@charset "UTF-8";

/* MAIN PAGE Design set ----------------------------------------------------------------------------------------- */
	/* MAIN PAGE // common UI */
	.searchPnl .searchBox>.searchArea .sltJuso, .searchPnl .searchBox>.searchArea .sltPlan{background-image: url(../static/image/common/iconSpr.png); background-repeat: no-repeat; position: relative;}
	.ctgrLink .dropdownList{width: 100%; min-width: 180px; max-height: 11em; background: #FFF; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); padding: 7px 0; position: absolute; top: 50px; left: 0; z-index: 1; display: none; overflow-y: auto!important;}
	.ctgrLink .dropdownList .item:hover{background: #F3FCFF;}
	.ctgrLink .dropdownList .item>.innerLink{height: 32px; line-height: 32px; padding: 0 10px;}
	.titArea{text-align: center;}
	.tileTit{color: #33475B; font-weight: 700; letter-spacing: -.6px;}
	.tileTit+.desc{color: #717171; letter-spacing: -.4px;}
	.pnlTit{font-weight: 700; letter-spacing: -1px; display: inline-block; position: relative; z-index: 0;}
	.pnlTit+.desc{letter-spacing: -1px;}
	.brdArea{}
	.brdArea.wrtanc{height: 100%; border: 1px solid #FAFBFC; padding-left: 0; padding-right: 0;}
	.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{background: #4DC7CA;}
	.brdArea.wrtanc .itemHeader .col-2{background-image: url("../static/image/common/iconSpr.png"); background-repeat: no-repeat;}
	.brdArea.wrtanc .itemHeader .itemWtncNo, .brdArea.wrtanc .itemHeader .itemTit{color: #FFF; text-align: center; letter-spacing: -.4px;}
	.brdArea.wrtanc .item:not(:last-of-type) .itemWtncNo, .brdArea.wrtanc .item:not(:last-of-type) .itemTit, .brdArea.wrtanc .item:not(:last-of-type) .outter{border-bottom: 1px solid #69C5CA;}
	.brdArea.wrtanc .item .itemWtncNo, .brdArea.wrtanc .item .itemTit, .brdArea.wrtanc .item .outter{height: 100%;}
	.brdArea.wrtanc .item .innerLink>.row{height: 100%;}
	.brdArea.wrtanc .innerLink .itemWtncNo, .brdArea.wrtanc .innerLink .itemTit{letter-spacing: -.4px;}
	.brdArea.wrtanc .innerLink .itemWtncNo{color: #FFF; text-align: center;}
	.brdArea.wrtanc .innerLink .itemTit{width: 100%; color: #FFF; vertical-align: -8px;}
	.brdArea.notice .tabList .brdTit{width: calc((100% - 10px) / 2); background: #FFF; font-weight: 500; text-align: center; border: 2px solid transparent; border-radius: 3px; display: inline-block; float: left; position: relative;}
	.brdArea.notice .tabList .brdTit:not(:first-of-type){margin-left: 10px;}
	.brdArea.notice .tabList .brdTit:not(.active){color: #777; border-color: #DEDEDE;}
	.brdArea.notice .tabList .brdTit.active{color: #1C75C7; border-color: #1C75C7;}
	.brdArea.notice .tabList .brdTit.active:before{content: ""; background-image: url("../static/image/main/brdTitActv.png"); background-repeat: no-repeat; border: 1px solid #D9D9D9; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
	.brdArea.notice .brdList{border: 1px solid #E5E5E5;}
	.brdArea.notice .brdList .innerLink{color: #373737; font-weight: 300; line-height: 32px; position: relative;}
	.brdArea.notice .brdList .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{color: #1C75C7; letter-spacing: -.4px; float: right;}

	/* MAIN PAGE // 1st wrapper */
	.mainVisual{background: url("../static/image/main/mainVs.png"), url("../static/image/main/mainVsBg.png"); background-repeat: no-repeat, repeat-x; border-bottom: 4px solid #1E5673; position: relative;}
 	.mainVisual+section{border-top: 52px solid transparent; border-bottom-width:0px; border-image: url("../static/image/main/graSpeLineBg.png") 30 round;}
	.mainVisual .slogan .innerRight{color: #494949; font-weight: 700; letter-spacing: -.6px;}
	.MajorMnGrp{position: absolute; left: 50%; transform: translateX(-50%);}
	.MajorMnGrp .innerBox{background: #FFF; display: flex;}
	.MajorMnGrp .innerBox:before{content: ""; background-repeat: no-repeat; position: absolute;}
	.MajorMnGrp .innerBox:after{content: ""; background-image: url("../static/image/common/iconSpr.png"); background-repeat: no-repeat; background-position: 0 -130px; position: absolute;}

	/* MAIN PAGE // 1st wrapper :: 지번/도로명 검색영역 */
	.searchPnl, .devlpInfoPnl{background: #F5F8FA;}
	.searchPnl .searchBox{background: #00A4BD;}
	.searchPnl .searchBox>.searchArea .textBox input[type="text"]{height: inherit; background: transparent; border: none;}
	.searchPnl .searchBox>.searchArea .sltPlan+.textBox .labelTit{position: relative;}
	.searchPnl .searchBox>.searchArea .sltPlan+.textBox .labelTit:before{content: ""; width: 1px; background: #D2D2D2; position: absolute; top: 50%; right: -12px; transform: translateY(-50%);}
	.searchPnl .searchBox>.searchArea .sltJuso, .searchPnl .searchBox>.searchArea .dtlNum, .searchPnl .searchBox>.searchArea .sltPlan, .searchPnl .searchBox>.searchArea .sltPlan+.textBox, .searchPnl .searchBox>.searchArea .newJuso .textBox{background-color: #FFF; color: #525252; letter-spacing: -1px; border: 1px solid #D2D2D2; border-radius: 3px;}
	.searchPnl .searchBox>.searchArea .sltPlan+.textBox input[type="text"]{width: calc(100% - 60px); float: right;}
	.searchPnl .searchBox>.searchArea .sltPlan+.textBox input[type="text"], .searchPnl .searchBox>.searchArea .sltPlan+.textBox .labelTit{display: inline-block;}
	.searchPnl .searchBox>.searchArea .sltJuso, .searchPnl .searchBox>.searchArea .sltPlan+.textBox, .searchPnl .searchBox>.searchArea .sltPlan, .searchPnl .searchBox>.searchArea .newJuso .textBox{padding: 0 15px;}
	.searchPnl .searchBox>.searchArea .dtlNum{padding: 0 13px 0 18px;}
	.searchPnl .searchBox>.searchArea .dtlNum>.san, .searchPnl .searchBox>.searchArea .dtlNum>.textBox, .searchPnl .searchBox>.searchArea .dtlNum>.textBox>label{display: inline-block; float: left;}
	.searchPnl .searchBox>.searchArea .dtlNum>.san #san{width: 15px; height: 15px; border-radius: 0; vertical-align: -1.5px; margin-left: 2px;}
	.searchPnl .searchBox>.searchArea .dtlNum>.san+.textBox{margin-left: 13px;}
	.searchPnl .searchBox>.searchArea .dtlNum>.textBox+.textBox{margin-left: 7px;}
	.searchPnl .searchBox>.searchArea .dtlNum>.textBox{width: calc((100% - 55px) / 2); background: #FAFAFA; font-size: 15px; font-weight: 300; line-height: normal; border: 1px solid #E1E1E1;}
	.searchPnl .searchBox>.searchArea .dtlNum>.textBox input[type="text"]{width: 100%; color: #9F9F9F; padding: 0 7px;}
	.searchPnl .searchBox>.searchArea .newJuso .textBox input[type="text"]{width: 100%; float: left;}
	.searchPnl .searchBox>.searchArea .searchBtn{background-color: #FF9D6F; background-image: url("../static/image/common/iconSpr.png"), url("../static/image/common/orgBtnGraBg2.png"); background-repeat: no-repeat, repeat-x; color: #FFF; font-weight: 600; text-align: center; letter-spacing: -.6px; border-radius: 3px;}
	.searchType li{width: calc(100% / 3); display: inline-block; float: left;}
	.searchType li:not(.active)>.innerLink{background: #183341; color: #FFF;}
	.searchType li:not(:first-of-type){padding-left: 1px;}
	.searchType li.active>.innerLink{background: #FFF; color: #183341;}
	.searchType li>.innerLink{font-size: 16px; font-weight: 600; text-align: center; border-radius: inherit;}

	/* MAIN PAGE // 2nd wrapper */
	.devlpInfoPnl .pnlTit:before, .devlpInfoPnl .pnlTit:after{content: ""; background: url("../static/image/main/titDeco.png") no-repeat 0 0; position: absolute;}
	.devlpInfoPnl .pnlTit:after{transform: rotate(180deg);}
	.devlpInfoPnl .pnlTit{color: #01917F;}
	.devlpInfoPnl .pnlTit+.desc{color: #3F3F3F;}
	.devlpInfoPnl .tileGrp{background: #FFF; border: 1px solid #DEDEDE; border-radius: 5px;}
	.devlpInfoPnl .tileGrp li{background-image: url("../static/image/main/devlpInfoSpr.png"); background-repeat: no-repeat;}
	.devlpInfoPnl .tileGrp li .tile{font-weight: 600; text-align: center; letter-spacing: -.4px; position: absolute; left: 50%; transform: translateX(-50%);}
	.devlpInfoPnl .tileGrp li .tile:not(.active){color: #33475B;}
	.devlpInfoPnl .tileGrp li .tile.active:before, .devlpInfoPnl .tileGrp li .tile:after{content: ""; position: absolute;}
	.devlpInfoPnl .tileGrp li .tile.active:before{height: 25px; background: #1D75C7; left: 50%; transform: translateX(-50%); z-index: -1;}
	.devlpInfoPnl .tileGrp li .tile:after{background-color: #DBDEE6; background-image: url("../static/image/main/goLinkArr.png"); background-repeat: no-repeat; background-position: center; border-radius: 100%;}
	.wrtancPnl .pnlTit:before, .wrtancPnl .pnlTit:after{content: ""; background: url("../static/image/main/titDeco2.png") no-repeat 0 0; position: absolute;}
	.wrtancPnl .pnlTit:after{transform: rotate(180deg);}
	.wrtancPnl .pnlTit{color: #FFF; position: relative;}
	.wrtancPnl .pnlTit+.desc{color: #D8EFEC;}
	.wrtancPnl .thumnailDtl{height: 100%; background: #FFF; border-radius: 5px; position: relative;}
	.wrtancPnl .thumnailDtl dt:before, .wrtancPnl .thumnailDtl dt:after{content: ""; position: absolute;}
	.wrtancPnl .thumnailDtl dt:before{width: 34px; height: 34px; background-color: #1D75C7; background-image: url("../static/image/main/wrtancMiniBrdSpr.png"); background-repeat: no-repeat; border-radius: 100%;}
	.wrtancPnl .thumnailDtl dt:after{background: #E7E7E7; width: 1px; transform: translateY(-50%);}
	.wrtancPnl .thumnailDtl dt{width: 128px; background-image: url("../static/image/main/wrtancMiniBrdSpr.png"); background-repeat: no-repeat; color: #33475b;}
	.wrtancPnl .thumnailDtl dt.tit{background-position: top 2px left -7px; padding-bottom: 0;}
	.wrtancPnl .thumnailDtl dt.tit:before{background-position: center 1px; top: 1px;}
	.wrtancPnl .thumnailDtl dt.tit:after{height: 36px; top: 50%;}
	.wrtancPnl .thumnailDtl dt.tit+dd{padding-top: 5px; padding-bottom: 0;}
	.wrtancPnl .thumnailDtl dt.period{background-position: top -51px left -5px; padding-bottom: 0;}
	.wrtancPnl .thumnailDtl dt.period:before{background-position: center -58px; transform: translateY(-50%); top: calc(50% + 5px);}
	.wrtancPnl .thumnailDtl dt.period:after{height: 19px; top: calc(50% + 5px);}
	.wrtancPnl .thumnailDtl dt+dd{color: #535353; letter-spacing: -.4px;}
	.wrtancPnl .thumnailDtl .miniMap{height: 204px; border: 1px solid #00B5AD; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1;}
	.wrtancPnl .thumnailDtl .mapOverlayUi a{background-position: right -2px top -969px;}
	.wrtancPnl .thumnailDtl #layers{height: 204px; position: relative; z-index: 5;}
	.providePnl{background: #FFF;}
	.bnnrTile1>.innerLink, .bnnrTile2>.row, .bnnrTile2 .innerBox{height: 100%;}
	.bnnrTile1>.innerLink, .bnnrTile2 .innerBox{border-radius: 3px;}
	.bnnrTile1{position: relative;}
	.bnnrTile1:before{content: ""; background-color: #597087; background-image: url("../static/image/common/iconSpr.png"); background-repeat: no-repeat; border-radius: 100%; position: absolute; z-index: 1;}
	.bnnrTile1>.innerLink{background-color: #485A6C; background-image: url("../static/image/main/dictionary.png"); background-repeat: no-repeat; background-position: right 0 bottom 16px; color: #FFF; letter-spacing: -1.6px; position: relative;}
	.bnnrTile1>.innerLink:before{content: ""; background: #597087; position: absolute;}
	.bnnrTile1>.innerLink .point{font-weight: 500;}
	.bnnrTile2{}
	.bnnrTile2 .innerBox{background: #FFF; color: #485A6C; font-size: 16px; border: 1px solid #DFDFDF;}
	.bnnrTile2 .innerBox .innerLink>figure{background: #FFF url("../static/image/main/logoBnnr.png") no-repeat center; color: transparent; font-size: 0; line-height: 0; border: 1px solid #7A8D9F; border-radius: 5px;}
	.bnnrTile2 .innerBox .innerLink>figure+span{color: #33475b; font-weight: 700;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span{background: #1D75C7; color: #FFF; font-weight: 600; text-align: center; position: relative;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span:after{content: ""; background-image: url("../static/image/common/iconSpr.png"); background-repeat: no-repeat; position: absolute;}
	.bnnrTile2 .innerBox .innerLink>span.underLineTit.green:before{height: 23px; bottom: -3px;}

@media screen and (min-width: 1200px){
	.searchPnl .searchBox>.innerBox, .searchPnl .searchBox>.searchArea{height: 87px;}
	.searchPnl .searchBox>.innerBox{padding-left: 29px; padding-right: 0;}
	.searchPnl .searchBox>.searchArea{padding: 20px 27px 0 0; margin-left: -16px;}
	.searchPnl .searchBox>.searchArea .sltJuso, .searchPnl .searchBox>.searchArea .sltPlan{width: 256px;}
	.searchPnl .searchBox>.searchArea .dtlNum, .searchPnl .searchBox>.searchArea .sltPlan+.textBox{width: calc(100% - 256px - 112px - 30px);}
	.searchPnl .searchBox>.searchArea .newJuso .textBox{width: calc(100% - 112px - 20px);}
	.searchPnl .searchBox>.searchArea .searchBtn{width: 112px; height: 47px; background-position: 17px -896px, 0 center; line-height: 47px; margin-left: 20px; padding-left: 31px; float: right;}
	.wrtancPnl .thumnailDtl{padding: 32px 65px 38px;}
	.wrtancPnl .thumnailDtl .miniMap{width: calc(100% - 70px);}
	.wrtancPnl .thumnailDtl #layers{width: calc(100% + 60px); top: 13px; left: -30px;}
	.brdArea.notice{padding-left: 0;}
	.brdArea.notice .brdList{min-height: 218px;}
	.brdArea.notice .brdList .innerLink{padding-left: 30px;}
	.brdArea.notice .brdList .innerLink:before{left: 18px;}
	.brdArea.notice .itemTit{font-size: 16px; letter-spacing: -.2px;}
	.mainVisual+section{padding-top: 100px;}
	.MajorMnGrp{bottom: -154px;}
	.MajorMnGrp .innerBox:before{width: 90px; height: 90px; background-image: url("../static/image/main/MajorMnIconSpr.png");}
	.MajorMnGrp .innerBox:hover{background: #00A4BD;}
	.MajorMnGrp .innerBox:hover:after{background-position: 0 -190px;}
	.MajorMnGrp .innerBox:hover .tileTit, .MajorMnGrp .innerBox:hover .tileTit+.desc{color: #FFF;}
	.MajorMnGrp li:nth-of-type(1) .innerBox:before{background-position: 0 0;}
	.MajorMnGrp li:nth-of-type(2) .innerBox:before{background-position: -12px -188px;}
	.MajorMnGrp li:nth-of-type(3) .innerBox:before{background-position: 6px -360px;}
	.MajorMnGrp li:nth-of-type(4) .innerBox:before{background-position: 5px -540px;}
	.searchType li{max-width: 143px;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span{margin-top: 12px;}
}
@media screen and (max-width: 1199px){
	.searchPnl .searchBox>.searchArea .newJuso .textBox, .searchPnl .searchBox>.searchArea .searchBtn{width: 100%;}
	.brdArea.notice .itemTit{width: calc(100% - 100px); letter-spacing: -1px;}
	.MajorMnGrp .innerBox:before{background-image: url("../static/image/main/MajorMnIconSpr_m.png"); background-size: cover;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	.MajorMnGrp{bottom: -425px;}
	.MajorMnGrp li:nth-of-type(1), .MajorMnGrp li:nth-of-type(2){padding-bottom: 18px}
	.MajorMnGrp li:nth-of-type(3), .MajorMnGrp li:nth-of-type(4){padding-top: 18px}
	.searchPnl .searchBox>.searchArea .searchBtn{height: 55px; background-position: 400px -893px, 0 center; line-height: 54px; margin-top: 20px; margin-left: 20px; padding-left: 16px; float: right;}
	.wrtancPnl .thumnailDtl{padding: 33px 45px 39px;}
	.wrtancPnl .thumnailDtl .miniMap{width: calc(100% - 60px);}
	.wrtancPnl .thumnailDtl #layers{width: calc(100% + 30px); top: 13px; left: -15px;}
	.brdArea.wrtanc .innerLink .itemTit{padding-right: 15px;}
	.brdArea.wrtanc .innerLink .itemSta{margin-left: -15px;}
	.brdArea.notice{padding-right: 0;}
	.brdArea.notice .itemTit{font-size: 15px;}
}
@media screen and (max-width: 1199px) and (min-width: 768px){
	.MajorMnGrp .innerBox:before{width: 120px; height: 120px;}
	.MajorMnGrp li:nth-of-type(1) .innerBox:before{background-position: 0 0;}
	.MajorMnGrp li:nth-of-type(2) .innerBox:before{background-position: -12px -258px;}
	.MajorMnGrp li:nth-of-type(3) .innerBox:before{background-position: 6px -460px;}
	 li:nth-of-type(4) .innerBox:before{background-position: 5px -710px;}
}
@media screen and (max-width: 1199px) and (min-width: 576px){
	.mainVisual+section{padding-top: 360px;}
	.searchPnl .searchBox>.searchArea .sltJuso, .searchPnl .searchBox>.searchArea .dtlNum, .searchPnl .searchBox>.searchArea .sltPlan+.textBox, .searchPnl .searchBox>.searchArea .sltPlan{width: calc((100% - 10px) / 2);}
	.brdArea.notice .brdList{min-height: 220px;}
	.bnnrTile1, .bnnrTile2{margin-top: 5.5vw;}
}
@media screen and (min-width: 992px){
	.mainVisual{height: 707px; padding-top: 116px;}
	.mainVisual .slogan .innerLeft{background-position: right 0 top 65px;}
	.mainVisual .slogan .innerRight{padding-top: 150px;}
	.tileTit{font-size: 26px;}
	.MajorMnGrp .innerBox{padding: 37px 35px;}
	.MajorMnGrp .innerBox:before{left: 37px;}
	.MajorMnGrp .innerBox:not(:hover):after{background-position: 0 -130px;}
	.devlpInfoPnl .tileGrp li .tile.active:after{background-color: #1D75C7; border-radius: 100%;}
	.wrtancPnl{background: url("../static/image/main/wrtancPnlBg.png") no-repeat center 0;}
	.wrtancPnl .thumnailDtl #layers{top: 20px;}
	.brdArea.wrtanc:before{top: 50%; right: -17px; transform: translateY(-50%);}
	.brdArea.notice{width: calc(100% - 330px - 285px); min-height: 262px;}
	.bnnrTile2{padding-right: 0;}
}
@media screen and (max-width: 991px){
	.wrtancPnl{background: url("../static/image/main/wrtancPnlBg_m.png") no-repeat center 0; background-size: cover;}
	.wrtancPnl .titArea, .wrtancPnl .titArea+.row>:first-of-type, .wrtancPnl .titArea+.row>:last-of-type{padding-left: 0; padding-right: 0;}
	.wrtancPnl .titArea+.row>:first-of-type{margin-bottom: 25px;}
	.wrtancPnl .thumnailDtl{min-height: 383px;}
	.wrtancPnl .thumnailDtl .miniMap{width: calc(100% - 30px);}
	.brdArea.wrtanc:before{left: 50%; bottom: -24px; transform: translateX(-50%) rotate(90deg);}
	.brdArea.wrtanc .innerLink .itemSta{margin-left: -15px;}
	.bnnrTile2{width: calc(100% - 330px);}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.mainVisual .slogan .innerLeft{background-position: top 20px left 115px; background-size: 65%;}
	.MajorMnGrp .innerBox{padding: 37px 27px;}
	.MajorMnGrp .innerBox:before{left: 27px;}
	.devlpInfoPnl .tileGrp li .tile{font-size: 18px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.tileTit{font-size: 24px;}
	.tileTit+.desc{margin-top: 10px;}
	.MajorMnGrp li:nth-of-type(1), .MajorMnGrp li:nth-of-type(3){padding-right: 9px;}
	.MajorMnGrp li:nth-of-type(2), .MajorMnGrp li:nth-of-type(4){padding-left: 9px;}
	.MajorMnGrp li:nth-of-type(1), .MajorMnGrp li:nth-of-type(2){padding-bottom: 9px;}
	.MajorMnGrp li:nth-of-type(3), .MajorMnGrp li:nth-of-type(4){padding-top: 9px;}
	.devlpInfoPnl .tileGrp, .wrtancPnl .container-md, .providePnl .container-md{max-width: inherit;}
	.searchPnl .searchBox>.searchArea .searchBtn{height: 55px; background-position: calc(50% - 24px) -891px, 0 center; line-height: 58px; margin-top: 20px; margin-left: 20px; padding-left: 27px; float: right;}
	.wrtancPnl .thumnailDtl{padding: 33px 45px 39px;}
	.wrtancPnl .thumnailDtl #layers{width: calc(100% + 30px); top: 21px; left: -15px;}
	.brdArea.notice .brdList .innerLink{padding-left: 20px;}
	.brdArea.notice .brdList .innerLink:before{left: 8px;}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.mainVisual{height: 620px;}
	.mainVisual .slogan .innerLeft{min-height: 260px;}
	.MajorMnGrp{bottom: -425px;}
}
@media screen and (min-width: 768px){
	.MajorMnGrp .innerBox{height: 273px;}
	.MajorMnGrp .innerBox:before{top: 31px;}
	.MajorMnGrp .innerBox:after{width: 35px; height: 35px;}
	.searchPnl>[class*="container"]{padding-top: 62px;}
	.devlpInfoPnl, .wrtancPnl, .providePnl{padding-left: 18px; padding-right: 18px;}
	.devlpInfoPnl .tileGrp>.row{height: 506px; background: url("../static/image/main/paperEffct.png") no-repeat center 252px; background-size: contain;}
	.devlpInfoPnl .tileGrp li{width: calc(100% / 5);}
	.devlpInfoPnl .tileGrp li:nth-of-type(1){background-position: center 79px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(2){background-position: center -100px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(3){background-position: center -281px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(4){background-position: center -484px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(5){background-position: center -657px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(6){background-position: center -850px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(7){background-position: center -1029px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(8){background-position: center -1231px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(9){background-position: center -1412px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(10){background-position: center -1588px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(-n+5) .tile{line-height: 376px;}
	.devlpInfoPnl .tileGrp li:nth-last-of-type(-n+5) .tile{line-height: 356px;}
	.devlpInfoPnl .tileGrp li:not(:nth-of-type(5n)):nth-of-type(-n+5):before{top: 40px;}
	.devlpInfoPnl .tileGrp li:not(:nth-of-type(5n)):nth-last-of-type(-n+5):before{top: 17px;}
	.devlpInfoPnl .tileGrp li:not(:nth-of-type(5n)):before{content: ""; width: 1px; height: 196px; background: #EBEBEB; position: absolute; right: -1px;}
	.devlpInfoPnl .tileGrp li .tile:after{width: 42px; height: 42px; top: 42px; right: 25px;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span{display: inline-block; margin-left: 1.5vw;}
}
@media screen and (max-width: 767px){
	.mainVisual{height: 80vw;}
	.MajorMnGrp .innerBox{height: calc((100vw - 50px) / 2);}
	.MajorMnGrp li:nth-of-type(1) .innerBox:before{background-position: 0 0;}
	.MajorMnGrp li:nth-of-type(2) .innerBox:before{background-position: -12px -318px;}
	.MajorMnGrp li:nth-of-type(3) .innerBox:before{background-position: 6px -598px;}
	.MajorMnGrp li:nth-of-type(4) .innerBox:before{background-position: 5px -898px;}
	.devlpInfoPnl .tileGrp li{width: calc(100% / 2);}
	.devlpInfoPnl .tileGrp li:nth-of-type(odd):not(:last-of-type):after{content: ""; width: calc((100% * 2) - 36px); height: 15px; background: url("../static/image/main/paperEffct.png") no-repeat center 0; background-size: contain; position: absolute;}
	.devlpInfoPnl .tileGrp li:nth-last-of-type(2):after{display: none;}
	.brdArea.notice .brdList{padding-top: 3.7vw; padding-bottom: 3.7vw;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span{display: block;}
}
@media screen and (max-width: 767px) and (min-width: 576px){
	.mainVisual .slogan .innerLeft{min-height: 170px; background-position: top 20px left 115px; background-size: 65%;}
	.MajorMnGrp{height: 80vw; bottom: -395px;}
	.MajorMnGrp .innerBox{padding: 5.5vw 25px;}
	.MajorMnGrp .innerBox:before{width: 150px; height: 150px; left: 20px; bottom: 20vw;}
	.searchPnl>[class*="container"]{padding-top: 154px;}
	.devlpInfoPnl, .wrtancPnl, .providePnl{padding-left: 25px; padding-right: 25px;}
	.devlpInfoPnl .tileGrp>.row{padding-top: 23px; padding-bottom: 23px;}
	.devlpInfoPnl .tileGrp li{height: 230px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(1){background-position: center 57px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(2){background-position: center -123px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(3){background-position: center -291px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(4){background-position: center -495px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(5){background-position: center -682px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(6){background-position: center -867px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(7){background-position: center -1029px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(8){background-position: center -1246px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(9){background-position: center -1427px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(10){background-position: center -1603px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(odd):not(:first-of-type):before{top: 17px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(odd):first-of-type:before{top: 17px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(even):before{display: none;}
	.devlpInfoPnl .tileGrp li:before{content: ""; width: 1px; height: 196px; background: #EBEBEB; position: absolute; right: 0;}
	.devlpInfoPnl .tileGrp li:nth-of-type(odd):not(:last-of-type):after{bottom: -15px;}
	.devlpInfoPnl .tileGrp li .tile{line-height: 343px;}
	.devlpInfoPnl .tileGrp li .tile:after{width: 42px; height: 42px; top: 42px; right: 25px;}
	.bnnrTile1>.innerLink .point{display: block;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span{margin: 12px auto 0;}
}
@media screen and (min-width: 576px){
	.MajorMnGrp .innerBox:after{width: 35px; height: 35px; top: 42px; right: 38px;}
	.searchPnl .searchBox>.searchArea .sltJuso, .searchPnl .searchBox>.searchArea .sltPlan{background-position: top -261px right 10px;}
	.titArea{padding: 53px 0 76px;}
	.tileTit{line-height: 30px;}
	.tileTit+.desc{font-size: 15px; line-height: 22px; margin-top: 14px;}
	.pnlTit{font-size: 36px;}
	.pnlTit, .pnlTit+.desc{line-height: 30px;}
	.pnlTit+.desc{padding-top: 25px;}
	.mainVisual{background-position: left 60% top 18px, left top;}
	.mainVisual .slogan .innerLeft{background-image: url("../static/image/main/slogan.png"); background-repeat: no-repeat;}
	.mainVisual .slogan .innerRight{font-size: 15px; line-height: 28px;}
	.MajorMnGrp .innerBox{border-radius: 5px; box-shadow: 0px 0px 7px rgba(0,0,0,.2);}
	.devlpInfoPnl{padding-bottom: 100px;}
	.devlpInfoPnl .pnlTit:before, .devlpInfoPnl .pnlTit:after{width: 100px; height: 36px; top: -.1em;}
	.devlpInfoPnl .pnlTit:before{left: -138px;}
	.devlpInfoPnl .pnlTit:after{right: -138px;}
	.devlpInfoPnl .pnlTit+.desc{margin-top: 24px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(odd):not(:first-of-type):before{top: 17px;}
	.devlpInfoPnl .tileGrp li .tile{font-size: 20px;}
	.searchType li{height: 47px; line-height: 46px;}
	.searchType li:first-of-type{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
	.searchType li:last-of-type{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	.searchPnl>[class*="container"]{padding-bottom: 62px;}
	.searchPnl .searchBox{border-radius: 7px;}
	.searchPnl .searchBox>.innerBox, .searchPnl .searchBox>.searchArea{padding-bottom: 20px;}
	.searchPnl .searchBox>.innerBox{padding-top: 20px;}
	.searchPnl .searchBox>.searchArea .sltJuso, .searchPnl .searchBox>.searchArea .dtlNum, .searchPnl .searchBox>.searchArea .sltPlan, .searchPnl .searchBox>.searchArea .sltPlan+.textBox, .searchPnl .searchBox>.searchArea .newJuso .textBox{height: 47px; font-size: 15px; line-height: 45px; display: inline-block; float: left;}
	.searchPnl .searchBox>.searchArea .dtlNum, .searchPnl .searchBox>.searchArea .sltPlan+.textBox{margin-left: 10px;}
	.searchPnl .searchBox>.searchArea .dtlNum>.textBox input[type="text"], .searchPnl .searchBox>.searchArea .dtlNum>.searchBtn{height: 30px;}
	.searchPnl .searchBox>.searchArea .dtlNum>.textBox{margin-top: 6px;}
	.searchPnl .searchBox>.searchArea .searchBtn{font-size: 20px;}
	.searchPnl .searchBox>.searchArea .sltPlan .textBox{width: 256px;}
	.searchPnl .searchBox>.searchArea .sltPlan+.textBox .labelTit:before{height: 25px;}
	.wrtancPnl{padding-top: 50px; padding-bottom: 100px;}
	.wrtancPnl .pnlTit:before, .wrtancPnl .pnlTit:after{width: 100px; height: 36px; top: -.1em;}
	.wrtancPnl .pnlTit:before{left: -138px;}
	.wrtancPnl .pnlTit:after{right: -138px;}
	.wrtancPnl .thumnailDtl dt{font-size: 16px;}
	.wrtancPnl .thumnailDtl dt:before{left: -15px;}
	.wrtancPnl .thumnailDtl dt:after{right: 12px;}
	.wrtancPnl .thumnailDtl dt.tit{padding-top: 4px; padding-left: 29px;}
	.wrtancPnl .thumnailDtl dt.tit, .wrtancPnl .thumnailDtl dt.tit+dd{height: 50px;}
	.wrtancPnl .thumnailDtl dt.tit:after{height: 36px; top: 50%;}
	.wrtancPnl .thumnailDtl dt.tit+dd{line-height: 22px; padding-left: 4px; padding-right: 40px;}
	.wrtancPnl .thumnailDtl dt.period{padding-top: 17px; padding-left: 28px; padding-right: 19px;}
	.wrtancPnl .thumnailDtl dt.period+dd{line-height: 36px; padding-top: 13px; padding-left: 4px;}
	.wrtancPnl .thumnailDtl dd{font-size: 15px;}
	.wrtancPnl .thumnailDtl .miniMap{bottom: 26px;}
	.providePnl{padding-top: 98px; padding-bottom: 94px;}
	.brdArea.wrtanc .itemHeader .col-2{background-position: center -310px;}
	.brdArea.wrtanc .itemHeader .itemWtncNo, .brdArea.wrtanc .itemHeader .itemTit{height: 70px; font-size: 18px; line-height: 70px;}
	.brdArea.wrtanc .itemHeader+.item{margin-top: 20px;}
	.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 .item{height: 54px;}
	.brdArea.wrtanc .item:last-of-type{margin-bottom: 20px;}
	.brdArea.wrtanc .item .itemWtncNo, .brdArea.wrtanc .item .itemTit{font-size: 16px;}
	.brdArea.wrtanc .item .itemWtncNo, .brdArea.wrtanc .item .itemTit, .brdArea.wrtanc .item .outter{line-height: 52px;}
	.brdArea.wrtanc .item .outter{text-align: center;}
	.brdArea.notice .tabList .brdTit{height: 70px; line-height: 68px;}
	.brdArea.notice .tabList .brdTit.active:before{width: 38px; height: 38px; background-position: center; right: 17px;}
	.brdArea.notice .brdTit{font-size: 22px;}
	.brdArea.notice .brdList{margin-top: 20px; padding: 28px 30px 30px 15px;}
	.brdArea.notice .itemDate{font-size: 14px; padding: 0 6px;}
	.noGap>[class*="col"].bnnrTile1{padding-right: 10px;}
	.noGap>[class*="col"].bnnrTile2{padding-left: 10px;}
	.bnnrTile1:before{width: 38px; height: 38px; background-position: 0 -777px; top: 22px; right: 40px;}
	.bnnrTile1>.innerLink, .bnnrTile1>.innerLink .point{line-height: 32px;}
	.bnnrTile1>.innerLink{font-size: 24px; display: inline-block; padding: 25px 30px;}
	.bnnrTile1>.innerLink:before{width: calc(100% - 60px); height: 2px; top: 105px;}
	.bnnrTile1>.innerLink .point{font-size: 30px; display: block;}
	.bnnrTile2 .innerBox{text-align: center; padding: 30px 30px 38px;}
	.bnnrTile2 .innerBox>.innerLink{line-height: 32px;}
	.bnnrTile2 .innerBox .innerLink>figure{width: calc(100% - 30px); min-width: 207px; min-height: 92px; margin: 8px auto 22px;}
	.bnnrTile2 .innerBox .innerLink>figure+span{font-size: 24px; line-height: 35px; display: inline-block;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span{width: 137px; height: 37px; font-size: 16px; line-height: 36px; border-radius: 18px; padding-right: 10px;}
}
@media screen and (max-width: 575px){
	.tileTit{font-size: 4vw; line-height: 4.6vw;}
	.tileTit+.desc{font-size: 13px; line-height: 16px; margin-top: 6px;}
	.pnlTit, .pnlTit+.desc{line-height: 16px;}
	.pnlTit{font-size: 21px;}
	.pnlTit+.desc{font-size: 13px; padding: 12px 20px 26px;}
	.mainVisual{height: 108vw; background-position: bottom 0 left -152px, left -120px; background-size: 190%, auto; border-bottom-width: 2px; padding-top: 7vw;}
	.mainVisual+section{border-top-width: 34px; padding-top: 215px;}
	.mainVisual .slogan .innerLeft{min-height: 27vw; background: url(../static/image/main/slogan.png) no-repeat right 35px top 10px; background-size: 80vw; padding-top: 20px;}
	.mainVisual .slogan .innerRight{font-size: 3.5vw; line-height: 21.5px; padding-top: 20px; padding-left: 5px; padding-right: 5px;}
	.MajorMnGrp{bottom: -265px;}
	.MajorMnGrp .innerBox{max-height: 180px; border-radius: 3px; box-shadow: 0px 0px 5px rgba(0,0,0,.1); padding: 14px 15px;}
	.MajorMnGrp .innerBox:before{width: 65px; height: 65px;}
	.MajorMnGrp .innerBox:after{width: 35px; height: 35px; top: 26px; right: 26px;}
	.MajorMnGrp li:nth-of-type(1), .MajorMnGrp li:nth-of-type(3){padding-right: 5px;}
	.MajorMnGrp li:nth-of-type(2), .MajorMnGrp li:nth-of-type(4){padding-left: 5px;}
	.MajorMnGrp li:nth-of-type(1) .innerBox:before{background-position: 0 0; left: 17px; bottom: 87px;}
	.MajorMnGrp li:nth-of-type(2) .innerBox:before{background-position: 0 32%; left: 15px; bottom: 100px;}
	.MajorMnGrp li:nth-of-type(3) .innerBox:before{background-position: 0 68%; left: 24px; bottom: 80px;}
	.MajorMnGrp li:nth-of-type(4) .innerBox:before{background-position: 0 100%; left: 24px; bottom: 85px;}
	.MajorMnGrp li:not(:nth-of-type(-n+2)){padding-top: 10px;}
	.devlpInfoPnl, .wrtancPnl, .providePnl{padding-left: 18px; padding-right: 18px;}
	.devlpInfoPnl{padding-bottom: 57px;}
	.devlpInfoPnl .pnlTit:before, .devlpInfoPnl .pnlTit:after{width: 16vw; height: 5.8vw; background-size: cover; top: -.2em;}
	.devlpInfoPnl .pnlTit:before{left: -21.3vw;}
	.devlpInfoPnl .pnlTit:after{right: -21.3vw;}
	.devlpInfoPnl .tileGrp li{height: 119px; background-size: 60px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(1){background-position: center 8px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(2){background-position: center -111px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(3){background-position: center -227px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(4){background-position: center -359px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(5){background-position: center -481px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(6){background-position: center -603px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(7){background-position: center -726px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(8){background-position: center -862px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(9){background-position: center -972px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(10){background-position: center -1087px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(odd):not(:last-of-type):after{bottom: -5px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(even):before{display: none;}
	.devlpInfoPnl .tileGrp li:before{content: ""; width: 1px; height: 99px; background: #EBEBEB; position: absolute; right: 0;}
	.devlpInfoPnl .tileGrp li .tile{font-size: 15px;}
	.devlpInfoPnl .tileGrp li .tile:after{width: 32px; height: 32px; top: 0; right: 10px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(-n+2) .tile{line-height: 162px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(5) .tile, .devlpInfoPnl .tileGrp li:nth-of-type(6) .tile{line-height: 168px;}
	.devlpInfoPnl .tileGrp li:nth-of-type(7) .tile, .devlpInfoPnl .tileGrp li:nth-of-type(8) .tile{line-height: 158px;}
	.devlpInfoPnl .tileGrp li:not(:nth-of-type(-n+2)):not(:nth-of-type(5)):not(:nth-of-type(6)):not(:nth-of-type(7)):not(:nth-of-type(8)) .tile{line-height: 178px;}
	.devlpInfoPnl .tileGrp>.row{padding-top: 19px; padding-bottom: 1px;}
	.searchType li{height: 35px; line-height: 34px;}
	.searchType li:first-of-type{border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
	.searchType li:last-of-type{border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
	.searchPnl>[class*="container"]{padding-top: 47px; padding-bottom: 53px;}
	.searchPnl .searchBox{border-radius: 4px;}
	.searchPnl .searchBox>.innerBox, .searchPnl .searchBox>.searchArea{padding-bottom: 15px;}
	.searchPnl .searchBox>.innerBox{padding-top: 15px;}
	.searchPnl .searchBox>.searchArea .sltJuso, .searchPnl .searchBox>.searchArea .dtlNum, .searchPnl .searchBox>.searchArea .sltPlan, .searchPnl .searchBox>.searchArea .sltPlan+.textBox, .searchPnl .searchBox>.searchArea .newJuso .textBox{height: 35px; font-size: 15px; line-height: 35px;}
	.searchPnl .searchBox>.searchArea .sltJuso, .searchPnl .searchBox>.searchArea .sltPlan{background-position: top -268px right 10px;}
	.searchPnl .searchBox>.searchArea .sltPlan+.textBox, .searchPnl .searchBox>.searchArea .dtlNum{margin-top: 4px;}
	.searchPnl .searchBox>.searchArea .dtlNum>.textBox{margin-top: 4px;}
	.searchPnl .searchBox>.searchArea .dtlNum>.textBox input[type="text"], .searchPnl .searchBox>.searchArea .dtlNum>.searchBtn{height: 23px;}
	.searchPnl .searchBox>.searchArea .sltPlan+.textBox .labelTit:before{height: 12px;}
	.searchPnl .searchBox>.searchArea .searchBtn{height: 35px; background-position: calc(50% - 30px) -673px, 0 center; background-size: 30px, contain; font-size: 15px; line-height: 34px; margin-top: 15px;}
	.wrtancPnl{padding-top: 65px; padding-bottom: 40px;}
	.wrtancPnl .pnlTit:before, .wrtancPnl .pnlTit:after{width: 16vw; height: 5.8vw; background-size: cover; top: -.2em;}
	.wrtancPnl .pnlTit:before{left: -21.3vw;}
	.wrtancPnl .pnlTit:after{right: -21.3vw;}
	.wrtancPnl .thumnailDtl{padding: 33px 25px 39px;}
	.wrtancPnl .thumnailDtl dt, .wrtancPnl .thumnailDtl dd{padding-right: 0;}
	.wrtancPnl .thumnailDtl dt{font-size: 13px;}
	.wrtancPnl .thumnailDtl dt:before{left: 5px;}
	.wrtancPnl .thumnailDtl dt:after{right: -7px;}
	.wrtancPnl .thumnailDtl dt.tit{padding-top: .65em; padding-left: 47px;}
	.wrtancPnl .thumnailDtl dt.tit+dd{min-height: 41px; line-height: 18px;}
	.wrtancPnl .thumnailDtl dt.period{line-height: 36px; padding-top: .5em; padding-left: 46px;}
	.wrtancPnl .thumnailDtl dt.period+dd{line-height: 36px; padding-top: .5em;}
	.wrtancPnl .thumnailDtl dd{font-size: 12px;}
	.wrtancPnl .thumnailDtl .miniMap{bottom: 46px;}
	.wrtancPnl .thumnailDtl #layers{width: calc(100% + 20px); top: 17px; left: -10px;}
	.providePnl{padding-top: 55px; padding-bottom: 110px;}
	.brdArea.wrtanc{padding-bottom: 12px;}
	.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 .itemHeader .col-2{background-position: center -330px;}
	.brdArea.wrtanc .item .col-2{display: none;}
	.brdArea.wrtanc .item{height: 40px;}
	.brdArea.wrtanc .item .itemWtncNo, .brdArea.wrtanc .item .itemTit, .brdArea.wrtanc .item .outter{line-height: 40px;}
	.brdArea.wrtanc .innerLink>.row>[class*="col-"]:first-of-type{padding-top: 3px; padding-left: 0; padding-right: 0;}
	.brdArea.wrtanc .innerLink>.row>.col-9{padding-right: 0;}
	.brdArea.wrtanc .innerLink .itemWtncNo, .brdArea.wrtanc .innerLink .itemTit{font-size: 12px;}
	.brdArea.notice{width: calc(100vw - 36px);}
	.brdArea.notice .tabList .brdTit{font-size: 18px; height: 49px; line-height: 45px;}
	.brdArea.notice .tabList .brdTit.active:before{width: 25px; height: 25px; background-position: center; background-size: 50%; right: 8px;}
	.brdArea.notice .brdList{margin-top: 15px;}
	.brdArea.notice .brdList .innerLink{padding-left: 27px;}
	.brdArea.notice .brdList .innerLink:before{left: 15px;}
	.brdArea.notice .itemTit, .brdArea.notice .itemDate{font-size: 15px;}
	.brdArea.notice .itemDate{padding: 0 16px 0 6px;}
	.bnnrTile1, .bnnrTile2{height: 42.5vw; min-height: 160px; margin-top: 25px;}
	.noGap>[class*="col"].bnnrTile1{padding-right: 5.5px;}
	.noGap>[class*="col"].bnnrTile2{padding-left: 5.5px;}
	.bnnrTile1:before{width: 28px; height: 28px; background-position: -4px -781px; top: 14px; right: 20px;}
	.bnnrTile1>.innerLink, .bnnrTile1>.innerLink .point{line-height: 4.5vw; display: block;}
	.bnnrTile1>.innerLink{background-size: 30vw; font-size: 3.2vw; padding: 16px 14px;}
	.bnnrTile1>.innerLink:before{width: calc(100% - 28px); height: 1px; top: 15vw;}
	.bnnrTile1>.innerLink .point{font-size: 4vw;}
	.bnnrTile2 .innerBox{padding: 12px 38px;}
}
@media screen and (max-width: 575px) and (min-width: 411px){
	.bnnrTile2 .innerBox>.innerLink{font-size: 3.2vw; line-height: 16.5px; padding: 0 13px;}
	.bnnrTile2 .innerBox .innerLink>figure{width: 100%; height: 12vw; background-size: contain; margin-top: 2vw; margin-bottom: 3vw;}
	.bnnrTile2 .innerBox .innerLink>figure+span{font-size: 4vw; text-align: center; display: block; margin-top: 4vw;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span{width: 25vw; height: 7.5vw; font-size: 2.8vw; line-height: 7vw; border-radius: 25px; display: block; margin: 3.5vw auto 0; padding-right: 10px;}
}
@media screen and (min-width: 411px){
	.bnnrTile2 .innerBox .innerLink>figure+span+span:after{width: 35px; height: 35px; background-position: center -777px;}
}
@media screen and (max-width: 410px){
	.bnnrTile2 .innerBox>.innerLink{font-size: 13px; line-height: 16.5px; padding: 0 13px;}
	.bnnrTile2 .innerBox .innerLink>figure{width: 100%; height: 44px; background-size: contain; margin-top: 7px; margin-bottom: 11px;}
	.bnnrTile2 .innerBox .innerLink>figure+span{font-size: 15px; text-align: center; display: block;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span{width: 92px; height: 28px; font-size: 13px; line-height: 26px; border-radius: 18px; margin: 9px auto 0; padding-right: 10px;}
	.bnnrTile2 .innerBox .innerLink>figure+span+span:after{width: 25px; height: 25px; background-position: center -782px;}
}