/* ---- 상세페이지 ---- */
#product_detail{position: relative; width: 100%; height: auto; overflow: hidden;}

/* 썸네일 */
#product_detail .thumnail li{width: 100%; height: 235px; overflow: hidden;position: relative; background-color: #eee;}
#product_detail .thumnail li img{width: auto; height: 100%;position: absolute; left:50%; transform: translateX(-50%);}

/* 슬릭 화살표 */
#product_detail .slick-prev{position: absolute; top:50%; left: 20px; transform: translateY(-50%); z-index: 100; background: url(../../img/design/content/slick-prev.png) center/28px 42px; width: 28px; height: 42px; font-size: 0;}
#product_detail .slick-next{position: absolute; top:50%; right: 20px; transform: translateY(-50%); z-index: 100; background: url(../../img/design/content/slick-next.png) center/28px 42px; width: 28px; height: 42px; font-size: 0;}

/* 기간딜 배너 */
.period_banner{background: #62B22F; padding: 10px; color: #fff; text-align: center;}
.period_banner small{font-size: 10px; font-weight: 300; vertical-align:2px;}
.period_banner span{font-size: 13px;}
.period_banner span::before{content: ''; background: url(../../img/design/content/icon_clock_white.png) center/10px 10px; width: 10px; height: 10px; display: inline-block; margin-right: 5px;}

/* 상품정보 */
.store_info{width: 100%;height: auto; overflow: hidden; padding: 10px; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px;}
.store_info>li{float: left;}
.store_info .store_icon{width: 30px; height: 30px; border-radius: 15px; border: 1px solid #ddd; overflow: hidden; margin-right: 10px;}
.store_info .store_icon img{width: 100%; height: auto;}
.store_info .store_name{width: calc(100% - 120px); padding-top: 5px;}
.store_info .store_cs{padding: 5px 15px; border: 1px solid #ddd; border-radius: 5px; float: right; cursor: pointer; color: #888;}
.store_info .store_cs span::before{content: ''; background: url(../../img/design/content/icon_cs.png) center/12px 12px; width: 12px; height: 12px; display: inline-block; margin-right: 5px;}

.pinfo1{width: 100%; height: auto; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.pinfo1 .product_tit{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.pinfo1 .product_price{font-size: 18px; font-weight: 700; color: #62B22F;}

.pinfo2{width: 100%; height: auto; padding: 10px 0 15px; border-bottom: 1px solid #ddd; text-align: left; overflow: hidden;}
.pinfo2 li{float: left;}
.pinfo2 li:first-of-type{width: calc(100% - 120px); margin-right: 20px;}
.pinfo2 li:last-of-type{width: 100px;}
.pinfo2 .info_tit2{font-weight: 500; padding: 5px 0;}
.pinfo2 .info_txt2 strong{font-weight: 700; font-size: 16px;}
.pinfo2 .info_txt2 span{font-weight: 700; color: #62B22F; margin-left: 5px;}

.pinfo3{width: 100%; height: auto; padding: 15px 0; border-bottom: 1px solid #ddd; text-align: left; overflow: hidden;}
.pinfo3 li{width: 100%; overflow: hidden;  padding: 5px 0;}
.pinfo3 li p{float: left;}
.pinfo3 .info_tit3{font-weight: 500; width: 80px; width: 80px; margin-right: 5px;}
.pinfo3 .info_txt3{font-weight: 400; width: calc(100% - 85px);}

/* 상세정보 */
.product_detail h3{font-weight: 700; font-size: 18px; margin-bottom: 15px;}
.detail_info{text-align: center;}
.detail_info img{margin-bottom: 20px; width: 100%; height: auto;}
.detail_info h5{margin-bottom: 15px; font-size: 16px;}
.detail_info p{margin-bottom: 40px;}
.notice_txt{background: #f8f8f8; padding: 15px 10px 20px; border: 1px solid #eee; border-radius: 5px; margin-bottom: 15px; width: 100%;}
.notice_txt>img{width: 30px; height: 30px; margin: 0 auto 5px;}
.detail_tit{margin-bottom: 20px; background: #f8f8f8; font-size: 15px; font-weight: 700; border-radius: 5px; padding: 10px 0; border: 1px solid #eee;}
.detail_tit span::before{content: ''; background: url(../../img/design/content/icon_check.png) center/20px 20px; width: 20px; height: 20px; display: inline-block; margin-right: 5px; vertical-align: -4px;}

/* ---- 상세페이지 하단 고정버튼 ---- */
#fix_fundbtn{position: fixed; bottom: 0; width: 100%; height: auto; background: #fff; border-top: 1px solid #ddd; z-index: 500;}
.fundbtn1{padding: 15px 20px; overflow: hidden;}
.fundbtn1>div{float: left; cursor: pointer;}
.fundbtn1 .wish_btn{width: 45px; height: 45px; background: url(../../img/design/common/icon_heart.png) no-repeat center/20px 20px; margin-right: 10px; border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; font-size: 0;}
.fundbtn1 .share_btn{width: 45px; height: 45px; background: url(../../img/design/common/icon_share.png) no-repeat center/20px 20px;  margin-right: 10px; border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; font-size: 0;}
.fundbtn1 .fund_btn{width: calc(100% - 110px); background: #62B22F; color: #fff; height: 45px; line-height: 45px;border-radius: 5px; text-align: center;}

/* 클릭했을때 */
.fundbtn2{padding: 15px 20px; overflow: hidden; display: none;}
.fundbtn2 .option_select{width: 100%; height: 40px; border: 1px solid #ddd; border-radius: 5px; background: url(../../img/design/common/icon_select.png) no-repeat center right 15px / 18px 18px; padding: 5px 15px; margin-bottom: 10px; cursor: pointer; color: #666;}
.fundbtn2 .option_info{padding: 15px;border: 1px solid #ddd; border-radius: 5px; position: relative; margin-bottom: 15px;}
.fundbtn2 .option_info .option_name{margin-bottom: 20px; color: #666;}
.fundbtn2 .option_info .option_number{overflow: hidden;}
.fundbtn2 .option_info .option_number li{float: left; width: 34px; height: 30px; border: 1px solid #ddd; line-height: 28px; text-align: center;}
.fundbtn2 .option_info .option_number li:nth-of-type(1), .fundbtn2 .option_info .option_number li:nth-of-type(3){cursor: pointer; font-size: 18px;}
.fundbtn2 .option_info .option_number li:nth-of-type(2){border-right: 0; border-left: 0; background: #f8f8f8;}
.fundbtn2 .option_info .option_price{position: absolute; bottom: 15px; right: 15px; font-weight: 700; color: #666;}
.fundbtn2 .option_info .option_close{position: absolute; top:15px; right: 15px; width: 18px; height: 18px; cursor: pointer;}
.fundbtn2 .option_info .option_close img{width: 100%; height: auto;}

.fundbtn2 .total{overflow: hidden;margin-bottom: 15px;}
.fundbtn2 .total div:first-of-type{color: #666; font-weight: 400; float: left;}
.fundbtn2 .total div:last-of-type{color: #666; font-weight: 400; float: right;}
.fundbtn2 .total div:last-of-type span{color: #62B22F; font-weight: 700; font-size: 16px;}
.fundbtn2 .fund_btn{width: 100%; background: #62B22F; color: #fff; height: 45px; line-height: 45px;border-radius: 5px; text-align: center;}

.black_bg{width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 400; position: fixed; top:0; left: 0; display: none;}

/****-- 20221205 css추가 --****/
/* 회사 등록 폼 regist_producer.html regist_company.html */
/* 배너 */
#regist_producer .form_banner{height:120px; padding: 35px 20px 0; font-size: 17px; font-weight: 600; color: #fff;}
#regist_producer .form_banner1{background: #ffb636 url(../../img/design/content/form_banner_illust1.png) no-repeat bottom -40px right -50px / auto 190px;}
#regist_producer .form_banner2{background: #82C655 url(../../img/design/content/form_banner_illust2.png) no-repeat bottom -40px right -50px / auto 190px;}
/* 타이틀 */
#regist_producer .sub_tit{font-size: 18px; font-weight: 600; margin-bottom: 30px; border-bottom: 1px solid #555; padding-bottom: 15px;}
#regist_producer .sub_txt{font-size: 13px; color: #555; font-weight: 400; float: right; transform: translateY(5px);}
#regist_producer .sub_txt span.essential{transform: translateY(-3px); margin-right:4px;}
/* 표 */
form#regist_pform table{width: 100%;}
span.essential{width: 4px; height: 4px; border-radius: 50%; background: #62B22F; display: inline-block; transform: translateY(-9px); margin-left: 3px;}
.memberCols1{width: 95px; padding-top: 10px; vertical-align: text-top;}
.memberCols2 {font-size: 14px; padding-bottom: 30px;}
.memberCols2.phone{padding-bottom: 10px;}
.memberCols2 input{height: 50px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px; font-size: 14px;}
.memberCols2 input.w100{width: 100%;}
.memberCols2 input.w50{width: 50%;}
.memberCols2 input[type=radio]{width: 15px; height: 15px; transform: translateY(3px); margin-right: 8px;}
.memberCols2 input#mail1, .memberCols2 input#mail2{width: calc((100% - 20.5px) / 2); display: inline-block;}
.memberCols2 select#phone1{width: calc((100% - 25px)/ 3); height: 50px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
.memberCols2 input#phone2, .memberCols2 input#phone3{width: calc((100% - 25px)/ 3); display: inline-block;}
.memberCols2 input[type=button]{float: right; border: none;}
.memberCols2 input#checknum{width: calc(100% - 162px);}
.memberCols2 input#h_number1, .memberCols2 input#h_number2, .memberCols2 input#h_number3{width: calc((100% - 23px) / 3); height: 50px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
.required_message{color: #555; font-size: 0.9em; margin-top: 6px;}
.memberCols2 textarea{width: 100%; height: 15em; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px; font-size: 14px; resize: none;}
/* 버튼 */
.regist_btn{width: 250px; padding: 12px; border-radius: 5px; background: #62B22F; color: #fff; text-align: center; font-size: 1.05em; margin: 10px auto; font-weight: 500;}