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


/* °Ô½ÃÆÇ ´ñ±Û */
.comment_write {width:1080px;margin:0 auto; box-sizing:border-box; margin-bottom:40px;}
.comment_list {box-sizing:border-box;background-color:#fff; border:2px solid #000; padding-bottom:40px;}
.comment_area table{width: 100%; border-spacing:0 }
.comment_area table th{font-size: 18px; font-weight: bold; color:#000; background:#f0f0f0 ; text-align: center; border-bottom:1px solid #000;border-left:1px solid #000; padding: 18px 0px;}
.comment_area table th:first-child{border-left:none; border-top:none;}


.comment_area table td{font-size: 18px;  color:#2a2a30; text-align: center;  padding: 18px 0px; border-bottom:1px solid #000; border-left:1px solid #000; font-family: 'Noto Sans CJK KR', NotoSans; letter-spacing:-0.03em;}
.comment_area table td:nth-child(4){text-align: left; padding:18px; box-sizing:border-box;}
.comment_area table td:first-child{border-left:none;}

.comment_area form {overflow:hidden;width:1080px;margin:0 auto;box-sizing:border-box}
.comment_area textarea{float:left; background: #fff; height: 80px; border: none; font-size: 20px; outline: 0 none; width: 850px; padding: 10px; box-sizing: border-box; font-family: 'Noto Sans CJK KR', NotoSans; color:#111; resize:none; border: 2px solid #000; border-right: 0 none;}
.comment_area input[type="button"]{width:230px; background-color: #000; height: 80px; border: none; font-size:27px; outline: 0 none;-webkit-appearance: none; vertical-align: middle; line-height:80px; font-weight: bold; color:#fff; font-family:'Noto Sans CJK KR', NotoSans; cursor: pointer; letter-spacing: -.05em;}
.comment_txt{padding-top:20px;}
.comment_txt:after{clear:both; content:''; display:block;}
.comment_txt p{color:#999; font-size:24px; letter-spacing:-2px;}
.comment_txt .txt1{float:left;}
.comment_txt .txt2{float:right;}

/* °Ô½ÃÆÇ ´ñ±Û ÆäÀÌ¡ */
.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;}

.teaser .btn_hov:hover {animation: btn_evt .5s forwards linear;}

.float_bnr{position:fixed; right:50px; top:200px; z-index:9;}
#comm_tb{border-left:1px solid #}

/* Áö³­È£º¸±â */
	.topNavi {position:absolute;top:0px;left:50%;z-index:10;width:1080px;transform: translateX(-50%);}
	.topNavi .centerBox {position:relative;height:110px;}
	.topNavi .centerBox .btn_news {display:block;position:absolute;top:36px; right:-13px; margin-top:-8px; width:140px; height:40px; text-indent:-999em; }
	/* cnt_ : ºñÁÖ¾ó */
	.rel{position: relative;}
	.centerBox {width:1080px; margin:0 auto; position: relative;}
	.cnt_1{width:100%; margin:0 auto; background:#9eade5 url('../images/cnt_01_bg.jpg?v3')no-repeat center 0; height:1137px; }
	.cnt_1 .cnt_1_title{position: absolute; top:70px; left:50%; margin-left: -600px;  animation: bounce-top 1.2s both;}
	.cnt_1 .heart_big{position: absolute; top:138px; left:50%; margin-left:-89px;}
	.cnt_1 .cnt_1_list{position: absolute; top:634px; left:50%; margin-left: -558px;}
	.cnt_1 .heart{position: absolute; top:637px; left:50%; margin-left: 335px; z-index: 1;  animation: updown 0.8s both infinite;}
	.cnt_1 .cnt_1_btn_01{position: absolute; top:658px; right:115px;animation: wobble-hor-bottom 2s both infinite;}
	.cnt_1 .cnt_1_btn_02{position: absolute; top:817px; right:115px;animation: wobble-hor-bottom 2s both infinite;} 

	.cnt_2{background: #fff;}
	.cnt_3{background: #f2f2f2;}
	.cnt_4{background: #fff;}
	.cnt_5{background: #ffebf9;}
	.cnt_6{padding-bottom: 150px;}
	.cnt_7{background: #fffb92;  padding-bottom: 150px;}
	.cnt_7 .cnt_7_btn{display:flex; justify-content:space-between; width:100%;}
	.cnt_7 .cnt_7_btn li{transition:all 0.5s;}
	.cnt_7 .cnt_7_btn li a{width:100%;}
	.cnt_7 .cnt_7_btn li:hover{box-shadow:15px 15px 0px rgba(247,211,133); border-radius:5px;}
	.cnt_7 .cnt_7_btn:last-child{ margin-top:40px;}
	@keyframes updown{
		0%{top:637px;}
		50%{top:630px;}
		100%{top:637px;}
	}

	@keyframes bounce-top {
	  0% {
			transform: translateY(-60px);
			animation-timing-function: ease-in;
			opacity: 1;
	  }
	  24% {
		opacity: 1;
	  }
	  40% {
			transform: translateY(-30px);
			animation-timing-function: ease-in;
	  }
	  65% {
			transform: translateY(-12px);
			animation-timing-function: ease-in;
	  }
	  82% {
			transform: translateY(-6px);
			animation-timing-function: ease-in;
	  }
	  93% {
			transform: translateY(-4px);
			animation-timing-function: ease-in;
	  }
	  25%,
	  55%,
	  75%,
	  87% {
			transform: translateY(0px);
			animation-timing-function: ease-out;
	}
	  100% {
			transform: translateY(0px);
			animation-timing-function: ease-out;
			opacity: 1;
	  }
	}

	@keyframes wobble-hor-bottom {
	  0%,
	  100% {
			transform: translateX(0%);
			transform-origin: 50% 50%;
	  }
	  15% {
			transform: translateX(-30px) rotate(-6deg);
	  }
	  30% {
			transform: translateX(15px) rotate(6deg);
	  }
	  45% {
			transform: translateX(-15px) rotate(-3.6deg);
	  }
	  60% {
			transform: translateX(9px) rotate(2.4deg);
	  }
	  75% {
			transform: translateX(-6px) rotate(-1.2deg);
	  }
	}