@charset "utf-8";


.left-menu-bar, .lnb{display: none;}
.cart-fixed-contaner{display: none;}
.content-item-box{width: 1200px;}


/* 회원가입_휴대폰인증 */
.join_certif ul li{list-style:none}
.join_certif h3{font-size:18px;color:#010101;font-weight:600;margin:0 0 20px 0}
.join_certif .dataBox{border:3px solid #f7f7f7;width: 100%;
    padding: 40px 14px;
    box-sizing: border-box;}
.join_certif .dataBox:after{content:"";display:block;clear:both}
.join_certif .dataBox>div{/* float:left; */width:40%;display: inline-block;}
.join_certif .dataBox>div:first-child{width:35%}
.join_certif .dataBox>div ul{padding:0;margin:0}
.join_certif .dataBox>div ul li{line-height:26px;margin:0 0 10px 0}
.join_certif .dataBox>div ul li:after{content:"";display:block;clear:both}
.join_certif .dataBox>div ul li span.join_tit{font-size:15px;color:#000;vertical-align:middle;display:inline-block;margin:0 20px 0 0;    font-weight: bold;}
.join_certif .dataBox>div ul li select{width:60px;height:27px;border:1px solid #d4d4d4;vertical-align:middle;background:#fcfcfc;margin:0 3px}
.join_certif .dataBox>div ul li input{width:60px;height:27px;border:1px solid #d4d4d4;vertical-align:middle;box-sizing:border-box;background:#fff;   box-sizing: border-box;
    padding-left: 2%;}
.join_certif .dataBox>div ul li input[type='radio']{margin-right:5px;}
.join_certif .dataBox>div ul li.name input{width:180px}
.join_certif .dataBox>div ul li label{vertical-align:middle;font-size:14px;margin:0 5px 0 0}
.join_certif .dataBox>div ul li label input{width:14px;height:14px;float:none;vertical-align:middle;background:none;box-sizing:content-box;border:0}
.join_certif .dataBox a{/* float:left; */display:inline-block;width:13%;background:#a90000;text-decoration:none;font-size:15px;color:#fff;/* font-weight:600; */margin:0 0 0 35px;padding:15px 0;text-align:center;position: relative;
top: -30px;}
.join_certif .join_notice{width:100%;background:#f7f7f7;padding:20px 14px;box-sizing: border-box;}
.join_certif .join_notice ul{padding:0;margin:0}
.join_certif .join_notice ul li{font-size:13px;color:#777;margin:0 0 6px 0}


/* .personal{font-family: nanumsquarer, sans-serif;} */
/* 회원가입_정보입력 */
.personal{width:100%;height:100%}
.personal h4{margin: 63px 0 10px 0; font-size: 26px; font-weight: 800; display: inline-block;}
.join_important_text{margin: 80px 0 10px 0; float: right; font-size:14px; font-weight: 600;}
.join_important_point{color: red;}
.personal_table{border-top:2px solid #777;border-collapse:collapse;width:100%}
/* .personal_table th{background:#f7f7f7;font-weight:600;border-bottom:1px solid #e0e0e0;font-size:15px;;border-right:1px solid #e0e0e0;text-align:left;} */
.personal_table th{font-size:14px; font-weight: 600; text-align: left; padding-left:24px; border-bottom:1px solid #e0e0e0; background: #f6f6f6;}
.personal_table th .star , .personal_table p.personal_tit span.star{color:red; margin-left: 5px; font-size: 10px;}
.personal_table tr td{font-size:15px;border-bottom:1px solid #e0e0e0; padding: 12px 0 12px 40px;}
.personal_table tr td p.personal_tit{position: relative; display:none;font-weight:600;margin-bottom: 12px;}
.must-star{position: relative;}
.must-star::after{position: absolute; content: '*'; color: red;}
.personal_text_right{font-size:14px; color: #919191; display:inline-block; margin:0 0 0 19px; line-height: 20px;}
.msg{position: relative;top: 6px;}
.personal_table tr td span.red{color:#a90000;margin:0}
.personal_table tr td span.tit{color:#444;display:block;height:30px;margin:0}
.join-text-input{vertical-align:middle; background:#f6f6f6; border:1px solid #dcdddd; outline:0; height:38px; width:237px; line-height:15px;display: inline-block;padding-left: 5px; box-sizing: border-box;}
.personal_table tr td input.radio{border:0;background:none;width:15px;height:15px;vertical-align:middle;margin:0 5px}
.personal_table tr td select{vertical-align:middle;background:#fcfcfc;border:1px solid #dcdddd;outline:0;height: 38px;box-sizing:content-box}
.personal_table tr td textarea{vertical-align:middle;background:#fcfcfc;border:1px solid #dcdddd;outline:0}
.sb-text-gray{cursor:pointer;vertical-align:middle;margin:0 14px 0 0;font-size:14px;color: #919191;}
.personal_table tr td.idCheck button{background:#a8a8a8; color:#fff; font-size:12px; vertical-align:middle; border:0; margin:0 0 0 5px; padding: 10.5px 18px; cursor:pointer;}
.zip_code a{background: #a8a8a8; color: #fff; font-size: 12px; vertical-align: middle; border: 0; margin: 0 0 0 5px; padding: 10.5px 14.5px; cursor: pointer;}
.personal_text_bottom{font-size: 14px; color: #919191; display: inline-block; line-height: 20px;margin: 10px 0 0 0;}
.personal_point_text{font-size: 14px; color: red; display: block; line-height: 20px;}
.personal_table tr td.email select{width:130px}
#back-number{width:65px}
.personal_table tr td.phone select{width:65px}
.personal_table tr td.zip_code{border:0;line-height:30px;padding:10px 0 0 40px}
.personal_table tr td.zip_code input{width: 133px}
.personal_table tr td.zip_code button{width:100px;height:26px;background:#f2f2f2;color:#7c7c7c;border:1px solid #dadada;font-size:12px;font-family:dotum,돋움;text-align:center;margin:0 0 0 7px;border-radius:2px;cursor:pointer}
.personal_table tr td.address{line-height:30px;padding:5px 0 10px 40px}
.personal_table tr td.address input{width:300px}
#rct_addr1, #rct_addr3{display: block;}
#rct_addr2, #rct_addr4{margin-top: 6px;}
.personal_table tr td.address label{margin:0 0 0 23px;font-size:14px;cursor:default}
.personal_table tr td.address label input{margin:0 0 0 20px;font-size:14px;width:210px}
.personal_table tr td.code input{width:80px}
.personal_table tr td.code span{line-height:19px;vertical-align:middle}

.personal .finish_btn{width:100%;text-align:center;padding-top:30px;}
.personal .finish_btn a{display:inline-block;width:165px; font-size:16px; border: 1px solid #39393d; text-decoration:none; text-align:center; margin:0 5px; padding:12px 0;}
.personal .finish_btn a.yes{background:#39393d;color:#fff}

.check-box{display: inline-block; margin-left: 32px;}
input[type="checkbox"] {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #999;
	appearance: none;
	cursor: pointer;
	margin: -4px 0;
}

input[type="checkbox"]:checked {
	background: #0075ff;
	border: none;
}

.input-fille-btn{
	padding: 9px 23.5px;
	background: #a8a8a8;
	color: white;
	cursor: pointer;
	color: #fff;
    font-size: 12px;
	margin: 0 0 0 5px;
}
#input-file{display: none;}


/* 회원정보수정 */
.personal_table tr td.mobile button{width:70px;background:#a90000;color:#fff;font-size:12px;vertical-align:middle;border:0;border-radius:2px;margin:0 0 0 10px;padding:7px 0;cursor:pointer;line-height: 1;}
.personal_table tr td.mobile span.del{display:inline-block;width:70px;line-height:28px;background:#000;color:#fff;font-size:12px;text-align:center;margin:0 0 0 10px;vertical-align:middle}
.personal_table tr td.mobile .del input{width:14px;height:14px;vertical-align:middle;margin:0 3px 0 0;border:0;background:none}

.personal .finish_btn a.drop_out{position:absolute;left:0}
.personal .dropOut_btn{position: relative;
    left: 0;
    height: 50px;    margin-top: 45px;}
.personal .dropOut_btn a{position:absolute;left:0;top:0;display:block;width:80px;padding:12px 0; color:#666;font-size:13px;font-weight:600;background:#d9d9d9;text-decoration:none;text-align:center;}
.personal .finish_btn{width:100%;text-align:center;padding-top:30px;}
.f_btn{margin-top:20px; text-align: center;}
.f_btn a{display:inline-block;width:165px;height:48px;padding:12px 0 0 0;color:#666;font-size:16px;font-weight:600;background:#d9d9d9;text-decoration:none;text-align:center;margin:0 5px;border-radius: 3px;}
.f_btn a.yes{background:#ff6363;color:#fff}
td.birth input{width: 20% !important;}
@media (max-width:840px){
    .personal {
    width: 96%;
    height: 100%;
    margin: 0 auto;
}
.join_certif{width:96%; margin: 0 auto;}
  .join_certif .dataBox {padding: 40px 2%;}
  .join_certif .dataBox > div ul li.name input {
    width: 45%;
}
.personal_table tr td {padding:20px 0 ;padding-left: 2%;}
.join_certif .dataBox a {display:block;position: unset;top:0px;width:30%;margin: 0 auto;margin-top: 25px;padding:10px 0;}
.join_certif .dataBox > div:first-child {width:40%;margin-right: 1%;float: none;position: relative;
top: -10px;}
.join_certif .dataBox > div {width: 58%;}
.personal_table th {
    width: 20%;    font-size: 13px;    text-align: center;word-break: keep-all;}
    .personal_table tr td.zip_code {
            padding: 0;
            padding-top: 10px;
    padding-left: 2%;
    }
    .personal_table tr td.address input {width: 70%;}
    .personal_table tr td.address {padding: 0;
            padding-top: 10px;
            padding-bottom: 10px;
    padding-left: 2%;}
    .personal_table tr td.address label {margin: 0;}
    .personal_table tr td.address label input {margin: 0;width: 60%;margin-left:5% ;}
    .personal_table tr td span {margin: 0 0 0 5px;}
    .personal_table tr td.mobile {padding:20px 0; padding-left: 4%;}
    
}
@media (max-width:600px){
    .join_certif .dataBox > div:first-child {width:60%;display: block;position: relative;top: 0px;margin:0 auto;}
    .join_certif .dataBox > div ul li.name input {width: 70%;}
    .join_certif .dataBox > div {display: block;width:60%;margin:0 auto;/* top: 5px; */}
    .join_certif .dataBox > div ul li {margin:0 0 18px 0;}
    .join_certif .dataBox a {width:45%}
}
@media (max-width:600px){

    .join_certif .dataBox > div:first-child {width:100%}
    .join_certif .dataBox > div {width:100%;}
    .personal_table th {display:none;}
    .personal_table tr td p.personal_tit{display: block;}
    .personal_table tr td.email {padding-bottom: 0;}
    .personal_table tr td span {margin-top:7px}
}
@media (max-width:500px){
    .personal_table tr td.email  {  padding-left: 4%;}
    .personal_table tr td.email input {width:36%}
    .personal_table tr td label {margin-right: 5%;}
    .personal_table tr td input {width:100%;box-sizing: border-box;}
    .personal_table tr td input#o_userid {margin-bottom: 5px;}
    .personal_table tr td.idCheck button {margin:0}
    .personal_table tr td.email select#emailTail {width:100px}
    .personal_table tr td.email #emailID{width:100%;margin-bottom: 5px;;}
    .personal_table tr td.mobile button {margin:0;border-radius: 0;}
}
@media (max-width:400px){
    .personal .finish_btn a {display: inline-block;
    width: 43%;}
    .join_certif .dataBox {padding: 0;border:0;}
    .join_certif .join_notice {background:#fff;padding:0 10px;padding-top: 40px;}
    
}
@media(max-width:380px){
.join_certif .dataBox>div ul li select#o_year ,.join_certif .dataBox>div ul li select#o_phone1{width:65px;}
.join_certif .dataBox>div ul li select {width: 53px;}

}
@media (max-width:330px){
    
    .join_certif .dataBox>div ul li span.join_tit { font-size:4.3vw !important;    margin: 0 3% 0 0;}
    .join_certif .dataBox > div ul li input {font-size:4vw !important;    width: 46px;}
    .join_certif .dataBox>div ul li select {font-size:4vw !important;width:41px;margin:0}
    .join_certif .dataBox>div ul li select#o_year ,.join_certif .dataBox>div ul li select#o_phone1{width:54px;}
    .join_certif .dataBox>div ul li label {font-size:4.5vw !important;}
    .join_certif .dataBox a {font-size:13px;padding:7px 0;}
    .personal .finish_btn a {font-size:13px;padding:7px 0;}
    
}


/* 가입방법 선택 */
.join_choice_contaner{width: 100%;}
.join_choice_contaner h3{text-align: center; font-size: 25px; color: #010101; font-weight: 600; margin: 0 0 10px 0; letter-spacing: -1px;}
.sbtitle{text-align: center;}

.join_choice_wrap{width: 1000px; margin: 30px auto 0 auto; }
.join_process_box{display: flex; justify-content: space-between; width: 100%;}
.join_process_list{text-align: center; border-bottom: 2px solid #dcdcdc; width: 24%; padding-bottom: 10px;}
.moment_check{border-bottom: 2px solid;}
.step-text-style{display: block; font-size: 20px; font-weight: 600;}

.join_choice_box{width: 600px; margin: 70px auto 0 auto;}
.join_choice_list{width: 300px; margin: 0 auto; padding: 20px 0; background: #ff3131;}
.join_choice_list:last-child{margin-top: 20px; background: #7a7a7c;}
.join_choice_text, .join_choice_sbtext{color: #fff; display: block; text-align: center;}
.join_choice_text{font-size: 1rem;}
.join_choice_sbtext{font-size: 0.8rem;}

/* 회원가입 완료 */
.join_complete_box{margin-top: 130px;}
.join_complete{width: 510px; margin: 0 auto; text-align: center;}
.join_complete i{padding: 20px; background: #dbdbdb; color: #fff; border-radius: 50%; font-size: 3.4rem;}
.join_complete_text{text-align: center; margin-top: 32px; font-size: 34px; font-weight: 800;}
.join_complete_sbtext{text-align: center; margin-top: 21px; line-height: 0; color: #999;}
.choice_move_box{width: 100%; margin-top: 80px;}
.choice_move_box a{display: inline-block; width: 165px; font-size: 16px; border: 1px solid #39393d; text-decoration: none; text-align: center; margin: 0 14px; padding: 14px 26px;}
.login_go_btn{background: #39393D; color: #fff;}


.more_login_btn {}
.more_login_btn:after {display:block;content:"";clear:both;}	   
.more_login_btn > div {float:left;}
.naver-login_btn a, .kakao-login_btn a {
    width: 138px;
    margin: 0 auto;
    display: block;
    background: #39393D;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 14px 0;
    text-align: center;
}

.naver-login_btn a {
    background: #04CF5C;
}
.kakao-login_btn a {
    background: #FAE100;
    color: inherit;
}