@charset "UTF-8";

/* MAIN PAGE Design set ----------------------------------------------------------------------------------------- */
	.titArea{text-align: center;}
	.underLineTit{color: #2E292F; font-weight: 600; letter-spacing: -1px; display: inline-block; position: relative; z-index: 0;}
	.underLineTit:before{content: ""; width: 100%; height: .5em; position: absolute; left: 0; bottom: .4em; z-index: -1;}
	.underLineTit.violet:before{background: #D4E3FF;}
	.underLineTit.blue:before{background: #C5ECFD;}
	.underLineTit.green:before{background: #E7F2F1;}
	.underLineTit+.desc{color: #333537; font-weight: 300; line-height: 34px; letter-spacing: -.8px; margin-top: 1px;}
	.brdArea{}
	.brdArea.wrtanc:before{content: ""; width: 19px; height: 33px; background: url("../../static/image/main/edge.png") no-repeat 0 0; position: absolute; z-index: 1;}
	.brdArea.wrtanc .itemHeader .itemWtncNo, .brdArea.wrtanc .itemHeader .itemTit{height: 39px; background: #2F364A; color: #FFF; text-align: center; line-height:  38px; letter-spacing: -.4px; border-radius: 20px;}
	.brdArea.wrtanc .itemHeader~.item:hover{background: rgba(212,227,255,.3); border: 1px solid #C5ECFD; margin-left: -1px; margin-right: -1px;}
	.brdArea.wrtanc .itemHeader+.item~.item>.innerLink>.row{border-top: 1px solid #EEE;}
	.brdArea.wrtanc .itemHeader~.item~.item:hover{padding-top: 1px;}
	.brdArea.wrtanc .itemHeader .more{background: url("../../static/image/main/more.png") no-repeat center; padding-left: 0; padding-right: 0;}
	.brdArea.wrtanc .itemHeader .more>.innerLink{width: 100%; height: 100%;}
	.brdArea.wrtanc .item{height: 51px;}
	.brdArea.wrtanc .item .innerLink>.row{height: 100%;}
	.brdArea.wrtanc .innerLink .itemWtncNo, .brdArea.wrtanc .innerLink .itemTit{letter-spacing: -.4px;}
	.brdArea.wrtanc .innerLink .itemWtncNo{color: #858585; text-align: center;}
	.brdArea.wrtanc .innerLink .itemTit{color: #636363; vertical-align: -8px; padding: 0 10px;}
	.brdArea.notice .brdTit{
		background-color: #6AC3E6; background-image: url("../../static/image/main/brdTitBg.png"); background-repeat: no-repeat; background-position: 0 0; background-size: cover;
		color: #FFF; text-align: center; border: 1px solid #A1A1A1;
	}
	.brdArea.notice .innerLink{color: #373737; font-weight: 300; line-height: 32px; position: relative;}
	.brdArea.notice .innerLink:before{content: ""; width: 4px; height: 4px; background: #B5B9BC; position: absolute; top: 14px;}
	.brdArea.notice .itemTit, .brdArea .itemDate{display: inline-block;}
	.brdArea.notice .itemTit{float: left;}
	.brdArea.notice .itemDate{letter-spacing: -.4px; padding: 0 6px; float: right;}
	.mainVisual{min-height: 504px; background: #FFF7E5 url("../../static/image/main/visualBg.png") repeat-x 0 0; position: relative;}
	.mainVisual .decoItem{width: 100%; max-width: 100%; height: 525px; background: url("../../static/image/main/visual_item_5.png") no-repeat top center; position: absolute; top: 50%; transform: translateY(-50%);}
	.slogan{width: 398px; height: 126px; background-image: url("../../static/image/main/slogan.png"); background-position: left top; background-size: contain; background-repeat: no-repeat; position: relative; z-index: 1;}
	.MajorMnGrp>ul{height: 100%;}
	.MajorMnGrp li{height: 323px;}
	.waterDrop{max-width: 270px; height: 100%; background-image: url("../../static/image/main/waterDropSpr.png"); background-repeat: no-repeat; text-align: center; margin: 0 auto;}
	.waterDrop.blue{background-position: 10px 0;}
	.waterDrop.blue .circle{background-position: 43px 31px;}
	.waterDrop.pink{background-position: -407px 0;}
	.waterDrop.pink .circle{background-position: -254px 21px;}
	.waterDrop.green{background-position: -823px 0;}
	.waterDrop.green .circle{background-position: -551px 28px;}
	.waterDrop.yllw{background-position: -1240px 0;}
	.waterDrop.yllw .circle{background-position: -849px 40px;}
	.waterDrop .circle{width: 214px; height: 214px; background-color: #FFF; background-image: url("../../static/image/main/MajorMnIconSpr.png"); background-repeat: no-repeat; color: #2F364A; font-size: 21px; font-weight: 900; text-align: center; border-radius: 100%; display: inline-block; margin-top: 17px;}
	.MajorMnGrp li:nth-of-type(1) .waterDrop .circle{padding-top: 129px;}
	.MajorMnGrp li:nth-of-type(2) .waterDrop .circle{line-height: 26px; padding-top: 121px;}
	.MajorMnGrp li:nth-of-type(3) .waterDrop .circle{padding-top: 136px;}
	.MajorMnGrp li:nth-of-type(4) .waterDrop .circle{padding-top: 136px;}
	.wrtancPnl{background: #FFF;}
	.wrtancPnl .thumnailDtl{background: #5990D9; color: #FFF; position: relative;}
	.wrtancPnl .thumnailDtl dt{width: 128px; font-weight: 600; background-image: url("../../static/image/main/wrtancMiniBrdSpr.png"); background-repeat: no-repeat; padding-left: 25px; padding-right: 19px;}
	.wrtancPnl .thumnailDtl dt.tit{background-position: top 2px left -7px;}
	.wrtancPnl .thumnailDtl dt.tit:before{content: ""; background: #E7E7E7; width: 1px; height: 75%; display: inline-block; position: absolute; top: calc(50% + 2px); right: -4px; transform: translateY(-50%);}
	.wrtancPnl .thumnailDtl dt.tit+dd{padding-top: 4px; padding-right: 0;}
	.wrtancPnl .thumnailDtl dt.period{background-position: top -51px left -5px; padding-top: 7px;}
	.wrtancPnl .thumnailDtl dt.period:before{content: ""; background: #E7E7E7; width: 1px; height: 19px; display: inline-block; position: absolute; top: calc(50% + 4px); right: -4px; transform: translateY(-50%);}
	.wrtancPnl .thumnailDtl dt.period+dd{line-height: 36px; padding-top: 7px;}
	.wrtancPnl .thumnailDtl dt+dd{letter-spacing: -.4px; padding-left: 19px;}
	.wrtancPnl .thumnailDtl .miniMap{height: 208px; background: #FFF; border: 1px solid #FFF; position: absolute; left: 50%; bottom: 39px; transform: translateX(-50%); z-index: 1;}
	.wrtancPnl .thumnailDtl #layers{width: calc(100% + 30px); height: 208px; position: absolute; left: 50%; bottom: 39px; transform: translateX(-50%); z-index: 5;}
	.devlpInfoPnl{min-height: 681px; background-color: #F1F8FF; background-repeat: no-repeat; background-position: 0 0; padding: 50px 0 80px;}
	.devlpInfoPnl .titArea{}
	.devlpInfoPnl .titArea+.tileGrp{margin-top: 40px;}
	.devlpInfoPnl .tileGrp{}
	.devlpInfoPnl .tileGrp .tile{height: 186px; background-color: #FFF; background-image: url("../../static/image/main/devlpInfoSpr.png"); background-repeat: no-repeat; font-weight: 600; text-align: center; line-height: 283px; letter-spacing: -.4px; border: 2px solid transparent;}
	.devlpInfoPnl .tileGrp li:nth-of-type(1) .tile{background-position: center -23px; border-color: #5990C9;}
	.devlpInfoPnl .tileGrp li:nth-of-type(2) .tile{background-position: center -393px; border-color: #E67396;}
	.devlpInfoPnl .tileGrp li:nth-of-type(3) .tile{background-position: center -762px; border-color: #92B299;}
	.devlpInfoPnl .tileGrp li:nth-of-type(4) .tile{background-position: center -1141px; border-color: #E0C665;}
	.devlpInfoPnl .tileGrp li:nth-of-type(5) .tile{background-position: center -1513px; border-color: #E0C665;}
	.devlpInfoPnl .tileGrp li:nth-of-type(6) .tile{background-position: center -1880px; border-color: #92B299;}
	.devlpInfoPnl .tileGrp li:nth-of-type(7) .tile{background-position: center -2234px; border-color: #E67396;}
	.devlpInfoPnl .tileGrp li:nth-of-type(8) .tile{background-position: center -2624px; border-color: #5990C9;}
	.providePnl{background: #FFF;}
	.bnnrTile1>.innerLink, .bnnrTile2>.innerLink{height: 262px;}
	.bnnrTile1>.innerLink{width: 100%; background-color: #D9ECE8; position: relative; overflow: hidden; border-radius: 0px 30px;}
	.bnnrTile1 .triangularTopBox{width: 0px; height: 0px; border-top: 262px solid transparent; border-left: 270px solid #DFE7D6; position: absolute; top: 0px; left: 0px; z-index: 2;}
	.bnnrTile1 .triangularBttmBox{width: 100%; color: #000; font-size: 24px; text-align: center; letter-spacing: -2px; position: absolute; bottom: 21px; z-index: 10;}
	.bnnrTile2{min-width: 285px; padding-right: 15px;}
	.bnnrTile2>.innerLink{background: #F6F9FB url("../../static/image/main/bnnrArr.png") no-repeat bottom 29px right 34px; color: #666; font-size: 16px; border: 1px solid #A1A1A1; padding: 15px 30px 20px;}
	.bnnrTile2>.innerLink>figure{min-width: 207px; min-height: 96px; background: #FFF url("../../static/image/main/bnnrLogo.png") no-repeat center; color: transparent; font-size: 0; line-height: 0; border: 1px solid #C6C8C9; margin: 14px 0 22px;}
	.bnnrTile2>.innerLink>figure~span{line-height: 30px;}
	.bnnrTile2>.innerLink>figure+span{color: #000; font-size: 22px; display: inline-block; margin-right: 7px;}
	.bnnrTile2>.innerLink>figure+span+span{color: #29718E; font-size: 24px; padding-right: 78px;}
	.bnnrTile2>.innerLink>span.underLineTit.green:before{height: 23px; bottom: -3px;}
	.bnnrTile1 .triangularTopBox .innerBox{width: 221px; height: 158px; background: #FFF url("../../static/image/main/bnnrTile.png") no-repeat center; border-radius: 30px; position: absolute;}

@media screen and (min-width: 1200px){
	.MajorMnGrp{height: 510px;}
	.brdArea.wrtanc>ul{padding: 40px 20px 27px;}
	.brdArea.wrtanc .innerLink .itemSta{margin-left: -5px;}
	.wrtancPnl .thumnailDtl{padding: 33px 65px 39px;}
	.wrtancPnl .thumnailDtl .miniMap{width: calc(100% - 101px);}
	.wrtancPnl .thumnailDtl #layers{width: calc(100% - 101px);}
	.brdArea.notice{padding-right: 0;}
	.brdArea.notice .innerLink{padding-left: 30px;}
	.brdArea.notice .innerLink:before{left: 18px;}
	.brdArea.notice .itemTit{font-size: 16px; letter-spacing: -.2px;}
}
@media screen and (max-width: 1199px){
	.MajorMnGrp{margin-top: 55px;}
	.brdArea.notice .innerLink{padding-left: 20px;}
	.brdArea.notice .innerLink:before{left: 8px;}
	.brdArea.notice .itemTit{width: calc(100% - 85px); letter-spacing: -1px;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	.brdArea.wrtanc .innerLink .itemTit{padding-right: 30px;}
	.brdArea.wrtanc .innerLink .itemSta{margin-left: -15px;}
	.brdArea.wrtanc>ul{padding: 30px 10px 27px;}
	.brdArea.notice{padding-right: 0;}
	.wrtancPnl .thumnailDtl{padding: 33px 45px 39px;}
	.wrtancPnl .thumnailDtl .miniMap{width: calc(100% - 60px);}
	.wrtancPnl .thumnailDtl #layers{width: calc(100% - 60px);}
	.brdArea.notice .itemTit{font-size: 15px;}
}
@media screen and (min-width: 992px){
	.brdArea.wrtanc{border-right-width: 0;}
	.brdArea.wrtanc:before{top: 50%; right: -17px; transform: translateY(-50%);}
	.brdArea.notice{width: calc(100% - 330px - 285px); min-height: 262px;}
	.mainVisual{padding: 40px 0;}
	.slogan{width: 542px; margin: 0 15px;}
	.devlpInfoPnl .tileGrp .tile{font-size: 20px;}
	.bnnrTile1{min-width: 330px; max-width: 330px; padding-left: 30px; padding-right: 30px;}
	.bnnrTile1 .triangularTopBox .innerBox{top: -244px; left: -245px;}
	.bnnrTile2{max-width: 285px; padding-left: 0;}
}
@media screen and (max-width: 991px){
	.brdArea.wrtanc:before{left: 50%; bottom: -24px; transform: translateX(-50%) rotate(90deg);}
	.brdArea.wrtanc .innerLink .itemSta{margin-left: -15px;}
	.mainVisual{padding: 35px 0;}
	.slogan{margin-right: 36px;}
	.brdArea.notice{min-height: 237px;}
	.wrtancPnl .thumnailDtl{min-height: 383px; padding: 33px 45px 39px;}
	.wrtancPnl .thumnailDtl .miniMap{width: calc(100% - 60px);}
	.wrtancPnl .thumnailDtl #layers{width: calc(100% - 60px);}
	.devlpInfoPnl .tileGrp .tile{font-size: 18px;}
	.bnnrTile1, .bnnrTile2{margin-top: 5.5vw;}
	.bnnrTile1{min-width: 290px; max-width: 290px;}
	.bnnrTile1 .triangularTopBox{border-top-width: 270px;}
	.bnnrTile1 .triangularTopBox .innerBox{top: -244px; left: -250px;}
	.bnnrTile2{width: calc(100% - 330px); padding-right: 0;}
}
@media screen and (min-width: 768px){
	.brdArea.wrtanc{border: 1px solid #A1A1A1;}
	.brdArea.wrtanc .innerLink .itemTit{width: 100%;}
	.brdArea.notice .brdTit{max-height: 69px; line-height: 68px;}
	.brdArea.notice .brdList{padding-top: 29px;}
	.devlpInfoPnl{background-image: url("../../static/image/main/sectionBg.png");}
	.devlpInfoPnl .tileGrp li:not(:nth-of-type(-n+4)){margin-top: 36px;}
	.providePnl{padding: 65px 0;}
}
@media screen and (max-width: 767px){
	.brdArea.wrtanc .innerLink .itemTit{width: 95%;}
	.brdArea.notice{min-height: 234px;}
	.brdArea.notice .brdTit{max-height: 45px; line-height: 46px;}
	.brdArea.notice .brdList{padding-top: 3.7vw;}
	.mainVisual .decoItem{background-size: 130%;}
	.devlpInfoPnl{background-image: url("../../static/image/main/sectionBg_m.png"); background-size: cover;}
	.providePnl{padding: 7.15vw 0 65px;}
	.bnnrTile2{padding-right: 15px;}
}
@media screen and (max-width: 767px) and (min-width: 576px){
	.brdArea.notice{max-height: 234px;}
	.brdArea.wrtanc>ul{padding: 30px 10px 27px;}
	.devlpInfoPnl .tileGrp li:not(:nth-of-type(-n+2)){margin-top: 20px;}
}
@media screen and (min-width: 576px){
	.titArea+.row{margin-top: 42px;}
	.underLineTit{font-size: 40px;}
	.underLineTit+.desc{font-size: 21px;}
	.brdArea.wrtanc .itemHeader .itemWtncNo, .brdArea.wrtanc .itemHeader .itemTit{font-size: 18px;}
	.brdArea.wrtanc .itemHeader+.item{margin-top: 21px;}
	.brdArea.wrtanc .itemHeader>[class*="col-"]:nth-of-type(1){padding-left: 0;}
	.brdArea.wrtanc .itemHeader>[class*="col-"]:nth-of-type(2){padding-left: 0;}
	.brdArea.wrtanc .innerLink>.row>[class*="col-"]:first-of-type{padding-left: 0;}
	.wrtancPnl{padding: 55px 0 80px;}
	.wrtancPnl .thumnailDtl dt{font-size: 20px;}
	.wrtancPnl .thumnailDtl dt.tit{}
	.wrtancPnl .thumnailDtl dt.period{padding-top: 7px;}
	.wrtancPnl .thumnailDtl dt.tit+dd{line-height: 22px;}
	.wrtancPnl .thumnailDtl dd{font-size: 16px;}
	.brdArea.notice .brdTit{font-size: 26px;}
	.brdArea.notice .itemDate{font-size: 14px;}
}
@media screen and (max-width: 575px){
	.underLineTit{font-size: 30px;}
	.underLineTit+.desc{font-size: 15px; line-height: 24px; letter-spacing: -.6px; padding: 0 10px 10px;}
	.mainVisual{padding-top: 15px;}
	.slogan{margin-right: -50px; transform: scale(0.65);}
	.MajorMnGrp{margin-top: 0;}
	.devlpInfoPnl .tileGrp li:not(:first-of-type){margin-top: 20px;}
	.brdArea.wrtanc{padding-bottom: 25px;}
	.brdArea.wrtanc>ul{margin-left: 0;}
	.brdArea.wrtanc .itemHeader .itemWtncNo, .brdArea.wrtanc .itemHeader .itemTit{height: 30px; font-size: 15px; line-height: 30px;}
	.brdArea.wrtanc .itemHeader+.item{margin-top: 2vw;}
	.brdArea.wrtanc .itemHeader>[class*="col-"]:nth-of-type(1){padding-left: 0; padding-right: 0;}
	.brdArea.wrtanc .innerLink>.row>[class*="col-"]:first-of-type{padding-left: 0; padding-right: 0;}
	.brdArea.wrtanc .innerLink .itemWtncNo, .brdArea.wrtanc .innerLink .itemTit{font-size: 12px;}
	.brdArea.wrtanc .innerLink .itemTit{padding-right: 15px;}
	.brdArea.notice{max-height: 227px;}
	.wrtancPnl{padding: 35px 0 40px;}
	.wrtancPnl .thumnailDtl dt{font-size: 13px; padding-right: 0;}
	.wrtancPnl .thumnailDtl dt.tit{padding-top: .45em;}
	.wrtancPnl .thumnailDtl dt.period{padding-top: 1em;}
	.wrtancPnl .thumnailDtl dt.tit+dd{line-height: 18px;}
	.wrtancPnl .thumnailDtl dd{font-size: 12px;}
	.brdArea.notice .brdTit{font-size: 22px;}
	.brdArea.notice .itemTit, .brdArea.notice .itemDate{font-size: 13px;}
	.bnnrTile1{min-width: auto; max-width: none;}
	.bnnrTile1 .triangularTopBox{border-left-width: 100vw;}
	.bnnrTile1 .triangularTopBox .innerBox{width: calc(100vw - 92px); top: -243px; left: -94.4vw;}

}
@media screen and (max-width: 459px){
	.brdArea.wrtanc .itemHeader .col-1{display: none;}
	.brdArea.wrtanc .item .col-1{display: none;}
	.brdArea.wrtanc .innerLink .itemTit{width: 100%; -webkit-line-clamp: 2;}
	.bnnrTile1 .triangularTopBox .innerBox{width: 81vw;}
}