@charset "utf-8";

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

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



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

.sc_Header .logo {flex:1; display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.sc_Header .logo .wrapping {position:relative;}
.sc_Header .logo .tx {font-family:'NanumSquareNeo'; font-size:21px; font-weight:900; color:#000; line-height:1.3; letter-spacing:-0.5px;}
.sc_Header .logo img {max-width:100%; max-height:80px; display:block;}

.sc_Header .side {display:flex; justify-content:center; align-items:center; flex-direction:row; position:relative; gap:5px;}

.sc_Header .link_menu {display:flex; justify-content:center; align-items:stretch; flex-direction:row;}
.sc_Header .link_menu .menu {font-size:14px; color:#666; position:relative; padding:5px 0; line-height:1; font-weight:500; text-underline-offset:2px}
.sc_Header .link_menu .menu+ .menu {padding-left:16px; margin-left:15px;}
.sc_Header .link_menu .menu+ .menu:before {content:""; width:1px; height:10px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-5px;}
.sc_Header .link_menu .btn_more {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px}
.sc_Header .link_menu .btn_more::before {content:""; width:22px; height:22px; background:url('../images/skin/header_ic_user.svg') center center / auto 100% no-repeat; display:block;}
.sc_Header .link_menu .btn_more {padding:0 5px; margin-right:-5px;}
.sc_Header .link_menu .btn_more .dropdown {width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000; display:block; transition:transform 0.2s ease-out;}
.sc_Header .link_menu.this_tx {}
.sc_Header .link_menu.this_icon {display:none;}

.sc_Header .open_menu {position:absolute; top:40px; right:0; z-index:99; display:flex; flex-direction:column; justify-content:center; align-items:stretch; background:#fff; border:1px solid #ddd; display:none;}
.sc_Header .open_menu .link {font-size:13px; padding:8px 15px; box-sizing:border-box;}
.sc_Header .open_menu .link strong {display:block; white-space:nowrap; background:url('../images/skin/header_arrow_right.svg') right center / 4px no-repeat; padding-right:30px;}
.sc_Header .open_menu .link+ .link {border-top:1px solid #eee;}

.sc_Header .side.if_open_menu .open_menu {display:flex;}
.sc_Header .side.if_open_menu .btn_ctrl .dropdown {transform:rotate(180deg);}





/* 푸터 ======================================== */
.sc_Footer {display:flex; flex-direction:row; justify-content:center; align-items:center; min-height:90px; border-top:1px solid #dcdceb; box-sizing:border-box; text-align:center; padding:30px 60px;}
.sc_Footer .copyright {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;}






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

/* 그룹(간격) ======================================== */
.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 {overflow:hidden;}
.sc_tab .layout_fix {text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.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; margin-bottom:30px; }
.sc_tab .swipe_box li:only-of-type {display: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 {width:100%;}

/* 비주얼 텍스트 */
.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;}


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