@charset "utf-8";
/* CSS Document */
#contents .sub_content{width:100%; margin:0; padding:0;}/* 메인 */

.scroll_wrap{top:806px;}

.progress_box {position: absolute; width: 1280px; left: 50%; transform: translateX(-50%); bottom: 66px; z-index: 1;}
.progress {display: block; width: 150px; height: 2px; overflow: hidden; background-color: rgba(255, 255, 255, .2); background-image: linear-gradient(to right, white, white); background-repeat: no-repeat; background-size: 0 100%; transition: background-size 0.4s ease-in-out;}
.main_visual{overflow:hidden; width:100%;  margin:0 0 70px 0; position: relative;}
.main_visual .slick-list {height: 550px !important;}
.main_visual .slick-dots {}
.main_visual .slick-dots li {display: table-cell; vertical-align: middle;}
.main_visual .slick-dots li button {width: 100% !important; border-radius: 0 !important; opacity: 1 !important; background: rgba(255, 255, 255, .2) !important; height: 3px !important; padding: 0 !important;}
.main_visual .slick-dots li.slick-active button {background: rgba(255, 255, 255, 1) !important;}

.ctrl_wrap {position: absolute; width: 1280px; left: 50%; transform: translateX(-50%); bottom: 66px; z-index: 1;}
.slider__counter {position: absolute; left: 170px; bottom: -8px; color: #fff;}
.slider__counter .current {font-size: 16px; font-weight: bold;}
.slider__counter .divide {display: inline-block; margin: 0 3px;}
.slider__counter .total {font-size: 16px; color: #aaa;}

.main_visual .slick-arrow {background-repeat: no-repeat; background-size: 24px 44px; background-position: center; width: 24px; height: 44px; top: 50%; transform: translateY(-50%);}
.main_visual .slick-prev {background-image: url(../../img/new/main/ico_prev.png) !important; left: 50px;}
.main_visual .slick-next {background-image: url(../../img/new/main/ico_next.png) !important; right: 50px;}

.main_inner {width: 1280px; margin: 0 auto;}
h3.tit {font-size: 34px; padding: 0 0 15px; position: relative; color: #2a2a2a; letter-spacing: 1.5px;}
.view_more {position: absolute; right: 0; top: 26px; font-weight: 400;}
.view_more span {display: block; font-size: 17px; color: #888; padding-right: 14px; background: url(../../img/new/main/ico_more.png) no-repeat right top 9px/6px 10px; letter-spacing: 0;}
.view_more:hover span {color: #2a2a2a; background: url(../../img/new/main/ico_more_over.png) no-repeat right top 9px/6px 10px;}

.main_category {margin: 0 0 95px;}
.cate_top {position: relative;}
.cate_top .icontab {position: absolute; right: 0; top: 7px;}
.cate_top .icontab li {display: inline-block; vertical-align: middle; margin-right: 10px;}
.cate_top .icontab li:last-child {margin-right: 0;}
.cate_top .icontab li a {display: block; font-size: 18px; color: #555; line-height: 43px; padding: 0 25px; border: 1px solid #ccc; border-radius: 22px;}
.cate_top .icontab li a.icontab_active {color: #fff; font-weight: bold; border: 1px solid #ff7200; background: #ff7200;}

.main_category .cate_box {/* border: 1px solid #ddd; padding: 20px; */ font-size: 0;}

.main_category .img_ban {display: inline-block; vertical-align: top; width: 540px;}
.main_category .img_ban a {display: block; font-size: 0;}
.main_category .img_ban img {width: 100%;}

.main_category .cate_goods {}


.main_category .goods_list_tit {display: none;}

.main_category .icontab_div {display: none;}
.main_category .icontab_div .item_basket_type > ul {}
.main_category .icontab_div .item_basket_type > ul > li {/* width: 210px !important; */ width: 31.5% !important; margin-right: 17px !important; margin-bottom: 0;}
.main_category .icontab_div .item_basket_type > ul > li:nth-child(3n) {margin-right: 0 !important;}
.main_category .icontab_div .item_basket_type > ul > li:nth-child(4),
.main_category .icontab_div .item_basket_type > ul > li:nth-child(5),
.main_category .icontab_div .item_basket_type > ul > li:nth-child(6) {margin-top: 35px;}
.main_category .icontab_div .item_cont {padding: 0;}
.main_category .icontab_div .item_photo_box {width: 100%; border: 0;}
.main_category .icontab_div .item_photo_box > a > img {width: 100%; border: 1px solid #ddd; box-sizing: border-box;}
.main_category .icontab_div .goods_list {padding: 0;}

.main_category .cate_area {display: inline-block; vertical-align: top; width: calc(100% - 540px); padding-left: 34px; box-sizing: border-box;}

.main_category .item_info_cont {display: block; padding: 10px 0 0;}
.main_category .item_info_cont .item_tit_box .item_name {padding: 0; font-size: 15px; font-weight: 500;}
.main_category .item_info_cont .item_tit_box .model_code {font-size: 14px; color: #888;}
.main_category .item_link {display: none !important;}

.main_video {position: relative; margin: 0 0 95px;}

.main_video .swiper-container {padding: 0 0 20px;}
.main_video .swiper-slide {opacity: 0.4;}
.main_video .swiper-slide-prev,
.main_video .swiper-slide-next,
.main_video .swiper-slide-active {opacity: 1;}

.main_video .swiper-button-prev {left: 13%; right: auto; width: 60px; height: 60px; background: url(../../img/new/main/video_prev.png) no-repeat center/contain;}
.main_video .swiper-button-prev:hover {background: url(../../img/new/main/video_prev_over.png) no-repeat center/contain;}
.main_video .swiper-button-next {right: 13%; left: auto; width: 60px; height: 60px; background: url(../../img/new/main/video_next.png) no-repeat center/contain;}
.main_video .swiper-button-next:hover {background: url(../../img/new/main/video_next_over.png) no-repeat center/contain;}
.main_video .swiper-button-prev:after,
.main_video .swiper-button-next:after {display: none;}

.main_video .video_box {font-size: 0;}
.main_video .video_box iframe {width: 100%; /* max-height: 272px; */ max-height: 225px;}
.main_video .video_box img {width: 100%;}
.main_video .txt_box {padding: 25px 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, .1);}
.main_video .txt_box strong {font-size: 18px; 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_new {margin: 0 0 25px;}
.main_new .goods_list_tit {display: none;}
.main_new .item_basket_type {}
.main_new .item_basket_type > ul {}
.main_new .item_basket_type > ul > li {width: 300px !important; margin-right: 27px !important;}
.main_new .item_basket_type > ul > li:nth-child(2n) {margin-right: 26px !important;}
.main_new .item_basket_type > ul > li:nth-child(4n) {margin-right: 0 !important;}
.main_new .item_photo_box {width: 100%;}
.main_new .item_photo_box img {width: 100%; border: 1px solid #ddd; box-sizing: border-box;}
.main_new .item_link {display: none !important;}

.main_ban {margin: 0 0 95px;}

.main_card {margin: 0 0 80px;}
.main_card ul {display: flex; gap: 26px; justify-content: space-between;}
.main_card ul li {width: 300px;}
.main_card ul li .img_box {/* min-height: 300px; */}
.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: 15px 0 0; letter-spacing: -0.03em;}
.main_card ul li .txt_box span {font-size: 14px; font-weight: bold; color: #ff7200;}
.main_card ul li .txt_box strong {font-size: 18px; display: block; letter-spacing: -0.06em; 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_card ul li .txt_box p {font-size: 15px; 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; height: 3.0em;width: 100%; word-break: keep-all; margin: 5px 0 0;}

.main_info {margin: 0 0 95px;}
.main_info ul {display: flex; gap: 28px;}
.main_info ul li {width: 408px;}
.main_info ul li .img_box {position: relative; font-size: 0; min-height: 272px;}
.main_info ul li .img_box img {width: 100%;}

.main_info ul li .img_box .txt_box {position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, .4);}
.main_info ul li .img_box .txt_box a {display: block; padding: 12px 30px; padding-right: 70px; background: url(../../img/new/main/main_info_arrow.png) no-repeat right 30px center/28px;}
.main_info ul li .img_box .txt_box span {font-size: 14px; font-weight: bold; color: #ff7200;}
.main_info ul li .img_box .txt_box p {font-size: 15px; color: #fff; 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;}