@charset "utf-8";

/* 이용약관 */
.rules .welcome_msg {margin-top:15px;}
.rules .rule {margin-top: 40px;}
.rules .rule2 {margin-top: 50px;}
.rules .agree { margin: 10px 0 10px 0; padding: 18px 15px 18px 15px; border: 1px solid #e3e3e3; height: 130px; overflow-y: scroll; }	
.rules .btn_area { margin: 40px 0 0 0; text-align: center; }
.rules .btn_area > input { width: 134px; height: 44px; font-weight: bold; margin-right: 10px; }
.rules input[type='checkbox'] { vertical-align: -2px;}

/*리뉴얼*/
#mask {	position: fixed;z-index: 9000;background-color: #222;display:none;	left: 0;top: 0; right:0; bottom:0; opacity: 0.7;}

/*상단 제목 공통*/
#new_member .content_header{ margin-bottom:60px; }
#new_member .content_header:after {content:"";display:block;clear:both;}
#new_member .content_header .content_title{ padding-left:10px; margin-bottom:40px; border-left:2px solid #d01f3c; font-size:25px; line-height:29px; font-weight:bold; color:#141414; }
#new_member .content_header .content_title .top_now{ margin-left:30px; font-size:15px; font-weight:bold; color:#222; float:left; }
#new_member .content_header .content_title .top_now .num{ margin-left:10px; margin-top:-2px; padding:2px 12px; border:1px solid #d01f3c; border-radius:9px; background-color:#fff; float:right; }
#new_member .mini_title{ font-size:20px; font-weight:bold; color:#141414; }
#new_member .line{ width:24px; margin:10px 0 20px; border-top:2px solid #d01f3c; }
#new_member .mini_desc{ margin-bottom:20px; }
#new_member .content_header .member_process{ float:right; }
#new_member .content_header .member_process .process{ font-size:13px; font-weight:bold; float:left; }
#new_member .content_header .member_process .process.on{ color:#d01f3c; }
#new_member .content_header .member_process .vline{ width:20px; height:4px; margin:0 10px; border-top:1px solid #666; display:inline-block; }
#new_member .content_header .member_process .process.on .vline{ border-color:#d01f3c; }

/*컨텐츠 테이블 공통*/
#new_member .member_info .nuts_table{ width:100%; margin-bottom:50px; border:1px solid #999; border-width:1px 0; text-align:left; }
#new_member .member_info .nuts_table tr th{ padding:10px 30px; border-bottom:1px solid #e3e3e3; color:#141414; background-color:#f8f8f8; text-align:left; font-size:13px;}
#new_member .member_info .nuts_table tr td{ line-height:1.5; padding:15px 10px; border-bottom:1px solid #e3e3e3; color:#141414;}
#new_member .member_info .nuts_table tr:last-child th{ border-bottom:0; }
#new_member .member_info .nuts_table tr:last-child td{ border-bottom:0; }
#new_member .member_info .nuts_table tr td .product_name{ width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:bold; color:#333; text-align:left; }
#new_member .member_info .nuts_table tr td .option_v{ width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/*input 공통*/
#join .member_info .new_text{ width:250px; height:30px; line-height:28px; box-sizing:border-box; margin-right:7px;}
#join .member_info input[type="button"]{ width:90px; height:30px; padding:0; }
#join .member_info select{ height:30px; }
/*#join .member_info .new_radio{ margin:5px 0; margin-right:10px; }*/
/*#join .member_info label{ margin-right:30px; }*/
#join .member_info .blank{ width:5px; display:inline-block; }
#join .member_info .hyphen{ width:20px; font-size:20px; color:#222; text-align:center; display:inline-block; vertical-align:-2px; }
#join .member_info .at{ width:20px; font-size:18px; color:#141414; text-align:center; display:inline-block; vertical-align:-2px; }
#join .member_info .file_border{ padding:4px; border:1px solid #ccc; }
#join .member_info .agr_mkt .set_border {border-top:1px solid #e3e3e3;}
#join .member_info .display_inline {width:110px;}

/*회원가입 - 인트로*/
#member_intro .member_division .member_tab{ width:318px; height:318px; margin-right:45px; border:1px solid #666; text-align:center; float:left; display:table; }
#member_intro .member_division .member_tab .tab_cell{ display:table-cell; vertical-align:middle; }
#member_intro .member_division .member_tab .tab_cell img.gene{ margin-bottom:25px; }
#member_intro .member_division .member_tab .tab_cell .btn_ngray{ width:110px; }
#member_intro .member_division .member_tab .mtab{ width:100%; height:160px; border-bottom:1px solid #666; display:table; }
#member_intro .member_division .member_tab .mtab .tab_cell{ *margin-top:25px; *float:left; }
#member_intro .member_division .member_tab .mtab .cell_img{ width:130px; *width:160px; *margin-top:50px; }

/*회원가입 - 약관동의, 회원정보입력*/
#join .content_header{ margin-bottom:40px; }
#join .member_rule .rule{ margin-bottom:30px; }
#join .member_rule .rule_tab{ width:478px; height:228px; line-height:1.4; padding:10px; margin-bottom:15px; border:1px solid #999; overflow:auto; }
#join .member_rule .new_check{ vertical-align:-5px; }
#join .rule_btn{ margin-top:50px; text-align:center; }
#join .rule_btn input[type="button"]{ width:180px; height:60px; margin:0 5px; font-weight:bold; }
#join .top_box_background {height:41px;margin-bottom:50px;}
#join .top_box{ padding:10px 34px; border:1px solid #222; background-color:#fff; overflow:auto; z-index:99; }
#join .top_box .box{ width:495px; padding-left:10px; font-size:12px; font-weight:bold; float:left; }
#join .top_box .box span{ vertical-align:1px; font-weight:normal; }
#join .member_info{ margin-bottom:50px; }
#join .member_info .fr input[type="button"]{ margin-top:5px; }
#join .member_info .member_table{ width:100%; }
#join .member_info .member_table tr th{ height:51px; font-size:13px; font-weight:bold; color:#222; }
#join .member_info .member_table tr td{ padding:7px 0 8px; }
#join .member_info .member_table tr td .other_info{ line-height:1.4; margin-top:20px; }
#join .member_info .nuts_table tr th{ height:26px; padding:5px 30px; }
#join .member_info .nuts_table tr td{ height:26px; padding:5px 10px; }

#join .member_info .already_exist {margin-top:5px;}
#join .member_info .already_exist .role_btn {margin-right:10px;width:90px;display:inline-block;text-align:center;padding:5px 0;float:left;}
#join .member_info .wrap_time_text {margin:5px 10px 0;}
#join .member_info .btn_certi.on_dis {background-color:#fefefe;border:1px solid #999;color:#999;cursor:default;}
#join .member_info .btn_certi.on_dis:hover {background-color:#fefefe;}

#join #return .member_table tr th{ height:inherit; padding:10px 0; border-top:1px solid #999; border-bottom:1px solid #e3e3e3; background-color:#f8f8f8; color:#222; text-align:center; }
#join #return .member_table tr.info_bottom td{ line-height:1.5; border-bottom:1px solid #e3e3e3;padding-top:20px;padding-bottom:0;}
#join #return .member_table tr.info_bottom td .new_select{ width:110px; height:inherit; padding:1px 10px; font-size:12px; }
#join #return .member_table tr.info_bottom td label{ margin-right:0; }
#join #return .member_table tr.info_bottom td .didi_tab{ width:220px; margin-top:4px; }
#join #return .member_table tr.info_bottom td .didi_tab .new_check{ vertical-align:-6px; }
#join #return .member_table tr.info_bottom td .mini_text{ width:62px; padding:0 3px; border:1px solid #ccc; }
#join #return .member_table tr td .new_radio{ width:15px; height:15px; }
#join #return .member_table tr td .new_radio:after{ width:7px; height:7px; top:3px; left:3px; }
#join #return .member_table tr td .price_detail{ margin-left:10px; display:none; }
#join #return .member_table tr td .price_detail table{ width:240px; }
#join #return .member_table tr td .price_detail table tr th{ padding:0; background-color:#fff; border:0; text-align:left; }
#join #return .member_table tr td .price_detail table tr td{ padding:1px 5px 1px 0; border:0; text-align:right; }
#join #return .member_table tr td .price_detail table input[type="checkbox"]{ vertical-align:middle; }
#join #return .member_table tr.table_info_top td {border-bottom:0;}
#join #return .member_table tr td.return_area {padding-left:30px;}
#join #return .member_table tr td.border {border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
#join #return .member_table tr td .choice_country_radio_wrap {width:150px;display:inline-block;}
#join #return .member_table tr td .outCountryInfoLabel {display:inline-block;width:105px;}

#join .info_btn{ margin-top:50px; text-align:center; }
#join .info_btn input[type="button"],#join .info_btn input[type="submit"]{ width:180px; height:60px; margin:0 5px; font-size:15px; font-weight:bold; }
#join .member_info .member_table tr td.seller_phone_info p{ margin-top:3px; font-size:13px; }
#new_member.msell .member_info{ padding-bottom:5px; }
#join #layerNode{ position:fixed !important; z-index:9999; background-color:#fff; }

#join.join_sell .member_info .nuts_table{ margin-bottom:10px; }
#join.join_sell .member_info .sell_bottom{ margin:0 0 10px 0; text-align:right; }
#join.join_sell .managerData {border-bottom:1px solid #e3e3e3;}
#join.join_sell .managerData:last-child {border-bottom:0;}
/*회원정보수정*/
/*#join .bottom_btn .btn_end{ padding:1px; margin-top:-45px; border-bottom:1px solid #999; font-size:13px; display:inline-block; cursor:pointer; }*/

/*회원가입완료*/
.sign_complete .complete_desc{ width:650px; margin:0 auto 30px; padding:30px 0; border:1px solid #666; border-width:1px 0; }
.sign_complete .complete_desc div p{ font-size:21px;  }
.sign_complete .complete_desc div p span{ font-size:21px; font-family:'SD Gothic Neo', serif; color:#333; }
.sign_complete .btn_area input[type=button] {width:170px;height:50px;padding:0;}

/* 회원탈퇴 */
#join .secession_desc{ line-height:1.8; padding:25px 20px; background-color:#f5f5f5; }
#join .secession_desc p,
#join .secession_desc span{ color:#222; font-size:13px; }
#join .secession_box{ margin-top:70px; }
#join .secession_box .left_header{ padding-left:5px; margin-bottom:20px; border-left:2px solid #d01f3c; font-size:14px; font-weight:bold; color:#333; }
#join .secession_box .sub_desc{ margin-bottom:5px; font-size:13px; color:#888; }
#join .secession_box .check_table{ width:100%; }
#join .secession_box .check_table tr td{ padding-bottom:10px; }
#join .secession_box .check_table .text_etc{ display:none; }
#join .secession_box .check_table textarea{ width:806px; height:60px; padding:20px; margin-top:5px; }
#join .secession_box .member_info{ margin-top:30px; }

/*로그인*/
.checkbox-black-sm { padding-left: 24px; position: relative; }
.checkbox-black-sm .checkbox-black-label::before,
.checkbox-black-sm .checkbox-black-label::after {
	content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; box-sizing: border-box;
}
.checkbox-black-sm .checkbox-black-label::before { border: 1px solid #ddd; background-color: #fff; border-radius: 2px; }
.checkbox-black-sm input[type='checkbox']:checked + .checkbox-black-label::before { content: ''; background: url('https://static-ux.mustit.co.kr/img/front/icon/icon-checkbox-checked-black.png') no-repeat center/contain; border: 0;}

#login .top_welcome{ margin:70px 0 50px; text-align:center; }
#login .top_welcome span{ font-size:32px; font-weight:600; color:#222; vertical-align:-10px;}
#login .top_welcome .line {width:24px;margin:15px auto;}
#login .login{ width: 680px; }
#login .login.non_member {width: 720px;}
#login .login_tab{ width: 360px; margin-right: 40px; float:left; }
#login .login.non_member .login_tab {width: 400px;}
#login .login_tab .mini_title{ margin-bottom:10px; }
#login .login_tab .mi-tab-item { height: 47px; }
#login .login_tab .mi-tab-link { height: 47px; padding: 13px 0; }
#login .login_tab .mi-hidden:checked + .mi-tab-link { border-width: 3px }
#login .login .login_tab .bx-viewport {box-shadow:none;}
#login .input-join-textfield { border: 1px solid #ddd; border-radius: 4px; padding: 11px 16px; box-sizing: border-box; -webkit-text-fill-color: inherit; color: #222;}
#login .input-join-textfield:focus {border-color: #555;}
#login .input-join-textfield::placeholder,
#login .input-join-textfield::-webkit-input-placeholder { color: #aaa; }
#login .btn-join-secondary {height: 48px; border-radius: 4px; background-color: #222; }
#login .btn-kakao-login {height: 44px; border-radius: 4px; background-color: #fee500; border-color: #fee500; padding: 0; color: #222;}
#login .mi-vertical-boundary-sm:after { margin-left: 8px; margin-right: 4px; background-color: #e6e6e6; height: 12px; vertical-align: -2px;}
#login .login .login_tab .login_banner{ height:350px; overflow:hidden; }
#login .login .login_tab .login_banner img{ width:280px; height:350px; }
#login .banner_area { width: 280px; height: 350px; float: left; margin-top: 70px; overflow: hidden;}
#login .speech-bubble { top: -53%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); box-shadow: 0px 1px 2px rgba(0, 0, 0, .2); border-color:#ccc; color: #222; padding-top: 8px; padding-bottom: 8px;}
#login .mi-tab-line { border-bottom: 1px solid #e6e6e6; }
#login .mi-tab-line .mi-tab-link { color: #888; }
#login .mi-tab-line .mi-hidden:checked + .mi-tab-link { color :#222; border-color: #222;}



/* 아이디/비밀번호 찾기 공통 */
.find_area{ margin:60px 0; }
.find_area .find_box{ width:500px; margin:0 auto; }
.find_header{ margin-bottom:40px; text-align:center; }
.find_header .line{ margin:10px auto 20px !important; }
.find_table{ width:100%; }
.find_table tr td{ padding:5px 0; }
.find_table select{ width:143px; height:42px; padding:0 15px; border-color:#ccc; }
.find_table input{ height:42px; }
.find_table input[type='text'].new_text{ width:418px; height:40px; padding:0 20px; }
.find_table input[type='password'].new_text{ width:418px; height:40px; padding:0 20px; }
.find_table .hyphen{ padding:0 5px; display:inline-block; }
.find_button{ margin-top:25px; }
.find_button input{ width:100%; height:60px; font-size:14px; padding:0; }
.find_result{ line-height:1.6; padding:35px 55px; background-color:#f8f8f8;}
.find_result p{ font-weight:bold; color:#333; }
/* 아이디/비밀번호 찾기 */
#find_info .find_box{ border:1px solid #ccc; }
#find_info .find_box .sub_tab{ overflow:auto; }
#find_info .find_box .sub_tab li{ width:250px; height:50px; line-height:50px; border-bottom:1px solid #ccc; font-weight:bold; color:#333; float:left; text-align:center; cursor:pointer; }
#find_info .find_box .sub_tab li.on{ border-color:#333; background-color:#333; color:#fff; }
#find_info .find_box .sub_desc{ line-height:1.4; margin-top:40px; text-align:center; }
#find_info .find_box .sub_desc p{ font-weight:bold; color:#333; }
#find_info .find_box .find_method{ margin:40px 65px 25px; overflow:auto; }
#find_info .find_box .find_method .find_ck{ width:50%; text-align:center; float:left; }
#find_info .find_box .find_method .find_ck label{ font-weight:bold; color:#333; }
#find_info .find_box .content_box{ padding:0 20px 50px; }
#find_info .find_box .content_box .find_table{ display:none; }

/* 비밀번호 찾기 & 주문번호 찾기 */
#find_pw_modify .find_table{ padding:15px 20px; border:1px solid #999; border-width:1px 0; }

/* 아이디찾기 결과 */
#find_id_ok .left_header{ padding-left:5px; margin-bottom:5px; border-left:2px solid #d01f3c; font-size:15px; font-weight:bold; color:#333; }
#find_id_ok .mini_title {font-size:23px;}
#find_id_ok .send_id{ margin:35px 0 20px 25px; }
#find_id_ok .send_id p{ color:#333; }
#find_id_ok .find_table{ border:1px solid #999; border-width:1px 0; }
#find_id_ok .find_table tr td{ padding:10px 30px; border-bottom:1px solid #e3e3e3; }
#find_id_ok .find_table tr:last-child td{ border-bottom:0; }
#find_id_ok .find_table tr td input[type="button"]{ width:105px; height:30px; padding:0; }
#find_id_ok .find_button .role_btn {width:243px;padding:20px 0;display:inline-block;text-align:center;}

/*간편로그인 아이디 연동*/
#linkage_id_login {padding:40px 0 80px;}
#linkage_id_login .txt_intro {margin-bottom:40px;}
#linkage_id_login .txt_desc {margin-bottom:50px;}
.box_border {border:1px solid #e3e3e3;padding:50px 40px;}
.box_border .box_main {padding:0 0 25px;border-bottom:1px solid #e3e3e3;}

.box_gray {background-color:#f5f5f5;padding:25px;line-height:25px;text-align:center;min-width:500px;margin:0 auto 25px;display:inline-block;}	
.box_gray p {font-size:14px;}
.box_gray p>span {font:inherit;color:#222;}
.form_login {width:380px;margin:0 auto;position:relative;margin-bottom:20px;}
.form_login .form_text {width:270px;}
.form_login .form_text .new_textbox {height:42px;margin-bottom:10px;font-size:13px;}
.form_login .form_button {position:absolute;top:0;right:0;width:100px;height:94px;}
.form_login .form_button .btn_mustit {width:100%;height:100%;font-size:15px;}

.landing_find {display:inline-block;width:140px;color:#222;font-size:13px;}
.landing_find:first-child {border-right:1px solid #eee;}

.box_border .box_bottom {padding-top:30px;}
.box_border .box_bottom .btn_gray9 {display:inline-block;width:380px;padding:15px 0;font-size:15px;}
.box_border .box_bottom .btn_gray9:hover {color:#fff;}


/*IE10*/
@media screen and (min-width:0\0){
	#join #return .member_table tr.info_bottom td .mini_text{line-height:14px;}
}