* {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:0 0 55px 0;box-sizing:border-box;background-color:#fff}
.comment_list {padding:0 0 50px 0;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:1080px;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: 940px; 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:url('../images/bg_cnt_01.jpg') 50% 0 no-repeat}
.cnt_1 .centerBox {position:relative;height:828px}
.cnt_1 .memo {position:absolute;display:none;}
.cnt_1 .memo.memo01 {top:160px;left:-346px;z-index:2}
.cnt_1 .memo.memo02 {top:220px;left:-213px;z-index:1}
.cnt_1 .memo.memo03 {top:117px;right:-188px;}
.cnt_1 .btn_quick {display:block;position:absolute;top:373px;left:-295px;}
.cnt_1 .item_box {position:absolute;bottom:0;right:-420px}
.cnt_1 .item_box .item01 {position:absolute;bottom:126px;right:442px;z-index:9}
.cnt_1 .item_box .item02 {position:absolute;bottom:126px;right:442px;z-index:10;}
.cnt_1 .item_box .item01 {animation:cnt1_ani 1s ease-in-out infinite alternate}

/* cnt_2 : ¾ÆÁÖ Áß¿äÇÑ °áÀüÀÇ ´Þ */
.cnt_2 {background-color:#ffefe2}
.cnt_2 .centerBox img {margin-left:-12px}

/* cnt_3 : ÃÖÁ¾¸¶¹«¸®´Â ÀÌ·¸°Ô */
.cnt_3 {background-color:#fdf8f3}
.cnt_3 .centerBox {position:relative;width:1300px;text-align:center}
.cnt_3 .tab_list {width:1080px;margin:0 auto}
.cnt_3 .tab_list:after {display:block;content:'';clear:both}
.cnt_3 .tab_list li {float:left;margin-right:1px;background-color:#f4d6c6;transition:0.2s}
.cnt_3 .tab_list li:last-child {margin-right:0}
.cnt_3 .tab_list li a {display:block;position:relative;height:100px}
.cnt_3 .tab_list li a .on {display:block;overflow:hidden;width:100%;height:0;position:absolute;top:50%;left:0;z-index:100;transition:0.2s}
.cnt_3 .tab_list li.active a .on {display:block;height:145px;top:-23px;box-shadow:0 10px 10px rgba(0,0,0,0.1)}
.cnt_3 .tab_cont {height:600px;}
.cnt_3 .tab_cont li {display:none}
.cnt_3 .tab_list li:hover {background-color:#e9a493}

/* cnt_4 : ½ÃÇè´çÀÏÀº ÀÌ·¸°Ô */
.cnt_4 {background:#e89f8d url('../images/bg_cnt_04.jpg') 50% 0 no-repeat}
.cnt_4 .centerBox {height:1243px}
.cnt_4 .list {overflow:hidden;}
.cnt_4 .list li {float:left;width:540px;height:362px;cursor:pointer}
.cnt_4 .flip_box {position:relative;width:540px;height:362px;}
.cnt_4 .flip_box .flip_front {position:absolute;top:0;left:0;z-index:10;transition:1s}
.cnt_4 .flip_box .flip_back {position:absolute;top:0;left:0;z-index:9;opacity:0;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transition:1s}
.cnt_4 .flip_box.flipEffect .flip_front {opacity:0}
.cnt_4 .flip_box.flipEffect .flip_back {opacity:1}
.cnt_4 .flip_box.flipEffect_off .flip_front {opacity:1}
.cnt_4 .flip_box.flipEffect_off .flip_back {opacity:0}
.flipEffect {
	animation:flip-effect 0.8s ease-in-out;
	-webkit-animation:flip-effect 0.8s ease-in-out;
	transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	opacity:1;
}
.flipEffect_off {
	-webkit-animation:flip-effect-off 0.8s ease-in-out normal;
	-moz-animation:flip-effect-off 0.8s ease-in-out normal;
	animation:flip-effect-off 0.8s ease-in-out normal;
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	opacity:1;
}

/* cnt_5 : ¸ðµÎ ÆÄÀÌÆÃ! */
.cnt_5 {background-color:#fff}
.cnt_5 .centerBox {position:relative}
.cnt_5 .item_box {position:absolute;top:111px;right:-300px}
.cnt_5 .item_box .item01,
.cnt_5 .item_box .item02 {position:absolute;bottom:67px;right:11px;}
.cnt_5 .item_box .item01 {z-index:2}
.cnt_5 .item_box .item02 {z-index:1}
.cnt_5 .item_box .item02 {animation:cnt5_ani 0.5s ease-in-out infinite alternate}

/* cnt_6 */
.cnt_6 {padding-bottom:50px;background-color:#fff}

/* cnt_7 */
.cnt_7 {overflow:hidden;position:relative;padding-bottom:87px;background-color:#9fcba8}
.cnt_7 .list:after {display:block;content:'';clear:both}
.cnt_7 .list li {float:left;border-left:2px solid rgba(242,242,242,0.25)}
.cnt_7 .list li img {transition:0.2s}
.cnt_7 .list li:first-child {border-left:0 none}
.cnt_7 .list li a {display:block;position:relative;height:240px}
.cnt_7 .list li a:after {display:block;position:absolute;bottom:0;left:50%;width:70px;height:70px;margin-left:-35px;border-radius:50%;background:#53463c url(../images/img_cnt_07_go.png) 0 0 no-repeat;content:'';transition:0.2s}
.cnt_7 .list li:hover img {margin-top:-10px}
.cnt_7 .list li:hover a:after {background-color:#3f3228}

/* @keyframes */
@keyframes cnt1_ani{
	0% {bottom:126px}
	30% {bottom:173px}
	100% {bottom:173px}
}

@keyframes cnt5_ani{
	0% {transform:rotate(-15deg)}
	100% {transform:rotate(15deg)}
}

@keyframes flip-effect {
	0% {
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
	50% {
		opacity:0
	}
	100%{
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:1;
	}
}
@-webkit-keyframes flip-effect {
	0% {
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
	50% {
		opacity:0
	}
	100%{
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:1;
	}
}

@keyframes flip-effect-off {
	0% {
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:1;
	}
	50% {
		opacity:0
	}
	100%{
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
}
@-webkit-keyframes flip-effect-off {
	0% {
		transform:rotateY(-180deg);
		-webkit-transform:rotateY(-180deg);
		opacity:1;
	}
	50% {
		opacity:0
	}
	100%{
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		opacity:1;
	}
}