@charset "utf-8";
@import url("main_1.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: block; width: 100%;
	/* padding: 10px 0; */
	padding: 2.5% 0 1%;
		margin: 0 auto;	box-sizing: border-box;}
.mainSection2{ position: relative; display: block; width: 100%;
		padding: 0 0;	margin: 0 auto;	box-sizing: border-box;}
.container{	position: relative;	display: block;	width: 100%;	height: auto;
	margin: 0px auto;		padding: 50px 30px;	box-sizing: border-box;}
.container1 {	position: relative;	display: block; width: 100%; max-width: 1300px;
		margin: 0px auto;
		/* padding: 10px 4% 10px;  */
		padding: 2% 5% 3%;
		box-sizing: border-box;	overflow: hidden;	}
.container2 {	position: relative;	display: block; width: 100%; max-width: 1400px;
		margin: 0px auto;	padding: 0% 4% 1%; box-sizing: border-box;	overflow: hidden;	}

.w_only{display: block;}
.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;}
.w_only{display: block;}
.blind{display: none;}
.m_only{display: none !important;}
@media all and (max-width:1400px){
.container2{padding: 0px 4% 10px;}
}


@media all and (max-width:1089px){
	
.w_only{display: none;}
.m_only{display: block !important;}
.mainSection1, .mainSection2{
	/* padding: 0% 0px; */
padding: 2% 0% 2%;
}
.container1{ width: 100%; min-width: initial; max-width: initial;
	/* padding: 3px 10px; */
	padding: 2% 4% 3%;;
margin-bottom: 0px;}
}

/***************/
.main_tit_Box{ position: relative; display: block; height:100%;	margin: 0 auto;	box-sizing: border-box;	margin-bottom: 0px; padding: 13px 0;}

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

/******************************    공통  *************************************/
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);}

/***********    key visual     ************/
.slide00wr{ position: relative;display: block; }
.topVisiual {	position: relative;	display: block; width: 100%;  height: 80vh; max-height: 800px;
	margin: 0 auto;  text-align: center;  overflow: hidden; background-size: cover;box-sizing: border-box;}
.topVisiual .loader {	position: relative; display: block;	 width: 100%; height: 100%;	margin: 0 auto;
	/* display: flex; top: 0; left: 0; right: 0; bottom: 0; */
	text-align: center; flex-direction: column;	align-items: center; flex-wrap: nowrap;
	align-content: center;  justify-content: center;	-webkit-background-size: cover;
	-moz-background-size: cover;  -o-background-size: cover;  background-size: cover;
	box-sizing: border-box;
	animation: topVisiual01 7s; animation-fill-mode: forwards;
}
.topVisiual .loader a{	position: relative;	display: block;
	width: 100%; height: 100%;	cursor: pointer;	z-index: 1;}
/* .topVisiual .loader img{width: 100%; height: 100%;} */
.topVisiual::after{	content: '';	position: absolute;	display: block;	width: 100%; height: 100%; left: 0;	top: 0; z-index: 0;
background: linear-gradient(180deg, rgba(255,255,255,0), rgba(0,0,0,0.3) ); }
.main_contents{	position: absolute; display: block;
	width: 100%;	top: 40%;	z-index: 1; box-sizing: border-box;	}
.main_contents .text_area { position: relative;	display: flex;
	margin: 0 auto;	padding: 0 15px; flex-direction: column;	text-align: center;
	color: #fff;  font-size: 16px; line-height: 1.6;	box-sizing: border-box; }
.text_area .txtBox_Wr{	position: relative; 	word-break: keep-all;}
.text_area .eng_top{ position: relative; margin-bottom: 25px;}

.text_area h2{	position: relative;	display: inline-block;	padding: 10px 0;	margin-bottom: 10px;
	transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;
	-ms-transition: all 1.5s; -o-transition: all 1.5s;
	animation: text02 1.5s ease-in-out 1 Alternate;}
.text_area .eng_M1{	position: relative;	font-size: 15px; border-radius: 15px;
	border: 1px solid #8b6e4e;	background-color: #fff;	padding: 3px 15px;
	color: #8b6e4e;	font-weight: bold;}
.text_area .eng_M2{	font-size: 40px; font-weight: bold; line-height: 1.2;	margin-bottom: 25px;	transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s;
	-ms-transition: all 1.5s; -o-transition: all 1.5s;
	animation: text02 1.5s ease-in-out 1 Alternate;}
.text_area .txtBox{ position: relative;	display: block; font-size: 15px;}
.text_area .txtBox .eng1{font-size: 18px; font-weight: bold; margin-top: 5px;}
.visulogo{	position: relative;	display: inline-block;	width: initial;}
.visulogo::after{	content: '';	display: block; clear: both;}
.innerImage{	position: relative;	display: inline-block;	width: 50%;	max-width: 600px;
	margin: 0 auto; vertical-align: middle;	}
.topVisiual .loader1{background:url(../image/main/topVisiual1.jpg) no-repeat center/cover;}
.topVisiual .loader2{background:url(../image/main/topVisiual2.png) no-repeat center/cover;}
.topVisiual .loader3{background:url(../image/main/topVisiual3.jpg) no-repeat center/cover;
	background-position: 50% 80%;
}
.topVisiual .loader4{	background:url(../image/main/topVisiual4.jpg) no-repeat center/cover;	}
.topVisiual .loader5{background:url(../image/main/topVisiual5.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 { position: absolute; bottom:10%;}

@keyframes topVisiual01 {
  0% {transform: scale(1.08) rotate(.0001deg);}
  100% {transform: scale(1) rotate(.0001deg);}
}



/* @media all and (max-width:1600px){
.topVisiual .main_contents{top: 10%;}
.slide00wr .engWr{margin-top: 5%;}
}
@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: 3%;}
.topVisiual{	width: 100%;	height: 70vh;	margin-top: 0;	box-sizing: border-box;	margin: 0 auto;}
.topVisiual .loader{ 	min-width: inherit; min-height: inherit;}
.icon-scroll{	display:none;}
.topVisiual .main_contents{top: 6%;	/* left: 5%; */}
/* .topVisiual .loader1{background:url(../image/main/m_topVisiual1.jpg) no-repeat center/cover; }
.topVisiual .loader2{background:url(../image/main/m_topVisiual2.jpg) no-repeat center/cover; }
.topVisiual .loader3{background:url(../image/main/m_topVisiual3.jpg) no-repeat center/cover; }
.topVisiual .loader4{background:url(../image/main/m_topVisiual4.jpg) no-repeat center/cover; }
.topVisiual .loader5{background:url(../image/main/m_topVisiual5.jpg) no-repeat center/cover; } */
}

@media all and (max-width:768px){
/* .topVisiual::after{	background: linear-gradient(180deg,  rgba(0, 0, 0, 0.3), rgba(255,255,255,0) ); } */
.topVisiual{height: 70vh;}
.main_test02, .main_test02.active{display: none;}
.slide00wr .engWr{margin-top: 1%;}
.slide00wr .eng2 .eng2_01, .slide00wr .eng2 .eng2_02{	font-size: 16.5px;	line-height: 1;}
.topVisiual .main_contents{	top: 2%;	margin: 0 auto;	 /* left: 0;  */	text-align: center;}
.topVisiual .main_contents .text_area{text-align: center;}
/* .text_area .eng_M1{font-size: 18px; line-height: 1;} */
.text_area .eng_M2{font-size: 24px; margin-bottom: 15px;}
/* .text_area .txtBox br{display:none;} */
.text_area .txtBox .eng1{font-size: 16px;}
}

@media all and (max-width:400px){
.text_area .txtBox{display: none;}
.slide00wr .eng{ top: 4%;}
.text_area .eng_M2{font-size: 22px; margin-bottom: 10px;}
}
/**********/


#vol_num{	position: relative;	display: block;	width: 90%; color: #8b6e4e;
	height: auto; padding-top: 0px; margin: 0 auto;}
#vol_num .container1{padding: 0; margin-top: -10px; z-index: -1;}
.vol_numBx{	position: relative;	display: block;	width: 90%; height: auto;
	margin-bottom: 30px;text-align: left; line-height: 1; box-sizing: border-box;}
@media all and (max-width:1089px){
#vol_num{ padding-top: 5px;}
.vol_numBx{	width: 65%; }
}

/**********/
.m_only1000{display: none !important;}

@media all and (max-width:1000px){
	.w_only1000{display: none !important;}
	.m_only1000{display: block !important;}
}

/********    NewsList    ***********/
.NewsList{  position: relative;  display: block; width: 100%; height: 100%; padding: 20px 0;
  box-sizing: border-box;}
.NewsboxWr{ position: relative; display: flex; width: 100%; height: auto;
	margin: 10px auto;	gap: 12px; box-sizing: border-box;}
.Newsbox { position: relative;	display: flex; width: 100%; height: 100%; align-items: center;
	justify-content: center; flex-direction: column; cursor: pointer;  box-sizing: border-box;}
.Newsbox a{ position: relative; display: flex; width: 100%;	height: 100%;
		box-sizing: border-box;	flex-direction: row;}
.Newsbox .img { position: relative; display: block; width: 100%;
	/* height: 48vh;  height: 34rem;  transition: all 0.8s;	 */
	overflow: hidden;	box-sizing: border-box;}
.Newsbox .img img, .Newsbox .img .bg{	position: relative; display: inline-block;
	width: 100%; height:  100%;	overflow: hidden;	 transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease;  -moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;  -ms-transition: all 0.8s ease;
	background-size: cover; box-sizing: border-box;}
.Newsbox .img::after{	content: "";	position: absolute;	display: none; width: 100%; height: 100%;
	left: 0; top: 0; bottom: 0; right: 0;	box-sizing: border-box;	transition: all 2s;}

.list_vol{	position: relative; display: block;	width: initial;	margin-top: 5px;
	font-size: 15px; box-sizing: border-box;}
.list_vol span{ font-size: 14px;	background-color: #fff; border-radius: 15px;	 text-align: center; 	}
.list_mon, .list_mon2{	position: relative;
	line-height: 1.2em;color: #555; word-break: keep-all;
	/* display: -webkit-box; overflow: hidden;	text-overflow: ellipsis;
	-webkit-box-orient: vertical;  word-wrap:break-word; */ }
.list_mon{ font-size: 32px; padding:5px 0;	margin-top: 10px;	margin-bottom:15px; color:#000;
	font-family: 'Spoqa Han Sans Neo'; font-weight: 500;	line-height: 1.4;}
.list_mon2{	font-size: 20px;	line-height: 1.5;
color: #4d4d4d; /* -webkit-line-clamp: 3;	height: 3.6em;  */}
.list_company{font-size: 14.5px; margin-top: 8px;line-height: 1.6;	color: #808080; }

.Newsbox .News_top{position: absolute; display: block;	 top: 0; left: 0; right: 0;	 padding: 10px 20px;
	margin: 0 auto; z-index:3; color: #fff; box-sizing: border-box;	display: flex;
	flex-direction: row;justify-content: space-between;	font-size: 20px;}
.Newsbox .News_top .arrow_r{color: #fff;}
/* .tit_img{width: 70%; padding-bottom: 10px;} */
.main_tit_Box{	position:relative; display: flex; padding: 25px 25px 30px; flex-direction: column;
	box-sizing: border-box;	}
.Newsboxeng{	position: absolute; width: 100%;top: -100%; left: 0; right: 0; margin: 0 auto;
	z-index:-1;  color: #fff;	text-align: center;
 transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;
 -ms-transition: all .3s; -o-transition: all .3s;box-sizing: border-box;}
.Newsboxeng .eng_tit{ font-size: 30px;	text-align: center;
 	font-family:'NanumSquare';}
.Newsboxeng p:nth-child(1) {font-size: 20px; font-weight: bold; line-height: 1.6;}
.Newsbox a:hover .img::after{display: block; transition: all 2s;
	/* background-color: rgba(0, 0, 0, 0.3); */}
.Newsbox a:hover .Newsboxeng{ z-index: 1;	top: 50%;  transform: translateY(-50%);}
/* .container1 a:hover .list_mon {color:#6dc090;} */
/* .bgsection .container1 a:hover .list_mon {color:#4f5d7e;} */
.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;}

/* #section2 .Newsbox1 .img, #section3 .Newsbox4 .img{	height: 28rem;}
#section3 .Newsbox5 .img{	height: 22rem;} */
/* #section2 .Newsbox2 .img{height: 350px;} */
@media all and (max-width:1089px){
.main_tit_Box {width: 100%; align-items: center;}
.NBTxt{	width: 100%;	text-align: center;}
/* .Newsbox .img{height: 25rem;} */
/* #section2 .Newsbox1 .img, #section3 .Newsbox4 .img, #section3 .Newsbox5 .img{height: 20rem;} */
.list_mon{font-size: 26px; margin-bottom: 10px; text-align: center;}
.list_mon2{font-size: 18px;}
}
@media all and (max-width:768px){
.NewsboxWr{margin: 0px auto;}
/* .Newsbox .img{	height: 26rem;} */
/* .list_mon br{display: none;} */
.Newsbox .News_top{padding: 6px 10px; font-size: 16px;}
}
@media all and (max-width:420px){
/* .Newsbox .img{	height: 14rem;} */
}


/*******************/
#sectionN .container1{
	max-width: 1000px;
}
#sectionN .Ntg{position: relative; width: 90%; margin: 0 auto;}
#sectionN .Ntg tr{border-bottom: 2px solid #000;}
#sectionN .Ntg td{padding: 10px 15px;}

#sectionN .tg_0{padding:0; text-align: center;

	margin-bottom: -1px; width: initial; }
#sectionN .tg_1{ width: 60%;
	padding-left: 0;
	border-bottom: 2px solid #000; text-align: left;}
#sectionN .Ntg td.tg_3{
	position: relative;
	padding-bottom: 0; margin-bottom: -5px; text-align: center;
	border-bottom: 0;
	z-index: 1;
}



/*****      ********/
#b_btn .sns1{position: relative; display: flex; width: 100%; height: auto;	margin: 20px auto;
  box-sizing: border-box;  align-items: center;  justify-content: center;
    align-content: center;}
#b_btn .sns1 div.btn{position: relative; display: block; float: left; width: 20%; width: 250px;
	border: 1px solid #8b6e4e; text-align: center; box-sizing: border-box;
	 margin: 8px;}
#b_btn .sns1 div.btn a {position: relative; display: inline-block; width: 100%;	padding: 8px 10px;
  color: #8b6e4e;  box-sizing: border-box;}
@media all and (max-width:1089px){
	#b_btn .sns1 div.btn{width: 30%;}
}
@media all and (max-width:768px){
#b_btn{ padding: 0 5px;}
#b_btn .sns1 div.btn{width: 50%; margin: 3px;}
#b_btn .sns1 div.btn a {font-size: 14px; padding: 8px 3px; }
}
@media all and (max-width:420px){
#b_btn .sns1 div.btn a {font-size: 13px; }
}



.keyBox::after{  content: '';  display: block;  clear: both;  float: inherit;}


/********    공통    ***********/
.container1{word-break: keep-all;}
.main_tit_box h2{text-align: center; margin: 0 auto;}
.main_tit_box h2 img{padding-bottom: 0; vertical-align: baseline;}
.main_tit_box{color: #fff; text-align: center;}
.main_tit_box strong{display: block; font-size: 40px; font-weight: bold; margin-top: 40px;}
.main_tit_box p{font-size: 22px; font-weight: bold; margin-top: 10px;}
.main_con_box{margin: 100px 0;}
.main_con_box a{display: block;}
.title_box{margin-bottom: 40px; text-align: center;}
.main_logo{font-weight: bold; font-family: 'Cafe24ProSlim'; font-size: 30px; color: #feecd2;}
.main_sub_tit{font-weight: bold; font-size: 32px; color: #fff; margin-top: 10px;}
.title_box span{font-weight: normal; font-size: 20px; color: #fff;}

/********    section1    ***********/
#section1{background: #c25e4d;}
.tit01{padding: 50px 0 24vw; background: url(../image/main/main_bg01.png) 50% 100%/contain no-repeat;}
.first_main_con_box{margin-bottom: 200px;}
.main_list{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.main_list li{width: 22.5%; text-align: center; font-size: 20px;}
.main_list li p{color: #feecd2; margin-top: 20px;}
.main_list li p b{display: block;}
.main_flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.main_flex .main_con_box{width: 48%;}

/********    section2    ***********/
#section2{padding-top: 0;}
#section2 .container1{padding-top: 0;}
.tit02{padding: 8vw 0 6vw; background: url(../image/main/main_bg02.png) 50% 0%/contain no-repeat;}
#section2 .main_tit_box{color: #c25e4d; text-align: center;}
.main_con_box2{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.main_con_box2 .boximg{width: 50%; margin-bottom: 0;}
.section2_txt{box-sizing: border-box; width: 50%; padding-top: 40px; padding-left: 40px;}
.main_con_box2:nth-of-type(1) .section2_txt{padding-top: 0;}
.main_con_box2:nth-of-type(2){flex-direction: row-reverse;}
.main_con_box2:nth-of-type(2) .section2_txt{padding-left: 0; padding-right: 40px; text-align: right;}
.main_logo2{color: #c25e4d;}
.section2_txt .main_sub_tit{color: #000; margin-top: 20px;}
.section2_txt .main_sub_text{font-size: 20px; margin-top: 20px;}
.section2_txt span{display: block; font-size: 20px; color: #c25e4d; margin-top: 20px;}
#section2 .title_box .main_sub_tit{color: #000;}
#section2 .title_box span{display: block; color: #000; margin-top: 10px;}
.main_2_list{justify-content: center;}
.main_2_list li{width: 30%;}
.main_2_list li p{color: #c25e4d;}

/********    section3    ***********/
#section3{background: #c25e4d; padding-top: 0;}
.tit03{padding: 8vw 0 6vw; background: url(../image/main/main_bg03.png) 50% 0%/contain no-repeat;}
#section3 .container1{padding-top: 100px; padding-bottom: 200px;}
#section3 .main_con_box2:last-child{flex-direction: row;}
#section3 .section2_txt .main_sub_tit{color: #fff;}
#section3 .section2_txt .main_sub_text{color: #fff;}
#section3 .section2_txt span{color: #feecd2;}

/********    sectionN    ***********/
#sectionN{background: #feecd2 url(../image/main/main_bg04.png) 50% 0/cover no-repeat; position: relative;}
#sectionN .container1{padding: 80px 4%; overflow: inherit;}
#sectionN .float_img{position: absolute; top: -50%; left: 50%; transform: translate(-50%, 50%); z-index: 2;}
#sectionN .main_flex a{display: block; width: 46%; background: #727070; border-radius: 100px; text-align: center;}
#sectionN .main_flex a strong{display: block; padding: 20px 0; color: #feecd2; font-size: 26px; font-family: 'Cafe24ProSlim'; border-bottom: 2px solid #feecd2;}
#sectionN .main_flex a p{padding: 20px 0; font-weight: bold; color: #fff; font-size: 26px;}

@media all and (max-width:1089px){
	.main_tit_box h2{width: 30%;}
	.main_tit_box strong{margin-top: 20px;}
}
@media all and (max-width:768px){
	.main_con_box{margin: 50px 0 0;}
	.first_main_con_box{margin-bottom: 70px;}
	.main_tit_box strong{font-size: 32px;}
	.main_tit_box p{font-size: 18px; margin-top: 6px;}
	.main_logo{font-size: 26px;}
	.main_sub_tit{font-size: 28px;}
	.section2_txt .main_sub_text{font-size: 18px;}
	.section2_txt span{font-size: 18px;}
	.title_box span{font-size: 18px;}
	#section1 .main_list li{width: 50%;}
	.main_list li p{margin-bottom: 20px; font-size: 18px;}
	.main_list li p b{display: inline;}
	.main_flex{flex-direction: column; justify-content: center; align-items: center;}
	.main_flex .main_con_box{width: 100%;}

	.main_con_box2{flex-direction: column-reverse; align-items: center; margin-top: 100px;}
	.main_con_box2 .boximg{width: 100%; margin-top: 40px;}
	.section2_txt{width: 100%; text-align: center; padding: 0 !important;}
	.section2_txt .main_sub_text{margin-top: 10px;}
	.main_con_box2:nth-of-type(2){flex-direction: column-reverse;}
	.main_con_box2:nth-of-type(2) .section2_txt{text-align: center;}
	#section2 .main_list li p b{display: block;}

	#section3 .container1{padding-bottom: 100px;}
	#section3 .main_con_box2:last-child{flex-direction: column;}

	#sectionN .container1{padding: 100px 4%;}
	#sectionN .float_img{top: 0; transform: translate(-50%, -50%);}
	#sectionN .main_flex a{width: 60%;}
	#sectionN .main_flex a:last-child{margin-top: 20px;}
	#sectionN .main_flex a strong, #sectionN .main_flex a p{font-size: 20px;}
}
@media all and (max-width:500px){
	.tit01, .tit02, .tit03{background-size: cover;}
	.tit02{background-image: url(../image/main/main_bg02_m.png);}
	.main_con_box2{margin-top: 50px;}
	#section3 .container1{padding-top: 0;}
	#sectionN .main_flex a{width: 80%;}
	#sectionN .main_flex a strong, #sectionN .main_flex a p{font-size: 18px;}
}