@charset "utf-8";

/** ======== MEMBER CSS SETTING ======== **/
.member-pg .whitebox {border-top:2px solid #080808; border-bottom:1px solid #ddd; padding:8rem 0; text-align:center;}
.member-pg .whitebox .flex-box {display:flex;}
.member-pg .whitebox .flex-box > div {width:50%; padding:0 8rem; position:relative;}
.member-pg .whitebox .flex-box > div:first-child::after {display:inline-block; content:''; width:1px; height:100%; background:#ddd; position:absolute; top:50%; right:0; transform:translateY(-50%);}


/* 회원가입 메인 */
#join-main-pg .whitebox .flex-box dl {margin-top:3rem;}
#join-main-pg .whitebox .flex-box dt {font-size:1.8rem; color:#080808; font-weight:600;}
#join-main-pg .whitebox .flex-box dd {font-size:1.5rem; color:#959595; line-height:1.66; margin-top:2.5rem;}
#join-main-pg .whitebox .flex-box .mem-btnbox {margin-top:3rem;}
#join-main-pg .whitebox .flex-box .mem-btnbox a.btn-type01 {display:inline-flex; align-items:center; justify-content:center; width:100%; height:7rem; font-size:1.8rem; color:#fff; font-weight:500; background: #080808;}
#join-main-pg .whitebox .flex-box .note {margin-top:1.5rem; font-size:1.4rem; color:#959595;}


.join-main-pop .scrollbox {max-height:calc(100vh - 26rem);}
.join-main-pop .whitebox {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:3rem 0; text-align:center;}
.join-main-pop .whitebox .flex-box {display:flex;}
.join-main-pop .whitebox .flex-box > div {width:50%; padding:0 3rem; position:relative;}
.join-main-pop .whitebox .flex-box > div:first-child::after {display:inline-block; content:''; width:1px; height:100%; background:#ddd; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.join-main-pop .whitebox .flex-box .desc {margin-top:3rem; font-size:1.8rem; font-weight:600;}
.join-main-pop .whitebox .flex-box .right .login-sns {margin-top:2.5rem;}
.join-main-pop .whitebox .flex-box .mem-btnbox {margin-top:3rem;}
.join-main-pop .whitebox .flex-box .mem-btnbox a.btn-type01 {display:inline-flex; align-items:center; justify-content:center; width:100%;  height:7rem; font-size:1.8rem; color:#fff; font-weight:500; background: #080808;}



/* 회원가입 폼 */

/* input */
.frm-input {height:5.2rem; padding:0 2rem; font-family:'Pretendard'; border-radius:0; border:1px solid #ddd; width:auto; background:#fff; color:#666; font-size:1.5rem;}
.wth-full {max-width:100%; width:100%;}
.wth-l {max-width:53.8rem; width:100%;}
.wth-m {max-width:24rem; width:100%;}
.wth-s {max-width:20rem; width:100%;}
.wth-100 {width:100%;}
.frm-input.mr {margin-right:0.6rem;}
.frm-input.mt {margin-top:1rem;}
textarea.frm-input {height:20rem; line-height:1.6; padding:1.5rem;}


.file-upload {overflow:hidden; width:100%; position:relative;}
.file-upload button.findBtn {width:100%; height:100%; background:#080808; border:1px solid #080808; color:#fff; font-size:1.5rem;}
.file-upload label {display:flex; flex-wrap:wrap;}
.file-upload span {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:calc(100% - 16rem); max-width:54rem; height:5.2rem; line-height:5.2rem; padding:0 2rem; color:#333; background:none; box-sizing:border-box; border:1px solid #ddd; font-size:1.5rem; font-weight:400; font-family:'Pretendard';}
.file-upload .upload-btn input.file {position:absolute;top:0;right:0;width: 100%; height:5rem;cursor:pointer; opacity:0;filter:alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}
.file-upload .upload-btn {width:15rem; height:5.2rem; position:relative; margin-left:1rem; flex-shrink:0;}

@-moz-document url-prefix() {
	.file-upload {width:100%}
	.file-upload input.text {float:left;width:100%}
}

@media screen and (max-width:768px) {
	.file-upload .upload-btn {width:11rem;}
	.file-upload span {width:calc(100% - 12rem);}
}


/* table */
.mem-tb01 {width:100%;}
.mem-tb01 th {text-align:left; font-size:1.5rem; font-weight:400; vertical-align:top; line-height:5.2rem;}
.mem-tb01 th,
.mem-tb01 td {padding:1rem 0;}
.mem-tb01 td *::placeholder {color:rgba(0,0,0,0.5);}
.mem-tb01 .lh-auto {line-height:inherit; padding-top:2.2rem;}
.mem-tb01 td.ph-td > p {margin-bottom:1rem;}
/* .mem-tb01 td.ph-td {display:flex; flex-wrap:wrap;} */
.mem-tb01 td .has-btnbox {display:flex; align-items:center;}
.mem-tb01 td .has-btnbox .btn {display:inline-block; width:15rem; height:5.2rem; line-height:5.2rem; padding:0 1rem; font-size: 1.5rem; text-align:center; background:#080808; border:none; color:#fff; border-radius:0; margin-left:1rem; flex-shrink:0;}
.mem-tb01 td .has-btnbox .btn.no-ml {margin-left:0;}
.mem-tb01 td .has-btnbox .ck-box:not(:first-child) {flex-shrink:0; margin-left:3rem;}
.mem-tb01 td .input-note {font-size:1.4rem; font-family:'Pretendard', sans-serif; color:#929292; margin-top:1.9rem;}
.mem-tb01 .ph-w {display:flex; align-items:center;}
.mem-tb01 .ph-w .bar {flex-shrink:0; display:inline-block; width:0.5rem; height:1px; background:#222; margin:0 0.7rem;}
.mem-tb01 .ph-w .wth-s {width:calc(33.33% - 1rem); max-width:16.6rem;}
.mem-tb01 .req {color:#eb3b3b; font-family:'Pretendard'; display:inline-block; margin-right:0.5rem;}

.mem-tb01 .birth-w {display:flex; align-items:center;}
.mem-tb01 .birth-w li {display:flex; align-items:center;}
.mem-tb01 .birth-w li div.dv-select {width:12rem;}
/* .mem-tb01 .birth-w li div.dv-select > select {border:1px solid #ddd; color:rgba(0,0,0,0.5);} */
.mem-tb01 .birth-w li .txt {display:inline-block; margin-left:1rem; margin-right:1.5rem;}

.mem-tb01 .item-imgbox {margin-top:2rem;}
.mem-tb01 .item-imgbox .img {position:relative; display:inline-block; margin-right:1.2rem; border:1px solid #ddd;}
.mem-tb01 .item-imgbox .img .delete {position:absolute; top:0; right:0; width:1.8rem; height:1.8rem; background:#080808; display:inline-flex; align-items:center; justify-content:center;}


/* ul - table style */
.tb-ul01 {width:100%;}
.tb-ul01.has-bt {border-top:2px solid #080808;}
.tb-ul01 + .tb-ul01 {margin-top:5rem;}
.tb-ul01 li {display:flex;}
.tb-ul01 li .th {text-align:left; font-size:1.5rem; font-weight:500; background:#f3f3f3; width:20rem; flex-shrink:0;}
.tb-ul01 li .td {width:calc(100% - 20rem);}
.tb-ul01 li .th, .tb-ul01 li .td {padding:3rem; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-ul01 li .th:last-child, .tb-ul01 li .td:last-child {border-right:none;}


#join-form-pg .inner {max-width:880px;}

#join-form-pg article {margin-bottom:5rem;}
#join-form-pg article:last-child {margin-bottom:0;}
#join-form-pg .arti-title {font-size:2.4rem; font-weight:600; padding-bottom:2rem;}
#join-form-pg .arti-cont {border-top:1px solid #000; border-bottom:1px solid #ddd; padding:3rem 0;}

#join-form-pg .mem-btnbox {display:flex; align-items:center; justify-content:center;}
#join-form-pg .mem-btnbox > * {height:5.2rem; line-height:5.2rem; width:25.9rem; max-width:calc(50% - 1rem); margin:0 1rem; font-weight:500; text-align:center; border:1px solid #080808;}
#join-form-pg .mem-btnbox .btn-type01 {background:#080808; color:#fff;}
#join-form-pg .mem-btnbox .btn-type02 {background:#fff; color:#080808;}


#join-form-pg .allbox {}
#join-form-pg .list {margin-top:3rem;}
#join-form-pg .list li {padding:3rem; display:flex; justify-content:space-between; align-items:center; background:#f3f3f3; margin-bottom:2rem;}
#join-form-pg .list li .more-btn {font-weight:600; background:#fff; border:1px solid #080808; width:12rem; height:4.2rem; display:inline-flex; align-items:center; justify-content:center; text-align:center; line-height:1;}
#join-form-pg .list li:last-child {margin-bottom:0;}

.popup-temp .pop-main {border-top:1px solid #ddd; padding-top:3rem;}
.popup-temp .pop-main .txtbox {background:#f3f3f3; padding:2.5rem 2rem 2.5rem 3rem;}
.popup-temp .pop-main .txtbox .scrollbox {max-height:61.4rem; padding-right:2rem; font-family:'Pretendard', sans-serif; line-height:1.65;}
.popup-temp .pop-main .txtbox article {margin-bottom:3rem;}
.popup-temp .pop-main .txtbox article:last-child {margin-bottom:0;}
.popup-temp .pop-main .txtbox article > p {font-size:1.5rem; color:#666; margin-bottom:1rem;}
.popup-temp .pop-main .txtbox h3 {font-size:1.7rem; font-weight:600; padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px solid #ddd;}
.popup-temp .pop-main .txtbox .top-date {text-decoration: underline; margin-bottom:1.5rem;}
.popup-temp .pop-main .txtbox dt {font-size:1.5rem; font-weight:600; margin-bottom:1rem;}
.popup-temp .pop-main .txtbox dd {font-size:1.5rem; color:#666; margin-bottom:3rem;}
.popup-temp .pop-main .txtbox ul {margin:0; padding:0;}
.popup-temp .pop-main .txtbox ul li {margin-left:2rem; margin-bottom:0.5rem; padding:0; list-style:decimal;}
.popup-temp .pop-main .txtbox ol {margin:1rem 0; padding:0;}
.popup-temp .pop-main .txtbox ol li {margin-left:2rem; margin-bottom:0.5rem; padding:0; list-style:upper-alpha;}
.popup-temp .pop-main .txtbox ol.style-blt li {list-style: circle;}
.popup-temp .pop-main .txtbox ol li .num {color:#080808;}


/* 회원가입 완료 */
#join-result-pg .whitebox {padding:11.5rem 0;}
#join-result-pg .whitebox dl {margin-top:5rem;}
#join-result-pg .whitebox dl:nth-of-type(2) {margin-top:1rem;}
#join-result-pg .whitebox dt {font-size:1.8rem; color:#080808; font-weight:600;}
#join-result-pg .whitebox dd {font-size:1.5rem; color:#959595; line-height:1.66; margin-top:2.5rem;}
#join-result-pg .whitebox .mem-btnbox {margin-top:6rem;}
#join-result-pg .whitebox .mem-btnbox {display:flex; align-items:center; justify-content:center;}
#join-result-pg .whitebox .mem-btnbox > * {height:5.2rem; line-height:5.2rem; width:25.9rem; margin:0 1rem; font-weight:500; text-align:center; border:1px solid #080808;}
#join-result-pg .whitebox .mem-btnbox .btn-type01 {background:#080808; color:#fff;}
#join-result-pg .whitebox .mem-btnbox .btn-type02 {background:#fff; color:#080808;}



/* 로그인 */
#login-pg .smember-box {margin:0 auto; width:588px; max-width:100%;}
#login-pg .frm-input {width:100%; height:6.4rem; margin:0.6rem 0; font-size:1.467rem;}
#login-pg .mb_login_join {position:relative; margin:2.5rem 0;}
#login-pg .mb_login_join > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#login-pg .mb_login_join > div {display:flex; align-items:center; justify-content:space-between;}
#login-pg .mb_login_join > div a {font-size:1.5rem;}
#login-pg .mb_login_join > div .left a:after {display:inline-block; content:''; width:1px; height:1rem; background:#929292; margin:0 0.6rem;}
#login-pg .mb_login_join > div .left a:last-child:after {display:none;}
#login-pg .mem-btnbox {width:100%;}
#login-pg .mem-btnbox .btn-type01 {display:block; width:100%; height:7rem; line-height:7rem; font-size:1.8rem; text-align:center;}
#login-pg .mem-btnbox .btn-type01 + .btn-type01 {margin-top:1rem;}
#login-pg .mem-btnbox .btn-type01.btn-wht {background:#fff; border:1px solid #080808;}

/* 회원정보찾기 */
.popup-pw .pop-main {border-top:1px solid #ddd; padding:3rem 0; border-bottom:1px solid #ddd;}
.popup-pw .mem-btnbox {display:flex; align-items:center; justify-content:center; margin-top:5rem;}
.popup-pw .mem-btnbox > * {height:5.2rem; line-height:5.2rem; width:25.9rem; margin:0 1rem; font-weight:500; text-align:center; border:1px solid #080808;}
.popup-pw .mem-btnbox .btn-type01 {background:#080808; color:#fff;}
.popup-pw .mem-btnbox .btn-type02 {background:#fff; color:#080808;}

/* .pw-lost-pop .mem-tb01 th, .pw-lost-pop .mem-tb01 td {padding:0;} */
.lost-pop-02 .pop-main {padding:6rem 0;}
.lost-pop-02 .pop-main > p {text-align:center;}



/* 비회원 주문조회 */
#login-pg .od-inquiry .note {color:#929292; font-family:'Pretendard', sans-serif; margin:3rem 0;}




/* 마이페이지 */
/* 공통 */
#mypage-pg .cont {display:flex; align-items:flex-start;}
#mypage-pg .snb {background:#f3f3f3; padding-bottom:3rem; width:26.4rem; margin-right:8rem; flex-shrink:0;}
#mypage-pg .snb ul {padding:3rem;}
#mypage-pg .snb li {padding:1.5rem 0; border-bottom:1px solid #ddd;}
#mypage-pg .snb li:last-child {border-bottom:none;}
#mypage-pg .snb li a {display:block; font-size:1.8rem; font-weight:600;}
#mypage-pg .snb li a.on {color:#929292;}

#mypage-pg .mypage-main {width:100%;}
#mypage-pg .mypage-main .sec-mileage {margin-bottom:10rem;}

#mypage-pg .sec-title {font-size:2rem; font-weight:600; font-family:'Pretendard', sans-serif; margin-bottom:2.5rem; position:relative;}
#mypage-pg .sec-title.no-mb {margin-bottom:0;}
#mypage-pg .sec-title .big {font-size:2.4rem;}
#mypage-pg .sec-title .desc {display:inline-block; font-weight:400; font-size:1.5rem; color:#929292; margin-left:1.2rem;}
#mypage-pg .sec-title.bb {border-bottom:2px solid #080808; padding-bottom:1.5rem;}
#mypage-pg .sec-title .more {position:absolute; bottom:0; right:0; font-size:1.4rem; font-weight:400; text-transform:uppercase;}
#mypage-pg .sec-title .more .ico {margin-left:0.6rem; display:inline-block;}

#mypage-pg .btnbox {display:flex; align-items:center; justify-content:center; margin-top:6rem;}
#mypage-pg .btnbox > * {height:5.2rem; line-height:5.2rem; width:25.9rem; margin:0 1rem; font-weight:500; text-align:center; border:1px solid #080808; font-size:1.6rem;}
#mypage-pg .btnbox .btn-type01 {background:#080808; color:#fff;}
#mypage-pg .btnbox .btn-type02 {background:#fff; color:#080808;}
#mypage-pg .btnbox .btn-type03 {background:#f3f3f3; color:#929292; border:1px solid #dddddd;}


#mypage-pg .sm-btnbox {display:flex; justify-content:flex-end; margin-top:6rem;}
#mypage-pg .sm-btnbox > * {padding:0.5rem 1rem; margin-left:0.5rem; font-weight:400; text-align:center; border:1px solid #080808; font-size:1.4rem; color:#929292; line-height:1; border:1px solid #ddd;}


#mypage-pg .tab {display:flex; margin-bottom:3rem;}
#mypage-pg .tab a {display:block; width:20rem; height:5.2rem; display:inline-flex; align-items:center; justify-content:center; color:#929292; border:1px solid #ddd;}
#mypage-pg .tab a.active {background:#080808; color:#fff; border:none; font-weight:600;}

#mypage-pg .tbl_head03 td strong {color:#080808; font-weight:400;}
#mypage-pg .tbl_head03 td a.link {color:#080808; font-weight:400;}
#mypage-pg .tbl_head03.sm-tb thead th {padding:2rem;}
#mypage-pg .tbl_head03.sm-tb td {padding:1.8rem 2rem; font-family:'Pretendard', sans-serif;}


/* 마이페이지 - index */
#mypage-pg.index section {margin-top:8rem;}

#mypage-pg .myinfo-box {border:1px solid #ddd; padding:3rem 5rem; display:flex; justify-content:space-between; align-items:center;}
#mypage-pg .myinfo-box .my-level {display:flex; align-items:center;}
#mypage-pg .myinfo-box .my-level .img {margin-right:2rem;}
#mypage-pg .myinfo-box .my-level .txtbox .txt1 {font-size:1.8rem;}
#mypage-pg .myinfo-box .my-level .txtbox .txt1 strong {font-weight:600;}
#mypage-pg .myinfo-box .my-level .txtbox .txt2 {font-size:1.5rem; color:#929292;}
#mypage-pg .myinfo-box ul {display:flex;}
#mypage-pg .myinfo-box ul li {display:flex; align-items:center; font-size:1.8rem; position:relative;}
#mypage-pg .myinfo-box ul li:after {display:block; content:''; width:1px; height:100%; background:#ddd; margin:0 3rem;}
#mypage-pg .myinfo-box ul li:last-child:after {display:none;}
#mypage-pg .myinfo-box ul li .ico {margin-right:1.8rem;}
#mypage-pg .myinfo-box ul li .tit {display:block; font-size:1.5rem; color:#929292;}
#mypage-pg .myinfo-box ul li .txt {display:block; font-size:1.5rem; font-weight:600;}
#mypage-pg .myinfo-box ul li .num {font-size:1.8rem;}

#mypage-pg .od-stage {font-family:'Pretendard', sans-serif;}
#mypage-pg .od-stage .box {border:1px solid #ddd; padding:3rem; display:flex; align-items:center;}
#mypage-pg .od-stage ul {display:flex; justify-content:space-between; align-items:flex-start; text-align:center; padding:0 8rem; width:100%;}
#mypage-pg .od-stage ul li.arr {height:4rem; line-height:4rem; margin:0 1.5rem; flex-shrink:0;}
#mypage-pg .od-stage ul li .num {display:block; border-radius:50%; width:4rem; height:4rem; margin:auto; font-size:1.4rem; background:#f3f3f3; color:#929292; display:flex; justify-content:center; align-items:center;}
#mypage-pg .od-stage ul li.on .num {color:#080808; font-weight:600;}
#mypage-pg .od-stage ul li p {font-size:1.5rem; margin-top:1rem; font-weight:500;}

#mypage-pg .od-stage .r-info {padding:0 5.5rem; border-left:1px solid #ddd;}
#mypage-pg .od-stage .r-info dl {display:flex; flex-wrap:wrap;}
#mypage-pg .od-stage .r-info dl > * {width:50%; text-align:center; margin:0.8rem 0; font-size:1.5rem; font-weight:500;}
#mypage-pg .od-stage .r-info dl dt {}
#mypage-pg .od-stage .r-info dl dd {color:#929292;}

#sod_inquiry .idtime_link {display:block;color:#080808; margin-top:0.2rem; font-weight:500;}
#sod_inquiry .btn-st01 {display:inline-block; width:10rem; padding:1rem 1.2rem; line-height:1; text-align:center; border:none; background:#f3f3f3; font-size:1.4rem; color:#929292; margin:0.5rem 0;}
#sod_inquiry .btn-st01.clr {background:#080808; color:#fff;}
#sod_inquiry .dsch-btn {display:inline-block; padding:1rem 1.2rem; line-height:1; border:none; text-align:center; background:#f3f3f3; font-size:1.4rem; color:#929292; margin:0.5rem 0;}

#smb_my_recent .item-list li {width:calc(25% - 2.7rem);}
#smb_my_recent .item-list li:nth-child(3n) {margin-right:3.6rem;}
#smb_my_recent .item-list li:nth-child(4n) {margin-right:0;}
#smb_my_recent .item-list li .txtbox {margin:1.5rem 0;}


/* 마이페이지 - 주문상세내역 */
#mypage-pg.od-inquiry-view .sec-title .od-info {display:inline-block;}
#mypage-pg.od-inquiry-view .sec-title .od-info span {color:#929292; font-size:1.6rem; font-weight:400;}
#mypage-pg.od-inquiry-view .sec-title .od-info span::before {display:inline-block; content:''; width:1px; height:1.5rem; background:#ddd; vertical-align:middle; margin:0 1.5rem;}


/* 마이페이지 - 쿠폰 */
#mypage-pg .tbl_head03.sm-tb td.cp-name {color:#080808;}


/* 마이페이지 - 마일리지 */
#mypage-pg.mileage section {margin-bottom:8rem;}
#mypage-pg.mileage section:last-child {margin-bottom:0;}
#mypage-pg.mileage .mileagebox {text-align:center; border:1px solid #ddd; padding:3.5rem;}
#mypage-pg.mileage .mileagebox dl {display:flex; align-items:center; justify-content:center; line-height:1;}
#mypage-pg.mileage .mileagebox dt {font-size:1.8rem; color:#929292; margin-right:1.5rem;}
#mypage-pg.mileage .mileagebox dt .ico {display:inline-block; margin-right:1.5rem;}
#mypage-pg.mileage .mileagebox dd {font-size:2rem; font-weight:600;}
#mypage-pg.mileage .mileagebox dd .unit {font-size:1.6rem;}
#mypage-pg.mileage .radio-btn label {position:relative; line-height:4rem; height:4rem; float:left; cursor:pointer; width:12rem; text-align:center; font-size:1.5rem; background:#fff; color:#929292; font-family:'Pretendard', sans-serif; border:1px solid #ddd; margin-right:1rem;}
#mypage-pg.mileage .radio-btn label.on {color:#080808; border:1px solid #000; z-index:1;}
#mypage-pg.mileage .radio-btn label input {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden; margin-right:0;}

#mypage-pg.mileage #od-sch {background:#f3f3f3; padding:4rem; margin-bottom:3rem;}
#mypage-pg.mileage #od-sch > .txt {color:#222; font-weight:600; margin-bottom:1rem;}
#mypage-pg.mileage #od-sch .flex-box {display:flex; align-items:center; justify-content:space-between;}
#mypage-pg.mileage #od-sch .date-box span {margin:0 1rem;}
#mypage-pg.mileage #od-sch .date-box button {margin-left:1.5rem; width:12rem; height:4rem; line-height:4rem; color:#fff; font-size:1.5rem; font-weight:400; border:none; background:#080808;}
#mypage-pg.mileage #od-sch .ip-style {font-size:13px; background:#fff; color:#929292; border:1px solid #ddd; height:4rem; padding:0 1.5rem;}
#mypage-pg.mileage #od-sch .ip-wd-m {width:16rem;}
#mypage-pg.mileage #od-sch .ip-wd-l {width:25rem;}


/* 상품리뷰 */
#mypage-pg.review .myreview .tbl_head03 {border-top:1px solid #080808;}
#mypage-pg.review .myreview .tbl_head03 .con-tr td {background:#f3f3f3; color:#080808; vertical-align:baseline;}
#mypage-pg.review .myreview .tbl_head03 .con-tr td dl {padding-right:6rem;}
#mypage-pg.review .myreview .tbl_head03 .con-tr td dt {font-size:1.5rem; font-weight:600; cursor:pointer; position:relative;}
#mypage-pg.review .myreview .tbl_head03 .con-tr td dt .ico {display:inline-block; margin-left:1rem;}
#mypage-pg.review .myreview .tbl_head03 .con-tr td dt .arr {position:absolute; top:0; right:-3rem; transition:all .2s ease;}
#mypage-pg.review .myreview .tbl_head03 .con-tr td dt.on .arr {transform:rotate(180deg);}
#mypage-pg.review .myreview .tbl_head03 .con-tr td dd {display:none; margin-top:3rem;}
#mypage-pg.review .myreview .tbl_head03 .con-tr td dd .img {margin-top:2rem;}


/* 마이페이지 - 1:1문의 -리스트 */
#mypage-pg.qna .top-btnbox {text-align:right; margin-bottom:2.4rem;}
#mypage-pg.qna .top-btnbox a {display:inline-flex; align-items:center; justify-content:center; width:18rem; height:5.2rem; color:#fff; background:#080808; font-family:'Pretendard', sans-serif;}
#mypage-pg.qna .tbl_head03 td .status {font-size:1.5rem; display:inline-flex; align-items:center; justify-content:center; width:7.2rem; height:3.2rem; line-height:1; word-break:keep-all;}
#mypage-pg.qna .tbl_head03 td .status.done {border:1px solid #080808; color:#080808;}
#mypage-pg.qna .tbl_head03 td .status.yet {border:1px solid #929292; color:#929292;}


/* 마이페이지 - 1:1문의 폼 */
#mypage-pg.qna-form .sec-title {margin-bottom:1rem;}
#mypage-pg.qna-form .file-inputbox .frm-input {max-width:100%;}
#mypage-pg.qna-form .file-inputbox label {flex-shrink:0;}
#mypage-pg.qna-form .temp-list {border-top:1px solid #ddd; padding-top:3rem; margin-top:1rem;}
#mypage-pg.qna-form .temp-list li {padding:2rem; display:flex; justify-content:space-between; align-items:center; background:#f3f3f3; margin-bottom:2rem;}
#mypage-pg.qna-form .temp-list li .more-btn {font-weight:600; background:#fff; border:1px solid #080808; width:12rem; height:4.2rem; display:inline-flex; align-items:center; justify-content:center;}
#mypage-pg.qna-form .temp-list li:last-child {margin-bottom:0;}

/* 주문상품조회 팝업 */
.od-list-pop .inquiry_name .flex-box {display:flex; justify-content:space-between; align-items:center;}
.od-list-pop .btn-st01 {display:inline-block; background:#080808; color:#fff; font-size:1.5rem; padding:0.8rem 1.6rem; line-height:1; font-weight:300;}


/* 마이페이지 - 회원정보수정 */
/* 비밀번호확인 */
#mypage-pg.profile .confirmbox {text-align:center; border:1px solid #ddd; padding:8rem 2rem;}
#mypage-pg.profile .confirmbox .tit {font-weight:500; font-size:1.8rem;}
#mypage-pg.profile .confirmbox .tit .ico {margin-right:1rem; vertical-align:middle;}
#mypage-pg.profile .confirmbox .desc {font-size:1.5rem; color:#929292; word-break:keep-all; margin-top:1rem;}
#mypage-pg.profile .confirmbox .writebox {margin-top:4rem;}
#mypage-pg.profile .confirmbox .writebox .sns-btn {font-size:1.5rem; font-weight:500; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; width:100%; height:6.2rem; max-width:63.7rem; margin:auto;}
#mypage-pg.profile .confirmbox .writebox .sns-btn + .sns-btn {margin-top:1rem;}
#mypage-pg.profile .confirmbox .writebox .sns-btn .ico {display:inline-block; margin-right:1.5rem;}
#mypage-pg.profile .frm-input {display:block; width:100%; max-width:38rem; margin:auto; margin-bottom:1rem;}
#mypage-pg.profile .frm-input::placeholder {color:#a4a4a4;}
#mypage-pg.profile .frm-input:last-child {margin-bottom:0;}

/* 회원정보수정폼 */
#mypage-pg.profile-modify .sec-title {}
#mypage-pg.profile-modify .tb-box {border-bottom:1px solid #ddd; padding:1rem 0;}
#mypage-pg.profile-modify .bot-note {margin-top:2rem; font-size:1.4rem;}
#mypage-pg.profile-modify .bot-box {display:flex; justify-content:space-between; margin-top:6rem;}
#mypage-pg.profile-modify .bot-box .btnbox {margin-top:0;}



/* 반응형 */
@media screen and (max-width:1340px) {
    #mypage-pg .snb {margin-right:4rem; width:22rem;}
    #mypage-pg .snb li a {font-size:1.7rem;}

    #mypage-pg .od-stage ul {padding:0; padding-right:3rem;}
    #mypage-pg .od-stage .r-info {padding:0 0 0 3rem;}
}


@media screen and (max-width:1200px) {
    #mypage-pg.mileage #od-sch .flex-box {flex-wrap:wrap;}
    #mypage-pg.mileage #od-sch .flex-box > * {width:100%;}
    #mypage-pg.mileage #od-sch .flex-box .date-box {margin-top:1.2rem;}
}

@media screen and (max-width:1024px) {
    #login-pg .mem-btnbox .btn-type01 {font-size:1.7rem;}

    #join-main-pg .whitebox .flex-box .mem-btnbox a.btn-type01 {font-size:1.7rem;}
    .join-main-pop .whitebox .flex-box .mem-btnbox a.btn-type01 {font-size:1.7rem;}

    #join-form-pg .arti-title {font-size:2rem; padding-bottom:1rem;}
    #join-form-pg .list li {padding:2rem;}

    #join-result-pg .whitebox {padding:10rem 0;}
    #join-result-pg .whitebox .ico {display:inline-block; width:20rem;}

    #mypage-pg .cont {flex-wrap:wrap;}
    #mypage-pg .snb {width:100%; margin-right:0; margin-bottom:4rem; padding-bottom:0;}    
}


@media screen and (max-width:960px) {
    .mem-tb01 .col-1 {width:10rem;} /* pc - 120px */
    .mem-tb01 .col-2 {width:14rem;} /* pc - 180px */

    .tb-ul01 li {flex-wrap:wrap;}
    .tb-ul01 li .th, .tb-ul01 li .td {padding:2rem;}
    .tb-ul01 li .th {width:14rem;}
    .tb-ul01 li .td {border-right:none; width:calc(100% - 14rem);}

    .member-pg .whitebox {padding:5rem 0;}
    .member-pg .whitebox .flex-box > div {padding:0 3rem;}
    .member-pg .whitebox .flex-box > div .ico {display:inline-block; width:10rem;}

    #join-main-pg .whitebox .flex-box .mem-btnbox a.btn-type01 {width:auto; height:auto; padding:1.5rem 6rem;}
    #join-main-pg .whitebox .flex-box dl {margin-top:2rem;}
    #join-main-pg .whitebox .flex-box dd {margin-top:1rem;}

    .join-main-pop .whitebox {padding:5rem 0;}
    .join-main-pop .whitebox .flex-box > div > .ico {display:inline-block; width:10rem;}
    .join-main-pop .whitebox .flex-box .mem-btnbox a.btn-type01 {width:auto; height:auto; padding:1.5rem 6rem;}
    .join-main-pop .whitebox .flex-box .desc {margin-top:2rem;}
    .join-main-pop .whitebox .flex-box .right .login-sns {margin-top:2rem;}

    .popup-temp .pop-main .txtbox .scrollbox {max-height:40rem;}

    #mypage-pg .snb ul {padding:2rem; display:flex; flex-wrap:wrap; justify-content:center;}
    #mypage-pg .snb li {padding:0; margin:1rem 1.5rem; border-bottom:none;}
    #mypage-pg .snb li a {font-size:1.5rem; color:#929292;}
    #mypage-pg .snb li a.on {color:#080808; font-weight:600; position:relative;}
    #mypage-pg .snb li a.on::before {display:inline-block; content:''; width:calc(100% - 3rem); height:2px; background:#080808; position:absolute; bottom:-0.8rem; left:50%; transform:translateX(-50%);} 
    

    #mypage-pg .myinfo-box {flex-wrap:wrap; padding:4rem;}
    #mypage-pg .myinfo-box > * {width:100%;}
    #mypage-pg .myinfo-box .my-level {margin-bottom:4rem; justify-content:center;}
    #mypage-pg .myinfo-box .my-level .img {width:8rem;}
    #mypage-pg .myinfo-box ul li .ico {width:3.5rem;}
    #mypage-pg .myinfo-box ul { justify-content:center;}
    #mypage-pg .od-stage .box {flex-wrap:wrap; padding:0; border:none;}
    #mypage-pg .od-stage ul {padding:2.8rem 0; border-top:1px solid #ddd; justify-content: center;}
    #mypage-pg .od-stage ul li .num {width:4rem; height:4rem; line-height:4rem; margin:auto; font-size:1.7rem;}
    #mypage-pg .od-stage ul li.arr img {width:0.7rem;}
    #mypage-pg .od-stage .r-info {padding:2rem; width:100%; border-left:none; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

    #mypage-pg.od-inquiry-view .sec-title .od-info {display:block; margin-top:1rem;}
    #mypage-pg.od-inquiry-view .sec-title .od-info span:first-child::before {display:none;}

    .od-list-pop .inquiry_name .flex-box {flex-wrap:wrap;}
    .od-list-pop .inquiry_name .flex-box .f-tit {width:100%; margin-bottom:2rem;}
    .od-list-pop .btn-st01 {width:100%; padding:1.3rem 2rem; text-align:center;}
}


@media screen and (max-width:768px) {
    .member-pg .whitebox .flex-box {flex-wrap:wrap;}
    .member-pg .whitebox .flex-box > div {width:100%;}
    .member-pg .whitebox .flex-box > div:first-child::after {width:100%; height:1px; top:auto; right:auto; transform:none; position:relative; margin:4rem 0;}
    .member-pg .whitebox .flex-box > div .ico {width:8rem;}

    .join-main-pop .whitebox .flex-box {flex-wrap:wrap;}
    .join-main-pop .whitebox .flex-box > div {width:100%; padding:0;}
    .join-main-pop .whitebox .flex-box > div:first-child::after {width:100%; height:1px; top:auto; right:auto; transform:none; position:relative; margin:4rem 0;}
    .join-main-pop .whitebox .flex-box > div > .ico {width:8rem;}

    .popup-temp .pop-main .txtbox {background:none; padding:0;}
    .popup-temp .pop-main .txtbox h3 {font-size:1.65rem;}

    .mem-tb01 .birth-w li div.dv-select {width:7rem;}
    .mem-tb01 .birth-w li:first-child div.dv-select {width:10rem;}
    .mem-tb01 .item-imgbox .img {width:7rem; margin-bottom:0.8rem; margin-right:0.8rem;}
    .mem-tb01 td .has-btnbox .btn {width:13rem; font-size:1.5rem;}

    #join-result-pg .whitebox {padding:8rem 0;}
    #join-result-pg .whitebox .ico {width:15rem;}
    #join-result-pg .whitebox dl {margin-top:3rem;}
    #join-result-pg .whitebox dd {margin-top:1.5rem;}

    #smb_my_recent .item-list li {width:calc(33.333% - 1.333rem);}
    #smb_my_recent .item-list li:nth-child(2n) {margin-right:2rem;}
    #smb_my_recent .item-list li:nth-child(4n) {margin-right:2rem;}
    #smb_my_recent .item-list li:nth-child(3n) {margin-right:0;}
    #smb_my_recent .item-list li:nth-child(4) {display:none;}

    #mypage-pg .btnbox > * {width:auto; height:auto; line-height:1; padding:1rem 4rem; margin: 0 0.5rem;}
    #mypage-pg .tab a {width:50%;}
    
    #mypage-pg .sec-title {margin-bottom:1.5rem; font-size:1.8rem;}
    #mypage-pg .sec-title .big {font-size:2rem;}
    #mypage-pg .sec-title .desc {display:block; margin-left:0; margin-top:0.8rem;}

	#mypage-pg .od-stage ul li.arr {margin:0 0.5rem;}

    #mypage-pg.mileage #od-sch {padding:3rem 2rem;}
    #mypage-pg.mileage #od-sch .flex-box .date-box .ip-wd-m {width:calc(48% - 0.8rem);}
    #mypage-pg.mileage #od-sch .flex-box .date-box > span {width:4%;}
    #mypage-pg.mileage #od-sch .date-box button {width:100%; margin-top:1rem; margin-left:0;}
    #mypage-pg.mileage .mileagebox dt .ico {width:3.2rem; margin-right:1rem;}
    #mypage-pg.mileage .mileagebox dt {font-size:1.6rem;}
    #mypage-pg.mileage .mileagebox dd {font-size:1.8rem;}

    #mypage-pg.qna .top-btnbox {margin-bottom:1.5rem;}
    #mypage-pg.qna .top-btnbox a {width:auto; height:auto; line-height:1; padding:1rem 1.5rem; font-size:1.6rem; font-size:1.5rem;} 

}


@media screen and (max-width:500px) {
    .mem-tb01 th, .mem-tb01 td {display:block; padding:0;}
    .mem-tb01 th {line-height:1.4; margin-bottom:1rem;}
    .mem-tb01 th br {display:none;}
    .mem-tb01 td {margin-bottom:2rem;}
    .mem-tb01 .lh-auto {line-height:5.2rem; padding-top:0;}
}