/* common */
html{overflow-y:scroll;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
img,fieldset{border:0} ul,ol{list-style:none}
em,address{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}
.hidden{display:none}
body {margin:0; padding:0; color:#686868; font-size:15px;}
input,select,textarea {font-size:12px;}
select {font-size:12px;}
label {cursor:pointer;}
a {text-decoration:none; color:#686868;}
a:hover {color:#666;}
.wrap {width:1000px; margin:0 auto; overflow:hidden;}
#content {padding:0;}
#zone {background:url('../../../../img/bg-main.jpg') left top repeat-x #ffffff;}
/* header */
#header {margin-top:10px;}
#header .wrap {}
#header .logo {float:left; padding:0; margin:0; position:relative;}
#header .logo ._logo_img {}
#header .logo ._logo_img img {}
#header .logo ._logo_txt {padding:0; margin:0;}
#header .logo ._logo_txt a {}
#header .login {float:right; position:relative;}
#header .login a {font-size:12px;}
#header .login i {display:inline-block; margin:0 3px 0 3px; position:relative; top:1px; width:1px; height:11px;}
#header .search {float:right; position:relative; margin:0;}
#header .search form {display:block; width:228px; height:25px; background:#ffffff; border-radius:6px 6px 6px 6px;}
#header .search .keyword {float:left; padding:2px 0 0 3px; margin:3px 0 0 6px; width:186px; height:17px; font-size:11px; color:#888888; border:0; background:#ffffff;}
#header .search .keyword:focus {font-weight:600; font-size:12px; color:#222222;}
#header .search .sbtn {float:left; padding:5px; position:relative; top:-1px; left:4px;}
#header_con{width:100%; height:46px; background-image:url(../../../../img/bg-top.jpg);}
#header2{position:relative; width:1000px; height:46px; background-image:url(../../../../img/bg-topmenu.jpg); margin:20px auto; z-index:30 }
/* logo */
.logo {position:absolute; float:left; width:168px; padding:0; z-index:100;}
.vline {background:url('../../../../img/bg-vline.gif') no-repeat;}
/* topmenu */
#topmenu {background:url('../../../../img/bg-top.jpg') repeat-x; height:103px;}
#topmenu .wrap {height:60px; border-bottom:#dfdfdf solid 0;}
#topmenu ul {padding:13px 0 0 306px;margin:0;list-style-type:none;}
#topmenu li {float:left; padding:0 0 0 0; margin:1px 0 0 0; height:40px;}
#topmenu li a {font-weight:600; font-size:16px; color:#6C6C6C; display:block; padding:1px 0 5px 0;letter-spacing:-1px;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:1;}
#topmenu #gnbsub1 {margin:30px 0 0 1px; padding:25px 0 0 0; width:182px;}
#topmenu #gnbsub2 {margin:30px 0 0 -81px; padding:25px 0 0 0; width:259px;}
#topmenu #gnbsub3 {margin:30px 0 0 -157px; padding:25px 0 0 0; width:600px;}
#topmenu #gnbsub4 {margin:30px 0 0 -21px; padding:25px 0 0 0; width:128px;}
#topmenu #gnbsub5 {margin:30px 0 0 -100px; padding:25px 0 0 0; width:277px;}
#topmenu #gnbsub6 {margin:30px 0 0 -385px; padding:25px 0 0 0; width:485px;}
#topmenu li div ul {margin:30px 0 0 1px; padding:3px; width:130px;}
#topmenu li div li {margin:0;padding:0;}
#topmenu li div li a {overflow:hidden;height:13px;line-height:150%;display:block;font-weight:normal;padding:4px 0 10px 10px;font-size:12px;font-family:gulim;height:12px;text-shadow:0 0 0 #666666;}
#topmenu li div li a:hover {}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dd a {overflow:hidden;height:12px;line-height:150%;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:12px;font-family:gulim;height:11px;text-shadow:0 0 0 #666666;}
#topmenu li div dd a:hover {background:#efefef;}
#topmenu li a:hover,#topmenu .on {}
#topmenu .on1 {}
#topmenu .none {color:#999999;padding:2px 0 0 10px;}
#topmenu .none a {display:inline;background:#ffffff;padding:3px 5px 3px 5px;position:relative;top:2px;}
#topmenu .more {margin:0 0 3px 3px;}
#topmenu .home {margin-right:15px;}
/* visual */
#visual {margin:0 auto; height:358px; margin:0 0 0 0; text-align:center; background:url('../../../../img/bg-main-visual.jpg') left top repeat-x #ffffff;}
#sub-visual {margin:0 auto; height:182px; margin:3px 0 0 0; text-align:center;}
/* title */
#title {border-bottom:1px solid #C8C8C8; font-size:13px; margin:50px 0 20px 0; height:38px; overflow:hidden;}
.tit {float:left; font-size:24px; font-weight:600; width:350px; color:#0078B9; letter-spacing:0px; padding:0 0 5px 9px; background:url(../../../../img/ico-t-blue.jpg) no-repeat;}
.location{float:right; text-align:right; width:350px; height:28px; padding-top:15px; vertical-align:bottom;}
.location a{height:28px; vertical-align:bottom;}
.location img{height:15px; vertical-align:bottom;}
/* 마진 */
/* all */
.mg0{height:0 !important;}
.mg5{height:5px !important;}
.mg10{height:10px !important;}
.mg15{height:15px !important;}
.mg20{height:20px !important;}
.mg25{height:25px !important;}
.mg30{height:30px !important;}
.mg35{height:35px !important;}
.mg40{height:40px !important;}
.mg45{height:45px !important;}
.mg50{height:50px !important;}
.mg55{height:55px !important;}
.mg60{height:60px !important;}
.mg65{height:65px !important;}
.mg70{height:70px !important;}
.ovh {overflow:hidden;}
/* 텍스트 확대축소 */
#ctxt .xright {float:right; }
#ctxt .xright ul {padding:0; margin:0; }
#ctxt .xright li {list-style-type:none; float:left; }
#ctxt .xright .g {padding:0 10px 0 0; }
#ctxt .xright .g img {position:relative; top:3px; right:3px; }
#ctxt .xright .g a {font-size:11px;dotum; color:#666; }
#ctxt .xright .g a:hover {text-decoration:underline; }
#ctxt .xright div {position:absolute; display:none; }
#ctxt .xright div ul {position:relative; top:17px; width:79px; border:#dfdfdf solid 1px; background:#ffffff; padding:1px; }
#ctxt .xright div li {float:none; display:block; padding:3px 0 3px 3px; color:#333; font-size:11px; cursor:pointer; }
#ctxt .xright div li:hover {background:#ECF0F6; }
/* 본문 이미지 */
.p-img {padding:0 0 8px 0; line-height:150%; text-align:center;}
/* 본문 박스 */
.p-box {width:718px; border:1px solid #000000; padding:10px; font-size:13px; color:#000; letter-spacing:0px; line-height:180%;}
/* mark */
#mark {border-top:#e5e5e5 solid 1px; margin:30px 0 20px 0;}
#mark li {float:left; padding:20px 0 0 16px;}
/* 시설현황 */
.facilities-pic {float:left; width:350px; margin:5px 0 0 32px; border:1px solid #aaaaaa;;}
.facilities-txt {float:left; width:350px; margin:5px 0 0 35px; text-align:center; color:#222;}
/* 본문 텍스트 */
.c-tit {font-size:18px; font-weight:600; color:#E65454; padding:0 0 5px 14px; background:url(../../../../img/icon-title.gif) no-repeat;}
.c-stit {font-size:16px; font-weight:600; color:#F36F21; padding:0 0 5px 14px; background:url(../../../../img/icon-stitle.gif) no-repeat; margin:5px 0 0 20px;}
.c-p {padding:0 0 5px 15px; line-height:180%;}
.c-p-2 {padding:0 0 5px 35px; line-height:180%;}
.c-p-list {padding:0 0 5px 10px; line-height:180%; background:url(../../../../img/bg-c-p-list.gif) repeat-y;}
.c-diagram-1 {float:left; background:url('../../../../img/bg-diagram-1-1.gif') no-repeat; width:150px; height:200px;}
.c-diagram-2 {float:left; background:url('../../../../img/bg-diagram-1-2.gif') no-repeat; width:150px; height:200px;}
.c-diagram-3 {float:left; background:url('../../../../img/bg-diagram-1-3.gif') no-repeat; width:150px; height:200px;}
.c-diagram-4 {float:left; background:url('../../../../img/bg-diagram-1-4.gif') no-repeat; width:150px; height:200px;}
.c-diagram-p-1 {text-align:center; padding:110px 5px 0 5px;}
.c-diagram-arrow-1 {float:left; background:url('../../../../img/bg-diagram-arrow-1.gif') no-repeat; width:56px; height:200px;}
.c-diagram-2-1 {background:url('../../../../img/bg-diagram-2-1.gif') no-repeat; width:770px; height:82px;}
.c-diagram-2-2 {background:url('../../../../img/bg-diagram-2-2.gif') no-repeat; width:770px; height:82px;}
.c-diagram-2-3 {background:url('../../../../img/bg-diagram-2-3.gif') no-repeat; width:770px; height:82px;}
.c-diagram-2-4 {background:url('../../../../img/bg-diagram-2-4.gif') no-repeat; width:770px; height:82px;}
.c-diagram-2-5 {background:url('../../../../img/bg-diagram-2-5.gif') no-repeat; width:770px; height:82px;}
.c-diagram-p-2-1 {float:left; padding:32px 5px 0 142px; width:70px; color: #222; font-weight: 600; font-size: 16px;}
.c-diagram-p-2-2 {float:left; padding:31px 5px 0 42px;}
.c-diagram-p-2-3 {float:left; padding:27px 5px 0 42px;}
.c-diagram-arrow-2 {background:url('../../../../img/bg-diagram-arrow-2.gif') no-repeat center center; width:26px; height:36px; margin:5px auto;}
/* 본문 테이블 */
.ctable table {border: 1px solid #C1BAEE; margin: 0 0 15px 0; text-align: left; width: 100%; }
.ctable tr th, .ctable thead th {color: #555; font-weight: bold; border-right: 1px solid #fff; padding: 9px 24px; text-align:center;}
.ctable tr td {border-top: 1px solid #C1BAEE; border-right: 1px solid #C1BAEE; padding: 6px 24px; text-align:center;}
/* Footer */
#footer {border-top:#e5e5e5 solid 1px; margin:0 0 20px 0; font-size:12px;}
#footer .wrap {padding:10px 0 10px 0;}
#footer .wrap .banner {height:54px; padding:1px 0 1px 0;}
#footer .wrap .copyright {line-height:180%;}
#foot-menu {height:35px; background:#b0b0b0;}
#foot-menu a {color:#ffffff;}
/* Tab */
.etabs { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line.gif') left top; }
.tab {
display: inline-block; zoom:1; *display:inline;
float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 2px 5px 0; padding:0; font-weight:600; font-weight:600; color:#474747; letter-spacing:-1px;
background: url('../../../../img/tab-blue.png') no-repeat -164px -30px;
}
.tab a {display:block; height: 30px; line-height:30px; width: 175px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; font-size:12px;}
.tab a:hover {background-position: -164px -31px; color:#ff6630; }
.tab.active {width: 175px; background: url('../../../../img/tab-blue.png') no-repeat -164px -61px; cursor:default !important; color:#000 !important; font-size:13px;}
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; padding:0;}
.panel-container { margin-bottom: 10px;}
/* Tab2 */
.etabs2 { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line.gif') left top; }
.tab2 {
display: inline-block; zoom:1; *display:inline;
float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 2px 5px 0; padding:0; font-weight:600; font-weight:600; color:#474747; letter-spacing:-1px;
background: url('../../../../img/tab-blue.png') no-repeat -341px -30px;
}
.tab2 a {display:block; height: 30px; line-height:30px; width: 134px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; font-size:12px;}
.tab2 a:hover {background-position: -341px -31px; color:#ff6630; }
.tab2.active {width: 134px; background: url('../../../../img/tab-blue.png') no-repeat -341px -61px; cursor:default !important; color:#000 !important; font-size:13px;}
.tab2 a.active { font-weight: bold; }
.tab2-container .panel-container { background: #fff; padding:0;}
.panel-container { margin-bottom: 10px;}
/* Tab3 */
.etabs3 { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line.gif') left top; }
.tab3 {
display: inline-block; zoom:1; *display:inline;
float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 2px 5px 0; padding:0; font-weight:600; font-weight:600; color:#474747; letter-spacing:-1px;
background: url('../../../../img/tab-blue.png') no-repeat -477px -30px;
}
.tab3 a {
display:block; height: 30px; line-height:30px; width: 94px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; font-size:13px;}
.tab3 a:hover {background-position: -477px -31px; color:#ff6630; }
.tab3.active {width: 94px; background: url('../../../../img/tab-blue.png') no-repeat -477px -61px; cursor:default !important; color:#000 !important; font-size:13px; }
.tab3 a.active { font-weight: bold; }
.tab3-container .panel-container { background: #fff; padding:0;}
.panel-container { margin-bottom: 10px;}
/* Tab4 */
.etabs4 { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line.gif') left top; }
.tab4 {
display: inline-block; zoom:1; *display:inline;
float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 2px 5px 0; padding:0; font-weight:600; font-weight:600; color:#474747; letter-spacing:-1px;
background: url('../../../../img/tab-blue.png') no-repeat -573px -30px;
}
.tab4 a {
display:block; height: 30px; line-height:30px; width: 63px; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; font-size:12px;}
.tab4 a:hover {background-position: -573px -31px; color:#ff6630; }
.tab4.active {width: 63px; background: url('../../../../img/tab-blue.png') no-repeat -573px -61px; cursor:default !important; color:#000 !important; font-size:13px; }
.tab4 a.active { font-weight: bold; }
.tab4-container .panel-container { background: #fff; padding:0;}
.panel-container { margin-bottom: 10px;}
/* Tab2-1 */
.etabs2-1 { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line2.gif') left top; }
.tab2-1 {
display: inline-block; zoom:1; *display:inline;
float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 0 5px 0; padding:0; font-weight:600; font-weight:600; color:#474747; letter-spacing:-1px;
background: url('../../../../img/tab-blue2.png') no-repeat -164px -30px;
}
.tab2-1 a {display:block; height: 30px; line-height:30px; width: 173px; text-align:center; text-decoration:none; color:#333; padding:0px; margin-left:-1px; position:relative; top:1px; font-size:11px;}
.tab2-1 a:hover {background-position: -164px -31px; color:#ff6630; }
.tab2-1.active {width: 173px; background: url('../../../../img/tab-blue2.png') no-repeat -164px -61px; cursor:default !important; color:#fff !important; font-size:13px;}
.tab2-1 a.active { font-weight: bold; color:#fff !important; }
.tab2-1-container .panel-container { background: #fff; padding:0;}
.panel-container { margin-bottom: 10px;}
/* Tab2-2 */
.etabs2-2 { zoom:1;clear:both;overflow:hidden;margin:0 0 15px 0;letter-spacing:-1px;background:url('../../../../img/cptab_line2.gif') left top; }
.tab2-2 {
display: inline-block; zoom:1; *display:inline;
float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 0 5px 0; padding:0; font-weight:600; font-weight:600; color:#474747; letter-spacing:-1px;
background: url('../../../../img/tab-blue2.png') no-repeat -341px -30px;
}
.tab2-2 a {display:block; height: 30px; line-height:30px; width: 132px; text-align:center; text-decoration:none; color:#333; padding:0px;margin-left:-1px; position:relative; top:1px; font-size:12px;}
.tab2-2 a:hover {background-position: -341px -31px; color:#ff6630; }
.tab2-2.active {width: 132px; background: url('../../../../img/tab-blue2.png') no-repeat -341px -61px; cursor:default !important; color:#000 !important; font-size:13px;}
.tab2-2 a.active { font-weight: bold; color:#fff !important; }
.tab2-2-container .panel-container { background: #fff; padding:0;}
.tab2-2-1 {
display: inline-block; zoom:1; *display:inline;
float:left; text-indent:0; list-style-image:none !important; float:left; height:31px; margin:0px 0 5px 0; padding:0; font-weight:600; font-weight:600; color:#474747; letter-spacing:-1px;
background: url('../../../../img/tab-blue2.png') no-repeat -341px -30px;
}
.tab2-2-1 a {display:block; height: 30px; line-height:30px; width: 132px; text-align:center; text-decoration:none; color:#333; padding:0px;margin:0; position:relative; top:1px; font-size:12px;}
.tab2-2-1 a:hover {background-position: -341px -31px; color:#ff6630; }
.tab2-2-1.active {width: 132px; background: url('../../../../img/tab-blue2.png') no-repeat -341px -61px; cursor:default !important; color:#000 !important; font-size:13px;}
.tab2-2-1 a.active { font-weight: bold; color:#fff !important; }
.tab2-2-container .panel-container { background: #fff; padding:0;}
.panel-container { margin-bottom: 10px;}
/* styling for the image wrapper */
#image_wrap {
/* dimensions */
width:760px;
padding:0;
/* centered */
text-align:center;
/* some "skinning" */
background-color:#ffffff;
border:0px solid #fff;
outline:0px solid #ddd;
-moz-ouline-radius:4px;
}
/* Shadow Box */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Arial; font-weight:200; color:#fff;}
#sb-container{position:fixed; margin:0; padding:0; top:0; left:0; z-index:999; text-align:left; visibility:hidden; display:none;}
#sb-overlay{position:relative; height:100%; width:100%;}
#sb-wrapper{position:absolute; visibility:hidden; width:100px;}
#sb-wrapper-inner{position:relative; border:1px solid #303030; overflow:hidden; height:100px;}
#sb-body{position:relative; height:100%;}
#sb-body-inner{position:absolute; height:100%; width:100%;}
#sb-player.html{height:100%; overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative; height:100%;}
#sb-loading-inner{position:absolute; font-size:14px; line-height:24px; height:24px; top:50%; margin-top:-12px; width:100%; text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat; padding-left:34px; display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative; margin:0; padding:0; overflow:hidden;}
#sb-title,#sb-title-inner{height:26px; line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px; line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right; height:16px; padding:2px 0; width:45%;}
#sb-nav a{display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer; background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left; width:45%;}
#sb-counter a{padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px; padding:10px; text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff; text-decoration:underline;}
.ui-carousel {
height: 100px;
margin: 0;
overflow: auto;
padding: 15px 0 0 0;
position: relative; /*for ie7 to work e.g in html carousels*/
width: 300px
}
.ui-carousel > .wrapper {
margin: 0;
padding: 0;
width: 9999px;
}
.ui-carousel > .wrapper > * {
border: 0;
display: block;
float: left;
height: 100px;
overflow: hidden;
width: 100px;
}