@charset "euc-kr"; @import "reset.css"; @import "animation.css";
@font-face { font-family: 'Pretendard-ExtraLight'; font-weight: 100;  font-style: normal; src: url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff) format('woff2'), url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff) format('woff'); font-display: swap;}
@font-face { font-family: 'pretendard-Regular'; font-weight: 400;  font-style: normal; src: url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format('woff2'), url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format('woff'); font-display: swap;}
@font-face { font-family: 'Pretendard-Medium'; font-weight: 500;  font-style: normal; src: url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff) format('woff2'), url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff) format('woff'); font-display: swap;}
@font-face { font-family: 'pretendard-SemiBold'; font-weight: 700;  font-style: normal; src: url(/font/Pretendard-SemiBold.woff) format('woff2'), url(/font/Pretendard-SemiBold.woff) format('woff'); font-display: swap;}
@font-face { font-family: 'pretendard-Bold'; font-weight: 800;  font-style: normal; src: url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format('woff2'), url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format('woff'); font-display: swap;}

html{overflow-x:visible !important;}
body {min-width:1400px; overflow-x:visible !important;}

/* header */
#header {position:absolute !important; width:100%;left:0;top:0;z-index:9999; min-width:1400px;}
#header.fixed {background:#fff;}
#header.colorWhite{background:transparent;}
#header.backWhite{background:#fff; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
#header.colorWhite .gnb > ul > li > a{color:#fff;}
#header.colorWhite .header_wrap{background:transparent;}
#header.colorWhite .header_wrap .logo a{background:url(/images/logo_white.png)no-repeat center; width:182px; height:24px; display:inline-block;}
.header_wrap {margin:auto;padding:20px 0; box-sizing:border-box; /*width:1400px;*/ max-width:1400px;}
.header_wrap:after {content:'';display:block;clear:both;}
.header_wrap .logo {display:inline-block;margin-top:9px;}
.header_wrap .logo a{background:url(/images/logo.png)no-repeat center; width:182px; height:24px; display:inline-block;}
.header_wrap .gnb {display:inline-block;float:right; position:relative;}
.header_wrap .gnb > ul > li {float:left;line-height:40px;margin-right:70px;font-size:18px;color:#111;}
.header_wrap .gnb > ul > li.on{border-bottom:3px solid #1ce577; font-weight:bold; padding-bottom:17px;}
.header_wrap .gnb > ul > li:nth-child(3){margin-right:140px;}
.header_wrap .gnb > ul > li:last-child{margin-right:0; position:absolute; right:0;}
.header_wrap .gnb > ul > li a{color:#111111;}

/* visual_area */
.visual_area {overflow-x: hidden;padding:80px 0 0;background:#b9e5fa;}
.visual_area .max_1200 {position:relative;height:720px;}
.visual_area .max_1200 .visual_txt {position:absolute;top:170px;left:0;}
.visual_area .max_1200 .visual_txt p {line-height:1;}
.visual_area .max_1200 .visual_txt p:first-child {font-size:33px;animation-duration: 1s;-webkit-animation-duration: 1s;}
.visual_area .max_1200 .visual_txt p:nth-child(2) {line-height:78px;margin-top:20px;font-size:66px;animation-duration: 2s;-webkit-animation-duration: 2s;}
.visual_area .max_1200 .visual_txt > img {display:block;margin-top:15px;animation-duration: 2s;-webkit-animation-duration: 2s;}
.visual_area .max_1200 .visual_txt p:last-child {line-height:1;margin-top:80px;font-size:24px;animation-duration: 3s;-webkit-animation-duration: 3s;}
.visual_area .max_1200 .visual_img {display:inline-block;position:absolute;bottom:0;right:-330px;;width:1015px;height:663px;background: url(../images/visual_bg01.png) no-repeat 155px 20px;}
.visual_area .max_1200 .img_box {position:relative;width:100%;height:100%;}
.visual_area .max_1200 .img_box img {position:absolute;}
.visual_area .max_1200 .img_box img:first-child {bottom:0;right:0;}
.visual_area .max_1200 .img_box img:nth-child(2) {top:0;left:240px;}
.visual_area .max_1200 .img_box img:nth-child(3) {top:230px;left:0;}
.visual_area .max_1200 .img_box img:nth-child(4) {top:314px;left:44px;}
.visual_area .max_1200 .img_box img:nth-child(5) {top:373px;left:68px;}



/* contents */
.content .max_1200 {padding:150px 0;}
#footer {height:190px;background:#333; width:100%; margin-top:100px;}
#footer .max_1400 {padding:60px 0 60px 0; max-width:1400px; background-image:url(/images/logo_footer.png); background-repeat:no-repeat; background-size:182px 24px; background-position:0 center; padding-left:300px; margin:0 auto; box-sizing:border-box;}
#footer .max_1400 .lst {overflow:hidden;margin:0;font-size:15px;color:#fff;}
#footer .max_1400 .lst > li.first {float:left;margin:0 5px 0 0;}
#footer .max_1400 .lst > li.bar:after{content:'คำ'; display:inline-block; margin-left:5px;}
#footer .max_1400 .lst > li {float:left;line-height:1;margin:0 5px 0 5px; line-height:1.7;}



#fullpage{width:100%;height:100vh !important;min-height:100vh; min-width:100%;}
#fullpage > section{position:relative; box-sizing:border-box; font-family:'pretendard-Regular';}
#fullpage > section.page_1{padding:0 0 0 0;}
#fullpage > section.page_2{padding-left:50px; padding-right:50px;}
#fullpage > section.page_3{}
#fullpage > section.page_13{padding:0 0 0 0;}

.gnb > ul li {display:inline-block;}
.boxboxWrap{/*position:relative;display: flex; flex-wrap: wrap; align-items: stretch; align-content: center;*/}
.boxboxWrap{position: relative; display: flex; flex-wrap: nowrap; align-items: flex-start; flex-direction: column; justify-content: space-around; height:580px; overflow:hidden; max-width:1400px; margin:auto;}
.firstSwiperBorder{position:absolute; z-index: 5; width: 80%; height: 71%; right:0; background-color: rgba(255, 255, 255, 0.5); top:0;}


#main section{margin:auto; box-sizing:border-box;}
#main section .moveDown,#main section .moveUp{/*position:absolute; left:50%; transform:translateX(-50%); z-index:999;*/}
#main section .moveDown{/*background:url(/images/scolldown_black.png)no-repeat; width:34px; height:107px; font-size:0; top:unset; bottom:15%;*/}
#main section .moveUp{/*background:url(/images/scollup_black.png)no-repeat; width:34px; height:107px; font-size:0;top:25%;*/}
#main section.page_1{width:100%; height:100%; max-width:100%; overflow: hidden;box-sizing:border-box; padding:0 0 0 0; padding-top:0 !important;}
#main section.page_1 .main_back{width: 100%; height: 100%; /*position: absolute; left: 0; top: 0;*/}
#main section.page_1 h3.tit{font-size:66px; color:#fff;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height:1.2; font-family:'Pretendard-ExtraLight'; font-weight:lighter; text-align:center; width:80%;}
#main section.page_1 h3.tit strong.green{font-family:'pretendard-SemiBold'; color:#1ce577;}
#main section.page_1 h3.tit strong.white{font-family:'pretendard-SemiBold';}
#main section.page_1 .moveDown,.moveUp{/*position:absolute; bottom:7%; left:50%; transform:translateX(-50%); top:unset;*/}
#main section.page_1 .moveDown{/*background:url(/images/scolldown.png)no-repeat; width:34px; height:107px; font-size:0;*/}
#main section.page_1 .moveUp{/*background:url(/images/scollup.png)no-repeat; width:34px; height:107px; font-size:0;bottom:27%; top:unset;*/}



#main section.page_2 {overflow:hidden;}
#main section.page_2 .section_2{display:flex; align-items:center; justify-content:space-between; margin:auto; max-width:1400px;}
#main section.page_2 .section_2 .left{width:45%; padding-right:70px; box-sizing:border-box;}
#main section.page_2 .section_2 .left p.tit{font-family:'Pretendard-Medium'; font-size:26px; color:#1c7be5; margin-bottom:30px;line-height:1;}
#main section.page_2 .section_2 .left p.txt.top{font-family:'Pretendard-Regular'; font-size:43px; color:#111; margin-bottom:30px; line-height:1.2;}
#main section.page_2 .section_2 .left p.txt.btm{font-family:'Pretendard-Regular'; font-size:20px; color:#111; opacity:.8; line-height:1.3;}
#main section.page_2 .section_2 .right{box-sizing:border-box;}
#main section.page_2 .section_2 .right .aboutCareer {display: flex; justify-content: flex-start; flex-wrap: nowrap; height:100vh;}
#main section.page_2 .section_2 .right .aboutCareer .aboutCareer_slider_1,#main section.page_2 .section_2 .right .aboutCareer .aboutCareer_slider_2{display:inline-block;}

#main section.page_3{max-width:100%; padding-top:0 !important;}
#main section.page_3 .section_3{/*background:url(/images/section3back.jpg)no-repeat; width:100%; height:100%; background-size:1920px; display: flex; align-items: center; justify-content: center;*/}
#main section.page_3 .section_3 .left{/*width:700px; min-width:700px;*/}
#main section.page_3 .section_3 .right{margin-left:700px;}
#main section.page_3 .section_3 .right p.tit{font-family:'Pretendard-Medium'; font-size:26px; color:#1c7be5; margin-bottom:30px;line-height:1;}
#main section.page_3 .section_3 .right p.txt.top{font-family:'Pretendard-Regular'; font-size:43px; color:#111; margin-bottom:30px; line-height:1.2;  word-break:keep-all;}
#main section.page_3 .section_3 .right p.txt.btm{font-family:'Pretendard-Regular'; font-size:20px; color:#111; opacity:.8; line-height:1.1; word-break:keep-all;}

#main section.page_4 .fp-tableCell,#main section.page_5 .fp-tableCell,#main section.page_6 .fp-tableCell,#main section.page_7 .fp-tableCell{box-sizing:border-box;}
#main section.page_4:last-child .fp-tableCell{height:auto !important;}

#main section.page_4 .boxboxWrap{background-image: url(/images/icon_hsg.png); background-repeat: no-repeat; background-position: 99% 0;}
#main section.page_5 .boxboxWrap{background-image: url(/images/icon_heart.png); background-repeat: no-repeat; background-position: 99% 0;}
#main section.page_6 .boxboxWrap{background-image: url(/images/icon_note.png); background-repeat: no-repeat; background-position: 99% 0;}
#main section.page_7 .boxboxWrap{background-image: url(/images/icon_baln.png); background-repeat: no-repeat; background-position: 99% 0;}


#main section {}
#main section .srcBarWrap {width: 100%; height: 10px; background: #e2e2e2; position: relative; border-radius: 10px; box-sizing: border-box;}
#main section .ScrSwiper .swiper-wrapper{margin-bottom:15px; width:1400px;}
#main section .ScrSwiper .swiper-wrapper .fadeInUp._8.swiper-slide{margin-right:0;}

#main section .srcBarWrap .bar {position: absolute; left: 0; top: 0; width: 12.5%; height: 100%; background: #143e64; border-radius: 10px; cursor: pointer; transition: left 0.5s; }
#main section .btnArea {width: 100%;}
#main section .btnArea:after {content: ''; display: block; clear: both; }
#main section .btnArea button {width: 12.5%; height: 10px; float: left; font-size: 0; opacity: 0; cursor: pointer; }
#main section .swiper-slide {border: 0; background: #f1f1f1; height: 300px; transition: background 0.5s; box-sizing:content-box; border-radius:0 0 40px 0; min-width:280px; font-size:26px; line-height:1.3; max-width:280px; position:relative;}
#main section .swiper-slide span{position:absolute; left:20px; top:50px;}
#main section .swiper-slide.blankSlide{border:0; background: transparent; margin-right: 0; cursor: unset; width: 0; height: 0; font-size:0;}
#main section .swiper-slide.swiper-slide-active { background: #23c174; color: #fff; }


#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide:first-of-type{background-image:url(/images/section4icon_1.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(2){background-image:url(/images/section4icon_2.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(3){background-image:url(/images/section4icon_3.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(4){background-image:url(/images/section4icon_4.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(5){background-image:url(/images/section4icon_5.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(6){background-image:url(/images/section4icon_6.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(7){background-image:url(/images/section4icon_7.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(8){background-image:url(/images/section4icon_8.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:first-of-type{background-image:url(/images/section4icon_1_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(2){background-image:url(/images/section4icon_2_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(3){background-image:url(/images/section4icon_3_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(4){background-image:url(/images/section4icon_4_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(5){background-image:url(/images/section4icon_5_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(6){background-image:url(/images/section4icon_6_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(7){background-image:url(/images/section4icon_7_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_4 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(8){background-image:url(/images/section4icon_8_white.png); background-repeat:no-repeat; background-position:85% 85%;}


#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide:first-of-type{background-image:url(/images/section4_2icon_1.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(2){background-image:url(/images/section4_2icon_2.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(3){background-image:url(/images/section4_2icon_3.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(4){background-image:url(/images/section4_2icon_4.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(5){background-image:url(/images/section4_2icon_5.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(6){background-image:url(/images/section4_2icon_6.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(7){background-image:url(/images/section4_2icon_7.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(8){background-image:url(/images/section4_2icon_8.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:first-of-type{background-image:url(/images/section4_2icon_1_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(2){background-image:url(/images/section4_2icon_2_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(3){background-image:url(/images/section4_2icon_3_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(4){background-image:url(/images/section4_2icon_4_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(5){background-image:url(/images/section4_2icon_5_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(6){background-image:url(/images/section4_2icon_6_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(7){background-image:url(/images/section4_2icon_7_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_5 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(8){background-image:url(/images/section4_2icon_8_white.png); background-repeat:no-repeat; background-position:85% 85%;}


#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide:first-of-type{background-image:url(/images/section4_3icon_1.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(2){background-image:url(/images/section4_3icon_2.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(3){background-image:url(/images/section4_3icon_3.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(4){background-image:url(/images/section4_3icon_4.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(5){background-image:url(/images/section4_3icon_5.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(6){background-image:url(/images/section4_3icon_6.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(7){background-image:url(/images/section4_3icon_7.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(8){background-image:url(/images/section4_3icon_8.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:first-of-type{background-image:url(/images/section4_3icon_1_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(2){background-image:url(/images/section4_3icon_2_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(3){background-image:url(/images/section4_3icon_3_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(4){background-image:url(/images/section4_3icon_4_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(5){background-image:url(/images/section4_3icon_5_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(6){background-image:url(/images/section4_3icon_6_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(7){background-image:url(/images/section4_3icon_7_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_6 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(8){background-image:url(/images/section4_3icon_8_white.png); background-repeat:no-repeat; background-position:85% 85%;}

#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide:first-of-type{background-image:url(/images/section4_4icon_1.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(2){background-image:url(/images/section4_4icon_2.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(3){background-image:url(/images/section4_4icon_3.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(4){background-image:url(/images/section4_4icon_4.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(5){background-image:url(/images/section4_4icon_5.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(6){background-image:url(/images/section4_4icon_6.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(7){background-image:url(/images/section4_4icon_7.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide:nth-of-type(8){background-image:url(/images/section4_4icon_8.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:first-of-type{background-image:url(/images/section4_4icon_1_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(2){background-image:url(/images/section4_4icon_2_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(3){background-image:url(/images/section4_4icon_3_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(4){background-image:url(/images/section4_4icon_4_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(5){background-image:url(/images/section4_4icon_5_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(6){background-image:url(/images/section4_4icon_6_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(7){background-image:url(/images/section4_4icon_7_white.png); background-repeat:no-repeat; background-position:85% 85%;}
#main section.page_7 .ScrSwiper .swiper-wrapper .swiper-slide.swiper-slide-active:nth-of-type(8){background-image:url(/images/section4_4icon_8_white.png); background-repeat:no-repeat; background-position:85% 85%;}

section .slideWrap .swiper-slide > ul > li:first-of-type{background-image:url(/images/section4icon_1.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li:nth-of-type(2){background-image:url(/images/section4icon_2.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li:nth-of-type(3){background-image:url(/images/section4icon_3.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li:nth-of-type(4){background-image:url(/images/section4icon_4.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li:nth-of-type(5){background-image:url(/images/section4icon_5.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li:nth-of-type(6){background-image:url(/images/section4icon_6.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li:nth-of-type(7){background-image:url(/images/section4icon_7.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li:nth-of-type(8){background-image:url(/images/section4icon_8.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li.list_typeA:first-of-type{background-image:url(/images/section4icon_1_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li.list_typeA:nth-of-type(2){background-image:url(/images/section4icon_2_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li.list_typeA:nth-of-type(3){background-image:url(/images/section4icon_3_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li.list_typeA:nth-of-type(4){background-image:url(/images/section4icon_4_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li.list_typeA:nth-of-type(5){background-image:url(/images/section4icon_5_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li.list_typeA:nth-of-type(6){background-image:url(/images/section4icon_6_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li.list_typeA:nth-of-type(7){background-image:url(/images/section4icon_7_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap .swiper-slide > ul > li.list_typeA:nth-of-type(8){background-image:url(/images/section4icon_8_white.png); background-repeat:no-repeat; background-position:85% 85%;}

section .slideWrap.slideWrap_2 .swiper-slide > ul > li:first-of-type{background-image:url(/images/section4_2icon_1.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li:nth-of-type(2){background-image:url(/images/section4_2icon_2.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li:nth-of-type(3){background-image:url(/images/section4_2icon_3.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li:nth-of-type(4){background-image:url(/images/section4_2icon_4.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li:nth-of-type(5){background-image:url(/images/section4_2icon_5.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li:nth-of-type(6){background-image:url(/images/section4_2icon_6.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li:nth-of-type(7){background-image:url(/images/section4_2icon_7.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li:nth-of-type(8){background-image:url(/images/section4_2icon_8.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li.list_typeA:first-of-type{background-image:url(/images/section4_2icon_1_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li.list_typeA:nth-of-type(2){background-image:url(/images/section4_2icon_2_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li.list_typeA:nth-of-type(3){background-image:url(/images/section4_2icon_3_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li.list_typeA:nth-of-type(4){background-image:url(/images/section4_2icon_4_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li.list_typeA:nth-of-type(5){background-image:url(/images/section4_2icon_5_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li.list_typeA:nth-of-type(6){background-image:url(/images/section4_2icon_6_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li.list_typeA:nth-of-type(7){background-image:url(/images/section4_2icon_7_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_2 .swiper-slide > ul > li.list_typeA:nth-of-type(8){background-image:url(/images/section4_2icon_8_white.png); background-repeat:no-repeat; background-position:85% 85%;}

section .slideWrap.slideWrap_3 .swiper-slide > ul > li:first-of-type{background-image:url(/images/section4_3icon_1.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li:nth-of-type(2){background-image:url(/images/section4_3icon_2.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li:nth-of-type(3){background-image:url(/images/section4_3icon_3.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li:nth-of-type(4){background-image:url(/images/section4_3icon_4.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li:nth-of-type(5){background-image:url(/images/section4_3icon_5.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li:nth-of-type(6){background-image:url(/images/section4_3icon_6.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li:nth-of-type(7){background-image:url(/images/section4_3icon_7.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li:nth-of-type(8){background-image:url(/images/section4_3icon_8.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li.list_typeA:first-of-type{background-image:url(/images/section4_3icon_1_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li.list_typeA:nth-of-type(2){background-image:url(/images/section4_3icon_2_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li.list_typeA:nth-of-type(3){background-image:url(/images/section4_3icon_3_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li.list_typeA:nth-of-type(4){background-image:url(/images/section4_3icon_4_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li.list_typeA:nth-of-type(5){background-image:url(/images/section4_3icon_5_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li.list_typeA:nth-of-type(6){background-image:url(/images/section4_3icon_6_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li.list_typeA:nth-of-type(7){background-image:url(/images/section4_3icon_7_white.png); background-repeat:no-repeat; background-position:85% 85%;}
section .slideWrap.slideWrap_3 .swiper-slide > ul > li.list_typeA:nth-of-type(8){background-image:url(/images/section4_3icon_8_white.png); background-repeat:no-repeat; background-position:85% 85%;}

section .slideWrap .swiperSlideContents p.stepNum{font-size:20px; background:#1082d9; color:#fff; font-family:'Pretendard-Regular'; line-height:1; display:inline-block; border-radius:10px; padding:10px 22px; box-sizing:border-box; margin-bottom:30px; }
section .slideWrap .swiperSlideContents h4.tit{font-size:43px; color:#000; font-family:'Pretendard-SemiBold'; line-height:1; margin-bottom:40px;}
section .slideWrap .swiperSlideContents p.txt{font-size:20px; color:#111; font-family:'Pretendard-Regular'; line-height:1; margin-bottom:50px; line-height:1.3; opacity:.8;}

#main section .swiper-container.fixedLeft_2{margin-left:180px;}
#main section .swiper-container.fixedLeft_3{margin-left:360px;}
#main section .swiper-container.fixedLeft_4{margin-left:540px;}
#main section .swiper-container.fixedLeft_5{margin-left:-433px;}
#main section .swiper-container.fixedLeft_6{margin-left:-252px;}
#main section .swiper-container.fixedLeft_7{margin-left:-72px;}
#main section .swiper-container.fixedLeft_8{margin-left:109px;}

#main section.page_8{padding-top:0 !important; padding-bottom:0; background-image:url(/images/back_blue.jpg); background-repeat:repeat-x;}
#main section.page_8 .section_8{width:100%; height:100%; /*background-image:url(/images/section5back.jpg); background-repeat:no-repeat; background-size:100%; background-position: center -120px;*/background-image:url(/images/section5back_2.jpg); background-repeat:no-repeat; background-size:1920px; background-position:center; margin: auto; position:relative;}
#main section.page_8 .moveDown,.moveUp{position:absolute; bottom:15%; left:50%; transform:translateX(-50%)}
#main section.page_8 .moveDown{background:url(/images/scolldown.png)no-repeat; width:34px; height:107px; font-size:0;}
#main section.page_8 .moveUp{background:url(/images/scollup.png)no-repeat; width:34px; height:93px; font-size:0;bottom:27%; top:unset;}
#main section.page_8 .txtBox{position:absolute; top: 23%; left: 50%; transform: translate(-50%, -23%); text-align:center; width:100%;}
#main section.page_8 .tit{font-family:'pretendard-medium'; color:#fff; line-height:1; margin-bottom:30px; font-size:26px;}
#main section.page_8 .tit.yellow{color:#f9d982;}
#main section.page_8 .subTit{color:#fff; font-family:'pretendard-SemiBold'; font-size:66px; line-height:1; margin-bottom:40px;}
#main section.page_8 .exTit{color:#fff; font-family:'pretendard-ExtraLight'; font-size:41px; line-height:1; margin-bottom:20px;}
#main section.page_8 .exTit b{font-family:'pretendard-Bold';}
#main section.page_8 .txt{color:#fff; font-family:'pretendard-ExtraLight'; font-size:20px; line-height:1.2;}

#main section.page_9{max-width:100%;}
#main section.page_9 {overflow:hidden;background-image:url(/images/section6back_0.png); background-repeat:no-repeat; background-position:100% 100%;}
#main section.page_9 .section_9{display:flex; align-items:center; justify-content:space-between; margin:auto; max-width:1400px;}
#main section.page_9 .section_9 .left{width:430px; min-width:430px; padding-right:20px; box-sizing:border-box;}
#main section.page_9 .section_9 .left p{letter-spacing:-2px;}
#main section.page_9 .section_9 .left p.tit{font-family:'Pretendard-Semibold'; font-size:43px; color:#000; margin-bottom:35px;line-height:1.2;  word-break:keep-all;}
#main section.page_9 .section_9 .left p.txt{font-family:'Pretendard-Regular'; font-size:20px; color:#111; opacity:.8; line-height:1.3;  word-break:keep-all;}
#main section.page_9 .section_9 .left p.txt.top{font-family:'Pretendard-Regular'; font-size:50px; color:#111; margin-bottom:60px; line-height:1.3; word-break:keep-all;}
#main section.page_9 .section_9 .left p.txt.btm{font-family:'Pretendard-Regular'; font-size:24px; color:#111; opacity:.8; line-height:1.3; word-break:keep-all;}
#main section.page_9 .section_9 .left .logoimg{margin-bottom:40px;}
#main section.page_9 .section_9 .right {display:flex;}
#main section.page_9 .section_9 .right .leftImg {display:inline-block; vertical-align:top; position:relative;}
#main section.page_9 .section_9 .right .leftImg img{display:block; margin-bottom:15px;}
#main section.page_9 .section_9 .right .rightImg{display:inline-block; vertical-align:top; margin-left:25px; position:relative;}
#main section.page_9 .section_9 .right .rightImg img{display:block; margin-bottom:15px;}
#main section.page_9 .fp-tableCell {}

#main section.page_9 .section_9 .imgtit{font-size:16px; color:#111111; font-family:'pretendard-SemiBold'; line-height:1;}    
#main section.page_9 .section_9 .imgtit:before{content:'คำ'; display:inline-block; margin-right:5px;}
#main section.page_9 .section_9 .imgtit.left_1{margin-bottom:33px;}


#main section.page_10 {overflow:hidden;}
#main section.page_10 .section_10{display:flex; align-items:flex-start; justify-content:center;}
#main section.page_10 .section_10 .left,section.section_10.right{}
#main section.page_10 .section_10 .left{}
#main section.page_10 .section_10 .right{margin-left:135px;}
#main section.page_10 .section_10 .right p.txt.top{font-family:'Pretendard-Semibold'; font-size:43px; color:#111; margin-bottom:30px; line-height:1.2;}
#main section.page_10 .section_10 .right p.txt.btm{font-family:'Pretendard-Regular'; font-size:20px; color:#111; opacity:.8; line-height:1.3;}
#main section.page_10 .section_10 .right{}
#main section.page_10 .section_10 .section10Box{background:#eef5ff; border-radius:15px; padding:5px 40px; margin-top:65px; width:618px; box-sizing:border-box;}
#main section.page_10 .section_10 .section10Box > ul > li{position:relative; line-height:1; box-sizing:border-box; border-bottom:1px solid #8d9ddb;}
#main section.page_10 .section_10 .section10Box > ul > li:first-of-type{background-image:url(/images/icon_male1.png); background-repeat:no-repeat; background-position:34px 51.5%; background-size:72px 70px; padding:28px 0 28px 145px; }
#main section.page_10 .section_10 .section10Box > ul > li:nth-of-type(2){background-image:url(/images/icon_female1.png); background-repeat:no-repeat; background-position:34px 51.5%; background-size:61px 73px; padding:28px 0 28px 145px; }
#main section.page_10 .section_10 .section10Box > ul > li:last-of-type{background-image:url(/images/icon_male2.png); background-repeat:no-repeat; background-position:34px 51.5%; background-size:55px 76px; border-bottom:0; padding:28px 0 28px 145px; }
#main section.page_10 .section_10 .section10Box > ul > li .txtName{font-size:21px; font-family:'Pretendard-Semibold'; margin-bottom:10px;}
#main section.page_10 .section_10 .section10Box > ul > li .txtSub{font-size:19px; font-family:'Pretendard-Regular'; }
#main section.page_10 .section_10 .section10Box > ul > li .txtCareer{font-size:17px; position:absolute; right:0; top:0; background:#2176c2; color:#fff; border-radius:5px; width:100px; height:33px; line-height:33px; text-align:center; top:50%; transform: translateY(-50%);}
#main section.page_10 .fp-tableCell {}
#main section.page_10 .moveDown{top:88%;}

#main section.page_11{max-width:100%;}
#main section.page_11 {overflow:hidden;}
#main section.page_11 .section_11{display:flex; align-items:center; justify-content:space-between; margin:auto; max-width:1400px; }
#main section.page_11 .section_11 .left{width: 440px; min-width:440px; margin-right:20px; box-sizing:border-box;}
#main section.page_11 .section_11 .left p.tit{font-family:'Pretendard-Semibold'; font-size:43px; color:#111; margin-bottom:30px;line-height:1.2;  word-break:keep-all;}
#main section.page_11 .section_11 .left p.txt{font-family:'Pretendard-Regular'; font-size:20px; color:#111; opacity:.8; line-height:1.3;  word-break:keep-all;}
#main section.page_11 .section_11 .left p.txt.top{font-family:'Pretendard-Regular'; font-size:50px; color:#111; margin-bottom:60px; line-height:1.3; word-break:keep-all;}
#main section.page_11 .section_11 .left p.txt.btm{font-family:'Pretendard-Regular'; font-size:24px; color:#111; opacity:.8; line-height:1.3; word-break:keep-all;}
#main section.page_11 .section_11 .left .logoimg{margin-bottom:50px;}
#main section.page_11 .section_11 .right {display:flex;}
#main section.page_11 .section_11 .right img{display:inline-block; width:100%;}
#main section.page_11 .section_11 .right img:last-of-type{margin-left:20px;}
#main section.page_11 .fp-tableCell {vertical-align:middle;}
#main section.page_11 .moveDown{top:87%;}
#main section.page_11 .ramsLink{background:#23c174; display:block; width:423px; margin-top:40px; height:76px; line-height:76px; padding:0 25px; box-sizing:border-box; position:relative; border-radius:10px; background-image:url(/images/arrow_right.png); background-size:11px 17px; background-position:95% center; background-repeat:no-repeat;}
#main section.page_11 .ramsLink span{color:#111; font-size:20px; transition: all 0.1s ease;}
#main section.page_11 .ramsLink:hover{background:#23c174; display:block; background-image:url(/images/arrow_right_white.png); background-size:11px 17px; background-position:95% center; background-repeat:no-repeat;}
#main section.page_11 .ramsLink:hover span{color:#fff; font-size:23px; line-height:76px;}

#main section.page_12{max-width:100%;}
#main section.page_12 {overflow:hidden; padding:0 50px;}
#main section.page_12 .section_12{display:flex; align-items:flex-start; justify-content:space-between; max-width:1400px; margin:auto; height:427px;}
#main section.page_12 .section_12 .left{width: 460px; box-sizing:border-box; min-width:460px;}
#main section.page_12 .section_12 .left p.tit{font-family:'Pretendard-Regular'; font-size:43px; color:#111; margin-bottom:25px;line-height:1.2;  word-break:keep-all;}
#main section.page_12 .section_12 .left p.tit.top{font-family:'Pretendard-Bold'; font-size:34px; color:#143e64;margin-bottom:21px;}
#main section.page_12 .section_12 .left p.txt{font-family:'Pretendard-Regular'; font-size:24px; color:#111; opacity:.8; line-height:1.3;  word-break:keep-all;}
#main section.page_12 .section_12 .left p.txt.top{font-family:'Pretendard-Regular'; font-size:50px; color:#111; margin-bottom:60px; line-height:1.3; word-break:keep-all;}
#main section.page_12 .section_12 .left p.txt.btm{font-family:'Pretendard-Regular'; font-size:24px; color:#111; opacity:.8; line-height:1.3; word-break:keep-all;}
#main section.page_12 .section_12 .left .logoimg{margin-bottom:50px;}
#main section.page_12 .section_12 .right {display:flex; margin-left:40px;}
#main section.page_12 .fp-tableCell {padding:0 0 0 0;}
#main section.page_12 .moveUp{top:68%;}
#main section.page_12 .moveUp {background: url(/images/scollup_black.png)no-repeat; width: 34px; height: 93px; font-size: 0;}
#main section.page_12 .wrap_map{border-bottom:1px solid #d2d2d7;}
#main section.page_12 .wrap_map .map > div:nth-child(2){display:none;}
#main section.page_12 .wrap_controllers.hide{display:none;}
#main section.page_12 .section12Box{border-top:2px solid #000; border-bottom:2px solid #000;}
#main section.page_12 .section12Box > ul > li{line-height:1; padding:30px 0;}
#main section.page_12 .section12Box > ul > li:not(:last-of-type){border-bottom:1px dotted #111;}
#main section.page_12 .section12Box > ul > li .subTit{font-family:'Pretendard-Bold'; font-size:17px; display:inline-block; width:120px;}
#main section.page_12 .section12Box > ul > li .subTxt{font-family:'Pretendard-Regular'; font-size:17px; display:inline-block;}
#main section.page_12 .roughmap_lebel_text{display:none;}
#main section.page_12 .roughmap_maker_label:after{content:''; display:none;}

#main section.page_13 {max-height:190px; height:190px !important; padding-top:0 !important;}
#main section.page_13 .fp-tableCell {max-height:190px; height:190px !important;}

#mouse-scroll {style: block;}
#mouse-scroll {position: fixed;margin: auto;left: 50%;bottom: 7%;-webkit-transform: translateX(-50%);z-index: 9999;}
#mouse-scroll span{display: block;width: 20px; height: 20px; -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); transform: rotate(45deg); transform: rotate(45deg);border-right: 2px solid #fff;border-bottom: 2px solid #fff; margin: 0 0 3px 9px;}
#mouse-scroll .mouse {height: 54px; width: 34px;border-radius: 40px; -webkit-transform: none; -ms-transform: none; transform: none; border: 2px solid #ffffff; top: 170px;}
#mouse-scroll .down-arrow-1 {margin-top: 6px;}
#mouse-scroll .down-arrow-1, #mouse-scroll .down-arrow-2, #mouse-scroll .down-arrow-3 {-webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite:}
#mouse-croll .down-arrow-1 {-webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate;}
#mouse-scroll .down-arrow-2 {-webkit-animation-delay: .2s; -moz-animation-delay: .2s;-webkit-animation-direction: alternate;}
#mouse-scroll .down-arrow-3 {-webkit-animation-delay: .3s; -moz-animation-dekay: .3s; -webkit-animation-direction: alternate;}
#mouse-scroll .mouse-in {height: 10px; width: 2px; display: block; margin: 18px auto; background: #ffffff; position: relative;}
#mouse-scroll .mouse-in {-webkit-animation: animated-mouse 1.2s ease infinite; moz-animation: mouse-animated 1.2s ease infinite;}

#main section.page_4 {padding-left:50px; padding-right:50px; max-width:1500px; overflow:hidden;}
#main section.page_4 .fp-tableCell{vertical-align:middle; padding:0 0;}
#main section.page_5 {padding-left:50px; padding-right:50px; max-width:1500px; overflow:hidden;}
#main section.page_5 .fp-tableCell{vertical-align:middle; padding:0 0;}
#main section.page_6 {padding-left:50px; padding-right:50px; max-width:1500px; overflow:hidden;}
#main section.page_6 .fp-tableCell{vertical-align:middle; padding:0 0;}
#main section.page_7 {padding-left:50px; padding-right:50px; max-width:1500px; overflow:hidden;}
#main section.page_7 .fp-tableCell{vertical-align:middle; padding:0 0;}
#main section.page_9 {padding:0 50px;}
#main section.page_9 .fp-tableCell{vertical-align:middle; padding:0 0;}
#main section.page_10 {padding:0 50px;}
#main section.page_10 .fp-tableCell{vertical-align:middle; padding:0 0;}
#main section.page_11 {padding:0 50px;}
#main section.page_11 .fp-tableCell{vertical-align:middle; padding:0 0;}

#main.mbView {overflow:scroll;}
#main.mbView section{margin:200px 0 !important;}
#main.mbView section.page_1{margin-top:0 !important; margin-bottom:0 !important;}
#main.mbView section.page_3 .section_3{background-size:cover !important;}
#main.mbView section.page_3 .section_3 .right{margin-left:800px;}
#main.mbView section.page_8{height:100%;}
#main.mbView section{margin:200px 0 !important; max-height:923px;}
#main.mbView .moveDown{display:none;}
#main.mbView section.page_2 .section_2{max-height:923px;}
#main.mbView section.page_13{margin-bottom:0;}

@media (max-width: 1700px) {
	#main section.page_3 .section_3 .right{margin-left:1000px;}
}

@media (max-width: 1500px) {
	#main section .swiper-container.fixedLeft_8{margin-left:82px;}
}

@media (max-width: 1366px) {
	.header_wrap{padding: 18.5px 50px;}
	.boxboxWrap{height:auto;}
	#main section{}
	#main section.page_1{margin-top:0;}
	#main section.page_3{margin-top:0;}	
	#main section.page_8{margin-top:0;}
	#main section .swiper-container.fixedLeft_8{margin-left:11px;}
	#main.back_4 section .boxboxWrap{overflow:visible;}	
	#footer .footer-wrap{padding:0 50px; box-sizing:border-box;}	
	section .slideWrap .swiperSlideContents h4.tit{margin-bottom:30px;}
	section .slideWrap .swiperSlideContents p.txt{margin-bottom:20px;}
	section .slideWrap .swipe_8.swiper-slide-active > ul {right: 12%; z-index: 8; position: absolute;}	
}

@media (max-width: 768px) {
	#main.mbView{width:100%;}
	#main.mbView {overflow:scroll;}
	#main.mbView section.page_1{margin-top:0 !important;}
	#main.mbView section.page_2{}
	#main.mbView section.page_3 .section_3{background-size:cover !important; height:100vh !important;}
	#main.mbView section.page_3 .section_3 .right{margin-left:800px;}
	#main.mbView section.page_8{height:923px;}	
	#main.mbView .backimg_1{}
	#main.mbView .moveDown{display:none;}
	html,body{overflow:visible;}
	#fullpage {height:100% !important; min-height: unset; min-width: unset;}
}

@-webkit-keyframes animated-mouse {
  0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
  }
  100% {
	 opacity: 0;
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
  }
}
@-webkit-keyframes mouse-scroll {
  0% {
	opacity: 1;
  }
  50% {
	opacity: .5;
  }
  100% {
	opacity: 1;
  } 
}
@keyframes mouse-scroll {
  0% {
	opacity: 0;
  }
  50% {
	opacity: 0.5;
  }
  100% {
	opacity: 1;
  }
}

@keyframes selecFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes selecFadeIn { /* Firefox */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes selecFadeIn { /* Safari and Chrome */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-o-keyframes selecFadeIn { /* Opera */
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}