@charset "utf-8";
/************************************************************************
 * filename : join.css
 * description : MY JUNO > 회원가입
 * date : 2017.08.29
************************************************************************/
/*common*/
.join .sub_menu{display: none}
.header_btm{display: none;}

/*style*/
.section_content {opacity: 1;transform: translateY(0) !important;width:100% !important}
.join #contents{padding-bottom: 300px;}
.join .section1 {text-align: center;}
.join .section1 .section_content .sec1_top{margin-top:43px;;margin-bottom: 40px;}
.join .section1 .section_content .sec1_top .terms{border:1px solid #e3e3e3;height: 210px;overflow: auto;box-sizing: border-box;padding:30px;font-size:14px;color:#777;-webkit-overflow-scrolling: touch;line-height: 20px;word-break: keep-all}
.join .section1 .section_content .sec1_top .terms h3{font-size:22px;line-height: 22px;font-weight: 700;coloR:#333}
.join .section1 .section_content .sec1_top .terms h4{font-size:18px;font-weight: 600;line-height: 20px;color:#333;margin: 15px 0;}
.join .section1 .section_content .sec1_top .terms strong{font-weight: 600;color:#333;display: block;margin-bottom: 4px;}
.join .section1 .section_content .sec1_top .terms span{display: block;color:#333;margin:4px 0}
.join .section1 .section_content .sec1_top .terms_chk{background: #f8f8f8;color:#777;font-size:14px;line-height: 40px;padding:0 14px ;}

.join .section1 .section_content .sec1_top .terms_chk div label{background-image: url(/static_resources/images/myjuno/member_checkbox_off.png);background-repeat: no-repeat;background-size: 20px 20px;width:20px;height: 20px;overflow: hidden;display: inline-block;vertical-align: middle;cursor: pointer;margin-right: 7px;}
.join .section1 .section_content .sec1_top .terms_chk div input:checked+label{background-image: url(/static_resources/images/myjuno/member_checkbox_on.png)}
.join .section1 .section_content .sec1_top .terms_chk div input[type='checkbox']{width:0;height:0;margin:0;overflow: hidden;display: none}
.join .section1 .section_content .sec1_top .terms_chk div span{vertical-align: middle;}
.join .section1 .section_content .sec1_top .terms_chk div span br{display: none;}
.join .section1 .section_content .join_form_wrap{border-top: 1px solid #7b7b7b;}
.join .section1 .section_content .join_form_wrap table{table-layout: fixed}
.join .section1 .section_content .join_form_wrap th,
.join .section1 .section_content .join_form_wrap td{vertical-align: middle;}
.join .section1 .section_content .join_form_wrap th{border-bottom: 1px solid #ed1c24;}
.join .section1 .section_content .join_form_wrap th div{width:190px}
.join .section1 .section_content .join_form_wrap th div strong{font-size:15px;color:#333;font-weight: 600;line-height: normal;padding:0 0 0 30px}
.join .section1 .section_content .join_form_wrap th div strong span{vertical-align: middle}
.join .section1 .section_content .join_form_wrap th div strong span.nec{color:#ed1c24;margin-left: 2px;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap .id_chk{display: block;width:180px;text-align: center;line-height: 30px;background: #8f8f8f;color:#fff;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin:10px 0;border:1px solid #6c6c6c;font-size:13px}
.join .section1 .section_content .join_form_wrap td div.td_wrap{float: left;width: 960px;box-sizing: border-box;border-bottom: 1px solid #e3e3e3;;overflow: hidden;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap{float: left;width: 640px;padding:10px 0 10px 30px;box-sizing: border-box}
.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap input[type="text"],
.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap input[type="password"]{height: 30px;box-sizing: border-box;border:1px solid #f0f0f0;background: #f8f8f8;font-size:14px;color:#000;letter-spacing:0px;padding:0 8px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;width: 250px;;vertical-align:middle;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap .mbtn_gray {margin-left:2px;vertical-align:middle;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap .inquire{display: block;width:180px;text-align: center;line-height: 30px;background: #8f8f8f;color:#fff;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin:11px 0;border:1px solid #6c6c6c;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap.membership_chk .inquire{display: none;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap{background: #f8f8f8;width: 320px;;float: right;min-height: 50px;box-sizing: border-box;padding-left: 30px;line-height: 50px}
.join .section1 .section_content .join_form_wrap .row8 td div.td_wrap .option_wrap{min-height: 73px}
.join .section1 .section_content .join_form_wrap .row8 td div.td_wrap .membership_chk+.option_wrap{min-height: 111px}
.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap label{background-image: url(/static_resources/images/myjuno/member_checkbox_off.png);background-repeat: no-repeat;background-size: 20px 20px;width:20px;height: 20px;overflow: hidden;display: inline-block;vertical-align: middle;cursor: pointer}
.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap input:checked+label{background-image: url(/static_resources/images/myjuno/member_checkbox_on.png)}
.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap input[type='checkbox']{width:0;height:0;margin:0;overflow: hidden;display: none}
.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap img{width:18px;vertical-align: middle;margin-left: 3px;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap span{vertical-align: middle;color:#777;font-size:13px;margin-left: 7px;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .membership_wrap{display: none;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .membership_chk .membership_wrap{display: block;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .membership_wrap p{line-height:25px;margin-top: 5px;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .membership_wrap p:first-child{margin-top: 0;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .membership_wrap p strong{width:70px;font-size:14px;color:#555;display: inline-block;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .membership_wrap p span{font-size:14px;color:#333;border:1px solid #f0f0f0;background: #f8f8f8;width: 150px;box-sizing: border-box;padding:0 6px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap input[type='radio']+ label{background-image: url(/static_resources/images/myjuno/member_checkbox_off.png);background-repeat: no-repeat;background-size: 20px 20px;padding-left:24px;height: 20px;overflow: hidden;display: inline-block;vertical-align: middle;cursor: pointer;background-position: left center;line-height: 20px;margin-right: 15px;margin-top: 5px;}
.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap input[type='radio']:checked+label{background-image: url(/static_resources/images/myjuno/member_checkbox_on.png)}
.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap input[type='radio']{width:0;height:0;margin:0;overflow: hidden;display: none}
.join .section1 .section_content .join_form_wrap .btn_group{margin-top: 30px;}
.join .section1 .section_content .join_form_wrap .btn_group ul{overflow: hidden;text-align: center}
.join .section1 .section_content .join_form_wrap .btn_group ul li{display: inline-block;margin-left: 10px;}
.join .section1 .section_content .join_form_wrap .btn_group ul li:first-child{margin-left: 0;}
.join .section1 .section_content .join_form_wrap .btn_group ul li a{display: block;width:160px;line-height: 40px;text-align: center;color:#fff;font-size:15px;font-weight: 600;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.join .section1 .section_content .join_form_wrap .btn_group ul li.member_submit a{background: #ed1c24;}
.join .section1 .section_content .join_form_wrap .btn_group ul li.cancel a{background: #333;}
.join .inquireLayer{display: none;position: fixed;z-index: 101;width:900px;height: 460px;background: #fff;top:50%;left:50%;margin-left: -450px;margin-top:-230px;box-sizing: border-box;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;overflow: hidden}
.join .inquireLayer .layer_top{box-sizing: border-box;padding:0 20px;line-height: 70px;background: #2a2829;color:#fff;position: relative;}
.join .inquireLayer .layer_top strong{font-size:28px;font-weight: 700}
.join .inquireLayer .layer_top a{position: absolute;top:15px;right:20px}
.join .inquireLayer .layer_top a img{width:40px}
.join .inquireLayer .layer_content{overflow: hidden}
.join .inquireLayer .layer_content .search_wrap{float: left;width: 500px;box-sizing:border-box;padding:14px}
.join .inquireLayer .layer_content .search_wrap .search_top{padding:10px 0;margin-bottom: 10px;position: relative}
.join .inquireLayer .layer_content .search_wrap .search_top>p{line-height: 18px}
.join .inquireLayer .layer_content .search_wrap .search_top input{width:396px;height: 31px;box-sizing: border-box;padding:3px 4px}
.join .inquireLayer .layer_content .search_wrap .search_top a{position: absolute;right:0;height: 31px;line-height: 31px;text-align: center;background:#ed1b24;color:#fff;display: block;top:10px;text-decoration: none;width:80px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;font-size:14px;border-top-left-radius: 0;-moz-border-top-left-radius: 0;-webkit-border-top-left-radius: 0;border-bottom-left-radius: 0;-moz-border-bottom-left-radius: 0;-webkit-border-bottom-left-radius: 0;}
.join .inquireLayer .layer_content .search_wrap .sl_top{box-sizing: border-box;background: #fff1f1;border-top: 2px solid #555;overflow: hidden}
.join .inquireLayer .layer_content .search_wrap .sl_top span{text-align: center;line-height: 38px;font-weight: 600;font-size:15px;border-bottom: 1px solid #cfcfcf;float: left;}
.join .inquireLayer .layer_content .search_wrap .sl_top span.oidstore{width:10%;}
.join .inquireLayer .layer_content .search_wrap .sl_top span.userName{width:90%;box-sizing: border-box;padding-right:18px}
/*.join .inquireLayer .layer_content .search_wrap .sl_top span.phone{width:30%;}*/
.join .inquireLayer .layer_content .search_wrap .sl_btm{border-bottom: 1px solid #555;}
.join .inquireLayer .layer_content .search_wrap .sl_btm a{display: block;}
.join .inquireLayer .layer_content .search_wrap .sl_btm a span{float: left;border-bottom:1px solid #cfcfcf;line-height: 30px;text-align: center;font-size:14px;text-align: center;display: block;}
.join .inquireLayer .layer_content .search_wrap .sl_btm a span:first-child{width:10%;}
.join .inquireLayer .layer_content .search_wrap .sl_btm a span:first-child+span{width: 90%;}
.join .inquireLayer .layer_content .search_wrap .sl_btm a span:first-child+span+span{width: 30%;}
.join .inquireLayer .layer_content .search_wrap .sl_btm{height: 230px;overflow: auto;-webkit-overflow-scrolling: touch;}
.join .inquireLayer .layer_content .search_wrap .sl_btm .sl_itm:hover{background: #f7f7f7;}
.join .inquireLayer .layer_content .result_wrap{float: right;width: 386px;box-sizing:border-box;margin-top: 23px;overflow: hidden;margin-right: 14px;}
.join .inquireLayer .layer_content .result_wrap>p{border-bottom: 2px solid #555;padding-bottom: 20px;}
.join .inquireLayer .layer_content .result_wrap table{width:100%}
.join .inquireLayer .layer_content .result_wrap table td{line-height: 39px;border-bottom: 1px solid #cfcfcf;padding:0 4px}
.join .inquireLayer .layer_content .result_wrap table td:first-child{background: #fff1f1;font-weight: bold;font-size:14px;}
.join .inquireLayer .layer_content .result_wrap table td:first-child+td{vertical-align: middle}
.join .inquireLayer .layer_content .result_wrap table td:first-child+td input{width:80%;display: block;}
.join .inquireLayer .layer_content .result_wrap a{background:#ed1b24;color:#fff;text-align: center;width:120px;line-height: 37px;display: block;float: right;margin-top:14px;font-size:14px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.join .inquireLayer .layer_content .result_error{display: none;background: #fff1f1;margin:30px 20px;text-align: center;color:#333;font-weight: 600;font-size:22px;padding:40px 0;}
.join .inquireLayer.error{height: 226px;margin-top:-113px}
.join .inquireLayer.error .layer_content .search_wrap,
.join .inquireLayer.error .layer_content .result_wrap{display:none}
.join .inquireLayer.error .layer_content .result_error{display: block;}

.join .idCheckLayer{display: none;position:fixed;z-index:101;width:400px;min-height:250px;padding:50px 30px;background:#fff;top:50%;left:50%;margin-left:-200px;margin-top:-135px;box-sizing:border-box}
.join .idCheckLayer .ttl {margin-top:4px;text-align:center;font-size:24px;font-weight:700;color:#333;letter-spacing:-2px;line-height:1.4;}
.join .idCheckLayer .layer_content{overflow: hidden;}
.join .idCheckLayer .layer_content .search_wrap{position:relative;width:100%;margin-top:18px}
.join .idCheckLayer .layer_content .search_wrap input{width:370px;height: 31px;box-sizing: border-box;padding:3px 4px}
.join .idCheckLayer .layer_content .search_wrap a{position:absolute;right:0;top:0;height: 31px;line-height: 31px;text-align: center;background:#ed1b24;color:#fff;display: block;text-decoration: none;width:80px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;font-size:14px;border-top-left-radius: 0;-moz-border-top-left-radius: 0;-webkit-border-top-left-radius: 0;border-bottom-left-radius: 0;-moz-border-bottom-left-radius: 0;-webkit-border-bottom-left-radius: 0;}
.join .idCheckLayer .layer_content .search_error{display:none;margin-top:18px;text-align: center;font-size:15px;color:#333;line-height:20px;}
.join .idCheckLayer .layer_content .search_error span{color:#ed1b24}
.join .idCheckLayer.error .layer_content .search_error{display: block}
.join .idCheckLayer .layer_content .search_success{display:none;margin-top:18px;text-align:center;line-height:20px;font-size:15px}
.join .idCheckLayer .layer_content .search_success p{margin-bottom: 4px;color:#333}
.join .idCheckLayer .layer_content .search_success span{color:#364ec9}
.join .idCheckLayer.success .layer_content .search_success{display: block}
.join .idCheckLayer .layer_content .search_success a{font-size:15px;text-decoration: underline;color: #364ec9}
.join .idCheckLayer .layer_content .search_error br,
.join .idCheckLayer .layer_content .search_success br{display: none}
.join .idCheckLayer .btn_close {position:absolute;top:0;right:-80px;width:50px;height:50px;background:url(/static_resources/images/junohair/main/btn_popclose.png) no-repeat center center;}


.simpleLayer {display:none;position:fixed;top:50%;left:50%;width:400px;padding:50px;margin-left:-200px;margin-top:-135px;box-sizing:border-box;background:#fff;z-index:101}
.simpleLayer .ttl {margin-top:4px;text-align:center;font-size:24px;font-weight:700;color:#333;letter-spacing:-2px;line-height:1.4;}
.simpleLayer .desc {text-align:center;margin-top:14px;line-height:1.4;font-size:16px;color:#777}
.simpleLayer .bottom {margin-top:24px;text-align:center}
.simpleLayer .bottom .lbtn_black {width:94px;height:47px;line-height:47px;font-size:18px;}
.simpleLayer .btn_close {position:absolute;top:0;right:-80px;width:50px;height:50px;background:url(/static_resources/images/junohair/main/btn_popclose.png) no-repeat center center;}

.join .overlay,
.join .overlay1,
.join .overlaycomm{display: none;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 100;background:url(/static_resources/images/overlay.png);}

@media (max-width:1150px){
	.join #contents{padding-bottom: 200px;}
	.join .section1 .section_content .sec1_top .sec1_top_right{width: 744px;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_top ul li{padding:0 10px;text-align: center}
	.join .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span{margin-left: 11px;}
	.join .section1 .section_content .join_form_wrap th div strong{padding:14px 0 14px 18px}
	.join .section1 .section_content .join_form_wrap td div.td_wrap{width: 834px;}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap{width: 544px;padding-left: 18px;}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap{width: 290px;padding-left: 18px;}
}
@media (max-width:1024px){
	.header_btm{display: block;}
	.join .section1 .section_content .sec1_top{clear: both}
	.join .section1 .section_content .sec1_top .sec1_top_right{overflow: visible;float: none}
	.join .section1 .section_content .sec1_top .sec1_top_right .sec1_tr_top{width: 488px;margin-left: 280px;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_top ul{padding:15.5px 25px;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_top ul li{text-align: left;width:100%;float: none;padding:11px 10px}
	.join .section1 .section_content .sec1_top_right .sec1_tr_top ul li img+span{font-size:18px;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_top ul li>span{font-size:18px}
	.join .section1 .section_content .join_form_wrap th div{width:135px}
	.join .section1 .section_content .join_form_wrap th div strong{padding:14px 0 14px 11px}
	.join .section1 .section_content .join_form_wrap td div.td_wrap{width: 633px;}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap{padding-left: 11px;width: 383px;}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap{padding-left: 11px;width:250px;}	
	.join .inquireLayer{width:768px;margin-left:-384px;}
	.join .inquireLayer .layer_content .search_wrap{width:419px;}
	.join .inquireLayer .layer_content .search_wrap .search_top input{width: 316px;}
	.join .inquireLayer .layer_content .result_wrap{width: 335px;}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap .id_chk{width: 160px;}
}

@media (max-width:768px){
	.join .section1 .section_content .sec1_top{margin:20px 0}
	.join .section1 .section_content .sec1_top .terms_chk div {padding:11px 0}
	.join .section1 .section_content .sec1_top .terms_chk div span{line-height: 22px;vertical-align: top}
	.join .section1 .section_content .sec1_top .terms_chk div label{vertical-align: top;margin-top: 4px;}
	.join .section1 .section_content .sec1_top .terms_chk div span br{display: block;}
	.join .section1 .section_content .join_form_wrap td{width:100%}
	.join .section1 .section_content .join_form_wrap td div.td_wrap{float: none;width:100%}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap{float: none;width:100%;padding-left:0;}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap input[type="text"],
	.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap input[type="password"]{background:none ;border:0;width:100%;padding:0 10px}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap{float: none;width:100%;display: none;}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .option_wrap.show{display: block;min-height: 35px;line-height: 35px}	
	.join .section1 .section_content .join_form_wrap .row1 td div.td_wrap .option_wrap{background: none;}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap .inquire{margin-left:10px}
	.join .section1 .section_content .sec1_top .terms {height: 120px;padding: 14px 10px;line-height: 1.4em;}
	.join .section1 .section_content .sec1_top .terms{font-size:13px}
	.join .section1 .section_content .sec1_top .terms h3{font-size:18px;font-weight: 600}
	.join .section1 .section_content .sec1_top .terms h4{font-size:15px;margin:0;line-height: 22px}
	.join .section1 .section_content .sec1_top .terms strong{font-size:13px;margin-bottom: 0;}
	.join .section1 .section_content .sec1_top .terms span{font-size:13px;;margin:0}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap input[type='radio']:first-child+label{margin-left: 10px;}
	
	.join .inquireLayer{width:92%;margin-left:0;left:0;right:0;border-radius:0;}
	.join .inquireLayer.error{height: 100%;margin-top: 0;}
	.join .inquireLayer .layer_content .result_error{margin:30px 2.5%;font-size:20px;padding:40px 10px;word-break: keep-all}
	.join .inquireLayer .layer_top,
	.join .idCheckLayer .layter_top{line-height: 55px}
	.join .inquireLayer .layer_top strong,
	.join .idCheckLayer .layer_top{line-height: 55px}
	.join .idCheckLayer .layer_top strong{font-size:22px;}
	.join .inquireLayer .layer_top a,
	.join .idCheckLayer .layer_top a{top:12.5px}
	.join .inquireLayer .layer_top a img,
	.join .idCheckLayer .layer_top a img{width:30px;}
	.join .inquireLayer .layer_content .search_wrap{width:100%;float: none;padding:14px 2.5%;}
	.join .inquireLayer .layer_content .search_wrap .sl_btm{height: 150px;}
	.join .inquireLayer .layer_content .result_wrap{width:95%;float: none;margin-top: 20px;box-sizing: border-box;margin:14px 2.5% 0 2.5%}
	.join .inquireLayer .layer_content .result_wrap{text-align: center}
	.join .inquireLayer .layer_content .result_wrap a{float: none;display: inline-block;}
	.join .section1 .section_content .join_form_wrap td div.td_wrap .membership_wrap p{padding-left:11px}
	.join .idCheckLayer .layer_content .search_wrap,
	.join .idCheckLayer .layer_content .search_error,
	.join .idCheckLayer .layer_content .search_success{width:90%}
	.join .idCheckLayer .layer_content .search_error br,
	.join .idCheckLayer .layer_content .search_success br{display: block}
	.join .idCheckLayer .layer_content .search_wrap input{width:100%;padding:3px 84px 3px 4px}
	.join .idCheckLayer .layer_content .search_success p{margin-bottom: 10px;}
	.join .inquireLayer .layer_content .result_wrap>p{text-align: left;padding-bottom: 10px;}
	
	.join .idCheckLayer {top:50%;width:300px;padding:27px;margin-left:-150px;min-height:230px}
	.join .idCheckLayer .ttl {font-size:18px;}
	.join .idCheckLayer .layer_content .search_success span {color:#ed1b24}
	.join .idCheckLayer .btn_close  {position:absolute;top:12px;right:12px;width:20px;height:20px;background:url(/static_resources/images/junohair/main/btn_popclose_gray.png) no-repeat center center;}

	.simpleLayer {top:50%;width:300px;padding:27px;margin-left:-150px;}
	.simpleLayer .ttl {font-size:18px;}
	.simpleLayer .desc {margin-top:10px;line-height:1.3;font-size:14px}
	.simpleLayer .bottom {margin-top:17px}
	.simpleLayer .bottom .lbtn_black {width:80px;height:40px;line-height:40px;font-size:16px}
	.simpleLayer .btn_close {position:absolute;top:12px;right:12px;width:20px;height:20px;background:url(/static_resources/images/junohair/main/btn_popclose_gray.png) no-repeat center center;}

}
@media (max-width:500px){
	.join .section1 .section_content .sec1_top{margin-bottom: 0;}
	.join .section1 .section_content .sec1_top .sec1_top_right{border-bottom: 0;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_top ul li img+span{margin-left: 6px;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong img{width: 18px;margin-right: 3px;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_btm ul li{float: none;width:100%;text-align: left;padding:0 10px}
	.join .section1 .section_content .sec1_top_right .sec1_tr_btm ul li:first-child{margin-bottom: 20px;border:0;border-bottom: 1px dotted #c3c3c3;padding-bottom: 20px;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong{vertical-align: middle;margin-left: 7px;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_btm ul li strong span{font-size:13px}
	.join .section1 .section_content .sec1_top_right .sec1_tr_btm ul li p.price{vertical-align: middle;display: inline-block;margin-top: 0;margin-left: 6px;}
	.join .section1 .section_content .sec1_top_right .sec1_tr_btm ul li p.price span.bold{font-size:27px;line-height: 30px}
	
	.join .section1 .section_content .member_from_wrap{margin-top: 20px;}
	.join .section1 .section_content .join_form_wrap table,
	.join .section1 .section_content .join_form_wrap table tbody,
	.join .section1 .section_content .join_form_wrap tr,
	.join .section1 .section_content .join_form_wrap th,
	.join .section1 .section_content .join_form_wrap td{display: block;}
	.join .section1 .section_content .join_form_wrap th div{width:100%;}
	.join .section1 .section_content .join_form_wrap th div strong{display: block}
	.join .section1 .section_content .join_form_wrap th{display: none}
	
	.join .section1 .section_content .join_form_wrap td div.td_wrap .input_wrap .inquire{width: auto;display: inline-block;padding: 0 20px;}
	.join .section1 .section_content .join_form_wrap .btn_group ul li a{font-size:14px;width: 120px;}
}