@charset "utf-8";

.sub_wrap{width: 100%;margin-top:100px;overflow: hidden;}
.sv_sec {position: relative;width: 100%; background:url(../../images/sub/sub_vis_bg1.jpg) no-repeat center top; height: 300px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; transition:1.2s;z-index: -1;}
.sv02{background:url(../../images/sub/sub_vis_bg2.jpg) no-repeat center top; }
.sv03{background:url(../../images/sub/sub_vis_bg3.jpg) no-repeat center top; }
.sv04{background:url(../../images/sub/sub_vis_bg4.jpg) no-repeat center top; }
.sv05{background:url(../../images/sub/sub_vis_bg5.jpg) no-repeat center top; }
.sv06{background:url(../../images/sub/sub_vis_bg6.jpg) no-repeat center top; }
.sv07{background:url(../../images/sub/sub_vis_bg7.jpg) no-repeat center top; }


.sub_tit_box{width: 100%;height: 100%; display: table; text-align: center;}
.sub_tit_box h3{position: relative;display: table-cell; vertical-align: middle; font-size: 50px;  color: #fff; font-weight: 500;animation-duration: 1s;	animation-name: sub_tit_ani; animation-fill-mode: forwards;transition:1s 1.8s ease;opacity:0;}

@keyframes sub_tit_ani{
	0%{bottom:-40px;opacity:0;}
	100%{bottom:0px;opacity:1;}
}




.sub_layout {margin-top: 50px;margin-bottom: 150px;}
.sub_layout .lnb {float: left;width:18.575%} 
.lnb_tit_eng{display: block;font-size:16px;line-height: 29px;color: #b4d9f1;font-weight:500;margin-bottom:8px}
.sub_layout .lnb .lnb_cate{display: table; width:100%;height:180px;margin-bottom: 20px;background:#070b4a;}
.lnb_cate_in{display: table-cell;vertical-align: middle;height: 100%;padding-top: 7px;text-align: center;}
.lnb_cate_in .sv_title{font-size:2.125rem;line-height: 28px;color: #fff;font-weight: 500;}

.sub_layout .lnb .s_tb{ width:100%;}
.sub_layout .lnb .s_tb > ul > li > a{position: relative; padding-left: 20px;font-size: 1rem; line-height: 53px; color: #808080;background-color: #fff; border-bottom: 1px solid #dddddd; box-sizing: border-box; transition:.3s;} 
.sub_layout .lnb .s_tb > ul > li:first-child > a{border-top: 1px solid #ddd;}

.sub_layout .lnb .s_tb > ul > li.current > a{color: #070b4a;background-color: #f6fafe;}
.sub_layout .lnb .s_tb > ul > li > a:after{content: ''; position: absolute; top: 50%; right: 20px;transform:translateY(-50%);width: 6px;height: 6px;background-color: #d4d5d7;border-radius:50%;transition:.3s; }
.sub_layout .lnb .s_tb > ul > li.current > a:after{background-color: #070b4a;}


/* .sub_layout .lnb .s_tb > ul > li > .slnb_ul{display: none;}
.sub_layout .lnb .s_tb > ul > li.current > .slnb_ul{display: block;}
.sub_layout .lnb .s_tb > ul > li > .slnb_ul > li > a{position: relative;padding-left: 20px;font-size: 15px;letter-spacing: -1px; line-height: 55px; color: #606060;background-color: #fff; border-bottom: 1px solid #dddddd; box-sizing: border-box; transition:.3s; } 
.sub_layout .lnb .s_tb > ul > li > .slnb_ul > li:last-child > a,
.sub_layout .lnb .s_tb > ul > li > .slnb_ul > li.current:last-child > a{border-bottom:0}
.sub_layout .lnb .s_tb > ul > li > .slnb_ul > li.current > a{color:#26baf3;border-bottom: 1px solid #ddd;}
.sub_layout .lnb .s_tb > ul > li > .slnb_ul > li > a:after{position: absolute; content: ''; width: 15px; height: 2px ;right: 20px; top: 27px; transition:.3s;background-color: #cecece;}
.sub_layout .lnb .s_tb > ul > li > .slnb_ul > li.current > a:after{background-color: #26baf3;}
 */


.sub_layout .sub_cont{float: left;width:77.14%;margin-left:4.285%}
.bd_sec{float: left;width:100%;}
/* .cont_tit_wrap{padding-top: 180px;} */
.cont_tit{font-size:32px;line-height: 42px;color: #333333;}
.cont_tit>span{color: #26baf3;}
.cont_sub_tit{display: block;margin-top: 9px;font-size:16px;line-height: 42px;color: #3d4753;font-weight: 600;}

.s_tit_box{position: relative;margin-top: 13px; margin-bottom: 35px;padding-bottom: 26px;border-bottom: 1px solid #ddd;overflow: hidden; }
.s_tit_box h3{float: left;font-size: 2.25rem; line-height: 1.3; font-weight: 500;} 

.sub_bd{position: absolute;top:0;right:0;}
.sub_bd li{position: relative;float: left;margin-right:28px;font-size:0.938rem;line-height: 50px;color: #888;}
.sub_bd li:last-child{margin-right: 0;}
.sub_bd li.home{width:15px;height: 50px;;font-size:0;/* text-indent: -9999px; */background: url(../../images/sub/ico_home.png) no-repeat center;}
.sub_bd li:after{content: '>';position: absolute;top:0%;right:-18px;font-size:0.938rem;color: #888;;}
.sub_bd li:last-child:after{display: none;}

.bx-wrapper .bx-controls-direction a{z-index: 99;}



/* s1_1 */
.s101_cont_wrap{float: left;width: 56.94%;}
.s101_cont_wrap h2{font-size:1rem;color: #2aa5f0;text-transform: uppercase;}
.s101_cont_wrap em{display: block;margin: 10px 0 20px;font-size:2.5rem;line-height: 1.3;font-weight: 500;}
.s101_cont_wrap .s101_sub_txt{font-size:1.625rem;}
.s101_cont_wrap .s101_txt_area {margin-top: 25px;}
.s101_cont_wrap .s101_txt_area p{margin-bottom: 30px;font-size:1rem;color: #666666;line-height: 1.6;}
.s101_cont_wrap .s101_txt_area p:last-child{margin-bottom:0;}

.s101_img_wrap{position: relative;float: right;margin:5px 30px 0 0;}
.s101_img_wrap figcaption{position: relative;margin-top: -7px;padding-left: 48px;font-size:1.125rem;line-height: 1;font-weight: 500;}
.s101_img_wrap figcaption:before{content: '';position: absolute;top:50%;left:0;width: 32px;height: 2px;background-color: #33409d;}
.s101_img_wrap figcaption span{display: inline-block;margin-left: 15px;font-size:1.875rem;}

/* s1_2 */
.s102 {}
.s102 .arti1 ul {width: 100%; max-width:1020px; margin:0 auto; height: 389px; background: url(../../images/sub/s1_2_logo_bg.png) no-repeat center; display: table;}
.s102 .arti1 ul li {float: left; text-align: center; position: relative;}
.s102 .arti1 ul li:before {content: ''; display: block; position: absolute; width:16px ; height: 16px; background: url(../../images/sub/s1_2_dot.png) no-repeat center; right: -8px; top: 50%; transform:translate(0,-50%);}
.s102 .arti1 ul li:nth-child(2):before {display: none;}
.s102 .arti1 ul li:nth-child(3):before {left: -8px; right: auto;} 
.s102 .arti1 ul li:nth-child(1) {margin-right: 0px;}
.s102 .arti1 ul li:nth-child(2) {margin:80px 30px 0 25px;}
.s102 .arti1 ul li:nth-child(1),
.s102 .arti1 ul li:nth-child(3) {width: 360px; height: 140px; border:1px solid #ddd; background: #fff; border-radius:80px; display: table; margin-top:127px;}
.s102 .arti1 ul li:nth-child(3) {background: #727171;}
.s102 .arti1 ul li:nth-child(1) > div,
.s102 .arti1 ul li:nth-child(3) > div {display: table-cell; vertical-align: middle;}
.s102 .arti1 ul li h3 {font-size: 22px; font-weight: 500; color: #333;}
.s102 .arti1 ul li:nth-child(3) h3 {color: #fff; font-size: 22px; margin-bottom: 0px;}
.s102 .arti1 ul li p {font-size: 14px; font-weight: 400; color: #666;}
.s102 .arti1 ul li:nth-child(3) p {color: #fff;}

.s102 .arti2 {margin-top: 80px;}
.s102 .arti2 ul {}
.s102 .arti2 ul li {float: left; width: 31.48%; margin-right: 2.7%; text-align: center; box-sizing:border-box; border:1px solid #ddd; height: 295px; margin-bottom: 30px;}
.s102 .arti2 ul li:nth-child(3n) {margin-right: 0;}
.s102 .arti2 ul li figure {margin-top: 60px;}
.s102 .arti2 ul li h3 {margin-top: 32px; font-size: 24px; color: #333; font-weight: 500;}
.s102 .arti2 ul li:nth-child(2) h3 {}
.s102 .arti2 ul li:nth-child(3) h3 {}
.s102 .arti2 ul li:nth-child(4) h3 {margin-top: 12px;}
.s102 .arti2 ul li:nth-child(5) h3 {}
.s102 .arti2 ul li:nth-child(6) h3 {}
.s102 .arti2 ul li p {margin-top:10px; color: #666;}
.s102 .arti2 ul li:nth-child(2) p {margin-top:15px;}
.s102 .arti2 ul li:nth-child(3) p {}
.s102 .arti2 ul li:nth-child(4) p {}
.s102 .arti2 ul li:nth-child(5) p {}
.s102 .arti2 ul li:nth-child(6) p {}

.s102 .arti3 {margin-top: 50px;}
.s102 .arti3 table {text-align: left; border-top: 1px solid #000;}
.s102 .arti3 table th {background:#f6f6f6; width: 150px; border-bottom: 1px solid #ddd; border-right: 0.5px dashed #ddd; padding-left: 20px; box-sizing:border-box;}
.s102 .arti3 table td {padding:20px 20px; border-bottom: 1px solid #ddd; font-weight: 400; color: #666;}


/* s1_3 */
.s1_title {font-size: 32px; font-weight: 500; color: #333; text-align: center; margin-bottom: 40px; margin-top: 63px; letter-spacing: -0.03em;}
.s1_title span {font-weight: 500; color: #2aa5f0;}
.s103 .arti1 {}
.s103 .table {border-top: 2px solid #070b4a; text-align: left; width: 100%; display: table;}
.s103 .table .tr { display: table-row; width: 100%;}
.s103 .table .tr > div {border-bottom: 1px solid #ddd;}
.s103 .table .th { display: table-cell; vertical-align: middle; color: #070b4a; font-family: 'Montserrat',sans-serif; max-width: 177px; width: 16.5%; border-right: 1px solid #ddd; text-align: center;}
.s103 .table .th h3 {font-weight: 600; font-size: 32px;}
.s103 .table .td {display:table-cell; vertical-align: middle; padding:15px 0; padding-left: 50px !important;}
.s103 .table .td b {font-size: 16px; font-weight: 600; color: #333; font-family: 'Montserrat',sans-serif; display: inline-block; padding-right: 50px;}
.s103 .table .td p {font-size: 16px; font-weight: 400; color: #666; position: relative; padding-left: 7px; display: inline-block;}
.s103 .table .td p:before {content: ''; display: block; position: absolute; left: 0; top: 14px; width: 4px; height: 1px; background: #666;}
.s103 .table .td span {}

/* s1_4 */
.s104 .arti1 {width: ; height: 420px; background:url(../../images/sub/s1_4_arti1_bg.png) no-repeat center bottom; text-align: center;} 
.s104 .arti1 img {width: 100%; max-width:940px;}

/*s1 table*/
.tb_type1 table {border-top: 2px solid #24abf2;}
.tb_type1 table th {background-color:#e4f0f7; border-right: 1px dashed #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; font-weight: 500;}
.tb_type1 table td {border-right: 1px dashed #ddd; border-bottom: 1px solid #ddd; padding: 5px 0; color: #666;}
.tb_type1 .border_none {border-right: 0;}
.tb_type1 .total th {background-color:#f9f9f9;}

/*s1_5 */
.s105 .arti2 {margin-top: 50px;}
.s105 .arti2 ul {}
.s105 .arti2 ul li {width: 23.61%; margin-right: 1.8%; float: left; margin-bottom: 20px;}
.s105 .arti2 ul li:nth-child(4n) {margin-right: 0;}
.s105 .arti2 ul li img {width: 100%;}

/*s1_6 */
.s106 .arti1 {}
.s106 .arti1 ul {}
.s106 .arti1 ul li {float: left; width: 16.2%; margin-right:0.55%; box-sizing:border-box; border:1px solid #ddd; margin-bottom: 20px;}
.s106 .arti1 ul li img {width: 100%;}
.s106 .arti1 ul li:nth-child(6n) {margin-right: 0;}

.s1_6_tab {margin-bottom: 40px; margin-top: 60px;}
.s1_6_tab li {float: left; box-sizing:border-box; width: 20%; border:1px solid #ddd; text-align: center; display: table; height: 50px; transition:.3s; cursor:pointer; border-right: 0;}
.s1_6_tab li:last-child {border-right: 1px solid #ddd;}
.s1_6_tab li span {display: table-cell; vertical-align: middle; color: #808080; font-size: 17px; font-weight: 400; transition:.3s;}
.s1_6_tab li.on { background: #33409d; border-color: #33409d;}
.s1_6_tab li.on span {color: #fff; font-weight: 500; }

.s106 .arti2 .box {display: none; transition:.3s;}
.s106 .arti2 #box1 {display: block;}

/* s1_7 */
.s107{}
.s107 ul{}
.s107 li{width: 23%; margin-right:2.5%; float: left; text-align: center; border-bottom: 1px solid #ddd; margin-top: 30px;}
.s107 li:nth-child(4n){margin-right: 0;}


.s107 figure{height: 352px;  background: #f6f6f6; border: 1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:10px;}
.s107 img{width:100%; height: 100%;}
.s107 p{padding: 20px 0;color: #666;}




/* s1_8 */
.loca{ border-bottom:1px solid #ddd; margin-bottom: 85px;}
.loca:first-child{margin-bottom: 0px;}

.loca h3{ float: left; margin-right: 56px; font-size: 25px; font-weight: 500; color: #070b4a; }
.loca .txt_box{ }
.loca .txt_box{ padding: 50px 0px; }
.loca p{ float: left; line-height: 36px; color: #606060; }
.loca span{ padding-right: 27px; position: relative;}
.loca span:nth-child(2)::before{  width: 1px; height:12px ; background: #dbdbdb;content: ""; position: absolute; top: 50%;right: 9px; -webkit-transform: translateY(-50%);-moz-transform:translateY(-50%) ;-ms-transform:translateY(-50%) ;-o-transform:translateY(-50%) ;transform:translateY(-50%) ;}
.loca .l_box{float: left;  }
.loca .r_box{float: right; margin-right:7px}
.loca .r_box li {float: left;}
.loca .r_box li:last-child{margin-left: -1px;}
.loca .r_box li a{position: relative; width: 61px; height: 61px; border: 1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.loca .r_box li a:before{position: absolute; content:''; width: 61px; height: 61px; background: url(../../images/layout/print01.png) center no-repeat; transition:.3s;}
.loca .r_box li:nth-child(2) a:before{ background: url(../../images/layout/print02.png) center no-repeat;}
.wrap_controllers ,
.map_border { display: none; }
#daumRoughmapContainer1610592788547,
#daumRoughmapContainer1610592915003{width:100%!important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 3px;border: 1px solid #ddd;}

@media (min-width:800px){
	.loca .r_box li:hover a:before{transform:rotate(30deg)}
}



/* s2_1 */
.s2_intro_wrap{margin-top: 5vw;margin-bottom: 50px;}

.s2_product_sec{margin-bottom: 97px;}
.s2_product_sec:last-child{margin-bottom: 0;}
.product_lt_wrap{float: left;width: 58.33%;}
.product_rt_wrap{float: left;width: 41.67%;}

.s2_product_tit{display: table;width: 100%; height: 170px;;margin-bottom: 30px;background: url(../../images/sub/s2_product_tit_bg.jpg) no-repeat center;}
.s2_product_tit_in{display: table-cell;vertical-align: middle;padding: 0 27px;box-sizing:border-box;}
.s2_product_tit h2,
.s2_tit h4{margin-bottom: 5px;font-size:2.125rem;color: #333;font-weight: 700;}
.s2_product_tit p,
.s2_tit p{font-size:1rem;color: #666;}

.s2_product_list ul li{float: left;height: 160px;background: url(../../images/sub/s201_1_dot_bg.jpg) repeat-y right top;}
.s2_product_list ul li:nth-child(1){padding: 0 25px;}
.s2_product_list ul li:nth-child(2){padding: 0 18px;}
.s2_product_list ul li:nth-child(3){padding-left: 17px;background: none;}
.s2_product_list ul li figcaption,
.s2_ibx .s2_pro_list > li figcaption{width: 140px;margin: 16px auto 0;font-size:0.938rem;color: #333;line-height: 35px;text-align: center;text-transform: uppercase;border:1px solid #ddd;border-radius:30px;}

.s2_product_feature{margin-top: 62px;}
.sub_tit{margin-bottom: 15px;font-size:2.125rem;color: #333;font-weight: 500;}
.s2_product_feature ul li{position: relative;margin-bottom: 7px;padding-left: 30px;font-size:1rem;color: #666;line-height: 1.75;box-sizing:border-box;}
.s2_product_feature ul li:before{position: absolute;top:6px;left:0;width: 19px;margin-right: 12px;font-size:0.875rem;line-height: 19px;color: #fff;text-align: center;background-color: #2aa5f0;border-radius:50%;}
.s2_product_feature ul li:nth-child(1):before{content: '1';}
.s2_product_feature ul li:nth-child(2):before{content: '2';}
.s2_product_feature ul li:nth-child(3):before{content: '3';}
.s2_product_feature ul li:nth-child(4):before{content: '4';}
.s2_product_feature ul li:nth-child(5):before{content: '5';}
.s2_product_feature ul li:nth-child(6):before{content: '6';}

.s2_product_img,
.s2_col2_img{margin-top: 84px;}
.s2_product_img ul li,
.s2_col2_img li{float: left;width: 49.07%;margin-right: 1.85%;margin-bottom: 20px;}
.s2_product_img ul li:nth-child(2n),
.s2_col2_img li:nth-child(2n+2){margin-right: 0;}
.s2_product_img ul li:nth-child(n+3){margin-bottom:0;}


/*s2_2*/
.s202 .s2_product_tit,
.s203 .s2_product_tit {background: url(../../images/sub/s2_2_product_tit_bg.jpg) no-repeat center; height: 250px;}

.s202 .s2_product_list ul li:nth-child(4){padding: 0 10px; margin-top: 22px;}
.s202 .s2_product_list ul li:nth-child(5){padding-left: 40px;background: none; margin-top: 22px;}

.s2_product_feature2 {margin-top: 62px;}
.s2_product_feature2 ul li{position: relative;margin-bottom: 7px;padding-left: 30px;font-size:1rem;color: #666;line-height: 1.75;box-sizing:border-box;}
.s2_product_feature2 ul li:before {content: ''; position: absolute; top:6px; left: 0; width: 22px; height: 19px; background: url(../../images/sub/s2_product_feature_check.png) no-repeat center;}


/*s2_3*/
.s203 .s2_product_list ul li:nth-child(1) {padding:0 35px 0 20px; text-align:center;}
.s203 .s2_product_list ul li:nth-child(4){padding: 0 27px; margin-top: 22px;}


/* s2_4 yeol_type */
.mt85{margin-top: 85px;}
.mt95{margin-top: 95px;}
.mt105{margin-top: 105px;}

.s2_tit{display: flex; background: url(../../images/sub/s2_tit_bg.jpg) center no-repeat; background-size: cover; padding: 21px 32px; box-sizing: border-box;}
.s2_ibx > figure{text-align: center; padding: 80px 0 69px;}
.s2_ibx > figure img{margin-left: 62px;}
.s2_ibx .s2_pro_list{display: flex; align-items: flex-end;  height: 154px;}
.s2_ibx .s2_pro_list > li{width: calc(100% / 4);  box-sizing: border-box; text-align: center; background: url(../../images/sub/s201_1_dot_bg.jpg) repeat-y right top; }
.s2_ibx .s2_pro_list > li:last-child{background: 0;	}
.s2_ibx .s2_pro_list > li figcaption{margin-top: 30px; min-width:140px; box-sizing: border-box; width: auto; display: inline-block; padding: 0 14px;}
.s2_ibx .s2_pro_list > li:first-child figcaption{margin-top: 20px;}
.s2_ibx .s2_pro_list_col2 {height: auto;}
.s2_ibx .s2_pro_list_col2 > li{width: calc(100% / 2); background: 0;}

.s205 .s2_ibx .s2_pro_list > li figure img {height: ; width: ;}

/* s207 yeol_type*/
.s2_intro_wrap h2{font-size: 48px; line-height: 1.2; color: #33409d; letter-spacing: -0.03em; font-weight: 600; }
.s204 .s2_intro_wrap h2 {margin-bottom: 3vw;}
.s2_intro_wrap p{font-size: 16px; line-height: 28px; color: #666; margin-top: 22px;}

/* s208 yeol_type* */
.s2_col2_img_ty2 ul{display: flex; text-align: center;}
.s2_col2_img_ty2 li{width: calc((100% / 2) - 10px); box-sizing: border-box; border: 1px solid #ddd; padding: 22px 0;}
.s2_col2_img_ty2 li:first-child{margin-right: 20px;}


.s2_tit_2 {margin:3vw 0;}