@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{position: relative; top: 82px; margin-top: 82px; } */
#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: 0px;
  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%; height: 100%; margin: 30px auto 20px;
  padding: 3% 5% 3%; box-sizing: border-box; overflow: hidden;}
.mainSection1 .titleWr, .mainSection2 .titleWr{ position: relative; display: block; width: 100%;
	margin: 0 auto;  padding: 0% 0% 4%;	 box-sizing: border-box;}
.mainSection1 h2{ margin-top: 30px; margin-bottom: 5px; font-size: 2.3em;
  color:#000;	text-align: center; vertical-align:middle;}
.mainSection1 h4, .mainSection2 h4{	position: relative; display: block; padding:0 0 20px; font-size: 34px;
	color:#000;
	vertical-align:middle; 	text-align: center;
	font-weight: bold;
	font-family: 'NanumSquare','Sans-serif';
	text-decoration: 1px underline;
	text-underline-position: under;
}
.mainSection1 h4 span, .mainSection2 h4 span{ display: inline; padding: 0 3px;}
/* .mainSection1 h4:after, .mainSection2 h4:after{	content: '';  display: block; width: 160px; height: 1px;
  margin: 0 auto; margin-top: 1px; background-color: #00224b;} */
.mainSection1 .titleWr p, .mainSection2 .titleWr p{	font-size: 18px; color: #000;}
.blind{display: none;}
@media all and (max-width:1089px){
.mainSection1, .mainSection2{padding: 2% 0% 2%;}
.container1{ width: 100%; min-width: initial; max-width: initial;
	padding: 3% 5% 5%;	margin-bottom: 0px;}
}
@media all and (max-width:768px){
.notice_form{  width: 100%;	height: auto;  }
}

/***************/
.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:#daeac3;	height:auto;}
.bghave2 {background:#daeac3;	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     ************/
.topVisiual_a {  position: relative; display: flex; width: 100%; height: 63vh;
  margin: 0 auto;	margin-top: 80px;  text-align: center;
  overflow: hidden;   background-color: #bdd762;	flex-direction: column;
  justify-content: space-between;box-sizing: border-box;}

.topVisiual_a .loader {  position: relative; display: flex;
	flex-direction: column;    justify-content: space-between;
  max-width: 100%;  width: 100%;  height: 50vw;  text-align: center;
	width: 100%;  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; box-sizing: border-box;
}

.topVisiual_a .top_ico{	position: relative; display: block;
	width: 200px;	height: 20%; margin-top: 25px; margin-bottom: 25px;
	left: 50%; text-align: center;	transform: translateX(-50%);
	z-index: 1; }

.topVisiual_a .innerline{	position: relative;	display: flex; flex-direction: column;
  justify-content: space-between;  align-items: center;}
.botLine{width: 100%;}
.inTxt div{display: inline-block;}

.topVisiual_a .innerImage {  position: absolute;	display: block; width: 100%; 
	bottom: 0; left: 50%; transform: translateX(-50%); margin: 0 auto;
 vertical-align: middle; z-index: 1;}
.inTxtWr{	 display: flex;	width: 100%; 	left: 0; bottom: 0;
	height: auto; justify-content: space-evenly;}
.innerline .inTxt{position: relative; display: block;	width: 100%;
	/* font-weight: bold;	 */
	font-size: 60px; color: #fff;
	font-family: 'HSBombaram21-Regular', 'notokr-regular', 'Nanum Gothic';
}
.intxt_zindex{z-index: 2;}
/* .inTxt{position: absolute; } */
.innerline .inTxtB{color: #3faf81;}
/* .inTxt1_1{position: absolute; left: 30%;} */
.inTxtspace{	position: relative;	display: inline-block; width: 50%; height: auto;}
.inTxtspace_s{width: 20%;}



.innerline .botLine{
	position: absolute; bottom: 0;
	display: block; width: 100%;
	height: 10px;
	background-position: center bottom;
	/* background-repeat: repeat; */
	/* animation: rightMove 2.5s linear infinite; */
}
.innerline01 .botLine{animation: rightMove 10.5s linear infinite;	background-image: url(../image/main/top_line1.svg);}
.innerline02 .botLine{animation: leftMove 10.5s linear infinite;	background-image: url(../image/main/top_line2.svg);}
.innerline03 .botLine{animation: rightMove 10.5s linear infinite;	background-image: url(../image/main/top_line3.svg);}
.innerline04 .botLine{animation: leftMove 10.5s linear infinite;	background-image: url(../image/main/top_line4.svg);}
.innerline05 .botLine{animation: rightMove 10.5s linear infinite;	background-image: url(../image/main/top_line5.svg);}
.innerline01 .inTxtWr{	animation: tright 7s linear infinite;}
.innerline02 .inTxtWr{	animation: tleft 7s linear infinite;}
.innerline03 .inTxtWr{z-index: 3;	animation: tright 9s linear infinite;}
.innerline04 .inTxtWr{z-index: 3;	animation: tleft 9s linear infinite;}
.innerline05 .inTxtWr{z-index: 3;	animation: tright 7s linear infinite;}

@keyframes tright {
	0% { transform: translateX(40%);}
	50% { transform: translateX(0%);}
	100% { transform: translateX(-40%);}
}
@keyframes tleft {
	0% { transform: translateX(-40%);}
	50% { transform: translateX(0);}
	100% { transform: translateX(40%);}
}

@keyframes leftMove {
	from { background-position: 100% 0;}
	to { background-position: 0 0;}
}
@keyframes rightMove {
	from { background-position: 0 0;}
	to { background-position: 100% 0;}
}



@media all and (max-width:1089px){
.topVisiual_a{height: 70vh; margin-top: 55px;}
.innerline .botLine{height: 8px; }
.innerline01 .botLine{animation: rightMove 1.5s linear infinite;}
.innerline02 .botLine{animation: leftMove 1.5s linear infinite;	}
.innerline03 .botLine{animation: rightMove 1.5s linear infinite;}
.innerline04 .botLine{animation: leftMove 1.5s linear infinite;	}
}
@media all and (max-width:768px){
.topVisiual_a{height: 60vh;}
.topVisiual_a .innerImage {	width: 90%;}
.topVisiual_a .top_ico{	width: 100px;height: auto; }
.innerline .botLine{height: 5px; }
}
@media all and (max-width:420px){
.innerline .inTxt{font-size: 30px;}
.innerline .botLine{height: 3px; }
}
@media all and (max-width:360px){
.topVisiual_a{height: 90vh;}
.innerline .botLine{height: 3px; }
}



/***********   Before key visual     ************/
.main00{height: auto !important;}
#VisRw{	position: relative;	display: flex;	width: 100% !important; height: 100vh;
	overflow: hidden; align-items: center; justify-content: center; box-sizing: border-box;}
.scrollmagic-pin-spacer{  position: relative;  display: block;	inset: auto; margin: 0;
	min-height: 100vh;  width: 100%;  height: 100%;  z-index: 0;	box-sizing: content-box;}
#VisRw .loader{	position: absolute;	display: flex; width: 100%;
	height: 50%; min-height: 80vh; left: 0; right: 0;
	  text-align: center; flex-direction: column; align-items: center; flex-wrap: nowrap;
		align-content: center; justify-content: space-between;	box-sizing: border-box;}

.engWr, .engWr1{	position: relative;	display: block;	height: auto;
	text-align: center;	color:#000;	z-index: 1;
	line-height: 1.6; box-sizing: border-box;}
.engWr .engIn{	position: relative;	display: block;	text-align: center;
		width: 100%;		margin: 0 auto;		box-sizing: border-box;}
.v_topT, .logo_wh_t, .engWr .logo_wh{position: relative;	display: block;	text-align: center; margin: 0 auto;}
.v_topT{margin-bottom: 15px; 	color: #feebc8;
	font-size: 60px;	text-align: center; letter-spacing: 0.5px;
	font-family: 'GangwonEdu_OTFBoldA';
}
.logo_wh_t{width: 100px; 	margin-bottom: 10px;}
.engWr .logo_wh{	width: 230px;	 }

.engWr1{font-family:  'NanumSquare', 'sans-serif';	}
.slide00wr .eng1{	font-size: 16.5px; line-height: 1.4;}
.slide00wr .eng2{ font-size: 20px; 	 margin-top: 5px;}
.slide00wr .eng2_01{	font-size: 22px; color:#fff; margin-top: 5px;}
.slide00wr .eng2_02{display: block;	font-size: 22px;}
.eng2_02_1{color: #2c7c39; margin-bottom: 5px;}
.slide00wr .eng2 .eng2_b{	font-weight: bold;}

#visual { position: relative;  display: flex;	width: 100%;	height: 100vh;
		overflow: hidden; align-items: center; justify-content: center; box-sizing: border-box;	}
#visual .visual_img {	position: relative;	display: flex;	width: auto;	height: 100%;
		text-align: center;   flex-direction: column;  align-items: center;  flex-wrap: nowrap;
	  align-content: center;  justify-content: center;	box-sizing: border-box;	}
#visual .visual_img.vs_p {	width: 100%;  height: 100%;}

.vs_p{background: url(../image/main/innerImage_w.jpg) no-repeat center/cover;}
.arch_bg {  position: absolute;  width: 100%;  height: 100%;
	left: 0;  top: 0%;	right: 0; bottom: 0;
	box-sizing: border-box;
	background-size: cover;  background-position: center;
	background: url(../image/main/arch_circle1.svg) 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%;}

.innerImage .innerImage_m {display: none;}
@media all and (max-width:1600px){.slide00wr .engWr{margin-top: 7%;}}
@media all and (max-width:1189px){
#slide00 .slick-arrow {  top: 40%;  bottom: inherit;  vertical-align: top;}
}
@media all and (max-width:1089px){
.slide00wr .engWr{margin-top: 10%;}
.innerImage{margin-left: 0; margin: 0 auto;}
.v_topT{font-size: 40px;}
.topVisiual{	width: 100%; height: 100%;	margin-top: 0;	box-sizing: border-box;	margin: 0 auto;}
.icon-scroll{	display:none;}
.engWr1{font-size: 20px;}
.slide00wr .eng2{margin-top: 10px;}
}

@media all and (max-width:768px){
.slide00wr .engWr{margin-top: 16%;}
 .slide00wr .eng2 .eng2_01, .slide00wr .eng2 .eng2_02{	font-size: 16.5px;	line-height: 1;}
 .magic{	  }
 .v_topT{font-size: 30px;}
 .engWr1{font-size: 18px; line-height: 1.4;}
.slide00wr .eng2{margin-top: 5px;}

 .topVisiual .loader1 .magic{background: url(../image/main/innerImage_m.jpg) no-repeat center/cover; }
.innerImage .innerImage1 {display: none;}
 .innerImage .innerImage_m {display:block;}


}

@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{	 font-size: 20px;  line-height: 1.3; color: #0464a0;
  font-weight: bold;   text-align: center;
  font-family: 'NanumSquare','Sans-serif';  vertical-align: middle;}
.mainSlide .mainSltit2{font-size: 17px;	line-height: 1.5;
	color: #000; font-weight: normal;
	margin-top: 15px; margin-bottom: 10px;	}

@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;	}
}


/*******************/
.main_tit{	position: relative;  display: block; padding: 0 0 20px; font-size: 30px; line-height: 1.5;
  color: #408a60;  vertical-align: middle; text-align: center;
  font-family: 'NanumSquare','Sans-serif';}
.main_tit span{	width: 30px; height: 30px; color: #2d7470;	padding: 3px 6px;
	border:1px solid #2d7470;	border-radius: 50%; font-weight: bold;
	vertical-align: middle; text-align: center;
}



/********    NewsBox   ***********/
.NewsList{  position: relative;  display: block; width: 100%; height: 100%;
  box-sizing: border-box; padding: 30px 0;}
.NewsboxWr{ position: relative; 	width: 100%;
	padding-bottom: 25px; box-sizing: border-box; margin: 0 auto;}
.Newsbox { position: relative; display: inline-block;	width: 100%;
	vertical-align: top; box-sizing: border-box;}

/* .Newsbox a{ position: relative; display: block;} */
.NBTxt{position:relative; display: block; padding: 10px 5px 15px;	 box-sizing: border-box;}

.list_vol{ font-size: 23px; color: #000; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
.list_mon{ padding: 0px 0 3px; font-size: 18px; letter-spacing: -1px; color:#6e6e6e;}
/* .list_mon{ padding: 0px 0 3px; font-size: 20px; letter-spacing: -1px;} */
.list_company{font-size: 16px;  color: #000;}
.list_company span{
	/* display:block; */
		font-weight: bold;
}


/* .Newsbox .img::after{	content: ""; position: absolute; display: block; width: 100%; height: 100%;
	left: 0; top: 0; border: 15px solid #6bb82d; box-sizing: border-box;
	transition: all 0.8s; transform: scale(1.1); opacity: 0;	z-index: -1;} */
#section3 .Newsbox a:hover .img::after, #section4 .Newsbox a:hover .img::after,
#section6 .Newsbox a:hover .img::after { transform: scale(1.0); opacity: 1;
	z-index: 0;		transition: all 0.8s;}

#section5 .Newsbox .img::after{border-radius: 50%; transform: scale(1.01);}
#section5 .Newsbox a:hover .img::after{	transform: scale(1); opacity: 1;
	z-index: 1;	transition: all 0.8s; box-sizing: border-box;}
.Newsbox .Newsdesc {  position: relative; padding: 20px; text-align: center; box-sizing: border-box;}
.Newsbox .tit {  min-height: 3em; font-size: 16px;  padding: 0 10px; font-family: inherit;  word-break: keep-all;}
.Newsbox .author { margin-top: 15px; padding: 0 1em; font-size: 1.1em; color: #aaa; word-break: keep-all;}

@media all and (max-width:1089px){
#ListContents {  margin-top:10px; }
.listTopwr{	padding-top: 80px;}
.section4 .container1{	width: 100%;  min-width: initial;  max-width: initial;
  padding: 0 10px;	margin-bottom: 0px;}
.NewsboxWr{ display: block; padding-bottom: 0;}
.Newsbox { display: inline-block; width: calc(100% / 2 - 32px); margin: 15px 15px; }
.list_vol{font-size: 19px;}
.list_mon{font-size: 17px;}
.list_company{font-size: 17px;}
}

@media all and (max-width:768px){
.Newsbox {	width: 100%;	margin: 15px auto;}
.list_vol{font-size: 18px; margin-top: 10px;}
.list_mon{font-size: 19px;}
.list_company{font-size: 16px;}
}

@media all and (max-width:620px){
.list_vol{font-size: 17px;}
.list_mon{font-size: 18px;}
.list_company{font-size: 15px;}
}

/*******************/
#section2 .btn-prev i, #section2 .btn-next i {
  display: inline-block;  width: 60px;  height: 8px;
  margin: 0 0px;  text-align: center;}
#section2 .btn-next i {  background: url(../image/ico_arr_rgh1.gif) no-repeat 100% 0;}
#section2 .btn-prev i {  background: url(../image/ico_arr_lft1.gif) no-repeat 0 0;}


.section2	.Newsbox a{position: relative;  display: flex; width: 100%;  height: 100%;
	align-items: center; flex-direction: column; box-sizing: border-box; padding: 15px 10px;}

.hsection .main_tit_Box{width: 100%;}
.main_tit_Box{	 padding: 20px 3%; width: 100%;}
.main_tit_Box .tit_img{	margin-bottom: 15px;}

@media all and (max-width:1089px){
.section2 .Newsbox{width: 100%;}
.hsection .main_tit_Box{width: 100%;}
 .main_tit_Box{	 padding: 20px 30px;}
}

@media all and (max-width:768px){
/* .section2{margin-bottom: 20px;} */
.section2	.Newsbox {margin-top: 0%;}
.section2	.Newsbox a{	flex-direction: column; text-align: center;  margin-bottom: 10px;}
#section2 .btn-prev i, #section2 .btn-next i{display: none;}
.main_tit_Box{	 padding: 10px 20px;}
}

@media all and (max-width:620px){
.main_tit_Box{	padding: 0 0px;}
}



/*******************/
.section2 .container1{	max-width: 1400px; box-sizing: border-box; }
.section2	.Newsbox{box-sizing: border-box;}
@media all and (max-width:768px){
	.section2 .container1{    padding: 3% 5% 30px;}
}
/*******************/

@media all and (max-width:768px){
#section3	.Newsbox02, #section3	.Newsbox03 {margin-top: 0%;}

}


/*******************/
#section4{padding-bottom: 0;}
#section4 .container1{	max-width: 1400px; box-sizing: border-box;}
#section4 .NewsboxWr .slider{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
#section4	.Newsbox{width: 48%;}
#section4	.Newsbox a{position: relative;  display: flex;
	width: 100%;  height: 100%;
	box-sizing: border-box; align-items: center;
	flex-direction: column; margin: 15px auto;
}
@media all and (max-width:1089px){
#section4	.Newsbox{    width: calc(100% / 2 - 32px);}
}
@media all and (max-width:768px){
	#section4	.Newsbox{width: 100%;}
}

/*******************/
#section5 .container1{	max-width: 1400px; box-sizing: border-box;}
#section5	.Newsbox{width: calc(100% / 2 - 32px); margin: 15px 15px;}
#section5	.Newsbox a{    flex-direction: column; text-align: center;}
#section5 .Newsbox .img .bg{border-radius: 50%; }

@media all and (max-width:1089px){}
@media all and (max-width:768px){
#section5	.Newsbox{width: 100%;}
#section5	.Newsbox{margin:15px auto; }
}

@media all and (max-width:620px){}
/*******************/


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

/* #section6{}
#section6 .container1{max-width: 1450px;}
#section6	.Newsbox a{position: relative;  display: flex;
	width: 100%;  height: 100%;
	box-sizing: border-box; align-items: center;
	flex-direction: column; text-align: center;
	 padding: 15px 10px;
}
#section6 .Newsbox{}

@media all and (max-width:1089px){
#section6	.Newsbox a{padding: 0px;}
}
@media all and (max-width:768px){
#section6 .container1{padding: 3% 5% 50px;}
} */




.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{  position: relative;  display: block;  width: 100%; height: auto;
  padding: 50px 0;   box-sizing: border-box;}
.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; }


@media all and (max-width:1089px){
/* .sub_test01{  top: 55px; margin-bottom: 55px;} */
.test01{padding: 50px 0;}
.sub_test02{padding: 10px 0;}
}
@media all and (max-width:768px){
  .test01{padding: 30px 0;}
}
@media all and (max-width:420px){
  .test01{padding: 0px 0;}
}













/*******************/
.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: #0464a0;}
.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{	  font-weight: bold;  font-size: 20px;  line-height: 1.4;  text-align: center;
  font-family: 'NanumSquare','Sans-serif';  vertical-align: middle;}
.main04tit{	color: #0464a0;}
.main04tita{	color: #01b1a0;	}
.main04titb{	color: #e3b017;}
.main04tit2, .main04tit3{
	color: #000; text-align: center;  vertical-align: middle;
}
.main04tit2{  margin-top: 15px;  margin-bottom: 10px;
  font-weight: 500; font-size: 18px; line-height: 1.3;
  font-family: 'NanumSquare','Sans-serif'; }
.main04tit3{	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{	}
#cont5 .container1{max-width: 1450px;	}
.bannerwr {  position: relative;
	display: block;
	width: 100%;  height: 250px;
   box-sizing: border-box;
	/* background-color:#f6c102; */
	background-color:#daeac3;
	/* background: url(../image/main/quiz.png) no-repeat left/cover; */
}

.bannerwr a {  position: relative; display: flex;	width: 100%;  height: 100%;
  cursor: pointer;  z-index: 1;	padding: 20px 30px;	flex-direction: row;
  align-content: center;  align-items: center;
  justify-content: space-between;  box-sizing: border-box;}
.ban_ico{	position: relative; display: block;}
.bannerwr a .bannertxt {	position: relative;	display: flex;
	font-size: 28px;	text-align: right;	vertical-align: middle;
	font-weight: bold;	flex-direction: column;
    align-items: flex-end; box-sizing: border-box;}

.bannertxt1, .bannertxt2{	position: relative;	display: block;}
.bannertxt1 { color: #064610;  text-shadow: 1px 1px 0px rgb(255 255 255);
	 font-family: "Gmarket Sans", 'sans-serif';
}
.bannertxt2 {	position: relative;	font-size: 24px;
	display: inline-block; color: #fff; font-weight: normal; line-height: 1;
	/* margin-left: 5px;   */
	border-radius: 10px;  padding: 5px 10px ; margin-top: 5px;
	background-color: #6bb82d;
}

.bannerwr::after {  content: "";  position: absolute; width: 0%; height: 100%;
  top: 0px; left: 0px;  background-color: rgba(255,255,255,0.4);
  -webkit-transition: none;  -moz-transition: none;
  -ms-transition: none;  -o-transition: none;  transition: none;
  cursor: pointer;}

@media all and (max-width:768px){
.bannerwr{height: auto; padding: 20px;}
.bannerwr a {	flex-direction: column;	}
.ban_ico{margin-bottom: 10px; width: 50%;}
	/* .bannerwr { background: url(../image/main/quiz.png) no-repeat right/cover;} */
.bannerwr a .bannertxt{	align-items: center; margin-top: 25px;
	font-size: 24px;}
.bannertxt2{font-size: 20px; margin-top: 10px;}

}







	/*****    ********/
#cd-vertical-nav {  position: fixed;  left: 40px;  top: 40%; height: auto;
  bottom: auto;  z-index: 110;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#cd-vertical-nav li {  text-align: left;}
#cd-vertical-nav a {	position: relative;  display: flex;
	flex-direction: row; justify-content: flex-start; align-items: center;
  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
#cd-vertical-nav a:after {	content: "";	display: table;	clear: both;}
#cd-vertical-nav a span {display: inline-block;float: left;}
#cd-vertical-nav a .cd-dot{
	display: inline-block; width: 14px; height: 14px;background-color: #3faf81;
	border-radius: 50%;	margin: 7px 0;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}

#cd-vertical-nav a .cd-label{	display: inline-block; line-height: 10px;
	opacity: 0;
	padding-left: 10px; font-size: 12px;}
#cd-vertical-nav a .cd-dot::before{	content: '';	position: absolute;
	display: block;	width: 20px; height: 1px; left: -70px;
	background: #000; opacity: 0;}

#cd-vertical-nav a:hover .cd-dot{
	-webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#cd-vertical-nav a:hover .cd-dot,
#cd-vertical-nav a:hover .cd-label::before{	background-color: #CCC;}
#cd-vertical-nav a:hover .cd-label{color: #ccc; opacity: 1;
	transition: opacity 0.1s ease-in;}
#cd-vertical-nav a:hover .cd-dot::before { 	width: 40px; height: 1px; left: -40px;
	top: 50%; opacity: 1;	transform: translateY(-50%);
	background-color: #ccc;	transition: all 0.5s; }
#cd-vertical-nav a.is-selected .cd-dot {  background-color: white;}

@media all and (max-width:1089px){
 #cd-vertical-nav {display: none;}
}
	/* .no-touch #cd-vertical-nav .cd-dot {
	  position: relative;

	  top: 8px;
	  height: 12px;
	  width: 12px;
	  border-radius: 50%;
	  background-color: #d88683;
	  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
	  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
	  transition: transform 0.2s, background-color 0.5s;
	  -webkit-transform-origin: 50% 50%;
	  -moz-transform-origin: 50% 50%;
	  -ms-transform-origin: 50% 50%;
	  -o-transform-origin: 50% 50%;
	  transform-origin: 50% 50%;
	} */
 /* #cd-vertical-nav .cd-label { position: relative;
  margin-right: 10px;
  padding: .4em .5em;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
} */

	/* Touch devices */
.touch .cd-nav-trigger {
  background: #CCC;
}