@charset "utf-8";
:root {
--my_cont_mt : 6rem
}
.subpage_wrap .resp_wrap{}
.mypage_top{padding-bottom: 50px;}
.mypage_top .resp_wrap{width: 124rem;}
.mypage_top + .sub_top +.resp_wrap,
.mypage_top + .resp_wrap{width: 124rem;}
.mypage_wrap{align-items: flex-start;}
.mypage_wrap .line_btn {font-size: 12px; color: #BDBDBD; text-decoration: underline}
/* 마이페이지 최상단 */
.my_index_top{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center}
.my_index_top>li{display: block;}
.my_index_top>li:first-child{display: flex; flex-direction: column; justify-content: space-between;}
.my_index_top .my_greeting{color: #000; font-size: 30px; font-weight: 400;}
.my_index_top .my_greeting .name{color: #000; font-weight: 700; margin-bottom: 10px}
.my_index_top .my_msub1{color: #000;}
.my_index_top .my_msub1>li{float: none;}
.my_index_top .my_msub1>li:last-child{padding-right: 20px;}
.my_index_top .my_msub1>li:last-child:after{display: none;}
.my_index_top .my_msub1 .membership{display: flex; align-items: center; justify-content: space-between; width: 25rem; padding: 12px 20px; background: #f9f9f9;}
.my_index_top .my_msub1 .membership p{font-size: 16px; font-weight: 700;}
.my_index_top .my_msub1 .membership a{color: #999; font-size: 1.3rem; text-decoration: underline;}
.my_index_top .my_msub2{display: flex; ; margin-top: 0; font-size: initial; text-align: left; justify-content: flex-end}
.my_index_top .my_msub2>li{margin-top: 0; border: none;}
.my_index_top .my_msub2>li + li {margin-left: 60px;}
.my_index_top .my_msub2>li:first-child{}
.my_index_top .my_msub2>li>a{padding: 0; text-align: left; line-height: 1em}
.my_index_top .my_msub2 .title{font-size: 14px;}
.my_index_top .my_msub2 .cont{padding-top: 15px;}
.my_index_top .my_msub2 .num{display: block; color: #000; font-size: 28px; font-weight: 700; letter-spacing: -0.02em;}
.my_index_top .my_msub2 .num em{margin-left: 0.2em; font-size: 0.6em;}
/* 마이페이지 레프트 메뉴 */
.subpage_lnb{position: sticky; top: calc(var(--header_total) + 20px);}
.subpage_lnb .title2{margin-top: 0; border: none;}
.subpage_lnb .lnb_wrap + .lnb_wrap{margin-top: 30px;}
.subpage_lnb .title2>a{padding: 0; color: #000; font-size: 18px; font-weight: 700; line-height: 1.2em;}
.subpage_lnb .title2 + .lnb_sub{padding-top: 10px;}
.subpage_lnb .lnb_sub>li{}
.subpage_lnb .lnb_sub>li>a{padding: 6px 0; color: #666; font-size: 14px; line-height: 1em;}
.subpage_lnb .lnb_sub>li.on>a{color: #000; font-weight: 700;}
.mypage_wrap .title_container{display: flex; flex-wrap: wrap; padding: 0; text-align: left; margin-bottom: 2rem}
.mypage_wrap .title_container .right{display: flex; margin-left: auto;}
.mypage_wrap .title_container>h2{margin: 0; color: #000; font-size: 22px; font-weight: 700;}
.mypage_wrap .title_container>h2 .num{margin-left: 8px; color: #999; font-size: 22px; font-weight: 600;}
.mypage_wrap .title_container>h4{margin: 0; color: #000; font-size: 22px; font-weight: 700;}
.mypage_wrap .title_container>h4 .num{margin-left: 8px; color: #999; font-size: 22px; font-weight: 600;}
.mypage_wrap .title_container>h4 .recently {font-size: 12px; color: #666666; font-weight: 400}
.mypage_wrap .title_container .btn{display: flex; align-items: center; justify-content: center; width: 135px; padding: 9px 0; background: #000; color: #fff; font-size: 12px; font-weight: 600; line-height: 1em;}
.mypage_wrap .title_container .btn svg{fill: #fff; margin-right: 5px;}
.mypage_wrap .title_container .btn .ico { width: 16px; height: 16px; margin-right: 5px; }
.mypage_wrap .title_container .btn .ico.edit { margin-top: -1px; background: url('data:image/svg+xml,') center/contain no-repeat; }
.mypage_wrap .title_container .btn .ico.plus { width: 20px; height: 20px; background: url('data:image/svg+xml,')center/contain no-repeat; }
.mypage_wrap .title_container .review_point_notice{width: 100%; margin-top: 6px; font-size: 14px;}
.mypage_wrap .title_container .view_more {margin-left: auto; font-size: 12px; color: #BDBDBD; display: flex; align-items: center}
.mypage_wrap .title_container .view_more svg {margin-left: 3px; fill: #BDBDBD}
/* 마이페이지 탭 스타일 */
.tab_mypage{margin-top: 15px;}
.tab_mypage ul{display: flex; align-items: center;}
.tab_mypage ul li{flex: 1 1 0; border: 1px solid #ccc;}
.tab_mypage ul li:not(:first-child){border-left: none;}
.tab_mypage ul li a{display: block; padding: 15px 0; color: #bdbdbd; font-size: 16px; font-weight: 700; text-align: center; line-height: 1em;}
.tab_mypage ul li.on{border: 1px solid #000;}
.tab_mypage ul li.on a{color: #000;}
.tab_mypage ul li.boder_right_none {border-right: none}
.tab_mypage + .order_list { margin-top: 4rem; }
/* 마이페이지 버튼 박스 */
.mypage_wrap .btn_wrap{margin-top: 100px;}
.mypage_wrap .btn_wrap .btm_btn { max-width: 17rem; }
/*.mypage_wrap .btn_wrap .btm_btn.small{max-width: 17rem}*/
/* 목록 일자별 보기 & 검색 */
.myorder_sort{padding: 0px 0 20px 0;}
.myorder_sort .nice-select { height: 35px; padding-left: 15px; padding-right: 50px; border-radius: 0; border: 1px solid #ccc; font-size: 13px; line-height: 35px; }
.myorder_sort .nice-select .list { min-width: 100%; }
.myorder_sort .list3{display: flex; align-items: center; justify-content: space-between; float: none}
.myorder_sort .direct_area{display: flex; align-items: center; margin: 0; font-size: 12px;}
.myorder_sort .direct_area .sc-datepicker{width: 135px; height: var(--inp_height); padding: 0 10px; background: url("/data/skin/dualsonic/images/common/dual_ico_cal.svg") no-repeat right 10px center; background-size: 2.4rem 2.4rem; border: 1px solid #ccc; color: #030303; font-size: inherit; font-weight: 400; border-radius: 5px; }
.myorder_sort .direct_area span{margin: 0 10px; color: #030303;}
.myorder_sort button{width: 70px; height: var(--inp_height); margin-left: 10px; background: #000; color: #fff; font-size: inherit; font-weight: 600; border-radius: 5px}
.myorder_sort .sc_date_box{display: grid; grid-template-columns: repeat(4, auto); gap: 0 30px;}
.myorder_sort .sc_date_box input + label{font-size: 15px;}
.myorder_sort .sc_date_box input:checked + label{font-size: 15px; font-weight: 700;}
/*마이페이지 > 인덱스*/
.mypage_wrap.index .my_order_step {margin-bottom: 60px}
.my_exp_beauty {margin-top: 13rem}
.my_exp_beauty .cont_box {display: flex}
.my_exp_beauty .cont_box .cont {background-color: #F6F6F6; padding: 4rem; flex: 1; display: flex}
.my_exp_beauty .cont_box .cont + .cont {margin-left: 20px}
.my_exp_beauty .cont_box .cont .tit {font-size: 1.8rem; font-weight: 700}
.my_exp_beauty .cont_box .cont .tit + .txt {margin-top: 5px; font-size: 14px;}
.my_exp_beauty .cont_box .cont ul {margin-top: 10px; display: flex; justify-content: flex-end; margin-left: auto}
.my_exp_beauty .cont_box .cont ul li {position: relative; display: flex; align-items: center; flex-direction: column}
.my_exp_beauty .cont_box .cont ul li + li {margin-left: 3.5rem; padding-left: 3.5rem}
.my_exp_beauty .cont_box .cont ul li + li:before {width: 1px; height: 90%; content: ""; display: inline-block; background-color: rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
.my_exp_beauty .cont_box .cont ul li .type { font-size: 14px; font-weight: 400; color: #666666}
.my_exp_beauty .cont_box .cont ul li .num {font-size: 4rem; font-weight: 700; line-height: 1; margin-top: 1rem}
.my_inq_cont {display: flex; margin-top: 13rem}
.mypage_wrap .my_inq_cont .title_container {align-items: center; margin-bottom: 0 !important;}
.my_inq_cont .cont {flex: 1; min-width: 0}
.my_inq_cont .cont + .cont {margin-left: 40px;}
.my_inq_cont .cont .list {margin-top: 2rem; border-top: 1px solid #000000 }
.my_inq_cont .cont .list li a{padding: 2.5rem 0; display: flex; align-items: center; border-bottom: 1px solid #EAEAEA; min-width: 0}
.my_inq_cont .cont .list li .txt_box {flex: 1; padding-right: 3rem; display: flex; align-items: center; min-width: 0}
.my_inq_cont .cont .list li .type {display: flex; align-items: center;justify-content: center; white-space: nowrap; min-width: 7.5rem;height: 2.4rem; line-height: 2.4rem;padding: 0.4rem 10px;border-radius: 2em;font-size: 11px;font-weight: 600;color: #999;background-color: #f1f1f1;}
.my_inq_cont .cont .list li .type.clear {background-color: #000; color: #fff}
.my_inq_cont .cont .list li .txt {font-size: 14px; font-weight: 700; margin-left: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.my_inq_cont .cont .list li .date {margin-left: auto; font-size: 1.3rem; font-weight: 500; color: #BDBDBD}
/* 나의 쇼핑 > 주문/배송 현황 */
.my_order_step{display: flex; max-width: none; padding: 40px 0; background: #fafafa;}
.my_order_step>li{float: none; width: 100%; padding-left: 0; background: url('data:image/svg+xml,') no-repeat 0 center; background-size: 20px 20px;}
.my_order_step>li:first-child{width: 100%;}
.my_order_step>li>a{}
.my_order_step>li>a span{color: #666; font-size: 14px;}
.my_order_step>li>a:before{display: none;}
.my_order_step .pushCount{display: block; position: static; height: auto; padding-top: 15px; background: none; color: #000; font-size: 26px; font-weight: 700; text-align: center;}
/* 나의 쇼핑 > 주문/배송, 취소/환불 목록 */
.mypage_wrap .order_list{}
.mypage_wrap .order_list ul{}
.mypage_wrap .order_list ul li{}
.mypage_wrap .auth_cont + .auth_cont,
.mypage_wrap .order_list ul li + li{margin-top: 30px;}
.auth_list .auth_cont .auth_date,
.mypage_wrap .order_list ul li .order_date {display: grid; grid-template-columns: 1fr auto; align-items: flex-end; gap: 0 20px; line-height: 1em}
.mypage_wrap .order_list ul li .order_date .view_more{display: flex; align-items: center; color: #999; font-size: 12px;}
.mypage_wrap .order_list ul li .order_date .view_more .ico { width: 1.4rem; height: 1.4rem; margin-left: 2px; background: url('data:image/svg+xml,')center/contain no-repeat; }
.mypage_wrap .order_list ul li .order_date button{width: 68px; margin-left: auto; padding: 10px 0; border: 1px solid #ccc; color: #999; font-size: 12px; font-weight: 600; text-align: center; line-height: 1em}
.mypage_wrap .order_list ul li .order_num{display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0 20px; padding: 15px 0; border-top: 1px solid #000; line-height: 1em}
.mypage_wrap .order_list ul li .order_num p{display: flex; align-items: center; color: #666;}
.mypage_wrap .order_list ul li .order_num p b{margin-left: 12px; color: #000; font-weight: 600;}
.mypage_wrap .order_list ul li .order_num span{color: #000; font-weight: 600; display: none}
.mypage_wrap .order_list ul li .item_list{}
.mypage_wrap .order_list ul li .item_list .item {display: grid; grid-template-columns: 56% minmax(0, 0.8fr) minmax(0, 1.4fr); align-items: center; gap: 0 30px; padding: 30px 0 ; border-top: 1px solid #ccc;}
.mypage_wrap .order_list ul li .item_list .item + .item {padding-bottom: 30px}
.mypage_wrap .order_list ul li .item_list .item .info{display: grid; grid-template-columns: 100px auto; align-items: center; gap: 0 25px; cursor: pointer;}
.mypage_wrap .order_list ul li .item_list .item .info .img{position: relative; padding-top: 100%; background-color: #fafafa; overflow: hidden}
.mypage_wrap .order_list ul li .item_list .item .info .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap{min-width: 0}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .goods_tit{font-size: 14px; font-weight: 700; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-right: 10px}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .opt_cnt{display: flex; align-items: center; margin-top: 10px; font-size: 12px;}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .opt_cnt .goods_options{margin-right: 6px; padding-right: 6px; border-right: 1px solid #bdbdbd;}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .opt_cnt .goods_options li{line-height: 1em;}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .opt_cnt .cnt{color: #666; font-weight: 500; }
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .opt_cnt .cnt strong{font-weight: inherit;}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .goods_price_area {display: flex; align-items: center; margin-top: 10px; font-size: 14px; line-height: 1em;}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .goods_price_area .sale_price {font-weight: 700}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .goods_price_area .sale_price + .consumer_price {position: relative; margin-left: 5px; font-size: 11px; color: #BDBDBD;}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .goods_price_area .sale_price + .consumer_price:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 1px; background-color: #BDBDBD;}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .goods_price_area .sale_price + .consumer_price b{font-weight: 400}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .goods_price_area .discount_rate {font-weight: 800; color: #D63900; font-size: 17px;}
.mypage_wrap .order_list ul li .item_list .item .info .txt_wrap .goods_price_area .consumer_price + .discount_rate {margin-left: 5px}
.mypage_wrap .auth_list .auth_list .item .auth_state,
.mypage_wrap .order_list ul li .item_list .item .order_stat{font-size: 2rem; font-weight: 700; text-align: center;}
.mypage_wrap .order_list ul li .item_list .item .order_stat span{display: block; color: #666; font-size: 12px; font-weight: 400;}
.mypage_wrap .order_list ul li .item_list .item .btn{display: flex; align-items: center; justify-content: flex-end; width: 100%;}
.mypage_wrap .order_list ul li .item_list .item .btn > *{width: 68px; padding: 10px 0; border: 1px solid #ccc; color: #999; font-size: 12px; font-weight: 600; text-align: center; line-height: 1em}
.mypage_wrap .order_list ul li .item_list .item .btn > * + *{margin-left: 5px}
.past_order_list {margin-top: 8rem}
/*item 체크 타입*/
.mypage_wrap .order_list ul li .item_list .item.chk_type {grid-template-columns: 20px 65% minmax(0, 1fr) minmax(0, 1fr);}
.mypage_wrap .order_list ul li .item_list .item.chk_type .chk_wrap {cursor: pointer}
.mypage_wrap .order_list ul li .item_list .item.chk_type .chk_wrap label {width: 20px; height: 20px; position: relative; display: block;}
.mypage_wrap .order_list ul li .item_list .item.chk_type .chk_wrap label input {width: 100% !important; height: 100% !important; cursor: pointer}
.mypage_wrap .order_list ul li .item_list .item.chk_type .chk_wrap label input[type='checkbox']{display: block; !important;}
.mypage_wrap .order_list ul li .item_list .item.chk_type .chk_wrap label input[type='checkbox']::before { content: ''; display: block; width: 20px; height: 20px; margin-right: 3px; color: #ccc; background: url('/data/skin/dualsonic/images/common/dual_chk_cir.svg') no-repeat 0 0 / contain; background-size: 100% 100%; flex-shrink: 0}
.mypage_wrap .order_list ul li .item_list .item.chk_type .chk_wrap label input:checked[type='checkbox']::before {background: url('/data/skin/dualsonic/images/common/dual_chk_cir_full.svg') no-repeat 0 0 / contain;}
.mypage_wrap .order_list ul li .item_list .item.chk_type .chk_wrap label input:checked[type='checkbox'] {-webkit-appearance: none}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info {cursor: auto}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .res_option_inline .xtle {height: 2.5rem;line-height: 2.4rem;padding: 0 6px;}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control {margin-top: 10px}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li {display: flex; align-items: center; margin-top: 0}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li input {width: 60px !important;height: 30px;border: 1px solid #cccccc;font-size: 12px;text-align: center;font-weight: 500;}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box {display: flex;flex-direction: column;margin-left: 5px;}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box button {position: relative;width: 20px;height: 15px;text-align: center;border: 1px solid #cccccc;background: #FFFFFF;}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box button + button {border-top: none}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box button:before {content: "";font-family: "Font Awesome 6 Pro";font-size: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);vertical-align: middle;}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box .eaPlus:before{content: "\f106";}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box .eaMinus:before{content: "\f107";}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li.none input,
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li.none .btn_box button{pointer-events: none}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .cont3 {margin-top: 10px}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .cont3 .res_option_inline {margin: 0; display: block}
.mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .cont3 .res_option_inline + .res_option_inline {margin-top: 5px;}
.mypage_wrap .order_list ul li.no_order{padding: 30px 0; border: 1px solid #ccc; text-align: center}
.mypage_wrap .order_list ul li.no_order svg{fill: #bdbdbd; font-size: 4em;}
.mypage_wrap .order_list ul li.no_order p{margin-top: 1em;}
/* 나의 쇼핑 > 주문/배송, 취소/환불 상세 */
.order_view_wrap{margin-top: 6rem;}
.order_list + .order_view_wrap{margin-top: 60px;}
.order_view_wrap + .order_view_wrap{margin-top: 60px;}
.order_view_wrap .tit_box{display: flex; align-items: flex-end; padding-bottom: 2rem;}
.auth_list .auth_cont .auth_date,
.mypage_wrap .order_list ul li .order_date ,
.order_view_wrap .tit_box {padding-bottom: 2rem}
.mypage_wrap .refund_method .cont_tit_box .cont_tit,
.auth_list .auth_cont .auth_date p,
.mypage_wrap .order_list ul li .order_date p,
.order_view_wrap .tit_box .tit{font-size: 18px; font-weight: 700; line-height: 1em;}
.order_view_wrap .tit_box .right{margin-left: auto;}
.order_view_wrap .tit_box button{width: 70px; height: 30px; margin-left: 10px; background: #000; color: #fff; font-size: inherit; font-weight: 600;}
.order_view_wrap dl{display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: baseline; gap: 12px 40px; padding-top: 30px; border-top: 1px solid #000; color: #000; font-size: 14px; line-height: 1.5em}
.order_view_wrap dl dt{font-weight: 600;}
.order_view_wrap dl dd{}
.order_view_wrap .sns_dl {align-items: center}
.order_view_wrap dl dd .sns_box { }
.order_view_wrap dl dd .sns_box .sns { display: flex; align-items: center; justify-content: flex-start; }
.order_view_wrap dl dd .sns_box .sns + .sns { margin-top: 1.5rem; }
.order_view_wrap dl dd .sns_box .sns .ico { width: 2.8rem; height: 2.8rem; margin-right: 1rem; flex-shrink: 0}
.order_view_wrap dl dd .sns_box .sns .ico.insta { background: url('/data/skin/dualsonic/images/common/dual_ico_insta.svg')center/contain no-repeat; }
.order_view_wrap dl dd .sns_box .sns .ico.blog { background: url('/data/skin/dualsonic/images/common/dual_ico_blog_thin_b.svg')center/contain no-repeat; }
.order_view_wrap dl dd .sns_box .sns .ico.youtube { background: url('/data/skin/dualsonic/images/common/dual_ico_youtube_thin_b.svg')center/contain no-repeat; }
.order_view_wrap dl dd .sns_box .sns .ico.tiktok { background: url('/data/skin/dualsonic/images/common/dual_ico_tiktok.svg')center/contain no-repeat; }
.order_view_wrap dl dd .sns_box .sns a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.order_view_wrap dl dd input[type="text"]{width: 100%; height: 4rem; padding: 0 1rem; line-height: 4rem; border: 1px solid #ccc;}
.order_view_wrap dl dd textarea{resize: vertical; width: 100%; min-height: 8rem; padding: 1rem; border: 1px solid #ccc;}
.order_view_wrap .settle{font-size: 22px; font-weight: 700; line-height: 1em;}
.order_view_wrap .order_price_total{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: none; border-right: none;}
.order_view_wrap .order_price_total .item{position: relative; padding: 1.2em 30px; padding-bottom: 80px; font-size: 20px;}
.order_view_wrap .order_price_total .item:not(:first-child)::before{content: ''; position: absolute; top: 1.2em; left: -0.6em; z-index: 1; width: 1.2em; height: 1.2em;}
.order_view_wrap .order_price_total .item.shipping::before{background: url('data:image/svg+xml,') no-repeat 0 0/contain #fff;}
.order_view_wrap .order_price_total .item.discount::before{background: url('data:image/svg+xml,') no-repeat 0 0/contain #fff;}
.order_view_wrap .order_price_total .item + .item{border-left: 1px solid #ccc;}
.order_view_wrap .order_price_total .item .price{display: flex; align-items: center; justify-content: space-between;}
.order_view_wrap .order_price_total .item .price p{font-size: 0.8em;}
.order_view_wrap .order_price_total .item .price p button{margin-left: 5px; color: #bdbdbd; font-size: 11px; text-decoration: underline; display: none}
.order_view_wrap .order_price_total .item .price span{font-size: 1em; font-weight: 700; line-height: 1.2em}
.order_view_wrap .order_price_total .item .detail{display: flex; justify-content: space-between; margin-top: 15px;}
.order_view_wrap .order_price_total .item .detail + .detail{margin-top: 8px;}
.order_view_wrap .order_price_total .item .detail span{color: #999; font-size: 12px;}
/* 마이페이지 _ 주문취소 신청 */
.my_order_cancel .cont_tit_box {display: flex; align-items: flex-end; flex-wrap: wrap; margin-bottom: 2rem}
.my_order_cancel .cont_tit {font-size: 18px;font-weight: 700;line-height: 1em;}
.my_order_cancel .cont_tit_box .btn {color: #BDBDBD; font-size: 1.3rem; text-decoration: underline; margin-left: 10px}
.order_view_wrap .ref_price_box {border-top: 1px solid #000}
.order_view_wrap .ref_price_box .prd_price {display: flex; align-items: center; justify-content: space-between; padding: 15px 0}
.order_view_wrap .ref_price_box .prd_price .txt {font-size: 1.8rem; font-weight: 500; color: #999999}
.order_view_wrap .ref_price_box .prd_price .price {font-size: 2rem; font-weight: 600}
.order_view_wrap .ref_price_box .details_box { background-color: #FAFAFA}
.order_view_wrap .ref_price_box .details_box .cont {border-top: 1px solid #f2f2f2; padding: 2rem}
.order_view_wrap .ref_price_box .details_box .cont .top_cont {display: flex; align-items: center; justify-content: space-between; font-size: 1.6rem; font-weight: 600}
.order_view_wrap .ref_price_box .details_box .cont .details {margin-top: 10px}
.order_view_wrap .ref_price_box .details_box .cont .details li {display: flex; align-items: center; font-size: 1.4rem; color: #bdbdbd}
.order_view_wrap .ref_price_box .details_box .cont .details li + li {margin-top: 5px;}
.order_view_wrap .ref_price_box .details_box .cont .details li .ico {display: block;width: 16px;height: 16px;margin-right: 5px;
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') center / contain;}
.order_view_wrap .ref_price_box .details_box .cont .details li .price {margin-left: auto}
.order_view_wrap .ref_price_box .total_box {background-color: #EEEEEE; padding: 1.5rem 2rem; text-align: right}
.order_view_wrap .ref_price_box .total_box .type {font-size: 1.4rem; color: #999999}
.order_view_wrap .ref_price_box .total_box .price_txt {margin-top: 5px}
.order_view_wrap .ref_price_box .total_box .price_txt .txt {font-size: 1.6rem; margin-right: 10px;}
.order_view_wrap .ref_price_box .total_box .price_txt .price {font-size: 2.2rem; font-weight: 600}
.mypage_wrap .refund_method {margin-top: 6rem}
.mypage_wrap .refund_method .cont_tit_box {display: block}
.mypage_wrap .refund_method .cont_tit_box .txt {margin-top: 10px; font-size: 14px;}
.mypage_wrap .refund_method .refund_info_box {margin-top: 30px; color: #666; font-size: 13px;}
.mypage_wrap .refund_method .refund_info_box + .refund_info_box {margin-top: 15px}
.mypage_wrap .refund_method .refund_info_box .tit {font-size: 14px; font-weight: 500; margin-bottom: 5px}
.mypage_wrap .refund_method .refund_info_box .txt p{position: relative; padding-left: 7px}
.mypage_wrap .refund_method .refund_info_box .txt p:before {content: ""; width: 2px; height: 2px;background-color: #666; position: absolute; left: 0; top: 0.7em; transform: translateY(-50%)}
.mypage_wrap .order_info{padding: 35px 40px; margin-top: 40px; background: #fafafa;}
.mypage_wrap .order_info dl{display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 35px;}
.mypage_wrap .order_info dl dt{color: #999; font-weight: 500;}
.mypage_wrap .order_info dl dd{color: #000;}
/* 마이페이지 _ 반품 신청 */
.mypage_wrap .my_cho_reason {margin-top: var(--my_cont_mt)}
.mypage_wrap .my_cho_reason .cont_tit_box {margin-bottom: 2rem}
.mypage_wrap .my_cho_reason .reason_area .nice-select {width: 30rem}
.mypage_wrap .my_cho_reason .reason_area .nice-select .list {width: 100%}
.mypage_wrap .my_cho_reason .txt_area {margin-top: 15px}
.mypage_wrap .my_cho_reason .txt_area textarea {border-color: #ccc; padding: 1.5rem; font-size: 14px; height: 200px}
.mypage_wrap .address_info {margin-top: var(--my_cont_mt)}
.mypage_wrap .address_info .cont { background-color: #FAFAFA; padding: 3rem}
.mypage_wrap .address_info .cont .name .type {padding: 4px 10px; font-size: 12px; border: 1px solid #000; border-radius: 20px; margin-right: 5px; font-weight: 600}
.mypage_wrap .address_info .cont .name b {font-size: 16px;}
.mypage_wrap .address_info .cont .txt {margin-top: 10px; font-size: 14px}
.mypage_wrap .shipping_refund_area {margin-top: var(--my_cont_mt)}
.mypage_wrap .shipping_refund_area .cont_tit_box {display: flex; align-items: flex-end}
.mypage_wrap .shipping_refund_area .cont_tit_box .delivery_charge {font-size: 14px; margin-left: auto}
.mypage_wrap .shipping_refund_area .cont_tit_box .delivery_charge span {font-weight: 600}
.mypage_wrap .shipping_refund_area .shipping_refund .refund_ship_minus {margin-top: 10px; font-size: 14px; display: block}
.mypage_wrap .shipping_refund_area .shipping_refund .inquiry_write + .inquiry_write {margin-top: 30px;}
/* 나의 쇼핑 > 최근 본 상품 - 전체선택, 삭제 */
.recent_allselect_area{display: flex; align-items: center; align-self: flex-end; padding: 0;}
.recent_allselect_area .checkbox_allselect{margin-right: 0; color: #999; font-size: 12px;}
.recent_allselect_area .btn_select_del{display: flex; align-items: center; margin-left: 30px; color: #999; font-size: 14px; font-weight: 500}
.recent_allselect_area .btn_select_del svg{fill: #999; margin-right: 6px;}
.recent_allselect_area .btn_select_del .ico { width: 20px; height: 20px; margin-right: 5px; background: url('data:image/svg+xml,') center/contain no-repeat; }
/* 나의 쇼핑 > 최근 본 상품 - 목록 */
.recent_wrap .recent_list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 60px 20px; padding: 0; margin-top: 30px;}
.recent_wrap .recent_list>li{display: block; width: auto; padding: 0;}
.recent_wrap .recent_list .img_area{display: block; position: relative; background: #fafafa;}
.recent_wrap .recent_list .img_area a{display: block;}
.recent_wrap .recent_list .img_area img{width: 100%; min-width: unset; max-width: unset; border: none;}
.recent_wrap .recent_list .img_area .chk_box{position: absolute; top: 10px; right: 10px; z-index: 1;}
.recent_wrap .recent_list .img_area .chk_box label::before{margin-right: 0;}
.recent_wrap .recent_list .img_area .chk_box input[type='checkbox'] + label::before{width: 2rem; height: 2rem;}
.recent_wrap .recent_list .img_area .goods_icon_area{position: absolute; top: 15px; left: 15px;}
.recent_wrap .recent_list .img_area .goods_icon_area img{width: 34px;}
.recent_wrap .recent_list .txt_box{margin-top: 15px;}
.recent_wrap .recent_list .txt_box .goods_nm{margin-top: 20px; color: #000; font-size: 14px; font-weight: 600;}
.recent_wrap .recent_list .txt_box .recent_price {display: flex; align-items: center; margin-top: 20px; font-size: 14px; line-height: 1em;}
.recent_wrap .recent_list .txt_box .recent_price .sale_price {font-weight: 700}
.recent_wrap .recent_list .txt_box .recent_price .sale_price + .consumer_price {position: relative; margin-left: 5px; font-size: 11px; color: #BDBDBD;}
.recent_wrap .recent_list .txt_box .recent_price .sale_price + .consumer_price:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 2px; background-color: #BDBDBD;}
.recent_wrap .recent_list .txt_box .recent_price .sale_price + .consumer_price b{font-weight: 400}
.recent_wrap .recent_list .txt_box .recent_price .discount_rate {font-weight: 800; color: #D63900; font-size: 17px;}
.recent_wrap .recent_list .txt_box .recent_price .consumer_price + .discount_rate {margin-left: 5px}
.recent_wrap .recent_list li.no_data{grid-column: 1/-1; padding: 30px 0; border: 1px solid #ccc; text-align: center;}
.recent_wrap .recent_list li.no_data svg{fill: #bdbdbd; font-size: 4em;}
.recent_wrap .recent_list li.no_data p{margin-top: 1em; text-align: center;}
/* 나의 쇼핑 > 찜 상품 - 목록 */
.wish_wrap .wish_list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 60px 20px; padding: 0; margin-top: 10px;}
.wish_wrap .wish_list>li{display: block; width: auto; padding: 0;}
.wish_wrap .wish_list .item_img_area{display: block; position: relative; background: #fafafa;}
.wish_wrap .wish_list .item_img_area a{display: block;}
.wish_wrap .wish_list .item_img_area img{width: 100%; min-width: unset; max-width: unset; border: none;}
.wish_wrap .wish_list .item_img_area .chk_box{position: absolute; top: 10px; right: 10px; z-index: 1;}
.wish_wrap .wish_list .item_img_area .chk_box label::before{margin-right: 0;}
.wish_wrap .wish_list .item_img_area .goods_icon_area{position: absolute; top: 15px; left: 15px;}
.wish_wrap .wish_list .item_img_area .goods_icon_area img{width: 34px;}
.wish_wrap .wish_list .txt_box{margin-top: 15px;}
.wish_wrap .wish_list .txt_box .goods_nm{margin-top:10px; color: #000; font-size: 15px; font-weight: 600;}
.wish_wrap .wish_list .txt_box .recent_price {display: flex; align-items: center; margin-top: 15px; font-size: 15px; line-height: 1em;}
.wish_wrap .wish_list .txt_box .recent_price .sale_price {font-weight: 700}
.wish_wrap .wish_list .txt_box .recent_price .sale_price + .consumer_price {position: relative; margin-left: 5px; font-size: 11px; color: #BDBDBD;}
.wish_wrap .wish_list .txt_box .recent_price .sale_price + .consumer_price:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 2px; background-color: #BDBDBD;}
.wish_wrap .wish_list .txt_box .recent_price .sale_price + .consumer_price b{font-weight: 400}
.wish_wrap .wish_list .txt_box .recent_price .discount_rate {font-weight: 800; color: #D63900; font-size: 17px;}
.wish_wrap .wish_list .txt_box .recent_price .consumer_price + .discount_rate {margin-left: 5px}
.wish_wrap .wish_list li.no_data{grid-column: 1/-1; padding: 30px 0; border: 1px solid #ccc; text-align: center;}
.wish_wrap .wish_list li.no_data svg{fill: #bdbdbd; font-size: 4em;}
.wish_wrap .wish_list li.no_data p{margin-top: 1em; text-align: center;}
/* 나의 혜택 > 마일리지, 예치금, 포인트 - 상단 요약 */
.benefit_wrap{padding: 35px 60px; background: #000;}
.benefit_wrap .tit_box{display: flex; align-items: flex-start; justify-content: space-between;}
.benefit_wrap .tit_box .tit{color: #ccc; font-size: 14px; line-height: 1em;}
.benefit_wrap .tit_box a{display: flex; align-items: center; color: #bdbdbd; font-size: 11px; line-height: 1em;}
.benefit_wrap .tit_box a svg{fill: #bdbdbd; margin-left: 2px;}
.benefit_wrap .stat{display: flex; align-items: flex-end; justify-content: space-between; margin-top: 45px;}
.benefit_wrap .stat .recent{color: #fff; font-size: 36px; font-weight: 700; letter-spacing: -0.02em; line-height: 1em;}
.benefit_wrap .stat .extinction{color: #bdbdbd; font-size: 11px;}
.benefit_wrap .stat .extinction b{margin-left: 8px; color: #fff; font-weight: 700; letter-spacing: -0.02em;}
.benefit_wrap + #orderSearchForm {margin-top: 30px}
/* 나의 혜택 > 마일리지, 예치금, 포인트 - 목록 */
.benefit_list{margin-top: 10px;}
.benefit_list ul{}
.benefit_list ul li{display: grid; grid-template-columns: 4ch 5ch minmax(0, 1fr) auto; gap: 0 20px; padding: 25px 0; border-bottom: 1px solid #eaeaea;}
.benefit_list ul li .year{color: #999; font-size: 12px; font-weight: 500;}
.benefit_list ul li .month_day{color: #000; font-size: 12px; font-weight: 600;}
.benefit_list ul li .txt_box{}
.benefit_list ul li .txt_box span{font-size: 16px; font-weight: 700; line-height: 1em;}
.benefit_list ul li .txt_box span b{margin-left: 5px; font-weight: 700;}
.benefit_list ul li .txt_box span.minus b{color: #ccc;}
.benefit_list ul li .txt_box p{margin-top: 10px; font-size: 12px;}
.benefit_list ul li .limit_date{align-self: flex-end; color: #bdbdbd; font-size: 11px;}
/* 나의 혜택 > 쿠폰 - 목록 */
.mypage_wrap .coupon_list{margin-top: 35px;}
.mypage_wrap .coupon_list ul{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 20px;}
.mypage_wrap .coupon_list ul li{display: flex; flex-wrap: wrap; align-content: space-between; position: relative; padding: 30px; border: 1px solid #ccc;}
.mypage_wrap .coupon_list ul li > *{flex-basis: 100%;}
.modal_cont.coupon .coupon_box .benefit, .coupon_down_list ul li .top .benefit,
.mypage_wrap .coupon_list ul li .benefit{color: #000; font-size: 3.4rem; font-weight: 700; line-height: 1.3em; padding-right: 10rem}
.coupon_down_list ul li .top .coupon_nm,
.modal_cont.coupon .coupon_box .tit,
.mypage_wrap .coupon_list ul li .tit{ color: #000; font-weight: 700; font-size: 1.6rem; line-height: 1.3em; padding-right: 10rem}
.coupon_down_list ul li .top .coupon_nm,
.coupon_down_list ul li .top .benefit {padding-right: 0}
.coupon_down_list ul li .top .benefit + .coupon_nm {margin-top: 8px}
.modal_cont.coupon .coupon_box .benefit + .tit,
.mypage_wrap .coupon_list ul li .benefit + .tit { margin-top: 15px;}
.modal_cont.coupon .coupon_box .desc,
.mypage_wrap .coupon_list ul li .desc{margin-top: 5px; color: #666; font-size: 12px;}
.modal_cont.coupon .coupon_box .bottom_wrap,
.mypage_wrap .coupon_list ul li .bottom_wrap{display: flex; align-items: center; justify-content: space-between; margin-top: 40px;}
.modal_cont.coupon .coupon_box .use_conditions,
.mypage_wrap .coupon_list ul li .use_conditions{color: #bdbdbd; font-size: 11px;}
.mypage_wrap .coupon_list ul li .view_more{flex-shrink: 0; margin-left: 10px}
.modal_cont.coupon .coupon_box .view_more button,
.mypage_wrap .coupon_list ul li .view_more button{display: flex; align-items: center; padding: 6px 10px; border: 1px solid #ccc; font-size: 11px; border-radius: 2em; line-height: 1em;}
.modal_cont.coupon .coupon_box .view_more button .ico,
.mypage_wrap .coupon_list ul li .view_more button .ico { margin-left: 5px; width: 10px; height: 10px; background: url("/data/skin/dualsonic/images/common/dual_ico_next.svg")center/contain no-repeat; }
.modal_cont.coupon .coupon_box .view_more button svg,
.mypage_wrap .coupon_list ul li .view_more button svg{margin-left: 5px;}
.modal_cont.coupon .coupon_box .limit_date,
.mypage_wrap .coupon_list ul li .limit_date{position: absolute; top: 0; right: 0; width: 100px; padding: 8px 0; background: #eee; text-align: center; line-height: 1em;}
.modal_cont.coupon .coupon_box .limit_date p,
.mypage_wrap .coupon_list ul li .limit_date p{color: #000; font-size: 12px; font-weight: 600;}
.modal_cont.coupon .coupon_box .limit_date span,
.mypage_wrap .coupon_list ul li .limit_date span{display: block; margin-top: 4px; color: #999; font-size: 11px;}
.modal_cont.coupon .coupon_box .download_btn,
.mypage_wrap .coupon_list ul li .download_btn{display: flex; align-items: center; justify-content: center; position: absolute; top: 30px; right: 30px; font-size: 16px;}
.modal_cont.coupon .coupon_box .download_btn button,
.mypage_wrap .coupon_list ul li .download_btn button{ display: flex; align-items: center; justify-content: center; width: 3em; height: 3em; background: #eee; font-size: inherit; border-radius: 50%; line-height: 1em;}
.mypage_wrap .coupon_list ul li .download_btn button .ico,
.mypage_wrap .coupon_list ul li .download_btn button .ico { display: block; width: 28px; height: 28px; background: url('/data/skin/dualsonic/images/common/dual_ico_download.svg') center/contain no-repeat; }
.coupon_down_list ul li .bottom span {font-size: 11px;}
/*보유한 쿠폰이 없울때*/
.mypage_wrap .coupon_list.none { }
.mypage_wrap .coupon_list.none ul { display: block; }
.mypage_wrap .coupon_list.none ul li { border: 0; }
.mypage_wrap .cont_coupon_reg{}
.mypage_wrap .cont_coupon_reg p{}
.mypage_wrap .cont_coupon_reg input[type="text"]{}
.mypage_wrap .cont_coupon_reg button{}
/*쿠폰적용 대상 팝업*/
.modal_deli .modal_wrap .modal_cont.coupon { width: 51rem; }
.modal_cont.coupon .coupon_box {display: flex; flex-wrap: wrap; align-content: space-between; position: relative; padding: 30px; border: 1px solid #ccc;}
.modal_cont.coupon .coupon_box > *{flex-basis: 100%;}
/*
.modal_cont.coupon .coupon_box .benefit{color: #000; font-size: 34px; font-weight: 700; line-height: 1.3em}
.modal_cont.coupon .coupon_box .tit{margin-top: 15px; color: #000; font-size: 1.6rem; font-weight: 700;}
.modal_cont.coupon .coupon_box .desc{margin-top: 5px; color: #666; font-size: 12px;}
.modal_cont.coupon .coupon_box .bottom_wrap{display: flex; align-items: center; justify-content: space-between; margin-top: 40px;}
.modal_cont.coupon .coupon_box .use_conditions{color: #bdbdbd; font-size: 11px;}
.modal_cont.coupon .coupon_box .view_more{}
.modal_cont.coupon .coupon_box .view_more button{display: flex; align-items: center; padding: 6px 10px; border: 1px solid #ccc; font-size: 11px; border-radius: 2em; line-height: 1em;}
.modal_cont.coupon .coupon_box .view_more button .ico { margin-left: 5px; width: 10px; height: 10px; background: url("/data/skin/dualsonic/images/common/dual_ico_next.svg")center/contain no-repeat; }
.modal_cont.coupon .coupon_box .view_more button svg{margin-left: 5px;}
.modal_cont.coupon .coupon_box .limit_date{position: absolute; top: 0; right: 0; width: 115px; padding: 8px 0; background: #eee; text-align: center; line-height: 1em;}
.modal_cont.coupon .coupon_box .limit_date p{color: #000; font-size: 12px; font-weight: 600;}
.modal_cont.coupon .coupon_box .limit_date span{display: block; margin-top: 4px; color: #999; font-size: 11px;}
.modal_cont.coupon .coupon_box .download_btn{display: flex; align-items: center; justify-content: center; position: absolute; top: 30px; right: 30px; font-size: 16px;}
.modal_cont.coupon .coupon_box .download_btn button{ display: flex; align-items: center; justify-content: center; width: 3em; height: 3em; background: #eee; font-size: inherit; border-radius: 50%; line-height: 1em;}
.modal_cont.coupon .coupon_box .download_btn button .ico { display: block; width: 28px; height: 28px; background: url('/data/skin/dualsonic/images/common/dual_ico_download.svg') center/contain no-repeat; }
*/
.modal_cont.coupon .coupon_notice_wrap { margin-top: 30px; }
.modal_cont.coupon .coupon_notice_wrap > .tit { padding-bottom: 6px; font-size: 14px; font-weight: 600; border-bottom: 1px solid #000; }
.modal_cont.coupon .coupon_notice_wrap ul { margin-top: 15px; font-size: 12px; color: #999999; }
.modal_cont.coupon .coupon_notice_wrap ul li { position: relative; display: flex; align-items: center; justify-content: flex-start; }
.modal_cont.coupon .coupon_notice_wrap ul li:before { content: ''; width: 2px; height: 2px; margin-right: 5px; border-radius: 100%; background: #999; }
.modal_cont.coupon .coupon_notice_wrap ul li + li { margin-top: 5px; }
/* 나의 활동 상단 검색 */
.mypage_wrap .board_sch_top{display: flex; justify-content: space-between; align-items: flex-end ; margin-top: 60px; display: none}
.mypage_wrap .board_sch_top .total{}
.mypage_wrap .board_sch_top .total span{font-size: 14px; line-height: 1}
.mypage_wrap .board_sch_top .total span b{font-weight: 600;}
.mypage_wrap .board_sch_top.none {display: none}
/*.mypage_wrap .board_sch_top .mypage_sch_wrap { display: flex; max-width: 45rem; height: 4.5rem; margin-left: auto;}
.mypage_wrap .board_sch_top .mypage_sch_wrap .nice-select{height: 100%; border-radius: 0; line-height: 4.5rem;}
.mypage_wrap .board_sch_top .mypage_sch_wrap .inp{display: flex; align-items: center; width: 100%; padding: 0 1.5rem; margin-left: 5px; border: 1px solid #ccc; line-height: 5.5rem;}
.mypage_wrap .board_sch_top .mypage_sch_wrap .inp input { width: 100%; height: 100%; padding: 0; border: 0; font-size: 14px; }
.mypage_wrap .board_sch_top .mypage_sch_wrap .inp input::placeholder { font-size: inherit; }
.mypage_wrap .board_sch_top .mypage_sch_wrap .inp input:focus{border: none;}
.mypage_wrap .board_sch_top .mypage_sch_wrap .inp .btn { font-size: 16px; line-height: 1em; }
.mypage_wrap .board_sch_top .mypage_sch_wrap .inp .btn .ico { width: 22px; height: 22px; background: url("/data/skin/dualsonic/images/common/dual_ico_search.svg") center/contain no-repeat; }
.mypage_wrap .board_sch_top .mypage_sch_wrap .inp .btn span { display: flex; align-items: center; justify-content: center; font-size: 18px; }*/
/* 나의 활동 > 체험단 */
.exp_group_wrap { }
.exp_group_wrap .order_list ul li + li { margin-top: 7rem; }
.exp_group_wrap .tab_mypage {display: none}
.exp_group_wrap .list_empty {padding-top: 0!important;}
.exp_group_wrap .exp_box { padding-top: 3rem; border-top: 1px solid #000; display: grid;grid-template-columns: 60% minmax(0, 1fr) minmax(0, 1fr); align-items: center}
.exp_group_wrap .exp_box .info {display: flex; align-items: center}
.exp_group_wrap .exp_box .img { position: relative; width: 13.5rem; padding-top: 13.5rem; flex-shrink: 0; }
.exp_group_wrap .exp_box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.exp_group_wrap .exp_box .img + .tit_wrap { margin-left: 2.2rem; }
.exp_group_wrap .exp_box .tit_wrap { width: 100%; }
.exp_group_wrap .exp_box .tit_wrap .tit_box { display: flex; align-items: center; justify-content: flex-start; }
.exp_group_wrap .exp_box .tit_wrap .tit_box .label { height: 2.5rem; line-height: 2.5rem; padding: 0 1rem; border: 1px solid #000; font-size: 1.4rem; font-weight: 600; }
.exp_group_wrap .exp_box .tit_wrap .tit_box .label.done { background-color: #F0F0F0; border: 1px solid #F0F0F0; color: #999999; }
.exp_group_wrap .exp_box .tit_wrap .tit_box .label + .tit { margin-left: 1rem; }
.exp_group_wrap .exp_box .tit_wrap .tit_box .tit { font-size: 1.8rem; font-weight: 700; }
.exp_group_wrap .exp_box .tit_wrap .date { margin-top: 1rem; font-size: 12px; font-weight: 500; color: #BDBDBD; }
.exp_group_wrap .exp_box .tit_wrap .link_box { display: flex; align-items: center; justify-content: flex-start; margin-top: 2rem; }
.exp_group_wrap .exp_box .tit_wrap .link_box .sns_box { display: flex; align-items: center; justify-content: flex-start; }
.exp_group_wrap .exp_box .tit_wrap .link_box .sns_box .sns { display: block; width: 2.8rem; height: 2.8rem; }
.exp_group_wrap .exp_box .tit_wrap .link_box .sns_box .sns + .sns { margin-left: 0.3rem }
.exp_group_wrap .exp_box .tit_wrap .link_box .sns_box .sns.insta { background: url('/data/skin/dualsonic/images/common/dual_ico_insta.svg')center/contain no-repeat; }
.exp_group_wrap .exp_box .tit_wrap .link_box .sns_box .sns.blog { background: url('/data/skin/dualsonic/images/common/dual_ico_blog_thin_b.svg')center/contain no-repeat; }
.exp_group_wrap .exp_box .tit_wrap .link_box .sns_box .sns.youtube { background: url('/data/skin/dualsonic/images/common/dual_ico_youtube_thin_b.svg')center/contain no-repeat; }
.exp_group_wrap .exp_box .tit_wrap .link_box .sns_box .sns.tiktok { background: url('/data/skin/dualsonic/images/common/dual_ico_tiktok.svg')center/contain no-repeat; }
.exp_group_wrap .exp_box .tit_wrap .link_box .sns_box + .community_btn { margin-left: 1rem; }
.exp_group_wrap .exp_box .tit_wrap .link_box .community_btn { }
.exp_group_wrap .exp_box .tit_wrap .link_box .community_btn .btn { position: relative; display: flex; align-items: center; justify-content: flex-start; font-size: 1.4rem; font-weight: 600; }
.exp_group_wrap .exp_box .tit_wrap .link_box .community_btn .btn:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 100%; height: 1px; background: #000; transform: translateX(-50%); }
.exp_group_wrap .exp_box .tit_wrap .link_box .community_btn .ico { position: relative; top: -0.7px; display: inline-block; width: 1.5rem; height: 1.5rem; background: url('/data/skin/dualsonic/images/common/dual_ico_next.svg')center/contain no-repeat; }
.exp_group_wrap .exp_box .util_wrap .state { font-size: 2rem; font-weight: 700; text-align: center; }
.exp_group_wrap .exp_box .util_wrap .state + .btn_wrap { margin-top: 1.5rem; }
.exp_group_wrap .exp_box .btn_box {display: flex;align-items: center;justify-content: flex-end;width: 100%;}
.exp_group_wrap .exp_box .btn_box > .btn {width: 68px;padding: 10px 0;border: 1px solid #ccc;color: #999;font-size: 12px;font-weight: 600;text-align: center;line-height: 1em;}
.exp_group_wrap .exp_box .btn_box > .btn + .btn {margin-left: 10px}
.exp_group_wrap .exp_box .util_wrap .btn_wrap { margin-top: 0; }
.exp_group_wrap .exp_box .util_wrap .btn_wrap .btn { width: 6.8rem; padding: 1rem 0; border: 1px solid #ccc; color: #999; font-size: 1.3rem; font-weight: 600; text-align: center; line-height: 1em; }
.exp_group_wrap .exp_box .util_wrap .btn_wrap .btn +.btn { margin-left: 1rem; }
/* 나의 활동 > 체험단_상세페이지 */
.exp_group_wrap.view { margin-top: 5rem; }
.exp_group_wrap.view .cont { }
.exp_group_wrap.view .cont + .cont { margin-top: 6rem; }
.exp_group_wrap.view .cont .top { display: flex; align-items: center; justify-content: flex-start; padding-bottom: 1rem; border-bottom: 1px solid #000; }
.exp_group_wrap.view .cont .top .tit { font-size: 1.8rem; font-weight: 700; }
.exp_group_wrap.view .cont .top .desc { font-size: 12px; color: #666666; }
.exp_group_wrap.view .cont .top .date { margin-left: 1rem; font-size: 1.6rem; font-weight: 700; }
/*.exp_group_wrap.view .cont .box { padding-top: 3rem; }
.exp_group_wrap.view .cont .box .txt_li { }
.exp_group_wrap.view .cont .box .txt_li li { display: grid; grid-template-columns: 15% 1fr; font-size: 14px; }
.exp_group_wrap.view .cont .box .txt_li li + li { margin-top: 12px; }
.exp_group_wrap.view .cont .box .txt_li li .tit { font-weight: 600; }*/
/*리뷰제출 팝업*/
.modal_cont.sns_review { }
.modal_cont.sns_review .sns_review_wrap { }
.modal_cont.sns_review .sns_review_wrap .box { }
.modal_cont.sns_review .sns_review_wrap .box + #linkListView ,
.modal_cont.sns_review .sns_review_wrap .box + .box { margin-top: 3rem; }
.modal_cont.sns_review .sns_review_wrap .box > .tit { margin-bottom: 1rem; font-size: 1.4rem; font-weight: 600; }
.modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select { max-width: 100%; height: var(--inp_height); line-height: var(--inp_lineheight); border-radius: 0; border: 1px solid #ccc; font-size: 1.4rem; font-weight: 500; }
.modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .list { border-radius: 0; margin-top: 0; min-width: 100%; }
.modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .list li { position: relative; display: flex; align-items: center; justify-content: flex-start; }
.modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .list li:before { content: '제출완료'; height: 2.2rem; padding: 0 1rem; line-height: 2.2rem; margin-right: 0.8rem; border: 1px solid #000; border-radius: 2em; background-color: #000; color: #fff; font-size: 12px; font-weight: 600; }
.modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .list li.unsend:before { content: '미제출'; background-color: #F0F0F0; color: #999999; }
.modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .current { position: relative; display: flex; align-items: center; justify-content: flex-start; }
.modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .current:before { content: '제출완료'; height: 2.2rem; padding: 0 1rem; line-height: 2.3rem; margin-right: 0.8rem; border: 1px solid #000; border-radius: 2em; background-color: #000; color: #fff; font-size: 12px; font-weight: 600; }
.modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .current.unsend:before { content: '미제출'; background-color: #F0F0F0; color: #999999; }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap { }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap .inp_box { display: flex; align-items: center; justify-content: flex-start; }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap .inp_box .inp { width: 100%; }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap .inp_box .inp input { position: relative; padding-left: 5rem; background-position: 1rem center; background-size: 2.8rem 2.8rem; background-repeat: no-repeat; }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap .inp_box .inp.insta input { background-image: url('/data/skin/dualsonic/images/common/dual_ico_insta_thin_b.svg'); }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap .inp_box .inp.blog input { background-image: url('/data/skin/dualsonic/images/common/dual_ico_blog_thin_b.svg'); }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap .inp_box .inp.tiktok input { background-image: url('/data/skin/dualsonic/images/common/dual_ico_tiktok.svg'); }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap .inp_box .inp.youtube input { background-image: url('/data/skin/dualsonic/images/common/dual_ico_youtube_thin_b.svg'); }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap .inp_box .plus_btn { width: 2.5rem; height: 2.5rem; margin-left: 1.5rem; background: url('/data/skin/dualsonic/images/common/dual_ico_plus.svg')center/contain no-repeat; flex-shrink: 0; cursor: pointer; transform: rotate(45deg); }
.modal_cont.sns_review .sns_review_wrap .box .sns_link_wrap .inp_box:first-of-type .plus_btn { transform: none; }
.modal_cont.sns_review .cont .btn_wrap { max-width: 17rem; margin: 30px auto 0; }
.pd_regist_page .moveText {height: 20rem}
.move_text_box .text p {font-size: 20rem}
.pd_regist_page .moveText {transform: translateY(22%)}
/* 나의 활동 > 문의 목록 */
.inquiry_list{margin-top: 3rem; border-top: 1px solid #000;}
.inquiry_list > ul{}
.inquiry_list > ul > li{display: grid; grid-template-columns: 125px minmax(0, 1fr) 150px 100px; align-items: center; gap: 0 15px; padding: 20px 0; border-bottom: 1px solid #ccc;}
.inquiry_list ul.list_head{}
.inquiry_list ul.list_head li{justify-items: center; padding: 15px 0; font-size: 12px;}
.inquiry_list ul.list_head li div{line-height: 1em}
.inquiry_list ul li .cate{color: #999; font-size: 14px; font-weight: 600; text-align: center;}
.inquiry_list ul li .tit{display: grid; grid-template-columns: 20% minmax(0, 1fr); align-items: center; gap: 0 15px; font-size: 1.7rem; font-weight: 700;}
.inquiry_list ul li .tit .img{background: #fafafa;}
.inquiry_list ul li .tit .txt{grid-column: 1/-1;}
.inquiry_list ul li .tit .img + .txt{grid-column: unset;}
.inquiry_list ul li .tit .txt a{display: block;}
.inquiry_list ul li .tit .txt .prd_txt{color: #666; font-size: 13px; font-weight: 600; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: none}
.inquiry_list ul li .tit .txt .prd_txt + .inq_tit { display: flex; align-items: center; justify-content: flex-start; margin-top: 0px; font-size: 14px}
.inquiry_list ul li .tit .txt .prd_txt + .inq_tit p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inquiry_list ul li .tit .txt .prd_txt + .inq_tit .ico { position: relative; top: -0.7px; display: flex; align-items: center; justify-content: center; width: 1em; height: 1em; margin-right: 3px; }
.inquiry_list ul li .tit .txt .prd_txt + .inq_tit .ico img { width: 100%; height: 100%; object-fit: contain; }
.inquiry_list ul li .date{color: #999; font-size: 12px; font-weight: 500; text-align: center;}
.inquiry_list ul li .reply_yn{text-align: center;}
.inquiry_list ul li .reply_yn span{display: inline-block; padding: 4px 15px; border: 1px solid #bcbcbc; color: #999; font-size: 12px; font-weight: 600; border-radius: 2em; line-height: 1em;}
.inquiry_list ul li .reply_yn span.complete{background: #000; border-color: #000; color: #fff;}
/* 나의 활동 > 문의 작성 */
.inquiry_write{margin-top: 15px; padding-top: 30px; border-top: 1px solid #000;}
.inquiry_write.no_line {border-top: none; margin-top: 0; padding-top: 0}
.inquiry_write > ul > li {display: flex}
.inquiry_write > ul > li + li{margin-top: 30px;}
.inquiry_write .inp_tit {font-size: 16px; font-weight: 600; min-width: 100px; margin-right: 20px; height: var(--inp_height); line-height: var(--inp_lineheight)}
.inquiry_write .inp_tit.no_height {height: auto; line-height: 1.5}
.inquiry_write .inp_tit.file {height: 26px;line-height: 25px}
.inquiry_write .inp_tit .required { position: relative; }
.inquiry_write .inp_tit .required:before { content: '*'; position: absolute; right: -2px; top: 0; color: #000; font-size: 14px; font-weight: 300; transform: translateX(100%); line-height: 1em;}
.inquiry_write .cont {position: relative; flex: 1}
.mypage_wrap .nice-select {width: 50%; padding: 0 2rem; border: 1px solid #ccc; font-size: 14px; border-radius: 0; height: var(--inp_height); line-height: var(--inp_lineheight)}
.mypage_wrap .nice-select .list {width: 100%; border-radius: 0; transition: none}
.inquiry_write .cont .inp {position: relative;}
.inquiry_write .cont textarea{min-height: 8rem;}
.inquiry_write .cont .txt {font-size: 14px;}
.inquiry_write .cont .txt + .line_btn {margin-left: 5px;}
.inquiry_write .cont .score .txt {font-size: 12px;}
.inquiry_write .cont .score .bg {background-color: #F9F9F9; padding: 2rem 2rem; display: inline-block; margin-top: 7px}
.inquiry_write .cont .inp_box.email .inp {width: 100%; max-width: 192px; min-width: 0}
.inquiry_write .cont.prd_choice {display: flex; align-items: center; flex-wrap: wrap}
.inquiry_write .cont.prd_choice .desc {margin-top: 0; margin-left: 10px;}
.inquiry_write .cont.prd_choice .board_goods_select_display {width: 100%}
.inp_wrap .up_img_wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 15px; }
.inp_wrap .up_img_wrap .img_box { position: relative; width: 100%; padding-top: 100%; }
.inp_wrap .up_img_wrap .img_box.upload { border: 1px solid #CCCCCC; }
.inp_wrap .up_img_wrap .img_box .up_btn_box { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; transform: translate(-50%, -50%); }
.inp_wrap .up_img_wrap .img_box .up_btn_box .up_btn { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 100%; background-color: #000; fill: #fff; font-size: 12px; }
.inp_wrap .up_img_wrap .img_box .up_btn_box .num { margin-top: 5px; font-size: 13px; font-weight: 600; color: #999; }
.inp_wrap .up_img_wrap .img_box img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.inp_wrap .up_img_wrap .img_box .del_btn { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); transform: translate(-50%, -50%); fill: #fff; font-size: 20px; z-index: 10; }
.rating .stars {margin-right: 15px; display: flex}
.rating .stars .star {cursor: pointer; display: block;;width: 3.5rem; height: 3rem;
background: url('data:image/svg+xml,%3Csvg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"%3E%3Cdefs%3E%3Cstyle%3E .cls-1 { fill: none; stroke-width: px; } .cls-2 { fill: %23fff; stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; } %3C/style%3E%3C/defs%3E%3Cg id="_레이어_2" data-name="레이어 2"%3E%3Cg%3E%3Cpolygon class="cls-2" points="70.15 26.69 82.95 57.71 116.41 60.3 90.86 82.06 98.74 114.69 70.15 97.11 41.56 114.69 49.44 82.06 23.89 60.3 57.35 57.71 70.15 26.69"/%3E%3Crect class="cls-1" width="140" height="140"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat center/contain;}
.rating .stars .star:before {}
.rating .stars .star.to_rate,
.rating .stars .star.rated {background: url('data:image/svg+xml,') no-repeat center/contain;}
.rating .stars .star.no_to_rate:before {
background: url('data:image/svg+xml,%3Csvg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"%3E%3Cdefs%3E%3Cstyle%3E .cls-1 { fill: none; stroke-width: px; } .cls-2 { fill: %23fff; stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; } %3C/style%3E%3C/defs%3E%3Cg id="_레이어_2" data-name="레이어 2"%3E%3Cg%3E%3Cpolygon class="cls-2" points="70.15 26.69 82.95 57.71 116.41 60.3 90.86 82.06 98.74 114.69 70.15 97.11 41.56 114.69 49.44 82.06 23.89 60.3 57.35 57.71 70.15 26.69"/%3E%3Crect class="cls-1" width="140" height="140"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat center/contain;}
.captcha_wrap { }
.captcha_wrap .captcha_table { display: flex; align-items: stretch; justify-content: flex-start; border: 0; }
.captcha_wrap .captcha_table .captcha_td2 { display: block; width: auto; height: 74px; }
.captcha_wrap .captcha_table .captcha_td2 #ref_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 1.5rem; }
.captcha_wrap .captcha_table .captcha_td2 #ref_btn img { width: 22%; height: 22%; }
.captcha_wrap .captcha_table .captcha_td2 #ref_btn .txt { margin-left: 8px; font-size: 12px; }
.captcha_wrap .captcha_text { max-width: 32rem; margin-top: 1.5rem; }
.inquiry_write .chk_box:not(.agree) input[type='checkbox'] + label{display: inline-flex; align-items: center; justify-content: flex-start; }
.inquiry_write .inp_box.nm{display: flex; align-items: center; height: 100%;}
.inquiry_write .inp_box.nm .user_nm{font-size: 16px;}
.inquiry_write .inp_box.nm .user_nm + .chk_box { display: flex; }
.inquiry_write .inp_box.nm .inp{width: 50%;}
.inquiry_write .inp_box.captcha .captcha{width: 120px;}
/* 나의 활동 > 문의 작성(후기) */
.mypage_wrap .review_txt_area {margin-top: 30px}
.mypage_wrap .review_txt_area .inp_tit {font-size: 16px;font-weight: 600;}
.mypage_wrap .review_txt_area textarea {padding: 2rem}
.mypage_wrap .review_txt_area .bbswrite_division {margin-top: 20px;}
.chk_box input[type='checkbox'].lock + label{color: #bdbdbd; line-height: 1em;}
.chk_box input[type='checkbox'].lock + label::before{ margin-right: 2px; background: url('data:image/svg+xml,') no-repeat 0 0 / contain;}
.chk_box input[type='checkbox'].lock:checked + label{color: #000;}
.chk_box input[type='checkbox'].lock:checked + label::before{ background: url('data:image/svg+xml,') no-repeat 0 0 / contain;}
/* 문의 상품 선택 */
#issueGoodsButton{width: auto; height: var(--inp_height); padding: 0 2rem; line-height: var(--inp_lineheight); border: 1px solid #000; font-size: var(--inp_txt); text-align: left; background-color: #000; color: #fff}
.board_goods_select .btn_area{padding: 0;}
.board_goods_select_display .goods_loop_area{padding: 15px; margin-top: 15px; background: #fafafa;}
.board_goods_select_display .goods_area{display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: center; gap: 0 20px;}
.board_goods_select_display .goods_area>li{display: block;}
.board_goods_select_display .goods_area>li.img_area{width:100%; padding-top: 100%; position: relative; background-color: #fff}
.board_goods_select_display .goods_area>li.img_area img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); object-position: center; object-fit: cover;}
.board_goods_select_display .goods_area>li.info_area{padding: 0; font-size: unset;}
.board_goods_select_display .goods_area>li.info_area .brand {font-size: 11px; font-weight: 600; margin-bottom: 5px;display: none}
.board_goods_select_display .goods_img{width: 100%; border: none;}
.board_goods_select_display .goods_area .name{padding: 0; margin-bottom: 20px; font-size: 14px; font-weight: 700;}
.board_goods_select_display .goods_area .price{font-size: 14px; font-weight: 700;}
/* 파일 첨부 */
div.bbswrite_division{padding: 0;}
.file_add_wrap{}
.file_add_wrap .nice-select.select_img{height: auto; padding: 1rem; font-size: 12px; line-height: 1.5em;}
.file_add_wrap .nice-select.select_img .option{padding: 0 1rem;}
.file_add_wrap .top{display: flex; align-items: flex-start;}
/*.file_add_wrap .top * {min-width: 0}*/
.file_add_wrap .top .file_btn_wrap{margin-right: 10px;}
.file_add_wrap .top .btnUploader{white-space: nowrap; height: auto; padding: 6px 12px; border: 1px solid #ccc; color: #999; font-size: 12px; border-radius: 2em; line-height: 1em;}
.file_add_wrap .top .upload_btn{white-space: nowrap; height: auto; padding: 6px 12px; border: 1px solid #ccc; color: #999; font-size: 12px; border-radius: 2em; line-height: 1em;}
.file_add_wrap .top .boardfileliststyle {table-layout: fixed; width: 100%; flex: 1}
.file_add_wrap .top .boardfileliststyle > tbody { }
.file_add_wrap .top #BoardFileTable{}
.file_add_wrap .top #BoardFileTable > tbody { padding-top: 2px; display: block}
.file_add_wrap .top #BoardFileTable tr {display: flex; align-items: center; margin-right: 10px; }
.file_add_wrap .top #BoardFileTable td{display: flex}
.file_add_wrap .top #BoardFileTable td .realfilelist {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block; flex: 1; max-width: 18rem; cursor: default}
.file_add_wrap .top #BoardFileTable td.del{text-align: right; display: flex; margin-left: 5px; flex-shrink: 0}
.file_add_wrap .top #BoardFileTable td .txt{display: block; padding: 6px 0; font-size: 12px; line-height: 1em;}
.file_add_wrap .top #BoardFileTable td button{display: inline-flex; font-size: 14px; line-height: 1em;}
.file_add_wrap .top #BoardFileTable td button .ico { width: 18px; height: 18px; background: url('/data/skin/dualsonic/images/common/dual_ico_x_box.svg')center/contain no-repeat; margin-top: 1px}
.file_add_wrap .desc { display: flex; align-items: center; justify-content: flex-start; margin-top: 0.8rem; font-size: 10px; color: #BDBDBD; line-height: 1.4; }
.file_add_wrap .desc > span { margin-right: 3px; font-size: 18px; font-weight: 200; line-height: 0.7; }
.file_add_wrap .bottom{display: flex; align-items: center; padding-top: 15px; margin-top: 15px; border-top: 1px solid #ccc; display: none;}
.file_add_wrap .bottom span{margin-right: 1em; font-size: 12px;}
.file_add_wrap .bottom .nice-select{width: auto; padding: 1rem 2.5rem 1rem 1rem}
.file_add_wrap .bottom .nice-select::after{right: 1.5rem}
#filePreview .file_name { display: flex; align-items: center; justify-content: flex-start; }
#filePreview .file_name .realfilelist { max-width: 8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#filePreview .file_name .extension { display: flex; align-items: flex-end; justify-content: flex-start; }
#filePreview .file_name .extension:before { content: '.'; display: inline-block; margin-right: 1px; }
/* 나의 활동 > 문의 상세 */
.inquiry_view{margin-top: 15px; border-top: 1px solid #000;}
.inquiry_view .tit_box{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: baseline; gap: 0 15px; padding: 20px 0;}
.inquiry_view .tit_box .cate{color: #999; font-size: 14px; font-weight: 600;}
.inquiry_view .tit_box .tit{flex: 1 1 0; font-size: 16px; font-weight: 700;}
.inquiry_view .tit_box .date{color: #bdbdbd; font-size: 12px; font-weight: 500;}
.inquiry_view .cont_wrap{border-top: 1px solid #ccc;}
.inquiry_view .cont_wrap .btn{display: flex; align-items: center; justify-content: flex-end; padding: 15px 0;}
.inquiry_view .cont_wrap .btn button{display: flex; align-items: center; color: #666; font-size: 12px; font-weight: 500; line-height: 1em;}
.inquiry_view .cont_wrap .btn button + button{padding-left: 8px; margin-left: 8px; border-left: 1px solid #666;}
.inquiry_view .cont_wrap .btn button svg { fill: #666; margin-right: 5px; }
.inquiry_view .cont_wrap .btn button .ico { width: 15px; height: 15px; margin-right: 2px; }
.inquiry_view .cont_wrap .btn button.edit .ico { margin-top: -1px; background: url('data:image/svg+xml,') center/contain no-repeat; }
.inquiry_view .cont_wrap .btn button.del .ico { background: url('data:image/svg+xml,') center/contain no-repeat; }
.inquiry_view .cont_wrap .cont{padding: 20px 0 60px 0; border-bottom: 1px solid #eaeaea; font-size: 14px;}
.inquiry_view .file_attach{display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: flex-start; gap: 0 30px; padding: 15px; background: #fafafa;}
.inquiry_view .file_attach p{display: flex; align-items: center; color: #666; font-weight: 500;}
.inquiry_view .file_attach p svg{fill: #666; margin-right: 5px;}
.inquiry_view .file_attach ul{}
.inquiry_view .file_attach ul li{}
.inquiry_view .file_attach ul li + li{margin-top: 4px;}
.inquiry_view .file_attach ul li a{display: block; color: #999;}
/* 문의 상세 - 상품 정보 */
.goods_origin_info{padding: 15px; margin: 0; background: #fff; border: none;}
.goods_origin_info h4{display: none;}
.goods_origin_info .cboth{display: none;}
.goods_origin_info .goodsviewbox{display: grid; grid-template-columns: 105px minmax(0, 1fr); align-items: center; gap: 0 20px;}
.goods_origin_info .goodsviewbox .pic{width: auto; padding: 0; border: none; background-color: #fafafa}
.goods_origin_info .goodsviewbox .info{}
.goods_origin_info .goodsviewbox .info .name{padding: 0;}
.goods_origin_info .goodsviewbox .info .name + .name{margin-top: 20px;}
.goods_origin_info .goodsviewbox .info .name a{font-size: 16px; font-weight: 700;}
.goods_origin_info .goodsviewbox .info .name a span{color: #000 !important;}
/* 문의 상세 - 관리자 답변 스타일 */
.board_manager_reply{padding: 0; margin-top: 60px; border-top: 1px solid #000; border-bottom: none;}
.board_manager_reply .top{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0 15px; padding: 20px 0; border-bottom: 1px solid #ccc;}
.board_manager_reply .top .writer{}
.board_manager_reply .top .writer span{display: inline-block; padding: 4px 12px; background: #fff; border: 1px solid #bcbcbc; color: #999; font-size: 12px; font-weight: 600; border-radius: 2em; line-height: 1em;}
.board_manager_reply .top .writer span.complete{background: #000; border-color: #000; color: #fff;}
.board_manager_reply .top .subject{display: flex; align-items: center; padding: 0; color: #000; font-size: 16px; font-weight: 700;}
.board_manager_reply .top .subject .ico {width: 22px; height: 22px; margin-right: 5px; margin-top: -2px; background: url("/data/skin/dualsonic/images/common/dual_ico_answer.svg")center/contain no-repeat}
.board_manager_reply .top .subject svg{margin-right: 5px; font-size: 0.8em;}
.board_manager_reply .top .date{color: #bdbdbd; font-size: 12px; font-weight: 500;}
.board_manager_reply .contents{padding: 40px; background: #fafafa; font-size: 14px;}
/* 나의 활동 > 리뷰관리 */
.my_review_list{}
.my_review_list > ul{}
.my_review_list > ul > li{display: grid; grid-template-columns: minmax(0, 1fr) 15%; align-items: center; gap: 0 30px; padding: 30px 0;}
.my_review_list > ul > li:not(:first-child){border-top: 1px solid #ccc;}
.my_review_list ul li .info{display: grid; grid-template-columns: 100px auto; align-items: center; gap: 0 25px; cursor: pointer;}
.my_review_list ul li .info .img{position: relative; padding-top: 100%; background-color: #fafafa}
.my_review_list ul li .info .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.my_review_list ul li .info .txt_wrap{}
.my_review_list ul li .info .txt_wrap .date{display: flex; align-items: center; font-size: 12px; line-height: 1em;}
.my_review_list ul li .info .txt_wrap .date p{color: #666;}
.my_review_list ul li .info .txt_wrap .date span{margin-left: 10px; font-weight: 600;}
.my_review_list ul li .info .txt_wrap .goods_tit{margin-top: 20px; font-size: 16px; font-weight: 700;}
.my_review_list ul li .info .txt_wrap .opt_cnt{display: flex; margin-top: 10px; font-size: 12px;}
.my_review_list ul li .info .txt_wrap .opt_cnt .goods_options{margin-right: 6px; padding-right: 6px; border-right: 1px solid #bdbdbd;}
.my_review_list ul li .info .txt_wrap .opt_cnt .goods_options li{line-height: 1em;}
.my_review_list ul li .info .txt_wrap .opt_cnt .cnt{color: #666; font-weight: 500; line-height: 1em;}
.my_review_list ul li .info .txt_wrap .opt_cnt .cnt strong{font-weight: inherit;}
.my_review_list ul li .btn{}
.my_review_list ul li .btn button{width: 100px; padding: 10px 0; background: #000; color: #fff; font-size: 12px; font-weight: 600; line-height: 1em;}
.my_review_list{}
/* 작성한 리뷰 */
/*.my_review_list2{}
.my_review_list2 ul{}
.my_review_list2 ul li{display: grid; grid-template-columns: 150px minmax(0, 1fr); padding: 30px 0;}
.my_review_list2 ul li:not(:first-child){border-top: 1px solid #ccc;}
.my_review_list2 ul li .aside{display: flex; flex-direction: column; justify-content: space-between;}
.my_review_list2 ul li .aside .btn{display: flex; align-items: center;}
.my_review_list2 ul li .aside .btn button{display: flex; align-items: center; color: #666; font-size: 12px; font-weight: 500; line-height: 1em;}
.my_review_list2 ul li .aside .btn button + button{padding-left: 8px; margin-left: 8px; border-left: 1px solid #666;}
.my_review_list2 ul li .aside .btn button svg{fill: #666; margin-right: 5px;}
.my_review_list2 ul li .aside .btn button .ico { display: block; width: 16px; height: 16px; margin-right: 3px; }
.my_review_list2 ul li .aside .btn button.edit .ico { background: url('data:image/svg+xml,') center/contain no-repeat; }
.my_review_list2 ul li .aside .btn button.del .ico { background: url('data:image/svg+xml,') center/contain no-repeat; }
.my_review_list2 ul li .aside .score_img{position: relative; padding-bottom: 1.5em;}
.my_review_list2 ul li .aside .score_img::before{position: absolute; bottom: 0; left: 0; font-size: 12px; font-weight: 500; line-height: 1em;}
.my_review_list2 ul li .aside .score_img[data-score='score5']::before{content: '아주 좋아요!';}
.my_review_list2 ul li .aside .score_img[data-score='score4']::before{content: '맘에 들어요';}
.my_review_list2 ul li .aside .score_img[data-score='score3']::before{content: '보통이예요';}
.my_review_list2 ul li .aside .score_img[data-score='score2']::before{content: '그냥 그래요';}
.my_review_list2 ul li .aside .score_img[data-score='score1']::before{content: '별로예요';}
.my_review_list2 ul li .aside .score_img img{width: 15px;}
.my_review_list2 ul li .cont{display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 0 35px;}
.my_review_list2 ul li .cont .txt_wrap{display: flex; flex-direction: column;}
.my_review_list2 ul li .cont .txt_wrap .tit_box{display: flex; align-items: baseline;}
.my_review_list2 ul li .cont .txt_wrap .tit_box .goods_nm{font-size: 14px; font-weight: 600;}
.my_review_list2 ul li .cont .txt_wrap .tit_box .option_nm{margin-left: 10px; color: #bdbdbd; font-size: 12px;}
.my_review_list2 ul li .cont .txt_wrap .txt{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 15px; font-size: 14px;}
.my_review_list2 ul li .cont .txt_wrap .like_date{display: flex; align-items: center; justify-content: space-between; margin-top: auto;}
.my_review_list2 ul li .cont .txt_wrap .like_date .like{display: flex; align-items: center; justify-content: flex-start; color: #999; fill: #999; font-size: 12px; font-weight: 600; border: 1px solid #d7d7d7; padding: 5px 15px; border-radius: 30px; line-height: 1;}
.my_review_list2 ul li .cont .txt_wrap .like_date .like svg{fill: #999; height: 12px; margin-right: 8px;}
.my_review_list2 ul li .cont .txt_wrap .like_date .date{color: #bdbdbd; font-size: 12px; font-weight: 500; line-height: 1em;}
.my_review_list2 ul li .cont .img_slide {}
.my_review_list2 ul li .cont .img_slide .item { position: relative; padding-top: 100%; overflow: hidden; cursor: pointer; }
.my_review_list2 ul li .cont .img_slide .item .plus { position: absolute; right: 5px; bottom: 5px; display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; background-color: rgba(255,255,255,0.7); }
.my_review_list2 ul li .cont .img_slide .item .plus .ico { position: relative; width: 100%; height: 100%; background: url('/data/skin/dualsonic/images/common/dual_ico_plus.svg'); z-index: 10; }
.my_review_list2 ul li .cont .img_slide .item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.my_review_list2 ul li .cont .adm_comment{grid-column: 1/-1; padding: 25px; margin-top: 20px; background: #fafafa; font-size: 14px;}
.my_review_list2 ul li .cont .adm_comment p{font-weight: 600;}
.my_review_list2 ul li .cont .adm_comment div{margin-top: 10px;}*/
/*.my_review_list2 > ul {margin-top: 20px;}*/
.my_review_list2 > ul > li {display: flex; align-items: flex-start; padding: 3rem 2rem; border-bottom: 1px solid #cccccc}
.my_review_list2 > ul .cont_box {flex: 1; display: flex; flex-wrap: wrap; margin-left: 7rem;}
.my_review_list2 > ul .score_box {flex-shrink: 0}
.my_review_list2 > ul .score_box .review_info .ev_active2 {width: 8.7rem; height: 1.45rem}
.my_review_list2 > ul .score_box .review_info .ev_active2 b:before {width: 8.7rem;}
.my_review_list2 > ul .score_box .txt {margin-top: 10px; font-size: 14px; font-weight: 500}
.my_review_list2 > ul .txt_box {position: relative; flex: 1}
.my_review_list2 > ul .txt_box .product_txt {font-size: 14px; color: #BDBDBD}
.my_review_list2 > ul .txt_box .txt {font-size: 14px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.my_review_list2 > ul .txt_box .more_button { margin-top: 5px; color: #999;text-decoration-line: underline;text-decoration-color: #999;text-decoration-style: solid;text-underline-position: under;text-underline-offset: 0px;text-decoration-thickness: 1px; display: none}
.my_review_list2 > ul .txt_box .crystal_btn_box {position: absolute; top: 0; right: 0}
.my_review_list2 > ul .good_info_box {margin-top: 25px; width: 100%}
.my_review_list2 > ul .img_box {position: relative; flex-shrink: 0; width: 12rem; height: 12rem; margin-left: 8rem; background-color: #f5f5f5}
.my_review_list2 > ul .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; mix-blend-mode: multiply}
/* 나의 정보 > 정품인증 */
.mypage_wrap .auth_list .auth_cont .auth_date {border-bottom: 1px solid #000}
.mypage_wrap .auth_list .auth_list {border-bottom: 1px solid #ccc; padding: 30px 0}
.mypage_wrap .auth_list .auth_list .item { display: flex; align-items: center; }
.mypage_wrap .auth_list .auth_list .item .auth_info {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 40px; width: 60%; min-width: 450px}
.mypage_wrap .auth_list .auth_list .item .auth_info li {display: grid; grid-template-columns: 75px auto; gap: 0 20px; font-size: 14px}
.mypage_wrap .auth_list .auth_list .item .auth_info .right_txt {font-weight: 600}
.mypage_wrap .auth_list .auth_list .item .auth_state {margin-left: auto; margin-right: 30px}
/* 나의 활동 > 내댓글 */
.mypage_wrap .cmt_list {margin-top: 3rem}
.mypage_wrap .cmt_list li {padding-bottom: 4rem}
.mypage_wrap .cmt_list li + li {padding-top: 4rem; border-top: 1px solid #EAEAEA}
.mypage_wrap .cmt_list .cmt_page_info .type {font-size: 1.3rem; font-weight: 600; color: #999999; display: block; margin-bottom: 5px;}
.mypage_wrap .cmt_list .cmt_page_info .tit_box {display: flex; align-items: center}
.mypage_wrap .cmt_list .cmt_page_info .tit_box .date {margin-left: auto; font-size: 1.2rem; font-weight: 500; color: #BDBDBD}
.mypage_wrap .cmt_list .cmt_page_info .tit_box .tit {display: flex; align-items: center}
.mypage_wrap .cmt_list .cmt_page_info .tit_box .tit p{font-size: 16px; font-weight: 700}
.mypage_wrap .cmt_list .cmt_page_info .tit_box .tit .lock_ico {display: block; width: 1.8rem; height: 1.8rem;background: url(/data/skin/dualsonic/images/common/dual_ico_lock.svg) center / contain; margin-right: 5px}
.mypage_wrap .cmt_list .cmt_page_info .txt_box {position: relative; padding: 25px 30px; background-color: #f7f7f7; display: flex; font-size: 14px; margin-top: 20px; min-width: 0}
.mypage_wrap .cmt_list .cmt_page_info .arr_ico{width: 18px;height: 18px; background: url('/data/skin/dualsonic/images/common/dual_ico_answer.svg') center / contain; margin-right: 1.5rem; display: inline-block; flex-shrink: 0}
.mypage_wrap .cmt_list .cmt_page_info .txt_box .txt p{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mypage_wrap .cmt_list .cmt_page_info .txt_box .more_button {display: none;margin-top: 5px;color: #999;text-decoration-line: underline;text-decoration-color: #999;text-decoration-style: solid;text-underline-position: under;text-underline-offset: 0px;text-decoration-thickness: 1px ;}
.mypage_wrap .cmt_list .cmt_wrap {margin-top: 2.5rem; background-color: #FAFAFA; padding: 3rem;display: flex; }
.mypage_wrap .cmt_list .cmt_wrap .cmt_cont {flex: 1}
.mypage_wrap .cmt_list .cmt_wrap .cmt_info {display: flex; align-items: center; width: 100%}
.mypage_wrap .cmt_list .cmt_wrap .cmt_info .right_box {margin-left: auto}
.mypage_wrap .cmt_list .cmt_wrap .cmt_info .left_box {display: flex; align-items: center}
.mypage_wrap .cmt_list .cmt_wrap .cmt_info .left_box .name {font-size: 1.5rem; font-weight: 700}
.mypage_wrap .cmt_list .cmt_wrap .cmt_info .left_box .date {font-size: 1.3rem; font-weight: 500; color: #BDBDBD; margin-left: 10px;}
.mypage_wrap .cmt_list .cmt_wrap .cmt_info .left_box .my {font-size: 1.2rem; font-weight: 700; margin-left:10px; text-decoration-line: underline;text-decoration-color: black;text-decoration-style: solid;text-underline-position: under;text-underline-offset: 1px;text-decoration-thickness: 1px ;}
.mypage_wrap .cmt_list .cmt_wrap .cmt_txt {margin-top: 1.5rem; font-size: 1.5rem}
.mypage_wrap .cmt_list .cmt_wrap .cmt_txt .txt {overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mypage_wrap .cmt_list .cmt_wrap .cmt_txt .more_button {display: none;margin-top: 5px;color: #999;text-decoration-line: underline;text-decoration-color: #999;text-decoration-style: solid;text-underline-position: under;text-underline-offset: 0px;text-decoration-thickness: 1px;}
/* 회원정보 수정 */
/* 회원가입과 정보 수정이 같은 양식을 사용중이기 때문에 css 작성에 주의 요함 */
.mypage_wrap .resp_join_table{margin-top: 15px; padding-top: 40px; border-top: 1px solid #000;}
.mypage_wrap .resp_join_table>ul + ul{margin-top: 35px;}
.mypage_wrap .resp_join_table>ul>li{flex: 1 1 0;}
.mypage_wrap .resp_join_table .inp_wrap {display: grid; grid-template-columns: 155px minmax(0, 1fr); align-items: baseline;}
.mypage_wrap .resp_join_table .sns_li .inp_wrap {align-items: center}
.mypage_wrap .resp_join_table .modal_tit_wrap{flex-wrap: wrap; margin: 0;}
.mypage_wrap .resp_join_table .modal_tit_wrap .tit{color: #000; font-size: 16px;}
.mypage_wrap .resp_join_table .sms_chk{display: flex; align-items: center; margin-top: 15px; }
.mypage_wrap .resp_join_table .chk_box.box{width: auto;}
.mypage_wrap .resp_join_table .chk_box + .chk_box{margin-left: 30px;}
.mypage_wrap .resp_join_table .chk_box input[type=radio]{}
.mypage_wrap .resp_join_table .chk_box input[type='radio'] + label { position: relative; display: flex; align-items: center; justify-content: flex-start; border: none; color: #bdbdbd; font-size: 16px; font-weight: 400;}
.mypage_wrap .resp_join_table .chk_box input[type='radio'] + label { width: unset; height: auto; line-height: 1.5; text-align: left; }
.mypage_wrap .resp_join_table .chk_box input[type='radio'] + label::before { content: ''; position: relative; left: unset; top: unset; display: block; width: 1.6rem; height: 1.6rem; margin-right: 1rem; background: url('data:image/svg+xml,') no-repeat 0 0 / contain; transform: unset; box-shadow: none}
.mypage_wrap .resp_join_table .chk_box input[type='radio']:checked + label:before { border: 1px solid transparent; }
.mypage_wrap .resp_join_table .chk_box input[type='radio']:checked + label{ color: #000; }
.mypage_wrap .resp_join_table .chk_box input[type='radio']:checked + label::before { background: url('data:image/svg+xml,') no-repeat 0 0 / contain; }
.mypage_wrap .resp_join_table .chk_box input[type='radio']#marketing_agree + label{color: #666;}
/*.mypage_wrap .resp_join_table .chk_box input[type='radio']#marketing_agree + label::before{background: url('data:image/svg+xml,') no-repeat 0 0 / contain;}*/
.mypage_wrap .resp_join_table .inp_box {width: 100%}
.mypage_wrap .resp_join_table .inp_box .inp{flex: 1}
.mypage_wrap .resp_join_table .inp_box.tel {max-width: 50rem}
.mypage_wrap .resp_join_table .inp_box.tel .inp{flex: 1}
.mypage_wrap .resp_join_table .inp_box.email{max-width: none}
.mypage_wrap .resp_join_table .inp_box.email .inp{width: 175px;}
.mypage_wrap .resp_join_table .inp_box.email .nice-select{max-width: 175px;}
.mypage_wrap .resp_join_table .inp_box.email .nice-select .list{width: 100%;}
.mypage_wrap .resp_join_table .inp_box.birthday {max-width: 50rem}
.mypage_wrap .resp_join_table input[readonly]{background: none; cursor: text;}
.mypage_wrap .resp_join_table .pop_btn{display: inline-block; padding: 6px 14px; border: 1px solid #ccc; color: #999; font-size: 12px; border-radius: 2em; line-height: 1em;}
.mypage_wrap .resp_join_table .member_sns_list {display: flex}
.mypage_wrap .resp_join_table .member_sns_list .sns_icon {width: 40px}
.mypage_wrap .resp_join_table .member_sns_list .disconnect_btn {margin-left: 10px; font-size: 16px; font-weight: 600}
.mypage_wrap .resp_join_table .member_sns_list .item + .item,
.mypage_wrap .resp_join_table .member_sns_list .disconnect_btn + .item,
.mypage_wrap .resp_join_table .sns_connect_chk .item + img,
.mypage_wrap .resp_join_table .member_sns_list .disconnect_btn + img {margin-left: 60px}
.mypage_wrap .resp_join_table .sns_connect_chk{display: flex;}
.mypage_wrap .resp_join_table .sns_connect_chk .item {display: flex; align-items: center;}
/*.mypage_wrap .resp_join_table .sns_connect_chk .item:not(.connect){filter: grayscale(1); opacity: 0.4;}*/
.mypage_wrap .resp_join_table .sns_connect_chk .item .ico{display: flex; align-items: center; justify-content: center; width: 2.75em; height: 2.75em; font-size: 17px; border-radius: 50%;}
.mypage_wrap .resp_join_table .sns_connect_chk .item.kakao .ico{background: #FAE100}
.mypage_wrap .resp_join_table .sns_connect_chk .item.naver .ico{background: #2DB400}
.mypage_wrap .resp_join_table .sns_connect_chk .item.kakao .ico svg{fill: #381E1F;}
.mypage_wrap .resp_join_table .sns_connect_chk .item.naver .ico svg{fill: #fff;}
.mypage_wrap .resp_join_table .sns_connect_chk .item .txt_box{display: flex; flex-direction: column; margin-left: 10px; color: #000; line-height: 1em;}
.mypage_wrap .resp_join_table .sns_connect_chk .item .txt_box p{font-size: 16px; font-weight: 600; color: #bdbdbd}
.mypage_wrap .resp_join_table .sns_connect_chk .item .txt_box span{margin-top: 5px; font-size: 10px;}
.mypage_wrap .btn_wrap .del_account{margin-right: auto; color: #bdbdbd; font-size: 12px; text-decoration: underline;}
.address_list{margin-top: 15px; border-top: 1px solid #000;}
.address_list ul{}
.address_list ul li{display: flex; gap: 0 16px; padding: 30px 0; border-bottom: 1px solid #ccc;}
.address_list ul li .cont{}
.address_list ul li .cont .tit_box{display: flex; align-items: center; margin-bottom: 5px;}
.address_list ul li .cont .default{width: 75px; padding: 4px 0; margin-right: 8px; background: #000; color: #fff; font-size: 12px; font-weight: 600; text-align: center; line-height: 1em;}
.address_list ul li .cont .txt_wrap{grid-column: 1/-1;}
.address_list ul li .cont .default + .txt_wrap{grid-column: unset;}
.address_list ul li .txt_wrap .tit{font-size: 16px; font-weight: 700;}
.address_list ul li .txt_wrap .addr_nm{margin-bottom: 3px; font-size: 14px;}
.address_list ul li .txt_wrap .tel{font-size: 14px;}
.address_list ul li .btn_box {margin-left: auto; display: flex; flex-direction: column; justify-content: space-between}
.address_list ul li .btn_box button{display: flex; align-items: center; justify-content: center; color: #999; font-size: 12px; font-weight: 600; border-radius: 2em; line-height: 1em;}
.address_list ul li .btn_box button.set_default {grid-column: 1/-1; padding: 10px 0; border-color: #000; color: #000; border-radius: 0; justify-content: flex-end; display: inline-flex; text-decoration: underline; text-underline-position: under; text-underline-offset: 1px;}
.address_list ul li .btn_box .mod_btn {display: flex;}
.address_list ul li .btn_box .mod_btn .btn + .btn {margin-left: 10px}
.address_list ul li .btn_box .mod_btn .btn + .btn:before {content: ""; width: 1px; height: 0.9em; background-color: rgba(0,0,0,0.1); display: inline-block; vertical-align: middle; margin-right: 8px}
.address_list ul li .btn_box button svg{fill: #999; margin-right: 5px;}
.address_list ul li .btn_box button.edit .ico { width: 15px; height: 15px; margin-right: 3px; background: url('data:image/svg+xml,') center/contain no-repeat; }
.address_list ul li .btn_box button.del .ico { width: 15px; height: 15px; margin-right: 3px; background: url('data:image/svg+xml,') center/contain no-repeat; }
.inp_box.addr{}
.inp_box.addr .inp + .inp{margin-top: 10px;}
.inp_box.addr .inp.zipcode{}
.inp_box.addr .inp.zipcode button{height: var(--inp_height); margin-left: 10px; line-height: var(--inp_lineheight); width: 13rem; font-size: 16px; border: 1px solid #000;}
.list_empty{grid-template-columns: 1fr !important; grid-column: 1/-1; justify-items: center; width: 100% !important; max-width: 164rem; margin: 0 auto; padding: 8rem 0 3rem !important; border-top: 1px solid #000; text-align: center;}
.list_empty.no_line{border: none !important;}
.list_empty svg{fill: #bdbdbd; font-size: 4em;}
.list_empty p{margin-top: 1em; text-align: center;}
/*비밀번호 확인*/
.member_pw_confirm_area { margin-top: 5rem; }
.pwd_chk .member_pw_confirm_area .inp { width: 40rem; margin-left: 2rem; max-width: 100%}
.member_pw_confirm_area .title { display:inline-block; font-size: 1.6rem; font-weight:500; text-align: left; }
.pwd_chk .pw_confirm_label { display: flex; align-items: center; }
/*.member_pw_confirm_area input[type='password'] { height:42px; line-height:42px; border-color:#007cd2; font-size:16px; }*/
.pwd_chk .btn_wrap { max-width: 16rem; margin-top: 8rem; }
.paging_navigation{margin-top: 100px;}
.order_container { max-width: var(--cont_in); margin: 0 auto; padding: 0 20px; }
.order_container .order_complete_tit{text-align: center;}
.order_container .order_complete_tit p{font-size: 4.8rem; font-weight: 700;}
.order_container .order_complete_tit span{display: flex; align-items: center; justify-content: center; margin-top: 10px; font-size: 16px;}
.order_container .order_complete_tit span svg{margin-right: 6px;}
.order_container .order_num{display: flex; justify-content: center; padding: 4rem 0; margin: 4rem 0 11rem; background: #fafafa;}
.order_container .order_num div{display: flex; align-items: center; width: 50%; margin: 0 3.5rem; font-size: 16px;}
.order_container .order_num div:first-child{justify-content: flex-end;}
.order_container .order_num div span{color: #666;}
.order_container .order_num div p{margin-left: 20px; font-weight: 600;}
.order_container .order_info{padding: 35px 40px; margin-top: 40px; background: #fafafa;}
.order_container .order_info dl{display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: 8px 35px;}
.order_container .order_info dl dt{color: #999; font-size: 14px; font-weight: 500;}
.order_container .order_info dl dd{color: #000; font-size: 15px; }
.order_container .order_info + .order_view_wrap{margin-top: 60px;}
.order_container .order_info dl .receipt_btn {padding: 3px 8px; background-color: #fff; border-radius: 50px; display: inline-block; border: 1px solid #000; font-size: 12px; transform: translateY(-1px)}
.order_container .order_info dl span .receipt_btn {margin-left: 5px}
.order_container .btn_wrap{margin-top: 100px;}
.order_container .btn_wrap .btm_btn{max-width: 30rem}
.order_container .btn_wrap .btm_btn.small{max-width: 17rem}
.modal{}
.modal .cont{}
.modal .cont ul.info{}
.modal .cont ul.info li{position: relative; padding-left: 6px; color: #999; font-size: 12px; line-height: 1.8em;}
.modal .cont ul.info li::before{content: '·'; position: absolute; top: 0; left: 0;}
.modal .cont .exchange_form{margin-top: 30px;}
.modal .cont .exchange_form .tit{display: flex; align-items: center; padding-bottom: 6px; margin-bottom: 20px; border-bottom: 1px solid #000;}
.modal .cont .exchange_form .tit p{font-size: 14px; font-weight: 700;}
.modal .cont .exchange_form .tit span{margin-left: auto; font-size: 10px;}
.modal .cont .exchange_form .tit button{padding: 5px 10px; margin-left: 6px; border: 1px solid #ccc; color: #999; font-size: 10px; border-radius: 2em; line-height: 1em;}
.modal .cont .exchange_form .inp input{padding-right: 3rem}
.modal .cont .exchange_form .inp span{position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); font-size: 14px;}
.modal .cont .exchange_form .exchange_preview{display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; justify-items: center; padding: 24px 0; margin-top: 20px; background: #fafafa;}
.modal .cont .exchange_form .exchange_preview div{}
.modal .cont .exchange_form .exchange_preview div span{color: #666; font-size: 12px;}
.modal .cont .exchange_form .exchange_preview div p{margin-top: 5px; font-size: 18px; font-weight: 600;}
.modal .cont .exchange_form .exchange_preview .arr{display: flex; align-items: center; justify-content: center; width: 2.1em; height: 2.1em; background: #f1f1f1; font-size: 12px; border-radius: 50%;}
.modal .cont .exchange_form .exchange_preview .arr svg{fill: #999; line-height: 1em;}
.modal .cont.withdrawal{padding-top: 2rem;}
.modal_3d .device_sect { /*background: linear-gradient(135deg, #1C1C1B 0%, #A4704D 70%, #A4704D 100%)*/ background: #000; border-radius: 20px;}
.modal_3d .device_sect .tit_box {padding: 0 0 5.5rem; text-align: center}
.modal_3d .device_sect .tit_box .tit { margin-bottom: 2.5rem; color: #fff; font-size: var(--en_tit); font-weight: 600; line-height: 1em; font-family: 'CormorantGaramond22'}
.modal_3d .device_sect .tit_box .txt {opacity: 0.4; color: #fff; font-size: 1.8rem;}
.modal_3d .device_sect .device_3d {display: flex; position: relative; height: calc(100vh - 315px)}
.modal_3d .device_sect .device_3d .virtual_3d_box {position: relative; width: calc(100% - 30rem - 20px); height: calc(100% - 0px); margin-left: 20px; background: #fff; border-radius: 20px; overflow: hidden}
.modal_3d .device_sect .device_3d .virtual_3d_box canvas {position: relative; z-index: 1; border-radius: 20px}
.modal_3d .device_sect .device_3d .virtual_3d_box .back_logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; font-size: 18rem;}
.modal_3d .device_sect .device_3d .virtual_3d_box .back_logo svg path {fill: #6c503f; opacity: 0.05;}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc {position: absolute; top: 0; right: 0; z-index: 1; transform: translateY(calc(-2rem - 5px)); width: 37rem; padding: 2rem 2rem 3.5rem 2rem; margin-left: 40px; background: #fff; border: 1px solid #E2AE8C; border-radius: 5px}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc::before {content: ''; position: absolute; top: 2rem; left: -10px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: none; border-right: 10px solid #E2AE8C}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc::after {content: ''; position: absolute; top: calc(2rem + 1px); left: -8px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: none; border-right: 8px solid #fff}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .point {position: absolute; left: -50px; transform: translateX(0.25em); width: 1em; height: 1em; font-size: 11px}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .point::before {content: ''; position: absolute; top: calc(50% - 0.5em); right: 0; width: 1em; height: 1em; background: #C09CFF; border-radius: 50%; transition: transform 0.5s; animation: pulse 1.5s infinite; transform: scale(0.7)}
.modal_3d .device_sect .device_3d .virtual_3d_box.loading .video-loader {position: absolute; display: flex; top: 0 !important;}
.modal_3d .device_sect .device_3d .virtual_3d_box.loading .desc {display: none}
.modal_3d .device_sect .device_3d .virtual_3d_box.loading .ds_logo {display: none}
.modal_3d .device_sect .device_3d .virtual_3d_box .video-loader {display: none; background-color: #fff;}
.modal_3d .device_sect .device_3d .virtual_3d_box .video-loader .sk-rect {background-color: rgba(0,0,0)}
@keyframes pulse {
0% {
box-shadow: #C09CFF 0 0 0 0;
}
75% {
box-shadow: transparent 0 0 0 11px;
}
}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .pop_desc_wrap {position: relative; padding-left: 2rem}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .pop_desc_wrap::before {content: '\f05a'; position: absolute; top: 1.5px; left: 0; font-size: 12px; font-family: 'font awesome 6 pro'; font-weight: 600; line-height: 1em}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .tit {font-size: 15px; font-weight: 700; line-height: 1em}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .txt {margin-top: 1em; font-size: 12px; font-weight: 600; line-height: 1.8em; word-break: keep-all}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .btn_box {margin-top: 2.5em; font-size: 14px}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .btn_box a {display: flex; align-items: center; width: 80%; padding-bottom: 0.5em; margin-top: 1em; border-bottom: 1px solid #707070; font-weight: 500; line-height: 1em}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .btn_box a svg {margin-left: auto}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .backBtn {position: absolute; top: 0; right: 0; padding-left: 1.5em; font-size: 12px; line-height: 1em}
.modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .backBtn::before {content: '\f3e5'; position: absolute; left: 0; color: #aaa; font-family: "Font Awesome 6 Pro"; font-weight: 600; transition: color 0.3s}
.modal_3d .device_sect .device_3d .virtual_3d_box.bgWhite {background: #fff}
.modal_3d .device_sect .device_3d .virtual_3d_box.bgBlack {background: #1e1e1e}
.modal_3d .device_sect .device_3d .virtual_3d_box.bgBlack .bg_color p {color: #fff}
.modal_3d .device_sect .device_3d .virtual_3d_box .desc{display: flex; align-items: center; position: absolute; bottom: 2em; right: 2em; font-size: 12px; font-weight: 500; line-height: 1em;}
.modal_3d .device_sect .device_3d .virtual_3d_box .desc svg{margin-right: 5px;}
.modal_3d .device_sect .device_3d .virtual_3d_box .ds_logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.05; width: 90%;}
.modal_3d .device_sect .device_3d .virtual_3d_box.bgBlack .desc{color: #fff;}
.modal_3d .device_sect .device_3d .virtual_3d_box.bgBlack .desc svg{fill: #fff;}
.modal_3d .device_sect .device_3d .virtual_3d_box.bgBlack .ds_logo{fill: #fff;}
.modal_3d .device_sect .device_3d .virtual_3d_box .pointer {display: flex; position: fixed; left: 0; top: 0; z-index: 10; opacity: 0; font-size: 9rem; line-height: 1em; pointer-events: none;}
.modal_3d .device_sect .device_3d .virtual_3d_box .pointer svg {}
.modal_3d .device_sect .device_3d .virtual_3d_box .pointer.on {opacity: 0.8}
.modal_3d .device_sect .device_3d .remote_view_btn {position: absolute; left: 0; top: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; z-index: 5; background-color:rgba(0,0,0,0.6)}
.modal_3d .device_sect .device_3d .remote_view_btn svg {width: 20px; height: 20px;}
.modal_3d .device_sect .device_3d .remote_view_btn svg .cls-1 {stroke-width: 0px;fill: none}
.modal_3d .device_sect .device_3d .remote_view_btn svg .cls-2 {fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 10px;transition: stroke .3s}
.modal_3d .device_sect .device_3d .remote{width: 30rem; padding: 30px 0; background: #fff; border-radius: 18px; padding-right: 1rem}
.modal_3d .device_sect .device_3d .remote .remote_cont {display: flex; flex-direction: column; height: 100%; padding: 0rem 2rem 2rem 3.5rem; overflow-y: auto;}
.modal_3d .device_sect .device_3d .remote .remote_cont::-webkit-scrollbar {-webkit-appearance: none;}
.modal_3d .device_sect .device_3d .remote .remote_cont::-webkit-scrollbar:vertical {width: 5px;}
.modal_3d .device_sect .device_3d .remote .remote_cont::-webkit-scrollbar:horizontal {height: 5px;}
.modal_3d .device_sect .device_3d .remote .remote_cont::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);border-radius: 5px;}
.modal_3d .device_sect .device_3d .remote .remote_cont::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}
.modal_3d .device_sect .device_3d .remote .remote_cont .tit {margin-bottom: 1em; font-size: 2rem; font-weight: 700; line-height: 1em; }
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel {position: relative; margin-bottom: 3rem}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel .current {display: grid; grid-template-columns: 20% minmax(0, 1fr); align-items: center; gap: 0 3rem; position: relative; padding: 20px; background: #f7f7f7; cursor: pointer}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel .current::before {content: '\f107'; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); color: #b6b6b6; font-size: 14px; font-family: 'font awesome 6 pro'; font-weight: 400; line-height: 1em; transition: transform 0.3s}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel .current.show::before {transform: translateY(-50%) rotate(-180deg);}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel .current .img {text-align: center}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel .current .img img {max-height: 10rem}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel .current p {color: #444; font-size: 13px; font-weight: 600}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel ul {position: absolute; top: calc(100%); z-index: 1; opacity: 0; transform: translateY(-10px); width: 100%; transition: opacity 0.5s, transform 0.5s; pointer-events: none}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel ul li {display: grid; grid-template-columns: 20% minmax(0, 1fr); align-items: center; gap: 0 3rem; padding: 1.5rem 2rem; background: #f7f7f7; cursor: pointer; transition: background 0.3s}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel ul li .img {text-align: center}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel ul li .img img {max-height: 6rem}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel ul li p {color: #444; font-size: 13px; font-weight: 600}
.modal_3d .device_sect .device_3d .remote .remote_cont .product_sel .current.show + ul {opacity: 1; transform: translateY(0); pointer-events: auto}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change {}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change + .color_change {margin-top: 3rem}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change p {margin-bottom: 2rem; font-size: 13px; line-height: 1em}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div {display: flex; flex-wrap: wrap; align-items: center}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span {position: relative; width: 16px; height: 16px; background: var(--color-nm); border: 1px solid var(--color-nm); font-size: 0; border-radius: 50%; cursor: pointer; margin-right: 15px; margin-bottom: 10px}
/*.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span.chk { outline: 1.5px solid var(--color-nm)}*/
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span.chk::before {content: '\f00c'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: calc(16px*0.5); font-weight: 600; font-family: 'font awesome 6 pro'; text-align: center; line-height: 1em}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span.white {background: #fff; border: 1px solid #999;}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span:first-child {background: #fff; border: 1px solid #999;}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span:first-child::before {color: #000;}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span.black {background: #000; border: 1px solid #999;}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span.light-background {}
.modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span.light-background.chk::before {color: #000}
.modal_3d .device_sect .device_3d .remote .remote_cont .component {padding: 3rem 0; margin: 4rem 0; border-top: 1.5px solid #3C3C3C; border-bottom: 1.5px solid #3C3C3C}
.modal_3d .device_sect .device_3d .remote .remote_cont .component ul {}
.modal_3d .device_sect .device_3d .remote .remote_cont .component ul li {line-height: 1em}
.modal_3d .device_sect .device_3d .remote .remote_cont .component ul li + li {margin-top: 12px;}
.modal_3d .device_sect .device_3d .remote .remote_cont .component ul li button {display: flex; align-items: center; font-size: 14px; font-weight: 500}
.modal_3d .device_sect .device_3d .remote .remote_cont .component ul li button svg {margin-left: 12px}
.modal_3d .device_sect .device_3d .remote .remote_cont .btn_box {margin-top: auto;}
.modal_3d .device_sect .device_3d .remote .remote_cont .btn_box a {display: block; padding: 1.5rem 0; background: #000; color: #fff; font-size: 1.8rem; font-weight: 600; text-align: center; border-radius: 10px}
.modal_3d .device_sect .device_3d .remote .desc {position: relative; opacity: 0.4; padding-left: 1.5em; margin-top: 1.5em; margin-left: 1rem; color: #fff; font-size: 1.6rem; font-weight: 300; line-height: 1.6em;}
.modal_3d .device_sect .device_3d .remote .desc::before {content: '\f05a'; position: absolute; left: 0; top: 0; font-family: 'font awesome 6 pro'; font-weight: 600}
.modal_3d .modal_close { display: flex; align-items: center; justify-content: center; position: absolute; right: 0px; top: 0px; transform: translateX(100%); width: 6rem; height: 6rem; z-index: 11}
.modal_3d .modal_close svg {height: 3.2rem; fill: #fff}
.in_w { width:194rem; max-width:100%; padding:0 var(--resp_wrap_pd); margin:0 auto; position:relative; }
.in {width:164rem;max-width:100%;padding:0 var(--resp_wrap_pd);margin:0 auto;position:relative;}
.modal_3d {display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 100px 0 60px; background: rgba(0,0,0,0.7); pointer-events: none; transition: 0.2s ease-in-out}
.modal_3d.open{opacity: 1; pointer-events: inherit}
.modal_3d .modal_wrap{display: table; position: relative; height: 90%; margin: 0 auto; table-layout: fixed; vertical-align: middle}
.modal_3d .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.modal_3d .modal_wrap {position: relative; max-width: 100%; margin: 0 auto; background-color: #fff; border-radius: 20px;}
.modal_3d .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; }
.modal_3d .modal_top.step { align-items: flex-start; }
.modal_3d .modal_top .tit_wrap { }
.modal_3d .modal_top .step { font-size: 16px; font-weight: 600; }
.modal_3d .modal_top .step + .tit { margin-top: 10px; }
.modal_3d .modal_top .tit { font-size: 24px; font-weight: 700; }
.modal_3d .modal_top .modal_close {font-size: 24px; }
.modal_3d .modal_cont .modal_top { padding: 4rem 8rem 2rem; }
.modal_3d .modal_cont .modal_top + .cont { padding: 4rem 8rem 6rem; }