@charset "UTF-8";

.pc-ver{display: block !important;}
.pad-ver{display:none !important;}
.mobile-ver{display:none !important;}

.bg-blue {background: var(--g-blue);}
.bg-blue2 {background: var(--g-blue2);}
.bg-blue3 {background: var(--g-blue3);}
.bg-green {background: var(--g-green);}
.bg-green2 {background: var(--g-green2);}
.bg-pink {background: var(--g-pink);}
.bg-pink2 {background: var(--g-pink2);}
.bg-pink3 {background: var(--g-pink3);}
.bg-yellow {background: var(--g-yellow);}
.bg-yellow2 {background: var(--g-yellow2);}
.bg-purple {background: var(--g-purple);}
.bg-purple2 {background: var(--g-purple2);}
.bg-purple3 {background: var(--g-purple3);}
.bg-black {background: var(--g-black);}
.bg-black7 {background: var(--g-black7);}
.bg-white {background: var(--g-white);}
.bg-navy {background: var(--g-navy);}
.bg-red2{background: var(--g-red2);}
.bg-red3 {background: var(--g-red3);}

.txt-blue {color: var(--g-blue);}
.txt-blue2 {color: var(--g-blue2);}
.txt-green {color: var(--g-green);}
.txt-green2 {color: var(--g-green2);}
.txt-pink {color: var(--g-pink);}
.txt-pink2 {color: var(--g-pink2);}
.txt-yellow {color: var(--g-yellow);}
.txt-yellow2 {color: var(--g-yellow2);}
.txt-yellow3 {color: var(--g-yellow3);}
.txt-purple {color: var(--g-purple);}
.txt-purple2 {color: var(--g-purple2);}
.txt-black {color: var(--g-black);}
.txt-white {color: var(--g-white);}
.txt-navy {color: var(--g-navy);}
.txt-red2 {color: var(--g-red2);}

.border-blue {border: 1px solid var(--g-blue);}
.border-blue2 {border: 1px solid var(--g-blue2);}
.border-green {border: 1px solid var(--g-green);}
.border-green2 {border: 1px solid var(--g-green2);}
.border-pink {border: 1px solid var(--g-pink);}
.border-pink2 {border: 1px solid var(--g-pink2);}
.border-yellow {border: 1px solid var(--g-yellow);}
.border-yellow2 {border: 1px solid var(--g-yellow2);}
.border-black {border: 1px solid var(--g-black);}
.border-white {border: 1px solid var(--g-white);}
.border-navy {border: 1px solid var(--g-navy);}
.btn.border-pink2{border: 1px solid var(--g-pink2) !important; color: var(--g-pink2)}

.text-over {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-over2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-over3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.btn-style-navy {
    width: 100%;
    height: 52px;
    border: 1px solid var(--g-navy);
    border-radius: 4px;
    background: var(--g-navy);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-style-white {
    width: 100%;
    height: 52px;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    background: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #BABABA;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-style-red {
    width: 100%;
    height: 52px;
    border: 1px solid var(--g-red);
    border-radius: 4px;
    background: var(--g-red);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-input {
    margin-left: 15px;
    font-size: 1rem;
    font-weight: 500;
    width: auto;
    background-color: var(--g-navy);
    border-radius: 4px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-width: 130px;
    min-height: 50px;
}

.btn-input.gray {
    background-color: #E4E4E4;
    color: #000;
}

@media screen and (max-width: 767px) {
    .btn-style-navy, .btn-style-white {height: 48px; font-size: 1rem;}
}

.ico__search {
    background-image: url("/assets/images/ico/ico-search_g.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.ico-file {
    background-image: url("/assets/images/ico/ico-file_b.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
}

.ico-home {
    background-image: url("/assets/images/ico/ico-home_white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.ico-share {
    background-image: url("/assets/images/ico/ico-share.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.ico-user {
    background-image: url("/assets/images/ico/ico-user.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.ico-write {
    background-image: url("/assets/images/ico/ico-write.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.ico-logout {
    background-image: url("/assets/images/ico/ico-logout.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}


/*--------------------------------------------------------------------- LAYOUT --------------------------*/
.inner {max-width: calc(1240px + 80px) ;width: 100%;margin: 0 auto;padding: 0 40px;}
.inner2 {max-width: calc(1440px + 80px) ;width: 100%;margin: 0 auto;padding: 0 40px;}
.inner-wide {max-width: calc(1760px + 80px) ;width: 100%;margin: 0 auto;padding: 0 40px;}

#container {position: relative;padding-top: 100px;padding-bottom: 100px; /*overflow-x: hidden*/}
.container-wrap {margin-top: 80px;}
.contents pre {
    font-size: 18px;
    white-space: pre-wrap;
    color: #232323;
    line-height: 1.6;
    font-weight: 500;
}

/*--------------------------------------------------------------------- header --------------------------*/
header{position: absolute; top: 0; left: 0; width: 100%; z-index: 999;}
.hd-wrap{height: 100px;}
.hd-logo > a{width: 190px; height: 69px; background-image: url("../../images/cmn/logo.png");background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
.gnb-cont > li {display: flex;align-items: center;height: 100%;padding-right: 25px;}
.gnb-cont > li:not(:last-child) {margin-right: 25px;}
.gnb-cont > li > a{position: relative;}
.gnb-cont > li:not(:last-child) > a::after {content: "";position: absolute;right: -26px;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background: #D0D0D0;}
.gnb-cont > li > .tit {font-size: min(20px, 1.2vw); white-space: nowrap; font-weight: 500;display: flex;align-items: center;}
.depth-box{visibility: hidden;opacity: 0;height: 270px;transition: .4s;position: absolute;top: 100px;left: 0;width: 100%;background: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.25);overflow: hidden;}
.depth-wrap{display: flex;align-items: flex-start;height: 100%;}
.depth-left {width: min(28vw, 720px);text-align: right;padding: 50px;position: relative;z-index: 1;flex: none;height: 100%;}
.depth-tit{position: relative; z-index: 2;}
.depth-tit h2 {font-family: 'KIMM';font-weight: 700;font-size: 24px;}
.depth-tit p {margin-top: 10px;font-size: 12px;font-weight: 300;color: var(--g-black5);}
.gnb-li.on > .tit{font-weight: 700;}
.gnb-li.on .depth-box{visibility: visible; opacity: 1;}
.gnb-li .depth-left::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.gnb-li .depth-left::after{background: no-repeat 50% / cover;}
.pc-ver .depth2 {position: relative; z-index: 1; padding: 24px 20px;flex: 1;padding-right: calc((100vw - 1280px - 270px) / 2);display: flex;flex-wrap: wrap;margin: -12px -20px;}
.pc-ver .depth2 > li {padding: 12px 20px;}
.pc-ver .depth2 > li > a {background:#fff;transition: background .4s;position: relative;width: min(210px, 14vw);height: 49px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #e4e4e4;border-radius: 5px;padding: 16px;padding-right: 5px;font-size: 14px;font-weight: 500;color: #444;}
.pc-ver .depth2 > li > a::after{content: ''; width: 28px; height: 28px; background: no-repeat 50% / cover; background-image: url("../../images/ico/ico-arr_g.svg"); }
.pc-ver .depth2 > li > a:hover{color: #fff; border: 0; font-weight: 700;}
.pc-ver .depth2 > li > a:hover::after{background-image: url("../../images/ico/ico-arr_w.svg")}
.gnb-li.topimg01 .depth-left{background-color: var(--g-purple-10); border-right: 1px solid var(--g-purple);}
.gnb-li.topimg02 .depth-left{background-color: var(--g-blue-10);border-right: 1px solid var(--g-blue);}
.gnb-li.topimg03 .depth-left{background-color: var(--g-green-10);border-right: 1px solid var(--g-green);}
.gnb-li.topimg04 .depth-left{background-color: var(--g-pink-10); border-right: 1px solid var(--g-pink);}
.gnb-li.topimg05 .depth-left{background-color: var(--g-yellow-10); border-right: 1px solid var(--g-yellow);}
.gnb-li.topimg06 .depth-left{background-color: var(--g-yellow-10);  border-right: 1px solid var(--g-yellow);}
.gnb-li.topimg08 .depth-left{background-color: var(--g-black-10);  border-right: 1px solid var(--g-black);}
.gnb-li.topimg09 .depth-left{background-color: var(--g-navy-10);  border-right: 1px solid var(--g-navy);}
.gnb-li.topimg10 .depth-left{background-color: var(--g-red4);  border-right: 1px solid var(--g-red3);}
.gnb-li.topimg01 .depth-left::after{background-image: url("../../images/user/depth-bg1.png")}
.gnb-li.topimg02 .depth-left::after{background-image: url("../../images/user/depth-bg2.png")}
.gnb-li.topimg03 .depth-left::after{background-image: url("../../images/user/depth-bg3.png")}
.gnb-li.topimg04 .depth-left::after{background-image: url("../../images/user/depth-bg4.png")}
.gnb-li.topimg05 .depth-left::after{background-image: url("../../images/user/depth-bg5.png")}
.gnb-li.topimg06 .depth-left::after{background-image: url("../../images/user/depth-bg6.png")}
.gnb-li.topimg08 .depth-left::after{background-image: url("../../images/user/depth-bg6.png")}
.gnb-li.topimg09 .depth-left::after{background-image: url("../../images/user/depth-bg6.png")}
.gnb-li.topimg10 .depth-left::after{background-image: url("../../images/user/depth-bg10.png")}
.gnb-li.topimg01.on > .tit {color: var(--g-purple2);}
.gnb-li.topimg02.on > .tit {color: var(--g-blue2);}
.gnb-li.topimg03.on > .tit {color: var(--g-green2);}
.gnb-li.topimg04.on > .tit{color: var(--g-pink2);}
.gnb-li.topimg05.on > .tit{color: var(--g-yellow2);}
.gnb-li.topimg06.on > .tit {color: var(--g-yellow2);}
.gnb-li.topimg08.on > .tit {color: var(--g-black);}
.gnb-li.topimg09.on > .tit {color: var(--g-navy);}
.gnb-li.topimg10.on > .tit {color: var(--g-red);}
.gnb-li.topimg01 .depth2 > li > a:hover{background: linear-gradient(to right, var(--g-purple2), var(--g-purple))}
.gnb-li.topimg02 .depth2 > li > a:hover{background: linear-gradient(to right, var(--g-blue2), var(--g-blue))}
.gnb-li.topimg03 .depth2 > li > a:hover{background: linear-gradient(to right, var(--g-green2), var(--g-green))}
.gnb-li.topimg04 .depth2 > li > a:hover{background: linear-gradient(to right, var(--g-pink2), var(--g-pink))}
.gnb-li.topimg05 .depth2 > li > a:hover{background: linear-gradient(to right, var(--g-yellow2), var(--g-yellow))}
.gnb-li.topimg06 .depth2 > li > a:hover{background: linear-gradient(to right, var(--g-yellow2), var(--g-yellow))}
.gnb-li.topimg08 .depth2 > li > a:hover{background: linear-gradient(to right, var(--g-black6), var(--g-black4))}
.gnb-li.topimg09 .depth2 > li > a:hover{background: linear-gradient(to right, var(--g-navy), var(--g-navy6))}
.gnb-li.topimg10 .depth2 > li > a:hover{background: linear-gradient(to right, var(--g-red), var(--g-red3))}



.btn-control{width: 35px;height: 35px;background: no-repeat 50% / cover;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: .4s;}
.btn-control:hover {opacity: .7;}
header .btn-control.btn-archive{background-color: #B7476F;display: flex;align-items: center;justify-content: center;width: 152px;height: 40px;border-radius: 99px;gap: 10px;margin-left: 10px;}
header .btn-control.btn-archive p {color: #fff;}
footer .hd-sns .btn-control.btn-archive{background-color: #4D4485}

.hd-sns .btn-control.btn-instagram{background-color: #B7476F;}
.hd-sns .btn-control.btn-facebook{background-color: #366DB6;}
.hd-sns .btn-control.btn-blog{background-color: #389E8A;}
.hd-sns .btn-control.btn-youtube{background-color: #BA3232;}
.ico-archive {width: 21px; height: 21px; background-image: url("../../images/ico/ico-archive.svg")}
.ico-instagram{width: 21px; height: 21px; background-image: url("../../images/ico/ico-instagrm.svg")}
.ico-facebook{width: 21px; height: 21px; background-image: url("../../images/ico/ico-facebook.svg")}
.ico-blog{width: 21px; height: 22px; background-image: url("../../images/ico/ico-blog.svg")}
.ico-youtube{width: 13px; height: 13px; background-image: url("../../images/ico/ico-youtube.svg"); margin-left: 3px;}
.ico-search{width: 17px; height: 17px; background-image: url("../../images/ico/ico-search.svg")}
.ico-search_w{width: 18px; height: 18px; background-image: url("../../images/ico/ico-search_w.svg")}
.ico-gnb{width: 15px; height: 14px; background-image: url("../../images/ico/ico-gnb.svg")}
.ico-login{width: 17px; height: 17px; background-image: url("../../images/ico/ico-login.svg")}
.btn-control{margin-right: 15px;}
.hd-control > div:last-child .btn-control{margin-right: 0;}
.btn-border{border: 1px solid #E4E4E4; background-color: #fff;}
.hd-sch__wrap {display: none;width: 100%;position: fixed;top: 0;left: 0;width: 100%;height: 190px;background: #fff;z-index: 999;padding-top: 67px;border-radius: 0 0 15px 15px;}
.hd-sch__wrap .sch-close{position: absolute;top: calc(100% + 40px);left: 50%;transform: translateX(-50%);width: 60px;height: 60px;background: #fff;border-radius: 50%; z-index: 10;}
.hd-sch__wrap .sch-close i{width: 30px; height: 30px; background: no-repeat 50% / cover; background-image: url(../../images/ico/ico-close.svg);}
.sch-bg{position: fixed; top: 180px; left: 0; width: 100%; height: 100%; z-index: 9; background: rgba(0,0,0,0.3);}
.search-input form{position: relative;}
.search-input .btn-search.btn {position: absolute;top: 50%;transform: translateY(-50%);right: 30px;}
.search-input .btn-search.btn .ico-search{width: 20px; height: 20px;}
.search-input  input{border-radius: 0; border: 0;height: 55px;background-color: transparent;border-bottom: 2px solid var(--g-blue2);font-size: 18px;font-weight: 500;}

.archive .hd-logo > a{width: 215px; height: 50px; background-image: url("../../images/cmn/archive-logo.png"); background-repeat: no-repeat; background-size: cover;}
.archive .hd-search .search-input input {border: 1.5px solid #75C7D2; border-radius: 150px; height: 52px; font-size: 1rem;}
.archive .search-input .btn-search.btn {width: 50px; height: 50px; right: 0px;}
.archive .hd-sch__wrap .sch-close i {background-image: url("../../images/ico/ico-close_g.svg");}
.archive .sch-bg {background: rgba(0,0,0,0.4);}

/*--------------------------------------------------------------------- footer --------------------------*/
footer {border-top: 1px solid #E4E4E4;}
.bottom-link {padding: 10px 0;}
.bottom-link__slide > ul > li{display: flex;align-items: center;width: 200px;}
.bottom-link__wrap .swiper-btn{width: 35px;height: 35px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 11;}
.bottom-link__wrap .swiper-prev{left: -20px;background-image: url(../../images/cmn/banner-prev.svg);}
.bottom-link__wrap .swiper-next{right: -20px;background-image: url(../../images/cmn/banner-next.svg);}
.bottom-link__wrap {position: relative;}
.bottom-link__slide {max-width: calc(100% - 100px); width: 100%;margin: 0 auto;}
.bottom-link__slide a {width: 200px;height: 60px;background: #fff;border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.bottom-link__slide a img {max-width: 100%;max-height: 100%;width: auto;height: auto;transition: 0.4s;}
.bottom-link__slide a:hover img {transform: scale(1.05);}
.ft-wrap{padding: 80px 0; border-top: 1px solid #E4E4E4;}
.ft-wrap__top{padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #E4E4E4;}
.ft-tit{margin-top: 30px; font-size: 20px; color: var(--g-black8); line-height: 1.8;}
.ft-info__txt>li{position: relative; font-size: 20px; padding-right: 12px; margin-right: 12px;}
.ft-info__txt>li:first-child::after{content: ' | ';color: var(--g-black3);position: absolute;right: -4px;top: 50%;transform: translateY(-50%);font-size: 18px;}
.address{margin-top: 15px; font-size: 16px;}
.ft-info__link{margin-top: 15px;}
.ft-info__link > li{color: var(--g-black8); position: relative;}
.ft-info__link > li:not(:last-child){padding-right: 10px; margin-right: 10px;}
.ft-info__link > li:not(:last-child)::after{content: ' | ';color: var(--g-black3);position: absolute;right: -4px;top: 50%;transform: translateY(-50%);font-size: 14px;}
.ft-info__copy {margin-top: 30px; color: var(--g-black4); font-size: 15px; font-weight: 300;}
.ft-wrap .hd-sns > ul > li {text-align: center;display: flex;flex-direction: column;align-items: center;}
.ft-wrap .hd-sns > ul > li > div{font-size: 10px;margin-top: 8px;color: #707070;}
.ft-wrap .hd-sns > ul > li:not(:last-child) {margin-right: 13px;}
.ft-wrap .btn-control{margin-right: 0;}


.quick-wrap {position: fixed;right: 55px;bottom: 40px;z-index: 999; }
.quick-wrap .quick-menu {margin: 0;padding: 5px;background: #fff;border-radius: 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.16);}
.quick-wrap .quick-img {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;}
.quick-wrap .quick-menu__list > li{margin-bottom: 10px;}
.quick-wrap .quick-menu__list > li:not(:last-child) {margin-right: 0;}
.quick-wrap .quick-menu__list .img img{width: 26px;height: 26px;}
.quick-wrap .quick-menu__list > li > a {width: 110px;height: 60px;border-radius: 10px;}
.quick-wrap .quick-menu__list > li:nth-child(1) > a{background-color: #FAF2EC;}
.quick-wrap .quick-menu__list > li:nth-child(2) > a{background-color: #F4F7FD;}
.quick-wrap .quick-menu__list > li:nth-child(3) > a{background-color: #FEF2F6;}
.quick-wrap .quick-menu__list > li:nth-child(4) > a{background-color: #EFFAF8;}
.quick-wrap .quick-menu__list > li:nth-child(5) > a{background-color: #FFF2F2;}
.quick-wrap .quick-menu__list > li:nth-child(6) > a{background-color: #F9F0FF;}
.quick-wrap .quick-btn{width: 110px;height: 50px;border-radius: 10px;background-color: var(--g-black);display: flex;align-items: center;justify-content: center;}
.quick-wrap .quick-btn span{width: 16px; height: 2px; background-color: #fff; border-radius: 10px; transition: .4s; position: relative;}
.quick-wrap .quick-btn span::before {content: '';width: 16px;height: 2px;position: absolute;left: 0;transform: rotate(0deg);z-index: 2;background: #fff;transition: transform .4s;}
.quick-wrap .quick-btn.active{background-color: var(--g-white);}
.quick-wrap .quick-btn.active span{background: #000}
.quick-wrap .quick-btn.active span::before{background: #000; transform: rotate(-90deg);}
.quick-wrap .top_btn{width: 120px;height: 50px;border-radius: 10px;background: no-repeat 50% / cover;background-image: url("../../images/cmn/top-btn.svg");margin: 0 auto;box-shadow: 0 2px 10px rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.quick-wrap .txt {font-size: 12px;font-weight: 600;color: rgba(0,0,0,0.7);}
.quick-wrap .quick-img .img{position: static; top: auto; left: auto; transform: none;}



.archive .quick-wrap {right: 0; bottom: 60px;}
.archive .quick-wrap .quick-menu {padding: 10px 15px 6px; border-radius: 20px 0 0 0;}
.archive .quick-img .img {position: unset; transform: unset; display: flex; align-items: center; justify-content: center;}
.archive .quick-wrap .quick-menu__list .img img {width: 40px; height: 40px;}
.archive .quick-wrap .quick-menu__list > li {padding: 20px 10px; margin: 0; display: flex; align-items: center; justify-content: center;}
.archive .quick-wrap .quick-menu__list > li:not(:first-child) {padding-top: 20px; border-top: 1px solid #E4E4E4;}
.archive .quick-wrap .quick-menu__list > li > a {background: unset !important; width: fit-content; height: auto;}
.archive .quick-wrap .quick-menu__list > li > a p {font-size: 14px; text-align: center; margin-top: 10px;}
.archive .quick-wrap .top_btn {background-image: unset; background-color: #fff; width: 100%; height: 50px; background: var(--g-navy); font-size: 1rem; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 0 0 0 20px; margin: 0;}


.pop {z-index: 1000;position: relative;margin: 0 auto;height: 0;}
.pop h2 {position: absolute;font-size: 0;line-height: 0;overflow: hidden;}
.pop_wrap {position: absolute !important;background: #4B3329;padding: 10px;border-radius: 10px;max-width: 520px;left: 2%;top: 50%;box-sizing: border-box}
.topimg04 .pop_wrap{background-color: #f7f7f7;}
.pop_wrap.swiper-container {margin: 120px auto;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.pop .swiper-control {position: absolute;top: 50%;transform: translatey(-50%);height: 30px;left: 15px;width: calc(100% - 30px);z-index: 1;display: flex;justify-content: space-between;}
.pop_wrap img {width: 100%;height: auto;display: block;max-width: 500px;max-height: 700px;object-fit: contain;margin:0 auto; padding-top: 10px;}
.pop .swiper-button-next, .pop .swiper-button-prev{width: 32px;height: 32px;border-radius: 5px;background-image : none;margin-top: 0;background-color: #f7f7f7;position: static;}
.pop .swiper-button-prev:after, .pop .swiper-button-next:after {font-size: 13px;font-weight: 700;color: #fff;margin-top: 1px;}
.pop_cont { /* width: 450px; */min-width: 165px; /* min-height: 300px; */}
.pop_cont img {width: 100%;max-width: 100%;}
.pop_ft {padding: 0;background: #4B3329;color: #fff;text-align: left;position: relative;font-size: 14px;font-weight: 400;padding: 9px 13px;border-top: 0;user-select: none;}
.topimg04 .pop_ft{background: #f7f7f7;color:#000000;}
.pop_ft:after {display: block;visibility: hidden;clear: both;content: "";}
.pop_ft label.sfchkra > span {color: inherit;}
.pop_ft label.sfchkra > input:checked + i:after {background-color: #000000;border-color: #ffffff;border-width: 2px;}
.pop_ft button {padding: 2px;border: 0;color: #fff;}
.pop_ft .pop_cls_btn {background: #4B3329;position: absolute;top: 7px;right: 12px;font-size: 14px;}
.topimg04 .pop_ft .pop_cls_btn{background: #f7f7f7;color:#000000;}
.pop_ft .pop_cls_btn:before {content: "[";}
.pop_ft .pop_cls_btn:after {content: "]";}
.pop_ft input {display: inline-block;vertical-align: top;margin-top: 3px;margin-right: 5px;}
.pop_ft .sfchkra span {margin-left: 0;}


/*-------- archive  --------*/
.archive .gnb-cont > li {padding-right: 0;}
.archive .gnb-cont > li:not(:last-child) {margin-right: 70px;}
.archive .gnb-cont > li:not(:last-child) > a::after {content: unset;}
.archive .hd-control {font-size: 0;}
.archive .hd-control .ico-gnb {width: 20px; height: 20px;}
.archive .hd-control .login-btn {font-size: 14px; display: flex; margin-left: 16px;}
.archive .inner-wide{max-width: calc(1760px + 80px);}
.archive .btn-control{width: 24px; height: 24px; border: 0; background: unset; transition: .1s;}
.archive .ico-search{width: 24px; height: 24px; background-image: url("../../images/archive/ico-search.svg");}
.archive .ico-search_g{width: 24px; height: 24px; background-image: url("../../images/ico/ico-search_g.svg");}
.archive .ico-login{width: 24px; height: 24px; background-image: url("../../images/archive/ico-login.svg")}
.archive .quick-wrap .quick-menu__list > li:nth-child(1) > a{background-color: #F4F7FD;}
.archive .quick-wrap .quick-menu__list > li:nth-child(2) > a{background-color: #FEF2F6;}
.archive .quick-wrap .quick-menu__list > li:nth-child(3) > a{background-color: #EFFAF8;}
.archive footer{border-top: 0; padding-bottom: 60px;}
.archive .ft-wrap__top{padding-bottom: 80px; margin-bottom: 0px; display: flex; justify-content: space-between; max-width: 1450px; border: 0;}
.archive .ft-wrap{border: 0; background-color: #202020; border-radius: 30px; padding: 60px 50px 30px;}
.archive .ft-r{width: 100%; max-width: 720px;}
.archive .ft-menu__tit{font-size: 20px; color: #fff; }
.archive .ft-menu__list > li{ margin-top: 40px; font-size: 18px; color: #fff; opacity: .8;}
.archive .ft-menu__list > li > a{font-size: 18px; color: #fff; opacity: .8; transition: .1s;}
.archive .ft-menu__list > li > a:hover {opacity: 1;}
.archive .ft-wrap .hd-sns > ul > li{margin-top: 12px;}
.archive .ft-wrap .hd-sns > ul > li:first-child{margin-top: 25px;}
.archive .ft-wrap .hd-sns > ul > li:not(:last-child){margin-right: 0;}
.archive .ft-wrap .hd-sns .btn-control.btn-instagram{width: 40px;height: 40px;background-color: rgba(255,255,255,0.5);}
.archive .ft-wrap .hd-sns .btn-control.btn-facebook{width: 40px;height: 40px;background-color: rgba(255,255,255,0.5);}
.archive .ft-wrap__agree {display: flex; flex-wrap: wrap; grid-column-gap: 30px; grid-row-gap: 12px; margin: 20px 0;}
.archive .ft-wrap__agree a {font-size: 1rem; color: rgba(255,255,255,0.6);}
.archive .ft-info__copy{color: rgba(255,255,255,0.3); padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.3); margin: 0;}

.login-btn{font-size: 18px;font-weight: 500;color: var(--g-black6);margin-right: 22px;}


/*--------------------------------------------------------------------- pad --------------------------*/
@media screen and (max-width: 1280px) {

    .pc-ver{display: none !important;}
    .pad-ver{display: block !important;}
    .inner, .inner2{max-width: 100%;}
    .inner-wide{max-width: 100%;}
    #container {padding-top: 70px;}
    .container-wrap{margin-top: 110px;}

    /*--------------------------------------------------------------------- header --------------------------*/
    header {}
    header .mobile-ver {display: block !important;}
    .hd-wrap{height: 70px;}
    .hd-wrap.active {position: relative;z-index: 13;border-bottom: 1px solid #e4e4e4;}
    .hd-wrap.active .hd-search{display: none;}
    .hd-wrap.active .hd-login{display: none;}
    .hd-logo > a{width: 111px; height: 40px;}
    .gnb-all {flex-direction: column;position: fixed;top: 0;left: 0;width: 100%;height: calc(var(--vh, 1vh)* 100);background: #fff;z-index: 12;padding-top: 70px;display: none;}
    .btn-gnb.active .ico-gnb {background-image: url("../../images/ico/ico-gnb_close.svg"); width: 13px; height: 13px;}
    .hd-wrap.active .hd-control .btn-control{margin-right: 0;}
    .mobile-ver .gnb {position: relative;height: calc(100% - 292px);overflow-y: auto;}
    .mobile-ver .gnb-cont {}
    .mobile-ver .gnb-cont > li {position: static;height: auto;display: block;margin: 0;padding: 0;width: 192px;}
    .mobile-ver .gnb-cont > li .tit {font-size: 16px;font-weight: 700;justify-content: center;line-height: 1.75;padding: 23px 0;border-bottom: 1px solid #E4E4E4;}
    .mobile-ver .gnb-cont .depth2 {position: absolute;top: 0;left: 192px;width: calc(100% - 192px);display: none;padding: 0 15px;border-left: 0;transform: none;border: 0;box-shadow: none;height: 100%;border-radius: 0;padding: 0 33px;}
    .mobile-ver .gnb-cont > li.active .depth2 {display: block;}
    .mobile-ver .gnb-cont .depth2 > li {padding: 0;text-align: left;}
    .mobile-ver .gnb-cont .depth2 > li > a {display: flex;align-items: center;color: #000;position: relative;padding: 24px 0;border-bottom: 1px solid #E4E4E4;}
    .gnb-cont > li:not(:last-child) > a::after {display: none;}
    .gnb-cont > li .depth2:after {display: none;}
    .mobile-ver .gnb::after {z-index: -1;content: '';position: fixed;top: 254px;left: 0;width: 192px;height: 100%;background: #fafafa;}
    .mobile-ver .gnb-cont > li.active.topimg01 .tit {background: var(--g-purple);}
    .mobile-ver .gnb-cont > li.active.topimg02 .tit{background: var(--g-blue);}
    .mobile-ver .gnb-cont > li.active.topimg03 .tit{background: var(--g-green);}
    .mobile-ver .gnb-cont > li.active.topimg04 .tit{background: var(--g-pink);}
    .mobile-ver .gnb-cont > li.active.topimg05 .tit{background: var(--g-pink);}
    .mobile-ver .gnb-cont > li.active.topimg06 .tit{background: var(--g-yellow);}
    .mobile-ver .gnb-cont > li.active.topimg08 .tit{background: var(--g-black4);}
    .mobile-ver .gnb-cont > li.active.topimg10 .tit{background: var(--g-red);}





    .gnb-all .hd-sns { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 14;}
    .gnb-all .hd-sns__tit {background: var(--g-black8);height: 50px;display: flex;align-items: center;}
    .gnb-all .hd-sns__tit a {width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 700;color: #fff;}
    .gnb-all .hd-sns ul { display: flex; background: #fff; }
    .gnb-all .hd-sns ul > li { flex: 1; margin: 0; }
    .gnb-all .hd-sns ul > li:not(:last-child) {margin-right: 0;position: relative;}
    .gnb-all .hd-sns ul .btn {width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;}
    .gnb-all .hd-sns .ico-instagram{width: 24px; height: 24px; background-image: url("../../images/ico/ico-instagram2.svg")}
    .gnb-all .hd-sns .ico-facebook{width: 24px; height: 24px; background-image: url("../../images/ico/ico-facebook2.svg")}
    .gnb-all .hd-sns .ico-blog{width: 24px; height: 24px; background-image: url("../../images/ico/ico-blog2.svg")}
    .gnb-all .hd-sns .ico-youtube{width: 24px; height: 24px; background-image: url("../../images/ico/ico-youtube2.svg"); margin-left: 0;}
    .gnb-all .hd-sns .btn-news{color: var(--g-black8); font-size: 12px;}
    .gnb-all .hd-sns ul > li:not(:last-child)::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 40px;background: #e4e4e4;}

    /*--------------------------------------------------------------------- footer --------------------------*/
    .bottom-link__slide a {height: 47px;}
    .bottom-link__wrap .swiper-prev {left: 0;}
    .bottom-link__wrap .swiper-next {right: 0;}
    .ft-wrap {padding: 50px 0;}
    .ft-wrap__top {display: block;padding-bottom: 30px;margin-bottom: 30px;}
    .ft-r {margin-top: 30px;}
    .ft-info__txt>li:first-child {display: block;width: 100%;}
    .ft-info__txt {flex-wrap: wrap;line-height: 2;}
    .ft-info__txt>li {font-size: 18px;}
    .ft-info__txt>li:first-child::after {display: none;}

    .quick-wrap {right: 40px;}

    /*.archive .hd-logo > a {width: 190px; height: 44px;}*/
    .archive .ft-wrap {padding: 50px;}
    .archive .ft-wrap__top .ft-logo img {max-width: 192px;}
    .archive .ft-wrap__top {flex-direction: column; padding-bottom: 50px;}
    .archive .ft-r {grid-column-gap: 100px; grid-row-gap: 40px; flex-wrap: wrap; margin-top: 40px;}


    /*---- archive ----*/

    .archive .mobile-ver .gnb {height: 100%;}
    .archive .mobile-ver .gnb::after {content: unset;}
    .archive header .mobile-ver .gnb-cont {
        height: 100%;
        position: relative;
        overflow-y: auto;
    }
    .archive header .mobile-ver .gnb-cont > li {
        position: static;
        height: auto;
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .archive header .mobile-ver .gnb-cont > li::after {
        display: none;
    }
    .archive header .mobile-ver .gnb-cont > li .tit {
        font-size: 16px;
        font-weight: 700;
        width: 100%;
        height: auto;
        color: #000;
        justify-content: left;
        padding: 18px 10px;
        border-bottom: 1px solid #E4E4E4;
    }
    .archive header .mobile-ver .gnb-cont .depth2 {
        width: 100%;
        display: none;
        border: 0;
        background-color: #F7F7F7;
        padding: 0 20px;
        position: unset;
    }
    .archive header .mobile-ver .gnb-cont .depth2 > li {
        padding: 0;
        text-align: left;
    }
    .archive header .mobile-ver .gnb-cont .depth2 > li > a {
        border-bottom: 0;
    }
    .archive header .mobile-ver .gnb-cont > li.hasChild .tit::before, header .mobile-ver .gnb-cont > li.hasChild .tit::after {content: ''; position: absolute; height: 2px; width: 12px; background: #000; display: block; transition: all .3s; cursor: pointer; top: 50%; right: 0px;}
    .archive header .mobile-ver .gnb-cont > li.hasChild .tit::before {transform: rotate(45deg); margin-right: 7px;}
    .archive header .mobile-ver .gnb-cont > li.hasChild .tit::after {transform: rotate(-45deg);}
    .archive header .mobile-ver .gnb-cont > li:last-child.active .tit::before {transform: rotate(-45deg);}
    .archive header .mobile-ver .gnb-cont > li:last-child.active .tit::after {transform: rotate(45deg);}
    .user-info {margin: 20px 0; display: flex; flex-direction: column; grid-row-gap: 20px;}
    .user-info .login-wrap {display: flex; align-items: center; grid-column-gap: 10px;}
    .user-info .login-wrap .login-btn {padding: 8px 16px; width: fit-content; display: flex; align-items: center; grid-column-gap: 8px; border: 1px solid #E4E4E4; border-radius: 5px; color: #888;}
    .user-info .login-box {padding: 30px; border-radius: 10px; background: #F7F7F7;}
    .user-info .login-box p {font-size: 20px;}
    .user-info .login-box span {font-size: 14px; color: #BABABA;}
    .user-info .login-box span.logout-txt {color: #757575;}
    .mobile-ver .gnb-cont{border-top: 1px solid #e4e4e4}
    .archive .mobile-ver .gnb-cont{border-top: 0;}

    .archive .btn-gnb.active .ico-gnb {width: 20px; height: 20px;}
    .archive.main .hd-logo > a {/*background-image: url("../../images/archive/logo-w.png");*/ filter: brightness(100);}
    .archive.main .hd-wrap.active .hd-logo > a {/*background-image: url("../../images/cmn/archive-logo.png");*/ filter: none;}
    .archive.main .ico-search {filter: brightness(10);}
    .archive.main .btn-gnb.active .ico-gnb {filter: invert(0);}
    .archive.main .hd-control .ico-gnb {filter: invert(1);}
    .archive:not(.main) .hd-control .ico-gnb {filter: unset; background-image: url("../../images/ico/ico-gnb_g.svg");}
    .archive:not(.main) .btn-gnb.active .ico-gnb {background-image: url("../../images/ico/ico-gnb_close.svg");}
    .archive footer {padding-bottom: 50px;}

    .archive .quick-wrap .quick-menu {padding: 8px 12px 6px;}
    .archive .quick-wrap .quick-menu__list .img img {width: 30px; height: 30px;}
    .archive .quick-wrap .quick-menu__list > li {padding: 16px 6px;}
    .archive .quick-wrap .quick-menu__list > li:not(:first-child) {padding-top: 16px;}
    .archive .quick-wrap .quick-menu__list > li > a p {font-size: 12px; margin-top: 8px;}

}

/*--------------------------------------------------------------------- mobile --------------------------*/
@media screen and (max-width:767px) {

    .inner, .inner2{max-width: 100%; padding: 0 20px;}
    .inner-wide{max-width: 100%; padding: 0 20px;}
    .container-wrap{margin-top: 100px;}

    /*--------------------------------------------------------------------- header --------------------------*/
    .pad-ver{display: none !important;}
    .mobile-ver{display: block !important;}
    .mobile-ver .gnb-cont > li {width: 124px;}
    .mobile-ver .gnb-cont .depth2 {width: calc(100% - 124px);left: 124px;padding: 0 16px;}
    .mobile-ver .gnb::after {width: 124px;top: 224px;}
    .mobile-ver .gnb-cont .depth2 > li > a {padding: 18px 0;}
    .search-input input {font-size: 14px;padding: 0 16px;}
    .gnb-all .hd-sns__tit a {width: 100%;}

    .bottom-link__slide {max-width: calc(100% - 80px);}
    .bottom-link__slide > ul{justify-content: left;}
    .bottom-link__wrap .swiper-prev {left: -10px;}
    .bottom-link__wrap .swiper-next {right: -10px;}

    .ft-wrap {padding: 40px 0;}
    .ft-tit {margin-top: 20px;font-size: 16px;letter-spacing: -0.5px;}
    .ft-wrap__top {padding-bottom: 25px;}
    .ft-info__txt>li {display: block;width: 100%;font-size: 14px;}
    .address {font-size: 14px;word-break: keep-all;}
    .ft-info__link {flex-wrap: wrap;line-height: 1.3;}
    .ft-info__link > li {font-size: 14px;}
    .ft-info__copy {margin-top: 25px;font-size: 14px;line-height: 1.5;}
    .quick-wrap{right: 0;bottom: 20px;}
    .quick-wrap .quick-menu__list > li > a {width: 50px;height: 50px;border-radius: 5px;}
    .quick-wrap .quick-btn {width: 50px;display: none;}
    .quick-wrap .top_btn {width: 50px;height: 50px;}
    .quick-wrap .txt {font-size: 11px;}
    .quick-wrap .quick-menu__list .img img {width: 20px;}

    /*archive*/
    .archive .ft-wrap__agree a {font-size: 14px;}

    .archive .btn-gnb.active .ico-gnb {width: 18px; height: 18px;}
    .user-info .login-wrap .login-btn {font-size: 14px;margin: 0;}
    .user-info .login-wrap .login-btn i {width: 14px; height: 14px;}
    .user-info .login-box {padding: 20px;}
    .user-info .login-box p {font-size: 1rem;}
    .user-info .login-box span {font-size: 12px;}

    .archive .hd-logo > a {width: 146px; height: 34px;}
    .archive .ft-wrap__top .ft-logo img {max-width: 154px;}
    .archive .ft-menu__tit {font-size: 1rem;}
    .archive .ft-menu__list > li, .archive .ft-menu__list > li > a {font-size: 14px; margin-top: 12px;}
    .archive .ft-r {flex-direction: column;}
    .archive .ft-r .hd-sns > ul {display: flex; margin-top: 12px;}
    .archive .ft-wrap {padding: 30px;}
    .archive .ft-wrap .hd-sns > ul > li {margin: 0 0 0 16px;}
    .archive .ft-wrap .hd-sns > ul > li:first-child {margin: 0;}
    .archive footer {padding-bottom: 30px;}

    .archive .quick-wrap .quick-menu {padding: 6px 10px 4px; border-radius: 10px 0 0 0;}
    .archive .quick-wrap .quick-menu__list .img img {width: 24px; height: 24px;}
    .archive .quick-wrap .quick-menu__list > li {padding: 12px 0px;}
    .archive .quick-wrap .quick-menu__list > li:not(:first-child) {padding-top: 12px;}
    .archive .quick-wrap .quick-menu__list > li > a p {font-size: 10px; margin-top: 6px;}
    .archive .quick-wrap .top_btn {border-radius: 0 0 0 10px; font-size: 14px; height: 44px;}


    .pop {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }
    .pop_wrap {
        top: 0 !important;
        left: 10% !important;
        max-width: min(400px, 85%);
        width: 100%;
    }

    .pop img {
        width: 95% !important;
        height: auto !important;
    }


}