@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;}
.container2{	padding: 0px 10px 20px;	margin-bottom: 0px;}
/* #section2 .container1{padding: 2% 2% 3%;} */
.mobile{display: block;}

}
@media all and (max-width:768px){
.notice_form{  width: 100%;	height: auto;  }
}

/***************/
.main_tit_Box{ position: relative; display: block;
	/* width: 100%; */
		height:100%;
	margin: 0 auto;	box-sizing: border-box;	margin-bottom: 0px; padding: 13px 0;}
.tit_lineWr{	position: relative;	display: block; width: 100%;
	height: 1px;}
.main_titWr{	position: relative;	display: block;	width: 100%;	margin: 0 auto;
	max-width: 1400px;	padding: 0 4%;	box-sizing: border-box;}
.main_tit_Box .main_tit{	position: relative; display: inline-block; padding: 0px 10px;
	font-size: 38px;	font-weight: normal;	color: #8b6e4e; background-color: #fff;
	font-family: 'Eulyoo1945', serif;	text-align: center;}
.main_tit_line{position: relative;	display: inline-block; width: 100%;}
.main_tit_line:before{	content: '';	position: absolute; display: block; width: 100%;
 height: 1px;  margin: 0 auto;	margin-top: 11px;	background-color: #8b6e4e;}
 .main_tit_Box img{padding-bottom: 10px;}
@media all and (max-width:1089px){
.main_titWr{	padding: 0px 5px;}
}
@media all and (max-width:768px){
.main_tit_Box{padding: 5px 0;}
.main_tit_Box .main_tit{font-size: 26px;}
.main_tit_line:before{	margin-top: 2px;}
}

p.txt, p.txt2, p.txt3{ font-size: 16.5px !important;}
.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: 38px; font-weight: normal;
	color: #8b6e4e; font-family: 'Eulyoo1945', serif;	text-align: left;}

/* 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 {font-size: 24px; color: #8b6e4e;	font-family: 'Eulyoo1945', serif;}
h4.tit span{font-weight: bold; padding-left: 5px;}
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;}
.h9sub{	padding:24px 0 0 0;}
.h2sub{	padding:0px 0 45px 0;}

@media all and (max-width:1089px){
p.tit{font-size: 28px;}
h2.tit { padding: 30px 0 10px 0;}
h4.tit {font-size: 22px;}
.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; 	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;}
.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     ************/
.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) rotate(.0001deg);}
  100% {transform: scale(1.08) 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;}
.main-content strong{display: block; font-size: 36px; font-weight: bold; text-align: center; line-height: 1.5;}
.main-content .list_name{font-size: 20px; font-weight: bold; text-align: center; margin-top: 8px;}
.main-content .list_name2{display: block; font-size: 20px; text-align: center; color: #6B6969;}
.main_flex{display: flex !important; align-items: flex-start; justify-content: space-between;}
#section2 .flex-r{margin-top: 14rem;}
#section2 .flex_con a{display: block; text-align: center;}
#section2 .flex_con a:nth-child(2){margin-top: 20px;}
#section2 .flex_con a:nth-child(1) img{margin-top: 40px;}
#section2 .flex_con a:nth-child(2) img{margin-bottom: 40px;}
.tit01{margin-top: 50px; background: url(../image/main/main_bg01.png) 50% 50%/contain;}
.tit01 .main_tit_Box{padding: 50px 25px 10px;}
.tit01 h2{text-align: center;}
.tit01 h2 img{padding-bottom: 0; vertical-align: baseline;}

#section3{background: #3cb37a url(../image/main/main_bg02.png) 50% 50%/cover no-repeat;}
#section3 .NewsboxWr{margin-top: 40px; justify-content: space-between;}
#section3 .NewsboxWr .Newsbox{width: 32%;}
#section3 .NewsboxWr .Newsbox:nth-child(2){margin-top: 10rem;}
#section3 .NewsboxWr .Newsbox:nth-child(3){margin-top: 5rem;}
#section3 .NBTxt{text-align: left; color: #fff;}
.main-content #section3 strong{text-align: left;}
.main-content #section3 .list_name{color: #fff;}
.main-content #section3 .list_name2{text-align: left; color: #fff;}
#section4{background: url(../image/main/main_bg03.png) 50% 50%/contain no-repeat;}
#section4 .container1{position: relative;}
#section4 .NewsboxWr{justify-content: center; align-items: center;}
#section4 h2{text-align: center;}
#section4 strong{text-align: left; color: #fff;}
#section4 .list_mon2{color: #fff;}
#section4 .Newsbox{position: absolute; border-radius: 50%; background: #F6AE5C;}
#section4 .Newsbox01{width: 330px; height: 330px; top: 0; left: 0;}
#section4 .Newsbox02{width: 284px; height: 284px; top: 200px; right: 0; background-color: #DAA569;}
#section4 .Newsbox03{width: 232px; height: 232px; top: auto; bottom: 0; left: 130px; background-color: #DC9039;}
#section4 .NewsboxWr .main_tit_Box{justify-content: center; align-items: center; padding: 100px 0;}
#sectionN{background: #DDDDDD;}
#sectionN .container1{padding: 3% 0;}
.main-content #sectionN strong{text-align: left;}
.main-content #sectionN .list_mon2{font-weight: bold;}
#sectionN a{background: #fff; width: 49%; padding: 24px; margin: 0;}
#sectionN .flex_txt{margin-right: 20px;}
@media all and (max-width:1089px){
	#sectionN .container1{padding: 3%;}
}
@media all and (max-width:1000px){
	.w_only1000{display: none !important;}
	.m_only1000{display: block !important;}
	#section4 .NewsboxWr{display: block;}
	#section4 .Newsbox{position: static; width: 40vw; height: 40vw;}
	#section4 .Newsbox02, #section4 .Newsbox03{margin-top: -60px;}
}
@media all and (max-width:768px){
	.tit01{background-size: 150%; background-repeat: no-repeat;}
	.tit01 .main_tit_Box{width: 36%; padding: 90px 25px 70px;}
	.w_only{display: none !important;}
	#section2 .flex_con a{margin-top: 20px;}
	#section2 .flex_con a:nth-child(1) img{margin-top: 0px; margin-bottom: 20px;}
	#section2 .flex_con a:nth-child(2) img{margin-bottom: 20px;}
	#section2 .flex_con a img{margin-bottom: 20px;}
	#section3 .main_tit_Box{width: 44%;}
	#section3 .NewsboxWr{flex-direction: column;}
	#section3 .NewsboxWr .Newsbox{width: 80%; margin-bottom: 40px;}
	#section3 .NewsboxWr .Newsbox:nth-child(2), #section3 .NewsboxWr .Newsbox:nth-child(3){margin-top: 0;}
	#section4 .Newsbox{width: 60vw; height: 60vw;}
	#sectionN .container1{padding-bottom: 40px;}
	#sectionN .main_flex{align-items: center;}
	#sectionN a{width: 80%; flex-direction: row; margin-bottom: 20px;}
}
@media all and (max-width:530px){
	.main-content strong{font-size: 6.79vw;}
	.main-content .list_name{font-size: 3.7vw;}
	.main-content .list_name2{font-size: 3.7vw;}
	#section3 .NewsboxWr .Newsbox{width: 100%;}
	#section4 .Newsbox{width: 80vw; height: 80vw;}
	#sectionN .container1{padding-top: 20px;}
	#sectionN a{width: 100%;}
	.main-content #sectionN .list_mon2{font-size: 3.7vw;}
	#sectionN a img{width: 16%;}
}
@media all and (max-width:500px){
	.tit01{background-size: 200%;}
	.tit01 .main_tit_Box{width: 52%; padding: 90px 25px 70px;}
}


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


/********    #section2    ***********/
#section2  .main_tit_Box{width: 50%;}
#section2 .Newsbox1 a{ gap:20px;}
#section2 .Newsbox2 {align-items: flex-end; align-content: flex-end;}
#section2 .Newsbox2 a{	margin-top: -100px;	float: right; align-items: flex-end;  align-content: flex-end;}

@media all and (max-width:1089px){
#section2 .Newsbox1{width: 100%; align-items: center;}
#section2  .main_tit_Box{width: 100%;}
#section2 .Newsbox1 a{  gap:0px; width: 100%; flex-direction: column-reverse;}
#section2 .Newsbox2{display: none;}

#ListContents {  margin-top:10px; }
.listTopwr{	padding-top: 80px;}
.Newsbox { width: 100%;	margin: 2px auto; }
.Newsboxeng{font-size: 14px; top: 100%;}

}

@media all and (max-width:768px){

#section2 .Newsbox2 .NBTxt{ width: 100%; margin-top: 0;}
/* .Newsbox br, .list_mon br{display: none !important; opacity: 0;} */
.Newsboxeng{font-size: 15px;}
/* #section2 .Newsbox2 .img .bg {  background: url(../image/main/main01_02.png) no-repeat 100%/cover; */
	/* background-position: 100% 50%; */
}



/********  튀어나오는 블럭  ***********/
#section2_A{padding: 0; margin-top: -50px;}
#section2_A .container1{	margin-top: -180px; padding: 0 5% 2%;}
#section2_A .container1 .NewsboxWr2 a{	display: flex;
	justify-content: flex-end; align-items: center;}
#section2_A .Newsbox a{max-width: 1000px;}
#section2_A .NBTxt{width: 30%;}
#section2_A .Newsbox3{align-content: flex-end; align-items: flex-end;}
/* #section2_A .Newsbox .img{height: inherit;} */
.NewsboxWr2{display: block;}
.Newsbox3{width: 100%;}
.Newsbox3 .img{width: 70%;}
/* #section2_A  .NBTxt{background-color: #8b6e4e; border:none;} */
#section2_A .NBTxt .News_top{position: relative; display: flex; padding: 0;}
#section2_A  .News_top .arrow_r{position: relative; display: inline-block; padding: 0;}
#section2_A .NBTxt_tbox{ position: relative;	display: flex; flex-direction: column; margin: 0 auto;
	margin-top: -10px;  padding: 0px 15px 20px; text-align: center; box-sizing: border-box;}
#section2_A .NBTxt_tbox p{color:#fff;}

#section2_A  .img .News_top{display: none; color: #8b6e4e;}
#section2_A  .img .News_top .arrow_r{ color: #8b6e4e;}
#section2_A .NBTxt .News_top{display: flex;}

@media all and (max-width:1089px){
#section2_A .container1 .NewsboxWr2 a{
	flex-direction: column-reverse;  align-content: center;
	margin-top: 0;}
#section2_A .NBTxt{width: 100%;}
#section2_A .container1{margin-top: 0;}
/* #section2_A .container1{margin-top: -50px;} */
}
@media all and (max-width:768px){
#section2_A .container1{ margin-top: 0px;}
/* #section2_A .NBTxt{		padding: 10px 7px;  border: none;
  width: 100%;  bottom: 0; left: 0; right: 0;
  background-color: rgba(62, 62, 62, 0.6);
	box-sizing: border-box;} */
/* #section2_A .Newsbox3 .img {height: 20vh;} */
#section2_A .NBTxt_tbox{    margin-top: 0px; padding: 0;}
/* #section2_A .Newsbox3 .img {height: 350px;} */
#section2_A  .img .News_top{display: flex;}
#section2_A .NBTxt .News_top{display: none;}
}
/*******************/

#section3 .main_tit_Box{	text-align: center;}

#section3 .Newsbox a{    flex-direction: column;}
#section3 .NBTxt{	background-color: transparent; padding: 0; margin-top: 10px;}

#section3 .Newsbox4 .NBTxt .News_top{position: relative; display: flex; padding: 0;}
#section3 .Newsbox4 .img .News_top{display: none;}
#section3 .Newsbox4 .News_top .arrow_r{position: relative; display: inline-block; padding: 0;}
#section3 .Newsbox4 .NBTxt_tbox{ position: relative;	display: flex; flex-direction: column;
	margin-top: 10px;    box-sizing: border-box;}

#section3 .img_bottom{position: absolute;  display: flex; width: 100%; padding: 10px 20px;
	bottom: 0; left: 0; right: 0;	z-index: 3; box-sizing: border-box;	flex-direction: row;
	justify-content: space-between;	align-content: center;align-items: flex-end;
	color: #fff;}
#section3 .NBTxt	.img_bottom{display: none;}
#section3 .list_volnum{font-size: 64px; font-weight: bold;}
#section3 .Newsbox5 .list_mon{color: #fff;}

#section3 .name_ico{	position: relative; margin-right: 3px;
	display: inline-block;	width: 18px;	height: 14px;
	background:url(../image/main/main_01/name_ico.png) no-repeat center/cover;}
#section3 .list_name{position: relative; display: inline-block;
	font-size: 17px;    line-height: 1.45;    color: #4d4d4d;}


/* #section3 .Newsbox01 .img .bg{background:url(../image/main/main_01/s3_01.jpg) no-repeat center/cover;}
#section3 .Newsbox02 .img .bg{background:url(../image/main/main_01/s3_02.jpg) no-repeat center/cover;}
#section3 .Newsbox03 .img .bg{background:url(../image/main/main_01/s3_03.jpg) no-repeat center/cover;} */


@media all and (max-width:768px){
#section3 .Newsbox4, #section3 .Newsbox5{	width: 100%; }
#section3 .Newsbox4 .NBTxt, #section3 .Newsbox5 .NBTxt{	position: absolute; padding: 10px 7px;
  border: none; width: 100%; bottom: 0;  left: 0;  right: 0;
  background-color: rgba(62, 62, 62, 0.6);
  box-sizing: border-box; z-index: 1;}
#section3 .Newsbox4 .NBTxt_tbox{margin-top: 0;}
#section3 .Newsbox4 .img .News_top{display: flex;}
#section3 .Newsbox4 .NBTxt .News_top{display: none;}
#section3 .list_volnum{display: none;}

#section3 .img	.img_bottom{display: none;}
#section3 .NBTxt .img_bottom{position: relative;display: flex; padding: 0; }
#section3 .Newsbox5{}
}

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

#section4 .main_tit_Box .tit_img{	margin-bottom: 15px;}
#section4	.Newsbox02{ text-align: right;}
/* #section4 .Newsbox01 .img .bg{background:url(../image/main/main_01/s4_01.png) no-repeat center/cover;}
#section4 .Newsbox02 .img .bg{background:url(../image/main/main_01/s4_02.png) no-repeat center/cover;}
#section4 .Newsbox03 .img .bg{background:url(../image/main/main_01/s4_03.png) no-repeat center/cover;} */

@media all and (max-width:1089px){
#section4 .main_tit_Box{	width: 100%;padding: 0; text-align: center;}
#section4	.Newsbox .img{	width: 60%; margin: 10px auto;}

}
@media all and (max-width:768px){
#section4	.Newsbox a{gap:0px; margin-bottom: 10px;}
#section4{margin-bottom: 30px;}
#section4	.Newsbox .img{	width: 100%; 	}

}
/*******************/
.bgsection{
	position: relative;  display: block;  	width: 100%;
	background-color: #b5623d;  height: auto;
    padding-top: 0px;   margin: 0 auto;}
.bgsection .container{
	position: relative;   display: block; width: 90%;  max-width: 1300px; padding: 0px;
  box-sizing: border-box;  overflow: hidden;}
.bgsection .vol_numBx{	float: right;width: 90%;max-width: 1300px;	text-align: right;
	margin-top: -5px; margin-bottom: 50px;}
.bgsection  .vol_numBx img{	float: right;}
@media all and (max-width:1089px){
.bgsection .vol_numBx{	max-width: inherit;	width: 65%;	 }
}
@media all and (max-width:768px){
.bgsection .vol_numBx{margin-bottom: 30px;}
}

.bgsection .list_mon, .bgsection .list_mon2, .bgsection .list_company{color: #fff; }

#sectionB .NewsboxWr{gap:30px;}
#sectionB .main_tit_Box{	height: 100%;	padding: 25px 3% 30px; text-align: center;
	align-items: center;	 justify-content: space-between;}

#sectionB .list_company{	font-size: 16px; margin-top: 15px; }
#sectionB .main_tit_Box .list_company{margin-top: 30px;}
#sectionB .Newsbox01 .main_tit_Box{	width: 85%; }
#sectionB .Newsbox02 .main_tit_Box{	width: 70%;}
#sectionB .Newsbox03 .main_tit_Box{	width: 70%;}

#sectionB .Newsbox .NewsboxIn{gap:15px;  align-items: center;}
#sectionB .main_tit_Box .titBox_a{	position: relative;	display: block;}
#sectionB .Newsbox{ margin: 30px auto;}
#sectionB .Newsbox02 .NewsboxIn{    flex-direction: row-reverse;}

#sectionB .Newsbox03{	flex-direction: row;}
#sectionB .Newsbox03 .NewsboxIn{	position: relative;	display: inline-block;}
#sectionB .Newsbox03 .NewsboxIn::after{	content: '';	display: block;	clear: both;}
#sectionB .Newsbox03 .titBox_aWr{	position: relative;	display: inline-block;
	box-sizing: border-box; margin: 30px auto;}


@media all and (max-width:1089px){
#sectionB .main_tit_Box{	width: 100%;}
#sectionB .Newsbox .NewsboxIn{  flex-direction: column-reverse; margin: 30px auto;}
#sectionB	.Newsbox .img{	width: 60%; margin: 10px auto;}
#sectionB .Newsbox03{flex-direction: column-reverse;}
}

@media all and (max-width:768px){
#sectionB .Newsbox{margin: 0 auto;}
#sectionB .Newsbox .NewsboxIn{margin: 0 auto; gap:0;}
#sectionB .Newsbox01 .main_tit_Box, #sectionB .Newsbox02 .main_tit_Box,
#sectionB .Newsbox03 .main_tit_Box{width: 100%;}
#sectionB	.Newsbox .img{	width: 100%;  margin: 0 auto;	}
}



/*******************/
#sectionW{	position: relative;  display: block;  width: 100%;  background-color: #b5623d;
  height: auto;  margin: 0 auto;	padding: 30px 0 50px;}
#sectionW .container1{     padding: 4% 5% 4%;}

#sectionW .vol_numBx{	display: flex;	width: 100%; max-width: 1200px;
	color: #fff; text-align: center; align-items: center;	margin: 0 auto;
	justify-content: center;}
.vol_numBx div{position: relative;	display: inline-block;}
.vol_tit{	font-size: 20px;}
#sectionW .vol_mon{ font-size:5rem;	font-weight: bold; font-family: 'Montserrat', Sans-serif;}
.vol_line{ width: 50%; height: 1px; margin: 0 20px;	background-color: #fff; vertical-align: middle;}
#sectionW .titBox_aWr{ text-align: center;}
.titBox_aWr .list_mon, .titBox_aWr .list_mon2, .titBox_aWr .list_company{color: #fff; }


@media all and (max-width:1089px){

#sectionW .vol_mon{ font-size:4rem;}
.vol_line{width: 50%; margin: 0 15px;}
}
@media all and (max-width:768px){
/* #sectionW .container1{     padding: 2% 1% 2%;} */
#sectionW .vol_mon{ font-size:3rem;}
.vol_line{width: 40%;margin: 0 10px; }
}
@media all and (max-width:420px){
#sectionW .vol_mon{ font-size:2.3rem;}
.vol_line{width: 30%; margin: 0 5px;}
}



/*******************/
#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;
}
/* #sectionN .Ntg td.tg_3 img{border-bottom: 2px solid #6dc090;} */

/* .NewsboxWr{	position: relative;	display: block;
	 width: 100%; height: 100%; height: auto; margin: 0 auto;	padding-bottom: 30px;}
#sectionN .NewsboxWr .Newsbox{ position: relative; display: inline-block;
	margin: 0px 5px;}
#sectionN	.Newsbox .img{position: relative; width: 100%; height: 19vh;}
#sectionN	.list_mon{font-size: 20px; padding-top: 0;}
#sectionN .NBTxt{border:0;  padding: 15px 25px 15px 5px;} */





/**********   YouTube    *************/









/*****      ********/
#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; }
}



/*******************/
.sub_test01{  position: relative;  display: block;  width: 100%; height: auto;  box-sizing: border-box;
	/* top: 70px; margin-bottom: 70px; */
}
.sub_test02{ margin-top: 50px; }
.sub_test02{  position: relative;  display: block;  width: 100%; height: auto;
  padding: 50px 0;   box-sizing: border-box;}
.sub_test03{	position: relative;  display: block;  width: 100%; height: auto;
	  padding: 10px 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; }

.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{padding: 10px 0;}
}
@media all and (max-width:768px){
  .test01{padding: 30px 0;}
}
@media all and (max-width:420px){
  .test01{padding: 0px 0;}
}
/*******************/
.main04tip, .main04tip2, .main04tip3, .main04tip4{  position: absolute;  display: inline-block;  left: 0;  top: 0;    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);}

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