@charset "utf-8";

.btn_white {
    display:inline-block;
    height: 37px;
    padding: 10px 18px;
    border-radius: 5px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    font-size:15px;
    font-weight: bold;
    color:#b0b0b0;
}
.btn_gd {
    display:inline-block;
    height: 37px;
    padding: 10px 18px;
    border-radius: 5px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(to right, #ff9100, #ff540f);
    font-size: 15px;
    font-weight: bold;
    color:#fff;
}


/* 공급 상품 매칭 등록 스타일 */
.supply_frm .hide {display:none;}
.supply_frm .form_section_box {max-width:975px;max-width:none;font-family: 'NanumSquare';}
.supply_frm .form_section_box * {font-family: 'NanumSquare';}
.supply_frm .form_section_box .form_area li .cont .label_list label {font-size:14px;color:#484848;letter-spacing:-1px;}
.supply_frm .form_section_box .form_area li .label {width:125px;font-weight:700;}
.supply_frm .form_section_box .btn_box {padding:0;margin:28px 0 0 0;}
.supply_frm .form_section_box .input_notice { font-size: 13px; color: #b0b0b0; margin-top: 4px; }
.supply_frm .form_section_box .input_notice + .inputbox { margin-top: 5px; } 

.supply_frm .form_section_box .agree_area {
	text-align: center;
	margin-top: 20px;
	color: #707070;
	letter-spacing: -1px;
}

.supply_frm .form_section_box .agree_info_area {
	width: 100%;
	margin-top: 20px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 5%);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    color: #707070;        
}

.supply_frm .form_section_box .agree_info_area table tr th,
.supply_frm .form_section_box .agree_info_area table tr td{
	padding: 7px;
}

.row_box {
    display: flex;
    flex-direction: row;
}
.vt_flex_start {align-items:flex-start;}
.vt_flex_start .label {padding-top:8px}
.vt_flex_start .label.pdt15 {padding-top:15px}
.f_text {
	width: 100%;
	display: block;
	margin-top:5px;
	font-size:13px;
	color:#b0b0b0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.f_text .uploadmsg { margin-top: 5px; }
.row_box .half:first-child {padding-right:30px}
.row_box .half:last-child {padding-left:30px}

.form_section_box .form_area li {position:relative;}
.frm_notification {
    display:none;
    position:absolute;
    top: -33px;
    left: 58px;
    width: 213px;
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff5e1;
    font-size: 15px;
    line-height: 1.47;
    color: #484848;
    z-index:3;
}
.detail_content {
    width:100%;
    padding:35px;
    border-radius: 5px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.detail_content .text {font-size:15px;color:#ff540f;margin-bottom:35px}
.detail_content .detail_frm_box {position:relative;width:100%;}
.detail_content .detail_frm_box .title {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    font-size: 15px;
    color:#484848;
    font-weight:400;
    margin-bottom:10px;
}
.detail_content .detail_frm_box .title i,
.detail_content .detail_frm_box .title span {display:block;}
.detail_content .detail_frm_box .title i {flex-shrink:1;}
.detail_content .detail_frm_box .title i img {width:17px;height:auto}
.detail_content .detail_frm_box .title span {margin-left:5px}
.detail_content .detail_frm_box .form_area li {padding:10px 0}
.detail_content .detail_frm_box .form_area li.vt_flex_start { flex-direction: column; }
.detail_content .detail_frm_box .form_area li.pd0 {padding-top:0;padding-bottom:0}
.detail_content .detail_frm_box .form_area li.pdb0 {padding-bottom:0}
.supply_frm .detail_content .detail_frm_box .form_area li .label {width:auto;font-weight:400;color:#b0b0b0;flex-shrink:1;padding-top:10px;min-height:auto;}
.supply_frm .detail_content .detail_frm_box .form_area li .cont {padding-left:20px;min-height:auto;}
.detail_content .detail_frm_box ~ .detail_frm_box {margin-top:50px}
.supply_frm .detail_content .detail_frm_box .form_area li .cont .label_list label {color:#707070;}

.wd200 {width:200px}


@media screen and (max-width: 1000px) {
	.row_box .half:first-child {padding-right:0px}
	.supply_frm .form_section_box .agree_area{
		font-size: 13px;
		color: #707070;
		padding-bottom: 10px;
	}
}