/* Reset */
html,body{width:100%;height:100%;background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
html{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:"Open Sans","NG","NGB", "Malgun Gothic","Nanum Gothic", NanumGothic, Dotum,"돋움", "Noto", Arial;font-size:13px;line-height:20px;color:#383d41}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:middle;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#444;text-decoration:none}
a:hover{color:#2286ea;text-decoration:none;}
a { transition:all 0.2s ease-in; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; } /* a링크 부드럽게 바뀌게하기 */
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}



/* common class */
.show_red {border:1px solid red;}
.center {margin-left:auto;margin-right:auto; text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.hidden {display:none;}
.hd {text-indent:-5000px; visibility:hidden; width:0px; height:0px;}
.float_l {float:left;}
.float_r {float:right;}
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.cb {clear: both;}
.fixed {position:fixed;}




.w_100 img{max-width:100%; height:auto;}

.fs_11{font-size:11px;}
.fs_12{font-size:12px;}
.fs_13{font-size:13px;}
.fs_15{font-size:15px;}
.fs_16{font-size:16px;}
.fs_18{font-size:18px;}
.fs_20{font-size:20px;}
.fs_25{font-size:25px; }

.fc_red{color:#ff3333;}
.fc_orange{color:#e0650d;}
.fc_green{color:#88912d;}
.fc_dgreen{color:#3a7b00;}
.fc_blue{color:#0f306d;}
.fc_rblue{color:#015cc0;}
.fc_brown{color:#462a25;}
.fc_gray{color:#565656;}
.fc_white{color:#fff;}
.fc_back{color:#fff;  background:#42aaf0; padding:3px; font-weight:bold; line-height:30px }
.fs_bold{font-weight:bold;}
.fs_nomal{font-weight:normal;}


.mt_5{margin-top:5px}
.mt_10{margin-top:10px}
.mt_20{margin-top:20px}
.mt_30{margin-top:30px}
.mt_40{margin-top:40px}
.mt_50{margin-top:50px}

.mb_10{margin-bottom:10px}
.mb_20{margin-bottom:20px}
.mb_30{margin-bottom:30px}
.mb_40{margin-bottom:40px}
.mb_50{margin-bottom:50px}

.ml_10{margin-left:10px}
.ml_20{margin-left:20px}
.ml_40{margin-left:40px}
.mr_5{margin-right:5px}
.mr_10{margin-right:10px}
.mr_20{margin-right:20px}

.pt_20{padding-top:20px}
.pt_30{padding-top:30px}
.pt_40{padding-top:40px}
.pt_50{padding-top:50px}
.pt_60{padding-top:60px}

.pr_10{padding-right:10px}



@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@font-face{
  font-family:'NG';
  font-style:normal;
  font-weight:normal;
  src: url('../font/NanumGothic.eot'); 
  src: local('.'), url('../font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype'); 
}*/

/*@font-face {
  font-family: 'NG';
  font-style: normal;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}*/

/*@font-face{
  font-family:'NGB';
  font-style:normal;
  font-weight:normal;
  src: url('../font/NanumGothicBold.eot'); 	
  src: local('.'), url('../font/NanumGothicBold.woff') format('woff'), url('../font/NanumGothicBold.ttf') format('truetype'); 
}*/

/*20160429 트래픽초과로 바꿔놓음 원래는 위에 것*/

@font-face {
  font-family: 'NGB';
  font-style: normal;
  font-weight: normal;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}




@font-face{
  font-family:'NGEB';
  font-style:normal;
  font-weight:normal;
  src: url('../font/NanumGothicExtraBold.eot'); 	
  src: local('.'), url('../font/NanumGothicExtraBold.woff') format('woff'), url('../font/NanumGothicExtraBold.ttf') format('truetype'); 
}

@font-face{
  font-family:'TLM';
  font-style:normal;
  font-weight:normal;
  src: url('../font/theluxmar.eot'); 	
  src: local('.'), url('../font/theluxmar.woff') format('woff'), url('../font/theluxmar.ttf') format('truetype'); 
}

#mobile_reserved{display:none}
#mobile_header{display:none}
#mobile_admin{display:none}
@media screen and (max-width:768px){
#header{display:none}
#mara_cal{display:none}
#pc_admin{display:none}
#mobile_reserved{display:block}
#mobile_header{display:block}
#mobile_admin{display:block}
}

/*메인롤링*/

.banner {
    position: relative;
    width: 100%;
}
.banner .banner_roll_src {
    width:100%;
    height: 649px;
    overflow:hidden;
}

.banner .banner_roll_src div {
    position:absolute;
    margin-left:0;
    width:100%;
    height: auto;
}

.banner_img img {
    width: 100%;
    height: auto;
}

/*dot_btn*/
.banner_btn {position:absolute; bottom:33px; margin-left:-40px;left:50%; z-index:99;}
.banner_btn a {float:left; height:20px; margin-right:2px; background:url(/images/btn_controll.png) no-repeat top left; text-indent:-9999px;}

.banner_btn .banner_btn_off1 {width:14px; margin-left:4px; background-position:-50px 0px;}
.banner_btn .banner_btn_off2 {width:14px; margin-left:4px; background-position:-50px 0px;}
.banner_btn .banner_btn_off3 {width:14px; margin-left:4px; background-position:-50px 0px;}
.banner_btn .banner_btn_off4 {width:14px; margin-left:4px; background-position:-50px 0px;}
.banner_btn .banner_btn_off5 {width:14px; margin-left:4px; background-position:-50px 0px;}
.banner_btn .banner_btn_off6 {width:14px; margin-left:4px; background-position:-50px 0px;}
.banner_btn .banner_btn_off7 {width:14px; margin-left:4px; background-position:-50px 0px;}
.banner_btn .banner_btn_off8 {width:14px; margin-left:4px; background-position:-50px 0px;}

.banner_btn .banner_btn_on1 {width:14px; margin-left:4px; background-position: 0px 0px;}
.banner_btn .banner_btn_on2 {width:14px; margin-left:4px; background-position: 0px 0px;}
.banner_btn .banner_btn_on3 {width:14px; margin-left:4px; background-position: 0px 0px;}
.banner_btn .banner_btn_on4 {width:14px; margin-left:4px; background-position: 0px 0px;}
.banner_btn .banner_btn_on5 {width:14px; margin-left:4px; background-position: 0px 0px;}
.banner_btn .banner_btn_on6 {width:14px; margin-left:4px; background-position: 0px 0px;}
.banner_btn .banner_btn_on7 {width:14px; margin-left:4px; background-position: 0px 0px;}
.banner_btn .banner_btn_on8 {width:14px; margin-left:4px; background-position: 0px 0px;}
.banner_btn .banner_btn_on9 {width:14px; margin-left:4px; background-position: 0px 0px;}

.banner_btn .banner_btn_play {width:20px; margin-left:6px; background-position:-50px -50px; }
.banner_btn .banner_btn_pause {width:20px; margin-left:6px; background-position:0px -50px;}
/*arrow_btn*/
.banner_ar {position:absolute; top:50%;margin-top:-25px; width:100%; height:50px; z-index:9;}
.banner_ar a {float:left; margin-left:10px;}
.banner_ar a+a {float:right; margin-right:10px;}



/*예약반응형*/
@media screen and (max-width:768px){
        table.mara_rw, table.calendar{
                display: block;
        }
                table.mara_rw thead,
                table.calendar thead{
                        display: none;
                }
                table.mara_rw tbody,
                table.calendar tbody{
                        display: block;
                }
                table.mara_rw tfoot{
                        display: block;
                        font-size:12px;
                }
                table.mara_rw tr,
                table.calendar tr{
                                display: block;
                                margin-bottom: 1.5em;
                        }
                table.mara_rw  tbody th,
                table.mara_rw  tbody td,
                table.mara_rw tfoot th,
                table.mara_rw tfoot td,
                table.calendar tbody th,
                table.calendar tbody td{
                                display: list-item;
                                border: none;
                                text-align:left;
                        }
                table.mara_rw  tbody th,
                table.calendar tbody th{
                                margin-bottom: 5px;
                                list-style-type: none;
                                color: #333;
                                background: #CCC;
                                text-align:center;
                        }
                table.mara_rw tbody td{
                                margin-left: 20px;
                                padding: 0;
                        }
                table.mara_rw tfoot{display:block;margin-left:20px;width:100%;}
                table.mara_rw tfoot tr{display:block}

                table.mara_rw tbody td:nth-of-type(1):before { content: "[기준/최대] "; }
                table.mara_rw tbody td:nth-of-type(2):before { content: "[숙박일자] ";}
                table.mara_rw tbody td:nth-of-type(3):before { content: "[숙박기간] ";}
                table.mara_rw tbody td:nth-of-type(4):before { content: "[인원선택] ";}
                table.mara_rw tbody td:nth-of-type(5):before { content: "[이용금액] ";}
                table.mara_rw tbody td:nth-of-type(6):before { content: "[예약선택] ";}

}