.main_visual_wrap {padding-left: 307px;margin-bottom: 60px;}
.main_visual {position: relative;}
.main_visual .owl-dots {position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;}
.main_visual .owl-dots .owl-dot {width: 16px;height: 16px;border-radius: 50%;background-color: #fff;margin: 0 6px;}
.main_visual .owl-dots .owl-dot.active {background-color: #f5f1f1;}
.kv_img {position: relative;}


.kv_back {background-size: cover;background-position: center center;height: 358px;border-radius: 25px;}
.kv_text {z-index: 1;font-size: 34px;color: #fff;font-weight: 500;font-family: 'Gmarket Sans';line-height: 1.2;position: relative;position: absolute;right: 116px;top: 80px;letter-spacing: -0.5px;}
.kv_text strong {font-weight: 700;line-height: 1;font-weight: 600;font-family: 'Gmarket Sans';}
.kv_text span {line-height: 1;color: #ffea3b;font-weight: 600;font-family: 'Gmarket Sans';}
.kv_img .owl-carousel .owl-nav button.owl-prev,
.kv_img .owl-carousel .owl-nav button.owl-next {position: absolute;top: 50%;margin-top: -27px;width: 34px;height: 55px;background-repeat: no-repeat;background-position: 0 0;}
.kv_img .owl-carousel .owl-nav button.owl-prev span,
.kv_img .owl-carousel .owl-nav button.owl-next span {display: none;}
.kv_img .owl-carousel .owl-nav button.owl-prev {background-image: url('../../img/main/mv_prev.png');left: 20px;}
.kv_img .owl-carousel .owl-nav button.owl-next {background-image: url('../../img/main/mv_next.png');right: 20px;}
.kv_img .owl-carousel .owl-stage-outer {border-radius: 7px;}
.seller_wrap {background-color: #f5f7fb;padding: 35px 0;}
.m_tit {font-size: 40px;color: #111;font-weight: 700;margin-bottom: 45px;text-align: center;}

.cate_roll_wrap {padding-left: 300px;min-height:340px;position: relative;}
.cate_roll_menu {position: absolute;left: 0;top: 0;}
.cate_roll_menu .cell {margin-bottom: 14px;}
.cate_roll_menu .cell:last-child {margin-bottom: 0;}
.cate_roll_menu a {display: flex;align-items: center;width: 270px;height: 104px;box-shadow: 0 0 7px rgb(0 0 0 / 10%);border: 1px solid #ddd;background-color: #fff;border-radius: 35px;text-align: center;font-size: 16px;color: #111;font-weight: 500;letter-spacing: -0.5px;padding-left: 25px;}
.cate_roll_menu a:before {content: '';display: block;background-position: 0 0;}
.cate_roll_menu a.cate1:before {width: 58px;height: 57px;background-image: url('../../img/main/cate_ico1.png');margin-right: 27px;}
.cate_roll_menu a.cate2:before {width: 110px;height: 64px;background-image: url('../../img/main/cate_ico2.png');margin-right: 35px;}
.cate_roll_menu a.cate3:before {width: 75px;height: 61px;background-image: url('../../img/main/cate_ico3.png');margin-right: 22px;}

.cate_roll_menu a.active,
.cate_roll_menu a:hover { background-color: #0857f1; color: #fff; }
.cate_roll_menu a.cate1.active:before,
.cate_roll_menu a.cate1:hover:before {background-position: -62px 0;}
.cate_roll_menu a.cate2.active:before,
.cate_roll_menu a.cate2:hover:before {background-position: -62px 0;}
.cate_roll_menu a.cate3.active:before,
.cate_roll_menu a.cate3:hover:before {background-position: -63px 0;}

/* hover가 발생하면 active 스타일만 비활성화 (hover된 a는 그대로 파란색 유지) */
.cate_roll_menu:hover a.active:not(:hover) { background-color: #fff; color: #000; }

/* active인데 hover가 아닌 경우 before 아이콘도 초기화 */
.cate_roll_menu:hover a.active:not(:hover):before { background-position: 0 0; }

/* 기존코드
.cate_roll_menu a.active,
.cate_roll_menu a:hover {background-color: #0857f1;color: #fff;}
.cate_roll_menu a.cate1.active:before,
.cate_roll_menu a.cate1:hover:before {background-position: -62px 0;}
.cate_roll_menu a.cate2.active:before,
.cate_roll_menu a.cate2:hover:before {background-position: -62px 0;}
.cate_roll_menu a.cate3.active:before,
.cate_roll_menu a.cate3:hover:before {background-position: -63px 0;}
*/

.cate_roll .box .img {border: 1px solid #ddd;border-radius: 35px;}
.cate_roll .box .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover;}
.cate_roll .box .img {display: block;position: relative;height: 270px;overflow: hidden;}
.cate_roll .box .img::after {display: block;content: "";padding-bottom: 100%;}
.cate_roll .box .text {padding: 0 10px;}
.cate_roll .box .tit {font-size: 20px;color: #010101;font-weight: 700; margin-bottom: 5px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cate_roll .box .txt {font-size: 20px;color: #3b3c3f;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cate_roll_wrap .prev,
.cate_roll_wrap .next {position: absolute;top: 50%;margin-top: -40px;width: 26px;height: 42px;z-index: 1;}
.cate_roll_wrap .prev span,
.cate_roll_wrap .next span {display: none;}
.cate_roll_wrap .prev {left: -50px;background-image: url('../../img/main/r_prev.png');}
.cate_roll_wrap .next {right: -50px;background-image: url('../../img/main/r_next.png');}

.new_products_wrap {padding: 60px 0;}
.new_products {margin-left: -15px;margin-right: -15px;}
.new_products::before {content: '';display: block;}
.new_products::after {content: '';display: block;clear: both;}
.new_products .item {padding-left: 15px;padding-right: 15px;float: left;width: 16.666666667%;}
.new_products .item .img {border: 1px solid #ddd;border-radius: 30px;}
.new_products .item .box .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: contain; border-radius: 30px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease; object-fit:cover}
.new_products .item .box .img {display: block;position: relative;height: 230px;overflow: hidden;position: relative;}
.new_products .item .box .img:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 5px solid #1a4399;z-index: 1;content: '';display: block;border-radius: 30px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;opacity: 0;}
.new_products .item .box:hover .img:before {opacity: 1;}
.new_products .item .box:hover .img img {transform: scale(1.01);}
.new_products .item .box .img::after {display: block;content: "";padding-bottom: 100%;}
.new_products .box .text {padding: 0 10px;}
.new_products .box .tit {font-size: 20px;color: #010101;font-weight: 700; margin-bottom: 5px;margin-top: 10px;}
.new_products .box .txt {font-size: 18px;color: #3b3c3f;font-weight: 400;letter-spacing: -0.5px;}

.supply_wrap {margin-left: -15px;margin-right: -15px;}
.supply_wrap::before {content: '';display: block;}
.supply_wrap::after {content: '';display: block;clear: both;}
.supply_wrap .item {padding-left: 15px;padding-right: 15px;float: left;width: 25%;}
.supply_wrap .item .box {border: 1px solid #ddd;box-shadow: 0 0 7px rgb(0 0 0 / 10%);background-color: #fff;border-radius: 30px;padding: 20px;}
.supply_wrap .logo_box {border: 1px solid #ddd;height: 95px;border-radius: 30px;text-align: center;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
.supply_wrap .logo_box .logo {margin-bottom: 5px;}
.supply_wrap .logo_box img {max-width: 100%;display: block;margin: 0 auto;}
.supply_wrap .logo_box .nm {font-size: 20px;color: #333333;font-weight: 500;}
.supply_wrap .cnt {font-size: 16px;color: #666666;font-weight: 400;letter-spacing: -0.5px;margin-bottom: 10px;}
.supply_wrap .cnt strong {color: #1f3aae;}
.pro_wrap {overflow: hidden;}
.pro_wrap {margin-left: -10px;margin-right: -10px;}
.pro_wrap .pro_item {padding-left: 10px;padding-right: 10px;float: left;width: 50%;}
.pro_wrap .pro_item a {display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 38px;}

.pro_wrap .pro_item a img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 30px;}
.pro_wrap .pro_item a {display: block;position: relative;height: 140px;overflow: hidden;}
.pro_wrap .pro_item a::after {display: block;content: "";padding-bottom: 100%;}

.s_list {margin-left: -15px;margin-right: -15px;}
.s_list:before {content: '';display: table;}
.s_list:after {content: '';display: table;clear: both;}
.s_list .item {float: left;width: 25%;padding-left: 15px;padding-right: 15px;margin-bottom: 40px;}

.cate_box {border: 1px solid #ddd;border-radius: 10px 10px 0 0;padding: 25px 35px;background-color: #fff;}
.cb_logo {border: 1px solid #ddd;border-radius: 16px;height: 115px;display: flex;align-items: center;justify-content: center;margin-bottom: 14px;padding: 10px 5px;flex-direction: column;position: relative;overflow: hidden;}
.cb_logo:hover .sim_btn {opacity: 1;}
.cb_iname {font-size: 16px;color: #333333;font-weight: 500;letter-spacing: -0.5px;margin-top: 1px;}
.cb_ilogo img {max-width: 100%;}
.cb_cate {display: flex;align-items: center;margin-bottom: 25px;}
.cb_cate .cate {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 10px;border: 1px solid #ddd;margin-right: 4px;flex-wrap: wrap;}
.cb_cate .cate:last-child {margin-right: 0;}
.cb_cate .cate:before {content: '';display: block;background-size: auto 22px;height: 22px;}
.cb_cate .cate.cate1:before {background-image: url('../../img/main/m_ico1.png');width: 19px;}
.cb_cate .cate.cate2:before {background-image: url('../../img/main/m_ico2.png');width: 15px;}
.cb_cate .cate.cate3:before {background-image: url('../../img/main/m_ico3.png');width: 18px;}
.cb_cate .cate.cate4:before {background-image: url('../../img/main/m_ico4.png');width: 21px;}
.cb_cate .cate.cate5:before {background-image: url('../../img/main/m_ico5.png');width: 18px;}
.cb_cate .cate.cate6:before {background-image: url('../../img/main/m_ico6.png');width: 21px;}
.cb_cate .cate.cate7:before {background-image: url('../../img/main/m_ico7.png');width: 19px;}
.cb_cate .cate.cate8:before {background-image: url('../../img/main/m_ico8.png');width: 15px;}
.cb_cnt {font-size: 16px;color: #666666;font-weight: 400;letter-spacing: -0.5px;margin-bottom: 10px;}
.cb_cnt strong {font-size: 16px;color: #5463e2;font-weight: 500;}
.cb_p_img {overflow: hidden;margin: 0 -10px;}
.cb_p_img .cb_item {padding: 0 10px;float: left;width: 50%;}
.cb_box {height: 129px;border: 1px solid #ddd;border-radius: 30px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.cb_box:hover {box-shadow: 0 0 7px rgb(0 0 0 / 10%);}
.cb_box a {display: block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cb_box a img {transition: all .5s ease;max-width: 100%;max-height: 100%;}
.cb_box a:hover img {transform: scale(1.05);}
.s_more a {width: 280px;height: 54px;background-color: #282929;display: flex;align-items: center;justify-content: center;border-radius: 10px;margin: 0 auto;letter-spacing: 0.5px;position: relative;overflow: hidden;border: 2px solid #282929;}
.sim_btn {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0 20px;background-color: rgb(0 0 0 / 50%);border-radius: 15px;transition: 0.6s cubic-bezier(0, 0, 0, 1);opacity: 0;}
.sim_btn a {display: flex;align-items: center;height: 40px;border-radius: 10px;margin-bottom: 6px;font-size: 15px;color: #fff;font-weight: 400;padding: 0 18px;position: relative;letter-spacing: -0.5px;width: 100%;background-color: rgb(0 0 0 / 70%);}
.sim_btn a:last-child {margin-bottom: 0;}
.sim_btn a:hover {background-color: #5463e2;}
.sim_btn a.cat:after {content: '';display: block;width: 16px;height: 18px;background-image: url('../../img/sub/ico_down.png');background-position: -16px 0;background-repeat: no-repeat;position: absolute;right: 17px;top: 50%;margin-top: -9px;}
.sim_btn a.com:after {content: '';display: block;width: 6px;height: 9px;background-image: url('../../img/sub/link_arrow.png');background-position: -6px 0;background-repeat: no-repeat;position: absolute;right: 17px;top: 50%;margin-top: -4px;}


@media (max-width: 1619px) {
    .cate_roll_wrap .prev {left: -35px;}
    .cate_roll_wrap .next {right: -35px;}
    .kv_back {height: 297px;}
    .category_list {height: 299px;}
    .category_list > li > a {font-size: 16px;padding: 6px 20px;}
}

@media (max-width: 1399px) {
    .kv_text {top: 110px;}
    .main_visual_wrap {margin-bottom: 50px;}
    .seller_wrap {padding: 40px 0 50px 0;}
    .m_tit {font-size: 30px;margin-bottom: 25px;}
    .cate_txt {font-size: 13px;}
    .kv_back {height: 241px;}
    .category_list {padding: 10px 0;}
    .category_list > li > a {font-size: 16px;padding: 4px 15px;}
    .category_list {height: 243px;}
    .new_products .item .box .img {height: 160px;}
    .pro_wrap {margin: 0 -2px;}
    .pro_wrap .pro_item {padding-left: 2px;padding-right: 2px;}
    .pro_wrap .pro_item a {height: 101px;}
    .s_list .item {width: 33.333333333%;}
}

@media (max-width: 1199px) {
    .kv_text {font-size: 25px;}
    .main_visual_wrap {padding-left: 0;}
    .cate_roll_wrap .prev {left: -15px;}
    .cate_roll_wrap .next {right: -15px;}
    .new_products .item {width: 25%;}
    .new_products .item .box .img {height: 210px;}
    .new_products > .item:nth-child(4),
    .new_products > .item:nth-child(5) {display: none;}
    .new_products {margin: 0 -10px;}
    .new_products .item {padding-left: 10px;padding-right: 10px;}
    .supply_wrap {margin: 0 -10px;}
    .supply_wrap .item {padding-left: 10px;padding-right: 10px;}
    .supply_wrap .item .box {padding: 15px;}
}

@media (max-width: 991px) {
    .main_link a {height: 80px;font-size: 16px;}
    .kv_back {height: 251px;}
    .kv_text {font-size: 20px;top: 85px;}
    .kv_img .owl-carousel .owl-nav button.owl-prev,
    .kv_img .owl-carousel .owl-nav button.owl-next {background-size: 17px auto;margin-top: -14px;width: 17px;height: 28px;}
    .m_tit {font-size: 23px;}
    .cate_roll .owl-carousel .owl-nav button.owl-prev,
    .cate_roll .owl-carousel .owl-nav button.owl-next {background-size: 13px auto;width: 13px;height: 21px;margin-top: -10px;}
    .kv_back {height: 207px;}
    .cate_roll_menu {position: static;margin: 0 -5px;}
    .cate_roll_menu:before {content: '';display: table;}
    .cate_roll_menu:after {content: '';display: table;clear: both;}
    .cate_roll_menu .cell {float: left;width: 33.333333333%;padding-left: 5px;padding-right: 5px;}
    .cate_roll_wrap {padding-left: 0;min-height: inherit;}
    .cate_roll_menu a {width: auto;text-align: center;justify-content: center;padding-left: 0;height: 80px;}

    .cate_roll_menu a.cate1:before {width: 29px;height: 29px;margin-right: 15px;background-size: 58px auto;}
    .cate_roll_menu a.cate1.active:before, .cate_roll_menu a.cate1:hover:before {background-position: -29px 0;}
    .cate_roll_menu a.cate2:before {width: 37px;height: 37px;margin-right: 20px;background-size: 66px auto;}
    .cate_roll_menu a.cate2.active:before, .cate_roll_menu a.cate2:hover:before {background-position: -37px 0;}
    .cate_roll_menu a.cate3:before {width: 27px;height: 27px;margin-right: 13px;background-size: 54px auto;}
    .cate_roll_menu a.cate3.active:before, .cate_roll_menu a.cate3:hover:before {background-position: -27px 0;}
    .cate_roll_wrap .prev, .cate_roll_wrap .next {margin-top: -10px;}
    .new_products .item {width: 33.3333333333%;margin-bottom: 30px;}
    .new_products > .item:nth-child(4), .new_products > .item:nth-child(5) {display: block;}
    .supply_wrap .item {width: 50%;margin-bottom: 20px;}
    .pro_wrap .pro_item a {height: 147px;}
    .s_list .item {width: 50%;}
    .sim_btn {position: static;display: flex;align-items: center;justify-content: center;gap: 5px;flex-direction: initial;background-color: #fff;margin-top: 10px;opacity: 1;height: auto;}
    .sim_btn a {margin-bottom: 0;}
    .cb_logo {height: 145px;}
    .sim_btn a {font-size: 12px;padding: 0 5px;justify-content: center;height: 35px;}
    .sim_btn a.cat:after,
    .sim_btn a.com:after {display: none;}
}

@media (max-width: 767px) {    
    .main_visual {padding-right: 0;}
    .main_visual_wrap {margin-bottom: 25px;}
    .kv_back {height: 164px;}
    .main_visual .owl-dots {display: none;}
    .tsb_input .input {padding-left: 5px;}
    .tsb_input .input::placeholder {font-size: 12px;}
    .cate_roll_menu a {border-radius: 5px;}
    .cate_roll_menu a:before {display: none;}
    .pro_wrap .pro_item a {height: 113px;}
    .cb_iname {font-size: 15px;}
    .s_list {margin-left: -10px;margin-right: -10px;}
    .s_list .item {padding-left: 10px;padding-right: 10px;margin-bottom: 20px;}
    .sim_btn {padding: 0 5px;}
}

@media (max-width: 575px) {
    .kv_back {height: 200px;}
    .kv_text {font-size: 18px;top: 60px;right: 50px;}
    .kv_img .owl-carousel .owl-nav button.owl-prev {left: 5px;}
    .kv_img .owl-carousel .owl-nav button.owl-next {right: 5px;}
    .m_tit {font-size: 18px;margin-bottom: 15px;}
    .seller_wrap {padding: 20px 0 25px 0;}
    .cate_roll_menu {margin: 0 -2px;}
    .cate_roll_menu .cell {padding: 0 2px;}
    .cate_roll_menu a {font-size: 12px;height: 55px;}
    .kv_back {height: 102px;}
    .new_products .item {width: 50%;}
    .new_products .item .box .img {height: 162px;}
    .new_products .item {margin-bottom: 15px;}
    .new_products .box .tit {font-size: 15px;}
    .new_products .box .txt {font-size: 13px; height: 35px;}
    .supply_wrap .logo_box .nm {font-size: 13px;}
    .supply_wrap .item .box {padding: 10px;}
    .supply_wrap .logo_box {border-radius: 15px;}
    .supply_wrap .cnt {font-size: 13px;}
    .pro_wrap .pro_item a {height: 66px;border-radius: 15px;}
    .pro_wrap .pro_item a img {border-radius: 10px;}
    .new_products {margin: 0 -5px;}
    .new_products .item {padding-left: 5px;padding-right: 5px;}
    .supply_wrap {margin: 0 -5px;}
    .supply_wrap .item {padding-left: 5px;padding-right: 5px;margin-bottom: 10px;}
    .new_products_wrap {padding: 30px 0;}
    .cate_roll .box .img {height: 167px;}
    .cate_roll .box .tit {font-size: 15px;}
    .cate_roll .box .txt {font-size: 15px;}
    .s_list .item {width: 100%;}
}