* {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_write {width:1080px;margin:0 auto;padding:50px;box-sizing:border-box;background-color:#fff}
.comment_list {padding:0 50px 50px 50px;box-sizing:border-box;background-color:#fff}
.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 {overflow:hidden;width:980px;margin:0 auto;border: 1px solid #000;box-sizing:border-box}
.comment_area textarea{float:left; background-color: #f4f4f4; height: 80px; border: none; font-size: 20px; outline: 0 none; width: 840px; padding: 10px; box-sizing: border-box; font-family: 'Noto Sans CJK KR', NotoSans; color:#111; resize:none}
.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-top:50px; 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:#f9d30c url('../images/bg_cnt_01.jpg') 50% 0 no-repeat}
.cnt_1 .centerBox {position:relative;height:911px}
.cnt_1 .btn_quick {display:block;position:absolute;top:372px;right:50%;z-index:100;margin-right:-830px;opacity:0;transition:0.5s}
.cnt_1 .btn_quick:after {position:absolute;top:123px;left:158px;width:26px;height:10px;background:url('../images/btn_quick_arr.png') 0 0 no-repeat;content:''}
.cnt_1 .btn_quick.ani {opacity:1}
.cnt_1 .btn_quick:hover:after {animation:btn_quick 0.2s ease-in-out alternate infinite}

.cnt_1 .sub_tit {position:absolute;top:75px;left:50%;margin-left:-275px}
.cnt_1 .vis_tit {position:absolute;opacity:0;transition:0.5s}
.cnt_1 .vis_tit.t01 {top:262px;left:218px;margin:0 0 0 50px;transform:rotate(16deg)}
.cnt_1 .vis_tit.t02 {top:367px;left:374px;margin:0 0 0 50px;transform:rotate(16deg)}
.cnt_1 .vis_tit.t03 {top:478px;left:314px;margin:0 0 0 -300px;transition:0.2s}
.cnt_1 .vis_tit.ani {margin:0;opacity:1;transform:rotate(0)}

.cnt_1 .vis_clock {position:absolute;top:455px;left:89px;opacity:0}
.cnt_1 .vis_clock.ani {animation:vis_clock 0.8s ease-in-out alternate;opacity:1}

.cnt_1 .vis_shape {position:absolute;top:170px;left:0;opacity:0}
.cnt_1 .vis_shape.ani {animation:vis_shape 0.5s ease-in-out alternate;opacity:1}

.cnt_1 .vis_deco {position:absolute;opacity:0;transition:0.5s}
.cnt_1 .vis_deco.dc01 {top:350px;left:104px;margin:20px 0 0 100px}
.cnt_1 .vis_deco.dc02 {top:260px;right:-94px;margin:60px 100px 0 0;transform:rotate(-16deg)}
.cnt_1 .vis_deco.dc03 {bottom:64px;left:-11px;margin:0 0 50px 50px;transform:rotate(-16deg)}
.cnt_1 .vis_deco.ani {animation:vis_deco 0.8s ease-in-out forwards}

.cnt_1 .list_worry {position:absolute;top:0;left:0;width:100%;height:911px}
.cnt_1 .list_worry li {position:absolute;opacity:0;transition:0.3s}
.cnt_1 .list_worry li.l1 {margin:200px 0 0 200px;top:190px;left:-40px}
.cnt_1 .list_worry li.l2 {margin:200px 200px 0 0;top:186px;right:11px}
.cnt_1 .list_worry li.l3 {margin:0 0 50px 200px;bottom:262px;left:-97px}
.cnt_1 .list_worry li.l4 {margin:0 200px 50px 0;bottom:264px;right:-43px}
.cnt_1 .list_worry li.ani {margin:0;opacity:1}


/* cnt_2 : ¸àÅ»°ü¸®¹ý */
.cnt_2 {background-color:#fff}
.cnt_2 .centerBox {position:relative;height:999px}
.cnt_2 .img_cnt_02 {position:absolute;top:0;left:0;}
.cnt_2 .fire {animation:fire_ani 0.5s ease-in-out infinite alternate}


/* cnt_3 : °øºÎ¿Í ÈÞ½ÄÀÇ ±ÕÇü */
.cnt_3 {background-color:#4292ff}
.cnt_3 .centerBox {position:relative}


/* cnt_4 : ³ª¸¸ÀÇ ºÎÁ¤Àû°¨Á¤ Çؼҹý */
.cnt_4 {background:#f9d30c url('../images/bg_cnt_04.jpg') 50% 0 no-repeat}
.cnt_4 .centerBox {position:relative}


/* cnt_5 : ÀÌ»ó, Èñ¼Ò½Ä ´ã´ç±âÀÚ¿´½À´Ï´Ù */
.cnt_5 {background-color:#fff}
.cnt_5 .centerBox {position:relative}


/* cnt_6 : ´ñ±Û°Ô½ÃÆÇ */
.cnt_6 {padding-bottom:100px;background-color:#fff}


/* cnt_7 : Èñ¼ÒÀ̺¥Æ®¸ñ·Ï */
.cnt_7 {overflow:hidden;position:relative;height:787px;background-color:#f36230}
.cnt_7 .bg {position:absolute;top:0;left:50%;z-index:1;margin-left:-960px;animation:spin 3s linear infinite alternate}
.cnt_7 .centerBox {position:absolute;top:0;left:50%;z-index:2;margin-left:-540px}
.cnt_7 .list:after {display:block;content:'';clear:both}
.cnt_7 .list li {float:left;margin:0 100px 18px 0}
.cnt_7 .list li a {display:block;position:relative;width:490px;height:196px;box-sizing:border-box}
.cnt_7 .list li a:after {display:block;position:absolute;bottom:35px;left:434px;width:60px;height:16px;background:url('../images/img_cnt_07_arr.png') 0 0 no-repeat;content:''}
.cnt_7 .list li a:hover:after {animation:btn_quick 0.2s ease-in-out alternate infinite}
.cnt_7 .list li a:hover {border-left:2px solid #000;border-top:2px solid #000}
.cnt_7 .list li:nth-child(2n) {margin-right:0}

/* @keyframes */
@keyframes vis_clock {
	10% {transform:rotate(10deg)}
	15% {transform:rotate(-10deg)}
	20% {transform:rotate(10deg)}
	25% {transform:rotate(-10deg)}
	30% {transform:rotate(10deg)}
	35% {transform:rotate(-10deg)}
	40% {transform:rotate(0deg)}
}

@keyframes vis_shape {
	0% {transform:scale(2)}
	80% {transform:scale(1)}
	100% {transform:scale(1)}
}

@keyframes vis_deco {
	50% {margin:0;opacity:1;transform:rotate(0)}
	100% {margin:0;opacity:1;transform:rotate(0)}
}

@keyframes btn_quick {
	0% {margin-left:-5px}
	100% {margin-left:0}
}

@keyframes fire_ani {
	0% {opacity:0.3}
	100% {opacity:1}
}

@keyframes spin {
	0% {transform:rotate(0) scale(1)}
	100% {transform:rotate(5deg) scale(1.2)}
}