#sub {width:100%; max-width:700px; position:relative; z-index:99; margin:0 auto; background-color:#fff; font-size:16px; line-height:1.3}
#sub img {max-width:100%}
h3 {font-size:1.33em; line-height:1.2}
h4 {font-size:1.15em; font-weight:600; line-height:1.2; margin-bottom:5px}


ul.sub_menu {display:flex;   width: 100%; box-sizing:border-box; padding-left:4%; 
     overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    line-height: 0;
    font-size: 0; height:50px; background-color:#f9f9f9; 
}
ul.sub_menu li  {font-size:1rem; font-weight:500; margin-right:30px; line-height:50px;  }
ul.sub_menu li.on {border-bottom:2px solid #333; font-weight:700;  }
ul.sub_menu li a {color:#333; width:100%; display:inline-block }
ul.sub_menu li:hover {border-bottom:2px solid #333; font-weight:700}

 
.sub_top {width:100%; position:relative; margin-bottom:20px;  height:20px }
.sub_top  a {position:relative; z-index:99;   }
.sub_top  a img {margin-top:3px}
.sub_top h2 {width:100%; font-size:1.7; line-height:1; text-align:center; position:absolute; top:0; left:0;}
 
.sub_top2 {width:100%; display:flex; margin-bottom:20px; align-items:center; line-height:0}
.sub_top2 a {width:15%}
.sub_top2 p {width:15%; text-align:right}
.sub_top2 h2 {width:70%; font-size:1.7; line-height:1; text-align:center; }
.sub_top2 i {font-size:22px; color:#444}

#sub .content {width:100%; padding:35px 4% 50px 4%; position:relative; box-sizing:border-box}

.product_slide_frame {width:calc(100% + 4%);  margin-top:15px }
 

.sub_tit {width:100%; display:flex; align-items:center;}
.sub_tit h3 + p {margin-top:3px; font-size:.92em; color:#333}
.sub_tit h3 {display:flex; color:#333}
.sub_tit h3  select {margin-left:5px;  border:none; color:#ce7f98;  font-size:1em; font-weight:700; width:auto; padding:0;   margin-top:-3px;  -webkit-appearance:none;moz-appearance:none;appearance:none; }
.sub_tit .arrow_img {margin-left:auto;  text-align:right; }
.sub_tit .arrow_img img {height:14px; vertical-align:middle}

.sub_tit a.question { margin-left:auto;  width:30px; border-radius:50%;  line-height:30px; text-align:center; background-color:#f3f3f3; color:#888}

.sub_tit div.sub_tit_arrow_type {width:calc(100% - 30px); display:block; }
.sub_tit div.sub_tit_arrow_type  h3 {display:block; width:100%;  }

.tab ul {width:100%;  margin-bottom:10px; overflow-x:auto; overflow-y:hidden;  white-space: nowrap; line-height:0; font-size:0 }
.tab ul li {display:inline-block; border:1px solid #ddd; border-radius:3px; font-size:.90rem;  padding:0; line-height:1.2; margin-right:5px;  }
.tab ul li a {  padding:0 15px; line-height:30px;  display:inline-block; width:100%   }
.tab ul li.on {background-color:#333; border:1px solid #333}
.tab ul li.on a {font-weight:600;  color:#fff }
 

.tab.flex_box  {align-items:flex-start; justify-content:space-between}
.tab.flex_box select {width:100px; border:1px solid #ddd;   height:30px; padding-left:5px; font-size:.90em}
.tab.flex_box  ul {width:calc(100% - 110px)}


.sub_tit + .tab {margin-top:13px}

.tab2 {width:100%;}
.tab2 ul {width:100%; display:flex; margin-bottom:20px;  white-space: nowrap; line-height:0; font-size:0 }
.tab2 ul li {width:50%; text-align:center; border:1px solid #ddd; border-bottom:1px solid #ce7f98;  font-size:.95rem;  padding:0; line-height:1.2; margin-right:-1px }
.tab2 ul li a {  padding:0 15px; box-sizing:border-box;  line-height:38px;  display:inline-block;  width:100%  }
.tab2 ul li.on {border:1px solid #ce7f98;  position:relative; z-index:99; border-bottom:1px solid #fff}
.tab2 ul li.on a {color:#ce7f98; font-weight:600}



.list_top_info {width:100%;   display:flex; align-items:center;  justify-content:space-between; margin-bottom:6px; height:30px; font-size:.95em;   position:relative  }
.list_top_info select {margin-top:-5px; box-sizing:border-box; height:100%;  border:none;
background-color:#fff
}


.cate {width:100%; display:flex; flex-wrap:wrap; margin-top:1px; background-color:#fff; box-sizing:border-box;  }
.cate li {width:33.3333%;  border:1px solid #ddd; margin-right:-1px;  margin-top:-1px; padding:8px 6px; box-sizing:border-box; font-size:.93em; text-align:Center; }
.cate li.on  {background-color:#ce7f98; border:1px solid #ce7f98 }
.cate li.on  a {color:#fff }
.cate li.col-2 {width:50%}

.cate a {display:inline-block; width:100%}


@media all and (max-width:900px) {
	 h3 {font-size:1.3em}
}



/*리뷰*/

.review_slide {  border-radius:10px; }
.review_slide .product_info { margin-top:0; border-radius:0   }



/*뷰페이지*/

.product_info {display:flex; align-items:center; background-color:#f8f8f8; border-radius:5px; overflow:hidden;  width:100%; }
.product_info img {width:90px;  }
.product_info div {width:calc(100% - 110px); margin-left:auto; line-height:1.3; font-size:.93em; color:#333}
.product_info div b {font-size:1.1em; display:block; margin-bottom:3px; color:#111}



.review_list {width:100%; border-top:1px solid #ddd}
.review_list li {width:100%; display:flex;   justify-content:space-between ;  flex-wrap:wrap;  padding:10px 0;   border-bottom:1px solid #ddd}
.review_list li div.info_text_box {width:calc(100% - 120px); line-height:1.3;   }
.review_list li div.info_text_box .s_info {font-size:.90em; color:#ce7f98;  margin:9px 0}
.review_list li div.info_text_box .s_info span.t_label {border:1px solid #ce7f98}
.review_list li div.info_text_box h3 {font-size:1.10em; font-weight:600; color:#111;
 text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word; line-height:1.3;
	overflow:hidden;
 
}
.review_list li div.info_text_box p.t   {overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
	margin-bottom:5px; 
	font-size:.95em; 
	}


.review_list li div.name {font-size:1.05em; margin-bottom:9px; display:flex; align-items:center; font-weight:600; color:#222; width:100%;  white-space: nowrap;  overflow: hidden;  line-height:1.2; }
.review_list li div.name .name_img { width:50px; height:50px; border-radius:50%; margin-right:10px; overflow:hidden;   }
.review_list li div.name .name_img img {width:100%}
.review_list li div.name p {width:calc(100% - 60px)}

.review_list li div.img_box {width:100px; height:100px; overflow:hidden }

.review_list .product_info {margin-top:8px}

.review_list .s_t.box_100 { padding-top:8px}

.review_view .write_name  {width:100%; display:flex; align-items:flex-end;  justify-content:center; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:30px;}
.review_view .write_name .name {font-size:1.05em;  display:flex; align-items:center; font-weight:600; color:#222; width:calc(100% - 90px);  white-space: nowrap;  overflow: hidden;  line-height:1.2}
.review_view .write_name  .name .name_img {width:50px; height:50px; overflow:hidden;   border-radius:50%; margin-right:10px;}
.review_view .write_name .name .name_img img {width:100%}

.review_view .write_name  .name p {width:calc(100% - 60px)}
.review_view .write_name span {text-align:right; width:90px; font-size:.9em; color:#666}

.review_view .product_info {margin:25px 0 25px 0; }

.review_view .star {color:#ce7f98; font-weight:800; font-size:1.5em}
.review_view .score {font-size:1.15em; line-height:1.4; margin:15px 0 10px 0;  font-style:italic}
.review_view .score span {color:#ce7f98; font-weight:600;  font-style:normal}

.review_view .tag_box {color:#ce7f98; font-weight:500; font-size:1.1em; margin-top:15px }

.review_view .heart_btn {background-color:#ddd; color:#fff ;  padding:13px 30px; margin:20px 0 25px 0; display:inline-block; border-radius:5px; font-size:1.1em}
.review_view .heart_btn_ov {background-color:#ce7f98; color:#fff ;  padding:13px 30px; margin:20px 0 25px 0; display:inline-block; border-radius:5px; font-size:1.1em}

.review_view  .review_list li {border-bottom:1px solid #ddd}






/*댓글쓰기*/

.re_write  {width:100%; margin-top:30px;}
.re_write  > p {font-size:1.1rem; font-weight:600}
.re_write .input_box {border:1px solid #ddd; border-radius:5px; padding-right:20px; box-sizing:border-box; overflow:hidden; margin:10px 0;  display:flex; align-items:center}
.re_write .input_box a {margin-left:auto; text-align:right; width:80px}
.re_write .input_box input {width:calc(100% - 80px); font-size:1em; padding-left:10px; box-sizing:border-box; height:45px; border:1px solid #fff}
.re_write .input_box textarea {width:calc(100% - 80px); font-size:1em;  box-sizing:border-box; height:80px; border:1px solid #fff; padding:5px; }




.re_write ul {width:100%;}
.re_write ul li {border-bottom:1px solid #ddd; padding:10px 0; font-size:.97rem; line-height:1.3}
.re_write ul li p.box_100 {font-size:.95em; color:#666; margin-bottom:7px}
.re_write ul li p.box_100 span {font-size:.95em; }



/*이벤트*/


.event {padding-top:0}
.event ul li:nth-child(n + 2) {margin-top:20px}
.event h3 {font-size:1.2em}
.event .img { margin-bottom:15px; position:relative; width:100%; line-height:0}
.event .img p.bottom_label {display:inline-block; box-sizing:border-box; padding-left:3%;  width:100%; margin-top:-15px}
 
.event .img p.bottom_label span {background-color:#f39cb3; color:#fff; display:inline-block; font-size:.9em; line-height:30px; padding:0 20px; }
.event .img p.bottom_label span + span {background-color:#333; }

.event .img p.top_label { position:absolute; top:15px;  left:3%}
.event .img p.top_label span {border:1px solid #fff; color:#fff; display:inline-block; font-size:.9em; line-height:30px; padding:0 20px; border-radius:30px}
 

.event_info dl {width:100%; display:flex;  margin-top:15px; }
.event_info dl:nth-child(n + 2) {margin-top:5px}
.event_info dl dt {width:120px; font-size:.97em; white-space:nowrap; font-weight:600; color:#333;  }
.event_info dl dd {width:calc(100% - 120px);  font-size:.97em; color:#444}


.user_list {width:100%; display:flex; flex-wrap:wrap; margin-top:10px}
.user_list li {width:50%; display:flex; align-items:center; border-bottom:1px solid #ddd; padding:5px 0}
.user_list li img {width:35px;  height:35px; border-radius:50%; margin-right:10px}



/*로그인*/


.login {position:relative; z-index:9999; background-color:#fff;  height:100%  }
.login section {position:absolute; top:50%; left:0; width:100%; transform: translate(0, -40%);   box-sizing:border-box; padding:0 10%; }

.login_box {width:100%; }
 
 

.form-input-material {
  --input-default-border-color: #333;
  --input-border-bottom-color: #333;
}
.form-input-material input {
  color:#333;
}

.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width:100%;  padding:0; 
 }
 .login-form input {width:100%; height:30px}
.login-form .form-input-material {
  margin:14px 0; width:100%; font-size:1.15em
}
.login-form .btn {
  width: 100%; font-size:1.2em; border:none;
  background-color:#ce7f98; color:#fff; padding:12px 0; box-sizing:border-box
}

.login h4 {font-size:1.15em; font-weight:500; margin-top:20px}

.sns_login {display:flex; justify-content:center; margin-top:10px}
.sns_login img {width:40px; margin:0 5px}


@media all and (max-width:900px) {
	.login section {padding:0 4%; }
     .login_box .flex_box  {flex-wrap:wrap}
	 .login_box .flex_box p {background-color:#f9f9f9; padding:10px 0; width:100%; text-align:center; margin-top:10px}
} 



/**/


.privacy_check {width:100%;}
.privacy_check textarea {width:100%; margin-top:10px; height:200px; font-size:0.93rem; color:#666; border:1px solid #999; box-sizing:border-box; padding:10px; }
.privacy_check p.check {width:100%; display:inline-block; background-color:#f9f9f9; text-align:center; padding:10px 0; box-sizing:border-box; font-size:1em; color:#555 }
.privacy_check p.check input {vertical-align:middle;}


.privacy_check div {font-size:0.95em; line-height:1.5; color:#555; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; padding:10px; width:100%; height:200px; overflow-y:auto; margin-top:10px;  }
.privacy_check div p {width:50%; float:left; background-color:#fff; text-align:left;}

 
 /*장바구니*/

.cart_list input {vertical-align:middle}
.cart_list .flex_box { justify-content:space-between}
 ul.cart_ul {border-top:1px solid #ddd; margin-top:10px}
ul.cart_ul li {width:100%; border-bottom:1px solid #ddd; padding:10px 0  }
ul.cart_ul li input[type="checkbox"] {margin-right:8px}
ul.cart_ul li > div {width:100%; margin:8px 0; display:flex; align-items:center; justify-content:space-between}
ul.cart_ul li > div img.img {width:80px; margin-right:10px; border:1px solid #ddd  }
ul.cart_ul li > div h3 {width:calc(100% - 130px); font-size:1.05em; font-weight:500}
ul.cart_ul li > div h3 span {font-size:.85em; width:100%; display:inline-block; margin-top:3px; font-weight:400; color:#666 }
ul.cart_ul li b {color:#111; font-weight:500}


.cart_list_all {background-color:#f1f1f1; text-align:Center; padding:13px 3%; box-sizing:border-box}

.cart_list_all2 {width:100%; background-color:#f9f9f9; margin-top:-1px; box-sizing:border-box; padding:15px }
.cart_list_all2 p {width:100%; display:flex; margin:2px 0}
.cart_list_all2 p span {margin-left:auto}


input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #ddd;
  display: inline-flex; 
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 25px;
  height:25px;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 10px;
  height: 1px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
   width:30px;
   
  border: solid #ddd;  
  border-width: 0 1px;
  font-size: .9em;
  height:28px;
   text-align: center;
}


/*스토어 뷰페이지*/

.store_view {width:100%}
.store_view h3 {font-size:1.2em; display:block; margin:3px 0 5px 0}
/* .store_view p.pay {text-align:right; color:#ce7f98; font-weight:600; font-size:1.2em; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px}
 */
.store_view p.pay { width:100%;  display:flex;  align-items:Center; justify-content:flex-end; margin:8px 0}
.store_view p.pay span {white-space:nowrap; letter-spacing:-.5px; line-height:1}
.store_view p.pay span.percent {font-size:1.3em;  margin-right:auto; color:#ce7f98; font-weight:700}
.store_view p.pay span.pay1 {font-size:1em; color:#888; text-decoration:line-through; margin-right:7px }
.store_view p.pay span.pay2 {font-size:1.3em; color:#111; font-weight:700}


.store_view dl {width:100%; display:flex; align-items:center; margin-bottom:2px }
.store_view dl dt {width:100px}
.store_view dl dd {width:calc(100% - 100px); }

.store_btn {width:100%; display:flex; margin-top:20px; position:fixed; bottom:0; left:50%; transform: translate(-50%, 0); max-width:700px; z-index:99}
.store_btn a {width:40%; background-color:#333; color:#fff; text-align:center; padding:10px 0; }
.store_btn a:last-child {width:60%; background-color:#ce7f98}

.detail_info .close  {height:600px; overflow:hidden}

.detail_info2  {color:#444; font-size:.94em}
.detail_info2 h4 {border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:10px}


/*프로필*/

.profile {width:100%}
.profile h3 {margin-bottom:5px}

.profile_info {display:flex; align-items:center}
.profile_info .name {font-size:1.05em;  display:flex; align-items:center; font-weight:600; color:#222; width:100%;  white-space: nowrap;  overflow: hidden;  line-height:1.2;   }
.profile_info .name .name_img {width:50px; height:50px; overflow:hidden; border-radius:50%; margin-right:10px;}
.profile_info .name .name_img img {width:100%}
.profile_info .name p {width:calc(100% - 60px)}
.profile_info a.s_btn {white-space: nowrap; font-size:.90em; border:1px solid #333; padding:5px 10px; border-radius:3px}

.profile .box2 ul {display:flex; margin-top:5px}
.profile .box2 ul li {border:1px solid #ddd; width:25%; font-size:.97em; text-align:center; margin-right:-1px; padding:9px 0}
.profile .box2 ul li a {width:100%; display:inline-block}
.profile .box3 {margin-top:15px}
.profile .box3 dl {width:100%; display:flex; align-items:center; margin-bottom:4px }
.profile .box3 dl dt {width:100px; font-weight:500; font-size:1.05em}
.profile .box3 dl dd {width:calc(100% - 100px);  text-align:right; font-size:1.05em}
.profile .box3 dl dd img {vertical-align:-2px}


.sub_menu.type2  {background-color:#fff; border-bottom:1px solid #ddd; padding-left:0; margin-bottom:15px}
.sub_menu.type2  li {width:33.333%; border-bottom:none;  margin:0; text-align:center}

.sub_menu.type3  li {width:auto; padding:0 20px}

 
.review_write h3 {margin-bottom:10px} 
.beauty_write h3 {margin-bottom:10px; font-size:1.2em; font-weight:500}
.beauty_write h3:nth-child(n + 2) {margin-top:20px}

.radio_box input[type="radio"] + label {
				display: inline-block;
				width: 100%;
				box-sizing:border-box; padding:10px;  text-align:Center;
				border: 1px solid #ddd; white-space:nowrap;
				cursor: pointer;  margin-bottom:-1px; margin-right:-1px; font-size:1em;
			}
.radio_box input[type="radio"]:checked + label { background-color: #ce7f98; color:#fff;  border:1px solid #ce7f98; color:#fff; position:relative; z-index:99  }
 
.radio_box input[type="radio"] { display: none; }

.check_box input[type="checkbox"] + label {
				display: inline-block;
				width: 100%;
				box-sizing:border-box; padding:10px;  text-align:Center;
				border: 1px solid #ddd; margin-right:-1px; margin-bottom:-1px;
				cursor: pointer; font-size:1em;  white-space:nowrap;
			}
.check_box input[type="checkbox"]:checked + label { background-color: #ce7f98; border:1px solid #ce7f98; color:#fff; position:relative; z-index:99 }
.check_box input[type="checkbox"] { display: none; }


.radio_box input[type="text"]  {width:100%; border:1px solid #ddd; height:35px}


 .check_box.type2 {flex-wrap:wrap}
 .check_box.type2 input[type="checkbox"] + label {width:33.33333%}

 .radio_box.type2 {flex-wrap:wrap}
 .radio_box.type2 input[type="radio"] + label {width:33.33333%}

.setting_list ul  {margin-bottom:50px}
.setting_list li {width:100%; display:inline-block; border-bottom:1px solid #ddd;}
.setting_list li a {width:100%; display:inline-block;  padding:9px 0}
.faq_wrap { }
.faq dt {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  transition: 0.7s;
  color: #333;  padding:13px;

}
.faq  dt span {font-size:0.80em; color:#666} 
 
.faq  dt:hover {
  background: #f2f2f2;
}


.faq  dd {
  background-color: #f2f2f2;
  display: none;
  padding: 10px;
    border-bottom: 1px solid #ddd;
    line-height: 1.4rem;  padding:13px;

}


 .cart_order  textarea {width:100%; font-size:.97em; height:150px; border:1px solid #ddd; box-sizing:border-box; padding:2%}
 

 .join .step {display:flex; align-items:center; justify-content:center}
 .join .step li {font-size:1.3em; padding:0 10px}
 .join .step li.on {color:#ce7f98}

 .photo_save {width:100%;  width:150px; height:150px;  margin:0 auto; position:relative; }
 .photo_save div {width:100%; height:100%; margin-top:15px; overflow:hidden; background-color:#ddd}
 .photo_save div a {width:40px; height:40px;  position:absolute; right:-20px; bottom:-20px; background-color:#333; color:#fff; border-radius:50%; text-align:center; display:flex; align-items:center; justify-content:center}
 

.point_list  {width:100%; box-sizing:border-box;border-top:1px solid #ddd}
.point_list li {width:100%; border-bottom:1px solid #ddd;  padding:10px 0; font-size:.97em}
.point_list li b {font-weight:500}
.point_list li div {width:100%;  margin-top:5px; display:flex;  align-items:center; justify-content:space-between; }
.point_list li div p:first-child {border-radius:50%; width:40px; text-align:center; line-height:40px; color:#fff; font-weight:500; font-size:20px; }
.point_list li div p:nth-child(2) {width:calc(100% - 60px)}
.point_list li div p span.color1 {color:#ce7f98; font-weight:600}  /*핑크*/
.point_list li div p span.color2 {color:#0f63c2;  font-weight:600} /*블루*/
.point_list li div p span.color3 {color:#999;  font-weight:600}

.point_list li div.plus  p:first-child {background-color:#0f63c2}
.point_list li div.minus  p:first-child {background-color:#ce7f98}
.point_list li div.del  p:first-child {background-color:#999}



.check_area {width:100%; text-align:center; background-color:#f9f9f9; font-size:.97em; padding:7px 0; display:inline-block; color:#444}

.privacy_txt {width:100%; font-size:.97em; color:#333; line-height:1.4}