@charset "UTF-8";
@import url("../styles/xeicon.min.css");
/*fontawesome*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #D3D3D3;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  z-index: 999;
  left: 25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 25px;
}
[dir=rtl] .slick-next {
  left: 25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.slick-dots {
  position: absolute;
  bottom: 23px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  color: #888;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #888;
  opacity: 0.75;
}

/*--- 변수 start ---*/
/*--- 변수 end ---*/
/*기본폰트 사이즈*/
html {
  font-size: 12px;
  font-family: sans-serif, "Roboto", "Verdana", "맑은 고딕", "malgun gothic", "Droid sans";
}

html, body {
  -webkit-text-size-adjust: none; /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust: none; /* IE */
  -moz-text-size-adjust: none; /* 파이어폭스 */
  -o-text-size-adjust: none; /* 오페라 구버전 */
}

/* --- 리셋 start --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-family: sans-serif, "Roboto", "Verdana", "맑은 고딕", "malgun gothic", "Droid sans";
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  font-size: 14px;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:link, a:visited, a:hover, a:active {
  color: #333333;
  text-decoration: none;
  outline: none;
}

/* --- 리셋 end --- */
/* --- 모바일 포커스영역 리셋 start --- */
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none !important;
}

/* --- 모바일 포커스영역 리셋 end --- */
input[type=checkbox], input[type=radio] {
  width: 0;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  margin-right: 20px;
}

input, button {
  border-radius: 0;
  -webkit-appearance: none;
}

/*---전체 적용 스타일---*/
* {
  font-family: sans-serif, "Roboto", "Verdana", "맑은 고딕", "malgun gothic", "Droid sans";
}

/*---전체 적용 스타일---*/
/*애니메이션*/
@keyframes today_clock {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.flex_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}

.inlineflex_wrap {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

hr {
  margin: 30px 0;
  border: none;
  background: #F3F3F3;
  height: 1px;
}

.btn_default {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  font-size: 13px;
  background: #F47C7C;
  color: #ffffff;
  width: 100%;
  height: 40px;
  border: none;
  box-sizing: border-box;
}
.btn_default:hover {
  opacity: 0.8;
}
.btn_default.disabled {
  background: #EAEAEA;
  color: #D3D3D3;
}

.btn_line {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  font-size: 13px;
  background: #ffffff;
  color: #F47C7C;
  width: 100%;
  height: 40px;
  border: none;
  box-sizing: border-box;
  border: 1px solid #F47C7C;
}
.btn_line.disabled {
  background: #EAEAEA;
  color: #D3D3D3;
}

.btn_gray {
  border: 2px solid #EAEAEA;
  color: #717171;
  font-size: 13px;
  font-weight: 400;
}

input[type=button] {
  cursor: pointer;
}

.btn_alink {
  width: 100%;
  border: 2px solid #ADADAD;
  color: #717171;
  display: block;
  width: 94%;
  margin: 0 auto;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}

/*a링크 버튼*/
.btn {
  display: inline-block;
  width: 45px;
  height: 45px;
  cursor: pointer;
  text-align: center;
  line-height: 45px;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -99999px;
  background: url() no-repeat center center/100%;
}
.btn.back_icon {
  background-image: url("../images/default/back_icon.png");
}
.btn.cart_icon {
  background-image: url("../images/default/cart_icon.png");
}
.btn.blank_icon {
  background-image: url();
  background-color: transparent;
}
.btn.btn_like {
  text-align: center;
  border: none;
  outline: none;
  background: url("../images/default/icon_like_detail_disabled.svg") no-repeat center center/45px;
}
.btn.btn_like.chk {
  background-image: url("../images/default/icon_like_detail.svg");
}
.btn.close {
  background: url("../images/default/opt_close.png") no-repeat center center;
}
.btn.more {
  text-indent: 0;
  height: 35px;
  line-height: 35px;
}
.btn.share_icon {
  background: url("../images/default/share_icon.png") no-repeat center center;
}
.btn.link_icon {
  width: 72px;
  heighT: 72px;
  background: url("../images/default/link_icon.png") no-repeat left top;
}
.btn.link_icon.talk {
  background-position: 0 0;
}
.btn.link_icon.facebook {
  background-position: -72px 0px;
}
.btn.link_icon.link {
  background-position: -144px 0px;
}

.list_toggle {
  width: 35px;
  height: 35px;
  margin-left: 5px;
  background: url("../images/default/icon_col.svg") no-repeat left center/100%;
}
.list_toggle.one {
  background-image: url("../images/default/icon_row.svg");
}

.tip_wrap {
  position: relative;
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: 500;
  z-index: 999;
}
.tip_wrap .tip_info {
  visibility: hidden;
  background-color: #ffffff;
  color: #333333;
  text-align: center;
  border-radius: 5px;
  line-height: 1.2;
  border: 1px solid #EAEAEA;
  padding: 10px;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  font-size: 11px;
  letter-spacing: -1px;
  font-weight: 300;
  text-align: left !important;
}

.tip {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: bottom;
  background: url("../images/default/icon_info.png") no-repeat center center/15px;
}
.tip:hover + .tip_info {
  visibility: visible;
}
.tip.question {
  background: url("../images/default/icon_question.svg") no-repeat center center/15px;
}

/* 테이블 관련 */
.tables {
  border-collapse: collapse;
  width: 100%;
  margin: 10px auto;
}
.tables th, .tables td {
  border-top: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
  font-size: 13px;
  vertical-align: middle;
  height: 30px;
  padding: 10px;
  box-sizing: border-box;
}
.tables th {
  background: #F5F5F5;
  font-weight: 500;
}

/*폼필드 관련*/
.form {
  border: 1px solid #EAEAEA;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  height: 40px;
  padding: 13px 17px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  box-shadow: 0 0 5px #F3F3F3;
  outline: none;
}
.form::placeholder {
  color: #ADADAD;
  font-size: 14px;
}
.form:focus {
  border-color: #717171;
  box-shadow: 0 0 5px #EAEAEA;
}
.form.search {
  height: 30px;
  margin: 0;
  width: 100%;
  background: #F9F9F9;
}
.form.inner_search {
  border-radius: 2px;
  height: 40px;
  background: #ffffff;
}

/*폼 리스트 기본 여백 
form{
    >ul{
        width:90%; // 폼랩 기본값
        margin:0 auto;
        >li{
            margin:10px 0 20px 0;
            position: relative;
            label{
                display: block;
                color:$black80;
                padding:0 0 10px 10px;
            }
        }
    }
}
*/
.search_icon {
  z-index: 999;
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -999px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: url("../images/default/search_icon.png") no-repeat center/20px;
  cursor: pointer;
  transition: all 0.1s;
}

.remove_btn {
  z-index: 999;
  display: block;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  color: #ADADAD;
  transition: all 0.1s;
  display: none;
}

.input_box {
  position: relative;
}
.input_box label {
  display: block;
  font-size: 13px;
  color: #717171;
  margin: 5px 0 5px 20px;
}
.input_box label .ast {
  font-size: 14px;
  color: #E0607E;
}

.pwd_view {
  z-index: 999;
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -999px;
  position: absolute;
  right: 15px;
  bottom: 10px;
  background: url("../images/default/pwd_view_off.png") no-repeat center/20px;
  cursor: pointer;
  transition: all 0.2s;
}
.pwd_view.none {
  background-image: url("../images/default/pwd_view.png");
  transition: all 0.2s;
}
.pwd_view.complete {
  background-image: url("../images/default/pwd_ok.png");
  transition: all 0.2s;
}

.pwd_tip {
  font-size: 13px;
  margin: 10px 0 0 20px;
  color: #B6244F;
}

.select {
  width: 100%;
  border: 1px solid #D3D3D3;
  height: 35px;
  font-size: 13px;
  padding: 0 10px;
  box-sizing: border-box;
  outline: none;
  background: url("../images/default/arrow_down.png") no-repeat 100% 50%;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select option {
  width: 100%;
  background: #1B998B;
}

/*체크박스,라디오버튼 커스텀*/
.radio {
  color: #717171;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
}
.radio input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.radio input::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 6px;
  background-color: #E0607E;
  mask: url("../images/default/circle-check-regular.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-regular.svg") no-repeat center;
}
.radio input:checked::before {
  background-color: #E0607E;
  mask: url("../images/default/circle-check-solid.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-solid.svg") no-repeat center;
}

.pay_radio {
  color: #717171;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
}
.pay_radio input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pay_radio input::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 0px;
  background-color: #717171;
  mask: url("../images/default/radio-button.svg") no-repeat center;
  -webkit-mask: url("../images/default/radio-button.svg") no-repeat center;
}
.pay_radio input:checked::before {
  background-color: #F9F9F9;
  mask: url("../images/default/radio-button-checked.svg") no-repeat center;
  -webkit-mask: url("../images/default/radio-button-checked.svg") no-repeat center;
}

.chkbox {
  color: #717171;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
}
.chkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.chkbox input::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 6px;
  background-color: #F47C7C;
  mask: url("../images/default/square-check-regular.svg") no-repeat center;
  -webkit-mask: url("../images/default/square-check-regular.svg") no-repeat center;
}
.chkbox input:checked::before {
  background-color: #F47C7C;
  mask: url("../images/default/square-check-solid.svg") no-repeat center;
  -webkit-mask: url("../images/default/square-check-solid.svg") no-repeat center;
}

/*패스워드*/
input[type=password] {
  position: relative;
}

/*커스텀 셀렉트 박스*/
/* textarea 스타일*/
.textarea {
  border: none;
  appearance: none;
  outline: none;
  resize: none;
  width: 95%;
  margin: 0 auto;
  display: block;
}

/*상세 옵션 박스*/
.option_box {
  box-sizing: border-box;
  width: 95%;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0px 0px 5px #EAEAEA;
  box-sizing: border-box;
  padding: 15px 15px 5px 15px;
}
.option_box ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  margin: 0 0 15px 0;
}
.option_box ul li h5 {
  font-size: 14px;
  color: #333333;
}

/*상세옵션 관련버튼*/
.opt_wrap > * {
  float: left;
}
.opt_wrap::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
  overflow: hidden;
}
.opt_wrap .opt_cnt {
  text-align: center;
  width: 50px;
  height: 24px;
  box-sizing: border-box;
  border: none;
  border-top: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
  outline: none;
}

.btn_opt {
  background: url("") no-repeat center/25px;
  border: 0;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 1px solid #D3D3D3;
  padding: 2px;
}
.btn_opt.close {
  border: none;
  width: 28px;
  height: 28px;
  font-size: 14.5px;
  text-align: center;
  color: #717171;
}

/*기획전 이벤트 뱃지*/
.bedge {
  background: #ffffff;
  color: #F47C7C;
  border-radius: 20px;
  font-size: 11px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #F47C7C;
  padding: 2px 4px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-wrap: nowrap;
}
.bedge.event02 {
  color: #1B998B;
  border-radius: 20px;
  font-size: 11px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #1B998B;
  padding: 2px 4px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-wrap: nowrap;
}
.bedge.event03 {
  color: #A288E3;
  border-radius: 20px;
  font-size: 11px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #A288E3;
  padding: 2px 4px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-wrap: nowrap;
}
.bedge.event04 {
  color: #507DBC;
  border-radius: 20px;
  font-size: 11px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #507DBC;
  padding: 2px 4px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-wrap: nowrap;
}
.bedge.event05 {
  color: #B6244F;
  border-radius: 20px;
  font-size: 11px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #B6244F;
  padding: 2px 4px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-wrap: nowrap;
}
.bedge.bedgeAnswer {
  color: #1B998B;
  border-radius: 20px;
  font-size: 11px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #1B998B;
  padding: 2px 4px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-wrap: nowrap;
}
.bedge.bedgeNoAnswer {
  color: #ADADAD;
  border-radius: 20px;
  font-size: 11px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #ADADAD;
  padding: 2px 4px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-wrap: nowrap;
}
.bedge.big_event {
  color: navy;
  border-radius: 20px;
  font-size: 11px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid navy;
  padding: 2px 4px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
  text-wrap: nowrap;
  font-size: 13px;
  padding: 5px 7px;
}

/*제품상세 하단 옵션창*/
.prd_opt_wrap {
  z-index: 999;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.prd_opt_wrap .down {
  height: 65px !important;
  width: 100%;
}
.prd_opt_wrap .down section {
  display: none;
}
.prd_opt_wrap .down .toast_collapse_btn > span {
  background-image: url("../images/default/collapse_open_btn.png");
}
.prd_opt_wrap.mobile_prd ul.prd_btn_wrap > li:nth-child(1) {
  width: 100%;
}

.prd_toast_wrap {
  height: 95%;
  position: relative;
  margin: 20px auto 0;
  box-sizing: border-box;
  padding: 0 2%;
  border-top: 1px solid #EAEAEA;
  background-color: #F9F9F9 !important;
  z-index: 20004;
}
.prd_toast_wrap::-webkit-scrollbar {
  width: 6px;
}
.prd_toast_wrap::-webkit-scrollbar-track {
  background: transparent;
}
.prd_toast_wrap::-webkit-scrollbar-thumb {
  background: #ADADAD;
}
.prd_toast_wrap::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}
.prd_toast_wrap .toast_collapse_btn {
  width: 100%;
  height: 20px;
  position: relative;
  top: -21px;
}
.prd_toast_wrap .toast_collapse_btn > span {
  border-radius: 8px 8px 0 0;
  display: block;
  position: relative;
  overflow: hidden;
  width: 110px;
  height: 20px;
  margin: 0 auto;
  background: #F9F9F9 url("../images/default/collapse_close_btn.png") no-repeat center center;
  cursor: pointer;
  border-top: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
}
.prd_toast_wrap ul.prd_btn_wrap {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: 95%;
  height: 45px;
  padding: 10px 0;
}
.prd_toast_wrap ul.prd_btn_wrap li:first-child {
  width: 10%;
}
.prd_toast_wrap ul.prd_btn_wrap li:first-child ~ li {
  width: 43%;
}
.prd_toast_wrap ul.prd_btn_wrap li.last {
  width: calc(100% - 60px) !important;
  margin-right: 5px;
}
.prd_toast_wrap .price_wrap {
  padding-bottom: 55px;
}

.prd_opt_frm {
  box-sizing: border-box;
  padding-top: 5px;
}
.prd_opt_frm .option_box_wrap {
  width: 100%;
  max-height: 150px;
  overflow-y: scroll;
}
.prd_opt_frm .option_box_wrap::-webkit-scrollbar {
  width: 6px;
}
.prd_opt_frm .option_box_wrap::-webkit-scrollbar-track {
  background: transparent;
}
.prd_opt_frm .option_box_wrap::-webkit-scrollbar-thumb {
  background: #ADADAD;
}
.prd_opt_frm .option_box_wrap::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}
.prd_opt_frm .input_box, .prd_opt_frm .option_box {
  width: 100%;
  margin: 10px auto;
  overflow: auto;
  background: #ffffff;
}
.prd_opt_frm .input_box label, .prd_opt_frm .option_box label {
  margin-top: 10px;
}
.prd_opt_frm .input_box {
  height: 130px;
  box-shadow: 0 0 5px #F5F5F5;
}
.prd_opt_frm .input_box::-webkit-scrollbar {
  width: 6px;
}
.prd_opt_frm .input_box::-webkit-scrollbar-track {
  background: transparent;
}
.prd_opt_frm .input_box::-webkit-scrollbar-thumb {
  background: #ADADAD;
}
.prd_opt_frm .input_box::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}
.prd_opt_frm .price_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: 96%;
  margin: 0 auto;
}
.prd_opt_frm .price_wrap h3 {
  width: 40%;
}
.prd_opt_frm .price_wrap p.prd_total_price {
  margin: 20px 0;
  box-sizing: border-box;
  padding: 0 0%;
  text-align: right;
  width: 50%;
  color: #F47C7C;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
}
.prd_opt_frm .price_wrap p.prd_total_price span {
  color: #F47C7C;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}

.prd_list ul.prd_square > li {
  margin-bottom: 5px;
}
.prd_list.row ul.prd_square {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: 100%;
  margin: 0 auto;
}
.prd_list.row ul.prd_square > li {
  width: 50%;
  box-sizing: border-box;
  padding: 2px;
  margin: 0;
}
.prd_list.row figure {
  max-height: 145px;
}

.prd_info {
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  padding: 0 10px 10px 10px;
  min-height: 255px;
  max-height: 360px;
  margin: 0 auto;
  border-style: solid;
  border-color: #F3F3F3;
  border-width: 1px;
}
.prd_info:hover {
  box-sizing: border-box;
  border-style: solid;
  border-color: #fcdada;
  border-width: 1px;
}
.prd_info:hover > li > figure {
  border-color: #EAEAEA;
}
.prd_info li {
  margin: 5px 0;
  position: relative;
}
.prd_info .prd_title {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1;
  height: auto;
  vertical-align: middle;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.prd_info figure {
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #F5F5F5;
  position: relative;
  width: 100%;
  height: auto;
  border-style: solid;
  border-color: #F5F5F5;
  border-width: 1px;
}
.prd_info figure .prd_like {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  bottom: 10px;
  z-index: 7;
  overflow: hidden;
  text-indent: -999999px;
  background: url("../images/default/icon_like_disabled.svg") no-repeat center/100%;
}
.prd_info figure .prd_like.chk {
  background-image: url("../images/default/icon_like_abled.svg");
}
.prd_info figure img {
  width: 100%;
  vertical-align: middle;
}
.prd_info .for_price {
  color: #F47C7C;
  font-weight: 500;
  font-size: 14px;
}
.prd_info .for_price_premium {
  color: #A288E3;
  font-weight: 500;
  font-size: 14px;
}
.prd_info del {
  margin: 0 10px;
  font-size: 0.8rem;
  color: #D3D3D3;
}
.prd_info .discount {
  font-size: 14.5px;
  color: #F47C7C;
  font-weight: 900;
}
.prd_info .discount_premium {
  font-size: 14.5px;
  color: #A288E3;
  font-weight: 900;
}
.prd_info strong {
  font-size: 14.5px;
  line-height: 14.5px;
  padding: 0 0 0 5px;
}

/*가입완료 팝업창*/
.popup_normal, .popup_confirm, .popup_inline, .popup_share, .popup_delivary, .popup_adult {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999 !important;
}
.popup_normal .pop_back, .popup_confirm .pop_back, .popup_inline .pop_back, .popup_share .pop_back, .popup_delivary .pop_back, .popup_adult .pop_back {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 9999 !important;
}
.popup_normal .pop_wrap, .popup_confirm .pop_wrap, .popup_inline .pop_wrap, .popup_share .pop_wrap, .popup_delivary .pop_wrap, .popup_adult .pop_wrap {
  position: relative;
  background: #fff;
  width: 80%;
  height: 280px;
  max-height: 40vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  z-index: 9999 !important;
  overflow: hidden;
  text-align: center;
}
.popup_normal .pop_wrap > li, .popup_confirm .pop_wrap > li, .popup_inline .pop_wrap > li, .popup_share .pop_wrap > li, .popup_delivary .pop_wrap > li, .popup_adult .pop_wrap > li {
  position: absolute;
}
.popup_normal .pop_wrap .top_wrap, .popup_confirm .pop_wrap .top_wrap, .popup_inline .pop_wrap .top_wrap, .popup_share .pop_wrap .top_wrap, .popup_delivary .pop_wrap .top_wrap, .popup_adult .pop_wrap .top_wrap {
  width: 45px;
  height: 45px;
  right: 0;
  top: 0;
}
.popup_normal .pop_wrap .top_wrap .pop_close, .popup_confirm .pop_wrap .top_wrap .pop_close, .popup_inline .pop_wrap .top_wrap .pop_close, .popup_share .pop_wrap .top_wrap .pop_close, .popup_delivary .pop_wrap .top_wrap .pop_close, .popup_adult .pop_wrap .top_wrap .pop_close {
  width: 45px;
  height: 45px;
  cursor: pointer;
  line-height: 45px;
  font-size: 1.4rem;
}
.popup_normal .pop_wrap .title, .popup_confirm .pop_wrap .title, .popup_inline .pop_wrap .title, .popup_share .pop_wrap .title, .popup_delivary .pop_wrap .title, .popup_adult .pop_wrap .title {
  width: calc(100% - 45px);
  height: 45px;
  line-height: 45px;
  top: 0px;
  left: 0;
  text-align: center;
  overflow: hidden;
  margin-left: 23px;
  box-sizing: border-box;
  font-weight: 600;
}
.popup_normal .pop_wrap .contents, .popup_confirm .pop_wrap .contents, .popup_inline .pop_wrap .contents, .popup_share .pop_wrap .contents, .popup_delivary .pop_wrap .contents, .popup_adult .pop_wrap .contents {
  width: 100%;
  height: 180px;
  box-sizing: border-box;
  padding-top: 15px;
  font-size: 13px;
  line-height: 1;
  top: 50px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.popup_normal .pop_wrap .contents::-webkit-scrollbar, .popup_confirm .pop_wrap .contents::-webkit-scrollbar, .popup_inline .pop_wrap .contents::-webkit-scrollbar, .popup_share .pop_wrap .contents::-webkit-scrollbar, .popup_delivary .pop_wrap .contents::-webkit-scrollbar, .popup_adult .pop_wrap .contents::-webkit-scrollbar {
  width: 6px;
}
.popup_normal .pop_wrap .contents::-webkit-scrollbar-track, .popup_confirm .pop_wrap .contents::-webkit-scrollbar-track, .popup_inline .pop_wrap .contents::-webkit-scrollbar-track, .popup_share .pop_wrap .contents::-webkit-scrollbar-track, .popup_delivary .pop_wrap .contents::-webkit-scrollbar-track, .popup_adult .pop_wrap .contents::-webkit-scrollbar-track {
  background: transparent;
}
.popup_normal .pop_wrap .contents::-webkit-scrollbar-thumb, .popup_confirm .pop_wrap .contents::-webkit-scrollbar-thumb, .popup_inline .pop_wrap .contents::-webkit-scrollbar-thumb, .popup_share .pop_wrap .contents::-webkit-scrollbar-thumb, .popup_delivary .pop_wrap .contents::-webkit-scrollbar-thumb, .popup_adult .pop_wrap .contents::-webkit-scrollbar-thumb {
  background: #ADADAD;
}
.popup_normal .pop_wrap .contents::-webkit-scrollbar-thumb:hover, .popup_confirm .pop_wrap .contents::-webkit-scrollbar-thumb:hover, .popup_inline .pop_wrap .contents::-webkit-scrollbar-thumb:hover, .popup_share .pop_wrap .contents::-webkit-scrollbar-thumb:hover, .popup_delivary .pop_wrap .contents::-webkit-scrollbar-thumb:hover, .popup_adult .pop_wrap .contents::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}
.popup_normal .pop_wrap .contents .fontRed, .popup_confirm .pop_wrap .contents .fontRed, .popup_inline .pop_wrap .contents .fontRed, .popup_share .pop_wrap .contents .fontRed, .popup_delivary .pop_wrap .contents .fontRed, .popup_adult .pop_wrap .contents .fontRed {
  color: #DD5257;
}
.popup_normal .pop_wrap .contents h3, .popup_confirm .pop_wrap .contents h3, .popup_inline .pop_wrap .contents h3, .popup_share .pop_wrap .contents h3, .popup_delivary .pop_wrap .contents h3, .popup_adult .pop_wrap .contents h3 {
  font-weight: 500;
  font-size: 1.3rem;
}
.popup_normal .pop_wrap .btn_wrap, .popup_confirm .pop_wrap .btn_wrap, .popup_inline .pop_wrap .btn_wrap, .popup_share .pop_wrap .btn_wrap, .popup_delivary .pop_wrap .btn_wrap, .popup_adult .pop_wrap .btn_wrap {
  bottom: 0;
  width: 100%;
}
.popup_normal .pop_wrap .btn_wrap .btn_default, .popup_confirm .pop_wrap .btn_wrap .btn_default, .popup_inline .pop_wrap .btn_wrap .btn_default, .popup_share .pop_wrap .btn_wrap .btn_default, .popup_delivary .pop_wrap .btn_wrap .btn_default, .popup_adult .pop_wrap .btn_wrap .btn_default {
  border-radius: 0 0 8px 8px;
  width: 100%;
  background: #F47C7C !important;
}

.popup_confirm .btn_wrap {
  bottom: 0;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.popup_confirm .btn_wrap input[type=button] {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  width: 50% !important;
}
.popup_confirm .btn_wrap .btn_default:nth-of-type(2) {
  background-color: #717171 !important;
}

.popup_inline .pop_wrap {
  height: 120px !important;
}
.popup_inline .contents {
  height: 90px !important;
}

.pop_adult_confirm .pop_wrap {
    height: 200px;
}
.pop_adult_confirm .contents {
    padding: 24px 5%;
    font-size: 13px;
    line-height: 1.5 !important;
    word-break: keep-all;
    text-align: left;
}
.pop_adult_confirm .contents span {
  color: #E0607E;
}

/*배송조회팝업*/
.popup_delivary .pop_wrap {
  max-height: 60vh !important;
  height: 500px;
}
.popup_delivary .contents {
  height: 340px !important;
  background-color: #ffffff;
}
.popup_delivary h6 {
  text-align: left;
  font-size: 14px;
  margin: 10px 0;
  padding-left: 10px;
}
.popup_delivary .delivary_tables {
  width: 96%;
  margin: 0 auto;
}
.popup_delivary .delivary_tables:nth-last-child(1) {
  margin-bottom: 70px;
}

/*성인인증 팝업*/
.popup_adult {
  z-index: 997;
  display: block !important;
}
.popup_adult .pop_wrap {
  height: 300px;
  max-height: none;
}
.popup_adult .pop_wrap .contents {
  height: 200px;
}
.popup_adult .btn_wrap {
  bottom: 0;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.popup_adult .btn_wrap input[type=button] {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  width: 50% !important;
}
.popup_adult .btn_wrap .btn_default:nth-of-type(2) {
  background-color: #717171 !important;
}
.popup_adult .agree_adult_info {
  width: 90%;
  margin: 0 auto;
}
.popup_adult .agree_adult_info li > p {
  text-align: left;
  line-height: 1.5;
  letter-spacing: -1px;
}
.popup_adult .agree_adult_info li > p > span {
  color: #E0607E;
}
.popup_adult .tables {
  width: 90%;
  margin: 5px auto;
}
.popup_adult .tables th, .popup_adult .tables td {
  border: 1px solid #D3D3D3;
  padding: 2px;
}
.popup_adult .tables td {
  padding: 5px;
}
.popup_adult #adult_agree::before {
  top: 5px;
  right: 5px;
}
.popup_adult .adult_detail_info {
  overflow: hidden;
  height: 0;
}
.popup_adult .adult_detail_info.active {
  height: auto !important;
}

#dele_state > ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  height: 100px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
#dele_state > ul::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #F3F3F3;
  width: 80%;
  height: 1px;
  top: 0;
  left: 50%;
  top: 40%;
  transform: translateX(-50%);
}
#dele_state > ul > li {
  width: 18%;
  z-index: 999;
}
#dele_state > ul > li > p {
  font-size: 11px;
  letter-spacing: -1px;
  white-space: nowrap;
}
#dele_state > ul > li.active i {
  background: #44BBA4;
  padding: 8px;
  border-radius: 50%;
  color: #ffffff;
}
#dele_state i {
  color: #D3D3D3;
  padding: 5px;
  border-radius: 50%;
  margin-bottom: 10px;
  background-color: #F3F3F3;
}

/*약관 자세히보기 관련*/
#bgLayer.marginTop {
  background: transparent;
}

#bgLayer {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  z-index: 99999;
  display: none;
}
#bgLayer .detailWrap {
  height: 100%;
}
#bgLayer .detailWrap::-webkit-scrollbar {
  width: 6px;
}
#bgLayer .detailWrap::-webkit-scrollbar-track {
  background: transparent;
}
#bgLayer .detailWrap::-webkit-scrollbar-thumb {
  background: #ADADAD;
}
#bgLayer .detailWrap::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}
#bgLayer .topWrap {
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  box-sizing: border-box;
  justify-content: space-between;
  position: relative;
}
#bgLayer .topWrap h4.popTitle {
  background-color: #fff;
  height: 45px;
  line-height: 45px;
  text-indent: 20px;
  font-size: 1.4rem;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}
#bgLayer .topWrap button {
  position: absolute;
  display: block;
  right: 0;
  top: 0px;
  width: 45px;
  height: 45px;
  border: 0;
  outline: none;
  background-color: transparent;
  font-size: 1.4rem;
  cursor: pointer;
  color: #000000;
}
#bgLayer .iframeWrap {
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
}
#bgLayer #agrInfo {
  width: 100%;
  border: 0;
  height: calc(100vh - 90px);
  background-color: #fff;
}
#bgLayer #agrInfo::-webkit-scrollbar {
  width: 6px;
}
#bgLayer #agrInfo::-webkit-scrollbar-track {
  background: transparent;
}
#bgLayer #agrInfo::-webkit-scrollbar-thumb {
  background: #ADADAD;
}
#bgLayer #agrInfo::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}

/*폴드영역 스타일*/
.fold_wrap > h3.fold_btn {
  background: url("../images/default/up_icon_black.png") right 10px center no-repeat;
  border: 1px solid #F5F5F5;
  height: 45px;
  margin-bottom: 10px;
  line-height: 45px;
  box-sizing: border-box;
  padding: 0 3%;
  font-size: 14px;
  font-weight: 500;
}
.fold_wrap > h3.fold_btn.disabled {
  background-color: transparent !important;
}
.fold_wrap > h3.close {
  background: url("../images/default/down_icon_black.png") right 10px center no-repeat;
  background-color: #F9F9F9;
}
.fold_wrap strong.bedge { /*1:1문의 뱃지 스타일*/
  line-height: 0.9rem;
  margin-right: 5px;
  vertical-align: middle;
  background-color: #ffffff;
}
.fold_wrap i.xi-lock-o {
  color: #717171;
  line-height: 0.9rem;
  font-size: 0.9rem;
}
.fold_wrap .fold_contents {
  display: none;
  font-size: 13px;
  line-height: 1.8;
  width: 90%;
  margin: 0 auto;
  color: #717171;
  font-weight: 200;
  padding: 5px 5px 20px 5px;
  box-sizing: border-box;
}
.fold_wrap .fold_contents.active {
  display: block;
}
.fold_wrap .myquestion {
  font-size: 0.9rem;
  color: #ADADAD;
  text-align: right;
  margin: 15px 10px 5px 0;
}
.fold_wrap .myquestion a {
  font-size: 0.8rem;
  color: #ADADAD;
}

/*2단 탭키 영역*/
.tab02_contents, .tab01_contents {
  display: none;
}
.tab02_contents.active, .tab01_contents.active {
  display: block !important;
}

/*커스텀 셀렉트 박스 스타일*/
.customSelect {
  position: relative;
}
.customSelect select {
  width: 100%;
  color: #717171;
  background: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.8rem;
  appearance: none;
  background: url("../images/default/arrow_down.png") no-repeat right 0px center/20px;
  outline: none;
}

.copyright {
  padding: 30px 3% 90px;
  box-sizing: border-box;
  background: #F9F9F9;
  font-size: 0.8rem;
  color: #717171;
}
.copyright > ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.copyright > ul li {
  margin: 10px 0;
  text-align: center;
  color: #ADADAD;
  font-size: 13px;
}
.copyright > ul li span {
  font-weight: 600;
  color: #717171;
}
.copyright > ul > li:nth-child(2) a {
  font-weight: bolder;
}
.copyright address > ul {
  width: 100%;
}
.copyright address > ul.flex_wrap {
  justify-content: space-around;
}
.copyright address > ul.flex_wrap li {
  font-size: 11px;
  position: relative;
  margin: 15px 2px;
}
.copyright address > ul.flex_wrap li strong {
  font-size: 0.7rem;
}
.copyright address > ul.info > li {
  font-size: 11px;
  white-space: nowrap;
}
.copyright .copy {
  color: #000000;
  font-size: 12px;
}

/*플로팅메세지*/
.floating_wrap {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  width: 100%;
  height: 80px;
  display: none;
}
.floating_wrap .floating_msg {
  width: 96%;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  font-weight: 500;
  border-radius: 80px;
  text-align: center;
}

/*top 버튼*/
.top {
  display: block;
  position: fixed;
  bottom: 60px;
  right: 3vw;
  width: 3rem;
  height: 3rem;
  padding: 0;
  color: transparent;
  text-indent: -9999px;
  background: #ffffff url("../images/default/arrow_top.svg") no-repeat center center/60%;
  border-radius: 0;
  cursor: pointer;
  z-index: 999;
  border: none;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #EAEAEA;
}

/* 검색 */
.brand_icon {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border: 1px solid #F3F3F3;
  border-radius: 15px;
  background: url() no-repeat center/100%;
}
.brand_icon.FCT297 {
  background-image: url("../images/brand/FCT297.png");
}
.brand_icon.FCT298 {
  background-image: url("../images/brand/FCT298.png");
}
.brand_icon.FCT299 {
  background-image: url("../images/brand/FCT299.png");
}
.brand_icon.FCT300 {
  background-image: url("../images/brand/FCT300.png");
}
.brand_icon.FCT301 {
  background-image: url("../images/brand/FCT301.png");
}
.brand_icon.FCT302 {
  background-image: url("../images/brand/FCT302.png");
}
.brand_icon.FCT303 {
  background-image: url("../images/brand/FCT303.png");
}
.brand_icon.FCT304 {
  background-image: url("../images/brand/FCT304.png");
}
.brand_icon.FCT305 {
  background-image: url("../images/brand/FCT305.png");
}
.brand_icon.FCT358 {
  background-image: url("../images/brand/FCT358.png");
}
.brand_icon.FCT359 {
  background-image: url("../images/brand/FCT359.png");
}
.brand_icon.FCT306 {
  background-image: url("../images/brand/FCT306.png");
}
.brand_icon.FCT307 {
  background-image: url("../images/brand/FCT307.png");
}
.brand_icon.FCT360 {
  background-image: url("../images/brand/FCT360.png");
}
.brand_icon.FCT328 {
  background-image: url("../images/brand/FCT328.png");
}
.brand_icon.FCT329 {
  background-image: url("../images/brand/FCT329.png");
}
.brand_icon.FCT330 {
  background-image: url("../images/brand/FCT330.png");
}
.brand_icon.FCT331 {
  background-image: url("../images/brand/FCT331.png");
}
.brand_icon.FCT332 {
  background-image: url("../images/brand/FCT332.png");
}
.brand_icon.FCT333 {
  background-image: url("../images/brand/FCT333.png");
}
.brand_icon.FCT393 {
  background-image: url("../images/brand/FCT393.png");
}
.brand_icon.FCT394 {
  background-image: url("../images/brand/FCT394.png");
}
.brand_icon.FCT308 {
  background-image: url("../images/brand/FCT308.png");
}
.brand_icon.FCT309 {
  background-image: url("../images/brand/FCT309.png");
}
.brand_icon.FCT310 {
  background-image: url("../images/brand/FCT310.png");
}
.brand_icon.FCT311 {
  background-image: url("../images/brand/FCT311.png");
}
.brand_icon.FCT361 {
  background-image: url("../images/brand/FCT361.png");
}
.brand_icon.FCT362 {
  background-image: url("../images/brand/FCT362.png");
}
.brand_icon.FCT312 {
  background-image: url("../images/brand/FCT312.png");
}
.brand_icon.FCT363 {
  background-image: url("../images/brand/FCT363.png");
}
.brand_icon.FCT313 {
  background-image: url("../images/brand/FCT313.png");
}
.brand_icon.FCT365 {
  background-image: url("../images/brand/FCT365.png");
}
.brand_icon.FCT315 {
  background-image: url("../images/brand/FCT315.png");
}
.brand_icon.FCT316 {
  background-image: url("../images/brand/FCT316.png");
}
.brand_icon.FCT317 {
  background-image: url("../images/brand/FCT317.png");
}
.brand_icon.FCT318 {
  background-image: url("../images/brand/FCT318.png");
}
.brand_icon.FCT319 {
  background-image: url("../images/brand/FCT319.png");
}
.brand_icon.FCT320 {
  background-image: url("../images/brand/FCT320.png");
}
.brand_icon.FCT321 {
  background-image: url("../images/brand/FCT321.png");
}
.brand_icon.FCT322 {
  background-image: url("../images/brand/FCT322.png");
}
.brand_icon.FCT323 {
  background-image: url("../images/brand/FCT323.png");
}
.brand_icon.FCT324 {
  background-image: url("../images/brand/FCT324.png");
}
.brand_icon.FCT325 {
  background-image: url("../images/brand/FCT325.png");
}
.brand_icon.FCT326 {
  background-image: url("../images/brand/FCT326.png");
}
.brand_icon.FCT327 {
  background-image: url("../images/brand/FCT327.png");
}
.brand_icon.FCT364 {
  background-image: url("../images/brand/FCT364.png");
}
.brand_icon.FCT365 {
  background-image: url("../images/brand/FCT365.png");
}
.brand_icon.FCT366 {
  background-image: url("../images/brand/FCT366.png");
}
.brand_icon.FCT367 {
  background-image: url("../images/brand/FCT367.png");
}
.brand_icon.FCT368 {
  background-image: url("../images/brand/FCT368.png");
}
.brand_icon.FCT390 {
  background-image: url("../images/brand/FCT390.png");
}
.brand_icon.FCT391 {
  background-image: url("../images/brand/FCT391.png");
}
.brand_icon.FCT392 {
  background-image: url("../images/brand/FCT392.png");
}
.brand_icon.FCT334 {
  background-image: url("../images/brand/FCT334.png");
}
.brand_icon.FCT335 {
  background-image: url("../images/brand/FCT335.png");
}
.brand_icon.FCT345 {
  background-image: url("../images/brand/FCT345.png");
}
.brand_icon.FCT346 {
  background-image: url("../images/brand/FCT346.png");
}
.brand_icon.FCT347 {
  background-image: url("../images/brand/FCT347.png");
}
.brand_icon.FCT348 {
  background-image: url("../images/brand/FCT348.png");
}
.brand_icon.FCT349 {
  background-image: url("../images/brand/FCT349.png");
}
.brand_icon.FCT350 {
  background-image: url("../images/brand/FCT350.png");
}
.brand_icon.FCT351 {
  background-image: url("../images/brand/FCT351.png");
}
.brand_icon.FCT336 {
  background-image: url("../images/brand/FCT336.png");
}
.brand_icon.FCT337 {
  background-image: url("../images/brand/FCT337.png");
}
.brand_icon.FCT338 {
  background-image: url("../images/brand/FCT338.png");
}
.brand_icon.FCT340 {
  background-image: url("../images/brand/FCT340.png");
}
.brand_icon.FCT341 {
  background-image: url("../images/brand/FCT341.png");
}
.brand_icon.FCT342 {
  background-image: url("../images/brand/FCT342.png");
}
.brand_icon.FCT343 {
  background-image: url("../images/brand/FCT343.png");
}
.brand_icon.FCT344 {
  background-image: url("../images/brand/FCT344.png");
}
.brand_icon.FCT369 {
  background-image: url("../images/brand/FCT369.png");
}
.brand_icon.FCT370 {
  background-image: url("../images/brand/FCT370.png");
}
.brand_icon.FCT371 {
  background-image: url("../images/brand/FCT371.png");
}
.brand_icon.FCT372 {
  background-image: url("../images/brand/FCT372.png");
}
.brand_icon.FCT373 {
  background-image: url("../images/brand/FCT373.png");
}
.brand_icon.FCT374 {
  background-image: url("../images/brand/FCT374.png");
}
.brand_icon.FCT375 {
  background-image: url("../images/brand/FCT375.png");
}
.brand_icon.FCT376 {
  background-image: url("../images/brand/FCT376.png");
}
.brand_icon.FCT382 {
  background-image: url("../images/brand/FCT382.png");
}
.brand_icon.FCT383 {
  background-image: url("../images/brand/FCT383.png");
}
.brand_icon.FCT384 {
  background-image: url("../images/brand/FCT384.png");
}
.brand_icon.FCT385 {
  background-image: url("../images/brand/FCT385.png");
}

.error_page {
  width: 80%;
  margin: 0 auto;
  padding: 70px 0;
  text-align: center;
}
.error_page i {
  font-size: 80px;
  color: #058ED9;
}
.error_page h3 {
  font-size: 18px;
  margin: 10px 0;
}
.error_page p {
  font-size: 14px;
  margin: 20px 0;
  line-height: 1.5;
}

.spinner_wrap {
  z-index: 2024;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  touch-action: none;
}
.spinner_wrap #spinner {
  margin: 0 auto;
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border: 3px solid rgba(244, 124, 124, 0.3);
  box-sizing: border-box;
  border-top-color: #f8abab;
  border-bottom-color: #f8abab;
  border-radius: 100%;
  animation: spin 0.5s linear infinite;
  touch-action: none;
}

@keyframes spin {
  100% {
    transform: rotate(180deg);
  }
}
.loader_wrap {
  position: relative;
  padding: 25% 0;
  text-align: center;
}
.loader_wrap > p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  color: #333333;
}
.loader_wrap > p.title {
  font-size: 22px;
  font-weight: bold;
  color: #E0607E;
}
.loader_wrap .xi-credit-card {
  color: #F47C7C;
  margin: 0;
  padding: 0;
}
.loader_wrap #loader {
  margin: 10px 0 20px;
  position: relative;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 12px;
  -webkit-animation: loader10m 2s ease-in-out infinite;
  animation: loader10m 2s ease-in-out infinite;
}
.loader_wrap #loader:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 25px;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  -webkit-animation: loader10d 2s ease-in-out infinite;
  animation: loader10d 2s ease-in-out infinite;
}
.loader_wrap #loader:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  -webkit-animation: loader10g 3s ease-in-out infinite;
  animation: loader10g 2s ease-in-out infinite;
}

@-webkit-keyframes loader10g {
  0% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  25% {
    background-color: rgb(255, 125, 125);
  }
  50% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  75% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  100% {
    background-color: rgba(255, 125, 125, 0.2);
  }
}
@keyframes loader10g {
  0% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  25% {
    background-color: rgb(255, 125, 125);
  }
  50% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  75% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  100% {
    background-color: rgba(255, 125, 125, 0.2);
  }
}
@-webkit-keyframes loader10m {
  0% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  25% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  50% {
    background-color: rgb(255, 125, 125);
  }
  75% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  100% {
    background-color: rgba(255, 125, 125, 0.2);
  }
}
@keyframes loader10m {
  0% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  25% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  50% {
    background-color: rgb(255, 125, 125);
  }
  75% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  100% {
    background-color: rgba(255, 125, 125, 0.2);
  }
}
@-webkit-keyframes loader10d {
  0% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  25% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  50% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  75% {
    background-color: rgb(255, 125, 125);
  }
  100% {
    background-color: rgba(255, 125, 125, 0.2);
  }
}
@keyframes loader10d {
  0% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  25% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  50% {
    background-color: rgba(255, 125, 125, 0.2);
  }
  75% {
    background-color: rgb(255, 125, 125);
  }
  100% {
    background-color: rgba(255, 125, 125, 0.2);
  }
}
body {
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: scroll;
}
body::-webkit-scrollbar {
  width: 5px;
}
body::-webkit-scrollbar-track {
  background: transparent;
}
body::-webkit-scrollbar-thumb {
  background: #f8abab;
}
body::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}

section > h2 {
  display: none;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  text-indent: -999999px;
}

.wrapper {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.wrapper::-webkit-scrollbar {
  width: 0px;
}
.wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.wrapper::-webkit-scrollbar-thumb {
  background: #EAEAEA;
}
.wrapper::-webkit-scrollbar-thumb:hover {
  background: #F3F3F3;
}
.wrapper > section {
  background: #ffffff;
}

.sample_wrap {
  width: 100%;
}
.sample_wrap h3 {
  padding-left: 20px;
  margin: 20px 0;
  font-weight: bold;
  color: #333333;
}

/*섹션배경 흰색*/
#main section,
#new_arrival section,
#season section,
#best section,
#today section,
#event section,
#join section,
#member section,
#find section,
#update section,
#init section,
#login section,
#detail section,
#order section,
#category section,
#cart section,
#point section,
#mypage section,
#cs_center section,
#like section,
#terms section,
#magazine section,
#search section {
  background: #ffffff;
}

#join > section:nth-of-type(1),
#member > section:nth-of-type(1),
#find > section:nth-of-type(1),
#update > section:nth-of-type(1),
#init > section:nth-of-type(1),
#login > section:nth-of-type(1),
#detail > section:nth-of-type(1),
#order > section:nth-of-type(1),
#category > section:nth-of-type(1),
#cart > section:nth-of-type(1),
#point > section:nth-of-type(1),
#mypage > section:nth-of-type(1),
#cs_center > section:nth-of-type(1),
#like > section:nth-of-type(1),
#magazine > section:nth-of-type(1),
#search > section:nth-of-type(1) {
  padding-top: 45px;
}

#terms > section:nth-of-type(1) {
  padding-top: 0px;
}

#category .sub_margin {
  margin-top: 45px;
}

#event > section:nth-of-type(3) {
  width: 94%;
  margin: 0 auto;
}

#mainHtml {
  width: 94%;
  margin: 0 auto;
}

/*헤더관련*/
.header_def {
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 2px 5px #F5F5F5;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}
.header_def ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  height: 45px;
  line-height: 45px;
}
.header_def ul li:nth-child(1) {
  width: 100px;
}
.header_def ul li:nth-child(2) {
  min-width: 60%;
  max-width: 70%;
  width: calc(100% - 105px);
}
.header_def ul #top_logo {
  width: 100%;
  text-align: left;
}
.header_def ul #top_logo img {
  width: 100%;
  vertical-align: middle;
}
.header_def .cart_icon {
  width: 45px;
  height: 45px;
}

.header_back {
  background: #ffffff;
  height: 50px;
  overflow: hidden;
  border-bottom: 1px solid #F9F9F9;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  z-index: 1004;
  width: 100%;
}
.header_back ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  height: 45px;
}
.header_back ul > li:first-child {
  margin-left: 10px;
}
.header_back ul > li:last-child {
  margin-right: 5px;
}
.header_back h3 {
  font-weight: 500;
  font-size: 14.5px;
}
.header_back .cart_icon {
  width: 50px;
  height: 50px;
}

.header_cate {
  background: #ffffff;
  height: 50px;
  overflow: hidden;
  border-bottom: 1px solid #F9F9F9;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  width: 100%;
}
.header_cate ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  height: 45px;
}
.header_cate ul > li:first-child {
  margin-left: 10px;
}
.header_cate ul > li:last-child {
  margin-right: 5px;
}
.header_cate h3 {
  font-weight: 500;
  font-size: 14.5px;
}
.header_cate .cart_icon {
  width: 50px;
  height: 50px;
}

.prd_wrap li > a, .prd_list li > a {
  display: block;
  position: relative;
}
.prd_wrap li > a span.cart, .prd_list li > a span.cart { /*썸네일 카트아이콘*/
  cursor: pointer;
  position: absolute;
  display: block;
  right: 3%;
  bottom: 3%;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -99999px;
  z-index: 997;
  display: block;
  mask: url("../images/default/cart_icon.svg") no-repeat center/85%;
  -webkit-mask: url("../images/default/cart_icon.svg") no-repeat center/85%;
  background-color: #ADADAD;
}
.prd_wrap li > a span.cart.chk, .prd_list li > a span.cart.chk {
  background-color: #F47C7C;
}

.bottom_gnb {
  background: #ffffff;
  height: 50px;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 999;
  box-shadow: 0 0 5px #EAEAEA;
}
.bottom_gnb nav ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  height: 50px;
}
.bottom_gnb nav ul li {
  width: 25%;
  text-align: center;
}
.bottom_gnb nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #000000;
}

.gnb_icon {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  background: url("../images/default/home_gnb_icon.svg") no-repeat center/100%;
  overflow: hidden;
  text-indent: -9999px;
}
.gnb_icon.category {
  background-image: url("../images/default/cate_gnb_icon.svg");
}
.gnb_icon.point {
  background-image: url("../images/default/point_gnb_icon.svg");
}
.gnb_icon.mypage {
  background-image: url("../images/default/my_gnb_icon.svg");
}
.gnb_icon.top_home {
  margin-right: 5px;
}
.gnb_icon.top_back {
  background: url("../images/default/hd_icon_back.svg") no-repeat center/100%;
}

/*셀렉트 박스*/
.select_wrap .chkbox {
  width: 100%;
}
.select_wrap .chkbox label {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.select_wrap .chkbox strong {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  width: 50%;
  margin-left: 7px;
}
.select_wrap .chkbox .price {
  display: inline-block;
  width: calc(50% - 60px);
  text-align: right;
}

/*장바구니 팝업*/
.popup_cart_bg {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  box-sizing: border-box;
  display: none;
}
.popup_cart_bg .prd_opt_frm {
  padding-top: 0;
  margin-top: -10px;
}
.popup_cart_bg .cart_close_btn {
  width: 100%;
  height: 45px;
  text-align: right;
}
.popup_cart_bg .cart_close_btn span {
  text-indent: -999999px;
  display: inline-block;
  width: 45px;
  height: 45px;
  background: url("../images/default/popup_close.svg") no-repeat center center/50%;
}
.popup_cart_bg ul.prd_btn_wrap li:first-child {
  width: 45px;
  text-align: center;
}
.popup_cart_bg ul.prd_btn_wrap li {
  width: 80%;
}

/*찜버튼*/
.like_chk_bg {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1004;
  box-sizing: border-box;
  display: none;
}
.like_chk_bg .like_chk_wrap {
  width: 170px;
  height: 170px;
  background: #B6244F url("../images/default/cart_in_icon.svg") no-repeat center top 30px;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.like_chk_bg .like_chk_wrap .like_chk_text {
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
}

/*상품썸네일 장바구니 아이콘*/
.cart_icon {
  z-index: 99999 !important;
  display: block;
  width: 35px;
  height: 35px;
  mask: url("../images/default/cart_icon.svg") no-repeat center/60%;
  -webkit-mask: url("../images/default/cart_icon.svg") no-repeat center/60%;
  background-color: #333333;
}

.filter_wrap {
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
}

form[name=filterFrm] {
  height: 45px;
  width: 95%;
  margin: 0 auto;
  padding: 5px 0;
}
form[name=filterFrm] ul.filter_list {
  width: 100%;
  height: 45px;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
form[name=filterFrm] ul.filter_list > li:first-child {
  width: calc(65% - 45px);
  font-size: 13px;
}
form[name=filterFrm] ul.filter_list > li:first-child .cnt_num {
  color: #F47C7C;
}
form[name=filterFrm] ul.filter_list > li:nth-child(2) {
  width: 30%;
  min-width: 130px;
}
form[name=filterFrm] ul.filter_list > li:last-child {
  width: 45px;
  min-width: 45px;
}

.title_wrap {
  margin: 0;
}
.title_wrap hgroup h3 {
  height: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 16px;
  vertical-align: middle;
  color: #717171;
  font-weight: 500;
  letter-spacing: 5px;
}

.event_detail_title_wrap {
  margin: 0;
}
.event_detail_title_wrap hgroup h3 {
  height: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 1.2rem;
  vertical-align: middle;
  color: #717171;
  font-weight: 500;
  letter-spacing: 1px;
}
.event_detail_title_wrap hgroup h3 img {
  vertical-align: middle;
}

.tab_btn_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  border-bottom: 1px solid #F3F3F3;
  border-top: 10px solid transparent;
  margin: 0 0 10px 0;
}
.tab_btn_wrap > li {
  flex-grow: 1 !important;
  width: 50%;
}
.tab_btn_wrap input {
  display: none;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.tab_btn_wrap label {
  display: block;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #ADADAD;
  font-weight: 400;
  cursor: pointer;
  border-bottom-width: 3px;
  border-bottom-color: transparent;
  font-size: 14px;
}
.tab_btn_wrap input[type=checkbox]:checked + label, .tab_btn_wrap input[type=radio]:checked + label {
  border: 1px solid #ffffff;
  border-bottom-width: 2px;
  border-bottom-color: #E0607E;
  font-weight: 400;
  color: #E0607E;
}

@media all and (max-width: 370px) {
  body {
    background: #ffffff;
  }
  .prd_wrap li > a span.cart, .prd_list li > a span.cart { /*썸네일 카트아이콘*/
    right: 0px;
    bottom: 5px;
  }
  /*마이페이지-플미쿠폰리스트*/
  .subscribe_list > li > a p.sub_icon + p {
    width: 180px !important;
  }
  /*헤더관련*/
  .header_def > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  }
  .header_def > ul #top_logo {
    width: 100%;
    text-align: left;
  }
  .header_def > ul > li:nth-child(1) {
    width: 80px;
  }
  .header_def > ul > li:nth-child(2) {
    width: calc(100% - 125px) !important;
  }
  .header_def > ul > li:nth-child(3) {
    width: 45px !important;
  }
  .main_category {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
  }
  .main_category .main_cate_icon {
    width: 100% !important;
  }
  #brand .prd_section {
    padding-top: 230px !important;
  }
  /*메인 아이콘 카테고리 리스트*/
  .main_category .cate_icon_list div a h5 {
    font-size: 9.5px;
  }
}
@media all and (max-width: 580px) {
  body {
    background: #ffffff;
  }
  #brand .prd_section {
    padding-top: 210px !important;
  }
  /*헤더관련*/
  .header_def {
    background: #ffffff;
    box-sizing: border-box;
    height: auto;
    overflow: hidden;
    height: 45px;
  }
  .header_def > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
    height: auto;
  }
  .header_def > ul > li:nth-child(2) {
    width: 60%;
  }
  /*메인 아이콘 카테고리 리스트*/
  .main_category .cate_icon_list div a h5 {
    font-size: 9.5px !important;
  }
}
@media all and (min-width: 581px) and (max-width: 1024px) {
  #brand .prd_section {
    padding-top: 160px !important;
  }
  /*메인 아이콘 카테고리 리스트*/
  .main_category .cate_icon_list div a h5 {
    font-size: 9.5px !important;
  }
}
@media all and (min-width: 1024px) {
  body {
    background: #ffffff;
  }
  .wrapper {
    width: 85%;
    margin: 0 auto;
  }
  /*헤더(로고,검색창,아이콘)*/
  .header_def {
    box-shadow: 0 2px 5px #F5F5F5;
  }
  /*메인슬라이드*/
  .main_slide {
    box-sizing: border-box;
    padding: 10px;
    background: #F9F9F9;
  }
  .main_slide .slick-slide {
    margin: 0px;
  }
  .prd_list.row ul.prd_square {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  }
  .prd_list.row ul.prd_square > li {
    width: 25%;
    box-sizing: border-box;
    padding: 5px;
  }
  .prd_list.row ul.prd_square > li .prd_info {
    width: 100%;
    margin: 0 auto;
    padding: 2px 10px;
    box-sizing: border-box;
  }
  .today_section { /*오늘의 특가*/ }
  .today_section .prd_info figure {
    height: 300px;
    text-align: center;
    background: #ffffff;
  }
  .today_section .prd_info figure img {
    width: 50%;
    vertical-align: middle;
    transform: translateY(-15%);
  }
  .new_section > ul {
    width: 100%;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
  }
  .new_section > ul .prd_info {
    width: 100%;
  }
  .new_section > ul .prd_info figure {
    background: #ffffff;
  }
  .special_section .prd_info figure img {
    height: 100% !important;
    width: auto;
  }
  .special_section .third_list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  }
  /*기획전영역*/
  .event_list_wrap > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  }
  .event_list_wrap > ul > li {
    width: 30%;
    margin: 0px 10px;
  }
  /*media min-width:1024*/
}
/*메인 main*/
.gnb_wrap {
  margin: 46px auto 0;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.gnb_wrap::-webkit-scrollbar {
  width: 6px;
}
.gnb_wrap::-webkit-scrollbar-track {
  background: transparent;
}
.gnb_wrap::-webkit-scrollbar-thumb {
  background: #ADADAD;
}
.gnb_wrap::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}
.gnb_wrap .swiper-button-next::after, .gnb_wrap .swiper-button-prev::after {
  font-size: 14px;
}
.gnb_wrap .swiper-button-next {
  right: 0;
}
.gnb_wrap .swiper-button-prev {
  left: 0;
}
.gnb_wrap .swiper-button-prev.swiper-button-disabled {
  opacity: 0.1;
}
.gnb_wrap .swiper-button-next.swiper-button-disabled {
  opacity: 0.1;
}
.gnb_wrap ul {
  background: #ffffff;
  box-sizing: border-box;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.gnb_wrap ul li:nth-child(3) {
  width: 20vw !important;
}
.gnb_wrap ul li:last-child {
  padding-right: 30px !important;
}
.gnb_wrap ul li a {
  width: 100%;
  display: block;
  box-sizing: border-box;
  margin: 0 10px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  text-indent: -1px;
  text-wrap: nowrap;
  white-space: nowrap;
  position: relative;
}
.gnb_wrap ul li a:hover {
  color: #F47C7C;
}
.gnb_wrap ul li a:hover::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background: #F47C7C;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 2s;
}
.gnb_wrap ul li a.active {
  color: #F47C7C;
  font-weight: 500;
}
.gnb_wrap ul li a.active::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background: #F47C7C;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

/*메인 madin_slide*/
.main_slide {
  box-sizing: border-box;
  padding: 10px 10px 0 10px;
  margin: 0;
}
.main_slide a > img {
  width: 96% !important;
  text-align: center;
  margin: 0 auto;
}

:root {
  --swiper-navigation-size:15px;
}

/*메인 아이콘 카테고리 리스트*/
.main_category {
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  margin: 6px auto;
  overflow: hidden;
  /*메인 카테고리 아이콘*/
}
.main_category .cateSwiper {
  width: 100%;
  height: 180px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.main_category .swiper-slide {
  text-align: center;
  background: #fff;
  height: calc((100% - 20px) / 2) !important;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_category .swiper-slide a {
  text-align: center;
  display: block;
  margin: 10px 0;
}
.main_category .swiper-slide a img {
  width: 55px;
  display: block;
  margin: 0 auto 12px auto;
}
.main_category .swiper-slide a h5 {
  text-align: center;
  color: #333333;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
}
.main_category .cate_icon_list {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
  margin: 0 0 10px 0;
}
.main_category .cate_icon_list div {
  text-align: center;
}
.main_category .cate_icon_list div a {
  text-align: center;
  display: block;
  margin: 10px 0;
}
.main_category .cate_icon_list div a h5 {
  text-align: center;
  color: #333333;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}
.main_category .main_cate_icon {
  display: block;
  width: 53px;
  min-height: 53px;
  margin: 10px auto;
  background: url("../images/main/main_cate_icon.svg") no-repeat 0 0/318px;
}
.main_category .main_cate_icon.mobile {
  background-position: 0 0;
}
.main_category .main_cate_icon.baby {
  background-position: 0 -53px;
}
.main_category .main_cate_icon.health {
  background-position: -53px 0px;
}
.main_category .main_cate_icon.furniture {
  background-position: -53px -53px;
}
.main_category .main_cate_icon.kitchen {
  background-position: -106px 0px;
}
.main_category .main_cate_icon.animal {
  background-position: -106px -53px;
}
.main_category .main_cate_icon.small {
  background-position: -159px 0px;
}
.main_category .main_cate_icon.leisure {
  background-position: -159px -53px;
}
.main_category .main_cate_icon.beuaty {
  background-position: -212px 0px;
}
.main_category .main_cate_icon.jewelry {
  background-position: -212px -53px;
}
.main_category .main_cate_icon.golf {
  background-position: -265px 0px;
}
.main_category .main_cate_icon.sports {
  background-position: -265px -53px;
}
.main_category .main_cate_icon.drink {
  background-position: -265px -53px;
}
.main_category .main_cate_icon.adult {
  background-position: -212px -106px;
}

/*메인 오늘의 특가영역*/
.today_section {
  margin: 0px auto 0px;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
  height: auto;
  border-top: 1px solid #F5F5F5;
  background: #ffffff url("../images/main/today_bg.gif") repeat-x !important;
}
.today_section article {
  color: #ffffff;
  padding: 15px 0;
  box-sizing: border-box;
  position: relative;
}
.today_section article .clock_icon {
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/main/clock.svg") no-repeat center/90%;
  animation-name: today_clock;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -moz-animation-name: today_clock;
  -moz-animation-duration: 0.3s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-name: today_clock;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -o-animation-name: today_clock;
  -o-animation-duration: 0.3s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
}
@media all and (max-width: 370px) {
  .today_section article .clock_icon {
    left: 22%;
  }
}
.today_section article > div {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 5%;
  width: 100%;
  height: 40px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.today_section article > div .more_link {
  position: absolute;
  display: block;
  width: 80px;
  text-align: right;
  right: 20px;
  top: -5px;
  font-size: 0.8rem;
}
.today_section article .text_wrap {
  padding-left: 15px;
}
.today_section article .today_title {
  color: #000000;
  font-weight: 400;
  margin: 0 0 10px;
  text-align: center;
}
.today_section article .today_sub {
  color: #FF6593;
  font-weight: 700;
  font-size: 1.1rem;
  text-align: center;
}
.today_section ul.prd_today {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  box-sizing: border-box;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  overflow-x: scroll;
}
.today_section ul.prd_today > li {
  width: 150px;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid #F3F3F3;
  margin: 0 12px 0 0;
}
.today_section ul.prd_today > li:first-child {
  margin-left: 15px;
}
.today_section ul.prd_today > li:last-child {
  margin: 0 !important;
}
.today_section .item_wrap { /*스윕슬라이드 내 아이템*/
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
}
.today_section .item_wrap .prd_info {
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: none;
  border: 1px solid #EAEAEA;
}
.today_section .item_wrap .prd_info li:last-child {
  padding-bottom: 0;
}
.today_section .item_wrap .prd_info li {
  margin: 5px 0;
}
.today_section .item_wrap .prd_info .prd_title {
  line-height: 1.1;
  height: auto;
  vertical-align: middle;
  font-size: 13px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.today_section .item_wrap .prd_info figure {
  border-radius: 4px;
  border: none;
  width: 100%;
  height: 150px;
  text-align: center;
  position: relative;
}
.today_section .item_wrap .prd_info figure img {
  width: 100%;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*메인 상품리스트 타이틀*/
.special_section, .event_section, .new_section, .prd_section, .slide_section {
  padding: 10px 3% 20px;
  box-sizing: border-box;
  margin-bottom: 10px;
  border-bottom: 1px solid #F3F3F3;
}
.special_section *, .event_section *, .new_section *, .prd_section *, .slide_section * {
  box-sizing: border-box;
}
.special_section .main_hgroup, .event_section .main_hgroup, .new_section .main_hgroup, .prd_section .main_hgroup, .slide_section .main_hgroup {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.special_section .main_hgroup h4, .event_section .main_hgroup h4, .new_section .main_hgroup h4, .prd_section .main_hgroup h4, .slide_section .main_hgroup h4 {
  font-size: 1.1rem;
  font-weight: 400;
}
.special_section .main_hgroup h5, .event_section .main_hgroup h5, .new_section .main_hgroup h5, .prd_section .main_hgroup h5, .slide_section .main_hgroup h5 {
  font-size: 13px;
  font-weight: 400;
  color: #ADADAD;
  margin: 10px 0;
}
.special_section .main_hgroup a, .event_section .main_hgroup a, .new_section .main_hgroup a, .prd_section .main_hgroup a, .slide_section .main_hgroup a {
  font-size: 0.8rem;
  font-weight: 400;
  color: #333333;
}

/*메인 팝업 스윕퍼*/
.popup_slide_bg {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  z-index: 999;
  display: block;
}
.popup_slide_bg .popup_slide_wrap {
  position: fixed;
  width: 100vw;
  height: 100vh;
}
.popup_slide_bg .popup_slide_wrap .popup_slide {
  background: #ffffff;
  position: fixed;
  left: 0;
  bottom: 40px;
  width: 100vw;
  max-height: 50vh;
  overflow: hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.popup_slide_bg .popup_slide_wrap .btn_wrap {
  position: fixed;
  bottom: 0;
  height: 40px;
  display: block;
  width: 100vw;
  background: #ffffff;
  line-height: 40px;
  color: #000000;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  padding: 0 15px;
  box-sizing: border-box;
}
.popup_slide_bg .popup_slide_wrap .btn_wrap input[type=button] {
  font-size: 16px;
  border: none;
  outline: none;
  background: transparent;
  display: inline-block;
}

.popupSwiper {
  position: relative;
  width: 100%;
}
.popupSwiper div {
  width: 100%;
}
.popupSwiper .swiper-slide {
  width: 100%;
}
.popupSwiper img {
  width: 100% !important;
}

/*오늘의 특가 스윕퍼 수정*/
.mainSwiper .swiper-wrapper {
  justify-content: space-between;
}
.mainSwiper .swiper-wrapper .swiper-slide {
  margin: 0 0px;
}
.mainSwiper .prd_info {
  min-height: 150px;
  height: 230px;
}

.new_section li {
  margin: 5px 0;
}
.new_section .prd_info {
  width: 100%;
  padding-bottom: 5px;
  box-sizing: border-box;
  padding: 5px 10px;
}
.new_section .prd_info .prd_title {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.new_section .prd_info .brand {
  font-size: 12px;
  color: #ADADAD;
}
.new_section .prd_info figure {
  margin: 0 auto;
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #F5F5F5;
  position: relative;
  width: 100%;
  height: 220px;
  border-style: solid;
  border-color: #F5F5F5;
  border-width: 1px;
  position: relative;
}
.new_section .prd_info figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new_section .prd_info .for_price {
  color: #F47C7C;
  font-weight: 500;
  font-size: 14px;
}
.new_section .prd_info .for_price_premium {
  color: #A288E3;
  font-weight: 500;
  font-size: 14px;
}
.new_section .prd_info del {
  margin: 0 10px;
  font-size: 0.7rem;
  color: #D3D3D3;
}
.new_section .prd_info .discount {
  font-size: 14.5px;
  color: #F47C7C;
  font-weight: 500;
}
.new_section .prd_info .discount_premium {
  font-size: 14.5px;
  color: #A288E3;
  font-weight: 500;
}

.special_section .prd_info, .event_section .prd_info, .prd_section .prd_info, .slide_section .prd_info {
  width: 100%;
  padding-bottom: 5px;
  box-sizing: border-box;
  padding: 0px 10px;
}
.special_section .prd_info:hover, .event_section .prd_info:hover, .prd_section .prd_info:hover, .slide_section .prd_info:hover {
  box-sizing: border-box;
  border-style: solid;
  border-color: #fcdada;
  border-width: 1px;
}
.special_section .prd_info figure, .event_section .prd_info figure, .prd_section .prd_info figure, .slide_section .prd_info figure {
  margin: 0 auto;
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #F5F5F5;
  position: relative;
  width: 100%;
  height: 220px;
  border-style: solid;
  border-color: #F5F5F5;
  border-width: 1px;
  position: relative;
}
.special_section .prd_info figure img, .event_section .prd_info figure img, .prd_section .prd_info figure img, .slide_section .prd_info figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.special_section .prd_info .for_price, .event_section .prd_info .for_price, .prd_section .prd_info .for_price, .slide_section .prd_info .for_price {
  color: #F47C7C;
  font-weight: 500;
  font-size: 14px;
}
.special_section .prd_info .for_price_premium, .event_section .prd_info .for_price_premium, .prd_section .prd_info .for_price_premium, .slide_section .prd_info .for_price_premium {
  color: #A288E3;
  font-weight: 500;
  font-size: 14px;
}
.special_section .prd_info del, .event_section .prd_info del, .prd_section .prd_info del, .slide_section .prd_info del {
  margin: 0 10px;
  font-size: 0.7rem;
  color: #D3D3D3;
}
.special_section .prd_info .discount, .event_section .prd_info .discount, .prd_section .prd_info .discount, .slide_section .prd_info .discount {
  font-size: 14.5px;
  color: #F47C7C;
  font-weight: 500;
}
.special_section .prd_info .discount_premium, .event_section .prd_info .discount_premium, .prd_section .prd_info .discount_premium, .slide_section .prd_info .discount_premium {
  font-size: 14.5px;
  color: #A288E3;
  font-weight: 500;
}
.special_section .third_list, .event_section .third_list, .prd_section .third_list, .slide_section .third_list {
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  margin: 10px auto 0;
  padding: 0;
}
.special_section .third_list > li, .event_section .third_list > li, .prd_section .third_list > li, .slide_section .third_list > li {
  margin: 0 5px;
  width: 28.5714285714vw;
}
.special_section .third_list > li ul > li, .event_section .third_list > li ul > li, .prd_section .third_list > li ul > li, .slide_section .third_list > li ul > li {
  margin: 2px 3px;
}
.special_section .third_list > li ul > li:first-child ~ li, .event_section .third_list > li ul > li:first-child ~ li, .prd_section .third_list > li ul > li:first-child ~ li, .slide_section .third_list > li ul > li:first-child ~ li {
  margin: 7px 3px 5px;
}
.special_section .third_list > li > a, .event_section .third_list > li > a, .prd_section .third_list > li > a, .slide_section .third_list > li > a {
  display: block;
  padding: 5px;
  max-height: 400px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #F3F3F3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.special_section .third_list > li > a:hover, .event_section .third_list > li > a:hover, .prd_section .third_list > li > a:hover, .slide_section .third_list > li > a:hover {
  border-color: #D3D3D3;
}
.special_section .third_list figure, .event_section .third_list figure, .prd_section .third_list figure, .slide_section .third_list figure {
  width: 100%;
  max-width: 250px;
  position: relative;
  margin: 0 auto;
}
.special_section .third_list figure .bedge, .event_section .third_list figure .bedge, .prd_section .third_list figure .bedge, .slide_section .third_list figure .bedge {
  position: absolute;
  left: 3px;
  top: 5px;
}
.special_section .third_list figure img, .event_section .third_list figure img, .prd_section .third_list figure img, .slide_section .third_list figure img {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.special_section .third_list .prd_title, .event_section .third_list .prd_title, .prd_section .third_list .prd_title, .slide_section .third_list .prd_title {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 1.1;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.special_section .third_list .price, .event_section .third_list .price, .prd_section .third_list .price, .slide_section .third_list .price {
  font-size: 14px;
  font-weight: 500;
}

.new_section {
  border-top: 1px solid #F3F3F3;
}
.new_section figure img {
  width: 60%;
}

.special_section, .slide_section {
  margin-bottom: 80px;
}
.special_section .prd_info, .slide_section .prd_info {
  width: 100%;
  padding-bottom: 5px;
  box-sizing: border-box;
  padding: 0px 10px;
  max-height: 350px;
}
.special_section .prd_info:hover, .slide_section .prd_info:hover {
  box-sizing: border-box;
  border-style: solid;
  border-color: #fcdada;
  border-width: 1px;
}
.special_section .prd_info:hover figure, .slide_section .prd_info:hover figure {
  border-color: #EAEAEA;
}
.special_section .prd_info li, .slide_section .prd_info li {
  margin: 5px 0;
}
.special_section .prd_info .prd_title, .slide_section .prd_info .prd_title {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1;
  height: 14px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.special_section .prd_info figure, .slide_section .prd_info figure {
  margin: 0 auto;
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #F5F5F5;
  position: relative;
  width: 100%;
  height: 220px;
  border-style: solid;
  border-color: #F5F5F5;
  border-width: 1px;
  position: relative;
}
.special_section .prd_info figure img, .slide_section .prd_info figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.special_section .prd_info .for_price, .slide_section .prd_info .for_price {
  color: #F47C7C;
  font-weight: 500;
  font-size: 14px;
}
.special_section .prd_info .for_price_premium, .slide_section .prd_info .for_price_premium {
  color: #A288E3;
  font-weight: 500;
  font-size: 14px;
}
.special_section .prd_info del, .slide_section .prd_info del {
  margin: 0 10px;
  font-size: 0.7rem;
  color: #D3D3D3;
}
.special_section .prd_info .discount, .slide_section .prd_info .discount {
  font-size: 14.5px;
  color: #F47C7C;
  font-weight: 500;
}
.special_section .prd_info .discount_premium, .slide_section .prd_info .discount_premium {
  font-size: 14.5px;
  color: #A288E3;
  font-weight: 500;
}
.special_section .prd_info figure, .slide_section .prd_info figure {
  width: 100%;
  background: #ffffff;
}

/*기획전 몰아보기*/
.event_section {
  padding: 10px 3%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.event_section * {
  box-sizing: border-box;
}
.event_section > ul > li > a span.cart {
  right: 7px;
  bottom: 10px;
}

/*카테고리 영역*/
/*버티칼 카테고리*/
.category_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 2006 !important;
}
.category_wrap::-webkit-scrollbar {
  width: 5px;
}
.category_wrap::-webkit-scrollbar-track {
  background: transparent;
}
.category_wrap::-webkit-scrollbar-thumb {
  background: #f8abab;
}
.category_wrap::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}
.category_wrap .header_cate {
  width: 90%;
}
.category_wrap .header_cate ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  height: 45px;
}
.category_wrap .header_cate ul > li:first-child {
  margin-left: 10px;
}
.category_wrap .header_cate ul > li:last-child {
  margin-right: 5px;
}
.category_wrap .header_cate h3 {
  font-weight: 500;
  font-size: 14.5px;
}
.category_wrap .header_cate .cart_icon {
  width: 50px;
  height: 50px;
}
.category_wrap .cate_1depth li > a, .category_wrap .cate_2depth li > a {
  display: block;
}
.category_wrap .cate_1depth > li, .category_wrap .cate_2depth > li {
  box-sizing: border-box;
  padding: 5px 10px;
  min-height: 45px;
}
.category_wrap .cate_1depth > li > p, .category_wrap .cate_2depth > li > p {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.category_wrap .cate_1depth > li > p a, .category_wrap .cate_2depth > li > p a {
  display: block;
  width: calc(100% - 55px);
}
.category_wrap .cate_1depth > li > p i, .category_wrap .cate_2depth > li > p i {
  font-size: 20px;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}
.category_wrap .cate_2depth {
  display: none;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.05);
}
.category_wrap .cate_2depth.active {
  display: block;
}
.category_wrap .cate_2depth > li {
  padding-left: 25px;
}
.category_wrap .cate_2depth > li > p {
  height: 35px;
  line-height: 35px;
}
.category_wrap .cate_2depth > li > p > i {
  font-size: 16px;
}
.category_wrap div.bg_cate {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 2005;
}
.category_wrap .cate_list_wrap {
  margin-top: 50px;
  background-color: #ffffff;
  position: absolute;
  top: 0px;
  width: 90%;
  height: 100%;
  overflow: scroll;
}
.category_wrap .cate_list_wrap::-webkit-scrollbar {
  width: 5px;
}
.category_wrap .cate_list_wrap::-webkit-scrollbar-track {
  background: #EAEAEA;
}
.category_wrap .cate_list_wrap::-webkit-scrollbar-thumb {
  background: #D3D3D3;
  border-radius: 10px;
}
.category_wrap .cate_list_wrap::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}
.category_wrap .cate_list_wrap .cate_s_icon {
  width: 35px;
  vertical-align: middle;
  margin-right: 10px;
}

/*메인페이지 검색*/
.search_input > li:first-child {
  width: calc(100% - 50px);
}
.search_input > li:last-child {
  width: 45px;
  text-align: center;
}

.recent_wrap_section {
  display: none;
}

.recent_wrap {
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  background-color: #ffffff;
  margin: 10px auto;
  padding: 0 3% 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #F3F3F3;
  box-shadow: 0 0 5px #F3F3F3;
  z-index: 2000;
}
.recent_wrap .flex_wrap {
  margin: 20px auto 10px;
}
.recent_wrap .flex_wrap h3 {
  font-weight: 600;
}
.recent_wrap .flex_wrap .keyeord_remove_btn {
  font-size: 0.9rem;
  color: #B6244F;
  text-decoration: underline;
}
.recent_wrap .rec_keyword {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.recent_wrap .rec_keyword > li {
  margin-right: 5px;
  margin-bottom: 5px;
}
.recent_wrap .rec_keyword > li a {
  display: block;
  border: 1px solid #F47C7C;
  border-radius: 8px;
  font-size: 0.9rem;
  color: #F47C7C;
  font-weight: 500;
  box-sizing: border-box;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  background: #ffffff;
}

/*검색영역 슬라이드*/
.search_slide {
  box-sizing: border-box;
  padding: 10px;
  margin: 100px 0 0 0;
}
.search_slide a > img {
  width: 100% !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  padding: 5px;
  box-sizing: border-box;
}

/*신상품페이지 첫번째 상품 가로 정렬*/
#new_arrival, #season, #best, #category {
  margin-bottom: 75px;
}
#new_arrival .prd_section .prd_square > li:nth-child(1), #season .prd_section .prd_square > li:nth-child(1), #best .prd_section .prd_square > li:nth-child(1), #category .prd_section .prd_square > li:nth-child(1) {
  width: 100%;
}
#new_arrival .prd_section .prd_square > li:nth-child(1) .prd_info, #season .prd_section .prd_square > li:nth-child(1) .prd_info, #best .prd_section .prd_square > li:nth-child(1) .prd_info, #category .prd_section .prd_square > li:nth-child(1) .prd_info {
  height: auto;
  min-height: 170px;
  margin-bottom: 5px;
}
#new_arrival .prd_section .prd_square > li:nth-child(1) .prd_info::after, #season .prd_section .prd_square > li:nth-child(1) .prd_info::after, #best .prd_section .prd_square > li:nth-child(1) .prd_info::after, #category .prd_section .prd_square > li:nth-child(1) .prd_info::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  text-indent: -9999999px;
}
#new_arrival .prd_section .prd_square > li:nth-child(1) .first_item li, #season .prd_section .prd_square > li:nth-child(1) .first_item li, #best .prd_section .prd_square > li:nth-child(1) .first_item li, #category .prd_section .prd_square > li:nth-child(1) .first_item li {
  margin: 10px 0;
}
#new_arrival .prd_section .prd_square > li:nth-child(1) .first_item li:first-child, #season .prd_section .prd_square > li:nth-child(1) .first_item li:first-child, #best .prd_section .prd_square > li:nth-child(1) .first_item li:first-child, #category .prd_section .prd_square > li:nth-child(1) .first_item li:first-child {
  width: 50%;
  float: left;
  margin-right: 10px;
}
#new_arrival .prd_section .prd_square > li:nth-child(1) .first_item li:first-child figure, #season .prd_section .prd_square > li:nth-child(1) .first_item li:first-child figure, #best .prd_section .prd_square > li:nth-child(1) .first_item li:first-child figure, #category .prd_section .prd_square > li:nth-child(1) .first_item li:first-child figure {
  height: 150px;
}

/*베스트상품 슬라이드*/
#best .sub_slide {
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
}
#best .sub_slide a > img {
  width: 100% !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  padding: 5px;
  box-sizing: border-box;
}
#best figure {
  border-top-left-radius: 2px;
}
#best .prd_ranking {
  display: block;
  position: absolute;
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #F47C7C;
  border-bottom-right-radius: 3px;
  z-index: 7;
  overflow: hidden;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
}

#today { /*오늘의특가 페이지 슬라이스 수정*/ }
#today .today_slide {
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
}
#today .today_slide a > img {
  width: 100% !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  padding: 5px;
  box-sizing: border-box;
}
#today .today_slide .prd_info figure img {
  width: 70%;
}
#today .today_slide .today_title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #F47C7C;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  border-radius: 8px 8px 0 0;
}
#today .today_slide .slide_section {
  margin-bottom: 0;
  border: none;
}
#today .today_slide .slide_section.prd_list {
  padding-bottom: 0;
}

/*서브 카테고리 페이지*/
.cate_sub_list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: space-around;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  min-height: 45px;
  max-height: auto;
  padding: 5px 10px;
}
.cate_sub_list > li {
  text-align: center;
  font-size: 14px;
  border: 1px solid #F3F3F3;
  border-radius: 8px;
  background: #ffffff url("../images/default/hash.png") no-repeat left 5px center;
  margin: 5px 3px 5px 0;
  font-weight: 500;
}
.cate_sub_list > li.active {
  background-color: #f79d9d;
  background-image: url("../images/default/hash_active.png");
}
.cate_sub_list > li.active a {
  color: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 10px 10px 20px;
  box-sizing: border-box;
}
.cate_sub_list > li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 10px 10px 20px;
  box-sizing: border-box;
}

/*기획전 페이지*/
.event_list_wrap {
  width: 100%;
  margin-bottom: 75px;
  background: red;
  overflow: hidden;
  box-sizing: border-box;
  padding: 5px 10px;
  display: none;
}
.event_list_wrap.active {
  display: block;
}
.event_list_wrap > ul > li > a {
  display: block;
  margin: 5px 0 20px;
  border: 1px solid #F3F3F3;
  padding: 0 0 10px 0;
  border-radius: 10px;
  overflow: hidden;
}
.event_list_wrap > ul > li > a:hover {
  border-color: #f7a2a2;
  transition: all 0.2s;
  box-shadow: 0 0 5px #f7a2a2;
}
.event_list_wrap .event_info figure {
  overflow: hidden;
}
.event_list_wrap .event_info figure img {
  width: 100%;
}
.event_list_wrap .event_info .title {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  height: 30px;
  line-height: 30px;
  margin: 5px 0;
  padding: 0 0 0 70px;
  background: url("../images/event/event_bedge.png") no-repeat left 5px center/65px;
}
.event_list_wrap .event_info .date {
  font-size: 13px;
  color: #ADADAD;
  text-indent: 10px;
}

.event_end > ul > li > a:hover {
  border-color: #D3D3D3;
  transition: all 0.2s;
  box-shadow: 0 0 5px #717171;
}
.event_end .event_info figure img {
  filter: grayscale(60%);
}
.event_end .event_info .title {
  background-image: url("../images/event/event_bedge_end.png");
}

#event_title_img {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 10px;
  width: 96%;
  max-width: 1280px;
}
#event_title_img img {
  width: 100%;
}

/*포인트조회 페이지*/
#point {
  background: #ffffff;
}
#point section {
  width: 94%;
  margin: 0 auto;
}
#point section .tables tfoot {
  height: 100px;
}
#point section .tables tfoot th {
  background: transparent;
  text-align: left;
  border: none;
  padding-top: 20px;
}
#point section .tables tfoot td {
  border: none;
  text-indent: 15px;
}
#point section .tables tfoot .point_total {
  font-size: 1.1rem;
  color: #F47C7C;
  font-weight: 500;
  text-align: right;
  text-indent: 0;
}

#mypage {
  margin-bottom: 80px;
}
#mypage .default_user_info .xi-user-o {
  color: #E0607E;
}
#mypage .default_user_info .xi-user-o.alarm {
  position: relative;
}
#mypage .default_user_info .xi-user-o.alarm::after {
  position: absolute;
  right: 0;
  top: 0;
}

/*이매거진*/
#magazine .title_wrap {
  height: 45px;
}
#magazine .title_wrap > li > a {
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
}
#magazine .title_wrap > li > a i {
  line-height: 45px;
  color: #717171;
}
#magazine .notice_wrap {
  padding: 20px 0;
  margin: 0;
  border-bottom: 1px solid #F5F5F5;
  text-align: center;
  color: #B6244F;
  font-weight: 300;
  font-size: 13px;
}
#magazine .magazine_list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: 96%;
  margin: 0 auto;
  padding: 20px 0;
}
#magazine .magazine_list > li {
  width: 33.33333%;
  text-align: center;
  margin-bottom: 10px;
}
#magazine .magazine_list > li > a {
  display: block;
}
#magazine .magazine_list > li img {
  width: 90%;
}
#magazine .magazine_list > li h5 {
  font-weight: 500;
  margin: 10px 0;
}

/*검색결과 페이지*/
#search .search_keyword {
  box-sizing: border-box;
  padding: 15px 2%;
  margin-top: 20px;
}

/*브랜드 카테고리 페이지*/
#brand .prd_section {
  border-top: 1px solid #F5F5F5;
  padding-top: 120px;
}
#brand .sub_category {
  margin-top: 45px;
  position: fixed;
  left: 0;
  background: #ffffff;
  z-index: 1003;
  border-bottom: 1px solid #F5F5F5;
  padding: 5px 0;
  width: 100%;
}
#brand .sub_category .cate_sub_list {
  width: 100%;
  margin: 0 auto;
  justify-content: space-around;
  box-sizing: border-box;
}
#brand .brand_title {
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
  margin: 10px auto;
}
#brand .brand_list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}
#brand .brand_list li {
  width: 100px;
  margin: 0 10px;
  text-align: center;
}
#brand .brand_list li p {
  margin: 10px 0;
}
#brand .brand_list li p img {
  width: 80px;
  height: 80px;
  border: 1px solid #F3F3F3;
  border-radius: 15px;
  display: block;
  margin: 0 auto;
}

/*회원가입페이지*/
#join .auth_wrap, #join .member_wrap, #join .repwd_wrap, #member .auth_wrap, #member .member_wrap, #member .repwd_wrap, #find .auth_wrap, #find .member_wrap, #find .repwd_wrap, #order .auth_wrap, #order .member_wrap, #order .repwd_wrap {
  box-sizing: border-box;
  padding: 45px 0 20px;
  margin-bottom: 75px;
  position: relative;
  background: #ffffff;
}
#join .auth_wrap > h3, #join .member_wrap > h3, #join .repwd_wrap > h3, #member .auth_wrap > h3, #member .member_wrap > h3, #member .repwd_wrap > h3, #find .auth_wrap > h3, #find .member_wrap > h3, #find .repwd_wrap > h3, #order .auth_wrap > h3, #order .member_wrap > h3, #order .repwd_wrap > h3 {
  text-align: center;
  font-size: 16px;
  margin: 20px 0;
  font-weight: 500;
  letter-spacing: 2px;
}
#join .auth_wrap > p, #join .member_wrap > p, #join .repwd_wrap > p, #member .auth_wrap > p, #member .member_wrap > p, #member .repwd_wrap > p, #find .auth_wrap > p, #find .member_wrap > p, #find .repwd_wrap > p, #order .auth_wrap > p, #order .member_wrap > p, #order .repwd_wrap > p {
  width: 80%;
  margin: 0 auto;
  background: #F9F9F9;
  text-align: center;
  height: 25px;
  line-height: 25px;
  font-size: 0.8rem;
  color: #717171;
}
#join .auth_wrap > p span, #join .member_wrap > p span, #join .repwd_wrap > p span, #member .auth_wrap > p span, #member .member_wrap > p span, #member .repwd_wrap > p span, #find .auth_wrap > p span, #find .member_wrap > p span, #find .repwd_wrap > p span, #order .auth_wrap > p span, #order .member_wrap > p span, #order .repwd_wrap > p span {
  color: #E0607E !important;
}
#join .auth_wrap form[name=svcFrm] ul.pri_input_wrap, #join .member_wrap form[name=svcFrm] ul.pri_input_wrap, #join .repwd_wrap form[name=svcFrm] ul.pri_input_wrap, #member .auth_wrap form[name=svcFrm] ul.pri_input_wrap, #member .member_wrap form[name=svcFrm] ul.pri_input_wrap, #member .repwd_wrap form[name=svcFrm] ul.pri_input_wrap, #find .auth_wrap form[name=svcFrm] ul.pri_input_wrap, #find .member_wrap form[name=svcFrm] ul.pri_input_wrap, #find .repwd_wrap form[name=svcFrm] ul.pri_input_wrap, #order .auth_wrap form[name=svcFrm] ul.pri_input_wrap, #order .member_wrap form[name=svcFrm] ul.pri_input_wrap, #order .repwd_wrap form[name=svcFrm] ul.pri_input_wrap {
  width: 90%;
  margin: 20px auto;
}
#join .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li, #join .member_wrap form[name=svcFrm] ul.pri_input_wrap > li, #join .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li, #member .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li, #member .member_wrap form[name=svcFrm] ul.pri_input_wrap > li, #member .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li, #find .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li, #find .member_wrap form[name=svcFrm] ul.pri_input_wrap > li, #find .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li, #order .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li, #order .member_wrap form[name=svcFrm] ul.pri_input_wrap > li, #order .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li {
  margin: 10px 0 20px 0;
  position: relative;
  font-size: 14.5px;
  font-weight: 500;
}
#join .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #join .member_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #join .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #member .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #member .member_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #member .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #find .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #find .member_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #find .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #order .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #order .member_wrap form[name=svcFrm] ul.pri_input_wrap > li label, #order .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li label {
  display: block;
  color: #717171;
  padding: 0 0 10px 10px;
}
#join .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #join .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #join .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #member .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #member .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #member .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #find .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #find .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #find .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #order .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #order .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child, #order .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap > li:first-child {
  width: 90px;
}
#join .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #join .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #join .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #member .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #member .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #member .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #find .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #find .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #find .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #order .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #order .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li, #order .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li {
  text-align: center;
}
#join .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #join .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #join .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #member .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #member .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #member .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #find .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #find .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #find .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #order .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #order .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2), #order .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(2) {
  width: 20px;
}
#join .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #join .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #join .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #member .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #member .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #member .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #find .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #find .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #find .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #order .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #order .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3), #order .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) {
  width: 40px;
}
#join .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #join .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #join .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #member .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #member .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #member .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #find .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #find .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #find .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #order .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #order .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li, #order .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li {
  width: 80px;
}
#join .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #join .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #join .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #member .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #member .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #member .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #find .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #find .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #find .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #order .auth_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #order .member_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input, #order .repwd_wrap form[name=svcFrm] ul.pri_input_wrap > li ul.inlineflex_wrap li:nth-child(3) + li > input {
  border: none;
  padding-left: 5px;
  font-size: 1.2rem;
  color: #ADADAD;
  text-align: left;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap {
  width: 90%;
  margin: 20px auto;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap > li, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap > li {
  margin: 10px 0 20px 0;
  position: relative;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap > li label, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap > li label {
  display: block;
  color: #717171;
  padding: 0 0 10px 10px;
  font-size: 14.5px;
  font-weight: 500;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap {
  width: 100%;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li {
  width: 25% !important;
  text-align: center;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio], #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] {
  display: none !important;
  visibility: hidden !important;
  overflow: hidden !important;
  width: 0;
  height: 0;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label {
  display: block;
  box-sizing: border-box;
  border-style: solid;
  border-color: #EAEAEA;
  border-width: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  height: 40px;
  line-height: 40px;
  color: #D3D3D3;
  font-weight: 500;
  position: relative;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio] + label > span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap input[type=radio]:checked + label {
  background: #F47C7C;
  font-weight: 500;
  color: #ffffff;
  border-color: #E0607E;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-color: #EAEAEA;
  border-width: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  height: 40px;
  line-height: 40px;
  color: #D3D3D3;
  font-weight: 500;
  position: relative;
  margin: 0;
  text-align: center;
  outline: none;
  font-size: 13px;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:active {
  background: #F47C7C;
  font-weight: 500;
  color: #ffffff;
  border-color: #E0607E;
  background: url("../images/default/down_icon_white.png") no-repeat right 10px center;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select:focus {
  background: #F47C7C;
  font-weight: 500;
  color: #ffffff;
  border-color: #E0607E;
  background-image: url("../images/default/down_icon_white.png") no-repeat right 10px center;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select > option:checked {
  background-image: url("../images/default/down_icon_white.png") no-repeat right 10px center;
}
#join .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #join .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #join .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #member .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #member .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #member .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #find .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #find .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #find .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #order .auth_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #order .member_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change, #order .repwd_wrap form[name=svcFrm] ul.tell_auth_wrap .telcom_wrap li:last-child select.change {
  background: #F47C7C;
  font-weight: 600;
  color: #ffffff;
  border-color: #E0607E;
  background-image: url("../images/default/down_icon_white.png") no-repeat right 10px center;
}
#join .auth_wrap form[name=memberFrm], #join .member_wrap form[name=memberFrm], #join .repwd_wrap form[name=memberFrm], #member .auth_wrap form[name=memberFrm], #member .member_wrap form[name=memberFrm], #member .repwd_wrap form[name=memberFrm], #find .auth_wrap form[name=memberFrm], #find .member_wrap form[name=memberFrm], #find .repwd_wrap form[name=memberFrm], #order .auth_wrap form[name=memberFrm], #order .member_wrap form[name=memberFrm], #order .repwd_wrap form[name=memberFrm] {
  position: relative;
  margin-top: 20px;
}
#join .auth_wrap form[name=memberFrm] ul, #join .member_wrap form[name=memberFrm] ul, #join .repwd_wrap form[name=memberFrm] ul, #member .auth_wrap form[name=memberFrm] ul, #member .member_wrap form[name=memberFrm] ul, #member .repwd_wrap form[name=memberFrm] ul, #find .auth_wrap form[name=memberFrm] ul, #find .member_wrap form[name=memberFrm] ul, #find .repwd_wrap form[name=memberFrm] ul, #order .auth_wrap form[name=memberFrm] ul, #order .member_wrap form[name=memberFrm] ul, #order .repwd_wrap form[name=memberFrm] ul {
  width: 90%;
  margin: 10px auto;
  padding-bottom: 10px;
}
#join .auth_wrap form[name=memberFrm] ul li, #join .member_wrap form[name=memberFrm] ul li, #join .repwd_wrap form[name=memberFrm] ul li, #member .auth_wrap form[name=memberFrm] ul li, #member .member_wrap form[name=memberFrm] ul li, #member .repwd_wrap form[name=memberFrm] ul li, #find .auth_wrap form[name=memberFrm] ul li, #find .member_wrap form[name=memberFrm] ul li, #find .repwd_wrap form[name=memberFrm] ul li, #order .auth_wrap form[name=memberFrm] ul li, #order .member_wrap form[name=memberFrm] ul li, #order .repwd_wrap form[name=memberFrm] ul li {
  margin: 10px 0 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  position: relative;
}
#join .auth_wrap form[name=memberFrm] ul li label, #join .member_wrap form[name=memberFrm] ul li label, #join .repwd_wrap form[name=memberFrm] ul li label, #member .auth_wrap form[name=memberFrm] ul li label, #member .member_wrap form[name=memberFrm] ul li label, #member .repwd_wrap form[name=memberFrm] ul li label, #find .auth_wrap form[name=memberFrm] ul li label, #find .member_wrap form[name=memberFrm] ul li label, #find .repwd_wrap form[name=memberFrm] ul li label, #order .auth_wrap form[name=memberFrm] ul li label, #order .member_wrap form[name=memberFrm] ul li label, #order .repwd_wrap form[name=memberFrm] ul li label {
  color: #333333;
}
#join .auth_wrap form[name=memberFrm] ul > li, #join .member_wrap form[name=memberFrm] ul > li, #join .repwd_wrap form[name=memberFrm] ul > li, #member .auth_wrap form[name=memberFrm] ul > li, #member .member_wrap form[name=memberFrm] ul > li, #member .repwd_wrap form[name=memberFrm] ul > li, #find .auth_wrap form[name=memberFrm] ul > li, #find .member_wrap form[name=memberFrm] ul > li, #find .repwd_wrap form[name=memberFrm] ul > li, #order .auth_wrap form[name=memberFrm] ul > li, #order .member_wrap form[name=memberFrm] ul > li, #order .repwd_wrap form[name=memberFrm] ul > li {
  position: relative;
}
#join .auth_wrap form[name=memberFrm] ul > li label, #join .member_wrap form[name=memberFrm] ul > li label, #join .repwd_wrap form[name=memberFrm] ul > li label, #member .auth_wrap form[name=memberFrm] ul > li label, #member .member_wrap form[name=memberFrm] ul > li label, #member .repwd_wrap form[name=memberFrm] ul > li label, #find .auth_wrap form[name=memberFrm] ul > li label, #find .member_wrap form[name=memberFrm] ul > li label, #find .repwd_wrap form[name=memberFrm] ul > li label, #order .auth_wrap form[name=memberFrm] ul > li label, #order .member_wrap form[name=memberFrm] ul > li label, #order .repwd_wrap form[name=memberFrm] ul > li label {
  display: block;
  color: #717171;
  padding: 0 0 10px 10px;
  font-size: 14.5px;
  font-weight: 500;
}
#join .auth_wrap form[name=memberFrm] > p, #join .member_wrap form[name=memberFrm] > p, #join .repwd_wrap form[name=memberFrm] > p, #member .auth_wrap form[name=memberFrm] > p, #member .member_wrap form[name=memberFrm] > p, #member .repwd_wrap form[name=memberFrm] > p, #find .auth_wrap form[name=memberFrm] > p, #find .member_wrap form[name=memberFrm] > p, #find .repwd_wrap form[name=memberFrm] > p, #order .auth_wrap form[name=memberFrm] > p, #order .member_wrap form[name=memberFrm] > p, #order .repwd_wrap form[name=memberFrm] > p {
  background: #ffffff;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 70px;
  text-align: center;
}
#join .auth_wrap form[name=memberFrm] > p input, #join .member_wrap form[name=memberFrm] > p input, #join .repwd_wrap form[name=memberFrm] > p input, #member .auth_wrap form[name=memberFrm] > p input, #member .member_wrap form[name=memberFrm] > p input, #member .repwd_wrap form[name=memberFrm] > p input, #find .auth_wrap form[name=memberFrm] > p input, #find .member_wrap form[name=memberFrm] > p input, #find .repwd_wrap form[name=memberFrm] > p input, #order .auth_wrap form[name=memberFrm] > p input, #order .member_wrap form[name=memberFrm] > p input, #order .repwd_wrap form[name=memberFrm] > p input {
  width: 90%;
  margin: 0 auto;
}
#join .auth_wrap form[name=repwdFrm], #join .member_wrap form[name=repwdFrm], #join .repwd_wrap form[name=repwdFrm], #member .auth_wrap form[name=repwdFrm], #member .member_wrap form[name=repwdFrm], #member .repwd_wrap form[name=repwdFrm], #find .auth_wrap form[name=repwdFrm], #find .member_wrap form[name=repwdFrm], #find .repwd_wrap form[name=repwdFrm], #order .auth_wrap form[name=repwdFrm], #order .member_wrap form[name=repwdFrm], #order .repwd_wrap form[name=repwdFrm] {
  position: relative;
  margin: 25px 0 0 0;
}
#join .auth_wrap form[name=repwdFrm] ul, #join .member_wrap form[name=repwdFrm] ul, #join .repwd_wrap form[name=repwdFrm] ul, #member .auth_wrap form[name=repwdFrm] ul, #member .member_wrap form[name=repwdFrm] ul, #member .repwd_wrap form[name=repwdFrm] ul, #find .auth_wrap form[name=repwdFrm] ul, #find .member_wrap form[name=repwdFrm] ul, #find .repwd_wrap form[name=repwdFrm] ul, #order .auth_wrap form[name=repwdFrm] ul, #order .member_wrap form[name=repwdFrm] ul, #order .repwd_wrap form[name=repwdFrm] ul {
  width: 90%;
  margin: 10px auto;
  padding-bottom: 10px;
}
#join .auth_wrap form[name=repwdFrm] ul li, #join .member_wrap form[name=repwdFrm] ul li, #join .repwd_wrap form[name=repwdFrm] ul li, #member .auth_wrap form[name=repwdFrm] ul li, #member .member_wrap form[name=repwdFrm] ul li, #member .repwd_wrap form[name=repwdFrm] ul li, #find .auth_wrap form[name=repwdFrm] ul li, #find .member_wrap form[name=repwdFrm] ul li, #find .repwd_wrap form[name=repwdFrm] ul li, #order .auth_wrap form[name=repwdFrm] ul li, #order .member_wrap form[name=repwdFrm] ul li, #order .repwd_wrap form[name=repwdFrm] ul li {
  margin: 10px 0 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  position: relative;
}
#join .auth_wrap form[name=repwdFrm] ul li label, #join .member_wrap form[name=repwdFrm] ul li label, #join .repwd_wrap form[name=repwdFrm] ul li label, #member .auth_wrap form[name=repwdFrm] ul li label, #member .member_wrap form[name=repwdFrm] ul li label, #member .repwd_wrap form[name=repwdFrm] ul li label, #find .auth_wrap form[name=repwdFrm] ul li label, #find .member_wrap form[name=repwdFrm] ul li label, #find .repwd_wrap form[name=repwdFrm] ul li label, #order .auth_wrap form[name=repwdFrm] ul li label, #order .member_wrap form[name=repwdFrm] ul li label, #order .repwd_wrap form[name=repwdFrm] ul li label {
  color: #717171;
}
#join .auth_wrap form[name=repwdFrm] ul > li, #join .member_wrap form[name=repwdFrm] ul > li, #join .repwd_wrap form[name=repwdFrm] ul > li, #member .auth_wrap form[name=repwdFrm] ul > li, #member .member_wrap form[name=repwdFrm] ul > li, #member .repwd_wrap form[name=repwdFrm] ul > li, #find .auth_wrap form[name=repwdFrm] ul > li, #find .member_wrap form[name=repwdFrm] ul > li, #find .repwd_wrap form[name=repwdFrm] ul > li, #order .auth_wrap form[name=repwdFrm] ul > li, #order .member_wrap form[name=repwdFrm] ul > li, #order .repwd_wrap form[name=repwdFrm] ul > li {
  position: relative;
}
#join .auth_wrap form[name=repwdFrm] ul > li label, #join .member_wrap form[name=repwdFrm] ul > li label, #join .repwd_wrap form[name=repwdFrm] ul > li label, #member .auth_wrap form[name=repwdFrm] ul > li label, #member .member_wrap form[name=repwdFrm] ul > li label, #member .repwd_wrap form[name=repwdFrm] ul > li label, #find .auth_wrap form[name=repwdFrm] ul > li label, #find .member_wrap form[name=repwdFrm] ul > li label, #find .repwd_wrap form[name=repwdFrm] ul > li label, #order .auth_wrap form[name=repwdFrm] ul > li label, #order .member_wrap form[name=repwdFrm] ul > li label, #order .repwd_wrap form[name=repwdFrm] ul > li label {
  display: block;
  color: #717171;
  padding: 0 0 10px 10px;
}
#join .auth_wrap form[name=repwdFrm] > p, #join .member_wrap form[name=repwdFrm] > p, #join .repwd_wrap form[name=repwdFrm] > p, #member .auth_wrap form[name=repwdFrm] > p, #member .member_wrap form[name=repwdFrm] > p, #member .repwd_wrap form[name=repwdFrm] > p, #find .auth_wrap form[name=repwdFrm] > p, #find .member_wrap form[name=repwdFrm] > p, #find .repwd_wrap form[name=repwdFrm] > p, #order .auth_wrap form[name=repwdFrm] > p, #order .member_wrap form[name=repwdFrm] > p, #order .repwd_wrap form[name=repwdFrm] > p {
  background: #ffffff;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 70px;
  text-align: center;
}
#join .auth_wrap form[name=repwdFrm] > p input, #join .member_wrap form[name=repwdFrm] > p input, #join .repwd_wrap form[name=repwdFrm] > p input, #member .auth_wrap form[name=repwdFrm] > p input, #member .member_wrap form[name=repwdFrm] > p input, #member .repwd_wrap form[name=repwdFrm] > p input, #find .auth_wrap form[name=repwdFrm] > p input, #find .member_wrap form[name=repwdFrm] > p input, #find .repwd_wrap form[name=repwdFrm] > p input, #order .auth_wrap form[name=repwdFrm] > p input, #order .member_wrap form[name=repwdFrm] > p input, #order .repwd_wrap form[name=repwdFrm] > p input {
  width: 90%;
  margin: 0 auto;
}
#join .auth_wrap form[name=repwdFrm] .btn_half_wrap, #join .member_wrap form[name=repwdFrm] .btn_half_wrap, #join .repwd_wrap form[name=repwdFrm] .btn_half_wrap, #member .auth_wrap form[name=repwdFrm] .btn_half_wrap, #member .member_wrap form[name=repwdFrm] .btn_half_wrap, #member .repwd_wrap form[name=repwdFrm] .btn_half_wrap, #find .auth_wrap form[name=repwdFrm] .btn_half_wrap, #find .member_wrap form[name=repwdFrm] .btn_half_wrap, #find .repwd_wrap form[name=repwdFrm] .btn_half_wrap, #order .auth_wrap form[name=repwdFrm] .btn_half_wrap, #order .member_wrap form[name=repwdFrm] .btn_half_wrap, #order .repwd_wrap form[name=repwdFrm] .btn_half_wrap {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
#join .auth_wrap form[name=repwdFrm] .btn_half_wrap > li, #join .member_wrap form[name=repwdFrm] .btn_half_wrap > li, #join .repwd_wrap form[name=repwdFrm] .btn_half_wrap > li, #member .auth_wrap form[name=repwdFrm] .btn_half_wrap > li, #member .member_wrap form[name=repwdFrm] .btn_half_wrap > li, #member .repwd_wrap form[name=repwdFrm] .btn_half_wrap > li, #find .auth_wrap form[name=repwdFrm] .btn_half_wrap > li, #find .member_wrap form[name=repwdFrm] .btn_half_wrap > li, #find .repwd_wrap form[name=repwdFrm] .btn_half_wrap > li, #order .auth_wrap form[name=repwdFrm] .btn_half_wrap > li, #order .member_wrap form[name=repwdFrm] .btn_half_wrap > li, #order .repwd_wrap form[name=repwdFrm] .btn_half_wrap > li {
  width: 49.5%;
}

#join div.notice_text {
  width: 80%;
  margin: 10px auto 25px;
  line-height: 1.8;
}
#join div.agree_text {
  width: 90%;
  margin: 10px auto 25px;
  line-height: 1.8;
}
#join .agree_notice {
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  margin: 10px auto 20px;
  width: 80%;
  color: #333333;
  text-decoration: underline;
  text-decoration-color: #fac3c3;
}

ul.pri_auth_wrap, ul.pri_auth_tell_wrap {
  width: 90%;
  margin: 10px auto;
  padding-bottom: 10px;
}
ul.pri_auth_wrap li, ul.pri_auth_tell_wrap li {
  box-sizing: border-box;
  height: 35px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  position: relative;
}
ul.pri_auth_wrap li:first-child, ul.pri_auth_tell_wrap li:first-child {
  justify-content: space-between;
  padding: 0 0 0 5px;
  margin: 0 auto;
}
ul.pri_auth_wrap li:first-child > label, ul.pri_auth_tell_wrap li:first-child > label {
  display: block;
  width: calc(100% - 50px);
}
ul.pri_auth_wrap li:first-child ~ li, ul.pri_auth_tell_wrap li:first-child ~ li {
  padding-left: 15px;
}
ul.pri_auth_wrap li.hide, ul.pri_auth_tell_wrap li.hide {
  display: none;
}
ul.pri_auth_wrap li label, ul.pri_auth_tell_wrap li label {
  color: #333333;
}

input[name=allchk], input[name=svchk],
input[name=prichk], input[name=paychk],
input[name=paychk_other],
input[name=marketing],
input[name=payallchk],
input[name=adultchk],
input[name=agreechk] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[name=allchk]::before, input[name=svchk]::before,
input[name=prichk]::before, input[name=paychk]::before,
input[name=paychk_other]::before,
input[name=marketing]::before,
input[name=payallchk]::before,
input[name=adultchk]::before,
input[name=agreechk]::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 2px;
  background-color: #717171;
  mask: url("../images/default/circle-check-regular.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-regular.svg") no-repeat center;
}
input[name=allchk]:checked::before, input[name=svchk]:checked::before,
input[name=prichk]:checked::before, input[name=paychk]:checked::before,
input[name=paychk_other]:checked::before,
input[name=marketing]:checked::before,
input[name=payallchk]:checked::before,
input[name=adultchk]:checked::before,
input[name=agreechk]:checked::before {
  background-color: #058ED9;
  mask: url("../images/default/circle-check-solid.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-solid.svg") no-repeat center;
}
input[name=allchk] + label, input[name=svchk] + label,
input[name=prichk] + label, input[name=paychk] + label,
input[name=paychk_other] + label,
input[name=marketing] + label,
input[name=payallchk] + label,
input[name=adultchk] + label,
input[name=agreechk] + label {
  width: calc(100% - 85px);
  text-align: left;
  text-indent: 5px;
  font-size: 14px;
  line-height: 1;
}

input[name=payallchk] + label {
  padding-left: 10px;
}

.check_text_wrap {
  margin: 20px 0 30px;
}
.check_text_wrap input[name=agreechk] + label {
  position: relative;
  padding-left: 10px;
  top: -3px;
}

.notice {
  font-size: 13px;
  color: #717171;
  padding: 0 0 0 15px;
}
.notice.incorrect {
  color: #F47C7C !important;
}
.notice.correct {
  color: #44BBA4 !important;
}

#member {
  background: #ffffff;
  height: 100vh;
}

.down {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

/*회원가입 완료 팝업*/
.popup_final_bg {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 45px;
  z-index: 1000;
  box-sizing: border-box;
  display: none;
}
.popup_final_bg .final_wrap {
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.popup_final_bg .final_wrap .contents > ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.popup_final_bg .final_wrap .contents > ul > li {
  text-align: center;
}
.popup_final_bg .final_wrap .contents > ul > li:first-child {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.popup_final_bg .final_wrap .contents > ul > li:first-child h4 {
  text-align: center;
  text-indent: 20px;
  width: calc(100% - 45px);
  margin: 30px auto;
}
.popup_final_bg .final_wrap .contents > ul > li:nth-child(2) {
  width: 100%;
  height: 150px;
}
.popup_final_bg .final_wrap .contents > ul > li:nth-child(2) h5 {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 10px 0 30px 0;
}
.popup_final_bg .final_wrap .contents > ul > li:nth-child(3) {
  width: 100%;
  margin: 0 auto;
  height: 35px;
  line-height: 35px;
}
.popup_final_bg .final_wrap .contents > ul > li:nth-child(3) input[name=marketing]::before {
  top: 5px;
}
.popup_final_bg .final_wrap .contents > ul > li:nth-child(4) {
  text-align: center;
  margin: 20px auto;
}
.popup_final_bg .final_wrap .contents > ul > li:nth-child(4) img {
  width: 160px;
}
.popup_final_bg .final_wrap .contents > ul > li:nth-child(5) {
  width: 100%;
}
.popup_final_bg .final_wrap .contents > ul > li:nth-child(5) > p {
  width: 75%;
  margin: 0 auto;
}

/*아이디 비밀번호찾기 페이지*/
#find form > ul {
  width: 90%;
  margin: 0 auto;
}
#find form > ul > li {
  margin: 10px 0 20px 0;
  position: relative;
}
#find form > ul > li:first-child p {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  width: 95%;
  margin: 40px auto 0;
}
#find form > ul > li label {
  display: block;
  color: #717171;
  padding: 0 0 10px 0px;
}
#find form > ul > li.first-child p {
  color: #000000;
  font-weight: 500;
  font-size: 13px;
  margin: 40px 0 10px 0;
}
#find form > ul > li.hide {
  display: none;
}
#find .find_idpwd_wrap {
  padding: 0 2%;
  box-sizing: border-box;
  height: 100vh;
  background: #ffffff;
}
#find .find_idpwd_wrap .repwd_wrap p.title {
  font-size: 14px;
  text-align: center;
  margin: 40px 0;
}
#find .findpwdFrm_wrap {
  display: none;
}
#find .findidFrm_wrap {
  display: block;
}
#find .flex_wrap {
  margin: 20px 0;
  justify-content: space-between;
  text-align: center;
}
#find .flex_wrap > li {
  width: 49%;
}
#find .telNum_wrap input, #find .email_wrap input {
  width: 49%;
  display: inline-block;
}
#find .telNum_wrap2 input, #find .email_wrap2 input {
  width: 49%;
  display: inline-block;
}
#find .email_wrap, #find .email_wrap2 {
  display: none;
}
#find .id_find_result {
  display: none;
  width: 100%;
  text-align: center;
}
#find .id_find_result > li:nth-child(3) {
  background: #F9F9F9;
  box-sizing: border-box;
  padding: 10px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#find .id_find_result strong {
  font-weight: 500;
}
#find .id_find_result .joindate {
  font-size: 13px;
  color: #ADADAD;
}
#find .id_find_result .profile_pic {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  background: #EAEAEA;
  border-radius: 50%;
}

/*인증번호*/
.num_wrap {
  position: relative;
}
.num_wrap .chkTime {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  color: #F47C7C;
}

/*회원정보업데이트*/
.init_wrap {
  height: 100vh;
  width: 100%;
  padding: 45px 3% 20px;
  box-sizing: border-box;
}
.init_wrap > ul {
  margin-top: 20px;
}
.init_wrap > ul > li:first-child {
  margin: 0 0 20px 0;
}
.init_wrap > ul > li:first-child p {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.init_wrap > ul > li.flex_wrap input {
  width: 49%;
}
.init_wrap > ul > li > ul.notice_wrap {
  background: #F9F9F9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 20px 0;
  padding: 10px 0;
}
.init_wrap > ul > li > ul.notice_wrap > li {
  padding: 10px 0 10px 5px;
  text-align: left;
  font-size: 12px;
  color: #717171;
}
.init_wrap > ul > li > ul.notice_wrap > li::before {
  content: " ∙ ";
}

/*로그인 페이지*/
.login {
  background: #ffffff;
  height: calc(100Vh - 70px);
}

.join_notice {
  margin: 40px auto 0px;
  width: 100%;
  height: 200px;
  position: relative;
  box-sizing: border-box;
}
.join_notice .notice_box {
  width: 85%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0 auto;
  text-align: center;
  color: #717171;
}
.join_notice .notice_box h4 {
  line-height: 1.2;
  font-size: 1.2rem;
}
.join_notice .notice_box h4 i {
  color: #eca0b2;
}
.join_notice .notice_box h4 span {
  color: #F47C7C;
  font-weight: bold;
}
.join_notice .notice_box h4 span.svc_name {
  color: #000000;
}
.join_notice .notice_box .svc_name {
  font-weight: 500;
  display: block;
}
.join_notice .notice_box > p {
  margin-top: 10px;
  font-size: 0.8rem;
}

.login_contents_wrap {
  background: #ffffff;
  box-sizing: border-box;
  padding: 0 2%;
}
.login_contents_wrap .close_btn {
  width: 100%;
  height: 45px;
  text-align: right;
}
.login_contents_wrap .close_btn span {
  text-indent: -999999px;
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url("../images/default/popup_close.svg");
  background-size: 45px;
}
.login_contents_wrap .title_wrap {
  margin: 10px 0;
}
.login_contents_wrap .title_wrap hgroup h3 {
  height: 35px;
  line-height: 35px;
}

.orderFrm_wrap {
  display: none;
}

.loginFrm_wrap form[name=loginFrm] > ul {
  width: 90%;
  margin: 0 auto;
}
.loginFrm_wrap form[name=loginFrm] > ul > li {
  margin: 10px 0 20px 0;
  position: relative;
}
.loginFrm_wrap form[name=loginFrm] > ul > li label {
  display: block;
  color: #717171;
  padding: 0 0 10px 0;
}
.loginFrm_wrap form[name=loginFrm] > ul > li.flex_wrap {
  justify-content: space-around;
}
.loginFrm_wrap form[name=loginFrm] label.chkbox input::before {
  background-color: #ADADAD;
  mask: url("../images/default/circle-check-regular.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-regular.svg") no-repeat center;
}
.loginFrm_wrap form[name=loginFrm] label.chkbox input:checked::before {
  background-color: #E0607E;
  mask: url("../images/default/circle-check-solid.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-solid.svg") no-repeat center;
}
.loginFrm_wrap form[name=loginFrm] ul > li {
  margin: 10px 5px;
}
.loginFrm_wrap form[name=loginFrm] .bottom_list {
  width: 90%;
  margin: 10px auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  font-size: 0.8rem;
}
.loginFrm_wrap form[name=loginFrm] .bottom_list li:last-child a {
  font-weight: 600;
}
.loginFrm_wrap form[name=loginFrm] .bottom_list a {
  color: #717171;
}

.orderFrm_wrap form[name=orderFrm] > ul {
  width: 90%;
  margin: 0 auto;
}
.orderFrm_wrap form[name=orderFrm] > ul > li {
  margin: 10px 0 20px 0;
  position: relative;
}
.orderFrm_wrap form[name=orderFrm] > ul > li label {
  display: block;
  color: #717171;
  padding: 0 0 10px 10px;
}
.orderFrm_wrap form[name=orderFrm] ul > li {
  margin: 10px;
}
.orderFrm_wrap form[name=orderFrm] ul > li > p {
  font-size: 13px;
  line-height: 20px;
  color: #717171;
}
.orderFrm_wrap form[name=orderFrm] ul > li.last {
  margin-top: 80px;
}

/* 로그인 팝업창 ---*/
/* 상품상세 스타일*/
.detailSwiper {
  position: relative;
  width: 100%;
}
.detailSwiper div {
  width: 100%;
}
.detailSwiper .swiper-slide {
  width: 100%;
  max-height: 60vh;
  text-align: center;
  background: #ffffff;
}
.detailSwiper img {
  width: 70% !important;
  max-width: 360px;
}

.detail_thumb {
  text-align: center;
}
.detail_thumb > img {
  width: 70% !important;
  max-width: 400px;
}

.detail_info {
  border-top: 1px solid #F3F3F3;
  border-bottom: 1px solid #F3F3F3;
  background: #ffffff;
  box-sizing: border-box;
  padding: 5px 0;
  position: relative;
}
.detail_info .share_icon {
  position: absolute;
  background: url("../images/default/share_icon.png") no-repeat;
  width: 30px;
  height: 30px;
  right: 3%;
  bottom: 24px;
}
.detail_info .prd_info {
  overflow: hidden !important;
  box-shadow: none;
  min-height: 150px !important;
  box-sizing: border-box;
  padding: 10px 5px;
  border: 1px solid transparent;
}
.detail_info .prd_info:hover {
  border: 1px solid transparent !important;
}
.detail_info .prd_info > li {
  margin: 0;
  padding: 4px 10px;
}
.detail_info .prd_info > li:last-child {
  width: 100%;
  height: 24px;
}
.detail_info .prd_info > li:last-child > ul.flex_wrap {
  padding: 0;
  height: 24px;
  width: calc(100% - 65px);
}
.detail_info .prd_info .brand {
  font-size: 13px;
  font-weight: 500;
  color: #717171;
}
.detail_info .prd_info .prd_title {
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.detail_info .prd_info .for_price {
  color: #F47C7C;
  font-weight: 500;
  font-size: 14px;
}
.detail_info .prd_info .for_price_premium {
  color: #A288E3;
  font-weight: 500;
  font-size: 14px;
}
.detail_info .prd_info del {
  margin: 0 10px;
  font-size: 13px;
  color: #D3D3D3;
}
.detail_info .prd_info .discount {
  font-size: 16px;
  color: #F47C7C;
  font-weight: 900;
}
.detail_info .prd_info .discount_premium {
  font-size: 16px;
  color: #A288E3;
  font-weight: 900;
}
.detail_info .prd_info strong {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding: 0 0 0 10px;
}
.detail_info .prd_info:hover {
  background-color: transparent !important;
}
.detail_info .prd_info:active {
  background-color: transparent !important;
}

.adult_notice {
  width: 100%;
  height: auto;
  justify-content: center;
  flex-flow: row nowrap;
  margin: 10px auto 20px;
}
.adult_notice > li:first-child {
  width: 40px;
}
.adult_notice > li:last-child {
  line-height: 1.5;
  margin-right: 25px;
}
.adult_notice > li:last-child h5 {
  font-weight: bolder;
  color: #f00;
  font-size: 13px;
  text-indent: -1px;
}
.adult_notice > li:last-child h6 {
  font-size: 12px;
  text-indent: -1px;
}
.adult_notice > li img {
  height: 30px;
}

/*상품상세 페이지*/
.detail_aff_info {
  background: #ffffff;
  padding: 10px 0 10px;
  box-sizing: border-box;
}
.detail_aff_info > dl {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  font-size: 13px;
  width: 90%;
  margin: 0 auto;
}
.detail_aff_info > dl > * {
  margin: 5px 0;
  width: 50%;
}
.detail_aff_info > dl dt {
  text-align: left;
  font-weight: 500;
}
.detail_aff_info > dl dt .tip_wrap {
  font-size: 13px;
  line-height: 13px;
}
.detail_aff_info > dl dd {
  text-align: right;
  font-weight: 300;
}
.detail_aff_info .mobile_notice_wrap > li {
  font-weight: 200;
  margin: 2px 0;
}
.detail_aff_info .mobile_notice_wrap > li::before {
  content: "- ";
}

.detail_opt_wrap {
  border-bottom: 1px solid #F5F5F5;
}
.detail_opt_wrap .prd_opt_frm {
  padding: 0;
  padding-bottom: 5px;
}
.detail_opt_wrap .input_box, .detail_opt_wrap .option_box {
  height: auto;
  padding-bottom: 10px;
  margin: 0;
  box-shadow: 0 0 0;
  border-bottom: 1px solid #F5F5F5;
}
.detail_opt_wrap .input_box {
  max-height: 150px;
}
.detail_opt_wrap .option_box h5 {
  font-weight: 500;
  font-size: 14px;
}

.detail_img_view .tab_btn_wrap {
  justify-content: space-around;
}
.detail_img_view .tab_btn_wrap > li {
  flex-grow: 1;
  width: 33.3333%;
}
.detail_img_view .tab_btn_wrap > li > label > span {
  padding-left: 3px;
  font-size: 0.8rem;
  vertical-align: middle;
  color: #f7a2a2;
}

.footer_notice { /*상품상세 하단 공지영역*/
  margin-bottom: 75px;
}
.footer_notice .tables {
  width: 100%;
}
.footer_notice .tables th, .footer_notice .tables td {
  font-size: 13px;
  padding: 2px 2px 2px 5px;
  border-color: #EAEAEA;
}
.footer_notice .tables th {
  background: #F9F9F9;
  text-align: left;
  width: 130px;
}
.footer_notice .delivery_info {
  font-size: 13px;
  color: #717171;
}
.footer_notice .delivery_info dt {
  font-weight: 500;
  margin: 0 0 5px 0;
}
.footer_notice .delivery_info dd {
  margin: 0px 0 10px 0;
}
.footer_notice .delivery_info ol {
  list-style: decimal;
}
.footer_notice .delivery_info ol li {
  margin-left: 15px;
}

/*상품상세 페이지 ---*/
/*리뷰작성 페이지*/
#review {
  background: #ffffff;
}

.review_write_wrap {
  background: #ffffff;
  margin-top: 50px;
  margin-bottom: 75px;
}
.review_write_wrap article.notice_wrap {
  background: #ffffff;
}
.review_write_wrap article.notice_wrap .contents {
  font-size: 13px;
  font-weight: 400;
  padding: 10px 15px;
  color: #717171;
  line-height: 1.8;
}

/*리뷰작성,Q&A작성 공통*/
.write_wrap {
  border-bottom: 1px solid #F3F3F3;
  width: 100%;
  margin: 10px auto;
  padding: 10px;
  box-sizing: border-box;
  display: block;
  text-align: center;
}
.write_wrap .flex_wrap {
  margin: 10px 0;
}
.write_wrap .flex_wrap > li {
  width: 49%;
}
.write_wrap h4 {
  font-size: 13px;
  color: #717171;
  margin: 10px 0;
}
.write_wrap h4 > span {
  font-weight: 400;
  font-size: 13px;
}
.write_wrap h5 {
  font-size: 14px;
  margin: 10px 0;
  text-align: left;
  font-weight: 500;
  color: #333333;
}
.write_wrap .textarea_wrap {
  position: relative;
  width: 100%;
  height: 120px;
  background: lightcyan;
}
.write_wrap .textarea_wrap .textarea {
  height: 120px;
  width: 100%;
  display: block;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  padding: 10px;
  font-size: 13px;
}
.write_wrap .textarea_wrap .textarea::placeholder {
  font-size: 0.85rem;
  text-indent: 5px;
  color: #ADADAD;
}
.write_wrap .textarea_wrap .textarea:hover {
  border-color: #ADADAD;
}
.write_wrap .textarea_wrap li {
  width: 100%;
  position: absolute;
}
.write_wrap .textarea_wrap li:last-child {
  right: 10px;
  bottom: 10px;
  color: #717171;
  z-index: 3;
  width: auto;
  font-size: 0.8rem;
}
.write_wrap .textarea_wrap li .txt_count {
  font-weight: 500;
}
.write_wrap form[name=qnaFrm] .prd_title {
  font-weight: 500;
  color: #333333;
  text-align: left;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  width: 280px;
  font-size: 13px;
  line-height: 1.1;
}
.write_wrap form[name=qnaFrm] .prd_title > span {
  margin-right: 5px;
  color: #507DBC;
}
.write_wrap form[name=qnaFrm] .title {
  margin: 10px 0 2px 0;
}
.write_wrap form[name=qnaFrm] .form {
  border-radius: 2px;
  box-shadow: none;
}
.write_wrap form[name=qnaFrm] h6 {
  text-align: left;
}
.write_wrap .flex_wrap li {
  width: 49.5%;
}
.write_wrap input[type=button] {
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
}

#detail_qna .title > span {
  font-size: 13px;
  font-weight: 300;
  color: #F47C7C;
}
#detail_qna input[type=button].qna_btn {
  background: #F5F5F5;
  border-radius: 2px;
  border: 1px solid #F3F3F3;
  color: #333333;
  height: 35px;
  line-height: 35px;
}
#detail_qna .qna_sort_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: 95%;
  margin: 0 auto;
}
#detail_qna .qna_sort_wrap > li:first-child {
  width: 120px;
}

/*상품상세 내 상세페이지 영역*/
#detail_prd_info {
  position: relative;
  margin-bottom: 10px;
}
#detail_prd_info .img_wrap {
  width: 95%;
  margin: 0 auto;
  height: 350px;
  overflow: hidden;
  text-align: center;
}
#detail_prd_info .img_wrap img {
  width: 100%;
}
#detail_prd_info .img_wrap.auto {
  height: auto;
  padding-bottom: 50px;
}
#detail_prd_info .text_wrap {
  padding: 20px;
  box-sizing: border-box;
  font-size: 0.9rem;
  font-weight: 300;
  color: #333333;
}
#detail_prd_info .text_wrap img {
  width: 100% !important;
}

button.img_more, button.rev_more_view, button.qna_more_view {
  border: none;
  outline: none;
  color: #717171;
  padding: 5px;
  font-weight: 500;
  width: 100%;
  height: 45px;
  position: absolute;
  bottom: 0px;
  z-index: 9;
  display: block;
  padding: 5px 25px 5px 10px;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
button.rev_more_view, button.qna_more_view { /*리뷰,Q&A 더보기 버튼*/
  background-color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid #F3F3F3 !important;
  z-index: 15;
  box-shadow: -2px -2px 20px #F3F3F3 !important;
}

/*상품상세 내 상세페이지 영역---*/
/* 상품상세 내 리뷰 영역 */
#detail_review .tip_wrap, #detail_qna .tip_wrap { /*툴팁관련스타일*/ }
#detail_review .tip_wrap > p, #detail_qna .tip_wrap > p {
  font-size: 14px;
  color: #333333;
  display: inline-block;
  line-height: 20px;
}
#detail_review .tip_wrap .tip_info, #detail_qna .tip_wrap .tip_info {
  width: 250px;
  text-align: left !important;
  left: 15px;
}
#detail_review .tip_wrap .tip_info > p, #detail_qna .tip_wrap .tip_info > p {
  font-weight: 500;
}
#detail_review .tip_wrap .tip_info > p > span, #detail_qna .tip_wrap .tip_info > p > span {
  color: #F47C7C;
}
#detail_review .tip_wrap .rev_info_list li, #detail_qna .tip_wrap .rev_info_list li {
  margin: 2px 0;
}
#detail_review .tip_wrap .rev_info_list li::before, #detail_qna .tip_wrap .rev_info_list li::before {
  content: " - ";
}

/* 상품상세 내 리뷰 영역---*/
.detail_title_wrap > ul {
  margin-top: 20px;
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.detail_title_wrap > ul * {
  box-sizing: border-box;
}
.detail_title_wrap > ul > li:first-child {
  margin: 0 0 5px 0;
}
.detail_title_wrap > ul > li:nth-child(2) {
  width: 125px;
}
.detail_title_wrap > ul > li:nth-child(3) {
  width: 75px;
}
.detail_title_wrap > ul > li:last-child {
  width: 100%;
  margin: 20px 0;
}
.detail_title_wrap > ul.qna_wrap > li:first-child {
  margin: 0 0 5px 0;
}
.detail_title_wrap > ul.qna_wrap > li:nth-child(2) {
  width: 125px;
}
.detail_title_wrap > ul.qna_wrap > li:nth-child(3) {
  width: 75px;
}
.detail_title_wrap > ul.qna_wrap > li:last-child {
  font-size: 13px;
  font-weight: 300;
  color: #717171;
  line-height: 2;
}
.detail_title_wrap > ul.qna_wrap > li:last-child > mark {
  background-color: #f4effc;
}

input[type=button].write_btn {
  width: 100%;
  border-radius: 4px;
  padding: 10px 5px;
  box-sizing: border-box;
  background: #D3D3D3;
  border: 1px solid #F5F5F5;
  box-shadow: 0 0 5px #F5F5F5;
  color: #ffffff;
}

.review_list_wrap {
  position: relative;
  padding-bottom: 40px;
  height: 560px;
  overflow: hidden;
  border-bottom: 1px solid #F3F3F3;
}
.review_list_wrap.auto {
  height: auto;
  padding-bottom: 50px;
}
.review_list_wrap input[type=button] {
  border: none;
  outline: none;
  color: #717171;
  background-color: transparent;
  padding: 5px;
  font-weight: 500;
}
.review_list_wrap input[type=button].more_btn {
  padding: 5px 25px 5px 10px;
  background: transparent url("../images/default/down_icon_black.png") no-repeat right center/20px;
}
.review_list_wrap input[type=button].more_btn.active {
  background-image: url("../images/default/up_icon_black.png");
}
.review_list_wrap .review_item {
  width: 95%;
  margin: 0 auto;
  border-bottom: 1px solid #F5F5F5;
}
.review_list_wrap .review_item > li {
  margin: 5px 0;
}
.review_list_wrap .review_item > li:first-child {
  margin: 15px 0 5px 0;
}
.review_list_wrap .review_item > li:last-child {
  text-align: right;
  margin-bottom: 10px;
}
.review_list_wrap .review_item p.rev_opt {
  font-size: 0.8rem;
  color: #e68a8a;
  margin: 5px 0 0 0;
  height: 20px;
  line-height: 20px;
  background: #ffffff;
  width: 70%;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.review_list_wrap .review_item .flex_wrap {
  color: #717171;
}
.review_list_wrap .review_item .flex_wrap > li {
  font-size: 0.8rem;
  margin: 7px 0;
}
.review_list_wrap .review_item .flex_wrap > li span {
  font-size: inherit;
}
.review_list_wrap .review_item a {
  font-size: 0.85rem;
  margin: 0 10px;
}
.review_list_wrap .review_item .review_contents {
  text-align: left;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1;
  color: #333333;
  height: auto;
  line-height: 20px;
  background: #F9F9F9;
  padding: 2px;
}
.review_list_wrap .review_item .review_contents.more {
  line-height: 20px;
  background: #ffffff;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.review_list_wrap .review_item:nth-last-of-type(1) {
  border: none;
}

/* 상품상세 내 Q&A 영역---*/
.qna_list_wrap {
  height: 400px;
  overflow: hidden;
  position: relative;
}
.qna_list_wrap.auto {
  height: auto;
  padding-bottom: 40px;
}
.qna_list_wrap .qna_list_item {
  border-top: 1px solid #F3F3F3;
}
.qna_list_wrap .qna_list_item > li {
  border-bottom: 1px solid #F3F3F3;
}
.qna_list_wrap .qna_list_item > li > div {
  padding-bottom: 20px;
}
.qna_list_wrap .qna_list_item .fold_btn {
  border: none;
  background-image: url("../images/default/qna_fold_icon_close.svg");
  border-bottom: 1px solid #F9F9F9;
}
.qna_list_wrap .qna_list_item .fold_btn.close {
  background-image: url("../images/default/qna_fold_icon.svg");
}
.qna_list_wrap .qna_list_item p.myqna {
  text-align: right;
  margin: 10px auto 20px;
  width: 90%;
  font-size: 13px;
  position: relative;
}
.qna_list_wrap .qna_list_item p.myqna::before {
  content: "내가 쓴 글";
  font-size: 12px;
  color: #F47C7C;
  display: block;
  border: 1px solid #F47C7C;
  width: 70px;
  text-align: center;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 3px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.qna_list_wrap .qna_list_item p.myqna a {
  margin: 0 5px;
  font-size: 0.8rem;
}
.qna_list_wrap .qna_list_item .qna_info_wrap {
  padding: 0px 0 20px;
  box-sizing: border-box;
}
.qna_list_wrap .qna_filter_wrap {
  height: 45px;
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.qna_list_wrap .qna_filter_wrap > li {
  width: 40%;
}
.qna_list_wrap .qna_filter_wrap > li:last-child {
  text-align: right;
}
.qna_list_wrap .fold_btn {
  background-color: transparent;
  width: 100%;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.qna_list_wrap .fold_btn > span {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  width: 80%;
  font-size: 13px;
  margin-right: 35px;
}
.qna_list_wrap .fold_btn.close {
  background-color: #ffffff;
}
.qna_list_wrap .disabled {
  background: transparent;
  height: 35px;
  margin-bottom: 10px;
  line-height: 35px;
  box-sizing: border-box;
  padding: 0 3%;
  font-size: 13px;
  font-weight: 400;
}
.qna_list_wrap .disabled > span {
  position: relative;
  display: block;
  width: 80px;
  margin-left: 5px;
}
.qna_list_wrap .disabled > span::after {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/default/lock_icon.svg") no-repeat center center/20px;
}
.qna_list_wrap .contents {
  margin-bottom: 5px;
}
.qna_list_wrap .answer {
  background: #fef2f2;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px 10px 0;
}
.qna_list_wrap .answer strong {
  font-weight: 500;
  margin-right: 5px;
}
.qna_list_wrap .answer strong::before {
  content: "A";
  color: #B6244F;
  display: inline-block;
  margin-right: 5px;
}
.qna_list_wrap .qna_info {
  font-size: 0.85rem;
  font-weight: 300;
  width: 90%;
  margin: 0px auto;
  color: #ADADAD;
  background: #F9F9F9;
  box-sizing: border-box;
  padding: 5px;
}
.qna_list_wrap .qna_info .flex_wrap {
  justify-content: flex-start;
}
.qna_list_wrap .qna_info .flex_wrap li:nth-child(2n) {
  margin: 0 10px;
}
.qna_list_wrap .qna_info .flex_wrap li {
  font-size: 13px;
}

/*리뷰작성 페이지 ---*/
/*별점관련*/
.star_rating {
  text-align: center;
  border-radius: 4px;
  padding: 5px;
}

.stars .xi-star {
  cursor: pointer;
  color: #EAEAEA;
  letter-spacing: -5px;
}
.stars .xi-star.active {
  color: #F47C7C;
  text-shadow: 0 0 5px #DECDF5;
}

.rev_stars .starAvg, .avg_stars .starAvg {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333333;
  margin-left: 5px;
}
.rev_stars .xi-star, .avg_stars .xi-star {
  cursor: pointer;
  color: #EAEAEA;
  letter-spacing: -3px;
}
.rev_stars .xi-star.active, .avg_stars .xi-star.active {
  color: #E0607E;
  text-shadow: 0 0 2px #DECDF5;
}

/*공유하기 팝업 스타일*/
.popup_share {
  display: none;
}
.popup_share .pop_wrap {
  height: 200px;
}
.popup_share .contents .flex_wrap {
  width: 80%;
  margin: 0 auto;
  justify-content: space-around;
}
.popup_share .contents .flex_wrap > li > a > i {
  display: block !important;
  color: #717171;
}
.popup_share .contents .flex_wrap > li > a > i.xi-link {
  transform: rotate(-45deg);
}
.popup_share .contents .link_wrap > li:nth-child(1) a:hover {
  color: #ffdd33;
}
.popup_share .contents .link_wrap > li:nth-child(1) a:hover i {
  color: #ffdd33;
}
.popup_share .contents .link_wrap > li:nth-child(2) a:hover {
  color: #507DBC;
}
.popup_share .contents .link_wrap > li:nth-child(2) a:hover i {
  color: #507DBC;
}
.popup_share .contents .link_wrap > li:nth-child(3) a:hover {
  color: #1B998B;
}
.popup_share .contents .link_wrap > li:nth-child(3) a:hover i {
  color: #1B998B;
}

/*주문 결제 페이지 */
.order_info_wrap {
  background-color: #ffffff;
  margin: 0;
}
.order_info_wrap input[type=button].write_btn {
  position: relative;
  top: -2px;
}
.order_info_wrap form[name=orderName] > ul > li {
  margin: 10px 0;
}
.order_info_wrap form[name=orderName] > ul > li input {
  border-radius: 8px;
}
.order_info_wrap .mobile_info_wrap > .flex_wrap {
  flex-flow: row nowrap;
  margin: 0 0 5px 0;
}
.order_info_wrap .mobile_info_wrap > .flex_wrap > li:first-child {
  width: 80%;
}
.order_info_wrap .mobile_info_wrap > .flex_wrap > li:first-child input[type=text] {
  height: 45px;
}
.order_info_wrap .mobile_info_wrap > .flex_wrap > li:nth-child(2) {
  width: 19%;
  min-width: 85px;
  margin-left: 5px;
}
.order_info_wrap .mobile_info_wrap > .flex_wrap input[type=button], .order_info_wrap .mobile_info_wrap > .flex_wrap input[type=text] {
  border-radius: 4px;
}
.order_info_wrap .mobile_info_wrap input[type=button], .order_info_wrap .mobile_info_wrap input[type=text] {
  border-radius: 4px;
}
.order_info_wrap .delivary_info_wrap #deli_msg {
  display: none;
  border-radius: 4px;
  margin: 10px 0 5px 0;
}
.order_info_wrap .delivary_info_wrap > .flex_wrap > li:nth-child(2) ~ li {
  width: 100%;
}
.order_info_wrap .delivary_info_wrap > .flex_wrap .deli_nickname {
  font-weight: 700;
  font-size: 1.1rem;
  color: #333333;
  margin-right: 5px;
}
.order_info_wrap .delivary_info_wrap .addr_btn {
  height: 25px;
  width: auto;
  font-size: 14px;
  color: #333333;
  background: #ffffff;
  border: 1px solid #D3D3D3;
  border-radius: 2px;
  margin-left: 10px;
  box-sizing: border-box;
  box-shadow: none;
  background: #ADADAD;
  border: 1px solid transparent;
  color: #ffffff;
}
.order_info_wrap .delivary_info_wrap address {
  font-size: 14px;
  margin: 10px auto;
  width: 95%;
}
.order_info_wrap .fold_btn .flex_wrap {
  justify-content: space-between;
}
.order_info_wrap .fold_btn .flex_wrap > li.info {
  margin-right: 45px;
  font-weight: 500;
}
.order_info_wrap ul.prd_info {
  min-height: 100px !important;
}
.order_info_wrap ul.prd_info .first_item {
  max-height: auto !important;
}
.order_info_wrap .first_item { /*주문결제 페이지 내 주문상품*/
  border: none;
  box-shadow: none;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  flex-flow: row nowrap;
}
.order_info_wrap .first_item:nth-of-type(1) {
  border-bottom: 1px solid #F9F9F9;
}
.order_info_wrap .first_item > li {
  margin: 0;
}
.order_info_wrap .first_item > li:first-child {
  width: 20%;
  max-width: 180px;
  margin-right: 20px;
  margin-top: 0;
}
.order_info_wrap .first_item > li:first-child figure {
  border-radius: 0;
  box-sizing: border-box;
  width: 100%;
}
.order_info_wrap .first_item > li:last-child {
  width: 70%;
  overflow: hidden;
  z-index: 9;
  background: #ffffff;
}
.order_info_wrap .first_item .prd_opt {
  display: block;
  color: #717171;
  font-size: 0.9em;
}
.order_info_wrap .first_item .prd_cnt {
  margin-right: 3px;
}
.order_info_wrap .discount_wrap .contents h3 {
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 10px;
}
.order_info_wrap .discount_wrap .contents .opt_list {
  z-index: 999;
}
.order_info_wrap .credit_wrap h3.bg_color {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  font-size: 1.1rem;
  line-height: 45px;
}
.order_info_wrap .credit_wrap h3.bg_color label {
  width: 100%;
  display: block;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.order_info_wrap .credit_wrap h3.bg_color span.title {
  display: inline-block;
  font-size: 1.1rem;
  line-height: 45px;
  vertical-align: middle;
  height: 45px;
  width: calc(100% - 70px);
}
.order_info_wrap .credit_wrap h3.bg_color .xi-info {
  font-size: 1.5rem;
}

.payment_wrap {
  width: 96%;
  margin: 10px auto 20px;
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 0 2px #D3D3D3;
}
.payment_wrap .fold_wrap > h3.fold_btn {
  background: url("../images/default/up_icon_black.png") right 10px center no-repeat;
  border: 1px solid #F5F5F5;
  height: 45px;
  margin-bottom: 10px;
  line-height: 45px;
  box-sizing: border-box;
  padding: 0 3%;
  font-size: 14px;
  font-weight: 500;
}
.payment_wrap .fold_wrap > h3.fold_btn.disabled {
  background-color: transparent !important;
}
.payment_wrap .fold_wrap > h3.close {
  background: url("../images/default/down_icon_black.png") right 10px center no-repeat;
  background-color: #F9F9F9;
}
.payment_wrap .fold_wrap strong.bedge { /*1:1문의 뱃지 스타일*/
  line-height: 0.9rem;
  margin-right: 5px;
  vertical-align: middle;
  background-color: #ffffff;
}
.payment_wrap .fold_wrap i.xi-lock-o {
  color: #717171;
  line-height: 0.9rem;
  font-size: 0.9rem;
}
.payment_wrap .fold_wrap .fold_contents {
  display: none;
  font-size: 13px;
  line-height: 1.8;
  width: 90%;
  margin: 0 auto;
  color: #717171;
  font-weight: 200;
  padding: 5px 5px 20px 5px;
  box-sizing: border-box;
}
.payment_wrap .fold_wrap .fold_contents.active {
  display: block;
}
.payment_wrap .fold_wrap .myquestion {
  font-size: 0.9rem;
  color: #ADADAD;
  text-align: right;
  margin: 15px 10px 5px 0;
}
.payment_wrap .fold_wrap .myquestion a {
  font-size: 0.8rem;
  color: #ADADAD;
}
.payment_wrap .credit_wrap .fold_btn {
  cursor: pointer;
}
.payment_wrap .credit_wrap h3.bg_payment {
  background-color: #ffffff;
  background-image: none !important;
  line-height: 45px;
  border: none;
  margin: 0;
  box-shadow: 0 0 4px #EAEAEA;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.payment_wrap .credit_wrap h3.bg_payment label {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: calc(100% - 45px);
}
.payment_wrap .credit_wrap h3.bg_payment span.title {
  display: inline-block;
  line-height: 45px;
  vertical-align: middle;
  height: 45px;
  width: calc(100% - 70px);
  font-size: 14px;
}
.payment_wrap .credit_wrap h3.bg_payment .xi-info-o {
  font-size: 1.3rem;
}
.payment_wrap .credit_wrap h3.bg_payment.open {
  background-color: #F47C7C !important;
}
.payment_wrap .credit_wrap h3.bg_payment.open span.title {
  color: #fff !important;
}
.payment_wrap .credit_wrap h3.bg_payment.open .xi-info-o {
  color: #fff;
}

.total_price th, .total_price td {
  border: none;
  text-align: left;
  padding: 5px;
  background-color: transparent;
  color: #000000;
  height: 20px;
  vertical-align: middle;
}
.total_price th {
  width: 20%;
  min-width: 185px;
  font-size: 14.5px;
}
.total_price th:not(.table_title) {
  color: #ADADAD;
  font-weight: 200;
  font-size: 13px;
  text-indent: 10px;
  padding: 0;
}
.total_price th:not(.table_title)::before {
  content: " - ";
}
.total_price th:not(.table_title) + td {
  color: #ADADAD;
  font-weight: 200;
  font-size: 13px;
  padding: 0 5px 0;
}
.total_price td {
  text-align: right;
}
.total_price tfoot {
  background-color: #F9F9F9;
}
.total_price tfoot th, .total_price tfoot td {
  font-size: 14.5px;
  font-weight: 500;
}
.total_price tfoot td span {
  color: #E0607E;
  font-weight: 600;
  font-size: 16px;
}
.total_price.payment_price .table_title {
  color: #717171;
}

.pay_agree_wrap {
  margin-bottom: 75px;
  margin-top: 0;
}
.pay_agree_wrap form[name=payAgreeFrm] {
  width: 100%;
  height: auto;
  padding: 0 0 30px 0;
  margin: 0 auto;
}
.pay_agree_wrap form[name=payAgreeFrm] > h3 {
  width: 100%;
  margin: 0 auto;
  height: 45px;
  line-height: 50px;
  white-space: nowrap;
  font-size: 14px;
  box-sizing: border-box;
  font-weight: 500;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  background: #F5F5F5;
}
.pay_agree_wrap form[name=payAgreeFrm] ul {
  width: 85%;
  margin: 0 auto;
}
.pay_agree_wrap form[name=payAgreeFrm] li {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.pay_agree_wrap form[name=payAgreeFrm] li > label {
  font-size: 14px;
  font-weight: 500;
  height: 25px;
  line-height: 25px;
  display: inline-block;
}
.pay_agree_wrap form[name=payAgreeFrm] li > p {
  font-size: 13px;
  color: #D3D3D3;
  width: 90%;
  margin: 0 auto;
  line-height: 1.2rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.pay_agree_wrap form[name=payAgreeFrm] li > p span {
  text-decoration: underline;
}

.bg_color {
  background: #E0607E !important;
  color: #ffffff;
}

.pay_color {
  background: #ADADAD !important;
  color: #ffffff;
  font-size: 16px !important;
}

#final_price {
  position: fixed;
  bottom: 0;
  cursor: pointer;
  width: 100%;
  height: 55px;
  line-height: 55px;
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  z-index: 2000;
}
#final_price span {
  font-weight: 800;
  font-size: 1.2em;
}

#point_tables thead {
  background: #F9F9F9;
}
#point_tables td, #point_tables th {
  border-color: #F9F9F9;
  font-size: 13px;
  font-weight: 500;
  color: #333333;
  padding: 15px 0;
}
#point_tables td i, #point_tables th i {
  color: #D3D3D3;
}
#point_tables th {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 0;
  font-weight: 600;
}
#point_tables td {
  padding: 0 0 0 5px;
}
#point_tables tr th:first-child {
  width: 180px;
}
#point_tables input[type=text] {
  border: none;
  width: 100%;
  box-sizing: border-box;
  padding: 3px 25px 3px 0;
  height: 40px;
  margin: 5px 0;
  text-align: right;
  outline: none;
  position: relative;
  font-size: 14px;
  border-radius: 2px;
  background: url("../images/default/point_letter_color.png") no-repeat right 10px center/12px;
}
#point_tables input[type=text]:disabled {
  font-size: 14px;
  background: #F9F9F9 url("../images/default/point_letter.png") no-repeat right 10px center/12px;
}
#point_tables input[type=text]:focus {
  background-color: rgba(255, 224, 228, 0.5);
}
#point_tables input[type=text].all_point {
  position: relative;
  padding: 3px 45px 3px 0;
  background-position: right 32px center;
}
#point_tables input[type=text].all_point + #btn_clear {
  display: block;
}
#point_tables .all_point_wrap {
  position: relative;
}
#point_tables .all_point_wrap #btn_clear {
  display: none;
  width: 30px;
  height: 30px;
  background: url("../images/default/popup_close.svg") no-repeat center/70%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  z-index: 99;
}
#point_tables .btn_point_all {
  border-radius: 2px;
}
#point_tables .btn_point_all.disabled {
  background-color: #EAEAEA !important;
  color: #333333 !important;
}
#point_tables input:focus::-webkit-input-placeholder,
#point_tables textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color: transparent;
}
#point_tables input:focus:-moz-placeholder,
#point_tables textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: transparent;
}
#point_tables input:focus::-moz-placeholder,
#point_tables textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: transparent;
}
#point_tables input:focus:-ms-input-placeholder,
#point_tables textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: transparent;
}
#point_tables tfoot td {
  padding: 10px 0;
  font-size: 13px;
  color: #717171;
  font-weight: 400;
}

span.card_icon {
  position: relative;
  height: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 20px;
}
span.card_icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 15px;
  heighT: 15px;
  background: url() no-repeat center center/100%;
}
span.card_icon.bc::before {
  background-image: url("../images/default/card/ci_bc.png");
}
span.card_icon.kb::before {
  background-image: url("../images/default/card/ci_kb.png");
}
span.card_icon.shinhan::before {
  background-image: url("../images/default/card/ci_sh.png");
}
span.card_icon.samsung::before {
  background-image: url("../images/default/card/ci_ss.png");
}
span.card_icon.woori::before {
  background-image: url("../images/default/card/ci_wr.png");
}
span.card_icon.hanacard::before {
  background-image: url("../images/default/card/ci_hn.png");
}
span.card_icon.lpoint::before {
  background-image: url("../images/default/card/ci_lp.png");
}

.bg_none {
  background-image: none !important;
}

.def_addr {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #44BBA4;
  border-radius: 20px;
  height: 16px;
  line-height: 16px;
  background-color: #ffffff;
  color: #44BBA4;
  font-size: 13px;
  letter-spacing: 1px;
}

#delivary_list {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 2007;
  background: #ffffff;
  margin: 0;
}
#delivary_list > .header_back h3 {
  text-indent: 45px;
}

.delivary_list_wrap.order_addr {
  margin: 50px auto 10px;
}
.delivary_list_wrap .tab_btn_wrap {
  border: none;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #717171;
  width: 100%;
}
.delivary_list_wrap .deli_list {
  width: 100%;
  margin: 0 auto;
  height: calc(100vh - 100px);
  overflow: scroll;
}
.delivary_list_wrap .deli_list::-webkit-scrollbar {
  width: 5px;
}
.delivary_list_wrap .deli_list::-webkit-scrollbar-track {
  background: transparent;
}
.delivary_list_wrap .deli_list::-webkit-scrollbar-thumb {
  background: #ededed;
}
.delivary_list_wrap .deli_list::-webkit-scrollbar-thumb:hover {
  background: #ADADAD;
}
.delivary_list_wrap .deli_list ul.deli_items {
  padding: 20px 0;
  border-bottom: 1px solid #F3F3F3;
}
.delivary_list_wrap .deli_list ul.deli_items > li:nth-child(1) {
  width: 50%;
}
.delivary_list_wrap .deli_list ul.deli_items > li:nth-child(1) strong {
  font-weight: 500;
}
.delivary_list_wrap .deli_list ul.deli_items > li:nth-child(2) {
  color: #717171;
  font-size: 0.8rem;
  vertical-align: middle;
  margin-right: 10px;
}
.delivary_list_wrap .deli_list ul.deli_items > li:nth-child(2) input[type=button] {
  border: none;
  background: transparent;
  padding: 0 10px;
  color: #717171;
}
.delivary_list_wrap .deli_list ul.deli_items > li:nth-child(2) + li {
  width: 100%;
  margin: 5px 0;
}
.delivary_list_wrap .deli_list ul.deli_items > li:nth-child(2) + li address p {
  color: #717171;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}
.delivary_list_wrap .deli_list ul.deli_items > li:last-child {
  width: 100%;
}
.delivary_list_wrap .deli_list ul.deli_items > li:last-child label {
  display: block;
  width: 50%;
  font-size: 14px;
}

form[name=deliUpdate] {
  display: block;
  border-bottom: 1px solid #EAEAEA;
  padding: 15px 0;
  width: 96%;
  box-sizing: border-box;
  margin: auto;
  color: #ADADAD;
  /*주소 묶음*/
  /*주소 묶음*/
}
form[name=deliUpdate] .find_list {
  display: none;
}
form[name=deliUpdate] .btn_addr_update, form[name=deliUpdate] .btn_addr_delete {
  height: 25px;
  line-height: 25px;
  background: transparent;
  font-weight: 500;
  color: #717171;
  text-decoration: underline;
}
form[name=deliUpdate] > ul.flex_wrap > li:first-child {
  width: 50%;
}
form[name=deliUpdate] > ul.flex_wrap > li:first-child + li {
  width: 50%;
  text-align: right;
}
form[name=deliUpdate] > ul.flex_wrap > li:first-child + li input {
  padding: 0 10px;
  border-radius: 8px;
}
form[name=deliUpdate] > ul.flex_wrap > li:first-child + li ~ li {
  width: 100%;
}
form[name=deliUpdate] input[type=text] {
  transition: all 0.1s;
}
form[name=deliUpdate] input[type=text]:read-only {
  height: 25px;
  line-height: 25px;
  color: #717171;
}
form[name=deliUpdate] input[type=text].upfrm {
  margin: 3px 0;
  border: 1px solid #F3F3F3 !important;
  padding: 5px 5px 5px 10px;
  box-sizing: border-box;
  border-radius: 8px;
  height: 35px;
  line-height: 35px;
  color: #333333;
  transition: all 0.1s;
}
form[name=deliUpdate] input[name=addrnick] {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  max-width: 100px;
}
form[name=deliUpdate] input:not([type=radio]) {
  border: 1px solid transparent;
  outline: none;
}
form[name=deliUpdate] input[name=recname] {
  width: 20%;
  min-width: 80px;
}
form[name=deliUpdate] input[name=recphone] {
  width: 50%;
  min-width: 140px;
  box-sizing: border-box;
  padding: 0 0 0 10px;
}
form[name=deliUpdate] input[name=recaddrdetail] {
  width: 50%;
  width: calc(100% - 90px);
}
form[name=deliUpdate] input[name=recaddrnum] {
  font-size: 13px;
  font-weight: 500;
  width: calc(100% - 90px);
}
form[name=deliUpdate] input[name=addrfind], form[name=deliUpdate] input[name=addrsave] {
  height: 35px;
  line-height: 35px;
  width: 75px;
  border-radius: 8px;
  display: none;
  color: #ffffff;
  padding: 0;
}
form[name=deliUpdate] input[name=addrfind] {
  background-color: #ffffff;
  border: 2px solid #F47C7C;
  color: #F47C7C;
  box-sizing: border-box;
}
form[name=deliUpdate] input[name=recaddr] {
  width: 100%;
}

form[name=newDeli] {
  width: 95%;
  margin: 0 auto;
}
form[name=newDeli] input:disabled {
  background: #F9F9F9;
  border: 1px solid #EAEAEA;
}
form[name=newDeli] .deli_notice {
  text-align: center;
  font-size: 12px;
  line-height: 1;
  color: #000000;
}
form[name=newDeli] .re_deli_form_wrap > li:first-child input[type=button] {
  border: none;
  background: transparent;
  padding: 0 10px;
  color: #717171;
}
form[name=newDeli] .re_deli_form_wrap p.flex_wrap > input {
  width: 49.5%;
}
form[name=newDeli] .re_deli_form_wrap > li {
  margin: 10px 0;
  font-weight: 400;
  font-size: 13px;
}
form[name=newDeli] .re_deli_form_wrap > li label {
  color: #717171;
  display: block;
  padding: 0 0 5px 10px;
}
form[name=newDeli] .re_deli_form_wrap li.addr_wrap > input {
  margin: 5px 0;
}
form[name=newDeli] .re_deli_form_wrap li.none_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
form[name=newDeli] .re_deli_form_wrap li.none_wrap input {
  height: 40px;
  margin: 5px 0;
}
form[name=newDeli] .re_deli_form_wrap li.none_wrap input.addr_txt {
  width: calc(100% - 80px);
}
form[name=newDeli] .re_deli_form_wrap li.none_wrap input.addr_find {
  width: 70px;
}
form[name=newDeli] .re_deli_form_wrap li.none_wrap label {
  text-align: center;
  height: 30px;
  width: 100%;
}

.deli_new {
  display: none;
}

.deli_new .addr_txt {
  width: calc(100% - 110px);
}
.deli_new .addr_find {
  width: 100px;
  height: 40px;
  line-height: 40px;
}

.req_icon {
  font-size: 0.8rem;
  margin-left: 5px;
  color: #E0607E;
}
.req_icon::before {
  content: " *";
}

.validation {
  font-size: 10px;
  margin: 0 auto !important;
}

#order {
  background: #ffffff;
}
#order > .filter_wrap h3 {
  text-align: center;
  background: #F9F9F9;
  padding: 15px 0;
  font-weight: 500;
}
#order .delivary_info_wrap.fold_contents {
  width: 95% !important;
  padding: 5px 5px 20px;
}
#order .cancel_prd_info {
  width: 96%;
  margin: 0 auto;
  border-bottom: 1px solid #F5F5F5;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  height: 120px;
  overflow: hidden;
}
#order .cancel_prd_info > li:first-child {
  width: 30px;
}
#order .cancel_prd_info figure {
  width: 80px;
}
#order .cancel_prd_info figure img {
  width: 100%;
}
#order .cancel_prd_info .icon_wrap {
  height: 100%;
}
#order .cancel_prd_info .icon_wrap > li {
  height: 70px;
  position: relative;
}
#order .cancel_prd_info i.xi-close-thin {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 1.2rem;
}
#order .cancel_prd_info_detail {
  width: calc(100% - 130px);
}
#order .cancel_prd_info_detail a {
  display: block;
  position: relative;
}
#order .cancel_prd_info_detail a ul li {
  margin: 10px 0;
}
#order .cancel_prd_info_detail a ul li:first-child {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
#order .cancel_prd_info_detail a ul li:nth-child(2) {
  font-size: 13px;
  color: #717171;
}
#order .cancel_prd_info_detail a ul li:nth-child(2) em {
  font-size: 13px;
  color: #717171;
}
#order .cancel_prd_info_detail a ul li .discount {
  font-weight: 500;
  color: #F47C7C;
  margin-right: 5px;
}
#order .cancel_prd_info_detail a ul li strong {
  font-weight: 500;
}
#order .btn_wrap {
  padding: 0 3%;
  margin: 20px 0 30px;
}
#order .cancel_chk_list {
  margin: 0 auto;
  padding: 0 3%;
  border-bottom: 1px solid #F5F5F5;
}
#order .cancel_chk_list .cancel_chk_items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  padding: 5px 0;
}
#order .cancel_chk_list .cancel_chk_items > li:first-child {
  width: 80px;
}
#order .cancel_chk_list .cancel_chk_items > li:first-child img {
  width: 100%;
}
#order .cancel_chk_list .cancel_chk_items > li:last-child {
  width: calc(100% - 100px);
}
#order .cancel_chk_list .cancel_chk_items > li:last-child > a {
  display: block;
}
#order .cancel_chk_list .cancel_chk_items > li:last-child > a > ul > li:first-child {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
#order .cancel_chk_list .cancel_chk_items > li:last-child > a > ul > li:nth-child(2) {
  font-size: 13px;
  color: #717171;
  margin: 10px 0;
}
#order .cancel_chk_list .cancel_chk_items > li:last-child > a > ul > li:nth-child(2) em {
  font-size: 13px;
  color: #717171;
}
#order .cancel_chk_list .cancel_chk_items > li:last-child > a > ul > li:last-child strong {
  font-weight: 800;
  color: #000000;
}
#order .ex_btn_wrap {
  width: 96%;
  margin: 0 auto 10px;
  justify-content: flex-start;
  height: 45px;
  line-height: 45px;
}
#order .ex_btn_wrap > li {
  width: 30%;
}
#order .ex_btn_wrap label {
  width: 70%;
  display: inline-block;
}
#order .ex_btn_wrap input[name=ex_grp] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#order .ex_btn_wrap input[name=ex_grp]::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 6px;
  background-color: #E0607E;
  mask: url("../images/default/circle-check-regular.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-regular.svg") no-repeat center;
}
#order .ex_btn_wrap input[name=ex_grp]:checked::before {
  background-color: #E0607E;
  mask: url("../images/default/circle-check-solid.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-solid.svg") no-repeat center;
}
#order .ex_reason {
  width: 96%;
  margin: 0 auto;
}
#order .ex_reason form[name=reasonFrm] {
  width: 90%;
  margin: 0 auto;
}
#order .ex_reason form[name=reasonFrm] ul > li {
  margin: 10px 0;
}
#order .ex_reason h3 {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
#order .ex_reason h3::before {
  content: " * ";
  position: absolute;
  color: #F47C7C;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
#order .ex_reason h4 {
  font-size: 0.9rem;
  font-weight: 500;
  padding: 10px 0;
}
#order .ex_reason .ex_text {
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 6px;
  border-color: #EAEAEA;
  resize: none;
  height: 100px;
}
#order .ex_reason .ex_text::placeholder {
  color: #D3D3D3;
}
#order .ex_reason input[name=reason_grp] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#order .ex_reason input[name=reason_grp]::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 6px;
  background-color: #ADADAD;
  mask: url("../images/default/circle-check-regular.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-regular.svg") no-repeat center;
}
#order .ex_reason input[name=reason_grp]:checked::before {
  background-color: #058ED9;
  mask: url("../images/default/circle-check-solid.svg") no-repeat center;
  -webkit-mask: url("../images/default/circle-check-solid.svg") no-repeat center;
}
#order .title_wrap {
  margin: 20px 0 0 0;
}
#order .title_wrap .title {
  height: 40px;
  line-height: 40px;
  background: #F9F9F9;
  padding: 0 3%;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 1.1rem;
}
#order article.notice {
  box-sizing: border-box;
  width: 100%;
  padding: 0 !important;
}
#order article.notice p {
  background: #F9F9F9;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
}
#order article.notice ul {
  width: 90%;
  margin: 0 auto;
}
#order article.notice ul li {
  margin: 10px 0;
}
#order .mobile_cpn_tables {
  width: 90%;
  margin: 0px auto 10px;
}
#order .mobile_cpn_tables caption {
  text-align: left;
  margin: 0px 0 10px 0;
}
#order .mobile_cpn_tables th, #order .mobile_cpn_tables td {
  border: 1px solid #EAEAEA;
}
#order .mobile_cpn_tables th {
  width: 35%;
  text-align: left;
  padding-left: 15px;
}
#order .mobile_cpn_tables td {
  text-align: right;
  padding-right: 20px;
}
#order .mobile_cpn_tables td > a {
  color: #F47C7C;
}

.price_calc_wrap {
  width: 96%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #EAEAEA;
  box-shadow: 0 0 5px #EAEAEA;
  background: #F9F9F9;
}
.price_calc_wrap h3 {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 500;
}
.price_calc_wrap table {
  width: 100%;
  margin: 0 auto;
}
.price_calc_wrap + article {
  margin: 10px 0 60px;
}
.price_calc_wrap + article ul {
  margin: 10px 0;
}
.price_calc_wrap + article ul li {
  margin: 5px 0;
}
.price_calc_wrap + article ul li::before {
  content: " - ";
}

.paying_wrap {
  width: 80%;
  margin: 0 auto;
}
.paying_wrap h3.title {
  margin: 0 0 10px 0;
  font-weight: bold;
}
.paying_wrap .btn_wrap > .flex_wrap {
  justify-content: center !important;
  width: 100%;
}
.paying_wrap .btn_wrap > .flex_wrap > li {
  width: 47%;
  margin: 0 1%;
}

#cart .filter_list, #like .filter_list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
#cart .filter_list > li:last-child, #like .filter_list > li:last-child {
  width: 80px;
}
#cart .filter_list li, #like .filter_list li {
  vertical-align: middle;
}
#cart .delete_btn, #like .delete_btn {
  height: 30px;
  line-height: 30px;
  padding: 0;
  outline: none;
}
#cart .first_item, #like .first_item { /*장바구니 페이지 내 주문상품*/
  border: none;
  box-shadow: none;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 10px;
  overflow: hidden;
  border-bottom: 1px solid #F5F5F5;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
#cart .first_item > li, #like .first_item > li {
  margin: 0;
}
#cart .first_item > li:first-child, #like .first_item > li:first-child {
  width: 100%;
  position: relative;
  height: 30px;
}
#cart .first_item > li:first-child .prd_title, #like .first_item > li:first-child .prd_title {
  position: absolute;
  width: 70%;
  top: 60%;
  left: 30px;
  transform: translateY(-50%);
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  font-size: 13px;
  line-height: 1.1;
}
#cart .first_item > li:nth-child(2), #like .first_item > li:nth-child(2) {
  width: 100px;
  overflow: hidden;
  z-index: 9;
  background: #ffffff;
}
#cart .first_item > li:nth-child(3), #like .first_item > li:nth-child(3) {
  width: calc(100% - 110px);
}
#cart .first_item li.info del, #like .first_item li.info del {
  padding: 0;
  margin: 0;
}
#cart .first_item li.info .discount, #like .first_item li.info .discount {
  font-weight: normal;
  font-size: 14.5px;
}
#cart .first_item li.info .discount + *, #like .first_item li.info .discount + * {
  font-weight: normal;
  font-size: 14px;
}
#cart .first_item li.info li:last-child, #like .first_item li.info li:last-child {
  text-align: right;
  margin: 10px 10px 10px 0;
}
#cart .first_item li.info li:last-child .opt_price, #like .first_item li.info li:last-child .opt_price {
  font-size: 1.1rem;
  font-weight: 600;
}
#cart .first_item figure, #like .first_item figure {
  border-radius: 0;
  box-sizing: border-box;
  height: 95px;
  width: 95px;
  margin-left: 10px;
}
#cart .first_item .prd_opt, #like .first_item .prd_opt {
  font-weight: 500;
  margin-right: 10px;
  color: #000000;
}
#cart .first_item .prd_cnt, #like .first_item .prd_cnt {
  font-weight: 500;
  margin-right: 3px;
}
#cart .first_item .item_del, #like .first_item .item_del {
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 1.5rem;
  z-index: 99;
}
#cart .cart_calc_wrap, #like .cart_calc_wrap {
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10px 0;
}
#cart .xi-help-o, #like .xi-help-o {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
}
#cart .xi-help-o > span, #like .xi-help-o > span { /*툴팁스타일*/
  background: #ffffff;
  box-shadow: 0 0 5px #EAEAEA;
  position: absolute;
  box-sizing: border-box;
  padding: 5px;
  left: 20px;
  top: 5px;
  width: 250px;
  height: auto;
  font-size: 0.7rem;
  display: none;
  color: #717171;
  z-index: 1007;
}
#cart .xi-help-o > span > strong, #like .xi-help-o > span > strong {
  font-size: inherit;
  font-weight: bold;
}
#cart .prd_info, #like .prd_info {
  min-height: auto !important;
}

#like {
  margin-bottom: 80px;
}
#like p.notice {
  background: #ffffff;
  padding: 10px 10px 10px 20px;
}

.like_prd_info {
  width: 96%;
  margin: 0 auto;
  border-bottom: 1px solid #F5F5F5;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  height: 160px;
  overflow: hidden;
}
.like_prd_info > li:first-child {
  width: 30px;
}
.like_prd_info > li:last-child {
  width: 35px;
}
.like_prd_info figure {
  width: 110px;
}
.like_prd_info figure img {
  width: 100%;
}
.like_prd_info .icon_wrap {
  height: 100%;
}
.like_prd_info .icon_wrap > li {
  height: 70px;
  position: relative;
}
.like_prd_info i.xi-close-thin {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 1.2rem;
}
.like_prd_info span.cart { /*썸네일 카트아이콘*/
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -99999px;
  z-index: 997;
  display: block;
  mask: url("../images/default/cart_icon.svg") no-repeat center/85%;
  -webkit-mask: url("../images/default/cart_icon.svg") no-repeat center/85%;
  background-color: #ADADAD;
}
.like_prd_info span.cart.chk {
  background-color: #F47C7C;
}

.like_prd_info_detail {
  width: 43%;
  max-width: 500px;
}
.like_prd_info_detail a {
  display: block;
  position: relative;
}
.like_prd_info_detail a ul li:nth-child(1) {
  font-weight: 500;
  height: 45px;
  overflow: hidden;
  font-size: 0.95rem;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  margin-bottom: 15px;
}
.like_prd_info_detail a ul li:nth-child(2) {
  color: #ADADAD;
  margin-bottom: 5px;
}
.like_prd_info_detail a ul li:nth-child(2) del {
  font-size: 0.9rem;
}
.like_prd_info_detail a ul li:nth-child(3) .discount {
  font-weight: 500;
  color: #F47C7C;
  margin-right: 5px;
}
.like_prd_info_detail a ul li:nth-child(3) strong {
  font-weight: 500;
}

/*장바구니,찜하기 비어있을 경우*/
.empty {
  height: 100vh;
  background: #ffffff;
  text-align: center;
}
.empty > li > i {
  font-size: 7rem;
  color: #D3D3D3;
  margin: 40px 0 20px 0;
}
.empty p {
  color: #ADADAD;
}

#detail .empty {
  height: 250px;
}

#order .empty {
  height: 200px;
  box-sizing: border-box;
}
#order .empty span.order_list_icon {
  display: block;
  width: 100%;
  height: 100px;
  margin: 50px auto 20px;
  mask: url("../images/default/order_list_icon.svg") no-repeat center;
  -webkit-mask: url("../images/default/order_list_icon.svg") no-repeat center;
  background-color: #ADADAD;
}
#order .sender_name {
  font-weight: 500;
}
#order .pay_method .flex_wrap {
  margin: 0px auto 80px;
}
#order .pay_method .flex_wrap > li {
  width: 48%;
}
#order .js_copy_btn {
  border: none;
  background: transparent;
  text-decoration: underline 1px solid #44BBA4;
  color: #44BBA4;
  font-weight: 600;
  cursor: pointer;
}
#order .text_to_copy {
  display: block;
  background-color: transparent;
  border: none;
  appearance: none;
  resize: none;
  outline: none;
  padding: 0;
  margin: 0;
  text-align: center;
  overflow: hidden;
  line-height: 45px;
  height: 45px;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
}
#order .disabled > .flex_wrap {
  height: 45px;
}
#order .order_notice {
  margin: 10px 0;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  box-sizing: border-box;
  color: #717171;
  text-align: center;
}

#mypage {
  background: #ffffff;
  height: 100vh;
  /*프리미엄쿠폰리스트*/
  /*회원정보관리 페이지*/
  /*회원정보관리 비밀번호 확인후 최초 진입 페이지 */
}
#mypage .cnp_title {
  width: 100%;
  background: #F9F9F9;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
}
#mypage .cnp_title a {
  width: 90%;
  margin: 0 auto;
}
#mypage .cnp_title a span strong {
  font-weight: 500;
}
#mypage .default_user_info, #mypage .cs_info {
  width: 75%;
  margin: 0 auto;
  justify-content: space-around;
}
#mypage .default_user_info .name_wrap, #mypage .cs_info .name_wrap {
  width: 40%;
  max-width: 180px;
  min-width: 120px;
}
#mypage .default_user_info {
  margin: 20px auto;
}
#mypage .default_user_info .icon_user {
  width: 40px;
  height: 40px;
  display: block;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  position: relative;
}
#mypage .default_user_info .icon_user.normal {
  background-color: #E0607E;
}
#mypage .default_user_info .icon_user.normal::before {
  content: "일반";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
}
#mypage .default_user_info .icon_user.premium {
  background-color: #DECDF5;
}
#mypage .default_user_info .icon_user.premium::before {
  content: "프리미엄";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
}
#mypage .default_user_info .icon_user.mem_premium {
  background-color: #44BBA4;
}
#mypage .default_user_info .icon_user.mem_premium::before {
  content: "임직원";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  letter-spacing: -1px;
  white-space: nowrap;
}
#mypage .default_user_info > li:first-child {
  border: 1px solid #F3F3F3;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F9F9F9;
}
#mypage .default_user_info > li:first-child .xi-user-o {
  color: #EAEAEA;
  font-size: 2.5rem;
  margin: 5px;
}
#mypage .default_user_info > li:first-child ~ li i {
  color: #333333;
}
#mypage .deli_fav_wrap {
  margin: 20px auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
#mypage .deli_fav_wrap > li {
  box-sizing: border-box;
  padding: 5px;
}
#mypage .deli_fav_wrap > li:hover i, #mypage .deli_fav_wrap > li:hover p {
  color: #E0607E;
}
#mypage .deli_fav_wrap > li > a {
  text-align: center;
}
#mypage .deli_fav_wrap > li > a i {
  color: #ADADAD;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
#mypage .deli_fav_wrap > li > a p {
  font-size: 0.8rem;
  color: #333333;
  text-align: center;
  margin-top: 10px;
}
#mypage .deli_fav_wrap > li > a p span {
  font-size: inherit;
}
#mypage .deli_fav_wrap > li:nth-child(3) {
  border: 1px dotted #A288E3;
  border-radius: 8px;
}
#mypage .deli_fav_wrap > li:nth-child(3) i, #mypage .deli_fav_wrap > li:nth-child(3) p {
  color: #A288E3;
}
#mypage .deli_fav_wrap > li:nth-child(3):hover {
  background: #f3eaff;
}
#mypage .cs_info {
  margin: 30px auto 20px;
}
#mypage .cs_info > li {
  height: 45px;
}
#mypage .cs_info > li > a {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  position: relative;
}
#mypage .cs_info > li > a.alarm::after {
  content: "";
  position: absolute;
  display: block;
  width: 7px;
  height: 7px;
  background: #E0607E;
  border-radius: 50%;
  right: -15px;
  top: 10px;
}
#mypage .xi-bell-o.alarm {
  position: relative;
  margin-right: 10px;
}
#mypage .xi-bell-o.alarm::after {
  content: "";
  position: absolute;
  display: block;
  width: 7px;
  height: 7px;
  background: #E0607E;
  border-radius: 50%;
  right: 0;
  top: 0;
}
#mypage .link_wrap > li {
  border-bottom: 1px solid #EAEAEA;
}
#mypage .link_wrap > li:hover {
  background: #F5F5F5;
}
#mypage .link_wrap > li:first-child {
  border-top: 1px solid #EAEAEA;
}
#mypage .link_wrap > li > a {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  height: 45px;
  width: 90%;
  margin: 0 auto;
}
#mypage .notice_wrap {
  width: 80%;
  margin: 20px auto;
  padding: 20px;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.95rem;
  font-weight: 300;
  color: #333333;
  font-weight: 400;
  text-decoration: wavy #ade6db underline 1px;
}
#mypage .sub_title {
  box-sizing: border-box;
  padding: 20px;
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 20px;
  background: #F9F9F9;
}
#mypage .subscribe_list > li > a {
  width: 94%;
  margin: 5px auto;
  box-sizing: border-box;
  padding: 10px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  box-shadow: 0 0 5px #EAEAEA;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
#mypage .subscribe_list > li > a i {
  margin-right: 5px;
}
#mypage .subscribe_list > li > a i {
  font-size: 2.8rem;
}
#mypage .subscribe_list > li > a i.xi-angle-right {
  font-size: 1.2rem;
  color: #717171;
}
#mypage .subscribe_list > li > a p span, #mypage .subscribe_list > li > a p strong {
  display: block;
}
#mypage .subscribe_list > li > a p span {
  color: #ADADAD;
  font-size: 0.9rem;
  line-height: 1.2rem;
}
#mypage .subscribe_list > li > a p strong {
  color: #000000;
}
#mypage .subscribe_list > li > a p.sub_icon + p {
  width: 80%;
  max-width: 250px;
}
#mypage .subscribe_list > li > a p.sub_icon > span {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url("../images/default/special_cpn_icon.png");
  background-size: 250px 50px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
#mypage .subscribe_list > li > a p.sub_icon.shopping > span {
  background-position: 0 0;
}
#mypage .subscribe_list > li > a p.sub_icon.pet > span {
  background-position: -50px 0;
}
#mypage .subscribe_list > li > a p.sub_icon.travel > span {
  background-position: -100px 0;
}
#mypage .subscribe_list > li > a p.sub_icon.driving > span {
  background-position: -150px 0;
}
#mypage .subscribe_list > li > a p.sub_icon.insurance > span {
  background-position: -200px 0;
}
#mypage .subscribe_list > li:hover > a {
  background: #eefcff;
}
#mypage .subscribe_list > li:nth-child(2n-1) > a i {
  color: #058ED9;
}
#mypage .subscribe_list > li:nth-child(2n-1) > a i.xi-angle-right {
  font-size: 1.2rem;
  color: #717171;
}
#mypage .subscribe_list > li:nth-child(2n) > a i {
  color: #A288E3;
}
#mypage .subscribe_list > li:nth-child(2n) > a i.xi-angle-right {
  font-size: 1.2rem;
  color: #717171;
}
#mypage .subscribe_list > li:nth-child(3n) > a i {
  color: #44BBA4;
}
#mypage .subscribe_list > li:nth-child(3n) > a i.xi-angle-right {
  font-size: 1.2rem;
  color: #717171;
}
#mypage .pwd_chk_form {
  width: 94%;
  margin: 0 auto;
  padding: 0 0 100px 0;
}
#mypage .pwd_chk_form > li {
  margin: 10px 0;
}
#mypage .pwd_chk_form > li:first-child {
  margin: 20px 0;
  text-align: center;
  box-sizing: border-box;
  padding: 100px 0 50px 0;
}
#mypage .my_info_wrap .tables {
  width: 94%;
  margin: 10px auto 20px;
  background: #ffffff;
}
#mypage .my_info_wrap .tables.init th, #mypage .my_info_wrap .tables.init td, #mypage .my_info_wrap .tables.init a {
  font-size: 13px;
  font-weight: 300;
}
#mypage .my_info_wrap .tables.init th {
  font-weight: 500;
}
#mypage .my_info_wrap .tables.init td {
  color: #717171;
}
#mypage .my_info_wrap .tables.init td span {
  font-size: 0.7rem;
  color: #D3D3D3;
  padding: 0 10px;
}
#mypage .my_info_wrap .tables.init a {
  text-decoration: underline;
  color: #717171;
  text-align: right;
  display: block;
}
#mypage .my_info_wrap .tables th, #mypage .my_info_wrap .tables td {
  background: transparent;
  border: none;
  vertical-align: bottom;
  color: #717171;
}
#mypage .my_info_wrap .tables th {
  text-align: left;
}
#mypage .my_info_wrap .tables th.title {
  font-size: 1.1rem;
  font-weight: 500;
  border-bottom: 1px solid #EAEAEA;
}
#mypage .my_info_wrap .tables td > label {
  display: block;
  font-size: 0.9rem;
  color: #ADADAD;
  margin-bottom: 5px;
  padding: 0 0 0 10px;
  font-weight: 300;
}
#mypage .my_info_wrap .tables input[type=button] {
  height: 40px;
}
#mypage .my_info_wrap .select_info th.title {
  border-top: 1px solid #EAEAEA;
}
#mypage #memDrop {
  margin-top: 50px;
  height: 25px;
  border: none;
  background: #F9F9F9;
  color: #D3D3D3;
  border-radius: 4px;
}
#mypage form[name=filterFrm] ul.filter_list > li:nth-child(2) {
  width: 30%;
}

#coupon { /*쿠폰 사용가능한 상품*/
  margin-top: 45px;
}

/*1:1문의내역*/
#cs_center, #mypage {
  background: #ffffff;
}
#cs_center .cs_title, #mypage .cs_title {
  text-align: left;
  padding: 0;
  margin: 0;
}
#cs_center .search_wrap, #mypage .search_wrap {
  width: 96%;
  margin: 10px auto 5px;
  position: relative;
}
#cs_center .search_wrap .form, #mypage .search_wrap .form {
  height: auto;
}
#cs_center .search_wrap .search_icon, #mypage .search_wrap .search_icon {
  position: absolute;
  right: 10px;
  top: 22px;
}
#cs_center .csfaqSwiper, #mypage .csfaqSwiper {
  margin: 10px 0;
}
#cs_center .csfaqSwiper ul > li > a, #mypage .csfaqSwiper ul > li > a {
  display: block;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  font-size: 0.8rem;
  padding: 5px 0;
  text-align: center;
  box-sizing: border-box;
}
#cs_center .csfaqSwiper ul > li > a.active, #mypage .csfaqSwiper ul > li > a.active {
  background-color: #ffeeee;
  border: 1px solid #fcc;
}
#cs_center .faq_list_wrap .faq_list_item > li > div, #mypage .faq_list_wrap .faq_list_item > li > div {
  padding-bottom: 0px;
}
#cs_center .faq_list_wrap, #mypage .faq_list_wrap {
  height: auto;
}
#cs_center .faq_list_wrap .bedge, #mypage .faq_list_wrap .bedge {
  border-radius: 2px;
  letter-spacing: -1px;
}
#cs_center h3.fold_btn, #mypage h3.fold_btn {
  background: url("../images/default/up_icon_black.png") right 10px center no-repeat;
  border: 1px solid #F5F5F5;
  height: auto;
  width: 100%;
  margin-bottom: 10px;
  line-height: 1.3rem;
  box-sizing: border-box;
  padding: 10px 3%;
  font-size: 13px;
  font-weight: 300;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
#cs_center h3.fold_btn > span, #mypage h3.fold_btn > span {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  width: 93%;
  font-size: 0.9rem;
}
#cs_center h3.fold_btn.close, #mypage h3.fold_btn.close {
  background-color: #ffffff;
}
#cs_center h3.close, #mypage h3.close {
  background: url("../images/default/down_icon_black.png") right 10px center no-repeat;
  background-color: #F9F9F9;
}
#cs_center .tab02_contents, #mypage .tab02_contents {
  margin-bottom: 80px;
}
#cs_center .cs_title, #mypage .cs_title {
  width: 96%;
  margin: 10px auto;
}
#cs_center .cs_title > li h3, #mypage .cs_title > li h3 {
  font-size: 1.1rem;
  font-weight: 500;
  margin: 10px auto;
}
#cs_center .cs_title > li a, #mypage .cs_title > li a {
  font-size: 0.9rem;
}
#cs_center .ellipsis_wrap, #mypage .ellipsis_wrap {
  margin: 10px auto;
  text-align: center;
}
#cs_center .update_btn_wrap, #mypage .update_btn_wrap {
  margin: 10px 0;
}

#notice_wrap, .notice_wrap {
  margin-top: 10px;
  margin-bottom: 80px;
  border-top: 1px solid #F3F3F3;
  box-shadow: 0 -5px 10px #F5F5F5;
}
#notice_wrap .bedge, .notice_wrap .bedge {
  border-radius: 2px;
}
#notice_wrap .notice_list > li.notice_fixed, .notice_wrap .notice_list > li.notice_fixed {
  background-color: #fafafa;
}
#notice_wrap .notice_list > li.notice_fixed .title_date, .notice_wrap .notice_list > li.notice_fixed .title_date {
  background-color: transparent;
}
#notice_wrap .notice_list > li.notice_fixed h5, #notice_wrap .notice_list > li.notice_fixed h6, .notice_wrap .notice_list > li.notice_fixed h5, .notice_wrap .notice_list > li.notice_fixed h6 {
  font-weight: 500;
}
#notice_wrap .notice_list.title, .notice_wrap .notice_list.title {
  width: 96%;
  margin: 0 auto;
}
#notice_wrap .notice_list > li > a, .notice_wrap .notice_list > li > a {
  display: block;
  width: 96%;
  margin: 0 auto;
}
#notice_wrap .notice_list > li, .notice_wrap .notice_list > li {
  border-bottom: 1px solid #F3F3F3;
  padding: 10px 0;
}
#notice_wrap .notice_list > li:first-child, .notice_wrap .notice_list > li:first-child {
  border-top: 1px solid #F3F3F3;
}
#notice_wrap .notice_list .title_date, .notice_wrap .notice_list .title_date {
  display: inline-block;
  padding: 2px 4px;
  font-size: 0.8rem;
  color: #ADADAD;
  border: none;
}
#notice_wrap .notice_list h6, .notice_wrap .notice_list h6 {
  font-size: 13px;
  margin: 5px 0;
  font-weight: 500;
}
#notice_wrap .notice_list .notice_contents, .notice_wrap .notice_list .notice_contents {
  min-height: 300px;
  height: auto;
}
#notice_wrap .notice_list .flex_wrap h6, .notice_wrap .notice_list .flex_wrap h6 {
  width: calc(100% - 65px);
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
#notice_wrap .notice_list .flex_wrap span, .notice_wrap .notice_list .flex_wrap span {
  display: block;
  width: 50px;
  font-size: 0.8rem;
  border: 1px solid #717171;
  text-align: center;
  color: #717171;
  border-radius: 2px;
  padding: 2px 4px;
}
#notice_wrap .btn_wrap, .notice_wrap .btn_wrap {
  text-align: center;
}
#notice_wrap input.btn_line, .notice_wrap input.btn_line {
  width: 96% !important;
  margin: 10px auto;
}

.notice_wrap {
  box-shadow: none !important;
}

/*회원탈퇴 페이지*/
.delete {
  margin: 0 auto;
  width: 94%;
}
.delete .del_notice_info li > label {
  display: block;
  margin: 5px 0;
  text-indent: 5px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333333;
}
.delete .del_notice_info dl > * {
  box-sizing: border-box;
}
.delete .del_notice_info dl dt {
  font-weight: 500;
  padding: 10px 0 0 0;
}
.delete .del_notice_info dl dd {
  line-height: 1.2;
  border-bottom: 1px solid #F3F3F3;
  padding: 5px 0 10px 0;
}
.delete .del_notice_info dl dd:last-child {
  border-bottom: none;
}
.delete .del_notice_info .tables {
  border-bottom: 2px solid #717171;
  border-top: 2px solid #717171;
}
.delete .del_notice_info .tables td {
  border-right: 1px solid #EAEAEA;
  padding: 20px;
}
.delete .del_notice_info .tables td:last-child {
  border-right: none;
  text-align: center;
}
.delete .del_notice_info .notice {
  color: #F47C7C;
}
.delete > h3 {
  font-weight: 500;
  margin: 20px 0 0 0;
}
.delete .opinion_wrap label {
  display: block;
  margin: 5px 0;
  text-indent: 5px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #fffbfb;
}
.delete .opinion_wrap li.hide {
  display: none;
  margin: 0px 0 20px 0;
}
.delete .opinion_wrap li.hide textarea {
  width: 96%;
  display: block;
  margin: 10px auto;
  border: 1px solid #D3D3D3;
  appearance: none;
  resize: none;
  height: 60px;
  outline: none;
}
.delete .opinion_wrap li:last-child {
  margin-top: 20px;
  margin-bottom: 80px;
}

/*쿠폰 스타일*/
.coupon {
  width: 120px;
  height: 70px;
  background: url("../images/default/cpn_bg.png") no-repeat 0 0/100%;
  box-sizing: border-box;
  position: relative;
}
.coupon > div {
  position: absolute;
  width: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.coupon h4, .coupon h5 {
  text-align: center;
}
.coupon h4 {
  font-size: 14px;
  line-height: 1.2;
  color: #A288E3;
}
.coupon h5 {
  font-size: 18px;
  font-weight: 800;
  color: #6135d0;
}
.coupon.DLVC {
  background-position: 0 -70px;
}
.coupon.DLVC h4 {
  font-size: 14px;
  line-height: 1.2;
  color: #058ED9;
}
.coupon.DLVC h5 {
  font-size: 18px;
  font-weight: 800;
  color: #507DBC;
}
.coupon.SPBK {
  background-position: 0 0px;
}
.coupon.SPBK h4 {
  font-size: 14px;
  line-height: 1.2;
  color: #44BBA4;
}
.coupon.SPBK h5 {
  font-size: 18px;
  font-weight: 800;
  color: #1B998B;
}
.coupon.SPBK {
  background-position: 0 -140px;
}
.coupon.SPBK h4 {
  font-size: 14px;
  line-height: 1.2;
  color: #44BBA4;
}
.coupon.SPBK h5 {
  font-size: 18px;
  font-weight: 800;
  color: #1B998B;
}
.coupon.card {
  background-position: 0 -210px;
}
.coupon.card h4 {
  font-size: 14px;
  line-height: 1.2;
  color: #E0607E;
}
.coupon.card h5 {
  font-size: 18px;
  font-weight: 800;
  color: #B6244F;
}

.coupon_detail {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: 96%;
  margin: 0 auto;
  height: 140px;
}
.coupon_detail > li:first-child {
  width: 130px;
}
.coupon_detail > li:last-child {
  width: calc(100% - 150px);
}

.coupon_list > li {
  border-bottom: 1px solid #F5F5F5;
}

.coupon_detail_info {
  position: relative;
  height: 140px;
  width: 100%;
}
.coupon_detail_info > li {
  position: absolute;
}
.coupon_detail_info > li:nth-child(1) {
  font-size: 13px;
  font-weight: 500;
  top: 15px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.coupon_detail_info > li:nth-child(2) {
  font-size: 0.8rem;
  color: #507dbc;
  top: 40px;
}
.coupon_detail_info > li:nth-child(3) {
  font-size: 0.8rem;
  color: #ADADAD;
  top: 60px;
}
.coupon_detail_info > li:nth-child(4) {
  top: 80px;
  font-size: 13px;
  color: #717171;
}
.coupon_detail_info > li:nth-child(5) {
  bottom: 20px;
}
.coupon_detail_info > li:nth-child(5) > input[type=button] {
  font-size: 0.8rem;
  border: 1px solid #ADADAD;
  border-radius: 6px;
  background: #ffffff;
  color: #717171;
}

.coupon_notice > li::before {
  content: " - ";
}

.tab02_contents > .coupon_list {
  filter: grayscale(50);
}

.myreview_detail {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 10px;
  border-bottom: 1px solid #F3F3F3;
}
.myreview_detail > li:first-child {
  width: 100px;
  height: 100px;
}
.myreview_detail > li:first-child figure img {
  width: 100%;
}
.myreview_detail > li:nth-child(2) {
  width: calc(100% - 150px);
}
.myreview_detail > li:last-child {
  width: 100%;
  height: 30px;
  padding: 10px;
  margin: 10px 0;
  border-top: 1px solid #F3F3F3;
}
.myreview_detail > li:last-child ul {
  height: 40px;
}
.myreview_detail > li:last-child ul > li {
  width: 49%;
}
.myreview_detail p.date_count {
  display: block;
  font-size: 0.8rem;
  font-weight: 300;
  color: #717171;
  word-break: keep-all;
}
.myreview_detail p.date_count strong, .myreview_detail p.date_count em {
  font-size: inherit;
  color: #717171;
}
.myreview_detail p.date_count em {
  font-weight: 500;
  color: #000000;
}
.myreview_detail .finish_btn {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border-radius: 2px;
  background: #F47C7C;
  color: #ffffff;
  font-weight: 500;
  font-size: 0.9rem;
  text-align: center;
  padding: 10px 0;
}
.myreview_detail .finish_btn:link, .myreview_detail .finish_btn:visited, .myreview_detail .finish_btn:hover, .myreview_detail .finish_btn:active {
  color: #ffffff;
}
.myreview_detail .review_write {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border-radius: 2px;
  background: #fdeded;
  color: #F47C7C;
  font-weight: 500;
  font-size: 0.9rem;
  text-align: center;
  padding: 10px 0;
}
.myreview_detail .review_write.disabeld {
  background: #F3F3F3;
}
.myreview_detail .review_write.disabeld:link, .myreview_detail .review_write.disabeld:visited, .myreview_detail .review_write.disabeld:hover, .myreview_detail .review_write.disabeld:active {
  color: #ADADAD;
}
.myreview_detail .review_write:link, .myreview_detail .review_write:visited, .myreview_detail .review_write:hover, .myreview_detail .review_write:active {
  color: #E0607E;
}

.myreview_prd_info > li {
  font-size: 13px;
}
.myreview_prd_info > li:nth-child(1) {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  font-weight: 500;
}
.myreview_prd_info > li:nth-child(2) {
  margin: 10px 0;
  font-size: 0.8rem;
  color: #717171;
}
.myreview_prd_info > li:nth-child(3) {
  color: #333333;
}
.myreview_prd_info > li:nth-child(4) {
  text-align: right;
}
.myreview_prd_info > li:nth-child(4) a {
  color: #44BBA4;
  font-size: 13px;
  margin-right: 15px;
}

#mypage .review_list_wrap {
  height: auto;
}
#mypage .search_wrap {
  padding-bottom: 20px;
  border-bottom: 1px solid #F3F3F3;
}

.prd_info_review {
  width: 75%;
  min-width: 240px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.prd_info_review > li:first-child {
  width: 90px;
  height: 110px;
  line-height: 120px;
}
.prd_info_review > li:first-child figure {
  text-align: center;
  vertical-align: middle;
}
.prd_info_review > li:first-child figure img {
  width: 90%;
  vertical-align: middle;
}
.prd_info_review > li:nth-child(2) {
  width: calc(100% - 90px);
}
.prd_info_review > li:nth-child(2) > div {
  margin: 10px 0;
}

.btn_update, .btn_delete {
  display: block !important;
  margin: 10px !important;
  background: #F3F3F3;
  color: #ADADAD;
  font-weight: 500;
  padding: 5px;
  border-radius: 5px;
}
.btn_update:link, .btn_update:visited, .btn_update:hover, .btn_update:active, .btn_delete:link, .btn_delete:visited, .btn_delete:hover, .btn_delete:active {
  color: #717171;
}
.btn_update i, .btn_delete i {
  font-size: 0.8rem;
  color: #ADADAD;
}

.myreview .write_date {
  font-size: 0.8rem;
}
.myreview .write_date span {
  font-size: inherit;
}

.answer {
  background: #fef2f2;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px;
  text-align: left;
  color: #717171;
  line-height: 1.5rem;
  font-weight: 300;
}
.answer strong {
  font-weight: 500;
  margin-right: 5px;
}
.answer strong::before {
  content: "A";
  color: #B6244F;
  display: inline-block;
  margin-right: 5px;
}

.myorder .status {
  width: 95%;
  margin: 10px auto;
}
.myorder .status > li:first-child strong {
  font-weight: 500;
}
.myorder .status > li:nth-child(2) {
  font-weight: 300;
  font-size: 0.9rem;
  color: #717171;
}
.myorder .myorder_list > li {
  border-bottom: 1px solid #F3F3F3;
  margin-bottom: 10px;
}
.myorder .myorder_detail {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 10px;
}
.myorder .myorder_detail > li:first-child {
  width: 100px;
  height: 100px;
}
.myorder .myorder_detail > li:first-child figure img {
  width: 100%;
}
.myorder .myorder_detail > li:last-child {
  width: calc(100% - 150px);
}
.myorder .myorder_btn_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
.myorder .myorder_btn_wrap > li {
  height: 35px;
  width: 100%;
  margin: 0px 10px;
  margin-bottom: 10px;
}
.myorder .myorder_btn_wrap.delivary {
  flex-wrap: nowrap;
}
.myorder .abtn {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1;
  background: #ffffff;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #D3D3D3;
  font-size: 0.8rem;
}
.myorder .abtn.exchange_btn {
  color: #E0607E;
  border-color: #E0607E;
  font-weight: 500;
}
.myorder .abtn.delivary_btn {
  color: #44BBA4;
  border-color: #44BBA4;
  font-weight: 500;
}
.myorder .abtn.finish_btn, .myorder .abtn.review_btn {
  color: #ffffff;
  border-color: #F47C7C;
  background-color: #F47C7C;
  font-weight: 500;
}
.myorder .date_wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 0 3%;
  height: 45px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  border-bottom: 1px solid #F3F3F3;
  text-align: center;
}
.myorder .date_wrap > li:first-child {
  font-weight: 500;
}
.myorder .date_wrap > li:last-child > a {
  display: block;
  padding: 0 20px 0 0;
  background: url("../images/default/more_icon.png") no-repeat right center/20px;
}

#mypage .btn_logout {
  display: block;
  margin: 40px auto 0;
  text-align: center;
  border: none;
  background-color: #F5F5F5;
  padding: 5px 20px;
  color: #ADADAD;
  border-radius: 6px;
}
#mypage #search {
  position: relative;
}
#mypage #search .bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
#mypage .search_detail {
  position: absolute;
  background: #ffffff;
  display: none;
  z-index: 999;
  width: 100%;
  height: 300px;
  margin: 0 auto 10px;
  padding: 0 3% 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #F3F3F3;
}
#mypage .search_detail > li:first-child h4 {
  margin: 10px 0;
  font-weight: 600;
}
#mypage .search_detail > li:first-child span {
  font-size: 0.8rem;
  color: #ADADAD;
}
#mypage .search_detail h5 {
  margin: 20px 0 10px;
  font-weight: 600;
}
#mypage .search_detail .status {
  margin: 10px 0;
}
#mypage .search_detail .date_select_btn > li {
  width: 23%;
  margin: 10px 0;
}
#mypage .search_detail .date_select_btn > li > .form {
  border-color: #F47C7C;
  background-color: #ffeeee;
}
#mypage .search_detail li.date_select {
  width: 100%;
  background: #F5F5F5;
  border-radius: 6px;
}
#mypage .search_detail li.date_select > div.customSelect {
  margin: 5px 0;
  width: 45%;
}
#mypage .search_detail li.date_select > div.customSelect select {
  border: none;
  background-image: url("../images/default/icon_calendar.svg");
  background-position: right 8px center;
}
#mypage .search_detail label {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #F47C7C;
  box-sizing: border-box;
  color: #F47C7C;
}
#mypage .search_detail input[name=sch_grp] { /* 서치 버튼 */
  display: none !important;
}
#mypage .search_detail input[name=sch_grp]:checked + label {
  background: #F47C7C;
  color: #ffffff;
  font-weight: 500;
}
#mypage .myqna_list_wrap {
  box-sizing: border-box;
  padding: 0 0 30px 0;
}
#mypage .myqna_list_wrap .prd_info_qna {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
  width: 100%;
  box-sizing: border-box;
  padding: 0 3% 10px;
  margin: 0 auto;
}
#mypage .myqna_list_wrap .prd_info_qna > li:first-child {
  width: 80px;
}
#mypage .myqna_list_wrap .prd_info_qna > li:nth-child(2) {
  width: calc(100% - 160px);
  box-sizing: border-box;
  padding: 0 10px;
}
#mypage .myqna_list_wrap .prd_info_qna > li figure {
  width: 80px;
}
#mypage .myqna_list_wrap .prd_info_qna > li figure img {
  width: 100%;
}
#mypage .myqna_list_wrap .prd_info_qna > li.btn_wrap {
  width: 80px;
}
#mypage .myqna_list_wrap .prd_info_qna > li.btn_wrap > a {
  font-size: 0.8rem;
  text-align: center;
}
#mypage .myqna_list_wrap .myqna_prd_info > li {
  margin: 10px 0;
}
#mypage .myqna_list_wrap .myqna_prd_info > li:first-child {
  font-size: 0.9rem;
  font-weight: 500;
  color: #717171;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
#mypage .myqna_list_wrap .myqna_prd_info > li:nth-child(2) {
  font-weight: 600;
  color: #333333;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
#mypage .myqna_list_wrap .myqna_prd_info > li:nth-child(3) {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*여러 행 정렬 : stretch, flex-start ... space-evenly(ie,edge X)*/
}
#mypage .myqna_list_wrap .myqna_prd_info .write_date {
  font-size: 0.8rem;
  color: #D3D3D3;
}
#mypage .myqna_list_wrap .qna_items > li:first-child {
  margin: 0;
}
#mypage .myqna_list_wrap .qna_items .qna_more_btn {
  width: 100%;
  overflow: hidden;
  display: block;
  text-align: right;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  padding: 5px 25px 5px 10px;
  margin: 5px auto 0;
  background: transparent url("../images/default/down_icon_black.png") no-repeat right 15px center/20px;
}
#mypage .myqna_list_wrap .qna_items .qna_more_btn.active {
  background-image: url("../images/default/up_icon_black.png");
}
#mypage .myqna_list_wrap .qna_items .qna_contents {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 0.9rem;
  color: #717171;
  border-bottom: 1px solid #F5F5F5;
  height: 0;
}
#mypage .myqna_list_wrap .qna_items .qna_contents.active {
  padding: 10px 3%;
  height: auto;
}
#mypage .myqna_list_wrap .qna_items .qna_contents .question {
  line-height: 1.2;
  font-size: 0.9rem;
}

#cs_center .faq_list_item {
  border-top: 0px;
}
#cs_center .faq_list_item .fold_btn {
  margin: 0;
}
#cs_center .faq_list_item > li {
  border-bottom: 0px;
}
#cs_center .faq_list_wrap > p {
  margin: 10px auto 40px;
}
#cs_center p.cs_center {
  font-size: 1.1rem;
  text-align: center;
  margin: 20px auto;
  width: 60%;
  border: 2px solid #717171;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  border-radius: 30px;
}
#cs_center p.cs_center span {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 50px;
}
#cs_center .tab02_contents {
  min-height: 650px;
  height: auto;
}

#terms {
  /*제휴문의*/
}
#terms hgroup > h3 {
  padding: 5px 0;
}
#terms .terms_select {
  width: 96%;
  height: 45px;
  padding: 0 10px;
  margin: 0 auto;
  display: block;
  font-size: 1.05rem;
  appearance: none;
  background: url("../images/default/arrow_down.png") no-repeat right 5px center/20px;
  outline: none;
  border-radius: 6px;
  border: 1px solid #ADADAD;
}
#terms .terms_contents {
  width: 98%;
  margin: 0 auto;
  padding: 20px 2%;
  box-sizing: border-box;
}
#terms .cooperation {
  text-align: center;
  line-height: 1.6;
  font-weight: 400;
  color: #717171;
  margin-bottom: 150px;
}
#terms .cooperation .email {
  font-size: 16px;
  margin: 20px 0;
  font-weight: 300;
}

/*약관관련 페이지*/
.agree_marketing, .agree_wrap {
  color: #333333;
  width: 96%;
  margin: 0 auto;
  color: #333 !important;
}
.agree_marketing article, .agree_wrap article {
  margin: 0 0 20px 0;
}
.agree_marketing article h2, .agree_wrap article h2 {
  font-weight: 500;
  font-size: 14pt;
  margin: 10px 0;
  color: #000000;
}
.agree_marketing article h4, .agree_wrap article h4 {
  font-weight: 600;
  font-size: 12pt;
}
.agree_marketing article p, .agree_wrap article p {
  font-size: 12pt;
  line-height: 1.8;
  margin: 3px auto;
  width: 98%;
  font-weight: 400;
  text-indent: 10px;
  color: #555555;
}
.agree_marketing article p.bold, .agree_wrap article p.bold {
  font-weight: 500;
}
.agree_marketing article .tables, .agree_wrap article .tables {
  border-collapse: collapse;
}
.agree_marketing article .tables th, .agree_marketing article .tables td, .agree_wrap article .tables th, .agree_wrap article .tables td {
  border: 1px solid #F3F3F3;
  padding: 5px;
  font-size: 12pt;
  text-align: center;
}
.agree_marketing article .tables th, .agree_wrap article .tables th {
  background-color: #EAEAEA;
  color: #000000;
  text-align: center;
  font-weight: 600;
}
.agree_marketing article .tables th.title_wide, .agree_wrap article .tables th.title_wide {
  width: 110px;
}
.agree_marketing ol > li, .agree_wrap ol > li {
  margin: 15px 0;
  font-size: 13pt;
  line-height: 1.8;
  font-weight: 500;
}
.agree_marketing ul > li, .agree_wrap ul > li {
  font-size: 12pt;
  padding-left: 10px;
  margin: 5px 0;
  font-weight: 400;
}
.agree_marketing ul > li::before, .agree_wrap ul > li::before {
  content: "- ";
}
.agree_marketing ul.list-style-none > li::before, .agree_wrap ul.list-style-none > li::before {
  content: "";
}
.agree_marketing ul.list-style-sub, .agree_wrap ul.list-style-sub {
  margin: 0;
  line-height: 1;
}
.agree_marketing ul.list-style-sub > li::before, .agree_wrap ul.list-style-sub > li::before {
  content: "";
}
.agree_marketing .tables th, .agree_marketing .tables td, .agree_wrap .tables th, .agree_wrap .tables td {
  border: 1px solid #D3D3D3;
}
.agree_marketing .bolder, .agree_wrap .bolder {
  font-weight: 600 !important;
  font-size: 1.1rem !important;
}
.agree_marketing .bolder > li, .agree_wrap .bolder > li {
  font-weight: 600 !important;
  font-size: 1.1rem !important;
}
.agree_marketing .left, .agree_wrap .left {
  text-align: left !important;
  line-height: 1.8;
}

.agree_wrap {
  margin-bottom: 100px;
}

.close_icon {
  z-index: 999;
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -999px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: url("../images/default/opt_close.png") no-repeat center/20px;
  cursor: pointer;
  transition: all 0.1s;
}

/* style.css  #cs_center .search_wrap .search_icon, .. */
#mypage .search_wrap .close_icon {
  position: absolute;
  right: 10px;
  top: 22px;
}

/* visibility hidden element */
.hidden-ele {
  display: none;
}

form[name=filterFrm] {
  height: 45px;
  width: 95%;
  margin: 0 auto;
  padding: 5px 0;
}

form[name=filterFrm] ul.cart_filter {
  width: 100%;
  height: 45px;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

form[name=filterFrm] ul.cart_filter li .cnt_num {
  color: #F47C7C;
}

form[name=filterFrm] ul.cart_filter .filters {
  display: flex;
  justify-content: flex-start;
}

form[name=filterFrm] ul.cart_filter > li:last-child {
  width: 30%;
  min-width: 130px;
}

/* 장바구니 제휴사 묶음 border */
.afltc_group {
  border: 1px solid #EAEAEA;
  margin-bottom: 10px;
}

.afltc_group_footer {
  padding: 5px;
  margin-left: 10px;
}

.chkbox.disable input::before {
  background-color: #EAEAEA;
  mask: url("../images/default/square-check-solid.svg") no-repeat center;
  -webkit-mask: url("../images/default/square-check-solid.svg") no-repeat center;
}

.myorder_header {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin-top: 10px;
}

.myorder_header > a {
  color: #44BBA4;
  font-size: 0.9rem;
  margin-right: 15px;
}

.myorder_header strong {
  font-weight: 700;
}

/* .btn_addr_update, .btn_addr_delete 에 추가 */
form[name=deliUpdate] .btn_addr_change {
  height: 25px;
  line-height: 25px;
  background: transparent;
  font-weight: 500;
  color: #717171;
  text-decoration: underline;
}

/* 구매내역 > 환불/교환 > 배송지 modal : style.css popup style 복사하여 사용 */
.popup_addr {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9999 !important;
}

.popup_addr .pop_back {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 9999 !important;
}

.popup_addr .pop_wrap {
  position: relative;
  background: #fff;
  width: 80%;
  height: 280px;
  max-height: 40vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  z-index: 9999 !important;
  overflow: hidden;
  text-align: center;
}

.popup_addr .popup_header {
  position: absolute;
  float: right;
  width: 100%;
}

.popup_addr .top_wrap {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
}

.popup_addr .top_wrap .addr_close {
  width: 45px;
  height: 45px;
  cursor: pointer;
  line-height: 45px;
  font-size: 1.4rem;
}