@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(https://fonts.googleapis.com/css?family=Material+Icons);
@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: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.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;
}
@font-face {
    font-family: 'GowunBatang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GowunBatang-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    letter-spacing: 0em;
    color: inherit;
}

img {
    border: 0;
    vertical-align: top;
}

a {
    border: 0;
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

html,
body {}

body {
    font-family: 'GowunBatang-Bold', 'GmarketSansMedium', 'GmarketSansLight', 'NotoSansKR', 'Noto Sans Korean', 'Noto Sans KR', 'Nanum Gothic', 'Roboto', sans-serif;
    color: #303030;
    font-weight: 200;
    max-width: 1920px;
    margin: 0 auto;
    min-width: 1200px;
    overflow-x: hidden;
}

div {
    display: block;
}

.clearfix {
    content: "";
    clear: both;
}

h1,
h2,
h3 {
    font-weight: 100;
    line-height: 1.2
}

h4,
h5 {
    font-weight: 200;
    line-height: 1.4
}

b {
    letter-spacing: inherit;
    font-weight: 600
}

.inner {
    width: 1200px;
    margin: auto;
    position: relative;
    clear: both
}

.inner2 {
    width: 1100px;
    margin: auto;
    clear: both
}

.bor_bo {
    text-decoration: line-through;
}

.c_main {
    color: #3ca3dd !important;
}

.c_red {
    color: red !important;
}

.c_blue {
    color: blue !important;
}

.c_sub {
    color: #21a9af !important;
}

.c_yel {
    color: #fef9cb !important
}

.c_yel1 {
    color: #ffd393 !important
}

.c_pink {
    color: #ff83a2 !important
}

.c_lightgray {
    color: #c0c0c0 !important
}

.c_gray {
    color: #808080 !important
}

.c_white {
    color: #fff !important
}

.c_black {
    color: #202020 !important
}

.color1 {
    color: #a68365 !important;
}

h1 {
    font-size: 50px;
    line-height: 1.15
}

h2 {
    font-size: 40px;
    line-height: 1.15
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
    line-height: 1.5
}

p {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
    color: inherit;
    word-break: keep-all
}

p.small {
    font-size: 15px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font36 {
    font-size: 36px;
}

.font44 {
    font-size: 44px;
}

.roboto {
    font-family: "Roboto";
}

.loose {
    letter-spacing: 0.1em;
}

.gowun_l {
    font-family: 'GowunBatang-Regular';
}

.gowun_b {
    font-family: 'GowunBatang-Bold';
}

.gmk_l {
    font-family: 'GmarketSansLight';
}

.gmk_b {
    font-family: 'GmarketSansBold';
}

.gmk_m {
    font-family: 'GmarketSansMedium';
}

span {
    color: inherit
}

.float {
    float: left;
}

.float_r {
    float: right !important;
}

.center {
    text-align: center !important;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

hr {
    width: 100%;
    height: 1px;
    background: #d0d0d0;
    border: 0;
}

br {
    font-family: 'NotoSansKR', 'Noto Sans Korean', 'Noto Sans KR', 'Nanum Gothic', 'Roboto', sans-serif !important;
}


/* 폭 설정 */

.half {
    width: 50% !important
}

.col6 {
    width: 16.66% !important;
}

.col5 {
    width: 20% !important;
}

.col4 {
    width: 25% !important;
}

.col3 {
    width: 33.33% !important;
}

.col3x2 {
    width: 66.66% !important;
}

.w30 {
    width: 30% !important;
}

.w40 {
    width: 40% !important;
}

.w48 {
    width: 48% !important;
}

.w55 {
    width: 55% !important;
}

.w60 {
    width: 60% !important;
}

.w70 {
    width: 70% !important;
}

.w75 {
    width: 75% !important;
}

.w80 {
    width: 80% !important;
}

.w90 {
    width: 90% !important;
}

.w95 {
    width: 95% !important;
}

.w100 {
    width: 100% !important;
}

.w600 {
    width: 600px !important;
}


/* 마진,패딩 설정 */

.mg0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.pd0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt100 {
    margin-top: 100px;
}
.mt120 {
    margin-top: 120px;
}

.mt130 {
    margin-top: 130px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb100 {
    margin-bottom: 100px;
}

.mb120 {
    margin-bottom: 120px;
}

.mb130 {
    margin-bottom: 130px;
}

.pl02 {
    padding-left: 2%
}

.pl03 {
    padding-left: 3%
}

.pl04 {
    padding-left: 4%
}

.pl05 {
    padding-left: 5%
}

.pl08 {
    padding-left: 8%
}

.pl10 {
    padding-left: 10%
}

.pl15 {
    padding-left: 15%
}

.pl20 {
    padding-left: 20%
}

.pl25 {
    padding-left: 25%
}

.pl30 {
    padding-left: 30%
}

.pl35 {
    padding-left: 35%
}

.pr02 {
    padding-right: 2%
}

.pr03 {
    padding-right: 3%
}

.pr04 {
    padding-right: 4%
}

.pr05 {
    padding-right: 5%
}

.pr08 {
    padding-right: 8%
}

.pr10 {
    padding-right: 10%
}

.pr15 {
    padding-right: 15%
}

.pr20 {
    padding-right: 20%
}

.pr25 {
    padding-right: 25%
}

.pr30 {
    padding-right: 30%
}

.pr35 {
    padding-right: 35%
}

.pt60 {
    padding-top: 60px;
}

.pb60 {
    padding-bottom: 60px;
}

.pl50 {
    padding-left: 50px;
}

.pr50 {
    padding-right: 50px;
}

.pd50 {
    padding: 0 50px;
}

.pd15 {
    padding: 0 15px;
}


/* 컬럼 설정 */

.flex {
    display: flex;
}

.col {
    flex: 1;
}


/* 공통 */

#wrap {
    width: 100%;
    min-width: 1200px;
    margin: auto;
    position: relative;
    height: 100%;
}

a.logo {
    width: 180px;
    height: 50px;
    display: block;
    text-indent: -3333px;
    background-image: url(images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#header {
    width: 100%;
    height: 94px;
    /*border-bottom: 1px solid rgba(255,255,255,0.4);*/
    position: absolute;
    z-index: 10;
    /* background-color: #fff; */
}

#header .logo {
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: -590px;
}

#header .main_info {
    position: absolute;
    top: 25px;
    /* left: 192px; */
    left: 50%;
    margin-left: -100px;
}

#header .social {
    position: absolute;
    top:30px;
    left: 50%;
    margin-left: 330px;
}

#header .social a {float: left; margin-left: 5px;}

#header .kakao {
    width: 35px;
}

#header .qr {
    height: 35px;
}




/* 241213 수정 */
#header .menu {
    position: absolute;
    left: 50%;
    margin-left: 550px;
    top: 0;
    text-align: center;
    cursor: pointer;
}
#header .menu.pc_show {
    top: -94px;
}
#header .menu i {
    font-size: 50px;
    color: #a68365;
    font-weight: 400;
    line-height: 94px;
}

#header .sitemap {
    width: 100%;
    top: 154px;
    left: 0;
    right: 0;
    position: absolute;
    padding: 1rem 2.5rem;
    background-color: #a68365;
    color: #fff;
    font-size: 19px;
    display: none;
}

#header .sitemap>ul {
}

#header .sitemap>ul>li {
    float: left;
    width: 100%;
}
#header .sitemap>ul>li>ul {float: left;}

#header .sitemap>ul>li li {
    font-family: 'NotoSansKR', 'Noto Sans Korean', 'Noto Sans KR', 'Nanum Gothic', 'Roboto', sans-serif;
    padding-left: 10px;
}

#header .sitemap a {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    line-height: 1.6;
}

#header .sitemap a:hover {
    color: #333;
}

#header .sitemap .depth1 {
    margin: 7px 0;
    display: inline-block;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}
#header .sitemap .depth1>a {
    font-size: 24px;
    display: inline-block;
    float: left;
    width: 20%;
    background-color: #fff;
    color: #a68365;
    padding-left: 20px;
    border-radius: 15px 15px 0 0;
    line-height: 50px;
}
#header .sitemap .depth1 ul {width: 80%;}
#header .sitemap .depth1 li {float: left;}
#header .sitemap .depth1 li {line-height: 50px !important; margin-left: 30px;}
#header .sitemap .depth1 li a::before {content: "\e93f"; font-family: xeicon; opacity: 0.3;}
#header .sitemap .depth1 li a:hover {font-weight: 700;}


/* 
#header .sitemap .closed {position: absolute; right: 0; font-size: 50px; top: -125px; background-color: #fff; color: #a68365; cursor: pointer; -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
#header .sitemap .closed:hover {color: #444;} */



#header #gnb {width: 100%; background-color: #a68365; position: absolute; top: 94px; display: inline-block; }
#header #gnb ul {display: flex;}
#header #gnb ul li {flex: 1; height: 100%; color: #fff; text-align: center;}
#header #gnb ul li a {padding: 20px 0; display: block; font-size: 20px;}



/* 공통 하단 */

#footer {
    width: 100%;
    position: relative;
    float: left;
    padding: 65px 0;
    background-color: #444;
    display: inline-block;
}

#footer a.ft_logo {
    background: url(images/ft_logo.png)center no-repeat;
    width: 240px;
    height: 67px;
    margin: 0 auto 20px;
}

#footer > .inner > * {
    text-align: center;
    opacity: 0.55;
    color: #fff;
}

#footer .txt {
    padding-left: 30px;
    font-size: 15px;
    line-height: 1.7;
}

#footer .txt span {
    display: inline-block;
    margin-right: 15px;
}

#footer a#back-top {
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 56px;
    border: 1px #aaa solid;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}


/* 메인 공통*/

#main {
    width: 100%;
    min-width: 1200px;
    float: left;
    position: relative;
    display: inline-block;
}

#main .section {
    width: 100%;
    float: left;
    display: inline-block;
    padding-top: 90px;
}


/* 메인 */

#main .flexslider {
    height: 864px !important;
    margin-top: 158px;
}

#main .main_sl1 {
    width: 100%;
    background: url(images/main_sl1.jpg) center top no-repeat;
}

#main .main_sl2 {
    width: 100%;
    background: url(images/main_sl_bg2.jpg) center top no-repeat;
}

#main .main_sl3 {
    width: 100%;
    background: url(images/main_sl_bg3.jpg) center top no-repeat;
}



#main #row1 {width: 100%; height: 924px; position: relative;}
#main #row1 .row1_a {display: flex; position: absolute; top: 117px;}
#main #row1 .row1_a li {width: 290px; height: 285px;}
#main #row1 .row1_a li a {text-indent: -3333px; display: block; width: 100%; height: 100%;}

#main #row1 .row1_a li:nth-child(2) {margin-left: 13px;}
#main #row1 .row1_a li:nth-child(3) {margin-left: 13px;}
#main #row1 .row1_a li:nth-child(4) {margin-left: 13px;}

#main #row1 .row1_a_2 {top: 420px !important;}

#main #row2 {width: 100%; /*height: 864px;*/ background: url(images/row2_bg.jpg) top center no-repeat ;}

#main #row2.section {
    padding-top: 100px;
}

#main #row2 .inner {
    height: 600px;
}

#main  #row2 .row2_coun {position: relative;}
#main  #row2 .row2_coun .coun_box {position: absolute; top: 130px; right: 55px; width: 490px; height: 250px;}
/* #main  #row2 .row2_coun a {position: absolute; top: 410px; right: 195px; text-indent: -3333px; display: block; width: 180px; height: 60px;} */

#main #row3.section .inner {
    height: 900px;
}

#main .section#row3 h2 {
    font-size: 36px;
}

#main #row3.section .inner .float {
    margin-top: 120px;
}

#main #row3 .inner ul.product_list {
    background: url(images/main_row3_right.png)no-repeat center;
    height: 100%;
}

#main #row3 .inner ul.product_list li {
    width: 290px;
    height: 210px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

#main #row3 .inner ul.product_list li:nth-child(2n) {
    margin-right: 0px;
}

#main #row3 .inner ul li a {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999999px;
    transition: all 0.3s;
}

#main #row3 .inner ul li a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

#main #row3 .inner ul.faci_btm {
    margin-top: 30px;
    background: url(images/facility_btm_bg.png)no-repeat center;
    height: 245px;
}

#main #row3 .inner ul.faci_btm li {
    width: 277.5px;
}

#main #row4 {width: 100%; background: url(images/row4_bg.jpg) top center no-repeat; background-size: cover !important; padding: 90px 0 !important;}

#main #row5 {position: relative;}
#main #row5 .inner img {position: absolute; z-index: 99999; top: -530px; left: 0;}

/* 서브 */

#sub {
    width: 100%;
    min-width: 1200px;
    display: inline-block;
    float: left;
    margin-top: 162px;
}

#sub .subtop {
    /* margin-top: 94px; */
    width: 100%;
    height: 321px;
    position: relative;
}

#sub .subtop .inner {
    height: inherit;
}

#sub .subtop .txt {
    color: #fff;
    padding-top: 110px;
}

#sub .subtop .txt h4 {
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 25px;
}

#sub .subtop .txt h1 {
    font-size: 55px;
}

#sub .subtop .scroll_img {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -34px;
}

#sub .subtop.top1_1 {
    background: url(images/subtop1_1.jpg) center;
}

#sub .subtop.top1_2 {
    background: url(images/subtop1_2.jpg) center;
}

#sub .subtop.top1_3 {
    background: url(images/subtop1_3.jpg) center;
}

#sub .subtop.top1_4 {
    background: url(images/subtop1_4.jpg) center;
}

#sub .subtop.top1_5 {
    background: url(images/subtop1_5.jpg) center;
}

#sub .subtop.top1_6 {
    background: url(images/subtop1_6.jpg) center;
}

#sub .subtop.top1_7 {
    background: url(images/subtop1_7.jpg) center;
}

#sub .subtop.top2 {
    background: url(images/subtop2.jpg) center;
}

#sub .subtop.top3 {
    background: url(images/subtop3.jpg) center;
}

#sub .subtop.top4 {
    background: url(images/subtop4.jpg) center;
}

#sub .subtop.top5 {
    background: url(images/subtop5.jpg) center;
}

#sub .subtop.top6 {
    background: url(images/subtop6.jpg) center;
}

#sub .subtop.top8 {
    background: url(images/subtop8.jpg) center;
}



#sub #content {
    width: 100%;
    display: inline-block;
    margin-top: 100px;
    margin-bottom: 100px;
    float: left;
}

#sub #content.mt0 {
    margin-top: 0px;
}

#sub #content.mb0 {
    margin-bottom: 0px;
}

#sub #content .paragraph {
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
}


/* 서브페이지 100% 이미지 */

#sub #content .paragraph.imgbox {
    padding-left: 50%;
}

#sub #content .paragraph.imgbox img {
    margin-left: -960px;
    float: left;
}


/*
#sub #content .paragraph .pika-stage {
    height: 440px;
}
*/

#sub #content .half .galleria a img {
    height: 400px;
}


/* 테이블 설정 */

#sub #content .paragraph table.basic {
    width: 100%;
    border-top: 2px #303030 solid;
    border-collapse: collapse;
}

#sub #content .paragraph table.basic td,
#sub #content .paragraph table.basic th {
    padding: 15px 25px;
    border-bottom: 1px #d0d0d0 solid;
    border-left: 1px #d0d0d0 dashed;
}

#sub #content .paragraph table.basic th {
    background-color: #f5f5f5;
}

#sub #content .paragraph table.basic th h5 {
    font-weight: 600;
    font-size: 22px;
}

#sub #content .paragraph table.basic .bg_gray {
    background-color: #f5f5f5;
}

#sub #content .paragraph table.basic .first {
    border-left: 0;
}

#sub #content .paragraph table.basic .title h5 {
    font-weight: 600;
    color: #186ace;
    text-align: center;
}

#sub #content .paragraph table.basic.checklist td h5 {
    margin: 5px 0;
}


/* 게시판 */

#sub #content .board_box {
    width: 100%;
    display: inline-block;
    font-size: 17px;
    line-height: 1.7;
    min-height: 500px
}

#sub #content .board_box .att_title font,
#sub #content .board_box .board_bgcolor font,
#sub #content .board_box .board_bgcolor span {
    font-size: inherit !important;
}


/* 서브 탭 */

h3.subject {
    font-weight: 700;
    color: #11aeb1;
    margin-bottom: 20px;
}

h3.subject:before {
    content: "";
    width: 21px;
    height: 21px;
    border-radius: 21px;
    border: 5px #11aeb1 solid;
    display: block;
    box-sizing: border-box;
    float: left;
    margin-top: 8px;
    margin-right: 6px;
}

#sub #content ul.pages {
    width: 100%;
    margin: 0 auto;
    height: 70px;
    line-height: 70px;
    display: flex;
}

#sub #content ul.pages li {
    text-align: center;
    flex: 1;
}

#sub #content ul.pages li a {
    display: block;
    background: #f5f5f5;
    color: #333;
    font-size: 20px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#sub #content ul.pages li:hover a {
    background: #888 !important;
    color: #fff;
}

#sub #content ul.pages li.active a {
    background: #009ea1 !important;
    color: #fff;
}

#sub #content .page_content {
    padding: 0 0 0 0;
    min-height: 500px;
}

#sub #content ul.tabs {
    width: 100%;
    margin: 0 auto;
    height: 70px;
    line-height: 70px;
    display: flex;
}

#sub #content ul.tabs li {
    text-align: center;
    flex: 1;
}

#sub #content ul.tabs li a {
    display: block;
    background: #f5f5f5;
    color: #333;
    font-size: 20px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#sub #content ul.tabs li:hover a {
    background: #888 !important;
    color: #fff;
}

#sub #content ul.tabs li.active a {
    background: #333 !important;
    color: #fff;
}

#sub #content .tab_content {
    padding: 0 0 0 0;
    min-height: 500px;
}

#sub #content .around {
    width: 1100px;
    height: 700px;
}




#sub.sub1_2 {background-color: #fff9f1;}

#sub #content .sub1_4 {position: relative;}
#sub #content .sub1_4 .sub1_4_map {position: absolute; top: 197px; left: 20px;}

#sub #content .sub4_pro {position: relative; display: inline-block;}
#sub #content .sub4_pro a {position: absolute; text-indent: -3333px; top: 483px; right: 225px; width: 310px; height: 75px;}
#sub #content .sub4_pro a:nth-child(2) {top: 380px;}




/* 241213 추가 */
.boxtitle { border-bottom: 2px #a68365 solid; color: #a68365; text-align: center; padding: 15px 0; position: relative;}
.boxtitle span {font-size: 120px; position: absolute; line-height: 0.1; top: 0; margin-left: -40px; display: inline-block; opacity: 0.25;}
.package_imgbox {background-color: #f3f3f3; padding: 20px 30px;}
.package_imgbox > div {padding: 20px;}



/* 250114 추가 */
.eventbox {display: flex; justify-content: center;}
.eventbox > div {flex: 1; display: block; padding: 0.8rem; width: auto; max-width: 400px;}
.eventbox > div img {width: 100%;}


/* 행사후기 페이지 추가 - 삭제 */
/* .swiper1 {height: 300px;}
.swiper1 .swiper-slide {opacity: 0.2; transition: all ease-in-out .3s;}
.swiper1 .swiper-slide.swiper-slide-active {opacity: 1; transition: all ease-in-out .3s;}
.swiper1 .swiper-slide .img_box { position: relative; display: block; width: 100%; height: 224px; overflow: hidden; cursor: pointer;}
.swiper1 .swiper-slide .img_box img {display: block; width: 100%;}
.swiper1 .swiper-slide .text_box {text-align: center; display: none;}

.cafe_link {max-width: 640px; width: 100%; margin: 0 auto;}
.cafe_link li {text-align: center; background: #a68365; color: #fff; padding: 20px;}
.cafe_link li:not(:first-child) {margin-top: 20px;} */



/* 250819 대관-패키지 영상 추가, 이미지 슬라이드 추가 */
#videoBox {position: relative;   width: 100%;   height: 0;   padding-bottom: 56.25%;}
#videoBox iframe {position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;}
.swiperWrap {position: relative; flex: 1; width: 100%;}
.swiperWrap .swiper {width: 100%; overflow: hidden; position: relative; margin-bottom: 20px;}
.swiperWrap .swiper-slide img {width: 100%;}
.swiperWrap .swiper-pagination {left: 0; right: 0; bottom: -5px !important;}
.swiperWrap .swiper-pagination-bullet {background-color: #000; margin: 0 3px; width: 12px; height: 12px;}
.swiperWrap .swiper-pagination-bullet-active {background-color: #a68365;}



/* 251016 행사후기 페이지 변경 */
#lightgallery {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
#lightgallery .item {position: relative;}
#lightgallery .item::after {content: ""; display: block; padding-bottom: 100%;}
#lightgallery .item .img_box { position: absolute; display: block; width: 100%; height: 100%; overflow: hidden; cursor: pointer;}
#lightgallery .item .img_box img {display: block; width: 100%;}
#lightgallery .item .text_box {display: none;}


@media screen and (max-width:320px) {
    body {
        zoom: 50%;
    }
}

@media screen and (min-width:321px) and (max-width:359px) {
    body {
        zoom: 50%;
    }
}

@media screen and (min-width:360px) and (max-width:374px) {
    body {
        zoom: 56.2%;
    }
}

@media screen and (min-width:375px) and (max-width:375px) {
    body {
        zoom: 58.5%;
    }
}

@media screen and (min-width:376px) and (max-width:479px) {
    body {
        zoom: 64.6%;
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    body {
        zoom: 75%;
    }
}


/* 
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */

@media all and (min-width: 640px) {
    body {
        zoom: 100%;
        margin: 0 auto;
    }
}


/* 태블릿 이하 css*/

@media all and (max-width: 768px) {
    .pc_show {
        display: none !important;
    }
    body {
        margin: 0 auto;
        max-width: 640px;
        min-width: 320px;
    }
    #wrap,
    #header,
    #footer,
    #main,
    #sub {
        max-width: 640px;
        min-width: 320px;
    }
    .inner,
    .inner2,
    #sub .snb {
        width: 600px;
    }
    #header {
        position: absolute !important;
    }
    #header a.logo {
        top: 22px;
        left: 30%;
        margin-left: -100px;
    }

    #header .main_info_m {
        position: absolute;
        top: 12px;
        left: 65%;
        margin-left: -100px;
    }

    #header .menu {
        float: right;
        text-align: center;
        margin-left: 250px;
    }
    #header .menu i {
        font-size: 50px;
        color: #a68365;
        font-weight: 400;
        line-height: 106px;
    }

    #header #gnb {
        left: 0;
    }

    #header #gnb ul {justify-content: space-between;}
    #header #gnb ul li {flex: auto;}

    #header .sitemap {
        padding: 0;
        background-color: #f5f5f5;
        color: #3f3f3f;
        top: 161px;
    }
    
    #header .sitemap>ul {
        display: flex;
    }
    
    #header .sitemap>ul>li {
        flex: 1;
        float: unset;
        padding: 0 5px;
    }
    #header .sitemap>ul>li:first-child,
    #header .sitemap>ul>li:nth-child(2) {flex: 1.5;}
    #header .sitemap>ul>li>ul {float:unset;width: 100%;}
    
    #header .sitemap>ul>li li {
        padding-left: 0;
        width: 100%;
    }

    #header .sitemap .depth1 {
        margin: 7px 0;
        display: inline-block;
    }
    #header .sitemap .depth1:first-child {border-left: 0;}
    #header .sitemap .depth1>a {
        display: none !important;
    }
    #header .sitemap .depth1 ul {width: 100%; text-align: center;}
    #header .sitemap .depth1 li {float: left; line-height: 1.5 !important; margin-left: 0; padding: 8px 0; border-bottom: 1px #e0e0e0 solid;}
    #header .sitemap .depth1 li:last-child {border-bottom: 0;}
    #header .sitemap .depth1 li a {font-weight: 700;}
    #header .sitemap .depth1 li a::before {content: "";}




    a.hd_tel {
        display: inline-block;
        margin-top: 30px;
        margin-left: 20px;
    }
    #footer {
        padding: 0px;
    }
    #footer .inner {
        padding: 50px 2%;
    }
    #footer a#back-top {
        top: 50px;
        right: 2%
    }
    #main .flexslider {
        height: 622px !important;
    }
    #main .main_sl1 {
        height: 622px;
        background: url(images_m/main_sl1.jpg) center top no-repeat;
    }
    #main .main_sl2 {
        height: 622px;
        background: url(images_m/main_sl2.jpg) center top no-repeat;
    }
    #main .flexslider ul.slides li .inner {
        height: inherit;
    }
    #main .flexslider ul.slides li .inner > a {
        display: block;
        width: 100%;
        height: 100%;
    }
    #main #row2 .inner {
        height: 780px;
    }
    #sub {
        margin-top: 145px;
    }
    #sub .subtop {
        height: 321px;
    }
    #sub .subtop .scroll_img {
        display: none;
    }
    #sub .subtop .txt {
        color: #fff;
        padding-top: 110px;
    }
    
    #sub .subtop.top1_2 {
        background: url(images/subtop1_2.jpg) 50% 40%;
    }
    #sub .subtop.top1_3 {
        background: url(images/subtop1_3.jpg) 30% 40%;
    }
    #sub .subtop.top1_4 {
        background: url(images/subtop1_4.jpg) 70% 40%;
    }
    #sub .subtop.top2 {
        background: url(images/subtop2.jpg) 50% 40%;
    }
    #sub .subtop.top3 {
        background: url(images/subtop3.jpg) 50% 60%;
    }
    #sub .subtop.top4 {
        background: url(images/subtop4.jpg) 70% 46%;
    }
    #sub .subtop.top5 {
        background: url(images/subtop5.jpg) 30% 26%;
    }
    #sub .subtop.top6 {
        background: url(images/subtop6.jpg) 30% 26%;
    }

    #sub #content .paragraph .inner .gal_box,
    #sub #content .paragraph .inner .txt_box {
        width: 100% !important;
    }
    #sub #content .paragraph .inner .gal_box {
        margin-bottom: 40px;
    }



    #main #row1 {width:100%; height: 500px !important; position: relative;}
    #main #row1 .m_row1_a {display: flex; position: absolute; top: 115px;}
    #main #row1 .m_row1_a li {width: 143px; height: 143px;}
    #main #row1 .m_row1_a li a {text-indent: -3333px; display: block; width: 100%; height: 100%;}

    #main #row1 .m_row1_a li:nth-child(2) {margin-left: 9px;}
    #main #row1 .m_row1_a li:nth-child(3) {margin-left: 9px;}
    #main #row1 .m_row1_a li:nth-child(4) {margin-left: 9px;}

    #main #row1 .m_row1_a_2 {top: 265px !important;}

    #main #row2 {position: relative;}
    #main #row2 a {position: absolute;width: 530px; height: 260px; text-indent: -3333px; display: block;}
    #main #row2 .m_event {top: 115px; left: 35px; }
    #main #row2 .m_coun { top: 395px; left: 35px; }

    #main #row6 {position: relative; margin-top: 80px;}
    #main #row6 .inner {display: flex; justify-content: center;}
    #main #row6 .inner a {width: 80px; height: 80px; background-position: center; background-repeat: no-repeat; text-indent: -10000px; display: block; margin: 0 8px;}
    #main #row6 .inner a.nblog {background-image: url(images_m/sns_nblog.png);}
    #main #row6 .inner a.ncafe {background-image: url(images_m/sns_ncafe.png);}
    #main #row6 .inner a.insta {background-image: url(images_m/sns_insta.png);}
    #main #row6 .inner a.kchan {background-image: url(images_m/sns_kakaoch.png);}


    #sub #content .sub1_4 .sub1_4_map {position: absolute; top: 200px; left: 20px;}

    #sub #content .sub4_pro_m {
        position: relative; 
        width: 100%; height: auto;
    }

    #sub #content .sub4_pro_m a {
        display: block; position: absolute; 
        width: 260px; height: 100px;
        top: 670px !important; left: 32px;
        text-indent: -3333px;

    }
    #sub #content .sub4_pro_m a:nth-child(3) {left: 310px;}




    .pika-stage {
        position: relative;
        width: 550px !important; height: auto !important; overflow: hidden;
        /* background: #fdf8f4; */
        text-align:center;}
    .pika-stage img{width: 550px !important; height: auto !important;}

    .gallery {width:100%; padding:50px 30px 50px !important;}

    #sub #content .paragraph .gallerybox {padding:0;}
    #sub #content #post_area img {width: 580px !important; min-width: 580px !important; height: auto !important;}



    /* 241213 추가 */
    #sub #content .sub7_3 .inner > .flex {display: block;}
    .package_imgbox {padding: 20px 20px;}
    .package_imgbox > div {padding: 10px;}

    /* 250114 추가 */
    .eventbox {display: block;}
    .eventbox > div {width:100%; padding: 20px 80px;}

    /* 행사후기 페이지 추가 모바일 - 삭제 */
    /* .swiper1  {height: 260px;}
    .swiper1 .swiper-slide .img_box {width: 193px; height: 193px;} */

    /* 251016 행사후기 페이지 변경 모바일 */
    #lightgallery {gap: 10px;}

}

/* pc_ver */

@media all and (min-width: 767px) {
    .m_show {
        display: none !important;
    }
}