@charset "utf-8";



/* main_slider */
.mainVisualBg{position:relative;background:#009DDA}
.main_slider{margin:auto;position:relative;width:1400px;height:443px}
.main_slider ul{clear:both;display:block}
.main_slider ul li  > a{display:block;position:relative;width:100%}
.main_slider ul li  > a:after{content:"";clear:both;display:block}
.slogan{float:left;position:relative;top:85px;left:60px;width:660px;letter-spacing:-0.07em;word-break:keep-all;word-wrap:break-word}
.slogan > p{margin-bottom:10px;font-size:2.571rem;/*36px*/color:#fff;font-weight:500;line-height:1.2;animation-duration:2s;-webkit-animation-duration:2s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-timing-function:ease;-webkit-animation-timing-function:ease;animation-delay:0.5s;-webkit-animation-delay:0.5s;animation-name:slogan;-webkit-animation-name:slogan;}
.slogan > strong{display:block;font-size:4.286rem;/*60px*/color:#fff;font-weight:700;line-height:1.2;animation-duration:2s;-webkit-animation-duration:2s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-timing-function:ease;-webkit-animation-timing-function:ease;animation-delay:1s;-webkit-animation-delay:1s;animation-name:slogan2;-webkit-animation-name:slogan2;}
.slogan > strong > span{font-size:7.143rem;/*100px*/;color:#fff}

.slogan > span{display:inline-block;margin-top:10px;padding:10px 30px;border-radius:20px;border:1px solid #fff;font-size:1.214rem;/*17px*/;color:#fff;animation-duration:2s;-webkit-animation-duration:2s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-timing-function:ease;-webkit-animation-timing-function:ease;animation-delay:1s;-webkit-animation-delay:1s;animation-name:slogan2;-webkit-animation-name:slogan2;}
.mainImg{float:right;position:relative;right:0;bottom:0;width:740px;height:443px}
.mainImg img{width:100%}
.mainVideo{position:absolute;overflow:hidden;right:0;top:0;bottom:0;width:740px;height:443px}
.mainVideo > p{display:block;position:absolute;left:12.4%;top:7%;width:75%;height:68.5%;background:#000}
.mainVideo video{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}





/* pagerType */
#slideCounter{z-index:2;position:absolute;left:265px;bottom:50px;font-size:1.714rem;/*24px*/color:#fff}
#slideCounter span em{font-size:1.714rem;/*24px*/color:#fff}
#slideCounter span em:after{content:"";display:inline-block;width:74px;height:25px;background:url("../../../images/renewal/main/bxLine.png") center 17px no-repeat}

.main_slider .bx-wrapper{margin:auto;position:relative;width:100%;background:transparent}
.main_slider .bx-controls{z-index:2;position:relative;width:1400px;text-indent:-99999px}
.main_slider .bx-controls-direction{position:absolute;left:60px;bottom:35px;/*width:170px;*/height:50px;transition:0.5s}
.main_slider .bx-controls-direction .bx-prev{display:inline-block;position:absolute;left:0;width:50px;height:50px;border-radius:50%;border:1px solid #fff}
.main_slider .bx-controls-direction .bx-prev img{position:absolute;left:12px;top:18px;transition:0.5s}
.main_slider .bx-controls-direction .bx-next{display:inline-block;position:absolute;left:120px;width:50px;height:50px;border-radius:50%;border:1px solid #fff}
.main_slider .bx-controls-direction .bx-next img{position:absolute;left:12px;top:18px;transition:0.5s}
.main_slider .bx-controls-direction .bx-prev:hover img, .main_slider .bx-controls-direction .bx-prev:focus img{transform:translateX(-5px);-webkit-transform:translateX(-5px)}
.main_slider .bx-controls-direction .bx-next:hover img, .main_slider .bx-controls-direction .bx-next:focus img{transform:translateX(5px);-webkit-transform:translateX(5px)}
.main_slider .bx-controls-auto{z-index:3;position:absolute;left:120px;bottom:35px;transition:0.5s}
.main_slider .bx-controls-auto a.bx-start{display:block;width:50px;height:50px;border-radius:50%;border:1px solid #fff}
.main_slider .bx-controls-auto a.bx-stop{display:block;width:50px;height:50px;border-radius:50%;border:1px solid #fff}
.main_slider .bx-controls-auto a.bx-start img{position:absolute;left:20px;top:17px;background:url("../../../images/renewal/main/bx_play.png") center center no-repeat}
.main_slider .bx-controls-auto a.bx-stop img{position:absolute;left:20px;top:17px;background:url("../../../images/renewal/main/bx_stop.png") center center no-repeat}
.main_slider .bx-controls-direction .bx-prev:focus img, .main_slider .bx-controls-direction .bx-next:focus img, .main_slider .bx-controls-auto a.bx-start:focus img, .main_slider .bx-controls-auto a.bx-stop:focus img{box-sizing:border-box}
.main_slider .bx-controls-auto a.bx-start:hover, .main_slider .bx-controls-auto a.bx-start:focus, .main_slider .bx-controls-auto a.bx-stop:hover, .main_slider .bx-controls-auto a.bx-stop:focus{border:2px solid #fff}
.main_slider .bx-controls-auto a.active{display:none}

@keyframes slogan {
    0% {opacity:0;transform:translateY(30px)}
    100% {opacity:1;transform:translateY(0px)}
}
@-webkit-keyframes slogan {
    0% {opacity:0;-webkit-transform:translateY(30px)}
    100% {opacity:1;-webkit-transform:translateY(0px)}
}
@keyframes slogan2 {
    0% {opacity:0;transform:translateY(30px)}
    100% {opacity:1;transform:translateY(0px)}
}
@-webkit-keyframes slogan2 {
    0% {opacity:0;-webkit-transform:translateY(30px)}
    100% {opacity:1;-webkit-transform:translateY(0px)}
}




/* policyBox */
.mainContentBox{position:relative;overflow:hidden;padding:80px 0 110px;background:#fff}
.mainContent{margin:auto;width:1400px}
.mainContent h2{display:block;margin-bottom:50px;font-size:2.857rem;/*40px*/color:#000;font-weight:600;text-align:center;letter-spacing:-0.05em}
.policyBox{background:url("../../../images/renewal/main/policyBg.png") center top no-repeat #f2f5f6}
.policyItems{float:left;width:calc(50% - 10px)}
.policyItems:last-child{margin-left:20px}
.policyItems > div{min-height:270px;padding:30px;box-sizing:border-box;background:#fff}
.policyItems > div:last-child{position:relative;margin-top:20px}

/* 정책자료, 세미나 자료, 보도자료, 연구보고서 */
/* tabs */
.tab > ul{position:relative}
.tab > ul > li{float:left;margin-right:20px}
.tab > ul > li > a{z-index:1;display:block;position:relative;padding:5px 10px 10px;font-size:2rem/*28px*/;color:rgba(117,117,117,1);text-align:center;font-weight:400;letter-spacing:-0.03em;transition:0.3s}
.tab > ul > li > a:after{content:"";z-index:-1;position:absolute;left:50%;bottom:5px;width:0;height:9px;background:rgba(118,229,255,1);transition:0.3s}
.tab > ul > li > a:hover, .tab > ul > li > a:focus, .tab > ul > li > a.show{color:rgba(34,34,34,1);font-weight:500}
.tab > ul > li > a.show:after{content:"";width:100%;left:0}
.tab_content{display:none;position:absolute;left:0;width:100%}
.tab_content > p{position:absolute;right:0;top:-35px}
.btn_more{display:inline-block;width:24px;height:24px;border-radius:50%;background:url("../../../images/renewal/main/icon_plus.png") center center no-repeat #888;transition:0.5s linear}
.btn_more:hover, .btn_more:focus{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.tab.report{background:#2170bf}
.tab.report > ul > li > a{color:rgba(255,255,255,0.7)}
.tab.report > ul > li > a:after{background:rgba(67,160,255,1);}
.tab.report > ul > li > a:hover, .tab.report > ul > li > a:focus, .tab.report > ul > li > a.show{color:rgba(255,255,255,1)}
.report .btn_more{background:url("../../../images/renewal/main/icon_plus2.png") center center no-repeat #fff}

/* post */
.post{position:relative;margin-top:30px}
.post:after{content:"";clear:both;display:block}
.post > li{margin-top:17px}
.post > li:first-child{margin-top:0}
.post > li:after{content:"";clear:both;display:block}
.post > li > p{float:left;width:85%}
.post > li > p > a{float:left;overflow:hidden;max-width:95%;font-size:1.286rem/*18px*/;color:#666;text-align:left;letter-spacing:-0.03em;white-space:nowrap;text-overflow:ellipsis}
.post > li > p > a:hover, .post > li > p > a:focus{color:#0d47a0;text-decoration:underline}
.post > li > p .iconNew{float:left;width:12px;height:13px;margin:2px 0 0 3px;background:url("../../../images/renewal/main/icon_new.png") no-repeat}
.post > li > span{float:right;font-size:1.143rem;/*16px*/color:#757575}
.post > a > p{margin-bottom:15px;font-size:1.857rem;/*26px*/}
.post > a > p, .post > a > div{display:block;color:#fff;line-height:1.4}
.post > a:hover > p, .post > a:focus > p, .post > a:hover > div, .post > a:focus > div{text-decoration:underline}
.mainTxtCut{position:relative;overflow:hidden;max-height:calc(18 * 1.4 * 2 * 1px);font-size:1.286rem;/*18px*/;word-break:break-all}
.mainTxtCut:before, .mainTxtCut:after{position:absolute;background:#2170bf}
.mainTxtCut:before{content:"...";right:0;top:calc(18 * 1.4 * (2 - 1) * 1px);width:1em}
.mainTxtCut:after{content:"";width:100%;height:100%}
.report .post > li > p > a{color:#fff}
.report .post > li > span{color:#ADD0F4}

/* 균형발전 사업 검색 */
.searchBusiBox{position:relative;background:url("../../../images/renewal/main/searchBusiBg.png") calc(100% - 65px) 35px no-repeat #fff !important}
.searchBusiBox li{width:70%;margin-bottom:30px;font-size:1.143rem;/*16px*/color:#666;line-height:1.4;word-break:keep-all;word-wrap:break-word}
.searchBusiBox li:first-child{margin-top:5px}
.searchBusiBox li strong{font-size:2rem/*28px*/;color:#222;letter-spacing: -2px;}
.searchBusi input[type="text"]{float:left;width:480px;height:50px;padding:5px;border-radius:3px;border:1px solid #0D47A0;box-sizing:border-box;font-size:1.071rem;/*15px*/}
.searchBusi input[type="submit"]{width:110px;height:50px;margin-left:5px;border-radius:3px;border:none;background:#0D47A0;font-size:1.286rem/*18px*/;color:#fff}

/* infoGraphic */
.policyItems > .infoGraphic{padding:0;background:url("../../../images/renewal/main/infoBg.png") no-repeat}
.policyItems > .infoGraphic:after{content:"";z-index:1;display:block;position:absolute;right:50px;top:70px;width:124px;height:124px;background:url("../../../images/renewal/main/icon_info.png") no-repeat}
.infoGraphic > a{display:block;height:270px;padding:30px}
.infoGraphic p{margin:0px 0 80px 0;font-size:4.071rem;/*57px*/;color:#fff;letter-spacing: -2px;}
.infoGraphic p strong{color:#fff;font-weight:600;font-size: 4.071rem;letter-spacing: -2px;}
.infoGraphic span{font-size:1.143rem;/*16px*/color:#fff;line-height:1.4}
.infoGraphic span em{display:block;font-size:inherit;color:#fff}



/* 정보 */
.infoContent:after{content:"";clear:both;display:block}
.infoContent li{float:left;width:335px;height:270px;margin-left:20px;}
.infoContent li:first-child{margin-left:0}
.infoContent li a{display:block;position:relative;width:100%;height:100%;padding:40px;border-radius:10px;border:1px solid #ccc;background:#fff;box-sizing:border-box;box-shadow:0 6px 6px #f0f0f0;transition:0.5s;transform:translateY(0);-webkit-transform:translateY(0);box-sizing:border-box;letter-spacing:-0.03em;word-break:break-all}
.infoContent li a:hover, .infoContent li a:focus{border:1px solid rgba(96,176,255,0.5);background:#60b0ff;box-shadow:0 6px 6px #f0f0f0;transform:translateY(-10px);-webkit-transform:translateY(-10px)}
.infoContent li a:after{content:"";display:block;position:absolute;right:40px;bottom:40px;width:100%;height:100%}
.infoContent li:nth-child(1) a:after{background:url("../../../images/renewal/main/icon_info01.png") right bottom no-repeat}
.infoContent li:nth-child(2) a:after{background:url("../../../images/renewal/main/icon_info02.png") right bottom no-repeat}
.infoContent li:nth-child(3) a:after{background:url("../../../images/renewal/main/icon_info03.png") right bottom no-repeat}
.infoContent li:nth-child(4) a:after{background:url("../../../images/renewal/main/icon_info04.png") right bottom no-repeat}
.infoContent li:hover:nth-child(1) a:after, .infoContent li:nth-child(1) a:focus:after{background:url("../../../images/renewal/main/icon_info01on.png") right bottom no-repeat}
.infoContent li:hover:nth-child(2) a:after, .infoContent li:nth-child(2) a:focus:after{background:url("../../../images/renewal/main/icon_info02on.png") right bottom no-repeat}
.infoContent li:hover:nth-child(3) a:after, .infoContent li:nth-child(3) a:focus:after{background:url("../../../images/renewal/main/icon_info03on.png") right bottom no-repeat}
.infoContent li:hover:nth-child(4) a:after, .infoContent li:nth-child(4) a:focus:after{background:url("../../../images/renewal/main/icon_info04on.png") right bottom no-repeat}
.infoContent li a p{font-size:2rem;/*28px*/;color:#000;font-weight:600}
.infoContent li a:hover p, .infoContent li a:focus p{color:#fff}
.infoContent li a p:after{content:"";display:block;width:45px;height:3px;margin:20px 0;background:#60B0FF}
.infoContent li a:hover p:after, .infoContent li a:focus p:after{content:"";background:#fff}
.infoContent li a span{font-size:1.143rem;/*16px*/;color:#666;line-height:1.4;word-break:keep-all;word-wrap:break-word}
.infoContent li a:hover span, .infoContent li a:focus span{color:#fff}

/* 교육 */
.eduContent{margin:50px 0 70px}
.eduContent:after{content:"";clear:both;display:block}
.eduContent li{float:left;margin-left:64px}
.eduContent li:first-child{margin-left:0}
.eduContent li a{display:block;width:180px;height:180px;border-radius:50%;background:rgba(144,202,249,1)}
.eduContent li a:hover{background:rgba(144,202,249,0.5)}
.eduContent li a:after{content:"";display:block;width:100%;height:100%;transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transition:0.5s}
.eduContent li a:hover:after{content:"";transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.eduContent li:nth-child(1) a:after{background:url("/dext5img/images/renewal/main/icon_edu01.png") center center no-repeat}
.eduContent li:nth-child(2) a:after{background:url("/dext5img/images/renewal/main/icon_edu02.png") center center no-repeat}
.eduContent li:nth-child(3) a:after{background:url("/dext5img/images/renewal/main/icon_edu07.png") 38% 46% no-repeat}
.eduContent li:nth-child(4) a:after{background:url("/dext5img/images/renewal/main/icon_edu04.png") center center no-repeat}
.eduContent li:nth-child(5) a:after{background:url("/dext5img/images/renewal/main/icon_edu05.png") center center no-repeat}
.eduContent li:nth-child(6) a:after{background:url("/dext5img/images/renewal/main/icon_edu06.png") center center no-repeat}
.eduContent li a span{display:block;position:absolute;left:50%;bottom:-40px;width:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);font-size:1.571rem;/*22px*/;color:#222;font-weight:400;text-align:center}


/* 소통·소개 */
.communicateBox{position:relative;width:100%;height:860px;background:url("../../../images/renewal/main/communicateBg.png") center top no-repeat;background-size:cover}
.communicateBox h2{color:#fff}
.communicateItems{float:left;width:calc(50% - 10px)}
.communicateItems:last-child{margin-left:20px}
.communicateItems > div{min-height:270px;padding:30px;box-sizing:border-box;background:#fff}
.communicateItems > div:last-child{margin-top:20px}
.communicateItems > div.quickBox{padding:0;background:none}
.quickItems{float:left;position:relative;width:335px;height:270px;margin-left:20px;padding:30px;box-sizing:border-box;background:#1F88E5}
.quickItems:first-child{margin-left:0;background:#379ca5}
.quickItems div{letter-spacing:-0.03em}
.quickItems div > p{margin-bottom:5px;font-size:2.857rem;/*40px*/color:#fff;font-weight:900;line-height:1.2}
.quickItems div > span{font-size:1.714rem;/*24px*/color:#fff;line-height:1.2;letter-spacing:-0.03em}
.quickItems > p{position:absolute;left:30px;bottom:45px;width:calc(100% - 60px);font-size:1.143rem;/*16px*/color:#fff;line-height:1.4;word-break:keep-all;word-wrap:break-word}
.communicateItems div.bestCase{margin-top:0;padding:0}


.bestCase > p{padding:30px 30px 15px;background:#ECEFF1;font-size:2rem;/*28px*/color:#000;font-weight:500}
.bestCase > p > a{float:right}
.bestCase > ul{padding:24px 30px}
.bestCase > ul > li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ccc}
.bestCase > ul > li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.case{display:table;position:relative;width:100%}
.case > span{display:table-cell;position:relative;overflow:hidden;width:70px;height:92px;border:1px solid #ddd;vertical-align:middle}
.case > span a{display:block;width:70px;height:92px}
.case > span a span.thumb_blank:after{font-size:1.429rem;/*20px*/}
.case > span a img{width:100%;height:auto;transition:0.5s}
.case > span a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.case > ul{display:table-cell;vertical-align:middle}
.case > ul li{display:table-cell;vertical-align:middle}
.case > ul li{float:left;width:calc(100% - 100px);padding-left:20px}
.case > ul li a{display:block;display:-webkit-box;position:relative;overflow:hidden;text-overflow:ellipsis;width:95%;height:2.8em;font-size:1.429rem;/*20px*/color:#222;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
/* .case > ul li a{display:block;position:relative;overflow:hidden;max-height:calc(20 * 1.4 * 2 * 1px);font-size:1.429rem;color:#222;line-height:1.4;} */
.case > ul li a:hover, .case ul li a:focus{color:#0d47a0;text-decoration:underline}
.case > ul li a:before, .case > ul li a:after{position:absolute;background:#fff}
/* .case > ul li a:before{content:"...";right:0;top:calc(20 * 1.4 * (2 - 1) * 1px);width:1em} */
/* .case > ul li a:after{content:"";width:100%;height:100%} */
.case > ul li:last-child{display:table-cell;float:right;width:100px;margin-left:0;vertical-align:middle}
.case > ul li:last-child:after{content:"";clear:both;display:block}
.case > ul li em{float:right;width:50px;margin-bottom:8px;padding:3px;border:1px solid #2170bf;font-size:1rem;color:#2170bf;text-align:center}
.case > ul li span{clear:both;display:block;color:#888;text-align:right}





/* 콘텐츠 애니메이션*/
.aniDivBox .aniDiv{transform:translate3d(0px, -50px, 0px);-webkit-transform:translate3d(0px, -50px, 0px);opacity:0.1}
.aniDivBox.on .aniDiv{transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);opacity:1;transition:0.75s ease-in-out 0s}
.aniDivBox.on .aniDiv:before{content:"";display:block;position:absolute;top:-50px}
.aniDivBox.on .aniDiv.ani0101{transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);opacity:1;transition:0.75s ease-in-out 0.125s}
.aniDivBox.on .aniDiv.ani0102{transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);opacity:1;transition:0.75s ease-in-out 0.25s}
.aniDivBox.on .aniDiv.ani0103{transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);opacity:1;transition:0.75s ease-in-out 0.375s}
.aniDivBox.on .aniDiv.ani0104{transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);opacity:1;transition:0.75s ease-in-out 0.5s}
.aniDivBox.on .aniDiv.ani0105{transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);opacity:1;transition:0.75s ease-in-out 0.625s}
.aniDivBox.on .aniDiv.ani0106{transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);opacity:1;transition:0.75s ease-in-out 0.75s}


/* mainQuick */
.mainQuick{margin:auto;position:relative;width:1400px}
.mainQuick:after{content:"";clear:both;display:block}
.mainQuick li{float:left;position:relative;width:50%;background:#0b74dd}
.mainQuick li:after{content:"";clear:both;display:block}
.mainQuick li a{display:inline-block;width:100%;padding:45px 70px;box-sizing:border-box}
.mainQuick li p{float:left;width:80%}
.mainQuick li p strong{display:block;margin-bottom:10px;font-size:2.143rem;/*30px*/color:#fff;font-weight:600}
.mainQuick li p strong, .mainQuick li p span{color:#fff;line-height:1.4;letter-spacing:-0.03em}
.mainQuick li p span{font-size:1.143rem;/*16px*/}
.mainQuick li p a{font-size:1.143rem;/*16px*/font-weight:500;word-break:keep-all;word-wrap:break-word}
.mainQuick li:last-child{background:#303f9f}
.mainQuick li a em{position:absolute;right:70px;bottom:45px;min-width:100px;padding:5px;border:1px solid rgba(255,255,255,0.6);box-sizing:border-box;color:#fff;text-align:left}








@media screen and (max-width: 1420px) {

    /* main_slider */
    .main_slider{width:100%;height:auto}
    .slogan{top:50px;left:20px;width:50%}
    .slogan > p{font-size:2.143rem;/*30px*/}
    .slogan > strong{font-size:3.429rem;/*48px*/}
    .slogan > strong > span{font-size:5.714rem;/*80px*/}
    .slogan > span{font-size:1.143rem;/*16px*/}
    .mainImg{right:20px;width:50%;height:auto}

    .mainVideo{right:23px;width:50%;height:auto}





    /* pagerType */
    #slideCounter{left:220px;bottom:35px;font-size:1.429rem;/*20px*/}
    #slideCounter span em{font-size:1.429rem;/*20px*/}

    .main_slider .bx-controls{width:100%}
    .main_slider .bx-controls-direction{left:20px;bottom:20px}
    .main_slider .bx-controls-auto{left:80px;bottom:20px}

	/* 소통·소개 */
	.case > span{width:60px;height:80px}
	.case > span a{width:60px;height:80px}
	.case > span a span.thumb_blank:after{font-size:1.286rem;/*18px*/}


    /* mainQuick */
    .mainQuick{width:calc(100% - 40px);top:-1px}
    .mainQuick li a{padding:40px}
    .mainQuick li p{width:75%}
    .mainQuick li p strong{font-size:1.929rem;/*27px*/}
    .mainQuick li p span{font-size:1.071rem;/*15px*/}
    .mainQuick li a em{right:40px;bottom:40px;min-width:80px}



    /* policyBox */
    .mainContentBox{padding:50px 20px 80px}
    .mainContent{width:100%}
    .mainContent h2{margin-bottom:40px;font-size:2.571rem/*36px*/}
    .policyItems > div{min-height:220px;padding:20px}

    /* tabs */
    .tab > ul{position:relative}
    .tab > ul > li{float:left;margin-right:15px}
    .tab > ul > li > a{z-index:1;display:block;position:relative;padding:5px 5px 10px;font-size:1.714rem/*24px*/}

    /* post */
    .post{position:relative;margin-top:20px}
    .post > li{margin-top:15px}
    .post > li > p > a{font-size:1.143rem/*16px*/}
    .post > li > span{font-size:1rem;/*14px*/}
    .post > a > p{margin-bottom:15px;font-size:1.571rem;/*22px*/}
    .mainTxtCut{max-height:calc(16 * 1.4 * 2 * 1px);font-size:1.143rem;/*16px*/}
    .mainTxtCut:before{top:calc(16 * 1.4 * (2 - 1) * 1px)}

    /* 균형발전 사업 검색 */
    .searchBusiBox li{width:75%;margin-bottom:30px;font-size:1.071rem;/*15px*/}
    .searchBusiBox li:first-child{margin-top:5px}
    .searchBusiBox li strong{font-size:1.714rem/*24px*/}
    .searchBusi input[type="text"]{width:75%;height:40px}
    .searchBusi input[type="submit"]{width:20%;height:40px;font-size:1.143rem/*16px*/}

    /* infoGraphic */
    .policyItems > .infoGraphic:after{right:30px;top:55px;width:100px;height:100px;background-size:100px auto}
    .infoGraphic > a{display:block;height:220px;padding:20px}
    .infoGraphic p{margin:30px 0;font-size:2.857rem;/*40px*/}




    /* 정보 */
    .infoContent li{float:left;width:23.5%;height:250px;margin-left:2%;letter-spacing:-0.03em}
    .infoContent li a{padding:30px}
    .infoContent li a:after{position:absolute;right:30px;bottom:30px}
    .infoContent li a p{font-size:1.714rem;/*24px*/}
    .infoContent li a span{font-size:1.071rem;/*15px*/}

    /* 교육 */
    .eduContent{display:table;width:100%;margin:40px 0 60px}
    .eduContent li{float:none;display:table-cell;position:relative;width:16.667%}
    .eduContent li a{display:table-cell;width:170px;height:170px;text-align:center;vertical-align:middle}
    .eduContent li a:after{margin-top:-20px}
    .eduContent li:nth-child(1) a:after{background-size:auto 80px}
    .eduContent li:nth-child(2) a:after{background-size:auto 80px}
    .eduContent li:nth-child(3) a:after{background-size:auto 80px}
    .eduContent li:nth-child(4) a:after{background-size:auto 80px}
    .eduContent li:nth-child(5) a:after{background-size:auto 80px}
    .eduContent li:nth-child(6) a:after{background-size:auto 80px}
    .eduContent li a span{display:block;position:relative;left:50%;bottom:-110%;font-size:1.429rem;/*20px*/}



    /* 소통·소개 */
    .communicateBox{position:relative;width:100%;height:auto;background:url("../../../images/renewal/main/communicateBg.png") center top no-repeat;background-size:cover}
    .communicateItems > div{min-height:230px;padding:20px}
    .quickItems{width:48.5%;margin-left:3%;padding:20px}

    .quickItems div > p{font-size:2.571rem;/*36px*/}
    .quickItems div > span{font-size:1.571rem;/*22px*/}
    .quickItems > p{left:20px;bottom:20px;font-size:1.071rem;/*15px*/}

    .bestCase > p{font-size:1.714rem/*24px*/}
    .bestCase > ul{padding:25px}
    .bestCase > ul > li{margin-bottom:12px;padding-bottom:11px}
    .case > ul li a{/*max-height:calc(18 * 1.4 * 2 * 1px);*/font-size:1.286rem;/*18px*/}
    /*.case > ul li a:before{content:"...";right:0;top:calc(18 * 1.4 * (2 - 1) * 1px);width:1em}*/






}





@media screen and (max-width: 1250px) {

    .slogan > p{margin-bottom:10px;font-size:1.929rem;/*27px*/}
    .slogan > strong{font-size:2.857rem;/*40px*/}
    .slogan > strong > span{font-size:4.643rem;/*65px*/}

	.mainQuick li{height:192px}


    /* post */
    .post > li{margin-top:12px}
    .post > li > p{width:80%}
    .post > a > p{margin-bottom:15px;font-size:1.429rem;/*20px*/}
    .mainTxtCut{max-height:calc(15 * 1.4 * 2 * 1px);font-size:1.071rem;/*15px*/}
    .mainTxtCut:before{top:calc(15 * 1.4 * (2 - 1) * 1px)}

     /* 균형발전 사업 검색 */
    .searchBusiBox{background:#fff !important}
    .searchBusiBox li{width:100%}



    /* 정보 */
    .infoContent li{height:260px}
    .infoContent li a{padding:25px}
    .infoContent li a p{font-size:1.571rem;/*22px*/}
    .infoContent li a:after{position:absolute;right:25px;bottom:25px}


    /* 교육 */
    .eduContent li a{width:150px;height:150px}
    .eduContent li:nth-child(1) a:after{background-size:auto 70px}
    .eduContent li:nth-child(2) a:after{background-size:auto 70px}
    .eduContent li:nth-child(3) a:after{background-size:auto 70px}
    .eduContent li:nth-child(4) a:after{background-size:auto 70px}
    .eduContent li:nth-child(5) a:after{background-size:auto 70px}
    .eduContent li:nth-child(6) a:after{background-size:auto 70px}
    .eduContent li a span{bottom:-107%;font-size:1.429rem;/*20px*/}

}



@media screen and (max-width: 1023px) {

    /* main_slider */
    .slogan{top:auto;left:auto;width:calc(100% - 60px);height:165px;margin:50px 30px 40px}
    .slogan > p{font-size:2.143rem;/*30px*/}
    .slogan > strong{font-size:3.429rem;/*48px*/}
    .slogan > strong > span{font-size:3.429rem;/*48px*/}
    .slogan > span{padding:8px 20px;font-size:1.071rem;/*15px*/}

    .mainImg{float:none;right:auto;margin:auto;width:calc(100% - 50px);height:auto;text-align:center}
    .mainImg img{width:70%;bottom:0}

    .mainVideo{width:100%;height:auto}
    .mainVideo > p{left:27.5%;top:43.5%;width:49.5%;height:41.5%}






    /* pagerType */
    #slideCounter{display:none}

    .main_slider .bx-controls-direction{left:40px;bottom:35vw;/*width:230px;*/height:60px}
    .main_slider .bx-controls-direction .bx-prev{left:0;width:60px;height:60px}
    .main_slider .bx-controls-direction .bx-prev img{position:absolute;left:17px;top:23px}
    .main_slider .bx-controls-direction .bx-next{left:140px;width:60px;height:60px}
    .main_slider .bx-controls-direction .bx-next img{position:absolute;left:17px;top:23px}
    .main_slider .bx-controls-auto{left:110px;bottom:35vw}
    .main_slider .bx-controls-auto a.bx-start{width:60px;height:60px}
    .main_slider .bx-controls-auto a.bx-stop{width:60px;height:60px}
    .main_slider .bx-controls-auto a.bx-start img{position:absolute;left:25px;top:22px}
    .main_slider .bx-controls-auto a.bx-stop img{position:absolute;left:25px;top:22px}



	.case > span{width:70px;height:92px}
	.case > span a{width:70px;height:92px}
	.case > span a span.thumb_blank:after{font-size:1.429rem;/*20px*/}





    /* mainQuick */
    .mainQuick{width:calc(100% - 60px)}
    .mainQuick li{display:block;width:100%;height:auto}
    .mainQuick li a{padding:30px}
    .mainQuick li a em{right:30px;bottom:30px;min-width:100px}




    /* policyBox */
    .mainContentBox{padding:40px 30px 40px}
    .mainContent h2{margin-bottom:40px;font-size:2.571rem/*36px*/}

    /* post */
    .post{margin-top:15px}
    .post > li{margin-top:10px}
    .post > li > p{width:75%}
    .post > li > p > a{max-width:92%;font-size:1.071rem/*15px*/}
    .post > li > span{font-size:0.9286rem;/*13px*/}
    .post > a > p{margin-bottom:10px;font-size:1.429rem;/*20px*/}
    .mainTxtCut{max-height:calc(15 * 1.4 * 2 * 1px);font-size:1.071rem;/*15px*/}
    .mainTxtCut:before{top:calc(15 * 1.4 * (2 - 1) * 1px)}

    /* 균형발전 사업 검색 */
    .searchBusiBox li{width:100%;margin-bottom:20px}
    .searchBusiBox li:first-child{margin-top:5px}
    .searchBusiBox li strong{font-size:1.714rem;/*24px*/}
    .searchBusi input[type="text"]{width:calc(100% - 85px)}
    .searchBusi input[type="submit"]{width:80px;font-size:1.071rem/*15px*/}

    /* infoGraphic */
    .policyItems > .infoGraphic:after{right:20px;top:70px;width:80px;height:80px;background-size:80px auto}
    .infoGraphic > a{height:220px}
    .infoGraphic p{margin:45px 0 20px}
    .infoGraphic span{font-size:1.071rem;/*15px*/}




     /* 정보 */
    .infoContent li{width:48.5%;height:220px;margin-left:3%;margin-bottom:3%}
    .infoContent li:nth-child(odd){margin-left:0}
    .infoContent li:nth-child(n+3){margin-bottom:0}
    .infoContent li a{padding:20px}
    .infoContent li a p{font-size:1.429rem;/*20px*/}
    .infoContent li a:after{position:absolute;right:20px;bottom:20px}

    /* 교육 */
    .eduContent{margin:50px 0 0}
    .eduContent li{float:none;display:inline-block;width:33%;margin-left:0}
    .eduContent li a{display:block;margin:auto;width:180px;height:180px;margin-bottom:60px}
    .eduContent li:nth-child(1) a, .eduContent li:nth-child(4) a{margin-left:0}
    .eduContent li:nth-child(3) a, .eduContent li:nth-child(6) a{margin-right:0}
    .eduContent li:nth-child(1) a:after{background-size:auto }
    .eduContent li:nth-child(2) a:after{background-size:auto }
    .eduContent li:nth-child(3) a:after{background-size:auto }
    .eduContent li:nth-child(4) a:after{background-size:auto }
    .eduContent li:nth-child(5) a:after{background-size:auto }
    .eduContent li:nth-child(6) a:after{background-size:auto }
    .eduContent li a span{bottom:-105%;font-size:1.571rem;/*22px*/}




    /* 소통·소개 */
    .communicateBox{position:relative;width:100%;height:auto;padding-bottom:30px;background:url("../../../images/renewal/main/communicateBg.png") center top no-repeat;background-size:cover}
    .communicateItems{float:none;width:100%}
    .communicateItems:after{content:"";clear:both;display:block}
    .communicateItems > div{float:left;width:48.5%;min-height:200px;margin-left:3%;padding:20px;box-sizing:border-box}
    .communicateItems > div:first-child{margin-left:0}
    .communicateItems:last-child{margin-left:0}
    .communicateItems > div.quickBox{margin-top:0}
    .quickItems{width:48.5%;height:200px;margin-left:3%;padding:20px}

    .quickItems div > p{font-size:2.143rem;/*30px*/}
    .quickItems div > span{font-size:1.429rem;/*20px*/}
    .quickItems > p{left:20px;bottom:20px;font-size:1rem;/*14px*/display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 40px);height:4.2em;font-size:1rem;/*14px*/line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}

    .communicateItems div.bestCase{width:100%;margin-top:3%}
    .bestCase > p{padding:25px 25px 15px;font-size:1.714rem/*24px*/}
    .bestCase > ul{padding:25px}
    .bestCase > ul > li{margin-bottom:12px;padding-bottom:11px}
    .case > ul:after{content:"";clear:both;display:block}
    .case > ul li{float: left}
    .case > ul li a{/*max-height:calc(17 * 1.4 * 2 * 1px);*/font-size:1.214rem;/*17px*/}
    /*.case > ul li a:before{content:"...";right:0;top:calc(17 * 1.4 * (2 - 1) * 1px);width:1em}*/



    /* 콘텐츠 애니메이션*/
    .aniDivBox .aniDiv{transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);opacity:1}
    .aniDivBox.on .aniDiv:before{content:"";display:block;position:absolute;top:0px}




}



@media screen and (max-width: 968px){

    /* main_slider */
    .mainVideo > p{left:28%;top:45.5%;width:49%;height:39%}


}




@media screen and (max-width: 900px){

    /* main_slider */
    .mainVideo > p{left:28%;top:47%;width:49%;height:38%}


}



@media screen and (max-width: 840px){


    /* main_slider */
    .mainVideo > p{left:28%;top:49%;width:49%;height:37.5%}

    .communicateItems > div{float:none;width:100%;min-height:200px;margin-left:0}
    .communicateItems > div:last-child{margin-top:20px}



}






@media screen and (max-width: 768px){

    /* main_slider */
    .slogan{top:auto;left:auto;width:calc(100% - 40px);height:145px;margin:40px 20px 40px}
    .slogan > p{font-size:1.929rem;/*27px*/}
    .slogan > strong{font-size:2.857rem;/*40px*/}
    .slogan > span{margin-top:5px;font-size:1rem;/*14px*/}

    .mainVideo > p{left:29%;top:49.5%;width:48%;height:37%}


    .main_slider .bx-controls-direction{left:20px;bottom:36.5vw;/*width:170px;*/height:50px}
    .main_slider .bx-controls-direction .bx-prev{left:0;width:50px;height:50px}
    .main_slider .bx-controls-direction .bx-prev img{position:absolute;left:12px;top:18px}
    .main_slider .bx-controls-direction .bx-next{left:120px;width:50px;height:50px}
    .main_slider .bx-controls-direction .bx-next img{position:absolute;left:12px;top:18px}
    .main_slider .bx-controls-auto{left:80px;bottom:36.5vw}
    .main_slider .bx-controls-auto a.bx-start{width:50px;height:50px}
    .main_slider .bx-controls-auto a.bx-stop{width:50px;height:50px}
    .main_slider .bx-controls-auto a.bx-start img{position:absolute;left:20px;top:17px}
    .main_slider .bx-controls-auto a.bx-stop img{position:absolute;left:20px;top:17px}


    /* mainQuick */
    .mainQuick{width:calc(100% - 40px)}
    .mainQuick li a{padding:20px}
    .mainQuick li p strong{font-size:1.714rem;/*24px*/}
    .mainQuick li p span{font-size:1rem;/*14px*/}
    .mainQuick li a em{right:20px;bottom:20px;min-width:80px;font-size:0.9286rem;/*13px*/}



    /* policyBox */
    .mainContentBox{padding:20px 20px 20px}
    .mainContent h2{display:none}
    .policyItems{float:none;width:100%}
    .policyItems:last-child{margin-top:20px;margin-left:0}

    /* post */
    .post{margin-top:15px}
    .post > li{margin-top:15px}
    .post > li > p{width:82%}
    .post > li > p > a{max-width:95%;font-size:1.143rem/*16px*/}
    .post > li > span{font-size:1rem;/*14px*/}
    .post > a > p{font-size:1.714rem;/*24px*/}
    .mainTxtCut{max-height:calc(16 * 1.4 * 2 * 1px);font-size:1.143rem;/*16px*/}
    .mainTxtCut:before{top:calc(16 * 1.4 * (2 - 1) * 1px)}

    /* 균형발전 사업 검색 */
    .searchBusiBox{background:url("../../../images/renewal/main/searchBusiBg.png") calc(100% - 20px) 20px no-repeat #fff !important}
    .searchBusiBox li{width:70%;margin-bottom:20px;font-size:1.143rem;/*16px*/}
    .searchBusiBox li:first-child{margin-top:5px}

    /* infoGraphic */
    .policyItems > .infoGraphic{background-size:100% auto}
    .policyItems > .infoGraphic:after{right:30px;top:60px;width:100px;height:100px;background-size:100% auto}
    .infoGraphic > a{height:auto}
    .infoGraphic p{margin:45px 0 20px}
    .infoGraphic span{font-size:1rem;/*14px*/}



    /* 교육 */
    .eduContent li{width:32.5%}
    .eduContent li a{width:150px;height:150px;margin-bottom:60px}
    .eduContent li:nth-child(1) a, .eduContent li:nth-child(4) a{margin-left:0}
    .eduContent li:nth-child(3) a, .eduContent li:nth-child(6) a{margin-right:0}
    .eduContent li:nth-child(1) a:after{background-size:auto 70px}
    .eduContent li:nth-child(2) a:after{background-size:auto 70px}
    .eduContent li:nth-child(3) a:after{background-size:auto 70px}
    .eduContent li:nth-child(4) a:after{background-size:auto 70px}
    .eduContent li:nth-child(5) a:after{background-size:auto 70px}
    .eduContent li:nth-child(6) a:after{background-size:auto 70px}
    .eduContent li a span{bottom:-105%;font-size:1.429rem;/*20px*/}


}




@media screen and (max-width: 640px){

    /* main_slider */
    .slogan{height:125px}
    .slogan > p{font-size:1.714rem;/*24px*/}
    .slogan > strong{font-size:2.571rem;/*36px*/}
    .slogan > strong > span{font-size:2.857rem;/*40px*/}


    /* policyBox */
    .mainContent h2{margin-bottom:30px;font-size:1.929rem/*27px*/}
    .policyItems > div{min-height:190px}
    .policyItems > div:last-child{min-height:210px}
    .policyItems > div.infoGraphic:last-child{min-height:auto}

    /* tabs */
    .tab > ul > li > a{font-size:1.571rem/*22px*/}

    /* post */
    .post > li{margin-top:12px}
    .post > li > p{width:80%}
    .post > li > p > a{max-width:95%;font-size:1.071rem/*15px*/}
    .post > li > p .iconNew{margin-top:0}
    .post > li > span{font-size:0.9386rem;/*13px*/}
    .post > a > p{font-size:1.429rem;/*20px*/}
    .mainTxtCut{max-height:calc(15 * 1.4 * 2 * 1px);font-size:1.071rem;/*15px*/}
    .mainTxtCut:before{top:calc(15 * 1.4 * (2 - 1) * 1px)}

    /* 균형발전 사업 검색 */
    .searchBusiBox{background:url("../../../images/renewal/main/searchBusiBg2.png") calc(100% - 20px) 20px no-repeat #fff !important}
    .searchBusiBox li{width:80%;margin-bottom:20px;font-size:1.071rem;/*15px*/}
    .searchBusiBox li strong{font-size:1.571rem/*22px*/}

    /* infoGraphic */
    .policyItems > .infoGraphic{background-size:100% auto}
    .policyItems > .infoGraphic:after{right:30px;top:50%;width:90px;height:90px;transform:translateY(-50%)}
    .infoGraphic p{margin:0 0 20px;padding-top:10px;font-size:2.571rem;/*36px*/}



    /* 교육 */
    .eduContent{margin-top:40px}
    .eduContent li a{width:130px;height:130px;margin-bottom:50px}
    .eduContent li:nth-child(1) a:after{background-size:auto 60px}
    .eduContent li:nth-child(2) a:after{background-size:auto 60px}
    .eduContent li:nth-child(3) a:after{background-size:auto 60px}
    .eduContent li:nth-child(4) a:after{background-size:auto 60px}
    .eduContent li:nth-child(5) a:after{background-size:auto 60px}
    .eduContent li:nth-child(6) a:after{background-size:auto 60px}
    .eduContent li a span{bottom:-105%;font-size:1.286rem;/*18px*/}



    /* 소통·소개 */
    .quickItems{height:180px}
    .quickItems div > p{font-size:1.929rem;/*27px*/}
    .quickItems div > span{font-size:1.286rem;/*18px*/}

    .communicateItems > div:last-child{min-height:auto}
    .communicateItems div.bestCase{width:100%;margin-top:3%}
    .bestCase > p{padding:20px 20px 15px;font-size:1.571rem/*22px*/}
    .bestCase > ul{padding:20px}
    .bestCase > ul > li{margin-bottom:15px;padding-bottom:15px}
    .case > ul li a{/*max-height:calc(16 * 1.4 * 2 * 1px);*/font-size:1.143rem;/*16px*/}
    /*.case > ul li a:before{content:"...";right:0;top:calc(16 * 1.4 * (2 - 1) * 1px)}*/



}




@media screen and (max-width: 568px){

    .slogan > p{margin-bottom:5px;font-size:1.571rem;/*22px*/}
    .slogan > strong{font-size:2.286rem;/*32px*/}
    .slogan > span{padding:5px 15px;font-size:0.9286rem;/*13px*/}
    .main_slider .bx-controls-direction{bottom:53vw}
    .main_slider .bx-controls-auto{bottom:53vw}
    .mainImg img{width:100%;bottom:0}

    .mainVideo > p{left:20%;top:47%;width:68%;height:39%}

    @keyframes slogan {
        0% {opacity:0;transform:translateY(20px)}
        100% {opacity:1;transform:translateY(0px)}
    }
    @-webkit-keyframes slogan {
        0% {opacity:0;-webkit-transform:translateY(20px)}
        100% {opacity:1;-webkit-transform:translateY(0px)}
    }
    @keyframes slogan2 {
        0% {opacity:0;transform:translateY(20px)}
        100% {opacity:1;transform:translateY(0px)}
    }
    @-webkit-keyframes slogan2 {
        0% {opacity:0;-webkit-transform:translateY(20px)}
        100% {opacity:1;-webkit-transform:translateY(0px)}
    }

    /* post */
    .post > li > p{width:100%}
    .post > li > span{display:none}



    /* 정보 */
    .infoContent li{height:240px}


    /* 소통·소개 */
    .case > ul li{width:calc(100% - 90px);padding-left:15px}
    .case > ul li:last-child{width:90px}
    .case > ul li em{width:40px;margin-bottom:5px;font-size:0.9286rem;/*13px*/}
    .case > ul li span{clear:both;font-size:0.9286rem;/*13px*/}



}



@media screen and (max-width: 480px){

    /* main_slider */
    .slogan{top:auto;left:auto;width:calc(100% - 40px);height:105px;margin:30px 20px 30px}
    .slogan > p{font-size:1.429rem;/*20px*/}
    .slogan > strong{font-size:2.143rem;/*30px*/}
    .slogan > strong > span{font-size:2.571rem;/*36px*/}

    .mainVideo > p{left:21.5%;top:45%;width:66%;height:39%}

    .main_slider .bx-controls-direction{bottom:50vw;/*width:125px;*/height:35px}
    .main_slider .bx-controls-direction .bx-prev{width:35px;height:35px}
    .main_slider .bx-controls-direction .bx-prev img{position:absolute;left:7px;top:12px;width:18px;height:9px}
    .main_slider .bx-controls-direction .bx-next{left:90px;width:35px;height:35px}
    .main_slider .bx-controls-direction .bx-next img{position:absolute;left:7px;top:12px;width:18px;height:9px}
    .main_slider .bx-controls-auto{left:65px;bottom:50vw}
    .main_slider .bx-controls-auto a.bx-start{width:35px;height:35px}
    .main_slider .bx-controls-auto a.bx-stop{width:35px;height:35px}
    .main_slider .bx-controls-auto a.bx-start img{position:absolute;left:13px;top:12px;width:8px;height:12px}
    .main_slider .bx-controls-auto a.bx-stop img{position:absolute;left:13px;top:12px;width:8px;height:12px}


    /* mainQuick */
    .mainQuick{width:100%}
    .mainQuick li{width:50%}
    .mainQuick li a{padding:0}
    .mainQuick li p{display:table;width:100%}
    .mainQuick li p strong{display:table-cell;width:50%;height:80px;font-size:1.429rem;/*20px*/;text-align:center;vertical-align:middle}
    .mainQuick li p span{display:none}
    .mainQuick li a em{display:none}


    /* policyBox */
    .policyItems > div{min-height:185px}
    .policyItems > div:last-child{min-height:185px}

    /* tabs */
    .tab > ul > li{margin-right:10px}
    .tab > ul > li > a{font-size:1.286rem/*18px*/}
    .tab > ul > li > a:after{bottom:7px;width:0;height:5px}
    .tab_content > p{top:-30px}

    /* post */
    .post > a > p{font-size:1.286rem;/*18px*/}
    .mainTxtCut{max-height:calc(14 * 1.4 * 2 * 1px);font-size:1rem;/*14px*/}
    .mainTxtCut:before{top:calc(14 * 1.4 * (2 - 1) * 1px)}

    /* 균형발전 사업 검색 */
    .searchBusiBox{background:#fff !important}
    .searchBusiBox li{width:100%;margin-bottom:20px;font-size:1rem;/*14px*/}
    .searchBusiBox li:first-child{margin-top:0}
    .searchBusiBox li strong{font-size:1.286rem/*18px*/}
    .searchBusi input[type="text"]{height:35px}
    .searchBusi input[type="submit"]{height:35px;font-size:1rem;/*14px*/}

    /* infoGraphic */
    .policyItems > .infoGraphic{background-size:100% auto}
    .policyItems > .infoGraphic:after{right:30px;top:50%;width:77px;height:77px;transform:translateY(-50%);background:url("../../../images/renewal/main/icon_info2.png") no-repeat}
    .infoGraphic p{font-size:1.714rem;/*24px*/}
    .infoGraphic p strong{font-size:2.143rem;/*30px*/}



    /* 정보 */
    .infoContent li{float:none;width:100%;height:auto;margin-left:0;margin-bottom:0;margin-top:20px}
    .infoContent li:nth-child(odd){margin-left:0}
    .infoContent li:nth-child(n+3){margin-bottom:0}
    .infoContent li:first-child{margin-top:0}
    .infoContent li a{padding:20px}
    .infoContent li a div{width:80%}
    .infoContent li a p{margin-bottom:15px;font-size:1.286rem;/*18px*/}
    .infoContent li a p:after{display:none}
    .infoContent li a:after{position:absolute;right:20px;bottom:20px}

    .infoContent li:nth-child(1) a:after{background:url("../../../images/renewal/main/icon_mInfo01.png") right bottom no-repeat}
    .infoContent li:nth-child(2) a:after{background:url("../../../images/renewal/main/icon_mInfo02.png") right bottom no-repeat}
    .infoContent li:nth-child(3) a:after{background:url("../../../images/renewal/main/icon_mInfo03.png") right bottom no-repeat}
    .infoContent li:nth-child(4) a:after{background:url("../../../images/renewal/main/icon_mInfo04.png") right bottom no-repeat}
    .infoContent li:hover:nth-child(1) a:after, .infoContent li:nth-child(1) a:focus:after{background:url("../../../images/renewal/main/icon_mInfo01on.png") right bottom no-repeat}
    .infoContent li:hover:nth-child(2) a:after, .infoContent li:nth-child(2) a:focus:after{background:url("../../../images/renewal/main/icon_mInfo02on.png") right bottom no-repeat}
    .infoContent li:hover:nth-child(3) a:after, .infoContent li:nth-child(3) a:focus:after{background:url("../../../images/renewal/main/icon_mInfo03on.png") right bottom no-repeat}
    .infoContent li:hover:nth-child(4) a:after, .infoContent li:nth-child(4) a:focus:after{background:url("../../../images/renewal/main/icon_mInfo04on.png") right bottom no-repeat}


    /* 교육 */
    .eduContent{margin-top:40px}
    .eduContent li a{width:100px;height:100px;margin-bottom:40px}
    .eduContent li a:after{margin-top:-18px}
    .eduContent li:nth-child(1) a:after{background-size:auto 50px}
    .eduContent li:nth-child(2) a:after{background-size:auto 50px}
    .eduContent li:nth-child(3) a:after{background-size:auto 50px}
    .eduContent li:nth-child(4) a:after{background-size:auto 50px}
    .eduContent li:nth-child(5) a:after{background-size:auto 50px}
    .eduContent li:nth-child(6) a:after{background-size:auto 50px}
    .eduContent li a span{bottom:-105%;font-size:1.143rem;/*16px*/}




    /* 소통·소개 */
    .communicateContent{padding-top:5px;border-top:10px solid #F2F5F6}
    .communicateBox{padding:0;background:none}
    .communicateItems:last-child{margin-top:10px}
    .communicateItems > div{min-height:190px}
    .communicateItems > div:last-child{margin-top:0}
    .quickItems{width:50%;height:auto;margin-left:0}
    .quickItems > p{display:none}
    .quickItems div > span{font-size:1.143rem/*16px*/}


    .case > ul li{width:calc(100% - 15px);margin-bottom:8px}
    .case > ul li:last-child{float:none;width:100%}
    .case > ul li a{/*max-height:calc(15 * 1.4 * 2 * 1px);*/font-size:1.071rem;/*15px*/}
    /*.case > ul li a:before{content:"...";right:0;top:calc(15 * 1.4 * (2 - 1) * 1px)}*/
    .case > ul li em{float:left;width:50px;margin-bottom:0;font-size:0.9286rem;/*13px*/}
    .case > ul li span{clear:none;float:left;margin:3px 0 0 8px;font-size:0.9286rem;/*13px*/}

}



@media screen and (max-width: 440px){

    /* main_slider */
    .mainVideo > p{left:22%;top:46.5%;width:66%;height:39%}


    .main_slider .bx-controls-direction{bottom:54vw}
    .main_slider .bx-controls-auto{bottom:54vw}


}



@media screen and (max-width: 400px){

    /* main_slider */
    .mainVideo > p{left:24%;top:50%;width:64%;height:36%}

    .slogan > p{font-size:1.143rem;/*16px*/}
    .slogan > strong{font-size:1.714rem;/*24px*/}
    .slogan > strong > span{font-size:2.143rem;/*30px*/}



    /* mainQuick */
    .mainQuick li p strong{height:70px;font-size:1.286rem;/*18px*/}


    /* post */
    .post > li > p > a{max-width:90%}


    /* 소통·소개 */
    .quickItems div > p{font-size:1.714rem;/*24px*/}
    .quickItems div > span{font-size:1rem/*14px*/}



}



@media screen and (max-width: 360px){

    /* main_slider */
    .mainVideo > p{left:25%;top:54%;width:64%;height:34%}

    .main_slider .bx-controls-direction{bottom:55vw}
    .main_slider .bx-controls-auto{bottom:55vw}

    /* infoGraphic */
    .infoGraphic p{margin:0 0 10px;font-size:1.429rem;/*20px*/}
    .infoGraphic p strong{font-size:1.714rem;/*24px*/}
    .infoGraphic span{font-size:0.9286rem;/*13px*/}
    .policyItems > .infoGraphic:after{right:20px;top:50%;width:60px;height:60px;background-size:60px auto}



    /* 교육 */
    .eduContent{margin-top:30px}
    .eduContent li a{width:85px;height:85px;margin-bottom:40px}
    .eduContent li a:after{margin-top:-15px}
    .eduContent li:nth-child(1) a:after{background-size:auto 40px}
    .eduContent li:nth-child(2) a:after{background-size:auto 40px}
    .eduContent li:nth-child(3) a:after{background-size:auto 40px}
    .eduContent li:nth-child(4) a:after{background-size:auto 40px}
    .eduContent li:nth-child(5) a:after{background-size:auto 40px}
    .eduContent li:nth-child(6) a:after{background-size:auto 40px}
    .eduContent li a span{bottom:-105%;font-size:1.071rem;/*15px*/}

}



@media screen and (max-width: 320px){

    .main_slider .bx-controls-direction{bottom:53vw}
    .main_slider .bx-controls-auto{bottom:53vw}


    /* infoGraphic */
    .policyItems > .infoGraphic:after{display:none}



    /* 교육 */
    .eduContent li a{width:70px;height:70px;margin-bottom:40px}
    .eduContent li:nth-child(1) a:after{background-size:auto 35px}
    .eduContent li:nth-child(2) a:after{background-size:auto 35px}
    .eduContent li:nth-child(3) a:after{background-size:auto 35px}
    .eduContent li:nth-child(4) a:after{background-size:auto 35px}
    .eduContent li:nth-child(5) a:after{background-size:auto 35px}
    .eduContent li:nth-child(6) a:after{background-size:auto 35px}



    /* 소통·소개 */
    .quickItems div > p{font-size:1.714rem;/*24px*/}
    .quickItems div > span{font-size:0.9286rem/*13px*/}

}