/* BASIC css start */ /*메인 css*/ #mainSpot .swiper-wrapper{height:auto;} #content { width:1280px;} #wrap{height:auto} #contentWrapper{width: 100%; height:auto} #mainSpot{ width:100%} .main_inner{width:1280px;margin:0 auto;position:relative} .swiper{width:100%; } .swiper-slide{width: 100%;} .swiper-slide img{width:100%;} .swiper_button_prev{cursor:pointer; background: url(//skin.makeshop.co.kr/skin/spring_market/img/arrow-2.png) no-repeat center center; background-size: contain; width: 34px; height: 68px;position: absolute; left: 200px; top: 50%; transform:translateY(-50%); z-index: 2000; } .swiper_button_next{cursor:pointer; background: url(//skin.makeshop.co.kr/skin/spring_market/img/arrow.png) no-repeat center center; background-size: contain; width: 34px; height: 68px;position: absolute; right: 200px; top: 50%;transform:translateY(-50%); z-index: 2000;} .swiper-pagination {position:absolute; width:auto; left:calc(50% - 640px); bottom:100px} .swiper-pagination span{color:grey} .swiper-pagination-current{font-weight:800; color:#000 !important} .btn_stop{line-height:30px; cursor:pointer; text-align:center; width:30px; height:30px;border-radius:50%; position: absolute;left: calc(50% - 585px); bottom: 93px; z-index:5000;transform:translateX(-50%); background-color:#fff } .btn_play{text-indent:0;line-height:30px;cursor:pointer;text-align:center; width:30px; height:30px;border-radius:50%; position: absolute;left: calc(50% - 585px); bottom: 93px;transform:translateX(-50%); z-index:5000 ; background-color:#ddd} .btn_stop{text-indent:-9999px;background: url(//skin.makeshop.co.kr/skin/spring_market/img/main_btn.png) no-repeat center center;background-size: contain;} .event_banner{width: 100%; height: 176px; margin-top:50px} .event_banner ul{height: 176px; display: flex; justify-content: space-between;align-items: center;} .event_banner ul li{float:left;width: 420px; height: 176px; background: url(//skin.makeshop.co.kr/skin/spring_market/img/sub1.png) no-repeat center center; background-size: contain;} .event_banner ul li a{display: block; width:100%; height:100%} .item-wrap{padding-top:50px} .item-list{margin-right:20px; position:relative} .item-list:nth-child(4n){margin-right:0 !important} .prd_hover{ display:none;position:absolute; top:0; left:0; z-index:100; background-color:rgba(255,255,255,0.8); width:305px; height:305px} .new_product_section{width: 1280px; margin: 0 auto; height: 1010px;} .new_product_section h2{text-align: center;padding-top: 70px; font-size:28px;font-weight:500; color:#333} .new_product_section>p{text-align: center;padding-top: 5px; padding-bottom: 35px; font-size:17px; color:#999; font-weight:300; margin-bottom:15px} .new_wrap{width: 100%; height: 800px; } .new_wrap .cate{width: 100%; position: relative;} .new_wrap .cate h3{cursor:pointer; box-sizing:border-box !important;width: calc(100% / 5); border: 1px solid #eee; float: left; text-align:center; height: 56px; line-height: 56px; color:#747474; border-right:none; font-size:14px} .new_wrap .cate:last-child>h3{border-right:1px solid #eee !important} .new_wrap .cate h3.on{border-color:#000; border-bottom:none; color:#000; border-right:1px solid #000 !important} .new_wrap .cate .new_prd_cont{ height: 740px; width: 1280px; position: absolute; left: 0; top: 56px;display: none;} .new_wrap .cate .new_prd_cont.on{display: block;} .item-wrap{height:100%; } .prd-info{cursor:pointer; position:relative;display:flex; flex-direction:column;align-content: center;width:305px; height:305px;justify-content: center;} a.prd-link{width:305px; height:305px; position:absolute; left:0; top:0;z-index:-1;} .prd-info p{margin-top:10px} .prd-info p.prd-name{font-size:15px; color:#000} .prd-info .prd_icons{position:absolute; bottom:40px; left:50%; transform:translateX(-50%);} .prd-info .prd_icons a{text-indent:-9999px; display: inline-block; width: 23px; height: 23px; background: no-repeat center center; background-size: contain; margin-right: 15px;} .prd-info .prd-color{margin-top:0 !important;} .new_wrap .item-list .prd_hover .prd-price .price{font-weight:700 !important} .new_wrap .item-list .prd_hover .prd-price strike{font-size:15px} .new_wrap .item-list .prd_hover .prd_review span{font-weight:700 !important} .img_banner{margin-bottom:20px;margin-top:30px;width:1280px; height:280px; background:no-repeat center center; background-size: contain;} .img_banner a{display:block; width:100%; height:100%} .best_seller h3{text-align: center;padding-top: 100px; font-size:28px; font-weight:500; color:#333 } .best_seller p.best_p{ text-align: center; padding-top: 5px; font-size: 17px; color: #999; font-weight: 300; margin-bottom: 15px;} .best_seller .item-wrap {} .best_seller .item-wrap .item-cont{} .best_seller .item-wrap .item-cont .item-list{} .best_seller .item-wrap .item-cont .item-list .best-prd-info{} .best_seller .best-prd-info p{text-align:left; margin-top:5px} .best_seller .best-prd-info .prd-price{margin-top:0px; font-size:15px !important} .best_seller .best-prd-info .prd-price span.price{font-weight:700; } .best_seller .best-prd-info .prd-price strike{color:#ccc !important} .best_seller .best-prd-info .prd_review{margin-top:20px !important} .background_bg{display:none; width:100%; height:100%; background:#000; opacity:0.6; position:fixed;top:0; left:0; z-index:997; } /*성인로그인 css*/ #joinAdult { display:none; position:relative; padding: 100px 80px 80px; text-align: center; background: #fafafa;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -60%); z-index:998; } #joinAdult .adult-top { position:relative; width:840px; margin:55px auto; } #joinAdult .adult-top a { position:absolute; top:120px; left:260px; display:inline-block; width:160px; height:40px; line-height:40px; color:#fff; font-weight:bold; font-size:16px; background:#cb3131; text-align:center; letter-spacing:-1px; font-family:dotum; } #joinAdult .cnt-box:after { clear: both; content: ""; display: block; } #joinAdult .cnt-box {} #joinAdult .cnt-box .ipin-big-box { text-align:center; } #joinAdult .cnt-box .ipin-big-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; } #joinAdult .cnt-box .ipin-big-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; left:415px; } #joinAdult .cnt-box .ipin-big-box a.btn-b { display:inline-block; width:300px; padding:12px 0; margin-top:10px; margin-bottom: 20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; } #joinAdult .cnt-box .ipin-big-box a img { vertical-align:middle; } #joinAdult .cnt-box .ipin-box { float:left; width:355px; margin-left:65px; text-align:left; border-right:1px solid #d6d6d6; } #joinAdult .cnt-box .ipin-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; } #joinAdult .cnt-box .ipin-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; } #joinAdult .cnt-box .ipin-box a.btn-b { display:inline-block; width:300px; padding:12px 0; margin-bottom:20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; } #joinAdult .cnt-box .ipin-box a img { vertical-align:middle; } #joinAdult .cnt-box .phone-big-box { text-align:center; } #joinAdult .cnt-box .phone-big-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; } #joinAdult .cnt-box .phone-big-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; left:415px; } #joinAdult .cnt-box .phone-big-box a.btn-b { display: inline-block; width: 284px; padding: 30px 0; margin:10px 0 32px; color: #000; font-weight: 500; background: #fff; text-align: center; border: 1px solid #ddd; } #joinAdult .cnt-box .phone-big-box a img {display:block; margin:0 auto 10px;} #joinAdult .cnt-box .phone-box { float:right; width:300px; margin-right:65px; text-align:left; } #joinAdult .cnt-box .phone-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; } #joinAdult .cnt-box .phone-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; } #joinAdult .cnt-box .phone-box a { display:inline-block; width:300px; padding:12px 0; margin-bottom:20px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; } #joinAdult .cnt-box .phone-box a img { vertical-align:middle; } #joinAdult .cnt-box .guest-box { float:right; width:50%; padding-left:60px; box-sizing:border-box; } #joinAdult .cnt-box .guest-box .box-tit { position:relative; margin-bottom:32px; font-weight:700; color:#333; font-size:24px; line-height:35px; text-align:center;} #joinAdult .cnt-box .guest-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; } #joinAdult .cnt-box .guest-box a.btn-b { display: inline-block; width: 284px; padding: 30px 0; margin-bottom: 32px; color: #000; font-weight: 500; background: #fff; text-align: center; border: 1px solid #ddd; } #joinAdult .cnt-box .guest-box a.btn-b img{display:block; margin:0 auto 10px;} #joinAdult .cnt-box .guest-box a.btn-s { display:inline-block; width:142px; padding:12px 0; margin-bottom:20px; margin-right:5px; color:#fff; font-weight:bold; background:#414c5b; text-align:center; } #joinAdult .cnt-box .guest-box a img { vertical-align:middle; } #joinAdult .cnt-box .login-box { float:left; position:relative; width:50%; padding-right:60px; box-sizing:border-box; } #joinAdult .cnt-box .login-box .box-tit { position:relative; margin-bottom:32px; font-weight:700; color:#333; font-size:24px; line-height:35px; text-align:center; } #joinAdult .cnt-box .login-box .loginWrap{position:relative; margin-bottom:32px;} #joinAdult .cnt-box .login-box ul { width:432px; margin-right:80px; } #joinAdult .cnt-box .login-box ul li { position:relative; height:54px; margin-bottom:12px; line-height:54px; border:1px solid #ddd; background:#fff; } #joinAdult .cnt-box .login-box ul li:last-child{ margin-bottom:0; } #joinAdult .cnt-box .login-box ul li label { position:absolute; top:0; left:10px; font-size:14px; color:#b3b3b3; } #joinAdult .cnt-box .login-box ul li .input-text { width:90%; height:54px; line-height:54px; border:none; font-size:14px; color:#000; vertical-align:top; } #joinAdult .cnt-box .login-box .btn-login { position: absolute; top: 0; right: 0; display: inline-block; width: 136px; height: 124px; line-height: 124px; color: #fff; font-size: 18px; font-weight: 500; background: #000; } #joinAdult .cnt-box .login-box .btn-login-member { position:absolute; top:0px; right:0; display:inline-block; width:80px; height:75px; line-height:75px; *height:77px; _height:75px; color:#fff; font-size:12px; font-weight:bold; background:#3c3f46; } #joinAdult .cnt-box .login-box .join-find { width:100%; height:55px; line-height:57px; margin-top:5px; color:#808080; font-size:12px; font-weight:bold; text-align:left; } #joinAdult .cnt-box .login-box .join-find .chk-box { height:20px; line-height:22px; padding-left:20px; background:url(/images/common/h15_ssl_check.gif) no-repeat 0 2px; } #joinAdult .cnt-box .login-box .join-find .chk-box label { display:inline-block;} #joinAdult .cnt-box .login-box .join-find .chk-box input { width:0; height:0; filter:alpha(opacity:0); opacity:0; } #joinAdult .cnt-box .login-box .snsLogin{text-align:left; margin-bottom:32px;} #joinAdult .cnt-box .login-box .snsLogin a.n_login_btn{display:block; text-align:center; background:#04c75b;} #joinAdult .login_info p{font-size:12px; font-weight:400; color:#747474;line-height:20px; } #joinAdult .login_info.c_left p{text-align:left;} #joinAdult .cnt-box .msg-box { float:left; width:355px; margin-left:65px; text-align:left; } #joinAdult .cnt-box .msg-box .box-tit { position:relative; font-weight:bold; color:#000; margin:10px 0; font-size:18px; } #joinAdult .cnt-box .msg-box .box-tit span { display:inline-block; position:absolute; top:-10px; left:0; width:18px; height:2px; border-top:2px solid #4d4d4d; } #joinAdult .cnt-box .login-box .btn-join { display:inline-block; width:305px; height:46px; line-height:48px; margin-top:10px; color:#fff; font-size:12px; font-weight:bold; background:#7e8999; } #joinAdult-footer { padding:20px 0; text-align:center; color:#808080; } #joinAdult-footer .ft-links { font-size:11px; color:#808080; } #joinAdult-footer .ft-links a { font-size:11px; color:#808080; text-decoration:none; } #joinAdult-footer .ft-links a strong { font-size:11px; color:#000; } #joinAdult-footer .ft-links span { display:inline-block; padding:0 8px; color:#e0e0e0; } #joinAdult-footer .ft-links .cs_center {vertical-align:middle; color:#808080;} /*닫기버튼*/ #joinAdult .closeBtn { display: inline-block; position: absolute; top:20px; right:20px; width: 30px; height: 30px; cursor: pointer; } #joinAdult .closeBtn span { position: absolute; top: 14px; /* 높이의 중앙 배치 */ left: 0; width: 30px; height: 2px; /* 선의 굵기 */ background-color: #000; /* 선의 색상 */ transition: 0.3s; } /* 첫 번째 span을 45도로 회전 */ #joinAdult .closeBtn span:nth-child(1) { transform: rotate(45deg); } /* 두 번째 span을 -45도로 회전 */ #joinAdult .closeBtn span:nth-child(2) { transform: rotate(-45deg); } /*게시판*/ .reviewBoardList{ margin-bottom:100px; } .reviewBoardList h3{ text-align: center; padding-top: 100px; margin-bottom:50px; font-size: 28px; font-weight: 500; color: #333; } .reviewBoardList .listWrap ul.tHead{ border-bottom: 1px solid #ececec; background:#f8f8f8; } .reviewBoardList .listWrap ul.tBody{ border-bottom: 1px solid #ececec; } .reviewBoardList .listWrap ul li.listTitle{ display: flex; justify-content: space-between; width: 100%; border-top: 1px solid #ececec; text-align: center; } .reviewBoardList .listWrap ul li.listTitle span{ display:block; text-align: center; flex-grow:1; line-height:50px; cursor:pointer; } .reviewBoardList .listWrap ul li.listTitle span.c_left{ text-align: left; } .reviewBoardList .listWrap ul li.listTitle span:nth-child(1){ flex:0 0 100px; } .reviewBoardList .listWrap ul li.listTitle span:nth-child(3){ flex:0 0 170px; } .reviewBoardList .listWrap ul li.listTitle span:nth-child(4){ flex:0 0 170px; } .reviewBoardList .listWrap ul li.listCon{ display:none; border-top:1px solid #ececec; padding:15px 15px 15px 100px; } /* BASIC css end */