@charset "utf-8";
@import url("core.css");
@import url("hover.css");
@import url("plugin.css");
@import url("sub.css");
@import url("subCom.css");
/* @import url("information.css"); */
@import url("50years.css");
@import url("font-awesome.min.css");

/* ----------------------	common.css	--------------------------*/

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo|Nanum+Pen+Script|Noto+Sans+KR|Noto+Sans+SC|Open+Sans|Titillium+Web&display=swap');
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

/* layout */
#content {width: 100%;margin: 0 auto;margin-top: 82px;}
.container {	width: 100%;	max-width: 1200px;	margin: 0 auto;box-sizing:border-box}
/* .container2 {	width: 1400px;	min-width: 1400px;	margin: 0 auto;box-sizing:border-box} */
.topBtn { position: fixed; width: 64px;  height: 64px;  right: 4%;  bottom: 4%; text-align: center;
  vertical-align: middle; opacity: 0; cursor: pointer; z-index: 999; border-radius: 50%; visibility: hidden;
  transition: all 0.5s;  background-color: rgba(4, 105, 57, 0.85);}
.topBtn.active { opacity: 1;  visibility: visible;  transition: all 0.5s;}
.topBtnI { display: inline-block; width: 34px; height: 47px; margin: 0 auto; padding-top: 15px;
  background: url(../images/topBtn_icon.png) no-repeat center/100%; }
.navG {	position: absolute;}
#header {	position: fixed;  display: block;  width: 100%;margin: 0 auto;  box-sizing: border-box;
  height: 82px;  top: 0;  left: 0;  right: 0;  z-index: 2;	background-color: #ffffff;
  font-family: 'NanumSquare','sans-serif'; border-bottom: 0.5px solid #dddddd;}
.headerTop {	position: relative;	display: block;	height: 82px;	width: 100%; margin: 0 auto;	box-sizing: border-box;}
.gnbArea { position: relative;	display: inline-block;
  /* width: 70%; */
  width: calc(98% - 315px);
  height: 82px;	z-index: 3;	box-sizing: border-box;}
/* .logowrap{	width: 121px;	height: 41px;	position: relative;	display: inline-block;} */
.headerTop .logo {	position: relative;	display: inline-block;
  /* max-width: 10%; */
	width: 138px;  height: 39px; top: -30px;
	/* margin-top: 8px;  transform: translateY(-50%); */
	margin-left: 2%;
  margin-right: 10px;
	background:url(../images/img_logo.jpg) no-repeat center/100%;}

#header .side-util {	position: relative;	display: inline-block; float: right;
	border-collapse:collapse;	box-sizing: border-box;	 top: 0; max-width: 17%;}
#header .side-util .issue-back,
#header .side-util .btn_gnb_view {	display: inline-block;	width: 82px;	height: 82px;
	float: left;	cursor: pointer;	box-sizing: border-box;	border: 0.5px solid #ddd;
	text-align: center;	margin: 0 auto;}
#header .side-util .issue-back{	margin-right: -1px;	/* opacity: 0;  display: none; */}
#header .side-util .btn_gnb_view i {	display: inline-block;	width: 40px;	height: 40px;
	margin: 0 auto;	margin-top: 50%;	transform: translateY(-50%);	text-align: center;
	background: url(../images/btn_gnb_view.png) no-repeat center;}
.headerTop .side-util .issue-back i{	display: inline-block;	margin-top: 10px;
	width: 38px;	height: 27px;	background: url(../images/book.png) no-repeat center/cover;}
.headerTop .side-util .issue-back p{ margin-top: 6px;	font-size:13px;	color:#666; line-height: 1;
	text-align: center;	font-family: '맑은 고딕', 'Malgun Gothic';}


/****************************************************** 팝업창 관련 ******************************************************/

 /*팝업창*/
#popup {
    display: none; /*숨기기*/
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
}

#popmenu {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    width: 800px;
    height: 450px;
    text-align: center;
    background: rgba(0,0,0,0.8);
	border:1px solid #c7c7c7;
	padding:50px 10px 10px 10px;
}

#popmenu p {
    margin-top: 80px;
}

.exit {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%,0);
	border-radius:30px;
    width: 180px;
    height: 20px;
    text-align: center;
	padding:10px 0;
	color:#fff;
	background: #1eb4cf;
	/*background: #089254;*/
    cursor: pointer;
}

.cont4B .thumbnails::after, .cont5B .thumbnails::after, .box04_t1 > .thumbnails::after{
	content: '';	position: absolute;	margin: 0 auto;	top: 10px; right: 10px; bottom: 10px; left: 10px;
	opacity: 0;	visibility: hidden;	transition: all 0.2s linear;
  border: 2px solid #ffffff;}

/* ------------------------	hover	-------------------------*/
.container .eng {  font-size: 25px;  color: #fff;  font-family: 'NanumSquare','Sans-serif';}
.container1 .eng {  font-size: 13px;  color: #fff;  font-family: 'NanumSquare','Sans-serif';}

.cont1B .eng1::after, .box04 .eng::after { content: ''; position: relative; display: block;
 width: 40px; height: 2px; top: 10px; margin: 0 auto; text-align: center;
 background-color: #fff; color: #fff;}

.container .thumbnails {	position: relative;	overflow: hidden;	margin: 0 auto;}
.loader {  width: 100%;  height: 100%; background-position: center center;
  background-repeat: no-repeat;  background-size: cover;}

.thumbnails .loader {	position: absolute;	top: 0; right: 0; bottom: 0; left: 0;	margin: auto;
	background-color: transparent;	transform: scale(1);	transition: transform 0.5s, background 0.5s;}


/* .thumbnails a  */
.cont1B .thumbnails::after, .box04_t1 > .thumbnails::after{
	content: '';	position: absolute;	margin: 0 auto;	top: 10px; right: 10px; bottom: 10px; left: 10px;
	opacity: 0;	visibility: hidden;	transition: all 0.2s linear;
  border: 2px solid #ffffff;}

.container a:hover .thumbnails::before, .container a:hover .thumbnails::after {
  opacity: 0.8;	visibility: visible;}

.cont1B .thumbnails::after,  .cont2B .thumbnails::after, .cont3B .thumbnails::after,
.cont4B .thumbnails::after, .cont5B .thumbnails::after, .box04_t1 > .thumbnails::after{
	content: '';	position: absolute;	margin: 0 auto;	top: 10px; right: 10px; bottom: 10px; left: 10px;
	opacity: 0;	visibility: hidden;	transition: all 0.2s linear;
  border: 2px solid #ffffff;}

.container a:hover .thumbnails::before, .container1 a:hover .thumbnails::before,
.container a:hover .thumbnails::after, .container1 a:hover .thumbnails::after {
  opacity: 0.8;	visibility: visible;
}

.contnum1 .infowr{	position: relative;	display: table-cell; width: 100%;	height: 100%;
	margin: 0 auto;box-sizing: border-box; vertical-align: middle;	text-align: center;}
.contnum1 .infowr .name{
	/* margin: 5px 0;	 */
	font-size: 20px; color:#00588A;}
.contnum1 .infowr .name::after{	background-color: #00224b;}
.contnum1 .info .name::after{	content: '';	display: block;	width: 40px;	height: 1px; margin: 0 auto;
	margin-top: 8px;	margin-bottom: 0px;	background-color: #00224b;}

.eng1{color:#60d1e4; line-height: 1.6;}
.eng2{color:#ffffff;}

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

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

.viewrw{	position: relative;	display: block;	width: initial;	margin-top: 20px;}
.viewrw .viewbtn{	display: inline-block;transform: skew(-0.03deg); 	text-align: center;
	font-size: 15px; color: #00588A; font-family: 'NanumSquare', 'sans-serif';	vertical-align: middle;}
.viewbtn::after{ content:'+';	display: inline-block;	width: 15px;	height: 1px; color: #60d1e4;}
.viewrw::after{	content:'';	display: block;	width: 44px;	height: 1px;
	margin: 0 auto;	margin-top: 5px;	background-color: #60d1e4;}

/*************** hanil·tech ***********************/
#cont4{}
#slide01{ width: 80%;  margin: 0 auto;}
@media all and (max-width:1089px){
#slide01{ width: 100%; }
}
.cont4B{ position: relative; display: inline-block;
  /* width: calc(24.9% - 10px) ; */
  width: calc(45% - 10px) ;
 height: 100%; margin: 20px; vertical-align: top;		box-sizing: border-box; overflow: hidden;	}
.cont4B .cont4Ba{	position: relative;	display: inline-block;	width: 100%;	box-sizing: border-box;}
.cont4B .thumbnails{	height: 330px;}
/* .cont4B .thumbnails .loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
 transform: scale(1); transition: transform 0.35s;	background-repeat: no-repeat;
 background-position: center center; background-size: cover;} */
.cont4B .info { position: absolute;	display: table; width: 100%;  height: 100%;  min-height: 86px;
	bottom: 0px;  left: 0px;	overflow: hidden; text-align: left;  background-color: rgba(0,0,0,.6);
	vertical-align: middle;}

.cont4B .infowr{	position: relative;	display: table-cell; height: 100%;	padding: 15px 10px;	margin: 0 auto; vertical-align: middle;	text-align: center; }
.cont4B .infowr .name{color:#6dcddd; margin-bottom: 40px;}
.cont4B .infowr .name::after{	background-color: #fff;}
.cont4B a:hover .infowr{display: none;}
.cont4B a:hover .info{	background-color: rgba(0,0,0,0);}

.cont4B .txt2, .cont4B .txtsub{transform: skew(-0.03deg);}
.cont4B .txt2{ margin-top: 10px;	/* font-size: 15px; */}
.cont4B .txtsub{margin-top: 0; font-weight: normal; color:#fff}

.container a:hover .label, .container1 a:hover .label{ display: none;}
/* .container a:hover .box03box2 dd p.txt2, .box03box2 dd p.stxt2{display: none;}
.slider a .thumbnails::before {	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;transform: scale(0,1);}
.slider a .thumbnails::after {	border-right: 1px solid #fff;	border-left: 1px solid #fff;transform: scale(1,0);}
 a:hover .thumbnails::before, a:hover .thumbnails::after{	opacity: 1;	transform: scale(1,1);} */

.container1 a .thumbnails .loader::after, .container a .thumbnails .loader::after {
  content: '';  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  margin: auto;
  background: transparent;  /* transition: background 0.5s; */  }
.container a:hover .thumbnails .loader::after,
.container1 a:hover .thumbnails .loader::after {
  background: rgba(0,0,0,0.6);
  /* background: rgba(29, 57, 119, 0.82); */
}
.container a .thumbnails .eng, .container1 a .thumbnails .eng {	position: absolute;
  top: 50%; right: 0; left: 0;	margin: auto;	font-size: 20px;	line-height: 1.6;
  font-weight: normal;	color: #fff;	text-align: center;	transform: translateY(-50%);
  opacity: 0;	visibility: hidden;	transition: opacity 0.5s, visibility 0.5s;	transition-delay:0.1s;}
.container1 a .thumbnails .eng {font-size: 18px;}
.container a:hover .thumbnails .eng,.container1 a:hover .thumbnails .eng {	opacity: 1;	visibility: visible;}

@media ( max-width: 1024px ) {
.container .eng {	margin-left: 15px;	font-size: 25px;	}
.fac2_wrap .swiper-slide  a {	display: block;	}
/* .container a .thumbnails::after {	border-width: 3px;	} */
.container a .thumbnails .eng {	font-size: 18px;	}
.container1 a .thumbnails .eng {font-size: 16.5px;}
	}



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




#back-view {	top:82px;	right: 0px;	width: 188px; }
#back-view select {padding-left: 10px;}
#back-view select, #back-view select option {display: block;width: 100%;line-height: 1.7;}
#back-view select option {text-indent: 8px;color: #666;font-size: 15px;padding:5px;}
#back-view select option:checked, #back-view select option:hover {	background: #fff;	color: #000;}
#back-view select option {background-color: #fff;}
/* .issue-back-wrap {display:none;} */
.pdfdown-back-wrap {display: block;width: 1200px;margin: 0 auto;} /*PDF 다운로드*/
.pdfdown-back-wrap .pdfdown-back {float:right;margin-top:15px;}
.pdfdown-back-wrap .pdfdown-back {display: inline-block; box-sizing:border-box; margin-left: 35px;
  padding: 3px 5px 3px 15px; width: 140px; height: 26px; font-size: 14px; color: #525252; border:none;
  background:#bfc0c2 url(../img/main/pdfdown-back.jpg) top right no-repeat; -webkit-appearance: none;}
.select-wrap {	position: absolute;	text-align: center;	width: 188px;	top: 82px;	right:20px;}
.select-inner:after {content:"▼";display: none;}
.select-inner {position: relative;}
#select-box {	width: 100%;	padding: 7px;	background-color: #fff;	font-size: 13px; background-image: none;
	border: 1px solid #c5c5c5;	text-indent: 2px;	line-height: 1.7;	color: #666;	margin:0;	}
.gTop .btn_gnb_close {	position: fixed;	display: inline-block;
	z-index: 200;	top: 0px;	right: 0px;	width: 82px;	height: 82px;	cursor: pointer;
	box-sizing: border-box;	background: url(../img/main/mobile_bt_close.png) no-repeat cover;}
.gTop .btn_gnb_close .closebtn{	display: inline-block;
margin-top: 50%;	margin-left: 50%;	transform: translate(-50%, -50%);
width: 24px;	height: 24px;	background: url(../images/mobile_bt_close.png) no-repeat center/cover;}
.gnbBg {	display: none;	position: fixed; left: 0; top: 75px; width: 100%; height: 145px;
	background-color: rgba(255,255,255,0.95);	border-top: 1px solid #e6e6e6; z-index: 2;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.05);	padding-bottom: 10px;}
.menuMbg{		/* display: none; */	position: fixed; left: 0; width: 100%; height: 100%; top: 82px;
	background-color: rgba(0,0,0,0.7);		z-index: 0;		}
.gnbArea .gnb {		position: relative;	display: inline-block;
	width: 100%;	margin: 0 auto;		box-sizing:border-box;	}

.gnbArea .gnb > ul.sub_menuW:after {content:'';display: block;clear: both;}
.gnbArea .wlist {	position: relative;	display: inline-block;	width: calc(100% / 6);	float: left;
	list-style:none;	text-align: center;	box-sizing:border-box;	line-height: 82px;}
/* .gnbArea .wlist:nth-child(3){	width: 18%; }
.gnbArea .wlist>a::after{	content:'';	position: absolute;	display: inline-block;
	width: 1px;	height: 15px;	background-color: rgba(213, 213, 213,0.8);
	right: 0;	top: 50%;	transform: translateY(-50%);} */

.gnbArea .wlist>a{ position: relative; width: 100%; display: block;	font-size: 18px;
	line-height: 82px; font-weight: bold;	color: #444444;	vertical-align: middle; overflow: hidden;
	background-image: linear-gradient(to right, rgba(140, 198, 62,1), rgba(5, 150, 85, 0.94));
 background-size: 0 2px, auto;	background-repeat: no-repeat; 	box-sizing:border-box;
 background-position: center bottom;	transition: all .2s ease-out;}
.gnbArea .wlist>a:hover{	background-size: 95% 2px;	height: auto; }

.gnbArea .gnb .sub_menuW {	width: 100%; 	 display: none;}
.gnbArea .gnb ul li ul.sub_menuW li {float: none;}
.gnbArea .gnb ul li ul.sub_menuW li a{	display: block;	padding:10px 15px;
	font-size: 16.5px;font-weight: normal;	color: #666;	line-height: 1.5;
	text-align: center; height: auto;	font-weight: normal; word-break: keep-all;	}

.gnbArea .gnb ul.sub_menuW li a:hover{	color:rgba(140, 198, 62,1);}
.gnbArea .gnb ul li ul.sub_menuW li a:hover {	color:#fff;	background-color: rgba(5, 150, 85, 0.94); }
.gnbArea .gnb .gTop {display: none;}
/***********/

.menuM #navM {	position: fixed;	width: 40%;	height: 100%;	min-width: 250px;	top: 82px;	right: 0;
	padding-left: 55px;	margin-right: 0;	padding: 30px;	background-color: #fff;	z-index: 1;
	overflow: hidden;	overflow-y: auto;}
.gnbArea #navM > ul {	margin: 0 0 45px 10px;}

.gnbArea #navM .menu00,.gnbArea #navM .menu01,.gnbArea #navM .menu02,
.gnbArea #navM .menu03,.gnbArea #navM .menu04,.gnbArea #navM .menu05,
.gnbArea #navM .menu06{	border-bottom: 1px solid #e0e0e0;	font-weight: bold;}
.gnbArea #navM .menu07{	margin-top: 20px;}
.gnbArea #navM .menu07 a{	display: inline-block;	margin-left: 80px;	vertical-align: middle;}
.gnbArea #navM .menu07 a i{	left: 30px;}
#navM .menu07 .thum-img {background:url(../images/mobile_img05.png) no-repeat 100%/cover;}

.gnbArea #navM ul > li {	position: relative;	padding: 15px 0;}
.gnbArea #navM ul li a {	font-size: 18px;	margin-left: 30px;}

.gnbArea #navM ul li ul.subDep {	display:none;	padding: 0;	background:none;
	border-top:none;	margin-top: 10px;}
.gnbArea #navM ul li ul.subDep li {	position: relative;	padding-bottom: 10px;}
.gnbArea #navM ul li ul.subDep li:after {	content:'-';	display: inline;	position: absolute;
	top: 10%;	left: 0;	color: #fff;	line-height: 2.1;	vertical-align: middle;}
.gnbArea #navM ul li ul.subDep li a {	font-size: 16.5px;	font-weight: normal;	vertical-align: middle;	line-height: 1.5;}
.gnbArea #navM .gTop {	position: relative;	display: block;	padding: 20px 0 20px 40px;	line-height: 40px;
	font-size: 18px;	font-weight: bold;}
.gnbArea #navM .gTop span{	color:#046939;	margin-left: 5px;	font-size: 16.5px;}
#navM .thum-img {	position: absolute;	display: block;	width: 38px;	height: 38px;	top: 10px;
	border-radius: 50%;	overflow: hidden;	line-height: 2.5;	margin-right: 30px;}
#navM .fa-angle-down, #navM .fa-angle-up, #navM .fa-plus, #navM .fa-minus	{
	float: right;	display: inline-block;	width: 50px;	font-size: 25px;
	margin-left: 8px;	font-size: 16px;	line-height: 16px; font-weight: lighter;
	font: normal normal normal 16px FontAwesome;
	vertical-align: middle;	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

#navM .fa-plus, #navM .fa-minus{	font-size: 25px;	font-weight: lighter;	color: #666;}
#navM .fa-plus:active .fa-plus::before,
#navM .fa-minus:active .fa-minus::before{	color: rgba(5, 150, 85, 0.9);}
.fa-plus,	.fa-angle-up{	display: none;	color: #0F77B2;}
.fa-angle-up:before{	font-size: 18px;}
.fa-plus:before{	font-weight: 100;	font-size: 18px;}
.msearch {	margin: 0 auto;  padding: 50px 10px 30px;}
.msearchinput {  width: calc(100% - 70px);  height: 33px;  margin: 0;  padding: 0;
  border: 1px solid #ccc;  vertical-align: top;}
#sch_submit{	width: 35px;	height: 35px;	line-height: 1;	margin-top: -10px;
	background-color: rgba(0,0,0,0.8);	vertical-align: middle;}

#sch_submit i{	color:#fff;	font-weight: normal;	font-size: 20px;}

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

#footer {	background-color: #e2e2e2;	color: #666666; /*margin-top: 50px;*/}
#footer .container {text-align: center;padding: 40px 0;font-size: 14px;line-height: 1.9;}
#footer .container address{font-size: 16.5px; }

@media all and (max-width:1089px){
#content{	margin-top: 55px;}
#header .side-util .issue-back{display: none;}
.topBtn {  width: 40px;  height: 40px;  }
.topBtnI {  padding-top: 17px;    width: 19px;    height: 19px;  }

.headerTop .logo {	margin: 0 auto;	top: 0;margin-top: 5px;	margin-left: 50%;
	transform: translateX(-50%);	max-width:121px;}
.container {	width: 100%;	min-width: initial;}
.gnbArea .gnb{	display:none !important;}

#header,.gnbArea,.headerArea,#header .side-util,
.headerTop{	height: 55px;	box-sizing: border-box;}
.headerArea .container {	padding: 10px 0;	height: 100%;}

.gnbBg {display: none;}
.gnbArea { position: static;width: auto;height: auto;}

 #header .side-util .btn_gnb_view, .headerTop .btn_gnb_view,
.gTop .btn_gnb_close {width: 55px;	height: 55px;	box-sizing: border-box;}
.menuMbg{top: 55px;}
.menuM #navM {	width:50%;	top: 55px;	padding: 0;}
#header .side-util .btn_gnb_view{	 border:none;}
.pdfdown-back-wrap {  position: relative;  width: 100%;	height: 80px;  top: 150px;
  text-align: center;	margin: 0 auto;}
.pdfdown-back-wrap .pdfdown-back{	float: none;	margin: 15px 0 0 0;	}
.issue-back-wrap {  display: inline;  width: auto;}
.issue-back-wrap #select-box2 {  box-sizing: border-box;  display: inline-block;
	width: 140px; height: 26px;  margin: 0; margin-top: 30px;
  padding: 3px 5px 3px 15px;  font-size: 14px;
  background: #fff url(../img/main/issue-back.jpg) top right no-repeat;
  -webkit-appearance: none;  color: #525252;  border: none;}

#footer{width:100%;height:auto;text-align:center; /*margin-top: 50px;*/}
#footer img{width:100%;height:auto;max-width:801px;}
#footer .container {padding: 20px 10px;width: 100%;  }
#footer .container address{	/* margin-top: -115px; */}
}
@media all and (max-width:768px){
.headerTop .logo {	max-width:100px;}
.menuM #navM {	width:80%;}
/* .gnbArea {display: none;} */
/* #header .side-util .btn_gnb_view{float: right;} */
}