@charset "utf-8";
@import url("reset.css");
/* main.css */
@font-face {font-family:'sc3';src: local('SCDream3'),url(../font/SCDream3.woff) format('WOFF');}
@font-face {font-family:'sc6';src: local('SCDream6'),url(../font/SCDream6.woff) format('WOFF');}

.txtBlue{color:#0270F5}
.fontWB{font-weight: bold;}

/* layout */
body{font-family: 'Noto Sans KR', sans-serif;font-weight:400;color:#02030b;font-size:18px;word-break:keep-all}
.mb, .tb{display:none}
.headWrap{z-index:100;position:fixed;width:100%;height:95px;box-sizing:border-box;}
.headWrap.on{background:rgba(0,0,0,0.8);backdrop-filter: blur(4px);}
.headIn{position:relative;width:1200px;box-sizing:border-box;margin:0 auto}
/* header */
h1{float:left;position: relative;top:10px}
h1 img{vertical-align: middle;width:170px;height:50px}

.gnb{float:right;margin-right:85px}
.gnb:after{content:"";display:block;clear:both}
.gnb > li{float:left;margin-left:50px;line-height:95px;}
.gnb > li a{display:block;color:#fff;font-family:'sc3'}
.gnb > li a:after{content:"";display:block;margin-top:-30px;width:100%;height:1px;background:transparent}
.gnb > li a:hover:after{background:#fff;animation:ani_gnb 0.2s linear 0s 1 normal}
@keyframes ani_gnb{
	0%{width:0}
	100%{width:100%;}
}
.lang{position:absolute;right:0;top:20px;}
.lang > p{padding:15px 0 8px;cursor:pointer}
.lang > p, .lang ul{width:96px;text-align:center}
.lang ul{display:none;height:87px;padding-top:20px;background:url(../img/main/lang_bg.png)no-repeat 0 0;box-sizing:border-box;}
.lang li > a{display:block;width:100%;padding:3px 0;font-size:16px;font-family:'sc3';color:#222;cursor:pointer}
.lang li > a:hover{color:#0270f5}

/* container */
.container > section{position:relative;width:100%;overflow:hidden}
section > div{width:1200px;height:100%;margin:0 auto;box-sizing:border-box;}

/* section1 */
.sec1{overflow:hidden}
.sec1 > .s1Bg{position:relative;width:100%;height:100%;background:url(../img/main/s1_bg.jpg)no-repeat center center;animation:secBg 60s linear 0s infinite;background-size:cover}
@keyframes secBg{
	0%{transform: scale(1) rotate(0deg);}
	50%{transform: scale(1.5) rotate(10deg)}
	100%{transform: scale(1) rotate(0deg);}
}

.s1_motn{position:absolute;left:calc(50% - 450px);top:calc(50% - 450px);width:900px;height:900px}
.s1_motn ul > li{position:absolute}
.s1_motn ul > li:nth-of-type(1){width:100%;height:100%;border:1px solid #1c2f71;border-radius:50%;}
.s1_motn ul > li:nth-of-type(2){left:calc(50% - 385px);top:calc(50% - 385px);width:770px;height:770px;background:url(../img/main/s1_circle2.png)no-repeat center;animation:10s circle1 0s linear infinite}
.s1_motn ul > li:nth-of-type(3){left:calc(50% - 317px);top:calc(50% - 317px);width:634px;height:634px;background:url(../img/main/s1_circle3.png)no-repeat center;animation:5s circle2 0s linear/* ease-in-out */ infinite}
.s1_motn ul > li:nth-of-type(n){background-size:contain}
.s1_motn .moon{z-index:2;position:absolute;left:60px;top:calc(50% - 368px);width:736px;height:736px;background:url(../img/main/s1_moon.png)no-repeat center;background-size:contain}
.eng .s1_motn .moon{z-index:2;position:absolute;left:60px;top:calc(50% - 368px);width:736px;height:736px;background:url(../img/main/s1_moon_eng.png)no-repeat center;background-size:contain}


@keyframes circle1{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}
@keyframes circle2{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(-360deg)}
}
.sec1 > p{position:absolute;bottom:40px;left:0;right:0;margin:0 auto;font-size:16px;color:#9ca8bf;font-family:'sc3';text-align:center}

/* section2 */
.txtPoint strong{display:block;margin-bottom:5px;color:#222;font-size:40px;font-family:'sc3';}
.txtPoint span{display:block;color:#555;font-size:16px}


.sec2{width:100%;height:505px;}
.sec2 > div{float:left;width:50%;box-sizing:border-box;overflow:hidden}
.sec2:after{content:"";display:block;clear:both}
.sec2 .img{background:url(../img/main/s2_bg_2.jpg)no-repeat center;background-size:cover;}
.sec2 .txt{position:relative;background:#fff;padding:50px 50px 50px 60px;box-sizing: border-box;font-size:16px;color:#555}
.sec2 .txt dd{margin-top:40px;line-height:24px}
.sec2 .txt dd > p{position:absolute;}
.sec2 .txt dd > p:nth-of-type(1){width:337px;height:141px;background:url(../img/main/s2_star1.png)no-repeat 0 0;animation:s2_star1 2s linear 0s infinite;opacity:0}
.sec2 .txt dd > p:nth-of-type(2){width:223px;height:96px;background:url(../img/main/s2_star2.png)no-repeat 0 0;animation:s2_star2 2.5s linear 0s infinite;opacity:0}

.eng .sec2{height:585px;}
@keyframes s2_star1{
	0%{left:0;top:480px;opacity:0}
	20%, 80%{opacity:1}
	100%{left:655px;top:200px;opacity:0}
}
@keyframes s2_star2{
	0%{left:0;top:490px;opacity:0}
	20%, 80%{opacity:1}
	100%{left:760px;top:260px;opacity:0}
}

.oviewContTxt div{margin-bottom:20px}

/* section3 */
.sec3{width:100%;height:1010px;background:#f4f6fa;/* background-image:url(../img/main/s3_bg.png);background-repeat:no-repeat;background-position:center */}
.sec3 .s3Circle{position:absolute;left:calc(50% - 450px);top:calc(50% - 450px);width:900px;height:900px}
.sec3 .s3Circle > li{position:absolute;}
.sec3 .s3Circle > li:nth-of-type(1){width:100%;height:100%;border:1px solid #fff;border-radius:50%;}
.sec3 .s3Circle > li:nth-of-type(2){left:calc(50% - 385px);top:calc(50% - 385px);width:770px;height:770px;background:url(../img/main/s3_circle2.png)no-repeat center;animation:10s circle1 0s linear infinite}
.sec3 .s3Circle > li:nth-of-type(3){left:calc(50% - 317px);top:calc(50% - 317px);width:634px;height:634px;background:url(../img/main/s3_circle3.png)no-repeat center;animation:3s circle2 0s linear infinite}
.sec3 .s3Circle > li:nth-of-type(n){background-size:contain}
.sec3:before{position:absolute;content:"";display:block;width:446px;height:278px;background:url(../img/main/s3_bg2.png)no-repeat 0 0;}
.sec3 > div{padding-top:90px}
.sec3 .s3ContIn{z-index:5;position:relative;}
.sec3 .s3ContIn h3.txtPoint{text-align:center}
.sec3 .s3Box{width:100%;height:400px;margin-top:80px;overflow:hidden}
.sec3 .s3Box li{margin-top:410px;float:left;width:32%;padding:75px 0;box-sizing:border-box;background:#fff;box-shadow:rgba(35, 70, 174, 0.2)0px 2px 8px 0px;margin-right:2%;text-align:center}
.sec3 .s3Box li:last-of-type{margin-right:0}
.sec3 .s3Box li strong, .sec3 .s3Box li span{display:block}
.sec3 .s3Box li strong{margin:55px 0 10px;color:#0270f5;font-size:22px;font-family:'sc6';}
.sec3 .s3Box li span{color:#555;font-size:16px;line-height:24px}.sec3.on .s3Box li{margin-top:0}
.sec3.on .s3Box li:nth-of-type(1){animation:s3Box1 0.7s linear 0s 1 normal}
.sec3.on .s3Box li:nth-of-type(2){animation:s3Box2 0.7s linear 0s 1 normal}
.sec3.on .s3Box li:nth-of-type(3){animation:s3Box3 0.7s linear 0s 1 normal}
@keyframes s3Box1{
	0%{opacity:0;margin-top:300px}
	50%, 100%{opacity:1;margin-top:0}
}
@keyframes s3Box2{
	0%, 30%{opacity:0;margin-top:300px}
	70%, 100%{opacity:1;margin-top:0}
}
@keyframes s3Box3{
	0%, 50%{opacity:0;margin-top:300px}
	90%, 100%{opacity:1;margin-top:0}
}

.sec3 .cloud{text-align:center}
.sec3 .s3_arrow{margin-top:30px}
.sec3 .s3_arrow li{width:26px;height:15px;margin:0 auto}
.sec3 .s3_arrow li:nth-of-type(1){background:url(../img/main/s3_arrow1.png)no-repeat 0 0;animation:s3_arrow1 1.5s linear 0s infinite}
.sec3 .s3_arrow li:nth-of-type(2){background:url(../img/main/s3_arrow2.png)no-repeat 0 0;animation:s3_arrow2 1.5s linear 0s infinite}
.sec3 .s3_arrow li:nth-of-type(3){background:url(../img/main/s3_arrow1.png)no-repeat 0 0;animation:s3_arrow3 1.5s linear 0s infinite}
@keyframes s3_arrow1{
	0%, 50%, 100%{opacity:0}
	10%, 40%, 60%, 90%{opacity:1}
}
@keyframes s3_arrow2{
	0%, 10%, 40%, 60%, 90%, 100%{opacity:0}
	20%, 30%, 70%, 80%{opacity:1}
}
@keyframes s3_arrow3{
	0%, 20%, 40%, 70%, 90%, 100%{opacity:0}
	30%, 80%{opacity:1}
}

/* sec4 */
.s4Fade{width:100%;}
.s4Fade > div{width:100%;height:100%}
.s4Fade .s4img, .s4Fade .s4txt{float:left;width:50%;height:1000px;box-sizing:border-box}
.s4Fade .fadeIn1 .s4img{background:url(../img/img_adappter.png)no-repeat center;background-size:cover}
.s4Fade .fadeIn2 .s4img{background:url(../img/img_adappter_wallet.jpg)no-repeat center;background-size:cover}
.s4Fade .fadeIn3 .s4img{background:url(../img/img_podoal.jpg)no-repeat center;background-size:cover}
.s4Fade .fadeIn4 .s4img{background:url(../img/img_defishing.png)no-repeat center;background-size:cover}
.s4Fade .fadeIn5 .s4img{background:url(../img/img_beautytab.png)no-repeat center;background-size:cover}
.s4Fade .s4txt{background:#e0e6ee;padding:110px 0 0 85px;box-sizing:border-box}
.s4Fade .s4txt h4{margin:50px 0 50px;color:#222;font-size:40px;line-height:55px}
.s4Fade .s4txt h4 strong{display:block;margin-bottom:5px}
.s4Fade .s4txt h4 strong img{float:left;margin-right:10px}
.s4Fade .s4txt h4 strong em a{margin-left:10px;color:#999;font-size:12px;cursor:pointer}
.s4Fade .s4txt .s4btn li{float:left;margin-top:40px;margin-right:14px;width:162px;height:54px;cursor:pointer}
.s4Fade .s4txt .s4btn li:nth-of-type(1){background:url(../img/main/s4_btn2.png)no-repeat center;}
.s4Fade .s4txt .s4btn li:nth-of-type(2){background:url(../img/main/s4_btn3.png)no-repeat center}
.s4Fade .s4txt .s4btn li:hover{box-shadow:rgba(0,0,0,0.2)0px 2px 6px 0px}
.s4Fade .s4txt .s4btn li:nth-of-type(1):hover{background:url(../img/main/s4_btn2_over.png)no-repeat center;}
.s4Fade .s4txt .s4btn li:nth-of-type(2):hover{background:url(../img/main/s4_btn3_over.png)no-repeat center;}
.s4Fade .s4txt .s4btn li:hover{box-shadow:rgba(0,0,0,0.2)0px 2px 6px 0px}

.s4Fade .s4txt .s4btn li a{display:block;width: 100%;height: 100%;box-sizing: border-box}
.s4Fade .s4txt > p{margin-bottom:20px;color:#555;font-size:16px;line-height:24px;}
.s4Fade .slick-dots{float:right;position:inherit;width:calc(50% - 85px);bottom:90px}
.s4Fade .slick-dots li{display:block;float:left;width:10px;height:10px;margin-right:17px;border:2px solid rgba(51,51,51,0.5);;border-radius:50%}
.s4Fade .slick-dots li.slick-active{background:#333;}
.s4Fade .slick-dots li button:before{display:none}
.s4Fade.slick-dotted.slick-slider{margin-bottom:0}


.fadeIn1 .s4txt .s4btn li:nth-of-type(1){background:url(../img/main/s4_btn1.png)no-repeat center;}
.fadeIn1 .s4txt .s4btn li:nth-of-type(2){background:url(../img/main/s4_btn2.png)no-repeat center;}
.fadeIn1 .s4txt .s4btn li:nth-of-type(3){background:url(../img/main/s4_btn3.png)no-repeat center;margin-right:0;}
.fadeIn1 .s4txt .s4btn li:nth-of-type(1):hover{background:url(../img/main/s4_btn1_over.png)no-repeat center;}
.fadeIn1 .s4txt .s4btn li:nth-of-type(2):hover{background:url(../img/main/s4_btn2_over.png)no-repeat center;}
.fadeIn1 .s4txt .s4btn li:nth-of-type(3):hover{background:url(../img/main/s4_btn3_over.png)no-repeat center;}


.fadeIn2 .txtBlue.fontWB{font-size: 16px;color: #0270F5;}
.fadeIn2 ol li{font-size:16px;font-weight: 400;margin-bottom:5px}
.fadeIn2 ol li span{border:1px solid #0270F5;color:#0270F5;font-size: 12px;width:20px;height:20px;text-align: center;display: inline-block;border-radius: 50%;line-height: 20px;background: #fff;margin-right: 10px;}

.fadeIn3 .s4txt h4{margin:30px 0}
.fadeIn3 dt{font-size:16px;font-weight: 700;color:#A04EF4;margin:20px 0 15px}
.fadeIn3 ol li{font-size:16px;font-weight: 400;color:#454545;margin-bottom:5px}
.fadeIn3 ol li span{display:inline-block;width:25.55px;height:24px;background: url(../img/ico_podoal_star.png)no-repeat center;background-size: cover;color:#C376FF;text-align: center;margin-right:10px}
.fadeIn3 ol li strong{display: block;font-size:14px;font-weight: 400;color:#C376FF;margin-left:35px}


.fadeIn4 .comingSoon img{width:262px}

.fadeIn5 ol{}
.fadeIn5 ol li{margin-bottom:5px}
.fadeIn5 ol li span{display:inline-block;font-size: 12px;font-weight: 400;color:#FC2453;border:1px solid #FC2453;border-radius: 15px;padding:5px 10px;box-sizing: border-box;background: #fff;margin-right:10px }

/* sec4.5 */
.sec4_5{text-align: center;}
.sec4_5 > div{padding-top:85px}
.sec4_5 > div h3.txtPoint{text-align:center}
.sec4_5Partner{display: inline-block;margin:90px 0}
.sec4_5Partner li{width:320px;height:320px;border-radius: 50%;background: #fff;box-shadow: rgba(0,81,193,0.2)0 0 20px;text-align: center;padding: 90px 0;box-sizing: border-box;float: left;margin-right:90px}
.sec4_5Partner li:last-of-type{margin-right:0}
.sec4_5Partner li img{display: inline-block;margin-bottom:25px}
.sec4_5Partner li p{font-size:22px;font-family:'sc6';}







/* sec5 */
.sec5 > div{padding-top:85px}
.sec5 > div h3.txtPoint{text-align:center}
.sec5 .partBox{width:100%;margin-top:60px;padding-bottom:130px;}
.sec5 .partBox > li{float:left;width:16.666%;height:100px;box-sizing:border-box}
.sec5 .partBox > li:nth-of-type(1){background-image:url(../img/main/sec10_img1.png)}
.sec5 .partBox > li:nth-of-type(2){background-image:url(../img/main/partner_220406_1.png)}
.eng .sec5 .partBox > li:nth-of-type(2){background-image:url(../img/main/partner_220406_1_en.png)}
.sec5 .partBox > li:nth-of-type(3){background-image:url(../img/main/partner_220406_2.png)}
.eng .sec5 .partBox > li:nth-of-type(3){background-image:url(../img/main/partner_220406_2_en.png)}
.sec5 .partBox > li:nth-of-type(4){background-image:url(../img/main/sec10_img220203.png)}
.sec5 .partBox > li:nth-of-type(5){background-image:url(../img/main/sec10_img10.png)}
.sec5 .partBox > li:nth-of-type(6){background-image:url(../img/main/sec10_img38.png)}
.sec5 .partBox > li:nth-of-type(7){background-image:url(../img/main/sec10_img37.png)}
.sec5 .partBox > li:nth-of-type(8){background-image:url(../img/main/sec10_img46.png)}
.sec5 .partBox > li:nth-of-type(9){background-image:url(../img/main/sec10_img47.png)}
.sec5 .partBox > li:nth-of-type(10){background-image:url(../img/main/sec10_img48.png)}
.sec5 .partBox > li:nth-of-type(11){background-image:url(../img/main/sec10_img35.png)}
.sec5 .partBox > li:nth-of-type(12){background-image:url(../img/main/sec10_img36.png)}
.sec5 .partBox > li:nth-of-type(13){background-image:url(../img/main/sec10_img_wow.png.png)}
.sec5 .partBox > li:nth-of-type(14){background-image:url(../img/main/sec10_img43.png)} /* 퍼플오션*/
.sec5 .partBox > li:nth-of-type(15){background-image:url(../img/main/sec10_img44.png)}
.sec5 .partBox > li:nth-of-type(16){background-image:url(../img/main/sec10_img5.png)}
.sec5 .partBox > li:nth-of-type(17){background-image:url(../img/main/sec10_img2.png)}
.sec5 .partBox > li:nth-of-type(18){background-image:url(../img/main/sec10_img3.png)}
.sec5 .partBox > li:nth-of-type(19){background-image:url(../img/main/sec10_img8.png)}
.sec5 .partBox > li:nth-of-type(20){background-image:url(../img/main/sec10_img4.png)}
.sec5 .partBox > li:nth-of-type(21){background-image:url(../img/main/sec10_img6.png)}
.sec5 .partBox > li:nth-of-type(22){background-image:url(../img/main/sec10_img12.png)}
.sec5 .partBox > li:nth-of-type(23){background-image:url(../img/main/sec10_img27.png)}
.sec5 .partBox > li:nth-of-type(24){background-image:url(../img/main/sec10_img20.png)}
.sec5 .partBox > li:nth-of-type(25){background-image:url(../img/main/sec10_img33.png)}
.sec5 .partBox > li:nth-of-type(26){background-image:url(../img/main/sec10_img21.png)}
.sec5 .partBox > li:nth-of-type(27){background-image:url(../img/main/sec10_img28.png)}
.sec5 .partBox > li:nth-of-type(28){background-image:url(../img/main/sec10_img23.png)}
.sec5 .partBox > li:nth-of-type(29){background-image:url(../img/main/sec10_img30.png)}
.sec5 .partBox > li:nth-of-type(30){background-image:url(../img/main/sec10_img14.png)}
.sec5 .partBox > li:nth-of-type(31){background-image:url(../img/main/sec10_img29.png)}
.sec5 .partBox > li:nth-of-type(32){background-image:url(../img/main/sec10_img24.png)}
.sec5 .partBox > li:nth-of-type(33){background-image:url(../img/main/sec10_img45.png)}
.sec5 .partBox > li:nth-of-type(34){background-image:url(../img/main/sec10_img16.png)}
.sec5 .partBox > li:nth-of-type(35){background-image:url(../img/main/sec10_img7.png)}
.sec5 .partBox > li:nth-of-type(36){background-image:url(../img/main/sec10_img41.png)}
.sec5 .partBox > li:nth-of-type(37){background-image:url(../img/main/sec10_img13.png)}
.sec5 .partBox > li:nth-of-type(38){background-image:url(../img/main/sec10_img25.png)}
.sec5 .partBox > li:nth-of-type(39){background-image:url(../img/main/sec10_img17.png)}
.sec5 .partBox > li:nth-of-type(40){background-image:url(../img/main/sec10_img31.png)}
.sec5 .partBox > li:nth-of-type(41){background-image:url(../img/main/sec10_img18.png)}
.sec5 .partBox > li:nth-of-type(42){background-image:url(../img/main/sec10_img26.png)}
.sec5 .partBox > li:nth-of-type(43){background-image:url(../img/main/sec10_img22.png)}
.sec5 .partBox > li:nth-of-type(44){background-image:url(../img/main/sec10_img32.png)}
/* .sec5 .partBox > li:nth-of-type(35){background-image:url(../img/main/sec10_img34.png)} */
/* .sec5 .partBox > li:nth-of-type(40){background-image:url(../img/main/sec10_img42.png)} */
.sec5 .partBox > li:nth-of-type(n){background-repeat:no-repeat; background-position:center;background-size: 80%}

/* sec6 */
.sec6 > div{padding-top:90px;box-sizing:border-box;width:100%;height:526px;background:url(../img/main/s6_bg.jpg)no-repeat center;background-size:cover;}
.sec6 h3, .sec6 h3.txtPoint strong, .sec6 h3.txtPoint span, .sec6 .s6ContIn p, .sec6 .s6ContIn a{color:#fff;text-align:center}
.sec6 .s6ContIn{position:relative;z-index:5}
.sec6 .s6ContIn p{margin:45px 0 65px;font-size:16px;}
.sec6 .s6ContIn a{padding-right:35px;box-sizing:border-box;display:block;width:230px;height:54px;line-height:54px;margin:0 auto;border:1px solid #fff;font-size:14px;background:url(../img/main/s6_down.png)no-repeat right 30px center;font-weight:bold}
.sec6 .s6ContIn a:hover{background:url(../img/main/s6_down_on.png)no-repeat right 30px center;color:#222;background-color:#fff;box-shadow:rgba(255,255,255,0.3)2px 0 10px 0}

.sec6 .star{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;overflow: hidden;}
.sec6 .star > p{position:absolute;right:0;}
.sec6 .star > p:nth-of-type(1){top:-20px;right:-382px;width:382px;height:157px;background:url(../img/main/s6_star1.png)no-repeat 0 0;animation:s6_star1 2.5s linear 0s infinite;}
.sec6 .star > p:nth-of-type(2){top:70px;right:-320px;width:320px;height:125px;background:url(../img/main/s6_star2.png)no-repeat 0 0;animation:s6_star2 3s linear 0s infinite;}
.sec6 .star > p:nth-of-type(3){right:inherit;left:800px;top:90px;width:223px;height:96px;background:url(../img/main/s2_star2.png)no-repeat 0 0;animation:s6_star3 2s linear 0s infinite}
@keyframes s6_star1{
	0%{right:-382px;top:-20px;opacity:0}
	20%, 80%{opacity:1}
	100%{right:900px;top:415px;opacity:0}
}
@keyframes s6_star2{
	0%{right:-320px;top:70px;opacity:0}
	20%, 80%{opacity:1}
	100%{right:730px;top:410px;opacity:0}
}
@keyframes s6_star3{
	0%{left:-150px;top:376px;opacity:0}
	50%{opacity:0.2}
	100%{left:800px;top:90px;opacity:0}
}

/* sec7 */
.sec7{background:#e0e6ee}
.sec7 > div{padding:100px;height:298px;box-sizing:border-box}
.sec7 > div > h3{float:left;color:#333;font-size:40px;line-height:55px}
.sec7 > div > h3 strong{color:#0270f5}
.sec7 > div > p{float:right;margin-top:23px}
.sec7 > div > p > a{display:block;width:230px;height:54px;line-height:54px;padding-right:35px;box-sizing:border-box;background-color:#222;color:#fff;font-size:14px;text-align:center;background-image:url(../img/main/s7_btn.png);background-repeat:no-repeat;background-position:right 45px center;}
.sec7 > div > p > a:hover{border:1px solid #222;background-color:#fff;color:#222;background-image:url(../img/main/s7_btn_on.png);box-shadow:rgba(0,0,0,0.2)2px 0 7px 0}


/* sec11 */
.sec11{background:#fafbff}
.sec11 .txtPoint{text-align: center;margin-bottom:80px}
.sec11 > div{padding:115px 10px 65px}
.sec11 ul:after{content:"";display:block;clear:both}
.sec11 li{float:left;width:calc(33.333% - 13.333px);margin-right:20px;margin-bottom:50px}
.sec11 li:nth-of-type(3n){margin-right:0}
.sec11 li a{display:block;width:100%;height:100%;background:#fff;box-shadow:rgba(0,81,193,0.1)6px 6px 10px}
.sec11 li a h4{padding:25px;font-size:18px;line-height:24px;color:#02030b;min-height:50px;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom:0;margin-bottom:25px}
.sec11 li a h4 + p{padding:0 25px 25px;font-size:14px;color:#777}
.sec11 li a:hover{box-shadow:rgba(0,81,193,0.2)6px 6px 10px}
.sec11 li a img{width:100%;height:100%}

/* paging */
.sec11 .pagingWrap{text-align: center;}
.sec11 .pagingIn{display: inline-block;}
.sec11 .pagingIn p{width: 35px;height:35px;text-align: center;color:#0051c1;font-size:25px;cursor: pointer;line-height: 35px}
.sec11 .pgPrev{float:left;margin-right:15px}
.sec11 .pgNext{float: right;margin-left:15px}
.sec11 .paging{display:inline-block;}
.sec11 .paging li:nth-of-type(n){width: 35px;height:35px;margin-right: 5px;margin-bottom: 0;text-align: center;box-sizing: border-box;cursor: pointer;line-height:33px;border:1px solid #d9d9d9;color:#02030b;background: transparent}
.sec11 .paging li:last-of-type{margin-right:0}
.sec11 .paging li:hover{border:1px solid #169cfd}
.sec11 .paging li.on{background: #0051c1;color:#fff;border-color:#0051c1}



/* footer  */
footer{width:100%;height:100%;background:#0d0f22}
footer > div{padding:87px 0 80px;box-sizing:border-box;text-align:center}
footer > div > p{margin:18px 0 63px;color:#9ca8bf;font-size:12px;line-height:24px}
footer > div > p.copy{margin:0}
footer h2 img{width:170px;height:50px;}


/* eng */
.eng .s4Fade .s4txt h4 strong img{margin-top:6px}
.eng .sec6 .s6ContIn a{width:260px;background-position:right 13px center}
.eng .sec7 > div > p > a{width:300px;background-position:right 17px center}




/********************* tb *********************/
@media screen and (max-width:1250px){
/* eng */
.eng .s4Fade .s4txt h4 strong img{margin-top:0px}



a{outline:none;-webkit-tap-highlight-color:transparent;}
.tb{display:block}
.pc{display:none}
/* header */
.headIn{width:90%;}
.lang{position:inherit;top:inherit;right:inherit;float:right;margin-top:15px;}
.mbMenuBtn{float:right;line-height:95px;}

.mbGnb{z-index:200;position:fixed;padding:0 5%;left:100%;top:0;width:100%;min-height:100%;height:100%;box-sizing:border-box;background:#151b31;text-align:center;transition:all 0.2s linear 0s}
.mbGnb.on{left:0}
.mbGnb > div{float:left}
.menuClose{float:right}
.mbGnb > div a{display:block;line-height:95px}
.mbGnb > div a img{vertical-align:middle;width:120px;height:35px}
.menuClose{line-height:95px}
.mbGnb .gnb, .mbGnb .gnb li{float:none;margin:0;line-height:normal}
.mbGnb .gnb{margin-top:25%}
.mbGnb .gnb li a{display:inline-block;height:26px;margin-bottom:70px;font-size:18px;font-family:'sc3';}
.mbGnb .gnb > li a:after{margin-top:0}
.mbGnb > span{position:absolute;left:0;right:0;margin:0 auto;display:block;bottom:40px;font-size:16px;color:#9ca8bf;font-family:'sc3';}

/* layout */
section > div{width:90%;margin:0 auto}
/* sec1 */
.s1_motn .moon{width:500px;height:500px;left:calc(50% - 250px);top:calc(50% - 250px);background: url(../img/main/s1_moon_mb.png)no-repeat center;background-size:contain}
.eng .s1_motn .moon{width:500px;height:500px;left:calc(50% - 250px);top:calc(50% - 250px);background: url(../img/main/s1_moon_mb_eng.png)no-repeat center;background-size:contain}


/* sec2 */
.sec2 .txt{padding:110px 45px 0 45px;}
.eng .sec2 .txt > dl > dd{height:285px; overflow-y: scroll;}

/* sec3 */
.sec3:before{display:none}

/* sec4 */
.s4Fade .s4img, .s4Fade .s4txt{height:700px}
.s4Fade .s4txt{padding:60px 5% 0 45px}
.s4Fade .s4txt h4{margin: 30px 0 30px;font-size:26px;line-height:34px;}
.s4Fade .s4txt h4 strong img{height:40px;}
.s4Fade .s4txt > p{margin-bottom:15px;font-size:14px;line-height:20px;}
.s4Fade .s4txt .s4btn li:nth-of-type(n){margin-top:0;width:31%;margin-right:2%;min-height: 30px;background-size:contain;background-position:left 0 top 0}
.s4Fade .s4txt .s4btn li:nth-of-type(n):hover{box-shadow:none;width:31%;margin-right:2%;min-height: 30px;background-size:contain;background-position:left 0 top 0}
.s4Fade .slick-dots{bottom:40px}

.fadeIn2 ol li, .fadeIn3 ol li, .fadeIn5 ol li{font-size:14px;}

/* sec4_5 */
.sec4_5Partner li{width: 250px;height: 250px;margin-right: 30px;padding: 48px 0;}
.sec4_5Partner li img{width:65%;margin-bottom:15px}
.sec4_5Partner li:nth-of-type(1) img{position: relative;top:8px}


}
@media screen and (max-width:1120px){
/* sec11 */
.sec11 > div{padding:85px 0 25px}
.sec11 li a{min-height:378px;}
.sec11 li:nth-of-type(n){width:calc(50% - 10px);margin-right:20px}
.sec11 li:nth-of-type(2n){margin-right:0}
.sec11 li a h4{padding:15px 15px 10px;font-size:16px;padding-bottom:0}
.sec11 li a h4 + p{padding:0 15px 15px;font-size:12px}

}

@media screen and (max-width:780px){
/* sec11 */
.sec11 li a{min-height:290px;}
}


@media screen and (max-width:940px){

.sec4_5Partner{width:360px;margin:50px 0}
.sec4_5Partner li{width:170px;height:170px;margin-right:20px;padding:40px 0}
.sec4_5Partner li:nth-of-type(n+2){margin-right:0}
.sec4_5Partner li:nth-of-type(3){margin-left:95px}
.sec4_5Partner li p{font-size: 16px}
.sec4_5Partner li img{margin-bottom:6px}
.sec7 > div{height:auto;padding:60px 0}
.sec7 > div > h3{float:none}
.sec7 > div > p{position:absolute;right:5%;top:65px}


}


/********************* mobile *********************/
@media screen and (max-width:640px){
.mb{display:block !important;}
/* header */
.headWrap{height:60px}
h1, .mbMenuBtn{line-height:60px}
h1{top:-12px}
h1 img{width:120px;height:35px;}
.mbMenuBtn img, .menuClose img{width:70%;}
.lang{margin-top:2px}
.lang > p, .lang ul{width:80px;background-size: contain;}
.lang ul{height:80px;padding-top:15px}
.lang li > a{padding:5px 0;font-size:12px;}
.mbGnb > div a{text-align: left;line-height:54px}
.menuClose{line-height:60px}
.mbGnb .gnb{margin-top:135px}
.mbGnb .gnb li a{margin-bottom:40px;font-size:14px}
.mbGnb > span{font-size:12px}

.txtPoint strong{font-size:28px}
.txtPoint span{font-size:13px;}

/* sec1 */
.sec1 > div{width:100%;}
.s1_motn{width:100%;height:100%;left:0;top:0;}
.s1_motn ul > li:nth-of-type(1){width:140%;height:140%;left:-20%;top:-20%;background: url(../img/main/s1_circle1.png)no-repeat center;background-size:contain;border:none;}
.s1_motn ul > li:nth-of-type(2){width:120%;height:120%;left:-10%;top:-10%;}
.s1_motn ul > li:nth-of-type(3){width:100%;height:100%;left:0;top:0;}
.s1_motn .moon{width:90%;height:100%;left:5%;top:0}
.eng .s1_motn .moon{width:90%;height:100%;left:5%;top:0}
.sec1 > p{font-size:12px}

/* sec2 */
.sec2{height:auto}
.sec2 > div{float:none;width:100%;}
.sec2 .img{background: url(../img/main/s2_bg_2.jpg)no-repeat center;height:300px;background-size:cover}
.sec2 .txt{padding:60px 5% 70px;font-size:12px;}
.sec2 .txt dd{margin-top:40px;line-height:20px}
.sec2 .txt dd:last-of-type{margin-top:0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sec2 .txt dd > p:nth-of-type(1){left:-80px;top:287px;width:150px;height:63px;background-size:contain;animation: s2_star1_mb 1s linear 0s infinite}
.sec2 .txt dd > p:nth-of-type(2){left:-70px;top:287px;animation: s2_star2_mb 1.5s linear 0s infinite}

.eng .sec2{height:auto}
.eng .sec2 .txt > dl > dd{height:auto;}



@keyframes s2_star1_mb{
	0%{left:-80px;top:287px;opacity:0}
	30%, 70%{opacity:1}
	100%{left:285px;top:145px;opacity:0}
}
@keyframes s2_star2_mb{
	0%{left:-70px;top:287px;opacity:0}
	30%, 70%{opacity:1}
	100%{left:227px;top:185px;opacity:0}
}


/* sec3 */
.sec3{height:auto}
.sec3 > div{width:100%;padding-top:0}
.sec3 .s3Circle{width:100%;height:100%;left:0;top:0;}
.sec3 .s3Circle > li:nth-of-type(1){width:140%;height:140%;left:-20%;top:-20%;background: url(../img/main/s3_circle1.png)no-repeat center;background-size:contain;border:none;}
.sec3 .s3Circle > li:nth-of-type(2){width:120%;height:120%;left:-10%;top:-10%;}
.sec3 .s3Circle > li:nth-of-type(3){width:100%;height:100%;left:0;top:0;}
.sec3 .s3ContIn{width:90%;margin:0 auto;padding:60px 0 50px}
.s3Box{margin-top:30px;height: auto;overflow: inherit;}
.s3Box li{padding:40px 0}
.s3Box li strong{margin: 25px 0 10px;font-size:14px}
.s3Box li span{font-size:12px;line-height:17px}
.sec3.on .s3Box li:nth-of-type(n){animation:none}
.sec3 .cloud img{margin-top:20px;width:50%}
.sec3 .s3_arrow{margin-top:10px}
.sec3 .s3_arrow li:nth-of-type(n){width:18px;height:10px;background-size:contain}

/* sec4 */
.s4Fade .s4img, .s4Fade .s4txt{float:none;width:100%;}
.s4Fade .s4img{min-height:500px;height:auto}
.s4Fade .s4txt{height:auto;padding:60px 5% 100px;box-sizing: border-box;max-height: 715px;min-height: 725px;}

.s4Fade .s4txt > p{font-size:12px;line-height:18px;}
.fadeIn2 ol li, .fadeIn2 .txtBlue.fontWB, .fadeIn3 dt, .fadeIn3 ol li, .fadeIn3 ol li strong, .fadeIn5 ol li{font-size:12px;}

.s4btn:after{content:"";display:block;clear:both}
.s4Fade .s4txt .s4btn li:nth-of-type(n){margin-top:20px}
.s4Fade .slick-dots{width:100%;padding-left:5%;bottom:45px;box-sizing:border-box}
.s4Fade .slick-dots li{margin-left:0;}

.fadeIn3 ol li span{line-height:24px}


/* sec5 */
.sec5 > div{padding-top:65px}
.sec5 .partBox{padding-bottom:60px;margin-top:30px}
.sec5 .partBox > li:nth-of-type(n){width:33.333%;height:auto;min-height:90px;}

/* sec6 */
.sec6 > div{padding:65px 5% 0;height:370px}
.sec6 .s6ContIn p{margin:35px 0 45px;font-size:12px}
.sec6 .s6ContIn a{height:45px;line-height:45px;font-size:13px;background-size: 7%;}
.sec6 .star > p:nth-of-type(3){display:none}
.sec6 .star > p:nth-of-type(1){width:150px;height:63px;background-size:contain;}


/* sec7 */
.sec7 > div > h3{font-size:28px;line-height:34px;}
.sec7 > div > p{top:48px}
.sec7 > div > p a{width:180px;height:45px;line-height:45px;font-size:13px;background-position: right 35px center;background-size: 10%;}

/* sec11 */
.sec11 li a{min-height:240px;}
.sec11 li a h4{font-size:14px;line-height:18px;overflow: hidden;min-height:auto;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.sec11 li a h4 + p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:16px;max-height:20px}


/* footer */
footer > div{padding:65px 0}
footer h2 img{width:120px;height:35px}
footer h2 + p{margin:10px 0 40px;font-size:10px;line-height:18px}


/* eng */
.eng .sec7 > div > p{position: inherit;float:none}
.eng .sec7 > div > p a{width:300px;margin:0 auto}
}



@media screen and (max-width:500px){
.sec2 .img{height:240px}
.sec3 .s3Box{height:auto}
.sec3 .s3Box li:nth-of-type(n){float: none;width: 100%;margin-right: 0;padding: 20px 0;margin-bottom:10px}
.sec3 .s3Box li > p > img{width: 50px;}
.sec3 .s3Box li strong{margin-top: 20px;}
.sec5 .partBox > li:nth-of-type(n){min-height:70px;}
}


@media screen and (max-width:480px){
.sec11 li a{min-height:225px;}
}


@media screen and (max-width:460px){
.mb460{display:none}
.sec7 > div > h3{font-size:24px}
.sec7 > div > p{position: inherit;float:none}
.sec7 > div > p a{width:230px;margin:0 auto}
}

@media screen and (max-width:450px){
.s4Fade .s4txt{min-height:725px;max-height:725px;}
}


@media screen and (max-width:400px){
.sec2 .img{height:180px}
}


@media screen and (max-width:340px){
.sec3 .s3Box li strong{font-size:12px}
.sec11 li a{min-height:195px}
}