@charset "UTF-8";
/* 오버레이 */
/*어드민 디자인*/
/*/////////커스텀 컬러*/
/* @import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300'); */
/* @import url('https://fonts.googleapis.com/css?family=Lato:700,900'); */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700,900");
ul, li {
  list-style-type: none;
}

/* 텍스트 이펙트 */
.visu-top {
  animation: top 1s ease-out 0s both;
}

.visu-top2 {
  animation: top2 1s ease-out 0s both;
}

.visu-top3 {
  animation: top3 1s ease-out 0s both;
}

@keyframes top {
  0% {
    opacity: 0;
    margin-top: -120px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes top2 {
  0% {
    opacity: 0;
    margin-top: -180px;
  }
  100% {
    opacity: 1;
    margin-top: -60px;
  }
}
@keyframes top3 {
  0% {
    opacity: 0;
    margin-left: -200px;
  }
  100% {
    opacity: 1;
    margin-left: 0px;
  }
}
/* 끝 */
/* 슬라이드 */
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

* {
  box-sizing: border-box;
}

p:empty {
  height: 0;
  margin: 0;
}

.mycart_sec {
  padding: 10px;
  background-color: #434b6b;
}
.mycart_sec .contain {
  width: 100%;
  padding: 0 15px;
}
.mycart_sec .contain .mycart_top_menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}
.mycart_sec .contain .mycart_top_menu .title_tex {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
}
.mycart_sec .contain .mycart_top_menu .top_map {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mycart_sec .contain .mycart_top_menu .top_map .home_a {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
}
.mycart_sec .contain .mycart_top_menu .top_map span {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  margin: 0 10px;
}
.mycart_sec .contain .mycart_top_menu .top_map .p {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
}

.mycart_list_sec {
  width: 100%;
  margin-top: 120px;
}
.mycart_list_sec .contain {
  width: 100%;
  padding: 0 15px;
}
.mycart_list_sec .contain .col_full {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mycart_list_sec .contain .col_full .title_tex {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #323333;
  padding: 20px;
}
.mycart_list_sec .contain .col_full .head_tab {
  width: 100%;
}
.mycart_list_sec .contain .col_full .head_tab .head_ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mycart_list_sec .contain .col_full .head_tab .head_ul .head_li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 15px 0;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}
.mycart_list_sec .contain .col_full .head_tab .head_ul .head_li:nth-of-type(1) {
  flex: 0.5;
}
.mycart_list_sec .contain .col_full .head_tab .head_ul .head_li:nth-of-type(2) {
  flex: 2;
}
.mycart_list_sec .contain .col_full #cartPage, .mycart_list_sec .contain .col_full #nm_cartPage {
  width: 100%;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul, .mycart_list_sec .contain .col_full #nm_cartPage .body_ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul .body_li, .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  padding: 15px 0;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul .body_li img, .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li img {
  max-width: 100%;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul .body_li:nth-of-type(1), .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li:nth-of-type(1) {
  flex: 0.5;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul .body_li:nth-of-type(2), .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li:nth-of-type(2) {
  flex: 2;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul .body_li span.span_color, .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li span.span_color {
  width: 70px;
  height: 25px;
  background-color: #65a645;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul .body_li .qty_box, .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li .qty_box {
  width: 100%;
  display: flex;
  justify-content: center;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul .body_li .qty_box input.qty-val, .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li .qty_box input.qty-val {
  width: 50px;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: #323333;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul .body_li .qty_box a.qty-down, .mycart_list_sec .contain .col_full #cartPage .body_ul .body_li .qty_box a.qty-up, .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li .qty_box a.qty-down, .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li .qty_box a.qty-up {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  background-color: #3d3835;
}
.mycart_list_sec .contain .col_full #cartPage .body_ul .body_li a.del, .mycart_list_sec .contain .col_full #nm_cartPage .body_ul .body_li a.del {
  width: 55px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  background-color: #ea4242;
}
.mycart_list_sec .contain .row_full {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mycart_list_sec .contain .row_full .col_5 {
  width: 50%;
  display: flex;
}
.mycart_list_sec .contain .row_full .col_5.left {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  flex-direction: column;
  flex: 1;
}
.mycart_list_sec .contain .row_full .col_5.left .title_tex {
  font-size: 21px;
  font-weight: 700;
  line-height: 30px;
  color: #323333;
  padding: 0;
}
.mycart_list_sec .contain .row_full .col_5.left .coupon_box {
  width: 100%;
  display: flex;
  padding: 20px 0;
}
.mycart_list_sec .contain .row_full .col_5.left .coupon_box .coupon_input {
  width: 70%;
  height: 50px;
  padding: 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  color: #323333;
  border: 1px solid #8f8f8f;
}
.mycart_list_sec .contain .row_full .col_5.left .coupon_box .coupon_bt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 50px;
  background-color: #1d222c;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
}
.mycart_list_sec .contain .row_full .col_5.left #error_msg {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #ec6363;
}
.mycart_list_sec .contain .row_full .col_5.right {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 30px 0 30px 30px;
  flex: 1;
}
.mycart_list_sec .contain .row_full .col_5.right .col_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
  border: 1px solid #e0e0e0;
}
.mycart_list_sec .contain .row_full .col_5.right .col_box .box_li {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #c2c2c2;
}
.mycart_list_sec .contain .row_full .col_5.right .col_box .box_li .left_li {
  width: 30%;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #323333;
}
.mycart_list_sec .contain .row_full .col_5.right .col_box .box_li .right_li {
  display: flex;
  align-items: center;
  width: 50%;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #323333;
}
.mycart_list_sec .contain .row_full .col_5.right .col_box .box_li .right_li a.del_bt {
  width: 50px;
  height: 25px;
  font-size: 13px;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
  color: #ffffff;
  margin-left: 20px;
  background-color: #e56873;
}
.mycart_list_sec .contain .row_full .col_5.right .col_box .box_li:last-of-type {
  border-bottom: none;
}
.mycart_list_sec .contain .row_full .col_5.right .col_box .box_li:last-of-type .left_li {
  font-weight: 700;
}
.mycart_list_sec .contain .row_full .col_5.right .col_box .box_li:last-of-type .right_li {
  font-weight: 500;
}
.mycart_list_sec .contain .row_full .col_5.right.col_check {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
}
.mycart_list_sec .contain .row_full .col_5.right.col_check .check_bt {
  width: 200px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2d6ac8;
  color: #ffffff;
}

/*# sourceMappingURL=mycart.css.map */