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

	 리스트 타입 및 옵션

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


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

.main {}
.main .swiper-pagination {font-size: 0; bottom: 50px !important;}
.main .swiper-pagination .swiper-pagination-bullet {margin: 0 5px !important;}
.main .swiper-pagination .swiper-pagination-bullet-active {background: #ff7200;}

/* 이벤트 최근게시물 */
.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 {padding:0 10px}
.main .main_info_box .main_info {display:table; width:100%; margin:0 auto; padding:12px 0 12px 0; text-align:center;}
.main .main_info_box .main_info dl {display:table-cell; width:50%; text-align:left; vertical-align:top;}
.main .main_info_box .main_info dl dt {font-size:13px; margin:0 5px; font-weight:bold; border-bottom:1px solid #999;}
.main .main_info_box .main_info dl dd {font-size:11px; padding-left:5px;}

/* CS CENTER */
.main .main_info dl dd p.phone {padding:5px 0;}
.main .main_info dl dd p.phone a {font-size:22px; color:#ab3e55;}
.main .main_info dl dd p.business_hours {font-size:11px; color:#666;}

/* BANK INFO */
.main .main_info dl dd .account_holder {padding:11px 0; font-size:14px;}
.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_visual {position: relative; margin: 0 0 50px;}
.main_visual .ctrl_button {display: inline-block; vertical-align: middle;}
.main_visual .ctrl_button .play, .main_visual .ctrl_button .pause {font-size: 0; width: 25px; height: 25px; text-align: center; line-height: 25px; display: inline-block; cursor: pointer; display: none;}
.main_visual .ctrl_button .play {background: rgba(255, 255, 255, .2) url(../../img/new/ico/ico_play.png) no-repeat center/25px; display: none;}
.main_visual .ctrl_button .pause {background: rgba(255, 255, 255, .2) url(../../img/new/ico/ico_pause.png) no-repeat center/25px;}
.main_visual .ctrl_button .play.on, .main_visual .ctrl_button .pause.on {display: block;}

.main_visual .ctrl_box {position: absolute; right: 0; bottom: 0; display: flex; gap: 1px;}
.main_visual .ctrl_wrap {background: rgba(255, 255, 255, .2); padding: 0 15px;}
.main_visual .ctrl_wrap .slider__counter {font-size: 12px; display: flex; gap: 7px; line-height: 25px; align-items: center;}
.main_visual .ctrl_wrap .slider__counter .current {font-weight: bold; color: #fff;}
.main_visual .ctrl_wrap .slider__counter .divide {font-size: 0; width: 1px; height: 8px; background: rgba(255, 255, 255, .4); display: inline-block;}
.main_visual .ctrl_wrap .slider__counter .total {color: rgba(255, 255, 255, .4);}

.main_category {margin: 0 0 60px;}
.main_category .cate_top {text-align: center;}
.main_category .cate_top h3 {font-size: 20px; padding: 0 0 20px; line-height: 1;}

.icontab {display: flex; justify-content: space-between; font-size: 0; border-bottom: 1px solid #e8e8e8; margin: 0 15px;}
.icontab .icontab_li {width: 25%;}
.icontab .icontab_li a {font-size: 13px; font-weight: 500; color: #bbb; display: block; line-height: 40px;}
.icontab .icontab_li a.icontab_active {font-weight: bold; color: #ff7200; position: relative;}
.icontab .icontab_li a.icontab_active:after {content: ''; height: 2px; background: #ff7200; position: absolute; left: 0; right: 0; bottom: -1px;}

.icontab_div {display: none;}
.icontab_div .img_ban {}
.icontab_div .img_ban a {display: block;}
.icontab_div .img_ban img {width: 100%; display: block;}

.main_category .cate_box {margin-top: 20px;}
.main_category .cate_box .cate_goods {padding: 0 15px;}
.main_category .cate_box .cate_goods ._goods_display_main h3 {display: none;}
.main_category .cate_box .cate_area {position: relative; padding: 20px 0 0;}
.main_category .cate_box .cate_area .goods_prd_item11 .goods_prd_item11_box {padding: 0;}
.main_category .cate_box .cate_area .main_prd_list {padding: 0;}
.main_category .goods_prd_content {padding-bottom: 0;}

.main_category .btn_area {display: none;}
.main_category .goods_prd_icon {display: none;}

.main_category .ctrl_box {display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 20px;}
.main_category .ctrl_box .swiper-pagination {position: static; width: auto; font-size: 14px; color: #aaa;}
.main_category .ctrl_box .swiper-pagination .swiper-pagination-current {font-weight: 500; color: #000;}
.main_category .ctrl_box .swiper-pagination .swiper-pagination-total {}
.main_category .swiper-button-prev,
.main_category .swiper-button-next {margin: 0; background: none; position: static; width: 30px; height: 30px; background-repeat: no-repeat; background-size: 30px; background-position: center;}
.main_category .swiper-button-prev:after,
.main_category .swiper-button-next:after {display: none;}

.main_category .swiper-button-prev {background-image: url(../../img/new/ico/ico_cate_prev.png);}
.main_category .swiper-button-next {background-image: url(../../img/new/ico/ico_cate_next.png);}
.main_category .fixed_price {display: none;}

.main_inner {}
.main_inner h3.tit {font-size: 20px; text-align: center; padding: 0 0 20px; position: relative; z-index: 1;}
.main_inner h3.tit a {display: inline-block;}

.main_video {background: #ffead9; padding: 60px 0 0; margin: 0 0 60px; position: relative;}
.main_video iframe {width: 100%; height: 100% !important;}
.main_video img {width: 100%;}
.main_video .swiper-container {padding: 0 0 90px;}
.main_video .video_box {font-size: 0; display: block;overflow:hidden;position:relative;width:100%;height:0;padding-bottom:56.25%;font-size:0; line-height:0;}
.main_video .video_box iframe {position:absolute;top:0;bottom:0;left:0;right:0;width:100%; height:100%; box-sizing:border-box;}

.main_video .iframe_box {position: relative;}
.main_video .iframe_box .iframe_overlay {position: absolute; inset: 0; z-index: 10; background: transparent; display: none;}

.main_video .txt_box {background: #fff; padding: 17px; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.main_video .txt_box strong {font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em; height: 1.5em; width: 100%; word-break: keep-all;}

.main_video .swiper-button-prev,
.main_video .swiper-button-next {margin: 0; background: none; width: 30px; height: 30px; background-repeat: no-repeat; background-size: 30px; background-position: center; bottom: 40px; top: auto;}
.main_video .swiper-button-prev:after,
.main_video .swiper-button-next:after {display: none;}

.main_video .swiper-button-prev {background-image: url(../../img/new/ico/ico_cate_prev.png); left: 15px; right: auto;}
.main_video .swiper-button-next {background-image: url(../../img/new/ico/ico_cate_next.png); right: 15px; left: auto;}

.main_video .swiper-pagination {left: 50% !important; width: calc(100% - 100px) !important; transform: translateX(-50%);}


.main_video .video-container {
    position: relative;
    padding-bottom: 56.25%;
}


.main_video .video-play,
.main_video .video-container iframe,
.main_video .video-container object,
.main_video .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.main_video .video-container iframe,
.main_video .video-container object,
.main_video .video-container embed {pointer-events: none;}





















.main_new {margin: 0 0 60px;}
.main_new .btn_area,
.main_new ._goods_display_main h3 {display: none;}

.main_new .goods_prd_item11 {padding: 0 5px; box-sizing: border-box; margin-top: 30px;}
.main_new .goods_prd_item11 .goods_prd_item11_box {padding: 0;}
.main_new ._goods_display_main .main_prd_list {padding: 0 10px; margin-top: -30px;}

.main_ban {padding: 0 15px; margin: 0 0 60px;}
.main_ban a {display: block; font-size: 0;}
.main_ban img {width: 100%;}

.main_card {margin: 0 0 60px;}
.main_card ul {padding: 0 10px; font-size: 0; margin-top: -30px;}
.main_card ul li {display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; box-sizing: border-box; margin-top: 30px;}
.main_card ul li .img_box {}
.main_card ul li .img_box a {display: block;overflow:hidden;position:relative;width:100%;height:0;padding-bottom:56.25%;font-size:0; line-height:0;}
.main_card ul li .img_box img {position:absolute;top:0;bottom:0;left:0;right:0;width:100%; height:100%; box-sizing:border-box;}

.main_card ul li .txt_box {padding: 10px 0 0;}
.main_card ul li .txt_box span {display: block; font-size: 10px; color: #ff7200;}
.main_card ul li .txt_box strong {display: block; font-size: 12px; color: #000; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em; max-height: 1.5em;width: 100%; word-break: keep-all; margin: 2px 0;}
.main_card ul li .txt_box p {font-size: 11px; color: #888; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em; max-height: 3.0em;width: 100%; word-break: keep-all;}

.main_info {background: #f7f7f7; padding: 60px 0 0; margin: 0 0 60px;}
.main_info .swiper-container {padding: 0 0 90px;}
.main_info .img_box {}
.main_info .img_box img {display: block; width: 100%;}

.main_info .txt_box {background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); padding: 15px;}
.main_info .txt_box a {display: block; background: url(../../img/new/main/main_info_arrow.png) no-repeat right center/20px; padding: 2px 0;}
.main_info .txt_box span {font-size: 10px; font-weight: bold; color: #ff7200; display: block;}
.main_info .txt_box p {font-size: 11px; color: #000; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em; max-height: 1.5em;width: 100%; word-break: keep-all;}