@charset "utf-8";
@import url('/font/GmarketSans/gmarketsans.css');


#header {border-bottom: 1px solid rgba(17, 17, 17, 0.1);background: none;}
#footer .fp-overflow {overflow-y: visible;}
#header .btn_sm_open {margin-right: 0;}


/*** fullpage nav ***/
/*** fullpage nav ***/
#fp-nav.fp-left {left: 0 !important;border-radius: 0 3rem 3rem 0;background: rgba(255, 255, 255, 0.8);box-shadow: 0px 10px 27.88px 6.12px rgba(0, 0, 0, 0.1);}
#fp-nav ul li:last-child {display: none !important;}
#fp-nav ul li .fp-tooltip {opacity: 1 !important;overflow: inherit !important;position: relative !important;left: auto !important;top: auto !important;width: auto !important;max-width: none !important;margin-left: calc(24px + 1rem);font-family: "Pretendard", sans-serif !important;font-size: 1.8rem !important;font-weight: 500;line-height: 1;color: #222 !important;letter-spacing: -0.03em;}
#fp-nav ul li a.active + .fp-tooltip {color: #fff !important;}
#fp-nav ul li, .fp-slidesNav ul li {display: flex !important;align-items: center;width: auto !important;height: 60px !important;margin: 0 !important;padding: 0 3rem;}
#fp-nav ul li:not(:has(a.active)) + li {border-top: 1px solid #ece5e0;}
#fp-nav ul li:has(a.active) {width: calc(100% + 1rem) !important;border-radius: 0 3rem 3rem 0;font-weight: 600;background: #4c3e35;box-shadow: 0px 2px 6.56px 1.44px rgba(0, 0, 0, 0.1);}
#fp-nav ul li a, .fp-slidesNav ul li a {display: flex !important;align-items: center;position: absolute !important;left: 0;top: 0;min-width: 24px;width: 100% !important;padding: 0 3rem;}
#fp-nav ul li a span:not(.fp-sr-only),
.fp-slidesNav ul li a span:not(.fp-sr-only) {display: inline-block;position: relative;left: auto;top: auto;width: 24px !important;height: 24px !important;margin: 0 !important;background: #dab993;transform: scale(0.25);transition: all .2s ease-in-out;}
#fp-nav ul li a.active span:not(.fp-sr-only),
#fp-nav ul li:hover a.active span:not(.fp-sr-only),
.fp-slidesNav ul li a.active span:not(.fp-sr-only),
.fp-slidesNav ul li:hover a.active span:not(.fp-sr-only) {background: radial-gradient(circle, transparent 8.5px, #927c62 9.5px);transform: scale(1);}


/*** title ***/
.page_tit {margin-bottom: 0;font-family: 'Gsans';font-size: 4.8rem;font-weight: 600;line-height: 1;color: #21201d;letter-spacing: -0.03em;}
.page_tit span {display: inline-block;position: relative;padding: 2rem 1.6rem 0;}
.page_tit span::before {content: '';position: absolute;right: 0;top: 0;width: 1.2rem;height: 1.2rem;border-radius: 100%;background: #e2634e;}


/*** layout ***/
#container {min-height: auto;padding: 0;}
/*** section ***/
section.section {padding: 10rem 0 0;z-index: 0;}
section.section::before,
section.section::after {content: '';position: absolute;background-repeat: no-repeat;background-size: auto 100%;z-index: -1;pointer-events: none;}
section.section .flex {display: flex;justify-content: space-between;}
/* bg - section01 */
#section01 {background: url(/images/main/bg_sec01.png) no-repeat 50% / cover;}
#section01::before {opacity: 0;left: 0;bottom: 0;width: 441px;height: 676px;background-image: url(/images/main/bg_sec01_img01.png);}
#section01::after {opacity: 0;right: 60px;top: 77px;width: 434px;height: 263px;background-image: url(/images/main/bg_sec01_img02.png);animation: ani_floating 1s infinite alternate;}
/* bg - section02 */
#section02 {background: url(/images/main/bg_sec02.png) no-repeat 50% 100% / 100% auto;}
#section02::before {opacity: 0;left: -100%;top: 161px;width: 243px;height: 338px;background-image: url(/images/main/bg_sec02_img.png);background-position: 100%;background-size: auto;}
#section02::after {opacity: 0;right: -100%;top: -100%;width: 195px;height: 246px;background-image: url(/images/main/bg_sec02_img.png);background-position: 0 100%;background-size: auto;}
/* bg - section03 */
#section03 {background: url(/images/main/bg_sec03.png) no-repeat 50% / cover;}
#section03::before {opacity: 0;left: 19px;bottom: 26px;width: 265px;height: 518px;background-image: url(/images/main/bg_sec03_img01.png);}
#section03::after {opacity: 0;right: 0;top: 124px;width: 392px;height: 418px;background-image: url(/images/main/bg_sec03_img02.png);animation: ani_floating 1s infinite alternate;}
/* animation - reset */
#section01::before,
#section01::after,
#section03::before,
#section03::after {transition: 0.8s 0.5s;}
#section02::before,
#section02::after {transition: 0.8s;}
/* ani */
#section01.bg_ani::before,
#section01.bg_ani::after,
#section03.bg_ani::before,
#section03.bg_ani::after {opacity: 1;}
#section02.bg_ani::before {opacity: 1;left: 0;}
#section02.bg_ani::after {opacity: 1;right: 0;top: 0;}
@-webkit-keyframes ani_floating {
    0% {-webkit-transform: translateY(0);}
    100% {-webkit-transform: translateY(-6px);}
}
@keyframes ani_floating {
    0% {transform: translateY(0);}
    100% {transform: translateY(-6px);}
}


/*** section01 ***/
#section01 .fp-overflow {overflow-y: visible;display: flex;justify-content: space-between;align-items: flex-end;gap: 4rem 6rem;max-width: 1400px;width: 100%;margin: 0 auto;padding: 3rem 0;}
#section01 .lcont {width: 100%;max-width: 754px;}
#section01 .rcont {width: 100%;max-width: 586px;}
/** lcont **/
#section01 .title {position: relative;z-index: 0;}
#section01 .title::before {content: '';position: absolute;left: -94px;top: -76px;width: 199px;height: 199px;background: url(/images/main/img_txt_thesool.png) no-repeat 50%;z-index: -1;animation: ani_spin 10s infinite linear;}
#section01 .page_tit {font-size: 5.8rem;line-height: 1;text-align: left;}
#section01 .title p {margin-top: 1.6rem;font-size: 2.2rem;font-weight: 300;line-height: 1.4;color: #111111;letter-spacing: -0.03em;}
/* lcont - quick_link */
#section01 .quick_link {display: flex;flex-wrap: wrap;gap: 2rem;margin-top: 4.5rem;}
#section01 .quick_link li {width: calc((100% - 2rem) / 2);}
#section01 .quick_link li a {display: flex;justify-content: space-between;align-items: center;min-height: 11.2rem;padding: 2rem 3rem 2rem 4rem;border: 1px solid #ddc1b1;border-radius: 3rem;font-size: 2.2rem;font-weight: 500;line-height: 1.2;color: #312e27;background: #fff;box-shadow: 0px 12px 14.4px 1.6px rgba(0, 0, 0, 0.04);transition: 0.1s;}
#section01 .quick_link li a small {font-size: 1.6rem;}
#section01 .quick_link li a:focus,
#section01 .quick_link li a:hover {color: #fff;border-color: #644b3d;background-color: #644b3d;}
#section01 .quick_link li a {background-repeat: no-repeat;}
#section01 .quick_link li:nth-child(1) a {background-image: url(/images/main/i_quick01.png);background-position: calc(100% - 2rem) calc(50% + 9px);}
#section01 .quick_link li:nth-child(2) a {background-image: url(/images/main/i_quick02.png);background-position: calc(100% - 2rem) calc(50% + 11px);}
#section01 .quick_link li:nth-child(3) a {background-image: url(/images/main/i_quick03.png);background-position: calc(100% - 2rem) 50%;}
#section01 .quick_link li:nth-child(4) a {background-image: url(/images/main/i_quick04.png);background-position: calc(100% - 2rem) calc(50% + 13px);}
/* lcont - map_info */
#section01 .map_info {margin-top: 5rem;}
#section01 .map_info .lg_tit {margin-bottom: 2rem;font-size: 2rem;font-weight: 500;color: #382b1e;letter-spacing: -0.03em;}
#section01 .map_info .lg_tit em {font-size: 3rem;font-weight: 600;color: #21201d;}
#section01 .map_info .link {display: flex;justify-content: space-between;align-items: center;gap: 1.5rem 6rem;height: 10rem;padding: 3rem;border-radius: 3rem;background: #fff;box-shadow: 0px 12px 14.4px 1.6px rgba(0, 0, 0, 0.04);}
#section01 .map_info .link li {display: flex;justify-content: space-between;align-items: center;flex: auto;gap: 1rem;position: relative;font-size: 2rem;font-weight: 500;color: #312e27;}
#section01 .map_info .link li + li::before {content: '';position: absolute;left: -3rem;top: 50%;transform: translateY(-50%);width: 1px;height: 3.2rem;background: #e5e5e5;}
#section01 .map_info .link li .btns {display: flex;gap: 8px;}
#section01 .map_info .link li .btn {width: 3.2rem;height: 3.2rem;margin: 0;border: 0;border-radius: 100%;}
#section01 .map_info .link li .btn::before {content: '';display: block;width: 100%;height: 100%;}
#section01 .map_info .link li .btn:focus {outline: auto;}
#section01 .map_info .link li .btn.google {background: #424242;}
#section01 .map_info .link li .btn.google::before {background: url(/images/main/i_map_google.png) no-repeat 50%;}
#section01 .map_info .link li .btn.naver {background: #03c75a;}
#section01 .map_info .link li .btn.naver::before {background: url(/images/main/i_map_naver.png) no-repeat 50%;}
#section01 .map_info .link li .btn.kakao {background: #fae100;}
#section01 .map_info .link li .btn.kakao::before {background: url(/images/main/i_map_kakao.png) no-repeat 50%;}
/** rcont **/
/* rcont - search_box */
#section01 .search_box .inp {height: 7rem;padding: 4px;}
#section01 .search_box .inp input {padding: 0 4rem;}
#section01 .search_box .btn.search {min-width: 7rem;width: 7rem;height: 7rem;margin-left: -3rem;background-size: auto;}

/* rcont - sec01CNSwiper */
.sec01CNSwiper {overflow: hidden;}
/* .sec01CNSwiper .swiper-slide {display: flex;justify-content: center;align-items: center;font-size: 3rem;} */
.sec01CNSwiper .swiper-slide a {display:block; height: 100%;}
.sec01CNSwiper .swiper-slide img {width:100%; height:100%;}
.cns_area {overflow: hidden;display: flex;flex-direction: row-reverse;width: 100%;height: 46rem;margin-top: 4rem;border-radius: 4rem;background: #fff;}
.cns_area .cns_top {display: flex;flex-direction: column;justify-content: space-between;align-items: center;min-width: 7.6rem;padding: 3rem 0;}
.cns_area .cns_top .tit {font-size: 2rem;font-weight: 400;color: #111111;letter-spacing: -0.03em;writing-mode: vertical-rl;}
.cns_area .cns_top .tit span {font-weight: 700;color: #e2634e;}
.cns_area .cns_top .navi {display: flex;flex-direction: column;gap: 0.5rem;}
.cns_area .cns_top .navi .swiper-pagination {position: relative;left: auto;bottom: auto;margin-bottom: 1rem;font-size: 1.7rem;font-weight: 400;line-height: 2.4rem;color: #5b5b5b;letter-spacing: 0.1rem;writing-mode: vertical-rl;}
.cns_area .cns_top .navi .swiper-pagination-current {font-size: 2rem;font-weight: 700;color: #735747;}
.cns_area .cns_top .navi .btn {min-width: 2.4rem;width: 2.4rem;height: 2.4rem;margin: 0;border: 0;border-radius: 0.6rem;}
.cns_area .cns_top .navi .btn.prev {background: url(/images/main/i_arrow_up.png) no-repeat 50%;}
.cns_area .cns_top .navi .btn.next {background: url(/images/main/i_arrow_up.png) no-repeat 50%;transform: rotate(180deg);}
.cns_area .cns_top .navi .btn.pause {background: url(/images/main/i_pause.png) no-repeat 50%;}
.cns_area .cns_top .navi .btn.play {background: url(/images/main/i_play.png) no-repeat 50%;}
.cns_area .cns_top .navi .btn:focus {outline: auto;}


/*** section02 ***/
#section02 .fp-overflow {padding: 3rem 0;}
#section02 .page_tit {text-align: center;}
/* sec02Swiper */
.sec02Swiper {overflow: hidden;height: 58rem;}
.sec02Swiper .swiper-wrapper {align-items: center;}
.sec02Swiper .swiper-slide {display: flex;align-items: center;position: relative;max-width: 400px;height: 34rem;padding: 3px;border: 1px solid #d5d5d5;border-radius: 3rem;background: #fff;box-shadow: 0px 12px 14.4px 1.6px rgba(0, 0, 0, 0.06);transition: height 0.6s;}
.sec02Swiper .swiper-slide * {opacity: 0.8;}
.sec02Swiper .swiper-slide-prev *,
.sec02Swiper .swiper-slide-next *,
.sec02Swiper .swiper-slide-active * {opacity: 1;}
.sec02Swiper .swiper-slide > a {display: flex;flex-direction: column;position: relative;width: 100%;height: 100%;padding: 4rem;border-radius: calc(3rem - 4px);font-size: 1.8rem;line-height: 1.4;color: #555555;background: #fff;}
.sec02Swiper .swiper-slide .new .tag {display: none;position: absolute;left: 4rem;top: -3rem;width: 6rem;height: 6rem;border-radius: 100%;font-size: 1.6rem;font-weight: 700;line-height: 6rem;color: #fff;text-align: center;background: #e9664c;}
.sec02Swiper .swiper-slide .tit {display: block;font-size: 2.4rem;font-weight: 600;line-height: 1.4;color: #312e27;}
.sec02Swiper .swiper-slide .txt {border-top: 1px solid #d5d5d5;margin-top: 2rem;padding-top: 2rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.sec02Swiper .swiper-slide .date {margin-top: auto;padding-left: 2.6rem;font-size: 1.6rem;line-height: 1;color: #999999;background: url(/images/main/i_time.png) no-repeat 0 50%;}
.sec02Swiper .swiper-slide-active {height: 44rem;padding: 4px;border-color: transparent;background: linear-gradient(120deg, #b59268 0%, #aa986e 100%);box-shadow: 0px 10px 27.88px 6.12px rgba(0, 0, 0, 0.1);}
.sec02Swiper .swiper-slide-active::after {content: '';position: absolute;right: -82px;bottom: -43px;width: 227px;height: 197px;background: url(/images/main/img_sec02_on.png) no-repeat 50%;}
.sec02Swiper .swiper-slide-active > a {border: 0;}
.sec02Swiper .swiper-slide-active .new .tag {display: block;}
.sec02Swiper .swiper-slide-active .tit {padding-top: 1rem;}
.sec02Swiper .swiper-slide-active .txt {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.sec02Swiper .swiper-slide > a:focus .tit,
.sec02Swiper .swiper-slide > a:hover .tit {color: #1c295b;}
/* sec02Swiper - navi */
.sec02Swiper .navi {display: flex;justify-content: center;align-items: center;gap: 440px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 5;pointer-events: none;}
.sec02Swiper .navi .btn {width: 7rem;height: 7rem;border: 1px solid #c8c8c8;border-radius: 100%;pointer-events: auto;}
.sec02Swiper .navi .prev {background: #fff url(/images/main/i_arrow_up.png) no-repeat 50%;transform: rotate(-90deg);}
.sec02Swiper .navi .next {background: #fff url(/images/main/i_arrow_up.png) no-repeat 50%;transform: rotate(90deg);}
.sec02Swiper .navi .btn:focus {background-color: var(--basic-bg);outline: auto;}
.sec02Swiper .navi .btn:hover {background-color: var(--basic-bg);}


/*** section03 ***/
#section03 .fp-overflow {overflow: hidden;max-width: calc(1400px + 6rem);width: 100%;margin: 0 auto;padding: 3rem;}
#section03 .page_tit {margin-bottom: 9rem;text-align: center;}
#section03 .lcont {display: flex;flex-direction: column;position: relative;width: 100%;max-width: 768px;}
#section03 .rcont {display: flex;flex-direction: column;position: relative;width: 100%;max-width: 562px;}
#section03 .lg_tit {margin-bottom: 2rem;font-size: 2.4rem;font-weight: 600;color: #21201d;letter-spacing: -0.03em;}
#section03 .tab {flex: 1;border-radius: 3rem;}
#section03 .tab_menu {position: absolute;right: 0;top: calc(((2.4rem * 1.45) - (1.8rem * 1.45)) / 2);}
#section03 .tab > .tab_menu li {position: relative;font-size: 1.8rem;color: #555555;letter-spacing: -0.03em;}
#section03 .tab > .tab_menu li + li {margin-left: 1.8rem;padding-left: 1.8rem;}
#section03 .tab > .tab_menu li + li::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #beb9af;}
#section03 .tab > .tab_menu li:has(.on) {font-weight: 600;color: #6d4d25;}
#section03 .tab_cont {position: relative;margin-top: 0;padding: 4rem;}
#section03 .img_area img {width: 100%;height: 100%;margin: 0;}
/** lcont **/
#section03 .lcont .tab {border: 1px solid rgba(213, 213, 213, 0.8);background: rgba(255, 255, 255, 0.8);}
#section03 .glry_area {height: 100%;}
#section03 .sec03GlrySwiper {overflow: hidden;height: 100%;}
#section03 .glry_area a {display: flex;flex-direction: column;height: 100%;}
#section03 .glry_area a .img_area {overflow: hidden;height: 200px;margin-bottom: 3rem;}
#section03 .glry_area a .txt {min-height: calc((1.7rem * 1.4) * 3);font-size: 1.7rem;font-weight: 300;line-height: 1.4;color: #555555;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;transition: 0.1s;}
#section03 .glry_area a .tag_list {display: flex;flex-wrap: wrap;gap: 4px;margin-top: auto;}
#section03 .glry_area a .tag_list li {display: inline-block;padding: 0.7rem 1.2rem;border-radius: 1.4rem;font-size: 1.4rem;line-height: 1;color: #555555;background: #f3f3f3;transition: 0.1s;}
#section03 .glry_area a:focus .txt,
#section03 .glry_area a:hover .txt {font-weight: 600;color: #1c295b;}
#section03 .glry_area a .img_area img {width: 100%;height: 100%;object-position: 50% 50%;transition: all 0.4s;}
#section03 .glry_area a:focus .img_area img,
#section03 .glry_area a:hover .img_area img {transform: scale(1.1);}
#section03 .glry_area .navi {display: flex;justify-content: space-between;align-items: center;position: absolute;left: -3rem;top: 50%;transform: translateY(-50%);width: calc(100% + 6rem);z-index: 5;pointer-events: none;}
#section03 .glry_area .navi .btn {width: 6rem;height: 6rem;border-radius: 100%;pointer-events: auto;}
#section03 .glry_area .navi .prev {background: #fff url(/images/main/i_arrow_up.png) no-repeat 50%;transform: rotate(-90deg);}
#section03 .glry_area .navi .next {background: #fff url(/images/main/i_arrow_up.png) no-repeat 50%;transform: rotate(90deg);}
#section03 .glry_area .navi .btn:focus {background-color: var(--basic-bg);outline: auto;}
#section03 .glry_area .navi .btn:hover {background-color: var(--basic-bg);}
/** rcont **/
#section03 .rcont .tab {background: #604a3c;}
#section03 .rcont .tab_cont {padding-bottom: 3.8rem;}
#section03 .recent_list li a {display: flex;position: relative;font-size: 1.8rem;font-weight: 300;line-height: 2.4rem;color: #cec5bb;}
#section03 .recent_list li:not(:first-child) a {align-items: center;}
#section03 .recent_list li:not(:first-child) a::before {content: '';display: inline-block;min-width: 4px;width: 4px;height: 4px;margin-right: 1rem;background: #dbbd93;}
#section03 .recent_list li:not(:first-child) + li {margin-top: 1.5rem;}
#section03 .recent_list li:not(:first-child) a p {display: block;position: relative;max-width: 72%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#section03 .recent_list li:not(:first-child) a span {display: inline-block;margin-left: auto;padding-left: 1rem;font-size: 1.6rem;font-weight: 300;color: #cec5bb;white-space: nowrap;}
#section03 .recent_list li:not(:first-child) a:focus p,
#section03 .recent_list li:not(:first-child) a:hover p {color: #fff;text-decoration: underline;}
#section03 .recent_list li:not(:first-child) a:focus span,
#section03 .recent_list li:not(:first-child) a:hover span {color: #fff;}
#section03 .recent_list li:first-child a {gap: 3rem;margin-bottom: 2.6rem;padding-bottom: 3rem;border-bottom: 1px solid #7b6659;color: #fff;}
#section03 .recent_list li:first-child .img_area {overflow: hidden;min-width: 200px;height: 170px;max-height: 170px;border-radius: 2rem;}
#section03 .recent_list li:first-child .img_area img {width: 100%;height: 100%;object-position: 50% 50%;transition: all 0.4s;}
#section03 .recent_list li:first-child a:focus .img_area img,
#section03 .recent_list li:first-child a:hover .img_area img {transform: scale(1.1);}
#section03 .recent_list li:first-child .img_area + div {display: flex;flex-direction: column;}
#section03 .recent_list li:first-child .tit {display: block;margin-bottom: 1rem;font-size: 2.2rem;font-weight: 600;line-height: 1.4;color: #ffdcb1;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#section03 .recent_list li:first-child .tit + p {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#section03 .recent_list li:first-child .date {display: block;margin-top: auto;padding-left: 2.6rem;font-size: 1.6rem;color: #cec5bb;white-space: nowrap;background: url(/images/main/i_time02.png) no-repeat 0 50%;}
#section03 .recent_list li:first-child a:focus .tit,
#section03 .recent_list li:first-child a:hover .tit {text-decoration: underline;}



/*** pop_agree ***/
.pop_agree {left: 50% !important;top: 50% !important;transform: translate(-50%, -50%) !important;}
.pop_agree .scr_box {padding: 1rem;border: 1px solid #d5d5d5;border-radius: 5px;font-size: 16px;font-weight: 300;line-height: 1.25;color: #5f5f5f;letter-spacing: -0.04em;}
.pop_agree .scr_box > div {max-height: 9.6rem;padding: 1rem;}
.pop_agree .scr_box .simplebar-track {background: none;right: -5px !important;top: -4px !important;bottom: -4px !important;}
.pop_agree .scr_box .simplebar-track.simplebar-vertical {width: 6px !important;}
.pop_agree .scr_box .simplebar-scrollbar::before {background: #6a6a6a !important;}
.pop_agree .chk {margin-top: 1rem;text-align: right;}
.pop_agree .chk > span {margin: 0;}
.pop_agree .chk > span + span {margin-left: 3rem;}
.pop_agree .pop_footer {display: flex;justify-content: space-between;gap: 0.6rem;padding-bottom: 30px;}
.pop_agree .pop_footer .btn {width: 100%;max-width: 200px;height: 60px;border-radius: 10px;font-size: 22px;font-weight: 700;line-height: 58px;}
/* table */
.pop_agree .board_write > tbody > tr > th, .board_write > tbody > tr > td {padding: 7px 10px;border-bottom-color: #d1d1d1;font-size: 15px;}
.pop_agree .board_write > tbody > tr > th {padding-left: 20px;}
.pop_agree .board_write > tbody > tr > td + td[rowspan] {border-left-color: #d1d1d1;}
.pop_agree .phone input, .pop_agree .phone select,
.pop_agree .email input, .pop_agree .email select {min-width: auto;max-width: min(calc(100% / 3), 160px);}



/*** responsive ***/
@media all and (max-width: 1440px) {
    html.fp-enabled,
    .fp-enabled body {overflow: auto !important;height: auto !important;}
    #wrapper {height: auto !important;}
    #fullpage {transform: none !important;touch-action: auto !important;}
    section.section {min-height: auto !important;}
    .fp-overflow {max-height: none !important;}
}

@media all and (max-width: 1440px) and (min-width: 1201px) {
    #section01 .map_info .link li {flex-direction: column;}
}

@media all and (max-width: 1440px) and (min-width: 1025px) {
    #header.bg {background: #fff;}

    /*** section bg ***/
    section.section {height: auto !important;padding-top: 0;}
    section.section .flex {gap: 4%;}
    #section01 {padding: 15rem 2rem 5rem;}
    #section01::before {left: 0;bottom: 0;width: 353px;height: 541px;}
    #section01::after {right: 48px;top: 62px;width: 347px;height: 210px;}
    #section02 {padding: 5rem 0rem;}
    #section02::before {left: 0;top: 129px;width: 194px;height: 270px;background-size: auto 100%;}
    #section02::after {right: 0;top: 0;width: 156px;height: 197px;background-size: auto 140%;}
    #section03 {padding: 5rem 2rem;}
    #section03::before {left: 15px;bottom: 20px;width: 212px;height: 414px;}
    #section03::after {top: 50px;width: 314px;height: 335px;}

    /*** section ***/
    #section01 .fp-overflow {gap: 4%;}
    #section01 .lcont {max-width: 55%;}
    #section01 .rcont {max-width: 41%;}
    #section01 .title::before {left: -75px;top: -61px;width: 159px;height: 159px;background-size: auto 100%;}
    .sec01CNSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;margin: 0;}
    .sec02Swiper .swiper-slide-active::after {right: -73.8px;bottom: -38.7px;width: 204.3px;height: 177.3px;background-size: auto 100%;}
    #section03 .lcont {max-width: 53%;}
    #section03 .rcont {max-width: 43%;}
    #section03 .tab_cont {height: auto;padding: 3rem;}
    #section03 .rcont .tab_cont {padding-bottom: 3rem;}
}

@media all and (max-width: 1200px) {
    #header .wrap {gap: 5rem;}

    /*** section01 ***/
    #section01 {padding: 10rem 0 4rem;}
    #section01 .fp-overflow {display: block;padding: 0;}
    /** lcont **/
    #section01 .lcont {max-width: none;padding: 5.5rem 2rem 0;}
    #section01 .title p {padding-right: 40%;}
    /* rcont */
    #section01 .rcont {max-width: none;margin-top: 4rem;}
    #section01 .search_box {display: none;}
    .cns_area {display: block;height: auto;margin-top: 0;padding-bottom: 3.7rem;border-radius: 0;background: none;}
    .cns_area .cns_top {display: block;min-width: auto;margin-bottom: 1.5rem;padding: 0 2rem;}
    .cns_area .cns_top .tit {writing-mode: inherit;}
    .cns_area .cns_top .navi {position: absolute;left: 0;bottom: 4rem;width: 100%;}
    .cns_area .cns_top .navi > *:not(.swiper-pagination) {display: none;}
    .cns_area .cns_top .navi .swiper-pagination {margin: 0;line-height: 1;writing-mode: inherit;}
    .cns_area .cns_top .navi .swiper-pagination-bullet {opacity: 1;margin: 0 7px;background: #e9d9bb;}
    .cns_area .cns_top .navi .swiper-pagination-bullet-active {background: #967255;}
    .sec01CNSwiper {padding-left: 2rem;}
    .sec01CNSwiper .swiper-slide {overflow: hidden;border-radius: 1.6rem;}
    .sec01CNSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
    
    /*** section02 ***/
    #section02 .fp-overflow {padding: 0;}

    /*** section03 ***/
    #section03 .fp-overflow {padding: 0 2rem;}
    #section03 .recent_list li:first-child .img_area {min-width: 180px;}
}

@media all and (min-width: 1025px) {
    .mb_bg {display: none;}
}

@media all and (max-width: 1024px) {
    #fp-nav {display: none;}
    
    /*** layout ***/
    #header.bg {background: #fff;}
    /* section */
    section.section .flex {display: block;}
    /* bg - section01 */
    #section01 {background: linear-gradient(90deg, #f5f0e5 0%,  #faf3e4 50%,  #f6eedc 100%);}
    #section01::before {left: auto;right: 7.5rem;top: 19.6rem;bottom: auto;width: 4.3rem;height: 4.2rem;background: url(/images/main/bg_sec01_mb_img.png) no-repeat 50% / auto 100%;}
    #section01::after {right: 1.3rem;top: 8.2rem;width: 18.8rem;height: 11.4rem;}
    /* bg - section02 */
    #section02 {background-size: auto 15.5rem;}
    #section02::before {left: 0;top: 7.3rem;width: 9rem;height: 14.2rem;background-size: 14.1rem auto;}
    #section02::after {right: 0;top: 0;width: 9.9rem;height: 10rem;background-size: 14.1rem auto;}
    /* bg - section03 */
    #section03 {overflow: hidden;background: linear-gradient(90deg, #f5f0e5 0%,  #faf3e4 50%,  #f6eedc 100%);}
    #section03::before {left: 5.4rem;top: 3rem;width: 8rem;height: 4.9rem;background-image: url(/images/main/bg_sec03_mb_img01.png);}
    #section03::after {right: -1.1rem;top: 3rem;width: 10.3rem;height: 9.8rem;background-image: url(/images/main/bg_sec03_mb_img02.png);}
    #section03 .mb_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -2;pointer-events: none;}
    #section03 .mb_bg .bg01 {position: absolute;left: -9.6rem;top: -17.1rem;width: 29.1rem;height: 25.9rem;background: url(/images/main/bg_sec03_mb01.png) no-repeat 0 0 / auto 100%;}
    #section03 .mb_bg .bg02 {position: absolute;right: -9.1rem;top: -9.6rem;width: 29rem;height: 29rem;background: url(/images/main/bg_sec03_mb02.png) no-repeat 0 100% / auto 100%;}
    #section03 .mb_bg .bg03 {position: absolute;left: 0;top: 38.9rem;width: 8.2rem;height: 6rem;background: url(/images/main/bg_sec03_mb03.png) no-repeat  0 0 / auto 100%;}
    #section03 .mb_bg .bg04 {position: absolute;left: -2.6rem;bottom: -1.4rem;width: 12.7rem;height: 12.7rem;background: url(/images/main/bg_sec03_mb04.png) no-repeat 0 0 / auto 100%;}
    #section03 .mb_bg .bg05 {position: absolute;right: 0;bottom: 0;width: 9.4rem;height: 9.9rem;background: url(/images/main/bg_sec03_mb05.png) no-repeat 0 0 / auto 100%;}


    /*** title ***/
    .page_tit {font-size: 3rem;}
    .page_tit span {padding: 1.5rem 1.1rem 0;}
    .page_tit span::before {width: 0.8rem;height: 0.8rem;}


    /*** section01 ***/
    #section01 {padding: 6.6rem 0 4rem;}
    /** lcont **/
    #section01 .lcont {max-width: none;padding: 5.5rem 2rem 0;}
    #section01 .page_tit {font-size: 3.5rem;}
    #section01 .title::before {left: -54px;top: -45px;width: 100px;height: 100px;background-size: auto 100%;}
    #section01 .title p {padding-right: 5rem;font-size: 1.6rem;}
    /* lcont - quick_link */
    #section01 .quick_link {gap: 0.7rem;margin-top: 3rem;}
    #section01 .quick_link li {width: calc((100% - 0.7rem) / 2);}
    #section01 .quick_link li a {min-height: 5rem;padding: 2rem;border-radius: 1.6rem;font-size: 1.6rem;background-size: auto 80%;}
    #section01 .quick_link li a small {font-size: 1.4rem;}
    #section01 .quick_link li:nth-child(1) a {background-position: calc(100% - 2rem) calc(50% + 9px);}
    #section01 .quick_link li:nth-child(2) a {background-position: calc(100% - 3.2rem) calc(50% + 11px);}
    #section01 .quick_link li:nth-child(3) a {background-position: calc(100% - 2rem) 50%;}
    #section01 .quick_link li:nth-child(4) a {background-position: calc(100% - 2.5rem) calc(50% + 13px);}
    /* lcont - map_info */
    #section01 .map_info {margin-top: 2.8rem;}
    #section01 .map_info .lg_tit {margin-bottom: 1.5rem;font-size: 1.5rem;}
    #section01 .map_info .lg_tit em {font-size: 2rem;}
    #section01 .map_info .link {gap: 1.5rem 4rem;height: auto;padding: 2rem;border-radius: 1.6rem;}
    #section01 .map_info .link li {font-size: 1.6rem;}
    #section01 .map_info .link li + li::before {left: -2rem;height: 2rem;}
    #section01 .map_info .link li .btn {min-width: 3rem;width: 3rem;height: 3rem;}
    #section01 .map_info .link li .btn::before {background-size: 40% auto !important;}
    #section01 .map_info .link li .btn.kakao::before {background-size: auto 100% !important;}


    /*** section02 ***/
    #section02 {padding: 4rem 0;}
    .sec02Swiper {height: 53rem;padding-left: 2rem;}
    .sec02Swiper .navi {display: none;}
    .sec02Swiper .swiper-slide {max-width: none;height: 30rem;border-radius: 2rem;}
    .sec02Swiper .swiper-slide > a {padding: 3rem;border-radius: calc(2rem - 4px);}
    .sec02Swiper .swiper-slide .new .tag {left: 2rem;top: -2rem;width: 4rem;height: 4rem;font-size: 1.2rem;line-height: 4rem;}
    .sec02Swiper .swiper-slide .tit {font-size: 2rem;}
    .sec02Swiper .swiper-slide .txt {font-size: 1.5rem;}
    .sec02Swiper .swiper-slide .date {padding-left: 2rem;font-size: 1.4rem;background-size: auto 100%;}
    .sec02Swiper .swiper-slide-active {height: 40rem;}
    
    
    /*** section03 ***/
    #section03 {padding: 4rem 0;}
    #section03 .page_tit {margin-bottom: 5.4rem;}
    #section03 .lg_tit {margin-bottom: 1.5rem;font-size: 2rem;}
    #section03 .tab_menu {top: calc(((2rem * 1.45) - (1.6rem * 1.45)) / 2);}
    #section03 .tab > .tab_menu li {font-size: 1.6rem;}
    #section03 .tab > .tab_menu li + li {margin-left: 1.4rem;padding-left: 1.4rem;}
    #section03 .tab_cont {height: auto;max-height: none;}
    /* lcont */
    #section03 .lcont {max-width: none;}
    #section03 .lcont .tab {border-radius: 1.6rem;}
    #section03 .lcont .tab_cont {padding: 2.5rem;}
    #section03 .glry_area a .img_area {height: 207px;margin-bottom: 2rem;}
    #section03 .glry_area a .txt {min-height: calc((1.4rem * 1.4) * 3);font-size: 1.6rem;-webkit-line-clamp: 3;}
    #section03 .glry_area a .tag_list {gap: 7px;}
    #section03 .glry_area a .tag_list li {padding: 0.6rem 1rem;font-size: 1.3rem;}
    #section03 .glry_area .navi {display: none;}
    /* rcont */
    #section03 .rcont {max-width: none;margin-top: 4rem;}
    #section03 .rcont .tab {border-radius: 1.6rem;}
    #section03 .rcont .tab_cont {padding: 2.5rem;}
    #section03 .recent_list li a {font-size: 1.5rem;line-height: 2rem;}
    #section03 .recent_list li:not(:first-child) a::before {min-width: 3px;width: 3px;height: 3px;margin-right: 0.8rem;}
    #section03 .recent_list li:not(:first-child) + li {margin-top: 1rem;}
    #section03 .recent_list li:not(:first-child) a span {font-size: 1.4rem;}
    #section03 .recent_list li:first-child a {gap: 2.5rem;margin-bottom: 2rem;padding-bottom: 2rem;font-size: 1.6rem;}
    #section03 .recent_list li:first-child .img_area {border-radius: 1.6rem; max-width:240px; height:auto; max-height: none;}
    #section03 .recent_list li:first-child .tit {margin-bottom: 1rem;font-size: 1.9rem;}
    #section03 .recent_list li:first-child .date {padding-left: 2rem;font-size: 1.4rem;line-height: 1;background-size: auto 100%;}


    /*** pop_agree ***/
    .pop_agree .scr_box {padding: 5px;font-size: 15px;}
    .pop_agree .scr_box > div {padding: 5px;}
    .pop_agree .scr_box .simplebar-track {right: 0 !important;top: 0 !important;bottom: 0 !important;}
    .pop_agree .pop_footer .btn {height: 50px;border-radius: 7px;font-size: 17px;line-height: 48px;}
}

@media all and (max-width: 767px) {
    /*** section01 ***/
    #section01 .quick_link li {width: 100%;}
    #section01 .map_info .link {flex-direction: column;}
    #section01 .map_info .link li {width: 100%;}
    #section01 .map_info .link li + li::before {display: none;}
    
    /*** section02 ***/
    .sec02Swiper {height: 48rem;}
    .sec02Swiper .swiper-slide {height: 25rem;}
    .sec02Swiper .swiper-slide-active {height: 35rem;}
    .sec02Swiper .swiper-slide-active::after {transform: scale(0.8);}

    /*** pop_agree ***/
    .pop_agree table, .pop_agree tbody {display: block;}
    .pop_agree tr {display: flex;flex-wrap: wrap;}
    .pop_agree th {display: inline-flex;align-items: center;width: 30%;height: auto !important;word-break: break-all;}
    .pop_agree td {display: inline-block;width: 70%;height: auto !important;}
    .pop_agree .phone {display: flex;align-items: baseline;gap: 2px;}
    .pop_agree .email {display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 0;}
    .pop_agree .email .gap {width: 15px;margin: 0 5px;}
    .pop_agree .email input:first-child,
    .pop_agree .email select {width: calc((100% - 25px) / 2);max-width: none;}
    .pop_agree .email input:last-child {width: 100%;max-width: 100%;}
}

@media all and (max-width: 480px) {
    /*** section03 ***/
    #section03 .recent_list li:first-child a {flex-direction: column;}
    #section03 .recent_list li:first-child .date {margin-top: 3rem;}
    #section03 .recent_list li:first-child .img_area {min-width:100%; max-width:100%;}
}


/*** eng ***/
#container.eng {display: flex;flex-direction: column;justify-content: center;position: relative;}
#container.eng {padding-top: 10rem;background: url(/images/main/bg_sec01.png) no-repeat 50% / cover;z-index: 0;}
#container.eng .main_txt {position: relative;margin-bottom: 1rem;font-size: 3rem;font-weight: 300;color: #111111;letter-spacing: -0.03em;}
#container.eng .main_txt::before {content: '';position: absolute;left: -94px;top: -76px;width: 199px;height: 199px;background: url(/images/main/img_txt_thesool.png) no-repeat 50%;z-index: -1;animation: ani_spin 10s infinite linear;}
#container.eng .lg_tit {margin-bottom: 0.5rem;font-size: 3rem;color: #111111;letter-spacing: -0.03em;}
#container.eng .links {display: flex;gap: 54px;height: 100%;padding: 0;}
#container.eng .cols {display: flex;flex-direction: column;gap: 3rem;width: 760px;}
#container.eng .item {display: flex;flex-direction: column;justify-content: center;}
#container.eng .item {position: relative;height: 100%;max-height: 180px;padding: 2.5rem 3rem;border-radius: 3rem;font-size: 1.8rem;font-weight: 300;color: #111111;letter-spacing: -0.03em;background: #fff;z-index: 0;}
#container.eng .item:nth-child(2) {align-items: flex-end;text-align: right;}
#container.eng .item:nth-child(3) {flex-direction: row;justify-content: space-between;align-items: center;}
#container.eng .item::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 3rem;z-index: -1;}
#container.eng .item:nth-child(1)::before {background: url(/images/main/eng_link_bg01.png) no-repeat 100% 50% / auto 100%;}
#container.eng .item:nth-child(2)::before {background: url(/images/main/eng_link_bg02.png) no-repeat 0 50% / auto 100%;}
#container.eng .item:nth-child(3)::before {background: url(/images/main/eng_link_bg03.png) no-repeat 100% 50% / auto 100%;}
#container.eng a.item:focus,
#container.eng a.item:hover {box-shadow: 0px 12px 14.4px 1.6px rgba(0, 0, 0, 0.04);}
#container.eng a.item:focus .lg_tit,
#container.eng a.item:hover .lg_tit {text-decoration: underline;}
#container.eng .item p {max-width: 425px;}
#container.eng .item .btns a {display: block;width: 200px;padding: 0 2rem;border: 1px solid #999999;border-radius: 25px;font-size: 1.8rem;font-weight: 300;line-height: 43px;color: #111111;letter-spacing: 0;text-align: center;background: #fff;transition: 0.1s;}
#container.eng .item .btns a span {position: relative;}
#container.eng .item .btns a span::after {content: '\e940';font-family: 'xeicon';position: absolute;right: -2.5rem;top: 50%;transform: translateY(-50%);font-size: 1.5rem;}
#container.eng .item .btns a + a {margin-top: 1.5rem;}
#container.eng .item .btns a:focus,
#container.eng .item .btns a:hover {border-color: #644b3d;color: #fff;background: #644b3d;}
#container.eng .cns_area {width: 586px;height: 600px;margin-top: 0;}
/* bg */
#container.eng::before,
#container.eng::after {content: '';position: absolute;background-repeat: no-repeat;background-size: auto 100%;z-index: -1;transition: 0.8s 0.5s;pointer-events: none;}
#container.eng::before {left: 0;bottom: 0;width: 441px;height: 676px;background-image: url(/images/main/bg_sec01_img01.png);}
#container.eng::after {right: 60px;top: 77px;width: 434px;height: 263px;background-image: url(/images/main/bg_sec01_img02.png);animation: ani_floating 1s infinite alternate;}
/** eng - responsive **/
@media (max-width: 1440px) and (min-width: 1025px) {
    #container.eng {padding: 15rem 0 5rem;}
    #container.eng::before {left: 0;bottom: 0;width: 353px;height: 541px;}
    #container.eng::after {right: 48px;top: 62px;width: 347px;height: 210px;}
    #container.eng #content {padding: 0;}
    #container.eng .main_txt::before {left: -75px;top: -61px;width: 159px;height: 159px;background-size: auto 100%;}
    #container.eng .links {gap: 4%;padding: 0 2rem;}

}
@media (max-width: 1440px) {
    #container.eng .main_txt {padding: 0 2rem;}
}
@media (max-width: 1200px) {
    #container.eng .links {display: block;padding: 0;}
    #container.eng .cols {gap: 2rem;width: auto;margin-bottom: 4rem;padding: 0 2rem;}
    #container.eng .item {height: auto;max-height: none;}
    #container.eng .item p {max-width: 70%;}
    #container.eng .cns_area {width: auto;height: auto;}
}
@media (max-width: 1024px) {
    #container.eng {padding: 6.6rem 0 4rem;background: linear-gradient(90deg, #f5f0e5 0%,  #faf3e4 50%,  #f6eedc 100%);}
    #container.eng::before {left: auto;right: 7.5rem;top: 19.6rem;bottom: auto;width: 4.3rem;height: 4.2rem;background: url(/images/main/bg_sec01_mb_img.png) no-repeat 50% / auto 100%;}
    #container.eng::after {right: 1.3rem;top: 8.2rem;width: 18.8rem;height: 11.4rem;}
    #container.eng #content {padding: 5.5rem 0 0;}
    #container.eng .main_txt {font-size: 2.5rem;}
    #container.eng .main_txt::before {left: -54px;top: -45px;width: 100px;height: 100px;background-size: auto 100%;}
    #container.eng .lg_tit {font-size: 2rem;}
    #container.eng .item {padding: 1.5rem 2rem;border-radius: 1.6rem;font-size: 16px;}
    #container.eng .item::before {border-radius: 1.6rem;}
    #container.eng .item .btns a {width: auto;font-size: 15px;line-height: 38px;}
    #container.eng .item .btns a + a {margin-top: 1rem;}
    #container.eng .item .btns a span::after {position: relative;right: auto;top: auto;transform: none;margin-left: 1rem;font-size: 1.2rem;}
}
@media all and (max-width: 767px) {
    #container.eng .main_txt {font-size: 2.2rem;}
    #container.eng .item:nth-child(3) {display: block;}
    #container.eng .item::before {opacity: 0.3;}
    #container.eng .item p {max-width: none;}
    #container.eng .item .btns {margin-top: 1.5rem;}
}