@charset "UTF-8";

*:focus {
	outline: 0;
}

/* login_email.html 로그인*/
.input-box-container {
  display: flex;
  justify-content: left;
  flex-direction: column;
  margin-top: 20px;
  position: relative;
  height: 69px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.025em;
  background: #F9F9F9;
  border: 0.5px solid rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  
}

.input-box-container label {
	display: flex;
	justify-content: space-between;
  padding:12px 10px 0 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--font-color-2);
}

input::placeholder{
  color: var(--font-color-3);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

.sub-wrap form input {
  width: 90%;
  height: 24px; 
  border:0px;
  margin: 5px 16px 0;
  background: #F9F9F9;
}

.refund_input {
  width: 90%;
  height: 24px; 
  border:0px;
  margin: 5px 16px 0;
  background: #F9F9F9;
	text-align:right;
}

.btn_wrap {
  padding-top: 25px;
  padding-bottom: 16px;
}

.signin_links ul {
  display: flex;
  justify-content:space-between;
  align-items: center;
}

/*
.signin_links ul li+li {
  margin-left: 8px;
  position: relative;
}

.signin_links ul li+li::after{
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ccc;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
}
*/

.signin_links ul li:nth-child(2) {
  margin-left: 8px;
  position: relative;
}

.signin_links ul li:nth-child(2) {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ccc;
}

.signin_links ul a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 12px ;
  display: block;
  font-size: 14px;
  line-height: 18.62px;
  color: #666666;
  width: 153px;
  text-align: center;
  letter-spacing: -2.5%;
}

/* signup.html 로그인*/
.auth_btnWrap {
  position: absolute;
  top: -2px;
  right: 16px;
}

.auth_btnWrap a {
  display: inline-block;
  width: 80px;
  height: 32px;
  margin-top: 20px;
  padding: 8px 16px;
  border: solid 1px #FFCEDA;
  background-color: #FFCEDA;
  border-radius: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15.96px;
  letter-spacing: -2.5%;
  color: #D9204C;
}

.active_auth_btnWrap {
  position: absolute;
  top: -2px;
  right: 16px;

}

.active_auth_btnWrap a {
  display: inline-block;
  width: 80px;
  height: 32px;
  margin-top: 20px;
  padding: 8px 16px;
  border: solid 1px #D9204C;
  background-color: #D9204C;
  border-radius: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15.96px;
  letter-spacing: -2.5%;
  color: #FFCEDA;
}

.input_sty_phone {
  position:relative; 
  display: flex;
  justify-content: left;
  flex-direction: column;
  margin-top: 20px;
  height: 69px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.025em;
  background: #F9F9F9;
  border: 0.5px solid rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}


.input_sty_phone label {
  padding:12px 0 0 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--font-color-2);
}

.input_sty_auth {
  position:relative; 
  display: flex;
  justify-content: left;
  flex-direction: column;
  margin-top: 20px;
  height: 69px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.025em;
  background: #F9F9F9;
  border: 0.5px solid rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}

.input_form_wrapper {
  position: relative
}

.input_form_wrapper .delete_btn{
  position: absolute;
  top: 22.5px;
  right: 18px;
}


.input_sty_auth label {
  padding:12px 0 0 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--font-color-2);
}

.auth_time {
  position: absolute;
  top: 25px;
  right: 16px;
  display: inline-block;
  font-size: 12px;
  color: var(  --font-color-4);
}

.auth_time .auth_btn_confirm {
  display: inline-block;
  width: 80px;
  height: 32px;
  padding: 8px 16px;
  border: solid 1px #D9204C;
  background-color: #D9204C;
  border-radius: 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15.96px;
  letter-spacing: -2.5%;
  color: #FFCEDA;
}

.agree_wrap {
  display: flex;
  flex-direction: column;
	margin-top: 25px;
}

.agree_wrap li:first-child {
  display: inline-block;
  width: 100%;
  height: 56px;
  padding-top: 15px;
  border: 1px solid #EEE;
  border-radius: 12px;
  margin-bottom: 5px;

}

.agree_wrap li:first-child label {
  font-size: 16px;
  font-weight: 400;
  color: #222222;
}

.agree_wrap .agree_under {
	text-decoration:underline;
  color: #222222;
}

.agree_wrap label {
	display: flex;
	justify-content: start;
	align-items: center;
	cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  padding-left: 20px ;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label em {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 2px 10px 0 -5px;
  vertical-align: middle;
	background: url(/m/assets/img/radio_check_off.svg) left top no-repeat;
  cursor: pointer;
}

input[type="checkbox"]:checked + label em {
	background: url(/m/assets/img/radio_check_on.svg) left top no-repeat;
}

input[type="radio"] {
	display: none;
}

input[type="radio"] + label em {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 2px 10px 0 -5px;
  vertical-align: middle;
	background: url(/m/assets/img/radio_check_off.svg) left top no-repeat;
  cursor: pointer;
}

input[type="radio"]:checked + label em {
	background: url(/m/assets/img/radio_check_on.svg) left top no-repeat;
}

.agree_wrap ol li {
	display: flex;
	justify-content: space-between;
  display: block;
	align-items: center;
	margin-top: 12.5px;
  margin-bottom: 12.5px;
	font-size: 14px;
}

/*find_id.html*/

.find_menu {
  margin-bottom: 30px;
}

.find_menu ul{
  display: flex;
  align-items: center;

}


.find_menu ul li {
  width: 50%;
  position: relative;
}

.find_menu ul li a {
  display: block;
  text-align: center;
  color: var(--font-color-3);
  font-size: 22px;
  line-height: 45px;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.find_menu ul li.on a {
  color: var(--font-color-1);
  font-weight: 700;
 
}

.find_menu ul li.on::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--font-color-1);
  position: absolute;
  left: 0;
  bottom: 0;
}



.grey_btn {
  width: 100%;
  line-height: 49px;
  border: none;
  background: #FFF;
  text-align: center;
  display: block;
  border-radius: 14px;
  margin-bottom: 10px;
  margin-top: 20px;

}

.grey_btn a {
  color: #888;
  font-size: 14px;
  font-weight: 700;
}

.popup_btn {
  width: 100%;
  line-height: 49px;
  border: none;
  background: #D9204C;
  text-align: center;
  display: block;
  border-radius: 14px;

}

.popup_btn a {
  color: #FFF;
  font-size: 14px;
  font-weight: 700;

}

.sns_icon{
  text-align: center;
  margin-bottom: 8px;

}

/* access_popup.html 앱 접근 권한 안내 팝업*/
.access_pop.popup_box {
	display: none;
  padding: 35px 25px;
}

.access_pop.popup_box.active {
	display: block;
  padding: 35px 25px;
}

.access_popupbox .tit {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #8D8D8D;
  margin-bottom: 6px;
}

.access_item {
  background: #f5f5f5;
  border-radius: 10px;
  width: 100%;
  padding: 16px 14px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.access_item .icon_box {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.access_item .icon_box img {
  width: 24px;
  height: 24px;
}
.access_item p {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;

}
.access_item p span {
  color: #888;
  font-style: normal;
  font-weight: 400;
}
.access_txt {
  display: flex;
  align-items: flex-start;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.025em;
  color: #777777;
  padding-top: 16px;
  margin-bottom: 24px;
}

/* mypage.html */

.my_id ul{
  display: flex;
  margin-top: 16px;
}

.my_id ul{
  font-size: 16px;
  font-weight: 700;
}

.my_id li:first-child {
  padding-right: 8px;
}

.mypoint {
  display:flex;
  justify-content: space-between;
  height: 60px;
  width: 100%;
  background-color: #D9204C;
  border-radius: 14px;
  align-items: center;
  margin-top: 16px;

}

.mypoint .point_image{
  padding-left: 20px;
}

.mypoint .point_txt span {
  display:inline-block;
  text-align: center;
  font-weight: 900;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  font-size:10px ;
  background-color: #FFF;
  color: var(--font-color-4);
  margin-left: 16px;
  margin-right: 4px;
  transform: translateY(-10%);
}
.mypoint .point_txt p{

  font-size: 14px;
  font-weight: 700;
  line-height: 18.62px;
  color: #FFF;
 
}

.mypoint .point_amount p{
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #FFF;
  display:inline-block;
  padding-right: 16px;

}

.division-line {
  border-top: 8px solid #F5F5F5;
  margin: 19px -20px;
}

.mypage_list_title img{
  margin-left: auto;
  display: block;
}

.mypage_list_title {
  display: flex;
  align-items: center;
  height: 48px;
  flex:  
}



.mypage_list_title .mypage_title p{
  font-size: 16px;
  height: 48px;
  background-color: #FFF;
  border: none;
  padding-top: 16px;
  padding-left: 8px;

}

.flex-item-left {
  
 flex: 20%;
}

.flex-item-middle {
    flex: 30%;
}

.flex-item-right {
  flex: 50%;
}


/*----mypage_modify.html--*/


input[value="mycart@naver.com"]{
  color: var(--font-color-1);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

input[value="12345678"]{
  color: var(--font-color-1);
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  letter-spacing: -4px;
  padding-bottom: 5px;
}

input[value="01012345678"]{
  color: var(--font-color-1);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

.modify_btnWrap {
  position: absolute;
  top: -2px;
  right: 16px;

}


.modify_btnWrap a {
  display: inline-block;
  margin-top: 20px;
  padding: 8px 16px;
  border: solid 1px #D9204C;
  background-color: #D9204C;
  border-radius: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15.96px;
  letter-spacing: -2.5%;
  color: #fff;
}

.modify_btnWrap.passwd_btn {
  width: 97px;
  height: 30px;
}

.modify_btnWrap.phone_btn {
  width: 77px;
  height: 30px;
}

.modify_form {
  margin-bottom: 32px;
}


.toggle_list {
  margin-top: 20px;
}

.toggle_list li {
  padding: 12px 16px 15px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.toggle_list li .tit {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  color: var(--font-color-1)
}
.toggle_list li .tit span {
  color: #aaaaaa;
  font-weight: 400;
  font-size: 1.2rem;
}

.toggleSwitch {
  width: 36px;

  height: 14px;
  display: block;
  position: relative;
  border-radius: 30px;
  background-color: #ccc;
  cursor: pointer;
}

.toggleSwitch .toggleButton {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #f5f5f5;
  box-shadow: 0px 0.1px 0.3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.toggleSwitch.active {
  background: #FFBED2;
}

.toggleSwitch.active .toggleButton {
  left: calc(100% - 18px);
  background: #D9204C !important;
}

.toggleSwitch,
.toggleButton {
  transition: all 0.2s ease-in;
}

  
.withdraw_btn {
  width: 100%;
  line-height: 49px;
  border: none;
  background: #fff;
  text-align: center;
  display: block;
  border-radius: 14px;

}
.withdraw_btn span {
  color: var(--font-color-4);
  font-size: 14px;
  font-weight: 700;
}

/* agree_popup */
.agree_popup_txt {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21.28px;
  text-align: center;
  letter-spacing: -0.025em;    
  margin-bottom: 24px;
}
.agree_popup_txt p span {
  color: #888888 ;
  font-size: 16px;

}

/* mypage_modify4.html */

.withdraw_wrap {
  display: flex;
  flex-direction: column;
	margin-top: 15px;
}


.withdraw_wrap label {
	display: flex;
	justify-content: start;
	align-items: center;
	cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  color: var(--font-color-1);
}

.withdraw_wrap ol li {
	display: flex;
	justify-content: space-between;
  display: block;
	align-items: center;
	margin-top: 12.5px;
  margin-bottom: 12.5px;
	font-size: 14px;
}

.withdraw_txt span {
  color: var(--font-color-4);
  font-size: 14px;
  line-height: 18.62px;
  letter-spacing: -2.5%;
}

.withdraw_reason{
  display: flex;
  align-items: center;
  height: 53px;
  width: 100%;
  padding: 16 0 16 10px;
  border-bottom: 1px solid #EEEEEE;
}

.withdraw_reason p{
  color: #CCCCCC;
  font-size: 16px;
  font-weight: 400;
  
}

.point_request{
  display: flex;
  justify-content: space-between;
}

.point_btn {
  width: 94px;
  height: 40px;
  line-height: 40px;
  border: none;
  background: #fff;
  text-align: center;
  border-radius: 14px;
  display: block;
  border: 1px solid #D9204C;
}

.point_btn a {
  color: #D9204C;
  font-size: 12px;
  font-weight: 700;
  line-height: 15.96px;

}

/*
table, th, td{
  border: 1px solid #FFBED2;
}
*/

table {
  margin-top: 8px;
  width: 100%;
  text-align: center;
  
}

th {
  color:#AAAAAA;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.62px;
  height: 39px;
  vertical-align: middle;
}

td {
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  height: 49px;
  vertical-align: middle;
}

td:first-child {
  font-size:14px;
  font-weight: 400;
  width:80px;
}


td:last-child {
  text-align: right ;
  color: #D9204C;
  font-size: 16px;
  font-weight: 700;
  width: 74px;
}


/* mypage_point2 */
.input-box-container .amount {
  display: inline-block;
  padding-top: 25px;
  padding-right: 16px;
  text-align: right;
  font-size: 22px;
  font-weight: 700;
  color: #000;
}

.input-box-container .amount .large {
  text-align: right;
  font-size: 22px;
  font-weight: 700;
  color: #ccc;
}


.amount_btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  align-items: center;
}

.amount_btn .unit1_btn {
  width: 73px;
  height: 35px;
  line-height: 35px;
  border: none;
  background: #fff;
  text-align: center;
  border-radius: 12px;
  display: block;
  border: 1px solid #D9204C;
  margin-right: 10px;

}

.amount_btn .unit1_btn a {
  color: #D9204C;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.62px;
}

.amount_btn .unit2_btn {
  width: 81px;
  height: 35px;
  line-height: 35px;
  border: none;
  background: #fff;
  text-align: center;
  border-radius: 12px;
  display: block;
  border: 1px solid #D9204C;
}

.amount_btn .unit2_btn a {
  color: #D9204C;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.62px;


}

.subtitle {
  margin-top: 16px;
  margin-bottom: -8px;
}

.warning {
  margin-top: 40px ;
  background-color: #FAFAFA;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 50px;
  margin-left: -20px;
  margin-right: -20px;
}

.warning_title {
  padding-top: 20px;
  padding-left: 16px;
  margin-bottom: 8px;
}

.warning_title p {
  font-size: 14px;
  font-weight: 700;
  color: #888;
}

.warning_list {
  list-style-type: none;
  padding-left: 36px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  color: #888;

}

.account_info {
  position:relative;
}

.account_info .input_btn {
  position: absolute;
  top: 22.5px;
  right: 18px;

}

.modal_popupbox {
  
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;
  z-index: 200;
  background: #fff;
  border-radius: 30px 30px 0 0; 
  padding-bottom: 10px;
}

.modal_title{
  margin-top: 43px;
  margin-bottom: 14px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color:#000;
}

.modal_submenu ul li a {
  line-height: 57px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  display: block;
  background-color: #F5F5F5;
  margin-bottom: 10px;
  border-radius: 8px;
}


.modal.sub_menupop {
  background: #ffffff;
  border-radius: 40px 40px 0px 0px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 90;
  padding: 0 30px;
  opacity: 0;
}

/* mypage_question.html */


.question_info {
  position: relative;
}

.question_info .input_btn {
  position: absolute;
  top: 22.5px;
  right: 18px;
}

.question_info .contents_btn {
  position: absolute;
  top: 45%;
  right: 18px;
}

.input-box-container.blank {
  background-color: #FFF;
  border: 0.5px solid #cccccc;

}

.input-box-container.blank input {
  background-color: #fff;
}

.input-box-container.contents {
  background-color: #FFF;
  height: 227px;
  border: 0.5px solid #cccccc;
}

.input-box-container.contents input {
  background-color: #FFF;
}

.file_upload h3 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}

.file_upload h3 span {
  font-size: 14;
  font-weight: 400;
  color: #AAA
}

.select_file {
  height: 40px ;
  display: flex;
  align-items: center;
}

.select_file p {
  font-size: 14px;
  font-weight: 400;
  color: #AAA;
  transform: translateY(10%);
  letter-spacing: -2.5%;
}

.white_btn {
  width: 94px;
  height: 40px;
  line-height: 40px;
  border: none;
  background: #fff;
  text-align: center;
  border-radius: 14px;
  display: block;
  border: 1px solid #D9204C;
  margin-right: 10px;
}

.white_btn a {
  color: #D9204C;
  font-size: 12px;
  font-weight: 700;
  line-height: 15.96px;

}

.white_btn2 {
  width: 75px;
  height: 40px;
  line-height: 40px;
  border: none;
  background: #fff;
  text-align: center;
  border-radius: 14px;
  display: block;
  border: 1px solid #D9204C;
  margin-right: 10px;
  margin-top: 8px;
}

.white_btn2 a {
  color: #D9204C;
  font-size: 12px;
  font-weight: 700;
  line-height: 15.96px;

}


.uploaded_file {
  position: relative;
  margin-right: 10px;
  transform: translateY(30%);
}

.uploaded_file img {
  width: 75px;
  height: 75px;
}

.uploaded_file img:last-child{
  width: 24px;
  height: 24px;
}

.uploaded_file .filedelete_btn {
  position: absolute;
  top: 5px;
  right: 4px;
}

input[value="선택된 문의유형"]{
  color: var(--font-color-1);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

input[value="문의제목입니다"]{
  color: var(--font-color-1);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

input[value="문의내용입니다"]{
  color: var(--font-color-1);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}


.flex-ac {
  height: 64px;
  display: flex;
  align-items: center;
}

.status_btnWrap {
  flex: 0 0 44px;
  width: 44px;
  height: 23px;
  margin-top: 20px;
  text-align: center;
  background-color:#D9204C;
  border-radius: 6px;
  line-height: 23px;
  margin-bottom: 20px;
  margin-right: 8px;

}

.status_btnWrap.received {
  background-color:#D9204C;
}

.status_btnWrap.completed {
  background-color:#0B1A50;
}

.status_btnWrap a {

  color: #FFF;
  font-weight: 400;
  font-size: 12px;
}

.question_list .item {
  border-bottom: 1px solid #EEE;
}

.question_list .title {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.question_list .date {
  font-size: 14px;
  font-weight: 400;
  color: #AAA;
  flex: 0 0 55px
}

.question_list .icon_box {
  width: 24px;
  display: block;
  flex:0 0 24px;
}

.question_list li .icon_box img {
  width: 100%;
}

.empty_guide {
  padding-top: 273px;
  text-align: center;
  
}
.empty_guide p {
  font-size: 16px;
  font-weight: 400;
  color: #AAA;
}

/* index.html 메인페이지 */

.mycart_wrap {
  width: 100%;
  margin: 0 auto;
  display: block;
  background-color:#F6F6F6;
  
}

.main-wrap {
  position: absolute;
  top: 16px;
  width: 100%;
  display: block;
  padding: 0 16px;
  box-sizing: border-box;
}

.mycart {
  width: 100%;
  height: 251px;
  border-radius: 30px;
  background-color: #D9204C ;
  padding: 16px ;
  position: relative;

}

.mycart h1{
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 28.64px;
  margin-top: 5.5px;
  margin-bottom: 9.5px;
  margin-left: 4px;
}

.mycart p{
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  margin-left: 4px;
}

.reward_point {
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
}

.reward_point .point_txt span {
  display:inline-block;
  text-align: center;
  font-weight: 900;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  font-size:15px ;
  background-color: #FFF;
  color: var(--font-color-4);
  margin-top: 4.5px;
  margin-left: 4px;
  transform: translateY(-10%);
}

.reward_point p {
  line-height: 28.64px;
}

.mycart .point_amount p{
  font-size: 24px;
  font-weight: 800;
  line-height: 28.64px;
  color: #FFF;
  display:inline-block;


}

.mycart_joinlink {
  display: flex;
  margin-top: 6px;
  margin-bottom: 16px;
}

.mycart_joinlink  p{
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color:#FFDA7A ;
}

.mycart_joinlink  img {
  width: 9.95px;
  height: 9.95px;
}

.mycart_search {
  width:100%;
  height: 48px;
  border-radius: 14px;
  background-color: #fff;
 
}

.mycart_search ul {
  display: flex;
  padding-top: 13px;
  padding-left: 16px;

}

.mycart_search li p{
  display: inline-block;
  padding-left: 8px;
  padding-top: 3px;
  color:#E8B2BF;
}

.cart_btn_wrapper {
  display: flex;
  padding-top: 14px;
  justify-content: space-between;
}

.cart_btn_wrapper .cart_btn {
  width: 140px;
  height: 43px;
  background-color:#FFCEDA;
  border-radius: 14px;
  text-align: center;
}

.cart_btn_wrapper .cart_btn a {
  font-size: 14px;
  font-weight: 700;
  color: #D9204C;
  line-height: 43px;
}

.profile_img {
  position: absolute;
  top: 20px;
  right: 24px;
}

.mycart_wrapper {
    position: absolute;
    top: 287px;
    width: 100%;
    display: block;
    padding: 0 16px;
    box-sizing: border-box;
}

.mycart_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mycart_title h2 {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  padding-left: 8px;
}

.mycart_title a {
  font-size: 14px;
  font-weight: 700;
  color: #AAA;
}

.show_all a {
  display:flex;
}

.show_all img {
  padding-left: 4px;
  padding-right: 4px;
}

.mall_list {
  margin-top: 16px;
}

.shopping_mall {
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.shopping_mall img{
  width: 40px;
  height: 40px;
  margin: 10px;
}

.shopping_mall p {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  flex: 1;
}

.shopping_mall .ad_btn {
  width: 29px;
  height: 19px;
  margin-right: 18.5px;
}

.mall_list li {
  width: 100%;
  height: 58px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 3px 4px 0px #0000000D;
  margin-bottom: 8px;
}

.link_account {
  background-color:#D9204C;
  border-radius: 12px;
  width: 58px;
  height: 42px;
  padding-top: 5px;
  margin: 8px
}

.link_account p {
  font-size: 10px;
  font-weight: 700;
  color: #FFCEDA;
  text-align: center;

}

.link_point {
  display: flex;
}

.link_point span {
  display:inline-block;
  text-align: center;
  font-weight: 1000;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  font-size:9px ;
  background-color: #FFF;
  color: var(--font-color-4);
  margin-top: 4px;
  margin-left: 6px;
  transform: translateY(-10%);
}

.link_point p{
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.link_point .point_amount{
  margin-left: 2px;
}

.bottom_navi {
  width:100%;
  height: 54px;
  background-color: #fff;
  border-radius: 20px 20px 0px 0px;
  box-shadow: 0px -2px 10px 0px #0000001A;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.bottom_left, .bottom_right, .bottom_home, .bottom_menu {
  height: 54px;
  width: 25%;
  
}

.bottom_left {
  display: block;
  padding-top: 8px;
  padding-left: 8px
}

.bottom_right {
  display: block;
  padding-top: 8px;
  padding-left: 18px
}

/*
.bottom_home {
  border-top: 3px solid #D9204C;
  padding-top: 12px;
  padding-left: 30px
}
*/
.bottom_home {
  padding-top: 15px;
  padding-left: 30px
}

.bottom_menu {
  display: block;
  padding-top: 15px;
  padding-left : 40px;
}


.product_quantity {
  margin-right: 13px;
}

.product_quantity span {
  display:inline-block;
  text-align: center;
  font-weight: 700;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  font-size:16px ;
  background-color: #D9204C;
  color: #fff;
  margin-top: 4px;
  margin-left: 6px;
  transform: translateY(-10%);
}

.modal_popupbox_menu {
	display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding-left: 17px;
  padding-right: 0px;
  padding-top: 30px;
	padding-bottom: 10px;
  z-index: 200;
  background: #fff;
  border-radius: 30px 30px 0 0; 
}

.modal_popupbox_menu.active {  
	display: inline;
}

.modal_bottom_menu ul{
  display: flex;
  flex-wrap: wrap;
}

.modal_bottom_menu ul li{
  width: 25%;
}

.menu_list {
  width: 74px;
  height: 75px;
  border-radius: 16px;
  background-color: #F3F3F3;
  margin-right: 10px;
  margin-bottom: 10px;

}

.menu_list img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
}

.menu_list p{
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  color: #444;
}


.mask {
  display:none; 
  position:fixed; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%; 
  padding:0px; 
  z-index:198; 
  background:#000;  
  -ms-filter: alpha(opacity=70); 
  filter: alpha(opacity=70); 
  opacity:0.7; 
  -moz-opacity:0.7;
}
.mask.active {display:block; }

.modal_popupbox_mainpopup {
  
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 200;
  background: #fff;
  border-radius: 40px 40px 0 0; 
}

.modal_bottom_adv .popup_page {
  width: 39px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  border-radius: 12px;
  background-color: #555555;
  opacity: 0.8;
  padding: 5px, 10px, 5px, 10px;
  position: absolute;
  bottom: 85px;
  right: 15px ;

}

.popup_config {
  width: 100%;
  height: 67px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popup_config p:first-child {
  padding-left: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #444;
}

.popup_config p:last-child {
  padding-right: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

.modal_popupbox_login {
	display: none;  
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 200;
  background: #fff;
  border-radius: 40px 40px 0 0; 
}

.modal_popupbox_login.active {
	display: inline;
}

.modal_popupbox_logout {
	display: none;
}

.modal_popupbox_logout.active {
	display: inline;
}

.modal_bottom_login .title{
  font-size:38px;
  font-weight: 1000;
  color: #D9204C;
  text-align: center;
  margin-top: 41px;
  margin-bottom: 14px;
  letter-spacing: -3%;
}

.modal_bottom_login .text {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #444;
  margin-bottom: 48px;
} 


.login_icons {
  text-align: center;
  margin-bottom: 25px;
}

.login_icons a {
  margin-right: 16px;
}

.login_btn {
  width: 300px;
  height: 49px;
  border: 1px solid #D9204C ;
  background: #fff;
  text-align: center;
  display: block;
  border-radius: 14px;
  margin-bottom: 30px;
}

.login_btn span {
  font-size: 14px;
  font-weight: 700;
  color:#D9204C ;
}

.modal_popupbox_upper {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 200;
  background-color: #D9204C ;
  border-radius: 0 0 40px 40px; 
  padding: 16px ;
}



.modal_popupbox_upper h1{
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 28.64px;
  margin-top: 40px;
  margin-bottom: 15.5px;
  margin-left: 4px;
}

.modal_popupbox_upper .cart_btn {
  width: 156px;
  margin-top: 4px;
}

.modal_popupbox_upper .profile_img {
  top: 50px;
}


.popup_btn_wrapper ul {
  display: flex;
  margin-top: 20px;
}

.cancel_btn {
  width: 125px;
  height: 49px;
  line-height: 49px;
  border: 1px solid #D9204C;
  background: #FFF;
  text-align: center;
  display: block;
  border-radius: 14px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.cancel_btn a {
  color: #D9204C;
  font-size: 14px;
  font-weight: 700;
}

.agree_btn {
  width: 125px;
  height: 49px;
  line-height: 49px;
  border: none;
  background: #D9204C ;
  text-align: center;
  display: block;
  border-radius: 14px;
  margin-bottom: 10px;
}

.agree_btn a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}


/* search.html */

.search-wrap {
  position: absolute;
  top: 0px;
  width: 100%;
  box-sizing: border-box;
}

.search-gnb-box {
  position: relative;
  display: flex;
  height: 75px;
}

.search-gnb-icon {
  padding-left: 16px;
  margin-right: 20px;
  top: 40%;
  left: 8px;
  position: absolute;
	z-index: 99999;
}

.search_form {
  padding-left: 50px;
}


.shortcut-wrap {
  position: absolute;
  top: 85px;
  width: 100%;
  display: block;
  padding: 0 16px;
  box-sizing: border-box;
}

.search_form {
  display: flex;
  position: relative;
}

.select_shop_drop ul {
  display: flex;
  position:absolute;
  top: 25px;
  left: 60px;
}
.search_form input {
  border: none;
  border-radius: 14px;
  width: 274px;
  height: 54px;
  background-color: #F5F5F5;
  margin-top: 10.5px ;
  padding-left: 60px;
}

.search_form input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #CCC;
}

.search_form input{
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.search_form .search_delete_btn {
  position: absolute;
  top: 25px;
  right: 10px;
}

.icon_copy {
  padding-left: 13px;

}

.search_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search_title h2 {
  font-size: 22px;
  font-weight: 700;
  color: #000;

}

.search_title a {
  font-size: 12px;
  font-weight: 400;
  line-height: 36px;
  color: #888;
  text-align: center;
}

.edit_shortcut {
  width:103px;
  height: 36px;
  background-color: #FAFAFA;
  border-radius: 37px;
  border: 1px solid #ccc;
}



.shortcut_list {
  margin-top: 21px;
}

.link_to_shop {
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;

}

.link_to_shop img{
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.link_to_shop p {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  flex: 1;
}


.add_shortcut {
  display: flex;
}


.add_shortcut_text {
  font-size: 16px;
  font-weight: 400;
  color: #444;
  padding-left: 10px;
  line-height: 40px;
}

.search_form .search_main input {
  border: none;
  border-radius: 14px;
  width: 278px;
  height: 54px;
  background-color: #F5F5F5;
  margin-top: 10.5px ;
  margin-left: -30px;
}

.search_form .search_main input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #CCC;
  padding-left: 10px;
}

.search_form .search_main input{
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.select_shop_drop1 ul {
  display: flex;
  position:absolute;
  top: 25px;
  left: 35px;
}

.search_form .search_result input {
  border: none;
  border-radius: 14px;
  width: 190px;
  height: 54px;
  background-color: #F5F5F5;
  margin-top: 10.5px ;
  margin-left: -35px;
  margin-right: 10px;
  padding-left: 14px;
}

.search_icon {
  margin: 1px;
}

.search-result-wrap {
  position: absolute;
  top: 75px;
  width: 100%;
  display: block;
  box-sizing: border-box;
 
}
.search-result_page  {
  width: 100%;
  color: #000;
  padding-top: 300px;
  text-align: center;
  display: block;
}


.input-box-container.add_items {
  display: flex;
  justify-content: left;
  flex-direction: column;
  margin-top: 10px;
  position: relative;
  height: 69px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.025em;
  background: #FFF;
  border: 0.5px solid #CCCCCC;
  border-radius: 16px;
  
}

.input-box-container.add_items input {
  padding-left: 16px;
  padding-top: 7px;
  border: 0;
  font-size: 16px;
}

.input-box-container.add_items input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #ccc;
}

.checkbox_wrap ol {
  display: flex;
}

.checkbox_wrap ol label {
	align-items: center;
	cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  margin-right: 16px;
}

.checkbox_wrap input[type="checkbox"] {
	display: none;
}

.checkbox_wrap  input[type="checkbox"] + label em {
  display: inline-block;
  width: 24px;
  height: 24px; 
  vertical-align: middle;
  padding-bottom: 30px;
  margin-right: 3px;
  margin-left: 10px;
	background: url(/m/assets/img/popup_radio_off.svg) left top no-repeat;
  cursor: pointer;
}


.checkbox_wrap  input[type="checkbox"]:checked + label em {
  display: inline-block;
  width: 24px;
  height: 24px; 
  vertical-align: middle;
  padding-bottom: 30px;
	background: url(/m/assets/img/popup_radio_on.svg) left top no-repeat;
  cursor: pointer;
}


.checkbox_wrap ol li {
	display: flex;
	justify-content: space-between;
  display: block;
	align-items: center;
}

/* 바로가기 편집 */
.gnb-right-text-search {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 80px;
  font-size: 12px;
  font-weight: 700;
  color: #D9204C;
}

.gnb-right-text-search a {
  color: #D9204C;
}

.gnb-right-text-bar {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 60px;
  font-size: 12px;
  font-weight: 700;
  color: #D9204C;
}

.gnb-right-text {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #D9204C;
}

.gnb-right-text a {
  color: #D9204C;
}

.shortcut-edit-wrap {
  position: absolute;
  top: 80px;
  width: 100%;
  display: block;
  padding: 0 16px;
  box-sizing: border-box;
}


.shortcut_list_edit ul li{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shortcut_list_edit .link_to_shop {

  padding-top: 10px;
  display: flex;
  flex: 1;
}

.shorcut_edit_icon {
  margin-right: 5px;
}

.shortcut_pressed{
  width: 100%;
  height: 52px;
  border-radius: 16px;
  box-shadow: 0px 6px 20px 0px #00000040;
}

.shortcut_pressed .shorcut_edit_icon {
  padding-left: 5px;
}

.shortcut_pressed .shorcut_delete_btn {
  padding-right: 10px;
}

.popup_txt_shortcut p span {
  color: #000;
}

/* 검색- 탭 */
.tab_wrap {
  width: 100%;
  margin: 0 auto;
  display: block;
  background-color:rgba(68, 68, 68, 0.8) ;

}

.tab-gnb-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  position: relative;
}

.tab-gnb-wrap {
  width: 100%;
  padding: 0px;
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 50;
}

.gnb-icon {
  position: absolute;
}
.gnb-icon a {
  display: block;
  padding-left: 24px;
}
.gnb-icon a img {
  display: block;
}
.tab-gnb-left {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.tab-gnb-right-text {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
}

.tab_list_wrap {
  position: absolute;
  top: 72px;
  width: 100%;
  display: block;
  padding: 0 16px;
  box-sizing: border-box;
}

.tab_list li {
  margin-bottom: 16px;
}

.search_tab {
  width: 100%;
  height: 183px;
  border-radius: 16px;
  background-color: #FFF;
}

.search_tab_title{
  display: flex;
  justify-content: space-between;
  height: 48px;
  border-radius: 16px 16px 0px 0px;
  background-color: #EEEEEE;
}

.search_tab_title p{
  font-size: 16px;
  font-weight: 700;
  padding-top: 13.5px;
  padding-left: 20px;

}

.search_tab_title img {
  padding: 12px;
}

.search_tab_result img {
  border-radius: 0px 0px 16px 16px;
}

.load_more {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: -15px;
}


/*장바구니 연동*/
.cart_linkage_wrap {
  width: 100%;
  margin: 0 auto;
  display: block;
  background-color:#F1F1F1 ;
}

.gnb-right-search {
  position: absolute;
	width: 80%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 16px;
}

.gnb-left.cart_linkage {
  padding-left: 25px;
}

.gnb-box.cart_linkage {
  background-color:#F1F1F1 ;
}

.linkage_site_list {
  width: 100%;
  /*height: 552px;*/
  border-radius: 14px;
  background-color: #FFF;
  box-shadow:rgba(0, 0, 0, 0.05);
  margin-top: 16px;
}

.linkage_possible_site{
  width: 100%;
  /*height: 360px;*/
  border-radius: 14px;
  background-color: #FFF;
  box-shadow:rgba(0, 0, 0, 0.05);
  margin-top: 16px;
  padding-right: 16px;
}


.linkage_title {
  display: flex;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 16px;
}

.linkage_title img {
  padding-left: 16px;
  padding-right: 6px;
}

.linkage_title p {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.linkage_site {
  margin-top: 14px;
  padding-left: 16px;
  padding-right: 16px;
}

.linkage_site .linkage_site_name {
  display: flex;
  align-items: center;
}

.linkage_site_name img {
  padding-right: 6px;
}

.linkage_site_name p {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  padding-top: 5px;
}

.linkage_site_name span {
  font-size: 12px;
  font-weight: 400;
  color: #888;
}


.linkage_btn_wrapper ul {
  display: flex;
  margin-top: 8px;
  border-bottom: 1px solid #EEE;
}

.linkage_btn_wrapper.last ul {
  border-bottom: none;
}

.modify_info_btn {
  width: 141px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #CCC;
  background: #FAFAFA;
  text-align: center;
  display: block;
  border-radius: 10px;
  margin-bottom: 14px;
  margin-right: 6px;
}

.modify_info_btn a {
  color: #888;
  font-size: 12px;
  font-weight: 400;
}

.fetch_cart_btn {
  width: 141px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #D9204C;
  background: #D9204C ;
  text-align: center;
  display: block;
  border-radius: 10px;
  margin-bottom: 14px;
}

.fetch_cart_btn a {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.linkage_site.possible {
  display: flex;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid #EEE;
}

.linkage_site.possible.noline{
  border-bottom: none;
}

.linkage_reward a{
  display: flex;
  width: 66px;
  height: 32px;
  line-height: 32px;
  border-radius: 12px;
  background-color: #D9204C;
}

.linkage_reward p {
  padding-top: 8px;
}


.linkage_reward {
  padding-top: 5px;
  padding-left: 30px;
}

.linkage_site_search {
  margin-top: 16px;
  width: 100%;
  height: 116px;
  background-color: #fff;
  border-radius: 16px;
}

.linkage_btn_wrapper.noline ul {
  border-bottom: none;
}

.gnb_search {
  width: 296px;
  height: 44px;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  left: 50px;
  padding-left: 10px;
}

.gnb_search_form input {
  border: none;
  padding-left: 35px;
  line-height: 44px;
}

.search_site_icon {
  position: absolute;
  top: 0px;
  left: 10px;
}

input[value="쿠팡"]{
  color: var(--font-color-1);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}


.linkage_site_search_possible {
  margin-top: 16px;
  width: 100%;
  height: 68px;
  background-color: #fff;
  border-radius: 16px;
}



.linkage_site_search .linkage_site {
  padding-top: 13px;
 
}

.linkage_site_search_possible .linkage_site {
  padding-top: 13px;
}


/* 쇼핑몰 장바구니 연동 */
.sub-wrap .login_guide {
  font-size: 12px;
  font-weight: 400;
  color: #AAA;
  margin-left: 4px;
  margin-top: 11px;
}

.main-btn.cart {
  margin-top: 20px;
}


.linkage_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.linkage_logo img {
  width: 102px;
  margin-top: 49px;
  margin-bottom: 69px;

}



.login_links ul {
  display: flex;
  justify-content:space-between;
  align-items: center;
}

.login_links ul li+li {
  margin-left: 8px;
  position: relative;
}

/*
.login_links ul li+li::after{
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ccc;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
} */

.login_links ul li+li::after{
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: -15px;
    width: 1px;
    height: 12px;
    background-color: #ccc;
    transform: translateY(-50%);
}

.sub-wrap .login_links ul a {
  padding-top: 10px;
  padding-right: 7px;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  color: #000;
  width: 100px;
  text-align: center;
  letter-spacing: -2.5%;
}

.popup_box.ing {
  height: 39px;
  width: 163px;
  padding-top: 8px ;
  padding-left: 47px ;

}

.pop_title.ing {
  font-size: 14px;
  font-weight: 700;
 
}

.pop_title .linking_site{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.025em;
  margin-bottom: 16px;
}

.loading_mask {
  display:none; 
  position:fixed; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%; 
  padding:0px; 
  z-index:198; 
  background-color:rgba(0, 0, 0, 0.99); 
}
.loading_mask.active {display:block; }

.loading_guide {
  position: absolute;
  top: 277px;
  left:66.5px;
  z-index: 901;
  display: block;
 
}

.loading_guide img{
  padding-left: 40px;
}


.loading_guide p{
  font-size: 16px;
  font-weight: 700;
  color:#FFF;
}


/* 장바구니 전체보기 */

.cart_linkage_wrap.white {
  background-color: #fff;
}

.gnb-box.cart_linkage.white {
  background-color: #fff;
}

.cart_viewall { 
  display: flex;
  justify-content:space-between ;
}

.cart_viewall .arrow_drop_small {
  padding-top: 10px;
}

.cart_viewall .arrow_drop_small a{
  font-size: 12px;
  color: #888;
}

.cart_viewall_list{
  padding-top: -2px;
}

.product_list_info {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EEE;
  padding-bottom: 16px;
  padding-top: 16px;
}

.product_image img {
  border-radius: 16px;
  padding-right: 10px;
  border-radius: 16px;
}

.product_info img {
  width: 20px;
  height: 20px;
  border-radius: 6px;
}


.site_logo_name a {
  display: flex;
  padding-bottom: 4px;
}

.site_logo_name span{
  font-size: 12px;
  font-weight: 700;
  color: #666;
  padding-top: 2px;
  padding-left: 5px;
}

.product_info p{
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 18.62px;
  padding-bottom: 6px;
  text-overflow: ellipsis;
}

.product_price {
  display: flex;
  justify-content: space-between;
	align-items: center;
}

.product_price del{
  font-size: 14px;
  font-weight: 400;
  color: #AAA;
  padding-left: 0px;
}

.product_price p{
  font-size: 18px;
  font-weight: 700;
  color: #D9204C;
}

.product_price span{
  font-size: 14px;
  font-weight: 400;
  color: #D9204C;
}

.product_basesong_price {
  display: flex;
	align-items: center;
	padding-top: 5px;
}

.product_basesong_price p{
	width: 100%;
	text-align: right;
  font-size: 18px;
  font-weight: 700;
  color: #00b0f0;
}

.product_basesong_price span{
  font-size: 14px;
  font-weight: 400;
  color: #00b0f0;
}

.product_list_info.last {
  border-bottom: none;
}

/* 방문기록 */

.search_history form {
  position: relative;
}

.search_history form input{
  height: 50px;
  width: 100%;
  border-radius: 14px;
  margin-left: 0px;
  padding-left: 40px;
}

.search_history form input::placeholder {
  font-size: 14px;
  color:#CCC;
}



.history_search_icon {
  position: absolute;
  top: 9px;
  left: 10px;
}

.history_search_delete_btn {
  position: absolute;
  right: 10px;
  top: 18px;
}

.sub-wrap h3{
  font-size: 16px;
  font-weight: 700;
  padding-top: 22px;

}

.history_title {
  display: flex;
  justify-content: space-between;
}

.history_title .history_arrow {
  padding-top: 20px;
}

.search_history_list {
  width: 100%;
  height: 55px;
  background-color: #FAFAFA;
  border-radius: 16px;
  position: relative;
}

.history_icon img {
  width:24px;
  height: 24px;
  position: absolute;
  top: 15px;
  left: 15px;
}

.search_history_list p{
  padding-left: 50px;
  padding-top: 10px;
  font-size: 14px;
  color: #000;
  text-overflow: ellipsis;
}

.search_history_list span{
  padding-left: 50px;
  font-size: 12px;
  font-weight: 400;
  color: #AAA;
  text-overflow: ellipsis;
}


.search_history_list button {
  position: absolute;
  top: 15px;
  right: 10px;
}

.history_list li {
  padding-bottom: 10px;
}

.search_word {
  width: 101px;
  height: 44px;
  background-color: #FAFAFA;
  border: 1px solid #EEE;
  border-radius: 37px;
  position: relative;
  margin-top: 17px;
  margin-right: 5px;
}

.search_word p{
  font-size: 16px;
  font-weight: 400;
  line-height: 44px;
  padding-left: 20px;
}

.search_word button{
  position: absolute;
  right: 10px;
  top: 10px;
}

.history_keyword ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;

}

.search_history input[value=네이버] {
  font-size: 14hhpx;
  color: #000;
}


.history_title_mg h3 {
  margin-bottom: 8px;
}

/*즐겨찾기 목록*/
.bookmark_item{
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.bookmark_item img {
  padding-right: 10px;
}

.bookmark_item p{
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.bookmark_item {
  position: relative;
}

.bookmark_item button{
  position:absolute;
  right: -10px;
  top: 8px;
}

.add_icon {
  display: flex;
  align-items: center;
  position: relative;
}

.add_icon .add_icon_img img {
  padding-top: 5px;
  width: 49px;
  height: 48px;
}

.add_icon input {
  width: 202px;
  height: 61px;
  border: 1px solid #CCC;
  border-radius: 16px;
  padding-left: 15px;
  margin-left: 10px;
}

.add_icon button {
  position: absolute;
  top: 18px;
  right: 20px;
}

.add_icon input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color:#CCC;
}

.blockad_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.blockad_title .block_toggle{
  padding-top: 23px;
}

.block_guide p{
  font-size: 12px;
  font-weight: 400;
  color: #666;
}


/* 설정 */

.configure_menu li{
  padding-top: 16.6px;
  padding-bottom: 16.6px;
}
.configure_title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.configure_title .confgifure_bt {
  padding-top: 3px;
}

.configure_title p{
  font-size: 16px;
  font-weight: 400;
  color:#000;
  margin-left: 9px;
}

.announce_list .item a{
  display: flex;
  align-items: center;
}

.announce_list .item {
  border-bottom: 1px solid #EEE;
}

.announce_list .title {
  flex: 0 0 250px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.announce_list .date {
  font-size: 14px;
  font-weight: 400;
  color: #AAA;
  flex: 0 0 55px
}

.announce_list .icon_box {
  width: 24px;
  display: block;
  flex:0 0 24px;
}

.announce_list li .icon_box img {
  width: 100%;
}

.contents_opened {
  background-color: #F5F5F5;
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 20px;
}
.contents_title {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 26px 16px 30px;
}

.contents_body {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  padding: 0px 26px 16px 30px;
}

.contents_opened .contents_img{
  padding-left: 30px;
}

.contents_opened .contents_img img{
  height: 177px;
  width: 296px;
  border-radius: 16px;
}

.faq_contents_opened {
  background-color: #F5F5F5;
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 20px;
}

.faq_contents_title img{
  padding: 0px 8px 0px 16px;
  margin-top: -15px;
}

.faq_contents_title {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  padding-top: 20px;

}

.faq_contents_body img{
  padding: 0px 8px 0px 16px;
  margin-top: -25px;
}

.faq_contents_body {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq_contents_opened .contents_img{
  padding-left: 30px;
}

.faq_contents_opened .contents_img img{
  height: 177px;
  width: 296px;
  border-radius: 16px;
}

.sub-wrap.terms h1{
  font-size: 18px;
  font-weight: 700;
  padding-left: 5px;
  padding-bottom: 14px;
  margin-bottom: 0px;
}

.sub-wrap.terms h2{
  font-size: 16px;
  font-weight: 700;
  padding-left: 17px;
  padding-bottom: 8px;
}

.sub-wrap.terms h3{
  font-size: 16px;
  font-weight: 400;
  padding-left: 17px;
  padding-top: 0px;
  padding-bottom: 7px;

}

.sub-wrap.terms p{
  font-size: 14px;
  font-weight: 400;
  padding-left: 17px;
  padding-top: 0px;
  color: #888;
  padding-bottom: 15px;
}


.sub-wrap.personalinfo h1{
  font-size: 18px;
  font-weight: 700;
  padding-left: 5px;
  padding-bottom: 14px;
  margin-bottom: 0px;
}

.sub-wrap.personalinfo h2{
  font-size: 16px;
  font-weight: 400;
  padding-left: 17px;
  padding-bottom: 8px;
}


.sub-wrap.personalinfo p{
  font-size: 14px;
  font-weight: 400;
  padding-left: 17px;
  padding-top: 0px;
  color: #888;
  padding-bottom: 15px;
}

.delete_wrap ol{
  margin-left: -20px;
}

.delete_wrap label {
	display: flex;
	justify-content: start;
	align-items: center;
	cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  padding-left: 20px ;
}

.delete_wrap ol li {
	display: flex;
	justify-content: space-between;
  display: block;
	align-items: center;
	padding: 0 8px;
	margin-top: 12.5px;
  margin-bottom: 12.5px;
	font-size: 14px;
}

.version_guide {
  padding-top: 273px;
  text-align: center;
  
}
.version_guide p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.version_guide span {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-top: 6px;
}

.update-btn {
  width: 160px;
  height: 49px;
  border-radius: 14px;
  background-color: #D9204C;
  margin-top: 25px;
}

.update-btn span{
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
}

.modal_popupbox_site {
	display: none;
}

.modal_popupbox_site.active {
	display: inline;
}

.modal_popupbox_direct {
	display: none;
}

.modal_popupbox_direct.active {
	display: inline;
}

.modal_popupbox_favor {
	display: none;
}

.modal_popupbox_favor.active {
	display: inline;
}

.modal_popupbox_home {
	display: none;
}

.modal_popupbox_home.active {
	display: inline;
}

.modal_popupbox_push_01 {
	display: none;
}

.modal_popupbox_push_01.active {
	display: inline;
}

.modal_popupbox_push_02 {
	display: none;
}

.modal_popupbox_push_02.active {
	display: inline;
}

.modal_popupbox_privacy {
	display: none;
}

.modal_popupbox_privacy.active {
	display: inline;
}

.modal_popupbox_qna {
	display: none;
}

.modal_popupbox_qna.active {
	display: inline;
}

.modal_popupbox_push {
	display: none;
}

.modal_popupbox_push.active {
	display: inline;
}

/* sub 스와이퍼 */ 
.swiper_mainBn { position:relative; width:100%;margin:0px auto;z-index:1; padding-bottom:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.swiper_mainBn .swiper-slide {width:100%;padding:0px;box-sizing:border-box;  -webkit-box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper_mainBn .swiper-slide img{width:100%;}
.swiper_mainBn .swiper-slide > a{width:100%;}

/* 스와이퍼2 버튼관련 */ 
.swiper_mainBn .swiper-button-wrap{position: absolute;bottom:0px;right:0px;display:flex;justify-content: center; align-items:center; min-width:36px; height:18px; background-color:rgba(0,0,0,.2);padding:0px 8px;border-radius:3px;z-index:2;} 
.swiper_mainBn .swiper-pagination {position:relative;display:flex;justify-content: center; align-items:center; width: auto; vertical-align: middle;left:0px; top:0px; font-weight:400;font-size:10px; color:rgba(255,255,255,1);}
.swiper_mainBn .swiper-button-wrap .swiper-pagination-bullet {opacity:0.2;}
.swiper_mainBn .swiper-button-wrap .swiper-pagination-bullet-active {opacity:1;}
.swiper_mainBn .swiper-pagination-current {font-weight: 700;color:#fff;}
.swiper_mainBn .swiper-pagination-current.include-zero:before {content : '0';}
.swiper_mainBn .swiper-pagination-total {display: inline-block;vertical-align:middle;}
.swiper_mainBn .swiper-pagination-total.include-zero:before {content : '0'}
.swiper_mainBn .swiper-progress__hidden-space {position:relative;margin: 0 0rem;display:inline-block;vertical-align:middle;}
.swiper_mainBn .swiper-progress__hidden-space:before {width:8px; height:1px; background:rgba(255,255,255,.3); content:''; display:block; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
/* main popup */
.swiper_mainBn.popup{border-radius:6px;}
.swiper_mainBn.popup .swiper-slide {border-radius:6px;}
.swiper_mainBn.popup .swiper-slide img{border-radius:6px;}
.swiper_mainBn.popup .swiper-button-wrap{border-radius:6px;} 
/* swipe 영역END */

/* main popup */
.pop--wrap {
	position:fixed;
	bottom:0px;
	/*transform:translate(-50%, -50%);*/
	display:none; 
	width:100%; 
	padding:0; 
	z-index:998;
	margin:0 auto;
	/*transition:all 0.3s ease-in-out;*/
	box-sizing:border-box; 
}
.pop--wrap.active {display:block;}
.pop--wrap.close {display:none;}
.pop--wrap .pop--cont{padding:0px;box-shadow: 0px 1px 8px rgba(0,0,0,0.1);  }
.pop--wrap .pop--cont img{ width:100%; }
.pop--wrap .pop--bottom{ display:flex; height:67px; justify-content:space-between;align-items: center; gap:10px;padding:10px 0; box-sizing: border-box; background:#fff; }
.pop--wrap input[type=checkbox] + label{ padding-left:10px; color:#444444; }
.pop--wrap .pop--close{
	font-weight: 700;
  font-size: 16px;
	line-height: 19px;
	padding-right:20px;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.popup_slide_up {
    animation: fadeInUp 1s;
}

.modal_popupbox_find_01 {
	display: none;
}

.modal_popupbox_find_01.active {
	display: inline;
}

.modal_popupbox_find_02 {
	display: none;
}

.modal_popupbox_find_02.active {
	display: inline;
}

.modal_popupbox_find_03 {
	display: none;
}

.modal_popupbox_find_03.active {
	display: inline;
}

:root {
	--header-top-height:64px; /* header-top */
	--menuTab-height:46px; 
	--bottom-height:56px; 		
}

.main--container{width:100%; margin-top:var(--header-top-height); padding-bottom:var(--bottom-height); }
.content-inner{padding:20px; box-sizing: border-box;} 

/* 공지사항 Start */
.accordion-wrap.notice{margin-top:0; }
.accordion-wrap ul.lists > li .accord-title {position: relative; padding: 20px 0px 20px 5px;border-bottom:1px solid rgba(226, 226, 226, .5); box-sizing: border-box;}
.accordion-wrap ul.lists > li .accord-title .btn-toggle {position: relative;display:flex;align-items: center;justify-content:space-between; gap:5px; width:100%; box-sizing: border-box;}
.accordion-wrap ul.lists > li .accord-tit{flex:1;text-align:left; font-weight:700;font-size:16px; line-height:19px;color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;}
.accordion-wrap ul.lists > li .accord-date {font-weight:400;font-size:14px; line-height:17px;color:#807f80;}
/* 공지사항 End */

/* myNotice */
.accordion-wrap-list.notice { margin-top:0; }
.accordion-wrap-list ul.lists > li .accord-title {position: relative; padding: 20px 0px 20px 5px;border-bottom:1px solid rgba(226, 226, 226, .5); box-sizing: border-box;}
.accordion-wrap-list ul.lists > li .accord-title .btn-toggle {position: relative;display:flex;align-items: center;justify-content:space-between; gap:5px; width:100%; padding-right:25px; box-sizing: border-box;}
.accordion-wrap-list ul.lists > li .accord-tit{flex:1;text-align:left; font-weight:700;font-size:16px; line-height:19px;color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;}
.accordion-wrap-list ul.lists > li .accord-date {font-weight:400;font-size:14px; line-height:17px;color:#807f80;}
.accordion-wrap-list ul.lists > li .accord-title .btn-toggle::after {content: ' '; position: absolute;top:1px; right:5px; width: 10px;  height: 10px; border: 1px solid #888; border-top: none;  border-left: none; transform: rotate(45deg);  transition: all 0.2s ease-out;}
.accordion-wrap-list ul.lists > li.open .accord-title .btn-toggle::after {top:7px;transform: rotate(225deg);}
.accordion-wrap-list ul.lists > li.open .accord-title .accord-tit{line-height:1.45; white-space:normal; overflow:visible;  text-overflow:inherit; word-break: keep-all;}

.accordion-wrap-list ul.lists > li .accord-cont { display: none; position: relative;width:100%; padding:24px 16px;background: #f5f5f5; margin-bottom:20px; border-radius:6px;font-weight:400;font-size:14px; line-height:1.45;color:#000; word-break: keep-all;box-sizing: border-box;}
.accordion-wrap-list ul.lists > li .accord-cont h4{ font-weight:700;font-size:16px; line-height:1.45;color:#000; margin-bottom:20px; }
.accordion-wrap-list ul.lists > li .accord-cont p{margin-bottom:20px; }
.accordion-wrap-list ul.lists > li .accord-cont .imgArea{ margin-bottom:10px;}
.accordion-wrap-list ul.lists > li .accord-cont img{max-width:100%; border-radius:6px; margin-bottom:10px; }
/* myNotice End */

/* 1:1문의 Start */
.accordion-wrap-qna.notice { margin-top:0; }
.accordion-wrap-qna ul.lists > li .qa--title {position: relative; padding: 10px 0px 10px 5px; box-sizing: border-box;}
.accordion-wrap-qna ul.lists > li .qa--title .btn-toggle {display:flex;align-items: center;justify-content:space-between; gap:5px; width:100%; padding-right:25px; padding-top:5px;box-sizing: border-box;}
.accordion-wrap-qna ul.lists > li .accord-tit { display:flex;text-align:left; font-weight:700;font-size:16px; line-height:19px;color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;}
.accordion-wrap-qna ul.lists > li .accord-tit .qna_state { display:block; font-weight:400; font-size:12px; line-height:22px; color:#fff; width:37px; height:22px; background:#D9204C; border-radius:4px; margin-top:0px; text-align:center; vertical-align:middle; margin-bottom:5px; }
.accordion-wrap-qna ul.lists > li .accord-tit .qna_state_on { display:block; font-weight:400; font-size:12px; line-height:22px; color:#fff; width:37px; height:22px; background:#8c4100; border-radius:4px; margin-top:0px; text-align:center; vertical-align:middle; margin-bottom:5px; }
.accordion-wrap-qna ul.lists > li .accord-date {font-weight:400;font-size:14px; line-height:17px;color:#807f80;}
.accordion-wrap-qna ul.lists > li .qa--title .btn-toggle::after {content: ' '; position: absolute;top:20px; right:5px; width: 10px;  height: 10px; border: 1px solid #888; border-top: none;  border-left: none; transform: rotate(45deg);  transition: all 0.2s ease-out;}
.accordion-wrap-qna ul.lists > li.open .qa--title .btn-toggle::after {top:20px;transform: rotate(225deg);}
.accordion-wrap-qna ul.lists > li.open .qa--title .accord-tit{line-height:1.45; white-space:normal; overflow:visible;  text-overflow:inherit; word-break: keep-all;}

.accordion-wrap-qna ul.lists > li .qa--cont { display: none; position: relative;width:100%; padding:24px 16px; padding-bottom:40px; background: #f5f5f5; margin-bottom:30px; border-radius:6px;font-weight:400;font-size:14px; line-height:1.45;color:#000; word-break: keep-all;box-sizing: border-box;}
.accordion-wrap-qna ul.lists > li .qa--cont .q-tit{position: relative; font-weight:700;font-size:14px;color:#000;line-height:1.4; padding-left:34px;margin-bottom:20px;box-sizing: border-box;}
.accordion-wrap-qna ul.lists > li .qa--cont .q-tit::before {content: '';position: absolute;top:0px;left: 0px;display:flex; align-items: center;justify-content:center; width:24px; height:24px; background:url('/m/assets/images/q-bg.svg') 50% 50% no-repeat; color:var(--concept-color);font-weight:700;font-size:14px; line-height:1;text-align:center;}
.accordion-wrap-qna ul.lists > li .qa--cont .a-tit{position: relative; font-weight:400;font-size:14px;color:#000;line-height:1.4; padding-left:34px;box-sizing: border-box;}
.accordion-wrap-qna ul.lists > li .qa--cont .a-tit::before {content: '';position: absolute;top:0px;left: 0px;display:flex; align-items: center;justify-content:center; width:24px; height:24px; background:url('/m/assets/images/a-bg.svg') 50% 50% no-repeat; color:#fff;font-weight:700;font-size:14px; line-height:1;text-align:center;}
.accordion-wrap-qna ul.lists > li .qa--cont .q-tit img { width:100%; max-width:100%; }
.accordion-wrap-qna ul.lists > li .qa--cont .a-tit img { width:100%; max-width:100%; }

:root {
	--main-color:#ff7700;
	--concept-color:#C71010;	
	--light-color:#F9EFE7;
	--second-color:#807f80;
	--disabled-color:#ffd5b0;
	--gray-color: #888;
	--border-color: #C4C4C4;
	--red-color: #FF0000;
	--error-color: #E13939;
	--header-top-height:56px; /* header-top */
	--header-top-margin:76px; /* header-top + 20px */
	--header-top-find-height:26px; /* header-top */
	--calendar--week-height:32px;
	--menuTab-height:46px; 
}

.input-box-container .message{font-weight:400; font-size:10px; color:#000; }
.input-box-container .input_error{color: var(--red-color); }

.modal_popupbox_refund {
	display: none;
}
.modal_popupbox_refund.active {
	display: inline;
}

.modal_popupbox_modify_01 {
	display: none;
}
.modal_popupbox_modify_01.active {
	display: inline;
}

.modal_popupbox_modify_02 {
	display: none;
}
.modal_popupbox_modify_02.active {
	display: inline;
}

.modal_popupbox_modify_02 {
	display: none;
}
.modal_popupbox_modify_02.active {
	display: inline;
}

.modal_popupbox_del_single {
	display: none;
}
.modal_popupbox_del_single.active {
	display: inline;
}

.modal_popupbox_del_all {
	display: none;
}
.modal_popupbox_del_all.active {
	display: inline;
}

.modal_popupbox_shop {
	display: none;
}
.modal_popupbox_shop.active {
	display: inline;
}

.modal_popupbox_sort {
	display: none;
}

.modal_popupbox_sort.active {
	display: inline;
}