@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;}
.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','NanumSquare','맑은 고딕','AppleSDGothicNeo','AppleGothic'; }

.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;}