@charset "utf-8";
@import url(../mgf/ui.css);
@import url(../mgf/bootstrap-4.4.1.css);
@import url(../mgf/util.css);
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
html {
		overflow-x: hidden;
		overflow-y: auto;
}
#sub_header ol, #sub_header ul, #sub_header dl {
		margin-top: 0;
		margin-bottom: 0;
}
#sub_header ul {

		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		padding-inline-start: 0;
}
#sub_header h1, #sub_header .h1 {
		font-size: 0;
}
#sub_header h1,
#sub_header h2,
#sub_header h3,
#sub_header h4,
#sub_header h5,
#sub_header h6,
#sub_header .h1,
#sub_header .h2,
#sub_header .h3,
#sub_header .h4,
#sub_header .h5,
#sub_header .h6 {
		margin-bottom: 0;
		font-weight: 500;
}



span.required{color:red;}

/* pagination */
.pagination { width: 100%; margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; padding-bottom:30px}
.pagination ul { display: flex; flex-direction: row; align-items: center; justify-content: center;}
.pagination ul li { margin: 0px 5px;}
.pagination ul li a{ color:#58595b; display: block; padding: 7px 10px; font-size: 16px; border:0px solid #dee2e6}
.pagination ul li a.active { border-top: 1px solid #003964; color: #003964; font-weight: bold; border-bottom: 1px solid #003964;}

#wrap {
		width: 1280px;
		box-sizing: border-box;
		padding: 0px 67px 0px 68px;
		background-color: #fff;
}
#wrap-view { width: 1280px; margin:  0 auto; position: relative; min-height: 187px; padding-bottom: 55px;}
#wrap-view .les-view { display: flex; flex-direction: column; margin-top:45px; }
#wrap-view .les-view .view-table table th { padding: 15px 40px; border-bottom: 1px solid #eaeaea; font-size: 17px; color: #000; text-align: left; }
#les-sub-wrap { width: 1280px; margin:  0 auto; position: relative; min-height: 187px; box-sizing: border-box;  padding: 0px 67px 50px 68px; }




/* 검색 */
.les_srh {padding-bottom: 5px;}
.les_srh .les_srh_box {float: right;}
.les_srh .les_srh_box ul {  align-items: center; display: flex; flex-direction: row;}
.les_srh .les_srh_box ul li select { padding: 7px; border-radius: 0px; height: 43px; border: 1px solid #ccc; font-size: 16px; color: #000; background-color: #fff; margin-left: 3px; }
.les_srh .les_srh_box ul li input[type='text'] { padding: 10px; width: 270px; height: 43px; border: 1px solid #ccc; font-size: 16px; color: #000; background-color: #fff; margin-left: 3px; }
.les_srh .les_srh_box ul li input[type='text']::placeholder { font-size: 14px; color: #aaa; font-weight: 300;}
.les_srh .les_srh_box ul li button { width: 47px; height: 43px; font-size: 18px; color: #fff; font-weight: 300; background-color: #5b00bb; margin-left: 1px; display: block; }
.les_srh .les_srh_box ul .srh_title {font-size: 20px;}
.les_srh .les_srh_box ul .srh_plus a{ font-size: 25px; display: block; color:#fff; background-color: #ed1a3b; padding: 6px 9px; border-radius: 100%;}

/* datepicker */
#ui-datepicker-div { min-width: 250px;}
.ui-datepicker-title { display: flex; justify-content: space-between;}
.ui-datepicker select.ui-datepicker-month { width: 54%; padding: 9px 10px;}
.ui-datepicker select.ui-datepicker-year { width: 45%; padding: 9px 10px;}
.ui-datepicker .ui-datepicker-header { display: flex; align-items: center; justify-content: center; height: 100%;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 25%;}


.les-title {
		margin-top: 30px;
		border-bottom: 1px solid #dfdfdf;
		padding-top:10px;
		font-size:35px;
		font-weight:bold;
		letter-spacing:-2px;
		color:#000;
		background:url("../../images/iptl/title_bg.gif") no-repeat center top;
		text-align: center;
		padding-bottom: 30px;
}

.les-list { display: flex; flex-direction: column;}
.les-list .les-top {/* border-bottom: 2px solid #000;*/ width: 100%; padding-bottom: 10px;}
.les-list .les-top ul{ display: flex; justify-content: space-between; align-items: center;}
.les-list .les-top ul li {font-size: 18px; color:#000000;}
.les-list .les-top ul li select { padding:8px 5px; border:1px solid #aaa; margin: 0px 2px;  max-width: 180px;}

.les-cont-table { width: 100%; border-top: 1px solid #000; background-color: #fff; margin-bottom: 30px;}
.les-cont-table thead th { padding: 20px 10px; border-bottom: 1px solid #dddddd; font-size: 16px;}
.les-cont-table th {background-color: #fff;}
.les-cont-table td a { color: #333 !important; font-weight: 500;}
.les-cont-table th, .les-cont-table td { padding: 15px 10px; border-bottom: 1px solid #eaeaea; font-size: 15px;}
.les-cont-table td a > p { font-size: 14px; color: #555; font-weight: 500;}


.les-cont-table-list { width: 100%; border-top: 1px solid #000; background-color: #fff; margin-bottom: 30px;}
.les-cont-table-list thead th { padding: 20px 10px; border-bottom: 1px solid #dddddd; font-size: 16px;}
.les-cont-table-list th {background-color: #fff;}
.les-cont-table-list td a { color: #333 !important; font-weight: 500;}
.les-cont-table-list th, .les-cont-table-list td { padding: 15px 10px; border-bottom: 1px solid #eaeaea; font-size: 15px;}
.les-cont-table-list td a > p { font-size: 14px; color: #555; font-weight: 500;}
.les-cont-table-list tr:nth-child(odd) { background-color: #f4f5f9;}


.les-opertn { text-align:left; padding: 3px 5px; font-size: 14px;}
.les-opertn span{padding-right:5px;}
.les-opertn span.title{padding-right:5px; font-weight: bold; font-size: 16px}

.btn {padding: 7px 15px;}
.both-btn {margin-bottom: 10px;}
.both-btn .left-btn{float: left;}
.both-btn .right-btn{float: right;}
.ui-datepicker-trigger {padding: 0px 0px 0px 0px; margin-left: 10px; width: 22px;}

.les-opertn-btn { display: flex; align-items: center; justify-content: center;}
.les-opertn-btn span {display: block; color: #fff; text-align: center; font-size: 15px; font-weight: 300; border-radius: 3px; width: 85px; padding: 5px 0px; font-weight: 400; margin-bottom: 5px; }

.les-opertn-btn a {border: 1px solid #dadada; margin-bottom: 5px; font-size: 14px;  color: #333 !important; margin-left: 10px; width: 85px; padding: 5px 0px; border-radius: 3px}
.les-opertn-btn .type-01 {background-color:#ff5369}
.les-opertn-btn .type-02 {background-color:#ef9f06}
.les-opertn-btn .type-03 {background-color:#0ba403}
.les-opertn-btn .type-04 {background-color:#4d649e}
.les-opertn-btn .type-05 {background-color:#9042a7}
.les-opertn-btn .type-06 {background-color:#ff0000}
.les-opertn-btn .type-07 {background-color:#00a1f8}
.les-opertn-btn .type-08 {background-color:#9c9c9c}
.les-opertn-btn .type-09 {background-color:#FF5E00}

.les-view { display: flex; flex-direction: column; margin-top:20px}
.sub-title {padding-top: 20px; font-size: 20px; color: #000; font-weight: 400;}
.sub-title-exam {padding-top: 20px; font-size: 20px; color: #000; font-weight: 400; display: flex; justify-content: flex-start;}
.les-view .view-title { display: flex; flex-direction: row; align-items: center; padding-bottom: 30px;}
.les-view .view-title span { margin-right: 16px; padding: 8px 10px; min-width: 100px; font-size: 20px; color: #fff; background-color: #5b00bb; border-radius: 20px; text-align: center; }

.les-view .view-title2 { display: flex; flex-direction: row; align-items:center;}
.les-view .view-title2 span { margin-right: 10px; padding:10px; min-width: 80px; font-size: 16px; color: #fff; background-color: #5b00bb; border-radius: 20px; text-align: center; }
.les-view .view-title2 h3 {    margin-block-start: 0; margin-block-end: 0; font-size: 26px; font-weight: 600; color: #000;}

.les-view .view-table { display: flex; margin: 20px 0px 20px 0px; justify-content: space-between;}
.les-view .view-table .view-photo{ width: 33%;}
.les-view .view-table table {width: 100%;border-top:1px solid #000;}
.les-view .view-table table th { padding: 20px 40px; border-bottom: 1px solid #eaeaea; background-color: #fafafa; font-size: 16px; color: #000; text-align: center; }
.les-view .view-table table td {font-size: 16px; color: #404040;   padding: 10px 20px; border-bottom: 1px solid #eaeaea; text-align: left;}
.les-view .view-table table td input, .les-view .view-table table td select{  width: 100%; border: 1px solid #ccc; border-radius: 5px; padding:13px 10px; margin: 2px 0px;  font-size: 15px;}
.les-view .view-table table td input::placeholder, .les-view .view-table table td select::placeholder { font-size: 14px; color: #ccc;}
.les-view .view-table table li { width: 100%; margin-right: 1%; margin-bottom: 2px; margin-top: 5px; font-size: 13px;}
.les-view .view-bottom{ display: flex; flex-direction: row; align-items: center; border-top: 2px solid #2b2b2e; padding-bottom: 30px; }






.les-view .view-table-hist { display: flex; margin: 20px 0px 20px 0px; justify-content: space-between;}
.les-view .view-table-hist .view-photo{ width: 33%;}
.les-view .view-table-hist table {width: 100%;border-top:1px solid #000;}
.les-view .view-table-hist table th { padding: 20px 40px; border-bottom: 1px solid #eaeaea; background-color: #fafafa; font-size: 16px; color: #000; text-align: center; }
.les-view .view-table-hist table td {font-size: 18px; color: #666;   padding: 10px 20px; border-bottom: 1px solid #eaeaea; text-align: left;}
.les-view .view-table-hist table td input, .les-view .view-table-hist table td select{  width: 100%; border: 1px solid #ccc; border-radius: 5px; padding:13px 10px; margin: 2px 0px;  font-size: 15px;}
.les-view .view-table-hist table td input::placeholder, .les-view .view-table-hist table td select::placeholder { font-size: 14px; color: #ccc;}
.les-view .view-table-hist table li { width: 100%; margin-right: 1%; margin-bottom: 2px; margin-top: 5px; font-size: 13px;}
.les-view .view-bottom{ display: flex; flex-direction: row; align-items: center; border-top: 2px solid #2b2b2e; padding-bottom: 30px; }

.les-view .view-table-default { display: flex; margin: 20px 0px 20px 0px; justify-content: space-between;}
.les-view .view-table-default .view-photo{ width: 33%;}
.les-view .view-table-default table {width: 100%;border-top:1px solid #000;}
.les-view .view-table-default table th { padding: 20px 40px; border-bottom: 1px solid #eaeaea; background-color: #fafafa; font-size: 16px; color: #000; text-align: center; }
.les-view .view-table-default table td {font-size: 18px; color: #666;   padding: 10px 20px; border-bottom: 1px solid #eaeaea; text-align: left;}
.les-view .view-table-default table td input, .les-view .view-table-default table td select{  width: 100%; border: 1px solid #ccc; border-radius: 5px; padding:13px 10px; margin: 2px 0px;  font-size: 15px;}
.les-view .view-table-default table td input::placeholder, .les-view .view-table-default table td select::placeholder { font-size: 14px; color: #ccc;}
.les-view .view-table-default table li { width: 100%; margin-right: 1%; margin-bottom: 2px; margin-top: 5px; font-size: 13px;}
.les-view .view-bottom{ display: flex; flex-direction: row; align-items: center; border-top: 2px solid #2b2b2e; padding-bottom: 30px; }






.clearfix::after{display:block;content:'';clear:both}
.btn_area { width: 100%; display: flex; align-items: center; justify-content:center;}
.tab_wrap{width:1200px; margin:50px auto; position: relative;}
.tab_wrap .tab_wrap_sub { width: 1200px; margin:  0 auto; position: relative; min-height: 187px;}
.tab_wrap .btn_tab{display: block; text-align: center; padding: 20px 0px; width: 50%; background-color: #b6b9c3; font-weight: normal; font-size: 18px; color: #fff; margin-left: 1px; }
.tab_wrap .btn_tab:focus {outline: none;}
.tab_wrap .btn_tab.act{background-color: #003964 !important;}

.tab_wrap .content_area{display:none; width:100%; min-height:200px;  background:#fff; box-sizing:border-box}
.tab_wrap .content_area.act{display:block}

.tab-in-btn { width: 100%; display: flex; z-index: 99; margin-top: 70px; align-items: center; justify-content: flex-end !important; position: absolute;}
.tabbtn2 {width: auto !important; height: 30px !important; background-color: #444 !important; padding: 5px 10px !important; border-radius: 3px; margin-top: 20px; font-size: 15px !important;}

.view_thumb {padding: 3px !important;  border: 1px solid #eaeaea;}
.view_thumb_img {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%;}
.view_thumb_img img {display: block; max-width: 100%; max-height: 100%; position: absolute; top: 50%;	 left: 50%; transform: translate(-50%, -50%);}
.thumbExam { font-size: 15px; text-align: center;}

#cmnReqstThumbUploader {width: 100%; text-align: center; border: 0px; border-top: 1px solid #dcdfe1; padding: 3px 0px 0px 0px;}
#cmnReqstThumbUploader dl {padding: 3px 0px 0px 0px;}
#cmnReqstThumbUploader dl dd.file {margin-bottom: 0px;}
#cmnReqstThumbUploader dl dd.file a {color: #666666;}
#cmnReqstThumbUploader dl dd.muploaderBtnSet {margin: 3px 0px 3px 0px; background-color: transparent; border: 0px; width: 100%;}

.adresBtn { padding: 10px 10px 10px 10px; color: #00c73c; border: 1px solid #00c73c; margin: 2px 0px; display: inline-block; border-radius: 5px; transition: all .3s;}
.adresBtn:hover {background-color: #00c73c;color: #fff;}

#cmnReqstFileUploader .muploaderBody { height: 110px !important;}
#cmnReqstFileUploader .fileName a {text-decoration: none; color: #333;}
#cmnReqstFileUploader .fileName a:hover {color: #555;text-decoration: underline;}

.fileView {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.fileView a {text-decoration: none; color: #333;}
.fileView a:hover {color: #555;text-decoration: underline;}
.fileViewTh {padding: 5px 0 5px 0 !important;}
.fileView .fileViewTable {width: 100%; border-top: 2px solid #58595b;}
.fileView .fileViewTable td {padding: 13px 15px; text-align: left; font-size: 14px; color: #58595b;}

.agree {letter-spacing: 0px;word-spacing: 0px;}
.agree input[type='checkbox']{margin-right:5px;border:1px solid red;vertical-align:middle}
.agree .title{display:block;background-color:#eee;border:1px solid #e7e7e7;border-bottom:none;line-height:100%;margin-top:40px;padding:12px 20px;font-size:16px;color:#1a1a1a}
.agree .agreeContent{height:180px;padding:0px 20px;background-color:#f9f9f9;border:1px solid #e7e7e7;font-size:16px;line-height:25px;overflow-y:scroll}
.agree .checkBox{margin:20px 0 0;}

.advice{ font-size: 16px; line-height: 25px; padding: 20px 0px 20px 0px; letter-spacing: 0px;word-spacing: 0px;}
.advice .adviceContent{ padding: 20px 0px 20px 0px; font-size: 20px; color: #000; font-weight: 400;display: inline-block;width: 100%;text-align: center;}

.table-hover tbody tr:hover {
		color: #212529;
		background-color: #fafafa !important
}
.les-cont-table tr:nth-child(odd) { background-color: #f4f5f9;}
.les-srh-area { display: flex; flex-direction: row-reverse; justify-content: space-between;  align-items: center;  padding-top: 15px; ;}
.fontP {font-family: 'Play', sans-serif;}
.font-pu { color : #5b00bb}
.les_btn_area { display: flex; flex-direction: row; justify-content: flex-end;}
.les_btn_area > div {margin-left: 5px;}
.les-opertn-btn button{box-shadow: none !important;}

/* 등록 */
.btn-new01 { background-color: #58248f; color: #fff;}
.btn-new01:hover { background-color: #4d207d; color: #fff;}
/* 임시저장 */
.btn-new02 { background-color: #ef9f06; color: #fff;}
.btn-new02:hover { background-color: #535B7A; color: #fff;}
/* 목록 */
.btn-new03 { background-color: #1e2835; color: #fff;}
.btn-new03:hover { background-color: #000; color: #fff;}


/*  */
.input-relative { position: relative; display: flex; flex-direction: row; align-items: center; width: 100%;}
.td-big-box {display: flex; align-items: center; justify-content: flex-start; width: 100%;}



/* 반응형 */
@media all and (max-width:1777px) {
		.box {
				top: auto;
				width: 692px;
				height: 763px;
				transition: all .3s;
		}
		.page_wrap .util_menu ul li a {
				color: #404040;
				transition: all .3s;
		}
		.page_wrap { width: 100%; padding: 0px 20px;}
		#sub_header { width: 100%; padding: 0px 0px;}
		#sub-content { width: 100%; padding: 0px 20px;}
}
@media all and (max-width:1440px){
		#wrap{ width:100%; padding: 0px 0px 0px 0px;}
		#les-sub-wrap {width:100%; padding: 0px 0px 0px 0px;}
		#wrap-view  {  width: 100%;}
}

@media all and (max-width:1240px){
		.tab_wrap .tab_wrap_sub { width: 100%;}
		.les-view .view-table { width: 100%;}
		.les-view .view-table table { width: 100%; display: flex;flex-direction: column;}
		.les-view .view-table table tbody { width: 100%;  display: flex;flex-direction: column;}
		.les-view .view-table table tbody tr{ width: 100%;  display: flex;flex-direction: row; flex-wrap: wrap;}
		.les-view .view-table table tbody tr .view_thumb{ height: 300px; width: 100%; display: flex; flex-direction: column;}
		.view_thumb_img {
				position: relative;
				width: 100%;
				overflow: hidden;
				height: 100%;
				padding-bottom: 0%;
				width: 100%;
		}

		.les-view .view-table table th, .les-view .view-table table td  { width: 25%; display: flex; align-items: center; font-size: 15px}
		.lesView-tdCu { width: 75% !important;}
		.table-td-column { flex-direction: column;     align-items: flex-start !important;}
		.les-view .view-table-default table td input, .les-view .view-table-default table td select{  width: 80% !important; border: 1px solid #ccc; border-radius: 5px; padding:13px 10px; margin: 2px 0px;  font-size: 15px;}







}


@media all and (max-width:820px) {
		#sub_header .util { padding: 0px 0px;}
		.les-srh-area { flex-wrap: wrap;  flex-direction: column;}
		.les_srh { border-bottom: 1px solid #ddd; width: 100%;}
		.les_srh .les_srh_box {float: none;}
		.les_srh .les_srh_box ul { justify-content: center;}
		.les-list .les-top { margin-top: 30px;}
		.les-view .view-table table td  #applcntSexdstn_1, .les-view .view-table table td  #applcntSexdstn_2 { width: auto !important; margin-left: 5px; margin-right: 5px;}

		.les-cont-table-list { width: 100%; display: flex;flex-direction: column;}
		.les-cont-table-list thead { display: none;}
		.les-cont-table-list tbody { width: 100%;  display: flex;flex-direction: column;}
		.les-cont-table-list tbody tr{ width: 100%;  display: flex;flex-direction: column;}
		.les-cont-table-list th, .les-cont-table-list td { border-bottom: 0 none;  text-align: left;}
		.les-cont-table-list tbody tr td:nth-child(3) { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
		.les-cont-table-list tbody tr td:nth-child(1)::before { font-weight: 600; margin-right: 5px; content :'년도 : ';}
		.les-cont-table-list tbody tr td:nth-child(2)::before { font-weight: 600; margin-right: 5px; content :'사업명 : ';}
		.les-cont-table-list tbody tr td:nth-child(3)::before { font-weight: 600; margin-right: 5px; content :'상태 : '  ; margin-bottom: 15px; display: block;}
		.les-cont-table-list tbody tr td:nth-child(4)::before { font-weight: 600; margin-right: 5px; content :'기예능 : ';}
		.les-cont-table-list tbody tr td:nth-child(5)::before { font-weight: 600; margin-right: 5px; content :'상태 : ';}
		.les-cont-table-list .les-opertn { text-align:left; padding: 3px 0px; font-size: 14px;}


}

@media all and (max-width:800px) {
		.les-view .view-table table th, .les-view .view-table table td  {
				width: 100%;
				padding: 15px 20px !important;
		}
		.les-view .view-table table th { color: #000 !important; font-size: 16px !important;}
		.les-view .view-table table td { color: #404040 !important; padding: 15px 0px; font-size: 15px !important;}
		.lesView-tdCu { width: 100% !important;}

		.les-view .view-table-default table { width: 100%; display: flex;flex-direction: column;}
		.les-view .view-table-default table tbody { width: 100%;  display: flex;flex-direction: column;}
		.les-view .view-table-default table tbody tr{ width: 100%;  display: flex;flex-direction: row; flex-wrap: wrap;}
		.les-view .view-table-default table th, .les-view .view-table-default table td  { width: 100%; position: relative;}

		.les-view .view-table-default table td input { width: 100% !important; position: relative;}
		.ui-datepicker-trigger {
				padding: 0px 0px 0px 0px;
				margin-left: 10px;
				width: 22px;
				position: absolute;
				right: 20px;
				top: 9px;
		}

		.les-view .view-title { display: flex; flex-direction: column; align-items: flex-start;}
		.les-view .view-title span { margin-bottom: 10px;}
}

@media all and (max-width:600px){
		.pagination ul li {margin: 0 0 0 0 ;}
		.les-cont-table {display: flex; transition: all .3s;}
		.les-cont-table tbody {
				display: flex;
				flex-direction: column;
				width: 100%;
		}

		.les-cont-table thead {display: none;}
		.les-cont-table tbody tr{
				display: flex;
				flex-direction: column;
				width: 100%;
				border-bottom: 1px solid #ccc;
		}
		.les-cont-table tbody tr td{ text-align: left; border-bottom: 0 none; display: flex; flex-direction: row; width: 100%; flex-wrap: wrap;}
		.les-cont-table tbody tr td:last-child {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
		}






		.les-view .view-table table { display: flex; width: 100%;}
		.les-view .view-table table tbody { display: flex; flex-direction: column; width: 100%;}
		.les-view .view-table table tbody  tr { display: flex; flex-direction: column; width: 100%;}
		.les-view .view-table table td { width: 100%; position: relative;}
		.les-view .view-table table td input { width: 100% !important; position: relative;}

		.les-opertn { padding: 0px 0px;}
		.les-cont-table th, .les-cont-table td { padding: 10px 20px;}
		.les-opertn-btn { width: 32%;}
		.les-opertn-btn button { height: 100%; width: 100% !important;}


		.les-view .view-table table td input[type='checkbox'] { width: auto !important;}
		.les-view .view-table table td input, .les-view .view-table table td select {
				width: 100%;
				border: 1px solid #ccc;
				border-radius: 5px;
				padding: 10px 10px;
				margin: 2px 0px;
				font-size: 15px;
		}
}

@media all and (max-width:500px){
		.les-opertn-btn { width: 100%; margin-bottom: 3px;}
		.les_srh .les_srh_box ul {flex-direction: column;}
		.les_srh .les_srh_box ul li { width: 100%; margin-bottom: 5px;}
		.les_srh .les_srh_box ul li input { width: 100% !important;  border-radius: 5px;}
		.les_srh .les_srh_box ul li select { width: 100% !important;  border-radius: 5px;}
		.les_srh .les_srh_box ul li button { width: 100%; border-radius: 5px;}
}

/* CSS Document */
body {  font-family: "Noto Sans KR", sans-serif !important;font-size: 13px; overflow-y: scroll; }



@charset "utf-8";
@import url(../mgf/ui.css);
@import url(../mgf/bootstrap-4.4.1.css);
@import url(../mgf/util.css);
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
html {
	overflow-x: hidden;
	overflow-y: auto;
}
#sub_header ol, #sub_header ul, #sub_header dl {
	margin-top: 0;
	margin-bottom: 0;
}
#sub_header ul {

	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0;
}
#sub_header h1, #sub_header .h1 {
		font-size: 0;
}
#sub_header h1,
#sub_header h2,
#sub_header h3,
#sub_header h4,
#sub_header h5,
#sub_header h6,
#sub_header .h1,
#sub_header .h2,
#sub_header .h3,
#sub_header .h4,
#sub_header .h5,
#sub_header .h6 {
		margin-bottom: 0;
		font-weight: 500;
}


span.required{color:red;}

/* pagination */
.pagination { width: 100%; margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; padding-bottom:30px}
.pagination ul { display: flex; flex-direction: row; align-items: center; justify-content: center;}
.pagination ul li { margin: 0px 5px;}
.pagination ul li a{ color:#58595b; display: block; padding: 7px 10px; font-size: 16px; border:0px solid #dee2e6}
.pagination ul li a.active { border-top: 1px solid #003964; color: #003964; font-weight: bold; border-bottom: 1px solid #003964;}

#wrap {
		width: 1280px;
		box-sizing: border-box;
		padding: 0px 67px 0px 68px;
		background-color: #fff;
}
#wrap-view { width: 1280px; margin:  0 auto; position: relative; min-height: 187px; padding-bottom: 55px;}
#wrap-view .sbsidy-reqst-view { display: flex; flex-direction: column; margin-top:45px; }
#wrap-view .sbsidy-reqst-view .view-table table th { padding: 15px 40px; border-bottom: 1px solid #eaeaea; font-size: 17px; color: #000; text-align: left; }
#sbsidy-reqst-sub-wrap { width: 1280px; margin:  0 auto; position: relative; min-height: 187px; box-sizing: border-box;  padding: 0px 67px 50px 68px; }


.list_02 .list_table02 {  width:100%; border-top:2px solid #58595b; margin:10px 0px; }
.list_02 .list_table02 th {
		text-align: center;
		background-color: #fcfaf5;
		padding:20px 20px !important;
		border-bottom:1px solid #dcdfe1;
		color:#58595b;
		font-size:14px;
	}
.list_02 .list_table02 td { border-bottom:1px solid #dcdfe1;  padding:13px 0px; text-align:center; font-size:14px; color:#58595b;}
.list_02 .list_table02 .subject a { color:#555; font-weight: bold;}



/* 검색 */
.sbsidy-reqst_srh {padding-bottom: 5px;}
.sbsidy-reqst_srh .sbsidy-reqst_srh_box {float: right;}
.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul {  align-items: center; display: flex; flex-direction: row;}
.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul li select { padding: 7px; border-radius: 0px; height: 43px; border: 1px solid #ccc; font-size: 16px; color: #000; background-color: #fff; margin-left: 3px; }
.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul li input[type='text'] { padding: 10px; width: 270px; height: 43px; border: 1px solid #ccc; font-size: 16px; color: #000; background-color: #fff; margin-left: 3px; }
.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul li input[type='text']::placeholder { font-size: 14px; color: #aaa; font-weight: 300;}
.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul li button { width: 47px; height: 43px; font-size: 18px; color: #fff; font-weight: 300; background-color: #5b00bb; margin-left: 1px; display: block; }
.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul .srh_title {font-size: 20px;}
.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul .srh_plus a{ font-size: 25px; display: block; color:#fff; background-color: #ed1a3b; padding: 6px 9px; border-radius: 100%;}

/* datepicker */
#ui-datepicker-div { min-width: 250px;}
.ui-datepicker-title { display: flex; justify-content: space-between;}
.ui-datepicker select.ui-datepicker-month { width: 54%; padding: 9px 10px;}
.ui-datepicker select.ui-datepicker-year { width: 45%; padding: 9px 10px;}
.ui-datepicker .ui-datepicker-header { display: flex; align-items: center; justify-content: center; height: 100%;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 25%;}


.sbsidy-reqst-title {
		margin-top: 30px;
		border-bottom: 1px solid #dfdfdf;
		padding-top:10px;
		font-size:35px;
		font-weight:bold;
		letter-spacing:-2px;
		color:#000;
		background:url("../../images/iptl/title_bg.gif") no-repeat center top;
		text-align: center;
		padding-bottom: 30px;
}

.sbsidy-reqst-list { display: flex; flex-direction: column;}
.sbsidy-reqst-list .sbsidy-reqst-top {/* border-bottom: 2px solid #000;*/ padding-bottom: 10px;}
.sbsidy-reqst-list .sbsidy-reqst-top ul{ display: flex; justify-content: space-between; align-items: center;}
.sbsidy-reqst-list .sbsidy-reqst-top ul li {font-size: 18px; color:#000000;}
.sbsidy-reqst-list .sbsidy-reqst-top ul li select { padding:8px 5px; border:1px solid #aaa; margin: 0px 2px;  max-width: 180px;}

.sbsidy-reqst-cont-table { width: 100%; border-top: 1px solid #000; background-color: #fff; margin-bottom: 30px;}
.sbsidy-reqst-cont-table thead th { padding: 20px 10px; border-bottom: 1px solid #dddddd; font-size: 16px;}
.sbsidy-reqst-cont-table th {background-color: #fff;}
.sbsidy-reqst-cont-table td a { color: #333 !important; font-weight: 500;}
.sbsidy-reqst-cont-table th, .sbsidy-reqst-cont-table td { padding: 15px 10px; border-bottom: 1px solid #eaeaea; font-size: 15px;}
.sbsidy-reqst-cont-table td a > p { font-size: 14px; color: #555; font-weight: 500;}


.sbsidy-reqst-cont-table-list { width: 100%; border-top: 1px solid #000; background-color: #fff; margin-bottom: 30px;}
.sbsidy-reqst-cont-table-list thead th { padding: 20px 10px; border-bottom: 1px solid #dddddd; font-size: 16px;}
.sbsidy-reqst-cont-table-list th {background-color: #fff;}
.sbsidy-reqst-cont-table-list td a { color: #333 !important; font-weight: 500;}
.sbsidy-reqst-cont-table-list th, .sbsidy-reqst-cont-table-list td { padding: 15px 10px; border-bottom: 1px solid #eaeaea; font-size: 15px;}
.sbsidy-reqst-cont-table-list td a > p { font-size: 14px; color: #555; font-weight: 500;}
.sbsidy-reqst-cont-table-list tr:nth-child(odd) { background-color: #f4f5f9;}


.sbsidy-reqst-opertn { text-align:left; padding: 3px 5px; font-size: 14px;}
.sbsidy-reqst-opertn span{padding-right:5px;}
.sbsidy-reqst-opertn span.title{padding-right:5px; font-weight: bold; font-size: 16px}

.btn {padding: 7px 15px;}
.both-btn {margin-bottom: 10px;}
.both-btn .left-btn{float: left;}
.both-btn .right-btn{float: right;}
.ui-datepicker-trigger {padding: 0px 0px 0px 0px; margin-left: 10px; width: 22px;}

.sbsidy-reqst-opertn-btn { display: flex; align-items: center; justify-content: center;}
.sbsidy-reqst-opertn-btn span {display: block; color: #fff; text-align: center; font-size: 15px; font-weight: 300; border-radius: 3px; width: 85px; padding: 5px 0px; font-weight: 400; margin-bottom: 5px; }

.sbsidy-reqst-opertn-btn a {border: 1px solid #dadada; margin-bottom: 5px; font-size: 14px;  color: #333 !important; margin-left: 10px; width: 85px; padding: 5px 0px; border-radius: 3px}
.sbsidy-reqst-opertn-btn .type-01 {background-color:#ff5369}
.sbsidy-reqst-opertn-btn .type-02 {background-color:#ef9f06}
.sbsidy-reqst-opertn-btn .type-03 {background-color:#0ba403}
.sbsidy-reqst-opertn-btn .type-04 {background-color:#4d649e}
.sbsidy-reqst-opertn-btn .type-05 {background-color:#9042a7}
.sbsidy-reqst-opertn-btn .type-06 {background-color:#ff0000}
.sbsidy-reqst-opertn-btn .type-07 {background-color:#00a1f8}
.sbsidy-reqst-opertn-btn .type-08 {background-color:#9c9c9c}
.sbsidy-reqst-opertn-btn .type-09 {background-color:#FF5E00}

.sbsidy-reqst-view { display: flex; flex-direction: column; margin-top:20px}
.sub-title {padding-top: 20px; font-size: 20px; color: #000; font-weight: 400;}
.sub-title-exam {padding-top: 20px; font-size: 20px; color: #000; font-weight: 400; display: flex; justify-content: flex-start;}
.sbsidy-reqst-view .view-title { display: flex; flex-direction: row; align-items: center; padding-bottom: 30px;}
.sbsidy-reqst-view .view-title span { margin-right: 16px; padding: 8px 10px; min-width: 100px; font-size: 20px; color: #fff; background-color: #5b00bb; border-radius: 20px; text-align: center; }

.sbsidy-reqst-view .view-title2 { display: flex; flex-direction: row; align-items:center;}
.sbsidy-reqst-view .view-title2 span { margin-right: 10px; padding:10px; min-width: 80px; font-size: 16px; color: #fff; background-color: #5b00bb; border-radius: 20px; text-align: center; }
.sbsidy-reqst-view .view-title2 h3 {    margin-block-start: 0; margin-block-end: 0; font-size: 26px; font-weight: 600; color: #000;}

.sbsidy-reqst-view .view-table { display: flex; margin: 20px 0px 20px 0px; justify-content: space-between;}
.sbsidy-reqst-view .view-table .view-photo{ width: 33%;}
.sbsidy-reqst-view .view-table table {width: 100%;border-top:1px solid #000;}
.sbsidy-reqst-view .view-table table th { padding: 20px 40px; border-bottom: 1px solid #eaeaea; background-color: #fafafa; font-size: 16px; color: #000; text-align: center; }
.sbsidy-reqst-view .view-table table td {font-size: 16px; color: #404040;   padding: 10px 20px; border-bottom: 1px solid #eaeaea; text-align: left;}
.sbsidy-reqst-view .view-table table td input, .sbsidy-reqst-view .view-table table td select{  width: 100%; border: 1px solid #ccc; border-radius: 5px; padding:13px 10px; margin: 2px 0px;  font-size: 15px;}
.sbsidy-reqst-view .view-table table td input::placeholder, .sbsidy-reqst-view .view-table table td select::placeholder { font-size: 14px; color: #ccc;}
.sbsidy-reqst-view .view-table table li { width: 100%; margin-right: 1%; margin-bottom: 2px; margin-top: 5px; font-size: 13px;}
.sbsidy-reqst-view .view-bottom{ display: flex; flex-direction: row; align-items: center; border-top: 2px solid #2b2b2e; padding-bottom: 30px; }





.sbsidy-reqst-view .view-table-default { display: flex; margin: 20px 0px 20px 0px; justify-content: space-between;}
.sbsidy-reqst-view .view-table-default .view-photo{ width: 33%;}
.sbsidy-reqst-view .view-table-default table {width: 100%;border-top:1px solid #000;}
.sbsidy-reqst-view .view-table-default table th { padding: 20px 40px; border-bottom: 1px solid #eaeaea; background-color: #fafafa; font-size: 16px; color: #000; text-align: center; }
.sbsidy-reqst-view .view-table-default table td {font-size: 16px; color: #666;   padding: 10px 20px; border-bottom: 1px solid #eaeaea; text-align: left;}
.sbsidy-reqst-view .view-table-default table td input:not([type="checkbox"]), .sbsidy-reqst-view .view-table-default table td select{  width: 100%; border: 1px solid #ccc; border-radius: 5px; padding:13px 10px; margin: 2px 0px; font-size: 15px; margin-right: 5px;}
.sbsidy-reqst-view .view-table-default table td input::placeholder, .sbsidy-reqst-view .view-table-default table td select::placeholder { font-size: 14px; color: #ccc;}
.sbsidy-reqst-view .view-table-default table li { width: 100%; margin-right: 1%; margin-bottom: 2px; margin-top: 5px; font-size: 13px;}
.sbsidy-reqst-view .view-bottom{ display: flex; flex-direction: row; align-items: center; border-top: 2px solid #2b2b2e; padding-bottom: 30px; }






.clearfix::after{display:block;content:'';clear:both}
.btn_area { width: 100%; display: flex; align-items: center; justify-content:center;}
.tab_wrap{width:1200px; margin:50px auto; position: relative;}
.tab_wrap .tab_wrap_sub { width: 1200px; margin:  0 auto; position: relative; min-height: 187px;}
.tab_wrap .btn_tab{display: block; text-align: center; padding: 20px 0px; width: 50%; background-color: #b6b9c3; font-weight: normal; font-size: 18px; color: #fff; margin-left: 1px; }
.tab_wrap .btn_tab:focus {outline: none;}
.tab_wrap .btn_tab.act{background-color: #003964 !important;}

.tab_wrap .content_area{display:none; width:100%; min-height:200px;  background:#fff; box-sizing:border-box}
.tab_wrap .content_area.act{display:block}

.tab-in-btn { width: 100%; display: flex; z-index: 99; margin-top: 70px; align-items: center; justify-content: flex-end !important; position: absolute;}
.tabbtn2 {width: auto !important; height: 30px !important; background-color: #444 !important; padding: 5px 10px !important; border-radius: 3px; margin-top: 20px; font-size: 15px !important;}

.view_thumb {padding: 3px !important;  border: 1px solid #eaeaea;}
.view_thumb_img {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%;}
.view_thumb_img img {display: block; max-width: 100%; max-height: 100%; position: absolute; top: 50%;	 left: 50%; transform: translate(-50%, -50%);}
.thumbExam { font-size: 15px; text-align: center;}

#cmnReqstThumbUploader {width: 100%; text-align: center; border: 0px; border-top: 1px solid #dcdfe1; padding: 3px 0px 0px 0px;}
#cmnReqstThumbUploader dl {padding: 3px 0px 0px 0px;}
#cmnReqstThumbUploader dl dd.file {margin-bottom: 0px;}
#cmnReqstThumbUploader dl dd.file a {color: #666666;}
#cmnReqstThumbUploader dl dd.muploaderBtnSet {margin: 3px 0px 3px 0px; background-color: transparent; border: 0px; width: 100%;}

.adresBtn { padding: 10px 10px 10px 10px; color: #00c73c; border: 1px solid #00c73c; margin: 2px 0px; display: inline-block; border-radius: 5px; transition: all .3s;}
.adresBtn:hover {background-color: #00c73c;color: #fff;}

#cmnReqstFileUploader .muploaderBody { height: 110px !important;}
#cmnReqstFileUploader .fileName a {text-decoration: none; color: #333;}
#cmnReqstFileUploader .fileName a:hover {color: #555;text-decoration: underline;}

.fileView {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.fileView a {text-decoration: none; color: #333;}
.fileView a:hover {color: #555;text-decoration: underline;}
.fileViewTh {padding: 5px 0 5px 0 !important;}
.fileView .fileViewTable {width: 100%; border-top: 2px solid #58595b;}
.fileView .fileViewTable td {padding: 13px 15px; text-align: left; font-size: 14px; color: #58595b;}

.agree {letter-spacing: 0px;word-spacing: 0px;}
.agree input[type='checkbox']{margin-right:5px;border:1px solid red;vertical-align:middle}
.agree .title{display:block;background-color:#eee;border:1px solid #e7e7e7;border-bottom:none;line-height:100%;margin-top:40px;padding:12px 20px;font-size:16px;color:#1a1a1a}
.agree .agreeContent{height:180px;padding:0px 20px;background-color:#f9f9f9;border:1px solid #e7e7e7;font-size:16px;line-height:25px;overflow-y:scroll}
.agree .checkBox{margin:20px 0 0;}

.advice{ font-size: 16px; line-height: 25px; padding: 20px 0px 20px 0px; letter-spacing: 0px;word-spacing: 0px;}
.advice .adviceContent{ padding: 20px 0px 20px 0px; font-size: 20px; color: #000; font-weight: 400;display: inline-block;width: 100%;text-align: center;}

.table-hover tbody tr:hover {
		color: #212529;
		background-color: #fafafa !important
}
.sbsidy-reqst-cont-table tr:nth-child(odd) { background-color: #f4f5f9;}
.sbsidy-reqst-srh-area { display: flex; flex-direction: row-reverse; justify-content: space-between;  align-items: center;  padding-top: 15px; ;}
.fontP {font-family: 'Play', sans-serif;}
.font-pu { color : #5b00bb}
.sbsidy-reqst_btn_area { display: flex; flex-direction: row; justify-content: flex-end;}
.sbsidy-reqst_btn_area > div {margin-left: 5px;}
.sbsidy-reqst-opertn-btn button{box-shadow: none !important;}

.sbsidy-reqst_txt_blue{font-weight: bold; color: blue; font-size: 15px;}
.sbsidy-reqst_txt_default{font-weight: bold; color: #000; text-align: right; font-size: 15px;}

/* 등록 */
.btn-new01 { background-color: #58248f; color: #fff;}
.btn-new01:hover { background-color: #4d207d; color: #fff;}
/* 임시저장 */
.btn-new02 { background-color: #ef9f06; color: #fff;}
.btn-new02:hover { background-color: #535B7A; color: #fff;}
/* 목록 */
.btn-new03 { background-color: #1e2835; color: #fff;}
.btn-new03:hover { background-color: #000; color: #fff;}
/* 양식 다운로드 */
.btn-new04 { background-color: #17a2b8; color: #fff;}
.btn-new04:hover { background-color: #1294AB; color: #fff;}
/* 전승자 지원사업신청 버튼 */
.btn-new05 { background-color: #ffc107; color: #000;}
.btn-new05:hover { background-color: #FFBB00; color: #000;}

.btn-default { color: #333; background-color: #e6e6e6; }



/*  */
.input-relative { position: relative; display: flex; flex-direction: row; align-items: center; width: 100%;}
.td-big-box {display: flex; align-items: center; justify-content: flex-start; width: 100%;}

/* view_04 */
.view_04 { display: flex; flex-wrap: wrap; width:100%; justify-content: space-between; letter-spacing: 0;}
.view_table04 {width:100%;  border-top:2px solid #58595b; margin:10px 0px; }
.view_table04 tr { border-bottom:1px solid #dcdfe1;}
.view_04 .view_table04 th { background-color: #fcfaf5; padding:20px 0px; color:#58595b; font-size:14px;	}
.view_04 .view_table04 td { padding:13px 15px; text-align:center; font-size:14px; color:#58595b;}

.view_04 .view_table04 td .thumbnail-list { border-bottom:1px solid #cfcfcf; padding:0 0 10px 0; }
.view_04 .view_table04 td .thumbnail-list li{float: left; margin: 15px 12px 20px 12px; overflow: hidden; width:290px;}
.view_04 .view_table04 td .thumbnail-list li .thumbnail-container {border:1px solid #eee; width: 100%; display: flex;  align-items: center;  justify-content: center;height: 200px; }
.view_04 .view_table04 td .thumbnail-list::after{content: ''; display: table; clear: both;}
/*
.view_04 .view_table04 td .thumbnail-list li img {height: 200px; object-fit: contain; }
 */
/*
.view_04 .view_table04 td .thumbnail-list li img {width: auto; height: auto; max-width: 200px; max-height: 200px; }
 */
.view_04 .view_table04 td .thumbnail-list li .thumbnail_chk { display: flex; align-items: center; justify-content: flex-start;margin-top:10px;}
.view_04 .view_table04 td .thumbnail-list li .thumbnail_chk input[type='checkbox'] { margin-right:5px;}
.view_04 .view_table04 td .addr_box_loca { display: flex; margin:8px 0px; justify-content: flex-start; align-items: center;}
.view_04 .view_table04 td .addr_box_loca .box { margin:0px 5px;}

.view_04 .view_table04 input[type='text'], .form_02 table input[type='password'], .form_02 table select {
	border:1px solid #ddd;
	padding:10px 10px;
	border-radius: 5px;
	width:90%;
}
.view_04 .view_table04 th > label { margin-bottom:0;}
.view_04 .view_table04 td > label { margin-right:15px; margin-left: 5px; color:#404040; font-size:14px;  margin-bottom:0; }
.view_04 .view_table04 input[type='radio'], .form_02 table input[type='checkbox'] {margin-top: 0; }
.view_04 .view_table04 p { color:#999; margin-bottom:0px; margin-top:5px;}
.view_04 .view_table04 textarea {border:1px solid #ddd; padding:10px 10px; border-radius: 5px; width:100%; height:150px; }

.view_table05 {width:100%;}
.view_table05 tr { border-bottom:1px solid #dcdfe1;}
.view_04 .view_table05 th { background-color: #fcfaf5; padding:13px 0px; color:#58595b; font-size:14px;	}
.view_04 .view_table05 td { padding:13px 15px; text-align:left; font-size:14px; color:#58595b;}

.view_04 .view_table05 td .thumbnail-list { border-bottom:1px solid #cfcfcf; padding:0 0 10px 0; }
.view_04 .view_table05 td .thumbnail-list li{float: left; margin: 15px 12px 20px 12px; overflow: hidden; width:290px;}
.view_04 .view_table05 td .thumbnail-list li .thumbnail-container {border:1px solid #eee; width: 100%; display: flex;  align-items: center;  justify-content: center;height: 200px; }
.view_04 .view_table05 td .thumbnail-list::after{content: ''; display: table; clear: both;}
.view_04 .view_table05 td .thumbnail-list li .thumbnail_chk { display: flex; align-items: center; justify-content: flex-start;margin-top:10px;}
.view_04 .view_table05 td .thumbnail-list li .thumbnail_chk input[type='checkbox'] { margin-right:5px;}
.view_04 .view_table05 td .addr_box_loca { display: flex; margin:8px 0px; justify-content: flex-start; align-items: center;}
.view_04 .view_table05 td .addr_box_loca .box { margin:0px 5px;}

.view_04 .view_table05 input[type='text'], .form_02 table input[type='password'], .form_02 table select {
	border:1px solid #ddd;
	padding:10px 10px;
	border-radius: 5px;
	width:90%;
}
.view_04 .view_table05 th > label { margin-bottom:0;}
.view_04 .view_table05 td > label { margin-right:15px; margin-left: 5px; color:#404040; font-size:14px;  margin-bottom:0; }
.view_04 .view_table05 input[type='radio'], .form_02 table input[type='checkbox'] {margin-top: 0; }
.view_04 .view_table05 p { color:#999; margin-bottom:0px; margin-top:5px;}
.view_04 .view_table05 span { color:#999; margin: 0px 5px;}
.view_04 .view_table05 textarea {border:1px solid #ddd; padding:10px 10px; border-radius: 5px; width:100%; height:150px; }


/* flex */
.flex-end {
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

/* tab menu */
.sub-tab-box { display: inline-block;}
.sub-tab-box .sub-tab-btn ul { display: flex; flex-direction: row; width: 100%;}
.sub-tab-box .sub-tab-btn ul li { width: 15%;}
.sub-tab-box .sub-tab-btn ul li a{ background-color:#ededed; text-align: center; display: block; padding:17px 50px;  border-radius: 5px; font-size: 14px; font-weight:bold;}
.sub-tab-box .sub-tab-btn ul li a:hover, .sub-tab-box .sub-tab-btn ul li.active a{ background-color: #58595b; text-decoration: none; color: #fff;}
.sub-tab-box #tab-cont { margin-top: 20px;}



/* 반응형 */
@media all and (max-width:1777px) {
		.box {
				top: auto;
				width: 692px;
				height: 763px;
				transition: all .3s;
		}
		.page_wrap .util_menu ul li a {
				color: #404040;
				transition: all .3s;
		}
		.page_wrap { width: 100%; padding: 0px 20px;}
		#sub_header { width: 100%; padding: 0px 0px;}
		#sub-content { width: 100%; padding: 0px 20px;}
}
@media all and (max-width:1440px){
		#wrap{ width:100%; padding: 0px 0px 0px 0px;}
		#sbsidy-reqst-sub-wrap {width:100%; padding: 0px 0px 0px 0px;}
		#wrap-view  {  width: 100%;}
}

@media all and (max-width:1240px){
		.tab_wrap .tab_wrap_sub { width: 100%;}
		.sbsidy-reqst-view .view-table { width: 100%;}
		.sbsidy-reqst-view .view-table table { width: 100%; display: flex;flex-direction: column;}
		.sbsidy-reqst-view .view-table table tbody { width: 100%;  display: flex;flex-direction: column;}
		.sbsidy-reqst-view .view-table table tbody tr{ width: 100%;  display: flex;flex-direction: row; flex-wrap: wrap;}
		.sbsidy-reqst-view .view-table table tbody tr .view_thumb{ height: 300px; width: 100%; display: flex; flex-direction: column;}
		.view_thumb_img {
				position: relative;
				width: 100%;
				overflow: hidden;
				height: 100%;
				padding-bottom: 0%;
				width: 100%;
		}

		.sbsidy-reqst-view .view-table table th, .sbsidy-reqst-view .view-table table td  { width: 25%; display: flex; align-items: center; font-size: 15px}
		.sbsidy-reqstView-tdCu { width: 75% !important;}
		.table-td-column { flex-direction: column;     align-items: flex-start !important;}
		.sbsidy-reqst-view .view-table-default table td input, .sbsidy-reqst-view .view-table-default table td select{  width: 80% !important; border: 1px solid #ccc; border-radius: 5px; padding:13px 10px; margin: 2px 0px;  font-size: 15px;}







}


@media all and (max-width:820px) {
		#sub_header .util { padding: 0px 0px;}
		.sbsidy-reqst-srh-area { flex-wrap: wrap;  flex-direction: column;}
		.sbsidy-reqst_srh { border-bottom: 1px solid #ddd; width: 100%;}
		.sbsidy-reqst_srh .sbsidy-reqst_srh_box {float: none;}
		.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul { justify-content: center;}
		.sbsidy-reqst-list .sbsidy-reqst-top { margin-top: 30px;}
		.sbsidy-reqst-view .view-table table td  #applcntSexdstn_1, .sbsidy-reqst-view .view-table table td  #applcntSexdstn_2 { width: auto !important; margin-left: 5px; margin-right: 5px;}

		.sbsidy-reqst-cont-table-list { width: 100%; display: flex;flex-direction: column;}
		.sbsidy-reqst-cont-table-list thead { display: none;}
		.sbsidy-reqst-cont-table-list tbody { width: 100%;  display: flex;flex-direction: column;}
		.sbsidy-reqst-cont-table-list tbody tr{ width: 100%;  display: flex;flex-direction: column;}
		.sbsidy-reqst-cont-table-list th, .sbsidy-reqst-cont-table-list td { border-bottom: 0 none;  text-align: left;}
		.sbsidy-reqst-cont-table-list tbody tr td:nth-child(3) { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
		.sbsidy-reqst-cont-table-list tbody tr td#bsnsyear:nth-child(1)::before { font-weight: 600; margin-right: 5px; content :'년도 : ';}
		.sbsidy-reqst-cont-table-list tbody tr td#rnum:nth-child(1)::before { font-weight: 600; margin-right: 5px; content :'연번 : ';}
		.sbsidy-reqst-cont-table-list tbody tr td#bsnsNm:nth-child(2)::before { font-weight: 600; margin-right: 5px; content :'사업명 : ';}
		.sbsidy-reqst-cont-table-list tbody tr td#orgNm:nth-child(2)::before { font-weight: 600; margin-right: 5px; content :'단체명 : ';}
		.sbsidy-reqst-cont-table-list tbody tr td#stateGbn:nth-child(3)::before { font-weight: 600; margin-right: 5px; content :'상태 : '  ; margin-bottom: 15px; display: block;}
		.sbsidy-reqst-cont-table-list tbody tr td#sbsidyReqstIchhNms:nth-child(3)::before { font-weight: 600; margin-right: 5px; content :'종목명 : '  ; margin-bottom: 15px; display: block;}
		.sbsidy-reqst-cont-table-list .sbsidy-reqst-opertn { text-align:left; padding: 3px 0px; font-size: 14px;}


}

@media all and (max-width:800px) {
		.sbsidy-reqst-view .view-table table th, .sbsidy-reqst-view .view-table table td  {
				width: 100%;
				padding: 15px 20px !important;
		}
		.sbsidy-reqst-view .view-table table th { color: #000 !important; font-size: 16px !important;}
		.sbsidy-reqst-view .view-table table td { color: #404040 !important; padding: 15px 0px; font-size: 15px !important;}
		.sbsidy-reqstView-tdCu { width: 100% !important;}

		.sbsidy-reqst-view .view-table-default table { width: 100%; display: flex;flex-direction: column;}
		.sbsidy-reqst-view .view-table-default table tbody { width: 100%;  display: flex;flex-direction: column;}
		.sbsidy-reqst-view .view-table-default table tbody tr{ width: 100%;  display: flex;flex-direction: row; flex-wrap: wrap;}
		.sbsidy-reqst-view .view-table-default table th, .sbsidy-reqst-view .view-table-default table td  { width: 100%; position: relative;}

		.sbsidy-reqst-view .view-table-default table td input { width: 100% !important; position: relative;}
		.sbsidy-reqst-view .view-title { display: flex; flex-direction: column; align-items: flex-start;}
		.sbsidy-reqst-view .view-title span { margin-bottom: 10px;}
}

@media all and (max-width:600px){
		.pagination ul li {margin: 0 0 0 0 ;}
		.sbsidy-reqst-cont-table {display: flex; transition: all .3s;}
		.sbsidy-reqst-cont-table tbody {
				display: flex;
				flex-direction: column;
				width: 100%;
		}

		.sbsidy-reqst-cont-table thead {display: none;}
		.sbsidy-reqst-cont-table tbody tr{
				display: flex;
				flex-direction: column;
				width: 100%;
				border-bottom: 1px solid #ccc;
		}
		.sbsidy-reqst-cont-table tbody tr td{ text-align: left; border-bottom: 0 none; display: flex; flex-direction: row; width: 100%; flex-wrap: wrap;}
		.sbsidy-reqst-cont-table tbody tr td:last-child {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
		}






		.sbsidy-reqst-view .view-table table { display: flex; width: 100%;}
		.sbsidy-reqst-view .view-table table tbody { display: flex; flex-direction: column; width: 100%;}
		.sbsidy-reqst-view .view-table table tbody  tr { display: flex; flex-direction: column; width: 100%;}
		.sbsidy-reqst-view .view-table table td { width: 100%; position: relative;}
		.sbsidy-reqst-view .view-table table td input { width: 100% !important; position: relative;}

		.sbsidy-reqst-opertn { padding: 0px 0px;}
		.sbsidy-reqst-cont-table th, .sbsidy-reqst-cont-table td { padding: 10px 20px;}
		.sbsidy-reqst-opertn-btn { width: 32%;}
		.sbsidy-reqst-opertn-btn button { height: 100%; width: 100% !important;}


		.sbsidy-reqst-view .view-table table td input[type='checkbox'] { width: auto !important;}
		.sbsidy-reqst-view .view-table table td input, .sbsidy-reqst-view .view-table table td select {
				width: 100%;
				border: 1px solid #ccc;
				border-radius: 5px;
				padding: 10px 10px;
				margin: 2px 0px;
				font-size: 15px;
		}
}

@media all and (max-width:500px){
		.sbsidy-reqst-opertn-btn { width: 100%; margin-bottom: 3px;}
		.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul {flex-direction: column;}
		.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul li { width: 100%; margin-bottom: 5px;}
		.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul li input { width: 100% !important;  border-radius: 5px;}
		.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul li select { width: 100% !important;  border-radius: 5px;}
		.sbsidy-reqst_srh .sbsidy-reqst_srh_box ul li button { width: 100%; border-radius: 5px;}
}