*{max-height: 999999px;}
input[type="text"]{padding-left:15px;box-sizing:border-box;}
#sv_box{width:100%;margin:0 auto;box-sizing:border-box;padding:0 20px;}
#sv_box.bg1{background: url(../images/sub/svbg1.jpg) no-repeat center center; background-size: cover;}
#sv_box.bg2{background: url(../images/sub/svbg2.jpg) no-repeat center center; background-size: cover;}
#sv_box.bg3{background: url(../images/sub/svbg3.jpg) no-repeat center center; background-size: cover;}
#sv_box.bg4{background: url(../images/sub/svbg4.jpg) no-repeat center center; background-size: cover;}
#sv_box.bg5{background: url(../images/sub/svbg5.jpg) no-repeat center center; background-size: cover;}

.sv_wid{width: 100%;max-width:1180px;margin:0 auto;position:relative;height:860px;}

.sub_menu{padding-top: 40px;}
.sub_menu > li{float:left;margin-right:40px;}
.sub_menu > li:last-child{margin-right: 0;}
.sub_menu > li > a{display: inline-block;font-size:18px;color:#454545;font-weight:300;line-height:1;padding-bottom:8px;border-bottom:2px solid rgba(0,0,0,0);font-family: 'Candara';}
.sub_menu > li.on > a{color:#1d3b67;font-weight: normal;border-bottom:2px solid #1d3b67;font-weight: bold;}
.sv_text{position:absolute;left:0;bottom:0;}
.sv_text > p.st{padding-left: 20px;font-size:22px;color:#5e759f;font-weight:bold;line-height:1;margin-bottom:40px;}
.sv_text > p.bt{padding-left: 20px;padding-bottom:300px;position:relative;font-size:0;}
.sv_text > p.bt .mo{display:none;}
.sv_text > p.bt:after{content:"";position:absolute;left:0;bottom:0;top:0;width:1px;background:#253a64;}

/* Scroll Animation */
.sa {opacity: 0;transition: all 0.85s ease-out;}
.sa-up {transform: translate(0, 100px);}
.sa-down {transform: translate(0, -100px);}
.sa-right {transform: translate(-100px, 0);}
.sa-left {transform: translate(100px, 0);}
.sa-rotateL {transform: rotate(180deg);}
.sa-rotateR {transform: rotate(-180deg);}
.sa-scaleUp {transform: scale(.5);}
.sa-scaleDown {transform: scale(1.5);}
.sa.show {opacity: 1;transform: none;}

.sblue_vs{width:100%;margin:0 auto;box-sizing:border-box;padding:0 20px;background:#1d3b67;}
.sblue_vs > .wid{width: 100%;max-width:1180px;margin:0 auto;position:relative;height:460px;}
.sblue_vs > .wid > .t_text{padding-top:80px;padding-left:20px;position:relative;font-size: 16px;color:#fff;font-weight:300;line-height:1.7;}
.sblue_vs > .wid > .t_text:after{content:"";position:absolute;left:0;top:0;bottom:4px;width:1px;background:#fff;}
.sblue_vs > .wid > span{font-size:0;display: inline-block;position:absolute;right:0;bottom:0;}

.scomp_area{width: 100%;margin:0 auto;background: url(../images/sub/cbg.jpg) no-repeat center center;padding:0 40px;box-sizing:border-box; background-size: cover;}
.scomp_wid{width: 100%;max-width:1180px;margin:0 auto;position:relative;height:460px;display:table;}
.scomp_con{display:table-cell;vertical-align:middle;}

.scomp_kor{float:left;}
.scomp_eng{float:right;}
.scomp_kor > li{margin-bottom: 14px;position:relative;padding-left:118px;font-size:16px;color:#000;line-height:1.4;}
.scomp_kor > li:last-child{margin-bottom:0;}
.scomp_kor > li > span{position:absolute;left:0;top:0;font-weight: 500;line-height:1.4;}
.scomp_eng > li{margin-bottom: 14px;position:relative;padding-left:230px;font-size:16px;color:#676767;line-height:1.4;}
.scomp_eng > li:last-child{margin-bottom:0;}
.scomp_eng > li > span{position:absolute;left:0;top:0;font-weight: 500;line-height:1.4;}

.ob_area{width:calc(100% - 40px);max-width:1180px;margin:0 auto;padding:135px 0 150px;}
.ob_title{margin-top: 135px;margin-bottom:150px;font-size:16px;color:#010101;font-weight:500;line-height:1.5;}
.ob_title span{display:block;font-size:80px;color:#1d3b67;line-height:1;font-weight:bold;font-family: 'Candara';margin-bottom:10px;}
.ob_title.no_mt{margin-top: 0;}
.ob_title br{display:none;}
.ob_title.rt{text-align:right;}
.ob_line > li{float:left;width:25%;box-sizing:border-box;position:relative;}
.ob_line > li > p.tit{position:absolute;left:30px;top:30px;font-size:18px;color:#fff;font-weight:bold;line-height:1;}
.ob_line > li > p.txt{position:absolute;right:30px;bottom:28px;font-size:22px;color:#fff;font-weight:bold;line-height:1;text-align:right;line-height:1.3;}
.obb_box{margin-top:-20px;margin-left:-20px;}
.obb_box > li{float:left;margin-top:20px;margin-left:20px;width:calc(50% - 20px);position:relative;}
.obb_box > li > .img{width:calc(50% - 10px);display:inline-block;}
.obb_box > li.lf{text-align:right;}
.obb_box > li.lf > .box{position:absolute;left:0;top:0;bottom:0;width:calc(50% - 10px);min-height:100%;height:100vh;display:table;box-sizing:border-box;}
.obb_box > li.rt > .box{position:absolute;right:0;top:0;bottom:0;width:calc(50% - 10px);min-height:100%;height:100vh;display:table;box-sizing:border-box;}
.obb_box > li > .box.back{background:#1d3b67;}
.obb_box > li > .box.line{border:1px solid #1d3b67;background:#fff;}
.obb_box > li > .box > div{display:table-cell;vertical-align:middle;padding:10px 20px;text-align:left;}
.obb_box > li > .box > div > p{margin-bottom:45px;font-size:25px;line-height:1;font-weight:bold; font-family: 'Candara';position:relative;}
.obb_box > li > .box > div > p > span{display:inline-block;text-align:right;position:absolute;right:0;top:6px;font-size:15px;line-height:1;}
.obb_box > li > .box > div > ul li{margin-bottom:11px;font-size:16px;line-height:1;font-weight:bold; font-family: 'Candara';position:relative;color:#000;}
.obb_box > li > .box > div > ul li > span{display:inline-block;text-align:right;position:absolute;right:0;top:50%;font-size:15px;line-height:20px;margin-top:-10px;color:#676767;font-weight:300;letter-spacing:-1px;}
.obb_box > li > .box.back > div > p{color:#fff;}
.obb_box > li > .box.back > div > p > span{opacity: 0.5;}
.obb_box > li > .box.back > div > ul li{color:#fff;}
.obb_box > li > .box.back > div > ul li > span{color:#fff;opacity: 0.5;}
.obb_box > li > .box > div > ul li br{display:none;}

.hist_area{width:calc(100% - 40px);max-width:1180px;margin:0 auto;}
.hist_wid{width:100%;margin:0 auto;padding:150px 0 220px;}
h4.his_tit1{margin-bottom:25px;font-size:80px;color:#1d3b67;font-weight:bold;line-height:1;font-family: 'Candara';}
.his_box{float:left;width:calc(100% - 500px);padding-top: 100px;}
.his_img{float:right;width:473px;}
.his_line{position:relative;}
.his_line:after{content:"";position:absolute;left:4px;top:-70px;bottom:-70px;width:2px;background:#cecece;}
.his_line > li{margin-bottom:90px;padding-left:184px;position:relative;}
.his_line > li:last-child{margin-bottom:0;}
.his_line > li > p{display:inline-block;position:absolute;left:24px;top:50%;margin-top:-16px;width:68px;height:32px;line-height:32px;text-align:center;background:#243a64;font-size:17px;color:#fff;font-weight:bold;border-radius:100%;}
.his_line > li > p:after{content:"";position:absolute;left:-24px;top:50%;width:10px;height:10px;margin-top:-5px;background:#243a64;z-index:1;}
.his_line > li > dl dt{font-size:20px;color:#010101;font-weight:bold;}
.his_line > li > dl dd{margin-top: 5px;font-size:15px;color:#656565;font-family: 'Candara';}

.hisb_area{width:100%;margin:0 auto;padding-bottom:150px;}
.hisb_area > .wids{width:calc(100% - 40px);margin:0 auto;max-width:1180px;}
.hisb_area > .wids h4.his_tit1{margin-bottom:0;position:relative;z-index:1;}
.hisb_back{width:100%;margin:-13px auto 0;background:#e8e8e8;padding:130px 0;}
.hisb_wid{width:calc(100% - 40px);margin:0 auto;max-width:1180px;text-align:center;position:relative;}

.gallery-thumbs.swiper-container{width:100%;max-width:947px;margin:0 auto;}
.gallery-thumbs .swiper-slide a{display:block;position:relative;}
.gallery-thumbs .swiper-slide a > p{margin-bottom:40px;font-size:16px;color:#080808;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gallery-thumbs .swiper-slide a > p > span{display:inline-block;padding-left:18px;background: url(../images/sub/dm.png) no-repeat left center;}
.gallery-thumbs .swiper-slide a > div img{width:100%;}
.hisb_wid .swiper-button-next.swiper-button-white, .hisb_wid .swiper-button-prev.swiper-button-white{font-size:0;width:25px;height:47px;}
.hisb_wid .swiper-button-prev:after, .hisb_wid .swiper-container-rtl .swiper-button-next:after{font-size:0;width:25px;height:47px;background:url('../images/sub/gal_lf.png') no-repeat center center;}
.hisb_wid .swiper-button-next:after, .hisb_wid .swiper-container-rtl .swiper-button-prev:after{font-size:0;width:25px;height:47px;background:url('../images/sub/gal_rt.png') no-repeat center center;}
.hisb_wid .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0;margin-top:15px;}
.hisb_wid .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0;margin-top:15px;}

.cs_wid{width:100%;margin:0 auto;padding:140px 0 150px;}
h4.ct_tit{text-align:center;margin-bottom:135px;font-size:80px;color:#1d3b67;font-weight:bold;line-height:1;font-family: 'Candara';}
.cs_line{margin-left:-14px;margin-top:-35px;}
.cs_line > li{float:left;margin-left:14px;margin-top:35px;width:calc(20% - 14px);text-align:center;}
.cs_line > li > a{display:block;}
.cs_line > li > a > div{border:1px solid #454545;}
.cs_line > li > a > div img{width:100%;}
.cs_line > li > a > p{margin-top:10px;font-size:16px;color:#000;line-height:1;}

h3.st_title{font-size:18px;color:#000;font-weight:bold;line-height:1;padding-top:40px;}
h3.st_title + .sub_menu{padding-top: 25px;}
.pro_wid{width:100%;margin:0 auto;padding:40px 0 150px;}

.lay_pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.85);opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;}
.area_pop{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%);}
.pop_out{display:block;position:absolute;font-size:0;top:20px;right:30px;z-index:9999;cursor:pointer;}
.spop_box > .img img{width:100%;}
body.pop_true{overflow:hidden;}
body.pop_true .lay_pop{opacity:1;visibility:visible;}

.pro-thumbs .swiper-slide a{display:block;position:relative;}
.pro-thumbs .swiper-slide a > img{width:100vw;height:100vh;object-fit:contain;}
.pro-thumbs dl{position:absolute;left:0;bottom:74px;width:100%;text-align:center;z-index:10;}
.pro-thumbs dl dt{font-size:28px;color:#fff;line-height:1;}
.pro-thumbs dl dd{margin-top:5px;font-size:11px;color:#fff;line-height:1;}
.pro-thumbs .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{font-size:0;width:17px;height:32px;}
.pro-thumbs .swiper-button-prev:after{font-size:0;width:17px;height:32px;background:url('../images/sub/pro_lf.png') no-repeat center center;}
.pro-thumbs .swiper-button-next:after{font-size:0;width:17px;height:32px;background:url('../images/sub/pro_rt.png') no-repeat center center;}
.pro-thumbs .swiper-button-prev{top:auto;bottom:80px;left:29%;}
.pro-thumbs .swiper-button-next{top:auto;bottom:80px;right:29%;}
.pro-thumbs .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:.6;}
.pro-thumbs .swiper-pagination-bullet-active{opacity:1;background:#435474;}

.contac_area{width:100%;margin:0 auto;padding:109px 0 28px;}
.map_box iframe{width:100%;height:600px;}
.add_area{width:calc(100% - 40px);margin:0 auto;padding-top:70px;max-width:1720px;}
.ctc_box{float:left;width:calc(50% - 20px);}
.cinp_box{float:right;width:calc(50% - 20px);}
.ctc_tit{font-size:35px;color:#1d3b67;font-weight:bold;line-height:1;margin-bottom:55px;}
.ctc_line{border-top:4px solid #1d3b67;border-bottom:4px solid #1d3b67;}
.ctc_line > li{padding: 20px 10px 20px 180px;border-bottom:2px solid #e7e7e7;position:relative;}
.ctc_line > li > p.title{position:absolute;left:0;top:50%;width:180px;text-align:center;transform: translate(0, -50%);font-size:18px;color:#000;font-weight:500;line-height:1;}
.ctc_line > li > p.title span{display:block;font-size:11px;margin-top:3px;font-weight:400;}
.ctc_line > li > p.st{font-size:16px;color:#000;line-height:1.3;}
.sinp_line > li{margin-bottom:24px;}
.sinp_line > li:last-child{margin-bottom:0;}
.sinp_line > li input{box-sizing:border-box;width:100%;height:34px;line-height:34px;padding-left:21px;border:1px solid #d5d5d5;font-size:14px;color:#878787;}
.sinp_line > li textarea{box-sizing:border-box;width:100%;height:160px;padding:10px 21px;border:1px solid #d5d5d5;font-size:14px;color:#878787;}
.art_btn{text-align:right;margin-top:23px;}
.art_btn > a,.art_btn > button{display:inline-block;text-align:center;width:65px;line-height:24px;background:#919db2;font-size:14px;color:#fff;border:0;cursor:pointer;}

/* Responsive 1024px */
@media screen and (max-width:1024px){
    .sblue_vs > .wid > span{right: 20px;}
    .scomp_area{background: url(../images/sub/cbg2.jpg) no-repeat center center;background-size: cover;}
    .scomp_wid{height:766px;}
    .scomp_kor{float:none;}
    .scomp_eng{float:none;margin-top: 90px;}
    .obb_wid{width:100%;max-width:640px;margin:0 auto;}
    .obb_box > li{width:calc(100% - 20px);}
    .obb_box > li > .box > div > p{font-size:30px;margin-bottom:35px;}
    .obb_box > li > .box > div > ul li{margin-bottom:15px;font-size:20px;}
    .obb_box > li > .box > div > ul li > span{font-size:18px;}
    .obb_box > li > .box > div > ul li br{display:block;}
    .hist_wid{padding:130px 0 140px;}
    h4.his_tit1{margin-bottom:120px;font-size:85px;}
    .his_box{float:none;width:auto;padding-top: 0;}
    .his_img{float:none;width:auto;text-align:center;margin-top:90px;}
    .his_line > li{padding-left:168px;}
    .gallery-thumbs.swiper-container{max-width:calc(100% - 268px);}
    .cs_line > li{width:calc(25% - 14px);}
}

/* Responsive 640px */
@media screen and (max-width:640px){
    #sv_box.bg1{background: url(../images/sub/svbg_mo1.jpg) no-repeat center center; background-size: cover;}
    #sv_box.bg2{background: url(../images/sub/svbg_mo2.jpg) no-repeat center center; background-size: cover;}
    #sv_box.bg3{background: url(../images/sub/svbg_mo3.jpg) no-repeat center center; background-size: cover;}
    #sv_box.bg4{background: url(../images/sub/svbg_mo4.jpg) no-repeat center center; background-size: cover;}
    #sv_box.bg5{background: url(../images/sub/svbg_mo5.jpg) no-repeat center center; background-size: cover;}
    .sub_menu > li{margin-right:50px;}
    .sub_menu > li > a{font-size: 23px;}
    .sv_text > p.bt{padding-bottom:235px;}
    .sv_text > p.bt .mo{display:block;}
    .sv_text > p.bt .pc{display:none;}
    .sblue_vs > .wid > .t_text{font-size:20px;}
    .scomp_kor > li{margin-bottom: 20px;padding-left:230px;font-size:20px;}
    .scomp_eng > li{margin-bottom: 20px;font-size:20px;}
    .ob_area{padding: 85px 0 150px;}
    .ob_title{font-size:20px;}
    .ob_title span{font-size:85px;}
    .ob_title br{display:block;}
    .ob_line > li{width:50%;}
    .ob_line > li > p.tit{font-size:23px;}
    .ob_line > li > p.txt{font-size:27px;}
    .hisb_back{padding:125px 0;}
    .gallery-thumbs .swiper-slide a > p{margin-bottom:45px;font-size:20px;}
    .cs_wid{padding:130px 0 150px;}
    h4.ct_tit{margin-bottom:120px;font-size:85px;}
    .cs_line{margin-left:-12px;margin-top:-30px;}
    .cs_line > li{margin-left:12px;margin-top:30px;width:calc(33.333% - 12px);}
    .cs_line > li > a > p{font-size:20px;}
    .pro-thumbs .swiper-slide a > img{width:100%;height:100vh;}
    .contac_area{padding:70px 0 135px;}
    .ctc_box{float:none;width:auto;}
    .cinp_box{float:none;width:auto;margin-top:70px;}
    .ctc_tit{font-size:40px;}
    .ctc_line > li > p.title{font-size:20px;}
    .ctc_line > li > p.st{font-size:20px;line-height:1.2;}
    .art_btn > a,.art_btn > button{width:70px;line-height:29px;font-size:20px;}
}