@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);

/***** reset *****/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

ul, li, dl, dd {list-style-type:none;}
img, input.image, fieldset,iframe {border:0 none;}
img, fieldset {border:none;}
li img, dd img {vertical-align:top;}
input,textarea {vertical-align:middle; font-family:'Nanum Gothic','나눔고딕', sans-serif;}
hr {display:none;}
select {padding:1px; vertical-align:top; font-family:'Nanum Gothic','나눔고딕', sans-serif;}
legend {position:absolute; top:0; left:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

#skip, .skip {position:absolute; top:0; left:0; width:200px; z-index:100;}
#skip a, .skip a {position:absolute; left:0; top:0; display:block; height:1px; overflow:hidden; color:#fff; z-index:100;}
#skip a:hover, #skip a:focus, #skip a:active,
.skip a:hover, .skip a:focus, .skip a:active{width:auto; height:auto; color:#333333;}


/***** base ******/
* {font-size:1em;}
body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
	font-family: 'Nanum Gothic','나눔고딕', sans-serif;
	color:#525252;
}
address {font-style:normal;}
textarea, select {border: 1px solid #c9c9c9; background: #fff;}
textarea {resize:none;}
span.button, img.button, a.button {cursor: pointer;	vertical-align: middle;}

table {border-collapse:collapse;}
.dipy_n { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
.dipy_inline {display:inline;}
.background_n {background:none !important;}
.dp_n {display:none;}
.dp_b {display:block;}

/* line */
ul.float_box {overflow:hidden;}
ul.float_box>li {float:left;}
.float_box.img3 li {margin-right:5px;}
.float_box.img3_2 li {margin-right:10px; margin-bottom:10px;}
.float_l {float:left;}
.float_r {float:right;}
.clear_b {clear:both;}
.hidden {overflow:hidden;}
.middle {vertical-align:middle;}
.top {vertical-align:top;}
.bottom {vertical-align:bottom;}
.center {text-align:center;}
.left {text-align:left !important;}
.right {text-align:right;}
.justify {text-align:justify;}
td.left {text-align:left !important;}

/* link */
a {
	color: #5a5a5a;
	text-decoration: none;
}
a:active, a:hover {
	color: #525252;
	text-decoration: underline;
}
/* font */
.wfont {font-weight:600;}
.sfont {font-size:12px;}
.bfont {font-size:1.1em; line-height:1.4em;}
.normal {font-weight:normal;}
.ls_1 {letter-spacing:-1px;}
.point {color:#cf2222;}
.point2 {font-size:1em; color:#cf2222; text-decoration:underline; font-weight:600;}
.point3 {font-size:1.1em; color:#cc442a; font-weight:600;}
.point4 {font-size:15px; color:#2173bf; font-weight:bold; text-decoration:underline;}
strong {color:#454545;}

/*color*/
.red_color {color:#b34a57;}
.blue_color {color:#2173bf;}
.dred_color {color:#ce1324;}
.g_color {color:#508f0d;}
.orange_color {color:#f1843c;}

.redBfont { color:#b34a57; font-size:1.2em; font-weight:bold; }

/* ol_type */
li.type_decimal {list-style-type:decimal; margin-left:20px;}
li.type_lower_roman {list-style-type:lower-roman;}

.w100 {width:100%;}
.ir {overflow:hidden; display:block; text-indent:-5000px; font-size:0; line-height:0; /*cursor:pointer;*/}
caption {overflow:hidden; width:0; height:0; text-indent:-5000px; font-size:0; line-height:0;}

/*margin_padding*/
.mt_n {margin-top:0 !important;}
.margin_0 {margin:0px;}
.margin_20 {margin:20px;}
.margin_t5 {margin-top:5px;}
.margin_t10 {margin-top:10px;}
.margin_t15 {margin-top:15px;}
.margin_t20 {margin-top:20px;}
.margin_t25 {margin-top:25px;}
.margin_t30 {margin-top:30px;}
.margin_t35 {margin-top:35px;}
.margin_t40 {margin-top:40px;}
.margin_t50 {margin-top:50px;}
.margin_t70 {margin-top:70px;}
.margin_t100 {margin-top:100px;}

.margin_l5 {margin-left:5px;}
.margin_l10 {margin-left:10px;}
.margin_l20 {margin-left:20px;}
.margin_l25 {margin-left:25px;}
.margin_l30 {margin-left:30px;}
.margin_l40 {margin-left:40px;}
.margin_l45 {margin-left:45px;}
.margin_l60 {margin-left:60px;}
.margin_l67 {margin-left:67px;}
.margin_l70 {margin-left:70px;}
.margin_l75 {margin-left:75px;}
.margin_l80 {margin-left:80px;}
.margin_l95 {margin-left:95px;}

.margin_r5 {margin-right:5px;}
.margin_r10 {margin-right:10px;}
.margin_r25 {margin-right:25px;}
.margin_r30 {margin-right:30px;}
.margin_r40 {margin-right:40px;}
.margin_r45 {margin-right:45px;}
.margin_r60 {margin-right:60px;}
.margin_r67 {margin-right:67px;}
.margin_r70 {margin-right:70px;}
.margin_r75 {margin-right:75px;}
.margin_r80 {margin-right:80px;}

.margin_b5 {margin-bottom:5px;}
.margin_b10 {margin-bottom:10px;}
.margin_b20{margin-bottom:20px;}
.margin_b30{margin-bottom:30px;}
.margin_b40 {margin-bottom:40px;}
.margin_b50 {margin-bottom:50px;}

.padding_0 {padding:0px;}
.padding_t5 {padding-top:5px;}
.padding_t10 {padding-top:10px;}
.padding_t15 {padding-top:15px;}
.padding_t20 {padding-top:20px;}
.padding_t25 {padding-top:25px;}
.padding_t40 {padding-top:40px;}
.padding_t50 {padding-top:50px;}
.padding_t60 {padding-top:60px;}
.padding_t70 {padding-top:70px;}
.padding_t80 {padding-top:80px;}
.padding_t90 {padding-top:90px;}
.padding_t100 {padding-top:100px;}
.padding_t130 {padding-top:130px;}

.padding_b5 {padding-bottom:5px;}
.padding_b10 {padding-bottom:10px;}
.padding_b20 {padding-bottom:20px;}

/*pharagraph*/
.para01 {margin-left:15px; margin-top:25px;}
.para02 {margin-left:8px; margin-top:10px;}
.para03 {margin-left:12px; margin-top:10px;}
.para04 {margin-left:20px; margin-top:10px;}

/*submit*/
input.select_submit {vertical-align:top; padding-top:3px; border-left:1px solid #bdbdbd; border-top:1px solid #bdbdbd; border-right:1px solid #939393; border-bottom:1px solid #939393; background:#e3e3e3; font-size:0.95em;}

/*counter*/
footer #counter {overflow:hidden;}
footer #counter dt, footer #counter dd {float:left; padding:3px;}
footer #counter dd {margin-right:5px;}

/*contents_sns_share*/
#contents #share_sns {overflow:hidden;}
#contents #share_sns li {float:left; margin-right:3px;}
#contents #share_sns li a {display:block; text-indent:100%; white-space:nowrap; overflow:hidden; width:28px; height:28px;  background:url('/open_content/main/images/sub/share_sns.gif') no-repeat;}
#contents #share_sns li.twitter a {background-position:-28px 0;}
#contents #share_sns li.kakao a {background-position:-56px 0;}

/*data_control*/
#data_control {width:90%; margin:10px auto 50px;}
#data_control .control {overflow:hidden; margin-top:10px; padding:10px 15px 10px 55px; border:1px solid #c2c2c2; background:#f7f7f7 url('/open_content/images/datacontrol_titbg.gif') no-repeat 20px center;}
#data_control #control {float:left;}
#data_control #control dl, #data_control #control dt, #data_control #control dd {float:left;}
#data_control #control dt {margin-right:4px;}
#data_control #control dd {margin-right:20px;}
#data_control #control_date {float:right;}
#data_control #control_date dl, #data_control #control_date dt, #data_control #control_date dd {float:left;}

#data_control #satisfy {margin-top:-1px; border:1px solid #c2c2c2;}
#data_control #satisfy input, #data_control #satisfy a {vertical-align:top;}
#data_control #satisfy div {position:relative; width:95%; margin:0 auto; padding:10px 5px;}
#data_control #satisfy div:after, 
#data_control #satisfy div ul:after {display:block; content:""; clear:both;}
#data_control #satisfy div.radio {border-bottom:dotted 1px #d0d0d0;}
#data_control #satisfy div p.title,  #data_control #satisfy div ul, #data_control #satisfy div li {float:left; margin-right:20px;}
body.sub #data_control #satisfy div ul, body.sub #data_control #satisfy div li {margin-right:5px;}/*각시설서브*/
#data_control #satisfy div p.title {font-weight:600;}

#data_control #satisfy .btnBox {position:absolute; right:0; top:0; width:120px;}
#data_control #satisfy .btnBox input[type=submit]{width:55px; height:22px; border:1px solid #cbcbcb; color:#555; background:#fff; cursor:pointer; }

#data_control #satisfy div input {float:left;}
#data_control #satisfy div input.txt {width:70%; margin-right:10px; padding:3px; border:1px solid #cbcbcb;}
/*body.sub #data_control #satisfy div input.txt {width:70%;}각시설서브*/
#data_control #satisfy a {display:block; float:left; text-align:center; padding:1px 12px; border:1px solid #cbcbcb;}
#data_control #satisfy a.gray {min-width:35px; margin-left:3px; background:#e9e9e9;}
#data_control #satisfy li label {display:block; float:left; height:16px; text-indent:-100%; overflow:hidden; font-size:0; line-height:0;}
#data_control #satisfy .verygood {width:60px; background:url('/open_content/images/satisfy_verygood.gif?v=2') no-repeat left center;}
#data_control #satisfy .good {width:48px; background:url('/open_content/images/satisfy_good.gif?v=2') no-repeat left center;}
#data_control #satisfy .normal {width:40px; background:url('/open_content/images/satisfy_normal.gif?v=2') no-repeat left center;}
#data_control #satisfy .dis {width:27px; background:url('/open_content/images/satisfy_dis.gif?v=2') no-repeat left center;}
#data_control #satisfy .verydis {width:15px; background:url('/open_content/images/satisfy_verydis.gif?v=2') no-repeat left center;}

.respond_tablea table tr td{padding-left:0; padding-right:0;}


/*자동로그아웃*/
#autoLogout {z-index:10000; /*background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; height:800%; width:100%;*/}
#autoLogout div.layer {z-index:10000; position:fixed; top:180px; left:50%; margin-left:-250px; width:460px; padding:20px; background:#fff; border:1px solid #ccc; box-shadow:0px 0px 30px rgba(0,0,0,0.1);}
#autoLogout p.title {padding-left:20px; font-size:16px; font-weight:600; color:#28587f; background:url('/open_content/main/images/sub/sblet.gif') no-repeat left 3px;}
#autoLogout div.box {border:1px solid #ccc; border-top:3px solid #0089d0; margin-top:15px;}
#autoLogout div.box p.warning {text-align:center; padding:25px 0; border-bottom:1px solid #ccc; font-size:16px; font-weight:700; line-height:35px;}
#autoLogout div.box p.warning span {color:#0089d0;}
#autoLogout div.box p.acc {padding:20px; padding-left:30px; background:#fafafa url('/open_content/main/images/sub/sssblet.gif') no-repeat 22px 26px;}
#autoLogout p.btnGroup {text-align:center; margin-top:15px;}
#autoLogout p.btnGroup a,
#autoLogout p.btnGroup input {vertical-align:top; display:inline-block; padding:5px 15px 6px; background:#2173bf; color:#fff !important; font-weight:600; margin:0 2px;}
#autoLogout .btn_close {position:absolute; right:0; top:0; border-bottom:1px solid #ccc; color:#fff; border-left:1px solid #ccc; background:#555; width:40px; height:40px; line-height:40px; text-align:center;}


/*html,body {height:100%;}*/

/*각 시설 메인 FAQ*/
.quickFAQ {position:fixed; bottom:10px; right:10px; animation-duration: 1s; animation-name:FAQ; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function: inherit; z-index:50000;}
@keyframes FAQ {
	0% {bottom:5px;}
	50% {bottom:15px;}
	100% {bottom:5px;}
}
.quickFAQ a {display:block;  width:90px; height:90px; color:#fff; border-radius:50px; background:#0089d0; box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.quickFAQ a span {position:relative; top:51%; transform:translateY(-50%); display:block; text-align:center; padding-top:45px; font-weight:600; font-size:14px; background:url(/open_content/images/btn_faq.png) no-repeat center top;}

/*준비중입니다*/
#detail_con>.ready {text-align:center; margin-top:30px;}
#detail_con>.ready p.stit {display:inline-block; padding:10px 100px; color:#fff; background:#000;}
#detail_con>.ready p.con {position:relative; margin-top:30px; margin-bottom:200px; font-size:25px; line-height:35px;}
#detail_con>.ready p.con:after {display:block; content:""; position:absolute; left:50%; top:160%; width:1px; height:125px; background:#a8a8a8;}
#detail_con>.ready .end {color:#4e4e4e;}


/*1024x768*/
@media all and (max-width:1025px) {
	.float_box.img3 li {width:33%; margin-right:0;}
	.float_box.img3 li img {max-width:98%;}
	#data_control #satisfy label {padding-left:0 !important;}
	/* #data_control #satisfy div input.txt {width:62%;} */
	#detail_con img {max-width:100%;}
}

@media all and (min-width:769px) {
	.dp_mb {display:none;}
	.quickFAQ {display:none;}
}

@media all and (max-width:768px) {
	.dp_pc {display:none;}
	/* #data_control #satisfy div input.txt {width:50%;}	 */
	.respond_table {width:100%; overflow-x:scroll;}	
	.respond_table table {min-width:700px;}
	#data_control #control_date {float:left;}
	#data_control #satisfy div ul {margin-top:5px;}
	#data_control #satisfy div input.txt {width:70%;}
	#data_control #satisfy .btnBox {position:static; width:99%; text-align:center;}
	#data_control #satisfy .btnBox a, #data_control #satisfy .btnBox input {display:inline-block; float:none; width:49% !important; box-sizing:border-box;}
	#data_control #satisfy div p.title,  #data_control #satisfy div ul, #data_control #satisfy div li {margin-right:5px;}
	#data_control #satisfy div input.txt {float:none; width:97%; margin:auto;}
	
	#seoul-gnb-plugin .seoul-gnb-holder .seoul-gnb-news { display:none; }
}

@media all and (min-width:641px) {
	.ir_640 {width:0; height:0; line-height:0; text-indent:100%; white-space:nowrap; overflow:hidden;}
}

/*MOBILE*/
@media all and (max-width:640px) {
	.dp_640up {display:none;}
	.float_box li {width:100% !important; margin-bottom:5px; margin-right:0; text-align:center;}
	#autoLogout {width:100%;}
	#autoLogout div.layer {width:auto; margin-left:0; left:0;}
	#autoLogout p.btnGroup a, #autoLogout p.btnGroup input {margin:2px;}
}


/*MOBILE_MIN*/
@media all and (max-width:480px) {
	.dp_480up {display:none;}
	#data_control #control dt {display:none;}
	#data_control #control dd {margin-right:10px;}
	#data_control #satisfy div>form {padding:0 10px;}
	#data_control #satisfy div>form p {float:none;}
	#seoul-gnb-plugin .seoul-gnb-menu>dd { padding:0 3px !important; }
}

@media all and (min-width:480px) {
	.ir_480 {display:block; width:0; height:0; line-height:0; text-indent:100%; white-space:nowrap; overflow:hidden;}
}