@charset "UTF-8";

/* MAIN PAGE Design set ----------------------------------------------------------------------------------------- */
	/* Main common */
	#main .secNext{
		width: 62px; height: 62px;
		background: #FFF;
		color: #3F8CC8;
		font-size: 40px;
		text-align: center;
		line-height: 62px;
		border: 1px solid #3F8CC8; border-radius: 62px;
		position: absolute;
		left: calc(50% - 30px); bottom: -30px;
		z-index: 998;
		margin: 0 auto;
	}

	/* SECTION 1 */
	#main #page1{background: #FBFBFB; padding: 85px 0 0; position: relative;}
	#page1 .titArea{background: url("../../static/image/main/mainBg01.png") no-repeat right top 40px; text-align: center; padding: 0 0 52px;}
	#page1 .mainVisual{background: #F0EFF1; border-top: 1px solid #E5E7EB; padding: 105px 0 110px;}
	#page1 .mainVisual .waterDrop{width: 228px; height: 308px; background: url("../../static/image/main/waterDropSpr.png") no-repeat; font-size: 20px; text-align: center; line-height: 26px; letter-spacing: -1px; margin: 0 14px; padding-top: 140px;}
	#page1 .mainVisual .waterDrop.yellowDrop{background-position: 0 0; color: #E0B942;padding-top: 125px;}
	#page1 .mainVisual .waterDrop.greenDrop{background-position: 0 -328px; color: #83C130; padding-top: 125px;}
	#page1 .mainVisual .waterDrop.skblueDrop{background-position: 0 -656px; color: #00A6E2;}
	#page1 .mainVisual .waterDrop.purpleDrop{background-position: 0 -984px; color: #0164CA;}
	#page1 .mainVisual .waterDrop:first-of-type{margin-left: 0;}
	#page1 .mainVisual .waterDrop:last-of-type{margin-right: 0;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#main .secNext{display: none;}
	#main #page1{padding: 0;}
	#page1 .titArea{background: none; padding: 0;}
	#page1 .titArea > figure{height: 167px; line-height: 207px;}
	#page1 .mainVisual{border-top: none; padding: 152px 0 128px;}
	#page1 .mainVisual .waterDrop{height: 526px; background-size: 390px; font-size: 34px; font-weight: 300; margin: 0;}
	#page1 .mainVisual .waterDrop.yellowDrop{background-position: center 0; padding-top: 245px;}
	#page1 .mainVisual .waterDrop.greenDrop{background-position: center -560px; line-height: 1.2; padding-top: 225px;}
	#page1 .mainVisual .waterDrop.skblueDrop{background-position: center -1120px; padding-top: 245px;}
	#page1 .mainVisual .waterDrop.purpleDrop{background-position: center -1680px; padding-top: 245px;}
	.mainVisual .lSAction > a{width: 60px; height: 100px; background-repeat: no-repeat;}
	.mainVisual .lSAction > .lSPrev{background-position: 0 -310px; left: 50px;}
	.mainVisual .lSAction > .lSNext{background-position: 0 -404px; right: 50px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#main .secNext{display: none;}
	#main #page1{padding: 0;}
	#page1 .titArea{background: none; padding: 0;}
	#page1 .titArea > figure{height: 74px; line-height: 85px;}
	#page1 .titArea > figure > img{height: 23px;}
	#page1 .mainVisual{border-top: none; padding: 65px 0 46px;}
	#page1 .mainVisual .waterDrop{height: 245px; background-size: 173px; font-size: 16px; font-weight: 300; margin: 0;}
	#page1 .mainVisual .waterDrop.yellowDrop{background-position: center 0; padding-top: 101px;}
	#page1 .mainVisual .waterDrop.greenDrop{background-position: center -249px; line-height: 1.2; padding-top: 95px;}
	#page1 .mainVisual .waterDrop.skblueDrop{background-position: center -498px; padding-top: 101px;}
	#page1 .mainVisual .waterDrop.purpleDrop{background-position: center -747px; padding-top: 97px;}
	.mainVisual .lSAction > a{height: 44px; background-repeat: no-repeat; transform: translateY(-50%);}
	.mainVisual .lSAction > .lSPrev{background-position: 5px -240px;}
	.mainVisual .lSAction > .lSNext{background-position: -35px -240px;}
}

	/* SECTION 2 */
	#main #page2{background: url("../../static/image/main/mainBg02.jpg") no-repeat 0 0; position: relative; padding: 105px 0;}
	#page2 .titArea{text-align: center; padding: 0 0 57px;}
	#page2 .titArea h3{background: url("../../static/image/main/titDeco.png") no-repeat 270px 20px; color: #FFF; font-size: 42px; letter-spacing: -.5px; padding: 0 0 0 60px;}
	#page2 .titArea .titDesc{color: #A8CEEC; font-size: 24px; font-weight: 300;}
	#page2 .contList ul{background: #FFF;}
	#page2 .contList li{width: calc(100% / 5); height: 204px;}
	#page2 .contList li:hover{background: rgba(173,220,255,.4);}
	#page2 .contList li:active{background: #ADDCFF;}
	#page2 .contList li:active a{color: #3457B3;}
	#page2 .contList li a{
		width: 100%; height: calc(100% - 50px);
		background: url("../../static/image/main/devlpSpr.png") no-repeat;
		color: #6393D5;
		font-size: 20px; text-align: center;
		border-right: 1px dashed #CACACA;
		margin: 25px 0; padding-top: 117px;
	}
	#page2 .contList li:nth-of-type(1) a{background-position: center 10px;}
	#page2 .contList li:nth-of-type(2) a{background-position: center -189px;}
	#page2 .contList li:nth-of-type(3) a{background-position: center -389px;}
	#page2 .contList li:nth-of-type(4) a{background-position: center -589px;}
	#page2 .contList li:nth-of-type(5) a{background-position: center -789px;}
	#page2 .contList li:nth-of-type(6) a{background-position: center -989px;}
	#page2 .contList li:nth-of-type(7) a{background-position: center -1189px;}
	#page2 .contList li:nth-of-type(8) a{background-position: center -1389px;}
	#page2 .contList li:nth-of-type(9) a{background-position: center -1589px;}
	#page2 .contList li:nth-of-type(10) a{background-position: center -1789px;}
	#page2 .contList li:nth-of-type(5n) a{border-right: none;}
	#page2 .contList li:nth-of-type(n+6){border-top: 2px solid #F1F4F6;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#main #page2{background: url("../../static/image/main/m_mainBg02.png") no-repeat 0 0; background-size: cover; padding: 37px 25px 76px;}
	#page2 .titArea{padding: 0 0 80px;}
	#page2 .titArea h3{background-position: calc(50% - 275px) 25px; background-size: 80px; font-size: 56px; letter-spacing: normal; padding: 0 0 3px 100px;}
	#page2 .titArea .titDesc{font-size: 32px; line-height: 39px; padding: 0 70px;}
	#page2 .contList ul{background: transparent;}
	#page2 .contList li{width: calc(50% - 20px); height: 226px; background: #FFF; border-radius: 30px; margin-top: 25px;}
	#page2 .contList li:nth-of-type(-n+2){margin-top: 0;}
	#page2 .contList li:nth-of-type(even){margin-left: 40px;}
	#page2 .contList li:hover, #page2 .contList li:active{background: #FFF;}
	#page2 .contList li a{height: 100%; background-size: 120px; border-right: none; font-size: 32px; margin: 0; padding-top: 143px;}
	#page2 .contList li:nth-of-type(1) a{background-position: center 35px;}
	#page2 .contList li:nth-of-type(2) a{background-position: center -170px;}
	#page2 .contList li:nth-of-type(3) a{background-position: center -360px;}
	#page2 .contList li:nth-of-type(4) a{background-position: center -570px;}
	#page2 .contList li:nth-of-type(5) a{background-position: center -760px;}
	#page2 .contList li:nth-of-type(6) a{background-position: center -960px;}
	#page2 .contList li:nth-of-type(7) a{background-position: center -1175px;}
	#page2 .contList li:nth-of-type(8) a{background-position: center -1365px;}
	#page2 .contList li:nth-of-type(9) a{background-position: center -1560px;}
	#page2 .contList li:nth-of-type(10) a{background-position: center -1762px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#main #page2{padding: 37px 10px 34px;}
	#page2 .titArea{padding: 0 0 34px;}
	#page2 .titArea h3{background-position: calc(50% - 122px) 9px; background-size: 36px; font-size: 24px; letter-spacing: normal; padding: 0 0 3px 39px;}
	#page2 .titArea .titDesc{font-size: 14px; line-height: 18px; padding: 0 25px;}
	#page2 .contList ul{background: transparent;}
	#page2 .contList li{width: calc(50% - 9px); height: 100px; background: #FFF; border-radius: 10px; margin-top: 18px;}
	#page2 .contList li:nth-of-type(-n+2){margin-top: 0;}
	#page2 .contList li:nth-of-type(even){margin-left: 18px;}
	#page2 .contList li:hover, #page2 .contList li:active{background: #FFF;}
	#page2 .contList li a{height: 100%; background-size: 54px; border-right: none; font-size: 14px; margin: 0; padding-top: 63px;}
	#page2 .contList li:nth-of-type(1) a{background-position: center 15px;}
	#page2 .contList li:nth-of-type(2) a{background-position: center -76px;}
	#page2 .contList li:nth-of-type(3) a{background-position: center -164px;}
	#page2 .contList li:nth-of-type(4) a{background-position: center -258px;}
	#page2 .contList li:nth-of-type(5) a{background-position: center -346px;}
	#page2 .contList li:nth-of-type(6) a{background-position: center -440px;}
	#page2 .contList li:nth-of-type(7) a{background-position: center -529px;}
	#page2 .contList li:nth-of-type(8) a{background-position: center -615px;}
	#page2 .contList li:nth-of-type(9) a{background-position: center -706px;}
	#page2 .contList li:nth-of-type(10) a{background-position: center -798px;}
}
	/* SECTION 3 */
		#main #page3{min-height: 728px; background: #E5ECF1; padding: 110px 0 130px; position: relative;}
		#page3 .titArea{text-align: center; padding-bottom: 45px;}
		#page3 .titArea h3{background: url("../../static/image/main/titDeco.png") no-repeat 260px -30px; color: #3C89C5; font-size: 42px; padding: 0 0 0 60px;}
		#page3 .titArea .titDesc{color: #858585; font-size: 24px; font-weight: 300;}
		#page3 .innerLeft, #page3 .innerRight{width: 50%;}
		#page3 .innerLeft{border-right: 1px solid #D9D9D9; position: relative; padding-right: 20px;}
		#page3 .innerLeft .more{color: #C5C5C5; font-size: 30px; position: absolute; top: 15px; right: 30px;}
		#page3 .innerLeft .more:hover{color: #B1DCFB;}
		#page3 .innerLeft .more:active{color: #3498DB;}
		#page3 .innerRight{padding-left: 20px;}
		#page3 .wrtancArea{min-height: 332px; background: #FFF; letter-spacing: -.2px; border: 1px solid #D9D9D9; padding: 8px 30px 6px;}
		.wrtancMiniArea .captionArea{display: table-caption;}
		.wrtancArea .colTit{display: table-header-group;}
		.wrtancArea .colTit .wrtancNo, .wrtancArea .colTit .wrtancTit, .wrtancArea .colTit .wrtancSta{font-size: 18px; text-align: center; line-height: 50px; border-bottom: 2px solid #C5C5C5; display: table-cell;}
		.wrtancArea .colTit .wrtancNo{width: 104px; color: #484848; position: relative;}
		.wrtancArea .colTit .wrtancNo:before{content: ""; width: 100%; height: 5px; background: #3885C1; position: absolute; left: 0; bottom: -2px;}
		.wrtancArea .colTit .wrtancTit{width: 248px; color: #5B5B5B; padding-left: 65px;}
		.wrtancArea .colTit .wrtancSta{width: 65px;}
		.wrtancArea .list{width: 100%; line-height: 3.5;}
		.wrtancArea .list .innerLink{width: 100%; display: table-row;}
		.wrtancArea .innerLink .wrtancNo, .wrtancArea .innerLink .wrtancTit, .wrtancArea .innerLink .wrtancSta{border-bottom: 1px solid #EEE; display: table-cell;}
		.wrtancArea .list:last-of-type *{border-bottom: none;}
		.wrtancArea .innerLink .wrtancNo{width: 104px; color: #858585; font-size: 15px; font-weight: 300;}
		.wrtancArea .innerLink .wrtancTit{width: 248px; color: #858585; font-size: 15px; font-weight: 300; padding: 0 8px 0 12px;}
		.wrtancArea .innerLink .wrtancSta{width: 65px; text-align: center;}
		.wrtancArea .innerLink .wrtancSta .on, .wrtancArea .list .wrtancSta .off{font-size: 12px; font-weight: 300; line-height: 25px; border-radius: 5px; padding: 0 8px; display: inline-block;}
		.wrtancArea .innerLink .wrtancSta .on{background: #00A2B6; color: #FFF;}
		.wrtancArea .innerLink .wrtancSta .off{background: #F95319; color: #FFF;}
		#page3 .wrtancThumnailDetail{min-height: 107px; background: #FFF; border: 1px solid #3885C1; margin-bottom: 17px; padding: 17px 30px 16px;}
		.wrtancThumnailDetail .list{width: 100%; display: table-row;}
		.wrtancThumnailDetail .list .wrtancTit, .wrtancThumnailDetail .list .wrtancTit + .cont,
		.wrtancThumnailDetail .list .wrtancPeriod, .wrtancThumnailDetail .list .wrtancPeriod + .cont{display: table-cell;}
		.wrtancThumnailDetail .list > [class^="wrtanc"]{width: 98px; color: #3885C1; font-size: 16px; padding-left: 30px;}
		.wrtancThumnailDetail .list .wrtancTit{height: 44px; background: url("../../static/image/main/wrtancMiniBrdSpr.png") no-repeat -14px -13px; line-height: 24px; vertical-align: top;}
		.wrtancThumnailDetail .list .wrtancTit + .cont{color: #525252; font-size: 15px; font-weight: 300; line-height: 22px; vertical-align: top; position: relative; padding-left: 15px;}
		.wrtancThumnailDetail .list .wrtancTit + .cont:before{content: ""; width: 1px; height: 42px; background: #E7E7E7; position: absolute; top: 0; left: 0;}
		.wrtancThumnailDetail .list .wrtancPeriod, .wrtancThumnailDetail .list .wrtancPeriod + .cont{padding-top: 1px;}
		.wrtancThumnailDetail .list .wrtancPeriod{background: url("../../static/image/main/wrtancMiniBrdSpr.png") no-repeat -14px -111px;}
		.wrtancThumnailDetail .list .wrtancPeriod + .cont{color: #939191; font-size: 15px; font-weight: 300; position: relative; padding-left: 15px;}
		.wrtancThumnailDetail .list .wrtancPeriod + .cont:before{content: ""; width: 1px; height: 19px; background: #E7E7E7; position: absolute; top: 7px; left: 0; display: inline-block;}
		#page3 .miniMap{width: 479px; height: 208px; background: #FFF; border: 1px solid #3885C1; display: inline-block; position: absolute; z-index: 1;}
		#page3 .miniMap + #layers{width: 479px; height: 208px; display: inline-block; position: absolute; z-index: 2;}
	@media screen and (min-width: 720px) and (max-width: 1023px){
		/* Tablet device support */
		#main #page3{padding: 80px 25px 100px;}
		#page3 .titArea{padding-bottom: 77px;}
		#page3 .titArea h3{background-position: calc(50% - 254px) -55px; background-size: 80px; font-size: 56px; letter-spacing: normal; padding: 0 0 8px 100px;}
		#page3 .titArea .titDesc{color: #484848; font-size: 32px; line-height: 40px; padding: 0 35px;}
		#page3 .innerLeft, #page3 .innerRight{width: 100%;}
		#page3 .innerLeft{border: 1px solid #C8C8C8; margin-bottom: 47px; padding-right: 0;}
		#page3 .innerLeft .more{font-size: 40px; top: 32px; right: 18px;}
		#page3 .innerLeft .more:hover, #page3 .innerLeft .more:active{color: #C5C5C5;}
		#page3 .innerRight{border-top: 8px solid #3B617F; padding-left: 0;}
		#page3 .wrtancArea{min-height: 610px; padding: 8px 20px 0;}
		.wrtancMiniArea .captionArea{display: table-caption;}
		.wrtancArea .colTit{display: block;}
		.wrtancArea .colTit .wrtancNo, .wrtancArea .colTit .wrtancTit, .wrtancArea .colTit .wrtancSta{font-size: 36px; line-height: 94px;}
		.wrtancArea .colTit .wrtancNo{width: 33%;}
		.wrtancArea .colTit .wrtancNo:before{content: ""; height: 7px;}
		.wrtancArea .colTit .wrtancTit{width: 67%; padding-left: 0;}
		.wrtancArea .list{line-height: normal;}
		.wrtancArea .list .innerLink{border-top: 1px solid #EEE; display: block; padding: 25px 0 30px;}
		.wrtancArea .colTit + .list .innerLink{border-top: none;}
		.wrtancArea .innerLink .wrtancNo, .wrtancArea .innerLink .wrtancTit{font-size: 30px; border-bottom: none; display: inline-block; float: left;}
		.wrtancArea .innerLink .wrtancNo{width: 33%;}
		.wrtancArea .innerLink .wrtancTit{width: 67%; padding: 0 0 0 5px;}
		.wrtancArea .innerLink .wrtancSta{display: none;}
		#page3 .wrtancThumnailDetail{min-height: 191px; border: none; margin-bottom: 15px; padding: 23px 24px 26px;}
		.wrtancThumnailDetail .list{display: block;}
		.wrtancThumnailDetail .list .wrtancTit, .wrtancThumnailDetail .list .wrtancTit + .cont,
		.wrtancThumnailDetail .list .wrtancPeriod, .wrtancThumnailDetail .list .wrtancPeriod + .cont{display: inline-block; float: left;}
		.wrtancThumnailDetail .list > [class^="wrtanc"]{width: 27%; font-size: 32px; line-height: normal; vertical-align: top; padding-left: 30px;}
		.wrtancThumnailDetail .list .wrtancTit{height: 90px; background-position: -13px -2px;}
		.wrtancThumnailDetail .list .wrtancTit + .cont{width: 73%; color: #484848; font-size: 30px; line-height: normal;}
		.wrtancThumnailDetail .list .wrtancTit + .cont:before{display: none;}
		.wrtancThumnailDetail .list .wrtancPeriod{background-position: -14px -98px;}
		.wrtancThumnailDetail .list .wrtancPeriod + .cont{font-size: 30px;}
		.wrtancThumnailDetail .list .wrtancPeriod + .cont:before{content: ""; display: none;}
		.wrtancThumnailDetail .cont{border-left: 1px solid #2085D6;}
		#page3 .miniMap, #page3 .miniMap + #layers{height: 360px;}
		#page3 .miniMap{width: calc(100% - 50px); background: #FFF; border: 1px solid #3B617F; display: block;}
		#page3 .miniMap + #layers{width: 100%; display: block; position: relative;}
	}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#main #page3{padding: 35px 10px 46px;}
	#page3 .titArea{padding-bottom: 35px;}
	#page3 .titArea h3{background-position: calc(50% - 110px) -27px; background-size: 36px; font-size: 24px; letter-spacing: normal; padding: 0 0 2px 39px;}
	#page3 .titArea .titDesc{color: #484848; font-size: 14px; line-height: 18px; padding: 0 15px;}
	#page3 .innerLeft, #page3 .innerRight{width: 100%;}
	#page3 .innerLeft{border: 1px solid #C8C8C8; margin-bottom: 20px; padding-right: 0;}
	#page3 .innerLeft .more{font-size: 20px; right: 10px;}
	#page3 .innerLeft .more:hover, #page3 .innerLeft .more:active{color: #C5C5C5;}
	#page3 .innerRight{border-top: 4px solid #3B617F; padding-left: 0;}
	#page3 .wrtancArea{min-height: 278px; padding: 0 8px 0;}
	.wrtancMiniArea .captionArea{display: table-caption;}
	.wrtancArea .colTit{display: block;}
	.wrtancArea .colTit .wrtancNo, .wrtancArea .colTit .wrtancTit, .wrtancArea .colTit .wrtancSta{font-size: 16px;}
	.wrtancArea .colTit .wrtancNo{width: 33%;}
	.wrtancArea .colTit .wrtancNo:before{content: ""; height: 5px;}
	.wrtancArea .colTit .wrtancTit{width: 67%; padding-left: 0;}
	.wrtancArea .list{line-height: normal;}
	.wrtancArea .list .innerLink{border-top: 1px solid #EEE; display: block; padding: 15px 0 10px;}
	.wrtancArea .colTit + .list .innerLink{border-top: none;}
	.wrtancArea .innerLink .wrtancNo, .wrtancArea .innerLink .wrtancTit{font-size: 13px; border-bottom: none; display: inline-block; float: left;}
	.wrtancArea .innerLink .wrtancNo{width: 33%;}
	.wrtancArea .innerLink .wrtancTit{width: 67%; padding: 0 0 0 5px;}
	.wrtancArea .innerLink .wrtancSta{display: none;}
	#page3 .wrtancThumnailDetail{min-height: 88px; border: none; margin-bottom: 10px; padding: 8px 8px 11px;}
	.wrtancThumnailDetail .list{display: block;}
	.wrtancThumnailDetail .list .wrtancTit, .wrtancThumnailDetail .list .wrtancTit + .cont,
	.wrtancThumnailDetail .list .wrtancPeriod, .wrtancThumnailDetail .list .wrtancPeriod + .cont{display: inline-block; float: left;}
	.wrtancThumnailDetail .list > [class^="wrtanc"], .wrtancThumnailDetail .list .wrtancTit{background-size: 30px; padding-left: 15px;}
	.wrtancThumnailDetail .list > [class^="wrtanc"]{width: 27%; background-size: 25px; font-size: 14px; line-height: 24px; vertical-align: top;}
	.wrtancThumnailDetail .list .wrtancTit{background-position: -4px 0;}
	.wrtancThumnailDetail .list .wrtancTit + .cont{width: 73%; color: #484848; font-size: 13px;}
	.wrtancThumnailDetail .list .wrtancTit + .cont:before{display: none;}
	.wrtancThumnailDetail .list .wrtancPeriod{background-position: -5px -48px;}
	.wrtancThumnailDetail .list .wrtancPeriod + .cont{font-size: 13px;}
	.wrtancThumnailDetail .list .wrtancPeriod + .cont:before{content: ""; display: none;}
	.wrtancThumnailDetail .cont{border-left: 1px solid #2085D6;}
	#page3 .miniMap, #page3 .miniMap + #layers{height: 160px;}
	#page3 .miniMap{width: calc(100% - 20px); background: #FFF; border: 1px solid #3B617F; display: block;}
	#page3 .miniMap + #layers{width: 100%; display: block; position: relative;}
}
	/* SECTION 4 */
	#main #page4{background: #FFF; padding: 140px 0 115px;}
	#main #page4 .miniBrdArea{margin-bottom: 63px;}
	#page4 [class^="inner"]:not(a){width: calc(50% - 20px); margin-right: 20px; position: relative;}
	#page4 [class^="inner"]:not(a) > h4{width: 130px; color: #FFF; font-size: 21px; text-align: center; line-height: 52px; position: relative;}
	#page4 [class^="inner"]:not(a) > h4:after{content: ""; border-top: 51px solid transparent; border-left: 18px solid #E6E6E6; position: absolute; top: 0; right: -18px;}
	#page4 [class^="inner"]:not(a) .more{width: 52px; height: 52px; color: #747385; font-size: 30px; text-align: center; border: 1px solid #E3E3E3; position: absolute; top: 1px; right: 0;}
	#page4 [class^="inner"]:not(a) .more:before{vertical-align: -8px;}
	#page4 [class^="inner"]:not(a) .more:hover{background: #747385; color: #FFF;}
	#page4 [class^="inner"]:not(a) .more:active{background: #34495E; color: #FFF; border: 1px solid #AAA; border-bottom: 1px solid #34495E;}
	#page4 .innerLeft > h4{background: #F95319;}
	#page4 .innerRight > h4{background: #00A2B6;}
	#page4 .innerRight{margin-left: 20px; margin-right: 0 !important;}
	#page4 .miniBrd{min-height: 171px; border-top: 1px solid #747385; margin-top: -1px; padding-top: 10px; position: relative; z-index: 1;}
	#page4 .miniBrd .list{color: #3884C0; list-style: square; line-height: 31px; margin-left: 20px;}
	#page4 .miniBrd .list:hover > .innerLink *{color: #252525; font-weight: 400;}
	#page4 .miniBrd .innerLink{display: inline;}
	#page4 .miniBrd .title, #page4 .miniBrd .wrtDate{display: table-cell;}
	#page4 .miniBrd .title{width: 377px; color: #909090; font-size: 16px; font-weight: 300;}
	#page4 .miniBrd .wrtDate{color: #B2B2B2; font-size: 14px; font-weight: 300;}
	#page4 .banner{background: #FDFDFD; border: 1px solid #DEDEDE; padding: 35px 25px 37px 35px;}
	#page4 .banner .tile:hover{background: #F0F0F0;}
	#page4 .banner .tile:active{background: #E1E1E1; border: 1px solid #CCC;}
	#page4 .banner .tile:nth-of-type(1){width: 483px; height: 144px; background: #F8F6F6 url("../../static/image/main/tileBanner_00.png") no-repeat 0 0; border: 1px solid #DADADA; margin-right: 29px;}
	#page4 .banner .tile:nth-of-type(1):hover{background: #F0F0F0 url("../../static/image/main/tileBanner_00.png") no-repeat 0 0;}
	#page4 .banner .tile:nth-of-type(1):active{background: #E1E1E1 url("../../static/image/main/tileBanner_00.png") no-repeat 0 0; border: 1px solid #CCC;}
	#page4 .banner .tile:not(:first-of-type){width: 202px; height: 43px; margin-top: 7px;}
	#page4 .banner .tile:not(:first-of-type):nth-of-type(-n+3){margin-top: 0;}
	#page4 .banner .tile:not(:first-of-type):not(:nth-of-type(2)){background-size: contain; background-position: center; border: 1px solid #DEDEDE;}
	#page4 .banner .tile:nth-of-type(even){margin-right: 20px;}
	#page4 .banner .tile:nth-of-type(2){background: #87B0D0 url("../../static/image/main/tileBanner_01.png") no-repeat 58px center; background-size: 25px; border: 1px solid #87B0D0; border-radius: 3px; padding-left: 36px;}
	#page4 .banner .tile:nth-of-type(2) figcaption{color: #FFF; font-size: 18px; text-align: center; line-height: 41px;}
	#page4 .banner .tile:nth-of-type(2) span{color: #FFF; font-size: 18px; text-align: center; line-height: 41px;}
	#page4 .banner .tile:nth-of-type(3){background: #FFF url("../../static/image/main/tileBanner_02.png") no-repeat 0 0;}
	#page4 .banner .tile:nth-of-type(4){background: #FFF url("../../static/image/main/tileBanner_03.png") no-repeat 0 0;}
	#page4 .banner .tile:nth-of-type(5){background: #FFF url("../../static/image/main/tileBanner_04.png") no-repeat 0 0;}
	#page4 .banner .tile:nth-of-type(6){background: #FFF url("../../static/image/main/tileBanner_05.png") no-repeat 0 0;}
	#page4 .banner .tile:nth-of-type(7){background: #FFF url("../../static/image/main/tileBanner_06.png") no-repeat 0 0;}
	#page4 .banner .tile:last-of-type{margin-right: 0;}
	#page4 .banner .tile a{width: 100%; height: 100%;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#main #page4{padding: 45px 25px 100px;}
	#main #page4 .miniBrdArea{margin-bottom: 20px;}
	#page4 [class^="inner"]:not(a){width: 100%; display: block; margin-right: 0;}
	#page4 [class^="inner"]:not(a) > h4{width: 205px; font-size: 36px; line-height: 80px;}
	#page4 [class^="inner"]:not(a) > h4:after{content: ""; border-top: 79px solid transparent; border-left: 44px solid #E6E6E6; right: -44px;}
	#page4 [class^="inner"]:not(a) .more{width: 80px; height: 80px; font-size: 45px; font-weight: bold;}
	#page4 [class^="inner"]:not(a) .more:before{vertical-align: -15px;}
	#page4 [class^="inner"]:not(a) .more:hover{background: transparent; color: #747385;}
	#page4 [class^="inner"]:not(a) .more:active{background: transparent; color: #747385;}
	#page4 .innerRight{margin-left: 0;}
	#page4 .miniBrd{min-height: 328px; padding: 26px 5px 36px;}
	#page4 .miniBrd .list{font-size: 16px; line-height: 48px;}
	#page4 .miniBrd .list:hover > .innerLink *{color: #909090;}
	#page4 .miniBrd .innerLink, #page4 .miniBrd .title, #page4 .miniBrd .wrtDate{display: inline-block;}
	#page4 .miniBrd .title{width: 100%; font-size: 30px;}
	#page4 .miniBrd .wrtDate{display: none;}
	#page4 .banner{background: transparent; border: none; padding: 0;}
	#page4 .banner .tile:nth-of-type(1){width: 100%; height: 152px; background: #F8F6F6 url("../../static/image/main/m_tileBanner_00.png") no-repeat center; background-position: center; border: 1px solid #DADADA;}
	#page4 .banner .tile:nth-of-type(1):hover{background: #F8F6F6 url("../../static/image/main/m_tileBanner_00.png") no-repeat center;}
	#page4 .banner .tile:nth-of-type(1):active{background: #F8F6F6 url("../../static/image/main/m_tileBanner_00.png") no-repeat center; border: 1px solid #DADADA;}
	#page4 .banner .tile:not(:first-of-type){width: calc(50% - 4.5px); height: 70px; margin-top: 20px;}
	#page4 .banner .tile:not(:first-of-type):nth-of-type(-n+3){margin-top: 40px;}
	#page4 .banner .tile:nth-of-type(even){margin-right: 0;}
	#page4 .banner .tile:nth-of-type(odd):not(:first-of-type){margin-left: 9px;}
	#page4 .banner .tile:nth-of-type(2){background: #87B0D0 url("../../static/image/main/tileBanner_01.png") no-repeat calc(50% - 60px) center; background-size: 40px; padding-left: 30px;}
	#page4 .banner .tile:nth-of-type(2) figcaption{font-size: 28px; line-height: 65px;}
	#page4 .banner .tile:nth-of-type(2) span{font-size: 28px; line-height: 65px;}
	#page4 .banner .tile:nth-of-type(-n+7):not(:nth-of-type(1)):not(:nth-of-type(2)){background-position: center;}
	#page4 .banner .tile:last-of-type{margin-right: 0;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#main #page4{padding: 45px 10px 40px;}
	#main #page4 .miniBrdArea{margin-bottom: 20px;}
	#page4 [class^="inner"]:not(a){width: 100%; min-height: 185px; display: block; margin-right: 0;}
	#page4 [class^="inner"]:not(a) > h4{width: 91px; font-size: 16px; line-height: 36px;}
	#page4 [class^="inner"]:not(a) > h4:after{content: ""; border-top: 35px solid transparent; border-left: 11px solid #E6E6E6; right: -11px;}
	#page4 [class^="inner"]:not(a) .more{width: 35px; height: 36px; font-size: 20px;}
	#page4 [class^="inner"]:not(a) .more:before{vertical-align: -8px;}
	#page4 [class^="inner"]:not(a) .more:hover{background: transparent; color: #747385;}
	#page4 [class^="inner"]:not(a) .more:active{background: transparent; color: #747385;}
	#page4 .innerRight{margin-left: 0;}
	#page4 .miniBrd{padding: 10px 5px 14px;}
	#page4 .miniBrd .list{font-size: 10px; line-height: 24px;}
	#page4 .miniBrd .list:hover > .innerLink *{color: #909090;}
	#page4 .miniBrd .innerLink, #page4 .miniBrd .title, #page4 .miniBrd .wrtDate{display: inline-block;}
	#page4 .miniBrd .title{width: 100%; font-size: 13px;}
	#page4 .miniBrd .wrtDate{display: none;}
	#page4 .banner{background: transparent; border: none; padding: 0;}
	#page4 .banner .tile:hover{background: transparent;}
	#page4 .banner .tile:active{background: transparent; border: none;}
	#page4 .banner .tile:nth-of-type(1){width: 100%; height: 67px; background: #F8F6F6 url("../../static/image/main/m_tileBanner_00.png") no-repeat center; background-size: contain; border: 1px solid #DADADA;}
	#page4 .banner .tile:nth-of-type(1):hover{background: #F8F6F6 url("../../static/image/main/m_tileBanner_00.png") no-repeat center; background-size: contain;}
	#page4 .banner .tile:nth-of-type(1):active{background: #F8F6F6 url("../../static/image/main/m_tileBanner_00.png") no-repeat center; background-size: contain; border: 1px solid #DADADA;}
	#page4 .banner .tile:not(:first-of-type){width: calc(50% - 4.5px); height: 31px; margin-top: 7px;}
	#page4 .banner .tile:not(:first-of-type):nth-of-type(-n+3){margin-top: 18px;}
	#page4 .banner .tile:nth-of-type(even){margin-right: 0;}
	#page4 .banner .tile:nth-of-type(odd):not(:first-of-type){margin-left: 9px;}
	#page4 .banner .tile:nth-of-type(2){background: #87B0D0 url("../../static/image/main/tileBanner_01.png") no-repeat 45px center; background-size: 20px; padding-left: 30px;}
	#page4 .banner .tile:nth-of-type(2) figcaption{font-size: 13px; line-height: 29px;}
	#page4 .banner .tile:nth-of-type(2) span{font-size: 13px; line-height: 29px;}
	#page4 .banner .tile:nth-of-type(-n+7):not(:nth-of-type(1)):not(:nth-of-type(2)){background-size: contain; background-position: center;}
	#page4 .banner .tile:last-of-type{margin-right: 0;}
}

/* 임시로 작성 20210224 */
.srchArea{background-color: rgb(229,236,244); height: 97px; font-size: 16px;}
.srchArea>div{position: relative;top: 25px;}
.srchArea .srchTab{background-color: #fff; width: 124px; height: 47px; border: solid 1px rgb(52,87,179); border-radius: 5px; text-align: center; line-height: 47px; color: rgb(52,87,179) !important;cursor:pointer; margin-right: 7px;}
.srchArea .srchTab:nth-of-type(3){margin-right: 0px;}
.srchArea .srchTab.active{background-color: rgb(32,133,215); color: #FFF !important;}

.srchArea .selectBox{background-color: #fff; width: 157px; height: 47px; border: 1px solid rgb(130,138,161); margin-left:35px; margin-right: 10px}
.srchArea .selectBox label{padding: .55em .5em .35em;}
.srchArea .selectBox:before{
	content: "";
	width: 9px;
	height: 6px;
	background: url(../../static/image/main/main_select.png) repeat-y 0 0;
	border: 0px;
	color: #696969;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -.1em;
}
.srchArea .textBox input[type="text"] {height: 47px; background-color: #fff;border: solid 1px rgb(130,138,161);}

.srchArea .srchJibun .srchBox {background-color: #fff; width: 291px;height: 47px; border: 1px solid rgb(130,138,161);}
.srchArea .srchJibun .srchBox .checkBox{margin-left: 18px; top:9px}
.srchArea .srchJibun .srchBox .checkBox input[type="checkbox"] + label {padding-right: 22px;padding-left: 0;background-color: #fff;}
.srchArea .srchJibun .srchBox .checkBox input[type="checkbox"] + label:before{border: 1px solid rgb(108,114,130);border-radius: 0px; top: 4px;left: 19px;box-shadow: none;}
.srchArea .srchJibun .srchBox .textBox{margin-left:13px; top: 7px;}
.srchArea .srchJibun .srchBox .textBox label{padding: .15em .9em .25em;}
.srchArea .srchJibun .srchBox .textBox:last-child{margin-left:7px}
.srchArea .srchJibun .srchBox .textBox input[type="text"] {width: 101px; height: 30px; background-color: rgb(250,250,250);border: solid 1px rgb(225,225,225);}

.srchArea .srchPrjNm .textBox {width: 291px;}
.srchArea .srchPrjNm .textBox label{padding: .65em .9em .25em;}

.srchArea .srchBldg .textBox {width: 458px; margin-left: 35px;}
.srchArea .srchBldg .textBox label{padding: .65em .9em .25em;}

.srchArea .searchBtn{width: 112px; height: 47px; text-align: center; line-height: 47px;font-size: 17px;color: #fff !important; background-color: rgb(11,145,183); border: solid 1px rgb(52,87,179); margin-left:7px;}
.srchArea .searchBtn:before{
	content: '';
	width: 20px;
	height: 16px;
	background: url(../../static/image/main/main_srch.png) repeat-y 0 0;
	color: #FFF;
	text-align: center;
	text-indent: 0px;
	line-height: 16px;
	border-radius: 5px;
	display: inline-block;
	margin-right: 7px;
	background-size: 20px;
	position: relative;
	top: 2px;
}


@media screen and (max-width: 1023px){
	.srchArea{height: 234px; padding: 0px 25px;}
	.srchArea .srchTab{height: 47px; width: calc(100%/3 - 5px);}

	.srchArea .srchJibun {width: 100%;margin-top:20px}
	.srchArea .srchJibun .selectBox{margin-left:0px; width: calc(100%/2 - 5px);}
	.srchArea .srchJibun .srchBox {width: calc(100%/2 - 5px);}
	.srchArea .srchJibun .srchBox .textBox{margin-left:50px; width: calc(100%/2 - 66px);}
	.srchArea .srchJibun .srchBox .textBox input[type="text"]{width: 100%;}

	.srchArea .srchPrjNm {width: 100%; margin-top:20px}
	.srchArea .srchPrjNm .selectBox{margin-left:0px; width: calc(100%/2 - 5px);}
	.srchArea .srchPrjNm .textBox {width: calc(100%/2 - 5px);}

	.srchArea .srchBldg {width: 100%;margin-top:20px}
	.srchArea .srchBldg .textBox {width: 100%; margin-left: 0px;}

	.srchArea .searchBtn{margin-left:0px; width: 100%; margin-top: 20px;}
}
@media screen and (max-width: 719px){
	.srchArea{font-size: 14px; padding: 0px 13px}
	.srchArea .selectBox label{padding: .75em .5em .35em}

	.srchArea .srchJibun .srchBox .checkBox{ margin-left: 11px;}
	.srchArea .srchJibun .srchBox .textBox{margin-left: 14px;width: calc(100%/2 - 40px);}
	.srchArea .srchJibun .srchBox .textBox label{padding: 0.15em 0.2em 0.25em;}

	.srchArea .srchPrjNm .textBox label{padding: .75em .9em .25em;}
	.srchArea .srchBldg .textBox label{padding: .75em .9em .25em;}
}
/* 임시로 작성 20210224 */