/* 헤더 */
.header-wrap {position: fixed; width: 100%; z-index: 9; height: 10%;}
.header-wrap.active {background-color: #000000f0;}
.header-wrap .main-header {width: 100%; max-width: 1415px; height: 70px; display: flex; align-items: flex-end; margin: 0 auto; justify-content: space-between;}
.header-wrap .main-header .logo {margin-right: 190px;}
.header-wrap .main-header .logo img {width: 160px;}
.header-wrap .main-header .gnb {display: flex; gap: 80px; color: #fff; font-size: 18px; font-weight: 500; position: fixed; left: 35%; top: 40px;}
.header-wrap .main-header .btn-menu {height: 35px; margin-left: 210px; cursor: pointer;}
.header-wrap .header-fullpage {opacity: 0; visibility: hidden; transition: .2s all; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: linear-gradient(to right, rgba(101,161,207,0.97), rgba(42,130,197,0.97)); z-index: 999;}
.header-wrap .header-fullpage.active {opacity: 1; transition: .2s all; visibility: visible;}
.header-wrap .header-fullpage .header-fullpage-con {position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%);}
.header-wrap .header-fullpage .logo {margin-bottom: 100px;}
.header-wrap .header-fullpage .gnb {font-size: 24px; font-weight: 600; margin-bottom: 85px; text-align: center; color: #fff;}
.header-wrap .header-fullpage .gnb li:not(:last-child) {margin-bottom: 45px;}
.header-wrap .header-fullpage .gnb li:hover {color: #e5cb39; cursor: pointer;;}
.header-wrap .header-fullpage .contact {margin-bottom: 50px;}
.header-wrap .header-fullpage .contact p {margin-bottom: 10px; border-radius: 22px; display: flex; align-items: center; font-weight: 500; padding: 4px 10px; gap: 10px;}
.header-wrap .header-fullpage .contact p span {border-radius: 100%; padding: 5px; display: flex; align-items: center; justify-content: center;}
.header-wrap .header-fullpage .contact p span img {height: 15px;}
.header-wrap .header-fullpage .contact p.kakao {border: 4px solid #fae100;}
.header-wrap .header-fullpage .contact p.kakao span {background-color: #fae100;}
.header-wrap .header-fullpage .contact p.naver {border: 4px solid #2db400;}
.header-wrap .header-fullpage .contact p.naver span {background-color: #2db400;}
.header-wrap .header-fullpage .contact p.insta {border: 4px solid #dd2a7b;}
.header-wrap .header-fullpage .contact p.insta span {background-color: #dd2a7b;}
.header-wrap .header-fullpage .close {background-color: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; padding: 10px; width: fit-content; margin: 0 auto; cursor: pointer;;}

/* 푸터 */
#footer {background-color: #222;}
.footer-wrap {display: flex; justify-content: space-between; padding: 40px 210px 40px 130px; color: #fff; line-height: 150%; font-size: 14px; box-sizing: border-box;}
.footer-left .footer-logo {margin-bottom: 40px;}
.footer-left .footer-logo img {height: 50px;}
.footer-left .footer-info > span {display: block;}
.footer-left .footer-info span span {margin-right: 15px; position: relative; font-size: 14px; word-break: keep-all;}
.footer-left .footer-info span span:not(:last-child)::after {position: absolute; display: block; content: ''; top: 50%; right: -10px; background-color: #fff; width: 1px; height: 11px; transform: translateY(-50%);}
.footer-left .privacy {background-color: #2e2e2e; padding: 10px 20px; cursor: pointer; text-align: center; margin: 20px auto; font-size: 14px; display: inline-block;}
.footer-left .copyright {font-size: 12px; color: #aaa;}
.footer-right .contact span {display: block;}
.footer-right .contact span:nth-child(1) {font-size: 20px; font-weight: 600; margin-bottom: 12px;}
.footer-right .contact span:nth-child(2) {font-size: 30px; font-weight: 800; margin-bottom: 35px;}
.sns {border-radius: 5px; display: flex; align-items: center; font-weight: 600; padding: 8px 18px;}
.sns img {margin-right: 12px;}
.kakao {border: 2px solid #fae100; color: #fae100;}
.naver {border: 2px solid #2db400; color: #2db400;}
.insta {border: 2px solid #dd2a7b; color: #dd2a7b;}
.tel {border: 4px solid #86e0f8; color: #86e0f8;}
.tel span {background-color: #86e0f8;}

/* 서브 */
.contents {position: relative;}

/* tablet */
@media all and (max-width: 1368px) {
    /* 헤더 */
    .header-wrap .main-header .logo {margin-left: 40px;}
    .header-wrap .main-header .btn-menu {margin-right: 30px;}
}

@media all and (max-width: 1024px) {
    /* 헤더 */
    .header-wrap .main-header {max-width: auto; align-items: center; height: 75px; padding: 0 20px; box-sizing: border-box;}
    .header-wrap .main-header .logo {margin-right: 0; margin-left: 0;}
    .header-wrap .main-header .logo img {width: 120px;}
    .header-wrap .main-header .gnb {display: none;}
    .header-wrap .main-header .btn-menu {height: 20px;}
    .header-wrap .main-header .btn-menu img {height: 20px;}
    .header-wrap .header-fullpage .header-fullpage-con {top: 48%;}
    .header-wrap .header-fullpage .logo {margin-bottom: 50px; text-align: center;}
    .header-wrap .header-fullpage .logo img {height: 35px;}
    .header-wrap .header-fullpage .gnb {font-size: 20px; margin-bottom: 45px;;}
    .header-wrap .header-fullpage .gnb li:not(:last-child) {margin-bottom: 30px;}
    .header-wrap .header-fullpage .contact {margin-bottom: 35px; font-size: 14px;}
    .header-wrap .header-fullpage .contact p span img {height: 10px;}
    .header-wrap .header-fullpage .contact p.kakao {border: 2px solid #fae100;}
    .tel {border: 2px solid #86e0f8;}
    .header-wrap .header-fullpage .close img {height: 15px;}
    .header-wrap .main-header .btn-menu {margin-left: 180px; margin-right: 0;}

    /* 푸터 */
    .footer-wrap {display: block; padding: 40px 20px;}
    .footer-left .footer-logo {margin-bottom: 15px;}
    .footer-left .footer-logo img {height: 30px;}
    .footer-left .footer-info span span {margin-right: 12px; font-size: 11px;}
    .footer-left .footer-info span span:not(:last-child)::after {right: -6px;}
    .footer-left .privacy {padding: 8px 15px; margin: 15px auto; font-size: 12px;}
    .footer-left .copyright {margin-bottom: 15px;}
    .footer-right .contact span:nth-child(1) {font-size: 15px; margin-bottom: 8px;}
    .footer-right .contact span:nth-child(2) {font-size: 22px; margin-bottom: 20px;}
    .sns {/* width: fit-content; */ width: 120px; padding: 5px 15px;}
    .sns img {margin-right: 10px; height: 13px;}
}

@media all and (max-width:768px) {
}

@media all and (max-width: 568px) {
}

@media all and (max-width:320px) {
}