@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

#officenoFrm .help-block-error{ text-align:left;font-size:12px;clear:both;padding-top:5px;}

body {background:#f4f4f4;}
#Join {width:500px;margin:0 auto;padding-top:50px;min-height:510px;}
#Join_1 {width:100%;margin:0 auto;}
#Join_1 .Join_box {width:500px;margin:0 auto;padding-top:50px;min-height:320px;}
.comnum_txt {
    font-size:15px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:300;
    color:#555;
	letter-spacing:-0.03em;
}
.comnum_tt {
    margin-top:5px;
    font-size:20px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#000;
	letter-spacing:-0.03em;
}

.comnum_wrap {
    width:100%;
    margin-top:20px;
}
.comnum_input {
    float:left;
    width:360px;
    height:51px;
    border:1px solid #dadada;
    font-family: 'roboto';
	font-weight:400;
    font-size:20px;
    padding-left:20px;
}
.btn_joinall {
    background:#1caa9e;
    color:#fff;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    font-size:16px;
    cursor:pointer;
}
.btn_joinall:hover {color:#fff;background:#2bbbaf;}

.btn_bigjung {
    padding:14px 35px 15px;
    float:left;
    margin-left:10px;
}

#msgBox.alert-info {
    margin-top:10px;
    display:none;
    width:100%;
    color: #31708f;
    background-color: #fff;
    border-color: #dadada;
    border-radius:0;
    margin-bottom:0;
    }
.msg_txt {
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    font-size:14px;
    width:450px;
    margin:0 auto;
    margin-top:3px;
    
}

.msg_txt div {
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    font-size:13px;
    color:#777;
}
.msg_txt div b {
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    font-size:15px;
    color:#000;
}
.btn_memjoin {
    padding:8px 30px;
    background:#8a8ffe;
    border:1px solid #6c72ed;
    color:#fff !important;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    font-size:13px;
}
.btn_memjoin:hover {
    background:#a3a7fe;
}
.btn_memidpw {
    padding:8px 30px;
    background:#f3f3f3;
    border:1px solid #dadada;
    color:#000 !important;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    font-size:13px;
}

.info_tt {
    font-size:15px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#000;
	letter-spacing:-0.03em;
}

.info_input {
    float:left;
    width:500px;
    height:40px;
    border:1px solid #dadada;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:15px;
    padding-left:15px;
}

.form-control-t {
    float:left;
    height:40px;
    border:1px solid #dadada;
    border-radius:0;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    font-size:15px;
    padding-left:15px;
}
.form-control-t2 {
    border:1px solid #dadada;
    border-radius:0;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    font-size:15px;
    padding-left:15px;
}

.checkbox label {font-family:roboto;}
#member-sms_receive .radio {display:inline;}
#member-sms_receive > div.radio:nth-child(2) {margin-left:10px;}
#member-sms_receive .radio label {font-family: 'Noto Sans KR', sans-serif;color:#000;}
#member-sms_receive .radio label input{vertical-align:middle;margin-top:3px;}
.field-member-company_address,.field-member-company_street {height:0;}
.field-member-sms_receive, .field-member-fax_receive {float:left;padding-left:15px;margin-top:10px;}
.field-member-tel2{float:left;padding-right:15px;}
.field-member-tel3{float:left;}

#agreeWrap {margin-top:30px;text-align:center;}
#agreeWrap label {
    font-size:13px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#000;
	letter-spacing:-0.03em;
}
#agreeWrap .btn_clause {
    background:#fff;
    border:1px solid #dadada;
    padding:4px 15px;
    font-size:12px;
	font-family: 'Noto Sans KR', sans-serif;
    color:#555;
	letter-spacing:-0.03em;
    cursor:pointer;
    height:27px;
}
#agreeWrap .btn_clause:hover{background:#f6f6f6;}
.btn_Submit_ok {
    background:#1caa9e;
    font-size:16px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#fff !important;
    padding:12px 220px;
    height:40px;
}

/*에러메세지*/
.help-block {clear:both;color:#f04400 !important;}
.alert-danger {
    font-weight:bold;
    margin-top:15px;
    text-align:center;
    font-size:16px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color: #f04400;
    background-color: #f6e5e5;
    border-color: #ebccd1;
    border-radius:0;
    display:none;
}
#Join > div:nth-child(18) > div > div.form-group.field-member-mobile_cert {height:0;}
#Join > div:nth-child(18) > div > div.help-block.help-block-error {margin-top:0px;margin-bottom:5px;}



/*회원가입 팝업*/
#Mem-wrap {width:300px;margin:0 auto;padding-top:30px;}
#Mem-wrap .info_tt {margin-top:10px;}
#Mem-wrap div {margin-top:5px;height:35px;}
#Mem-wrap div input, #Mem-wrap div select {height:35px;}
.mem_txt {
    clear:both;
    font-size:13px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#555;
    line-height:20px;
    letter-spacing:-0.03em;
}
.btn_mem_submit{
    background-color:#a4a4a4;
    font-size:16px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#fff;
    width:300px;
    border:none;
    height:45px;
}

/*아이디비번찾기*/
.search_tt {
    float:left;
    width:110px;
    background:#ebeaea;
    border:1px solid #dadada;
    border-right:0;
    padding:6px 0 7px;
    text-align:center;
    font-size:14px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
}


/*회원정보수정*/
#Join_modify {width:820px;padding-top:50px;min-height:510px;}
#Join_modify table {width:100%;}
#Join_modify table tr th {
    font-size:14px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#000;
	letter-spacing:-0.03em;
    width:160px;
    border:1px solid #dadada;
    background:#f6f7fa;
    padding-left:15px !important;;
}
#Join_modify .info_modify tr th, #Join_modify .info_modify tr td {
    border:1px solid #dadada;
    font-size:14px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#000;
	letter-spacing:-0.03em;
}
#Join_modify .info_modify tr td {padding-left:20px;}
#Join_modify div input,#Join_modify div select {height:35px;font-size:13px;}
.btn_pwch {
    height:35px;
    padding:8px 35px;
    background-color:#a4a4a4;
    color:white;
    border:0;
    font-size:14px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:300;
    border:0;
    border-radius:0;
    width:395px;
}

.modify_sms, .modify_fax {font-family: 'Noto Sans KR';}
.modify_sms > .field-member-sms_receive #member-sms_receive .radio label,
.modify_sms > .field-member-mail_receive #member-mail_receive .radio label,
.modify_fax > .field-member-fax_receive #member-fax_receive .radio label {color:#555;font-family: 'Noto Sans KR', sans-serif;}
.modify_sms > .field-member-sms_receive #member-sms_receive .radio label input,
.modify_sms > .field-member-mail_receive #member-mail_receive .radio label input,
.modify_fax > .field-member-fax_receive #member-fax_receive .radio label input {height:14px;margin-top:3px;}

.modify_sms .field-member-mail_receive #member-mail_receive .radio,
.modify_fax .field-member-fax_receive #member-fax_receive .radio {display:inline;margin-left:10px;}

.com_add {margin-top:25px;}
.com_add ul {padding:0;height:44px;border-bottom:1px solid #b9b8b8;}
.com_add ul li {
    display:inline-block;
    float:left;
    height:43px;
    background:#f4f4fa;
    border:1px solid #b9b8b8;
    border-bottom:transparent;
    padding: 9px 24px;
    font-size:14px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#000;
	letter-spacing:-0.03em;
    cursor:pointer;
}

.com_add ul li a {
    font-size:13px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
    color:#000;
	letter-spacing:-0.03em;
}
.com_add ul li.active a {color:#6d90e6;font-size:14px;font-weight:500;font-family: 'Noto Sans KR', sans-serif;}
.com_add ul li.active {height:44px;background:#fff;border:1px solid #b9b8b8;border-bottom:0;border-top:2px solid #6d90e6;color:#6d90e6;font-weight:500;padding: 9px 29px;}
.com_add ul li:last-child,.com_add ul li.active:last-child {border-left:0;}

.comadd_attention {
    font-size:14px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:300;
	letter-spacing:-0.03em;
    background:#777cf1;
    padding:8px 0;
    text-align:center;
    color:#fff;
    
}

.com_add div p {
    font-size:14px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	letter-spacing:-0.03em;
    margin-top:15px;
}


.comadd_table {width:820px;margin-top:8px;}
.comadd_table tr td {padding:0 !important;}
.comadd_table tr td > select {color:#888 !important;}
.comadd_table tbody tr td .form-group {margin:0 !important;}

/* 가입완료 */
.free_wrap {
    border:1px solid #ccc;background:#fff;padding:30px 0 40px 0;margin-top:20px;text-align:center;
}

.bn_7free {
    font-size:28px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	letter-spacing:-0.05em;
    color:#6d71de;
    margin-top:20px;
}

.free_txt {
    font-size:17px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	letter-spacing:-0.03em;
    color:#555;
    margin-top:25px;
    text-decoration:underline;
}
.free_wrap > .free_stxt1 {
    font-size:15px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	letter-spacing:-0.03em;
    color:#777;
    margin-top:15px;
    line-height:24px;
}
.free_wrap > .free_stxt2 {
    font-size:15px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	letter-spacing:-0.03em;
    color:#fff;
    line-height:24px;
    background:#777cf1;
    width:70%;
    margin:0 auto;
    margin-top:5px;
    border-radius:3px;
    padding:5px 0;
}
.btn_7free a {
    background:#adadad;
    padding:10px 40px;
    font-size:15px;
    font-family: 'Noto Sans KR', sans-serif;
	font-weight:400;
	letter-spacing:-0.03em;
    color:#fff !important;
}

 /*나의기업정보*/
 #office_tabs {height:44px;border-bottom:1px solid #b9b8b8;}
 #office_tabs li {margin-right:0;border-left:0;width:273px;height:43px;text-align:center;background:#f4f4fa;}
#office_tabs li.active {width:274px;border:1px solid #b9b8b8;height:44px;border-bottom:transparent;background:#fff;border-top:2px solid #6d90e6;}

 .table-cominfo tr th {font-weight:normal;background:#f6f7fa;}
 .stxt {
    line-height:22px;
    margin-top:30px;
 }


/*회원가입혜택*/
.join_benefit{
    border:1px solid #2196f3;
    background:#fff;
    padding:30px 20px;
    margin-top:15px;
}

.join_benefit p {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:500;
    font-size:30px;
    color:#000;
    text-align:center;
    letter-spacing:-1px;
}
.join_benefit span {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:500;
    font-size:30px;
    color:#f8465f;
    text-align:center;
    letter-spacing:-1px;
}

.join_benefit > div {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:15px;
    color:#777;
    letter-spacing:-0.08em;
    margin:10px 0 0 60px;
    line-height:37px;
}

/*---------------------------------------------------------------------------
                             회원가입안내
 * ------------------------------------------------------------------------*/
#join_intro * {font-family: 'Roboto','Noto Sans KR','Pretendard', sans-serif !important;}
#join_intro .flex {display: flex; align-items: center; justify-content: space-between;}
#join_intro .inner_wrap {height: 100%; width: 1200px; margin: 0 auto; position: relative;}
#join_header {background: #fff; height: 83px;}
#join_header h1 {margin: 0;}
#join_header li {float: left; margin-left: 50px;}
#join_header li a {color: #252525; font-size: 17px; font-weight: 600;}
#join_btn {
	position: fixed; 
	bottom: 90px;
	width: 100%;
	text-align: center;
	z-index: 99999;
}
#join_btn a {
	padding: 28px 100px;
	background: #1caa9e;
	color: #fff;
	font-size: 24px;
	border-radius: 50px;
	transition: all .3s ease;
}
#join_btn a:hover {background: #169388;}

.join_top {width: 100%; height:701px;  background: url("/images/bidq/member/join_top_bg.png") center no-repeat; background-size: cover; color: #fff;}
.join_top .inner_wrap {padding-top: 240px;}
.join_top h2 {margin: 0; font-size: 65px; font-weight: bold; margin-bottom: 20px; line-height: 77px; letter-spacing: -2px;}
.join_top p {font-size: 40px; font-weight: 300; letter-spacing: -1px; }

.section {padding-top: 100px; overflow: hidden;}
.join_title {text-align: center; margin-bottom: 50px;}
.join_title h3 {font-size: 48px; font-weight:900; color: #1f1f1f; margin: 0; line-height: 60px;}
.join_title p {font-size: 24px; font-weight:300; color: #676767; margin-top: 12px;}

.join_section1, .join_section3, .join_section5 {background: #fff;}
.join_section2 {background: #f8f8f8;}
.join_section4 {background: #e6eef1;}
.join_section6 {background: #faf6f3;}

.join_section1, .join_section2, .join_section3, .join_section4, .join_section5, .join_section6 {text-align: center;}

.join_section6 .S6_con {width: 100%; height: 360px; background: #fff; border-radius: 40px; box-shadow: 1px 0 24px #ebe3dc; margin-bottom: 100px;}
.join_section6 .img {position: absolute; top: 202px; right: -15px;}
.join_section6 .slider {width:698px; padding-top: 40px; padding-left: 30px;}
.join_section6 .slider .overlay-mask {position: absolute; bottom: 12px; z-index: 10; width:698px; height:260px; background: linear-gradient(0deg,rgb(255, 255, 255) 10%, transparent 70%);}
.join_section6 .slider:first-child {border-left: 0;}
.join_section6 .slider .cycle-head{font-size: 19px; font-weight: 700; color: #f3850f; border:none !important; text-align: left;}
.join_section6 .slider .cycle-item{font-size: 30px; font-weight: 800; color: #1c1c1c; line-height: 56px; font-family: 'Pretendard', sans-serif; border:none !important;}

.join_section7 {
	background: url("/images/bidq/member/section7_bg.png") center no-repeat; 
	background-size: cover;
	height: 818px;
}

#join_intro .copyright {    
    width: 100%;
    height: 53px;
    text-align: center;
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 700;
    margin-top: 120px;
    letter-spacing: 0.5px;
}

.layer-box {
  display: none; 
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 24px;
  z-index: 9999;
}

.header__banner {
    width: 100%;
    background:#6487c9;
    height:50px;
}

.slide-container.header__banner-slide {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-width: 540px;
    margin: 0 auto;
}

.slide-track {
    display: flex;
    transition: transform 0.4s ease;
}

.slide {
    min-width: 100%;
    height: 50px;             
    display: flex;
    align-items: center;       
    justify-content: center;
    text-align:center;
}

.slide p {
    width: 100%;
    color:#fff;
    font-size:20px;
    letter-spacing:-0.04em;
}