@charset "utf-8";
html, body {height:100%;}
html, body, div, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, hr, input, button, textarea, a, img, span, em, small, table, thead, tbody, th, td, legend, i {
	margin:0;
	padding:0;
	outline:0;
	font-size:1em;
	font-family:'dotum';
}
img { vertical-align:middle;}
li {list-style:none;}
a {text-decoration:none; color:#000;}

/* clearfix */
.clearfix:before, .clearfix:after {
	display:block;
	content:"";
	clear:both;
}
.clearfix {
	clear:both;
	overflow:hidden;
}

/* 헤더 */
#main_header {
	position:relative;
	width:100%;
	height:35px;
	padding:8px 0;
	border-bottom:2px solid #003482;
	z-index:999;
	text-align: center;
}

#header {
	position:relative;
	width:100%;
	height:30px;
	padding:10px 0;
	border-bottom:2px solid #003482;
	z-index:999;
}
#header h1 {text-align:center; font-size:1.125em; font-weight: bold; line-height:30px;}
#header .btn_back {position:absolute; top:0; left:0; padding:12px 14px 13px;}
#header .btn_home {position:absolute; top:0; right:0px; padding:12px 14px 13px;}
#header .btn_menu img { width: 23px; height: 19px; }

.visual { border-bottom: 2px solid #416daf; }
h1.main_title { height: 40px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; line-height: 40px; background: url('../img/bg_main_title.png') repeat-x; background-size: 3px 40px; }

.wrap {padding: 0 12px 12px; }
.map_wrap { position:relative; margin-top: 12px; }
.map_label li { position: absolute; }
.map_label li a { display: block; border-radius: 100em; padding: 4px 7px 3px; font-size: 11px; color: #fff; }
.map_label li.seoul { top: 11%; right: 84.5%; }
.map_label li.seoul a { background-color: #b63e3e; box-shadow: 0 2px 0 #861c1c; }
.map_label li.gg a { background-color: #cd802d; box-shadow: 0 2px 0 #96540f; }
.map_label li.gg.a01 { top: 17.5%; right: 87%; }
.map_label li.gg.a02 { top: 23.7%; right: 82.5%; }
.map_label li.cn a { background-color: #30649f; box-shadow: 0 2px 0 #143a67; }
.map_label li.cn.a01 { top: 38.2%; right: 84%; }
.map_label li.jb a { background-color: #529629; box-shadow: 0 2px 0 #426e27; }
.map_label li.jb.a01 { top: 49.2%; right: 84%; }
.map_label li.jn a { background-color: #8b4da3; box-shadow: 0 2px 0 #5f1e77; }
.map_label li.jn.a01 { top: 63.5%; right: 88%; }
.map_label li.jn.a02 { top: 71%; right: 85%; }
.map_label li.jn.a03 { top: 73.5%; right: 60.3%; }
.map_label li.kn a { background-color: #1f6aad; box-shadow: 0 2px 0 #0b4984; }
.map_label li.kn.a01 { top: 75%; left: 41%; }
.map_label li.kn.a02 { top: 69%; left: 47%; }
.map_label li.kn.a03 { top: 72%; left: 63%; }
.map_label li.kn.a04 { top: 65.5%; left: 64%; }
.map_label li.kn.a05 { top: 61%; left: 75.5%; }
.map_label li.kn.a06 { top: 54.3%; left: 80.5%; }
.map_label li.kb a { background-color: #c1a443; box-shadow: 0 2px 0 #8b7524; }
.map_label li.kb.a01 { top: 45.5%; left: 85%; }
.map_label li.kb.a02 { top: 39%; left: 82.1%; }
.map_label li.kb.a03 { top: 33%; left: 85%; }
.map_label li.kb.a04 { top: 27%; left: 84%; }
.map_label li.kw a { background-color: #30a199; box-shadow: 0 2px 0 #17736b; }
.map_label li.kw.a01 { top: 12.8%; left: 73.5%; }
.map_label li.kw.a02 { top: 6.5%; left: 67%; }
.map_label li.kw.a03 { top: 0%; left: 62%; }
.map_label li.jj a { background-color: #23bac8; box-shadow: 0 2px 0 #0f848f; }
.map_label li.jj.a01 { top: 90%; left: 37%; }
.map_label li.jj.a02 { top: 81%; right: 84.5%; }
.map_label li.jj.a03 { top: 91%; right: 87.6%; }
.map_label li.jj.a04 { top: 95.2%; left: 16%; }

.map_wrap .label_2depth { position: absolute; }
.map_wrap .label_2depth.tongyeong { top: 72%; left: 74%; }
.map_wrap .label_2depth.gimnyeong { top: 90%; left: 48%; }
.map_wrap .label_2depth.dodu { top: 81%; right: 47.5%; }
.map_wrap .label_2depth li { float: left; background: url('../img/list_bar.png') 0 4px no-repeat; }
.map_wrap .label_2depth li:first-child { background: none; }
.map_wrap .label_2depth li a { display: block; padding: 4px 7px 3px; font-size: 11px; color: #000; }

.list_wrap { padding: 9px; }
.list_wrap ul { padding: 3px 1%; width: 99%; }
.list_wrap ul li { float: left; width: 31.4%; display: table; margin: 0.8%;}
.list_wrap ul li div { height: 52px; display:table-cell; vertical-align: middle; }
.list_wrap ul li div a { padding: 5px; display: block; vertical-align:middle;  text-align: center; font-size: 12px; color: #fff; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.35); }
.list_wrap ul li div.west { border: 2px solid #19852a; background: #359645 url('../img/bg_list_box.png'); }
.list_wrap ul li div.south { border: 2px solid #00739d; background: #0084b4 url('../img/bg_list_box.png'); }
.list_wrap ul li div.east { border: 2px solid #e26810; background: #f47c26 url('../img/bg_list_box.png'); }

.wrap .marina_contents {}
.wrap h5.title_around {background:url('../img/title_around.png') no-repeat;}
.wrap h5.title_advice {background:url('../img/title_advice.png') no-repeat;}
.wrap h5.title_taxi {background:url('../img/title_taxi.png') no-repeat;}
.wrap h5.title_bus {background:url('../img/title_bus.png') no-repeat;}
.wrap h5.title_subway {background:url('../img/title_subway.png') no-repeat;}
.wrap h5.title_airport {background:url('../img/title_airport.png') no-repeat;}
.wrap h5.title_information {background:url('../img/title_information.png') no-repeat;}
.wrap h5.title_blue {background:url('../img/title_blue.png') no-repeat;}
.wrap .marina_contents h5 {margin:10px 0 6px 0px; padding-left: 45px; height:22px; line-height: 22px; background-size: 39px 22px; font-size: 14px; font-weight: bold; color: #007ecd;}
.wrap .marina_contents h5.title_blue {padding-left: 28px; background-size: 22px 22px; }
.wrap .marina_contents > div {line-height:18px; color:#333; font-size: 12px; padding: 0 15px; }
.wrap .marina_contents div.pl_10 {padding-left:10px !important;}
.wrap .marina_contents div.pl_15 {padding-left:15px !important;}
.wrap .marina_contents div.pl_20 {padding-left:20px !important;}
.wrap .marina_contents div.pl_30 {padding-left:30px !important;}
.wrap .marina_contents a.link{color:#00afc9; text-decoration:underline;}
.wrap .marina_contents a.link:hover {color:#006dc9;}
.wrap .marina_contents div p.arrow { padding-left: 10px; background: url('../img/bullet_yellow.png') 0 5px no-repeat; background-size: 5px 8px; }

.wrap p {line-height:18px;}
.wrap p.tb_legend {font-size:11px; color:#999; text-align:right; }
.wrap p.small {font-size:11px;}
.wrap p.blue {color:#668dc1;}

.wrap .tb_contents { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align:center; margin:5px 0;}
.wrap .tb_contents th { border-right: 1px solid #ccc; border-top: 1px solid #ccc; height: 20px; background-color: #f6f6f6; line-height: 1.4; padding:3px; }
.wrap .tb_contents td { border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding:3px; height: 16px; letter-spacing:-0.5px;}
.wrap .tb_contents tr th:first-child { border-left: 1px solid #ccc; }
.wrap .tb_contents tr td:first-child { border-left: 1px solid #ccc; }
.wrap .tb_contents tr:first-child th { border-top: 0; }
.wrap .tb_contents tr:first-child th+td { border-top: 0; }

.wrap .tb_contents .last_right {border-right:0 !important;}
.wrap .tb_contents .first_left {border-left:0 !important;}
.wrap .tb_contents .align_left {text-align:left !important;} 
.wrap .tb_contents .align_right {text-align:right !important;} 
.wrap .tb_contents .align_center {text-align:center !important;} 
.wrap .tb_contents .gray {background-color:#f6f6f6 !important;} 
.wrap .tb_contents .blue {background-color:#eef4fc !important;} 

.info {padding:30px 17px; background:#efefeb;}
.info table.facilities {text-align:center;}
.info table.facilities tr th img {width:34px; height:34px; border:2px solid #d2d2d2;}
.info table.facilities tr td {height:20px; padding:8px 0 18px;}
.info table.facilities tr td img {width:20px; height:20px; }
.info hr { height:0px; margin:4px auto 20px; border-bottom:1px solid #d7d7d3; border-top:0; border-left:0; border-right:0;}
.info table.location { width: 100%; }
.info table.location tr th img {width:34px; height:34px; border:2px solid #fff;}
.info table.location tr td {padding-left:15px; font-size:12px; font-weight:700; line-height:20px;}
span.info_txt { font-size:11px; line-height:30px;color:#555;}
.mark { padding:7px 10px; margin-top:20px; background:#fafafa; border:2px solid #e1e1e1;}
.mark table.naming tr th {padding:3px 0;}
.mark table.naming tr th img {width:24px; height:24px; border:1px solid #fff;}
.mark table.naming tr td {padding-left:9px; font-size:11px; font-weight:700; line-height:14px; color:#999;}


/* 탭 */
.tab_nav ul li {float:left; text-align:center; }
.tab_nav ul li a {display:block; font-size:0.875em; padding:11px 0 10px; line-height:14px; color: #aaa; font-weight:800; border-bottom: 3px solid #ccc; background-color: #eee; }
.tab_nav ul li.on a {color:#003482; text-shadow:none; border-bottom: 3px solid #003482; background-color: #fff; }

.tab_nav ul.tab05 li {width:20%;}
.tab_nav ul.tab03 li {width:33.3%;}
.tab_nav ul.tab03 li+li {width:33.4%;}
.tab_nav ul.tab03 li+li+li {width:33.3%;}

.small_tab { position: absolute; top:12px; right: 12px; height: 24px; border-bottom: 1px solid #e5e5e5; }
.small_tab li { float: left; border: 1px solid #777; }
.small_tab li a { display: block; height: 12px; font-size: 0.75em; padding: 5px 8px; color: #777; line-height: 12px; background-color: #fff; }
.small_tab li.on a { color: #fff; text-shadow: 0 1px 0 #444; background-color: #777; }

/* 입력폼 */
.input_wrap {border:1px solid #ddd; background-color:#fbfbfb;}
.basic_input {width:100%; height:24px; padding:0 5px; display:block; border:0; background:none; color:#333;}
.date_bg {background:#fbfbfb url('../img/input_date.png') top right no-repeat; background-size:25px 24px; }
.select {width:100%; padding:0 5px; appearance:none; height:24px; font-size:1em; color:#333; border:0; background:url('../img/select_arrow.png') top right no-repeat; background-size:25px 24px; border-radius:0; -webkit-appearance:none; }
.select_bg {background:#fbfbfb url('../img/select_arrow.png') top right no-repeat; background-size:25px 24px;}
.textarea {border:0; background:none; height:80px; width:100%; resize:none;}
input[type="date"] {width:92%;}

/* 풋터 */
#footer { text-align:center; padding:10px 0; background-color: #2b3037; }
#footer a { display: inline-block; border: 1px solid #222; border-radius:0.5em; padding: 5px 8px; text-align: center; margin-bottom: 10px; font-size: 12px; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#bcbcbc 100%); /* IE10+ */
}
#footer p { font-size:0.688em; color:#999; }