/* BASIC css start */
.thumb_wrap img{display:block; max-width:100%; width:auto !important; margin:0 auto; height:100vw !important; object-fit:cover !important }
.thumb_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}
.pname{}
.shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed::after{content:""; display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); z-index:-1}

.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop{height:40vw !important}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure{width:100% !important; height:100% !important}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop img{height:100% !important; object-fit: cover !important}
.shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont select{font-size:12px !important; margin-top:4px !important; margin-bottom:4px !important}
.prdPercent{color:#d9232e; font-size: 1.25rem !important;font-weight: 900 !important;}

.thumb_wrap{width:100vw; height:100vw !important; }/* 메인비주얼슬라이드 */

#contents{height:auto; width:100%; clear:both}

main{height:auto}
main .main_visu{width: 100%; height: 416px; border: 1px solid #ccc; position:relative}
main .main_visu .swiper{}
main .main_visu .swiper ul{}
main .main_visu .swiper ul li{ height: 416px; background: url(/design/thewitch/spring_market/MO_img/main_visu_bg.png) no-repeat right top; background-size: cover;}
main .main_visu .swiper ul li a{display: block;padding: 70px 50px;}
main .main_visu .swiper ul li a p.main_visu_tit{font-size: 26px; font-weight: 600; margin-bottom: 10px; line-height:30px; color:#000}
main .main_visu .swiper ul li a p.main_visu_sub{color:#555; font-size: 15px;}
.main_visu .swiper_btn_prev{cursor: pointer; width: 40px; height: 40px;  background: url(/design/thewitch/spring_market/MO_img/main_visu_prev.png) no-repeat center center; background-size: contain; position: absolute; top: 50%; left: 10px; z-index: 1000; transform: translateY(-50%);}
.main_visu .swiper_btn_next{cursor: pointer; width: 40px; height: 40px;  background: url(/design/thewitch/spring_market/MO_img/main_visu_next.png) no-repeat center center; background-size: contain; position: absolute; top: 50%; right: 10px; z-index: 1000; transform: translateY(-50%);}
.main_visu .swiper-pagination{position: absolute; left: 40px !important; width: 90px !important; text-align: left !important; bottom: 60px !important;}

.btn_stop{line-height:20px; cursor:pointer; text-align:center; width:20px; height:20px;border-radius:50%; position: absolute;left:78px; bottom: 57px; z-index:9000; background-color:#fff }
.btn_play{text-indent:0;line-height:20px;cursor:pointer;text-align:center; width:20px; height:20px;border-radius:50%; position: absolute;left: 78px; bottom: 57px; z-index:9000 ; background-color:#ddd; font-size:10px}
.btn_stop{text-indent:-9999px;background: url(/design/thewitch/spring_market/img/main_btn.png) no-repeat center center;background-size: contain;}
.swiper-pagination{color:#747474}
.swiper-pagination-current{font-weight:700; color:#000}


/* //서브배너 */
.banner_section{width: 100%; margin:30px 0}
.banner_section ul{}
.banner_section ul li{background: url(/design/thewitch/spring_market/MO_img/sub1.png) no-repeat center center; background-size: contain; width: 341px; height: 138px;}
.banner_section ul li a{display: block;}

/* //카테고리 탭 영역 */
.tap_section{max-width: 450px; width: 100%; background-color:#fff; padding-top: 50px; height: auto;}
.tap_section>h2{text-align: center; font-size: 23px; font-weight: 700; color: #000; margin-bottom: 15px;}
.tap_section>p{text-align: center;font-size: 14px; color: #999; margin-bottom: 10px;}
.tap_section ul.category_name{width: 248px; margin: 30px auto; text-align: center; position: relative; height: 75px; }
.tap_section ul.category_name>li{display: inline-block; text-align: center; margin-bottom: 15px; position: absolute;}
.tap_section ul.category_name>li:nth-child(1){left: 0; top: 0;}
.tap_section ul.category_name>li:nth-child(2){left: 50%; top: 0; transform: translateX(-50%);}
.tap_section ul.category_name>li:nth-child(3){right: 0; top: 0;}
.tap_section ul.category_name>li:nth-child(4){left: 15%; bottom: 0;}
.tap_section ul.category_name>li:nth-child(5){right: 15%; bottom: 0;}
.tap_section ul.category_name>li>a{padding: 5px 12px; background-color: #eee; border-radius:30px; font-size: 13px; color: #999; border:1px solid #eee}
.tap_section ul.category_name>li>a.on{background-color: #fff; color: #000; border-color:#000; font-weight: 500;}
    
    
.tap_section .tap_cont_wrap{padding:0 13px; height:1430px}
.tap_section .tap_cont_wrap ul.tap_cont{width: 100%; position: relative;}
.tap_section .tap_cont_wrap ul.tap_cont>li{ position: absolute; width: 100%;display: none; background-color:#fff}
.tap_section .tap_cont_wrap ul.tap_cont>li.show{display: block;}

/* //카테고리 탭 컨텐츠 영역 */
li .item-wrap{}


ul.item-cont{width: 100%; }
.item-list{width: 48.5%; height: 353px;margin-right: 10px; float:left }
.item-list:nth-child(2){margin-right: 0 !important;}
.item-list .thumb{width: 100%; height: 192px;}
.item-list .thumb>a{width: 100%; height: 100%;}
.item-list .thumb>a>img{width: 100%; height: 100%; object-fit: cover;}
.item-list .prd-info{width: 100%; height: 161px; padding:10px 0 20px}
.item-list .prd-info .prd-color{}
.item-list .prd-info .prd-color span{}
.item-list .prd-info .prd-name{margin:4px 0 8px}
.item-list .prd-info .prd-subname{color:#aaa; margin-bottom:3px}
.item-list .prd-info .prd-price{margin-bottom:10px}
.item-list .prd-info .prd-price span.price{color:#000; font-weight:600}
.item-list .prd-info .prd-price strike{color:#aaa}
.item-list .prd-info .prd-review{}
.item-list .prd-info .prd-review span{font-weight:600}


/* //카테고리 탭 영역 끝 */



.img_banner{width: 100%;height: 184px; background: no-repeat center center; background-size: cover; margin-bottom:70px}
.img_banner a{display: block;}












.best_seller_section{width:100%; height:1520px}
.best_seller_section>h3{text-align: center; font-size: 23px; font-weight: 700; color: #000; margin-bottom: 15px;}
.best_seller_section>p{text-align: center;font-size: 14px; color: #999; margin-bottom: 35px;}
.best_seller_section .item-cont{width: 100% !important;}
.best_seller_section .item-cont .item-list{margin-right: 0 !important; width: 50% !important; float: left;}
.best_seller_section .item-cont .item-list .thumb{}
.best_seller_section .item-cont .item-list .thumb a{}
.best_seller_section .item-cont .item-list .prd-info{padding-left:10px}










.MK-oneclick-only-text li.MK-oneclick-text span{font-size: .6875rem;}
.MK-oneclick-value{font-size: .6875rem;}
.option_tk .product-opt{margin: 10px 0;}
.option_tk .add-opt_item{margin: 10px 0;}
.shopdetail .shopdetailItem .shopdetail_Content .detail_item{padding: 20px 10px 30px; text-align: center;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:-25px !important}
.shopdetailInfoBottom{padding-top:20px}

/* 게시글 */
#tabs {
    padding-bottom: 10px;
    font-size: 12px;
    /*margin: 0 10px;*/
}
#tabs .shopdetailBoard {
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 8px;
    margin-bottom: 0;
    text-align: left;
}
#tabs .shopdetailBoard .tab_on {
    padding: 10px 0;
    font-weight: bold;
}
#tabs .util {
    border-bottom: 1px solid #e4e4e4;
    /*padding: 10px;*/
    padding:10px 0; 
}
#tabs .util a {
    border:0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    background-color: #b4b4b4;
}
#tabs .list_board .reply-detail {
    margin: 0 5px;
    border: 1px solid #73adff;
    font-size: 0.875em;
    color: #5da0ff;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 3px;
}
#tabs .review .list_board > ul > li.now > .cont_wrap {
    display: block;
}
#tabs .list_board > ul > li > .wrap .re-wrap {
    padding: 10px;
    border-top: 1px solid #bebebe;
}
#tabs .empty-board {
    text-align: center;
    padding: 15px 0 5px;
}
.list_board ul li {
    color: #424242;
    word-break: break-all;
}
.list_board .re-wrap ul li {
    font-size: 1em;
    border-bottom: 0;
    border-top: 1px dotted #bebebe;
    margin-top: 5px;
    padding-top: 5px;
    list-style: none;
}
.list_board ul li dl {
    padding: 7px;
}
.list_board ul li dl h4 {
    margin: 0
}
.list_board ul li .cont_wrap {
    padding-top: 5px;
    border-top: 1px dotted rgb(190, 190, 190);
    padding: 7px;
}
.list_board ul li .cont_wrap img {
    max-width: 100%;
    padding-bottom: 5px;
}
/* 댓글 */
.MS_cmt_list_box {
    color: #656565;
}
.MS_cmt_list_box .comment_list:last-child {
    border-bottom: 1px solid #cecece;
}
.MS_cmt_list_box .comment_list {
    padding: 5px;
    border: 1px solid #cecece;
    border-bottom: 0;
    background-color: #fff;
}
.MS_cmt_list_box .MS_cmt_hname {
    padding-left: 5px;
}
.MS_cmt_list_box .MS_cmt_content {
    padding-left: 15px;
}
.MS_cmt_list_box .comment_depth2 {
    padding-left: 10px;
}
.MS_cmt_list_box .comment_depth3 {
    padding-left: 15px;
}
#comment_password {
    width: 250px;
    left: 7px;
    box-shadow: 0 0 5px 0 #808080;
}
#comment_password input[type="password"] {
    width: 75%;
}
#comment_password form {
    height: auto !important;
}
#comment_password form span {
    display: block;
}
/* 답글 */
.list_board ul li .reply_depth1 .rating, .list_board ul li .reply_depth1 .info, .list_board ul li .reply_depth2 .rating, .list_board ul li .reply_depth2 .info, .list_board ul li .reply_depth3 .rating, .list_board ul li .reply_depth3 .info {
    padding-left: 12px;
}
.list_board ul li .reply_status {
    font-size: 0.875em;
    color: #777777;
    font-weight: normal;
}
/* 비번입력 */
.list_board input[type="password"] {
    border-radius: 3px 0 0 3px;
    width: 80%;
    border-right: 0;
    box-sizing: border-box;
    height: 35px;
}
.list_board input[type="button"] {
    width: 20%;
    float: right;
    height: 35px;
    border-radius: 0 3px 3px 0;
    background-color: #444;
    color: #fff;
    border: 1px solid #444;
    box-sizing: border-box;
}
.paging a.now {
    background-color: #fff !important;
    border: none !important;
    color: #000;
}
/* new, hit 아이콘 */
.list_board ul li dl h4 .new {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    font-size: 0.875em;
    background-color: #5cb7fa;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
}
.list_board ul li dl h4 .hit {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    font-size: 0.875em;
    background-color: #ff912c;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
}
/* 수정,삭제버튼 */
.list_board ul li .cont_wrap .comment_modify {
    text-align: right;
    margin-top: 5px;
}
.list_board ul li .cont_wrap .comment_modify a {
    width: 45px;
    border: 1px solid #444;
    border-radius: 3px;
    font-size: 0.875em;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    height: 20px;
    background-color: #fff;
}
.list_board ul li dl .info .review_del {
    width: 45px;
    border: 1px solid #444;
    border-radius: 3px;
    font-size: 0.875em;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    height: 20px;
    background-color: #fff;
}
/* BASIC css end */