@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*전체공통*/

#layout.pagewidth { width: auto; max-width: none}
#pagewrap {font-family: 'GmarketSansMedium', sans-serif !important; text-transform: capitalize; margin:0 auto !important}
#pagewrap #main-nav { margin:10px 0 0 0}
#pagewrap #main-nav ul{ width:140px}
#pagewrap #main-nav a { padding: .6em 1em}
#pagewrap #main-nav li:not(.themify-widget-menu)>ul{right:auto !important}
#pagewrap #main-nav a:hover, #pagewrap #main-nav .current_page_item>a, #pagewrap #main-nav .current-menu-item>a {color:#1ca1b1}
#pagewrap #headerwrap { border: none !important}
#pagewrap #headerwrap.fixed-header { border-bottom:1px solid #ddd !important}
#headerwrap.fixed-header #site-logo{ margin:0 0 0 0}
#headerwrap.fixed-header #site-logo img { max-width:60%}
#pagewrap #footerwrap .back-top.back-top-float { bottom:auto; right:auto; left:calc(50% + 645px); top:calc(50% + 120px); border-radius:100%; width:40px; height: 40px; background:#000; z-index: 999 }
#pagewrap #footerwrap .back-top.back-top-float:hover {background:#1ca1b1 }
#site-logo img{ vertical-align: middle}
h2.fancy-heading.tb-align-center { margin-bottom: 40px}

.navbar-wrapper { display:flex; flex-direction: column-reverse;}
.navbar-wrapper .social-widget { position:fixed; left:calc(50% + 630px); top: calc(50% - 150px); margin:0 !important; padding:10px 0; border-radius: 10px;  box-shadow: 0 3px 16px rgba(0,0,0,.10); background: #fff}
.navbar-wrapper .social-widget .widget{ margin: 0 !important}
.navbar-wrapper .social-widget a{ display:block; text-align:center; background-size:30px !important; line-height:140%; padding:50px 10px 10px 10px;}
.navbar-wrapper .social-widget a:nth-child(1){background:url('bl-booking.png') no-repeat center 15px #fff; }
.navbar-wrapper .social-widget a:nth-child(2){background:url('bl-call.png') no-repeat center 15px #fff; }
.navbar-wrapper .social-widget a:hover{background-color:#fff }


#content { padding: 0 0 !important }
.conbox { padding: 0 0 200px 0  }
.page-content .builder_button{ background:#000 !important; border-radius: 10px !important;}
.page-content .builder_button:hover{ background:#1ca1b1 !important; color:#fff !important; border:1px solid #1ca1b1 !important }
.page-content .module-buttons i{ margin-top:-2px !important; }
.page-content .module-buttons span{ margin-top:2px !important}
.conbox .module-slider a { color:#333}
.conbox .slide-content { text-align:left; padding:0}
.conbox .slide-image { margin:0 0 .5em}
.conbox  .slide-image .themify_lightbox:after { content:"더보기"; position:absolute; width:75px; height:75px; text-align:right; padding:5px; right:0px; top:0; color:#fff; background:url('bl-plus.png') no-repeat 55px 30px;}
.conbox  .slide-image .themify_lightbox:before { content:""; position:absolute; width:0; height:0; border-bottom:80px solid transparent; border-right:80px solid #222;right:0px; top:0; border-radius: 0 10px 0 0}
.conbox  .slide-image .themify_lightbox:hover:before {border-right:80px solid #1ca1b1;}
.conbox .module-text p{word-break: keep-all}


#footerwrap { padding:30px 0 0 0 !important; background:#333;}
#footerwrap ul{ margin:0; padding:0; list-style:none}
#footerwrap li{ margin:0; padding:0 10px; color:#ccc; display:inline-block;}
#footerwrap h3{ font-size:24px; color:#fff}
#footerwrap .two li{font-size:.7em;}
#footerwrap .two a{ color:#999; display:inline-block;}
#footerwrap .two a:nth-child(2){ background:#ccc; color:#333; padding:1px 5px 0; line-height:100%; margin:0 0 0 10px}



/*ultra layout parts*/
.mfp-iframe-wrapper {height:calc(100% - 20px) !important; border-radius: 10px;}
.standard-frame:hover{cursor: pointer !important}
.mfp-iframe .module_row>.row_inner{max-width:100% !important}
.mfp-bg:before{ width:60px; height:2px; right:0; top:29px; transform:rotate(45deg)}
.mfp-bg:after { width:2px; height:60px; right:29px; top:0; transform:rotate(45deg)}
.mfp-bg:before, .mfp-bg:after { content:""; background-color:#fff; line-height:0; margin-top: 0px; position:fixed; margin-right: calc(50% - 440px);  }
.mfp-bg:before:hover, .mfp-bg:after:hover{cursor: pointer}
.single-template-builder-container .builder_title { display: none;  }
.mfp-iframe-holder {padding:60px 0 0 0 !important  }
.mfp-iframe-holder .mfp-content { max-width: 1000px !important; }
.mfp-iframe-scaler { max-width: none !important}
.tbuilder_layout_part-template-default{ background-color:#fff !important   }
.tbuilder_layout_part-template-default .fancy-heading{padding: 40px 0; }
.tbuilder_layout_part-template-default .module-text img{ margin-bottom: 20px; border-radius: 8px; width: 100% }
.tb_social_sharing { display:none !important}
.overbox .subrow_inner{width: 95%; margin: 0 auto}


.overbox {font-family: 'GmarketSansMedium', sans-serif !important; }
.overbox .module-title { text-align:center}
.overbox ul {width:calc(100% - 20px); margin:0 auto; list-style: none;}
.overbox li { margin:0; padding:0 0 0 10px; position:relative}
.overbox li:before {content:""; width:3px; height:3px; background:#333; border-radius:10px; position:absolute;  margin:8px 0 0 0; left:0}
.overbox i{ display: table-cell; min-width:40px; font-style: normal}
.overbox i:nth-child(1){color:#333; font-weight:bold}
.overbox table { width:calc(100% - 20px); margin:0 auto; border-top:1px solid #999; border-collapse:collapse}
.overbox th { border-bottom:1px solid #eee; text-align:center}
.overbox td { border-bottom:1px solid #eee; text-align:center; padding:10px 0}
.overbox p {  padding:0 10px 20px !important; text-align: center}


/*topbox*/
.topbox { margin: 0 0 100px 0  }
.topbox .module-fancy-heading{ text-align: center; padding: 300px 0}
.topbox .main-head { font-size: 60px; color: #fff; text-shadow:0 0 3px rgba(0,0,0,.2)}
.topbox .sub-head { font-size: 20px; color: #fff; text-shadow:0 0 3px rgba(0,0,0,.2); font-family: 'GmarketSansLight', sans-serif !important; letter-spacing:0}


/*about*/
.conbox.tb_section-about { padding:0 0 50px 0;}
.conbox.tb_section-about:before { content:url("bg-shadow.png"); width:500px; height:420px; position: absolute; z-index:0; left:0px; bottom:-100px; }
.conbox.tb_section-about .module.module-buttons {position:absolute; z-index: 99; top:10%;  transform: translateX(-20px)}
.conbox .module-image .image-wrap img { border-radius: 10px}

/*rooms*/
.conbox.tb_section-rooms .module.module-buttons {position:absolute; z-index: 99; top:0; right:0}
.conbox .slide-image img { border-radius: 10px}

/*special*/
.conbox.tb_section-special .module.module-buttons {position:absolute; z-index: 99; top:0; right:0}
.conbox.tb_section-special:before {content:url("bg-shadow.png"); width:500px; height:420px; position:absolute; z-index:0; right:0px; bottom:-100px;
   -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1);  transform: scaleX(-1);    filter: FlipH; -ms-filter: "FlipH";}

/*location*/
.conbox.tb_section-location .module.module-buttons {position:absolute; z-index: 99; top:0; right:0}
.conbox.tb_section-location .module-slider { margin:10px 0 0 0 !important}
.conbox.tb_section-location .slide-title{ font-size:1.25em}
.conbox.tb_section-location .slide-content { padding:0 15px}
.conbox.tb_section-location .slide-content em{ display:block; margin:0 0 5px 0; padding:0; color:#2C80D3; font-style: normal}
.conbox iframe{ border-radius: 10px; border:1px solid #ccc !important; box-sizing: border-box}

/*reservation*/
.conbox.tb_section-reservation { padding: 0 0 50px}
.conbox.tb_section-reservation .tb_text_wrap ul {list-style: none; margin:0 0 1.4em 0}
.conbox.tb_section-reservation .tb_text_wrap li {padding:0 0 0 10px; position:relative; color:#666}
.conbox.tb_section-reservation .tb_text_wrap li:before {content:""; width:3px; height:3px; background:#333; border-radius:10px; position:absolute;  margin:8px 0 0 0; left:0}
.conbox.tb_section-reservation .tb_text_wrap b{ font-weight:normal; color:#2C80D3}
.conbox.tb_section-reservation table {width:100%; max-width:400px; border-top:1px solid #999; border-collapse:collapse; color:#666}
.conbox.tb_section-reservation th { border-bottom:1px solid #eee; text-align:center}
.conbox.tb_section-reservation td { border-bottom:1px solid #eee; text-align:center; padding:10px 0}
.conbox.tb_section-reservation .tab-nav li a { color:#333 !important}
.conbox .ui.module-tab { max-width: 800px; margin: 0 auto;}
.conbox .ui.module-tab .tab-nav{ text-align: center; }
.conbox .ui.module-tab .tab-nav>li{ border-radius: 10px 10px 0 0;}



/*contac .row-contact */
.conbox.row-contact{ padding: 50px 0px; box-sizing: border-box; margin: 0 auto !important; width: 100% !important}
.conbox.row-contact:before{  content: ""; position: absolute; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.3); top:0; left:0} 
.conbox.row-contact .fancy-heading { padding: 30px 0 0}
.conbox.row-contact .module-plain-text{ text-align: center; color: #fff; padding: 50px 0}
.conbox.row-contact .module-plain-text em { font-style: normal;   display: block; margin-bottom: 10px }
.conbox.row-contact .module-plain-text b { font-weight: normal;  display: block; font-size: 34px }
.conbox.row-contact .module-icon{ text-align: center; padding: 10px 0 }
.conbox.row-contact .module-icon a{color: #fff}




/*모바일*/
@media only screen and ( max-width: 1280px ) {

#site-logo img{ height: 25px; }

.conbox.tb_section-about,
.conbox.tb_section-rooms,
.conbox.tb_section-special,
.conbox.tb_section-location,
.conbox.tb_section-reservation{ max-width: 90%; margin: 0 auto}

body.home {font-size:.85em}
body.home #pagewrap { max-width:100%; margin:0 0}
body.home .fancy-heading .main-head { font-size:1em}
body.home .body-overlay { background:none}
body.home .ui.builder_button { padding:1em 1em !important;}
body.home #headerwrap { min-height:inherit}
body.home #headerwrap .header-icons {top: 32px}
body.home .menu-icon-inner {width:3em; height:2em}
body.home #headerwrap.fixed-header .header-icons{top: 26px}
body.home #headerwrap.fixed-header .menu-icon-inner {width:2em; height:1.5em}
body.home #headerwrap.fixed-header .tellbtn {top:12px ;}
.fixed-header-on .social-widget a{ background-color:#fff !important}
.tellbtn { position:absolute; z-index:99; top:18px;right:90px; padding:17px; display:block; background:url("bl-call.png") no-repeat 0 0 ; background-size:30px 30px}
.navbar-wrapper .social-widget{box-shadow:none !important}

.conbox { padding: 0 0 100px 0  }  
 .mobile_menu_active .sidemenu { width:200px !important}
 .body-overlay {right:200px !important}
  body:not(.header-overlay):not(.header-minbar):not(.header-leftpane):not(.header-rightpane).mobile-menu-visible.mobile_menu_active.sidemenu-right, body:not(.header-overlay):not(.header-minbar):not(.header-leftpane):not(.header-rightpane).mobile-menu-visible.mobile_menu_active.sidemenu-right #headerwrap.fixed-header { left:-200px !important}

.conbox.tb_section-about:before { margin-left:-37px; }
.conbox.tb_section-special:before {margin-right:-37px;}

/*ultra layout parts*/
.mfp-container .mfp-content .mfp-iframe-scaler { max-width:100% !important}
.overbox {font-size:.85em}
.mfp-bg:before, .mfp-bg:after {margin-right: auto  }
.overbox .row_inner.col_align_top{width:100% !important; max-width:100% !important}
.overbox .module-title { font-size:18px !important; text-align:left !important; margin-left:10px}
body.home .mfp-container { position:fixed !important}


/*topbox*/
.topbox { margin:0 0 50px 0}
.topbox .sub-head { font-size:14px}
.topbox .module-fancy-heading{ padding: 100px 0}

/*about*/
.conbox.tb_section-about { background:none !important; padding:0 0 100px 0}
.conbox.tb_section-about .tb_text_wrap { margin-bottom:20px}
.conbox.tb_section-about .module_column .col4-2{ width:50%; max-width:50%}


/*special*/
.conbox.tb_section-special { background:none !important}

/*contac .row-contact */
.conbox.row-contact .module-plain-text b{ font-size: 22px }

}