/* common mobile css */

/* Common */
@charset "utf-8";
/* CSS Document */

/* Common */
@font-face {
font-family: 'NanumGothic';
src: url('/tpl/webfont/NanumGothic.eot');
src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/tpl/webfont/NanumGothic.woff') format('woff'),
url('/tpl/webfont/NanumGothic.ttf') format('truetype');

}
* {font-family: 'NanumGothic'; font-size: 1em;}
html,body {height:100%;}

/* body 공통 속성 */
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}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-size:13px;line-height:1.267em}
body{position:relative; overflow-x:hidden; overflow-y:auto;}
table{border-collapse:collapse}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}

/* 하이퍼링크 초기화 */
a:link {}
a:visited {}
a:hover {}
a:active {}
a:focus {}

/* Layout */
.mT5 {margin-top:5px;}
.mR7 {margin-right:7px;}
.mL7 {margin-left:7px;}
.mL20 {margin-left:20px;}
.mT30 {margin-top:30px;}
.mB60 {margin-bottom:60px;}
.ta_C {text-align:center;}


/* 레이아웃 큰박스 속성 */
#wrap {clear:both; width:100%; border:1px solid #dcdcdc;}
#header {float:left; width:96%; padding:2% 2%; height:45px; background:#313131;}
#main_contents {float:left;  width:100%; margin:0px; padding:0px;}
#contents {float:left; width:96%; margin:0 auto; padding:0 2% 5%}
.sub_contents {padding:1.2em 0}
#footer {clear:both; width:100%; padding:3% 0; background:#313131;}

/*헤더*/
.header_logo img {float:left; vertical-align:middle; max-width:191px; max-height:35px;}
.btn_memu img{ float:right; vertical-align:middle; max-width:45px;  max-height:35px; margin:0 5px;}
.main_img{width:100%; margin:0; padding:0}

.header_box .head { float:left; width:20%;}
.header_box .head img { vertical-align:middle; max-width:40px; max-height:40px; }
.header_box .center { float:left; width:50%; margin:0 auto; text-align:center; }
.header_box .center img { max-width:160px; max-height:32px; margin-top:8px; }
.header_box .tail { float:right; width:30%; vertical-align: }
.header_box .tail img { float:right; vertical-align:middle; max-width:40px; max-height:40px;  }

/*메인메뉴*/
.menu_box {width:96%; padding:2% 2% 0 2%; background:url(/images/kor13-15-0174/m/menu_bg.jpg) repeat-y 0 0;}
.menu_box:after {content:""; display:block; clear:both;}
.menu_box li {float:left; width:23%; padding:1%; }

.foot_box {width:100%; display:inline-block;width:94%; padding:0% 3%; background:url(/images/kor13-15-0174/m/menu_bg.jpg) repeat-y 0 0;}
.foot_box li { padding-bottom:2%;}
.foot_box .head { float:left; width:24%; padding-right:2%;}
.foot_box .head img { vertical-align:middle; max-width:144px; max-height:75px; }
.foot_box .center { float:left; width:48%; text-align:center; }
.foot_box .center img { max-width:289px; max-height:75px;}
.foot_box .tail { float:right; width:24%; padding-left:2%;}
.foot_box .tail img { vertical-align:middle; max-width:144px; max-height:75px;  float:right;}

#sns_box{margin:0 auto; text-align:center;}
.sns_box{margin:0 auto; display:inline-block; padding-top:2%;}
.sns_box li{height:35px; margin:3px; display:inline;}


#navi {clear:both;width:100%; height:45px; background:#313131 url("/images/kor07m-15-0173/m/m_menu_bg.gif") top center repeat-x;}
#navi li { float:left; display:block; overflow:hidden; width:25%; line-height:; padding:15px 0; text-align:center; cursor:pointer ;background:url("/images/kor07m-15-0173/m/menu_line.gif") 0 15px no-repeat}
#navi li.line_off {background:}
#navi li a{font-size:13px; font-weight:bold; color:#fff;}
#navi li.on a {color:#fff100;}

#sub_menu {clear:both;width:100%;height:40px; background:#eeeeee;}
#sub_menu li{ float:left; display:block; overflow:hidden; padding:0 0.7em; height:40px; line-height:40px;text-align:center; }
#sub_menu li a{font-size:.9em; font-weight:normal; color:#000;}
#sub_menu li.on a{color:#707070; font-weight:bold}

.box {clear:both; margin:0 auto; padding:2%; width:96%; *zoom:1;}
.box:after {content:""; display:block; clear:both;}
.box .box_w {float:left; width:23%; margin:0; padding:1%}
.box .box_w .end{margin:0; padding:0}
.box .box_w a img{margin:0; padding:0}
.m_cs { clear:both; margin:0 auto; padding:0% 3% 4% 3%; width:94%; *zoom:1;}



/*서브*/
.site_direction{background-color:#f0efef; font-size:14px; padding:8px 0; text-align:left; color:#535353;padding-left:2%;}
.contents_box {margin:0 auto;  width:96%; padding:0 2%;}
.con_title {position:relative; padding:25px 0 10px 0 ; width:100%; display:inline-block; border-bottom:1px solid #dcdcdc;}
.contents_box .con_title p {float:right;  color:#a0a0a0; margin-top:10px;} /*text-align:right;*/ 
.contents_box .con_title h3 {float:left; color:#000;  font-size:2em; color:#535353;}   
.contents_box .con_txt{padding:40px 0; clear:both;}
.contents_box .con_txt img{width:100%;}

/*네비화살표*/
.navi_prev{position:absolute; left:0; top:0; padding-top:22px;}
.navi_prev img{ max-width:35px; max-height:35px; vertical-align:middle;} 
.navi_next{position:absolute; right:0; top:0; padding-top:22px;}
.navi_next img{ max-width:35px; max-height:35px; vertical-align:middle;}

/*메인화살표*/
#main_box{width:100%; margin:0 auto; position:relative; text-align:center;}
.bulletTab .btn_next{position:absolute; left:20px; bottom:30px; cursor:pointer; width:12%; max-width:50px; max-height:70px;  z-index:99;}
.bulletTab .btn_prev{position:absolute; right:20px; bottom:30px; cursor:pointer; width:12%; max-width:50px; max-height:70px;  z-index:99;}  
.main_menu li{display:inline;} 
.img_reservation{position:absolute; left:0; bottom:5px;  width:100%; display:block; visiblility:hidden;}
.img_reservation img{ max-width:245px; max-height:245px; position: relative; right: 70px;}

/*위치안내 지도*/
.con_txt_location{width:100%;}
.con_txt_location dl{padding:30px 0; border-bottom:1px solid #e5e5e5;}
.con_txt_location  dt{color:#000; font-weight:bold; font-size:1.3em; padding-bottom:5px;}
.con_txt_location  dd{color:#838383; font-size:13px; line-height:18px;}
.con_txt_location  dd span{color:#313131;}


/*서브페이지 */
.contents_box .txt_01{font-size:20px; line-height:25px; color:#959595;}
.contents_box .c_fe3178{color:#fe3178;}
.tit_01 {font-size:20px; padding:30px 0 10px 0;}
.td_01{ background-color:#f8f8f8; width:30%; border-bottom:1px solid #e5e5e5; padding:10px 0; color:#424242; font-size:14px; text-align:center;}
.td_02{ width:70%; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding:10px 0 10px 15px; color:#838383; font-size:14px; text-align:left;}
.tbl_01{border-top:2px solid #535353; border-bottom:1px solid #959595 !important;}
.tbl_02{border-top:2px solid #535353; border-bottom:1px solid #959595 !important;}


#footer {display:inline-block;}
#footer .footer_bt {  margin:0 auto; width:100%; display:block; text-align:center;}
.footer_bt .ft_btn {clear:both; margin:0 auto; text-align:center;}
.footer_bt .ft_btn span {display:inline-block; padding:3px 10px; border:1px solid #626262; color:#626262; letter-spacing:-1px;}
.footer_bt .clause {clear:both; padding:7px; color:#626262; text-align:center;}
.footer_bt .clause a {margin:0 5px; font-size:12px; color:#626262;}
.footer_bt .copyright {width:96%; margin:0px auto; padding:1em 0; font-size:11px; color:#868686; text-align:center;}

#contents h2 {width:100%; height:40px; padding-top:12px; font-size:20px; text-align:left; color:#424242; letter-spacing:-1px; border-bottom:1px solid #dcdcdc}
.s_txt {width:100%; padding:30px 0 0;}
.s_txt dt {font-size:16px; color:#c15200; font-weight:bold; letter-spacing:-0.5px; line-height:20px;}
.s_txt dt p {font-size:1.5em; font-weight:bold; margin-bottom:10px}
.s_txt dd {margin-top:10px; font-size:14px; color:#666; letter-spacing:-1px; line-height:20px;}
.s_txt dd .ls_0 {letter-spacing:0;}
.s_txt2 {width:94%; padding:0 3% 25px;}
.s_txt2 dt {margin-top:20px; padding-left:9px; background:url(../images/icon_dot.gif) left 5px no-repeat; font-size:14px; color:#71b948; font-weight:bold; letter-spacing:-1px;}
.s_txt2 dd {margin-top:10px; font-size:12px; color:#666; letter-spacing:-1px; line-height:18px;}
.s_txt2 dd .ls_0 {letter-spacing:0;}
.s_img1 {width:100%; height:180px; background:url(../images/sub1_img.gif) top center no-repeat;}
.s_img2 {width:100%; height:218px; background:url(../images/sub2_img.gif) top center no-repeat;}
.map {width:94%; padding:30px 3% 0;}
.transfer {width:94%; padding:30px 3% 15px;}
.transfer li {clear:both; width:100%; padding:10px 0; border-top:1px dotted #b2b2b2; *zoom:1;}
.transfer li:after {content:""; display:block; clear:both;}
.transfer li p {float:left; width:80px;}
.transfer li dl {float:right; width:72%; margin-top:5px;}
.transfer li dl dt {font-size:14px; font-weight:bold; color:#71b948;}
.transfer li dl dd {margin-top:5px; font-size:12px; color:#7e7e7e; line-height:18px;}

.i_txt {width:96%; padding:10px 2% 15px;}
.i_txt li {clear:both; width:100%; padding:18px 0 15px; border-top:1px dotted #b2b2b2; *zoom:1;}
.i_txt li:after {content:""; display:block; clear:both;}
.i_txt li.first {border-top:none;}
.i_txt li p {float:left; width:30%; padding:0; margin:0}
.i_txt li dl {float:right; width:66%;}
.i_txt li dl dt {font-size:16px; font-weight:bold; color:#129a63;}
.i_txt li dl dd {margin-top:10px; font-size:14px; color:#666; line-height:20px;}

.s_box {width:68%; height:81px; padding:15px 0 7px 25%; background:url(../images/sub6_img1.gif) 5% 20px no-repeat; margin:30px 3% 0; border:1px solid #d3d3d3; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow:1px 1px 0 #e5e5e5; font-size:14px; color:#666; line-height:25px;}
.s_box dt {clear:both; float:left; padding-left:9px; background:url(../images/icon_dot2.gif) left 10px no-repeat; font-weight:bold; letter-spacing:-1px;}
.s_box dd {float:left; margin-left:5px;}

.notice {clear:both; width:100%;}
.notice li {width:94%; padding:15px 3% 15px; text-align:center; border-bottom:1px solid #d8d8d8; font-size:14px; color:#666; font-weight:bold;}
.notice li dl {width:100%; background:url(../images/btn_go.gif) right 10px no-repeat; *zoom:1;}
.notice li dl:after {content:""; display:block; clear:both;}
.notice li dl dt {width:90%; margin-bottom:10px; text-align:left; letter-spacing:-1px; line-height:18px;}
.notice li dl dd.name {padding-right:10px; border-right:1px solid #ddd; float:left; font-size:12px; color:#959595; font-weight:normal;}
.notice li dl dd.date {padding-left:10px; float:left; font-size:12px; color:#959595; font-weight:normal;}
.btn {width:94%; padding:20px 3% 15px;}
.btn_write {float:right; padding:10px 25px; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:14px; color:#333}

.paging {clear:both; width:94%; padding:40px 3% 15px; text-align:center; color:#888;}
.paging img {vertical-align:middle;}
.paging span {padding:0 1px;}
.paging .on {color:#333; font-weight:bold;}

.search {clear:both; width:94%; padding:0 3% 60px; text-align:center;}
.search select {height:32px;}
.form_search {height:28px; padding-left:7px;}
.btn_search {margin:0px; padding:7px 15px; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:14px; color:#333}

.tab {clear:both; width:96%; margin-bottom:10px; border-bottom:1px solid #bcbcbc; padding:30px 3% 0; *zoom:1;}
.tab:after {content:""; display:block; clear:both;}
.tab li {float:left; width:24.3%; padding:9px 0 8px; background:#f2f2f2; border:1px solid #bcbcbc; border-left:none; border-bottom:none; font-size:13px; color:#666; text-align:center;}
.tab li.first {border-left:1px solid #bcbcbc;}
.tab li.on {background:#fff; color:#000;}

.clause_txt {clear:both; width:94%; padding:30px 3%; font-size:14px; color:#666; line-height:20px;}
.tip {clear:both; width:94%; padding:30px 3%; font-size:12px; color:#999; text-align:center; line-height:20px;}

.login_box {width:84%; margin:30px 3% 0; padding:15px 5%; background:#f0f0f0; border:1px solid #c7cacb; *zoom:1;}
.login_box:after {content:""; display:block; clear:both;}
.input_area {float:left; width:70%;}
.input_area input {width:95%; height:28px; padding-left:5%; font-size:14px; color:#666; font-weight:bold;}
.login_btn {width:27%; float:right; padding:25px 0; text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #aaa; font-size:14px; color:#333}
.login_box .check {clear:both; display:block; padding-top:10px; font-size:14px; color:#767676; letter-spacing:-1px;}
.login_box .check input[type="checkbox"] {vertical-align:-2px; margin-right:5px;}
.login_txt {width:90%; margin:0 3%; padding:10px 2%; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -moz-linear-gradient(top, #fefefe, #efefef); border:1px solid #c7cacb; border-top:none; font-size:12vpx; color:#999; text-align:center;}