@charset "utf-8";

html {
    font-size: 16px;
}

body {
    font-size: 1.0rem;
    min-width: 1280px;
    width: 100%;
    background-color: #222;
}

body.layerPopScrFixed {
    overflow-y: hidden;
}

body.single {
    min-width: auto;
    height: 100vh;
}

body.hide {
    opacity: 0;
}

.hidden {
    display: none !important
}

/* ====================================================================================================================================================== */
/* ====================================================================================================================================================== */
/* 공통영역 S. { */
/* 이벤트 페이지 스크립트 */
.event_ptom_warp {
    width: 100%;
    background-repeat: no-repeat;
}

.event_ptom_warp2 {
    width: 100%;
    background-repeat: no-repeat;
}

.event_ptom_warp_in {
    /* width:980px; */
    margin: 0 auto;
}

.event_ptom_warp_in>div {
    display: flex;
    justify-content: center;
}

.btm_bt {
    text-align: center;
    background-color: #1d2d62;
}

.btm_bt_p {
    padding-bottom: 2.5rem;
}

.btm_button {
    margin: auto;
    width: 31.25rem;
    padding: 1.25rem 0;
    text-decoration: none;
    display: inline-block;
    font-size: 1.125rem;
    transition-duration: 0.4s;
    cursor: pointer;
}

.btm_bt-load {
    margin-top: 2.5rem;
    background-color: #2dabe2;
    border-radius: 3.125rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: #fff;
}

.btm_bt-load:hover {
    background-color: #ed3023;
    color: #fff;
}

.btm_youtube_area {
    padding: 1.5625rem;
    background-color: #ededed;
    overflow: hidden;
}

.btm_yt {
    width: 27.1875rem;
    margin: 0.9375rem;
    float: left;
}

.btm_ytt {
    text-align: center;
    display: block;
    margin-bottom: 0.9375rem;
}

/* 상단 리본배너 */
.ribbon-banner-wrap {
    background-color: #ccc;
    z-index: 8;
    position: relative;
}

.ribbon-banner-wrap .wrap {
    position: relative;
}

.ribbon-banner-wrap .wrap .close-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    max-width: 1440px;
    width: 100%;
    height: 100%;
}

.ribbon-banner-wrap .wrap .close-wrap .close-link {
    display: block;
    width: 100%;
    height: 100%;
}

.ribbon-banner-wrap .wrap a.ribbon-banner-close {
    position: absolute;
    top: 50%;
    right: 0rem;
    transform: translate(0, -50%);
    width: 0.9375rem;
    height: 0.875rem;
    font-size: 0;
    line-height: 0;
    text-indent: -250%;
    overflow: hidden;
}

.ribbon-banner-wrap .wrap a.ribbon-banner-close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center center;
    width: 0.9375rem;
    height: 0.875rem;
    background-size: 0.9375rem 0.875rem;
    background: url("../images/common/ribbon-banner-close.svg")no-repeat;
}

.ribbon-banner-wrap .wrap .b-item {
    width: 100%;
    overflow: hidden;
}

.ribbon-banner-wrap .wrap .b-item a {
    display: block;
    font-size: 0;
    line-height: 0;
}

.ribbon-banner-wrap .wrap .b-item img {
    max-width: none;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
}

#naverPayBtn {
    width: 100%;
    margin-top: 1.5rem;
}

#naverPayBtn .npay_type_C_1_2,
#naverPayBtn .npay_type_C_2_2 {
    width: 100% !important;
}

/* 상단 TAB 링크 (공심몰/ 로그인, 회원가입, 고객센터) */
.topTab-link-wrap {
    background-color: #222;
}

.topTab-link-wrap .wrap {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 2.1875rem 0 0;
}

.topTab-link-wrap .wrap ul.link-wrap {
    display: flex;
    align-items: center;
}

.topTab-link-wrap .wrap ul.link-wrap li {
    margin: 0 0.625rem;
    display: flex;
    align-items: stretch;
}

.topTab-link-wrap .wrap ul.link-wrap li:first-child {
    margin-left: 1.25rem;
}

.topTab-link-wrap .wrap ul.link-wrap li a {
    color: #fff;
    font-size: 0.875rem;
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
    position: relative;
}

.topTab-link-wrap .wrap ul.link-wrap li:not(.active) a {
    z-index: 1;
}

.topTab-link-wrap .wrap ul.link-wrap li:not(.active) a:hover:before {
    content: '';
    z-index: -1;
    background-color: #393939;
    transition: 0.35s;
    border-radius: 3.125rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 2.5rem;
}

.topTab-link-wrap .wrap ul.link-wrap li.active a:hover {}

.topTab-link-wrap .wrap ul.link-wrap li.active {
    margin: 0;
}

.topTab-link-wrap .wrap ul.link-wrap li.active a {
    color: #111;
    font-size: 1rem;
    font-weight: 800;
    background: url('../images/common/site-menu-on-bg.jpg') repeat-x center bottom;
    padding: 0.3125rem 0 0 0;
}

.topTab-link-wrap .wrap ul.link-wrap li.active a:before {
    content: "";
    width: 3.4375rem;
    height: 3.4375rem;
    background: url('../images/common/site-menu-on-left.jpg') no-repeat center bottom;
    margin-right: 1.25rem;
}

.topTab-link-wrap .wrap ul.link-wrap li.active a:after {
    content: "";
    width: 3.4375rem;
    height: 3.4375rem;
    background: url('../images/common/site-menu-on-right.jpg') no-repeat center bottom;
    margin-left: 1.25rem;
}

.topTab-link-wrap .wrap ul.member-wrap {
    display: flex;
    align-items: center;
}

.topTab-link-wrap .wrap ul.member-wrap li {
    display: flex;
    align-items: center;
}

.topTab-link-wrap .wrap ul.member-wrap li+li:before {
    content: "";
    width: 1px;
    height: 0.875rem;
    background-color: #333;
    margin: 0 0.625rem;
}

.topTab-link-wrap .wrap ul.member-wrap li a {
    color: #fff;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    padding: 0.3125rem;
}

/* 헤더 :: GNB (로고, 검색, 최근 본 상품/마이페이지/장바구니) */
.header {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    z-index: 8;
}

.header:before {
    content: '';
    background-color: #eee;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    z-index: -1;
}

.header.shadow {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.header .header-top {
    background-color: #64B2FF;
}

.header .header-top .inner {
    max-width: 1520px;
    width: 100%;
    height: 2.1875rem;
    margin: 0 auto;
    padding: 0 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .header-top .inner>div>a {
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 400;
}

.header .header-top .inner>div>a+a {
    margin-left: 1.25rem;
}

.header .wrap {
    max-width: 1264px;
    width: 100%;
    height: 4rem;
    margin: 0 auto;
    padding: 0 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header .wrap .logo {
    position: relative;
    display: flex;
    align-items: center;
    width: 4.8125rem;
    overflow: hidden;
}

.header .wrap .logo a.logo {
    left: 0
}

.header .wrap .logo a.gnb-all-menu,
.side-menu .wrap .quick a.gnb-all-menu {
    display: block;
    position: relative;
    min-width: 3.0rem;
    width: 3.0rem;
    height: 3.0rem;
    border-radius: 10px;
    margin-right: 1.75rem;
    background-color: transparent;
    left: calc(-3.0rem + -1.75rem);
}

.side-menu .wrap .quick a.gnb-all-menu {
    margin-right: 0.875em;
    left: 0;
}

.header .wrap .logo a.gnb-all-menu span,
.side-menu .wrap .quick a.gnb-all-menu span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 50% 50%;

    margin-left: -0.75rem;
    width: 1.5rem;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
    transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .3s .6s ease-in-out, transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
}

.header .wrap .logo a.gnb-all-menu span.l1,
.side-menu .wrap .quick a.gnb-all-menu span.l1 {
    margin-top: -0.0625rem;
}

.header .wrap .logo a.gnb-all-menu span.l2,
.side-menu .wrap .quick a.gnb-all-menu span.l2 {
    margin-top: -0.5625rem;
}

.header .wrap .logo a.gnb-all-menu span.l3,
.side-menu .wrap .quick a.gnb-all-menu span.l3 {
    margin-top: 0.4375rem;
}

.header .wrap .logo a.gnb-all-menu.active,
.side-menu .wrap .quick a.gnb-all-menu.active {
    display: block;
    background-color: #000;
}

.header .wrap .logo a.gnb-all-menu.active span,
.side-menu .wrap .quick a.gnb-all-menu.active span {
    background-color: #fff;
    transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
}

.header .wrap .logo a.gnb-all-menu.active span.l1,
.side-menu .wrap .quick a.gnb-all-menu.active span.l1 {
    width: 0rem;
    margin-left: 0rem;
    opacity: 0;
}

.header .wrap .logo a.gnb-all-menu.active span.l2,
.side-menu .wrap .quick a.gnb-all-menu.active span.l2 {
    margin-top: -0.0625rem;
    transform: rotate(45deg);
}

.header .wrap .logo a.gnb-all-menu.active span.l3,
.side-menu .wrap .quick a.gnb-all-menu.active span.l3 {
    margin-top: -0.0625rem;
    transform: rotate(-45deg);
}

.header .wrap .search {
    width: 28.75rem;
    height: 3.0rem;
    border: 2px solid #000;
    border-radius: 3.0rem;
    overflow: hidden;
}

.header .wrap .search form {
    display: flex;
}

.header .wrap .search input[type=text] {
    font-size: 1.0rem;
    width: calc(28.5rem - 2.75rem);
    height: 2.75rem;
    border: 0;
    padding: 0 1.875rem 0 1.0rem;
    outline: none;
}

.header .wrap .search input[type=submit] {
    font-size: 0;
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    background: url('../images/common/sch-btn-icon.png') no-repeat center center/contain;
    cursor: pointer;
}



.header .wrap .nav {
    height: 100%;
    /*position: absolute; right: 13.875rem;*/
}

.header .wrap .nav>ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.header .wrap .nav>ul li {
    padding: 0 0.9375rem;
    height: 100%;
    display: flex;
    align-items: center;
}

.header .wrap .nav>ul li+li {
    /*margin-left: 0.75rem;*/
    /*padding-left: 1.3125rem;*/
}

.header .wrap .nav>ul li a {
    color: #000;
    font-weight: 600;
    /*padding-bottom:0.625rem;*/
    position: relative;
    transition: .25s;
    /*margin-top:1.45rem;*/
    font-size: 18px;
    z-index: 2;
}

.header .wrap .nav>ul li a:hover {
    color: #005afb;
}

.header .wrap .nav>ul li a.active {
    color: #005afb;
}

.header .wrap .nav>ul li a::before {
    content: none;
}

.header .wrap .nav>a+a {
    margin-left: 3.75rem;
}



.header .wrap .util {
    display: flex;
    flex-direction: column;
    /* width:16.5625rem; */
}

.header .wrap .util>.h-member {
    margin-bottom: 1.25rem;
}

.header .wrap .util>.h-member ul {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.header .wrap .util>.h-member ul li {}

.header .wrap .util>.h-member ul li>a {
    font-size: 0.8125rem;
    color: #666;
}

.header .wrap .util>.h-member ul li+li {
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    position: relative;
}

.header .wrap .util>.h-member ul li+li:before {
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.header .wrap .util>.h-util {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.header .wrap .util>.h-util>div {
    position: relative;
    display: flex;
    align-items: center;
}

.header .wrap .util .header-search {
    position: relative;
    width: 2rem;
    height: 2rem;
}

/* .header .wrap .util .header-search:after{content:'';position:absolute;right:-1.25rem;top:50%;transform:translateY(-50%);width:1px;height:2rem;background-color:#ddd;} */
.header .wrap .util .header-search>a {
    display: flex;
}

.header .wrap .util .header-search>a:before {
    content: '';
    background: url("../images/common/header_search.svg")no-repeat;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
}

.header .wrap .util a {
    position: relative;
    /* padding-bottom:1.25rem; */
}

.header .wrap .util a+a {
    margin-left: 0.25rem;
}

.header .wrap .util a figure {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .wrap .util a em {
    /* position:absolute;bottom:0;left:50%;transform:translate(-50%,0); */
    color: #666;
    font-size: 0.6875rem;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
    margin-top: 0.3125rem;
}

.header .wrap .util a.todayView {
    border: 1px solid #D1D5DB;
    border-radius: 0.25rem;
    padding: 0.25rem;
}

.header .wrap .util a.todayView.active {
    background-color: #F7F7F7;
}

.header .wrap .util a.todayView figure {
    max-width: 1.5rem;
    max-height: 1.5rem;
}




.header .wrap .util .mypage {
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid transparent;
}

.header .wrap .util .mypage .my-wrap {
    position: absolute;
    right: -1px;
    top: calc(100% + 0.5rem);
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    background-color: #fff;
    padding: 0.75rem;
    min-width: 11.875rem;
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.24);
    display: none;
}

.header .wrap .util .mypage .my-wrap a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.75rem;
    border-radius: 4px;
    margin-left: 0;
    color: #030712;
}

.header .wrap .util .mypage .my-wrap a:hover {
    background-color: #F3F4F6;
}

.header .wrap .util .mypage.active {
    border: 1px solid #D1D5DB;
    background: #F3F4F6;
    border-radius: 4px;
}

/* GNB 상단 고정시 이벤트 */
.header.fixed .wrap {
    height: 5.5rem;
}

.header.fixed .wrap .logo a.logo {
    left: 0;
}

.header.fixed .wrap .logo a.gnb-all-menu {
    left: 0;
}

.header.fixed .wrap .util a {
    padding-bottom: 0;
}

.header.fixed .wrap .util a em {
    font-size: 0;
    line-height: 0;
    margin-top: 0;
    opacity: 0;
}

.header.fixed .wrap .util a figure {
    margin-bottom: 0;
}

.header.fixed .wrap .util a+a {
    margin-left: 0.625rem;
}

.side-menu.fixed {
    margin-top: 2.5rem;
}


/* GNB 하단 :: 사이드 메뉴 (예약판매, 신상품, 재입고, 다운로드 / 베스트, 이벤트ㆍ쿠폰, 출석체크) */
.side-menu {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

.side-menu .wrap {
    max-width: 1280px;
    width: 100%;
    height: 4.9375rem;
    margin: 0 auto;
    padding: 0 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.side-menu .wrap .quick {
    display: flex;
    align-items: center;
}

.side-menu .wrap .quick a {
    display: flex;
    align-items: center;
    height: 2.375rem;
    color: #fff;
    font-size: 1.0rem;
    font-weight: 500;
    background-color: #ccc;
    border-radius: 2.375rem;
    padding: 0 1.25rem 0 0.875rem;
}

.side-menu .wrap .quick a+a {
    margin-left: 0.625rem;
}

.side-menu .wrap .quick a.salebysub {
    background-color: #8767CA;
}

.side-menu .wrap .quick a.newprd {
    background-color: #4B54B4;
}

.side-menu .wrap .quick a.restock {
    background-color: #4DAC5C;
}

.side-menu .wrap .quick a.down {
    background-color: #29A2A2;
}

.side-menu .wrap .quick a.salebysub:before {
    content: "";
    width: 1.25rem;
    height: 1.3125rem;
    background: url('../images/common/quick-salebysub.png') no-repeat center center;
    margin-right: 0.3125rem;
}

.side-menu .wrap .quick a.newprd:before {
    content: "";
    width: 1.25rem;
    height: 1.3125rem;
    background: url('../images/common/quick-newprd.png') no-repeat center center;
    margin-right: 0.3125rem;
}

.side-menu .wrap .quick a.restock:before {
    content: "";
    width: 1.25rem;
    height: 1.3125rem;
    background: url('../images/common/quick-restock.png') no-repeat center center;
    margin-right: 0.3125rem;
}

.side-menu .wrap .quick a.down:before {
    content: "";
    width: 1.25rem;
    height: 1.3125rem;
    background: url('../images/common/quick-download.png') no-repeat center center;
    margin-right: 0.3125rem;
}

.side-menu .wrap .hotlink {
    display: flex;
    align-items: center;
}

.side-menu .wrap .hotlink a {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0 0;
}

.side-menu .wrap .hotlink a+a {
    margin-left: 2.75rem;
}

.side-menu .wrap .hotlink a.best:before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: url('../images/common/hotlink-best.png') no-repeat center center;
    margin-right: 0.1875rem;
}

.side-menu .wrap .hotlink a.eventncoupon:before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: url('../images/common/hotlink-eventncoupon.png') no-repeat center center;
    margin-right: 0.1875rem;
}

.side-menu .wrap .hotlink a.attendcheck:before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: url('../images/common/hotlink-attendcheck.png') no-repeat center center;
    margin-right: 0.1875rem;
}

.dim-background {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 7;
    display: none;
}

/* 전체메뉴 (햄버거 클릭시) */
.all-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 7;
}

.all-menu .wrap {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    min-height: 15.4375rem;
}

.all-menu .wrap:before {
    content: '';
    background-color: #eee;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.all-menu .wrap .conts {
    position: relative;
    max-width: 1264px;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 2.5rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.all-menu .wrap .conts .menu {
    position: relative;
    /* max-width:226px; */
    width: 100%;
}

.all-menu .wrap .conts .menu:first-child {
    /* max-width:206px; */
    width: 100%;
}

/* .all-menu .wrap .conts > .menu.dep1{display:none;} */
.all-menu .wrap .conts .menu.block {
    display: block;
}

.all-menu .wrap .conts .menu.dep2>ul>li+li {
    margin-left: 1.5rem;
}

.all-menu .wrap .conts>.menu.dep1 ul {
    display: flex;
}

.all-menu .wrap .conts>.menu:first-child ul {
    padding-left: 0
}

.all-menu .wrap .conts .menu ul li {
    position: relative;
    /* opacity:0.5; */
    width: 100%;
}

.all-menu .wrap .conts .menu ul li.all {
    display: none;
}

.all-menu .wrap .conts>.menu.dep1>ul>li+li {
    margin-left: 3.5rem;
    position: relative;
    padding-left: 1.25rem;
}

.all-menu .wrap .conts>.menu.dep1>ul>li+li:before {
    content: '';
    background-color: #f1f1f1;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* .all-menu .wrap .conts > .menu  ul > li > ul > li:hover > a:before{content:"";position:absolute;top:50%;right:0;transform:translate(0,-50%);width:1.5rem;height:1.5rem;background:url('../images/common/gnb-all-menu.svg') no-repeat;} */
.all-menu .wrap .conts .menu.dep2 {}

.all-menu .wrap .conts>.menu.dep2>ul {
    display: flex;
}

.all-menu .wrap .conts>.menu.dep2>ul>li {
    width: auto;
    min-width: 8rem;
    height: auto;
}

.all-menu .wrap .conts>.menu.dep2>ul>li.title {
    width: 12rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.all-menu .wrap .conts>.menu.dep2>ul>li+li {
    /*margin-top:1.25rem;*/
}

.all-menu .wrap .conts>.menu.dep2>ul>li:not(.all):first-child>a {
    padding-left: 0;
}

.all-menu .wrap .conts>.menu.dep2>ul>li>a {
    color: #030712;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 0 0.5625rem;
}

.all-menu .wrap .conts>.menu.dep2>ul>li>a.agency01:before {
    content: '';
    background: url("../images/common/agency-img01.png")no-repeat center/cover;
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 16px;
    margin-right: 10px;
}

.all-menu .wrap .conts>.menu.dep2>ul>li>a.agency02:before {
    content: '';
    background: url("../images/common/agency-img02.png")no-repeat center/cover;
    display: inline-block;
    width: 18px;
    min-width: 18px;
    height: 19px;
    margin-right: 10px;
}

.all-menu .wrap .conts>.menu.dep2>ul>li>a.agency03:before {
    content: '';
    background: url("../images/common/agency-img03.png")no-repeat center/cover;
    display: inline-block;
    width: 22px;
    min-width: 22px;
    height: 16px;
    margin-right: 10px;
}

.all-menu .wrap .conts>.menu.dep2>ul>li>ul {
    margin-top: 0.25rem;
}

.all-menu .wrap .conts>.cs {
    display: none;
    position: relative;
    width: 100%;
    min-height: 24.75rem;
}

.all-menu .wrap .conts>.cs.active {
    display: block;
}

.all-menu .wrap .conts>.cs>ul {
    display: flex;
    min-height: 24.75rem;
}

.all-menu .wrap .conts>.cs>ul>li {
    width: calc(100% / 6) !important;
}

.all-menu .wrap .conts>.cs>ul>li+li {
    border-left: 1px solid #F1F1F1;
}

.all-menu .wrap .conts>.cs>ul>li>a {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
}

.all-menu .wrap .conts>.cs>ul>li>ul {
    margin-top: 1.875rem;
}

.all-menu .wrap .conts>.cs>ul>li>ul>li {
    position: relative;
    width: 100%;
    transition: all .25s .0s ease-in-out;
    -webkit-transition: all .25s .0s ease-in-out;
    -moz-transition: all .25s .0s ease-in-out;
    -ms-transition: all .25s .0s ease-in-out;
    -o-transition: all .25s .0s ease-in-out;
}

.all-menu .wrap .conts>.cs>ul>li>ul>li+li {
    margin-top: 0.25rem;
}

.all-menu .wrap .conts>.cs>ul>li>ul>li>a {
    /*max-width:12.25rem;*/
    padding-left: 1.25rem;
}

.all-menu .wrap .conts>.cs>ul>li:first-child>ul>li>a {
    padding-left: 0;
}

.all-menu .wrap .conts>.cs>ul>li>ul>li>a {
    color: rgba(0, 0, 0, 0.5);
}

.all-menu .wrap .conts>.cs>ul>li>ul>li:hover>a {
    color: #6997FF;
}

/* .all-menu .wrap .conts > .cs > ul > li > ul > li:hover > a:before{content:"";position:absolute;top:50%;right:0;transform:translate(0,-50%);width:1.5rem;height:1.5rem;background:url('../images/common/gnb-all-menu.svg') no-repeat;}
  .all-menu .wrap .conts > .cs > ul > li:first-child > a{padding-left:0;} */
.all-menu .wrap .conts>.cs>ul>li>a {
    padding-left: 1.25rem;
}

/* .all-menu .wrap .conts .menu ul li + li {margin-top:0.5rem;} */
.all-menu .wrap .conts .menu ul li a {
    position: relative;
    display: block;
    color: #000;
    font-size: 1.0rem;
    font-weight: 700;
    /*padding:0.3125rem 0;*/
}

.all-menu .wrap .conts .menu ul li:hover {
    opacity: 1;
}

.all-menu .wrap .conts>.menu ul>li:first-child>ul>li>a {
    padding-left: 0;
}

.all-menu .wrap .conts>.menu ul>li>ul>li>a {
    color: #030712;
    font-size: 0.875rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 0 0.5625rem;
    line-height: 2rem;
    border-radius: 3px;
}

.all-menu .wrap .conts>.menu ul>li>ul>li+li {
    margin-top: 0.25rem;
}

.all-menu .wrap .conts .menu ul>li>ul>li:hover>a {
    font-weight: 500;
    background-color: #F3F4F6;
}

.all-menu .wrap .conts .menu ul li:hover:before {
    background-position: right bottom;
}

.all-menu .wrap .conts .menu ul li.sel {
    opacity: 1;
}

.all-menu .wrap .conts .menu ul li.sel a,
.all-menu .wrap .conts .menu ul li.sel:hover a {
    color: #000;
}

.all-menu .wrap .conts .menu ul li.sel:before {
    background-position: right center;
}

.all-menu .wrap .conts .menu ul li.all {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    opacity: 1;
    z-index: 1;
}

/* .all-menu .wrap .conts .menu ul li.all:hover a {color:#000;} */
/* .all-menu .wrap .conts .menu ul li.all:before {content:"";position:absolute;top:50%;right:0;transform:translate(0,-50%);width:1.5rem;height:1.5rem;background:url('../images/common/all-menu-link.png') no-repeat center center/1.5rem 1.5rem;} */
.all-menu .wrap .conts .etc {
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    display: none;
}

.all-menu .wrap .conts .all-mene-banner {
    position: absolute;
    right: 2.5rem;
    width: 18.75rem;
}

.all-menu .wrap .conts .all-mene-banner .box {
    margin-right: -1.6875rem;
}

.all-menu .wrap .conts .menu.dep2 ul,
.all-menu .wrap .conts .menu.dep3 ul,
.all-menu .wrap .conts .menu.dep4 ul {
    /* position:absolute;display:none; */
}

.all-menu .wrap .conts .menu.dep2 ul.active,
.all-menu .wrap .conts .menu.dep3 ul.active,
.all-menu .wrap .conts .menu.dep4 ul.active {
    position: relative;
}

.all-menu .wrap .conts .menu ul::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
    border-radius: 0px;
    /* 스크롤바의 너비 */
}

.all-menu .wrap .conts .menu ul::-webkit-scrollbar-thumb {
    display: block;
    width: 2px;
    /* 스크롤바의 길이 */
    background-color: #000;
    /* 스크롤바의 색상 */
    border-radius: 0px;
    border: 1px solid #000;
    cursor: default !important;
}

.all-menu .wrap .conts .menu ul::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 0, 0, 1);
    border: 1px solid rgba(255, 0, 0, 1);
    cursor: default !important;
}

.all-menu .wrap .conts .menu ul::-webkit-scrollbar-track {
    display: none;
    background: transparent;
    /*스크롤바 뒷 배경 색상*/
}

.all-menu .wrap .conts .menu ul::-webkit-scrollbar-button:start:decrement,
.all-menu .wrap .conts .menu ul::-webkit-scrollbar-button:end:increment {
    /*  스크롤의 화살표가 포함된 영역   */
    display: none;
    height: 1.0rem;
    background-color: transparent;
}

.all-menu .wrap .brand {
    position: relative;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 3.75rem 2.5rem;
}

.all-menu .wrap .brand .table {
    display: flex;
    justify-content: space-between;
}

.all-menu .wrap .brand .table a {}

.all-menu .wrap .brand .table a figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.25rem;
    height: 6.25rem;
    background-color: #f7f7f7;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.all-menu .wrap .brand .table a figure:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #fff;
    z-index: -1;
}

/* .all-menu .wrap .brand .table a:hover figure {background-color:#999;box-shadow:5px 5px 15px rgba(0,0,0,0.15);}
	.all-menu .wrap .brand .table a:hover figure:before {width:calc(100% - 3px);height:calc(100% - 3px);} */
.all-menu .wrap .brand .table a:hover figure {
    background-color: #ddd;
}

.all-menu .wrap .brand .table a figure:before {
    display: none
}

.all-menu .wrap .brand .table a em {
    display: block;
    color: #666;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    font-style: normal;
    margin-top: 0.625rem;
}

#search-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 8;
    display: none;
    width: 100%;
}

/* #search-menu:before{content:'';background-color:rgba(0,0,0,0.8);width:100%;position:absolute;left:0;top:0;height:100vh;z-index:-1;} */
#search-menu .search-menu-bg {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    display: none;
}



#search-menu .search-Box {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
}

#search-menu .search-Box .wrap {
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem;
    /*border:1px solid #000;*/
    border-top: none;
}

#search-menu .search-Box .wrap .inner {
    max-width: 1184px;
    width: 100%;
    margin: 0 auto;
}

#search-menu .search-Box .wrap .search-top {
    width: 100%;
    max-width: 1184px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: 4rem;
    position: absolute;
    bottom: calc(100% + 1px);
}

#search-menu .search-Box .wrap .search-top .logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 4rem;
}

#search-menu .search-Box .wrap .search-top .logo a {
    display: flex;
    height: 1.75rem;
    position: relative;
    top: 1px;
}

#search-menu .search-Box .wrap .input-clear-box {
    width: 100%;
    border-radius: 0.625rem;
    overflow: hidden;
    max-width: 987px;
}

#search-menu .search-Box .wrap .input-clear-box.search button.btnInputClear {
    right: 3.75rem;
    top: 50%;
    transform: translateY(-50%);
}

#search-menu .search-Box .wrap .input-clear-box form {
    display: flex;
    align-items: center;
}

#search-menu .search-Box .wrap .input-clear-box input[type=text] {
    width: calc(100% - 3.75rem);
    border: none;
    line-height: 3.125rem;
    font-size: 1rem;
    padding-left: 0.75rem;
}

#search-menu .search-Box .wrap .input-clear-box input[type=text]::-webkit-input-placeholder {
    color: #BCBCBC;
}

#search-menu .search-Box .wrap .input-clear-box input[type=text]::-moz-placeholder {
    color: #BCBCBC;
}

#search-menu .search-Box .wrap .input-clear-box input[type=text]:-ms-input-placeholder {
    color: #BCBCBC;
}

#search-menu .search-Box .wrap .input-clear-box input[type=text]::-ms-input-placeholder {
    color: #BCBCBC;
}

#search-menu .search-Box .wrap .input-clear-box input[type=text]::placeholder {
    color: #BCBCBC;
}

#search-menu .search-Box .wrap .input-clear-box input[type=submit] {
    border: none;
    background: url("../images/common/header_search_form.svg")no-repeat center center;
    width: 1.25rem;
    height: 1.25rem;
}

#search-menu .search-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
}

#search-menu .search-close:before {
    content: '';
    background: url("../images/common/header-search-close.svg")no-repeat center center/cover;
    width: 1.5rem;
    height: 1.5rem;
}


#search-menu .search-words {
    display: flex;
    width: 100%;
}

#search-menu .search-words>div {
    width: 50%;
    padding: 0 1.875rem;
    position: relative;
}

/* #search-menu .search-words > div + div:before{content:'';width:1px;height:100%;position:absolute;left:0;top:0;background-color:#f1f1f1;} */
#search-menu .search-words>div>h4 {
    font-size: 1.125rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

#search-menu .search-words>div ul li+li {
    margin-top: 0.625rem;
}

#search-menu .search-words>div ul li>a {
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    display: inline-flex;
}

#search-menu .search-words>div ul li>a span.num {
    font-weight: 600;
    margin-right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #F3F4F6;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#search-menu .search-words>div ul li>a p {
    transition: .25s;
}

#search-menu .search-words>div ul li>a p:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-underline-offset: 2px;
}

#search-menu .words-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#search-menu .words-list>p.none {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 0.875rem;
    color: #666;
}

#search-menu .words-list>p.none:before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("../images/common/search-caption.svg")no-repeat;
    margin-right: 0.3125rem;
}

#search-menu .words-list>div.tag {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 2px;
    border: 1px solid #D1D5DB;
    padding: 0 0.5rem;
    cursor: pointer;
    line-height: 20px;
}

#search-menu .words-list>div>a {
    color: #030712;
    font-size: 0.875rem;
    width: calc(100% - 1rem);
}

#search-menu .words-list>div>a.close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    margin-left: 4px;
}

#search-menu .words-list>div>a.close:before {
    content: '';
    background: url("../images/common/search-tag-close.svg")no-repeat center center;
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

#search-menu .words-list>div+div {
    margin-top: 0.625rem;
}








/* 레이어 팝업 :: 메인 이벤트 팝업 */
#main-layer-popup {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
}

#main-layer-popup.active {
    top: 0;
    opacity: 1;
}

#main-layer-popup.deactive {
    top: -100%;
}

#main-layer-popup .cont {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

#main-layer-popup .wrap {
    width: 36rem;
}

#main-layer-popup .wrap .event-list-wrap {
    position: relative;
}

#main-layer-popup .wrap .event-list-wrap .list .slick-slide {
    border-radius: 0.75rem 0.75rem 0 0;
    overflow: hidden;
}

#main-layer-popup .wrap .event-list-wrap .list {
    position: relative;
}

#main-layer-popup .wrap .event-list-wrap .list .slick-list {
    border-radius: 0.75rem 0.75rem 0 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-bottom: 1px solid #D1D5DB;
}

#main-layer-popup .wrap .clsBox {
    display: flex;
    align-items: center;
    border-radius: 0 0 0.75rem 0.75rem;
    background-color: #fff;
}

#main-layer-popup .wrap .clsBox a {
    width: 50%;
    color: #000;
    font-weight: 600;
    line-height: 4rem;
    text-align: center;
    padding: 0 0.625rem;
}

#main-layer-popup .wrap .clsBox a+a {
    position: relative;
}

#main-layer-popup .wrap .clsBox a+a:before {
    content: '';
    background-color: #D1D5DB;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 4rem;
}

/* #main-layer-popup .slidePopup-paging{position:absolute;left:50%;transform:translateX(-50%);bottom:1.25rem;}
	#main-layer-popup .slidePopup-paging .slick-dots{display:flex;align-items:center;}
	#main-layer-popup .slidePopup-paging .slick-dots li{border:1px solid #118CD1;width:0.625rem;height:0.625rem;border-radius:50%;}
	#main-layer-popup .slidePopup-paging .slick-dots li.slick-active{border:1px solid #118CD1;background-color:#118cd1;width:0.625rem;height:0.625rem;border-radius:50%;}
	#main-layer-popup .slidePopup-paging .slick-dots li + li{margin-left:0.3125rem;} */

#main-layer-popup .slide-paging-customer {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: right;
}

#main-layer-popup .slide-paging-customer .cnt {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background-color: #1F2937;
    border-radius: 2px;
    padding: 0.375rem;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#main-layer-popup .slide-paging-customer .cnt ul li {
    display: none;
}

#main-layer-popup .slide-paging-customer .cnt ul li.slick-active {
    display: block;
}

#main-layer-popup .slide-paging-customer .cnt ul li>span {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.0rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
}

#main-layer-popup .slide-paging-customer .cnt ul li>span+span::before {
    content: "/";
}

#main-layer-popup .close-btn {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 2.0625rem;
    top: 2.0625rem;
    z-index: 2;
    background: url('../images/common/close-btn.svg') no-repeat center center/cover;
}

/* 슬라이드 좌우화살표 중앙정렬 */
.slick-arrow.arrow-center {}

.slick-arrow.arrow-center a {
    position: absolute;
    top: 50%;
    width: 4rem;
    height: 4rem;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    text-indent: -250%;
    overflow: hidden;
}

.slick-arrow.arrow-center a.slick-prev {
    right: calc(100% + 0.5rem);
    background: url('../images/common/slide-icon-center.png') no-repeat left 0rem center/8rem 4rem;
}

.slick-arrow.arrow-center a.slick-next {
    left: calc(100% + 0.5rem);
    background: url('../images/common/slide-icon-center.png') no-repeat left -4rem center/8rem 4rem;
}

/* 슬라이드 좌우화살표 리스트밖 */
.slick-arrow.outside {
    position: relative;
    display: flex;
}

.slick-arrow.outside a {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0;
    line-height: 0;
    text-indent: -250%;
    overflow: hidden;
}

.slick-arrow.outside a.slick-prev {
    background: #fff url('../images/common/slide-icon-top.png') no-repeat left 0rem center/5.0rem 2.5rem;
    margin-right: 0.625rem;
}

.slick-arrow.outside a.slick-next {
    background: #fff url('../images/common/slide-icon-top.png') no-repeat right 0rem center/5.0rem 2.5rem;
    margin-left: 0.625rem;
}

.slick-arrow.outside:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 0.875rem;
    background-color: #d9d9d9;
}

/* 화살표 배경 투명 */
.slick-arrow.arrow-alpha a.slick-prev {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #eee;
}

.slick-arrow.arrow-alpha a.slick-next {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #eee;
}


/* 오른쪽 컨텐츠 :: 최근 본 상품 */
#latest-prd-view {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0);
    display: flex;
    justify-content: flex-end;
    z-index: 8;
    transition: width .1s .3s ease-in-out, background .2s .1s ease-in-out;
}

#latest-prd-view .wrap {
    position: relative;
    max-width: 40rem;
    width: 100%;
    height: 100%;
    transform: translate(100%, 0);
    background-color: #fff;
    transition: transform .45s .0s ease-in-out;
}

#latest-prd-view .wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 7px);
    height: 4.375rem;
    background: linear-gradient(transparent 0%, white 75%);
}

#latest-prd-view .wrap .head>a.close {
    width: 1.5rem;
    height: 1.5rem;
    background: #fff url('../images/common/latest-icon-close.svg') no-repeat center center;
    font-size: 0;
    line-height: 0;
    text-indent: -250%;
    overflow: hidden;
    transition: left .05s .0s ease-in-out;
    border-radius: 0.625rem;
}

#latest-prd-view .wrap>.head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem;
    border-bottom: 1px solid #D1D5DB;
    background-color: #fff;
}

#latest-prd-view .wrap>.head .tit {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 4rem;
    display: flex;
    align-items: center;
}

#latest-prd-view .wrap>.head .tit>div {
    display: flex;
    align-items: center;
    margin-left: 0.75rem;
    font-weight: 600;
    font-size: 1rem;
}

#latest-prd-view .wrap>.head .tit span {
    color: #64B2FF;
    padding-left: 0.3125rem;
}

#latest-prd-view .wrap>.head a.jjim-prd-list {
    color: #005696;
    border: 1px solid #005696;
    border-radius: 0.3125rem;
    background-color: #F5F9FB;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.625rem;
    padding: 0 0.75rem 0 0.9375rem;
    display: flex;
    align-items: center;
}

#latest-prd-view .wrap>.head a.jjim-prd-list:after {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url('../images/common/latest-prd-icon.svg') no-repeat;
    margin-left: 0.375rem;
}

#latest-prd-view .wrap>ul.list {
    height: calc(100% - 5.4375rem);
    overflow-y: auto;
    /*padding-bottom:3.75rem;padding-top:1.25rem;*/
}

#latest-prd-view .wrap>ul.list li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.75rem;
}

#latest-prd-view .wrap>ul.list li figure.thumb {
    max-width: 10rem;
    width: 100%;
    height: 10rem;
    border-radius: 4px;
    overflow: hidden;
    background-color: #E5E7EB;
    display: flex;
    align-items: center;
    justify-content: center;
}

#latest-prd-view .wrap>ul.list li div.infor {
    width: calc(100% - 6.25rem);
    padding: 0 2.0rem 0 1.0rem;
}

#latest-prd-view .wrap>ul.list li div.infor a.brand-link {
    font-size: 0.75rem;
    font-weight: 600;
    color: #9CA3AF;
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
}

#latest-prd-view .wrap>ul.list li div.infor a.brand-link::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url('../images/common/prd-list-arrow.svg') no-repeat center center;
    position: relative;
    top: -1px;
}

#latest-prd-view .wrap>ul.list li div.infor a.brand-link:before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url('../images/common/detail-icon-home.svg') no-repeat center center/cover;
    margin-right: 0.3125rem;
}

#latest-prd-view .wrap>ul.list li div.infor a.brand-link.bbaksim:before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url('../images/common/detail-icon-gongsim.svg') no-repeat center center;
    margin-right: 0.25rem;
}


#latest-prd-view .wrap>ul.list li div.infor p.cate {
    color: #888;
    font-size: 0.75rem;
    font-weight: 700;
}

#latest-prd-view .wrap>ul.list li div.infor p.subj {
    color: #030712;
    font-size: 1rem;
    font-weight: 400;
    max-width: 22.5rem;
}

/* #latest-prd-view .wrap > ul.list li div.infor p.price {color:#000;font-size:0.875rem;font-weight:700;margin-top:0.2rem;}
	#latest-prd-view .wrap > ul.list li div.infor p.price span {color:#000;font-size:0.75rem;font-weight:700;} */
#latest-prd-view .wrap>ul.list li div.infor .price-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#latest-prd-view .wrap>ul.list li div.infor .price-wrap .priceOri {
    font-size: 0.75rem;
    text-decoration: line-through;
    font-weight: 600;
    color: #9CA3AF;
    margin-bottom: 0.25rem;
    margin-top: 0.75rem;
}

#latest-prd-view .wrap>ul.list li div.infor .price-wrap>div {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.25rem;
    color: #030712;
}

#latest-prd-view .wrap>ul.list li div.infor .price-wrap>div p.dcPer {
    color: #64B2FF;
    margin-right: 0.25rem;
}

#latest-prd-view .wrap>ul.list li div.infor .tag {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
}

#latest-prd-view .wrap>ul.list li div.infor .tag span {
    display: inline-block;
    line-height: 1rem;
    padding: 0 0.375rem;
    background: #F3F4F6;
    font-size: 0.75rem;
    font-weight: 400;
    color: #030712;
}

#latest-prd-view .wrap>ul.list li div.infor .tag span+span {
    margin-left: 4px;
}

#latest-prd-view .wrap>ul.list li div.infor .review {
    display: flex;
    align-items: center;
    margin-top: 0.75rem;
    color: #030712;
}

#latest-prd-view .wrap>ul.list li div.infor .review>div {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
}

#latest-prd-view .wrap>ul.list li div.infor .review>div+div {
    margin-left: 0.75rem;
}

#latest-prd-view .wrap>ul.list li div.infor .review>div span {
    font-weight: 600;
}

#latest-prd-view .wrap>ul.list li div.infor .review>div.star::before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url('../images/common/prd-review-star.svg') no-repeat center center;
    margin-right: 0.25rem;
}

#latest-prd-view .wrap>ul.list li div.infor .review>div.review-num span {
    margin-left: 0.25rem;
}

#latest-prd-view .wrap>ul.list li div.infor .func {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
}

#latest-prd-view .wrap>ul.list li div.infor .func a {
    color: #666;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
}

#latest-prd-view .wrap>ul.list li div.infor .func span.line {
    width: 1px;
    height: 0.75rem;
    background-color: #eee;
    margin: 0 0.875rem;
}

#latest-prd-view .wrap>ul.list li div.infor .func a.jjim-func:before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: url('../images/common/latest-icon-heart.svg') no-repeat center center /1.125rem 1.125rem;
    background-size: contain;
}

#latest-prd-view .wrap>ul.list li div.infor .func a.jjim-func.active:before {
    background-image: url('../images/common/latest-icon-heart-full.svg');
}

#latest-prd-view .wrap>ul.list li div.infor .func a.nowbuy-func:before {
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    background: url('../images/common/latest-icon.svg') no-repeat left -3.75rem top -5.375rem/7.625rem 7.625rem;
    margin-right: 0.25rem;
}

#latest-prd-view .wrap>ul.list li a.del {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.375rem 0.5625rem;
    border: 1px solid #D1D5DB;
    border-radius: 3px;
}

#latest-prd-view .wrap>ul.list li a.del::before {
    content: "";
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    background: url('../images/common/latest-icon-close-s2.svg') no-repeat center center;
    margin-right: 0.375rem;
}

#latest-prd-view .wrap>ul.list li:hover {
    background-color: #F3F4F6;
}

#latest-prd-view .wrap>ul.list li:hover div.infor p.cate,
#latest-prd-view .wrap>ul.list li:hover div.infor p.subj {
    color: #000;
}

#latest-prd-view .wrap>ul.list li:hover a.del {
    background: #F3F4F6;
}

#latest-prd-view .wrap>ul.list li:hover div.infor .tag span {
    background: #fff;
}

#latest-prd-view.active {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: width .0s .0s ease-in-out, background .0s .1s ease-in-out;
}

#latest-prd-view.active .wrap {
    transform: translate(0, 0);
    transition: transform .25s .25s ease-in-out;
}

#latest-prd-view .wrap .head>a.close {
    transition: left .4s .6s ease-in-out;
}


/* SLIDE 기능 */
.slick-slide-wrap .slide-list {
    background-color: #eee
}

.slick-slide-wrap .slide-list .item {
    background-color: #ccc
}

.slick-slide-wrap+.slick-slide-wrap {
    margin-top: 50px
}

/* INPUT BOX 텍스트 입력시 */
.input-clear-box {
    position: relative;
}

.input-clear-box button.btnInputClear {
    position: absolute;
    top: 0.4375rem;
    right: 0.4375rem;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -250%;
    overflow: hidden;
    background: url('../images/common//icon-text-delete.svg') no-repeat center center/24px auto;
    border: none;
    cursor: pointer;
}

.input-clear-box.search button.btnInputClear {
    right: 2.75rem;
}

/* Scroll Bar Custom :: Default */
.scroll-bar-custom::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 0px;
    padding: 1px;
    /* 스크롤바의 너비 */
}

.scroll-bar-custom::-webkit-scrollbar-thumb {
    display: block;
    width: 4px;
    /* 스크롤바의 길이 */
    background-color: rgba(0, 0, 0, 0.48);
    /* 스크롤바의 색상 */
    border-radius: 0px;
    /* border:1px solid #000; */
    cursor: default !important;
}

/* .scroll-bar-custom::-webkit-scrollbar-thumb:hover {
		background-color:rgba(255,0,0,1);
		border:1px solid rgba(255,0,0,1);
		cursor:default !important;
	} */
.scroll-bar-custom::-webkit-scrollbar-track {
    display: none;
    background: rgba(0, 0, 0, .05);
    /*스크롤바 뒷 배경 색상*/
}

.scroll-bar-custom::-webkit-scrollbar-button:start:decrement,
.scroll-bar-custom::-webkit-scrollbar-button:end:increment {
    /*  스크롤의 화살표가 포함된 영역   */
    display: none;
    height: 1.0rem;
    background-color: transparent;
}

/* Scroll Bar Style :: Style */
.scroll-bar-style::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    padding: 0px;
    /* 스크롤바의 너비 */
}

.scroll-bar-style::-webkit-scrollbar-thumb {
    display: block;
    width: 4px;
    /* 스크롤바의 길이 */
    background-color: rgba(0, 0, 0, 0.48);
    /* 스크롤바의 색상 */
    border-radius: 10px;

    cursor: default !important;
}

.scroll-bar-style::-webkit-scrollbar-thumb:hover {
    /* background-color: rgba(255,0,0,1); */
    /*border: 1px solid rgba(255,0,0,1);*/
    cursor: default !important;
}

.scroll-bar-style::-webkit-scrollbar-track {
    display: none;
    background: rgba(0, 0, 0, 0.12);
    /*스크롤바 뒷 배경 색상*/
}

.scroll-bar-style::-webkit-scrollbar-button:start:decrement,
.scroll-bar-style::-webkit-scrollbar-button:end:increment {
    /*  스크롤의 화살표가 포함된 영역   */
    display: none;
    height: 1.0rem;
    background-color: transparent;
}




/* SUB페이지 :: 페이지 네비게이션 */
.container>.sub-naviagtor {
    position: relative;
    max-width: 1264px;
    width: 100%;
    padding: 3.125rem 2.5rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    z-index: 1;
}

.container>.sub-naviagtor.member-naviagtor {
    max-width: 42rem;
}

.container>.sub-naviagtor.orderconfirm-nav {
    max-width: 42rem;
}

.container>.sub-naviagtor.guide-naviagtor {
    max-width: 42rem;
}

.container>.sub-naviagtor.detail-naviagtor {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.container>.sub-naviagtor>div {
    position: relative;
    display: flex;
    align-items: center;
}

.container>.sub-naviagtor>div+div:before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url('../images/common/sub-navigator-arrow.png') no-repeat center center/contain;
    margin: 0 0.25rem;
}

.container>.sub-naviagtor>div>a {
    color: rgba(3, 7, 18, 1);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.container>.sub-naviagtor>div>a.sub-menuNone:after {
    display: none;
}

/* .container > .sub-naviagtor > div.menu > a:after {content:"";width:1.125rem;height:1.125rem;background:url('../images/common/sub-navigator-sel.png') no-repeat center bottom/1.0rem 2.0rem;;border:1px solid #e8e8e8;border-radius:50%;overflow:hidden;margin-left:0.625rem;} */
/* .container > .sub-naviagtor > div.menu.active > a {color:#64B2FF;} */
.container>.sub-naviagtor>div.menu.active>a:after {
    background-position: center top;
    border-color: #999;
}

.container>.sub-naviagtor>div:last-child>a,
.container>.sub-naviagtor>div.active:last-child>a {
    color: color;
    ;
    font-weight: 600;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap {
    display: none;
    position: absolute;
    top: 100%;
    left: 1.625rem;
    border: 1px solid #ccc;
    border-radius: 0.3125rem;
    overflow: hidden;
    min-width: 10rem;
    max-height: 20.0rem;
    background-color: #fff;
    padding: 0.75rem 0.75rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap ul {
    max-height: 18.5rem;
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap ul li {
    display: block;
    width: 8rem;
    padding: 0 0.25rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap ul li a {
    display: block;
    color: #888;
    font-size: 0.875rem;
    padding: 0.25rem 0;
    white-space: nowrap;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap ul li a:hover {
    color: #ed1b23;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap ul li a.active,
.container>.sub-naviagtor>div.menu>div.sub-menu-wrap ul li a.active:hover {
    color: #000;
    font-weight: 600;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols2 {
    width: 19.5rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols2 ul {
    background: url('../images/common/sub-menu-line.jpg') no-repeat left 0 top 0;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols2 ul li {
    width: 6.625rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols3 {
    width: 28.5rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols3 ul {
    background: url('../images/common/sub-menu-line2.jpg') no-repeat left 0 top 0;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols3 ul li {
    width: 6.625rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols4 {
    width: 39rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols4 ul li {
    width: 9.0rem;
    padding: 0 0.5rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols4 ul {
    background: url('../images/common/sub-menu-line3.jpg') no-repeat left 0 top 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols5 {
    width: 47rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols5 ul li {
    width: 9.0rem;
    padding: 0 0.5rem;
}

.container>.sub-naviagtor>div.menu>div.sub-menu-wrap.cols5 ul {
    background: url('../images/common/sub-menu-line4.jpg') no-repeat left 0 top 0;
    -moz-column-gap: 0;
    column-gap: 0;
}




/* LEFT MENU 스타일 */
/* 제품리스트(카테고리,서치결과,브랜드) */
.lf-menu-wrap {
    width: 20rem;
    opacity: 0;
}

.lf-menu-wrap::-webkit-scrollbar {
    display: none !important;
}

.lf-menu-wrap.category-ty,
.lf-menu-wrap.search-ty,
.lf-menu-wrap.brand-ty,
.lf-menu-wrap.mypage-ty,
.lf-menu-wrap.cscenter-ty {
    opacity: 1 !important;
}

.lf-menu-wrap.cscenter-ty,
.lf-menu-wrap.mypage-ty {
    width: 16rem;
}

.lf-menu-wrap .block {
    border-top: 1px solid #D1D5DB;
    padding: 1.5rem 0;
}

.lf-menu-wrap .block.cateMenuWrap {
    border-top: none;
    padding-top: 0;
}

.lf-menu-wrap .block.price {
    padding-bottom: 0;
}

.lf-menu-wrap .block .b-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}

.lf-menu-wrap .block .b-tit.first {
    padding: 0
}

.lf-menu-wrap .block .b-tit h1 {
    color: #6B7280;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.lf-menu-wrap .block.cateMenuWrap .b-tit h1 {
    color: #030712;
    font-weight: 700;
    font-size: 1.875rem;
}

.lf-menu-wrap .block .b-tit a.show-hide {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    line-height: 0;
    text-indent: -250%;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    overflow: hidden;
}

.lf-menu-wrap .block .b-tit a.show-hide:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.875rem;
    height: 2px;
    background-color: #6B7280;
    border-radius: 2px;
}

.lf-menu-wrap .block .b-tit a.show-hide:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 2px;
    height: 2px;
    background-color: #6B7280;
    border-radius: 2px;
}

.lf-menu-wrap .block.hide .b-tit a.show-hide:after {
    height: 0.875rem;
}

.lf-menu-wrap .block.hide .b-tit a.show-hide {
    transform: rotate(180deg);
}

.lf-menu-wrap .block .conts-box {}

.lf-menu-wrap .block .conts-box .chk {
    display: flex;
    align-items: center;
    margin-top: 0.75rem;
    padding: 0 1rem;
}

.lf-menu-wrap .block .conts-box .chk:first-child {
    margin-top: 1.5rem;
}

.lf-menu-wrap .block .conts-box .chk input[type=checkbox].cate+label {
    color: #030712;
    width: 100%;
    font-size: 1rem;
}

.lf-menu-wrap .block .conts-box .chk input[type=checkbox].cate:checked+label {
    color: #030712;
}

.lf-menu-wrap .block .conts-box .p-sel p.item {
    margin-top: 0.75rem;
    margin-left: 0.625rem
}

.lf-menu-wrap .block .conts-box .p-sel p.item a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    color: #030712;
    font-size: 1rem;
    line-height: 1.5rem;
    border: 1px solid #D1D5DB;
    border-radius: 2px;
    padding: 0 0.3125rem;
    font-weight: 400;
}

.lf-menu-wrap .block .conts-box .p-sel p.item a.active {
    border-color: #64B2FF;
}

.lf-menu-wrap .block .conts-box .p-range {
    padding: 1.25rem 1rem;
    margin-top: 3.125rem;
}

.lf-menu-wrap .block .conts-box .p-range p.both {
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 0.3125rem;
}

.lf-menu-wrap .block .conts-box .p-range .price-range-val {
    position: relative;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 2.5rem;
    overflow: hidden;
    margin-top: 1.25rem;
    display: none;
}

.lf-menu-wrap .block .conts-box .p-range .price-range-val #amount {
    width: 100%;
    height: 2.5rem;
    border: none;
    background: transparent !important;
    display: flex;
    align-items: center;
    padding: 0 0.6rem 0 0.6rem;
    color: #6997FF;
    font-size: 0.7rem;
    line-height: 2.5rem;
    font-weight: 600;
}

.lf-menu-wrap .block .conts-box .p-range .price-range-val #amount>span {
    color: #666;
    font-weight: 400;
}

.lf-menu-wrap .block .conts-box .p-range .price-range-val input[type=submit] {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translate(0, -50%);
    width: 1.25rem;
    height: 1.25rem;
    background: url('../images/common/price-range-sch-icon.png') no-repeat center center/cover;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -250%;
    overflow: hidden;
}

.lf-menu-wrap .block.price .conts-box {
    padding-bottom: 1.25rem;
}

.lf-menu-wrap .block.price .conts-box .p-sel {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-top: 0.75rem;
    padding: 0 1rem;
}

/* 카테고리 관련 */
.lf-menu-wrap .reset {
    position: -webkit-sticky;
    position: sticky;
    bottom: -3px;
    width: 100%;
    background-color: #fff;
    z-index: 3;
    padding-bottom: 3px;
}

.lf-menu-wrap a.sort-reset-btn {
    color: #030712;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    background-color: #fff;
    font-size: 0.875rem;
    width: 100%;
    height: 3rem;
    border: 1px solid #D1D5DB;
    border-radius: 0.25rem;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
}

.lf-menu-wrap a.sort-reset-btn:before {
    content: "";
    width: 1.0625rem;
    height: 1.0625rem;
    background: url('../images/common/list-sort-reset-icon.svg') no-repeat center center;
    margin-right: 0.5rem;
}

.lf-menu-wrap a.sort-reset-btn:hover:before {
    transform: rotate(180deg);
}


/* 검색결과시 좌측 메뉴 */
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1>a {
    position: relative;
    display: block;
    color: #6B7280;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0 1rem 0.75rem;
    cursor: default;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2>a {
    position: relative;
    display: block;
    color: #030712;
    ;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3>a {
    position: relative;
    display: block;
    /*color:#888;*/
    color: #4d4d4d;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep4>a {
    position: relative;
    display: block;
    /*color:#B9B9B9;*/
    color: #666;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    margin-bottom: 0.25rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.625rem;
    transform: translate(0, -50%);
    transform-origin: 50% 50%;
    width: 1.5rem;
    height: 1.5rem;
    background: url('../images/common/left-menu-icon.png') no-repeat left -1.5rem top 0rem/3.0rem 2.4375rem;
    opacity: 0;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.3125rem;
    transform: translate(0, -50%) rotate(0deg);
    transform-origin: 50% 50%;
    width: 0.9375rem;
    height: 0.9375rem;
    background: url('../images/common/left-menu-icon.png') no-repeat left -0.9375rem top -1.5rem/3.0rem 2.4375rem;
    opacity: 0;
}

/* .lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2 > a::before {content:"ㆍ";position:absolute;top:50%;left:-0.25rem;transform:translate(0,-50%);transform-origin:50% 50%;} */
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3>a:before {
    content: "-";
    position: absolute;
    top: 0.3125rem;
    left: -0.625rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2>ul {
    background-color: #f5f5f5;
    border-radius: 0.625rem;
    padding: 0.625rem 0.625rem 0.625rem 1.5rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1>ul,
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2>ul,
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3>ul {
    display: none;
}

/* 
		.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1 > a:hover {color:#000;font-weight:700;} */
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2>a:hover,
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3>a:hover,
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep4>a:hover {
    background-color: #F3F4F6;
    border-radius: 0.25rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1>a:hover:after {
    right: 0;
    opacity: 1;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2>a:hover:after {
    transform: translate(0, -50%) rotate(180deg);
    opacity: 1;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1.active>ul,
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2.active>ul,
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3.active>ul {
    display: block;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1.active>a {
    color: #6B7280;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2.active>a,
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep3.active>a,
.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep4.active>a {
    background-color: #F3F4F6;
    border-radius: 0.25rem;
    line-height: 1.5;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep1.active>a:after {
    background-position: left 0rem top 0rem;
    right: 0;
    opacity: 1;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.schMenu .dep2.active>a:after {
    transform: translate(0, -50%) rotate(180deg);
    background-position: left 0rem top -1.5rem;
    opacity: 1;
}

/* 일반페이지 좌측 메뉴 */
/* .lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2 > a {position:relative;display:block;color:#333;font-size:0.875rem;font-weight:500; line-height: 1.5rem;} */
.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu {
    margin-top: 1.5rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2>a {
    position: relative;
    display: block;
    color: #030712;
    ;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    line-height: 1.5;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3>a {
    position: relative;
    display: block;
    /*color:#888;*/
    color: #4d4d4d;
    font-size: 0.8125rem;
    font-weight: 400;
    padding: 0.5rem 0 0.5rem 0.625rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep4>a {
    position: relative;
    display: block;
    /*color:#888;*/
    color: #4d4d4d;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.5rem 0;
}

/* .lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2 > a:after {content:"";position:absolute;top:50%;right:0.625rem;transform:translate(0,-50%);transform-origin:50% 50%;width:1.5rem;height:1.5rem;background:url('../images/common/left-menu-icon.png') no-repeat left 0rem top 0rem/3.0rem 2.4375rem;opacity:0;} */

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.3125rem;
    transform: translate(0, -50%) rotate(0deg);
    transform-origin: 50% 50%;
    width: 0.9375rem;
    height: 0.9375rem;
    background: url('../images/common/left-menu-icon.png') no-repeat left -0.9375rem top -1.5rem/3.0rem 2.4375rem;
    opacity: 0;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3>a:before {
    content: "ㆍ";
    position: absolute;
    top: 50%;
    left: -0.25rem;
    transform: translate(0, -50%);
    transform-origin: 50% 50%;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep4>a:before {
    content: "-";
    position: absolute;
    top: 0.5rem;
    left: -0.625rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3>ul {
    background-color: #f5f5f5;
    border-radius: 0.625rem;
    padding: 0.625rem 0.625rem 0.625rem 1.5rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2>ul,
.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3>ul {
    display: none;
}

/* .lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2 > a:hover {font-weight:700;} */
.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3>a:hover,
.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep4>a:hover {
    font-weight: 600;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2>a:hover:after {
    right: 0;
    opacity: 1;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3>a:hover:after {
    transform: translate(0, -50%) rotate(180deg);
    opacity: 1;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2.active>ul,
.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3.active>ul {
    display: none;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2.active>a {
    background-color: #F3F4F6;
    border-radius: 0.25rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2>a:hover {
    background-color: #F3F4F6;
    border-radius: 0.25rem;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3.active>a,
.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep4.active>a {
    color: #000;
    font-weight: 600;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep2.active>a:after {
    background-position: left 0rem top 0rem;
    right: 0;
    opacity: 1;
}

.lf-menu-wrap .block.cateMenuWrap .conts-box.cateMenu .dep3.active>a:after {
    transform: translate(0, -50%) rotate(180deg);
    background-position: left 0rem top -1.5rem;
    opacity: 1;
}

.lf-menu-wrap .block#price_filter .conts-box {
    padding: 0;
}

/* 마이페이지 */
/*.lf-menu-wrap.mypage-ty {width:11.875rem;border-top:1px solid #000;}
	.lf-menu-wrap.mypage-ty ul {}
	.lf-menu-wrap.mypage-ty ul > li.dep1 {margin:1.0rem 0;border-bottom:1px solid #eee;padding-bottom:1.0rem;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > p {color:#000;font-size:0.875rem;font-weight:700;padding-bottom:0.5rem;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li {position:relative;padding-left:0.5rem;margin-top:0.5rem;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li:before {content:"";position:absolute;top:0.6rem;left:0;width:2px;height:2px;background-color:#999;border-radius:50%;overflow:hidden;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li > a {display:inline-block;color:#888;font-size:0.8125rem;font-weight:600;padding:0.25rem 0;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li:hover:before {background-color:#ed1b23;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li:hover > a {color:#ed1b23;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li.active:before {background-color:#000;}
	.lf-menu-wrap.mypage-ty ul > li.dep1 > ul > li.active > a {color:#000;}*/

.lf-menu-wrap.mypage-ty .block .b-tit h1 {
    line-height: 2.125rem
}

.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box {
    padding-bottom: 0;
}

.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box .dep1 {
    border-bottom: 1px solid #D1D5DB;
    padding: 1.5rem 0;
}

.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box ul li:first-child {
    margin-top: 0;
}

.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box .dep1>ul,
.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box .dep2>ul,
.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box .dep3>ul {
    display: block;
}

.lf-menu-wrap.mypage-ty>.kakao-banner {}

.lf-menu-wrap.mypage-ty>.kakao-banner>a.kakao-chatbot {
    display: flex;
    align-items: center;
    height: 3.75rem;
    color: #000;
    font-size: 0.875rem;
    font-weight: 700;
    background: #ffe600 url('../images/common/kakao.png') no-repeat right 1.875rem center;
    border-radius: 3.75rem;
    padding: 0 1.875rem;
}

.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box.schMenu .dep2>a:after {
    display: none
}

.lf-menu-wrap.mypage-ty .block.cateMenuWrap .show-hide {
    display: none
}

.lf-menu-wrap.mypage-ty .block.cateMenuWrap .conts-box.schMenu .dep1>a:after {
    display: none
}

/* 23-03-07 추가 */
.lf-menu-wrap .block.brand .conts-box {
    max-height: 23.875rem;
    overflow-y: auto;
    padding-bottom: 0;
}

.lf-menu-wrap.category-ty {
    position: -webkit-sticky;
    position: sticky;
    top: 9rem;
    overflow-y: auto;
    max-height: calc(80vh);
    padding-top: 5px;
}

.lf-menu-wrap.category-ty .lf-wrap {
    position: relative;
}

.lf-menu-wrap.search-ty {
    position: -webkit-sticky;
    position: sticky;
    top: 9rem;
    overflow-y: auto;
    max-height: calc(80vh);
    padding-top: 5px;
}

.lf-menu-wrap.cscenter-ty .block .b-tit h1 {
    line-height: 2.125rem
}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box .dep1>ul,
.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box .dep2>ul,
.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box .dep3>ul {
    display: block;
}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box {
    padding-bottom: 0;
    margin-top: 3rem;
}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box .dep1 {}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box .dep1>a {
    position: relative;
    display: block;
    color: #030712;
    ;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box.schMenu .dep1>a:after {
    display: none;
}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box.schMenu .dep1>a:before {
    display: none;
}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box.schMenu .dep1>a:hover {
    background-color: #F3F4F6;
    border-radius: 0.25rem;
}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box.schMenu .dep2>a:after {
    display: none
}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .show-hide {
    display: none
}

.lf-menu-wrap.cscenter-ty .block.cateMenuWrap .conts-box.schMenu .dep1>a:after {
    display: none
}

/* 달력 스타일 */
.calendar-wrap {
    width: 12rem;
    border: 1px solid #D1D5DB;
    overflow: hidden;
    border-radius: 0.1875rem;
}

.calendar-wrap input[type=text].calendar-date {
    display: block;
    width: 100%;
    height: 2.0rem;
    color: #000;
    font-size: 0.75rem;
    line-height: 2.0rem;
    text-align: left;
    border: none;
    padding: 0 0.5rem;
    background: #fff url('../images/common/calendar-icon.png') no-repeat center right 0.5rem/ 0.875rem auto;
}

.calendar-wrap input[type=text].calendar-dateImg {
    display: block;
    width: 100%;
    height: 2.0rem;
    color: #000;
    font-size: 0.75rem;
    line-height: 2.0rem;
    text-align: left;
    border: none;
    padding: 0 0.5rem;
    background: url('../images/common/calendar-icon.png') no-repeat center right 0.5rem/ 0.875rem auto;
}

.ui-datepicker {
    width: 17rem;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.24);
    border-radius: 0.75rem;
    padding: 1.5rem 1.25rem;
}

.ui-widget.ui-widget-content {
    border: 1px solid #D1D5DB;
}

.ui-datepicker .ui-datepicker-header {
    border-bottom: none;
}

.ui-widget-header {
    border: 0;
    background-color: #fff;
}

.ui-datepicker table tbody tr {
    border-top: 6px solid transparent;
}

.ui-datepicker table tbody tr+tr {
    border-top: 12px solid transparent;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ui-datepicker .ui-datepicker-prev {
    top: 50% !important;
    left: 5px !important;
    transform: translate(0, -50%);
}

.ui-datepicker .ui-datepicker-next {
    top: 50% !important;
    right: 5px !important;
    transform: translate(0, -50%);
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    width: 1.25rem;
    height: 1.25rem;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url('../images/common/calendar-arrow-icon.png') no-repeat left -1px center;
}

.ui-datepicker .ui-datepicker-next span {
    background: url('../images/common/calendar-arrow-icon.png') no-repeat right -1px center;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 1rem;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 0.75rem;
    line-height: 1.4;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 3px;
    margin: 0;
}

.ui-datepicker select.ui-datepicker-year {
    width: 4.125rem;
    background: url('../images/common/calendar-sel-icon.png') no-repeat right 0.1875rem top 0.3125rem/1.0rem 2.0rem;
    margin-right: 0.3125rem;
}

.ui-datepicker select.ui-datepicker-month {
    width: 3.375rem;
    background: url('../images/common/calendar-sel-icon.png') no-repeat right 0.1875rem top 0.3125rem/1.0rem 2.0rem;
    margin-left: 0.3125rem;
}

.ui-datepicker select.ui-datepicker-year:focus,
.ui-datepicker select.ui-datepicker-month:focus {
    background-position: right 0.1875rem bottom 0.375rem
}

.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar,
.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar {
    width: 10px;
    background-color: #f1f1f1;
    border-radius: 10px;
    padding: 0px
        /* 스크롤바의 너비 */
}

.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-thumb,
.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-thumb {
    display: block;
    width: 4px;
    /* 스크롤바의 길이 */
    background-color: #000;
    /* 스크롤바의 색상 */
    border-radius: 10px;
    border: 3px solid #f1f1f1;
    cursor: default !important;
}

.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-thumb:hover,
.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-thumb:hover {
    background-color: #000;
    cursor: default !important;
}

.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-track,
.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-track {
    display: none;
    background: rgba(0, 0, 0, .05);
    /*스크롤바 뒷 배경 색상*/
}

.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-button:start:decrement,
.ui-datepicker select.ui-datepicker-year::-webkit-scrollbar-button:end:increment,
.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-button:start:decrement,
.ui-datepicker select.ui-datepicker-month::-webkit-scrollbar-button:end:increment {
    /*  스크롤의 화살표가 포함된 영역   */
    display: none;
    height: 1.0rem;
    background-color: transparent;
}




.ui-datepicker th {
    font-size: 0.875rem;
    font-weight: normal;
    padding: 0.5em 0.2em;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    font-size: 0.875rem;
    text-align: center;
    border: none;
    background-color: #fff;
}

/* 날짜 기본 */
.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0.5em 0.2em;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #030712;
    border: 1px solid #D1D5DB;
    border-radius: 3px;
}

/* 오늘 */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border-radius: 3px;
    border-color: #F3F4F6;
    background-color: #F3F4F6;
    color: #030712
}

/* 선택한 날짜 */
.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,
.ui-button:hover,
.ui-button:focus {}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: inherit;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    color: #9CA3AF;
}

/* 이전달,다음달 날짜 */


/* DL 테이블 형식 */
.table>dl {
    display: flex;
    flex-wrap: wrap;
}

.table>dl.border {
    border: 1px solid #D1D5DB;
    border-radius: 0.25rem;
    padding: 1.5rem;
}

.table>dl>.title {
    margin-top: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #030712;
}

.table>dl dt {
    width: 100%;
    font-size: 0.875rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    margin-top: 1.5rem;
}

.table>dl dd {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.25rem;
    border-bottom: 0;
}

.table>dl dt label {
    position: relative;
    font-size: 1rem;
    line-height: 1.4;
}

.table>dl dt.require>label:after {
    content: "*";
    font-size: 0.75rem;
    color: red;
    font-weight: 600;
    right: -8px;
    top: 2px;
    position: absolute;
}


/* caution */
p.caution {
    position: relative;
    padding-left: 1.375rem;
}

p.caution:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    background: url('../images/common/caution-icon.png') no-repeat center center;
}

p.caution.red:before {
    background: url('../images/common/caution-icon-red.png') no-repeat center center;
}


/* SHARE 이미지 */
.share-icon {
    position: relative;
    margin-left: 0.3125rem;
    display: flex;
    align-items: center;
}

.share-icon>a.share-btn {
    width: 2.0rem;
    height: 2.0rem;
    background: url('../images/common/brand-share-icon.png') no-repeat center top -2px/2.0rem 4.375rem;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    text-indent: -250%;
    overflow: hidden;
}

.share-icon>.icon-wrap {
    position: absolute;
    top: calc(100% + 0.625rem);
    right: -0.3125rem;
    opacity: 0;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 0.25rem;
    padding: 0.75rem;
    /*box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.24);*/
    overflow: hidden;
    z-index: 1;
    transition: width .30s .0s ease-in-out, opacity .30s .0s ease-in-out;
    flex-wrap: wrap;
    border: 1px solid #D1D5DB;
    width: 12.5rem;
    visibility: hidden;
}

.share-icon.active>.icon-wrap {
    right: 0;
    visibility: visible;
}

.share-icon>.icon-wrap>a {
    width: 100%;
    border-radius: 0.25rem;
    overflow: hidden;
    font-size: 0.875rem;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.share-icon>.icon-wrap>a:hover {
    background-color: #F3F4F6;
}

.share-icon>.icon-wrap>a+a {}

.share-icon>.icon-wrap>a:before {
    content: '';
    background: url("../images/common/sns-share.svg")no-repeat center top / 0.875rem 2.625rem;
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.375rem;
}

.share-icon>.icon-wrap>a.kakaotalk:before {
    background-position: center top;
}

.share-icon>.icon-wrap>a.facebook:before {
    background-position: center top -0.875rem;
}

.share-icon>.icon-wrap>a.url:before {
    background-position: center top -1.75rem;
}

/* .share-icon > .icon-wrap > a.facebook {background-position:left 0rem top;}
	.share-icon > .icon-wrap > a.twitter {background-position:left -2.5rem top;}
	.share-icon > .icon-wrap > a.kakaotalk {background-position:left -5.0rem top;}
	.share-icon > .icon-wrap > a.url {background-position:left -7.5rem top;} */


.share-icon.active>.icon-wrap {
    opacity: 1;
}

.share-icon>.icon-wrap>a.close {
    width: 1.875rem;
    height: 1.875rem;
    background: url('../images/common/layerPopupCloseBtn.png') no-repeat center center/1.875rem 1.875rem;
}


/* Pagging :: Style */
#pagging-wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
}

#pagging-wrap>.page-area {
    display: flex;
    align-items: center;
}

#pagging-wrap>.page-area>a.page-btn {
    margin: 0 2px;
}

#pagging-wrap>.page-area>a.page-btn.first {
    background-image: url('../images/common/pagging-icon.png');
    background-position: left top;
    overflow: hidden;
    border-radius: 0.375rem;
    font-size: 0;
    line-height: 0;
    min-width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: 4rem 4rem;
}

/* #pagging-wrap > .page-area > a.page-btn.prev {background-image:url('../images/common/pagging-icon.png');background-position:0.35rem -1rem;margin-left: 0.5rem;}
	#pagging-wrap > .page-area > a.page-btn.next {background-image:url('../images/common/pagging-icon.png');background-position:-1rem -1rem;margin-right: 0.5rem;} */
#pagging-wrap>.page-area>a.page-btn.prev {
    background-image: url('../images/common/pagging-icon.png');
    background-position: left bottom;
    overflow: hidden;
    border-radius: 0.375rem;
    font-size: 0;
    line-height: 0;
    min-width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: 4rem 4rem;
}

#pagging-wrap>.page-area>a.page-btn.next {
    background-image: url('../images/common/pagging-icon.png');
    background-position: right bottom;
    overflow: hidden;
    border-radius: 0.375rem;
    font-size: 0;
    line-height: 0;
    min-width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: 4rem 4rem;
}

#pagging-wrap>.page-area>a.page-btn.last {
    background-image: url('../images/common/pagging-icon.png');
    background-position: right top;
    overflow: hidden;
    border-radius: 0.375rem;
    font-size: 0;
    line-height: 0;
    min-width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: 4rem 4rem;
}

#pagging-wrap>.page-area>ul.list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.25rem;
    position: relative;
}

#pagging-wrap>.page-area>ul.list li {
    display: flex;
    justify-content: center;
    align-items: center;
}

#pagging-wrap>.page-area>ul.list li+li {
    margin-left: 0.25rem;
}

#pagging-wrap>.page-area>ul.list li a {
    min-width: 2rem;
    height: 2rem;
    border-radius: 0.1875rem;
    font-weight: 600;
    color: #888;
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0 0.25rem;
}

#pagging-wrap>.page-area>ul.list li a:hover {
    border: 1px solid #D9D9D9;
}

#pagging-wrap>.page-area>ul.list li.on a {
    color: #000;
    background-color: rgba(243, 244, 246, 1);
    cursor: default;
}

#pagging-wrap.round>.page-area>ul.list li a {
    border-radius: 0.375rem;
}

#pagging-wrap>.lf {
    position: absolute;
    top: 0;
    left: 0;
}

#pagging-wrap>.rh {
    position: absolute;
    top: 0;
    right: 0;
}

#pagging-wrap>.rh span {
    margin: 0 3px;
}


/* } 공통영역 E. */
/* ====================================================================================================================================================== */
/* ====================================================================================================================================================== */



/* 내용 */
.container {
    position: relative;
    background-color: #fff;
    padding-bottom: 6.25rem;
    min-height: 500px;
}

.container>.wrap {
    max-width: 1264px;
    width: 100%;
    margin: 0 auto;
    padding: 3.125rem 2.5rem;
    position: relative;
}

.container>.wrap.fullWrap {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}

.contents {
    width: 100%;
}

.contents>.sub-head-tit {
    text-align: center;
    padding-top: 1.25rem;
}

.contents>.sub-head-tit>h1 {
    color: #030712;
    font-size: 2.125rem;
    font-weight: 600;
}

.contents>.sub-head-tit>p.desc {
    color: #030712;
    margin-top: 0.5rem;
}

.contents>.sub-head-tit.login {
    max-width: 37rem;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    position: relative;
    padding-top: 0;
}

.contents>.sub-head-tit.login>h1 {
    font-size: 1.875rem;
    font-weight: 700;
}

.contents>.sub-head-tit.login .cnt {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.125rem;
    color: #030712;
    font-weight: 700;
}

.container>.wrap .subContBox-tit-wrap {
    padding-bottom: 3rem;
}

.container>.wrap .subContBox-tit-wrap.bordernone {
    border: none;
    padding-bottom: 0;
}

.container>.wrap .subContBox-tit-wrap.flex-spw {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.container>.wrap .subContBox-tit-wrap h3 {
    color: #030712;
    font-size: 1.5rem;
    font-weight: 700;
}

.container>.wrap .subContBox-tit-wrap h3>span {
    color: #888;
    font-size: 1.0rem;
    font-weight: 400;
    margin-left: 0.625rem;
}

.container>.wrap .subContBox-tit-wrap p.desc {
    color: #888;
    font-size: 1.0rem;
    letter-spacing: -0.045rem;
    font-weight: 300;
    margin-top: 0.625rem;
}

.container>.wrap .subContBox-tit-wrap p.dec {
    color: #030712;
    font-size: 1.0rem;
    letter-spacing: -0.045rem;
    font-weight: 400;
    margin-top: 0.25rem;
}

.container>.wrap .subContBox-tit-wrap a.more {
    display: flex;
    align-items: center;
    color: #030712;
    font-size: 0.75rem;
    line-height: 1.0;
    font-weight: 600;
}

.container>.wrap .subContBox-tit-wrap a.more:after {
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    background: url('../images/common/more-icon.svg') no-repeat center center;
    margin-left: 0.25rem;
}

.container>.wrap .subContBox-tit-wrap a.func.sel-del {
    color: #787878;
}

.container>.wrap .division-wrap {
    display: flex;
}



/* 푸터 */
/*.footer {background-color:#fff;}
 .footer .pressnevent {width:100%;background-color:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.footer .pressnevent .conts {max-width:1280px;width:100%;margin:0 auto;padding:0 2.5rem;display:flex;}
.footer .pressnevent .conts > div {width:50%;height:5.0rem;display:flex;align-items:center;padding:1.875rem 0;}
.footer .pressnevent .conts > div h3 {color:#000;font-size:1.0rem;font-weight:600;}
.footer .pressnevent .conts > div .list {margin-left:2.5rem;}
.footer .pressnevent .conts > div .list a {display:flex;align-items:center;}
.footer .pressnevent .conts > div .list .date {color:#999;font-size:0.75rem;}
.footer .pressnevent .conts > div .list .tit {color:#666;font-size:0.875rem;display:flex;align-items:center;}
.footer .pressnevent .conts > div .list .tit:before {content:"";display:inline-block;width:1px;height:0.625rem;background-color:#ddd;margin:0 0.625rem;}
.footer .pressnevent .conts > div .list i {width:1.0rem;height:1.0rem;background-color:#eee;border-radius:50%;font-style:normal;display:flex;justify-content:center;align-items:center;margin-left:0.5rem;}
.footer .pressnevent .conts > div .list i.new {background-color:#D19563;}
.footer .pressnevent .conts > div .list i.new:after {content:"N";color:#fff;font-size:0.625rem;font-weight:700;}
.footer .pressnevent .conts .notice {}
.footer .pressnevent .conts .event {padding-left:2.5rem;border-left:1px solid #eee;}
.footer .wrap {width:100%;border-top:1px solid #ededed;}
.footer .wrap .qlink-social {display:flex;justify-content:space-between;align-items:center;padding:1.875rem 2.5rem;max-width:1520px;margin:0 auto;}
.footer .wrap .qlink-social .quick ul {display:flex;align-items:center;}
.footer .wrap .qlink-social .quick ul li {display:inherit;align-items:center;}
.footer .wrap .qlink-social .quick ul li + li:before {content:"";width:3px;height:3px;background-color:#ddd;border-radius:50%;overflow:hidden;margin:0 1.25rem;}
.footer .wrap .qlink-social .quick ul li a {color:#000;font-size:0.875rem;font-weight:600;}
.footer .wrap .qlink-social .quick ul li a.privacy {color:#64B2FF;}
.footer .wrap .qlink-social .right {display:flex;align-items:center;}
.footer .wrap .qlink-social .right .social {display:flex;align-items:center;}
.footer .wrap .qlink-social .right .social a {font-size:0;line-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;position:relative;background-color:#888;}
.footer .wrap .qlink-social .right .social a.f-insta:before{content:'';background:url("../images/common/f-social-insta.svg")no-repeat;display:inline-block;width:1.25rem;height:1.25rem;}
.footer .wrap .qlink-social .right .social a.f-facebook:before{content:'';background:url("../images/common/f-social-facebook.svg")no-repeat;display:inline-block;width:0.5rem;height:1.0625rem;}
.footer .wrap .qlink-social .right .social a.f-blog:before{content:'';background:url("../images/common/f-social-blog.svg")no-repeat;display:inline-block;width:1.25rem;height:1.125rem;}
.footer .wrap .qlink-social .right .social a + a {margin-left:0.5rem;}
.footer .wrap .qlink-social .right .family {position:relative;width:11.5rem;}
.footer .wrap .qlink-social .right .family > a {display:block;width:100%;height:100%;color:#000;font-size:0.875rem;line-height:2.5rem;font-weight:600;background-color:#fff;border:1px solid #ddd;border-radius:2.625rem;padding:0 0.875rem;}
.footer .wrap .qlink-social .right .family > a:before {content:"";position:absolute;top:50%;right:0.875rem;transform:translate(0,-50%);width:1.5rem;height:1.5rem;background:url('../images/common/f-familysite-arrow.png') no-repeat center center/contain;}
.footer .wrap .qlink-social .right .family > ul {display:none;position:absolute;top:calc(100% - 1px);width:100%;border:1px solid #ddd;background-color:#fff;border-radius:1.0rem;overflow:hidden;}
.footer .wrap .qlink-social .right .family > ul > li {}
.footer .wrap .qlink-social .right .family > ul > li + li {border-top:1px solid #eee;}
.footer .wrap .qlink-social .right .family > ul > li a {display:block;font-size:0.75rem;padding:0.5rem 0.875rem;}
.footer .wrap .qlink-social .right .family > ul > li a:hover {background-color:#eee;}
.footer .wrap .qlink-social .right .family.active > a:before {transform:translate(0,-50%) rotate(180deg);}
.footer .wrap .qlink-social .right .family > ul.up {top:auto;bottom:calc(100% - 1px);}
.footer .wrap .footer-bt{background-color:#F9F9F9;border-top:1px solid #ededed;}
.footer .wrap .address-cscenter {display:flex;justify-content:space-between;padding:3.125rem 2.5rem 2.5rem;max-width:1520px;margin:0 auto;}
.footer .wrap .address-cscenter .add {display:flex;}
.footer .wrap .address-cscenter .add .conts {margin-left:2.5rem;}
.footer .wrap .address-cscenter .add .conts p {display:flex;}
.footer .wrap .address-cscenter .add .conts p + p{margin-top:8px;}
.footer .wrap .address-cscenter .add .conts p span.name{font-weight:700;color:#000;font-size:0.75rem;}
.footer .wrap .address-cscenter .add .conts p span {color:#888;font-size:0.75rem;display:inline-flex;align-items:center;}
.footer .wrap .address-cscenter .add .conts p span em {font-weight:600;font-style:normal;margin-left:0.3125rem;}
.footer .wrap .address-cscenter .add .conts p span span.footer_email {color:#888;margin-left:0.3125rem;border-bottom:1px solid #888;}
.footer .wrap .address-cscenter .add .conts p span a.mail {color:#888;margin-left:0.3125rem;border-bottom:1px solid #888;}
.footer .wrap .address-cscenter .add .conts p span + span:before {content:"";width:1px;height:0.5rem;background-color:#ddd;margin:0 0.5rem;}
.footer .wrap .address-cscenter .add .conts a.bizinfor {margin-left:0.75rem;color:#333;font-size:0.75rem;line-height:1.75rem;display:inline-flex;align-items:center;border:1px solid #333;border-radius:0.3125rem;padding:0 0.5rem 0 0.75rem;}
.footer .wrap .address-cscenter .add .conts a.bizinfor:after {content:"";width:1rem;height:1rem;background:url('../images/common/f-bizinfor.svg') no-repeat center center/contain;}
.footer .wrap .address-cscenter .right {display:flex;align-items:flex-start;}
.footer .wrap .address-cscenter .right .qrcode {margin-right:80px;}
.footer .wrap .address-cscenter .right .qrcode p {color:#000;font-size:0.875rem;font-weight:600;text-align:center;margin-top:0.625rem;}
.footer .wrap .address-cscenter .right .cscenter {position:relative;}

.footer .wrap .address-cscenter .right .cscenter h5 {color:#000;font-size:1.25rem;font-weight:600;}
.footer .wrap .address-cscenter .right .cscenter h2 {color:#64B2FF;font-size:2.25rem;font-weight:700;}
.footer .wrap .address-cscenter .right .cscenter p {color:#888;font-size:0.75rem;font-weight:500;}
.footer .wrap .address-cscenter .right .cscenter p span {display:inline-block;width:2.5rem;font-weight:400;text-align:justify;}
.footer .wrap .address-cscenter .right .cscenter .cs-text{display:flex;align-items:center;}
.footer .wrap .copyright {padding:1.25rem 2.5rem 3.125rem;display:flex;justify-content:space-between;align-items:flex-end;max-width:1520px;margin:0 auto;border-top:1px solid #f2f2f2;}
.footer .wrap .address-cscenter .right .cscenter .cs-text span{font-size:0.75rem;color:#000;font-size:0.75rem;}
.footer .wrap .address-cscenter .right .cscenter .cs-text > div{margin-left:0.625rem;}
.footer .wrap .address-cscenter .right .cscenter .cs-text > div span + span{margin-left:0.625rem;padding-left:0.625rem;position:relative;}
.footer .wrap .address-cscenter .right .cscenter .cs-text > div span + span:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:0.5rem;background-color:rgba(0,0,0,0.5);}
.footer .wrap .address-cscenter .right .cscenter .cscenter-btn{margin-top:0.875rem;display:flex;align-items:center;}
.footer .wrap .address-cscenter .right .cscenter .cscenter-btn > a{display:flex;align-items:center;justify-content:center;font-size:0.875rem;color:#333;height:2.1875rem;padding:0 1.25rem;border:1px solid #000;border-radius:0.3125rem;}
.footer .wrap .address-cscenter .right .cscenter .cscenter-btn > a + a{margin-left:0.375rem;}
.footer .wrap .copyright .left {color:#888;font-size:0.75rem;line-height:1.4;text-align: right;}
.footer .wrap .copyright .left strong {color:#000;font-weight:400;}
.footer .wrap .copyright .left strong u {color:#000;font-weight:600;}
.footer .wrap .copyright .right {color:rgba(136,136,136,0.6);font-size:0.75rem;} */

.footer {
    background-color: #F3F4F6;
    border-top: 1px solid #D1D5DB;
    padding: 3rem 0 4.8125rem;
}

.footer .wrap {
    width: 100%;
    max-width: 1264px;
    margin: 0 auto;
    position: relative;
    padding: 0 2.5rem;
}

.footer .wrap .qlink-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer .wrap .qlink-social .logo {}

.footer .wrap .qlink-social .sns {
    display: flex;
    align-items: center;
}

.footer .wrap .qlink-social .sns a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 1.5rem;
    height: 1.5rem;
    background: no-repeat center center;
}

.footer .wrap .qlink-social .sns a+a {
    margin-left: 0.75rem;
}

.footer .wrap .qlink-social .sns a.f-insta {
    background-image: url('../images/common/f-social-insta.svg');
}

.footer .wrap .qlink-social .sns a.f-youtube {
    background-image: url('../images/common/f-social-youtube.svg');
}

.footer .wrap .qlink-social .sns a.f-face {
    background-image: url('../images/common/f-social-facebook.svg');
}

.footer .wrap .qlink-social .sns a.f-blog {
    background-image: url('../images/common/f-social-blog.svg');
}

.footer .wrap .b-footer {
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
}

.footer .wrap .b-footer .cscenter {
    display: flex;
    align-items: center;
}

.footer .wrap .b-footer .cscenter>a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(209, 213, 219, 1);
    border-radius: 0.25rem;
    width: 7rem;
    height: 3rem;
    color: rgba(3, 7, 18, 1);
    font-size: 1rem;
    font-weight: 600;
}

.footer .wrap .b-footer .cscenter>a:after {
    content: '';
    background: url("../images/common/footer-btn-arrow.svg")no-repeat;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}

.footer .wrap .b-footer .cscenter>div {
    margin-left: 1.5rem;
}

.footer .wrap .b-footer .cscenter>div h4 {
    font-size: 1.125rem;
    font-weight: 700;
    color: rgba(3, 7, 18, 1);
}

.footer .wrap .b-footer .cscenter>div p {
    font-size: 0.875rem;
    color: rgba(3, 7, 18, 1);
    margin-top: 0.3125rem;
}

.footer .wrap .b-footer .quick {
    margin-top: 1.5rem;
}

.footer .wrap .b-footer .quick>ul {
    display: flex;
}

.footer .wrap .b-footer .quick>ul>li {
    position: relative;
}

.footer .wrap .b-footer .quick>ul>li+li {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
}

.footer .wrap .b-footer .quick>ul>li+li:before {
    content: '';
    background-color: rgba(3, 7, 18, 1);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.75rem;
}

.footer .wrap .b-footer .quick>ul>li>a {
    color: rgba(3, 7, 18, 1);
    font-size: 0.875rem;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.footer .wrap .b-footer .conts {
    margin-top: 1.5rem;
}

.footer .wrap .b-footer .conts p>span {
    font-size: 0.875rem;
    color: rgba(107, 114, 128, 1);
    font-style: normal;
}

.footer .wrap .b-footer .conts p>span em {
    font-style: normal;
    font-weight: 400;
}

.footer .wrap .b-footer .conts p>span+span {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    position: relative;
}

.footer .wrap .b-footer .conts p>span+span:before {
    content: '';
    background-color: rgba(107, 114, 128, 1);
    width: 1px;
    height: 0.75rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footer .wrap .b-footer .conts span.name {
    font-size: 0.875rem;
    font-weight: 700;
    color: rgba(107, 114, 128, 1);
}

.footer .wrap .b-footer .conts p>span.underline {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.footer .wrap .b-footer .copyright {
    margin-top: 1.5rem;
}

.footer .wrap .b-footer .copyright .t1 {
    font-size: 0.875rem;
    color: rgba(107, 114, 128, 1);
}

.footer .wrap .b-footer .copyright .t2 {
    font-size: 0.75rem;
    color: rgba(107, 114, 128, 1);
    margin-top: 0.25rem;
}

/* 오른쪽 하단 플로팅 아이콘 */
#float-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: calc(100% - 2.5rem);
    display: flex;
    align-items: flex-end;
    z-index: 1;
}

#float-icon .wrap {
    position: -webkit-sticky;
    position: sticky;
    bottom: 5.7rem;
}

#float-icon .wrap div+div {
    margin-top: 0.625rem;
}

/* #float-icon .wrap .event {position:relative;margin-left:-7.5rem;width:6.875rem;height:6.875rem;display:block;opacity:1;}
#float-icon .wrap .event.deactive{opacity:0;display:none;}
#float-icon .wrap .event a.close {position:absolute;top:0;left:0;width:2.0rem;height:2.0rem;border-radius:50%;background:#fff url('../images/common/floating-banner-close.png') no-repeat center center/contain;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;box-shadow:0px 0px 5px rgba(0,0,0,0.3);} */

#float-icon .wrap .topnbottom {
    margin-left: -7rem;
    width: 5.5rem;
    height: 3rem;
    border-radius: 1.875rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.24);
    border: 1px solid #D1D5DB;
}

#float-icon .wrap .topnbottom.hide {
    height: 0;
}

#float-icon .wrap .topnbottom a {
    width: 5.5rem;
    height: 3rem;
    font-size: 0;
    line-height: 0;
    text-indent: -250%;
    overflow: hidden;
}

#float-icon .wrap .topnbottom a.btn-top {
    background: url('../images/common/float-scroll-btn-icon.png') no-repeat center center
}

/* #float-icon .wrap .topnbottom.top a.btn-top {height:0;} */
#naverPayBtn .npay_type_C_1_1,
#naverPayBtn .npay_type_C_2_1 {
    width: 100% !important
}


#hidden-menu-nav {
    position: absolute;
    left: -99999px;
    top: -99999px;
    opacity: 0;
    width: 0;
    height: 0;
}

@media only screen and (max-width: 800px) {}