/* font */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* reset */
html,body{margin:0;padding:0;height:100%;  font-family:nanumgothic, '나눔고딕', '맑은고딕', '돋움', 'Dotum' ,sans-serif;}
body{font:12px/1.5 gulim, Arial; color:black; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th{font:12px/1.5 gulim, Arial, sans-serif; color:black; vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%; letter-spacing: -1px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {  display: block; }
table{table-layout:fixed;border-spacing:0;border-collapse:collapse;}
ul,ol,li{list-style:none;}
/* hr, legend, caption, .skip{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;} table caption이 않보이는 문제로 caption을 제거함. */
hr, legend, .skip{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a:link,a:visited{text-decoration:none; }
a:hover,a:active,a:focus{text-decoration:none;}

/* input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{height:16px;line-height:16px;}
input[type="checkbox"],
input[type="radio"]{width:13px;height:13px;}

/* button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;font-size:0;vertical-align:middle;}
button span{font-size:12px;}
button::-moz-focus-inner{padding:0;border:0;}
*+html button{margin:0 1px;}


#headerWrap{position:relative; height:100px;}


.header_area{
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;	
}
.header_area .logo{
	position: absolute;
    left: 0%;
    top: 7px;
}

.header_area #lang{
	position: absolute;
    left: 12%;
    top: 40px;
}

.header_srch {
    position: absolute;
    left: 50%;
    top: 30px;
   	width: 26%;	
    margin-left:-20%;
}

.ipt_srch {
    padding: 8px 20px;
    border: 4px solid #ed6d00;
    border-radius: 25px;
    font-size: 13px;
	width: 100%;	
	
}

.header_srch .btn_srch{
	position: absolute;
    right: -10%;
    top: 20%;
	cursor:pointer;
	z-index:999;
}


::-webkit-input-placeholder {color:  #ed6d00; }
:-moz-placeholder {  color:   #ed6d00;}
::-moz-placeholder {  color:    #ed6d00;}
:-ms-input-placeholder {  color:    #ed6d00; }

.nav_wrap{position: absolute;   right:0%;    top: 38px;}
.nav_wrap ul li{ float:left; }
.nav_wrap ul li a{ padding:10px 20px; 	color:#ffffff;
	font-family: nanumgothic;
	font-size:15px;
	font-weight:600;
}
.nav_wrap ul li #reserv{background-color:#ed6d00; border-radius:5px; margin-right:8px;}
.nav_wrap ul li #log{background-color:#f39800; border-radius:5px 0 0 5px; border-right:1px solid #ec6f00;}
.nav_wrap ul li #join{background-color:#f39800; border-radius:0 5px 5px 0; margin-right:8px; border-left:1px solid #f7b700; }
.nav_wrap ul li #myab{background-color:#695d4a; border-radius:5px;}

.main_all{width:100%; }
.main_all .main_bg{width:1200px; margin:0 auto; position:relative;background-color: #4c4c4c;}
.main_all .main_bg .mtop_txt{height:40px; }
.main_all .main_bg #mainlt{position:absolute; top:40%; left:-60px;}
.main_all .main_bg #mainrt{position:absolute; top:40%; right:-60px;}
.main_all .main_bg .bgimg {width:1200px; overflow:hidden; height:640px; text-align: center; }
/* 이미지를 최대로 맞추지 않고, 원본 크기로 맞춤. main_all .main_bg .bgimg img {width:100%;   } */
/* .main_all .main_bg .bgimg {width:1200px; overflow:hidden; height:640px; display: flex; align-items: center;} */

.main_wrap{position:absolute; width:100%; top:0; left:0; z-index:100; color:#ffffff;}
.main_wrap .all_txt{position:relative; margin:0 auto; max-width:1200px; text-align:center; height:530px; display:table;}
.main_wrap .all_txt .mtxt{display:table-cell; vertical-align: middle;}

.txt_big{font-size:70px; font-family: nanumgothic; font-weight:600;  color:white;}
.txt_s{font-size:16px; font-family: nanumgothic; font-weight:600;  color:white;}
.txt_m{font-size:38px; font-family: nanumgothic; font-weight:600; color:#565a5c;}
.txt_bm{font-size:14px; font-family: nanumgothic; font-weight:600; color:white; padding-left:6px; line-height:64px;}

.txt_bm#even_txt{padding-left:0px;}
.txt_bm2{font-size:14px; font-family: nanumgothic; font-weight:400; line-height:64px; color:white; padding-left:4px;}
.grey{ font-size:13px; color:#636363; padding-top:5px; display:inline-block; font-family: nanumgothic; font-weight:600;}
.txt_ggini{font-size:14px; color:#636363; display:inline-block; font-family:nanumgothic; font-weight:600;}
.txt_sub{padding-left:10px;}


.main_b{position:absolute; width:1200px; bottom:0; left:0; color:#ffffff; background:url('/img/rest/hp/7bg.png') repeat; height:66px;  }
.main_b#btop{top:0;}
.main_bm{position:relative; max-width:1120px;  height:70px; margin:0 auto; zoom:1;}
.main_bm:after{content:""; display:block; clear:both;}
.main_bm .bm_con{padding-left:30px; line-height:58px;}
.main_bm .bm_con#icon7{padding-left:0px; padding-right:6px; }
.main_bm .bm_con img{display:inline-block;     vertical-align: middle; }
.float_mother{ zoom:1;}
.float_mother:after{content:""; display:block; clear:both;}
.float_left{float:left;  }
.float_right{float:right; }

.mi_all{width:100%;  font-family:nanumgothic; font-weight:600;}
.mi_all .mi_wrap{width:1200px; margin:0 auto; position:relative;}


#mid_main .mid_div{float:left; }
#mid_main .mid_div:after{display:block; clear:both; content:"";}
#mid_main .mid_div .subjec span {font-size:20px; padding-left:16px; font-weight:500;}
#mid_main #maps{float:right; width:482px; height:324px; background-color:#eee;}
#mid_main:after{display:block; clear:both; content:"";}
.store_pic{ width:120px; height:120px; border-radius:60px; overflow:hidden; margin:30px;}
.store_pic img{height:100%;}
#mid_main ul li {display:inline-block; font-size:12px;}
#mid_main h2{font-size:40px;color:#555555; font-weight:600;}
#mid_main .subjec h2{ margin-top:30px;}
#mid_main .pung ul li{padding:4px 12px; background-color:#695d4a; color:white; font-size:13px;}
#mid_main .pung ul li#pung_o{background-color:#f39800;}
#mid_main .add_txt{font-size:14px; color:#636363; padding-top:6px;}
#mid_main .line_rec ul li{padding:4px 12px; border:1px solid #ed6d00; color:#ed6d00; font-size:13px;}

#mid_main #reserve_btn .center {padding:5px 8px; background-color:#ed6d00; color:white; border-radius:5px; font-size:13px; text-align:center;  margin-top:20px;}
#mid_main #reserve_btn .left {padding:5px 8px; background-color:#695d4a; color:white; border-radius:5px; font-size:13px; text-align:center;  margin-top:20px;}

#mid_main .starwrap{width:86px; height:16px; overflow:hidden; position:relative; margin-top:4px;}
#mid_main .starwrap #red{width:90%; background-color:red;  height:16px;}
#mid_main .starwrap #red_wrap{position:absolute; top:0; left:0;}
#mid_main .startap div{float:left; vertical-align:middle; }
#mid_main .startap{zoom:1; padding-top:6px;}
#mid_main .startap:after{display:block; clear:both; content:"";}
#mid_main .startap #star_txt{color:#940107; font-size:14px; margin:0  8px 0 4px; line-height:24px;}
#mid_main .line_rec {margin-top:12px;}

@media all and  (min-device-width: 501px) {
    #mid_navi{color:white; background-color:#565a5c; width:100%;}
}
@media all and (max-device-width: 500px) {
    #mid_navi{color:white; background-color:#565a5c; width:1200px;}
}
#mid_navi .mi_wrap ul:after{clear:both; content:""; display:block; }
#mid_navi .mi_wrap ul li{padding:6px 40px; float:left; background-color:#565a5c; font-size:15px; color:white;}
#mid_navi .mi_wrap ul li.on{color:#565a5c; background-color:#f5f5f5; border-top:#565a5c 1px solid;}


#tab_wrap .tab_cont{background-color:#ffffff; padding:40px 0 60px 0;}
#room{padding-bottom:60px; border-bottom:1px solid #d9d9d9;}

.mi_all .txt_mid{font-size:26px; color:#505050; font-weight:600; line-height:3em;}
.mi_all .txt_d{font-size:13px; color:#5b5b5b;}

.mn_list ul:after{clear:both; display:block; content:"";}
.mn_list ul li {float:left; width:32%;  padding-right:2%;}
.mn_list ul li:last-child{padding:0;}
.mn_list .inner{ height:300px; border:1px solid #959595; background-color:white;}
.mn_list .inner .img_div{height:90%;  overflow:hidden;}
.mn_list .inner .img_div img{height:100%; width:100%;}
.mn_list .inner .mn_txt{text-align:center; line-height:2.4em;}
.mn_list .left_arrow{position:absolute; top:50%; left:-30px;}
.mn_list .right_arrow{position:absolute; top:50%; right:-30px;}

#review{ background-color:#f5f5f5;padding:40px 0;}
#review .view_pic{width:70px; height:70px; border-radius:35px; overflow:hidden;}
#review .view_pic img{width:100%; height:100%;}
.view_row:after{clear:both; content:""; display:block;}
.view_row div{float:left;}
.view_row .view_txt {margin-left:50px; width:80%; border-bottom:1px solid #eeeeee; margin-bottom:50px;}
#review ul li:last-child .view_txt{border:0;}
.view_row .view_txt p {padding:10px 0; color:#898989;}
.tabindex a{padding:0 10px; font-size:13px;}
.tabindex {position:absolute; bottom:10px; left:110px;}



/* 
.footer{background-color:#ebebeb; width:100%;}
.footer .footer_wrap{max-width:1200px; margin:0 auto; position:relative; padding-bottom:30px;}
.footer .footer_wrap #foot_txt{color:gray; padding-left:30px; margin:30px 0  0 180px; border-left:1px solid #d1d1d1;}
.footer .footer_wrap #foot_txt a{color:gray;}
.footer .footer_wrap #foot_txt .link{display:inline-block; padding-bottom:10px; font-weight:bold;}
.footer_wrap #f_left{position:absolute; top:0px; left:0;}
.footer_wrap #f_right{position:absolute; top:0px; right:0;}
#etc{width:100%; background-color:#4e4b45; text-align:center; border-top:1px solid black; border-bottom:1px solid black;}
#etc ul li {display:inline-block; padding:10px; 16px;}
#etc ul li a{font-weight:400; }
#etc ul img{margin-bottom:-2px;} */
.nav_txt {color: white; font-size:14px; font-family: nanumgothic; font-weight:600; }

.tab_cont{display:none;}
.tab_cont.on{display:block;}


/* 상세보기 우측 이미지 테이블 */
#table_list_img {width:100%; margin-top:20px; border-collapse: collapse;}
#table_list_img caption {text-align:left; font-weight:bold; margin-top:12px; font-size:1.2em; margin-bottom:3px;}
#table_list_img caption span {float:right; font-weight:normal; font-size:0.9em;}
#table_list_img thead {border-bottom:2px solid #ccc;}
#table_list_img th {background:#ebebeb; border:1px solid #ccc; padding:5px; color:#666; height:28px;}
#table_list_img .col {height:14px !important;}
#table_list_img .row_t {background:#F3F3F3; color:#F60;}
#table_list_img td {border: 1px solid #ccc; padding:5px;  font-weight:normal; color:#666; line-height:1.8em; text-align:center; vertical-align:middle; }
#table_list_img td .img_left {float:left; border: 1px solid #333; line-height:0.7em;}
#table_list_img td .img_right {float:right; line-height:1.2em;}
#table_list_img td .img_right img{border: 1px solid #333;}
#table_list_img td .img_top {border: 1px solid #333; line-height:0.2em;}
#table_list_img td .img_bottom {line-height:1.2em;}
#table_list_img td .img_bottom img{border: 1px solid #333;}