@charset "utf-8";
:root {
	--skin_bg : #333;
	--f_small : 16px;
	--f_middle : 17px;
	--f_xmiddle : 19px;
	--f_big : 25px;
}

#sVisual,
body:not([data-pgCode="1101"], [data-pgCode="1102"], [data-pgCode="1103"], [data-pgCode="1104"]) #pageTop,
#snb{display:none;}

.skin-member{width:44rem; margin:12rem auto 0; padding:45px 2rem 70px; background-color: #fff; text-align: center; border:1px solid #eee; border-radius:10px; overflow: hidden; /*box-shadow:0 20px 40px rgba(0,0,0,0.1);*/}
.skin-member.login,
.skin-member.find{padding:45px 4rem 20px;}

.skin-member .h1{}
.skin-member .h1>dt{font-weight: 600; font-size:var(--f_big); line-height:1; color: #111;}
.skin-member .h1>dd{padding-top:1.5rem; font-weight: 500; font-size:var(--f_small); line-height:1.4; color: #999;}
.skin-member .h1>dd>strong{font-weight: 500;}
.skin-member .h1>dd>span{color: #111; text-decoration: underline; text-underline-position:under;}

.skin-member .h2{margin:20px 0 10px; font-weight: 600; font-size:var(--f_middle); line-height:1.4; color: var(--skin_bg); text-align: left;}
.skin-member .h1+.h2{margin-top:35px;}

.skin-member input[type=button],
.skin-member input[type=text],
.skin-member input[type=password],
.skin-member input[type=file],
.skin-member select,
.skin-member textarea,
.skin-member .btns{width:100%; height:50px; padding:0 20px; background-color:#fff; border:1px solid #ddd; font-weight: 500; font-size:var(--f_small); line-height:48px; color:#111; vertical-align:middle; display: inline-flex; align-items: center; justify-content: center;}

.skin-member input[type=text],
.skin-member input[type=password],
.skin-member select{background-color:#f6f6f6;}

.skin-member input[type=text]:focus,
.skin-member input[type=password]:focus,
.skin-member select:focus{background-color: #fff;}

.skin-member .member-step{width:100%; margin-top:30px; padding:0 30px; display: flex; align-items: center; justify-content: space-between; position: relative;}
.skin-member .member-step:before{content: ""; height: 5px; background-color: #ccc; display:block; position: absolute; left:50px; right:50px; top:7px;}
.skin-member .member-step:after{content: ""; width:0; height: 5px; background-color: var(--c_point); display:block; position: absolute; left:50px; top:7px;}
.skin-member .member-step>li{font-weight: 500; font-size:var(--f_small); line-height:1; color:#999; position: relative; z-index:3;}
.skin-member .member-step>li:before{content: ""; width: 18px; height: 18px; margin:0 auto 12px; background-color: #ccc; display:block; border-radius:99px;}

.skin-member .member-step.two:after{width:calc(50% - 50px);}
.skin-member .member-step.three:after{width:calc(100% - 100px);}

.skin-member .member-step:not(.two, .three)>li:nth-child(1),
.skin-member .member-step.two>li:nth-child(2),
.skin-member .member-step.three>li:nth-child(3){color: #111;}
.skin-member .member-step>li:nth-child(1):before,
.skin-member .member-step:is(.two, .three)>li:nth-child(2):before,
.skin-member .member-step.three>li:nth-child(3):before{background-color: var(--c_point);}

.skin-member .skin-button{width:calc(100% + 4rem); margin:40px 0 -70px -2rem; display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.skin-member.find .skin-button{width:calc(100% + 8rem); margin:40px 0 -20px -4rem;}
.skin-member .skin-button>*{flex:1; height:70px; background-color:#666; border:none; font-weight: 600; font-size:var(--f_middle); line-height:1.2; color:#fff; text-align: center; display: flex; align-items: center; justify-content: center; overflow:hidden;  cursor: pointer; border-radius:0;}
.skin-member .skin-button>input[type="submit"],
.skin-member .skin-button>button{background-color: var(--c_point);}

.login_wr{margin:45px 4rem 20px; display:flex; gap:2rem; justify-content:center; flex-wrap:wrap;}
.login_wr .skin-member.login{margin:0;}
.login_wr .non_member_sch_wr{display:flex; flex-direction:column; gap:2rem; justify-content:space-between;}
.login_wr .lookup_panel .lookup_form button{border:0; cursor:pointer;}
.login_wr .lookup_panel .lookup_form input[required]{background-image:none;}
.login_wr .lookup_panel .lookup_error{margin-top:2rem; padding:1rem 1.2rem; border-radius:0.5rem; background:#fff1f1; font-size:1.4rem; line-height:1.5; color:#c0392b; text-align:center;}

/* 로그인 - 입력 */
	.skin-member .login-fild{margin-top:3.5rem;}
	.skin-member .login-fild>label{display:block; position: relative;}
	.skin-member .login-fild input[type=text],
	.skin-member .login-fild input[type=password]{height:56px; padding: 0 20px 0  43px; background:url('img/icon_id.png') no-repeat 19px center/17px; line-height:1; display: flex; align-items: center;}
	.skin-member .login-fild input[type=password]{background-image: url('img/icon_pw.png'); background-position: 20px center; background-size:14px;}

	.skin-member .login-fild label + label{margin-top:10px;}

	.skin-member .skin-check{width:100%; text-align: left; margin-top:15px; }
	.skin-member .skin-check input[type=checkbox]+label{color: #666;}

	.skin-member .login-fild input[type=submit]{width:100%; height:60px; margin-top:20px; background-color:var(--skin_bg); font-weight: 600; font-size:var(--f_middle); line-height:1.2; color:#fff; text-align: center; overflow:hidden; cursor: pointer; border-radius:5px;}

/* 로그인 - SNS */
	.skin-member .login-sns{}
	.skin-member .login-sns button{width:100%; height:60px; padding-left:64px; background:#3bac37 url('img/icon_login_naver.png') no-repeat 23px center/21px; border:none; font-weight: 600; font-size:var(--f_middle); line-height:1.2; color:#fff; text-align: left; cursor: pointer; border-radius:5px;}
	.skin-member .login-sns button+button{margin-top:10px;}
	.skin-member .login-sns button.sns-kakao{background:#fae100 url('img/icon_login_kakao.png') no-repeat 18px center/30px; color: #381e1f;}

	.skin-member .login-sns button:hover{box-shadow:inset 5px 5px 5px rgba(0,0,0,0.1);}

/* 로그인 - 링크 */
	.skin-member .login-link{margin-top:5px;}
	.skin-member .login-link>a{width:100%; height:60px; font-weight: 500; font-size:var(--f_small); line-height:1.2; color:#666; background:url('img/arr_login.png') no-repeat right center/8px; display: flex; align-items: center; }
	.skin-member .login-link>a+a{border-top:1px solid #e6e6e6;}

/* 회원가입 - 약관동의 */
	.skin-member .terms-re{width:100%; margin-top:35px; text-align: left;}
	.skin-member .terms-re+.terms-re{margin-top:30px;}
	.skin-member .terms-re>dl{}
	.skin-member .terms-re>dl>dt{margin:0;}
	.skin-member .terms-re>dl>dd{margin-top:10px; height:120px; padding:15px 20px; background-color: #f6f6f6; font-size:var(--f_small); line-height:1.5; color:#666; border-radius:10px; overflow: hidden; overflow-y: auto;}

/* 회원가입 - 정보입력 */
	.skin-member.form .h2{margin-top:35px;}
	.skin-member .skin-form{width:100%; text-align: left; display: flex; flex-flow: row wrap; gap:10px;}
	.skin-member .skin-form>li{width:100%;}

	.skin-member .skin-form>li.juso{display: flex; flex-flow: row wrap; justify-content: space-between; gap:10px;}
	.skin-member .skin-form>li.juso .add-num{width:calc(100% - 104px);}
	.skin-member .skin-form>li.juso .btns{width:94px; padding:0; background-color: #666; border:none; color: #fff; text-align: center;}

/* 회원가입 - 완료 */
	.skin-member .skin-result{margin-top:35px;}
	.skin-member .skin-result .result-top{width:100%; position: relative;}
	.skin-member .skin-result .result-top:before{content: ""; width: 50px; height: 50px; margin:0 auto; background:var(--c_point) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white"><path d="M21.03 5.72a.75.75 0 010 1.06l-11.5 11.5a.75.75 0 01-1.072-.012l-5.5-5.75a.75.75 0 111.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 011.06 0z"/></svg>') no-repeat center center/30px; display:block; border-radius:99px;}
	.skin-member .skin-result .result-top>dt{margin-top:15px; font-weight: 700; font-size:var(--f_xmiddle); line-height:1; color: #111;}
	.skin-member .skin-result .result-top>dt>strong{color: var(--c_point);}
	.skin-member .skin-result .result-top>dd{margin-top:5px; font-weight: 500; font-size:var(--f_middle); line-height:1.5; color: #666;}

	.skin-member .skin-result .result-info{margin-top:15px; padding:15px 2rem; background-color: #f6f6f6; text-align: left; border-radius:10px; overflow: hidden;}
	.skin-member .skin-result .result-info>dl{width:100%; padding:5px 0; font-size:var(--f_small); line-height:21px; color:#666; display: flex;}
	.skin-member .skin-result .result-info>dl>dt{width:70px; font-weight: 500; color: var(--skin_bg);}
	.skin-member .skin-result .result-info>dl>dd{width:calc(100% - 70px);}

/* 찾기 */
	.skin-member .skin-find-tab{margin:35px 0 30px; display: flex; align-items: center; justify-content: space-between;}
	.skin-member .skin-find-tab button{flex:1; height:54px; background-color:#f6f6f6; border:1px solid #ddd; border-bottom-color:var(--skin_bg); font-weight: 400; font-size:var(--f_middle); line-height:1.2; color:#999; text-align: center; display: flex; align-items: center; justify-content: center; overflow:hidden; cursor: pointer; border-radius:0; position: relative;}
	.skin-member .skin-find-tab button+button{margin-left:-1px;}

	.skin-member .skin-find-tab button.active{background-color: #fff; border-color:var(--skin_bg); border-bottom-color:#fff; font-weight: 600; color:var(--c_point); z-index:2;}

	.skin-member .skin-find-conts{display:none;}

/* 마이페이지 */
	.my-menu{width:100%; margin: 0 auto 4rem; font-size:0; line-height:0; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; gap:1rem; position: relative;}
	.my-menu a{flex:1; max-width:16rem; position: relative; height:4.6rem; padding:0 2rem; border:1px solid #ddd; font-weight: 400; font-size:1.6rem; line-height:1.4; color: #666; display: flex; flex-direction: row; align-items: center; justify-content: center; white-space: nowrap; border-radius:99px; transition: all .3s ease-out;}
	.guest-order-lookup .my-menu{display:none;}

	.my-menu a:is(:hover, .active){background-color:var(--c_point); border-color:var(--c_point); font-weight: 500; color:#fff;}

	.my-info{margin-top:4.5rem; margin-bottom:7rem; padding:5rem; background-color: #f6f6f6; font-weight: 400; font-size:1.7rem; line-height:1.55; color: #666; text-align: center; display: flex; justify-content: space-between; border-radius:1rem;}
	.my-info .my-name{width:23rem; margin-left:5rem; display: flex; align-items: center; justify-content: space-between; gap:2rem;}
	.my-info .my-name>dt{min-width:5.6rem;}
	.my-info .my-name>dt img{height:6rem;}
	.my-info .my-name>dd{text-align: left; white-space: nowrap;}
	.my-info .my-name>dd>strong{font-weight: 600; color: #333;}
	.my-info .my-conts{max-width:calc(100% - 28rem - 10%); display: flex; justify-content: flex-end;}
	.my-info .my-conts>dl{flex:1; width:22rem;}
	.my-info .my-conts>dl+dl{border-left:1px dotted #555;}
	.my-info .my-conts>dl>dt{}
	.my-info .my-conts>dl>dt img{height:4rem;}
	.my-info .my-conts>dl>dd{padding-top:0.5rem; line-height:1; white-space: nowrap;}
	.my-info .my-conts>dl>dd>p{padding-top:0.5rem; font-weight: 500; font-size:1.7rem; color: #111;}
	.my-info .my-conts>dl>dd strong{font-weight: 700; font-size:2.2rem; color: #666;}
	.my-info .my-conts>dl>dd strong.point{color: var(--c_point);}

/* 회원 탈퇴 */
	.withdrawal-area{width:100%; max-width:70rem; margin:0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
	.withdrawal-area .withdrawal-top{width:100%; margin-bottom:3.5rem; padding-bottom:3.6rem; border-bottom:1px solid #eee; font-weight: 400; font-size:1.7rem; line-height:1.55; color: #666; text-align: center;}
	.withdrawal-area .withdrawal-top img{height:10.7rem;}
	.withdrawal-area .withdrawal-top p{margin-top:1rem;}
	.withdrawal-area .withdrawal-top p>span{font-weight: 500; color:var(--c_point)}

	.withdrawal-area .withdrawal-btm{width:100%;}
	.withdrawal-area .withdrawal-btm>p{font-weight: 600; font-size:1.7rem; line-height:1.2; color: var(--c_point);}
	.withdrawal-area .withdrawal-btm>ul{margin-top:1.5rem; padding:2.5rem 2rem; background-color: #f6f6f6; text-align: left; border-radius:1rem; overflow: hidden;}
	.withdrawal-area .withdrawal-btm>ul>li{padding-left:0.7rem; font-size:1.6rem; line-height:1.55; color: #666; position: relative;}
	.withdrawal-area .withdrawal-btm>ul>li:before{content: "ㆍ"; position: absolute; left:-0.7rem; top:0;}

	.withdrawal-area .skin-check{margin-top:1.5rem;}
	.withdrawal-area .skin-check input[type=checkbox]+label{font-weight: 400;}

/* 주문내역 */
    .my_order_list{margin-top:4rem;}
    .my_order_list > li{border:1px solid var(--bor_c); border-radius:1rem; overflow:hidden;}
    .my_order_list > li+li{margin-top:2rem;}
    .my_order_list .my_order_card_head{padding:2rem; border-bottom:1px solid var(--bor_c); display:flex; justify-content:space-between; align-items:center; gap:2rem; flex-wrap:wrap;}
    .my_order_list .my_order_head_left{flex:1;}
    .my_order_list .my_order_head_left > div{display:flex; gap:1rem}
    .my_order_list .my_order_head_left em{font-weight:inherit;}
    .my_order_list .my_order_no{font-size:2rem; line-height:var(--lh_10); font-weight:700; color:#000;}
    .my_order_list .my_order_meta{font-size:1.6rem; line-height:var(--lh_10); font-weight:400; color:#666;}
    .my_order_list .my_order_badges p{min-width:8.6rem; padding:0.6rem 1.2rem 0.7rem; font-size:1.6rem; color:var(--c_box_bgc); text-align:center; border-radius:4rem;}
	.my_order_list .my_order_applicant{display:flex; align-items:center; flex-wrap:wrap; gap:0.8rem; padding:1.5rem 2rem; border-bottom:1px solid var(--bor_c); background:#fff;}
	.my_order_list .my_order_applicant dl{max-width:100%; min-width:0; padding:0.8rem 1.2rem; border:1px solid #e4e9ef; border-radius:99px; background:#f7f9fb; display:inline-flex; align-items:center; gap:0.7rem; font-size:1.5rem; line-height:1.4;}
	.my_order_list .my_order_applicant dt{flex:none; color:#77818d;}
	.my_order_list .my_order_applicant dt::after{content:":"; margin-left:0.3rem;}
	.my_order_list .my_order_applicant dd{min-width:0; color:#222; font-weight:600; overflow-wrap:anywhere;}
	.my_order_list .my_order_request{padding:1.5rem 2rem; border-bottom:1px solid var(--bor_c); background:#fafbfc;}
	.my_order_list .my_order_request details{font-size:1.6rem; line-height:1.6; color:#555;}
	.my_order_list .my_order_request summary{display:flex; align-items:center; justify-content:space-between; gap:2rem; cursor:pointer; list-style:none;}
	.my_order_list .my_order_request summary::-webkit-details-marker{display:none;}
	.my_order_list .my_order_request summary strong{font-weight:600; color:#222;}
	.my_order_list .my_order_request summary span{padding-right:2rem; color:var(--c_point); white-space:nowrap; position:relative;}
	.my_order_list .my_order_request summary span::after{content:""; width:0.7rem; height:0.7rem; border-right:1px solid currentColor; border-bottom:1px solid currentColor; position:absolute; right:0.2rem; top:50%; transform:translateY(-65%) rotate(45deg); transition:transform .2s ease;}
	.my_order_list .my_order_request details[open] summary span::after{transform:translateY(-25%) rotate(225deg);}
	.my_order_list .my_order_request details[open] summary{padding-bottom:1.2rem; border-bottom:1px dashed #d9dde2;}
	.my_order_list .my_order_request_text{padding-top:1.2rem; color:#555; white-space:normal; overflow-wrap:anywhere; word-break:break-word;}

    .my_order_list .my_od_items{}
    .my_order_list .my_od_items .my_od_it{border:0; border-radius:0;}
    .my_order_list .my_od_items .my_od_it:nth-child(even){background-color:#f4f8fb;}
    .my_order_list li.noPost{min-height:30rem; display:flex; align-items:center; justify-content:center; color:#555;}

/* 상담내역 */
	.my_counsel_list{display:grid; gap:2rem; margin-top:4rem;}
	.my_counsel_card{border:1px solid var(--bor_c); border-radius:1rem; background:#fff; overflow:hidden;}
	.my_counsel_head{display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:2rem 2.4rem;}
	.my_counsel_title{min-width:0; display:flex; align-items:center; gap:1.2rem;}
	.my_counsel_title>strong{min-width:0; font-size:2rem; line-height:1.45; color:#111; overflow-wrap:anywhere;}
	.my_counsel_type,.my_counsel_status{display:inline-flex; align-items:center; justify-content:center; flex:none; min-width:8rem; padding:0.7rem 1.2rem; border-radius:99px; font-size:1.4rem; line-height:1; font-weight:600;}
	.my_counsel_type.type-quick{background:#eef1f4; color:#59636e;}
	.my_counsel_type.type-inquiry{background:#e7f1ff; color:#2469ad;}
	.my_counsel_type.type-product{background:#e5f7ee; color:#238258;}
	.my_counsel_type.type-plan{background:#fff0e3; color:#b45c16;}
	.my_counsel_state{flex:none; display:flex; align-items:center; gap:1.5rem;}
	.my_counsel_state time{font-size:1.5rem; color:#777; white-space:nowrap;}
	.my_counsel_status.status-received{background:#fff0e3; color:#b45c16;}
	.my_counsel_status.status-completed{background:#e5f7ee; color:#238258;}
	.my_counsel_status.status-pending{background:#e7f1ff; color:#2469ad;}
	.my_counsel_status.status-closed{background:#eef1f4; color:#59636e;}
	.my_counsel_info{display:flex; align-items:center; flex-wrap:wrap; gap:0.8rem; padding:1.6rem 2.4rem; border-top:1px solid var(--bor_c); background:#fff;}
	.my_counsel_info dl{max-width:100%; min-width:0; padding:0.8rem 1.2rem; border:1px solid #e4e9ef; border-radius:99px; background:#f7f9fb; display:inline-flex; align-items:center; gap:0.7rem; font-size:1.5rem; line-height:1.4;}
	.my_counsel_info dt{flex:none; color:#77818d;}
	.my_counsel_info dt::after{content:":"; margin-left:0.3rem;}
	.my_counsel_info dd{min-width:0; color:#222; font-weight:600; text-align:left; overflow-wrap:anywhere;}
	.my_counsel_message{padding:1.5rem 2.4rem; border-top:1px solid var(--bor_c);}
	.my_counsel_message details{font-size:1.6rem; line-height:1.65; color:#555;}
	.my_counsel_message summary{display:flex; align-items:center; justify-content:space-between; gap:2rem; cursor:pointer; list-style:none;}
	.my_counsel_message summary::-webkit-details-marker{display:none;}
	.my_counsel_message summary strong{font-weight:600; color:#222;}
	.my_counsel_message summary span{padding-right:2rem; color:var(--c_point); white-space:nowrap; position:relative;}
	.my_counsel_message summary span::after{content:""; width:0.7rem; height:0.7rem; border-right:1px solid currentColor; border-bottom:1px solid currentColor; position:absolute; right:0.2rem; top:50%; transform:translateY(-65%) rotate(45deg); transition:transform .2s ease;}
	.my_counsel_message details[open] summary{padding-bottom:1.2rem; border-bottom:1px dashed #d9dde2;}
	.my_counsel_message details[open] summary span::after{transform:translateY(-25%) rotate(225deg);}
	.my_counsel_message details>div{padding-top:1.2rem; overflow-wrap:anywhere; word-break:break-word;}
	.my_counsel_answer{border-top:1px solid #cfe1f3; background:#f4f9ff;}
	.my_counsel_answer details{font-size:1.6rem; color:#344454;}
	.my_counsel_answer summary{display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.6rem 2.4rem; cursor:pointer; list-style:none;}
	.my_counsel_answer summary::-webkit-details-marker{display:none;}
	.my_counsel_answer summary>strong{font-size:1.6rem; color:#1769aa;}
	.my_counsel_answer_meta{display:flex; align-items:center; gap:2rem; color:#748292; white-space:nowrap;}
	.my_counsel_answer_meta time{font-size:1.35rem;}
	.my_counsel_answer_toggle{padding-right:2rem; color:var(--c_point); font-size:1.5rem; font-style:normal; position:relative;}
	.my_counsel_answer_toggle::before{content:"답변 보기";}
	.my_counsel_answer_toggle::after{content:""; width:0.7rem; height:0.7rem; border-right:1px solid currentColor; border-bottom:1px solid currentColor; position:absolute; right:0.2rem; top:50%; transform:translateY(-65%) rotate(45deg); transition:transform .2s ease;}
	.my_counsel_answer details[open] summary{border-bottom:1px dashed #cbd9e7;}
	.my_counsel_answer details[open] .my_counsel_answer_toggle::before{content:"답변 닫기";}
	.my_counsel_answer details[open] .my_counsel_answer_toggle::after{transform:translateY(-25%) rotate(225deg);}
	.my_counsel_answer_text{max-height:32rem; padding:1.8rem 2.4rem 2rem; font-size:1.6rem; line-height:1.7; color:#344454; overflow-y:auto; overflow-wrap:anywhere; word-break:break-word;}
	.my_counsel_empty{min-height:30rem; border:1px solid var(--bor_c); border-radius:1rem; display:flex; align-items:center; justify-content:center; font-size:1.6rem; color:#555;}

/* 장바구니 */
	.sod_cart{display:flex; gap:3rem; flex-wrap:wrap; align-items:flex-start;}
	.sod_cart .sod_cart_list{flex:1;}
	.sod_cart .sod_cart_list .cart_li_top{padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:space-between; gap:2rem;}
	.sod_cart .sod_cart_list .choice_del{padding:0.8rem 1rem 0.9rem; font-size:1.4rem; line-height:1; color:#e74c3c; border-radius:0.5rem; border:1px solid #e74c3c;}
	.sod_cart .sod_cart_list .cart_li li{padding:2rem; border:1px solid #ddd; border-radius:1rem; overflow:hidden;}
	.sod_cart .sod_cart_list .cart_li li+li{margin-top:2rem;}
	.sod_cart .sod_cart_list .cart_li .cart_it_top{margin-bottom:2rem; display:flex; align-items:center; justify-content:space-between; gap:2rem;}
	.sod_cart .sod_cart_list .cart_li .cart_it_top .cart_it_del{padding:0.8rem 1rem 0.9rem; font-size:1.4rem; line-height:1; color:#e74c3c; border-radius:0.5rem; border:1px solid #e74c3c;}
	.sod_cart .sod_cart_list .cart_li .cart_it{border:0; border-radius:0; padding:0}
	.sod_cart .sod_cart_list .cart_li .cart_it .od_it_info > *{width:100%;}
	.sod_cart .sod_cart_list .cart_li .cart_it .od_it_details{margin-top:2rem; padding-top:2rem; border-top:1px solid #ddd;}

	.sod_cart .sod_cart_total{padding:2rem; width:38rem; border:1px solid #ddd; border-radius:1rem; position:sticky; top:0;}
	.sod_cart .sod_cart_total dt{font-size:2rem; line-height:var(--lh_10); font-weight:700; color:#000;}
	.sod_cart .sod_cart_total dd{font-size:1.6rem; line-height:var(--lh_10); color:#666}
	.sod_cart .sod_cart_total .cart_total_plice{margin-top:3rem; font-size:1.6rem; line-height:4rem; font-weight:700; color:#000; text-align:right;}
	.sod_cart .sod_cart_total .cart_total_plice span{font-size:3rem;}
	.sod_cart .sod_cart_total .total_btn{margin-top:2rem; display:flex; gap:1rem; justify-content:center;}
	.sod_cart .sod_cart_total .total_btn .submit_btn{flex:1; padding-bottom:0.4rem; max-width:20rem; height:4.6rem; font-size:1.8rem; line-height:1; font-weight:500; border-radius:1rem;}
	.sod_cart .sod_cart_total .total_btn .choice_submit{border:1px solid #333;}
	.sod_cart .sod_cart_total .total_btn .all_submit{background-color:#333; color:#fff;}


	.cart_li li.noPost{min-height:30rem; display:flex; align-items:center; justify-content:center; color:#555;}

/* check box */
	.skin-check{display: flex; align-items: center; position: relative;}
	.skin-check input[type=checkbox],
	.skin-check input[type=radio]{display: none; position: absolute; left:0; top:0;}

	.skin-check input[type=checkbox]+label,
	.skin-check input[type=radio]+label{font-size:var(--f_small); line-height:1; color: #999; display: inline-flex; align-items: center; cursor: pointer; position: relative; gap:7px;}

	.skin-check input[type=checkbox]+label>.graphic,
	.skin-check input[type=checkbox]+label>.graphic:before,

	.skin-check input[type=radio]+label>.graphic,
	.skin-check input[type=radio]+label>.graphic:before{content: ""; width: 18px; height: 18px; background-color: #fff; border:1px solid #ddd; font-size:0; line-height:0; display: inline-flex; vertical-align: top; position: relative; top:-1px; transition: .3s; overflow: hidden;}

	.skin-check input[type=checkbox]+label>.graphic:before{background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white"><path d="M21.03 5.72a.75.75 0 010 1.06l-11.5 11.5a.75.75 0 01-1.072-.012l-5.5-5.75a.75.75 0 111.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 011.06 0z"/></svg>') no-repeat center top/cover; border:none; left:0; top:-1px; z-index:2; opacity: 0.2;}

	.skin-check input[type=radio]+label>.graphic{border-radius:99px;}
	.skin-check input[type=radio]+label>.graphic:before{width: 50%; height: 50%; background-color:var(--skin_bg); border:none; left: 50%; top:50%; border-radius:99px; transform-origin: 50% 50%; transform: translate(-50%, -50%); opacity:0.2;}

	.skin-check input[type=checkbox]:checked+label>.graphic{border-color:var(--skin_bg);}

	.skin-check input[type=radio]:checked+label>.graphic{border-color:var(--skin_bg);}
	.skin-check input[type=radio]:checked+label>.graphic:before{background-color:var(--skin_bg);}

	.skin-check input[type=checkbox]:checked+label>.graphic,
	.skin-check input[type=checkbox]:checked+label>.graphic:before,
	.skin-check input[type=radio]:checked+label>.graphic,
	.skin-check input[type=radio]:checked+label>.graphic:before{opacity: 1;}
	.skin-check input[type=checkbox]:checked+label>.graphic:before{background-color: var(--skin_bg);}

	.skin-check input[type=checkbox]:checked+label,
	.skin-check input[type=radio]:checked+label{color: var(--skin_bg);}

@media only screen and (max-width : 1280px){
}

@media only screen and (max-width : 1024px){
	/* 마이페이지 */
		.my-info{flex-wrap: wrap; }
		.my-info .my-name{width:100%; margin:0 auto 4rem; justify-content: center; gap:3rem;}
		.my-info .my-conts{width:100%; max-width:100%;}

	/* 장바구니 */
		.sod_cart .sod_cart_total{width:100%;}
}
@media only screen and (max-width : 840px){
	.skin-member{width:100%;}

	.login_wr .non_member_sch_wr{width:100%;}

	/* 마이페이지 */
		.my-menu{}
		.my-menu a{max-width:20rem; height:6.5rem; font-size:2.2rem;}

		.my-info{padding:5rem 0; font-size:2.2rem;}
		.my-info .my-conts>dl>dt img{height:5rem;}
		.my-info .my-conts>dl>dd{padding-top:1rem;}
		.my-info .my-conts>dl>dd>p{padding-top:1rem; font-size:2rem;}
		.my-info .my-conts>dl>dd strong{font-size:2.4rem;}

	/* 회원 탈퇴 */
		.withdrawal-area{}
		.withdrawal-area .withdrawal-top{font-size:2.2rem;}
		.withdrawal-area .withdrawal-top img{height:12.7rem;}

		.withdrawal-area .withdrawal-btm>p{font-size:2.2rem;}
		.withdrawal-area .withdrawal-btm>ul{margin-top:2rem;}
		.withdrawal-area .withdrawal-btm>ul>li{padding-left:1rem; font-size:2rem;}
		.withdrawal-area .withdrawal-btm>ul>li:before{left:-1rem;}

		.skin-check.rem input[type=checkbox]+label{font-size:2rem; line-height:2.2rem;}
		.skin-check.rem input[type=checkbox]+label>.graphic,
		.skin-check.rem input[type=checkbox]+label>.graphic:before,

		.skin-check.rem input[type=radio]+label>.graphic,
		.skin-check.rem input[type=radio]+label>.graphic:before{width: 2.2rem; height: 2.2rem;}

    /* 주문내역 */
        .my_order_list .my_order_card_head{padding:4rem 2rem}
		.my_order_list .my_order_no{font-size:2.4rem;}
		.my_order_list .my_order_meta{font-size:2rem;}
		.my_order_list .my_order_badges p{padding:0.7rem 1.6rem 0.8rem; font-size:2rem;}
		.my_order_list .my_order_applicant{align-items:stretch; padding:1.5rem 2rem;}
		.my_order_list .my_order_applicant dl{flex:1 1 100%; padding:1.2rem 1.5rem; border-radius:0.8rem; font-size:2rem;}
		.my_order_list .my_order_applicant dd{margin-left:auto; text-align:right;}
		.my_order_list .my_order_request{padding:2rem;}
		.my_order_list .my_order_request details{font-size:2rem;}

	/* 상담내역 */
		.my_counsel_head{align-items:flex-start; padding:2rem; flex-direction:column;}
		.my_counsel_title{width:100%; align-items:flex-start;}
		.my_counsel_title>strong{font-size:2.2rem;}
		.my_counsel_type,.my_counsel_status{min-width:9rem; padding:0.8rem 1.4rem; font-size:1.8rem;}
		.my_counsel_state{width:100%; justify-content:space-between;}
		.my_counsel_state time{font-size:1.8rem;}
		.my_counsel_info{align-items:stretch; padding:1.5rem 2rem;}
		.my_counsel_info dl{flex:1 1 100%; padding:1.2rem 1.5rem; border-radius:0.8rem; font-size:2rem;}
		.my_counsel_info dd{margin-left:auto; text-align:right;}
		.my_counsel_message{padding:2rem;}
		.my_counsel_message details{font-size:2rem;}
		.my_counsel_answer summary{align-items:flex-start; padding:2rem;}
		.my_counsel_answer summary>strong,.my_counsel_answer_text{font-size:2rem;}
		.my_counsel_answer_meta{align-items:flex-end; flex-direction:column; gap:0.5rem;}
		.my_counsel_answer_meta time{font-size:1.7rem;}
		.my_counsel_answer_toggle{font-size:1.8rem;}
		.my_counsel_answer_text{max-height:40rem; padding:2rem;}
		.my_counsel_empty{font-size:2rem;}

	/* 장바구니 */
		.sod_cart .sod_cart_list .choice_del{padding:0.8rem 1rem; font-size:1.8rem;}
		.sod_cart .sod_cart_list .cart_li .cart_it_top .cart_it_del{padding:0.8rem 1rem; font-size:1.8rem;}
		.sod_cart .sod_cart_total dt{font-size:2.4rem;}
		.sod_cart .sod_cart_total dd{font-size:2rem;}
		.sod_cart .sod_cart_total .cart_total_plice{font-size:2rem;}
		.sod_cart .sod_cart_total .cart_total_plice span{font-size:3.4rem;}
		.sod_cart .sod_cart_total .total_btn .submit_btn{max-width:none; padding-bottom:0; font-size:2.4rem; height:6rem;}

	/*.skin-member.find{width:calc(100% - 6rem);}*/
}