@charset "utf-8";


/**********main.css**********/
#header {	position: fixed; display: flex;	width: 96%;	height: 82px; margin: 0 auto; align-content: center;
	top: 30px; left: 0px; right: 0px; z-index: 4;	border: 0.5px solid #fff;	background-color: transparent;
	color: #fff; box-sizing: border-box; }
.headerTop {	position: relative;	display: flex; width: 100%; margin: 0 auto; color: #fff;
	align-items: center; justify-content: center; background-color: transparent;	box-sizing: border-box;}
#header .side-util{border-left: 0.5px solid #fff;}

.headerTop .side-util .issue-back p, .gnbArea .wlist>a{	color: #fff;}
.headerTop .side-util .issue-back p { position: relative; display: inline-block; font-size:13px;
		text-align: center; vertical-align: middle;}
.headerTop .logo {	position: relative;	display: flex;	width: 239px;  height: 100%; align-items: center;
	justify-content: center;	box-sizing: border-box; border-right:  0.5px solid #fff;}
.headerTop .logo a{	display: block;	width: 150px;	height: 50px;
	background:url(../image/img_logo_h.png) no-repeat center/100%;}

.btn_gnb_view {position: relative;	display: flex; width: 81px;	height: 100%;	margin: 0 auto;
	padding: 25px 25px;	border-left: 0.5px solid #fff; cursor: pointer; text-align: center;
	overflow: hidden;	box-sizing: border-box;
	align-content: center; justify-content: space-between; flex-direction: column;
    align-items: flex-start;}
.btn_gnb_view>span { display: block;	width: 100%;  height: 2px; border-radius: 2px;
	 background: #fff; margin: 3px 0;}
.btn_gnb_view>span:last-child {width: 70%;}

#header.active{  background-color: #ffffff; width: 100%; top: 0; color: #222;
	border: 0;     border-bottom: 0.5px solid #ddd;}
#header.active .headerTop .side-util .issue-back p, #header.active .gnbArea .wlist>a{color: #222;}
#header.active .headerTop{	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
#header.active .headerTop .logo a{background:url(../image/img_logo.png) no-repeat center/100%;}
#header.active .btn_gnb_view>span {background: #444;}
#header.active .headerTop .logo {border-right:  0.5px solid #ddd;}
#header.active .side-util{border-left: 0.5px solid #ddd;}
#header.active .btn_gnb_view{border-left: 0.5px solid #ddd;}
#header.active .side-util .issue-back:hover{	background-color: #6697a4;}
#header.active .side-util .issue-back:hover p{ color: #fff;}
.issue-back2{background-color: #019267;
	border: 1px solid #019267;
	color: #fff;}
.headerTop .side-util .issue-back2 p{color: #fff;}
#header.active .headerTop .side-util .issue-back2 p{color: #fff;}

@media all and (max-width:1089px){
#header{width: 100%; top: 0;	background-color: #fff;		height: 55px;	}
.headerTop{	position: relative;  display: block; width: 100%; margin: 0 auto;
	height: 55px;	box-sizing: border-box;  top: 0px;}
.btn_gnb_view{  width: 55px; border-left :0; height: 100%; padding: 13px 13px;}
#header.active .btn_gnb_view, #header.active .side-util{ border-left :0;}
.btn_gnb_view>span{ height: 2px; margin: 3px 0; background: #444;}
.headerArea .container {	padding: 0px 0;	height: 100%;}
.headerTop .logo { display: inline-block;	width: initial; top: 0;
	margin-left: 5%;	border-right: 0;}
#header.active .headerTop .logo{	border-right: 0;}
.headerTop .logo a{ max-width: 100px;  height: 45px; margin: 0 auto; margin-top: 5px;
	background: url(../image/img_logo.png) no-repeat center/100%;}
.gnbArea .gnb{	display:none !important;}
.gnbBg {display: none;}
#header .side-util{	position: relative; display: inline-block; float: right; top: 0;	border: 0;}
.menuMbg{top: 55px;}
.menuM #navM {	width:50%;	top: 55px;}
#header, .headerArea, #header .side-util, .headerTop{	height: 55px;	box-sizing: border-box;}
}

/************  main start    *************/
.vis_top{	position: relative;	display: block;	width: 100%;
	padding-top: 100px;	padding-bottom: 100px;	box-sizing: border-box;}
#main  {position:relative; width:100%; /* height:100%; */ }
#main .mainsection{	position: relative;	display: block;	width: 100%; height: 100vh;
	box-sizing: border-box;}
#main .mainsection .section_box {position:absolute; top:50%; left:50%; margin:-400px 0 0 -700px; width:1400px; height:800px;}

#main .slider{	position: relative;	width: 100%;	height: 100%;}
.topVisiual {	position: relative;	display: block; width: 100%; height: 100%; margin: 0 auto;
  text-align: center;	overflow: hidden;}
.topVisiual::after{	content: '';	position: absolute;	display: block;	width: 100%;
	height: 100%;	left: 0;	top: 0;
background: linear-gradient(180deg, rgba(255,255,255,0), rgba(0,0,0,0.5));}

#section1 .main_contents{ position: absolute; display: inline-block; width: calc(100% - 15px);
	margin: 0 auto;	top: 45%; left: 50%; transform: translate(-50%, -50%);
	padding-left: 15px;	margin-left: 5%;	/* margin-left: 75px; */
  border-left: 0.5px solid rgba(255,255,255,1); box-sizing: border-box;}

#section1 .main_contents .text_area { position: relative;	 display: flex;	width: 100%; margin: 0 auto;
	padding: 0 10px; flex-direction: column;	text-align: left;	color: #fff;  font-size: 16px; line-height: 1.6;	box-sizing: border-box; }

.text_area .txtBox_Wr{	position: relative;	display: inline-block; word-break: keep-all;}
.text_area h2{	position: relative; display: inline-block;
	padding: 10px 0; box-sizing: border-box;	}
.text_area .eng_M { position: relative;	width: initial;	font-size: 36px; line-height: 1.4;}
.text_area .eng_M2{ font-size: 48px; color: #ed6d34; font-weight: bold; line-height: 1.2;}
.text_area .eng_M3{ font-size: 25px; color: #019267; font-weight: bold;
	/* text-shadow: 1px 1px #ccc; */
}
.text_area .eng3{font-size: 20px; font-weight: bold;}
.text_area .txtBox{ position: relative;	display: block; font-family: 'Plus Jakarta Sans', sans-serif;}
.topVisiual .loader {  width: 100%;  height: 100%;  text-align: center;
	/* transition: all 2s ease-in-out; */
	animation: topV 12s ease-in-out infinite;
}

@keyframes topV {
	0%{	transform: scale(1.0, 1.0);	}
	70%{ transform: scale(1.05, 1.03);}
	100%{ transform: scale(1.0, 1.0);}
}

.topVisiual .loader1{background:url(../image/main/topVisiual1.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; }
.topVisiual .loader4{background:url(../image/main/topVisiual4.jpg) no-repeat center/cover; }

@media all and (max-width:1089px){
.topVisiual{	width: 100%; height: 100%;	margin-top: 0;	box-sizing: border-box;	margin: 0 auto;}
.icon-scroll{	display:none;}
.text_area .eng_M { font-size: 20px;}
.text_area .eng_M2 {font-size: 26px;}
}
@media all and (max-width:768px){
#section1 .main_contents{	padding-top: 5px;	margin-left: 0%; border-left: 0; padding-left: 0;}
#section1 .main_contents .text_area{ text-align: center;}
.topVisiual::after{background: rgba(0, 0, 0, 0.5);}
}


#ListContents {  position: relative; display: block; width: 100%;	margin: 0 auto; box-sizing: border-box;}
/********   .mainSection1   ***********/

.mainSection1, .mainSection2{ position: relative; display: block; width: 100%;
	padding: 2.5% 0 1%;	margin: 0 auto;	box-sizing: border-box;}
.container{	position: relative;	display: block;	width: 100%;	height: auto;
	margin: 0 auto;		padding: 50px 30px;	box-sizing: border-box;}
.container1 {	position: relative;	display: block; width: 100%;
		margin: 30px auto;	padding: 2% 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:#ed6d34; vertical-align:middle; 	text-align: center;
	font-weight: bold; font-family: 'Plus Jakarta Sans', sans-serif;
}
.mainSection1 h4 span, .mainSection2 h4 span{ display: inline; padding: 0 3px;}
/* .mainSection1 h4:after, .mainSection2 h4:after{	content: '';  display: block; width: 44px; height: 1px;
  margin: 0 auto; margin-top: 5px; background-color: #00224b;} */
.mainSection1 .titleWr p, .mainSection2 .titleWr p{	font-size: 18px; color: #000;}

@media all and (max-width:1089px){
.mainSection1, .mainSection2{padding: 2% 0% 2%;}
.container1{ width: 100%; min-width: initial; max-width: initial;
  padding: 10px 10px;	margin-bottom: 0px;}
}



/********    #section2    ***********/
/* .section2{background: #f7f7f7;} */
.NewsList{  position: relative;  display: block; width: 100%; height: 100%;
  box-sizing: border-box; padding: 30px 0;}
.NewsboxWr{ position: relative;	display: inline-block; width: 100%;	align-items:center;
  justify-content: space-between; -webkit-justify-content: space-between;}
.Newsbox { position: relative; display: inline-block;	width: calc(100% / 3 - 45px);
	/* margin: 20px 15px;	 */
	margin: 20px 20px;

	vertical-align: top; box-sizing: border-box;
	/* background: #EFEEEA;  background: #fff;	 */
	/* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */}
/* .Newsbox::before{  content: '';  display: block;  width: 100%;  height: 1px;  background-color: #000;} */
.Newsbox a{ position: relative; display: block;}
.NBTxt{position:relative; display: block; padding: 10px 5px 15px;	 box-sizing: border-box;}

.list_vol{ font-size: 15px; color: #019267; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
.list_mon{ padding: 0px 0 3px; font-size: 18px; letter-spacing: -1px;
	overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.list_company{font-size: 14px;}
/* .section2 .list_company{	margin-top: 5px;} */
.list_company span:nth-child(2){margin-left: 5px;}
.Newsbox .img { position: relative; display: block; width: 100%;	height: 20vw;
	/* min-height: 350px; */
  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;	box-sizing: border-box; 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;
}

.Newsbox a:hover .list_vol{color: #000;}
.Newsbox a:hover .list_mon{color: #019267;}
.Newsbox .img::after{	content: ""; position: absolute; display: block; width: 100%; height: 100%;
	left: 0; top: 0; border: 15px solid #019267; box-sizing: border-box;
	transition: all 0.8s; transform: scale(1.1); opacity: 0;	z-index: -1;}
.Newsbox a:hover .img::after{ transform: scale(1.0); opacity: 1;	z-index: 1;	transition: all 0.8s;}

.Newsbox .img:hover a{ /* color: #000; */}
.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 .NewsboxWr .Newsbox:nth-child(1) .img .bg{background:url(../image/main/main01_01.jpg) no-repeat center/cover;}
.section2  .NewsboxWr .Newsbox:nth-child(2) .img .bg{background:url(../image/main/main01_02.jpg) no-repeat center/cover;}
.section2  .NewsboxWr .Newsbox:nth-child(3) .img .bg{background:url(../image/main/main01_03.jpg) no-repeat center/cover;}
.section2  .NewsboxWr .Newsbox:nth-child(4) .img .bg{background:url(../image/main/main01_04.jpg) no-repeat center/cover;}
.section2  .NewsboxWr .Newsbox:nth-child(5) .img .bg{background:url(../image/main/main01_05.jpg) no-repeat center/cover;}
.section2  .NewsboxWr .Newsbox:nth-child(6) .img .bg{background:url(../image/main/main01_06.jpg) no-repeat center/cover;}
/* .section2 .NewsboxWr .Newsbox:nth-child(2), .section2 .NewsboxWr .Newsbox:nth-child(5){	margin-top: 5%;} */

.section2 .NewsboxWr .Newsbox{
	vertical-align: bottom;
}
@media all and (max-width:1089px){
#ListContents {  margin-top:10px; }
.listTopwr{	padding-top: 80px;}
/* .section4{	padding: 0 0 30px;	} */
.section4 .container1{	width: 100%;  min-width: initial;  max-width: initial;
  padding: 0 10px;	margin-bottom: 0px;}
.NewsboxWr{ display: block;}
.Newsbox { display: inline-block; width: calc(100% / 2 - 32px); margin: 15px 15px; }
.Newsbox .img{height: 32vw;}
}

@media all and (max-width:768px){
.Newsbox { width: 100%; margin: 10px auto; }
.Newsbox .img{height: 68vw;}
/* .Newsbox .img {	min-height: 300px;} */
}


/*********    section3     **********/
/* .section3{background: #FBF7F2;} */
/* .section3{background: rgba(90, 185, 195, 0.2);} */
/* .section3{background: rgba(0, 62, 51, 0.2);} */
.section3Wr{	position: relative;	display: block;	width: 100%; box-sizing: border-box;
	background:rgba(90, 185, 195, 0.2);}
.section3 .NewsboxWr .Newsbox:nth-child(1) .img .bg{background:url(../image/main/main02_01.jpg) no-repeat center/cover;}
.section3 .NewsboxWr .Newsbox:nth-child(2) .img .bg{background:url(../image/main/main02_02.jpg) no-repeat center/cover;}
.section3 .NewsboxWr .Newsbox:nth-child(3) .img .bg{background:url(../image/main/main02_03.jpg) no-repeat center/cover;}
.section3 .NewsboxWr .Newsbox:nth-child(4) .img .bg{background:url(../image/main/main02_04.jpg) no-repeat center/cover;}
.section3 .NewsboxWr .Newsbox{vertical-align: top;}


/**********   section4   ********/
/* .section4{background: #E6F3E6;} */
/* .section4{background: #f7f7f7;} */

.sec4tiWr{  position: relative;  display: block; text-align: center;
  font-size: 28px; color:#282b32;  padding:0 0 35px;  margin-bottom: 30px;}
.sec4tit{  position: relative;  display: inline-block;}
.sub_tip{}
.tip_blue{ position: relative;	display: inline-block; }
.tip_blue::before{  content: '. . .';	display: inline-block;	width: 100%; color: #2b90c5;
  	text-align: center;	font-size: 40px;}
.section4 .NewsboxWr .Newsbox:nth-child(1) .img .bg{background:url(../image/main/main03_01.jpg) no-repeat center/cover;}
.section4 .NewsboxWr .Newsbox:nth-child(2) .img .bg{background:url(../image/main/main03_02.jpg) no-repeat center/cover;}
.section4 .NewsboxWr .Newsbox:nth-child(3) .img .bg{background:url(../image/main/main03_03.jpg) no-repeat center/cover;}
.section4 .NewsboxWr .Newsbox:nth-child(4) .img .bg{background:url(../image/main/main03_04.jpg) no-repeat center/cover;}
.section4 .NewsboxWr .Newsbox:nth-child(5) .img .bg{background:url(../image/main/main03_05.jpg) no-repeat center/cover;}
/* .section4 .NewsboxWr .Newsbox:nth-child(4) .img .bg{background:url(../image/main/main03_04.jpg) no-repeat center/cover;} */
.section4 .NewsboxWr .Newsbox{vertical-align: top;}

/**********   section5   ********/
.section5{background:rgba(90, 185, 195, 0.2);}
/* .section5 .titleWr h4, .section5 .titleWr{ color: #fff;} */
/* .section5 .titleWr h4::after{background-color: #fff;} */
.section5 .NewsboxWr{	position: relative;  display: flex;  width: 100%;  align-items: flex-start; box-sizing: border-box;
  -webkit-justify-content: space-between;  flex-direction: row;  flex-wrap: nowrap;  justify-content: center;	}
.section5 .NewsboxWr .Newsbox {
	/* width: calc(100% / 3 - 25px); */
}
.section5 .NewsboxWr .Newsbox .img{min-height: 350px;}
.section5 .NewsboxWr .Newsbox:nth-child(1) .img .bg{background:url(../image/main/main04_01.jpg) no-repeat center/cover;}
.section5 .NewsboxWr .Newsbox:nth-child(2) .img .bg{background:url(../image/main/main04_01.jpg) no-repeat center/cover;}

@media all and (max-width:768px){
.section5 .NewsboxWr{display: block;}
.section5 .NewsboxWr .Newsbox {	width: 100%;}
}

/**********   section6   ********/
.section6{	position: relative;  display: inline-block;  width: 100%;  height: auto;
	margin: 0 auto;  padding: 2.5 0% 1%; box-sizing: border-box;
	background-color: #f0f0f0;
	background-image: url(../image/main/bottom_pdf.png);
	/* background-image: url(../image/main/bottom_vol03.svg); */
	background-position: 50% 50%;  background-repeat: no-repeat;
		/* background-size: cover; */
 }
.main_f_wr{ position: relative; display: flex; width: 100%;	padding: 2% 2% 3%;
	 margin: 0 auto;  flex-direction: row; margin-bottom: 30px;
	 justify-content: flex-start;	align-items: center; box-sizing: border-box; }

.main_fl_left, .main_fl_right{ position: relative;	/* display: flex; */ width: 100%;	height: 100%;
	padding: 3% 5%; align-items: center;	box-sizing: border-box;}
.main_fl_left{  position: relative;	max-width: 1800px;	margin: 0 auto;	text-align: left;
	/* width: 60%;	left: 0; height: 100%;	margin-left: 0;	border-right: 60px solid transparent;
	border-bottom: 180px solid #75d2ca; */}
.main_fl_right{ text-align: right; }
.main_f_wr .main_f_Txt{ position: relative; display: flex; width: 100%; height: 100%;
	flex-direction: column; box-sizing: border-box;}
.main_f_wr .main_f_Txt:last-child{margin-top: 60px;}
.main_f_wr .main_f_Txt p{	display: block;	font-weight: bold; color: #ed6d34;
	/* margin-bottom: 10px; */}
.main_f_wr .main_f_Txt h5{  font-size: 34px;  font-weight: bold;
	line-height: 200%;	color: #000;	font-family: 'Plus Jakarta Sans', sans-serif;}
.main_f_wr .main_f_go{	display: inline-block;	border: 1px solid #000; color:#222;
	padding: 10px 25px;	font-size: 12px;
	margin: 25px 0px 30px; float: left;}
.main_f_wr .main_f_go:hover{background-color: #ed6d34; color: #fff; border: 1px solid #ed6d34; }

.main_f_wr .main_f_img{	position: relative; display: inline-block;}

.main_f_flex{display: flex; justify-content: flex-start; align-items: flex-start;}
.main_f_flex .ebook_wrap{margin-right: 40px;}
/* .main_fl_left .main_f_img{ width: 275px;	background: url(../image/main/bottom_pdf1.png) no-repeat center 100%/100%;}
.main_fl_right .main_f_img{	width: 100px;	background: url(../image/main/bottom_pdf2.png) no-repeat left 100%/100%;} */

@media all and (max-width:1089px){
.section6 {background-position: 60% 50%;}
.main_f_wr{flex-direction: column;}
.main_f_wr .main_f_Txt h5{font-size: 24px;}
}
@media all and (max-width:768px){
	.section6 {background-position: 55% 20%; background-image: none;}
.main_fl_left, .main_fl_right{ flex-direction: column;}
.main_fl_left, .main_fl_right{text-align: center;}
/* .main_f_wr .main_f_Txt{margin: 20px auto;} */
.main_f_wr .main_f_go{margin: 20px auto; float: inherit;}
.main_f_flex{flex-direction: column; justify-content: center; align-items: center;}
.main_f_flex .ebook_wrap{margin-right: 0;}
}


.img_bg{ position: relative; display: block; width: 100%;  margin-top: -1em;}
/* .img_bg image{
	 position: relative; display: block;
	width: 100% !important;
} */
/* #footer .container1{	margin-top: 0;} */
/********  bg   ***********/

/* .section2, .section3, .section4{	position:relative; } */
/* .section2::before, .section3::before, .section4::before{	content:""; position: absolute;
 width: 100%; height: 100%; top: 0; left: 0; background-size:cover;
 opacity: 0.6;  filter:alpha(opacity=60); } */


.con1Ico{position: absolute;  opacity: 0.6; z-index: -10;}
.bird{ left: 1%; top: 0%;	width: 140px; height: 160px;
	background:url(../image/main/svg/bird.svg) no-repeat center/70%;}
.wave_or{ right: -5px; top: 53%;	width: 200px; height: 130px;
	background:url(../image/main/svg/wave_or.svg) no-repeat center/100%;}
.flower{ left: 20%; top: -3%;	width: 200px; height: 130px;
	background:url(../image/main/svg/flower.svg) no-repeat center/60%;}
.tree1{ right: 10%; bottom: 0;	width: 200px; height: 160px;
	background:url(../image/main/svg/tree1.svg) no-repeat center/80%;}
.tree{ right: 10%; bottom: 0;	width: 120px; height: 195px;
	background:url(../image/main/svg/tree.svg) no-repeat center/100%;}

@media all and (max-width:1089px){
	.flower{left: 7%; background:url(../image/main/svg/flower.svg) no-repeat center/50%;}
}
@media all and (max-width:768px){
	.flower{left: 3%;}
}

/***********/
.V_Bot_txt{position: absolute;		width: initial; z-index: 3; box-sizing: border-box;}
.V_Bot_txt1{bottom: 3%;	right: 3%;  z-index: 3;}
.V_Bot_txt2{	 bottom: 5px;	right: 5px; padding: 5px;	  }
.V_Bot_txt p, .V_Bot_txt span{display: block;  width: 100%; height: 100%; color: #fff;padding:  0;  font-size: 12px; }
.V_Bot_txt p{ color: #fff; }
.V_Bot_txt2 span{color: #fff;  }


@media all and (max-width:400px){
.V_Bot_txt2{padding: 0;}
.V_Bot_txt2 span{font-size: 10px; }

}

/***********/
.popupBox {  position: fixed; top: 20%;  right: 30px; z-index: 990; cursor: pointer;}
.popupBox a{
	position: relative; display: block;
	width: 100%;
	height: 100%;
	 z-index: 991; cursor: pointer;
}
.popupBox .popupX {  position: absolute;
  /* top: 5%; right: 5%;  */
  top: -20px; right:-15px;
	width: 43px; height: 43px; font-size: 23px;
   border-radius: 35%; border: none; cursor: pointer;
  background: #019267; color: #fff;  z-index: 999; }

/*

.section2::before{ background:url(../image/main/svg/bg_nature01.svg) no-repeat center/cover;	}
.section3::before{	background:url(../image/main/svg/bg_nature07.svg) no-repeat center/cover;}
.section4::before{ 	background:url(../image/main/svg/bg_nature06.svg) no-repeat center/cover;}
.section5::before{ opacity: 0.8;	background:url(../image/main/svg/bg_nature04.svg) no-repeat center/cover;} */