@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Raleway');
html, body {  width:100%; min-width:320px; height:100%; font-family: 'notosans', 'raleway', sans-serif;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:5px !important;}
.wrap {width:100%; height:100%; position:relative;}
#mask { position:fixed; z-index:10; background-color:#000;  left:0; top:0; opacity:0;}
.head {position:relative; z-index:500; width:100%; top:0; left:0; height:42px;}
.topMenu {width:100%; background-color:#fff; position:fixed; z-index:50; text-align: center; height:42px;}
.topMenu > a {display:inline-block; padding:10px 0px 10px 0px; }
.topMenu span.menu_bt {position:absolute; left:10px; top:10px; width:22px; height:22px; background:url('../images/m_menu.png') center center no-repeat; background-size:cover;}
#hd_sch_open {position:absolute; right:0px; top:0px; z-index:100; background-color:#fff !important; }
#hd_sch_open > img {width:25px; height:25px;padding-top:5px;}


ul.langnav li a {color:#fff; font-size:13px; font-weight:bold; line-height:30px; border-bottom:1px solid #7c7c7c;border-left:1px solid #7c7c7c;border-right:1px solid #7c7c7c; display:block;padding:0px 10px;}

.nav {background-color:#fff; width:300px; position:fixed; top:42px; left:-300px; z-index:40; height:100%;}
.m_nav_login {background-color:#3766f2; padding:10px 0px;}
.m_nav_login > a {color:#fff; border:1px solid #fff; border-radius:5px; display:inline-block; line-height:25px; font-size:15px; padding:0px 15px;margin-left:15px;}
.m_nav_btn {height:418px;}
.m_nav_btn_top {font-size:0px;}
.m_nav_btn_top a {display:inline-block; width:100px; height:83px;}
.m_nav_btn_middle {padding-top:35px; font-size:0px;}
.m_nav_btn_middle a {display:inline-block; width:150px; height:28px;}
.m_nav_btn_bottom {font-size:0px;}
.m_nav_btn_bottom a {display:inline-block; width:100px; height:83px;}

.m_main_btn_bg {font-size:0px; width:100%;}
.m_main_btn_bg_position {width:90%; margin:0 auto; padding:15px 0px;}
.m_main_btn_bg_position a {display:inline-block; width:25%; padding:4%;}
.m_main_btn_bg_position a > img {width:100%;}


.m_notice {background-color:#424242; margin-top:5px; font-size:0px;}
.m_notice h2 {color:#fff; font-size:13px; font-weight: bold;display:inline-block; width:10%; text-align:center;}
.m_notice p {display:inline-block; font-size:13px; line-height:40px; width:87%;padding-right:3%;}
.m_notice p a {color:#fff;}
.m_notice p span.latest {float:right;}

.m_main_btn {margin-top:5px; margin-bottom:5px;background-color:#fff;}
.m_main_btn:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.m_main_btn a {float:left;border:1px solid #cdcdcd; text-align:center; width:calc(33.333% - 2px); height:100px;}
.m_main_btn a img {transform: scale(0.6 , 0.6);}

.m_main_bottom {margin-top:5px; background-color:#fff;}
.m_main_bottom_title {border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; font-size:0px;}
.m_main_bottom_title a {width:33.333%;line-height:35px; color:#000; font-size:15px; font-weight:bold;border-bottom:3px solid #fff; display:inline-block; text-align:center;}
.m_main_bottom_title a.on {border-bottom:3px solid #fd9423;}
.m_main_bottom_content_1 {display:block; }
.m_main_bottom_content_2 {display:none; }
.m_main_bottom_content_3 {display:none; }
.main_latest_div {width:90%; margin:10px auto; min-height:200px;}
.main_latest_div p {font-size:13px; line-height:25px;}
.m_it_more {width:100%; text-align:center; border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;}
.m_it_more a {line-height:35px; font-size:13px;}

/*풋터*/
.copy_jejusite {width:100%; margin:0 auto; background-color:#424242;height:32px; position:relative;}
.copy_jejusite > ul {width:100%; position:absolute; top:0px; right:0px; z-index:101;}
.copy_jejusite > ul > li {width:100%; margin:0 auto; background-color:#424242;}
.copy_jejusite > ul > li > a {color:#979797; font-size:13px; line-height:30px; border:1px solid #7c7c7c; display:block;padding:0px 10px;}
.copy_jejusite > ul > li > a > span {float:right;}
.copy_jejusite > ul > li > ul.jejusite {display:none; width:100%; position:absolute; background-color:#424242; bottom:32px; left:0px;}
.copy_jejusite > ul > li > ul.jejusite > li {}
.copy_jejusite > ul > li > ul.jejusite > li > a {display:block; background-color:#252525;color:#979797; font-size:13px; line-height:25px; text-indent:13px; border-bottom:1px solid #373634;}

.copy_top {width:90%; margin:0 auto; border-bottom:1px solid #595959;padding:10px 0px;}
.copy_top a {color:#252525; font-size:13px; line-height:20px;}
.copy_bottom {width:90%; margin:0 auto;}
.copy_bottom p {color:#595959; font-size:13px; line-height:20px; padding:10px 0px;}

.top_btn {display:none; width:100%; text-align:center; padding:15px 0px 15px 0px;}


.subTop {position:relative;}
.subTop .subText {position:relative;  display:inline-block; margin: 0 auto; text-align:left; z-index:10; width:100%; border-bottom:1px solid #e9e9e9;}
.subTop .sub_title {text-align:center; margin:10px 0px; }
.subTop .sub_title > img {width:30%;}
.subTop .sub_title h2 {color:#000000; font-size:15px; letter-spacing: 2px; font-family: 'Raleway', sans-serif; line-height:30px; border-bottom:2px solid #000; display:inline-block; padding:0px 40px; margin-bottom:15px;}
.subTop .sub_title h3 {color:#000000; font-size:15px;  display:inline-block; padding:0px 100px;}


.m_content {width:100%; position:relative;top:0px;left:0px; z-index:4; background-color:#f8f8f8;}
.subTop_bg {width:100%;}
.subTop {width:100%;}
.subTop img {width:100%;}
.subTop_text {width:100%; text-align:center;}
.subTop_text img {width:80%; padding-bottom:20px; }
.subTop_text h2{width:100%; color:#494848; font-size:20px; font-weight:bold;line-height:40px; padding-top:5px;}
.subTop_text h3{width:100%;color:#494848; font-size:13px;line-height:20px; }
.sub_tab {width:100%; margin:0 auto; text-align:center;font-size:0px;position:fixed; top:93px; left:0px; z-index:5;background-color:#2B2929;}
.sub_tab a {color:#aaa; font-size:15px; line-height:35px;  display:inline-block; letter-spacing: -1px; border-bottom: 3px solid #2B2929; padding: 8px 0px;}
.sub_tab a.on {border-bottom:3px solid #FF9D7D; color:#FF9D7D;}
.subcontent {background-color:#fff;}
.subcontent h2 {background-color:#3766f2; text-align:center; line-height:35px; color:#fff; font-weight: bold;}

.m_sub01 {width:100%; margin:0 auto;}
.m_sub01 .title {margin-top:50px;}
.m_sub01 img {width:100%; display:block;}
.m_sub01 .m_slider {margin-top:30px;}
.m_sub01 .con2 {margin:30px 0;}
.m_sub01 .loca2 {margin-top:0;}
.greeTxt {width:100%; text-align:center;}
.m_sub01 h3 {color:#000; font-size:25px; font-weight:bold;padding:30px 0px 15px 0px;}
.m_sub01 h4 {font-size:13px; color:#000; font-weight:lighter;padding-bottom:15px;}
.m_sub01 > p {color:#000; font-size:15px; line-height:20px;}

.m_sub02 {width:95%; margin:0 auto;  text-align:center; padding-top:55px; padding-bottom:20px;}
.m_sub02 img, .m_sub02_1 img {width:100%; display:block; }
.m_sub02_1 img {width:100%; display:block; margin-top:55px;}
.m_sub02 a {width:49%; display:inline-block; padding:10px 0px;}
.reser_btn2 img {width:100px; padding:20px 0px;}
.m_sub02_1 {width:100%; margin:0 auto; text-align:center; }
.bt_re {margin:10px 0 40px 0;}
.bt_re img {width:50%;}


.m_sub04 {width:100%; margin:0 auto;}
.m_sub04_nav {background-color:#2b2929; width:100%; position:relative; z-index:3;}
.m_sub04_nav img {width:100%; display:block;}
.m_sub04_nav ul li {width:100%; margin:0 auto;}
.m_sub04_nav ul li ul.subnav {display:none;}
.m_sub04_nav > ul > li > a {background-color:#2B2929; color:#fff; font-size:16px; line-height:50px; display:block; margin-left:30px; }
.m_sub04_nav > ul > li > a > span {position:absolute; right:30px;}


/*mobile reserve*/
.clear:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }

.reserve_contains {width:100%;}
.reserve_contains .reserve_head {margin-top:55px;}
.reserve_contains .reserve_head img {width:100%;}

.reserve_contents {background-color:#f9f9f9; padding:0 20px; font-size:13px;}
.reserve_contents h2 {font-size:16px; padding:30px 0 15px 0;}
.reserve_contents ul.top {border-bottom:1px solid #e2e2e2;}
.reserve_contents ul.bott {border-bottom:3px dotted #e2e2e2;}
.reserve_contents ul li {position:relative; padding-left:60px; margin-top:10px; margin-bottom:20px;  line-height: 32px;}
.reserve_contents ul li span {position:absolute; top:0px; left:0;letter-spacing:-1px;}

.reserve_contents ul li input[type="text"] {height: 32px; border:1px solid #e1e1e1; border-radius: 5px; padding-left: 2%; box-sizing: border-box;}
.reserve_contents ul li input[type="text"].w100p {width:100%;}
.reserve_contents ul li input[type="text"].w66p {float:left; width:66%;}
.reserve_contents ul li input[type="text"].w50p {float:left; width:48%;}
.reserve_contents ul li input[type="text"].w33p {float:left; width:32%;}
.reserve_contents ul li input[type="text"].w22p {float:left; width:22%;}
.reserve_contents ul li input[type="text"].margin {margin-left:4%;}
.reserve_contents ul li input[type="text"].margin2 {margin-left:2%;}

.reserve_contents ul li input[type="password"] {height: 32px; border:1px solid #e1e1e1; border-radius: 5px; padding-left: 2%; box-sizing: border-box;}
.reserve_contents ul li input[type="password"].w22p {float:left; width:22%;}
.reserve_contents ul li input[type="password"].margin {margin-left:4%;}

.reserve_contents ul li select {height: 32px; border:1px solid #e1e1e1; border-radius: 5px; padding-left: 2%;}
.reserve_contents ul li select.w50p {float:left; width:48%;}
.reserve_contents ul li select.w33p {float:left; width:32%;}
.reserve_contents ul li select.margin {margin-left:4%;}
.reserve_contents ul li select.margin2 {margin-left:2%;}

.reserve_contents ul li textarea {width:97%; border:1px solid #e1e1e1; padding:5px; height:56px;}

.reserve_contents p.global_description {line-height: 22px; font-size:12px; color:#575757; letter-spacing:-1px;}
.reserve_contents p.description {line-height: 22px; font-size:12px; color:#575757; padding-top:35px;}
.reserve_contents p.agree {line-height: 22px; font-size:12px; color:#575757; text-align: center; padding:25px 0;}
.reserve_contents p.agree span {margin-right:20px;}
.reserve_contents p.agree input {margin-right:5px;}
.reserve_contents .reserve_totalPrice {padding:20px 0; }
.reserve_contents .reserve_totalPrice span.name {float:left;}
.reserve_contents .reserve_totalPrice span.price {float:right; font-size:24px; font-family: sans-serif}

.reserve_contents a.address {float:left; width:32%; background-color:#7b7b7b; display: inline-block; border-radius: 5px; color:white; text-align: center; margin-left: 2%;}

.btn_container {text-align: center; padding:30px 0; font-size:12px;}
.btn_container button {background-color:#bdbdbd; display: inline-block; color:#535353; height:42px; border:0; vertical-align: middle; width:150px; cursor: pointer;}
.btn_container button[type="submit"] {background-color:#4e4e4e; display: inline-block; color:white; height:42px; border:0; vertical-align: middle; width:150px; }
.btn_container a {background-color:#bdbdbd; display: inline-block; color:#535353; height:42px; border:0; vertical-align: middle; line-height: 42px; width:150px; margin-left: 10px;}
.btn_container a.main {background-color:#4e4e4e; display: inline-block; color:white; height:42px; border:0; vertical-align: middle; line-height: 42px; width:150px; margin-left: 10px;}

.m_notice > p > img {position:relative; top:4px;}
.main_latest_div > p > img {position:relative; top:4px;}