* {margin:0;padding:0;}
.teaser {overflow:hidden;background:#407bdf url(images/bg.jpg) 50% 100px no-repeat}
.teaser .centerBox {width:1080px;margin:0 auto}


/* »ó´Ü bar */
.top_bar {overflow:hidden;height:80px;background-color:#000}
.top_bar .centerBox {position:relative}
.top_bar .swiper-container {height:80px;text-align:center;}
.top_bar .swiper_controller {position:absolute;top:0;right:0;z-index:10;width:12px;height:100%;font-size:0}
.top_bar .swiper-button-prev {display:inline-block;position:static;width:12px;height:7px;margin:22px 0 0 0;outline:0 none;background:url(images/top_bar_prev.png) 0 0 no-repeat}
.top_bar .swiper-button-next {display:inline-block;position:static;width:12px;height:7px;margin:7px 0 0 0;outline:0 none;background:url(images/top_bar_next.png) 0 0 no-repeat}
.top_bar .swiper-button-stop {display:inline-block;position:static;width:12px;height:7px;margin:7px 0 0 0;outline:0 none;background:url(images/top_bar_stop.png) 0 0 no-repeat;cursor:pointer}
.top_bar .swiper-button-stop.play {width:0;height:0;margin:7px 0 0 3px;border-top:5px solid transparent;border-left:9px solid #fff;border-bottom:5px solid transparent;background:none}

.cnt_0{background: #000;}
/* [cnt_1] */
.cnt_1 .centerBox {position:relative;height:971px;margin-bottom: 70px;}
.cnt_1 .tab_list {position:absolute;bottom:30px;left:0;}
.cnt_1 .tab_list.fix {position:fixed;bottom:auto;top:0;left:50%;z-index:1000;width:1080px;margin-left:-540px}
.cnt_1 .tab_list li {float:left;position:relative;border-left: 1px solid #47547e;}
/* .cnt_1 .tab_list li:not(:last-child) {margin-right:12px} */
.cnt_1 .tab_list li a {display:block;overflow:hidden;width:269px;height:120px;background-color:#1b2441;}
.cnt_1 .tab_list li .bar {display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:5px;font-size:0;transition:0.2s}
.cnt_1 .tab_list li a img {transition:0.2s}
.cnt_1 .tab_list li.active .bar {width:100%;background-color:#00ba6c}
.cnt_1 .tab_list li.active .bar img {vertical-align:top;animation:tab_ani 1.6s ease-in-out infinite}
.cnt_1 .tab_list li.active a img {margin-top:-20px}
.cnt_1 .tab_list li.active:after {position:absolute;bottom:30px;left:50%;width:38px;height:16px;margin-left:-19px;background:url(images/tab_arrow.png) 0 0 no-repeat;content:''}
.cnt_1 .tab_list li.active:after {animation:tab_arr_ani 0.3s ease-in-out infinite alternate;animation-delay:0.3s}
.cnt_1 .tab_list .deco_free {position:absolute;top:-112px;right:23px;cursor:pointer;transition:0.2s}
.cnt_1 .tab_list.fix .deco_free {top:-150px}


/* [cnt_2] 1. ±èÇö¼±»ý´ÔÀÇ ³ëÇÏ¿ì¿Í Àü¹®¼ºÀÌ ´ã±ä °­ÀÇ°¡ Á¤´äÀÔ´Ï´Ù. */
.cnt_2 * {font-family:'Noto Sans CJK KR', NotoSans}
.cnt_2 .centerBox {position:relative;/*height:1900px*/}
.cnt_2 .teacher {position:absolute;top:362px;left:-60px}
.knowhow_wrap{position: relative;}
.knowhow_wrap .btn_youtube{position:absolute; bottom:-20px; left:50%; transform: translateX(-50%); z-index: 9;}

/* [cnt_3] 2. 2022Çг⵵ ±³À°ÇÐ ³í¼úµµ ±èÇöÀÔ´Ï´Ù. */
.cnt_3 * {font-family:'Noto Sans CJK KR', NotoSans}
.cnt_3 .centerBox {position:relative;height:1377px;padding-top: 200px;}
.cnt_3 .slider_review {overflow:hidden;position:absolute;bottom: 390px;left:0;width:1080px}
.cnt_3 .slider_review .swiper-container {overflow:visible;width:780px}
.cnt_3 .slider_review dl {width:380px;height:330px;border:1px solid #f1f1f1;box-sizing:border-box;transition:0.2s}
.cnt_3 .slider_review dl dt {display:block;margin:80px 0 16px 0;font-weight:700;font-size:20px;color:#d0d0d0;letter-spacing:-0.05em;text-align:center;transition:0.2s}
.cnt_3 .slider_review dl dd {font-size:18px;line-height:30px;color:#d8d8d8;letter-spacing:-0.05em;text-align:center;transition:0.2s; padding:0 25px;}
.cnt_3 .slider_review .swiper-slide.swiper-slide-active dl {border-color:#d1d1d1;background-color: #ededed;}
.cnt_3 .slider_review .swiper-slide.swiper-slide-active dl dt {color:#333}
.cnt_3 .slider_review .swiper-slide.swiper-slide-active dl dd {color:#666}
.cnt_3 .slider_review .swiper-slide.swiper-slide-next dl {border-color:#d1d1d1;background-color: #ededed;}
.cnt_3 .slider_review .swiper-slide.swiper-slide-next dl dt {color:#333}
.cnt_3 .slider_review .swiper-slide.swiper-slide-next dl dd {color:#666}
.cnt_3 .slider_review .swiper-button-prev {left:90px;width:50px;height:50px;margin:-25px 0 0 0;outline:0 none;background:url(images/review_prev.png) 0 0 no-repeat}
.cnt_3 .slider_review .swiper-button-next {right:90px;width:50px;height:50px;margin:-25px 0 0 0;outline:0 none;background:url(images/review_next.png) 0 0 no-repeat}


/* [cnt_4] 3. »õ·Ó°Ô ¸®´º¾ó µÈ Å°À§ Ä¿¸®Å§·³À» ¼Ò°³ÇÕ´Ï´Ù. */
.cnt_4 .centerBox {position:relative;height:950px}
.cnt_4 .cnt4_txtBox{margin-top: 60px; position: relative;}
.cnt_4 .img_cnt_04_tit{text-align:center; display: block; margin:0 auto;}
.cnt_4 .cnt4_txtBox .tabList{display: flex; width:980px; height:357px; position: absolute; top:80px; left:50%; transform: translateX(-50%); z-index: 9;}
.cnt_4 .cnt4_txtBox .tabList > li{width: 100%; }
.cnt_4 .cnt4_txtBox .tabList > li > a{display: block; height: 357px; width: 100%; text-indent:-999em;}
.cnt_4 .link_04{position: absolute;bottom: 11px;width: 530px;height: 90px;text-indent: -9999px;}
.cnt_4 .link_04_01{left: 0;}
.cnt_4 .link_04_02{right: 0;}
/* .cnt_4 .link_04:hover {box-shadow:5px 5px 0px #1b2441} */

/* [cnt_5] 4. ±èÇö ¼±»ý´Ô °­ÀÇ ¹«·á·Î µè±â! */
.cnt_5 .centerBox {position:relative;height:1018px;padding-top: 200px;}

.cnt_6 .centerBox {position:relative;height:880px;padding-top: 130px;}




/* [cnt_8] 5. Áö±Ý ¹Ù·Î ½ÃÀÛÇϼ¼¿ä. */
.cnt_8 .centerBox {position:relative;height:1040px}
.cnt_8 .start {position:absolute;top:121px;left:-98px}
.cnt_8 .finish {position:absolute;bottom:299px;right:-101px}
.cnt_8 .balloon {position:absolute;bottom:396px;right:7px;animation:balloon_ani 0.8s ease-in-out infinite alternate;}
.cnt_8 .kh {position:absolute;}
.cnt_8 .kh.kh01 {top:180px;left:80px}
.cnt_8 .kh.kh02 {top:438px;left:356px}
.cnt_8 .kh.kh03 {top:692px;right:94px;animation:kh_ani 0.7s steps(2) infinite}
.cnt_8 .btn_link {position:absolute;bottom:110px;left:0;width:1080px;height:120px;font-size:0;transition:0.3s}
.cnt_8 .btn_link:hover {background-color:rgba(255,255,255,0.1);box-shadow:7px 7px 0px #077340}

.cnt_8 .list_map {position:absolute;top:280px;left:0;width:100%;height:600px}
.cnt_8 .list_map li a {display:block;width:100%;height:100%;font-size:0}
.cnt_8 .list_map li a:after {position:absolute;bottom:-8px;left:50%;width:48px;height:48px;margin-left:-24px;border-radius:50%;content:'';transition:0.3s}
.cnt_8 .list_map li:nth-child(1) {position:absolute;top:0;left:326px;width:166px;height:116px}
.cnt_8 .list_map li:nth-child(2) {position:absolute;top:-1px;left:587px;width:166px;height:116px}
.cnt_8 .list_map li:nth-child(3) {position:absolute;top:-1px;left:861px;width:166px;height:116px}
.cnt_8 .list_map li:nth-child(4) {position:absolute;top:189px;left:751px;width:166px;height:116px}
.cnt_8 .list_map li:nth-child(5) {position:absolute;top:208px;left:467px;width:166px;height:116px}
.cnt_8 .list_map li:nth-child(6) {position:absolute;top:226px;left:176px;width:166px;height:116px}
.cnt_8 .list_map li:nth-child(7) {position:absolute;top:425px;left:85px;width:166px;height:116px}
.cnt_8 .list_map li:nth-child(8) {position:absolute;top:454px;left:355px;width:166px;height:116px}
.cnt_8 .list_map li:nth-child(9) {position:absolute;top:479px;left:623px;width:166px;height:116px}
.cnt_8 .list_map li.open a:before {display:block;position:absolute;bottom:-8px;left:50%;z-index:2;width:48px;height:48px;margin-left:-24px;border-radius:50%;box-sizing:border-box;border:5px solid #fff;opacity:0.8;content:'';transition:0.2s}
.cnt_8 .list_map li.open a:before {animation:round_ani 1s ease-out infinite}
.cnt_8 .list_map li:hover a:after {box-shadow:0 0 0 10px #f7f35c}
.cnt_8 .list_map li:hover a:before {border-color:transparent}


/* [cnt_7] °­ÀǸñ·Ï */
.cnt_7 {background-color:#fff}
.cnt_7 .centerBox {position:relative;padding:80px 0}


/* keyframe */
@keyframes balloon_ani {
	0% {margin-bottom:0}
	100% {margin-bottom:-10px}
}
@keyframes tab_ani {
	0% {margin-left:-100%}
	100% {margin-left:100%}
}
@keyframes tab_arr_ani {
	0% {margin-bottom:0}
	100% {margin-bottom:-10px}
}
@keyframes kh_ani{
	0% {transform:rotate(3deg)}
	100% {transform:rotate(-3deg)}
}
@keyframes round_ani {
	0% {transform:scale(1.2);opacity:0.8}
	100% {transform:scale(1.6);opacity:0}
}

/* ´Ü±âÇÕ°Ý ºñ¹ý */
/* .knowhow_wrap{margin-top: 140px;} */
.knowhow_wrap .knowhow_top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 5px;}
.knowhow_wrap .knowhow_top p{margin-bottom: 15px !important;color: #fff;font-size: 20px;}
.knowhow_wrap .knowhow_top b{font-size: 24px;font-weight: bold;}
.knowhow_wrap .knowhow_top a{color: #808dba;font-size: 12px;}
.knowhow_wrap .knowhow_cnt{position: relative;}
/* .knowhow_wrap .knowhow_cnt .swiper-slide{width: 255px;height: 243px;} */
/* .knowhow_wrap .knowhow_cnt .video{display: block;width: 100%;}
.knowhow_wrap .knowhow_cnt .video:hover:before{content: ''; background: rgba(0,0,0,0.5); width: 100%; height: 143px; display: block; position: absolute; z-index: 9;}
.knowhow_wrap .knowhow_cnt .video:hover:after{content: ''; display: block; position: absolute; width: 36px; height: 36px; border-radius: 36px; background: rgba(255,255,255,0.8) url('/images/main2020/play_interview.png') 56% 50% no-repeat; top: 50%; left: 50%; transform: translate(-50%, -180%); z-index: 99; background-size: 38%;}
.knowhow_wrap .knowhow_cnt .video img{width: 100%;} */
.knowhow_wrap .knowhow_cnt iframe{width: 100%;height: 100%;}
.knowhow_wrap .knowhow_cnt .knowhow_tit{height: 100px;padding: 20px;font-size: 14px;line-height:1.4;text-align: center;background-color: #fff;box-sizing: border-box;}
.knowhow_wrap .knowhow_cnt .swiper-button-prev {position: absolute;left:-30px;width:40px;height:40px;margin:-20px 0 0 0;outline:0 none;background:url(images/btn_arrow.png) 0 0 no-repeat;}
.knowhow_wrap .knowhow_cnt .swiper-button-next {position: absolute;right:-30px;width:40px;height:40px;margin:-20px 0 0 0;outline:0 none;background:url(images/btn_arrow.png) 0 0 no-repeat;transform:rotate(180deg);}


.knowhow_wrap .knowhow_cnt .swiper-container{padding:90px 0 150px}
.knowhow_wrap .knowhow_cnt .swiper-slide{overflow:hidden; position:relative; width:800px; height:450px; border-radius:20px;}
.knowhow_wrap .knowhow_cnt .swiper-slide::before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#eadec8; opacity:95%; transition:opacity 0.5s; content:'';}
.knowhow_wrap .knowhow_cnt .swiper-slide .video{width:100%; height:100%; box-shadow:0 0 0 0 rgba(0,0,0,0); transition:box-shadow 0.5s;}
.knowhow_wrap .knowhow_cnt .swiper-slide.swiper-slide-active{box-shadow:0 10px 40px 0 rgba(110,94,67,0.6);}
.knowhow_wrap .knowhow_cnt .swiper-slide.swiper-slide-active::before{opacity:0; visibility:hidden;}
.knowhow_wrap .knowhow_cnt .navi{position:absolute; top:275px; border-radius:50%; transition:box-shadow 0.4s; z-index:1; cursor:pointer;z-index: 10;}
.knowhow_wrap .knowhow_cnt .navi:hover{box-shadow:0 3px 25px 0 rgba(110,94,67,0.6);}
.knowhow_wrap .knowhow_cnt .navi-prev{left:50%; margin-left:-450px;}
.knowhow_wrap .knowhow_cnt .navi-prev img{transform:rotate(180deg);}
.knowhow_wrap .knowhow_cnt .navi-next{right:50%; margin-right:-450px;}