@charset "utf-8";
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* 초기화 - 높이 100% 적용을 위한 수정 */
html {
    overflow-y:scroll; 
    width:100%; 
    height:100%;  /* min-height 대신 height 사용 */
    min-width:1200px;
}
body { 
    display:flex;  /* inline-block 대신 flex 사용 */
    width:100%;  
    margin:0; 
    padding:0; 
    font-size:0.75em; 
    font-family: 'Noto Sans Korean', serif;
}

/* 나머지 초기화 코드는 동일 */
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans Korean', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans Korean', serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
textarea, select {font-family: 'Noto Sans Korean', serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {outline:none;}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {outline:none;}


::selection {background:#000; color:#fff;}
::-moz-selection {background:#000; color:#fff;}

*:focus {outline:none;}
input:focus {outline: none !important;}

/* ios 애플계열 input 스타일 무시 */
/*
input, select {
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-appearance: none;
appearance: none;
}
*/



.header { display:inline-block; width:100%; float:left;}
.header .header-content { display:inline-block; width:100%; height:70px; background:#fff; color:rgba(0, 0, 0, 0.75); border-bottom:1px solid #eee; padding:0 15px; float:left;}
.header .header-content .logo { display:inline-block; font-size:15px; float:left;}
.header .header-content .logo img.logo { height:13px; float:left; margin:11px 0 0 0;}
.header .header-content .logo .sv_title { position:relative; display:inline-block; font-size:13px; float:left; margin:7px 0 0 10px; padding:0 0 0 10px;}
.header .header-content .logo .sv_title::before { position:absolute; top:50%; left:0%; transform:translate(0, -50%); width:1px; height:15px; border-left:1px solid #838587; content:'';}

.header .header-content .member { display:flex; float:right; padding:7px 0 0 0;}
.header .header-content .member a { margin:0 0 0 10px; color:rgba(0, 0, 0, 0.75);}
.header .header-content .member a.my_account { font-weight:bold;}
.header .header-content .member a.logout {}
.header .header-content .member a.login {}
.header .header-content .member a.join {}


.header-menu { display:flex; width:100%; padding:20px 15px; border-bottom:1px solid #ddd; float:left; box-shadow:0 3px 5px rgba(0, 0, 0, 0.03);}
.header-menu ul { display:inline-block; width:100%;}
.header-menu ul:last-child {border-right:0px; margin-right:0px;}
.header-menu li {}

.header-menu ul span.sub_menu_box { position:relative; display:none; width:100%; margin-left:-15px; padding:20px 15px 30px 15px; background:#fff; z-index:100; border-bottom:1px solid #000;}
.header-menu ul:hover span.sub_menu_box { position:absolute; display:flex;}
.header-menu ul span.sub_menu_box li.sub_m {display:inline-block; width:180px; padding:20px 0 0 0; margin-right:20px; border-right:1px dashed #ddd;}
.header-menu ul span.sub_menu_box li.sub_m .sub_m_group { display:inline-block; width:100%; float:left; }
.header-menu ul span.sub_menu_box li.sub_m .sub_m_group a { display:inline-block; width:calc(100% - 20px); float:left; font-size:15px; padding:3px 0; margin:3px 20px 3px 0px; }
.header-menu ul span.sub_menu_box li.sub_m .sub_m_group a span.category { display:inline-block; float:right; font-weight:bold;}
.header-menu ul span.sub_menu_box li.sub_m .sub_m_group a:hover { background:#f5f6f7;}

.header-menu span.menu_box { display:inline-block; width:100%;}
.header-menu span.menu_box a.menu_over_title { display:inline-block; width:180px; border-right:1px solid #ddd; margin-right:20px; font-size:17px; font-weight:bold; float:left;}
.header-menu span.menu_box a.menu_over_title img {width:20px; margin:0 7px 0 0;}






/* 사이드 메뉴 - MlGroup (지원사업 메뉴 그룹) ================== */
.MlGroup { display:inline-block; width:100%; padding:20px 10px; border-bottom:1px solid #ddd; float:left;}
.MlGroup ul.set_title { display:inline-block; width:100%; font-size:15px; color:rgba(0,0,0,0.5); padding:0 10px 10px 15px;}
.MlGroup ul.set_title span.count_title { display:inline-block; float:right; font-size:13px;}
.MlGroup ul.set_list { display:inline-block; width:100%; font-size:15px; color:#192024;}
.MlGroup ul.set_list span.set_list_inTitle { display:inline-block; width:100%; font-size:11px; padding:7px 15px 0px 15px; color:#e60023; border-top:1px solid #eee; margin:5px 0 0 0;}
.MlGroup ul.set_list a { position:relative; display:inline-block; width:100%; color:#192024; padding:7px 15px 7px 15px; margin:1px 0; border-radius:3px; transition:all 0.2s;}
.MlGroup ul.set_list a span.count { position:absolute; top:50%; right:0%; transform:translate(0, -50%); display:inline-block; float:right; font-size:12px; margin-right:10px; color:#e60023;}
.MlGroup ul.set_list a:hover { background:#fcf3f2; color:#000;}
.MlGroup ul.set_list a.on { background:#fcf3f2; color:#000;}
.MlGroup ul.set_list a.on span.count { color:#e60023;}
/* ================== 사이드 메뉴 MlGroup */


/* 목록 페이지 헤더 ================== */

.LcHeader { position:relative; display:inline-block; width:100%; height:55px; border-bottom:1px solid #ddd; float:left;}
            
.LcSearch_box { display:inline-block; float:left; padding:0px;}
.LcSearch_box input.frm_search {width:300px; height:54px; background:#fff; font-size:15px; padding:0 15px; border:0px solid #ddd; border-right:0px; float:left; border-radius:0px}
.LcSearch_box button.btn_search {width:50px; height:54px; border:0px; border-right:1px solid #ddd; border-left:0px; float:left; border-radius:0; background:url('../img/icon/search.svg') no-repeat center center #fff; background-size:20px;}

/* 기관소재지 */
.LcArea { display:flex; width:100%; height:35px; background:#f5f6f7; border-bottom:1px solid #eee; float:left;}
.LcArea span.Area_title { display:inline-block; background:#fff; float:left; padding:9px 15px 0 10px; height:35px; color:#d73027; border-right:1px solid #eee; border-bottom:1px solid #eee; font-weight:bold;}
.LcArea span.Area_button { display:inline-block; background:#fff; float:left; display:inline-block; padding:3px 3px; border-right:1px solid #ddd;}

.filter_frm {border:0px solid #ddd; height:30px; font-size:13px; padding:0 5px; border-radius:5px; width:100%; background:none; color:#e60023}
.filter_btn_frm {border:0px; background:#fff; font-size:13px; height:28px; padding:0px 9px; float:left; margin:0 2px 0 0; transition:all 0.2s;}
.filter_btn_frm:last-child {margin:0 0 0 0;}
.filter_btn_frm:hover {background:#e60023; color:#fff; border-radius:5px;}
.filter_btn_frm.active {background:#e60023; color:#fff; border-radius:5px;}


.results-section {position:relative; display:inline-block; width:100%; padding:15px; background:#fff;}
.results-header {display:inline-block; width:100%;}
.results-header .page_title {display:inline-block; width:100%; font-size:17px; font-weight:bold; margin-bottom:5px; float:left;}
.results-header .page_title span.point {color:#d73027;}
.results-header .results-info {display:inline-block; float:left; font-size:13px; padding:10px 0 0 0;}
.results-header .results-controls {display:inline-block; float:right;}
.results-header .results-controls select.page_list_sel {font-size:13px; padding:5px 5px; border:1px solid rgba(0, 0, 0, 0.2); margin:0 0 5px 0;}

/* 검색조건 */
.search-section { position:relative; display:inline-block; width:100%; background:#f5f6f7; float:left; border-bottom:1px solid #ddd;}
.search-container { display:inline-block; width:100%; float:left; margin-bottom:-1px;}
		
.sch_filter_box { position:relative; display:inline-block; height:55px; vertical-align:top; border:1px solid #ddd; border-top:0px; border-left:0px; padding:5px 5px 0px 5px; background:#fff; float:left; margin:0; transition:all 0.2s;}
.sch_filter_box:hover { background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.07);}
.sch_filter_box span.filter_title { display:inline-block; width:100%; float:left; padding:0 0 0px 5px; box-sizing:border-box; font-size:11px; color:#777;}
.sch_filter_box span.filter_title label.after { display:inline-block; float:right; padding:0 5px 0 0; font-size:11px;}
.sch_filter_box span.filter_form { display:inline-block; width:100%; float:left;}

.sch_filter_box2 { padding:7px 5px 10px 5px !important;}

.sch_filter_box span.half { display:inline-block; width:calc(50% - 10px); float:left;}
.sch_filter_box span.half_c { display:inline-block; width:20px; height:30px; float:left; color:#838587; text-align:center; vertical-align:text-top; padding:5px 0 0 0;}



/* 필터 : 스크랩 */
.scrap_filter_btn { position:relative;}
.scrap_filter_btn img { position:absolute; top:50%; left:50%; width:45%; transform:translate(-50%, -50%);}

.sch_btn_box { display:inline-block; float:left;}
.sch_btn_box button.sch { float:right; width:55px; height:55px; border:0px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; padding:5px 5px; transition:all 0.2s;}
.sch_btn_box button.sch:hover {}

/* 필터 적용 버튼 */
.sch_btn_box button.sch span.BkEffect { display:inline-block; width:100%; height:100%; background:url('../img/icon/search.svg') no-repeat center center #f5f6f7;background-size:25px; z-index:-1; border-radius:7px; transition:all 0.2s;}
.sch_btn_box button.sch span.BkEffect:hover {box-shadow:0 0 7px rgba(0, 0, 0, 0.05);}

/* 초기화 버튼 스타일 */
.sch_btn_box button.reset { float:right; width:55px; height:55px; border:0px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; padding:5px 5px; transition:all 0.2s; margin-right: 0px;}
.sch_btn_box button.reset span.BkEffect { display:inline-block; width:100%; height:100%; background:url('../img/icon/reset.svg') no-repeat center center; background-size:28px; z-index:-1; border-radius:7px; transition:all 0.2s;}
.sch_btn_box button.reset span.BkEffect:hover {}

/* 스크랩 버튼 스타일 */
.sch_btn_box button.scrap { position:relative; float:right; width:55px; height:55px; border:0px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; padding:5px 5px; transition:all 0.2s; margin-right: 0px;}
.sch_btn_box button.scrap img { margin:-3px 0 0 0;}
.sch_btn_box button.scrap  span.BkEffect { display:inline-block; width:100%; height:100%; background:url('../img/icon/scrap.svg') no-repeat center center; background-size:28px; z-index:-1; border-radius:7px; transition:all 0.2s;}
.sch_btn_box button.scrap  span.BkEffect:hover {}

.sch_btn_box button.scrap .scrap_count {position:absolute; bottom:0%; width:100%; display:block; font-size:10px; color:#e60023; font-weight:bold; margin:0 0 3px -5px; font-weight:normal; text-align:center;}




/* ================== 목록 페이지 헤더 */




/* 목록 : 검색결과 리스트, 출력 */
.results-table { display:inline-block; width:100%; word-break:keep-all}
			
.rst_list_header { padding:10px; background:#fff !important; color:#000; border:1px solid rgba(0, 0, 0, 0.1) !important; margin-bottom:10px !important;}
.rst_list_header .rst_column { font-size:13px; cursor:default;}
.rst_list_header .rst_column:nth-child(5) {border-right:1px solid rgba(0, 0, 0, 0.07); padding:0 15px 0 0;}
.rst_list_header:hover {box-shadow:0 0 7px rgba(0, 0, 0, 0) !important; transform:translateY(0px) !important;}

.rst_list {display:inline-flex; width:100%; float:left; margin-bottom:5px; padding:13px 0 10px 0; background:#fff; border:1px solid #fff; border-bottom:1px solid #eee; transition:all 0.5s; border-radius:5px; cursor:pointer;}
.rst_list:hover {box-shadow:0 0 7px rgba(0, 0, 0, 0.1); border:1px solid rgba(0, 0, 0, 0.7); background:#fffbf0; transform:translateY(-2px);}
.rst_list:hover span.pro_name {color:#000;}

.rst_column { display:block; float:left; text-align:left; font-size:15px; letter-spacing:-0.5px;}
.rst_column:nth-child(1) {width:70px; text-align:center; float:left;}
.rst_column:nth-child(2) {width:70px; text-align:center;}
.rst_column:nth-child(3) {width:135px; padding:0 15px 0 0px;}
.rst_column:nth-child(4) {width:calc(100% - 675px); min-width:500px; padding:0 30px 0 0;}
.rst_column:nth-child(5) {width:200px; font-size:13px; padding:0 15px 0 0;}
.rst_column:nth-child(6) {width:200px !important; text-align:right; padding:0 15px;}

.rst_column_org {width:170px !important; text-align:left !Important; font-size:13px; padding:0 15px;}

.page_number {font-size:12px; color:#838587;}



/* 목록 : 캘린더형태로 보기 ---------------------- */
.calendar-In_nav { display:inline-block; width:100%; margin:0 0 0px 0; padding:15px; }
.calendar-In_nav .date_box { position:relative; display:inline-block; width:100%; }
.calendar-In_nav .year_box { display:inline-block; font-family:"Anton", sans-serif; font-size:29px; float:left; }
.calendar-In_nav .month_box { display:inline-block; float:left; margin:6px 0 0 15px; }
.calendar-In_nav .month_box a { display:inline-block; width:30px; height:30px; float:left; }
.calendar-In_nav .month_box a.point { width:auto; line-height:30px; font-size:5px; font-weight:bold; color:#000; }
.calendar-In_nav .month_box img { width:100%; }
.calendar-In_nav .btn_endlist_box { position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-block; float:right; }
.btn_endlist { background:#000; border:1px solid #000; padding:10px 17px; border-radius:20px; font-size:13px; cursor:pointer; transition:all 0.3s ease; color:#fff; font-weight:bold; }
.btn_endlist.active { background:#fff; color:#000; border-color:#000; }

@media screen and (max-width:720px){
	.calendar-nav { margin:10px 0 -10px 0; float:left; }
	.btn_endlist { padding:6px 12px; font-size:12px; }
}

.calendar_box { display:inline-block; width:100%; padding:0 10px;}
table.calendar { width:100%; table-layout:fixed; border-spacing:10px; }
table.calendar th, table.calendar td { vertical-align:top; padding:10px; }
table.calendar th { color:#000; text-align:left; font-size:15px; padding:0 5px 10px 5px; }
table.calendar td { border-top:1px solid #000; }
table.calendar td:hover { background:#f5f6f7; }
table.calendar td .day { display:inline-block; width:100%; padding:0 0 10px 0; font-size:23px; font-family:"Anton", sans-serif; }
table.calendar td .day .today_list_count { font-size:13px; float:right; color:#666; }
table.calendar tbody tr td:nth-child(1) .day { color:#fe0000; }
table.calendar tbody tr td:nth-child(7) .day { color:#0000ff; }

.record-wrapper { border-bottom:1px dashed #ddd; margin-bottom:15px; padding-bottom:10px; cursor:pointer; position:relative; }
.record-title { position:relative; display:block; color:#000; padding:0 0 8px 0; font-weight:bold; font-size:13px; border-bottom:1px dashed #ddd; cursor:pointer; }
.record-title:last-child { border-bottom:0; }
.record-title:hover { color:#fe0000; }

.record-meta { font-size:12px; line-height:1.4; color:#555; margin-top:6px; }
.record-meta .org { display:block; color:#777; }
.record-meta .amt { display:block; color:#0076da; font-weight:600; }
.record-meta .contract { display:block; color:#111; }
.record-meta .tel { display:block; color:#111; }

.btn_orderplan_scrap_cal { position:absolute; top:6px; right:6px; background:none; border:0; padding:4px; cursor:pointer; }
.btn_orderplan_scrap_cal img { width:16px; height:16px; opacity:0.75; }
.btn_orderplan_scrap_cal.active img { opacity:1; }
/* ---------------------- 목록 : 캘린더형태로 보기 */


/* 스크랩 */
button.btn_scrap {width:25px; background:none; border:0px; padding:5px;}
button.btn_scrap img.scrap {width:100%; float:left;}

.pro_period_group { font-size:12px; }
.pro_period_group .pro_period_reg,
.pro_period_group .pro_period_collect,
.pro_period_group .pro_period_end { display:block; margin-bottom:2px; }
.pro_period_reg { display:inline-block; width:100%; font-size:12px; float:left; color:#838587;}
.pro_period_collect { display:inline-block; width:100%; font-size:12px; float:left; color:#838587;}
.pro_period_end { display:inline-block; font-size:12px; float:left; color:#e60023; border-top:1px solid rgba(245, 74, 60, 0.5); border-bottom:1px solid rgba(245, 74, 60, 0.5); background:rgba(245, 74, 60, 0);}
.pro_period_str { display:inline-block; width:100%; font-size:12px; float:left; color:#000;}
.pro_period_normal { display:inline-block; width:100%; font-size:12px; float:left; color:#838587;}
.pro_period_dday { display:inline-block; width:100%; font-size:12px; float:left; color:#e60023;}


.pro_number { display:inline-block; font-size:11px; color:#838587; float:left; padding-bottom:7px;} /* 공고번호 */
.pro_ReAdvertisement { display:inline-block; font-size:11px; color:#1A54F5; float:left; background:rgba(26, 84, 245, 0.1); padding:0 5px; border-radius:3px; margin-right:5px;} /* 재공고여부 */
.pro_type_1 { display:inline-block; font-size:11px; color:#e60023; float:left; background:#fcf3f2; padding:0 5px; border-radius:3px; margin-right:5px;} /* 업무구분 */
.pro_name_col { overflow:visible; }
.pro_name { display:block; width:100%; color:#000; font-size:17px; margin-bottom:4px;} /* 입찰공고명 */
.pro_desc_wrap { display:block; width:100%; margin-top:6px; padding-top:6px; border-top:1px solid #eee; clear:both;}
.pro_benefit { display:inline-block; width:100%; font-size:13px; background:#f5f6f7; color:#555; font-weight:normal; padding:10px; margin:5px 0 0 0; border-radius:5px;} /* 혜택 */
.pro_comment { display:inline-block; width:100%; font-size:13px; color:#0076da; font-weight:normal; padding:5px 0 0 0;} /* 전문가코멘트 */

/* 지원분야/지역/창업기간/기업형태 칩 */
.pro_chip_row { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; align-items:center;}
.pro_chip { display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:normal; padding:6px 12px; border-radius:20px; white-space:nowrap;}
.pro_chip_icon { flex-shrink:0; vertical-align:middle;}
.pro_chip_support { background:#fbe9ea; color:#e53935;}   /* 지원분야: 연한 핑크/빨강 */
.pro_chip_region { display:inline-block; background:#eee; padding:5px 13px; border-radius:50px;}   /* 지역 */
.pro_chip_startup { display:inline-block; background:#e4f4cf; color:#21773a; padding:5px 13px; border-radius:50px;}   /* 창업기간 */
.pro_chip_company { display:inline-block; border-radius:50px; color:#707782; background:#eaeff4; padding:5px 13px;}   /* 기업형태(회사정보) */
.pro_chip_tag { display:inline-block; background:#fcf1f1; color:#d84242; padding:5px 13px; border-radius:50px;}   /* 태그 */

.pro_status_box { display:inline-block; width:100%; float:left; padding:7px 0 7px 0px; margin:10px 0 0 0px;}
.pro_ntceKindNm {display:inline-block; font-size:12px; color:#2e5de6; float:left; background:#fff; border:1px solid #2e5de6; padding:2px 10px; border-radius:0px; margin-right:3px; font-weight:bold;} /* 공고종류명 */
.pro_srvceDivNm {display:inline-block; font-size:12px; color:#21773a; float:left; background:#fff; border:1px solid #21773a; padding:2px 5px; border-radius:0px; margin-right:3px;} /* 용역구분명 */
.pro_bidMethdNm {display:inline-block; font-size:12px; color:#333; float:left; background:#fff; border:1px solid #333; padding:2px 5px; border-radius:0px; margin-right:3px;} /* 입찰방식 */
.pro_bidPrtcptLmtYn {display:inline-block; font-size:12px; color:#333; border:1px solid #333; padding:2px 5px; float:left; background:#f5f6f7; margin-right:3px;} /* 입찰참가제한여부 */


.pro_pubPrcrmntClsfcNm, .pro_dtilPrdctClsfcNoNm, .pro_pubPrcrmntClsfcNm {display:inline-block; font-size:12px; color:#21773a; float:left; background:none; padding:5px 0 0 0;} /* 공공조달분류명 */


.pro_ntceInsttNm { display:inline-block; width:100%; float:left;} /* 발주기관, 소재지 */

.column_group { display:inline-block; width:100%;}

.pro_cntrctCnclsMthdNm {display:inline-block; font-size:13px; line-height:10px; border-right:1px solid #ddd; padding:0 9px 0 0; margin:0 5px 0 0;} /* 계약체결방법명 */
.pro_prearngPrceDcsnMthdNm {display:inline-block; font-size:13px;} /* 예정가격결정방법명 */

.pro_sucsfbidMthdNm {display:inline-block; font-size:13px;  color:#2e5de6;  float:right; margin:5px 0 0 0; } /* 낙찰방법명 */


/* 가격정보 */
.price_asignBdgtAmt {display:inline-block; width:100%; float:left;} /* 배정예산금액 */
.price_presmptPrce {display:inline-block; width:100%; font-size:13px; float:left; color:#e60023;} /* 추정가격 */
.price_sucsfbidLwltRate {display:inline-block; width:100%; font-size:13px; color:#e60023; border-top:1px dotted #ddd; margin:5px 0 0 0; padding:3px 0 0 0; float:left;} /* 낙찰하한율 */
.price_applied {display:inline-block; width:100%; font-size:13px; color:#e60023; float:left;} /* 낙찰하한율적용가격 */



/* 상세정보 펼침 */
.rst_detil_box {max-height:0; overflow:hidden; opacity:0; transition:all 0.4s ease; padding:0 15px; background:#fff; border:0px solid #ccc; border-radius:5px; margin: 0;}
.rst_detil_box.open {max-height: 500px; opacity: 1; padding-top: 10px; padding-bottom: 10px; margin: 5px 0 15px;}


/* 목록 : 자세히보기 */
.rst_detail_view { display:inline-block; width:calc(100% - 356px); background:#fff; font-size:15px; padding:0 15px 0 260px; float:left; border-right:1px solid #ddd;}
.detail_section { display:inline-block; width:100%; margin-bottom:10px;}
.detail_section span.detail_section_title { display:inline-block; width:100%; font-size:13px; font-weight:bold; padding:0 0 5px 10px;}
.detail_section span.detail_section_info { display:inline-block; width:100%;}

/* Ai 가격분석 */
.detail_price_section { display:inline-block; width:100%; margin:10px 0 0 0;}





/* 원문보기 버튼 */
.detail_outlink_box { display:inline-block; width:100%; text-align:right; padding:0 0 5px 0;}
.detail_outlink_box button.btn_original_url { background:rgba(32, 83, 228, 0.07); color:#2053e4; font-size:13px; border:0px; padding:5px 13px; border-radius:3px; transition:all 0.2s;}
.detail_outlink_box button.btn_original_url:hover { background:rgba(32, 83, 228, 1); color:#fff;}

/* Ai 가격분석 */
.detail_priceAnalysis { position:relative; display:inline-block; width:calc(355px); float:left; padding:0 0 0 15px;}
.detail_priceAnalysis span.priceAnalysis_header { display:inline-block; width:100%; font-size:13px; font-weight:bold; float:left; padding-bottom:10px;}
.detail_priceAnalysis button.priceAnalysis_ai { position:absolute; top:0%; right:0%; background:rgba(33, 188, 189, 0.85); color:#fff; border:0px; padding:5px 7px; border-radius:3px; transition:all 0.2s;}
.detail_priceAnalysis button.priceAnalysis_ai:hover { background:rgba(33, 188, 189, 1)}





/* 팝업 콘텐츠 : 팝업 배경 */
.popup_detail_box li.hd_title { position:relative; display:inline-block; width:100%;}
.popup_detail_box li.hd_title span.popup_btn { position:absolute; top:0%; right:0%; margin:-5px 0 0 0;}
.popup_detail_box li.hd_title span.popup_btn span.qk_icon { display:inline-block; border:0px solid #ddd;  margin-right:20px;}

.popup_detail_box li.hd_title button.btn_popup {width:30px; background:none; border:0px; border-radius:5px; padding:5px; margin:0 3px; transition:all 0.2s;}
.popup_detail_box li.hd_title button.btn_popup img.icon {width:100%; float:left;}
.popup_detail_box li.hd_title button.btn_popup img.icon2 {width:95%; float:left;}
.popup_detail_box li.hd_title button.btn_popup:hover { background:#f5f6f7;}

/* 마감일, 개찰일, 사업금액, 추정금액 */
.popup_detail_box li.point_box { display:inline-block; width:100%; border:1px solid #ddd; border-radius:10px; margin:20px 0; box-shadow:0 0 10px rgba(0, 0, 0, 0.07);}
.popup_detail_box li.point_box span.pb_section { display:inline-block; width:25%; float:left; border-right:1px solid #eee; padding:10px 15px;}
.popup_detail_box li.point_box span.pb_section:last-child {border-right:0px;}
.popup_detail_box li.point_box span.pb_section span.pb_title { display:inline-block; width:100%; color:rgba(0, 0, 0, 0.5);}
.popup_detail_box li.point_box span.pb_section span.pb_title span.dday { display:inline-block; float:right; color:#e60023;}
.popup_detail_box li.point_box span.pb_section span.pb_info { display:inline-block; width:100%; font-size:17px; padding:5px 0 0 0; letter-spacing:-0.5px;}

.popup_detail_box li.table_list { display:inline-block; width:100%; margin-bottom:20px;}
.popup_detail_box li.table_list span.section_title { display:inline-block; width:100%; font-size:15px; padding:0 0 7px 10px;}
.popup_detail_box li.table_list span.section_info {}

.popup_pro_ct { display:inline-block; width:100%; float:left; padding:13px 0 5px 0;}
.popup_pro_ntceInsttNm { display:inline-block; float:left; border-right:1px solid #ddd; padding-right:10px; margin-right:10px;} /* 수요기관 */
.popup_pro_category { display:inline-block; color:#21773a; float:left; font-size:13px;} /* 주공종명 */
.popup_pro_name { display:inline-block; color:#000; font-weight:bold; float:left; font-size:17px;} /* 입찰공고명 */



/* 테이블 스타일 */
.dt_table { display:inline-block; width:100%; font-size:13px; border:1px solid rgba(0, 0, 0, 0.15); border-radius:0px; overflow:hidden;}
.dt_table ul { display:flex; width:100%;}
.dt_table li {border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.dt_table li.th {width:150px; background:#f4f6f8; padding:5px 10px;}
.dt_table li.td {width:calc(50% - 150px); padding:5px 10px;}
.dt_table ul:last-child li {border-bottom:1px solid rgba(0, 0, 0, 0);}

.dt_table2 { display:inline-block; width:100%; font-size:13px; border:1px solid rgba(0, 0, 0, 0.15); border-radius:0px; overflow:hidden;}
.dt_table2 ul { display:flex; width:100%;}
.dt_table2 li {border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.dt_table2 li.th {width:100px; background:rgba(33, 188, 189, 0.07); padding:5px 10px;}
.dt_table2 li.td {width:calc(100% - 100px); padding:5px 10px;}
.dt_table2 ul:last-child li {border-bottom:1px solid rgba(0, 0, 0, 0);}


/* 테이블 스타일 : 첨부파일 */
.dt_table_file { display:inline-block; width:100%; font-size:13px; border:1px solid rgba(0, 0, 0, 0.15); border-radius:0px; overflow:hidden;}
.dt_table_file ul { display:flex; width:100%;}
.dt_table_file li {border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.dt_table_file li.th {width:150px; background:#f4f6f8; padding:5px 10px;}

.dt_table_file li.th:nth-child(1) {width:50px; text-align:center;}
.dt_table_file li.th:nth-child(2) {width:150px;}
.dt_table_file li.th:nth-child(3) {width:calc(100% - 250px);}
.dt_table_file li.th:nth-child(4) {width:50px;}

.dt_table_file li.td:nth-child(1) {width:50px; text-align:center;}
.dt_table_file li.td:nth-child(2) {width:150px;}
.dt_table_file li.td:nth-child(3) {width:calc(100% - 250px);}
.dt_table_file li.td:nth-child(4) {width:50px;}

.dt_table_file li.td {width:calc(50% - 150px); padding:5px 10px;}
.dt_table_file ul:last-child li {border-bottom:1px solid rgba(0, 0, 0, 0);}

.dt_table_file li.file_name {color:#2e5de6;}
.dt_table_file li.file_name a {color:#2e5de6;}

.dt_table_file li.td button.btn_download {width:20px; height:20px; background:url('../img/icon/download.svg') no-repeat center center #fff; background-size:80%; border:0px; float:right; border-radius:3px; transition:all 0.2s;}
.dt_table_file li.td button.btn_download:hover {background:url('../img/icon/download_w.svg') no-repeat center center #e60023; background-size:80%;}


/* 첨부파일 */
.attach_file_1 { display:inline-block; background:rgba(32, 83, 228, 0.07); color:#2053e4; padding:3px 10px; border-radius:3px; font-size:12px; margin-bottom:5px;}
.attach_file_1:hover {background:rgba(32, 83, 228, 0.1);}
.attach_file_2 {display:inline-block; background:rgba(33, 119, 58, 0.07); color:#21773a; padding:3px 10px; border-radius:3px;  font-size:12px; margin-bottom:5px;}
.attach_file_2:hover {background:rgba(33, 119, 58, 0.1);}
.attach_file_3 {display:inline-block; background:rgba(112, 119, 130, 0.07); color:#707782; padding:3px 10px; border-radius:3px;  font-size:12px; margin-bottom:5px;}
.attach_file_3:hover {background:rgba(112, 119, 130, 0.1);}
.attach_file_4 {display:inline-block; background:rgba(112, 119, 130, 0.07); color:#707782; padding:3px 10px; border-radius:3px;  font-size:12px; margin-bottom:5px;}
.attach_file_4:hover {background:rgba(112, 119, 130, 0.1);}
.attach_file_5 {display:inline-block; background:rgba(112, 119, 130, 0.07); color:#707782; padding:3px 10px; border-radius:3px;  font-size:12px; margin-bottom:5px;}
.attach_file_5:hover {background:rgba(112, 119, 130, 0.1);}
.attach_file_6 {display:inline-block; background:rgba(112, 119, 130, 0.07); color:#707782; padding:3px 10px; border-radius:3px;  font-size:12px; margin-bottom:5px;}
.attach_file_6:hover {background:rgba(112, 119, 130, 0.1);}
.attach_file_7 {display:inline-block; background:rgba(112, 119, 130, 0.07); color:#707782; padding:3px 10px; border-radius:3px;  font-size:12px; margin-bottom:5px;}
.attach_file_7:hover {background:rgba(112, 119, 130, 0.1);}
.attach_file_8 {display:inline-block; background:rgba(112, 119, 130, 0.07); color:#707782; padding:3px 10px; border-radius:3px;  font-size:12px; margin-bottom:5px;}
.attach_file_8:hover {background:rgba(112, 119, 130, 0.1);}
.attach_file_9 {display:inline-block; background:rgba(112, 119, 130, 0.07); color:#707782; padding:3px 10px; border-radius:3px;  font-size:12px; margin-bottom:5px;}
.attach_file_9:hover {background:rgba(112, 119, 130, 0.1);}
.attach_file_10 {display:inline-block; background:rgba(112, 119, 130, 0.07); color:#707782; padding:3px 10px; border-radius:3px;  font-size:12px; margin-bottom:5px;}
.attach_file_10:hover {background:rgba(112, 119, 130, 0.1);}