/* color #152039 / #19384D / #C72E26 */

/* font */
body, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR', sans-serif}

/* common */
body.modal-open {padding:0 !important}
.clear-after:after {content:"";display:block;clear:both}
h1, h2, h3, h4, h5, h6 {word-break:keep-all}
p, li {font-size:13px;word-break:keep-all}
ul, ol {margin:0;padding:0;list-style:none}

/* 편집 버튼 */
.btn-edit-admin {position:fixed;top:230px;right:-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:1100}
.btn-edit-mode-wrap {position:relative;width:100%}
.btn-edit-mode {display:none;position:absolute;width:100%;z-index:5}
.btn-edit-mode a {display:inline-block !important;width:auto;padding:1px 8px !important;color:#fff !important}
.shop-list-nav .btn-edit-mode, .shop-product .btn-edit-mode {position:relative;width:auto}

/* 버튼 스타일 */
.btn-more {position:relative;display:inline-block;background:#152039}
.btn-more a {position:relative;display:inline-block;padding:7px 20px;font-size:11px;color:#fff}
.btn-more:before {content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#C72E26;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.btn-more:hover:before {width:100%}

/* 마우스오버 애니메이션 */
.hvr-act > a {display:block;position:relative}
.hvr-act > a:after {content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff}
.hvr-act > a:hover:after {animation: hovereffect 1s}
@keyframes hovereffect {
  0% {opacity:0;width:80%;height:80%;}
  50% {opacity:.2;width:100%;height:100%;}
  100% {opacity:0;width:100%;height:100%;}
}

/* column - inline block grid system */
.ib-row {font-size:0}
.ib-row .ib-col {display:inline-block;margin:0;vertical-align:top}
.ib-row.ib-gap {margin-left:-5px;margin-right:-5px}
.ib-row.ib-gap .ib-col {padding-left:5px;padding-right:5px}
.ib-col-xs-12 {width:100%}
.ib-col-xs-6 {width:50%}
.ib-col-xs-4 {width:33.333%}
.ib-col-xs-3 {width:25%}

.ib-col-sm-12 {width:100%}
.ib-col-sm-6 {width:50%}
.ib-col-sm-4 {width:33.333%}
.ib-col-sm-3 {width:25%}

.ib-row.ib-gap {margin-left:-15px;margin-right:-15px}
.ib-row.ib-gap .ib-col {padding-left:15px;padding-right:15px}
.ib-col-md-12 {width:100%}
.ib-col-md-6 {width:50%}
.ib-col-md-4 {width:33.333%}
.ib-col-md-3 {width:25%}

.ib-col-lg-12 {width:100%}
.ib-col-lg-6 {width:50%}
.ib-col-lg-4 {width:33.333%}
.ib-col-lg-3 {width:25%}
.ib-col-lg-2 {width:16.666%}

/* wraper */
.wrapper {position:relative;overflow:hidden;min-width:1280px}
.basic-layout {background:#fff}

/* 헤더 */
.header {position:relative;background:#fff}

/* 헤더 탑 */
.header-top {position:relative;background:#f8f8f8;border-bottom:1px solid #ddd}
.header-top .topbar-left {float:left}
.header-top .topbar-left ul {display:flex;justify-content:flex-start;border-left:1px solid #ddd}
.header-top .topbar-left ul li a {display:block;position:relative;line-height:39px;padding:0 15px;font-size:11px;border-right:1px solid #ddd;transition:.3s}
.header-top .topbar-left ul li a:hover {color:#f00}
.header-top .topbar-left ul li.active a {background:#fff}
.header-top .topbar-left ul li.active a:after {content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#fff}
.header-top .topbar-right {float:right}
.header-top .topbar-right ul {display:flex;justify-content:flex-end}
.header-top .topbar-right ul li a {display:block;position:relative;line-height:39px;padding:0 8px;font-size:11px;transition:.3s}
.header-top .topbar-right ul li a:hover {color:#f00}
.header-top .topbar-right ul li a:after {content:"";display:block;position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:#ddd}
.header-top .topbar-right ul li:first-child a:after {display:none}
.header-top .topbar-right ul li a span {color:#C72E26}

/* 헤더 왼쪽 - 로고 */
.header-left {position:relative;float:left;width:25%}
.logo-header h1 {height:45px;margin:25px 0 15px}
.logo-header h1 a {display:block;float:left}
.logo-header h1 a span {display:block;margin:0 auto;line-heiht:45px;font-size:35px}
.logo-header h1 a img {display:block;max-height:45px;width:auto}

/* 헤더 중앙 - 검색 */
.header-center {position:relative;float:left;width:45%}
.header-center .header-search {width:360px;margin:30px auto 0}
.header-center .header-search.shop-search {margin-top:30px}
.header-center .header-search .eyoom-form .input > input {height:40px;padding-right:50px;border:3px solid #152039 !important;background:#fff;color:#152039}
.header-center .header-search .eyoom-form .input > input:focus {border:2px solid #152039;box-shadow:0 none}
.header-center .header-search .eyoom-form .input > input::-moz-placeholder {color:#152039}
.header-center .header-search .eyoom-form .input > input:-ms-input-placeholder {color:#152039}
.header-center .header-search .eyoom-form .input > input::-webkit-input-placeholder {color:#152039}
.header-center .header-search .eyoom-form .input-button .button {height:36px;line-height:36px;font-size:20px;padding:0 15px;background:none;color:#152039;border:0;opacity:1}
.header-center .header-search .eyoom-form .input-button .button:after {content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:20px;margin-top:-10px;background:#ddd}

/* 헤더 오른쪽 - 로그인(마이 페이지), 검색, 모바일 메뉴 버튼 */
.header-right {float:right;width:30%}
.header-right-list {display:flex;justify-content:flex-end;margin-top:25px}
.header-right-list li {margin-left:10px}
.header-right-list li a {display:block;position:relative;line-height:25px;font-size:15px;color:#707070;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.header-right-list li a:hover {color:#000}
.header-right-list li a span {position:absolute;top:-5px;left:100%;margin-left:1px;font-size:11px;font-weight:400;letter-spacing:-1px;color:#b95a25}

/* 네비게이션 */
/* 992px 이상 메뉴 - pc */
.header-gnb {position:relative;margin-top:10px}
.header-nav .sidebar-left-content h5 {display:none}
/* 메인메뉴 */
.header-nav .sidebar-left-content .navbar-nav {display:flex;justify-content:flex-start;float:left;width:77%;border:1px solid #152039;background:#fff}
.header-nav .sidebar-left-content .navbar-nav > li {padding:0}
.header-nav .sidebar-left-content .navbar-nav > li > a {position:relative;padding:0 20px;line-height:58px;font-size:15px;color:#152039}
.header-nav .sidebar-left-content .navbar-nav > li > a:hover, .header-nav .sidebar-left-content .navbar-nav > li > a:focus, .header-nav .sidebar-left-content .navbar-nav > li.open > a {color:#C72E26;background:none}
.header-nav .sidebar-left-content .navbar-nav > li > a:after {content:"";display:block;position:absolute;right:0;top:50%;width:1px;height:10px;margin-top:-5px;background:#ddd}
.header-nav .sidebar-left-content .navbar-nav > li:last-child > a:after {display:none}
.header-nav .sidebar-left-content .navbar-nav > li > ul {display:block;left:-1px;opacity:0;visibility:hidden;min-width:200px;border:1px solid #333;box-shadow:0 15px 15px rgba(0,0,0,.15);
    -webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);
    -webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.header-nav .sidebar-left-content .navbar-nav > li.open > ul {opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li {position:relative;border-bottom:1px solid #ddd}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li:last-child {border-bottom:0 none}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li > a {padding:12px 30px;font-weight:400;font-size:13px;color:#6B7A7F;background:none}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li.active > a {font-weight:400}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li:last-child > a {border:0 none}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li > a:hover, .header-nav .sidebar-left-content .navbar-nav > li > ul > li.active > a {color:#293844;background:none}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li > a .sub-caret {position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#909090}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul {display:block !important;position:relative;top:inherit;left:inherit;float:none;min-width:100%;padding:0 30px 15px;margin:-5px 0 0;border:0 none;border-left:1px solid #ddd;box-shadow:0 0 0 #fff}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul > li > a {display:block;padding:2px 2px 2px 10px;font-weight:300;font-size:13px;color:#6B7A7F;border-left:1px solid #ddd;background:none}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul > li.active > a {font-weight:400;color:#333}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul > li:last-child > a {border-bottom:0 none}
.header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul > li > a:hover, .header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul > li.active > a {background:none;color:#293844}
.header-nav .sidebar-left-content .navbar-nav > li > a {padding:0 30px}

/* 추가메뉴 */
.header-nav .sidebar-left-content .nav-add {display:flex;justify-content:center;float:left;width:23%}
.header-nav .sidebar-left-content .nav-add li {width:50%;}
.header-nav .sidebar-left-content .nav-add li a {display:block;line-height:60px;font-size:15px;text-align:center;color:#fff;transition:.3s}
.header-nav .sidebar-left-content .nav-add li:nth-child(1) a {background:#19384D}
.header-nav .sidebar-left-content .nav-add li:nth-child(2) a {background:#C72E26}
.header-nav .sidebar-left-content .nav-add li a:hover {background:#111}

.fix-wrap {display:block;position:absolute;z-index:9}
.fix-lft-bnnr {display:none}
.fix-navi {background:#fff;border-top:1px solid #ddd}
.fix-navi ul li a em {display:block;position:absolute;left:55%;width:18px;height:18px;line-hieght:18px;font-size:9px;text-align:center;font-style:normal;color:#fff;background:#b95a25;border-radius:50% !important}
/* 고정 메뉴 - pc 좌측 배너 / 우측 네비 */
.fix-wrap {top:135px;width:100%}
.fix-wrap .container {position:relative}
/* 네비 */
.fix-navi {position:absolute;right:-45px}
.fix-navi ul li {border:1px solid #ddd;border-top:0 none}
.fix-navi ul li a {display:block;position:relative;padding:12px;text-align:center;transition:.3s}
.fix-navi ul li a:hover {background:#eee}
.fix-navi ul li a img {max-width:25px;height:auto}
.fix-navi ul li a em {top:10px}
.fix-navi ul li a span {display:none;margin-top:5px;font-size:9px;color:#707070}
.fix-navi ul li.go-to-top, .fix-navi ul li.go-to-bottom {border:0 none}
.fix-navi ul li.go-to-top a, .fix-navi ul li.go-to-bottom a {padding:3px}
.fix-navi ul li.go-to-top a {padding:3px;background:#C72E26}
.fix-navi ul li.go-to-bottom a {background:#19384D}
.fix-navi ul li.go-to-top a:hover, .fix-navi ul li.go-to-bottom a:hover {background:#111}
.fix-navi ul li.go-to-top a i, .fix-navi ul li.go-to-bottom a i {display:block;font-size:15px;color:#fff}
.fix-navi ul li.go-to-top a span, .fix-navi ul li.go-to-bottom a span {margin-top:0;color:#fff}
/* 배너 */
.fix-lft-bnnr {display:block;position:absolute;left:-95px}

.fix-navi {right:-95px}
.fix-navi ul li a {padding:12px 21px}
.fix-navi ul li a span {display:block}

/* 사이드 배너 */
.side-banner-wrap {position:fixed;width:100%;margin-top:15px}
.side-banner-wrap .container {position:relative}
.side-banner-left {position:absolute;left:-130px;width:130px}
.side-banner-right {position:absolute;right:-130px;width:130px}

/* Board Title - 서브페이지 보드 타이틀 */
.board-title {position:relative;}
.board-title-image {position:relative;width:100%;height:250px;background-repeat:no-repeat;background-size:cover;background-position:center top}
.board-title-caption {position:absolute;bottom:0;left:0;width:100%;border-top:1px solid rgba(255,255,255,.6)}
.board-title-caption h2 {float:left;position:relative;min-width:200px;margin:0;padding:0 25px;line-height:50px;font-size:17px;color:#fff;border-left:1px solid rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.6)}
.board-title-caption .breadcrumb {float:right;display:flex;justify-content:flex-end;min-width:200px;margin:0;padding:0 25px;background:none;color:#ddd;border-left:1px solid rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.6)}
.board-title-caption .breadcrumb li, .board-title-caption .breadcrumb a {line-height:50px;font-size:13px;color:#eee}
.board-title-caption .breadcrumb a:hover {color:#018ABE}

/* footer */
.footer-top {padding:15px 0;border-top:2px solid #152039;border-bottom:1px solid #ddd}
/* 메뉴 */
.footer-menu {display:flex;justify-content:flex-start}
.footer-menu li {margin-right:15px}
.footer-menu li a {display:block;line-height:25px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
/* 소셜링크 */
.footer-sns {display:flex;justify-content:flex-end}
.footer-sns li {margin-left:15px}
.footer-sns li a {display:block;line-height:25px;font-size:18px}
.footer-sns li a:hover {color:#C72E26}

.footer-mid {padding:30px 0 0;border-bottom:1px solid #ddd}
.footer-box {margin-bottom:30px}
.footer-box h4 {position:relative;display:inline-block;margin:0 0 15px;padding-bottom:2px;line-height:25px;font-size:13px;font-weight:700;border-bottom:3px solid #ddd}
.footer-box h4:after {content:"";display:block;position:absolute;bottom:-3px;left:0;width:10px;height:3px;background:#19384D}
/* 고객센터 */
.footer-tel {line-height:30px;font-size:26px;font-weight:700;color:#C72E26}
.footer-tel small {display:block;font-size:11px;font-weight:300;color:#152039}
.footer-email {margin-bottom:15px}
.footer-email a:hover {text-decoration:underline;color:#333}
.footer-cc-link {margin:0 -5px}
.footer-cc-link li {padding:0 5px}
.footer-cc-link li a {display:block;width:90px;padding:3px 5px;font-size:11px;text-align:center;border:1px solid #333;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.footer-cc-link li a:hover {color:#fff;background:#333}
/* 무통장입금 */
.footer-bank ul li {line-height:22px;font-size:14px}
.footer-bank ul li strong {color:#152039}
.footer-bank h6 {margin:10px 0 0}
/* 회사정보 */
.footer-info address {margin:0}
.footer-info span {line-height:24px;font-size:13px;color:#707070}
.footer-info span.add {font-weight:700;color:#333}
.footer-info span.info-divider {margin:0 3px;color:#ddd}

.copyright {padding:10px 0;font-size:11px;text-align:center}

/* 최근본상품  */
.latest-goods {position:fixed;z-index:10;top:45%;right:-300px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.latest-goods.active {right:0}

/* back to top */
.bw-top-btm {display:none !important}

/*---------- basic-body ----------*/
.basic-body.sub-basic-body {padding-bottom:40px}
@media (max-width:991px){
	.basic-body {margin-top:0 !important}
    .basic-body.sub-basic-body {padding-bottom:30px}
}

/* Page Title */
.page-title-wrap {position:relative;padding:15px;margin:15px 0;background:#f8f8f8;border:1px solid #eee}
.page-title-wrap h2 {margin:0;padding:0;font-size:18px;font-weight:700}
.page-title-wrap .breadcrumb {margin:3px 0 0;padding:0;background:none;font-size:12px;color:#656565}
.page-title-wrap .breadcrumb li {color:#656565}
.page-title-wrap .breadcrumb li a {color:#656565}

/* shop badge */
.shop-rgba-dark {background:#79616f !important}
.shop-rgba-yellow {background:#eab595 !important}
.shop-rgba-red {background:#d87f81 !important}
.shop-rgba-green {background:#7e9680 !important}
.shop-rgba-purple {background:#ae6378 !important}