@import url('slick.css');
/* check_style*/
.check_style {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

.check_style input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: url("/img/main/checkbox_off.png") no-repeat center center;
}

.check_style.active .checkmark,
.check_style input:checked~.checkmark {
    background: url("/img/main/checkbox_on.png") no-repeat center center;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.button_sub{
    border: 1px solid #666666;
    border-radius: 3px;
}

.check_style.active .checkmark:after {
    display: block;
}

.check_style input:checked~.checkmark:after {
    display: block;
}

.check_style .checkmark:after {}

.i_tit {
    font-size: 26px;
    color: #333;
    margin: 40px 0 20px;
    font-weight: 400;
}

.ta_list01 {
    width: 100%;
}

.ta_list01 th {
    height: 40px;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    color: #333;
    font-weight: 500;
    padding-left: 20px;
    text-align: left;
}

.ta_list01 td {
    padding: 10px 0;
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    color: #333;
    font-weight: 500;
    padding-left: 20px;
    text-align: left;
}

.ta_right {
    text-align: right;
}

.btn_st02 {
    display: inline-block;
    font-size: 14px;
    padding: 0 13px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    color: #fff;
    background-color: #fe3a40;
}

.btn_st03 {
    display: inline-block;
    font-size: 18px;
    line-height: 48px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #fe3a40;
    color: #333;
    background-color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn_st03.c01 {
    color: #fff;
    background-color: #fe3a40;
    border-color: #fe3a40;
}

.btn_st04 {
    display: inline-block;
    width: 140px;
    height: 32px;
    line-height: 32px;
    background-color: #fe3a40;
    color: #fff;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}

.btn_st05 {
    display: inline-block;
    padding: 0 10px;
    line-height: 24px;
    overflow: hidden;
    border: 1px solid #aaa;
    background-color: #f6f6f6;
    color: #333;
    font-size: 12px;
    border-radius: 2px;
    vertical-align: middle;
}

.btn_sav {
    display: inline-block;
    width: 80px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    background-color: #555;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    vertical-align: middle;
}

.btn_del {
    display: inline-block;
    width: 80px;
    height: 26px;
    line-height: 24px;
    overflow: hidden;
    border: 1px solid #aaa;
    background-color: #f6f6f6;
    color: #333;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn_st06 {
    display: inline-block;
    width: 255px;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    background-color: #fe3a40;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn_st06.c01 {
    border: 1px solid #ccc;
    line-height: 53px;
    color: #333;
    background-color: #fff;
}

.btn_st07 {
    display: inline-block;
    width: 144px;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background-color: #595959;
}

.btn_st07.c01 {
    background-color: #fe3a40;
    border-color: #fe3a40;
}

.btn_payment {
    display: block;
    margin: 20px auto 40px;
    width: 100%;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    text-align: center;
    background-color: #fe3a40;
    color: #fff;
    font-size: 20px;
    /*  border-bottom: 4px solid #1183bb; */
}

.btn_st08 {
    display: inline-block;
    width: 255px;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    background-color: #fff;
    color: #069ee9;
    border: solid 1px #069ee9;
    margin-left: 15px;
}

.btn_class_info {
    display: none;
    margin: 0px 0 5px 20px;
    width: 115px;
    height: 26px;
    line-height: 26px;
    background-color: #777777;
    color: #fff;
    outline: none;
}

.sub .list_ttl{
    font-size: 30px;
    font-weight: 700;
    color: #252525;
    margin: 50px 0 60px;
}

.sub_location {
    padding-top: 15px;
    margin-bottom: 15px;
}

.sub_location:after {
    content: "";
    display: block;
    clear: both;
}

.sub_location .sl_left {
    float: left;
}

.sub_location .sl_left a {
    font-size: 12px;
    color: #666;
    font-weight: 300;
}

.sub_location .sl_left .sl_arrow {
    font-family: "Gulim";
    vertical-align: middle;
    color: #777;
    margin: 0 6px;
}

.sub_location .sl_left .sl_active {
    font-size: 12px;
    color: #666;
}

.sub_location .sl_left select {
    height: 30px;
}

.sub_location .sl_right {
    float: right;
}

.sub_search_form {
    position: relative;
}

.sub_search_form .ssf_ip {
    width: 206px;
    height: 30px;
}

.sub_search_form .btn_ssf {
    float: right;
    margin-left: 5px;
    width: 68px;
    height: 30px;
    background: #777;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    border: none;
}

.sub_wrap {
    position: relative;
    margin-top: 120px;
}

.sub_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.item_list .sub_content {
    /* margin-top: 10px; */
    float: none;
    width: 100%;
}

.item_list .sub_content.dak_01 {
    float: none;
    width: 100%;
}

.sub_wrap.dak_01 {
    width: 100%;
    float: none;
}

.check_list .snb_list>li {
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
}

.check_list .snb_list>li>a {
    font-size: 15px;
    background: url("/img/sub/icon_splus.png") no-repeat right center;
    font-weight: bold;
}

.check_list .snb_list>li>a.on {
    background: url("/img/sub/icon_sminus.png") no-repeat right center;
}

.check_list .snb_list>li>a .unit {
    display: block;
    margin-top: 5px;
    font-size: 11px;
}

.check_list .snb_list>li .depth02 {
    display: none;
}

.check_list .snb_list>li .depth02>li {
    padding: 6px 0;
}

.check_list .snb_list>li .depth02>li .check_style {
    font-size: 13px;
    color: #333;
    letter-spacing: -0.5px;
}

.check_list .snb_list>li .depth02.color_check {
    margin-left: -9px;
    padding-top: 25px;
}

.check_list .snb_list>li .depth02.color_check>li {
    float: left;
    padding: 0;
    margin-left: 9px;
    margin-bottom: 10px;
}

.num_list .snb_list>li>a {
    padding: 6px 0;
}

.color_check .ic_color {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.check_list .snb_list>li .depth02.size_check>li {
    padding: 0;
}

.size_check {
    margin-top: 20px;
    width: 143px;
}

.size_check>li {
    float: left;
    width: 33.33333%;
    margin-left: -1px;
    margin-top: -1px;
    text-align: center;
    border: 1px solid #e5e5e5;
    line-height: 35px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ----------------------------------  검색 search_page */
#container.search_page {
    position: fixed;
    left: 50%;
    width: 720px;
    height: 100%;
    transform: translateX(-50%);
}
#container.search_page .search_p_wrap {
    padding-top: 60px;
    overflow-y: auto;
    width: 100%;
    padding: 30px 30px 90px 30px;
    height: 100%;
}
.search_p_wrap .item_cont  + .item_cont {
    margin-top:73px ;
}
.search_p_wrap .title {
    margin-top: 60px;
    margin-bottom: 40px;
}
.search_p_wrap .title h1 {
    font-family: 'Gmarket Sans';
    font-size: 56px;
    line-height: 70px;
}
.search_p_wrap .title h1 p{
    font-family: 'Gmarket Sans';
    font-size: 56px;
    font-weight: 500;
    line-height: 70px;
}
.search_p_wrap .search_bar {
  position: relative;
  width: 100%;
}

.search_p_wrap .search_bar input {
  width: 100%;
  border: none;
  border-bottom: 2px solid #454545;
  padding-left: 60px;
  line-height: 70px;
}
.search_p_wrap .search_bar input:focus {
  outline: none;
}
.search_p_wrap .search_bar button {
  display: block;
  width: 60px; height: 70px;
  background: no-repeat center;
  background-image: url(../img/btn/search_btn.png);
  position: absolute;
  top: 50%; left: 0;
  transform: translateY(-50%);
  font-size: 0; color: transparent;
}
.search_p_wrap .auto_search_wrap {
  overflow-x: auto;
  width: 100%
}
.search_p_wrap .auto_search_wrap::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none; /* 인터넷 익스플로러 */
  scrollbar-width: none; /* 파이어폭스 */
}
.search_p_wrap .auto_search {
  display: flex;
  flex-wrap: nowrap;

  margin-top: 30px;
}
.search_p_wrap .auto_search li {
  flex: 0 0 auto;
  margin-right: 10px;
}
.search_p_wrap .auto_search a {
  display: flex;
  padding:0 24px ;
  font-size: 26px;
  color: #999999;
  background: #fafafa;
  border: 2px solid #eeeeee;
  line-height: 60px;
  flex: 0 0 auto;
  border-radius:10px ;
}
.scroll-draggable {
  cursor: grab;
  cursor: -webkit-grab;
}

.scroll-dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}


.search_p_wrap .item_cont .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.search_p_wrap .top .label {
    font-size : 32px;
    font-weight: 500;
    
}
.search_p_wrap .top .all_check input {
    display: none;
}
.search_p_wrap .top .all_check input + label {
    font-size: 24px;
    color: #999999;
    width: 134px;
    height: 54px;
    border-radius: 27px;
    border: 2px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search_p_wrap .text_check {
    display: flex;
    flex-wrap: wrap;

}
.search_p_wrap .text_check li {
    width: calc(33.33% - 15.3333px);
    margin-right: 23px;
}
.search_p_wrap .text_check li:nth-of-type(3n) {
    margin-right: 0;
}
.search_p_wrap .text_check li:nth-child(n+4) {
    margin-top: 26px;
}
.search_p_wrap .text_check li input {
    display: none;
}
.search_p_wrap .text_check li input+label {
    border: 2px solid #eeeeee ;
    border-radius: 10px;
    font-size: 26px;
    color: #454545;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 76px;
    line-height: 1.2;
    width: 100%;
    text-align: center;
    background-color: #fafafa;
}
.search_p_wrap .text_check li input:checked+label {
    border-color: #fe3a40;
    color: #fe3a40;
    background-color: #fff0f0;
}
.search_p_wrap .color_list {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 0;
    /* overflow-y: auto; */
    /* padding:10px 5px 40px; */
}

.search_p_wrap .color_list::-webkit-scrollbar {
    width: 5px;
    height: 12px;
    border-radius: 10px;
    background-color: #f1f1f1; /* or add it to the track */
}

.search_p_wrap .color_list::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 10px;
}

.search_p_wrap .color_list li {
    /* flex-shrink: 0; */
	flex-grow: 1;
	width: 33%;
    /* padding: 0 5px ; */
}
.search_p_wrap .color_list li + li {
    /* margin-left:24px; */
}
.search_p_wrap .color_list li input {
    display: none;
}
.search_p_wrap .color_list li input+label div {
    display: flex;
    /* text-align: center; */
    font-size: 26px;
    color: #454545;
    align-items: center;
    gap: 25px;
}
.search_p_wrap .color_list li input:checked+label div {
    font-weight: 500;
    color: #fe3a40;
}
.search_p_wrap .color_list li input+label .img {
    display: block;
    width: 44px; height: 44px;
    background: no-repeat center / cover;
    border-radius: 50%;
    /* margin-bottom: 24px ; */
    position: relative;
}
.search_p_wrap .color_list li input+label .img::after {
    content: '';
    display: block;
    width: 66px ; height: 66px;
    border-radius: 50%;
    border: 2px solid #dbdbdb;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}
.search_p_wrap .color_list li input:checked+label .img::after{
    background: url(../img/ico/selected_ico.png);
    border-color:#fe3a40;
    background-color: rgba(255, 240, 240, 0.6);
}
.search_p_wrap .search_go {
    display: block;
    margin-top: 80px;
    width: 100%; line-height: 78px ;
    font-size: 28px ;
    font-weight: 500;
    border-radius: 45px;
}
.search_p_wrap .search_go b {
    font-weight: 900;
    font-size: 30px;
}


/* 픽업제휴 안내 */
.pick_for .pick_box {
    padding-top:160px ;
    text-align: center;
}
.pick_for .pick_box strong {
    display: block;
    font-size:34px ;
    text-align: center;
}
.pick_for .pick_box .kakao_pick {
    display: flex;
    align-items: center;
    font-size: 32px;
    justify-content: center;
    margin:40px 0 ;
}
.pick_for .pick_box .kakao_pick i {
    display: block;
    width: 81px ; height: 81px;
    background: no-repeat center / 81px auto;
    background-image: url(../img/ico/pa_kakao.png);
    margin-right: 24px;
}
.pick_for .pick_box .kakao_center {
    display: inline-block;
    margin: 0 auto;
    padding: 0 30px;
    border-radius: 10px;
    background: #454545;
    color: #fff;
    font-size: 26px;
    line-height: 80px;
}






/* 고객센터 - 자주하는 질문 */
.faq .my_ttl {
    padding: 0 0 40px !important;
}
.faq .questions {
    display: flex;
}
.faq .questions .mark {
    margin-right: 10px;
    font-size: 30px;
    font-weight: bold;
    font-family: '[SUIT]';
    color: red;
}


/* 고객센터 - 이벤트 */
.contact_event {
    padding-top:40px;
}
.contact_event .event-list-wrap {}

.contact_event .event-list-wrap .evnt-list {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;

}

.contact_event .event-list-wrap .evnt-list .evnt-item {
    position: relative;
    margin-bottom: 60px;
    width: 100%;
}

.contact_event .event-list-wrap .evnt-list .evnt-item a {
    display: block;
}
.contact_event .event-list-wrap .evnt-list .evnt-item a span {
    width: 100%; 
    padding-top: 59.5%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.contact_event .event-list-wrap .evnt-list .evnt-item a .evnt-img {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom:36px;
    box-sizing: border-box;
}
.contact_event .event-list-wrap .evnt-list .evnt-item a .evnt-img i {
    position: absolute;
    top: 30px; left: 30px;
    display: block;
    padding: 0 15px;
    line-height:42px ;
    color: #fff;
    border-radius: 99px;
    font-size: 24px;
    font-weight: 500;
}
.contact_event .event-list-wrap .evnt-list .evnt-item a .evnt-img i.on {
    background: #00a8b7;
}
.contact_event .event-list-wrap .evnt-list .evnt-item a .evnt-img i.off {
    background: #00a204;
}

.contact_event .event-list-wrap .evnt-list .evnt-item a .evnt-tit {
    font-size: 28px;
    font-weight: 700;
    color: #252525;
    margin-bottom: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contact_event .event-list-wrap .evnt-list .evnt-item a .evnt-desc {
    font-size: 26px;
    color:#757575;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.contact_event .event-list-wrap .evnt-list .evnt-item a .evnt-date {
    font-size: 14px;
    color: #999999;
}

/* .size_check > li.active a{color: #ff4d4d;} */
.size_check>li.active a {
    color: #333;
}

.size_check>li a {
    display: block;
    font-size: 12px;
    color: #333;
}

.snb_box .item_type02 {
    padding: 19px;
}

.snb_box .item_type02>li {
    border-top: 1px solid #ddd;
    padding-top: 18px;
    margin-top: 20px;
}

.snb_box .item_type02>li:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.sub_top_banners:after {
    content: "";
    display: block;
    clear: both;
}

.imb_slider {
    overflow: hidden;
    width: 680px;
    height: 358px;
}

.item_main_banner {
    float: left;
    width: 680px;
}

.item_right_banner {
    position: relative;
    overflow: hidden;
    float: right;
    width: 280px;
    height: 400px;
    padding: 20px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item_right_banner h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}

.imb_tab {
    width: 683px;
    margin-left: 1px;
}

.imb_tab li {
    float: left;
    width: 25%;
    height: 42px;
    line-height: 40px;
    margin-left: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.imb_tab li a {
    display: block;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.imb_tab li a.active {
    background-color: #3a3a3c;
    color: #fff;
    border-color: #3a3a3c;
}

.item_right_banner .bx-pager {
    position: absolute;
    right: 20px;
    top: 14px;
}

.item_right_banner .bx-pager-item {
    display: inline-block;
    margin-left: 6px;
}

.item_right_banner .bx-pager-item .bx-pager-link {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: #aaa;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
}

.item_right_banner .bx-pager-item .bx-pager-link.active {
    background: #fe3a40;
}

/* 제품 리스트 상세검색 */
.item_wrap .iw_top {
    padding: 0px 0 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.item_detail_search {
    position: relative;
    padding-left: 75px;
    margin-bottom: 15px;
    min-height: 24px;
    display: none;
}

/* display:none; */
.item_detail_search dt {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
}

.item_detail_search dd:after {
    content: "";
    display: block;
    clear: both;
}

.item_detail_search dd .ids_close {
    float: left;
    padding: 0 32px 0 11px;
    margin-left: 10px;
    line-height: 22px;
    border: 1px solid #ccc;
    font-size: 13px;
    color: #888;
    background: url("/img/sub/icon_close01.png") no-repeat 88% center;
    border-radius: 11px;
}

.item_detail_search dd .ids_close:first-child {
    margin-left: 0;
}


/* sub_item_list */

#container.sub{
    /* padding-top: 120px; */
    /* padding-top:10px; */
    box-sizing: border-box;
}
#container.sub.pick_up {
    padding-bottom: 0;
}
#container.sub.pick_up .img_box img {
  width: 100%
}

/* 나의쇼핑정보 */
.mii_content {
    position: relative;
    overflow: hidden;
    height: 272px;
    border: 1px solid #ddd;
    border-top: 0;
}

.mii_list {
    float: left;
    width: 445px;
}

.mii_right {
    float: right;
    width: 730px;
    padding: 41px 0 35px;
}

.mii_list .tab_tit {
    position: relative;
    width: 180px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #f6f6f6;
    font-size: 15px;
}

.mii_list .tab_tit a {
    display: block;
    color: #333;
    font-size: 14px;
}

.mii_list>li.active .tab_tit {
    background-color: #fff;
    border-right-color: #fff;
}

.mii_list>li.active .tab_content {
    display: block;
}

.mii_list>li:first-child .tab_tit {
    border-top: 0;
}

.mii_list .tab_content {
    position: absolute;
    left: 175px;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 41px 0 35px;
    display: none;
}

.tab_content {
    position: relative;
    float: left;
    width: 270px;
}

.tab_content:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 41px;
    bottom: 35px;
    border-right: 1px solid #ddd;
}

.tab_content .my_item_slider {
    position: relative;
    width: 140px;
    margin: 0 auto;
}

.my_item_slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 18px;
    height: 30px;
    overflow: hidden;
    background: url("/img/sub/btn_arrow01.png") no-repeat;
    overflow: hidden;
    text-indent: -9999em;
    opacity: 0.8;
}

.my_item_slider .slick-arrow.slick-prev {
    left: -48px;
    background-position: left top;
}

.my_item_slider .slick-arrow.slick-next {
    right: -44px;
    background-position: -18px top;
}

.my_item_slider .slick-arrow:hover {
    opacity: 1;
}

.mii_content .slick-counter {
    position: absolute;
    right: 0;
    top: -22px;
    font-size: 12px;
    color: #888;
}

.mii_content .slick-counter .current {
    color: #333;
}


/* 제품 리스트  */

.item_filter_menu {
    display: flex;
    align-items: center;
    max-width: 720px;
    background: #fff;
    z-index: 100;
    width: 100%;
    border-bottom: 2px solid #dbdbdb;
    position: fixed;
    top: 103px; left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s;
}
.item_filter_menu.fixed.removefixed {
    top: -100%;
}
.item_filter_menu.removefixed {
    top: 103px; 
}
.item_filter_menu .left {
    /* padding: 0 30px; */
    padding: 0;
    box-sizing: border-box;
    width: 0;
    /* width: 150px; */
    display: flex;
}
.item_filter_menu .right {
    padding: 0 30px;
    box-sizing: border-box;
    width: 150px;
    display: flex;
}
.item_filter_menu .left button {
    display: block;
    width: 40px; height: 90px;
    background: no-repeat center / 31px auto;
    font-size: 0; color: transparent;
}
.item_filter_menu .left button + button {
    margin-left: auto;
}
.item_filter_menu .left button.cont_2 {
    background-image: url(../img/btn/view_2.png);
}
.item_filter_menu .left button.cont_2.on {
    background-image: url(../img/btn/view_2_on.png);
}
.item_filter_menu .left button.cont_1 {
    background-image: url(../img/btn/view_1.png);
}
.item_filter_menu .left button.cont_1.on {
    background-image: url(../img/btn/view_1_on.png);
}
.item_filter_menu .center {
    width: calc(100% - 150px);
    display: flex;
    align-items: center;
    /* border-left: 2px solid #dbdbdb; */
    border-right: 2px solid #dbdbdb;
}
.item_filter_menu .center button {
    font-size:26px;
    color: #454545;
    line-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 33.333%;
}
.item_filter_menu .center button.on {
    color:#fe3a40 ;
    font-weight: 500;
}
.item_filter_menu .center .btn_1 i {
    display: inline-block;
    width: 28px;
    height: 33px;
    background: url(../img/ico/filter_btn_1_ico.png);
}
.item_filter_menu .center .btn_1.on i {
    background: url(../img/ico/filter_btn_1_ico_on.png);
}
.item_filter_menu .center .btn_2 i {
    display: inline-block;
    width: 35px;
    height: 23px;
    background: url(../img/ico/filter_btn_2_ico.png);
}
.item_filter_menu .center .btn_2.on i {
    background: url(../img/ico/filter_btn_2_ico_on.png);
}
.item_filter_menu .center .btn_3 i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/ico/filter_btn_3_ico.png);
}
.item_filter_menu .center .btn_3.on i {
    background: url(../img/ico/filter_btn_3_ico_on.png);
}

.item_filter_menu .center button + button {
    position: relative;
}
.item_filter_menu .center button + button::after {
    content: '';
    display: block;
    width: 2px; height:28px ;
    background:#eeeeee ;
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
}

.item_filter_menu .right button {
    display: flex;
    align-items: center;
    justify-content: center;

}
.item_filter_menu .right button i {
    display: block;
    width: 40px; height: 40px;
    background: no-repeat  center / 31px auto ;
    background-image: url(../img/btn/item_filter_btn.png);
    margin-right: 6px;
}
.item_filter_menu .right button span {
    font-size: 26px;
    color: #454545
}


.inner.review_list {
    padding: 0 0 130px;
}

/* ----------------------   상세페이지 */
#container.item_view {
    padding-top: 0 ;
}

.view_top_info .vti_box {
    display: flex;
    flex-direction: column;
    border-bottom: 2px solid  #dbdbdb;
}

.vit_img {
    position: relative;
}

.vit_img_paging {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    padding: 14px 20px;
    display: flex;
    gap: 18px;
    background-color: rgb(0, 0, 0, 0.4);
    border-radius: 26px;
    align-items: center;
}

.vit_img_paging button {
    display: inline-flex;
}

.slide_pages {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
}

.slide_pages .current_slide {
    font-weight: 700;
}

.view_top_info .vit_main_slider .slick-track {
    display: flex
}
/* .vti_right .vti_top {
    overflow: hidden;
    margin-bottom: 30px;
    padding-top: 20px;
} */

.view_top_info .vti_right  {
    padding-top:50px ;
}
.vti_right .tag_box {
    display: flex;
    padding-bottom:30px ;
}
.vti_right .tag_box .tag + .tag {
    margin-left: 8px;
}
.vti_right .tag_box img {
    max-height: 30px;
}
.vti_right .vti_item_tit {
    font-size: 38px;
    word-break: keep-all;
    line-height: 1.3;
    color: #252525;
    font-weight: 700;
    margin-bottom:22px;
}
.vti_right .vti_item_desc {
    color: #757575;
    line-height: 1.5;  
    margin-bottom: 30px;
    word-break: keep-all;
}

.vti_right .vti_info_m .vti_money {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    /* margin-bottom: 22px; */
  
}

.vti_right .vti_info_m .vti_money .m_dc {
    font-size: 30px;
    font-weight: 700;
    color: #f43142;
}

.vti_right .vti_info_m .vti_money .m_num {
    display: flex;
    align-items: center;
 
}
.vti_right .vti_info_m .vti_money .m_num .m_after {
    font-size: 28px ;
}
.vti_right .vti_info_m .vti_money .m_num .m_after strong{
    font-size: 33px;
    font-weight: 900;
    font-family: 'NanumSquare';  
    margin-right: 4px;
    
}
.vti_right .vti_info_m .vti_money .m_num .m_discount {
    margin-left: 10px;
}
.vti_right .vti_info_m .vti_money .m_num .m_discount strong{
    color: #fe3a40;
}
.vti_right .vti_info_m .vti_money .m_num p.m_before {
    font-size: 24px;
    color: #bbbbbb;
    text-decoration: line-through;
    margin-left:14px;
}
.vti_right .more_color {
    display: flex;
    padding: 10px 0 50px;
    overflow-y: auto;
    gap: 40px;
}
.vti_right .more_color::-webkit-scrollbar {
    width: 5px;
    height: 12px;
    border-radius: 10px;
    background-color: #f1f1f1; /* or add it to the track */
}

.vti_right .more_color::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 10px;
}

.vti_right .more_color li {
    flex-shrink: 0;
}
.vti_right .more_color li + li {
    margin-left: 15px ;
}
.vti_right .more_color li a {
    display: flex;
    align-items: center;
    gap: 12px;
}
.vti_right .more_color li a .img {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 95px; height: 95px;
    border: 2px solid #dbdbdb ;
}
.vti_right .more_color li.on .img {
    border-color: #fe3a40;
}
.vti_right .more_color li a img {
    display: block;
    width: 80px; height: 80px;
    object-fit: cover;
    border-radius: 50%;
}
.vti_right .more_color li em {
    display: block;
    /* margin-top: 12px; */
    font-size: 26px;
    color: #454545;
}
.vti_right .more_color li.on em {
    color: #fe3a40;
    font-weight: 500;
}



.vti_right .vti_info_m .vti_item_opt {
    position: relative;
    float: right;
}

.vti_right .vti_info_m .vti_item_opt button {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 10px;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999em;
}

.vti_right .vti_info_m .vti_item_opt .btn_zzim {
    background-image: url("/img/main/btn_zzim.png");
}

.vti_right .vti_info_m .vti_item_opt .btn_share {
    display: none;
    background-image: url("/img/main/btn_share.png");
}

.vti_right .vti_info_m .vti_item_opt button.active {
    background-position: 0 -40px;
}

.vti_right .vti_info_m .vti_item_opt button.btn_share.active {
    background-position: 0 0px;
}


.vit_info_form .info_list {
    padding-top: 40px;
}
.vit_info_form .info_list li {
    /* padding: 15px 20px; */
    font-size:18px;
    /* border-bottom: 1px solid #eee; */
}
.vit_info_form .info_list li + li {
    margin-top: 20px;
}
.vit_info_form .info_list li>a {
    display: block;
    color: #333;
}

.vit_info_form .info_list li>.vit_iltxt {
    color: #252525;
    font-size: 18px;
}

.vit_info_form .info_list li select {
    width: 100%;
    height:60px;
    font-size: 18px ;
    border-color: #dbdbdb;
    background-position: 97% center;
    background-image: url(../img/ico/item_sel.png);
}

.vit_info_form .info_list li .txt_c01 {
    color: #fe3a40;
}

.vit_info_form .info_list li .vit_ilsel {
    background: url("/img/sub/icon_arrow_bot01.png") no-repeat right center;
}

.vit_info_form .info_list li .depth02 {
    padding-top: 20px;
    display: none;
    font-size: 13px;
}

.vit_info_form .info_list li .il_option {
    padding-top: 20px;
}

.vit_info_form .info_list li .il_option select {
    margin-top: 10px;
}

.vit_info_form .info_list li .il_option select:first-child {
    margin-top: 0;
}





/* 0723 추가 바이쿠커 */

.il_option .option_re {
    width: 100%;
    height: 55px;
    border: 2px solid #fe3a40 !important;
    text-align: left;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    box-shadow: 4px 7px 20px #d4d4d4;
    background: #fff;
    padding: 0 20px 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.il_option .option_re.on {
    box-shadow: none;
    background: #fff url(../img/ico/select_c.png)no-repeat right bottom;
}


.vit_info_form .info_result {
    margin-top: 15px ;
}

.vit_info_form .info_result_box {
    position: relative;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 30px ;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.info_result_box {
    position: relative;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 30px ;
    box-sizing: border-box;
}
.info_result_box + .info_result_box  {
    margin-top: 20px;
}
.info_result_box_wrap {
    display: flex;
    justify-content: space-between;
}
.info_result_box .ir_tit_wrap {
    width: calc(100% - 240px);
}
.info_result_box .ir_tit {
    font-size: 26px;
    color: #252525;
    line-height: 1.3;
}

.info_result_box .ir_tit_wrap .opction {
    font-size: 26px;
    color: #252525;
    line-height: 1.3;
    display: block;
    margin-top: 4px;
}


.info_result_box .cal_wrap{
    display: flex;
    align-items: center;
}

.info_result_box .ir_num_sel {
    border:2px solid #dadada;
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 50px;
}

.info_result_box .ir_num_money {
    position: relative;
}

.info_result_box .ir_num_money .m_txt {
    font-size: 28px
}

.info_result_box .ir_num_money .m_txt strong {
    font-weight:900;
    font-size: 36px;
    font-family: 'NanumSquare';    
}
.my_info_op .info_result_box .cal_wrap {
    align-items: flex-start;
    flex-direction: column;
}
.my_info_op .info_result_box .ir_num_sel {
    flex: 0 0 auto;
}
.my_info_op .info_result_box .ir_num_money .m_txt strong  {
    display: inline-block;
}
.info_result_box .ir_num_sel button {
    width: 45px;
    height: 45px;
    line-height: 1px;
    font-size: 35px;
    overflow: hidden;
    color: #252525;
}


.info_result_box .ir_num_sel .btn_minus {
    font-size: 45px;
}

.info_result_box .ir_num_sel span {
    width:60px;
    border-left: 2px solid #dadada;
    border-right: 2px solid #dadada;
    text-align: center;
    line-height: 45px;
    font-size: 28px;
    font-family: 'NanumSquare';
    font-weight: 700;
    display: block;
    padding-top: 5px;
    box-sizing: border-box;
}

/* .info_result_box .btn_ir_close {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33px ; height: 33px;
    background: url(../img/btn/btn_close03.png) no-repeat center;
} */

.money_total {
    margin: 44px 0 36px;
    overflow: hidden;
}

.money_total .mt_tit {
    float: left;
    line-height: 24px;

}

.money_total .mt_tit p {
    font-size: 18px;
    color: #252525;
}

.money_total .mt_tit .btn_help {
    display: inline-block;
    margin-left: 7px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: #f5f5f5;
    border-radius: 50%;
    vertical-align: middle;
}

.money_total .mt_txt {
    float: right;
    line-height: 24px;
}

.mt_txt .m_txt {
    font-size: 22px;
}

.mt_txt .m_txt strong {
    font-size: 32px;
    font-weight: 900;
    font-family: 'NanumSquare';    
    margin-right: 4px;
    line-height: 1.2;
}

.vit_main_slider .slick-slide {
    height: 730px !important;
    display: flex;
    align-items: center;
}


.vit_main_slider .vit_ms_img .img_in {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;     
    padding-top: 150%;
}


.vit_main_slider .vit_ms_img img {
    width: 100%;
    height: 100%;
}

.vit_main_slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1030px ; left: 50%;
    transform: translateX(-50%);
    z-index: 90;
}
.vit_main_slider .slick-dots button {
    font-size: 0;
    color: transparent;
    display: block;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #fff;

}
.vit_main_slider .slick-dots li {
    display: flex;
}
.vit_main_slider .slick-dots li  + li {
    margin-left: 14px
}
.vit_main_slider .slick-dots .slick-active button{
    background-color: #fe3a40;
}
.vit_btn_wrap {
    margin: 25px 0 0 ;
    display: flex;
}
.vit_btn_wrap_m {
    display: none;
} 
.vit_btn_wrap .btn_zzim  {
    width: 56px;
    height: 56px;
    display: block;
    background: no-repeat center;
    background-image: url(../img/btn/zzim.png);
    border: 1px solid #dbdbdb;
    font-size: 0;
    color: transparent;
}
.vit_btn_wrap .btn_zzim.active  {
    background-image: url(../img/btn/zzim_on.png);
}
.vit_btn_wrap .item_buy {
    width: calc(100% - 56px );
    margin-left: 10px;
}

.vit_btn_wrap .btn_st03 {
    width: calc(50% - 7px );
    height: 56px;
    line-height: 50px;
    border: 1px solid #252525 ;
}

.vit_btn_wrap .btn_st03.c01 {
    margin-left: 10px;
    border:1px solid  #fe3a40 ;
}

.vit_btn_wrap .btn_st03.c02 {
    width: 100%;
    background-color: #fe3a40;
   
    margin-top: 10px;
}

.vit_btn_wrap .btn_st03.c02.book {
    display: block;
}





.vit_btn_wrap {
    flex-direction: row-reverse;
}
.vit_btn_wrap .item_buy {
    width: calc(100% - 48px );
    margin-right: 10px;
    margin-left: 0;
}
.vit_btn_wrap .btn_st03 {
    width: calc(50% - 4px );
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    
}
.vit_btn_wrap .btn_st03.c01 {
    margin-left: 5px;
}
.vit_btn_wrap .btn_zzim {
    width: 38px;
    height: 38px;
    background-size: 38px auto;
    background-image: url(../img/btn/zzim_m.png);
}
.vit_btn_wrap .btn_zzim.active {
    background-image: url(../img/btn/zzim_on_m.png);
}



.vit_btn_wrap_m .up_op {
    /* display: none; */
    position: absolute;
    background: #fff;
    bottom: 0;
    left: 0;
    border-top: 1px solid #dbdbdb;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.vc_nav {
    display:none;
    
}

.vc_nav_m {
    display: block;
    padding: 30px;
}
.vc_nav_m .vc_nav_sel {
    padding: 0;
}
.vc_nav_m .vit_info_form .info_result_box {
    border-bottom: none;
}

.vc_nav_m .btn_wrap {
    display: flex;
}
.vc_nav_m .btn_wrap .btn_st03.c01 {
    margin-top: 0;
}
.vc_nav_m  .info_result_box .ir_num_money {
    margin-left: auto;
    line-height: 1.5;
    font-size: 15px;
    width: inherit;
    margin-top: 0;
    display: flex;
    align-items: center;

}
.vc_nav_m .info_result_box .btn_ir_close {
    display: block;
    width: 50px; height: 50px;
    background: no-repeat center / 50px auto;
    background-image: url(../img/btn/item_v_del.png);
    margin-left:10px ;
}
.vc_nav_m .vc_nav_total {
    padding: 0;
    padding-top: 20px;
    border-top: none;
    /* border-bottom: 1px solid #ddd; */
}
.each_cart .item_notice {
  margin-top: 20px;
}
.item_notice {
  display: flex;
  margin-bottom: 25px;
}
.item_notice i {
  display: block;
  width: 56px;
  height: 55px;
  background: no-repeat center;
  background-image: url(../img/ico/no_pick.png);
  margin-right: 14px;
  flex: 0 0 auto;
}
.item_notice  P {
  font-size: 24px;
  word-break: keep-all;
  line-height: 1.5;
  color: #454545;
}
.item_notice  span {
  color: #757575;
  display: block;
}

.vit_btn_wrap_m {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    max-width: 720px;
    z-index: 99;
    display: flex;
    align-items: center;
    background: #fff;
    border-top: 1px solid #eeeeee;
    padding: 16px 7px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vit_btn_wrap_m .button_down {
    position: absolute;
    top: -30px ; 
    right: 50%;
    transform: translateX(50%);
    width: 110px;height: 30px;
    z-index: 3;
    background: url(../img/btn/view_close.png) no-repeat center / 110px auto ;
}
.vit_btn_wrap_m .button_down.on {
    background-image:url(../img/btn/view_open.png) ;
}
.vit_btn_wrap_m .button_down button {
    display: block;
    width: 100%;  height: 100%;
}
/* .vit_btn_wrap_m .button_down::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff  url(../img/btn/view_close.png) no-repeat center / auto ;
    border: 2px solid #d7d7d7;
    border-bottom: none;
    border-radius: 0.4em 0.4em 0 0;
    transform: perspective(1.9em) rotateX(5deg);
    transform-origin: bottom;
}
.vit_btn_wrap_m .button_down.on::before {
    background: #fff  url(../img/btn/view_open.png) no-repeat center / auto ;
} */
.vit_btn_wrap_m .vc_nav_content {
    display: none;
}
.vit_btn_wrap_m .vc_nav_content.on {
    display: block;
}
.up_op .vc_nav_sel .vit_iltxt {
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 10px;
}
.up_op .vc_nav_sel select {
    width: 100%;
    height: 74px;
    font-size: 25px;
    border-color: #cbcbcb;
    background-color:#f9f9f9 ;
    color: #676767;
    border-radius: 6px ;
}
.up_op  .vcnt_top .total_pay {
    display: flex;
}
.up_op  .vcnt_top .total_pay .li_price {
    color:#e7242b ;
    font-size: 24px;
    font-weight: 500;
    margin-right: 20px;
    margin-top: 20px;
}
.up_op  .vcnt_top .total_pay .li_price strong {
    font-family: 'NanumSquare'; 
    font-size:32px;
    font-weight: 900;
    margin-left: 6px
}

.up_op  .vc_nav_total .vcnt_top .mt_txt {
    font-size: 26px;
}
.up_op  .mt_txt .m_txt strong {
    font-size:52px;
    color: #252525;
    font-weight: 900;
    font-family: 'NanumSquare';    
}
.up_op .mt_txt .m_txt {
    font-size: 40px;
    color: #252525;
    font-weight: 500;
}


.vc_nav_m .item_btn_wrap {
    display: flex;
    align-items: center;
}

.up_op .btn_st03 {
    font-size: 30px;
    font-weight: 500;
    background:#fe3a40 ;
    border-radius: 10px;
    color: #fff;
    line-height: 80px;
    height: 80px;
    width: calc(100% - 200px);
    margin: 0 20px;
}
.up_op .min_box {
    display: block;
    width: 80px; height: 80px;
    border: 2px solid #dddddd ;
    border-radius: 10px;
    font-size: 0; color: transparent;
    background: no-repeat center;
}
.up_op .btn_zzim {
    background-size: 44px auto;
    background-image: url(../img/btn/item_v_wish.png);
}
.up_op .btn_zzim.active {
    background-image: url(../img/btn/item_v_wish_on.png);
    border-color:#fe3a40 ;
} 
.up_op .btn_home {
    background-size: 39px auto;
    background-image: url(../img/btn/item_v_home.png);
}



#footer.item_view .footer_bot {
    padding: 30px 0 100px;
} 
.topbtn.item_view {
    bottom: 14%;
}







.view_tab .tab_list {
    width: 100%;
    display: flex;
}
.view_tab.fixed {
    position: fixed;
    top:104px ; left: 50%;
    max-width: 720px;
    width: 100%;
    transform: translateX(-50%);
    z-index: 10;
}
.view_tab.fixed.removefixed {
    position: static;
    transform: translateX(0);
    top:104px ; left: 0;
}

.view_tab .tab_list>li {
    width: 33.333%;
    text-align: center;
}

.view_tab .tab_list>li>a {
    display: block;
    height: 90px;
    box-sizing: border-box;
    line-height: 90px;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    background: #222222;
    border-bottom: 2px solid #dbdbdb;
    cursor: pointer;
}

.view_tab .tab_list > li > a > .num{color: #fff}
.view_tab .tab_list>li.active>a {
    color: #ea3e3e;
    border-bottom: 4px solid #fe3a40;
    font-weight: 500;
}
.view_tab .tab_list > li.active > a > .num {
    color: #fe3a40 ;
}
.view_content {
    /* border-right: 1px solid #ddd; */
}
.view_content .ship_info{
    background-color: #f9f9f9;
    border: 2px solid #eeeeee;
    border-radius: 10px;
    padding: 37px;
}

.view_content .ship_info p {
    line-height: normal;
}

.vc_wrap {
    /* float: left; */
    width: 100%;
    height: auto;
    /* min-height: 800px; */
    /* border-right: 1px solid #ddd; */
    box-sizing: border-box;
}

.vc_nav {
    display: none;
    /* float: left;
    width: 280px;
    top: 73px; */
}

.vc_wrap .vc_box {
    display: none;
    padding: 60px  0 0;
}
.vc_wrap .vc_box.detail {

}
.vc_wrap .vc_box iframe {
    width: 100%;
}
.vc_wrap .vc_box.review {
    padding-top: 0;
    padding-bottom:20px ;
}

.vc_wrap .vc_box .bg_gray {
    border-radius: 10px;
    background-color: #f9f9f9;
    border: 2px solid #eeeeee;
    padding: 40px;
}

.vc_wrap .vc_box .vc_tit {
    font-size: 28px;
    color: #252525;
    margin-bottom: 40px;
}
.vc_wrap .vc_box .item_info_box dl {
    display: flex;
}
.vc_wrap .vc_box .item_info_box dl + dl {
    margin-top:36px ;
}
.vc_wrap .vc_box .item_info_box dl dt {
    font-size: 26px;
    color:#454545 ;
    width: 200px;
}
.vc_wrap .vc_box .item_info_box dl dd {
    width: calc(100% - 200px);
    font-size: 26px;
    font-weight: 500
}
.vc_nav_sel {
    padding: 29px 19px;
}

.vc_nav_total {
    padding: 29px 19px;
    border-top: 1px solid #ddd;
    /*border-bottom: 1px solid #ddd;*/
}

.vc_nav_sel .vit_iltxt {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
}

.vc_nav_sel select {
    width: 100%;
    height: 42px;
    border-color: #bbb;
    background-position: 97% center;
}

.vc_nav_sel .il_option {
    margin-bottom: 20px;
}

.vc_nav_sel .il_option select {
    margin-top: 10px;
}

.vc_nav_sel .il_option select:first-child {
    margin-top: 0;
}

.il_option select:hover {
    background-color: #f5f5f5;
}

.vc_nav_sel .info_result {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}



.vc_nav_total .vcnt_top {
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vc_nav_total .vcnt_top .total_num {
    font-size: 26px;
    color: #000;
    font-weight: 400;
}

.vc_nav_total .vcnt_top .mt_txt {
}

.vc_nav_total .btn_wrap .btn_st03 {
    width: 100%;
}

.vc_nav_total .btn_wrap .btn_st03.c01 {
    margin-top: 10px;
    border: 1px solid #fe3a40;
}

.vc_nav_total .btn_wrap .btn_st03.c02 {
    display: none;
    background-color: #fe3a40;
    color: #fff;
}

.vc_nav_total .btn_wrap .btn_st03.c02.book {
    display: block;
}

.vc_box .ta_list01 .col-01 {
    width: 150px;
}

.vc_box .ta_list01 .col-02 {
    width: 300px;
}

.vti_popular {
    padding: 80px 0 130px;
    overflow: hidden;
}


.vti_popular .my_item_carousel .mic_slider {
    padding-left: 0;
}
.vti_popular .vti_pop_top {
    display: flex;
    justify-content: space-between;
    padding-bottom:34px ;
}
.vti_popular .vit_tit {
    font-size: 28px;
    font-weight: 700;
}
.mic_slider  .slick-list  {
    padding-right: 90px;
}

.vti_popular .my_item_carousel .slick-counter {
    font-size: 18px;
    color: #999999 ;
}

.vc_tit02 {
    line-height: 32px;
    font-size: 20px;
    color: #252525;
    font-weight: 500;
    border-bottom: 1px solid #454545 ;
    padding-bottom: 5px;
}

.vc_tit02 span {
    font-weight: 100;
}

.my_item_carousel .slick-counter {
    right: 30px;
}

.my_item_carousel {
    position: relative;
}
.my_item_carousel::after {
    content: '';
    display: block;
    width: 100%; height: 100%;
    background: #fff;
    position: absolute;
    top: 0; left: -100%;

}
.my_item_carousel .item_type02 .slick-list {
    margin: 0 -10px;
    overflow: visible;
}
.my_item_carousel .item_type02 .slick-slide {
    margin: 0 10px;
    box-sizing: border-box;
}


.my_item_carousel .slick-arrow {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: no-repeat center ;
    overflow: hidden;
    text-indent: -9999em;
    z-index: 55;
}

.my_item_carousel .slick-arrow.slick-prev {
    left: -20px;
    background-image: url(../img/btn/pop_slide_prev.png);
}

.my_item_carousel .slick-arrow.slick-next {
    right:-20px;
    background-image: url(../img/btn/pop_slide_next.png);
}
.my_item_carousel .slick-slide img {
    width: 100%;
    object-fit: cover;
}

/* 상품뷰 스티키 옵션 */
.sticky_option .info_result_box .ir_tit {
    font-size: 16px;
    color: #252525;
    margin-bottom: 15px;
    line-height: 130%;
}
.sticky_option  .info_result_box .ir_num_sel button {
    width: 28px;
    height:28px;
    line-height: 25px;
    font-size: 20px;
    float: left;
    overflow: hidden;
    color: #b3b3b3;
}
.sticky_option .info_result_box .ir_num_sel span {
    float: left;
    width: 40x;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
}
.sticky_option  .info_result_box .btn_ir_close {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 28px;
    height: 28px;
    background: url(../img/btn/btn_close03.png) no-repeat center / 28px auto;
}
.sticky_option .mt_txt .m_txt strong {
    font-size: 28px;
}
.sticky_option .mt_txt .m_txt {
    font-size: 22px;
}
.sticky_option .btn_wrap .btn_st03 {
    border: 1px solid #252525;
}



/* review_list */

.detail_review_list>li {
    position: relative;
    padding: 40px 0;
    border-bottom: 2px solid #dbdbdb;
}
.detail_review_list>li.no_cont {
    border-bottom : none
}
.detail_review_list>li.no_cont .ico{
    display: block;
    width: 54px; height: 54px;
    background: no-repeat center;
    background-image: url(../img/ico/no_ico.png);
    margin-bottom: 30px;
}
.detail_review_list>li.no_cont  {
    font-size: 28px;
    color:#999999 ;
    text-align: center;
    margin-top:30px ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.my_page ul li.no_cont a ,
.itme_type01 li.no_cont a {
    display: inline-block;
    padding: 0 40px;
    line-height: 70px;
    background: #474646;
    color: #fff;
    border-radius: 10px;
    margin-top: 40px;
}


.detail_review_list .rl_txt_box a {
    display: flex;
    align-items: center;
}
.detail_review_list .rl_txt_box .rl_img_wrap {
    width: 160px; height: 160px;
    margin-right: 30px;
}

.detail_review_list .rl_txt_box .rl_img {
    display: block;
}

.detail_review_list .rl_txt_box .rl_img span {
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 10px ;
    border-width: 2px;
    border-color: rgb(238, 238, 238);
    border-style: solid;
}


.detail_review_list .rl_txt_box .rl_area {
    width: calc(100% - 190px);
}
.detail_review_list .rl_txt_box .rl_star .ico_star {
    display: flex;
    align-items: center;
    margin-bottom: 10px ;
}
.detail_review_list .rl_txt_box .rl_star .ico_star  img + img {
    margin-left: 6px
}
.detail_review_list .rl_txt_box .rl_txt .txt_title {
    display: block;
    margin-bottom: 10px;
    font-size: 28px;
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail_review_list li.open .rl_txt_box .rl_txt .txt_title {
    white-space: normal;
}

.detail_review_list .rl_txt_box .rl_txt .txt_desc,
.detail_review_list .rl_txt_box .rl_content .txt_desc {
    display: block;
    font-size: 26px;
    color: #454545;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail_review_list .rl_txt_box .rl_txt .txt_desc br {
    display: none;
}

.detail_review_list .rl_txt_box .rl_info {
    display: flex;
    margin-top: 22px ;
    align-items: center;
}
.detail_review_list .rl_txt_box .rl_info .rli_txt {
    display:block;
    font-size: 24px;
    color: #252525;
    font-weight: 500;
}
.detail_review_list .rl_txt_box .rl_info .rli_txt + .rli_txt {
    margin-left: 20px;
    color: #999999;
    font-weight: 400;
}
.detail_review_list .rl_txt_box .rl_info .rli_txt strong {
    color: #454545;
    font-weight: 500;
}
.detail_review_list .rl_txt_box .re_like {
    margin-top: 22px;
    display: flex;
    align-items: center;
} 
.detail_review_list .rl_txt_box .re_like button {
    display: block;
    width: 42px ; height: 34px;
    background: no-repeat center / 42px auto;
    background-image: url(../img/btn/item_v_re_wish.png);
    font-size: 0 ; color: transparent;
    margin-right: 10px ;
}
.detail_review_list .rl_txt_box .re_like button.on {
    background-image: url(../img/btn/item_v_re_wish_on.png);
}
.detail_review_list .rl_txt_box .re_like span {
    color: #999999;
    font-size: 24px;
}
/* 리뷰 팝업 */

#layer_pop {
    position: fixed;
    display: none;
    width: 720px; height: 100%;
    top: 0; left: 50%;
    transform: translateX(-50%);
}


#layer_pop.open {
    z-index:2000;
    display: block;
    background: rgba(0,0,0,0.3);
}
#layer_pop .pop_cont {
    height: 100%;
}

.tracking,
.review_more_view {
    position: fixed;
    display: block;
    width: 720px; height: 100%;
    top: 100%; left: 50%;
    transform: translateX(-50%);
    z-index: 2100;
    transition: all 0.7s;
}
.tracking.open,
.review_more_view.open {
    top:0;
}


.tracking .tr_top,
.review_more_view .re_top {
    margin-top: 48px;
    background:#454545 ;
    position: relative;
    border-radius: 10px 10px 0 0 ;
}
.tracking .tr_top h3,
.review_more_view .re_top h3 {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    line-height: 90px;
    text-align: center;
}
.tracking .tr_top button,
.review_more_view .re_top button {
    display: block;
    width: 100px; height: 90px;
    /* background: no-repeat center;
    background-image:url(../img/common/sub_top_back_w.png) ; */
    position: absolute;
    top:0; left: 0;
    font-size: 22px; color: #fff;
}
.review_more_view .re_top button.close_btn {
    left: unset;
    right: 0;
}
.tracking .tr_body,
.review_more_view .re_body {
    background: #fff;
    max-height: calc(100% - 270px);
    height: 100%;
    overflow-y: auto;
    padding: 40px 0  10px;
    box-sizing: border-box;
}

.review_more_view .re_body .ico_star {
    display: flex;
    align-items: center;
    padding-bottom: 26px ;
}

.review_more_view .re_body .ico_star img + img {
    margin-left:6px;
}
.review_more_view .re_body .txt_title {
    font-size:34px ;
    line-height: 1.3;
    margin-bottom: 20px;
}

.review_more_view .re_body .rl_info div {
    display: flex;
    align-items: center;
}
.review_more_view .re_body .rl_info span {
    font-size: 24px;
    color : #454545;
}
.review_more_view .re_body .rl_info span em {
    color: #999999;
}
.review_more_view .re_body .rl_info span + span {
    margin-left: 14px;
    padding-left: 14px;
    position: relative;
}
.review_more_view .re_body .rl_info span + span::after {
    content: '';
    display: block;
    width: 2px; height:22px ;
    background:#dbdbdb ;
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
}
.review_more_view .buy_item {
    display: flex;
    align-items: center;
    padding: 30px 0;
    margin: 40px 0 ;
    border-top: 2px solid #454545;
    border-bottom: 2px solid #dbdbdb;
}
.review_more_view .buy_item .item_img {
    width: 120px; height: 120px;
    border: 2px solid #eeeeee;
    border-radius:10px ;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 34px ;
}
.review_more_view .buy_item .item_img span {
    display: block;
    width: 80px; height: 80px;
    background: no-repeat center / 80px auto;
}

.review_more_view .buy_item .item_info {
    width: calc(100% - 154px )
}
.review_more_view .buy_item .item_info p {
    font-size: 26px; font-weight: 500;
    line-height: 1.1;
    margin-bottom: 9px ;
}
.review_more_view .buy_item .item_info .size, .review_more_view .buy_item .item_info .detail_size {
    font-family: "Noto Sans CJK KR";
    font-size: 22px;
    margin-bottom: 15px;
    color: #999999;
}
.review_more_view .buy_item .item_info span {
    color: #fe3a40;
    font-size: 26px;
    font-weight: 700;
    font-family: 'NanumSquare';  
}
.review_more_view .buy_item .item_info span strong {
    font-size: 26px;
    font-weight: 900;

}

.review_more_view .rl_txt .txt_desc {
    display: block;
    font-size: 26px;
    color: #454545;
    line-height: 1.53;
}
.review_more_view .rl_txt .re_img {
    margin-top: 40px;
} 
.review_more_view .rl_txt .re_img img {
    display: block;
    width: 100%;
}

.review_more_view .rl_txt .re_img img + img {
    margin-top: 20px;
}

.tracking_pop .tr_bot, 
.review_more_view .re_bot {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:30px 0 ;
    box-sizing: border-box;
}
.review_more_view .re_bot button {
    display: flex;
    border: 2px solid #dbdbdb ;
    border-radius: 10px ;
    width: 310px;
    height:80px ;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    /* font-size: 28px;
    font-weight: 500; */
}
.review_more_view .re_bot button i {
    display: block;
    width: 44px; height: 36px;
    background: no-repeat center / 44px auto;
    background-image: url(../img/btn/item_v_wish.png);
    margin-right:14px ;
}
.review_more_view .re_bot button * {
    font-size: 28px;
    font-weight: 500;
    color: #999999;
}
.review_more_view .re_bot button.on {
    background: #fe3a40;
    border-color: #fe3a40;
}
.review_more_view .re_bot button.on * {
    color: #fff;
}
.review_more_view .re_bot button.on i {
    background-image: url(../img/btn/item_v_wish_onw.png);
}


/* 배송조회 */
.tracking_pop .tr_sta {
    background: #fafafa;
    border: 2px solid #eeeeee;
    padding: 40px 35px ;
}
.tracking_pop .tr_sta ul {
    display: flex;
    
}
.tracking_pop .tr_sta ul li {
    width: 25%;
    text-align: center;
}
.tracking_pop .tr_sta ul li p {
    font-size:24px ;
    font-weight: 500;
    color:#757575 ;
    margin-top: 20px;
}
.tracking_pop .tr_sta ul li .ico {
    position: relative;
}
.tracking_pop .tr_sta ul li .ico i {
    display: block;
    width: 90px; height: 90px;
    margin: 0 auto;
    background: no-repeat center;
    background-image: url(../img/ico/tracking_ico.png);
    position: relative;
    z-index: 100;
}
.tracking_pop .tr_sta ul li .ico.on i{
    background-image: url(../img/ico/tracking_on_ico.png);
    z-index: 100;
}
.tracking_pop .tr_sta ul li:not(:last-child) .ico::after {
    content: '';
    display: block;
    width: 130px; height: 2px;
    background: #d4d4d4;
    position: absolute;
    top: 50%; right: -70px;
}
.tracking_pop .tr_item + .tr_item {
    margin-top:60px ;
}
.tracking_pop .label {
    font-size: 30px;
    font-weight: 500;
    display: block;
    margin-bottom:28px ;
}
.tracking_pop .tr_info {
    border-top: 2px solid #454545;
}
.tracking_pop .tr_info dl {
    display: flex;
    align-items: center;
    padding: 40px 0 ;
    border-bottom: 2px solid #eeeeee;
}
.tracking_pop .tr_info dt {
    font-size: 26px;
    color: #757575;
    width: 160px;
}
.tracking_pop .tr_info dd {
    width: calc(100% - 160px);
    font-size: 26px;
    line-height: 1.3;
}
.tracking_pop .tr_bot a {
    display: block;
    width: 100%;
    line-height:80px ;
    background: #454545 ;
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    border-radius:10px ;
    text-align: center;
} 





.item_qna {
    /*position: relative;*/
}

.iq_top {
    margin-bottom: 40px;
}

.iq_top .vc_tit02 {
    margin-bottom: 16px;
}

.iq_top .btn_st04 {
    /*position: absolute; right: 0; top: 0;*/
    margin-top: 40px;
    height: 62px;
    line-height: 62px;
    font-weight: 600;
}

.iq_top .iq_input {
    float: left;
    margin-top: 40px;
    width: 739px;
    height: 62px;
    /*display:inline-block;*/
    vertical-align: top;
}
.iq_top .check_box {
    margin-top: 10px;
}
.iq_top .check_box input {display: none;}
.iq_top .check_box input+label {
    padding-left: 20px;
    background: url("/img/main/checkbox_off.png") no-repeat center left;    
}
.iq_top .check_box input:checked+label {
    background: url("/img/main/checkbox_on.png") no-repeat center left;
}

.iq_top_list li {
    position: relative;
    font-size: 12px;
    color: #333;
    padding: 5px 0;
    padding-left: 7px;
}

.iq_top_list li:after {
    content: "-";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
}

.qna_list {
    border-top: 2px solid #888;
}

.qna_list>li {border-bottom: 1px solid #dcdcdc;}
.qna_list .ql_tit {
    position: absolute;
    left: 20px;
    top: 20px;
    display: inline-block;
    width: 72px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    border-radius: 16px;
}

.qna_list .ql_tit.c01 {
    background-color: #fe3a40;
}

.qna_list .ql_tit.c02 {
    background-color: #777;
}

.qna_list .ql_tit.c02:after {
    content: "";
    display: block;
    position: absolute;
    left: 14px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-left: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.qna_list .ql_txt_box {
    padding-left:30px;
    padding-right: 30px;
}
.qna_list .sc_wrap {
    padding: 20px 30px ;
}
.qna_list .ql_txt_box .ql_name ,
.qna_list .sc_wrap  .ql_name{
    display: block;
    font-size: 16px;
    color: #999;
    font-weight: 500;
}

.qna_list .ql_txt_box .ql_txt {
    display: block;
    font-size: 16px;
    color: #454545;
    line-height: 1.5;
}

.qna_list .ql_txt_box .ql_txt a {
    font-size:16px;
    color: #454545;
}



.qna_bot {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.del_wrap {
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
}
 .del_wrap::after {
    display: block;
    content: '';
    width: 1px ; height: 14px;
    background: #eeeeee;
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
}
.del_wrap > button {
    color:#999999 ;
    font-size: 16px;
}
.del_wrap ul {
    bottom: -100px;
    right: inherit;
    left: 0;
}
div.del_wrap button {
    color: #999999;
    display: flex;
    align-items: center;
}
/* div.del_wrap {
    padding: 0;
} */

div.del_wrap button.del {
    width: 40px; height: 40px;
    background: url(../images/btn/btn_del.png) no-repeat center;

}
div.del_wrap  ul {
    position: absolute;
    width: 100px;
    border: 1px solid #f0f0f0 ;
    box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.06);
    background: #fff;
    padding: 10px 0;
    border-radius: 6px;
    bottom: -100px ; right: 20px;
    display: none;
    z-index: 4;
}
div.del_wrap  ul button {
    width: 100px; line-height: 36px;
    display: block !important;
    color: #757575;
    font-size: 13px;
}
div.del_wrap  ul button:hover {
    background: #f9f9f9;
}


.qna_list .ql_date {
    color: #999999;
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
    
}

.qna_list .ql_date::after {
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    background: #eeeeee;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.qna_list .que,
.qna_list .ans {
    position: relative;
    padding: 20px 0;
}

.qna_list .ans {
    display: none;
    background: #fafafa;
    border-top: 1px solid #dbdbdb;
}

.ship_info .vc_tit02 {
    margin-bottom: 20px;
}

.ship_info_list {
    width: 100%;
    border-top: 1px solid #eee;
}

.ship_info_list th {
    width: 150px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #eee;
    font-weight: 500;
    background-color: #fafafa;
}

.ship_info_list td {
    padding: 20px;
    text-align: left;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #eee;
    line-height: 170%;
    font-weight: 300;
    letter-spacing: -0.8px;
}

.order_top {
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0px 2px 15.04px 0.96px rgba(0, 0, 0, 0.06);
}
.order_top .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.order_top .ot_tit {
    font-size: 26px;
    color: #252525;
    font-weight: 500;
    line-height: 90px;
}
.order_top .ot_list {
    display: flex;
}
.order_top .ot_list li {
    position: relative;
    font-size: 16px;
    color: #999999;
    line-height: 24px;
}

.order_top .ot_list li + li {
    margin-left: 15px;
    padding-left: 15px;
}

.order_top .ot_list li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 14px;
    background: url(/img/sub/icon_arrow02.png) no-repeat center center/cover;
}

.order_top .ot_list li:first-child::after{
    display: none;
}

.order_top .ot_list li.active {
    color: #252525;
}

.order_top .ot_list li .num {
    font-size: 16px;
    color: #999999;
    margin-right: 4px;
}

.order_top .ot_list li.active .num {
    color: #252525;
}

.ob_info {
    padding: 0 0 40px;
    
}

.ob_info li {
    padding: 8px 0;
}

.ob_info li span {
    display: inline-block;
    width: 350px;
    font-size: 14px;
    color: #888;
    font-weight: 300;
}

.ob_info li a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    padding-right: 12px;
    background: url("/img/common/b_next.png") no-repeat right center;
}

.cart_tab {
    margin: 50px 0 30px 0;
}

.cart_tab ul {
    font-size: 0;
}

.cart_tab li {
    display: inline-block;
    width: 33.33%;
    text-align: center;
    height: 50px;
    border: 1px solid #ddd;
    border-right: none;
    box-sizing: border-box;
    background: #fafafa
}

.cart_tab li:last-child {
    border-right: 1px solid #ddd;
}

.cart_tab li a {
    font-size: 18px;
    color: #000;
    display: block;
    line-height: 50px;
    font-weight: 500;
}

.cart_top_ttl {
    display: inline-block;
    width: 100px;
    height: 40px;
    text-align: left;
    margin-top: 30px;
}

.cart_top_ttl p {
    font-size: 20px;
    line-height: 40px;
    color: #000;
    padding-left: 10px;
}

/* .cart .cart_content {
    border-bottom: 2px solid #dbdbdb;
} */

.ol_list {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #252525;
}

.ol_list thead th {
    height: 40px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    line-height: 1.3;
}

.ol_list tbody tr {
    border-bottom: 1px solid #dbdbdb;
}
.ol_list tbody td {
    font-size: 14px;
    padding: 15px 10px;
    text-align: center;
}

.ol_list tbody td + td {
    border-left:1px solid #dbdbdb;
}



.ol_list tbody td.ol_item {
    text-align: left;
    /* padding-left: 18px; */
}

.seller_list {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #252525;
}

.seller_list thead th {
    height: 40px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    padding: 0 10px;
}

.seller_list tbody tr {
    border-bottom: 1px solid #dbdbdb;
}
.seller_list tbody td {
    font-size: 14px;
    padding: 15px 10px;
    text-align: center;
}

.seller_list tbody td + td {
    border-left:1px solid #dbdbdb;
}

.seller_list tbody td.od_more_view a {
    display: block;
    width: 100%;
} 

.seller_list tbody td.ol_item {
    text-align: left;
}
.seller_list tbody td div {
    line-height: 1.5;
}




.ol_item_box {
    display:flex;
    align-items: flex-start;
    position: relative;
}

.ol_item_box .item_img_wrap {
    flex-shrink: 0;
    flex-grow: 0;
    width:90px;
    margin-right:15px;
}
.ol_item_box .img_thurm {
    display:block;
    width: 90px;
    height: 90px;
}

.ol_item_box .img_thurm span {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.ol_item_box .img_thurm span img {
    width: 100%;
    min-height: 100%;
}

/* .ol_item_box .item_info_wrap {
    margin-top:5px;
} */

.ol_item_box .item_tit {
    font-size: 17px;
    color: #333;
    font-weight: 400;
    margin-bottom: 6px;
    line-height: 1.3;
}

.ol_item_box .item_option {
    margin-bottom: 30px;
    font-size: 15px;
    color: #757575;
}

.ol_item_box .item_option li {
    font-size: 13px;
    color: #888;
    font-weight: 300;
    line-height: 150%;
}

.ol_item_box .item_option li strong {
    font-weight: 500;
    color: #333;
}

.ol_item_box .txt01 {
    font-family: "Dotum";
    margin-bottom: 8px;
}

.ol_list tbody td.ol_money {
    font-size: 14px;
    color: #000;
}

.ol_list tbody td.ol_money strong {
    font-size: 18px;
    font-weight: 900;
}

.ol_list tbody td.ol_discount strong {
    font-size: 18px;
    font-weight: 900;
}

.ol_list tbody td.ol_total {
    font-size: 14px;
    color: #fe3a40;
}

.ol_list tbody td.ol_total strong {
    font-size: 18px;
    font-weight: 900;
}

.ol_list .ol_num input {
    width: 44px;
}

.ol_list .ol_num li {
    padding: 3px 0;
}

.ol_list .ol_save li {
    padding: 5px 0;
}

.ol_list .ol_save p {
    line-height: 130%;
}

.ol_list_ftxt {
    padding: 15px;
}

.ol_list_ftxt .check_style {
    vertical-align: middle;
    margin-right: 6px;
    margin-top: 2px;
}

.ol_list_ftxt .check_style .checkmark {
    top: 1px;
}

.ol_list_ftxt strong {
    font-size: 13px;
    margin-right: 18px;
}

.order_total {
    border-top: 2px solid #252525;
    margin-top: 30px;
}

.order_total dl:after {
    content: "";
    display: block;
    clear: both;
}

.order_total dl {
    position: relative;
    border-bottom: 1px solid #dbdbdb;
}

.order_total dl dt {
    position: absolute;
    left: 18px;
    top: 0;
    line-height: 80px;
    font-size: 24px;
    color: #333;
    font-weight: 500;
}

.order_total dl dd {
    float: right;
    width: 360px;
}

.order_total dl .ot_total {
    line-height: 80px;
    font-size: 16px;
    color: #000000;
    text-align: right;
    padding-right: 18px;
}

.order_total dl .ot_total strong {
    font-size: 24px;
    font-weight: 900;
}

.order_total .ot_list {
    width: 100%;
}

.order_total .ot_list th {
    height: 60px;
    font-size: 18px;
    border-top: 1px solid #dbdbdb;
    text-align: left;
    color: #333;
}

.order_total .ot_list td {
    border-top: 1px solid #dcdcdc;
}

.order_total .ot_list .ot_money {
    font-size: 14px;
    color: #000;
    text-align: right;
    padding-right: 18px;
}

.order_total .ot_list .ot_money strong {
    font-size: 18px;
    font-weight: 900;
}

.cart_content .btn_wrap {
    padding: 40px 0;
    text-align: right;
}

.cart_content .btn_wrap .btn_st06 {
    margin-left: 20px;
}

/* 장바구니 수정 */
.cart table.ol_list th {
    background: #fafafa;
}

.cart table.ol_list th:first-child,
.cart table.ol_list th:nth-child(2) {
    border-left: 0;
}

.cart table.ol_list th.od_check {
    width: 38px;
}

.cart table.ol_list th.od_item {
    width: auto;
}

.cart table.ol_list th.ol_money {
    width: 210px;
}

.cart table.ol_list th.ol_quantity {
    width: 80px;
}

.cart table.ol_list th.od_total {
    width: 208px;
}

.cart table.ol_list th.ol_save {
    width: 130px;
}

.cart table.ol_list td.bl_none {
    border-left: 0;
}

.cart table.ol_list span.checkbox {
    line-height: 15px;
    position: relative;
    display: inline-block;
    height: 15px;
    padding-left: 15px;
    vertical-align: baseline;
}

.cart table.ol_list span.checkbox input {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

.cart table.ol_list span.checkbox label {
    font-size: 0;
    text-indent: -9999px;
}

.cart table.ol_list span.checkbox label::before {
    display: block;
    content: '';
    cursor: pointer;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #cdcdcd;
    background: #fff url('../img/btn/checkbox.png') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
}

.cart table.ol_list span.checkbox input:checked+label:before {
    content: '';
    cursor: pointer;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #cdcdcd;
    background: #fff url('../img/btn/checkbox_chenc.png') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
}

.cart table.ol_list td.od_item .ol_item_box {
    text-align: left;
}

.cart table.ol_list td.od_item .btn_st05 {
    font-weight: 500;
}

.cart table.ol_list td.ol_total {
    color: #000;
    text-align: center;
    font-size: 14px;
}

.cart table.ol_list td.ol_total strong {
    font-size: 18px;
    font-weight: 900;
}

.cart table.ol_list td.ol_quantity input[type="text"] {
    padding: 0;
    margin-bottom: 5px;
    width: 44.09px;
    text-align: center;
}

.cart table.ol_list td.ol_save .btn_st05 {
    padding: 0;
    width: 80px;
    height: 26px;
    font-weight: 500;
}

.cart table.ol_list td.ol_save .btn_st05.bg_gray {
    background: #555;
    color: #fff;
}

.cart table.ol_list tfoot td {
    padding: 15px 0 15px 12px;
    font-weight: 500;
}

.cart table.ol_list tfoot td p {
    margin-right: 20px;
    margin-left: 10px;
    font-size: 13px;
    display: inline-block;
}

.cart table.ol_list tfoot td .btn_st05 {
    padding: 0;
    width: 80px;
    height: 26px;
    text-align: center;
}

/* 2018-04-27 */





/* 장바구니 팝업 */
.basket_popup_box  {
    position: fixed;
    top: 0; left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 720px; height: 100%;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}
.basket_popup_box  .popup_bg {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* width:calc(100% - 60px);  */
    height: 100%;
    margin: 0 auto;

}
.basket_popup_box .pop_top {
    background: #454545 ;
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.basket_popup_box .pop_top .inner {
    position: relative;
}

.basket_popup_box .pop_top .back_btn {
    display: block;
    width: 46px; height:90px ;
    background: no-repeat center / 22px auto;
    background-image: url(../img/common/sub_top_back_w.png);
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
    font-size: 0; color: transparent;
} 
.basket_popup_box .pop_top .ttl {
    text-align: center;
    line-height: 90px;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
}
.basket_popup_box .pop_body {
    background: #fff;
    width: 100%;
    height: 537px;
    position: relative;
    /* padding: 60px 0 40px; */
    /* border-radius: 10px; */
}
.basket_popup_box .pop_body .ttl {
    border-bottom: 2px solid #dbdbdb;
}
.basket_popup_box .pop_body .ttl h1{
    font-family: 'NanumSquare';
    font-weight: 900;
    font-size: 38px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.basket_popup_box .pop_body .close_btn {
    position: absolute;
    right: 30px;
    top: 30px;
}
.basket_popup_box .pop_body .product {
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: #fafafa;
    border-radius: 10px;
    border: 2px solid #eeeeee;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 179px;
    padding-left: 20px;
}

.basket_popup_box .pop_body .product .product_img {
    width: 200px;
    height: 150px;
}

.basket_popup_box .pop_body .product .product_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.basket_popup_box .pop_body .product .product_info .tit {
    font-family: 'Noto Sans CJK KR';
    font-weight: 500;
    font-size: 26px;
}
.basket_popup_box .pop_body .product .product_info .price {
    font-family: 'NanumSquare';
    font-weight: 900;
    font-size: 26px;
    color: #fe3a40;
}
.basket_popup_box .pop_body .product .product_info .price span{
    font-weight: 700;
}
.basket_popup_box .pop_body strong {
    font-size : 34px;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
    display: block;
    padding-bottom:45px ;
}
.basket_popup_box .pop_body .item_box {
    display: flex;
    align-items: center;
    padding-bottom: 34px;
    border-bottom: 2px solid #dbdbdb;
}
.basket_popup_box .pop_body .item_box .img {
    width: 120px;
    height:160px ;
    margin-right: 25px;
    border-radius: 4px;
}
.basket_popup_box .pop_body .item_box .img img {
    width: 100%; height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.basket_popup_box .pop_body .item_area {
    width: calc(100% - 145px)

}
.basket_popup_box .pop_body p {
    font-size: 26px ;
    font-weight: 500;
    line-height: 1.5;
    word-break: keep-all;
}
.basket_popup_box .pop_body h4 {
    margin-top: 24px;
    font-family:  'NanumSquare'; 
    font-size: 26px;
    font-weight: 900;  
}
.basket_popup_box .pop_body h4 #pop_prices {
    font-size: 30px;
}
.basket_popup_box .pop_body h4 .pr_befo {
    color:#757575 ;
    font-weight: 700;
    font-size: 24px;
    text-decoration: line-through;
    margin-left: 10px;
}
.basket_popup_box .pop_btn {
    display: flex;
}
.basket_popup_box .pop_btn button {
    display: block;
    font-size: 28px;
    font-weight: 500;
    border: 2px solid #dbdbdb;
    line-height: 76px;
    width: 100%;
    border-radius: 10px; 
    color: #454545;
}
.basket_popup_box .pop_btn button + button {
    margin-left: 30px;
    border-color:#fe3a40 ;
    color: #fff;
}



.order_content .order_body {
    display: flex;
}





.ship_address {
    position: relative;
    margin-bottom: 60px;
}

.ship_address .sa_tab {
    padding-top: 9px;
    margin-left: 1px;
    margin-bottom: 10px;
}

.ship_address .sa_tab li {
    float: left;
    width: 33.33%;
    margin-left: -1px;
}

.ship_address .sa_tab li a {
    position: relative;
    display: block;
    height: 42px;
    line-height: 42px;
    font-weight: 500;
    color: #999;
    font-size: 15px;
    text-align: center;
    border: solid 1px #dbdbdb;
}

.ship_address .sa_tab li.active a {
    border: 1px solid #727272;
    background-color: #fff;
    border-bottom-color: #fff;
    color: #fe3a40;
    font-weight: bold;
    z-index: 1;
}

.ship_address .sa_tab li.active a {
    border: solid 1px #fe3a40;
    color: #fe3a40;
    font-weight: bold;
    z-index: 1;
}

.sa_list {
    width: 100%;
}

.sa_list tr:not(:last-of-type){
    border-bottom: 1px solid #eee;
}

.sa_list th {
    width: 112px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
}

.sa_list th label {
    position: relative;
    display: inline-block;
    line-height: 24px;
}

.sa_list td {
    padding: 9px 10px;
}

.sa_list td input[type="text"] {
    display: block;
    width: 100%;
    height: 42px;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.sa_list td input.add_search {
    width: 130px;
}

.sa_list td select {
    display: block;
    width: 100%;
    height: 42px;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.sa_list td.add>div {
    margin-top: 12px;
}

.sa_list td.add > div:not(:last-of-type) {
    margin-bottom: 8px;
}

.sa_list td .add1 {
    display: flex;
    align-items: center;
}

.sa_list td .add1 .btn_add {
    display: block;
    width: 80px;
    height: 42px;
    margin-right: 8px;
    border: 1px solid #aaaaaa;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.sa_list td.add .add2 input[type="text"],
.sa_list td.add .add3 input[type="text"] {
    width: 100%;
}

.sa_list td .ph {
    display: flex;
    align-items: center;
}

.sa_list td .ph span {
    display: block;
    width: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    text-align: center;
    flex: 0 0 auto;
}

.sa_list td .ph select,
.sa_list td .ph input {
    width: calc(33.33% - 10px);
}

.sa_list td textarea {
    display: block;
    width: 100%;
    height: 73px;
    padding: 13px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    line-height: 1.4;
    color: #252525;
    box-sizing: border-box;
    resize: none;
}

.sa_content {
    display: none;
}

.point_use {
    padding: 10px 20px;
    border-top: 2px solid #aaaaaa;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 40px;
}

.point_use dl{
    display: flex;
    align-items: center;
}

.point_use dt{
    margin-right: 68px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    text-transform: uppercase;
    flex: 0 0 auto;
}

.point_use dd{
    width: 100%;
}

.point_use .balance{
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #757575;
}

.point_use .balance strong {
    font-weight: 400;
    color: #e51f25;
}

.point_use .point_apply{
    display: flex;
    align-items: center;
}

.point_use .point_input{
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
}

.point_use .point_input input{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    text-align: right;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
}

.point_use .point_input .unit{
    display: block;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    flex: 0 0 auto;
}

.point_use .point_apply button{
    display: block;
    width: 100px;
    height: 42px;
    border: 1px solid #aaaaaa;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.point_use .point_apply button.all_btn{
    border-color: #fe3a40;
    color: #fff;
    background: #fe3a40;
}


.point_use .btn_pu01.c01 {
    color: #fff;
    background-color: #fe3a40;
    border-color: #fe3a40;
}


.payment_list .pl_radio {
    padding: 13px 0;
    border-top: 2px solid #aaa;
    border-bottom: 1px solid #dbdbdb;
}

.payment_list .pl_radio li:not(:last-of-type) {
    margin-bottom: 16px;
  
}

.payment_list .pl_radio li input {
    display: none;
}

.payment_list .pl_radio li input + label {
    display: inline-block;
    padding-left: 28px;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    line-height: 18px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/checkbox_18x18.png);
}

.payment_list .pl_radio li input:checked + label {
    background-image: url(../img/ico/checkbox_18x18_on.png);
}

.order_info_box {
    min-height: 130px;
    max-height: 392px;
    padding: 18px 20px;
    border-top: 2px solid #aaa;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 40px;
    overflow-y: scroll;
    box-sizing: border-box;
}

.order_final .of_box {
    border: 4px solid #000;
}

.order_final .box01,
.order_final .box02,
.order_final .box03 {
    padding: 8px 27px;
}

.order_final .box01 {
    border-bottom: 1px solid #c3ccd7;
}

.order_final .money_list li {
    padding: 8px 0;
    line-height: 150%;
}

.order_final .money_list li:after {
    content: "";
    display: block;
    clear: both;
}

.order_final .money_list li .ml_tit {
    position: relative;
    float: left;
    font-size: 14px;
    color: #3d3d3d;
    font-family: "Dotum";
    padding-left: 8px;
}

.order_final .money_list li .ml_tit:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 2px;
    height: 2px;
    background-color: #333;
}

.order_final .money_list li .ml_num {
    float: right;
    font-size: 13px;
    color: #333;
}

.order_final .money_list li .ml_num strong {
    font-size: 20px;
    font-weight: 900;
    margin-right: 5px;
    vertical-align: middle;
}

.order_final .box02 .money_list li .ml_tit {
    font-size: 16px;
}

.order_final .box02 .money_list li .ml_num strong {
    font-size: 36px;
}

.order_final .box03 {
    font-size: 15px;
    color: #000;
    line-height: 44px;
    background-color: #efefef;
    font-weight: 300;
}

.order_final .box03 strong {
    color: #fe3a40;
    font-weight: 300;
    margin-right: 8px;
}

.order_final .btn_wrap {
    margin-top: 20px;
}

.order_final .payment_API {
    margin: 10px 0;
}

.order_benefit_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-top: 2px solid #aaa;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 40px;
}

.order_benefit_row dt {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}


.order_benefit_row dd {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_benefit_row dd strong {
    font-size: 18px;
    font-family: 'Gmarket Sans';
    font-weight: 900;
}

.order_final_wrap {
    border-top: 2px solid #aaaaaa;
    border-bottom: 1px solid #dbdbdb;
}

.order_final_wrap .order_final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: solid 1px #eee;
}

.order_final_wrap .order_final dt {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_final_wrap .order_final dd {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_final_wrap .order_final dd strong {
    font-size: 18px;
    font-family: 'Gmarket Sans';
    font-weight: 900;
}

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

.order_btn_row .btn_payment {
    display: block;
    width: 100%;
    max-width: 230px;
    height: 54px;
    margin: 0;
    margin-left: auto;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #fe3a40;
}


.order_ok_body {
    margin-top: 32px;
}

.odok_box {
    /* border: 17px solid #b2c5d4;  */
    border: 17px solid #f5f5f5;
    text-align: center;
    background-color: #fff;
    padding: 36px 0;
    margin-bottom: 35px;
}

.odok_box>p {
    line-height: 1.7;
}

.odok_box .ok_txt01 {
    position: relative;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    padding-bottom: 18px;
    margin-bottom: 14px;
}

.odok_box .ok_txt01:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -12px;
    width: 24px;
    border-bottom: 4px solid #9e9e9e;
}

.odok_box .ok_txt02 {
    font-size: 15px;
    color: #000;
    line-height: 180%;
    font-weight: 300;
}

.odok_info01 {
    margin-bottom: 80px;
}

.odok_info01 .odok_der {
    border-top: 1px solid #747474;
    display: table;
    width: 100%;
}

.odok_info01 .odok_der dt {
    display: table-cell;
    width: 185px;
    padding: 20px 0;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.odok_info01 .odok_der dd {
    display: table-cell;
    padding: 20px 0;
    line-height: 180%;
    font-size: 14px;
    color: #333;
    font-weight: 300;
}

.odok_info01 .ol_list .cols-02 {
    width: 62%;
}

.odok_info02 .odok_pay {
    border-top: 1px solid #747474;
    padding: 35px 10px 0;
}

.odok_info02 .odok_pay span {
    font-size: 16px;
    color: #333;
    margin-right: 40px;
}

.odok_info02 .odok_pay span:nth-child(2) {
    margin-right: 0;
}

.odok_info02 .odok_pay span strong {
    font-weight: 900;
}

.odok_info02 .btn_wrap {
    padding-top: 90px;
    text-align: center;
}

.odok_info02 .btn_wrap .btn_st07 {
    margin: 0 5px;
}

/* 내쿠폰함 */
.my_coupon_layer {
    position: fixed;
    top: 0;
    width: 690px;
    z-index: 100;
    background-color: #fff;
    display: none;
}

.my_cou_top {
    padding: 0 25px;
    background-color: #3a3a3c;
}

.my_cou_top .lp_tit {
    line-height: 67px;
    font-size: 21px;
    color: #fff;
    font-weight: bold;
}

.my_coupon_layer .btn_layer_close {
    position: absolute;
    right: 25px;
    top: 20px;
}

.my_cou_body {
    padding: 20px 18px;
}

.my_cou_body .my_coupon_list {
    width: 100%;
}

.my_coupon_list th {
    width: 128px;
    text-align: left;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 35px;
    padding: 6px 0;
    vertical-align: top;
}

.my_coupon_list td {
    padding: 6px 0
}

.my_coupon_list .bdb th,
.my_coupon_list .bdb td {
    border-bottom: 1px solid #8a8a8a;
}

.my_coupon_list .m_num {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    line-height: 35px;
}

.my_coupon_list .m_txt01 {
    font-size: 14px;
    color: #000;
    line-height: 35px;
}

.my_coupon_list .coupon_ip {
    position: relative;
    padding-right: 85px;
}

.my_coupon_list .coupon_ip input {
    width: 100%;
    height: 35px;
}

.my_coupon_list .coupon_ip .btn_ip {
    position: absolute;
    right: 0;
    top: 0;
    width: 72px;
    height: 35px;
    line-height: 33px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #000;
    background-color: #efefef;
    border: 1px solid #c7c7c7;
}

.my_cou_body .my_cou_box {
    padding: 18px 22px;
    border: 1px solid #d9d9d9;
    background-color: #efefef;
    font-size: 14px;
    margin-top: 20px;
}

.my_cou_body .my_cou_box strong {
    color: #000;
    font-weight: bold;
    margin-right: 60px;
}

.my_cou_total {
    width: 100%;
    margin-top: 80px;
}

.my_cou_total th {
    text-align: left;
    padding-left: 18px;
    height: 32px;
    background-color: #f6f7fb;
    border: 1px solid #d3d5df;
    font-size: 14px;
}

.my_cou_total th.last {
    background-color: #e7ebf5;
}

.my_cou_total td {
    text-align: right;
    padding-right: 18px;
    border: 1px solid #d3d5df;
    height: 40px;
    font-size: 14px;
}

.my_cou_total td.last {
    background-color: #e7ebf5;
}

.my_cou_total .m_num {
    font-size: 14px;
    color: #333;
}

.my_cou_total .m_num strong {
    font-size: 18px;
    font-weight: 900;
}

.my_cou_total .mct03 .m_num {
    color: #dc1718;
}

.my_cou_total .mct01,
.my_cou_total .mct02 {
    position: relative;
}

.my_cou_total .icon_minus {
    position: absolute;
    right: -33px;
    top: 50%;
    margin-top: -13px;
    display: inline-block;
    width: 27px;
    height: 27px;
    border: 1px solid #b6b9c3;
    border-radius: 50%;
    background-color: #fff;
}

.my_cou_total .icon_minus:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -2px;
    width: 15px;
    height: 3px;
    background-color: #2e2e2e;
}

.my_cou_total .icon_same {
    position: absolute;
    right: -33px;
    top: 50%;
    margin-top: -13px;
    display: inline-block;
    width: 27px;
    height: 27px;
    border: 1px solid #b6b9c3;
    border-radius: 50%;
    background-color: #fff;
}

.my_cou_total .icon_same:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: 1px;
    width: 15px;
    height: 3px;
    background-color: #dc1718;
}

.my_cou_total .icon_same:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -5px;
    width: 15px;
    height: 3px;
    background-color: #dc1718;
}

.my_cou_body .btn_wrap {
    text-align: center;
    padding: 42px 0 0 0;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

/* 쿠폰함 custom */
.my_coupon_layer.coupon_01 {
    display: block;
    position: relative;
    margin: 0px 0;
    width: 100%;
}

.my_coupon_layer.coupon_01 .my_cou_body {}

.my_coupon_layer.coupon_01 .ta_right {
    width: 100%;
    border-bottom: solid 1px #a7a7a7;
    padding-bottom: 8px;
}

.my_coupon_layer.coupon_01 .ta_right p {
    float: left;
    line-height: 20px;
}

.my_coupon_layer.coupon_01 .ta_right p:before {
    content: "";
    display: inline-block;
    margin: 0px 5px -3px;
    width: 22px;
    height: 20px;
    background: url("../img/login/caution.png") no-repeat;
    background-size: contain;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list th {
    padding: 5px 12px;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list td {
    padding: 5px 12px;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list div {
    font-weight: 400;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list div span {
    font-weight: 400;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list div .f_left {
    float: none;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list div .block {
    display: block;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list div .color_pointer {
    color: #4f67c7;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list .radio_box {
    margin: 5px 0px;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list .radio_box .txt_sub {
    text-decoration: line-through;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list .radio_box input[type="radio"] {
    margin: 5px 10px 5px 0px;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list .discount_result {
    border-bottom: solid 1px #98999b;
    font-weight: 500;
    text-align: right;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list .discount_result .color_pointer2 {
    color: #069ee9;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list .table_bg {
    background-color: #f7f8fc;
    border-top: solid 1px #ebebed;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list .table_bg.table_border {
    border: none;
}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list:first-of-type {}

.my_coupon_layer.coupon_01 .my_cou_body .my_coupon_list:first-of-type tr:first-child {
    background-color: #e2e3e8;
}

.my_coupon_layer.coupon_01 .my_cou_total .mct03 .m_num {
    color: #069ee9;
}

.my_coupon_layer.coupon_01 .my_cou_total .icon_same:before {
    background-color: #2e2e2e;
}

.my_coupon_layer.coupon_01 .my_cou_total .icon_same:after {
    background-color: #2e2e2e;
}

/* 회원가입 */


/* 로그인 */


/* 로그인 탭 */
.member_tap {
    width: 100%;
    display: flex;
}

.member_tap li {
    width: 100%;
}

.member_tap li a {
    display: block;
    width: 100%;
    line-height: 80px;
    text-align: center;
    font-size: 27px;
    font-weight: 500;
    color: #999999;
    background:#f8f8f8 ;
    border: 2px solid #dbdbdb;
}

.member_tap li a:hover {
    background: #fe3a40;
    color: #fff;
}
.member_tap li a:focus,
.member_tap li a.on {
    border-bottom: unset;
    color: unset;
    background: unset;
}
.member_tap li:nth-child(1) a {
    /* border-radius: 10px 0 0 0 ; */
}
.member_tap li:nth-child(2) a {
    /* border-radius: 0 10px  0 0 ; */
}
/* 회원 로그인 */



.login.non_active {
    display: none;
}
.login-container .logo_box {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 366px;
    margin: 100px auto  0;
    margin-bottom: 70px;
}
.login-container p {
    font-size: 24px;
    color: #454545;
    margin: 0px 0 50px;
    text-align: center;
    line-height: 1.3;
}
.login .login_wrap .login_form {
    padding: 50px 0px ;
    border-bottom: 2px solid #dbdbdb;
}
.login .login_wrap .kakao_login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background:#fee500 ;
    line-height:82px ;
    font-size: 28px;
    font-weight: 500;
    color: #381e1f;
    border-radius: 10px ;
}
.login .login_wrap .kakao_login i {
    display: block;
    width:36px ; height: 33px;
    background: no-repeat center;
    background-image: url(../img/btn/kakao_ico.png);
    margin-right: 14px;
}
.login .login_wrap .naver_login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #00c73c;
    line-height:82px ;
    font-size: 28px;
    font-weight: 500;
    margin-top: 20px;
    color: #fff;
    border-radius: 10px ;
}
.login .login_wrap .naver_login i {
    display: block;
    width:36px ; height: 33px;
    background: no-repeat center;
    background: url(../img/btn/naver_ico.png)no-repeat center/cover;
    margin-right: 14px;
}


.login .login_form .in_member {
    margin-left: 96px;
}

.login .login_form .out_member {
    margin-left: 56px;
}

.login .login_form span {
    font-size: 12px;
}
.login .login_form input[type="tel"],
.login .login_form input[type="text"],
.login .login_form input[type="password"] {
    width: 100%;
    height: 80px;
    font-size:24px ;
    border-radius: 10px;
}
.login .login_form input[type="tel"]::placeholder,
.login .login_form input[type="text"]::placeholder {
    color: #bbbbbb;
}
.login .login_form .login-box {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.login .login_form .login-box 

.login .login_form .login-box p {
    display: inline-block;
    font-size: 14px;
}
.login .login_form .id_wrap, 
.login .login_form .name_wrap {
    margin-bottom: 20px;
} 
.login .login_form .phon_input {
    display: flex;
    flex-direction: column;
}
.login .login_form .email_warp div {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.login .login_form .email_warp div > span {
    margin: 0 8px; 
}
.login .login_form .email_warp div > input[type="text"] {
    width: calc(50% - 15px) !important;
}
.login .login_form .email_warp div > select {
    width: calc(50% - 15px);
}


.login .login_form .login_btn_wrap {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.login .login_form button.login_btn {
    width: 100%;
    color: #fff;
    border-radius: 45px;
    line-height: 76px;
    background: #fe3a40;
    border: 2px solid #fe3a40;
    font-weight: 700;
    font-size: 28px;
    cursor: pointer;
    font-weight: 500;
}

.login .login_form .check {
    padding-top: 20px;

}

.login .login_form .an_btn_wrap  {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top:40px ;
    width: 100%; 
}
.login .login_form .another_login button {
    display: block;
    width: 100%; line-height: 62px ;

    font-size:18px ;
    font-weight: 500;
}
.login .login_form .another_login button+button {
    margin-top: 10px;
}
.login .login_form .another_login .naver_login {
    color: #fff;
    background: #1de000 url(../img/btn/login_naver.png) no-repeat center left 20px ;
}
.login .login_form .another_login .kakao_login {
    color: #3b1e1e;
    background: #f9e000 url(../img/btn/login_kakao.png) no-repeat center left 14px ;
}

.login .another_login .sns_ttl {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: #454545;
    flex: 0 0 auto;
    margin-top: 40px;
}
.login .another_login .sns_ttl span {
    width: 170px;
    height: 1px;
    background: #dbdbdb;
}
.login .another_login .sns_ttl span.left {
    margin-right:16px;
}
.login .another_login .sns_ttl span.right {
    margin-left: 16px;
}
.login .login_form .another_login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} 
.login .login_form .join_btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: block;
    border: 1px solid #fe3a40;
    font-weight: 600;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #fe3a40;
}

.login .login_form ul {
    display: flex;
    justify-content: flex-end;
}

.login .login_form ul li:first-child {
    margin-right: auto;
}

.login .login_form ul li a {
    display:block;
    font-size: 15px;
    color: #757575;
    font-weight: 400;
    position: relative;
}
.login .login_form ul li:not(:last-child) a {
    margin-right: 10px;
    padding-right: 10px;
}
.login .login_form ul li:not(:last-child) a::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%; right: 0;
    transform: translateY(-50%);
    width: 1px; height: 12px;
    background: #dddddd ;
}

.login .login_form ul li:last-child a {
    color: #252525;
}
.login .login_form ul li input {display: none;}
.login .login_form ul li input+label {
    font-size: 15px;
    color: #252525;
    background: no-repeat center left /20px auto;
    background-image:  url(../img/common/check.png);
    padding-left:30px ;
}
.login .login_form ul li input:checked+label {
    background-image:  url(../img/common/check_on.png);
}




/* 회원정보이관정책동의 */
.check_info_box {
    position: relative;
    margin-top: 5px;
}

.check_info_popup {
    display: none;
    position: absolute;
    top: 35%;
    left: 50%;
    background-color: #fff;
    width: 550px;
    height: 310px;
    padding: 22px 35px;
    box-shadow: 0 0 8px #606060;
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 99999;
    transform: translate(-50%, -50%);
}

.check_info_popup h3 {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.check_info_popup>.check_info_txt {
    padding: 22px;
    height: 170px;
    background-color: #f2f2f2;
    overflow-y: auto;
    box-sizing: border-box;
}

.check_info_popup>.cloes_info_box {
    position: absolute;
    top: 20px;
    right: 22px;
}

.check_info_popup>.btn_box {
    display: table;
    margin: 20px auto;
}

.check_info_popup>.btn_box button {
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
}

.check_info_popup>.btn_box button:first-child {
    margin-right: 10px;
    background-color: #fe3a40;
}

.check_info_popup>.btn_box button:last-child {
    background-color: #777777;
}

/* 비회원 로그인 */
.login .login_form .login-box input[type="tel"].l_input,
.login .login_form .login-box input[type="text"].l_input {
    width: 100%;
}
.login .login_form .login-box input[type="tel"].s_input,
.login .login_form .login-box input[type="text"].s_input {
    margin: 0 7px;
    margin-bottom: 0;
    width: 75px;
    float: none;
    vertical-align: middle;
}
#non_memder.login .login_form .login-box {
    margin-bottom: 20px;
}
#non_memder.login .login_form .login-box p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

#non_memder.login .login_form .login-box .login-txt {
    text-align: left;
    font-size: 26px;
    text-transform: uppercase;
    color: #252525;
    font-weight: 500;
}

#non_memder.login .login_form .login-box .phon_input {
    margin-top:20px;
}
/* #non_memder.login .login_form .phon_input {
    clear: both;
    width: 100%;
} */

/* #non_memder.login .login_form .phon_input label {
    margin-right: 21px;
    line-height: 39px;
} */

.login .login_form select {
    width: calc(33.333% - 11.5px );
    height:100%;
    border: 1px solid #dbdbdb;
    font-size: 26px;
    color: #454545;
    background: url(../img/ico/item_op_select.png)no-repeat right 10px center;
}

#non_memder.login .phon_num {
    /* float: right; */
    /* border: 1px solid #dcdcdc; */
    width:100%;
    height: 80px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

/* #non_memder.login .phon_num::after {
    display: block;
    clear: both;
    content: '';
} */

#non_memder.login .phon_num input {
    /* float: left; */
    margin: 0;
    border: 0;
    padding: 0 10px;
    width: calc(33.333% - 11.5px);
    height: 100%;
    outline: 0;
    border: 1px solid #dbdbdb;
    border-radius: 0;
}

#non_memder.login .phon_num span {
    display: block;
    /* float: left; */
    /* width: 30px;
    line-height: 37px; */
    text-align: center;
    margin: 0 7px ;
    font-size: 24px;
}

#non_memder.login .login_form input[type="tel"].s_input:last-child {
    margin-right: 0;
}

#non_memder.login .another_login {
    clear: both;
}

#non_memder.login .another_login p {
    /*margin-top:30px;display:block;*/
    padding: 40px 0 20px;
    text-align: center;
    font-size: 16px;
    color: #252525;
}

/* ad zone */
.login .ad_zone {
    float: right;
    width: 450px;
    height: 310px;
    background: #ebebeb;
    margin-right: 0px;
    outline: solid 1px #ccc;
    text-indent: -9999999px;
}

/* 비회원 개인정보 이용 동의 팝업 */
.popup p.popup_txt,
.popup p.check_cation,
.popup .popup_check label {
    font-size: 12px;
    font-family: 'MalgunGothic';
    font-weight: 300;
    color: #666;
    line-height: 22px;
}

.popup p.popup_txt {
    margin: 0 15px 20px;
}

.popup .check_agree {
    width: 100%;
    height: 385px;
    overflow-y: auto;
    border: 1px solid #dcdcdc;
}

.popup .check_agree div {
    width: 90%;
    padding: 35px 0;
    margin: 0 auto;
}

.popup .check_agree div p {
    font-family: 'MalgunGothic';
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: #666;
}

.popup .popup_check {
    text-align: center;
}

.popup span.radio {
    margin: 0 10px;
    padding-left: 15px;
    position: relative;
    display: inline-block;
    height: 17px;
    line-height: 15px;
    vertical-align: baseline;
}

.popup span.radio input {
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    opacity: 0;
}

.popup span.radio label {
    font-weight: 400;
    font-size: 12px;
    margin-left: 5px;
    line-height: 12px;
}



.popup p.check_cation {
    margin-top: 20px;
    margin-bottom: 10px;
}

/* 계정정보 찾기 */
.login_find .member_tap li {
    width: 50%;
}

.login.login_find .login_form .login-box {
    /* margin-top: 25px; */
    width: 100%;
}

.login.login_find .login_form input[type="text"] {
    float: none;
    width: 100%;
    border: 1px solid #d6d6d6;
}

.login.login_find .login_form .phonarea {
    width: 100%;
}

/* 전화번호로 찾기 */
.login.login_find .login_form .phonarea .phon_num {
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.login.login_find .login_form .phonarea .phon_num select {
    margin: 0;
    width: calc(33.333% - 13.333px);
    height: 52px;
}
.login.login_find .login_form .phonarea .phon_num input {
    width: calc(33.333% - 13.333px);
    height: 100%;
    outline: 0;
}

.login.login_find .login_form .phonarea .phon_num span {
    display: block;
    margin: 0 7px ;
    font-weight: 400;
    
}





.login.login_find .login_form .phonarea .button_wrap {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

.login.login_find .login_form .button_wrap input {
    width: 100%;
    box-sizing: border-box;
}


.login_find .find_id .find_id_box .login_form .email_warp button {
    margin-bottom: 10px;
}

.login.login_find .find_cation {
    padding-left: 10px;
    position: relative;
    line-height: 20px;
    word-break: keep-all;
}

.login.login_find .find_cation::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 1px;
    background: #7e7e7e;
}
.login.login_find .find_btn_wrap {
    display: flex;
    justify-content: center;
} 
.login.login_find .find_btn {
    width:100%;
    color: #fff;
    line-height: 56px;
    background: #fe3a40 ;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    margin: 40px 0 0;
}

/* 아이디 찾기 */


.login.login_find {
    position: relative;
    width: 460px;
    margin: 0 auto;
}

.login_find .find_id {
    padding: 40px 0;
    /* border: 1px solid #dbdbdb; */
    border-bottom: 0;
    box-sizing: border-box;
}

.login_find .find_id .find_id_box {
    /*position:absolute; top:2px; left:2px; height:300px;*/
}

.login_find .find_id .find_id_box .login_form {
    display: none;
    margin-right: 0;
    width: 100%;
    border: none;
    margin-top: 0;
}

.login_find .find_id .find_id_box .login_form.on {
    display: block;
}

.login_find .find_id .find_id_box .login_form:last-child {
    position: relative;
    width: 100%;
}

.login_find .find_id .find_id_box .login_form .in_member {
    margin-left: 0;
}

.login_find .find_id .find_id_box .login_form span {
    font-size: 18px;
    margin-left: 5px;
    font-weight: 600;
}

.login_find .find_id .find_id_box .login_form p {
    font-size: 14px;
    margin-top: 10px;
    color: #7e7e7e;
}

.login_find .find_id .find_id_box .login_form p:first-child {
    margin-top: 0px;
    font-weight: 400;
}

.login_find .find_id .find_id_box .login_form button {
    /*margin:53px 10px;*/
    width: 104px;
    height: 39px;
    outline: none;
    border: none;
    background: #919191;
    color: #fff;
    font-size: 12px;
}

.login_find .find_id .find_id_box .login_form .login-box p.login_ttl {
    /* width: 55px;
    height: 39px;
    margin-bottom: 10px; */
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 20px ;
}

.login_find input[type="submit"] {
    clear: both;
    display: block;
    margin: 0 auto 20px;
    width: 170px;
    height: 50px;
    background-color: #e8374b;
    border: none;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
}

.login.login_find .login_form .button_wrap button {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    border: 1px solid #e8374b;
    width: 100%;
    height: 52px;
    color: #e8374b;
    font-size: 18px;
    font-weight: 500;
    background: none;
    box-sizing: border-box;
}

/* 비밀번호 찾기 */
.login_find .find_id_password {
    display: none;
}

.login_find .find_id .find_id_box .login_form p.text_deco {
    margin-top: 5px;
}

.find_radio {
    margin-bottom: 30px;
}

.find_radio .radio_item {
    display: inline-block;
}

.find_radio .radio_item+.radio_item {
    margin-left: 70px;
}

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

.find_radio .radio_item input[type="radio"]+label {
    display: block;
    padding-left: 28px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    line-height: 20px;
    background: url(../img/ico/radio.png) left center no-repeat;
    background-size: auto 100%;
}

.find_radio .radio_item input[type="radio"]:checked+label {
    background: url(../img/ico/radio_on.png) left center no-repeat;
    background-size: auto 100%;
}

/* 주문비밀번호 찾기 */
.modal1 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.form-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 410px;
    height: 370px;
    background-color: #fff;
    outline: solid 3px #2f6fe6;
    transform: translate(-50%, -50%);
}

.form-box h2 {
    padding: 14px 18px 0;
    color: #4a7adf;
    font-size: 24px;
    font-weight: normal;
}

.form-box a {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 18px;
    background: url("/img/ico/close.png");
    text-indent: -99999px;
}

.form-box table {
    padding-top: 19px;
    margin: 15px 0;
    width: 100%;
    border-top: solid 1px #bfbfc0;
    border-bottom: solid 1px #bfbfc0;
}

.form-box table th {
    box-sizing: border-box;
    padding-left: 45px;
    width: 125px;
    height: 28px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    line-height: 42px;
}

.form-box table tr:first-child th {
    padding-top: 19px;
}

.form-box table tr:first-child td input {
    margin-top: 19px;
}

.form-box table td {
    padding-left: 22px;
}

.form-box table td input {
    width: 190px;
    height: 28px;
    line-height: 28px;
    margin: 3px 0 2px;
}

.form-box table .phone input {
    width: 55px;
}

.form-box table .user_password input {
    font-size: 12px;
}

.form-box table .out_user_sms {
    font-size: 11px;
    line-height: 14px;
}

.form-box table .out_user_sms td {
    color: #5e5e5e;
}

.form-box table .out_user_sms td input {
    width: 14px;
    height: 14px;
    margin: 3px 4px 4px;
}

.form-box table .out_user_sms td input:nth-child(2) {
    margin-left: 20px;
}

.form-box p {
    padding: 3px 64px 0 22px;
    font-size: 12px;
    font-weight: 300;
    color: #6e6e6e;
    line-height: 18px;
}

.form-box input[type="submit"] {
    display: block;
    margin: 10px auto 20px;
    width: 110px;
    height: 30px;
    background-color: #3770ed;
    color: #fff;
    border: solid 1px #2a5bcc;
}

/* 회원가입 */
.member-container.member-form {
    margin: 20px auto 100px;
    padding: 100px 0  20px;
    width: calc(100% - 30px);
    max-width: 640px;
    box-sizing: border-box;
}

.form-box2 {
    margin-top: 60px;
}

.form-box2 .checkbox input[type="checkbox"] {
    display: none;
}

.form-box2 .checkbox input[type="radio"] {
    display: none;
}

.form-box2 .checkbox input[type="checkbox"]+label {
    padding-left: 30px;
    /* line-height: 20px; */
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    background: url(../img/common/check.png) left center no-repeat;
}

.form-box2 .checkbox input[type="checkbox"]:checked+label {
    background: url(../img/common/check_on.png) left center no-repeat;
}

.form-box2 .checkbox input[type="radio"]+label {
    padding-left: 30px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    background: url(../img/ico/radio.png) left center no-repeat;
    width: 16px;
    height: 16px;
}

.form-box2 .checkbox input[type="radio"]:checked+label {
    background: url(../img/ico/radio_on.png) left center no-repeat;
    width: 16px;
    height: 16px;
}

.form-box2 .input_wrap .mem_ttl{
    font-size:18px ;
    font-weight: 500;
    display: block;
    margin-bottom: 20px;
}
.form-box2 .input_wrap + .input_wrap {
    margin-top:30px ;
}
.form-box2 .input_wrap input[type="password"],
.form-box2 .input_wrap input[type="text"] {
    width: 100%;
    line-height: 50px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    outline: none;
}
.form-box2 .input_wrap input[type="password"]::placeholder,
.form-box2 .input_wrap input[type="text"]::placeholder {
    color: #999999;
}
.form-box2 .input_wrap .button_wrap {
    display: flex;
}
.form-box2 .input_wrap .button_wrap button {
    border: 1px solid #252525;
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    width: 150px;
    margin-left: 10px;
    flex: 0 0 auto;
    line-height: 50px;
}

.form-box2 .input_wrap .alert_txt {
    font-size: 13px;
    margin: 0;
    text-align: left;
    margin-top:10px ;
}
.form-box2 .input_wrap .alert_txt.gray {color: #999999;}
.form-box2 .input_wrap .alert_txt.red {color: #ee0505;}
.form-box2 .input_wrap .alert_txt.blue {color: #0a6ec2;}
.form-box2 .input_wrap .button_wrap + .button_wrap {
    margin-top:10px ;
}
.form-box2 .input_wrap .phone_num {
    display: flex;
    width: calc(100% - 160px  );
    align-items: center;
}
.form-box2 .input_wrap .phone_num select,
.form-box2 .input_wrap .phone_num input {
    width: 33.333%;
    line-height: 50px;
    border: 1px solid #dbdbdb;
    font-size: 18px;
}
.form-box2 .input_wrap .phone_num  span {
    font-size: 18px;
    font-weight: 500;
    margin: 0 8px;
}
.form-box2 .input_wrap.email .checkbox ,
.form-box2 .input_wrap.tel .checkbox {
    margin-top:20px ;
}
.form-box2 .input_wrap .email_row {
    display: flex;
    align-items: center;
}
.form-box2 .input_wrap .email_row input,
.form-box2 .input_wrap .email_row select {
    width: 33.333%;
    line-height: 50px;
    font-size: 16px;
    border: 1px solid #dbdbdb;
}
.form-box2 .input_wrap .email_row select {margin-right: 10px;}
.form-box2 .input_wrap .email_row span {
    margin: 0 8px ;
}
.form-box2 .join_agree_wrap {
    margin-top:40px ;
    padding-top: 40px;
    border-top: 1px solid #eeeeee ;
}
.form-box2 .join_agree_wrap .checkbox.all {
    padding-bottom: 20px;
}
.form-box2 .join_agree_wrap .detail_agree {
    border: 1px solid #dbdbdb;
}
.form-box2 .join_agree_wrap .detail_agree li {
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px;
}
.form-box2 .join_agree_wrap .detail_agree li:last-child {
    border-bottom: none;
}
.form-box2 .join_agree_wrap .detail_agree li span {
    font-size: 16px ;
    color: #999999 ;
    cursor: pointer;
}


/* agree_popup_wrap */
.agree_popup_wrap {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
}

.agree_popup_wrap .agree_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 640px;
    width: calc(100% - 30px);
    max-height: 640px;
    height: 100%;
    z-index: 2;
}

.agree_popup_wrap .agree_popup .top {
    height: 60px;
    line-height: 2;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #fe3a40;
    padding: 12px 20px;
    box-sizing: border-box;
}

.agree_popup_wrap .agree_popup .top::after {
    display: block;
    clear: both;
    content: '';
}

.agree_popup_wrap .agree_popup .top p {
    float: left;
    font-size: 18px;
}

.agree_popup_wrap .agree_popup .top .close {
    float: right;
    cursor: pointer;
}

.agree_popup_wrap .agree_popup .top .close img {
    width: 20px;
    padding-top: 8px;
}

.agree_popup_wrap .agree_popup .content {
    height: 590px;
    background: #fff;
    padding: 15px;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
}

.agree_popup_wrap .agree_popup .content .padding {
    height: 100%;
    overflow-y: auto;
}

.agree_popup_wrap .agree_popup .content .padding::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    height: 0px !important;
}

.agree_popup_wrap .agree_popup .content .padding::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

.agree_popup_wrap .agree_popup .content .padding::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.agree_popup_wrap .bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

/* //popup_wrap */



/* 비교하기 - 리스트 */
.sub.vs_list {}

.sub.vs_list .sub_wrap h3 {
    font-size: 0;
    overflow: hidden;
}

.sub.vs_list .item_wrap {
    background: #f0f0f0;
}

.sub.vs_list .iw_top {
    text-align: center;
    border-bottom: 0 none;
    padding: 40px 0 0 0;
}

.sub.vs_list .iw_top .i_tit {
    font-size: 42px;
    margin-bottom: 30px;
    font-weight: 600;
}

.sub.vs_list .iw_top a {
    margin: 0 auto;
    width: 110px;
    display: block;
    font-size: 15px;
    color: #434343;
    font-weight: 400;
}

.sub.vs_list .iw_top a.btn_vs_all {
    background: url('/img/sub/next_arrow.png')no-repeat right center;
    text-align: left;
}

.vs_list .itme_type01 {
    margin-left: 0px;
}

.vs_list .itme_type01>li {
    width: 380px;
}

.vs_list .itme_type01>li:first-child,
.vs_list .itme_type01>li:nth-child(3n+1) {
    margin-left: 0;
}

.vs_list .itme_type01 select {
    margin-bottom: 20px;
    width: 100%;
    width: 100%;
    height: 42px;
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
    color: #434343;
}

.vs_list .itme_type01 article {
    padding: 50px;
    background: #fff;
}

.vs_list .itme_type01 article span img {
    width: 100%;
}

.vs_list .itme_type01 .item_content {
    width: 100%;
    margin-top: 30px;
}

.vs_list .itme_type01 .item_content h4.ic_subject {
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.vs_list .itme_type01 .item_content li {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: -1px;
    border-bottom: 1px solid #eee;
    display: table;
}

/*.vs_list .itme_type01 .item_content li:first-child .ic_subject{width:100%;}*/
.vs_list .itme_type01 .item_content li.size {
    line-height: 30px;
}

.vs_list .itme_type01 .item_content li .product_size {
    line-height: 30px;
    padding-bottom: 10px;
}

.vs_list .itme_type01 .item_content li .product_size li {
    position: relative;
    padding-right: 3px;
    display: inline-block;
    width: auto;
    border-bottom: 0 none;
    line-height: 25px;
    height: 25px;
}

.vs_list .itme_type01 .item_content li .product_size li:after {
    content: ',';
    position: relative;
    bottom: 0;
    right: 1px;
}

.vs_list .itme_type01 .item_content .ic_subject {
    display: table-cell;
    padding-left: 10px;
    width: 55px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

.vs_list .itme_type01 .ic_color span {
    display: inline-block;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    border-radius: 50%;
    background: #123456;
}

.vs_list .itme_type01 .ic_color span:first-child {
    margin-left: 0;
}

.vs_list .btn_wrap {
    margin: 40px auto;
}

.vs_list .btn_wrap a {
    margin: 0 auto;
    display: block;
}

.vs_list .itme_type01 .btn_wrap {
    margin: 60px auto 0;
}

.vs_list .itme_type01 .btn_st06.c01 {
    margin: 0 auto;
}

.vs_list .itme_type01 .btn_st06 {
    margin: 10px auto 0;
}

.item_view_img {
    margin-top: 70px;
}

/* 상품목록 필터 수정 */
.snb_box .sb_tit01.bm_no {
    border-bottom: 0 none;
}

.check_list .snb_list.snb_menu>li>a {
    background: none;
}

.snb_box .snb_list.snb_menu>li ul li a {
    margin-top: 5px;
}

/* 검색결과 */
.search_breand ul {
    border-bottom: 1px solid #dcdcdc;
}

.search_breand ul li {
    margin-bottom: 15px;
    position: relative;
    width: 15%;
    margin-left: 1.65%;
    float: left;
}

.search_breand ul li input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
}

.search_breand ul li span.checkbox_txt {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-family: 'Malgun Gothic';
    font-weight: 400;
    color: #666;
}

.search_breand span.checkbox {
    line-height: 15px;
    position: relative;
    display: inline-block;
    /*height: 15px; padding-left: 15px;*/
    vertical-align: baseline;
}

.search_breand span.checkbox input {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

.search_breand span.checkbox label {
    font-size: 0;
}

.search_breand span.checkbox label::before {
    display: block;
    content: '';
    cursor: pointer;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #cdcdcd;
    background: #fff url(../img/btn/checkbox.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
}

.search_breand span.checkbox input:checked+label:before {
    content: '';
    cursor: pointer;
    display: block;
    width: 14px;
    height: 14px;
    border: 0 none;
    background: #fff url(../img/btn/checkbox_check.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
}

.search_breand span.checkbox label img {
    box-sizing: border-box;
    width: 147px;
    height: 37px;
    border: 1px solid #dcdcdc;
}

.search_breand span.checkbox input:checked+label img {
    /* width: auto; */
    outline: 2px solid #fe3a40;
}

.search_none {
    margin: 70px auto 120px;
}

.search_none img.only_web {
    display: inline-block;
}

.search_none h3 {
    margin-top: 40px;
    font-size: 22px;
    font-weight: 400;
}

.search_none h3 span {
    color: #fe3a40;
    font-weight: 600;
}

.search_none p {
    margin-top: 17px;
    margin-bottom: 40px;
    font-size: 17px;
    color: #555;
}

.search_none p.search_cation {
    margin-top: 0;
    margin-bottom: 0px;
    font-size: 15px;
    color: #555;
    line-height: 25px;
}

/* 05_02 김준혁 추가 */
.search_breand ul li:hover .brand_info {
    display: block;
}

.search_breand ul li .brand_info {
    display: none;
    position: absolute;
    top: 65px;
    left: 0;
    padding: 0 0 20px 0;
    width: 980px;
    min-height: 110px;
    background-color: #fff;
    border: solid 1px #aaaaaa;
    z-index: 999;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 10px #e5e5e5;
    -moz-box-shadow: 0px 10px #e5e5e5;
    box-shadow: 0px 3px #e5e5e5;
}

.search_breand ul li .brand_info .triangle01 {
    position: absolute;
    top: -5px;
    left: 30px;
    width: 7px;
    height: 7px;
    border-left: solid 1px #aaa;
    border-top: solid 1px #aaa;
    background-color: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

/* .search_breand ul li .brand_info:before { content:"";  position:absolute; top:-7px; left:0; display:block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #aaaaaa; }
.search_breand ul li .brand_info:after { content:"";  position:absolute; top:-6px; left:1px; display:block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; } */
.search_breand ul li .brand_info img {
    margin: 20px 0 10px;
}

.search_breand ul li .brand_info p {
    padding: 0 40px 0 20px;
    font-size: 13px;
    color: #666666;
    line-height: 18px;
}

/* 상품없음 */
.no_item_container {
    text-align: center;
    padding: 70px 0 70px;
}

.no_item_container h4 {
    margin: 45px 0 20px;
    font-size: 22px;
    color: #333333;
}

.no_item_container h5 {
    font-size: 17px;
    color: #555555;
}

/* 0519 */
/**/
.sub_wrap.dak_02 {}

.dak_02 .sub_item_list .itme_type01>li {
    width: 31.5%;
    margin-right: 2.75%;
    margin-bottom: 2.75%;
}

.dak_02 .sub_item_list .itme_type01>li:nth-of-type(3n) {
    margin-right: 0;
}

/* 특가닭 */
.dak_special {
    float: none;
    margin: 0 auto;
    background-color: #f4f4f4;
    padding-bottom: 48px;
}

.dak_special>div {
    width: 1180px;
    margin: 0 auto;
}

.dak_timer_box {
    padding: 60px 0 40px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.dak_timer_box:after {
    content: "";
    display: block;
    clear: both;
}

.dak_timer_box h2 {
    display: inline-block;
    position: relative;
    /* margin-right:40px; */
    font-size: 61px;
    color: #333333;
    font-weight: 500;
}

.dak_timer_box h2:after {
    content: "~";
    position: absolute;
    top: -45%;
    right: 3%;
    color: #fe3a40;
    display: block;
    font-size: 40px;
    font-weight: 400;
}

.dak_timer_box h2 span:nth-child(1) {
    font-weight: 300;
    color: #5e5e5e;
}

.dak_timer_box h2 span:nth-child(2) {
    color: #fe3a40;
}

.dak_timer_box>div {
    display: inline-block;
    margin-top: 10px;
}

.dak_timer_box>div span {
    display: block;
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    background-color: #020202;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}

.dak_timer_box>div span:last-child {
    margin-right: 0;
}

.dak_timer_box>div span.time_bar {
    width: auto;
    height: auto;
    background-color: transparent;
    color: #020202;
}

/**/
.special_banner {}

.special_banner button {
    position: absolute;
    top: 50%;
    width: 41px;
    height: 79px;
    transform: translate(0, -50%);
    text-indent: -999999px;
    z-index: 99;
}

.special_banner .slick-prev {
    left: -6%;
    background: url('/img/sub/special_prev.png') no-repeat;
    background-size: cover;
}

.special_banner .slick-next {
    right: -6%;
    background: url('/img/sub/special_next.png') no-repeat;
    background-size: cover;
}

/**/
.dak_01.item_detail_tab {
    margin: 0px 0 20px;
    width: 100%;
    padding: 50px 11.35% 200px;
    box-sizing: border-box;
    background: url('/img/sub/special_tab_banner.png') no-repeat;
}

.dak_01.item_detail_tab button {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    width: 25%;
    height: 84px;
    text-align: center;
    background-color: #fff;
    color: #000;
    font-family: 'Noto Sans KR';
    font-size: 22px;
    text-align: center;
    line-height: 84px;
}

.dak_01.item_detail_tab button:first-of-type:before {
    display: none;
}

.dak_01.item_detail_tab button:before {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    bottom: 38%;
    left: 0;
    width: 1px;
    background-color: #ddd;
}

.dak_01.item_detail_tab button:after {
    content: "";
    display: none;
    position: absolute;
    top: auto;
    bottom: 10%;
    left: 50%;
    width: 50%;
    height: 5px;
    background-color: #fe3a40;
    transform: translate(-50%, 0);
}

.dak_01.item_detail_tab button.active:after {
    display: block;
}

.item_wrap.dak_01 .iw_top {
    padding: 0;
    border-bottom: none;
}

.itme_type01.dak_01 {
    padding-top: 0;
}

/* 브랜드관 */
.brand_snb {
    /* height:400px; */
    overflow-y: auto;
}

.brand_box {
    position: absolute;
    top: 10px;
    left: 0;
    width: 160px;
    height: 400px;
    border: solid 1px #ddd;
    box-sizing: border-box;
}

.brand_box a {
    display: block;
    color: #333;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
}

.brand_box li.active a {
    background-color: #fe3a40;
    color: #fff;
}

.brand_box a:hover {
    color: #fe3a40;
}

.brand_box li.active a:hover {
    color: #fff;
}

/* 이벤트 */
.sub_wrap.event {
    margin-top: 0;
    background-color: #fff;
    border: solid 1px #dbdbdb;
}

.event_bg {
    padding: 50px 0;
    background-color: #f4f4f4;
}

.event_tab_menu {
    /*  width:79.23%; */
    margin: 0 auto;
    box-sizing: border-box;
    padding: 50px 0 0;
    display: table;
}

.event_tab_menu a {
    display: inline-block;
    position: relative;
    /*  float:left; width:33.33%; */
    box-sizing: border-box;
    line-height: 50px;
    padding: 0 20px;
    text-align: center;
    color: #000;
    font-size: 26px;
    font-weight: 500;
}

.event_tab_menu a:first-of-type:before {
    display: none;
}

.event_tab_menu a:before {
    content: "";
    display: block;
    position: absolute;
    top: 35%;
    bottom: 25%;
    left: 0;
    width: 1px;
    background-color: #ddd;
}

.event_tab_menu a:after {
    content: "";
    display: none;
    position: absolute;
    bottom: -10px;
    left: 15%;
    right: 15%;
    height: 5px;
    background-color: #fe3a40;
}

.event_tab_menu a.active:after {
    display: block;
}

.event .item_detail_tab {
    margin: 30px 0 0 0;
    padding: 0 10%;
    background: none;
}

.event .item_detail_tab button {
    width: 33.33%;
}

.event_text {
    margin: 70px 0 70px 0;
    text-align: center;
    font-size: 30px;
}

.event_text>h3 {
    display: inline-block;
    padding: 10px 0;
    margin: 0 0 15px 0;
    border-top: solid 1px;
    border-bottom: solid 1px;
    color: #fe3a40;
    font-size: 30px;
}

.event_text>p {
    color: #555555;
    font-size: 30px;
}

.event_text>p span {
    color: #333;
}

.event_list {
    margin: 0 auto;
    width: 79.23%;
    box-sizing: border-box;
}

.event_list:after {
    content: "";
    display: block;
    clear: both;
}

.event_list ul {}

.event_list ul li {
    float: left;
    margin-right: 4.28%;
    margin-bottom: 4.28%;
    width: 30.48%;
    box-sizing: border-box;
}

.event_list ul li:nth-child(3n) {
    margin-right: 0;
}

.event_list ul li a {
    display: block;
    color: #333;
    font-size: 14px;
}

.event_list ul li a h4 {
    font-weight: 400;
    line-height: 30px;
}

.event_list ul li a p {
    height: 50px;
    line-height: 18px;
}

.event_list ul li a div {}

.event_list ul li a div:after {
    content: "";
    display: block;
    clear: both;
}

.event_list ul li a div span {
    display: block;
    float: left;
    font-size: 12px;
    padding: 3px 4px;
    color: #808080;
}

.event_list ul li a div span.event_ing {
    font-size: 10px;
    margin-right: 10px;
    background-color: #f26c4f;
    color: #fff;
    border-radius: 4px;
}

.event .search_box {
    display: table;
    margin: 0 auto 50px;
}

.event .search_box select,
.event .search_box input {
    float: left;
    margin-right: 7px;
    height: 30px;
}

.event .search_box select {
    width: 76px;
}

.event .search_box input {
    width: 280px;
}

.event .order_list {
    float: none;
    width: 79.23%;
    margin: 0 auto;
}

.event .contact.contact_news fieldset>div.search_box {
    float: none;
}

.dak_02 .itme_type01 .thum_img .item_opt {
    display: none;
}


/**/
.event_view {
    margin-top: 30px;
}

.event_view h2 {
    text-align: center;
}

/**/
.mii_content .item_box {
    border: none;
}


/* 201028 회원인증 팝업창 추가 */
.duplicate_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1111;
}

.duplicate_popup .pop_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 32px);
    max-width: 500px;
    background: #fff;
}

.duplicate_popup .pop_box .top {
    height: 60px;
    line-height: 2;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #fe3a40;
    padding: 12px 20px;
    box-sizing: border-box;
}

.duplicate_popup .pop_box .top::after {
    display: block;
    clear: both;
    content: '';
}

.duplicate_popup .pop_box .top p {
    float: left;
    font-size: 18px;
}

.duplicate_popup .pop_box .top .close {
    float: right;
    cursor: pointer;
}

.duplicate_popup .pop_box .top .close img {
    width: 20px;
    padding-top: 8px;
}

.duplicate_popup .pop_box .content {
    padding: 32px 0;
    text-align: center;
}

.duplicate_popup .pop_box .content .guide_txt01 {
    margin-bottom: 28px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
}

.duplicate_popup .pop_box .content .info {
    margin-bottom: 16px;
}

.duplicate_popup .pop_box .content .info .info_id {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #669900;
}

.duplicate_popup .pop_box .content .info .info_date {
    display: inline-block;
    font-size: 16px;
    font-weight: 350;
    color: #757575;
}

.duplicate_popup .pop_box .content .guide_txt02 {
    margin-bottom: 28px;
    font-size: 12px;
    font-weight: 350;
    color: #999999;
}

.duplicate_popup .pop_box .content .find_link {
    display: block;
    margin: 0 auto;
    border: 1px solid #dddddd;
    width: 120px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    background: #f5f5f5;
    box-sizing: border-box;
}

/* 주문하기 new */
#container.cart_order {
    padding: 0
}
.order_content .order_body .ob_left {
    width: calc(100% - 350px);
    padding-right:40px ; 
    padding-top: 40px;
    padding-bottom: 120px;
}

.order_content .order_body .ob_right {
    width: 350px;
    padding-top: 40px;
    border-left: solid 1px #eee;
    padding-bottom: 120px;
}
.ob_tit {
    font-size: 20px;
    color: #252525;
    font-weight: bold;
    padding-bottom: 26px;
    border-bottom: 1px solid #252525;
}
.ob_tit span {
    font-size:14px ;
    color: #757575 ;
    font-weight: 400;
}


.ord_satab{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:10px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #ececec ;
}

.ord_satab .radio_wrap{
    display: flex;
}

.ord_satab .radio_wrap > div + div{
    margin-left: 28px;
}

.ord_satab .radio_wrap input{
    display: none;
}

.ord_satab .radio_wrap input + label{
    font-size: 18px;
    color: #999;
    padding-left: 35px;
    box-sizing: border-box;
}

.ord_satab .radio_wrap input:checked + label {
    color: #fe3a40;
    font-weight: 700;
}

.ord_satab button{
    width: 110px;
    height: 48px;
    border: solid 1px #252525;
    font-size: 16px;
    color: #252525;
    line-height: 46px;
    text-align: center;
}

.sa_list .sa_row {
    padding: 0 20px;
}
.sa_list .sa_row + .sa_row {
    margin-top: 10px;
}
.sa_list .sa_row.nomal_del {
    margin-top: 30px;
}
.sa_list .sa_row.info0ne + .sa_row {
    margin-top: 20px;
}
.ord_list .sa_wrap {
    padding: 30px 0;
}


.ord_list .sa_wrap.mid {
    border-bottom: 1px solid #ececec ;
}
.sa_list .sa_row input {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.sa_list .sa_row input::placeholder{
    font-size: 16px;
    color: #999;
}

.sa_list .sa_row.half input {
    width: 100%;
    max-width: 140px;
}

.sa_list .sa_row input#receive_name {
    max-width: 460px;
}
.sa_list .sa_row input.add_search {
    width: 340px;
}

.sa_row.mydeli select  {
    max-width: 460px;
    width: 100%;
    line-height: 50px;
    border: 1px solid #dbdbdb;
    font-size:16px ;
    color: #454545;
}
.sa_row.mydeli select option[value=""][disabled] {
	display: none;
}
.sa_row.mydeli  select + input {
    margin-top: 10px;
    max-width: 460px;
    width: 100%;
    display: none;
}


.sa_list .add>div +div {
    margin-top: 12px;
}

.sa_list .add1 {
    display: flex;
    align-items: center;
}

.sa_list .add1 .btn_add {
    display: block;
    width: 110px;
    height: 52px;
    margin-right: 8px;
    border: 1px solid #fe3a40;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fe3a40;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.sa_list .add .add2 input[type="text"],
.sa_list .add .add3 input[type="text"] {
    width: 100%;
}

.sa_list .ph {
    display: flex;
    align-items: center;
}

.sa_list .ph span {
    display: block;
    width: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    text-align: center;
    flex: 0 0 auto;
}

.sa_list .ph select,
.sa_list .ph input {
    width: 100%;
    max-width: 140px;
    height: 52px;
    font-size: 16px;
    border: 1px solid #dbdbdb;
}


.sa_list textarea {
    display: block;
    width: 100%;
    height: 73px;
    padding: 13px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    line-height: 1.4;
    color: #252525;
    box-sizing: border-box;
    resize: none;
}

.sa_row.info0ne span {
    font-size: 20px;
    font-weight: 500;
    color: #252525;
}

.sa_row.info0ne span+span {
    padding-left: 15px;
    margin-left: 15px;
    position: relative;
}

.sa_row.info0ne span+span::before {
    content: '';
    width: 1px;
    height: 14px;
    background: #dbdbdb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.sa_row .my_adds{
    font-size: 18px;
    color: #252525;
}
.sa_row.phone span{
    font-size: 18px;
    color: #757575 ;
}




 .ord_pmt {
    width: 360px;
}

 .ord_pmt.fix{
   position: sticky;
   position: -webkit-sticky;
   top: 0;
   right: 0;
   height: 100%;
    padding-bottom: 30px;
    border-bottom: solid 1px #dbdbdb;
}

 .ord_pmt .ord_ttl {
    font-size: 24px;
    font-weight: 700;
    color: #252525;
    padding: 0px 20px 20px;
    box-sizing: border-box;
    border-bottom: solid 1px #eee;
}

 .ord_pmt .ot_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

 .ord_pmt .ot_row .label {
    font-size: 18px;
    font-weight: 500;
    color: #252525;
}

 .ord_pmt .ot_row .ot_money {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

 .ord_pmt .ot_row .ot_money b {
    font-size: 18px;
    font-weight: 700;
}

 .ord_pmt .ot_row .ot_money strong {
    font-size: 18px;
    font-weight: 400;
}

 .ord_pmt .ot_row .ot_money.minuse {
    color: #e7242b;
}

 .ord_pmt .ot_list {

    padding: 20px 0;
}

 .ord_pmt .ot_pay .label {
    font-size: 20px;
    font-weight: 500;
    color: #252525;
}

 .ord_pmt .ot_pay .ot_money {
    color: #dd4345;
    font-size: 22px;
}

.cart_order_wrap .ord_pmt .ot_pay .ot_row {
    padding-bottom: 12px;
}

 .ord_pmt .ot_pay>p {
    text-align: right;
    font-size: 15px;
    color: #757575;
    padding: 0 20px 20px;
}

 .ord_pmt .ot_pay>p .red {
    color: #dd4345;
    margin-left: 6px;
}

 .ord_pmt .ot_pay .ot_money strong {
    font-size: 28px;
    font-weight: 700;
}

 .ord_pmt .btn_wrap {

}

.ord_pmt .btn_wrap {
    border-bottom: 1px solid #eeeeee;
    margin: 0 20px;
}
.ord_pmt .btn_payment {
    display: block;
    margin: 0 auto 40px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-align: center;
    background-color: #fe3a40;
    box-shadow: 0px 11px 15.04px 0.96px rgba(237, 30, 35, 0.3);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

 .ord_pmt .btn_wrap button+button {
    margin-top: 10px;
}
 .ord_pmt .order_guide {
    font-size: 16px;
    color: #454545;
    margin: 30px 0 20px;
    padding: 0 20px;
}
.ord_pmt .order_guide input {display: none;}
.ord_pmt .order_guide input+label {
    padding-left: 20px;
    font-size: 15px;
    background: url("/img/main/checkbox_off.png") no-repeat center left;
}
.ord_pmt .order_guide input:checked+label {
    padding-left: 20px;
    background: url("/img/main/checkbox_on.png") no-repeat center left;
}
 .ord_pmt .guide_list {
    margin-top: 30px;
    padding: 0 20px;
}
 .ord_pmt .guide_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .ord_pmt .guide_list li+li {
    margin-top: 25px;
}
 .ord_pmt .guide_list li span {
    font-size: 16px;
    color: #757575;
}

 .ord_pmt .guide_list li .more_guide {
    display: inline-block;
    font-size: 14px;
    color: #454545;
    padding-bottom: 2px;
    border-bottom: solid 1px #454545;
}

.ord_list .up_row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ececec;
}

/* 구매하기 */

.ord_list .pay_lmlist {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #ececec;
}

.ord_list .pay_lmlist li {
    width: calc(50% - 10px);
    margin-right: 20px;
}
.ord_list .pay_lmlist li:last-child {
    margin-right: 0;
}

.ord_list .pay_lmlist li input {
    display: none;
}

.ord_list .pay_lmlist li input+label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    padding: 30px 10px 22px;
    border: 1px solid #eeeeee; 
    color: #999999;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    padding-left: 0;
    background: none;
}
.ord_list .pay_lmlist li input+label span {
    width: 59px;
    height: 46px ;
    display: block;
    background: no-repeat center;
    margin-bottom: 20px;
}
.ord_list .pay_lmlist li.card input+label span {
    background-image:url(../img/common/order_card.png) ;
}
.ord_list .pay_lmlist li.card input:checked+label span {
    background-image:url(../img/common/order_card_on.png) ;
}
.ord_list .pay_lmlist li.dir_bank input+label span {
    background-image:url(../img/common/order_bank.png) ;
}
.ord_list .pay_lmlist li.dir_bank input:checked+label span {
    background-image:url(../img/common/order_bank_on.png) ;
}
.ord_list .pay_lmlist li.v_bank input+label span {
    background-image:url(../img/common/order_vir_acc.png) ;
}
.ord_list .pay_lmlist li.v_bank input:checked+label span {
    background-image:url(../img/common/order_vir_acc_on.png) ;
}








.ord_list .pay_lmlist li+li input+label {
    border-left: solid 1px #ececec;
}

.ord_list .pay_lmlist li input:checked+label {
    border: solid 1px #fe3a40;
    color: #fe3a40;
    background: #fff;
    z-index: 1;
}




.use_ppp {
    margin-bottom: 60px;
}
.ord_list .up_row>div:first-of-type {
    width: 150px;
    padding: 20px;
    font-size:20px ;
    font-weight: 500;
}

.ord_list .up_row>div:last-of-type {
    width: calc(100% - 150px);
    padding: 20px;
}

.ord_list .up_row>div input {
    width: 100%;
    height: 50px;
    border: solid 1px #dbdbdb;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 700;
}

.ord_list .up_row .point_input {
    position: relative;
    width: 240px;
}

.ord_list .up_row .point_input .unit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 16px;
    color: #999;
}

.ord_list .up_row .point_apply {
    display: flex;
}

.ord_list .up_row .point_apply button {
    font-size: 18px;
    width: 110px;
    margin-left: 10px;
}
.ord_list .up_row .point_apply button.btn01s {
    border: 1px solid #fe3a40;
    color: #fe3a40;
}

.ord_list .up_row .balance {
    font-size: 16px;
    color: #000016;
    margin-top: 10px;
}

.ord_list .up_row .balance strong {
    font-size: 18px;
    font-weight: 700;
    color: #dd4345;
}
.calculate .eddypay_info {
    display: block;
    margin-top: 10px;
    line-height: 1.5;
    font-size: 16px;
    color: #dd4345;
    font-weight: 700;
    
}
.agree_pop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 111111;
    background: rgba(0, 0, 0, 0.5);
}

.agree_pop .pop_box {
    max-width: 520px;
    width: calc(100% - 30px) ;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-sizing: border-box;
}

.agree_pop .cu_head {
    position: relative;
    padding: 25px 0;
    border-bottom: solid 1px #eee;
    box-sizing: border-box;
    text-align: center;
}

.agree_pop .cu_head h2 {
    font-size: 20px;
    font-weight: 500;
    color: #252525;
}

.agree_pop .cu_head button {
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url('../img/btn/re_closebtn.png') no-repeat center center/cover;
}

.agree_pop .cu_body {
    max-height: 541px;
    overflow-y: auto;
    padding: 30px 20px 12px;
    box-sizing: border-box;
    line-height: 1.7;
}

.agree_pop .cu_btn {
    width: 100%;
    height: 68px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    line-height: 68px;
    background: #fe3a40;
    color: #f3f4f8;
}

/* 쿠폰팝업 */
.coupon_pop {display: none;}
.coupon_pop .pop_bg {
    position: fixed;
    width: 100%;
    top: 0; left: 0;
    height: 100%;
    z-index: 99999999;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
.coupon_pop .cou_wrap {
    max-width: 850px;
    width: 100%;
    /* width: calc(100% - 30px); */
    /* margin: 0 auto; */
} 
.coupon_pop .pop_top {
    background: #454545 ;
    display: flex;
    align-items: center;
}
.coupon_pop .pop_top h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-left: 50%;
    transform: translateX(-50%);

}
.coupon_pop .pop_top .clo_btn {
    margin-left: auto;
    width:66px ; height: 66px;
    background: url(../img/btn/re_closebtn_w.png) no-repeat center;
}
.coupon_pop .pop_cont {
    background: #fff;
    padding: 30px 20px;
    max-height: 700px;
    overflow: auto;
}
.coupon_pop .pop_cont ul {
    border-top: 1px solid #252525 ;
}
.coupon_pop .pop_cont ul li {
    display: flex;
    border-bottom: 1px solid #dbdbdb;
    padding: 14px 10px;
    align-items: center;
}
.coupon_pop .pop_cont ul li.pop_ttl {
    padding: 16px 8px;
    text-align: center;
}
.coupon_pop .pop_cont ul li.pop_ttl > div {
    display: flex;
    font-size: 16px !important;
    font-weight: 400  !important;
    justify-content: center;
}
.coupon_pop .pop_cont ul li> div:nth-child(1) {
    width: 50%;
    display: flex;
    
}
.coupon_pop .pop_cont ul li >div:nth-child(2) {
    width: 20%;
    text-align: center;
    font-size:14px ;
    font-weight: 700;
}

.coupon_pop .pop_cont ul li> div:nth-child(3) {
    width: 30%;
    text-align: center;
}
.coupon_pop .pop_cont ul li .cont_img {
    width: 60px; height: 60px;
    border: 1px solid #dbdbdb ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
.coupon_pop .pop_cont ul li .cont_area {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    font-size: 15px;
} 
.coupon_pop .pop_cont ul li .cont_area span {
    font-size: 13px;
    color: #757575;
    margin-top: 8px;
    display: block;
}
.coupon_pop .pop_cont ul li strong {
    font-size: 17px;
    font-weight: 700;
}
.coupon_pop .pop_cont ul li select {
    width: 100%;
    height: 38px;
    border: none;
    background: #f2f2f2 url(../img/ico/sle_down.png) no-repeat center right 10px;
}
.coupon_pop .pop_cont .total {
    margin-top: 30px;
    background:#f9f9fa ;
  
    padding: 26px 0;
}
.coupon_pop .pop_cont .total .total_wrap {
    max-width: 600px;
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.coupon_pop .pop_cont .total .total_wrap > div {
    width: 20%;
}
.coupon_pop .pop_cont .total .total_wrap .line {
    width: 13%
}
.coupon_pop .pop_cont .total .total_div {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    align-items: center;
}
.coupon_pop .pop_cont .total .total_div span {
    font-size: 22px;
    display: block;
    margin-top: 10px;
}
.coupon_pop .pop_cont .total .total_div span i {
    font-size: 16px;
}
.coupon_pop .pop_cont .total .total_sale {
    color:#f00c14 ;
}
.coupon_pop .pop_cont .line {
    display: flex;
    flex-direction: column;
    margin: 0 ;
    justify-content: center;
    align-items: center;
}
.coupon_pop .pop_cont .line span {
    width:12px;
    height: 2px;
    background: #252525;
}
.coupon_pop .pop_cont .line span + span {
    margin-top:4px ;
}
.coupon_pop .pop_cont .btn_wrap {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.coupon_pop .pop_cont .btn_wrap  button {
    width: 220px;
    height: 48px;
    border: 1px solid #dbdbdb;
    color: #757575;
    font-weight: 500;
    font-size: 18px;
}
.coupon_pop .pop_cont .btn_wrap  button + button{
    border: 1px solid #fe3a40;
    color: #fff;
    background: #fe3a40 ;
    margin-left: 10px;
}



/* 주문상품 */
.order_mylist .ol_item_box {
    /* padding: 30px 10px 10px; */
}
.order_mylist .ol_item_box > div {

}

.order_mylist .ol_item_box .ol_left {
    display: flex;
    padding: 20px 0 ;
    /* width: 105px; */
}
.order_mylist .ol_item_box .item_img_wrap {
    margin-right: 20px;
}
.order_mylist .ol_item_box .ol_left .img_thurm {
    border: solid 1px #dbdbdb;
}

.order_mylist .ol_item_box .ol_left .item_tit {
    margin-left: 20px;
}

.order_mylist .ol_item_box .ol_right {
    width: calc(100% - 105px);
 
}

.order_mylist .ol_right .ol_info {
    display: flex;
}
.cart_order .order_mylist {
    margin-bottom: 60px;
}
.cart_order .order_mylist .item_info_wrap {width:95%;}
.cart_order .order_mylist .item_info_wrap .item_tit+* {
    margin-top: 17px;
}
.cart_order .order_mylist .ord_infowrap {
    display: flex;
}
.cart_order .order_mylist .ord_infowrap + .ord_infowrap {
    padding-top: 30px;
    border-top: 1px solid #ececec ;
}
.cart_order .order_mylist .ord_infotxt {
    width: 100%;
    padding: 20px 0 ;
    min-height: 130px;
}
.cart_order .payment_list {
    margin-bottom: 110px;
} 
.cart_order .ol_item_box .item_tit {
    font-size: 16px;

}
.cart_order .ol_item_box .item_option {
    display: flex;
    margin-bottom: 0;
    
}
.cart_order .ol_item_box .item_option span {
    color: #252525;
    margin-right: 4px;
} 

.order_mylist .ol_item_box .item_num {
    width: 23%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #eeeeee;
}

.order_mylist .ol_item_box .item_pr {
    width: 38.04%;
    text-align: center;
    font-size: 17px;
    color: #252525;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #eeeeee;
}

.order_mylist .ol_item_box .item_pr strong {
    font-size: 24px;
    font-weight: 700;
}
.order_mylist .ol_item_box .item_pr p {
    font-size:16px ;
    color:#999999 ;
    margin-top: 12px;
}

.order_mylist .my_item .comptit {
    color: #252525;
    font-size: 18px;
    padding: 21px 0 23px 10px;
    border-bottom: solid 1px #eee;
}
.order_mylist .my_item {
    border-bottom: 1px solid #eee;
}
.cart_order .view_top {
    margin-bottom: -18px;
} 

.cart_order .calculate_list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ececec;
    padding: 20px;
    box-sizing: border-box;
}
.cart_order .calculate_list li > div:first-child{
    width:150px ;
    font-size: 20px;
    font-weight: 500;
}
.cart_order .calculate_list li div:nth-child(2){
    width:calc(100% - 150px);
    display: flex;
}
.cart_order .calculate_list li select {
    height: 50px;
    width: 240px;
    border: 1px solid #dbdbdb ;
    font-size: 16px;
    color: #999;
} 
.cart_order .calculate_list li .sel_box  + .in_box {
    margin-left: 10px;
    width: calc(100% - 240px );
}
.cart_order .calculate_list li input {
    height: 50px;
    border: 1px solid #dbdbdb ;
    width: 100%;
    font-size: 16px;
   
} 
.cart_order .calculate_list li input.bank_num {
    width:100% ;
}





/* ----------------------------------- // 주문  new */


/* 주문완료  new */
.cart_order_ok .view_top {
    margin-bottom:120px;
}
.odok_box {
    border:none;
    text-align: center;
    padding: 0;
    margin-bottom: 60px;
}
.order_ok_body {
    max-width: 800px;
    margin:95px auto 0;
}
.odok_box .ok_txt01 {
    position: relative;
    font-size: 32px;
    padding-bottom: 80px;
    margin-bottom: 0;
}
.odok_box .ok_txt01:after {
    display: none;
}

.odok_box > div {
    background: #fafafa;
    padding: 40px 10px;
}
.odok_box > div .ok_txt02 {
    font-size: 16px;
    color: #757575;
    font-weight: 400;
}
.odok_box > div .ok_txt03 {
    font-size: 24px;
    color: #454545;
    font-weight: 500;
    margin: 10px 0;
}
.odok_box > div .ok_txt03 span {
    font-weight: 700;
    color:#fe3a40 ;
}
.odok_info01 .ok_od_top {
    padding: 30px 20px;
    border-bottom: 1px solid  #ececec;
}
.odok_info01 .ok_od_top div {margin-bottom:15px ;}
.odok_info01 .ok_od_top div span {
    font-size: 20px;
    font-weight: 500;
}
.odok_info01 .ok_od_top div span + span {
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
}
.odok_info01 .ok_od_top div span + span::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
    width: 1px ; height: 14px ;
    background: #dbdbdb;
}
.odok_info01 .ok_od_top .ok_add {
    font-size: 18px;
}
.odok_info01 .ok_od_top .tel {
    margin-top:10px ;
}
.odok_info01 .ok_od_top .tel span {
    font-size: 18px;
    color: #757575 ;
    font-weight: 400;
}



.odok_info01 .odok_der {
    border-top: none;
    display: block;
    margin-top: 20px;
    width: 100%;
    color: #757575;
}
.odok_info02 .odok_pay {
    border-top: none;
    padding: 20px 20px ;
    border-bottom: 1px solid #ececec;
}
.odok_info02 .odok_pay li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 2.4;
}
.odok_info02 .odok_pay li span {
    font-size: 18px;
}
.odok_info02 .odok_pay li strong {
    font-size: 20px;
    font-weight: 500;
}
.odok_info02 .odok_pay li strong.red {
    color: #e7242b ;
}
.odok_info02 .total_ok {
    padding: 34px 20px;
    border-bottom: 1px solid #ececec;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.odok_info02 .total_ok span {
    font-size: 20px;
    font-weight: 500;
}
.odok_info02 .total_ok strong {
    font-size: 28px;
    font-weight: 700;
    color:#fe3a40 ;
}
.odok_info02 .total_ok strong span {
    font-size: 22px;
    font-weight: 400;
}
.odok_info02 .btn_wrap {
    padding-top: 40px;
    display: flex;
    max-width: 650px;
    margin: 0 auto;
}
.odok_info02 .btn_wrap .btn_st07 {
    display: block;
    width: calc(50% - 5px);
    height: 62px;
    line-height: 60px;
    overflow: hidden;
    text-align: center;
    font-size:18px;
    font-weight: 500;
    color: #252525;
    background-color: #fff;
    border: 1px solid #252525;
    margin: 0;
}
.odok_info02 .btn_wrap .btn_st07  + .btn_st07 {
    margin-left: 10px;
    background-color: #fe3a40;
    border: 1px solid #fe3a40;
    color: #fff;
}
/* ------------------------------------- // 주문완료  new  // 모바일 -> sub_reponsive */



/* 장바구니 new */
.cart .cart_list_wrap {
    padding-top: 52px;
}
.cart input[type='checkbox'] {display: none;}
/* .cart input[type='checkbox']+label {
    padding-left:60px ;
    font-size: 26px;
    background: no-repeat center left;
    background-image: url(../img/common/check.png);
    display: inline-block;
    line-height: 40px;
}
.cart input[type='checkbox']:checked+label {
    background-image: url(../img/common/check_on.png);
} */

.cart .cart_all_ch {
    display: flex;
    align-items: center;
    border-top: 2px solid #454545;
    padding-left:20px ;
}
.cart  .cart_all_ch input+label {
    display: flex;
    align-items: center;
}
.cart .cart_all_ch p{
    font-size:26px ;
    color: #757575;
    margin-left: 8px;
    line-height:96px ;
}

.cart  .cart_list_cont {

}



/* 이벤트 장바구니 */
.cart .cart_list_cont>li.event_cart {
    padding: 0;
}
.cart_list_cont .event_cart .ev_top{
    width: 100%;
    display: flex;
    background:#fafafa;
    padding: 30px 20px 
}

.cart_list_cont .event_cart .tag_ttl {
    width:calc(100% - 60px);
    display: flex;
    flex-direction: column;
}



.cart  .event_cart .cart_ch ,
.cart  .event_cart .cart_ch .checkbox{
    width: 100%;
} 
.cart  .cart_list_cont li.event_cart input+label  {
    padding: 0 ;
    background: none;
    display: flex;
    align-items: center;
    width: 100%;
}
.cart .cart_list_cont > li .tag_box .ico,
.cart .cart_list_cont > li .tag_box {
    display: flex;

}
.cart .cart_list_cont > li .tag_box .ico + .ico{
    margin-left:8px ;
}
.cart .cart_list_cont > li .tag_box .ico img {
    max-height: 30px;
}
.cart  .event_cart .tag_ttl p {
    margin-top: 12px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
} 

.cart  .cart_list_cont  .event_cart .cart_item {
    padding: 45px 0 45px 20px;
    width: 100%;
    box-sizing: border-box;
    border-top: 2px solid #eeeeee;
}
.cart  .cart_list_cont  .event_cart .item_tit_del {
    display: flex;
}
.cart  .check_row input+label {
    display: flex;
    align-items: center;
}
.cart  .check_row input+label .check_ico ,
.cart  .cart_all_ch input+label .check_ico ,
.cart  .cart_list_cont li input+label .check_ico {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    background: no-repeat center left;
    background-image: url(../img/common/check.png);
}
.cart  .check_row input:checked+label .check_ico,
.cart  .cart_all_ch input:checked+label .check_ico ,
.cart  .cart_list_cont li input:checked+label .check_ico {
    background-image: url(../img/common/check_on.png);
}





.cart  .cart_list_cont > li {
    display: flex;
    border-top: 2px solid #bbbbbb;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.cart  .cart_list_cont .cart_top {
    display: flex;
    padding: 44px 0 44px 20px;
}



.cart  .cart_list_cont .cart_item {
    display: flex;
    width: calc(100% - 60px);
}


.cart  .cart_list_cont .cart_item .item_img_wrap {
    width: 120px;
    height: 160px;
    margin-right: 24px;
}
.cart  .cart_list_cont .cart_item .item_img_wrap span {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center / cover;
    border-radius: 4px;
}
.cart  .cart_list_cont .cart_item .item_info_wrap {
    display: flex;
    flex-direction: column;
    width: calc(100% - 144px);
}


.cart  .cart_list_cont .cart_item .item_tit_del {
    display: flex;
}
.cart  .cart_list_cont .cart_item .tit_box {
    width: calc(100% - 70px);
}
.cart  .cart_list_cont .cart_item .item_tit {
    font-size:26px ;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 24px;
    margin-top: -7px;
    word-break: keep-all;
}
.cart  .cart_list_cont .cart_item .tag_box + .item_tit {
    margin-top:10px ;
}
.cart  .cart_list_cont .cart_item .item_count,
.cart  .cart_list_cont .cart_item .item_modify {
    display: flex;
    align-items: center;
}
.cart  .cart_list_cont .cart_item .item_count div {
    display: inline-flex;
    align-items: center;
    border: 2px solid #dbdbdb ;
}
.cart  .cart_list_cont .cart_item .item_count a {
    display: block;
    width: 44px; height: 44px;
    background: no-repeat center;
    font-size: 0; color: transparent;
}
.cart  .cart_list_cont .cart_item .item_count .down {
    background-image: url(../img/btn/order_down.png);
}
.cart  .cart_list_cont .cart_item .item_count .up {
    background-image: url(../img/btn/order_up.png);
}
.cart  .cart_list_cont .cart_item .item_count span {
    display: block;
    width: 66px; line-height: 44px;
    text-align: center;
    font-size: 26px;
    border-left: 2px solid  #dbdbdb ;
    border-right: 2px solid  #dbdbdb ;
}
.cart  .cart_list_cont .cart_item .item_re_sel {
    margin-left: 20px ;

} 
.cart  .cart_list_cont .cart_item .item_re_sel select {
    width: 100%;
    font-size: 26px;
    border: 2px solid  #dbdbdb ;
    height:48px ;
    padding: 0 60px 0 20px  ;
    background: no-repeat center right 15px;
    background-image: url(../img/ico/order_sel.png);
}
.cart  .cart_list_cont .cart_item .item_money_close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 36px;

} 
.order_view .cart_it_pay,
.cart .cart_it_pay {
    background: #fafafa;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 40px 20px;
    border-top: 2px solid  #eeeeee;
}

.cart .cart_list_cont >li:last-child {
    border-bottom: 2px solid  #eeeeee;
}
.order_view .cart_it_pay dl ,
.cart .cart_it_pay dl {
    text-align: center;
}
.order_view .cart_it_pay dl dt,
.cart .cart_it_pay dl dt {
    font-size:22px ;
    margin-bottom: 12px;
}
.order_view .cart_it_pay dl dd,
.cart .cart_it_pay dl dd {
    font-weight: 900;
    font-family: 'NunumSquare';
    font-size: 30px;
}
.order_view .cart_it_pay .red,
.cart .cart_it_pay .red {
    color:#e7242b ;
}
.order_view .cart_it_pay .icon,
.cart .cart_it_pay .icon {
    margin: 0 35px;
}
.order_view .cart_it_pay .icon span,
.cart .cart_it_pay .icon span {
    display: block;
    width: 20px; height: 3px;
    background: #000000;
}
.order_view .cart_it_pay .icon span + span,
.cart .cart_it_pay .icon span + span {
    margin-top: 7px;
}


.cart  .cart_list_cont .cart_item .money  {}
.cart  .cart_list_cont .cart_item .money .ol_total {
    font-size:26px ;
    font-weight: 900;
    font-family: 'NunumSquare';
}
.cart  .cart_list_cont .cart_item .money .ol_total strong {
    font-size: 30px;
}
.cart  .cart_list_cont .cart_item .money .item_cost {
    margin-left: 12px;
    font-size:24px ;
    font-weight: 700;
    font-family: 'NunumSquare';
    color: #757575;
    text-decoration: line-through;
} 

.cart  .cart_list_cont .cart_item .ol_save {
    margin-left: auto;
}
.cart  .cart_list_cont .cart_item .ol_save a {
    font-size: 0;
    display: block;
    width: 70px; height:34px;
    background: no-repeat center;
    background-image: url(../img/ico/order_del.png);
}





.cart  .cart_list_cont .cart_pay {
    border-left: 2px solid #dbdbdb ;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 180px;
    width: 100%;
}
.cart .cart_item_sec + .cart_item_sec {
    margin-top: 70px;
}
.cart .label {
    font-size: 30px;
    display: block;
    padding-bottom:30px ;
    border-bottom: 2px solid #454545;
    position: relative;
}
.cart .label .view_map {
    border: 2px solid #fe3a40;
    border-radius: 10px;
    color: #fe3a40;
    line-height:58px ;
    font-size: 26px;
    font-weight: 500;
    margin-left: auto;
    padding: 0 30px;
    position: absolute;
    bottom: 10px ;right: 0;
}

.cart .cart_item_sec .sel_row {
    padding: 20px 0;
    border-bottom: 2px solid #eeeeee;
}
.cart .cart_item_sec .sel_row  select {
    display: block;
    width: 100%;
    height: 90px;
    border: 2px solid #dbdbdb ;
    border-radius: 10px ;
    font-size:28px ;
    background: no-repeat center right 20px;
    background-image: url(../img/ico/order_cou_sel.png);
}
/* .cart .cart_item_sec .sel_row  select option[value=""][disabled] {
    display: none;
} */
.cart .cart_item_sec .sel_row.no_cou select {
    color: #bbbbbb;
}
/* 장바구니 오른쪽 */

.cart .cart_right {

}
.cart .ord_total_box {
    padding-bottom: 40px;
    border-bottom: 2px solid #eeeeee  ;
}
.cart .ord_total_box ul li {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.cart .ord_total_box ul li span,
.cart .ord_total_box ul li p {
    font-size: 26px
}
.cart .ord_total_box ul li strong {
    font-family: "NanumSqare";
}
.cart .ord_total_box ul li.total_pay {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 2px dashed #eeeeee;
}
.cart .ord_total_box ul li.total_pay .red {
    color: #e7242b;
}
.cart .ord_total_box ul li.total_pay .pink  {
    color: #fe3a40;
    font-size: 36px;
    font-weight: 700;
}
.cart .ord_total_box ul li.total_pay .pink strong {
    font-size: 40px;
    font-weight: 900;
}
.cart .user_check {
    padding:30px 0;
    border-bottom: 1px solid #eeeeee;
}
.cart .user_check > div + div {
    margin-top: 20px;

}

.cart .user_check input[type="text"] {
    width: 100%;
    height: 90px;
    border: 2px solid  #dbdbdb;
    border-radius: 10px;
    font-size: 28px;

}
.cart .user_check input[type="tel"]::placeholder,
.cart .user_check input[type="text"]::placeholder {
    color: #bbbbbb;
}

.cart .user_check .button_row {
    display: flex;
}
.cart .user_check .button_row button {
    flex: 0 0 auto;
    background: #454545;
    font-size: 28px;
    color: #fff;
    border-radius: 10px;
    width: 158px;
    margin-left: 14px;    
}
.cart .user_check .button_row .tel_row {
    display: flex;
    align-items: center;
    border: 2px solid  #dbdbdb;
    border-radius: 10px;
}
.cart .user_check input[type="tel"] {
    width: 100%;
    height: 90px;
    border-radius: 10px;
    font-size: 28px;
    border: none;
    outline: none;
}
.cart .user_check .button_row .tel_row span {
    margin: 0 4px;
}
.cart .user_check .caption {
    font-size: 26px;
    margin: 20px 0 0;
}
.cart .user_check .caption.red {
    color: #ee0505;
}
.cart .user_check .caption.blue {
    color: #0a6ec2;
}
.cart .user_check .check_num {
    display: none;
    position: relative;
}
.cart .user_check .check_num input {
    padding-right: 100px;
}
.cart .user_check .check_num .time {
    position: absolute;
    top: 50%; right: 30px;
    font-size: 26px;
    color: #fe3a40;
    transform: translateY(-50%);
}
.cart .user_check .check_row input + label {
    font-size: 26px;
}
.cart .user_check .check_row input + label span {
    color: #999999;
}
.cart .user_check .check_row {
    margin-top: 20px;
}
.cart .cart_pink {
    padding: 30px 0;
} 
.cart .no_pink  p {
    display: flex;
    align-items: center;
    font-size: 26px;

}
.cart .no_pink  p i {
    display: block;
    width: 54px; height: 55px;
    background: no-repeat center;
    background-image: url(../img/ico/no_pick.png);
    margin-right: 14px;
}
.cart .no_pink .view_map {
    display: block;
    width: 100%; line-height:80px ;
    background: #fe3a40;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    border-radius: 10px;
    margin-top: 30px;
}
.cart .cart_pink.store_detail {
    position: static;
    background: #fff;
    transform: translate(0);
    padding:30px 0 0;
    width: inherit
}
.cart .cart_pink.store_detail .map_btn button {
    display: flex;
    align-items: center;
    width: 100%; 
    justify-content: center;
    font-size:24px ;
    font-weight: 500;
    color: #999999;
    line-height: 70px;
    border-radius: 0 0 10px 10px ;
}
.cart .cart_pink.store_detail .map_btn button.on {
    background: #fe3a40;
    color: #fff;
}
.cart .cart_pink.store_detail .map_btn button i {
    display: block;
    width: 44px; height: 36px;
    background: no-repeat center / 44px auto;
    background-image: url(../img/ico/item_v_wish.png);
    margin-right:14px ;
}
.cart .cart_pink.store_detail .map_btn button.on i {
    background-image: url(../img/btn/item_v_wish_onw.png);
} 

.cart .cart_item_sec.info {
    margin-top:30px ;
    padding-top: 50px;
    border-top: 2px solid #eeeeee;
}
.cart .sub_label {
    display: block;
    padding-bottom: 24px;
    font-size: 26px;
    font-weight: 500;
    color:#454545 ;
}
.cart .cart_item_sec.info ul li {
    display: flex;
    line-height:1.5 ;
    font-size: 26px;
    color: #757575;
}
.cart .cart_item_sec.info ul li + li {
    margin-top: 8px;
}
.cart .cart_item_sec.info ul li i {
    margin-right: 8px;
}
.cart .cart_item_sec .go_login {
    padding: 40px 0 ;
    border-bottom: 2px solid #eeeeee;


}
.cart .cart_item_sec .go_login p {
    font-size: 26px;
    color: #454545;
}
.cart .cart_item_sec .go_login button.naver_login i {
    display: block;
    width: 36px;
    height: 33px;
    background: no-repeat center;
    background: url(../img/btn/naver_ico.png)no-repeat center/cover;
    margin-right: 14px;
}
.cart .cart_item_sec .go_login button.naver_login {
    background-color: #00c73c;
    color: #fff;
}
.cart .cart_item_sec .go_login button {
    background: #fee500;
    color:#381e1f ;
    font-weight: 500;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    line-height:90px ;
    margin-top: 30px;
    border-radius: 10px;
}
.cart .cart_item_sec .go_login button i {
    display: block;
    width: 37px; height: 33px;
    background: no-repeat center;
    background-image: url(../img/ico/btn_kakao.png);
    margin-right: 12px;
}

.cart .cart_item_sec .agree_box {
    padding-top: 40px;
}
.cart .cart_item_sec .agree_box + .agree_box {
    margin-top: 45px;
    border-top: 2px solid #eeeeee;
}
.cart .cart_item_sec .agree_box table {
   border-collapse: collapse;
  width: 100%;
  border: 2px solid #ececec;
  word-break: keep-all;
}
.cart .cart_item_sec .agree_box  table td, 
.cart .cart_item_sec .agree_box  table th {
  border:2px solid #ececec;
  padding: 5px 3px;
}
.cart .cart_item_sec .agree_box span {
    font-size: 28px;
    font-weight: 500;

}
.cart .cart_item_sec .agree_box .cont {
    margin: 15px 0 30px;
    padding:30px 20px ;
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 26px;
    color: #454545;
    height:370px ;
    overflow-y: auto;
    border: 2px solid #dbdbdb ;
    border-radius: 10px;
}

.cart .cart_content .btn_wrap {
    padding:70px  0 0;
    text-align: center;
}
.cart_content .btn_wrap .btn_st06 {
    display: inline-block;
    width: 100%;
    height:inherit;
    line-height: 80px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    border-radius: 10px;
    margin: 0;
}
#open_map {
    display: none;
    position: fixed;
    top: 70px; left: 50%;
    transform: translateX(-50%);
    width: 720px; height: 100%;
    z-index: 10000;
    background: #fff;
    padding-bottom: 0;
}
#open_map::after {
    content: '';
    display: block;
    width: 100%; height: 70px;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: -70px; left: 0;
    z-index: 999;
}

#open_map.on {
    display: block;
}
#open_map .sub_top {
    height: 104px;
}
#open_map  #container {
    padding-bottom:85px
}

#cart_view {
    width: 720px !important;
    margin: 0 auto !important;
    position: relative;
}

#open_map.cart {
    display: block;
    opacity: 0;
    z-index: -1;
}
#open_map.cart.on {
    z-index: 1000;
    opacity: 1;
}



/* 지도 관심매장 */
.map_wish .store_list {
    position: static;
    transform: translate(0);
}
.store_wish .my_st  {
    padding : 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.store_wish .my_st p {
    font-size: 28px ;
    color: #454545;
    line-height: 100px;
}
.store_wish .my_st p strong {
    color:#fe3a40 ;
    font-weight: 700;
}
.store_wish .my_st a {
    display: block;
    width: 48px; height: 48px;
    background: no-repeat center ;
    font-size: 0; color: transparent;

}
.store_wish .my_st a.pop_view_map  {
    background-image: url(../img/ico/go_map.png) ;
}
.store_wish .my_st a.view_list  {
    background-image: url(../img/ico/go_list.png) ;
}
.store_wish_list ul li {
    padding: 50px 30px 60px;
    border: 2px solid #eeeeee;
    border-radius: 10px;
    position: relative;
    margin-bottom: 35px;
} 

.store_wish_list  .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.store_wish_list .top strong {
    font-size:34px ;
    line-height: 1.4;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}

.store_wish_list .top button {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 15px 15px 10px;
    border-radius: 6px;
    background-color: #eeeeee;
    margin-left: 30px;
    flex: 0 0 auto;

}

.store_wish_list .top button i{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: no-repeat center;
    background-image: url(../img/ico/ico_btn_del.png);

}
.store_wish_list  .mid {
    margin: 30px 0 40px;
} 
.store_wish_list  .mid  a ,
.store_wish_list  .mid  p {
    font-size:26px ;
    line-height: 1.5;
    color:#454545 ;
    display: flex;
    align-items: center;
}

.store_wish_list .mid .add {
    margin-bottom: 10px;
    font-weight: 500;
    color: #fe3b41;
}

.store_wish_list  .mid  i  {
    display: block;
    margin-right: 16px;
    background: no-repeat center;
}
.store_wish_list  .mid  p i {
    display: block;
    background-image: url(../img/ico/ico_pin.png);
    background-size: 24px auto;
    width: 24px;
    height: 34px;
}

.store_wish_list  .mid  p i.copy_ico {
    display: block;
    background-image: url(../img/ico/copy_ico.png);
    background-size: 24px auto;
    width: 23px;
    height: 28px;
    margin-left: 10px;
    flex: 0 0 auto;
}

.store_wish_list  .mid .tel {
    color: #fe3b41;
    font-weight: 500;
    flex-wrap: wrap;
}

.store_wish_list  .mid .tel p {
    width: 100%;
    margin-top: 10px;
    color: #454545;
    font-family: "Noto Sans CJK KR";
    font-weight: 400;
}

.store_wish_list  .mid  a {
    margin-top:20px;
}
.store_wish_list  .mid  a i {
    background-image: url(../img/ico/ico_tel.png);
    background-size: 24px auto;
    width: 24px;
    height: 24px;
}
.store_wish_list .bot  {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.store_wish_list .bot button {
    width: 100%;
    border-radius: 0 0 0 10px;
    background-color: #999999;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 78px;
}
.store_wish_list .bot button + button {
    border-radius: 0 0 10px 0;
    background-color: #454545;
}
.store_wish_list .bot button.on {
    background: #fe3a40;
}


.wish_pin {
    z-index: 100;
}

.map_wrap .wish_pin .pin_ico {
    display: block;
    width: 47px;
    height: 70px;
    background: no-repeat center / 47px auto;
    cursor: pointer;
}

.store_wish .map_wrap {
    height: calc(100% - 190px);
}







/* ------------------------------------  매장찾기 */
#container.store_find {
    /* height: calc(var(--vh, 1vh) * 100 - 490px ); */
    /* height: calc(100% - 490px); */
    height: 100%;
}
.lens_tab {
    padding: 0 15px;
    margin-top: 30px;
    display: flex;
}
/* .lens_tab li{
    width: 45%;
} */
.lens_tab li {
    width: calc(50% -  10px);
}
.lens_tab li+li{
    margin-left: 20px;
}
.lens_tab li a {
    display: block;
    font-family: "Noto Sans CJK KR";
    /* line-height: 78px; */
    padding: 25px;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    font-size: 28px;
    color: #bbbbbb;
    text-align: center;
    background: #f9f9f9;
}

.lens_tab li#find_store a {
    margin-right: 20px;
}

.lens_tab li.tab_on a,
.lens_tab li.on a {
    font-weight: 500;
    color: #fe3a40;
    border: 1px solid #fe3a40;
    background-color: #fef4f4;
}
/* .lens_tab li.tab_on a::after ,
.lens_tab li.on a::after {
    content: '';
    display: block;
    width: 100%; height: 4px;
    background: #fe3a40;
    position: absolute;
    bottom: 0; left: 0;
} */
.store_search {
    padding:30px 0  ;
}

.store_search input {
    width: 100%;
    height:80px ;
    background: #f9f9f9;
    border: 2px solid #dbdbdb;
    border-radius: 10px;
    font-size: 26px ;
    outline: none;
}
.store_search input::placeholder {
    color: #bbbbbb;
}
.store_search p {
    font-size: 24px;
    color: #999999;
    margin-top: 20px;
}
.store_search p  b {
    font-weight: 400;
    color: #454545;
}
.map_wrap {
    position: relative;
    width: 100%; 
    /* height: calc(var(--vh, 1vh) * 100 - 490px ); */
    height: calc(100% - 260px)
}
.map_wrap * {
    font-family: 'Noto Sans KR';
}
.map_wrap .root_daum_roughmap {
    width: 100%;
    /* zoom: 120%; */
}

.map_wrap .root_daum_roughmap  {
    height: 100%;
}
.map_wrap .root_daum_roughmap .wrap_map {
    position: relative;
    height: 100%;
}

.map_wrap .pin_st {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 100;
    max-width: 600px;
    width: 100%;
    z-index: 101;
}
.map_wrap .pin_st .pin_ico {
    display: block;
    width: 47px; height: 70px;
    background: no-repeat center / 47px auto;
    cursor: pointer;

}
.map_wrap .pin_st .stroe_pop_step1 {
    border: 2px solid #757575 ;
    width: 530px;
    padding:30px  ;
    border-radius:10px ;
    background: #fff;
    margin-bottom: 10px;
    display: none;
    z-index: 10000;
}
.map_wrap .pin_st .stroe_pop_step1.show {
    display: block;
}
.map_wrap .pin_st .stroe_pop_step1 .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.map_wrap .pin_st .stroe_pop_step1 .store_name {
    font-size: 26px;
    font-weight: 700;
}
.map_wrap .pin_st .stroe_pop_step1 .close {
    display: block;
    width: 43px; height: 23px;
    font-size: 0; color: transparent;
    background: no-repeat center right / 23px auto;
    background-image: url(../img/btn/store_close.png);
    padding-left: 20px;
    flex: 0 0 auto;
}
.map_wrap .pin_st .stroe_pop_step1 p {
    font-size: 24px;
    color: #454545;
    line-height: 1.5;
    word-break: keep-all;
    margin-bottom: 10px;
    display: block;
    white-space: initial;
    width: 100%;
    max-width: 530px;
}
.map_wrap .pin_st .stroe_pop_step1 a {
    font-size: 24px;
    font-weight: 500;
}
.map_wrap .pin_st .stroe_pop_step1 .btn_wrap {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.map_wrap .pin_st .stroe_pop_step1 .btn_wrap button {
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    background: #454545;
    display: block;
    border-radius:10px ;
    color: #fff;
    line-height: 70px;
    font-family: 'Noto Sans KR';
}
.map_wrap .pin_st .stroe_pop_step1 .btn_wrap button + button {
    margin-left: 20px ;
}

.map_wrap .pin_st .stroe_pop_step1 .btn_wrap button.hear_pick.on {
    background: #fe3a40;
    border-color: #fe3a40;
}


.map_wrap .stroe_pop_step2 {
    background: #252525;
    padding: 10px 20px ;
    border-radius: 50px;
    align-items: center;
    width: auto;
    margin-bottom: 10px;
    display: flex;
}

.map_wrap .stroe_pop_step2.show {

}
.map_wrap .stroe_pop_step2 .store_name {
    color: #fff;
    font-size:20px ;
    font-weight: 400;
    display: block;
    line-height: 1.3;
    word-break: keep-all;
}
.map_wrap .stroe_pop_step2 .close{
    display: block;
    width:43px ; height: 23px;
    background: no-repeat center right / 20px auto;
    background-image: url(../img/btn/store_close_w.png);
    flex: 0 0 auto;
    font-size: 0; color: transparent;
}
.map_wrap .stroe_pop_wish.none {
    display: none;
}
.map_wrap .stroe_pop_wish {
    background: rgba(255,255,255,0.7);
    border: 2px solid #dbdbdb;
    padding: 10px 20px ;
    border-radius: 50px;
    align-items: center;
    width: auto;
    margin-bottom: 10px;
}
.map_wrap .stroe_pop_wish .store_name {
    color: #252525;
    font-size:20px ;
    font-weight: 400;
    display: block;
    line-height: 1.3;
    word-break: keep-all;
}

.my_pin {
    z-index: 100;
}
.my_pin span{
    display: block;
    width: 44px; height: 44px;
    background: no-repeat  center / 44px auto;
    background-image: url(../img/ico/my_mark.png);
    position: relative;
}
.my_pin span::before{
    content: '';
    display: block;
    width: 200px; height: 200px;
    background: rgba(241,84,146) ;
    border:#ff0065 ;
    opacity: 0.3;
    border-radius: 50%;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;

}

.store_list {
    display: block;
    position: absolute;
    bottom: 0px ; left: 0;
    width: 100%;
    z-index: 1000;
}

.store_list .list_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; 
    background:#f9f9f9 ;
    box-shadow: 0px -11px 13px 0px rgba(0, 0, 0, 0.08);
}
.store_list .list_btn span {
    font-size: 24px;
    font-weight: 500;
    color: #454545;
    line-height: 100px;
}
.store_list .list_btn i {
    display: block;
    width: 21px; height: 13px;
    background: no-repeat center / 21px auto;
    background-image: url(../img/ico/list_uo.png);
    margin-left: 14px;
}
.store_list .list_btn.open i {
    transform: rotate(180deg);
}
.store_list ul {
    max-height:0;
    transition: max-height 0.8s ease;
    overflow-y: auto;
}
.store_list ul.open {
    max-height: 650px;
    height: auto;
}
.store_list ul::-webkit-scrollbar {
    width: 5px;
    height: 12px;
    border-radius: 10px;
    background-color: #f1f1f1; /* or add it to the track */
}

.store_list ul::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 10px;
}

.store_list ul li {
    background:#ffffff ;
    border-top:1px solid #eeeeee ;
}
.store_list ul li button {
    padding: 30px 20px;
    text-align: left;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
.store_list ul li strong {
    display: flex;
    align-items: center;
    font-size: 26px;
    color: #252525;
}
.store_list ul li strong i {
    display: block;
    width: 14px; height: 22px;
    background: no-repeat center / 14px auto;
    background-image: url(../img/ico/list_more.png);
    margin-left: 16px ;
}
.store_list ul li p {
    display: flex;
    margin: 26px 0 20px;
}
.store_list ul li p span {
    font-size: 24px ;
    color: #fe3a40;
}
.store_list ul li p span.km {
    flex: 0 0 auto;
    position: relative;
    padding-right: 12px;
    margin-right: 12px;
}
.store_list ul li p span.km::after {
    content: '';
    display: block;
    width: 2px; height:20px ;
    background:#dbdbdb ;
    position: absolute;
    top: 50%; right: 0;
    transform: translateY(-50%);
 }
.store_list ul li p span.add {
    color: #454545;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.store_list ul li a {
    font-size:24px ;
    color: #454545;
}

.store_detail {
    position: fixed;
    display: block;
    width: 720px; 
    height: 100%;
    top: 100%; left: 50%;
    transform: translateX(-50%);
    z-index: 2100;
    transition: all 0.7s;
    /* background: rgba(0,0,0,0.3); */
}
.store_detail.open{
    top:0;
}
.store_detail .de_top {
    margin-top: 90px;
    background:#fff ;
    position: relative;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #dbdbdb;
}
.store_detail .de_top h3 {
    font-family: "NanumSquare";
    font-size: 38px;
    font-weight: bold;
    color: #252525;
    line-height: 110px;
    text-align: center;
}
.store_detail .de_top button {
    display: block;
    position: absolute;
    top: 25px; 
    right: 30px;
    padding: 15px 20px 10px;
    border-radius: 6px;
    background-color: #eeeeee;
}

.store_detail .de_top button i {
    display: inline-block;
    width: 25px; 
    height: 25px;
    background: no-repeat center;
    background-image:url(../img/ico/ico_btn_del.png);
    background-size: 25px 25px;
}

.store_detail .de_body {
    background: #fff;
    max-height: calc(100% - 310px);
    height: 100%;
    overflow-y: auto;
    padding: 50px 0  10px;
    box-sizing: border-box;
}

.store_detail .de_body::-webkit-scrollbar {
    display: block;
    width: 5px;
}

.store_detail .de_body::-webkit-scrollbar-track {
    background: #f1f1f1;
}
  
  /* Handle */
.store_detail .de_body::-webkit-scrollbar-thumb {
    background: #888;
}
  
  /* Handle on hover */
.store_detail .de_body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#open_map .store_detail .de_body {
    max-height: calc(100% - 360px);
}
.store_detail .label_box {
    display: flex;
    align-items:  center;
    margin-bottom: 30px;
}
.store_detail .label_box span {
    font-family: "Noto Sans CJK KR";
    display: block;
    line-height: 46px;
    background: #ebebeb;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 24px;
    color: #454545;
    font-weight: 500;
}
.store_detail .label_box span.today_pickup {
    background-color: #feebeb;
    color: #fe3a40;
}
.store_detail .label_box span + span {
    margin-left: 10px;
}
.store_detail .st_name {
    display: inline-block;
    font-size: 34px;
}
.store_detail .store_img {
  position: relative;
  margin-top: 24px;
}
.store_detail .store_img span {
  display: block;
  width: 100%;
  padding-top: 52.7%;;
  background: no-repeat center / cover;
  border-radius: 10px;
}
.store_detail .store_img .slick-dots {
  position: absolute;
  bottom:15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.store_detail .store_img .slick-dots li + li{
  margin-left: 14px;
  display: inline-block;
}


.store_detail .store_img .slick-dots li button {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  font-size: 0;
}

.store_detail .store_img .slick-dots li.slick-active button {
  background: #fe3a40;
}

.store_detail i.copy_ico {
    display: inline-block;
    width: 23px; 
    height: 28px;
    background: no-repeat center / 23px auto;
    background-image: url(../img/ico/copy_ico.png);
    margin-left: 5px;
}
.store_detail .store_info> div {
    margin-top: 24px;
    display: flex;
    /* flex-direction: column; */
    gap: 15px;
    align-items: center;
}

.store_detail .store_info .store_icon {
    display: flex;
    align-items: center;
}

.store_detail .store_info> div + div {
    margin-top: 30px;
}
.store_detail .store_icon i {
    display: block;
    margin-right: 16px;
    background: no-repeat center;
}
.store_detail .store_icon i.pin {
    background-image: url(../img/ico/ico_pin.png);
    background-size: 24px auto;
    width: 24px;
    height: 34px;
    flex: 0 0 auto;
}
.store_detail i.call {
    background-image: url(../img/ico/ico_tel.png);
    background-size: 24px auto;
    width: 24px;
    height: 24px;
}

.store_detail .store_icon span {
    font-family: "Noto Sans CJK KR";
    font-weight: 500;
    font-size: 26px;
    color: #fe3b41;    
}

.store_detail .store_info> div p {
    font-size: 26px;
    line-height: 1.5;
    color: #454545 ;
    word-break: keep-all;
}

.store_detail .time_wrap .store_icon {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.store_detail .time_wrap {
    margin-top: 30px;
}
.store_detail .time_wrap .label {
    display: block;
    font-size: 28px;
    margin-bottom: 20px;
}
.store_detail .time_wrap .time li {
    font-size: 26px;
    font-weight: 500;
    line-height:1.7 ;
}
.store_detail .time_wrap .time li span {
    color: #454545;
    font-weight: 400;
}
.store_detail .time_wrap .time_area {
    margin-top: 20px;
}
.store_detail .time_wrap .time_area p {
    font-size:26px ;
    color: #999999;
    line-height:1.5 ;
}
.store_detail .map_area {
    margin-top: 50px;
    margin-bottom: 40px;
    border: 2px solid #dbdbdb;
    border-radius: 10px ;
}
.store_detail .map_area .map_img ,
.store_detail .map_area img {
    border-radius: 10px 10px 0 0;
    display: block;
    width: 100%
}
.store_detail .map_area .map_btn {
    display: flex;
    border-top: 2px solid #dbdbdb;
}
.store_detail .map_area .map_btn a {
    display: block;
    width: 50%;
    line-height: 65px ;
    font-size: 24px;
    font-weight: 500;
    color: #454545;
    text-align: center;

}
.store_detail .map_area .map_btn a + a {
    border-left: 2px solid #dbdbdb;
}
/* .store_detail .de_bot {
    background: #fff;
    padding: 40px 30px 30px;
    display: flex;
    align-items: center;
} */
.store_detail .de_bot button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

}
/* .store_detail .de_bot button + button {
    margin-left: 20px ;
} */

.store_detail .de_bot button.like_store {
    padding: 10px 40px;
    border-radius: 10px;
    border: 2px solid #dbdbdb;
    font-size: 26px;
    font-weight: 500;
    color: #999999;
    border-radius: 30px;
    margin-top: 25px;
}

.store_detail .de_bot button.like_store i {
    display: block;
    width: 36px; 
    height: 28px;
    background: no-repeat center / 44px auto;
    background-image: url(../img/ico/map_wish.png);
    background-size: 36px 28px;

}
.store_detail .de_bot button.like_store.on {
    color: #fe3a40;
    border-color: #fe3a40;
}
.store_detail .de_bot button.like_store.on i{
    background-image: url(../img/ico/map_wish_red.png);
}

.store_detail .de_bot.here_bot {
    padding: 0 15px;
}

.store_detail .de_bot button.here_pick {
    width: 100%;
    padding: 25px 0px;
    background: #454545;
    border-color: #454545;
    color: #fff;
    border-radius: 10px;
    font-size: 30px;
    font-weight: 500;
} 
.store_detail .de_bot button.here_pick.on {
    background: #fe3a40;
    border-color: #fe3a40;
}



/* ===================================== 지도 탭으로 수정 */

.mobile .map_tab_cont  {
    
 /* height: calc(100% - 170px); */
 height: calc(var(--vh, 1vh) * 100 - 363px);
 position: relative;
}

.map_tab_cont  {
    height: calc(100% - 200px);
    position: relative;
}
.map_tab_cont .map_tab_box {
    height: 100%;
}
.map_tab_cont .map_wrap {
    height: calc(100% - 184px);
}
.map_tab_cont .map_tab_box {
    opacity: 0;
    height: 0;
}
.map_tab_cont .store_list, 
.map_tab_cont .store_search {
    display: none;
}
.map_tab_cont  .map_tab_box.tab_on .store_list,
.map_tab_cont .map_tab_box.tab_on  .store_search {
    display:block;
}
.map_tab_cont .map_tab_box.tab_on {
    opacity: 1;
    height: 100%;
    z-index: 1;
}
.map_tab_box .store_wish_list {
    height: calc(100% - 10px);
    overflow-y: auto;
}
.cart .map_tab_box .store_wish_list {
    height: calc(100% - 100px);
    overflow-y: auto;
}
.map_tab_cont .store_wish_list.map {
    display:none;
}
.map_tab_cont .map_tab_box.open_view {
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 100px; left: 0
}
.map_tab_cont .map_tab_box.open_view .map_wrap  {
    height: calc(100% - 100px);
}

.cart_in.store_detail  .de_top {
    margin-top: 0;
}
#open_map .store_detail.cart_in .de_body {
    max-height: calc(100% - 415px);
}

/* 매장찾기 페이지 */
.page_store_find {
    min-height: 100%;
}
.page_store_find .map_tab_cont .map_wrap {
    /* height: calc(100% - 100px); */
    /* height: calc(var(--vh, 1vh) * 100 + 220px); */
}
.page_store_find .map_tab_cont .map_tab_box.open_view .map_wrap {
    height: 100%;
}


 #container.page_store_find  {
    height: 100%;
    /* height:calc(var(--vh, 1vh) * 100); */
    /* height: calc(100vh - 612.567px); */
    /* height: calc(var(--vh, 1vh) * 100 - 110px); */
    /* min-height: calc(var(--vh, 1vh) * 100 - 110px); */
}
 #container.page_store_find .map_tab_cont {
    height:calc(100% - 110px);
}
.mobile #container.page_store_find .map_tab_box .store_wish_list  {
    height: calc(var(--vh, 1vh) * 100 - 398px);
}
.mobile .map_tab_box .store_wish_list {
    height: calc(var(--vh, 1vh) * 100 - 470px);
    overflow-y: auto;
}




#container.page_store_find  {
    /* min-height: inherit; */
    /* height: 100vh; */
    overflow: hidden;
    
}

#container.page_store_find .map_tab_box .store_wish_list {
    overflow-y: auto;
}
.fix_menu ul.inner{
    padding: 20px;
}

.now_loc_btn {
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: no-repeat center;
    background-image: url(../img/ico/now_btn.png);
    font-size: 0;
    color: transparent;
    position: absolute;
    bottom: 120px;
    right: 15px;
    z-index: 90;
}

/* @media screen and (max-width: 360px) {
    .map_tab_cont .map_wrap {
        height: calc(100% - 598.85px) !important;
    }

} */