/*--------------------------------------
    eyoom (이윰빌더)
--------------------------------------*/

/*---------- Wrapper ----------*/
.wrapper {position:relative;overflow:hidden}
h1, h2, h3, h4, h5, h6, p {word-break:inherit}

/*---------- Header & Navbar ----------*/
#hd {position:relative;border-bottom:1px solid #d9dde3;background-color:#fff}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd-h1 {position:absolute;font-size:0; text-indent:-9999em;line-height:0;overflow:hidden}
.to-content a {z-index:1000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
/* header wrap */
.header-wrap {position:relative;transition:all .3s ease 0s;z-index:1002}
.page-header-wrap {border-bottom:0}
@media (min-width:992px) {
    .header-wrap.nav-sticky .nav-wrap {position:fixed;right:0;left:0;top:0;background: rgba(0,0,0,0.70);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:2px solid #000;z-index:1004}
    .header-wrap.nav-sticky + .basic-body {margin-top:65px}
    .page-header-wrap.nav-sticky + .page-title-wrap {margin-top:65px}
}
/* top header */
.top-header {background-color:#fff; padding:0 15px}
.top-header-nav:after {content:"";display:block;clear:both}
.top-header-nav li {float:left;display:block;padding:0;color:#d5d5d5;margin-right:15px;vertical-align:middle}
.top-header-nav li > a {display:block;color:#000;height:25px;line-height:25px;padding:0}
.top-header-nav li > a i {margin-right:5px;color:#000}
.top-header-nav .cs-nav {margin:0}
.top-header-nav .cs-nav.s-nav {margin-right:15px}
.top-header-nav .cs-nav a {position:relative;;display:block;width:90px}
.top-header-nav .cs-nav a.disabled {pointer-events:none}
.top-header-nav .cs-nav a span {display:block;position:absolute;width:90px;height:55px;text-align:center;border-left:1px solid rgba(0,0,0,0.1)}
.top-header-nav .cs-nav.s-nav a span {border-right:1px solid rgba(0,0,0,0.1)}
.top-header-nav .cs-nav .activate {color:#151515;font-weight:700;background-color:#fff;height:56px}
.top-header-nav .cs-nav .deactivate {color:#a5a5a5;background-color:#f8f8f8}
.top-header-nav .cs-nav .deactivate:hover {color:#30409e}
.top-header-nav li .eyoom-form {margin-top:11px}
.top-header-nav li.dropdown > a {cursor:pointer}
.top-header-nav li.dropdown .dropdown-menu {background-color:#fff;padding:5px 0;border:1px solid rgba(0,0,0,0.7);box-shadow:none;border-radius:0;margin:0;left:inherit;right:0}
.top-header-nav li.dropdown .dropdown-menu a {display:block;padding:5px 10px;color:#151515}
.top-header-nav li.dropdown .dropdown-menu a:hover {background-color:transparent;color:#3949ab}
.top-header-nav li.dropdown:hover > .dropdown-menu {display:block}
.top-header-nav.thn-end {float:right}
.top-header-nav.thn-end li.dropdown .dropdown-menu {left:inherit;right:0}
.top-header-mobile-btn {display:none}
.top-header-mobile-btn .navbar-toggler {font-size:1.25rem;padding:.25rem .75rem;line-height:1}



/* =========================
   모바일 헤더 정리본
========================= */
@media (max-width:991px) {

    /* top-header는 살리고, 안의 로그인/관리자 메뉴만 숨김 */
    .top-header {
        position:absolute;
        top:0;
        left:0;
        right:0;
        z-index:1000;
        background:transparent;
        padding:0;
        height:0;
        overflow:visible;
    }

    .top-header .row {
        position:static;
        min-height:0;
    }

    .top-header-nav,
    .top-header .col-lg-6 {
        display:none !important;
    }

    /* 햄버거 버튼만 노출 */
    .top-header-mobile-btn {
        display:block !important;
        position:absolute;
        left:12px;
        top:20px;
        transform:none;
        width:auto;
        z-index:1002;
    }

    .top-header-mobile-btn .navbar-toggler {
        color:#222 !important;
        font-size:22px;
        padding:6px 8px;
        background:transparent;
        border:0;
        line-height:1;
    }

    .top-header-mobile-btn .navbar-toggler .fas,
    .top-header-mobile-btn .navbar-toggler span {
        color:#222 !important;
    }

    /* 로고 자리 조정 */
    .header-title {
        margin-top:0 !important;
        padding-top:6px;
        height:70px;
    }

    .header-title .container {
        height:70px;
        position:relative;
    }

    .header-title .title-logo {
        left:23% !important;
        transform:none;
    }

    .header-title .title-logo img {
        height:54px !important;
        margin-top:0 !important;
    }
}

@media (max-width:576px) {
    .header-title .title-logo img {
        height:50px !important;
		margin-top:-10px !important;
    }

    .top-header-mobile-btn {
        left:10px;
        top:18px;
    }
}

@media (max-width:991px) {
    #offcanvasLeft.show ~ .top-header-mobile-btn,
    body.offcanvas-open .top-header-mobile-btn {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
/* header title */
.header-title {position:relative}
.header-title .container {position:relative;height:150px;display:flex}
.header-title .title-logo {position:absolute;left:0%; align-self:center;}
.header-title .title-logo img {width:auto;height:68px; margin-top:-30px; }
.header-title .header-title-search {position:absolute;top:25px;left:52%;width:520px;transform:translateX(-50%)}
.header-title .header-title-search .eyoom-form .input {margin-bottom:5px}
.header-title .header-title-search .eyoom-form .input input {height:64px;border:6px solid #ddd; padding:10px;}
.header-title .header-title-search .eyoom-form .input input:focus {border:5px solid #999 !important;}
.header-title .header-title-search .eyoom-form .input-button .button {width:50px;height:50px;line-height:60px;font-size:1.25rem;text-align:center;padding:0;background-color:transparent;color:#2b2b2e;top:2px;right:2px;border-left:0;opacity:1}
.header-title .header-title-btn-wrap {position:absolute;top:35px;right:.75rem}
.header-title .header-title-btn-wrap:after {content:"";display:block;clear:both}
.header-title .header-title-btn {position:relative;float:left;width:80px;text-align:center}
.header-title .header-title-btn > a {display:block;width:80px}
.header-title .header-title-btn > a > img {display:block;width:40px;height:40px;margin:0 auto 7px}
.header-title .header-title-btn h6 {position:relative;display:inline-block;font-size:.75rem;line-height:1.7;color:#000}
.header-title .header-title-btn h6:before {content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#555;-webkit-transition:all .3s ease;transition:all .3s ease}
.header-title .header-title-btn:hover h6:before {width:100%}
.header-title .header-title-btn .badge {position:absolute;top:-5px;right:5px}
.header-title .header-title-btn.btn-group .dropdown-toggle::after {display:none}
.header-title .header-title-btn.btn-group .dropdown-menu {width:300px;display:block;background-color:transparent;border:0;padding:10px 0 0;left:inherit;right:0;max-height:0;opacity:0;visibility:hidden;overflow:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.header-title .header-title-btn.btn-group .dropdown-menu.show {max-height:700px;opacity:1;visibility:visible}
.header-title .header-title-btn.btn-group:hover > .dropdown-menu {max-height:700px;opacity:1;visibility:visible}
.header-title-mobile-btn {display:none}
.header-title-mobile-btn .search-toggle {font-size:1.25rem;padding:.25rem .75rem;line-height:1}
@media (max-width:1399px) {
    .header-title .header-title-headline {width:500px}
}
@media (max-width:1199px) {
    .header-title .header-title-headline {left:inherit;right:12px;width:600px;transform:translateX(0)}
}
@media (max-width:991px) {
    .header-title {margin-top:46px;height:80px}
    .header-title .container {height:80px}
	.header-title .title-logo {left:15%;}
    .header-title .title-logo img {height:60px}
    .header-title .header-title-headline {top:inherit;bottom:-25px;left:0;right:inherit;width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem)}
    .header-title-mobile-btn {display:block;position:absolute;top:23px;right:10px}
}



/* navbar */
.nav-wrap{position:relative;background:linear-gradient(180deg,rgba(7,10,16,.85) 0%,rgba(5,7,11,1) 100%);border-bottom:1px solid rgba(140,170,210,.24);overflow:visible;z-index:20;}
.nav-wrap:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12px 8px,rgba(255,255,255,.90),transparent),radial-gradient(1px 1px at 28px 18px,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 46px 10px,rgba(220,235,255,.60),transparent),radial-gradient(2px 2px at 65px 22px,rgba(255,255,255,.68),transparent),radial-gradient(1px 1px at 84px 14px,rgba(255,255,255,.50),transparent),radial-gradient(1px 1px at 102px 26px,rgba(200,220,255,.55),transparent),radial-gradient(1px 1px at 126px 9px,rgba(255,255,255,.70),transparent),radial-gradient(2px 2px at 145px 20px,rgba(255,255,255,.58),transparent),radial-gradient(1px 1px at 18px 30px,rgba(255,255,255,.42),transparent),radial-gradient(1px 1px at 54px 34px,rgba(210,230,255,.48),transparent),radial-gradient(1px 1px at 92px 36px,rgba(255,255,255,.52),transparent),radial-gradient(1px 1px at 136px 32px,rgba(255,255,255,.38),transparent);background-repeat:repeat;background-size:100px 30px;opacity:.90;pointer-events:none;z-index:0;}
.nav-wrap:after{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(160,210,255,.28) 50%,transparent 100%);pointer-events:none;z-index:0;}
.navbar{padding:0;position:relative;z-index:2;overflow:visible;min-height:44px;}
.navbar-nav{position:relative;z-index:3;overflow:visible;min-height:44px;max-height:44px;}
.navbar-nav li{position:relative;list-style:none;}
.navbar-nav a{text-decoration:none;}
.navbar-nav>li>.nav-link{position:relative;font-family:'Chosunilbo_myungjo';font-weight:500;text-shadow:0 0 .3px currentColor;font-size:1.1rem;color:rgba(255,255,255,.88);letter-spacing:1px;padding:11px 3px 11px 40px !important;line-height:1.3;transition:color .2s ease;}
.navbar-nav>li>.nav-link.active,.navbar-nav>li>.nav-link:hover{color:#d7ebff;}
.navbar-nav>li>.nav-link:before{content:"";position:absolute;left:calc(39% + 10px);bottom:4px;width:0;height:2px;background:#9fd1ff;transform:translateX(-50%);transition:width .2s ease;}
.navbar-nav>li>.nav-link:after{content:"";position:absolute;left:calc(39% + 10px);top:5px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#9fd1ff;opacity:0;transition:opacity .2s ease;}
.navbar-nav>li>.nav-link:hover:before,.navbar-nav>li>.nav-link.active:before{width:58%;}
.navbar-nav>li>.nav-link:hover:after,.navbar-nav>li>.nav-link.active:after{opacity:1;}

.navbar-nav>li.dropdown-mega-menu{position:static; margin-left:30px; border:0;border-bottom:0;}
.navbar-nav>li.dropdown-mega-menu>.nav-link{padding:9px 14px !important;cursor:pointer;font-size:1.38rem;letter-spacing:1.5px;text-align:center;line-height:1.3;}
.navbar-nav>li.dropdown-mega-menu>.nav-link:before,.navbar-nav>li.dropdown-mega-menu>.nav-link:after{left:50%;}
.navbar-nav>li.dropdown-mega-menu>.nav-link:hover:before,.navbar-nav>li.dropdown-mega-menu>.nav-link.active:before{width:72%;}

.navbar-nav>li.darkmode-menu{position:absolute;top:0;right:0;border:0;border-bottom:0;}
.navbar-nav>li.darkmode-menu>.nav-link{padding:9px 20px !important;}
.navbar-nav>li.darkmode-menu>.nav-link:before,.navbar-nav>li.darkmode-menu>.nav-link:after{left:50%;}
.navbar-nav>li.darkmode-menu>.nav-link span{display:none;}

.navbar-nav>.nav-empty{font-size:.8125rem;padding:10px 10px !important;color:#c8d4e2;}
.navbar-nav>.nav-empty>a{color:#8ec5ff;padding:0;}
.navbar-nav .dropdown-toggle::after{border:0 none;font-family:'Font Awesome 5 Free';content:"\f107";font-weight:900;height:auto;line-height:normal;margin-left:5px;vertical-align:middle;width:auto;color:rgba(170,190,215,.72);}
.navbar-nav .dropdown-toggle:only-child::after,.navbar-nav .dropdown-mega-menu .dropdown-toggle::after{display:none;}

/* normal dropdown */
.navbar-nav .dropdown-menu{position:absolute;z-index:9999;font-family:'Chosunilbo_myungjo';text-shadow:0 0 .3px currentColor;background:rgba(10,14,20,.97);backdrop-filter:blur(10px);border:1px solid rgba(120,170,255,.16);border-top:1px solid rgba(120,170,255,.22);border-radius:10px;margin:0;min-width:12rem;padding:10px 0;top:120%;left:0;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s ease-in-out;box-shadow:0 16px 34px rgba(0,0,0,.34);}
.navbar-nav .dropdown:not(.dropdown-mega-menu):hover>.dropdown-menu{top:100% !important;opacity:1;visibility:visible;pointer-events:auto;}
.navbar-nav .dropdown-submenu{position:relative;}
.navbar-nav .dropdown-submenu .dropdown-menu{left:100%;top:0;margin-top:1px;}
.navbar-nav .dropdown-submenu:hover>.dropdown-menu{top:-10px !important;opacity:1;visibility:visible;pointer-events:auto;}
.navbar-nav .dropdown-item{position:relative;padding:8px 6px 8px 15px !important;color:rgba(235,240,248,.86);transition:color .2s ease,background-color .2s ease,padding-left .2s ease;}
.navbar-nav .dropdown-item i{position:absolute;top:11px;right:15px;}
.navbar-nav .dropdown-item.active,.navbar-nav .dropdown-item:active,.navbar-nav .dropdown-item:focus,.dropdown-item:hover{background-color:rgba(90,150,230,.08);}
.navbar-nav .dropdown-menu li a.active{color:#fff;}
.navbar-nav .dropdown-menu li a:hover{padding-left:12px !important;}

/* mega menu */
.navbar-nav .dropdown-mega-menu>.dropdown-menu.mega-rows-wrap{left:0;right:0;top:120%;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s ease-in-out;background:rgba(10,14,20,.96);backdrop-filter:blur(12px);border:1px solid rgba(120,170,255,.16);border-top:2px solid rgba(120,180,255,.40);padding:0;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;z-index:9999;box-shadow:0 20px 42px rgba(0,0,0,.38);}
.navbar-nav>li.dropdown-mega-menu.open>.dropdown-menu.mega-rows-wrap{top:100% !important;opacity:1;visibility:visible;pointer-events:auto;}
.mega-rows{list-style:none;margin:0;padding:10px 0;background:transparent;}
.mega-row{display:table;width:100%;table-layout:fixed;border-bottom:1px solid rgba(255,255,255,.06);}
.mega-row:last-child{border-bottom:0;}
.mega-row-title{display:table-cell;width:200px;vertical-align:top;padding:14px 16px;background:rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.07);}
.mega-row-title a{display:block;color:#e7edf6;text-decoration:none;font-size:1.15rem;font-weight:700;line-height:1.45;letter-spacing:-.2px;transition:all .2s ease;}
.mega-row-title a:hover,.mega-row-title a.active{color:#fff;}
.mega-row-body{display:table-cell;vertical-align:top;font-size:1.05rem;padding:10px 16px 10px 18px;background:transparent;}
.mega-group{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:10px;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.07);}
.mega-group:last-child{border-bottom:0;}
.mega-group-title{flex:0 0 130px;min-width:130px;color:#c6d2e3;font-weight:700;text-decoration:none;line-height:1.55;transition:all .2s ease;}
.mega-group-title:hover,.mega-group-title.active{color:#d7ebff;}
.mega-group-items{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:4px 0;line-height:1.55;word-break:keep-all;}
.mega-item{position:relative;display:inline-block;color:#aab5c4;text-decoration:none;white-space:nowrap;padding:0 10px 0 0;margin:0 10px 0 0;transition:all .2s ease;}
.mega-item:hover,.mega-item.active{color:#fff;text-decoration:none;}
.mega-item::after{content:"";position:absolute;top:50%;right:0;width:1px;height:11px;background:rgba(255,255,255,.14);transform:translateY(-50%);}
.mega-group-items .mega-item:last-child::after{display:none;}
.mega-group-items .mega-item:last-child{margin-right:0;padding-right:0;}
.mega-row:hover .mega-row-title{background:rgba(255,255,255,.045);}
.mega-row:hover .mega-row-body{background:rgba(255,255,255,.02);}
.navbar-nav .dropdown-mega-menu>.dropdown-menu.mega-rows-wrap::-webkit-scrollbar{width:10px;}
.navbar-nav .dropdown-mega-menu>.dropdown-menu.mega-rows-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:10px;border:2px solid rgba(255,255,255,.03);}
.navbar-nav .dropdown-mega-menu>.dropdown-menu.mega-rows-wrap::-webkit-scrollbar-track{background:transparent;}

/* responsive */
@media (min-width:992px){.navbar{z-index:20;min-height:44px;}
.navbar-nav{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;max-height:none;gap:0;overflow:visible;}
.navbar-nav>li{display:flex;align-items:center;flex:0 0 auto;}
.navbar-nav>li>.nav-link{display:flex;align-items:center;justify-content:center;height:44px;padding:0 21px !important;line-height:1;white-space:nowrap;}
.navbar-nav>li.navbar-nav-home>a{position:relative;left:auto;top:auto;height:44px;padding:0 16px !important;}
.navbar-nav>li.navbar-nav-home>a:hover{color:rgba(255,255,255,.88) !important;}
.navbar-nav>li.navbar-nav-home>a:before,.navbar-nav>li.navbar-nav-home>a:after{display:none !important;}
.navbar-nav>li.dropdown-mega-menu{position:static;margin-left:20px;border:0;border-bottom:0;}
.navbar-nav>li.dropdown-mega-menu>.nav-link{display:flex;align-items:center;justify-content:center;height:44px;padding:0 18px !important;}
.navbar-nav>li.dropdown-mega-menu>.nav-link:before,.navbar-nav>li.dropdown-mega-menu>.nav-link:after{left:50%;}}

@media (max-width:1399px){.mega-row-title{width:160px;}.mega-group-title{flex:0 0 84px;min-width:84px;}}
@media (max-width:1199px){.navbar-nav>li>.nav-link{font-size:1.05rem;padding:11px 12px 11px 28px !important;}.navbar-nav>li>.nav-link:before,.navbar-nav>li>.nav-link:after{left:calc(50% + 8px);}.navbar-nav>li>.nav-link:hover:before,.navbar-nav>li>.nav-link.active:before{width:56%;}.navbar-nav>li.dropdown-mega-menu>.nav-link{font-size:1.2rem;padding:11px 28px !important;}.navbar-nav>li.dropdown-mega-menu>.nav-link:before,.navbar-nav>li.dropdown-mega-menu>.nav-link:after{left:50%;}.navbar-nav>li.dropdown-mega-menu>.nav-link:hover:before,.navbar-nav>li.dropdown-mega-menu>.nav-link.active:before{width:70%;}.mega-row-title{width:140px;padding:12px 14px;}.mega-row-body{padding:8px 14px 8px 16px;}.mega-group-title{flex:0 0 76px;min-width:76px;}.mega-item{margin-right:8px;padding-right:8px;}}
@media (max-width:991px){.nav-wrap{background:none !important;border-bottom:0 !important;min-height:0 !important;height:0 !important;overflow:visible !important;}.nav-wrap:before,.nav-wrap:after{display:none !important;}.nav-wrap>.navbar{height:auto !important;min-height:0 !important;background:none !important;}.nav-wrap>.navbar .navbar-nav{display:none !important;}.nav-wrap>.navbar .dropdown-menu{display:none !important;}.sidebar-left .navbar-nav{display:block !important;}.sidebar-left .navbar-nav>li>a{font-size:1rem !important;text-shadow:0 0 .3px currentColor;}.sidebar-left .navbar-nav .dropdown-menu.show{display:block !important;opacity:1 !important;visibility:visible !important;}}


/* sidebar nav (mobile) */
.sidebar-left .sidebar-member-menu{display:none;}

@media (max-width:991px){
.sidebar-left.offcanvas{position:fixed;bottom:0;z-index:1004;display:flex;flex-direction:column;max-width:100%;width:360px;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;}
.offcanvas-backdrop{z-index:1003;}
.sidebar-left .sidebar-left-content{padding-bottom:20px;}
.sidebar-left.show .sidebar-left-content{position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}

.sidebar-left .offcanvas-header,.archive-offcanvas-header{display:flex;align-items:center;gap:10px;padding:20px 18px !important;border-bottom:1px solid #e5e5e5;}
.sidebar-left .offcanvas-title{flex:0 0 auto;margin:0;font-size:1.35rem !important;font-weight:700;color:#222;letter-spacing:-.3px;line-height:1.2;}
.sidebar-left .offcanvas-title .fa-bars{font-size:1.25rem;margin-right:10px !important;color:#333 !important;vertical-align:-1px;}

.archive-mobile-member-links{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:8px;white-space:nowrap;}
.archive-mobile-member-links a{display:inline-flex;align-items:center;gap:4px;color:#555;font-size:.78rem;font-weight:500;text-decoration:none;letter-spacing:-.4px;}
.archive-mobile-member-links a i{font-size:.78rem;color:#777;}
.archive-mobile-member-links a:hover{color:#111;}

.archive-offcanvas-header .btn-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:5px;margin:0;opacity:1;background:#fafafa !important;border:1px solid #bbb;border-radius:4px;color:#444;font-size:0;}
.archive-offcanvas-header .btn-close:before{content:"×";font-size:30px;font-weight:800;line-height:1;color:#333;}
.archive-offcanvas-header .btn-close:hover{border-color:#666;background:#f2f2f2 !important;color:#000;}

.sidebar-left .sidebar-member-menu{position:relative;display:block;background-color:#e5e5e5;padding:5px 20px;border-top:1px solid #c5c5c5;}
.sidebar-left .sidebar-member-menu .sidebar-member-btn-box{display:block;float:left;width:50%;}
.sidebar-left .sidebar-member-menu .sidebar-member-btn{position:relative;background:#2b2b2e;width:130px;height:30px;line-height:30px;color:#fff;text-align:center;font-size:.8125rem;border-radius:3px;}

.sidebar-left .navbar-nav{position:relative;margin:0;float:none;border-bottom:1px solid #e5e5e5;}
.sidebar-left .navbar-nav>.nav-li-divider{display:none;}
.sidebar-left .navbar-nav>.nav-li-space{height:40px;border-bottom:none;border-top:1px solid #e5e5e5;background:#fff;}
.sidebar-left .navbar-nav>li{float:none;position:relative;}
.sidebar-left .navbar-nav>li>a{display:block;line-height:48px;padding:0 64px 0 20px !important;font-size:1rem;color:#000;border-bottom:none;border-top:1px solid #e5e5e5;text-shadow:0 0 .2px currentColor;}
.sidebar-left .navbar-nav>li>a>.nav-cate-icon{width:20px;text-align:center;}
.sidebar-left .navbar-nav>li>a:hover{border-top:1px solid #e5e5e5;color:#151515;background:#fafafa;}
.sidebar-left .navbar-nav>li:first-child>a{border-top:1px solid transparent;}
.sidebar-left .navbar-nav>li>.nav-link.active{color:#3949ab;}
.sidebar-left .navbar-nav>li.navbar-nav-home{display:block;}
.sidebar-left .navbar-nav>li.navbar-nav-home>a{background:#2b2b2e;color:#fff;border-top:1px solid #2b2b2e;padding:0 20px !important;}

.sidebar-left .navbar-nav>li>.cate-dropdown-open{position:absolute;top:1px;right:0;width:54px;height:48px;line-height:48px;margin:0;padding:0 !important;text-align:center;border:0;border-left:1px solid #e5e5e5;background:#f8f8f8;z-index:5;}
.sidebar-left .navbar-nav>li>.cate-dropdown-open:before{font-family:'Font Awesome 5 Free';content:"\f067";font-weight:900;color:#333;font-size:1rem;}
.sidebar-left .navbar-nav>li>.cate-dropdown-open:hover{border-top:0;background:#ececec;}
.sidebar-left .navbar-nav>li>.cate-dropdown-open.show{background:#eef1fb;}
.sidebar-left .navbar-nav>li>.cate-dropdown-open.show:before{content:"\f068";color:#3949ab;}

.sidebar-left .navbar-nav .dropdown>a:after{display:none;}
.sidebar-left .navbar-nav .dropdown-menu{position:relative;border:0;float:none;width:auto;margin:0;padding:0;box-shadow:none;background-color:transparent;display:none;}
.sidebar-left .navbar-nav .dropdown-menu:after{content:"";position:absolute;top:10px;bottom:10px;left:20px;width:1px;background:#e5e5e5;}
.sidebar-left .navbar-nav .dropdown-menu.show{display:block !important;opacity:1;visibility:visible;}
.sidebar-left .navbar-nav .dropdown-menu>li>a{color:#555;line-height:28px;border-top:1px solid #e5e5e5;}
.sidebar-left .navbar-nav .dropdown-menu>li:first-child>a{border-top:1px solid #e5e5e5;}

.sidebar-left .navbar-nav .dropdown-submenu>a{position:relative;color:#555;font-size:.95rem;background:#fafafa;line-height:28px;padding:7px 15px 7px 36px !important;border-top:0;}
.sidebar-left .navbar-nav .dropdown-submenu>a:after{content:"";position:absolute;top:50%;left:15px;width:11px;height:11px;transform:translateY(-50%);border:2px solid #a5a5a5;border-radius:50%;background:#fff;z-index:1;}
.sidebar-left .navbar-nav .dropdown-submenu:first-child>a{border-top:1px solid #e5e5e5;}
.sidebar-left .navbar-nav .dropdown-submenu>a:hover{background:#e5e5e5;color:#000;border-top:0;}
.sidebar-left .navbar-nav .dropdown-submenu>a.active{background:#e5e5e5;color:#000;font-weight:700;}
.sidebar-left .navbar-nav .dropdown-submenu:first-child>a:hover{border-top:1px solid #e5e5e5;}
.sidebar-left .navbar-nav .dropdown-submenu:hover>.dropdown-menu{top:0 !important;}
.sidebar-left .navbar-nav .dropdown-menu.show .dropdown-menu{display:block;opacity:1;visibility:visible;left:0;}
.sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu>a{border-top:0;padding:7px 15px 7px 48px !important;}
.sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu>a:after{left:22px;width:12px;height:1px;border:0;border-radius:inherit;background:#d5d5d5;}
.sidebar-left .navbar-nav .dropdown-item i{position:absolute;top:12px;right:15px;}
}

/*---------- Page Title ----------*/
.page-title-wrap{position:relative;width:100%;height:auto;margin:0 0 40px;padding:0}
.page-title-wrap>.container{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:78px;padding:0 24px 18px}

.page-title-wrap>.container:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:#d9dde3}

.page-title-wrap h2{position:relative;display:block;margin:0;padding:0;background:none;color:#222;font-size:1.72rem;font-weight:800;line-height:1.2;letter-spacing:-.045em}
.page-title-wrap h2:before{content:"";position:absolute;left:0;bottom:-18px;width:42px;height:2px;background:#a84f58}
.page-title-wrap h2:after{display:none}
.page-title-wrap h2 i{display:none}
.page-title-wrap h2 span{position:relative;z-index:1}
.page-title-wrap h2>*{position:relative;z-index:1}

.page-title-wrap .sub-breadcrumb-wrap{position:relative;top:auto;right:auto;display:block;margin:0;padding:0 0 1px}
.page-title-wrap .sub-breadcrumb{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;margin:0;padding:0;color:#777;font-size:.86rem;line-height:1.35;letter-spacing:-.035em;white-space:nowrap}
.page-title-wrap .sub-breadcrumb:after{display:none}
.page-title-wrap .sub-breadcrumb li{float:none;display:flex;align-items:center;margin:0;color:#777;font-weight:500}
.page-title-wrap .sub-breadcrumb li:before{content:"›";margin:0 9px;color:#aaa;font-size:1rem;font-weight:600;line-height:1}
.page-title-wrap .sub-breadcrumb li:first-child:before{display:none}
.page-title-wrap .sub-breadcrumb a{color:#777;text-decoration:none}
.page-title-wrap .sub-breadcrumb a:hover{color:#222;text-decoration:none}
.page-title-wrap .sub-breadcrumb li:last-child{color:#333;font-weight:600}

.page-title-wrap .sub-breadcrumb li:first-child i{font-size:.9rem;color:#666}
.page-title-wrap .sub-breadcrumb li:first-child a:hover i{color:#a84f58}

@media (max-width:991px){
    .page-title-wrap{margin-bottom:34px}
    .page-title-wrap>.container{min-height:72px;padding:0 18px 16px;gap:18px}
    .page-title-wrap>.container:after{left:18px;right:18px}
    .page-title-wrap h2{font-size:1.5rem}
    .page-title-wrap h2:before{bottom:-16px;width:38px}
    .page-title-wrap .sub-breadcrumb{font-size:.8rem}
}

@media (max-width:767px){
    .page-title-wrap{margin-bottom:34px}
    .page-title-wrap>.container{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px;min-height:68px;padding:0 16px 15px}
    .page-title-wrap>.container:after{left:16px;right:16px}

    .page-title-wrap h2{flex:0 0 auto;font-size:1.3rem;letter-spacing:-.04em}
    .page-title-wrap h2:before{bottom:-15px;width:32px}

    .page-title-wrap .sub-breadcrumb-wrap{flex:1 1 auto;min-width:0;width:auto;padding:0 0 1px;text-align:right;overflow:hidden}
    .page-title-wrap .sub-breadcrumb{justify-content:flex-end;flex-wrap:nowrap;font-size:.72rem;line-height:1.2;white-space:nowrap;overflow:hidden}
    .page-title-wrap .sub-breadcrumb li{min-width:0}
    .page-title-wrap .sub-breadcrumb li:before{margin:0 6px;font-size:.85rem}
    .page-title-wrap .sub-breadcrumb li:not(:first-child):not(:last-child){display:none}
    .page-title-wrap .sub-breadcrumb li:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
}

@media (max-width:480px){
    .page-title-wrap{margin-bottom:32px}
    .page-title-wrap>.container{min-height:64px;padding:0 14px 14px;gap:10px}
    .page-title-wrap>.container:after{left:14px;right:14px}

    .page-title-wrap h2{font-size:1.18rem}
    .page-title-wrap h2:before{bottom:-14px;width:28px}

    .page-title-wrap .sub-breadcrumb{font-size:.68rem}
    .page-title-wrap .sub-breadcrumb li:before{margin:0 5px;font-size:.8rem}
    .page-title-wrap .sub-breadcrumb li:last-child{max-width:120px}
}

/*---------- Sub Nav ----------*/
.sub-nav-wrap {position:relative;z-index:3;padding:20px 0 0;margin-bottom:40px}
.sub-nav-home {display:none}
.sub-nav-list {position:relative}
.sub-nav-title {position:relative;margin:0;padding:0 30px 0 15px;font-size:13px;line-height:30px;border:1px solid #c5c5c5}
.sub-nav-title i {position:absolute;top:8px;right:10px}
.sub-nav-list ul {display:none;position:absolute;top:31px;left:0;z-index:10;width:100%;padding:10px 0;border:1px solid #c5c5c5;border-top:0 none;background:#fff}
.sub-nav-list li a {display:block;padding:0 15px;font-size:13px;line-height:30px}
.sub-nav-depth1 {margin-bottom:10px}
.sub-nav-wrap .sub-breadcrumb-wrap {display:none}
@media (min-width:992px){
    .sub-nav-wrap {position:relative;width:100%;height:70px;background:#555;padding:0;margin-bottom:40px}
    .sub-nav-wrap .container {position:relative}
    .sub-nav-wrap-in:after {content:"";display:block;clear:both}
    .sub-nav-home {display:block;float:left}
    .sub-nav-home a {display:block;height:50px;padding:0 15px;line-height:50px;font-size:20px;color:#353535;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5}
    .sub-nav-home a:hover {color:#3949ab}
    .sub-nav-list {float:left;margin:0 0 0 -1px}
    .sub-nav-title {min-width:200px;padding:0 45px 0 25px;line-height:50px;font-size:15px;border:0 none;color:#353535;border-right:1px solid #c5c5c5}
    .sub-nav-title.cursor-pointer {cursor:pointer}
    .sub-nav-title i {top:18px;right:20px}
    .sub-nav-title:hover {color:#3949ab;font-weight:700}
    .sub-nav-list ul {top:50px;padding:0}
    .sub-nav-list li {float:none}
    .sub-nav-list li a {padding:10px 15px;border-top:1px solid #c5c5c5;font-size:14px}
    .sub-nav-list li:first-child a {border-top:0}
    .sub-nav-list li a:hover {color:#303F9F;background:#fafafa}
    .sub-nav-list li.active a {color:#303F9F;font-weight:700}
    .sub-nav-wrap .sub-breadcrumb-wrap {display:block;position:absolute;top:25px;right:15px}
    .sub-nav-wrap .sub-breadcrumb {color:#c5c5c5}
    .sub-nav-wrap .sub-breadcrumb:after {content:"";display:block;clear:both}
    .sub-nav-wrap .sub-breadcrumb li {float:left;margin-left:7px}
    .sub-nav-wrap .sub-breadcrumb li:before {content:"/";margin-right:7px}
    .sub-nav-wrap .sub-breadcrumb li:first-child:before {display:none}
    .sub-nav-wrap .sub-breadcrumb a {color:#fff}

}
@media (max-width:992px) {
    .sub-nav-wrap {padding-top:20px;background:#fff}
}

/*---------- Body ----------*/
.basic-body {position:relative;padding:30px 0}
.page-body {padding:0 0 30px}
.basic-body:after {content:"";display:block;clear:both}
.main-slider {margin:-30px 0 30px}

/*---------- Page Title ----------*/
.subpage-title {position:relative;font-size:1.5rem;border-bottom:1px solid #e5e5e5;font-weight:bold;padding:10px 0;line-height:1.7;color:#353535;background:#fff;margin-bottom:30px}
.subpage-title::after {content:"";position:absolute;bottom:-2px;left:0;width:50px;height:3px;background-color:#3F51B5}
.subpage-title .back-btn {display:block;position:absolute;top:16px;right:0;text-align:center;padding:6px 15px;margin:0;font-weight:400;line-height:1;border:1px solid #b5b5b5;font-size:.875rem}
.subpage-title .back-btn:hover {color:#303F9F}
@media (max-width:767px) {
    .subpage-title .back-btn {display:none}
}

/*---------- Main Contents ----------*/
.main-wrap {position:relative;margin-left:-10px;margin-right:-10px}
.main-wrap:after {content:"";display:block;clear:both}
.basic-body-main {float:left;padding:0 10px;width:100%}
.basic-body-main.left-main, .basic-body-main.right-main {width:75%}
.main-contents {position:relative}
.main-latest-slider {margin-top:-31px;margin-bottom:30px}
@media (max-width:1199px) {
    .basic-body-main.left-main, .basic-body-main.right-main {width:70%}
}
@media (max-width:991px) {
    .basic-body-main.left-main, .basic-body-main.right-main {width:100%}
}
@media (max-width:576px) {
    .main-latest-slider {margin-top:0;padding:0 0.75rem}
}
.main-section-wide {position:relative;overflow:hidden;min-height:300px;background:#212126;padding:50px 0;margin:0 0 30px}
@media (min-width:992px) {
    .main-col-side {border-left:1px solid #e5e5e5;padding-left:25px}
}

/*---------- Side ----------*/
.basic-body-side {float:left;padding:0 10px;width:25%}
.side-contents {position:relative}
@media (max-width:1199px) {
    .basic-body-side {width:30%}
}
@media (max-width:991px) {
    .basic-body-side {width:100%;float:inherit;padding:0;width:inherit}
}

/*---------- Sidebar User ----------*/
.sidebar-user-btn {position:fixed;bottom:10px;left:10px;width:45px;height:45px;line-height:45px;background:#4b4b4d;font-size:1rem;color:#fff;border:0;border-radius:50%;display:none}
.main-side {display:none}
.sidebar-user .offcanvas-header {display:none}
@media (min-width:992px) {
    .sidebar-user.offcanvas {position:inherit;top:inherit;bottom:inherit;right:inherit;z-index:0;display:inherit;flex-direction:inherit;max-width:inherit;visibility:inherit !important;background-color:inherit;background-clip:inherit;border-left:inherit;outline:inherit;transition:inherit;transform:inherit;width:100%}
}
@media (max-width:991px) {
    .main-side {display:block}
    .sidebar-user-btn.mo-btn {display:block;z-index:1000}
    .sidebar-user.offcanvas {position:fixed;bottom:0;display:flex;flex-direction:column;max-width:100%;width:300px;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;overflow-y:auto !important;height:100%;-webkit-overflow-scrolling:touch}
    .sidebar-user .offcanvas-header {display:flex}
    .sidebar-user .side-contents {padding:15px}
}

/*---------- Footer ----------*/
.footer {position:relative;border-top:2px solid #000;color:#151515;background:#fff}
.footer-top {display:none}

.footer .container {padding-top:34px}

.footer-cont-wrap {position:relative;display:flex;align-items:flex-start;gap:36px;font-size:.875rem}
.footer-cont-wrap:after {content:"";display:block;clear:both}

.footer-cont-box {position:relative;float:none;min-height:160px}
.footer-cont-box:nth-child(1) {flex:1 1 auto;width:auto;min-width:0;padding:0 34px 0 0}
.footer-cont-box:nth-child(2) {flex:0 0 170px;width:auto;padding:0 28px;border-left:1px solid #e8e8e8}
.footer-cont-box:nth-child(3) {flex:0 0 310px;width:auto;padding:0 0 0 28px;border-left:1px solid #e8e8e8}

.footer-cont-box .footer-logo-wrap {margin-bottom:30px}
.footer-cont-box .footer-logo {display:inline-block}
.footer-cont-box .footer-logo img {width:auto;height:60px}
.footer-cont-box p {margin:0 0 5px;color:#151515;font-size:.99rem;line-height:1.65;word-break:keep-all}
.footer-cont-box p a {color:#151515;text-decoration:none}
.footer-cont-box p a:hover {text-decoration:underline}
.footer-cont-box .footer-divider {margin:0 7px;color:#d5d5d5}

.footer-policy {position:relative;padding-top:2px}
.footer-policy a {display:block;margin-bottom:9px;color:#151515;font-size:.99rem;line-height:1.45;text-decoration:none;white-space:nowrap}
.footer-policy a:hover {color:#9b1c28;text-decoration:underline}

.footer-sns {position:relative}
.footer-relation-site {position:relative;margin-bottom:18px}
.footer-relation-site select,
.footer-relation-site .form-select {width:100%;max-width:250px;height:46px}
.footer-relation-site .footer-aside-box {position:relative;top:auto;right:auto;width:100%;max-width:250px;margin:0}

.footer-sns a {display:inline-block;margin:0 5px 6px 0;vertical-align:top}
.footer-sns img {vertical-align:top}

.footer-cont-box .footer-btn-box {display:block;position:relative;width:100%;margin-top:15px}

.footer-copyright {color:#656565;font-size:.8125rem;text-align:center;margin-top:30px;padding:30px 0;border-top:1px solid #e8e8e8}

/* 태블릿/모바일 */
@media (max-width:991px) {
    .footer .container {padding-top:26px}
    .footer-cont-wrap {display:block}
    .footer-cont-box {width:100% !important;min-height:auto;float:none}
    .footer-cont-box:nth-child(1) {padding:0 0 22px;border-bottom:1px solid #e8e8e8}
    .footer-cont-box:nth-child(2) {padding:22px 0;border-left:0;border-bottom:1px solid #e8e8e8}
    .footer-cont-box:nth-child(3) {padding:22px 0 0;border-left:0}
    .footer-policy a {display:inline-block;margin:0 18px 8px 0}
    .footer-relation-site {margin-bottom:18px}
}

/* 모바일 */
@media (max-width:767px) {
    .footer-cont-box .footer-logo-wrap {margin-bottom:22px}
    .footer-cont-box .footer-logo img {height:52px}
    .footer-cont-box p {line-height:1.75}
    .footer-cont-box p span {display:block}
    .footer-cont-box .footer-divider {display:none}
    .footer-policy a {display:block;margin:0 0 8px}
    .footer-copyright span {display:none}
}

/*---------- Search Full ----------*/
.search-full {position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.9);display:none;z-index:1010}
.search-full .search-field {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}
.search-field h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.search-field form {position:relative;width:30%;margin:0 auto}
.search-field #search_input {font-size:1.25rem;padding:10px 30px 10px 10px;-webkit-appearance:none;display:block;background:transparent;color:#fff;width:100%;border:none;border-bottom:1px solid #fff;border-radius:0;margin:0 auto}
.search-field .search-btn {position:absolute;top:0;right:0;width:49px;height:49px;border:0;cursor:pointer;color:#0078ff;background:transparent;font-size:1.25rem}
.search-full .search-close-btn {position:absolute;top:20px;right:20px;width:50px;height:50px; cursor:pointer;z-index:1}
.search-close-btn:after {content:"";height:50px;border-left:2px solid #fff;position:absolute;transform:rotate(45deg);left:24px}
.search-close-btn:before {content:"";height:50px;border-left:2px solid #fff;position:absolute;transform:rotate(-45deg);left:24px}
@media (max-width:1199px) {
	.search-field form {width:50%}
}
@media (max-width:767px) {
	.search-field form {width:80%}
}

/*---------- Offcanvas ----------*/
.offcanvas-backdrop {z-index:1003}

/*---------- Counsel Btn ----------*/
.counsel-btn {display:block;position:fixed;bottom:65px;right:10px;width:45px;height:45px;line-height:45px;text-align:center;background:#3f4678;font-size:1.125rem;color:#fff !important;border:0;border-radius:50%;z-index:1000}
@media (max-width:991px) {
	.counsel-btn {bottom:10px;right:65px}
}

/*---------- My Home ----------*/
@media (min-width:992px) {
    .my-home {border-top:1px solid rgba(0,0,0,0.1);margin-top:-30px;padding-top:30px}
}

/*---------- Eb BackToTop ----------*/
.eb-backtotop {position:fixed;right:10px;bottom:10px;height:46px;width:46px;cursor:pointer;display:block;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.15);background:#fff;z-index:1003;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop.active-progress {opacity:1;visibility:visible;transform:translateY(0)}
.eb-backtotop:after {position:absolute;content:"\f106";font-family:'Font Awesome\ 5 Free';font-weight:900;text-align:center;font-size:16px;color:#757575;left:0;top:0;height:46px;width:46px;line-height:28px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop:hover:after {color:#3949ab}
.eb-backtotop svg path {fill:none}
.eb-backtotop svg.backtotop-progress path {stroke:#b5b5b5;stroke-width:4;box-sizing:border-box;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop .progress-count {display:block;position:absolute;bottom:8px;left:0;right:0;font-size:11px;text-align:center;color:#a5a5a5}
.eb-backtotop {box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15)}
.eb-backtotop:after {color:#2b2b2e}
.eb-backtotop svg.backtotop-progress path {stroke:#3949ab}

/*---------- Etc ----------*/
.headline-short h1:after, .headline-short h2:after, .headline-short h3:after, .headline-short h4:after, .headline-short h5:after, .headline-short h6:after {background:#3949ab}