@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
body {font-family: 'Noto Sans KR', sans-serif;}

/**{outline:1px solid #f00}*/

body {width:100%;}


header {width:100%;background:#fff;height:100px;position:fixed;top:0;left:0;z-index:1000;}
header>div:first-child {background:#114886;color:#fff}
header>div>div {width:1200px;margin:0 auto; text-align:right;}
header>div>div>i {padding:5px 5px;font-size:20px;font-weight:100;cursor:pointer;}
header>div>div>i:last-child {padding-right:15px}

header>div:last-child {width:1200px;margin:0 auto;}
header h1 {float:left;width:200px;padding-top:9px;padding-left:15px}
header h1>img {display:block;width:100%;}



header nav {float:right;}
header nav>ul {padding-right:15px;height:65px;position:relative;}
header nav>ul>li {float:left;}
header nav>ul>li>a {display: block;font-size:18px;line-height:70px;padding:0 35px;transition:0.2s}
header nav>ul>li:hover>a {color:#4c89cd}
header nav>ul>li:last-child>a {padding-right:0}


header nav>ul>li>ul {height:0px;width:950px;position:absolute;top:70px;right:-100px;z-index:56;overflow:hidden;transition:0.2s;opacity:0}
header nav>ul>li:hover>ul {height:310px;opacity:1}
header nav>ul>li>ul>li {float:left;font-size:18px;padding:0 30px;position:relative;}
header nav>ul>li>ul>li:before {content:"";display:block;width:1px;height:20px;border-left:3px solid #4c89cd;position:absolute;top:15px;left:30px}
header nav>ul>li>ul>li>a {display:block;padding:0 15px;line-height:50px;font-weight:400;transition:0.2s}
header nav>ul>li>ul>li:hover>a {}


header nav>ul>li>ul>li>ul>li>a {display:block;line-height:30px;font-size:16px;font-weight:300;color:#333;padding:0 15px}
header nav>ul>li>ul>li>ul>li:hover>a {color:#4c89cd;}
header nav>ul:hover +.nav-bg {height:310px}

.coll-list {width:300px}
.coll-list>li {float:left;width:150px}


.mopen {position:fixed;background:#fff;height:30px;width:30px;top:30px;left:0;display:none}
.mopen>span {position:absolute;display:block;width:100%;height:2px;background:#333;}
.mopen>span:nth-child(1) {top:0}
.mopen>span:nth-child(2) {top:10px}
.mopen>span:nth-child(3) {top:10px}
.mopen>span:nth-child(4) {top:20px}



.nav-bg {width:100%;height:2px;background:#fff;position:absolute;top:100px;left:0;z-index:55;transition:0.3s;overflow:hidden;}
.nav-bg>img {width:500px;margin: 20px 150px}

.nav-bg:after {content:"";display:block;width:100%;height:2px;background:#114886;position:absolute;bottom:0;}







.slider {width:100%;height:500px;margin-top:100px;}

.slider .main-slider {position:relative;}
.main-slider .main-slider01 {width:100%;height:500px;background:url(../img/slide01.jpg) no-repeat center center/cover;}
.main-slider .main-slider02 {width:100%;height:500px;background:url(../img/slide02.jpg) no-repeat center center/cover;}
.main-slider .main-slider03 {width:100%;height:500px;background:url(../img/slide03.jpg) no-repeat center center/cover;}
.main-slider .main-slider04 {width:100%;height:500px;background:url(../img/slide04.jpg) no-repeat center center/cover;}

.main-slider button {display:none;}
.main-slider .prev {width:50px;height:50px;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;z-index:5;top:50%;left:8%;transform:translateY(-50%) rotate(-45deg);cursor:pointer;}
.main-slider .next {width:50px;height:50px;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;z-index:5;top:50%;right:8%;transform:translateY(-50%) rotate(135deg);cursor:pointer;}



.quick {width:100%;position:relative}
.quick>div {width:1350px;height:65px;background:#1e71c0;border-radius:40px 0 0 0;position:absolute;top:-35px;right:0;padding-left:80px}
.quick>div>div {float:left;}
.quick>div>div>div {float:left;}
.quick>div>div>div>a {display:block;float:left;;color:#fff;font-weight:300;padding-right:35px;line-height:65px}
.quick>div>div>div>i {float:left;color:#fff;font-size:28px;padding:0 15px;line-height:65px;}
.quick>div>div:last-child {float:right;background:#114886;height:65px;width:220px;}
.quick h2 {font-size:18px;font-weight:500;color:#fff;line-height:65px;text-align:center;}






.s1 {width:100%;}
/*.s1:after {content:"";display:block;height:418px;width:732px;background:url(../img/cau.png) no-repeat center center/cover;position:absolute;bottom:0;left:0;z-index:0}*/
.s1>div {width:1200px;margin:0 auto;padding:70px 0px}
.s1>div>div {float:left;}
.s1>div>div:first-child {width:900px;padding:0 5px;}
.s1>div>div:last-child {width:300px;padding-right:15px}

.s1>div>div>h2 {font-size:30px;font-weight:500;color:#666;padding-bottom:30px;padding-left:15px}
.s1>div strong {font-weight:700;color:#4c89cd;font-size:30px}
.s1>div>div:last-child>h2 {padding-bottom:30px;}
.s1>div>div>h2>i {display:inline-block;font-size:28px;color:#ed1c24;}


.s1 .notice>div {float:left;width:47.7%;height:90px;margin:20px 10px;border:1px solid #ddd;position:relative;}
.s1 .notice>div:after {content:"";display:block;clear:both;}
.s1 .notice>div>div {float:left;width:90px;height:inherit;border-right:1px solid #ddd;text-align:center;}
.s1 .notice>div>div>h3 {font-size:40px;font-weight:700;color:#3375be;line-height:1.0}
.s1 .notice>div>div>h4 {font-weight:200;padding-top:15px;color:#333;line-height:1.1;}
.s1 .notice>div>p {float:left;width:330px;font-weight:300;padding:35px 20px;cursor:pointer;}
.s1 .notice>div:last-child>p {float:left;font-weight:300;padding:25px 20px}

.s1 .notice>div:nth-child(1):before {content:"";display:block;width:25px;height:25px;border:2px solid #ed1c24;position:absolute;top:-13px;left:-13px;z-index:0;}
.s1 .notice>div:nth-child(2):before {content:"";display:block;width:25px;height:25px;border:2px solid #ed1c24;position:absolute;top:-13px;left:-13px;z-index:0;}




.s1 .s1-slider {width:275px;height:275px;margin-left:10px}
.s1 .s1-slider .s1-slider01 {height:275px;background:url(../img/s2-01.jpg) no-repeat center center/cover}
.s1 .s1-slider .s1-slider02 {height:275px;background:url(../img/s2-04.jpg) no-repeat center center/cover}
.s1 .s1-slider .s1-slider03 {height:275px;background:url(../img/s2-06.jpg) no-repeat center center/cover}

.s1 ul.slick-dots button {display:none;}
.s1 ul.slick-dots {text-align:center;}
.s1 ul.slick-dots>li {display:inline-block;width:10px;height:10px;border-radius:50%;background:#ddd;margin:0 5px;transition:0.3s;cursor:pointer;}
.s1 ul.slick-dots>li.slick-active {background:#4c89cd;width:20px;border-radius: 8px}



.s2 {width:100%;background:#eef4fb;}
.s2>div {width:1200px;margin:0 auto;padding:50px 0}
.s2>div>h2 {font-size:30px;font-weight:500;color:#666;padding-bottom:30px;padding-left:15px}
.s2>div strong {font-weight:700;color:#4c89cd;font-size:30px}
.s2>div>h2>i {display:inline-block;font-size:28px;color:#ed1c24;}


.s2>div .s2-slider .s2-sl {}
.s2>div .s2-slider .s2-sl>figure {border-radius:0 50px;width:370px;height:370px;overflow:hidden}
.s2>div .s2-slider .s2-sl>figure>img {display:block;height:370px}
.s2>div .s2-slider .s2-sl{float:left;width:30.%;margin:0 15px;height:370px;position:relative;}
.s2>div .s2-slider .s2-sl:after {content:"";display:block;width:370px;height:370px;position:absolute;bottom:0;left:0px;background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.65) 10%, rgba(255, 255, 255, 0) 50%);z-index:1;transition:0.3s;border-radius:0 50px;}
.s2>div>div .s2-sl h4 {text-align:center;width:370px;color:#fff;position:absolute;bottom:30px;left:0px;z-index:3;transition:0.3s}

.s2>div .s2-slider .s2-sl>figure>div {width:370px;height:370px;background:#4c89cd;color:#fff;text-align:center;position:absolute;top:0px;right:0px;z-index:33;opacity:0;transition:0.3s;border-radius:0 50px;}

.s2 .s2-slider figure>div>div {width:370px;padding-top:115px}
.s2 .s2-slider figure>div>div>h3 {font-size:20px;padding-bottom:10px;}
.s2 .s2-slider figure>div>div>p {font-size:14px;font-weight:300;padding:0 15px;padding-bottom:20px;}
.s2 .s2-slider figure>div>div>span {display:block;margin:0 auto;width:110px;height:35px;border:1px solid #fff;line-height:32px;border-radius:8px;cursor:pointer;transition:0.2s}
.s2 .s2-slider figure>div>div>span:hover {background:#fff;color:#4c89cd;}

.s2>div .s2-slider .s2-sl:hover div {opacity:1;top:15px;right:-15px;}
.s2>div .s2-slider .s2-sl:hover h4 {opacity:0;}
.s2>div .s2-slider .s2-sl:hover:after {opacity:0;}

.s2 .s2-slider .xi-arrow-left {font-size:30px;width:50px;height:50px;background:#4c89cd;color:#fff;border-radius:50%;text-align:center;line-height:50px;position:absolute;top:50%;left:-80px;transform:translateY(-50%);cursor:pointer;}
.s2 .s2-slider .xi-arrow-right {font-size:30px;width:50px;height:50px;background:#4c89cd;color:#fff;border-radius:50%;text-align:center;line-height:50px;position:absolute;top:50%;right:-80px;transform:translateY(-50%);cursor:pointer;}

.s2 .s2-slider button {display:none;}
.s2 .s2-slider .slick-list {height:385px;}





.s3 {width:100%;}
.s3>div {width:1200px;margin:0 auto;padding:50px 0;position:relative;}
.s3>div:last-child:after {content:"";display:block;width:250px;height:143px;background:url(../img/cau.png) no-repeat center center/cover;position:absolute;bottom:110px;right:40px;z-index:0}

.s3>div>h2 {font-size:30px;font-weight:500;color:#666;padding-bottom:56px;padding-left:15px}
.s3>div strong {font-weight:700;color:#4c89cd;font-size:30px}

.s3>div>div>iframe {float:left;padding:0 15px}
.s3>div>div>div {float:left;}
.s3>div>div>.sns {width:60px;height:420px;margin-left:15px;}
.s3>div>div>.plan {width:345px;height:420px;margin:0 15px;}


.s3>div>div>.sns>div {margin:15px 0;width:60px;height:60px;background:#3166b1;color:#fff;border-radius:50%;text-align:center;cursor:pointer;}

.s3>div>div>.sns>div:hover i {transform:rotateY(360deg);transition:0.8s}
.s3>div>div>.sns>div:nth-child(2) {background:#19ce60;}
.s3>div>div>.sns>div:nth-child(3) {background-image:linear-gradient(0deg, #f8cf67 5%, #e72844 30%, #9016a6);}
.s3>div>div>.sns>div:nth-child(4) {background:#f51a1a;}
.s3>div>div>.sns>div:nth-child(5) {background:#33adf8;}
.s3>div>div>.sns>div:first-child {margin-top:28px;}
.s3>div>div>.sns i {font-size:36px;padding-top:12px}

.s3 .plan>div:first-child {width:100%;height:50px;background:#4c89cd;color:#fff;padding:0 15px;font-size:20px;line-height:50px;}
.s3 .plan>div:last-child {height:370px;overflow:scroll;overflow-x:hidden;padding:15px 30px 15px 15px;font-size:14px;font-weight:300;color:#666;line-height:1.4;position:relative;z-index:3}

.s3 .plan span {float:right;line-height:50px;font-size:24px;cursor:pointer;width:30px;text-align:center;}
.s3 .plan strong {font-size:16px;font-weight:400;color:#333}




.s4 {width:100%;}
.s4>div {height:700px;background:url(../img/footer1.jpg)no-repeat center center/cover}
.s4>div>div {width:1200px;margin:0 auto;color:#fff;}
.s4 h2 {font-size:100px;font-weight:100;letter-spacing:-0.01em;padding:0 15px;padding-top:230px;position:relative;}
.s4 h2:after {content:"";display:block;width:35px;height:35px;border:2px solid #ed1c24;position:absolute;bottom:55px;right:413px}
.s4 h3 {padding:0 15px;font-size:46px;font-weight:700;text-align:right;letter-spacing:0.05em;}
.s4 h4 {padding:0 15px;font-size:;font-weight:300;text-align:right;padding-top:30px;line-height:1.5;}


footer {width:100%;background:#39425a;}
footer>div {color:#fff;position:relative;}

footer>div>div:first-child {border-top:1px solid rgba(255, 255, 255, 0.35);}
footer>div>div:first-child {border-bottom:1px solid rgba(255, 255, 255, 0.35);}

footer>div>div:first-child>ul {width:1200px;margin:0 auto;}
footer>div>div:first-child>ul>li {display:inline-block;padding:0 10px;font-size:14px;font-weight:300;line-height:36px;position:relative;cursor:pointer;}
footer>div>div:first-child>ul>li:first-child {padding-left:15px}
footer>div>div:first-child>ul>li:after {content:"";display:block;height:12px;width:1px;border-right:1px solid rgba(255, 255, 255, 0.65);position:absolute;top:50%;left:-2px;transform:translateY(-50%);}
footer>div>div:first-child>ul>li:first-child:after {display:none;}

footer>div>div:last-child {width:1200px;margin:0 auto;padding:50px 0;position:relative;}
footer>div>div:last-child>p {padding-left:15px; font-weight:300;font-size:14px;line-height:1.5;color:#f7f7f7}
footer>div>div:last-child>p>strong {font-weight:500;color:#fff;}

footer>div>div>select {width:250px;height:30px;background:#fff;color:#333;border:none;outline:none;vertical-align:middle;font-size:14px;position:absolute;top:50%;right:15px;transform:translateY(-50%);padding:0 15px;}



.s2-slider-mob {display:none;}
.mob {display:none;}
.mobile {display:none;}

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
여기서부터 반응형
*/


@media (max-width:768px){
    
.mobile {display:block;}
    


header {width:100%;background:#fff;height:90px;top:0;left:0;z-index:1000;}
    header:after {content:"";display:block;width:100%;height:2px;background:#114886;position:absolute;bottom:0;}
header>div:first-child {background:#114886;color:#fff}
header>div>div {width:100%;margin:0 auto; text-align:right;}
header>div>div>i {padding:5px 5px;font-size:18px;font-weight:100;cursor:pointer;}
header>div>div>i:last-child {padding-right:15px}

header>div:last-child {width:100%;margin:0 auto;}
header h1 {float:none;margin-left:5vw;width:170px;padding-top:9px;padding-left:15px}
header h1>img {display:block;width:100%;text-align: center;}




header nav {float:none;}
header nav>ul {padding-right:0;width:100%;height:0;background:#fff;position:fixed;left:0;top:90px;z-index:100;transition:0.5s;z-index:58;overflow:hidden}
    
    header nav.on>ul {height:100vh}
    
header nav>ul>li {float:none;}
header nav>ul>li>a {display: block;font-size:16px;line-height:40px;padding:0 50px;transition:0.2s;position:relative}
    header nav>ul>li:first-child>a {margin-top:20px;}
    header nav>ul>li>a:before {content:"";display:block;width:3px;height:18px;background:#4c89cd;position:absolute;top:50%;left:35px;transform:translateY(-50%)}
    header nav>ul>li>a:after {content:"";display:block;width:90%;height:1px;background:#eee;position:absolute;bottom:-1px;left:5%}
header nav>ul>li:hover>a {color:#4c89cd}
header nav>ul>li:last-child>a {padding-right:50px}



header nav>ul>li>ul {height:0;width:100vw;position:static;top:84px;right:-100px;z-index:56;overflow:hidden;background:#eee;transition:0.4s;opacity:1;}
header nav>ul>li:hover>ul {height:0;opacity:1;}
header nav>ul>li>ul>li {float:none;font-size:14px;padding:0 30px;position:relative;}
header nav>ul>li>ul>li:before {content:"";display:none;width:1px;height:20px;border-left:3px solid #4c89cd;position:absolute;top:15px;left:30px}
header nav>ul>li>ul>li>a {display:block;padding:0 15px;line-height:40px;font-weight:300;transition:0.2s;}
    
/*    header nav>ul>li>ul.on {display:block}*/
header nav>ul>li>ul>a.on {color:#f00}
header nav>ul>li>ul.on {height:300px;}
header nav>ul>li>ul>li>ul>li>a {display:none;line-height:30px;font-size:16px;font-weight:300;color:#333;padding:0 15px}
header nav>ul>li>ul>li>ul>li:hover>a {color:#4c89cd;}
header nav>ul:hover +.nav-bg {height:310px}

.coll-list {width:300px}
.coll-list>li {float:left;width:150px}

    
.mopen {display:block;background:#fff;height:24px;width:24px;position:fixed;top:50px;left:85vw;}
.mopen>span {position:absolute;display:block;width:100%;height:2px;background:#114886;transition:0.3s}
.mopen>span:nth-child(1) {top:0}
.mopen>span:nth-child(2) {top:8px}
.mopen>span:nth-child(3) {top:8px}
.mopen>span:nth-child(4) {top:16px}
    
    .mopen.on span:nth-child(1) {opacity:0}
    .mopen.on span:nth-child(2) {transform:rotate(45deg)}
    .mopen.on span:nth-child(3) {transform:rotate(-45deg)}
    .mopen.on span:nth-child(4) {opacity:0}  
    

.nav-bg {display:none}
.nav-bg>img {width:500px;margin: 20px 150px}

.nav-bg:after {display:none;}










.slider {width:100%;height:300px;margin-top:90px}

.slider .main-slider {position:relative;}
.main-slider .main-slider01 {width:100%;height:300px;background:url(../img/slide01.jpg) no-repeat center center/cover;}
.main-slider .main-slider02 {width:100%;height:300px;background:url(../img/slide02.jpg) no-repeat center center/cover;}
.main-slider .main-slider03 {width:100%;height:300px;background:url(../img/slide03.jpg) no-repeat center center/cover;}
.main-slider .main-slider04 {width:100%;height:300px;background:url(../img/slide04.jpg) no-repeat center center/cover;}

.main-slider button {display:none;}
.main-slider .prev {width:30px;height:30px;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;z-index:5;top:50%;left:8%;transform:translateY(-50%) rotate(-45deg);cursor:pointer;}
.main-slider .next {width:30px;height:30px;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;z-index:5;top:50%;right:8%;transform:translateY(-50%) rotate(135deg);cursor:pointer;}



.quick {width:100%;position:relative}
.quick>div {width:100%;height:80px;background:#114886;border-radius:0;position:absolute;top:0px;right:0;padding-left:0}
.quick>div>div {float:none;}
.quick>div>div>div {float:left;width:33.3333%;;position:relative}
.quick>div>div>div:after {content:"";display:block;width:1px;height:20px;border-right:1px solid rgba(255, 255, 255, 0.5);position:absolute;top:50%;transform:translateY(-50%);left:0}
    .quick>div>div>div:first-child:after {display:none}
    .quick>div>div>div:nth-child(4):after {display:none}
.quick>div>div>div>a {display:block;width:73%;text-align:center;float:left;color:#fff;font-weight:300;font-size:14px;padding-right:0;line-height:40px;}
.quick>div>div>div>i {float:left;color:#fff;width:27%;font-size:18px;padding:0;text-align:right;line-height:40px;}
.quick>div>div:last-child {display:none}
.quick h2 {font-size:18px;font-weight:500;color:#fff;line-height:65px;text-align:center;}






.s1 {width:100%;}
/*.s1:after {content:"";display:block;height:418px;width:732px;background:url(../img/cau.png) no-repeat center center/cover;position:absolute;bottom:0;left:0;z-index:0}*/
.s1>div {width:100%;margin:0 auto;padding:80px 0px}
.s1>div>div {float:none;}
.s1>div>div:first-child {width:100%;padding:0}
.s1>div>div:last-child {width:100%;padding-right:0px}

.s1>div>div>h2 {font-size:30px;font-weight:500;color:#666;padding:50px 0 10px 15px}
.s1>div strong {font-weight:700;color:#4c89cd;font-size:30px}
.s1>div>div:last-child>h2 {padding-bottom:30px;}
.s1>div>div>h2>i {display:inline-block;font-size:28px;color:#ed1c24;}



.s1 .notice>div {float:none;height:13vw;width:90vw;margin:10px auto;border:1px solid #ddd;position:relative;}
.s1 .notice>div:after {content:"";display:block;clear:both;}
.s1 .notice>div>div {float:left;width:13vw;height:auto;border-right:0;text-align:center;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.s1 .notice>div>div>h3 {font-size:20px;font-weight:500;color:#3375be;}
.s1 .notice>div>div>h4 {font-size:12px;font-weight:200;padding-top:0;color:#333;}
.s1 .notice>div>p {float:left;width:76vw;font-weight:300;font-size:14px;padding:0;cursor:pointer;position:absolute;top:50%;left:15vw;transform:translateY(-50%)}
	
.s1 .notice>div:last-child>p {padding:0}
.s1 .notice>div:last-child br {display:none;}
    .s1 .com {display:none;} 
    .s1 .mob {display:block;}
.s1 .notice>div:nth-child(1):before {display:none}
.s1 .notice>div:nth-child(2):before {display:none}


    


.s1 .s1-slider {width:80vw;height:80vw;margin-left:0px;margin:0 auto;}
.s1 .s1-slider .s1-slider01 {height:80vw;background:url(../img/s2-01.jpg) no-repeat center center/cover}
.s1 .s1-slider .s1-slider02 {height:80vw;background:url(../img/s2-04.jpg) no-repeat center center/cover}
.s1 .s1-slider .s1-slider03 {height:80vw;background:url(../img/s2-06.jpg) no-repeat center center/cover}

.s1 ul.slick-dots button {display:none;}
.s1 ul.slick-dots {text-align:center;padding-top:10px}
.s1 ul.slick-dots>li {display:inline-block;width:10px;height:10px;border-radius:50%;background:#ddd;margin:0 5px;transition:0.3s;cursor:pointer;}
.s1 ul.slick-dots>li.slick-active {background:#4c89cd;width:20px;border-radius: 8px}


/*


.s2 {width:100%;background:#eef4fb;}
.s2>div {width:100%;margin:0 auto;padding:50px 0}
.s2>div>h2 {font-size:30px;font-weight:500;color:#666;padding:0 0 30px 25px}
.s2>div strong {font-weight:700;color:#4c89cd;font-size:30px}
.s2>div>h2>i {display:inline-block;font-size:28px;color:#ed1c24;}

    
    .s2-slider-mob {display:block;width:80vw;height:80vw;margin:0 auto}
    .s2-slider {display:none;}
    
    
.s2>div>div .s2-sl {}
.s2>div>.s2-slider .s2-sl>figure {border-radius:0 50px;width:80vw;height:80vw;overflow:hidden}
.s2>div>div .s2-sl>figure>img {display:block;height:100%}
.s2>div>div .s2-sl{float:left;width:30.%;margin:0 15px;height:370px;position:relative;}
.s2>div>div .s2-sl:after {content:"";display:block;width:80vw;height:80vw;position:absolute;top:0;left:0px;background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.65) 10%, rgba(255, 255, 255, 0) 50%);z-index:1;transition:0.3s;border-radius:0 50px;}
.s2>div>div .s2-sl h4 {text-align:center;width:80vw;color:#fff;position:absolute;bottom:0;left:0px;z-index:3;transition:0.3s}

    
.s2>div>div .s2-sl>figure>div {display:none;}

    
.s2 figure>div>div {width:370px;padding-top:115px}
.s2 figure>div>div>h3 {font-size:20px;padding-bottom:10px;}
.s2 figure>div>div>p {font-size:14px;font-weight:300;padding:0 15px;padding-bottom:20px;}
.s2 figure>div>div>span {display:block;margin:0 auto;width:110px;height:35px;border:1px solid #fff;line-height:32px;border-radius:8px;cursor:pointer;transition:0.2s}
.s2 figure>div>div>span:hover {background:#fff;color:#4c89cd;}

.s2>div>div .s2-sl:hover div {opacity:1;top:15px;right:-15px;}
.s2>div>div .s2-sl:hover h4 {opacity:1;}
.s2>div>div .s2-sl:hover:after {opacity:1}

.s2 .xi-arrow-left {display:none;font-size:30px;width:50px;height:50px;background:#4c89cd;color:#fff;border-radius:50%;text-align:center;line-height:50px;position:absolute;top:50%;left:-80px;transform:translateY(-50%)}
.s2 .xi-arrow-right {display:none;font-size:30px;width:50px;height:50px;background:#4c89cd;color:#fff;border-radius:50%;text-align:center;line-height:50px;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}

.s2 .s2-slider-mob button {display:none;}
.s2 .slick-list {height:385px;}

.s2 ul.slick-dots {text-align:center;}
.s2 ul.slick-dots>li {display:inline-block;width:10px;height:10px;border-radius:50%;background:#ddd;margin:0 5px;transition:0.3s;cursor:pointer;}
.s2 ul.slick-dots>li.slick-active {background:#4c89cd;width:20px;border-radius: 8px}


*/

    
    


.s2 {width:100%;background:#eef4fb;}
.s2>div {width:100%;margin:0 auto;padding:50px 0 70px 0}
.s2>div>h2 {font-size:30px;font-weight:500;color:#666;padding:0 0 30px 25px}
.s2>div strong {font-weight:700;color:#4c89cd;font-size:30px}
.s2>div>h2>i {display:inline-block;font-size:28px;color:#ed1c24;}

    
    .s2-slider-mob {display:block;width:80vw;height:80vw;margin:0 auto}
    .s2-slider {display:none;}
    
    
.s2-slider-mob {}
.s2>div>div .s2-sl {}
.s2>div>div .s2-sl>figure {border-radius:0 50px;width:80vw;height:80vw;overflow:hidden}
.s2>div>div .s2-sl>figure>img {display:block;height:80vw}
.s2>div>div .s2-sl{float:left;width:30%;margin:0;height:80vw;position:relative;}
.s2>div>div .s2-sl:after {content:"";display:block;width:80vw;height:80vw;position:absolute;bottom:0;left:0px;background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.65) 10%, rgba(255, 255, 255, 0) 50%);z-index:1;transition:0.3s;border-radius:0 50px;}
.s2>div>div .s2-sl h4 {text-align:center;width:80vw;color:#fff;position:absolute;bottom:30px;left:0px;z-index:3;transition:0.3s}

    
.s2>div>div .s2-sl>figure>div {display:none;}

    
/*
.s2 figure>div>div {width:370px;padding-top:115px}
.s2 figure>div>div>h3 {font-size:20px;padding-bottom:10px;}
.s2 figure>div>div>p {font-size:14px;font-weight:300;padding:0 15px;padding-bottom:20px;}
.s2 figure>div>div>span {display:block;margin:0 auto;width:110px;height:35px;border:1px solid #fff;line-height:32px;border-radius:8px;cursor:pointer;transition:0.2s}
.s2 figure>div>div>span:hover {background:#fff;color:#4c89cd;}

.s2>div>div .s2-sl:hover div {opacity:1;top:15px;right:-15px;}
.s2>div>div .s2-sl:hover h4 {opacity:1;}
.s2>div>div .s2-sl:hover:after {opacity:1}
*/

.s2 .xi-arrow-left {display:none;font-size:30px;width:50px;height:50px;background:#4c89cd;color:#fff;border-radius:50%;text-align:center;line-height:50px;position:absolute;top:50%;left:-80px;transform:translateY(-50%)}
.s2 .xi-arrow-right {display:none;font-size:30px;width:50px;height:50px;background:#4c89cd;color:#fff;border-radius:50%;text-align:center;line-height:50px;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}

.s2 .s2-slider-mob button {display:none;}
.s2 .slick-list {height:80vw;}

.s2 ul.slick-dots {text-align:center;padding-top:10px}
.s2 ul.slick-dots>li {display:inline-block;width:10px;height:10px;border-radius:50%;background:#ddd;margin:0 5px;transition:0.3s;cursor:pointer;}
.s2 ul.slick-dots>li.slick-active {background:#4c89cd;width:20px;border-radius: 8px}



    
    
    
    
    
.s3 {width:100%;}
.s3>div {width:100%;margin:0 auto;padding:50px 0;padding-bottom:20px;position:relative;}
.s3>div:last-child:after {content:"";display:block;width:250px;height:143px;background:url(../img/cau.png) no-repeat center center/cover;position:absolute;bottom:70px;right:40px;z-index:0}

.s3>div>h2 {font-size:30px;font-weight:500;color:#666;padding-bottom:56px;padding-left:15px}
.s3>div strong {font-weight:700;color:#4c89cd;font-size:30px}

.s3>div>div>iframe {float:right;padding:0;width:81vw;height:56vw;margin-right:10px}
.s3>div>div>div {float:left;}
.s3>div>div>.sns {width:10vw;height:56vw;margin-left:10px;}
.s3>div>div>.plan {width:100%;height:350px;margin:0;padding-top:20px}


.s3>div>div>.sns>div {margin:1vw 0;width:10vw;height:10vw;background:#3166b1;color:#fff;border-radius:50%;text-align:center;cursor:pointer;}
.s3>div>div>.sns>div:hover i {transform:rotateY(360deg);transition:0.8s}
.s3>div>div>.sns>div:nth-child(2) {background:#19ce60;}
.s3>div>div>.sns>div:nth-child(3) {background-image:linear-gradient(0deg, #f8cf67 5%, #e72844 30%, #9016a6);}
.s3>div>div>.sns>div:nth-child(4) {background:#f51a1a;}
.s3>div>div>.sns>div:nth-child(5) {background:#33adf8;}
.s3>div>div>.sns>div:first-child {margin-top:1vw}
.s3>div>div>.sns i {font-size:5vw;line-height:10vw;padding:0}

.s3 .plan>div:first-child {width:100%;height:35px;background:#4c89cd;color:#fff;padding:0 15px;font-size:16px;line-height:35px;}
.s3 .plan>div:last-child {height:300px;overflow:scroll;overflow-x:hidden;padding:15px 30px 15px 15px;font-size:12px;font-weight:300;color:#666;line-height:1.4;position:relative;z-index:3;}

.s3 .plan span {float:right;line-height:35px;font-size:20px;cursor:pointer;width:30px;text-align:center;}
.s3 .plan strong {font-size:14px;font-weight:400;color:#333}




.s4 {width:100%;}
.s4>div {height:250px;background:url(../img/footer1.jpg)no-repeat center center/cover}
.s4>div>div {width:100%;margin:0 auto;color:#fff;}
.s4 h2 {font-size:18px;font-weight:100;letter-spacing:-0.01em;padding:0 15px;padding-top:80px;position:relative;}
.s4 h2:after {content:"";display:block;width:10px;height:10px;border:1px solid #ed1c24;position:absolute;bottom:10px;left:150px}
.s4 h3 {padding:0 15px;font-size:20px;font-weight:700;text-align:right;letter-spacing:0.05em;}
.s4 h4 {padding:0 15px;font-size:12px;font-weight:300;text-align:right;padding-top:5px;line-height:1.5;}

	
	

footer {width:100%;background:#39425a;}
footer>div {color:#fff;position:relative;}

footer>div>div:first-child {border-top:1px solid rgba(255, 255, 255, 0.35);}
footer>div>div:first-child {border-bottom:1px solid rgba(255, 255, 255, 0.35);}
	
footer>div>div:first-child>ul {width:100%;margin:0 auto;text-align:center;}
footer>div>div:first-child>ul:after {content:"";display:block;clear:both;}
footer>div>div:first-child>ul>li {display:inline-block;line-height:30px;padding:0 10px;font-size:12px;font-weight:300;line-height:30px;position:relative;cursor:pointer;}
footer>div>div:first-child>ul>li:first-child {padding-left:15px}
footer>div>div:first-child>ul>li:after {content:"";display:block;height:2px;width:2px;border-right:2px solid rgba(255, 255, 255, 0.65);position:absolute;top:50%;left:-2px;transform:translateY(-50%);}
footer>div>div:first-child>ul>li:first-child:after {display:none;}

footer>div>div:last-child {width:100%;margin:0 auto;padding:20px 0;position:relative;}
footer>div>div:last-child>p {padding-left:15px; font-weight:300;font-size:12px;line-height:1.5;color:#f7f7f7}
footer>div>div:last-child>p>strong {font-weight:500;color:#fff;}

footer>div>div>select {width:200px;height:25px;background:#fff;color:#333;border:none;outline:none;vertical-align:middle;font-size:12px;position:static;top:0;right:0;transform:translateY(-50%);padding:0 15px;margin:30px 15px 0 15px;}


    
    
    
    
    
    
    
}


/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
여기까지 반응형
*/