* {margin:0;padding:0}
.teaser {overflow:hidden;position:relative}
.teaser .centerBox {width:1080px;margin:0 auto}

/* Áö³­È£º¸±â */
.topNavi {position:absolute;top:0;left:50%;z-index:10;width:1080px;margin-left:-540px}
.topNavi .centerBox {position:relative;height:110px;}
.topNavi .centerBox .btn_news {display:block;position:absolute;top:50%;right:0;margin-top:-8px}
.cnt_top .centerBox {position:relative;height:307px}

/* °Ô½ÃÆÇ ´ñ±Û °ü·Ã */
.comment_area table{width: 100%; border-spacing:0}
.comment_area table th{font-size: 26px; font-weight: bold; color:#2a2a30; text-align: center;  border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 25px 0px;}
.comment_area table td{font-size: 26px;  color:#2a2a30; text-align: center; border-bottom: 1px solid #ccc; padding: 25px 0px; font-family: 'Noto Sans CJK KR', NotoSans; letter-spacing:-0.03em;}
.comment_area table td:nth-child(4){text-align: left;}
.comment_area form{border: 1px solid #000}
.comment_area textarea{background-color: #f4f4f4; height: 79px; border: none; font-size: 20px; outline: 0 none; width: 940px; padding: 10px; box-sizing: border-box;}
.comment_area input[type="button"]{width:138px; background-color: #000; height: 80px; border: none; font-size: 26px; outline: 0 none; vertical-align: bottom; line-height:80px; color:#fff; font-family:"Malgun Gothic";}

.pg_wrap{clear: both; margin: 50px 0 80px; text-align: center;}
.pg_wrap .pg > strong{font-size: 26px; color:#2a2a30; margin: 0px 10px; font-weight: bold; vertical-align: middle;}
.pg_wrap .pg > a {font-size: 26px; color:#2a2a30; margin: 0px 10px; vertical-align: middle;}
.pg_start, .pg_end{width: 30px; height: 30px; border: 1px solid #ccc; display: inline-block; text-indent:-9999px}
.pg_start {background:url('../images/btn_pg_nav.jpg')no-repeat left top;}
.pg_end {background:url('../images/btn_pg_nav.jpg')no-repeat right top;}


/* cnt_1 */
.cnt_1 {background:url('../images/bg_cnt_01.jpg') 50% 50% no-repeat}
.cnt_1 .centerBox {position:relative;height:720px;}
.cnt_1 .vis_top {position:absolute;top:0;left:50%;width:830px;height:720px;margin-left:-415px}
.cnt_1 .vis_top .bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:#01c28d}
.cnt_1 .vis_top .evt {position:absolute;top:252px;right:-326px;z-index:20;opacity:0;transition:0.6s}
.cnt_1 .vis_top .evt:after {position:absolute;bottom:65px;right:17px;width:176px;height:25px;background:url(../images/btn_event.png) 0 0 no-repeat;content:''}
.cnt_1 .vis_top .evt:hover:after {animation:arrow_ani 0.3s ease-in-out infinite alternate}
.cnt_1 .vis_top .txt {position:absolute;top:94px;left:108px;opacity:0}
.cnt_1 .vis_top .tit01 {position:absolute;top:145px;left:86px;opacity:0}
.cnt_1 .vis_top .tit02 {position:absolute;top:324px;left:86px;opacity:0}
.cnt_1 .vis_top .evt.ani {opacity:1}
.cnt_1 .vis_top .tit01.ani {opacity:1}
.cnt_1 .vis_top .tit02.ani {opacity:1}
.cnt_1 .vis_top .txt.ani {animation:vis_txt_ani 2s ease-in-out forwards}
.cnt_1 .vis_top .tit01.ani {animation:vis_txt_ani 2s ease-in-out forwards}
.cnt_1 .vis_top .tit02.ani {animation:vis_txt_ani 2s ease-in-out forwards}

.cnt_1 .vis_bot {position:absolute;bottom:-83px;left:0;z-index:20;width:1154px;height:348px;background:url(../images/visual_bottom.png) 0 0 no-repeat}
.cnt_1 .vis_bot .txt {position:absolute;top:133px;left:74px}
.cnt_1 .vis_bot .check {overflow:hidden;position:absolute;top:164px;left:74px;width:1080px}
.cnt_1 .vis_bot .check .chk {float:left;width:33.333333%;height:48px;background:url(../images/visual_bottom_chk.png) 50% 50% no-repeat}
.cnt_1 .vis_bot .check .chk { animation:blink 0.5s ease-in-out infinite alternate }

.cnt_1 .carrot_wrap {position:absolute;top:0;left:-4px;width:130px;height:350px}
.cnt_1 .carrot_wrap .carrot {position:absolute;top:0;left:0;z-index:3;margin-left:100px;transition:0.6s}
.cnt_1 .carrot_wrap .point {position:absolute;top:155px;left:-13px;z-index:2;margin:-10px 0 0 -15px;opacity:0;transition:0.3s}
.cnt_1 .carrot_wrap .text {position:absolute;top:216px;left:-103px;z-index:1;margin-left:50px;opacity:0;transition:0.3s}
.cnt_1 .carrot_wrap .carrot.ani {margin:0}
.cnt_1 .carrot_wrap .point.ani {margin:0;opacity:1}
.cnt_1 .carrot_wrap .text.ani {margin:0;opacity:1}


/* cnt_2 */
.cnt_2 {padding-top:83px;background-color:#dbf7e2}
.cnt_2 .centerBox {position:relative}
.cnt_2 .centerBox .link {position:absolute;bottom:102px;right:-60px;width:138px;height:138px;font-size:0}
.cnt_2 .centerBox .link:after {position:absolute;bottom:35px;right:-30px;width:149px;height:17px;background:url(../images/btn_cnt_02.png) 0 0 no-repeat;content:''}
.cnt_2 .centerBox .link:hover:after {animation:arrow_ani 0.3s ease-in-out infinite alternate}


/* cnt_4 */
.cnt_4 {background-color:#158a6a}


/* cnt_5 */
.cnt_5 {padding-bottom:107px;background-color:#f6f6f6}
.cnt_5 .tab {overflow:hidden;border-radius:20px 20px 0 0;box-shadow:5px 5px 10px rgba(0,0,0,0.1)}
.cnt_5 .tab li {float:left;position:relative;width:33.333333%;border-radius:20px 20px 0 0;text-align:center;background-color:#3d3d3d;transition:0.3s}
.cnt_5 .tab li:after {position:absolute;top:17px;right:0;width:1px;height:130px;background-color:#4f4f4f;content:''}
.cnt_5 .tab li a {display:block;height:130px;font-size:0;}
.cnt_5 .tab li a:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.cnt_5 .tab li a img {display:inline-block;vertical-align:middle;}
.cnt_5 .tab li .on {display:block;overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:0;font-size:0;border-radius:20px 20px 0 0;background-color:#32349e;transition:0.3s}
.cnt_5 .tab li .on:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.cnt_5 .tab li.active .on {height:100%;}
.cnt_5 .swiper-container {height:1099px;border-radius:0 0 30px 30px;box-shadow:5px 5px 10px rgba(0,0,0,0.1)}
.cnt_5 .slider {position:relative}
.cnt_5 .swiper-button-prev,
.cnt_5 .swiper-button-next {position:absolute;top:486px;margin:0;width:67px;height:129px;outline:0 none}
.cnt_5 .swiper-button-prev {left:-110px;background:url(../images/btn_slider_prev.png) 0 0 no-repeat}
.cnt_5 .swiper-button-next {right:-110px;background:url(../images/btn_slider_next.png) 0 0 no-repeat}
.cnt_5 .swiper-button-next.swiper-button-disabled,
.cnt_5 .swiper-button-prev.swiper-button-disabled {opacity:0.1}

/* cnt_6 */
.cnt_6 {background-color:#fbf1c1}
.cnt_6 .centerBox {width:1100px}


/* cnt_7 */ 
.cnt_7 .comment_write {padding-bottom:70px;background-color:#f67149}
.cnt_7 .comment_list {padding-top:70px}
.cnt_7 .centerBox {position:relative}
.cnt_7 .bubble01 {position:absolute;top:110px;left:-223px}
.cnt_7 .bubble02 {position:absolute;top:64px;right:-175px}
.cnt_7 .bubble01,
.cnt_7 .bubble02 {animation:bubble_ani 0.7s ease-in-out infinite alternate;}

/* cnt_8 */
.cnt_8 {background-color:#f2f2ff}
.cnt_8 .centerBox {position:relative}
.cnt_8 .list {position:absolute;top:329px;left:15px}
.cnt_8 .list:after {display:block;content:'';clear:both}
.cnt_8 .list li {float:left;margin-bottom:20px;}
.cnt_8 .list li:nth-child(2n-1) {margin-right:69px}
.cnt_8 .list li a {display:block;position:relative;width:490px;height:190px;font-size:0}
.cnt_8 .list li a:after {display:block;position:absolute;bottom:36px;right:-1px;width:57px;height:15px;background:url(../images/btn_cnt_08.png) 0 0 no-repeat;content:''}
.cnt_8 .list li a:hover:after {animation:arrow_ani 0.3s ease-in-out infinite alternate}
.cnt_8 .bottom_bg {overflow:hidden;position:absolute;bottom:80px;left:50%;width:1676px;height:117px;margin-left:-838px;background:url(../images/bottom_hole.png) 0 100% repeat-x }
.cnt_8 .bottom_bg .carrot {position:absolute;top:200px;left:0;opacity:0}
.cnt_8 .bottom_bg .carrot {animation:carrot_ani 2s ease-in-out infinite alternate;}


@keyframes carrot_ani {
	0% {top:200px;opacity:0}
	20% {top:0;opacity:1}
	100% {top:0;opacity:1}
}

@keyframes arrow_ani {
	0% {margin-right:0;}
	100% {margin-right:-10px;}
}

@keyframes bubble_ani {
	0% {transform:scale(1)}
	15% {transform:scale(0.96)}
	30% {transform:scale(1)}
	45% {transform:scale(0.96)}
	60% {transform:scale(1)}
}

@keyframes vis_txt_ani {
	0% {margin:0;opacity:0}
	50% {margin-left:-900px}
	80% {z-index:11}
	90% {opacity:1;z-index:11}
	100% {margin:0;opacity:1;z-index:11}
}

@keyframes blink {
	0% {opacity:0.9;transform:scale(0.9)}
	100% {opacity:1}
}