* {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:171px;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:64px; right:-13px; margin-top:-8px; width:140px; height:40px; text-indent:-999em;}
	.cnt_top .centerBox {position:relative;height:307px}

	/* cnt_ : ºñÁÖ¾ó */
	.teaser .cnt_1{width:100%; margin:0 auto; background: url(images/cnt_01_bg.jpg)no-repeat 0 50%; height:807px;}
	.teaser .cnt_1 .cnt_1_sec{position:absolute; top:0; left:0;}
	.teaser .cnt_1 .cnt_1_sec .hand{position:absolute; top:0; left:-27px; z-index: 2; opacity: 1; animation:hand 3s ease forwards;}
	.teaser .cnt_1 .cnt_1_sec .title{position:absolute; top:195px; left:7px;}
	.teaser .cnt_1 .cnt_1_sec2{position:absolute; top:0; left:0; width:100%; height:807px;}
	.teaser .cnt_1 .cnt_1_sec2 .cnt_01_sec1{position:absolute; bottom:123px; left:9px; animation: cnt_01_sec1 1s 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1 both;}
	.teaser .cnt_1 .cnt_1_sec2 .cnt_01_sec2{position:absolute; bottom:34px; left:301px; animation: cnt_01_sec1 1s 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1 both;}
	.teaser .cnt_1 .cnt_1_sec2 .cnt_01_sec3{position:absolute; bottom:125px; right:277px; animation: cnt_01_sec1 1s 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1 both;}
	.teaser .cnt_1 .cnt_1_sec2 .cnt_01_sec4{position:absolute; bottom:35px; right:-43px; animation: cnt_01_sec1 1s 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1 both;}

	.teaser .cnt_2{background:#f8f4eb;}
	.teaser .cnt_2 .centerBox {width:1200px; margin:0 auto; position: relative;}
	.teaser .cnt_2 .centerBox .circle{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:924px;}
	.teaser .cnt_2 .centerBox .circle img:first-child{position:absolute; top:422px; left:305px; transform:translate(-50%,-50%);  animation: scale 1s 3.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
	.teaser .cnt_2 .centerBox .circle img:nth-child(2){position:absolute; bottom:124px; left:378px; transform:translate(-50%,-50%);animation: scale 1s 3.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
	.teaser .cnt_2 .centerBox .circle img:nth-child(3){position:absolute; top:450px; left:583px; transform:translate(-50%,-50%); animation: scale 1s 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
	.teaser .cnt_2 .centerBox .circle img:nth-child(4){position:absolute; bottom:124px; right:251px; transform:translate(-50%,-50%);animation: scale 1s 3.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
	.teaser .cnt_2 .centerBox .circle img:nth-child(5){position:absolute; top:410px; right:121px; transform:translate(-50%,-50%);animation: scale 1s 3.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
	.teaser .cnt_3{}
	.teaser .cnt_3 .cnt_3_link{display: block; width:816px; height:464px; position:absolute; text-indent:-999em; top:55%; left:50%; transform:translate(-50%,-50%);}
	.teaser .cnt_4{background-color: #4374ff; padding-bottom:90px;}
	.teaser .cnt_5{ background: url(images/cnt_5_bg.jpg)no-repeat center center; width:100%; height:694px; text-align:center;}
	.teaser .cnt_5 .centerBox{width:883px;}
	.teaser .cnt_5 .cnt_5_btn{display:flex; justify-content:space-between; width:100%;}
	.teaser .cnt_5 .cnt_5_btn li{width:423px; height:181px; transition:box-shadow 0.5s; border-radius:10px;}
	.teaser .cnt_5 .cnt_5_btn li a{width:100%;}
	.teaser .cnt_5 .cnt_5_btn li:hover{box-shadow:15px 15px 0px rgba(77,102,167); border-radius:10px;}
	.teaser .cnt_5 .cnt_5_btn:last-child{ margin-top:40px;}

	.white_bg_01{width:54px; height:24px; background: #fff; position:absolute; top:38.5%; left:31.5%; }
	.white_bg_02{width:54px; height:24px; background: #fff; position:absolute; top:48.5%; left:29.4%; }
	.white_bg_03{width:54px; height:24px; background: #fff; position:absolute; top:59.3%; right:27.5%; }

	@keyframes hand{
		0%{top:-100px; opacity:0 ;}
		20%{top:0px; opacity:1 ;}
		40%{top:-25px; opacity:1 ;}
		60%{top:0px; opacity:1 ;}
		80%{top:-20px; opacity:1 ;}
		100%{top:0px; opacity:1 ;}
	}
	@keyframes cnt_01_sec1 {
		0% {
            transform: scaleX(0);
            transform-origin: 0% 0%;
			opacity: 1;
		}
		100% {
			transform: scaleX(1);
			transform-origin: 0% 0%;
			opacity: 1;
		}
	}
@keyframes scale {
  0% {transform:translate(-50%,-50%) scale(0);opacity: 0;}
  100% {transform:translate(-50%,-50%) scale(1);opacity: 1;}
}

.cnt_4_txt{display:flex; position:absolute; top:322px;left:0; width:100%; justify-content: space-between;}
.cnt_4_txt .cnt_4_ff{background: url(images/cnt_04_01.jpg) no-repeat center; width:523px; height:420px; position:relative;}
.cnt_4_txt .cnt_4_ff .cnt_4_ff_txt{position:absolute; top:90px;  width:100%;  padding:30px;box-sizing:border-box;}
.cnt_4_txt .cnt_4_ff .cnt_4_ff_txt div span{color:#4374ff;}
.cnt_4_txt .cnt_4_ff .cnt_4_ff_txt div:first-child{font-size: 24px; font-weight: 400; color:#222; letter-spacing:-2px;}
.cnt_4_txt .cnt_4_ff .cnt_4_ff_txt div:last-child{padding-top:30px; font-size: 24px; font-weight: 500; letter-spacing:-2px; text-align:justify; line-height:160%; color:#222; font-weight: 600;}
.cnt_4_txt .cnt_4_fx{background: url(images/cnt_04_02.jpg) no-repeat center; width:523px; height:420px; position:relative;}
.cnt_4_txt .cnt_4_fx p{font-size: 25px; font-weight: 600; color:#000; position:absolute; bottom:39px; left:30px; width:100%;}
.cnt_4_txt .cnt_4_fx span{color:#4374ff;}