@charset "UTF-8";

/* SUB PAGE Design set ------------------------------------------------------------------------------------------ */
	/* SUB PAGE common */
	body{overflow-y: scroll;}
	#sub .subTitArea:not(:first-of-type){padding: 35px 3px 10px;}
	#sub .subTitArea:first-of-type{padding: 10px 3px 10px;}
	#sub .subTitArea h5{color: #287D95; font-size: 18px; text-indent: -25px; margin-left: 25px;}
	#sub .subTitArea h5:before{
		content: '\f105';
		width: 16px; height: 16px;
		background: url("../image/sub/titDecoBg.jpg") repeat-y 0 0;
		color: #FFF;
		text-align: center;
		text-indent: 0;
		line-height: 16px;
		border: 1px solid #4A8FC1;
		border-radius: 5px;
		display: inline-block;
		margin-right: 7px;
	}
@media screen and (min-width: 992px){
	#sub .subTop .decoTitArea{height: 330px; background: url("../image/sub/decoTitBg.png") no-repeat center 0; border-top-width: 0px; border-bottom: 10px solid transparent; border-image: url("../image/main/graSpeLineBg.png") 30 round;}
}
@media screen and (max-width: 991px){
	#sub .subTop .decoTitArea{height: 130px; background-image: url(../image/sub/slogan.png), url(../image/sub/decoTitBg_m.png); border-top-width: 0px; background-repeat: no-repeat; background-position: 15px 5px, center; background-size: 75%, cover; border-image: url(../../static/image/main/graSpeLineBg.png) 1 round;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	#sub .subTop .decoTitArea{border-bottom: 10px solid transparent; border-top-width: 0px;}
}
@media screen and (max-width: 576px){
	#sub .subTop .decoTitArea{border-bottom: 0 solid transparent; border-top-width: 0px;}
}

	/* SUB PAGE common // Breadcrumb */
	.breadcrumb{background: #F5F8FB; border-bottom: 1px solid #E9EAED; position: relative; z-index: 5;}
	.breadcrumb .depth1{justify-content: flex-end;}
	.breadcrumb .depth1>li{position: relative;}
	.breadcrumb .depth1>li:not(:first-of-type):before{content: ""; width: 26px; height: 26px; background: #FFF url("../../static/image/common/iconSpr.png") no-repeat center -452px; border-radius: 100%; position: absolute; top: 50%; left: -10px; transform: translateY(-50%);}
	.breadcrumb .depth1>li>a{color: #33475B; font-weight: 300; letter-spacing: -.4px; position: relative;}
	.breadcrumb .depth1>li>a.home{width: 84px; height: 100%; background-image: url("../../static/image/common/iconSpr.png"); background-repeat: no-repeat; text-align: center; padding: 0;}
	.breadcrumb .depth1>li>a:not(.home){padding: 0 25px;}	
	.breadcrumb .depth1>li .menuList{position: absolute;}
	.breadcrumb .menuList{display: none; min-width: 160px;}
	.breadcrumb .menuList .depth2{width: 100%; background: #FFF; border: 1px solid #E5E5E5;}
	.breadcrumb .depth1>li:not(:nth-of-type(4)) .depth2{padding: 5px 0;}
	.breadcrumb .depth2>li>a{padding: 5px 20px;}
	.breadcrumb .depth2>li>a:hover{color: #1DA4FF;}
	.breadcrumb .depth2>li>a:active{background: #DDF0FF; color: #1DA4FF;}
@media screen and (min-width: 992px){
	.breadcrumb{margin: 0 auto;}
	.breadcrumb a:not(.home){width: 100%;}
	.breadcrumb .depth1>li>a{line-height: 56px;}
	.breadcrumb .depth1>li>a:not(.home){font-size: 15px;}
}
@media screen and (max-width: 991px){
	.breadcrumb .depth1>li:nth-of-type(4){display: none;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.breadcrumb .depth1>li>a{font-size: 15px; line-height: 56px;}
}
@media screen and (min-width: 576px){
	.breadcrumb .depth1>li>a.home{background-position: center -378px;}
}
@media screen and (max-width: 575px){
	.breadcrumb .depth1>li>a{font-size: 13px; line-height: 50px;}
	.breadcrumb .depth1>li>a.home{background-position: center -381px;}
}

	/* SUB PAGE common // Tabs UI common */
	.isPc, .isTb, .isMb{text-align: center;}
	.isPc>img, .isTb>img, .isMb>img{max-width: 100%;}
	.tabsArea{background: #00A4BD; border-bottom: 1px solid #FFF; border-radius: 5px;}
	.tabsArea .item{display: inline-block; float: left;}
	.tabsArea .item>.tab{font-family: "NanumSquare", sans-serif; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px;}
	.tabsArea .item>.tab:not(.active){background: #007284; color: #FFF; font-weight: 600;}
	.tabsArea .item>.tab.active{background: #FFF; color: #33475B; font-weight: 700;}
	.tabsArea .item>.tab.multiLine{line-height: normal;}
@media screen and (min-width: 992px){
	.isTb, .isMb{display: none;}
	.tabsArea{padding-left: 36px; padding-right: 36px;}
	.tabsArea li>.tab{padding-left: 28px; padding-right: 28px;}
	.tabGrp.dvlp .tabPages{padding-top: 67px;}
	.tabGrp.info .tabPages{padding-top: 5px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.isPc, .isMb{display: none;}
	.tabsArea{padding-left: 10px;}
	.tabsArea li>.tab{padding-left: 20px; padding-right: 20px;}
	.tabGrp.dvlp .tabPages{padding-top: 40px;}
	.tabGrp.info .tabPages{padding-top: 5px;}
}
@media screen and (min-width: 576px){
	.tabsArea{height: 70px; padding-top: 10px;}
	.tabsArea li:not(:first-of-type){margin-left: 5px;}
	.tabsArea li>.tab{height: 59px; font-size: 18px!important;}
	.tabsArea li>.tab:not(.multiLine){line-height: 58px;}
	.tabsArea .item>.tab.multiLine{padding-top: 8px;}
}
@media screen and (max-width: 575px){
	.isPc, .isTb{display: none;}
	.tabGrp.n2 .tabsArea>.item{width: calc((100% / 2) - 2px);}
	.tabGrp.n3 .tabsArea>.item{width: calc((100% / 3) - 2px);}
	.tabGrp.n4 .tabsArea>.item{width: calc((100% / 4) - 2px);}
	.tabGrp.n5 .tabsArea>.item{width: calc((100% / 5) - 2px);}
	.tabsArea{height: 42px; padding-top: 7px; padding-left: 7px; padding-right: 7px;}
	.tabsArea li:not(:first-of-type){margin-left: 2px;}
	.tabsArea li>.tab{width: 100%; height: 34px; font-size: 13px;}
	.tabsArea li>.tab:not(.multiLine){line-height: 32px;}
	.tabsArea .item>.tab.multiLine{padding-top: 5px;}
	.tabGrp.dvlp .tabPages{padding-top: 30px;}
	.tabGrp.info .tabPages{padding-top: 5px;}
}

	/* SUB PAGE common // Search Box */
	.searchGrp, .searchGrp .searchPnl{border-radius: 4px;}
	.searchGrp{}
	.searchGrp .searchPnl{margin-bottom: 26px;}
	.searchGrp .searchArea .selectBox .selectedTarget, .selectBox .dropdownList .item>.innerLink{color: #1F1E1E;}
	.searchGrp .searchArea .selectBox .dropdownList{width: 100%;}
	.searchGrp .searchArea .selectBox .selectedTarget{border-color: #D2D2D2;}
	.searchGrp:not(.type2) .searchBtn{background: url("../image/common/orgBtnGraBg3.png") repeat-x 0 0; background-size: contain; color: #FFF; text-align: center; border: 2px solid #FFAC6F}
	.searchGrp:not(.type3) .searchPnl{border: 1px solid #DEDEDE; padding: 2px;}
	.searchGrp:not(.type3) .searchArea{background: #F7FCFC; border: 1px solid #BDCAD6;}
	.searchGrp:not(.type3) .searchArea .searchBox .textBox input[type="text"]{width: calc(100% - 62px); background: transparent; border-width: 0; padding-left: 14px;}
	.searchGrp:not(.type3) label:not(.axi), .searchGrp:not(.type3) .textBox input[type="text"]{color: #1F1E1E;}
	.searchGrp:not(.type3) label:not(.axi), .searchGrp:not(.type3) .label{min-width: 80px;}
	.searchGrp.type1 .searchArea .selectBox .dropdownList{top: 54px; overflow-y: auto!important;}
	.searchGrp.type1 .textBox input[type="text"]{border: 1px solid #D1D1D1; padding-left: 15px;}
	.searchGrp.type1 .textBox input[type="text"], .searchGrp.type1 .selectBox{width: calc(100% - 84px);}
	.searchGrp.type2 .searchArea .selectBox .dropdownList{top: 42px; overflow-y: auto!important;}
	.searchGrp.type2 .searchArea .searchBox{background: #FFF; height: 100%; border: 1px solid #D2D2D2; padding-left: 0; padding-right: 0;}
	.searchGrp.type3 .searchPnl{background: #F5F8FA; border: 1px solid #D6DEE8;}
	.searchGrp.type3 .searchArea .selectBox .dropdownList{top: 42px; overflow-y: auto!important;}
	.searchGrp.type3 .searchArea .searchBox{background: #FFF; height: 36px; line-height: 36px; border: 1px solid #D2D2D2; padding-left: 0; padding-right: 0;}
	.searchGrp.type3 label:not(.axi), .searchGrp.type3 .label{color: #33475B; position: relative;}
	.searchGrp.type3 label:not(.axi):before, .searchGrp.type3 .label:before{content: ""; background: #FF7A59; border-radius: 2px; position: absolute; top: 50%; transform: translateY(-50%);}
	.searchGrp.type3 .textBox input[type="text"]{width: 100%; background: transparent; border: 1px solid transparent;}
	.searchGrp .redoBtn{background: #FFF; color: #0B0B0B; text-align: center; border: 2px solid #1C75C7;}
	.searchGrp .redoBtn, .searchGrp:not(.type2) .searchBtn{border-radius: 7px;}
	.searchGrp .redoBtn, .searchGrp.type3 .searchBtn{font-size: 15px; line-height: 40px; float: left;}
	.searchGrp .redoBtn:before, .searchGrp.type3 .searchBtn:before{margin-right: .5em;}
	.searchGrp .redoBtn:before{color: #00AA91;}
	.searchGrp .searchArea .a11y{float: left;}
	.searchGrp .innerRight{text-align: right; position: relative;}
	.searchGrp .innerRight .searchBtn{border: 2px solid #FFAC6F; border-radius: 7px;}
	.searchGrp .textBox input[type="text"]::-webkit-input-placeholder{color: #CBCBCB;}
	.searchGrp .textBox input[type="text"]::-ms-input-placeholder{color: #CBCBCB;}
	.searchGrp .textBox input[type="text"]::placeholder{color: #CBCBCB;}
	.searchGrp .dateGrp .dateBox .axi.axi-calendar{position: relative;}
	.searchGrp .dateGrp .dateBox .axi.axi-calendar:before{content: ""; width: 24px; height: 24px; background: url("../image/common/calendar.png") no-repeat 0 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
	.searchGrp .dateGrp .dateBox input[type="text"]{width: 100%; color: #1F1E1E; padding: 0 15px;}
	.searchGrp .dateGrp .dateBox input[type="text"]{background: #FFF; border: 1px solid #CCCFD8;}
	.searchGrp label:not(.axi), .searchGrp .label, .searchGrp .textBox input[type="text"], .searchGrp .dateGrp .dateBox, .searchGrp .dateGrp .unit, .searchGrp .selectBox{display: inline-block; float: left;}
	.searchGrp label.axi{color: #CCC; position: absolute; top: 0; right: 10px;}
	.searchGrp .selectBox>dt{height: inherit;}
@media screen and (min-width: 1200px){
	.searchGrp.type1 .searchArea{padding-right: 6px;}
	.searchGrp.type1 .innerRight:before{left: 18px;}
	.searchGrp.type3 .searchBtn, .searchGrp .redoBtn{margin-left: 15px; padding: 0 20px;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	.searchGrp.type1 .innerRight:before{left: -2px;}
	.searchGrp .redoBtn{margin-left: 15px;}
	.searchGrp .redoBtn, .searchGrp.type3 .searchBtn{padding: 0 18px;}
}
@media screen and (min-width: 992px){
	.searchGrp:not(.type3) label:not(.axi), .searchGrp:not(.type3) .label{font-size: 18px;}
	.searchGrp.type1 .innerLeft>.row>.col-lg-6:not(:nth-of-type(-n+2)),	.searchGrp.type1 .innerLeft>.row>.col-lg-12{margin-top: 15px;}
	.searchGrp.type1 .innerLeft .col-lg-6:nth-of-type(even)>.label, .searchGrp .innerLeft .col-lg-6:nth-of-type(even)>.label{padding-left: 22px; padding-right: 20px;}
	.searchGrp.type1 .innerLeft{padding-left: 30px;}
	.searchGrp.type1 .innerRight{padding-left: 21px; padding-right: 30px;}
	.searchGrp.type1 .innerRight:before{content: ""; width: 1px; height: 115px; background: #BDCBD5; position: absolute;}
	.searchGrp.type1 .innerRight .searchBtn{width: 115px; height: 115px; font-size: 20px; font-weight: 600; line-height: 24px;}
	.searchGrp.type1 .innerRight .searchBtn:before{content: ""; width: 35px; height: 35px; background: url("../image/common/iconSpr.png") no-repeat center -840px; display: block; margin: 24px auto 7px;}
	.searchGrp.type2 .selectBox[class*="col"]{padding-left: 0; padding-right: 0;}
	.searchGrp.type3 .searchPnl{padding-top: 42px; padding-bottom: 34px;}
	.searchGrp.type3 .textBox+.textBox{margin-top: 41px;}
	.searchGrp.type3 .searchBtn{font-size: 18px; line-height: 36px;}
	.searchGrp.type3 label:not(.axi):before, .searchGrp.type3 .label:before{width: 5px; height: 22px; left: 25px;}
	.searchGrp label, .searchGrp .label, .searchGrp .selectBox>dt>.innerLink{line-height: 48px;}
	.searchGrp.type1 label, .searchGrp.type1 .label, .searchGrp.type1 .dateGrp .dateBox input[type="text"], .searchGrp.type1 .textBox input[type="text"], .searchGrp.type1 .selectBox{height: 50px;}
	.searchGrp:not(.type3) .dateGrp .dateBox input[type="text"], .searchGrp:not(.type3) .textBox input[type="text"], .searchGrp:not(.type3) .searchArea .selectBox .selectedTarget{font-size: 16px; line-height: 50px;}
	.searchGrp:not(.type3) .dateGrp .dateBox input[type="text"], .searchGrp:not(.type3) .textBox input[type="text"], .searchGrp:not(.type3) .searchArea .selectBox .selectedTarget, .searchGrp.type1 .selectBox, .searchGrp.type1 label, .searchGrp.type1 .label{height: 50px;}
	.searchGrp.type1 .selectBox{width: calc(100% - 113px);}
	.searchGrp.type2 .dateGrp .dateBox input[type="text"]{line-height: 36px;}
	.searchGrp.type3 label, .searchGrp.type3 .label, .searchGrp.type3 .dateGrp .dateBox input[type="text"], .searchGrp.type3 .textBox input[type="text"], .searchGrp.type3 .selectBox, .searchGrp.type3 .searchBtn{height: 44px;}
	.searchGrp.type3 .dateGrp .dateBox input[type="text"]{line-height: 36px;}
	.searchGrp.type3 .textBox input[type="text"]{padding-left: 15px;}
	.searchGrp .dateGrp .unit{font-size: 20px;}
}
@media screen and (max-width: 991px){
	.searchGrp .dateGrp .dateBox{width: calc((100% - 116px) / 2);}
	.searchGrp.type1 .innerRight{padding-left: 30px; padding-right: 30px;}
	.searchGrp.type1 .innerRight .searchBtn:before{vertical-align: -2px;}
	.searchGrp.type3, .searchGrp.type3+.boardWrap{width: calc(100% - 30px);}
	.searchGrp.type3 .textBox+.textBox{margin-top: 15px;}
	.searchGrp.type3 label:not(.axi), .searchGrp.type3 .label{min-width: 100px; font-weight: 800; padding-left: 20px;}
	.searchGrp.type3 label:not(.axi):before, .searchGrp.type3 .label:before{width: 5px; height: 16px; left: 5px;}
	.searchGrp .redoBtn, .searchGrp.type1 .innerRight .searchBtn, .searchGrp.type2 .selectBox, .searchGrp.type3 .searchBtn{width: 100%;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.searchGrp.type1 .innerRight, .searchGrp.type1 .innerLeft>.row>*, .searchGrp.type2 .row.searchArea>*{margin-top: 15px;}
	.searchGrp.type1 .innerRight .searchBtn{height: 50px; font-size: 20px; line-height: 42px;}
	.searchGrp.type1 .innerRight .searchBtn:before{font-size: 28px; margin-right: 12px;}
	.searchGrp label, .searchGrp .label, .searchGrp .dateGrp .dateBox input[type="text"], .searchGrp .textBox input[type="text"], .searchGrp .selectBox{height: 50px;}
	.searchGrp label, .searchGrp .label, .searchGrp .selectBox>dt>.innerLink, .searchGrp .selectBox .selectedTarget{line-height: 48px;}
	.searchGrp label:not(.axi), .searchGrp .label{font-size: 18px;}
	.searchGrp.type3 .searchPnl{padding-top: 40px; padding-bottom: 34px;}
	.searchGrp.type3 .redoBtn{margin-top: 24px;}
	.searchGrp .dateGrp .dateBox input[type="text"], .searchGrp .textBox input[type="text"]{font-size: 16px; line-height: 50px;}
	.searchGrp .dateGrp .unit{font-size: 20px;}
}
@media screen and (min-width: 768px){
	.searchGrp.type3 label:not(.axi), .searchGrp.type3 .label{min-width: 169px; font-size: 22px; font-weight: 800; padding-left: 40px;}
}
@media screen and (min-width: 576px){
	.searchGrp:not(.type3) .searchArea{padding: 25px 10px;}
	.searchGrp.type3 label:not(.axi), .searchGrp.type3 .label{font-size: 22px;}
	.searchGrp.type3 .textBox input[type="text"]{border-bottom: 2px solid #0B0B0B;}
}
@media screen and (max-width: 575px){
	.searchGrp label, .searchGrp .label, .searchGrp .dateGrp .dateBox input[type="text"], .searchGrp .textBox input[type="text"], .searchGrp .selectBox{height: 36px;}
	.searchGrp label, .searchGrp .label, .searchGrp .selectBox>dt>.innerLink, .searchGrp .selectBox .selectedTarget{line-height: 34px;}
	.searchGrp .dateGrp .dateBox input[type="text"], .searchGrp .textBox input[type="text"]{font-size: 14px; line-height: 36px;}
	.searchGrp .dateGrp .dateBox{width: calc((99.9% - 113px) / 2);}
	.searchGrp:not(.type3) label:not(.axi), .searchGrp:not(.type3) .label{font-size: 15px;}
	.searchGrp:not(.type3) .searchArea{padding-top: 15px; padding-bottom: 15px;}
	.searchGrp.type1 .innerRight{padding-left: 15px; padding-right: 15px;}
	.searchGrp.type1 .innerRight, .searchGrp.type1 .innerLeft>.row>*, .searchGrp.type2 .row.searchArea>*{margin-top: 10px;}
	.searchGrp.type1 .innerRight .searchBtn{height: 36px; font-size: 14px; line-height: 30px;}
	.searchGrp.type1 .innerRight .searchBtn:before{font-size: 20px; margin-right: 7px;}
	.searchGrp.type3 .searchPnl{padding-top: 18px; padding-bottom: 34px;}
	.searchGrp.type3 label:not(.axi), .searchGrp.type3 .label{font-size: 18px;}
	.searchGrp.type3 .label{margin-bottom: 5px;}
	.searchGrp.type3 .textBox input[type="text"]{border-bottom: 1px solid #0B0B0B;}
}

	/* SUB PAGE common // Board Wrapper */
	.viewBoard.type2 .sysBox{background: #F5F8FA; color: #000; font-weight: 300; border: 1px solid #D6DEE8; border-radius: 5px;}
	.viewBoard.type2 .sysBox li{letter-spacing: -.45px;}
	.viewBoard.type2 .sysBox li:after{content: '｜'; color: #858585;}
	.viewBoard.type2 .sysBox li:last-of-type:after{content: "";}
	.viewBoard.type2 .sysBox li>span{color: #5B5B5B;}
	.viewBoard.type2 .sysBox .datePara{background: url("../../static/image/common/iconSpr.png") no-repeat -22px -1760px;}
	.viewBoard.type2 .sysBox .cntPara{background: url("../../static/image/common/iconSpr.png") no-repeat -24px -1823px;}
	.viewBoard .titBox{border-top: 3px solid #FFAC6E; position: relative;}
	.viewBoard .titBox .txt{color: #323232; font-weight: 600; letter-spacing: -.45px;}
	.viewBoard .contBox{color: #676767; border-left-width: 0; border-right-width: 0; letter-spacing: -.38px; white-space: pre-wrap;}
	.viewBoard .contBox+.fileList{margin-top: 15px;}
	.viewBoard .contBox+.fileList .row{border-top: 1px solid #7A7A7A; border-bottom: 1px solid #E1E1E1; padding-top: 18px; padding-bottom: 18px;}
	.viewBoard .contArea .infoArea{background: #F5F8FA;}
	.viewBoard .contArea .infoArea, .viewBoard .contArea .brdDtl>.row, .viewBoard .contBox{border-radius: 4px;}
	.viewBoard .contArea .infoArea, .viewBoard .contArea .brdDtl>.row:not(.noLine), .viewBoard .contArea .brdDtl .viewMap #map{border: 1px solid #D6DEE8;}
	.viewBoard .contArea .infoArea>div .depart{color: #323232;}
	.viewBoard .contArea .infoArea>div .wrtDate{color: #858585;}
	.viewBoard .contArea .brdDtl:not(:first-child){margin-top: 14px;}
	.viewBoard .contArea .brdDtl>.row:not(.noLine):not(:first-child){margin-top: 20px;}
	.viewBoard .contArea .brdDtl dt, .viewBoard .contArea .brdDtl dd:not(.contBox){border-top: 1px solid #E1E1E1;}
	.viewBoard .contArea .brdDtl dt.axi-map-marker, .viewBoard .contArea .brdDtl dt.axi-map-marker+dd{border-top: 1px solid #7A7A7A;}
	.viewBoard .contArea .brdDtl dt:not(.a11y){color: #000;}
	.viewBoard .contArea .brdDtl dt:not(.prjPosition){background: #F5FCFC;}
	.viewBoard .contArea .brdDtl dt.cornerTop{border-top-left-radius: inherit;}
	.viewBoard .contArea .brdDtl dt.cornerTop{border-top-right-radius: inherit;}
	.viewBoard .contArea .brdDtl dd.cornerBt{border-bottom-left-radius: inherit;}
	.viewBoard .contArea .brdDtl dd.cornerBt{border-bottom-right-radius: inherit;}
	.viewBoard .contArea .brdDtl dt.prjPosition{background: #FFF; border-top: 1px solid #7A7A7A; position: relative; padding-top: 15px; padding-bottom: 15px; padding-left: 0;}
	.viewBoard .contArea .brdDtl dt.prjPosition:before, .viewBoard .contArea .brdDtl dt.prjPosition+dd:after{content: ""; width: 1px; height: 100%; background: #FFF; position: absolute; top: 0;}
	.viewBoard .contArea .brdDtl dt.prjPosition:before{left: -1px;}
	.viewBoard .contArea .brdDtl dt.prjPosition+dd:after{right: -1px;}
	.viewBoard .contArea .brdDtl dt.prjPosition+.cont{border-top: 1px solid #7A7A7A; padding-top: 15px; padding-bottom: 15px;}
	.viewBoard .contArea .brdDtl dt.prjPosition .innerBox{height: 38px; background: #F5FCFC url("../../static/image/common/iconSpr.png") no-repeat 10px -1322px; line-height: 38px; border-radius: 20px; position: absolute; top: 50%; transform: translateY(-50%); display: block; padding-left: 48px;}
	.viewBoard .contArea .brdDtl dt[class*="axi"]:before{color: #CCC;}
	.viewBoard .contArea .brdDtl dt:not(.prjPosition):not(.a11y):before{content: ""; width: 35px; height: 35px; background-image: url("../../static/image/common/boardSpr.png"); background-repeat: no-repeat; position: absolute; transform: translateY(-50%);}
	.viewBoard .contArea .brdDtl dt{position: relative;}
	.viewBoard .contArea .brdDtl dt.num:before{background-position: 0 3px;}
	.viewBoard .contArea .brdDtl dt.date:before{background-position: 0 -59px;}
	.viewBoard .contArea .brdDtl dt.annNm:before{background-position: 0 -119px;}
	.viewBoard .contArea .brdDtl dt.period:before{background-position: 0 -179px;}
	.viewBoard .contArea .brdDtl dt.tel:before{background-position: 0 -237px;}
	.viewBoard .contArea .brdDtl dt.place:before{background-position: 0 -297px;}
	.viewBoard .contArea .brdDtl dt.book:before{background-position: 0 -358px;}
	.viewBoard .contArea .brdDtl dt.attch1:before{background-position: 0 -418px;}
	.viewBoard .contArea .brdDtl dt.attch2:before{background-position: 0 -478px;}
	.viewBoard .contArea .brdDtl dd:not(.contBox){color: #5B5B5B;}
	.viewBoard .contArea .brdDtl dd{background: #FFF; font-weight: 300;}
	.viewBoard .contArea .brdDtl .wrtancTxt{width: 100%; font-weight: 300; text-align: justify; line-height: inherit; white-space: pre-wrap; border-top: 1px solid #0B90B6;}
	.viewBoard .contArea .brdDtl .viewMap{padding-left: 0; padding-right: 0;}
	.viewBoard .contArea .brdDtl .viewMap #map{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 1;}
	.viewBoard .contArea .brdDtl .viewMap #map+#layers{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 2;}
	.viewBoard .contArea .brdDtl .attfileList .item:not(:first-of-type){margin-top: 5px;}
	.viewBoard .contArea .brdDtl .attfileList .item:not(:only-child):first-of-type{padding-top: 3px;}
	.viewBoard .contArea .brdDtl .attfileList .item:not(:only-child):last-of-type{padding-bottom: 7px;}
	.viewBoard .fileList dt{background: #F5FCFC; text-align: center; border-radius: 25px; padding: 0;}
@media screen and (min-width: 1200px){
	.viewBoard .contArea .brdDtl dt:not(.a11y), .viewBoard .contArea .brdDtl dd:not(.contBox){font-size: 16px;}
}
@media screen and (min-width: 992px){
	.boardWrap{margin-top: 40px;}
	.viewBoard.type2 .sysBox{font-size: 15px; line-height: 55px; padding: 0 31px;}
	.viewBoard.type2 .sysBox li{letter-spacing: -.45px;}
	.viewBoard.type2 .sysBox li:after{margin: 0 20px 0;}
	.viewBoard.type2 .sysBox li:last-of-type:after{display: none;}
	.viewBoard .titBox{height: 123px;}
	.viewBoard .titBox .txt{font-size: 24px;padding-left: 3px;padding-right: 3px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
	.viewBoard .contBox{font-size: 15px; line-height: 26px; padding: 49px 42px 57px;}
	.viewBoard .contArea .infoArea{padding: 0 30px;}
	.viewBoard .contArea .infoArea>div .depart, .viewBoard .contArea .infoArea>div .wrtDate{font-size: 15px; line-height: 48px;}
	.viewBoard .contArea .infoArea>div .depart{padding-right: 10px;}
	.viewBoard .contArea .infoArea>div .wrtDate{font-weight: 300;}
	.viewBoard .contArea .infoArea>div .wrtDate:before{vertical-align: -1px; margin-right: 5px;}
	.viewBoard .contArea .brdDtl{width: 100%; display: table;}
	.viewBoard .contArea .brdDtl dt[class*="axi"]:before{font-size: 15px; vertical-align: -2px; margin-right: 7px;}
	.viewBoard .contArea .brdDtl dt:not(.prjPosition):not(.a11y), .viewBoard .contArea .brdDtl dd:not(.contBox):not(.contBox){line-height: 55px;}
	.viewBoard .contArea .brdDtl dt:not(.a11y), .viewBoard .contArea .brdDtl dd:not(.contBox){font-size: 15px;}
	.viewBoard .contArea .brdDtl dd{min-height: 45px;}
	.viewBoard .contArea .brdDtl dd.col1{width: calc(100% - 170px);}
	.viewBoard .contArea .brdDtl dd.col2{width: calc(50% - 170px);}
	.viewBoard .contArea .brdDtl .col2~dt:nth-of-type(odd):not(:first-child), .viewBoard .contArea .brdDtl .col1~dt:not(:first-child){clear: left;}
	.viewBoard .contArea .brdDtl .cont{padding-left: 18px;}
	.viewBoard .contArea .brdDtl .wrtancTxt{width: 100%; font-size: 15px; padding: 50px 55px;}
	.viewBoard .contArea .brdDtl .viewMap{height: 345px; padding-left: 0; padding-right: 0;}
	.viewBoard .contArea .brdDtl .viewMap .mapOverlayUi a{background-position: right -2px top -953px;}
	.viewBoard .contArea .brdDtl .viewMap #map{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 1;}
	.viewBoard .contArea .brdDtl .viewMap #map+#layers{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 2;}
	.viewBoard .contArea .brdDtl .attfileList .item:not(:only-child){line-height: 26px;}
	.viewBoard .contArea .brdDtl .attfileList .item:not(:only-child):first-of-type{padding-top: 7px;}
	.viewBoard .contArea .brdDtl .attfileList .item:not(:only-child):last-of-type{padding-bottom: 7px;}
	.viewBoard .fileList{padding: 0 3px;}
	.viewBoard .fileList dl{width: 100%; min-height: 50px;}
	.viewBoard .fileList dt, #sub .viewBoard .fileList dd{font-size: 15px;}
	.viewBoard .fileList dt{width: 210px; line-height: 50px; vertical-align: middle;}
	.viewBoard .fileList dt .axi:before{font-size: 16px; vertical-align: -2px; margin-right: 5px;}
	.viewBoard .fileList dd{width: 100%; padding: 0 10px;}
	.viewBoard .fileList dd:nth-of-type(1){padding-top: 10px;}
	.viewBoard .fileList dd:last-of-type{padding-bottom: 10px;}
}
@media screen and (max-width: 991px){
	.boardWrap{margin-top: 0; position: relative;}
	.viewBoard.type2 .sysBox{font-size: 13px; line-height: 36px; margin: 0 auto;}
	.viewBoard.type2 .sysBox li{letter-spacing: -.45px;}
	.viewBoard.type2 .sysBox li:after{margin: 0 .5em 0;}
	.viewBoard.type2 .sysBox li:last-of-type:after{display: none;}
	.viewBoard.type2 .sysBox li>span{font-size: 11px; font-weight: 300px;}
	.viewBoard .titBox{height: 70px; position: relative;}
	.viewBoard .titBox .txt{font-size: 16px; padding-left: 15px; padding-right: 15px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.viewBoard.col-12.a11y{font-size: 0;}
	.viewBoard .contBox{font-size: 13px; line-height: normal; padding: 20px 15px 24px;}
	.viewBoard .contArea{}
	.viewBoard .contArea .infoArea{padding: 0 30px;}
	.viewBoard .contArea .infoArea>div .depart, .viewBoard .contArea .infoArea>div .wrtDate{line-height: 32px;}
	.viewBoard .contArea .infoArea>div .depart{font-size: 12px; padding-right: 10px;}
	.viewBoard .contArea .infoArea>div .wrtDate{font-size: 11px; font-weight: 300;}
	.viewBoard .contArea .infoArea>div .wrtDate:before{vertical-align: -1px; margin-right: 5px;}
	.viewBoard .contArea .infoArea+.brdDtl{border-top-width: 0;}
	.viewBoard .contArea .brdDtl{width: 100%; display: table;}
	.viewBoard .contArea .brdDtl dt:not(.a11y), .viewBoard .contArea .brdDtl dd:not(.contBox){font-size: 13px; line-height: 36px;}
	.viewBoard .contArea .brdDtl dt[class*="axi"]:before{font-size: 15px; vertical-align: -2px; margin-right: 7px;}
	.viewBoard .contArea .brdDtl dt.attch2{line-height: normal; padding-top: 8px; padding-bottom: 8px;}
	.viewBoard .contArea .brdDtl dd{min-height: 36px;}
	.viewBoard .contArea .brdDtl dd.col1{width: calc(100% - 170px);}
	.viewBoard .contArea .brdDtl dd.col2{width: calc(50% - 170px);}
	.viewBoard .contArea .brdDtl .col2~dt:nth-of-type(odd):not(:first-child), .viewBoard .contArea .brdDtl .col1~dt:not(:first-child){clear: left;}
	.viewBoard .contArea .brdDtl .wrtancTxt{width: 100%; font-size: 12px; padding: 20px 12px;}
	.viewBoard .contArea .brdDtl .viewMap{height: 345px; padding-left: 0; padding-right: 0;}
	.viewBoard .contArea .brdDtl .viewMap .mapOverlayUi a{background-position: right -2px top -962px;}
	.viewBoard .contArea .brdDtl .viewMap #map{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 1;}
	.viewBoard .contArea .brdDtl .viewMap #map+#layers{width: inherit; height: inherit; display: inline-block; position: absolute; z-index: 2;}
	.viewBoard .attfileList{line-height: normal;}
	.viewBoard .attfileList .item:not(:first-of-type)>.innerLink{margin-top: 5px;}
	.viewBoard .attfileList .item:not(:only-child)>.fileLink{line-height: 18px;}
	.viewBoard .attfileList .item:only-child>.fileLink{line-height: 36px;}
	.viewBoard .attfileList .item .fileLink{color: #5B5B5B; font-size: 13px; vertical-align: top;}
	.viewBoard .fileList{padding: 0 3px;}
	.viewBoard .fileList dl{width: 100%;}
	.viewBoard .fileList dt{font-size: 13px; line-height: 36px;}
	.viewBoard .fileList dt .axi:before{font-size: 16px; vertical-align: -2px; margin-right: 5px;}
	.viewBoard .fileList dd{width: 100%; padding: 0 10px;}
}
@media screen and (min-width: 768px){
	.viewBoard .contArea .brdDtl dt:nth-of-type(-n+2):not([class*="attch"]:not(.prjPosition)),
	.viewBoard .contArea .brdDtl dd:nth-of-type(-n+2):not([class*="attch"]+*),
	.viewBoard .contArea .brdDtl dt:not(.prjPosition))+dd,
	.viewBoard .contArea .brdDtl dt:first-of-type,
	.viewBoard .contArea .brdDtl dd:first-of-type{border-top-width: 0;}
}
@media screen and (max-width: 767px){
	.viewBoard .contArea .brdDtl dt:first-of-type:not(.prjPosition), .viewBoard .contArea .brdDtl dd:first-of-type{border-top-width: 0;}
	.viewBoard .contArea .brdDtl dt.place+dd{line-height: normal; padding-top: 7px; padding-bottom: 8px;}
}
@media screen and (min-width: 576px){
	.viewBoard .contArea .brdDtl dt:not(.prjPosition):not(.a11y){padding-left: 48px;}
	.viewBoard .contArea .brdDtl dt:not(.prjPosition):not(.a11y):before{top: 50%; left: 10px;}
	.viewBoard .contArea .brdDtl dt.prjPosition .innerBox{width: 180px;}
}
@media screen and (max-width: 575px){
	.viewBoard .contArea .brdDtl dt:not(.prjPosition):not(.a11y){padding-left: 45px;}
	.viewBoard .contArea .brdDtl dt:not(.prjPosition):not(.a11y):before{top: 18px; left: 5px;}
	.viewBoard .contArea .brdDtl dt.prjPosition .innerBox{width: 115px;}
}

/* Pagination Design set ---------------------------------------------------------------------------------------- */
	/* SUB PAGE common // Pagination */
	.pagination .pageBtn a{background-color: #FFF; border: 1px solid transparent;}
	.pagination .pageBtn a:not(.active){color: #000; font-weight: 400;}
	.pagination .pageBtn a.active{color: #00AA91; font-weight: 600;}
	.pagination .pageBtn a.prevPage.disabled, .pagination .pageBtn a.nextPage.disabled{border-color: #D2D2D2;}
	.pagination .pageBtn a.prevPage, .pagination .pageBtn a.nextPage{width: 32px; height: 30px; background-image: url("../image/common/pagination.png"); background-repeat: no-repeat; font-size: 16px; border-radius: 3px;}
	.pagination .pageBtn a.prevPage.disabled, .pagination .pageBtn a.nextPage.disabled{background-color: #FFF;}
	.pagination .pageBtn a.prevPage:not(.disabled), .pagination .pageBtn a.nextPage:not(.disabled){background-color: #6BD5C6; border-color: #6BD5C6;}
	.pagination .pageBtn a.prevPage:not(.last), .pagination .pageBtn a.nextPage.last{margin-left: 5px;}
	.pagination .pageBtn a.prevPage.disabled:not(.last){background-position: -44px -5px;}
	.pagination .pageBtn a.prevPage.disabled.last{background-position: -2px -5px;}
	.pagination .pageBtn a.prevPage:not(.disabled):not(.last){background-position: -43px -43px;}
	.pagination .pageBtn a.prevPage:not(.disabled).last{background-position: -1px -43px;}
	.pagination .pageBtn a.nextPage:not(.disabled):not(.last){background-position: -76px -43px;}
	.pagination .pageBtn a.nextPage:not(.disabled).last{background-position: -118px -43px;}
	.pagination .pageBtn a.nextPage.disabled:not(.last){background-position:-77px -5px}
	.pagination .pageBtn a.nextPage.disabled.last{background-position: -118px -5px;}
@media screen and (min-width: 992px){
	.pagination{text-align: center; line-height: 44px; margin-top: 20px; position: relative;}
	.pagination .pageBtn{line-height: 20px; margin-left: 130px;}
	.pagination .pageBtn:only-of-type{margin: 0;}
	.pagination .pageBtn a{text-align: center; line-height: 30px; vertical-align: middle; float: left;}
	.pagination .pageBtn a:not([class*='Page']){width: 24px; height: 30px;}
	.pagination .pageBtn a.prevPage:not(.last){margin-right: 13px;}
	.pagination .pageBtn a.nextPage:not(.last){margin-left: 13px;}
	.pagination .pageBtn a:last-of-type{margin-right: 0;}
	.siblingPage{padding-top: 20px;}
	.siblingPage dt, #sub .siblingPage dd{font-size: 15px; font-weight: 300; line-height: 55px; border-top: 1px solid #E1E1E1;}
	.siblingPage dt:last-of-type, #sub .siblingPage dd:last-of-type{border-bottom: 1px solid #E1E1E1;}
	.siblingPage dt{width: 120px; color: #6A6A6A; text-align: center;}
	.siblingPage dt.axi:before{color: #CCC; font-size: 32px; vertical-align: -7px; margin-right: 20px;}
	.siblingPage dt:nth-of-type(2){clear: left;}
	.siblingPage dd{width: calc(100% - 120px); padding: 0 25px; cursor: pointer;}
	.siblingPage dd:hover{background: #F7F7F7;}
	.siblingPage dd>a{width: 100%; color: #323232;}
}
@media screen and (max-width: 991px){
	.pagination{text-align: center; line-height: 44px; margin-top: 20px; position: relative;}
	.pagination .pageBtn{line-height: 20px; margin-left: 130px;}
	.pagination .pageBtn:only-of-type{margin: 0;}
	.pagination .pageBtn a{text-align: center; line-height: 26px; vertical-align: middle; float: left;}
	.pagination .pageBtn a:not([class*='prevPage']):not([class*='nextPage']){margin-left: 3px;}
	.pagination .pageBtn a.prevPage:not(.last){margin-right: 10px;}
	.pagination .pageBtn a.nextPage:not(.last){margin-left: 10px;}
	.pagination .pageBtn a:first-of-type{margin-left: 0;}
	.pagination .pageBtn a:last-of-type{margin-right: 0;}
	.pagination .pageBtn a[class*='Page']:before{vertical-align: -2px;}
	.pagination .pageBtn a[class*='Page']+[class='page-link']{margin-left: 0;}
	.pagination .pageBtn a:not([class*='Page']){width: 25px; height: 30px;}
	.siblingPage{display: none; padding-top: 20px;}
}

/* 개발사업 -------------------------------------------------------------------------------------------------------- */
	.depth2.menuList .item{text-align: center; border-radius: 5px;}
	.depth2.menuList .item:not(.active)>.innerLink{background: #FFF; color: #000; border: 1px solid #00A4BD;}
	.depth2.menuList .item.active>.innerLink{background: #00A4BD; color: #FFF;}
	.depth2.menuList .item>.innerLink{border-radius: inherit;}
	.law li:not(:first-of-type){margin-top: 24px;}
	.law .item{height: 94px; max-height: 94px; background: #F5F8FA; border: 1px solid #D6DEE8; border-radius: 5px; padding: 0 15px;}
	.law .item {color: #33475B; font-size: 17px; line-height: 94px; position: relative;}
	.law .item>*{position: absolute; top: 50%; transform: translateY(-50%);}
	.law .item .headIcon{width: 40px; height: 40px; background: #00AA91 url("../image/common/iconSpr.png") repeat-x 0 -1681px; color: #FFF; font-size: 18px; text-align: center; line-height: 38px; border-radius: 40px;}
	.law .item h5{color: #33475B;  line-height: normal;}
	.law .item .goLink{background: #B7B7B7 url("../image/common/grayBtnGraBg.png") repeat-x 0 0; color: #FFF; font-weight: 600; vertical-align: 1px; border-radius: 20px;}
	.law .item .goLink:before{content: ""; width: 24px; height: 24px; background-color: #FFF; background-image: url("../../static/image/common/iconSpr.png"); background-repeat: no-repeat; background-position: center -603px; border-radius: 100%; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);}
	.law .item:hover .goLink, .law .item:hover .goLink{background: #FE8376 url("../image/common/orgBtnGraBg.png") repeat-x 0 0;}
	.law .item:hover .goLink:before{background-position: center -663px;}
	.law .item:active .goLink:before{background-position: center -663px;}
	.cntctInfo{border: 1px solid #D6DEE8; margin-top: 48px;}
	.cntctInfo, .cntctInfo .innerLeft{border-color: #D6DEE8;}
	.cntctInfo .innerLeft, .cntctInfo .innerRight{width: 50%; display: inline-block; float: left; padding: 20px 25px 22px;}
	.cntctInfo .innerLeft{border-right-width: 1px; border-right-style: solid;}
	.cntctInfo .innerRight{}
	.cntctInfo dt, .cntctInfo .txt{line-height: 36px; display: inline-block; float: left;}
	.cntctInfo dt{min-width: 121px; background: #3C82D1; color: #FFF; font-size: 16px; letter-spacing: -.4px; padding: 0 20px;}
	.cntctInfo dt.axi:before{margin-right: 12px;}
	.cntctInfo .txt{color: #343434; letter-spacing: -.6px; padding-left: 22px;}
@media screen and (min-width: 992px){
	.law{margin-top: 25px;}
	.law .item h5{font-size: 21px;}
	.cntctInfo dt{font-size: 16px;}
	.cntctInfo .txt{font-size: 18px;}
}
@media screen and (max-width: 991px){
	.cntctInfo{margin-top: 22px;}
	.cntctInfo .innerLeft, .cntctInfo .innerRight{width: 100%; display: block; float: none; clear: both; padding: 4px 0;}
	.cntctInfo .innerLeft{border-right: none; margin-top: 2px;}
	.cntctInfo .innerRight{ margin-bottom: 2px;}
	.cntctInfo dt, .cntctInfo .txt{font-size: 13px; line-height: 24px;}
	.cntctInfo dt{width: 27%; min-width: 80px; margin: 0 5px; padding: 0 7px;}
	.cntctInfo dt.axi:before{margin-right: 5px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.depth2.menuList, .law.row{padding-left: 25px; padding-right: 25px;}
	.law .item h5{font-size: 18px;}
}
@media screen and (min-width: 576px){
	.depth2.menuList{margin-bottom: 27px;}
	.depth2.menuList .item{height: 62px; line-height: 62px;}
	.depth2.menuList .item:not(:first-of-type){padding-left: 5px;}
	.depth2.menuList .item:not(:last-of-type){padding-right: 5px;}
	.depth2.menuList .item>.innerLink{font-size: 20px;}
	.law .item h5{width: calc(100% - 230px); left: 70px;}
	.law .item .goLink{min-width: 131px; height: 40px; font-size: 16px; line-height: 40px; padding-left: 20px; padding-right: 45px; right: 15px;}
}
@media screen and (max-width: 575px){
	.depth2.menuList{margin-bottom: 33px;}
	.depth2.menuList .item{height: 35px; line-height: 34px;}
	.depth2.menuList .item:not(:first-of-type){padding-left: 2px;}
	.depth2.menuList .item:not(:last-of-type){padding-right: 2px;}
	.depth2.menuList .item>.innerLink{font-size: 16px;}
	.law .item h5{width: calc(100% - 195px); font-size: 15px; left: 65px;}
	.law .item .goLink{min-width: 109px; height: 31px; font-size: 13px; line-height: 30px; padding-left: 10px; padding-right: 35px; right: 15px;}
	.law .item .goLink:before{right: 10px;}
}