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

/*---------- Wrapper & Basic Body ----------*/
.wrapper {position:relative;padding-top:70px}
.wrapper.wrapper-main {position:absolute;top:0;left:0;width:100%;height:100%;padding-top:0}
.basic-body {position:relative;padding:30px 0}
.basic-body.wide-main {width:100%;height:100%;padding:70px 0 40px;left:0;z-index:1}
.basic-body-content {position:relative;width:100%;height:100%}
.basic-body-content.main-bg {background:#fff}
@media (min-width:1400px) {
    .wrapper {min-width:1400px}
}
@media (min-width:1200px) {
    .basic-body-content .container {width:970px}
}
@media (max-width:767px) {
    .wrapper {padding-top:40px}
    .basic-body.wide-main {padding:40px 0 0}
}

/*---------- Header Topbar ----------*/
.header-topbar {position:fixed;top:0;left:0;width:100%;height:70px;z-index:1000;background:#fff;box-sizing:border-box}
.header-topbar.header-topbar-main {border-bottom:0}
.header-logo {position:relative;width:140px;height:auto;margin:15px auto 0}
.header-logo img {display:block;width:100% \9;max-width:100%;height:auto}
.header-info {position:absolute;top:0;left:0;width:300px;height:70px;border-bottom:0;box-sizing:border-box;background:#fff}
.header-info .sidebar-nav-btn {position:absolute;top:15px;left:15px;width:40px;height:40px;line-height:40px;font-size:17px;color:#353535;text-align:center;border:1px solid #d5d5d5;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.header-info .sidebar-nav-btn:hover {border:1px solid #b5b5b5}
.header-info .sidebar-nav-btn a {display:inline-block;width:40px;height:40px;color:#353535}
.header-info .header-info-box {position:relative;height:40px;margin:15px 0 15px 70px;border-right:1px solid #e5e5e5;font-size:12px;line-height:1.7}
.header-info .header-info-box .info-divider {margin-left:5px;margin-right:5px;color:#d5d5d5}
.header-info .header-info-box a {color:#353535}
.header-info .header-info-box a:hover {text-decoration:underline}
.header-search-btn {position:absolute;top:22px;right:75px;color:#353535;font-size:17px;cursor:pointer;opacity:0.6}
.header-sidebar-rbtn {position:absolute;top:15px;right:15px;width:40px;height:40px;line-height:40px;font-size:17px;color:#353535;text-align:center;border:1px solid #d5d5d5;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.header-sidebar-rbtn:hover {border:1px solid #b5b5b5}
.header-search-btn.search-show {opacity:1}
.header-edit-mode {position:fixed;top:80px;left:-1px;width:130px;padding:5px 10px;background:rgba(255, 255, 255, 0.9);box-shadow:0 0 1px rgba(0,0,0,.7);z-index:100}
@media (min-width:1400px) {
    .header-topbar {min-width:1400px}
}
@media (max-width:1500px) {
    .header-logo {margin-left:330px}
}
@media (max-width:1199px) {
    .header-logo {margin:10px auto 0}
}
@media (max-width:991px) {
    .header-info {width:70px}
    .header-info .header-info-box {display:none}
    .header-edit-mode {display:none}
}
@media (max-width:767px) {
    .header-topbar {height:40px}
    .header-logo {width:98px;margin:6px auto 0}
    .header-info {height:40px}
    .header-info .sidebar-nav-btn {top:5px;left:5px;width:30px;height:30px;line-height:30px;font-size:14px}
    .header-info .sidebar-nav-btn a {width:30px;height:30px}
    .header-search-btn {top:9px;right:50px;font-size:14px}
    .header-sidebar-rbtn {top:5px;right:5px;width:30px;height:30px;line-height:30px;font-size:14px}
}

/*---------- Header Nav ----------*/
.header-nav-wrap {position:absolute;top:0;right:105px}
.header-nav {position:relative;float:right}
.header-nav li {position:relative;float:left;height:70px;line-height:70px}
.header-nav li ul {position:absolute;top:70px;left:0;margin:30px 0 0;padding:0;opacity:0;visibility:hidden;min-width:160px;z-index:1;background:rgba(0, 0, 0, 0.8);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.header-nav li:hover > ul {opacity:1;visibility:visible;margin:0}
.header-nav li ul li ul {top:0 !important;left:100%;margin-left:25px;margin-top:0;background:rgba(0, 0, 0, 0.9)}
.header-nav li ul li:hover > ul {opacity:1;visibility:visible;margin-left:0}
.header-nav li ul li {display:block;float:none;border:none;height:auto}
.header-nav li ul li:before {display:none}
.header-nav li a {float:left;padding:0 12px;line-height:70px;word-spacing:0;text-align:center;color:#353535;font-size:14px;text-transform:uppercase;font-weight:bold;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
.header-nav li ul a {color:#fff;width:100%;text-align:left;line-height:1;padding:12px 15px;border-bottom:1px solid rgba(255, 255, 255, 0.1)}
.header-nav li ul li:last-child a {border-bottom:0}
.header-nav li ul a {font-size:12px}
.header-nav li ul a:after, .header-nav li ul a:before {display:none}
.header-nav li a:hover, .header-nav li a.active {color:#E52700}
.header-nav li ul a:hover {color:#E52700}
@media (max-width:1199px) {
    .header-nav-wrap {display:none}
}

/*---------- Sidebar Nav ----------*/
.sidebar.left {z-index:999;display:none;position:fixed;top:70px;left:0;bottom:0;width:300px;background:#fff}
.sidebar-left-mask {display:none}
.sidebar-left-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;background:#000;opacity:0.5}
.sidebar .sidebar-left-content {padding-bottom:20px}
.sidebar .sidebar-left-content.active {position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.sidebar .sidebar-member-menu {position:relative;display:block;padding:20px;background:#f2f2f2}
.sidebar .sidebar-member-menu .sidebar-lg-btn {margin-bottom:15px;height:26px;line-height:26px;padding:0 15px;font-size:12px !important}
.sidebar .sidebar-member-menu .sidebar-member-btn-box {display:inline-block;float:left;width:50%}
.sidebar .sidebar-member-menu .sidebar-member-btn {position:relative;background:#656565;width:115px;height:26px;line-height:26px;color:#fff;text-align:center;font-size:12px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
.sidebar .sidebar-member-menu .sidebar-member-btn:hover {background:#454545}
.sidebar .sidebar-member-menu .sidebar-other-btn {position:relative;background:#fff;border:1px solid #d5d5d5;width:115px;height:26px;line-height:26px;color:#656565;text-align:center;font-size:12px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
.sidebar .sidebar-member-menu .sidebar-other-btn:hover {border:1px solid #b5b5b5;color:#353535}
.sidebar .sidebar-copyright-mobile {padding:30px 20px 0;font-size:11px;color:#959595}
/* Nav */
.sidebar .navbar-nav {position:relative;margin:0;float:none;border-bottom:1px solid #e5e5e5}
.sidebar .navbar-nav > .nav-li-divider {display:none}
.sidebar .navbar-nav > .nav-li-space {height:40px;border-bottom:none;border-top:1px solid #e5e5e5;background:#fff}
.sidebar .navbar-nav > li {float:none}
.sidebar .navbar-nav > li > a {line-height:42px;padding:0 20px;font-size:12px;color:#000;font-weight:bold;text-transform:uppercase}
.sidebar .navbar-nav > li > a > .nav-cate-icon {width:20px;text-align:center}
.sidebar .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
.sidebar .navbar-nav > li a:hover {background:#fff}
.sidebar .navbar-nav > li:first-child > a {border-top:1px solid transparent}
.sidebar .navbar-nav > .nav-mo-half {float:left;width:50%}
.sidebar .navbar-nav > .nav-mo-half > a {border-right:1px solid #f2f2f2}
.sidebar .navbar-nav > .nav-mo-half.board-right-none > a {border-right:0}
.sidebar .navbar-nav > li.navbar-nav-home > a {background:#0f0f10;color:#fff;border-top:1px solid #0f0f10}
.sidebar .navbar-nav > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:42px;height:42px;line-height:42px;margin:0;padding:0;text-align:center;border:0;border-left:1px solid #f5f5f5}
.sidebar .navbar-nav > li > .cate-dropdown-open:before {font-family:'Font Awesome\ 5 Free';content:"\f067";font-weight:900;color:#b5b5b5}
.sidebar .navbar-nav > li > .cate-dropdown-open:hover {border-top:0;background:#fff}
.sidebar .navbar-nav > li.open > a {background:#fff;color:#000;border-top:1px solid #e5e5e5}
.sidebar .navbar-nav > li.open > a > i {color:#E52700}
.sidebar .navbar-nav > li.open > .cate-dropdown-open {border:0;border-left:1px solid #f5f5f5}
.sidebar .navbar-nav > li.open > .cate-dropdown-open:before {font-family:'Font Awesome\ 5 Free';content:"\f068";font-weight:900;color:#E52700}
.sidebar .navbar-nav > li.active > .dropdown-menu {display:block;overflow:hidden}
.sidebar .navbar-nav > li.active > a {color:#E52700}
.sidebar .navbar-nav > li.active > a > i {color:#E52700}
.sidebar .navbar-nav > li.active > .cate-dropdown-open {border:0;border-left:1px solid #f5f5f5}
.sidebar .navbar-nav > li.active > .cate-dropdown-open:before {font-family:'Font Awesome\ 5 Free';content:"\f054";font-weight:900;color:#E52700}
.sidebar .navbar-nav > li .dropdown-menu .submenu-marker {display:inline-block;width:7px;height:9px;border-left:1px dotted #959595;border-bottom:1px dotted #959595;margin-right:8px}
.sidebar .navbar-nav .dropdown > a:after {display:none}
.sidebar .navbar-nav .dropdown-menu {border:0;float:none;width:auto;margin:0;padding:0;position:static;box-shadow:none;background-color:transparent}
.sidebar .navbar-nav .dropdown-menu > li > a {color:#656565;line-height:26px;border-top:1px solid #e5e5e5}
.sidebar .navbar-nav .dropdown-menu > li:first-child > a {border-top:1px solid #e5e5e5}
.sidebar .navbar-nav .dropdown-menu > li > a, .sidebar .navbar-nav .open .dropdown-menu .dropdown-header {padding:6px 20px 6px 20px}
.sidebar .navbar-nav .dropdown .dropdown-submenu > a {color:#656565;font-size:12px;background:#fafafa}
.sidebar .navbar-nav .dropdown .dropdown-submenu.active > a {font-weight:bold;color:#E52700}
.sidebar .navbar-nav .dropdown-menu .dropdown-menu > li > a {color:#757575;line-height:26px;border-top:1px solid #e5e5e5;padding:6px 20px 6px 30px;background:#fafafa}
.sidebar .navbar-nav .dropdown-submenu > .dropdown-menu {display:block}
@media (max-width:767px) {
    .sidebar.left {top:40px;width:280px}
}

/*---------- Side Right ----------*/
.side-right-wrap {position:fixed;overflow:auto;width:300px;z-index:997;right:-300px;top:70px;bottom:0;background:#fff}
.side-right-content {position:relative;width:100%;height:100%;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.side-right-mask {position:fixed;top:70px;bottom:0;left:0;width:100%;display:none;background:#000;opacity:0.5;z-index:996}
@media (max-width:767px) {
    .side-right-wrap {top:40px}
    .side-right-mask {top:40px}
}

/*---------- Sub Nav ----------*/
.sub-nav-wrap {padding:20px 0}
.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 #e5e5e5}
.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 #e5e5e5;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 .breadcrumb {display:none}
@media (min-width:1200px) {
    .sub-nav-wrap .container {width:970px}
}
@media (min-width:992px){
    .sub-nav-wrap {padding:0;border-bottom:1px solid #e5e5e5;background:rgba(255, 255, 255, 0.9)}
    #page_navi_fixed.page-navi-fixed-trans {position:fixed;top:100px;z-index:5;width:100%}
    .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:#909090;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
    .sub-nav-home a:hover {color:#353535}
    .sub-nav-list {float:left;margin:0 0 0 -1px}
    .sub-nav-wrap .breadcrumb {display:block;float:right;background:none;padding:0;margin:0}
    .sub-nav-wrap .breadcrumb li {line-height:50px;font-size:12px}
    .sub-nav-wrap .breadcrumb > a {line-height:50px;font-size:11px}
    .sub-nav-title {min-width:200px;padding:0 45px 0 25px;line-height:50px;font-size:15px;border:0 none;border-right:1px solid #e5e5e5}
    .sub-nav-title i {top:18px;right:20px}
    .sub-nav-title:hover {color:#E52700}
    .sub-nav-list ul {top:50px;padding:0}
    .sub-nav-list li {float:none}
    .sub-nav-list li a {padding:7px 15px;border-top:1px solid #e5e5e5;font-size:13px}
    .sub-nav-list li a:hover {background:#f8f8f8;color:#E52700}
    .sub-nav-list li.active a {color:#E52700;font-weight:bold}
    .page-navi-sticky-space {height:0}
    .page-navi-sticky-space.page-fixed-space-trans {height:50px}
}

/*---------- Footer Top ----------*/
.footer-top {position:relative;width:100%;background:#fff}
.footer-top-content {position:relative;border:1px solid #e5e5e5;padding:20px}
.footer-top-content .footer-top-logo {position:absolute;top:20px;left:20px;width:120px;height:auto}
.footer-top-content .footer-top-logo h2 {color:#fff;font-weight:bold;margin:0;font-size:22px}
.footer-top-content .footer-top-info {position:relative;margin-left:160px;word-break:keep-all;font-size:12px}
.footer-top-content .footer-top-info strong {color:#353535}
.footer-top-content .footer-top-info span {color:#757575}
.footer-top-content .footer-top-info span.info-divider {margin-left:5px;margin-right:5px;color:#d5d5d5}
.footer-top-content .footer-top-info a {color:#555555;text-decoration:underline}
.footer-top-content .footer-top-info a:hover {color:#353535}
.footer-top-content .footer-top-info .btn-e-xs {line-height:11px;color:#fff;text-decoration:none}
@media (min-width:1200px) {
    .footer-top .container {width:970px}
}
@media (max-width:767px){
    .footer-top-content {padding:15px}
    .footer-top-content .footer-top-logo {position:relative;top:inherit;left:inherit;margin:10px 0 20px}
    .footer-top-content .footer-top-info {margin-left:0}
}

/*---------- Footer ----------*/
.footer {position:relative;z-index:1;width:100%;height:40px;background:#fff;box-sizing:border-box;color:#757575}
.footer.footer-main {position:fixed;z-index:800;left:0;bottom:0;border-top:0}
.footer-social {position:absolute;top:0;right:20px;margin-top:8px}
.footer-copyright {position:absolute;top:0;left:20px;line-height:40px;font-size:12px}
.footer-swiper-pg {position:absolute;top:0 !important;left:50% !important;bottom:inherit !important;width:80px !important;height:40px;margin-left:-40px;font-family:Georgia;color:#454545;font-weight:bold;text-align:center;padding-top:8px}
@media (min-width:1400px) {
    .footer {min-width:1400px}
}
@media (max-width:767px) {
    .footer.footer-main {display:none}
    .footer-copyright {position:relative;top:inherit;left:inherit;text-align:center}
}

/*---------- Pgae Title ----------*/
.page-title-wrap {position:relative}
.page-title-parallax {min-height:400px;background:transparent}
.page-title-parallax .parallax-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.35}
.page-title-wrap h2 {position:absolute;top:50%;left:0;width:100%;height:40px;line-height:40px;margin:0;padding:0;font-size:36px;color:#fff;font-weight:bold;text-align:center;margin-top:-20px}
.page-title-wrap .breadcrumb {position:absolute;top:50%;left:0;width:100%;height:40px;line-height:40px;margin-top:20px;padding:0;background:none;font-size:12px;color:#fff;text-align:center}
.page-title-wrap .breadcrumb li {color:#fff}
.page-title-wrap .breadcrumb li a {color:#fff}
@media (min-width:1400px) {
    .page-title-wrap {min-width:1400px}
}
@media (max-width:767px) {
    .page-title-parallax {min-height:240px;height:240px}
    .page-title-wrap h2 {font-size:28px}
}

/*---------- Search Form ----------*/
.search-form-mask {position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.85;z-index:1}
.search-form-wrap {position:fixed;top:0;left:0;right:0;bottom:0;display:none;z-index:700}
.search-form {position:relative;top:50%;width:70%;margin:-25px auto 0;z-index:2}
.search-form .eyoom-form .input input {height:70px;border:0;border-bottom:1px solid rgba(255, 255, 255, 0.5);background:transparent;color:#fff;font-size:17px;padding:10px}
.search-form .eyoom-form .input input:focus {border:0 !important;border-bottom:1px solid rgba(255, 255, 255, 0.9) !important}
.search-form .eyoom-form .input-button .button {height:68px;line-height:68px;font-size:20px;color:#fff;border:0;background:transparent;padding:0 10px}
@media (max-width:600px) {
    .search-form {width:90%}
}