#member .pager {margin: 110px 0 100px;}
.mypage_sub_title_wrap {font-size: 1.3125rem; margin-bottom: 60px;}
.mypage_sub_title_wrap.with_btn {border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 45px;}
.mypage_sub_title_wrap.with_btn .title {padding-bottom: 30px; font-weight: normal;}
.mypage_sub_title_wrap.with_btn button {background: #222; color: #fff; font-weight: 300; width: 120px; height: 65px; margin: 0; font-size: inherit;}

/******************* 로그인 ******************/
.login_wrap {max-width: 720px; font-weight: 300;}
.loginBtn {margin: 50px auto 80px;}

.login_form {position: relative;}
.login_form .login_input:not(:last-child) {margin-bottom: 15px;}
.login_form .login_input {background: #fff1e4; border-radius: 40px 20px 40px 20px; overflow: hidden; width: 100%; height: 80px; line-height: 80px; display: flex; align-content: center; padding: 0 40px;}
.login_form .input_title {font-size: 1.5em; width: 240px;}
.login_form input {color: #555; font-size: 1.125em; width: calc(100% - 240px);}

.login_bt {display: flex; justify-content: flex-end; font-size: 1em; margin-top: 10px;}
.login_bt li {display: flex; align-content: enter;}
.login_bt li:not(:last-child)::after {content: "/"; display: inline-block; margin: 0 5px;}

.easy_login_wrap {text-align: center;}
.easy_login_wrap > p {font-size: 1.125em; margin-bottom: 20px;}
.easy_login_wrap ul {display: flex; justify-content: center; align-items: center; column-gap: 30px;}


/******************* 아이디/비밀번호 찾기 ******************/
#findLoginPop {display: none; width: 100%; max-width: 760px; padding: 50px 40px 55px; background: #fffcf5; border-radius: 0; border: 1px solid #ccc; position: fixed; top: 50%; transform: translate(-50%, -50%); box-shadow: none; font-weight: normal;}
#findLoginPop .x_btn {top: 30px; right: 25px;}
#findLoginPop .popup_title {font-size: 1.5em; margin-bottom: 50px; text-align: center;}
.essential_form {position: relative;}
.essential_form::before {content: "*"; color: #ff8827;  font-size: 1.3125rem; position: absolute; top: 60%; transform: translateY(-50%); left: 0;}
#findLoginPop .essential_form {width: 100%; border-bottom: 1px solid #ccc; font-size: 1.125em;}
#findLoginPop .essential_form input[type="email"] {height: 50px; width: 100%; padding: 0 22px;}
#findLoginPop .essential_form input[type="email"]::placeholder {color: #5a5a5a;}
#findLoginPop .find_info_wrap {padding: 20px 0 0 20px; display: flex; justify-content: space-between; align-items: flex-end;}
#findLoginPop .find_info_wrap .auto_prevent_wrap {width: calc(100% - 120px);}
#findLoginPop .find_info_wrap .auto_prevent_wrap p {color: #5a5a5a;}
#findLoginPop .find_info_wrap .auto_prevent_wrap .font_14 {font-size: 0.875rem;}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {position:relative; margin: 20px 0 10px; border: 0; padding: 0;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9; margin-right: 20px;}
#captcha .essential_form {margin-left: 15px;}
#captcha #captcha_key {width: 120px; height: 43px; border-bottom :1px solid #ccc; font-size:1.125rem; text-align:center; background: url(https://n.innovad.co.kr/theme/innovad_v2/img/member/essential.png) no-repeat left center;}
#findLoginPop .find_info_wrap .auto_prevent_wrap .font_16 {font-size: 1rem;}
#findLoginPop #captcha_audio,
#findLoginPop button#captcha_mp3,
#findLoginPop button#captcha_reload {display: none;}
#findLoginPop .find_info_wrap button.findOkBtn {background: #000; color: #fff; font-size: 1.125em; width: 120px; height: 50px; line-height: 50px;}
#findLoginPop #captcha_info {color: #5a5a5a; font-size: 1rem; display: block; margin-top: 15px;}


/******************* 회원가입 ******************/
.join_wrap {max-width: 1280px;}
.join_agree_box1 {margin-bottom: 120px;}
.join_agree_box2 {margin-bottom: 30px;}
.agree_input {margin-bottom: 30px;}
.agree_input input {display: none;}
.agree_input label {font-size: 1.3125em; margin-bottom: 30px; cursor: pointer;display: flex; align-items: center; width: fit-content;}
.agree_input label::before {content: ""; display: block; width: 24px; height: 24px; background: url(https://n.innovad.co.kr/theme/innovad_v2/img/member/chk_before.png) no-repeat center center; background-size: 100%; margin-right: 40px;}
.agree_input input:checked + label::before {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/member/chk_after.png) no-repeat center center; background-size: 100%;}
.agree_input label span {color: #ccc; margin-right: 10px;}
.scroll_wrap {height: 320px; border: 1px solid #ccc; overflow-y: scroll; padding: 30px 40px; font-size: 1em; white-space: pre-line; line-height: 120%; font-weight: 300;}

.join_wrap_2 {max-width: 1160px;}
.join_form_box {font-weight: 300; margin-bottom: 125px;}
.join_form_box .title {font-size: 1.3125em; margin-bottom: 60px;}
form.join_info_form {display: flex; flex-direction: column; row-gap: 15px; padding-left: 120px;}
.grey_input {border: 1px solid #ccc; width: 100%; height: 55px; display: flex; align-items: center; font-size: 1.125rem;}
.grey_input.essential {position: relative;}
.grey_input.essential::before {content: "*"; display: block; position: absolute; color: #ff5151; top: 2px; left: 7px;}
.grey_input .input_title {width: 190px; padding-left: 40px;}
.grey_input input {width: calc(100% - 190px);}
.grey_input input::placeholder {color: #ccc;}

.sm_input {border: 0;}
.sm_input_wrap {width: calc(100% - 190px); display: flex; align-items: center; column-gap: 15px;}
.sm_input_box.box_grey {border: 1px solid #ccc; width: 120px; height: 55px; display: flex; justify-content: flex-end; align-items: center; padding: 0 20px;}
.sm_input_box.box_grey input {width: calc(100% - 20px); padding-right: 10px; text-align: right;}
.sm_input_box.box_radio input {display: none;}
.sm_input_box.box_radio label,
.sm_input_box.box_radio button {border: 1px solid #ccc; width: 120px; height: 55px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #ccc;}
.sm_input_box input:checked + label {border: 1px solid #222; background: #222; color: #fff;}

.join_end_wrap {width: 100%; max-width: 900px; text-align: center; margin: 150px auto 0; border: 1px solid #ccc; padding: 70px 20px;}
.join_end_wrap .big {font-size: 2em;}
.join_end_wrap .line {width: 40px; height: 1px; background: #999; margin: 25px auto 35px;}
.join_end_wrap .desc {line-height: 150%;}
.join_end_wrap .desc p.md {font-size: 1.25em;}
.join_end_wrap .desc p:not(:last-child) {margin-bottom: 25px;}
.join_end_wrap .desc p.grey {font-size: 1.125em; color: #999;}

/******************* SNS 로그인 ******************/
/*기존 계정에 연결하기*/
#fregisterform {margin-top: 150px;}
.mbskin .toggle {position:relative;display:flex; flex-direction: column; justify-content: center; align-items: center;border:1px solid #dadada;margin-top:-1px; font-weight: 500;}
.mbskin .toggle .toggle-title {width: 100%; padding:13px 15px;line-height:150%; text-align: center;}
.mbskin .toggle .title-name {font-size: 1.125em;}
.mbskin .toggle .title-name input {display: none;}
.mbskin .toggle .title-name label {display:flex; justify-content: center; align-items: center; margin-left: -26px; cursor:pointer;}
.mbskin .toggle .title-name label::before {content: ""; display: block; width: 16px; height: 16px; background: url(https://n.innovad.co.kr/theme/innovad_v2/img/member/chk_before.png) no-repeat center center; background-size: 100%; margin-right: 10px;}
.mbskin .toggle .title-name input:checked + label::before {content: ""; display: block; width: 16px; height: 16px; background: url(https://n.innovad.co.kr/theme/innovad_v2/img/member/chk_after.png) no-repeat center center; background-size: 100%; margin-right: 10px;}
.mbskin .toggle .toggle_btn {color: #949494; cursor: pointer;}
.mbskin .toggle .toggle-inner{padding:15px;line-height:1.5em;display:none;border-top:1px solid #dadada; font-size: 0.875em}
.mbskin .toggle .toggle-inner div{max-width:100%}
.mbskin .all_agree {position:relative; margin: 30px 0 40px;}
.mbskin .all_agree input {display: none;}
.mbskin .all_agree label {cursor: pointer; display:flex; align-items: center; font-size: 1.125em;}
.mbskin .all_agree label::before {content: ""; display: block; width: 16px; height: 16px; background: url(https://n.innovad.co.kr/theme/innovad_v2/img/member/chk_before.png) no-repeat center center; background-size: 100%; margin-right: 20px;}
.mbskin .all_agree input:checked + label::before {content: ""; display: block; width: 16px; height: 16px; background: url(https://n.innovad.co.kr/theme/innovad_v2/img/member/chk_after.png) no-repeat center center; background-size: 100%; margin-right: 20px;}

#register_member .sns_tbl{border-bottom:1px solid #dadada; padding-bottom: 20px;}
.sns_tbl table {border:0; font-size: 1.125em}
.sns_tbl th {width:110px; text-align: left; font-weight: 600;}
.sns_tbl td {width: calc(100% - 110px); position: relative;}
.sns_tbl td input {width: 100%;}
.sns_tbl .email_msg{color: #949393; font-size: 1em; position: absolute; top: 55px}

#fregisterform .btn_confirm{text-align:center;margin:90px 0 45px;}
#fregisterform .btn_confirm .btn_submit{width: 160px; height:50px; font-size: 1em; background: #222; color: #fff; font-weight: 300; cursor: pointer;}
#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}

.sound_only {display: inline-block !important; position: absolute; top: 0; left: 0; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important;}
#sns-link-pnl {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fffcf5; border: 1px solid #ccc; padding: 50px 30px; box-shadow: 0 0 30px #cccccca1; width: max-content;}
#sns-link-pnl .connect-close {position:absolute;top:10px;right:20px;color:#ccc;cursor:pointer;font-size:2.5em; transition: .3s;}
#sns-link-pnl .connect-close:hover {color:#222}
#sns-link-pnl .connect-close .fa {margin:0 0 0 1px}
#sns-link-pnl .connect-close .txt {position:absolute;line-height:0;font-size:0;overflow:hidden}

#sns-link-pnl #login_fs{margin:0 auto;width:100%;text-align:left}
#sns-link-pnl #login_fs > div:not(:last-child) {margin-bottom: 20px;}
#sns-link-pnl #login_fs label{display:block;display: block;font-size: 0.93em;color: #7a7a7a;margin: 5px 0;}
#sns-link-pnl #login_fs label span.essential {color: #ff5151}
#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw{width:100%;margin-bottom:5px;}
#sns-link-pnl #login_id,#sns-link-pnl #login_pw{width:100%; height: 50px; border: 1px solid #ccc; background: transparent; color: #999; vertical-align: middle; padding: 0 15px;}
#sns-link-pnl #login_fs .login_submit{width: 100%;height: 50px;font-size:1.125em;margin:50px auto 0;font-weight:300;cursor:pointer;display:block;background:#222;color:#fff;}
#sns-link-pnl .connect-fg .connect-desc {margin:0 0 30px;padding:15px;border:1px solid #ffdebe;background:#fff1e4;color:#ff942e;font-weight: 200;}
#sns-link-pnl .connect-fg .connect-title {margin: 20px 0; font-size:1.5em; font-weight:500;text-align:center;}

.mbskin .member_connect .strong{font-size: 1.125em; font-weight: 600; margin: 0 0 10px}
.mbskin .member_connect button{padding:15px 25px;font-weight:300;background: #222;color: #fff;font-size:1em}


/******************* 마이페이지 ******************/
.mypage_wrap {display: flex; justify-content: space-between;}
.mypage_cate {width: 200px; column-gap: 120px;}
.mypage_cate .profile_box .profile_img_wrap {position: relative;}
.mypage_cate .profile_box .profile_img {width: 100%; height: 0; padding-bottom: 200px; overflow: hidden; border-radius: 20px; position: relative;}
.mypage_cate .profile_box .profile_img img.profile {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.mypage_cate .profile_box .profile_img_wrap a {position: absolute; right: 8px; bottom: -10px;}
.mypage_cate .profile_box p {font-size: 1.125em; color: #022222; margin: 25px 0 55px;}
.mypage_cate .category_wrap {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 40px 0;}
.mypage_cate .category:not(:last-child) {margin-bottom: 70px;}
.mypage_cate .category .title {font-size: 1.5em; margin-bottom: 25px; font-weight: 500;}
.mypage_cate .category li a {font-size: 1.125em; font-weight: 300;}
.mypage_cate .category li.active a {color:#FF9900; font-weight: 400;}
.mypage_cate .category li:not(:last-child) {margin-bottom: 25px;}

.mypage_main .mypage_cate {display: block; width: 100%;}
.mypage_wrap.mypage_main {display: block;}
.mypage_wrap.mypage_main .category_wrap {border-top: 0; border-bottom: 0;}
.mypage_wrap.mypage_main .mypage_cate .category .title {padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #000;}
.mypage_main .logoutBtn {margin-top: 120px;}

.mypage_content {width: calc(100% - 320px);}
.mypage_cont_title {font-size: 2em; margin-bottom: 30px;}
.mypage_cont_title.margin_170 {margin-bottom: 170px;}
.mypage_cont_title.double_line {border-top: 1px solid #222; border-bottom: 1px solid #222; padding: 40px 0; color: #022222; margin-bottom: 0;}
.mypage_cont_title.double_line.top_line_no {border-top: 0;}
.mypage_cont_title.double_line + .double_line_bt {font-size: 1.125em; padding: 25px 0; border-bottom: 1px solid #ccc; color: #022222;}
.mypage_cont_title.flex {display: flex; justify-content: space-between; align-items: center;}
.cancle_wrap > div {display: flex; align-items: center; font-size: 1.125rem; font-weight: 300; line-height: 180%;}
.cancle_wrap > div .color_chip {display: inline-block; width: 16px; height: 16px; margin-right: 15px;}
.cancle_wrap > div.cancle_pos .color_chip {background: #ff9900;}
.cancle_wrap > div.cancle_impos .color_chip {background: #222;}

/* 221221 문의내역 글쓰기 버튼 추가 */
.mypage_content .inquiry_write_btn{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.mypage_content .inquiry_write_btn .back_grey_btn{
    background: #222;
    color: #fff;
    font-weight: 300;
    width: 120px;
    height: 65px;
    margin: 0;
    font-size: 1.3125rem;
}


/******************* 주문 배송 조회 ******************/
.delivery_tracking_wrap {padding-bottom: 90px;}
.delivery_tracking_wrap.just_title {border-bottom: 1px solid #000;}
.delivery_tracking {display: flex; justify-content: space-between;}
.delivery_tracking li {width: 19%; text-align: center;}
.delivery_tracking li .square_box {width: 100%; height: 0; padding-bottom: 100%; position: relative; border: 1px solid #ccc; box-sizing: border-box;}
.delivery_tracking li .square_box p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.3125em; width: max-content;}
.delivery_tracking li.cancle_possible .square_box {background: #ff9900; color: #022222; border: 0;}
.delivery_tracking li.cancle_impossible .square_box {background: #222; color: #fff; border: 0;}
.delivery_tracking li.now_status .square_box {background: #ffdb2f;}
.delivery_tracking li p.info {font-size: 1em; margin-top: 15px; color: #022222; line-height: 130%;}
.delivery_tracking.cancle_step {justify-content: flex-start;}
.delivery_tracking.cancle_step li:not(:last-child) {margin-right: 1%;}


/******************* 주문 내역 ******************/
.order_history_list li {border-bottom: 1px solid #222;}
.order_history_list .thead {display: flex; justify-content: space-between; align-items: center; padding: 25px 0; border-bottom: 1px solid #ccc;}
.order_history_list .thead > div {display: flex; align-items: center;}
.order_history_list .thead .buy_info {font-size: 1.125em; color: #022222; display: flex; align-items: center; font-weight: 500;}
.order_history_list .thead .buy_info span {font-weight: 300;}
.order_history_list .thead .buy_info > div:not(:last-child)::after {content: "/"; display: inline-block; margin: 0 20px;}
.order_history_list .review_btns {width: 40%; display: flex; align-items: center; justify-content: flex-end; font-size: 1.125em;}
.order_history_list .review_btns.ta_show {display: none;}
.order_history_list .review_write_btn {color: #ff9900; font-weight: 500;}
.order_history_list .review_view_btn {width: 40%; text-align: center; font-weight: 500;}
.order_history_list .review_complete {width: 40%; text-align: right; font-weight: 300;}
.order_history_list .thead .yellowArrow {color: #ff9900; margin-left: 20px;}
.order_history_list .tbody {padding: 45px 0 70px; display: flex; font-size: 1.3125em; justify-content: space-between; flex-wrap: wrap; row-gap: 40px;}
.order_history_list .tbody .prd_thumb {position: relative; overflow: hidden; width: 160px; height: 0; padding-bottom: 160px; border: 1px solid #ccc; box-sizing: border-box;}
.order_history_list .tbody .prd_thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 70%; max-height: 70%;}
.order_history_list .tbody .prd_info {font-weight: 300; padding-left: 75px; width: calc(100% - 160px); display: flex; align-items: center;}
.order_history_list .tbody .prd_info .prd_info_center {width: 45%;}
.order_history_list .tbody .prd_info .prd_name {font-weight: 500;}
.order_history_list .tbody .prd_info .prd_color {font-size: 1.125rem;}
.order_history_list .tbody .prd_info .option {font-size: 1rem; margin-top: 25px; line-height: 160%;}
.order_history_list .tbody > .flex {align-items: flex-start; width: 100%;}
.order_history_list .tbody .prd_rt {width: 55%; display: flex; align-items: center;}
.order_history_list .tbody .prd_rt .order_count {width: 20%; text-align: center;}
.order_history_list .tbody .prd_rt .order_state {width: 40%; text-align: center;}
.order_history_list .tbody .prd_rt .prd_price {width: 40%; text-align: right;}

.order_payment_wrap {margin-top: 190px; font-weight: 300; padding-bottom: 30px;}
.order_payment_wrap .payment_box {border-top: 1px solid #222;}
.order_payment_wrap .payment_box1 {padding: 50px 0;}
.order_payment_wrap .payment_box1 .payment_sum {display: flex;}
.order_payment_wrap .payment_box1 .payment_el {width: 22%; font-size: 1.625em;;}
.order_payment_wrap .payment_box1 .payment_el.last {width: 34%;}
.order_payment_wrap .payment_box1 .payment_el .reg {margin-bottom: 45px;}
.order_payment_wrap .payment_box1 .payment_symbol {width: 11%; padding-left: 20px;}
.order_payment_wrap .payment_box1 .payment_symbol p {font-weight: bold; background: #ffda2f; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.order_payment_wrap .payment_box1 .payment_detail {display: flex; justify-content: space-between; font-size: 1.125rem; margin-top: 120px;}
.order_payment_wrap .payment_box1 .payment_detail ul {width: 100%;}
.order_payment_wrap .payment_box1 .payment_detail ul li {display: flex; justify-content: space-between; align-items: center;}
.order_payment_wrap .payment_box1 .payment_detail ul li .lt {font-weight: 400;}
.order_payment_wrap .payment_box1 .payment_detail ul li .rt {text-align: right;}
.order_payment_wrap .payment_box1 .payment_detail ul li:not(:last-child) {margin-bottom: 20px;}
.order_payment_wrap .payment_box2 {border-bottom: 1px solid #222; padding:50px 0;}
.order_payment_wrap .payment_box2 .orderer_detail {display: flex; justify-content: space-between;}
.order_payment_wrap .payment_box2 .orderer_detail > div {width: 45%;}
.order_payment_wrap .payment_box2 .orderer_detail > div .title {font-size: 1.3125em; font-weight: normal; margin-bottom: 50px;}
.order_payment_wrap .payment_box2 .orderer_detail ul {font-size: 1.125em;}
.order_payment_wrap .payment_box2 .orderer_detail ul li {display: flex; justify-content: space-between; align-items: center;}
.order_payment_wrap .payment_box2 .orderer_detail ul li .lt {width: 120px; font-weight: 400;}
.order_payment_wrap .payment_box2 .orderer_detail ul li .rt {width: calc(100% - 120px);}
.order_payment_wrap .payment_box2 .orderer_detail ul li:not(:last-child) {margin-bottom: 20px;}
.order_payment_wrap .print_btn_wrap {display: flex; justify-content: space-between; margin-top: 30px;}
.order_payment_wrap .print_btn_wrap > div {display: flex; column-gap: 40px; width: max-content;}
.order_payment_wrap .print_btn_wrap > div > * {width: auto; padding: 0 35px; margin: 0;}


/******************* 리뷰 작성 ******************/
.review_write_wrap {padding: 70px 0 100px; font-size: 1.125rem; font-weight: 300;}
.grey_box {border: 1px solid #ccc; height: 55px; padding: 0 25px 0 35px; margin-bottom: 15px;}
.grey_box.textarea_box {margin-bottom: 60px; height: auto;}
.form_360 {width: 360px; display: flex; justify-content: space-between; align-items: center;}
.form_360 .form_title {width: 100px;}
.form_360 input {width: calc(100% - 130px);}
.form_360 .form_unit {width: 30px; text-align: right;}
.review_write_wrap textarea {width: 100%; height: 280px; border: 0; padding-top: 15px; padding-bottom: 15px; font-weight: inherit;}
.review_write_wrap textarea::placeholder {color: #ccc;}
.review_write_wrap .img_form_box {width: 600px;}
.review_write_wrap .writeEndBtn {width: 150px; margin: 70px 0 0 0; font-size: inherit;}


/******************* 취소/교환/반품 내역 ******************/
.mypage_board_tab_list {display: flex; justify-content: flex-end; align-items: center; font-size: 1.3125em; font-weight: 300; margin: 100px 0 10px 0;}
.mypage_board_tab_list li {display: flex; align-items: center;}
.mypage_board_tab_list li:not(:last-child)::after {content: "/"; display: inline-block; margin: 0 20px; color: #222;}
.mypage_board_tab_list li.active {color: #ccc;}

.cancle_table_wrap table .td_1 {text-align: left; font-weight: normal;}
.inquiry_table_wrap table .td_2 {padding-left: 12%;}
.normal_table_wrap table .td_2 a {
height: auto;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
}
#member .search_bar + .pager {margin: 35px 0 100px;}


/******************* 내역 상세 ******************/
.mypage_view_wrap {font-weight: 300;}
.writer_info_wrap {font-size: 1.125em; display: flex; justify-content: space-between; margin-bottom: 130px;}
.writer_info li {display: flex; <!-- align-items: center; -->}
.writer_info li:not(:last-child) {margin-bottom: 15px;}
.writer_info li .lt {width: 160px; font-weight: 500;}
.writer_info li .rt {width: calc(100% - 160px);}

.view_file_wrap .img_form_box {width: 600px;}
.view_file_wrap .img_form_box + p.img_box_info {margin-top: 30px;}

.img_view_wrap {display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; margin-top: 70px;}
.img_view_wrap li {width: calc((100% - 80px)/5 ); position: relative;}
.img_view_wrap li .img_box {position: relative; width: 100%; height: 0; padding-bottom: 100%;}
.img_view_wrap li .img_box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.img_view_wrap li button.img_del_btn {position: absolute; right: -10px; top: -10px;}

.comment_wrap {margin-top: 130px;}
.comment_wrap .mypage_sub_title_wrap {align-items: center; border-bottom: 0; margin-bottom: 0 !important;}
.comment_wrap .mypage_sub_title_wrap .title {padding-bottom: 0 !important;}
.comment_wrap #inquiryComment {border: 1px solid #ccc; padding: 25px 30px; height: 200px; margin-bottom: 15px;}
.comment_wrap #inquiryComment::placeholder {color: #ccc;}
.comment_wrap .write_comment_list li {border: 1px solid #ccc; padding: 25px 30px;}
.comment_wrap .write_comment_list li:not(:last-child) {margin-bottom: 10px;}
.comment_wrap .write_comment_list li.no_comment {color: #ccc;}
.write_comment_list li.admin_comment {position:relative; padding-right: 100px; background: rgba(0,0,0,0.03);}
.write_comment_list li.admin_comment::after {content: "관리자"; display: block; color: #999; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}

/******************* 쿠폰/적립금 ******************/
.coupon_list_wrap {margin-bottom: 180px;}
.coupon_list {margin-top: 40px; display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 20px;}
.coupon_list li {width: 45%; border: 1px solid #ccc; padding: 15px 20px;}
.coupon_list li > div {display: flex; align-items: center; justify-content: space-between;}
.coupon_list li .top {font-size: 0.875em; margin-bottom: 7px;}
.coupon_list li .top .coupon_percent {color: #ff9000;}
.coupon_list li .top .coupon_name,
.coupon_list li .bt .coupon_period {color: #022222;}
.coupon_list li .bt .grey {color: #ccc;}
.coupon_list li .bt {font-size: 0.8125em;}

.reserve_list_wrap {padding-bottom: 100px; font-weight: 300;}
.reserve_list_wrap .mypage_cont_title.double_line.top_line_no {font-weight: normal;}
.saved_money {font-size: 1.3125em; margin: 50px 0 65px;}
.saved_money .title {margin-bottom: 25px;}
.saved_money .form_360 input {width: calc(100% - 30px); text-align: right;}
.saved_money .form_360 > * {color: inherit;}
.saved_money_history {font-size: 1.125em;}
.saved_money_history .saved_money_tab {display: flex; border-bottom: 1px solid #000;}
.saved_money_history .saved_money_tab li {border: 1px solid #ccc; height: 55px; line-height: 55px; border-bottom: 0; padding: 0 35px; cursor: pointer;}
.saved_money_history .saved_money_tab li.active {background: #000; border: 1px solid #000; color: #fff;}
.saved_money_table2 {display: none;}
.saved_money_table table {text-align: left; color: #022222;}
.saved_money_table table th,
.saved_money_table table td {padding-left: 40px; border-bottom: 1px solid #ccc; font-size: 1.0625rem;}
.saved_money_table table th {font-weight: 300; height: 60px;}
.saved_money_table table td {padding-top: 25px; padding-bottom: 20px;}


/******************* 체험존 예약 내역 ******************/
.showroom_reserve_list {color: #022222; font-size: 1.125em; font-weight: 300;}
.showroom_reserve_list .thead {padding: 25px 0; border-bottom: 1px solid #ccc;}
.showroom_reserve_list .tbody {padding: 65px 0 70px; border-bottom: 1px solid #ccc;}
.showroom_reserve_list .tbody .time_info {margin-bottom: 35px; line-height: 180%;}
.showroom_reserve_list .tbody .time_info span {display: inline-block; width: 175px;}
.showroom_reserve_list .tbody .form_ul li {display: flex; align-items: center;}
.showroom_reserve_list .tbody .form_ul li:last-child {align-items: flex-start;}
.showroom_reserve_list .tbody .form_ul li:not(:last-child) {margin-bottom: 25px;}
.showroom_reserve_list .tbody .form_ul li .form_title {width: 120px;}
.showroom_reserve_list .tbody .form_ul li .form_input {width: calc(100% - 120px);}
.showroom_reserve_list .tbody .form_ul li .form_input > * {border: 0; color: inherit; font-weight: inherit; border: 1px solid #ccc; min-width: 300px; padding: 0 20px; height: 40px;}
.showroom_reserve_list #reserveFrom select {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub05/arrow_down.png) no-repeat center right 20px; background-size: 11px;}
.showroom_reserve_list #reserveFrom textarea {height: 150px; padding: 15px 20px;}
.shoroom_btn_wrap {margin-top: 30px; display: flex; justify-content: flex-end; column-gap: 60px;}
.shoroom_btn_wrap > * {width: 140px; height: 48px; display: flex; justify-content: center; align-items: center; background: #222; color: #fff; font-size: 1.125em; font-weight: 300;}
.reserve_history_list {margin-top: 130px;}
.reserve_history_list table {text-align: left; color: #022222; font-size: 1.25em;}
.reserve_history_list table th {padding: 25px 0; font-weight: 400; border-bottom: 1px solid #ccc;}
.reserve_history_list table tbody::before {content: ""; display: block; height: 15px;}
.reserve_history_list table td {padding-top: 25px; padding-bottom: 25px; font-weight: 300;}
.reserve_history_list table .td_5 {text-align: right;}



@media screen and (max-width: 1440px) {
.mypage_content {width: calc(100% - 200px - 5%);}
}

@media screen and (max-width: 1240px) {
.mypage_cate {width: 160px;}
.mypage_cate .category .title {font-size: 21px;}
.mypage_cate .category li a {font-size: 16px;}
.mypage_cate .category li:not(:last-child) {margin-bottom: 17px;}

.mypage_content {width: calc(100% - 160px - 5%);}

.mypage_cont_title {font-size: 1.625em;}
.mypage_cont_title.double_line {padding: 30px 0;}
.cancle_wrap > div {font-size: 1rem;}
.delivery_tracking li p.info {font-size: 1.325vw;}

.order_history_list .thead .buy_info {font-size: 1.111em;}
.order_history_list .tbody {font-size: 1.125em;}
.order_history_list .tbody .prd_info .prd_color {font-size: 1em;}
.order_history_list .tbody .prd_info .option {font-size: 0.875rem;}
.order_history_list .tbody .prd_info {padding-left: 30px;}
.order_history_list .tbody .prd_rt {font-size: 0.95em;}

form.join_info_form {padding-left: 0;}
}

@media screen and (max-width: 1024px) {
.mypage_cate {display: none;}
.mypage_content {width: 100%;}
.mypage_title {font-size: 3em; margin: 24% 0 10%;}
.mypage_cate .category_wrap {border-top: 0; border-bottom: 0; padding: 0;}
.mypage_cate .category:not(:last-child) {margin-bottom: 80px;}
.mypage_cate .category .title {font-size: 20px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #000;}
.mypage_cate .category li a {font-size: 18px;}
.mypage_cate .category li:not(:last-child) {margin-bottom: 25px;}
.mypage_main .logoutBtn {margin-top: 100px;}

#member .pager {margin: 11% 0 10%;}
.mypage_cont_title {font-size: 1.5em; margin-bottom: 25px;}
.mypage_cont_title.margin_170 {margin-bottom: 17%;}
.mypage_cont_title.double_line {padding: 25px 0;}
.cancle_wrap > div {font-size: 15px;}
.cancle_wrap > div .color_chip {width: 14px; height: 14px; margin-right: 10px;}
.delivery_tracking_wrap {padding-bottom: 9%;}
.delivery_tracking li .square_box p {font-size: 1.875vw;}
.delivery_tracking li p.info {font-size: 1.5vw;}

.order_payment_wrap {margin-top: 20%;}
.order_payment_wrap .payment_box1 {padding: 5% 0;}
.order_payment_wrap .payment_box1 .payment_el {font-size: 1.325em;}
.order_payment_wrap .payment_box1 .payment_el .reg {margin-bottom: 30px;}
.order_payment_wrap .payment_box1 .payment_symbol p {width: 40px; height: 40px;}
.order_payment_wrap .payment_box1 .payment_detail {font-size: 1rem; margin-top: 80px;}
.order_payment_wrap .payment_box1 .payment_detail ul li:not(:last-child) {margin-bottom: 15px;}

.order_payment_wrap .payment_box2 {padding: 5% 0;}
.order_payment_wrap .payment_box2 .orderer_detail > div .title {font-size: 1.125em; margin-bottom: 8%;}
.order_payment_wrap .payment_box2 .orderer_detail ul {font-size: 1em;}
.order_payment_wrap .payment_box2 .orderer_detail ul li:not(:last-child) {margin-bottom: 15px;}
.order_payment_wrap .payment_box2 .orderer_detail > div {width: 50%;}

.order_history_wrap.review_list_wrap .tbody {flex-wrap: wrap; padding: 4% 0 8%;}
.order_history_list .review_btns.pc_show {display: none;}
.order_history_list .review_btns.ta_show {display: flex; width: 100%; margin-bottom: 4%; font-size: 1.125rem;}
.order_history_list .review_view_btn {width: fit-content;}

.review_write_wrap {padding: 7% 0 10%;}
.mypage_sub_title_wrap {font-size: 1.325em; margin-bottom: 5%;}

.reserve_list_wrap {padding-bottom: 10%;}
.coupon_list_wrap {margin-bottom: 18%;}
.coupon_list {column-gap: 30px;}
.coupon_list li {width: calc((100% - 30px)/2);}
.saved_money {font-size: 1.25em; margin: 5% 0 7%;}
.saved_money_history {font-size: 1.111em;}
.saved_money_table table th, .saved_money_table table td {font-size: 1em; padding-left: 5%;}
.saved_money_table table th.td_2,
.saved_money_table table td.td_2 {padding-left: 0;}

.join_agree_box1 {margin-bottom: 12%;}
.join_wrap .agree_input {margin-bottom: 0;}
.join_wrap .agree_input label {font-size: 1.25em; margin-bottom: 3%;}
.join_agree_box2 {margin-bottom: 3%;}
.agree_input label::before {width: 20px; height: 20px; margin-right: 30px; margin-top: 3px;}
.scroll_wrap {height: 250px; padding: 20px 30px;}

.join_form_box .title {margin-bottom: 4%;}
.grey_input .input_title {width: 150px; padding-left: 30px;}
.join_form_box {margin-bottom: 12%;}
.grey_input {font-size: 16px;}
.grey_input input,
.sm_input_wrap {width: calc(100% - 150px);}
.sm_input {align-items: flex-start;}
.sm_input .input_title {padding-top: 15px;}
.sm_input_box.box_radio label, .sm_input_box.box_radio button {font-size: 16px; width: 100px; height: 50px;}
.sm_input_box.box_grey {font-size: 16px; width: 100px; height: 50px; padding: 0 20px 0 0;}
}

@media screen and (max-width: 768px) {
.mypage_title {font-size: 2.75em;}
.mypage_cate .category:not(:last-child) {margin-bottom: 70px;}
.mypage_cate .category .title {padding-bottom: 15px; margin-bottom: 25px;}
.mypage_main .logoutBtn {margin-top: 80px;}

.mypage_cont_title {font-size: 21px; margin-bottom: 20px;}
.mypage_cont_title.margin_170 {font-size: 21px; margin-bottom: 12%; padding-bottom: 20px; border-bottom: 1px solid #000;}
.mypage_cont_title.margin_170.mo_no_line {border-bottom: 0;}
.mypage_cont_title.double_line {padding: 20px 0;}
.mypage_cont_title.double_line + .double_line_bt {font-size: 1.11em; padding: 20px 0;}
.cancle_wrap > div {font-size: 13px; line-height: 170%;}
.cancle_wrap > div .color_chip {width: 12px; height: 12px; margin-right: 10px;}
.delivery_tracking_wrap {padding-bottom: 12%;}
.delivery_tracking_wrap.just_title {padding-bottom: 0; margin-bottom: 12%;}
.delivery_tracking li .square_box p {font-size: 14px;}
.delivery_tracking li p.info {display: none;}

.order_history_list .tbody {padding: 8% 0;}
.order_history_list .thead {padding: 20px 0;}
.order_history_list .tbody {row-gap: 30px;}
.order_history_list .tbody > .flex {width: 100%; column-gap: 20px;}
.order_history_list .tbody .prd_info {display: block; width: calc(60% - 20px); padding-left: 0;}
.order_history_list .tbody .prd_thumb {width: 40%; padding-bottom: 40%;}
.order_history_list .tbody .prd_info .prd_name {font-size: 16px;}
.order_history_list .tbody .prd_info .prd_color {font-size: 16px;}
.order_history_list .tbody .prd_info .option {font-size: 13px; margin: 15px 0 30px;}
.order_history_list .tbody .prd_info .prd_info_center {width: 100%;}
.order_history_list .tbody .prd_rt {width: 100%; display: block; font-size: 15px; line-height: 170%;}
.order_history_list .tbody .prd_rt .order_count,
.order_history_list .tbody .prd_rt .order_state,
.order_history_list .tbody .prd_rt .prd_price {width: 100%; text-align: left;}

.order_payment_wrap .payment_box1 .payment_el {width: 100%; font-size: 18px;}
.order_payment_wrap .payment_box1 .payment_el.last {width: 100%;}
.order_payment_wrap .payment_box1 .payment_el .ta_flex {margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; font-weight: 500;}
.order_payment_wrap .payment_box1 .payment_el .reg {margin-bottom: 0;}
.order_payment_wrap .payment_box1 .payment_sum {flex-wrap: wrap;}
.order_payment_wrap .payment_box1 .payment_symbol {padding-left: 0;}
.order_payment_wrap .payment_box1 .payment_symbol p {width: 32px; height: 32px; margin: 30px 0;}
.order_payment_wrap .payment_box1 .payment_detail {margin: 0; font-size: 18px;}
.order_payment_wrap .payment_box1 .payment_detail ul li:not(:last-child) {margin-bottom: 10px;}

.toggle_bt_title {font-size: 18px; margin-bottom: 0; padding: 25px 0; position: relative; background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub05/arrow_down.png) no-repeat center right 20px; background-size: 11px; font-weight: 500;}
.mypage_cont_title.toggle_bt_title {margin-bottom: 0;}
.toggle_bt_title.hide {background: url(https://n.innovad.co.kr/theme/innovad_v2/img/sub05/arrow_up.png) no-repeat center right 20px; background-size: 11px;}
.toggle_bt_title .toggle_btn {position: absolute; top: 3px; right: 20px; font-size: 14px; transition: transform .2s;}
.toggle_bt_title .toggle_btn.hide {transform: rotate(180deg);}
.toggle_wrap {border-top: 1px solid #ccc;}

.order_payment_wrap {margin-top: 0;}
.order_payment_wrap .payment_box1 {padding: 40px 0 60px; border-top: 1px solid #ccc;}

.order_payment_wrap .payment_box2 {padding: 0;}
.order_payment_wrap .payment_box2 .orderer_detail {display: block;}
.order_payment_wrap .payment_box2 .orderer_detail > div {width: 100%;}
.order_payment_wrap .payment_box2 .orderer_detail > div:last-child {border-top: 1px solid #000;}
.order_payment_wrap .payment_box2 .orderer_detail > div .title {font-size: 18px; margin-bottom: 0;}
.order_payment_wrap .payment_box2 .orderer_detail .toggle_wrap {padding: 40px 0 60px;}
.order_payment_wrap .payment_box2 .orderer_detail ul {font-size: 18px;}
.order_payment_wrap .payment_box2 .orderer_detail ul li .rt {text-align: right;}
.order_payment_wrap .print_btn_wrap .print_btn_flex {display: none;}

.mypage_sub_title_wrap {font-size: 1.4em;}
.review_write_wrap .img_form_box {width: 100%;}
.form_360 {width: 300px;}
.grey_box {padding: 0 20px; margin-bottom: 10px; height: 45px;}
.review_write_wrap textarea {height: 220px;}
.grey_box.textarea_box {margin-bottom: 10%;}
.review_write_wrap .writeEndBtn {margin: 10% 0 0;}

.reserve_list_wrap {padding-bottom: 10%;}
.coupon_list_wrap {margin-bottom: 18%;}
.coupon_list {margin-top: 5%; column-gap: 20px; row-gap: 20px;}
.coupon_list li {width: calc((100% - 20px)/2); padding: 12px 15px;}
.coupon_list li .top {margin-bottom: 5px;}

.saved_money {font-size: 1.25em; margin: 5% 0 7%;}
.saved_money_history {font-size: 1.111em;}
.saved_money_history .saved_money_tab li {height: 50px; line-height: 50px;}

.saved_money_table table colgroup {display: none;}
.saved_money_table table thead {display: none;}
.saved_money_table table tr {display: flex; flex-direction: column; text-align: left; border-bottom: 1px solid #ccc; padding: 30px 0; width: 100%; row-gap: 5px;}
.saved_money_table table td {padding: 0 !important; border-bottom: 0; width: 100%;}
.saved_money_table table td.td_1::before {content: "일자"; display: inline-block; margin-right: 20px;}
.saved_money_table table td.td_2::before {content: "내용"; display: inline-block; margin-right: 20px;}
.saved_money_table table td.td_3::before {content: "적립금"; display: inline-block; margin-right: 20px;}
.saved_money_table table td.td_4::before {content: "주문번호"; display: inline-block; margin-right: 20px;}

.mypage_board_tab_list {font-size: 1.25em; margin: 12% 0 2%;}
.inquiry_table_wrap table .td_2 {padding-left: 7%;}

.mypage_sub_title_wrap.with_btn {margin-bottom: 5%}
.mypage_sub_title_wrap.with_btn .title {padding-bottom: 3%;}
.mypage_sub_title_wrap.with_btn button {width: 90px; height: 45px; font-size: 1rem;}
.writer_info_wrap {margin-bottom: 15%;}
.writer_info li .lt {width: 120px;}
.writer_info li .rt {width: calc(100% - 120px);}
.view_file_wrap .img_form_box {width: 100%;}
.img_view_wrap {margin-top: 7%;}
.img_view_wrap li {width: calc((100% - 60px)/4 );}

.comment_wrap #inquiryComment {padding: 17px 20px; height: 150px; margin-bottom: 15px;}
.comment_wrap .write_comment_list li {padding: 17px 20px;}

.login_wrap {max-width: 500px;}
.login_form .login_input {height: 65px; line-height: 65px; padding: 0 30px; border-radius: 30px 15px 30px 15px;}
.login_form .input_title {font-size: 1.25em; width: 150px;}
.login_form input {width: calc(100% - 150px);}
.loginBtn {margin: 10% auto 15%;}
.easy_login_wrap > p {margin-bottom: 5%;}
.easy_login_wrap ul {column-gap: 25px;}

.join_agree_box1 {margin-bottom: 12%;}
.join_wrap .agree_input label {font-size: 1.25em; margin-bottom: 20px;}
.join_wrap .join_agree_box .agree_input label {font-size: 1.125em; margin-bottom: 15px;}
.join_agree_box2 {margin-bottom: 10%;}
.agree_input label::before {width: 18px; height: 18px; margin-right: 20px; margin-top: 3px;}
.scroll_wrap {height: 200px; padding: 20px 25px;}

.join_form_box .title {margin-bottom: 5%;}
.grey_input .input_title {width: 140px; padding-left: 20px;}
.join_form_box {margin-bottom: 15%;}
.grey_input {font-size: 15px;}
.grey_input input,
.sm_input_wrap {width: calc(100% - 140px); column-gap: 12px;}
form.join_info_form {row-gap: 12px;}
.sm_input_box.box_radio label, .sm_input_box.box_radio button {font-size: 14px; width: 90px; height: 45px;}
.sm_input_box.box_grey {font-size: 14px; width: 90px; height: 45px; padding: 0 15px 0 0;}

.sm_input {height: auto; min-height: 45px;}
.sm_input_wrap {flex-wrap: wrap;}
.sm_input_wrap p {width: 100%; margin-top: 5px; font-size: 13px;}

#fregisterform {margin-top: 100px;}
.sns_tbl th {width: 80px;}
.sns_tbl td {width: calc(100% - 80px);}
.mbskin .all_agree {margin: 20px 0 35px;}
.sns_tbl .email_msg {top: 45px;}
#fregisterform .btn_confirm {margin: 80px 0 40px;}
#fregisterform .btn_confirm .btn_submit {font-size: 1.125em;}

#sns-link-pnl {max-width: 375px; padding: 40px 20px;}
#sns-link-pnl .connect-fg .connect-title {margin: 15px 0 20px;}
#sns-link-pnl .connect-fg .connect-desc {padding: 10px; margin: 0 0 20px;}
#sns-link-pnl #login_id, #sns-link-pnl #login_pw {height: 45px;}
#sns-link-pnl #login_fs .login_submit {height: 45px; margin: 35px auto 0;}
#sns-link-pnl #login_fs > div:not(:last-child) {margin-bottom: 12px;}
#sns-link-pnl .connect-close {top: 5px; right: 10px;}

.join_end_wrap {margin: 100px auto 0; padding: 60px 20px;}
.join_end_wrap .big {font-size: 1.875em;}
.join_end_wrap .line {width: 40px; height: 1px; margin: 25px auto 35px;}
.join_end_wrap .desc {line-height: 170%;}
.join_end_wrap .desc p.md {font-size: 1.25em;}
.join_end_wrap .desc p:not(:last-child) {margin-bottom: 25px;}
.join_end_wrap .desc p.grey {font-size: 1.125em;}

#findLoginPop {width: 90vw; padding: 7% 6% 8%;}

.showroom_reserve_list .thead {padding: 20px 0;}
.showroom_reserve_list .tbody {padding: 6.5% 0 8%;}
.showroom_reserve_list .tbody .time_info {margin-bottom: 5%}
.showroom_reserve_list .tbody .form_ul li:not(:last-child) {margin-bottom: 3.5%;}
.shoroom_btn_wrap {margin-top: 4%; column-gap: 30px;}
.shoroom_btn_wrap > * {width: 120px; height: 45px; font-size: 1.111em;}
.showroom_reserve_list .tbody .form_ul li .form_input > * {min-width: auto; width: 100%;}
.reserve_history_list table th {padding: 20px 0;}
.reserve_history_list table td {padding: 15px 0;}
.reserve_history_list table .td_2 {display: none;}
.reserve_history_list table .td_1 {width: 20%;}
.reserve_history_list table .td_3 {width: 25%;}
.reserve_history_list table .td_4 {width: 30%;}
.reserve_history_list table .td_5 {width: 25%;}
.reserve_history_list table {font-size: 1.125em;}


.mypage_content .inquiry_write_btn .back_grey_btn{
    width: 90px;
    height: 45px;
    font-size: 1rem;
}

}

@media screen and (max-width: 540px) {
.mypage_title {font-size: 32px; margin: 30% 0 20%;}
.mypage_cate .category:not(:last-child) {margin-bottom: 60px;}
.mypage_cate .category .title {font-size: 18px; padding-bottom: 10px; margin-bottom: 25px;}
.mypage_cate .category li a {font-size: 16px;}
.mypage_cate .category li:not(:last-child) {margin-bottom: 20px;}
.mypage_main .logoutBtn {margin-top: 60px;}
.mypage_cont_title.double_line + .double_line_bt {font-size: 14px; padding: 15px 0;}

#member .pager {margin: 12% 0;}
.mypage_cont_title {font-size: 18px; margin-bottom: 10px;}
.delivery_tracking_wrap {padding-bottom: 25px;}
.delivery_tracking {column-gap: 10px;}
.delivery_tracking li {width: calc((100% - 40px)/5 );}
.delivery_tracking li .square_box p {font-size: 12px;}
.delivery_tracking_wrap .mypage_cont_title.flex {flex-direction: column; align-items: flex-start;}
.cancle_wrap {display: flex; align-items: center; justify-content: flex-end; width: 100%; column-gap: 15px; border-top: 1px solid #000; padding-top: 22px; margin-top: 10px;}
.cancle_wrap > div {font-size: 13px; line-height: inherit;}
.cancle_wrap > div .color_chip {width: 11px; height: 11px; margin-right: 5px;}
.cancle_table_wrap table colgroup {display: none;}
.cancle_table_wrap table .td_1 {width: 15%;}
.cancle_table_wrap table .td_2 {width: 60%; padding-left: 0;}
.cancle_table_wrap table .td_5 {width: 25%; min-width: max-content;}

.order_history_list .thead {padding: 15px 0;}
.order_history_list .tbody {padding: 40px 0; row-gap: 20px;}
.order_history_list .thead .buy_info {font-size: 14px;}
.order_history_list .thead .buy_info > div:not(:last-child)::after {margin: 0 10px;}
.order_history_list .thead .yellowArrow {margin-left: 15px;}
.order_history_list .tbody .prd_info {width: calc(100% - 140px);}
.order_history_list .tbody .prd_thumb {width: 120px; padding-bottom: 120px;}
.order_history_list .tbody .prd_info .prd_name {font-size: 15px;}
.order_history_list .tbody .prd_info .prd_color {font-size: 15px;}
.order_history_list .tbody .prd_info .option {font-size: 12px;}
.order_history_list .tbody .prd_rt {font-size: 13px; line-height: 160%;}


.order_payment_wrap .payment_box1 {padding: 30px 0 50px;}
.order_payment_wrap .payment_box1 .payment_el {font-size: 16px;}
.order_payment_wrap .payment_box1 .payment_symbol p {width: 30px; height: 30px; margin: 40px 0;}
.order_payment_wrap .payment_box1 .payment_detail {font-size: 16px;}
.order_payment_wrap .payment_box2 .orderer_detail ul {font-size: 16px;}
.order_payment_wrap .payment_box2 .orderer_detail .toggle_wrap {padding: 30px 0 50px;}
.order_payment_wrap .payment_box2 .orderer_detail ul li:not(:last-child) {margin-bottom: 12px;}

.toggle_bt_title {padding: 20px 0;}

.order_payment_wrap .print_btn_wrap {display: block;}
.order_payment_wrap .print_btn_wrap .mo_info {margin-bottom: 20px;}

.order_history_wrap.review_list_wrap .tbody {padding: 20px 0 40px;}
.order_history_list .review_btns.ta_show {margin-bottom: 15px; font-size: 14px;}

.mypage_sub_title_wrap {font-size: 1.25em; margin-bottom: 8%;}
.review_write_wrap {padding: 15% 0;}
.form_360 {width: 100%;}
.grey_box {padding: 0 15px; height: 42px;}
.review_write_wrap textarea {height: 150px;}
.grey_box.textarea_box {margin-bottom: 15%;}
.review_write_wrap .writeEndBtn {margin: 15% 0 0;}

.mypage_cont_title.margin_170 {font-size: 18px; padding-bottom: 10px;}
.reserve_list_wrap {padding-bottom: 10%;}
.coupon_list_wrap {margin-bottom: 60px;}
.coupon_list {row-gap: 10px; margin-top: 30px;}
.coupon_list li {width: 100%; padding: 15px;}
.coupon_list li .top {font-size: 1em;}
.coupon_list li .bt {font-size: 0.9em;}

.saved_money {font-size: 16px; margin: 25px 0 35px;}
.saved_money .title {margin-bottom: 10px;}

.saved_money_history .saved_money_tab li {height: 48px; width: 50%; font-size: 15px; line-height: 48px; padding: 0; text-align: center;}
.saved_money_table table tr {row-gap: 3px; padding: 25px 0;}
.saved_money_table table td.td_1::before {margin-right: 15px;}
.saved_money_table table td.td_2::before {margin-right: 15px;}
.saved_money_table table td.td_3::before {margin-right: 15px;}
.saved_money_table table td.td_4::before {margin-right: 15px;}
.saved_money_table table th, .saved_money_table table td {font-size: 15px;}

.mypage_board_tab_list {font-size: 13px; margin: 15% 0 3%;}
.mypage_board_tab_list li:not(:last-child)::after {margin: 0 12px;}

.writer_info_wrap {font-size: 14px; margin-bottom: 20%;}
.writer_info li:not(:last-child) {margin-bottom: 12px;}
.mypage_sub_title_wrap.with_btn button {width: 80px; height: 40px;}
.img_view_wrap {margin-top: 50px;}
.img_view_wrap li {width: calc((100% - 20px)/2 );}

.login_wrap {max-width: 100%;}
.login_wrap .sub_eng_title,
.join_wrap .sub_eng_title {text-align: center;}
.login_form .login_input {height: 55px; line-height: 55px; padding: 0 20px; border-radius: 30px 15px 30px 15px;}
.login_form .login_input:not(:last-child) {margin-bottom: 10px;}
.login_form .input_title {font-size: 1.05em; width: 100px;}
.login_form input {width: calc(100% - 100px); font-size: 1em;}
.loginBtn {margin: 15% auto 20%;}
.easy_login_wrap ul li img {width: 40px;}

.join_agree_box1 {margin-bottom: 15%;}
.join_wrap .agree_input label {font-size: 1.125em;}
.join_wrap .join_agree_box .agree_input label {font-size: 1.125em; margin-bottom: 15px;}
.agree_input label::before {width: 17px; height: 17px; margin-right: 15px; margin-top: 2px;}
.scroll_wrap {height: 150px; padding: 15px 20px; font-size: 12px;}

.join_form_box .title {margin-bottom: 30px;}
.grey_input .input_title {width: 100%; padding-left: 10px; padding-top: 5px; margin-bottom: 10px;}

.join_form_box {margin-bottom: 15%;}
.join_form_box .grey_input {font-size: 14px; height: auto; display: block; border: 0;}
.join_form_box .grey_input input {width: 100%; /* margin-left: 10px; */ border: 1px solid #ccc; height: 45px; padding: 0 10px;}
.grey_input.essential::before {top: 0; left: 0;}
form.join_info_form {row-gap: 20px;}
.sm_input_box.box_radio label, .sm_input_box.box_radio button {font-size: 13px; width: 80px; height: 40px;}
.sm_input_box.box_grey {font-size: 13px; width: 80px; height: 40px; padding: 0 15px 0 0;}

.sm_input {height: auto; display: block;}
.sm_input_wrap {width: 100%; padding-left: 10px;}
.sm_input_wrap p {width: 100%; margin-top: 7px; font-size: 12px;}
.sm_input .input_title {margin-bottom: 10px; padding-top: 5px;}
.sm_input_wrap {column-gap: 10px;}
.sm_input_box.box_grey input {border: 0; padding: 0 10px 0 0; height: auto;}

#fregisterform {margin-top: 70px;}
.sns_tbl th {width: 70px;}
.sns_tbl td {width: calc(100% - 70px);}
.sns_tbl .email_msg {top: 40px; left: -70px; font-size: 13px;}
.mbskin .all_agree {margin: 20px 0 35px;}
#register_member .sns_tbl {padding-bottom: 12px;}
#fregisterform .btn_confirm {margin: 70px 0 50px;}
#fregisterform .btn_confirm .btn_submit {width: 150px; height: 42px;}
.mbskin .all_agree label::before {margin-right:10px;}
.mbskin .member_connect button {padding: 12px 20px;}

#sns-link-pnl {width: calc(100% - 40px);}
#sns-link-pnl .connect-fg .connect-title {margin: 10px 0 20px;}

.join_end_wrap {margin: 70px auto 0; padding: 50px 10px;}
.join_end_wrap .big {font-size: 1.625em;}
.join_end_wrap .line {width: 35px; margin: 20px auto 30px;}
.join_end_wrap .desc {line-height: 160%;}
.join_end_wrap .desc p:not(:last-child) {margin-bottom: 15px;}

#findLoginPop {width: calc(100vw - 40px); padding: 8% 6% 10%;}
#findLoginPop .find_info_wrap {display: block; text-align: center; padding: 20px 0 0 0;}
#findLoginPop .find_info_wrap .auto_prevent_wrap {width: 100%;}
#findLoginPop .find_info_wrap button.findOkBtn {width: 100px; height: 45px; line-height: 45px; margin-top: 30px;}
#findLoginPop .find_info_wrap .auto_prevent_wrap .font_14 {font-size: 13px;}
#captcha {justify-content: center;}
#findLoginPop .find_info_wrap .auto_prevent_wrap .font_16 {font-size: 14px;}

.showroom_reserve_list .thead {padding: 15px 0;}
.showroom_reserve_list .tbody {padding: 8% 0 10%;}
.showroom_reserve_list .tbody .time_info {margin-bottom: 7%}
.showroom_reserve_list .tbody .form_ul li:not(:last-child) {margin-bottom: 5%;}
.shoroom_btn_wrap {margin-top: 5%; column-gap: 20px;}
.shoroom_btn_wrap > * {width: 100px; height: 40px; font-size: 1em;}
.showroom_reserve_list .tbody .form_ul li .form_title {width: 90px;}
.showroom_reserve_list .tbody .form_ul li .form_input {width: calc(100% - 90px);}
.showroom_reserve_list .tbody .form_ul li .form_input > * {padding: 0 15px;}
.showroom_reserve_list #reserveFrom textarea {height: 120px; padding: 10px 15px;}
.reserve_history_list table {font-size: 1em;}
.reserve_history_list table th {padding: 15px 0;}
.reserve_history_list table td {padding: 10px 0;}
.reserve_history_list table .td_1 {width: 12%;}
.reserve_history_list table .td_3 {width: 27%;}
.reserve_history_list table .td_4 {width: 35%;}

.view_file_wrap .img_form_box + p.img_box_info {margin-top: 20px;}
.comment_wrap #inquiryComment {padding: 15px 20px; height: 120px;}
.comment_wrap .write_comment_list li {padding: 15px 20px;}



.mypage_content .inquiry_write_btn .back_grey_btn{
    width: 80px;
    height: 40px;
}

}

@media screen and (max-width: 414px) {
.order_history_list .thead .buy_info {font-size: 12px;}
.order_history_list .thead .buy_info > div:not(:last-child)::after {margin: 0 5px;}
.order_history_list .thead .yellowArrow {margin-left: 10px;}
}