@charset "UTF-8";

/* SUB PAGE // wrtanc List */
@media screen and (min-width: 1024px){
	/* PC device support */
	.wrtancList #searchBox{background: #F7FBFE; border-bottom: 1px solid #BDCBD5; margin-bottom: 26px; padding: 24px 0;}
	.wrtancList #searchBox .innerLeft{width: calc(100% - 145px); padding-right: 28px;}
	.wrtancList #searchBox dt:nth-of-type(-n+2), .wrtancList #searchBox dd:nth-of-type(-n+2){margin-top: 0;}
	.wrtancList #searchBox dt, .wrtancList #searchBox dd{margin-top: 15px;}
	.wrtancList #searchBox dt{width: 135px; color: #676767; font-size: 18px; line-height: 35px; letter-spacing: -.3px; padding-left: 30px;}
	.wrtancList #searchBox dt:before{content: '\f10c'; color: #0190D5; font-size: 17px; font-weight: bold; display: inline-block; margin-right: 2px;}
	.wrtancList #searchBox dd{width: calc(50% - 135px);}
	.wrtancList #searchBox .textBox label, .wrtancList #searchBox .textBox input[type="text"],
	.wrtancList #searchBox .selectBox label, .wrtancList #searchBox .selectBox select{font-size: 13px;}
	.wrtancList #searchBox .selectBox label, .wrtancList #searchBox .selectBox select{color: #666;}
	.wrtancList #searchBox .textBox input[type="text"]{padding: 0 .9em;}
	.wrtancList #searchBox .textBox label{padding: .45em .9em 0;}
	.wrtancList #searchBox .selectBox label{padding: .45em .9em 0;}
	.wrtancList #searchBox .selectBox select{padding: .25em 1em .7em;}
	.wrtancList #searchBox .textBox, .wrtancList #searchBox .selectBox{height: 35px;}
	.wrtancList #searchBox .dateBox{width: calc(50% - 8px); height: 35px;}
	.wrtancList #searchBox .dateBox .datepicker[type="text"]{font-family: "Spoqa Han Sans", sans-serif, "axicon"; width: 100%; height: 100%; padding-left: 10px;}
	.wrtancList #searchBox .dateBox label{font-size: 18px; color: #999; line-height: 34px; position: absolute; top: 0; right: 0; padding-right: 10px;}
	.wrtancList #searchBox .innerRight{width: 145px; border-left: 1px solid #BDCBD5; padding-left: 30px;}
	.wrtancList #searchBox .innerRight .searchBtn{width: 84px; height: 85px; font-size: 36px; line-height: 78px;}
	.wrtancList #searchBox + .contArea .board1{border-top: 1px solid #747474;}
	.wrtancList .board1 .columnHeader .cntNo{width: 90px; text-align: center;}
	.wrtancList .board1 .columnHeader .ntfcNo{width: 135px; text-align: center;}
	.wrtancList .board1 .columnHeader .wrtancSta{width: 165px; text-align: center;}
	.wrtancList .board1 .columnHeader .tit{width: 470px; text-align: center;}
	.wrtancList .board1 .columnHeader .wrtDate{width: 140px; text-align: center;}
	.wrtancList .board1 .list .innerLink{display: table-row;}
	.wrtancList .board1 .list .innerLink:hover{background: #F7F7F7;}
	.wrtancList .board1 .innerLink .cntNo{text-align: center;}
	.wrtancList .board1 .innerLink .ntfcNo{text-align: center;}
	.wrtancList .board1 .innerLink .wrtancSta{text-align: center;}
	.wrtancList .board1 .innerLink .wrtancSta .on,
	.wrtancList .board1 .innerLink .wrtancSta .off{font-size: 12px; font-weight: 300; line-height: 25px; border-radius: 5px; padding: 0 8px; display: inline-block;}
	.wrtancList .board1 .innerLink .wrtancSta .on{background: #00A2B6; color: #FFF;}
	.wrtancList .board1 .innerLink .wrtancSta .off{background: #F95319; color: #FFF;}
	.wrtancList .board1 .innerLink .tit{text-align: left;}
	.wrtancList .board1 .innerLink .wrtDate{text-align: center;}
	.wrtancList .board1 .emptyMsg{height: 56px; text-align: center;}
}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	.wrtancList #searchBox{background: #F7FBFE; padding: 38px 15px;}
	.wrtancList #searchBox .innerLeft{width: 100%;}
	.wrtancList #searchBox dt:nth-of-type(-n+2), .wrtancList #searchBox dd:nth-of-type(-n+2){margin-top: 0;}
	.wrtancList #searchBox dt:nth-of-type(2), .wrtancList #searchBox dd:nth-of-type(2){margin-top: 15px;}
	.wrtancList #searchBox dt, .wrtancList #searchBox dd{margin-top: 15px;}
	.wrtancList #searchBox dt{width: 160px; color: #303030; font-size: 30px; line-height: 68px; letter-spacing: -.3px;}
	.wrtancList #searchBox dt:before{content: ""; display: none;}
	.wrtancList #searchBox dd{width: calc(100% - 160px); font-size: 30px;}
	.wrtancList #searchBox .textBox, .wrtancList #searchBox .dateBox, .wrtancList #searchBox .selectBox{height: 70px;}
	.wrtancList #searchBox .textBox label, .wrtancList #searchBox .textBox input[type="text"],
	.wrtancList #searchBox .selectBox label, .wrtancList #searchBox .selectBox select{font-size: 30px;}
	.wrtancList #searchBox .selectBox label, .wrtancList #searchBox .selectBox select{color: #666;}
	.wrtancList #searchBox .textBox label{padding: .25em .9em 0;}
	.wrtancList #searchBox .selectBox label{padding: .2em .9em 0;}
	.wrtancList #searchBox .selectBox select{padding: .45em 1em .7em;}
	.wrtancList #searchBox .dateBox{width: calc(50% - 12px);}
	.wrtancList #searchBox .dateBox .datepicker[type="text"]{font-family: "Spoqa Han Sans", sans-serif, "axicon"; width: 100%; height: 100%; color: #666; font-size: inherit; padding: 0 10px 3px;}
	.wrtancList #searchBox .dateBox label{font-size: 34px; color: #999; line-height: 70px; position: absolute; top: 0; right: 0; padding-right: 10px;}
	.wrtancList #searchBox .innerRight{width: 100%; border-left: none; margin-top: 39px;}
	.wrtancList #searchBox .innerRight .searchBtn{width: 100%; height: 70px; background-size: contain; font-size: 36px; line-height: 68px; border-radius: 5px;}
	.wrtancList #searchBox .innerRight .searchBtn .isM.hidden{font-size: inherit; line-height: inherit; overflow: inherit; visibility: inherit; display: inherit;}
	.wrtancList #searchBox + .contArea .board1{border-top: 1px solid #747474;}
	.wrtancList .board1 .columnHeader{display: none;}	
	.wrtancList .board1 .columnHeader .cntNo{width: 90px; text-align: center;}
	.wrtancList .board1 .columnHeader .ntfcNo{width: 135px; text-align: center;}
	.wrtancList .board1 .columnHeader .wrtancSta{width: 165px; text-align: center;}
	.wrtancList .board1 .columnHeader .tit{width: 470px; text-align: center;}
	.wrtancList .board1 .columnHeader .wrtDate{width: 140px; text-align: center;}
	.wrtancList .board1 .list{width: 100%; line-height: 1.7; border-bottom: 1px solid #E1E1E1; display: inline-block; padding: 26px 15px 29px;}
	.wrtancList .board1 .list:nth-of-type(2n){background: #F8F7F7;}
	.wrtancList .board1 .list:nth-of-type(2n+1):not(first-of-type){background: #FFF;}
	.wrtancList .board1 .list .innerLink{width: inherit; display: inline-block;}
	.wrtancList .board1 .innerLink > *{font-size: 30px; border: none; padding-top: 12px;}
	.wrtancList .board1 .innerLink > *:before{color: #3457B3; font-weight: normal; margin-right: 7px;}
	.wrtancList .board1 .innerLink .cntNo{display: none;}
	.wrtancList .board1 .innerLink .ntfcNo{text-align: center; display: inline-block; float: left; padding-top: 0;}
	.wrtancList .board1 .innerLink .ntfcNo:before{content: "공고번호"}
	.wrtancList .board1 .innerLink .wrtancSta{text-align: center; display: inline-block; float: right; padding-top: 3px;}
	.wrtancList .board1 .innerLink .wrtancSta .on,
	.wrtancList .board1 .innerLink .wrtancSta .off{font-size: 12px; font-weight: 300; line-height: 25px; border-radius: 5px; padding: 0 8px; display: inline-block;}
	.wrtancList .board1 .innerLink .wrtancSta .on{background: #00A2B6; color: #FFF;}
	.wrtancList .board1 .innerLink .wrtancSta .off{background: #F95319; color: #FFF;}
	.wrtancList .board1 .innerLink .tit{text-align: left; line-height: 1.4; clear: left;}
	.wrtancList .board1 .innerLink .tit, 
	.wrtancList .board1 .innerLink .tit:before{display: block;}
	.wrtancList .board1 .innerLink .tit:before{content: "제목"}
	.wrtancList .board1 .innerLink .wrtDate{text-align: center; display: inline-block; clear: both;}
	.wrtancList .board1 .innerLink .wrtDate:before{content: "등록일"}
	.wrtancList .board1 .emptyMsg{height: 56px; text-align: center;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.wrtancList #searchBox{background: #F7FBFE; padding: 17px 15px;}
	.wrtancList #searchBox .innerLeft{width: 100%;}
	.wrtancList #searchBox dt, .wrtancList #searchBox dd{margin-top: 7px;}
	.wrtancList #searchBox dt:first-of-type, .wrtancList #searchBox dd:first-of-type{margin-top: 0;}
	.wrtancList #searchBox dt{width: 55px; color: #303030; font-size: 13px; line-height: 30px; letter-spacing: -.3px;}
	.wrtancList #searchBox dt:before{content: ""; display: none;}
	.wrtancList #searchBox dd{width: calc(100% - 55px);}
	.wrtancList #searchBox .textBox label, .wrtancList #searchBox .textBox input[type="text"],
	.wrtancList #searchBox .selectBox label, .wrtancList #searchBox .selectBox select{font-size: 13px;}
	.wrtancList #searchBox .selectBox label, .wrtancList #searchBox .selectBox select{color: #666;}
	.wrtancList #searchBox .textBox label, .wrtancList #searchBox .selectBox label{padding: .45em .9em 0;}
	.wrtancList #searchBox .selectBox select{padding: .45em 1em .7em;}
	.wrtancList #searchBox .textBox, .wrtancList #searchBox .dateBox, .wrtancList #searchBox .selectBox{height: 31px;}
	.wrtancList #searchBox .dateBox{width: calc(50% - 8px);}
	.wrtancList #searchBox .dateBox .datepicker[type="text"]{font-family: "Spoqa Han Sans", sans-serif, "axicon"; width: 100%; height: 100%; padding-left: 10px;}
	.wrtancList #searchBox .dateBox label{font-size: 18px; color: #999; line-height: 34px; position: absolute; top: 0; right: 0; padding-right: 10px;}
	.wrtancList #searchBox .innerRight{width: auto; margin-top: 17px;}
	.wrtancList #searchBox .innerRight .searchBtn{width: 100%; height: 30px; background-size: contain; font-size: 16px; line-height: 24px; border-radius: 4px;}
	.wrtancList #searchBox .innerRight .searchBtn .isM.hidden{font-size: inherit; line-height: inherit; overflow: inherit; visibility: inherit; display: inherit;}
	.wrtancList #searchBox + .contArea .board1{border-top: 1px solid #747474;}
	.wrtancList .board1 .columnHeader{display: none;}
	.wrtancList .board1 .columnHeader .cntNo{width: 90px; text-align: center;}
	.wrtancList .board1 .columnHeader .ntfcNo{width: 135px; text-align: center;}
	.wrtancList .board1 .columnHeader .wrtancSta{width: 165px; text-align: center;}
	.wrtancList .board1 .columnHeader .tit{width: 470px; text-align: center;}
	.wrtancList .board1 .columnHeader .wrtDate{width: 140px; text-align: center;}
	.wrtancList .board1 .list{width: 100%; line-height: 1.7; border-bottom: 1px solid #E1E1E1; display: inline-block; padding: 16px 15px;}
	.wrtancList .board1 .list:nth-of-type(2n){background: #F8F7F7;}
	.wrtancList .board1 .list:nth-of-type(2n+1):not(first-of-type){background: #FFF;}
	.wrtancList .board1 .list .innerLink{width: inherit; display: inline-block;}
	.wrtancList .board1 .innerLink > *{font-size: 13px; border: none;}
	.wrtancList .board1 .innerLink > *:before{color: #3457B3; font-weight: normal; margin-right: 7px;}
	.wrtancList .board1 .innerLink .cntNo{display: none; text-align: center;}
	.wrtancList .board1 .innerLink .ntfcNo{text-align: center; display: inline-block; float: left;}
	.wrtancList .board1 .innerLink .ntfcNo:before{content: "공고번호"}
	.wrtancList .board1 .innerLink .wrtancSta{text-align: center; display: inline-block; float: right;}
	.wrtancList .board1 .innerLink .wrtancSta .on, .wrtancList .board1 .innerLink .wrtancSta .off{font-size: 10px; font-weight: 300; line-height: 20px; border-radius: 5px; padding: 0 8px; display: inline-block;}
	.wrtancList .board1 .innerLink .wrtancSta .on{background: #00A2B6; color: #FFF;}
	.wrtancList .board1 .innerLink .wrtancSta .off{background: #F95319; color: #FFF;}
	.wrtancList .board1 .innerLink .tit{text-align: left; clear: left;}
	.wrtancList .board1 .innerLink .tit,
	.wrtancList .board1 .innerLink .tit:before{display: block;}
	.wrtancList .board1 .innerLink .tit:before{content: "제목"}
	.wrtancList .board1 .innerLink .wrtDate{text-align: left; display: inline-block; clear: both;}
	.wrtancList .board1 .innerLink .wrtDate:before{content: "등록일"}
	.wrtancList .board1 .emptyMsg{height: 56px; text-align: center;}
}