@charset "UTF-8";
@import url(default.css);
@import url(common.css);
@import url(fwall.min.css);
@import url(xeicon.min.css);
@import url(fix.css);


/* container */
/* .mainVs {position:relative;width:100%;height: 500px;background:url(../images/main/visual2_edit.jpg)no-repeat center top/cover;} */
.mainVs {position:relative;width:100%;  background:url(../images/main/visual2_edit.jpg)no-repeat right 33% top/cover;}
.mainVs .vsText {position:relative;width:100%;max-width:1360px;padding:6.15% 40px;margin:0 auto;}
.mainVs .vsText>.t1 {font-size:6rem;font-weight:bold;color:#fff;text-shadow: 7px 5px 0px rgba(0,0,0,.2);}
.mainVs .vsText>.t2 {font-size:3rem;font-weight:400;color:#e1e1e1;text-shadow: 0px 0px 10px rgba(0,0,0,.2);padding:1rem 0;}
.mainVs .vsText>.t3 {font-size:3.6rem;font-weight:600;color:#e1e1e1;text-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.mainVs .vsText>.t3 span:nth-child(1){color:#b9e0fd;}
.mainVs .vsText>.t3 span:nth-child(2){color:#7abefe;}
.mainVs .vsText button {margin:5rem 0 0 0;padding:1rem 1.5rem;font-size:2rem;border: 1px solid rgba(255,255,255,.5);background: none;color:#fff;transition: all .3S;}
.mainVs .vsText button i {margin:0rem 0 0 3rem;}
.mainVs .vsText button:hover {transform: translateY(-3px);}
.mainVs .vsText p {animation:text-active-animation 2s cubic-bezier(0.4, 0, 0.2, 1) both;}
.mainVs .vsText p:nth-of-type(1) {animation-delay: 0s;}
.mainVs .vsText p:nth-of-type(2) {animation-delay: .6s;}
.mainVs .vsText p:nth-of-type(3) {animation-delay: 1.2s;}
.mainVs .vsText p:nth-of-type(4) {animation-delay: 1.8s;}

.dpFlex {display:flex;justify-content: space-between;align-items:normal;flex-wrap: nowrap;white-space:wrap; width:100%;max-width:1360px;padding:0 40px 0rem 40px;margin:0 auto;margin-top:6rem;}
.news {display:inline-block;width:68%;}
.news .slider {position:relative;top:-50px;display:inline-block;width:100%;height:100%;}
.news .slider div {height:100%;}
.news .slider .more {z-index:9999;position:absolute;top:0px;right:1px;width:180px;height:34px;font-size:1.8rem;font-weight:500;color: #666;text-align: right;}
.news .slider .more button {margin-left:1rem;width:3.4rem;height:3.4rem;border-radius:100px;background:#fff;border: 1px solid #aaa;font-size:1.6rem;color:#333;opacity:.7;}
.news .slider .more button:hover {opacity: 1;}
.news .slider .list {z-index:999;position:absolute;bottom:0;right:1px; width:calc(100% - 170px);height:calc(100% - 50px);padding:3rem; border: 1px solid #ccc;border-left: 0;}
.news .slider .list table {width:100%;border-collapse: collapse;table-layout: fixed;}
.news .slider .list table td {height:57px;font-size:1.8rem;color:#333;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.news .slider .list table td:first-child {width:75%;}
.news .slider .list table td:first-child:before {content:'•';margin-right:7px;}
.news .slider .list table td:last-child {text-align: right;color:#888;}
.news .slider .list a {height:57px;font-size:1.8rem;color:#333;}

.news .slider .block {position:absolute;bottom:0;right:1px; width:calc(100% - 170px);height:calc(100% - 50px);padding:3rem;border: 1px solid #ccc;border-left: 0;}
.news .slider .block ul {width:100%;height:100%;}
.news .slider .block ul li {float: left;position:relative;width:calc(33.3% - 2rem);height:100%;margin-right:3rem;}
.news .slider .block ul li:last-child {margin-right:0rem;}
.news .slider .block ul li div {display:inline-block;width:100%;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.news .slider .block ul li div img {width:100%;}
.news .slider .block ul li .img {height:60%;}
.news .slider .block ul li .num {height:auto;margin-top:2rem;font-size:1.4rem;color:#999;}
.news .slider .block ul li .dtitle {height:auto;margin-top:1rem;font-size:1.8rem;color:#333;font-weight:600;}
.news .slider .block ul li .txt {height:auto;margin-top:1rem;font-size:1.6rem;color:#666;}
.news .slider .block ul li .btn {position:absolute;left:0;bottom:0rem;height:auto;}
.news .slider .block ul li .btn button {width:calc(50% - 5px);height:35px;background: #16408d;color:#fff;border:none;font-size:1.3rem;transition: all .3s;}
.news .slider .block ul li .btn button:hover {transform: translateY(-3px);}
.news .slider .block ul li .btn button:nth-child(1) {float:left;}
.news .slider .block ul li .btn button:nth-child(2) {float:right;}
.news .slider .block ul li .btn button i {margin-left:.5rem;}

.news .slider .slick-prev,
.news .slider .slick-next {z-index:999;position: absolute;top:15px;display: block;width: 3.4rem;height: 3.4rem;padding: 0;border: 1px solid #ccc;border-radius:100px;cursor: pointer;}
.news .slider .slick-prev:hover:before,
.news .slider .slick-prev:focus:before,
.news .slider .slick-next:hover:before,
.news .slider .slick-next:focus:before {opacity: 1;}
.news .slider .slick-prev.slick-disabled:before,
.news .slider .slick-next.slick-disabled:before {opacity: .25;}
.news .slider .slick-prev:before,
.news .slider .slick-next:before {font-size: 2rem;line-height:3.4rem;opacity: .75;color:#323232;}
.news .slider .slick-prev {left: 250px;}
.news .slider .slick-prev:before {content: '\f053';font-family:'FontAwesome';font-size:1.4rem;}
.news .slider .slick-next {left:295px;}
.news .slider .slick-next:before {content: '\f054';font-family:'FontAwesome';font-size:1.4rem;}

/* Dots */
.news .slider .slick-dots {position: absolute;bottom:0px;left:0;width:170px;height:calc(100% - 50px);border: 1px solid #ccc;}
.news .slider .slick-dots li {position:relative;width:100%;height:calc(100% / 3);padding: 0;margin:0;text-align: center;white-space:nowrap; cursor: pointer;}
.news .slider .slick-dots li:first-child {border-top: 0;}
.news .slider .slick-dots li button {width:100%;height:100%;border: none;color:transparent;background-color:#fff;}
/*.news .slider .slick-dots li:nth-child(1) button {background-image:url(../images/main/news_ic01.png);background-repeat:no-repeat;background-position: left 1.2rem;}*/
.news .slider .slick-dots li:nth-child(1) button {background:url(../images/main/news_ic02.png);background-repeat:no-repeat;background-position: left 1.2rem;}
.news .slider .slick-dots li:nth-child(2) button {background:url(../images/main/news_ic03.png);background-repeat:no-repeat;background-position: left 1.2rem;}
.news .slider .slick-dots li:nth-child(3) button {background:url(../images/main/news_ic04.png);background-repeat:no-repeat;background-position: left 1.2rem;}
.news .slider .slick-dots li button:hover,
.news .slider .slick-dots li button:focus {outline: none;}
.news .slider .slick-dots li button:hover:before,
.news .slider .slick-dots li button:focus:before {content: '●';}
.news .slider .slick-dots li button:before {position: absolute;bottom:2rem;left:2rem;content:'공지사항';color:#666;font-size:2.4rem;font-weight:600;}
/*.news .slider .slick-dots li:nth-child(1) button:before {content:'공지사항';}*/
.news .slider .slick-dots li:nth-child(1) button:before {content:'소식지';}
.news .slider .slick-dots li:nth-child(2) button:before {content:'보도자료';}
.news .slider .slick-dots li:nth-child(3) button:before {content:'카드뉴스';}
.news .slider .slick-dots li.slick-active button:before {color: #16408d;}
.news .slider .slick-dots li.slick-active button {background-position: -170px 1.2rem;background-color: #e2f1f8;}
.news .slider .slick-dots li.slick-active button:after {position: absolute;top:50%;right:1.5rem;transform: translateY(-50%); content:'\f105';font-family:'FontAwesome';color: #16408d;font-size:30px;}


.imgDown {display:inline-block;width:calc(32% - 40px);height:510px;background: #16408d url(../images/main/img02.jpg)no-repeat center bottom/170%;transition: all .5S;}
.imgDown:hover {background: #16408d url(../images/main/img02.jpg)no-repeat center bottom/150%}
.imgDown .txt {width:100%;height:250px;padding:3rem 0 0 0;background:linear-gradient(180deg, #16408d 65%, rgba(22,64,141,0));}
.imgDown .txt>p {width:100%;text-align: center;}
.imgDown .txt>p.t1 {font-size:3rem;font-weight:500;color:#fff;}
.imgDown .txt>p.t1 span {color:#b9e0fd;}
.imgDown .txt>p.t2 {padding:1.5rem 0 2.5rem 0;font-size:2rem;font-weight:500;color:#79f4ff;}
.imgDown .txt>p button {padding:1rem 1.5rem;font-size:1.8rem;border: 1px solid rgba(255,255,255,.5);background: none;color:#fff;transition: all .3S;}
.imgDown .txt>p button i {margin:0rem 0 0 3rem;}
.imgDown .txt>p button:hover {transform: translateY(-3px);}

.title {display:inline-block;width:100%;padding:0 0 1.5rem 0;margin-top:-1rem;line-height:1;font-size:3.2rem;font-weight:bold;color:#333;}
.title.tt2 {display:inline-block;width:100%;padding:0 0 0rem 0;margin-top:0rem;line-height:1;font-size:3.2rem;font-weight:bold;color:#333;}
.title>span {color:#16408d;}
.title>span.eng {font:bold 3.4rem '맑은 고딕';}

.imageCp {display:inline-block;width:100%;height:auto;background:url(../images/main/bg01.gif)repeat;text-align: center;}
.imageCp .imgtitle {display:inline-block;margin:2rem 0;padding:1rem 3rem;border-radius:10rem;font-size:2rem;font-weight:500;color:#222;background:#fff;}
.imageCp .slider_box { position: relative; width:100%;height:20%;overflow: hidden;border: 5px solid #16408d; } 
.imageCp .slider_box img { width: 100%;/* height: 100%; */ display:block; } 
.imageCp .slider_box .ttl {z-index:999;position:absolute;left:2rem;top:2rem;padding:1rem;background:rgba(0,0,0,.5);color:#fff;font-style:1.6rem;font-weight:500; } 
.imageCp .slider_box .ttr {z-index:999;position:absolute;right:2rem;top:2rem;padding:1rem;background:rgba(0,0,0,.5);color:#fff;font-style:1.6rem;font-weight:500; } 
.imageCp .slider_box .resize { position: absolute; top:0; left: 0; height: 100%; width: 50%; overflow: hidden; } 
.imageCp .slider_box .control { position:absolute; left:50%; top:0; bottom:0; width:2px; margin-left:-1px; background: #fff; cursor:ew-resize; } 
.imageCp .slider_box .control:after { position: absolute; margin: auto; top: 0; bottom: 0; left:50%;transform: translateX(-48%); height: 60px; width: 7px;  content: ''; background: #fff;box-shadow: 0 0 3px rgba(0,0,0,.2); } 
.imageCp .slider_box .control .arrow {position: absolute; margin: auto; top: 0; bottom: 0; width: 0; height: 0; transition: all .2s ease; } 
.imageCp .slider_box .control .arrow.left {left: -22px; border-right: 12px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; } 
.imageCp .slider_box .control .arrow.right { left: auto; right:-22px; border-left: 12px solid #fff;border-top: 9px solid transparent; border-bottom: 9px solid transparent; }

.map-wrap  {position:relative;width:100%;height:620px;margin-top:2.5rem;} 
.map-wrap .tool {position:absolute;top:2rem;right:2rem;}
.map-wrap .tool li {width:5rem;height:5rem;margin-bottom:1rem;border: 1px solid var(--pointC1);}
.map-wrap .tool li:nth-child(3) {margin-bottom:0;border-bottom: 0px;}
.map-wrap .tool li button {width:100%;height:100%;text-indent:-9999px;border: none;background-color: #fff;background-repeat:no-repeat;background-position: 50%;background-size:4rem;}
.map-wrap .tool li:nth-child(1) button {background-image:url(../images/tool25.png);}
.map-wrap .tool li:nth-child(2) button {background-image:url(../images/tool26.png);}
.map-wrap .tool li:nth-child(3) button {background-image:url(../images/tool1.png);}
.map-wrap .tool li:nth-child(4) button {background-image:url(../images/tool2.png);}
.map-wrap .tool li button:hover {background-color: #e6f5ff;}

.satellite-detail {display:flex;justify-content:space-between;align-items: top;flex-wrap:wrap;margin-top: 20px; }
.satellite-detail article {width:28rem;margin-left: 2rem; border: 1px solid #e1e1e1; padding:0 1.5rem 1.5rem 1.5rem;background:#f9f9f9; }
.satellite-detail article h4 {width:100%;margin:1.5rem 0 1rem 0;padding:1rem 1.5rem;background:#f1f1f1;font-size:2.2rem;}
.satellite-detail article h4 i {margin:-3px 7px 0 0;font-size:2rem;vertical-align: middle;color:#ccc;}

.satellite-detail article ul {float: left;padding:2rem;background:#ececec;}
.satellite-detail article li {font-size:1.7rem; line-height:3rem;color:#333;}
.satellite-detail article li strong {color:var(--pointC2);font-size:2rem; font-weight: 600; display: inline-block; vertical-align: top; }
.satellite-detail article dl {float:left;padding-top:1.5rem;}
.satellite-detail article dt {font-size:1.7rem; line-height:2.2rem;font-weight:500;color:#333;}
.satellite-detail article dd {font-size:1.7rem; line-height:2.2rem;}

.satellite-detail article.info { width: calc(100% - 60rem);margin-left:0;}
.satellite-detail article.info dl {margin-left:2.5rem;}
.satellite-detail article.info dl dt {margin-bottom:.5rem;}
.satellite-detail article.info dl dd {margin-bottom: 2rem;}
.satellite-detail article.location dl {width:100%;}
.satellite-detail article.location dl dt {float: left;padding-right:2rem;}
.satellite-detail article.time dl {width:100%;}
.satellite-detail article.time dl dt{float: left;padding-right:1rem;}

.satell-sources {display:inline-block;width:100%;margin-top:2rem;text-align: right;color:#999;}
.satell-sources a {color: #333;}

/* Slider */
.slick-slider {position: relative;display: block;box-sizing: border-box;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content:'';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slick-prev,
.slick-next {z-index:999;font-size: 0;line-height: 0;position: absolute;bottom:-65px;display: block;width: 40px;height: 40px;padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before,
.slick-next:before {font-size: 20px;line-height: 1;opacity: .75;color:#323232;}
.slick-prev {left: 40%;}
.slick-prev:before {content: '◀';}
.slick-next { right: 40%;}
.slick-next:before {content: '▶';}
/* Dots */
.imageCp .slick-dotted.slick-slider {margin-bottom: 6rem;}
.imageCp .slick-dots {position: absolute;bottom: -25px;left:50%;transform: translateX(-50%); display:flex;justify-content: center;align-items: center; width: 100%;height:20px;padding: 0;margin: 0;list-style: none;text-align: center;}
.imageCp .slick-dots li {position: relative;display: inline-block;margin: 0 15px;padding:0 5px;text-align: center;cursor: pointer;}
.imageCp .slick-dots li button {font-size: 0; line-height: 0;display: block;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.imageCp .slick-dots li button:hover,
.imageCp .slick-dots li button:focus {outline: none;}
.imageCp .slick-dots li button:hover:before,
.imageCp .slick-dots li button:focus:before {content: '●';}
.imageCp .slick-dots li button:before {font-family: 'slick';font-size:20px;line-height:20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '○';text-align: center;color:#2982ef;}
.imageCp .slick-dots li.slick-active button:before {content: '●';color: #2982ef;}

.img_border {border : 1px solid #ccc;} /* 250225 추가 */

/* 반응형 */
@media (max-width:1360px){
}
@media (max-width:1280px){
    .imgDown {height:480px;}

    .news .slider .list table td {height:50px;}
    .news .slider .block ul li {float: left;;width:calc(50% - 1.5rem);margin-right:3rem;}
    .news .slider .block ul li:nth-child(2) {margin-right:0rem;}
    .news .slider .block ul li:nth-child(3) {display:none;}
    .news .slider .block ul li .img {overflow:hidden;}
    .news .slider .block ul li .img img {width:100%;margin:0 auto;}

    .map-wrap  {height:45rem;} 
    .satellite-detail article {width:20rem;margin-left:1.5rem;padding:0 1rem 1rem 1rem;}
    .satellite-detail article ul {padding:1rem;background:#ececec;}
    .satellite-detail article dl {padding-top:1rem;}
    .satellite-detail article dt {width:100%;font-size:1.6rem;}
    .satellite-detail article dd {font-size:1.6rem;}
    .satellite-detail article.info { width: calc(100% - 43rem);margin-left:0;}
    .satellite-detail article.info dl {margin-left:2rem;}

    .title {font-size:3rem;}
    .title>span.eng {font:bold 3.2rem '맑은 고딕';}
}
@media (max-width:1175px){
    .imgDown {height:450px;}
    .imgDown .txt>p.t1 {font-size:2.6rem;}
    .imgDown .txt>p.t2 {font-size:1.8rem;}
    .imgDown .txt>p button {padding:1rem 1.5rem;font-size:1.6rem;}
}
@media (max-width:1041px){
    .dpFlex {padding:0 20px 0rem 20px;}
    .news {display:inline-block;width:100%;height:50rem;}
    .news .slider .block ul li {float: left;;width:calc(33.3% - 2rem);margin-right:3rem;}
    .news .slider .block ul li:nth-child(2) {margin-right:3rem;}
    .news .slider .block ul li:nth-child(3) {display:block;}

    .news .slider .slick-prev,
    .news .slider .slick-next {top:20px;}
    .news .slider .slick-prev {left: 210px;}
    .news .slider .slick-next {left: 255px;}
    .news .slider .more {top: 5px;}

    .imgDown {display:none;}

   /* 국토위성궤도정보 */
   .satellite-detail article {width:20rem;margin-left:0rem;padding:0 1rem 1rem 1rem;}
   .satellite-detail article ul {padding:1rem;background:#ececec;}
   .satellite-detail article dl {padding-top:1rem;}
   .satellite-detail article dt {width:auto;font-size:1.8rem;}
   .satellite-detail article dd {font-size:1.8rem;}
   .satellite-detail article.info {width:100%;margin-left:0;}
   .satellite-detail article.info ul {width:34%;padding-left:3rem;}
   .satellite-detail article.info dl {width:22%;padding-left:3rem;margin-left:0;}
   .satellite-detail article.location {width:calc(50% - 1rem);margin:2rem 1rem 0 0;}
   .satellite-detail article.location dl {padding-left: 2rem;}
   .satellite-detail article.time {width:calc(50% - 1rem);margin:2rem 0 0 1rem;}
   .satellite-detail article.time dl {padding-left: 2rem;}

   .slick-dots {left:48%;}
   .slick-prev:before,
   .slick-next:before {font-size: 15px;}
   .slick-prev {left: 30%;}
   .slick-next { right: 30%;}
   .slick-dots li {padding:0;margin:0px 15px;}
   .slick-dots li button:before {font-size:15px;line-height:15px;width: 15px;height: 15px;}
}
@media (max-width:756px){
    /* .mainVs {height: 280px;background:url(../images/main/visual2_edit.jpg)no-repeat center top/200%;} */
    .mainVs .vsText>.t1 {font-size:4rem;}
    .mainVs .vsText>.t2 {font-size:2rem;}
    .mainVs .vsText>.t3 {font-size:2.6rem;}
    .mainVs .vsText button {margin: 3rem 0 0 0;padding: .5rem 1.5rem;font-size: 1.8rem;}

    .news .slider .slick-prev,
    .news .slider .slick-next {top:25px;}
    .news .slider .slick-prev {left: 175px;}
    .news .slider .slick-next {left: 210px;}
    .news .slider .more {top: 13px;}
    .news .slider .list {width:calc(100% - 120px);padding:2rem;}
    .news .slider .block { width:calc(100% - 120px);padding:2rem;}
    .news .slider .slick-dots {width:120px;height:calc(100% - 50px);}
    .news .slider .slick-dots li {width:100%;height:calc(100% / 3);}
    .news .slider .slick-dots li:nth-child(1) button {background-size:35rem;background-position: .5rem 1rem;}
    .news .slider .slick-dots li:nth-child(2) button {background-size:35rem;background-position: .5rem 1rem;}
    .news .slider .slick-dots li:nth-child(3) button {background-size:35rem;background-position: .5rem 1rem;}
    .news .slider .slick-dots li:nth-child(4) button {background-size:35rem;background-position: .5rem 1rem;}
    .news .slider .slick-dots li.slick-active button {background-position: -17rem 1rem;background-color: #e2f1f8;}
    .news .slider .slick-dots li.slick-active button:after {font-size:20px;}

    /* 국토위성궤도정보 */
    .map-wrap  {height:40rem;} 
    .satellite-detail article {width:20rem;margin-left:0rem;padding:0 1rem 1rem 1rem;}
    .satellite-detail article dl {padding-top:1rem;}
    .satellite-detail article dt {width:auto;font-size:1.8rem;}
    .satellite-detail article dd {font-size:1.8rem;}
    .satellite-detail article.info {width:100%;margin-left:0;}
    .satellite-detail article.info ul {width:100%;padding-left:0rem;}
    .satellite-detail article.info ul li {float: left;width:auto;padding-left:1.5rem;}
    .satellite-detail article.info dl {width:33.3%;padding-left:1rem;margin-left:0;}
    .satellite-detail article.location {width:calc(50% - 1rem);margin:2rem 1rem 0 0;}
    .satellite-detail article.location dt {width:100%;}
    .satellite-detail article.time {width:calc(50% - 1rem);margin:2rem 0 0 1rem;}
    .satellite-detail article.time dt {width:100%;}
    .satell-sources {text-align: left;}
}
@media (max-width:500px){
    .dpFlex {margin-bottom:-5rem;}
    .news {height:59rem;}
    .news .slider {top:-9rem;}
    .news .slider .list {right:0;width:100%;height:45rem;padding:2rem;border-left: 1px solid #ccc;}
    .news .slider .list table td {height:45px;}
    .news .slider .block {right:0; width:100%;height:45rem;padding:2rem;border-left: 1px solid #ccc;}
    .news .slider .block ul li .img {height: 55%;}
    .news .slider .block ul li .num {margin-top: 1rem;}
    .news .slider .block ul li .btn {padding-top: 1rem;}
    .news .slider .block ul li .btn button {width: 100%;height: 3.5rem;margin-bottom:.5rem;}
    .news .slider .block ul li .btn button:hover {transform: translateY(0);}
    .news .slider .slick-dots {top:9rem;bottom:unset;width:100%;height:5.5rem;}
    .news .slider .slick-dots li {float: left;width:calc(100% / 3);height:100%;background: #fff;}
    .news .slider .slick-dots li button:before {line-height:3rem;font-size:2rem;}
    .news .slider .slick-dots li button:after {position: absolute;top: 50%;right: 1.5rem;transform: translateY(-50%);content: '\f105';font-family: 'FontAwesome';font-size:16px;transform: rotate(90deg);line-height:0rem;color:#ccc;}
    .news .slider .slick-dots li:nth-child(1) button {background-image: url();}
    .news .slider .slick-dots li:nth-child(2) button {background-image: url();}
    .news .slider .slick-dots li:nth-child(3) button {background-image: url();}
    .news .slider .slick-dots li:nth-child(4) button {background-image: url();}
    .news .slider .slick-dots li.slick-active button {background-position: -17rem 1rem;background-color: #e2f1f8;}
    .news .slider .slick-dots li.slick-active button:after {font-size:16px;transform: rotate(90deg);line-height:0rem;color: #16408D;}
    .news .slider .slick-prev, .news .slider .slick-next {top:5.8rem;}
    .news .slider .more {top:4rem}

    .imageCp .slick-dots li button:before {font-size: 15px;line-height: 15px;width: 15px;height: 15px;}

    .map-wrap  {height:40rem;} 
}
@media (max-width:400px){
    /* .mainVs {height: 200px;background:url(../images/main/visual2_edit.jpg)no-repeat center top/200%;} */
    .mainVs .vsText>.t1 {font-size:3rem;}
    .mainVs .vsText>.t2 {font-size:2rem;}
    .mainVs .vsText>.t3 {font-size:1.6rem;}
    .mainVs .vsText button {margin: 3rem 0 0 0;padding: .5rem 1.5rem;font-size: 1.4rem;}
    .news {height:50rem;}
    .news .slider {top:-9rem;}
    .news .slider .list {right:0;width:100%;height:36rem;padding:2rem;border-left: 1px solid #ccc;}
    .news .slider .list table td {height:40px;}
    .news .slider .list a {font-size:1.6rem;}
    .news .slider .block {right:0; width:100%;height:36rem;padding:2rem;border-left: 1px solid #ccc;}
    .news .slider .block ul li {float: left;;width:calc(50% - 1.5rem);margin-right:3rem;}
    .news .slider .block ul li:nth-child(2) {margin-right:0rem;}
    .news .slider .block ul li:nth-child(3) {display:none;}
    .news .slider .block ul li .btn button {width:calc(50% - .5rem);height: 3.5rem;margin-bottom:.5rem;}

    .news .slider .slick-dots li button:before {font-size: 1.6rem;}
    .news .slider .slick-dots li button:after {font-size: 1.2rem;}
    .news .slider .slick-dots li.slick-active button:after {font-size: 1.2rem;}
    .news .slider .slick-prev, .news .slider .slick-next {width: 2.8rem;height: 2.8rem;}
    .news .slider .slick-prev:before, .news .slider .slick-next:before {line-height: 2.8rem;}
    .news .slider .slick-prev, .news .slider .slick-next {top:6rem;}
    .news .slider .slick-prev {left: 140px;}
    .news .slider .slick-next {left: 165px;}
    .news .slider .more {display:inline-block;top:4.7rem;font-size:1.3rem;}
    .news .slider .more button {width: 2.8rem;height: 2.8rem;margin-left:.5rem;font-size: 1.2rem;}

    .imageCp .imgtitle {font-size:1.6rem;}
    .slick-prev {left: 15%;}
    .slick-next {right:15%;}

    .map-wrap {height:35rem;}

    .title {font-size: 2.4rem;}
    .title.tt2 {font-size:2.4rem;}
    .title>span.eng {font:bold 2.6rem '맑은 고딕';}
}


.map-wrap .map-legend {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(255, 255, 255, 0.9);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: #333;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    z-index: 1000;
}

.map-wrap .map-legend .legend-box {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    vertical-align: middle;
    border: 1px solid #333;
}

.map-wrap .map-legend .legend-box.future {
    background-color: rgb(83,255,76);
}

.map-wrap .map-legend .legend-box.past {
    background-color: red;
}