@charset "utf-8";

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

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


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

/* 헤더 ======================================== */
.sc_Header {background: #fff; box-sizing: border-box; padding: 0px 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;}
/* 메뉴 헤더라인 추가--s---
.sc_Header .layout_fix {width:100%;height:54px;background:#fff;border:1px solid #f1f1f1;border-width:1px 0;}
*/

.sc_Header .gnb_menu {flex: 1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:0 10px; padding-bottom: 20px;}
.sc_Header .gnb_menu .btn_slide {width: 40px; height: 40px; background: transparent url('../images/skin/header_slide.svg') center center no-repeat; background-size: 22px !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: #000; 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: #000000;}
/*
.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 {position: absolute; left: -15px; top: 42px; padding-top: 5px; padding-bottom: 5px; z-index: 300; min-width: 130px; display: none; background: #f9f6f6; border-radius: 20px; border: 2px solid #d21732; display: none; box-shadow: 2px 4px 2px 1px rgba(0,0,0,0.2);}
.sc_Header .gnb_menu .depth_box ul {padding: 1px 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 .second_menu:after {content:''; position:absolute; top:-8px; left:45px; border-bottom:8px solid #d21732; border-left:10px solid transparent; border-right:10px solid transparent; transform:translateX(-50%);}
.sc_Header .gnb_menu .depth_box .tx {font-size: 14px; color: #3e3f3e; font-weight: 500; white-space: nowrap; position: relative;}
.sc_Header .gnb_menu .depth_box .tx:before {content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 2px; background: #d21732;}
.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: 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; justify-content: center; align-items: center;}
.sc_Header .logo_box img {max-width:100%; height:90px;}

.sc_Header .other_menu {flex: 1; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.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: 14px; color: #333; font-weight:600; padding: 10px; box-sizing: border-box; line-height: 1; white-space: nowrap;}
.sc_Header .other_menu .icon_link {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; padding-right: 5%;}
.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: 25px !important; width: 45px; height: 45px; position: relative;}
.sc_Header .other_menu .icon_link .btn_search {background-image: url('../images/skin/header_search.svg');}
.sc_Header .other_menu .icon_link .btn_cart {background-image: url('../images/skin/header_cart.svg');}
.sc_Header .other_menu .icon_link .btn_slide {background-image: url('../images/skin/header_slide2.svg');}
.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 {border:1px solid #000; background:#000; 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;}

.sc_Header .search_open {position:absolute; left:0; top:0; width:100%; box-sizing:border-box; z-index:400; 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:#d21732;}
.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;}

.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);}
.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:#000; font-weight:700; 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:#d21732; position:absolute; left:0; bottom:0; z-index:2; display:none;}
.sc_Header .category .hit .ctg {color:#d21732;}
.sc_Header .category .hit .ctg strong:before {display:inline-block;}

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


/* 푸터 ======================================== */
.sc_Footer {background:#111; margin-top: 100px; padding-bottom: 100px; }
.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%; border-bottom:1px solid #222; padding:20px 0;}
.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:13px; padding:5px 0; box-sizing: border-box; line-height: 1; color:#fff; }
.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: #fff; 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 {background:#fff; height:40px; box-sizing:border-box; border-radius:6px; overflow:hidden;}
.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 img {height: 40px;}







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

/* 그룹(간격) ======================================== */
.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:30px; color: #000; font-weight:700; line-height: 1; background: transparent url('../images/skin/one_bul2.png') left center no-repeat; background-size: 26px 26px !important; padding: 1px 32px;}
.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 .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 #181818; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; border-radius:25px; font-size: 14px; color: #181818; }
.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;}
.sc_Roll_ctrl .roll_prevnext {background-repeat: no-repeat !important; background-position: center !important; background-size: 6px 12px !important;}
.sc_Roll_ctrl .roll_prevnext.prev {background-image: url('../images/skin/arrow_left.svg');}
.sc_Roll_ctrl .roll_prevnext.next {background-image: url('../images/skin/arrow_right.svg');}
.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 {overflow:hidden;}
.sc_Visual li {list-style: none;}
.sc_Visual .layout_fix {max-width: 100%; !important; box-sizing: border-box;}
.sc_Visual .rolling_wrap {overflow: visible;}
.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;  margin-bottom:10px;}
.sc_Visual .banner_list {}
/* 2024-12-12 메인비주얼 height 350px로 변경 -s
.sc_Visual .visual_img {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; overflow:hidden;}
2024-12-12 메인비주얼 height 350px로 변경 -e */
/*.sc_Visual .visual_img {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 350px; overflow:hidden;}*/
.sc_Visual .visual_img {display: block; flex-direction: column; justify-content: center; align-items: center;  height: 100%; overflow:hidden; border-radius: 15px; border:0px solid #f2f2f2;}
.sc_Visual .visual_img a {font-size: 0;}
/* 2024-12-12 메인비주얼 width 1160px로 변경 -s
.sc_Visual .visual_img img {width:100%;}
2024-12-12 메인비주얼 width 760px로 변경 -e */
.sc_Visual .visual_img img {max-width:100%; height:auto;}
.sc_Visual .visual_img img.this_pc {width:100%; height:100%; padding-bottom:0%; overflow:hidden;}
.sc_Visual .visual_img img.this_mo {position: absolute; top: 0; left:0; width:575px;}
/*** 변경s
.sc_Visual .visual_img img.this_mo {display: flex;}
***/
/* 2024-12-12 컨트롤러 위치변경 bottom 10px로 변경 ---s
.sc_Visual .sc_Roll_ctrl {position: absolute; left:50%; bottom:-40px; z-index:10; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 0 10px; transform:translateX(-50%); margin:0px !important;}
2024-12-12 컨트롤러 위치변경 bottom 10px로 변경 ---e---- */
.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;}
/* 2024-12-12 메인 롤링배너 첫번째,세번째 블러처리기능 추가 ---s----- */
.sc_Visual .swiper-slide {opacity:0.3; transition:opacity 0.3s;}
.sc_Visual .swiper-slide-active{opacity:1}
/* 2024-12-12 메인 롤링배너 첫번째,세번째 블러처리기능 추가 ---e-----*/



/* 메인 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; border-radius: 7px;}
.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: #da120d; word-wrap:break-word; word-break:keep-all; white-space:normal;font-size:20px; font-weight:bold;}
/* 250107 수정css-- s
.sc_Ad .banner .txt_box .btn_view {height: 50px; border: 1px solid #181818; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; border-radius:25px; font-size: 14px; color: #181818; width: 350px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Ad .banner .txt_box .btn_view .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; display: flex; flex-direction: row; justify-content: center; align-items: center;}
 250107 수정css-- e */
.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;}

/*2025-06-10추가*/
.videoBannerWrap {position: relative; width: 100%; margin: 50px auto; display: flex;}
.mainVideo {width: 50%; padding: 0 10px; box-sizing: border-box;}
.mainVideo .video_area {position: relative; padding-bottom: 340px; height: 0; max-width: 100%; border: 1px solid #ddd; background: #000000; display: flex; overflow: hidden;}
.round {border-radius: 9px; overflow: hidden;}
.mainBanner01 {width: 50%; padding: 0 10px; box-sizing: border-box;}
.swiper-container {width: 100%; height: 100%; margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper-wrapper {position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform;}
.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto;
}
.swiper-slide {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.swiper-button-next,.swiper-button-prev {
    position:absolute;
    top:46%;
    width:40px;
    height:40px;
    z-index:5;
    cursor:pointer;
    border-radius:100%;
    /*box-shadow: 1px 1px 10px rgba(0,0,0,0.1);	*/
    background:transparent;
    background-size:27px 44px;
    background-position:center;
    background-repeat:no-repeat;
}

.swiper-button-next:hover, .swiper-button-prev:hover {opacity: 0.5;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity:.35;
    cursor:auto;
    pointer-events:none;
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    left:10px;
    right:auto;
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    right:10px;
    left:auto;
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
    display:none;
}
.swiper-pagination {
    position:absolute;
    text-align:center;
    -webkit-transition:.3s opacity;
    -o-transition:.3s opacity;
    transition:.3s opacity;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity:0;
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom:10px;
    left:0;
    width:100%;
}
.swiper-pagination-bullets-dynamic {
    overflow:hidden;
    font-size:0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33);
    position:relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform:scale(.66);
    -ms-transform:scale(.66);
    transform:scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform:scale(.66);
    -ms-transform:scale(.66);
    transform:scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform:scale(.33);
    -ms-transform:scale(.33);
    transform:scale(.33);
}
.swiper-pagination-bullet {
    width:10px;
    height:10px;
    display:inline-block;
    border-radius:100%;
    background:#fff;
    border:1px solid #777;
    opacity:.4;
}
button.swiper-pagination-bullet {
    border:none;
    margin:0;
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor:pointer;
}
.swiper-pagination-bullet-active {
    opacity:1;
    background:#777;
}
.swiper-container-vertical>.swiper-pagination-bullets {
    right:10px;
    top:50%;
    -webkit-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:6px 0;
    display:block;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:8px;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display:inline-block;
    -webkit-transition:.2s top,.2s -webkit-transform;
    transition:.2s top,.2s -webkit-transform;
    -o-transition:.2s transform,.2s top;
    transition:.2s transform,.2s top;
    transition:.2s transform,.2s top,.2s -webkit-transform;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 3px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    white-space:nowrap;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition:.2s left,.2s -webkit-transform;
    transition:.2s left,.2s -webkit-transform;
    -o-transition:.2s transform,.2s left;
    transition:.2s transform,.2s left;
    transition:.2s transform,.2s left,.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition:.2s right,.2s -webkit-transform;
    transition:.2s right,.2s -webkit-transform;
    -o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;
    transition:.2s transform,.2s right,.2s -webkit-transform;
}
.swiper-pagination-progressbar {
    background:rgba(0,0,0,.25);
    position:absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background:#007aff;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin:right top;
    -ms-transform-origin:right top;
    transform-origin:right top;
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width:100%;
    height:4px;
    left:0;
    top:0;
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width:4px;
    height:100%;
    left:0;
    top:0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background:#fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background:rgba(255,255,255,.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background:#fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background:#000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background:rgba(0,0,0,.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background:#000;
}
.swiper-pagination-lock {
    display:none;
}
.swiper-scrollbar {
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1);
}
.swiper-container-horizontal>.swiper-scrollbar {
    position:absolute;
    left:1%;bottom:3px;
    z-index:50;
    height:5px;
    width:98%;
}
.swiper-container-vertical>.swiper-scrollbar {
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%;
}
.swiper-scrollbar-drag {
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0,0,0,.5);
    border-radius:10px;left:0;top:0;
}
.swiper-scrollbar-cursor-drag {
    cursor:move;
}
.swiper-scrollbar-lock {
    display:none;
}
.swiper-zoom-container {
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width:100%;
    max-height:100%;
    -o-object-fit:contain;
    object-fit:contain;
}
.swiper-slide-zoomed {
    cursor:move;
}
.swiper-lazy-preloader {
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    -webkit-transform-origin:50%;
    -ms-transform-origin:50%;
    transform-origin:50%;
    -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
    animation:swiper-preloader-spin 1s steps(12,end) infinite;
}
.swiper-lazy-preloader:after {
    display:block;
    content:'';
    width:100%;
    height:100%;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position:50%;
    background-size:100%;
    background-repeat:no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
.swiper-container .swiper-notification {
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events:none;
    -webkit-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events:none;
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events:auto;
}
.swiper-container-cube {
    overflow:visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
    visibility:hidden;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    width:100%;
    height:100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events:none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin:100% 0;
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events:auto;
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events:auto;
    visibility:visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.6;
    -webkit-filter:blur(50px);
    filter:blur(50px);
    z-index:0;
}
.swiper-container-flip {
    overflow:visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events:none;
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events:auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective:1200px;
}

/* 메인 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:#f1f1f4; 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; border-radius: 10px;}
.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: 60px; height: 60px; border: 0px 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:#888; padding: 0 15px; box-sizing: border-box; border: 1px solid #fff; border-radius: 10px;}
.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: #000; 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 {border-radius: 10px;}
.sc_Item+ .sc_Item {border-top:0px solid #eee; padding-top:0px;}
/**2025-01-15 원본---s
.sc_Item+ .sc_Item {border-top:1px solid #eee; padding-top:100px;}
**2025-01-15 원본---e/


/* 메인 타임세일 ======================================== */
.sc_Time {overflow:hidden;}
.sc_Time li {list-style:none;}
.sc_Time .rolling_wrap {overflow: hidden;}





/* 상단 원픽몰/원픽B2B몰 버튼 전환 CSS ==2024-12-30====================================== */

button {
  margin: 5px;
  outline: none;
}
.custom-btn {
  width: 130px;
  height: 40px;
  padding: 10px 30px;
  border: 2px solid #000;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}

/* 12 */
.btn-12{
  position: relative;
  right: 20px;
  bottom: 20px;
  border:none;
  width: 130px;
  height: 40px;
  line-height: 40px;
  -webkit-perspective: 130px;
  perspective: 130px;
}
.btn-12 span {
  display: block;
  position: absolute;
  width: 130px;
  height: 40px;
  border: 2px solid #000;
  margin:0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-12 span:nth-child(1) {
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12 span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.btn-12:hover span:nth-child(2) {
  background: #d21732;
  color: #d21732;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}


/* 메인 바로가기(동그라미) 배너 ======================================== */
.sc_Go {padding:20px 0; border-bottom:1px solid #eeeef5; box-sizing:border-box;background:#1f2e4d;}
.sc_Go li {list-style:none;}
.sc_Go .banner_list {overflow:hidden;}
.sc_Go .layout_fix {text-align:center;}
.sc_Go .swipe_box {display:inline-block; max-width:100%}
.sc_Go .swipe_box ul {display:flex; justify-content: center; align-items: flex-start; flex-direction:row; gap:20px; flex-wrap:nowrap; width:max-content;}
.sc_Go .banner {position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:10px; text-align:center;}
.sc_Go .banner .img_wrap {position:relative; padding:7px; box-sizing:border-box;}
.sc_Go .banner .over_line {position:absolute; left:0; top:0; width:100%; height:100%; border: 3px dashed #b9d0fe; border-radius:80%; box-sizing:border-box; transform:scale(0.85); z-index:1;}
.sc_Go .banner .over_line {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.sc_Go .banner .img_box {width:120px; height:120px; border-radius:70%; overflow:hidden; position:relative; z-index:2; font-size:0px;}
.sc_Go .banner img {width:100%; height:100%; object-fit:cover;}
.sc_Go .banner .title {font-family: 'NanumSquareNeo'; font-weight:500; font-size:16px; color:#ffffff; line-height:1.3;}

/* 배너 이미지 모션 */
@-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);}
}





/*** 라이브쇼핑 *****/

    .shorts-container {
      display: flex;
      gap: 26px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      padding-bottom: 10px;
    }

    .short {
      flex: 0 0 auto;
      width: 330px;
      height: 583px;
      border-radius: 20px;
      overflow: hidden;
      position: relative;
      background: #000;
      color: #fff;
      scroll-snap-align: start;
    }

    .short .overlay {
      position: absolute;
      bottom: 10px;
      left: 50%;
      z-index: 10;
      width: 100%;
      border-radius: 11px 11px;
      background: rgba(0, 0, 0, 0.5);
      width: calc(99% - 20px);
      transform: translateX(-50%);
      padding: 8px;
      align-items: center;

     }

    .price-tag {
      font-weight: bold;
      color: #ffd700;
    }

    .original-price {
      text-decoration: line-through;
      font-size: 12px;
      color: #bbb;
    }

    .discount {
      color: #ff4040;
      margin-left: 5px;
    }

    .channel {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-top: 4px;
    }