/* BASIC css start */
/* =============================================================================
   메인
   ========================================================================== */
/* 메인비주얼슬라이드 */
ul.item-cont{display:flex; flex-wrap:wrap}
#contents{height:auto; width:100%; clear:both;  }

.main{height:auto}
.main .main_visu{width: 100%;  position:relative}
.main .main_visu .swiper{}
.main .main_visu .swiper ul{}
.main .main_visu .swiper ul li{ }
.main .main_visu .swiper ul li a{display: block;}
.main .main_visu .swiper ul li a img{width:100%}

.main_visu .swiper_btn_prev{cursor: pointer; width: 40px; height: 40px;  background: url(//skin.makeshop.co.kr/skin/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(//skin.makeshop.co.kr/skin/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(//skin.makeshop.co.kr/skin/spring_market/MO_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: no-repeat center center; background-size: contain; width: 341px; height: 138px;}
.banner_section ul li a{display: block;width:100%;height:100%;}

/* //카테고리 탭 영역 */
.tap_section{max-width: 850px; 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: 320px; margin: 30px auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  }
.tap_section ul.category_name>li{display: inline-block; text-align: center; margin:10px 5px}


.tap_section ul.category_name>li>a{font-weight:400 !important; padding: 4px 14px; background-color: #eee; border-radius:30px; font-size: 12px; 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;}
.tap_section .tap_cont_wrap ul.tap_cont{width: 100%; position: relative;}
.tap_section .tap_cont_wrap ul.tap_cont>li{ 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%; display:flex }
.item-list{width: 49%; margin-right: 2%; float:left }
.item-list:nth-child(2){margin-right: 0 !important;}
.item-list .thumb{width: 100%; ;}
.item-list .thumb>a{width: 100%; height: 50vw; max-height:250px}
.item-list .thumb>a>img{width: 100%; height: 100%; object-fit: cover;}
.item-list .prd-info{width: 100%; 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; font-size:14px}
.item-list .prd-info .prd-subname{color:#aaa; margin-bottom:3px; font-size:13px; font-weight:300;}
.item-list .prd-info .prd-price{margin-bottom:10px; font-size:14px}
.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{font-size:12px !important}
.item-list .prd-info .prd-review span{font-weight:600}


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




.img_banner a{display: block;}
.img_banner a img{ display:block; width:100%; }




.best_seller_section{width:100%;padding-top: 50px; }
.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{ width: 49% !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}










/* =============================================================================
   로그인 login.html
   ========================================================================== */
   #login { display:none;background: #fafafa;padding: 30px 20px 0px;font-family: 'Malgun Gothic';position: fixed;left: 0;top: 0;z-index: 9999999999;width: 100%;height: 100%;}
   #container .title {display:block; padding-bottom:42px; font-size:2.250em; letter-spacing:-1px; font-family:'Malgun Gothic'; text-align:center; background:#fff; border:0 none;}
   .login-form {margin-bottom:48px;}
   .login-form h3,
   #login #ipin_auth h3{margin-bottom:24px; font-size:18px; font-weight:700; line-height:26px; text-align:center;}
   .login-form .form-wrap .loginInputBox{position:relative; padding-right:100px; }
   
   .login-form .form-wrap ul.frm-list {}
   .login-form .form-wrap ul.frm-list li {margin-bottom:6px;}
   .login-form .form-wrap ul.frm-list li:last-child {margin-bottom:0;}
   .login-form .form-wrap ul.frm-list li label,
   .login-form .form-wrap ul.frm-list li input { }
   .login-form .form-wrap ul.frm-list li label {display:none; width:100px; line-height: 35px;}
   .login-form .form-wrap ul.frm-list li input {width:100%; border:1px solid #ddd; background:#fff; height:45px; font-size:13px; }
   .login-form .form-wrap ul.frm-list li input::-webkit-input-placeholder {color:#ccc;}
   .login-form .form-wrap ul.frm-list li input::-ms-input-placeholder {color:#ccc;}
   .login-form .form-wrap ul.frm-list li input::placeholder {color:#ccc;}
   .login-form .form-wrap .btn-mlog .btn-login { position: absolute; top: 0; right: 0; display: block; width: 95px; background: #000; color: #fff; font-size: 14px; font-weight: 500; border-radius: 0; text-align: center; line-height: 96px;}
   .login-form .sign {margin-top:30px; text-align:center;}
   .login-form .sign a {display:inline-block; padding:0 40px; font-size:18px;}
   .login-form .sign a:first-child {border-right:1px solid #e0e0e0;}
   .btn-type-07 {display:block; padding:20px 0; background:#fff; border:1px solid #ddd; text-align:center; width:calc((100% - 6px)/2); margin:0 auto 24px; }
   .btn-type-07 span {display:block; text-align:center; color:#000; font-size:14px; font-weight:500;line-height:20px; margin-top:12px;}
   .btn-submit1 {display:inline-block; padding:5px 8px 6px;}
   .btn-submit1 span {font-size:14px;}
   
   .login .loginCheck { overflow: hidden; width: 100%; margin: 15px 0 24px; }
   .login .loginCheck label {font-size: 14px;}
   .login .loginCheck li { list-style-type: none; float: left; margin-right: 15px; font-size: 14px; color:#666; line-height: 1em; letter-spacing:-1px; }
   .login .loginCheck .chk-rdo {position:relative; margin-right: 5px; margin-top: -3px; width: 16px; height: 16px; appearance: none; -webkit-appearance: none; background:#fff; border:1px solid #ddd; }
   .login .loginCheck .chk-rdo:checked { background: #000; border-color: #000; }/* 체크됐을 때 */
   .login .loginCheck .chk-rdo:checked::after { content: ""; position: absolute; left: 4px; top: -1px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}/* 체크 표시 */
    
   .login .snsLogin{margin-bottom:24px;}
   .login .snsLogin a.n_login_m{display:block; text-align:center; background:#03c75b; }
   
   .login .login_info p{font-size:11px; text-align:left; font-weight:400; color:#747474;line-height:17px; }
   .login .login_info.c_center p{}
   
   #login .login-fail { display: block; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; background: #fff; border: 3px solid #e7e7e7; -webkit-box-shadow: 3px 3px 10px #99a4b3; -moz-box-shadow: 3px 3px 10px #99a4b3; box-shadow: 3px 3px 10px #99a4b3; }
   #login .login-fail .fail-content { padding: 20px 20px 10px; color: #222; }
   #login .login-fail .fail-content h3 { margin: 0; font-size: .875em; font-weight: bold; }
   #login .login-fail .fail-content p { margin: 0; font-size: .75em; color: #222; }
   #login .login-fail .btn-ok { display: block; width: 100%; padding: 6px 0; margin-top: 20px; }
   #login .txt-nomem { padding: 15px 20px 10px; font-size: .875em; }
   #login .txt-nomem dd { margin-top: 5px; letter-spacing: -0.1em; }
   #login .txt-nomem .join-btn { margin: 10px 0; text-align: center; padding: 7px 10px; }
   #login .cookie-config { border: 1px solid #dadada; padding: 10px 15px; }
   #login .cookie-config p { text-align: center; font-size: .875em; }
   #login .cookie-config .wrap { margin-top: 10px; }
   #login .cookie-config li { list-style-type: none; }
   #login .cookie-config .div { margin-bottom: 10px; }
   #login .cookie-config .div strong { font-size: .875em; }
   #login .cookie-config .div .sub { padding-left: 10px; font-size: .875em; }
   
   
   #login .adult-auth { position: relative; margin-bottom:15px; padding: 17px 15px 17px 89px; border-radius:6px; background: url(/images/common/adult_auth_19.png) no-repeat #fff2f2 15px 30px; background-size: 58px 58px;}
   #login .adult-auth p { padding-bottom: 5px; letter-spacing: -1px; line-height:1.6; font-size:16px; }
   #login .go-adult { margin-bottom : 5px;}
   #login .go-pc { font-size : 0.75em; margin-top:10px; text-align:center; }
   #login #ipin_auth { position: relative; margin:15px 0 0; }
   #login #ipin_auth .ipin-auth-desc { font-size :.875em; margin-top:10px; text-align:center; margin-bottom:10px;}
   
    /* 한글자판 */
    .login #keyboard {text-align:center; margin:0 auto; font-size:14px;}
    .login #keyboard p {text-align:right; margin-bottom:12px;}
    .login #keyboard img {display:none; width:100%; margin-bottom:10px;}
    
    
    /*닫기버튼*/
#login .closeBtn {
    display: inline-block;
    position: absolute;
    top:20px;
    right:20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#login .closeBtn span {
    position: absolute;
    top: 14px; /* 높이의 중앙 배치 */
    left: 0;
    width: 30px;
    height: 2px; /* 선의 굵기 */
    background-color: #999; /* 선의 색상 */
    transition: 0.3s;
}

/* 첫 번째 span을 45도로 회전 */
#login .closeBtn span:nth-child(1) {
    transform: rotate(45deg);
}

/* 두 번째 span을 -45도로 회전 */
#login .closeBtn span:nth-child(2) {
    transform: rotate(-45deg);
}



/*게시판*/
.reviewBoardList{
    margin-bottom:100px;
    padding-top:50px;
    margin:0 10px;
}

.reviewBoardList h3{
    text-align: center;
    font-size: 23px;
    font-weight: 700;
    color: #000;
    margin-bottom: 25px;
}

.reviewBoardList .listWrap ul.tHead{
    border-bottom: 1px solid #ececec;
    background:#f8f8f8;
}

.reviewBoardList .listWrap ul.tBody{
    border-bottom: 1px solid #ececec;
}

.reviewBoardList .listWrap ul.tHead li{
    text-align:center;
    font-weight:bold;
}

.reviewBoardList .listWrap ul li.listTitle{
    width: 100%;
    border-top: 1px solid #ececec;
    line-height:47px;
    padding:0 20px;
}

.reviewBoardList .listWrap ul li.listCon{
    display:none;
    border-top:1px solid #ececec;
    padding:15px 5px;
}







/* BASIC css end */