/* fmans_mall_renew    2020/11/02 */
/* 꽃집청년들 상세페이지 스타일시트 */
@charset "UTF-8";


/*************************************************
******************* 공통부분 ********************
*************************************************/

/* 모바일 타이틀 padding 부분 */
@media only screen  and (max-width:600px) {
  .detail_title_area .name {
    padding-bottom: 1%;
  }
}
/* 모바일 타이틀 부분 끝 */


/* 모바일 가격 부분 하단 패딩값 */
@media only screen  and (max-width:600px) {
  .goods_thumbs_spec #goods_spec {
      padding: 0 0 0px 0px;
  }
}
/* 모바일 가격 부분 하단 패딩값 끝 */

/* 모바일 탭메뉴 부분 */
@media only screen  and (max-width:600px) {
  .goods_information_tabs>a {
      font-size: 0.8em;
  }
}
/* 모바일 탭메뉴 부분 끝 */


/* 상품상세 상단 부분 (배너)  */
.bn_detail {
  height:200px;
  margin:5% 0;
  background-color:#eee;
}
/* 상품상세 상단 부분 (배너) 끝 */


/* 추천상품 부분 위아래 마진 값 */
.detail_product_list { margin:5% 0;}
@media only screen and (max-width:600px) {
  /* 꽃청 수정 START 홍우기 2020.11.02 */
  /*.detail_product_list { margin:0% 0 10%;}*/
  .detail_product_list { margin:25px 0;}
  /* 꽃청 수정 END */
}
/* 추천상품 부분 위아래 마진 값 끝 */


/* 모음전 상품리스트 마지막 리스트의 하단 여백 추가 (카드형 모음전 상품의 소스코드) */
.detail_page > a:last-child > img {
  margin:0 0 60px 0;
}
/* 모음전 상품리스트 마지막 리스트의 하단 여백 추가 */


/* 축하화환 더블적립 이벤트 배너 */
.banner_wreath_double {
  margin-bottom:30px;
}
/* 축하화환 더블적립 이벤트 배너 끝 */


/* 이런 분들에게 추천해요 - 빼빼로데이2022에 처음 사용 */
.detail_page .icon_good {display:inline-block;width:1.4em;height:1.4em;margin:0 0 10px 0; vertical-align:middle; background-image:url("/data/images/icon/icon_good.png"); background-size:contain;background-repeat:no-repeat;}
/* 이런 분들에게 추천해요 끝 */


/*****************************************************
******************* 공통부분 끝 ********************
***************************************************/









/***************************************************************
******************* 상세페이지 체크 포인트 ********************
********** 각 상품의 안내사항으로 상단에 위치   **************/


/* 최상단 배송안내 공통배너 - bn_top_delivery / goos>view.html  */
 .bn_top_delivery {position:relative; width:860px; margin:0 auto 0%; padding:3.5% 0%;text-align:center;color:#222;background-color:#fff9e8;}
 .bn_top_delivery img {display:block;width:10%;margin:0 auto;}
 .bn_top_delivery p {display:inline-block;margin:2% 0 0 0; padding:0.2em 0; border-top:1px solid #222; border-bottom:1px solid #222;font-size:1.4em;line-height:1.2em;}
 .bn_top_delivery p strong.red {color:#f00;}

@media screen and (max-width:890px) {
 .bn_top_delivery {width:auto;padding:7% 0%;}
 .bn_top_delivery img {width:15vw; height:auto;}
 .bn_top_delivery p {width:85%; margin:3% 0 0 0; padding:0.3em 0; font-size:3.8vw;}
}
/* 최상단 배송안내 공통배너 끝 */


/* 한스케익 판매기한 공지 / goods>view.html */
.bn_top_hans_off{width:860px;text-align:center;box-sizing:border-box;margin:3% auto; padding:3% 3%;}
.bn_top_hans_off p{line-height:1.2em;font-size:1.6em;color:#f00;}
.bn_top_hans_off p span {display:block;font-size:1.0rem;margin:1.2em 0 0 0;line-height:1.2em;}
.bn_top_hans_off .bn_view_pc {display:block;}
.bn_top_hans_off .bn_view_mobile {display:none;}
@media screen and (max-width:890px) {
  .bn_top_hans_off{width:100%;margin:0 auto 4vw;padding:5% 3%;}
  .bn_top_hans_off p{font-size:3.65vw;line-height:1.4em;}
  .bn_top_hans_off p span{font-size:3.0vw;}
  .bn_top_hans_off .bn_view_pc {display:none;}
  .bn_top_hans_off .bn_view_mobile {display:block;}
}
/* 한스케익 판매기한 공지 끝 */


/* 어버이날 체크 포인트 / 210317 추가 서민혁 */
.parentday_checkpoint{width:860px;text-align:center;border:3px solid red;box-sizing:border-box;margin:0 auto 60px;padding:28px 20px;}
.parentday_checkpoint p{line-height:1.6em;font-size:1.6em;color:#ed2e2a;}
.parentday_checkpoint i{display:block;width:38px;height:38px;margin:0 auto 20px;}

@media screen and (max-width:890px) {
  .parentday_checkpoint{width:100%;margin:0 auto 4vw;}
  .parentday_checkpoint p{line-height:1.6em;font-size:3.85vw;}
  .parentday_checkpoint i{width:8.5vw;height:8.5vw;margin:0 auto 3vw;}
}
/* 어버이날 체크 포인트 / 210317 추가 서민혁 끝 */


/* 어버이날 배송안내 / 230411 추가 서민혁 */
.parentsday_pc { display:block; margin: 0 auto;}
.parentsday_mobile { display:none; margin:0 auto;}
@media screen and (max-width:890px) {
.parentsday_pc { display:none;}
.parentsday_mobile { display:block;}
}
/* 어버이날 배송안내 끝 */


/* 배송마감 체크 포인트 / 210507 추가 서민혁 */
.delivery_checkpoint{width:860px;text-align:center;box-sizing:border-box;margin:0 auto 30px;padding:20px;}
.delivery_checkpoint p{line-height:1.6em;font-size:1.6em;font-weight:bold;color:#ed2e2a;}

@media screen and (max-width:890px) {
  .delivery_checkpoint{width:100%;margin:0 auto 4vw;}
  .delivery_checkpoint p{line-height:1.6em;font-size:3.85vw;}
}
/* 배송 체크 포인트 / 210507 추가 서민혁 끝 */


/* 발렌타인데이 체크 포인트 / 220125 추가 서민혁 */
.valentineday_checkpoint{width:860px;text-align:center;border:0px solid red;box-sizing:border-box;margin:0 auto 40px;padding:28px 20px;}
.valentineday_checkpoint h3 {margin:0 0 1.0em 0;font-size:2.4em;font-weight:bold;color:#ff0000;}
.valentineday_checkpoint p{line-height:1.2em;font-size:1.6em;color:#222;}
.valentineday_checkpoint p span {display:block;font-size:1.0rem;margin:1.2em 0 0 0;line-height:1.2em;}

@media screen and (max-width:890px) {
  .valentineday_checkpoint{width:100%;margin:0 auto 4vw;}
  .valentineday_checkpoint h3 {margin:0 0 0.6em 0;font-size:5.0vw;font-weight:bold;color:#ff0000;}
  .valentineday_checkpoint p{font-size:3.65vw;}
  .valentineday_checkpoint p span{font-size:3.0vw;}
}
/* 발렌타인데이 체크 포인트 / 210317 추가 서민혁 끝 */


/* 빼빼로데이 자체상품 공지(즐거운마음) */
.livegreen {color:#71a200 !important;}
p.detail_notice { margin:60px 0; text-align:center; }
@media screen and (max-width:890px) {
  p.detail_notice { margin:5vw 0; font-size:1.4em; }
}
@media screen and (max-width:500px) {
  p.detail_notice {margin:5vw 0;font-size:1.1em; }
}
/* 빼빼로데이 자체상품 공지(즐거운마음) 끝 */

/* 크리스마스 상품 상단 배너 (이벤트 알림용) */
.bn_detail_christmas {position:relative; width:860px; margin:2% auto; padding:3%;box-sizing:border-box; font-size:3.2em; color:#a80101; line-height:1.0em; letter-spacing: -0.2px; background-image:url('/data/images/event/christmas/2022/banner_detail_christmas2022_bg.jpg'); background-repeat:no-repeat;  background-position:-10% 0; background-size:cover;background-color:#f3f2ee;}
.bn_detail_christmas span {margin-left:3px; font-size:0.85rem; font-weight:bold;}
.bn_detail_christmas h5 {margin:1% 0 0 0;font-weight:300;}
.bn_detail_christmas p.bn_detail_chiristmas_p {margin:3% 0 6% 3px;font-size:1.0rem;line-height:1.2em;}

@media screen and (max-width:890px) {
  .bn_detail_christmas {width:100%;padding:3% 5%;font-size:6.0vw;background-position:-20% 0; }
  .bn_detail_christmas span {font-size:1.8vw;}
  .bn_detail_christmas p.bn_detail_chiristmas_p {font-size:2.2vw;line-height:1.4em;}
}
/* 크리스마스 상품 상단 배너 (이벤트 알림용) 끝 */


/* SNS 리뷰 이벤트 상단 배너 */
.bn_top_review {width:100%; margin:0 0 1em 0; text-align:center;}
/* SNS 리뷰 이벤트 상단 배너 끝 */



/******************************************************************
******************* 상세페이지 체크 포인트 끝 ********************
********** 각 상품의 안내사항으로 상단에 위치 끝   **************/








/**************************************************************
******************* 콜라보 상품 배너 부분 ********************
**************************************************************/

/* 한스 콜라보 스토리 커버 */
.detail_page .hans_collabo_story {position:relative;width:860px;height:230px;margin:2% auto 5%; padding:40px 40px 70px; font-size:1.3em; color:#fff;text-transform:uppercase; background-image:url(/data/images/event/hans/bg_detail_00.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;box-sizing:border-box;}
.detail_page .hans_collabo_story h5 {font-size:0.80em;font-weight:bold;}
.detail_page .hans_collabo_story h5 span {font-weight:300;}
.detail_page .hans_collabo_story p {font-size:1.0em;width:78%;margin:2% 0 0 0;}
.detail_page .hans_collabo_story i {position:absolute;top:10%; right:5%;width:60px;height:60px;background-image:url(/data/images/event/hans/icon_bg_detail_00.png);background-repeat:no-repeat;background-size:cover;background-position:center;}
@media screen and (max-width:890px) {
  .detail_page .hans_collabo_story {width:100%;height:25vw;padding:4.0vw 4.0vw 7.0vw;font-size:2.0vw;}
  .detail_page .hans_collabo_story i {width:6.0vw;height:6.0vw;}
}
@media screen and (max-width:500px) {
  .detail_page .hans_collabo_story {height:auto;font-size:3.2vw;}
  .detail_page .hans_collabo_story h5 {font-size:3.2vw;}
  .detail_page .hans_collabo_story p {width:87%;font-size:2.4vw;}
  .detail_page .hans_collabo_story i {top:5%; right:2%; width:10.0vw;height:10.0vw;}

}
@media screen and (max-width:375px) {
  .detail_page .hans_collabo_story p {width:97%;font-size:2.4vw;}

}
/* 한스 콜라보 스토리 커버 끝 */



/* 콜라보 스토리 커버 */
.collabo_story {position:relative; display:flex; align-items:center; width:860px;height:auto; margin:2% auto 2%; padding:0% 0%; background-image:url(/data/images/cover/collaboration/bg_collabo_cover.jpg); background-repeat:no-repeat;background-size:cover; background-position:center;box-sizing:border-box;}
.collabo_story h5 {padding:5% 3%;font-size:2.4em;line-height:1.2em;color:#7d3e0d;}
.collabo_story h5 i {display:block;padding:0 0 13px 0;font-size:0.85rem;font-weight:bold;font-style:normal;text-transform:uppercase;}
.collabo_story h5 span {display:block;padding:13px 0 0 0;font-size:1.0rem;line-height:1.2em;}
@media screen and (max-width:890px) {
  .collabo_story {width:100%;}
  .collabo_story h5 {font-size:4.2vw;}
  .collabo_story h5 i {padding:0 0 1.3vw 0;font-size:1.6vw;}
  .collabo_story h5 span {padding:1.3vw 0 0 0;font-size:2.0vw;line-height:2.6vw;}
}
@media screen and (max-width:500px) {
  .collabo_story {background-position:30% 100%;}
  .collabo_story h5 {font-size:1.8em;padding:6.5% 3.5%;}
  .collabo_story h5 i {font-size:0.68rem;}
  .collabo_story h5 span {padding:1.2em 0 0 0;font-size:0.75rem;line-height:1.2em;}
}
/* 콜라보 스토리 커버 끝 */



/* 콜라보 상품 정보 (오설록, 켈리스핑거, 디엔타르) */
.collabo_product_info {position:relative; display:flex; align-items:center; justify-content:space-between; width:860px; margin:0% auto 3%; padding:0% 0%;color:#464334;background-color:#f6efdf;box-sizing:border-box;}
.collabo_product_info h6 {font-size:1.4em; font-weight:bold; line-height:1.2em;text-transform:uppercase;}
.collabo_product_info h6 p {margin:1.2em 0 0 0;padding:0 7% 0 0;font-size:1.0rem; font-weight:300; line-height:1.6em;box-sizing:border-box;}
.collabo_product_info img {width:auto;}
@media screen and (max-width:890px) {
  .collabo_product_info {width:100%;}
  .collabo_product_info h6 {font-size:2.0vw;}
  .collabo_product_info h6 p {font-size:2.0vw;line-height:1.6em;}
  .collabo_product_info img {width:50%;}
}
@media screen and (max-width:500px) {
  /* 가로 버전 */
  /* .collabo_product_info {display:block; padding:0% 0 3.5%;}
  .collabo_product_info h6 {padding:0% 3%;font-size:0.68rem;}
  .collabo_product_info h6 p {padding:0% 0%;font-size:0.75rem;}
  .collabo_product_info img {display:block;width:65%; margin:0 auto;}
 */

  .collabo_product_info {padding:6% 0;}
  .collabo_product_info h6 {font-size:0.68rem;}
  .collabo_product_info h6 p {padding:0% 6% 0 0;font-size:0.75rem;}
}
/* 콜라보 상품 정보 (오설록, 켈리스핑거, 디엔타르) 끝 */




/* 케이크 안내 (서울한정 및 일부상품) / good>view.html */
.cake_info {width:860px; margin:0 auto 8%;}

.cake_info .cake_content {width:500px; margin: 10% auto 3%;}
.cake_info .cake_content .content_info {text-align:center; font-size:1.8em; font-weight:300; color:#0a0a0a;}
.cake_info .cake_content .content_info p:nth-child(1) span {display:block; margin:1.0em 0 0 0; font-size:1.4rem;}

/* .cake_info .cake_content .content_info p:nth-child(1) span b {color:#7d9300;} */
.cake_info .cake_content .content_info p:nth-child(2) {display: inline-block; margin:4% 0 2%; padding:2% 10%; font-size:1.4rem; color:#ff0000; background-color:#ffebeb;border-radius:50px;}
.cake_info .cake_content .content_info p:nth-child(3) {padding:3% 0; font-size:1.4fr; }

.cake_img {position:relative;width:100%;height:760px;padding:10% 0 0 0; margin:2% 0 0 0; text-align:center;background-size:cover; background-position:center; box-sizing: border-box;}
.cake_img h3 {position:absolute;left:5%; top:5%;}
.cake_img h4 {font-size:2.3em;}
.cake_img h4 strong {font-size:2.4rem;}
.cake_img h4 span {display:block;margin:1% 0 0 0;font-size:1.2rem; color:#9c9c9c;}

.osulloc_cover {background-image:url("/data/images/detail/cake/detail_cake_osulloc.jpg");background-repeat:no-repeat; }
.cake_info .osulloc_cover h4 {color:#7d9300;}
.kellys_cover {background-image:url("/data/images/detail/cake/detail_cake_kellys.jpg");background-repeat:no-repeat; }
.cake_info .kellys_cover h4 {color:#8c5422;}
.dntar_cover {background-image:url("/data/images/detail/cake/detail_cake_dntar.jpg");background-repeat:no-repeat; }
.cake_info .dntar_cover h4 {color:#db7939;}


@media screen and (max-width:890px) {
  .cake_info {width:100%;}

  .cake_info .cake_content .content_info p:nth-child(2) {border-radius:50px;}

  .cake_img {padding:12% 0 0 0;}
  .cake_img h3 {left:4%; top:4%;}
  .cake_img h3 img {width:8vw;}
  .cake_img h4 {font-size:4.6vw;}
  .cake_img h4 strong {font-size:4.8vw;}
  .cake_img h4 span {font-size:2.6vw;}
  
  .osulloc_cover,
  .kellys_cover,
  .dntar_cover {height:100vw;}

}
@media screen and (max-width:650px) {
  .cake_info {margin:0 auto 12%;}
  
  .cake_info .cake_content {width:85%; margin: 4% auto 3%;}


  .cake_info .cake_content .content_info {font-size:3.6vw;}
  .cake_info .cake_content .content_info p:nth-child(1) span { font-size:2.8vw;}
  .cake_info .cake_content .content_info p:nth-child(2) {font-size:2.8vw;}
  .cake_info .cake_content .content_info p:nth-child(3) {font-size:3.4vw;}
}
/* 케이크 안내 끝 */

/*****************************************************************
******************* 콜라보 상품 배너 부분 끝 ********************
*****************************************************************/






/***************************************************************
******************* 튤립 상세페이지 체크 포인트 *****************
*********************  goods > view.html *********************/
 .bn_tulip {position:relative; width:860px; margin:0% auto 60px; padding:3.5% 0%;text-align:center;color:#222;background-color:#fff9e8;}
 .bn_tulip img {display:block;width:10%;margin:0 auto;}
 .bn_tulip p {display:inline-block; width:85%; margin:3% 0 0 0; padding:0.2em 0; border-top:0px solid #222; border-bottom:0px solid #222;font-size:1.4em;line-height:1.6em;}
 .bn_tulip p span {display:block; padding:2% 0 0 0; font-size:1.0rem;line-height:1.6em;}
 .bn_tulip p i {font-style: normal; text-decoration:underline; text-underline-position: under;}
 .bn_tulip p strong.red {color:#f00;}

@media screen and (max-width:890px) {
 .bn_tulip {width:auto;padding:7% 0%; margin:0 0 10% 0;}
 .bn_tulip img {width:15vw; height:auto;}
 .bn_tulip p {width:85% !important; margin:3% 0 0 0 !important; padding:0.3em 0; font-size:3.2vw !important;}
 .bn_tulip p span {font-size:2.8vw;}
}
/***************************************************************
***************** 튤립 상세페이지 체크 포인트  끝 ****************
*********************  goods > view.html *********************/








/*************************************************************
******************* 상세페이지 구성 소스 ********************
************************************************************/

/* 상세페이지 기본 세팅 소스 */
.detail_page {width:860px; margin:0 auto; padding-top: 20px; text-align:left;color:#222;}
.detail_page h3 {font-size:2.0em !important; font-weight:800;}
.detail_page h3 span {font-size:1.2rem !important; font-weight:400;}
.detail_page p{font-size:1.6em !important;font-weight:400;line-height:1.5;}
.detail_page .fs{font-size:1.2em !important;}
.detail_page .light {font-weight:300;}
.detail_page .bold {font-weight:600;}

.section {margin:0 0 60px 0;}
.section.sign {margin:0 0 20px 0;}
.section img {margin:0px auto 60px;}

/* h3 타이틀의 구분 라인 */
.section h3{margin:0 auto 25px;}
.section h3::after{content:"";display:block;width:100px;height:1px;background-color:#666;clear:both;margin:20px 0 0 0;}
.section h3.no_line::after{content:"";display:block;width:100px;height:0px;background-color:#666;clear:both;margin:20px 0 0 0;}
/* h3 타이틀의 구분 라인 끝 */

/* 화병 소개 부분 - 어버이날 이벤트 : 230410 서민혁  */
.detail_page .vase {padding:60px 0; text-align:center; background-color:#fff9e8;}
.detail_page .vase h4 {font-size:1.8em;}
.detail_page .vase h4 span {display:block;}
.detail_page .vase h4 em {display:block; margin:1.2em 0 0 0; font-size:1.2rem;}
.detail_page .vase img {margin:32px 0;}
.detail_page .vase h5 {font-size:1.5em; font-weight:600;}
.detail_page .vase p {font-size:1.5em;}
.detail_page .vase p span {display:block;font-size:1.2rem;}
/* 화병 소개 부분 : 230410 서민혁 끝 */



@media screen and (max-width:890px) {
  .detail_page {width:96%; margin:0 auto; text-align:left;}
  .detail_page h3 {font-size:1.6em !important; font-weight:800;}
  .detail_page h3 span {font-size:1.0rem !important;}
  .detail_page p{width:100%; font-size:1.2em !important; font-weight:400; line-height:1.5;margin:0 auto;}
  .detail_page .fs{font-size:1.0em !important;}

  .section {margin:0 0 10% 0;}
  .section.sign {margin:0 0 20px 0;}
  .section h3{margin:0 auto 5%;}
  .section h3::after{margin:5% 0 0 0;}
  .section img {margin:0px auto 5%;}

  /* 화병 소개 부분 - 어버이날 이벤트 : 230410 서민혁  */
  .detail_page .vase {padding:10% 5%;}
  .detail_page .vase h4 {font-size:1.6em;}
  .detail_page .vase h4 span {display:block;}
  .detail_page .vase h4 em {display:block; margin:1.0em 0 0 0; font-size:1.0rem;}
  .detail_page .vase img {margin:6% 0;}
  .detail_page .vase h5 {font-size:1.3em;}
  .detail_page .vase p {font-size:1.3em;}
  .detail_page .vase p span {font-size:1.0rem;}
  /* 화병 소개 부분 : 230410 서민혁 끝 */
  
}


/* 디테일 하단 이미지- 사이즈 표기 */
.sign{position:relative;}
.sign .product_size{position:absolute;top:30px;right:20px;font-size:.8em;}
.sign .product_size span.area_top{position:relative;display:block;width:30px;height:2px;background-color:#000;margin:0 auto 15px;}
.sign .product_size span.area_top::before{position:absolute;content:"";display:block;top:2px;left:25%;width:8px;height:1px;background-color:#000;transform:rotate(-45deg) translate(0%,0%);transform-origin:100% 0;}
.sign .product_size span.area_top::after{position:absolute;content:"";display:block;top:2px;left:50%;width:8px;height:1px;background-color:#000;transform:rotate(45deg);transform-origin:0 100%;}
.sign .product_size span.area_bottom{position:relative;display:block;width:30px;height:2px;background-color:#000;margin:15px auto 0;}
.sign .product_size span.area_bottom::before{position:absolute;content:"";display:block;bottom:7px;left:30%;width:8px;height:1px;background-color:#000;transform:rotate(45deg) translate(0%,0%);transform-origin:0 100%;}
.sign .product_size span.area_bottom::after{position:absolute;content:"";display:block;bottom:7px;left:45%;width:8px;height:1px;background-color:#000;transform:rotate(-45deg);transform-origin:100% 0;}
.sign .product_size p{position:relative;width:100%;font-size:1.2em;}
.sign .product_size p::before{position:absolute;content:"";display:block;top:-13px;left:50%;width:.5px;height:10px;background-color:#000;transform:translateX(-50%);}
.sign .product_size p::after{position:absolute;content:"";display:block;top:22px;left:50%;width:.5px;height:10px;background-color:#000;transform:translateX(-50%);}
@media screen and (max-width:600px) {
  .sign .product_size{position:absolute;top:10px;right:10px;font-size:.8em;}
  .sign .product_size p{position:relative;font-size:1em;}
  .sign .product_size span.area_top{width:20px;height:1px;margin:0 auto 10px;}
  .sign .product_size span.area_top::before{top:0;left:20%;width:6px;height:1px;}
  .sign .product_size span.area_top::after{top:0;left:50%;width:6px;height:1px;}
  .sign .product_size span.area_bottom{width:20px;height:1px;background-color:#000;margin:10px auto 0;}
  .sign .product_size span.area_bottom::before{bottom:5px;left:25%;width:6px;height:1px;}
  .sign .product_size span.area_bottom::after{bottom:5px;left:49%;width:6px;height:1px;}
  .sign .product_size p::before{top:-10px;left:50%;width:.5px;height:8px;}
  .sign .product_size p::after{top:18px;left:50%;width:.5px;height:8px;}
}
/* 디테일 하단 이미지- 사이즈 표기 끝 */



/* 상세페이지 "이런 분들에게 추천해요" - 빼빼로데이에 사용 (221019) */
.detail_list_get {position:relative;display:inline-block; margin:1.0em 0 0 0; padding: 0.5em 1.2em; font-size:1.4em; border:1px solid #d7d7d7; border-radius:1.0em; }
.detail_list_get::after{content:'';display:block;left:6%;position:absolute;top:-10px;width:0;z-index:1;border-color:#fff transparent;border-style:solid;border-width:0 9px 11px 9.5px;}
.detail_list_get::before{content:'';display:block;left:6%;position:absolute;top:-11px;width:0;z-index:0;border-color:#d7d7d7 transparent;border-style:solid;border-width:0 9px 11px 9.5px;}
.detail_list_get li {padding:0.5em 0 0.5em 0;border-bottom: 1px solid #d7d7d7;}
.detail_list_get li:last-child {border:0;}
@media screen and (max-width:890px) {
  .detail_list_get {font-size:1.0em; }
}
/* 상세페이지 "이런 분들에게 추천해요"(221019) 끝 */


/*****************************************************************
******************* 상세페이지 구성 소스 끝 ********************
**************************************************************/









/*************************************************************
******************* 명화컬렉션 구성 소스 ********************
************************************************************/

/* 명화컬렉션 상세페이지 상단 커버 이미지 : 210902 서민혁 추가 */
.famous {margin:60px 0 0 0;}
.famous h4{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:2em;margin:0 0 40px;}
.famous h4 span:nth-child(3){font-weight:700;}
.famous h4 span:nth-child(2){display:block;width:50%;height:1px;background-color:#222;text-indent:-9999px;}
.famous h3 {display:inline-block;margin:0 0 100px 0;}
.famous h3::after{content:"";display:block;width:100%;height:2px;clear:both;background-color:#222;margin:0;}

@media screen and (max-width:890px) {
  .famous h4{font-size:2.5vw;margin:0 0 2vw;}
}
@media screen and (max-width:600px) {
  .famous h4{font-size:3.5vw;margin:0 0 2.5vw;}
  .famous h4 span:nth-child(2){width:40%;}
  .famous h3 {margin:0 0 60px 0;}
}
@media screen and (max-width:500px) {
  .famous h4{font-size:1.2em;}
  .famous h4 span:nth-child(2){width:35%;}
}
@media screen and (max-width:400px) {
  .famous h4{font-size:1.1em;}
  .famous h4 span:nth-child(2){width:26%;}
}
/* 명화컬렉션 커버 이미지 끝 */

/****************************************************************
******************* 명화컬렉션 구성 소스 끝 ********************
***************************************************************/











/*****************************************************************
******************* 상세페이지 하단정보 부분 ********************
****************************************************************/

/* 꼭 확인 해주세요! (빼빼로데이 안내문) */
.checkpoint {width:860px; margin:0 auto 7%;}
.checkpoint h3{position:relative; display:inline-block; margin: 0 auto 10px; font-size:2.0em; font-weight:800;color:#222;z-index:1;}
.checkpoint h3:before {position:absolute; bottom:0px; content:""; display:block; width:100%;height:50%; background-color:#ffdfdf;z-index:-1;}
.checkpoint h3::after {display:none;}
.checkpoint ul{font-size:1.4em; color:#222;}
.checkpoint ul::before {content:"";display:block;width:100px;height:1px;background-color:#666;clear:both;margin:20px 0;}
.checkpoint ul li {position:relative; margin:0px 0 20px 10px;}
.checkpoint ul li::before {position:absolute; content:""; display:block;top:8px;left:-10px; width:4px; height:4px; border-radius: 4px; background-color:#222;}
@media screen and (max-width:890px) {
  .checkpoint {position:relative;width:100%;margin:0 auto 10%;}
  .checkpoint h3 {font-size:1.6em; font-weight:800;margin:0 auto 0%;}
  .checkpoint ul {width:100%; font-size:1.0em; font-weight:400; line-height:1.5;margin:0 auto;}
  .checkpoint ul::before {margin:5% 0;}
  .checkpoint ul li {position:relative; margin:0px 0 15px 10px; }
  .checkpoint ul li::before {position:absolute; content:""; display:block;top:8px;left:-10px; width:2px; height:2px; border-radius: 2px; background-color:#222;}
}
/* 꼭 확인 해주세요! (빼빼로데이 안내문) 끝 */



/* 실제배송사진 : 서민혁 210318 추가 */
.real p {margin:0 0 20px 0;}
.real img {margin: 0 auto;}
/* 실제배송사진 끝 */



/* 기본형과 고급형의 차이점 : 서민혁 210318 추가 */
.option {width:860px; margin:0 auto 5%;}
.option h3{position:relative; display:inline-block; margin: 0 auto 10px; font-size:2.0em; font-weight:800;color:#222;z-index:1;}
.option h3:before {position:absolute; bottom:0px; content:""; display:block; width:100%;height:50%; background-color:#fff8a6;z-index:-1;}
.option h3:after {content:""; display:none;}
.option p {font-size:1.4em; color:#222;}
.option p:before {content:"";display:block;width:100px;height:1px;background-color:#666;clear:both;margin:20px 0;}
.option p span {display:block;margin:15px 0;font-size:1.0rem;font-weight:bold;}


/* 옵션표기 - 기본형 일반형 */
.option .option_mark{position:relative;}
.option .option_mark ul{font-size:1.4em;font-weight:400;}
.option .option_mark ul li{position:absolute;top:47%;width:15%;transform:translateY(-100%);}

.option .option_mark ul li:nth-child(1) { left:3%;text-align:left;}
.option .option_mark ul li:nth-child(2) { right:3%;text-align:right;}
.option .option_mark ul li:nth-child(1)::before {position:absolute;content:"";right:-3px;bottom:-3px;display:block;width:8px;height:8px;border-radius:8px;background-color:#222;}
.option .option_mark ul li:nth-child(1)::after {content:"";display:block; width:100%; height:1px; margin:5px 0 0;background-color:#222;}
.option .option_mark ul li:nth-child(2)::before {position:absolute;content:"";left:-3px;bottom:-3px;display:block;width:8px;height:8px;border-radius:8px;background-color:#222;}
.option .option_mark ul li:nth-child(2)::after {content:"";display:block; width:100%; height:1px; margin:5px 0 0;background-color:#222;}
/* 옵션표기 끝 */


@media screen and (max-width:890px) {
  .option {position:relative;width:100%;margin:0 auto 10%;}
  .option h3 {font-size:1.6em; font-weight:800;margin:0 auto 0%;}
  .option p {width:100%; font-size:1.2em; font-weight:400; line-height:1.5;margin:0 auto;}
  .option p::before {margin:5% 0;}
  .option p span {margin:10px 0;font-size:0.80rem;}

  /* 옵션표기 - 기본형 일반형 */
  .option .option_mark ul{font-size:2.4vw;font-weight:bold;}
  .option .option_mark ul li:nth-child(1)::after {margin:0px 0 0;}
  .option .option_mark ul li:nth-child(2)::after {margin:0px 0 0;}

}
/* 기본형과 고급형의 차이점 끝 */




/* 기본 배송정보 (공통부분) - 전국배송, 서울배송, 택배배송 */
.delivery {width:860px; margin:0 auto 5%;}
.delivery h3{position:relative; display:inline-block; margin: 0 auto 10px; font-size:2.0em; font-weight:800;color:#222;z-index:1;}
.delivery h3::before {position:absolute; bottom:0px; content:""; display:block; width:100%;height:50%; background-color:#fff8a6;z-index:-1;}
.delivery h3::after{content:"";display:block;position:absolute;top:-30px; right:-90px;width:71px;height:53px;background:url("/data/images/detail/icon_delivery.png") no-repeat 0 0;}

.delivery p{font-size:1.4em; color:#222;}
.delivery ul{font-size:1.2em;font-weight:300;line-height:1.6em;margin:20px 0;}
.delivery ul li{margin:1% 0;}
.delivery ul li.li-division{margin-bottom: 3%;}
.delivery p::before,.delivery p::after{content:"";display:block;width:100px;height:1px;background-color:#666;clear:both;margin:20px 0;}

@media screen and (max-width:890px) {
  .delivery{position:relative;width:100%;margin:0 auto 10%;}
  .delivery h3 {font-size:1.6em; font-weight:800;margin:0 auto 0%;}
  .delivery h3::after{content:"";display:block;position:absolute;top:-10px; right:-50px;width:42px;height:31px;background:url("/data/images/detail/icon_delivery.png") no-repeat 0 0;background-size:contain;}
  .delivery p {width:100%; font-size:1.2em; font-weight:400; line-height:1.5;margin:0 auto;}
  .delivery p::before,.delivery p::after{margin:5% 0;}
  .delivery ul {width:100%; font-size:1.0em; margin:0 0 0 0%;}
  .delivery ul li{margin:2% 0;}
  .delivery ul li.li-division{margin-bottom: 6%;}
}
/* 기본 배송정보 (공통부분) 끝 */



/* 콜라보 / 배송안내 달력 - 한스케이크 */
.hans_calender {width:860px; margin:0 auto 5%;}
.hans_calender h3 {position:relative; display:block; margin: 0 auto 20px; font-size:2.0em; font-weight:800;color:#222;}
.hans_calender h3 b {position:relative;}
.hans_calender h3 b::before {position:absolute; content:""; clear:both; display:block; bottom:0;left:0; width:100%; height:2px; background-color:#f00;}
.hans_calender h3 b::after {position:absolute; content:""; clear:both; display:block; bottom:-5px;left:0; width:100%; height:2px; background-color:#f00;}
.hans_calender h3 span {position:relative;font-size:1.0rem;font-weight:300;color:#888;margin:0 0 0 0.85em;}
.hans_calender h3 span::before {position:absolute; content:""; clear:both; display:block; width:23px;height:23px;top:-40px;left:-20px;background-image:url('/data/images/event/hans/icon_star.png'); background-repeat:no-repeat; background-size:cover;transform:rotate(-20deg);}
.hans_calender h3 span::after {position:absolute; content:""; clear:both; display:block; width:14px;height:14px;top:-23px;left:8px;background-image:url('/data/images/event/hans/icon_star.png'); background-repeat:no-repeat; background-size:cover;transform:rotate(15deg);}


.hans_calender article {position:relative;width:100%;margin:0 auto; display:flex; align-items:center; justify-content: space-between;}
.calender {position:relative;width:420px;height:340px;border:1px solid #ccc;box-sizing:border-box;border-radius:30px;background-color:#71a200;overflow:hidden;}
.calender h4 {display:flex; align-items:center; height:15%; padding:0 20px;box-sizing:border-box;font-size:1.8em; font-weight:bold; color:#fff;}
.calender h4 span {font-weight:300;font-size:1.0rem;vertical-align: middle;}
.calender h4 i {display:inline-block;width:20px;height:20px; margin:0 10px 0 20px; background-color:#fccb18; border-radius:50%;vertical-align:middle;}
.calender section {height:85.5%;}
.calender table {width:100%; height:100%; border-collapse:collapse; background-color:#fff;}
.calender table th,
.calender table td {padding:0;font-size:1.0em;color:#222; border-bottom:1px solid #ccc;border-right:1px solid #ccc; text-align:center;}
.calender table th:last-child,
.calender table td:last-child {border-right:0px;color:#0054ff;}
.calender table th:first-child,
.calender table td:first-child {color:#ff0000;}
.calender table th {background-color:#f7f7f7;}
.calender table td {position:relative;font-weight:300;z-index:2;}
.calender table td:after {position:absolute; content:""; top:50%;left:50%; display:block; width:30px;height:30px;background-color:#fff; border-radius:50%; z-index:-1;transform:translate(-50%,-50%);}
.calender .past {opacity:0.35;}
.calender .day {font-weight:bold;}
.calender .holiday {color:#f00;}
.calender table td.reserve:after {background-color:#fccb18;}

.hans_calender p {width:50%; font-size:1.4em;padding:1.2em;color:#222;box-sizing: border-box;}
.hans_calender p span {display:block;margin:20px 0 0 0;font-size:1.0rem;}
.hans_calender p span b {display:block;margin:10px 0 0 0;}
.hans_calender p i {position:relative;display:block;margin:30px 0 0 0;padding:0 0 0 20px;font-size:1.0rem;font-style:normal;color:#f00;}
.hans_calender p i:last-child{margin:5px 0 0 0;}
.hans_calender p i::before {position:absolute;content:"\203B";clear:both; display:block; top:0; left:0;}

@media screen and (max-width:890px) {
  .hans_calender {width:100%;}

  .calender {width:55vw;height:45vw;border-radius:1.8em;}
  .calender section {height:85.5%;}
  .calender h4 {height:15%; padding:0 0.75em;font-size:2.5vw;}
  .calender h4 span {font-size:1.8vw;}
  .calender h4 i {width:2.0vw;height:2.0vw; margin:0 1.0vw 0 2.0vw;}

  .calender table td:after {width:3.5vw;height:3.5vw;}

  .hans_calender h3 {margin: 0 auto 20px; font-size:1.6em;}
  .hans_calender h3 span {font-size:0.85rem;}
  .hans_calender h3 span::before {width:2.3vw;height:2.3vw;top:-4.0vw;left:-2.0vw;}
  .hans_calender h3 span::after {width:1.4vw;height:1.4vw;top:-2.3vw;left:0.8vw;}
  .hans_calender p {font-size:1.0em;}
  .hans_calender p span {display:block;margin:20px 0 0 0;font-size:0.85rem;}
  .hans_calender p i {margin:3% 0 0 0;padding:0 0 0 5%;font-size:0.85rem;}
}

@media screen and (max-width:650px) {
  .hans_calender article {display:block;}
  .hans_calender p {width:100%;padding:1.2em 0;}
}

@media screen and (max-width:500px) {
  .hans_calender h3 b::before {height:1px;}
  .hans_calender h3 b::after {height:1px;bottom:-3px;}

  .calender {width:100%;height:90vw;border-radius:1.6em;}
  .calender h4 {height:13%; padding:0 0.75em;font-size:5.5vw;}
  .calender section {height:87.5%;}
  .calender h4 span {font-size:3.5vw;}
  .calender h4 i {width:4.0vw;height:4.0vw; margin:0 1.0vw 0 2.0vw;}
  .calender table th,
  .calender table td {font-size:3.8vw;}
  .calender table td:after {width:6.5vw;height:6.5vw;}
}

/* 콜라보 / 배송안내 달력 - 한스케이크 끝 */


/* 콜라보 / 배송안내 달력 - 콜라보상품 */
.collabo_calender {width:860px; margin:0 auto 5%;}
.collabo_calender h3 {position:relative; display:block; margin: 0 auto 20px; font-size:2.0em; font-weight:800;color:#222;}
.collabo_calender h3 b {position:relative;}
.collabo_calender h3 b::before {position:absolute; content:""; clear:both; display:block; bottom:0;left:0; width:100%; height:2px; background-color:#f00;}
.collabo_calender h3 b::after {position:absolute; content:""; clear:both; display:block; bottom:-5px;left:0; width:100%; height:2px; background-color:#f00;}
.collabo_calender h3 span {position:relative;font-size:1.0rem;font-weight:300;color:#888;margin:0 0 0 0.85em;}
.collabo_calender h3 span::before {position:absolute; content:""; clear:both; display:block; width:23px;height:23px;top:-40px;left:-20px;background-image:url('/data/images/event/hans/icon_star.png'); background-repeat:no-repeat; background-size:cover;transform:rotate(-20deg);}
.collabo_calender h3 span::after {position:absolute; content:""; clear:both; display:block; width:14px;height:14px;top:-23px;left:8px;background-image:url('/data/images/event/hans/icon_star.png'); background-repeat:no-repeat; background-size:cover;transform:rotate(15deg);}


.collabo_calender article {position:relative;width:100%;margin:0 auto;}

.collabo_calender p {width:50%; font-size:1.4em;padding:1.2em 0;color:#222;box-sizing: border-box;}
.collabo_calender p span {display:block;margin:20px 0 0 0;font-size:1.0rem;}
.collabo_calender p span b {display:block;margin:10px 0 0 0;}
.collabo_calender p i {position:relative;display:block;margin:10px 0 0 0;padding:0 0 0 20px;font-size:1.0rem;font-style:normal;color:#f00;}
.collabo_calender p i:last-child{margin:5px 0 0 0;}
.collabo_calender p i::before {position:absolute;content:"\203B";clear:both; display:block; top:0; left:0;}


@media screen and (max-width:890px) {
  .collabo_calender {width:100%;}
  .collabo_calender p {width:60%;font-size:1.0em;}
  .collabo_calender p span {display:block;margin:20px 0 0 0;font-size:0.85rem;}
  .collabo_calender p i {margin:3% 0 0 0;padding:0 0 0 5%;font-size:0.85rem;}

  .collabo_calender h3 {margin: 0 auto 20px; font-size:1.6em;}
  .collabo_calender h3 span {font-size:0.85rem;}
  .collabo_calender h3 span::before {width:2.3vw;height:2.3vw;top:-4.0vw;left:-2.0vw;}
  .collabo_calender h3 span::after {width:1.4vw;height:1.4vw;top:-2.3vw;left:0.8vw;}
  .collabo_calender p {font-size:1.0em;}
  .collabo_calender p span {display:block;margin:20px 0 0 0;font-size:0.85rem;}
  .collabo_calender p i {margin:2% 0 0 0;padding:0 0 0 5%;font-size:0.85rem;}
}

@media screen and (max-width:650px) {
  .collabo_calender article {display:block;}
  .collabo_calender p {width:100%;padding:1.0em 0;}
}

@media screen and (max-width:500px) {
  .collabo_calender h3 b::before {height:1px;}
  .collabo_calender h3 b::after {height:1px;bottom:-3px;}
}
/* 콜라보 / 배송안내 달력 - 콜라보상품 끝 */





/* 주문/배송 절차 */
.order_step {width:860px; margin:0 auto 5%;}
.order_step h3{position:relative; display:inline-block; margin: 0 auto 10px; font-size:2.0em; font-weight:800;color:#222;z-index:1;}
.order_step h3:before {position:absolute; bottom:0px; content:""; display:block; width:100%;height:50%; background-color:#fff8a6;z-index:-1;}
.order_step ul {display:flex;justify-content: space-between; margin:10px 0 30px; padding:40px 40px; background-color:#f7f7f7;border-radius:20px;}
.order_step ul li {position:relative;display:inline-block;width:100%;height:150px;background-repeat:no-repeat; background-size:contain;background-position:top center;text-align:center;}
.order_step ul li:nth-child(1) {background-image:url(/data/images/detail/icon_order.png);}
.order_step ul li:nth-child(3) {background-image:url(/data/images/detail/icon_product.png);}
.order_step ul li:nth-child(5) {background-image:url(/data/images/detail/icon_delivery02.png);}
.order_step ul li:nth-child(7) {background-image:url(/data/images/detail/icon_message.png);}
.order_step ul li span {position:absolute; bottom:0; left:0; width:100%; font-size:1.3em; color:#333;}
.order_step ul li > img {margin:50% 0 0 0;}

.order_step h5 {position:relative; display:inline-block; margin: 0 auto 10px; font-size:1.6em; color:#222;z-index:1;}
.order_step h5:before {position:absolute; bottom:0px; content:""; display:block; width:100%;height:40%; background-color:#d4e3b2;z-index:-1;}

.order_step_message {display:flex;margin:30px 0 0 0;align-items:center;}
.order_step_message img {width:23%;}
.order_step_message p {width:77%; margin:0 0 0 30px; color:#222; font-size:1.3em;}
.order_step_message p span {display:block; margin:30px 0 0 0;}

@media screen and (max-width:890px) {
  .order_step {position:relative;width:100%;margin:0 auto 10%;}
  .order_step h3 {font-size:1.6em; font-weight:800;margin:0 auto 0%;}
  .order_step ul {margin:20px 0 30px;padding:20px}
  .order_step ul li {width:100%;height:16vw;background-size:70%;}
  .order_step ul li span {font-size:1.2em;}
  .order_step ul li:nth-child(2),
  .order_step ul li:nth-child(4),
  .order_step ul li:nth-child(6) {width:40%;}
  .order_step ul li:nth-child(2) > img,
  .order_step ul li:nth-child(4) > img,
  .order_step ul li:nth-child(6) > img {position:absolute; top:50%; left:50%; width:50%; transform:translate(-50%,-50%);margin:0;}

  .order_step h5 {font-size:1.4em;}

  .order_step_message {margin:10px 0 0 0;}
  .order_step_message img {width:20%;}
  .order_step_message p {font-size:1.0em; margin:0 0 0 30px;}
}

@media screen and (max-width:580px) {
  .order_step ul li span {font-size:1.0em;}

  .order_step h5 {font-size:1.3em;}

  .order_step_message img {width:30%;}
  .order_step_message p {margin:0 0 0 20px;}
}

@media screen and (max-width:500px) {
  .order_step ul {margin:20px 0 20px;padding:10px 10px;border-radius:10px;}
  .order_step ul li {height:18vw;background-size:70%;}
  .order_step ul li:nth-child(2),
  .order_step ul li:nth-child(4),
  .order_step ul li:nth-child(6) {width:20%;}
  .order_step ul li:nth-child(2) > img,
  .order_step ul li:nth-child(4) > img,
  .order_step ul li:nth-child(6) > img {width:100%;}
}
@media screen and (max-width:450px) {
  .order_step ul li {height:20vw;background-size:68%;}
  .order_step ul li span {font-size:0.85em;}

  .order_step ul li:nth-child(2),
  .order_step ul li:nth-child(4),
  .order_step ul li:nth-child(6) {width:10%;}

  .order_step_message p span {margin:20px 0 0 0;}
}
@media screen and (max-width:360px) {
  .order_step ul {margin:10px 0 20px;padding:10px 5px;}
  .order_step_message img {width:35%;}
  .order_step_message p {font-size:0.87em; margin:0 0 0 10px;}
  .order_step_message p span {margin:10px 0 0 0;}

}
/* 주문/배송 절차 끝 */




/* 적립금 적립 시기 안내 */
.savemoney {width:860px; margin:0 auto 5%;}
.savemoney h3{position:relative; display:inline-block; margin: 0 auto 10px; font-size:2.0em; font-weight:800;color:#222;z-index:1;}
.savemoney h3:before {position:absolute; bottom:0px; content:""; display:block; width:100%;height:50%; background-color:#fff8a6;z-index:-1;}
.savemoney h3::after {display:none;}
.savemoney p{font-size:1.4em; color:#222;}
.savemoney p::before {content:"";display:block;width:100px;height:1px;background-color:#666;clear:both;margin:20px 0;}
@media screen and (max-width:890px) {
  .savemoney {position:relative;width:100%;margin:0 auto 10%;}
  .savemoney h3 {font-size:1.6em; font-weight:800;margin:0 auto 0%;}
  .savemoney p {width:100%; font-size:1.0em; font-weight:400; line-height:1.5;margin:0 auto;}
  .savemoney p::before {margin:5% 0;}

}
/* 적립금 적립 시기 안내 끝 */




/* 상품고시정보 / 콜라보 / 성분표 및 알레르기 정보 */
.food_info {width:860px; margin:0 auto 5%;}
.food_info h3{position:relative; display:inline-block; margin: 0 auto 10px; font-size:2.0em; font-weight:800;color:#222;z-index:1;}
.food_info table{border-collapse:collapse;}
.food_info td{border:1px solid #ddd; padding:1% 2%; font-size:1em; color:#444444; line-height:1.5em;}
.food_info td:first-child {width:25%;}
.food_info td.bold2{font-size:1.0em; font-weight:500; color:black;}
.food_info td i {font-style:normal; color:#f00;}


@media screen and (max-width:890px) {
  .food_info {width:100%;margin:0 auto 10%;}
  .food_info h3 {font-size:1.6em; font-weight:800;margin:0 auto 2%;}
  .food_info td{border:1px solid #ddd; padding:1% 2%; font-size:0.8em; color:#444444; line-height:1.5em;}
  .food_info td.bold2{font-size:0.8em; font-weight:500; color:black;}
}
/* 상품정보제공고 / 콜라보 / 성분표 및 알레르기 정보 끝 */




/* 원산지 */
.flower_info_countryoforigin {width:860px;margin:0 auto;}
.text-center {text-align:center;}
.background-gray{background:#f7f7f7;}
.flower_info_countryoforigin table{border-collapse:collapse;}
.flower_info_countryoforigin td{border:1px solid #ddd; padding:1% 2%; font-size:1em; color:#444444; line-height:1.5em;}
.flower_info_countryoforigin td.bold2{font-size:1.0em; font-weight:500; color:black;}
.h1-style.h1-title{font-size:15px;}
.hr-style-title{width:100%; height:2px; background:black;}

@media screen and (max-width:890px) {
  .flower_info_countryoforigin {width:100%;margin:0 auto;}
  .flower_info_countryoforigin td{border:1px solid #ddd; padding:1% 2%; font-size:0.8em; color:#444444; line-height:1.5em;}
  .flower_info_countryoforigin td.bold2{font-size:0.8em; font-weight:500; color:black;}
}
/* 원산지 끝 */



/* 배송안내  */
.info_delivery{width:860px;text-align:left;color:#222;margin:5% auto 0;}
.info_delivery h3 {font-size:1.8em; font-weight:800;}
.info_delivery h3::after {content:"";display:block; width:100%; height:1px;margin:10px 0 0 0; background-color:#333;}
.info_delivery h4 {margin:1% 0;font-size:1.6em; font-weight:400;color:#333;}
.info_delivery ul {margin:3% 0;}
.info_delivery ul li {position:relative;font-size:1.2em;font-weight:300;padding:0 0 0 10px;margin:1% 0;}
.info_delivery ul li:before {position:absolute; top:8px; left:0px; content:""; display:block; width:3px; height:3px; border-radius:3px; background-color:#5d5d5d;}
.info_delivery p {font-size:1.1em; color:#f00;}

@media screen and (max-width:890px) {
  .info_delivery { width:96%; margin:10% auto 0;}
  .info_delivery h3 {font-size:1.6em; font-weight:800;}
  .info_delivery h4 {margin:1% 0;font-size:1.2em; font-weight:400;color:#333;}
  .info_delivery ul {margin:5% 0;}
  .info_delivery ul li {position:relative;font-size:0.9em;font-weight:300;padding:0 0 0 7px;margin:1% 0;}
  .info_delivery ul li:before {top:6px; left:2px; width:2px; height:2px; border-radius:2px;}
  .info_delivery p {font-size:0.9em; color:#f00;}
}
/* 배송안내 끝 */


/* 교환/환불 안내  */
.info_refund{width:860px;text-align:left;color:#222;margin:5% auto 0;}
.info_refund h3 {font-size:1.8em; font-weight:800;}
.info_refund h3::after {content:"";display:block; width:100%; height:1px;margin:10px 0 0 0; background-color:#333;}
.info_refund h4 {margin:1% 0;font-size:1.6em; font-weight:400;color:#333;}
.info_refund ul {margin:3% 0;}
.info_refund ul li {position:relative;font-size:1.2em;font-weight:300; padding:0 0 0 10px;margin:1% 0;}
.info_refund ul li:before {position:absolute; top:8px; left:0px; content:""; display:block; width:3px; height:3px; border-radius:3px; background-color:#5d5d5d;}

@media screen and (max-width:890px) {
  .info_refund{width:96%;margin:10% auto 0;}
  .info_refund h3 {font-size:1.6em; font-weight:800;}
  .info_refund h4 {margin:1% 0;font-size:1.2em; font-weight:400;color:#333;}
  .info_refund ul li {position:relative;font-size:0.9em;font-weight:300;padding:0 0 0 7px;margin:1% 0;}
  .info_refund ul li:before {top:6px; left:2px; width:2px; height:2px; border-radius:2px;}
  .info_refund p {font-size:0.9em; color:#f00;}
}

/* 교환/환불 안내 끝 */



/* 기저귀 케익크 (기저귀 브랜드-하기스) */
.section.huggies img{margin:0;}
.huggies p{width:80%;display:inline-block;margin-left:35px;vertical-align:middle;font-weight:300;}

@media only screen and (max-width:600px) {
  .section.huggies img{width:25%;margin:0;}
  .huggies p{width:65%;display:inline-block;margin-left:15px;vertical-align:middle;font-weight:300;}
}
/* 기저귀 케익크 (기저귀 브랜드-하기스) 끝 */

/* 카드&칠판메세지 */
.section.message img{margin:0;}
.section.message h3::after{display:none;}
.message ul{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f7f7f7;box-sizing:border-box;padding:40px;}
.message ul li:first-child{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid#ddd;}
.message ul li p{width:60%;margin-left:35px;display:inline-block;font-size:1.6em;font-weight:700;text-align:justify;vertical-align:middle;}
.message ul li p span{display:block;margin-top:10px;font-size:.9em;font-weight:300;}

/* 카드메세지 (210624 추가) */
.message.message_card ul li:first-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0px solid#ddd;}

@media only screen and (max-width:800px) {
  .section.message img{width:100%;}
  .message ul{padding:20px;}
  .message ul li:first-child{margin-bottom:20px;padding-bottom:20px;}
  .message ul li p{width:100%;margin-left:0;margin-top:20px;font-size:1.4em;}
  .message ul li p span{margin-top:10px;font-size:.8em;}
}
/* 카드&칠판메세지 끝 */


/* 포장안내 */
.section.package img{margin:0;}
.section.package h3::after{display:none;}
.package_contents{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f7f7f7;box-sizing:border-box;padding:40px;}
.package_contents p{width:65%;margin-left:35px;display:inline-block;font-size:1.6em;font-weight:700;vertical-align:middle;}
.package_contents p span{display:block;margin-top:10px;font-size:.9em;font-weight:300;}

@media only screen and (max-width:600px) {
  .section.package img{width:100%;}
  .package_contents{padding:20px;}
  .package_contents p{width:100%;margin-top:20px;margin-left:0;font-size:1.4em;}
  .package_contents p span{margin-top:10px;font-size:.8em;}
}

/* 포장안내 끝 */



/*  아기옷 해체방법 */
.section.babyclothoff img{margin:0;}
.section.babyclothoff h3::after{display:none;}
.babyclothoff_contents{width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f7f7f7;box-sizing:border-box;padding:40px;}
.babyclothoff_contents p{width:65%;margin-left:35px;display:inline-block;font-size:1.6em;font-weight:700;vertical-align:middle;}
.babyclothoff_contents p span{display:block;margin-top:10px;font-size:.9em;font-weight:300;}

@media only screen and (max-width:600px) {
  .section.babyclothoff img{width:100%;}
  .babyclothoff_contents{padding:20px;}
  .babyclothoff_contents p{width:100%;margin-top:20px;margin-left:0;font-size:1.4em;}
  .babyclothoff_contents p span{margin-top:10px;font-size:.8em;}
}
/*  아기옷 해체방법 끝 */



/* 아기옷 안내 */
.section.babycloth img{margin-bottom:0;}
.section.babycloth p{margin-bottom:25px;}
@media only screen and (max-width:600px) {
.section.babycloth p{margin-bottom:5%;}
}
/* 아기옷 안내 끝 */

/********************************************************************
******************* 상세페이지 하단정보 부분 끝 ********************
*******************************************************************/








/*************************************************
********************* 생화 **********************
*************************************************/

/* 상세 탭 메뉴(꽃에대한 오해) */
.detail_info_flower{position:relative;width:860px;margin:0 auto 5%;}
.detail_info_flower p{font-size:1.2em;font-weight:300;line-height:1.4em;color:#222;}
.detail_info_flower h3{position:relative;display:inline-block;font-size:2em;font-weight:400;color:#222;margin:0 0 30px;z-index:1;}
.detail_info_flower h3::after{position:absolute; bottom:-2px; content:""; display:block; width:100%;height:50%; background-color:#fff8a6;z-index:-1;}

.tab_menu input{display:none;}
.tab_menu section {display:none; border:1px solid #ddd;background-color:#f7f7f7;padding:5% 2%;}

.tab_menu label{display:block;float:left;width:25%;font-weight:300;font-size:1.2em;text-align:center;color:#bbb;border:1px solid transparent;margin:0 0 -1px;padding:10px 15px;box-sizing: border-box;}

.tab_menu label:hover {  color: #71a200;  cursor: pointer;}

.tab_menu input:checked+label{color:#333;font-weight:400;border:1px solid #ddd;border-top:3px solid #71a200;border-bottom:1px solid #f7f7f7;background-color:#f7f7f7;}

#tab1:checked ~ #tab_cont1,
#tab2:checked ~ #tab_cont2,
#tab3:checked ~ #tab_cont3,
#tab4:checked ~ #tab_cont4 { display: block;}

.tab_menu section .img_tab_cont{display:inline-block;width:30%;height:auto;text-align:center;}
.tab_menu section p{display:inline-block;width:66%;padding-left:3%;vertical-align:middle;font-size:1.4em;line-height:1.6em;}



/* 탭메뉴 작약+설유화 */
.tab_menu2 input{display:none;}
.tab_menu2 section {display:none; border:1px solid #ddd;background-color:#f7f7f7;padding:5% 6%;}

.tab_menu2 label{display:block;float:left;width:50%;font-weight:300;font-size:1.2em;text-align:center;color:#bbb;border:1px solid transparent;margin:0 0 -1px;padding:10px 15px;box-sizing: border-box;}

.tab_menu2 label:hover {  color: #71a200;  cursor: pointer;}

.tab_menu2 input:checked+label{color:#333;font-weight:400;border:1px solid #ddd;border-top:3px solid #71a200;border-bottom:1px solid #f7f7f7;background-color:#f7f7f7;}

#tab_menu_1:checked ~ #tab_menu_cont1,
#tab_menu_2:checked ~ #tab_menu_cont2 { display: block;}

.tab_menu2 section ul {display:flex; justify-content: space-between;align-items:center; }
.tab_menu2 section ul li {text-align:center;}
.tab_menu2 section ul li:nth-child(2) {width:10%;margin-top:-7%;text-align: center;}
.tab_menu2 section ul li span {display:block;padding:1.6em 0 0;font-size:1.6em;font-weight:400;text-align:center;}
.tab_menu2 section p  {margin:5% 0 0;font-size:1.6em;box-sizing: border-box;}
.tab_menu2 section p strong {display:block;padding:0 0 3% 0;font-size:1.4em;}
/* 탭메뉴 작약+설유화 끝*/

/* 작약 220408 */
.peony section {padding:5% 6%; border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f7f7f7;}
.peony section ul {display:flex; justify-content: space-between;align-items:center;}
.peony section ul li {text-align:center;}
.peony section ul li:nth-child(2) {width:10%;margin-top:-7%;text-align: center;}
.peony section ul li span {display:block;padding:1.6em 0 0;font-size:1.6em;font-weight:400;text-align:center;}
.peony section p {margin:5% 0 0;font-size:1.6em;box-sizing: border-box;}
.peony section p strong {display:block;padding:0 0 3% 0;font-size:1.4em;}
/* 작약 220408 끝 */



@media screen and (max-width:890px) {
  .detail_info_flower{position:relative;width:100%;margin:0 auto 10%;}
  .detail_info_flower p{font-size:0.8em;font-weight:300;line-height:1.4em;color:#222;}
  .detail_info_flower h3{font-size:1.6em;font-weight:400;color:#222;margin:0 0 7% 0;}
  .tab_menu label{display:block;float:left;width:25%;font-weight:300;font-size:1.0em;text-align:center;color:#bbb;border:1px solid transparent;margin:0 0 -1px;padding:0.5em;box-sizing: border-box;}
  .tab_menu section .img_tab_cont{display:inline-block;width:30%;height:auto;text-align:center;}
  .tab_menu section p{display:inline-block;width:66%;padding-left:3%;vertical-align:middle;font-size:1.0em;line-height:1.4em;}


  /* 탭메뉴 작약+설유화 */
  .tab_menu2 label{display:block;float:left;width:50%;font-weight:300;font-size:1.0em;text-align:center;color:#bbb;border:1px solid transparent;margin:0 0 -1px;padding:0.5em;box-sizing: border-box;}
  .tab_menu2 section {padding:5% 2%;}
  .tab_menu2 section .img_tab_cont{display:inline-block;width:30%;height:auto;text-align:center;padding:5% 2%;}
  .tab_menu2 section p{display:inline-block;width:100%;padding-left:3%;vertical-align:middle;font-size:1.0em;line-height:1.4em;}

  .tab_menu2 section ul li:nth-child(2) {width:15vw;}
  .tab_menu2 section ul li span {padding:2.0vw 0 0;font-size:1.0em;}
  .tab_menu2 section ul li img {width:90%;}
  .tab_menu2 section p  {padding:0 3%;margin:5% 0 0;font-size:1.0em;}
  .tab_menu2 section p strong {font-size:1.2em;}
  /* 탭메뉴 작약+설유화 끝 */

/* 작약 220408 */
  .peony section {padding:5% 3%;}
  .peony section ul li span {padding:2.0vw 0 0;font-size:1.0em;}
  .peony section ul li img {width:90%;}
  .peony section ul li:nth-child(2) {width:15vw;}
  .peony section p {padding:0 3%;margin:5% 0 0;font-size:1.0em;}
  .peony section p strong {font-size:1.2em;}
/* 작약 220408 끝*/
}
@media screen and (max-width:360px) {
  .tab_menu label{font-size:0.8em;}
  .tab_menu section p{padding-left:2%;}

  /* 작약 220408 */
  .peony section ul li:nth-child(2) {width:20%;}
  /* 작약 220408 끝*/

}

/* 상세 탭 메뉴(꽃에대한 오해 끝) */

/*************************************************
******************** 생화 끝 ********************
*************************************************/











/*************************************************
******************* 관엽식물 ********************
*************************************************/

/* 관엽식물 화분설명 */
.pot_cement h3,
.pot_circle h3,
.pot_terazzo h3 {
  position:relative;
  display:inline-block;
  z-index: 1;
}
.pot_cement h3::before,
.pot_circle h3::before,
.pot_terazzo h3::before {
  position: absolute;
  bottom: 20px;
  content: "";
  display: block;
  width: 100%;
  height: 30%;
  background-color: #d3fff9;
  z-index: -1;
}
@media only screen and (max-width:600px) {
  .pot_cement h3::before,
  .pot_circle h3::before,
  .pot_terazzo h3::before {
    bottom: 10px;
  }
}
/* 관엽식물 화분설명 끝 */

/* 텍스트 형광펜 (테라조 화분에 사용) */
p.text_bg{position:relative;display:inline-block;z-index:1;}
p.text_bg::after{position:absolute;content:"";display:block;top:0;width:100%;height:100%;background-color:#d3fff9;z-index:-1;}

b.text_bg{position:relative;display:inline-block;z-index:1;}
b.text_bg::after{position:absolute;content:"";display:block;top:0;width:100%;height:100%;background-color:#d3fff9;z-index:-1;}
/* 텍스트 형광펜 (테라조 화분에 사용) 끝 */


/* 라탄바구니 안내(참고사항) : 서민혁 210812 */
.section.basket_rattan h3::after {display:none;}
.basket_rattan > div{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f7f7f7;margin:20px 0 0;padding:40px 30px;}
.basket_rattan > div img{margin:0;}
.basket_rattan ul{display:inline-block;width:60%;margin-left:70px;vertical-align:middle;}
.basket_rattan ul li{position:relative;font-size:1.4em;font-weight:300;padding:8px 0 8px 15px;}
.basket_rattan ul li::before{position:absolute;content:"";display:block;top:18px;left:0;width:4px;height:4px;border-radius:10px;background-color:#333;}

@media screen and (max-width:890px) {
  .basket_rattan > div{margin:20px 0 0;padding:30px 20px;}
  .basket_rattan > div img{width:20%;}
  .basket_rattan ul{width:70%;margin-left:60px;}
  .basket_rattan ul li{font-size:1.2em;padding:5px 0 5px 13px;}
  .basket_rattan ul li::before{top:13px;}

}
@media screen and (max-width:720px) {
  .basket_rattan > div{margin:20px 0 0;padding:3vw 2vw;}
  .basket_rattan > div img{width:20vw;}
  .basket_rattan ul{width:63vw;margin-left:5vw;}
  .basket_rattan ul li{font-size:2.0vw;padding:1vw 0 1vw 2vw;}
  .basket_rattan ul li::before{top:2vw;width:2px;height:2px;border-radius:4px;}
}
@media screen and (max-width:500px) {
  .basket_rattan > div img{width:30vw;}
  .basket_rattan ul{width:53vw;margin-left:5vw;}
  .basket_rattan ul li{font-size:2.8vw;padding:1vw 0 1vw 2vw;}
  .basket_rattan ul li::before{top:2vw;width:2px;height:2px;border-radius:4px;}
}
/* 라탄바구니 안(참고사항) 끝 */

/*************************************************
******************* 관엽식물 끝 *****************
*************************************************/





/**************************************************
******************** 서양란 **********************
*************************************************/

/* 호접란 안내(참고사항) : 서민혁 210813 */
.phalaenopsis {width:860px; margin:0 auto 5%;}
.phalaenopsis h3{position:relative; display:inline-block; margin: 0 auto 10px; font-size:2.0em; font-weight:800;color:#222;z-index:1;}
.phalaenopsis h3:before {position:absolute; bottom:0px; content:""; display:block; width:100%;height:50%; background-color:#fff8a6;z-index:-1;}
.phalaenopsis h3::after {display:none;}
.phalaenopsis p{font-size:1.4em; color:#222;}
.phalaenopsis p::before {content:"";display:block;width:100px;height:1px;background-color:#666;clear:both;margin:20px 0;}
.phalaenopsis ul {display:flex;justify-content:space-between; align-items:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f7f7f7;margin:20px 0 0;padding:40px 0px;}
.phalaenopsis ul li {padding:0 30px;}
.phalaenopsis img{margin:0;}


@media screen and (max-width:890px) {
.phalaenopsis {position:relative;width:100%;margin:0 auto 10%;}
.phalaenopsis h3 {font-size:1.6em; font-weight:800;margin:0 auto 0%;}
.phalaenopsis p {width:100%; font-size:1.0em; font-weight:400; line-height:1.5;margin:0 auto;}
.phalaenopsis p::before {margin:5% 0;}
.phalaenopsis ul{margin:20px 0 0;padding:4vw 0px;}
.phalaenopsis ul li {padding:0 3vw;}
}
/* 호접란 안내(참고사항) 끝 */

/**************************************************
******************* 서양란 끝 ********************
*************************************************/







/* 실제배송사진 product_origin */
.product_origin {max-width:860px; margin:5% auto 5%;}
.product_origin h3 { font-size: 2em; font-weight: 600; line-height: 1.3; color: #333;}
@media screen and (max-width:600px) {
  .product_origin h3 {font-size: 1.8em;font-weight: 600;line-height: 1.3; color: #333; }
}
/* 실제배송사진 product_origin 끝 */





/* 상품후기 */
.subpage_wrap:not(.order_payment) .subpage_container {
    display: block;
    padding: 40px 0 40px;
}

@media only screen and (max-width: 600px) {
  .subpage_wrap:not(.order_payment) .subpage_container {
      display: block;
      padding: 20px 0 20px;
  }
}
/* 상품후기 끝 */


/* 상품 후기 및 문의 개수 표시(모바일) */
@media only screen and (max-width: 600px) {
  .goods_information_tabs>a .num { display: block; position: absolute; z-index: 110; right: 0px;
    top: 0px; }
  .goods_information_tabs>a .num { display: inline-block; padding: 1px 1px; border-radius: 0px;
    font-size: 12px; text-align: center; min-width: 16px; background: #aaa; color: #fff; }
}
/* 상품 후기 및 문의 개수 표시(모바일) 끝 */


/* 상품후기 최근글 */
.designLastestNew5ef44da0f1421 .tit {
  font-size: 12px;
  font-weight: bold;
}

.designLastestNew5ef44da0f1421 .normal_bbslist .cat {
  font-size: 12px;
  font-family: gothic, gulim;
  color: #888;
  letter-spacing: -1px;
}

.designLastestNew5ef44da0f1421 .normal_bbslist .sbj {
  text-align: left;
  letter-spacing: 0px;
}

.designLastestNew5ef44da0f1421 .normal_bbslist .sbj a {
  font-size: 12px;
  font-family: gothic, gulim;
  color: #222222;
  text-decoration: none;
  line-height: 150%;
}

.designLastestNew5ef44da0f1421 .normal_bbslist .sbj a:hover {
  text-decoration: underline;
}

.designLastestNew5ef44da0f1421 .normal_bbslist .comment {
  font: normal 11px arial;
  color: #FC6138;
}


/**/
.designLastestNew5efd1a827ecc5 .tit {
  font-size: 12px;
  font-weight: bold;
}

.designLastestNew5efd1a827ecc5 .normal_bbslist .cat {
  font-size: 12px;
  font-family: gothic, gulim;
  color: #888;
  letter-spacing: -1px;
}

.designLastestNew5efd1a827ecc5 .normal_bbslist .sbj {
  text-align: left;
  letter-spacing: 0px;
}

.designLastestNew5efd1a827ecc5 .normal_bbslist .sbj a {
  font-size: 12px;
  font-family: gothic, gulim;
  color: #222222;
  text-decoration: none;
  line-height: 150%;
}

.designLastestNew5efd1a827ecc5 .normal_bbslist .sbj a:hover {
  text-decoration: underline;
}

.designLastestNew5efd1a827ecc5 .normal_bbslist .comment {
  font: normal 11px arial;
  color: #FC6138;
}

/* 상품후기 최근글 끝 */



/* 브랜드대상 : 계절마음 상세페이지 중간 배너 / 221017 */
.banner_award ul {display:flex; justify-content: space-between; align-items:center; padding:2% 4%; background-color:#fff8e4;overflow:hidden;}
.banner_award ul li {font-size:1.6em !important;font-weight:300;color:#60180d;}
.banner_award ul li span {display:block;margin:5% 0 0 0; font-size:1.2rem;}
.banner_award ul li strong {font-size:1.7rem;}
.banner_award ul li img {display:block; width:95%; margin:0 auto -10%;}
@media only screen and (max-width: 890px)  {
  .banner_award ul li {font-size:1.2em;}
  .banner_award ul li span {margin:5% 0 0 0; font-size:1.0rem;}
  .banner_award ul li strong {font-size:1.4rem;}
  .banner_award ul li img {width:35vw; margin:0 auto -10%;}
}
@media only screen and (max-width: 650px)  {
  .banner_award ul li {font-size:3.2vw;}
  .banner_award ul li span {margin:5% 0 0 0; font-size:2.6vw;}
  .banner_award ul li strong {font-size:3.6vw;}
  .banner_award ul li img {width:35vw; margin:0 auto -10%;}
}
/* 브랜드대상 : 계절마음 상세페이지 중간 배너 끝 */

/* 꽃청 신규 START 김태섭 2023-08-04 - 계절마음 텍스트 배경 */
.title-bg {
  padding: 30px;
  text-align: center;
  border-radius: 16px;
  background: linear-gradient(125deg, #BBE260 0%, #FFE78E 100%);
  font-size: 21px;
  font-weight: normal;
  color: #000;
  margin-bottom: 49px;
}
.title-bg b {display: block;}
@media (max-width: 768px) {
  .title-bg {font-size: 18px;}
  .title-bg b {display: inline;}
}
/* 꽃청 신규 END 김태섭 2023-08-04 - 계절마음 텍스트 배경 */