/*--------------------------------------
    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;background-color:#000}
.basic-body {position:relative;padding:30px 0}
.basic-body.wide-main {width:100%;height:100%;padding:70px 0 50px;left:0;z-index:1}
.basic-body-content {position:relative;width:100%;height:100%}
.basic-body-content.bg-black {background-color:#000}
@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-color:#000}
.header-logo {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:70px;color:#fff;display:flex;align-items:center}
.header-logo img {width:auto;height:40px}
.header-logo h1 {font-size:1.5rem;color:#fff;font-weight:800}
.header-info {position:absolute;top:0;left:0;width:350px;height:70px;background-color:#000}
.header-info .sidebar-nav-btn {position:absolute;top:15px;left:15px;width:40px;height:40px;line-height:40px;font-size:1.0625rem;color:#fff;text-align:center;border:1px solid #454545;-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 #555555}
.header-info .sidebar-nav-btn a {display:inline-block;width:40px;height:40px;color:#fff}
.header-info .header-info-box {position:relative;height:40px;margin:15px 0 15px 70px;border-right:1px solid #353535;color:#959595;font-size:.8125rem;line-height:1.7}
.header-info .header-info-box .info-divider {margin-left:5px;margin-right:5px;color:#454545}
.header-info .header-info-box a {color:#959595}
.header-info .header-info-box a:hover {text-decoration:underline}
.header-search-btn {position:absolute;top:22px;right:75px;color:#fff;font-size:1.0625rem;cursor:pointer;opacity:0.6}
.header-sidebar-rbtn {position:absolute;top:15px;right:15px;width:40px;height:40px;line-height:40px;font-size:1.0625rem;color:#fff;text-align:center;border:1px solid #454545;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 #555555}
.header-search-btn.search-show {opacity:1}
.header-edit-mode {position:fixed;top:70px;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:991px) {
    .header-info {width:70px}
    .header-info .header-info-box {display:none}
    .header-edit-mode {display:none}
}
@media (max-width:767px) {
    .header-topbar {height:50px}
    .header-logo img {height:30px}
    .header-info {height:50px}
    .header-info .sidebar-nav-btn {top:7px;left:10px;width:36px;height:36px;line-height:36px;font-size:.875rem}
    .header-info .sidebar-nav-btn a {width:30px;height:30px}
    .header-search-btn {top:14px;right:68px;font-size:1rem}
    .header-sidebar-rbtn {top:7px;right:10px;width:36px;height:36px;line-height:36px;font-size:.875rem}
}

/*---------- 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:#fff;font-size:.9375rem;font-weight:600;-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:after, .header-nav li ul a:before {display:none}
.header-nav li a:hover, .header-nav li a.active {color:#ff3d00}
.header-nav li ul a:hover {color:#ff3d00}
@media (max-width:1799px) {
    .header-nav li a {padding:0 7px}
}
@media (max-width:1499px) {
    .header-nav-wrap {display:none}
}

/*---------- Sidebar Nav ----------*/
.sidebar.left {z-index:999;display:none;position:fixed;top:70px;left:0;bottom:0;width:280px;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 {padding:20px 30px;background-color:#e5e5e5;border-bottom:1px solid #c5c5c5;margin-bottom:20px}
.sidebar .sidebar-member-menu-in {position:relative;display:block;margin-left:-5px;margin-right:-5px}
.sidebar .sidebar-member-menu-in:after {content:"";display:block;clear:both}
.sidebar .sidebar-member-menu .sidebar-lg-btn {margin-bottom:15px}
.sidebar .sidebar-member-menu .sidebar-member-btn-box {display:block;float:left;width:50%;padding:5px}
.sidebar .sidebar-member-menu .sidebar-member-btn {position:relative;background:#656565;height:28px;line-height:28px;border-radius:3px;color:#fff;text-align:center;font-size:.75rem;-webkit-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;height:28px;line-height:28px;border-radius:3px;color:#656565;text-align:center;font-size:.75rem;-webkit-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;font-size:.75rem;color:#959595}
/* Nav */
.sidebar .sidebar-nav {padding:0 30px}
.sidebar .sidebar-nav > li:last-child {border-bottom:0 none}
.sidebar .sidebar-nav > li > a {display:block;padding:10px 0;font-size:1rem;font-weight:700;color:#000}
.sidebar .sidebar-nav > li > a:after {display:none}
.sidebar .sidebar-nav > li.active > a {color:#ff3d00;background:transparent}
.sidebar .sidebar-nav > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:30px;height:38px;line-height:38px;margin:0;padding:0;text-align:center;border:0 none;z-index:9}
.sidebar .sidebar-nav > li > .cate-dropdown-open:before {content:"";display:block;width:100%;height:100%;font-family:'Font Awesome\ 5 Free';content:"\f067";font-weight:900;color:#959595}
.sidebar .sidebar-nav > li > .cate-dropdown-open.show:before {font-family:'Font Awesome\ 5 Free';content:"\f068";font-weight:900}
.sidebar .sidebar-nav > li > .header-nav-dep-2 {display:none}
.sidebar .sidebar-nav > li > ul {float:none;position:relative !important;transform:translate(0,0) !important;width:100%;margin:0;padding:0;border:0 none;border-top:1px solid #959595;border-bottom:1px solid #959595;box-shadow:none;background-color:transparent}
.sidebar .sidebar-nav > li > ul > li {border-bottom:0 none}
.sidebar .sidebar-nav > li > ul > li:last-child {border-bottom:0 none}
.sidebar .sidebar-nav > li > ul > li > a {padding:10px 20px;font-size:.9375rem;color:#000}
.sidebar .sidebar-nav > li > ul > li > a:hover {background:transparent}
.sidebar .sidebar-nav > li > ul > li.active > a {color:#ff3d00;background:transparent}
.sidebar .sidebar-nav > li > ul > li > ul {display:block !important;float:none;position:relative;width:100%;padding:0 20px 10px;margin:0;border:0 none;box-shadow:none;background:transparent}
.sidebar .sidebar-nav > li > ul > li > ul > li > a {position:relative;padding:3px 10px 3px 15px;font-size:.9375rem;color:#757575}
.sidebar .sidebar-nav > li > ul > li > ul > li > a:after {content:"";display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:6px;height:10px;border-left:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5}
.sidebar .sidebar-nav > li > ul > li > ul > li > a:hover, .sidebar .sidebar-nav > li > ul > li > ul > li.active > a {color:#ff3d00;background:transparent}
@media (max-width:767px) {
    .sidebar.left {top:50px}
}

/*---------- 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}
.side-add-menu {position:relative;display:flex;flex-wrap:wrap;border:1px solid #e5e5e5;margin-bottom:30px}
.side-add-menu > a {width:50%;height:40px;display:flex;align-items:center;justify-content:center;font-size:.9375rem;color:#000}
.side-add-menu > a:nth-child(1) {border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.side-add-menu > a:nth-child(2) {border-bottom:1px solid #e5e5e5}
.side-add-menu > a:nth-child(3) {border-right:1px solid #e5e5e5}
@media (max-width:767px) {
    .side-right-wrap {top:40px}
    .side-right-mask {top:40px}
}

/*---------- Footer ----------*/
.footer {position:relative;z-index:1;width:100%;height:50px;background-color:#000;color:#959595;z-index:1000}
.footer.footer-main {position:fixed;z-index:800;left:0;bottom:0}
.footer-social {position:absolute;top:14px;right:15px}
.footer-copyright {position:absolute;top:0;left:15px;line-height:50px;font-size:.8125rem}
.footer-swiper-pg {position:absolute;top:0 !important;left:50% !important;bottom:inherit !important;width:80px !important;height:50px;line-height:50px;margin-left:-40px;font-family:Georgia;color:#757575;text-align:center}
@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}
}

/*---------- Page Title ----------*/
.page-title {position:relative}
.page-title:after {content:"";opacity:0;transform:translateY(20px);position:absolute;bottom:0;left:50%;width:2px;height:30%;margin-left:-1px;background-color:#fff;transition:.8s}
.animation.page-title:after {opacity:1;transition-delay:.5s;transform:translateY(0)}
.page-title-image {position:relative;width:100%;height:300px;background-repeat:no-repeat;background-size:110%;background-position:center;transition:5s}
.animation .page-title-image {transition-delay:1.2s;background-size:100%}
.page-title-caption {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center}
.page-title-caption h2 {opacity:0;transform:translateY(20px);position:relative;font-size:2.5rem;color:#fff;font-weight:700;transition:.8s}
.animation .page-title-caption h2 {opacity:1;transform:translateY(0)}
@media(max-width:991px) {
    .page-title-image {height:150px;background-size:cover !important}
    .page-title:after {opacity:1;transform:inherit;transition:inherit}
    .page-title-caption h2 {opacity:1;transform:inherit;transition:inherit;font-size:1.75rem}
}

/*---------- Main ----------*/
.main-content {position:relative;float:left;width:100%;height:100%}
.main-content .loader-wrap {position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:20}
.main-content .loader-wrap .loader {width:48px;height:48px;border:2px solid #fff;border-radius:50%;display:block;animation:rotation 1s linear infinite}
.main-content .loader-wrap .loader::after {content:"";position:absolute;left:50%;top:0;background:#ff3d00;width:3px;height:24px;transform:translateX(-50%)}
@keyframes rotation {
    0% {transform:rotate(0deg)}
    100% {transform: rotate(360deg)}
} 
.main-content .swiper-container {width:100%;height:100%;margin:0 auto}
.main-content .swiper-slide {background:#fff;position:relative;width:auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.main-content .swiper-slide .swiper-image {width:auto;height:100%;position:relative;z-index:1}
.main-content .swiper-btn {position:absolute;z-index:10;left:inherit;right:inherit;top:50px;width:50px;height:50px;line-height:50px;border-radius:5px;background:RGBA(0, 0, 0, 0.7);color:#fff;cursor:pointer;text-align:center;font-size:1.25rem}
.main-content .swiper-btn.swiper-button-next {right:30px}
.main-content .swiper-btn.swiper-button-prev {right:85px}
.main-content .swiper-btn.swiper-button-next:after, .main-content .swiper-btn.swiper-button-prev:after {display:none}
.main-content .swiper-btn:hover {background:RGBA(0, 0, 0, 1)}
.main-content .mCSB_container {margin-right:25px !important}
.main-content .mCSB_scrollTools .mCSB_draggerRail {border-radius:16px !important}
.main-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius:16px !important}
.main-section-1 {position:relative;width:350px;height:100%;background:#fff}
.main-section-1 .section1-content {position:relative;width:100%;height:100%;padding:30px 10px 30px 30px}
.main-section-content {position:absolute;overflow:hidden;top:15%;bottom:35%;left:50%;width:460px;transform:translateX(-50%);background:rgba(0, 0, 0, 0.7);border-radius:7px;z-index:2}
.main-section-caption {position:absolute;bottom:0;left:0;right:0;padding:40px 30px;z-index:1;background:rgba(0,0,0,0.4);background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%)}
.main-section-caption h3 {text-align:left;color:#fff;font-size:1.25rem;font-weight:700;padding-bottom:10px}
.main-section-caption h3 a {color:#fff}
.main-section-caption p {color:#fff;opacity:0.6}
@media (max-width:767px) {
    .main-content .swiper-btn {top:40px;width:40px;height:40px;line-height:40px;font-size:1.125rem}
    .main-content .swiper-btn.swiper-button-next {right:10px}
    .main-content .swiper-btn.swiper-button-prev {right:55px}
    .main-section-1 {width:300px}
}
@media (max-width:600px) {
    .main-section-content {bottom:20%;left:30px;width:340px;transform:inherit}
    .main-section-caption {padding:20px 30px}
}

/*---------- 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;margin:0 auto}
.search-field .search-btn {position:absolute;top:0;right:0;width:45px;height:45px;border:0;cursor:pointer;color:#ff3d00;background:transparent;font-size:1.25rem}
.search-full .search-close-btn {position:absolute;top:20px;right:30px;width:36px;height:36px;cursor:pointer;z-index:1}
.search-close-btn:after {content:"";height:36px;border-left:2px solid #fff;position:absolute;transform:rotate(45deg);left:24px}
.search-close-btn:before {content:"";height:36px;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:70px;right:15px;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:15px;right:70px}
}

/*---------- My Home ----------*/
.my-home>.container {padding-left:0;padding-right:0}