@charset "utf-8";
/*───────────────────────────────────────────────────────────

	 리스트 타입 및 옵션

───────────────────────────────────────────────────────────*/
@import url("../goods/goods.css");


/*** 쇼핑몰 메인본문 | main/index.php ***/

.goods_prd_item .goods_prd_content .goods_prd_icon {margin-top: 0 !important;}

.main .inner {padding: 0px 20px; box-sizing: border-box; width: 100%;}


.main .main_top_menu {display: none; width:100%;}
.main .main_top_menu li {display:table-cell; width:25%; text-align:center;}
.main .main_top_menu li a {display:block; padding:13px 0 13px 0;font-size:14px; color:#333333;}

/* 메인비주얼 */
.main .main_visual {position: relative; width: 100%; height: 340px; background: #d9d9d9; overflow: hidden;}
.main .main_visual .img_box {position: absolute; inset: 0; width: 100%; height: 100%;}
.main .main_visual .img_box img {width: 100%; height: 100%; object-fit: cover;}
.main .main_visual .text_box {position: absolute; left: 20px; top: 30px; color: #fff; display: flex; flex-direction: column; gap: 14px;}
.main .main_visual .text_box b {display: block; font-size: 14px; font-weight: 700; text-transform: capitalize;}
.main .main_visual .text_box p {font-size: 14px; line-height: 1.4; letter-spacing: -0.28px;}
.main .main_visual .text_box h3 {font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -0.48px;}

/* 공지사항 */
.main .main_notice {padding: 20px 20px 0; box-sizing: border-box;}
.main .main_notice .main_notice_box {border: 1px solid #333434; border-radius: 5px; padding: 14px 20px; display: flex; flex-direction: column; gap: 12px;}
.main .main_notice .main_notice_box .tit {display: flex; justify-content: space-between; align-items: center; font-size: 17px; font-weight: 600; color: #131313; letter-spacing: -0.34px;}
.main .main_notice .main_notice_box .btn_more a {font-size: 14px; color: #a2a2a2; letter-spacing: -0.28px;}
.main .main_notice .main_notice_box ul li {display: flex; align-items: center; gap: 14px; height: 40px; border-bottom: 1px solid #e8e8e8;}
.main .main_notice .main_notice_box ul li:last-child {border-bottom: none;}
.main .main_notice .main_notice_box ul li a {flex: 1; font-size: 14px; color: #131313; letter-spacing: -0.28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .main_notice .main_notice_box ul li::after {content: ''; display: block; width: 20px; height: 20px; flex-shrink: 0; background: url('/data/custom/img/chevron_right.svg') no-repeat center / 8px;}
.main .main_notice .banner_box {margin: 20px 0px;}
.main .main_notice .banner_box img {width: 100%;}

.main .sc_1 {padding: 0px 0px 80px;}
.main .sc_1 .inner {display: flex; flex-direction: column; gap: 20px;}
.main .sc_1 img {width: 100%;}

.main .mc_2 {margin-bottom: 70px;}
.main .mc_2 .title .tab_nav {display: none;}
.main .mc_2 .title {text-align: center; margin-bottom: 30px;}
.main .mc_2 .title h3 {font-size: 24px; font-weight: 700; margin-bottom: 24px;}
.main .mc_2 .title ul {display: flex; justify-content: center; gap: 6px;}
.main .mc_2 .title ul li a {font-size: 13px; line-height: 1; font-weight: 700; color: rgba(17, 17, 17, 0.50); padding: 10px 0px; width: 84px; text-align: center; border: 1px solid #DBDBDB; border-radius: 100px; display: block;}
.main .mc_2 .title ul li.active a {color: #fff; background: #000; border-color: #000;}
.main .mc_2 .tab_content ._goods_display_main h3 {display: none;}
.main .mc_2 .tab_content .goods_prd_item4_li .slick-arrow {display: none !important;}

.main .mc_3 {margin-bottom: 80px; display: none;}
.main .mc_3 img {width: 100%;}

.main .mc_4 {margin-bottom: 80px;}
.main .mc_4 .title {margin-bottom: 27px; text-align: center;}
.main .mc_4 .title h3 {font-size: 24px; font-weight: 700;}
.main .mc_4 ._goods_display_main h3 {display: none;}
.main .mc_4 .goods_prd_item4_li .slick-arrow {display: none !important;}

.main .mc_5 {margin: 0 auto 80px; display: none;}
.main .mc_5 .goods_list_tit {display: none;} 
.main .mc_5 .title {margin-bottom: 28px; display: flex; justify-content: space-between; align-items: center; padding: 0px 20px; box-sizing: border-box;}
.main .mc_5 .title h3 {font-size: 24px; font-weight: 700;}
.main .mc_5 .title a {display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700;}
.main .mc_5 ._goods_display_main h3 {display: none;}
.main .mc_5 .goods_prd_item4_li .slick-arrow {display: none !important;}

.main .mc_6 {padding-bottom: 80px;}
.main .mc_6 .title {margin-bottom: 27px; text-align: center;}
.main .mc_6 .title h3 {font-size: 24px; font-weight: 700;}
.main .mc_6 ._goods_display_main h3 {display: none;}
.main .mc_6 .goods_prd_item4_li .slick-arrow {display: none !important;}



/* 이벤트 최근게시물 */
.main .main_event {}
.main .main_event ul {}
.main .main_event ul li {position:relative; padding:7px 0;}
.main .main_event ul li .img_box {font-size:0;}
.main .main_event ul li .img_box img {width:100%;}
.main .main_event ul li .event_info_box {/*position:absolute; bottom:7px; left:0;*/ width:100%; }
.main .main_event ul li .event_info_box dl {padding:20px; background:rgba(255,255,255,0.8); box-sizing:border-box;}
.main .main_event ul li .event_info_box dl dt {}
.main .main_event ul li .event_info_box dl dt a {display:block; font-size:17px; color:#222222; font-weight:bold;}
.main .main_event ul li .event_info_box dl dd {font-size:15px; color:#ab295d; font-weight:bold;}

/* 하단 정보 BOX */
.main .main_info_box {display:table; width:100%; padding:20px 0;}
.main .main_info_box .main_info {display:table-row; margin:0 auto; padding:22px 0 20px 0; text-align:center;}
.main .main_info_box .main_info dl {display:table-cell; width:50%; padding:0 0 0 10px; box-sizing:border-box; text-align:left; vertical-align:top; border-left:1px solid #dfdfdf; word-break: break-all;}
.main .main_info_box .main_info dl:first-child {border:none;}
.main .main_info_box .main_info dl dt {font-size:13px; margin:0 5px 0 0; font-weight:bold; color:#454545;}
.main .main_info_box .main_info dl dd {font-size:11px; margin:0 5px 0 0;}

/* CS CENTER */
.main .main_info dl dd p.phone {padding:5px 0 5px 0;}
.main .main_info dl dd p.phone a {font-size:19px; color:var(--main_color); font-weight:bold;}
.main .main_info dl dd p.business_hours {font-size:11px; color:#666;}

/* BANK INFO */
.main .main_info dl dd .account_holder {padding:0; font-size:11px; color:#595959; font-weight:bold;}
.main .main_info dl dd ul.main_bank {display:table-cell;}
.main .main_info dl dd ul.main_bank li { vertical-align:middle;}
.main .main_info dl dd ul.main_bank li span {font-weight:bold;}
.main .main_info dl dd .bank_num {padding:5px 0 5px 0; font-size:19px; font-weight:bold; color:var(--main_color);}

/* 회사소개 */
.main .ft_menu {display:table; width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.main .ft_menu li {display:table-cell; width:25%;}
.main .ft_menu li a {display:block; padding:12px 0 12px 0; font-size:12px; color:#585858; text-align:center; letter-spacing:-1px;}
.main .ft_menu li a.privacy {color:#585858; font-weight:bold;}