* {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:#fff533 url('../images/bg_cnt_01.jpg') 50% 0 no-repeat}
.cnt_1 .centerBox {position:relative;height:913px}
.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 .vis_tit {position:absolute;opacity:0;transition:0.5s}
.cnt_1 .vis_tit.t01 {top:104px;left:338px; transform:translateY(-10px)}
.cnt_1 .vis_tit.t011 {top:316px;left:650px;;transform:translateY(-10px)}
.cnt_1 .vis_tit.t02 {top:149px;left:0px;margin:0 0 0 100px;transition:0.2s}
.cnt_1 .vis_tit.t03 {top:467px;left:840px;margin:0 0 0 -100px;transition:0.2s}
.cnt_1 .vis_tit.ani {margin:0;opacity:1;transform:translateY(0px)}
.cnt_1 .vis_tit.ani1 {margin:0;opacity:1;transform:translateY(0px)}
.cnt_1 .vis_tit.ani11 {transform:rotate(-45deg); transition:0.1s}

.cnt_1 .vis_hand {position:absolute;top:440px;left:479px;opacity:0}
.cnt_1 .vis_hand.ani {animation:vis_hand 1.8s ease-in-out alternate;opacity:1}


/* cnt_2 : ÀÓ¿ë¼±¹èÀÇ ÀÀ¿øµè°í Èû³»ÀÚ */
.cnt_2 {background:#fff url('../images/bg_cnt_02.jpg') 50% 0 no-repeat}
.cnt_2 .centerBox {position:relative;}

.cnt_2 .fire {animation:fire_ani 0.5s ease-in-out infinite alternate}


/* cnt_3 : ¾Ë¾ÆµÎ¸é ÁÁÀº ¸í¾ð ¸ðÀ½ */
.cnt_3 {background:#e7ffdb url('../images/bg_cnt_03.jpg') 50% 0 no-repeat}
.cnt_3 .centerBox {position:relative}


/* cnt_4 : ±¸µ¶ÀÚ À̺¥Æ® */
.cnt_4 {background:#fff533 url('../images/bg_cnt_04.jpg') 50% 0 no-repeat}
.cnt_4 .centerBox {position:relative}
.btn_cont_0401, .btn_cont_0402, .btn_cont_0403{position: absolute; bottom: 379px;}
.btn_cont_0401{left: 5px;}
.btn_cont_0402{left: 367px;}
.btn_cont_0403{right: 1px;}
.btn_cont_0401:hover, .btn_cont_0402:hover, .btn_cont_0403:hover{transform: scale(1.02); transition: all 0.3s;}



/* cnt_5 : Èñ¼ÒÀ̺¥Æ®¸ñ·Ï */
.cnt_5 {background:#00a01c url('../images/bg_cnt_05.jpg') 50% 0 no-repeat}
.cnt_5 .centerBox {position:relative}
.cnt_5 .list{position:absolute; top: 264px;}
.cnt_5 .list:after {display:block;content:'';clear:both}
.cnt_5 .list li {float:left; margin: 0px 40px 45px 0;}
.cnt_5 .list li a {display:block;position:relative;width:520px;height:190px;box-sizing:border-box; border-radius: 10px;}
/* .cnt_5 .list li a:hover:after {animation:btn_quick 0.2s ease-in-out alternate infinite} */
/* .cnt_5 .list li a:hover {border-left:2px solid #000;border-top:2px solid #000} */
.cnt_5 .list li a:hover {transform: scale(1.1); transition: all 0.3s;}
.cnt_5 .list li:nth-child(2n) {margin-right:0}

/* @keyframes */
@keyframes vis_hand {
	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_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)}
}