@charset "UTF-8";
/*******

PYH CSS RESET

*******/


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@font-face {
 font-family: 'NanumSquareB';
 src: url(../../webfont/NanumSquareB.eot);
 src: url(../../webfont/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../../webfont/NanumSquareB.woff) format('woff'),
      url(../../webfont/NanumSquareB.ttf) format('truetype');
}
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,iframe {;border:0;}
img {max-width:100%;vertical-align:top;}
ul,ol {list-style:none;}
a {text-decoration:none;}
input {/*-webkit-appearance: none;*/}
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.tac {text-align:center;},.bd_ln {border-left:none !important;}
/* loading message */
.loading { font-family:tahoma; font-size:11px; font-weight:bold; } 
.loading-msg { width:100%; text-align:center; font-family:tahoma; font-size:11px; font-weight:bold;} 
.vertical * { vertical-align:middle; } 


.bx-wrapper .bx-controls-auto .bx-start {display:none;}
.m-bottom .bx-wrapper .bx-pager {display:none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {left:27px;}
/*html,body {margin:0;padding:0;height:100%;}*/
#wrap {position:relative;max-width:640px;height:100%;margin:0 auto;letter-spacing:-1px; font-family:'Open Sans','AppleSDGothicNeo','AppleGothic','맑은 고딕';min-height: 100vmin;overflow-x: hidden;}

.s_mn {position:absolute; z-index:9999; width:100%;}
.submn1 {position:relative;}
.submn1 > ul {position:absolute; background:#eef3f7; width:29.5%; border-left:1px solid #c3c8ce; border-right:1px solid #c3c8ce;}
.submn1 > ul > li {padding:2px 12px; text-align:left; border-bottom:1px solid #c3c8ce;}
.submn1 > ul > li > a {font-weight:bold; color:#666; font-size:11px; display: block; padding: 3px 0; width: 100%;}
.submn2 {position:relative;}
.submn2 > ul {position:absolute; background:#eef3f7; width:29.5%; border-left:1px solid #c3c8ce; border-right:1px solid #c3c8ce; left:24.5%;}
.submn2 > ul > li {padding:2px 12px; text-align:left; border-bottom:1px solid #c3c8ce;}
.submn2 > ul > li > a {font-weight:bold; color:#666; font-size:11px; display: block; padding: 3px 0; width: 100%;}
.submn3 {position:relative;}
.submn3 > ul {position:absolute; background:#eef3f7; width:29.5%; border-left:1px solid #c3c8ce; border-right:1px solid #c3c8ce;}
.submn3 > ul > li {padding:2px 12px; text-align:left; border-bottom:1px solid #c3c8ce;}
.submn3 > ul > li > a {font-weight:bold; color:#666; font-size:11px; display: block; padding: 3px 0; width: 100%;}
.submn4 {position:relative;}
.submn4 > ul {position:absolute; background:#eef3f7; width:29.5%; border-left:1px solid #c3c8ce; border-right:1px solid #c3c8ce; right:0.5%;}
.submn4 > ul > li {padding:2px 12px; text-align:left; border-bottom:1px solid #c3c8ce;}
.submn4 > ul > li > a {font-weight:bold; color:#666; font-size:11px; display: block; padding: 3px 0; width: 100%;}
.submn5 {position:relative;}
.submn5 > ul {position:absolute; background:#eef3f7; width:25%; border-left:1px solid #c3c8ce; border-right:1px solid #c3c8ce; right:0px;}
.submn5 > ul > li {padding:2px 12px; text-align:left; border-bottom:1px solid #c3c8ce;}
.submn5 > ul > li > a {font-weight:bold; color:#666; font-size:11px; display: block; padding: 3px 0; width: 100%;}

.subtable #content {margin-top: 10px;}
.subtable #content table {width: 100%; margin-top: 30px;}
.subtable #content table th {width: 10%;background: #eee; padding: 5px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center; font-size: 14px; padding-bottom: 6px; border-bottom: 1px solid #333;}
.subtable #content table th:last-child {border-right: 1px solid #ccc;}
.subtable #content table td {width: 10%; padding: 5px; text-align: center; font-size: 13px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.subtable #content table tr:last-child td {border-bottom: 1px solid #333; border-top: 1px solid #333; font-weight: bold;}
.subtable #content table td:first-child {border-left: 1px solid #ccc; background: #eee;}
.map_text {position: relative;}
.top {position: fixed; right: 25px; bottom: 45px;}
.nmap_base_pane {width: 100%;}
.map1 {position: absolute; left: 50%; top: 50%; width: 640px;  height: 315px; margin: -167px 0 0 -320px; }
.yesmg {text-align: center; text-align: center; line-height: 30px; color: #333; font-size: 14px; padding: 0 13px;}
.yesmg p {font-weight: bold; margin-top: 20px;}

.ma1_box{position: relative; width: 640px; height: 315px;  overflow: hidden; text-align: center;}
.map2 {position: absolute; left: 50%; top: 50%; width: 640px;  height: 315px; margin: -167px 0 0 -320px; }


#layMenu {display: none; position: fixed; top: 0; left: 0; right: 0; max-width: 640px; width: 100%; height: 100%; margin: 0 auto; z-index: 9999; overflow-y: auto;}
#layMenu .dim {position: fixed; width: 100%; max-width: 640px; height: 100%; background-color: #000; opacity: 0.5;}
#layMenu .lay-con {position: relative; width: 300px; margin: 0 auto; margin-right: 0;}
#layMenu .btn-x {position: absolute; top: 25px; right: 20px;}
#layMenu .btn-x img {height: 20px;}
#layMenu .menu-top {padding: 25px 20px; background-color: #07312f; border-bottom: 1px solid #6a9e8b;}
#layMenu .menu-top .tit {margin-bottom: 15px; font-weight: 600; font-size: 18px; color: #fff;}
#layMenu .menu-top .my a {display: block; height: 35px; background-color: #fff; border-radius: 3px; font-weight: 600; font-size: 14px; color: #333; line-height: 35px; text-align: center;}
#layMenu .menu {}
#layMenu .menu-tit {display: block; padding: 15px 20px; background-color: #2a6d56 !important; background: url(../../images/bg_up.png) no-repeat 95% center; background-size: 15px; border-bottom: 1px solid #6a9e8b; font-weight: 600; font-size: 15px; color: #fff;}
#layMenu .sub-menu {display: none; padding: 10px 0; border-bottom: 1px solid #6a9e8b; background-color: #4e8d76;}
#layMenu .sub-menu li {padding: 10px 30px;}
#layMenu .sub-menu li a {display: block; font-size: 14px; color: #fff;}
#layMenu .menu-tit.on {background: url(../../images/bg_down.png) no-repeat 95% center; background-color: #2a6d56; background-size: 15px;}

.detail-map {display:  ;}


.modify-info.layer .modify-infos .full {height: 25px;margin: 5px 0;border: 1px solid #999; box-sizing: border-box;}
.modify-info.layer .modify-infos input[type=file].full {border: none;vertical-align: middle;height: 25px;padding:0 3px; box-sizing: border-box;border-radius: 0;}
.modify-info.layer .modify-infos .small {height: 25px; margin:5px 0;border: 1px solid #999; box-sizing: border-box;vertical-align: middle;}
.modify-info.layer .modify-infos input[type=button] {height: 25px; padding: 0 3px; vertical-align: middle; background-color: #e2e2e2; border: 1px solid #999; box-sizing: border-box;}
.modify-info.layer .modify-infos input[type=text] {height: 25px; padding: 0 3px;border: 1px solid #999; box-sizing: border-box;vertical-align: middle;}
.modify-info.layer .modify-infos select {height: 25px; padding: 0 3px;border: 1px solid #999; box-sizing: border-box;vertical-align: middle;}
.modify-infos textarea {border: 1px solid #999; box-sizing: border-box;}
.dim {position: fixed; top: 0; left: 0; width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.68);display: none;z-index: 99;}
.dim.on {display: block;}
.menu_wrap {width: 80%; position: absolute;right: 0;}


/*.submenu-wrap {position: relative; height: 40px; overflow: hidden;margin-bottom: 5px; background: #f1f1f1; border-bottom: 1px solid #ccc; }
.submenu-area { overflow-x: auto; width: 100%;}
.submenu {overflow:hidden;}
.submenu li {float:left;padding:0 10px;}
.submenu li a {font-weight:600;font-size:13px;letter-spacing:-0.5px;color:#333;line-height:40px;-webkit-text-size-adjust : none;text-size-adjust : none;}
.submenu li:first-child {margin-left:5px;}
.submenu li.on a {}*/

.sub21 .board .List span {display: none;}
#frm2 #layer02 .agree-check {position: relative;padding-bottom: 10px;}

#frm2 #layer02.modify-info .tac {padding-top: 10px;}