@charset "utf-8";

/* 색 설정 */
:root {
    --main-color: #D1A765;
    --black-color : #222;
    --white-color : #fff
}

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* 스크롤 커스텀 */
html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: var(--main-color); border-radius: 10px;}

/* 드래그 블록 커스텀 */
::selection { background-color:var(--main-color); color:#fff; }


/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1200px; margin:0 auto; }

.paging_box{ font-size: 12px; padding:50px 0 0 0; display:flex; align-items: center; justify-content: center; }
.paging_box .pg_page{ border: 1px solid #E6E6E6; color: #666; background-color: #fff; }
.paging_box .pg_page:hover{ border:1px solid #BDBDBD; }
.paging_box .pg_current{ background-color: #07261F; color: #fff; border-color: #07261F; }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }
p{ word-break: keep-all; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 3vw; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */

/* header */
header{ color: #222; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; background-color: #fff; box-shadow: 0 15px 16px 0 rgba(0, 0, 0, 0.15); backdrop-filter: blur(7.5px); }
header.active{ background: transparent; color: #fff; }
header .inner{ display: flex; align-items: center; justify-content: space-between; }
header .white{ display: none; }
header.active .white{ display: block; }
header.active .default{ display: none; }
header .menu-btn{ display: none; }
header .menu-list{ display: flex; align-items: center; }
header .menu-list .item{ display: block; padding: 30px 30px; font-weight: 700; }
header .menu-list .item.apply{ margin-left: 20px; padding: 30px 50px; background-image: url('../img/common/apply-bg.jpg'); color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center; }


@media screen and (max-width: 1250px) { 
    header .menu-list .item{ padding: 20px 10px; }
    header .menu-list .item.apply{ padding: 20px 30px; }
}
@media screen and (max-width: 1000px) { 
    header { padding: 10px 0; }
    header .menu-list{ display: none; }
    header .menu-btn{ display: block; background: transparent; border: none; }
    header .menu-btn .icon{ width: 30px; }
}
@media screen and (max-width: 650px) { 
    header .logo{ width: 110px; }
}


/* .menu-close */
.menu-close{ opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); z-index: 999; cursor: pointer; }
.menu-close.show{ opacity: 1; visibility: visible; }

/* .right-menu */
.right-menu{ position: fixed; transition: .5s; right: -300px; top: 0; width:300px; height: 100%; max-width: 90%; background-color: #fff; z-index: 9999; padding: 15px 10px; }
.right-menu.show{ right: 0; }
.right-menu .menu-btn-wrap{ display: flex; align-items: center; justify-content: flex-end; }
.right-menu .menu-btn-wrap .close-btn{ background: transparent; border: none; }
.right-menu .menu-btn-wrap .close-btn .icon{ width: 20px; }
.right-menu .munu-list{ margin-top: 30px; }
.right-menu .munu-list .item{ cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: #7A7A7A; padding: 10px 10px; font-size: 20px; font-weight: 400; }
.right-menu .munu-list .item .pm-div{ position: relative; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
.right-menu .munu-list .item .pm-div .bar{ transition: transform .5s; width: 100%; height: 2px; background-color: var(--main-color); }
.right-menu .munu-list .item .pm-div .bar:nth-child(2){ position: absolute; transform: rotate(90deg); }
.right-menu .munu-list .item.show .pm-div .bar:nth-child(2){ transform: rotate(0deg); }
.right-menu .munu-list .sub-list{ display: none; }
.right-menu .munu-list .sub-list .sub{ display: block; padding: 10px 20px; color:#7A7A7A; }
/* footer */
footer{ background-color: #1B1917; color: #7A7A7A; padding-bottom: 60px; }
footer .top{ padding: 33px 0; display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid rgba(217, 217, 217, 1); }
footer .top .privacy-btn { transition: background .3s, color .3s; border: 1px solid #FFF; color: #fff; padding: 6px 28px; border-radius: 100px; }
footer .top .privacy-btn:hover{ background-color: #fff; color: #222; }
footer .bottom{ padding: 32px 0 0 0; display: flex; align-items: flex-start; justify-content: space-between; }
footer .bottom .info + .info{ margin-top: 10px; }
footer .bottom .info .label{ color: #fff; font-size: 1.15em; font-weight: 700; }
footer .bottom .info .content{ margin-top: 10px; }
footer .copy-right{ margin-top: 10px; font-size: 12px; }

@media screen and (max-width: 1250px) { 
    footer .bottom{ flex-wrap: wrap; gap: 20px; }
    footer .bottom .box{ width: 100%; }
    footer .copy-right{ margin-top: 40px; }
}
@media screen and (max-width: 650px) { 
    footer{ font-size: 14px; padding-bottom: 30px; }
    footer .logo{ width: 110px; }
    footer .top .privacy-btn{ padding: 6px 10px; }
}

/* .main .main-visual */
.main .main-visual{ position: relative; overflow: hidden; text-align: center; background-image: url('../img/main/main-visual/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 100vh; padding: 200px 0; display: flex; align-items: center; justify-content: center; }
.main .main-visual .bg2{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .main-visual .inner{ position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.main .main-visual .rise-wrap{ position: relative; padding-bottom: 34px; margin-bottom: 34px; border-bottom: 1px solid rgba(255,255,255,.4) ; }
.main .main-visual .t1{ font-weight: 200; color: #fff; font-size: 32px; }
.main .main-visual .t2{ font-weight: 700; color: #fff; font-size: 54px; }
.main .main-visual .scroll-div{ font-family: 'KoPub Batang'; color: #fff; position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2px;  bottom: 150px;  }

@media screen and (max-width: 1250px) { 
    .main .main-visual .rise-wrap { padding-bottom: 20px; margin-bottom: 20px; }
    .main .main-visual .rise-wrap .rise{ width: 180px; }
    .main .main-visual .t1{ font-size: 26px; }
    .main .main-visual .t2{ font-size: 40px; }
    .main .main-visual .scroll-div{ bottom: 180px; }
}

@media screen and (max-width: 650px) { 
    .main .main-visual .rise-wrap { padding-bottom: 10px; margin-bottom: 10px; }
    .main .main-visual .rise-wrap .rise{ width: 120px; }
    .main .main-visual .t1{ font-size: 20px; }
    .main .main-visual .t2{ font-size: 30px; }
    .main .main-visual .scroll-div{ bottom: 200px; }
}

/* .floating-menu */
.floating-menu{ position: fixed; z-index: 99; right: 0; bottom: 150px; display: flex; align-items: center; flex-direction: column; }
.floating-menu .item-list{ font-weight: 500; color: #222; font-size: 14px; }
.floating-menu .item-list .item{ width: 100%; background-color: #fff; padding: 20px 17px; display: flex; align-items: center; gap: 8px; }
.floating-menu .item-list .item b{ font-weight: 700; color: #124137; }
.floating-menu .item-list .scroll-top{ background-color: var(--main-color); border: none; width: 100%; padding: 10px; }
.floating-menu .item-list > li:nth-child(1) .item{ border-radius: 10px 10px 0 0; overflow: hidden; }
.floating-menu .item-list > li:nth-last-child(2) .scroll-top{ border-radius: 0 0 10px 10px; overflow: hidden; }
.floating-menu .item-list > li.bar{ position: relative; display: flex; align-items: center; justify-content: center; }
.floating-menu .item-list > li.bar::before{ content:''; position: absolute; top: 0; display: block; width: 80%; height: 1px; background-color: #E4E4E4; }

.floating-menu .item-list > li.left-arrow{ display: none; }

@media screen and (max-width: 1460px) { 
    .floating-menu{ right: -121px; transition: right .5s; bottom: 150px; }
    .floating-menu.show{ right: 0; }
    .floating-menu .item-list{ position: relative; }
    .floating-menu .item-list > li.left-arrow{ position: absolute; display: block; top: 20px; right: 100%; }
    .floating-menu .item-list > li.left-arrow .close-btn{ border-radius: 5px 0 0 5px; background-color: var(--main-color); border: none; padding: 10px 8px; }
    .floating-menu .item-list > li.left-arrow .close-btn .arrow{ width: 10px; }
    .floating-menu.show .item-list > li.left-arrow .close-btn .arrow{ transform: rotate(180deg); }
}
@media screen and (max-width: 650px) { 
    .floating-menu{ right: -108px; bottom: 200px; }
    .floating-menu .item-list .item{ padding: 10px; }
}

/* .bottom-apply */
.bottom-apply{ transition: opacity .5s, visibility .5s; position: fixed; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 99; bottom: 64px; }
.bottom-apply.hide{ opacity: 0; visibility: hidden; }
.bottom-apply .apply-arti{ display: flex; align-items: center; gap: 18px; border-radius: 100px; padding: 12px 24px; padding-left: 56px; color: #fff; width: 100%; max-width: 1200px; background-color: rgba(43, 43, 43, 0.90); box-shadow: 7px 11px 11px 0 rgba(0, 0, 0, 0.25); backdrop-filter: blur(2px); }  
.bottom-apply .apply-arti .form-list{ flex-grow: 1; display: flex; align-items: center; gap: 47px; }
.bottom-apply .apply-arti .form-list > li{ width: calc( 100% / 3); }
.bottom-apply .apply-arti .form-list label{ border-bottom: 1px solid #7C7C7C; display: flex; gap: 10px; align-items: flex-end; }
.bottom-apply .apply-arti .form-list label .label{ flex-shrink: 0; font-size: 20px; line-height: 1.5em; font-weight: 700; }
.bottom-apply .apply-arti .form-list label .ipt{ background: transparent; padding-bottom: 5px; border: none;  }
.bottom-apply .apply-arti .form-list label .ipt:focus{ -webkit-box-shadow:none !important; border: none !important; }
.bottom-apply .apply-arti .form-list label .ipt:focus-visible{   outline: none !important; }
.bottom-apply .apply-arti .form-list label .ipt::placeholder{ color: #404040; }
.bottom-apply .apply-arti .form-list label select.ipt{ background-repeat: no-repeat; background-position: right center; padding-right: 30px; background-image: url('../img/bottom-apply/select-arrow.svg'); }
.bottom-apply .apply-arti .form-list label select.ipt option{ background-color: #222; }
.bottom-apply .apply-arti .agreeCheckDiv{ flex-shrink: 0; }
.bottom-apply .apply-arti .agreeCheckDiv label input[type="checkbox"] + .textBox{ color: #fff; }
.bottom-apply .apply-arti .agreeCheckDiv label input[type="checkbox"] + .textBox::before{ border-radius: 4px; }
.bottom-apply .apply-arti .agreeCheckDiv label input[type="checkbox"]:checked + .textBox::before{ border: 1px solid #124137; background-image: url('../img/bottom-apply/check-icon.png');  }
.bottom-apply .apply-arti .submit-btn{background: linear-gradient(to left,rgba(18, 65, 55, 0),rgba(209, 167, 101, 1)); border: none; flex-shrink: 0; padding: 1px; border-radius: 100px; }
.bottom-apply .apply-arti .submit-btn .button{ line-height: 1.5em; font-weight: 700; border-radius: 100px; background-color: #000; padding: 9px 49px; color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center; gap: 12px; }

@media screen and (max-width: 1250px) { 
    .bottom-apply{ padding: 0 3vw; bottom: 36px; }
    .bottom-apply .apply-arti .submit-btn .button{ padding: 9px 30px; }
    .bottom-apply .apply-arti .form-list{ gap: 20px; }
}
@media screen and (max-width:1200px) { 
    .bottom-apply .apply-arti .submit-btn .button{ font-size: 16px; padding: 9px 20px; }
    .bottom-apply .apply-arti .submit-btn .button .icon{ width: 17px; }
}
@media screen and (max-width:1100px) { 
    .bottom-apply .apply-arti { padding: 20px; align-items: center; flex-wrap: wrap; border-radius: 10px; gap: 10px; }
    .bottom-apply .apply-arti .form-list{ width: 100%; }
    .bottom-apply .apply-arti .agreeCheckDiv{ flex-grow: 1; }
}
@media screen and (max-width: 650px) { 
    .bottom-apply{ bottom: 20px; }
    .bottom-apply .apply-arti .form-list{ gap: 10px; flex-wrap: wrap; }
    .bottom-apply .apply-arti .form-list > li{ width: calc((100% / 2) - 5px); } 
    .bottom-apply .apply-arti .form-list > li:nth-child(1){ width: 100%; }
    .bottom-apply .apply-arti .form-list label .label{ font-size: 18px; }
    .bottom-apply .apply-arti .form-list label .ipt{ font-size: 14px; }
    .agreeCheckDiv label input[type="checkbox"] + .textBox{ font-size: 12px; }
    .bottom-apply .apply-arti .submit-btn .button{ font-size: 14px; padding: 9px 15px; gap: 5px; }
    .bottom-apply .apply-arti .submit-btn .button .icon{ width: 15px; }
}

/* .main .alone-section */
.main .alone-section{ background-color: #07241E; color: #fff; }
.main .alone-section .box1{ background-color: #EEEAE7; color: #07241E; padding: 56px 0; }
.main .alone-section .box1 .inner{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .main-title{ font-weight: 500; font-size: 54px; text-align: center; }
.main .main-title b{ font-weight: 800; font-size: 1.15em; }
.main .alone-section .t2{ font-size: 23px; padding: 4px 22px; line-height: 1.5em; border-radius: 8px; font-weight: 700; margin-top: 20px; text-align: center; background-color: #07241E; color: #fff; }
.main .alone-section .mo-br{ display: none;  }
.main .alone-section .t2 .gold{ color: #D1A765; }

.main .alone-section .box2{ padding: 56px 0; text-align: center; }
.main .alone-section .box2 .t3{ font-weight: 700; font-size: 38px; }
.main .alone-section .box2 .content{ line-height: 1.5em; margin-top: 10px; font-weight: 500; font-size: 22px; }

.main .alone-section .slide-div{ height: 715px; position: relative; overflow: hidden;  }
.main .alone-section .slide-div .wrapper{ justify-content: center; display: flex; gap: 2vw; }
.main .alone-section .slide-div .wrapper .marquee{ display: flex; flex-direction: column; gap: 2vw;  }

.main .alone-section .slide-div .wrapper .marquee .marquee__group { flex-shrink: 0; display: flex; flex-direction: column; gap: 1vw; align-items: center; justify-content: flex-end; min-width: 100%; }
.main .alone-section .slide-div .wrapper .marquee .marquee__group img{ filter: drop-shadow(7px 14px 16px rgba(0, 0, 0, 0.25)); }

@media screen and (max-width: 1250px) { 
    .main .alone-section .slide-div{ height: 50vw; }
    .main .alone-section .slide-div .wrapper .marquee:nth-child(1) .marquee__group img{ width: 16vw; }
    .main .alone-section .slide-div .wrapper .marquee:nth-child(2) .marquee__group img{ width: 34vw; }
    .main .alone-section .slide-div .wrapper .marquee:nth-child(3) .marquee__group img{ width: 34vw; }
    .main .alone-section .slide-div .wrapper .marquee:nth-child(4) .marquee__group img{ width: 16vw; }

    .main .main-title{ font-size: 40px; }
    .main .alone-section .t2{ font-size: 18px; }
    .main .alone-section .box2 .t3{ font-size: 30px; }
    .main .alone-section .box2 .content{ font-size: 18px; }
}
@media screen and (max-width: 650px) { 
    .main .alone-section .slide-div{ height: 70vw; }
    .main .main-title{ font-size: 24px; }
    .main .alone-section .mo-br{ display: inline-block; }
    .main .alone-section .t2{ font-size: 14px; padding: 4px 10px; }
    .main .alone-section .box2 .t3{ font-size: 24px; }
    .main .alone-section .box2 .content{ font-size: 14px; }
}

/* .main .proof-section */
.main .proof-section{ padding: 82px 0; background-color: #EEEAE7; }
.main .proof-section .main-title{ color: #0A2D22; font-size: 42px; }
.main .proof-section .main-title .mo-br{ display: none; }
.main .proof-section .btn-div{ padding: 20px 0 0 0; display: flex; gap: 15px;  }
.main .proof-section .btn-div .item{ transition: color .2s, background .2s; border-radius: 100px; font-size: 22px; padding: 13px 10px; width: calc(100% / 3); border: 1px solid #07241E; background-color: transparent; color: #07241E; }
.main .proof-section .btn-div .item.on{ background-color: #07241E; color: #fff;  }
.main .proof-section .btn-div .item:hover{ background-color: #07241E; color: #fff; }
.main .proof-section .tab-list > li{ background-color: #EEEAE7; display: none; }
.main .proof-section .tab-list > li.on{ display: block; }
.main .proof-section .proof-slide{ position: relative; padding-top: 53px; }
.main .proof-section .proof-slide .pn-btn-div{ padding-bottom: 200px; position: absolute; width: calc(100% + 80px); left: -40px; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.main .proof-section .proof-slide .pn-btn-div .pnbtn{ background: transparent; position: relative; z-index: 1; border: none; background-color: transparent; }

.proof-list { overflow: hidden; position: relative; padding-top: 20px;}
.proof-list .item{ position: relative; background-color: #FFF; display: flex; flex-direction: column; align-items: center; padding-bottom: 20px; }
.proof-list .item::before{ content:''; display: block; width: 66px; height: 55px; background-image: url('../img/main/proof-section/label.png'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: -22px; left: 0; }
.proof-list .item .t1{ width: 100%; font-weight: 500; font-weight: 500; margin: 14px 60px; text-align: center; font-size: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;  }
.proof-list .item .judgment{ width: 204px; height: 204px; background-image: url('../img/main/proof-section/example.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.proof-list .item .profile-div{ margin-top: 17px; display: flex; align-items: center; gap: 7px; width: 100%; border-top: 1px solid #D9D9D9; padding: 13px 20px; }
.proof-list .item .profile-div .swiper{ overflow: hidden; }
.proof-list .item .profile-div .img{ border-radius: 50%; background-color: #D9D9D9; flex-shrink: 0; width: 52px; height: 52px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.proof-list .item .profile-div .name{ color: #7F7F7F; }
.proof-list .item .profile-div .name b{ font-weight: 700; color: #222; font-size: 1.25em; }
.proof-list .content{ font-weight: 500; line-height: 1.5em; margin-top: 17px; padding-left: 15px; border-left: 2px solid #07261F; }
.proof-list .content .category{ font-size: 18px; font-weight: 500; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;  }
.proof-list .content .contents{ margin-top: 8px; font-size: 20px; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;  }
.proof-list .content .contents b{ font-weight: 700; }
.proof-list .view-more{ font-weight: 500; border-radius: 100px; line-height: 1.5em; color: #fff; padding: 10px; width: 100%; max-width: 260px; margin: 0 auto; background-color: #D1A765; margin-top: 20px; display: block; width: 100%; text-align: center; font-size: 18px; text-shadow: 3px 10px 6px rgba(0, 0, 0, 0.25); }

@media screen and (max-width: 1250px) { 
    .proof-list .item .t1{ font-size: 16px; }

    .main .proof-section .main-title .mo-br{ display: inline-block; }
    .main .proof-section .main-title{ font-size: 40px; }
    .main .proof-section .btn-div .item{ font-size: 18px; }

    .main .proof-section .proof-slide .pn-btn-div{ width: calc(100% + 50px); left: -25px; }
    .main .proof-section .proof-slide .pn-btn-div .icon{ width: 15px; }

    .proof-list .item .judgment{ width: 17vw; height: 17vw; }
    .proof-list .item .profile-div .img{ width: 35px; height: 35px; }

    .proof-list .item::before{ width: 55px; height: 44px; top: -18px; }
    .proof-list .content{ padding-left: 10px; }
    .proof-list .content .category{ font-size: 16px; }
    .proof-list .content .contents{ font-size: 18px; margin-top: 0; }
}
@media screen and (max-width: 950px) { 
    .main .proof-section .proof-slide .pn-btn-div{ display: none; }
    .proof-list .item .judgment{ width: 27vw; height: 27vw; }
    .proof-list .view-more{ max-width: unset; width: 80%; }
}
@media screen and (max-width: 650px) { 
    .main .proof-section{ padding: 56px 0; }
    .main .proof-section .main-title{ font-size: 24px; }
    .main .proof-section .btn-div{ gap: 10px; }
    .main .proof-section .btn-div .item{ font-size: 14px; padding: 10px; }
    .main .proof-section .proof-slide{ padding-top: 10px; }

    .proof-list .view-more{ width: 100%; }
    .proof-list .item::before{ width: 44px; height: 33px; top: -13px; }
    .proof-list .item .t1{ font-size: 14px; }
    .proof-list .item .profile-div{ padding: 8px 10px; font-size: 12px; }
    .proof-list .item .profile-div .img{ width: 9vw; height: 9vw; }

    .proof-list .content{ margin-top: 10px; }
    .proof-list .content .category{ font-size: 14px; }
    .proof-list .content .contents{ font-size: 16px; }

    .proof-list .view-more{ margin-top: 10px; font-size: 14px; padding: 5px 10px; }
}

/* .main .reason-section */
.main .reason-section{ position: relative; color: #fff; padding: 80px 0; background-image: url('../img/main/reason-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: right center; }
.main .reason-section::before{ content:''; display: block; position: absolute; left: 60px; top: 0; width: 50px; height: 100%; background-size: contain; background-image: url('../img/main/reason-section/label.svg'); background-repeat: no-repeat; background-position: center;  }
.main .main-small-title{ text-align: center; font-weight: 500; font-size: 22px; }
.main .main-title2{ margin-top: 5px; line-height: 1.3em; text-align: center; font-weight: 700; font-size: 36px; }
.main .main-title2 .mo-br{ display: none; }
.main .reason-section .item-list{ justify-content: center; margin-top: 30px; display: flex; gap: 19px; }
.main .reason-section .item-list > li{ width: calc(100% / 5); }
.main .reason-section .item-list .item{ height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center; }

.main .reason-section .step-list{ margin-top: 40px; display: flex; flex-wrap: wrap; width: calc(100% + 16px); margin-left: -8px; }
.main .reason-section .step-list > li{ padding: 8px; width: calc(100% / 3); }
.main .reason-section .step-list .item{ background-image: url('../img/main/reason-section/item-bg.svg'); background-repeat: no-repeat; background-position: right 20px top 20px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%; background-color: rgba(7, 36, 30, .8); padding: 33px; border-radius: 10px; }
.main .reason-section .step-list .item .number{ font-size: 42px; font-weight: 700; color: #fff; }
.main .reason-section .step-list .item .title{ font-size: 20px; font-weight: 700; color: #fff; }
.main .reason-section .step-list > li:last-child .item{ background: #fff; align-items: center; justify-content: center; }

@media screen and (max-width: 1460px) { 
    .main .reason-section::before{ left: 10px; }
}
@media screen and (max-width: 1354px) { 
    .main .reason-section::before{ display: none; }

}
@media screen and (max-width: 1250px) { 
    .main .main-small-title{ font-size: 18px; }

    .main .main-title2{ font-size: 32px; }
    .main .main-title2 .mo-br{ display: inline-block; }

    .main .reason-section{ background-position: left center; }
    .main .reason-section .item-list{ gap: 10px; }
    .main .reason-section .item-list .item{ height: 23vw;  }
    
    .main .reason-section .step-list{ width: calc(100% + 10px); margin-left: -5px; }
    .main .reason-section .step-list > li{ padding: 5px; }
    .main .reason-section .step-list .item{ background-size: 20%; border-radius: 5px; padding: 20px; }
    .main .reason-section .step-list .item .number{ font-size: 32px; }
    .main .reason-section .step-list .item .title{ font-size: 18px; }
    .main .reason-section .step-list .item .logo{ max-width: 80%; }
}
@media screen and (max-width: 950px) { 
    .main .reason-section .item-list{ flex-wrap: wrap; justify-content: center; }
    .main .reason-section .item-list > li{ flex-grow: unset; width: calc((100% / 3) - 10px); }
    .main .reason-section .item-list .item{ height: 40vw; }

    .main .reason-section .step-list > li{ width: calc(100% / 2); }
    .main .reason-section .step-list .item .number{ font-size: 24px; }
    .main .reason-section .step-list .item .title{ font-size: 16px; }
}
@media screen and (max-width: 650px) { 
    .main .reason-section{ padding: 56px 0; }

    .main .main-small-title{ font-size: 16px; }
    .main .main-title2{ font-size: 24px; }

    .main .reason-section .item-list{ margin-top:20px; }
    .main .reason-section .step-list{ margin-top: 20px; }
}

/* .main .know-section */
.main .know-section{ color: #3C3229; background-image: url('../img/main/know-section/background.jpg'); padding: 113px 0; }
.main .know-section .category-list{ margin-top: 17px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px; }
.main .know-section .category-list .item{ background-size: cover; background-repeat: no-repeat; background-position: center; padding: 30px; height: 378px; border-radius: 40px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; color: #fff; }
.main .know-section .category-list .item .title{ display: flex; align-items: center; gap: 6px; font-size: 24px; font-weight: 700; }
.main .know-section .category-list .item .content{ word-break: keep-all; margin-top: 10px; line-height: 1.5em; opacity: .8; }

.main .know-section .category-list2{ text-align: center; margin-top: 20px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
.main .know-section .category-list2 .item{ display: flex; align-items: center; justify-content: center; font-size: 18px; padding: 30px 20px; border-radius: 10px 0; background-color: #3C3229; color: #fff; font-weight: 700; }
.main .know-section .category-list2 .item .text{ position: relative; width: 100%; }
.main .know-section .category-list2 .item .text::before{ content:''; position: absolute; top: 0; left: 0; display: block; width: 4px; height: 100%; background-color: #EEEAE7; }
.main .know-section .category-list2 .item .text::after{ content:''; position: absolute; top: 0; right: 0; display: block; width: 4px; height: 100%; background-color: #EEEAE7; }

@media screen and (max-width: 1250px) {
    .main .know-section .category-list{ grid-gap: 10px; }
    .main .know-section .category-list .item{ height: 30vw; }
    .main .know-section .category-list2{ gap: 10px; }
    .main .know-section .category-list .item .content br{ display: none; }
    .main .know-section .category-list2 .item{ font-size: 16px; }
}
@media screen and (max-width: 950px) {
    .main .know-section .category-list{ grid-template-columns: repeat(1,1fr);} 
    .main .know-section .category-list2{ grid-template-columns: repeat(3,1fr); }
    .main .know-section .category-list .item{ padding: 30px; height: 55vw; border-radius: 25px 0; }
}
@media screen and (max-width: 650px) {
    .main .know-section{ padding: 56px 0; }
    .main .know-section .category-list2{ grid-template-columns: repeat(2,1fr); }
    .main .know-section .category-list2 .item{ padding: 25px; font-size: 14px; }

    .main .know-section .category-list .item{ padding: 20px; }
    .main .know-section .category-list .item .title{ font-size: 18px; }
    .main .know-section .category-list .item .content{ font-size: 14px; }
}

/* .main .news-section */
.main .news-section{ background-color: #07241E; color: #fff; padding: 150px 0; }
.main .news-section .half-box{ display: flex; align-items: center; gap: 138px; }
.main .news-section .half-box .title-div{ flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-start;  }
.main .news-section .half-box .main-title2{ text-align: left; font-weight: 500; }
.main .news-section .half-box .main-title2 b{ font-weight: 700; }
.main .news-section .half-box .content{ line-height: 1.5em; margin-top: 20px; }
.main .news-section .half-box .more-view{ margin-top: 69px; display: flex; align-items: center; gap: 10px; }
.main .news-section .half-box .list-div { flex-grow: 1; border-bottom: 1px solid #d9d9d9; }
.main .news-section .half-box .list-div a{ font-size: 22px; font-weight: 500; border-top: 1px solid #D9D9D9; display: flex; gap: 122px; align-items: center; padding: 38px 0; }
.main .news-section .half-box .list-div a:hover{ background-color: rgba(255,255,255,0.1); }
.main .news-section .half-box .list-div .title{ flex-grow: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.main .news-section .half-box .list-div .date{ flex-shrink: 0; }
@media screen and (max-width: 1250px) {
    .main .news-section .half-box .list-div a{ gap: 20px; font-size: 16px; padding: 22px 0; }
}
@media screen and (max-width: 950px) {
    .main .news-section .half-box{ flex-direction: column; gap: 40px; }
    .main .news-section .half-box .title-div{ width: 100%; }
    .main .news-section .half-box .more-view{ margin-top: 20px; }
    .main .news-section .half-box .list-div{ width: 100%; }
}
@media screen and (max-width: 650px) {
    .main .news-section{ padding: 56px 0; }
    .main .news-section .half-box .list-div a{ font-size: 14px; }
}

/* .main .sns-section */
.main .sns-section{ color: #222; padding: 133px 0; background-image: url('../img/main/sns-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .sns-section .content{ text-align: center; font-size: 22px; margin-top: 5px; line-height: 1.5em; }
.main .sns-section .sns-list{ flex-wrap: wrap; margin-top: 30px; display: flex; width: calc(100% + 36px); margin-left: -18px; }
.main .sns-section .sns-list > li{ padding: 0 18px; width: calc(100% / 4); }
.main .sns-section .sns-list .item{ height: 100%; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 5px 10px 12px 0 rgba(0, 0, 0, 0.15); }
.main .sns-section .sns-list .item .img-div{ height: 164px; position: relative; overflow: hidden; background-color: #222; }
.main .sns-section .sns-list .item .img-div .real{ background-size: cover; background-repeat: no-repeat; background-position: center; transition: transform .5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.main .sns-section .sns-list .item .img-div .icon{ position: absolute; top: 10px; left: 10px; }
.main .sns-section .sns-list .item:hover .img-div .real{ transform: scale(1.1); }
.main .sns-section .sns-list .item .text{ word-break: keep-all; padding: 14px; line-height: 1.25em;  }
.main .sns-section .sns-list .item .category{ font-size: .9em; }
.main .sns-section .sns-list .item .category.youtube{ color: #F03; }
.main .sns-section .sns-list .item .category.blog{ color: #2DB400; }
.main .sns-section .sns-list .item .mo-show{ display: none; }
@media screen and (max-width: 1250px) {
    .main .sns-section .sns-list { width: calc(100% + 10px); margin-left: -5px; }
    .main .sns-section .sns-list > li{ padding: 0 5px; }
    .main .sns-section .sns-list .item .img-div{ height: 14vw; }
    .main .sns-section .content{ font-size: 18px; }
}
@media screen and (max-width: 950px) {
    .main .sns-section .sns-list > li{ padding: 10px ; width: 50%; }
    .main .sns-section .sns-list .item .img-div{ height: 27vw; }
}
@media screen and (max-width: 650px) {
    .main .sns-section{ padding: 56px 0; font-size: 14px; }
    .main .sns-section .content{ font-size: 16px; }
    .main .sns-section .sns-list{ width: calc(100% + 10px); margin-left: -5px; }
    .main .sns-section .sns-list > li{ padding: 5px; }
    .main .sns-section .sns-list .item .mo-show{ display: inline-block; }
    .main .sns-section .sns-list .item .text{ padding: 5px 10px; }
}

/* .main .contact-us */
.main .contact-us{ position: relative; color: #fff; padding: 100px 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; background-image: url('../img/main/contact-us/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .contact-us .inner{ position: relative; z-index: 2; }
.main .contact-us .bg{ position: absolute; left:0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .contact-us .title-img{ display: flex; align-items: center; justify-content: center; }
.main .contact-us .content{ text-align: center; margin-top: 20px; line-height: 1.25em; font-size: 32px; font-weight: 200; }

.main .contact-us .logo2{ display: block; margin: 0 auto; max-width: 100%; }
.main .contact-us .bar{ width: 1px; height: 100px; background-color: #fff; margin: 20px auto; }
.main .contact-us .apply-btn{ background:linear-gradient(to left,rgba(18, 65, 55, 0),rgba(209, 167, 101, 1)); margin: 55px auto; max-width: 230px; padding: 1px; border-radius: 100px; }
.main .contact-us .apply-btn .more-view{ display: flex; align-items: center; line-height: 1.5em; font-weight: 700; font-size: 20px; justify-content: center; gap: 12px; padding: 10px; background: #000; border-radius: 100px; }

@media screen and (max-width: 1250px) {
    .main .contact-us .title-img .title{ width: 300px; }
    .main .contact-us .content{ font-size: 24px; }
    .main .contact-us .logo2{ width: 400px; }
}
@media screen and (max-width: 950px) {
    .main .contact-us{ min-height: unset; }
}
@media screen and (max-width: 650px) {
    .main .contact-us .title-img .title{ width: 200px; }
    .main .contact-us .bar{ height: 50px; margin: 20px auto; }
    .main .contact-us .logo2{ width: 300px; }
    .main .contact-us .content{ margin-top: 10px; font-size: 18px; }
    .main .contact-us .apply-btn{ margin-top: 40px; max-width: 180px; }
    .main .contact-us .apply-btn .more-view{ font-size: 16px; padding: 10px; }
}

/* .sec_top */
.sec_top{ padding-top: 79px; }

@media screen and (max-width: 1250px) {
    .sec_top{ padding-top: 59px; }
}
@media screen and (max-width: 1000px) {
    .sec_top{ padding-top: 67px; }
}
@media screen and (max-width: 650px) {
    .sec_top{ padding-top: 54px; }
}

/* .sub .sub-banner */
.sub .sub-banner{ display: flex; align-items: center; text-align: center; position: relative; overflow: hidden; min-height: 550px; }
.sub .sub-banner .bg{ position: absolute; left:0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.sub1 .sub-banner .bg{ background-image: url('../img/sub/sub1/banner-bg.jpg'); }
.sub .sub-banner h2{ position: relative; z-index: 2; color: #fff; text-shadow: 0 2.372px 11.861px rgba(0, 0, 0, 0.25); font-size: 70px; font-family: 'KoPub Batang'; font-weight: 700; }

@media screen and (max-width: 1250px) {
    .sub .sub-banner{ min-height: 400px; }
    .sub .sub-banner h2{ font-size: 50px; }
}
@media screen and (max-width: 950px) {
    .sub .sub-banner h2{ font-size: 40px; }
}
@media screen and (max-width: 650px) {
    .sub .sub-banner h2{ font-size: 25px; }
    .sub .sub-banner{ min-height: 200px; }
}

/* .sub1 .article1 */
.sub1 .article1{ background-image: url("../img/sub/sub1/article1-bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 100px 0; }
.sub1 .article1 .inner{ display: flex; flex-direction: column; gap: 95px 0; text-align: center; color: #fff; }
.sub1 .article1 p{ font-size: 30px; font-weight: 400; line-height: 1.5em; }
.sub1 .article1 p b{ font-size: 1.25em; font-weight: 700; }

@media screen and (max-width: 1250px) {
    .sub1 .article1 { min-height: unset;  }
    .sub1 .article1 .inner{ gap: 45px; }
    .sub1 .article1 p{ font-size: 20px; }
}
@media screen and (max-width: 950px) {
    .sub1 .article1 p{ font-size: 18px; }
}
@media screen and (max-width: 650px) {
    .sub1 .article1 p{ font-size: 16px; }
    .sub1 .article1 p b{ font-size: 1.05em; }
}

/* .sub1 .article2 */
.sub1 .article2{ padding: 78px 0; background-color: #113C33; color: #fff; text-align: center; font-size: 32px; line-height: 1.5em; }
.sub1 .article2 b{ font-weight: 700; }

@media screen and (max-width: 1250px) {
    .sub1 .article2{ font-size: 26px; }
}
@media screen and (max-width: 950px) {
    .sub1 .article2{ font-size: 24px; }
}
@media screen and (max-width: 650px) {
    .sub1 .article2{ padding: 50px 0; font-size: 16px; }
}

/* .sub1 .article3 */
.sub1 .article3{ padding: 110px 0; background-image: url('../img/sub/sub1/article3-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub1 .article3 .half-box{ position: relative; display: flex; justify-content: center; gap: 26px; }
.sub1 .article3 .half-box .item{ border-top: 10px solid #D1A765; border-bottom: 10px solid #D1A765; padding: 100px 20px; width: calc(100% / 2); text-align: center; background-color: #fff; background-image: url('../img/sub/sub1/article3-item-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub1 .article3 .half-box .logo{ position: absolute; top: calc(50% - 103px); }
.sub1 .article3 .half-box .t1{ color: #0A2D22; font-weight: 700; font-size: 32px; }
.sub1 .article3 .half-box .t2{ color: #0A2D22; font-family: 'KoPub Batang'; font-size: 32px; font-weight: 700; }
.sub1 .article3 .half-box .x{ margin: 10px auto; }
.sub1 .article3 .half-box .t3{ font-weight: 700; color: #0A2D22; font-weight: 700; font-size: 20px; }
.sub1 .article3 .half-box .content{ margin-top: 10px; color: #7A7A7A; line-height: 1.5em; font-weight: 500; }

@media screen and (max-width: 1250px) {
    .sub1 .article3 .half-box .item{ padding: 50px 0; }
    .sub1 .article3 .half-box .logo{ width: 120px; top: calc(50% - 60px);  }
}
@media screen and (max-width: 950px) {
    .sub1 .article3 .half-box{ flex-direction: column; }
    .sub1 .article3 .half-box .item{ width: 100%; }
    .sub1 .article3 .half-box .logo{ left: calc(50% - 60px); } 
}
@media screen and (max-width: 650px) {
    .sub1 .article3{ padding: 50px 0; }
    .sub1 .article3 .half-box .t1{ font-size: 20px; }
    .sub1 .article3 .half-box .t2{ font-size: 20px; }
    .sub1 .article3 .half-box .x img{ width: 10px; }
    .sub1 .article3 .half-box .t3{ font-size: 16px; }
    .sub1 .article3 .half-box .content{ font-size: 14px; }
}

/* .sub1 .article4 */
.sub1 .article4{ padding: 100px 0; }
.sub .sub-title{ text-align: center; font-size: 32px; font-weight: 700; color: #0A2D22; }
.sub .sub-content{ text-align: center; margin-top: 7px; color: #737270; font-size: 20px; }
.sub1 .article4 .item-list{ margin-top: 27px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 42px; }
.sub1 .article4 .item-list .item{ text-align: center; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; color: #fff; font-weight: 700; height: 334px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub1 .article4 .item-list > li:nth-child(1) .item{ background-image: url('../img/sub/sub1/article4-bg1.jpg'); }
.sub1 .article4 .item-list > li:nth-child(2) .item{ background-image: url('../img/sub/sub1/article4-bg2.jpg'); }
.sub1 .article4 .item-list > li:nth-child(3) .item{ background-image: url('../img/sub/sub1/article4-bg3.jpg'); }
.sub1 .article4 .item-list > li:nth-child(4) .item{ background-image: url('../img/sub/sub1/article4-bg4.jpg'); }
.sub1 .article4 .item-list > li:nth-child(5) .item{ background-image: url('../img/sub/sub1/article4-bg5.jpg'); }
.sub1 .article4 .item-list > li:nth-child(6) .item{ background-color: #113C33; align-items: center; justify-content: center; }
.sub1 .article4 .item-list .item .number{ font-size: 24px; }
.sub1 .article4 .item-list .item .text{ line-height: 1.5em; margin-top: 4px; font-size: 20px; color: #F6CEA6; }

.sub .article4 .apply-div{ color: #fff; font-weight: 700; background-image: url('../img/sub/sub1/article5-apply-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; margin-top:25px; padding: 70px 130px; display: flex; align-items: center; gap: 40px;  }
.sub .article4 .apply-div .bar{ flex-grow: 1; height: 1px; background-color: #fff; }
.sub .article4 .apply-div .text{ font-weight: 500; font-size: 20px; }
.sub .article4 .apply-div .text b{ font-weight: 700; }
.sub .article4 .apply-div .apply-btn{ text-align: center; background-color: #07241E; padding: 20px; width: 100%; max-width: 300px; border-radius: 4px; }

@media screen and (max-width: 1250px) {
    .sub1 .article4 .item-list{ grid-gap: 10px; }
    .sub1 .article4 .item-list .item{ height: 30vw; padding: 20px; }
    .sub1 .article4 .item-list .item .text{ word-break: keep-all; font-size: 16px; }
    .sub1 .article4 .item-list .item .number{ font-size: 20px; }
    .sub .article4 .apply-div{ margin-top: 10px; padding: 50px; }
    .sub .article4 .apply-div .apply-btn{ font-size: 14px; width: auto; max-width: unset; padding: 15px 60px; }
}
@media screen and (max-width: 950px) {
    .sub1 .article4 .item-list{ grid-template-columns: repeat(2,1fr); }
    .sub1 .article4 .item-list .item{ height: 42vw; }
    .sub .article4 .apply-div{ gap: 10px; padding: 30px 20px; }
    .sub .article4 .apply-div .text{ font-size: 16px; }
    .sub .article4 .apply-div .apply-btn{ padding: 15px 20px; }
}
@media screen and (max-width: 650px) {
    .sub1 .article4{ padding: 50px 0; }
    .sub .sub-title{ font-size: 20px; }
    .sub .sub-content{ font-size: 14px; }
    .sub1 .article4 .item-list .item{ gap: 0; padding:5vw 2vw; }
    .sub1 .article4 .item-list .item .number{ font-size: 4vw; }
    .sub1 .article4 .item-list .item .text{ font-size: 14px; }
    .sub1 .article4 .item-list .item .text br{ display: none; }
    .sub1 .article4 .item-list > li:nth-child(3) .item .text br{ display: inline-block; }
    .sub1 .article4 .item-list .item .logo{ width: 27vw; }

    .sub .article4 .apply-div{ flex-direction: column; }
    .sub .article4 .apply-div .text{ line-height: 1.5em; }
    .sub .article4 .apply-div .apply-btn{ padding: 8px 20px; }
}

/* .sub2 .sub-banner */
.sub2 .sub-banner .bg{ background-image: url('../img/sub/sub2/banner-bg.jpg'); }
.sub2 .aricle1{ border-top: 20px solid #07261F; padding: 33px 0 100px 0; }
.sub .bottom-bar-title{ line-height: 1.5em; border-bottom: 1px solid #0A2D21; font-size: 32px; font-weight: 700; }
.sub2 .aricle1 .member-list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 34px; margin-top: 25px; }
.sub2 .aricle1 .member-list .item .img-box{ background-color: #EEEAE7; height: 377px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub2 .aricle1 .member-list .item .name-div{ border-bottom: 1px solid #D9D9D9; line-height: 2em; font-weight: 700; margin: 8px 0; display: flex; align-items: flex-end; gap: 7px;  }
.sub2 .aricle1 .member-list .item .name-div .name{ font-size: 1.5em; line-height: 1.5em; }
.sub2 .aricle1 .member-list .item .tag{ word-break: keep-all; font-size: 14px; font-weight: 700; color: #175D4D; }

.sub .all_chk{ font-size: 14px; }

@media screen and (max-width: 1250px) {
    .sub2 .aricle1 .member-list{ grid-gap: 10px; }
    .sub2 .aricle1 .member-list .item .img-box{ height: 30vw; }
    .sub .bottom-bar-title{ font-size: 24px; }
}
@media screen and (max-width: 950px) {
    .sub2 .aricle1 .member-list{ grid-template-columns: repeat(2,1fr); }
    .sub2 .aricle1 .member-list .item .img-box{ height: 46vw; }
}
@media screen and (max-width: 650px) {
    .sub2 .aricle1{ padding-bottom: 50px; } 
    .sub .bottom-bar-title{ font-size: 18px; }
    .sub2 .aricle1 .member-list .item .name-div{ font-size: 14px; }
    .sub2 .aricle1 .member-list .item .name-div .name{ font-size: 1.25em; }
    .sub2 .aricle1 .member-list .item .tag{ font-size: 12px; }
}

/* .sub2 .aricle1 (view 페이지) */
.sub2 .aricle1 .banner-div > img{ width: 100%; }
.sub2 .aricle1 .banner-div .mo{ display: none; }

.sub2 .aricle1 .info-div{ padding: 54px 0; }
.sub2 .aricle1 .info-div + .info-div{ border-top: 1px solid #E4E4E4; }
.sub2 .aricle1 .info-div .title{ font-size: 24px; font-weight: 700; }
.sub2 .aricle1 .info-div p{ font-weight: 700; margin-top: 5px; }
.sub2 .aricle1 .info-div p.dash{ position: relative; padding-left: 15px; line-height: 1.5em; }
.sub2 .aricle1 .info-div p.dash::before{ content:'-'; position: absolute; left: 0; top: 0; }

.sub2 .aricle1 .btn-wrap{ display: flex; align-items: center; justify-content: center; }
.sub2 .aricle1 .btn-wrap .goto-list{ padding: 10px 100px; background-color: #D1A765; border-radius: 100px; color: #fff; font-size: 18px; }

@media screen and (max-width: 1250px) {
    .sub2 .aricle1 .info-div .title{ font-size: 18px; }
    .sub2 .aricle1 .btn-wrap .goto-list{ font-size: 16px; }
}
@media screen and (max-width: 650px) {
    .sub2 .aricle1 .banner-div .pc{ display: none; }
    .sub2 .aricle1 .banner-div .mo{ display: block; }

    .sub2 .aricle1 .info-div{ padding: 20px 0; }
    .sub2 .aricle1 .info-div p{ font-size: 14px; }
    .sub2 .aricle1 .btn-wrap .goto-list{ font-size: 14px; padding: 10px 30px; }
}

/* .sub3 .sub-banner */
.sub3 .sub-banner .bg{ background-image: url('../img/sub/sub3/banner-bg.jpg'); }
.sub3 .article1{ border-top: 20px solid #07261F; padding: 50px 0; background-image: url('../img/sub/sub3/article1-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: left top; }
.sub3 .article1 .tab-list{ margin-top: 33px; display: flex; gap: 15px; }
.sub3 .article1 .tab-list > li{ flex-grow: 1; }
.sub3 .article1 .tab-list .item{ padding: 10px; height: 55px; display: flex; align-items: center; gap: 10px; justify-content: center; border: 1px solid #07261F; }
.sub3 .article1 .tab-list .item.on{ background-color: #07241E; color: #fff; }
.sub3 .article1 .banner{ display: block; margin-top: 10px; }
.sub3 .title-div { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.sub3 .title-div .title{ font-weight: 700; margin-top: 70px; font-size: 24px; }
.sub3 .title-div .content{ text-align: right; line-height: 1.5em; }
.sub3 .title-div .content b{ font-weight: 700; }
.sub3 .article1 .step-list{ margin-top: 24px; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 38px; }
.sub3 .article1 .step-list .item{ padding: 50px 15px 20px 15px; height: 100%; background-color: #07261F; color: #fff; }
.sub3 .article1 .step-list > li:nth-child(2n) .item{ background-color: #fff; color: #07261F; }
.sub3 .article1 .step-list .item .icon{ width: 62px; height: 62px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub3 .article1 .step-list .item .title{ font-weight: 700; margin-top: 20px; font-size: 20px; }
.sub3 .article1 .step-list .item .bar{ width: 40px; height: 2px; background-color: #fff; margin-top: 15px; }
.sub3 .article1 .step-list > li:nth-child(2n) .item .bar{ background-color: #07241E; }
.sub3 .article1 .step-list .item .content{ margin-top: 20px; line-height: 1.5em; }
.sub3 .article1 .banner{ width: 100%; }

@media screen and (max-width: 1250px) {
    .sub3 .article1 .step-list{ grid-gap: 10px; }
    .sub3 .article1 .step-list .item{ padding: 30px 10px; }
    .sub3 .article1 .step-list .item .icon{ width: 40px; height: 40px; }
    .sub3 .article1 .step-list .item .title{ font-size: 18px; word-break: keep-all; }
    .sub3 .article1 .step-list .item .content{ word-break: keep-all; }
    .sub3 .article1 .step-list .item .content br{ display: none; }
}
@media screen and (max-width: 950px) {
    .sub3 .article1 .step-list{ grid-template-columns: repeat(2,1fr); }
}
@media screen and (max-width: 650px) {
    .sub3 .article1 .tab-list{ gap: 5px; margin-top: 10px; }
    .sub3 .article1 .tab-list .item{ gap: 5px; padding: 10px; height: 40px; font-size: 14px; }
    .sub3 .article1 .tab-list .item .icon{ flex-shrink: 0; width: 15px; }
    .sub3 .article1 .tab-list .item .text{ word-break: keep-all; text-align: center; }
    .sub3 .title-div .title{ margin-top: 20px; font-size: 18px; }
    .sub3 .title-div .content { font-size: 14px; width: 100%; text-align: left; } 
    .sub3 .article1 .step-list{ grid-template-columns: repeat(1,1fr); }
    .sub3 .article1 .step-list .item{ padding: 30px 20px; }
    .sub3 .article1 .step-list .item .title{ margin-top: 10px; font-size: 16px; }
    .sub3 .article1 .step-list .item .bar{ margin-top: 10px; }
    .sub3 .article1 .step-list .item .content{ font-size: 14px; margin-top: 10px; }
}

@media screen and (max-width: 340px) {
    .sub3 .article1 .tab-list .item{ font-size: 11px; }
}

/* .sub3 .article2 */
.sub3 .article2{ color: #fff; padding: 100px 0; background-color: rgba(7, 38, 31, 1); background-image: url('../img/sub/sub3/article2-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: right center;  }
.sub3 .article2 .title{ text-align: center; font-weight: 700; font-size: 36px; }
.sub3 .article2 .content{ text-align: center; margin-top: 7px; font-size: 22px; }
.sub3 .article2 .item-list{ margin-top: 36px; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 22px; }
.sub3 .article2 .item-list .item{ text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 35px; border-radius: 10px; height: 100%; background-color: #124137; }
.sub3 .article2 .item-list > li:nth-child(2) .item{ background-color: #07362C; }
.sub3 .article2 .item-list > li:nth-child(3) .item{ background-color: #07362C; }
.sub3 .article2 .item-list .number{ display: flex; align-items: center; justify-content: center; color: #D1A765; font-weight: 700; text-align: center;  width: 36px; height: 36px; background-image: url('../img/sub/sub3/article2-number.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub3 .article2 .item-list .t1{ word-break: keep-all; margin-top: 10px; text-align: center; font-weight: 700; font-size: 20px; }
.sub3 .article2 .item-list .t2{ word-break: keep-all; margin-top: 11px; line-height: 1.5em;  }
@media screen and (max-width: 1250px) {
    .sub3 .article2 .title{ font-size: 24px; }
    .sub3 .article2 .content{ font-size: 16px; }
    .sub3 .article2 .item-list{ grid-gap: 10px; }
    .sub3 .article2 .item-list .t2 br{ display: none; }
}
@media screen and (max-width: 950px) {
    .sub3 .article2 .item-list{ grid-template-columns: repeat(1,1fr); }
}
@media screen and (max-width: 650px) {
    .sub3 .article2{ padding: 50px 0; }
    .sub3 .article2 .title{ font-size: 18px; }
    .sub3 .article2 .content{ font-size: 14px; }
    .sub3 .article2 .item-list .item{ padding: 20px 10px; }

    .sub3 .article2 .item-list .t1{ font-size: 16px; }
    .sub3 .article2 .item-list .t2{ font-size: 14px; }
}

/* .sub3 .article3 */
.sub3 .article3{ padding: 50px 0; background-color: #EEEAE7; }
.sub3 .article3 .title-div{ align-items: flex-start; }
.sub3 .article3 .title-div .title{ padding-bottom: 5px; border-bottom: 1px solid #222; flex-grow: 1; }
.sub3 .article3 .title-div .content { text-align: left; }
.sub3 .article3 .title-div .content .title{ border-bottom: none; }
.sub3 .article3 .title-div .content .text{ margin-top: 5px; }
.sub3 .article3 .proof-list{ margin-top: 20px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px; }
.sub3 .article3 .proof-list > li:nth-child(4){ display: none; }
.sub.sub3 .article4 .apply-div{ background-image: url('../img/sub/sub3/apply-bg.jpg'); }

@media screen and (max-width: 1250px) {
    .sub3 .article3 .title-div .title{ margin-top: 0; }
    .sub3 .article3 .title-div{ flex-direction: column; }
    .sub3 .article3 .proof-list{ grid-gap: 15px; }
    .sub3 .article3 .title-div .content .title{ margin-top: 0; }
}
@media screen and (max-width: 650px) {
    .sub3 .article3 .proof-list{ padding-top: 0; grid-template-columns: repeat(2,1fr); }
    .sub3 .article3 .proof-list > li{ margin-top: 10px; }
    .sub3 .article3 .proof-list > li:nth-child(4){ display: block; }
}

/* .sub4 */
.sub4 .sub-banner .bg{ background-image: url('../img/sub/sub4/sub4-banner-bg.jpg'); }
.sub4 .article1{ border-top: 20px solid #07241E; }


/* .sub5 */
.sub5 .sub-banner .bg{ background-image: url('../img/sub/sub5/sub5-banner-bg.jpg'); }
.sub5 .article1{ border-top: 20px solid #07261F; padding: 50px 0; }
.sub5 .main{ margin-top: 30px; }
.sub5 .main .sns-section{ padding: 40px 0; background:#EEEAE7; }
.sub5 .midea-list{ grid-gap: 18px; margin-top: 40px; display: grid; grid-template-columns: repeat(3,1fr); }
.sub5 .midea-list .img-div{ height: 217px; padding: 15px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 10px; }
.sub5 .midea-list .text{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 10px; font-weight: 600; font-size: 17px; line-height: 1.5em; }
@media screen and (max-width: 1250px) {
    .sub5 .midea-list{ grid-gap: 10px; }
    .sub5 .midea-list .img-div{ height: 16vw; border-radius: 5px; }
}
@media screen and (max-width: 950px) {
    .sub5 .midea-list{ grid-template-columns: repeat(2,1fr); }
    .sub5 .midea-list .img-div{ height: 25vw; }
}
@media screen and (max-width: 650px) {
    .sub5 .midea-list .img-div{ padding: 1vw; }
    .sub5 .midea-list .img-div .icon{ width: 6vw; }
    .sub5 .midea-list .text{ margin-top: 5px; font-size: 14px; }
}

/* .sub6 */
.sub6 .sub-banner .bg{ background-image: url('../img/sub/sub6/sub6-banner-bg.jpg'); }
.sub6 .article1{ padding: 50px 0; border-top: 20px solid #07261F; }
.sub6 .article1 .half-box{ margin-top: 44px; display: flex; gap: 50px; }

.sub6 .article1 .half-box .img-box{ flex-grow: 1; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub6 .article1 .half-box .content{ width: 430px; flex-shrink: 0; }
.sub6 .article1 .half-box .content .title{ font-weight: 700; background-color: #0A2D22; color: #fff; font-size: 24px; padding: 24px; }
.sub6 .article1 .half-box .content .box{ display: flex; align-items: center; gap: 30px; padding: 35px 0; }
.sub6 .article1 .half-box .content .box + .box{ border-top: 1px solid #D9D9D9; }
.sub6 .article1 .half-box .content .box .t1{ font-size: 18px; color: #222; line-height: 1.5em; font-weight: 700; }
.sub6 .article1 .half-box .content .box .t2{ margin-top: 5px; line-height: 1.5em; color: #7f7f7f; }

@media screen and (max-width: 1250px) {
    .sub6 .article1 .half-box .content .title{ padding: 10px 20px; font-size: 18px; }
    .sub6 .article1 .half-box .content .box{ padding: 20px 20px; }
}
@media screen and (max-width: 950px) {
    .sub6 .article1 .half-box .content .title{ font-size: 16px; }

    .sub6 .article1 .half-box{ margin-top: 20px; flex-wrap: wrap; gap: 20px; }
    .sub6 .article1 .half-box .img-box{ height: 50vw; }
    .sub6 .article1 .half-box .content{ width: 100%; order: 1;  }

    .sub6 .article1 .half-box .content .box{ gap: 20px; }
}
@media screen and (max-width: 650px) {
    .sub6 .article1 .half-box .content .box{ overflow: hidden; }
    .sub6 .article1 .half-box .content .box .t1{ font-size: 16px; }
    .sub6 .article1 .half-box .content .box .t2{ font-size: 14px; margin-top: 0; }
}

.sub6 .article2{ padding: 90px 0; background-color: #EEEAE7; }
.sub6 .article2 .menu-list{ margin-top: 60px; border-bottom: 1px solid #124137; display: flex; align-items: flex-end; }
.sub6 .article2 .menu-list .item{ position: relative; color: #737270; font-weight: 700; text-align: center; padding: 5px; min-width: 110px; }
.sub6 .article2 .menu-list .item.active{ color: #07241E;  }
.sub6 .article2 .menu-list .item.active::before{ content:''; display: block; width: 100%; height: 4px; background-color: #07241E; position: absolute; left: 0; bottom: 0; }

.sub6 .article2 .proof-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 60px; }
.sub6 .article2 .proof-list input[type="checkbox"]{ position: relative; z-index:5; top: -10px;}

@media screen and (max-width: 1250px) {
    .sub6 .article2 .proof-list{ gap: 15px; }
}
@media screen and (max-width: 950px) {
    .sub6 .article2 .proof-list{ grid-template-columns: repeat(2,1fr); }
}
@media screen and (max-width: 650px) {
    .sub6 .article2{ padding: 50px 0; }

    .sub6 .article2 .menu-list{ margin-top: 30px; }
    .sub6 .article2 .menu-list .item{ min-width: unset; padding: 5px 10px; }

    .sub6 .article2 .proof-list{ gap: 10px; }
}

/* .sub7 */
.sub7 .sub-banner .bg{ background-image: url('../img/sub/sub7/sub7-banner-bg.jpg'); }
.sub7 .article1{ border-top: 20px solid #07261F; padding: 50px 0; }
.sub7 .article1 .sub-title{ margin-top: 57px; }
.sub7 .article1 .mo-br{ display: none; }
.sub7 .article1 .btn-wrap{ margin-top: 33px; display: flex; align-items: center; justify-content: center; gap: 15px; }
.sub7 .article1 .btn-wrap .item{ padding: 17px; font-size: 22px; text-align: center; border-radius: 100px; width: 100%; max-width: 390px; border: 1px solid #07261F; border-radius: 100px; }
.sub7 .article1 .btn-wrap .item.active{ background-color: #07261F; color: #fff; }
.sub7 .article1 .map-box{ margin-top: 40px; }
.sub7 .article1 .map-box .root_daum_roughmap{ width: 100%; max-width: unset !important; }
.sub7 .article1 .map-box .root_daum_roughmap .cont .section.lst{ display: none !important; }
.sub7 .article1 .map-box .root_daum_roughmap .wrap_controllers{ display: none !important; }

/* .sub7 .article1 .map-box { pointer-events: none; }
.sub7 .article1 .map-box.active { pointer-events: auto; } */

.sub7 .article1 .content-box{ color: #07261F; display: flex; align-items: flex-start; justify-content: space-between; margin-top: 10px; margin-top: 50px; }
.sub7 .article1 .content-box .label{ color: #07261F; display: flex; align-items: center; gap: 10px; }
.sub7 .article1 .content-box .tel-div{ flex-shrink: 0; }
.sub7 .article1 .content-box .tel{ line-height: 1.5em; font-size: 34px; color: #07261F; font-family: 'KoPub Batang';  }
.sub7 .article1 .content-box .label.map .text{ font-size: 1.15em; font-weight: 700; color: #07241E; }
.sub7 .article1 .content-box .info-list{ font-weight: 500; max-width: 514px; margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px; }
.sub7 .article1 .content-box .info-list > li{ width: calc(50% - 10px); display: flex; align-items: center; gap:10px; } 
.sub7 .article1 .content-box .info-list .name{ width: 80px; }

.sub7 .article2 { padding-bottom: 50px; }   
.sub7 .article2 .slide-wrap{ position: relative; }
.sub7 .article2 .slide-wrap .btn-wrap{ position: absolute; left: -50px; top: 0; width: calc(100% + 100px);  height: 100%; display: flex; align-items: center; justify-content: space-between; }
.sub7 .article2 .slide-wrap .btn-wrap .pn-btn{ position: relative; z-index: 1; background: transparent; border: none;  }
.sub7 .article2 .swiper{ overflow: hidden; }
.sub7 .article2 .swiper .img-box{ background-size: cover; background-repeat: no-repeat; background-position: center; height: 245px; }

@media screen and (max-width: 1250px) {
    .sub7 .article1 .mo-br{ display: inline-block; }
    .sub7 .article1 .btn-wrap .item{ padding: 10px; font-size: 18px; max-width: 200px; }
    .sub7 .article1 .content-box .tel{ font-size: 40px; }
    .sub7 .article2 .slide-wrap .btn-wrap{ display: none; }
    .sub7 .article2 .swiper .img-box{ height: 23vw; }
}
@media screen and (max-width: 950px) {
    .sub7 .article1 .content-box{ flex-direction: column; align-items: flex-start; gap: 30px; }
}
@media screen and (max-width: 650px) {
    .sub7 .article1 .map-box{ height: 70vw; overflow: hidden; }
    .sub7 .article1 .map-box .root_daum_roughmap{ height:auto !important; }
    .sub7 .article1 .content-box .tel{ font-size: 30px; }
    .sub7 .article1 .content-box .info-list{ font-size: 14px; }
    .sub7 .article1 .content-box .info-list > li{ width: 100%; }
    .sub7 .article2 .swiper .img-box{ height: 30vw; }
}


/* .sub8 */
.sub8 .sub-banner .bg{ background-image: url('../img/sub/sub8/sub8-banner-bg.jpg'); }
.sub8 .article1{ padding: 50px 0; border-top: 20px solid #07261F; }
.sub8 .article1 .half-box{ margin-top: 50px; display: flex; justify-content: space-between; align-items: center; gap: 64px; }
.sub8 .article1 .half-box .logo{ flex-shrink: 0; }
.sub8 .article1 .half-box .content-div{ width: 617px; }
.sub8 .article1 .half-box .content-div .title{ background-color: #0A2D22; padding: 24px; color: #fff; font-weight: 700; font-size: 24px; }
.sub8 .article1 .half-box .content-div .content-box{ margin-top: 7px; padding: 20px 30px; border-radius: 4px; box-shadow: 8px 12px 13px 0 rgba(0, 0, 0, 0.15); }
.sub8 .article1 .half-box .content-div .content-box .t1{ font-size: 18px; font-weight: 700; }
.sub8 .article1 .half-box .content-div .content-box .t2{ margin-top: 10px; color: #7F7F7F; line-height: 1.5em; }

@media screen and (max-width: 1250px) {
    .sub8 .article1 .half-box .logo{ width: 40vw; }
    .sub8 .article1 .half-box .content-div .title{ padding: 10px; font-size: 18px; }
    .sub8 .article1 .half-box .content-div .content-box{ padding: 20px; }
    .sub8 .article1 .half-box .content-div .content-box .t2{ margin-top: 5px; word-break: keep-all; }
    .sub8 .article1 .half-box .content-div .content-box .t2 br{ display: none; }
}
@media screen and (max-width: 950px) {
    .sub8 .article1 .half-box { flex-direction: column; gap: 40px; }
    .sub8 .article1 .half-box .content-div{ width: 100%; }
}
@media screen and (max-width: 650px) {
    .sub8 .article1 .half-box .logo{ width: 80%; max-width: 200px; }
    .sub8 .article1 .half-box .content-div .content-box{ padding:15px; }
    .sub8 .article1 .half-box .content-div .content-box .t1{ font-size: 16px; }
    .sub8 .article1 .half-box .content-div .content-box .t2{ font-size: 14px; }
}

/* .sub8 .article2 */
.sub8 .article2{ padding: 50px 0; background-image: url('../img/sub/sub8/article2-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub8 .article2 .logo{ display: block; margin: 0 auto; }
.sub8 .article2 .sub-title{ margin-top: 17px; color: #fff; }
.sub8 .article2 .sub-content{ color: #fff; }
.sub8 .article2 .formList{ margin-top: 36px; }
.sub8 .article2 .formList .half3{ width: calc(100% / 3); }
.sub8 .article2 .formList .label{ color: #fff; }
.sub8 .article2 .formList .ipt{ border-radius: 4px; }
.sub8 .article2 .formList .ipt::placeholder{ color: rgba(34, 34, 34, .4); }
.sub8 .article2 .agreeCheckDiv label input[type="checkbox"] + .textBox{ color: #fff; }
.sub8 .article2 .agreeCheckDiv label input[type="checkbox"] + .textBox::before{ border: 1px solid #fff; }
.sub8 .article2 .agreeCheckDiv label input[type="checkbox"]:checked + .textBox::before{ background-color: transparent; background-image: url('../img/sub/sub8/check-icon.svg'); }
.sub8 .article2 .text.center{ word-break: keep-all; text-align: center; margin-top: 30px; font-size: 18px; color: #fff; line-height: 1.5em; }
.sub8 .article2 .submit-btn{ background-color: #07261F; border: none; display: block; margin: 20px auto 0 auto; width: 100%; max-width: 390px; border-radius: 100px; padding: 17px 10px; text-align: center; color:#fff; font-size: 22px;  }

@media screen and (max-width: 1250px) {
    .sub8 .article2 .text.center{ font-size: 16px; }
    .sub8 .article2 .submit-btn{ font-size: 20px; }
}
@media screen and (max-width: 650px) {
    .sub8 .article2 .formList .half3{ width: calc(100%); }
    .sub8 .article2 .text.center{ font-size: 14px; }
    .sub8 .article2 .submit-btn{ font-size: 16px; }
}


.lightboxOverlay{ position: fixed !important; width: 100% !important; height: 100% !important; }
.lightbox{ position: fixed !important; display: flex; align-items: center; justify-content: center; }
.lb-outerContainer{ position: fixed !important; top: 15%; display: flex; align-items: center; justify-content: center; width: auto !important; }
.lb-dataContainer{ width: auto !important; }

/* .infoBoxList */
.infoBoxList .pm-btn{ flex-shrink: 0; padding: 5px 10px; border: 1px solid #dfdfdf; border-radius: 2px; color: #7f7f7f; font-size: 12px; }
.boardArti .infoBoxWrap .infoBoxList > li .infoBox .txtBox.no-flex{ display: block; }
.boardArti .infoBoxWrap .infoBoxList > li .infoBox .txtBox .text-wrap{ margin-top: 4px; display: flex; gap: 2px; } 

/* view페이지 iframe */
@media screen and (max-width: 1250px) {
  .boardArti .viewContent iframe{ height: 52vw !important; }
}

.sub2 .aricle1 .viewContent ul{ list-style: circle; padding-left: 20px; }
.sub2 .aricle1 .viewContent dl, 
.sub2 .aricle1 .viewContent dt, 
.sub2 .aricle1 .viewContent dd{ list-style: auto; padding-left: 15px; }
.sub2 .aricle1 .viewContent strong,
.sub2 .aricle1 .viewContent b{ font-weight: 700; }


.privacyPopup .contentWrap .contentBox{ line-height: 1.5em; }
.privacyPopup .contentWrap .contentBox b{ font-weight: 700; }