@charset "utf-8";

body.m-active {overflow-y: hidden;}
body.header-active::before {content: ""; position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000;}

/* header */
.header {position: fixed; width: 100%; height: 95px; background-color: #fff; border-bottom: 1px solid #e6e6e6; z-index: 1000;}
.header .header-inner {display: flex; justify-content: space-between; max-width: 1500px; height: 100%; margin: 0 auto;}
.header .logo a {display: block; width: 100%; height: 100%; display: flex;}
.header .logo a img {margin: auto;}
.header-inner .gnb {display: flex;}
/* header 1차 메뉴 */
.gnb .menu {display: flex;}
.gnb > .menu > li {padding: 0 25px; line-height: 95px;}
.gnb > .menu > li > a {font-family:'SCDream', sans-serif !important; font-weight: 500; font-size: 18px; transition: .3s;}
.gnb .menu li:hover > a {color: #4c67d8; transition: .3s;}
/* header 2차 메뉴 */
.gnb .menu li .two-depth-menu {display: none; position: absolute; top: 95px; left: 0; width: 100%; background-color: #fff; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1); z-index: 1000;}
.gnb .menu li:hover > .two-depth-menu {display: block;}

/* header 웹접근성 */
.gnb .menu li:focus .two-depth-menu,
.gnb .menu li:focus-within .two-depth-menu {display: block;}



.two-depth-menu li {line-height: 20px;}
.two-depth-menu .two-depth-inner {position: relative; display: flex; width: 100%; max-width: 1500px; margin: auto;}
.two-depth-menu .two-depth-inner::after {content: ""; position: absolute; top:0; left:550px; width: 1px; height: 100%; border-right:1px solid #e6e6e6;}
.two-depth-menu .two-depth-title {width: 550px; padding: 40px 0;}
.two-depth-menu .two-depth-title h3 {font-family:'SCDream', sans-serif !important; font-size: 28px; font-weight: 500; line-height: normal; color: #4c67d8; padding-bottom: 15px;}
.two-depth-menu .two-depth-title p {font-size: 16px; color:#333; line-height: normal;}
.two-depth-menu .two-depth-list {column-count: 5;  column-rule: 1px dotted #ddd; width: calc(100% - 550px); padding:20px 0; margin-left: 50px;}
.two-depth-menu.two .two-depth-list {column-count: 3; column-fill: auto; max-height: 412px;}
.two-depth-menu.three .two-depth-list {column-count: 3; column-fill: auto; max-height: 360px;}
.two-depth-menu.four .two-depth-list {column-count: 3;}
.two-depth-menu.five .two-depth-list {column-count: 3;}
.two-depth-menu.six .two-depth-list {column-count: 3;}
.two-depth-menu.seven .two-depth-list {column-count: 4; column-fill: auto; max-height: 278px;}

.two-depth-menu .two-depth-list li {padding:20px ; margin: 0; text-wrap: nowrap;}
.two-depth-menu .two-depth-list li a {font-family:'SCDream', sans-serif !important; font-size: 17px; font-weight: 500;}
.two-depth-menu .two-depth-list li .three-depth-menu {display: block; padding-top: 10px;}
.two-depth-menu .two-depth-list li .three-depth-menu li {padding: 0; line-height: 25px;}
.two-depth-menu .two-depth-list li .three-depth-menu li a {font-size: 15px; font-weight: 400; color: #666; transition: .3s;}
.two-depth-menu .two-depth-list li .three-depth-menu li:hover a {color: #4c67d8; transition: .3s;}

.header .ham-btn {position: relative; width: 45px; height: 45px; margin: auto 0 auto 30px; border: none; border-radius: 10px; background-color: #1d458a;}
.header .ham-btn:focus-visible {outline: 2px dashed red !important;outline-offset:1px;}
.header .ham-btn span {display: block; position: absolute; right:10px; width: 23px; height: 2px; background-color: #fff;}
.header .ham-btn span:first-of-type {top: 14px;}
.header .ham-btn span:nth-of-type(2) {top: 50%; transform: translateY(-50%); width: 18px;}
.header .ham-btn span:last-of-type {bottom: 14px;}



/* mobile - header */
.m-header {width: 100%; height: 95px; padding: 0 15px; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd;}
.m-header .m-logo a {display: flex; justify-content: space-between; width: 100%; height: 95px;}
.m-header .m-logo a img {margin: auto;}
.m-header .ham-btn {position: absolute; left: -100px; top: 20px; background-color: transparent;}
.m-header .ham-btn.active div {position: absolute; width: 32px; height: 3px; top: 50%;  background-color: #fff;}
.m-header .ham-btn.active div:first-of-type {transform: translateX(50%) translateY(50%) rotate(45deg);}
.m-header .ham-btn.active div:last-of-type {transform: translateX(50%) translateY(50%) rotate(-45deg);}

.m-menu-wrap {position:fixed; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0); visibility:hidden; transition: .5s;}
.m-menu-wrap.active {background-color:rgba(0,0,0,0.6); visibility:visible;}

.m-menu {position:fixed; top:0; right:-65%; width:60%; height:100%; padding-bottom:15px; background-color:#fff;  transition:right .5s; }
.m-menu::before {content: ""; position: absolute; top: 95px; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; border-right: 1px solid #ddd;}
.m-menu-wrap.active .m-menu {right:0;}
.m-menu .menu-wrap ul > li.active > a {font-weight: 700;}
.m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::before {content: ''; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 16px; height: 1px; background-color: #1d458a; transition: .3s;}
.m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::after {content: ''; position: absolute; top: 50%; right: 17.5px; transform: translateY(-50%); width: 1px; height: 16px; background-color: #1d458a; transition: .3s;}
.m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::before {height: 2px; transition: .3s;}
.m-menu .menu-wrap ul > li.active > a:not(:only-child)::after {opacity: 0; transition: .3s;}

.m-menu .menu-wrap .one-depth-menu {width: 50%;}
.m-menu .menu-wrap .one-depth-menu > li {padding: 5px 10px; font-weight: 500; border-bottom:1px solid #E0E0E0;}
.m-menu .menu-wrap .one-depth-menu > li > a {display: block; position: relative; width: 100%; padding: 15px 0; font-size: 18px; color:#1d458a;}
.m-menu .menu-wrap .two-depth-menu {position: absolute; top: 95px; left: 50%; width: 50%; min-height: 100%; max-height: 100%; padding: 10px 0 100px; display:none; overflow-y: auto;}
.m-menu .menu-wrap .one-depth-menu li.active .two-depth-menu {display:block;}
.m-menu .menu-wrap .two-depth-menu > li {padding: 8px 15px!important;}
.m-menu .menu-wrap .two-depth-menu > li > a {display: block; font-size: 17px; font-weight: 500; line-height: 25px; color: #000;;}
.m-menu .menu-wrap .three-depth-menu {margin-top: 8px; margin-bottom: 10px;}
.m-menu .menu-wrap .three-depth-menu > li {margin-left: 19px;}
.m-menu .menu-wrap .three-depth-menu > li {list-style: square;}
.m-menu .menu-wrap .three-depth-menu > li > a {display: block; font-size: 16px; font-weight: 400; padding: 3px 0; color: #3b3b3b;}



/* content */
.main-content {width: 100%; max-width: 1500px; margin: 0 auto;}
.main-content.none-maxwidth {max-width: none;}

/* quick-sns */
.quick-sns { position: fixed; top: 40%; right: 0; text-align: center; padding: 12px; width: 70px; border-radius: 20px 0 0 20px; background: #FFF; box-shadow: 0 0 8px 7px rgba(140,170,225,0.15); z-index: 15; }
.quick-sns a { display: block; margin: 10px auto; }
.quick-sns a p { font-size: 12px; }

/* 1sec main-visual */
.main-visual {border-bottom: 1px solid #e6e6e6; padding-top: 95px; padding-bottom: 80px;}
.visual-top {position: relative; width: 100%; height: 350px; padding-top: 80px; margin-bottom: -10px;}
.visual-top::before {content: ""; position: absolute; top: 60px; right: -100px; width: 660px; height: 422px; background: url(../images/main_illust.png) no-repeat; z-index: -1;}
.visual-top .visual-text {padding-top: 20px;}
.visual-top .visual-text h3 {font-family:'SCDream', sans-serif !important; font-size: 60px; letter-spacing: -3px;}
.visual-top .visual-text .point-text {color: #4c67d8; font-weight: 600;}
.visual-top .visual-text p { padding-top: 10px; font-size: 20px; color: #666;}
.visual-top .visual-text p br {display: none;}

/* main banner slide */
.visual-nottom {width: 100%;}
.swiper {width: 100%; height: 100%;}
.visual-banner {width: 1090px; height: 362px; margin-bottom: 75px;border-radius:20px;box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}
.visual-banner.m-visual-banner {display: none;}
.visual-banner .swiper-slide span {display:block;}
.visual-banner .swiper-slide img {display:block;border-radius:20px;}
.visual-banner .swiper-slide a {display:block; width:100%; height:100%;}
.visual-banner .swiper-slide a:focus-visible {border: 2px dashed red !important; outline: 2px dashed red !important;}

.main-banner-page-wrap {position: absolute; display:flex; flex-direction:column; width: auto; height: auto; top: 50%; right:15px; transform:translateY(-50%); z-index:10; background-color:rgba(255, 255, 255, .4); padding: 6px; border-radius: 100px;}
.main-banner-pagination {position: relative; top: auto !important; left: auto !important; transform: translate(0, 0) !important; right: 0 !important;}
.main-banner-pagination .swiper-pagination-bullet {width:17px;height:17px;border:1px solid #375b98; background-color: #fff; opacity: 1;}
.main-banner-pagination .swiper-pagination-bullet-active {border:none; background-color: #333;}
.swiper-pagination-bullet:focus-visible {outline: 2px dashed red !important;outline-offset:1px;}
.banner-stop-btn {width: 8px; height: 20px; background-color: transparent; border: none; background: url(/assets/images/banner_stop_icon0.png) center no-repeat; background-size: contain; transition:.3s;}
.banner-stop-btn.on {width: 8px; height: 20px; background-color: transparent; border: none; background: url(/assets/images/banner_play_icon0.png) center no-repeat; background-size: contain; transition:.3s;}

.banner-stop-btn.ver2 {width: 8px; height: 28px; background-color: transparent; border: none; background: url(/assets/images/banner_stop_icon2.png) center no-repeat; background-size: contain; transition:.3s;}
.banner-stop-btn.ver2.on {width: 8px; height: 28px; background-color: transparent; border: none; background: url(/assets/images/banner_play_icon2.png) center no-repeat; background-size: contain; transition:.3s;}

.banner-stop-btn.ver3 {width: 8px; height: 28px; background-color: transparent; border: none; background: url(/assets/images/banner_stop_icon3.png) center no-repeat; background-size: contain; transition:.3s;}
.banner-stop-btn.ver3.on {width: 8px; height: 28px; background-color: transparent; border: none; background: url(/assets/images/banner_play_icon3.png) center no-repeat; background-size: contain; transition:.3s;}

.visual-search {display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 364px; height: 362px; padding: 60px 50px; background-color:#536fd4; border-radius: 20px; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}
.visual-search::before {content: ""; position: absolute; top: 45px; right: -30px; width: 132px; height: 132px; background: url(../images/main_img.png) no-repeat;}
.search-title h3 {padding-bottom: 20px; font-family:'GmarketSansMedium', sans-serif !important; font-size: 33px; letter-spacing: -2px; color:#fff;}
.search-title p {font-size: 17px; letter-spacing: -1.5px; color:#fdfdff;}
.search-box {position: relative; width: 245px; height: 50px; border-radius: 5px; border:2px solid #fff; }
.search-box input {width: 100%; height: 100%; padding: 0 20px; color: #fff; background-color: transparent; border: none;}
.search-box input::placeholder {color: #fff;}
.search-box .search-btn {position: absolute; top: 50%; right: -16.5px; transform: translateY(-50%); width: 33px; height: 33px; border-radius: 33px; border: none; background-color:#000; transition: .3s;}
.search-box .search-btn:hover {background-color: #79aa55; transition: .3s;}

/* quick-menu */
.quick-menu {display: flex; justify-content: space-between; }
.quick-menu-btn {display: block; text-align: center;}
.quick-menu-btn div {position: relative; width: 130px; height: 130px; border:1px solid #ddd; border-radius: 25px;}
.quick-menu-btn div img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); transition: .3s;}
.quick-menu-btn:hover img {transform: translate(-50%, -50%) scale(1.1); transition: .3s;}

.quick-menu-btn p {padding-top: 10px; font-size: 20px; letter-spacing: -1px; color:#727273;}
.quick-menu-btn:first-of-type p {color: #333;}

.quick-menu .txt { padding: 45px; width: 300px; font-size: 26px; font-family: 'SCDream' !important; border-radius: 20px; color: #FFF; background-color:#536fd4; }
.quick-menu .txt h3 { font-family: 'SCDream' !important; }
.quick-menu .txt b { font-family: 'SCDream' !important; font-weight: 500; }


/* 2sec main-guide */
.main-guide {background-color: #f6faff; border-bottom: 1px solid #e6e6e6;}
.guide-inner {display: flex; }
.guide-inner .reservation {display: flex; justify-content: space-between; width: 50%; padding: 85px 60px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.reservation-text {display: flex; flex-direction: column; justify-content: space-between;}
.reservation-title h3{font-family:'SCDream', sans-serif !important; font-size: 35px; font-weight: 500; color: #000;}
.reservation-title p {font-family:'poppins', sans-serif !important; font-weight: 300; font-size: 16px;}
.reservation-info p {font-size: 15px; color: #000; font-weight: 500;}
.reservation-info h3 {font-family:'SCDream', sans-serif !important; font-size: 30px; font-weight: 700; letter-spacing: -1px; color: #4c67d8;}
.reservation-btns .rsv-btn {display:flex;align-items:center; position: relative; min-width: 290px; height: 50px; padding: 0 20px; font-size:16px; text-align: left; color: #000; border:1px solid #ddd; border-radius: 5px; background-color: #fff;}
.reservation-btns .rsv-btn:not(:last-of-type) {margin-bottom: 15px;}
.reservation-btns .rsv-btn:hover {font-weight: 700; border-color: #90a1e7; background-color: #fcfeff;}
.reservation-btns .rsv-btn:hover::before {content: ""; position: absolute; top: 50%; right: 11.5px; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 28px; background-color: #7fb15c;}

.arrow {position:absolute; top: 50%; right: 20px; width: 7px; height: 7px; transform: translateY(-50%) rotate(135deg); z-index: 1;}
.arrow::before,
.arrow::after {content: ""; position: absolute;}
.arrow::before {width: 100%; height: 100%; border:1px solid #cecece; border-right: 0; border-bottom: 0;}
.arrow::after {width: 12px; height: 1px; background: #cecece; transform-origin: 0 100%; transform: rotate(45deg);}

.reservation-btns .rsv-btn:hover .arrow::before {border-color: #fff;}
.reservation-btns .rsv-btn:hover .arrow::after {background: #fff;}

.guide-inner .guide {display: flex; width: 50%; text-align: center;}
.guide-inner .guide > div {width: 50%; padding: 85px 0; border-right: 1px solid #e6e6e6;}
.guide-title h3 {font-family:'SCDream', sans-serif !important; font-size: 30px; font-weight: 500; color: #4c67d8;}
.guide-title p {font-family:'poppins', sans-serif !important; font-weight: 300; font-size: 16px; color: #727273;}
.guide-text {padding: 30px 0 50px 0; font-size: 15px; line-height: 24px; color: #727273;}
.more-btn {display:inline-flex;justify-content:center;align-items:center;width: 150px; height: 50px; font-size: 15px; color: #000; border:1px solid #ddd; border-radius: 5px; background-color: #fff; transition: .3s;}
.more-btn:hover {background-color: #f1f1f1; transition: .3s;}


/* 3sec main-news */
.main-news {/*background: url(../images/news_typo.png) center bottom -90px no-repeat;*/}
.news-inner {width: 100%; max-width: 1500px; min-height: 530px; padding: 60px 0 0; margin: 0 auto;}
.news-inner .news-head {display: flex; justify-content: space-between; width: 100%; max-width: 1500px; margin: 0 auto;}
.news-title {display: inline; padding-right: 15px; font-family:'poppins', sans-serif !important; font-size: 50px; font-weight: 400; color: #000;}
.news-subtitle {font-family:'SCDream', sans-serif !important; font-size: 18px; font-weight: 500; color: #656565;}
.news-menu {display: flex; margin-top: 30px; border: 1px solid #ddd; border-radius: 15px; padding: 5px 0 5px 30px;}
.news-menu li {position: relative;}
.news-menu li:not(:last-of-type) {margin-right: 45px;}
.news-menu li:nth-last-of-type(2) {margin-right: 30px;}
.news-menu li:not(:nth-last-of-type(-n+2))::before {content: ""; position: absolute; top: 50%; right: -22.5px; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 3px; background-color: #888;}
.news-menu li .news-menu-btn {font-family:'SCDream', sans-serif !important; font-size: 18px; font-weight: 500; line-height: 35px; letter-spacing: -1px; color: #111; border: none; background-color: transparent;}
.news-menu li .news-menu-btn.on {color: #7fb15c; font-weight: 600;}
.m-news-nav {display: none;}

.plus-btn {position: relative; width: 65px; height: 35px;  border-radius: 65px; margin-right:30px; border: none; background-color: #7fb15c;}
.plus-btn::before {content: ""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 2px; background-color: #fff; transition: .3s;}
.plus-btn::after {content: ""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 15px; background-color: #fff; transition: .3s;}
.plus-btn:hover::before {transform: translate(-50%, -50%) scale(1.1); transition: .3s;}
.plus-btn:hover::after {transform: translate(-50%, -50%) scale(1.1); transition: .3s;}

/* news slide */
.news-slider-area {position: relative; width: 1505px;}
.bbs-slider-area {position: relative; width: 1505px;}
.notice-slider-area {position: relative; width: 1505px;}
.column-slider-area {position: relative; width: 1505px;}

.bbs-slider {width: 100%; padding: 45px 5px 110px; margin: auto;}
.news-slider {width: 100%; padding: 45px 5px 110px; margin: auto;}
.notice-slider {width: 100%; padding: 45px 5px 110px; margin: auto;}
.column-slider {width: 100%; padding: 45px 5px 110px; margin: auto;}

.bbs-pagination-box {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: auto; min-width: 170px; height: 35px; padding:0 20px; border-radius: 50px; background-color: #dfe8fc; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}
.news-pagination-box {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);width: auto; min-width: 170px; height: 35px; padding:0 20px; border-radius: 50px; background-color: #dfe8fc; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}
.notice-pagination-box {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: auto; min-width: 170px; height: 35px; padding:0 20px; border-radius: 50px; background-color: #dfe8fc; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}
.column-pagination-box {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: auto; min-width: 170px; height: 35px; padding:0 20px; border-radius: 50px; background-color: #dfe8fc; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}

.main-news .swiper-pagination-bullet {width:17px; height:17px; border:1px solid #375b98; background-color: #fff; opacity: 1;}
.main-news .swiper-pagination-bullet-active {border:none; background-color: #3e5799;}

.main-news .swiper-button-prev {top: 35%; left: -90px; width: 55px; height: 55px; border-radius: 55px; border:1px solid #ddd;}
.main-news .swiper-button-prev::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(225deg);}
.main-news .swiper-button-next {top: 35%; right: -90px; width: 55px; height: 55px; border-radius: 55px; border:1px solid #ddd;}
.main-news .swiper-button-next::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(45deg);}

.news-boxs {display: flex; justify-content: space-between;}
.news-box {width:100%; min-height: 200px; border-radius: 20px; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}
.news-box .news-head {height: 50px; font-family:'SCDream', sans-serif !important; font-size: 15px; line-height: 50px; padding: 0 30px; color: #fff; border-radius: 20px 20px 0 0;}
.news-box .news-head.news {background-color: #3e5799; border:1px solid #2f4681;}
.news-box .news-head.notice {background-color: #3b6b19; border:1px solid #3b6b19;}
.news-box .news-head.column {background-color: #5b4834; border:1px solid #5b4834;}

.news-box .news-body {display: flex; flex-direction: column; justify-content: space-between; height: 150px; padding: 20px; border:1px solid #eee; border-radius: 0 0 20px 20px;}

.box-text {width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18.5px; letter-spacing: -0.5px; line-height: 28px; color: #333; overflow: hidden; transition: .3s;}
.box-text:hover {color: #4c67d8; transition: .3s;}

.sub-slide-page-wrap {display: flex; justify-content: center; gap:5px; height:100%;}
.sub-slide-page-wrap .swiper-pagination {display:flex; position: relative !important; width: auto !important; height:100%; bottom: 0; top: 0; margin: auto 0;}
.sub-slide-page-wrap .swiper-pagination-bullet {margin:auto 4px !important;}
.sub-slide-page-wrap .banner-stop-btn {margin:auto 0;}

/* 4sec main-sns */
.main-sns {background:#536fd4 url('../images/sns_bg.png') no-repeat center top -65px;}
.sns-inner {position:relative;width: 100%; max-width: 1500px;  padding: 80px 0;overflow:hidden;margin: 0 auto;}
.sns-inner .news-title {color: #fff;}
.sns-inner .news-subtitle {color: #fff;}
.sns-inner .news-head {display: flex; justify-content: space-between; width: 100%; max-width: 1500px; margin: 0 auto;}
.sns-inner h4 {position:absolute;width:1px;height:1px;font-size:1px;color:transparent;overflow:hidden;}

.sns-btns {height: 50px; padding-top: 12px;}
.sns-btns ul {display: flex;}
.sns-btns ul li {margin-left: 20px;}
.sns-btns ul li button {width:50px;height:50px;font-size:1px;color:transparent;overflow:hidden;border:1px solid #fff; border-radius: 50px; transition: .3s;}
.sns-btns ul li button.sns_insta {background: url(../images/sns_icon1.png) center no-repeat; transition: .3s;}
.sns-btns ul li button.sns_youtube {background: url(../images/sns_icon2.png) center no-repeat; transition: .3s;}
.sns-btns ul li button.sns_blog {background: url(../images/sns_icon3.png) center no-repeat; transition: .3s;}
.sns-btns ul li button.sns_facebook {background: url(../images/sns_icon4.png) center no-repeat; transition: .3s;}
.sns-btns ul li button.sns_insta:hover {background: url(../images/sns_icon1_on.png) center #fff no-repeat; transition: .3s;}
.sns-btns ul li button.sns_insta.on {background: url(../images/sns_icon1_on.png) center #fff no-repeat; transition: .3s;}
.sns-btns ul li button.sns_youtube:hover {background: url(../images/sns_icon2_on.png) center #fff no-repeat; transition: .3s;}
.sns-btns ul li button.sns_youtube.on {background: url(../images/sns_icon2_on.png) center #fff no-repeat; transition: .3s;}
.sns-btns ul li button.sns_blog:hover {background: url(../images/sns_icon3_on.png) center #fff no-repeat; transition: .3s;}
.sns-btns ul li button.sns_blog.on {background: url(../images/sns_icon3_on.png) center #fff no-repeat; transition: .3s;}
.sns-btns ul li button.sns_facebook:hover {background: url(../images/sns_icon4_on.png) center #fff no-repeat; transition: .3s;}
.sns-btns ul li button.sns_facebook.on {background: url(../images/sns_icon4_on.png) center #fff no-repeat; transition: .3s;}


.tab-content-wrap { position: relative; width: 100%; height: auto;}
.tab-content-wrap > .tab-content {display: none;}
.tab-content-wrap > .tab-content.active { display: block;}


/* sns slide */
.sns-slider-area {position: relative; width: 1505px;}
.sns-slider {width: 100%; padding: 45px 5px 110px; margin:auto;}
.sns-slider-area .swiper-wrapper {margin:45px 0 110px;}

.sns-pagination-box {position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); min-width:260px; height: 35px;padding:0 20px; border-radius: 50px; background-color:rgba(0,0,0,.4); box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}
.sns-insta-pagination .swiper-pagination-bullet {/*width: 10px; height: 10px;*/ background-color: #fff !important; opacity: 1 !important;}
.sns-insta-pagination .swiper-pagination-bullet-active {background-color: #00e952 !important;}
.sns-pagination-box .swiper-pagination {height:17px;}
.sns-pagination-box .swiper-pagination-bullet {width:14px;height:14px;background-color: #fff !important;border:2px solid #444 !important;opacity: 1 !important;}
.sns-pagination-box .swiper-pagination-bullet-active {background:#444 !important;border:2px solid #fff !important;}

.sns-slider-area .swiper-slide a {position:relative;display:block;}
.sns-slider-area .swiper-slide a:focus-visible::after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border: 2px dashed red !important;}

.sns-insta-btn-next {top: 35%; right: -180px; width: 55px; height: 55px; border-radius: 55px; background-color: #fff;}
.sns-insta-btn-next::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(45deg);}
.sns-insta-btn-prev {top: 35%; left: -180px; width: 55px; height: 55px; border-radius: 55px; background-color: #fff;}
.sns-insta-btn-prev::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(225deg);}

.sns-youtube-btn-next {top: 35%; right: -200px; width: 55px; height: 55px; border-radius: 55px; background-color: #fff;}
.sns-youtube-btn-next::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(45deg);}
.sns-youtube-btn-prev {top: 35%; left: -200px; width: 55px; height: 55px; border-radius: 55px; background-color: #fff;}
.sns-youtube-btn-prev::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(225deg);}

.sns-naver-btn-next {top: 35%; right: -200px; width: 55px; height: 55px; border-radius: 55px; background-color: #fff;}
.sns-naver-btn-next::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(45deg);}
.sns-naver-btn-prev {top: 35%; left: -200px; width: 55px; height: 55px; border-radius: 55px; background-color: #fff;}
.sns-naver-btn-prev::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(225deg);}

.sns-youtube-btn-prev.swiper-button-disabled,
.sns-youtube-btn-next.swiper-button-disabled,
.sns-naver-btn-prev.swiper-button-disabled,
.sns-naver-btn-next.swiper-button-disabled {display:none;}

.sns-facebook-btn-next {top: 35%; right: -180px; width: 55px; height: 55px; border-radius: 55px; background-color: #fff;}
.sns-facebook-btn-next::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(45deg);}
.sns-facebook-btn-prev {top: 35%; left: -180px; width: 55px; height: 55px; border-radius: 55px; background-color: #fff;}
.sns-facebook-btn-prev::after {content: ''; width: 10px; height: 10px; border-top: 2px solid #4c67d8; border-right: 2px solid #4c67d8; transform: rotate(225deg);}

.sns-box {width:100%; overflow: hidden;}
.sns-box > a {display: block; width: 100%; height: 100%;}
.sns-box.youtube-play > a {position:relative;}
.sns-box.youtube-play > a::before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:40px; height:40px; background:url(../images/play_btn.png) center no-repeat;}
.sns-box > a img {width: 100%; border-radius: 5px; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}
.sns-box .sns-head.news {background-color: #3e5799; border:1px solid #2f4681;}
.sns-box .sns-head.notice {background-color: #7fb15c; border:1px solid #71a34d;}
.sns-box .sns-head.column {background-color: #c3a078; border:1px solid #b28e65;}
.sns-box.naverblog {height:230px; padding:20px; border-radius:5px; background:#fbfbfb; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);}
.sns-box.naverblog a {position:relative;}
.sns-box.naverblog > a::before {content:""; position:absolute; top:7px; left:0; width:22px; height:22px; background:url(../images/naver_logo.svg) center no-repeat;}
.sns-box.naverblog a h6 {padding-left:28px;}

.sns-box .sns-body {display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 50px); padding: 20px; border:1px solid #eee; border-radius: 0 0 20px 20px;}

.sns-box.naverblog b {width:100%; min-height:83px; display:-webkit-box; padding-top:35px; margin-bottom:10px; font-size:17.5px; font-weight:700; line-height:24px; word-wrap: break-word; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.sns-box.naverblog p {display:-webkit-box; padding-top:10px; border-top:1px solid #03cf5d; font-size:16px; line-height:21px; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}


/* footer */
.footer {width: 100%; color: #ccc; background-color: #222;}
.footer-inner {width: 100%; background-color: #222;}
.footer-inner .footer-top {display: flex; justify-content: space-between; width: 100%; max-width: 1500px; height: 80px; margin: 0 auto; border-bottom:1px solid #383838;}
.footer-inner .footer-top ul {display: flex; line-height: 80px;}
.mobile-sns-menu {display: none; justify-content: center; padding-top: 20px;}
.mobile-sns-menu li:not(:last-of-type) {margin-right: 20px;}
.footer-inner .footer-menu li {margin-right: 30px;}
.footer-inner .footer-sns-menu li {margin-left: 30px;}
.footer-inner .footer-top ul li a {color: #ccc;}
.footer-inner .footer-top ul li:nth-child(n+2):nth-child(-n+3) a {color: #3894FF;}

.footer-inner .footer-bottom {display: flex; justify-content: space-between; width: 100%; max-width: 1500px; padding: 30px 0 45px; margin: 0 auto;}
.footer-logo {width: 180px; height: 32px; margin: auto 35px auto 0; margin-right: 30px;}
.footer-icon {width: 71px; height: 71px; margin-right: 30px;}
.wa-link {display: block; min-width: 102px; margin-right: 20px;}
.wa-mark {width: 102px; height: 71px; }
.footer-inner .footer-bottom .footer-info {margin: auto 0;}
.footer-inner .footer-bottom .site-link-wrap { margin: auto 0;}

.site-link-list {display: flex;}
.site-link-list > li {margin-left: 20px;}
.site-link-list li dl {position: relative;}
.link-btn {position: relative; width: 180px; padding:10px 55px 10px 0; font-size: 13px; color: #ccc; border:none; border-bottom:1px solid #ccc; background-color: transparent;}
.link-btn::after {content: ''; position: absolute; right: 10px; top: 35%; content: ''; width: 6px; height: 6px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; transform: rotate(135deg); transition: .3s;}
.site-link-list > li.on .link-btn::after {top: 45%; transform: rotate(315deg); transition: .3s;}

.site_list {display: none; position: absolute; bottom: 40px; width: 100%; max-width: 100%; height: 400px; padding: 10px 15px; border-radius: 5px; box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1); background-color: #fff; overflow-y: auto; z-index: 100;}
.site_list li {line-height: 22px;}
.site_list li a {font-size: 13px; font-weight: 600; color: #000; word-break: keep-all;}

.site_list::-webkit-scrollbar {width: 12px;}
.site_list::-webkit-scrollbar-thumb {background-color: #797979; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.site_list::-webkit-scrollbar-track {background: transparent;}


@media screen and (max-width: 1830px) {
    /* main 3sec */
    .pc-news-nav {display: none;}
    .m-news-nav {position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: block; max-width: 50px; margin: 0 auto; z-index: 10;}

    /* main 3sec */
    .sns-inner {max-width: none; padding: 80px 30px;}
    .sns-slider-area {width: 100%;}
	.news-slider-area {width: 100%;}
	.bbs-slider-area {width: 100%;}
	.notice-slider-area {width: 100%;}
	.column-slider-area {width: 100%;}
	.bbs-pagination-box,
	.news-pagination-box,
	.notice-pagination-box,
	.column-pagination-box {bottom:5px;}
	
	.main-news .swiper-button-prev {left: -160px;}
	.main-news .swiper-button-next {right: -160px;}
}

@media screen and (max-width: 1720px) {
    .visual-top::before {right: 5px;}
}


@media screen and (max-width: 1600px) {
    /* header */
    .header .header-inner {max-width: none; padding: 0 30px;}
    .gnb > .menu > li {padding: 0 10px;}
    .gnb > .menu > li > a {font-size: 17px;}
    .two-depth-menu .two-depth-inner::after {display: none;}
    .two-depth-menu .two-depth-title {display: none;}
    .two-depth-menu .two-depth-list {width: 100%; padding: 30px; margin: 0;}
    .two-depth-menu.two .two-depth-list {max-height: 424px;}
    .two-depth-menu.three .two-depth-list {max-height: 417px;}
    .two-depth-menu.three .two-depth-list li:nth-of-type(6) {padding-bottom: 97px;}
    .two-depth-menu.seven .two-depth-list li:first-of-type {padding-bottom: 0;}
    

    /* main 1sec */
    .main-content {max-width: none; padding: 30px;}
    .visual-top {padding-top: 20px;}
    .visual-top .visual-text h3 {font-size: 50px; line-height: 65px;}
    .visual-top .visual-text p {padding-top: 10px;}
    .visual-banner {width: 1000px; height: 332px;}
    .visual-search {width: calc(100% - 1040px); height: 332px; padding: 35px;}
    .search-title h3 {font-size: 28px;}

    /* main 2sec */
    .guide-inner .reservation {border-left: none;}
    .guide-inner .guide > div:last-of-type {border-right: none;}
    .reservation-btns .rsv-btn {width: auto; min-width: 205px;}

    /* main 3sec */
    .news-inner {max-width: none; padding: 80px 30px 175px;}
    .news-slider-area {width: 100%;}

    .sns-inner {max-width: none; padding: 80px 30px;}
    
    /* footer */
    .footer-inner .footer-top {max-width: none; padding: 0 30px;}
    .footer-inner .footer-menu li {margin-right: 15px;}
    .footer-inner .footer-top ul li a {font-size: 13px; white-space: nowrap;}
    .footer-inner .footer-sns-menu li {min-width: 14px; margin-left: 20px;}
    .footer-inner .footer-bottom {max-width: none; padding: 30px 30px 45px;}
    /*.footer-logo {width: 200px; height: auto; margin-right: 20px;}*/
    .footer-icon {margin: auto 20px auto 0;}
	.wa-link {margin: auto 30px auto 0;}


}

@media screen and (max-width: 1430px) {
    /* main 1sec */
    .visual-top {height: auto; margin-bottom: 50px;}
    .visual-top::before {display: none;}
    .visual-banner {width: 930px; height: 309px;}
    .visual-search {width: calc(100% - 970px); height: 309px; padding: 35px;}
    .search-title h3 {font-size: 24px;}
    .search-title p {font-size: 15px;}
    
    /* main 2sec */
    .guide-inner .reservation {padding: 85px 50px;}
    .reservation-btns {width: 50%;}
    .reservation-btns .rsv-btn {width: 100%;}

    /* footer */
    .footer-inner .footer-top {overflow-y: hidden; overflow-x: auto;}
}

@media screen and (max-width: 1380px) {
	.quick-sns { display: none; }

    /* main 1sec */
    .visual-top {padding-top: 0;}
    .visual-top::before {display: none;}
    .visual-top .visual-text h3 {font-size: 40px; text-align: center; line-height: 52px;}
    .visual-top .visual-text p {padding-top: 15px; font-size: 20px; line-height: 26px; text-align: center;}
    .visual-top .visual-text p br {display: block;}
    
    .flex-between {flex-direction: column;}
    .visual-banner {width: 1090px; height: 366px; margin: 0 auto 30px;}
    .visual-search {width: 1090px; height: 215px; margin: 0 auto 60px; text-align: center;}
    .visual-search::before {top: auto; bottom: 20px; right: 20px; width: 110px; height: 110px; background-size: 110px 110px;}
    .search-title h3 {font-size: 30px; padding-bottom: 10px;}
    .search-title h3 br {display: none;}
    .search-title p {font-size: 18px;}
    .search-title p br {display: none;}
    .search-box {width: 45%; margin: auto;}

    .quick-menu {max-width: 1090px; margin: auto;}
	.quick-menu .txt { display: none; }

    /* main 3sec */
    .news-inner .news-head {flex-direction:column;padding:0 20px;}
	.news-menu {position:relative;gap:20px;padding:3px 20px;margin:50px 0 0;}
	.news-menu li {position:static;}
	.news-menu li:not(:last-of-type) {margin-right:0}
	.news-menu li .news-menu-btn {font-size:16px;}
	.news-menu li .plus-btn {position:absolute;top:-45px;right:0;margin-right:0;}

    /* main 3sec */
	.sns-btns ul li { margin-left: 0; margin-right: 10px; }
    .sns-btns ul li button { width: 30px; height: 30px; }
}

@media screen and (max-width: 1165px) {
    /* main 1sec */
    .main-visual {padding-top: 65px;}
    .visual-top .visual-text h3 {font-size: 35px; line-height: 45px;}
    .visual-banner {width: 100%; max-height:362px; margin-bottom: 30px;}
    .visual-search {width: 100%; margin-bottom: 60px;}
    .quick-menu {justify-content: start; max-width: none; overflow-x: auto;}
    .quick-menu li:not(:last-of-type) {margin-right: 50px;}

    
}

@media screen and (max-width: 1100px) {
    /* header */
    .header {height: 65px;}
    .header .logo a {width: 160px;}
    .header .gnb .menu {display: none;}
    .header .ham-btn {background-color: transparent;}
    .header .ham-btn span {display: block; position: absolute; right:10px; width: 23px; height: 2px; background-color: #1d458a;}
    .header .ham-btn span:first-of-type {top: 12px; width: 25px;}
    .header .ham-btn span:nth-of-type(2) {right: 10px; width: 25px;}
    .header .ham-btn span:last-of-type {bottom: 12px; right: auto; left: 10px; transform: translateY(-50%); width: 14px;}

    /* mobile-header */
    .m-header {height: 65px;}
    .m-header .m-logo a {width: 160px; height: 65px;}
    .m-header .m-logo a img {margin: auto;}
    .m-header .ham-btn {position: relative; left: auto; top: auto;}
    .m-header .ham-btn.active div {width: 25px; height: 2px; background-color: #1d458a;}
    
    .m-menu {position:fixed; top:0; right:-90%; width:90%;}
    .m-menu::before {top: 65px;}
    .m-menu .menu-wrap ul > li > a {padding: 7px 0; font-size: 16px;}
    .m-menu .menu-wrap .one-depth-menu > li {padding: 5px 10px;}
    .m-menu .menu-wrap .one-depth-menu > li > a {padding: 5px 0; font-size: 16px;}
    .m-menu .menu-wrap .two-depth-menu {top: 65px; padding-bottom: 100px; font-size: 15px;}
    .m-menu .menu-wrap .two-depth-menu > li {padding: 0 15px !important;}
    .m-menu .menu-wrap .two-depth-menu > li > a {font-size: 16px;}
    .m-menu .menu-wrap .three-depth-menu {margin-top: 0;}
    .m-menu .menu-wrap .three-depth-menu > li {margin-left: 19px;}
    .m-menu .menu-wrap .three-depth-menu > li {list-style: square;}
    .m-menu .menu-wrap .three-depth-menu > li > a {font-size: 14px; font-weight: 400; padding: 3px 0; color: #3b3b3b;}

    /* 공통 */
    .main-content {padding: 0;}

    /* main 1sec */
    .main-visual {padding-top: 65px;}
    .visual-top {padding: 30px 30px 0;}
    .visual-banner {height: auto;}
	.main-banner-page-wrap {position:relative; transform: translate(-50%,0); flex-direction:row; left:50%; justify-content:center; width:100%; padding-top:15px; background-color:transparent;}
	.main-banner-pagination {width:auto!important;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px;}
    .banner-stop-btn {background: url(/assets/images/banner_stop_icon0.png) center no-repeat;}
	.banner-stop-btn.on {background: url(/assets/images/banner_play_icon0.png) center no-repeat;}
	.banner-stop-btn {height:8px; background-size: contain; margin: -1px 2px 0;}
	.banner-stop-btn.on {height:8px; background-size: contain; margin: -1px 2px 0;}
	.visual-bottom {padding: 0 30px;}
    .visual-search::before {width: 95px; height: 95px; background-size: 95px 95px; right: -20px;}
    .search-title h3 {font-size: 25px; letter-spacing: 0;}
    .search-title p {font-size: 14px; padding-bottom: 15px;}
    .search-box {width: 70%;}
    .quick-menu {justify-content: start; overflow-x: auto;}
    .quick-menu li:not(:last-of-type) {margin-right: 50px;}
    .quick-menu-btn div {width: 90px; height: 90px;}
    .quick-menu-btn p {font-size: 15px;}

    /* main 2sec */
    .guide-inner {flex-wrap: wrap;}
    .guide-inner .reservation {width: 100%; padding: 60px 30px; border: none; border-bottom:1px solid #e6e6e6;}
    .reservation-btns .rsv-btn:not(:last-of-type) {margin-bottom: 7px;}
    .guide-inner .guide {width: 100%;}
    .guide-title h3 {font-size: 23px;}
    .guide-inner .guide > div {padding: 60px 20px;}

    /* main 3sec */
    .main-news {background: url(../images/news_typo.png) center bottom 0px no-repeat; background-size: contain;}
    .news-inner .news-head {padding-left: 30px;}
    .news-title {font-size: 35px;}
    .news-subtitle {display: block; font-size: 16px;}
    .news-inner {padding: 80px 0 175px;}
    .main-guide .main-content {padding: 0;}
	.bbs-slider,
	.news-slider,
	.notice-slider,
	.column-slider {padding: 45px 0 80px 30px;}

    .guide-title p {font-size: 14px; padding-bottom: 20px;}
    .guide-text {display: none;}
    .more-btn {width: auto; height: 40px; padding: 0 10px;}
	
	.main-news .swiper-button-prev {left: -200px;}
	.main-news .swiper-button-next {right: -200px;}
	

    /* main 4sec */
	.sns-slider-area .swiper-wrapper {margin:0;}
    .sns-inner {padding: 80px 0;}
    .sns-inner .news-head {padding-left: 30px;}
    .sns-slider {padding: 45px 0 80px 30px;}
	.sns-insta-slider {padding: 45px 0 80px 30px;}
	.sns-youtube-slider{padding: 45px 0 80px 30px;}
	.sns-naverblog-slider{padding: 45px 0 80px 30px;}
	.sns-facebook-slider {padding: 45px 0 80px 30px;}
	
	.sns-insta-btn-next {right: -200px;}
	.sns-insta-btn-prev {left: -200px;}
	
	.sns-youtube-btn-next {right: -200px;}
	.sns-youtube-btn-prev {left: -200px;}
	
	.sns-naver-btn-next {right: -200px;}
	.sns-naver-btn-prev {left: -200px;}
	
	.sns-facebook-btn-next {right: -200px;}
	.sns-facebook-btn-prev {left: -200px;}
	
    /* footer */
    .footer-inner .footer-top ul.footer-sns-menu {display: none;}
    .footer-logo {display: none;}
    .footer-icon {display: none;}
	.wa-link {display: none;}
    .footer-inner .footer-bottom {flex-direction: column; justify-content: center; padding: 30px;}
    .footer-inner .footer-bottom .footer-info {text-align: center; margin: auto;}
    .footer-inner .footer-bottom .site-link-wrap {display: none;}
    .mobile-sns-menu {display: flex;}
}

@media screen and (max-width: 600px) {
    /* main 1sec */
    .main-visual {padding-bottom: 60px;}
    .visual-top {padding: 10px 20px 0; margin-bottom: 30px;}
    .visual-top .visual-text h3 {font-size: 26px; line-height: 32px;}
    .visual-top .visual-text p {font-size: 15px; line-height: 20px; letter-spacing: -1px;}
    .visual-banner {height: auto; margin-bottom: 15px;}
    .visual-banner.pc-visual-banner {display: none;}
    .visual-banner.m-visual-banner {display: block;}
    .visual-bottom {padding: 0 20px;}
    .visual-search {padding: 25px; margin-bottom: 30px; text-align: left;}
    .search-title h3 {font-size: 24px;}
    .search-box {margin: 0;}
    .search-box input {padding: 0 10px;}
    .quick-menu li:not(:last-of-type) {margin-right: 15px;}

    /* main 2sec */
    .reservation-title h3 {font-size: 23px;}
    .reservation-title p {font-size: 14px;}
    .reservation-info h3 {font-size: 18px;}
    .guide-inner .reservation {padding: 30px 30px;}
    .reservation-btns .rsv-btn {min-width: 157px; padding: 0 10px; font-size: 14px; }
    .reservation-btns .rsv-btn:hover {font-weight: 400; border-color: #ddd; background-color: #fff;}
    .reservation-btns .rsv-btn:hover::before {display: none;}


    /* main 3sec */
    .news-inner {min-height: 445px; padding: 30px 0 50px;}
    .news-title {font-size: 28px;}
    .news-subtitle {padding-right: 20px;}
    .news-box {min-height: 155px;}
    .news-inner .news-head {padding-left: 20px;}
    .news-subtitle {font-size: 14px;}
	.bbs-slider,
	.news-slider,
	.notice-slider,
	.column-slider {padding: 25px 0 70px 20px;}
    
	
	
	.box-text {font-size: 15px; line-height: 22px;}
    .news-box .news-body {height: 115px; padding: 15px;}
	
	.bbs-pagination-box {padding:0 10px;}
	
	.main-news .swiper-button-prev {left: -180px; width: 40px; height: 40px; margin-top:-17px; margin-left: 15px;}
	.main-news .swiper-button-next {right: -180px; width: 40px; height: 40px; margin-top:-17px; margin-right: 15px;}

    /* main 4sec */
    .sns-inner {min-height: 385px; padding: 30px 0 50px;}
    .sns-slider {padding: 25px 0 70px 20px;}
	.sns-insta-slider {padding: 25px 0 70px 20px;}
	.sns-youtube-slider{padding: 25px 0 70px 20px;}
	.sns-naverblog-slider{padding: 25px 0 70px 20px;}
	.sns-facebook-slider {padding: 25px 0 70px 20px;}

    .m-news-nav .sns-btn-prev {width: 40px; height: 40px; margin-top:-17px; margin-left: 15px;}
    .m-news-nav .sns-btn-next {width: 40px; height: 40px; margin-top:-17px; margin-right: 15px;}
	
	.sub-slide-page-wrap {gap:3px;}
	.sns-pagination-box {padding:0 10px;}
	
	.sns-insta-btn-next {right: -150px; width: 40px; height: 40px; margin-top:-17px; }
	.sns-insta-btn-prev {left: -150px; width: 40px; height: 40px; margin-top:-17px;}
	
	.sns-youtube-btn-next {right: -180px; width: 40px; height: 40px; margin-top:-17px; }
	.sns-youtube-btn-prev {left: -180px; width: 40px; height: 40px; margin-top:-17px;}
	
	.sns-naver-btn-next {right: -180px; width: 40px; height: 40px; margin-top:-17px;}
	.sns-naver-btn-prev {left: -180px; width: 40px; height: 40px; margin-top:-17px;}
	
	.sns-facebook-btn-next {right: -150px; width: 40px; height: 40px; margin-top:-17px;}
	.sns-facebook-btn-prev {left: -150px; width: 40px; height: 40px; margin-top:-17px;}
}

@media screen and (max-width: 430px) {
    /* main 2sec */
    .reservation-btns .rsv-btn .arrow {display: none;}
}

@media screen and (max-width: 390px) {
    /* main 1sec */
    .visual-top .visual-text h3 {font-size: 23px;}
    .visual-top .visual-text p {font-size: 14px; word-break: keep-all;}
    .visual-search {height: 200px;}
    .visual-search::before {display: none;}
    .search-box {width: 95%; height: 35px;}
    .search-title h3 {font-size: 17px;}
    .quick-menu-btn div {width: 75px; height: 75px;}
    .quick-menu-btn div img {max-height: 34px;}

    /* main 2sec */
    .more-btn {height: 40px; font-size: 14px;}
}

@media screen and (max-width: 330px) {
    /* main 2sec */
    .guide-inner .reservation {flex-direction: column; text-align: center;}
    .reservation-info {padding: 10px 0 20px;}
    .reservation-btns {width: 100%;}
    .reservation-btns .rsv-btn {width: 100%;}
    .reservation-btns .rsv-btn .arrow {display: block;}
}

@media screen and (max-width: 280px) {
    /* mobile header */
    .m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::before {display: none;}
    .m-menu .menu-wrap .one-depth-menu > li > a:not(:only-child)::after {display: none;}

    /* main 1sec */
    .search-box input {padding: 0 5px; font-size: 12px;}
    .m-menu .menu-wrap .two-depth-menu > li > a {font-size: 15px;}
	
	.main-news .swiper-button-prev {left: -145px; width: 35px; height: 35px; margin-top: -14px;}
	.main-news .swiper-button-next {right: -145px; width: 35px; height: 35px; margin-top: -14px;}
}