@charset "utf-8";


/* ################## 레이어창 설정   ################## */


/* 암전 처리된 레이어창 */
.layer_dark {z-index: 999;position: fixed;left: 0;width: 100%;height: 100%;overflow:auto;background: rgba(0,0,0,0.4);  top: 0; display: none;}

/* 기본 레이어창 */
.layer_box_guide01 {z-index: 999;background-color: #fff;padding:20px 0 30px 0; border: 1px solid #4d4d4d; box-shadow: 1px 10px 10px rgba(0,0,0,0.2); border-radius: 20px; margin: auto; position: relative; top: 30%;transform: translateY(-30%) translateY(-.5px);}

.layer_box_guide02 { margin:0 30px 15px 30px;}
.layer_box_guide02 h5{ font-size: 17px; font-weight: 600; text-align: left;}
.layer_box_guide02 .btn_close { background:#fff; border: 0;position: absolute; top:15px; right:15px;}


/* 레이어 본문 시작 가이드 */
.layer_box_guide03{max-height: 800px; overflow-y: auto; padding: 0 30px;}






/* 레이어 본문 텍스트 기본가이드 */
.layer_text01{ margin-bottom: 30px;}
.layer_text01 li{ font-size: 14px;background:url("../images/shop/point01.png") left 5px no-repeat; background-size: 3px; padding-left: 10px; margin: 5px 0;}

.layer_text02 { margin: 15px 10%; text-align: center;}
.layer_text02 p{ display: inline-block;background:url("../images/shop/title_icon02.png") left 2px no-repeat;  padding-left: 17px; text-align: left; font-size: 14px;background-size: 12px;}

@media all and (max-width :767px) {
.layer_box_guide01 {top: 50%;transform: translateY(-50%) translateY(-.5px);}
.layer_box_guide02 h5{ font-size: 15px;}
.layer_box_guide02 { margin:0 15px 15px 20px;}
.layer_box_guide03{max-height: 600px; padding: 0 15px;}

/* 레이어 본문 텍스트 기본가이드 */
.layer_text01{ margin-bottom: 0;}
.layer_text01 li{ font-size: 13px;}

}
@media all and (max-width :640px) {
.layer_dark{padding: 20px 5% 0 5%; }
.layer_box_guide01.lw600{  width: 100% !important;padding:15px 0;border-radius: 15px;}
}

@media all and (max-width :540px) {
.layer_box_guide01.lw500{  width: 100% !important;padding:15px 0;border-radius: 15px;}
}
@media all and (max-width :440px) {
.layer_box_guide01.lw400{  width: 100% !important;padding:15px 0;border-radius: 15px;}
}




/* 아이콘 텍스트 */
.layer_box01{position: relative;text-align: center; padding-top: 75px; background-position: center top; background-repeat: no-repeat;background-size: 60px;}
.layer_box01.bg_icon00{background-image:url("../images/shop/layer_icon00.png");}/* 체크기본 */
.layer_box01.bg_icon01{background-image:url("../images/shop/layer_icon01.png");}/* 장바구니 */
.layer_box01.bg_icon02{background-image:url("../images/shop/layer_icon02.png");}/* ! 에러 */
.layer_box01.bg_icon03{background-image:url("../images/shop/layer_icon03.png");}/* ? 에러 */
.layer_box01.bg_icon04{ background-image:url("../images/shop/photo_save_ly_on.png");}/* 찜등록 */
.layer_box01.bg_icon05{ background-image:url("../images/shop/photo_save_ly.png"); }/* 찜취소 */
.layer_box01.bg_icon06{ background-image:url("../images/shop/layer_icon05.png"); }/* 비밀번호 확인 */
.layer_box01.bg_icon07{ background-image:url("../images/shop/layer_icon06.png"); }/* 비밀번호 변경 */
.layer_box01.bg_icon08{ background-image:url("../images/shop/layer_icon07.png"); }/* 비밀번호 등록 */
@media all and (max-width :767px) {
.layer_box01{background-size: 50px;padding-top: 65px}
}

.layer_box01 .ly_text00{ font-size: 17px; font-weight: 600;}
.layer_box01 .ly_text01{ font-size: 17px; font-weight: 600; margin-bottom: 20px;}
.layer_box01 .ly_text02{ font-size: 14px;  margin-bottom: 20px;}
.layer_box01 .ly_text03{ font-size: 17px; font-weight: 600; margin-bottom: 20px;}
.layer_box01  strong{ font-weight: 700; color: #ff0000;}

.layer_box01 .ly_text04{ font-size: 13px;  margin-bottom: 20px; text-align: left; line-height: 18px;padding: 0 5%;}
.layer_box01 .ly_text04 p{text-align: center; font-size: 17px; font-weight: 500; margin-bottom: 10px; line-height: 24px;}
.layer_box01 .ly_text04 em{ color: #ff0000;}



@media all and (max-width :767px) {
.layer_box01{background-size: 50px;padding-top: 65px}
.layer_box01 .ly_text00{ font-size: 15px;}
.layer_box01 .ly_text01{  margin-bottom: 0; font-size: 15px;}
.layer_box01 .ly_text04{ font-size: 12px; }
.layer_box01 .ly_text04 p{ font-size: 15px;line-height: 20px;}
}







/* 레이어 장바구니 */
.ly_photo_guide .photo_box{ position:relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: 20px; padding: 15px; border-radius: 15px; border: 1px solid #269cd3;box-shadow: 1px 10px 10px rgba(0,0,0,0.04); background: #fff}

.ly_photo_guide .photo_box > a{display:block; overflow:hidden; font-size:16px; width: 80px;}
.ly_photo_guide .photo_box > a:hover img,
.ly_photo_guide .photo_box > a:focus img{transform:scale(1.1, 1.1);transition: all 0.4s;}
.ly_photo_guide .photo_box .img_box{ height:80px;  position: relative; display: block;overflow: hidden; border-radius: 10px;}
.ly_photo_guide .photo_box .img_box img{height: 100%; width:100%;}


@media all and (max-width :767px) {
.ly_photo_guide .photo_box { padding: 10px; border-radius: 10px;}
.ly_photo_guide .photo_box > a{width: 70px;}
.ly_photo_guide .photo_box .img_box{ height:70px;}
}




.ly_photo_guide .photo_box .txt_box01{ width: calc(100% - 100px);}
.ly_photo_guide .photo_box .txt_box01 .txt_info{display: flex; justify-content: space-between; align-items: center;}
.ly_photo_guide .photo_box .txt_box01 .txt_info span{font-size: 14px;height: 20px; overflow: hidden; line-height: 20px;display: inline-block; width: calc(100% - 90px); padding-left: 2px;} 

.ly_photo_guide .photo_box .txt_box01 .text_tit a{display: block; height: 20px; overflow:hidden; font-size: 16px; margin: 5px 0 10px 0; line-height: 25px;}

.ly_photo_guide .photo_box .txt_box01 .txt_info span a:hover,
.ly_photo_guide .photo_box .txt_box01 .txt_info span a:focus,
.ly_photo_guide .photo_box .txt_box01 > .text_tit a:hover,
.ly_photo_guide .photo_box .txt_box01 > .text_tit a:focus{ text-decoration: underline;}

.ly_photo_guide .photo_box .txt_box01 > .text_op{font-size: 13px; overflow: hidden; height: 18px; line-height: 18px;}
.ly_photo_guide .photo_box .txt_box01 > .text_op em{display: inline-block;background: #dbedff;    padding: 0 5px; border-radius: 4px; height: 18px;line-height: 18px; font-size: 11px;margin-right: 5px; color: #000; }

.ly_photo_guide .photo_box .txt_box01 .txt_won01{ display: flex; align-items: center;}
.ly_photo_guide .photo_box .txt_box01 .txt_won01 i{ font-size: 16px; color: #ff0000; font-weight: 700;}
.ly_photo_guide .photo_box .txt_box01 .txt_won01 em{font-size: 13px; text-decoration: line-through; color: #999; font-weight: 500; margin: 0 5px;}
.ly_photo_guide .photo_box .txt_box01 .txt_won01 b{font-size: 18px; font-weight: 800;}




/* 레이어 장바구니 별점수&리뷰갯수 */
.ly_photo_guide .photo_box .txt_box01 .sp_score_reviw{ font-size: 15px; font-weight: 700; position: relative; background:url("../images/shop/icon_star_on.png") left 3px no-repeat; padding-left: 20px; background-size: 15px; padding-right: 0;}
.ly_photo_guide .photo_box .txt_box01 .sp_score_reviw > em{background: #19ccdc; border: 1px solid #19ccdc; border-radius: 20px; padding: 0 7px; font-size: 12px;display: inline-block; font-weight: 500; position: relative;height: 22px; line-height: 22px; margin:0 0 0 5px;color: #fff;}
.ly_photo_guide .photo_box .txt_box01 .sp_score_reviw > em:before{ left: -4px;  content: ""; color: red; top: 50%;transform: translateY(-50%);  position: absolute; z-index: 99; background:url("../images/shop/balloon_point03.png") left center no-repeat; display: inline-block; width:6px; height: 17px;}
.ly_photo_guide .photo_box .txt_box01 .sp_score_reviw.tool_white > em{background: #fff; border: 1px solid #eee;color: #000;}
.ly_photo_guide .photo_box .txt_box01 .sp_score_reviw.tool_white > em:before {background-image:url("../images/shop/balloon_point01.png"); }




@media all and (max-width :767px) {
.ly_photo_guide .photo_box .txt_box01{ width: calc(100% - 80px);}
.ly_photo_guide .photo_box .txt_box01 .txt_info span{font-size: 12px;height: 15px; line-height: 15px;width: calc(100% - 80px);}
.ly_photo_guide .photo_box .txt_box01 .text_tit a{ font-size: 14px;margin: 2px 0 5px 0;}
.ly_photo_guide .photo_box .txt_box01 .sp_score_reviw{ font-size: 11px; padding-left: 15px; background-size: 10px; background-position: left center;}
.ly_photo_guide .photo_box .txt_box01 .sp_score_reviw > em{ padding: 0 7px; font-size: 10px;height: 16px; line-height: 15px; margin:0 0 0 5px;color: #fff;}
.ly_photo_guide .photo_box .txt_box01 .sp_score_reviw > em:before{ left: -3px; background-size: 4px;}

.ly_photo_guide .photo_box .txt_box01 > .text_op{font-size: 12px; height: 16px; line-height: 16px;}
.ly_photo_guide .photo_box .txt_box01 > .text_op em{ height: 16px;line-height: 16px; font-size: 10px;}



.ly_photo_guide .photo_box .txt_box01 .txt_won01 i{ font-size: 13px;}
.ly_photo_guide .photo_box .txt_box01 .txt_won01{ display: block; }
.ly_photo_guide .photo_box .txt_box01 .txt_won01 i,
.ly_photo_guide .photo_box .txt_box01 .txt_won01 em,
.ly_photo_guide .photo_box .txt_box01 .txt_won01 b{ display: inline-block; vertical-align: middle;}
.ly_photo_guide .photo_box .txt_box01 .txt_won01 em{font-size: 10px;margin: 0 1px;}
.ly_photo_guide .photo_box .txt_box01 .txt_won01 b{font-size: 14px; font-weight: 700;}
}














/* 레이어 리뷰작성 & 반품신청 */
.ly_review_guide{ padding: 10px 0 0 0; border-radius: 15px; border: 1px dashed #ddd; margin-bottom: 10px;box-shadow: 1px 10px 10px rgba(0,0,0,0.02); background: #fff; overflow: hidden;}
.ly_review_guide  .form_guide{ font-size: 14px;}
.ly_review_guide  textarea{ font-size: 14px;font-weight: 300; height: 80px;}
.ly_review_guide  p{ font-size: 13px; color: #555; margin-top: 8px; text-align: right;}

.ly_review_guide ul{ display: flex; justify-content: space-between;flex-wrap: wrap; border-bottom: 1px dashed #ddd; align-items: center; padding:15px;}
.ly_review_guide ul:last-of-type{ margin-bottom: 0; border-bottom:none;}
.ly_review_guide ul li:first-child{ width: 85px;}
.ly_review_guide ul li:last-child{ width: calc(100% - 105px); }
.ly_review_guide ul:first-child li:first-child strong{background: #ffde00;}
.ly_review_guide ul li >  strong{  padding: 8px 0;background: #eee;border-radius: 30px; display: block; text-align: center; font-size: 13px;}


.ly_review_guide .review_box01{ display: flex; align-items: center; gap:10px;}
.ly_review_guide .review_box01 button{background:#fff url("../images/shop/icon_star_off.png") center center no-repeat; width: 21px; height: 21px; line-height: 21px; text-indent: -9999px;}
.ly_review_guide .review_box01 button.active{background-image:url("../images/shop/icon_star_on.png")}
.ly_review_guide .review_box02{ display: flex; align-items: center; gap:5px;}
.ly_review_guide .review_box02_01{ display: flex; align-items: center; gap:5px;}


.ly_review_guide .review_box03 .review_box03_01 { margin-bottom: 10px;}
.ly_review_guide .review_box03 .review_box03_01 span{ display: inline-block; align-items: center; position: relative; margin-bottom: 3px;}
.ly_review_guide .review_box03 .review_box03_01 span a{display: block; }
.ly_review_guide .review_box03 .review_box03_01 span img{ width: 76px; height: 76px; overflow: hidden; border-radius: 4px;}

.ly_review_guide .review_box03 .review_box03_02{ background: #f9f9f9; padding: 5px; border-radius: 4px;}

.ly_review_guide .review_box03 .sp_delete{border-radius: 50%;  height: 21px;  width: 21px;  background: #cdcdcd url(../images/shop/icon_close.png) center no-repeat;  display: inline-block;  text-align: center;  line-height: 21px;   text-indent: -99999px; margin-left: 5px; position: absolute; top:5px; right:5px;}


.ly_review_guide .review_box04{ padding:15px; font-size: 14px;background: #f0f6f8; border-radius: 0 0 15px 15px; }


@media all and (max-width :767px) {
.ly_review_guide{ padding:5px 0 0 0;}
.ly_review_guide  .form_guide{ font-size: 13px;}
.ly_review_guide  .form_guide i{ display: none;}
.ly_review_guide  textarea{ font-size: 13px;}

.ly_review_guide ul{ padding:5px 15px 10px 15px; margin-bottom: 10px;}
.ly_review_guide ul li:first-child{ width: 80px;}
.ly_review_guide ul li:last-child{ width:100%; margin-top: 8px;}
.ly_review_guide .review_box04{ padding:10px; font-size: 13px; border-radius: 4px; }

}

@media all and (max-width :500px) {
.ly_review_guide .review_box02_01{ flex-wrap: wrap;}
.ly_review_guide .review_box02_01 > span{ width: 49%;}

}

















/* 레이어 상품문의 작성 */

.ly_qna_guide{ padding: 10px 0; border-radius: 15px; border: 1px dashed #ddd; margin-bottom: 10px;box-shadow: 1px 10px 10px rgba(0,0,0,0.02); background: #fff;}
.ly_qna_guide  .form_guide{ font-size: 14px;}
.ly_qna_guide  textarea{ font-size: 14px;font-weight: 300; height: 100px;}
.ly_qna_guide  p{ font-size: 13px; color: #555; margin-top: 8px; text-align: right;}
.ly_qna_guide  div{ font-size: 12px; color: #555; }

.ly_qna_guide ul{ display: flex;flex-wrap: wrap; border-bottom: 1px dashed #ddd; align-items: center; padding:15px 20px; margin-bottom: 10px;}
.ly_qna_guide ul:last-of-type{ margin-bottom: 0; border: 0;}
.ly_qna_guide ul li:first-child{ width:100%;  margin-bottom: 10px}
.ly_qna_guide ul li:last-child{ width:100%; }
.ly_qna_guide ul li >  strong{ display: block; background: url(../images/shop/title_icon01.png) left center no-repeat; background-size: 16px; padding-left: 22px; font-size: 15px;}

.ly_qna_guide  .qna_box01{ display: inline-flex; flex-wrap: wrap; gap:10px}

@media all and (max-width :767px) {
.ly_qna_guide{ border-radius: 10px;}
.ly_qna_guide ul{  padding:10px 20px; margin-bottom: 5px;}
}




/* 취소요청 */
.ly_common_guide{ margin-top: 30px;}
.ly_common_guide h5 {margin: 0 5px 10px 5px;}
.ly_common_guide h5 strong{ display: inline-block; background: url(../images/shop/title_icon01.png) left center no-repeat; font-size: 15px; padding-left: 22px; background-size: 16px;}
.ly_common_text01{ border-radius: 15px; border: 1px dashed #ddd; margin-bottom: 10px;box-shadow: 1px 10px 10px rgba(0,0,0,0.02); background: #fff;}
.ly_common_text01 ul{ display: flex; border-bottom: 1px dashed #ddd; align-items: center; padding:15px; justify-content: space-between; flex-wrap: wrap;}
.ly_common_text01 ul:last-of-type{ margin-bottom: 0;border-bottom:0;}
.ly_common_text01 ul li >  strong{  padding: 8px 0;background: #eee;border-radius: 30px; display: block; text-align: center; font-size: 13px; margin-right: 10px; min-width: 70px;}
.ly_common_text01 ul li p{ font-weight: 700; color: #ff0000;}
.ly_common_text01 ul li:last-child { width: calc(100% - 80px);}




/* 레이어 주문자 정보 수정  & 판매자정보  */
.ly_myinfo_guide{ border-radius: 15px; border: 1px dashed #ddd; margin-bottom: 10px;box-shadow: 1px 10px 10px rgba(0,0,0,0.02); background: #fff;}
.ly_myinfo_guide  .form_guide{ font-size: 14px;}

.ly_myinfo_guide ul{ display: flex; border-bottom: 1px dashed #ddd; align-items: center; padding:15px;}
.ly_myinfo_guide ul:last-of-type{ margin-bottom: 0;border-bottom:0;}
.ly_myinfo_guide ul:first-child li:first-child strong{background: #ffde00;}
.ly_myinfo_guide ul li >  strong{  padding: 8px;background: #eee;border-radius: 30px; display: block; text-align: center; font-size: 13px;min-width:60px; margin-right: 10px;}
.ly_myinfo_guide  .myinfo_box01{ display: flex; gap:10px;}

@media all and (max-width :767px) {
.ly_myinfo_guide{  border-radius: 15px;}
.ly_myinfo_guide ul{padding:12px 10px;gap:0;}
.ly_myinfo_guide ul li:first-child{ width: auto;}
.ly_myinfo_guide ul li:last-child{ width:auto; }
.ly_myinfo_guide ul li >  strong{  padding: 8px;}

}







/* 레이어 쿠폰적용 */
.ly_coupon_guide{ margin-top: 30px;}
.ly_coupon_guide h5 {margin: 0 5px;}
.ly_coupon_guide h5 strong{ display: inline-block; background: url(../images/shop/title_icon01.png) left center no-repeat; font-size: 15px; padding-left: 22px; background-size: 16px;}
.ly_coupon_guide .form_guide{font-size: 16px; font-weight: 700; color: #ff0000;}
.ly_coupon_guide li:last-child .form_guide{ color: #000;font-weight: 500; }
.ly_coupon_guide .coupon_box01 ul{ padding: 5px 0; border-radius: 15px; border: 1px dashed #ddd; margin: 10px 0 30px 0; background: #fff; box-shadow: 1px 10px 10px rgba(0,0,0,0.02);}
.ly_coupon_guide .coupon_box01 ul li{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px 20px; border-bottom: 1px dashed #ddd;}
.ly_coupon_guide .coupon_box01 ul li:last-child{border-bottom: 0;}
.ly_coupon_guide .coupon_box01 ul li em{ width: 130px;}
.ly_coupon_guide .coupon_box01 ul li strong{ font-weight: 400; font-size: 14px; width: calc(100% - 140px); text-align: right;}


.ly_coupon_guide .coupon_box02 ul{ margin: 0 0 20px 0; background: #ddd url("../images/shop/pattren01.png") left top repeat; padding: 20px 0; display: flex; justify-content: center; align-items: center; gap:10px; flex-wrap: wrap; border-radius: 10px;}
.ly_coupon_guide .coupon_box02 ul li:nth-of-type(2),
.ly_coupon_guide .coupon_box02 ul li:nth-of-type(4){opacity: 0.1;}
.ly_coupon_guide .coupon_box02 ul li:nth-of-type(3) strong{ color: #ff0000;}
.ly_coupon_guide .coupon_box02 ul li:nth-of-type(1),
.ly_coupon_guide .coupon_box02 ul li:nth-of-type(3),
.ly_coupon_guide .coupon_box02 ul li:nth-of-type(5){ padding:10px 20px; border-radius: 10px; background: #fff;  text-align: center; min-width: 100px;}
.ly_coupon_guide .coupon_box02 ul li img{width: 20px;}
.ly_coupon_guide .coupon_box02 ul li span{ background: #f9f9f9; border-radius: 30px; padding: 3px 8px; font-size: 11px; display:inline-block; margin-bottom: 5px;}
.ly_coupon_guide .coupon_box02 ul li strong{font-size: 16px; font-weight: 700; display: block; }
.ly_coupon_guide .coupon_box02 ul li:last-child span{color: #fff; background: #ff0000;}
.ly_coupon_guide .coupon_box02 ul li:last-child strong{color: #ff0000;}

@media all and (max-width :767px) {
.ly_coupon_guide .form_guide{font-size: 15px;}
.ly_coupon_guide .coupon_box01 ul{margin: 10px 0 20px 0; }
.ly_coupon_guide .coupon_box01 ul li{padding: 10px 15px;}
.ly_coupon_guide .coupon_box01 ul li em{ width: 120px; }
.ly_coupon_guide .coupon_box01 ul li strong{font-size: 14px; width: calc(100% - 120px);text-align: left; }

.ly_coupon_guide .coupon_box02 ul{ margin: 0 0 10px 0; background: #fff;  padding:15px 10px; border: 2px solid #555;border-radius: 4px; gap:5px;}
.ly_coupon_guide .coupon_box02 ul li img{width: 12px;}
.ly_coupon_guide .coupon_box02 ul li:nth-of-type(1),
.ly_coupon_guide .coupon_box02 ul li:nth-of-type(3),
.ly_coupon_guide .coupon_box02 ul li:nth-of-type(5){ padding:0; background: none;  min-width:inherit;}
.ly_coupon_guide .coupon_box02 ul li strong{ background: #fff;font-size: 15px;}
}






/* 레이어 쿠폰받기 */


.ly_coupon_guide01 h5 {margin: 0 5px;}
.ly_coupon_guide01 h5 strong{ display: inline-block; background: url(../images/shop/title_icon01.png) left center no-repeat; font-size: 15px; padding-left: 22px;background-size: 16px;}


.ly_coupon_guide01 .coupon01_box01{ margin-bottom: 30px;}
.ly_coupon_guide01 .coupon01_box01:last-child{ margin-bottom: 0;}

.ly_coupon_guide01 .coupon01_box01 ul li{ margin: 10px 0 15px 0;}
.ly_coupon_guide01 .coupon01_box01 ul li > a{  background: #fff; box-shadow: -1px -10px 10px rgba(0,0,0,0.05); border-radius: 15px 0 0 30px; display: flex;justify-content: space-between;align-content: center;  border-top: 1px dashed #ff708c;border-left: 1px dashed #ff708c;border-bottom: 1px dashed #ff708c;}
.ly_coupon_guide01 .coupon01_box01 ul li > a .coupon01_txt01{width: calc(100% - 60px); padding:15px 20px;}
.ly_coupon_guide01 .coupon01_box01 ul li > a .coupon01_txt02{ width: 45px;  text-align: center; background: #ff708c url(../images/shop/coupon_bg01.png) right center repeat-y; text-indent: -9999px; display: flex; background-size: 44px;} 

.ly_coupon_guide01 .coupon01_box01 ul li > a .coupon01_txt01 > strong{ display: inline-block; background: #ff708c; padding: 5px 10px; border-radius: 4px; color: #fff; font-size: 11px;}
.ly_coupon_guide01 .coupon01_box01 ul li > a .coupon01_txt01 > em{ display: block; font-size: 14px; font-weight: 500; margin: 7px 0;}
.ly_coupon_guide01 .coupon01_box01 ul li > a .coupon01_txt01 > i{ display: block; font-size: 16px; font-weight: 600; margin: 7px 0; color: #ff0000;}
.ly_coupon_guide01 .coupon01_box01 ul li > a .coupon01_txt01 > b{ display: block; font-size: 14px;background: #f9f9f9; padding: 5px 10px;border-radius: 30px;}



.ly_coupon_guide01 .coupon01_box01 .coupon_bg01 li > a{border-top: 1px dashed #13c792;border-left: 1px dashed #13c792;border-bottom: 1px dashed #13c792;}
.ly_coupon_guide01 .coupon01_box01 .coupon_bg01 li > a .coupon01_txt02{  background: #13c792 url(../images/shop/coupon_bg02.png) right center repeat-y;  background-size: 44px;} 

.ly_coupon_guide01 .coupon01_box01 .coupon_bg01 li > a .coupon01_txt01 > strong{ background: #13c792; }
.ly_coupon_guide01 .coupon01_box01 .coupon_bg01 li > a .coupon01_txt01 > i{ color: #01a877;}

@media all and (max-width :767px) {

.ly_coupon_guide01 .coupon01_box01 ul li > a .coupon01_txt01 > em{  font-size: 13px; font-weight: 500;}
.ly_coupon_guide01 .coupon01_box01 ul li > a .coupon01_txt01 > i{ font-size: 14px; font-weight: 600; margin: 7px 0;}
.ly_coupon_guide01 .coupon01_box01 ul li > a .coupon01_txt01 > b{ font-size: 13px; }
}












/* 레이어 주문자 정보 수정 */

.ly_bank_guide{ border-radius: 15px; border: 1px dashed #ddd; margin-bottom: 10px;box-shadow: 1px 10px 10px rgba(0,0,0,0.02); background: #fff;}
.ly_bank_guide  .form_guide{ font-size: 14px;}

.ly_bank_guide > ul{ display: flex; justify-content: space-between;flex-wrap: wrap; border-bottom: 1px dashed #ddd; align-items: center; padding:15px;}

.ly_bank_guide > ul:last-child{border-bottom:none;}
.ly_bank_guide > ul > li:first-child{ width: 80px;}
.ly_bank_guide > ul > li:last-child{ width: calc(100% - 100px);}
.ly_bank_guide > ul:first-child li:first-child strong{background: #ffde00;}
.ly_bank_guide > ul > li >  strong{  padding: 8px 0;background: #eee;border-radius: 30px; display: block; text-align: center; font-size: 13px;}
.ly_bank_guide  .bank_box01{ display: flex; gap:10px; flex-wrap: wrap;}
.ly_bank_guide  .bank_box01 > div{ width: 100%; background: #f6f6f6;  border-radius: 10px; padding: 10px;}
.ly_bank_guide  .bank_box01 > div > span{ margin-right: 10px}
.ly_bank_guide  .bank_box01 > div > .bbs_f100{ margin-top: 10px;}


.ly_bank_guide  .bank_box02{padding:15px;}
.ly_bank_guide  .bank_box02 > div { height: 180px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ddd; border-radius: 4px; font-size: 13px;padding: 10px; }
.ly_bank_guide  .bank_box02 p {  background: url(../images/shop/point.png) left center no-repeat;padding-left: 10px; font-size: 12px; margin-top: 10px;}
.ly_bank_guide  .bank_box02 p > em{ color: #ff0000; font-weight: 500;}


.ly_bank_guide  .bank_box03{padding:15px;}
.ly_bank_guide  .bank_box03 dt{font-size: 16px; border-radius: 0 10px 10px 10px;padding: 10px 20px 10px 34px;background: #fff6f6 url(../images/shop/title_icon02.png) 10px center no-repeat;   background-size: 18px; font-weight: 600;color: #ff0000; margin-bottom: 15px;}
.ly_bank_guide  .bank_box03 dd{ display: flex; gap:5px; margin: 10px 5px;}
.ly_bank_guide  .bank_box03 dd strong{ border-radius: 50%; width: 18px; height: 18px; line-height: 18px; font-size:10px; background: #ff0000; color: #fff; text-align: center; display: inline-block; font-weight: 600}
.ly_bank_guide  .bank_box03 dd span{width: calc(100% - 30px); font-size: 13px;} 
.ly_bank_guide  textarea{ font-size: 14px;font-weight: 300; height: 150px;}



.ly_bank_guide .review_box03 .review_box03_00{ font-size: 12px; margin-bottom: 10px;}
.ly_bank_guide .review_box03 .review_box03_01 { margin-bottom: 10px;}
.ly_bank_guide .review_box03 .review_box03_01 span{ display: inline-block; align-items: center; position: relative; margin-bottom: 3px; font-size: 13px;}
.ly_bank_guide .review_box03 .review_box03_01 span a{display: block; }
.ly_bank_guide .review_box03 .review_box03_01 span img{ width: 76px; height: 76px; overflow: hidden; border-radius: 4px;}
.ly_bank_guide .review_box03 .review_box03_01 .sp_delete{border-radius: 50%;  height: 21px;  width: 21px;  background: #cdcdcd url(../images/shop/icon_close.png) center no-repeat;  display: inline-block;  text-align: center;  line-height: 21px;   text-indent: -99999px; margin-left: 5px; position: absolute; top:5px; right:5px;}


.ly_bank_guide .review_box03 .review_box03_02{ background: #f9f9f9; padding: 5px; border-radius: 4px;}


.ly_bank_guide .review_box03 .review_box03_03 { margin-bottom: 10px;}
.ly_bank_guide .review_box03 .review_box03_03 span{ display: inline-block; align-items: center; position: relative;  font-size: 13px;background: url(../images/board/file01.png) left center no-repeat; background-size: 15px; padding:0 30px 0 20px; margin: 0 10px 10px 0}
.ly_bank_guide .review_box03 .review_box03_03 span a{display: block; }
.ly_bank_guide .review_box03 .review_box03_03 span img{ width: 76px; height: 76px; overflow: hidden; border-radius: 4px;}
.ly_bank_guide .review_box03 .review_box03_03 .sp_delete{border-radius: 50%;  height: 21px;  width: 21px;  background: #cdcdcd url(../images/shop/icon_close.png) center no-repeat;  display: inline-block;  text-align: center;  line-height: 21px;   text-indent: -99999px; margin-left: 5px; position: absolute; top:-2px; right:0;}




@media all and (max-width :767px) {
.ly_bank_guide > ul{ padding:15px;}
.ly_bank_guide > ul > li:last-child{ width:100%;margin-top: 8px;}
.ly_bank_guide .form_guide{ font-size: 13px;}

}




























/* 배송지 변경*/
.layer_address01 dl{border: 1px solid #ddd; border-radius: 10px; overflow: hidden; margin-bottom: 15px;background: #fff;}
.layer_address01 dl dt{ display: flex; justify-content: space-between; padding:10px; background: #f6f6f6;align-items: center; }
.layer_address01 dl dt p{ display: flex; align-items: center;gap:3px;}
.layer_address01 dl dt strong{ display: inline-block; background: url("../images/shop/title_icon09.png") left center no-repeat; padding-left:18px; font-size: 14px; background-size: 15px;  font-weight: 600; max-width:145px; }
.layer_address01 dl dt span{font-weight: 500;display: inline-block; font-size: 10px; border-radius: 20px; background: #0367db; padding: 4px 8px;color: #fff; }

.layer_address01 dl dd{ border-bottom: 1px dashed #ddd; display: flex; justify-content: space-between; flex-wrap: wrap; padding:10px 15px; align-items: center; font-size: 13px;line-height: 18px;}

.layer_address01 dl dd:last-child{ border-bottom: 0;}




/*배송지 추가*/
.layer_address02{ border-radius: 15px; border: 1px dashed #ddd; margin-bottom: 10px;box-shadow: 1px 10px 10px rgba(0,0,0,0.02); background: #fff;}
.layer_address02  .form_guide{ font-size: 14px;}
.layer_address02 ul{ display: flex; border-bottom: 1px dashed #ddd; align-items: center; padding:15px;  flex-wrap: wrap; justify-content: space-between;}
.layer_address02 ul li:first-child{ width: 80px;}
.layer_address02 ul li:last-child{  width: calc(100% - 90px)}
.layer_address02 ul:last-of-type{ margin-bottom: 0;border-bottom:0;;}
.layer_address02 ul li >  strong{  padding: 8px 0;background: #eee;border-radius: 30px; display: block; text-align: center; font-size: 13px;}
.layer_address02 ul li div p{ margin-top: 5px;}
.layer_address02 ul li div p:first-child{ margin-top: 0;}

@media all and (max-width :767px) {
.layer_address02 ul{padding:12px 10px;gap:0;}
.layer_address02 ul li:first-child{ width: 70px;}
.layer_address02 ul li:last-child{  width: calc(100% - 77px);}

}




/* 배송 조회*/
.layer_deliver01 > ul{ margin:30px 15px 0 15px;}
.layer_deliver01 > ul > li{ position: relative;background: url("../images/shop/point02.png") left top no-repeat; padding: 0 0 20px 30px;}
.layer_deliver01 > ul > li:last-child{background:none;}
.layer_deliver01 > ul > li.active:before{content: ''; background: url("../images/shop/title_icon16_01.png") center top no-repeat;display: inline-block; width: 30px; height: 30px;background-size: 30px; position: absolute; left:-5px; top:0;}


.layer_deliver01 > ul > li > dl dt{background: #e6f3ff; border-radius: 30px; padding: 6px 15px; display: inline-block; font-size: 14px; margin-bottom: 10px;}

.layer_deliver01 > ul > li > dl dd{margin-left: 10px;font-size: 13px;}
.layer_deliver01 > ul > li > dl dd .del_btn{background:#fff url("../images/shop/down_arrow04.png") calc(100% - 5px) center no-repeat;display: inline-block; border: 1px solid #ddd; background-size: 8px; font-size: 10px; padding:3px 19px 3px 8px; margin-left: 5px;}

.layer_deliver01 > ul > li > dl dd .del_btn.active{background-image: url("../images/shop/down_arrow05.png")}
.layer_deliver01 > ul > li > dl > dd  > ul > li{font-size: 12px;border: 1px dashed #ddd; border-radius: 4px; padding: 10px; margin: 5px 0;}

@media all and (max-width :767px) {
.layer_deliver01 > ul{ margin:20px 0 0 0;}
.layer_deliver01 > ul > li > dl dt{ padding: 5px 10px; font-size: 13px;}
.layer_deliver01 > ul > li > dl dd{font-size: 12px;}
}





/* 게시판 비밀번호 확인*/
.ly_bbs_box01 { background: #e7f0f9; padding: 10px 20px; border-radius:0 10px 10px 10px;}
.ly_bbs_box01 li{ display: flex; justify-content:space-between; align-items: center; padding: 2px 0;}
.ly_bbs_box01 li strong{ font-size: 13px; color: #274478;background: url("../images/shop/title_icon08.png") left center no-repeat; padding-left: 12px; background-size: 8px;}
.ly_bbs_box01 li span{ width: calc(100% - 120px);}
.ly_bbs_box01.lbb_w01 li span{ width: calc(100% - 80px);}
@media all and (max-width :767px) {

}



/* 모든 결제 약관양식 */
.ly_payment_guide{}
.ly_payment_box01{ margin-bottom: 30px;}
.ly_payment_box01:last-child{ margin-bottom: 0;}

.ly_payment_box01 > h6{ font-size: 15px; border-radius: 0 10px 10px 10px; padding: 10px 20px 10px 34px; background: #eff6ff url(../images/shop/title_icon07.png) 10px center no-repeat; background-size: 18px; font-weight: 600; color: #0d64cc; margin-bottom: 15px;}
.ly_payment_box01 > ul{margin: 0 10px;}
.ly_payment_box01 > ul > li{ font-size: 14px;background: url(../images/shop/point01.png) left 8px no-repeat; background-size: 3px; padding-left: 10px; margin-bottom: 10px; line-height: 20px;}

.ly_payment_box01_01{ margin: 0 10px 20px 10px; background: #f6f6f6; border-radius: 10px; padding: 15px; font-size: 13px;}
.ly_payment_box01_01 > h7{  padding: 8px 0; text-align: center; font-size: 14px; display: block; border-radius: 30px; background: #fff; margin-bottom: 10px;}





/* 카드관리 */



.ly_card_box01 {display: flex; gap:20px; padding: 30px 0;}
.ly_card_box01 .card_btn01{border-radius: 10px; padding: 25px;height: 120px; width: 28%; display: block;background: #eee url(../images/shop/card_img01.png) center 30px no-repeat; background-size: 40px;}
.ly_card_box01 .card_btn01 > strong{margin-top: 30px; display: block;}



.ly_card_box02{ position: relative; width: 72%;}
.ly_card_box02 ul{ display: flex;flex-wrap: wrap; gap:10px; overflow: hidden; height: 140px; justify-content: space-between;}
.ly_card_box02 ul li{width:calc(50% - 10px);position: relative; margin-bottom: 50px;}

.ly_card_box02 ul li > .card_btn02{border-radius: 10px; padding: 40px 25px 25px 25px;height: 120px; width: 100%; display: block; background: #fff  url(../images/shop/card_img02.png) calc(100% - 10px) calc(100% - 10px) no-repeat; box-shadow: 1px 10px 10px rgba(0,0,0,0.05); text-align: left; background-size: 25px;}
.ly_card_box02 ul li > .card_btn02 > strong{display: block; font-weight: 700;font-size: 15px;}
.ly_card_box02 ul li > .card_btn02 > span{display: block; margin-top: 10px;}
.ly_card_box02 ul li .card_btn02.active:before{position: absolute;top:10px; left:10px; width: 25px; height: 25px; background: url(../images/shop/title_icon12.png) center no-repeat; background-size: 25px; z-index: 2; content: '';}

.ly_card_box02 ul li:nth-child(odd) .card_btn02{background-color: #ffe953;}
.ly_card_box02 ul li:nth-child(even) .card_btn02{background-color: #95ffdf; background-image:  url(../images/shop/card_img03.png);}

.ly_card_box02 ul li .card_delete{position: absolute;top:10px; right:10px; width: 25px; height: 25px; background: url("../images/shop/icon_close01.png") center no-repeat; background-size: 25px; z-index: 2; content: ''; text-indent: -9999px;}


.ly_card_box02 .sp_small_btn > a{ position: absolute; top:30%; transform: rotateY(-30%); display: inline-block; width: 15px;text-align: center; text-indent: -9999px; background:#fff url("../images/shop/arrow_prev03.png") left center no-repeat; height: 30px; border-radius:0 20px 20px 0; background-size: 7px; z-index: 5;}
.ly_card_box02 .sp_small_btn > a.sp_prev01{left:0; }
.ly_card_box02 .sp_small_btn > a.sp_next01{border-radius:20px 0 0 20px; right:0;background-image: url("../images/shop/arrow_next03.png"); background-position: right center}






/* 결제카드관리 */

.ly_card_box03{ margin-top: -15px;}

.ly_card_box03 dl{border: 1px solid #ddd; border-radius: 10px; margin-bottom: 15px;background: #fff;display: flex; justify-content: space-between; padding:10px; align-items: center;}
.ly_card_box03 dl:last-child{ margin-bottom: 0;}
.ly_card_box03 dl dt { background: #f2f4f6; padding: 15px 0; width: 110px; text-align: center; overflow: hidden; border-radius: 6px;}
.ly_card_box03 dl dt > img{ height: 37px;}
.ly_card_box03 dl dd:nth-of-type(1) { width:  calc(100% - 130px);}
.ly_card_box03 dl dd {  position: relative;}
.ly_card_box03 .card_list01 li { font-size: 14px;margin-bottom: 5px;}
.ly_card_box03 .card_list01 li:last-child {margin-bottom: 0;}

.ly_card_box03 .card_list01 li strong{ display: inline-block;  font-size: 14px; font-weight: 600;}
.ly_card_box03 .card_list01 li span{font-weight: 500;display: inline-block; font-size: 9px; border-radius: 20px; background: #ff0000; padding: 3px 6px;color: #fff; }

@media all and (max-width :767px) {
.ly_card_box03{ margin-top: -5px;}
}


/* 결제카드관리 카드등록 */
.ly_card_guide{ padding: 10px 0; border-radius: 15px; border: 1px dashed #ddd; margin-bottom: 10px;box-shadow: 1px 10px 10px rgba(0,0,0,0.02); background: #fff;}
.ly_card_guide  input{ border: none; border-bottom: 1px solid #555; border-radius: 0; margin-bottom: 10px; text-align: center;padding: 0;} 

.ly_card_guide ul{ display: flex;flex-wrap: wrap; border-bottom: 1px dashed #ddd; align-items: center; padding:15px 20px; margin-bottom: 10px;}
.ly_card_guide ul:last-of-type{ margin-bottom: 0; border: 0;}
.ly_card_guide ul li{ display: flex; align-items: center; gap:10px; }
.ly_card_guide ul li:first-child{ width:100%;  margin-bottom: 10px;}
.ly_card_guide ul li:last-child{ width:100%; }
.ly_card_guide ul li strong{ width: 33%;}

.layer_box_guide03 .card_check{ padding: 10px; display: flex; justify-content: space-between;}

.layer_box_guide03 .card_tit strong{ display: inline-block; background: url(../images/shop/title_icon04.png) left center no-repeat; background-size: 16px; padding-left: 22px; font-size: 15px; margin: 0 5px 10px 5px;}

.layer_box_guide03 .card_yes{background: url(../images/shop/card_img04.png) center top no-repeat; background-size: 70px; padding-top: 80px; font-size: 16px; font-weight: 600; margin-bottom: 20px; text-align: center; margin: 100px 0;}

.ly_card_guide .card_pw {text-align: center; margin: 50px 0; }
.ly_card_guide .card_pw input{ padding: 0; border: none; background:#fff url("../images/shop/point04.png") center no-repeat; width: 30px; text-align: center; font-size: 20px;}

.layer_box_guide03 .card_info{  padding: 0 10px 15px 10px; font-size: 14px;}
.ly_card_guide .card_info_guide{ height: 300px; overflow-y: auto; font-size: 14px; padding: 
0 15px;}


@media all and (max-width :767px) {
.ly_card_guide{ border-radius: 10px;}
.ly_card_guide ul{  padding:10px 20px; margin-bottom: 5px;}
}




















/* 레이어 창안의 큰 버튼 작은버튼 설정*/

.layer_btn_guide_top{ text-align: center; display: flex; justify-content: center;gap:10px; margin-bottom:15px}
.layer_btn_guide_top a,
.layer_btn_guide_top button{ flex: 1; width: 100%;}


.layer_btn_guide{margin: 15px 30px 0 30px; text-align: center; display: flex; justify-content: center;gap:10px;}
.ly_btn_style{font-size:14px; padding:15px 20px; border-radius:4px; min-width: 150px;  font-weight: 500;}
.ly_btn_style_01{font-size:14px; padding:15px 18px; border-radius:4px; font-weight: 500;}/*장바구니 담기에만 사용 버튼*/

.layer_btn_guide .ly_sbtn_style{font-size:13px; padding:10px 30px; border-radius:4px; min-width: 80px; margin: 0 2px; display: inline-block; font-weight: 500;  text-align: center; border: 1px solid red}/*아직 사용안되는것 같음*/


@media all and (max-width :767px) {
.layer_btn_guide{justify-content: space-between;margin: 15px 15px 0 15px}
.layer_btn_guide a,
.layer_btn_guide button{ flex: 1; width: 100%;}
.ly_btn_style{padding:12px 0; min-width:inherit;font-size:13px;}
.ly_btn_style_01{padding:12px 0; font-size:13px;width: 100%;}
}












/* 레이어창 사이즈 추가 */
.lw200{ width: 200px;}
.lw300{ width: 300px;}
.lw350{ width: 350px;}
.lw400{ width: 400px;}

.lw500{ width: 500px;}
.lw600{ width: 600px;}
.lw700{ width: 700px;}




/* 위치 효과 */
.animate-fading{animation:fading 10s infinite}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.animate-opacity{animation:opac 0.8s}
@keyframes opac{from{opacity:0} to{opacity:1}}

.animate-top{position:relative;animation:animatetop 0.5s}
@keyframes animatetop{from{top:-30%;opacity:0} to{top:30%;opacity:1}}




