
/* 반티원 상세페이지 템플릿 CSS */
/* 20240904 웹팀 차수민 */
/* 250305 마지막 갱신 */


/* font */

/* 검은고딕 */


/* .details-info{}   wrap */

/* head  */

.d-head{font-family: 나눔바른고딕, NanumBarunGothic !important; font-size: 48px;}
.d-sub{font-size: 14pt; color: rgb(225, 225, 225);}

/* 상품소개부분 */
li{list-style: none;}
.goodsbox{max-width: 1100px; width:100%; height: 760px; clear:Both; overflow: hidden; border-radius: 30px; border: 6px solid #496394; position: relative; margin:30px auto; box-sizing: border-box;}
.goodsbox li{float: left; position: relative; width: 50%; height: 100%;}
.goodsbox li img{position: absolute; transform: translate(0, -50%); left: 10%; top: 50%; min-width: 450px !important; max-width: 450px !important;}
.goodsinfo{color: #022775; height: fit-content; position: absolute; top: 50%; transform: translate(0%,-50%); margin-left: 50px; font-size: 27px;} 
.goodsinfo h1{color: #022775; margin: 0 0 20px 0; font-size: 60px; font-weight:bold; font-family: 나눔고딕, NanumGothic !important; text-indent:0px; line-height:normal;}
.goodsinfo span{font-size: 17pt; font-family: 나눔고딕, NanumGothic !important; font-weight:bold;}


/* .extrainfo{} 인쇄안내 및 실측사이즈 */


.extrainfo span{font-family: 검은고딕, Black Han Sans !important; font-size: 40px; color: #022775;}
.extrainfo span.sp-head{font-size: 80px;}


/* 안내문구 배경색 */
.p-info-box{width:100%; height:auto; background:#87b5d6; padding: 10% 10% 10% 10%; box-sizing: border-box;}
.p-info-box span{color: #022775; font-size: 18pt; font-family: 나눔고딕, NanumGothic !important; font-weight:bold;}


/* 배송안내 */

.delivery-info{font-family: 'NanumBarunGothic' !important; width: 100%; max-width: 1200px; margin: 0 auto;}
.del-head{width: 500px; height: 100px; background-color: #d3def1; color: #080059; font-size: 3em; text-align: center; border-radius: 50px; margin: 50px auto; line-height: 100px; font-weight: bold;}
.delivery-info .del-container{border: none; padding: 20px; width: 100%; margin-bottom: 20px; clear: both; box-sizing: border-box;}
.del-container>div{float: left;}
.d-notice-list{font-size: 1.2em;}

.delivery-info li{list-style: none; margin-bottom: 10px; text-align: left;}
.delivery-info li:last-child{margin-bottom: 0;}
.delivery-info .del-item{width: calc(100% - 300px); height: 250px; box-sizing: border-box;  border: 2px solid #d3def1; padding: 25px;}
.delivery-info .del-sub{background-color: #0f63a8; color: #87b1d4; width: 300px; text-align: center; font-size: 1.5em; padding: 35px; border: none; height: 250px; box-sizing: border-box;}
.delivery-info div>span{display: block;}
.delivery-info div>p{font-weight: bold; font-size: 2em; color: #fff; margin-top: 40px;}
.delivery-info li>span{color: #080059; font-weight: bold;}
.delivery-info a{text-decoration: none; background:#d3def1; color: #080059; display: inline-block; transition: 0.3s; padding: 2px 3px; font-weight: normal;}
.delivery-info a:hover{background:#080059; color: #d3def1; transition: 0.3s;}

.extrainfo+img {text-align: center; display: block; margin: 0 auto;}



/* 모바일 */


@media (max-device-width: 1199px) {

/* head  */
.d-head{font-size: 40px;}

/* 안내문구 */
.p-info-box{padding: 5% 5% 5% 5%;}
.p-info-box span{font-size: 2.4vw;}

/* 배송안내 */
.delivery-info{width: 100%;}
.del-container>div{float: none;}
.delivery-info .del-sub{width: 100%; padding: 30px; height: 150px;}
.delivery-info .del-item{width: 100%; height: auto;}
.delivery-info div>span{display: inline-block;}
.delivery-info div>p{margin-top: 5px;}

}





@media (max-device-width: 990px) {

/* head  */
.d-head{font-size: 4vw;}

/* 상품소개부분 */
li{list-style: none;}
.goodsbox{height: auto; position: static;}
.goodsbox li{float: none; position: static; padding: 10% 0 10% 0; width: 100%; height: auto;}
.goodsbox li img{position: static; transform:translate(0,0); max-width: 100% !important; min-width: auto !important; width: 450px !important;}
.goodsinfo{margin: 0; position: static; transform: translate(0,0);} 
.goodsinfo h1{font-size: 5vw;}
.goodsinfo span{font-size: 3vw;}


/* 인쇄안내 및 실측사이즈 */
.extrainfo span{font-size: 30px;}
.extrainfo span.sp-head{font-size: 50px;}

}


@media (max-device-width: 768px){


/* head  */
.d-head{font-size: 4.5vw;}
.d-sub{font-size: 2.5vw;}

/* 상품소개부분 */
.goodsinfo h1{font-size: 6vw;}

/* 인쇄안내 및 실측사이즈 */
.extrainfo span{font-size: 3.5vw;}
.extrainfo span.sp-head{font-size: 6vw;}

/* 안내문구 */
.p-info-box{padding: 5% 1% 5% 1%;}
.p-info-box span{font-size: 3vw;}

/* 배송안내 */
.del-head{width: 100%; border-radius: 0;}


}


@media (max-device-width: 479px) {  


/* head  */

.d-head{font-size: clamp(16px, 4.5vw, 20px);}
.d-sub{font-size: 8pt;}

/* 상품소개부분 */
.goodsinfo span{font-size: 4vw;}

    
/* 인쇄안내 및 실측사이즈 */
.extrainfo span{font-size: 18px;}
.extrainfo span.sp-head{font-size: 22px;}

/* 안내문구 */
.p-info-box span{font-size: 4vw;}

    }


