/*★★★★★style3★★★★★*/


@font-face {
    font-family: 'Cafe24SsurroundAir';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24SsurroundAirAir';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAirAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
	
/*■■■■■전체공통■■■■■*/

body.page, body.single-post{ margin:0 ; padding: 0}
body p{margin:0; padding:0; font-size:14px }
body h1,body h2,body h3,body h4,body h5{font-family: 'Cafe24SsurroundAir', sans-serif; }
body #pagewrap {font-family: 'Cafe24SsurroundAir', sans-serif; text-transform: capitalize;}
#headerwrap { min-height:inherit !important; border:none !important}	
#headerwrap #site-logo{ padding: 0 0 4px 0 !important; margin: 0 0 !important}
img.site-logo-image{vertical-align: middle}
#headerwrap #header{ padding: 10px 30px 6px !important}
.fixed-header-on #headerwrap .social-widget{display: inline !important}
.btn-topreser{background: #222; border-radius: 50px; color: #fff !important; padding: 8px 15px; font-size: .9em; vertical-align: middle}
.btn-topreser img{width: 22px; vertical-align: middle !important}
.btn-topreser:hover{background: #00acd7;}
.back-top-float{background: #00acd7 !important;}
#main-nav .current-menu-item>a, #main-nav .current_page_item>a, #main-nav a:hover, #main-nav ul a:hover{color: #00acd7 !important}
.sp-button{width: 10px !important; height: 10px !important}



/*menu */
#mobile-menu #main-nav a{font-family: 'Cafe24SsurroundAir', sans-serif; font-size:.9em; font-weight: 700}
#mobile-menu #main-nav .child-arrow{display:none}	
#main-nav-wrap{ margin-right: 100px}
#main-nav li>.sub-menu{width:160px !important; left:calc(50% - 80px) !important; border-radius: 10px !important; }
#main-nav ul a{ text-align: center !important}
#header .social-widget{float: none !important; position: absolute; right:0}
#header .navbar-wrapper{ justify-content: center !important;  position: relative}


/*footer*/
#footerwrap{background:#222 !important; border:none; color:#bbb}
#footerwrap ul{list-style:none; margin:0 !important; padding:0 !important }
#footerwrap li{ margin:0; padding:0}
#footerwrap h3{color:#bbb}	
#footerwrap	li a{color:#bbb; font-size:.7em; text-decoration:none}

.waveline{ 
  border-bottom: 8px solid transparent;
  border-image: url('data:image/svg+xml;utf8,<svg width="120" height="8" viewBox="0 0 120 8" xmlns="http://www.w3.org/2000/svg"><path d="M0 4 Q 10 0, 20 4 T 40 4 T 60 4 T80 4 T100 4 T120 4" fill="transparent" stroke="black" stroke-width="2"/></svg>');
  border-image-slice: 0 0 100 0;
  border-image-width: 0 0 8px 0;
  border-image-repeat: repeat;
}



/* ■■■■■서브 ■■■■■ */
	
/*sub common*/
.single #pagewrap .featured-area { margin:0 0!important}
.single-post #content{padding: 0 !important}

/*topslide*/
.main-top .module-fancy-heading{position:absolute !important; top:42%; width:360px; left:calc(50% - 180px)}
.main-top .module-fancy-heading .main-head{ font-size:1em; letter-spacing:.7em; margin-left:20px; text-shadow: 0 0 5px rgba(0,0,0,.2), 0 0 10px rgba(0,0,0,.2), 0 0 15px rgba(0,0,0,.2); }
.main-top .module-fancy-heading .sub-head{ font-size:.4em;line-height:100%; padding:0;  text-shadow: 0 0 5px rgba(0,0,0,.2), 0 0 10px rgba(0,0,0,.2), 0 0 15px rgba(0,0,0,.2);}
.main-top .sp-buttons{position:absolute; bottom:0}
.main-top .sp-buttons .sp-button{ border:1px solid #fff}
.main-top .fancy-heading{color:#fff !important}
.main-top .sp-selected-button{background-color:#fff}
.main-top .sp-arrow{width:4px}
.main-top .sp-image-container{border-radius:0px}
.main-top .slider-pro img.sp-image{border-radius:10px !important}

	
.box-sub {font-family: 'Cafe24SsurroundAir', sans-serif; margin:0; word-break: keep-all; }
.box-sub .fancy-heading { font-size:1.5em; display:flex; flex-direction: column-reverse; margin:80px 0 80px }
.box-sub .module-fancy-heading .sub-head {font-family: 'Cafe24SsurroundAir', sans-serif; font-weight:normal; font-size:13px; letter-spacing:.02em; width:100%; }
.box-sub .module-text { font-size:13px;}
.box-sub .box-gall li:before{display:none !important}
.box-sub .box-gall li:nth-child(odd){margin:0; padding:0}
.box-sub .box-gall li:nth-child(even){margin:0; padding:0; text-align:right}
.box-sub .box-gall img{border-radius:0px; margin-bottom:10px; max-width:900px; max-height:900px}
.box-sub .module-title { text-align:left; font-size:18px !important; font-weight:bold}
.box-sub .module-title:after {content:""; width:30px; height:0px; background:rgba(0,0,0,.8); display:block; margin:5px 0 0; }
.box-sub p{ text-align:left}
.box-sub ul { margin:10px 0; list-style: none; text-align:left;}
.box-sub li { margin:0 0; padding:0 0 8px 8px; line-height:130%; position:relative}
.box-sub li:before{content:""; width:2px; height:2px; background:#aaa; display:inline-block;position:absolute; left:0; top:6px}	
.box-sub table { width:calc(100% - 20px); margin:0 auto; border-collapse:collapse; border-top:1px solid #eee; font-size: 12px;}
.box-sub th { border-bottom:1px solid #eee;text-align:center; padding:5px 0; font-weight:normal;color: #333;}
.box-sub td { border-bottom:1px solid #eee; text-align:center; padding:5px 0}
.box-sub i{ font-style:normal; display:table-cell; padding-right:5px }
.box-sub .module-buttons span{ font-size:.8em}
.box-sub .image-title { font-size:18px; font-weight:bold}
.box-sub .image-caption { font-size:15px; line-height:140%}
.box-sub .image-caption em{ display:block; margin-bottom:10px}
.box-sub .kboard-list-header { display:none !important}
.box-sub .kboard-default-poweredby { display:none !important}
.module-post.roomlist .post-title { margin-bottom:0}
.module-post.roomlist .post-title a{ font-size:18px}
.module-post.roomlist .post-title a:hover { color:#3496e9}
.module-post.roomlist .entry-content { font-size:13px}
.box-sub .root_daum_roughmap{width:100% !important}
.box-sub .tf_carousel_nav_wrap{margin:0 0 0 0 !important}
.box-sub iframe {border-radius: 10px;}
.box-sub .sub_column{margin-bottom: 40px;}
.box-sub .bgbox{ border-radius: 10px; min-height: 100px;}
.box-sub .module-buttons a{color: #000 !important; font-size: 14px; font-weight: bold; padding: 6px 15px 6px 10px; border:1px solid #333 !important; border-radius: 50px }




/*객실정보등 */
.wrap-box{ margin: 60px 0}
.wrap-box .box-info { margin-bottom: 60px !important}


/*주변여행지 */
.row-travel .image-content{padding: 20px 20px 40px !important}
.row-travel .image-title { font-size:18px; font-weight:bold; }
.row-travel .image-caption { font-size:13px; line-height:160%; }
.row-travel .image-caption i{ font-style: normal; display:block; margin-bottom:10px}

.module-fancy-heading.box-info {  text-align: center }
/*밑줄웨이브*/
.box-info h1{ text-align: center; font-size:42px; margin: 30px; display: inline-block; 
  border-bottom: 8px solid transparent;
  border-image: url('data:image/svg+xml;utf8,<svg width="120" height="8" viewBox="0 0 120 8" xmlns="http://www.w3.org/2000/svg"><path d="M0 4 Q 10 0, 20 4 T 40 4 T 60 4 T80 4 T100 4 T120 4" fill="transparent" stroke="black" stroke-width="2"/></svg>');
  border-image-slice: 0 0 100 0;
  border-image-width: 0 0 8px 0;
  border-image-repeat: repeat;
}

.box-info { font-size:13px; padding:0; line-height:1.8em; margin:0 0;  }
.box-info h3, .box-info2 h3{color:#333; padding:0; margin:0 0 20px; font-size:18px; font-weight:800;}
.box-info h3 i{color:#999; font-size:13px; font-weight:normal; display:inline-block; margin:0 10px}
.box-info ul{margin:0; padding:0; list-style:none}
.box-info li{margin:0; padding:0 0 10px 10px;}
.box-info li:before {content:""; width:3px; height:3px; background:#999; border-radius:5px; display:inline-block; margin:8px 8px 0 0; }
.box-info table{width:100%; font-size:13px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:0; border-collapse:collapse}
.box-info table tr:nth-child(even) td{ border-bottom: 1px solid #666}
.box-info table th{ background:none; border-bottom:1px solid #eee; text-align: center }
.box-info table td{padding:5px; text-align:center}
.box-info strong { font-size:15px; color:#333; font-weight:normal}
.box-info b, .box-info a{color:#2e6fe6; font-weight:normal}
.box-info dl { margin:0; padding:0;}
.box-info dt { font-size:13px; font-weight:normal; line-height:1.8em; }
.box-info dd{ display:inline-block;text-align:center; padding:2px 6px; margin:0; font-size:12px; font-style:normal; color:#999}
.box-info dd img{ display:block; width:24px; margin:0 auto}
.box-info.box-special{ padding: 20px 20px 16px 20px; background: #faf5e4; border-radius: 10px; }

/*.main-special .tf_svg_lazy	{display:none}*/
.menu-reser a{display:inline-block !important; border:1px solid #999 !important; border-radius:50px; padding:2px 10px !important; font-size:.7em !important}	
#main-nav .menu-reser a>i .tf_fa{margin:-2px 0 0 0}	
	
/*color*/	
#main-nav a:hover, #main-nav .current_page_item>a, #main-nav .current-menu-item>a, #main-nav ul a:hover,  .box-sub li b,  .image-caption i {color:#00a2ee}	
#footer .back-top-float, #pagewrap .back-top-float{ background-color:#00a2ee}	





/* ●●●●●반응형 ●●●●● */


	
@media only screen and ( max-width: 680px ) {

img.site-logo-image{width:100px !important; }
#headerwrap #header{padding: 10px 0px 6px !important}
.wrap-box{ margin: 40px 0 0}

#mobile-menu .menu-item-has-children{ border-bottom:1px solid #ddd}	

	
.single.single-fullwidth-layout #header{ padding:10px 0 5px; max-width:90%}	
.single.single-fullwidth-layout #pagewrap .featured-area .post-image{height:150px}	
.single.single-fullwidth-layout #pagewrap .post-content .post-title	{margin:-90px auto 100px; font-size:.7em}

.box-sub .fancy-heading{margin:0px 0 60px}		
.box-sub .module-image.image-left .image-wrap{ float:inherit; margin:0 0 20px 0}
.box-sub .module-image.image-left .image-content{ text-align:center;  padding:0 10% 60px}	
.box-sub .box-gall img{width:100%}	
.box-sub iframe { height: 1200px !important;}


.module-text .box-info{margin: 0 0 50px}
.box-info h1{ font-size: 24px; }

	
}