@charset "utf-8";
@import url("new.css");
/* @import url("hover.css"); */
/* -----------------------------------	main  -------------------------------------------------*/

/* 팝업공지 */
.mobile{display: none;}
.poptxt {	width:100%;	height:30px; line-height:30px;	font-size:12px;	background:#2d2d2d;
	color:#fff;	text-align:right;}
.poptxt p {	color:#fff;	cursor: auto;	text-decoration:none;}
.poptxt p span{	padding: 0 5px;	color:#fff;	font-weight:normal;	cursor: auto;	text-decoration:none;}
.poptxt p a {	padding: 0 10px 0 5px;	color:#fff;	font-weight:bold;}
.poptxt p > a:hover {color:#00588a;}
/* #main{margin-top: 82px !important;} */
#mainContents{position: relative;}
#main .section{	max-width: inherit !important;}
/* .main-content{	background-color: #a3d9d2;} */
.mainSection { width: 100%; margin: 0 auto;box-sizing: border-box;}
.mainSection1 { position: relative; display: inline-block; margin: 0 auto;
  width: 100%; height: auto !important;
	padding-bottom: 50px;
  box-sizing: border-box;}
.mainSection2 { width: 90%; margin: 0 auto;}

.article-title h2{	display: inline-block;	padding-bottom: 0px;}
.article-title h2::after{ content: '';	display: block; width: 100%; height: 1px;
	margin: 0 auto;	margin-top: 6px;	margin-bottom: 0px;	background-color: #00224b;}
.maintithead{ display: block; margin-bottom: 5px; font-size: 19px; color: #116cb6;}
.container1{position: relative; display: block;	width: 100%; max-width: 1200px; height: auto;
	margin: 0 auto;	padding-bottom: 50px;  box-sizing: border-box;	}

/* vol69 */
.vol67_container1{padding-bottom: calc(5vw + 40px);}
@media all and (max-width:1089px){
	.vol67_container1{padding-bottom: calc(8vw + 40px);}
}
/* vol69 끝 */


.blind{display: none;}
@media all and (max-width:1089px){
.mobile{display: block;}
.m_only{display: none;}
.mainSection1 { min-height: 0px;}
}
@media all and (max-width:768px){
  .notice_form{  width: 100%;	height: auto;  }
}

#section3{	opacity: 0.5;	top: 5px;	transition: all .3s;}
#section3.effect{opacity: 1;	 top: 0;	 transition: all .3s ease-out;
	animation: bottom_up .3s 1 cubic-bezier(0.250, 0.250, 0.730, 1.005) ease-out;}



	@keyframes bottom_up {
		0% {
			top: 25px;
			opacity:0;
	    }
	    100% {
			top: 0;
			opacity:1;
	    }
	}

/***************/
.icon-scroll {	position: absolute;	display: block;	width: 100%; bottom: 3%;	text-align: center;}
.icon-scroll a { display: inline-block;	width: 38px; height: 44px;left: 50%; transform: translateX(-50%);
	cursor:pointer; background:url(../image/main/icon_scroll.png) 0 0 no-repeat; transition: background 0.4s;}
.icon-scroll:hover a,.icon-scroll:active a{	background:url(../image/main/icon_scroll2.png) 0 0 no-repeat;}

p.txt, p.txt2, p.txt3{ font-size: 16.5px !important; font-family: 'NanumSquare','Sans-serif';}

.bghave {	background:#f1f1f1;	height:auto;}
.bghave2 {background:#f1f1f1;	height:auto;}
.bghave3 {	background:#BBCDCF; height:auto;}
.bgPatten { background:#f1f1f1 url(../image/main/bghave.jpg) 0 2px repeat;}
.main3h { height:873px;}

h2.tit{ padding: 60px 0 30px 0; font-size: 30px; font-weight: normal; text-align: center; color: #282b32;}
p.tit { padding: 30px 0; font-size: 30px; font-weight: normal; text-align: center; color: #282b32;
  font-family: 'NanumSquare','Sans-serif';}
h2.tit:after, p.tit:after{	content: ''; display: block;  width: 44px; height: 1px;
  margin: 0 auto;	margin-top: 10px;  background-color: #00224b;}
h3.tit { padding: 60px 0 35px 0; font-size: 30px; font-weight: normal; text-align: center; color: #282b32;}
h4.tit { margin-bottom: 20px; padding-bottom: 15px; font-size: 24px;	color: #00588A;	font-weight: bold;}
h4.tit::after{ content: '';	display: block;  width: 40px; height: 1px;
  margin: 0 auto;	margin-top: 10px;  background-color: #00224b;}
h4.tit2 { position:absolute; top:320px; font-size:18px; font-weight:bold; color:#00588A;}
h4.tit3 { padding:20px 0 20px 0; font-size:20px; color:#00588a; font-weight:bold;}
p.txt { color: #262626; line-height: 1.8;}
p.txt1 { height:50px;	margin:0; padding:0; font-size:24px; line-height:50px;
	text-align:center; color:#fff; background-color:rgba(35,31,32,0.7);}
p.txt2 { position:absolute; margin:0; top:360px; font-size:19px; color:#272727;}
p.txt3 { font-size:16.5px; color:#272727;}
p.stxt{ margin:12px 0 0 0; color:#666666; font-size:14.5px;}
p.stxt2 {	position: absolute;	top: 426px;	font-size: 15px; color: #666; letter-spacing: -0.5px;}

.h9sub, .h2sub	{	width:100%;	font-size: 18px;	text-align:center; color:#272727;
	font-family: 'NanumSquare','Sans-serif';}
.h9sub{	padding:24px 0 0 0;}
.h2sub{	padding:0px 0 45px 0;}
@media all and (max-width:1089px){
h2.tit { padding: 30px 0 10px 0;}
.h2sub{	padding:0px 0 25px 0;}
.h9sub{	width: 80%;	margin: 0 auto;}
}

/******************************    공통  *************************************/
a .label{  position: absolute; left: 0; padding: 7px 10px; font-size: 15px;  color: #fff;
 background-color: rgba(0, 0, 0, 0.8);  box-sizing: border-box;  z-index: 1;
 font-weight: normal; transform: skew(-0.03deg);}

#viewBtn{	position: relative;	display: block;	width: initial;	margin-top: 20px;}
#viewBtn .viewbtn{	display: inline-block;transform: skew(-0.03deg); 	text-align: center;
	font-size: 15px; color: #fff; font-family: 'NanumSquare', 'sans-serif';	vertical-align: middle;}
.viewbtn::after{ content:'+';	display: inline-block;	width: 15px;	height: 1px; color: #60d1e4;}
#viewBtn::after{	content:'';	display: block;	width: 44px;	height: 1px;
	margin: 0 auto;	margin-top: 5px;	background-color: #60d1e4;}
.cont2B .info, .cont3B .info, .cont4B .info, .cont5B .info{
	color: #fff; font-family: 'NanumSquare', 'sans-serif';}
.cont2B .info .name, .cont3B .info .name, .cont4B .info .name, .cont5B .info .name{
	margin: 5px 0;	font-size: 20px; color: #116cb6;	font-weight: bold;	}
.cont2B .info .name::after, .cont3B .info .name::after, .cont4B .info .name::after,
.cont5B .info .name::after{	content: '';	display: block;	width: 40px;	height: 1px; margin: 0 auto;
	margin-top: 8px;	margin-bottom: 0px;	background-color: #00224b;}
.cont2B .info .txt1, .cont3B .info .txt1, .cont4B .info .txt1, .cont5B .info .txt1,
.cont5B .info .txt2{	padding-top: 10px;	font-size: 16.5px;	line-height: 1.6;}

@media all and (max-width:768px){
.cont2B .info .name,	.cont3B .info .name,	.cont4B .info .name, .cont5B .info .txt1{
	font-size: 18px; margin-bottom: 10px;}
}

/***********    key visual     ************/
/* .main00{height: auto !important;} */
.slide00wr{ position: relative;display: block;}
.visulogo{	position: relative;	display: inline-block;	width: initial;}
.visulogo::after{	content: '';	display: block; clear: both;}
.slide00wr .eng{	position: absolute;		height: auto;	top:30%;	left: 50%;	transform: translateX(-50%);
	text-align: center;	color:#fff;	z-index: 1;}
.slide00wr .eng1{ font-size: 90px;	font-weight: 900;	line-height: 1;	color: rgba(255,255,255,.75);}
.slide00wr .eng2{ font-size: 18px;}
.slide00wr .eng2 .eng2_01{	font-size: 22px;}
.slide00wr .eng2 .eng2_02{display: block;	font-size: 22px;}
.eng2_02_1{color: #2c7c39; margin-bottom: 5px;}
.slide00wr .eng2 .eng2_b{	font-weight: bold;}

.topVisiual {	position: relative;	display: block; width: 100%;  height: auto;
	margin: 0 auto;  text-align: center;  overflow: hidden;}
.topVisiual .loader {	position: relative;	max-width:100%;  width: 100%;
	height: 50vw;
	/* height: 52vw; */
	text-align: center;}
.innerImage{	position: relative;	display: inline-block;
	vertical-align: middle;	width: 50%;		margin: 0 auto;
		top: 50%;		transform: translateY(-50%);
}

/* .topVisiual .loader1{	background-color: rgba(244, 149, 37, 0.65);} */
.topVisiual .loader1{	background-color: #f4cd5a;}
/* .topVisiual .loader1{	background-color: #fff;} */

/* .topVisiual .loader1{background:url(../image/main/1234.jpg) no-repeat center/cover; }
.topVisiual .loader2{background:url(../image/main/topVisiual2.jpg) no-repeat center/cover; }
.topVisiual .loader3{background:url(../image/main/topVisiual3.jpg) no-repeat center/cover; } */

#slide00 .slick-arrow{	position: absolute;	top: 40%;}
#slide00 .slick-prev {left: 5%;}
#slide00 .slick-next {	right: 5%;}
#slide00 .slick-dots {bottom:10%;}

@media all and (max-width:1189px){
#slide00 .slick-arrow {  top: 40%;  bottom: inherit;  vertical-align: top;}
}
@media all and (max-width:1089px){
/* #divpop {	display:none;	} */
.topVisiual {	height: 55vw;}
.topVisiual .loader{height: 55vw;}
.topVisiual{	width: 100%; height: 100%;	margin-top: 0;	box-sizing: border-box;	margin: 0 auto;}
.icon-scroll{	display:none;}
.slide00wr .eng1{ font-size: 4em;}
}
@media all and (max-width:768px){
.slide00wr .eng1{ font-size: 1.2em; line-height: 1;}
 .slide00wr .eng2 .eng2_01, .slide00wr .eng2 .eng2_02{	font-size: 16.5px;	line-height: 1;}
/* .slide00wr .eng{top:75%;}
.topVisiual {	 height: 80vw;}
.topVisiual .loader{  background: url(../image/main/topVisiual1.jpg) no-repeat center/cover;} */
}

@media all and (max-width:400px){
.slide00wr .eng{ top: 4%;}
}
/**********/
.mainSlide{	position: relative;	display: inline-block;	width: 100%;	height: 100%;
	margin: 0 auto;	margin-bottom: 50px;	padding: 0 5px;
	box-sizing: border-box;	z-index: 1;}
.mainSlide .mainSlideWR{	position: relative;	display: block;	float: left;
	width: calc(100% / 2 - 10px);	margin: 5px;  text-align: center;
	box-sizing: border-box;}

.mainSlide .mainSlideWR a{  position: relative;  display: inline-block; box-sizing: border-box;
  width: 100%; height: 100%;  border: 1px solid #e5e5e5;	}

.mainSlide .boximg{	margin-bottom: 0px;}
.mainTxwr{	position: relative;	display: table;	width: 100%;	height: auto;
	box-sizing: border-box;	padding: 30px 0; background-color: #fff;}
.mainTxin{	position: relative;	display: table-cell;	vertical-align: middle;
	width: 100%;	height: auto;}

.mainSlide .mainSltit{	margin-top: 0px;  margin-bottom: 15px;  color: #ee7848;
  font-weight: bold;  font-size: 20px;  line-height: 1.3;  text-align: center;
  font-family: 'NanumSquare','Sans-serif';  vertical-align: middle;}
.mainSlide .mainSltit2{font-size: 18px; color: #000; font-weight: normal; margin-bottom: 0;}

@media all and (max-width:1089px){
#cont1{	padding-top: 10px;}
}
@media all and (max-width:768px){
.mainSlide .mainSlideWR{	width: 100%; height: auto; margin: 0;	margin: 0 auto;	}
.mainVideoWR img{	margin: 0 auto;	}
}


/*******************/

.sub_test01{  position: relative;  display: block;  width: 100%; height: auto;  box-sizing: border-box;
  top: 82px; margin-bottom: 82px;}
.sub_test02{ margin-top: 50px; }
.sub_test02, .sub_test03{  position: relative;  display: block;  width: 100%; height: auto;
  padding: 50px 0;   box-sizing: border-box;}
/* .sub_test03{  background-color: rgba(244, 149, 37, 0.8); } */
.sub_test03_vol66{background-color: #f4cd5a;}
/* .sub_test03{  background-color: rgba(255, 226, 74, 0.9); } */
.test01{  position: relative;  display: block;  width: 100%; height: 100%;
  min-height: 50vw;  padding: 100px 0;  box-sizing: border-box; z-index: 1;
   background: url(../image/main/1234.jpg) no-repeat center/cover; }
 .keyBox{ position: relative; display: block; width: 100%; height: 100%; margin: 0 auto;
   padding: 0;  box-sizing: border-box; }

.keyBox::after{  content: '';  display: block;  clear: both;  float: inherit;}
@media all and (max-width:1089px){
.sub_test01{  top: 55px; margin-bottom: 55px;}
.test01{padding: 50px 0;}
.sub_test02, .sub_test03{padding: 10px 0;}
}
@media all and (max-width:768px){
  .test01{padding: 30px 0;}
}
@media all and (max-width:420px){
  .test01{padding: 0px 0;}
}

.back-img-bom {  position: absolute;  width: 10%;  bottom: 6%;  right: 14%;
  z-index: 1;  animation: upDown 1.5s linear infinite;}
@media all and (max-width:768px){
.back-img-bom{  width:15%;  bottom: 0%;   animation: upDown2 1.5s linear infinite; }
}
@keyframes upDown {
  0% {
    transform:translateY(0);
  }
  50% {
    transform:translateY(50px);
  }
  100% {
    transform:translateY(0);
  }
}
@keyframes upDown2 {
  0% {
    transform:translateY(0);
  }
  50% {
    transform:translateY(-20px);
  }
  100% {
    transform:translateY(0);
  }
}


/*****   key   ********/
.wz-keyword {  margin: 0px 0 45px;
   /* font-family: "Gmarket Sans", 'sans-serif'; */
    /* font-family: "S-CoreDream-3Light", 'sans-serif'; */
    /* font-family: 'Nanum Pen Script', 'sans-serif'; */
    font-family: 'Hi Melody', 'cursive';
    /* font-weight: bold; */

 }

.wz-keyword p {  font-size: 2.5rem;  padding-bottom: 3px;  margin-bottom: 33px;}

.wz-keyword-con ul{  margin-bottom: 1.5%;}
.wz-keyword li { display: inline-block; margin-right: calc(1.8vw + 10px); }
.wz-keyword li a { line-height:1.1; transition:opacity .3s;   text-decoration: none;
  font-size: calc(3vw + 1.5rem);  line-height: calc(3.5vw + 20px);
    color:#fff; opacity:.4; }
.wz-keyword li a:hover { opacity:1; transition:opacity .3s; font-weight: bold;}

.wz-keyword { position: relative; color:#fff; text-align:center; margin: 50px 0;
  padding-bottom: calc(7vw + 40px); }
.wz-keyword p { display:inline-block; font-size:60px;
  padding-bottom:9px; border-bottom:2px solid #fff; margin-bottom: 60px; }
.wz-keyword-con { position:absolute; left: 50%; transform: translateX(-50%); }

.wz-keyword-li::after { clear:both; display:block; content:''; }
.wz-keyword-li {text-align:center; white-space: nowrap; }

.wz-keyword-li:nth-of-type(2n-1) { animation: leftMove 3s linear 0s infinite alternate; }
.wz-keyword-li:nth-of-type(2n) { animation: rightMove 3s linear 0s infinite alternate; }


@keyframes leftMove {
	0% {
		transform:translateX(0);
	}
	100% {
		transform:translateX(-100px);
	}
}
@keyframes rightMove {
	0% {
		transform:translateX(0);
	}
	100% {
		transform:translateX(100px);
	}
}

@media all and (max-width:1089px){
.wz-keyword {padding-bottom: 30px;}
.wz-keyword p {	font-size: 2rem;	padding-bottom: 2px;	margin-bottom: 35px;	}
.wz-keyword-con ul { margin-bottom: 2%;}
}



#cont2{}
@media all and (max-width:1089px){
#cont2{  padding-bottom: 60px;}
}
@media all and (max-width:460px){
  #cont2{  padding-bottom: 0px;}
}




/*******************/
.main04wr{  position: relative;  display: inline-block;  width: 100%;
	/* margin-top: 50px; */
	 padding: 0 5px;
  box-sizing: border-box;}
.main04wr .main04Box{  position: relative;  display: inline-block;  width: calc(100% / 3 - 11px);
	height: auto;	 margin: 5px;
	float: left; vertical-align: top; box-sizing: border-box;}

.main04wr .main04Box a{  position: relative;  display: inline-block; box-sizing: border-box;
  width: 100%; height: 100%;  border: 1px solid #e5e5e5; }
.main04wr .boximg{  margin-bottom: 0px;}
.main04tip, .main04tip2, .main04tip3, .main04tip4{  position: absolute;  display: inline-block;  left: 0;  top: 0;
  /* background-color: rgba(0, 0, 0, 0.8);  */
   z-index: 1;}
.main04tip{background-color: #ee7848;}
.main04tip2{background-color: #2b90c5;}
.main04tip3{background-color: #01b1a0;}
.main04tip4{background-color: #ecbe35;}

.main04tip span, .main04tip2 span, .main04tip3 span, .main04tip4 span{
  padding: 5px; font-size: 14px; color: #fff;
	display: inline-block;
	transform: skew(-0.03deg);
	font-family: 'NanumSquare', 'sans-serif';
}
.main04tit, .main04tita, .main04titb{	margin-top: 0px;  margin-bottom: 10px;
  font-weight: bold;  font-size: 20px;  line-height: 1.4;  text-align: center;
  font-family: 'NanumSquare','Sans-serif';  vertical-align: middle;}
.main04tit{	color: #2b90c5;}
.main04tita{	color: #01b1a0;	}
.main04titb{	color: #e3b017;}
.main04tit2, .main04tit3{
	color: #000; text-align: center;  vertical-align: middle;
}
.main04tit2{  margin-top: 0px;  margin-bottom: 0px;
  font-weight: 500; font-size: 18px; line-height: 1.6;
  font-family: 'NanumSquare','Sans-serif'; }
.main04tit3{	margin-top: 5px;	font-size: 15px;	font-family: 'notokr-regular';}
@media all and (max-width:1089px){
.main04wr{padding: 0 5px; margin-bottom: 50px; }
/* .main04wr li{  width: calc(100% / 2 - 4px);} */
/* .main04wr > .container1{padding-bottom: 50px !important;} */
}

@media all and (max-width:768px){
.main04tit2{  font-size: 15px; font-family: 'notokr-regular';}
}


/**********   EVENT   *************/
#cont5{		padding: 50px 0;}
@media all and (max-width:768px){
#cont5{	padding: 30px 0;}
}