@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

#wrapper{position:relative;padding-top:110px;overflow:hidden;}
/* header */
#header {position:fixed;left:0;top:0;right:0;z-index:90;background-color: #404040;}
#header .contain{max-width:1680px;height:110px;}
#header .sitelogo {position:absolute; top:13px; left:30px; z-index:2}
#header .sitelogo a {display:block;}

#gnb{display:none;}

#header .lang {position:absolute;right:100px;top:50%;transform:translateY(-50%);z-index:2;z-index:12;}
#header .lang .tit {display:inline-block;;width:70px;padding-left:22px;font-weight:600;line-height:1.2em;position:relative;color: #fff;}
#header .lang .tit:before{content:'';width:16px;height:16px;background:url('../images/common/ic-lang.png')no-repeat 0 50%/contain;position: absolute;left:0;top:2px;}
#header .lang .tit:after{content:'';width:8px;height:7px;background:url('../images/common/lang-arr.png')no-repeat 100% 50%/contain;position: absolute;right:0;top:50%;margin-top:-3.5px;transition:.3s;}
#header .lang .tit.active:after{transform:rotate(180deg);}
#header .lang .lang-open {display:none; position:absolute; top:30px;width:60px;left:50%;transform:translateX(-50%);background-color: #fff;border-radius:5px;overflow:hidden;}
#header .lang .lang-open ul li a {display:flex;justify-content:center;align-items:center;position:relative;line-height:1.2em;height:24px;color:#898989;background-color: #fff;transition:.3s;font-size:14px;font-weight:600;}
#header .lang .lang-open ul li a:hover{background-color: #2da4de;color: #fff;border-color: #2da4de;}
#header .lang .lang-open.active {display:block;}


.contain {position:relative; max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto;}
#contArea {max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto;}
#contArea.wide {max-width:100%; padding-left:0; padding-right:0;}

/* main */ 
.main-visual {position:relative; overflow:hidden;}
.main-visual .item {position:relative; height:calc(100vh - 110px);}
.main-visual .bg {position:absolute; top:0; left:-9px;right:0;bottom:0; background-repeat:no-repeat; background-position:center center; background-size:cover;z-index:-1;}
.main-visual .caption{position:relative;max-width:1460px;width:100%;margin:0 auto;height:100%;color: #fff;font-size: clamp(1.5rem, -0.8333rem + 4.8611vw, 5rem);line-height:1.25em;font-weight:500;z-index:3;}
.main-visual .caption .txt.left1{position: absolute;left:30px;top:47.1264%;pointer-events:none;}
.main-visual .caption .txt.right1{position: absolute;right:30px;top:13.9425%;pointer-events:none;}
.main-visual .caption .txt.right2{position: absolute;right:30px;top:9.1954%;pointer-events:none;}
.main-visual .caption .txt.left2{position: absolute;left:30px;top:12.6436%;pointer-events:none;}
.main-visual .caption .txt.left2 .wrap .pr-tit{margin-bottom:30px;}
.main-visual .caption .txt.left2 .wrap .pr-sub{margin-bottom:30px;font-size: clamp(1.125rem, -0.2083rem + 2.7778vw, 3.125rem);line-height:1.2em;color: #f9f408;font-weight:700;}
.main-visual .caption .txt.left2 .wrap .tt{font-size: clamp(0.9375rem, -0.0208rem + 1.9965vw, 2.375rem);line-height:1.45em;}
.main-visual .btn-more{display:flex;justify-content:center;align-items:center;width:220px;height:60px;position: absolute;left:0;bottom:9.1954%;background-color: #404040;box-shadow:10px 10px 15px rgba(0,0,0,.1);border-radius:10px;z-index:2;opacity:0; transform:translateX(50px);}
.main-visual .btn-more span{position:relative;color: #fff;padding-right:70px;font-size: clamp(0.9375rem, 0.7292rem + 0.434vw, 1.25rem);line-height:1.2em;}
.main-visual .btn-more span:after{content:'';width:15px;height:13px;background:url('../images/main/vis-arr.png')no-repeat 100% 50%/contain;position: absolute;right:0;top:7px;}
.main-visual .dots{/* max-width:1460px;width:100%;padding:0 30px;position: absolute;left:50%;transform:translateX(-50%); */position: absolute;right:11.6%;bottom: 12.068%;z-index:1;}
.main-visual .dots .slick-dots{display:flex;justify-content:flex-end;margin:0 -5px;}
.main-visual .dots .slick-dots li{padding:0 5px;}
.main-visual .dots .slick-dots li button{display:block;width:12px;height:12px;font-size:0;border:1px solid #fff;background-color:transparent;border-radius:6px;transition:.3s;opacity:.5;}
.main-visual .dots .slick-dots li.slick-active button{width:50px;opacity:.8;background-color: #fff;}

.main-visual .caption .txt.left1 p{opacity:0; transform:translateX(50px);}
.main-visual .active .caption .txt.left1 p{transform:translateX(0); opacity:1; transition:1s all 0.7s ease;}
.main-visual .caption .txt.right1 p{opacity:0; transform:translateX(50px);}
.main-visual .active .caption .txt.right1 p{transform:translateX(0); opacity:1; transition:1s all 1.2s ease;}
.main-visual .caption .txt.right2 p{opacity:0; transform:translateX(50px);}
.main-visual .active .caption .txt.right2 p{transform:translateX(0); opacity:1; transition:1s all 1.2s ease;}

.main-visual .active .btn-more{transform:translateX(0); opacity:1; transition:1s all 1.2s ease;}

.main-visual .caption .txt.left2 .wrap{opacity:0; transform:translateX(50px);}
.main-visual .active .caption .txt.left2 .wrap{transform:translateX(0); opacity:1; transition:1s all 0.7s ease;}

.main-visual .m-cnt{position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:0 15px;height:100%;display:none;}
.main-visual .m-cnt .img{margin-bottom:20px;text-align:center;display:flex;justify-content:center;}
.main-visual .m-cnt .img img{height:300px;}
.main-visual .m-cnt .caption{height:auto;position:static;width:auto;}
.main-visual .m-cnt .caption .txt{position: static;margin-bottom:10px;}
.main-visual .m-cnt .caption .txt:last-child{margin-bottom:0;}
.main-visual .m-cnt .caption .txt br{display:none;}
.main-visual .m-cnt .caption .btn-more{position: static;margin:40px auto;}

.main-visual .item.type4 .m-cnt .img{margin-bottom:0;}
.main-visual .item.type4 .m-cnt .caption .txt br{display:block;}

.main-visual .slick-arrow{width:30px;height:59px;font-size:0;border:none;background-repeat:no-repeat;background-size:contain;position: absolute;top:50%;transform:translateY(-50%);z-index:1;background-color: transparent;}
.main-visual .slick-prev{left:50px;background-image:url('../images/main/vis-prev.png');background-position:0 50%;}
.main-visual .slick-next{right:50px;background-image:url('../images/main/vis-next.png');background-position:100% 50%;}

html{scroll-behavior:smooth;}
#main.active .main-visual .btn-more{display:none;}
#main.active .section-wrap{display:block;}
.section-wrap{display:none;}
.section{padding:110px 0;}
.section .contain{max-width:1460px;}

.sec-tit{margin-bottom:70px;text-align:center;color: #242424;font-weight:700;line-height:1.2em;font-size: clamp(1.5rem, 0.5833rem + 1.9097vw, 2.875rem);}
.sec-tit .wrap{display:flex;justify-content:center;align-items:flex-end;}
.sec-tit .wrap .img-tt{margin-right:10px;padding-bottom:4px;}
.sec2{background:url('../images/main/sec2-bg.jpg')no-repeat 50% 100%/cover;}
.sec2 ul{display: flex;flex-wrap:wrap;margin:0 -10px -20px;}
.sec2 ul li{width:20%;padding:0 10px;margin-bottom:20px;}
.sec2 ul li .box{background-color: #fff;padding:45px 15px 20px;border-radius:20px;height:100%;min-height:240px;font-size: clamp(0.875rem, 0.75rem + 0.2604vw, 1.0625rem);line-height:1.65em;text-align:center;box-shadow:10px 10px 15px rgba(0,0,0,.05);}
.sec2 ul li .box .num{display:flex;justify-content:center;align-items:center;width:50px;height:30px;border-radius:15px;background-color: #0760a5;line-height:1.2em;color: #fff;font-weight:700;padding-top:2px;margin:0 auto 15px;}

.sec3 .step{display:flex;margin:0 -50px;}
.sec3 .step .wrap{position:relative;width:33.3333%;text-align:center;padding:0 50px;}
.sec3 .step .wrap:after{content:'';width:22px;height:19px;background:url('../images/main/step-arr.png')no-repeat 50% 50%/contain;position: absolute;right:-11px;top:27%;}
.sec3 .step .wrap:last-child:after{display:none;}
.sec3 .step .wrap .ic{margin-bottom:10px;}
/* .sec3 .step .wrap .txt{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;line-height:1.76em;font-size: clamp(0.875rem, 0.75rem + 0.2604vw, 1.0625rem);max-width:340px;margin:0 auto;}
.sec3 .step .wrap .txt .pr{padding-bottom:8px;margin:0 5px;} */

.sec4{background-color: #eff8fc;}
.sec8{background-color: #eff8fc;}
.main-pr{display:flex;align-items:center;margin:0 -10px;}
.main-pr .pr-list{width:50%;padding:0 10px;}
.main-pr .pr-list ul{display: flex;margin:0 -10px;}
.main-pr .pr-list ul li{width:50%;padding:0 10px;}
.main-pr .pr-list ul li .box{position:relative;min-height:640px;display:flex;justify-content:center;align-items:center;background-color: #fff;border-radius:30px;border:3px solid #0760a5;}
.main-pr .pr-list ul li .box .tit{position: absolute;left:40px;bottom:20px;color: #0760a5;font-weight:700;letter-spacing:0;font-size: clamp(0.9375rem, 0.7292rem + 0.434vw, 1.25rem);line-height:1.2em;}
.main-pr .pr-list ul li.type2 .box{border-color: #2da4de;}
.main-pr .pr-list ul li.type2 .box .tit{color: #2da4de;}
.main-pr .info{width:50%;padding:0 10px;}
.main-pr .info .inner{padding-left:80px;}
.main-pr .info .inner .sec-tit{margin-bottom:25px;}
.main-pr .info .inner .sec-tit .wrap{justify-content:flex-start;}
.main-pr .info .inner .sec-tit .wrap .tt2{font-size: clamp(0.875rem, 0.6667rem + 0.434vw, 1.1875rem);color: #808080;line-height:1.2em;}
.main-pr .info .inner .txt{margin-bottom:45px;font-size: clamp(0.9375rem, 0.6908rem + 0.9868vw, 1.875rem);line-height:1.31em;letter-spacing:-.051em;color: #333;font-weight:700;}
.main-pr .info .inner .txt span{display:inline-block;}
.main-pr .info .inner ul li{display:flex;align-items:center;margin-bottom:20px;font-size: clamp(0.875rem, 0.75rem + 0.2604vw, 1.0625rem);}
.main-pr .info .inner ul li:last-child{margin-bottom:0;}
.main-pr .info .inner ul li .num{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:8px;margin-right:15px;color: #fff;background-color: #0760a5;line-height:1em;font-weight:700;}
.main-pr .info .inner ul li p{min-width:0;width:1%;flex:1 1 auto;line-height:1.4em;padding-top:1px;}

.sec5 .main-pr{flex-direction:row-reverse;}
.sec5 .main-pr .info .inner{padding-left:0;padding-right:80px;}

.sec6{background:url('../images/main/sec6-bg.jpg')no-repeat 50% 50%/cover;color: #fff;text-align:center;}
.sec-tit .tit{font-size: clamp(1.5rem, 0.5833rem + 1.9097vw, 2.875rem);line-height:1.2em;font-weight:700;}
.sec6 .sec-tit{position:relative;padding-top:95px;margin-bottom:15px;color: #fff;}
.sec6 .sec-tit:before{content:'';position: absolute;left:50%;margin-left:-38px;top:0;width:77px;height:59px;background:url('../images/main/sec6-deco.png')no-repeat 50% 50%/contain;}
.sec6 .tt{margin-bottom:25px;font-size: clamp(1rem, 0.8333rem + 0.3472vw, 1.25rem);font-weight:500;line-height:1.3em;opacity:.9;}
.sec6 .wrap p{margin-bottom:15px;opacity:.8;}
.sec6 .wrap p:last-child{margin-bottom:0;}

.sec7 .sec-tit{margin-bottom:15px;}
.sec7 .top-tt{line-height:1.4em;margin-bottom:55px;text-align:center;}
.sec7 .inq .con{display:flex;margin:0 -15px;}
.sec7 .inq .con .col{width:50%;padding:0 15px;}
.sec7 .inq .con .col .row{margin-bottom:14px;}
.sec7 .inq .con .col .row:last-child{margin-bottom:0;}
.sec7 .inq .con .col input.input{height:60px;padding:0 20px;}
.sec7 .inq .con .col .input{border-radius:8px;}
.sec7 .inq .con .col .input::placeholder{letter-spacing:-.02em;}
.sec7 .inq .con .col textarea.input{height:100%;padding-left:20px;padding-right:20px;}
.sec7 .form-agree{display:flex;align-items:center;justify-content:space-between;margin:40px 0 0;}
.sec7 .form-agree .checkbox label:before{width:25px;height:25px;border-radius:50%;background:#aeaeae url('../images/main/agree-chk.png')no-repeat 50% 50%/15px;}
.sec7 .form-agree .checkbox input:checked + label:before {background-color:#2da4de; border-color:#2da4de;}
.sec7 .form-agree .check{color: #878787;}
.sec7 .form-agree .check a{margin-left:20px;border-radius:5px;padding:2px 13px;color: #242424;}
.sec7 .form-agree .btn{display:flex;justify-content:center;align-items:center;width:180px;height:50px;border-radius:25px;background-color: #2da4de;font-size: clamp(0.875rem, 0.75rem + 0.2604vw, 1.0625rem);font-weight:500;line-height:1.2em;color: #fff;border:none;cursor:pointer;}



/* footer */
#footer {padding:40px 0;border-top:1px solid #ddd;}
#footer .contain{display:flex;justify-content:space-between;max-width:1460px;}
#footer .foot-info .foot-logo1{margin-bottom:20px;}
#footer .foot-info address {display:flex;font-style:normal;margin:0 -12px 10px;}
#footer .foot-info address p{position:relative;padding:0 12px;color:#505050;font-size: clamp(0.8125rem, 0.7292rem + 0.1736vw, 0.9375rem);line-height:1.2em;}
#footer .foot-info address p:after{content:'';width:1px;height:10px;background-color: #e2e2e2;position: absolute;right:0;top:4px;}
#footer .foot-info address p:last-child:after{display:none;}
#footer .foot-info .copy{font-size: clamp(0.75rem, 0.6667rem + 0.1736vw, 0.875rem);line-height:1.2em;color: #808080;}
#footer .foot-info .copy a{display:inline-block;font-size: clamp(0.6875rem, 0.5625rem + 0.2604vw, 0.875rem);}
#footer .foot-right{display:flex;flex-direction:column;justify-content:space-between;}
#footer .foot-right .foot-logo2{text-align:right;}
#footer .foot-right .foot-menu{display:flex;margin:0 -13px;}
#footer .foot-right .foot-menu li{position:relative;padding:0 13px;}
#footer .foot-right .foot-menu li:after{content:'';width:1px;height:10px;background-color: #e2e2e2;position: absolute;right:0;top:4px;}
#footer .foot-right .foot-menu li a{display:block;color: #808080;font-size: clamp(0.8125rem, 0.7292rem + 0.1736vw, 0.9375rem);line-height:1.2em;}
#footer .foot-right .foot-menu li:last-child:after{display:none;}

.scroll-top{display:flex;justify-content:center;align-items:center;position: fixed;right:30px;bottom:30px;width:70px;height:70px;border-radius:50%;background-color: #2da4de;box-shadow:5px 5px 10px rgba(0,0,0,.1);z-index:100;}
.scroll-top span{display:block;position:relative;color: #fff;font-size:12px;font-weight:700;line-height:1.2em;padding-top:15px;}
.scroll-top span:before{content:'';width:12px;height:9px;background:url('../images/common/top.png')no-repeat 50% 50%/contain;position: absolute;left:50%;top:0;margin-left:-6px;}

/* for mobile */
.only-mobile {display:none;}
.btn-m-menu {display:block; position:absolute; top:50%; margin-top:-11px; right:30px; width:30px; height:22px;  text-align:center; text-indent:-9999em; z-index:99; transition:all 0.5s ease-in-out;}
.btn-m-menu span {position:absolute; right:0; top:50%; margin-top:-1px; height:2px; width:23px;background:#fff;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; right:0; width:30px; height:2px; background:#fff; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-m-menu span:before {top:-10px; transition-property:top, transform;}
.btn-m-menu span:after {bottom:-10px; transition-property:bottom, transform;}
.mobile-navigation {position:fixed; top:0; right:0; padding:130px 70px 80px; width:500px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%);z-index:202;background-color: #404040;}
.mobile-navigation .nav-logo{position: absolute;left:70px;top:23px;}
.mobile-navigation .nav-menu>ul>li {display:flex;align-items:center;min-height:100px;border-bottom:1px solid #5c5c5c;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:0 5px; display:block; color:#fff; font-size:30px; font-weight:600; line-height:1.3em;}
.mobile-navigation .nav-menu>ul>li>a .wrap{display:flex;align-items:flex-end;padding:0 5px;}
.mobile-navigation .nav-lang{margin-top:25px;}
.mobile-navigation .nav-lang ul{display:flex;justify-content:center;margin:0 -20px;}
.mobile-navigation .nav-lang ul li{position:relative;padding:0 20px;}
.mobile-navigation .nav-lang ul li:after{content:'';width:1px;height:10px;background-color: #7a7a7a;position: absolute;right:0;top:4px;}
.mobile-navigation .nav-lang ul li:last-child:after{display:none;}
.mobile-navigation .nav-lang ul li a{display:block;color:rgba(255,255,255,.5);font-weight:600;line-height:1.2em;}
.mobile-navigation .nav-lang ul li.active a{color: #2da4de;}
.mobile-navigation .close {position:absolute; top:40px; right:70px; width:18px; height:18px; text-indent:-9999em; overflow:hidden;background:url('../images/common/menu-close.png')no-repeat 50% 50%/contain;}

.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:201;}

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0); }
html.menu-opened .mobile-overlay {display:block;}