@charset "utf-8";

/* 서브메인 동행정복지센터 전체보기 스타일 설정 */
@font-face {
    font-family: 'jalnan';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/pcms/common/font/jalnan/JalnanOTF.woff') format('woff');
}

/* 영역 설정 및 삭제 요소 문제시 아래 태그들 삭제 */
.sub05_05.wide_wrap #svisual_layout {display: none;}
.sub05_05.wide_wrap #body_layout #location {display:none;}
.sub05_05.wide_wrap #body_layout .body_wrap .contents_wrap {max-width: none;}
.sub05_05.wide_wrap #body_layout {padding-right: 0;margin: 0;}
.sub05_05.wide_wrap .body_wrap.layout {padding: 0;}
.sub05_05.wide_wrap .content-info {margin: 0;}
/* 영역 설정 및 삭제 요소 문제시 위 태그들 삭제 */




.sub06_04 #linktop {display:none;}
.sub06_04 #body_layout .body_wrap {padding-bottom:0;background: #e6edf8 url(/images/kor/sub06/sub0604_img06.jpg)no-repeat center bottom;}
.submain03_wrap {/* padding: 0 0 50px; */position: relative;overflow: hidden;}
.submain03_wrap .map-wrap {max-width: 1440px;display: block;margin: 0 auto;height: 100%;padding: 0 30px;}
.submain03_wrap .layout:before {content:'';background-image: url(/images/kor/sub05/cloud.png);width: 226px;height: 82px;background-repeat: no-repeat;display: inline-block;left: -80px;top: 78px;position: absolute;}

.map-bg {height: 100%;width: 100%;position: absolute;top: 0;left: 0;background-color: #f1f4f9;left: 50%;transform: translate(-50%, 0);display: block;}
.map-bg:after {content:'';background-image: url(/images/kor/sub05/cloud.png);width: 226px;height: 82px;display: inline-block;position: absolute;left: 24%;top: 108px;background-repeat: no-repeat;transform: translate(-50%, 0);}

.map-group {position:relative;}
.map-group .map-tit {position:absolute;top: 47px;left: 0;z-index: 1;display: inline-block;line-height: 1;}
.map-group .map-tit p {font-size: 18px;color: #161616;margin: 0;line-height: 1;display: inline-block;/* margin-bottom: 21px; */font-weight: normal;letter-spacing: -1px;}
.map-group .map-tit img {margin-bottom: 35px;display: block;margin-top: 130px;}
.map-group .map-tit strong {display:block;line-height:1.3;/* margin: 0 0 0 10px; */font-size: 36px;color:#3c3c3c;font-family: 'jalnan';line-height: 1.2;margin-bottom: 21px;}
.map-group .map-tit strong span {color: #1598a0;}
.map-group .map-tit strong em {/* margin-left: 8px; */color: #394c89;}

/* .map-group .map-tit strong:before {display:block; content:''; margin:0 0 30px; width:33px; height:3px; background:#000000; }
.map-group .map-tit strong span {display:block; color:#00a0e2;} */

.map-group .map-tab {position:absolute;right: 0;top: 76px;width:590px;}
.map-group .map-tab .tabwrap {margin:0 -2.5px;}
.map-group .map-tab .tabwrap li {float:left; width:calc(16.66% - 5px); margin:0 2.5px 5px; }
.map-group .map-tab .tabwrap li button {display:block;width:100%;height:42px;line-height:40px;border-radius:5px;border:1px solid #c2cdde;background:#fff;font-size: 16px;color: #4d4d4d;}
.map-group .map-tab .tabwrap li.on button {border: 1px solid #394c89;color: #fff; font-weight:bold;background-color: #394c89;}

.map-group .mapBox {}
.map-group .mapBox .mapimg {float:left;width: calc(100% - 590px);text-align:right;}
.map-group .mapBox .mapimg .inner {display:inline-block;position: relative;/* height: auto; */vertical-align:top;/* width: 100%; */}
.map-group .mapBox .mapimg .inner img {/* max-height: none; *//* height: 1025px; *//* max-width: none; *//* width: auto; *//* position: relative; *//* right: 90px; *//* top: -33px; */}
.map-group .mapBox .mapimg .mapwrap {}
.map-group .mapBox .mapimg .mapwrap li {position:absolute;text-align: center;}
.map-group .mapBox .mapimg .mapwrap li.on {}
/* .map-group .mapBox .mapimg .mapwrap li:nth-child(1){left: 17.6%;bottom: 6.9%;width: 33.3%;height: 27.1%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(3){left: 49.4%;bottom: 32.4%;width: 6.8%;height: 7.3%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(5){left: 37.9%;bottom: 32.7%;width: 20.7%;height: 12.5%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(6){left: 43.3%;bottom: 41.6%;width: 21.4%;height: 8.7%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(7){left: 25.7%;bottom: 39.2%;width: 23.6%;height: 12.1%;padding-right: 6%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(8){left: 28.6%;bottom: 47.5%;width: 20.2%;height: 16.6%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(9){left: 28.3%;bottom: 46.5%;width: 14.9%;height: 9.6%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(10){left: 44.3%;bottom: 46.1%;width: 28.4%;height: 21.6%;padding-right: 4%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(11){left: 64.6%;bottom: 48.1%;width: 13.6%;height: 12.2%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(12){left: 50.2%;top: 10.8%;width: 23.5%;height: 26.6%; padding-left:4%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(13){left: 63.6%;top: 31.1%;width: 15.6%;height: 10.5%;}

.map-group .mapBox .mapimg .mapwrap li:nth-child(4){left: 44.9%;top: 61.8%;width: 7.5%;height: 10.5%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(2){left: 23.5%;top: 55.9%;width: 25.6%;height: 15.5%;} */
.map-group .mapBox .mapimg .mapwrap li:nth-child(1) {top: 35.4%;right: 33.5%;padding-right: 7px;width: 7%;height: 9.3%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(2) {top: 27.6%;right: 32.4%;width: 7.8%;height: 9.2%;padding-left: 25px;padding-top: 30px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(3) {top: 25.9%;right: 35.4%;width: 10.7%;height: 15.4%;padding-right: 48px;padding-bottom: 65px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(4) {top: 31.8%;right: 38.6%;width: 13%;height: 24.3%;padding-top: 56px;padding-left: 23px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(5) {top: 24%;right: 31.2%;width: 12.3%;height: 9%;padding-left: 42px;padding-top: 21px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(6) {top: 18.8%;right: 23.9%;width: 8.3%;height: 7%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(7) {top: 17%;right: 24.1%;width: 12.3%;height: 5.7%;padding-bottom: 20px;padding-left: 11px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(8) {top: 13%;right: 27.6%;width: 6.5%;height: 8%;padding-left: 11px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(9) {top: 9.4%;right: 24.9%;width: 13.7%;height: 10%;padding-right: 64px;padding-top: 36px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(10) {top: 13.1%;right: 23.7%;width: 3.6%;height: 5.8%;padding-bottom: 14px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(11) {top: 20%;right: 30.5%;width: 10.5%;height: 5%;padding-bottom: 20px;padding-left: 10px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(12) {top: 23.3%;right: 29%;width: 6%;height: 6%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(13) {top: 21.4%;right: 33.4%;width: 11.3%;height: 6%;padding-left: 30px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(14) {top: 13%;right: 38.5%;width: 6.5%;height: 11%;padding-right: 15px;padding-top: 16px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(15) {top: 16%;right: 35.8%;width: 5%;height: 6%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(16) {top: 12%;right: 41.3%;width: 9.5%;height: 16%;padding-right: 20px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(17) {top: 9.5%;right: 36%;width: 8%;height: 3.6%;padding-left: 36px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(18) {top: 10%;right: 38.8%;width: 7%;height: 4%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(19) {top: 6%;right: 27.7%;width: 14%;height: 4%;padding-bottom: 9px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(20) {top: 38%;right: 44.1%;width: 14.5%;height: 15.2%;padding-left: 32px;padding-top: 20px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(21) {top: 25.2%;right: 45.1%;width: 12.1%;height: 14%;padding-bottom: 10px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(22) {top: 34.2%;right: 51.3%;width: 7.4%;height: 6.5%;padding-right: 14px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(23) {top: 39.5%;right: 51.1%;width: 16.3%;height: 11.4%;padding-bottom: 20px;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(24) {top: 48.5%;right: 38.7%;width: 45.4%;height: 55%;padding-bottom: 210px;padding-left: 10px;}


.map-group .mapBox .mapimg .mapwrap li button {position: relative;top: 50%;z-index: 999;-webkit-transform: translateY(-50%);font-family: 'GmarketSans';font-size: 14px;color: #161616;line-height: 1.2;letter-spacing: -1px;}
.map-group .mapBox .mapimg .mapwrap li button:before {display: none;position:absolute;top: -46px;left: 41%;content:'';width: 42px;height: 50px;margin-left: -15px;background: url(/images/kor/sub05/marker.png)no-repeat;/* z-index: 9999; */}
.map-group .mapBox .mapimg .mapwrap li.on button:before {display:block;}
.map-group .mapBox .mapimg .mapwrap li button span {}
.map-group .mapBox .mapimg .mapwrap li:nth-child(3) button {left: 17%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(5) button {top: 33%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(7) button {top: 40%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(8) button {top: 30%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(9) button {top: 35%;}
.map-group .mapBox .mapimg .mapwrap li:nth-child(4) button {top: 29%;left: 11%;}
.map-group .mapBox .mapimg .mapwrap li.on button {color:#fff;/* font-weight:bold; */text-shadow: -1px -1px 0 #003684, 1px -1px 0 #003684, -1px 1px 0 #003684, 1px 1px 0 #003684;}
.map-group .mapBox .mapimg .mapwrap li em {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;}
.map-group .mapBox .mapimg .mapwrap li.on em {display:block;}
/* .map-group .mapBox .mapimg .mapwrap li:nth-child(1) em {background-image:url(/images/kor/sub06/map_img1.png?ver=20211029);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(3) em {background-image:url(/images/kor/sub06/map_img2.png?ver=20211029);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(5) em {background-image:url(/images/kor/sub06/map_img3.png?ver=20211029);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(6) em {background-image:url(/images/kor/sub06/map_img4.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(7) em {background-image:url(/images/kor/sub06/map_img5.png?ver=20211029);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(8) em {background-image:url(/images/kor/sub06/map_img6.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(9) em {background-image:url(/images/kor/sub06/map_img7.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(10) em {background-image:url(/images/kor/sub06/map_img8.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(11) em {background-image:url(/images/kor/sub06/map_img9.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(12) em {background-image:url(/images/kor/sub06/map_img10.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(13) em {background-image:url(/images/kor/sub06/map_img11.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(4) em {background-image:url(/images/kor/sub06/map_img12.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(2) em {background-image:url(/images/kor/sub06/map_img13.png);} */

.map-group .mapBox .mapimg .mapwrap li:nth-child(1) em {background-image:url(/images/kor/sub05/dong1.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(2) em {background-image:url(/images/kor/sub05/dong2.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(3) em {background-image:url(/images/kor/sub05/dong3.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(4) em {background-image:url(/images/kor/sub05/dong4.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(5) em {background-image:url(/images/kor/sub05/dong5.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(6) em {background-image:url(/images/kor/sub05/dong6.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(7) em {background-image:url(/images/kor/sub05/dong7.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(8) em {background-image:url(/images/kor/sub05/dong8.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(9) em {background-image:url(/images/kor/sub05/dong9.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(10) em {background-image:url(/images/kor/sub05/dong10.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(11) em {background-image:url(/images/kor/sub05/dong11.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(12) em {background-image:url(/images/kor/sub05/dong12.png);} 
.map-group .mapBox .mapimg .mapwrap li:nth-child(13) em {background-image:url(/images/kor/sub05/dong13.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(14) em {background-image:url(/images/kor/sub05/dong14.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(15) em {background-image:url(/images/kor/sub05/dong15.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(16) em {background-image:url(/images/kor/sub05/dong16.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(17) em {background-image:url(/images/kor/sub05/dong17.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(18) em {background-image:url(/images/kor/sub05/dong18.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(19) em {background-image:url(/images/kor/sub05/dong19.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(20) em {background-image:url(/images/kor/sub05/dong20.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(21) em {background-image:url(/images/kor/sub05/dong24.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(22) em {background-image:url(/images/kor/sub05/dong21.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(23) em {background-image:url(/images/kor/sub05/dong22.png);}
.map-group .mapBox .mapimg .mapwrap li:nth-child(24) em {background-image:url(/images/kor/sub05/dong23.png);}

.map-group .mapBox .map-con {float:right;width:590px;padding: 283px 0 0;}
.map-group .mapBox .map-con .map-item {display:none;}
.map-group .mapBox .map-con .map-item.on {display:block;}
.map-group .mapBox .map-con .map-item .group {background-color: #fff;padding: 20px;border-radius: 15px;box-shadow: 6px 7px 8px #e5e7ef;position: relative;}
.map-group .mapBox .map-con .map-item .group .infogroup {overflow:hidden;/* border-radius: 15px; */}
.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap {}
.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn {background-repeat: no-repeat;font-size: 0;width: 29px;height: 49px;display: inline-block;padding: 0;letter-spacing: 0;position: absolute;top: 40%;transform: translate(0, -50%);}
.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.prev {background-image: url(/images/kor/sub05/arrow-prev.png);left: -45px;}
.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.next {background-image: url(/images/kor/sub05/arrow-next.png);right: -46px;}

.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.prev:hover,
.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.prev:focus {background-image: url(/images/kor/sub05/ov-arrow2.png)}
.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.next:hover,
.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.next:focus {background-image: url(/images/kor/sub05/ov-arrow.png)}

.map-group .mapBox .map-con .map-item .group .infogroup:after {display:block; clear:both; visibility:hidden; content:'';}
.map-group .mapBox .map-con .map-item .group .infogroup .thumb {height: 333px; background:#eee; background-size:cover; background-position:center;border-radius: 15px;position: relative;overflow: hidden;}
.map-group .mapBox .map-con .map-item.map-item .group .infogroup .thumb img {max-width: none;width: 100%;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-height: none;}
/* .map-group .mapBox .map-con .map-item.map-item1 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb01.jpg?ver=20211126_1);}
.map-group .mapBox .map-con .map-item.map-item2 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb02.jpg);}
.map-group .mapBox .map-con .map-item.map-item3 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb03.jpg);}
.map-group .mapBox .map-con .map-item.map-item4 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb04.jpg);}
.map-group .mapBox .map-con .map-item.map-item5 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb05.jpg);}
.map-group .mapBox .map-con .map-item.map-item6 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb06.jpg);}
.map-group .mapBox .map-con .map-item.map-item7 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb07.jpg);}
.map-group .mapBox .map-con .map-item.map-item8 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb08.jpg);}
.map-group .mapBox .map-con .map-item.map-item9 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb09.jpg);}
.map-group .mapBox .map-con .map-item.map-item10 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb10.jpg);}
.map-group .mapBox .map-con .map-item.map-item11 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb11.jpg);}
.map-group .mapBox .map-con .map-item.map-item12 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb12.jpg);}
.map-group .mapBox .map-con .map-item.map-item13 .group .infogroup .thumb {background-image:url(/images/kor/sub06/sub0604_thumb13.jpg);} */
.map-group .mapBox .map-con .map-item .group .infogroup .info {position:relative;/* min-height:175px; */padding: 30px 0px 22px 0px;background: #fff;}
.map-group .mapBox .map-con .map-item .group .infogroup .info strong {display:block;font-size: 25px;font-family: 'GmarketSans';color: #222222;line-height: 1;padding-bottom: 15px;border-bottom: 1px dashed #ddd;}
.map-group .mapBox .map-con .map-item .group .infogroup .info strong span {display:inline-block;margin: 0 5px 0 0;color: #394c89;}
.map-group .mapBox .map-con .map-item .group .infogroup .info ul {margin:15px 0 0;padding-right: 170px;}
.map-group .mapBox .map-con .map-item .group .infogroup .info ul li {position: relative;padding-left: 91px;margin:5px 0;color: #666666;font-size: 15px;letter-spacing: -1px;}
.map-group .mapBox .map-con .map-item .group .infogroup .info ul li span {display:inline-block;position: absolute;left: 0;top: 0;font-weight: bold;font-size: 16px;color: #333333;}
.map-group .mapBox .map-con .map-item .group .infogroup .info ul li span:after {content:'';width: 1px;height: 11px;display: inline-block;background-color: #ededed;vertical-align: middle;margin-left: 15px;}
.map-group .mapBox .map-con .map-item .group .infogroup .info ul li span:before {display:inline-block; content:'';width: 22px;height: 22px;margin: -3px 10px 0 0;border-radius: 5px;background: #394c89; vertical-align:middle;background-repeat: no-repeat;background-position: 50%;}
.map-group .mapBox .map-con .map-item .group .infogroup .info ul li:nth-child(1) span:before {background-image: url(/images/kor/sub05/icon1.png);}
.map-group .mapBox .map-con .map-item .group .infogroup .info ul li:nth-child(2) span:before {background-image: url(/images/kor/sub05/icon2.png);}
.map-group .mapBox .map-con .map-item .group .infogroup .info ul li:nth-child(3) span:before {background-image: url(/images/kor/sub05/icon3.png);}

.map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn {display:block;position:absolute;width: 123px;height: 85px;border-radius:5px;background: #394c89;text-align:center;color:#fff;/* font-weight:bold; */font-size: 15px;right: 26px;top: 92px;line-height: 1;border: 1px solid #394c89;transition: all 0.2s;}
.map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn:hover,
.map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn:focus {background-color: #fff;color: #394c89;}
.map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn span {display:block;width: 20px;height: 22px;margin: 21px auto 6px;background:url(/images/kor/sub05/icon4.png)no-repeat;transition: all 0.2s;}
.map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn:hover span,
.map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn:focus span {background:url(/images/kor/sub05/ov-icon4.png)no-repeat;}



@media(max-width:1499px){
	.submain03_wrap .map-wrap {}
	.map-bg:after {display:none;}
    .map-group .mapBox .mapimg {width: calc(100% - 590px);padding: 5.6% 0 0 0px;}
    .map-group .mapBox .map-con {width: 590px;padding: 283px 45px 0 45px;}
    .map-group .map-tab {width: 590px;}
    .map-group .map-tab .tabwrap li button {font-size:16px;}
	.map-group .mapBox .map-con .map-item.map-item .group .infogroup .thumb img {height: 112%;width: auto;}
}

@media(max-width:1355px){
    .map-group .mapBox .mapimg {background:none;}
}
@media(max-width:1279px){
	.map-group .mapBox .map-con .map-item .group .infogroup .info ul {padding: 0;}
    .map-group .mapBox .mapimg {width: calc(100% - 480px);}
    .map-group .map-tab {width:480px;}
    .map-group .mapBox .map-con {width:480px;}
    .map-group .mapBox .map-con .map-item .group .infogroup .thumb {height:300px;}
    .map-group .mapBox .map-con .map-item .group .infogroup .info {padding: 30px 0;padding-bottom: 0;}
    .map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn {right: 0;width: 100%;height: auto;margin-top: 0;position: relative;top: 0;margin-top: 20px;height: 45px;line-height: 45px;}
	.map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn span {display:none}
}

@media(max-width:1199px){
    .submain03_wrap {padding:0 0 100px}
    .map-group .map-tit {width:230px;}
    .map-group .map-tab {position:static; width:100%;}
    .map-group .mapBox .mapimg {float:none;width: calc(100% + 200px);text-align: center;transform: translate(-100px, 0);}
    .map-group .mapBox .map-con {width:100%; padding:0; margin:30px 0 0;padding: 0 45px 0 45px;}
    .map-group .mapBox .map-con .map-item .group .infogroup {height:345px;}
    .map-group .mapBox .map-con .map-item .group .infogroup .thumb {float:left; width:50%; height:100%;}
    .map-group .mapBox .map-con .map-item .group .infogroup .info {float:left;width:50%;height:100%;padding: 40px;}
    .map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn {position:static; width:100%; height:45px; line-height:45px; padding:0;margin:20px 0 0;}
    .map-group .mapBox .map-con .map-item .group .infogroup .info .morebtn span {display:none;}

	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn {top: 50%;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.next {right: -46px;}
}

@media(max-width:767px){
    .map-group .map-tit {width:200px;}
    .map-group .map-tit strong {font-size:24px;}
    .map-group .mapBox .map-con .map-item .group .infogroup {height:auto;}
    .map-group .mapBox .map-con .map-item .group .infogroup .thumb {float:none; width:100%; height:270px;}
    .map-group .mapBox .map-con .map-item .group .infogroup .info {float:none; width:100%; height:auto;padding: 30px 0 0 0;}
    .map-group .mapBox .map-con .map-item .group .infogroup .info strong {font-size:20px;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn {top: 30%;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.next {right: -46px;}
	.map-group .mapBox .map-con .map-item.map-item .group .infogroup .thumb img {width: 100%;height: auto;}
}

@media (max-width:630px) {
	.map-group .mapBox .map-con .map-item.map-item .group .infogroup .thumb img {
    width: auto;
    height: 110%;
}
}

@media(max-width:580px){
	.submain03_wrap .map-wrap {padding: 0 20px;}
    .map-group .map-tit {position:static;width:100%;padding: 30px 0 0;text-align:center;margin-bottom: 30px;}
    .map-group .map-tit img {width:180px;margin-left: auto;margin-right: auto;margin-top: 30px;}
    .map-group .map-tit strong:before {margin:10px auto 20px;}
    .map-group .mapBox .mapimg {padding:0;width: calc(100% + 200px);transform: translate(-100px, 0);}
    .map-group .mapBox .mapimg .mapwrap li button {font-size:13px;}
    .map-group .mapBox .mapimg .mapwrap li button:before {top: -32px;width: 25px;height: 34px;margin-left: -10px;background-size: 28px auto;}
    .map-group .map-tab .tabwrap li {width:calc(25% - 5px); }
}

@media (max-width:540px) {
	.map-group .mapBox .mapimg .inner {display:none;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.prev {left: -35px;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.next {right: -35px;}
	.map-group .map-tit img {margin-bottom: 25px;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn {width: 20px;height: 34px;background-size: contain;}
	.map-group .mapBox .map-con {padding: 0 25px;}

	.sub05_05.wide_wrap .respon_tab {display: none;}
}

@media (max-width:390px) {
	.map-group .map-tab .tabwrap li button {font-size: 13px;}
	.map-group .mapBox .map-con {padding: 0;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.prev {left: 0px;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn.next {right: 0px;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap .btn {position: static;left: 0;top: 0;transform: none;right: 0;background-color: rgba(0,0,0, 0.5);width: 34px;background-position: 50%;background-size: auto 20px;}
	.map-group .mapBox .map-con .map-item .group .infogroup .control-wrap {position: absolute;z-index: 1;top: 257px;display: block;width: 100%;left: 0;text-align: right;padding-right: 20px;}
}






/* 민원안내 메인 */

/* 문제시 삭제 */
.sub01.wide_wrap #body_layout {margin: 0;padding: 0;}
.sub01.wide_wrap #body_layout .lnb_wrap {display: none;}
.sub01.wide_wrap #body_layout #location {display: none;}
.sub01.wide_wrap #body_layout .body_wrap .contents_wrap {width: 100%;overflow: hidden;max-width: none;}
.sub01.wide_wrap #svisual_layout {display: none;}
/* 문제시 삭제 */


.ipa-main {padding-bottom: 60px;}
.ipa-main .section {}

/* section1 */
.ipa-main .section.section1 {position: relative;height: 220px;z-index: 1;/* overflow: hidden; */background: #f5f6f8 url(/template/assets/images/svisual_bg.png) 0 top no-repeat;background-size: 100% auto;}
.ipa-main .section.section1:after {content: "";display: block;width: 497px;height: 110px;position: absolute;bottom: 0px;right: 0px;background: url(/template/assets/images/svisual_obj4.png) 0 0 no-repeat;}
.ipa-main .section.section1:before {content: "";display: block;width: 562px;height: 100px;position: absolute;bottom: 0px;left: 0px;background: url(/template/assets/images/svisual_obj1.png) 0 0 no-repeat;}
.ipa-main .section.section1 .wrap  {height: 100%;position: relative;margin: 0 auto;width: 100%;max-width: 1440px;}
.ipa-main .section.section1 .wrap:after {content: "";display: block;width: 154px;height: 60px;position: absolute;top: 20px;right: calc(50% - 460px);background: url(/template/assets/images/svisual_obj3.png) 0 0 no-repeat;visibility: visible;}
.ipa-main .section.section1 .wrap:before {content: "";display: block;width: 136px;height: 42px;position: absolute;top: 30px;left: calc(50% - 300px);background: url(/template/assets/images/svisual_obj2.png) 0 0 no-repeat;}
.ipa-main .section.section1 .wrap .text-area {/* background: url(/template/assets/images/svisual_obj5.png) right bottom no-repeat; */text-align: center;position: relative;display: flex;flex-wrap: wrap;width: 100%;height: 100%;align-items: center;justify-content: center;z-index: 1;}
.ipa-main .section.section1 .wrap .text-area:before {content:'';background: url(/template/assets/images/svisual_obj5.png) right bottom no-repeat;width: 399px;height: 86px;position: absolute;right: 0;bottom: -25px;}
.ipa-main .section.section1 .wrap .text-area .title {height: 100%;line-height: 1;padding-top: 80px;position: relative;}
.ipa-main .section.section1 .wrap .text-area .title:after {content:'서구민을 위한'; background: url(/images/kor/sub01/m-icon1.png) no-repeat;width: 128px;height: 99px;display: inline-block;position: absolute;top: 30px;right: -135px; font-size: 0;}
.ipa-main .section.section1 .wrap .text-area .title .tit {display: inline-block;line-height: 1;height: auto;font-family: 'jalnan';font-size: 43px;}
.ipa-main .section.section1 .wrap .text-area .title .tit.tit1 {color: #394c89;}
.ipa-main .section.section1 .wrap .text-area .title .tit.tit2 {color: #1598a0;}
.ipa-main .section.section1 .wrap .text-area .title .sub-tit {display: block;line-height: 1;font-size: 18px;color: #242424;font-weight: 100;margin-bottom: 14px;}

.ipa-main .section1 .ui.program--search {max-width: 450px;width: 100%;margin: 0 auto;height: 63px;display: block;margin-top: -33px;position: relative;z-index: 1;border-radius: 30px;}
.ipa-main .section1 .ui.program--search .search_inner.clearfix {width: 100%;height: 100%;}
.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset {width: 100%;height: 100%;display: block;position: relative;}
.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text {display: inline-block;width: 100%;height: 100%;box-shadow: -8px -8px 10px #dbe5e7;border-radius: 20px;}
.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span {width: 100%;height: 100%;display: block;}
.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span label {margin: 0;top: 50%;left: 0;font-family: "GmarketSans";font-size: 17px;display: inline-block;/* width: 100%; */height: auto;/* line-height: 64px; */position: absolute;visibility: visible;color: #747373;padding-left: 30px;transform: translate(0, -46%);}
.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span label span {font-size: 17px;display: inline-block;width: auto;height: auto;color: #1598a0;}
.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span input{width: 100%;height: 63px;display: block;border-color: #1598a0;border-radius: 20px;padding-left: 33px;}
.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span input::placeholder {font-family: "GmarketSans";font-size: 17px;}

.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--btn {display: inline-block;position: absolute;top: 0;right: 0;height: 100%;width: 63px;background-color: #1598a0;border-radius: 20px;}
.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--btn .btn--submit {height: 100%;display: block;width: 100%;}
.ipa-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--btn .btn--submit input {width: 100%;height: 100%;display: block;border: none;font-size: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;}

/* section2 */
.ipa-main .section.section2 {margin-top: 118px;}
.ipa-main .section.section2 .box-wrap {max-width: 1440px;width: 100%;margin: 0 auto;border-radius: 30px;position: relative;justify-content: flex-start;}
.ipa-main .section.section2 .box-wrap:after {content:'';clear:both;display:block;}
.ipa-main .section.section2 .box-wrap .box {border-radius: 30px;display: inline-block;min-height: 404px;vertical-align: middle;position: relative;top: -30px;margin-right: 30px;z-index: 2;padding: 63px;}
.ipa-main .section.section2 .box-wrap .box .title {display: block;line-height: 1;font-family: 'jalnan';color: #fff;font-size: 24px;letter-spacing: -1px;font-weight: normal;margin-bottom: 15px;}
.ipa-main .section.section2 .box-wrap .box .sub-title {display: block;line-height: 1;color: #fff;font-size: 16px;}
.ipa-main .section.section2 .box-wrap .box.box1 {width: calc(100% / 2 - 178px);background-color: #1598a0;}
.ipa-main .section.section2 .box-wrap .box.box1:after {content:'';background: url(/images/kor/sub01/box1-icon.png) no-repeat;width: 269px;height: 193px;display: inline-block;position: absolute;bottom: -58px;right: -30px;transition: all 0.2s;}
.ipa-main .section.section2 .box-wrap .box.box1 ul {display: block;line-height: 1;margin-top: 22px;margin-bottom: 38px;}
.ipa-main .section.section2 .box-wrap .box.box1 ul li {color: #fff;margin-bottom: 10px;}
.ipa-main .section.section2 .box-wrap .box.box1 ul li:last-child {margin-bottom:0;}
.ipa-main .section.section2 .box-wrap .box.box1 ul li .con {display: inline-block;line-height: 1;font-size: 24px;font-family: 'GmarketSans';font-weight: 600;margin-right: 2px;}
.ipa-main .section.section2 .box-wrap .box.box1 ul li em {display: inline-block;line-height: 1;font-size: 16px;}
.ipa-main .section.section2 .box-wrap .box.box1 ul li .circle {width: auto;height: auto;display: inline-block;line-height: 1;background-color: #2f5c61;font-size: 16px;font-weight: 600;width: 123px;border-radius: 30px;padding: 15px 0;text-align: center;margin-right: 17px;vertical-align: middle;}
.ipa-main .section.section2 .box-wrap .box.box1 .btn-wrap {display: inline-block;line-height: 1}
.ipa-main .section.section2 .box-wrap .box.box1 .btn-wrap .link {display: inline-block;line-height: 1;color: #fff;font-size: 17px;padding: 15px 75px 15px 10px;border: 1px solid rgba(255, 255, 255, .5);border-radius: 10px;position: relative;transition: all 0.2s;}
.ipa-main .section.section2 .box-wrap .box.box1 .btn-wrap .link:hover,
.ipa-main .section.section2 .box-wrap .box.box1 .btn-wrap .link:focus {background-color: #fff;color: #1598a0;border-color: #fff;}
.ipa-main .section.section2 .box-wrap .box.box1 .btn-wrap .link:after {content:'';background: url(/images/kor/sub01/box1-arrow.png) no-repeat;width: 15px;height: 12px;display: inline-block;position: absolute;top: 50%;right: 19px;transform: translate(0, -50%);}
.ipa-main .section.section2 .box-wrap .box.box1 .btn-wrap .link:hover:after,
.ipa-main .section.section2 .box-wrap .box.box1 .btn-wrap .link:focus:after {background: url(/images/kor/sub01/box1-ov-arrow.png) no-repeat;}

.ipa-main .section.section2 .box-wrap .box.box2 {background-color: #d7e9f8;width: calc(100% / 3 - 140px);overflow: hidden;padding: 2px;}
.ipa-main .section.section2 .box-wrap .box.box2:after {content:'';background: url(/images/kor/sub01/box2-icon_ver02.png) no-repeat;width: 353px;height: 283px;display: inline-block;position: absolute;bottom: -17px;right: -55px;}
.ipa-main .section.section2 .box-wrap .box.box2 .link {width: 100%;height: 100%;display: inline-block;padding: 63px 37px;min-height: 403px;position: relative;z-index: 1;}
.ipa-main .section.section2 .box-wrap .box.box2 .title {color: #161616;margin-bottom: 12px;}
.ipa-main .section.section2 .box-wrap .box.box2 .sub-title {color: #555555;}

.ipa-main .section.section2 .box-wrap .inner {float: right;background-color: #3a4462;position: absolute;top: 0;right: 0;width: 100%;text-align: right;width: calc(100% - 140px);height: 100%;border-radius: 30px;z-index: 1;padding: 40px;padding-left: 817px;}
.ipa-main .section.section2 .box-wrap .inner .item {display: inline-block;width: calc(100% / 2 - 13px);margin-right: 20px;margin-bottom: 20px;border: 1px solid #757c91;border-radius: 10px;}
.ipa-main .section.section2 .box-wrap .inner .item:nth-child(2n) {margin-right: 0px;}
.ipa-main .section.section2 .box-wrap .inner .item .link {padding: 30px 0;display: block;width: 100%;height: 100%;border-radius: 10px;transition: all 0.2s;}
.ipa-main .section.section2 .box-wrap .inner .item .link:hover,
.ipa-main .section.section2 .box-wrap .inner .item .link:focus {background-color:#fff;box-shadow: 10px 10px 15px #333c56;}
.ipa-main .section.section2 .box-wrap .inner .item .link .icon {width: 44px;height: 44px;display: block;margin: 0 auto;background-repeat: no-repeat;margin-bottom: 17px;transition: all 0.2s;background-position: 50%;}
.ipa-main .section.section2 .box-wrap .inner .item .link .icon.icon1 {background-image: url(/images/kor/sub01/main-icon1.png);}
.ipa-main .section.section2 .box-wrap .inner .item .link .icon.icon2 {background-image: url(/images/kor/sub01/main-icon2.png);}
.ipa-main .section.section2 .box-wrap .inner .item .link .icon.icon3 {background-image: url(/images/kor/sub01/main-icon3.png);}
.ipa-main .section.section2 .box-wrap .inner .item .link .icon.icon4 {background-image: url(/images/kor/sub01/main-icon4.png);}
.ipa-main .section.section2 .box-wrap .inner .item .link .text {margin: 0;color: #fff;text-align: center;display: block;line-height: 1;font-size: 17px;transition: all 0.2s;}
.ipa-main .section.section2 .box-wrap .inner .item .link:hover .icon.icon1,
.ipa-main .section.section2 .box-wrap .inner .item .link:focus .icon.icon1 {background-image: url(/images/kor/sub01/ov-icon1.png);}
.ipa-main .section.section2 .box-wrap .inner .item .link:hover .icon.icon2,
.ipa-main .section.section2 .box-wrap .inner .item .link:focus .icon.icon2 {background-image: url(/images/kor/sub01/ov-icon2.png);}
.ipa-main .section.section2 .box-wrap .inner .item .link:hover .icon.icon3,
.ipa-main .section.section2 .box-wrap .inner .item .link:focus .icon.icon3 {background-image: url(/images/kor/sub01/ov-icon3.png);}
.ipa-main .section.section2 .box-wrap .inner .item .link:hover .icon.icon4,
.ipa-main .section.section2 .box-wrap .inner .item .link:focus .icon.icon4 {background-image: url(/images/kor/sub01/ov-icon4.png);}
.ipa-main .section.section2 .box-wrap .inner .item .link:hover .text,
.ipa-main .section.section2 .box-wrap .inner .item .link:focus .text {color:#333333;}

/* section3 + section4 공통 */
.ipa-main .section.section3 .wrap, .ipa-main .section.section4 .wrap {max-width: 1440px;width: 100%;margin: 0 auto;display: block;margin-top: 30px;}
.ipa-main .section.section3 .wrap .s-title, .ipa-main .section.section4 .wrap .s-title {display: inline-block;line-height: 1;font-size: 20px;font-family: 'GmarketSans';color: #404040;margin-bottom: 19px;}

/* section3 */
.ipa-main .section.section3 {}
.ipa-main .section.section3 .item-wrap {display: block;line-height: 1;text-align: left;}
.ipa-main .section.section3 .item-wrap .item {display: inline-block;background-color: #f5f6f8;margin-right: 15px;width: calc(100% / 5 - 17px);vertical-align: top;height: 90px;position: relative;border-radius: 5px;}
.ipa-main .section.section3 .item-wrap .item:last-child {margin-right:0;}
.ipa-main .section.section3 .item-wrap .item .link {width: 100%;height: 100%;display: block;padding-left: 30px;border: 1px solid transparent;transition: all 0.2s;border-radius: 5px;}
.ipa-main .section.section3 .item-wrap .item .link:hover,
.ipa-main .section.section3 .item-wrap .item .link:focus {border-color: #3a4462;background-color: #fff;box-shadow: 5px 5px 10px #e2e4e8;}
.ipa-main .section.section3 .item-wrap .item .link .con {margin: 0;line-height: 1.4;display: inline-block;vertical-align: middle;font-size: 17px;letter-spacing: -1px;position: relative;top: 50%;transform: translate(0, -50%);}
.ipa-main .section.section3 .item-wrap .item .link .icon {width: 55px;height: 55px;display: inline-block;vertical-align: middle;background-repeat: no-repeat;background-position: 50% 50%;position: absolute;top: 50%;right: 20px;transform: translate(0, -50%);}
.ipa-main .section.section3 .item-wrap .item .link .icon.icon1 {background-image: url(/images/kor/sub01/s3-icon1.png);}
.ipa-main .section.section3 .item-wrap .item .link .icon.icon2 {background-image: url(/images/kor/sub01/s3-icon2.png);}
.ipa-main .section.section3 .item-wrap .item .link .icon.icon3 {background-image: url(/images/kor/sub01/s3-icon3.png);}
.ipa-main .section.section3 .item-wrap .item .link .icon.icon4 {background-image: url(/images/kor/sub01/s3-icon4.png);}
.ipa-main .section.section3 .item-wrap .item .link .icon.icon5 {background-image: url(/images/kor/sub01/s3-icon5.png);}

/* section4 */
.ipa-main .section.section4 {}
.ipa-main .section.section4 .item-wrap {}
.ipa-main .section.section4 .item-wrap .item {display: inline-block;margin-right: 15px;width: calc(100% / 6 - 17px);}
.ipa-main .section.section4 .item-wrap .item:last-child {margin-right:0px;}
.ipa-main .section.section4 .item-wrap .item .link {text-align: center;width: 100%;height: 100%;display: block;border: 1px solid #dfe1e8;border-radius: 5px;padding: 30px 0 40px;transition: all 0.2s;}
.ipa-main .section.section4 .item-wrap .item .link:hover,
.ipa-main .section.section4 .item-wrap .item .link:focus {border-color: #3a4462;background-color: #fff;box-shadow: 5px 5px 10px #e2e4e8;}
.ipa-main .section.section4 .item-wrap .item .link .con {margin: 0;line-height: 1;margin-bottom: 10px;color: #333333;font-size: 17px;font-weight: 600;}
.ipa-main .section.section4 .item-wrap .item .link .sub-con {display: block;line-height: 1;color: #555555;font-size: 15px;font-weight: 100;}
.ipa-main .section.section4 .item-wrap .item .link .icon {background-color: #f5f6f8;width: 80px;height: 80px;display: block;border-radius: 30px;margin: 0 auto;margin-bottom: 28px;background-repeat: no-repeat;background-position: 50%;}
.ipa-main .section.section4 .item-wrap .item .link .icon.icon1 {background-image: url(/images/kor/sub01/s4-icon1.png);}
.ipa-main .section.section4 .item-wrap .item .link .icon.icon2 {background-image: url(/images/kor/sub01/s4-icon2.png);}
.ipa-main .section.section4 .item-wrap .item .link .icon.icon3 {background-image: url(/images/kor/sub01/s4-icon3.png);}
.ipa-main .section.section4 .item-wrap .item .link .icon.icon4 {background-image: url(/images/kor/sub01/s4-icon4.png);}
.ipa-main .section.section4 .item-wrap .item .link .icon.icon5 {background-image: url(/images/kor/sub01/s4-icon5.png);}
.ipa-main .section.section4 .item-wrap .item .link .icon.icon6 {background-image: url(/images/kor/sub01/s4-icon6.png);}


@media (max-width:1440px) {
	.sub01.wide_wrap .layout {padding: 0;}
	.ipa-main .section2, .ipa-main .section3, .ipa-main .section4 {padding: 0 30px;}
	.ipa-main .section.section2 .box-wrap .inner {/* padding-left: 753px; */padding-left: calc(100% - 611px);}
	.ipa-main .section.section2 .box-wrap .box.box1:after {background-size: cover;width: 191px;height: 150px;right: 0;}
	.ipa-main .section.section2 .box-wrap .box.box2:after {width: 283PX;height: 213px;background-size: cover;bottom: -5px;}
}

@media (max-width:1360px) {
	.ipa-main .section.section2 {margin-top: 88px;}
	.ipa-main .section.section2 .box-wrap .inner {position: relative;width: 100%;padding: 40px;margin-top: 30px;}
	.ipa-main .section.section2 .box-wrap .box.box1, .ipa-main .section.section2 .box-wrap .box.box2 {width: calc(100% / 2 - 18px);top: 0;}
	.ipa-main .section.section2 .box-wrap .box.box2 {margin-right: 0;}
	.ipa-main .section.section2 .box-wrap .box.box2:after {width: 353px;height: 283px;bottom: -17px;}
	.ipa-main .section.section2 .box-wrap .box.box1:after {width: 269px;height: 193px;right: -3px;}
	.ipa-main .section.section2 .box-wrap .inner .item:nth-child(3), .ipa-main .section.section2 .box-wrap .inner .item:nth-child(4) {margin-bottom: 0;}
}

@media (max-width:1340px) {
	.ipa-main .section.section3 .item-wrap .item {width: calc(100% / 3 - 14px);}
	.ipa-main .section.section3 .item-wrap .item:nth-child(3n) {margin-right: 0;}
	.ipa-main .section.section3 .item-wrap .item:nth-child(4n), .ipa-main .section.section3 .item-wrap .item:last-child {margin-top: 15px;}
}

@media (max-width:1290px) {
	.ipa-main .section.section1 .wrap .text-area:before {background-size: contain;width: 310px;}
}

@media (max-width:1270px) {
	.ipa-main .section.section4 .item-wrap .item {width: calc(100% / 3 - 14px);margin-bottom: 15px;}
	.ipa-main .section.section4 .item-wrap .item:nth-child(3n) {margin-right: 0;}
}

@media (max-width:1150px) {
	.ipa-main .section.section2 .box-wrap .box.box1:after {width: 191px;height: 150px;right: -2px;bottom: -29px;background-size: contain;}
	.ipa-main .section.section2 .box-wrap .box.box1, .ipa-main .section.section2 .box-wrap .box.box2 .link {padding: 60px 30px;}
	.ipa-main .section.section2 .box-wrap .inner {padding: 30px;}
	.ipa-main .section.section1 .wrap .text-area:before {display: none;}
}

@media (max-width:910px) {
	.ipa-main .section.section2 .box-wrap .box.box1, .ipa-main .section.section2 .box-wrap .box.box2 {width: 100%;margin: 0;min-height: 1px;}
	.ipa-main .section.section2 .box-wrap .box.box1 {margin-bottom: 30px;}
	.ipa-main .section.section2 .box-wrap .box.box1:after {width: 269px;height: 193px;right: -3px;bottom: -21px;}
	.ipa-main .section.section2 .box-wrap .box.box1, .ipa-main .section.section2 .box-wrap .box.box2 .link {padding: 30px;}
	.ipa-main .section.section2 .box-wrap .box.box2 .link {min-height: 1px;height: 180px;}
	.ipa-main .section.section2 .box-wrap .box.box2:after {height: 180px;width: 230px;bottom: -13px;right: -30px;background-size: contain;}
}

@media (max-width:830px) {
	.ipa-main .section.section3 .item-wrap .item {width: calc(100% / 2 - 11px);}
	.ipa-main .section.section3 .item-wrap .item:nth-child(2n) {margin-right:0px}
	.ipa-main .section.section3 .item-wrap .item:nth-child(3n) {margin-right: 15px;margin-top: 15px;}
}

@media (max-width:767px) {
	.ipa-main .section.section2 .box-wrap .box.box1:after {width: 230px;height: 180px;bottom: -28px;}
}

@media (max-width:630px) {
	.ipa-main .section.section2 .box-wrap .box.box1:after {width: 180px;height: 130px;bottom: -10px;}
	.ipa-main .section2, .ipa-main .section3, .ipa-main .section4 {padding: 0 20px;}
	.ipa-main .section.section4 .item-wrap .item {width: calc(100% / 2 - 11px);}
	.ipa-main .section.section4 .item-wrap .item:nth-child(3n) {margin-right: 15px;}
	.ipa-main .section.section4 .item-wrap .item:nth-child(2n) {margin-right: 0;}
}

@media (max-width:550px) {
	.ipa-main .section.section1 {height: 200px;padding: 0 20px;}
	.ipa-main .section.section1 .wrap .text-area .title:after {display: none;}
	.ipa-main .section.section1 .wrap .text-area .title .sub-tit {font-size: 16px;}
	.ipa-main .section.section1 .wrap .text-area .title .tit {font-size: 34px;}
	.ipa-main .section.section1 .wrap .text-area .title {padding-top: 60px;}
	
	.ipa-main .section.section3 .item-wrap .item {width: 100%;margin-right: 0;}
	.ipa-main .section.section3 .item-wrap .item:nth-child(2n) {margin-top: 15px;}
	.ipa-main .section.section3 .item-wrap .item:nth-child(3n) {margin-right:0;}

	.ipa-main .section.section2 .box-wrap .box.box2:after {width: 200px;height: 150px;bottom: -10px;}
}

@media (max-width:530px) {
	.ipa-main .section.section2 .box-wrap .inner .item {width: 100%;margin-right: 0;}
	.ipa-main .section.section2 .box-wrap .inner .item:nth-child(3n) {margin-right: 0;margin-bottom: 20px;}
}

@media (max-width:490px) {
	.ipa-main .section1 .ui.program--search {}
	.ipa-main .section.section2 .box-wrap .box.box1:after {display:none;}
}

@media (max-width:450px) {
	.ipa-main .section.section2 .box-wrap .box.box1 ul li .circle {display: block;margin-bottom: 15px;}
}

@media (max-width:430px) {
	.ipa-main .section.section4 .item-wrap .item {width: 100%;margin-right: 0;}
	.ipa-main .section.section4 .item-wrap .item:nth-child(3n) {margin-right:0;}
}


/* 분야별정보 서브메인 */

/* 문제시 삭제 */
.sub06.wide_wrap #body_layout.layout {max-width: none;}
.sub06.wide_wrap #body_layout {margin: 0;padding: 0;}
.sub06.wide_wrap #body_layout .lnb_wrap {display: none;}
.sub06.wide_wrap #body_layout #location {display: none;}
.sub06.wide_wrap #body_layout .body_wrap .contents_wrap {width: 100%;overflow: hidden;max-width: none;}
.sub06.wide_wrap #svisual_layout {display: none;}

@media (max-width:1439px) {
	.sub06.wide_wrap #body_layout .body_wrap.layout {padding: 0;}
}

/* 문제시 삭제 */

.pi-main {padding-bottom: 60px;}


/* section1 */
.pi-main .section.section1 {position: relative;height: 220px;z-index: 1;/* overflow: hidden; */background: #f5f6f8 url(/template/assets/images/svisual_bg.png) 0 top no-repeat;background-size: 100% auto;}
.pi-main .section.section1:after {content: "";display: block;width: 497px;height: 110px;position: absolute;bottom: 0px;right: 0px;background: url(/template/assets/images/svisual_obj4.png) 0 0 no-repeat;}
.pi-main .section.section1:before {content: "";display: block;width: 562px;height: 100px;position: absolute;bottom: 0px;left: 0px;background: url(/template/assets/images/svisual_obj1.png) 0 0 no-repeat;}
.pi-main .section.section1 .wrap  {height: 100%;position: relative;margin: 0 auto;width: 100%;max-width: 1440px;}
.pi-main .section.section1 .wrap:after {content: "";display: block;width: 154px;height: 60px;position: absolute;top: 20px;right: calc(50% - 460px);background: url(/template/assets/images/svisual_obj3.png) 0 0 no-repeat;visibility: visible;}
.pi-main .section.section1 .wrap:before {content: "";display: block;width: 136px;height: 42px;position: absolute;top: 30px;left: calc(50% - 300px);background: url(/template/assets/images/svisual_obj2.png) 0 0 no-repeat;}
.pi-main .section.section1 .wrap .text-area {/* background: url(/template/assets/images/svisual_obj5.png) right bottom no-repeat; */text-align: center;position: relative;display: flex;flex-wrap: wrap;width: 100%;height: 100%;align-items: center;justify-content: center;z-index: 1;}
.pi-main .section.section1 .wrap .text-area:before {content:''; background: url(/template/assets/images/svisual_obj5.png) right bottom no-repeat;width: 399px;height: 86px;position: absolute;right: 0;bottom: -25px;}
.pi-main .section.section1 .wrap .text-area .title {height: 100%;line-height: 1;padding-top: 80px;position: relative;}
.pi-main .section.section1 .wrap .text-area .title:after {content:'서구민을 위한!'; font-size: 0; background: url(/images/kor/sub01/m-icon1.png) no-repeat;width: 128px;height: 99px;display: inline-block;position: absolute;top: 30px;right: -85px;}
.pi-main .section.section1 .wrap .text-area .title .tit {display: inline-block;line-height: 1;height: auto;font-family: 'jalnan';font-size: 43px;}
.pi-main .section.section1 .wrap .text-area .title .tit.tit1 {color: #394c89;}
.pi-main .section.section1 .wrap .text-area .title .tit.tit2 {color: #1598a0;}
.pi-main .section.section1 .wrap .text-area .title .sub-tit {display: block;line-height: 1;font-size: 18px;color: #242424;font-weight: 100;margin-bottom: 14px;}

.pi-main .section1 .ui.program--search {max-width: 450px;width: 100%;margin: 0 auto;height: 63px;display: block;margin-top: -33px;position: relative;z-index: 1;border-radius: 30px;}
.pi-main .section1 .ui.program--search .search_inner.clearfix {width: 100%;height: 100%;}
.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset {width: 100%;height: 100%;display: block;position: relative;}
.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text {display: inline-block;width: 100%;height: 63px;box-shadow: -8px -8px 10px #dbe5e7;border-radius: 20px;}
.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span {width: 100%;height: 100%;display: block;}
.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span label {margin: 0;top: 50%;left: 0;font-family: "GmarketSans";font-size: 17px;display: inline-block;/* width: 100%; */height: auto;/* line-height: 64px; */position: absolute;visibility: visible;color: #747373;padding-left: 30px;transform: translate(0, -46%);}
.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span label span {font-size: 17px;display: inline-block;width: auto;height: auto;color: #1598a0;}
.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span input{width: 100%;height: 100%;display: block;border-color: #1598a0;border-radius: 20px;padding-left: 33px;}
.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--text span input::placeholder {font-family: "GmarketSans";font-size: 17px;}

.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--btn {display: inline-block;position: absolute;top: 0;right: 0;height: 100%;width: 63px;background-color: #1598a0;border-radius: 20px;}
.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--btn .btn--submit {height: 100%;display: block;width: 100%;}
.pi-main .section1 .ui.program--search .search_inner.clearfix .fieldset .search--btn .btn--submit input {width: 100%;height: 100%;display: block;border: none;font-size: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 50%;}


/* section2 */
.pi-main .section.section2 {margin-top: 65px;}

/* slick 설정 : s */
/* 대체텍스트 숨김처리 스타일 */
.sr-only{ overflow:  hidden;
border:  0;
position:  absolute;
width:  1px;
height:  1px;
clip:  rect(1px, 1px, 1px, 1px);
overflow:hidden;
z-index: -1;
}

/* 공통 */
.pi-main .slide{width: calc(100% + 40px);margin: 0 -20px;height: 328px;font-size: 0;letter-spacing: 0;word-spacing: 0;}
.pi-main .slick-list, .pi-main .slick-track{height:100%;overflow: visible;}
.pi-main .slick-track{padding: 0;overflow: visible;}
.pi-main .slide .slick-slide > div{/* padding: 0 20px; */}
.pi-main .slide .item{position: relative;width: 100%;height: 100%;/* border-radius: 15px; */overflow: visible;/* border: 1px solid #ddd; */display: inline-block;width: calc(100% / 5 - 5px);padding: 0 20px;}
.pi-main .slide .item *{width:100%;height:100%}
.pi-main .slide .item .item_link{display:block;position:relative}
.pi-main .slide .item .card_thum{height: 133px;width: 133px;display: block;margin: 0 auto;border-radius: 50%;overflow: hidden;padding: 10px;box-shadow: -5px -1px 14px #f5f5f5;position: relative;z-index: 2;background-color: #fff;}
.pi-main .slide .item .thum_box{position:relative;overflow: hidden;background-color: #cbdcd0;border-radius: 50%;background-repeat: no-repeat;background-position: 50% 0;}
.pi-main .item .thum_box.child {background-image: url(/images/kor/sub06/mv-icon1.png);background-position: 57% 33px;}
.pi-main .item .thum_box.man {background-image: url(/images/kor/sub06/mv-icon2.png);background-position: 52% 25px;}
.pi-main .item .thum_box.woman {background-image: url(/images/kor/sub06/mv-icon3.png);background-position: 52% 31px;}
.pi-main .item .thum_box.person {background-image: url(/images/kor/sub06/mv-icon4.png);background-position: 50% 20px;}
.pi-main .item .thum_box.grand {background-image: url(/images/kor/sub06/mv-icon5.png);background-position: 52% 29px;}
.pi-main .item .thum_box .thum_img{width:100%;height:100%; position:absolute; top:50%;left:50%;transform: translate(-50%,-50%); }

.pi-main .slide .item .card_body{height: calc(100% - 94px);padding: 50px 30px 32px 30px;border: 1px solid transparent;border-radius: 10px;background-color: #f5f6f8;margin-top: -30px;position: relative;z-index: 1;transition: all 0.2s;}
.pi-main .slide .item .card_body:hover {background-color: #fff;border-color: #d9d9d9;}
.pi-main .slide .item .card_body ul {line-height: 1;}
.pi-main .slide .item .card_body ul li {position: relative;padding-left: 11px;margin-bottom: 11px;}
.pi-main .slide .item .card_body ul li a:before {content:'';width: 4px;height: 4px;display: inline-block;position: absolute;background-color: #adadad;border-radius: 50%;left: 0;top: 6px;}
.pi-main .slide .item .card_body ul li:last-child {margin-bottom:0px;}
.pi-main .slide .item .card_body ul li a {display: block;width: 100%;height: 100%;font-size: 16px;color: #555555;height: 18px;line-height: 18px;}
.pi-main .slide .item .card_body ul li a:hover,
.pi-main .slide .item .card_body ul li a:focus {color: #418087;font-weight: 600;}
.pi-main .slide .item .card_body ul li a:hover:before,
.pi-main .slide .item .card_body ul li a:focus:before {background-color:#418087;}
.pi-main .slide .item .card_body *{height:auto}
.pi-main .slide .item .card_body .tit{font-size: 20px;font-weight: bold;margin-bottom: 0; display:block;font-family: 'GmarketSans';color: #404040;line-height: 1;text-align: center;margin-bottom: 23px;}
.pi-main .slide .item .card_body .text{display:block; display:-webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; line-height: 1.3;margin-bottom: 10px;}
.pi-main .slide .item .more{float:right; width:auto}


/* control */
.pi-main .slide_control{text-align: center;margin: 10px 0; position:relative;display: none !important;}

/* total & dot */
.pi-main .slide_control .total{display:inline-block;height:40px;line-height: 40px;position: absolute;top: -420px;right: 10px;}
.pi-main .slide_control .total span{font-size: 15px;}
.pi-main .slide_control .total .current{font-weight: bold; color:#025297; font-size: 18px;}
.pi-main .slide_control .dot { display: block; }
.pi-main .slide_control .slick-dots { display: inline-block; margin:0}
.pi-main .slide_control .slick-dots li { display: inline-flex; height: 40px; margin: 0 5px; align-items: center;justify-content: center;}
.pi-main .slide_control .slick-dots li button { display: inline-block; width: 15px; height: 15px; font-size: 0; background: #ddd; vertical-align: middle; border:1px solid #ddd; border-radius: 50%;}
.pi-main .slide_control .slick-dots li.slick-active button { background: #025297;border:1px solid #025297}

/* progress & svg-circle */
.pi-main .slide_control .progress{width: 160px;height: 3px;background: #e5e5e4;position: relative;margin-right: 20px;}
.pi-main .slide_control .progress span{display: block;width: 70%;height: 3px;top:0px;left:0px;background: #025297;position: absolute;}
.pi-main .slide_control .circle-bg {fill: rgba(255, 255, 255, 0);stroke: rgba(0, 0, 0, 0.05);stroke-width: 2;stroke-linecap: butt;}
.pi-main .slide_control .circle-go {fill: rgba(255, 255, 255, 0);stroke: #025297;stroke-width: 2;stroke-linecap: round;/*animation: progress 4s;*/stroke-dasharray: 120px;stroke-dashoffset: 300%;animation-timing-function: linear;}

.pi-main .slide_control .progress-svg{
width: 100%;
height: 100%;
position: absolute;
top:0px;
left:0px;
}

/* button */
.pi-main .slide_control button.button {width: 40px;height: 40px;font-size: 0;vertical-align: top;position: relative;display: inline-block;z-index: 3;position: relative;border: 0 solid #000;background: none;background-repeat: no-repeat;background-position: 50%;}
.pi-main .slide_control button[data-control="play"] { display: none; }
.pi-main .slide_control button[data-control]:before,
.pi-main .slide_control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.pi-main .slide_control button[data-control="prev"]:before,
.pi-main .slide_control button[data-control="next"]:before {width: calc(100%/2.5);height: calc(100%/2.5);border-width: 2px;border-style: solid;border-color: #333;transform: rotate(45deg);display: none;}
.pi-main .slide_control button[data-control="prev"]:before { right: -5px; border-width: 0 0 3px 3px; }
.pi-main .slide_control button[data-control="next"]:before { right: 5px; border-width: 3px 3px 0 0; }
.pi-main .slide_control button[data-control="prev"]:before,
.pi-main .slide_control button[data-control="next"]:before { width: 11px; height: 11px; border-color: #000; }
.pi-main .slide_control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #000; border-style: solid; width: 0; height: 0; }
.pi-main .slide_control button[data-control="stop"]:before { width: 3px; height: 9px; box-shadow: -3px 0 #000, 3px 0 #000; }


/* card-gallery */

.mVisual{max-width:1440px;width:100%;margin: 0 auto;overflow: visible;padding-top: 0px;position: relative;z-index: 10;}
/* slick 설정 : e */


/* link-area 설정 */
.pi-main .link-area {max-width: 1700px;margin: 0 auto;background-color: #418087;border-radius: 30px;position: relative;padding: 97px 0 44px 0;margin-top: -71px;}
.pi-main .link-area .link-wrap {width: 100%;height: 100%;display: flex;justify-content: space-between;max-width: 1073px;margin: 0 auto;}
.pi-main .link-area .link-wrap .item {display: inline-block;}
.pi-main .link-area .link-wrap .item .link {width: 100%;height: 100%;display: block;line-height: 1;}
.pi-main .link-area .link-wrap .item .link .icon {width: 80px;height: 80px;display: block;margin: 0 auto;border: 1px solid #7aa6ab;border-radius: 30px;margin-bottom: 20px;background-repeat: no-repeat;background-position: 50%;transition: all 0.2s;}
.pi-main .link-area .link-wrap .item .link .icon.icon1 {background-image: url(/images/kor/sub06/m-icon1.png);}
.pi-main .link-area .link-wrap .item .link .icon.icon2 {background-image: url(/images/kor/sub06/m-icon2.png);}
.pi-main .link-area .link-wrap .item .link .icon.icon3 {background-image: url(/images/kor/sub06/m-icon3.png);}
.pi-main .link-area .link-wrap .item .link .icon.icon4 {background-image: url(/images/kor/sub06/m-icon4.png);}
.pi-main .link-area .link-wrap .item .link .icon.icon5 {background-image: url(/images/kor/sub06/m-icon5.png);}
.pi-main .link-area .link-wrap .item .link .icon.icon6 {background-image: url(/images/kor/sub06/m-icon6.png);}
.pi-main .link-area .link-wrap .item .link .icon.icon7 {background-image: url(/images/kor/sub06/m-icon7.png);}

.pi-main .link-area .link-wrap .item .link:hover .icon,
.pi-main .link-area .link-wrap .item .link:focus .icon {background-color: #fff;border-color: #fff;box-shadow: 5px 5px 10px #397076;}
.pi-main .link-area .link-wrap .item .link:hover .icon.icon1,
.pi-main .link-area .link-wrap .item .link:focus .icon.icon1 {background-image: url(/images/kor/sub06/ov-m-icon1.png);}
.pi-main .link-area .link-wrap .item .link:hover .icon.icon2,
.pi-main .link-area .link-wrap .item .link:focus .icon.icon2 {background-image: url(/images/kor/sub06/ov-m-icon2.png);}
.pi-main .link-area .link-wrap .item .link:hover .icon.icon3,
.pi-main .link-area .link-wrap .item .link:focus .icon.icon3 {background-image: url(/images/kor/sub06/ov-m-icon3.png);}
.pi-main .link-area .link-wrap .item .link:hover .icon.icon4,
.pi-main .link-area .link-wrap .item .link:focus .icon.icon4 {background-image: url(/images/kor/sub06/ov-m-icon4.png);}
.pi-main .link-area .link-wrap .item .link:hover .icon.icon5,
.pi-main .link-area .link-wrap .item .link:focus .icon.icon5 {background-image: url(/images/kor/sub06/ov-m-icon5.png);}
.pi-main .link-area .link-wrap .item .link:hover .icon.icon6,
.pi-main .link-area .link-wrap .item .link:focus .icon.icon6 {background-image: url(/images/kor/sub06/ov-m-icon6.png);}
.pi-main .link-area .link-wrap .item .link:hover .icon.icon7,
.pi-main .link-area .link-wrap .item .link:focus .icon.icon7 {background-image: url(/images/kor/sub06/ov-m-icon7.png);}

.pi-main .link-area .link-wrap .item .link .title {margin: 0;color: #fff;text-align: center;line-height: 1;}


/* section3 */
.pi-main .section.section3 {max-width: 1440px;width: 100%;margin: 0 auto;position: relative;margin-top: 55px;}
.pi-main .section.section3 .wrap> .title {margin: 0;display: block;line-height: 1;font-family: 'jalnan';font-size: 32px;text-align: center;color: #404040;margin-bottom: 36px;}
.pi-main .section.section3 .wrap> .title span {color: #394c89;}
.pi-main .section.section3 .box-wrap {display: block;width: calc(100% + 35px);height: 100%;height: 314px;margin: 0 -17.5px;}
.pi-main .section.section3 .box-wrap .box {margin: 0 17.5px;display: inline-block;width: 100%;height: 100%;vertical-align: top;}

/* 게시판 */
.pi-main .section.section3 .box-wrap .box.box1 {/* background-color: aliceblue; */width: calc(100% / 3 - -167px);}
/* 대체텍스트 숨김처리 스타일 */
.sr-only{ overflow:  hidden;border:  0;position:  absolute;width:  1px;height:  1px;clip:  rect(1px, 1px, 1px, 1px);overflow:hidden;z-index:-1}

/* board -common style */

.main-board{width:100%;max-width: 1200px;margin: 0 auto;clear:both;display:block;position:relative;}/*리스트 높이에 따른 height 조절필요*/
/* border_col */
.main-board .board-content{width:100%; overflow: hidden}
.main-board .col{width: calc(100% + 5px);margin: 0 -3px;padding: 0;} 
.main-board .col:after{content:'';display:block; clear:both;}
.main-board .col > div{width:100%;margin: 3px 3px 3px 3px; float:left}
.main-board .col.col2 > div{width: calc(50% - 6px);}
.main-board .col.col3 > div{width:calc(33.333333% - 10px);}
.main-board .col.col4 > div{width:calc(25% - 10px);}
.main-board .col.col5 > div{width:calc(20% - 10px);}
/* border-title */
.main-board .content-title{display:block;font-weight: bold;font-size: 18px; color:#231f20;line-height: 1.3; height:25px;display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;overflow: hidden; }
.main-board .content-title .new{display:inline-flex;justify-content: center;width:50px; height: 24px; ;font-size: 15px;color:#fff;margin-right: 6px; position:relative; top:-3px; background-color: #7e1c1d;font-weight: normal; border-radius: 15px;  line-height: 23px;}
.main-board .content-title .new:before{content:'new';display:block; width:100%;height:100%;}

.main-board .board-content{margin-top: 15px;}
.main-board .content-link{display:block}
.main-board .con-text{margin-top: 18px;}
.main-board .con-text p{line-height: 1.4;}
/* border-more */
.main-board .board-more{position:absolute;top: 0;right:0;display: inline-block;width: 39px;height: 39px;/* background-color: #fff; */}
.main-board .board-more a{display:block; width: 39px; height: 39px; position: relative;}
.main-board .board-more a span{position:absolute; top:0;left:0;display:block; width: 100%; height: 100%; transition: 0.6s;}
.main-board .board-more a span:before,.main-board .board-more a span:after{content:''; display:block; position: absolute; background-color: #2c2c2c;}
.main-board .board-more a span:before{width:100%;height:1px;top:50%;left:0; }
.main-board .board-more a span:after{width: 1px; height: 100%;top:0; left:50%}
.main-board .board-more a:hover{}
.main-board .board-more a:hover span{transform:rotate(90deg)}
.main-board .board-more a:hover span:before,.main-board .board-more a:hover span:after{background-color:#006940; }

/* typeA  -1type[basic]*/
.main-board .board-title{position:relative; display:block;width: 100%;text-align: left;padding: 8px 60px  8px 90px;}
.main-board .board-title:before{content:''; display:block; width:100%;position: relative; top:50%; left:0; height:1px;background-color: #d6d6d6;}
.main-board .board-title span{display:inline-block;position: absolute;z-index: 2;font-size: 20px;font-weight: bold;/* background-color: #fff; *//* padding-right: 30px; */top: 0;left: 0;/* transform: translate(0,-50%); */font-family: 'GmarketSans';color: #404040;line-height: 1;}
.main-board .board-content{}
.main-board .content-title{position: relative;}
.main-board .content-title:before{content:""; position:absolute; opacity:0;left:0;bottom:0;width:0;height:12px;background-color:rgba(0,105,64,.1);transition:width .6s ease}
.main-board .content-link:hover .content-title:before{opacity: 1; width:100%}
.main-board .con-text{ padding:25px 29px 22px; background-color: #f2f3f4; min-height: 163px;}
.main-board .con-text p{font-size: 15px; height: 60px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; width: 100%; color: #555555; letter-spacing: -1px;}
.main-board .content-date{color:#818181; margin-top: 36px; display:block;font-size: 15px; text-align: right; }



/* Dtype */

.main-board.typeE{width:100%;}
.main-board.typeE .board-title{margin-bottom: 0;}
.main-board.typeE .board-title:before{display:none}
.main-board.typeE .board-content{}
.main-board.typeE .content-box{}
.main-board.typeE .content-link{position: relative;margin-bottom: 0;/* min-height: 137px; */padding: 26px 20px 17px 115px;border: 1px solid #dddddd;border-radius: 5px;}
.main-board.typeE .content-title{font-size: 29px; color: #333; font-weight: bold; line-height: 1;  display: block; width: auto; max-width: 100%; font-size: 20px;  position: relative; z-index: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;word-break:break-all;word-wrap:break-word;}
.main-board.typeE .content-title + em{display:block; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:44px}
.main-board.typeE .content-title .new{position:absolute;top:0;left:0; text-align: center;}
.main-board.typeE .content-box .content-date{display: inline-flex;align-items: center;justify-content: center;align-content: center;flex-wrap: wrap;/* border: 1px solid #e4e4e4; */width: 65px;height: 65px;margin-right: 0;flex-shrink: 0;margin-top: 0;position: absolute;top: 27px;left: 30px;background-color: #418087;/* transform: translate(0, -50%); */} 
.main-board.typeE .content-box .content-date span {display: block;text-align: center;width: 100%;font-size: 16px;font-weight: bold;color: #333;padding-top: 0;} 
.main-board.typeE .content-box .content-date span .d-day {padding-top: 0;color: #fff;font-weight: 100;font-size: 15px;line-height: 1;letter-spacing: 0;}
.main-board.typeE .content-box .content-date span .text {margin: 0;line-height: 1.2;color: #fff;font-size: 15px;}
.main-board.typeE .content-box .content-date span > i{display:block;font-style:normal;margin-top:0;font-size: 20px;color: #fff;font-weight: bold;letter-spacing:-1px;font-weight: bold;line-height: 1;font-family: 'GmarketSans';}
.main-board.typeE .content-box .content-text{display: flex;align-items: center;align-content: center;flex-wrap: wrap;} 
.main-board.typeE .content-box .content-title{} 

.main-board.typeE .board-more{position:absolute; top:0;right:0; width:auto;height: auto;}
.main-board.typeE .board-more a{color:#767676; display:block; font-weight:bold;line-height: 39px;  width:auto;background-image: url(/images/kor/sub06/more.png);background-repeat: no-repeat;width: 18px;height: 18px;background-position: 50%;}

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

.main-board .col.col2 > div{width: calc(100% - 5px); flex:0 0 100%; max-width:100%}

}

/* 게시판 스타일추가 */
.main-board.typeE .content-box .content-text .info {display: block;line-height: 1;width: 100%;margin-bottom: 8px;}
.main-board.typeE .content-box .content-text .info .status {width: 56px;font-size: 14px;color: #fff;line-height: 1;display: inline-block;text-align: center;padding: 5px 0;border-radius: 5px;letter-spacing: -1px;vertical-align: middle;}
.main-board.typeE .content-box .content-text .info .status.status1 {background-color: #394c89;} /* 경력 */
.main-board.typeE .content-box .content-text .info .status.status2 {background-color: #645a98;} /* 신입 */
.main-board.typeE .content-box .content-text .info .status.status3 {background-color: #c04262;} /* 경력무관 */
.main-board.typeE .content-box .content-text .info .com-name {display: inline-block;font-size: 14px;letter-spacing: -1px;color: #333333;padding-left: 12px;margin-left: 12px;position: relative;font-weight: 600;}
.main-board.typeE .content-box .content-text .info .com-name:before {content:'';background-color: #e8e8e8;width: 1px;height: 13px;display: inline-block;vertical-align: middle;position: absolute;left: 0px;top: 50%;transform: translate(0, -50%);}
.main-board.typeE .content-box .content-text .title {display: block;width: 100%;margin-bottom: 26px;}
.main-board.typeE .content-box .content-text .title .con {margin: 0;line-height: 1;font-size: 18px;letter-spacing: -1px;color: #3b3b3b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-board.typeE .content-box .content-text .date {display: block;line-height: 1;}
.main-board.typeE .content-box .content-text .date .calender {background-image: url(/images/kor/sub06/calender.png);width: 14px;height: 12px;display: inline-block;vertical-align: initial;background-position: 50%;background-repeat: no-repeat;}
.main-board.typeE .content-box .content-text .date .day {line-height: 1;display: inline-block;font-size: 15px;letter-spacing: -1px;color: #767676;}




/* 퀵링크 */
.pi-main .section.section3 .box-wrap .box.box2 {/* background-color: cornsilk; */width: calc(100% / 3 - 192px);}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap {width: 100%;height: 100%;display: block;font-size: 0;letter-spacing: 0;word-spacing: 0;}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item {/* background-color: #f5f6f8; */display: inline-block;width: calc(100% / 2 - 3px);/* height: 152px; */}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item:nth-child(1) {margin-right: 6px;margin-bottom: 6px;}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item:nth-child(2) {margin-bottom: 6px;}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item:nth-child(3) {margin-right: 6px;}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item:nth-child(4) {}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link {width: 100%;height: 100%;display: block;padding: 32px 0;background-color: #f5f6f8;border-radius: 10px;transition: all 0.2s;}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link:hover,
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link:focus {background-color: #394c89;box-shadow: 5px 5px 8px #e4e6ef;}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link:hover .title,
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link:focus .title {color: #fff;}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link .title {margin: 0;display: block;line-height: 1;text-align: center;transition: all 0.2s;font-size: 17px;letter-spacing: -1px;}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link .icon {display: block;width: 58px;height: 63px;margin: 0 auto;margin-bottom: 10px;background-repeat: no-repeat;background-position: 50%;}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link .icon.icon1 {background-image: url(/images/kor/sub06/q-icon1.png);}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link .icon.icon2 {background-image: url(/images/kor/sub06/q-icon5.png);}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link .icon.icon3 {background-image: url(/images/kor/sub06/q-icon3.png);}
.pi-main .section.section3 .box-wrap .box.box2 .qlink-wrap .item .link .icon.icon4 {background-image: url(/images/kor/sub06/q-icon4.png);}

/* 팝업 */
.pi-main .section.section3 .box-wrap .box.box3 {/* background-color: wheat; */width: calc(100% / 3 - 91px);}
.pi-main .section.section3 .box-wrap .box.box3 .box-content {display: block;width: 100%;height: 100%;}
.pi-main .section.section3 .box-wrap .box.box3 .box-content .link {display: block;width: 100%;height: 100%;position: relative;}
.pi-main .section.section3 .box-wrap .box.box3 .box-content .link img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;width: 100%;height: auto;}

@media (max-width: 1470px) {
/* 	.pi-main .slide_control {display: flex !important;position: absolute;top: 50%;transform: translate(0, -50%);width: 100%;justify-content: space-between;text-align: unset;}
	.pi-main .slide_control .dot {display:none} */

	/* 접근성 위배시 삭제 */
	.pi-main .slide_control button.button.stop,
	.pi-main .slide_control button.button.play {display: none;}
	/* 접근성 위배시 삭제 */

	
}

@media (max-width:1440px) {
	.sub06.wide_wrap #body_wrap.layout {padding: 0;}
	.pi-main .section.section3 .wrap {padding: 0 30px;}

	.mVisual {padding: 0 30px;}
	.pi-main .slide {width: calc(100% + 20px);margin: 0 -10px;}
	.pi-main .slide .slick-slide > div {padding: 0 10px;}
	.pi-main .slide .item {padding: 0;}
	.pi-main .slide .item .card_body {
    padding: 50px 20px 32px 20px;
}
	
	.pi-main .section.section3 .box-wrap {height: 100%;}
	.main-board {max-width: 1440px;}
	.pi-main .section.section3 .box-wrap .box.box1 {display: block;width: calc(100% - 35px);margin-bottom: 35px;}
	.pi-main .section.section3 .box-wrap .box.box3 {height: 314px;}
	.pi-main .section.section3 .box-wrap .box.box2, .pi-main .section.section3 .box-wrap .box.box3 {width: calc(100% / 2 - 38px);}
	.pi-main .section.section3 .box-wrap .box.box3 .box-content .link img {}
	.pi-main .section.section3 .box-wrap .box.box3 .box-content .link {overflow: hidden;border-radius: 10px;}
}

@media (max-width:1360px) {
}

@media (max-width:1310px) and (min-width:941px) {
	.mVisual {padding: 0 97px;}
	.pi-main .link-area {padding: 97px 97px 44px 97px;}
	.pi-main .slick-initialized .slick-slide:nth-child(1),
	.pi-main .slick-initialized .slick-slide:nth-child(2),
	.pi-main .slick-initialized .slick-slide:nth-child(3) {width: calc(100% / 3 - 0px) !important;}
	.pi-main .slick-initialized .slick-slide:nth-child(4),
	.pi-main .slick-initialized .slick-slide:nth-child(5) {width: calc(100% / 2 - 0px) !important;margin-top: 18px;margin-bottom: 39px;}
	.pi-main .slick-initialized .slick-slide:nth-child(4) .item .card_thum, .pi-main .slick-initialized .slick-slide:nth-child(5) .item .card_thum {box-shadow: none;}
}

@media (max-width:1290px) {
	.pi-main .section.section1 .wrap .text-area:before {background-size: contain;width: 310px;}
}

@media (max-width:1270px) {

}

@media (max-width:1150px) {
	.pi-main .section.section1 .wrap .text-area:before {display: none;}
}

@media (max-width:946px) {
	.pi-main .slide .item .card_body {
    padding: 50px 20px 32px 20px;
}
}

@media (max-width:940px) {
	.mVisual {padding: 0 125px;}
	.pi-main .slide {overflow: hidden;}
	.pi-main .slide_control {display: block !important;position: absolute;top: 50%;left: 0;width: 100%;justify-content: space-between;padding: 0 67px;z-index: -1;}
	.pi-main .slide_control .slick-dots, .pi-main .slide_control .total {display:none !important;}
	.pi-main .slide_control button.button.prev.slick-arrow {float: left;background-image: url(/images/kor/sub06/l-arrow.png);}
	.pi-main .slide_control button.button.next.slick-arrow {float: right;background-image: url(/images/kor/sub06/r-arrow.png);}
	.pi-main .slide .item .card_body {
    padding: 50px 20px 25px 20px;
}
	.pi-main .link-area {margin-top: -171px;padding: 205px 30px 44px 30px;}
}

@media (max-width:920px) {
	.pi-main .section.section3 .box-wrap .box.box2, .pi-main .section.section3 .box-wrap .box.box3 {width: calc(100% - 35px);}
	.pi-main .section.section3 .box-wrap .box.box2 {margin-bottom: 35px;}

	.pi-main .section.section3 .box-wrap .box.box3 .box-content .link img {height: 100%;width: auto;}
}

@media (max-width: 767px) {
	.pi-main .link-area {padding: 205px 70px 44px 70px;}
	.pi-main .link-area .link-wrap {display: block;max-width: none;width: 100%;}
	.pi-main .link-area .link-wrap:after {content:'';clear:both;display:block;}
	.pi-main .link-area .link-wrap .item {float: left;width: calc(100% / 5 - 0px);margin-bottom: 20px;}

	.pi-main .section.section3 .wrap {padding: 0 20px;}
}

@media (max-width:740px) {
	.mVisual {padding: 0 70px;}
	.pi-main .slide_control {padding: 0 25px;}
}

@media (max-width:630px) {
	.pi-main .link-area .link-wrap .item {width: calc(100% / 4 - 0px);}
}

@media (max-width:610px) {
	.pi-main .section.section1 .wrap .text-area .title:after {display: none;}
}

@media (max-width:550px) {
	.pi-main .section.section1 {height: 200px;padding: 0 20px;}
	.pi-main .section.section1 .wrap .text-area .title .sub-tit {font-size: 16px;}
	.pi-main .section.section1 .wrap .text-area .title .tit {font-size: 34px;}
	.pi-main .section.section1 .wrap .text-area .title {padding-top: 60px;}
}

@media (max-width:540px) {
	.sub06.wide_wrap .respon_tab {display:none;}
}

@media (max-width:510px) {
	.pi-main .link-area .link-wrap .item {width: calc(100% / 3 - 0px);}
	.mVisual {padding: 0 60px;}
	.pi-main .link-area {padding: 267px 30px 44px 30px;margin-top: -222px;}
	.pi-main .slide_control {padding: 0 15px;}

	.pi-main .slide .item .card_thum {width: 92px;height: 92px;padding: 5px;}
	.pi-main .slide .item .thum_box {background-size: 62%;}
	.pi-main .slick-initialized .item .thum_box.child {background-position: 57% 21px;}
	.pi-main .slick-initialized .item .thum_box.man {background-position: 50% 21px;}
	.pi-main .slick-initialized .item .thum_box.woman {background-position: 52% 23px;}
	.pi-main .slick-initialized .item .thum_box.person {background-position: 50% 11px;}
	.pi-main .slick-initialized .item .thum_box.grand {background-position: 52% 22px;}
	.pi-main .slide {height: 100%;}
	.pi-main .slide .item .card_body {height: 285px;}
	.pi-main .slide .item .card_body ul li a {font-size: 18px;letter-spacing: -1px;}
	.pi-main .slide .item .card_body ul li {margin-bottom: 24px;}
}

@media (max-width:490px) {
	.pi-main .section1 .ui.program--search {}
}

@media (max-width:470px) {
	.pi-main .section.section3 .box-wrap .box.box3 .box-content .link img {width: auto;height: 100%;}
}

@media (max-width:410px) {
	.main-board.typeE .content-box .content-text .info .com-name {display: block;padding: 0;margin: 0;margin-top: 8px;}
	.main-board.typeE .content-box .content-text .info .com-name:before {display:none;}
}

@media (max-width:391px) {
	.pi-main .section.section1 {height: 225px;}
}

@media (max-width:390px) {
	.mVisual {padding: 0 45px;}
	.pi-main .slide .item .card_body {padding: 50px 15px 32px 15px;}
	.pi-main .slide_control {padding: 0 5px;}
}

@media (max-width:341px) {
	.pi-main .section.section3 .wrap> .title {font-size: 28px;}
}

.sub06 #ajaxLayer{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.45);
}
.results_wrap{
     position: absolute;
    left: 50%;
    top: 50%;
    width: 1180px;
    height: 695px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
/* 검색결과 */
.results_wrap { position:absolute; left:50%; top:50%; width:1180px; height:695px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.results_wrap .group1 {position:relative;height:100px;padding: 0 100px 0 240px;border-radius:10px 10px 0 0;background: #394c89;}
.results_wrap .group1:before {display:block;position:absolute;left: 55px;bottom: 0px;content:'';width:158px;height:132px;background:url(/images/kor/common/search_ico1.png)no-repeat;}
.results_wrap .group1 .box {position: relative;width: 100%;height: 100%;}
.results_wrap .group1 .box .item {position:absolute;top:50%;transform: translateY(-50%);}
.results_wrap .group1 strong {display:inline-block;line-height: 1.1;margin: 10px 0 0;font-size:21px;color:#fff;font-family:'score';}
.results_wrap .group1 strong:after {display:inline-block; content:'';  width:1px; height:20px; margin:0 20px; background:rgba(255,255,255,.23);  vertical-align:middle;}
.results_wrap .group1 .title {display:inline-block;line-height: 1.1;color:#fff;font-size:17px;font-family:'score';}
.results_wrap .group1 .title span {display:inline-block;margin: 0 5px;color:#29ab9d;font-size:21px;font-weight:bold;}
.results_wrap .group1 .title em {display:inline-block; width:48px; height:48px; line-height:48px; margin:0 5px;border-radius:50%; background:#29ab9d; color:#fff; font-size:25px; font-weight:bold; text-align:center;}
.results_wrap .group2 {height: calc(100% - 100px);padding: 55px 50px;border-radius:0 0 10px 10px;background:#fff;}
.results_wrap .group2 .inner {overflow-y: auto;height: 100%;}
.results_wrap .group2 .inner.nodata {padding: 100px 0 0;text-align:center;font-size:17px;font-family:'score';}
.results_wrap .group2 .inner.nodata img {display:block; margin:0 auto 20px; }
.results_wrap .group2 ul {}
.results_wrap .group2 ul li {position:relative;margin:0 0 10px;padding:35px 265px 35px 40px;border:1px solid #dfdfdf;border-radius:5px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.results_wrap .group2 ul li:hover,
.results_wrap .group2 ul li:focus {border:1px solid #2964b8;}
.results_wrap .group2 ul li:after {display:block; clear:both; visibility:hidden; content:'';}
.results_wrap .group2 ul li strong {display:block;font-size:16px; font-weight:normal; color:#666; }
.results_wrap .group2 ul li strong span {margin:0 30px 0 0; font-weight:bold; color:#282828; }
.results_wrap .group2 ul li .btnbox {position:absolute; right:30px;top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.results_wrap .group2 ul li .btnbox a {display:inline-block;width:105px;height:42px;line-height:40px;border-radius:5px;border:1px solid #ddd;text-align:center;font-size:15px;color:#666666;transition: all 0.3s;-webkit-transition: all 0.3s;}
.results_wrap .group2 ul li .btnbox a span {display:inline-block; width:15px; height:15px; margin:-4px 0 0 3px;background:url(/images/kor/common/search_ico2.png)no-repeat; vertical-align:middle; }
.results_wrap .group2 ul li .btnbox a.btntype2 span {background-position:-15px 0;}
.results_wrap .group2 ul li .btnbox a:hover,
.results_wrap .group2 ul li .btnbox a:focus {border:1px solid #394e6b; background:#394e6b; color:#fff;}
.results_wrap .group2 ul li .btnbox a.btntype1:hover span,
.results_wrap .group2 ul li .btnbox a.btntype1:focus span {background-position:0 -15px;}
.results_wrap .group2 ul li .btnbox a.btntype2:hover span,
.results_wrap .group2 ul li .btnbox a.btntype2:focus span {background-position:-15px -15px;}

.results_wrap .modal__close {position:absolute;right: 40px;top: 30px;width:40px;height:40px;}
.results_wrap .modal__close button {display:block;width:100%;height:100%;font-size: 0;}
.results_wrap .modal__close button:before,
.results_wrap .modal__close button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.results_wrap .modal__close button:before {width:100%;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.results_wrap .modal__close button:after {width: 2px;height:100%;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

@media(max-width:1279px){
    .results_wrap {left:5%; top:5%; right:5%; bottom:5%; width:auto; height:auto; transform:none; -webkit-transform:none;}
    .results_wrap .group1 {height: 115px;padding: 0 100px 0 210px;}
    .results_wrap .group1:before {left: 20px;width: 160px;height: 99px;background-size: 160px auto;}
    .results_wrap .group1 .title em {width:35px;height:35px;line-height:35px;font-size: 21px;}
    .results_wrap .group2 {height:calc(100% - 100px);}
    .results_wrap .modal__close {top:35px;right: 30px;}
}

@media(max-width:1023px){
    .results_wrap .group1:before {display:none;}
    .results_wrap .group1 {min-height:115px;padding: 10px 40px 10px 30px;}
    .results_wrap .group1 strong {margin:5px 0 0;}
    .results_wrap .group1 strong:after {height:15px; margin:-5px 10px 0;}
    .results_wrap .group1 .title {margin:5px 0 0;}
    .results_wrap .group1 .title,
    .results_wrap .group1 .title span {font-size:16px;}
    .results_wrap .group1 .title em {width:auto;height:auto;line-height:1.1;background:none;color: #29ab9d;font-size: 20px;}

    .results_wrap .group2 {padding:30px; }
    .results_wrap .group2 ul li strong span {margin-right:10px;}
    
    .results_wrap .modal__close {right:15px; top:15px; width:30px; height:30px;}
    
}

@media(max-width:767px){
    .results_wrap .group1 {min-height:140px;padding:0 25px;}
    .results_wrap .group2 {height: calc(100% - 140px); padding:30px 25px; }
    .results_wrap .group2 ul li {padding: 25px 20px;}
    .results_wrap .group2 ul li .btnbox {position:static;margin:10px 0 0;text-align: right;transform:none;-webkit-transform:none;}
    .results_wrap .group2 ul li .btnbox a {width:90px; font-size:14px;}
}

/* 신구지번검색 : s */
    .d-flex_im{display: flex !important;align-items: center;}
    .program--search .post-search-inner.search_inner{max-width: none;}
    .input-title.post-input-title{margin-right: 10px;font-weight: bold;}
    .post-search-inner{margin-top: 30px;}
    .post-radio .radio-inline{padding-left: 0;}
    .post-radio span input{margin: 3px;}
    .post-search-inner .search--text span{padding-left: 15px;}
    .post-search-inner .program--search .search--select select{min-width: 100px;}
    .post-search-inner .program--search .search--text input[type="text"]{min-width: 130px;}
    .table.post-table thead th:before{display: none;}
    .table.post-table thead th.border-left{border-left: 1px solid #ddd;}
    .program--count{margin-bottom: 10px;}
    .table.post-table tbody td.subject button{padding-right: 0;}

    @media(max-width: 1000px) and (min-width: 768px){
        .input-title.post-input-title{margin-right: 5px;}
        .post-search-inner .search--text span{padding-left: 8px;}
    }
    @media(max-width: 768px){
        .post-search-inner .fieldset{display: flex;flex-direction: column;}
        .post-search-inner .search--select{max-width: none;width: 100%;}
        .post-search-inner .search--btn{width: 100%;}
        .post-search-inner .search--btn .btn--submit{width: 100%;}
        .post-search-inner .fieldset div + div{margin-top: 5px;}
        .post-search-inner .search--btn .btn--submit input[type=submit]{background-image: none;}
        .post-radio .radio-inline{font-size: 15px;}
    }
    @media(max-width: 640px){
        .pagination ul{justify-content: center;}
    }
    @media(max-width: 400px){
        .post-radio {display: flex;flex-direction: column;}
        .post-radio .radio-inline{font-size: 16px;}
    }
/* 신구지번검색 : e */