@charset "utf-8";

/* 이메일무단수집거부 */
.email_no{ margin: 0 auto;text-align: center; word-break: keep-all; border: 1px solid #ddd; border-radius: 20px; padding: 5%;}
.email_no em{ font-size: 28px;font-weight: 700;background: url("../images/shop/email_img01.png") center top no-repeat; padding-top: 170px; background-size: 150px; display: inline-block;}
.email_no p{ margin: 20px 0 30px 0; font-size: 18px; line-height: 25px;}

@media all and (max-width :1280px) {
.email_no em{ font-size: 23px; padding-top: 120px; background-size: 100px; }
.email_no p{ margin: 10px 0 20px 0; font-size: 16px; line-height: 25px;}
}

@media all and (max-width :767px) {
.email_no{  margin-top: 20px; border-radius: 15px; }
.email_no em{ font-size: 17px; padding-top: 90px; background-size: 80px; }
.email_no p{ margin: 10px 0 20px 0; font-size: 13px; line-height: 20px;}
.email_no p br{display: none;}
}






/* 사이트맵*/
.sitemap_guide{}
.sitemap_box00{}
.sitemap_box00 > h5 {margin:0 10px 10px 10px; display: flex; justify-content: space-between; align-items: center;}
.sitemap_box00 > h5 > strong{font-size: 18px;font-weight: 600;background: url(../images/shop/title_icon01.png) left center no-repeat; padding-left: 25px;}


@media all and (max-width:768px){
.sitemap_box00 > h5 {margin:0 5px 10px 5px;}
.sitemap_box00 > h5 > strong{font-size: 16px;background-size:16px;font-weight: 700; padding-left: 20px;}

}







.sitemap_box00 > .sitemap_box01{ border: 1px dashed #ddd; border-radius: 20px; padding: 30px 30px 20px 30px; margin-bottom: 30px; box-shadow: 1px 10px 10px rgba(0,0,0,0.03);}

.sitemap_box01 dl { display: inline-block;margin: 0 3px 10px 0; vertical-align: top; min-width: 154px;}
.sitemap_box01 dl dt a{ padding:10px 15px; display: block; background: #e3f3ff; border-radius: 0 10px 10px 10px; margin-bottom: 10px; font-size: 16px; font-weight: 500; background-position: right center;}
.sitemap_box01 dl dt a:hover,
.sitemap_box01 dl dt a:focus{color: #004cd6; font-weight: 700;}

.sitemap_box01 dl dd a{font-size: 15px; padding: 5px 20px; display: block;background: url(../images/shop/point01.png) 10px center no-repeat;background-size: 3px;}

.sitemap_box01 dl dd a:hover,
.sitemap_box01 dl dd a:focus{color: #004cd6; font-weight: 500;}

@media all and (max-width:1650px){
.sitemap_box01 dl {  min-width: 140px;}
.sitemap_box01 dl dt a{  font-size: 15px;padding: 8px 10px; }
.sitemap_box01 dl dd a{font-size: 14px; padding: 4px 20px;}
}

@media all and (max-width:767px){
.sitemap_box01 {display: flex; flex-wrap: wrap;gap:10px; justify-content: space-between;}
.sitemap_box00 > .sitemap_box01{ border-radius: 10px; padding: 15px 15px 10px 15px;}
.sitemap_box00 > .sitemap_box01 dl{ width: calc(50% - 10px); min-width: inherit;  margin-bottom: 0;}
.sitemap_box01 dl { margin: 0; }
.sitemap_box01 dl dt a{ margin-bottom: 5px;font-size: 14px; padding: 5px 10px;border-radius: 0 4px 4px 6px; }
.sitemap_box01 dl dd a{font-size: 13px;}
}











/* 약관 */

/* 이용약관 */
.join_info01,
.join_clause { border: 1px solid #ddd; border-radius: 20px; padding: 30px;}

.join_info01 > h7,
.join_clause .join_etc01 h7{ border-bottom: 1px solid #ddd;padding-bottom: 15px; display: flex; justify-content:space-between; align-items: center; margin-bottom: 20px;}

.join_info01 > h7 > strong,
.join_clause .join_etc01 h7  > strong{font-weight: 600; font-size: 25px;}

.join_info01 .join_etc01_select,
.join_clause .join_etc01_select{ display: flex; align-items: center;gap:5px;}




.join_etc01{ font-size: 14px; line-height: 1.4em;font-weight: 300;}
.join_etc01 .join_etc_box{background-color: #f1f1f1; border-radius: 4px; padding: 10px;}
.join_etc01 h7  {display: block; }
.join_etc01 h7 > strong{font-weight: 400;  font-size: 15px;}

.join_etc01 .join_etc_box01{ margin-left: 5px; margin:10px 0 0 5px;}
.join_etc01 .join_etc_box01 dt{font-weight: 400;}

.join_etc01 h8{ display: block; margin:20px 0 10px 0;}
.join_etc01 h8 > strong{font-weight: 500; border: 1px solid #ddd; padding: 4px 10px; border-radius: 4px;}
.join_etc01 h9{font-weight: 500; display: block; margin:15px 0 5px 5px;}
.join_etc01 p{ margin:0 0 10px 5px;}

.join_etc01 > ol{ margin:0 0 20px 5px;}
.join_etc01 > ol > li{ margin-bottom: 5px;}
.join_etc01 > div > ol{ margin:-10px 0 20px 10px;}

@media all and (max-width:1280px){
.join_info01 h7  > strong,
.join_clause .join_etc01 h7  > strong{ font-size: 20px;}

}

@media all and (max-width:767px){
.join_info01 ,
.join_clause {border-radius: 10px; padding: 15px 20px 20px 20px;}

.join_info01 > h7 { flex-wrap: wrap; justify-content: center; margin: 0 -20px 20px -20px;}
.join_clause .join_etc01 h7{ flex-wrap: wrap; justify-content: center; margin: 0 -20px 0 -20px;}

.join_info01 > h7 > strong,
.join_clause .join_etc01 h7  > strong{ font-size: 16px; }

.join_info01 .join_etc01_select,
.join_clause .join_etc01_select{ width: 100%; margin-top: 5px;justify-content: center;}

.join_info01 .join_etc01_select select,
.join_clause .join_etc01_select select{ height: 30px; line-height: 30px;}

.join_info01 .join_etc01_select button,
.join_clause .join_etc01_select button{ height: 30px; line-height: 30px;}

}