@charset "utf-8";

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

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

@import url('https://fonts.cdnfonts.com/css/dream-orphans');

@font-face {
    font-family: 'Domaine Sans Text';
    src: local('Pretendard Regular');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7AF;
}

@font-face {
    font-family: 'Domaine Sans Text';
    src: url('../font/domaine-sans-text-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    unicode-range:  U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039, U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'bodysmenkr';
    font-style: normal;
    /*font-weight: 500;*/
    unicode-range:  U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0030-0039, U+0041-005A, U+0061-007A;
}
@font-face {
    font-family: 'bodysmenkr';
    /*font-weight: 400;*/
    font-style: normal;
    unicode-range: U+AC00-D7AF;
    /*unicode-range: U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF;*/
}

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

/* 헤더 ======================================== */
@keyframes gnb-light {from{opacity: 1;} to{opacity: 0;}}/*animation: gnb-light ease both; animation-timeline: scroll();*/
/*@keyframes gnb-light {0%{opacity: 1;} 100%{opacity: 0;}}*/

.sc_Header {position: absolute; top: 0px; z-index: 99; width: 100%; height: calc(100vw* 0.11); max-height: 400px; box-sizing: border-box; padding: 20px 50px 100px 50px;}
.sc_Header_gra {background-image: url('../images/rui/bg_top_gra.png'); background-size: cover;position: fixed;opacity: 0.999;transition: opacity .35s linear,color 0ms linear .35s; min-height: 160px;}
.if_scroll .sc_Header_gra{opacity: 0.0001;visibility: hidden;}
.sc_Header:before {content:""; width:100%; height:0px; background:#f0f0f0; position:absolute; left:0; bottom:0; z-index:1}
.sc_Header li {list-style: none;}
.sc_Header .wrapping {max-width:100%!important; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 0 50px;width:100vw;}

.sc_Header .gnb_menu {flex: 1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:0 10px;}
/*.sc_Header .gnb_menu .btn_slide {width: 40px; height: 40px; background: transparent url('../images/skin/header_slide.svg') center center no-repeat; background-size: 22px !important; margin-left:-9px;}*/
.sc_Header .gnb_menu .nav_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 0 10px;}
.sc_Header .gnb_menu .nav_box .nav_li {position: relative;}
.sc_Header .gnb_menu .nav_box .menu {font-size: 16px; color: #F9F5F1; font-weight:100; padding: 10px; box-sizing: border-box; line-height: 1; white-space: nowrap;}
.sc_Header .gnb_menu .nav_box .first_menu {font-size: 17px; color: #F9F5F1; font-weight: 700; white-space: nowrap; padding: 10px; box-sizing: border-box; line-height: 1;}
.sc_Header .gnb_menu .nav_box .hit .first_menu {color: #e19b54;}
.sc_Header .gnb_menu .depth_box {position: absolute; left: -15px; top: 35px; padding-top: 15px; z-index: 300; min-width: 130px; display: none;}
.sc_Header .gnb_menu .depth_box ul {border-top: 2px solid #F9F5F1; background: #ddd; padding: 15px 0; box-sizing: border-box;}
.sc_Header .gnb_menu .depth_box .second_menu {width: 100%; padding: 10px 45px 10px 25px; box-sizing: border-box;}
.sc_Header .gnb_menu .depth_box .tx {font-size: 15px; color: #888; font-weight: 500; white-space: nowrap; position: relative;}
.sc_Header .gnb_menu .depth_box .tx:before {content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #fff;}
.sc_Header .gnb_menu .depth_box .tx:before {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}

.sc_Header .logo_box {flex:1; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 50px;}
.sc_Header .logo_box a {font-size: 0;}
.sc_Header .logo_box .tx {font-size: 23px; font-weight: 700; color: #F9F5F1; 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 .other_menu {flex: 1; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 0 10px;}
.sc_Header .other_menu .user_link {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 0 5px;}
.sc_Header .other_menu .user_link .menu {font-size: 16px; color: #F9F5F1; font-weight:100; padding: 10px; box-sizing: border-box; line-height: 1; white-space: nowrap;}
/*.sc_Header .other_menu .user_link .btn_cart{position: relative;}*/
.sc_Header .other_menu .user_link .btn_cart {padding-right: 5px;}
.sc_Header .other_menu .user_link .cart_num_base {position: relative;height:16px;line-height: 16px;}
.sc_Header .other_menu .user_link .cart_num {position:relative; left:0px; top:-6px; font-size:12px; font-weight:600; color:var(--800);}
.sc_Header .other_menu .user_link .cart_num {border:1px solid var(--100Bg); background:var(--100Bg); box-sizing:border-box; width:28px; height:28px; border-radius:100px;}
.sc_Header .other_menu .user_link .cart_num {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Header .other_menu .icon_link {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.sc_Header .other_menu .icon_link li {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sc_Header .other_menu .icon_link .btn {background-repeat: no-repeat !important; background-position: center !important; background-size: 25px !important; width: 45px; height: 45px; position: relative;}
.sc_Header .other_menu .icon_link .btn_search {background-image: url('../images/skin/header_search.svg');}
/*.sc_Header .other_menu .icon_link .btn_cart {background-image: url('../images/skin/header_cart.svg');}*/
.sc_Header .other_menu .icon_link .btn_slide {background-image: url('../images/skin/header_slide2.svg');}
/*.sc_Header .other_menu .icon_link .cart_num {position:absolute; right:0px; top:3px; font-size:11px; font-weight:600; color:#fff;}
.sc_Header .other_menu .icon_link .cart_num {float:left; font-size:16px; font-weight:600; color:#fff;}
.sc_Header .other_menu .icon_link .cart_num {border:1px solid var(--800); background:var(--800); box-sizing:border-box; width:18px; height:18px; border-radius:100px;}
.sc_Header .other_menu .icon_link .cart_num {display: flex; flex-direction: row; justify-content: center; align-items: center;}*/
.sc_Header .other_menu .icon_link .this_slide {display: none;}

/*.sc_Header .search_open {position:absolute; left:0; top:0; width:100%; box-sizing:border-box; z-index:400; background:#fff; visibility: hidden;}
.sc_Header .search_open {padding:50px 0; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2); opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
.sc_Header .search_open .inner {max-width: 500px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.sc_Header .search_open .tit {font-size: 35px; font-weight:600; color: var(--800); line-height: 1;}
.sc_Header .search_open .form_box {position:relative; margin-top:20px; width: 100%;}
.sc_Header .search_open .input_search {border-bottom:2px solid var(--800); width:100%; box-sizing:border-box; padding-right:60px; font-size: 19px; height:60px; color:var(--800);}
.sc_Header .search_open .input_search:focus {border-color:#e19b54;}
.sc_Header .search_open .btn_search {position:absolute; right:0; top: 0; height:60px; width:50px; z-index:1; background: transparent url('../images/skin/header_search.svg') center no-repeat; background-size:25px !important;}
.sc_Header .search_open .close_btn {margin-top:30px; width: 30px; height: 30px; background: transparent url('../images/skin/header_close.svg') center no-repeat; background-size: 14px !important;}
.sc_Header .search_open .keyword_box {display: flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin-top: 15px; max-height: 100px; overflow: hidden; gap:5px}
.sc_Header .search_open .keyword_box .link {padding:0 10px; box-sizing: border-box; height: 30px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border:1px solid #eee; border-radius:5px;}
.sc_Header .search_open .keyword_box .tx {font-size:12px; color: #888; line-height: 1; position: relative;}
.sc_Header .search_open.if_search_open {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); visibility: visible;}
.sc_Header .search_open.if_search_open {transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out;}*/

.sc_Header .category {overflow:hidden; display:none; position:relative; z-index:2; margin-top:5px;}
.sc_Header .category .swipe_box {}
.sc_Header .category .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:nowrap; width:max-content; gap:10px}
.sc_Header .category li.type_event {position:relative; padding-left:20px; box-sizing:border-box;}
.sc_Header .category li.type_event:before {content:''; width:1px; height:14px; background: rgba(0, 0, 0, 0.1); position:absolute; left:0; top:50%; margin-top:-7px;}
.sc_Header .category li.type_event+ li.type_event {padding-left:0;}
.sc_Header .category li.type_event+ li.type_event:before {display:none;}
.sc_Header .category li.type_event .ctg {opacity:0.35; filter:alpha(opacity=35); -ms-filter:alpha(opacity=35);}
.sc_Header .category li.type_event.hit .ctg {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.sc_Header .category .ctg {display:flex; justify-content: center; align-items: center; flex-direction:column; font-size:16px; color:var(--800); font-weight:700; padding-right:10px;}
.sc_Header .category .ctg strong {display:flex; justify-content: center; align-items: center; flex-direction:column; height:55px; position:relative; padding:0 1px;}
.sc_Header .category .ctg strong:before {content:""; width:100%; height:2px; background:#e19b54; position:absolute; left:0; bottom:0; z-index:2; display:none;}
.sc_Header .category .hit .ctg {color:#e19b54;}
.sc_Header .category .hit .ctg strong:before {display:inline-block;}

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

/* 헤더 Dark ======================================== */
.sc_Header_Dark {position: relative; width: 100%;  max-height: 400px; box-sizing: border-box; padding: 20px 50px 20px 50px;}
.sc_Header_Dark:before {content:""; width:100%; height:0px; background:#f0f0f0; position:absolute; left:0; bottom:0; z-index:1}
.sc_Header_Dark li {list-style: none;}
.sc_Header_Dark .wrapping {max-width:100%!important; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 0 50px;}

.sc_Header_Dark .gnb_menu {flex: 1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:0 10px;}
/*.sc_Header_Dark .gnb_menu .btn_slide {width: 40px; height: 40px; background: transparent url('../images/skin/header_slide.svg') center center no-repeat; background-size: 22px !important; margin-left:-9px;}*/
.sc_Header_Dark .gnb_menu .nav_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 0 10px;}
.sc_Header_Dark .gnb_menu .nav_box .nav_li {position: relative;}
.sc_Header_Dark .gnb_menu .nav_box .menu {font-size: 16px; color: #F9F5F1; font-weight:100; padding: 10px; box-sizing: border-box; line-height: 1; white-space: nowrap;}
.sc_Header_Dark .gnb_menu .nav_box .first_menu {font-size: 17px; color: #F9F5F1; font-weight: 700; white-space: nowrap; padding: 10px; box-sizing: border-box; line-height: 1;}
.sc_Header_Dark .gnb_menu .nav_box .hit .first_menu {color: #e19b54;}
.sc_Header_Dark .gnb_menu .depth_box {position: absolute; left: -15px; top: 35px; padding-top: 15px; z-index: 300; min-width: 130px; display: none;}
.sc_Header_Dark .gnb_menu .depth_box ul {border-top: 2px solid #F9F5F1; background: #ddd; padding: 15px 0; box-sizing: border-box;}
.sc_Header_Dark .gnb_menu .depth_box .second_menu {width: 100%; padding: 10px 45px 10px 25px; box-sizing: border-box;}
.sc_Header_Dark .gnb_menu .depth_box .tx {font-size: 15px; color: #888; font-weight: 500; white-space: nowrap; position: relative;}
.sc_Header_Dark .gnb_menu .depth_box .tx:before {content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #fff;}
.sc_Header_Dark .gnb_menu .depth_box .tx:before {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}

.sc_Header_Dark .logo_box {flex:1; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 50px;}
.sc_Header_Dark .logo_box a {font-size: 0;}
.sc_Header_Dark .logo_box .tx {font-size: 23px; font-weight: 700; color: #F9F5F1; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;}
.sc_Header_Dark .logo_box .tx {-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3; text-align: center;}
.sc_Header_Dark .logo_box img {max-width:100%;}

.sc_Header_Dark .other_menu {flex: 1; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 0 10px;}
.sc_Header_Dark .other_menu .user_link {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 0 5px;}
.sc_Header_Dark .other_menu .user_link .menu {font-size: 16px; color: #F9F5F1; font-weight:100; padding: 10px; box-sizing: border-box; line-height: 1; white-space: nowrap;}
/*.sc_Header_Dark .other_menu .user_link .btn_cart{position: relative;}*/
.sc_Header_Dark .other_menu .user_link .btn_cart {padding-right: 5px;}
.sc_Header_Dark .other_menu .user_link .cart_num_base {position: relative;height:16px;line-height: 16px;}
.sc_Header_Dark .other_menu .user_link .cart_num {position:relative; left:0px; top:-6px; font-size:12px; font-weight:600; color:var(--100Bg);}
.sc_Header_Dark .other_menu .user_link .cart_num {border:1px solid var(--800); background:var(--800); box-sizing:border-box; width:28px; height:28px; border-radius:100px;}
.sc_Header_Dark .other_menu .user_link .cart_num {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Header_Dark .other_menu .icon_link {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.sc_Header_Dark .other_menu .icon_link li {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sc_Header_Dark .other_menu .icon_link .btn {background-repeat: no-repeat !important; background-position: center !important; background-size: 25px !important; width: 45px; height: 45px; position: relative;}
.sc_Header_Dark .other_menu .icon_link .btn_search {background-image: url('../images/skin/header_search.svg');}
/*.sc_Header_Dark .other_menu .icon_link .btn_cart {background-image: url('../images/skin/header_cart.svg');}*/
.sc_Header_Dark .other_menu .icon_link .btn_slide {background-image: url('../images/skin/header_slide2.svg');}
/*.sc_Header_Dark .other_menu .icon_link .cart_num {position:absolute; right:0px; top:3px; font-size:11px; font-weight:600; color:#fff;}
.sc_Header_Dark .other_menu .icon_link .cart_num {float:left; font-size:16px; font-weight:600; color:#fff;}
.sc_Header_Dark .other_menu .icon_link .cart_num {border:1px solid var(--800); background:var(--800); box-sizing:border-box; width:18px; height:18px; border-radius:100px;}
.sc_Header_Dark .other_menu .icon_link .cart_num {display: flex; flex-direction: row; justify-content: center; align-items: center;}*/
.sc_Header_Dark .other_menu .icon_link .this_slide {display: none;}


.sc_Header_Dark .category {overflow:hidden; display:none; position:relative; z-index:2; margin-top:5px;}
.sc_Header_Dark .category .swipe_box {}
.sc_Header_Dark .category .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:nowrap; width:max-content; gap:10px}
.sc_Header_Dark .category li.type_event {position:relative; padding-left:20px; box-sizing:border-box;}
.sc_Header_Dark .category li.type_event:before {content:''; width:1px; height:14px; background: rgba(0, 0, 0, 0.1); position:absolute; left:0; top:50%; margin-top:-7px;}
.sc_Header_Dark .category li.type_event+ li.type_event {padding-left:0;}
.sc_Header_Dark .category li.type_event+ li.type_event:before {display:none;}
.sc_Header_Dark .category li.type_event .ctg {opacity:0.35; filter:alpha(opacity=35); -ms-filter:alpha(opacity=35);}
.sc_Header_Dark .category li.type_event.hit .ctg {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.sc_Header_Dark .category .ctg {display:flex; justify-content: center; align-items: center; flex-direction:column; font-size:16px; color:var(--800); font-weight:700; padding-right:10px;}
.sc_Header_Dark .category .ctg strong {display:flex; justify-content: center; align-items: center; flex-direction:column; height:55px; position:relative; padding:0 1px;}
.sc_Header_Dark .category .ctg strong:before {content:""; width:100%; height:2px; background:#e19b54; position:absolute; left:0; bottom:0; z-index:2; display:none;}
.sc_Header_Dark .category .hit .ctg {color:#e19b54;}
.sc_Header_Dark .category .hit .ctg strong:before {display:inline-block;}

/* 푸터 ======================================== */
.sc_Footer {background:var(--100Bg); border-top: 1px solid var(--800); margin-top: 100px; padding: 0 5% 40px 5%; }
.sc_Footer li {list-style:none;}
.sc_Footer .layout_fix {display:flex; justify-content: space-between; align-items: flex-start; flex-direction:row; flex-wrap:wrap;}/* gap:30px 50px*/
.sc_Footer .menu_box {width:100%; padding:20px 0;}/* border-bottom:1px solid var(--800);*/
.sc_Footer .menu_box ul {display: flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; gap:15px;}
.sc_Footer .menu_box .menu {font-size:13px; padding:5px 0; box-sizing: border-box; line-height: 1; color:var(--800); }
.sc_Footer .company_box {flex:1; font-size:12px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; gap:5px 15px; margin-top:40px;}/* max-width:600px color:#888;*/
.sc_Footer .company_box .site_name {font-size: 16px; color: #fff; font-weight: 600; line-height: 1; margin-bottom: 10px; width:100%;}
.sc_Footer .company_box .txt {line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal; color:var(--800);}
.sc_Footer .company_box .type_host {line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal; color:var(--800);width:100%;}
.sc_Footer .company_box .div-bar:after {content:"|";float: right; display: block;color:var(--300);margin-left: 15px;}
.sc_Footer .company_box .div-bar:last-child::after{content: "";}
.sc_Footer .company_box .btn_info {text-decoration:underline;}
.sc_Footer .company_box .copyright {margin-top:0px; width:100%; color:var(--800);}

.sc_Footer .auth_box {display:flex; justify-content: flex-end; align-items:center; flex-direction:row; gap:10px; margin-top:40px;}
.sc_Footer .auth_box .pg {display:flex; justify-content: flex-end; align-items:center; flex-direction:row; gap:10px;color:var(--800);}
.sc_Footer .auth_box .pg .guide {font-size: 11px; line-height: 1.4; text-align:right;}
.sc_Footer .auth_box .ssl {background:#fff; height:40px; box-sizing:border-box; border-radius:6px; overflow:hidden;}
.sc_Footer .auth_box .logo {border-radius: 6px; box-sizing: border-box; overflow: hidden; background: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Footer .auth_box img {height:40px;}







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

/* 그룹(간격) ======================================== */
.sc_Group {margin-top:0px; padding-left:5%; padding-right: 5%;background-color: var(--100Bg);}

/* 그룹타이틀 ======================================== */
.sc_Group_tit {text-align: center; margin-bottom:25px;}
.sc_Group_tit .layout_fix {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.sc_Group_tit .tit {font-size:35px; color: var(--800); font-weight:700; line-height: 1;}
.sc_Group_tit .tx_info {font-size: 13px; color: #888; font-weight: 500; margin-top:10px; line-height:1;}
.sc_Group_tit .tx_info strong {color: var(--800); font-weight: 700; text-decoration:underline;}


/* 더보기 버튼 ======================================== */
.sc_More_btn {margin-top: 30px;}
.sc_More_btn .layout_fix {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_More_btn .link {flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; max-width: 350px;}
.sc_More_btn .link {height: 50px; border: 1px solid #eee; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; border-radius:5px; font-size: 14px; color: var(--800); }
.sc_More_btn .link .tx {padding-right: 13px; box-sizing: border-box; font-weight:500; background: transparent url('../images/skin/arrow_right.svg') right center no-repeat; background-size: 6px 10px !important; }


/* 롤링 컨트롤러 ======================================== */
.sc_Roll_ctrl {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top:15px; gap: 0 5px;}
.sc_Roll_ctrl.if_hide {display:none !important;}
.sc_Roll_ctrl.if_show {display:flex;}
.sc_Roll_ctrl .roll_prevnext {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px;}
.sc_Roll_ctrl .roll_prevnext {background-repeat: no-repeat !important; background-position: center !important; background-size: 6px 12px !important;}
.sc_Roll_ctrl .roll_prevnext.prev {background-image: url('../images/skin/arrow_left.svg');}
.sc_Roll_ctrl .roll_prevnext.next {background-image: url('../images/skin/arrow_right.svg');}
.sc_Roll_ctrl .roll_icon {}
.sc_Roll_ctrl .roll_icon ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Roll_ctrl .roll_icon li {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Roll_ctrl .roll_icon .icon {height:18px;  box-sizing: border-box; display:flex; justify-content: center; align-items: center; flex-direction:column; padding:0 4px;}
.sc_Roll_ctrl .roll_icon .icon:before {content:""; width:10px; height:10px; display:inline-block; border-radius: 100px; border:2px solid #aaa; background:#fff; box-sizing:border-box;}
.sc_Roll_ctrl .roll_icon .active .icon:before {background: #111; border-color:#111;}
.sc_Roll_ctrl .roll_pagi {display:flex; justify-content: center; align-items: center; flex-direction:row; font-size:13px; gap:2px; font-weight:600; display:none; color:#aaa; width:45px;}
.sc_Roll_ctrl .roll_pagi .all {}
.sc_Roll_ctrl .roll_pagi .active {color:var(--800);}


/* 메인 비주얼 ======================================== */
.sc_Visual {max-height: 100vh}/*calc(100vw / 48 * 33);height:calc(100vw / 16 * 9);*/
/*.sc_Visual:after {content: ''; display: block; clear: both;}*/
.sc_Visual .layout_fix {position:fixed;}
.sc_Visual li {list-style: none;}
.sc_Visual .layout_fix {max-width: 100% !important; box-sizing: border-box;}
.sc_Visual .rolling_wrap {overflow: hidden;}
.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;}
.sc_Visual .banner_list {}
.sc_Visual .visual_img {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; overflow:hidden;}
.sc_Visual .visual_img a {font-size: 0;}
.sc_Visual .visual_img img {min-width:100vw; min-height:100vh; filter: brightness(100%);}/*width:100vw;*/
.sc_Visual .visual_img img.this_pc {}
.sc_Visual .visual_img video {min-width:100vw; min-height:100vh; filter: brightness(100%);}/*width:100vw;*/
.sc_Visual .visual_img video.this_pc {}
/*.sc_Visual .visual_mask {position:absolute; width: calc(100vw - (100vw - 100%)); height: calc(100vw * 0.25); background-color: rgba(249, 245, 241, 1.00); border-radius: calc(100vw - (100vw - 100%)) / calc(100vw * 0.25); padding: 0px 0px 0px 0px; z-index: 1; bottom:calc(100vw * -0.125);}*/
.sc_Visual .visual_logo {position:absolute; width: calc(100vw - (100vw - 100%)); font-family: 'Dream Orphans', sans-serif;font-size: 14.58vw;color: #FFF;z-index: 1; bottom: calc(100vw * 0.138);left: calc(100% * 0.0483);}
.sc_Visual .visual_logo_img {width:21vw; position:absolute; z-index: 1; bottom: calc(100vw * 0.138);left: calc(100% * 0.0483);}
.sc_Visual .visual_logo_img img {width:100%;}
.sc_Visual .sc_Roll_ctrl {position: absolute; left:50%; bottom:10px; z-index:10; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 0 10px; transform:translateX(-50%); margin:0px !important;}
.sc_Visual .sc_Roll_ctrl .roll_pagi {backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, 0.5); height:23px; width:55px; border-radius:100px; }
.sc_Visual .sc_Roll_ctrl .roll_pagi {color:#ccc; font-size:11px;}
.sc_Visual .sc_Roll_ctrl .roll_pagi .active {color:#fff;}

.sc_Dummy {width:0px !important;}
.sc_Dummy img {width:calc(100vw - (100vw - 100%)); min-width: 1024px;}
.sc_Dummy video {width:calc(100vw - (100vw - 100%)); max-width: calc(100vw - (100vw - 100%)); max-height: 100vh;}
/* 메인 2단 배너 ======================================== */
.sc_Ad {}
.sc_Ad li {list-style: none;}
.sc_Ad .rolling_wrap {overflow: hidden;}
.sc_Ad .rolling_box {margin-left: -20px;}
.sc_Ad .rolling_box ul {display: flex; flex-direction: row; justify-content: stretch; align-items: stretch;}
.sc_Ad .rolling_box li {width: 50%; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; height:auto;}
.sc_Ad .banner_list {}
.sc_Ad .banner {margin-left: 20px; flex:1; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}
.sc_Ad .banner .img_box {overflow: hidden; position: relative; font-size: 0;}
.sc_Ad .banner .img_box img {width: 100%; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sc_Ad .banner .txt_box {text-align: center; padding:30px 15px; box-sizing: border-box; line-height: 1.4;  font-size:14px; border:1px solid #f2f2f2; border-top:0;}
.sc_Ad .banner .txt_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:column; gap:10px; flex:1}
.sc_Ad .banner .txt_box .tit {font-size:1.6em; color: var(--800); font-weight:700; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sc_Ad .banner .txt_box .text {color: #888; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sc_Ad .banner .txt_box .btn_view {box-sizing: border-box; margin-top:15px;}
.sc_Ad .banner .txt_box .btn_view .tx {font-size: 13px; color: #333; font-weight: 600; line-height: 1; border-bottom: 1px solid #333; box-sizing: border-box;}
.sc_Ad .roll_icon {display:block !important;}
.sc_Ad .roll_icon .icon:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sc_Ad .roll_icon .active .icon:before {width: 50px;}


/* 메인 1단 배너 ======================================== */
.sc_Single {}
.sc_Single li {list-style: none;}
.sc_Single .rolling_wrap {position: relative; overflow:hidden;}
.sc_Single .rolling_box {}
.sc_Single .banner_list {}
.sc_Single .banner {position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; overflow:hidden;}
.sc_Single .banner img {width: 100%;}

/* 메인 About 고정 배너 ======================================== */
.sc_About {padding:0 !important; margin-bottom:120px;min-height: 90vh; width:100%; height:calc(100% / 3 * 2); background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url("../images/rui/bg_about_main.jpg");background-attachment: fixed;background-position: center; background-repeat: no-repeat; background-size: cover;}
.sc_About .about_body {position: relative; overflow:hidden; display:flex; justify-content:center; align-items: center; }
.sc_About .about_body img {width: 100%; height:100%; object-fit:cover; min-width: 1024px;filter:brightness(75%);}
.sc_About .about_text {position: absolute;top:0px; left:0px; padding:5%;z-index: 2;}
.sc_About .about_text a {display: block !important;}
.sc_About .about_text .about_title{max-width:557px;margin-bottom: 30px; letter-spacing: -0.02em;}
.sc_About .about_text .about_contents{max-width:557px;margin-bottom: 30px;}
.sc_About .about_text .about_button{display:flex; justify-content: space-between; align-items: center; padding: 18px; max-width:557px;border: 1px solid var(--Grayscale-000);}

/* 메인 Mud 고정 배너 ======================================== */
.sc_Mud {padding:0 !important; margin-bottom:120px;min-height: 90vh; width:100%; height:calc(100% / 16 * 9); background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url("../images/rui/bg_mud_main.jpg");background-attachment: fixed;background-position: center; background-repeat: no-repeat; background-size: cover;}
.sc_Mud .about_body {position: relative; overflow:hidden; display:flex; justify-content:center; align-items: center; }
.sc_Mud .about_body img {width: 100%; height:100%; object-fit:cover; min-width: 1024px;filter:brightness(100%);}
.sc_Mud .about_text {position: absolute;top:0px; left:0px; padding:5%;z-index: 2;}
.sc_Mud .about_text a {display: block !important;}
.sc_Mud .about_text .about_title{max-width:557px;margin-bottom: 30px; letter-spacing: -0.02em;}
.sc_Mud .about_text .about_contents{max-width:557px;margin-bottom: 30px;}
.sc_Mud .about_text .about_button{display:flex; justify-content: space-between; align-items: center; padding: 18px; max-width:557px;border: 1px solid var(--Grayscale-000);}

/* 메인 상품,겔러리 고정 배너 ======================================== */
.sc_PGlink {margin-bottom:120px;}
.sc_PGlink .pg_body {position: relative; overflow:hidden; display:flex; justify-content:space-between; align-items: center; flex-direction:column; gap:10px;}
.sc_PGlink .pg_body .product {position: relative; flex-item: 1 auto;}
.sc_PGlink .pg_body .product img {width: 100%; height:100%; object-fit:cover;}
.sc_PGlink .pg_body .gallery {position: relative; flex-item: 1 auto;}
.sc_PGlink .pg_body .gallery img {width: 100%; height:100%; object-fit:cover;}
@media (min-width:600px){
    .sc_PGlink .pg_body {position: relative; overflow:hidden; display:flex; justify-content:space-between; align-items: center; flex-direction:row; flex-wrap: wrap; overflow: hidden; gap: 10px;}
    .sc_PGlink .pg_body .product {width: 100%;}
    .sc_PGlink .pg_body .gallery {width: 100%;}
}
@media (min-width:800px){
    .sc_PGlink .pg_body .product {width: 49%;}
    .sc_PGlink .pg_body .gallery {width: 49%;}
}
.sc_PGlink .pg_body .pg_text {position: absolute;width:100%; bottom:40px; left:0px; padding:0;}
.sc_PGlink .pg_body .pg_text .pg_title{text-align:center; letter-spacing: -0.02em;}
.sc_PGlink .pg_body .pg_text .pg_contents{text-align:center;}

/* 메인 love 고정 배너 ======================================== */
.sc_Love {padding:0 !important; margin-bottom:120px;}
.sc_Love .love_body {position: relative; overflow:clip; display:flex; justify-content:center; align-items: center; }
.sc_Love .love_body img {width: 100%; height:100%; object-fit:cover; min-width: 1024px;}
@keyframes love_text_ani {
    from {
        padding-top: 0px;
    }
    to {
        padding-top: calc(576px + ((100vw - 1024px) / 16 * 9) - 3.917vw);
    }
}
@media screen and (max-width:1024px) {
    @keyframes love_text_ani {
        from {
            padding-top: 0px;
        }
        to {
            padding-top: calc(576px - 2.917vw);
        }
    }
}
.sc_Love .love_body .love_text {position: absolute; width: 100%; height:100%; top:0px; left:0px; padding:0; animation: love_text_ani linear both; animation-timeline: view(block); animation-range: entry 20% cover 80%;}
.sc_Love .love_body .love_text .love_title{width:100%; margin-bottom: 30px; margin-top: 30px; text-align: center;}
.sc_Love .love_body .love_text .love_contents{width:100%; margin-bottom: 30px; text-align: center;}
.sc_Love .love_body .love_text .love_button{display:flex; justify-content: space-between; align-items: center; padding: 18px; max-width:557px;border: 0px solid var(--Grayscale-000);}
.sc_Love .love_body .love_text_bottom {position: absolute; width: 100%; bottom:0px; left:0px; padding:0;}
.sc_Love .love_body .love_text_bottom .love_title{width:100%; margin-bottom: 20px; text-align: center;}
.sc_Love .love_body .love_text_bottom .love_contents{width:100%; margin-bottom: 0px; text-align: center;}

/* 메인 리뷰 ======================================== */
.sc_Review {overflow: hidden; background:#f9f9f9; padding:100px 0;}
.sc_Review li {list-style: none;}
.sc_Review .rolling_wrap {overflow: hidden;}
.sc_Review .rolling_box {margin-left: -30px;}
.sc_Review .rolling_box .ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.sc_Review .rolling_box .li {width:20%;}
.sc_Review .review_list {}
.sc_Review .review_box {margin-left:30px;}
.sc_Review .review_box .photo {border-radius: 20px; box-sizing: border-box; overflow: hidden; position: relative; cursor: pointer; isolation: isolate;}
.sc_Review .review_box .photo {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Review .review_box .photo:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1);}
.sc_Review .review_box .photo:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; border-radius: 20px; box-sizing: border-box;}
.sc_Review .review_box .photo img {width: 100%; height: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.sc_Review .review_box .photo .icon_h {position: absolute; left: 50%; top: 50%; width: 0; height: 1px; background: #fff; z-index: 10;}
.sc_Review .review_box .photo .icon_h {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sc_Review .review_box .photo .icon_v {position: absolute; left: 50%; top: 50%; width: 1px; height: 0; background: #fff; z-index: 10;}
.sc_Review .review_box .photo .icon_v {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}

.sc_Review .about_item {padding: 10px 0; box-sizing: border-box; gap: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position:relative; }
.sc_Review .about_item .thumb {width: 40px; height: 40px; border-radius: 100px; overflow: hidden; flex: none; display: flex; flex-direction: row; justify-content: center; align-items: center; position:relative;}
.sc_Review .about_item .thumb img {width: 100%; height:100%; object-fit:cover;}
.sc_Review .about_item .info {color: #666; font-size: 13px;}
.sc_Review .about_item .info .name {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sc_Review .about_item .info .price {margin-top: 5px; line-height: 1; font-weight:600;}

.sc_Review .rv_info {border-top: 1px solid #eee; padding-top: 15px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:10px; cursor:pointer}
.sc_Review .rv_info .mark {position: relative; width: 80px; height: 20px;}
.sc_Review .rv_info .mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 16px !important; background: transparent url('../images/skin/item_star.svg') left center repeat-x;}
.sc_Review .rv_info .mark .star.this_base {z-index: 1; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.sc_Review .rv_info .mark .star.this_value {z-index: 2;}
.sc_Review .rv_info .tx_conts {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; color: #333; font-weight:500;}
.sc_Review .rv_info .writer {color: #aaa; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 5px; font-size:12px;}
.sc_Review .rv_info .writer .id {}
.sc_Review .rv_info .writer .date {}


/* 메인 고객센터 ======================================== */
.sc_Service {overflow:hidden;}
.sc_Service li {list-style: none;}
.sc_Service .inner {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; border: 2px solid #eee; box-sizing: border-box;}
.sc_Service dl {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; text-align: center; flex: 1; padding: 50px 15px; box-sizing: border-box; gap:40px; border-left:1px solid #eee;}
.sc_Service dl:first-of-type {border-left:0;}
.sc_Service dt {line-height: 1; font-size:13px; display:flex; justify-content: center; align-items: center; flex-direction:column; flex-wrap:wrap; gap:5px}
.sc_Service dd {font-size: 13px;}
.sc_Service .icon_box {display:flex; justify-content: center; align-items: center; flex-direction:column; margin-bottom:15px;}
.sc_Service .icon_box img {height: 40px;}
.sc_Service .tit_en {font-size: 17px; color: var(--800); font-weight: 700;}
.sc_Service .tit_ko {color: #999; font-weight:500;}
.sc_Service .btn_order {font-weight:500; color: var(--800); height: 40px; border: 1px solid var(--800); box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.sc_Service .btn_order {padding: 0 30px; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; border-radius:100px; background:#fff;}
.sc_Service .tel {font-size: 21px; color: var(--800); font-weight: 700; line-height: 1; white-space: nowrap; position: relative;}
.sc_Service .open_time {color: #888; line-height: 1.4; margin-top: 5px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sc_Service .bank_list {display:flex; justify-content: center; align-items: center; flex-direction:column; gap:5px}
.sc_Service .bank_list li {position: relative; color: #888; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sc_Service .sns_list {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.sc_Service .sns_list li {display: flex; flex-direction: column; justify-content: center;}
.sc_Service .sns_list .btn_sns {width: 36px; height: 36px; border: 1px solid transparent; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; border-radius:100px;}
.sc_Service .sns_list .btn_sns img {width: 100%;}







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

/* 메인 MD's Pick ======================================== */
.sc_Md {overflow:hidden;margin-bottom: 120px;}
.sc_Md li {list-style:none;}

.sc_Md .tab_box {margin-bottom: 20px;}
.sc_Md .tab_box .layout_fix {text-align: center;}
.sc_Md .tab_box .swipe_box {display:inline-block; max-width:100%}
.sc_Md .tab_box .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:10px; flex-wrap:nowrap; width:max-content;}
.sc_Md .tab_box .tab {font-size:15px; font-weight: 500; color:#888; padding: 0 15px; box-sizing: border-box; border: 1px solid #fff; border-radius: 100px;}
.sc_Md .tab_box .tab {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 40px;}
.sc_Md .tab_box .hit .tab {background: var(--800) !important; border-color: var(--800) !important; color: #fff;}

.sc_Md .rolling_wrap {overflow: hidden;}


/* 메인 카테고리 베스트 ======================================== */
.sc_Ctg {overflow:hidden;}
.sc_Ctg li {list-style:none;}
.sc_Ctg .tab_box {margin-bottom:20px;}
.sc_Ctg .tab_box .inner {text-align: center; border:1px solid #f2f2f2; border-left:0; border-right:0;}
.sc_Ctg .tab_box .swipe_box {display:inline-block; max-width:100%}
.sc_Ctg .tab_box .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:15px; flex-wrap:nowrap; width:max-content;}
.sc_Ctg .tab_box .tab {color:var(--800); font-size:15px; font-weight:700; line-height: 1; box-sizing: border-box; }
.sc_Ctg .tab_box .tab strong {position: relative; display:flex; justify-content: center; align-items: center; flex-direction:column; height:60px; padding: 0 15px; }
.sc_Ctg .tab_box .tab strong:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 2px; background: var(--800); transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out;}
.sc_Ctg .tab_box .hit .tab {color: var(--800) !important;}
.sc_Ctg .tab_box .hit .tab strong:before {width: 100%;}
.sc_Ctg .category_item {}/* 프로그램용 클래스 */
.sc_Ctg .rolling_wrap {overflow:hidden;}


/* 메인 상품 ======================================== */
.sc_Item {margin-bottom: 120px;}
.sc_Item+ .sc_Item {border-top:1px solid #eee; padding-top:100px;}

/* 메인 인스타 ======================================== */
.sc_Insta {padding:0px;}

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



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

/* 메인 비쥬얼 마스크 */
@keyframes move-body {from{top:0px;} to{top: -12.5vw;}}

/*
@media (min-width:320px){
    @keyframes move-body {entry 0% {top:100px;} entry 50% {top: 0px;} entry 100% {top: 12.5vw;}}
}
@media (min-width:600px){
    @keyframes move-body {entry 0% {top:100px;} entry 50% {top: 0px;} entry 100% {top: 12.5vw;}}
}
@media (min-width:800px){
    @keyframes move-body {entry 0% {top:100px;} entry 50% {top: 0px;} entry 100% {top: 12.5vw;}}
}
@media (min-width:1300px){
    @keyframes move-body {entry 0% {top:100px;} entry 50% {top: 0px;} entry 100% {top: 12.5vw;}}
}
@media (min-width:1680px){
    @keyframes move-body {entry 0% {top:100px;} entry 50% {top: 0px;} entry 100% {top: 12.5vw;}}
}
*/
.move_container {position: relative;}
.move_body {position: absolute; width:100%; top: 0px; left:0px; right:0px; z-index: 1;transition: top .35s ease-in-out;}/*transition: opacity .35s linear,color 0ms linear .35s;animation: linear move-body both; animation-timeline: view(block);*/
.if_scroll .move_body{top:-12.5vw;}
.move_contents {position: relative;}
.move_bg {background-color: var(--100Bg);}
.visual-mask-image {aspect-ratio: 8; object-fit: contain; object-position: center; width: 100%; vertical-align: bottom;}
.move_contents .visual_logo {position:absolute; width: calc(80%); color: #FFF;z-index: 1; top: -21.7vw;left: calc(100% * 0.0483);}/*img? top: -32.1vw;font-family: 'Dream Orphans', sans-serif;font-size: 14.58vw;*/
/*.move_contents .visual_logo {animation: gnb-light linear both; animation-timeline: view(block); animation-range: contain 80% contain 100%;}*/
.move_contents .visual_logo_img {width:21vw; position:absolute; z-index: 1; top: calc(100vw * -0.183);left: calc(100vw * 0.063);}/*top: calc(100vw * -0.183);*/
/*.move_contents .visual_logo_img {animation: gnb-light linear both; animation-timeline: view(block); animation-range: contain 80% contain 100%;}*/
.move_contents .visual_logo_img img {width:100%;}

/* About 1 ======================================== */
.sc_About_1 {}
.sc_About_1 .about_body {position: relative; overflow:hidden; display:flex; justify-content:center; align-items: center; flex-direction:column; }
.sc_About_1 .about_body .about_wrap {position: relative; flex-item: 1 auto;}
.sc_About_1 .about_body .about_img {position: relative; flex-item: 1 auto;}
.sc_About_1 .about_body .about_img img {width: 100%; height:100%; object-fit:cover;}
@media (min-width:600px){
    .sc_About_1 .about_body {position: relative; overflow:hidden; display:flex; justify-content:space-between; align-items: center; flex-direction:row; flex-wrap: wrap; overflow: hidden; }
    .sc_About_1 .about_body .about_wrap {width: 100%;}
    .sc_About_1 .about_body .about_img {width: 100%;}
}
@media (min-width:800px){
    .sc_About_1 .about_body .about_wrap {width: 40%;}
    .sc_About_1 .about_body .about_img {width: 49%;}
}
.sc_About_1 .about_body .about_text .about_title{text-align:left;margin-bottom: 40px;}
.sc_About_1 .about_body .about_text .about_contents{text-align:left;margin-bottom: 40px;}
.sc_About_1 .about_body .about_text .about_button{display:flex; justify-content: space-between; align-items: center; padding: 18px; border: 1px solid var(--800);}

/* About 2 ======================================== */
.sc_About_2 {margin-bottom:120px;}
.sc_About_2 .about_body {position: relative; overflow:hidden; display:flex; justify-content:center; align-items: center; flex-direction:column; }
.sc_About_2 .about_body .about_top {position: relative; flex-item: 1 auto; width:100%;}
.sc_About_2 .about_body .about_wrap {position: relative; flex-item: 1 auto;display: flex; justify-content: center; align-items: center;background-color: var(--200);}
.sc_About_2 .about_body .about_img {position: relative; flex-item: 1 auto;display: flex; justify-content: center; align-items: center;background-color: var(--200);}
.sc_About_2 .about_body .about_wrap img {width:10%;}
.sc_About_2 .about_body .about_img img {width:20%}


.sc_About_2 .about_body .about_wrap:after {content: ""; display: block; padding-bottom: 100%;}
.sc_About_2 .about_body .about_img:after {content: ""; display: block; padding-bottom: 100%;}

/* About 3 ======================================== */
.sc_About_3 {padding:0 !important; margin-bottom:120px;}
.sc_About_3 .about_body {position: relative; overflow:hidden; display:flex; justify-content:center; align-items: center; flex-direction:column; }
.sc_About_3 .about_body .about_top {position: relative; flex-item: 1 auto;}
.sc_About_3 .about_body .about_img {position: relative; flex-item: 1 auto; width:100%;}
.sc_About_3 .about_body .about_img img {width: 100%; height:100%; object-fit:cover;}

@media (min-width:300px){
    .sc_About_2 .about_body {position: relative; overflow:hidden; display:flex; justify-content:space-between; align-items: center; flex-direction:row; flex-wrap: wrap; overflow: hidden; padding-left: 0; padding-right: 0;}
    .sc_About_2 .about_body .about_wrap {width: 100%;}
    .sc_About_2 .about_body .about_img {width: 100%;}
    .sc_About_3 .about_body .about_top {padding-left: 5%; padding-right: 5%}
}
@media (min-width:800px){
    .sc_About_2 .about_body .about_wrap {width: 49%;}
    .sc_About_2 .about_body .about_img {width: 49%;}
    .sc_About_2 .about_body {padding-left: 10%;padding-right: 10%;}
    .sc_About_3 .about_body .about_top {padding-left: 15%; padding-right: 15%}
}

/* Contact 1 ====================================== */
.sc_Contact_1 {padding-top: calc(120px + 4vw); padding-bottom: calc(4vw); background-color: var(--600Basic);}
.sc_Contact_1 .contact_body {position: relative; overflow:hidden; display:flex; justify-content:center; align-items: center; flex-direction:column; }
.sc_Contact_1 .contact_body .contact_top {position: relative; flex-item: 1 auto; width:100%;}
.sc_Contact_1 .contact_body .contact_wrap {position: relative; flex-item: 1 auto;}
.sc_Contact_1 .contact_body .contact_wrap .contact_info {display: flex; flex-direction: row;justify-content: start;align-items: center;margin-bottom:38px;}
.sc_Contact_1 .contact_body .contact_wrap .contact_info .title {text-align: left; width: 10%;}
.sc_Contact_1 .contact_body .contact_wrap .contact_info .infomation {text-align: left; width: 80%;}
.sc_Contact_1 .contact_body .contact_wrap .contact_info .infomation pre {margin:0 !important;}
.sc_Contact_1 .contact_body .contact_img {position: relative; flex-item: 1 auto;}
.sc_Contact_1 .contact_body .contact_img img {width: 100%; height:100%; object-fit:cover;}
@media (min-width:600px){
    .sc_Contact_1 .contact_body {position: relative; overflow:hidden; display:flex; justify-content:space-between; align-items: start; flex-direction:row; flex-wrap: wrap; overflow: hidden; }
    .sc_Contact_1 .contact_body .contact_wrap {width: 100%;}
    .sc_Contact_1 .contact_body .contact_img {width: 100%;}
}
@media (min-width:800px){
    .sc_Contact_1 .contact_body .contact_wrap {width: 49%;}
    .sc_Contact_1 .contact_body .contact_img {width: 49%;}
}

/* Mud 1 ======================================== */
.sc_Mud_1 {}
.sc_Mud_1 .mud_body {position: relative; overflow:hidden; display:flex; justify-content:center; align-items: start; flex-direction:column; }
.sc_Mud_1 .mud_body .mud_wrap {position: relative; flex-item: 1 auto;}
.sc_Mud_1 .mud_body .mud_img {position: relative; flex-item: 1 auto;}
.sc_Mud_1 .mud_body .mud_img img {width: 100%; height:100%; object-fit:cover;}
@media (min-width:600px){
    .sc_Mud_1 .mud_body {position: relative; overflow:hidden; display:flex; justify-content:space-between; align-items: start; flex-direction:row; flex-wrap: wrap; overflow: hidden; }
    .sc_Mud_1 .mud_body .mud_wrap {width: 100%;}
    .sc_Mud_1 .mud_body .mud_img {width: 100%;}
}
@media (min-width:800px){
    .sc_Mud_1 .mud_body .mud_wrap {width: 40%;}
    .sc_Mud_1 .mud_body .mud_img {width: 49%;}
}
.sc_Mud_1 .mud_body .mud_text .mud_title{text-align:left;margin-bottom: 40px;}
.sc_Mud_1 .mud_body .mud_text .mud_contents{text-align:left;margin-bottom: 40px;}
.sc_Mud_1 .mud_body .mud_text .mud_button{display:flex; justify-content: space-between; align-items: center; padding: 18px; border: 1px solid var(--800);}


/* Slide Search =================================== */

.p_Slide .search_menu .search_form_warp {display: flex; flex-direction: column;}
.p_Slide .search_menu .search_form_warp .btn_search {height:30px; width:30px;background-color: var(--800);text-align: center;vertical-align: middle;display:none;}
.p_Slide .search_menu .search_form_warp .input_search {box-sizing:border-box;padding-left:18px;height:30px;}
.p_Slide .search_open .inner {display: flex; flex-direction: column; justify-content:center; align-items:flex-start; border-top:1px solid var(--300);padding:40px;}
.p_Slide .search_open .btn_search {position:absolute; right:0; top: 0; height:60px; width:50px; z-index:1; background: transparent url('../images/skin/header_search.svg') center no-repeat; background-size:25px !important;}
.p_Slide .search_open .keyword_box {margin-top: 24px; overflow: hidden;}
.p_Slide .search_open .keyword_box .link {box-sizing: border-box; height: 30px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border:1px solid #eee; border-radius:5px;}

/* Product Detail =================================== */
.p_Vphoto .big_photo .favi_warp {position: absolute; left: 0; top: 0; z-index: 15; width:100%}/*backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);*/
.p_Vphoto .big_photo .favi_warp .favi_box {margin-left: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.p_Vphoto .big_photo .favi_warp .favi_box .btn_wish {margin-top:18px;margin-right:18px;}
.p_Vphoto .big_photo .favi_warp .favi_box .btn_wish.hit .regular{display: none;}
.p_Vphoto .big_photo .favi_warp .favi_box .btn_wish.hit .solid{display: block;}
.p_Vphoto .big_photo .favi_warp .favi_box .btn_wish .regular{display: block;}
.p_Vphoto .big_photo .favi_warp .favi_box .btn_wish .solid{display: none;}
.p_Vphoto .big_photo .favi_warp .favi_box .btn_share {margin-top:18px;margin-right:18px;}
.p_Vphoto .big_photo .favi_warp .favi_box .btn_back {margin-top:18px;margin-left:18px;display: none;}

/* 겔러리 상세페이지 이미지 프레임 사각형을 위한 CSS */
.swiper-wrapper-detail:after {display: block; content: ""; padding-bottom: 100%;}

.sc_Sticky_Header {position:fixed;top:0;left:0;width:100%;padding:20px 0;animation:slide-down 0.7s;opacity:1.0;z-index: 3;background: var(--100Bg);border-bottom: 1px solid var(--300);padding-bottom: 15px !important;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1.0;
        transform: translateY(0);
    }
}

input::placeholder {color:var(--placeholder) !important;}

/* 텍스트 스타일 */
.pc-headline3xlen{font-size: 280px; font-family: Dream Orphans, sans-serif; letter-spacing: 6px; line-height:1;}
.pc-headline2xlen{font-size: 152px; font-family: Dream Orphans, sans-serif; letter-spacing: 2px;}
.pc-Headlinexlen{font-size: 80px; font-family: Dream Orphans, sans-serif; letter-spacing: 1px; line-height: 1.4;}
.pc-titlexlen{font-size: 64px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.pc-titlelgen{font-size: 48px; font-family: Domaine Sans Text, sans-serif; line-height: 1.4;}
.pc-titlemden{font-size: 40px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.pc-titlemdkr{font-size: 36px; font-family: Pretendard, sans-serif; line-height: 1.35;}
.pc-titlergen{font-size: 32px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.pc-titlergkr{font-size: 28px; font-family: Pretendard, sans-serif; line-height: 1.35;}
.pc-titlesmen{font-size: 24px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.pc-titlesmkr{font-size: 24px; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.35;}
.pc-subtitlekr{font-size: 20px; font-family: Pretendard, sans-serif; line-height: 1.5; text-transform: uppercase;}
.pc-bodylgen{font-size: 20px; font-family: Domaine Sans Text, sans-serif; line-height: 1.25;}
.pc-bodymden{font-size: 18px; font-family: Domaine Sans Text, sans-serif; line-height: 1.4;}
.pc-bodymdkr{font-size: 18px; font-family: Pretendard, sans-serif; line-height: 1.5;}
.pc-bodysmen{font-size: 16px; font-family: Domaine Sans Text, sans-serif; line-height: 1.45;}
.pc-bodysmenkr{font-size: 16px; font-family: 'bodysmenkr'; line-height: 1.45; }
.pc-bodysmkr{font-size: 16px; font-family: Pretendard, sans-serif; line-height: 1.5;}
.pc-bodyxsen{font-size: 15px; font-family: Domaine Sans Text, sans-serif; line-height: 1.45;}
.pc-bodyxskr{font-size: 15px; font-family: Pretendard, sans-serif; line-height: 1.5;}
.pc-overlinemd{font-size: 16px; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase;}
.pc-overlinerg{font-size: 14px; font-family: Pretendard, sans-serif; line-height: 1.25; text-transform: uppercase;}/* font-weight: 500;*/
.pc-overlinesm{font-size: 12px; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase;}
.pc-captionrgkr{font-size: 14px; font-family: Pretendard, sans-serif; line-height: 1.5;}
.pc-captionsmkr{font-size: 13px; font-family: Pretendard, sans-serif; line-height: 1.5;}
.mo-haedline3xlen{font-size: 160px; font-family: Dream Orphans, sans-serif; letter-spacing: 3px; line-height: 100;}
.mo-headline2xlen{font-size: 68px; font-family: Dream Orphans, sans-serif; letter-spacing: 1px; line-height: 100;}
.mo-haedlinexlen{font-size: 42px; font-family: Dream Orphans, sans-serif; line-height: 1.4;}
.mo-titlexlen{font-size: 36px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.mo-titlelgen{font-size: 32px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.mo-titlemden{font-size: 28px; font-family: Domaine Sans Text, sans-serif; line-height: 1.4;}
.mo-titlemdkr{font-size: 24px; font-family: Pretendard, sans-serif; line-height: 1.35;}
.mo-titlergen{font-size: 22px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.mo-titlergkr{font-size: 22px; font-family: Pretendard, sans-serif; line-height: 1.35;}
.mo-titlesmen{font-size: 18px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.mo-titlesmkr{font-size: 18px; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.35;}
.mo-subtitlekr{font-size: 18px; font-family: Pretendard, sans-serif; line-height: 1.5; text-transform: uppercase;}
.mo-bodylgen{font-size: 16px; font-family: Domaine Sans Text, sans-serif; line-height: 1.4;}
.mo-bodymden{font-size: 16px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.mo-bodymdkr{font-size: 16px; font-family: Pretendard, sans-serif; line-height: 1.5;}
.mo-bodysmen{font-size: 15px; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.mo-bodysmkr{font-size: 15px; font-family: Pretendard, sans-serif; line-height: 1.5;}
.mo-overlinemd{font-size: 14px; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25;}
.mo-overlinerg{font-size: 12px; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase;}
.mo-overlinesm{font-size: 11px; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase;}
.mo-captionrgkr{font-size: 13px; font-family: Pretendard, sans-serif; line-height: 1.5;}
.mo-captionsmkr{font-size: 12px; font-family: Pretendard, sans-serif; line-height: 1.5;}

/* 텍스트 스타일 vw*/
.vpc-headline3xlen{font-size: 14.583vw !important; font-family: Dream Orphans, sans-serif; letter-spacing: 6px; line-height:1;}
.vpc-headline2xlen{font-size: 7.917vw !important; font-family: Dream Orphans, sans-serif; letter-spacing: 2px;}
.vpc-Headlinexlen{font-size: 4.167vw !important; font-family: Dream Orphans, sans-serif; letter-spacing: 1px; line-height: 1.4;}
.vpc-titlexlen{font-size: calc(24px + 1.25vw) !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.vpc-titlelgen{font-size: calc(24px + 1.042vw) !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.4;} /* 2.5vw = 48px  */
.vpc-titlemden{font-size: 2.083vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.vpc-titlemdkr{font-size: calc(18px + 0.625vw) !important; font-family: Pretendard, sans-serif; line-height: 1.35;}
.vpc-titlergen{font-size: 1.667vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.vpc-titlergkr{font-size: 1.458vw !important; font-family: Pretendard, sans-serif; line-height: 1.35;}
.vpc-titlesmen{font-size: calc(16px + 0.625vw) !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}/*1.25vw*/
.vpc-titlesmkr{font-size: 1.25vw !important; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.35;}
.vpc-subtitlekr{font-size: 1.042vw !important; font-family: Pretendard, sans-serif; line-height: 1.5; text-transform: uppercase;}
.vpc-bodylgen{font-size: 1.042vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.4;}
.vpc-bodymden{font-size: 0.938vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.4;}
.vpc-bodymdkr{font-size: 0.938vw !important; font-family: Pretendard, sans-serif; line-height: 1.5;}
.vpc-bodysmen{font-size: 0.833vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.45;}
.vpc-bodysmkr{font-size: 0.833vw !important; font-family: Pretendard, sans-serif; line-height: 1.5;}
.vpc-overlinemd{font-size: 0.833vw !important; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase;}
.vpc-overlinerg{font-size: 0.729vw !important; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase;}
.vpc-overlinesm{font-size: 0.625vw !important; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase;}
.vpc-captionrgkr{font-size: 0.729vw !important; font-family: Pretendard, sans-serif; line-height: 1.5;}
.vpc-captionsmkr{font-size: 0.677vw !important; font-family: Pretendard, sans-serif; line-height: 1.5;}
.vmo-haedline3xlen{font-size: 8.333vw !important; font-family: Dream Orphans, sans-serif; letter-spacing: 3px; line-height: 100;}
.vmo-headline2xlen{font-size: 3.542vw !important; font-family: Dream Orphans, sans-serif; letter-spacing: 1px; line-height: 100;}
.vmo-haedlinexlen{font-size: 2.188vw !important; font-family: Dream Orphans, sans-serif; line-height: 1.4;}
.vmo-titlexlen{font-size: 1.875vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.vmo-titlelgen{font-size: 1.667vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.vmo-titlemden{font-size: 1.458vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.4;}
.vmo-titlemdkr{font-size: 1.25vw !important; font-family: Pretendard, sans-serif; line-height: 1.35;}
.vmo-titlergen{font-size: 1.146vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.vmo-titlergkr{font-size: 1.146vw !important; font-family: Pretendard, sans-serif; line-height: 1.35;}
.vmo-titlesmen{font-size: 0.938vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.vmo-titlesmkr{font-size: 0.938vw !important; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.35;}
.vmo-subtitlekr{font-size: 0.938vw !important; font-family: Pretendard, sans-serif; line-height: 1.5; text-transform: uppercase;}
.vmo-bodylgen{font-size: 0.833vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.4;}
.vmo-bodymden{font-size: 0.833vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.vmo-bodymdkr{font-size: 0.833vw !important; font-family: Pretendard, sans-serif; line-height: 1.5;}
.vmo-bodysmen{font-size: 0.781vw !important; font-family: Domaine Sans Text, sans-serif; line-height: 1.35;}
.vmo-bodysmkr{font-size: 0.781vw !important; font-family: Pretendard, sans-serif; line-height: 1.5;}
.vmo-overlinemd{font-size: 0.729vw !important; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25;}
.vmo-overlinerg{font-size: 0.625vw !important; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase;}
.vmo-overlinesm{font-size: 0.573vw !important; font-family: Pretendard, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase;}
.vmo-captionrgkr{font-size: 0.677vw !important; font-family: Pretendard, sans-serif; line-height: 1.5;}
.vmo-captionsmkr{font-size: 0.625vw !important; font-family: Pretendard, sans-serif; line-height: 1.5;}

.vpc-heart{font-size: min(18px + 0.225vw, 26px) !important;}

.color-100{color:#f9f5f1 !important;}/*background*/
.color-150{color:#eee9e7 !important;}
.color-200{color:#e5dedc !important;}
.color-300{color:#d8cecc !important;}/*placeholder text*/
.color-400{color:#b9a7a2 !important;}
.color-500{color:#957c75 !important;}
.color-600{color:#7f5b51 !important;}/*default*/
.color-800{color:#5f3d35 !important;}
.color-900{color:#412a25 !important;}
.color-000-gs{color:#ffffff !important;}
.color-900-gs{color:var(--800)000 !important;}
.color-600-gs{color:#777777 !important;}
.color-blue{color:#7689a2 !important;}
.color-text{color:#b69a95 !important;}

:root{
    --150:#eee9e7;
    --200:#e5dedc;
    --300:#d8cecc;
    --400:#b9a7a2;
    --500:#957c75;
    --800:#5f3d35;
    --900:#412a25;
    --Grayscale-000:#ffffff;
    --Grayscale-900:var(--800)000;
    --Grayscale-600:#777777;
    --Blue:#7689a2;
    --100Bg:#f9f5f1;
    --300PText:#b69a95;
    --600Basic:#7f5b51;
    --placeholder:#cab4af;
}
.rui-flex {display:flex !important;}
.rui-block {display:block !important;}

.rui-text-center {text-align: center;}

.rui-relative {position: relative;}

.rui-underline {text-decoration: underline;}

.rui-bg-p p {background-color:var(--100Bg) !important;color:var(--800) !important;}
.rui-bg-p span {background-color:var(--100Bg) !important;color:var(--800) !important;}
.rui-bg-p div {background-color:var(--100Bg) !important;color:var(--800) !important;}

.rui-ls-nor {letter-spacing: normal !important;}
.rui-ls-02 {letter-spacing: -0.02em;}
.rui-ls-03 {letter-spacing: -0.03em;}

.rui-t-border {border-top:1px solid var(--800);margin-top:10px; padding-top:10px;}
.rui-b-border {border-bottom:1px solid var(--800);margin-bottom:10px; padding-bottom:10px;}

.rui-hide{display:none !important; visibility: hidden !important;}
.rui-show{display: block !important; visibility: visible;}
.rui-left{text-align: left; justify-content: left !important; align-items: center !important;}
.rui-right{text-align: right;justify-content: right !important; align-items: center !important;}
.rui-between{text-align: left;justify-content: space-between !important; align-items: end !important;flex-direction:row !important;}
.rui-hand{cursor: pointer;}

.rui-m-l-10{margin-left:10px;}
.rui-m-b-5 {margin-bottom: 5px;}
.rui-m-b-10 {margin-bottom:10px;}
.rui-m-b-40{margin-bottom:40px;}
.rui-m-b-80{margin-bottom:80px;}
.rui-m-b-120{margin-bottom:120px;}

.rui-m-r-20 {margin-right: 20px;}

.rui-m-t-20{margin-top:20px;}
.rui-m-t-80{margin-top:80px;}
.rui-m-t-0{margin-top:0px !important;}

.rui-p-lr-5p{padding-left: 5%;padding-right: 5%;}

.rui-dropdown-body {box-sizing: border-box; max-height: 0px; overflow: hidden; display: flex; flex-direction: column; align-items: center; position: absolute; transition: 0.5s ease-in-out; z-index: 1; width: 100%; background: var(--100Bg); border-left:1px solid var(--800);border-right:1px solid var(--800);border-radius:2px;}
.rui-dropdown-body li {width:100%;}
.rui-dropdown-body.active {max-height: 100vh;border-bottom:1px solid var(--800); border-bottom:1px solid var(--800); }