@charset "utf-8";

/* 상단 */
#header{position:sticky;top:0;left:0;z-index:100;width:100%;background:var(--color-white,#fff);}
/* #header.fixed{position:fixed;top:0} */
#header .header-top{display:flex; align-items:center; position:relative;margin:0 auto; height:104px; padding:24px 40px;width:100%; border-bottom:1px solid var(--color-gray-100)}
/* logo */
/* #header #logo{position:absolute;top:50%;left:0;transform:translateY(-50%)} */
#header #logo {flex-shrink:0;}
#header #logo a{display:block;height:56px;line-height:0;}
#header #logo a img{height:100%; vertical-align:top;}
#header #logo .logo-mo {display:none;}
/* search */
/* #header .search-wrap{position:relative; width:400px; margin-left:40px;} */
/* @media only screen and (min-width:1119px) {
    #header .search-wrap{display:block}
} */
#header .search-wrap {position:relative; width:400px; margin:0 40px; background:var(--color-gray-200); border-radius:30px;}
#header .search-wrap input[type="text"]{padding-left:56px; padding-right:20px; width:87%;height:56px;border-radius:15px;border:0 none;font-weight:500;font-size:20px;color:var(--color-gray-800,#393939); background:transparent;}
#header .search-wrap input[type="text"]::placeholder {color:var(--color-gray-700);}
#header .search-wrap .search{position:absolute;top:16px;left:10px;padding:0;width:44px;height:24px; background:url(/html/images/common/icon_search.svg) no-repeat center/24px auto;}
#header .search-wrap .btn-del {display:none;position:absolute;top:0;right:10px;padding:0;width:44px;height:56px; background:url(/html/images/common/icon_delete_search.svg) no-repeat center/24px auto;}
/* #header .search-wrap input[type="text"]:not(:placeholder-shown) {padding-right:50px; background-color:#FFF; border:1px solid var(--color-gray-500);} */
#header .search-wrap input:not(:placeholder-shown) + .search {background-image:url(/html/images/common/icon_search_active.svg);}
/* #header .search-wrap input[type="text"]:not(:placeholder-shown) ~ .btn-del {display:block;} */
#header .m-search-btn{display:none;line-height:0}
#header .search-wrap .btn-area {position:absolute; top:12px; right:32px; display:none; gap:8px;}
#header .search-wrap .btn-area input[type=file] {display:none;}
#header .search-wrap .btn-file {width:32px; height:32px; background:url(/html/images/common/icon_search_file.svg) no-repeat center/contain;}
#header .search-wrap .btn-search {width:32px; height:32px; background:url(/html/images/common/icon_search_arrow.svg) no-repeat center/contain;}
#header .search-wrap .preview-area {display:flex; width:fit-content; align-self:flex-start; min-width:0; gap:12px;}
#header .search-wrap .preview-area .preview-item {display:inline-block; position:relative; flex-shrink:0; height:400px; border-radius:10px; overflow:hidden;}
#header .search-wrap .preview-area .preview-item img {width:100%; height:100%; vertical-align:top; object-fit:cover;}
#header .search-wrap .preview-area .btn-delete {position:absolute; bottom:20px; right:20px; width:24px; height:24px; background:url(/html/images/common/icon_search_delete.svg) no-repeat center/contain;}
#header .search-wrap .scroll {display:none;}
#header .search-wrap .scroll:has(.preview-item) {padding:0 20px 12px; overflow-x:auto;width:100%}

#wrapper:has(.search-layer-wrap.active) .header-top {align-items:flex-start; height:auto;}
#wrapper:has(.search-layer-wrap.active) .search-wrap {flex-grow:1; width:auto; border:1px solid #A5A4AB; background-color:#FFF;}
#wrapper:has(.search-layer-wrap.active) .search-wrap .btn-area {display:flex;}
#wrapper:has(.search-layer-wrap.active) .search-wrap .scroll {display:block;}
/* #wrapper:has(.search-layer-wrap.active) .search-wrap input[type="text"] {border:1px solid #A5A4AB; background-color:#FFF;} */
/* logion */
/* .header-login-wrap{position:absolute;top:16px;right:0} */
.header-login-wrap {margin-left:auto;}
.header-login-wrap .login-utils{display:flex;align-items:center; gap:12px; flex-shrink:0;}
.header-login-wrap .login-utils li{display:inline-block;vertical-align:middle}
.header-login-wrap .login-utils li a{font-size:20px;line-height:24px;color:#fff}
.header-login-wrap .login-utils li.join a{font-weight:400; color:#FFF}
/* .header-login-wrap .login-utils li.login a{margin-right:20px; padding-right:20px;cursor:pointer} */
.header-login-wrap .login-utils:has(+ .language-select-box) li.login a {margin-right:0;}
.header-login-wrap .login-utils .login a {display:block; width:40px; height:40px; border-radius:50%; overflow:hidden;}
.header-login-wrap .login-utils .login a img {width:100%; height:100%; object-fit:cover;}
/* .header-login-wrap .login-utils .login a:after {content:''; position:absolute; top:0; right:0; width:11px; height:48px; background:url(/html/_skin/1/images/common/icon_select_arrow_b.webp) no-repeat center/contain;} */
.header-login-wrap .login-utils .login.on a:after {transform:rotate(180deg);}
.header-login-wrap .login-menu{display:none;position:absolute;top:83px;right:194px;z-index:999;padding:12px;width:182px;border-radius:12px;border:1px solid var(--color-gray-300);background:var(--color-white,#fff);box-shadow:0px 4px 20px 0px rgba(58, 58, 58, 0.15);}
.header-login-wrap .login-menu .user-name{margin-bottom:15px;font-weight:500;font-size:14px;color:var(--color-primary)}
.header-login-wrap .login-menu .user-name strong{font-weight:700}
.header-login-wrap .login-menu .alarm-wrap{position:absolute;top:20px;right:20px;line-height:0}
.header-login-wrap .login-menu .alarm-wrap .new{position:absolute;top:-8px;right:-10px;width:16px;height:16px;border-radius:50%;background:var(--color-red);font-weight:500;font-size:11px;line-height:16px;color:var(--color-white,#fff);text-align:center}
.header-login-wrap .login-menu .user-menu li a{position:relative;display:block;font-weight:500;font-size:18px;line-height:43px;color:var(--color-gray-900);transition:.3s; text-align:center; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
.header-login-wrap .login-menu .user-menu li:hover a {color:var(--color-secondary); background:var(--color-gray-100); border-top-color:var(--color-gray-200); border-bottom-color:var(--color-gray-200);}
.header-login-wrap:has(.language-select-box) .login-menu {right:140px;}
.header-login-wrap{display:flex;align-items:center;gap:20px}
.login-menu .user-menu .btn-admin a{display:inline-flex;gap:5px;align-items:center}
.language-select-box{position:relative}
.language-select-box .language-select{position:relative;left:8px; display:block;height:24px;padding:0;font-size:15px;font-weight:500;color:var(--color-white,#fff);background:transparent;border-radius:15px}
.language-select-box .language-select span{display:none}
.language-select-box .language-select:after{content:'';position:absolute;top:50%;right:0;width:24px;height:24px;background:url(/html/_skin/1/images/common/icon_globe.svg) no-repeat center/contain;transform:translateY(-50%)}
.language-select-box.on .language-select:after{width:24px;height:24px;background-image:url(/html/_skin/1/images/common/icon_globe.svg)}
.language-select-box .language-list{display:none;position:absolute;top:100%;right:0;left:auto;width:max-content;min-width:90px;padding:10px 15px;margin-top:10px;background:#4e4e4e;border-radius:15px;z-index:110;white-space:nowrap}
.language-select-box .language-list a{display:block;padding:2px 0;font-size:15px;font-weight:500;color:rgba(255,255,255,0.75)}
.language-select-box .language-list a:where(:hover,.on){color:var(--color-white,#fff)}
.header-login-wrap .menus {display:flex; gap:12px; margin-right:16px;}
.header-login-wrap .menus .menu {width:40px; height:40px; background:var(--color-gray-200) url(/html/images/common/icon_message.svg) no-repeat center; border-radius:50%; }
.header-login-wrap .menus .menu.notify {background-image:url(/html/images/common/icon_bell.svg);}
.header-login-wrap .menus .menu.on {background-color:rgba(63, 35, 250, 0.05); background-image:url(/html/images/common/icon_message_red.svg)}
.header-login-wrap .menus .menu.notify.on {background-image:url(/html/images/common/icon_bell_red.svg)}

@media only screen and (max-width:1920px) {
    #header .header-top{width:100%;}
    /* #header #logo{left:20px} */
}
@media only screen and (max-width:1200px) {
    /* #header .header-top{padding:16px 30px;width:100%;height:90px}
    .header-login-wrap{top:16px;right:75px;}
    .header-login-wrap .login-utils{background:none;padding-right:0}
    .header-login-wrap .login-utils li.login a {margin-right:0;}
    .header-login-wrap .login-menu{right:-25px} */

    #header .header-top {height:90px; padding:16px 20px;}
    #header .search-wrap {margin:0 20px; width:300px;}
    #header .search-wrap .search {left:2px; top:13px;}
    #header .search-wrap input[type="text"] {height:50px; padding-left:42px; padding-right:10px; font-size:18px;}
    #wrapper:has(.search-layer-wrap.active) .search-wrap input[type="text"] {padding-right:84px;}
    #header .search-wrap .btn-area {top:9px; right:14px;}
    .header-login-wrap {gap:10px;}
    .header-login-wrap .menus {gap:10px; margin-right:0; margin-left:10px;}
    .header-login-wrap .login-utils {gap:10px;}
    .header-login-wrap .login-menu {top:73px; right:170px;}
}
@media only screen and (max-width:1024px) {
    #header .header-top {padding-top:19px; padding-bottom:20px;}
    #header #logo a {height:50px;}
    #header .search-wrap {margin:0 14px;}
    #header .search-wrap input[type="text"] {height:46px; font-size:16px;}
    #header .search-wrap .search {left:0; top:11px;}
    #header .search-wrap .btn-area {gap:6px;}
    #header .search-wrap .btn-file {width:28px; height:28px;}
    #header .search-wrap .btn-search {width:28px; height:28px;}
    .header-login-wrap .login-utils li a {padding:6px 14px; font-size:16px;}

    #header .search-wrap .preview-area .preview-item {height:300px;}
}
@media only screen and (max-width:768px) {
    #header .header-top{height:70px;}
    /* .header-login-wrap{top:50%;right:75px;transform:translateY(-50%);z-index:10; gap:15px;} */
    .header-login-wrap .login-utils{display:none}    
    .header-login-wrap .login-menu {display:none; position:fixed; top:auto; bottom:60px; right:20px; width:184px;}
    .header-login-wrap .login-menu .user-menu li + li {border-top:1px solid var(--color-gray-200)}
    .header-login-wrap .login-menu .user-menu li a {font-size:16px;}
    .header-login-wrap .login-menu .user-menu li a:hover {border-top:none; border-bottom:none;}
    .header-login-wrap .menus {margin-right:0;}
    .header-login-wrap .menus .menu.dm {display:none;}
    .header-login-wrap .menus .menu.notify {width:24px; height:24px; background-color:transparent; background-image:url(/html/images/common/icon_bell_mo.svg);}
    .language-select-box .language-select{min-width:24px;}
    .header-login-wrap:has(.language-select-box) .login-menu { right: 60px;}
    #header .m-search-btn{display:block;/*right:120px*/}
    #header .search-wrap{display:none;position:fixed;top:0;left:0;z-index:20;max-width:100%;border-bottom:2px solid var(--color-dark-gray);border-radius:0;box-shadow:none}
    #header .search-wrap input[type="text"]{padding:0 75px;height:80px;border-radius:0;font-size:24px}
    #header .search-wrap .back{display:block}
    #header .search-wrap .search{right:30px;width:30px;height:80px;background:url(../images/common/m_icon_search.png) no-repeat center center}
    #header .search-wrap .search img{display:none}
    #header #logo .logo-mo {display:block;}
    #header #logo .logo-pc {display:none;}
    #header #logo a {height:24px;}
    /* #header #logo a{max-width:200px} */
/* }
@media only screen and (max-width:768px) { */
    #header .header-top{padding:0 20px;height:55px !important; align-items:center !important;}
    /* #header #logo{left:20px;height:30px} */
    /* #header #logo a{max-width:none} */
    /* #header #logo a img{width:auto} */
    #header .search-wrap{height:70px}
    #header .search-wrap input[type="text"]{padding:0 60px;height:70px;font-size:18px}
    #header .search-wrap .back{left:0;width:60px;height:70px}
    #header .search-wrap .back img{height:20px}
    #header .search-wrap .search{right:0;width:60px;height:70px;background-size:auto 20px}
    /* #header .m-search-btn{right:90px;margin-top:-10px} */
    #header .m-search-btn img{height:20px}
    .header-login-wrap{right:55px}        
}
/* -------- gnb -------- */
#gnb{position:relative;width:100%;border-top:1px solid var(--color-border,#eee);border-bottom:1px solid var(--color-border2,#ddd);background:var(--color-white,#fff);text-align:center;transition:.3s}
.fixed #gnb{position:fixed;top:0;left:0}
#gnb .gnb-wrap{font-size:0}
@media only screen and (max-width:1024px) {
    .gnb-inner{overflow:hidden}
}
@media only screen and (min-width:1024px) {
    #gnb .swiper-wrapper{justify-content:center}
}
#gnb .depth01{position:relative;display:inline-block;width:163px;vertical-align:top}
#gnb .depth01 a{position:relative;display:flex;justify-content:center;align-items:center;padding:6px 0 7px;font-weight:400;font-size:18px;line-height:28px;height:58px;color:var(--color-dark-gray);transition:.3s}
#gnb .depth01 > a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--color-primary);transition:.3s;transform:scaleX(0)}
#gnb .depth01:hover > a:after{transform:scaleX(1)}
#gnb .depth02{overflow:hidden;position:absolute;top:100%;left:50%;z-index:90;transform:translateX(-50%);width:163px;height:0;background:var(--color-white,#fff);transition:.3s}
@media only screen and (min-width:1024px) {
    #gnb .depth01:hover .depth02{padding:18px 0;height:auto;border:1px solid var(--color-border2,#ddd)}
}
#gnb .depth02 a{font-weight:400;font-size:15px;line-height:21px;padding:4px 0;height:40px;color:var(--color-dark-gray);transition:.3s}
#gnb .depth02 a:hover{color:var(--color-primary)}
#gnb .gnb-bg{display:none}
/* -------- menu btn -------- */
#gnb .menu-btn{position:absolute;top:50%;left:50%;z-index:1;margin-top:-9px;margin-left:570px;width:20px;height:18px;cursor:pointer}
#gnb .menu-btn.on{z-index:20}
#gnb .menu-btn span{position:absolute;right:0;width:100%;height:3px;border-radius:3px;background:var(--color-dark-gray);transition:.3s}
#gnb .menu-btn span:nth-child(1){top:0}
#gnb .menu-btn span:nth-child(2){top:50%;margin-top:-1.5px}
#gnb .menu-btn span:nth-child(3){bottom:0}
#gnb .menu-btn.on span:nth-child(1){top:8px;transform:rotate(-45deg)}
#gnb .menu-btn.on span:nth-child(2){right:-100%;opacity:0}
#gnb .menu-btn.on span:nth-child(3){bottom:7px;transform:rotate(45deg)}
@media only screen and (max-width:1180px) {
    #gnb .menu-btn{top:auto;bottom:100%;left:auto;right:30px;margin-top:0;margin-bottom:31px}
}
@media only screen and (max-width:1024px) {
    #header{box-shadow:none}
    #gnb{position:static;border-color:var(--color-border2,#ddd)}
    .fixed #gnb .menu-btn{display:none}
    #gnb .menu-btn{bottom:86px;margin-bottom:0;width:29px;height:27px}
    #gnb .menu-btn.on{bottom:73px;width:41px;height:41px}
    #gnb .menu-btn span{transition:.3s}
    #gnb .menu-btn.on span:nth-of-type(1){top:19px;transform:rotate(-45deg)}
    #gnb .menu-btn.on span:nth-of-type(2){right:-100%;opacity:0}
    #gnb .menu-btn.on span:nth-of-type(3){bottom:19px;transform:rotate(45deg)}
}
@media only screen and (max-width:768px) {
    #gnb{padding:0 6px}
    .fixed #gnb{position:relative}
    #gnb .depth01{margin:0 14px;width:auto}
    #gnb .depth01 a{font-size:16px;line-height:54px}
    .fixed #gnb .menu-btn{display:block;top:-44px}
    #gnb .menu-btn{right:20px;width:20px;height:18px}
    #gnb .menu-btn.on{bottom:78px;width:25px;height:25px}
    #gnb .menu-btn span{height:2px}
    #gnb .menu-btn.on span:nth-of-type(1){top:12px}
    #gnb .menu-btn span:nth-child(2){margin-top:-1px}
    #gnb .menu-btn.on span:nth-of-type(3){bottom:11px}
}
@media only screen and (min-width:1025px) {
    #m-gnb-wrap{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--color-white,#fff);text-align:center}
    .fixed #m-gnb-wrap{position:fixed;top:60px}
    #m-gnb-wrap .m-header-utils,#m-gnb-wrap .m-user-menu,#m-gnb-wrap .login-utils{display:none}
    #m-gnb-wrap .m-gnb{font-size:0}
    #m-gnb-wrap .m-gnb .depth01{display:inline-block;width:163px;vertical-align:top}
    #m-gnb-wrap .m-gnb .depth01 > a{position:relative;font-size:0}
    #m-gnb-wrap .m-gnb .depth02{padding:17px 0}
    #m-gnb-wrap .m-gnb .depth02 a{display:block;font-weight:400;font-size:15px;line-height:40px;color:var(--color-dark-gray);transition:.3s}
}
@media only screen and (max-width:1024px) {
    /* mobile gnb */
    #m-gnb-wrap{display:none;position:fixed;top:0;right:0;z-index:10;width:100%;height:100vh;background:rgba(0,0,0,.8)}
    #m-gnb-wrap .m-gnb-inner{position:absolute;top:0;right:-100%;padding:85px 0 0;width:80%;max-width:500px;height:100%;background:var(--color-white,#fff)}
    #m-gnb-wrap .m-header-utils{position:absolute;top:30px;right:88px;font-size:0}
    #m-gnb-wrap .m-header-utils li{display:inline-block;margin-left:20px;vertical-align:top}
    #m-gnb-wrap .m-header-utils li a{position:relative;display:block;line-height:0}
    #m-gnb-wrap .m-header-utils .alarm .new{position:absolute;bottom:100%;left:100%;margin-bottom:-10px;margin-left:-6px;width:18px;height:18px;border-radius:50%;background:var(--color-red);font-weight:500;font-size:14px;line-height:18px;color:var(--color-white,#fff);text-align:center}
    #m-gnb-wrap .m-user-menu{margin-bottom:40px}
    #m-gnb-wrap .m-user-menu dt{padding:0 30px;font-weight:400;font-size:36px;line-height:69px;color:var(--color-black,#000)}
    #m-gnb-wrap .m-user-menu dt strong{font-weight:700}
    #m-gnb-wrap .m-user-menu dt a{display:block;font-weight:700;font-size:36px;line-height:69px;color:var(--color-black,#000)}
    #m-gnb-wrap .m-user-menu dd{padding:0 30px}
    #m-gnb-wrap .m-user-menu dd a{position:relative;display:block;padding-left:25px;font-weight:500;font-size:36px;line-height:69px;color:var(--color-black,#000)}
    #m-gnb-wrap .m-user-menu dd a:before{content:'';position:absolute;top:20px;left:0;width:10px;height:10px;border-radius:50%;background:var(--color-dark-gray)}
    #m-gnb-wrap .m-gnb{overflow-x:hidden;max-height:calc(100% - 363px);border-top:1px solid var(--color-border,#eee)}
    #m-gnb-wrap .m-gnb .depth01 > a{position:relative;display:block;padding:19px 30px 20px;border-bottom:1px solid var(--color-border,#eee);font-weight:500;font-size:28px;line-height:1.5em;color:var(--color-black,#000)}
    #m-gnb-wrap .m-gnb .depth01 > :is(a:before,a:after){content:'';position:absolute;top:50%;right:30px;margin-left:-6.5px;width:13px;height:1px;background:#32186d}
    #m-gnb-wrap .m-gnb .depth01 > a:after{transform:rotate(-90deg)}
    #m-gnb-wrap .m-gnb .depth01.on > a:after{display:none}
    #m-gnb-wrap .m-gnb .depth02{display:none;padding:22px 0;border-bottom:1px solid var(--color-border,#eee)}
    #m-gnb-wrap .m-gnb .depth02 li a{display:block;padding:0 30px;font-weight:400;font-size:24px;line-height:56px;color:var(--color-black,#000)}
    #m-gnb-wrap .login-utils{padding:55px 0 30px;font-size:0;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;row-gap:7px}
    #m-gnb-wrap .login-utils li{position:relative;display:inline-block;margin:0 27px;vertical-align:top}
    #m-gnb-wrap .login-utils li:after{content:'';position:absolute;top:50%;right:-27px;margin-top:-10px;width:1px;height:20px;background:var(--color-light-gray,#ccc)}
    #m-gnb-wrap .login-utils li:last-child:after{display:none}
    #m-gnb-wrap .login-utils li a{display:block;font-weight:400;font-size:22px;color:var(--color-light-gray)}
}
@media only screen and (max-width:768px) {
    #m-gnb-wrap .m-gnb-inner{padding-top:50px}
    #m-gnb-wrap .m-header-utils{top:29px;right:60px}
    #m-gnb-wrap .m-header-utils li{margin-left:12px}
    #m-gnb-wrap .m-header-utils li a img{height:21px}
    #m-gnb-wrap .m-header-utils .alarm .new{margin-bottom:-7px;margin-left:-4px;width:13px;height:13px;font-size:9px;line-height:13px}
    #m-gnb-wrap .m-user-menu{margin-bottom:25px}
    #m-gnb-wrap .m-user-menu dt{padding:0 20px;font-size:22px;line-height:50px}
    #m-gnb-wrap .m-user-menu dt a{font-size:22px;line-height:50px}
    #m-gnb-wrap .m-user-menu dd{padding:0 20px}
    #m-gnb-wrap .m-user-menu dd a{padding-left:15px;font-size:22px;line-height:43px}
    #m-gnb-wrap .m-user-menu dd a:before{top:12px;width:7px;height:7px}
    #m-gnb-wrap .m-gnb{max-height:calc(100% - 235px)}
    #m-gnb-wrap .m-gnb .depth01 > a{padding:11px 20px 12px;font-size:17px}
    #m-gnb-wrap .m-gnb .depth01 > :is(a:before,a:after){right:20px;width:9px}
    #m-gnb-wrap .m-gnb .depth02{padding:14px 0}
    #m-gnb-wrap .m-gnb .depth02 li a{padding:0 20px;font-size:15px;line-height:35px}
    #m-gnb-wrap .login-utils{padding:35px 0 20px}
    #m-gnb-wrap .login-utils li{margin:0 16px}
    #m-gnb-wrap .login-utils li a{font-size:14px}
    #m-gnb-wrap .login-utils li:after{right:-16px;margin-top:-6.5px;height:13px}
}

/* 하단 */
#footer{position:relative;width:100%; padding:10px 0 0; background:var(--color-gray-800); letter-spacing:-.18px;}
#footer .inner {padding:0 40px;}
#footer .logo {width:100%; height:56px; margin-bottom:26px;}
#footer .logo img {height:100%; vertical-align:top;}
#footer .footer-info {display:flex; align-items:flex-start;}
/* #footer .footer-info .info-box:first-child {padding-right:4.348vw;} */
#footer .footer-area {display:flex; justify-content:space-between; gap:10px;}
#footer .footer-info .info-box:first-child {width:clamp(200px, 14.2708vw, 274px);}
#footer .footer-info .info-box:last-child {padding-left:min(1.25vw,24px); border-left:1px solid #FFF;}
#footer .footer-info dl {display:flex; gap:16px;}
#footer .footer-info dl + dl {margin-top:3px;}
#footer .footer-info dl :is(dt,dd) {line-height:20px; font-size:14px; font-weight:500; color:#FFF;}
#footer .footer-info dl dt {flex-shrink:0; font-weight:600;}
#footer .footer-info dl .contact {font-weight:400;}
#footer .footer-info .underline {text-decoration:underline;}
.footer-menu {display:flex; flex-direction:column; flex-wrap:wrap; align-content:flex-start; height:53px; gap:6px min(2.0833vw, 40px);}
.footer-menu a {line-height:20px;font-size:14px; font-weight:700; color:#FFF;}
#footer .footer-right {display:flex; flex-direction:column;}
.footer-link {display:flex; flex-shrink:0;} 
.footer-link a {line-height:20px;font-size:14px; font-weight:700; color:#FFF;}
.footer-link a + a:before {content:''; display:inline-block; width:4px; height:4px; margin:0 min(2.0833vw, 40px); background:#FFF; border-radius:50%; vertical-align:text-bottom;}
#footer .copyright {margin-top:30px; line-height:20px;font-size:14px; color:#FFF; text-align:right;}
@media only screen and (max-width:1280px) {
    #footer .inner {padding:0 20px;}
}
@media only screen and (max-width:1200px) {
    #footer {padding-top:20px; padding-bottom:54px;}
    #footer .footer-area {flex-direction:column; gap:20px;}
    /* #footer .logo {display:none;} */
    #footer .footer-info .info-box:first-child {width:274px;}
    #footer .footer-info .info-box:last-child {padding-left:24px;}
    .footer-menu {column-gap:40px;}
    .footer-link a + a:before {margin-left:40px; margin-right:40px;}
    #footer .copyright {margin-top:10px; text-align:left;}
}
@media only screen and (max-width:768px) {
    #footer {padding-bottom:18px;}
    #footer .logo {height:40px; margin-bottom:40px;}
    #footer .footer-area {gap:5px;}
    #footer .footer-info {flex-direction:column;}
    #footer .footer-info .info-box:last-child {width:100%; margin-top:16px; padding-top:16px; padding-left:0; border-left:none; border-top:1px solid #FFF;}
    #footer .footer-info dl :is(dt,dd) {line-height:14px; font-size:12px;}
    .footer-menu {height:62px; gap:8px 20px;}
    .footer-menu a {line-height:14px; font-size:12px;}
    .footer-link a {flex-shrink:0; line-height:14px; font-size:12px;}
    .footer-link a + a:before {margin-left:min(9.7222vw,36px); margin-right:min(9.7222vw,36px);}
    #footer .copyright {line-height:20px; font-size:12px;}
}


/* -------- utils -------- */
#footer .footer-utils{border:1px solid var(--color-border2,#ddd);border-width:1px 0}
#footer .footer-utils .swiper-wrapper{margin:0 auto;width:1180px;font-size:0}
#footer .footer-utils .swiper-slide{display:inline-block;margin-right:40px;width:auto;vertical-align:top}
#footer .footer-utils .swiper-slide a{display:block;font-weight:500;font-size:16px;line-height:67px;color:var(--color-dark-gray)}
@media only screen and (max-width:1180px) {
    #footer .footer-utils .swiper-wrapper{padding:0 30px;width:100%}
}
@media only screen and (max-width:768px) {
    #footer .footer-utils .swiper-wrapper{padding:0 20px}
    #footer .footer-utils .swiper-slide{margin-right:30px}
    #footer .footer-utils .swiper-slide a{font-size:15px;line-height:60px}
}
@media only screen and (max-width:640px) {
    #footer .footer-utils .swiper-slide{margin-right:20px}
    #footer .footer-utils .swiper-slide a{font-size:14px;line-height:50px}
}
/* -------- address -------- */
#footer .footer-address{margin:0 auto;padding:40px 0 35px;width:1180px;font-size:0}
#footer .footer-address .foot-logo{display:inline-block;width:300px;vertical-align:top;padding-right:60px}
#footer .footer-address .foot-logo img{max-width:200px}
#footer .footer-address address{display:inline-block;width:calc(100% - 300px);font-style:normal;vertical-align:top}
#footer .footer-address address span{display:inline-block;margin:0 35px 5px 0;font-weight:300;font-size:16px;color:var(--color-dark-gray);word-break:keep-all;vertical-align:top}
#footer .footer-address address .copy{display:block;margin-top:25px;margin-right:0;margin-bottom:0}
@media only screen and (max-width:1180px) {
    #footer .footer-address{padding:40px 30px 35px;width:100%}
}
@media only screen and (max-width:1024px) {
    #footer .footer-address .foot-logo{display:none}
#footer .footer-address address{width:100%}
}
@media only screen and (max-width:768px) {
    #footer .footer-address{padding:30px 20px;width:100%}
}
@media only screen and (max-width:640px) {
    #footer .footer-address address span{margin-right:20px;font-size:14px}
    #footer .footer-address address span:nth-of-type(2) ~ span{display:block}
    #footer .footer-address address .copy{margin-top:20px}
}
/* -------- btn top -------- */
#footer .btn-top{position:fixed;bottom:30px;right:30px;z-index:110;margin-bottom:0;margin-left:530px;width:60px;height:60px;border-radius:50%;background:var(--color-white,#fff);box-shadow:0 0 20px rgba(0,0,0,.20);line-height:0}
#footer .btn-top img{display:block;margin:0 auto}
#footer .btn-top .top-arrow{margin:16px auto 8px}
@media only screen and (max-width:1180px) {
    #footer .btn-top{left:auto;right:30px;margin-left:0}
}
@media only screen and (max-width:768px) {
    #footer .btn-top{right:20px;bottom:20px}
}
@media only screen and (max-width:640px) {
    #footer .btn-top{width:56px;height:56px}
    #footer .btn-top .top-arrow{/*margin:13px auto 6px;*/height:10px}
    #footer .btn-top .top-txt{height:7px}
}
/* date */
.select-date{font-size:0}
.select-date > *{display:inline-block;vertical-align:top}
.select-date .date{padding:0 10px;height:40px;border-radius:4px;border:1px solid var(--color-light-gray,#ccc);font-size:18px;line-height:38px;color:var(--color-dark-gray)}
.select-date .date + span{width:30px;font-size:18px;line-height:40px;color:var(--color-dark-gray);text-align:Center}
@media only screen and (max-width:767px) {
    .select-date .date{padding:0 10px;height:30px;background-size:auto 14px;font-size:15px;line-height:30px}
    .select-date .date + span{font-size:15px;line-height:30px}
}
/* file select */
.select-file{font-size:0}
.select-file input[type="file"]{display:none}
.select-file label{display:inline-block;margin-right:11px;padding:0 13px;border-radius:12px;background:var(--color-primary);font-size:12px;line-height:24px;color:var(--color-white,#fff);vertical-align:top}
.select-file span{display:inline-block;font-size:16px;line-height:24px;color:var(--color-dark-gray);vertical-align:top}
.attach-list{font-size:0}
.attach-list li{margin-bottom:7px;font-size:16px;line-height:24px;color:var(--color-dark-gray)}
.attach-list li:last-child{margin-bottom:0}
.attach-list li strong{display:inline-block;margin-right:11px;padding:0 13px;border-radius:12px;background:#ccc;font-weight:400;font-size:12px;line-height:24px;color:var(--color-white,#fff);vertical-align:top}

/*select box*/
select.select{padding:0 20px;width:100%;height:50px;border-radius:4px;border:1px solid var(--color-light-gray,#ccc);font-size:18px;color:var(--color-dark-gray,#333);-webkit-appearance:none;-moz-appearance:none;background:url(/html/images/sub/board/select_arrow.png) no-repeat 96% center}
select.select::-ms-expand {display:none;}
select.select.sm {height:40px; padding:0 15px; background-size:auto 7px; background-position:95% center;}

@media only screen and (max-width:767px) {
    select.select {padding:0 10px; height:40px; font-size:15px; background-position:95% center; background-size:auto 6px;}
    select.select.sm {background-position:94% center; background-size:auto 5px;}
}

/* 하단 */
#sitemap{position:relative;width:100%;background:var(--color-white,#fff)}
/* -------- utils -------- */
    #sitemap .footer-utils{border:1px solid var(--color-border2,#ddd);border-width:1px 0;overflow:hidden}
    #sitemap .footer-utils .swiper-wrapper{margin:0 auto;width:1180px;font-size:0}
    #sitemap .footer-utils .swiper-slide{display:inline-block;margin-right:40px;width:auto;vertical-align:top}
    #sitemap .footer-utils .swiper-slide a{display:block;font-weight:500;font-size:16px;line-height:67px;color:var(--color-dark-gray)}
@media only screen and (max-width:1180px) {
    #sitemap .footer-utils .swiper-wrapper{padding:0 30px;width:100%}
}
@media only screen and (max-width:768px) {
    #sitemap .footer-utils .swiper-wrapper{padding:0 20px}
    #sitemap .footer-utils .swiper-slide{margin-right:30px}
    #sitemap .footer-utils .swiper-slide a{font-size:15px;line-height:60px}
}
@media only screen and (max-width:640px) {
    #sitemap .footer-utils .swiper-slide{margin-right:20px}
    #sitemap .footer-utils .swiper-slide a{font-size:14px;line-height:50px}
}
.band-banner{overflow:hidden}

/* 하단 네비게이션 바 */
.fnb {display:none;}
@media only screen and (max-width:768px) {
    #wrapper:has(.fnb) {padding-bottom:49px;}
    .fnb {display:block; position:fixed; bottom:0; left:0; width:100%; background:#FFF; border-top:1px solid var(--color-gray-100,#F0F0F0); z-index:100;}
    .fnb .menus {display:flex; justify-content:space-between; align-items:center; padding:12px 24px;}
    .fnb .menus .menu a {display:block; padding:5px; background:url(/html/images/common/fnb_home.svg) no-repeat cemter/contain;}
    /* .fnb .menus .menu img {width:24px; aspect-ratio:1/1; vertical-align:top;} */
    .fnb .menus .menu .user-profile {border-radius:50%; overflow:hidden;}
    .fnb .menus .menu a {display:block; width:24px; height:24px; background:url(/html/images/common/fnb_home.svg) no-repeat center/24px auto;}
    .fnb .menus .menu.search a {background-image:url(/html/images/common/fnb_search.svg);}
    .fnb .menus .menu.post a {background-image:url(/html/images/common/fnb_post.svg);}
    .fnb .menus .menu.dm a {background-image:url(/html/images/common/fnb_message.svg);}
    .fnb .menus .menu.user a {background-image:url(/html/images/common/fnb_user.svg);}
    .fnb .menus .menu.home.active a {background-image:url(/html/images/common/fnb_home_active.svg);}
    .fnb .menus .menu.search.active a {background-image:url(/html/images/common/fnb_search_active.svg);}
    .fnb .menus .menu.post.active a {background-image:url(/html/images/common/fnb_post_active.svg);}
    .fnb .menus .menu.dm.active a {background-image:url(/html/images/common/fnb_message_active.svg);}
    .fnb .menus .menu.user.active a {background-image:url(/html/images/common/fnb_user_active.svg);}
}


/* popup */
.popup-wrap{display:none}
.popup-wrap{position:fixed;top:0;left:0;bottom:0;right:0;z-index:110;width:100%;height:100%;background:rgba(0,0,0,.2)}
.popup-wrap .popup-inner{display:flex;flex-direction:column; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:32px;max-width:560px;width:calc(100% - 60px);max-height:800px;height:calc(100% - 60px);border-radius:12px;background:var(--color-white,#fff); border:1px solid #E3E3E3;}
.popup-wrap .popup-tit{margin-bottom:40px; font-weight:700;font-size:24px;color:var(--color-gray-900,#393939);letter-spacing:-.0118em;}
.popup-wrap .popup-btn{display:flex; margin-top:58px; width:100%}
/* .popup-wrap .popup-btn{display:flex} */
.popup-wrap .popup-btn a{display:block}
.popup-wrap .popup-btn button{width:100%}
.popup-wrap .popup-btn button + button{margin-left:10px}
.popup-wrap .popup-contents-wrap{height:calc(100% - 178px)}
.popup-wrap .popup-scroll{overflow-x:hidden}
/* :where(.popup-box,.popup-wrap) .close{position:absolute;top:37px;right:37px;width:42px;height:42px;font-size:0}
:where(.popup-box,.popup-wrap) .close:before,:where(.popup-box,.popup-wrap) .close:after{content:'';position:absolute;top:50%;left:0;z-index:1;width:100%;height:2px;border-radius:5px;background:var(--color-gray,#aaa)}
:where(.popup-box,.popup-wrap) .close:before{transform:rotate(45deg)}
:where(.popup-box,.popup-wrap) .close:after{transform:rotate(-45deg)} */
.popup-wrap .popup-sub-tit {font-weight:400; font-size:23px; line-height:36px; color:#333; word-break:keep-all;}
.popup-wrap .popup-inner {width:min-content; max-width:calc(100% - 40px); height:auto; max-height:calc(100% - 60px);}
.popup-wrap .popup-contents-wrap {height:auto; overflow-y:auto;}
.popup-wrap.alert .popup-inner {width:544px; height:auto; max-height:calc(100% - 60px);}
.popup-wrap.alert .popup-contents-wrap {height:auto; overflow-y:auto;}
.popup-wrap .txt-center {text-align:center;}
.popup-wrap .txt {font-size:24px; font-weight:600; color:var(--color-gray-900,#393939);}
.popup-wrap .txt02 {display:block; line-height:28px; font-size:20px; color:var(--color-gray-900,#454545);}
.popup-wrap .txt03 {display:block; font-size:14px; color:var(--color-gray-700,#767676);}
.popup-wrap .txt04 {padding:40px 0; font-size:24px; font-weight:600; color:var(--color-gray-900,#393939);}
.popup-wrap .txt05 {font-size:16px; line-height:19px; color:var(--color-gray-800,#454545);}
.popup-wrap .link {line-height:28px; font-size:20px; color:var(--color-gray-900,#393939); border-bottom:1px solid var(--color-gray-900,#393939);}
.popup-wrap .btn-area {flex-wrap:nowrap; gap:12px; margin-top:40px;}
.popup-wrap .btn-area .btn-default {flex-grow:1; width:50%;}
.popup-wrap .btn-area [class^="btn-"].disabled {background-color:var(--color-gray-600)}
.popup-wrap .title-box .popup-tit {color:#484848;}

@media only screen and (max-width:768px) {
    .popup-wrap .popup-tit{margin-bottom:20px; font-size:16px}
    .popup-wrap .popup-inner{width:max-content; padding:20px;max-height:calc(100vh - 100px);}
    /* .popup-wrap .popup-contents-wrap{margin-bottom:10px;height:calc(100vh - 282px)} */
    /* .popup-wrap .close{top:17px;right:17px;width:32px;height:32px} */
    /* :where(.popup-box,.popup-wrap) .close{top:17px;right:17px;width:32px;height:32px} */
    /* .popup-wrap .popup-btn{margin-top:30px} */
    .popup-wrap .popup-sub-tit {font-size:17px; line-height:25px;}
    
    .popup-wrap .txt {font-size:16px;}
    .popup-wrap .txt02 {line-height:20px; font-size:14px;}
    .popup-wrap .txt03 {font-size:12px}
    .popup-wrap .txt04 {padding:24px 0 10px; font-size:16px;}
    .popup-wrap .link {line-height:20px; font-size:14px; border-bottom:none;}
    .popup-wrap .btn-area {margin-top:20px; gap:10px;}
    .popup-wrap .btn-default {line-height:1.2em;}
    .popup-contents-wrap img {max-width:100%;}
    
    .popup-wrap.alert .popup-inner {width:320px; padding:16px;}

    .mo-popup-full.popup-wrap .popup-inner {max-height:100%; max-width:100%; border-radius:0;}
}


.fixed-menu {position:fixed; bottom:80px; right:96px; z-index:10;}
.fixed-menu .btn {width:72px; height:72px; font-size:0; background:#FFF url(/html/images/common/top_arrow.jpg) no-repeat center/20px auto; border-radius:50%; box-shadow:2px 4px 16px 0px rgba(210, 210, 210, 0.6);}
.fixed-menu .menu-area{display:none;position:absolute;bottom:calc(100% + 16px);right:-36px;padding:12px;min-width:184px;border-radius:12px;border:1px solid var(--color-gray-300);background:var(--color-white,#fff); box-shadow:0px 4px 20px 0px rgba(58, 58, 58, 0.15);}
.fixed-menu .menu-area .menu li a{position:relative;display:block;font-weight:500;font-size:18px;line-height:43px;color:var(--color-gray-900);transition:.3s; text-align:center;}
.fixed-menu .menu-area .menu li + li {border-top:1px solid var(--color-gray-200)}
.fixed-menu .menu-area .menu li:hover a {color:var(--color-secondary); background:var(--color-gray-100);}
@media only screen and (max-width:1180px) {
    .fixed-menu {bottom:6.667vw; right:8vw;}
}
@media only screen and (max-width:768px) {
    .fixed-menu {bottom:60px; right:13px;}
    .fixed-menu .btn {width:40px; height:40px; background-size:13px auto;}
    .fixed-menu .menu-area {bottom:calc(100% + 10px); right:0;}

}