@charset "utf-8";

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0 PLUS
 * File         :    skin.css
 * SUMMARY      :    스킨 디자인(메인)
 */

/* 본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다. */


/* 상하단 -------------------------------------------------------------------------------------------------------------------------------- */

/* 헤더 ======================================== */
.sc_Header {
    background: #fff;
    box-sizing: border-box;
    min-height: 54px;
    padding: 33px 0;
    position: relative;
}

.sc_Header:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

.sc_Header li {
    list-style: none;
}

.sc_Header .wrapping { /*max-width:100%!important;*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0 50px;
}

.sc_Header .gnb_menu {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0 10px;
}

.sc_Header .gnb_menu .btn_slide {
    width: 54px;
    height: 54px;
    background: transparent url('../images/skin/header_slide.svg') center center no-repeat;
    background-size: 32px !important;
    margin-left: -9px;
}

.sc_Header .gnb_menu .nav_box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0 10px;
}

.sc_Header .gnb_menu .nav_box .nav_li {
    position: relative;
}

.sc_Header .gnb_menu .nav_box .first_menu {
    font-size: 17px;
    color: #333;
    font-weight: 700;
    white-space: nowrap;
    padding: 10px;
    box-sizing: border-box;
    line-height: 1;
}

.sc_Header .gnb_menu .nav_box .hit .first_menu {
    color: #4a108b;
}

.sc_Header .gnb_menu .depth_box {
    position: absolute;
    left: -15px;
    top: 35px;
    padding-top: 15px;
    z-index: 300;
    min-width: 130px;
    display: none;
}

.sc_Header .gnb_menu .depth_box ul {
    border-top: 2px solid #333;
    background: #ddd;
    padding: 15px 0;
    box-sizing: border-box;
}

.sc_Header .gnb_menu .depth_box .second_menu {
    width: 100%;
    padding: 10px 45px 10px 25px;
    box-sizing: border-box;
}

.sc_Header .gnb_menu .depth_box .tx {
    font-size: 15px;
    color: #444;
    font-weight: 500;
    white-space: nowrap;
    position: relative;
}

.sc_Header .gnb_menu .depth_box .tx:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: #4a108b;
}

.sc_Header .gnb_menu .depth_box .tx:before {
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

/* .sc_Header .logo_box {flex:1; display: flex; flex-direction: column; justify-content: center; align-items: left;} */
.sc_Header .logo_box {
    width: 26%;
    text-align: center;
}

.sc_Header .logo_box a {
    font-size: 0;
}

.sc_Header .logo_box .tx {
    font-size: 23px;
    font-weight: 700;
    color: #333;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sc_Header .logo_box .tx {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3;
    text-align: center;
}

.sc_Header .logo_box img {
    max-width: 100%;
}

/* .sc_Header .search_box {flex: 1; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 0 10px;}
.sc_Header .search_box { position:relative; width:430px; overflow:hidden; }
.sc_Header .search_box .input_search { border: 1px solid #d9d9d9; width: 100%; box-sizing: border-box; padding-right: 55px; font-size: 19px; height: 52px; color: #000; border-radius:20px; } */

.sc_Header .other_menu {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0 10px;
    width: 30%;
	padding-left:3%;
}

.sc_Header .other_menu .user_link {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 0 5px;
}

.sc_Header .other_menu .user_link .menu {
    font-size: 16px;
    color: #262626;
    padding: 10px 21px 10px 0;
    box-sizing: border-box;
    line-height: 1;
    white-space: nowrap;
}

.sc_Header .other_menu .user_link .menu span {
    width: 20px;
    height: 20px;
    background-color: #fa2a2a;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    right: -13px;
    top: -7px;
    position: absolute;
    font-size: 12px;
}

.sc_Header .other_menu .icon_link {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    visibility: hidden;
}

.sc_Header .other_menu .icon_link li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sc_Header .other_menu .icon_link .btn {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 45px;
    width: 45px;
    height: 45px;
    position: relative;
}

.sc_Header .other_menu .icon_link .btn_search {
    background-image: url('../images/skin/hd_icon_sch2.png');
}

.sc_Header .other_menu .icon_link .btn_cart {
    background-image: url('../images/skin/hd_icon_cart2.png');
}

.sc_Header .other_menu .icon_link .btn_slide {
    background-image: url('../images/skin/new_ham.png');
}

.sc_Header .other_menu .icon_link .cart_num {
    position: absolute;
    right: 0px;
    top: 3px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}

.sc_Header .other_menu .icon_link .cart_num {
    background: #fa2a2a;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border-radius: 100px;
}

.sc_Header .other_menu .icon_link .cart_num {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sc_Header .other_menu .icon_link .this_slide {
    display: none;
}

.other_menu li.icon_menu:nth-child(4) {
    margin: 0 24px 0 30px;
    position: relative;
}

.other_menu li.icon_menu:nth-child(4)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -27px;
    background-color: #A1A1A1;
    width: 1px;
    height: 21px;
    transform: translateY(-50%);
}

.icon_menu .menu.cart {
    width: 37px;
    height: 37px;
    background: url(../images/skin/cart_2.png) no-repeat center;
}

.icon_menu .menu.cart:hover {
    width: 37px;
    height: 37px;
    background: url(../images/skin/on_cart.png) no-repeat center;
}

.icon_menu .menu.main_zzim {
    width: 37px;
    height: 37px;
    background: url(../images/skin/zzim_2.png) no-repeat center;
}

.icon_menu .menu.main_zzim:hover {
    width: 37px;
    height: 37px;
    background: url(../images/skin/on_zzim.png) no-repeat center;
}


.sc_Header .search_open {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 500;
    background: #fff;
    visibility: hidden;
}

.sc_Header .search_open {
    padding: 50px 0;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
}

.sc_Header .search_open .inner {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.sc_Header .search_open .tit {
    font-size: 35px;
    font-weight: 600;
    color: #000;
    line-height: 1;
}

.sc_Header .search_open .form_box {
    position: relative;
    margin-top: 20px;
    width: 100%;
}

.sc_Header .search_open .input_search {
    border-bottom: 2px solid #000;
    width: 100%;
    box-sizing: border-box;
    padding-right: 60px;
    font-size: 19px;
    height: 60px;
    color: #000;
}

.sc_Header .search_open .input_search:focus {
    border-color: #4a108b;
}

.sc_Header .search_open .btn_search {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 50px;
    z-index: 1;
    background: transparent url('../images/skin/header_search.svg') center no-repeat;
    background-size: 25px !important;
}

.sc_Header .search_open .close_btn {
    margin-top: 30px;
    width: 30px;
    height: 30px;
    background: transparent url('../images/skin/header_close.svg') center no-repeat;
    background-size: 14px !important;
}

.sc_Header .search_open .keyword_box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 15px;
    max-height: 100px;
    overflow: hidden;
    gap: 5px
}

.sc_Header .search_open .keyword_box .link {
    padding: 0 10px;
    box-sizing: border-box;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 5px;
}

.sc_Header .search_open .keyword_box .tx {
    font-size: 12px;
    color: #888;
    line-height: 1;
    position: relative;
}

.sc_Header .search_open.if_search_open {
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    visibility: visible;
}

.sc_Header .search_open.if_search_open {
    transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
}

.m_sch_bg {
    width: 100%;
    height: 0;
    position: fixed;
    z-index: 498;
    background: #4b4b4b;
    opacity: 0.8;
    left: 0;
    top: 0;
    transition: all .3s;
}

.m_sch_bg.on {
    height: 100%;
}


.sc_Header .category {
    overflow: hidden;
    display: none;
    position: relative;
    z-index: 2;
    margin-top: 5px;
}

.sc_Header .category .swipe_box {
}

.sc_Header .category .swipe_box ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    width: max-content;
    gap: 10px
}

.sc_Header .category li.type_event {
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
}

.sc_Header .category li.type_event:before {
    content: '';
    width: 1px;
    height: 14px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
}

.sc_Header .category li.type_event + li.type_event {
    padding-left: 0;
}

.sc_Header .category li.type_event + li.type_event:before {
    display: none;
}

.sc_Header .category li.type_event .ctg {
    /**opacity: 0.35;
    filter: alpha(opacity=35);
    -ms-filter: alpha(opacity=35);**/
	color:#7f30e1;
}

.sc_Header .category li.type_event.hit .ctg {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
}

.sc_Header .category .ctg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
    color: #999;
    font-weight: 300;
    padding-right: 10px;
}

.sc_Header .category .ctg strong {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 55px;
    position: relative;
    padding: 0 1px;
}

.sc_Header .category .ctg strong:before {
    content: "";
    width: 100%;
    height: 2px;
    background: #4a108b;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: none;
}

.sc_Header .category .hit .ctg {
    color: #4a108b;
	font-weight:700;
}

.sc_Header .category .hit .ctg strong:before {
    display: inline-block;
}

body.if_main .sc_Header:before {
    display: none;
}


.cap_top {
    background-color: #4A108B;
    padding: 15px 0;
    position: relative;
}

.cap_top .cap_top_wrap {
    max-width: 1516px;
    padding: 0 10px;
    margin: 0 auto;
}

.cap_top ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

.cap_top ul li {
    text-align: center;
    color: #fff;
    font-size: 17px;
    position: relative;
    width: 50%;
}

.cap_top ul li:not(:last-child):after {
    content: "";
    position: absolute;
    width: 2px;
    height: 23.5px;
    background-color: #fff;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cap_top ul li img {
    vertical-align: middle;
    margin: -5px 15px 0 0;
}

.cap_top ul li span {
    font-size: 20px;
    font-weight: bold;
}

.cap_top ul li span.ct_fs_sml {
    font-size: 14px;
    font-weight: 400;
}

.cap_top .closed_captop {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/c_img/ic_close_white.svg) no-repeat center;
    background-size: 16px;
    cursor: pointer;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}


/* 푸터 ======================================== */
.sc_Footer {
    background: #e9e9e9;
    margin-top: 100px;
    padding-bottom: 3%;
}

.sc_Footer li {
    list-style: none;
}

/* .sc_Footer .layout_fix {display:flex; justify-content: space-between; align-items: flex-start; flex-direction:row; flex-wrap:wrap; gap:30px 50px} */
.sc_Footer .menu_box {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #CDCDCD;
}

.sc_Footer .menu_box .layout_fix {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sc_Footer .menu_box ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

.sc_Footer .menu_box .menu {
    font-size: 18px;
    padding: 5px 50px 5px 0;
    box-sizing: border-box;
    line-height: 1;
    color: #333;
}

.sc_Footer .menu_box .ft_menu li {
    position: relative;
}

.sc_Footer .menu_box .ft_menu li:not(:nth-child(n+5))::after {
    position: absolute;
    top: 50%;
    right: 17px;
    width: 1px;
    height: 14px;
    background-color: #5E5E5E;
    content: "";
    display: block;
    transform: translateY(-50%);
}

.sc_Footer .company_box {
    flex: 1;
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 15px;
    color: #888;
    max-width: 600px
}

.sc_Footer .company_box .site_name {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
    width: 100%;
}

.sc_Footer .company_box .txt {
    line-height: 1.3;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
}

.sc_Footer .company_box .txt.type_host {
    width: 100%;
}

.sc_Footer .company_box .btn_info {
    text-decoration: underline;
}

.sc_Footer .company_box .copyright {
    margin-top: 20px;
    width: 100%;
}

.sc_Footer .auth_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.sc_Footer .auth_box .pg {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.sc_Footer .auth_box .pg .guide {
    font-size: 11px;
    line-height: 1.4;
    text-align: right;
}

.sc_Footer .auth_box .ssl {
}

.sc_Footer .auth_box .logo {
    border-radius: 6px;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sc_Footer .auth_box .logo img {
    height: 55px;
}


.ft_content {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    padding-top: 3%;
	padding-bottom:50px;
}

.ft_cont_box p {
    font-size: 14px;
    color: #5E5E5E;
    line-height: 30px;
}

.ft_cont_box .ftcont_tit {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: inherit;
    color: #000;
}

.ft_cont_box:nth-child(2) {
    text-align: left;
}

.ft_cont_box:nth-child(3) {
    text-align: left;
}

.ft_cont_box:nth-child(3) .spc_ft_fs {
    font-size: 14px;
}

.ft_cont_box:nth-child(3) p:not(.spc_ft_fs) {
    /**font-weight: 300; **/
    margin-top: 15px;
}

.ft_cont_box:nth-child(3) span {
    font-size: 14px;
    font-weight: 300;
}

.ft_cont_a {
    padding-top: 14px;
}

.ft_cont_a a {
    font-size: 14px;
    font-weight: 300;
    padding: 5px 15px;
    border: 1px solid #C0C0C0;
    border-radius: 50px;
    margin-right: 5px;
}


/* 디자인영역 -------------------------------------------------------------------------------------------------------------------------------- */

/* 그룹(간격) ======================================== */
.sc_Group {
    margin-top: 100px;
}


/* 그룹타이틀 ======================================== */
.sc_Group_tit {
    text-align: center;
    margin-bottom: 25px;
}

.sc_Group_tit .layout_fix {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.sc_Group_tit .tit {
    font-size: 35px;
    color: #000;
    font-weight: 700;
    line-height: 1;
}

.sc_Group_tit .tx_info {
    font-size: 13px;
    color: #888;
    font-weight: 500;
    margin-top: 10px;
    line-height: 1;
}

.sc_Group_tit .tx_info strong {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}


/* 더보기 버튼 ======================================== */
.sc_More_btn {
    margin-top: 30px;
}

.sc_More_btn .layout_fix {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sc_More_btn .link {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 350px;
}

.sc_More_btn .link {
    height: 50px;
    border: 1px solid #eee;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
}

.sc_More_btn .link .tx {
    padding-right: 13px;
    box-sizing: border-box;
    font-weight: 500;
    background: transparent url('../images/skin/arrow_right.svg') right center no-repeat;
    background-size: 6px 10px !important;
}


/* 롤링 컨트롤러 ======================================== */
.sc_Roll_ctrl {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    gap: 0 5px;
}

.sc_Roll_ctrl.if_hide {
    display: none !important;
}

.sc_Roll_ctrl.if_show {
    display: flex;
}

.sc_Roll_ctrl .roll_prevnext {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}

.roll_prevnext {
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 66px;
    height: 66px;
    z-index: 2;
}

.roll_prevnext.prev {
    background-image: url('../images/skin/main_bann_left.png');
    left: 6%;
}

.roll_prevnext.next {
    background-image: url('../images/skin/main_bann_right.png');
    right: 6%;
}

.sc_Roll_ctrl .roll_icon {
}

.sc_Roll_ctrl .roll_icon ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sc_Roll_ctrl .roll_icon li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sc_Roll_ctrl .roll_icon .icon {
    height: 18px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 4px;
}

.sc_Roll_ctrl .roll_icon .icon:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100px;
    border: 2px solid #aaa;
    background: #fff;
    box-sizing: border-box;
}

.sc_Roll_ctrl .roll_icon .active .icon:before {
    background: #111;
    border-color: #111;
}

.sc_Roll_ctrl .roll_pagi {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 13px;
    gap: 2px;
    font-weight: 600;
    display: none;
    color: #aaa;
    width: 45px;
}

.sc_Roll_ctrl .roll_pagi .all {
}

.sc_Roll_ctrl .roll_pagi .active {
    color: #000;
}


/* 메인 비주얼 ======================================== */
.sc_Visual {
}

.sc_Visual li {
    list-style: none;
}

.sc_Visual .layout_fix {
    max-width: 100% !important;
    box-sizing: border-box;
}

.sc_Visual .rolling_wrap {
    overflow: hidden;
}

.sc_Visual .rolling_box {
}

.sc_Visual .rolling_box ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
}

.sc_Visual .rolling_box li {
    height: auto;
}

.sc_Visual .banner_list {
}

.sc_Visual .visual_img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}

.sc_Visual .visual_img a {
    font-size: 0;
	width:100%;
}

.sc_Visual .visual_img img {
    width: 100%;
}

.sc_Visual .visual_img img.this_pc {
}

.sc_Visual .visual_img img.this_mo {
    display: none;
}

.sc_Visual .sc_Roll_ctrl {
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 10;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
    transform: translateX(-50%);
    margin: 0px !important;
}

.sc_Visual .sc_Roll_ctrl .roll_pagi {
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.5);
    height: 23px;
    width: 55px;
    border-radius: 100px;
}

.sc_Visual .sc_Roll_ctrl .roll_pagi {
    color: #ccc;
    font-size: 11px;
}

.sc_Visual .sc_Roll_ctrl .roll_pagi .active {
    color: #fff;
}

/* 메인 아이콘 메뉴 ======================================== */
.sc_Menu {
    position: relative;
    max-width: 1666px;
    min-height: 368px;
    padding: 0;
    margin: 32px auto;
    overflow: hidden;
    background-color: #F7F7F7;
    border-radius: 21px;
}

.sc_Menu ul {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    max-width: 1588px;
    padding: 3% 0 0;
}

/**.sc_Menu li { float:left; display:inline-block; width:118px; height:118px; border:1px solid #d6d6d6; border-radius:16px; margin-right:40px; text-align:center; vertical-align:middle; }**/
/* .sc_Menu li { float:left; display:inline-block; width:118px; height:184px; margin-right:40px; text-align:center; vertical-align:middle; cursor:pointer; } */
.sc_Menu li span {
    line-height: 30px;
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
}

.sc_Menu li {
    width: calc(100% / 11);
    list-style: none;
    text-align: center;
    padding-bottom: 2%;
    color: #5A5858;
	cursor:pointer;
}

.sc_Menu li img {
    max-width: 86px;
}

/* 메인 2단 배너 ======================================== */
.sc_Ad {
}

.sc_Ad li {
    list-style: none;
}

.sc_Ad .rolling_wrap {
    overflow: hidden;
}

.sc_Ad .rolling_box {
    margin-left: -20px;
}

.sc_Ad .rolling_box ul {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
}

.sc_Ad .rolling_box li {
    width: 50%;
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    flex-direction: column;
    height: auto;
}

.sc_Ad .banner_list {
}

.sc_Ad .banner {
    margin-left: 20px;
    flex: 1;
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    flex-direction: column;
}

.sc_Ad .banner .img_box {
    overflow: hidden;
    position: relative;
    font-size: 0;
}

.sc_Ad .banner .img_box img {
    width: 100%;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.sc_Ad .banner .txt_box {
    text-align: center;
    padding: 30px 15px;
    box-sizing: border-box;
    line-height: 1.4;
    font-size: 14px;
    border: 1px solid #f2f2f2;
    border-top: 0;
}

.sc_Ad .banner .txt_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    flex: 1
}

.sc_Ad .banner .txt_box .tit {
    font-size: 1.6em;
    color: #000;
    font-weight: 700;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
}

.sc_Ad .banner .txt_box .text {
    color: #888;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
}

.sc_Ad .banner .txt_box .btn_view {
    box-sizing: border-box;
    margin-top: 15px;
}

.sc_Ad .banner .txt_box .btn_view .tx {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    line-height: 1;
    border-bottom: 1px solid #333;
    box-sizing: border-box;
}

.sc_Ad .roll_icon {
    display: block !important;
}

.sc_Ad .roll_icon .icon:before {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.sc_Ad .roll_icon .active .icon:before {
    width: 50px;
}


/* 메인 1단 배너 ======================================== */
.sc_Single {
}

.sc_Single li {
    list-style: none;
}

.sc_Single .rolling_wrap {
    position: relative;
    overflow: hidden;
}

.sc_Single .rolling_box {
}

.sc_Single .banner_list {
}

.sc_Single .banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    overflow: hidden;
}

.sc_Single .banner img {
    width: 100%;
}

.sc_Single .banner img.this_mo {
    display: none;
}


/* 메인 리뷰 ======================================== */
.sc_Review {
    overflow: hidden;
    background: #f9f9f9;
    padding: 100px 0;
}

.sc_Review li {
    list-style: none;
}

.sc_Review .rolling_wrap {
    overflow: hidden;
}

.sc_Review .rolling_box {
    margin-left: -30px;
}

.sc_Review .rolling_box .ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
}

.sc_Review .rolling_box .li {
    width: 20%;
}

.sc_Review .review_list {
}

.sc_Review .review_box {
    margin-left: 30px;
}

.sc_Review .review_box .photo {
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    isolation: isolate;
}

.sc_Review .review_box .photo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.sc_Review .review_box .photo:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.sc_Review .review_box .photo:before {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border-radius: 20px;
    box-sizing: border-box;
}

.sc_Review .review_box .photo img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.sc_Review .review_box .photo .icon_h {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 1px;
    background: #fff;
    z-index: 10;
}

.sc_Review .review_box .photo .icon_h {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.sc_Review .review_box .photo .icon_v {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 0;
    background: #fff;
    z-index: 10;
}

.sc_Review .review_box .photo .icon_v {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.sc_Review .about_item {
    padding: 10px 0;
    box-sizing: border-box;
    gap: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.sc_Review .about_item .thumb {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    overflow: hidden;
    flex: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sc_Review .about_item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sc_Review .about_item .info {
    color: #666;
    font-size: 13px;
}

.sc_Review .about_item .info .name {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sc_Review .about_item .info .price {
    margin-top: 5px;
    line-height: 1;
    font-weight: 600;
}

.sc_Review .rv_info {
    border-top: 1px solid #eee;
    padding-top: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer
}

.sc_Review .rv_info .mark {
    position: relative;
    width: 80px;
    height: 20px;
}

.sc_Review .rv_info .mark .star {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 16px !important;
    background: transparent url('../images/skin/item_star.svg') left center repeat-x;
}

.sc_Review .rv_info .mark .star.this_base {
    z-index: 1;
    opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20);
}

.sc_Review .rv_info .mark .star.this_value {
    z-index: 2;
}

.sc_Review .rv_info .tx_conts {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    color: #333;
    font-weight: 500;
}

.sc_Review .rv_info .writer {
    color: #aaa;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 12px;
}

.sc_Review .rv_info .writer .id {
}

.sc_Review .rv_info .writer .date {
}


/* 메인 고객센터 ======================================== */
.sc_Service {
    overflow: hidden;
}

.sc_Service li {
    list-style: none;
}

.sc_Service .inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    border: 2px solid #eee;
    box-sizing: border-box;
}

.sc_Service dl {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    text-align: center;
    flex: 1;
    padding: 50px 15px;
    box-sizing: border-box;
    gap: 40px;
    border-left: 1px solid #eee;
}

.sc_Service dl:first-of-type {
    border-left: 0;
}

.sc_Service dt {
    line-height: 1;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px
}

.sc_Service dd {
    font-size: 13px;
}

.sc_Service .icon_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 15px;
}

.sc_Service .icon_box img {
    height: 40px;
}

.sc_Service .tit_en {
    font-size: 17px;
    color: #000;
    font-weight: 700;
}

.sc_Service .tit_ko {
    color: #999;
    font-weight: 500;
}

.sc_Service .btn_order {
    font-weight: 500;
    color: #000;
    height: 40px;
    border: 1px solid #222;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.sc_Service .btn_order {
    padding: 0 30px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #fff;
}

.sc_Service .tel {
    font-size: 21px;
    color: #000;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
}

.sc_Service .open_time {
    color: #888;
    line-height: 1.4;
    margin-top: 5px;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
}

.sc_Service .bank_list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px
}

.sc_Service .bank_list li {
    position: relative;
    color: #888;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
}

.sc_Service .sns_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.sc_Service .sns_list li {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sc_Service .sns_list .btn_sns {
    width: 36px;
    height: 36px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border-radius: 100px;
}

.sc_Service .sns_list .btn_sns img {
    width: 100%;
}


/* 상품영역(메인) -------------------------------------------------------------------------------------------------------------------------------- */

/* 메인 MD's Pick ======================================== */
.sc_Md {
    overflow: hidden;
}

.sc_Md li {
    list-style: none;
}

.sc_Md .tab_box {
    margin-bottom: 20px;
}

.sc_Md .tab_box .layout_fix {
    text-align: center;
}

.sc_Md .tab_box .swipe_box {
    display: inline-block;
    max-width: 100%
}

.sc_Md .tab_box .swipe_box ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    flex-wrap: nowrap;
    width: max-content;
}

.sc_Md .tab_box .tab {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 100px;
}

.sc_Md .tab_box .tab {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 40px;
}

.sc_Md .tab_box .hit .tab {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff;
}

.sc_Md .rolling_wrap {
    overflow: hidden;
}


/* 메인 카테고리 베스트 ======================================== */
.sc_Ctg {
    overflow: hidden;
}

.sc_Ctg li {
    list-style: none;
}

.sc_Ctg .tab_box {
    margin-bottom: 20px;
}

.sc_Ctg .tab_box .inner {
    text-align: center;
    border: 1px solid #f2f2f2;
    border-left: 0;
    border-right: 0;
}

.sc_Ctg .tab_box .swipe_box {
    display: inline-block;
    max-width: 100%
}

.sc_Ctg .tab_box .swipe_box ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 15px;
    flex-wrap: nowrap;
    width: max-content;
}

.sc_Ctg .tab_box .tab {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    box-sizing: border-box;
}

.sc_Ctg .tab_box .tab strong {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 60px;
    padding: 0 15px;
}

.sc_Ctg .tab_box .tab strong:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: #f6e8f7;
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}

.sc_Ctg .tab_box .hit .tab {
    color: #000 !important;
}

.sc_Ctg .tab_box .hit .tab strong:before {
    width: 100%;
}

.sc_Ctg .category_item {
}

/* 프로그램용 클래스 */
.sc_Ctg .rolling_wrap {
    overflow: hidden;
}


/* 메인 상품 ======================================== */
.sc_Item {
}

.sc_Item + .sc_Item {
    border-top: 1px solid #eee;
    padding-top: 100px;
}


/* 메인 타임세일 ======================================== */
.sc_Time {
    overflow: hidden;
}

.sc_Time li {
    list-style: none;
}

.sc_Time .rolling_wrap {
    overflow: hidden;
}


.clearfix:before, .clearfix:after {
    display: block;
    content: '';
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.img_box img {
    max-width: 100%;
}


/* 소진 헤더 추가 */
.for_mobile {
    display: none;
}

.hide {
    display: none !important;
}

.sc_Header .wrapping {
    max-width: 1429px;
    margin: 0 auto;
    padding: 0 10px;
}

.sc_Header .gnb_menu {
    max-width: 1429px;
    margin: 0px auto 0; /*justify-content: space-between;*/
    padding: 0 10px;
    position: absolute;
    left: -45px;
}

.hd_new_menu a {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    display: block;
    padding: 10px;
}

.hd_new_menu a:hover {
    color: #4a108b;
}

.sc_Header .gnb_menu .depth_box ul {
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 10px -1px #e9e9e9;
}

.sc_Header .gnb_menu .sj_forhd {
    min-width: 500px;
}

.sj_forhd ul li {
    display: inline-block;
    width: 31%;
}

/* 조명핀 */
/* .sc_Md .tab_box .hit .tab{background: url(../images/sample/imsi_light.png) no-repeat center !important; border: none; color: #000;} */

.sc_Md .tab_box .hit .tab::before {
    width: 12px;
    height: 12px;
    background-color: #f6e8f7;
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    top: 14%;
    left: 13%;
}

.sc_Md .tab_box .hit .tab {
    background-color: transparent !important;
    border: none;
    color: #333;
    position: relative;
}

.sc_Header .search_box {
    width: 33%;
    text-align: right;
}

.sc_Header .search_box .hd_sb_wrap {
    width: 364px;
    border-radius: 5px;
    border: 1px solid #7F30E1;
    padding: 10px 17px 8px;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 rgba(127, 48, 225, 0.3);
    display: flex;
    margin-left: auto;
}

.sc_Header .search_box > * {
    display: inline-block;
    vertical-align: middle;
}

.sc_Header .search_box input {
    width: 80%;
    line-height: 27px;
    font-size: 16px;
}

.sc_Header .search_box input::placeholder {
    color: #727272 !important;
}

.sc_Header .search_box input::-webkit-input-placeholder {
    color: #727272 !important;
}

.sc_Header .search_box input:-ms-input-placeholder {
    color: #727272 !important;
}

.sc_Header .search_box button {
    width: 18%;
    line-height: 15px;
    text-align: right;
    vertical-align: middle;
}

.sc_Header .search_box button img {
    display: inline-block;
}

.sc_Visual .layout_fix {
    padding: 0 10px;
}


/* 소진 메인 */

.spt_stit {
    font-size: 20px;
    position: relative;
    color: #000;
    font-weight: 400;
	margin-right:10px;
}

.spt_tit {
    font-size: 45px;
    position: relative;
    color: #000;
    font-weight: bold;
}

.spt_tit span {
    font-weight: 300;
    font-size: 24px;
}

.spt_tit::after {
    content: "";
    width: 3px;
    height: 36px;
    display: block;
    background-color: #d9d9d9;
    margin: 5px auto;
}

.spt_tit2 {
    font-size: 35px;
    color: #000;
    margin-bottom: 14px;
    font-weight: bold;
}

.spt_tit2::before {
    content: "";
    display: block;
    background: url(../images/skin/tit_roof.png) no-repeat center;
    width: 152px;
    height: 47px;
    background-size: contain;
    text-align: center;
}

.add_btn {
    text-align: right;
    margin: 0 10px 10px 0;
}

.add_btn a {
    color: #7F7F7F;
    font-size: 17px;
}

.add_btn img {
    vertical-align: middle;
    margin: -3px 0 0 2px;
}

/* 요즘 대세 */
.main_star {
    position: relative;
}

.main_star .layout_fix {
    max-width: 1145px;
    padding: 0 10px;
}

.main_star .rise_img {
    padding-bottom: 127%;
}

.main_star .fix_area {
    position: absolute;
    left: 0;
}

.main_star .fix_txt {
    position: absolute;
    bottom: 13%;
    color: #fff;
    left: 7%;
}

.main_star .fix_txt .fix_tit {
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff;
}

.main_star .fix_txt a {
    font-size: 16px
}

.main_star .star_list {
    margin-left: 23%;
}

.main_star_wrap {
    margin-top: 5%;
}


/* 조명을 만드는 사람들 */
.make_people {
    margin-top: 7%;
}

.make_people .swiper-slide {
    display: flex;
    align-items: center;
}

.make_people .left_wrap .img_box {
    position: relative;
    padding-bottom: 47%;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.make_people .left_wrap .img_box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 10px;
}

.make_people .swiper-slide > div {
    width: 50%;
}

.make_people .left_wrap {
    padding: 0 5% 2% 1%;
}

.main_mp_tit {
    font-size: 24px;
    font-weight: 600;
}

.main_mp_cont {
    font-size: 20px;
    margin-top: 5%;
}

.mp_arrow {
    width: 67px;
    height: 67px;
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    z-index: 5;
}

.mp_next {
    right: 0;
    background: url(../images/skin/mp_arrow.png) no-repeat center;
    background-size: contain;
}

.mp_prev {
    left: 0;
    background: url(../images/skin/mp_arrow_prev.png) no-repeat center;
    background-size: contain;
}


/* 라온 광고 */
.adver_nav li {
    display: inline-block;
    font-size: 25px;
}

.adver_nav li a {
    position: relative;
    padding: 0 10px;
}

.adver_nav li a.active::after {
    content: "";
    z-index: -1;
    background-color: #FFE600;
    width: 100%;
    height: 10px;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    position: absolute;
}

.tab_adver li {
    padding: 15px 0;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
    list-style: none;
}

.tab_adver .board_tit {
    font-size: 18px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    white-space: nowrap;
}

.tab_adver .board_sub {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tab_adver .board_sub span {
    font-size: 16px;
    color: #555;
    margin-left: 15px;
}

.adverwrap {
    margin-top: 3%;
}

.advert_bann {
    margin-top: 5%;
    position: relative;
}

.num_pg.swiper-pagination {
    display: inline-block;
    right: 2%;
    padding: 10px;
    border-radius: 50px;
    font-size: 18px;
    width: 50px;
    left: inherit;
    background-color: rgba(235, 235, 235, 0.5);
}

.advert_bann .advertise .swiper-slide {
    background-color: #D9D9D9;
    height: 394px;
}

.advert_bann .advertise .swiper-slide:nth-child(2) {
    background-color: #ffd1d1;
    height: 394px;
}

/* 상품 리스트 css 임의 수정 */
.tabcontent .right_wrap .list_wrap {
    display: flex;
    gap: 16px;
}

.tabcontent .right_wrap .list_wrap .thumb {
    position: relative;
    height: 0;
    padding-bottom: 160%;
}

.tabcontent .right_wrap .list_wrap li {
    width: 50%;
}

.tabcontent .right_wrap .list_wrap .thumb img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 15px;
}

.new_info {
    font-size: 16px;
    color: #828282;
    padding: 15px 0;
}

.list_wrap .item_box .info .item_name {
    font-size: 22px;
    -webkit-line-clamp: 1;
    width: 98%;
}

.sc_Group.sj_section {
    margin:8% auto 0;
	text-align:center;
}

/* 재고땡처리 슬라이드 */
.ddang {
    position: relative;
}

.dd_arrow {
    position: absolute;
    width: 67px;
    height: 67px;
    background: url(../images/skin/ddang_arrow.png) no-repeat center;
    background-size: contain;
    top: 44%;
    right: 4.5%;
    z-index: 55;
    transform: translateY(-50%);
}

.dd_arrow.dd_prev {
    background: url(../images/skin/ddang_arrow_prev.png) no-repeat center;
    background-size: contain;
    left: 4.5%;
}


/* 로그인 */
.c_login.c_section .layout_fix {
    max-width: 468px;
}

.login_tab {
    border-radius: 10px;
}

.login_tabnav {
    font-size: 0;
    text-align: center;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}

.login_tabnav li {
    display: inline-block;
    height: 60px;
    text-align: center;
    width: 50%;
}

.login_tabnav li a {
    position: relative;
    display: block;
    color: #8E8990;
    line-height: 60px;
    text-decoration: none;
    font-size: 20px;
}

.login_tabnav li a:hover,
.login_tabnav li a.active {
    background: #7E30E1;
    color: #fff;
    border-radius: 10px;
}

/* .login_area{background-color: #fff;} */

.c_login .form_ul {
    padding: 5% 0;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}

.c_login .form_ul .form_li {
    margin-bottom: 3%;
}

.c_login .input_design {
    max-width: 402px;
    margin: 0 auto;
    border: none;
    border-bottom: 1px solid #D3D3D3;
    font-size: 18px;
    padding-left: 40px;
}

/* .tabcontent{padding: 20px; border:1px solid #ddd; border-top:none;} */
.c_login input[placeholder^="아이디"] {
    background: url(../images/skin/login_id.png) no-repeat center left;
    background-size: 23px;
}

.c_login input[placeholder^="비밀번호"] {
    background: url(../images/skin/login_pw.png) no-repeat center left;
    background-size: 23px;
}

.save_id.c_label_box .tx {
    font-size: 20px;
    color: #8E8990;
    font-weight: 400;
    gap: 15px
}

.save_id.c_label_box .icon {
    width: 25px;
    height: 25px;
}

label.c_label input[type=checkbox] + .tx .icon {
    background-size: 12px !important;
}

.c_login .c_btnbox {
    margin-top: 25px;
    padding-bottom: 30px;
}

.c_login .login_tab .c_btn {
    background-color: #D1D1D1;
    color: #fff;
    border-radius: 11px;
    line-height: 65px;
    height: 65px;
    box-shadow: 0 10px 30px 0 rgba(209, 209, 209, 0.35);
    font-size: 24px;
    border: none;
    width: 98%;
    margin: 28px auto;
}

.c_login .login_tab .c_btn:hover {
    background-color: #7E30E1;
    box-shadow: 0 10px 30px 0 rgba(126, 48, 225, 0.35);
}

.c_login .login_tab .c_btn22 {
    background-color: #D1D1D1;
    color: #fff;
    border-radius: 11px;
    line-height: 65px;
    height: 65px;
    box-shadow: 0 10px 30px 0 rgba(209, 209, 209, 0.35);
    font-size: 24px;
    border: none;
    width: 98%;
    margin: 0px auto;
}

.c_login .login_tab .c_btn22:hover {
    background-color: #7E30E1;
    box-shadow: 0 10px 30px 0 rgba(126, 48, 225, 0.35);
}

.c_login .other_link {
    max-width: 402px;
    margin: 0 auto;
}

.c_login .other_link li {
    position: relative;
}

.c_login .other_link li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -40%;
    background-color: #BCB4BF;
    width: 1px;
    height: 17.5px;
    transform: translateY(-50%);
}

.c_login .other_link li a.btn {
    color: #8E8990;
    font-size: 20px;
    font-weight: 400;
}

.login_kubun {
    background: url(../images/skin/login_kubun.png) no-repeat center;
    max-width: 402px;
    padding-bottom: 5%;
    background-size: contain;
    margin: 5% auto;
}

.c_sns_login ul {
    max-width: 450px;
    margin: 0 auto;
    justify-content: space-between;
}

.c_sns_login .btn {
    width: 66px;
    height: 66px;
}

.c_sns_login .btn .icon {
    width: 25px;
    height: 25px;
}

.c_sns_login .btn.naver .icon {
    width: 20px;
    height: 20px;
}

.c_login .btn_guest {
    margin: 9% auto;
    padding: 18px 0;
    border: 1px solid #D3D3D3;
}

.c_login .btn_guest:hover {
    background-color: #EAE8E8;
}

.c_login .btn_guest em {
    font-size: 18px;
    color: #8E8990;
}

.c_login .btn_guest strong {
    font-size: 20px;
    color: #4B4B4B;
}

.c_process .hit .num {
    background: #7E30E1;
    border: 1px solid #7E30E1;
}

.c_process .num {
    width: 84px;
    height: 84px;
    font-size: 30px;
}

.c_process .tit {
    font-size: 22px;
    margin-top: 20px;
    color: #909090;
}

.c_process .hit .tit {
    color: #7E30E1;
}

.c_process li:after,
.c_process li:before {
    top: 30%;
}

.c_process .hit:after,
.c_process .hit + li:before {
    background-color: #E8E8E8;
}


.c_formpage .layout_fix.agree {
    max-width: 1308px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 11px;
    padding: 2% 8% 5%;
}

.c_formpage label.c_label .icon {
    width: 30px;
    height: 30px;
    margin-right: 18px;
}

.c_formpage .c_label input:checked + .tx .icon {
    background-color: #7f30e1 !important;
    border-color: #7f30e1 !important;
}

.form_tit label.c_label .tx {
    font-weight: 500;
    color: #A3A3A3;
    font-size: 20px;
    font-weight: 400;
}

.all_agree.form_tit label.c_label .tx {
    font-weight: 600;
    color: #262626;
    font-size: 25px;
}

.c_form .form_ul + .form_ul {
    border-top: 1px solid #D6D6D6;
}

.c_formpage .c_label .tx strong {
    color: #7f30e1;
}

.c_form .form_li:not(:last-child) {
    margin-bottom: 10px;
}

.c_form .form_ul + .form_ul {
    margin-top: 40px;
    padding-top: 40px;
}

.c_formpage .c_btnbox .c_btn {
    border: 2px solid #7f30e1;
    color: #fff;
    background-color: #7f30e1;
    font-size: 22px;
    height: 65px;
}

.c_formpage .c_btnbox .line {
    border: 2px solid #7f30e1;
    color: #7f30e1;
    background-color: #fff;
}

.c_formpage .layout_fix.form {
    max-width: 1506px;
    padding: 0;
}

.mjf_box {
    background-color: #fff;
    border-radius: 11px;
    margin-top: 5%;
    padding: 5% 8%;
}

.c_formpage .c_group_tit .tit {
    font-size: 25px;
    color: #262626;
}

.c_formpage .c_group_tit .sub_txt {
    font-size: 14px;
    color: #404041;
}

.c_form .form_dl {
    padding: 0;
}

.c_form .form_dd {
    padding: 0 0 0 15px;
}

.c_form .form_dt.add_dt {
    padding: 80px 0 80px 20px;
}

.c_form .form_dt.sml_dt {
    padding: 60px 0 60px 20px;
}

.c_form .form_dt.ssml_dt {
    padding: 40px 0 40px 20px;
}

.c_form .form_dt {
    padding: 34px 0 34px 20px;
    /**background-color: #F7F7FC;**/
    width: 224px;
}

.c_form .form_dt .tit {
    font-size: 20px;
    color: #404041;
    font-weight: 400;
}

.c_formpage .form input.input_design {
    width: 30%;
    flex: initial;
    line-height: 45px;
}

.c_formpage .form label.c_label .tx {
    font-size: 18px;
}


.comple_box {
    text-align: center;
    margin-top: 100px;
}

.comple_box p {
    color: #262626;
}

.comple_box .complete_tit {
    font-size: 55px;
    margin-bottom: 4%;
}

.comple_box .complete_tit span {
    font-weight: 600;
}

.comple_box .complete_cont {
    font-size: 35px;
}

.comple_box .complete_cont span {
    font-size: 40px;
    color: #7E30E1;
    background-color: transparent;
    display: inline-block;
    padding: 5px 12px;
    border-radius: 50px;
    font-weight: bold;
}

.c_complete .layout_fix {
    max-width: 774px;
}

.comple_box a {
    display: inline-block;
    width: 245px;
    height: 65px;
    line-height: 65px;
    color: #fff;
    background-color: #7f30e1;
    font-size: 22px;
    margin-top: 10%;
}

.c_formpage .c_btnbox.type_full a.c_btn.black:hover {
    background-color: inherit;
    color: inherit;
    border: 1px solid #7f30e1
}

/* 오른쪽 퀵 메뉴 */
.right_quick {
    position: fixed;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 500;
    transition: all .3s;
}

.right_quick ul {
    list-style: none;
    margin-top: 57px;
}

.right_quick ul::after {
    position: fixed;
    background: #F7F4F9;
    padding: 20px 0;
    border-radius: 50px;
    content: "";
    display: block;
    z-index: -1;
    width: 66px;
    height: 100%;
    top: -20px;
    right: -10px;
}

.right_quick li {
    text-align: right;
    margin-bottom: 11px;
}

.right_quick li:last-child {
    margin-bottom: 0;
}

.right_quick li .circle_wrap {
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: inline-block;
    transition: all .3s;
    overflow: hidden;
    padding: 8px;
    text-align: initial;
    cursor: pointer;
}

.right_quick li .circle_wrap span {
    vertical-align: middle;
}

.right_quick li .circle_wrap .cwtxt {
    visibility: hidden;
    color: #312E2E;
    font-weight: 500;
    font-size: 15px;
    opacity: 0;
    transition: all .3s;
}

.right_quick li .circle_wrap .img_area {
    background-color: #f4efe9;
    width: 33px;
    height: 33px;
    display: inline-block;
    border-radius: 50%;
}

.right_quick li .circle_wrap .img_areab {
    background-color: #f4efe9;
    width: 33px;
    height: 33px;
    display: inline-block;
    border-radius: 50%;
}

.right_quick li .circle_wrap:hover .cwtxt {
    visibility: visible;
    opacity: 1;
}

.right_quick li .circle_wrap:hover {
    width: 115px;
    background-color: #EDEDF1;
    height: 33px;
}

.right_quick li.kko .circle_wrap:hover {
	background-color: #yellow !important;
}

.right_quick li .circle_wrap.long_cw:hover {
    width: 130px;
    height: 33px;
}

.right_quick li .circle_wrap.short_cw:hover {
    width: 110px;
    height: 33px;
}

.right_quick li .circle_wrap:hover .img_area {
    background-color: #fff;
}

.right_quick li .circle_wrap:hover .img_areab {
    background-color: #fff;
}

.right_quick li a {
    margin-left: 5px;
}

.right_quick li:nth-child(1) .img_areab {
    background: url(../images/skin/quick_1.png) no-repeat center;
    background-size: 20px;
    margin-left: -2px;
}

.right_quick li:nth-child(2) .img_areab {
    background: url(../images/skin/quick_6.png) no-repeat center;
    background-size: 20px;
}

.right_quick li:nth-child(3) .img_areab {
    background: url(../images/skin/quick_3.png) no-repeat center;
    background-size: 20px;
    margin-left: -2px;
}

.right_quick li:nth-child(4) .img_areab {
    background: url(../images/skin/quick_4.png) no-repeat center;
    background-size: 20px;
}

.right_quick li:nth-child(5) .img_areab {
    background: url(../images/skin/quick_5.png) no-repeat center;
    background-size: 20px;
    margin-left: -2px;
}

.right_quick li:nth-child(6) .img_areab {
    background: url(../images/skin/quick_2.png) no-repeat center;
    background-size: 20px;
}

.right_quick li:nth-child(7) .img_areab {
    background: url(../images/skin/quick_7.png) no-repeat center;
    background-size: 20px;
    margin-left: -1px;
}

.right_quick li:nth-child(8) .img_areab {
    background: url(../images/skin/quick_8.png) no-repeat center;
    background-size: 20px;
	background-color:yellow;
    margin-left: -2px;
}

.right_quick li:nth-child(1) .img_area {
    background: url(../images/skin/quick_2.png) no-repeat center;
    background-size: 20px;
    margin-left: -2px;
}

.right_quick li:nth-child(2) .img_area {
    background: url(../images/skin/quick_3.png) no-repeat center;
    background-size: 20px;
}

.right_quick li:nth-child(3) .img_area {
    background: url(../images/skin/quick_9.png) no-repeat center;
    background-size: 20px;
    margin-left: -2px;
}

.right_quick li:nth-child(4) .img_area {
    background: url(../images/skin/quick_4.png) no-repeat center;
    background-size: 20px;
}

.right_quick li:nth-child(5) .img_area {
    background: url(../images/skin/quick_5.png) no-repeat center;
    background-size: 20px;
    margin-left: -2px;
}

.right_quick li:nth-child(6) .img_area {
    background: url(../images/skin/quick_10.png) no-repeat center;
    background-size: 20px;
}

.right_quick li:nth-child(7) .img_area {
    background: url(../images/skin/quick_8.png) no-repeat center;
    background-size: 20px;
	background-color:yellow;
    margin-left: -2px;
}

.right_quick .rq_btn {
    background-color: #fff;
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin-bottom: 11px;
}

.right_quick .rq_btn span {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%);
}

.right_quick .for_o {
    display: none;
}

.right_quick .for_x span {
    background: url(../images/skin/for_x.png) no-repeat center;
    background-size: 22px;
}

.right_quick .for_o span {
    background: url(../images/skin/for_o.png) no-repeat center;
    background-size: 22px;
}

.right_quick .for_o {
    margin-top: -258px;
}

.right_quick .for_o::after {
    position: fixed;
    z-index: -1;
    background-color: #F7F4F9;
    width: 66px;
    height: 66px;
    content: "";
    display: block;
    top: -268px;
    right: -10px;
    border-radius: 50%;
}

.right_quick.close .for_o {
    display: block;
}

.right_quick.close .for_x,
.right_quick.close ul {
    display: none;
}

.rq_top {
    position: absolute;
    top: 0;
    right: 0;
}

.ind_dr_area .slick-track {
    min-width: 0;
    max-height: 0;
}

.for_1230 {
    display: none;
}

.ft_icon_box.mobile {
    display: none;
}

.sc_list_tit {
    width: 27%;
}




/* b2c 메인 하단 */
.b2c_info {
    background-color: #F7F7F7;
    padding: 3% 5%;
    margin: 8% 0 0;
}

.bi_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bi_list li {
    width: 32%;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 4px 0 rgba(181, 181, 181, .25);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3%;
    box-sizing: border-box;
}

.bi_list li .bi_box {
    width: 70%;
}

.bi_list li .bi_info {
    padding: 5px 13px;
    border-radius: 50px;
    background-color: #7F30E1;
    margin-bottom: 7%;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.bi_list .bi_cont {
    color: #383838;
}

.bi_list li .bic_top {
    font-size: 18px;
    color: #383838;
    font-weight: 300;
}

.bi_list li .bic_mid {
    font-size: 26px;
    font-weight: 500;
    margin: 12px 0;
}

.bi_list li .bic_mid span {
    font-size: 19px;
    font-weight: 400;
}

.bi_list li .bic_btm {
    font-size: 18px;
    font-weight: 300;
}

.b2c_info .img_wrap {
    background-color: #F4F4F4;
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.b2c_info .img_wrap img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.b2c_btm_bann {
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 20px;
	background-color:#e9e9e9;
}


/* 메인 광고 퍼블 다시 */
.main_ad {
    max-width: 1516px;
    margin: 0 auto;
}

.main_ad_slide {
    overflow: hidden;
}

.main_ad_slide .swiper-slide {
    position: relative;
}

/* .main_ad_slide .swiper-slide .main_ad_txt{position: absolute; left: 0; width: 50%;}
.main_ad_slide .swiper-slide .main_ad_img{margin-left: 50%;} */


/* 메인 배너 모바일 스크립트 퍼블 */
.m_img_bann {
    max-width: 100%;
    position: relative;
    min-height: 200px;
}

.slider-ctr {
    width: 100%;
    /* height: 440px; */
    padding-bottom: 36%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    /* border: 10px solid white; */
    border-radius: 5px;
    overflow: hidden;
    /* box-shadow: 0 10px 15px 3px rgba(0, 0, 0, 0.15), 0 5px 20px 3px rgba(0, 0, 0, 0.1); */
}

.slider-ctr:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%);
    pointer-events: none;
    z-index: 9;
}

.slider-control {
    /* position: absolute;
  top: 30px;
  right: 30px;
  width: 80px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
  z-index: 99; */
}

.slider-control .control {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    transition: 0.3s all ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.slider-control .control.prev {
    left: 5%;
    background: url(../images/skin/main_bann_left.png) no-repeat center;
    background-size: contain;
}

.slider-control .control.next {
    right: 5%;
    background: url(../images/skin/main_bann_right.png) no-repeat center;
    background-size: contain;
}

.slider-control .control .icon {
    pointer-events: none;
    transition: 0.3s all ease;
}

.slider-control .control.disabled {
    pointer-events: none;
}


.slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.5s all cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    margin: 0;
}

.slide:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.125);
}

.slide.slide-on {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
}

.slide img {
    display: block;
    object-fit: cover;
    width: 100%;
}

.slide figcaption {
    position: absolute;
    top: 30px;
    right: 30px;
}

.m_bann {
    display: none;
}

.shop_img img {
    width: 233px;
    height: 254px;
}

.for_m_tit {
    display: none;
}

.review_img img {
    overflow:hidden;
	width: 100%;
	height:250px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}


.main_choice { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.main_choice ul { width:102%; }
.main_choice li { float:left; display:inline-block; width:31%; margin-right:2%; }
.main_choice li img { width:100%; } 
.main_choice li p { width:100%; text-align:center; padding:20px 0; }
.main_choice li span { font-size:18px; color:#333;  }


.pcWrap { display:block; }
.mobileWrap { display:none; }

.star-ratings {
  color: #f0f0f0; 
  position: relative;
  unicode-bidi: bidi-override;
  width: max-content;
  -webkit-text-fill-color: #f0f0f0; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #f0f0f0;
  font-size:11px;
}
 
.star-ratings-fill {
  color: #c5c5c5;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: flex;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-text-fill-color: #c5c5c5;
}
 
.star-ratings-base {
  z-index: 0;
  padding: 0;
}

.item_box2 .icbtn {
    margin:10px auto 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.item_box2 .icbtn .btn {
    width: 20px;
    height: 25px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 21px auto !important;
}

.item_box2 .icbtn .btn_cart {
    background-image: url('../images/c_img/item_cart.svg');
}

.item_box2 .icbtn .btn_cart.hit {;
}

.item_box2 .icbtn .btn_wish {
    background-image: url('../images/c_img/item_wish.svg');
}

.item_box2 .icbtn .btn_wish.hit {
    background-image: url('../images/c_img/item_wish_on.svg');
}
.item_box2 .before { padding:5px; }
.item_box2 .before .won {
    color: #aaa;
    position: relative;
    padding: 0 1px;
    font-weight: 500;
    font-size: 0.9em;
}
.item_box2 .before .won:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #aaa;
    margin-top: -1px;
}
.prod_txt2 { display:flex; flex-direction: row; justify-content: center; margin:10px auto; width:100%; }
.prod_txt2 .num { font-size:11px; font-weight:400; }