@charset "utf-8";

@import url(base.css);

#popup_time {height:115px; width:250px; right:0; position:absolute; bottom:0; background-color:#fff; border:3px solid #ddd; padding:15px; text-align:center; z-index:9999;}
#popup_time .logo {width:100px; margin:0 auto;}
#popup_time p {font-size:12px; margin:5px 0;}
#popup_time .logo img {width:100%;}
#popup_time .pop_closebtn {position:absolute; top:0; left:0; background-color:#333; width:25px; height:25px;}
#popup_time .pop_closebtn a {display:block;color:#fff;}
 
.Wrapper {max-width:1240px; margin:50px auto 100px auto;}
.Wrapedbox {max-width:1240px; margin:0 auto 0 auto; position:relative;}
.GrayWrapper {background:#f9f9f9;}
#allmenu, #businesslogin, #m_gnbwrap, .m_btn_top, #m_subnav {display:none; height:0;}

header {background:none; position: relative; width:100%; height:120px; z-index:12; background-color:#fff;}
header #gnb > ul > li > a:hover, header #gnb > ul > li.on > a {/*color:#66cccc !important;*/color:#fff !important; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; -ms-transition: color 0.5s ease;}
header #gnb ul li a:hover, header #gnb ul li a.on {-webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; -ms-transition: color 0.5s ease;}

header #headerwrap {position: relative; width:100%; z-index:3; background-color:#fff; /*border-bottom:1px solid #ddd;*/}
header #headerwrap #headerbox {max-width:1200px; margin:0 auto; height:70px; position:relative; z-index:3;}
header #headerwrap #headerbox:after {clear:both; display:block; content:""; height:0; visibility:hidden;}
header #headerwrap #headerbox #headlogo {position:absolute; left:50%; top:50%; margin:-19px 0 0 -102px;}
header #headerwrap #headerbox #globalmenu {width:100%;}
header #headerwrap #headerbox #globalmenu ul {margin:0; padding:19px 15px 0 0;}
header #headerwrap #headerbox #globalmenu ul:after {content:""; display:block; clear:both; visibility:hidden; height:0;}
header #headerwrap #headerbox #globalmenu ul.left {float:left;}
header #headerwrap #headerbox #globalmenu ul.right {float:right;}
header #headerwrap #headerbox #globalmenu ul li {float:left; padding:6px 0 0 0;}
header #headerwrap #headerbox #globalmenu ul li.yellow {padding:0; margin:-19px 0 0 0;}
header #headerwrap #headerbox #globalmenu ul li.header_search {float:right; padding:0;}
header #headerwrap #headerbox #globalmenu ul.left li a {font-size:15px; padding:0 0 0 50px; color:#333; background-image:url(/img/layout/bg_write.jpg); background-position:left 15px center; background-repeat:no-repeat; display: inline-block; height: 30px; line-height: 30px;}
header #headerwrap #headerbox #globalmenu ul.left li.reserve a {background-image:url(/img/layout/bg_reserve.jpg);}
header #headerwrap #headerbox #globalmenu ul.left li.yellow a {padding:0px;}
header #headerwrap #headerbox #globalmenu ul.right li a {font-size:15px; padding:0 30px 0 0; color:#333;}
header #headerwrap #headerbox #globalmenu ul li #header_search {/*border:1px solid #66cccc;*/border:1px solid #66cccc; background-color:#fff;}
header #headerwrap #headerbox #globalmenu ul li #header_search input[type='text'] {padding:0 10px; width:145px; display:none;}
header #headerwrap #headerbox #globalmenu ul li .language ul {position:absolute; background-color:#333; padding:0; margin:21px 0 0 0;}
header #headerwrap #headerbox #globalmenu ul li .language ul li {float:none; padding:10px;}
header #headerwrap #headerbox #globalmenu ul li .language ul li a {color:#fff;}
header #headerwrap #headerbox #globalmenu ul li .language a span {margin:0 0 0 10px;}

/* 주 메뉴 */
#gnbwrap {width:100%; position:relative; text-align:center; padding:12px 0 0 0; /*border-bottom:1px solid #ddd;*/ z-index:2; overflow:hidden; height:50px; background-image:url(/img/layout/bg_gnb.png); background-repeat:repeat-x;}
#gnbwrap h3 {display:none;}

#gnb {max-width:1200px; width:100%; margin:0 auto;}
#gnb #gnbinner:after {clear:both; display:block; content:""; height:0; visibility:hidden;}

#gnb li {margin: 0; padding: 0;}
#gnb ul li {width:16.666666%; text-align:center; margin:0; padding:0; float:left;}

#gnb > ul > li > a { text-decoration: none; display: block; position: relative; color: #333; font-size:16px; cursor: pointer; z-index: 1; padding:0 0 11px 0; margin:0;}
#gnb ul li.last ul li a { /*text-decoration: none;  display: block; position: relative; color: #444; letter-spacing: -1px; font-size:15px; cursor: pointer; z-index: 1; /* 이미지요소로대체시 */ margin:0;}

#gnb ul li.on a { z-index: 3; }
#gnb ul li.on ul { display: block; }
#gnb ul li.on div { display: block; }
#gnb ul li a.last {margin:0;}
#gnb ul ul {margin:0; padding:20px 0px; z-index:4; width:100%; text-align:center; border-left:1px solid #fff; height:225px;}
#gnb ul li.on ul {/*background-color:#417fdd;*/ background-color:rgba(255,255,255,0.85);}
#gnb ul li ul#gnb2m6 {border-right:1px solid #fff;}

#gnb ul ul li {width:100%; clear:both; position: relative; margin:0; padding:0px 0 10px 0; float:none;}
#gnb ul ul li a { display: block; padding:0 10px; color: #666 !important; font-weight: normal; text-decoration: none; word-break:break-all; font-size:15px; line-height: 1.25;}
#gnb ul ul li.first a { padding: 0; background:none;}
#gnb ul ul li.last a { padding: 0; background:none;}
#gnb ul ul li a span { display: block; padding: 0; }

* html #gnb ul ul li a { width: 1%; }
#gnb ul ul a.on,
#gnb ul ul a:hover,
#gnb ul ul a:focus {/*color:#ffe400 !important;*/ color:#000 !important; text-decoration:underline; }
#gnb ul ul a.on span,
#gnb ul ul a:hover span,
#gnb ul ul a:focus span { padding: 0; }

#gnb ul ul ul { display: block; list-style: none; position:relative; padding:5px 0 0 0; margin: 0; z-index:4; /*background: url(/img/gnb/subbarbg.png) no-repeat left bottom;*/}
#gnb ul ul ul li { padding:0px 0 0 0;}
#gnb ul ul ul li:before { content:"-"; display:inline; padding: 0 5px; line-height:1.25;}
#gnb ul ul ul li a { display:inline-block;}

#gnb ul ul ul a.on,
#gnb ul ul ul a:hover,
#gnb ul ul ul a:focus {padding:0; text-decoration:underline;}
#gnb ul ul ul a.on span,
#gnb ul ul ul a:hover span,
#gnb ul ul ul a:focus span { padding: 0; }

#headerOver {height:0; position:absolute; top:120px; left:0; width:100%; z-index:0; margin:0 auto; overflow:hidden; background-color:#fff;}
#headerOver .headerOver {border:solid 0px #ccc; height:200px; position:relative; max-width:1550px; padding-top:0px; margin:0 auto; overflow:hidden; *zoom:1; padding-bottom:0; }
#headerOver .headerOver p {font-size:60px; line-height:52px; color:#ddd; position:absolute; left:0; bottom:20px;}
#headerOver .headerOver #location {text-align:right; margin:160px 0 0 0;}
#headerOver .headerOver #location span {margin:0 5px;}

#gnb2m2 {width:100px;}
#gnb3m2m1m1 a, #gnb3m2m1m2 a, #gnb3m2m1m3 a {padding:0 0 0 10px !important; font-size:11px;}

/* 비주얼 영역 */
#visual {width:100%; height:350px; background-size:cover; margin:-75px 0 0 0; text-align:center;}
.visual1 {background-image:url(/img/visual/visual1.jpg);}
.visual2 {background-image:url(/img/visual/visual1.jpg);}
.visual3 {background-image:url(/img/visual/visual1.jpg);}
.visual4 {background-image:url(/img/visual/visual1.jpg);}
.visual5 {background-image:url(/img/visual/visual5.jpg);}
.visual6 {background-image:url(/img/visual/visual1.jpg);}
.visual7 {background-image:url(/img/visual/visual5.jpg);}
#visual .visualtitle {padding:140px 0 0 0;}

/* 현재 위치 표시 */
#locationwrap {max-width:1200px; height:30px; position:relative; z-index:5; margin:50px auto 0 auto; text-align:right;}
#location {position:relative; margin:0 auto; height:100%; display:inline-block; color:#ccc; padding:0;}
#location a {color:#999; display:inline-block;}
#location span {margin:0 5px;}
#location .home {margin:0 -4px; width:30px; height:30px; vertical-align:middle;}
#location a:last-child {color:#66cccc;}

/* 서브페이지 타이틀 */
#contenthead {max-width:1200px; margin:0 auto;}
#contenthead #subtitle {text-align:center; margin:30px 0; color:#333; font-size:36px; line-height:1;}

/* 서브페이지 비주얼 영역 */
.visualwrap {width:100%; margin:0 0 100px 0;}
.visualwrap .visual {padding:0; height:400px; background-repeat:no-repeat; background-size:cover;}
.visualwrap h2 {color:#66cccc; margin:0 0 45px 0;}
.visualwrap h2 p {color:#333; font-size:20px; margin:0 0 15px 0;}
.visualwrap .txtarea {background-color:rgba(255,255,255,0.5); padding:0 50px; height:100%;}

/* 탭 메뉴 */
#tabmenu {background-color:#fff; border-bottom:1px solid #ddd;}
#tabmenu ul {width:100%; max-width:1200px; margin:0 auto; padding:0; z-index:10; text-align:center; vertical-align:middle;}
#tabmenu ul:after{ display: inline-block; width: 100%;}
#tabmenu ul li {display:inline-block; margin:0; padding:0; vertical-align:middle;}
#tabmenu ul li a {display:block; margin:0; padding:15px 30px; font-size:15px; color:#666;}
#tabmenu ul li a:hover, #tabmenu ul li a.on {color:#fff; text-decoration:underline; background:#333;}

/* 푸터 */
footer { position:relative; display:block; clear:both; height:180px; border-top:1px solid #ddd;}
footer .btn_top {position:relative; height:50px; bottom:0; z-index:999; opacity:0; max-width:1200px; margin:0 auto;}
footer .Fixed.btn_top {opacity:1; left:50%; margin:0 0 0 -600px; bottom:50px; width:100%;}
footer .bottom.btn_top {opacity:1; left:auto; margin:0 auto; bottom:0; width:50px;}
footer .btn_top a {display:block; float:right;}
footer .footer_mobile_span {display:inline-block;}
footer .footer_mobile_br {display:none;}


/* 푸터 메뉴 */
#footermenuwrap {border-bottom:1px solid #ddd; height:50px;}
#footermenu {max-width:1200px; margin:0 auto; position:relative;}
#footermenu:after {clear:both; display:block; content:""; height:0; visibility:hidden;}
#footermenu ul.leftmenu {position:absolute; top:0; left:0; border-right:1px solid #ddd;}
#footermenu ul.leftmenu li {float:left; border-left:1px solid #ddd;}
#footermenu ul.leftmenu li a {display:block; padding:15px 20px; color:#999; height:50px;}
#footermenu ul.leftmenu li a:hover {color:#333; text-decoration:none;}
#footermenu ul.rightmenu {position:absolute; top:0; right:0;}
#footermenu ul.rightmenu li {float:left; border-left:1px solid #ddd;}
#footermenu ul.rightmenu li.btn_top {float:left; border-left:none;}
#footermenu ul.rightmenu li a {background-repeat:no-repeat; background-position:center; text-indent:-9999px; display:block; width:50px; height:50px;}
#footermenu ul.rightmenu li a.f_twitter {background-image:url(/img/layout/btn_footer_twitter.png);}
#footermenu ul.rightmenu li a.f_twitter:hover {background-image:url(/img/layout/btn_footer_twitter_over.png);}
#footermenu ul.rightmenu li a.f_facebook {background-image:url(/img/layout/btn_footer_facebook.png);}
#footermenu ul.rightmenu li a.f_facebook:hover {background-image:url(/img/layout/btn_footer_facebook_over.png);}
#footermenu ul.rightmenu li a.f_blog {background-image:url(/img/layout/btn_footer_blog.png);}
#footermenu ul.rightmenu li a.f_blog:hover {background-image:url(/img/layout/btn_footer_blog_over.png);}
#footermenu ul.rightmenu li a.f_cafe {background-image:url(/img/layout/btn_footer_cafe.png);}
#footermenu ul.rightmenu li a.f_cafe:hover {background-image:url(/img/layout/btn_footer_cafe_over.png);}
#footermenu ul.rightmenu li a.f_youtube {background-image:url(/img/layout/btn_footer_youtube.png);}
#footermenu ul.rightmenu li a.f_youtube:hover {background-image:url(/img/layout/btn_footer_youtube_over.png);}
#footermenu ul.rightmenu li a.f_kakaostory {background-image:url(/img/layout/btn_footer_kakaostory.png);}
#footermenu ul.rightmenu li a.f_kakaostory:hover {background-image:url(/img/layout/btn_footer_kakaostory_over.png);}
#footermenu ul.rightmenu li a.f_insta {background-image:url(/img/layout/btn_footer_insta.png);}
#footermenu ul.rightmenu li a.f_insta:hover {background-image:url(/img/layout/btn_footer_insta_over.png);}
#footermenu ul.rightmenu li a.f_top {background-image:url(/img/layout/btn_footer_top.png);}

#footerbox {position:relative; margin:auto; max-width:1200px; padding:0 10px;}

.footlogo {position:absolute; top:30px; left:20px;}

.footinfo {position:absolute; top:30px; left:260px; color:#333; font-size:13px;}
.footinfo .address {margin:0 0 5px 0;}
.footinfo a {text-decoration:underline;}
.footcall {position:absolute; top:30px; right:0; /*color:#66cccc;*/color:#66cccc; text-align:right; font-weight:bold;}
.footcall p {display:block; font-size:28px; color:#333; font-weight:normal;}
.footcall a {display:none;}

/* 부트스트랩 임시 */
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }

@media (max-width:767px) {   /*         최소 ~ 최대 767 */
#container {position: relative;  margin: 0px; padding: 0px; clear: both; float: none;}

.Wrapper {max-width:767px; margin:20px auto 50px auto;}
.container {position: relative;  margin:0px; padding: 0 15px; clear: both; float: none;}

header {position:fixed;}
header, header #headerbox {height:50px;}
header #headerwrap {max-width:767px;}
header #headerwrap #headerbox {height:60px; border-bottom:1px solid #eee;}
header #headerwrap #headerbox #headlogo {width:140px; height:27px; position:absolute; left:50%; top:17px; margin:0 0 0 -70px;}
header #headerwrap #allmenu {width:22px; height:20px; left:10px; top:20px; position:absolute; display:block;}
header #headerwrap #headerbox #globalmenu ul {padding:15px 15px 0 15px;}
header #headerwrap #headerbox #globalmenu ul li {display:none;}
header #headerwrap #headerbox #globalmenu ul li.header_search {display:block; float:none; position:absolute; right:10px;}

#body_wrap {padding:60px 0 0 0;}
#allmenu img, #headlogo img {width:100%;}
#m_gnbwrap {width:100%; background-color:#fff; padding:0; position:absolute; z-index:10; display:none; margin:0; height:0; overflow-y:scroll;}
#m_gnbwrap #m_gnb #m_language a {display:block; padding:12px 0 12px 15px; background-position:right 15px center; background-repeat:no-repeat; background-image:url(/img/layout/bg_plus.png); background-size:15px; border-bottom:1px solid #ddd; background-color:#333; color:#fff;}
#m_gnbwrap #m_gnb #m_language .m_language {margin:0; display:none;}
#m_gnbwrap #m_gnb #m_language .m_language li {width:33.333333%; float:left; border-right:1px solid #ddd; border-bottom:0; text-align:center;}
#m_gnbwrap #m_gnb #m_language .m_language li.last {border-right:none;}
#m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu li {width:50%; float:left; border-right:1px solid #ddd; border-bottom:0; text-align:center;}
#m_gnbwrap #m_gnb #m_language .m_language li a, #m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu li a {display:block; background-color:#333; color:#fff; padding:12px 0; background-image:none;}
#m_gnbwrap #m_gnb #m_language .m_language li.m_EN a {background-image:url(/img/layout/bg_eng.png); background-position:center center; text-indent:-9999px;}
#m_gnbwrap #m_gnb #m_language .m_language li.m_CN a {background-image:url(/img/layout/bg_china.png); background-position:center center; text-indent:-9999px;}
#m_gnbwrap #m_gnb #m_language .m_language li.m_JP a {background-image:url(/img/layout/bg_japan.png); background-position:center center; text-indent:-9999px;}

#m_gnbwrap #m_gnb #m_gnbinner {background-color:#fff; margin:0;}
#m_gnb ul li {width:100%; float:none; text-align:left; border-bottom:1px solid #a4dfdd;}
#m_gnb ul li a {padding:10px 15px; display:block;}
#m_gnb ul li a.depth1 {background-position:right 15px center; background-repeat:no-repeat; background-image:url(/img/layout/bg_plus.png); background-size:15px; background-color:#66cccc; color:#fff;}
#m_gnb ul li a.depth1.active {background-color:#c6efed; color:#31625a;}
#m_gnb ul li a.reserve {background-image: none;}
#m_gnb ul ul {background-color:#fff; height:auto; padding:12px 0; display:none;}
#m_gnb ul ul:after {display:block; clear:both; height:0; content:""; visibility:hidden;}
#m_gnb ul ul li {padding:0; border:none; width:50%; float:left;}
#m_gnb ul ul li a {font-size:12px; padding:8px 15px; color:#999; letter-spacing:-1px;}
#m_gnb ul ul li a.on {color:#333; font-weight:bold;}

#m_gnb #m_quick:after {display:block; clear:both; height:0; content:""; visibility:hidden;}
#m_gnb #m_quick ul li {width:33.333333%; float:left;}
#m_gnb #m_quick ul li a {text-align:center; display:block; padding:45px 0 10px 0; background-position:top center; background-repeat:no-repeat; background-size:40px 40px; margin:10px 0 0 0;}
#m_gnb #m_quick ul li a.icon_smile {background-image:url(/img/layout/bg_btn01_m.png);}
#m_gnb #m_quick ul li a.icon_lens {background-image:url(/img/layout/bg_btn02_m.png);}
#m_gnb #m_quick ul li a.icon_old {background-image:url(/img/layout/bg_btn03_m.png);}

#m_gnb #m_sns ul {margin:0;}
#m_gnb #m_sns ul li {float:left; width:16.666667%;}
#m_gnb #m_sns ul li a {background-repeat:no-repeat; background-position:center; text-indent:-9999px; display:block; height:40px; background-size:30px;}
#m_gnb #m_sns ul li a.f_twitter {background-image:url(/img/layout/btn_footer_twitter.png);}
#m_gnb #m_sns ul li a.f_twitter:hover {background-image:url(/img/layout/btn_footer_twitter_over.png);}
#m_gnb #m_sns ul li a.f_facebook {background-image:url(/img/layout/btn_footer_facebook.png);}
#m_gnb #m_sns ul li a.f_facebook:hover {background-image:url(/img/layout/btn_footer_facebook_over.png);}
#m_gnb #m_sns ul li a.f_blog {background-image:url(/img/layout/btn_footer_blog.png);}
#m_gnb #m_sns ul li a.f_blog:hover {background-image:url(/img/layout/btn_footer_blog_over.png);}
#m_gnb #m_sns ul li a.f_cafe {background-image:url(/img/layout/btn_footer_cafe.png);}
#m_gnb #m_sns ul li a.f_cafe:hover {background-image:url(/img/layout/btn_footer_cafe_over.png);}
#m_gnb #m_sns ul li a.f_youtube {background-image:url(/img/layout/btn_footer_youtube.png);}
#m_gnb #m_sns ul li a.f_youtube:hover {background-image:url(/img/layout/btn_footer_youtube_over.png);}
#m_gnb #m_sns ul li a.f_kakaostory {background-image:url(/img/layout/btn_footer_kakaostory.png);}
#m_gnb #m_sns ul li a.f_kakaostory:hover {background-image:url(/img/layout/btn_footer_kakaostory_over.png);}
#m_gnb #m_sns ul li a.f_insta {background-image:url(/img/layout/btn_footer_insta.png);}
#m_gnb #m_sns ul li a.f_insta:hover {background-image:url(/img/layout/btn_footer_insta_over.png);}
#m_gnb #m_sns ul li a.f_top {background-image:url(/img/layout/btn_footer_top.png);}

#m_gnbwrap #m_gnb #m_reserve {text-align:center;}
#m_gnbwrap #m_gnb #m_reserve .m_reserve {border-bottom:1px solid #ddd; margin:0;}
#m_gnbwrap #m_gnb #m_reserve .m_reserve li {background-color:#333; float:left; width:50%; border-bottom:none; border-right:1px solid #ddd;}
#m_gnbwrap #m_gnb #m_reserve .m_reserve li.reservation {border-right:none;}
#m_gnbwrap #m_gnb #m_reserve .m_reserve li a {color:#fff; text-align:center; padding:8px 0 8px 10px;}
#m_gnbwrap #m_gnb #m_reserve .m_reserve li.talk a {background-image:url(/img/layout/bg_write.png); background-repeat:no-repeat; background-position:left 20% center;}
#m_gnbwrap #m_gnb #m_reserve .m_reserve li.reservation a {background-image:url(/img/layout/bg_reserve.png); background-repeat:no-repeat; background-position:left 20% center;}

#m_gnbwrap #m_gnb #m_globalmenu3 {text-align:center;}
#m_gnbwrap #m_gnb #m_globalmenu3 .m_globalmenu {border-bottom:1px solid #ddd; margin:0;}
#m_gnbwrap #m_gnb #m_globalmenu3 .m_globalmenu li {background-color:#333; float:left; width:50%; border-bottom:none; border-right:1px solid #ddd;}
#m_gnbwrap #m_gnb #m_globalmenu3 .m_globalmenu li.reservation {border-right:none;}
#m_gnbwrap #m_gnb #m_globalmenu3 .m_globalmenu li a {color:#fff; text-align:center; padding:8px 0 8px 10px;}
#m_gnbwrap #m_gnb #m_globalmenu3 .m_globalmenu li.login a {background-image:url(/img/layout/bg_login_m.png); background-repeat:no-repeat; background-position:left 20% center; background-size: 17px;}
#m_gnbwrap #m_gnb #m_globalmenu3 .m_globalmenu li.join a {background-image:url(/img/layout/bg_join_m.png); background-repeat:no-repeat; background-position:left 20% center; background-size: 17px;}

#m_gnbwrap #m_gnb #m_globalmenu {text-align:center;}
#m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu {margin:0;}
#m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu .join {border-right:none;}
#m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu li a {background-repeat:no-repeat; background-size:12px; background-position:left 20% center; padding:8px 0 8px 10px;}
#m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu .login a {background-image:url(/img/layout/bg_login_m.png);}
#m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu .join a {background-image:url(/img/layout/bg_join_m.png);}
#m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu2 {margin:0; display:inline-block; padding:0 5px;}
#m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu2 li {width:auto; float:left; border-right:none; border-bottom:0;}
#m_gnbwrap #m_gnb #m_globalmenu .m_globalmenu2 li a {display:block; color:#999; padding:12px 4px; background-image:none; font-size:10px; letter-spacing:-1px;}
#m_gnbwrap #m_gnb #m_footer {padding:0 15px; margin:0; text-align:center; font-size:10px;}
#m_gnbwrap #m_gnb #m_footer .m_footlogo {width:154px; height:auto; margin:0 auto; padding:0 0 20px 0;}
#m_gnbwrap #m_gnb #m_footer .m_footlogo img {width:100%;}

#gnbwrap, #headerOver {display:none; height:0 !important;}

#m_subnav {display:block; height:auto; background-color:#66cccc; margin:0 0 20px 0; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
#m_subnav ul {text-align:center;}
#m_subnav ul li {display:inline-block;}
#m_subnav ul li a {display:block; color:#333; padding:10px 10px; font-size:14px;}
#m_subnav ul li.on a {color:#fff;}

/* 비주얼 영역 */
#visual {width:100%; height:150px; background-size:cover; margin:-50px 0 0 0; text-align:center;}
.visual1 {background-image:url(/img/visual/visual1.jpg); background-position:center top;}
#visual .visualtitle {padding:85px 0 0 0; width:80%; margin:0 auto;}
#visual .visualtitle img {width:100%;}

/* 현재 위치 표시 */
#locationwrap {display:none;}
#location .home {width:17px; height:30px;}
#location .home img {width:100%;}
#location #locationmenu {margin:0 0 0 40px;}
#location .locationmenu > a {border-right:1px solid #ccc; padding:10px 20px 10px 10px; height:40px; display:block; width:auto; background-size:15px; letter-spacing:-1px;}
#location .locationmenu ul {display:none; height:auto; width:auto; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc; position:absolute; border-top:1px solid #ccc;}
#location .locationmenu ul li a {padding:10px; letter-spacing:-1px;}
#location .locationmenu .locationDepth2 {width:auto !important;}

/* 서브페이지 타이틀 */
#contenthead {max-width:1200px; margin:0 auto; padding:30px 0 0 0; margin:0 0 -60px 0;}
#contenthead #subtitle {text-align:center; margin:60px 0 30px 0; font-size:28px;}

/* 푸터 */
footer {height:auto; padding:0 0 15px 0;}
footer .btn_top {max-width:100%;}
footer .Fixed.btn_top {margin:0 0 0 -50%; bottom:40px;}
footer .bottom.btn_top {margin:0;}
footer #footermenuwrap #footermenu .leftmenu, #footermenu ul.rightmenu li.btn_top {display:none;}
footer .m_btn_top {z-index:999; display:none; position:fixed; right:11px; bottom:50px; opacity:0;}
footer .m_btn_top a {background-image:url(/img/layout/btn_footer_top.png); background-repeat:no-repeat; background-position:center; text-indent:-9999px; display:block; width:40px; height:40px;}
.footlogo {position:relative; top:auto; left:auto; margin:10px 0 0 0;}
footer .footer_mobile_span {display:none;}
footer .footer_mobile_br {display:block;}

#footermenuwrap {height:40px;}
#footermenu {text-align:center;}
#footermenu ul.rightmenu {display:inline-block; position:relative; top:auto; right:auto; width:100%;}
#footermenu ul.rightmenu li {border-left:none; float:none; display:inline-block;}
#footermenu ul.rightmenu li a {width:40px; height:40px; background-size:40px;}
#footerbox {text-align:center; font-size:10px;}
.footinfo {position:relative; left:auto; top:auto; font-size:10px;}
.footinfo .address {position:relative; top:0; left:0; margin:12px 0 0 0; font-size:10px;}
.footcall {position:relative; left:auto; top:auto; text-align:center; font-size:10px; margin:12px 0 0 0;}
.footcall p {display:none;}
.footcall a {display:block; font-size:24px; color:#333; font-weight:normal;}
}

@media (min-width:768px) and (max-width:1024px) {  /*    최소 768 ~ 1024 (768에서 영역 확대) ---------------------------------------------------------------------- */

#allmenu, #businesslogin, #m_gnbwrap, #m_subnav {display:none; height:0;}


#container {position: relative;  margin: 0px; padding: 0px; clear: both; float: none;}
header #headerwrap #headerbox #globalmenu ul li.yellow {margin-left:-15px;}
header #headerwrap #headerbox #globalmenu ul.left li a {padding:0 0 0 45px; background-position:left 7px center;}

/* 주 메뉴 */
#gnb > ul > li > a {font-size:15px; letter-spacing:-1px; padding:0 0 13px 0;}
#gnb ul ul li a {font-size:13px; letter-spacing:-1px;}

#locationwrap {padding:0 15px 0 0;}

/* 푸터 */
footer {height:220px;}
.footinfo {width:45%; left:240px;}
.footcall {right:20px;}
#footermenu ul.leftmenu li a {padding:15px 4px 15px 2px; font-size:13px; letter-spacing:-1px;}
footer .Fixed.btn_top {margin:0 0 0 -50%;}
footer .bottom.btn_top {margin:0 auto;}
footer .footer_mobile_span {display:inline-block;}
footer .footer_mobile_br {display:none;}

}

@media (min-width:1025px) and (max-width:1200px) {  /*    최소 768 ~ 1499 (1023에서 영역 확대) ---------------------------------------------------------------------- */
.Wrapper {padding:0 20px;}
#container {position: relative;  margin: 0px; padding: 0px; clear: both; float: none;}

footer .btn_top {max-width:100%;}
footer .Fixed.btn_top {margin:0 0 0 -50%;}
footer .bottom.btn_top {margin:0;}
footer .footer_mobile_span {display:inline-block;}
footer .footer_mobile_br {display:none;}

.footlogo {left:10px;}
.footlinkwrap {right:10px;}
.footlinkwrap .footlink a {margin:0 13px 0 0;}

#allmenu, #businesslogin, #m_gnbwrap {display:none; height:0;}

}