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

/* Èñ¼Ò³ª¹« »ç¶û°É·È³× */
.cnt_1 {background:url('../images/bg_cnt_01.jpg') 50% 0 no-repeat}
.cnt_1 .visual {position:relative;width:1080px;margin:0 auto;box-sizing:border-box}
.cnt_1 .visual .tit {display:block;position:absolute;z-index:10}
.cnt_1 .visual .tit01 {overflow:hidden;top:104px;left:-70px;height:0;transition:1s}
.cnt_1 .visual .tit02 {top:90px;left:-3px;opacity:0;transition:1s}
.cnt_1 .visual .tit03 {top:240px;left:10px;margin-left:-20px;opacity:0;transition:0.6s}
.cnt_1 .visual .tit01.ani {height:219px;}
.cnt_1 .visual .tit02.ani {opacity:1}
.cnt_1 .visual .tit03.ani {opacity:1;margin:0}
.cnt_1 .visual .txt {position:absolute;bottom:65px;left:0}
.cnt_1 .visual .hart01 {position:absolute;top:390px;left:-110px;}
.cnt_1 .visual .hart02 {position:absolute;bottom:10px;right:-300px}
.cnt_1 .visual .tree_leaf img {display:none;position:absolute;top:0;right:0;z-index:2}
.cnt_1 .visual .tree_leaf img.on {display:block;}
.cnt_1 .visual .tree_leaf img.leaf01 {top:145px;right:-84px}
.cnt_1 .visual .tree_leaf img.leaf02 {top:100px;right:-74px}
.cnt_1 .visual .tree_leaf img.leaf03 {top:62px;right:-80px}
.cnt_1 .visual .bird {position:absolute;top:-105px;left:-200px;z-index:1;width:105px;height:61px}
.cnt_1 .visual .bird img {position:absolute;top:0;left:0}
.cnt_1 .visual .bird .bird02 {opacity:0}
.cnt_1 .visual .message {position:absolute;top:516px;right:130px;z-index:10;width:270px;height:112px;padding-left:85px;box-sizing:border-box;font-weight:bold;font-size:60px;line-height:104px;color:#0f1010;text-align:center;letter-spacing:-0.025em;background:url('../images/visual_count.png') 0 0 no-repeat}

/* »ç¶ûÀÇ ¸Þ½ÃÁö °É±â! */
.cnt_2 {background:url('../images/bg_cnt_02.jpg') 0 0 no-repeat}
.cnt_2 .centerBox {position:relative;}
.cnt_2 .centerBox .arrow {display:block;position:absolute;top:577px;width:65px;height:15px;background:url('../images/arrow.png') 0 0 no-repeat}
.cnt_2 .centerBox .arrow01 {left:307px}
.cnt_2 .centerBox .arrow02 {left:644px}

/* ¼±»ý´Ô²² º¸³½ »ç¶ûÀÇ ¸Þ½ÃÁö°¡ ¼±¹°°ú ÇÔ²² µ¹¾Æ¿É´Ï´Ù! */
.cnt_3 {background-color:#04b887}

/* ¸Þ¼¼Áö */
.cnt_4 .select_area {overflow:hidden;margin-bottom:32px;}
.cnt_4 .select_area label {float:left;position:relative;margin-right:20px;padding-left:10px;font-weight:bold;font-size:18px;line-height:38px;color:#111;letter-spacing:-0.05em}
.cnt_4 .select_area label:before {display:block;position:absolute;top:17px;left:0;width:5px;height:5px;border-radius:50%;background-color:#111;content:''}
.cnt_4 .select_area select {float:left;min-width:200px;height:38px;margin-right:20px;padding:0 30px 0 10px;border:1px solid #222;box-sizing:border-box;font-family:"Malgun Gothic";font-size:13px;color:#666;background:#fff url('../images/select_arrow.png') 100% 48% no-repeat;outline:0 none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.cnt_4 .select_area select::-ms-expand {display: none;}
.cnt_4 .write_area {position:relative;margin-bottom:56px;padding-right:142px;box-sizing:border-box;background-color:#f3f3f3}
.cnt_4 .write_area .btn_write {display:block;position:absolute;top:0;right:0;background-color:#242424}
.cnt_4 .write_area textarea {width:100%;height:72px;padding:10px;border:0 none;box-sizing:border-box;resize:none;outline:0 none;font-family:"Malgun Gothic";font-size:13px;background-color:#f3f3f3}
.cnt_4 .message_list {overflow:hidden;margin-bottom:40px}
.cnt_4 .message_list li {float:left;position:relative;width:346px;height:216px;margin-right:21px;padding:33px 93px 0 78px;box-sizing:border-box;background:url('../images/message.png') 0 0 no-repeat}
.cnt_4 .message_list li:nth-child(3n) {margin-right:0;}
.cnt_4 .message_list .title {display:block;overflow:hidden;margin-bottom:7px}
.cnt_4 .message_list .title .teacher {overflow:hidden;float:left;width:36px;height:36px;border-radius:50%}
.cnt_4 .message_list .title .teacher img {width:100%}
.cnt_4 .message_list .title .writer {float:right;font-size:13px;line-height:36px;color:#222;text-align:right;letter-spacing:-0.05em}
.cnt_4 .message_list .message {overflow:hidden;width:100%;height:80px;font-size:13px;line-height:20px;color:#333;text-align:left;letter-spacing:-0.05em;word-break:keep-all}
.cnt_4 .message_list .more {display:block;position:absolute;bottom:37px;right:93px;padding-right:15px;font-weight:bold;font-size:13px;color:#333;letter-spacing:-0.05em;background:url('../images/more.png') 100% 50% no-repeat}

/* ¸Þ¼¼Áö ÆäÀÌ¡ */
.paging{font-size: 12px; padding-bottom: 50px;text-align:center;}
.paging > .pg_next, .paging > .pg_prev{background:#fff;text-decoration:none; border:1px solid #dedede;}
.paging > .pg_next{margin-left: 10px; background:url('../images/pg_next.png')no-repeat center center; text-indent:-99999px}
.paging > .pg_prev{margin-right: 10px; background:url('../images/pg_prev.png')no-repeat center center; text-indent:-99999px}
.paging > strong{font-size: 14px; font-weight: bold; text-decoration:underline; width: 23px; padding: 4px 0px; display:inline-block; vertical-align: middle;}
.paging > a{width: 23px;  padding: 4px 0px; display:inline-block; vertical-align: middle;}

/* ¸Þ¼¼Áö ·¹À̾îÆ˾÷ */
.message_pop {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,0.5)}
.message_pop .container {width:100%;height:100%;padding-top:10%;box-sizing:border-box;text-align:center}
.message_pop .message_wrap {display:inline-block;position:absolute;top:50%;left:50%;width:920px;height:570px;margin:-285px 0 0 -460px;box-sizing:border-box;padding:113px 190px 113px 250px;background:url('../images/message_big.png') 0 0 no-repeat}
.message_pop .teacher {display:block;overflow:hidden;position:absolute;top:113px;left:117px;width:106px;height:106px;border-radius:50%;}
.message_pop .teacher img {width:100%}
.message_pop .txt {overflow-x:hidden;overflow-y:auto;height:360px;font-family:'Noto Sans CJK KR', NotoSans;font-size:20px;line-height:28px;color:#333;text-align:left;letter-spacing:-0.03em}
.message_pop .btn_close {display:block;position:absolute;top:38px;right:105px;width:50px;height:50px;font-size:0}

/* »ç¶ûÀÇ ¸Þ½ÃÁö¸¦ ¹ÞÀº ¼±»ý´ÔµéÀÇ ¹ÝÀÀÀÌ ±Ã±ÝÇÏ´Ù¸é? */
.cnt_5 {background-color:#fc593e}
.cnt_5 .centerBox {position:relative;}
.cnt_5 .sns_list {position:absolute;top:392px;right:134px;}
.cnt_5 .sns_list:after {display:block;content:'';clear:both}
.cnt_5 .sns_list li {float:left;margin-left:14px;}
.cnt_5 .sns_list li a {display:block;border-radius:50%;transition:0.2s}
.cnt_5 .sns_list li:hover a {box-shadow:3px 3px 3px #aaa}


/***** keyframe *****/
.bird.ani {
	-webkit-animation:bird 10s ease infinite alternate;
	-moz-animation:bird 10s ease infinite alternate;
	animation:bird 10s ease infinite ;
}
@-webkit-keyframes bird{
	0% {top:-105px;left:-200px;background-image:url('../images/visual_bird.gif')}
	50% {top:200px;left:550px;background-image:url('../images/visual_bird.gif')}
	60% {transform:rotate(0);background:url('../images/visual_bird02.gif') 100% 0 no-repeat}
	100% {top:-105px;left:-250px;transform:rotate(20deg);background-image:url('../images/visual_bird02.gif')}
}
@-moz-keyframes bird{
	0% {top:-105px;left:-200px;background-image:url('../images/visual_bird.gif')}
	50% {top:200px;left:550px;background-image:url('../images/visual_bird.gif')}
	60% {transform:rotate(0);background:url('../images/visual_bird02.gif') 100% 0 no-repeat}
	100% {top:-105px;left:-250px;transform:rotate(20deg);background-image:url('../images/visual_bird02.gif')}
}
@keyframes bird{
	0% {top:-105px;left:-200px;background-image:url('../images/visual_bird.gif')}
	50% {top:200px;left:550px;background-image:url('../images/visual_bird.gif')}
	60% {transform:rotate(0);background:url('../images/visual_bird02.gif') 100% 0 no-repeat}
	100% {top:-105px;left:-250px;transform:rotate(20deg);background-image:url('../images/visual_bird02.gif')}
}

.bird.ani .bird02 {
	-webkit-animation:bird2 10s ease infinite alternate;
	-moz-animation:bird2 10s ease infinite alternate;
	animation:bird2 10s ease infinite ;
}
@-webkit-keyframes bird2{
	0% {opacity:0}
	100% {opacity:1}
}
@-moz-keyframes bird2{
	0% {opacity:0}
	100% {opacity:1}
}
@keyframes bird2{
	0% {opacity:0}
	50% {opacity:0}
	60% {opacity:1}
	100% {opacity:1}
}

.arrow {
	-webkit-animation:arrow 0.7s ease-in-out infinite alternate;
	-moz-animation:arrow 0.7s ease-in-out infinite alternate;
	animation:arrow 0.7s ease-in-out infinite alternate;
}
@-webkit-keyframes arrow{
	0% {margin-left:0}
	100% {margin-left:10px}
}
@-moz-keyframes arrow{
	0% {margin-left:0}
	100% {margin-left:10px}
}
@keyframes arrow{
	0% {margin-left:0}
	100% {margin-left:10px}
}

.tree_leaf.ani img {
	-webkit-animation:leaf 6s ease-in-out infinite alternate;
	-moz-animation:leaf 6s ease-in-out infinite alternate;
	animation:leaf 6s ease-in-out infinite alternate;
}
@-webkit-keyframes leaf{
	0% {transform:scale(1)}
	50% {transform:scale(1)}
	70% {transform:scale(1.03)}
	100% {transform:scale(1.05)}
}
@-moz-keyframes leaf{
	0% {transform:scale(1)}
	50% {transform:scale(1)}
	70% {transform:scale(1.03)}
	100% {transform:scale(1.05)}
}
@keyframes leaf{
	0% {transform:scale(1)}
	50% {transform:scale(1)}
	70% {transform:scale(1.03)}
	100% {transform:scale(1.05)}
}