@charset "UTF-8";

/* SUB PAGE Design set ------------------------------------------------------------------------------------------ */
	/* SUB PAGE common */
	body{overflow-y: scroll;}
	#sub .pageTitPnl h4{color: #323232; font-size: 18px; line-height: 65px; border-bottom: 1px solid #0B90B6; padding: 0 20px;}
	#sub .subTitArea{padding: 35px 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;
	}
	#sub .subTop{}
	#sub .subTop .decoTitArea{border-bottom: 1px solid #E5E5E5;}
	#sub .subTop .decoTitArea figure{width: 100%; background-position: center; background-repeat: no-repeat;}
	#sub .subTop .decoTitArea .isPcWidth{height: calc(100% - 20px); background-image: url(../../static/image/sub/slogan.png);}
	#sub .subTop .decoTitArea .isMobileWidth{height: calc(100% - 10px); background-image: url(../../static/image/sub/slogan_m.png);}
@media screen and (min-width: 992px){
	#sub .subTop .decoTitArea{height: 185px; background: url("../image/sub/decoTitBg.png") center no-repeat;}
}
@media screen and (max-width: 991px){
	#sub .subTop .decoTitArea{height: 26vw; background: url("../image/sub/decoTitBg_m.png") center no-repeat; background-size: cover;}
	#sub .subTop .decoTitArea figure{background-size: 80%;}
}

	/* SUB PAGE common // Breadcrumb */
	.breadcrumb{position: relative; z-index: 5;}
	.breadcrumb .depth1>li:not(:nth-of-type(4)) a:not(.axi){color: #303030;}
	.breadcrumb .depth1>li{border-left: 1px solid #E5E5E5; display: inline-block; float: left;}
	.breadcrumb .depth1>li:last-of-type{border-right: 1px solid #E5E5E5;}
	.breadcrumb .depth1>li>a{font-weight: 300; position: relative; padding: 0 20px;}
	.breadcrumb .depth1>li>a.axi{width: 55px; background: #FCFCFC; color: #747474; font-size: 21px; text-align: center; padding: 0; position: relative;}
	.breadcrumb .depth1>li>a:not(.axi):before{content: ""; width: 14px; height: 10px; background: url("../../static/image/sub/bcArr.png") no-repeat 0 0; position: absolute; top: calc(50% - 3px); right: 20px;}
	.breadcrumb .depth1>li .menuList{position: absolute;}
	.breadcrumb .menuList{display: none;}
	.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{line-height: 32px; padding: 0 20px;}
	.breadcrumb .depth2>li>a:hover{color: #1DA4FF;}
	.breadcrumb .depth2>li>a:active{background: #DDF0FF; color: #1DA4FF;}
@media screen and (min-width: 992px){
	.breadcrumb{background: #FFF; border: 1px solid #F5F5F5; box-shadow: 1px 1px 10px rgba(0,0,0,.1); margin: 0 auto; top: -35px;}
	.breadcrumb a{width: 100%;}
	.breadcrumb .depth1>li>a, .breadcrumb .menuList{width: 180px;}
	.breadcrumb .depth1>li>a{line-height: 65px;}
	.breadcrumb .depth1>li>a:not(.axi){font-size: 16px;}
	.breadcrumb .depth1>li>a:not(.axi):before{border-width: 8px;}
	.breadcrumb .depth1>li>a:not(.axi):after{width: 14px; height: 14px; top: 20px; right: 21px;}
	.breadcrumb .depth2>li:first-of-type>a{padding-top: 5px;}
	
}
@media screen and (max-width: 991px){
	.breadcrumb{top: -20px;}
	.breadcrumb .isMobileWidth{background: #FFF; border: 1px solid #F5F5F5; box-shadow: 1px 1px 10px rgba(0,0,0,.1);}
	.breadcrumb .depth1>li:nth-of-type(4){width: calc(50% - 15px);}
	.breadcrumb .depth1>li:nth-of-type(4) a, .breadcrumb .depth1>li:not(:nth-of-type(4)) a{font-size: 14px;}
	.breadcrumb .depth1>li:not(:nth-of-type(4)) a{width: 100%;}
	.breadcrumb .depth1>li:not(:nth-of-type(4))>a+.menuList{width: calc(50% - 16px); z-index: 1;}
	.breadcrumb .depth1>li:not(:nth-of-type(4)):not(.half) .menuList{width: calc(100% - 30px);}
	.breadcrumb .depth1>li:nth-of-type(even){border-left-width: 0;}
	.breadcrumb .depth1>li:first-of-type{display: none;}
	.breadcrumb .depth2>li:first-of-type>a{padding-top: 0;}
	.breadcrumb .depth1>li:not(.half){width: 100%; border-right-width: 0;}
	.breadcrumb .depth1>li.half{width: 50%;}
	.breadcrumb .depth1>li>a{line-height: 36px;}
	.breadcrumb .depth1>li>a:not(.axi):before{border-width: 6px;}
	.breadcrumb .depth1>li>a:not(.axi):after{width: 12px; height: 12px; top: 6px; right: 20px;}
	.breadcrumb .depth1>li:nth-of-type(4){border-top-width: 0;}
	.breadcrumb .depth1>li:nth-of-type(4)>a{display: none;}
	.breadcrumb .depth1>li:nth-of-type(4)>.menuList{width: calc(100% - 30px); display: block; margin-top: 25px;}
	.breadcrumb .depth1>li:nth-of-type(4) .depth2{border-width: 0;}
	.breadcrumb .depth1>li:nth-of-type(4) .depth2>li{width: calc(((100% - 5px) / 3) - 2px); display: inline-block; float: left;}
	.breadcrumb .depth1>li:nth-of-type(4) .depth2>li:not(:first-of-type){margin-left: 5px;}
	.breadcrumb .depth1>li:nth-of-type(4) .depth2>li>a{width: 100%; color: #525658; font-size: 14px; font-weight: 300; text-align: center;}
	.breadcrumb .depth1>li:nth-of-type(4) .depth2>li>a.active{background: #3C63C2; color: #FFF; border: 1px solid #363636; position: relative; z-index: 0;}
	.breadcrumb .depth1>li:nth-of-type(4) .depth2>li>a:not(.active){background: #F3F8FA; color: #525658; border: 1px solid #ADBFC8;}
	.breadcrumb .depth1>li:nth-of-type(4) .depth2>li:first-of-type>a:not(.active){border-left: 1px solid #ADBFC8;}
	.breadcrumb .depth1>li:nth-of-type(4) .depth2>li:last-of-type>a:not(.active){border-right: 1px solid #ADBFC8;}
}

	/* SUB PAGE common // Search Box */
	#searchBox, #searchBox .searchPnl{border-radius: 3px;}
	#searchBox{}
	#searchBox .searchPnl{border: 1px solid #3C63C2; margin-bottom: 26px; padding: 2px;}
	#searchBox .searchArea{background: #F7FCFC; border: 1px solid #BDCAD6; padding-top: 20px; padding-bottom: 20px;}
	#searchBox .searchArea .a11y{float: left;}
	#searchBox .innerRight{text-align: right; position: relative;}
	#searchBox .innerRight .searchBtn{background: url("../image/common/emeGra.png") repeat-x 0 0; color: #FFF; text-align: center; border: 2px solid #48C0AA; border-radius: 7px;}
	#searchBox label:not(.axi), #searchBox .label, #searchBox .textBox input[type="text"], #searchBox .dateGrp .dateBox, #searchBox .dateGrp .unit, #searchBox .selectBox{display: inline-block; float: left;}
	#searchBox label:not(.axi), #searchBox .textBox input[type="text"]{color: #303030;}
	#searchBox label:not(.axi), #searchBox .label{min-width: 84px;}
	#searchBox label.axi{color: #CCC; position: absolute; top: 0; right: 10px;}
	#searchBox .textBox input[type="text"]{width: calc(100% - 84px); border: 1px solid #D1D1D1;}
	#searchBox .textBox input[type="text"]::-webkit-input-placeholder{color: #CBCBCB;}
	#searchBox .textBox input[type="text"]::-ms-input-placeholder{color: #CBCBCB;}
	#searchBox .textBox input[type="text"]::placeholder{color: #CBCBCB;}
	#searchBox .dateGrp .dateBox input[type="text"]{width: 100%;}
	#searchBox .dateGrp .dateBox input[type="text"], #searchBox .selectBox{background: #F3F5F6; border: 1px solid #CCCFD8;}
	#searchBox .dateGrp .dateBox input[type="text"], #searchBox .textBox input[type="text"], #searchBox .selectBox>dt>.innerLink{padding: 0 10px;}
	#searchBox .selectBox{padding-left: 0; padding-right: 0;}
	#searchBox .selectBox>dt{height: inherit;}

@media screen and (min-width: 1200px){
	#searchBox .searchArea{padding-right: 6px;}
	#searchBox .innerRight:before{left: 18px;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	#searchBox .innerRight:before{left: -2px;}
}
@media screen and (min-width: 992px){
	#searchBox .innerLeft>.row>.col-lg-6:not(:nth-of-type(-n+2)){margin-top: 15px;}
	#searchBox .innerLeft .col-lg-6:nth-of-type(even)>.label, #searchBox .innerLeft .col-lg-6:nth-of-type(even)>.label{padding-left: 22px; padding-right: 24px;}
	#searchBox .innerRight{padding-left: 21px; padding-right: 17px;}
	#searchBox .innerRight:before{content: ""; width: 1px; height: 115px; background: #BDCBD5; position: absolute;}
	#searchBox .innerRight .searchBtn{width: 115px; height: 115px; font-size: 20px; font-weight: 600; line-height: 24px;}
	#searchBox .innerRight .searchBtn:before{font-size: 36px; display: block; margin-top: 42px; transform: translateY(-50%);}
	#searchBox label:not(.axi), #searchBox .label{font-size: 18px;}
	#searchBox label, #searchBox .label, #searchBox .dateGrp .dateBox input[type="text"], #searchBox .textBox input[type="text"], #searchBox .selectBox{height: 50px;}
	#searchBox label, #searchBox .label, #searchBox .selectBox>dt>.innerLink{line-height: 48px;}
	#searchBox .dateGrp .dateBox input[type="text"], #searchBox .textBox input[type="text"]{font-size: 16px; line-height: 50px;}
	#searchBox .dateGrp .dateBox{width: calc((100% - 114px - 30px) / 2);}
	#searchBox .dateGrp .unit{font-size: 20px;}
	#searchBox .selectBox{width: calc(100% - 113px);}
}
@media screen and (max-width: 991px){
	#searchBox .innerRight{padding-left: 30px; padding-right: 30px;}
	#searchBox .innerRight .searchBtn{width: 100%;}
	#searchBox .innerRight .searchBtn:before{vertical-align: -2px;}
	#searchBox .dateGrp .dateBox{width: calc((100% - 116px) / 2);}
	#searchBox .selectBox{width: calc(100% - 84px);}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	#searchBox .innerRight, #searchBox .innerLeft>.row>.col-lg-6:not(:first-of-type){margin-top: 15px;}
	#searchBox .innerRight .searchBtn{height: 50px; font-size: 20px; line-height: 42px;}
	#searchBox .innerRight .searchBtn:before{font-size: 28px; margin-right: 12px;}
	#searchBox label, #searchBox .label, #searchBox .dateGrp .dateBox input[type="text"], #searchBox .textBox input[type="text"], #searchBox .selectBox{height: 50px;}
	#searchBox label, #searchBox .label, #searchBox .selectBox>dt>.innerLink{line-height: 48px;}
	#searchBox label:not(.axi), #searchBox .label{font-size: 18px;}
	#searchBox .dateGrp .dateBox input[type="text"], #searchBox .textBox input[type="text"]{font-size: 16px; line-height: 50px;}
	#searchBox .dateGrp .unit{font-size: 20px;}
}
@media screen and (max-width: 575px){
	#searchBox .innerRight{padding-left: 15px; padding-right: 15px;}
	#searchBox .innerRight, #searchBox .innerLeft>.row>.col-lg-6:not(:first-of-type){margin-top: 12px;}
	#searchBox .innerRight .searchBtn{height: 36px; font-size: 14px; line-height: 30px;}
	#searchBox .innerRight .searchBtn:before{font-size: 20px; margin-right: 7px;}
	#searchBox label, #searchBox .label, #searchBox .dateGrp .dateBox input[type="text"], #searchBox .textBox input[type="text"], #searchBox .selectBox{height: 36px;}
	#searchBox label, #searchBox .label, #searchBox .selectBox>dt>.innerLink{line-height: 34px;}
	#searchBox label:not(.axi), #searchBox .label{font-size: 15px;}
	#searchBox .dateGrp .dateBox input[type="text"], #searchBox .textBox input[type="text"]{font-size: 14px; line-height: 36px;}
	#searchBox .dateGrp .dateBox{width: calc((99.9% - 116px) / 2);}
}
	
	/* SUB PAGE common // Board Wrapper */
	.viewBoard.type2 .sysBox{color: #323232; font-weight: 300; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #B3B3B3;}
	.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: #858585;}
	.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: 2px solid #3C63C2; position: relative;}
	.viewBoard .titBox .txt{color: #323232; letter-spacing: -.45px;}
	.viewBoard.type2 .contBox{color: #676767; letter-spacing: -.38px;}
	.viewBoard .contBox{white-space: pre-wrap;}
	.viewBoard .contArea .infoArea{background: #F3F3F3; border-top: 1px solid #3C63C2; border-bottom: 1px solid #B3B3B3;}
	.viewBoard .contArea .infoArea>div .depart{color: #323232;}
	.viewBoard .contArea .infoArea>div .wrtDate{color: #858585;}
	.viewBoard .contArea .infoArea+.brdDtl{border-top-width: 0;}
	.viewBoard .contArea .brdDtl{border-top: 2px solid #3C63C2; border-bottom: 1px solid #E1E1E1;}
	.viewBoard .contArea .brdDtl dt, .viewBoard .contArea .brdDtl dd{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[class*="axi"]:before, .viewBoard .fileList dt[class*="axi"]:before{color: #CCC; margin-right: .5em;}
	.viewBoard .contArea .brdDtl dt: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{background: #FBFBFB; color: #000; border-right: 1px solid #E1E1E1; position: relative;}
	.viewBoard .contArea .brdDtl dt.attch1+dd, .viewBoard .contArea .brdDtl dt.prjPosition+dd{vertical-align: middle; display: table;}
	.viewBoard .contArea .brdDtl dd{background: #FFF; font-weight: 300; color: #757575;}
	.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 .fileList{letter-spacing: -.2px; border-top: 1px solid #7A7A7A; border-bottom: 1px solid #E1E1E1;}
	.viewBoard .fileList dt{background: #FAFAFA; color: #000; text-align: center; border-right: 1px solid #E1E1E1;}
	.viewBoard .fileList dd{}
@media screen and (min-width: 992px){
	.boardWrap{margin-top: 40px;}
	.viewBoard.type2 .sysBox{line-height: 55px; padding: 0 15px;}
 	.viewBoard.type2 .sysBox li{font-size: 15px;}
	.viewBoard.type2 .sysBox li:after{margin: 0 20px 0;}
	.viewBoard.type2 .sysBox li:last-of-type:after{display: none;}
	.viewBoard.type2 .contBox{min-height: 270px;}
	.viewBoard .titBox{height: 67px; line-height: 68px;}
	.viewBoard .titBox .txt{font-size: 18px;}
	.viewBoard .contBox{line-height: 28px; padding: 46px 35px 57px;}
	.viewBoard .contArea{}
	.viewBoard .contArea .infoArea{padding: 0 30px;}
	.viewBoard .contArea .infoArea+.brdDtl dt:nth-of-type(-n+2), .viewBoard .contArea .infoArea+.brdDtl dd:nth-of-type(-n+2), .viewBoard .contArea .brdDtl dt:first-of-type, .viewBoard .contArea .brdDtl dd:first-of-type{border-top-width: 0;}
	.viewBoard .contArea .infoArea>div .depart, .viewBoard .contArea .infoArea>div .wrtDate{font-size: 15px; line-height: 54px;}
	.viewBoard .contArea .infoArea>div .depart{line-height: 55px; 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 .infoArea+.brdDtl dt:nth-of-type(-n+2), .viewBoard .contArea .infoArea+.brdDtl dd:nth-of-type(-n+2), .viewBoard .contArea .brdDtl dt:first-of-type, .viewBoard .contArea .brdDtl dd:first-of-type{border-top-width: 0;}
	.viewBoard .contArea .brdDtl dt:first-of-type, .viewBoard .contArea .brdDtl dd:first-of-type{border-top-width: 0;}
	.viewBoard .contArea .brdDtl dt:not(.a11y):before{top: 50%;}
	.viewBoard .contArea .brdDtl dt[class*="axi"]:before{font-size: 15px; vertical-align: -2px; margin-right: 7px;}
	.viewBoard .contArea .brdDtl dt.attch1+dd, .viewBoard .contArea .brdDtl dt.prjPosition+dd{padding-top: .45em; padding-bottom: .6em;}
	.viewBoard .contArea .brdDtl dt.num:before{background-position: 0 3px;}
	.viewBoard .contArea .brdDtl dt.date:before{background-position: 0 -60px;}
	.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.prjPosition:before{background-position: 0 -470px;}
	.viewBoard .contArea .brdDtl dt.attch1:before{background-position: 0 -426px;}
	.viewBoard .contArea .brdDtl dt.attch2:before{background-position: 0 -476px;}
	.viewBoard .contArea .brdDtl dt, .viewBoard .contArea .brdDtl dd:not(.contBox):not(.longTxt){line-height: 43px;}
	.viewBoard .contArea .brdDtl dt{font-size: 15px; padding-left: 18px;}
	.viewBoard .contArea .brdDtl dd{min-height: 45px; font-size: 16px;}
	.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 #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 .item:only-child{}
	.viewBoard .attfileList .item:not(:only-child){line-height: 26px;}
	.viewBoard .attfileList .item:not(:only-child):first-of-type{padding-top: 7px;}
	.viewBoard .attfileList .item:not(:only-child):last-of-type{padding-bottom: 7px;}
	.viewBoard .fileList dt, .viewBoard .fileList dd{font-size: 15px; line-height: 50px;}
	.viewBoard .fileList dt .axi:before{font-size: 16px; vertical-align: -2px; margin-right: 5px;}
}
@media screen and (max-width: 991px){
	.boardWrap{margin-top: 0; position: relative;}
	.viewBoard.type1, .viewBoard.type2{width: calc(100% - 30px);}
	.viewBoard.type2 .sysBox{line-height: 36px;}
 	.viewBoard.type2 .sysBox li{font-size: 12px;}
	.viewBoard.type2 .sysBox li:last-of-type:after{display: none;}
	.viewBoard.type2 .sysBox li>span{font-size: 11px;}
	.viewBoard.type2 .contBox{min-height: 180px;}
	.viewBoard .titBox .txt{width: 100vw;}
	.viewBoard .contBox{font-size: 12px;}
	.viewBoard .contArea{}
	.viewBoard .contArea .infoArea>div .depart, .viewBoard .contArea .infoArea>div .wrtDate{font-size: 12px;}
	.viewBoard .contArea .infoArea>div .depart{line-height: 33px; padding-right: 10px;}
	.viewBoard .contArea .infoArea>div .wrtDate{font-weight: 300; line-height: 32px;}
	.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:first-of-type, .viewBoard .contArea .brdDtl dd:first-of-type{border-top-width: 0;}
	.viewBoard .contArea .brdDtl dt:not(.a11y):before{background-size: 35px;}
	.viewBoard .contArea .brdDtl dt.num:before{background-position: 0 4px;}
	.viewBoard .contArea .brdDtl dt.date:before{background-position: 0 -50px;}
	.viewBoard .contArea .brdDtl dt.annNm:before{background-position: 0 -102px;}
	.viewBoard .contArea .brdDtl dt.period:before{background-position: 0 -155px;}
	.viewBoard .contArea .brdDtl dt.tel:before{background-position: 0 -206px;}
	.viewBoard .contArea .brdDtl dt.place:before{background-position: 0 -258px;}
	.viewBoard .contArea .brdDtl dt.book:before{background-position: 0 -312px;}
	.viewBoard .contArea .brdDtl dt.prjPosition:before{background-position: 0 -470px;}
	.viewBoard .contArea .brdDtl dt.attch1:before{background-position: 0 -364px;}
	.viewBoard .contArea .brdDtl dt.attch2:before{background-position: 0 -416px;}
	.viewBoard .contArea .brdDtl dt[class*="axi"]:before{font-size: 15px; vertical-align: -2px; margin-right: 7px;}
	.viewBoard .contArea .brdDtl dt, .viewBoard .contArea .brdDtl dd:not(.contBox):not(.longTxt){line-height: 36px;}
	.viewBoard .contArea .brdDtl dt{font-size: 13px;}
	.viewBoard .contArea .brdDtl dd{min-height: 36px; font-size: 12px;}
	.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 #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 .item{line-height: 16px;}
	.viewBoard .attfileList .item:first-of-type:not(:only-child){margin-top: 8px;}
	.viewBoard .attfileList .item:last-of-type:not(:only-child){margin-bottom: 10px;}
	.viewBoard .attfileList .item:first-of-type~.item{margin-top: 6px;}
	.viewBoard .attfileList .item:only-child{margin-top: 2px; margin-bottom: 3px;}
	.viewBoard .fileList dl{width: 100%;}
	.viewBoard .fileList dt, .viewBoard .fileList dd{font-size: 13px; line-height: 36px;}
	.viewBoard .fileList dt .axi:before{font-size: 16px; vertical-align: -2px; margin-right: 5px;}
	.viewBoard.type1+.btnArea, .viewBoard.type2+.btnArea{padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.viewBoard.type1 .contBox{padding: 20px 30px 25px;}
	.viewBoard.type2 .contBox{padding: 20px 5px 25px;}
	.viewBoard.type2 .sysBox{padding: 0 5px;}
	.viewBoard.type2 .sysBox li:after{margin: 0 20px 0;}
	.viewBoard .titBox{height: 50px; line-height: 48px;}
	.viewBoard .titBox .txt{font-size: 16px;}
	.viewBoard .contBox{line-height: 26px;}
	.viewBoard .contArea .brdDtl dt{padding-left: 12px;}
	.viewBoard .contArea .brdDtl dt:not(.a11y):before{top: 19px;}
	.viewBoard .contArea .brdDtl dt.attch1+dd, .viewBoard .contArea .brdDtl dt.prjPosition+dd{padding-top: .6em; padding-bottom: .8em;}
}
@media screen and (min-width: 576px){
	.viewBoard .contArea .brdDtl dt:not(.a11y){padding-left: 48px;}
	.viewBoard .contArea .brdDtl dt:not(.a11y):before{left: 10px;}
}
@media screen and (max-width: 575px){
	.viewBoard.type2 .sysBox, .viewBoard .titBox{line-height: 36px;}
	.viewBoard.type2 .sysBox li:after{margin: 0 10px 0;}
	.viewBoard .titBox{line-height: 50px;}
	.viewBoard .sysBox{font-size: 11px; line-height: 33px;}
	.viewBoard .contBox{font-size: 12px; line-height: 22px; padding: 20px 12px;}
	.viewBoard .contArea .brdDtl dt:not(.a11y){padding-left: 32px; padding-right: 0;}
	.viewBoard .contArea .brdDtl dt:not(.a11y):before{top: 19px; left: 0;}
	.viewBoard .contArea .brdDtl dt.attch1+dd, .viewBoard .contArea .brdDtl dt.prjPosition+dd{padding-top: .6em; padding-bottom: .8em;}
}

/* Pagination Design set ---------------------------------------------------------------------------------------- */
	/* SUB PAGE common // Pagination */
	.pagination .pageBtn a.prevPage, .pagination .pageBtn a.nextPage{background-image: url("../image/common/pagination.png"); background-repeat: no-repeat;}
	.pagination .pageBtn a.prevPage:not(.last){background-position: -4px center;}
	.pagination .pageBtn a.prevPage.last{background-position: -40px center;}
	.pagination .pageBtn a.nextPage:not(.last){background-position: -79px center;}
	.pagination .pageBtn a.nextPage.last{background-position: -115px center;}
@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{font-size: 14px; text-align: center; vertical-align: middle; float: left;}
	.pagination .pageBtn a:not(.active):not(:hover){background-color: #FFF; color: #C9C9C9;}
	.pagination .pageBtn a:not(.active){font-weight: 400; line-height: 30px;}
	.pagination .pageBtn a:hover{color: #3AB2E4;}
	.pagination .pageBtn a.active{color: #3C63C2; font-weight: 600; line-height: 28px;}
	.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.prevPage.last+.prevPage{margin-left: -1px;} 
	.pagination .pageBtn a.nextPage+.nextPage.last{margin-left: -1px;}
	.pagination .pageBtn a.prevPage, .pagination .pageBtn a.nextPage{width: 32px; height: 30px; font-size: 16px; border: 1px solid #AAA;}
	.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{font-size: 16px; font-weight: 500; text-align: center; line-height: 20px; vertical-align: middle; float: left;}
	.pagination .pageBtn a:not([class*='prevPage']):not([class*='nextPage']){margin-left: 3px;}
	.pagination .pageBtn a:not(.active){background: #FFF; color: #C9C9C9; border: 1px solid #CACACA;}
	.pagination .pageBtn a.active{background: #3C63C2; color: #FFF; border: 1px solid #3C63C2;}
	.pagination .pageBtn a.prevPage:not(.last){margin-right: 10px;}
	.pagination .pageBtn a.nextPage:not(.last){margin-left: 10px; margin-right: 13px;}
	.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: 24px;}
	.pagination .pageBtn a.prevPage.last+.prevPage{margin-left: 13px;}
	.pagination .pageBtn a.prevPage, .pagination .pageBtn a.nextPage{width: auto; height: 24px; border-width: 0;}
	.pagination .pageBtn a.prevPage.disabled, .pagination .pageBtn a.nextPage.disabled{display: none;}
	.siblingPage{display: none; padding-top: 20px;}
}

/* Sub Design set ----------------------------------------------------------------------------------------------- */
	/* 개발사업 페이지 */
	.law .item{height: 94px; max-height: 94px; border-bottom: 1px solid #CFD1D4; padding: 0 15px;}
	.law .item:first-of-type{border-top: 2px solid #2F364A;}
	.law .item:hover{background: #F1F1F1;}
	.law .item:active{background: #E1E1E1;}
	.law .item .innerLink{color: #686E71; position: relative;}
	.law .item .innerLink>*{position: absolute; top: 50%; transform: translateY(-50%);}
	.law .item .headIcon{width: 40px; height: 40px; background: #66BDAD url("../../static/image/common/iconSpr.png") center -117px; color: #FFF; font-size: 18px; text-align: center; line-height: 38px; border-radius: 40px;}
	.law .item h5{color: #404040; left: 55px;}
	.law .item .goLink{vertical-align: 1px;}
	.law .item .goLink:before{content: ""; width: 24px; height: 24px; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
@media screen and (min-width: 576px){
	.law{margin-top: 25px;}
	.law .item .innerLink{font-size: 17px; line-height: 94px;}
	.law .item h5{font-size: 17px;}
	.law .item .goLink{min-width: 131px; height: 40px; font-size: 17px; text-align: left; line-height: 40px; border-radius: 3px; right: 25px; padding-left: 20px; padding-right: 17px;}
	.law .item .goLink:before{background: #FFF url("../../static/image/common/iconSpr.png") center -183px no-repeat; right: 16px;}
}
@media screen and (max-width: 575px){
	.law .item h5{width: calc(100% - 110px); font-size: 13px; line-height: normal; padding-top: 3px;}
	.law .item .goLink{width: 42px; height: 42px; min-width: initial; font-size: 0; border-radius: 100%; right: 0;}
	.law .item .goLink:before{background: url("../../static/image/common/iconSpr.png") 0 -243px no-repeat; right: 12px;}
}