@charset "utf-8";

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

/* 웹접근성 바로가기 버튼 */
 .top_skip_link {position:relative; z-index:1000}
 .top_skip_link a {position:absolute; left:0; top:0; z-index:1000000; width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; background:var(--color-brown); text-align:center; color:#fff; height:0px; overflow:hidden; font-size:16px; font-weight:600;}
 .top_skip_link a:focus {height:45px;}

.wa_blind {font-size:0px; position:absolute; left:0; top:0; line-height:0; width:0px; height:0px; overflow:hidden;}


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







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

/* 최상단 배너 ======================================== */
.p_Topbn {display:none; position:relative;}
.p_Topbn .layout_fix {padding:0px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Topbn .banner {display:flex; justify-content: center; align-items: center; flex-direction:column; min-height:42px;}
.p_Topbn .banner img {max-width: 100%;}
.p_Topbn .banner strong {font-family:var(--font-title); color:#fff; font-size:13px; font-weight:500;}
.p_Topbn .btn_close {position: absolute; right:0; z-index:11; width:40px; height:40px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Topbn .btn_close img {width:12px; display:block;}
.p_Topbn.if_main {display:block;}





/* 헤더 ======================================== */
.sc_Header {background: #fff; box-sizing: border-box; position:relative; padding:30px 0 40px;}
.sc_Header .inner_wrap {display: flex; flex-direction: row; justify-content:center; align-items:flex-end; gap:30px}
.sc_Header .side_wrap {display:flex; justify-content:center; align-items:flex-end; flex-direction:column; width:180px; margin-left:auto; flex:none;}

.sc_Header .site_logo {width:180px; margin-right:auto; flex:none;}
.sc_Header .site_logo .tx {font-size: 23px; font-weight: 700; color: #333; }
.sc_Header .site_logo img {max-width:100%; height:74px;}

.sc_Header .search_form {max-width:400px; flex:1}
.sc_Header .search_form .form_box {position:relative; display:flex; justify-content:flex-end; align-items:center; flex-direction:row;}
.sc_Header .search_form input.input_search {width:100%; height:50px; border:2px solid #000; box-sizing:border-box; padding:0 20px; padding-right:60px; font-size:15px; color:#000; border-radius:100px;}
.sc_Header .search_form input.input_search:focus {border-color:var(--color-coral) !important;}
.sc_Header .search_form .btn_search {position:absolute; right:5px; z-index:1; box-sizing:border-box; width:50px; height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.sc_Header .search_form .btn_search img {width:20px;}

.sc_Header .keyword_wrap {display:flex; justify-content:center; align-items:center; flex-direction:row; margin-top:10px; padding-left:5px;}
.sc_Header .keyword_wrap .title {font-size:13px; color:#000; font-weight:700; display:flex; justify-content:center; align-items:center; flex-direction:column; margin-right:8px; background:transparent url('../images/top_ic_keyword.svg') left center / 15px no-repeat; padding-left:18px;}
.sc_Header .keyword_list {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:4px; overflow:hidden; height:24px; flex:1}
.sc_Header .keyword_list .btn_word {font-size:12px; color:var(--black-70); padding:0 10px; box-sizing:border-box; height:24px; display:flex; flex-direction:row; justify-content:center; align-items:center; border-radius:100px; box-sizing:border-box; background:var(--black-5); font-weight:500;}

.sc_Header .menu_link {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px;}
.sc_Header .menu_link li {position:relative;}
.sc_Header .menu_link li.this_divi {margin-left:10px;}
.sc_Header .menu_link .btn_text {font-size:12px; box-sizing: border-box; line-height: 1; white-space: nowrap; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:1px;font-weight:500; padding:5px 0;}
.sc_Header .menu_link .btn_text img {display:block; height:8px; margin-left:2px;}
.sc_Header .menu_link .cart_num {position:absolute; right:-9px; top:-7px; font-size:13px; font-weight:800; color:#fff; background:var(--color-coral); min-width:18px; height:18px; border-radius:100px; display: flex; flex-direction: row; justify-content: center; align-items: center; white-space:nowrap; font-family: var(--font-eng);}
.sc_Header .menu_link .btn_icon {display:flex; justify-content:center; align-items:center; flex-direction:column; margin-left:5px;}
.sc_Header .menu_link .btn_icon img {width:25px;}
.sc_Header .menu_link .btn_icon .icon {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}
.sc_Header .menu_link .open_depth {position:absolute; left:-10px; top:25px; width:130px; border:1px solid var(--black-10); border-radius:5px; background:#fff; box-sizing:border-box; z-index:100; padding:10px; display:none;}
.sc_Header .menu_link .open_depth .title {display:flex; flex-direction:row; justify-content:space-between; align-items:center; border-bottom:1px solid var(--black-10); padding-bottom:10px; margin-bottom:5px; color:#000; font-weight:700;}
.sc_Header .menu_link .open_depth .btn_close {}
.sc_Header .menu_link .open_depth .btn_close img {display:block; height:10px;}
.sc_Header .menu_link .open_depth li.this_line {border-top:1px solid #eeeef5; margin-top:5px; padding-top:5px; box-sizing:border-box;}
.sc_Header .menu_link .open_depth .link {padding:5px 0; box-sizing:border-box; color:var(--black-50); font-weight:500; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:3px; font-size:12px;}
.sc_Header .menu_link .open_depth .total {color:var(--color-coral);}
.sc_Header .menu_link .open_depth.if_open {display:block;}

.sc_Header .agency_link {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:12px; margin-top:20px;}
.sc_Header .agency_link .btn_link {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:5px 0; gap:3px; color:var(--color-blue); font-weight:600; font-size:14px;}
.sc_Header .agency_link .bar {width:1px; height:12px; background:var(--black-15);}
.sc_Header .agency_link img {height:12px;display:block;}
.sc_Header .agency_link img.logo {height:16px;}

.sc_Header .tour_go {position:absolute; left:50%; overflow:hidden; margin-left:550px;}
.sc_Header .tour_go .upper_link {width:100%; height:100%;}
.sc_Header .tour_go img {max-width:100px; display:block;}






/* 네비 ======================================== */
.sc_Gnb {position:relative;}
.sc_Gnb:before {content:""; width:100%; height:1px; background:var(--black-5); position:absolute; left:0; top:0; z-index:1;}
.sc_Gnb:after {content:""; width:100%; height:1px; background:var(--black-5); position:absolute; left:0; bottom:0; z-index:1;}
body.if_main .sc_Gnb:after {display:none;}
.sc_Gnb .layout_fix {display:flex; flex-direction:row; justify-content:space-between; align-items:center; height:48px; padding:0px !important;}

.sc_Gnb .btn_slide {flex:none; height:48px; display:flex; flex-direction:row; justify-content:center; align-items:center; background:var(--color-blue); gap:8px; width:180px; position:relative; z-index:2}
.sc_Gnb .btn_slide:before {content:""; width:15px; height:15px; background:transparent url('../images/top_menu.svg') center center / 15px no-repeat; display:inline-block;}
.sc_Gnb .btn_slide strong {color:#fff; font-size:15px; font-weight:600;}
.sc_Gnb .btn_slide.this_mobile {display:none; width:50px;}

.sc_Gnb .sitemap {position:relative; z-index:50; flex:1; display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.sc_Gnb .sitemap .swipe_box {overflow:hidden; flex:1}
.sc_Gnb .sitemap .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; /* width:max-content; */ padding:0 20px;}
.sc_Gnb .sitemap .swipe_box li {flex:1}
.sc_Gnb .sitemap .menu { font-weight:500; font-size:15px; color:#000; height:50px; display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; white-space:nowrap; padding:0 20px; font-family:var(--font-title);}
.sc_Gnb .sitemap li.hit .menu {color:var(--color-blue);}


.sc_Gnb .other_menu {}
.sc_Gnb .other_menu ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; gap:25px}
.sc_Gnb .other_menu .menu  { font-weight:500; font-size:15px; color:#000; height:50px; display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; white-space:nowrap; padding:0 20px; font-family:var(--font-title);}
.sc_Gnb .other_menu .menu img {height:22px;}

.sc_Gnb .all_category {position:absolute; left:0; top:48px; z-index:100; background:#fff; box-sizing:border-box; font-size:14px; font-weight:500; display:flex; justify-content:center; align-items:flex-stretch; flex-direction:row; display:none;}
.sc_Gnb .all_category .first_ctg {width:180px; position:relative; border:1px solid var(--black-10); box-sizing:border-box; padding:15px 0;}
.sc_Gnb .all_category .second_ctg {overflow:hidden; background:#f5f5f5; width:200px; position:absolute; left:178px; top:0; min-height:100%; border:1px solid var(--black-10); box-sizing:border-box; padding:15px 0; display:none; z-index:2}
.sc_Gnb .all_category .first_ctg li.if_open .second_ctg {display:block; z-index:3}
.sc_Gnb .all_category .first_ctg li.if_open {background:#f5f5f5;}
.sc_Gnb .all_category .first_ctg li:hover .second_ctg {display:block; z-index:3}
.sc_Gnb .all_category .first_ctg li:hover {background:#f5f5f5;}
.sc_Gnb .all_category .first_ctg li:hover .ctg_link.ctg1 {color:var(--color-blue);}
.sc_Gnb .all_category .second_ctg li:hover .ctg_link.ctg2 {text-decoration:underline; color:var(--color-blue);}
.sc_Gnb .all_category .ctg_link {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:0 15px; gap:5px; height:40px;}
.sc_Gnb .all_category .ctg_link img {height:20px;}

.sc_Gnb .all_category .first_ctg .ctg_link.ctg1:focus {color:var(--color-blue);}
.sc_Gnb .all_category .second_ctg .ctg_link.ctg2:focus {text-decoration:underline; color:var(--color-blue);}

.sc_Gnb.if_open_category .all_category {display:flex;}



/* 메인 비주얼 ======================================== */
.sc_Visual {overflow:hidden;}
.sc_Visual> .layout_fix {padding:0px !important; max-width:100%;}
.sc_Visual .rolling_wrap {position:relative;}
.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; position:relative; height:380px;}
.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%; height:100%; object-fit:cover;}

.sc_Visual .visual_text {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; font-size:29px; font-weight:400; box-sizing:border-box; padding:30px 60px; background:rgba(0,0,0,0.1);}
.sc_Visual .visual_text .layout_fix {display:flex; justify-content:center; align-items:flex-start; flex-direction:column; height:100%;}
.sc_Visual .visual_text * {font-family:var(--font-title); color:#000;}
.sc_Visual .visual_text .first {font-weight:700; font-size:29px;}
.sc_Visual .visual_text .sub {font-size:16px; margin-top:20px;}
.sc_Visual .visual_text .btn_go {font-size:15px; font-weight:600; margin-top:80px;}

.sc_Visual .all_banner {position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; background:rgba(0,0,0,0.7); z-index:1000; overflow:hidden; box-sizing:border-box; padding:15px; display:none;}
.sc_Visual .all_banner.if_open {display:flex;}
.sc_Visual .all_banner> .layout_fix {background:#fff; overflow-y:auto; padding:20px !important; box-sizing:border-box;}
.sc_Visual .all_banner .layer_title {font-size:18px; font-weight:700; color:#000; line-height:1; margin-bottom:15px; display:flex; justify-content:center; align-items:center; flex-direction:row}
.sc_Visual .all_banner .layer_title strong {flex:1}
.sc_Visual .all_banner .btn_close {display:flex; justify-content:center; align-items:center; flex-direction:column; padding:5px;}
.sc_Visual .all_banner .btn_close img {width:12px;}
.sc_Visual .all_banner li {border-radius:15px; overflow:hidden;}
.sc_Visual .all_banner li+ li {margin-top:15px;}

.sc_Visual .sc_Roll_ctrl {position:absolute; left:0; bottom:14px; z-index:11; padding:0px; width:100%; display:block;}
.sc_Visual .sc_Roll_ctrl .layout_fix {display:flex; justify-content:flex-end; align-items:center; flex-direction:row}
.sc_Visual .sc_Roll_ctrl .roll_wrap {width:initial;}
.sc_Visual .sc_Roll_ctrl .roll_pagi {background:rgba(0,0,0,0.8); color:#fff; height:33px;}
.sc_Visual .sc_Roll_ctrl .roll_btn.prev img,
.sc_Visual .sc_Roll_ctrl .roll_btn.next img {filter:invert(100%)}
.sc_Visual .sc_Roll_ctrl .roll_btn.play,
.sc_Visual .sc_Roll_ctrl .roll_btn.stop {background:#fff; border-radius:100px; width:22px; height:22px; margin-right:5px;}






/* 메인 바로가기(동그라미) 배너 ======================================== */
.sc_Go {margin-top:40px;}
.sc_Go .layout_fix {text-align:center; padding:0px !important;}

.sc_Go .banner_list {overflow:hidden;}
.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:30px 60px; flex-wrap:nowrap; width:max-content;}

.sc_Go .one_banner {position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center;}
.sc_Go .one_banner .picto {width:80px; overflow:hidden;}
.sc_Go .one_banner img {width:100%; display:block;}
.sc_Go .one_banner .title {font-size:13px; line-height:1.3; font-weight:500; color:var(--black-70); margin-top:8px;}

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






/* 그룹 - 간격 ======================================== */
.sc_Group {margin-top:var(--gap-group);}


/* 그룹 - 타이틀 ======================================== */
.sc_Group_tit {margin-bottom:30px; text-align:center;}
.sc_Group_tit .layout_fix {display:flex; justify-content:center; align-items: center; flex-direction:column; gap:15px}
.sc_Group_tit .tit { font-weight:500; font-size:30px; color: #000; line-height:1; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; letter-spacing:-1px; position:relative; box-sizing:border-box; width:100%;}
.sc_Group_tit .tit:after {content:"";width:100%; height:1px; background:var(--black-5); position:absolute; z-index:1}
.sc_Group_tit .tit strong {position:relative; background:#fff; z-index:2; padding:0 20px;}
.sc_Group_tit .tit .comment {font-weight:400; display:block; font-size:0.55em; margin-top:15px; }
.sc_Group_tit .item_timer {font-size:20px; font-weight:600; color:var(--color-orange);}
.sc_Group_tit .item_timer .clock {width:20px; height:20px; background:var(--color-orange);}
.sc_Group_tit .sns_list {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.sc_Group_tit .sns_list .btn_sns img {display:block; width:26px;}


/* 그룹 - 더보기버튼 ======================================== */
.sc_More_btn {margin-top:30px;}
.sc_More_btn .layout_fix {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_More_btn .link {display: flex; flex-direction: row; justify-content: center; align-items: center; height:50px; background:#fff; border: 1px solid var(--black-10); box-sizing: border-box; border-radius:100px; padding:0 20px; width:100%; max-width:300px}
.sc_More_btn .link .tx {font-size:15px; font-weight:500; box-sizing: border-box; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px; color:#000;}
.sc_More_btn .link .tx strong {}


/* 그룹 - 탭메뉴 ======================================== */
.sc_tab {margin-bottom: 30px; overflow:hidden;}
.sc_tab .swipe_box {}
.sc_tab .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:nowrap; width:max-content; gap:8px;}
.sc_tab .tab {font-weight:600; font-size:14px; color:var(--black-80); padding: 0 12px; box-sizing: border-box; border-radius: 100px; position:relative; display: flex; flex-direction: row; justify-content: center; align-items: center; height:36px; background:#fff; border:1px solid var(--black-15);}
.sc_tab .hit .tab {color: #fff; background:var(--color-brown); border-color:var(--color-brown);}
.sc_tab .hit .tab .over_line {transform:scale(1); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}


/* 그룹 - 롤링 컨트롤러 ======================================== */
.sc_Roll_ctrl {margin-top:20px; padding:0 30px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.sc_Roll_ctrl .roll_wrap {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px; width:100%; max-width:500px; box-sizing:border-box;}

.sc_Roll_ctrl .roll_fill {flex:1}
.sc_Roll_ctrl .roll_fill .stage {height:3px; border-radius:100px; background:var(--black-5); overflow:hidden; position:relative; width:100%;}
.sc_Roll_ctrl .roll_fill .bar {position:absolute; left:0; top:0; height:100%; background:#000; border-radius:100px; z-index:1;}

.sc_Roll_ctrl .roll_btn {width:22px; height:22px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.sc_Roll_ctrl .roll_btn img {height:10px;}
.sc_Roll_ctrl .roll_btn.stop img,
.sc_Roll_ctrl .roll_btn.play img {height:12px;}
.sc_Roll_ctrl .roll_btn.play img {margin-left:2px;}

.sc_Roll_ctrl .btn_all {color:rgba(255,255,255,0.8); font-weight:500; padding:0 8px; border-left:1px solid rgba(255,255,255,0.2);; line-height:1;}

.sc_Roll_ctrl .roll_pagi {display:flex; flex-direction:row; justify-content:center; align-items:center; background:var(--black-5); border-radius:100px; height:30px; padding:0 5px;}
.sc_Roll_ctrl .roll_pagi .page_wrap {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px; width:50px; }
.sc_Roll_ctrl .roll_pagi * {font-variant-numeric:tabular-nums; font-size:12px; font-weight:600;}
.sc_Roll_ctrl .roll_pagi .under {font-weight:400; opacity:0.5;}

.sc_Roll_ctrl.if_hide {display:none;}


/* 그룹 - 롤링 이전다음 ======================================== */
.sc_Roll_pvnx {position:absolute; top:25%; width:40px; aspect-ratio: 1/1; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:10px; background:#fff; border:1px solid var(--black-10); z-index:20;}
.sc_Roll_pvnx img {height:10px;}
.sc_Roll_pvnx.prev {left:0; margin-left:-20px;}
.sc_Roll_pvnx.next {right:0; margin-right:-20px;}


/* 그룹 - 롤링박스 ======================================== */
.rolling_wrap {position:relative;}
.rolling_wrap .rolling_box .item_list li {height:auto !important;}
.rolling_wrap .rolling_box .item_list ul {align-items:stretch !important}







/* 상품 - 엠디픽 ======================================== */
.sc_Md {overflow:hidden;}


/* 상품 - 타임세일 ======================================== */
.sc_Time {overflow:hidden;}
.sc_Time .rolling_wrap {position:relative;}
.sc_Time .rolling_box {overflow:hidden;}


/* 메인 카테고리 베스트 ======================================== */
.sc_Best {background:var(--black-5); padding:var(--gap-group) 0; box-sizing:border-box; overflow:hidden;}
.sc_Best .rolling_wrap {overflow:hidden;}

.sc_Best li.swiper-slide-active .item_box {border-color:var(--color-coral);}
.sc_Best .item_box {background:#fff; border:1px solid #fff; padding:10px 15px 20px; box-sizing:border-box; border-radius:10px;}
.sc_Best .sc_Roll_ctrl .roll_fill .stage {background:#fff;}
.sc_Best .sc_Roll_ctrl .roll_pagi {background:#fff;}
.sc_Best .sc_Group_tit .tit strong {background:var(--black-5);;}
.sc_Best .sc_Group_tit .tit:after {background:var(--black-15);}



/* 메인 상품 ======================================== */
.sc_Item {}
.sc_Item .rolling_box {overflow:hidden;}






/* 메인 인기 키워드 ======================================== */
.sc_Tag {overflow:hidden;}
.sc_Tag .layout_fix {display:flex; justify-content:center; align-items:flex-start; flex-direction:row; gap:30px 60px}
.sc_Tag .side_left  {flex:none; width:400px;}
.sc_Tag .sc_Group_tit .tit {font-size:35px;}

.sc_Tag .search_box {box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:50px;}
.sc_Tag .search_box .form_box {position:relative; width:100%;}
.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; transition:all 0.2s ease-out;}
.sc_Tag .search_box input.input_search:focus {padding-left:15px;}
.sc_Tag .search_box .btn_search {position:absolute; right:0; top:0; width:50px; height:100%; z-index:1; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.sc_Tag .search_box .btn_search img {width:20px;}

.sc_Tag .keyword_box {display:flex; justify-content:center; align-items:flex-end; flex-direction:column;}
.sc_Tag .keyword_box ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; overflow: hidden; max-height:155px}
.sc_Tag .keyword_box .link {position:relative; font-size:14px;}
.sc_Tag .keyword_box .link .keyword {font-weight:500; color:#000; padding:0 16px; box-sizing:border-box; font-family:var(--font-title); color:#fff; font-size:16px; border-radius:20px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:45px; line-height:1;}

.sc_Tag .btn_refresh {display:flex; flex-direction:row; justify-content:center; align-items:center; padding:2px; box-sizing:border-box; margin-top:20px; gap:5px; font-weight:500; font-size:14px;}
.sc_Tag .btn_refresh img {width:16px;}
.sc_Tag .btn_refresh.if_refresh img {animation: mv_refresh 0.7s ease both;}

@-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);}
}






/* 메인 2단 배너 ======================================== */
.sc_Ad {overflow:hidden;}
.sc_Ad li {list-style: none;}
.sc_Ad .rolling_wrap {position:relative;}
.sc_Ad .rolling_box {overflow: hidden; border-radius:10px; }
.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: -14px;}
.sc_Ad .one_banner {margin-left:14px; overflow: hidden; position: relative; display:flex; flex-direction:column; justify-content:center; align-items:stretch;}
.sc_Ad .one_banner .upper_text {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; padding:30px 50px; box-sizing:border-box; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;  font-size:23px;}
.sc_Ad .one_banner .upper_text * {color:#fff; font-family:var(--font-title);}
.sc_Ad .one_banner .upper_text .first {font-weight:500;}
.sc_Ad .one_banner .upper_text .second {font-weight:400; font-size:0.8em; margin-top:10px;}
.sc_Ad .one_banner img {width:100%; display:block; border-radius:10px;}


/* 메인 3단 배너 ======================================== */
.sc_Blog {overflow:hidden;}
.sc_Blog .rolling_wrap {position:relative;}
.sc_Blog .rolling_box {}
.sc_Blog .rolling_box ul {display: flex; flex-direction: row; justify-content: stretch; align-items: stretch;}
.sc_Blog .rolling_box li {width:25%; height:auto;}
.sc_Blog .banner_list {margin-left:-15px;}
.sc_Blog .one_banner {margin-left:15px; overflow: hidden; position: relative; display:flex; flex-direction:column; justify-content:center; align-items:stretch;}
.sc_Blog .one_banner img {width: 100%;}



/* 메인 4단 배너 ======================================== */
.sc_Wide {overflow:hidden;}
.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 .banner_list {}

.sc_Wide .one_banner {display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; height:100%; position:relative; box-sizing:border-box;}
.sc_Wide .one_banner .img_box {overflow:hidden; font-size:0;}
.sc_Wide .one_banner .img_box img {width:100%; transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.sc_Wide .one_banner .txt_box {padding:30px; box-sizing:border-box; flex:1; position:relative;}
.sc_Wide .one_banner .txt_box .title { font-weight:700; font-size:23px; color:#171719; line-height:1.3; position:relative; z-index:2; font-family:var(--font-title);}
.sc_Wide .one_banner .txt_box .text { font-weight:500; font-size:14px; line-height:1.6; margin-top:15px; position:relative; z-index:2;}
.sc_Wide .one_banner .txt_box .over_bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:#171719; opacity:0.1;}




/* 푸터 ======================================== */
.sc_Footer {padding-bottom:100px; padding-top:50px; border-top:1px solid var(--black-40);}
.sc_Footer .front_area {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:30px 60px}
.sc_Footer .bottom_area {border-top:1px solid var(--black-5); display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; margin-top:30px; padding-top:30px; gap:30px}

.sc_Footer .site_menu {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; gap:60px}
.sc_Footer .site_menu .first_link {font-weight:600; font-size:16px; color:var(--black-85); font-family:var(--font-title); margin-bottom:15px;}
.sc_Footer .site_menu .menu_link {font-weight:500; font-size:13px; padding:3px 0;}

.sc_Footer .cs_center {padding-left:60px; border-left:1px solid var(--black-5);}
.sc_Footer .cs_center .tel {font-weight:700; font-size:30px; color:var(--black-85); font-family:var(--font-eng);}
.sc_Footer .cs_center .email {font-weight:500; font-size:14px; color:var(--black-85);margin-top:5px; line-height:1;}
.sc_Footer .cs_center .cs_time {font-weight:500; font-size:13px; line-height:1.3; margin-top:20px;}

.sc_Footer .auth_logo {margin-left:auto; display:flex; justify-content: flex-start; align-items:center; flex-direction:row; gap:10px; flex-wrap:wrap;}
.sc_Footer .auth_logo .ssl {border: 1px solid #e5e5e5; border-radius:6px; overflow:hidden;}
.sc_Footer .auth_logo .pg {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px;}
.sc_Footer .auth_logo .pg .logo {border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 6px; overflow: hidden; cursor:pointer;}
.sc_Footer .auth_logo .logo {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Footer .auth_logo img {height: 40px;}

.sc_Footer .company_box {flex:1; display:flex; justify-content:start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:5px 8px}
.sc_Footer .company_box .txt {color:var(--black-40); font-size:13px;}
.sc_Footer .company_box .txt.type_host {width:100%;}
.sc_Footer .company_box a {text-decoration:underline;}
.sc_Footer .copyright {margin-top:20px; color:var(--black-40); font-size:12px; width:100%;}

.sc_Footer .family_site {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:15px; flex-wrap:wrap;}
.sc_Footer .family_site .btn_link img {height:40px; display:block;}




/* 검색창 ======================================== */
.Layer_Find {position:fixed; left:0; bottom:0; width:100%; height:100%; z-index:1000; background:#fff; box-sizing:border-box; padding:20px; transform:translateY(100%); transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.Layer_Find.if_open {transform:translateY(0);}
.Layer_Find .layer_title {display:flex; justify-content:space-between; align-items:center; flex-direction:row; gap:10px; box-sizing:border-box; margin-bottom:15px; border-bottom:1px solid var(--black-5); padding-bottom:15px;}
.Layer_Find .layer_title strong {font-weight:700; font-size:18px; color:#000;}
.Layer_Find .layer_title .btn_close {width:20px; height:20px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.Layer_Find .layer_title .btn_close img {width:10px; display:block;}

.Layer_Find .search_form {}
.Layer_Find .search_form .form_box {position:relative; display:flex; justify-content:flex-end; align-items:center; flex-direction:row;}
.Layer_Find .search_form input.input_search {width:100%; height:50px; border:2px solid #000; box-sizing:border-box; padding:0 20px; padding-right:60px; font-size:15px; color:#000; border-radius:5px;}
.Layer_Find .search_form input.input_search:focus {border-color:var(--color-coral) !important;}
.Layer_Find .search_form .btn_search {position:absolute; right:5px; z-index:1; box-sizing:border-box; width:50px; height:50px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.Layer_Find .search_form .btn_search img {width:20px;}

.Layer_Find .keyword_wrap {margin-top:10px;}
.Layer_Find .keyword_wrap .title {font-size:14px; color:#000; font-weight:500; margin-bottom:10px;}
.Layer_Find .keyword_list {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:6px; overflow:hidden; flex:1}
.Layer_Find .keyword_list .btn_word {font-size:12px; color:var(--black-70); padding:0 10px; box-sizing:border-box; height:24px; display:flex; flex-direction:row; justify-content:center; align-items:center; border-radius:100px; box-sizing:border-box; background:var(--black-5); font-weight:500;}
















/* 메인 리뷰 ======================================== */
.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-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;}