/* 오크패드 전용코드 시작 */
/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
/**---- common.css ----**/
.required-mark:after {border-top:8px solid #5cade2}

/* tab-scroll-category */
.tab-scroll-category .scrollbar {background:#757575 !important}
.tab-scroll-category .scrollbar .handle {background:transparent !important}
.tab-scroll-category #tab-category .category-list span.active a {color:#248bcf !important;border-bottom:3px solid #248bcf !important}

/*---------- Reset ----------*/

/*---------- Font ----------*/
body, h1, h2, h3, h4, h5, h6, label, input, button, textarea, select, img {
    font-family:"s-core-dream", "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif
}

a {
    color: #424242;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

/* 他でデグレがあるため、こちらはコメントアウト
a:hover {
    text-decoration: none;
    color:#1c6ca1 !important;
} 
*/

.eyoom-form .checkbox input + i:after {
    color: #1c6ca1 !important;
}

.eyoom-form .radio input + i:after {
    background-color:#1c6ca1 !important;
}

input:focus { 
    border:2px solid #719ECE !important;
    box-shadow: 0 0 10px #719ECE !important;
}

textarea:focus { 
    border:2px solid #719ECE !important;
    box-shadow: 0 0 10px #719ECE !important;
}

select:focus { 
    border:2px solid #719ECE !important;
    box-shadow: 0 0 10px #719ECE !important;
}

/*---------- Typography ----------*/
.color-red {color:#1c6ca1 !important}
.cont-text-bg .bg-primary {background-color:#757575!important}

/*---------- Modal ----------*/
.modal-content {
    border-radius: 6px !important;
}
.modal-header {
    border-radius: 6px !important;
}
.modal-footer {
    border-radius: 6px !important;
}

/*----- Button -----*/
.btn-e-gray {background-color: #7e7e7e;border-color: #7e7e7e;border-radius: 4px;}
.btn-e-gray:hover {background-color: #8e8e8e;border-color: #8e8e8e;}
.btn-dark {background-color:#6f6f6f;border-color:#6f6f6f;border-radius: 4px;}
.btn-dark:hover {background-color:#7e7e7e;border-color:#7e7e7e}
.btn-e-dark {background-color:#6f6f6f;border-color:#6f6f6f;border-radius: 4px;}
.btn-e-dark:hover {background-color:#7e7e7e;border-color:#7e7e7e}

.btn-e-crimson {
    background-color: #144d73;
    border-color: #144d73;
    border-radius: 4px;
}
.btn-e-crimson:hover {
    background-color:#185c8a;
    border-color:#185c8a
}
.btn-crimson {
    background-color: #144d73;
    border-color: #144d73;
    border-radius: 4px;
}
.btn-crimson:hover {
    background-color:#185c8a;
    border-color:#185c8a
}
.btn-e-red {
    background-color:#207bb8 !important;
    border-color:#207bb8 !important;
    border-radius: 4px;
}
.btn-e-red:hover {
    background-color:#248bcf !important;
    border-color:#248bcf !important;
}
.bg-red {
  background-color: #9ba3ac !important;
  border-radius: 4px;
}
.bg-red:hover {
    background-color: #26517c !important;
}
.btn-e-indigo {
    background-color: #248bcf !important;
    border-color: #248bcf !important;
    border-radius: 4px;
}
.btn-e-indigo:hover {
    background-color:#397aba !important;
    border-color:#397aba !important;
}
.btn-indigo {
    background-color: #248bcf !important;
    border-color: #248bcf !important;
    border-radius: 4px;
}
.btn-indigo:hover {
    background-color: #397aba !important;
    border-color: #397aba !important;
}

/*----- 추가된 버튼 색상 시작 -----*/
.bg-navy {background-color:#1c6ca1 !important}
.btn-navy {background-color:#1c6ca1 !important;border-color:#1c6ca1 !important}
.btn-navy:hover {background-color:#207bb8 !important;border-color:#207bb8 !important}
.btn-e-navy {background-color:#1c6ca1 !important;border-color:#1c6ca1 !important}
.btn-e-navy:hover {background-color:#207bb8 !important;border-color:#207bb8 !important}
/*----- 추가된 버튼 색상 끝 -----*/


/*----- Others -----*/
.ol-after .profile .toggle {
    background: #248bcf !important;
}
.text-red {
    color: #3a8afd !important;
}
.text-crimson {
    color: #424242 !important;
}
.alert-warning {
    background: #d6eaf8 !important;
    color: #248bcf !important;
    border-color: #85c1e9 !important;
}
.alert-warning li, .alert-warning p {
    color: #248bcf !important;
}

.text-deep-orange {
    color: #3a8afd !important
}

.basic-latest .tab-content .basic-comment {
    color: #3a8afd !important;
}

.basic-latest .tab-content .fa-lock {
    color: #62c7c8 !important;
}
.basic-latest .tab-content .text-crimson {
    color: #62c7c8 !important;
}

/* sweetalert2 */
div:where(.swal2-icon).swal2-info{border-color:#26517c !important;color:#204467 !important}


/*---------- Badges and Labels ----------*/
span.label-dark, span.badge-dark {background: #656565 !important}
span.label-red,span.badge-red {background:#1c6ca1 !important}
span.label-crimson,span.badge-crimson {background:#248bcf !important}
span.label-pink,span.badge-pink {background:#207bb8 !important}
span.label-amber,span.badge-amber {background:#397aba}

/*---------- Headline Short ----------*/
.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:#1c6ca1 !important}


/* header wrap */


/* top header */
.top-header-nav li > a {height:55px;line-height:55px}
.top-header-nav .cs-nav a span {height:55px}
.top-header-nav .cs-nav .activate {height:56px}
.top-header-nav li .eyoom-form {margin-top:16px}

/* header title */
.header-title {display:none}
@media (max-width:991px) {
    .header-title {display:block;background-color:#248bcf;}
}

/* nav-wrap */
.nav-wrap { background-color: #248bcf }

/* navbar */
.navbar-nav>li>.nav-link {padding:23px 10px !important}
.navbar-nav>.nav-empty {padding:25px 10px !important}
.navbar-nav>li.dropdown-mega-menu>.nav-link {position:unset;top:unset;right:unset;font-size:1.125rem;padding:23px 15px !important;border-left:unset;border-right:unset}
.navbar-nav>li>.pc-search-btn {padding:23px 10px !important}
.navbar-nav .mega-menu-col .mega-menu-item {font-size:1rem}

.navbar-nav a { color: #fff; }
.navbar-nav a, .navbar-toggler { color: #fff }
.navbar-nav > li > .nav-link.active { color: #aed6f1 }
.navbar-nav > li > .nav-link:hover { color: #aed6f1 }
.navbar-nav > li.dropdown-mega-menu { position: static; background-color: #248bcf }
.navbar-nav > li.navbar-nav-home { background-color: #248bcf }
.navbar-nav .dropdown-toggle::after { color: #aed6f1 }
.navbar-nav-home img {width: auto; height: 30px}
.navbar-nav .dropdown-menu {border-radius:15px !important}

.navbar-nav .dropdown .alarm-marker {
    position:absolute !important;
    margin:-33px 0px 0px 6px !important;
}

.navbar-nav .dropdown-submenu .alarm-marker {
    position:absolute !important;
    margin:-12px 0px 0px 0px !important;
    right:20px;
}

@media (min-width:992px) {
    .navbar-nav {max-height:70px}
}

/* sidebar nav (mobile) */
@media (max-width: 991px) {
    /* nav */
    .sidebar-left .navbar-nav > li a:hover {
        color: #248bcf;
    }
    .sidebar-left .navbar-nav > li.navbar-nav-home > a {
        background:#248bcf;
        color:#fff;
        border-top:1px solid #248bcf;
        padding: 0 15px !important;
    }
    .sidebar-left .navbar-nav > li.navbar-nav-home > a:hover {
        color: #85c1e9;
    }
}

/*---------- Page Title ----------*/
.page-title-wrap { height: 70px; background: #5cade2 }
.page-title-wrap .sub-breadcrumb { font-size: 1.12em; color: #fff }

/*---------- Sub Nav ----------*/

/*---------- Body ----------*/
.basic-body {position:relative;padding:10px 0}


/*---------- Main Contents ----------*/
.main-slider-top {margin-top:unset}
.main-wrap { color: #424242 !important}

@media (max-width:576px) {
    .main-slider {margin:0px -15px 30px}
}

/*---------- Skin Contents ----------*/
.eb-pagination a.active {background:#424242 !important}
.eb-pagination a.active:hover {background:#7e7e7e !important}
.popular-box {border-radius: 12px !important}


/*---------- Footer ----------*/
.footer {
    color: #424242 !important;
    text-align: center !important;
    background-color: #f9f9f9 !important;
    border-top: .05rem solid #e5e5e5 !important;
}
.footer .footer-top h6 {
    margin-bottom:8px !important;
}
.footer .footer-top a {
    color: #424242 !important;
    margin-bottom:6px !important;
}
.footer .footer-top a:hover {
    text-decoration:underline !important;
}
.footer .footer-top .footer-nav {
    width: unset !important;
}
.footer .footer-top .footer-right-nav {
    width: unset !important;
}


/*---------- Search Full ----------*/
.search-full {background:rgba(0, 0, 0, 0.8) !important}
.search-field #search_input {border:1px solid #fff !important;border-radius:10px !important}
.search-field #mobile_search_input {border:1px solid #fff !important;border-radius:10px !important}
.search-field .search-btn {color:#fff !important}

/*/////// 여기부터는 Shop Style ///////////////////////*/
/*---------- shop_style.css Main Contents ----------*/
.shop-main-slider {margin: 0px auto 30px}
.shop-main-slider-top {margin-top:unset}

/*- theme/eb4_basic/skin/shop/basic/css/item_style.css -*/

.pg-anchor-in .nav-tabs li.active a {color:#248bcf !important}

/* Shop Product Description */
.shop-product .shop-description-box .shop-product-prices {color:#248bcf !important}

#sit_tot_price {color:#248bcf !important}
#sit_ov_soldout {color:#248bcf !important}


/* Shop Product Button */
#sit_btn_buy {background:#248bcf !important}
#sit_btn_buy:hover {background:#5cade2 !important}
#sit_btn_cart {border:1px solid #248bcf !important;color:#248bcf !important}
#sit_btn_wish:hover {color:#248bcf !important}

/*---------- Item Use ----------*/
.product-use-top h4 {color:#248bcf !important}

/*---------- Item Qa ----------*/
.product-qa-title .sit_qaa_yet {background:#248bcf !important}

/*- theme/eb4_basic/skin/shop/basic/orderform.sub.skin.html.php -*/

.shop-order-form .payment-calc-box:nth-child(1):after {color:#248bcf !important}
.shop-order-form .payment-calc-box:nth-child(2):after {color:#248bcf !important}

.shop-order-form .payment-total-box strong {color:#248bcf !important}
.shop-order-form .payment-info-box.border-color-red {border-color:#248bcf !important}
.shop-order-form #od_tot_price .print_price {color:#248bcf !important}
.shop-order-form #display_pay_button .btn_submit {background:#248bcf !important}

/*- theme/eb4_basic/skin/shop/basic/navigation.skin.html.php -*/
.shop-list-nav .list-nav .sct_here {color:#248bcf !important}
.relation-10 .product-description .title-price {color:#248bcf !important}
.ebgoods-basic .goods-description .title-price {color:#248bcf !important}
.ebgoods-basic .goods-description .goods-sns ul li:hover .wish-icon {background:#248bcf !important}
.product-list-10 .product-description .title-price {color:#248bcf !important}
.product-main-10 .product-description .title-price {color:#248bcf !important}
.product-main-10 .product-description .product-sns ul li:hover .wish-icon {background:#248bcf !important}
.product-main-20 .product-description .title-price {color:#248bcf !important}
.product-main-20 .product-description .product-sns ul li:hover .wish-icon {background:#248bcf !important}
.product-main-30 .product-description .title-price {color:#248bcf !important}
.product-main-30 .product-description .product-sns ul li:hover .wish-icon {background:#248bcf !important}
.product-main-40 .product-description .title-price {color:#248bcf !important}
.product-main-40 .product-description .product-sns ul li:hover .wish-icon {background:#248bcf !important}
.product-main-50 .product-description .title-price {color:#248bcf !important}
.product-main-50 .product-description .product-sns ul li:hover .wish-icon {background:#248bcf !important}
.shop-order-form .sod-li-wrap .total_price strong {color:#248bcf !important}
.shop-order-form .order-payment-total {border:1px solid #248bcf !important}
.shop-cart .shop-cart-total .cart-total-box .cart-total-price {color:#248bcf !important}
.shop-cart .shop-cart-li-wrap .total-price strong {color:#248bcf !important}
.shop-cart .shop-cart-total .cart-total-box .cart-total-price {color:#248bcf !important}

.sidebar-left .sidebar-member-menu .sidebar-member-btn {background:#248bcf !important}
.sidebar-shop-member .shop-member-box .shop-member-box-title {background-color:#424242 !important}
.sidebar-shop-member .shop-member-box .op-area li .prd-cost {color:#248bcf !important}
.sidebar-left .navbar-nav > li > .cate-dropdown-open.show:before {color:#248bcf !important}

.my-respond .timeline > li .timeline-icon {background:#1c6ca1 !important}
.my-timeline .timeline > li > .timeline-badge {background:#1c6ca1 !important}
.my-activity .timeline > li > .timeline-badge {background:#1c6ca1 !important}
.pinboard-list .pl-list .pl-comment strong {color:#1c6ca1;font-weight:400}
.my-config .eyoom-form header .btn-e {font-size:.75rem !important}


/*---------- side credit card log ----------*/
.side-credit-log { height: 48px }
.side-paypal-log { height:30px; margin-left:10px; }
.side-kbstar-log { height:22px; margin-bottom:4px; margin-left:10px; }
@media (max-width: 991px) {
    .side-credit-log { height: 38px }
    .side-paypal-log { height:24px; margin-left:10px; }
    .side-kbstar-log { height:18px; margin-bottom:4px; margin-left:10px; }
}

/* 오크패드 전용코드 끝 */