@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
    font-family: 'SEBANG_Gothic_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EliceDigitalBaeum_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/EliceDigitalBaeum_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EliceDigitalBaeum_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/EliceDigitalBaeum_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 노토산스 */
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
	} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 300; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
	}
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
	} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
	} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 700; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
	} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 900; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
	}



/* 폰트 */
.noto{font-family: 'Noto Sans KR', sans-serif;}
.nanum{font-family: 'Nanum Gothic', sans-serif;}
.sebang{font-family: 'SEBANG_Gothic_Regular', sans-serif;}
.sebangB{font-family: 'SEBANG_Gothic_Bold', sans-serif;}
.eliceB{font-family: 'EliceDigitalBaeum_Bold', sans-serif;}
.elice{font-family: 'EliceDigitalBaeum_Regular', sans-serif;}


/*테이블*/
.to_table{border-top:2px solid #353535; background:#ffffff; margin:10px 0 10px 0;}
.to_table caption{display:none;}
.to_table thead tr th{font-weight:bold; border:1px solid #e0e0e0; background:#ededed; text-align:center; padding:12px; font-size:15px;}
.to_table td{border:1px solid #e0e0e0; padding:12px; color:#666; text-align:center; border-collapse:collapse; font-size:14px;}
.to_table tr.color td{ background: #f5fafb;}
.to_table td.end{color:#3270bd;}
.to_table td.end2{color:#25a99e;}
.inr {width:80%;margin-left:auto;margin-right:auto;min-width:200px;max-width:1500px}
@media (max-width: 991px) {
	.to_table thead tr th{padding:3px; font-size:12px;}
	.to_table td{padding:3px; font-size:11px;}
}
/*clearfix*/
.cf{}/* 여기서 cf는 float속성을 가진 태그의 부모태그라고 생각한다.*/
.cf:after{display:block; content:""; clear: both;}


/* 준비중페이지 */
#ready{text-align:center; background:url(../img/common/ready.png) no-repeat 50% 0; margin:80px 0;  
        padding-top:130px; font-size:1.5em; line-height:1.3em; color:#333;}
#ready strong{font-weight:600; color:#23B1BD;}
#ready p{font-size:0.8em; color:#666;}

/* family */
.selecBox{
    position: relative;
}
.selecBox .selBtn{display: inline-block;padding:20px;border:1px solid #828282;text-align:center;color: #c8c8c8;padding-right:50px;background: url(../img/common/ico_down_w.png) no-repeat 92% 29px;}
.selecBox .selList{}
.selecBox .selList li{}
.selecBox .selList li a{}
.selecBox .selList li a:hover{}

/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}

.pt_10{ padding-top:10px;}
.pt_20{ padding-top:20px;}
.pt_30{ padding-top:30px;}
.pt_40{ padding-top:40px;}
.pt_50{ padding-top:50px;}
.pt_60{ padding-top:60px;}
.pt_70{ padding-top:70px;}
.pt_80{ padding-top:80px;}
.pt_90{ padding-top:90px;}
.pt_100{ padding-top:100px;}
.pb_10{ padding-bottom:10px;}
.pb_20{ padding-bottom:20px;}
.pb_30{ padding-bottom:30px;}
.pb_40{ padding-bottom:40px;}
.pb_50{ padding-bottom:50px;}
.pb_60{ padding-bottom:60px;}
.pb_70{ padding-bottom:70px;}
.pb_80{ padding-bottom:80px;}
.pb_90{ padding-bottom:90px;}
.pb_100{ padding-bottom:100px;}

.t_center{ text-align:center;}
.fl{ float:left;}
.img2 img{ width:100%;}

/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tbl{ margin-top:10px;}
.tbl table{ width:100%; border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center;border-left:1px solid #e3e3e3; }
.tbl tr th{ vertical-align:middle; padding:10px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222;}
.tbl tr td { vertical-align:middle; padding:8px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333;}
.tbl thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3;}
.tbl tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}

.tbl3{ border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center; }
.tbl3 tr th{ vertical-align:middle; padding:5px 5px; border-bottom:1px solid #e3e3e3; background:#f5f5f5;}
.tbl3 tr td { vertical-align:middle; padding:5px 5px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; color:#666;}
.tbl3 thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3; padding:7px 5px;}
.tbl3 tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}
.tbl3 tr.total td{ border-right:1px dotted #ddd; background:#efefef; font-weight:500; color:#333; border-top:1px solid #444;}
.tbl3 tr td.rn{ border-right:0;}
.autoW {margin-left:auto;margin-right:auto;width:80%;min-width:1200px}
.w1200 {margin-left:auto;margin-right:auto;width:1200px}
.autoW90 {margin-left:auto;margin-right:auto;width:90%;min-width:1200px}
.inr {margin-left:auto;margin-right:auto;width:1200px;}
.bdpd {
    margin-top:50px;
    margin-bottom:80px;
}
.mobVer {display:none !important}
@media screen and (max-width:1200px) {
	.inr {width: 90%;}
	.autoW, .autoW90,.w1200 {margin-left:auto;margin-right:auto;width:90%;min-width:768px}
}
@media screen and (max-width:1024px) {
	.inr {width: 90%;}
	.autoW, .autoW90, .w1200 {margin-left:auto;margin-right:auto;width:90%;min-width:280px}
	.selecBox .selBtn {padding:10px 40px 10px 20px;background:url(../img/common/ico_down_w.png) no-repeat 92% center;font-size:13px}
	.pcVer{display:none !important}
	.mobVer {display:block !important}
	.mainfull .mobVer{ display:block !important}
	.bdpd {
		margin-top:0;
		margin-bottom:40px;
	}

}


.animate__delay-_1s {-webkit-animation-delay: .1s;animation-delay: .1s;}
.animate__delay-_2s {-webkit-animation-delay: .2s;animation-delay: .2s;}
.animate__delay-_3s {-webkit-animation-delay: .3s;animation-delay: .3s;}
.animate__delay-_4s {-webkit-animation-delay: .4s;animation-delay: .4s;}
.animate__delay-_5s {-webkit-animation-delay: .5s;animation-delay: .5s;}
.animate__delay-_6s {-webkit-animation-delay: .6s;animation-delay: .6s;}
.animate__delay-_7s {-webkit-animation-delay: .7s;animation-delay: .7s;}
.animate__delay-_8s {-webkit-animation-delay: .8s;animation-delay: .8s;}
.animate__delay-_9s {-webkit-animation-delay: .9s;animation-delay: .9s;}
/* ----------------------------------------------
 * Generated by Animista on 2021-12-31 16:23:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-12-31 16:27:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-vertical-right
 * ----------------------------------------
 */
@-webkit-keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
}
@keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
}


@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.15) translateY(-15px);
            transform: scale(1.15) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}

.text-focus-in {
	-webkit-animation: text-focus-in 1.0s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: text-focus-in 1.0s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.flip-vertical-right {
	-webkit-animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
		animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.kenburns-top {
	-webkit-animation: kenburns-top 2s ease-out both;
		animation: kenburns-top 2s ease-out both;
}

.delay1 {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.delay2 {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
}
.delay3 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}