/* 검색 select */
.search-select {
    padding-top:10px;
    float:right;
}
.search-select > .col-md-4 {
    padding-right:0 !important;
}
@media (max-width: 640px) {
    .search-select {
        float:none;
        padding-left: 0;
        padding-right: 0;
    }
    .search-select > .col-md-4 {
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* COLOR CLASSES */
.bcolor { color: #131416; }
.bcolor-bg { background-color: #454545; }
.pcolor { color: #E7214C; }
.pcolor-bg { background-color: #E7214C; }
.scolor { color: #E54D28; }
.scolor-bg { background-color: #E54D28; }
.bcolor-m { color: #42464d; }
.bcolor-m-bg { background-color: #42464d; }
.bcolor-l { color: #727883; }
.bcolor-l-bg { background-color: #727883; }
.bcolor-xl { color: #dee0e3; }
.bcolor-xl-bg { background-color: #dee0e3;}
.white { color: #fff; }
.white-bg { background-color: #fff; }
.black { color: #000; }
.black-bg { background-color: #000; }
.red { color: #D93600; }
.red-bg { background-color: #D93600; }
.orange { color: #FF9326; }
.orange-bg { background-color: #FF9326; }
.yellow { color: #FEBB08; }
.yellow-bg { background-color: #FEBB08;}
.green { color: #468C00; }
.green-bg { background-color: #468C00; }
.blue { color: #0085B2; }
.blue-bg { background-color: #0085B2; }

/* BACKGROUND IMAGES ------------------------------------------------------ */
.tile-1-bg { background:#fff; }
.tile-2-bg { background: url("/img/new_mall/tile2.png") repeat center 0 fixed; }

/* coupon type */
.type01 { height:105px; background: url("/img/coupon/coupon_bg_type01.gif") no-repeat center 0; }
.type01 .btn-coupon,
.type01 .btn-coupon > .btn { padding: 3px 15px; font-size: 11px; line-height: 1.2; }
.type01 .btn-coupon { color: #fff!important; background-color: #00a6a6; border: 1px solid #028989; }
.type01 .btn-coupon:hover,
.type01 .btn-coupon:focus,
.type01 .btn-coupon.focus,
.type01 .btn-coupon:active { color: #fff; background-color: #028989; border: 1px solid #007d7d; }

.type02 { height:105px; background: url("/img/coupon/coupon_bg_type02.gif") no-repeat center 0; }
.type02 .btn-coupon,
.type02 .btn-coupon > .btn { padding: 3px 15px; font-size: 11px; line-height: 1.2; }
.type02 .btn-coupon { color: #fff!important; background-color: #cc6f1c; border: 1px solid #b06c1c; }
.type02 .btn-coupon:hover,
.type02 .btn-coupon:focus,
.type02 .btn-coupon.focus,
.type02 .btn-coupon:active { color: #fff; background-color: #b06c1c; border: 1px solid #a3641b; }

.type03 { height:105px; background: url("/img/coupon/coupon_bg_type03.gif") no-repeat center 0; }
.type03 .btn-coupon,
.type03 .btn-coupon > .btn { padding: 3px 15px; font-size: 11px; line-height: 1.2; }
.type03 .btn-coupon { color: #fff!important; background-color: #d7454b; border: 1px solid #b31e3a; }
.type03 .btn-coupon:hover,
.type03 .btn-coupon:focus,
.type03 .btn-coupon.focus,
.type03 .btn-coupon:active { color: #fff; background-color: #b31e3a; border: 1px solid #a21b35; }

.type04 { height:105px; background: url("/img/coupon/coupon_bg_type04.gif") no-repeat center 0; }
.type04 .btn-coupon,
.type04 .btn-coupon > .btn { padding: 3px 15px; font-size: 11px; line-height: 1.2; }
.type04 .btn-coupon { color: #fff!important; background-color: #4169b3; border: 1px solid #1650af; }
.type04 .btn-coupon:hover,
.type04 .btn-coupon:focus,
.type04 .btn-coupon.focus,
.type04 .btn-coupon:active { color: #fff; background-color: #1650af; border: 1px solid #14479a; }

.type05 { height:105px; background: url("/img/coupon/coupon_bg_type05.gif") no-repeat center 0; }
.type05 .btn-coupon,
.type05 .btn-coupon > .btn { padding: 3px 15px; font-size: 11px; line-height: 1.2; }
.type05 .btn-coupon { color: #fff!important; background-color: #6f63c9; border: 1px solid #5b50b2; }
.type05 .btn-coupon:hover,
.type05 .btn-coupon:focus,
.type05 .btn-coupon.focus,
.type05 .btn-coupon:active { color: #fff; background-color: #5b50b2; border: 1px solid #4d439c; }

/* Lists */
.vlist, .hlist, .hlinks, .vlinks {
    list-style: none;
    padding: 0;
    margin: 0;
}
.vlist > li, .hlist > li, .hlinks > li, .vlinks > li {
    padding: 0;
    margin: 0;
}
.vlist > li {
    display: block;
}
.no-pad {
    padding: 0 !important;
}
.no-pad-t {
    padding-top: 0 !important;
}
.hcenter {
    margin-left: auto;
    margin-right: auto;
}
.vcenter {
    display: inline-block;
    height: 100%;
    width: 50%;
}
.vcenter .vcenter-this {
    display: table-cell;
}
.vcenter .vcenter-this .logotext { font-size:24px; font-weight: 700;}
.navbar-brand > .logotext { font-size:20px; font-weight: 700;}

/* MODALS -------------------------------------------------- */
.modal {
    z-index: 500;
}
.modal-content {
    border: 2px solid #42464d;
    -webkit-box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);
}
@media (min-width: 767px) {
    .modal-body {
        max-height: 600px;
        overflow-y: scroll;
    }
}
.modal-header {
    background: #42464d;
}

/* TABS ---------------------------------------------------*/
.tab-pane {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
}
.tab-content.tab-no-borders .tab-pane {
    padding: 0 0 20px 0;
    border: 0;
    background: none;
}
.nav-tabs > li > a {
    color: #333;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-right-width: 0;
    margin: 0;
    background: #FAFAFA;
    font-size: 13px;
    padding: 10px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}
.nav-tabs > li:last-child > a, .nav-tabs > li:last-child.active > a {
    border-right-width: 1px !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-right-width: 0;
    border-top: 2px solid #E7214C;
}
.nav-tabs > li > a:hover {
    background: #fff;
    border-color: #ddd;
}
.nav-tabs-center {
    text-align: center;
}
.nav-tabs-center > li {
    float: none;
    display: inline-block;
}

/* ACCORDION -------------------------------------------------- */
.panel > .panel-heading {
    padding: 15px 30px;
}
.panel > .panel-heading.heading-iconed {
    padding: 15px;
}

.panel-bcolor .panel-heading {
    background: #42464d;
    color: #fff;
}
.panel-bcolor .panel-heading .icon-left {
    background: rgba(255, 255, 255, 0.1);
}
.panel-body {
    padding: 30px;
}
.panel.panel-borderless {
    border: none;
}
.panel.panel-borderless .panel-body {
    padding: 30px 0;
}
.panel-heading .icon-left {
    display: inline-block;
    text-align: center;
    line-height: 35px;
    height: 35px;
    width: 35px;
    font-size: 14px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    background: #131416;
    font-style: normal;
}

/* PAGINATION -------------------------------------------------- */
.pagination li a {
    background: none;
    border: 1px solid #ddd;
    padding: 0 14px;
    line-height: 35px;
    display: block;
    margin-right: 5px;
    color: #131416;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}
.pagination li a:hover {
    background: #e5e5e5;
}
@media (max-width: 767px) {
    .pagination li a {
        padding: 0 14px;
        line-height: 35px;
    }
}
.pagination li.first a {
    color: #fff;
    background: #424344;
    font-size: 15px;
    border-color: transparent;
}
/*.pagination li.first a:hover {
    background: #131416;
}
.pagination li.last a {
    color: #fff;
    background: #d43f3a;
    border-color: transparent;
}
.pagination li.last a:hover {
    background: #c3312d;
}*/

/* FORMS -------------------------------------------*/
.input-group .input-group-addon {
    background: #67686a;
    border: 1px solid#4f5156;
}
.input-group .input-group-addon i {
    color: #eee;
    width: 1em;
}
.form-inline {
    font-size: 0;
}
.form-control:focus {
    border-color: #E7214C;
    outline: 0;
    box-shadow: none;
}

/* FORM PANEL -------------------------------------------*/
.form-panel {
    background: #fff;
    margin-bottom: 30px;
}
.form-panel header {
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    padding: 25px 30px 0 30px;
    color: #42464d;
}
.form-panel header .icon {
    line-height: inherit;
    margin-right: 10px;
    opacity: 0.5;
}
.form-panel footer {
    padding: 25px 30px;
    background: #dee0e3;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.form-panel .form-group label {
    font-weight: normal;
    font-size:13px;
}
.form-panel fieldset {
    padding: 26px 30px 15px 30px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 -1px 0;
}
.form-panel.panel-borderless {
    box-shadow: none;
    border: none;
}
.form-panel.panel-borderless header {
    padding: 20px 0;
    border: none;
    background: none;
}
.form-panel.panel-borderless fieldset {
    padding: 20px 0;
    margin: 0;
    border: none;
}

/* TYPOGRAPHY -------------------------------------------------- */
h1 { font-size: 34px; line-height: 0.7em; margin: 23px 0 23px 0; }
h2 { font-size: 29px; line-height: 0.82069em; }
h3 { font-size: 25px; line-height: 0.952em; margin: 23px 0 23px 0; }
h4, .h4 { margin-top:24px; margin-bottom:6px; font-size:15px; font-weight: 700; }
h4:before, .h4:before {
    content: '\f00c';
    font-family: 'FontAwesome', sans-serif;
    margin-right: 6px;
    color: #e62b40;
    font-size: 12px;
}
img { max-width: 100%;  height: auto; }

input[type="radio"],
input[type="checkbox"] {
    line-height: 1;
}

@media (max-width: 767px) {
    input[type=text], textarea {
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

/* DROPDOWNS ------------------------------------------- */
.dropdown-menu, .hnav .navbar-nav .dropdown-menu {
    padding: 0;
    box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.1);
    border: 1px solid #cccccc;
    color: #666b76;
}
.dropdown-menu > li > a, .hnav .navbar-nav .dropdown-menu > li > a {
    padding: 0 20px;
    line-height: 40px;
    color: #42464d;
    font-size: 0.9em;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-menu.line-top, .hnav .navbar-nav .dropdown-menu.line-top {
    border-top: 3px solid #E7214C;
}
.dropdown-menu.arrow-top:before, .hnav .navbar-nav .dropdown-menu.arrow-top:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background: none;
    border: none;
    border-bottom: 10px solid #cccccc;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    position: absolute;
    top: -10px;
    left: 30px;
}
.dropdown-menu.arrow-top:after,
.hnav .navbar-nav .dropdown-menu.arrow-top:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background: none;
    border: none;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    top: -8px;
    left: 31px;
}
@media (max-width: 767px) {
    .dropdown-menu.arrow-top:before,
    .dropdown-menu.arrow-top:after,
    .hnav .navbar-nav .dropdown-menu.arrow-top:before,
    .hnav .navbar-nav .dropdown-menu.arrow-top:after {
        display: none;
    }
}

.dropdown-menu.dropdown-right,
.hnav .dropdown-menu.dropdown-right,
.pull-right > .dropdown-menu,
.hnav .navbar-right .dropdown-menu {
    right: -15px;
    left: auto;
}
.dropdown-menu.dropdown-right.arrow-top:before,
.hnav .dropdown-menu.dropdown-right.arrow-top:before,
.pull-right > .dropdown-menu.arrow-top:before,
.hnav .navbar-right .dropdown-menu.arrow-top:before {
    right: 30px;
    left: auto;
}
.dropdown-menu.dropdown-right.arrow-top:after,
.hnav .dropdown-menu.dropdown-right.arrow-top:after,
.pull-right > .dropdown-menu.arrow-top:after,
.hnav .navbar-right .dropdown-menu.arrow-top:after {
    right: 31px;
    left: auto;
}

@media (max-width: 767px) {
    .dropdown-menu.dropdown-left-xs {
        left: 0 !important;
        right: auto !important;
    }
    .dropdown-menu.dropdown-left-xs.arrow-top:before {
        left: 30px;
        right: auto;
    }
    .dropdown-menu.dropdown-left-xs.arrow-top:after {
        left: 31px;
        right: auto;
    }
}

.dropdown-menu.dropdown-panel {
    min-width: 270px;
    text-transform: none;
}
@media (max-width: 767px) {
    .dropdown-menu.dropdown-panel {
        min-width: 260px;
    }
}
.dropdown-menu.dropdown-panel header {
    background: #dee0e3;
    padding: 15px;
    font-size: 15px;
    line-height: 1;
    color: #42464d;
}
.dropdown-menu.dropdown-panel .btn {
    margin-top: 0;
}
.dropdown-menu.dropdown-panel .form-control,
.dropdown-menu.dropdown-panel .form-group {
    font-size: 12px;
}
.dropdown-menu.dropdown-panel .form-control {
    padding: 6px 10px;
}

/* HNAV ----------------------------------------- */
.hnav {
    min-height: 56px;
    z-index: 300;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
}
.hnav.hnav-borderless {
    border: none;
}
.hnav.hnav-ruled {
    box-sizing: content-box;
}
.hnav .container {
    position: relative;
    z-index: 200;
}
.hnav .navbar-right {
    margin-left: 15px;
    margin-right: 0;
}
.hnav .navbar-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
@media (max-width: 767px) {
    .hnav .navbar-absolute {
        position: static;
        width: auto;
    }
}
.hnav .navbar-center {
    text-align: center;
    float: none;
}
.hnav .navbar-nav.navbar-center {
    font-size: 0;
}
.hnav .navbar-nav.navbar-center > li {
    float: none;
    display: inline-block;
}
@media (max-width: 767px) {
    .hnav .navbar-nav.navbar-center {
        text-align: left;
    }
    .hnav .navbar-nav.navbar-center > li {
        display: block;
    }
}
@media (max-width: 767px) {
    .hnav .navbar-nav.navbar-left-xs {
        text-align: left;
    }
    .hnav .navbar-nav.navbar-left-xs > li {
        display: block;
    }
}
@media (max-width: 767px) {
    .hnav .navbar-nav.navbar-right-xs {
        text-align: right;
    }
    .hnav .navbar-nav.navbar-right-xs > li {
        display: block;
    }
}
@media (max-width: 767px) {
    .hnav .navbar-nav.navbar-center-xs {
        float: none !important;
        font-size: 0;
        text-align: center;
    }
    .hnav .navbar-nav.navbar-center-xs > li {
        float: none !important;
        display: inline-block;
    }
}
.hnav .navbar-left {
    margin-right: 15px;
    margin-left: 0;
}
.hnav .navbar-left .navbar-left:last-child,
.hnav .navbar-left .navbar-right:last-child,
.hnav .navbar-right .navbar-left:last-child,
.hnav .navbar-right .navbar-right:last-child {
    margin-right: 0;
    margin-left: 0;
}
@media (max-width: 767px) {
    .hnav .navbar-right-xs {
        float: right !important;
        margin-left: 15px;
        margin-right: 0;
    }
    .hnav .navbar-left-xs {
        float: left !important;
        margin-right: 15px;
        margin-left: 0;
    }
}

/* navbar header ........................... */
.hnav .navbar-header {
    height: 56px;
}

/* navbar brand ........................... */
.hnav .navbar-brand {
    display: block;
    margin: 0;
    padding: 0 15px 0 15px;
    color: inherit;
    line-height: 56px;
    height: 56px;
    font-size: 20px;
    width:100%;
    text-align:center;
}
.hnav .navbar-brand img {
    width: auto;
    display: block;
    line-height: 1;
    height: 30px;
    margin: 13px auto;
}
.hnav .navbar-brand.border-r {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 30px;
    margin-right: 15px;
}

/* navbar toggle ........................... */
.hnav .navbar-toggle {
    padding: 0;
    text-align: center;
    color: #131416;
    margin: 8px 15px 0 15px;
    width: 30px;
    line-height: 28px;
    font-size: 21px;
    border-radius: 0;
    border: 1px solid #131416;
    position: absolute;
    left:0;
    z-index: 300;
}
.hnav .navbar-toggle.no-border {
    border: none;
}

/* navbar-nav ........................ */
.hnav .navbar-nav {
    margin: 0;
    position: static;
    line-height: 1;
    width:100%;
}
.hnav .navbar-nav.top-tab {
    margin: 0;
    position: static;
    line-height: 1;
    right: 0;
    width: inherit;
}
.hnav .navbar-nav.borders-r > li > a,
.hnav .navbar-nav.borders-lr > li > a {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.hnav .navbar-nav.borders-l > li > a,
.hnav .navbar-nav.borders-lr > li > a {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.hnav .navbar-nav.borders-lr > li > a {
    margin-left: -1px;
}
.hnav .navbar-nav.boxed-links > li > a {
    line-height: 46px;
    height: 46px;
    margin: 5px 0;
}
.hnav .navbar-nav > li {
    text-transform: inherit;
}
.hnav .navbar-nav > li > a {
    text-transform: inherit;
    padding: 0 20px;
    font: normal 14px/56px "NanumBarunGothic";
    border-radius: 0;
    height: 56px;
}
.hnav .navbar-nav.bg-black > li > a {
    text-transform: inherit;
    color: #000;
    padding: 0 35px;
    border-radius: 0;
    height: 56px;
}
.hnav .navbar-nav > li > a.category {
    background-color:#fff;
    color:#000;
    padding: 0 20px;
}
.hnav .navbar-nav > li > a .img-left,
.hnav .navbar-nav > li > a .icon-left,
.hnav .navbar-nav > li > a .toggler {
    display: inline-block;
}
.hnav .navbar-nav > li > a.square {
    display: block;
    width: 56px;
    text-align: center;
    padding: 0;
}
.hnav .navbar-nav > li > a .icon-outline,
.hnav .navbar-nav > li > a .icon-outline.icon-left {
    display: inline-block;
    text-align: center;
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-size: 13px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.hnav .navbar-nav > li > a .img-left {
    margin: 0 10px 0 0;
}
.hnav .navbar-nav > li > a .icon-lg {
    font-size: 1.5em;
}
.hnav .navbar-nav > li > a .toggler {
    margin-left: 5px;
    opacity: 0.5;
    transition: all 0.3s;
}
.hnav .navbar-nav > li > a .nav-label {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 20px;
    top: -10px;
    right: 0;
    font-size: 11px;
    z-index: 10;
}
.hnav .navbar-nav > li > a .nav-label.label-hot {
    background: #E95144;
}
.hnav .navbar-nav > li > a .nav-label.label-new {
    background: #00B2B2;
}
.hnav .navbar-nav > li > a .nav-label.label-feat {
    background: #468C00;
}
.hnav .navbar-nav > li:hover > a,
.hnav .navbar-nav > li.active > a,
.hnav .navbar-nav > li.open > a,
.hnav .navbar-nav > li > a:focus,
.hnav .navbar-nav > li.alt-state > a {
    color: #000;
    background: none;
}
.hnav .navbar-nav > li:hover > a .nav-label,
.hnav .navbar-nav > li.active > a .nav-label,
.hnav .navbar-nav > li.open > a .nav-label,
.hnav .navbar-nav > li > a:focus .nav-label,
.hnav .navbar-nav > li.alt-state > a .nav-label {
    top: -25px;
}
.hnav .navbar-nav.active-bcolor > li:hover > a,
.hnav .navbar-nav.active-bcolor > li.active > a,
.hnav .navbar-nav.active-bcolor > li.open > a,
.hnav .navbar-nav.active-bcolor > li > a:focus,
.hnav .navbar-nav.active-bcolor > li.alt-state > a {
    color: #131416;
}
.hnav .navbar-nav > li.dropdown.open > a {
    height: auto;
}
.hnav .navbar-nav > li.dropdown.open > a.category {
    height: auto;
    background-color:#da2237;
    color:#fff;
}

/* dropdowns ........................... */
@media (max-width: 767px) {
    .hnav .navbar-collapse .navbar-nav > .dropdown .dropdown-menu,
    .hnav .navbar-collapse .dropdown-menu {
        margin: -1px 0;
        border: 1px solid rgba(0, 0, 0, 0.1);
        height: auto;
        overflow-y: scroll;
    }
    .hnav .navbar-collapse .navbar-nav > .dropdown .dropdown-menu:after,
    .hnav .navbar-collapse .navbar-nav > .dropdown .dropdown-menu:before,
    .hnav .navbar-collapse .dropdown-menu:after,
    .hnav .navbar-collapse .dropdown-menu:before {
        display: none;
    }
}

/* navbar elements........................... */
.hnav .navbar-text, .hnav .navbar-btn, .hnav .navbar-form, .hnav .navbar-btn-group .btn {
    margin-top: 11px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-family: inherit;
    padding-top: 0;
    padding-bottom: 0;
}


@media (max-width: 767px) {
    .hnav .navbar-dont-collapse {
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 64px;
        width: 100%;
    }
    .hnav .navbar-dont-collapse.no-toggle {
        padding-right: 0;
    }
    .hnav .navbar-dont-collapse .navbar-left, .hnav .navbar-dont-collapse.navbar-left {
        float: left;
    }
    .hnav .navbar-dont-collapse .navbar-right, .hnav .navbar-dont-collapse.navbar-right {
        float: right;
    }
    .hnav .navbar-dont-collapse .navbar-nav > li {
        float: left;
    }
    .hnav .navbar-dont-collapse .navbar-nav .open .dropdown-menu {
        position: absolute;
        background: #fff;
    }
}

/* navbar-collapse
........................ */
.navbar-collapse.in {
    overflow-y: hidden;
}
.hnav .navbar-collapse {
    padding: 0;
}
@media (max-width: 767px) {
    .hnav .navbar-collapse {
        margin: 0;
    }
    .hnav .navbar-collapse .navbar-nav > li > a {
        background: #333;
        color: rgba(255, 255, 255, 0.8);
        padding: 0 20px;
        line-height: 50px;
        height: auto;
        font-size: 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin: 0;
    }
    .hnav .navbar-collapse .navbar-nav > li > a .icon-left {
        text-align: center;
        width: 20px;
    }
    .hnav .navbar-collapse .navbar-nav > li > a .toggler {
        float: right;
        line-height: inherit;
    }
    .hnav .navbar-collapse .navbar-nav > li > a .nav-label {
        display: none;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: 20px;
    }
    .hnav .navbar-collapse .navbar-nav > li:last-child > a {
        border-bottom: none;
    }
}

/* Hnav Inverse ----------------------------------------- */
.hnav.invert-colors {
    color: #fff;
}
.hnav.invert-colors .btn-outline {
    color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.8);
}
.hnav.invert-colors .btn-outline:hover {
    background: rgba(255, 255, 255, 0.1);
}
.hnav.invert-colors .navbar-brand {
    color: #fff;
}
.hnav.invert-colors .navbar-brand.border-r {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.hnav.invert-colors .navbar-toggle {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.hnav.invert-colors .navbar-toggle.no-border {
    border: none;
}
.hnav.invert-colors .navbar-nav.borders-lr > li > a,
.hnav.invert-colors .navbar-nav.borders-l > li > a,
.hnav.invert-colors .navbar-nav.borders-r > li > a {
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.hnav.invert-colors .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.8);
}
.hnav.invert-colors .navbar-nav > li:hover > a,
.hnav.invert-colors .navbar-nav > li.active > a {
    color: #fff;
}
.hnav.invert-colors .navbar-nav.fill-default > li:hover > a,
.hnav.invert-colors .navbar-nav.fill-default > li.active > a {
    background: rgba(255, 255, 255, 0.1);
}


/* Hnav Sizes ------------------------------------ */
/* hnav-sm */
.hnav.hnav-sm {
    min-height: 50px;
}
.hnav.hnav-sm .navbar-header {
    height: 50px;
}
.hnav.hnav-sm .navbar-brand {
    line-height: 50px;
    height: 50px;
    font-size: 15px;
}
.hnav.hnav-sm .navbar-brand img {
    height: 30px;
    margin: 10px 0;
}
@media (max-width: 767px) {
    .hnav.hnav-sm .nav-buttons {
        position: absolute;
        top: 8px;
        right: 60px;
    }
    .hnav.hnav-sm .nav-buttons .navbar-left, .hnav.hnav-sm .nav-buttons .btn-wrapper.navbar-left {
        float: left;
        margin: 0 0 0 15px;
    }
}
.hnav.hnav-sm .navbar-toggle {
    margin-top: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 15px;
}
.hnav.hnav-sm .navbar-nav > li > a {
    padding: 0 0;
    line-height: 50px;
    height: 50px;
    font-size: 13px;
}
@media screen and (min-width: 769px) {
    .hnav.hnav-sm .navbar-nav > li > a {
        padding: 0 10px;
    }
}
@media (min-width: 0px) and (max-width: 768px) {
    .hnav.hnav-sm .navbar-nav > li > a {
        padding: 0 10px;
    }
}

.hnav.hnav-sm .navbar-btn-group {
    height: 50px;
}
.hnav.hnav-sm .hnav.hnav-sm .navbar-text,
.hnav.hnav-sm .navbar-btn,
.hnav.hnav-sm .navbar-form,
.hnav.hnav-sm .navbar-btn-group .btn {
    margin-top: 8px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
}
.hnav.hnav-sm .navbar-btn-group .btn {
    height: 34px;
    line-height: 34px;
    font-size: 13px;
}
.hnav.hnav-sm .navbar-form .form-group,
.hnav.hnav-sm .navbar-form .form-control,
.hnav.hnav-sm .navbar-form .button,
.hnav.hnav-sm .navbar-form .btn {
    height: 34px;
    line-height: 34px;
}

/* BOXED LAYOUT -------------------------------------------------- */
.boxed-wrapper {
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1170px) {
    .boxed-wrapper {
        width: 100%;
    }
    .boxed-wrapper .container {
        max-width: 1110px !important;
        width: auto !important;
    }
}
.boxed-section {
    margin-left: auto;
    margin-right: auto;
}
.boxed-section .container {
    padding-left: 30px;
    padding-right: 30px;
}
.boxed-section .container.cont-pad-x-15 {
    padding-left: 15px;
    padding-right: 15px;
}

/* LAYOUT SETUP -------------------------------------------------- */
.page-wrapper {
    background: #fff;
    position: relative;
    *width:1230px;
}
.page-wrapper.margin-y.boxed-wrapper {
    margin: 40px auto;
}

/* Z LAYERS -------------------------------------------------- */
.content-block .container, .intro-block .container, .footer-block .container {
    position: relative;
}
.header-block {
    position: relative;
}
.hnav.nav-bottom {
    position: relative;
    z-index: 300;
    border: none;
}
.hnav.nav-side {
    position: relative;
    z-index: 301;
}
.hnav.nav-top {
    position: relative;
    z-index: 302;
}

/* CONTENT -------------------------------------------- */
.content-block {
    min-height: 565px;
}
.content-block > .container {
    padding-bottom: 30px;
}
@media (max-width: 767px) {
    .content-block {
        height: 100%;
    }
    .content-block > .container {
        padding-bottom: 30px;
        padding-right:15px;
        padding-left:15px;
    }
}
.content-block > .container.cont-pad-y-lg {
    padding-top: 80px;
    padding-bottom: 80px;
}
.content-block > .container.cont-pad-t-sm, .content-block > .container .cont-pad-t-20 {
    padding-top: 20px;
}
.content-block > .container.cont-pad-t-xs, .content-block > .container .cont-pad-t-15 {
    padding-top: 15px;
}

.intro-block.intro-page .container {
    padding-top: 80px;
    padding-bottom: 80px;
}
@media (max-width: 991px) {
    .intro-block.intro-page .container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .intro-block.intro-page .container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* TITLES -------------------------------------------- */
.section-title {
    text-align: center;
    margin: 0 0 40px 0;
}
.section-title.half-margin {
    margin-bottom: 25px;
}
.section-title h2 {
    font-size: 21px;
    font-weight:bold;
    position: relative;
    color: #42464d;
    display: block;
    padding: 0 0 15px 0;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}
.section-title h2:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 3px;
    width: 60px;
    background: #E7214C;
    bottom: 0;
}
.section-title p {
    margin: 0 auto;
    width: 50%;
}
.section-title.invert-colors {
    color: #fff;
}
.section-title.invert-colors h2 {
    color: #fff;
}
.section-title.invert-colors h2:after {
    background: #fff;
}
.section-title.invert-colors p {
    opacity: 0.6;
}
@media (max-width: 991px) {
    .section-title p {
        width: 70%;
    }
}
@media (max-width: 767px) {
    .section-title h2 {
        font-size: 20px;
    }
    .section-title p {
        font-size: 12px;
    }
}

/* HOME PAGE --------------------------------------------- */
.product-tabs .tab-panel {
    padding-top: 15px;
}

/* HEADER BLOCK ------------------------------------------- */
@media (max-width: 767px) {
    .header-block {
        padding-top: 32px;
    }
    .header-block.line-top {
        border-top: none;
        background-color:#f4f4f4;
    }
}
.main-header {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.main-header .header-cols {
    padding: 30px 0;
}
@media (max-width: 767px) {
    .main-header {
        border-top: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        background: #fff;
    }
    .main-header .header-cols {
        padding: 10px 0;
    }
}
.main-header .header-cols {
    position: relative;
}
.main-header .brand-col a {
    display: inline-block;
    height: 36px;
    font-size: 13px;
    line-height: 35px;
    font-weight: normal;
}
.main-header .brand-col img {
    display: inline-block;
    max-width: 100%;
    height: 50px;
}
.main-header .left-col, .main-header .right-col {
    width: 37.5%;
    height: 100%;
    position: absolute;
    top: 0;
}
.main-header .left-col {
    left: 0;
    padding-right: 30px;
}
.main-header .right-col {
    right: 0;
    padding-left: 30px;
}
@media (max-width: 767px) {
    .main-header .brand-col img {
        width: auto;
        max-width: 100%;
        display: inline;
    }
    .main-header .left-col, .main-header .right-col {
        position: static;
        width: auto;
        padding: 0;
    }
}
.main-header.brand-left .brand-col {
    margin: 0;
}
.main-header.brand-left .left-col {
    left: auto;
    right: 25%;
    padding: 0;
}

/* HEADER ELEMENTS ------------------------------------------- */
.header-search {
    width: 45%;
    margin: 0 0 0 0;
    float: right;
    display: inline-block;
    text-align: right;
}
.header-search .form-group {
    position: relative;
    width: 75%;
    padding-right: 0;
    margin-right: 1%;
    float: left;
    vertical-align: top;
}
.header-search .form-group input {
    border: 1px solid #d6d6d6;
    padding: 0 0 0 10px;
    height: 36px;
}
.header-search .form-group .btn {
    position: absolute;
    right: 12px;
    top: 2px;
    background-color:#fff;
}
@media (max-width: 991px) {
    .header-search {
        width: 180px;
    }
}
@media (max-width: 767px) {
    .header-search {
        width: 100%;
        z-index: 300;
        padding: 10px 10px 0;
        box-sizing: border-box;
    }
}

/* HEADER NAVS ------------------------------------------- */
.hnav.nav-top {
    margin: 0;
    border: none;
}

.hnav.nav-side {
    padding: 0 15px;
    height: 50px;
    margin-top:45px;
}
@media all and (min-width:0px) and (max-width:768px) {
    .hnav.nav-side { margin-top:10px; }
}

.hnav.nav-bottom.hnav-ruled {
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
}
.hnav.nav-bottom.hnav-ruled .navbar-nav.line-top > li.active > a:after,
.hnav.nav-bottom.hnav-ruled .navbar-nav.line-top > li:hover > a:after {
    top: -1px;
}
.hnav.nav-bottom.hnav-ruled .navbar-nav.line-bottom > li.active > a:after,
.hnav.nav-bottom.hnav-ruled .navbar-nav.line-bottom > li:hover > a:after {
    bottom: -1px;
}
.hnav.nav-bottom .container {
    padding: 0;
}
.hnav.nav-bottom.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    z-index: 310;
}
.hnav.nav-bottom.fixed.invert-colors {
    border: none;
}
.hnav.nav-bottom.fixed .navbar-nav .nav-label {
    display: none;
}
.hnav.nav-bottom .navbar-header {
    margin: 0;
}
@media (max-width: 991px) {
    .hnav.nav-bottom .navbar-nav > li > a {
        padding: 0 10px;
    }
    .hnav.nav-bottom .navbar-collapse .navbar-nav > li > a {
        padding: 0 20px;
    }
}
@media (max-width: 767px) {
    .hnav.nav-bottom.hnav-ruled {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        border-top: none;
        box-shadow: 0 1px 6px rgba(0,0,0,0.2);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 320;
    }
    .hnav.nav-bottom.invert-colors {
        border: none;
    }
}

/* FOOTER -------------------------------------------------- */
.footer-block {
    font-size: 13px;
    position: relative;
    border-top: 1px dotted #ababab;
}
.footer-block b {font-weight: 700;}
@media (max-width: 768px) {
    .footer-block {
        margin-bottom:60px;
    }
}
.footer-block .container.cont-top {
    padding: 3px 0 5px;
}
.footer-block .brand-col {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    text-align: right;
    height: 230px;
}
.footer-block .brand-col img {
    display: inline-block;
    margin-right: 30px;
}
.footer-block .brand-col.brand-center {
    text-align: center;
}
.footer-block .brand-col.brand-center img {
    margin: 0;
}
.footer-block h5 {
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-size: 16px;
    color: #333;

}

@media (min-width: 767px) {
    .vlinks { float: right; }
}
.footer-block .vlinks > li > a {
    color: inherit;
    line-height: 2em;
}
.footer-block .vlinks > li:hover > a {
    color: #E7214C;
}
.footer-block .hlinks.hlinks-icons > li {
    margin: 3px;
    float:left;
}

.footer-block .footer-bottom {
    text-align: left;
    display: block;
    padding: 10px 34px;
}
@media (max-width: 767px) {
    .footer-block .footer-bottom {
        padding: 10px 15px;
    }
}
.footer-block .footer-bottom a {
    color: inherit;
}
.footer-block .footer-bottom a strong{
    margin: 0 2px 0 8px;
    padding: 2px 12px;
    background: #656565;
    font-weight: normal;
    color: #bbb;
    border-radius: 20px;
}
.footer-block .footer-bottom .hlinks > li > a {
    line-height:60px;
    color:inherit;
}
.footer-block .footer-bottom .hlinks > li > a span {
    color:#afafaf;
}
.footer-block .copy-text {
    color: #afafaf;
}
.footer-block .payapp {
    padding:3px 10px;
    margin-left:5px;
    border-radius:10px;
    background-color:#3f76bd;
    color:#ededed;
}
.footer-block .payapp strong {
    padding-left:4px; color:#b9fffd;
}
@media (max-width: 480px) {
    .footer-block .payapp {
        display:inline-block;
        margin-top:5px;
        padding:0 10px;
    }
}

@media (max-width: 1023px) {
    .footer-block .brand-col {
        display: none;
    }
    .footer-block .links-col {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .footer-block .links-col { padding: 0 0; }
    .footer-block .links-col address { margin-bottom:5px; }
    .footer-block .footer-bottom .pull-right,
    .footer-block .footer-bottom .pull-left {
        float: none !important;
    }
    .footer-block .footer-bottom .payment-methods,
    .footer-block .footer-bottom .hlinks {
        margin-top: 10px;
    }
    .footer-block .footer-bottom .payment-methods > li > a,
    .footer-block .footer-bottom .hlinks > li > a {
        line-height: 1;
    }
    .footer-block  p.foot-slogan{
        padding-left: 20px;
    }
}

.footer-block .invert-colors,
.footer-block.invert-colors {
    color: rgba(255, 255, 255, 0.6);
}
.footer-block .invert-colors .brand-col,
.footer-block.invert-colors .brand-col {
    border-color: rgba(255, 255, 255, 0.1);
}
.footer-block .invert-colors .vlinks > li:hover > a,
.footer-block .invert-colors .hlinks > li:hover > a,
.footer-block .invert-colors h5,
.footer-block.invert-colors .vlinks > li:hover > a,
.footer-block.invert-colors .hlinks > li:hover > a,
.footer-block.invert-colors h5 {
    color: #fff;
}

/* VLINKS ----------------------------------- */
.bottom-list {
    border-bottom: 1px dotted #ababab;
}
.bottom-list .list-left {
    float: left;
    line-height: 42px;
    margin-left: -10px;
}
.bottom-list .list-right {
    float:right;
    line-height: 42px;
    margin-right: -10px;
}
@media (max-width: 768px) {
    .bottom-list .list-left{margin-left:0}
    .bottom-list .list-right{margin-right:0}
}
@media (max-width: 664px) {
    .bottom-list {
        padding: 5px 5px;
    }
    .bottom-list .list-left {
        margin-left: 0;
        line-height: 20px;
        padding: 0 7px;
    }
    .bottom-list .list-left li:nth-child(2){
        margin-left:0
    }
    .bottom-list .list-right {
        float: left;
        line-height: 20px;
        padding: 0 7px;
        margin-right:0;
    }
    .bottom-list .list-right li:first-child {
        margin-left: 0;
    }
}
.vlinks > li {
    font-size: 12px;
    float: left;
    padding: 0 7px 0 0;
    margin-left: 7px;
}
.vlinks > li:last-child {
    background: none;
}

.bottom_info {
    margin: 20px 0.5% 0;
}
.bottom_info .shopinfo ul li {
    float:left;
    margin-right:12px;
    padding:1px 0;
    font-size:12px;
}
.bottom_info .shopinfo ul li:before {
    content: "ㆍ";
    padding-right: 8px;
    color: #333;
}
@media (max-width: 767px) {
    .bottom_info {
        margin: 10px 0.5% 0;
    }
    .bottom_info .shopinfo ul li {
        float: none;
    }
}
.top_info .shopinfo ul li {
    padding: 1px 0;
    font-size: 12px;
    line-height: 18px;
}

/* HLINKS */
.hlinks {
    line-height: 25px;
}
.hlinks > li {
    font-size: 13px;
}
.hlinks > li > a {
    display: block;
    padding: 0 15px;
    line-height: 2.5em;
    color: #666b76;
}
.hlinks > li > a .icon-left {
    margin-right: 10px;
    opacity: 0.4;
}
.hlinks > li:hover > a,
.hlinks > li.active > a {
    color: #E7214C;
}
.hlinks.invert-colors > li > a {
    color: #fff;
}

.hlinks-icons > li {
    margin: 0 3px;
}
.hlinks-icons > li > a {
    line-height: 1;
    padding: 0;
}
.hlinks-icons > li > a .icon {
    display: inline-block;
    text-align: center;
    line-height: 25px;
    height: 25px;
    width: 25px;
    font-size: 12px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
.hlinks-icons > li img {
    width: 25px;
    height: auto;
}

/* TAGS ---------------------------------------------------*/
ul.tags {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.tags li {
    display: block;
    float: left;
    margin: 0 7px 7px 0;
}
ul.tags li a {
    display: block;
    font-size: 12px;
    line-height: 1;
    border: 1px solid #131416;
    color: #131416;
    padding: 10px 15px;
}
ul.tags li a:hover {
    background: #E7214C;
    border: 1px solid #E7214C;
    color: #fff;
}

/* PRODUCT ---------------------------------------------------------- */
.product {
    background: #fff;
    position: relative;
    text-align: center;
    margin: 10px 0;
    padding: 0 0 0 0;
}
.product p {
    height:auto;
    padding:0 20px;
    text-overflow: ellipsis;
    white-space: nowrap; /* 줄바꿈방지 */
    word-break: break-all;
    overflow: hidden;
}
.product .title, .product .label {
    display: block;
}
.product .label {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-transform: uppercase;
    font: normal 11px/1 "Roboto";
    padding: 10px 13px;
}
.product .label.label-sale {
    background: #E95144;
}
.product .label.label-hot {
    background: #FFC60A;
}
.product .desc {
    line-height: 1.4em;
    display: none;
    margin: 0 0 15px 0;
}
.product .image {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    border: 1px solid #ddd;
}
.product .image img {
    max-width: 100%;
    overflow: hidden;
    min-height:253px;
    max-height:253px;
}
.product .img_no {
    display: block;
    position: relative;
    /*min-height: 300px;*/
    max-height:253px;
    line-height:253px;
    z-index: 0;
}
.product .image a.main img {
    width: 100%;
    height: 100%;
}
.product .title {
    color: #131416;
    margin: 0 0 10px 0;
}
.product .price-box {
    margin: 0 0 15px 0;
    min-height: 20px;
}
.product .price {
    display: inline-block;
    color: #E7214C;
    margin: 0 5px;
    font-family: Tahoma, sans-serif;
}
.product .old_price {
    font-family: Tahoma, sans-serif;
}
.product .subject_red {
    font-family: Tahoma, sans-serif;
}
.product .price strong {
    display: inline-block;
    font-size: 18px;
    padding-right: 3px;
}
.product .btn {
    margin: 0;
    padding: 0 13px;
    line-height: 35px;
    height: auto;
}
.product .btn-outline {
    border: 1px solid rgba(19, 20, 22, 0.2);
    color: #131416;
    background: #fff;
}
.product:hover .btn-outline {
    border-color: #131416 !important;
}

/* CART ---------------------------------------------------------- */
.cart {
    width: 100%;
    margin-bottom: 40px;
    border: 1px solid #ddd;
}
.totals {
    width: 28%;
    border-left: 1px solid #ddd;
    vertical-align: top;
}

.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}
.ui-front {
    z-index: 100;
}

/* Icons ----------------------------------*/
.ui-icon {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.ui-icon:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-family: "FontAwesome", sans-serif;
    line-height: 16px;
    text-indent: 0;
}
.ui-icon-circle-triangle-w:after {
    content: "\f137";
}
.ui-icon-circle-triangle-e:after {
    content: "\f138";
}
.ui-icon-circle-triangle-n:after {
    content: "\f139";
}
.ui-icon-circle-triangle-s:after {
    content: "\f13a";
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    display: block;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider-horizontal {
    height: 10px;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em;
    width: 12px;
    height: 16px;
    top: -4px;
    cursor: pointer;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* Component containers ----------------------------------*/
.ui-tabs .ui-tabs-panel {
    padding:1em 0;
}
.ui-widget {
    font-size: 12px;
    ont-family: 'NanumBarunGothic','NanumGothic','malgun gothic','sans-serif';
}
#detailList :not(.ui-widget-content) {
    border: 1px solid #ddd;
    background: #fff;
    color: #666b76;
    z-index: 8;
}
.ui-widget-content a {
    color: #666b76;
}
.ui-widget-header {
    background: #E7214C;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states ----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6;
    font-weight: bold;
    color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #333;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce;
    font-weight: bold;
    color: #c77405;
}
.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #e7214c;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff;
    font-weight: bold;
    color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}

/* Interaction Cues ----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}

/* 블로그페이 부분 취소 레이어 170901 */

textarea.form-reason {
    display: block;
    width: 100%;
    height: 50px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background: #fff;
}
.form-reason:focus {
    border-color: #e62b40;
    outline: 0;
}
.form-reason::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-reason:-ms-input-placeholder {
    color: #999;
}
.form-reason::-webkit-input-placeholder {
    color: #999;
}

.form-bank:focus {
    border-color: #e62b40;
    outline: 0;
}
.form-bank::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-bank:-ms-input-placeholder {
    color: #999;
}
.form-bank::-webkit-input-placeholder {
    color: #999;
}

.reason-num {
    float: right;
    margin-top: 5px;
    color: #555;
}
.text-red {
    float: left;
    margin-top: 5px;
    color: #e62b40;
}

.bank_info {
    display: block;
    width: 100%;
}
.bank_info label {
    display: inline-block;
    width: 55px;
    padding-top: 7px;
}
.bank_info input {
    display: inline-block;
    width: calc(100% - 58px);
    height: 26px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background: #fff;
}

.bank_info2 {
    display: inline-block;
    width: calc(50% - 12px);
}
.bank_info2 + .bank_info2 {
    margin-left:20px;
}
.bank_info2 label {
    display: inline-block;
    width: 55px;
    padding-top: 7px;
}
.bank_info2 input {
    display: inline-block;
    width: calc(100% - 58px);
    height: 26px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background: #fff;
}
@media (max-width: 640px) {
    .bank_info2 {
        display: block;
        width: 100%;
    }
    .bank_info2 + .bank_info2 {
        margin-left:0;
    }
}

.btn-close2 {
    cursor:pointer;
    float: right;
}
@media (max-width: 480px) {
    .modal-body-m {
        max-height: 350px !important;
        overflow-y: scroll !important;
    }
}

@media (max-width:1170px) {
    .product .image img{min-height:218px;max-height:218px;}
    .product .img_no{min-height:218px;max-height:218px;}
}

@media (min-width: 640px) {
    .size-controll {
        height: 432px;
    }
}