@charset "utf-8";

/*
 * Copyright    :   ONEDAYNET.CO.KR / (주)담아페이먼츠
 * SOLUTION     :   HYSSENCE 3.0 PLUS
 * File         :   skin.css
 * SUMMARY      :   스킨 디자인(메인)
 */

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


html.if_hidden_scroll {overflow:hidden;}

/* 배너 반응형이미지 */
img.this_pc {}
img.this_mo {display:none;}



/* 헤더 ======================================== */
.sc_Header {padding-top:30px;}
.sc_Header .layout_fix {display:flex; justify-content:center; align-items:center; flex-direction:row;}

.sc_Header .site_logo {flex:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:150px}
.sc_Header .site_logo a {padding:10px 0;}
.sc_Header .site_logo .text {font-size:21px; font-weight:700; color:#000;}
.sc_Header .site_logo img {max-width:100%; display:block;}

.sc_Header .search_form {display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; padding:0 20px; width:450px; box-sizing:border-box;}
.sc_Header .search_form .real_form {position:relative; z-index:102; width:100%; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; display:flex; justify-content:center; align-items:center; flex-direction:row;}
.sc_Header .search_form .tie_form {position:relative; fleX:1; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.sc_Header .search_form .tie_form:before {content:""; background:transparent url('../images/baro/header_ic_search.svg') center center / 15px no-repeat; width:15px; height:15px; display:block;}
.sc_Header .search_form .tie_form:before {position:absolute; left:25px; z-index:2; filter:invert(87%) sepia(20%) saturate(137%) hue-rotate(179deg) brightness(92%) contrast(91%);}
.sc_Header .search_form .input_search {position:relative; padding:0 60px 0 50px; border-radius:100px; height:55px; font-size:16px; color:#000; background:var(--mono-white); width:100%;}
.sc_Header .search_form .input_search {box-sizing:border-box; border:1px solid var(--mono-white); color:var(--mono-light)}
.sc_Header .search_form .input_search:not(:placeholder-shown)+ .btn_search {display:flex;}
.sc_Header .search_form input.input_search:focus {color:#000;}
.sc_Header .search_form .btn_search {position:absolute; right:10px; width:37px; height:37px; background:var(--color-main); display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:100px;}
.sc_Header .search_form .btn_search {display:none;}
.sc_Header .search_form .btn_search:before {content:""; width:15px; height:15px; background:transparent url('../images/baro/header_ic_search.svg') center center / 15px no-repeat;}
.sc_Header .search_form .btn_search:before {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(260deg) brightness(105%) contrast(105%);}
.sc_Header .search_form .btn_close {width:30px; height:30px; background:transparent url('../images/skin/header_close.svg') center center / 12px no-repeat; margin-left:10px;}
.sc_Header .search_form .fake_form {flex:1}
.sc_Header .search_form .fake_form a.input_search {display:flex; justify-content:center; align-items:flex-start; flex-direction:column; cursor:text; padding-right:15px;}
.sc_Header .search_form .fake_form a.input_search strong {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; pointer-events:none;}

.sc_Header .search_open {position:absolute; right:0; top:-20px; width:100%; border-radius:15px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3); background:#fff; z-index:101; padding:20px; box-sizing:border-box;}
.sc_Header .search_open {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; z-index:301; overflow:hidden; display:none;}

.sc_Header .keyword_list {margin-top:30px;}
.sc_Header .keyword_list .title {font-size:17px; color:#000; font-weight:700;}
.sc_Header .keyword_list ul {margin-top:15px; display:flex; flex-direction:row; justify-content:flex-start; align-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:6px 4px; max-height:182px; overflow:hidden;}
.sc_Header .keyword_list .word {font-size:13px; color:var(--mono-mid); padding:0 8px; height:30px; display:flex; flex-direction:row; justify-content:center; align-items:center; border:1px solid var(--mono-clear);}
.sc_Header .keyword_list .word {border-radius:100px; box-sizing:border-box;}

.sc_Header .search_form.if_open_search .search_open {display:block;}

.sc_Header .top_menu {flex:1; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}

.sc_Header .user_link {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; gap:0 5px;}
.sc_Header .user_link .li {position:relative;}
.sc_Header .user_link .menu {font-size:13px; color:var(--mono-mid); padding:0 7px; box-sizing:border-box; line-height:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:1px;}
.sc_Header .user_link .menu {white-space:nowrap; height:35px;}
.sc_Header .user_link .arrow {width:8px; height:8px; background:transparent url('../images/baro/ic_arrow.svg') center center / 8px no-repeat;}
.sc_Header .user_link .menu em {}
.sc_Header .user_link .menu .total {color:var(--color-main);}
.sc_Header .user_link .open_depth {position:absolute; left:-15px; top:35px; width:150px; border:1px solid #c7c7d5; border-radius:5px; background:#fff; box-sizing:border-box; z-index:101; padding:15px 20px; display:none;}
.sc_Header .user_link .open_depth li.this_line {border-top:1px solid #eeeef5; margin-top:5px; padding-top:5px; box-sizing:border-box;}
.sc_Header .user_link .open_depth .link {padding:5px 0; box-sizing:border-box; color:#6b6b7a; font-weight:500; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:3px; font-size:12px;}
.sc_Header .user_link .open_depth .link.logout {color:#a7a7b4;}
.sc_Header .user_link .open_depth .total {}
.sc_Header .user_link .open_depth .color {color:var(--color-main);}
.sc_Header .icon_link {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; margin-right:-10px;}
.sc_Header .icon_link .btn {position:relative; padding:5px 10px; box-sizing:border-box;}
.sc_Header .icon_link .icon {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}
.sc_Header .icon_link .icon img {height:22px; display:block;}
.sc_Header .icon_link .cart_num {position:absolute; right:-11px; top:-9px; font-size:11px; font-weight:600; color:#fff; background:var(--color-main); width:19px; height:19px; border-radius:100px; line-height:1;}
.sc_Header .icon_link .cart_num {display:flex; flex-direction:row; justify-content:center; align-items:center; white-space:nowrap;}




/* 네비 ======================================== */
.sc_GnbNavi {background:#fff; position:sticky; top:0; z-index:100; margin-top:20px;}
.sc_GnbNavi .major_navi .layout_fix {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; height:70px; gap:10px}
.sc_GnbNavi:after {content:""; width:100%; height:1px; background:var(--mono-white); position:absolute; left:0; bottom:0; z-index:1}

.sc_GnbNavi .btn_slide {flex:none; display:flex; flex-direction:row; justify-content:center; align-items:center; border:1px solid var(--color-main); height:38px; border-radius:3px; gap:5px}
.sc_GnbNavi .btn_slide {background:#024aea0d; color:var(--color-main); padding:0 15px; font-size:14px; font-weight:600; box-sizing:border-box;}
.sc_GnbNavi .btn_slide .icon {width:13px; display:flex; justify-content:center; align-items:stretch; flex-direction:column; gap:2px}
.sc_GnbNavi .btn_slide .bar {background:var(--color-main); height:2px; display:block;}
.sc_GnbNavi .btn_slide .icon:before {content:""; height:2px; background:var(--color-main); display:block;}
.sc_GnbNavi .btn_slide .icon:after {content:""; height:2px; background:var(--color-main); display:block;}

.sc_GnbNavi .category {flex:1; position:relative; z-index:2}
.sc_GnbNavi .category .layout_fix {padding:0px !important;}
.sc_GnbNavi .category .li {position:relative;}
.sc_GnbNavi .category .swipe_box {}
.sc_GnbNavi .category .swipe_box .ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; width:max-content;}
.sc_GnbNavi .category .first_menu {padding:0 15px; box-sizing:border-box;}
.sc_GnbNavi .category .first_menu {font-weight:700; font-size:16px; color:#000; height:60px; display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; white-space:nowrap;}
.sc_GnbNavi .category .first_menu:before {content:""; width:100%; height:2px; background:var(--color-coral); position:absolute; left:0; bottom:0; display:none; z-index:2}
.sc_GnbNavi .category .next_ctg {position:absolute; left:-5px; top:55px; background:#fff; border-radius:5px; border:1px solid var(--mono-clear); box-sizing:border-box; min-width:130px; z-index:1; padding:15px 0;}
.sc_GnbNavi .category .next_ctg {box-shadow:15px 15px 20px rgba(0,0,0,0.15); display:none;}
.sc_GnbNavi .category .second_menu {padding:6px 20px; box-sizing:border-box; width:100%; font-size:13px; color:var(--mono-gray); font-weight:600; white-space:nowrap;}
.sc_GnbNavi .category .li.this_mobile_view {display:none;}
.sc_GnbNavi .category .li.hit .first_menu {color:var(--color-coral);}

.sc_GnbNavi .side_menu {flex:none}
.sc_GnbNavi .side_menu ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; gap:20px}
.sc_GnbNavi .side_menu .menu {font-weight:500; font-size:17px; color:#000; padding:8px 0; box-sizing:border-box; font-family:var(--font-title);}
.sc_GnbNavi .side_menu .menu strong {position:relative;}
.sc_GnbNavi .side_menu .menu strong:before {content:""; width:100%; height:7px; background:var(--color-main); position:absolute; left:0; bottom:-3px; opacity:0.2; }
.sc_GnbNavi .side_menu .menu strong:before {transform-origin:top right; transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.sc_GnbNavi .side_menu .menu strong:before {-webkit-transform:scaleX(0); transform:scaleX(0); will-change:auto;}
.sc_GnbNavi .side_menu .hit .menu {color:var(--color-coral) !important;}
.sc_GnbNavi .side_menu .hit .menu strong:before {display:none;}

.sc_GnbNavi .other_menu {display:none; flex:1; margin-left:20px;}
.sc_GnbNavi .other_menu ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:20px}
.sc_GnbNavi .other_menu .menu {display:flex; justify-content:center; align-items:center; flex-direction:column; height:50px; font-family:var(--font-title); color:var(--mono-gray); font-size:15px;}

.sc_GnbNavi .all_menu {position:absolute; left:0; top:70px; width:100%; background:#fff; box-sizing:border-box; border-top:1px solid var(--mono-clear); padding:30px 0 80px; box-shadow:0px 20px 20px rgba(0,0,0,0.2); display:none;}
.sc_GnbNavi .all_menu .inner {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:30px;}
.sc_GnbNavi .all_menu .inner ul {border-radius:5px; padding:15px;}
.sc_GnbNavi .all_menu .first_menu {font-family:var(--font-title); color:#000; font-size:17px; font-weight:500; display:block; padding:10px 0; margin-bottom:5px;}
.sc_GnbNavi .all_menu .second_menu {font-size:13px; color:#000; display:block; padding:5px 0;}

.sc_GnbNavi.if_open_all .other_menu {display:block;}
.sc_GnbNavi.if_open_all .all_menu {display:block;}
.sc_GnbNavi.if_open_all .category {display:none;}
.sc_GnbNavi.if_open_all .side_menu {display:none;}
.sc_GnbNavi.if_open_all .btn_slide {background:var(--color-main); color:#fff;}
.sc_GnbNavi.if_open_all .btn_slide .bar {background:#fff;}

body.if_main .sc_GnbNavi:after {display:none;}





/* 메인 비주얼 ======================================== */
.sc_Visual {margin-top:10px; overflow:hidden;}

.sc_Visual .rolling_wrap {position:relative;}
.sc_Visual .rolling_box {overflow:hidden;}
.sc_Visual .rolling_box li {width:780px; padding:0 15px; box-sizing:border-box}

.sc_Visual .visual_img {overflow:hidden; position:relative;}
.sc_Visual .visual_img img {width:100%; display:block; object-fit:cover; border-radius:20px;}
.sc_Visual .visual_img .cutting {transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); overflow:hidden; box-sizing:border-box; position:absolute; left:0; top:0; width:100%; height:calc(100% - 40px);}
.sc_Visual .visual_img .fake {opacity:0;}

.sc_Visual .visual_text {margin-top:18px; transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); position:relative; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap}
.sc_Visual .visual_text {opacity:0; transform:translateY(-40px); gap:0 10px}
.sc_Visual .visual_text .title {font-size:23px; font-family:var(--font-title); flex:1}
.sc_Visual .visual_text .text {font-weight:500; font-size:16px; color:#000; margin-top:8px; width:100%;}
.sc_Visual .visual_text .btn_go {color:var(--mono-mid); font-size:14px; font-weight:500; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px}
.sc_Visual .visual_text .btn_go:after {content:""; width:6px; height:12px; background:transparent url('../images/baro/ic_arrow_go.svg') center center / 6px no-repeat; display:block;}
.sc_Visual .visual_text .btn_go:after {filter:invert(58%) sepia(27%) saturate(255%) hue-rotate(179deg) brightness(101%) contrast(83%);}

.sc_Visual .rolling_box li.if_active .visual_img .cutting {height:100%;}
.sc_Visual .rolling_box li.if_active .visual_text {transform:translateY(0); opacity:1;}
.sc_Visual .rolling_box li.if_active .roll_ctrl {transform:translateY(100px);}

.sc_Visual .roll_ctrl {position:absolute; bottom:0; background:#fff; display:flex; justify-content:center; align-items:flex-end; flex-direction:row; height:40px; width:90px; cursor:pointer; gap:5px; z-index:10}
.sc_Visual .roll_ctrl {padding:5px; box-sizing:border-box; transform:translateY(0); transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;}
.sc_Visual .roll_ctrl.this_prev {right:0; border-top-left-radius:30px}
.sc_Visual .roll_ctrl.this_next {left:0; border-top-right-radius:30px}
.sc_Visual .roll_ctrl.if_hide {display:none !important;}
.sc_Visual .roll_ctrl.if_show {display:flex;}

.sc_Visual .roll_ctrl .roll_prevnext {width:23px; height:16px; background-size:23px !important; background-repeat:no-repeat !important; background-position:center center !important;}
.sc_Visual .roll_ctrl .roll_prevnext.prev {background-image:url('../images/baro/ic_arrow_left.svg');}
.sc_Visual .roll_ctrl .roll_prevnext.next {background-image:url('../images/baro/ic_arrow_right.svg');}
.sc_Visual .roll_ctrl .roll_pagi {font-size:13px; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:2px; font-variant-numeric:tabular-nums; flex:1}
.sc_Visual .roll_ctrl .roll_pagi .active {}
.sc_Visual .roll_ctrl .roll_pagi .under {}
.sc_Visual .roll_ctrl .roll_pagi .all {}




/* 메인 바로가기(동그라미) 배너 ======================================== */
.sc_Go {border-bottom:1px solid var(--mono-clear); box-sizing:border-box; padding-bottom:60px; overflow:hidden;}
.sc_Go .swipe_box {display:inline-block; max-width:100%; margin: 0 auto;} /* KJS : margin 추가 */
.sc_Go .swipe_box ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:20px; flex-wrap:nowrap; width:max-content; gap:0 30px; }/*align-items:flex-start;*/
.sc_Go .banner {position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center;}
.sc_Go .banner .img_box {width:100px; aspect-ratio: auto 1 / 1; border-radius:100%; overflow:hidden; position:relative; z-index:2; font-size:0px;}
.sc_Go .banner .img_box img {width:100%; height:100%; object-fit:cover;}
.sc_Go .banner .title {font-weight:600; color:#000; font-size:15px; margin-top:8px;}

@-webkit-keyframes mv_go_rotate {
    0% {transform:scaleX(1);}
    50% {transform:scaleX(0);}
    100% {transform:scaleX(1);}
}
@keyframes mv_go_rotate {
    0% {transform:scaleX(1);}
    50% {transform:scaleX(0);}
    100% {transform:scaleX(1);}
}




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



/* 롤링 이전다음 버튼 ======================================== */
.sc_Roll_btn {position:absolute; top:25%; display:flex; flex-direction:row; justify-content:center; align-items:center; width:60px; height:60px; border-radius:100px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); z-index:10}
.sc_Roll_btn {display:flex; justify-content:center; align-items:center; flex-direction:column; background:#fff; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; border:1px solid #fff; box-sizing:border-box;}
.sc_Roll_btn:before {content:""; background-repeat:no-repeat !important; background-position:center !important; background-size:23px !important;z-index:10; width:23px; height:16px;}
.sc_Roll_btn.prev {left:-30px;}
.sc_Roll_btn.prev:before {background-image:url('../images/baro/ic_arrow_left.svg');}
.sc_Roll_btn.next {right:-30px;}
.sc_Roll_btn.next:before {background-image:url('../images/baro/ic_arrow_right.svg');}
.sc_Roll_btn.if_hide {display:none !important;}/* 롤링 안될때 숨김 */
.sc_Roll_btn.if_show {display:flex;}/* 롤링 될때 노출 */


/* 그룹타이틀 ======================================== */
.sc_Group_tit {margin-bottom:20px;}
.sc_Group_tit .layout_fix {display:flex; justify-content:center; align-items:flex-end; flex-direction:row}
.sc_Group_tit .title_wrap {flex:1}
.sc_Group_tit .tit {font-weight:500; font-size:26px; color:#000; display:flex; justify-content:flex-start; align-items:flex-end; flex-direction:row; gap:5px; font-family:var(--font-title); flex-wrap:wrap}
.sc_Group_tit .sub {font-size:15px; color:var(--mono-gray); width:100%; order:3; margin-top:6px; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:1.4;}
.sc_Group_tit .point {color:var(--color-coral); font-size:17px; font-family:var(--font-title);}
.sc_Group_tit .btn_refresh {width:28px; height:28px; background:transparent url('../images/baro/btn_refresh.svg') center center / 100% no-repeat;}
.sc_Group_tit .btn_refresh img {display:none;}
.sc_Group_tit .btn_refresh.if_refresh {animation:mv_title_refresh 0.7s ease both;}
.sc_Group_tit .sc_More_btn {}
.sc_Group_tit .sc_Roll_ctrl {display:flex; justify-content:center; align-items:center; flex-direction:row; margin:0px; gap:10px}
.sc_Group_tit .sc_Roll_btn {position:static}

@keyframes mv_title_refresh {
    0% {transform:rotate(0); -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0);}
    100% {transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}
}


/* 더보기 버튼 ======================================== */
.sc_More_btn {}
.sc_More_btn .link {color:var(--mono-mid); font-size:14px; font-weight:500; display:flex; justify-content:center; align-items:center; flex-direction:row; padding:5px 0; line-height:1; gap:6px}
.sc_More_btn .link:after {content:""; width:6px; height:11px; background:transparent url('../images/baro/ic_arrow_go.svg') center center / 100% no-repeat;}
.sc_More_btn .link:after {filter: invert(58%) sepia(27%) saturate(255%) hue-rotate(179deg) brightness(101%) contrast(83%);}


/* 탭메뉴 ======================================== */
.sc_tab {margin-bottom:20px; overflow:hidden;}
.sc_tab .swipe_box {display:inline-block; max-width:100%}
.sc_tab .swipe_box ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:nowrap; width:max-content; gap:10px;}
.sc_tab .tab {font-weight:600; font-size:15px; color:var(--color-main); padding:0 20px; box-sizing:border-box; border-radius:100px; background:#024aea12; min-width:90px}
.sc_tab .tab {display:flex; flex-direction:row; justify-content:center; align-items:center; height:40px; position:relative;}
.sc_tab .tab strong {z-index:2;}
.sc_tab .tab .over_line {border:1px solid var(--color-main); opacity:0.5; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100px; box-sizing:border-box;}
.sc_tab li.hit .tab {color:#fff; background:var(--color-main); border-color:var(--color-main);}
.sc_tab li.hit .tab .over_line {display:none;}
.sc_tab.type_mono .tab {background:var(--mono-clear); color:var(--mono-black);}
.sc_tab.type_mono .tab .over_line {border-color:var(--mono-clear); opacity:1;}
.sc_tab.type_mono li.hit .tab {background:var(--mono-black);}


/* 롤링 컨트롤러 ======================================== */
.sc_Roll_ctrl {margin-top:15px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.sc_Roll_ctrl .roll_icon ul {display:flex; flex-direction:row; justify-content:center; align-items:center; gap:5px;}
.sc_Roll_ctrl .roll_icon li {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.sc_Roll_ctrl .roll_icon .btn {width:6px; height:6px; background:var(--mono-light); border-radius:100px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.sc_Roll_ctrl .roll_icon .active .btn {background:var(--mono-black);}
.sc_Roll_ctrl.if_show {display:flex}









/* 메인 카테고리 베스트 ======================================== */
.sc_Best {background:#f9fbfe; padding:80px 0; box-sizing:border-box; overflow:hidden;}
.sc_Best .rolling_wrap {overflow:hidden;}
.sc_Best .rolling_box {}

.sc_Best .sc_Roll_btn {height:36px; width:50px;}
.sc_Best .sc_Roll_btn:before {background-size:17px !important;}

.sc_Best .best_list {}
.sc_Best .best_list .ul {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; width:max-content;}
.sc_Best .best_list .li {width:480px; margin-right:30px;}
.sc_Best .best_list .li:last-of-type {margin-right:0px !important;}

.sc_Best .one_best {}
.sc_Best .one_best .upper_visual {position:relative; overflow:hidden; height:200px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.sc_Best .one_best .upper_visual:after {content:""; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1; position:absolute; left:0; top:0;}
.sc_Best .one_best .upper_visual img {width:100%; height:100%; object-fit:cover; display:block; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.sc_Best .one_best .upper_visual .ctg_name {color:#fff; position:relative; z-index:2; position:absolute; font-size:25px; font-family:var(--font-title);}
.sc_Best .one_best .upper_visual .link {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:6px; padding:10px;}
.sc_Best .one_best .upper_visual .link:after {content:""; width:8px; height:14px; background:transparent url('../images/baro/ic_arrow_go.svg') center center / 100% no-repeat;}
.sc_Best .one_best .upper_visual .link:after {filter: invert(100%) sepia(0%) saturate(2294%) hue-rotate(67deg) brightness(118%) contrast(100%);}
.sc_Best .one_best .rank_tab {position:absolute; left:0; bottom:0; width:100%; z-index:2}
.sc_Best .one_best .rank_tab .swipe_box {}
.sc_Best .one_best .rank_tab .swipe_box ul {display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.sc_Best .one_best .rank_tab .tab {background:rgba(0,0,0,0.8); color:#fff; width:90px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:35px; font-weight:700;}
.sc_Best .one_best .rank_tab li.hit .tab {background:#f9fbfe; color:var(--color-main);}

.sc_Best .rank_items {overflow-y:auto; margin-top:20px; height:340px; padding-right:10px;}

.sc_Best .rank_items .item_list {margin-left:0px !important;}
.sc_Best .rank_items .item_list ul {flex-direction:column; gap:15px}
.sc_Best .rank_items .item_list li {padding-left:0px !important;}
.sc_Best .rank_items .item_list li:first-of-type .item_box .ranking {background:var(--color-main);}
.sc_Best .rank_items .layout_fix {padding:0px !important;}
.sc_Best .rank_items .item_box .thumb {width:100px; height:100px;}
.sc_Best .rank_items .item_box .review_icon {padding-top:0px; padding-bottom:5px;}
.sc_Best .rank_items .item_box .price_special {margin-top:10px;}
.sc_Best .rank_items .item_box .item_icon {display:none;}
.sc_Best .rank_items .item_box .info .item_name {-webkit-line-clamp:1}
.sc_Best .rank_items .item_box .ticket_info {display:none;}
.sc_Best .rank_items .item_box .info .sub_name {display:none;}
.sc_Best .rank_items .item_box .special_type {display:none;}



/* 메인 기본상품 ======================================== */
.sc_Items {overflow:hidden;}
.sc_Items .rolling_wrap {position:relative;}
.sc_Items .rolling_box {overflow:hidden;}

/* 상품 > 신상품 */
.sc_NewItems .item_list.pc_type_box5 li:nth-child(n+6) {display:none;}









/* 메인 2단 배너 ======================================== */
.sc_Ad {}
.sc_Ad .rolling_wrap {position:relative;}
.sc_Ad .rolling_box {overflow:hidden; border-radius:5px;}
.sc_Ad .rolling_box ul {display:flex; flex-direction:row; justify-content:stretch; align-items:stretch;}
.sc_Ad .rolling_box li {width:50%; height:auto;}
.sc_Ad .banner_list {margin-left:-32px;}
.sc_Ad .banner {margin-left:32px; overflow:hidden; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:stretch; border-radius:5px;}
.sc_Ad .banner img {width:100%; display:block;}
.sc_Ad .sc_Roll_btn {top:50%; transform:translateY(-50%);}
.sc_Ad .sc_Roll_ctrl {display:none !important;}




/* 메인 1단 배너 ======================================== */
.sc_Single {}
.sc_Single .rolling_wrap {position:relative; overflow:hidden; border-radius:5px;}
.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 .sc_Roll_ctrl {position:absolute; right:10px; bottom:10px; z-index:11}
.sc_Single .roll_pagi {display:flex; justify-content:center; align-items:center; flex-direction:row; background:rgba(0,0,0,0.7); border-radius:100px; width:60px; font-variant-numeric:tabular-nums; color:#fff; font-size:12px;}
.sc_Single .roll_pagi {height:30px; font-weight:500;}
.sc_Single .roll_pagi span {opacity:0.5;}
.sc_Single .roll_pagi .active {opacity:1;}




/* 메인 인기 키워드 ======================================== */
.sc_Tag {border-bottom:1px solid var(--mono-clear); padding-bottom:80px;}
.sc_Tag .layout_fix {display:flex; justify-content:center; align-items:flex-start; flex-direction:row; gap:40px}
.sc_Tag .sc_Group_tit {max-width:250px}
.sc_Tag .inner {flex:1}
.sc_Tag .keyword_box {max-width:1000px;}
.sc_Tag .keyword_box ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:5px;}
.sc_Tag .keyword_box .link {position:relative; font-size:14px;}
.sc_Tag .keyword_box .link .keyword { font-weight:800; color:#000; padding:5px 10px; box-sizing:border-box;}
.sc_Tag .keyword_box .link .over_line {position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; border-radius:5px; box-sizing:border-box;}




/* 메인 리뷰 ======================================== */
.sc_Review {overflow:hidden;}

.sc_Review .rolling_wrap {position:relative;}
.sc_Review .rolling_box {overflow:hidden;}
.sc_Review .rolling_box .ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch;}
.sc_Review .rolling_box .li {width:25%; height:auto;}
.sc_Review .rolling_box .li:nth-of-type(odd) .info {border:0; background:var(--mono-white);}
.sc_Review .review_list {margin-left:-30px;}

.sc_Review .review_box {margin-left:30px; height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.sc_Review .review_box .photo {box-sizing:border-box; overflow:hidden; position:relative; cursor:pointer; isolation:isolate; aspect-ratio:auto 1 / 1.1;}
.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); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.sc_Review .review_box .photo img {width:100%; height:100%; object-fit:cover;}
.sc_Review .review_box .photo .icon_h {position:absolute; left:50%; top:50%; width:0; height:1px; background:#fff; z-index:10; 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; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}

.sc_Review .review_box .item_name {position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:10px; padding-top:30px; text-align:center;}
.sc_Review .review_box .item_name {font-weight:500; font-size:13px; color:#fff; z-index:10; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.sc_Review .review_box .item_name strong {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}

.sc_Review .review_box .info {background:#fff; padding:15px; flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; border:1px solid var(--mono-clear);}
.sc_Review .review_box .info {border-top:0; box-sizing:border-box; padding-bottom:20px;}
.sc_Review .review_box .mark {position:relative; width:80px; height:16px; }
.sc_Review .review_box .mark .star {position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url('../images/baro/item_review_star.svg') left center / 16px repeat-x;}
.sc_Review .review_box .mark .star.this_base {z-index:1; opacity:0.2;}
.sc_Review .review_box .mark .star.this_value {z-index:2; filter:invert(43%) sepia(80%) saturate(2239%) hue-rotate(339deg) brightness(100%) contrast(101%);}
.sc_Review .review_box .conts {display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-weight:500; font-size:13px; color:var(--mono-dark); }
.sc_Review .review_box .conts {line-height:1.5; cursor:pointer; margin-top:10px;}
.sc_Review .review_box .writer {font-size:12px; color:var(--mono-light); display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:5px; margin-top:5px;}
.sc_Review .review_box .writer .id {}
.sc_Review .review_box .writer .date {}
.sc_Review .review_box .category {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:8px; height:20px; overflow:hidden; padding-top:10px;}
.sc_Review .review_box .category .link {height:20px; font-size:13px; color:var(--color-main); font-weight:500; box-sizing:border-box;}






/* 푸터 ======================================== */
.sc_Footer {border-top:1px solid var(--mono-light); margin-top:100px; overflow:hidden;}
.sc_Footer .wrapping {display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap:wrap}
.sc_Footer .this_info .wrapping {padding:50px 0; gap:40px 60px}
.sc_Footer .this_cs .wrapping {border-top:1px solid var(--mono-white); padding:40px 0 50px; gap:25px;}

.sc_Footer .menu_link {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:50px;}
.sc_Footer .menu_link ul {flex:none;}
.sc_Footer .menu_link .menu {padding:5px 0px; font-size:13px; font-weight:400; color:var(--mono-mid); display:block;}

.sc_Footer .link_first {margin-bottom:10px; font-family:var(--font-title); color:#000; font-size:15px; font-weight:500;}

.sc_Footer .cs_center {}
.sc_Footer .cs_center .link_first {margin-bottom:15px;}
.sc_Footer .cs_center .contact {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row;}
.sc_Footer .cs_center .business_info {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:6px;}
.sc_Footer .cs_center .tel {font-family:var(--font-title); font-size:33px; font-weight:500; color:#000;}
.sc_Footer .cs_center .email {font-size:15px; font-weight:500; color:var(--mono-gray);}
.sc_Footer .cs_center .time {border-left:1px solid var(--mono-clear); margin-left:30px; padding-left:30px; font-size:13px; color:var(--mono-gray); font-weight:400; line-height:1.4;}

.sc_Footer .sns_link {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; margin-top:15px; gap:5px;}
.sc_Footer .sns_link .btn_sns {display:flex; justify-content:center; align-items:center; flex-direction:row; width:41px; height:41px; border:solid 1px var(--mono-black); box-sizing:border-box; border-radius:100px;}
.sc_Footer .sns_link .btn_sns {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.sc_Footer .sns_link .btn_sns img {width:25px; aspect-ratio: auto 1 / 1; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}

.sc_Footer .company_info {max-width:700px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:8px 15px; flex-wrap:wrap; font-size:13px;}
.sc_Footer .company_info .tx {color:var(--mono-gray); font-weight:500;}
.sc_Footer .company_info .tx.this_hosting {width:100%;}
.sc_Footer .guide {font-size:13px; color:var(--mono-mid); font-weight:400; line-height:1.4; word-wrap:break-word; word-break:keep-all; white-space:normal; width:100%;}

.sc_Footer .auth_logo {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:5px;}
.sc_Footer .auth_logo img {height:35px; display:block;}
.sc_Footer .auth_logo .logo {position:relative; overflow:hidden; cursor:pointer}
.sc_Footer .auth_logo .logo:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.04;}

.sc_Footer .copyright {min-height:50px; background-color:var(--mono-white); font-weight:500; color:var(--mono-gray); text-align:center;}
.sc_Footer .copyright .layout_fix {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; height:50px; text-transform:uppercase; font-size:12px;}