@charset "utf-8";

/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a,a:hover,a:focus {text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{max-width: 100%;border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;font-family: var(--font-Pretendard);font-size: inherit;}
p{padding:0;margin:0;word-break: keep-all;}
input{border: none;box-shadow: none;}
input:focus{outline: none;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
#nt_sidebar_move{display: none;}
.blind {width: 1px;height: 1px;overflow: hidden;position: absolute;top: 50%;left: 50%;display: block;text-indent: -9999em;font-size: 0px;line-height: 0;z-index: -1;}
.line-br {display: block;}
.btn:focus {outline: none;box-shadow: none !important;}

:root {
    --font-Pretendard: "Pretendard Variable", sans-serif;
    --font-Gmarket: 'GmarketSansMedium', sans-serif;
    --color-main: #3F8F00;
    --color-acc: #327200;
}


html, body {font-size: 20px;font-family: var(--font-Pretendard);/* letter-spacing: -0.038rem; */letter-spacing: -0.075rem;line-height: 1.5;word-break: keep-all;word-wrap: break-word;color:#000;touch-action: auto;overscroll-behavior: auto;text-size-adjust:100%;overflow-x: hidden;} 
@media all and (max-width: 1024px) { 
    html, body { font-size: 18px; } 
}
@media all and (max-width: 768px) { 
    html, body { font-size: 16px; } 
}


/* scroll Bar */
body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-thumb { background-color: var(--color-main); }
body::-webkit-scrollbar-track { background-color: #f9f9f9; }


/* 공통 css 시작*/
.cinner {max-width: 1520px;width: 92%;margin: 0 auto;position: relative;}

@media all and (max-width: 1024px){
    .cinner {width: auto;margin: 0 30px;}
}
@media all and (max-width: 640px){
    .cinner {margin: 0 20px;}
}
/* 공통 css 끝 */


/* header 시작 */
#header {width: 100%;position: fixed;top: 0;left: 0;z-index: 999;transition: .35s;}
#header.scrolled {border-bottom: 1px solid #EBEBEB;box-sizing: border-box;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(5px);}

.header__nav {height: 108px;}
.header__nav .nav {display: block;height: 100%;}
.header__nav .cinner {display: flex;justify-content: space-between;align-items: center;gap: 30px;height: 100%;}
.header__nav .header__logo {max-width: 268px;}
.header__nav .header__logo a {display: flex;height: 100%;}

.header__cont {display: flex;align-items: center;gap: 100px;height: 100%;position: relative;}
#main-nav {height: 100%;}
.main-nav__depth1 {height: 100%;}
.main-nav__depth1 .mn-ul1 {display: flex;gap: 50px;height: 100%;}
.main-nav__depth1 .mn-li1 {position: relative;}
.main-nav__depth1 .mn-a1 {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: #fff;font-size: 1.20em;font-weight: 500;line-height: 1.3;text-align: center;transition: .35s;}
.main-nav__depth2 {display: none;width: 220px;background: #fff;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);z-index: 100;text-align: center;}
.main-nav__depth2 .mn-ul2 {width: 100%;border: 1px solid #EEE;border-top: 0;box-sizing: border-box;}
.main-nav__depth2 .mn-li2 {position: relative;}
.main-nav__depth2 .mn-li2:not(:last-child) {border-bottom: 1px solid #EEE;box-sizing: border-box;}
.main-nav__depth2 .mn-a2 {display: block;width: 100%;padding: 15px 16px;box-sizing: border-box;color: #000;font-size: .90em;font-weight: 500;line-height: 1.3;transition: .35s;position: relative;}
.main-nav__depth2 .mn-a2.sub-icon::after {content: "\f105";display: block;width: 9px;height: 26px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;font-family: "FontAwesome";position: absolute;top: 0;bottom: 0;right: 10px;margin: auto;}
.main-nav__depth2 .mn-a2:hover {color: var(--color-main);}
.main-nav__depth3 {display: none;background: #fff;position: absolute;top: 0;left: 100%;z-index: 101;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.main-nav__depth3 .mn-li3:not(:last-child) {border-bottom: 1px solid #eee;box-sizing: border-box;}
.main-nav__depth3 .mn-a3 {display: block;width: 160px;padding: 15px 16px;color: #000;font-size: .90em;text-align: center;line-height: 1.3;}
.main-nav__depth3 .mn-a3:hover {color: var(--color-main);}
#header.scrolled .main-nav__depth1 .mn-a1 {color: #000;}

.header__nav .nav__btn {display: none;}
.header__nav .nav__btn a {display: flex;align-items: center;width: 36px;height: 26px;position: relative;}
.header__nav .nav__btn a::before,
.header__nav .nav__btn a::after {content: '';display: block;width: 100%;height: 3px;background: #fff;position: absolute;left: 0;right: 0;margin: auto;}
.header__nav .nav__btn a::before {top: 0;}
.header__nav .nav__btn a::after {bottom: 0;}
.header__nav .nav__btn a span{display: block;width: 100%;height: 3px;background: #fff;}
#header.scrolled .header__nav .nav__btn a::before,
#header.scrolled .header__nav .nav__btn a::after,
#header.scrolled .header__nav .nav__btn a span {background: #111;}

@media all and (max-width: 1199px){
    .header__nav {height: 90px;}
    .header__nav .header__logo {max-width: 220px;} 
    .main-nav__depth1 .mn-ul1 {gap: 30px;}
    .main-nav__depth1 .mn-a1 {font-size: 1.10em;}
}
@media all and (max-width: 1024px){
    .header__nav {height: 70px;}
    .header__nav .header__logo {max-width: 200px;} 
    #main-nav {display: none;}
    .header__cont .hd__login {display: none;}
    .header__nav .nav__btn {display: block;}
}
@media all and (max-width: 768px ){
    .header__nav .nav__btn a {width: 30px;height: 22px;}
}
@media all and (max-width: 640px){
    .header__nav .header__logo {max-width: 185px;} 
}
/* header 끝 */



/* tail 시작 */
#footer {padding: 61px 0;border-top: 1px solid #EEE;box-sizing: border-box;background: #fff;color: #666;font-size: 17px;}
#footer .cinner {max-width: 1320px;}
.footer__cont {display: flex;justify-content: space-between;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #000;box-sizing: border-box;}
.footer__logo {flex: 0 0 auto;max-width: 268px;}
.footer__items {color: #7E7E7E;font-size: 12px;text-align: right;}
.footer__items > p {font-weight: 600;}
.footer__items .footer__info {display: flex;flex-direction: column;gap: 10px;}
.footer__items .footer__info .info {display: flex;justify-content: flex-end;gap: 10px;}
.footer__items .footer__info .info > li:not(:last-child) {padding-right: 10px;position: relative;}
.footer__items .footer__info .info > li:not(:last-child)::after {content: '';display: block;width: 1px;height: 10px;background: #7E7E7E;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.footer__items .footer__info .info li address {margin-bottom: 0;font-style: normal;}
.footer__items .footer__info .info li b {color: #000;font-weight: 600;}

.footer__links {display: flex;justify-content:space-between;align-items: center;gap: 10px;}
.footer__links .footer__copy > p {color: #C5C5C5;font-size: 14px;}
.footer__links .links {display: flex;}
.footer__links .links li a {color: #7E7E7E;font-size: 14px;}
.footer__links .links li a.privacy {color: #000;}
.footer__links .links li:not(:last-child) a::after {content: '·';margin: 0 4px;}

@media all and (max-width: 1199px){
    .footer__logo {max-width: 200px;}
}
@media all and (max-width: 768px){
    #footer {padding: 30px 0;font-size: 14px;}
    .footer__logo {max-width: 180px;}
    .footer__cont {flex-direction: column;gap: 20px;margin-bottom: 15px;padding-bottom: 15px;}
    .footer__items {text-align: left;}
    .footer__items .footer__info {gap: 5px;}
    .footer__items .footer__info .info {justify-content: flex-start;}
    .footer__links {flex-direction: column;align-items: flex-start;gap: 5px;}
}
@media all and (max-width: 640px){
    .footer__cont {gap: 10px;}
    .footer__logo {max-width: 150px;}
    .footer__items .footer__info .info {flex-wrap: wrap;gap: 5px;}
    .footer__links .footer__copy > p,
    .footer__links .links li a {font-size: 12px;}
}

#top_btn {display: none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background: rgba(255,255,255,0.8);}
#top_btn:hover {border-color:var(--color-main);background:var(--color-main);color:#fff}
/* tail 끝 */



/* 메인 공통css 시작 */
.msec {padding: 100px 0;position: relative;}
.msec .fl-cont {display: flex;justify-content: space-between;align-items: center;}
.msec .text-wrap {margin-bottom: 100px;}
.msec .text-wrap .msec-tit {margin-bottom: 30px;font-family: var(--font-Gmarket);font-size: 2.10em;font-weight: 500;line-height: 1.28;}
.msec .text-wrap .msec-txt {color: #505050;font-size: 1.20em;line-height: 1.33;}

.msec .btn-more {display: block;max-width: 194px;background: #3F8F00;border: 1px solid #3F8F00;box-sizing: border-box;border-radius: 33px;padding: 17px 36px;text-align: center;transition: all .35s ease;}
.msec .btn-more span {color: #fff;padding-right: 20px;position: relative;word-break: keep-all;}
.msec .btn-more span::after {content: '';display: block;width: 16px;height: 16px;margin-left: 10px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.msec .btn-more:hover {background: #fff;}
.msec .btn-more:hover span {color: #3F8F00;}
.msec .btn-more:hover span::after {border-color: #3F8F00;}

.msec01 img,
.msec03 img,
.msec05 img {border-radius: 20px;}
.msec02 img {border-radius: 30px;}

@media all and (max-width: 1399px){
    .msec .text-wrap {margin-bottom: 50px;}
    .msec .text-wrap .msec-txt {font-size: 1.10em;}
}
@media all and (max-width: 1199px){
    .msec .fl-cont {align-items: normal;}
    .msec .text-wrap .msec-tit {margin-bottom: 20px;font-size: 1.80em;}
    .msec .text-wrap .msec-txt {font-size: 1.0em;}
    .msec .btn-more {max-width: 164px;padding: 12px 30px;font-size: 18px;}
    .msec .btn-more span::after {width: 12px;height: 12px;}
}
@media all and (max-width: 1024px){
    .msec {padding: 80px 0;}
    .msec .text-wrap .msec-tit {margin-bottom: 20px;font-size: 1.78em;}
    .msec02 img {border-radius: 20px;}
}
@media all and (max-width: 768px){
    .msec {padding: 60px 0;}
    .msec .fl-cont {flex-direction: column;}
    .msec .text-wrap .msec-tit {text-align: center;}
    .msec .text-wrap .msec-txt {font-size: 18px;text-align: center;}
    .msec .btn-more {margin: 0 auto;}
    .msec01 img,
    .msec02 img,
    .msec03 img,
    .msec05 img {border-radius: 10px;}
}
@media all and (max-width: 640px){
    .msec .text-wrap .msec-tit {font-size: 26px;}
    .msec .btn-more {font-size: 16px;}
}


/* 메인 배너 시작 */
#main .mvis {height: 100vh;margin-bottom: 100px;position: relative;}
#main .mvis .main-visual {height: 100%;position: relative;}
#main .mvis .main-visual .mvis-img-wrap {height: 100%;}
#main .mvis .main-visual .mvis-img-wrap .mvis-img {height: 100%;}
#main .mvis .main-visual .mvis-img-wrap .mvis-img .cinner {height: calc(100vh - 108px);position: absolute;left: 0;right: 0;bottom: 0;}
#main .mvis .main-visual .mvis-img-wrap .mvis-img a {width: 100%;height: 100%;display: block;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;pointer-events: none;position: relative;}
#main .mvis .main-visual .mvis-txt-wrap {margin-bottom: 50px;color: #fff;position: absolute;bottom: 21%;}
#main .mvis .main-visual .mvis-txt-wrap .tit {font-family: var(--font-Gmarket);font-size: 3.20em;font-weight: 500;line-height: 1.1;}
#main .mvis .main-visual .mvis-txt-wrap .txt {margin-top: 30px;font-size: 1.30em;font-weight: 600;line-height: 1.5;}
#main .mvis .main-visual .carousel-control-prev,
#main .mvis .main-visual .carousel-control-next {display: none;}

#main .mvis .mvis-intro-txt {max-width: 1660px;width: 87%;padding: 65px 80px 45px;border-radius: 20px 0 0 0;background: #929292;background: linear-gradient(0deg,#929292 0%, #2c2c2c 100%);background: -webkit-linear-gradient(0deg,#929292 0%, #2c2c2c 100%);background: -moz-linear-gradient(0deg,#929292 0%, #2c2c2c 100%);position: absolute;right: -100%;bottom: 0;transform: translateY(50%);z-index: 10;transition: 1s;}
#main .mvis .mvis-intro-txt.active {right: 0;}
#main .mvis .mvis-intro-txt > p {color: #fff;font-weight: 500;position: relative;}
#main .mvis .mvis-intro-txt > p::before {content: '';display: block;width: 48px;height: 38px;background: url(../img/main/ico-quot.png) center center / cover no-repeat;position: absolute;top: -20px;left: -10px;z-index: 0;}
#main .mvis .mvis-intro-txt > p > span {position: relative;}


/* 기본 상태 */
#main .mvis .main-visual .mvis-txt-wrap .tit,
#main .mvis .main-visual .mvis-txt-wrap .txt {opacity: 0;}
/* active 슬라이드에서 애니메이션 적용 */
#main .mvis .main-visual .mvis-img.active .mvis-txt-wrap .tit{animation: fade_in_up 0.9s ease forwards;animation-delay: 0.2s;}
#main .mvis .main-visual .mvis-img.active .mvis-txt-wrap .txt {animation: fade_in_up 0.9s ease forwards;animation-delay: 0.5s;}


#main .mvis .main-visual .mvis-ctrls {width: 100%;position: absolute;left: 0;right: 0;bottom: 17%;z-index: 10;}
#main .mvis .main-visual .mvis-ctrls .cinner {display: flex;align-items: center;gap: 15px;}
#main .mvis .main-visual .mvis-ctrls .data-auto,
#main .mvis .main-visual .mvis-ctrls .data-auto * {display: flex;align-items: center;}
#main .mvis .main-visual .mvis-ctrls .data-auto button {height: 10px;background: none;position: relative;}
#main .mvis .main-visual .mvis-ctrls .data-auto button::before {content: '';display: block;border-style: solid;border-color: transparent #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main .mvis .main-visual .mvis-ctrls .data-auto .btn-play {display: none;}
#main .mvis .main-visual .mvis-ctrls .data-auto .btn-play:before {border-width: 5px 0 5px 7px;width: 0;height: 0;}
#main .mvis .main-visual .mvis-ctrls .data-auto .btn-stop {display: block;}
#main .mvis .main-visual .mvis-ctrls .data-auto .btn-stop:before {border-width: 0 1px;box-sizing: border-box;width: 5px;height: 8px;}
#main .mvis .main-visual .mvis-ctrls .data-nav {display: flex;align-items: center;gap: 6px;}
#main .mvis .main-visual .mvis-ctrls .data-nav > [class*=btn-]{display: block;width: 8px;height: 8px;border-top: 1px solid #fff;border-left: 1px solid #fff;opacity: 1;position: relative;}
#main .mvis .main-visual .mvis-ctrls .data-nav .btn-prev {transform: rotate(-45deg);}
#main .mvis .main-visual .mvis-ctrls .data-nav .btn-next {transform: rotate(135deg);}
#main .mvis .main-visual .mvis-ctrls .data-nums {display: flex;align-items: center;gap: 16px;}
#main .mvis .main-visual .mvis-ctrls .data-nums > p {color: #fff;font-size: 16px;font-weight: 600;}
#main .mvis .main-visual .mvis-ctrls .data-bar {width: 195px;height: 3px;background: rgba(255,255,255,.4);position: relative;overflow: hidden;}
#main .mvis .main-visual .mvis-ctrls .data-bar .pgs-bar {display: block;width: 0;height: 100%;background: var(--color-main);transition: width linear;}

/* 애니메이션 정의 */
@keyframes fade_in_up {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@media all and (max-width: 1199px){
    #main .mvis .main-visual .mvis-img-wrap .mvis-img .cinner {height: calc(100vh - 90px);}
}
    
@media all and (max-width: 1024px){
    #main .mvis {height: 700px;margin-bottom: 50px;}
    #main .mvis .main-visual .mvis-img-wrap .mvis-img a::before {content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,.4);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    #main .mvis .main-visual .mvis-img-wrap .mvis-img .cinner {height: 100%;}
    #main .mvis .main-visual .mvis-txt-wrap {width: 100%;margin-bottom: 0;text-align: center;top: 50%;transform: translateY(-50%);}
    #main .mvis .main-visual .mvis-txt-wrap .tit {font-size: 2.78em;}
    #main .mvis .main-visual .mvis-ctrls {bottom: 10%;}
    #main .mvis .main-visual .mvis-ctrls .cinner {justify-content: center;}
    #main .mvis .main-visual .mvis-ctrls .data-bar {height: 4px;}
    
}
@media all and (max-width: 768px){
    #main .mvis {height: 600px;}
    #main .mvis .main-visual .mvis-txt-wrap .txt {margin-top: 20px;}
}
@media (max-width: 640px){
    #main .mvis .main-visual .mvis-txt-wrap .tit {font-size: 2.38em;}
    #main .mvis .main-visual .mvis-txt-wrap .txt {font-size: 20px;}
    #main .mvis .main-visual .mvis-txt-wrap .txt > .line-br {display: inline;}
    #main .mvis .main-visual .mvis-ctrls {top: 80%;}
    #main .mvis .main-visual .mvis-ctrls .cinner {gap: 20px;}
    #main .mvis .main-visual .mvis-ctrls .data-nums {gap: 10px;}
    #main .mvis .main-visual .mvis-ctrls .data-nums > p {font-size: 14px;}
    #main .mvis .main-visual .mvis-ctrls .data-bar {width: 140px;height: 3px;}
    
    @keyframes fade_in_up {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

@media (max-width: 480px){ 
}
/* 메인 배너 끝 */



/* 메인 msec01 시작 */
.msec01 .fl-cont {gap: 130px;}
.msec01 .img-cont {flex: 0 0 auto;max-width: 738px;width: 49%;}
.msec01 .txt-cont {max-width: 650px;width: 100%;}

@media all and (max-width: 1399px) {
    .msec01 .fl-cont {gap: 70px;}
    .msec01 .img-cont {width: 45%;}
    .msec01 .txt-cont .text-wrap .msec-txt > .line-br {display: inline;}
}
@media all and (max-width: 1199px) {
    .msec01 .fl-cont {gap: 50px;}
    .msec01 .txt-cont {padding-top: 20px;}
}
@media all and (max-width: 768px) {
    .msec01 .img-cont {width: 100%;}
    .msec01 .txt-cont .text-wrap .msec-txt > .line-br {display: block;}
}
@media all and (max-width: 640px) {
    .msec01 .txt-cont .text-wrap .msec-txt > .line-br {display: inline;}
}
/* 메인 msec01 끝 */



/* 메인 msec02 시작 */
.msec02 {position: relative;}
.msec02::after {content: '';display: block;width: 697px;height: 749px;background: url(../img/main/msec02-img_dec.png) no-repeat;position: absolute;left: -251px;bottom: -361px;z-index: 0;}
.msec02 .cinner {position: relative;z-index: 1;}
.msec02 .fl-cont {gap: 50px;}
.msec02 .txt-cont {max-width: 645px;width: 43%;}
.msec02 .img-cont {max-width: 824px;width: 55%;}
.msec02 .img-cont .img-row {display: flex;margin: 0 -14px;}
.msec02 .img-cont .img-row > div {margin: 0 14px -28px;}
.msec02 .img-cont .img-row-right::before {content: '';display: block;width: 100%;height: 131px;}
.msec02 .img-cont .img {margin-bottom: 26px;}

@media all and (max-width: 1520px){
    .msec02::after {width: 550px;height: 591px;background-size: 550px;left: -173px;bottom: -259px;}
}
@media all and (max-width: 1399px) {
    .msec02::after {width: 460px;height: 494px;background-size: 460px;}
}
@media all and (max-width: 1199px){
    .msec02 .fl-cont {align-items: center;}
    .msec02 .txt-cont .text-wrap .msec-txt > .line-br {display: inline;}
}
@media all and (max-width: 1024px){
    .msec02::after {display: none;}
}
@media all and (max-width: 768px){
    .msec02 .fl-cont {flex-direction: column-reverse;}
    .msec02 .txt-cont {width: 100%;}
    .msec02 .img-cont {width: 100%;}
    .msec02 .txt-cont .text-wrap .msec-txt > .line-br {display: block;}
}
@media all and (max-width: 640px) {
    .msec02 .txt-cont .text-wrap .msec-txt > .line-br {display: inline;}
}
/* 메인 msec02 끝 */



/* 메인 msec03, msec04 공통 */
.msec03 > .cinner,
.msec04 > .cinner {flex-direction: column;}
.msec03 .text-wrap .msec-tit,
.msec04 .text-wrap .msec-tit {margin-bottom: 15px;text-align: center;}
.msec03 .text-wrap .msec-txt,
.msec04 .text-wrap .msec-txt {text-align: center}
.msec03 .img-cont {margin-bottom: 60px;}


/* 메인 msec03 시작 */
.msec03 .img-cont ul {display: flex;justify-content: space-between;gap: 42px;}
.msec03 .img-cont ul li {width: calc(33.333% - 28px);}
.msec03 .btn-more {margin: 0 auto;}
.msec03 .btn-more:hover {border-color: #3F8F00;}

@media all and (max-width: 1024px){
    .msec03 .img-cont ul {gap: 20px;}
    .msec03 .img-cont ul li {width: calc(33.333% - 13.34px);}
}
@media all and (max-width: 640px){
    .msec03 .img-cont ul {gap: 10px;}
    .msec03 .img-cont ul li {width: calc(33.333% - 6.67px);}
    .msec03 .text-wrap {margin-bottom: 30px;}
}
@media all and (max-width: 480px){
    .msec03 .text-wrap .msec-txt > .line-br {display: inline;}
    .msec03 .img-cont ul {flex-wrap: wrap;justify-content: center;}
    .msec03 .img-cont ul li {width: calc(50% - 10px);}
}
/* 메인 msec03 끝 */

 

/* 메인 msec04 시작 */
.msec04 {padding: 150px 0;background: #EEF8ED;}
.msec04 .text-wrap .msec-tit > .line-br,
.msec04 .text-wrap .msec-txt > .line-br {display: inline;}
.msec04 .img-cont {width: 100%;}
.msec04 .img-cont ul {display: flex;justify-content: space-between;align-items: stretch;gap: 160px;max-width: 1110px;width: 80%;margin: 0 auto;}
.msec04 .img-cont li {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 50px;width: 33.333%;text-align: center;}
.msec04 .img-cont li .txt {font-weight: 500;text-align: center;font-size: 1.50em;line-height: 1.3;}
.msec04 .img-cont li .txt .line-br {display: block;}

@media all and (max-width: 1399px){
    .msec04 .text-wrap {margin-bottom: 100px;}
    .msec04 .img-cont ul {gap: 90px;}
    .msec04 .img-cont li {gap: 30px;}
    .msec04 .img-cont li img {width: 140px;}
    .msec04 .img-cont li .txt {font-size: 1.30em;}
}
@media all and (max-width: 1199px){
    .msec04 {padding: 120px 0;}
    .msec04 .text-wrap {margin-bottom: 70px;}
    .msec04 .img-cont ul {width: 90%;}
    .msec04 .img-cont li img {width: 120px;}
    .msec04 .img-cont li .txt {font-size: 1.20em;}
}
@media all and (max-width: 1024px){
    .msec04 {padding: 80px 0 100px;}
    .msec04 .text-wrap {margin-bottom: 50px;}
    .msec04 .text-wrap .msec-tit > .line-br,
    .msec04 .text-wrap .msec-txt > .line-br {display: block;}
    .msec04 .img-cont ul {max-width: 708px;gap: 60px;}
    .msec04 .img-cont li img {width: 100px;}
}
@media all and (max-width: 768px){
    .msec04 {padding: 80px 0;}
    .msec04 .img-cont ul {gap: 40px;}
    .msec04 .img-cont li img {width: 90px;}
    .msec04 .img-cont li .txt {font-size: 18px;}
}
@media (max-width: 640px){
    .msec04 .text-wrap .msec-txt {padding: 0 20px;}
    .msec04 .text-wrap .msec-txt > .line-br {display: inline;}
    .msec04 .img-cont ul {gap: 20px;}
    .msec04 .img-cont li {gap: 20px;}
    .msec04 .img-cont li img {width: 80px;}
    .msec04 .img-cont li .txt {font-size: 17px;}
}
@media all and (max-width: 480px){
    .msec04 .text-wrap .msec-tit > .line-br {display: block;} 
    .msec04 .img-cont ul {flex-direction: column;align-items: center;gap: 40px;}
    .msec04 .img-cont li {width: 100%;gap: 15px;}
    .msec04 .img-cont li .txt {font-size: 15px;}
}
/* 메인 msec04 끝 */



/* 메인 msec05 시작 */
.msec05 .fl-cont {gap:130px;}
.msec05 .txt-cont {max-width: 650px;width: 100%;}
.msec05 .img-cont {flex: 0 0 auto;max-width: 738px;width: 49%;}
.msec05 .img-cont .img-row {display: flex;margin: 0 -14px;}
.msec05 .img-cont .img-row > div {margin: 0 14px -28px;}
.msec05 .img-cont .img-row-right::before {content: '';display: block;width: 100%;height: 131px;}
.msec05 .img-cont .img {margin-bottom: 26px;}

@media all and (max-width: 1399px) {
    .msec05 .fl-cont {gap: 70px;}
    .msec05 .img-cont {width: 45%;}
    .msec05 .txt-cont .text-wrap .msec-txt > .line-br {display: inline;}
}
@media all and (max-width: 1199px) {
    .msec05 .fl-cont {gap: 50px;}
    .msec05 .txt-cont {padding-top: 20px;}
}
@media all and (max-width: 768px) {
    .msec05 .fl-cont {flex-direction: column-reverse;}
    .msec05 .txt-cont {width: 100%;}
    .msec05 .img-cont {width: 100%;}
    .msec05 .txt-cont .text-wrap .msec-txt > .line-br {display: block;}
}
@media all and (max-width: 640px) {
    .msec05 .txt-cont .text-wrap .msec-txt > .line-br {display: inline;}
}
/* 메인 msec05 끝 */



/* 메인 msec06 시작 */
.msec06 {padding: 108px 0;margin-bottom: 0;background: url(../img/main/msec06-img_bg.jpg) 60% center/cover no-repeat;}
.msec06 .text-wrap .msec-tit {color: #fff;font-size: 2.50em;}
.msec06 .text-wrap .msec-txt {color: #fff;}
.msec06 .btn-more {background: transparent;border: 1px solid #fff;}

@media all and (max-width: 1199px){
    .msec06 {padding: 96px 0;}
}
/* 메인 msec06 끝 */


/* 서브페이지 공통 css 시작 */
.sub-page {padding: 200px 0;}
.sub-page .c-stit {margin-bottom: 20px;color: var(--color-main);font-family: var(--font-Gmarket);font-size: 1.75em;font-weight: 700;}
.sub-page .c-tit {font-family: var(--font-Gmarket);font-size: 2.40em;font-weight: 500;}
.sub-page .c-txt {color: #4C4C4E;}
.sub-page .btn-wrap {display: flex;flex-wrap: wrap;gap: 30px 15px;max-width: 930px;width: 100%;margin: 0 auto;}
.sub-page .btn-basic {display: flex;justify-content: center;align-items: center;gap: 16px;color: #fff;width: calc(50% - 7.5px);height: 86px;border-radius: 10px;font-family: var(--font-Gmarket);font-size: 1.50em;font-weight: 500;transition: .35s;}
.sub-page .btn-basic:hover,
.sub-page .btn-basic:focus {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.sub-page .btn-basic > .ico {flex: 0 0 auto;width: 42px;aspect-ratio: 1 / 1;}
.sub-page .btn-basic > .txt {line-height: normal;}
.sub-page .btn-faq {background: #008C5B;}
.sub-page .btn-kakao {background: #FDDB00;}
.sub-page .btn-store {width: 100% !important;background: #03CF5D;}

@media all and (max-width: 1199px){
    .sub-page {padding: 150px 0;}
    .sub-page .btn-basic {font-size: 1.30em;}
    .sub-page .btn-basic > .ico {width: 36px;}
}
@media (max-width: 1024px){
    .sub-page {padding: 100px 0;}
    .sub-page .c-stit {margin-bottom: 10px;font-size: 1.56em;}
    .sub-page .c-tit {font-size: 2.22em;}
    .sub-page .btn-wrap {gap: 20px 10px;max-width: 750px;}
    .sub-page .btn-basic {gap: 10px;width: calc(50% - 5px);height: 70px;font-size: 1.22em;}
    .sub-page .btn-basic > .ico {width: 32px;}
    
}
@media all and (max-width: 768px){
    .sub-page .c-stit {margin-bottom: 5px;font-size: 22px;}
    .sub-page .c-tit {font-size: 1.78em;}
    .sub-page .btn-basic > .ico {width: 26px;}
}
@media all and (max-width: 640px){
    .sub-page .btn-wrap {gap: 10px;max-width: 440px;}
    .sub-page .btn-basic {width: 100%;height: 65px;font-size: 18px;}
    .sub-page .btn-basic > .ico {width: 22px;}
}
/* 서브페이지 공통 css 끝 */



/* 회사소개 시작 */
#about .cont-box:not(:last-child) {margin-bottom: 200px;}
#about #greeting {position: relative;}
#about #greeting::after {content: '';display: block;width: 525px;aspect-ratio: 35 / 38;background: url(../img/sub/about-img_dec.png) center center / cover no-repeat;position: absolute;right: calc((100vw - 94%) / -2);bottom: -170px;z-index: 0;}
#about #greeting .content {display: flex;align-items: center;gap: 130px;position: relative;z-index: 1;}
#about #greeting .content > .img-cont {flex: 0 0 auto;max-width: 534px;width: 35%;}
#about #greeting .content > .img-cont > img {border-radius: 20px;}
#about #greeting .content > .txt-cont {width: 100%;}
#about #greeting .content > .txt-cont > .c-tit {margin-bottom: 50px;font-size: 2.10em;}
#about #greeting .content > .txt-cont > .txts > .c-txt {margin-bottom: 20px;}
#about #greeting .content > .txt-cont > .txts > .sign {margin-top: 40px;font-weight: 600;}
#about #greeting .content > .txt-cont > .txts > .sign > img {display: inline-block;margin-left: 5px;}
#about #vision .ctit-wrap {margin-bottom: 120px;}
#about #vision .ctit-wrap > .c-tit {margin-bottom: 32px;}
#about #vision .content {display: flex;flex-direction: column;align-items: center;gap: 55px;min-height: 833px;max-height: 833px;width: 100%;/* height: 92%; */height: 100%;writing-mode: sideways-lr;}
#about #vision .content .circle {flex: 0 0 auto;width: 46%;}
#about #vision .content .circle > img {margin: 0 auto;}
#about #vision .content ul {display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 100%;writing-mode: horizontal-tb;}
#about #vision .content ul > li {display: flex;align-items: center;gap: 30px;}
#about #vision .content ul > li:first-child,
#about #vision .content ul > li:last-child {margin-left: -150px;}
#about #vision .content ul > li > .ico {flex: 0 0 auto;padding-right: 30px;position: relative;}
#about #vision .content ul > li > .ico::after {content: '';display: block;width: 4px;height: 108%;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
#about #vision .content ul > li:nth-child(1) > .ico::after {background: #A5CD38;}
#about #vision .content ul > li:nth-child(2) > .ico::after {background: #3E8C00;}
#about #vision .content ul > li:nth-child(3) > .ico::after {background: #37B047;}
#about #vision .content ul > li:nth-child(4) > .ico::after {background: #008A5A;}
#about #vision .content ul > li > .ico > img {width: 90px;}
#about #vision .content ul > li > .txt-cont > .tit {margin-bottom: 10px;font-size: 1.50em;font-weight: 600;line-height: 1.3;}
#about #vision .content ul > li > .txt-cont > .txt {color: #4C4C4E;}
#about #purpose .ctit-wrap {margin-bottom: 120px;}
#about #purpose .ctit-wrap > .c-tit {margin-bottom: 32px;}
#about #purpose .content > .list-tit {margin-bottom: 42px;font-family: var(--font-Gmarket);font-size: 1.80em;font-weight: 500;}
#about #purpose .content > .list-tit > span {margin-right: 15px;color: var(--color-main);font-family: var(--font-Pretendard);font-weight: 800;}
#about #purpose .content > ul {display: flex;gap: 42px;}
#about #purpose .content > ul:not(:last-child) {margin-bottom: 120px;}
#about #purpose .content > ul > li > .img-cont {margin-bottom: 40px;}
#about #purpose .content > ul > li > .txt-cont {display: flex;flex-direction: column;align-items: center;}
#about #purpose .content > ul > li > .txt-cont > .tit {display: inline-block;max-width: 90%;margin-bottom: 30px;padding: 8px 102px;border-radius: 30px;background: var(--color-main);color: #fff;font-size: 1.50em;font-weight: 500;text-align: center;}
#about #purpose .content > ul > li > .txt-cont > .txt {color: #4C4C4E;text-align: center;}
#about #history .ctit-wrap {margin-bottom: 80px;}
#about #history .content .history-list {display: flex;flex-wrap: wrap;gap: 15px 0;margin-bottom: 200px;}
#about #history .content .history-list > li {width: 33.333%;padding: 50px 10px 50px 60px;border-top: 3px solid var(--color-main);box-sizing: border-box;position: relative;}
#about #history .content .history-list > li::before,
#about #history .content .history-list > li::after {content: '';display: block;position: absolute;}
#about #history .content .history-list > li::before {width: 30px;aspect-ratio: 1 / 1;border: 10px solid var(--color-main);border-radius: 50%;background: #fff;top: 0;left: 0;transform: translateY(-50%);z-index: 2;}
#about #history .content .history-list > li::after {max-height: 131px;width: 1px;height: 100%;border: 1px dashed #C5C5C5;top: 0;left: 15px;transform: translateX(-50%);z-index: 1;}
#about #history .content .history-list > li > .year {margin-bottom: 20px;color: var(--color-main);font-size: 1.50em;font-weight: 600;}
#about #history .content .history-list > li > .cont-list {position: relative;}
#about #history .content .history-list > li > .cont-list::before {content: '';display: block;width: 12px;aspect-ratio: 1 / 1;border-radius: 50%;background: var(--color-main);position: absolute;top: 11px;left: -57px;transform: translateX(50%);z-index: 3;}
#about #history .content .history-list > li > .cont-list > li {font-size: 1.20em;font-weight: 600;line-height: 1.4;}
#about #history .content .history-list > li > .cont-list > li:not(:last-child) {margin-bottom: 15px;}
#about #history .content .history-list > li > .cont-list > li > span {display: block;font-size: .83em;font-weight: 500;}
#about #history .content .certific-swiper-wrap {position: relative;}
#about #history .content .certific-swiper {max-width: 1324px;margin: 0 auto 30px;}
#about #history .content .swiper-ctrls button {width: 50px;height: 50px;padding: 0;border: 1px solid #EBEBEB;border-radius: 50%;background: #fff;}
#about #history .content .swiper-ctrls button::after {content: '';display: block;width: 40%;height: 40%;border-style: solid;border-color: var(--color-main);border-radius: 2px;transform: rotate(45deg);}
#about #history .content .swiper-ctrls .btn-prev {left: auto;right: 100%;transform: translateX(50%);}
#about #history .content .swiper-ctrls .btn-next {left: 100%;right: auto;transform: translateX(-50%);}
#about #history .content .swiper-ctrls .btn-prev::after {border-width: 0 0 3px 3px;margin: 0 0 0 6px;}
#about #history .content .swiper-ctrls .btn-next::after {border-width: 3px 3px 0 0;margin: 0 0 0 -6px;}
#about #history .content .certific-list {display: flex;justify-content: center;gap: 30px;max-width: 618px;margin: 0 auto;}
#about #history .content .certific-list > li {width: calc(50% - 15px);}

@media all and (max-width: 1399px){
    #about #greeting::after {width: 450px;}
    #about #greeting .content {align-items: flex-start;gap: 80px;}
    #about #greeting .content > .txt-cont {padding-top: 10px;}
    #about #greeting .content > .txt-cont > .txts > .c-txt > .line-br {display: inline;}
    #about #vision .content {min-height: 642px;height: 80%;}
    #about #vision .content ul > li > .ico > img {width: 80px;}
    #about #vision .content ul > li > .txt-cont > .tit {font-size: 1.30em;}
    #about #vision .content ul > li > .txt-cont > .txt {font-size: .90em;}
    #about #purpose .content > ul > li > .txt-cont > .tit {padding: 8px 65px;font-size: 1.40em;}
    #about #purpose .content > ul > li > .txt-cont > .txt > .line-br {display: inline;}
    #about #history .content .history-list > li {padding: 50px 10px 50px 50px;}
    #about #history .content .history-list > li > .cont-list > li {font-size: 1.10em;}
    #about #history .content .history-list > li > .cont-list::before {top: 8px;left: -47px;}
}
@media all and (max-width: 1199px){
    #about .cont-box:not(:last-child) {margin-bottom: 150px;}
    #about #greeting::after {width: 400px;bottom: -150px;}
    #about #greeting .content {gap: 50px;}
    #about #vision .content {min-height: 562px;height: 70%;}
    #about #vision .content ul > li:first-child,
    #about #vision .content ul > li:last-child {margin-left: -100px;}
    #about #vision .content ul > li > .txt-cont > .txt > .line-br {display: inline;}
    #about #purpose .ctit-wrap {margin-bottom: 90px;}
    #about #purpose .content > ul:not(:last-child) {margin-bottom: 100px;}
    #about #purpose .content > ul > li > .txt-cont > .tit {padding: 8px 55px;font-size: 1.20em;}
    #about #history .content .history-list {margin-bottom: 150px;}
    #about #history .content .history-list > li {padding: 30px 10px 30px 50px;}
    #about #history .content .history-list > li::after {max-height: 92px;}
    #about #history .content .history-list > li > .year {margin-bottom: 10px;}
    #about #history .content .history-list > li > .cont-list > li {font-size: 1.0em;}
}

@media all and (max-width: 1024px){
    #about .cont-box:not(:last-child) {margin-bottom: 100px;}
    #about #greeting::after {width: 350px;bottom: -100px;}
    #about #greeting .content > .txt-cont > .txts > .c-txt {margin-bottom: 15px;}
    #about #greeting .content > .txt-cont > .txts > .sign {margin-top: 20px;}
    #about #vision .ctit-wrap {margin-bottom: 80px;}
    #about #vision .ctit-wrap > .c-tit {margin-bottom: 20px;}
    #about #vision .content {height: auto;writing-mode: inherit;}
    #about #vision .content .circle {display: none;}
    #about #vision .content ul {flex-direction: row;flex-wrap: wrap;gap: 60px;writing-mode: inherit;}
    #about #vision .content ul > li {flex-direction: column;align-items: normal;gap: 20px;width: calc(50% - 30px);}
    #about #vision .content ul > li:first-child,
    #about #vision .content ul > li:last-child {margin-left: 0;}
    #about #vision .content ul > li > .ico {padding-right: 0;padding-bottom: 20px;}
    #about #vision .content ul > li > .ico::after {max-width: 70px;width: 100%;height: 4px;top: auto;right: auto;left: 0;}
    #about #vision .content ul > li > .ico > img {width: 70px;}
    #about #purpose .ctit-wrap {margin-bottom: 80px;}
    #about #purpose .ctit-wrap > .c-tit {margin-bottom: 20px;}
    #about #purpose .content > .list-tit {margin-bottom: 20px;font-size: 1.67em;}
    #about #purpose .content > ul:not(:last-child) {margin-bottom: 80px;}
    #about #purpose .content > ul {gap: 30px;}
    #about #purpose .content > ul > li {width: calc(50% - 15px);}
    #about #purpose .content > ul > li > .img-cont {margin-bottom: 30px;}
    #about #purpose .content > ul > li > .txt-cont > .tit {margin-bottom: 15px;padding: 5px 30px;font-size: 1.11em;}
    #about #history .content .history-list {margin-bottom: 100px;}
    #about #history .content .history-list > li {width: 50%;}
    #about #history .content .history-list > li > .year {margin-bottom: 5px;}
    #about #history .content .history-list > li > .cont-list > li:not(:last-child) {margin-bottom: 10px;}
    #about #history .content .certific-list {gap: 20px;}
    #about #history .content .certific-list > li {width: calc(50% - 10px);}
}

@media all and (max-width: 768px){
    #about #greeting::after {width: 300px;bottom: -60px;}
    #about #greeting .content {flex-direction: column;gap: 30px;}
    #about #greeting .content > .img-cont{max-width: none;width:100%;}
    #about #greeting .content > .img-cont > img {border-radius: 10px;} 
    #about #greeting .content > .txt-cont > .c-tit {margin-bottom: 30px;font-size: 1.88em;}
    #about #vision .ctit-wrap {margin-bottom: 50px;}
    #about #vision .content ul {gap: 40px;}
    #about #vision .content ul > li {width: calc(50% - 20px);}
    #about #vision .content ul > li > .txt-cont > .txt {font-size: 16px;}
    #about #purpose .ctit-wrap {margin-bottom: 50px;}
    #about #purpose .content > .list-tit {margin-bottom: 10px;font-size: 1.44em;}
    #about #purpose .content > .list-tit > span {margin-right: 10px;}
    #about #purpose .content > ul {gap: 20px;}
    #about #purpose .content > ul:not(:last-child) {margin-bottom: 50px;}
    #about #purpose .content > ul > li {width: calc(50% - 10px);}
    #about #purpose .content > ul > li > .img-cont {margin-bottom: 20px;}
    #about #purpose .content > ul > li > .txt-cont > .tit {max-width: 95%;padding: 5px 24px;}
    #about #history .content .history-list > li {padding: 30px 10px 30px 40px;}
    #about #history .content .history-list > li::before {width: 25px;border-width: 7px;}
    #about #history .content .history-list > li::after {max-height: 82px;left: 13px;}
    #about #history .content .history-list > li > .cont-list::before {width: 10px;top: 8px;left: -37px;}
    #about #history .content .history-list > li > .cont-list > li {font-size: 18px;}
    #about #history .content .history-list > li > .cont-list > li > span {font-size: 15px;}
}
@media all and (max-width: 640px){
    #about #greeting::after {width: 250px;}
    #about #vision .content ul {gap: 20px;}
    #about #vision .content ul > li {width: calc(50% - 10px);}
    #about #vision .content ul > li > .ico > img {width: 60px;}
    #about #purpose .ctit-wrap > .c-tit > .line-br,
    #about #purpose .ctit-wrap > .c-txt > .line-br {display: inline;}
    #about #purpose .content > ul {flex-wrap: wrap;gap: 50px;}
    #about #purpose .content > ul > li {width: 100%;}
    #about #history .content .history-list > li > .year {font-size: 22px;}
    #about #history .content .history-list > li {padding: 20px 10px 20px 30px;}
    #about #history .content .history-list > li::after {max-height: 66px;}
    #about #history .content .history-list > li > .cont-list::before {top: 5px;left: -27px;}
    #about #history .content .history-list > li > .cont-list > li {font-size: 16px;}
    #about #history .content .history-list > li > .cont-list > li > span {font-size: 14px;}
    #about #history .content .history-list {margin-bottom: 50px;}
    #about #history .content .swiper-ctrls button {width: 40px;height: 40px;}
    #about #history .content .swiper-ctrls .btn-prev {transform: translateX(calc(50% + 5px));}
    #about #history .content .swiper-ctrls .btn-next {transform: translateX(calc(-50% - 5px));}
    #about #history .content .certific-list {gap: 10px;}
    #about #history .content .certific-list > li {width: calc(50% - 5px);}
}
@media all and (max-width: 480px){
    #about #vision .content ul {max-width: 300px;margin: 0 auto;}
    #about #vision .content ul > li {align-items: center;width: 100%;}
    #about #vision .content ul > li > .txt-cont {text-align: center;}
    #about #history .content .history-list > li {width: 100%;padding: 20px 10px 20px 40px;}
    #about #history .content .history-list > li > .cont-list::before {left: -37px;}
}
/* 회사소개 끝 */



/* 비틀즈자연학교 시작 */
#school .cont-box:not(:last-child) {margin-bottom: 200px;}
#school #purpose .ctit-wrap {margin-bottom: 100px;}
#school #purpose .ctit-wrap > .c-tit {margin-bottom: 32px;}
#school #program {padding: 130px 0;background: #EEF8ED;}
#school #program .ctit-wrap {margin-bottom: 80px;}
#school #program .content > ul {display: flex;flex-wrap: wrap;gap: 50px 42px;}
#school #program .content > ul:not(:last-child) {margin-bottom: 120px;}
#school #program .content > ul > li {width: calc(50% - 21px);}
#school #program .content > ul > li > .img-cont {margin-bottom: 40px;}
#school #program .content > ul > li > .txt-cont {display: flex;flex-direction: column;align-items: center;}
#school #program .content > ul > li > .txt-cont > .tit {display: inline-block;max-width: 300px;width: 70%;margin-bottom: 30px;padding: 8px;border-radius: 30px;background: var(--color-main);color: #fff;font-size: 1.50em;font-weight: 500;text-align: center;}
#school #program .content > ul > li > .txt-cont > .txt {color: #4C4C4E;text-align: center;}
#school #guide .ctit-wrap {margin-bottom: 80px;}
#school #guide .content .info-list {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 50px;}
#school #guide .content .info-list > li {display: flex;align-items: center;gap: 20px;width: calc(50% - 10px);}
#school #guide .content .info-list > li > .label {flex: 0 0 auto;width: 250px;padding: 4px 10px;box-sizing: border-box;border-radius: 26px;background: var(--color-main);color: #fff;font-size: 1.50em;font-weight: 500;text-align: center;}
#school #guide .content .info-list > li > .txt {color: #4C4C4E;line-height: 1.3;}
#school #guide .content .img-list {display: flex;gap: 30px;}
#school #guide .content .img-list > li > img {border-radius: 15px;}
#school #reserve {padding: 130px 0;background: #EEF8ED;}
#school #reserve .ctit-wrap {margin-bottom: 80px;}
#school #reserve .ctit-wrap > .c-tit {margin-bottom: 32px;}
#school #reserve .content > ul {margin-bottom: 20px;border: 1px solid #D9D9D9;box-sizing: border-box;}
#school #reserve .content > ul > li {display: flex;align-items: stretch;min-height: 60px;}
#school #reserve .content > ul > li:not(:last-child) {border-bottom: 1px solid #D9D9D9;}
#school #reserve .content > ul > li > .label {flex: 0 0 auto;display: flex;justify-content: center;align-items: center;width: 250px;padding: 10px 30px;box-sizing: border-box;background: var(--color-main);color: #fff;font-size: 1.10em;font-weight: 500;text-align: center;}
#school #reserve .content > ul > li > .txt {display: flex;align-items: center;width: 100%;padding: 10px 30px;box-sizing: border-box;background: #fff;}
#school #reserve .content > p {padding-left: 25px;font-size: 1.10em;font-weight: 500;position: relative;}
#school #reserve .content > p::before {content: '';display: block;width: 5px;height: 5px;margin: 0 10px;border-radius: 50%;background: #000;position: absolute;top: 13px;left: 0;}
#school #location .ctit-wrap {margin-bottom: 30px;}
#school #location .ctit-wrap > .c-tit {margin-bottom: 30px;}
#school #location .content > .map {width: 100%;height: 840px;}

@media all and (max-width: 1399px){
    #school #program .content > ul > li > .txt-cont > .tit {font-size: 1.40em;}
    #school #guide .content .info-list > li > .label {width: 200px;font-size: 1.30em;}
    #school #location .content > .map {height: 600px;}
}
@media all and (max-width: 1199px){
    #school .cont-box:not(:last-child) {margin-bottom: 150px;}
    #school #purpose .ctit-wrap {margin-bottom: 90px;}
    #school #program .content > ul > li > .txt-cont > .tit {font-size: 1.20em;}
    #school #guide .content .info-list > li > .label {width: 180px;font-size: 1.20em;}
    #school #guide .content .img-list {gap: 20px;}
    #school #reserve .content > ul > li > .label {width: 220px;}
    #school #location .content > .map {height: 500px;}
}
@media all and (max-width: 1024px){
    #school .cont-box:not(:last-child) {margin-bottom: 100px;}
    #school #purpose .ctit-wrap {margin-bottom: 80px;}
    #school #purpose .ctit-wrap > .c-tit {margin-bottom: 20px;}
    #school #purpose .ctit-wrap > .c-txt > .line-br {display: inline;}
    #school #program .ctit-wrap {margin-bottom: 50px;}
    #school #program .content > ul {gap: 50px 30px;}
    #school #program .content > ul > li {width: calc(50% - 15px);}
    #school #program .content > ul > li > .img-cont {margin-bottom: 30px;}
    #school #program .content > ul > li > .txt-cont > .tit {margin-bottom: 15px;padding: 5px;font-size: 1.11em;}
    #school #guide .ctit-wrap {margin-bottom: 50px;}
    #school #guide .content .info-list > li {flex-direction: column;align-items: normal;gap: 15px;}
    #school #guide .content .info-list > li > .label {width: 150px;font-size: 1.11em;}
    #school #guide .content .info-list > li > .txt {padding-left: 20px;box-sizing: border-box;}
    #school #guide .content .img-list {flex-wrap: wrap;}
    #school #guide .content .img-list > li {width: calc(50% - 10px);}
    #school #guide .content .img-list > li > img {border-radius: 10px;}
    #school #reserve .ctit-wrap {margin-bottom: 50px;}
    #school #reserve .ctit-wrap > .c-tit {margin-bottom: 20px;}
    #school #reserve .content > ul > li > .label {width: 190px;}
    #school #location .ctit-wrap > .c-tit {margin-bottom: 20px;}
}
@media all and (max-width: 768px){
    #school #purpose .ctit-wrap {margin-bottom: 50px;}
    #school #program {padding: 80px 0;}
    #school #program .content > ul {gap: 40px 20px;}
    #school #program .content > ul > li {width: calc(50% - 10px);}
    #school #program .content > ul > li > .img-cont {margin-bottom: 20px;}
    #school #program .content > ul > li > .txt-cont > .tit {max-width: 220px;}
    #school #guide .content .info-list > li {gap: 10px;}
    #school #guide .content .info-list > li > .label {width: 130px;}    
    #school #guide .content .info-list > li > .txt {padding-left: 14px;}
    #school #reserve {padding: 80px 0;}
    #school #reserve .content > ul > li > .label {width: 170px;padding: 10px 20px;font-size: 18px;}
    #school #reserve .content > ul > li > .txt {padding: 10px 20px;font-size: 17px;}
    #school #location .content > .map {height: 400px;}
}
@media all and (max-width: 640px){
    #school #purpose .ctit-wrap > .c-tit > .line-br {display: inline;}
    #school #program .content > ul {gap: 50px;}
    #school #program .content > ul > li {width: 100%;}
    #school #guide .ctit-wrap > .c-tit > .line-br {display: inline;}
    #school #guide .content .info-list > li {width: 100%;}
    #school #guide .content .img-list {gap: 10px;}
    #school #guide .content .img-list > li {width: calc(50% - 5px);}
    #school #reserve .content > ul > li {flex-direction: column;}
    #school #reserve .content > ul > li > .label {width: 100%;}
    #school #reserve .content > ul > li > .txt {justify-content: center;text-align: center;}
    #school #location .content > .map {height: 350px;}
}
@media all and (max-width: 480px){}
/* 비틀즈자연학교 끝 */



/* 자연놀이 상점 시작 */
#store .cont-box:not(:last-child) {margin-bottom: 200px;}
#store .cont-box .content {display: flex;align-items: center;gap: 150px;margin-bottom: 200px;}
#store .cont-box .content > .img-cont {flex: 0 0 auto;max-width: 670px;width: 44%;}
#store .cont-box .content > .img-cont > img {border-radius: 20px;}
#store .cont-box .content > .img-cont > .img-tit {margin-top: 20px;font-size: 1.20em;font-weight: 500;text-align: center;}
#store .cont-box .content > .txt-cont > .c-tit {margin-bottom: 50px;}
#store .cont-box .content > .txt-cont > .txts > .c-txt:not(:last-child) {margin-bottom: 20px;}
#store .img-list-wrap {padding: 130px 0;background: #EEF8ED;}
#store .img-list {display: flex;flex-wrap: wrap;gap: 50px 30px;}
#store .img-list > li {width: calc(33.333% - 20px);}
#store .img-list > li .img {margin-bottom: 30px;}
#store .img-list > li .img > img {border-radius: 10px;}
#store .img-list > li .img-tit {font-size: 1.50em;font-weight: 600;text-align: center;}
#store .img-list > li .img-txt {margin-top: 20px;padding: 0 25px;box-sizing: border-box;color: #4C4C4E;font-weight: 500;text-align: center;}
#store .cont-box1 .btn-wrap {margin-bottom: 200px;}
#store .cont-box2 .img-list-wrap {margin-bottom: 200px}
#store .cont-box2 .btn-wrap > .txt {width: 100%;margin-bottom: 70px;font-family: var(--font-Gmarket);font-size: 1.80em;font-weight: 500;text-align: center;line-height: 1.3;}
#store .cont-box3 .content.reverse {flex-direction: row-reverse;justify-content: space-between;}
#store .cont-box3 .content.reverse > .img-cont > img {border: 1px solid #EFEFEF;box-sizing: border-box;}

@media all and (max-width: 1650px){
    #store .cont-box .content {gap: 100px;}
    #store .cont-box .content > .txt-cont > .c-stit {font-size: 1.50em;}
    #store .cont-box .content > .txt-cont > .c-tit {font-size: 2.10em;}
    #store .img-list > li .img-txt > .line-br {display: inline;}
}
@media all and (max-width: 1399px){
    #store .cont-box .content {align-items: flex-start;gap: 80px;}
    #store .cont-box .content > .txt-cont {padding-top: 10px;}
    #store .cont-box .content > .txt-cont > .c-stit {font-size: 1.20em;}
    #store .cont-box .content > .txt-cont > .c-tit {margin-bottom: 30px;font-size: 1.80em;}
    #store .cont-box .content > .txt-cont > .txts > .c-txt > .line-br {display: inline;}
    #store .img-list > li .img {margin-bottom: 20px;}
    #store .img-list > li .img-tit {font-size: 1.20em;}
    #store .cont-box2 .content {align-items: center;}
    #store .cont-box2 .content > .txt-cont {padding-top: 0;}
    #store .cont-box2 .content > .txt-cont > .txts > .c-txt > .line-br {display: inline;}
    #store .cont-box3 .content > .txt-cont > .txts > .c-txt > .line-br {display: inline;}
}
@media all and (max-width: 1199px){    
    #store .cont-box:not(:last-child) {margin-bottom: 150px;}
    #store .cont-box .content {gap: 50px;margin-bottom: 150px;}
    #store .cont-box .content > .img-cont > .img-tit {font-size: 1.10em;}
    #store .cont-box .content > .txt-cont > .c-stit {font-size: 1.10em;}
    #store .cont-box .content > .txt-cont > .c-tit {margin-bottom: 30px;font-size: 1.65em;}
    #store .img-list-wrap {padding: 100px 0;}
    #store .img-list {gap: 40px 20px;}
    #store .img-list > li {width: calc(33.333% - 13.34px);}
    #store .img-list > li .img-txt {margin-top: 10px;font-size: .90em;}
    #store .cont-box1 .btn-wrap {margin-bottom: 150px;}
    #store .cont-box2 .content {align-items: flex-start;}
    #store .cont-box2 .content > .txt-cont {padding-top: 10px;}
    #store .cont-box2 .img-list-wrap {margin-bottom: 150px;}
}
@media all and (max-width: 1024px){
    #store .cont-box:not(:last-child) {margin-bottom: 100px;}
    #store .cont-box .content {flex-direction: column-reverse;margin-bottom: 100px;}
    #store .cont-box .content > .img-cont {max-width: none;width: 100%;}
    #store .cont-box .content > .txt-cont > .c-stit {font-size: 1.56em;}
    #store .cont-box .content > .txt-cont > .c-tit {font-size: 2.22em;}
    #store .img-list-wrap {padding: 80px 0;}
    #store .img-list {gap: 40px 15px;}
    #store .img-list > li {width: calc(33.333% - 10px);}
    #store .img-list > li .img {margin-bottom: 15px;}
    #store .img-list > li .img-tit {font-size: 1.11em;} 
    #store .img-list > li .img-txt {padding: 0 10px;}
    #store .cont-box1 .btn-wrap {margin-bottom: 100px;}
    #store .cont-box2 .img-list-wrap {margin-bottom: 100px;}
    #store .cont-box2 .btn-wrap > .txt {margin-bottom: 40px;}
    #store .cont-box3 .content.reverse {flex-direction: column-reverse;}
}
@media (max-width: 768px){
    #store .cont-box .content {gap: 30px;margin-bottom: 80px;}
    #store .cont-box .content > .img-cont > img {border-radius: 10px;}
    #store .cont-box .content > .txt-cont > .c-stit {font-size: 22px;}
    #store .cont-box .content > .txt-cont > .c-tit {font-size: 1.78em;}
    #store .img-list > li .img-txt {font-size: 16px;}
    #store .cont-box1 .btn-wrap {margin-bottom: 80px;}
    #store .cont-box2 .img-list > li {display: flex;align-items: center;gap: 30px;width: 100%;}
    #store .cont-box2 .img-list > li > .img {flex: 0 0 auto;width: 220px;margin-bottom: 0;}
    #store .cont-box2 .img-list > li .img-tit {text-align: left;}
    #store .cont-box2 .img-list > li .img-txt {padding: 0;text-align: left;}
}
@media all and (max-width: 640px){
    #store .img-list {gap: 30px 20px;}
    #store .img-list > li {width: calc(50% - 10px);}

    #store .cont-box2 .img-list > li {flex-direction: column;}
    #store .cont-box2 .img-list > li > .img {width: 100%;}
    #store .cont-box2 .img-list > li .img-tit {text-align: center;}
    #store .cont-box2 .img-list > li .img-txt {padding: 0 10px;text-align: center;}
    #store .cont-box2 .btn-wrap > .txt > .line-br {display: inline;}
}
@media all and (max-width: 480px){
    #store .img-list > li {width: 100%;}
}
/* 자연놀이 상점 끝 */



/* 자연의 선물 시작 */
#gift .cont-box:not(:last-child) {margin-bottom: 200px;}
#gift .cont-box .content {margin-bottom: 200px;}
#gift .cont-box1 .ctit-wrap {margin-bottom: 100px;}
#gift .cont-box1 .ctit-wrap > .c-tit {margin-bottom: 32px;}
#gift .cont-box1 .content01 .img {margin-bottom: 30px;}
#gift .cont-box1 .content01 .txt {font-size: 1.50em;font-weight: 500;text-align: center;}
#gift .cont-box1 .content02 {padding: 200px 0;background: url(../img/sub/gift-img_bg.jpg) center center / cover no-repeat;}
#gift .cont-box1 .content02 .cinner {display: flex;justify-content: space-between;align-items: center;gap: 90px;}
#gift .cont-box1 .content02 .img-cont {flex: 0 0 auto;max-width: 670px;width: 44%;}
#gift .cont-box1 .content02 .img-cont > img {border-radius: 10px;}
#gift .cont-box1 .content02 .txt-cont {max-width: 674px;width: 49%;}
#gift .cont-box1 .content02 .txt-cont > .c-tit {margin-bottom: 32px;}
#gift .cont-box1 .content02 .txt-cont > .txts > .c-txt:not(:last-child) {margin-bottom: 20px;}
#gift .cont-box2 .ctit-wrap {margin-bottom: 100px;}
#gift .cont-box2 .ctit-wrap > .c-tit {margin-bottom: 32px;}
#gift .cont-box2 .content > .img-cont {margin-bottom: 100px;}
#gift .cont-box2 .content > ul {margin-bottom: 200px;}
#gift .cont-box2 .content > ul > li {display: flex;justify-content: space-between;align-items: center;gap: 90px;}
#gift .cont-box2 .content > ul > li:nth-child(even) {flex-direction: row-reverse;}
#gift .cont-box2 .content > ul > li:not(:last-child) {margin-bottom: 100px;}
#gift .cont-box2 .content > ul > li > .img-cont {flex: 0 0 auto;max-width: 750px;width: 50%;}
#gift .cont-box2 .content > ul > li > .img-cont > img {border-radius: 30px;}
#gift .cont-box2 .content > ul > li > .txt-cont {width: 100%;}
#gift .cont-box2 .content > ul > li > .txt-cont > .num {color: var(--color-main);font-size: 1.50em;font-weight: 600;}
#gift .cont-box2 .content > ul > li > .txt-cont > .tit {margin-bottom: 20px;font-size: 2.0em;font-weight: 600;}
#gift .cont-box2 .content > ul > li > .txt-cont > .txts > .txt {color: #4C4C4E;}
#gift .cont-box2 .content > ul > li > .txt-cont > .txts > .txt:not(:last-child) {margin-bottom: 20px;}
#gift .cont-box3 .content {display: flex;align-items: center;gap: 150px;margin-bottom: 0;}
#gift .cont-box3 .content > .img-cont {flex: 0 0 auto;max-width: 670px;width: 44%;}
#gift .cont-box3 .content > .img-cont > img {border-radius: 20px;}
#gift .cont-box3 .content > .img-cont > .img-tit {margin-top: 20px;font-size: 1.20em;font-weight: 500;text-align: center;}
#gift .cont-box3 .content > .txt-cont > .c-tit {margin-bottom: 50px;}
#gift .cont-box3 .content > .txt-cont > .txts > .c-txt:not(:last-child) {margin-bottom: 20px;}


@media all and (max-width: 1650px){
    #gift .cont-box1 .content02 {padding: 150px 0;}
    #gift .cont-box1 .content02 .txt-cont > .c-tit {font-size: 2.10em;}
    #gift .cont-box2 .content > ul > li > .img-cont {width: 45%;}  
    #gift .cont-box3 .content {gap: 100px;}
    #gift .cont-box3 .content > .txt-cont > .c-stit {font-size: 1.50em;}
    #gift .cont-box3 .content > .txt-cont > .c-tit {font-size: 2.10em;}
    
}
@media all and (max-width: 1399px){
    #gift .cont-box1 .content01 .txt {font-size: 1.40em;}
    #gift .cont-box1 .content02 {padding: 120px 0;}
    #gift .cont-box1 .content02 .cinner {align-items: flex-start;gap: 80px;}
    #gift .cont-box1 .content02 .txt-cont {padding-top: 10px;}
    #gift .cont-box1 .content02 .txt-cont > .c-stit {font-size: 1.20em;}
    #gift .cont-box1 .content02 .txt-cont > .c-tit {margin-bottom: 20px;font-size: 1.80em;}
    #gift .cont-box1 .content02 .txt-cont > .txts > .c-txt > .line-br {display: inline;}
    #gift .cont-box2 .content > ul > li {gap: 60px;}
    #gift .cont-box2 .content > ul > li > .txt-cont > .num {font-size: 1.20em;}
    #gift .cont-box2 .content > ul > li > .txt-cont > .tit {font-size: 1.80em;}
    #gift .cont-box2 .content > ul > li > .txt-cont > .txts > .txt > .line-br {display: inline;}
    #gift .cont-box3 .content {align-items: flex-start;gap: 80px;}
    #gift .cont-box3 .content > .txt-cont {padding-top: 10px;}
    #gift .cont-box3 .content > .txt-cont > .c-stit {font-size: 1.20em;}
    #gift .cont-box3 .content > .txt-cont > .c-tit {margin-bottom: 30px;font-size: 1.80em;}
}
@media all and (max-width: 1199px) {
    #gift .cont-box:not(:last-child) {margin-bottom: 150px;}
    #gift .cont-box .content {margin-bottom: 150px;}
    #gift .cont-box1 .ctit-wrap {margin-bottom: 90px;}
    #gift .cont-box1 .content01 .txt {font-size: 1.30em;}
    #gift .cont-box1 .content02 {padding: 100px 0;}
    #gift .cont-box2 .ctit-wrap {margin-bottom: 70px;}
    #gift .cont-box2 .ctit-wrap > .c-txt > .line-br {display: inline;}
    #gift .cont-box2 .content > ul {margin-bottom: 150px;}
    #gift .cont-box2 .content > ul > li {align-items: flex-start;}
    #gift .cont-box2 .content > ul > li:not(:last-child) {margin-bottom: 80px;}
    #gift .cont-box2 .content > ul > li > .img-cont > img {border-radius: 20px;}
    #gift .cont-box3 .content {gap: 50px;margin-bottom: 150px;}
    #gift .cont-box3 .content > .img-cont > .img-tit {font-size: 1.10em;}
    #gift .cont-box3 .content > .txt-cont > .c-stit {font-size: 1.10em;}
    #gift .cont-box3 .content > .txt-cont > .c-tit {margin-bottom: 30px;font-size: 1.65em;}
    
}
@media all and (max-width: 1024px) {
    #gift .cont-box:not(:last-child) {margin-bottom: 100px;}
    #gift .cont-box .content {margin-bottom: 100px;}
    #gift .cont-box1 .ctit-wrap {margin-bottom: 50px;}
    #gift .cont-box1 .ctit-wrap > .c-tit {margin-bottom: 20px;}
    #gift .cont-box1 .content01 .txt {font-size: 1.22em;}
    #gift .cont-box1 .content02 .cinner {flex-direction: column;gap: 30px;}
    #gift .cont-box1 .content02 .img-cont {max-width: none;width: 100%;}
    #gift .cont-box1 .content02 .txt-cont {max-width: none;width: 100%;}
    #gift .cont-box1 .content02 .txt-cont > .c-tit {margin-bottom: 20px;}
    #gift .cont-box2 .ctit-wrap {margin-bottom: 50px;}
    #gift .cont-box2 .ctit-wrap > .c-tit {margin-bottom: 20px;}
    #gift .cont-box2 .content > ul {margin-bottom: 100px;}
    #gift .cont-box2 .content > ul > li {gap: 40px;}
    #gift .cont-box2 .content > ul > li > .img-cont {width: 40%;}
    #gift .cont-box2 .content > ul > li > .img-cont > img {border-radius: 20px;}
    #gift .cont-box2 .content > ul > li > .txt-cont > .num {font-size: 1.11em;}
    #gift .cont-box2 .content > ul > li > .txt-cont > .tit {font-size: 1.56em;}
    #gift .cont-box3 .content {flex-direction: column-reverse;margin-bottom: 100px;}
    #gift .cont-box3 .content > .img-cont {max-width: none;width: 100%;}
    #gift .cont-box3 .content > .txt-cont > .c-stit {font-size: 1.56em;}
    #gift .cont-box3 .content > .txt-cont > .c-tit {font-size: 2.22em;}
    
}
@media  all and (max-width: 768px) {
    #gift .cont-box1 .ctit-wrap {margin-bottom: 50px;}
    #gift .cont-box2 .ctit-wrap {margin-bottom: 30px;}
    #gift .cont-box2 .content > ul > li {gap: 30px;}
    #gift .cont-box2 .content > ul > li:not(:last-child) {margin-bottom: 50px;}
    #gift .cont-box2 .content > ul > li > .img-cont > img {border-radius: 10px;}
    #gift .cont-box2 .content > ul > li > .txt-cont > .num {font-size: 18px;}
    #gift .cont-box2 .content > ul > li > .txt-cont > .tit {margin-bottom: 10px;font-size: 1.50em;}
    #gift .cont-box2 .content > ul > li > .txt-cont > .txts > .txt:not(:last-child) {margin-bottom: 10px;}
    #gift .cont-box3 .content {gap: 30px;margin-bottom: 80px;}
    #gift .cont-box3 .content > .img-cont > img {border-radius: 10px;}
    #gift .cont-box3 .content > .txt-cont > .c-stit {font-size: 22px;}
    #gift .cont-box3 .content > .txt-cont > .c-tit {font-size: 1.78em;}   
}
@media all and (max-width: 640px){
    #gift .cont-box1 .content01 .txt {font-size: 18px;}
    #gift .cont-box1 .content01 .txt > .line-br {display: inline;}
    #gift .cont-box2 .ctit-wrap {margin-bottom: 20px;}
    #gift .cont-box2 .content > ul > li {flex-direction: column !important;gap: 20px;}
    #gift .cont-box2 .content > ul > li > .img-cont {max-width: none;width: 100%;}
    #gift .cont-box2 .content > ul > li > .txt-cont {padding: 0 15px;box-sizing: border-box;}
}
@media all and (max-width: 480px){
    #gift .cont-box1 .content02 .txt-cont > .c-tit > .line-br {display: inline;}
}
/* 자연의 선물 끝 */






/* 개인정보처리방침 시작 */
[class*=privacy_con] {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 1200px;height: calc(100% - 40px);max-height: 600px;z-index: 999999;background: #fff;border: 1px solid var(--color-main);box-sizing: border-box;}
[class*=privacy_con] .top{height: 70px;width: 100%;background: var(--color-main);text-align: center;position: relative;top: 0;left: 0;}
[class*=privacy_con] .top p{line-height: 70px;color: #fff;font-family: var(--font-Pretendard);font-size:20px;font-weight: bold;}
[class*=privacy_con] .top span{position: absolute;top: 0;right: 0;height: 100%;width: auto;aspect-ratio: auto 1 / 1;cursor: pointer;}
[class*=privacy_con] .top span::after{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;position: absolute;}
[class*=privacy_con] .top span::before{width: 2px;height:50%;content:"";display: block;background: #fff;transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;position: absolute;}
[class*=privacy_con] #privacy{border: 1px solid #eeeeee; width: calc(100% - 140px); height: calc(100% - 210px); overflow-y: auto; margin: 70px auto 0; padding: 20px;}
[class*=privacy_con] #privacy>b{display: block; margin-bottom: 20px; word-break: keep-all; font-size:17px; color: #000000;}
[class*=privacy_con] #privacy>.list{}
[class*=privacy_con] #privacy>.list li{display: flex; align-items: flex-start; line-height: 22px;margin-bottom: 10px;}
[class*=privacy_con] #privacy>.list li span{display: block;word-break: keep-all;margin-right: 10px; color: #666666;font-size:17px;}
[class*=privacy_con] #privacy>.list li p{display: block;word-break: keep-all; color: #666666;font-size:17px;}
[class*=privacy_con] #privacy>.list_con{margin-top: 30px;}
[class*=privacy_con] #privacy>.list_con li{margin-bottom: 30px;}
[class*=privacy_con] #privacy>.list_con li:last-child{margin-bottom:0px;}
[class*=privacy_con] #privacy>.list_con li>b{word-break: keep-all;display: flex;align-items: flex-start;line-height: 22px;margin-bottom: 10px;font-family: var(--font-pretendard);font-size:20px;}
[class*=privacy_con] #privacy>.list_con li>b span{display: block;word-break: keep-all;margin-right: 10px;}
[class*=privacy_con] #privacy>.list_con li p{display: block;word-break: keep-all;color: #000;font-family: var(--font-pretendard);font-weight: 500;font-size:17px;margin-bottom: 10px;line-height: 20px;}
[class*=privacy_con] #privacy>.list_con li>span{display: block;word-break: keep-all; color: #666666; font-size:15px;margin-bottom: 10px;}
[class*=privacy_con] #privacy .date_wrap{margin-top: 100px;}
[class*=privacy_con] #privacy .date_wrap p{display: block;word-break: keep-all;font-size: 15px;font-weight: 500;color: #000;}

@media all and (max-width : 1199px){
    [class*=privacy_con] #privacy{ width: calc(100% - 70px); height: calc(100% - 140px); margin: 35px auto 0;}
}
@media all and (max-width : 1024px){
    [class*=privacy_con] .top{height: 50px;}
    [class*=privacy_con] .top p{line-height: 50px;}
}
@media all and (max-width : 640px){
    [class*=privacy_con] #privacy{width: 100%; height: calc(100% - 40px); margin: 0 auto; border: unset;}
}
/* 개인정보처리방침 끝 */