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

PYH CSS RESET

*******/

@import url(member.css);
@import url(board.css);	



@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
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; } 


#intro {max-width:640px;margin:0 auto;background:url(../../images/btn_intro.gif);text-align:center;}
#intro .desc {padding:20px 20px 145px 20px;}
#intro #footer {padding:0;}
.desc-form {margin-top:55px;}
.desc-form input[type=text] {width:85%;padding:10px 70px;box-sizing:border-box; line-height:24px; background:url(../../images/id.png) no-repeat 20px 5px; background-color:#fff; border:none;}
.desc-form input[type=password] {width:85%;padding:10px 70px;box-sizing:border-box; line-height:24px; background-color:#fff !important; background:url(../../images/password.png) no-repeat 20px 5px; margin-top:10px; border:none;}
.desc-form .btn-intro {display:inline-block;width:85%;margin-top:20px;padding:10px 0;border:none;background:url(../../images/btn_intro.png) no-repeat;background-size:100% 100%;font-size:20px;font-weight:600;color:#fff;  margin-bottom:40px;}

.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:0; width: 100% !important;}
/*html,body {margin:0;padding:0;height:100%;}*/
#wrap {max-width:640px;height:100%;margin:0 auto;letter-spacing:-1px; font-family:'Open Sans', '나눔 고딕', 'Malgun Gothic','맑은 고딕','AppleSDGothicNeo','AppleGothic'; overflow: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: #7c001a; border-bottom: 1px solid #956c51;}
#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: #703d34 !important; background: url(../../images/bg_up.png) no-repeat 95% center; background-size: 15px; border-bottom: 1px solid #956c51; font-weight: 600; font-size: 15px; color: #fff;}
#layMenu .sub-menu {display: none; padding: 10px 0; border-bottom: 1px solid #956c51; background-color: #73564b;}
#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: #703d34; background-size: 15px;}