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

	SUPERBOARD :: PRODUCT SKIN :: basic

**************************************************/
/* 상단 검색 NEW */
.prdt_top_tit { text-align: center;}
.prdt_top_tit h4 { font-size: 46px; text-align: center;}
.prdt_top_tit p { padding-top: 20px; color: #555; font-size: 22px; font-weight: 600;}

.prdt_search { padding: 60px 0 80px; border-bottom: 1px solid #ddd;}
.prdt_search form { max-width: 1000px; margin: 0 auto; }
.prdt_search .search_box { display: flex; align-items: center; height: 78px; padding: 0 35px; border: 3px solid var(--col-red); border-radius: 10px; box-sizing: border-box; }
.prdt_search input { width: calc(100% - 63px); height: 100%; border: 0; outline: none; font-size: 22px; font-weight: 600; }
.prdt_search input::placeholder { color: #999;}
.prdt_search .clear_btn { width: 24px; aspect-ratio: 1/1; background: #f1f1f1; border-radius: 50%; color: #999; font-size: 12px; font-weight: bold; border: 0; }
.prdt_search .search_btn { margin-left: 15px; background: none; color: #222; border: 0; font-size: 25px; }

.prdt_search .tag_list { display: flex; flex-wrap: wrap; margin: -3px; padding-top: 40px; display: none;}
.prdt_search .tag_list li { margin: 3px; }
.prdt_search .tag_list li a { display: block; height: 38px; align-content: center; padding: 0 20px; background-color: #f7f7f7; color: #999; font-size: 17px; font-weight: 500; border-radius: 99px; text-align: center; text-decoration: none;}
.prdt_search .tag_list li.active a { background-color: var(--col-red); color: #fff;}

.prdt_search_category .table2 { }
.prdt_search_category .table2 ul { display: flex; flex-wrap: wrap; margin: -7px; }
.prdt_search_category .table2 li { margin: 7px; }
.prdt_search_category .table2 li a { font-size: 16px; text-decoration: none; }

#sb-search { padding-top: 80px; }

/* list */
.prdt-tab1{margin-bottom: 40px; max-width: var(--website-layout-width2); margin: 0 auto;}
.prdt-tab1 li{display: inline-block;width: 20%;border: 1px solid #ddd;margin: 0 -1px -1px 0;box-sizing: border-box;}
.prdt-tab1 li a{display: block;text-align: center;font-size: 15px;line-height: 45px;text-decoration: none;color: #000;}
.prdt-tab1 li.active{border-color: #444c62;}
.prdt-tab1 li.active a{background: #444c62;color: #fff;}

.prdt-tab2{background: #f7f7f7;margin-bottom: 40px;text-align: center;padding: 30px 20px;}
.prdt-tab2 li{display: inline-block;margin: 5px 10px;}
.prdt-tab2 li a{font-size: 16px;color: #000;text-decoration: none;}
.prdt-tab2 li.active a{text-decoration: underline;}

.prdt-list{margin: -35px -10px;padding-top: 30px;}
.prdt-list > li{position: relative;display: inline-block;margin: 35px 10px;width: calc(25% - 20px);vertical-align: top;}
.prdt-list li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;text-indent: -999em;}
.prdt-list li .tmb{position: relative;padding-bottom: 108.1%;background-position: center center;background-repeat: no-repeat;/*background-size: cover !important;*/background-size:100% !important;border-radius: 20px; overflow: hidden;}
.prdt-list li .tmb:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #e4e4e4;box-sizing: border-box;transition: all 0.1s;border-radius: 20px; overflow: hidden;}
.prdt-list li .tmb .badge{ position: absolute; top: 20px; left: 20px; height: 30px; align-content: center; padding: 0 10px; background-color: #ffeae8; color: #ff6d6a; font-size: 14px; font-weight: bold; border-radius: 6px;}
.prdt-list li .info{padding: 30px 0 0;}
.prdt-list li .info > span{display: block;}
.prdt-list li .info .tit{font-size: 24px;color: #222222;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.prdt-list li .info .cate{padding-top: 15px;font-size: 16px;font-weight: 500;color: #999;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.prdt-no-data{margin: 50px 0;text-align: center;font-size: 14px;color: #999;background: #f7f7f7;padding: 40px 0;font-style: italic;}

/* view */
.prdt-view{zoom: 1;padding-bottom: 80px;}
.prdt-view:after{display: block;content: '';clear: both;}
.prdt-view > *{float: left;box-sizing: border-box;}
.prdt-view dt{padding-right: 70px;width: 40%;}
.prdt-view dt .bigimg{position: relative;text-align: center;}
.prdt-view dt .bigimg img{max-width: 100%;max-height:700px;height: auto;display: block;margin: 0 auto;}
.prdt-view dt .bigimg .no-data{text-align: center;line-height: 350px;background: #f7f7f7;font-size: 16px;letter-spacing: -1px;color: #999;}
.prdt-view dt .tmb-list{position: relative;margin-top: 15px;}
.prdt-view dt .tmb-list .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 20px;height: 50px;background-color: rgba(0,0,0,0.5);border: 0;text-indent: -999em;z-index: 10;}
.prdt-view dt .tmb-list .slick-prev {left: 1%;}
.prdt-view dt .tmb-list .slick-next {right: 1%}
.prdt-view dt .tmb-list .slick-prev:before,
.prdt-view dt .tmb-list .slick-next:before {position: absolute;top: 0;left: 0;width: 100%;font-family: axicon;font-size: 22px;line-height: 50px;color: #fff;text-indent: 0;}
.prdt-view dt .tmb-list .slick-prev:before {content: '\e84f';}
.prdt-view dt .tmb-list .slick-next:before {content: '\e850';}
.prdt-view dt .tmb-list .item a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.prdt-view dt .tmb-list .item .text {font-size: 0;text-indent: -999em;}
.prdt-view dt .tmb-list .item .tmb{position: relative;padding-bottom: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.prdt-view dt .tmb-list .swiper-slide-thumb-active .tmb::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0px;border: 1px solid #000;}

.prdt-view dd{width: 60%;padding-top: 40px;}
.prdt-view dd .head{border-bottom: 1px solid #ddd;padding-bottom: 40px;margin-bottom: 45px;}
.prdt-view dd .head em{display: block;margin-bottom: 5px;font-style: normal;font-size: 17px;color: #505d7e;font-weight: 300;}
.prdt-view dd .head h4{display: block;font-size: 35px;line-height: 42px;color: #222222;letter-spacing: -1px;font-weight: bold;}
.prdt-view dd .txt{display: block;font-size: 16px;line-height: 26px;color: #888888;}
.prdt-view dd .down{margin: -3px;margin-top: 50px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.prdt-view dd .down a{flex-basis: 0;flex-grow: 1;display: inline-block;margin: 3px;background: var(--btn3-bg-color);border: 1px solid var(--btn3-border-color);line-height: 45px;padding: 0 20px;text-decoration: none;font-size: 15px;color: var(--btn3-txt-color);min-width: 120px;text-align: center;}
.prdt-view dd .down a:before{content: '\e83e';display: inline-block;margin-right: 5px;font-family: axicon;font-size: 16px;vertical-align: middle;}

.prdt-view dd .shopOptWrap{margin-top: 30px;position: relative;border: 1px solid #ccc;padding: 30px;border-radius: 4px;box-shadow: 0 2px 0 rgba(0,0,0,0.03);}
.prdt-view dd .shopOptWrap .priceWrap{position: relative;}
.prdt-view dd .shopOptWrap .priceWrap .count{position: relative;padding: 0 45px;width: 160px;box-sizing: border-box;}
.prdt-view dd .shopOptWrap .priceWrap .count .inp{border: 1px solid #ddd;height: 45px;background: none;text-align: center;width: 70px;}
.prdt-view dd .shopOptWrap .priceWrap .count button{position: absolute;top: 0;border: 1px solid #ddd;box-sizing: border-box;height: 45px;width: 45px;text-align: center;background: none;font-size: 20px;color: #000;line-height: 45px;cursor: pointer;}
.prdt-view dd .shopOptWrap .priceWrap .count .minus{left: 0;border-right: none;}
.prdt-view dd .shopOptWrap .priceWrap .count .plus{right: 0;border-left: none;}
.prdt-view dd .shopOptWrap .priceWrap .total_price{position: absolute;top: 0;right: 0;line-height: 45px;font-size: 20px;color: #333;}
.prdt-view dd .shopOptWrap .shopBtnWrap{margin-top: 20px;border-top: 1px solid #eee;margin-top: 15px;padding-top: 15px;text-align: center;display: flex;justify-content: space-between;flex-wrap: wrap;}
.prdt-view dd .shopOptWrap .shopBtnWrap > *{width: calc(50% - 2px);border-radius: 4px;}

.prdt-tab{margin-bottom: 40px;border-bottom: 1px solid #000;display: flex;justify-content: space-between;flex-wrap: wrap;}
.prdt-tab li{display: inline-block;vertical-align: top;flex-basis: 0;flex-grow: 1;}
.prdt-tab li a{display: block;font-size: 18px;color: #666;display: block;line-height: 60px;text-decoration: none;text-align: center;}
.prdt-tab li.active{margin-bottom: -1px;}
.prdt-tab li.active a{border: 1px solid #000;border-bottom: none;background: #fff;color: #000;}

.prdt-tabCont{margin-bottom: 80px;min-height: 200px;}
.prdt-txtbox img{max-width: 100%;height: auto;}