* {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:#f0f0f0 url('../images/bg_cnt_01.jpg') 50% 0 no-repeat}
.cnt_1 .centerBox {position:relative;height:855px}
.cnt_1 .studio {position:absolute;top:0;left:50%;margin-left:-960px}
.cnt_1 .mic {position:absolute;top:544px;left:562px;margin:3px 0 0 -5px;opacity:0}
.cnt_1 .txt {position:absolute;top:521px;left:282px;opacity:0}
.cnt_1 .frame {position:absolute;top:87px;left:50%;margin-left:-574px;opacity:0}
.cnt_1 .frame_rec {position:absolute;bottom:80px;right:7px;opacity:0}
.cnt_1 .frame_round {display:block;position:absolute;bottom:78px;right:58px;width:26px;height:26px;border-radius:50%;background-color:#f91516;opacity:0}
.cnt_1 .benefit {display:block;position:absolute;top:316px;right:-253px}
.cnt_1 .flowBox {background-color:#333}
.cnt_1 .inner {position:relative;width:1080px;height:81px;margin:0 auto;}
.cnt_1 .flow_list {overflow:hidden;position:absolute;top:12px;right:0;width:826px;height:58px;}
.cnt_1 .flow_list ul {overflow:hidden;white-space:nowrap;margin-left:826px}
.cnt_1 .flow_list ul li {display:inline-block;position:relative;padding:0 20px}
.cnt_1 .flow_list ul li .on {position:absolute;top:0;left:20px;opacity:0}
.cnt_1 .flow_list ul li:hover .on {opacity:1}
.cnt_1 .flow_list ul li:hover .off {opacity:0}

.cnt_1 .benefit.ani {animation:benefit_ani 0.5s ease-in-out infinite alternate}
.cnt_1 .benefit.ani:hover {animation-play-state:paused}
.cnt_1 .mic.ani {opacity:1;animation:mic_ani 0.8s infinite alternate}
.cnt_1 .txt.ani {opacity:1;animation:txt_ani 0.8s infinite alternate}
.cnt_1 .frame.ani {animation:frame_ani 0.8s alternate;opacity:1}
.cnt_1 .frame_rec.ani, .cnt_1 .frame_round.ani {animation:rec_ani 0.8s ease-in-out infinite alternate }
.cnt_1 .flow_list.ani ul {animation:flow_ani 20s linear infinite}
.cnt_1 .flow_list.ani ul:hover {animation-play-state:paused}


/* cnt_2 : ¼Óº¸1 */
.cnt_2 {background-color:#e5e5e5}
.cnt_2 .centerBox {position:relative}
.cnt_2 .bookmark {position:absolute;top:0;right:-100px}


/* cnt_3 : ¼Óº¸2 */
.cnt_3 {background:#dadada url('../images/bg_cnt_03.jpg') 50% 0 no-repeat}
.cnt_3 .centerBox {position:relative;}
.cnt_3 .deco {position:absolute;top:522px;right:-282px}
.cnt_3 .bookmark {position:absolute;top:0;right:-100px}


/* cnt_4 : ¼Óº¸3 */
.cnt_4 {background-color:#e5e5e5}
.cnt_4 .centerBox {position:relative}
.cnt_4 .bookmark {position:absolute;top:0;right:-100px}


/* cnt_5 : ÀÌ»ó, Èñ¼Ò½Ä ´ã´ç±âÀÚ¿´½À´Ï´Ù */
.cnt_5 {background-color:#1c657f}
.cnt_5 .centerBox {position:relative}
.cnt_5 .list_reply {position:absolute;top:284px;left:0;width:1080px;height:333px}
.cnt_5 .list_reply li {position:absolute;font-size:0;animation:reply_ani 2.7s ease-in-out infinite;box-shadow:30px 30px 10px rgba(29,101,127,0.4)}
.cnt_5 .list_reply li:nth-child(1) {top:68px;left:97px;animation-delay:0.2s}
.cnt_5 .list_reply li:nth-child(2) {top:70px;left:530px;animation-delay:0.7s}
.cnt_5 .list_reply li:nth-child(3) {top:133px;left:767px;animation-delay:1.2s}
.cnt_5 .list_reply li:nth-child(4) {top:180px;left:375px;animation-delay:1.7s}
.cnt_5 .carrot {position:absolute;bottom:55px;right:-280px}


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


/* cnt_7 : ±×·³ 9¿ù¿¡ ÁøÇàµÇ´Â Èñ¼Ò À̺¥Æ® »§¾ß »§¾ß »§¾ß! */
.cnt_7 {padding-bottom:100px;background:#ffe049 url('../images/bg_cnt_07.jpg') 50% 0 no-repeat}
.cnt_7 .title {margin-top:-100px}
.cnt_7 .list {overflow:hidden}
.cnt_7 .list li {float:left;margin-right:15px}
.cnt_7 .list li:last-child {margin-right:0}
.cnt_7 .list li a {display:block;width:350px}
.cnt_7 .list .link {display:block;overflow:hidden;position:relative;width:350px;height:60px;background-color:#333}
.cnt_7 .list .link img {position:absolute;top:0;left:0;z-index:2}
.cnt_7 .list .link:after {display:block;position:absolute;top:50%;left:50%;z-index:1;width:0;height:0;background-color:#e85d00;content:'';transition:0.3s}
.cnt_7 .list a:hover .link:after {width:100%;height:100%;top:0;left:0;border-radius:0}


/* @keyframes */
@keyframes rec_ani {
	0% {opacity:0}
	100% {opacity:1}
}

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

@keyframes mic_ani {
	0% {margin:3px 0 0 -5px;opacity:0.3}
	20% {margin:0;opacity:1}
	30% {margin:3px 0 0 -5px;opacity:0.3}
	40% {margin:0;opacity:1}
	100% {margin:0;opacity:1}
}

@keyframes txt_ani {
	0% {margin:-4px 0 0 2px}
	20% {margin:0;opacity:1}
	30% {margin:-4px 0 0 2px}
	40% {margin:0;opacity:1}
	100% {margin:0;opacity:1}
}

@keyframes frame_ani {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}

@keyframes flow_ani {
	0% {margin-left:826px}
	100% {margin-left:-1210px}
}

@keyframes reply_ani {
	0% {margin:0 0 0 0;box-shadow:30px 30px 10px rgba(29,101,127,0.4)}
	10% {margin:10px 0 0 0;box-shadow:20px 20px 10px rgba(29,101,127,0.6)}
	20% {margin:0 0 0 0;box-shadow:30px 30px 10px rgba(29,101,127,0.4)}
	100% {margin:0 0 0 0;box-shadow:30px 30px 10px rgba(29,101,127,0.4)}
}