@charset "utf-8";

/* total */
#total,#wrap{position:relative;}
#shadow_device{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:1000;}
#touchArea{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}
#shadow_device2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:1000;}

.wrapper{position:relative;margin:0 auto;width: 1200px;}
.wrapper:after{content:"";display:block;clear:both;visibility:hidden;}

@media(max-width:1239px){
	.wrapper{width:1024px;}
}
@media(max-width:1023px){
	.wrapper{width: 98%;padding: 0 1%;}
}

/* ir */
.ir{display:block;overflow:hidden;background:url(/user_res/images/common/ir.png) no-repeat;font-size:0;line-height:0;}
.iconset{display:block;overflow:hidden;background:url(/user_res/images/common/iconset.png) no-repeat;font-size:0;line-height:0;}


/* header */
#header_group{position:relative;z-index:999;}
#top_head{position:absolute;top: 0;left:0;width:100%;height:75px;}

#top_head .wrapper{width:100%;height:100%;}
#logo{float:left;position:relative;margin: 61px 0 0 45px;z-index:1010;}
#logo .ir{width: 235px;height: 44px;background: url(/user_res/images/reservation/logo-reserv.png);display: none;}
.mn_btn{float:right;position:relative;margin:23px 100px 0 0;height:28px;z-index:1010;}
.mn_btn a{display:inline-block;font-size:15px;font-weight:bold;line-height:16px;vertical-align:middle;}
.mn_btn a:link,.mn_btn a:visited{color:#dfe1e3;}
.mn_btn a:hover,.mn_btn a:focus{text-decoration:underline;}
.mn_btn .ir{width:28px;height:28px;background-position:-269px 0;}
.mn_btn .ir.home{background-position:-241px 0;}
#open_mn{display:none;}
#open_sm a{margin-left:12px;}
#open_sm a:first-child{margin-right:5px;}
#site_search{position:absolute;top:0;right:0;width:75px;height:75px;z-index:1020;}
#site_search .ir{position:absolute;top:50%;right:50%;margin:-14px -14px 0 0;width:28px;height:28px;background-position:-297px 0;transition:275ms all linear;-webkit-transition:275ms all linear;}
#site_search .ir.search_close{margin-right:-18px;background-position:-353px 0;}

#site_search.open input[type="submit"]{right:104px;background-position:-325px 0;}
#site_search .keyword{overflow:hidden;position:absolute;top:0;right:75px;width:0;height:100%;background-color:#fff;transition:150ms all linear;-webkit-transition:150ms all linear;}
#site_search.open .keyword{padding:20px 60px 20px 10px;width:230px;}
#site_search.open .keyword .flow{position:absolute;top:20px;left:10px;line-height:35px;}
#site_search.open .keyword #site_keyword{width:100%;height:35px;}


#header_group .menu-box{position:absolute;right:0;top: 74px;z-index:1001;}
#header_group .menu-box a{color:#fff;}
#header_group #topsearch.hiddenSearch{display:block;}
#header_group .basic_search{display:none;position:absolute;z-index:10;top: -3px;right: 74px;}
#header_group .basic_search h2:before{display:none;}
#header_group .basic_search .search{position:relative;}
#header_group .basic_search .searchFrm input[type="search"]{padding:0;width: 221px;height:38px;background-color:#FCFDFD;border:1px solid #ccc;border-radius:30px;text-indent:10px;}
#header_group .basic_search .searchFrm input[type="submit"]{border:0px; display:inline-block;position:absolute;right:40px;top:10px;width:21px;height:21px;background:url(/user_res/images/common/btn_search.png);font-size:0;text-indent:-9999px;}

#header_group .menu-box #open_sc{display:inline-block;margin-right:35px;width:20px;height:20px;background:url(/user_res/images/common/search-ico.png);font-size:0;text-indent:-9999px;vertical-align:middle;}
#header_group .menu-box #open_sc.ov{position:absolute;right: 51px;top: 5px;z-index:15;background:url(/user_res/images/common/search-close-ico.png) no-repeat 50% 50%;}
#header_group .menu-box .menu{display:inline-block;margin-right:35px;vertical-align:middle;}
#header_group .menu-box .btn_popbox{display:none;}
#header_group .menu-box .btn_popbox a{font-size:16px;}

#header_group #family_site a{font-size: 16px;color:#fff;padding: 6px 15px 11px 0px;background:transparent;display: block;}
#header_group #family_site a:hover,
#header_group #family_site a:focus,
#header_group #family_site a:active{}

#header_group #family_site{position: absolute;right: 71px;top: 8px;z-index: 9999;margin: 10px;}
#header_group #family_site .obj{background: #515c68;z-index:9999;}
#header_group #family_site .obj li {width: 100%;border-bottom:1px solid rgba(0,0,0,0.2);padding: 5px 0px 8px 15px;}
#header_group #family_site .obj a{font-size:14px;display: block;padding: 4px 0 0 0;}
#header_group #family_site strong a:hover, #header_group #family_site strong a:focus,
#header_group #family_site strong a:active, #header_group #family_site strong a.ov { background:#515c68; }
#header_group #family_site strong a.ov:after{border-top-color:#73c1ea;}
#header_group #family_site strong a:after{display:inline-block;content:"";position:relative;bottom: -4px;margin-left: 23px;border: 5px solid transparent;border-top-color:#fff;vertical-align:middle;right: 8px;}
#header_group #family_site strong a:before {display:inline-block;content:"";padding-left: 16px;}
#header_group #lang_site .gnc1 a{font-size: 16px;color:#fff;letter-spacing: 0px;}
#header_group #lang_site a:hover,
#header_group #lang_site a:focus,
#header_group #lang_site a:active{text-decoration:underline;background:#515c68;}
#header_group #lang_site{position: absolute;top: 8px;right: 80px;margin: 10px;z-index: 9999;}
#header_group #lang_site .obj{position:absolute;right: 0px;top: 0px;padding:3px 5px;/* border:1px solid #d4d4d4; *//* background:#414244; */z-index:9999;}
#header_group #lang_site .obj a{font-size:14px;}
#header_group .wrapper .btn_logout { position:absolute; right:20px;top: 24px; color:#fff}
#header_group #lang_site strong a:after{display:inline-block;content:"";position:relative;bottom:-2px;margin-left:3px;border:5px solid transparent;border-top-color:#fff;vertical-align:middle;}
#header_group .menu-box #open_sitemap a{display:inline-block;width: 30px;height: 30px;background-position: -525px 3px;background-image:url(/user_res/images/common/ir.png);font-size:0;vertical-align:middle;}


/* 글로벌내비. 20161101. 20170222 */
#gn1{float:left;position:relative;width: 120px;/* height:40px; */color:#fff;}
#gn1 a{color:#fff;font-size: 16px;letter-spacing: 0;background:transparent;}
#gn1 a.toggle.on, #gn1 a:hover,
#gn1 a:focus{background:#515c68;}
#gn1 a.toggle{display: block;padding: 6px 0 11px 15px;}
#gn1 a.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin: -4px 10px;border: 5px solid transparent;border-top-color: #fff;overflow:hidden;text-indent:100%;}
#gn1 a.toggle.on>.ic1{margin: -10px 9px;border-color:transparent;border-bottom-color:#73c1ea;}
#gn1c, #gn2c{display:none;z-index: 9999;position:absolute;top: 39px;right:0;background:#515c68;}
#gn1c ul{overflow:hidden;letter-spacing:0;}
#gn1c li{float:left;width:100%;border-bottom: 1px solid rgba(0,0,0,0.2);padding: 5px 0 8px 15px;}
#gn1c li>a{font-size: 14px;}

#gn2{float:left;position:relative;width: 120px;/* height:40px; */color:#fff;}
#gn2 a{color:#fff;font-size: 16px;letter-spacing: 0;background:transparent;}
#gn2 a.toggle.on, #gn2 a:hover,
#gn2 a:focus{background:#515c68;}
#gn2 a.toggle{display: block;padding: 6px 0 11px 15px;}
#gn2 a.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin: -4px 10px;border: 5px solid transparent;border-top-color: #fff;overflow:hidden;text-indent:100%;}
#gn2 a.toggle.on>.ic1{margin: -10px 9px;border-color:transparent;border-bottom-color:#73c1ea;}

@media(max-width:1359px){
	#logo{margin-left:10px;}
}

@media(max-width:1239px){
	/*#header_group{position:static;}*/
	#header_group .basic_search .searchFrm input[type="search"]{width:220px;}
	#top_head{height:70px;}
	.mn_btn{margin-right:10px;}
	#site_search{width:70px;height:70px;}
}

@media(max-width:1023px){

}


@media(max-width:767px){

	#gnb{display:none;}
	/*#logo{position:absolute;left:50%;top:5px;margin:0 0 0 -104px;}*/
	#logo{margin: 5px 0 0 0px;}
	#logo .ir{width: 237px;height: 44px;background: url(/user_res/images/reservation/logo_mobile.png);margin-top: 3px;display: block;}
	#logo a:first-child{display:none}
	#logo a:nth-child(2){display:none}

	#top_head{height: 57px;position: static;}
	#open_mn{display:block;position:absolute;top: 2px;right: 10px;margin:0;width: 60px;height: 50px;/* background-color: #657189; */}
	#open_mn a{display:block;padding-top:24px;width:100%;height:100%;}
	#open_mn .ir{display:block;margin: -15px auto 0 auto;width: 30px;height: 32px;background-position: -525px 6px;}
	#open_sm {display:none;}
	#header_group .menu-box{width: 100%;top: 70px;display: none;}
	#header_group .menu-box #open_sc { display:none;}
	#header_group .basic_search {display:block;top:0px;right:0px;background:#007cbc;padding:10px;width: 100%;}
	#header_group .basic_search .searchFrm input[type="search"] { width:100%;border-radius:0px; }
	#header_group .basic_search .searchFrm input[type="submit"] { }

}


/* topmenu */
#topmenu{display:none;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;left:-590px;width:590px;height:100%;background-color:#2a313e;z-index:1040}
#topmenu h1{display:none}
.m_global{position:relative;height: 38px;background-color: #28343c;}
#topmenu .m_global .btn,
#family_site_mobile{display:inline-block;width:70px;font-size: 14px;/* background:#fff; *//* border:1px solid #ddd; */vertical-align:middle;}
#family_site_mobile{position: absolute;top: 0px;left: 7px;width: 105px;}
#family_site_mobile strong a{color: #fff;line-height:inherit;font-size: 15px;padding: 6px 0 11px 6px;display: block;}
#family_site_mobile strong a:after{display:inline-block;content:"";position:absolute;bottom: 13px;/* margin-left: 52px; */border: 5px solid transparent;border-top-color:#fff;vertical-align:middle;right: 7px;}
#family_site_mobile .obj{position:absolute;top: 38px;z-index:10;width:100%;}
#family_site_mobile .obj ul{background: #515c68;margin-top: 0px;}
#family_site_mobile .obj ul li {padding: 10px 0 8px 7px;text-align:left;border-bottom: 1px solid rgba(0,0,0,0.2);}
#family_site_mobile .obj ul li a{color:#fff;font-size: 14px;}
#topmenu .m_global .btn.home, #topmenu .m_global .btn.sitemap { display:none;}
.m_global .btn:link,.m_global .btn:visited{background-color:#fff;color:#999;}
.m_global .btn.en{width:40px;}
.m_global .btn:before{content:"";display:inline-block;margin-right:5px;padding-bottom:2px;width:11px;height:11px;
	background:url(/user_res/images/common/home_ico.png) no-repeat;
	vertical-align:middle;
}

#lang_site_mobile {position: absolute;top: 0px;left: 116px;}

.m_global .home:before{background-position:-40px 0;}
.m_global .sitemap:before{height:8px;background-position:-55px 0;}
.m_global .en:before{display:none;}
.m_global #close_topmenu{
	display:block;
	position:absolute;
	top: 7px;
	right: 33px;
	width:26px;
	height:25px;
	z-index: 99;
	background: url(/user_res/images/common/topmenu_close_btn1.png) no-repeat;
}

@media(max-width:1167px){
	#family_site_mobile a:hover,
	#family_site_mobile a:focus, 
	#family_site_mobile a.ov {background:#515c68;}
	#gn2c{display:none;z-index: 9999;position:absolute;top: 38px;right:0;background:#515c68;}
	#gn2c ul{overflow:hidden;letter-spacing:0;}
	#gn2c li{float:left;width:100%;padding: 7px;border-bottom: 1px solid rgba(0,0,0,0.2);}
	#gn2c li>a{font-size:14px;}
}

#gnb_device{}
#gnb_device .th1{}
#gnb_device .th1 .th1_lnk{display:block;padding:19px 15px;width:160px;border-bottom:1px solid #555a65;color:#fff;font-size:16px;font-weight:bold;line-height:20px;text-align:center;letter-spacing:-1px;}
#gnb_device .th1>b{display:none;position:absolute;top: 38px;left:160px;padding:22px 25px 22px 10px;width:95%;background-color:#fff;color:#333;font-size:16px;/* line-height:16px; */}
#gnb_device .th1:first-child>b{display:block;}
#gnb_device .th1>b:before{display:block;content:"";position:absolute;left: 20px;bottom:0;width: 100%;border-bottom: 2px solid #000;z-index:2;}
#gnb_device .th1 .th1_lnk.ov{background-color: #fff;color:#132265;}
#gnb_device .th2{position:absolute;top: 100px;left:160px;width:430px;/*padding-left:20px;*/height:100%;background-color:#fff;overflow:auto;}
#gnb_device .th2>li{}
#gnb_device .th2>li>a{
	display:block;
	position:relative;
	padding:21px 15px 21px 10px;
	background: url(/user_res/images/common/topmenu_off.png) no-repeat 90%;
	border-bottom:1px solid #e0e0e0;
	color:#444;
	font-size:16px;
	line-height:16px;
	letter-spacing:-1px;
}
#gnb_device .th2>li>a:hover,
#gnb_device .th2>li>a:active,
#gnb_device .th2>li>a:focus,
#gnb_device .th2>li>a.ov{background: #f59b00 url(/user_res/images/common/topmenu_on.png) no-repeat 90%;color:#fff;}
#gnb_device .th2>li>a:hover:before,#gnb_device .th2>li>a:focus:before,
#gnb_device .th2>li>.ov:before{background-position:-30px -134px}
#gnb_device .th2>li>.current:before{background-position:-15px -134px}
#gnb_device .th2>li>.ov.current:before{background-position:-45px -134px}

#gnb_device .th2>li>a[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0;content:'';}
#gnb_device .th2>li>a:hover[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_link_icon.png)no-repeat 0 0;content:'';}

#gnb_device .th3{/*padding:20px 0 20px 20px*/}
#gnb_device .th3 li{padding-left:10px;background-color:#f7f7f7}
#gnb_device .th3 li a{display:block;margin-left:10px;padding:15px 0;border-top:1px solid #e0e0e0;font-size:14px;}
#gnb_device .th3 li a:hover,#gnb_device .th3 li a:focus{color:#132265;}
#gnb_device .th3 li:first-child a{border-top:0}

@media(max-width:767px){
	#topmenu{left: -380px;width: 380px;}
	#gnb_device .th1>b:before{width: 260px;}
	#gnb_device .th1 .th1_lnk{padding:19px 11px;width:120px;font-size:15px;}
	#gnb_device .th1>b,	#gnb_device .th2{left: 115px;width: 280px;padding: 20px;}
	#gnb_device .th2>li>a{font-size:14px;}
}

/* gnb */
#gnb{}
#gnbwrap{}
#animate{overflow:hidden;position:absolute;top: 60px;left:0;width:100%;/*height:355px;*/z-index:1000;}
#animate .skip:before{display:none;}
#gnbwrap.action #animate{border-bottom:0px solid #E4C02B;}

#tnb{background: rgba(0,0,0,0.3);height: 58px;}
#tm{text-align:center;}
#tm .th1{display:inline-block;}
#tm .th1 .th1_lnk{display:block;padding: 15px 29px;color:#fff;font-size:24px;line-height:25px;transition:0.2s all linear;-webkit-transition:0.2s all linear;}
#tm .th2wrap{display:none;position:absolute;top:75px;left:0;width:100%;height:280px;background-color:#fff;z-index:1;}
#tm .tit_gnb{position:absolute;top:40px;left:50%;margin-left:-620px;width:250px;z-index:1;}
#tm .tit_gnb .img_gnb{display:block;margin:20px 0 10px 0;}
#tm .tit_gnb{color:#7d7d7d;line-height:20px;}
#tm .tit_gnb h2{font-size:22px;margin-bottom:10px;color:#F59B00;letter-spacing:-1px;}
#tm .tit_gnb h2:before{display:none;}


#tm .th2{padding:40px 0 0 290px;}
#tm .th2>li{float:left;margin-left:2%;margin-bottom:19px;width:23%;}
#tm .th1.no1 .th2>li{min-height: 137px;}
#tm .th1.no4 .th2>li{min-height:150px;}


#tm .th2>li>a{display:block;padding:11px 28px 11px 15px;background:url(/user_res/images/common/th2_lnk_arr.png) no-repeat 95% 50%;color:#f59b00;border:1px solid #e2e3e6;font-size:16px;line-height:20px;}
#tm .th2>li>a:hover,#tm .th2 li a:focus{background-color:#f59b00;color:#fff;}

#tm .th3{padding:19px 14px;}
#tm .th3>li{display:block;margin:5px 0;line-height:0;}
#tm .th3>li a{display:block;position:relative;padding-left:9px;color:#6c6d6f;font-size:14px;letter-spacing:-0.07em;line-height:18px;text-align: left;}
#tm .th3>li>a:hover,#tm .th3 li a:focus{background-color:transparent;color:#f59b00;text-decoration:underline}
#tm .th3>li a:before{content:"";display:inline-block;position:absolute;top:7px;left:0;width:3px;height:3px;background-color:#888;}
/*
#tm .th1:first-child .th2wrap{display:block;}
*/
@media(max-width:1359px){
	#tm .th1 .th1_lnk{padding:25px 10px;}
}
@media(max-width:1239px){
	#tm {display:none;}
}



/* middle */
#middle{position:relative;}
.mwrap #middle{padding-bottom:0;}

#container{position:relative; padding: 50px 0; }
.view {/* background: url(/user_res/images/reservation/reservation_layoutBg.jpg) repeat-x 0 0px; */}


/* svisual */
#svisual{position:relative;padding-top:75px;height:367px;background-attachment:fixed;background-repeat:no-repeat;background-position:50% 0;}
#svisual.sub01{background-image:url(/user_res/images/reservation/svisual_sub01.jpg);}
#svisual.sub02{background-image:url(/user_res/images/reservation/svisual_sub02.jpg);}
#svisual.sub03{background-image:url(/user_res/images/reservation/svisual_sub03.jpg);}
#svisual.sub04{background-image:url(/user_res/images/reservation/svisual_sub04.jpg);}
#svisual.sub05{background-image: url(/user_res/images/culturehall/svisual_sub03_1.jpg);}
#svisual.sub06{background-image:url(/user_res/images/reservation/svisual_sub06.jpg);}
#svisual.sub07{background-image:url(/user_res/images/reservation/svisual_sub07.jpg);}
#svisual .mask-black-dot{position:absolute;top:0;left:0;width:100%;height:100%;}
#svisual .wrapper{padding-top:100px;}
#svisual .wrapper *{position:relative;color:#fff;line-height:1;text-align:center;}
#svisual .wrapper h1{font-size:45px;}
#svisual .wrapper h1:before{display:inline-block;content:"";position:absolute;left:50%;top:-33px;margin-left:-6px;width:12px;height:12px;background-color:#f59b00;border-radius:50%;}



#svisual .wrapper p{margin-top:30px;padding-top:18px;font-size:15px;}


#svisual .mvcopy p{display:inline-block;margin-top:0;text-align:center;vertical-align:middle;}
#svisual .mvcopy p a{display:inline-block;position:relative;padding:20px 35px 20px 66px;border:2px solid #fff;color:#fff;font-size:17px;line-height:20px;background:url(../imsges/main/btn_bg.png) repeat;}

#svisual .mvcopy p a .linebox{position:absolute;top:50%;left:33px;margin-top:-9px;width:19px;height:19px;}
#svisual .mvcopy p a .linebox .line {
  position: relative;
  display: block;
  width: 19px;
  height: 5px;
  margin: 1px 0;
  background-color: #fff;
}
#svisual .mvcopy p a .linebox .line:after {
  position: relative;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: #ffc600;
  animation: icon .75s ease-in-out infinite;
}

#svisual .mvcopy p a .linebox .line.n1:after {
	width: 30%;
  animation-delay: .25s;
}
#svisual .mvcopy p a .linebox .line.n2:after {
 width: 50%;
  animation-delay: .75s;
}
#svisual .mvcopy p a .linebox .line.n3:after {
 width: 30%;
  animation-delay: .35s;
}


@keyframes icon {
  0% {
    width: 30%;
  }
  50% {
    width: 80%;
  }
  100% {
    width: 30%;
  }
}



@media(max-width:1023px){
	#svisual{padding-top:60px;height:250px;background-size:auto;}
	#svisual .wrapper h1{font-size:30px;}
	#svisual .wrapper p{display:none;}
}
@media(max-width:767px){
	#svisual{padding-top:0px;height:auto;background:none;}

}
/* snb */
#snb{float:left;}
#snb{position:relative;margin: 25px 0;margin-right:5%;width:20%;}
#snb h1{/* position:relative; */padding: 5px 15px;font-size: 35px;font-weight: normal;text-align:center;z-index:1;word-wrap:break-word;word-break:keep-all;border-bottom: 2px solid #344b60;}

#snb h1 span{display:inline-block;line-height:30px;vertical-align:middle;padding: 30px 0;word-wrap:break-word;word-break:keep-all;}


#sidemenu .sidebar-menu{position:relative;}
#sidemenu .sidebar-menu>li {line-height:0;border-bottom:1px solid #e0e0e0;}
#sidemenu .sidebar-menu>li a.lnk_2th{display:block;position:relative;color:#333;font-size:15px;line-height:20px;word-wrap:break-word;word-break:keep-all;background:url(/user_res/images/common/link_2th_arr.png) no-repeat 95% 50%;}
#sidemenu .sidebar-menu>li a.lnk_2th:link,
#sidemenu .sidebar-menu>li a.lnk_2th:visited {display:block;padding: 14px 35px 14px 15px;color:#555;font-size:17px;line-height:20px;}
#sidemenu .sidebar-menu>li a.lnk_2th:hover,
#sidemenu .sidebar-menu>li a.lnk_2th:focus,
#sidemenu .sidebar-menu>li a.lnk_2th:active {background:url(/user_res/images/common/link_2th_ov_arr1.png) no-repeat 95% 50%;color:#787269;}

#sidemenu .sidebar-menu>li.active a.lnk_2th:link,
#sidemenu .sidebar-menu>li.active a.lnk_2th:visited,
#sidemenu .sidebar-menu>li.active a.lnk_2th:focus,
#sidemenu .sidebar-menu>li.active a.lnk_2th:hover,
#sidemenu .sidebar-menu>li.active a.lnk_2th:active{background:#344b60 url(/user_res/images/common/link_2th_ov_arr.png) no-repeat 95% 50%;color:#fff;}


#sidemenu .treeview-menu{display: none;padding:15px 5px;background-color:#f7f8fa;}
#sidemenu .treeview-menu.menu-open{display:block}
#sidemenu .sidebar-menu>li.active .treeview-menu{display:block;}
#sidemenu .treeview-menu>li {margin:0;padding:0;}

#sidemenu .treeview-menu>li a{position:relative;display:block;margin:0;padding:3px 11px;color:#5a5a5a;font-size:15px;line-height:18px;}
#sidemenu .treeview-menu>li a:link,
#sidemenu .treeview-menu>li a:visited{display:block;line-height:18px;}
#sidemenu .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li.active a:link,
#sidemenu .treeview-menu>li.active a:visited,
#sidemenu .treeview-menu>li.active a:focus,
#sidemenu .treeview-menu>li.active a:hover,
#sidemenu .treeview-menu>li.active a:active{text-decoration:underline;}

#sidemenu .treeview-menu>li a:hover,
#sidemenu .treeview-menu>li a:focus,
#sidemenu .treeview-menu>li a:active{text-decoration:underline;}


@media(max-width:1239px){
	#snb{display:none;}
}


/*list-layout*/
#contents{float:right; padding:50px 0; width:75%;}
#ti_box{position:relative;padding-bottom: 25px;border-bottom: 2px solid #344b60;margin-bottom: 25px;}
#ti_box #tit_cont{color:#000;font-size: 35px;padding-top: 19px;font-weight: normal;line-height:30px;}
/*view-layout*/
#contents .view { background: url(/user_res/images/reservation/reservation_layoutBg.jpg) repeat-x 0 0px;}
#ti_box2{position:relative;border: 2px solid #344b60;margin-bottom: 25px;padding: 20px 30px;background: #fff;}
#ti_box2 #tit_cont{ color:#000; font-size: 35px; text-align:center; padding-top: 19px; font-weight: normal; line-height:30px;}



#ti_box #navi, #ti_box #sns {display:inline-block;float:left;line-height:0;}
#navi {position:absolute;top: -30px;left: 5px;}
#navi:after {display:block;content:"";clear:both;visibility:hidden;}
#navi a {display:inline-block;float:left;line-height:16px;vertical-align:middle;font-size: 14px;}
#navi a:before {content:">";display:inline-block;margin: 0 9px;width:5px;height:16px;background:url(/user_res/images/common/navi_arr.jpg) no-repeat 0 50%;font-size:0;line-height:0;vertical-align:middle;}
#navi a.navi_home {width: 19px;height: 19px;background:url(/user_res/images/common/navi_home.jpg) no-repeat;font-size:0;line-height:0;}
#navi a.navi_home:before {display:none;}

/*sns*/
#sns { position:absolute; right:0; top:30px; }
#sns>.ir {display:inline-block;width: 32px;height: 30px;}
#sns .print {margin:0;background-position: -100px -1px;border: 1px solid #ddd;}
#sns .sns {background-position: -34px -1px;border: 1px solid #ddd;}

/*#naviSNS {position:absolute;top: -5px;right: 78px;padding:7px 10px;background-color:#fff;border:1px solid #bebebe;width: 118px;}
#naviSNS:before {content:"";display:block;position:absolute;top: 16px;right: -8px;width:11px;height:6px;background:url(/user_res/images/common/navisns_arr.png) no-repeat;transform: rotate(90deg);}
*/
#naviSNS {position:absolute;top:39px;right:6px;padding:7px 10px;background-color:#fff;border:1px solid #bebebe;width: 120px;}
#naviSNS:before {content:"";display:block;position:absolute;top:-6px;right:1px;width:11px;height:6px;background:url(/user_res/images/common/navisns_arr.png) no-repeat;}
#naviSNS .iconset {display:inline-block;margin-left:2px;width: 27px;height: 26px;font-size:0;line-height:0;}
#naviSNS .iconset:first-child {margin-left:0;}
#naviSNS .fb {background-position: -50px -156px;}
#naviSNS .tw {background-position: -80px -156px;}
#naviSNS .ka {background-position: -110px -156px;}




/*추가*/
#share {display:inline-block;float:left;line-height:0;}
#share { position:absolute; right:109px; top:30px; }
#share>.ir {display:inline-block;width: 32px;height: 30px;}
#share .share {margin:0;background-position: -67px -1px;border: 1px solid #ddd;}
#share_slide {position:absolute;top: 39px;right:-109px;padding: 13px;background-color:#fff;border:1px solid #bebebe;width:278px;}
#share_slide:before {content:"";display:block;position:absolute;top:-6px;right:110px;width: 17px;height:6px;background: url(/user_res/images/common/navisns_arr.png) no-repeat;}
.link_ipt{display:block;position:relative;padding-right:60px}
.link_ipt .form-control{width: 79%;height: 27px;padding: 0 10px;border-color:#bcc2ce;background:#bcc2ce;font-weight:300;font-size:0.875em;line-height:1.7857em;color:#2e343f;letter-spacing:-0.03571em;}
.link_ipt .form-control:hover,#side .snav_util .link_ipt .form-control:focus{border-color:#bcc2ce !important}
.link_ipt .input-btn{position:absolute;top: 19px;right: 0px;color: #fff;padding: 10px;}
.link_ipt .input-btn > a{padding:5px 10px;background:#2e343f;text-align:center;}
.link_ipt .input-btn i[class*="xi-"]{font-size:1.875em;line-height: 21px;color:#fff;}


#zoom {display:inline-block;float:left;line-height:0;}
#zoom {position:absolute;right: 73px;top:30px;}
#zoom >.ir {display:inline-block;width:32px;height:30px;}
#zoom .font {background-position: -1px -1px; border:1px solid #ddd;}
#zoom_slide {position:absolute;top: 39px;right: 0px;padding: 10px;background-color:#fff;border:1px solid #bebebe;width: 181px;}
#zoom_slide:before {content:"";display:block;position:absolute;top:-6px;right: 3px;width: 17px;height:6px;background: url(/user_res/images/common/navisns_arr.png) no-repeat;}
#zoom_slide .ir {display:inline-block;margin-left:2px;width:25px;height:25px;font-size:0;line-height:0;}
#zoom_slide .ir:first-child {margin-left:0;}
#zoom_slide .fontsize_close {background-position:-34px 0px;}
#zoom_slide a { display:inline-block; border:1px solid #eee; border-radius:50%; width:35px; height:35px; }
#zoom_slide a.on { background:#105fb8; color:#fff; }
#zoom_slide a.option1 {font-size: 13px;padding: 17px 0px 0 10px;}
#zoom_slide a.option2 {font-size: 18px;padding: 15px 0px 0 8px;}
#zoom_slide a.option3 {font-size: 22px;padding: 16px 0px 0 5px;}
#zoom_slide .head_fontsize { }



/* 전체 사이트 텍스트 사이즈 조정 */

#textSize{display:inline-block;height: 23px;margin-right: 28px;position:relative;}
#textSize:after{content:'';position:absolute;top: 6px;right: -15px;display:block;height: 18px;width:2px;background-color: #b2b2b2;}
#textSize li{display:inline-block;height: 31px;line-height: 28px;font-size: 14px;}
#textSize li:nth-child(2){line-height: 32px;vertical-align: top;}
#textSize li a{line-height: 23px;color: #2e2e2e;font-size: 37px;font-weight: 700;}
#textSize li a:hover{color: #ef5705;}

@media(max-width:1239px){
	#contents{float:none;width:100%;}
	#navi,#sns{float:none;vertical-align:middle;}
	#naviSNS{}

}
@media(max-width:1023px){
	#tit_cont{margin-bottom:15px;width:100%;text-align:center;}
}

@media(max-width:767px){
	#contents{margin-top: 60px;}
	#tit_cont {margin-bottom:0;}
	#ti_box #tit_cont {/* margin-bottom:50px */ font-size:25px;}

}
@media(max-width:640px){
	#sns{top: -40px;}
	#navi {/*top: -35px;*/ display:none;}
	#share, #zoom { top:-40px }
}

/* Banner 모음 */
.banner {
}
.banner .banner_wrap {
  position: relative;
  height: 67px;
  margin: 0 auto;
  padding: 6px 0 0 250px;
  overflow: hidden;
}
.banner h2 {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -9px;
  color: #393939;
  font-size: 17px;
  line-height: 19px;
}
.banner .bn_ctrl {
  position: absolute;
  left: 80px;
  top: 50%;
  margin-top: -16px;
}
.banner .bn_ctrl button {
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  padding: 0;
  background: none;
  font-size: 0;
  line-height: 0;
}
.banner .bn_ctrl .bn_stop{background:url(/user_res/images/reservation/popup_stop.png) no-repeat 50%;}
.banner .bn_ctrl .bn_stop.play{background:url(/user_res/images/reservation/popup_play.png) no-repeat 50%;}
.banner ul li {
  display: block;
  float: left;
  width: 136px;
  height: 62px;
  margin: 0px 15px;
}
.banner ul li a {
  display: block;
  overflow: hidden;
  line-height:43px;
  vertical-align:middle;
}
.banner ul li a img {
  width: 136px;
  vertical-align:middle;
}
@media only screen and (max-width: 767px) {
   .banner .banner_wrap {
    width: 100%;
    padding: 7px 0 0 27%;
  }
  .banner .bn_ctrl { left: 0px; }
  .banner h2 { display:none; }
}



/* 사이트 이동 */
.site_link {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  background: #28323a;
  z-index: 0;
}
.site_link .wrap {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.sitelink_cont {
  display: block;
  float: left;
  width: 25%;
  padding: 10px 0;
  border-right: 1px solid rgba(255,255,255,0.2);
}
.sitelink_cont:first-child { border-left: 1px solid rgba(255,255,255,0.2); }
.sitelink_cont.department_sitelink {
  position: static;
}
.sitelink_cont h3 {
  display: block;
  width: 100%;
  padding: 7px;
  background:none;
}
.sitelink_cont h3 button {
  display: block;
  margin: 0 6%;
  padding: 0;
  background: url(/user_res/images/common/site_link_btn.png) no-repeat right 50%;
  border: none;
  color: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  width: 90%;
}
.sitelink_cont .layer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  padding: 0;
  background: #00457e;
}
.sitelink_cont .layer .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: url(/user_res/images/mayjor/main/site_link_close.png) no-repeat 90% 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  z-index: 10;
}
.sitelink_cont.department_sitelink .layer {
  top: -185px;
  bottom: inherit;
}
.sitelink_cont.department_sitelink .layer .close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  width: 76px;
  height: 76px;
  background: url(/user_res/images/mayjor/org_close.png) no-repeat 50%;
  font-size: 0;
  line-height: 0;
}
.link_part strong {
  display: block;
  width: 88%;
  height: 50px;
  padding: 0 0 0 12%;
  color: #fff;
  line-height: 50px;
}
.link_part ul {
  height: 168px;
  padding: 15px 5%;
  background-color: #003365;
  overflow-y: auto;
}
.link_part ul a {
  display: block;
  padding: 2px 0 0 15px;
  background: url(/user_res/images/mayjor/main/site_link_bul.gif) no-repeat 6px 9px;
  color: #fff;
  font-size: 13px;
}
.depart_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1280px;
  height: 185px;
  margin: 0 auto;
  background:#0057a0;
}
.depart_link .inner {
  height: 100%;

}
.depart_link .organ_ti {
  display: block;
  float: left;
  width: 25%;
  height: 100%;
  padding: 0;

  line-height: inherit;
}
.depart_link .town .organ_ti{/*width:32.416666%;*/}
.depart_link .organ_ti strong {
  display: block;
  width: 100%;
  margin: 25px 0 0 0;
  padding: 0;
  color: #fff;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
}
.depart_link .organ_list {
  float: left;
  width: 69.583333%;
  padding: 20px 0 0 0;
  background-color: transparent;
}
.depart_link .town .organ_list{width:67.583333%;}
.depart_link .organ_list li {
  display: block;
  float: left;
  width: 20%;
  margin: 3px 0;
  text-align: left;
  color:#fff;
}
.depart_link .organ_list li{width:20.333333%;margin:3px 1% 3px 0;}
.depart_link .organ_list li a.ml10{margin-left:0;}
.depart_link .organ_list li.cl{clear:inherit;}
.town_link .depart_link .organ_ti{}
.town_link .depart_link .organ_ti strong{}
.town_link .depart_link .organ_list{padding:0;margin:20px 0;}

.depart_link .organ_list li a{padding:2px 0 0 1px;background:url(/user_res/images/mayjor/main/site_link_bul.gif) no-repeat 6px 12px;}
.depart_link .organ_list li a {
  padding: 0;
  background: none;
}


.depart_link .org_close {
  display: block;
  position: absolute;
  bottom: -76px;
  right: 0;
  width: 76px;
  height: 76px;
  background: url(/user_res/images/mayjor/org_close.png) #75b422 no-repeat 50%;
  font-size: 0;
  line-height: 0;
}
.department_sitelink:nth-child(4) .layer{
/*  top:-100px;*/
}
.department_sitelink:nth-child(4) .depart_link{
/*  height: 100px;*/
}
@media all and (max-width: 1200px) {
  .site_link .wrap { width:100%; }
  .site_link {
    height: auto;
  }
  .site_link .wrap {
    width: 100%;
    padding: 0;
  }
  .site_link h2 {
    display: none;
  }
  .site_link .sitelink_cont {
  }
.depart_link .organ_ti{width:30%;}
.depart_link .organ_ti strong{font-size:21px;}
}
@media all and (max-width: 800px) {

  .depart_link .town .organ_ti,.depart_link .organ_ti {
    width: 100%;
    height: auto;
    padding: 15px 0;
    background: none;
    text-align: center;
  }
  .depart_link .organ_ti strong {
    display: inline;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
  }
  .town_link .depart_link .organ_list,.depart_link .town .organ_list,.depart_link .organ_list {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 3%;
  }
  .depart_link .organ_list li {
    margin: 0;
    width:24%;
  }
.depart_link{height:190px;}
.sitelink_cont.department_sitelink .layer{top:-190px;}

}
@media all and (max-width: 640px) {
  .site_link .wrap {
    padding: 1px 0 0 0;
  }
  .site_link .sitelink_cont {
    width: 50%;
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
  }
  .site_link .sitelink_cont:nth-child(odd) {
    width: calc(50% - 1px);
    border-left: 1px solid rgba(255,255,255,0.2);
  }
  .site_link .sitelink_cont h3 button {
    background-position: 95% 50%;
  }
}
@media all and (max-width: 568px) {
  .sitelink_cont.department_sitelink {
    position: relative;
  }
  .sitelink_cont.department_sitelink:nth-child(2n) .layer{
    left:-100%;

}
  .sitelink_cont.department_sitelink .layer {
    top: inherit;
    bottom: 49px;
    background: #00457e;
    width:203%; /* mobile 100%*/
    left:-1px;
  }
  .sitelink_cont.department_sitelink .layer .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 50px;
    background: url(/user_res/images/mayjor/site_link_close.png) no-repeat 90% 50%;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    z-index: 10;
  }
  .depart_link {
    position: static;
    top: inherit;
    left: inherit;
    right: inherit;
    width: auto;
    max-width: inherit;
    height: inherit;
    margin: 0;
    background: none;
  }
  .depart_link .inner {
    height: inherit;
    background: none;
  }
  .depart_link .town .organ_ti,.depart_link .organ_ti {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    padding: 0;
    background: none;
    font-size:14px;
  }
  .depart_link .town .organ_ti strong,.depart_link .organ_ti strong {
    display: block;
    width: 88%;
    height: 50px;
    padding: 0 0 0 5%;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: 50px;
    text-align: left;
  }
  .town_link .depart_link .organ_list,.depart_link .town .organ_list,.depart_link .organ_list {
    width: 100%;
    height: 210px;
    padding: 15px 3%;
    background-color: #003365;
  }
  .town_link .depart_link .organ_list:nth-child(1){
   height:250px;
}
  .depart_link .organ_list li {
    display: block;
    float: left;
    width: 32%;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .depart_link .organ_list li a {
    display: block;
    padding: 2px 0 4px 5px;
    background: url(/user_res/images/mayjor/main/li_dot.gif) no-repeat 6px 9px;
    color: #fff;
    font-size: 13px;
  }
  .depart_link .organ_list li span {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  .depart_link .organ_list li a:hover span {
    background: none;
    color: inherit;
  }

  .depart_link .org_close {
    display: block;
    position: absolute;
    bottom: -76px;
    right: 0;
    width: 76px;
    height: 76px;
    background: url(/user_res/images/mayjor/org_close.png) #75b422 no-repeat 50%;
    font-size: 0;
    line-height: 0;
  }
  .depart_link .organ_list.sit2 li:nth-child(3n-1) {
  	width: 38%;
  }  
  .depart_link .organ_list.sit2 li{width:30%;
}
  .department_sitelink:nth-child(1) .organ_list{
   height: 220px;
}
  .department_sitelink:nth-child(2) .organ_list{
   height: 220px;
}
  .department_sitelink:nth-child(3) .organ_list{
   height: 170px;
}
  .department_sitelink:nth-child(4) .organ_list{
   height: 80px;
}

}

/* 풋터 */
#footer .wa {position:absolute; top:33px; right:0;}
#footer .footer_info {padding-bottom: 24px;padding-left: 200px;}
@media all and (max-width:850px) {
	#footer .wa {display:none;}
}

/* 풋터 링크 */

#footer > .wrap {
  position: relative;
  width: 1200px;
  margin:0 auto;
}
#footer .footer_logo {
  position: absolute;
  top: 10px;
  left: 12px;
  width: 181px;
  height: 93px;
  background: url(/user_res/images/common/flogo.png) no-repeat 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.footer_navi {
  display: block;
  margin: 0;
  padding: 25px 0 0 200px;
}
.footer_navi li {
  display: inline-block;
  float: left;
  margin: 0 0 0 9px;
  padding: 0 0 0 10px;
  background: url(/user_res/images/main/fnavi_line.gif) no-repeat left 50%;
}
.footer_navi li.privacy a {
  color: #00549c;
}
.footer_navi li:first-child {
  margin: 0;
  padding-left: 0;
  background: none;
}
.footer_navi li:first-child a {
  color: #00549c;
  font-weight: 600;
}
.footer_navi li a {
  display: block;
  padding: 2px 0 0 0;
  color: #484848;
  font-size: 14px;
  line-height: 16px;
}
/* 사이트 정보 */
.footer_info {
  padding: 12px 0 0 0;
}
.footer_info address {
  color: #484848;
  font-size: 15px;
  line-height: 17px;
}
.footer_info address span {
  display: inline-block;
  margin: 0 0 0 15px;
}
.footer_info p {
  margin: 2px 0 0 0;
  color: #797979;
  font-size: 13px;
  line-height: 17px;
}
.footer_info p.add{text-indent:-999999px;font-size:0;background: url(/upload_data/board_data/BBS_0000050/157101775208670.jpg) no-repeat;}
.footer_info .copyright {
  margin: 0px 0 15px;
}
.footer_info .copyright span {
  color: #3e85c2;
}
.footer_info p.mail_info {
  margin: 7px 0 0 0;
}
@media (max-width: 1200px) {
  #footer > .wrap {
    width: 100%;
    padding: 20px;
  }
  .footer_navi {padding: 0px;}
  #footer .footer_info {padding-left: 0px;}
  #footer .footer_logo {
    display: none;
  }
}
@media all and (max-width: 667px) {
 
  #footer > .footer_info {
    font-size: 13px;
    line-height: 17px;
    
  }
  
  .footer_info address span {
    display: block;
    margin: 0 5px 0 0;
  }
  .banner ul li{/* margin-top:-15px; *//* overflow:hidden; *//* margin-top: -15px; */}
  .banner ul{/* margin-top: -15px; */height:50px;overflow:hidden;}
}
@media all and (max-width: 414px) {
  .banner .banner_wrap {
    width: 75%;
    padding: 23px 0 0 25%;
  }
  #footer .footer_logo {
    display: none;
  }
  .footer_info address span {
    display: block;
    margin: 0 5px 0 0;
  }
}
@media all and (max-width: 375px) {
  .banner .banner_wrap {
    width: 65%;
    padding: 23px 0 0 35%;
  }
  .footer_navi li:nth-child(4) {
    margin: 0;
    padding-left: 0;
    background: none;
  }
}
       

/* 통합예약 - 상세 */
.reserWrap { width:100%; }
.reserWrap > ul {  }
.reserWrap > ul > li {float:left;width:24.2%;margin-right:1%;background:#fff;border:1px solid #ddd;height:240px;padding:25px 15px;}
.reserWrap > ul > li.aty {float:left;width:20.2%;margin-right:1%;background:#fff;border:1px solid #ddd;height:240px;padding:25px 15px;}
.reserWrap > ul > li.bty { float:left; width:32.2%; margin-right:1%; background:#fff; border:1px solid #ddd; height:240px; padding:25px 15px; }
.reserWrap > ul > li.cty { float:left; width:36.2%; margin-right:1%; background:#fff; border:1px solid #ddd; height:240px; padding:25px 15px; }
.reserWrap > ul > li:last-child { margin-right:0; }
.reserWrap > ul li h4 { text-align:center; font-size:25px; margin-bottom:25px; }
.reserWrap > ul li .cont { font-size:22px; text-align:center;}
.reserWrap > ul li .cont .person { color:#e9350b; font-size:27px; }
.reserWrap ul li ul li { padding:3px 0; }
.reserWrap ul li ul li span { display:inline-block; letter-spacing:-0.07em; font-size:13px; color:#fff; background:#788494; padding:3px 0px; width:65px; text-align:center; border-radius:5px;  }
.reserCont {padding: 0px 10px 10px;border-bottom: 1px solid #ddd;margin-bottom: 30px;}                           
                                         

    @media screen and (max-width: 900px) {
    	.reserWrap > ul > li.aty, 
    	.reserWrap > ul > li.bty, 
    	.reserWrap > ul > li.cty { width:49%; margin-bottom:1% }
    }
	@media screen and (max-width: 600px) {
    	.reserWrap > ul > li.aty, 
    	.reserWrap > ul > li.bty, 
    	.reserWrap > ul > li.cty {width:100%;margin-bottom:1%;padding: 10px 0;height: 199px;}
    	.reserWrap > ul li h4 { margin-bottom:15px}
    	.reserWrap ul li ul li span { margin-left:20px;}
    }

    
                                 /*추가 header*/
    /** Animation **/
    #header_2017 h1.logo,
    #header_2017 h1.logo a,
    #header_2017 .mob_btn,
    #header_2017 .toputil,
    #header_2017 .toputil .sns_link,
    #header_2017 .toputil .site_code,
    #header_2017 .toputil .totalsearch .btn,
    #header_2017 #nav #gnb,
    #header_2017 #nav #gnb ul li a span:after,
    #header_2017 #nav #gnb ul li ul,
    #header_2017 .toputil .sns_link ul li a
    {transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}

	#header_2017{position:absolute;z-index:9;width:100%;top: 60px;}
    #header_2017 h1.logo {position:absolute; left:0; top:5px; z-index:999;}
    #header_2017 h1.logo a {display:block;background: url("/user_res/images/study/logo.png") no-repeat left top;width: 346px;height: 43px;margin-top: 16px;}
    #header_2017 h1.logo a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
    #header_2017 .mob_btn {display:none;}
    #header_2017 #nav {width:auto;height: 59px;position:relative;overflow:hidden;border-bottom: 1px solid rgba(0, 0, 0, 0.1);background: rgba(0, 0, 0, 0.4);}
    #header_2017 #nav #blind {width:100%;height:100%;background: white;position:absolute;left:0;top: 58px;z-index:1;border-top: 1px solid #000;}
    #header_2017 #nav #gnb {max-width: 1280px;margin:0 auto;position:relative;z-index:10;width: 100%;padding-left: 80px;/* background:url("http://www.bsdonggu.go.kr/upload_data/board_data/BBS_0000214/152402747208469.jpg") 30px 110px no-repeat; */}
    #header_2017 #nav #gnb .header_icon{position:absolute; right:0; bottom:182px;}
    #header_2017 #nav #gnb ul {width:100%; height:auto;}
    #header_2017 #nav #gnb ul:after {content:""; display:block; clear:both;}
    #header_2017 #nav #gnb ul li {float:left;width: 14%;}
    /* #header_2017 #nav #gnb ul li:last-child {display:none;} */
    #header_2017 #nav #gnb ul li.num1{}
    #header_2017 #nav #gnb ul li a {display:block; text-align:center; text-decoration:none;}
    #header_2017 #nav #gnb ul li a span {display:inline-block;vertical-align:top;font-size: 24px;/*height:65px;*/padding: 14px 0px;line-height:30px;color: #fff;/* font-weight:600; */position:relative;}
    #header_2017 #nav #gnb ul li a span:after {content:""; display:block; height:4px; width:0px; position:absolute; bottom:0; left:50%;}
	#header_2017 #nav #gnb ul li a.ov span {  height:58px; border-bottom:6px solid #01a1ff; font-weight:600; }

    #header_2017 #nav #gnb ul li ul {width:auto;padding: 0 0 50px 0;margin-top:1px;border-right:1px solid #eee;}
    #header_2017 #nav #gnb ul li:first-child ul{border-left:1px solid #eee;}
    #header_2017 #nav #gnb ul li ul li:last-child {display:block; margin-bottom:-20px;}
    #header_2017 #nav #gnb ul li ul li {float:none; width:auto; margin:0 0 0 0;}
    #header_2017 #nav #gnb ul li ul li a {display:inline-block;letter-spacing: -1px;line-height:20px;padding: 8px 15px;color: #000;text-align:left;display: block;width: 100%;}
   
    #header_2017 #nav #gnb ul li ul li a:hover{  /*  border: 1px solid #242e3a; */   background: #344151;color:white;text-decoration:none}
    #header_2017 #nav #gnb ul li ul li a:hover strong{color:white}

	#header_2017 #nav #gnb ul li ul li a[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0;content:'';}
	#header_2017 #nav #gnb ul li ul li a:hover[target="_blank"]:after {display:inline-block;width:20px;height: 13px;margin: 0px 0 0 7px;background: url(/user_res/images/common/btnSmall_link_icon.png)no-repeat 0 0;content:'';}

    #header_2017 #nav #gnb ul li ul li ul {display:none !important;}
    #header_2017 .toputil {position:absolute; right:3%; top:15px; z-index:10; padding-right:70px;}
    #header_2017 .toputil:after {content:""; display:block; clear:both;}
   
    #header_2017 .toputil .site_code {float:left; margin:21px 15px 0 15px;}
    #header_2017 .toputil .site_code ul {width:auto;}
    #header_2017 .toputil .site_code ul:after {content:""; display:block; clear:both;}
    #header_2017 .toputil .site_code ul li {float:left; padding:0 10px; height:28px; line-height:28px; font-weight:600; color:#0261cb;}
    #header_2017 .toputil .site_code ul li a {display:block; height:100%; line-height:28px;}
    #header_2017 .toputil .totalsearch {position:absolute; right:-40px; top:0; overflow:hidden;}
    #header_2017 .toputil .totalsearch .btn {display:block; border:1px solid #ddd; width:48px; height:48px; background:#fff url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; position:relative; z-index:10;}
    #header_2017 .toputil .totalsearch .btn:hover, #header_2017 .toputil .totalsearch .btn:active {border:1px solid #8e8e8e;}
    #header_2017 .toputil .totalsearch .btn.on {background:#014083 url(/user_res/images/main/health_totalsearch_close.png) no-repeat center 50%; border:1px solid #014083;}
    #header_2017 .toputil .totalsearch .input {display:none; width:230px; height:48px; padding:5px 60px 5px 10px; left:1px; background:#fff; border:1px solid #ddd; position:absolute; right:0; top:0; z-index:5; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);}
    #header_2017 .toputil .totalsearch .input input[type="text"] {width:100%; height:40px; line-height:48px; font-size:16px; border:0; color:#555; background:none; box-sizing:border-box;}
    #header_2017 .toputil .totalsearch .input input[type="submit"] {text-indent:-9999px; overflow:hidden; width:48px; height:48px; display:block; position:absolute; right:0; top:0px; background: url(/user_res/images/main/health_totalsearch.png) no-repeat center 50%; border:0; background-size:60%;}
    #header_2017 .toputil .totalsearch .input input[type="text"]::-webkit-input-placeholder {color:#555;}
    #header_2017 .toputil .totalsearch .input input[type="text"]:-moz-placeholder {color:#555;}
    #header_2017 .toputil .totalsearch .input input[type="text"]::-moz-placeholder {color:#555;}
    #header_2017 .toputil .totalsearch .input input[type="text"]:-ms-input-placeholder {color:#555;}


    @media screen and (max-width: 1690px) {
    	#header_2017 #nav #gnb{max-width: 1000px;width:100%;}
    	#header_2017 #nav #gnb ul li {float:left;width: 13%;}
    	#header_2017 #nav #gnb ul li.num1{margin-left: 39px;}
    }

    @media screen and (max-width: 1325px) {
    	#header_2017 #nav #gnb ul li.num1{margin-left:8%;}
    	#header_2017 #nav #gnb ul li a span{font-size:18px}
    	#header_2017 #nav #gnb ul li ul li a strong{font-size:16px}
    	.reserWrap > ul > li { width:48%; }
    	#header_2017 #nav #gnb {/* display:none; */}
    }

     @media screen and (max-width: 1246px) {

   	  #header_2017 #nav #gnb ul li.num1{margin-left:15%}
     }

     @media screen and (max-width: 1060px) {

     	#header_2017 #nav #gnb{max-width:800px;}
   	  	#header_2017 #nav #gnb ul li.num1{margin-left:15%}
     }

     @media screen and (max-width: 969px) {

     	#header_2017 #nav #gnb{max-width:650px;display: none;}
   	  #header_2017 #nav #gnb ul li.num1{margin-left:17%}
   	  .articles_search .basic_searchForm span{display:inline-block;/* width: 68px; *//* font-size: 16px; */}
   	  .articles_search .basic_searchForm span:not(.separ):before{content:'';display:block;}
   	  .articles_search .basic_searchForm span, .articles_search .basic_searchForm input{margin-bottom:5px}
     }

	@media screen and (max-width: 770px) {
        #header_2017 #nav{display:none}
        .reserWrap > ul > li {width:100%;margin-top: -1px;}
	}                        
@media screen and (max-width: 767px)     {
	#top_head{background-color: #007cbc;}
    	#header_group{position:relative;z-index:999;background-color: #15222b;padding-top: 40px;}
	#header_group #family_site a{width: 124px !important;display: inline-block;}
	#header_group #lang_site a{}
	#header_group #family_site .obj{margin-top: 0px;width:124px !important;}
	#gn1c{}
     #header_group #family_site {display: block !important;margin: 0;left:0px;top: -38px;width: 130px;}
	#header_group #lang_site{display: block !important;margin: 0;left: 126px;top: -38px;}
	#header_group .btn_logout{display:none}
}