@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&subset=korean'); /* 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=ZCOOL+XiaoWei');

/*전체공통*/
p{margin:0 !important; padding:0 !important;}
h1, h2, h3, h4, h5{font-family: 'Noto Sans KR','Malgun Gothic', sans-serif !important;  font-style:normal !important }
tr, th, td{vertical-align:middle !important}
em, i, q{ font-style:normal !important}

.single.single-fullwidth-layout .featured-area{margin: 0 !important;}

#content { padding:0 0 !important; border-left:1px solid #eee; background:#fff}
.pagewidth{width:100% !important;}
.section_loader{ background:#c0d7fb !important}
.row_inner_wrapper, .row_inner, .module_column{height:100%}
.padding-wrap .row_inner{width:100% !important; padding:0 5% !important}

/************섹션네비*/
.page #fp-nav li .active span, .page .fp-slidesNav .active span {width:16px !important; height:16px !important; border-color:rgba(0,0,0,1) !important; background-color:#0261f0 !important}
.page #fp-nav span, .page .fp-slidesNav span { border:1px solid rgba(0,0,0,1) !important}
.page #fp-nav li:last-child{ display:none}
#fp-nav span{width:12px !important; height:12px !important; background:#fff}
#fp-nav:before { content:"Scroll"; position:fixed; z-index:9999; bottom:15px; left:calc(50% + 75px); color:#fff !important; font-size:12px}
#fp-nav:after { content:""; position:fixed; z-index:8888; bottom:0; left:calc(50% + 70px); width:40px; height:40px; 
                 background:url('/2udesign/arrow-down.png') no-repeat center 20px rgba(0,0,0,.3)}
.fp-viewing-footer-footer #fp-nav:before, .fp-viewing-footer-footer #fp-nav:after{ display:none !important} 






/************좌측메뉴레이아웃*/
#body{padding:0 0 0 200px; clear:none !important; font-family: 'Noto Sans KR','Malgun Gothic', sans-serif !important;}
#body .pagewidth{width:auto !important}
#header { padding:2em 0 !important}
#headerwrap {width:200px !important; position:fixed !important; display:table-cell; /*height:100%;*/ background:#fff !important; border:none !important; z-index:888 !important }
#headerwrap .header-bar{ float:none !important; text-align:center; margin-bottom:40px; text-align:right; padding:0 20px}
#headerwrap .header-bar:after{ content:''; width:60px; height:1px; position:absolute; /*background:#333;*/ margin:30px 0 0 0; right:20px}
#headerwrap #site-logo{margin:0 0 !important}
#headerwrap #site-logo:hover{opacity:.8; filter:alpha(opacity=80)}
#headerwrap #main-nav {width:100%}
#headerwrap #main-nav li {width:100%; }
#headerwrap .main-nav>li.selected:after{content:""; width:60px; height:1px; background:#0261f0; position:absolute; right:0; margin:-7px 0 0 0}
#main-nav a{ font-size:14px; color:#333; font-weight:700; padding:5px 20px 5px 0px !important; text-align:right }

#headerwrap #main-nav .current_page_item>a, 
#headerwrap #main-nav .current-menu-item>a,
#headerwrap #main-nav .current-menu-parent>a { color:#0261f0}

#main-nav li:hover a{ border:none !important; color:#333 }
#main-nav li:not(.themify-widget-menu)>ul{left:calc(100%) !important; top:-993px !important; border:none !important; background:rgba(2,97,240,1) !important; padding:1000px 0 !important;z-index:-11 !important ;
					 transform-origin:left !important;	
					 /* -moz-transform-origin:left !important;
					  -ms-transform-origin:left !important;
					  -webkit-transform-origin:left !important;
					  -o-transform-origin:left !important;*/
					 transform:scaleX(0) !important;
					 /* -moz-transform:scaleX(0) !important;
					  -ms-transform:scaleX(0) !important;
					  -webkit-transform:scaleX(0) !important;
					  -o-transform:scaleX(0) !important;*/
					 transition: all .5s ease-in-out !important;
					 /* -moz-transition: all .5s ease-in-out !important;
					  -ms-transition: all .5s ease-in-out !important;
					  -webkit-transition: all .5s ease-in-out !important;
					  -o-transition: all .5s ease-in-out !important;*/
					 }
.no-touch #main-nav li:hover>ul{ z-index:999 !important;
					transform:scaleX(1) !important;
					/*-moz-transform:scaleX(1) !important;
					-ms-transform:scaleX(1) !important;
					-webkit-transform:scaleX(1) !important;
					-o-transform:scaleX(1) !important;*/
					}			
#main-nav ul{width:160px !important}
#main-nav ul a{ color:#fff !important; padding:2px 20px 2px 20px !important }
#main-nav ul a:hover{  padding:2px 20px 2px 25px !important}	
.header-widget .widget{ margin:0 0 !important; padding:30px 0 0}										

li#menu-item-9519 a{ letter-spacing:-.07em}/*야외단체바베큐장*/



.sidemenu { padding:10px 0 0 ;}
.btn-reser1 { display:inline-block; position:absolute; z-index:999; color:#0261f0; width:90px; height:90px; right:10px; margin-top:0px; 
              background:url('/2udesign/icon-reser1.png') no-repeat center 20px #fff; border:1px solid #0261f0; border-radius:50px; 
              /* animation: scale 1s infinite;*/}
.btn-reser1 i{ position:absolute; margin-top:44px; width:100%; left:0; font-size:13px; font-weight:600;}
.btn-reser1:hover { background-color: #c0d7fb; transform: translateX(0px);}
/*@keyframes scale {from {transform: scale(1,1);}to {transform: scale(1,1);}}*/
.btn-reser2 a{ display:block; color:#0261f0 !important; width:100px; padding:10px 10px 10px 40px !important; margin:30px auto 0 !important;
              background:url('/2udesign/icon-reser1.png') no-repeat 10px 13px #fff; border:1px solid #0261f0; font-size:14px; font-weight:400; color:#0261f0;}
.btn-reser2 a:hover { background-color: #c0d7fb ; text-decoration:none}

/************좌측 푸터*/
#footerwrap {width:200px !important; position:fixed !important; display:table-cell; bottom:0px ; border:none !important; z-index:777 !important; padding:20px 0 0 !important; background: none !important;}
.query-section #footerwrap {bottom:250px !important ;}/*section페이지는 푸터 높이 지정 따로*/

.footinfo1:before{ content:''; width:60px; height:1px; position:absolute; /*background:#333; */margin:-30px 0 0 0; right:20px}
.footinfo1 ul { list-style:none; padding:0; margin:0 20px}
.footinfo1 li{ color:#777; text-align:right; line-height:160%; font-size:11px; letter-spacing:-.06em; margin:0 0 6px 0}
.footinfo1 b { font-size:16px; font-weight:400; color:#333; background: url('/2udesign/icon-phone.png') no-repeat left center ; padding:0 0 0 30px; display:inline-block; line-height:160% }
.footinfo1 a { font-size:11px !important; color:#999;}
.footinfo1 img{ vertical-align:middle}
.footinfo1 strong{font-size:12px; font-weight:400; color:#333}
.footinfo1 #flags .ui-sortable { float:right !important}


.pull-down { display:none !important }
.header-widget { display:block !important}
#media_image-2 { text-align:center; margin:10px 0 !important}
.ui.nav li { margin-right:-.4em !important}


/************페이지 푸터*/
.page-footer {margin:0 auto; background:#333; padding:0 0 20px;/* height:460px !important;*/}/*높이지정*/
#content .page-footer .themify_builder_row.fp-table .module_column { display:block !important;}
.page-footer .footer-logo { display:inline-block; margin-top:20px}
.page-footer .btn-top, .page-footer .btn-top-mobile{ color:rgba(255,255,255,.5); font-size:12px; display:inline-block; position:absolute; top:-71px; left:calc(50% + -20px ); width:40px; height:20px; padding-top:20px;
                        background:url('/2udesign/arrow-up.png') no-repeat center 10px rgba(0,0,0,.3)}
.page-footer .btn-top-mobile{ display:none}
.page-footer .widget_nav_menu {margin:0 auto}
.page-footer, .page-footer a{ color:#999; font-size:13px; line-height:160%}
.page-footer, .page-footer a:hover{ color:#fff; text-decoration:none}
.page-footer .widget{ margin:0 auto}
.page-footer .image-wrap { text-align:center; margin:0 0 50px;}
.page-footer .menu { display:table; width:100%; padding:30px 0 50px; margin:0 0 30px 0;  border-bottom:1px solid rgba(255,255,255,.3)}
.page-footer .menu li{ display: table-cell !important; width:12%}
.page-footer .sub-menu li{ display:block !important; width:auto; padding:0 0 !important}
.page-footer .widgettitle { display:none}
.page-footer ul{ margin:0; padding:0; }
.page-footer li{ text-align:center; list-style:none !important; padding:0 !important; line-height:140%}
.page-footer .sub-menu a { border-bottom:none}
#menu-main:after{ display:none !important}
.page-footer .textwidget { text-align:center}
.page-footer .textwidget ul { margin:0 0; text-align:center;}
.page-footer .textwidget li { color:#999; display:inline-block; margin:0 10px; font-size:12px}
.page-footer .textwidget b{ font-weight:normal; color:#fff}



/*메인*/

.main-wrap .bsp-slide-post-title{font-family: 'ZCOOL XiaoWei', serif !important; font-size:80px !important;  line-height:70%; letter-spacing:-.05em; margin:0 0 !important; text-transform:none !important; text-shadow:0px 0px 5px rgba(0,0,0,.5);}
.main-wrap .bsp-slide-excerpt { font-size:24px; text-shadow:0px 0px 5px rgba(0,0,0,.5);}
.main-wrap .module-pro-slider .bsp-layers-overlay { display:block; margin:10% 0 0 0; }
.main-wrap .module-pro-slider.pager-standard .sp-buttons { bottom:20%}
.main-wrap .module-pro-slider .sp-horizontal .sp-previous-arrow { left:6%}
.main-wrap .module-pro-slider .sp-horizontal .sp-next-arrow { right:6%}
.main-wrap .module-pro-slider .sp-arrow { font-size:10em}
.main-wrap .module-pro-slider .sp-fade-arrows { opacity:1 !important}
.main-wrap .module-pro-slider .sp-slide{ padding:0 10px 0 0}/*이미지간격없애기*/

.main-title .main-head{font-family: 'ZCOOL XiaoWei', serif !important; font-size:80px;  line-height:70%; letter-spacing:-.05em;}
.main-title .sub-head{font-size:16px; padding:0  }
.main-title .sub-head:before{ display:none}

.main-special-wrap .main-title {position:absolute !important; z-index:999; top:-50%; width:200%; text-align:center}
.main-special-wrap .main-head, .main-special-wrap .sub-head,
.main-video-wrap .main-head, .main-video-wrap .sub-head {color:#fff; text-shadow:0px 0px 5px rgba(0,0,0,.5);}
.main-special {width:100%}
.main-special .square1{ display:table; margin:0 auto}
.main-special .square1 a{ width:260px; height:260px; padding:30px; background:rgba(0,0,0,.5); color:#fff;}
.main-special .square1 a:hover{ text-decoration:none}
.main-special .square1 b{ font-size:30px; display:block; margin-bottom:30px}
.main-special .square1 b:after{ content:""; width:30px; height:1px; background:#fff; position:absolute; margin:40px 0 0 0; left: calc(50% - 15px)}

.main-slide .slide-image a{ display:block; }
.main-slide .slide-image a:before{content:""; width:0%; height:0%;background:rgba(2,97,240,.3); left:50%; top:50%; position:absolute;transform:scale(0,0)}
.main-slide .slide-image a:hover::before{content:""; width:100%; height:100%;background:rgba(2,97,240,.3); left:0; top:0; position:absolute; transform:scale(1,1);  transition:all .3s ease}
.main-slide .slide-content{ background:rgba(0,0,0,.3) !important;}
.main-slide .slide-title{ font-size:20px}

.main-sns .main-title{ margin-bottom:30px}
.main-blog{ overflow:auto; text-align:center}
.main-blog .widget{ margin:0 0}
.execphpwidget ul{width:100%; margin:0 0 0 0 !important; padding:0}
.execphpwidget ul li{width:33.3333333333333333333333333%; display:inline-block; position:relative; margin:0; padding:0;}
.execphpwidget ul img{width:100%}
.execphpwidget ul a{position: absolute; display:block; top:0; padding:0 20px; text-align:left; height:calc(100% - 0px);}
.execphpwidget ul a:hover{ text-decoration:none;}
.execphpwidget ul a b:before{ content:""; width:30px; height:1px; background:#333; position:absolute; margin:-20px 0 0 0px; transform:scale(1,1)}
.execphpwidget ul a:hover b::before{ content:""; width:120px; height:3px; background:#333; position:absolute; margin:-20px 0 0 0px; transform:scale(1,1);   transition:all .3s ease}
.execphpwidget ul a b{ color:#333; display:block; font-size:20px; font-weight:700; margin:30px 0}
.execphpwidget ul a em{ color:#999}
.execphpwidget>a{ display:inline-block; color:#fff; background:#333; padding:5px 15px; margin:10px auto; line-height:20px; font-size:16px }
.execphpwidget>a:hover{ background:#0261f0; text-decoration:none}
.main-sns .ig-spinner{ display:none !important}/*인스타로딩*/


/*서브공통**************************************/

.top-wrap .ctop  { align-content:flex-start !important; align-items:flex-start !important; height:100% !important}
/*.top-wrap .toptitle-wrap .subrow_inner {background:rgba(0,0,0,.2)}*/
.top-wrap .htop1 { margin:40px 40px 0}
.top-wrap .htop1 .main-head{font-size:90px; color:rgba(255,255,255,.5); line-height:70%; letter-spacing:-.05em; text-transform: uppercase;}
.top-wrap .htop1 .sub-head { display:none}
.top-wrap .htop2 { margin:100px 0 100px;}
.top-wrap .htop2 .main-head{color:#fff; font-size:16px; text-shadow:0px 0px 5px rgba(0,0,0,.5); font-weight: 400;}
.top-wrap .htop2 .sub-head {color:#fff; font-size:50px; font-weight:700; padding-top:0; line-height:180%; text-shadow:0px 0px 5px rgba(0,0,0,.5); letter-spacing: -0.04em;}
.top-wrap .htop2 .sub-head:before{ border-top:1px solid;}
.top-wrap .submenu-wrap .widget{ margin:0 auto 10px;}
.top-wrap .submenu-wrap .menu {width:100%; border-top: 0px solid rgba(255,255,255,.3); text-align:center}
.top-wrap .submenu-wrap .menu li{ display:inline-block; padding:15px 20px}
.top-wrap .submenu-wrap .menu li a{ color:#fff !important; text-shadow:0px 0px 5px rgba(0,0,0,.5);}
.top-wrap .topinfo-wrap{ padding:50px 2% }
#content .top-wrap .themify_builder_row.fp-table .module_column { display:block !important;}

.top-wide-wrap .box-white{ padding:30px; background:#fff}

.con-wrap { margin:50px 0}
.con-wrap .tb-column-inner{ margin: 0  0 50px 0}

.con-wide-wrap { padding:50px 2%}
.con-wide-wrap .tb-column-inner{ margin: 0  0 50px 0}


.box1 .module-icon { color:#333; margin-bottom:10px}
.box1 .module-icon span{font-size:20px; font-weight:400; letter-spacing:-.05em; margin-bottom: 10px;     margin-left: 0 !important;
    margin-right: 0 !important; margin-left: 0 !important;}
.box1 .module-icon.large i { width:20px; text-align:left; padding:.5em 0}
.box1 .module-title, .box1 .widgettitle { font-size:24px; font-weight:400; letter-spacing:-.05em; padding:0; margin:0 0 20px; display:none !important }
.box1 ul li, .box1 .widget .textwidget ul li{ list-style:disc; font-size:14px; margin:0 0 8px; padding:0 0; line-height:160%}
.box1 table{width:100%; border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);}
.box1 th{ border-bottom:1px solid rgba(0,0,0,.1);border-right:1px dashed rgba(0,0,0,.08); text-align:center; font-size:14px; font-weight:400; padding:4px 5px; line-height:150%}
.box1 td{ border-bottom:1px dashed rgba(0,0,0,.1);border-right:1px dashed rgba(0,0,0,.08); text-align:center; font-size:14px; font-weight:400; padding:8px 5px; line-height:150%}
.box1 table td:last-child, .box1 table th:last-child{ border-right:none}
.box1 table tr:last-child td{ border-bottom:none}
.box1 table a{ color:#0261f0}
.box1 strong {font-size:18px; font-weight:400; color:#333; display:block; margin-bottom:20px}
.box1 b { font-weight:400; color:#0261f0}
.box1 p{ margin:0 0 10px 0 !important; font-size:14px; line-height:150%}

.box3 { background:rgba(0,0,0,.03); padding:30px; border-top:1px solid rgba(0,0,0,.2); text-align:center}
.box3 b {color:#0261f0; font-size:24px; font-weight:400; line-height:150%}
.box3 em{color:#222; font-size:14px; line-height:150%}


.admin-bar .tooltipster-default{ margin-top:0 !important} /*배치도말풍선위치*/
.module-pointers{ margin:0 0 !important}

.tooltipster-content a{ color:#fff}

.module-slider.slider-overlay .slide-content { left:1px !important; width:calc(100% - 2px) !important;}


/*주변관광지*/
.box2 .carousel-nav-wrap{ position:absolute; bottom:10px; width:100%}
.box2 .carousel-pager a{ color:#fff}
.box2.module-slider {line-height:140%; margin:0 0 20px !important}
.box2 .slide-image { margin:0 0 10px !important}
.box2.module-text  { margin:0 0 60px !important}
.box2 h3 { font-weight:400; font-size:20px;}
.box2 b { font-weight:400; color:#0261f0;font-size:14px; display:block}
.box2 em { font-size:14px; line-height:150%}
.box2 p{ margin:0 0 10px 0 !important; font-size:14px}
.box2 .slide-content { padding:0 20px !important;}

/*게시판*/
.con-wide-wrap #kboard-default-list,
.con-wide-wrap #kboard-default-document{border-top:1px solid rgba(0,0,0,.2); margin-top:30px }
.con-wide-wrap #kboard-default-document .kboard-title p { padding:20px !important}

.con-wide-wrap a.kboard-default-button-small,
.con-wide-wrap input.kboard-default-button-small,
.con-wide-wrap button.kboard-default-button-small { background:#0261f0 !important; border-radius:0 !important}/*버튼*/
.con-wide-wrap #kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a{ background:#0261f0 !important; border-radius:0 !important; border:0 !important; padding:0px 5px !important}/*네비버튼*/
.con-wide-wrap .kboard-default-poweredby, 
.con-wide-wrap .kboard-search, 
.con-wide-wrap #kboard-default-list .kboard-list-header{ display:none}
.con-wide-wrap #kboard-default-list .kboard-list table td,
.con-wide-wrap #kboard-default-list .kboard-list table a { font-size:15px; font-weight:400}
.con-wide-wrap #kboard-default-list .kboard-list thead tr td { border-bottom:1px solid rgba(0,0,0,.1)}

.con-wide-wrap .ig-block-loaded {margin-top:30px }/*인스타그램*/
.con-wide-wrap .execphpwidget{margin-top:30px; text-align:center }/*블로그리뷰*/
.con-wide-wrap .execphpwidget ul li{width:25%; display:inline-block; position:relative; margin:0; padding:0;}





/*팝업
#popup{ max-width:460px;position:absolute; z-index:999999; top:50px;left:2%; right:2%}
#close_popup{display:block;position:absolute; right:-15px; top:-15px; width:40px;height:40px;background:url('images/btn_close.png');}
*/


#phonemenu{display:none; }
.mobilewrap{display:none;}
.btn-insta2 { display:none}






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

/*스플릿 해제***************************************************************************************************************************************
****************************************************************************************************************************************************/

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


/*공통*******************************/
#site-logo {     width: 40%;    text-align: left;
    vertical-align: middle;    padding-bottom: 10px !important;}
#headerwrap {width:auto !important; display:block; position:relative !important;}
#header{ padding:10px 0 0 !important}
#headerwrap .header-bar { margin:0 0 !important; padding:0 0 !important}
#headerwrap .header-bar:after{ display:none}
.mobile_menu_active .header-icons { top:40px !important}
#menu-icon { width:30px !important; height:20px !important}
#body{ width:auto; display:block; width:100%; padding:0 0;}
#footerwrap { display:none}/*좌측푸터*/

#headerwrap .header-bar{ margin-top:10px}
.btn-reser1 { display:none}

#phonemenu{display:block; background-color:#fff; border-top:1px solid #777; border-bottom:1px solid #777}
#phonemenu img{width:18px; height:18px; vertical-align:middle; margin-right:6px}
#phonemenu td{ width:1%; border-bottom:1px solid #eee !important; height:30px;}
#phonemenu tr:last-child td{ border-bottom:none !important}
#phonemenu a, #phonemenu a:hover{ display:block;padding:0px 0; color:#222 !important; text-align:center; font-size:12px; font-weight:800;}

.mobile_menu_active .sidemenu { background:#0261f0 !important;}
#main-nav a{ text-align:left; color:#fff !important}
#main-nav>li { margin:20px 0 0 !important;}
#main-nav>li:before { content:""; width:200px; height:1px; background:rgba(255,255,255,.5); position:absolute; top:-10px;}
#main-nav li:not(.themify-widget-menu)>ul{left:100% !important; top:0px !important; padding:0px 0 !important;
                                          overflow:visible !important; max-height:inherit !important; transform:none !important; transition:none !important}
.mobile_menu_active #menu-icon-close:before, .mobile_menu_active #menu-icon-close:after { color:#fff; }
.child-arrow toggle-on, 
.child-arrow:before,
#main-nav .sub-arrow { display:none !important}


#fp-nav{ display:none}



/*푸터*/
.page-footer { height:auto !important}
.page-footer .footer-logo img{ height:30px; margin-bottom:22px}
.page-footer .menu{ display:none}
.page-footer .btn-top{ display:none}
.page-footer .btn-top-mobile{ display:inline-block; left:auto !important; right:20px}





/*메인*/
.ctop { min-height:inherit !important}
.module-pro-slider { height:300px !important}
.module-pro-slider .sp-slide{ height:300px !important}
.main-wrap .module-pro-slider .bsp-slide-post-title{ font-size:30px !important}
.main-wrap .module-pro-slider .bsp-slide-excerpt{ font-size:14px !important}
.main-wrap .module-pro-slider .sp-fade-arrows {top:140px !important}
.main-wrap .module-pro-slider .sp-arrow:after{width:.1em; height:.1em}

.main-special-wrap .main-title {top:30px; width:200%; text-align:center}
.main-title .main-head{ font-size:30px}
.main-title .sub-head{ font-size:14px}
.main-slide .slide-title{ font-size:16px}
.main-special .square1 b{ font-size:18px}
.main-slide .slide-content { background:rgba(0,0,0,.7) !important}
.main-wrap .fancy-heading{ margin-top:30px}
.main-sns .main-title{ margin-bottom:0}
.ig-block-loaded { margin-bottom:60px}

.execphpwidget ul{width:100%; margin:0 0 0 0 !important; padding:0}
.execphpwidget ul li{width:100%; display:inline-block; position:relative; margin:0; padding:0;}
.execphpwidget ul img{width:0%; display:none}
.execphpwidget ul a{position: inherit; display:block; top:0; padding:0 20px; text-align:left; height: auto; line-height:120%}
.execphpwidget ul a:hover{ text-decoration:none;}
.execphpwidget ul a b:before{ display:none}
.execphpwidget ul a b{ color:#333; display:block; font-size:14px; font-weight:400; margin:0 0 0;}
.execphpwidget ul a em{ color:#999; font-size:12px; display:block; margin:0 0 10px }
.execphpwidget>a { margin:10px auto 60px}




/*서브공통*/

.top-wrap .htop1 { margin:10px 10px 0 0}
.top-wrap .htop1 .main-head { font-size:40px}
.top-wrap .htop2{ margin:0 0}
.top-wrap .htop2 .sub-head { font-size:24px; line-height:140%; padding: 50px 0;}
.top-wrap .htop2 .main-head  { font-size:14px}
.top-wrap .submenu-wrap .menu li { padding:5px 5px}
.mobile-photo img { margin:0 0 10px 0}
.top-wrap.fullcover { background-size:contain !important; background-position:top center !important}
.top-wrap .submenu-wrap .menu li a { font-size:13px}

.module-icon.large i{ font-size:20px; height:40px }
.box1 .module-icon span { font-size:20px}
.box1 strong{ font-size:16px}
.box1 th, .box1 td { font-size:12px; line-height:120%}
.btn-reser2 a { margin:30px auto !important}

.box3{ padding:10px}
.box3 b { font-size:18px}

.con-wide-wrap .execphpwidget ul li{width:100%}


}






/*박스***************************************************************************************************************************************
****************************************************************************************************************************************************/

.square1 a {
  display: table-cell;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  text-align:center;
  vertical-align:middle;
}
.square1 a em{ display:table}

/*상*/
.square1 a em::before {
  width: 100%;
  height: 5px;
  background: #fff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -moz-transition: 0.3s 0.3s;
  -o-transition: 0.3s 0.3s;
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-200%);
}
/*하*/
.square1 a em::after {
  width: 100%;
  height: 5px;
  background: #fff;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  -moz-transition: 0.3s 0.2s;
  -o-transition: 0.3s 0.2s;
  -webkit-transition: 0.3s 0.2s;
  transition: 0.3s 0.2s;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(200%);
}
/*좌*/
.square1 a::before {
  width: 5px;
  height: 100%;
  background: #fff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(200%);
  -moz-transition: 0.3s 0.0s;
  -o-transition: 0.3s 0.0s;
  -webkit-transition: 0.3s 0.0s;
  transition: 0.3s 0.0s;
}
/*우*/
.square1 a::after {
  width: 5px;
  height: 100%;
  background: #fff;
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-200%);
  -moz-transition: 0.3s 0.4s;
  -o-transition: 0.3s 0.4s;
  -webkit-transition: 0.3s 0.4s;
  transition: 0.3s 0.4s;
}

/**********************************/


/*상*/
.square1 a:hover em::before {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform:translateX(0);
  -moz-transition: 0.3s .0s;
  -o-transition: 0.3s .0s;
  -webkit-transition: 0.3s .0s;
  transition: 0.3s .0s;
}

/*하*/
.square1 a:hover em::after {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform:translateX(0);
  -moz-transition: 0.3s .4s;
  -o-transition: 0.3s .4s;
  -webkit-transition: 0.3s .4s;
  transition: 0.3s .4s;
}


/*좌*/
.square1 a:hover::before {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -moz-transition: 0.3s .6s;
  -o-transition: 0.3s .6s;
  -webkit-transition: 0.3s .6s;
  transition: 0.3s .6s;
}

/*우*/
.square1 a:hover::after {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -moz-transition: 0.3s .2s;
  -o-transition: 0.3s .2s;
  -webkit-transition: 0.3s .2s;
  transition: 0.3s .2s;
}







/*---------------------------*/

#pagewrap .back-top.back-top-float{background-color: rgba(2,97,240,1) !important;}
.menu-icon-inner{width: 2em !important; height: 1.5em !important;}

.tb_500ff8e h3,.tb_500ff8e p{display: none;}
.about{width: 90%; background:rgba(255,255,255,.85); max-width: 880px;padding: 50px; margin: 0 auto; }
.about p{line-height: 180% !important; margin:0 auto 1em !important; font-size: 14px;     text-align: justify;}
.about strong{color: #333; font-weight: 600;}
.about hr{height: 30px; border: 0;}
.photo_lists{padding: 50px 2%;}
.photo_lists img{display: inline-block ; height: auto; margin: 15px 0; width: 100%;}




.box-parts {padding: 50px 2%; text-align: center;}
.box-parts .module-post { margin:0}
.box-parts .module-post .module-title {color:#333;  text-transform:uppercase;  font-weight:400;letter-spacing:0; text-align:center; margin:50px 0}
.box-parts .module-post .module-title em {display:block; font-size:16px; letter-spacing:.1em}
.box-parts .module-post .module-title b {display:block; font-size:32px; font-weight:normal}
.box-parts .module-post .post-title{ font-weight:normal; color:#333}
.box-parts .module-post .post-title a:hover { color:#2e6fe6}
.box-parts .module-post .post-content { font-size:13px; line-height:160%}
.box-parts .module-post .post-image a { display:block; overflow:hidden ;}
.box-parts .module-post .post-image a img{transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;}
.box-parts .module-post .post-image a img:hover{ overflow:hidden ; transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);}

.ui.nav.vertical{width: 220px !important; min-height:300px}

.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:6px; margin:0; font-size:13px; font-style:normal; color:#999;vertical-align: top; line-height: 150%;}
.box-info dd img{ display:block; width:30px; margin:0 auto;padding-bottom: 5px;}

.box1 tr.thtitle{background: #f1f1f1;}


.p101view .r101view td{border-bottom: 0 !important;}

.r101view,.r102view,.r104view,
.r201view,.r202view,.r203view,.r204view,
.r301view,.r302view {display: none;}

.p101view .r101view{display: table-row !important;} 
.p101view .r101view a{pointer-events:none; cursor: default;}
.p102view .r102view{display: table-row !important;} 
.p102view .r102view a{pointer-events:none; cursor: default;}
.p104view .r104view{display: table-row !important;} 
.p104view .r104view a{pointer-events:none; cursor: default;}
.p201view .r201view{display: table-row !important;} 
.p201view .r201view a{pointer-events:none; cursor: default;}
.p202view .r202view{display: table-row !important;} 
.p202view .r202view a{pointer-events:none; cursor: default;}
.p203view .r203view{display: table-row !important;} 
.p203view .r203view a{pointer-events:none; cursor: default;}
.p204view .r204view{display: table-row !important;} 
.p204view .r204view a{pointer-events:none; cursor: default;}
.p301view .r301view{display: table-row !important;} 
.p301view .r301view a{pointer-events:none; cursor: default;}
.p302view .r302view{display: table-row !important;} 
.p302view .r302view a{pointer-events:none; cursor: default;}

.priceall .r101view,
.priceall .r102view,
.priceall .r104view,
.priceall .r201view,
.priceall .r202view,
.priceall .r203view,
.priceall .r204view,
.priceall .r301view,
.priceall .r302view
{display: table-row !important;} 


.p101view .box1 td,
.p102view .box1 td,
.p104view .box1 td,
.p201view .box1 td,
.p202view .box1 td,
.p203view .box1 td,
.p204view .box1 td,
.p301view .box1 td,
.p302view .box1 td
{border-bottom: 0;}


li.respo{display: none;}
.page-id-9455 li.respo{display: list-item;}

.tourlist .image-caption{color: #999; font-size: 13px;}

.tourlist{font-size: 14px; line-height: 160%; width: 100%; margin: 10px auto; padding: 0 2%;} 
.tourlist h3{font-size: 20px; color: #333; font-weight: 400; letter-spacing: -0.04em;margin: 0 auto 20px;}
.tourlist p{margin: 0 auto 10px !important;}

.tourlist li{padding: 0; list-style: 180% !important; margin: 0;}


.tit_cnt h3{display: block; font-size: 30px; color: #333; margin: 0 auto 50px; text-align: center; font-weight: 400;}


.box5 table{width: 100%; font-size: 14px; margin-bottom: 20px; border-top: 1px #ddd solid;}
.box5 table th{background: #f1f1f1; color: #333; padding: 10px 20px;width: 20%; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; font-weight: 400;}
.box5 table td{padding: 10px 20px; width: 80%; border-bottom: 1px #ddd solid;}


.box6 ul{width: 9.09%; display: inline-block; font-size: 12px; margin: 0; padding: 0; float: left; }
.box6 ul li:first-child{background: #f1f1f1; border-bottom:0;}
.box6 ul li{display: block;border-right: 1px #ddd solid; padding: 0; margin: 0; text-align: center; line-height: 35px; border-bottom: 1px #ddd solid;}

.box6 ul:last-child li{border-right: 0;}

.tb_okj630{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.tb_okj630 iframe,.tb_okj630 object,.tb_okj630 embed{position:absolute;top:0;left:0;width:100%;height:93%;}

@media only screen and ( max-width: 768px ) {
.about{padding: 30px;}	
.about p br{display: none;}	
.module-icon span{margin-left: 0 !important;}
.box-info dd img{width: 24px;}



.box-info, .box-info2, .box-list{ margin:0 0 50px 0 }

.box-info iframe{display: inline-block; width: 100%;border:0; height:auto; }

.box-bottom {padding: 0 5%  100px }
.box-parts { margin:0px 0}
.box-parts .module-post { margin:0 auto;}

.box-parts .module-post .builder-posts-wrap {position:initial !important; height:auto !important}
.box-parts .module-post .post { position:initial !important; width:calc(50% - 3px) !important; display:inline-block !important; float:left !important}
.box-parts .module-post .post:nth-child(2n) { margin-left:6px !important}
.box-parts .module-post .module-title em {font-size:14px;}
.box-parts .module-post .module-title b {font-size:18px;}
.box-parts .module-post .post-title{ font-size:14px; }
.splist .post-content p{display: none;}

.special-img:before {width:100px; height:100px;   transform:translateX(-30px) translateY(-30px);}
.special-img:after {width:100px; height:100px;  transform:translateX(30px) translateY(30px);}


.box5 table th{width: 40%; padding: 10px;}
.box5 table td{width:60%; padding: 10px;}

.box6 ul{width: 25%;}
.box6 ul li{line-height: 28	px;}
.box6 ul:nth-child(4n) li{border-right: 0;}


.r101view i,
.r102view i,
.r104view i,
.r201view i,
.r202view i,
.r203view i,
.r204view i,
.r301view i,
.r302view i{display: none;}




}


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


.page-footer .textwidget{padding-top: 20px;}


}