@charset "utf-8";

/*수요조사 게시판*/

.page-search{font-family: 'SCDream';position: relative;margin-top: 2.5rem;margin-bottom: 1.25rem;background-color: #f4f5f7;border-top: 2px solid #111;border-bottom: 1px solid #ccc;font-size:18px;}
.page-search div{font-family: 'SCDream'}
.page-search .search-wrap .col-board {display: flex;align-items: center;justify-content: flex-start;}   
.page-search .search-wrap .col-board.right{justify-content:flex-end} 
.page-search .search-wrap .col-board.right .btn.search{width: 6.25rem;   height: 2.25rem;    line-height: 2.25rem;    font-size: 0.875rem;    color: #fff;    border-color: #344076;    padding: 0 0 0 1.125rem;
    background: url(https://srome.keit.re.kr/sromeweb/images/svg/ic-search.svg) 1.375rem center / 1rem no-repeat #344076;border:1px solid #ccc;display:block;text-align:center}
.page-search .search-wrap input[type=text]{font-size: 0.875rem;border-color: #ddd;width: 100%;color: #444;height: 2.25rem;max-height: 2.25rem;line-height: 2.375rem;padding: 0.375rem 0.4rem 0.25rem;border-radius:4px}
.page-search .search-wrap .col-board-2{width:16.66%}
.page-search .search-wrap .col-board-6{width:50%}
.search-wrap.main{}
.search-wrap .flex-board{width:100%;align-items:center;display:flex}
.search-wrap .flex-board.center{justify-content: center;}
.search-wrap .row-board{display: flex;   align-items: center;    justify-content: center;    flex-wrap: wrap;    width: 100%;/*border-top: 1px solid #e2e3e7;*/
    padding: 0.75rem 1.5rem;}
.search-wrap .row-board:not(.center){gap:1.25rem;border-bottom:1px solid #e2e3e7;padding:0.75rem 1.5rem;margin:0}
.search-wrap .row-board.center{padding: 0.75rem 1.5rem;max-width:920px;margin:0 auto}

.search-wrap .label{font-family: 'SCDream';display: block;font-size: 0.875rem;font-weight: 300;line-height: 1.4;padding: 0.125rem 0;color: #888;white-space: nowrap;margin-right: 0.625rem;}
.search-wrap .form-group{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap: 8px 12px;margin-bottom:0;}
.search-wrap .radio-group{}
.search-wrap .nowrap-group{}
.search-wrap .form-group label.label{margin-bottom:0;color:#000}
.search-wrap .form-group label.label label{margin-bottom:0}
.search-wrap .form-group input[type=radio]{font-family:'SCDream'}
.search-wrap .form-group input[type=date]{font-family:'SCDream';width:160px;flex:0 0 160px;border-color:#ddd;border-radius:4px;font-size:0.875rem;padding:0.375rem 0.4rem 0.25rem}
.search-wrap select.form{font-size: 0.875rem;width: 100%;color: #444;height: 2.25rem;max-height: 2.25rem;line-height: 2.375rem;min-width:4rem;background:#fff url(/imgs/ko/sub/sb_slt_spr.jpg) no-repeat 92% 50%;border:1px solid #fff;border-radius:4px}
.search-wrap select.form option{}
.search-wrap button.btn{}
.search-wrap button.btn.search{}

.page-grid{margin-top:2.5rem;font-size:18px}
.page-grid .grid-head{display:flex;justify-content:space-between;align-items:flex-end;}
.page-grid .grid-head .info{display:flex;align-items:center;font-size:0.937rem;font-weight:300;color:#444;white-space:nowrap}
.page-grid .grid-head .info strong{color:#111;font-weight:500;letter-spacing:-0.02rem;}
.page-grid .grid-head .info p{position:relative;margin-bottom:0}
.page-grid .grid-head .info p:not(:first-child){padding-left:0.375rem;margin-left:0.375rem;border-left:1px solid #eee}
.page-grid .grid-head .info p:last-child
.page-grid .grid-head .info p:last-child{}
/*.page-grid .grid-head .info p:last-child:before{width:1px;height:13px;position:absolute;content:'';top:2px;left:0;background:red}*/
.page-grid .grid-body{margin-top:0.5rem}

.table-list{border-top:2px solid #111}
.table_list .list-header{display:flex;justify-content:center;align-items:center;width:100%;}
.table_list .content-title{padding: 1rem 0.75rem 0.9rem;    font-size: 0.937rem;    font-weight: 500;    background-color: #f4f5f7;    border-bottom: 1px solid #ddd;    vertical-align: middle;    text-align: center;    line-height: 1;    max-height: 43.67px;}
.table_list .content-title.no{width:7%;min-width:80px}
.table_list .content-title.subject {width: 84%;flex-grow: 1;}
.table_list .content-title.dDay {width: 8%;min-width: 10 0px;}
.table_list .table_box {display: flex;/* align-items: center; */flex-direction: column;position: relative;border-bottom: 1px solid #ddd;padding: 0.875rem 0rem;font-weight: 300;line-height: 1.5;}
#assignment-notice_list .table_box {padding-right: 0;}
.table_list .table_box_wrap{padding:0 0.75rem;justify-content: left;display:flex;align-items: center;width: 91%;gap:2.5rem;}
.table_list .table_box .no{width:5%;min-width:40px;display:block;text-align:center;font-weight:400}
.table_list .table_box_detail{flex:1}
#assignment-notice_list .table_box .banner{width:70px;margin-bottom:0.5rem;align-items:center;display:flex;}
#assignment-notice_list .table_box .banner .badge-board{w idth:100%;margin-top:-2px;font-size:0.8125rem;padding:0.375rem 0.375rem 0.312rem;margin-right:5px}
#assignment-notice_list .table_box .banner .badge-board.black{color:#ebebeb}
.badge-board{border:1px solid #eee;background:#eee;padding:0.375rem 0.437rem 0.25rem;display:inline-block;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:3px}
.badge-board.blue{border-color:#266bd2;background-color:#266bd2!important;color:#fff!important}
.badge-board.red{border-color: #dc3545;background-color:#dc3545!important;color:#fff!important}
.badge-board.white{border-color: #fff;background-color:#fff!important;color:#111!important}
.table_list .table_box_detail .subject{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align:left;font-weight:500}
.table_list .table_box_detail{font-size:18px}
.table_list .table_box_detail .info {margin-top:0.375rem;width:100%; display:flex;align-items:flex-start;justify-content:flex-start;gap:1.25rem;font-size:0.875rem;}
.table_list .table_box_detail .info p{margin-bottom:0}
.table_list .table_box_detail .info .label{color:#888;padding:0 0.375rem 0 0;margin-right:0.375rem;border-right:1px solid #eee;font-weight:400;font-size:100%}
.table_list .table_box_detail .info .value {font-weight: 400;}
#assignment-notice_list .table_box_btn{position:absolute;top:50%;right: 0;transform: translateY(-50%);display: flex;align-items: center;width: 8%;justify-content: center;}
#assignment-notice_list .table_box_btn .badge{margin: 0 0 0 0.375rem;font-size: 0.875rem;padding: 0.375rem 0.75rem 0.312rem;white-space: nowrap;min-width: 64px;}

.grid-foot {margin-top: 1rem;position: relative;}
.grid-foot ul{display:flex;justify-content:center;align-items:center;}
.grid-foot ul li {margin: 0 0.125rem;}
.grid-foot ul li a{font-size:1rem}
.grid-foot ul li a.first {background: url("https://srome.keit.re.kr/sromeweb/images/ic-first.png") center no-repeat;}
.grid-foot ul li a.prev {margin-right: 0.375rem;  background: url("https://srome.keit.re.kr/sromeweb/images/ic-prev.png") center no-repeat;}
.grid-foot ul li a.next {margin-left: 0.375rem;  background: url("https://srome.keit.re.kr/sromeweb/images/ic-next.png") center no-repeat;}
.grid-foot ul li a.last {background: url("https://srome.keit.re.kr/sromeweb/images/ic-last.png") center no-repeat;}
.grid-foot ul li.on a {border-color: #1045a5 !important;background-color: #1045a5;color: #fff;}
.sr-only {position: absolute;width:1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;    overflow: hidden !important;    clip: rect(0, 0, 0, 0) !important;    white-space: nowrap !important;    border: 0 !important;}


.board-view01-wrap{}
.board-view01-wrap .v-tit{font-size:30px;border-bottom:1px solid #eee;color:#111;font-weight:400;font-family: 'SCDream';padding-bottom:1rem;margin-bottom:1rem}
.board-view01-wrap .bv01-dl-wrap{display:flex;flex-wrap:wrap;margin-top:30px}
.board-view01-wrap dl{width:50%;display:flex;font-size:1rem}
.board-view01-wrap dl dt{font-family: 'SCDream';width:100px;font-weight:400}
.board-view01-wrap dl dd{font-family: 'SCDream';color:#666}
.board-view01-wrap .pdf-viewer{}
.board-view01-wrap .bv01-text-box{}
.board-view01-wrap .bv01-list{}
.board-view01-wrap .grid-foot{margin-top:30px}
.grid-foot .btns {display: flex;align-items: center;justify-content: flex-end;padding: .4rem .4rem;margin-top: -1rem;margin-bottom: 12px;}
.grid-foot .btns .btn {border: 1px solid #1045a5;color: #fff;background: #1045a5;font-size: 15px;font-weight: 400;padding: 0 32px;height: 40px;line-height: 42px;margin-left: 6px;}
.grid-foot .btns .btn.my {border: 1px solid #1045a5;color: #1045a5;background: #fff;}
.grid-foot .btn.temp {border: 1px solid #666;color: #666;background: #fff;font-size: 15px;font-weight: 400;padding: 0 32px;height: 40px;line-height: 42px;margin-left: 6px;}

.contents_wrap h3{font-family: 'SCDream';font-size:1.5rem;font-weight:600;color:#09265a;letter-spacing:-0.1rem;margin-bottom:20px}
.info-input{display:flex;flex-wrap:wrap}
.info-input-wrap .info-input dl{display:block}
.info-input-wrap .info-input dl dt{margin-bottom:10px}
.info-input dl dd{width:80%;border-radius:5px;background:#ebebeb;border:1px solid #eee;padding:0.8rem}

dl.basic{display:block;width:100%}
dl.basic dt{}
dl.basic dd{width:100%}
dl.basic dd input{width:100%;border:1px solid #ebebeb;border-radius:5px;padding:0.8rem}
#byteCount{font-size:0.8rem;color:#666}

dl.attachment{display:block;width:100%;}
dl.attachment dt{}
dl.attachment dd#drop-area{}
#drop-area{background:#eee;border:#ddd;text-align:center;padding:2rem;border-radius:5px}
#drop-area p{margin-bottom:0}
#drop-area p.upload-text01{margin-top:20px;}
#drop-area p.upload-text02{font-size:0.8rem;font-weight:300}

.justify-center{justify-content:center}

.application-completed{}
.application-completed p.completed-text01{text-align:center;font-size:2rem;font-family: 'SCDream';letter-spacing:-0.1rem}
.application-completed p.completed-text01 .font-blue{font-family: 'SCDream';letter-spacing:-0.1rem}
.font-blue{color:#1045a5;}
.application-completed .completed-box01{background:#f1f1f1;border-radius:5px;padding:2rem}
.application-completed .completed-box01 ul{font-size:1rem}
.application-completed .completed-box01 ul li{}
.application-completed .completed-box01 ul li ul{}
.application-completed .completed-box01 ul li ul li{}

.dot_list ul{padding-left:4px}

.board-tab{border-bottom:1px solid #dee2e6;margin-bottom:2rem}
.board-tab a{display:inline-block;padding:0.5rem 1.4rem;font-size:1.4rem}
.board-tab a.on{color:#1045a5;font-weight:500;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;border-top:1px solid #dee2e6;border-bottom:none;border-radius:5px 5px 0 0;position:relative;z-index:10} 
.board-tab a.on:after{ content: "";  position: absolute;  left: 0; right: 0; bottom: -1px; height: 3px;  background: #fff; /* 탭과 같은 색상 */  z-index: 2;}

.board-view01-wrap .dl-view-wrap{font-size:0}
.board-view01-wrap dl.dl-view dt{width:auto;margin-bottom:10px}
.board-view01-wrap dl.dl-view dd{width: calc(100% - 10px);border-radius: 5px;background: #ebebeb;border: 1px solid #eee;padding: 0.8rem;}
.board-view01-wrap dl.dl-view01{display:inline-block;width:33.3333%}
.board-view01-wrap dl.dl-view02{display:inline-block;width:25%}
.board-view01-wrap dl.dl-view03{display:block;width:100%}

/*PMS소개*/
.introduce-wrap{}
.introduce-wrap p{margin-bottom:0;line-height:1.8}
.introduce-wrap .introduce-01{background:#34558b;text-align:center;padding:5rem 1rem}
.introduce-wrap .introduce-01 h4.introduce-title01{color:#fff;font-family: 'gmarket';font-size:2rem}
.introduce-wrap .introduce-01 p.introduce-text0101{margin-top:1rem;color:#fff;font-size:1.2rem;font-weight:300;font-family: 'SCDream';}
.introduce-wrap .introduce-02{padding:5rem 1rem;background:#d8eef8;text-align:center;}
.introduce-wrap h4.introduce-title{font-family: 'gmarket';color:#1045a5;font-size:2rem}
.introduce-wrap .introduce-02 .introduce-title02{}
.introduce-wrap .introduce-02 .introduce-text0201{margin-top:1rem;font-size:1.1rem;font-weight:300;font-family: 'SCDream';}
.introduce-wrap .introduce-03{backgro
und:#edf4fb;padding:4rem 1rem}
.introduce-wrap .introduce-03 .introduce-title03{text-align:center;}
.introduce-wrap .introduce-03 ul.introduce-list0301{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 2rem;margin-bottom:0}
.introduce-wrap .introduce-03 ul.introduce-list0301 li.il{width:32%;padding:calc(2rem + 77px) 1rem 2rem 1rem;border-radius:10px;text-align:center;margin-top:2rem;}
.introduce-wrap .introduce-03 ul.introduce-list0301 li.il01{background:#fff url(/imgs/ko/sub/intro_icon01.png) center 2rem no-repeat}
.introduce-wrap .introduce-03 ul.introduce-list0301 li.il02{background:#fff url(/imgs/ko/sub/intro_icon02.png) center 2rem no-repeat}
.introduce-wrap .introduce-03 ul.introduce-list0301 li.il03{background:#fff url(/imgs/ko/sub/intro_icon03.png) center 2rem no-repeat}
.introduce-wrap .introduce-03 ul.introduce-list0301 li.il04{background:#fff url(/imgs/ko/sub/intro_icon04.png) center 2rem no-repeat}
.introduce-wrap .introduce-03 ul.introduce-list0301 li.il05{background:#fff url(/imgs/ko/sub/intro_icon05.png) center 2rem no-repeat}
.introduce-wrap .introduce-03 ul.introduce-list0301 li.il06{background:#fff url(/imgs/ko/sub/intro_icon06.png) center 2rem no-repeat}
.introduce-wrap .introduce-03 ul.introduce-list0301 p.introduce-text0301{font-size:1.4rem;line-height:1.2}
.introduce-wrap .introduce-03 ul.introduce-list0301 p.introduce-text0302{word-break:keep-all;font-family: 'SCDream';}
.introduce-wrap .introduce-04{background:#f7f7f7;padding:4rem 1rem}
.introduce-wrap .introduce-04 .introduce-title04{text-align:center;}
.introduce-wrap .introduce-04 p.introduce-text0401{font-size:1.4rem;line-height:1.2;text-align:center}
.introduce-wrap .introduce-04 ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0rem 2rem;margin-bottom:0}
.introduce-wrap .introduce-04 ul li{background:#1045a5;width:32%;border-radius:10px;text-align:center;margin-top:2rem;color:#fff;padding:3rem}
.introduce-wrap .introduce-04 ul li p.introduce-text0402{font-size:1.4rem;line-height:1.2}
.introduce-wrap .introduce-04 ul li p.introduce-text0403{font-family: 'SCDream';}

@media all and (max-width:1100px){
	.table_list .content-title.subject{width:80%}
	.table_list .content-title.dDay{width:12%}
	.table_list .table_box_wrap{width:87%}
	#assignment-notice_list .table_box_btn{width:12%}
}
@media all and (max-width:900px){
	.table_list .table_box_detail .info{display:block}
	
}
@media all and (max-width:768px){
	.introduce-wrap .introduce-01{padding:3rem 1rem}
	.introduce-wrap .introduce-01 h4.introduce-title01{font-size:1.4rem}
	.introduce-wrap .introduce-01 p.introduce-text0101{font-size:0.8rem;margin-top:0.8rem}
	.introduce-wrap h4.introduce-title{font-size:1.4rem}
	.introduce-wrap .introduce-02{padding:3rem 1rem}
	.introduce-wrap .introduce-02 .introduce-text0201{font-size:0.8rem;margin-top:0.8rem;font-size:0.8rem}
	.introduce-wrap .introduce-03 ul.introduce-list0301 li.il{background-size:40px;padding:calc(2rem + 50px) 1rem 2rem 1rem}
	.introduce-wrap .introduce-03 ul.introduce-list0301 p.introduce-text0301{font-size:1.2rem}
	.introduce-wrap .introduce-03 ul.introduce-list0301 p.introduce-text0302{font-size:0.8rem}	
	.introduce-wrap .introduce-04 p.introduce-text0401{font-size:0.9rem;line-height:1.6}
	.introduce-wrap .introduce-04 ul li{padding:3rem 1rem}	
	.introduce-wrap .introduce-04 ul li p.introduce-text0402{font-size:1.2rem}
	.introduce-wrap .introduce-04 ul li p.introduce-text0403{font-size:0.8rem}	
	.board-view01-wrap dl{width:100%}

}	
@media all and (max-width:600px){
	.table_list{border-top:1px solid #ebebeb}
	.table_list .table_box_wrap{width:100%;padding:0}
	.table_list .list-header{display:none}
	.hide-mb{display:none!important}
	#assignment-notice_list .table_box_btn{width:100px;display:block;position:absolute;top:23px;right:0;text-align:right;font-size:14px}
	.page-search .search-wrap .col-board{display:block;}
	.page-search .search-wrap .col-board{padding-right:0!important;padding-left:0!important}	
	.search-wrap .row-board:not(.center){padding:1rem 0;gap:7px}
	.search-wrap .form-group input[type=date]{flex:0 0 110px;width:108px;line-height:23px;font-size:0.7rem}
	.search-wrap .form-group{gap:0}
	
	.search-wrap .row-board.center{padding:0.75rem}
	.search-wrap .flex-board.center{gap:0px!important}
	.table_list .table_box_detail .subject{font-size:1rem}
	.table_list .table_box_detail .info p{font-size:0.6rem}
	.search-wrap .form-group label.label label{font-size:0.7rem}
	.search-wrap .label{margin-bottom:4px;font-size:0.7rem}
	.page-grid .grid-head .info{font-size:0.7rem}
	.badge-board{font-size:0.7rem}
	#assignment-notice_list .table_box .banner .badge-board{font-size:0.7rem;height:1.5rem;line-height:1.6rem;padding-top:0}
	.board-view01-wrap .v-tit{font-size:18px}
	.board-view01-wrap dl{width:100%}
	

}

@media all and (max-width:500px){
	.introduce-wrap .introduce-03 ul.introduce-list0301{padding: 0 0.8rem}	
	.introduce-wrap .introduce-03 ul.introduce-list0301 li.il{width:100%;margin-top:1rem;padding:calc(1rem + 50px) 1rem 1rem 1rem;background-position:center 1rem!important}	
	.introduce-wrap .introduce-04 ul li{width:100%;margin-top:1rem;padding:2rem 1rem}
	
}

@media all and (max-width:400px){
	.page-search .search-wrap .col-board.right .btn.search{width:4rem;background:#344076;padding:0}
	.page-search .search-wrap .col-board-2{padding-left:0px!important;padding-right:0px!important;width:76px;}
	.page-search .search-wrap .col-board-6{width:180px;padding:0!important}
	.search-wrap select.form{font-size:0.5rem}
	.page-search .search-wrap input[type=text]{font-size:0.5rem}
	
}