/* BASIC css start */
/*배너*/

.join_banner_wrap{position:relative}
.join_arrow{position: absolute;bottom: -6%;left: 0;right: 0;width: 13%;margin: 0 auto;}
.join_arrow img{width:100%}
.join_banner{}
.join_banner img{width:100%}

.join_txt::after{clear:both;display:block;content:''}
.join_txt{ position: absolute;top:15%;left: 10%;}
.join_txt h3{font-size: 24px;font-weight: 600;}
.join_txt h4{text-align: right;margin-top: 15px;}
.join_txt h4 a{width: 100px;height: 32px;line-height: 32px;font-size: 14px;color: #fff;background-color: #2c4b3c;display: inline-block;text-align: center;}

/*쿠폰*/

.join_coupon_wrap{position:relative;margin:70px 0 40px}
         
.join_coupon_img img{width:100%}
     
.join_coupon_txt{position: absolute;top: 60%;left: 0px;right:0;margin: 0 auto;text-align:center}
.join_coupon_txt h3{font-size: 14px;color:#2c4b3c}
.join_coupon_txt h4{font-size:18px;margin-top: 5px;color:#2c4b3c;font-weight:bold}
 
 .join_coupon::after{clear:both;display:block;content:''}
.join_coupon{padding: 5% 5% 10% 5%}
.join_coupon li{width:49%;float:left;padding:0 2% 2% 0}
.join_coupon li:nth-of-type(even){padding-right:0}
.join_coupon li img{width:100%}

/*텍스트배너*/

.txt_banner{background-color:#3fa4ea;padding:2% 4%}
.txt_banner p{font-size:14px;color:#fff;line-height:150%}


/*상품*/

.join_pr{padding:5% 5% 5% 5%}
.join_pr::after{clear:both;display:block;content:''}
.join_pr h2{font-size: 14px;color:#2c4b3c;margin:20px 0;text-align:center;font-weight:600}
.join_pr li{width:49%;float:left;padding:0 2% 5% 0}
.join_pr li:nth-of-type(even){padding-right:0}
.join_pr li img{width:100%}
.join_pr .pr_name{font-size:14px;color:#161616;font-weight:600;margin-top:5px}
.join_pr .pr_s_price{font-size:14px;color:#161616;font-weight:600;padding:3px 0}
.join_pr .pr_price{font-size:12px;text-decoration:line-through;color:#565656}

.line{width:90%;margin:0 auto 10%;height:1px;background-color:#2b4b3b}


/* 사진으로교구보기 */
.ma{width:100%;background-color:#f7f7f7;}
.join_pic_wrap{margin-top:40px;;padding-bottom:20px;margin-bottom:17px;margin-left:5%}
.join_pic_wrap .join_pic{width:100%;margin:0 auto;}
.join_pic_wrap .join_pic.swiper-container .swiper-slide img{width:100%}
.join_pic_wrap .join_pic.swiper-container a{text-align:left}
.join_pic_wrap .join_pic.swiper-container .swiper-slide{;background:none}
.join_pic_wrap #main_tit{color:#161616;font-size:16px;font-weight:600;margin:30px 0 20px;letter-spacing:-0.5px;}

#special_txt{color:#2c4b3c;font-size:18px;text-align:center;margin-bottom:25px;}
#special_txt span{font-weight:bold}


/* BASIC css end */