@charset "utf-8";

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

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


/* 상하단 -------------------------------------------------------------------------------------------------------------------------------- */
html.if_hidden_scroll {overflow:hidden;} /* 모바일 검색 열때 스크롤 차단 */

/* 헤더 ======================================== */
.sc_Header {background: #fff; box-sizing: border-box; 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 .top_wrap {padding-top:40px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap:wrap; gap:0 20px;}
.sc_Header .top_wrap .btn_slide {display:none;}

/* 로고 */
.sc_Header .logo_box {flex:1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.sc_Header .logo_box a {font-size: 0; padding:5px 0; box-sizing:border-box;}
.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:none; display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; width:400px;}
.sc_Header .search_box .form_fake {position:relative; width: 100%;}
.sc_Header .search_box .search_fake {width:100%; height:55px; border:2px solid #000; border-radius:15px; box-sizing:border-box; padding-left:18px; font-size:15px; color:#c7c7d5;}
.sc_Header .search_box .search_fake {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; cursor:text;}
.sc_Header .search_box .btn_search {position:absolute; right:0; top: 0; height:100%; width:60px; z-index:1; background: transparent url('../images/skin/header_form_search.svg') center no-repeat; background-size:21px !important;}
.sc_Header .search_open {position:absolute; left:0; top:0; width:100%; border-radius:15px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3); background:#fff; z-index:350;}
.sc_Header .search_open {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; display:none;}
.sc_Header .search_open .form_box {position:relative; width: 100%;}
.sc_Header .search_open input.input_search {width:100%; height:55px; padding-top:2px; border-bottom:2px solid #dcdceb; box-sizing:border-box; padding-left:20px; padding-right:60px; font-size:15px; color:#000;}
.sc_Header .search_open .search_close {position:absolute; right:0; top:0; height:100%; z-index:1; font-size:14px; font-weight:500; color:#171719; padding-right:15px; box-sizing:border-box;}
.sc_Header .search_open .search_close {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; display:none;}
.sc_Header .search_open .keyword_wrap {padding:20px; box-sizing:border-box;}
.sc_Header .search_open .title_box {position:relative;}
.sc_Header .search_open .title_box .title {font-size:18px; color:#000; font-weight:700;}
.sc_Header .search_open .btn_close {position:absolute; right:-10px; top:50%; width:30px; height:30px; margin-top:-15px; background:transparent url('../images/skin/header_close.svg') center center no-repeat;}
.sc_Header .search_open .btn_close {background-size:12px !important;}
.sc_Header .search_open .keyword_box {margin-top:15px; display:flex; flex-direction:row; justify-content:flex-start; align-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:8px; height:182px; overflow:hidden;}
.sc_Header .search_open .keyword_box .link {font-size:13px; color:#a7a7b4; padding:0 10px; box-sizing:border-box; height:30px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.sc_Header .search_open .keyword_box .link {border:1px solid #eeeef5; border-radius:5px; box-sizing:border-box;}
.sc_Header .if_open_search .search_open {display:flex;}
.sc_Header .if_open_search .search_fake {border-color:#fff;}

/* 탑메뉴 */
.sc_Header .top_menu {flex: 1; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 0 10px;}

/* 탑메뉴(사용자 메뉴) */
.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: #6b6b7a; padding:0 5px; box-sizing: border-box; line-height: 1; white-space: nowrap; height:35px;}
.sc_Header .user_link .menu {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:3px;}
.sc_Header .user_link .menu.this_depth {padding-right:15px; box-sizing:border-box; background:transparent url('../images/skin/header_arrow_b.svg') right 5px center no-repeat; background-size:7px 4px !important;}
.sc_Header .user_link .menu em {}
.sc_Header .user_link .menu .total {}
.sc_Header .user_link .open_depth {position:absolute; left:-15px; top:35px; width:150px; border:1px solid #c7c7d5; border-radius:15px; background:#fff; box-sizing:border-box; z-index:100; padding:15px 20px; display:none;}
.sc_Header .user_link .open_depth li {}
.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;}
.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:#0044ff;}

/* 탑메뉴(아이콘 메뉴) */
.sc_Header .icon_link {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.sc_Header .icon_link li {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.sc_Header .icon_link .btn {position:relative; padding:0 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:26px;}
.sc_Header .icon_link .scan {position:absolute; left:0; top:50%; width:100%; height:2px; background:#e10000; transform:translateY(-50%); border:2px solid #fff; margin-left:-2px;}
.sc_Header .icon_link .scan {animation:mv_header_scan 4s infinite; -webkit-animation:mv_header_scan 4s infinite; animation-delay:1s; -webkit-animation-delay:1s;}
.sc_Header .icon_link .cart_num {position:absolute; right:-10px; top:-5px; font-size:12px; font-weight:800; color:#fff; background:#0044ff; width:20px; height:20px; border-radius:100px;}
.sc_Header .icon_link .cart_num {display: flex; flex-direction: row; justify-content: center; align-items: center; white-space:nowrap;}
.sc_Header .icon_link li.this_search {display:none;}

/* 탑메뉴(QR코드 모션) */
@-webkit-keyframes mv_header_scan {
    0% {top:50%; }
    30% {top:0; transform:translateY(0);}
    90% {top:100%; transform:translateY(-3px);}
    100% {top:50%; transform:translateY(-50%);}
}
@keyframes mv_header_scan {
    0% {top:50%; }
    30% {top:0; transform:translateY(0);}
    90% {top:100%; transform:translateY(-3px);}
    100% {top:50%; transform:translateY(-50%);}
}

/* 네비 */
.sc_Header .gnb_menu {padding-top:30px; padding-bottom:10px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap;}

.sc_Header .btn_slide {flex:none; width: 50px; height: 50px; margin-left:-15px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.sc_Header .btn_slide .icon {width:20px; height:14px; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:stretch;}
.sc_Header .btn_slide .icon:before {content:''; position:absolute; left:0; top:0; width:100%; height:2px; background:#000;}
.sc_Header .btn_slide .icon:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000;}
.sc_Header .btn_slide .bar {width:100%; height:2px; background:#000;}

/* 네비(카테고리 메뉴) */
.sc_Header .category {position:relative; z-index:50; flex:1;}
.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:wrap;}
.sc_Header .category .ul {}
.sc_Header .category .li {position:relative;}
.sc_Header .category .first_menu {padding:0 15px; box-sizing:border-box;}
.sc_Header .category .menu {font-family: 'NanumSquareNeo'; font-weight:800; font-size:17px; color:#000; height:50px; display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; white-space:nowrap;}
.sc_Header .category .menu:before {content:''; position:absolute; left:0; bottom:5px; width:100%; height:4px; background:#0044ff; border-radius:10px 10px 0 0; box-sizing:border-box; transform:scaleX(0);}
.sc_Header .category .menu:before {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.sc_Header .category .depth_box {position:absolute; left:-5px; top:45px; background:#fff; border-radius:15px; border:1px solid #c7c7d5; box-sizing:border-box; min-width:145px; z-index:1; padding:15px 0; display:none;}
.sc_Header .category .depth_box ul {}
.sc_Header .category .depth_box li {}
.sc_Header .category .second_menu {padding:5px 25px; box-sizing:border-box; width:100%;}
.sc_Header .category .second_menu .tx {font-size:14px; color:#171719; font-weight:600; white-space:nowrap;}
.sc_Header .category .li.type_special .menu {color:#a7a7b4;}
.sc_Header .category .li.type_other {position:relative; padding-left:20px; box-sizing:border-box; margin-left:20px; display:none;}
.sc_Header .category .li.type_other .menu {font-family: 'NanumSquareNeo'; font-weight:600; color:#a7a7b4;}
.sc_Header .category .li.type_other .menu:before {display:none;}
.sc_Header .category .li.type_other: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_other+ .li.type_other {padding-left:0; margin-left:0;}
.sc_Header .category .li.type_other+ .li.type_other:before {display:none;}
.sc_Header .category .li.hit .menu {color:#0044ff;}
body.if_main .sc_Header .category .li.type_special .menu {color:#0044ff;}

/* 네비(오른쪽 기타 메뉴) */
.sc_Header .other_menu {margin-left:auto;}
.sc_Header .other_menu ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; margin-right:-10px;}
.sc_Header .other_menu li {}
.sc_Header .other_menu .menu {font-family: 'NanumSquareNeo'; font-weight:600; font-size:15px; color:#000; padding:10px; box-sizing:border-box; white-space:nowrap;}
.sc_Header .other_menu .hit .menu {color:#0044ff;}

/* 메인일때 아래선 숨김 */
body.if_main .sc_Header:before {display:none;}


/* 푸터 ======================================== */
.sc_Footer {margin-top: 150px; padding-bottom:100px; border-top:2px solid #dcdceb; box-sizing:border-box;}
.sc_Footer li {list-style:none;}
.sc_Footer .conts_wrap {margin-top:30px;}

/* 푸터 메뉴 */
.sc_Footer .menu_box {border-bottom:1px solid #dcdceb; padding:15px 0; box-sizing:border-box;}
.sc_Footer .menu_box ul {display: flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; gap:5px 20px;}
.sc_Footer .menu_box li {}
.sc_Footer .menu_box .menu {font-size:13px; color:#171719; font-weight:500; padding:5px 0; box-sizing: border-box; line-height: 1;}

/* 회사 정보 */
.sc_Footer .company_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; gap:5px 15px; max-width:700px; font-size:13px;}
.sc_Footer .company_box .txt {color:#888; 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 .copyright {margin-top:20px; width:100%; color:#a7a7b4; font-weight:500; letter-spacing:0; line-height:1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sc_Footer .copyright .nowrap {white-space:nowrap;}

/* pg, ssl인증서 */
.sc_Footer .auth {display: none;justify-content: flex-start;align-items:center;flex-direction:row;gap:10px;flex-wrap:wrap;margin-top:30px;}
.sc_Footer .auth .ssl {border: 1px solid #e5e5e5; border-radius:6px; overflow:hidden;}
.sc_Footer .auth .pg {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px;}
.sc_Footer .auth .pg .guide {font-size: 11px; color: #a7a7b4; line-height: 1.4;}
.sc_Footer .auth .pg .logo {border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 6px; overflow: hidden; cursor:pointer;}
.sc_Footer .auth .logo {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Footer .auth img {height: 40px;}







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

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


/* 그룹타이틀 ======================================== */
.sc_Group_tit {text-align: center; margin-bottom:30px;}
.sc_Group_tit .layout_fix {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.sc_Group_tit .tit_box {display:flex; flex-direction:row; justify-content:center; align-items:center; gap:15px;}
.sc_Group_tit .tit {font-family: 'NanumSquareNeo'; font-weight:800; font-size:32px; color: #000; line-height: 1;}
.sc_Group_tit .btn_refresh {display:flex; flex-direction:row; justify-content:center; align-items:center; padding:2px; box-sizing:border-box;}
.sc_Group_tit .btn_refresh img {width:25px;}
.sc_Group_tit .btn_refresh.if_refresh {animation: mv_refresh 0.7s ease both;}
.sc_Group_tit .point {background:#0044ff; border-radius:15px; padding:5px 15px; box-sizing:border-box; font-family: 'NanumSquareNeo'; font-weight:800; color:#fff; font-size:12px; height:32px;}
.sc_Group_tit .point {display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative;}
.sc_Group_tit .point:before {content:''; position:absolute; left:18px; top: 30px; width:15px; height:13px; background:transparent url('../images/skin/review_point_bg.svg') center center no-repeat;}
.sc_Group_tit .point:before {background-size:15px !important;}

@-webkit-keyframes mv_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);}
}
@keyframes mv_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_tab {margin-bottom: 30px; overflow:hidden;}
.sc_tab .layout_fix {text-align: center;}
.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:5px;}
.sc_tab .swipe_box li {list-style:none;}
.sc_tab .tab {font-family: 'NanumSquareNeo'; font-weight:800; font-size:16px; color:#000; padding: 0 20px; box-sizing: border-box; border-radius: 100px; position:relative;}
.sc_tab .tab {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 50px;}
.sc_tab .tab strong {position:relative; z-index:2;}
.sc_tab .tab .over_line {position:absolute; left:0; top:0; width:100%; height:100%; border: 2px dotted #0044ff; border-radius:100px; box-sizing:border-box; transform:scale(0.8);}
.sc_tab .tab .over_line {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; background:#fff; z-index:1;}
.sc_tab .hit .tab {color: #0044ff;}
.sc_tab .hit .tab .over_line {transform:scale(1); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}


/* 더보기 버튼 ======================================== */
.sc_More_btn {margin-top: 40px;}
.sc_More_btn .layout_fix {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_More_btn .link {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 60px; background:#fff; border: 1px solid #dcdceb; box-sizing: border-box; border-radius:25px; padding:0 35px;}
.sc_More_btn .link .tx {font-size: 15px; color: #000; font-weight:600; padding-right: 15px; box-sizing: border-box; background: transparent url('../images/skin/ic_more.svg') right center no-repeat;}
.sc_More_btn .link .tx {background-size: 7px 10px !important; }


/* 롤링 이전다음 버튼 ======================================== */
.sc_Roll_btn {position:absolute; top:25%; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 60px; height: 60px; border:2px solid #000; border-radius:26px; box-sizing:border-box;}
.sc_Roll_btn {background-repeat: no-repeat !important; background-position: center !important; background-size: 9px 14px !important; background-color:#fff; z-index:10; }
.sc_Roll_btn {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.sc_Roll_btn.prev {left:-30px; background-image: url('../images/skin/arrow_left.svg');}
.sc_Roll_btn.next {right:-30px; background-image: url('../images/skin/arrow_right.svg');}
.sc_Roll_btn.if_hide {display:none !important;}/* 롤링 안될때 숨김 */
.sc_Roll_btn.if_show {display:flex;}/* 롤링 될때 노출 */


/* 롤링 컨트롤러 ======================================== */
.sc_Roll_ctrl {margin-top:30px; display:flex; flex-direction:row; justify-content:center; align-items:center; display:none;}
.sc_Roll_ctrl li {list-style:none;}

/* 롤링 아이콘 */
.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:#c7c7d5; border-radius:100px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sc_Roll_ctrl .roll_icon .active .btn {width:25px; background: #171719;}


/* 메인 비주얼 ======================================== */
.sc_Visual {position:relative;}
.sc_Visual li {list-style: none;}

/* 롤링 박스 */
.sc_Visual .rolling_wrap {}
.sc_Visual .rolling_box {overflow: hidden;}
.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; position:relative;}
.sc_Visual .visual_img img.this_pc {}
.sc_Visual .visual_img img.this_mo {width:100%; display:none;}

/* 비주얼 텍스트 */
.sc_Visual .visual_text {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; font-size:37px;}
.sc_Visual .visual_text .layout_fix {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:20px; height:100%;}
.sc_Visual .visual_text .title {font-family: 'NanumSquareNeo'; font-weight:900; color:#0044ff; font-size:1em; line-height:1.3;}
.sc_Visual .visual_text .text {font-family: 'NanumSquareNeo'; font-weight:600; color:#fff; font-size:0.4em; line-height:1.7;}
.sc_Visual .visual_text .btn_go {background:#fff; border-radius:100px; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:12px 20px; box-sizing:border-box;}
.sc_Visual .visual_text .btn_go {font-family: 'NanumSquareNeo'; font-weight:800; font-size:13px; color:#000; font-size:0.35em;}
.sc_Visual .visual_text .title+ .btn_go {margin-top:10px;}
.sc_Visual .visual_text .text+ .btn_go {margin-top:10px;}

/* 롤링 컨트롤러 */
.sc_Visual .roll_ctrl {box-sizing:border-box; position:absolute; left:0; bottom:-1px; width:100%;}
.sc_Visual .roll_ctrl.if_hide {display: none !important;}
.sc_Visual .roll_ctrl.if_show {display: block;}
.sc_Visual .roll_ctrl .roll_wrap {background:#fff; border-radius:20px 20px 0 0; position:relative; z-index:20; padding:20px 30px; padding-bottom:0px !important; width:370px; box-sizing:border-box;}
.sc_Visual .roll_ctrl .roll_wrap {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.sc_Visual .roll_ctrl .roll_fill {margin-right:20px; flex:1}
.sc_Visual .roll_ctrl .roll_fill .stage {height:4px; border-radius:100px; background:#dcdceb; overflow:hidden; position:relative; flex:1}
.sc_Visual .roll_ctrl .roll_fill .bar {position:absolute; left:0; top:0; height:100%; background:#0044ff; border-radius:100px; z-index:1;}
.sc_Visual .roll_ctrl .roll_prevnext {width:20px; height:20px; background-size:20px !important; background-repeat:no-repeat !important; background-position:center center !important;}
.sc_Visual .roll_ctrl .roll_prevnext {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.sc_Visual .roll_ctrl .roll_prevnext.prev {background-image:url('../images/skin/prevnext_prev.svg');}
.sc_Visual .roll_ctrl .roll_prevnext.next {background-image:url('../images/skin/prevnext_next.svg');}
.sc_Visual .roll_ctrl .roll_pagi {font-size:14px; color:#c7c7d5; font-weight:700; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:2px; width:60px;}
.sc_Visual .roll_ctrl .roll_pagi .active {color:#171719;}
.sc_Visual .roll_ctrl .roll_pagi .under {}
.sc_Visual .roll_ctrl .roll_pagi .all {}


/* 메인 바로가기(동그라미) 배너 ======================================== */
.sc_Go {padding:50px 0; border-bottom:1px solid #eeeef5; box-sizing:border-box;}
.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:2px dotted #0044ff; border-radius:55px; 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:40%; 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:800; font-size:14px; color:#171719; 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);}
}


/* 메인 인기 키워드 ======================================== */
.sc_Tag {}
.sc_Tag li {list-style:none;}
.sc_Tag .inner {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:30px;}

/* 키워드 */
.sc_Tag .keyword_box {max-width:1000px;}
.sc_Tag .keyword_box ul {display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px 5px;}
.sc_Tag .keyword_box .link {position:relative; font-size:14px;}
.sc_Tag .keyword_box .link .keyword {font-family: 'NanumSquareNeo'; 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:12px; box-sizing:border-box; display:none;}

/* 검색 */
.sc_Tag .search_box {width:100%; padding:0 30px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.sc_Tag .search_box .form_box {position:relative; width:100%; max-width:500px;}
.sc_Tag .search_box input.input_search {width:100%; height:60px; border-bottom:3px solid #000; box-sizing:border-box; font-size:17px; color:#000; padding-right:50px;}
.sc_Tag .search_box .btn_search {position:absolute; right:0; top:0; width:50px; height:100%; z-index:1; background:transparent url('../images/skin/tag_search.svg') center center no-repeat;}
.sc_Tag .search_box .btn_search {background-size:21px !important;}


/* 메인 2단 배너 ======================================== */
.sc_Ad {}
.sc_Ad li {list-style: none;}
.sc_Ad .rolling_wrap {position:relative;}
.sc_Ad .rolling_box {overflow: hidden;}
.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: -40px;}
.sc_Ad .banner {margin-left: 40px; overflow: hidden; position: relative; display:flex; flex-direction:column; justify-content:center; align-items:stretch;}
.sc_Ad .banner img {width: 100%;}
.sc_Ad .sc_Roll_btn {top:50%; margin-top:-30px;}


/* 메인 리뷰 ======================================== */
.sc_Review {background:#f5f5f9; padding:80px 0; box-sizing:border-box; overflow:hidden;}
.sc_Review li {list-style: none;}
.sc_Review .sc_Group_tit .tit_box {flex-direction:column; align-items:flex-end;}

/* 롤링 박스 */
.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 .review_list {margin-left: -20px;}

/* 리뷰 박스 */
.sc_Review .review_box {margin-left:20px; height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.sc_Review .review_box .photo {border-radius:20px 20px 0 0; 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; height:360px;}
.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 .info {background:#fff; padding: 20px; box-sizing: border-box; border-radius:0 0 20px 20px; flex:1; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.sc_Review .info .item_name {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sc_Review .info .item_name {font-family: 'NanumSquareNeo'; font-weight:800; font-size:15px; color:#171719; position:relative; z-index:10;}
.sc_Review .info .mark {position: relative; width: 75px; height: 15px; margin-top:15px;}
.sc_Review .info .mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 15px !important; background: transparent url('../images/skin/item_star.svg') left center repeat-x;}
.sc_Review .info .mark .star.this_base {z-index: 1; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.sc_Review .info .mark .star.this_value {z-index: 2;}
.sc_Review .info .conts {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sc_Review .info .conts {font-size:14px; color: #171719; line-height:1.5; cursor:pointer; margin-top:10px;}
.sc_Review .info .writer {font-size:12px; color: #a7a7b4; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 5px; margin-top:5px;}
.sc_Review .info .writer .id {}
.sc_Review .info .writer .date {}
.sc_Review .info .category {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:5px; margin-top:auto; height:25px; overflow:hidden; padding-top:20px;}
.sc_Review .info .category li {}
.sc_Review .info .category .link {height:25px; background:#eeeef5; border:1px solid #eeeef5; border-radius:5px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.sc_Review .info .category .link {font-size:12px; color:#6b6b7a; font-weight:500; padding:0 7px; box-sizing:border-box;}


/* 메인 4단 배너 ======================================== */
.sc_Wide {overflow:hidden; padding-bottom:1px;}
.sc_Wide li {list-style:none;}
.sc_Review+ .sc_Wide {margin-top:0 !important;}

/* 롤링 박스 */
.sc_Wide .rolling_wrap {}
.sc_Wide .rolling_box {}
.sc_Wide .rolling_box ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch;}
.sc_Wide .rolling_box li {width:25%; height:auto; position:relative;}
.sc_Wide .rolling_box li:before {content:''; position:absolute; right:-1px; top:0; width:1px; height:100%; background:#dcdceb; z-index:5;}
.sc_Wide .banner_list {}

/* 롤링 컨트롤러 */
.sc_Wide .sc_Roll_ctrl.if_show {display:flex;}

/* 배너 */
.sc_Wide .banner {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; height:100%; position:relative; border-bottom:1px solid #dcdceb; box-sizing:border-box;}
.sc_Wide .banner .img_box {overflow:hidden; font-size:0;}
.sc_Wide .banner .img_box img {width:100%; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sc_Wide .banner .txt_box {padding:30px; box-sizing:border-box; flex:1; position:relative;}
.sc_Wide .banner .txt_box .title {font-family: 'NanumSquareNeo'; font-weight:800; font-size:25px; color:#171719; line-height:1.2; position:relative; z-index:2; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sc_Wide .banner .txt_box .text {font-family: 'NanumSquareNeo'; font-weight:600; font-size:13px; color:#171719; line-height:1.6; margin-top:15px; position:relative; z-index:2;}
.sc_Wide .banner .txt_box .text {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sc_Wide .banner .txt_box .over_bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:#171719; transform:scaleY(0); transform-origin:bottom left;}
.sc_Wide .banner .txt_box .over_bg {transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}


/* 고객센터 ======================================== */
.sc_Service {margin-top:100px;}
.sc_Service li {list-style: none;}
.sc_Service .inner {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:0 100px;}
.sc_Service dl {flex:1; border-top:3px solid #171719; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.sc_Service dt {margin-top:40px; margin-bottom:30px;}
.sc_Service dd {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.sc_Service .title {font-family: 'NanumSquareNeo'; font-weight:800; font-size:26px; color:#000;}
.sc_Service .c_none {padding:0; flex:1; justify-content:center;}

/* 새소식 게시판 */
.sc_Service .board_list {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; width:100%;}
.sc_Service .board_list ul {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; gap:5px;}
.sc_Service .board_list .posting {display:inline-flex; flex-direction:row; justify-content:flex-start; align-items:center; position:relative; padding:5px 20px 5px 0; box-sizing:border-box;}
.sc_Service .board_list .date {font-size:13px; color:#a7a7b4; width:50px; flex:none;}
.sc_Service .board_list .post_tit {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:5px;}
.sc_Service .board_list .post_tit .tit {font-size:15px; color:#000; font-weight:500; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.sc_Service .board_list .icon_new {flex:none; font-size:12px; color:#e10000; font-weight:700;}

/* 대표번호/운영시간 */
.sc_Service .tel {font-size:35px; color:#000; font-weight:600; line-height:1;}
.sc_Service .cs_time {font-size:14px; color:#6b6b7a; line-height:1.4; word-wrap:break-word; word-break:keep-all; margin-top:10px;}

/* sns 링크 */
.sc_Service .sns_list {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:10px; margin-top:20px;}
.sc_Service .sns_list li {display:flex; flex-direction:column; justify-content:center; align-items:center;}
.sc_Service .sns_list .btn_sns {width:42px; height:42px; background:#f4f4ff; border:1px solid #f4f4ff; border-radius:17px; box-sizing:border-box;}
.sc_Service .sns_list .btn_sns img {width:100%;}







/* 상품관련 -------------------------------------------------------------------------------------------------------------------------------- */

/* 상품박스 ======================================== */
.item_box {height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}

/* 썸네일 */
.item_box .thumb .ov_img {border-radius:20px; overflow:hidden;}
.item_box .thumb .img {border-radius:20px; overflow:hidden; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.item_box .soldout {border-radius:20px; overflow:hidden;}
.item_box .ranking {display:flex;}

/* 정보 */
.item_box .info {flex:1;}
.item_box .info .item_name {font-family: 'NanumSquareNeo'; font-weight:800; -webkit-line-clamp:1;}
.item_box .info .sub_name {color:#a7a7b4;}
.item_box .price {margin-top:20px; gap:5px 10px;}
.item_box .price .before {display:none;}
.item_box .price .percent {font-size:0.85em; color:#0044ff; border:1px solid #0044ff; border-radius:8px; box-sizing:border-box; padding:3px 5px;}

/* 티켓 정보 */
.item_box .ticket_info {width:100%; margin-top:auto;}
.item_box .ticket_info .ticket_inner {display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:5px 10px; border-top:1px solid #dcdceb;}
.item_box .ticket_info .ticket_inner {box-sizing:border-box; padding-top:10px; margin-top:15px; font-size:13px;}
.item_box .ticket_info .period {color:#a7a7b4;}
.item_box .ticket_info .area {color:#171719; font-weight:500; background:transparent url('../images/skin/item_location.svg') left center no-repeat; background-size:11px !important;}
.item_box .ticket_info .area {padding-left:15px; box-sizing:border-box; letter-spacing:-0.5px;}


/* 롤링 ======================================== */
.rolling_wrap .rolling_box .item_list ul {align-items:stretch;}
.rolling_wrap .rolling_box .item_list li {height:auto;}







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

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


/* 메인 타임세일 ======================================== */
.sc_Time {position:relative;}
.sc_Time li {list-style:none;}
.sc_Time .layout_fix.inner {position:relative; border:2px dashed #D5DDFF; box-sizing:border-box; border-radius:50px; padding-top:80px; padding-bottom:80px;}
.sc_Time .item_list.pc_type_list1 .sc_Group_tit {position:absolute; left:0; top:0; z-index:10; margin-left:30px;}

/* 롤링 박스 */
.sc_Time .rolling_wrap {overflow:hidden; }
.sc_Time .rolling_box {overflow: hidden;}
.sc_Time .tiem_item {}/* 프로그램용 클래스 */

/* 롤링 컨트롤러 */
.sc_Time .sc_Roll_ctrl {display:none;}
.sc_Time .sc_Roll_btn {top:50%; transform:translateY(-50%);}

/* 상품 박스 */
.sc_Time .item_list.pc_type_list1 .item_box {flex-direction:row-reverse; gap:50px; box-sizing:border-box;}
.sc_Time .item_list.pc_type_list1 .item_box .thumb {width:50%; box-sizing:border-box; }
.sc_Time .item_list.pc_type_list1 .item_box .info {padding:0;}
.sc_Time .item_list.pc_type_list1 .item_box .info .btn_multi {margin-top:0;}
.sc_Time .item_list.pc_type_list1 .item_box .info .item_name {margin-top:auto;}
.sc_Time .item_list.pc_type_list1 .item_box .ticket_info {margin-top:0;}

.sc_Time .item_list.pc_type_list1 .item_timer {font-size:35px; gap:10px; margin-top:50px;}
.sc_Time .item_list.pc_type_list1 .item_timer .clock {width:34px; height:34px; background:#fff; border:2px dotted #e10000; box-sizing:border-box;}
.sc_Time .item_list.pc_type_list1 .item_timer .clock .bar.hour:before {background:#e10000; height:9px;}
.sc_Time .item_list.pc_type_list1 .item_timer .clock .bar.minute:before {background:#e10000; width:9px;}
.sc_Time .item_list.pc_type_list1 .item_timer strong {font-weight:400;}


/* 메인 카테고리 베스트 ======================================== */
.sc_Best {background:#f4f4ff; padding:80px 0; box-sizing:border-box; overflow:hidden;}
.sc_Best li {list-style:none;}
.sc_Best .best_item {}/* 프로그램용 클래스 */

/* 롤링 박스 */
.sc_Best .rolling_wrap {}
.sc_Best .rolling_box {}

/* 롤링 컨트롤러 */
.sc_Best .roll_ctrl {display:flex; flex-direction:row; justify-content:center; align-items:center; margin-top:40px; gap:10px;}
.sc_Best .roll_fill {}
.sc_Best .roll_fill .stage {width:300px; height:4px; background:#c7c7d5; border-radius:100px; overflow:hidden; position:relative;}
.sc_Best .roll_fill .bar {position:absolute; left:0; top:0; height:100%; background:#000; border-radius:100px; z-index:1;}
.sc_Best .roll_play {}
.sc_Best .roll_play .click {width:20px; height:20px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.sc_Best .roll_play .click.this_play .icon {width:6px; height:10px; position:relative;}
.sc_Best .roll_play .click.this_play .icon:before {content:''; position:absolute; left:0; top:0; width:2px; height:100%; background:#000;}
.sc_Best .roll_play .click.this_play .icon:after {content:''; position:absolute; right:0; top:0; width:2px; height:100%; background:#000;}
.sc_Best .roll_play .click.this_stop .icon {border-left:6px solid #000; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:0; box-sizing:border-box;}
.sc_Best .roll_play.now_play .click.this_stop {display:none;}
.sc_Best .roll_play.now_stop .click.this_play {display:none;}
.sc_Best .roll_play.now_stop .click.this_stop {display:flex;}
.sc_Best .roll_prevnext {width:20px; height:20px; background-size:20px !important; background-repeat:no-repeat !important; background-position:center center !important;}
.sc_Best .roll_prevnext {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; display:none;}
.sc_Best .roll_prevnext.prev {background-image:url('../images/skin/prevnext_prev.svg');}
.sc_Best .roll_prevnext.next {background-image:url('../images/skin/prevnext_next.svg');}

.sc_Best .roll_ctrl.if_hide {display:none !important;}/* 롤링 안될때 숨김 */
.sc_Best .roll_ctrl.if_show {display:flex;}/* 롤링 될때 노출 */

/* 상품 박스 */
.sc_Best .item_box {background:#fff; border:1px solid #fff; padding:20px; box-sizing:border-box; border-radius:20px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sc_Best .item_box .thumb .item_icon {display:none;}
.sc_Best .item_box .ranking {border-radius:20px 0 20px 0; background:#0044ff; font-family: 'NanumSquareNeo'; font-weight:800; min-width:60px; height:60px;}

/* 상품 박스(롤링 active) */
.sc_Best li.swiper-slide-active .item_box {box-shadow:30px 30px 30px rgba(167, 167, 180, 0.6); border-color:#0044ff;}


/* 메인 상품 ======================================== */
.sc_Item {border-top:1px dashed #eeeef5; padding-top:80px; box-sizing:border-box;}