@charset "utf-8";
/* 회원가입 */
.member-h1 { border-bottom: 3px solid #000; padding: 0 0 30px 0 }
.member h3 { font-size: 20px; line-height: 28px; }
.member h4 { font-size: 18px; line-height: 28px; }
.coupon-holder { width:454px; margin-left:auto; margin-right:auto } 
.coupon-holder ul { justify-content: space-around; }
.coupon-holder li { width: 207px; }
.coupon-holder li ._img { width: 254px; height: 132px; background: url(../images/common/icons-coupon.png) center center no-repeat; padding: 35px 23px; background-size: contain; } 
.coupon-holder li .h { color: #888; font-size: 16px } 
.coupon-holder li .num { color: #000; font-size: 22px; margin-top:6px }
.coupon-holder li .num .b { font-weight: 700; font-size: 22px; }

.sns-holder { text-align: center; } 
.sns-holder ul { justify-content: center; margin-top: 15px; } 
.sns-holder li { margin: 0 10px; } 
.sns-holder li a { width:55px; text-align:left } 
.sns-holder i { width: 55px; height: 55px; background-size: contain; background-repeat: no-repeat; } 
.sns-holder a span { font-size:16px; color:#000; padding-left:7px; display: none } 
.sns-holder .naver { background-image: url(../images/common/sns-naver.svg); } 
.sns-holder .kakao { background-image: url(../images/common/sns-katalk.svg); } 
.sns-holder .facebook { background-image: url(../images/common/sns-facebook.svg); } 
.sns-holder .apple { background-image: url(../images/common/sns-apple.svg); } 
.sns-holder .h { margin-top: 3px; } 
.sns-holder.align-l { padding-top: 25px; border-top: 1px solid #ccc; } 

.gender-holder .radio-type { margin: 20px 0 0 0; } 

.terms-holder .all { margin-bottom: 25px; padding:20px 30px } 
.terms-holder .all div { padding-left: 34px; } 
.terms-holder .all label { font-size: 16px; font-weight: 500; } 
.terms-holder .one > div { padding: 12px 0; align-items: baseline; } 
.terms-holder .one .subagree-holder { padding-top: 6px; padding-left: 40px; background:url(../images/common/subcatline.svg) no-repeat 10px 0 } 
.terms-holder a { width:100px; height:32px; text-align:center; line-height: 30px; border:1px solid #333; font-size: 14px; min-width: 100px; color: #333; } 
.terms-holder label span { font-size: 14px; color: #ff5b37; } 
.terms-holder .txt-holder { margin-top: 7px; } 

.mail-holder li { height: 80px; } 
.mail-holder li:not(:first-child) { margin-top: 10px; } 
.mail-holder label { width: 100%; height: 100%; position: absolute; z-index: 1; background-position-x:0; background-position-y: 30px; background-color: transparent!important;} 
.mail-holder li i { width: 60px; height: 60px; margin-right: 20px; background-color:#000; border-radius: 50%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size:100% 100%; } 
.mail-holder li svg,
.mail-holder li img {width: 60px; height: 60px; margin-right:20px;}
.mail-holder li > .flex { padding-left: 20px; width: 100%; border: 1px solid #ddd; margin-left: 34px; height:80px } 
.mail-holder h5 { font-size:16px } 
.mail-holder h6 { color: #666; font-size:13px; margin-right:20px } 
.mail-holder input[type=radio]:checked + label { background-position-x:0; background-position-y: 30px; } 
.mail-holder input[type=radio]:checked + label + .flex { border-color: #000; } 

.k2group { padding:40px 20px } 
.k2group .flex { justify-content: space-between; } 
.k2group i { width: 60px; height: 60px; background-color: #000; border-radius: 50%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size:100% 100%; } 
.k2group img {width: 60px; height: 60px;}
.k2group .h { color: #333; margin-top: 20px; } 

.k2group i.k2,
.mail-holder i.k2 { background-image: url(../images/common/icons-k-2.svg); } 
.k2group i.eider,
.mail-holder i.eider { background-image: url(../images/common/icons-eider_v2.svg); } 
.k2group i.dynafit,
.mail-holder i.dynafit { background-image: url(../images/common/icons-dynafit_v2.svg); } 
.k2group i.wangle,
.mail-holder i.wangle { background-image: url(../images/common/icons-wideangle_v2.svg); } 
.k2group i.k2safety,
.mail-holder i.k2safety { background-image: url(../images/common/icons-k2safty.svg); } 
.k2group i.nsad,
.mail-holder i.nsad { background-image: url(../images/common/icons-nsad.svg); } 
.k2group i.piretti,
.mail-holder i.piretti { background-image: url(../images/common/icons-piretti_v2.svg); } 
.k2group i.nordisk,
.mail-holder i.nordisk { background-image: url(../images/common/icons-nordisk_v2.svg); } 
.k2group i.kemall,
.mail-holder i.kemall { background-image: url(../images/common/icons-Kvillage2.svg); } 

.id-search li { border-left: 1px solid #ddd } 
.id-search li:first-child { border: none } 
.id-search li a { display: block; color: #888; padding: 0 10px; } 

.order-search { text-align: center; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0 } 
.order-search a { font-size: 16px; }