@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE RE
 * Directory    :    pages/css/
 * File         :    hyssence.css
 * SUMMARY      :    (스킨별) 헤더/푸터/메인페이지 영역
 */





/* ********************************************** *
 * HEADER
 * ********************************************** */
.header {position: sticky; top: 0; width: 100%; max-width: 650px; min-height: 80px; background: #fff; z-index: 200;}
.header {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.header li {list-style:none;}

/* 로고 */
.header .hd_logo {flex: auto; overflow: hidden;}
.header .hd_logo .logo_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden;}
.header .hd_logo .logo_box a {padding: 10px 15px; box-sizing: border-box; font-size: 0; overflow: hidden;}
.header .hd_logo .logo_box img {max-width: 100%; max-height:300px}

.header .hd_logo .logo_box .tx {font-size: 30px; color: #000; letter-spacing: -1px; font-family: 'SBAggroM'; margin-top: 5px;}
.header .hd_logo .logo_box .tx {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%;}

/* 버튼 */
.header .hd_btn {margin-left: auto; flex: none;}
.header .hd_btn ul {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.header .hd_btn li {}
.header .hd_btn .btn {font-size: 0; padding: 15px 15px; box-sizing: border-box;}
.header .hd_btn .btn_search {padding-right: 10px;}
.header .hd_btn .btn_slide {padding-left: 10px;}
.header .hd_btn img {width: 20px;}

/* 검색 열림 */
.header .search_box {position: fixed; left: 50%; top: 0; width: 100%; max-width: 650px; height: 100%; z-index: 200; visibility: hidden; transform: translateX(-50%);}
.header .search_box .search_in {background: #fff; position: relative; z-index: 2; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}
.header .search_box .search_in {padding: 30px 15px; box-sizing: border-box; top: -30px;}
.header .search_box .search_tit {font-family: 'SBAggroM'; font-size: 25px; color: #000; letter-spacing: -1px; line-height: 1.3;}
.header .search_box .btn_close {font-size: 0; position: absolute; right: 0; top: 10px; padding: 20px; box-sizing: border-box; z-index: 10;}
.header .search_box .btn_close img {width: 12px;}
.header .search_box .form_box {position: relative; margin-top: 10px;}
.header .search_box .input_search {width: 100%; height: 50px; border: 2px solid #111; border-radius: 5px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.5px; color: #000;}
.header .search_box .input_search {padding-left: 15px; padding-right: 55px; box-sizing: border-box;}
.header .search_box .input_search::placeholder {color: #bbb !important;}
.header .search_box .btn_search {position:absolute; right:0; top:0; height:50px; width:55px; z-index:1; cursor: pointer;}
.header .search_box .btn_search {background:transparent url('../images/main/hd_search.svg') center center no-repeat; background-size:20px auto !important;}
.header .search_box .keyword_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.header .search_box .keyword_box {padding: 0 15px 30px 15px; overflow-y: auto; max-height: 200px; margin: 5px -10px 0 -15px;}
.header .search_box .keyword_box .link {margin-right: 5px; margin-top: 5px; height: 32px; background: #f8f8f8; border: 1px solid #f8f8f8;}
.header .search_box .keyword_box .link {border-radius: 100px; box-sizing: border-box; padding: 0 12px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.header .search_box .keyword_box .link {font-size: 13px; color: #222; letter-spacing: -0.7px; line-height: 1;}

.header .search_box .bg_close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1;}
.header .search_box .bg_close {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden;}

.header.if_open_search .search_box {visibility: visible;}
.header.if_open_search .search_box .search_in {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.header.if_open_search .search_box .search_in {top: 0; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.header.if_open_search .search_box .bg_close {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
.header.if_open_search .search_box .bg_close {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}







/* ********************************************** *
 * 상단 네비
 * ********************************************** */
.hd_nav {border-bottom: 1px solid #f2f2f2; box-sizing: border-box;}
.hd_nav li {list-style: none;}

body.if_main .hd_nav {border-bottom: 0;}
body.if_list .hd_nav {border-bottom: 0;}

.hd_nav .nav {overflow:hidden;}
.hd_nav .nav ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 5px; box-sizing: border-box; width: max-content;}
.hd_nav .nav li {flex: none;}
.hd_nav .nav .btn {padding: 0 10px; box-sizing: border-box; height: 45px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.hd_nav .nav .tx {font-size: 17px; color: #888; letter-spacing: -0.5px;  font-weight: 500; line-height: 1; position: relative;}
.hd_nav .nav .hit .tx {color: #000; font-weight: 800;}
.hd_nav .nav .hit .tx:before {content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 2px; background: #000; z-index: 1;}








/* ********************************************** *
 * 메인 고객센터
 * ********************************************** */
.ma_cs {margin-top: 10px; padding: 0 15px; box-sizing: border-box;}
.ma_cs li {list-style: none;}

.ma_cs .box {background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 5px; box-sizing: border-box; text-align: center; padding: 12px 20px;}
.ma_cs .box .tel {font-size: 24px; color: #000; letter-spacing: -0.7px; font-family: 'SBAggroM';}
.ma_cs .box .cs_time {font-size: 17px; color: #111; letter-spacing: -0.5px; font-weight: 600; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.ma_cs .box .cs_tx {font-size: 15px; color: #999; letter-spacing: -0.5px; font-weight: 500; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top: 3px;}
.ma_cs .img {font-size:0px; text-align:center;}
.ma_cs .img img {max-width:100%;}






/* ********************************************** *
 * 메인 비주얼배너
 * ********************************************** */
.ma_visual {margin-top: 15px; padding: 0 15px; box-sizing: border-box;}

.ma_visual .bn_box {position:relative; width: 100%; font-size: 0; border-radius: 5px; overflow: hidden;}
.ma_visual .bn_box+ .bn_box {margin-top: 10px;}
.ma_visual .bn_box a {font-size: 0; width: 100%;}
.ma_visual .bn_box img {width:100%;}









/* ********************************************** *
 * 메인 행사상품
 * ********************************************** */
.ma_event {padding: 0 15px; box-sizing: border-box; margin-top: 25px; text-align: center;}
.ma_event li {list-style: none;}

.ma_event .tit_box {}
.ma_event .tit_box .tit {font-size: 28px; color: #000; letter-spacing: -0.8px; line-height: 1.3; font-family: 'SBAggroM';}
.ma_event .tit_box .tit {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.ma_event .tit_box .date {font-size: 20px; color: #000; letter-spacing: -0.6px; margin-top: 5px; line-height: 1;}
.ma_event .tit_box .date strong {font-weight: 700;}

.ma_event .menu_box {margin-top: 20px;}
.ma_event .menu_box ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: wrap; margin: -3px -3px;}
.ma_event .menu_box li {flex: none; width: 50%; padding: 3px 3px; box-sizing: border-box;}
.ma_event .menu_box .btn {width: 100%; border: 1px solid #f2f2f2; box-sizing: border-box; font-size: 14px; color: #333; letter-spacing: -0.4px; font-weight: 500;}
.ma_event .menu_box .btn {padding: 12px 15px; word-wrap:break-word; word-break:keep-all; white-space:normal;}








/* ********************************************** *
 * 메인 전단행사
 * ********************************************** */
.ma_md {border-top: 1px solid #f0f0f0; padding-top: 10px; box-sizing: border-box; margin-top: 40px; position: relative;}
.ma_md:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 10px; background: #f8f8f8;}
.ma_md li {list-style:none;}

.ma_md .md_bn {padding: 0 15px; box-sizing: border-box;}
.ma_md .md_bn li+ li {margin-top: 10px;}
.ma_md .md_bn .banner {position: relative; font-size: 0;}
.ma_md .md_bn .banner img {width: 100%;}

.ma_item.if_bg+ .ma_md {margin-top: 0;}












/* ********************************************** *
 * 메인 상품공간
 * ********************************************** */
.ma_item {border-top: 1px solid #f0f0f0; padding-top: 10px; box-sizing: border-box; position: relative; margin-top: 40px; background: #fff; overflow: hidden;}
.ma_item:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 10px; background: #f8f8f8;}
.ma_item li {list-style: none;}

/* 배경 이미지, 그라데이션 */
.ma_item .bg_box {position: absolute; left: 0; top: 0; width: 100%; height: 260px; background-size: cover !important; background-position: center !important;}
.ma_item .bg_box {background-repeat: no-repeat !important; z-index: 1; display: none;}
.ma_item .bg_box .gradient {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}

/* 메인 타이틀 */
.ma_item .ma_tit {position: relative; z-index: 2;}

/* 상품 목록 */
.ma_item .item_list {position: relative; z-index: 3;}

/* 배경색 있을때 */
.ma_item.if_bg {padding-top: 0; border-top: 0; padding-bottom: 15px;}
.ma_item.if_bg:before {display: none;}
.ma_item.if_bg .bg_box {display: block;}
.ma_item.if_bg .ma_tit {margin-top: 70px;}
.ma_item.if_bg .ma_tit .tit {color: #fff !important; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.ma_item.if_bg .ma_tit .tx {color: #fff !important; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.ma_item.if_bg+ .ma_item.if_bg {margin-top: 0;}
.ma_item.if_bg .item_list ul {margin-left: -3px;}
.ma_item.if_bg .item_box {margin-left: 3px;}
.ma_item.if_bg .item_box:before {display: none;}
.ma_item.if_bg .item_list li:nth-of-type(3)~ li {margin-top: 3px;}
.ma_item.if_bg .item_list.if_col2 .item_box {margin-left: 4px;}
.ma_item.if_bg .item_list.if_col2 ul {margin-left: -4px;}
.ma_item.if_bg .item_list.if_col2 li:nth-of-type(2)~ li {margin-top: 4px;}
.ma_item.if_bg .item_list.if_col1 ul {margin-left: 0;}










/* ********************************************** *
 * FOOTER
 * ********************************************** */
.footer {background: #f9f9f9; padding: 30px 15px 100px 15px; box-sizing: border-box; margin-top: 55px;}
.footer li {list-style:none;}

/* 고객센터 */
.footer .ft_cs {}
.footer .ft_cs .tit {font-size: 19px; color: #000; letter-spacing: -0.6px; font-weight: 500; line-height: 1;}
.footer .ft_cs .tel {font-size: 29px; color: #000; letter-spacing: -0.9px; font-family: 'Manrope'; font-weight: 600; padding: 10px 10px 10px 35px; box-sizing: border-box;}
.footer .ft_cs .tel {background: transparent url('../images/main/cs_ic.svg') left center no-repeat; background-size: 23px auto !important; line-height: 1;}
.footer .ft_cs .cs_time {font-size: 12px; color: #999; letter-spacing: -0.4px; line-height: 1.5; word-wrap:break-word; word-break:keep-all; white-space:normal;}

/* 푸터 메뉴 */
.footer .ft_menu {margin-top: 20px; border-top: 1px solid #eee; box-sizing: border-box; padding-top: 10px;}
.footer .ft_menu ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 0 -7px -10px -7px;}
.footer .ft_menu li {}
.footer .ft_menu .btn {font-size: 13px; color: #333; letter-spacing: -0.4px; font-weight: 500; padding: 10px 7px; box-sizing: border-box;}
.footer .ft_menu .btn {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.footer .ft_menu .ic {font-size: 0; margin-left: 3px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.footer .ft_menu .ic img {width: 10px;}

/* 사업자정보 열림 */
.footer .ft_open {background: #fff; padding: 15px 15px; box-sizing: border-box; margin-top: 10px; display: none;}
.footer .ft_open li+ li {margin-top: 3px;}
.footer .ft_open .tx {font-size: 12px; color: #999; letter-spacing: -0.4px; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-right: 10px;}
.footer .ft_open .tel {padding: 5px; box-sizing: border-box; margin: -5px;}

/* 카피라이트 */
.footer .copyright {margin-top: 10px; font-size: 12px; color: #bbb; letter-spacing: -0.4px;}

/* 사업자정보 열릴때 */
.footer.if_open_footer .ft_menu .ic {transform: rotate(180deg);}








/* **************************************** *
   하단 fix 메뉴
 * **************************************** */
.fix_footer {position: fixed; bottom: 0; width: 100%; max-width: 650px; z-index: 100; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05);}
.fix_footer li {list-style: none;}

.fix_footer ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: space-between; align-items: stretch; background: #fff;}
.fix_footer li {flex: 1;}
.fix_footer ul .btn {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; height: 70px;}
.fix_footer ul .ic {font-size: 0; position: relative;}
.fix_footer ul .ic img {height: 23px;}
.fix_footer ul .tx {font-size: 11px; color: #111; letter-spacing: -0.5px; font-weight: 600; line-height: 1; margin-top: 10px;}
.fix_footer ul .cart_num {position: absolute; left: 13px; top: -2px; background: #000; border: 1px solid #000; border-radius: 100px;}
.fix_footer ul .cart_num {box-sizing: border-box; height: 18px; min-width: 18px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.fix_footer ul .cart_num {font-size: 11px; color: #fff; letter-spacing: -0.5px; font-weight: 800; line-height: 1; z-index: 1; padding: 0 3px;}
.fix_footer ul li.hit .btn:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #000; z-index: 10;}
.fix_footer ul li.this_close .btn {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}

/* 주문불가일때 버튼 */
.fix_footer .no_box {display: none;}
.fix_footer .btn_full {width: 100%; height: 70px; display: flex; flex-direction: row; justify-content: center; align-items: center; background: #000;}
.fix_footer .btn_full .tx {font-size: 20px; color: #fff; letter-spacing: -0.8px; font-weight: 500; padding-left: 33px; box-sizing: border-box;}
.fix_footer .btn_full .tx {background: transparent url('../images/main/ft_tel_w.svg') left center no-repeat; background-size: 23px auto !important;}

.fix_footer .btn_full.btn_no {background: #ccc; pointer-events: none !important;}
.fix_footer .btn_full.btn_no .tx {background-image: url('../images/main/ft_tel_no_w.svg');}







/* **************************************** *
   맨 위로, 아래로 버튼
 * **************************************** */
.fly_right {position: fixed; right: 10px; bottom: 85px; z-index: 90; visibility: hidden;}
.fly_right .btn_gotop {width: 45px; height: 45px; background: rgba(255, 255, 255, 0.95) url('../images/main/gotop_ic.svg') center center no-repeat;}
.fly_right .btn_gotop {background-size: 12px auto !important; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 18px; box-sizing: border-box;}
.fly_right .btn_gotop {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}

.fly_right.if_scroll  {visibility: visible;}
.fly_right.if_scroll .btn_gotop {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}

/* pc용 */
@media screen and (min-width: 650px) {
    .fly_right {right: 50%; margin-right: -380px;}
}









/* ********************************************** *
 * 메인 단락 타이틀
 * ********************************************** */
.ma_tit {margin-top: 40px; margin-bottom: 20px; padding: 0 15px; box-sizing: border-box;}
.ma_tit .tit {font-family: 'SBAggroM'; font-size: 38px; color: #000; letter-spacing: 0; line-height: 1;}
.ma_tit .tx {font-family: 'SBAggroL'; font-size: 17px; color: #000; letter-spacing: -0.7px; line-height: 1.3; margin-top: 5px;}
.ma_tit .tx {word-wrap:break-word; word-break:keep-all; white-space:normal;}









/* ********************************************** *
 * 메인 전체보기 버튼 (공통)
 * ********************************************** */
.main_more_btn {text-align:center; margin-top:10px; font-size:0px;}
.main_more_btn .more_btn {height:35px; line-height:33px; background:#e8e8e8; border-radius:100px; overflow:hidden; padding:0 20px; box-sizing:border-box; border:1px solid #e8e8e8;}
.main_more_btn .more_btn .txt {position:relative; padding-right:12px; letter-spacing:-0.5px; color:#999; font-size:12px;}
.main_more_btn .more_btn .ic {position:absolute; right:0; top:50%; margin-top:-5px; }
.main_more_btn .more_btn img {float:left; height:10px;}
.main_more_btn .more_btn .on {display:none;}
.main_more_btn .more_btn .off {display:block;}







/* ********************************************** *
 * 슬라이드
 * ********************************************** */
.slide_open {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 300; overflow: hidden; visibility: hidden;}
.slide_open li {list-style: none;}

.slide_open .slide_in {width: 100%; max-width: 430px; height: 100%; background: rgba(0, 0, 0, 0.95); padding: 0 0 0 20px; overflow-y: auto;}
.slide_open .slide_in {box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
.slide_open .slide_in {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transform: translateX(-100%); position: relative; z-index: 2;}

.slide_open .hd_box {height: 120px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative;}
.slide_open .hd_box {padding: 0 60px 0 10px; box-sizing: border-box; flex: none;}
.slide_open .hd_box .site_name {font-family: 'SBAggroM'; letter-spacing: -0.5px; color: #fff; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.slide_open .hd_box .btn_link {padding: 10px; box-sizing: border-box; margin: -3px 0 -15px -10px;}
.slide_open .hd_box .btn_link .tx {font-family: 'SBAggroM'; font-size: 25px; color: #fff; letter-spacing: -1px; padding-right: 15px; box-sizing: border-box;}
.slide_open .hd_box .btn_link .tx {background: transparent url('../images/main/go_w.svg') right 5px no-repeat; background-size: 9px auto !important;}
.slide_open .hd_box .btn_close {position: absolute; right: 0; top: 15px; font-size: 0; padding: 20px; box-sizing: border-box; z-index: 1;}
.slide_open .hd_box .btn_close img {width: 12px;}

.slide_open .cont_box {flex: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}

.slide_open .ctg_box {padding: 15px 0 60px 30px; box-sizing: border-box; background: #fff; border: 1px solid #fff; border-radius: 30px 0 0 0; flex: auto;}
.slide_open .ctg_box .ul {}
.slide_open .ctg_box .li+ .li {border-top: 1px solid #f5f5f5; box-sizing: border-box;}
.slide_open .ctg_box .ctg1_tit {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.slide_open .ctg_box .ctg1 {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 60px; flex: auto; overflow: hidden;}
.slide_open .ctg_box .ctg1 strong {font-size: 18px; color: #000; letter-spacing: -0.6px; font-weight: 500; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.slide_open .ctg_box .ctg1 em {font-size: 13px; color: #bbb; letter-spacing: -0.4px; font-weight: 500; margin-left: 3px; flex: none; display: none;}
.slide_open .ctg_box .btn_ctrl {flex: none; margin-left: auto; padding: 0 25px; box-sizing: border-box; height: 60px;}
.slide_open .ctg_box .btn_ctrl {display: flex; flex-direction: row; justify-content: center; align-items: center; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.slide_open .ctg_box .btn_ctrl {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.slide_open .ctg_box .btn_ctrl img {width: 9px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.slide_open .ctg_box .ctg2_box {background: #f9f9f9; padding: 10px 0; box-sizing: border-box; display: none;}
.slide_open .ctg_box .ctg2_box li {}
.slide_open .ctg_box .ctg2 {width: 100%; font-size: 15px; color: #888; letter-spacing: -0.5px; position: relative; padding: 7px 30px; box-sizing: border-box;}
.slide_open .ctg_box .ctg2:before {content: ''; position: absolute; left: 20px; top: 50%; width: 3px; height: 3px; background: #ccc;}
.slide_open .ctg_box .ctg2:before {border: 1px solid #ccc; border-radius: 100px; box-sizing: border-box; margin-top: -2px;}
.slide_open .ctg_box .if_open_ctg2 .ctg2_box {display: block;}
.slide_open .ctg_box .if_open_ctg2 .ctg1 strong {font-weight: 800;}
.slide_open .ctg_box .if_open_ctg2 .ctg1 em {display: block;}
.slide_open .ctg_box .if_open_ctg2 .btn_ctrl {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
.slide_open .ctg_box .if_open_ctg2 .btn_ctrl img {transform: rotate(180deg);}

.slide_open .ft_menu {margin-top: auto;  background: #f5f5f5; flex: none;}
.slide_open .ft_menu ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 60px;}
.slide_open .ft_menu ul {padding: 0 15px; box-sizing: border-box;}
.slide_open .ft_menu li {}
.slide_open .ft_menu .btn {font-size: 13px; color: #aaa; letter-spacing: -0.4px; font-weight: 500; line-height: 1; padding: 10px 15px; box-sizing: border-box;}

.slide_open .bg_close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1;}
.slide_open .bg_close {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); visibility: hidden; transition: left 0.3s ease-out; -webkit-transition: left 0.3s ease-out;}

body.if_open_slide .slide_open {visibility: visible;}
body.if_open_slide .slide_open .slide_in {transform: translateX(0);}
body.if_open_slide .slide_open .bg_close {left: 430px; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); visibility: visible;}
body.if_open_slide .slide_open .bg_close {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}






/* ********************************************** *
 * 주문불가 상태일때
 * ********************************************** */
body.if_no_order .header .hd_btn {display: none;}
body.if_no_order .header .hd_logo .logo_box {justify-content: center;}
body.if_no_order .hd_nav {display: none;}
body.if_no_order .item_box .cart_box {display: none !important;}
body.if_no_order .fix_footer ul {display: none;}
body.if_no_order .fix_footer .no_box {display: block;}



/* 행사종료 추가 2022-09-15 ARA */
.ma_noevent {padding:100px 20px; display:flex; justify-content: center; align-items: center; flex-direction:column; text-align:center; background:#f9f9f9; border-radius:10px; margin:20px; margin-top:30px;}
.ma_noevent .tx {color:#888; font-size:14px; margin-top:25px;}
.ma_noevent .tx strong {display:block; color:#000; font-size:25px; font-family:'SBAggroM'; line-height:1;}
.ma_noevent .tx em {margin-top:5px; display:block; line-height:1.5;}
.ma_noevent .ico {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.ma_noevent .ico img {height:80px;}