/* font */
@font-face {
    font-family: 'Eulyoo1945';
    src: url('/font/Eulyoo1945-Regular.woff2') format('woff2'),
            url('/font/Eulyoo1945-Regular.woff') format('woff'),
            url('/font/Eulyoo1945-Regular.eot');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Eulyoo1945';
    src: url('/font/Eulyoo1945-SemiBold.woff2') format('woff2'),
            url('/font/Eulyoo1945-SemiBold.woff') format('woff'),
            url('/font/Eulyoo1945-SemiBold.eot');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* 공통 */
:root {
    /* 
    --font-stix : "STIX Two Text", serif;
    --font-pop : "Poppins"; */
    --color1 : #222;
    --color2 : #B08358;
    --background1 : #FAF7EF;
    --background2 : #F3EFE6;
    
    --font-wix : "Wix Madefor Display", sans-serif;
    --font-euly : 'Eulyoo1945';
    --font-gmark  :'GmarketSans', sans-serif;
    --font-sans  :'Sansation', sans-serif;
    --font-pre  :'Pretendard', sans-serif;
}
body {background: var(--background1);}

p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:100rem; margin:0 auto; width: 100%;}

.flex {display: flex; align-items: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.flex-jc {display: flex; align-items: center; justify-content: center;}


/* HEADER */
.header {position: fixed; top: 0; left: 0; width: 100%; height: 5rem; z-index: 100; transition: all .3s;}
.header * {color: var(--color1); font-size: 1rem; font-weight: 600; letter-spacing: -0.05rem;}
.header .inner {height: 100%;}
.header h1 img {height: 2.8125rem;}
.header .gnb a {position: relative; font-family: var(--font-gmark); font-weight: 400; line-height: 1;}
.header .gnb {gap: 3.12rem;}
.header .gnb a:hover {color: var(--color2); font-weight: 600; text-decoration: underline; text-underline-offset: 0.438rem;}

/* FOOTER */
.footer {border-top: 0.0625rem solid #BEBEBE; height: 6.25rem !important; width: 100%;}
.footer > .inner {height: 100%;}
.footer .left {display: flex; gap: 1.25rem; align-items: center;}
.footer .copy {font-size: 1rem; font-weight: 400; color: #000;}
.footer .use {display: flex; align-items: center; gap: 0.9375rem;}
.footer .use * {font-size: 1rem; color: #000; font-weight: 400; cursor: pointer;}
.footer .use strong {font-weight: 600;}
.footer .right {display: flex; align-items: center; gap: 1.25rem;}
.footer .right a {display: flex; align-items: center; gap: 0.625rem; font-size: 0.875rem; font-weight: 400;}
.footer .right a img {width: 1.25rem;}
.footer .right .line {display: block; width: 0.0625rem; height: 0.75rem; background: rgba(0, 0, 0, 0.20);}

/* SIDE QUICK */
.quickSide {position: fixed; right: 1.56rem; bottom: 3.12rem; z-index: 99;}
.quickSide > ul {display: flex; flex-direction: column; align-items: center; gap: 0.625rem;}
.quickSide > ul > li {display: block; border-radius: 0.9375rem; width: 3.75rem; height: 3.75rem; border-radius: 0.9375rem; background: var(--color2);}
.quickSide > ul > li a {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .25rem; width: 100%; height: 100%;}
.quickSide > ul li a img {width: 1.25rem;}
.quickSide > ul li a p {text-align: center; font-size: 0.625rem; font-weight: 700; color: #fff; letter-spacing: -.2.813;}
.quickSide > ul li.top_btn {background: #000;}
.quickSide > ul li.top_btn a {gap: 0;}


/********** main **********/
/***** common *****/
.fp-watermark {display: none;}
.fp-table,
.fp-overflow {height: 100%;}
.fp-overflow {display: flex; align-items: center;}
/* sub_tit */
.sub_tit {text-align: center; margin-bottom: 3.75rem;}
.sub_tit em {font-size: 1.125rem; font-weight: 400; color: var(--color1); font-family: var(--font-sans); line-height: 1.5;}
.sub_tit h2 {margin-top: 1rem; font-size: 2.8125rem; font-weight: 600; color: var(--color1); letter-spacing: -0.05rem; font-family: var(--font-gmark);}
.sub_tit p {margin-top: 1rem; font-size: 1.25rem; font-weight: 400; color: #000; line-height: 1.5;}
/* animation */
[ani="up"] {opacity: 0; transform: translateY(2.5rem); transition: all 1s 0.5s;}
.section.active [ani="up"] {opacity: 1; transform: translateY(0);}
[ani="right"] {opacity: 0; transform: translateX(-50%); transition-property: opacity ,transform; transition-timing-function: cubic-bezier(0.01, 0.08, 0.49, 0.95); transition-duration: 1s;}
.section.active [ani="right"] {opacity: 1; transform: translateX(0);}
.section [ani-delay="1000"] {transition-delay: 1000ms;}
.section [ani-delay="1500"] {transition-delay: 1500ms;}

/* swiper bottom */
.swiper_bot {display: inline-flex; align-items: center; gap: 0 2.1875rem; z-index: 1; width: auto; margin: 0;}
.swiper_bot .swiper-pagination {display: inline-flex; align-items: center; margin: 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; transition: all .3s; width: auto; font-size: 0; gap: 0.625rem;}
.swiper_bot .swiper-pagination span {color: #000; font-family: var(--font-sans);}
.swiper_bot .swiper-pagination span.line {display: block; width: 0.0625rem; height: 0.625rem; background: #000; opacity: .2; transform: rotate(25deg);}
.swiper_bot .swiper-pagination .swiper-pagination-current {font-size: 1.56rem; font-weight: 700; min-width: 2.063rem; display: block;}
.swiper_bot .swiper-pagination .swiper-pagination-total {font-size: 1rem; font-weight: 400;}
.swiper_bot .arrowCont {display: flex; align-items: center; gap: 0.9375rem;}
.swiper_bot .arrowCont .arrow {display: flex; align-items: center; justify-content: center; width: 4.38rem; height: 4.38rem; border-radius: 100%; border: 0.0625rem solid #000; margin: 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; transition: all .3s;}
.swiper_bot .arrowCont .arrow:hover {background: #000;}
.swiper_bot .arrowCont .arrow::after {display: none;}
.swiper_bot .arrowCont .arrow img {width: 1.875rem; transition: all .3s;}
.swiper_bot .arrowCont .arrow:hover img {filter: brightness(0) invert(1);}

#main {background: #FDF9EF;}
/* visual */
.visual {position: relative; height: 100%; overflow: hidden;}
.visual .wrapper,
.visual .slick-list,
.visual .slick-track {height: 100%;}
.visual .item {width: 100%; height: 100%; overflow: hidden; position: relative;}
.visual .item img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.visual .item .txt {position: absolute; bottom: 24.25rem; left: 50%; transform: translateX(-50%);}
.visual .item .txt em {font-size: 1.125rem; font-weight: 400; font-family: var(--font-sans); line-height: 1.56; color: var(--color1);}
.visual .item .txt .flex {margin-top: .81rem; gap: 5rem;}
.visual .item .txt h2 {font-size: 3.5625rem; font-weight: 600; line-height: 1.12; color: var(--color1); font-family: var(--font-gmark);}
.visual .item .txt p {font-size: 1.25rem; font-weight: 400; color: #000; line-height: 1.5;}
.visual .item .txt .line {display: block; width: 11.25rem; height: 0.0625rem; background: #000;}
.visual .swiper_bot {position: absolute; left: 50%; transform: translateX(-50%); bottom: 15rem; width: 100%;}

/* section01 */
.section01 {background: url('/img/main/sec01_bg.png') no-repeat center/cover;}
.section01 .cont {display: flex; align-items: center; gap: 5.625rem;}
.section01 .cont .swiper {overflow: hidden;}
.section01 .left {width: 47.5rem;}
.section01 .left .swiper-slide {width: 100%; border-radius: 1.25rem; overflow: hidden;}
.section01 .left .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.section01 .right {width: calc(100% - 47.5rem - 5.625rem);}
.section01 .right .swiper-slide span {color: var(--color1); font-family: var(--font-euly); font-size: 4.38rem; font-weight: 600; letter-spacing: -0.125rem; opacity: .1;}
.section01 .right .swiper-slide h3 {margin-top: -1.875rem; color: var(--color1); font-size: 2.5rem; font-weight: 800;}
.section01 .right .swiper-slide p {margin-top: 2.5rem; color: #000; font-size: 1.25rem; font-weight: 400; line-height: 1.5;}
.section01 .swiper_bot {margin-top: 4.38rem;}

/* section02 */
.section02 {background: url('/img/main/sec02_bg.png') no-repeat center/cover;}
.section02 .cont {margin-top: 4.313rem; display: flex; align-items: flex-start; gap: 3.12rem;}
.section02 .left {width: calc(100% - 53.125rem - 3.12rem); height: 34.563rem; position: relative;}
.section02 .left .item {position: absolute; top: 0; left: 0; opacity: 0; transition: all .3s; width: 100%; height: 100%; border-radius: 1.25rem; overflow: hidden;}
.section02 .left .item.on {opacity: 1;}
.section02 .left img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.section02 .left .txt {position: absolute; left: 2.5rem; bottom: 2.8125rem;}
.section02 .left .txt  > span {color: #000; font-size: 1rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.029rem; text-decoration: underline; text-underline-offset: 0.188rem;}
.section02 .left .txt .flex {margin-top: 0.75rem; align-items: flex-end; gap: 0.75rem;}
.section02 .left .txt .flex strong {font-size: 1.75rem; font-weight: 700; color: #000; letter-spacing: -.2.813; line-height: 1.2;}
.section02 .left .txt .flex span {font-size: 1rem; font-weight: 400; color: #000; line-height: 1.25;}
.section02 .right {width: 53.125rem;}
.section02 .right ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.875rem;}
.section02 .right ul li {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 10.313rem; border-radius: 0.625rem; border: 0.0625rem solid #000; transition: all .3s;}
.section02 .right ul li * {transition: all .3s;}
.section02 .right ul li span {color: #000; font-size: 1rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.029rem; text-decoration: underline; text-underline-offset: 0.188rem; text-align: center;}
.section02 .right ul li strong {display: block; margin-top: 1rem; font-size: 1.5rem; font-weight: 400; letter-spacing: -.2.813rem; line-height: 1.25; text-align: center;}
.section02 .right ul li p {margin-top: .25rem; font-size: 1rem; font-weight: 400; line-height: 1.25; text-align: center;}
.section02 .right ul li.on {background: var(--color2); border-color: var(--color2);}
.section02 .right ul li.on * {color: #fff;}

/* section03 */
.section03 {position: relative; overflow: hidden;}
.section03 .fp-overflow {align-items: flex-end;}
.section03::after {content: ""; background: url('/img/main/sec03_bg.png') no-repeat center/contain; width: 50rem; height: 54.938rem; position: absolute; right: 19.375rem; bottom: -9.688rem; z-index: -1;}
.section03 .cont {gap: 5.438rem;}
.section03 .img {width: 53.688rem;}
.section03 .txt {width: calc(100% - 53.688rem - 5.438rem);}
.section03 .txt .sub_tit {text-align: left;}
.section03 .txt .sub_tit h2 {line-height: 1.15;}
.section03 .name .flex {gap: 0.625rem; align-items: flex-end; font-size: 1.125rem; font-weight: 400;}
.section03 .name .flex strong {font-size: 2.5rem; font-weight: 600; color: var(--color1); letter-spacing: -0.025rem;}
.section03 .name h3 {margin-top: 1.25rem; font-size: 2rem; font-weight: 400; color: var(--color1); font-family: var(--font-gmark); line-height: 1.25;}
.section03 .his {margin-top: 1.875rem; border-top: 0.0625rem solid #222; padding-top: 3.12rem;}
.section03 .his > strong {display: block; font-size: 1.125rem; font-weight: 700; color: var(--color1); line-height: 1.5;}
.section03 .his .flex {margin-top: 1.25rem; gap: 1.25rem;}
.section03 .his li {font-size: 1.125rem; font-weight: 500; color: #444; line-height: 1.5; padding-left: 1rem; position: relative;}
.section03 .his li::before {content: ""; width: 0.375rem; height: 0.375rem; border-radius: 100%; background: var(--color2); position: absolute; left: 0; top: 0.75rem;}
.section03 .his li + li {margin-top: 0.375rem;}

/* section04 */
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index:1000;}
.cursor{display:flex; justify-content:center; align-items:center; gap: .25rem; width: 0rem; height: 0rem; border-radius:50%; background:var(--color2); transition:all 0.3s; transform: translate(-50%, -50%);}
.cursor span{font-size: 0; font-weight: 500; letter-spacing: -00.05rem; color:#fff; transition:all 0.3s; font-family: var(--font-sans);}
.cursor img{width:0; transition:all 0.3s;}
.cursor.on{width: 8.125rem; height: 8.125rem;}
.cursor.on span{font-size: 1.125rem;}
.cursor.on img{width:1rem;}
.section04 .fp-overflow {overflow: hidden;}
.section04 .inner {position: relative;}
.section04 .top_tit {align-items: flex-end;}
.section04 .sub_tit {text-align: left; margin-bottom: 0;}
.section04 .sub_tit em {font-family: var(--font-pre);}
.section04 .swiper_cont {position: relative;}
.section04 .swiper_cont::before {content: ""; width: 100%; left: -100%; height: 100%; background: #FDF9EF; z-index: 2; position: absolute; top: 0;}
.section04 .swiper {margin-top: 4.38rem;}
.section04 .swiper-slide {position: relative; width: 35.625rem; height: 28.125rem; margin-right: 2.5rem; overflow: hidden; border-radius: 1.25rem;}
.section04 .swiper-slide::after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(142, 92, 44, 0.00) 44.71%, rgba(142, 92, 44, 0.80) 100%);}
.section04 .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.section04 .swiper-slide .txt {position: absolute; left: 0; padding: 2.1875rem 2.5rem; bottom: 00; color: #fff; z-index: 1;}
.section04 .swiper-slide em {font-size: 1.125rem; font-weight: 600; line-height: 1.56;}
.section04 .swiper-slide strong {display: block; margin-top: 0.75rem; font-size: 1.75rem; font-weight: 700;}
.section04 .swiper-slide p {margin-top: 0.75rem; font-size: 1.125rem; font-weight: 400; line-height: 1.56;}

/* section05 */
.section05 {position: relative; background: url('/img/main/sec05_bg.png') no-repeat center/cover;}
.section05::before {content: ""; background: url(/img/main/sec05_bgTxt.png) no-repeat center / contain; width: 100%; height: 9.063rem; position: absolute; left: 0; bottom: 0;}
.section05 .inner {display: flex; align-items: center; gap: 6rem;}
.section05 .left {width: calc(100% - 62.625rem - 6rem);}
.section05 .tabCont {width: 62.625rem; overflow: hidden;}
.section05 .left .sub_tit {margin-bottom: 4.38rem; text-align: left;}
.section05 .tab li {padding: 1rem 0; width: 12.5rem; color: rgba(0, 0, 0, 0.7); font-size: 1.25rem; font-weight: 500; line-height: 1.5; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.40); cursor: pointer;}
.section05 .tab li.on {color: #000; border-color: #000;}
.section05 .cont {display: none;}
.section05 .cont.on {display: block;}
.section05 .swiper {position: relative;}
.section05 .swiper-slide {border-radius: 1.25rem; overflow: hidden; /* height: 37.563rem; */ height: 31.30vw; overflow: hidden;}
.section05 .swiper-slide div {width: 100%; height: 100%;}
.section05 .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.section05 .swiper .swiper_bot {position: absolute; right: 2.563rem; bottom: 1.875rem; align-items: center; gap: 2.1875rem;}
.section05 .swiper .swiper_bot .arrow {width: 3.12rem; height: 3.12rem;}
.section05 .swiper .swiper_bot .arrow img {width: 1.375rem;}

/* section06 */
.section06 {position: relative; overflow: hidden;}
.section06::after {content: ""; background: url('/img/main/sec03_bg.png') no-repeat center/contain; width: 50rem; height: 54.938rem; position: absolute; left: 24.875rem; bottom: -5.625rem; z-index: -1;}
.section06 .bgText {position: absolute; left: 0; bottom: 0; font-size: 2.5rem; font-weight: 500; color: #000; opacity: .2; letter-spacing: -0.038rem;  font-family: var(--font-wix); white-space: nowrap;}
.section06 .inner {display: flex; align-items: flex-start; gap: 1.25rem;}
.section06 .inner .sub_tit {width: calc(100% - 59.313rem - 1.25rem); text-align: left;}
.section06 .inner .list,
.section06 .noData {width: 59.313rem;}
.section06 .viewBtn02 {margin-top: 4.38rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; font-size: 1.125rem; font-weight: 700; color: #000; border: 0.0625rem solid #000; padding: 1rem 1.75rem; border-radius: 0.625rem; transition: all .3s;}
.section06 .viewBtn02 img {width: 1rem; transition: all .3s;}
.section06 .viewBtn02:hover {background: #000; color: #fff;}
.section06 .viewBtn02:hover img {filter: brightness(0) invert(1);}
.section06 .list li:first-child a {border-top: 0.0625rem solid #8E8E8E;}
.section06 .list a {display: flex; align-items: center; justify-content: space-between; padding: 2.1875rem 0; border-bottom: 0.0625rem solid #8E8E8E;}
.section06 .list .cate {display: flex; align-items: center; justify-content: center; height: 2.688rem; width: 4.75rem; border-radius: 6.25rem; font-size: 1rem; font-weight: 600; background: var(--color2); color: #fff; letter-spacing: -0.031rem;}
.section06 .list div {display: flex; align-items: center; gap: 0.75rem; width: 80%;}
.section06 .list .tit {font-size: 1.5rem; font-weight: 500; max-width: calc(100% - 0.75rem - 1.5rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section06 .list .date {font-size: 1.25rem; font-weight: 400; opacity: .7;}
.section06 .list .lock {width: 1.5rem; margin-left: -0.5rem;}
.section06 .noData {padding: 8.75rem 0;}
.section06 .noData img {width: 2.1875rem;}
.section06 .noData p {font-size: 1.25rem; margin-top: 1.25rem;}

/* section07 */
.section07 {padding-bottom: 0 !important;}
.section07 .cont {display: flex; align-items: center; gap: 5rem; height: 100%;}
.section07 .contain {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;position: relative;}
.section07 .contain > .inner {height: calc(100% - 6.25rem);}
.root_daum_roughmap .map_border,
.root_daum_roughmap .wrap_controllers,
.section07 .root_daum_roughmap .cont .section.lst {display: none;}
.section07 .inner {position: relative; z-index: 2;}
.section07 .mapCont {width: 51.875rem; height: 34.063rem; overflow: hidden; border-radius: 0.625rem;}
.section07 .root_daum_roughmap_landing {width: 100% !important;}
.section07 .root_daum_roughmap_landing,
.section07 .root_daum_roughmap .wrap_map {height: 100% !important;}
.section07 .info {width: calc(100% - 51.875rem - 5rem);}
.section07 .info .sub_tit {text-align: left;}
.section07 .info .sub_tit img {width: 3.12rem;}
.section07 .info .sub_tit em {display: block; margin-top: 1.875rem;}
.section07 .addr {margin-top: 4.38rem; display: flex; align-items: center; justify-content: space-between;}
.section07 .addr p {display: flex; align-items: center; gap: .5rem; font-size: 1.5rem; font-weight: 600; color: var(--color1); line-height: 1.33;}
.section07 .addr .btn {display: flex; align-items: center; gap: 0.9375rem; height: auto; line-height: normal; padding: 0;}
.section07 .addr .btn * {display: flex; align-items: center; justify-content: center;}
.section07 .addr .btn .copy {width: 2.875rem; height: 2.875rem; border-radius: 100%; border: 0.0625rem solid #000; cursor: pointer;}
.section07 .addr .btn .copy img {width: 1.375rem;}
.section07 .addr .btn a {width: 8.375rem; height: 2.875rem; font-size: 1rem; font-weight: 700; letter-spacing: -0.0625rem; gap: 0.625rem; border-radius: 3.12rem; background: var(--color2); color: #fff;}
.section07 .addr .btn a img {width: 0.9375rem;}
.section07 .flex_cont {margin-top: 2.5rem; display: flex; align-items: flex-start; gap: 5rem;}
.section07 .flex_cont .box .tit {color: var(--color1); font-size: 1.75rem; font-weight: 700;}
.section07 .flex_cont .box .tit + div {margin-top: 1.875rem;}
.section07 .flex_cont .box p {display: flex; align-items: center; gap: 1.25rem;}
.section07 .flex_cont .box p + p {margin-top: .5rem;}
.section07 .flex_cont .box p span {color: #000; font-size: 1.25rem; font-weight: 400; line-height: 1.5;}
.section07 .flex_cont .box p strong {font-size: 1.375rem; font-weight: 700;}
.section07 .flex_cont .box:first-child p span:first-child {display: block; width: 4.38rem;}
.section07 .flex_cont .box:last-child p span:first-child {display: block; width: 6.5625rem;}

/* use popup */
.popup_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 100; background: rgba(0, 0, 0, 0.60); display: none;}
.popup_wrap .popup_in {position: absolute; top: 0; right: 0; height: 100%; display: flex; align-items: flex-start; gap: 1.25rem;}
.popup_wrap .close img {width: 2.5rem; margin-top: 1.25rem; cursor: pointer;}
.popup_wrap .popup_cont {width: 43.75rem; height: 100%; background: #FAF7EF; padding: 4.38rem 3.12rem;}
.popup_wrap .popup_tit {font-size: 1.75rem; font-weight: 600; color: #000; line-height: 1.29;}
.popup_wrap .popup_cont > .cont {height: 90%;}
.popup_wrap .popup_cont .scrollCont {overflow: hidden; overflow-y: auto; height: 100%; padding-right: 1.75rem;}
.popup_wrap .popup_cont .scrollCont::-webkit-scrollbar {width: 0.125rem;}
.popup_wrap .popup_cont .scrollCont::-webkit-scrollbar-thumb {background: #888; border-radius: 0.625rem;}
.popup_wrap .popup_cont .scrollCont::-webkit-scrollbar-track {background: #DDD; border-radius: 0.625rem;}
/* 약관 */
.popup_wrap.use_pop .use_wrap {display: none;}
.popup_wrap.use_pop .popup_cont > .cont {margin-top: 2.75rem; padding: 1.56rem 0; border-top: 0.0625rem solid #000; height: 90%;}
.popup_wrap.use_pop .use_wrap .headline {margin-top: 1.875rem;}
.popup_wrap.use_pop .use_wrap .headline:first-child {margin-top: 0;}
.popup_wrap.use_pop .use_wrap .headline h5 {font-size: 0.875rem; font-weight: 700;}
.popup_wrap.use_pop .use_wrap .tag-box,
.popup_wrap.use_pop .use_wrap ol {margin: 0.625rem 0 0; padding: 0;}
.popup_wrap.use_pop .use_wrap p,
.popup_wrap.use_pop .use_wrap ol li {font-size: 0.875rem; font-weight: 500; color: #8E8E8E; line-height: 1.43;}
/* 빠른문의하기 */
.popup_wrap.apply_pop .popup_cont > .cont {margin-top: 4rem;}
.popup_wrap.apply_pop .form > .flex {gap: 1.25rem;}
.popup_wrap.apply_pop .form > .flex dl {width: 50%;}
.popup_wrap.apply_pop dl {margin-top: 1.5rem;}
.popup_wrap.apply_pop dt {font-size: 1rem; font-weight: 700; color: #000; line-height: 1.5;}
.popup_wrap.apply_pop dt .req {color: #5650FF;}
.popup_wrap.apply_pop dd {margin-top: 1.25rem;}
.popup_wrap.apply_pop dd input {width: 100%; background: none; height: 3.125rem; font-size: 0.875rem; font-weight: 500; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.30); outline: none;}
.popup_wrap.apply_pop dd input::placeholder {color: #8E8E8E;}
.popup_wrap.apply_pop .full dd {margin-top: .62rem;}
.popup_wrap.apply_pop .full dd textarea {width: 100%; height: 8.75rem; padding: 0.8125rem 0.9375rem; font-size: 0.875rem; font-weight: 500; border: 1px solid rgba(0, 0, 0, 0.30); background: none; resize: none;}
.popup_wrap.apply_pop .full dd textarea::placeholder {color: #8E8E8E;}
.popup_wrap.apply_pop .privacy_box{height: 9.3125rem; padding: 1.25rem; border: 1px solid rgba(0, 0, 0, 0.30);}
.popup_wrap.apply_pop .privacy_box .use_wrap{overflow: auto; max-height: 100%; padding-right: 0.81rem;}
.popup_wrap.apply_pop .privacy_box .use_wrap::-webkit-scrollbar {width: 0.125rem;}
.popup_wrap.apply_pop .privacy_box .use_wrap::-webkit-scrollbar-thumb {height: 30%; background: #888888; border-radius: 10px;}
.popup_wrap.apply_pop .privacy_box .use_wrap::-webkit-scrollbar-track {background: #DDDDDD; border-radius: 10px;}
.popup_wrap.apply_pop .privacy_box .use_wrap .headline {margin-top: 1.875rem;}
.popup_wrap.apply_pop .privacy_box .use_wrap .headline:first-child {margin-top: 0;}
.popup_wrap.apply_pop .privacy_box .use_wrap .headline h5 {font-size: 1rem; font-weight: 700;}
.popup_wrap.apply_pop .privacy_box .use_wrap ol {margin: 0.5rem 0 0; padding: 0;}
.popup_wrap.apply_pop .privacy_box .use_wrap ol li {font-size: 0.875rem; font-weight: 500; color: #8E8E8E; line-height: 1.43;}
.popup_wrap.apply_pop .privacy_agree{display: flex; align-items: center; gap: 0.625rem; margin-top: 1.25rem;}
.popup_wrap.apply_pop .privacy_agree span{font-size: 1rem; letter-spacing: -0.0375rem; font-weight: 500;}
.popup_wrap.apply_pop .checkbox{width: 1.25rem; height: 1.25rem; display: block; border: 1px solid #000; background: url(/img/main/chk_ic.svg) no-repeat center / 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
.popup_wrap.apply_pop .checkbox:checked{background: #000 url(/img/main/chked_ic.svg) no-repeat center / 1rem;}
.popup_wrap.apply_pop .btn_wrap {margin-top: 1.87rem; text-align: center;}
.popup_wrap.apply_pop .btn_wrap input {padding: 1.25rem 3.125rem; background: #000; color: #fff; font-size: 1.25rem; font-weight: 500; outline: none; border: 0;}
/* 문의사항 게시판 */
.board_wrap {margin: 12.5rem auto;}
.board_wrap .dpp_search_box.dpp_bd_search {background: none;}
.board_wrap .dpp_tbl {padding: 0;}
.board_wrap .dpp_write_btn_wrap .cancel_btn {background: none;}
.board_wrap .dpp_inputArea input {background: transparent;}
.board_wrap .dpp_select_box select {background: transparent;}
.dpp_tbl .dpp_btnArea button {background: #000;}


@media screen and (max-width:1640px){
    .inner{max-width: calc(100% - 5rem);}

    .section02 .cont {gap: 2.8rem;}
    .section02 .left {width: calc(100% - 43.125rem - 2.8rem);}
    .section02 .right {width: 43.125rem;}
    .section02 .right ul li {height: 8.8rem; padding: 0 .5rem;}

    .section07 .cont {gap: 4rem;}
    .section07 .mapCont {width: 45.5rem;}
    .section07 .info {width: calc(100% - 45.5rem - 4rem);}
    .section07 .flex_cont {gap: 3rem;}
    .section07 .info .sub_tit img {display: none;}
}
@media screen and (max-width:1500px){
	html{font-size: 85%;}

    .visual .item .txt h2 {font-size: 3rem;}
    .visual .item .txt .flex {gap: 4rem;}
    .visual .item .txt .line {width: 10rem;}

    .section02 .right ul {gap: 1rem; /* grid-template-columns: repeat(3,1fr) */}
    .section02 .left {width: calc(100% - 40.125rem - 2.8rem);}
    .section02 .right {width: 40.125rem;}
    .section02 .right ul li {height: 8.8rem; padding: 0 .5rem;}

    .section03 .cont {gap: 4.38rem;}
    .section03 .img {width: 50.688rem;}
    .section03 .txt {width: calc(100% - 50.688rem - 4.38rem);}
}
@media screen and (max-width:1400px){
	html{font-size: 80%;}

    .visual .item .txt .flex {gap: 2.5rem;}

    .section01 .cont {gap: 3rem;}
    .section01 .left {width: 50%;}
    .section01 .right {width: calc(100% - 3rem - 50%);}

    .section03 .fp-overflow {align-items: center;}
    .section03 .his {padding-top: 1.875rem;}
    .section03 .cont {gap: 3rem; align-items: flex-end;}
    .section03 .img {width: 50%;}
    .section03 .txt {width: calc(100% - 50% - 3rem);}
    .section03 .sub_tit p,
    .section03 .name h3 {display: none;}

    /* .section05 .swiper-slide {height: 31.125rem;} */
    .section05 .sub_tit p br {display: none;}
    .section05 .inner {gap: 3rem;}
    .section05 .left {width: calc(100% - 50.313rem - 3rem);}
    .section05 .tabCont {width: 50.313rem;}

    .section06 .inner {gap: 1.25rem;}
    .section06 .inner .sub_tit {width: calc(100% - 50.313rem - 1.25rem);}
    .section06 .inner .list,
    .section06 .noData {width: 50.313rem;}
    
    .section07 .sub_tit {margin-bottom: 2.2rem;}
    .section07 .cont {gap: 3rem;}
    .section07 .mapCont {width: 50.5rem;}
    .section07 .info {width: calc(100% - 50.5rem - 3rem);}
    .section07 .addr {flex-direction: column; align-items: flex-start; gap: 1.5rem; margin-top: 0;}
    .section07 .flex_cont {flex-direction: column;}
    .section07 .flex_cont .box {width: 100%; display: flex; align-items: flex-start; gap: 2rem;}
    .section07 .flex_cont .box .tit {min-width: 11vw;}
    .section07 .flex_cont .box .tit + div {margin-top: 0;}
    .section07 .flex_cont .box .tit {font-size: 1.5rem;}
 
}
@media screen and (max-width:1280px){
    .section05 .swiper-slide {height: 31.125rem;}
}
@media screen and (max-width:1220px){
    /* .section03 .cont {gap: 3rem; align-items: flex-start;}
    .section03 .img {width: 45.688rem;}
    .section03 .txt {width: calc(100% - 45.688rem - 3rem);}
    .section03 .his .flex {flex-direction: column; align-items: flex-start; gap: 0;} */

    .section07 .mapCont {width: 38.5rem;}
    .section07 .info {width: calc(100% - 38.5rem - 3rem);}
}
@media screen and (max-width:1024px){
    .pc{display:none !important;}
    .mob{display:block !important;}
	html{font-size: 100%;}
    .inner{max-width: calc(100% - 2.5rem);}

    /* HEADER */
    /* .header {height: 4.5rem;}
    .header * {font-size: 0.875rem; letter-spacing: -0.05rem;}
    .header h1 img {height: 2.53125rem;}
    .header .gnb_wrap {overflow: hidden; overflow-x: scroll;}
    .header .gnb {gap: 3.125rem; white-space: nowrap; max-width: max-content; padding: 0 1.25rem; width: max-content;}
    .header .gnb_wrap.pc {display: block !important;}
    .header .gnb_wrap.mob {display: none !important;} */
    .header.active {background: #FDF9EF;}
    .header * {font-size: 0.875rem;}
    .header .gnb_wrap.pc {display: none !important;}
    .header .gnb_wrap.mob {display: block !important; visibility: hidden; opacity: 0; background: #FDF9EF; transition: opacity .3s;}
    .header.active .gnb_wrap.mob {visibility: visible; opacity: 1;}
    .header .gnb {gap: 3.125rem; justify-content: center;}
    .header .gnb a {padding: .97rem 0; display: block; line-height: 1;}

    /* FOOTER */
    .footer {margin-top: 6.27rem; height: auto !important; padding: 2rem 0 !important; display: flex; align-items: center; justify-content: center;}
    .footer .left {gap: 1.125rem;}
    .footer .copy {font-size: 0.875rem;}
    .footer .use {gap: 0.84375rem;}
    .footer .use * {font-size: 0.875rem;}
    .footer .right {gap: 1.125rem;}
    .footer .right a {gap: 0.5625rem; font-size: 0.8125rem;}
    .footer .right a img {width: 1.10256rem;}
    .footer .right .line {height: 0.675rem;}

    /* SIDE QUICK */
    .quickSide {right: 1.25rem; bottom: 3.12rem;}
    .quickSide > ul {gap: 0.625rem;}
    .quickSide > ul > li {border-radius: 0.9375rem; width: 3.75rem; height: 3.75rem; border-radius: 0.9375rem;}
    .quickSide > ul > li a {gap: .25rem;}
    .quickSide > ul li a img {width: 1.25rem;}
    .quickSide > ul li a p {font-size: 0.625rem; letter-spacing: -.2.813;}


    /********** main **********/
    /* sub_tit */
    .sub_tit {margin-bottom: 3.11rem;}
    .sub_tit em {font-size: 1rem;}
    .sub_tit h2 {margin-top: 0.9375rem; font-size: 2.2rem; letter-spacing: -0.045rem; line-height: 1.3;}
    .sub_tit p {margin-top: 0.9375rem; font-size: 1.25rem;}
    /* animation */
    [ani="up"] {transform: translateY(2.5rem);}

    /* swiper bottom */
    .swiper_bot {gap: 0 1.875rem;}
    .swiper_bot .swiper-pagination {gap: 0.875rem;}
    .swiper_bot .swiper-pagination span.line {height: 0.5625rem;}
    .swiper_bot .swiper-pagination .swiper-pagination-current {font-size: 1.375rem; min-width: 1.55rem;}
    .swiper_bot .swiper-pagination .swiper-pagination-total {font-size: 0.875rem;}
    .swiper_bot .arrowCont {gap: 0.875rem;}
    .swiper_bot .arrowCont .arrow {width: 3.9375rem; height: 3.9375rem;}
    .swiper_bot .arrowCont .arrow img {width: 1.6875rem;}

    /* visual */
    .visual {height: 53.125rem;}
    .visual .item .txt {bottom: 20.27rem;}
    .visual .item .txt em {font-size: 1rem;}
    .visual .item .txt .flex {margin-top: 0.73125rem; gap: 1.875rem; flex-direction: column; align-items: flex-start;}
    .visual .item .txt h2 {font-size: 2.5rem;}
    .visual .item .txt p {font-size: 1.125rem;}
    .visual .item .txt .line {display: none;}
    .visual .swiper_bot {bottom: 11.96rem;}

    .section {padding: 6.25rem 0;}
    .section:first-child {padding: 0;}

    /* section01 */
    .section01 {background: url('/img/main/m_sec01_bg.png') no-repeat center/cover;}
    .section01 .cont {gap: 2.5rem; flex-direction: column; align-items: flex-start;}
    .section01 .left {width: 100%;}
    .section01 .left .swiper-slide {border-radius: 1.25rem;}
    .section01 .right {width: 100%;}
    .section01 .right .swiper-slide span {font-size: 3.9375rem; letter-spacing: -0.125rem;}
    .section01 .right .swiper-slide h3 {margin-top: -1.66rem; font-size: 1.886rem;}
    .section01 .right .swiper-slide p {margin-top: 2rem; font-size: 1.125rem; word-break: keep-all;}
    .section01 .right .swiper-slide p br {display: none;}
    .section01 .swiper_bot {margin-top: 2.5rem;}

    /* section02 */
    .section02 {background: url('/img/main/m_sec02_bg.png') no-repeat center/cover;}
    .section02 .cont {margin-top: 3.9rem; gap: 2.1875rem; flex-direction: column; align-items: flex-start;}
    .section02 .left {width: 100%; height: 75.78vw;}
    .section02 .left .item {border-radius: 1.25rem;}
    .section02 .left .txt {left: 2.5rem; bottom: 2.5rem;}
    .section02 .left .txt > span {font-size: 0.875rem; letter-spacing: -0.029rem;}
    .section02 .left .txt .flex {margin-top: 0.625rem; gap: 0.675rem;}
    .section02 .left .txt .flex strong {font-size: 1.625rem; letter-spacing: -0.02575rem;}
    .section02 .left .txt .flex span {font-size: 0.875rem;}
    .section02 .right {width: 100%;}
    .section02 .right ul {gap: 1.3rem; grid-template-columns: repeat(5,1fr);}
    .section02 .right ul li {height: 9.375rem; border-radius: 0.5625rem;}
    .section02 .right ul li span {font-size: 0.875rem; letter-spacing: -0.029rem;}
    .section02 .right ul li strong {margin-top: 0.9rem; font-size: 1.375rem; letter-spacing: -0.02575rem;}
    .section02 .right ul li p {margin-top: .23rem; font-size: 0.875rem;}

    /* section03 */
    .section03 {padding-bottom: 0;}
    .section03::after {width: 32.93475rem; height: 33.5045rem; right: 3.44rem; bottom: auto; top: 17.37rem;}
    .section03 .cont {gap: 3.81rem; flex-direction: column-reverse; align-items: flex-start;}
    .section03 .img {width: 100%; padding-right: 1.25rem;}
    .section03 .txt {width: 100%; padding-left: 1.25rem;}
    .section03 .name .flex {gap: 0.5625rem; font-size: 1rem;}
    .section03 .name .flex strong {font-size: 2.25rem; letter-spacing: -0.0225rem;}
    .section03 .name h3 {margin-top: 1.125rem; font-size: 1.75rem;}
    .section03 .his {margin-top: 1.6875rem; padding-top: 2.8125rem;}
    .section03 .his > strong {font-size: 1.0125rem;}
    .section03 .his .flex {margin-top: 1.125rem; gap: 1.125rem; flex-direction: row; align-items: flex-start;}
    .section03 .his li {font-size: 1rem; padding-left: .9rem;}
    .section03 .his li::before {width: 0.375rem; height: 0.375rem; top: 0.75rem;}
    .section03 .his li + li {margin-top: 0.36rem;}

    /* section04 */
    .cursor{display: none;}
    .section04 {position: relative; padding-bottom: 12.71rem;}
    .section04 .swiper_bot {position: absolute; left: 50%; transform: translateX(-50%); bottom: -44rem;}
    .section04 .swiper {margin-top: 3.13rem;}
    .section04 .swiper-slide {width: 43.75rem; height: 34.5395rem; margin-right: 1.87rem; border-radius: 1.125rem;}
    .section04 .swiper-slide .txt {padding: 2.5rem;}
    .section04 .swiper-slide em {font-size: 1rem;}
    .section04 .swiper-slide strong {margin-top: 0.675rem; font-size: 1.625rem;}
    .section04 .swiper-slide p {margin-top: 0.675rem; font-size: 1rem;}

    /* section05 */
    .section05 {background: url('/img/main/m_sec05_bg.png') no-repeat center/cover;}
    .section05::before {height: 4.6rem;}
    .section05 .inner {gap: 2.5rem; flex-direction: column; align-items: flex-start;}
    .section05 .left {width: 100%;}
    .section05 .tabCont {width: 100%;}
    .section05 .left .sub_tit {margin-bottom: 2.5rem;}
    .section05 .tab {display: flex;}
    .section05 .tab li {padding: 1.12rem 0; width: calc(100%/4); font-size: 1.125rem; text-align: center;}
    .section05 .swiper-slide {border-radius: 1.125rem;/*  height: 32.5rem; */ height: 57.62vw;}
    .section05 .swiper .swiper_bot {position: relative; top: auto; left: auto; transform: none; right: auto; bottom: auto; justify-content: center; margin: 2.3rem auto 0; flex-direction: row;}
    .section05 .swiper .swiper_bot .arrow {width: 2.8125rem; height: 2.8125rem;}
    .section05 .swiper .swiper_bot .arrow img {width: 1.20538rem;}

    /* section06 */
    .section06 {padding-bottom: 8.47rem;}
    .section06::after {display: none;}
    .section06 .bgText {font-size: 2.25rem; letter-spacing: -0.03375rem;}
    .section06 .inner {gap: 3.14rem; flex-direction: column; align-items: flex-start;}
    .section06 .inner .sub_tit {width: 100%; display: flex; align-items: flex-end; justify-content: space-between;}
    .section06 .inner .list,
    .section06 .noData {width: 100%;}
    .section06 .viewBtn02 {margin-top: 0; gap: 0.5625rem; font-size: 1.0125rem; padding: 0.9rem 1.575rem; border-radius: 0.5625rem;}
    .section06 .viewBtn02 img {width: 0.9rem;}
    .section06 .list a {padding: 1.87rem 0;}
    .section06 .list .cate {height: 2.4rem; width: 4.2rem; border-radius: 5.625rem; font-size: 0.875rem; letter-spacing: -0.02813rem;}
    .section06 .list div {gap: 1.125rem;}
    .section06 .list .tit {font-size: 1.25rem; max-width: calc(100% - 1.125rem - 4.2rem);}
    .section06 .list .date {font-size: 1.125rem;}
    .section06 .list .lock {width: 1.35rem; margin-left: -0.5rem;}
    .section06 .noData {padding: 8.75rem 0;}
    .section06 .noData img {width: 2.1875rem;}
    .section06 .noData p {font-size: 1.25rem; margin-top: 1.25rem;}

    /* section07 */
    .section07 {position: relative;}
    .section07::after {content: ""; background: url('/img/main/sec03_bg.png') no-repeat center/contain; width: 42.74644rem; height: 46.94375rem; position: absolute; right: -4.2rem; top: 7.75rem; z-index: 1;}
    .section07 .cont {gap: 3.75rem; flex-direction: column-reverse; align-items: flex-start;}
    .section07 .contain > .inner {height: calc(100% - 5.625rem);}
    .section07 .mapCont {width: 100%; height: 91.15vw; border-radius: 1.125rem;}
    .section07 .info {width: 100%;}
    .section07 .info .sub_tit img {width: 2.8125rem;}
    .section07 .info .sub_tit em {margin-top: 1.625rem;}
    .section07 .addr {margin-top: 3.125rem; flex-direction: row; align-items: center; gap: 5.09rem; justify-content: flex-start;}
    .section07 .addr p {gap:0.45rem; font-size: 1.5rem;}
    .section07 .addr .btn {gap: 0.84375rem;}
    .section07 .addr .btn .copy {width: 2.5875rem; height: 2.5875rem;}
    .section07 .addr .btn .copy img {width: 1.2375rem;}
    .section07 .addr .btn a {width: 7.5rem; height: 2.6rem; font-size: 0.9rem; letter-spacing: -0.05625rem; gap: 0.5625rem; border-radius: 2.8125rem;}
    .section07 .addr .btn a img {width: 0.84375rem;}
    .section07 .flex_cont {margin-top: 2.25rem; gap: 2rem; flex-direction: row; align-items: flex-start;}
    .section07 .flex_cont .box {flex-direction: column; gap: 0;}
    .section07 .flex_cont .box .tit {font-size: 1.575rem; width: auto;}
    .section07 .flex_cont .box .tit + div {margin-top: 1.6875rem;}
    .section07 .flex_cont .box p {gap: 1.125rem;}
    .section07 .flex_cont .box p + p {margin-top: 0.45rem;}
    .section07 .flex_cont .box p span {font-size: 1.125rem;}
    .section07 .flex_cont .box p strong {font-size: 1.25rem;}
    .section07 .flex_cont .box:first-child p span:first-child {width: 3.9rem;}
    .section07 .flex_cont .box:last-child p span:first-child {width: 5.9rem;}

    /* use popup */
    .popup_wrap .popup_in {gap: 1.25rem;}
    .popup_wrap .close {position: absolute; top: 1.25rem; right: 1.25rem;}
    .popup_wrap .close img {width: 2.5rem; margin-top: 0; filter: invert(1);}
    .popup_wrap .popup_cont {width: 100%; padding: 1.7rem 1.25rem 1.25rem;}
    .popup_wrap .popup_tit {font-size: 2.5rem;}
    .popup_wrap .popup_cont .scrollCont {padding-right: 1.75rem;}
    .popup_wrap .popup_cont .scrollCont::-webkit-scrollbar {width: 0.125rem;}
    .popup_wrap .popup_cont .scrollCont::-webkit-scrollbar-thumb {border-radius: 0.625rem;}
    .popup_wrap .popup_cont .scrollCont::-webkit-scrollbar-track {border-radius: 0.625rem;}
    /* 약관 */
    .popup_wrap.use_pop .popup_cont > .cont {margin-top: 2.75rem; padding: 1.56rem 0;}
    .popup_wrap.use_pop .use_wrap .headline {margin-top: 1.875rem;}
    .popup_wrap.use_pop .use_wrap .headline h5 {font-size: 1rem;}
    .popup_wrap.use_pop .use_wrap .tag-box,
    .popup_wrap.use_pop .use_wrap ol {margin: 0.625rem 0 0;}
    .popup_wrap.use_pop .use_wrap p,
    .popup_wrap.use_pop .use_wrap ol li {font-size: 0.875rem;}
    /* 빠른문의하기 */
    .popup_wrap.apply_pop .popup_cont > .cont {margin-top: 4rem;}
    .popup_wrap.apply_pop .form > .flex {gap: 1.5rem; flex-direction: column; align-items: flex-start;}
    .popup_wrap.apply_pop .form > .flex dl {width: 100%;}
    .popup_wrap.apply_pop .form > .flex dl:first-child {margin-top: 0;}
    .popup_wrap.apply_pop dl {margin-top: 1.5rem;}
    .popup_wrap.apply_pop dt {font-size: 1rem;}
    .popup_wrap.apply_pop dd {margin-top: 1.25rem;}
    .popup_wrap.apply_pop dd input {height: 3.125rem; font-size: 0.875rem;}
    .popup_wrap.apply_pop .full dd {margin-top: .62rem;}
    .popup_wrap.apply_pop .full dd textarea {height: 8.75rem; padding: 0.8125rem 0.9375rem; font-size: 0.875rem;}
    .popup_wrap.apply_pop .privacy_box{height: 9.3125rem; padding: 1.25rem;}
    .popup_wrap.apply_pop .privacy_box .use_wrap{padding-right: 0.81rem;}
    .popup_wrap.apply_pop .privacy_box .use_wrap::-webkit-scrollbar {width: 0.125rem;}
    .popup_wrap.apply_pop .privacy_box .use_wrap::-webkit-scrollbar-thumb {border-radius: 0.61vw;}
    .popup_wrap.apply_pop .privacy_box .use_wrap::-webkit-scrollbar-track {border-radius: 0.61vw;}
    .popup_wrap.apply_pop .privacy_box .use_wrap .headline {margin-top: 1.875rem;}
    .popup_wrap.apply_pop .privacy_box .use_wrap .headline h5 {font-size: 1rem;}
    .popup_wrap.apply_pop .privacy_box .use_wrap ol {margin: 0.5rem 0 0;}
    .popup_wrap.apply_pop .privacy_box .use_wrap ol li {font-size: 0.875rem;}
    .popup_wrap.apply_pop .privacy_agree{ gap: 0.625rem; margin-top: 1.25rem;}
    .popup_wrap.apply_pop .privacy_agree span{font-size: 1rem; letter-spacing: -0.0375rem;}
    .popup_wrap.apply_pop .checkbox{width: 1.25rem; height: 1.25rem; background-size: 1rem;}
    .popup_wrap.apply_pop .checkbox:checked{background-size: 1rem;}
    .popup_wrap.apply_pop .btn_wrap {margin-top: 1.87rem;}
    .popup_wrap.apply_pop .btn_wrap input {padding: 1.25rem 3.125rem; font-size: 1.25rem;}
    /* 문의사항 게시판 */
    .board_wrap {margin: 8.5rem auto;}



}
@media screen and (max-width:950px){
    /* .footer {height: 7.625rem !important;} */
    .footer .inner {flex-direction: column; align-items: flex-start; gap: 1.1rem;}
}
@media screen and (max-width:768px){
	html{font-size: 90%;}
    
    .header.active {background: #FDF9EF;}
    .header * {font-size: 0.8125rem;}
    .header .gnb_wrap {white-space: nowrap; overflow: hidden; overflow-x: scroll;}
    .header .gnb_wrap.pc {display: none !important;}
    .header .gnb_wrap.mob {display: block !important; visibility: hidden; opacity: 0; background: #FDF9EF; transition: opacity .3s;}
    .header.active .gnb_wrap.mob {visibility: visible; opacity: 1;}
    .header .gnb {gap: 1.25rem; justify-content: center; white-space: nowrap; max-width: max-content; padding: 0 1.25rem; width: max-content;}
    .header .gnb a {padding: .97rem 0; display: block; line-height: 1;}

    .section02 .right ul {display: flex; flex-wrap: wrap;}
    .section02 .right ul li {/* width: 10.9375rem; */ width: calc(100%/3 - .9rem);}

}
@media screen and (max-width:500px){
	html{font-size: 80%;}
    .header .gnb {gap: 1rem; justify-content: space-between;}
    .header .gnb a {font-size: 1rem;}

    .footer .left {flex-wrap: wrap; gap: 1.1rem;}

    .section02 .right ul li {width: calc(100%/3 - .9rem); height: 6rem;}
    .section02 .right ul li p {display: none;}
    .section03 .his .flex {flex-direction: column; align-items: flex-start; gap: 0.36rem;}
    .section04 .swiper-slide {width: 25.75rem; height: 20.5rem;}
    .section04 .swiper_bot {bottom: -29.8rem;}
    .section06 .inner .sub_tit {flex-direction: column; align-items: flex-start; gap: 1.5rem;}
    .section07 .addr,
    .section07 .flex_cont {flex-direction: column; align-items: flex-start; gap: 2.25rem;}
    .section07 .flex_cont {margin-top: 2.8rem;}
    .section07 .addr {gap: 1.3rem;}

    .popup_wrap .popup_tit {font-size: 2rem;}
    .popup_wrap .close {top: 1.7rem;}
    .popup_wrap .close img {width: 2rem;}
    .popup_wrap.use_pop .popup_cont > .cont {margin-top: 1.5rem;}

    /* 문의사항 게시판 */
    .board_wrap {margin: 8rem auto; min-height: 60vh;}
}