@charset "utf-8";

/***  header   ***/
.all_menu a   { z-index: 99 !important; }
.search_menu > ul .right_menu .right_wrap > div > a   { z-index: 999 !important; }
.search_menu > ul .right_menu .right_wrap > div .slide_menu   { z-index: 998 !important; }




/***  search menu  ***/
.header {}
.search_menu {height:87px; border-bottom:1px solid #eee; background: #f6f6f6;}
.search_menu > ul {width:1440px; margin:auto;}
.search_menu > ul:after {clear:both; content:''; display:block;}
.search_menu > ul > li  {float:left;}
.search_menu > ul > li.mobile {display:none;}
.search_menu > ul .logo {width:250px;}
.search_menu > ul .logo a {display: block; height: 86px; line-height: 86px; text-indent: -9999px; background: url('../img/common/gnb_logo.png')no-repeat center center;}
.search_menu > ul .right_menu:after {clear:both; content:''; display:block;}
.search_menu > ul .right_menu {float:right; padding: 33px 30px;}
.search_menu > ul .right_menu .right_wrap:after {content: ''; display: table; clear: both;}
.search_menu > ul .right_menu .right_wrap > a {display:block; height:20px; line-height:20px; font-size:11pt; color:#666; float: left; position:relative; padding: 0 20px;}
.search_menu > ul .right_menu .right_wrap > a:first-child {padding-left:0;}
.search_menu > ul .right_menu .right_wrap > a:last-child {padding-right:0;}
.search_menu > ul .right_menu .right_wrap > a:last-child:after {display:none;}
.search_menu > ul .right_menu .right_wrap > a:after {content:""; display:block; width:1px; height:12px; background:#ccc; position:absolute; right:-1px; top:50%; margin-top:-6px;}

.search_menu > ul .gnbWth {float: right; padding: 23px 0; margin-right: 40px;}
.search_menu > ul .gnbWth:after {content: ''; display: table; clear: both;}
.search_menu > ul .gnbWth .gwLft {float: left; height: 40px; border-right: solid 1px #ddd; padding-right: 15px; margin-right: 15px;}
.search_menu > ul .gnbWth .gwLft img {display: inline-block; vertical-align: middle;}
.search_menu > ul .gnbWth .gwlTxt {display: inline-block; vertical-align: middle; margin-left: 5px;}
.search_menu > ul .gnbWth .gwlTxt h5 {font-size: 11pt;}
.search_menu > ul .gnbWth .gwlTxt span {font-size: 13pt; font-weight: 700; line-height: 1.0em;}
.search_menu > ul .gnbWth .gwRht {float: left; height: 40px;}
.search_menu > ul .gnbWth .gwRht dl {display: table; width: 100%; font-size: 10pt;}
.search_menu > ul .gnbWth .gwRht dt {display: table-cell; vertical-align: middle; color: #666;}
.search_menu > ul .gnbWth .gwRht dd {display: table-cell; vertical-align: middle;}
.search_menu > ul .gnbWth .gwRht dd span.grn {color: #2a9519;}
.search_menu > ul .gnbWth .gwRht dd span.red {color: #f00;}


.search_menu > ul .gnbSch {float: right; padding: 16px 0;}
.search_menu > ul .gnbSch .schWrap {position: relative;}
.search_menu > ul .gnbSch .schWrap input[type="text"] {display: block; width: 280px; height: 54px; background: #fff; border: solid 2px #ddd; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.search_menu > ul .gnbSch .schWrap a {display: block; width: 54px; height: 54px; text-indent: -9999px; position: absolute; right: 0; top: 0; background: url('../img/common/gnb_sch.png')no-repeat center center; background-size: 26px auto;}
.search_menu > ul .gnbSns {float: right;}
.search_menu > ul .gnbSns .snsWrap {position: relative; padding: 26px 0;}
.search_menu > ul .gnbSns .snsWrap:after {content: ''; display: table; clear: both;}
.search_menu > ul .gnbSns .snsWrap dd {float: left; margin-left: 8px;}
.search_menu > ul .gnbSns .snsWrap dd a {display: block; width: 34px; height: 34px; text-indent: -9999px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;}
.search_menu > ul .gnbSns .snsWrap dd a.snsFb {background: #3c5ca9 url('../img/common/gnb_sns_facebook.png')no-repeat center center;}
.search_menu > ul .gnbSns .snsWrap dd a.snsBg {background: #32b44a url('../img/common/gnb_sns_blog.png')no-repeat center center;}
.search_menu > ul .gnbSns .snsWrap dt {z-index: 10000; position: absolute; right: 0; top: 100%; margin-top: 8px;}
.search_menu > ul .gnbSns .snsWrap dt a.gnbRev {
	display: block; width: 200px; height: 54px; line-height: 54px; text-align: center; color: #fff; font-size: 12pt; font-weight: 500;
	border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;
	background: #0d45b4 url('../img/common/gnb_reservaton_bg.jpg')no-repeat right center;
}





.mobile_search {display:none;}



/***  GNB   ***/
.gnb_sch {display: block; width: 20px; height: 20px; text-indent: -9999px; position: absolute; left: 50%; margin-left: 660px; top: 50%; margin-top: -10px; z-index: 10; z-index: 999; background:url('../img/common/gnb_sch.png')no-repeat center center; background-size: cover;}
.all_menu {position:absolute; top:0; width:1440px; right:50%; margin-right:-720px; text-align:right; display: none;}
.all_menu:after {content: ''; display: table; clear: both;}
.all_menu a {display:block; z-index:10; position:relative; width: 20px; height: 20px; margin-top: 30px; float: right;}
.all_menu a img {display: block;}
#GNB {position:relative;}
.gnb_wrap {text-align:center; position:relative; z-index:9;}
.gnb_wrap:after {content: ''; display: block; height: 1px; background: #eee; position: absolute; bottom: 0; left: 0; right: 0;}
.cd1c1 {display:none;}
.gnb_wrap ul:after {clear:both; content:''; display:block;}
.gnb_wrap .ld1 {width:1440px; margin:0 auto; padding-right: 200px;}
.gnb_wrap ul > .cd1 {float:left; width:12.5%;}
.gnb_wrap ul > .cd1 > a {display:block; text-align:center; height:70px; line-height:70px; font-size:13pt; font-weight:400;}
.gnb_wrap ul > .cd1.on > a {color:#0d45b4; border-bottom:2px solid #0d45b4;}
.gnb_wrap ul > .cd1 .lb1 {position:absolute; width:100%; height:auto; left:0; background:#fff; display:none; min-height:300px;}
.gnb_wrap ul > .cd1 .lb1:before {display:block; position:absolute; left:50%; top:0; margin-left:-720px; color:#fff; width:280px; height: 100%; font-size:18pt; font-weight: 500; text-align:left; box-sizing: border-box; padding-left: 37px; padding-top: 115px; background: #1482b8 url('../img/common/gnb_bg.jpg')no-repeat center top;}
.gnb_wrap ul > .cd1 .lb1:after {content: ''; display: block; height: 1px; background: #eee; position: absolute; left: -1000px; right: -1000px; bottom: 0;}
.gnb_wrap ul > .cd1.cd1c2 .lb1:before {content: '체육서비스';}
.gnb_wrap ul > .cd1.cd1c3 .lb1:before {content: '주차장서비스';}
.gnb_wrap ul > .cd1.cd1c4 .lb1:before {content: '레저서비스';}
.gnb_wrap ul > .cd1.cd1c5 .lb1:before {content: '공공서비스';}
.gnb_wrap ul > .cd1.cd1c6 .lb1:before {content: '고객의소리';}
.gnb_wrap ul > .cd1.cd1c7 .lb1:before {content: '알림마당';}
.gnb_wrap ul > .cd1.cd1c8 .lb1:before {content: '열린혁신';}
.gnb_wrap ul > .cd1.cd1c9 .lb1:before {content: '공단소개';}
.gnb_wrap ul > .cd1.cd1c10 .lb1:before {content: '정보공개';}
.gnb_wrap ul > .cd1 .lb1 .ld2 {height:auto; margin-left:-440px; position:relative; width:1160px; left:50%; background:#fff; padding-bottom: 30px; min-height: auto !important; display:flex; flex-wrap:wrap;}
.gnb_wrap ul > .cd1 .lb1 .ld2 > li {float:left; text-align:left; width:20%; padding-left: 30px; padding-top: 30px;}
.gnb_wrap ul > .cd1 .lb1 .ld2 > li > a {font-size:12pt; padding-bottom:10px; border-bottom:1px solid #333; display:block; margin-bottom:10px; font-weight: 500;}
.gnb_wrap ul > .cd1 .lb1 .ld2 > li ul li {margin-bottom: 8px;}
.gnb_wrap ul > .cd1 .lb1 .ld2 > li ul li:last-child {margin-bottom: 0;}
.gnb_wrap ul > .cd1 .lb1 .ld2 > li ul li a {display:block; font-size: 12pt; color:#9d9d9d;}
.gnb_wrap ul > .cd1 .lb1 .ld2 > li ul li a:hover {color:#0d45b4; font-weight:700;}
.mobile_gnb_close {display:none;}
.noScroll { overflow:hidden;}


/***  menu box   ***/
.allmenu_wrap {position:relative;}
.allmenu_box {width:1440px; margin:0 auto; background:#fff;}
.allmenu_box > ul > li > a {display:block; height:75px; line-height:75px; padding:0 30px; font-size:22px; font-weight:700; position:relative; border-bottom:1px solid #ddd;}
.allmenu_box > ul > li > a.on {color:#273d82;} 
.allmenu_box > ul > li > a:after {background:url(../img/common/icon_bg02.png) no-repeat; background-size:31px; content:''; display:block; position:absolute; right:30px; width:31px; height:31px; top:50%; margin-top:-15.5px;}
.allmenu_box > ul > li > a.on:after {background:url(../img/common/icon_bg01.png) no-repeat; background-size:31px; content:''; display:block; position:absolute; right:30px; width:31px; height:3px; top:50%; margin-top:-1.5px;}
.allmenu_box > ul > li > ul {background:#f8f8f8; padding:30px 0; border-bottom:1px solid #ddd; padding-left:30px;}
.allmenu_box > ul > li > ul:after {clear:both; content:''; display:block;}
.allmenu_box > ul > li > ul > li {float:left; width:20%; }
.allmenu_box > ul > li > ul > li > a {font-size:17px; font-weight:400; padding-bottom:10px; display:block; letter-spacing:-0.5px;}
.allmenu_box > ul > li > ul > li > ul > li {padding:8px 0;}
.allmenu_box > ul > li > ul > li > ul > li > a {display:block; padding-left:6px; position:relative; font-size:15px; line-height:18px;}
.allmenu_box > ul > li > ul > li > ul > li > a:after {content:''; display:block; background:#6a6969; width:2px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.allmenu_box > ul > li > ul > li > ul > li > a:hover {color:#0d45b4;}
.depth2 {display:none;}
#fadeandscale_wrapper {padding:158px 0 !important; }
.menu_close {position:absolute; width:52px; height:52px; right:0; top:-52px;}
.menu_close button {width:52px; height:52px; background:url(../img/common/allmenubg02.gif) no-repeat; text-indent:-9999px; cursor:pointer;}


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