@charset "utf-8";

.main_inner{min-height:auto;}

.section{padding:30px 0 90px;width:100%;max-width:1200px;margin:0 auto;}

.sub_tit_area{border-bottom:5px solid #dddddd;margin-bottom:80px;}
.sub_tit_area .sub_title{font-size:24px;line-height:1;margin-bottom:15px;}
.box_tit_area{margin-bottom:40px;}
.box_tit_area .tit{font-size:24px;line-height:1;letter-spacing:-0.01em;text-align:center;}
.box_tit_area .dsc{text-align:center;font-size:16px;margin-top:10px;letter-spacing:-0.01em;}

/* join */
.join_cate_wrap{height:400px;}
.join_cate_box{float:left;margin-right:12px;width:420px;height:100%;border-radius:5px;background:#e0e0e0 url(/theme/basic/img/member/join_bg_01.png) no-repeat; height:400px;}
.join_cate_box:nth-child(1){background-position:center bottom;}
.join_cate_box:nth-child(2){background-image:url(/theme/basic/img/member/join_bg_02.png);background-position:bottom right 17px;}
.join_cate_box:nth-child(3){background-image:url(/theme/basic/img/member/join_bg_03.png);background-position:bottom right;margin-right:0;}
.join_cate_box > a{display:block;width:100%;height:100%;padding-top:60px;padding-left:62px;box-sizing:border-box;}
.join_cate_box .tit{font-size:20px;letter-spacing:-0.01em;}
.join_cate_box .dsc{margin-top:30px;letter-spacing:-0.01em;}

/* join_terms */
.member_box{width:100%;max-width:950px;margin:0 auto;}
.member_box .box{width:100%;border-radius:5px;background:#fff;}
.terms_wrap .top_box{background:#ffeae9;padding:15px 34px;border-bottom:1px solid #e7e7e7;}
.terms_wrap .term_ul{padding:10px 0;}
.terms_wrap .term_li{padding:8px 34px;}
.terms_wrap .n_label{font-size:16px;position:relative;padding-left:25px;cursor:pointer;font-weight:400 !important;}
.terms_wrap .n_label:before{content:'';width:16px;height:16px;border:1px solid #bfbfbf;position:absolute;top:4px;left:0;}
.terms_wrap .n_checkbox:checked + .n_label:after{content:'';width:16px;height:16px;border:1px solid #bfbfbf;background:#e33355;position:absolute;top:4px;left:0;}
.terms_wrap .n_checkbox{font-size:0;width:0;height:0;}
.term_li a{float:right;text-decoration:underline;letter-spacing:-0.03em;text-underline-position:under;margin-top:3px;}
.terms_wrap .btn_wrap{text-align:center;margin-top:32px;}
.btn_wrap .round_btn{display:inline-block;border-radius:23px;height:46px;line-height:46px;background:#e33355;color:#fff;padding:0 85px;border:none;}

/* join_memnber */
.form_li{height:57px;border-bottom:1px solid #e2e2e4;}
.form_li:last-child{border-bottom:none;}
.form_li .form_tit{float:left;width:200px;height:100%;background:#f0eeee;text-align:center;line-height:57px;font-size:16px;}
.form_li .form_con{float:left;width:calc(100% - 200px);height:100%;padding:10px 40px;box-sizing:border-box;}
.form_con input{font-size:16px;width:100%;height:36px;}
.form_con input[type="text"], .form_con input[type="password"], .form_con input[type="number"]{border:none;}
.form_con .input_half{display:inline-block;width:63%;}
.form_con .input_half input{width:50%;}
.form_con .input_half:first-child{width:30%;}
.form_con .input_half:first-child input{width:100%;}
.form_con .between{font-style:normal;margin-right:2%;}
#mb_email2{display:none;width:calc(100% - 54px);}
.form_con .sel_c{width:46%;height:36px;background:#fff url(/theme/basic/img/member/join_form_select.png) no-repeat center right 10px;padding:0 14px;border-radius:5px;border:1px solid #bfbfbf;margin-left:1%;color:#666666;font-size:16px;}
.form_con .sel_c.on{width:30px;background-position:center right 8px;}

/* join_complete */
.complete_wrap{height:500px;background:url(/theme/basic/img/member/join_complete_bg.png) no-repeat center center;text-align:center;}
.complete_wrap .tit{font-size:32px;font-weight:500;letter-spacing:-0.01em;}
.complete_wrap .dsc{font-size:20px;margin-top:30px;letter-spacing:-0.01em;}
.complete_wrap .btn_wrap{margin-top:50px;}
.btn_wrap .round_btn.white_round{background:#fff;border:1px solid #b0b0b0;color:#393e4d;margin-right:20px;}

/* join_company */
.form_row:not(:last-child){margin-bottom:50px;}
.form_li.address_wrap{height:auto;}
.form_li.address_wrap .form_tit{height:228px;line-height:228px;}
.form_li.address_wrap .form_con{padding: 0;}
.form_li.address_wrap .form_con .form_li{position:relative;padding:10px 40px;box-sizing:border-box;}
.form_li.address_wrap .form_con .form_li:nth-child(4){border:none;}
.tfbr_btn{position:absolute;display:inline-block;border:1px solid #e33355;border-radius:5px;height:36px;line-height:34px;padding:0 30px;top:10px;right:40%;box-sizing:border-box;}
.file_btn_wrapper{display:inline-block;vertical-align:top;height:36px;}
.file_btn_wrapper:first-child{width:calc(40% - 3px);}
.file_btn_wrapper:nth-child(2){width:calc(60% - 3px);}
.file_btn_wrapper .tfbr_btn{position:static;cursor:pointer;}
.file_btn_wrapper .file_name{display:inline-block;padding-left:10px;width:calc(100% - 150px);color:#666666;}
.file_btn_wrapper .file_thumbnail{display:inline-block;padding-left:10px;width:calc(100% - 250px);height:36px;border:1px solid #e2e2e4;border-radius:5px;text-align:center;}
.file_btn_wrapper .view_btn{background:none;border-color:#393e4d;vertical-align:top;margin-left:4px;}
.file_btn_wrapper .delete_btn{background:none;text-decoration:underline;border:none;font-size:16px;text-underline-position:under;float:right;line-height:36px;}
.file_thumbnail .no_img{display:inline-block;width:100%;height:100%;color:rgba(57,62,77,0.6);line-height:36px;text-align:center;}
.file_thumbnail img{max-width:100%;height:36px;}
.only_select .input_half{width:48% !important;}
.only_select .input_half:first-child{margin-right:1%;}
.only_select.form_con .sel_c{width:100%;border:1px solid #e2e2e4;color:rgba(57,62,77,0.6);}

.join_txt_red{text-align:right; margin-bottom:10px;}

.form_confirm_con{position:relative;}
.form_confirm_con .form_confirm_inp{width:263px; display:inline-block;}
.form_confirm_con .tfbr_btn{position:static;}

.busi_num_info{display:none; margin-left:20px; vertical-align:middle;}

.join_cate_box{width:392px;}

@media screen and (max-width: 1350px) {
	/* join */
	.join_cate_box{width:32%;margin-right:2%;}
	.join_cate_box > a{padding-top:40px;padding-left:40px;}

	/* join_complete */
	.complete_wrap .tit{font-size:28px;}
	.complete_wrap .dsc{font-size:18px;}
}
@media screen and (max-width: 1050px) {
	.section{padding:30px 0 60px;}

	.sub_tit_area{margin-bottom:40px;}
	.sub_tit_area .sub_title{font-size:20px;}

	.box_tit_area{margin-bottom:30px;}
	.box_tit_area .tit{font-size:22px;}

	/* join */
	.join_cate_wrap{height:auto;}
	.join_cate_box{width:100%;height:250px;margin-right:0;margin-bottom:20px;}
	.join_cate_box > a{padding:30px;}
	.join_cate_box:nth-child(1), .join_cate_box:nth-child(2){background-position:bottom right;}
	.join_cate_box .tit{font-size:18px;}

	/* join_memnber */
	.form_li .form_con{padding:10px 20px;}
	.form_con .input_half{width:55%;}
	.form_con .input_half:first-child{width:35%;}
	.form_con .sel_c{width:90%;}

	/* join_complete */
	.complete_wrap .tit{font-size:24px;}

	/* join_company */
	.tfbr_btn{right:20px;}
	.form_li.address_wrap .form_con .form_li{padding:10px 20px;}
	.form_li.file_wrap{height:100px;}
	.form_li.file_wrap .form_tit{line-height:100px;}
	.file_wrap .file_btn_wrapper{width:100%;}
	.file_btn_wrapper:nth-child(2){margin-top:8px;}

	.form_confirm_con .form_confirm_inp{width:calc(100% - 130px);}
	.form_confirm_con .tfbr_btn{position:absolute;}
}
@media screen and (max-width: 750px) {
	/* join_memnber */
	.form_li{height:114px;border-bottom:0;}
	.form_li .form_tit{float:none;width:100%;height:50%;text-align:left;padding:0 20px;box-sizing:border-box;}
	.form_li .form_con{float:none;width:100%;height:50%;}

	/* join_company */
	.form_li.address_wrap .form_tit{height:57px;line-height:57px;}
	.form_li.address_wrap .form_con .form_li{height:57px;}
	.form_li.file_wrap{height:auto;}
	.form_li.file_wrap .form_tit{line-height:57px;}
}
@media screen and (max-width: 640px) {
	.sub_tit_area{margin-bottom:30px;}
	.sub_tit_area .sub_title{font-size:18px;}

	.box_tit_area{margin-bottom:20px;}
	.box_tit_area .tit{font-size:20px;}
	.box_tit_area .dsc{font-size:14px;}

	.form_row:not(:last-child){margin-bottom:30px;}

	/* join */
	.join_cate_box{height:200px;margin-bottom:10px;}
	.join_cate_box:nth-child(1){background-size:200px;}
	.join_cate_box:nth-child(2){background-size:160px;}
	.join_cate_box:nth-child(3){background-size:180px;}
	.join_cate_box > a{padding:20px;}
	.join_cate_box .tit{font-size:16px;}
	.join_cate_box .dsc{margin-top:20px;}

	/* join_terms */
	.terms_wrap .top_box{padding:15px;}
	.terms_wrap .term_li{padding:8px 15px;}

	/* join_complete */
	.complete_wrap{height:350px;background-size:cover;}
	.complete_wrap .tit{font-size:20px;}
	.complete_wrap .dsc{font-size:16px;margin-top:20px;}
	.complete_wrap .btn_wrap{margin-top:40px;}
	.btn_wrap .round_btn.white_round{margin-right:10px;}

	/* join_company */
	.tfbr_btn{padding:0 10px;}
	.file_btn_wrapper .file_thumbnail{width:calc(100% - 180px);}

	.form_confirm_con .form_confirm_inp{width:calc(100% - 85px);}
	.form_li .form_con{padding:10px 15px;}
	.tfbr_btn{right:15px;}
	.form_li input::placeholder{font-size:14px;}
}
@media screen and (max-width: 350px) {
	/* join */
	.join_cate_box:nth-child(1){background-size:160px;}
	.join_cate_box:nth-child(2){background-size:130px;}
	.join_cate_box:nth-child(3){background-size:140px;}

	/* join_terms */
	.terms_wrap .n_label{font-size:14px;}
	.terms_wrap .n_label:before, .terms_wrap .n_checkbox:checked + .n_label:after{top:2px;}

	/* join_memnber */
	.form_con .input_half{width:54%;}

	/* join_complete */
	.btn_wrap .round_btn.white_round{margin-right:0px;margin-bottom:10px;}

	/* join_company */
	.file_btn_wrapper .file_thumbnail{width:calc(100% - 170px);padding:0;}
}