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



/* #header {	position: fixed; display: flex;	width: 96%;	height: 82px; margin: 0 auto; align-content: center;
	top: 0px;
	left: 0px; right: 0px; z-index: 4;		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;}

.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;}
.headerTop .logo a{	display: block;	width: 150px;	height: 50px;
	background:url(../image/img_logo.svg) no-repeat center/100%;}

.btn_gnb_view {position: relative;	display: flex; width: 81px;	height: 100%;	margin: 0 auto;
	padding: 25px 25px;	 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%;}

@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;}
}
 */
 #header{background-color: transparent;}
 #header.active{background-color: transparent; }
 #header.active2{background-color: #fff; border-bottom: 0.5px solid rgba(221, 221, 221, 0.5);}
 .gnbArea{   position: relative; display: flex;width: 100%;
 align-items: center; }

 .headerTop .logo a{background:url(../image/img_logo.svg) no-repeat center/100%;}
 .headerTop .logo_txt, .headerTop .side-util .issue-back p{color: #fff;}
 .btn_gnb_view>span{background-color: #fff;}
.headerTop {	position: relative;	display: flex;     align-items: center;}
 #header.active .switch{visibility: hidden; z-index: -10;}
 #header.active{  background-color: #ffffff; width: 100%; top: 0; color: #222;
 	border: 0;  z-index: 20;}
 #header.active .headerTop .side-util .issue-back p, #header.active .gnbArea .wlist>a{color: #222;}
 /* #header.active .headerTop{	padding: 0 0 0 30px; } */
 #header.active .headerTop .logo a{background:url(../image/img_logo_B.svg) no-repeat center/100%;}
 #header.active .btn_gnb_view>span {background: #444;}
 #header.active .logo_txt{color: #000;}
 /* #header.active .side-util .issue-back:hover{	background-color: #019267;} */
 /* #header.active .side-util .issue-back:hover p{ color: #fff;} */
 .issue-back2{ color: #fff;}
 .headerTop .side-util .issue-back2 p{color: #fff;}
 #header.active .headerTop .side-util .issue-back2 p{color: #000;}

@media all and (max-width:1089px){
 .gnbArea {width: 100%; padding-top: 10px;}
 .gnbArea .gnb{	margin: 0;display:block !important;}
 #header .side-util{position: relative;}
 #header.active .headerTop{padding: 0;}
}
@media all and (max-width:768px){
/* .headerTop{padding: 5px 0;} */
.gnbArea {width: 100%; padding:0;}
.gnbArea .gnb{	margin: 0;display:flex !important; flex-direction: column; height: 100%;}

}


/*  */
.mainSection1{	position: relative;	display: block; width: 100%; max-width: 1400px;padding: 2% 5% 5%;
  margin: 0% auto;
 background-color: transparent;	box-sizing: border-box;}
.mainSection6{  position: relative;	display: block;  background-color: #fff;}
.mainSection .event{  position: relative; display: inline-block; width: 100%; margin: 0 auto;
  background-color: transparent;  margin-bottom: 0;}
.event.event01{background-color: #7fb4e1;}
.event.event02{background-color: #9a8e7e;}
.event .eventIn{
  position: relative; display: block; width: 100%;
  max-width: 1400px; margin: 0 auto;
}
.mainSection .event a{  position: relative; display: block; width: 100%; height: 100%;
  margin: 0 auto;  text-align: center;}
.mainSection .event img{width: 100%; text-align: center;}


@media all and (max-width:1089px){
  .mainSection1{padding: 5% 5%; margin-top: 0;}
}
@media all and (max-width:768px){}



/*  */
.switch{  position: relative;   display: inline-block;	 width: 100%; height: 70px;
  margin: 0 auto 40px;
 top: 100px;	text-align: center;	 z-index: 10; 	box-sizing: border-box;}

.switch_btn{  position: relative;
  /* position: absolute;  */
  display: block; top: 0; width: 100%;height: 100px;  left: 0;
  /* left: 50%;  transform: translateX(-50%); */
  /* left: 50%;  transform: translateX(-50%); */
	box-sizing: border-box;}
.switch_btn  img{width: 100%; height: 100%; cursor: pointer;}

.switchTxt{  position: relative; display: inline-block;  color: #fff;
 animation: upDown 1.5s linear infinite;}
@-webkit-keyframes upDown {
  0% {   transform: translateY(0px);}
50% {  transform: translateY(-10px);}

100% {   transform: translateY(0px);}
}
/* .switch_btn01{display: block;} */
.switch_btn02{display: none;}
.switch_btn02.active{display: block;}
.switch_btn02.active .switch_btn01{display: none;}

.switch_Mwr{  position: fixed; display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 1400px;

   height: 0px;
  left: 0; right: 0;  top: 37%;
  z-index: 2;
 }
.switch_M{  position: relative;  width: 80px; height: 80px;
  left: 0px;  border-radius: 50%;  border: 8px solid #fff;
  margin-left: 3%;
}
.switch_M p{background-color: transparent;  color: #fff;}

.switchMbtn{position: relative; display: block; width: 100%; height: 100%;
  cursor: pointer;}
.switchMbtn:hover{}



.switch_M .switch_M_01{  /* background-color: #76bebd; */
  background:url(../image/main/switch_M_01.svg) no-repeat center/100%;
}
.switch_M .switch_M_02{   background:url(../image/main/switch_M_02.svg) no-repeat center/100%;}

/* .switch.active2{} */
.switch_M.active2 { display: none;}



@media all and (max-width:1089px){
.switch{ top: 60px;}
.switch, .switch_btn{	height: 80px;}
.switch_Mwr{height: 50px}
.switch_M{width: 50px; height: 50px; border:3px solid #fff;}
}
@media all and (max-width:768px){
.switch{ top: 55px;}
.switch, .switch_btn{	height: 60px; }
.switch_M{margin-left: 2px;}
}



	/*  */
.main_top{position: relative; display: block; width: 100%; height: auto;
	box-sizing: border-box;}
.main_top li{position: relative; display: inline-block;  width: 100%;
		/* height: 100%; */ float: left; }
.main_top .main_visWr{position: relative; display: block;  width: 100%;
	height: 100%;}
/* .main_top img{margin: 0 auto; width: 100%;} */
.main_visWr .main_vis{	position: relative;	display:  inline-block;	width: 100%;
	background-color: #417bbe;		box-sizing: border-box;}
.main_vis .vis_In{	position: relative;	display: block; width: 100%; max-width: 1000px;
  top: 100px; padding: 5% 5%;
  	margin: 30px auto;	 box-sizing: border-box;}
.main_vis .vis_In a{	position: relative; display: inline-block;
	width: 100%; 	margin: 0 auto;
  box-sizing: border-box;}
  .main_vis .vis_In a img{ margin: 0 auto;
    /* width: 100%; */
  }
.main_top .main_top_01{display: block;  background-color: #7fb4e1;  visibility: visible;}
.main_top .main_top_02{ display: none;  background-color: #cf7aaf;}
.main_top.active  .main_top_01{ display: none; }
.main_top.active  .main_top_02{ display: block !important; }
/* .main_top .main_top_02{display: none;} */


/*  */
.slide_Section{position: relative;	display: block; width: 100%; max-width: 1400px;
  margin: 0 auto;
  padding: 5% 5%;
  /* background-color: transparent;	 */
  background-color: #fff;
 box-sizing: border-box;}
.vis_slide{	width: 100%; max-width: 1200px;	margin: 0px auto;}

.NewsboxWr{ position: relative; display: block; width: 100%; height: auto;
  /* margin: 15% auto 0; */ box-sizing: border-box;}
.sectionN .NewsboxWr .Newsbox { position: relative; display: block;	width: 100%;
  height: auto; padding: 30px; text-align: center;   box-sizing: border-box;}
.Newsbox a {    position: relative;  display: flex;    width: 100%;   height: 100%;
    flex-direction: column;    box-sizing: border-box;}
.sectionN .Newsbox .img {    position: relative;    width: 100%;
    height: 100%;		margin: 0 auto;   box-sizing: border-box;}
.Newsbox .img .bg {  position: relative; display: inline-block;
  width: 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;}

/* #slideN .Newsbox .img .bg {  height: 33vw;  max-height: 450px;} */
#slideN2 .Newsbox .img .bg {border-radius: 50%;}
.NBTxt{font-family: 'notokr-regular','sans-serif';}
.list_vol, .list_mon{  color: #000; text-align: center;}
.list_vol{  font-size: 24px; margin: 5px 0; font-weight: bold;  }
.list_mon {  font-size: 18px; padding: 0px 0 3px;   letter-spacing: -1px;
  overflow: hidden;
  /* white-space: nowrap;  text-overflow: ellipsis; */
}


.main_top_01 .NBTxt{text-align: left;}

/* #slideN .Newsbox01{margin-top: 30px;}
#slideN .Newsbox02{margin-top: 100px;}
#slideN .Newsbox03{margin-top: 10px;}
#slideN .Newsbox04{margin-top: 110px;}

#slideN .Newsbox01 .img .bg{ background: url(../image/main/m1/slide_01.jpg) no-repeat center/100%;}
#slideN .Newsbox02 .img .bg{ background: url(../image/main/m1/slide_02.jpg) no-repeat center/100%;}
#slideN .Newsbox03 .img .bg{ background: url(../image/main/m1/slide_03.jpg) no-repeat center/100%;}
#slideN .Newsbox04 .img .bg{ background: url(../image/main/m1/slide_04.jpg) no-repeat center/100%;} */


@media all and (max-width:1089px){
  .NewsboxWr{padding: 10px;}
.sectionN .NewsboxWr .Newsbox{padding: 25px;}
.main_vis .vis_In{  top: 0;  /* margin-top: 0; */ }
.slide_Section{background-color: #fff;}
/* #slideN .Newsbox .img .bg {height: 38vw;} */
.list_vol, .list_mon{  color: #000;}

/* .main_vis .vis_In{padding-top: 70px; margin-top: 70px} */
/* #slideN .Newsbox01, #slideN .Newsbox02, #slideN .Newsbox03, #slideN .Newsbox04{margin-top: 0px;}
#slideN .Newsbox01 .img .bg{ background: url(../image/main/m1/slide_01_m.jpg) no-repeat center/100%;}
#slideN .Newsbox02 .img .bg{ background: url(../image/main/m1/slide_02_m.jpg) no-repeat center/100%;}
#slideN .Newsbox03 .img .bg{ background: url(../image/main/m1/slide_03_m.jpg) no-repeat center/100%;}
#slideN .Newsbox04 .img .bg{ background: url(../image/main/m1/slide_04_m.jpg) no-repeat center/100%;} */

}

@media all and (max-width:768px){
.NewsboxWr{padding: 15px;}
.sectionN .NewsboxWr .Newsbox{padding: 15px;}
/* .main_vis .vis_In{padding-top: 0px; } */
.list_vol{font-size: 20px;}
.list_mon{font-size: 16px;}

}
@media all and (max-width:420px){
.sectionN .NewsboxWr .Newsbox{padding: 10px;}
.list_vol{font-size: 16px;}
.list_mon{font-size: 13px;}
}



.vol_txtWr{ position: relative;	display: block; width: 100%; height: 100%;
  top: 75px; left: 0;  padding: 5px 0;
	text-align: center; margin: 0 auto;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
  font-family: 'notokr-regular','sans-serif';
  font-weight: lighter;
}
.vol_txt{	position: relative; width: 100%;
	background-color: transparent;
	z-index: 20;
	color: #fff; font-size: 16px;
}



@media all and (max-width:1089px){
.vol_txtWr{top: 65px; padding: 0 0 3px 0;}
}

@media all and (max-width:768px){
.vol_txtWr{top: 60px;}
/* .logo_txt{font-size: 14px;} */

}
@media all and (max-width:400px){
  /* .logo_txt,   .logo_txt p{display: none;  } */
}

.full_pop{  position: fixed; display: flex; width: 100%; height: 100%;
  top: 0; left: 0;  bottom: 0;  right: 0;  overflow: hidden; align-items: center;
  background-color: #7fb4e1;  z-index: 999; box-sizing: border-box;}

.popimg{  position: relative; display: flex;  width: 100%;  height: 100%;
  align-items: center;  justify-content: center;  margin: 0 auto;
  text-align: center;  overflow: hidden;  background-size: 100%;}
.full_pop .cover_W{}
.full_pop .cover_M{display: none;}

@media all and (max-width:1089px){
.popimg img{ height: 80% !important;}
.full_pop .cover_W{display: none;}
.full_pop .cover_M{display: flex;}
}

@media all and (max-width:768px){
/* .full_pop .cover_M{width: auto;}
.logo_txt{font-size: 14px;} */
}


/***********/
.popupBox {  position: fixed; top: 30%;  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; 	width: 50px; height: 50px;

  top: 4%; right: 4%;
  font-size: 26px; border-radius: 50%;
  border: none; cursor: pointer;
  background: #273e96; color: #fff;  z-index: 999; }



@media all and (max-width:640px){
  .popupBox {right: 10px;}
}

@media all and (max-width:420px){
  .popupBox {right: 0px;}
  .popupBox .popupX{top: 0%; right: 0%;}
}






  /*  */