@charset "utf-8";

@font-face {
    font-family: 'NanumSquareB';
    font-style: normal;
    font-weight: 600;
    src: url(/include/css/fonts/NanumSquareB.woff) format('woff');
}

/*common*/
.grad_line_box {border: 4px solid; border-style: solid; border-image: linear-gradient(143deg, #0ac8a6 28%, #813edd 70%); border-image-slice: 1;}
.w_50 {width: 50%;}
.t_center {text-align: center;}
.bg_grad {background:linear-gradient(-90deg, #5c32cf 20%, #10c4a4 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bg_grad_2 {background:linear-gradient(-90deg, #5c32cf 80%, #10c4a4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bul_green {position:relative; padding-left:30px;}
.bul_green:before {position:absolute; left:0; top:7px; width:9px; height:20px; background:#24d8c1; content:'';}
.lh_120 {line-height:1.2}
.lh_150 {line-height:1.5}
.grad_box {position:relative; background-image: linear-gradient(143deg, #0ac8a6 28%, #813edd 70%); border-image-slice: 1;}
.ds_flex {display: flex;}
.mgt_0 {margin-top:0;}
.fw_bold {font-weight: bold;}
.fc_01 {color:#5c32cf;}
.fc_02 {color:#39b59e;}
.fc_03 {color:#953735;}
.btn_download {display:flex; width:345px; height:63px; margin:60px auto 70px; color:#fff; font-size:27px; background: url('/common_img/product_btn.png') no-repeat; align-items: center; justify-content: center;}
.btn_download a {color:#fff;}

/*font size*/
.fs_16 {font-size:16px; font-weight: 400;}
.fs_18 {font-size:18px; font-weight: 400;}
.fs_20 {font-size:20px; font-weight: 400;}
.fs_26 {font-size:26px; font-weight: 400;}
.fs_28 {font-size:28px; font-weight: 400;}
.fs_30 {font-size:30px; font-weight: 400;}
.fs_36 {font-size:36px; font-weight: 400;}
.fs_40 {font-size:40px; font-weight: 400;}
.fs_45 {font-size:45px; font-weight: 400;}
.fs_50 {font-size:50px; font-weight: 400;}
.fs_54 {font-size:54px; font-weight: 400;}
.fs_60 {font-size:60px; font-weight: 600;}
.fs_70 {font-size:65px; font-weight: 600;}
.fs_75 {font-size:70px; font-weight: 600;}
.fs_80 {font-size:70px; font-weight: 600;}
.fs_90 {font-size:80px; font-weight: 600;}


.bul.line {position: relative; display: inline-block; width: 42px; height: 2px; margin: 0 auto 0 15px !important; float: none !important;}
.bul.line:before {position: absolute; clear: both; content: ''; display: inline-block; right: 0; width: 20px; height: 2px; background: #5c32cf;}
.bul.line:after {position: absolute; clear: both; display: inline-block; content: ''; left: 0; width: 20px; height: 2px; background: #10c4a4;}
    

header nav ul.gnb > li > .product_gnb_ul li > a {padding: 3px 16px;}

.mw_1400 {max-width: 1400px; margin: 0 auto;}

.product_flex_img2.round_border_wrap {background: url(../include/images/sub/img_polygon.png) center 15px no-repeat; height: 505px; margin-top: 70px; background-size: 500px; text-align: center;}
.product_flex_img2.round_border_wrap > ul {height: 278px; margin:0 auto ; text-align: center; font-size: 0;}
.product_flex_img2.round_border_wrap > ul > li {height: 278px; display: inline-block; vertical-align: middle; }

.product_flex_img2.round_border_wrap > ul > li > p{font-size: 50px; color: #12ba9c; font-weight: bold; font-style: italic; padding-top: 60px;}
.product_flex_img2.round_border_wrap > ul > li > span{font-size: 33px; display: block; padding-top: 10px; font-weight: normal;}
.product_flex_img2.round_border_wrap > ul > li > span > em{display: block; font-size: 20px; font-style: normal;}
.product_flex_img2.round_border_wrap > ul > li:first-child{width: 266px;padding-right: 121px; background: url(../include/images/sub/fl_line.png) right center no-repeat;}
.product_flex_img2.round_border_wrap > ul > li:nth-child(2){position:relative;width: 266px; margin-left: -3px;}
.product_flex_img2.round_border_wrap > ul > li:nth-child(3){position:relative; width: 266px; }
.product_flex_img2.round_border_wrap > ul > li:nth-child(4){width: 266px;padding-left: 121px; background: url(../include/images/sub/fl_line.png) left center no-repeat; margin-left: -3px;}

.product_list_ul {width: 100%; max-width: 1280px; margin: 0 auto;}
.product_list_ul > ul > li:first-child {border-top: 1px solid #10c4a4;}
.product_list_ul > ul > li {display:flex; border-bottom: 1px solid #10c4a4; align-items: center; justify-content: space-around;}
.product_list_ul .product_text li {padding-left: 15px; background: url(/common_img/icon_dot.png) left center no-repeat; font-size:16px; line-height: 1.8;}

.font-NanumSquareB {font-family: 'NanumSquareB', 'NotoSansKR';}

/*industries popup layer*/
#fullpage > .section > div > .visual_background > .hover_cont > div > div.pop_cont {width: 700px; height: auto; background: #000; border: 1px solid #fff;}
#fullpage > .section > div > .visual_background > .hover_cont > div > div.pop_cont  > div {width: auto; height: auto;}
#fullpage .hover_cont .pop_tit {font-size: 30px; font-weight: 500; text-align: center; margin-bottom: 30px;}
/* 우측 텍스트 박스 세로 중앙정렬
#fullpage .hover_cont .product_list li {display: flex; align-items: center; margin-bottom: 24px;}
*/
#fullpage .hover_cont .product_list > li {margin-bottom: 24px;}
#fullpage .hover_cont .product_list > li:last-child {margin-bottom: 0;}
#fullpage .hover_cont .product_list .fl {width: calc(25% - 20px); margin-right:20px;}
#fullpage .hover_cont .product_list .fl img {width: 100%}
#fullpage .hover_cont .product_list .fl p {margin-top: 8px; font-size: 15px;}
#fullpage .hover_cont .product_list .fr {width: 75%}
#fullpage .hover_cont .product_list .fr .text_box {width: 100%; padding: 12px 20px; font-size:14px; font-weight: 200; line-height: 140%; text-align: left;}

/*table_type1*/
.table_type1 tr.border_thick {border-width:6px; border-color:#000;}
.table_type1 td:nth-child(n) {font-size:24px; color:#000; font-weight: 300; text-align:center; vertical-align: middle;;}
.table_type1 td:nth-of-type(1) {background-color: #fff;}

/*footer*/
footer .inner {padding-right:350px;}
footer .ft_top .footer_logo {position:absolute; display:flex; top: 50%; right: 40px; margin-top: -28px; width: 330px; height: 56px; background: none; align-items: center;}
footer .ft_top .footer_logo img {height: 30px;}
footer .ft_top .footer_logo img {margin-right:20px;}
footer .ft_top .footer_logo img:first-child {margin-right:12px;}
footer .ft_top .footer_logo .go_top {position: static; margin-top: 0;}

/*mobile*/
@media all and (max-width: 580px) {
    footer .ft_top .footer_logo {position: static; width:100%; height: 40px; margin:0 0 40px;}
}