@charset "utf-8";

/*
================================================================================
메인, 서브레이아웃
================================================================================
*/



#wrapper{width:100%;height:100%;}
#wrapper.sub_bg{background:url('/new_img/reservation/common/top_bg.jpg') no-repeat center top}


/* ---- 상단영역 ---- */
#header {position:relative;width:100%;min-width:980px;}
#header:after{display:block;clear:both;content:''}
#glob_top{position:relative;margin:0 auto;width:980px;min-height:90px;z-index:100}
#logo{padding-top:20px}
.top_guide{position:absolute;top:20px;right:0;}
.top_guide p{display:inline-block;padding:5px 0 5px 60px;font-size:12px;line-height:18px;background:url('/new_img/reservation/common/notice_ic.png') no-repeat left center}
.top_guide p strong{font-size:14px;color:#0769a7}
.top_guide .btn_logout{display:inline-block;margin:10px 0 0 10px;font-size:12px;vertical-align:top}
.top_guide .btn_logout a{display:block;padding-left:25px;width:57px;height:28px;color:#fff;line-height:26px;text-decoration:none;background:url('/new_img/common/btn_logout_bg.png') no-repeat}


/* ---- 중간영역 ---- */
#container{background:url('/new_img/reservation/main/visual_bg.jpg') no-repeat center top}
#container #content{position:relative;margin:0 auto;padding-bottom:30px;width:980px}
#sub_container{position:relative;}
#sub_container #content{position:relative;margin:0 auto;padding:40px 0;width:980px}

.subvisual01{background:url('/new_img/reservation/common/sub_visual04.png') no-repeat right top}
.subvisual02{background:url('/new_img/reservation/common/sub_visual02.png') no-repeat right top}
.subvisual03{background:url('/new_img/reservation/common/sub_visual03.png') no-repeat right top}
.subvisual04{background:url('/new_img/reservation/common/sub_visual01.png') no-repeat right top}

/* ---- 하단영역 ---- */
#footer {clear:both;width:100%;background:#e9eaec;border-top:1px solid #ccc}
#footer .foot_layer{margin:0 auto;padding-top:25px;width:980px;height:50px;font-size:11px;color:#777;text-align:center}

/*
================================================================================
상단메뉴
================================================================================
*/
.gnboverarea{margin:0 auto;width:980px}
#gnb{position:relative;}
#gnb ul:after{display:block;clear:both;content:''}
#gnb ul li{float:left;width: 140px;text-align:center;border-top:2px solid #565656;} 
/*#gnb ul li{float:left;width: 163px;text-align:center;border-top:2px solid #565656;}여기 바꾸기 202501*/
#gnb ul li h2{font-size:14px;font-weight:normal;}

#gnb ul li:first-child a{border-left:1px solid #cfcfcf}
#gnb ul li a{display:block;padding-top:80px;height:34px;font-size:14px;text-decoration:none;background:#fff url('/new_img/reservation/common/menu_ic.png') no-repeat center top;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf}
#gnb ul li h2.on a,#gnb ul li h2.active a,#gnb ul li h2.on2 a{color:#2a64bc;font-weight:bold;background:#f0f0f0 url('/new_img/reservation/common/menu_ic_on.png') no-repeat center top;}
#gnb ul li+li a{background-position:center -130px !important}
#gnb ul li+li+li a{background-position:center -260px !important}
#gnb ul li+li+li+li a{background-position:center -390px !important}
#gnb li+li+li+li+li a{background-position: center -777px !important;}
#gnb li+li+li+li+li+li a{background-position:center -520px !important;}
/*#gnb li+li+li+li+li+li+li a{background-position:center -650px !important}*/
/*#gnb li+li+li+li+li+li+li a{background-position:center -890px !important}*/
#gnb li+li+li+li+li+li+li a{background-position:center -990px !important;}
#gnb ul li h2.active+.gnbsingle ul{display:block}
#gnb ul li h2.active+.gnbsingle{background:#2a64bc;}

#gnb ul li .gnbsingle{position:absolute;top:115px;left:0;width:100%;z-index:20}
#gnb ul li .gnbsingle ul{padding:10px 20px}
#gnb ul li .gnbsingle ul li{padding:0 15px;width:auto;font-size:14px;font-weight:normal;background:url('/new_img/reservation/common/gnb_s_kan.png') no-repeat left center;border:0}
#gnb ul li .gnbsingle ul li:first-child{padding-left:0;background:none}
#gnb ul li .gnbsingle ul li:first-child a{border-left:0}
#gnb ul li .gnbsingle ul li a{padding:0;height:auto;color:#c1d3ed;font-weight:bold;background:none;border:0}
#gnb ul li .gnbsingle ul li a:hover,#gnb ul li .gnbsingle ul li a:focus{color:#fff;background:none}
#gnb ul li .gnbsingle ul li.on a{color:#fff}

#gnb_Bg{position:absolute;top:115px;left:0;display:none;width:100%;background:#2a64bc;z-index:10}
.sarrow{position:absolute;top:-10px;left:0;width:19px;height:10px;background:url('/new_img/reservation/common/gnb_arrow.png') no-repeat }

#gnb2th_1 .sarrow{left: 6%;}
#gnb2th_2 .sarrow{left: 20%;}
#gnb2th_3 .sarrow{left: 35%;}
#gnb2th_6 .sarrow{left: 78%;}
#gnb2th_7 .sarrow{left: 92%;}
/*#gnb2th_2 ul{margin-left:180px}*/
#gnb2th_3 ul{margin-left:310px}
#gnb2th_6 ul{margin-left:520px}
#gnb2th_7 ul{margin-left:525px}

#header .m_btn_gnb, .top_link{display: none;}


@media all and (max-width: 1024px){
	#wrapper{overflow: hidden;}
	#container{background: none;}
	#sub_container{padding: 0 15px}
	#sub_container #content{width: 100%}
	#header{min-width: auto;}
	#glob_top{width: 100%}
	#logo{padding-left: 20px}
	.top_guide{right: 15px}

	#footer .foot_layer{width: 100%}

	.gnboverarea{width: 100%}
	#gnb ul li:first-child,#gnb ul li{width: 16.5%;}
	#gnb ul li a {line-height: 1.1;}

	#gnb2th_2 ul,
	#gnb2th_3 ul,
	#gnb2th_6 ul{margin-left: 0;}

	#wrapper.sub_bg{background-size: auto 450px}
	
	.top_guide p{display:none}

}

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

	#sub_container #content{background: none;padding-top: 0px;}
	#wrapper.sub_bg{background: none;}	
	
	#logo{padding-top: 28px;padding-left: 15px}
	#logo img{width: 170px;}
	.top_guide{right: 70px}


		/* 모바일메뉴 */
		#header .m_btn_gnb{display:inline-block;position:absolute;top:22px;right:15px;width:44px;z-index: 300;}
		#header .m_btn_gnb a{display:block;height:44px;text-indent:-999px;overflow:hidden;background:url('/new_img/common/btn_mb_gnb.png') no-repeat}

.top_link{position:relative;margin:0 auto;width:1000px;height:45px;z-index:100;display: inline-block;}
#logo{position:absolute;top:0;left:0;z-index:10;}
.top_site_quick{position:relative;height:45px;overflow:hidden}
.top_site_quick li{float:left;position:relative;margin-right:-10px;width:125px;height:45px;font-size:13px;font-weight:bold;text-align:right;}
.top_site_quick li a{display:block;padding:17px 30px 0 0;height:28px;color:#fff;text-decoration:none}
.top_site_quick li.qu1{background:url('/new_img/common/top_quick_bg01.png') no-repeat left bottom;z-index:4}
.top_site_quick li.qu2{background:url('/new_img/common/top_quick_bg02.png') no-repeat left bottom;z-index:3}
.top_site_quick li.qu3{background:url('/new_img/common/top_quick_bg03.png') no-repeat left bottom;z-index:2}
.top_site_quick li.qu4{background:url('/new_img/common/top_quick_bg04.png') no-repeat left bottom;z-index:1}
.top_site_quick li.on{width:146px;background:url('/new_img/common/top_quick_bg_on.png') no-repeat left bottom;z-index:5}
.top_site_quick li.on a{padding:15px 40px 2px 0;font-size:15px;}
.top_site_quick li.qu1.on a{padding-right:33px;color:#10218b;background:url('/new_img/common/top_ic01.gif') no-repeat 28px 16px}
.top_site_quick li.qu2.on a{padding-right:33px;color:#1aa5c6;background:url('/new_img/common/top_ic02.gif') no-repeat 32px 18px}
.top_site_quick li.qu3.on a{color:#80c41c;background:url('/new_img/common/top_ic03.gif') no-repeat 35px 18px}
.top_site_quick li.qu4.on a{color:#eca206;background:url('/new_img/common/top_ic04.gif') no-repeat 35px 18px}
.top_link{position:fixed;top:0;right:-230px;width:230px;height:150px;background:#4781dc url('/new_img/common/mb_logo.png') no-repeat center 10px;z-index:400}    
.top_site_quick{display:block;position:absolute;top:70px;left:15px;height:auto;width:200px;background:#4781dc;z-index:50}
.top_site_quick li{margin:0 3px 4px 3px;width:92px;height:auto;font-size:13px;text-align:center;line-height:27px;font-weight:normal;background:none !important}
.top_site_quick li a{margin:0;padding:0;border:1px solid #fff;border-radius:5px;background:none !important}
.top_site_quick li.on{width:92px;}
.top_site_quick li.on a{padding:0 !important;font-size:13px;color:#4781dc !important;font-weight:bold;background:#fff !important}


#total_m_lay{position:absolute;top:128px;right:0;width:100%;background:#fff;border-top:1px solid #c4c4c4;border-bottom:2px solid #0f5acd;z-index:300;box-shadow:0 2px 3px #a3aebd;}
.total_m{position:relative;margin:0 auto;width:1000px;background:#fff}
.total_m ul{padding:25px 0;width:100%;height:100%;overflow:hidden;background:url('/new_img/common/total_bg.gif') no-repeat 400px bottom}
.total_m ul li{float:left;margin:0;width:18%;margin-left:2%;height:320px;font-weight:bold;}
.total_m ul li:first-child{margin-left:0}
.total_m ul li a{display:block;height:33px;font-size:17px;color:#333;border-bottom:2px solid #0f5acd}
.total_m ul li ul{padding:15px 0 0 0;}
.total_m ul li ul li{float:none;margin:0 0 5px 0;width:auto;height:auto;line-height:18px;font-weight:normal;word-break: keep-all;background:url('/new_img/common/menu_dot.png') no-repeat 0 8px }
.total_m ul li ul li a{display:inline-block;padding-left:10px;font-size:13px;height:auto;color:#555;border:0}


		#total_m_lay{display:block !important;position:fixed;top:0;right:-230px;width:230px;height:100%;overflow:auto;box-shadow:none;background:#3265b5;border:0;z-index:300}
		.total_m{padding-top:150px;width:auto;}
		.total_m ul{padding:0;background:#3265b5}
		.total_m ul li{float:none;margin:0;width:auto;height:auto;font-size:18px;background:url('/new_img/common/mb_m_dot.png') no-repeat right 20px;border-bottom:1px solid #5b84c4}
		.total_m ul li a{padding:14px 15px;border-bottom:0;height:auto;color:#fff;}
		.total_m ul li ul{padding:10px 0;width:auto;background:#234d8e}
		.total_m ul li ul li{font-size:16px;background:url('/new_img/common/mb_m_s_dot.png') no-repeat 15px 12px;border-bottom:0;position: relative;}
		.total_m ul li ul li.has_sub::after{content: "";display: inline-block;width: 20px;height: 13px;position: absolute;right: 0;top: 7px;background: url('/new_img/common/mgnb_s_plus.png') no-repeat;}
		.total_m ul li ul li a{display:inline-block;padding:5px 20px 5px 25px;color:#fff}
		.total_m ul li ul li a.blank{padding-right:35px;}
		.total_m ul li ul li ul{display:block;margin:0;padding: 3px 0;}
		.total_m ul li ul li ul li{font-size:14px;background:url('/new_img/common/mb_m_s_dot2.png') no-repeat 25px 13px;margin-bottom: 0;}
		.total_m ul li ul li ul li.selected{background:#142848}
		.total_m ul li ul li ul li a{padding-left:35px;}


		.total_m ul li ul li ul li ul{margin:0 25px;padding:10px 15px;background:#4473be}
		.total_m ul li ul li ul li ul li{font-size:13px;background:none}
		.total_m ul li ul li ul li ul li a{padding:2px 0}
		.total_m .tot_close{display:none}


		.wra_box{position:fixed;top:0;left:0;height:auto;z-index:100}
		.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:250}
}