@charset "UTF-8"; 

/**** header ****/
#header {position:absolute; z-index:999; width:100%; background:#fff;}
.ad_banner {background:#ffffe6; border-bottom:1px solid #ddd;}
.ad_banner .container {position:relative;}
.ad_banner label {position:absolute; right:0; bottom:10px; font-weight:400;}
.ad_banner label span {font-size:14px; padding-left:7px;}

/* gnb */
nav.pc {position:relative; display:block; margin:0 auto; overflow:hidden;}
nav.pc:hover {box-shadow:5px 5px 7px rgba(0,0,0,.1) !important;}
nav.pc h1 {margin-top:23px;}
nav.pc .gnb>ul>li.dep1 {position:relative; float:left; /* width:13.355%; */padding:0 25px; min-width:12.3%; text-align:center;}
nav.pc .gnb>ul>li.dep1>a {display:block; width:100%; font-size:18px; font-weight:400; line-height:100px;}
nav.pc .gnb>ul>li:nth-child(4)>a,
nav.pc .gnb>ul>li:nth-child(5)>a,
nav.pc .gnb>ul>li:nth-child(6)>a {color:#006A34;}
nav.pc .gnb .dep2 {position:absolute; top:100px; left:0; width:100% !important; padding-top:15px; height:750px; text-align:left;}
nav.pc .gnb .dep2>li {display:block;}
nav.pc .gnb .dep2>li>a {display:block; padding:7px 20px; color:#555; word-break:keep-all; line-height:1.2;}
nav.pc .gnb .dep3 {margin-bottom:10px;}
nav.pc .gnb .dep3>li>a {display:block; padding:2px 10px 2px 35px; color:#555; font-size:14px; background:url(../images/layout/bul_type_gnb.jpg) no-repeat 25px 12px;}
nav.pc .gnb .dep4 {display:none;}
nav.pc .bg {height:100%; background:url(../images/layout/bg_gnb.png) no-repeat  center 50%; border-top:1px solid #ddd;}
nav.pc .gnb>ul>li.dep1>a:hover,
nav.pc .gnb .dep2>li>a:hover,
nav.pc .gnb .dep3>li>a:hover {color:#005027;}


/**** footer ****/
footer {position:relative; font-size:15px; background:#2a793f;}
footer .ft_inner {padding:10px 0; background:#444;}

/* 이용약관 부분 */
.fnb {margin-top:2px;}
.fnb a {display:inline-block; color:#ddd; font-size:13px;}
.fnb a span {display:inline-block; margin-right:10px; padding:5px 15px; border:1px solid #c0de68; border-radius:5px; color:#c0de68; font-weight:400;}
.fnb a:hover {color:#39b54a;}
.fnb a:hover span {background:#c0de68; color:#333;}

/* 관련기관 */
.footer-link-inner>a {display:block; padding:8px 15px; background-color:#fff; border-radius:10px; font-size:13px; background-repeat:no-repeat; background-position:95% center; background-image:url(../images/layout/ft_sel_arrow_down.jpg);}
.footer-link-inner>a.on,
.footer-link-inner>a:hover {color:#01868f; background-image:url(../images/layout/ft_sel_arrow_up.png);}
.footer-link-inner>ul {display:none; position:absolute; bottom:34px; background:#fff; width:100%; z-index:100; overflow:auto; border:1px solid #ddd; border-bottom:0;}
.footer-link-inner>ul>li {border-bottom:1px solid #ddd; padding:5px 0;}
.footer-link-inner>ul>li> a {display:block; padding-left:20px; color:#666; font-size:13px;}
.footer-link-inner>a:hover,
.footer-link-inner>ul>li> a:hover{color:#01868f;}
.footer-link-inner>ul>li:hover{background:#f0faf9;}

/* 홈페이지 하단정보 */
address {margin:0 !important; padding:20px 0 30px; line-height:1.4 !important;}
address>div.container {padding-top:12px; padding-left:260px; color:#ccc; background:url(../images/layout/ft_logo.png) no-repeat 0 0;}
address div.clearfix>p {display:inline-block; /*float:left;*/ margin-right:20px;}
address div.clearfix>p:last-child {margin-right:0;}
address div.clearfix>p>a {display:inline-block; color:#ccc;}
address div.clearfix>p>a:hover {text-decoration:underline;}
address small {display:block; margin-top:10px;}


/* 오른쪽 퀵바 */
#right_quick {position:fixed; top:0; right:0; width:100px; height:100%; z-index:98;}
#right_quick ul {position:absolute; top:50%; transform:translate(0,-50%); width:100%; background:#fff; box-shadow:-2px 5px 9px rgba(0,0,0,.3);}
#right_quick ul li {width:100px; text-align:center;}
#right_quick ul li:first-child {border-bottom:1px solid #ddd;}
#right_quick ul li:last-child {background:#00a651;}
#right_quick ul li:last-child p {color:#fff;}
#right_quick ul li a {display:block; padding:20px 0;} 
#right_quick ul li a p {margin-top:10px; line-height:1.2; font-size:14px;}
#right_quick i {display:block; width:30px; height:30px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
.i_qb_map {background-image:url(../images/layout/i_qb_map.png);}
.i_qb_comfort {background-image:url(../images/layout/i_qb_comfort.png);}
.i_qb_info {background-image:url(../images/layout/i_qb_info.png);}


/**** LNB ****/
.lnb {position:absolute; top:303px; left:50%; transform:translate(-50%,0); z-index:97; border:1px solid #ddd;}
.lnb .container {background:#fff;}
.lnb .container>* {position:relative; float:left; height:50px;}
.lnb .container div>p {cursor:pointer; color:#000;}
.lnb .container div:hover {background-color:#fff;}
.lnb .container .home {width:50px; background:url(../images/layout/sub_home.png) no-repeat center; text-indent:-9999px;}
.lnb .container .onmenu {
	display:block; height:50px; padding:13px 70px 13px 20px; font-size:16px; font-weight:400; color:#222;
	background:url(../images/layout/sub_select.png) no-repeat 90% center; border:1px solid #ddd; border-top:0; border-bottom:0;
}
.lnb .container .dep2 .onmenu {background-position:93% center;}
.lnb .container .dep1 {min-width:210px;}
.lnb .container .dep2 {min-width:260px; margin-left:-1px;}
.lnb .container>.dep3 {margin-left:-1px;}
.lnb .container ul {display:none; width:100%; padding:0; margin:0;}
.lnb .container ul li a {display:block; padding:10px 15px; border:1px solid rgba(0,0,0,.1); border-bottom:0; background:#fff; font-weight:400; font-size:14px; color:#666;}
.lnb .container ul li:last-child a {border:1px solid rgba(0,0,0,.1);}
.lnb .container ul li a:hover {color:#000; background-color:#f8f8f8;}
.lnb .container ul li.on a {color:#fff; background-color:#39b54a; border-color:transparent;}
.lnb .container div:hover p,
.lnb .container div.on p {color:#39b54a;}
.lnb .container div.on .onmenu {background:url(../images/layout/sub_select_up.png) no-repeat 90% center;}

.lnb.fixOn {position:fixed !important; z-index:700 !important; width:100%; top:0 !important; margin-top:0; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.1);}

/* 서브 상단 배경 */
.bgTop {position:relative; width:100%; height:330px; background:url(../images/layout/bg_cate_02.jpg) no-repeat center; background-size:cover;}
.bgTop .cate_tit {position:absolute; top:180px; left:50%; transform:translate(-50%,0); color:#fff; text-align:center;}
.bgTop .cate_tit>h2 {margin-bottom:30px; font-size:42px;}
.bgTop .cate_tit>p {font-size:18px;}


.fa-searchCON{text-indent: -9999px; display:inline-block;}



/* ************************ 상단 GNB만 사용 ()  ************************ */
@media screen and (min-width: 992px) and (max-width: 1199px)  {
	nav.pc h1 {padding-right:10px;}
	nav.pc .gnb>ul>li.dep1 {padding:0 14px; min-width:auto;}
}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	.pc {display:none !important;}	
	
	/*헤더*/
	header {z-index:999; width:100%; left:0; top:0;}
	header .head {z-index:100; position:fixed; left:0; top:0; width:100%; height:60px; overflow:hidden; line-height:1; background-color:#fff;}
	header .head .gnbView {display:block; float:right; width:60px; height:60px; background:url(../images/layout/icon_allmenu.png)no-repeat center; background-size:20px; border-left:1px solid rgba(255,255,255,.1);}
	header .head .gnbView img {height:15px;}
	header .head h1 {float:left; margin:0 !important; display:block;}
	header .head h1 a {display:inline-block; padding:10px; text-align:center;}
	header .head h1 a img {display:block; height:40px; font-size:0; line-height:0;}
	
	nav.mobile {z-index:9999; position:fixed; visibility:hidden; overflow-y:scroll; top:0; right:0; width:90%; height:100%; background:#fff; box-shadow:5px 0px 10px rgba(0,0,0,.7) !important;}
	nav.mobile .closeWrap {position:relative; height:60px; background:#39b54a; color:#fff; font-size:12px;  text-align:right;}
	nav.mobile .closeWrap>* {display:inline-block;}
	nav.mobile .closeWrap .gnbClose {display:block; width:60px; height:60px; background:url(../images/layout/icon_gnbclose_w.png) no-repeat center; background-size:20px; border-left:1px solid rgba(255,255,255,.1); float:right;}
	/* nav.mobile .closeWrap .gnbClose {float:right; width:70px; height:70px; background:url(../images/icon_gnbclose_w.png) 50% 50% no-repeat; background-size:40%;}	 */
	nav.mobile .gnb.container {padding:0 !important; width:100%;}
	nav.mobile .closeWrap .link {position:absolute; display:block; top:0; left:0; padding:20px; color:#fff; font-size:12px;}		
	.gnbCover {display:none; z-index:9998; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
	nav.mobile .dep1>a {display:block; padding:12px 20px; font-size:15px; border-bottom:1px solid #eee;}
	nav.mobile .dep2>li>a {display:none; padding:10px 30px; font-size:14px; background:#f9f9f9; color:#555; border-bottom:1px solid #e6e6e6;}
	nav.mobile .dep3 {display:none;}
	nav.mobile .dep3>li:first-child {padding-top:10px;}
	nav.mobile .dep3>li:last-child {padding-bottom:10px; border-bottom:1px solid #eee;}
	nav.mobile .dep3>li>a {display:block; padding:3px 30px; color:#666;}
	nav.mobile .dep3>li>a::before {display:inline-block; content:""; width:2px; height:2px; background:#666; clear:both; margin:0 5px 5px 0;}
	
	/* 오른쪽 퀵바 */
	#right_quick {display:none;}
	
	/* 서브 상단 배경 */
	.bgTop {height:200px;}
	.bgTop .cate_tit {top:110px;}
	
	
	/* table */
	.tableMsg {
		padding-left:20px; font-size:16px; line-height:1.2; padding-bottom:10px; color:#3689de;
		background:url(../images/layout/icon_tip.png) no-repeat left 2px; background-size:15px;
	}
	.tableMsg::after{content:"표의 내용이 모두 보이지 않을 경우 좌,우측으로 드래그하세요.";}
		

}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.container {padding:0 10px;}

	/* header_wrap  */
	.header_wrap>div.h_logo img {width:190px; margin:5px 5px 5px 10px;}
	#header .h_logo .gnbView {width:70px; height:70px;}

	
	.header_wrap .museum_link {display:none;}
	nav.mobile .closeWrap {border-bottom:1px solid rgba(255,255,255,.3);}
	.m_util .museum_link {display:block; text-align:center; height:50px; line-height:50px; background:#786857;}
	.m_util .museum_link a {display:inline-block; padding:0 10px; color:#fff;}
	.m_util .museum_link a:first-child::after {display:inline-block; content:"|"; clear:both; margin-left:20px; opacity:.3;}
	
	.m_quick li {width:33.3%;}

	
	/**** footer ****/
	footer {font-size:13px;}
	footer .ft_inner {padding:0;}
	footer .ft_inner .container {margin-top:0; padding-bottom:10px;}
	footer .ft_inner .container>div {padding:10px 20px;}
	
	/* 이용약관 부분 */
	.fnb {text-align:center;}
	.fnb a {margin-right:8px;}
	
	/* 관련기관 */
	.footer-link-inner>div:first-child {margin-bottom:10px; padding-right:0;}
	.footer-link-inner>div>a {padding:0 10px; line-height:30px;}
	.footer-link-inner>div>ul {bottom:30px;}
	.footer-link-inner>div:first-child>ul {width:100%;}

	/* 홈페이지 하단정보 */	
	address {padding:20px 0;}
	address>div.container {padding:0 20px 60px; background-position:center bottom; background-size:160px;}
	
	/* 서브 상단 배경 */
	.bgTop {height:150px;}
	.bgTop .cate_tit {top:90px; width:90%;}
	.bgTop .cate_tit>h2 {margin-bottom:12px; font-size:26px;}
	.bgTop .cate_tit>p {font-size:15px;}

	
	/* table */
	.tblWrap {width:100%; overflow-x:scroll;}
	.tblWrap table {width:768px;}
}

.screen_out {overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}