@charset "utf-8";
@import url(/html/css/ui.css);

/* ================= 상단 ================== */
#header{position:sticky;top:0;left:0;z-index:100;width:100%;background:var(--color-white,#fff);}
.header {position:relative; display:flex; align-items:center; height:54px; padding:0 24px;}
.header .header-title {position:absolute; top:50%; left:50%; font-weight:600; font-size:16px; line-height:100%; text-align:center; color:var(--color-gray-900); transform:translate(-50%, -50%);}
.header .header-title a {font-weight:600; font-size:16px; line-height:100%; text-align:center; color:var(--color-gray-900);}
/* menu btn */
.header .menu-btn{display:flex; flex-direction:column; justify-content:center; gap:7px; width:24px; height:24px; margin-left:1px; cursor:pointer; transition:margin-left .45s;}
.header .menu-btn span{display:block; height:2px;border-radius:2px; background:var(--color-gray-900); transition:.3s}
.header .menu-btn span:nth-child(1){width:18px;}
.header .menu-btn span:nth-child(2){width:13px;}
.header .menu-btn.on{position:relative; margin-left:241px; z-index:20; transition:margin-left .6s}
.header .menu-btn.on span:nth-child(1){position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);}
.header .menu-btn.on span:nth-child(2){position:absolute; top:50%; left:50%; width:18px; transform:translate(-50%, -50%) rotate(45deg);}
.header .btn-setting {width:24px; height:24px; margin-right:1px; margin-left:auto; background:url(/html/images/common/icon_setting.svg) no-repeat center;}
.header .btn-back {width:24px; height:24px; background:url(/html/images/common/icon_back_page.svg) no-repeat center;}
.header .btn-filter {width:24px; height:24px; margin-left:auto; background:url(/html/images/common/icon_filiter.svg) no-repeat center;}
.header .btn-withdraw {margin-left:auto; padding:5px 11px; line-height:20px; font-size:12px; font-weight:500; color:var(--color-gray-500); background-color:var(--color-gray-100); border:1px solid var(--color-gray-200); border-radius:6px;}
.header .btn-share {width:24px; height:24px; margin-left:auto; background:url(/html/images/common/icon_share.svg) no-repeat center;}

/* ================= 하단 네비게이션 바 ================== */
#wrapper:has(.fnb) {padding-bottom:74px;}
.fnb {display:block; position:fixed; bottom:0; left:50%; width:100%; max-width:768px; background:#FFF; transform:translateX(-50%); z-index:11;}
.fnb .menus {display:flex; justify-content:space-between; align-items:center; padding:0 20px;}
.fnb .menus .menu a {display:block; padding:15px 13px;}
.fnb .menus .menu a:before {content:''; display:block; width:28px; height:28px; background:url(/html/images/common/fnb_home.svg) no-repeat center/contain;}
.fnb .menus .menu.chat a:before {background-image:url(/html/images/common/fnb_chat.svg);}
.fnb .menus .menu.analysis a:before {background-image:url(/html/images/common/fnb_analysis.svg);}
.fnb .menus .menu.setting a:before {background-image:url(/html/images/common/fnb_setting.svg);}
.fnb .menus .menu.home.active a:before {background-image:url(/html/images/common/fnb_home_active.svg);}
.fnb .menus .menu.chat.active a:before {background-image:url(/html/images/common/fnb_chat_active.svg);}
.fnb .menus .menu.analysis.active a:before {background-image:url(/html/images/common/fnb_analysis_active.svg);}
.fnb .menus .menu.setting.active a:before {background-image:url(/html/images/common/fnb_setting_active.svg);}
.fnb .menus .menu .title {display:block; margin-top:2px; font-size:12px; font-weight:500; text-align:center; color:var(--color-gray-500);}
.fnb .menus .menu.active .title {font-weight:700; color:var(--color-primary);}


/* #header.fixed{position:fixed;top:0} */
#header .header-top{display:flex; align-items:center; position:relative;margin:0 auto;padding:16px 40px;width:1920px; height:104px; 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:24px;line-height:0;}
#header #logo a img{height:100%;width:100%; vertical-align:top;}
#header #logo .logo-mo {display:none;}
/* search */
#header .search-wrap{position:relative;margin-left:40px;width:100%;max-width:400px;}
/* @media only screen and (min-width:1119px) {
    #header .search-wrap{display:block}
} */
#header .search-wrap input[type="text"]{padding-left:56px; padding-right:20px; width:100%;height:56px;border-radius:15px;border:0 none;font-weight:500;font-size:20px;color:var(--color-gray-800,#393939); background:var(--color-gray-100,#F0F0F0); border-radius:30px;}
#header .search-wrap input[type="text"]::placeholder {color:var(--color-gray-600,#767676);}
#header .search-wrap .search{position:absolute;top:0;left:10px;padding:0;width:44px;height:100%; 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-400,#ABABAB);}
#header .search-wrap:has(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}
/* 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;}
.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:110;padding:12px;width:182px;border-radius:12px;border:1px solid var(--color-gray-200);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-800);transition:.3s; text-align:center;}
.header-login-wrap .login-menu .user-menu li + li {border-top:1px solid var(--color-gray-300)}
.header-login-wrap .login-menu .user-menu .logout {color:var(--color-primary); background:var(--color-gray-50)}
.header-login-wrap:has(.language-select-box) .login-menu {right:60px;}
.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;display:block;min-width:90px;padding:14px 14px 15px;font-size:15px;font-weight:500;color:var(--color-white,#fff);background:#333;border-radius:15px}
.language-select-box .language-select:after{content:'';position:absolute;top:50%;right:12px;width:16px;height:16px;background:url(/html/_skin/1/images/common/icon_globe.webp) no-repeat center/contain;transform:translateY(-50%)}
.language-select-box.on .language-select:after{width:11px;height:9px;background-image:url(/html/_skin/1/images/common/icon_select_arrow.webp)}
.language-select-box .language-list{position:absolute;top:100%;left:0;display:none;width:100%;padding:10px 5px 10px 15px;background:#4e4e4e;border-radius:15px;z-index:110}
.language-select-box .language-list li + li{margin-top:5px}
.language-select-box .language-list a{display:block;padding:2px 0;font-size:15px;font-weight:500;color:rgba(255,255,255,0.5)}
.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:#F0F0F0 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);}

@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:10px 20px;}
    #header .search-wrap {margin-left:20px; max-width:300px;}
    #header .search-wrap .search {left:2px;}
    #header .search-wrap input[type="text"] {height:50px; padding-left:42px; padding-right:10px; font-size:18px;}
    .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: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}
    .language-select-box .language-select span{display:none}
    .language-select-box .language-select{min-width:30px;height:30px;padding:0;background:transparent}
    .language-select-box .language-select:after{right:0;width:30px;height:30px;background-image:url(/html/_skin/1/images/common/icon_globe.svg)}
    .language-select-box.on .language-select:after{width:30px;height:30px;background-image:url(/html/_skin/1/images/common/icon_globe.svg)}
    .language-select-box .language-list{top:calc(100% + 10px);left:-30px;width:90px}
    .header-login-wrap .login-menu {display:none !important;}
    .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);}
    #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{max-width:200px} */
}
@media only screen and (max-width:768px) {
    #header .header-top{padding:0 20px;height:55px;}
    /* #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}
    .language-select-box .language-select{min-width:20px}
    .language-select-box .language-select:after{width:20px}
    .language-select-box.on .language-select:after{width:20px}
    .language-select-box .language-list{top:calc(100% + 5px)}
    .language-select-box .language-list a{font-size:14px}
}
/* -------- 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 {position:absolute; top:0; left:0; width:315px; height:100dvh; background:#fff; z-index:10; box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.1); display:none;}
    #m-gnb-wrap .m-gnb-inner{position:relative;padding-top:56px;width:315px;height:100dvh;}
    #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-user-box {display:flex; gap:16px; align-items:center; padding:22px 25px; background:var(--color-primary)}
    #m-gnb-wrap .m-user-box .user-img {width:45px; height:45px; border-radius:50%; overflow:hidden;}
    #m-gnb-wrap .m-user-box .user-img img {width:100%; height:100%; object-fit:cover; vertical-align:top;}
    #m-gnb-wrap .m-user-box .user-name {display:block; margin-top:4px; line-height:29px; font-size:24px; font-weight:700; color:#EEE8FF;}
    #m-gnb-wrap .m-user-box .txt {display:block; line-height:17px; font-size:14px; color:#FFF;}
    #m-gnb-wrap .m-user-ralfy {margin-top:26px; padding:23px 25px 20px;}
    #m-gnb-wrap .m-user-ralfy dt {display:inline-block; font-size:18px; color:var(--color-gray-950); letter-spacing:-.02em;}
    #m-gnb-wrap .m-user-ralfy dd {display:inline-block; line-height:17px; font-size:14px; color:#828282;}
    #m-gnb-wrap .m-user-ralfy dd strong {font-weight:500; color:var(--color-primary);}
    #m-gnb-wrap .m-gnb{overflow-x:hidden;max-height: 100vh;overflow-y: auto;}
    #m-gnb-wrap .m-gnb .depth01 > a{position:relative;display:block;padding:21px 25px;font-size:18px;line-height:22px;color:#191919; letter-spacing:-.02em;}
    #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:40px 0 100px; background:var(--color-gray-700); letter-spacing:-.18px;}
#footer .inner {padding:0 40px;}
#footer .logo {width:100%; height:24px; 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:8px;}
#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:93px; gap:16px 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:auto; 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:68px;}
    #footer .footer-area {gap:40px;}
    #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:82px; 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}