@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 */
/* 게시판 공통 */
@media(max-width:10000px){
.board-search-wrap {display:inline-block;width:100%;margin-top:20px;}
.board-search-wrap div.total {float: left;padding-top:25px;font-size:1.8rem;}
.board-search-wrap div.total b {margin-right:4px;color: #F04653;}
.board-search-wrap form {float: right;}
.board-search-wrap select {width:200px;height:50px;padding:0 20px 0 10px;border: 1px solid #ccc;-webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(../images/bg_select2.png) right 10px center no-repeat;background-size:12px;font-size:1.8rem;font-weight:500;}
.board-search-wrap input {width:300px;height:50px;padding:0 10px;border: 1px solid #ccc;font-size:1.8rem;font-weight:500;}
.board-search-wrap input::placeholder {color:#aaa;}
.board-search-wrap button {width:50px;height:50px;border:none;background:var(--mainC1);color:#fff;font-size:2.2rem;}
.board-search-wrap.nototal {padding:2rem;background:#f3f3f3;}
.board-search-wrap.nototal form {width:100%;float: unset;display:flex;justify-content:space-between;}
.board-search-wrap.nototal select {width:20%;}
.board-search-wrap.nototal input {width:54%;}

.top-btn-wrap {width:100%;padding-bottom:10px;text-align: right;}
.top-btn-wrap button {padding:10px 20px;border:none;background:var(--mainC3);color:#fff;font-size:1.6rem;transition: all .3s;}
.top-btn-wrap button:hover {transform: translateY(-3px);}

.boardmenu-wrap {width:100%;margin:4rem 0 0 0;}
.boardmenu-wrap ul {display:inline-block;width:70%;}
.boardmenu-wrap ul li {float: left;border-right: 1px solid #ddd;}
.boardmenu-wrap ul li:last-child {border-right: 0px;}
.boardmenu-wrap ul li a {display:inline-block;font-size:2rem;padding:1rem 2rem;margin:0 2rem;font-weight:500;color:var(--mainC1);border-radius:5px;overflow:hidden}
.boardmenu-wrap ul li a.on {background:var(--pointC1);color:#fff;}
.boardmenu-wrap ul li a span {margin:0 .5rem;color:rgba(0, 0, 0, .3);}
.boardmenu-wrap ul li a span:nth-last-of-type(1) {margin-right:0;}
.boardmenu-wrap ul li a b {margin:0 .5rem;color:#333;font-size:2.4rem;}
.boardmenu-wrap ul li a.on b {color:#acfdfe;}
.boardmenu-wrap div.total {float: right;margin-top:2rem;padding-right:25px;font-size:1.8rem;}
.boardmenu-wrap div.total b {margin-right:4px;color: #F04653;font-weight:500;}

.board-list {width:100%;margin:25px 0;overflow-x:auto;overflow-y:hidden;}
.board-list table {table-layout: fixed;width:100%;border-top: 2px solid #000;font-size:1.8rem;border-collapse: collapse;color:#333;}
/* .board-list table tbody tr:nth-child(even){background-color:#fefef1;} */
.board-list table tbody tr:nth-child(even){background-color:rgba(254, 254, 241, .4);}
.board-list table th {padding:1rem;height:6rem;background:#f3f3f3;font-weight:500;border-bottom: 1px solid #ccc;font-size:1.8rem;}
.board-list table td {padding:1rem;height:6rem;text-align: center;border-bottom: 1px solid #ccc;font-size:1.8rem;word-break:break-all;}
/* .board-list table td.tal {width:50%;} */
.board-list table td .text-ellipsis {display: table;table-layout: fixed;width: 100%;white-space: nowrap;}
.board-list table td .text-ellipsis * {display: table-cell;overflow: hidden;text-overflow: ellipsis;color:#333;font-size:1.8rem;}
.board-list table td a {font-size:1.8rem;color:#333;}
.board-list table td a:hover {text-decoration:underline;}
.board-list table td select {width:100%;height:3.4rem;padding:0 1rem;font-size:1.8rem;border: 1px solid #ddd;}
.board-list-wrap .btn-wrap-bottom {width:100%;padding:0px 0 25px 0;text-align: right;}
.board-list-wrap .btn-wrap-bottom button {width:120px;height:50px;margin:0 0.5rem;text-align: center;background:var(--mainC1);border:1px solid var(--mainC1);color:#fff;font-size:2rem;font-weight:500;transition: all .3s;}
.board-list-wrap .btn-wrap-bottom button.line {background:#fff;border:1px solid var(--mainC1);color:var(--mainC1);}
.board-list-wrap .btn-wrap-bottom button:hover {transform: translateY(-3px);}

.board-write {width:100%;margin:25px 0;overflow-x:auto;overflow-y:hidden;}
.board-write table {table-layout: fixed;width:100%;border-top: 2px solid #000;font-size:1.8rem;border-collapse: collapse;color:#333;}

.toggle-bt {width:8rem;height:3.4rem;margin:.2rem;font-size:1.6rem;color:#fff;background:#666;border-radius:30px;border: none;transition: all .3s;}
.toggle-bt i {margin-right:5px;font-size:1.6rem;}
.toggle-bt.on {background:var(--pointC2);}
.toggle-bt:hover {transform: translateY(-2px);}
.btn-table {min-height:3.4rem;margin:.2rem;padding:.5rem 1rem;font-size:1.6rem;color:#fff;background:var(--pointC2);border-radius:5px;border: 1px solid var(--pointC2);font-weight:500;word-break: keep-all;transition: all .3s;}
.btn-table.no {background:none;color:var(--pointC2);}
.btn-table:hover {transform: translateY(-2px);}

.upload-btn-wrap {position: relative;overflow: hidden;display: inline-block;}
button.upload-btn,input.upload-btn {/* width:10rem; */height:3.4rem;border: 1px solid var(--pointC2);color: #fff;background:var(--pointC2);padding: 0px 20px;border-radius:5px;font-size:1.6rem;font-weight: 500;}
button.upload-btn:before {content:'' !important;}
.dropZone {width:100%; height: 100px; margin:0 0 1rem 0; border: 1px dashed #cedae9;overflow-y:auto; }
.upload-btn-wrap input[type=file] {width:10rem;height:3.4rem;font-size: 0px;position: absolute;left: 0;top: 0;opacity: 0;
}
.fileDragDesc {display:inline-block;width: 100%; padding:1rem; text-align: center; line-height: 70px; vertical-align:middle;font-size:2rem;color: #cedae9;}
.fileTableTbody td {padding:.5rem 1rem;font-size:1.6rem;font-weight:500;color:var(--mainC1);}
.fileTableTbody td input[type=button] {padding:0rem .3rem;margin-left:.5rem;font-size:1.2rem;color:#888;text-align: center;font-weight:600;border: 1px solid #ccc;background:#f3f3f3;border-radius:3px;}

.file_cus {display: inline-block;width:100%;height:4rem;text-align: left;}
.file_cus label {display:inline-block;width:100%;font-size: 0;cursor: pointer;}
.file_cus label span:before {display:none;}
.file_cus input[type="file"] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: 1.8rem;clip: rect(0 0 0 0);}
.file_cus .file_name {overflow: hidden;display: inline-block;vertical-align: middle;width:40rem;padding:0 12px;border: 1px solid #ddd;border-radius:4px;font-size: 14px;line-height:3.8rem;color: #333;font-size: 1.6rem;white-space: nowrap; text-overflow: ellipsis;}
.file_cus .file_btn {display: inline-block;vertical-align: middle;/* width: 100px; */padding: 0 2rem;margin-left: 8px;background: var(--pointC2);border-radius:4px;font-size: 1.6rem;font-weight: 500;line-height:4rem;color: #fff;text-align: center;}
.wp50  .file_cus label {width:100%;}
.wp50 .file_cus .file_name {width:calc(100% - 12rem);}


/* 게시판 갤러리형 */
.board-list-gl {width:100%;margin:25px 0;}
.board-list-gl .btn-wrap {width:100%;margin-bottom:10px;text-align: right;}
.board-list-gl .btn-wrap button {padding:10px 20px;border:none;background:var(--mainC3);color:#fff;font-size:1.6rem;transition: all .3s;}
.board-list-gl .btn-wrap button:hover {transform: translateY(-3px);}
.board-list-gl ol {display:none;}
.board-list-gl ul {width:100%;display:flex;justify-content:left;align-items: top;flex-wrap:wrap;}
.board-list-gl ul li {position:relative;width:25%;height:34rem;padding:1.5rem;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;overflow:hidden;}
.board-list-gl.li1 ul li {position:relative;width:100%;height:auto;padding:1.5rem;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.board-list-gl.li2 ul li {position:relative;width:50%;height:auto;padding:1.5rem;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.board-list-gl ul li:hover {box-shadow:inset 0 0 0 3px var(--pointC1);}
.board-list-gl ul li>.num,.board-list-gl ul li>.admin,.board-list-gl ul li>.hits {display:none;}
.board-list-gl.li1 ul li>div {display:none;font-size:1.8rem;padding: 1rem 0 1rem 0rem;}
.board-list-gl.li2 ul li>div {display:none;font-size:1.7rem;padding: 1rem 0 1rem 0rem;}
.board-list-gl.li1 ul li>div.image {float: left;width:50%;height:28rem;padding:0;background:#f3f3f3 url(../images/bg_preview.png)no-repeat center/20%;}
.board-list-gl.li2 ul li>div.image {width:100%;height:40rem;padding:0;}
.board-list-gl.li2 ul li>div.image.dpview {width:100%;height:40rem;padding:0;}
.board-list-gl.li1 ul li>div img {width:100%;height:100%;}
.board-list-gl.li2 ul li>div img {width:100%;height:100%;}
.board-list-gl.li2 ul li>div:nth-child(2) {display:inline-block;}
.board-list-gl.li2 ul li>div:nth-child(5) {display:inline-block;}
.board-list-gl.li2 ul li>div:nth-child(6) {display:inline-block;}
.board-list-gl.li2 ul li>div:nth-child(8) {display:inline-block;}
.board-list-gl.li2 ul li>div:nth-child(10) {display:inline-block;}
.board-list-gl ul li>div.dpview {display:inline-block;width:unset;}
.board-list-gl ul li>div.date.dpview {position:relative;width:unset;top:.2rem;right:0;}
.board-list-gl ul li>div.title.dpview {width:unset;color:#333;font-weight:500;}

.board-list-gl ul li:nth-child(1) {border-top: 1px solid #ccc;}
.board-list-gl ul li:nth-child(2) {border-top: 1px solid #ccc;}
.board-list-gl ul li:nth-child(3) {border-top: 1px solid #ccc;}
.board-list-gl ul li:nth-child(4) {border-top: 1px solid #ccc;}
.board-list-gl.li1 ul li:nth-child(1n) {border-top: 0px solid #ccc;border-left: 1px solid #ccc;}
.board-list-gl.li1 ul li:first-child {border-top: 1px solid #ccc;}
.board-list-gl.li2 ul li:nth-child(3) {border-top: 0px solid #ccc;}
.board-list-gl.li2 ul li:nth-child(4) {border-top: 0px solid #ccc;}
.board-list-gl ul li:nth-child(4n+1) {border-left: 1px solid #ccc;}
.board-list-gl.li2 ul li:nth-child(2n+1) {border-left: 1px solid #ccc;}
.board-list-gl ul li>div {max-width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.board-list-gl ul li>div.sort {height:120px;text-align: center;background:#999}
.board-list-gl ul li>div.sort.normal {background:url(../images/bg_sort2.jpg)no-repeat center/cover;}
.board-list-gl ul li>div.sort.stats {background:url(../images/bg_sort1.jpg)no-repeat center/cover;}
.board-list-gl ul li>div.sort span {display:inline-block;width:90px;text-align: center;padding:5px 10px;color:#fff;background:var(--pointC1);}
.board-list-gl ul li>div.img {padding: 0;}
.board-list-gl ul li>div.title {width:100%;padding:15px 0 10px 0;}
.board-list-gl ul li>div.title a {display:inline-block;width:100%;font-size:1.9rem;color:#333;font-weight:500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-list-gl ul li>div.script {width:100%;margin-bottom:20px;}
.board-list-gl ul li>div.download {white-space: wrap;}
.board-list-gl ul li>div.download span {display:inline-block;width:100%;line-height:2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.board-list-gl ul li>div.download span:before {display:inline-block;content:'';width:1.2rem;height:1.2rem;margin-right:4px;background:url(../images/ic_add.png)no-repeat left top/contain;}
.board-list-gl ul li>div.download button {width:100%;line-height:4rem;background:var(--mainC1);border:none;color:#fff;font-size:1.6rem;font-weight:500;vertical-align: middle;transition: all .3s;}
.board-list-gl ul li>div.download button:after {content:'다운로드신청';}
.board-list-gl ul li>div.download button i {margin-right:3px;font-size:2rem;vertical-align: middle;color:var(--pointC3);}
.board-list-gl ul li>div.download button:hover {transform: translateY(-3px);}
.board-list-gl ul li>div.btn {float: right;display:block;}
.board-list-gl ul li>div.btn button {padding:0 2rem;line-height:4rem;background:var(--mainC1);border:none;color:#fff;font-size:1.6rem;font-weight:500;vertical-align: middle;transition: all .3s;}
.board-list-gl ul li>div.btn button i {margin-right:1rem;font-size:1.5rem;vertical-align: middle;color:var(--pointC3);}
.board-list-gl ul li>div.btn button.grey {background:#777;}
.board-list-gl ul li>div.btn button.grey i {color:#fff;font-size:1.5rem;}

.board-list-gl ul li>div.date {position: absolute;bottom:1.5rem;left:1.2rem; font-size: 1.45rem;}
.board-list-gl ul li>div.type {position: absolute;bottom:1.5rem;right:1.5rem;}
.board-list-gl ul li>div.type span {display:inline-block;padding:4px 10px;font-size:1.4rem;font-weight:500;color:#fff;background:#999;border-radius:3px;}
.board-list-gl ul li>div.type span.hwp {background:#999;}
.board-list-gl ul li>div.type span.hwpx {background:#999;}
.board-list-gl ul li>div.type span.xlsx {background:#147E0C;}
.board-list-gl ul li>div.type span.pdf {background:#C7374F;}
.board-list-gl.li2 ul li>div.download {width:15rem;float: right;vertical-align: middle;}
.board-list-gl.li2 ul li>div.country {color:#333;}
.board-list-gl.li2 ul li>div.city {color:#333;}
.board-list-gl.li2 ul li>div.date {position:relative;top:0rem;}


/* 게시판 목록형 */
.board-list-li {width:100%;margin:25px 0;}
.board-list-li .btn-wrap {width:100%;margin-bottom:10px;text-align: right;}
.board-list-li .btn-wrap button {padding:10px 20px;border:none;background:var(--mainC3);color:#fff;font-size:1.6rem;transition: all .3s;}
.board-list-li .btn-wrap button:hover {transform: translateY(-3px);}

.board-list-li ol {width:100%;display:flex;justify-content:left;align-items: top;flex-wrap:wrap;border-top: 2px solid #000;border-bottom: 1px solid #ccc;background:#f3f3f3;}
.board-list-li ol li {line-height:55px;color:#333;font-weight:500;text-align: center;font-size:1.8rem;}
.board-list-li ol li:nth-child(1) {width:10%;}
.board-list-li ol li:nth-child(2) {width:10%;}
.board-list-li ol li:nth-child(3) {width:45%;}
.board-list-li ol li:nth-child(4) {width:13%;}
.board-list-li ol li:nth-child(5) {width:15%;}
.board-list-li ol li:nth-child(6) {width:7%;}
.board-list-li.li2 ol li:nth-child(1) {width:7%;}
.board-list-li.li2 ol li:nth-child(2) {width:10%;}
.board-list-li.li2 ol li:nth-child(3) {width:8%;}
.board-list-li.li2 ol li:nth-child(4) {width:9%;}
.board-list-li.li2 ol li:nth-child(5) {width:10%;}
.board-list-li.li2 ol li:nth-child(6) {width:21%;}
.board-list-li.li2 ol li:nth-child(7) {width:11%;}
.board-list-li.li2 ol li:nth-child(8) {width:9%;}
.board-list-li.li2 ol li:nth-child(9) {width:10%;}
.board-list-li.li2 ol li:nth-child(10) {width:5%;}

.board-list-li ul li {width:100%;display:flex;justify-content:left;align-items: top;flex-wrap:wrap;border-bottom: 1px solid #ccc;}
/* .board-list-li ul li:nth-child(even) {background: #fefef1;} */
.board-list-li ul li:nth-child(even) {background: rgba(254, 254, 241, .4);}
.board-list-li ul li>.script,.board-list-li ul li>.download,.board-list-li ul li>.type {display:none;}
.board-list-li ul li>div {line-height:55px;padding:0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:1.8rem;}
.board-list-li ul li>div.num{width:10%;text-align: center;}
.board-list-li ul li>div.sort {width:10%;text-align: center;}
.board-list-li ul li>div.title {width:45%;}
.board-list-li ul li>div.title a {display:inline-block;width:100%;font-size:1.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.board-list-li ul li>div.admin {width:13%;text-align: center;}
.board-list-li ul li>div.date {width:15%;text-align: center;}
.board-list-li ul li>div.hits {width:7%;text-align: center;}
.board-list-li ul li>div.download button {width:100%;line-height:3.4rem;background:var(--mainC1);border:none;color:#fff;font-size:1.6rem;font-weight:500;vertical-align: middle;transition: all .3s;}
.board-list-li ul li>div.download button:after {content:'신청';}
.board-list-li ul li>div.download button i {margin-right:3px;font-size:2rem;vertical-align: middle;color:var(--pointC3);}
.board-list-li ul li>div.download button:hover {transform: translateY(-3px);}
.board-list-li.li2 ul li>div {text-align: center;}
.board-list-li.li2 ul li>div:nth-child(1) {width:7%;}
.board-list-li.li2 ul li>div:nth-child(2) {display:none;}
.board-list-li.li2 ul li>div:nth-child(3) {width:10%;}
.board-list-li.li2 ul li>div:nth-child(4) {width:8%;}
.board-list-li.li2 ul li>div:nth-child(5) {width:9%;}
.board-list-li.li2 ul li>div:nth-child(6) {width:10%;}
.board-list-li.li2 ul li>div:nth-child(7) {width:21%;}
.board-list-li.li2 ul li>div:nth-child(8) {width:11%;}
.board-list-li.li2 ul li>div:nth-child(9) {width:9%;}
.board-list-li.li2 ul li>div:nth-child(10) {display:block;width:10%;}
.board-list-li.li2 ul li>div:nth-child(11) {width:5%;}

.board-paging {display:inline-block;width:100%;margin:3rem 0;text-align: center;}
.board-paging a {display:inline-block;width:34px;line-height:34px;font-size:1.8rem;text-align: center;}
.board-paging a:nth-of-type(1),.board-paging a:nth-of-type(2),.board-paging a:nth-last-of-type(1),.board-paging a:nth-last-of-type(2) {color:#ccc;}
.board-paging a.on {background:var(--mainC1);color:#fff;}
.board-paging a:hover {text-decoration:underline;}
.board-paging a span {display:inline-block;width:0px;text-indent:-9999px;}

.board-view-wrap {display:inline-block;width:100%;margin:2.5rem 0;border-top: 2px solid #000;font-size:1.8rem;}
.board-view-wrap .title-wrap {display:flex;justify-content:left;align-items:center;width:100%;padding:25px;border-bottom: 1px solid #ccc;}
.board-view-wrap .title-wrap>.title {width:70%;font-size:2.4rem;font-weight:600;color:#333;}
.board-view-wrap .title-wrap>.title > span {display:inline-block;padding:.7rem 1rem;margin-right:5px;font-size:1.8rem;font-weight:500;background:var(--pointC1);color:#fff;border-radius:50px;}
.board-view-wrap .title-wrap>.title > ul {display:inline-block;width:auto;margin:0 2rem;}
.board-view-wrap .title-wrap>.title > ul li {display:inline-block;padding:0 2rem;font-size:1.8rem;color:#666;border-right: 1px solid #ddd;}
.board-view-wrap .title-wrap>.title > ul li:last-child {border:0;}
.board-view-wrap .title-wrap .view-info {width:30%;text-align: right;font-size:1.8rem;font-weight:500;color:#666;}
.board-view-wrap .view-info > div {display:inline-block;padding:0 15px;border-right: 1px solid #ccc;}
.board-view-wrap .view-info > div:first-child {padding-left:0;}
.board-view-wrap .view-info > div:last-child {padding-right:0;border-right: 0px;}
.board-view-wrap .info {display:table;table-layout: fixed; width:100%;padding:10px 20px;border-bottom: 1px solid #ccc;}
.board-view-wrap .info > div {display: table-cell;padding-right:1.5rem;font-size:1.8rem;}
.board-view-wrap .info div:nth-child(odd) {width:14rem;}
.board-view-wrap .info span {display:inline-block;width:100%;padding:1rem 0px;background:#f3f3f3;border-radius:5px;font-size:1.8rem;color:#333;font-weight:500;white-space: nowrap;text-align: center;}

.board-view-wrap .file {display:table;width:100%;padding:10px 20px;border-bottom: 1px solid #ccc;}
.board-view-wrap .file div {display: table-cell;padding-right:1.5rem ;}
.board-view-wrap .file div:nth-child(1) {width:14rem;}
.board-view-wrap .file span {display:inline-block;width:100%;padding:1rem 0px;background:#f3f3f3;border-radius:5px;font-size:1.8rem;color:#333;font-weight:500;white-space: nowrap;text-align: center;}
.board-view-wrap .file a {display:inline-block;width:100%;line-height:2.4rem;margin-right:10px;}
.board-view-wrap .file a:before {display:inline-block;content:'';width: 1.6rem;height:1.6rem;margin-right:5px;background:url(../images/ic_add.png)no-repeat center/contain;}
.board-view-wrap .text {width:100%;padding:40px 25px;line-height:2.6rem;font-size:1.8rem;color:#333;}
.board-view-wrap .text img {max-width:100%;height:auto;}
.board-view-wrap .manager {width:100%;padding:10px 25px;background:#f3f3f3; font-size:1.8rem;color:#666;}
.board-view-wrap .manager > div {display:inline-block;padding:0 10px;font-size:1.6rem;}
.board-view-wrap .manager > div:first-child {padding-left:0;}
.board-view-wrap .manager > div:last-child {padding-right:0;}
.board-view-wrap .manager > div > span {display:inline-block;padding:5px 10px;background:#fff;border-radius:30px;font-size:1.5rem;}
.board-view-wrap .textsub {display:inline-block;width:100%;padding:10px 25px;background:#f3f3f3; font-size:1.8rem;color:#666;}
.board-view-wrap .textsub dl {float: left;display:flex;justify-content: left;align-items:center;flex-wrap: wrap; width:100%;}
.board-view-wrap .textsub dl dt {width:16rem;line-height:5.5rem;padding-left:2rem;text-align: left;font-size:1.8rem;font-weight:500;vertical-align: middle;}
.board-view-wrap .textsub dl dd {width:calc(100% - 16rem); padding:1rem 2rem 1rem 0;font-size:1.8rem;line-height:2.6rem;}
/* .board-view-wrap .textsub dl.dl4 dd {width:calc(50% - 16rem) !important;} */
.board-view-wrap .textsub dl dd input {width:100%;height:4rem;padding:0 1rem;background: none;border: 1px solid #ccc;font-size:1.8rem;background:#f9f9f9;}
.board-view-wrap .textsub dl dd select {width:100%;height:4rem;padding:0 1rem;background: none;border: 1px solid #ccc;font-size:1.8rem;background:#f9f9f9;}

.board-view-wrap .tbbtn-wrap {display: inline-block; width:100%;padding:2rem;margin-top:2rem;text-align: center;}
.board-view-wrap .tbbtn-wrap button {width:100%;height:5.5rem;text-align: center;background:transparent;color:var(--mainC1);border: 1px solid var(--mainC1);font-size:2rem;font-weight:500;transition: all .3s;}
.board-view-wrap .tbbtn-wrap button:hover {transform: translateY(-3px);}
.board-view-wrap .tbbtn-wrap2 {display: inline-block; width:100%;padding:2rem;text-align: center;}
.board-view-wrap .tbbtn-wrap2 button {width:100%;height:5rem;text-align: center;background:#f5f6fc;color:var(--mainC2);border: 1px solid var(--mainC2);font-size:2rem;font-weight:500;transition: all .3s;}
.board-view-wrap .tbbtn-wrap2 button:hover {transform: translateY(-3px);}
.board-view-wrap .btn-wrap {width:100%;padding:25px;margin-top:25px;border-top: 2px solid #000;text-align: center;}
.board-view-wrap .btn-wrap button {width:120px;height:50px;margin:0 0.5rem;text-align: center;background:var(--mainC1);border:1px solid var(--mainC1);color:#fff;font-size:2rem;font-weight:500;transition: all .3s;}
.board-view-wrap .btn-wrap button.line {background:#fff;border:1px solid var(--mainC1);color:var(--mainC1);}
.board-view-wrap .btn-wrap button:hover {transform: translateY(-3px);}

.board-view-wrap .page {width:100%;margin-top:25px;border-top: 1px solid #ccc;}
.board-view-wrap .page > div {padding:10px 20px;border-bottom: 1px solid #ccc;font-size:1.8rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.board-view-wrap .page > div span {display:inline-block;padding:10px 25px;margin-right:10px;background:#f3f3f3;border-radius:5px;font-size:1.8rem;color:#333;font-weight:500;}
.board-view-wrap .page > div a {font-size:1.8rem;}
}
/* 검색form */
@media(max-width:10000px){
.searchform {display:flex;justify-content:left;align-items:top;flex-wrap:wrap;white-space:wrap; width:100%;padding:1.5rem;border: 1px solid #ccc;}   
.searchform dl {float: left;width:80%;display:flex;align-items:top;flex-wrap:wrap;white-space:wrap;}
.searchform.write-wrap dl {float: unset;width:100%;}

.searchform dl dt {position:relative;width:16rem;min-height:5rem;font-size:1.8rem;font-weight:500;text-align: center;color:#333;background:#f3f3f3;border-top:.15rem solid #fff;border-bottom:.15rem solid #fff;vertical-align: middle;}  
.searchform dl dt span {position: absolute;top:50%;left:50%;transform: translate(-50%,-50%); display:inline-block;width:100%;} 
.searchform dl dd {width:calc(100% - 16rem);line-height:5rem;padding:0rem 1rem 0rem 1rem;font-size:1.8rem;vertical-align: middle;overflow:hidden;}  
.searchform dl dd .title {width:100%;padding:1rem;text-align: center;font-size:1.8rem;font-weight:500;}  
.searchform dl dd .preview {position:relative;display:inline-block;width:70%;height:auto;min-height:35rem;background:#f3f3f3 url(../images/bg_preview.png)no-repeat center/20%;border: 1px solid #ccc;}  
.searchform dl dd .wp50 .preview {width:100%;height:25rem;min-height:auto;}
.searchform dl dd .preview img { width:100%;height:auto;vertical-align: middle;}  
.searchform dl.dl4 {width:87%;}
.searchform.write-wrap dl.dl4 {width:100%;}
.searchform dl.dl4 dt {width:16rem;}   
.searchform dl.dl4 dd {width:calc(50% - 16rem);}  
.searchform dl.dl4 dd:nth-child(4n) {width:calc(50% - 16rem);}  
.searchform dl.dl4 dd.dd2 {width:calc(100% - 16rem);}  
.searchform>dl dd p {display:inline-block;width:100%;padding:1rem 0;line-height:2.4rem;}
.searchform>dl dd input[type='radio'] {display: none;}
.searchform>dl dd label {position:relative;padding:0 5rem 0 0;}
.searchform>dl dd label span {display: inline-block;padding-left: 2.5rem;color: #666;font-size:1.8rem;}
.searchform>dl dd label span:before {position:absolute;top:50%;left:0;transform: translateY(-50%);content:'\f058';font-family: 'Font Awesome 6 Free';color:#ccc;}
.searchform>dl dd input:checked + span {color:var(--pointC2);}
.searchform>dl dd input:checked + span:before  {content:'\f058';font-family: 'FontAwesome';color:var(--pointC2);}
.searchform>dl dd select {width:100%;height:4rem;padding:0 1rem;border: 1px solid #ccc;}   
.searchform>dl dd textarea {width:100%;min-height:15rem;padding:1rem;border: 1px solid #ccc;resize:none;}   
.searchform>dl dd input[type='date'] {width:15rem;height:4rem;padding:0 1rem;border: 1px solid #ccc;}
.searchform>dl dd input[type='text'] {width:100%;height:4rem;padding:0 1rem;border: 1px solid #ccc;}
.searchform>dl dd a {color: #333;font-size:1.8rem;}
.searchform>dl dd.agroup a {padding:.5rem 1rem;/* margin:0 .5rem; */font-size:2rem;font-weight:400;color:var(--mainC2);}
.searchform>dl dd.agroup a:hover {background:#eef9fd;text-decoration:underline;}
.searchform .btn-wrap {float: right;width:20%;}   
.searchform .dl4 + .btn-wrap {width:13%;}   
.searchform .btn-wrap button {position:relative;top:0;right:0;width:100%;height:100%;background:var(--mainC1);color:#fff;border: none;transition: all .3s;} 
.searchform .btn-wrap button:hover {transform: translateY(-3px);} 
.searchform .btn-wrap button span {z-index:2;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;font-size:2.2rem;font-weight: 500;}   
/* .searchform .btn-wrap button:before {z-index:1;position: absolute;left:55%;top:50%;transform: translate(-50%,-50%);content:'\f573';font-family:'FontAwesome';font-size:8rem;color:rgba(0, 0, 0, .2); vertical-align: middle;}    */
.searchform .btn-wrap button.url {background:#1d56bc url(../images/design/ic_api.png)no-repeat center/contain;}   
.searchform .btn-wrap button.search {height:calc(100% - 5.5rem);min-height:4.5rem;margin-bottom: 1rem;background:#1d56bc url(../images/design/ic_sh1.png)no-repeat center/contain;} 
.searchform .btn-wrap button.search:before {display:none;z-index:1;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); margin-right:0rem;content:'\f002';font-family:'FontAwesome';font-size:0rem;}   
.searchform .btn-wrap button.search.noicon:before {display:none;}   
.searchform .btn-wrap button.reset {height:4.5rem;background:#e7e7e7;} 
.searchform .btn-wrap button.reset span {font-size:2rem;color:#999;} 
.searchform .btn-wrap button.reset:before {content:'';}
}
/* 소식지 */
@media(max-width:10000px){
.news-wrap {width:100%;padding:2.5rem 0;display:flex;justify-content:left;align-items: top;flex-wrap:wrap;}
.news-wrap li {width:50%;height:380px;padding:15px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.news-wrap li:nth-child(1) {border-top: 1px solid #ccc;}
.news-wrap li:nth-child(2) {border-top: 1px solid #ccc;}
.news-wrap li:nth-child(odd) {border-left: 1px solid #ccc;}

.news-wrap li .left {float: left;width:45%;height:100%;padding-right:20px;}
.news-wrap li .left img {width:100%;height:100%;}
.news-wrap li .right {float: right;position:relative;width:55%;height:100%;}
.news-wrap li .right>span {display:inline-block;width:100%;}
.news-wrap li .right>span.num {font-weight:600;color:#aaa;font-size:1.8rem;}
.news-wrap li .right>span.title {margin:15px 0;font-weight:500;color:#333;font-size:2.2rem;}
.news-wrap li .right>span.subtitle {font-size:1.8rem;}
.news-wrap li .right>span.btn-wrap {position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;}
.news-wrap li .right>span.btn-wrap button {width:calc(50% - 5px);line-height:44px;background:var(--mainC3);border:none;color:#fff;font-size:1.8rem;vertical-align: middle;transition: all .3s;}
.news-wrap li .right>span.btn-wrap button i {margin-right:10px;font-size:2rem;vertical-align: middle;color:var(--pointC3);}
.news-wrap li .right>span.btn-wrap button:hover {transform: translateY(-3px);}

.img_border {border : 1px solid #ccc;} /* 250225 추가 */
}
/* 포토 게시판 */
@media(max-width:10000px){
.photo-wrap {width:100%;padding:2.5rem 0;display:flex;justify-content:left;align-items: top;flex-wrap:wrap;}
.photo-wrap li {width:50%;height:auto;padding:15px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.photo-wrap li:nth-child(1) {border-top: 1px solid #ccc;}
.photo-wrap li:nth-child(2) {border-top: 1px solid #ccc;}
.photo-wrap li:nth-child(odd) {border-left: 1px solid #ccc;}

.photo-wrap li div {display:inline-block;display:flex;justify-content: left;align-items: center;flex-wrap: wrap; width:100%;height:auto;}
.photo-wrap li div.lititle {display:block;padding:1.5rem 0;margin-bottom:1.5rem;text-align: center;background:#f3f3f3;color:var(--mainC2);font-size:2.2rem;font-weight:600;}
/* .photo-wrap li div:nth-child(2) {margin:2rem 0 0 0;} */
.photo-wrap li div img {width:100%;height:35rem;}
.photo-wrap li div span.title {width:calc(100% - 15rem);margin-top:1.5rem;font-weight:500;color:#333;font-size:2rem;}
.photo-wrap li div span.btn-wrap {width:15rem;vertical-align: middle;margin-top:1.5rem;}
.photo-wrap li div span.btn-wrap button {width:100%;padding:0 .5rem;height:44px;line-height:1rem;background:var(--mainC3);border:none;color:#fff;font-size:1.8rem;vertical-align: middle;transition: all .3s;}
.photo-wrap li div span.btn-wrap button i {margin-right:10px;font-size:2rem;vertical-align: middle;color:var(--pointC3);}
.photo-wrap li div span.btn-wrap button span {color:#bdd6f3;}
.photo-wrap li div span.btn-wrap button:hover {transform: translateY(-3px);}
}
/* 위성궤도정보 */
@media(max-width:10000px){
.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;}

}
/* 한반도 촬영현황 */
@media(max-width:10000px){
.filming-status {position:relative;width:100%;padding:2rem 1rem 4rem;background:#B5E2E7;}
/* .filming-status .map {position:relative;width:80rem;height:80rem;background:url(../images/design/koreamap.svg)no-repeat left bottom/100%;} */
/* .filming-status .map {position:relative;width:80rem;height:80rem;background:url(../images/design/koreamap.svg)no-repeat center bottom/53%;} */
.filming-status .map {position:relative; left:8%; margin-bottom: 2rem; width:80rem;height:98rem;background:url(../images/design/koreamap.svg)no-repeat left bottom/ 80% 100%;}
/* .filming-status .map:after {position:absolute;top:0;left:0;content:'';width:100%;height:5rem;background:linear-gradient(180deg, #B5E2E7 50%, rgba(181,226,231,0));} */
/* .filming-status .map>div {position:absolute;padding:.5rem 1rem;border-radius:5px;background:rgba(0, 0, 0, .5);color:#fff;font-size:1.4rem;font-weight:500;box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);} */
.filming-status .map>div {position:absolute;padding:.2rem;border-radius:5px;background:rgba(0, 0, 0, .5);color:#fff;font-size:1.2rem;font-weight:500;box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);}
/* .filming-status .map>div>p {font-size:1.4rem;line-height:2rem;font-weight:500;text-align: center;} */
.filming-status .map>div>p {font-size:1.1rem;line-height:0.8rem;font-weight:500;text-align: center;}
.filming-status .map>div>p:nth-last-of-type(1) {color:#666;}
.filming-status .map>div>p>span {display:inline-block;}
.filming-status .map>div>p>span:after {margin:0 .3rem 0 .5rem;content:'∣';color: #919191;font-weight:300;}
.filming-status .map>div>p>span:nth-last-of-type(1):after {margin:0rem;content:'';}
/* .filming-status .map>div.gyeonggi {left:25%;bottom:40%;}
.filming-status .map>div.seoul {left:41%;bottom:70%;}
.filming-status .map>div.gangwon {left:57%;bottom:75%;}
.filming-status .map>div.incheon {left:26%;bottom:68%;}
.filming-status .map>div.chungbuk {left:49%;bottom:60%;}
.filming-status .map>div.chungnam {left:32%;bottom:55%;}
.filming-status .map>div.daejeon {left:47%;bottom:46%;}
.filming-status .map>div.gyeongbuk {left:65%;bottom:53%;}
.filming-status .map>div.jeonbuk {left:38%;bottom:36%;}
.filming-status .map>div.daegu {left:62%;bottom:40%;}
.filming-status .map>div.ulsan {left:76%;bottom:34%;}
.filming-status .map>div.gwangju {left:39%;bottom:25%;}
.filming-status .map>div.gyeongnam {left:56%;bottom:29%;}
.filming-status .map>div.busan {left:74%;bottom:23%;}
.filming-status .map>div.jeonnam {left:33%;bottom:17%;}
.filming-status .map>div.sejong {left:47%;bottom:52%;}
.filming-status .map>div.jejudo {left:35%;bottom:1%;}
.filming-status .map>div.north {left:35%;bottom:56%;}
.filming-status .map>div.south {left:44%;bottom:33%;} */
.filming-status .map>div.gyeonggi {left:26.7%;bottom:47.5%;}
.filming-status .map>div.seoul {left:36%;bottom:42.5%; z-index: 3;}
.filming-status .map>div.gangwon {left:48%;bottom:49%;}
.filming-status .map>div.incheon {left:23.5%;bottom:41.2%;}
.filming-status .map>div.chungbuk {left:49%;bottom:37%;}
.filming-status .map>div.chungnam {left:24%;bottom:33%;}
.filming-status .map>div.daejeon {left:40%;bottom:19%;}
.filming-status .map>div.gyeongbuk {left:57%;bottom:29%;}
.filming-status .map>div.jeonbuk {left:24%;bottom:23%;}
.filming-status .map>div.daegu {left:55.8%;bottom:36%;}
.filming-status .map>div.ulsan {left:58%;bottom:21%;}
.filming-status .map>div.gwangju {left:35%;bottom:7%;}
.filming-status .map>div.gyeongnam {left:49%;bottom:7%;}
.filming-status .map>div.busan {left:59%;bottom:7.8%;}
.filming-status .map>div.jeonnam {left:23%;bottom:15%;}
.filming-status .map>div.sejong {left:37.2%;bottom:32.7%;}
.filming-status .map>div.jejudo {left:23%;bottom:5%;}
.filming-status .map>div.north {left:35%;bottom:56%;}
.filming-status .map>div.south {left:44%;bottom:33%;}


.filming-status2 {position:relative;width:100%;height:90rem;background:#B5E2E7;}
.filming-status2 .topbox {position:absolute;top:2rem;left:50%;transform: translateX(-50%); width:100%;padding:.5rem 1rem;color:#fff;font-weight:500;}
.filming-status2 .topbox ul {display: flex;justify-content: flex-end;align-items:top;width:100%;}
.filming-status2 .topbox ul li {position:relative;padding:1rem;margin:.5rem;background:rgba(0, 0, 0, .5);box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);border-radius:5px;}
.filming-status2 .topbox ul li p {display:inline-block;width:100%;padding: 1rem 2rem;margin-bottom:1rem;text-align: center;font-size:2rem;font-weight:500;border-radius:5px;background:rgba(133, 196, 221, 0.356);}
.filming-status2 .topbox ul li table {width:100%;vertical-align: bottom;border-collapse: collapse;}
.filming-status2 .topbox ul li table thead th {border-bottom: 1px solid #ffffff0c;}
.filming-status2 .topbox ul li table th {padding:.7rem 1rem;color:rgba(255,255,255,.6);text-align: center;}
.filming-status2 .topbox ul li table td {padding:.7rem 1rem;text-align: center;font-size:1.8rem;}
.filming-status2 .worldmap {position:relative;display:inline-block;width:100%;height:70%;margin-top:20rem;background:url(../images/design/worldmap.svg)no-repeat center top 0/100%;}
.filming-status2 .worldmap .botbox {position:absolute;bottom:1rem;left:50%;transform: translateX(-50%); width:100%;padding:.5rem 1rem;color:#666;font-size:1.6rem;font-weight:500;text-align: center;}
.filming-status2 .worldmap .graph {position:absolute;left:20%;bottom:50%;word-break: keep-all;text-align: left;}
.filming-status2 .worldmap .graph div {display:inline-block;width:auto;margin-right:1rem;vertical-align: middle;color:#333;font-weight:600;}
.filming-status2 .worldmap .graph div.block {width:3rem;/* background: #000; */}
.filming-status2 .worldmap .na {left:20%;bottom:49%;}
.filming-status2 .worldmap .na .block {height:var(--naB);background: #408a94 url(../images//design/bg_line1.png)repeat;}
.filming-status2 .worldmap .sa {left:33%;bottom:21%;}
.filming-status2 .worldmap .sa .block {height:var(--saB);background: #ebb932 url(../images//design/bg_line1.png)repeat;}
.filming-status2 .worldmap .eu {left:56%;bottom:57%;}
.filming-status2 .worldmap .eu .block {height:var(--euB);background: rgb(109, 166, 179) url(../images//design/bg_line1.png)repeat;}
.filming-status2 .worldmap .af {left:51%;bottom:34%;}
.filming-status2 .worldmap .af .block {height:var(--afB);background: rgb(48, 160, 91) url(../images//design/bg_line1.png)repeat;}
.filming-status2 .worldmap .as {left:73%;bottom:49%;}
.filming-status2 .worldmap .as .block {height:var(--asB);background: rgb(221 126 148) url(../images//design/bg_line1.png)repeat;}
.filming-status2 .worldmap .oc {left:78%;bottom:15%;}
.filming-status2 .worldmap .oc .block {height:var(--ocB);background: rgb(130, 92, 201) url(../images//design/bg_line1.png)repeat;}
.filming-status2 .worldmap .ko {left:73%;bottom:49%;}
.filming-status2 .worldmap .ko .block {height:var(--koB);background: rgb(218, 62, 101) url(../images//design/bg_line1.png)repeat;}
.filming-status2 .worldmap .po {left:38%;bottom:77%;}
.filming-status2 .worldmap .po .block {height:var(--poB);background: rgb(11, 9, 126) url(../images//design/bg_line1.png)repeat;}


.filming-status .legend {position:absolute;top:40%;right:3rem;transform: translateY(-50%); width:auto;}
.filming-status .legend div {margin:1.5rem 0;padding:1.5rem; background:rgba(0, 0, 0, .5);border-radius:5px;box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);}
.filming-status .legend p {color: #333;text-align: center;}
/* .filming-status .legend>p:nth-of-type(1) {display:inline-block;width:100%;padding:13rem 0 1.5rem 0;font-size:2.5rem;font-weight:600;border-bottom: 2px solid #333;background:url(../images/design/bg_fs3.png)no-repeat center top/26%;} */
.filming-status .legend-cont ul{display:inline-block;width:100%;padding:13rem 0 1.5rem 0;font-size:2.5rem;font-weight:600;background:url(../images/design/bg_fs3.png)no-repeat center top /36%;}
.filming-status .legend div p:nth-of-type(1) {padding:0 0 1rem 0;color:#fff;font-size:1.8rem;}
.filming-status .legend div p:nth-of-type(2) span {display:inline-block;vertical-align:top;}
.filming-status .legend div p span:after {margin:0 .3rem 0 .5rem;content:'∣';color: #919191;font-weight:300;}
.filming-status .legend div p span:nth-last-of-type(1):after {margin:0rem;content:'';}
}
/* 관리자 */
@media(max-width:10000px){
.nav.admin {width:65%;margin-right: -4rem;float: right;}
.menu-admin {position:relative;top:0px;width:100%;margin-top:4rem; padding:0px 0 4rem 0;background:#fff;}
.menu-admin ul {display:table;justify-content:center;align-items:center;width:100%;}
.menu-admin ul li {display:table-cell;width:25%;text-align: center;background:var(--mainC3);border-right: 1px solid rgba(255,255,255,.15);}
.menu-admin.li3 ul li {width:33.3%;}
.menu-admin ul li:first-child {border-radius:10px 0 0 10px;}
.menu-admin ul li:last-child {border-radius:0 10px 10px 0;}
.menu-admin ul li:has(a.on) {background:var(--pointC1);}
.menu-admin ul li a {display:inline-block;width:100%;padding:25px 0px;font-size:2rem;font-weight:600;color:#fff;transition: all .3s;}
.menu-admin ul li a:hover {transform: translateY(-2px);}

.dashboard-wrap {display:inline-block;width:100%;margin-top:40px;}
.dashboard-wrap>ul {white-space:wrap; width:100%;}
.dashboard-wrap>ul>li {float: left;width:50%;height:auto;padding:2rem;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.dashboard-wrap>ul>li:nth-child(1) {width:66.7%;border-top: 1px solid #ccc;}
.dashboard-wrap>ul>li:nth-child(2) {width:33.3%;border-top: 1px solid #ccc;}
.dashboard-wrap>ul>li:nth-child(3) {width:100%;}
.dashboard-wrap>ul>li:nth-child(odd) {border-left: 1px solid #ccc;}

.dashboard-wrap li dl {display:inline-block;width:100%}
.dashboard-wrap li dt {width:100%;padding:0 0px 2rem 5px;font-size:2.2rem;font-weight:600;color:#333;}
.dashboard-wrap li dt .btn-wrap {display:inline-block;margin-left:2rem;}
.dashboard-wrap li dt .btn-wrap button {display:inline-block;min-width:7rem;height:3.2rem;margin:0 .5rem;padding:0 1rem;font-size:1.6rem;background:var(--mainC1);color:#fff;border: none;transition: all .3s;}
.dashboard-wrap li dt .btn-wrap button:hover {transform: translateY(-3px);}
.dashboard-wrap li dt>button {float: right;width:24px;height:24px;border: 1px solid #ddd; border-radius:30px;background:none;text-align: center;}
.dashboard-wrap li dd {width:100%;display:flex;justify-content:space-between;white-space: nowrap;}
.dashboard-wrap li dd>div {display:inline-block;height:255px;padding:1.5rem;text-align: center;background:#f3f3f3;border-radius:10px;background:#f3f3f3;}
.dashboard-wrap li dd>div:first-child {width:calc(50% - 1rem);}
.dashboard-wrap li dd>div:last-child {width:calc(50% - 1rem);}
.dashboard-wrap li dd div.title {width:100%;height:5rem;padding:1.5rem 0 0 0;text-align: center;font-size:2rem;font-weight:500;color:#222;background:none;}
.dashboard-wrap li dd div.bg {background:url(../images/bg_dash1.jpg)no-repeat 50% bottom/200% 100%;}
.dashboard-wrap li dd div.graph {width:calc(50% - 1rem);height:300px;padding-top: 0;}
.dashboard-wrap li dd div.w25box {width:calc(25% - 1.5rem);height:300px;padding-top: 0;}
.dashboard-wrap li dd div.rank {background:#15386d url(../images/design/bg_dashboard1.jpg)no-repeat center bottom 1rem;}
.dashboard-wrap li dd div.rank>ul {width:100%;margin-top:2rem;}
.dashboard-wrap li dd div.rank>ul li {width:100%;line-height:5rem;margin-bottom:1rem;text-align: center;}
.dashboard-wrap li dd div.rank>ul li>span:nth-child(1) {display:inline-block;width:5rem;height:5rem; text-align: center;background:#0993D1;color: #ffd300;border-radius:100px;font-size:2.4rem;font-weight:600;}
.dashboard-wrap li dd div.rank>ul li>span:nth-child(2) {display:inline-block;width:50%;height:100%; text-align: center;color:#a3defc;font-size:2rem;font-weight:500;}

.dashboard-wrap li dd div>table  {width:100%;height:80%;padding:0 2rem;color: #fff;border-collapse: collapse;}
.dashboard-wrap li dd div>table tr:hover {background:#3277dd;}
.dashboard-wrap li dd div>table th {padding:0 0 0 1.5rem;text-align: left;font-size:1.6rem;border-bottom: 1px dashed #2254a0;}
.dashboard-wrap li dd div>table th>i{margin-right:1rem;font-size:1.6rem;vertical-align: middle;color:#ffed96;}
.dashboard-wrap li dd div>table td {padding:0 1.5rem 0 0;text-align: right;font-size:1.6rem;border-bottom: 1px dashed #2254a0;}
.dashboard-wrap li dd div>table td>b {margin-right:1rem;font-size:2rem;}

.dashboard-wrap li dd div button {width:13rem;height:13rem;margin-top:2.5rem;text-align: center;border: none;background:none;color:#ffd300;border-radius:100px;font-size:4rem;transition:all .3s;}
.dashboard-wrap li dd div button:hover {transform: translateY(-3px);}
.dashboard-wrap li dd div button.num {text-align: center;background:none;color:#ffd300;border: .05rem solid #fff;border-radius:100px;font-size:4rem;}
.dashboard-wrap li dd div p {width:100%;margin-top:2.5rem;font-size:2rem;font-weight:500;color:#222;white-space:wrap;}
.dashboard-wrap li dd div button.sug {border:1px solid #aaa;background:#fff url(../images/btn_bg1.png) no-repeat 50%/9rem;}
.dashboard-wrap li dd div button.hwg {border:1px solid #aaa;background:#fff url(../images/btn_bg2.png) no-repeat 50%/9rem;}

.graph-wrap {display:inline-block;width:100%;}
.graph-wrap .graph {float: left;width:75%;height:170px;padding-right:1.5rem;background:#fff;}
.graph-wrap .num {float: right;position:relative;width:25%;height:170px;background:url(../images/bg_num.jpg)no-repeat 50% 10%;color:#fff;border-radius:10px;}
.graph-wrap .num dl {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); width:80%;}
.graph-wrap .num dl dt {float: left;width:50%;line-height:50px;font-size:2.1rem;font-weight:600;text-align:center;}
.graph-wrap .num dl dd {float: left;width:50%;padding-left:10px;line-height:50px;font-size:1.8rem;font-weight:600;color:rgba(255,255,255,.5);text-align:right;}
.graph-wrap .num dl dd b {margin-right:.5rem;font-size:3.3rem;color:var(--pointC3);line-height:0;}

.admin-wrap-margin {margin:0px 0 0px 0}
}
/* 회원가입 */
@media(max-width:10000px){
.join-wrap .progress {display:flex;justify-content:left;align-items: center;flex-wrap:wrap;width:100%;margin:4rem 0;}
.join-wrap .progress li {position:relative;width:25%;line-height:7rem;font-size:2.2rem; text-align: center;color:var(--mainC1);font-weight:600;border: 1px solid var(--mainC1);border-right:0;border-left:0;}
.join-wrap .progress li:first-child {border-radius:10px 0 0 10px;border-left: 1px solid var(--mainC1);}
.join-wrap .progress li:last-child {border-radius:0 10px 10px 0;border-right: 1px solid var(--mainC1);}
.join-wrap .progress li:before {z-index:2;position:absolute;right:-12px;top:0;content:'';width:13px;height:100%;background:url(../images/bg_progress.png)no-repeat left 50%/contain;}
.join-wrap .progress li:last-child:before {background:none;}
.join-wrap .progress li.on {color:#fff;background:var(--mainC1);}
.join-wrap .progress li.on:before {position:absolute;right:-12px;top:0;content:'';width:13px;height:100%;background:url(../images/bg_progress_on.png)no-repeat left 50%/contain;}
.join-wrap .progress li:last-child:before {background:none;}
.join-wrap .progress li i {margin-right:1.5rem;font-size:2.6rem;vertical-align: middle;color:#4ea5ee;}
.join-wrap .progress li.on i {color:#71e5de;}
.join-wrap .content {padding:3rem;border: 1px solid #ccc;}
.join-wrap .content.bggrey {background:#f3f3f3;}
.join-wrap .content .bg {width:100%;height:100%;background:url(../images/bg_welcom.jpg)no-repeat center bottom;}
.join-wrap .content dl.list {width:100%;}
.join-wrap .content dl.list dt {width:100%;padding: 1rem 0 2rem 0;font-size:2.2rem;font-weight:600;color:#333;}
.join-wrap .content dl.list dd {width:100%;max-height:250px;padding:2.5rem;background:#f5f5f5;font-size:1.6rem;overflow-y:auto;overflow-x:hidden;}
.join-wrap .content dl.list dd p {padding:.5rem;line-height:2rem;}
.join-wrap .content dl.list dd p.other_text1 {padding:2rem 0 .5rem 0rem;font-size:2rem;color:#333;font-weight:500;}
.join-wrap .content dl.list dd p.other_text2 {padding:1rem 0 .5rem 1.5rem;font-size:1.8rem;color:#333;font-weight:500;}
.join-wrap .content dl.list dd p.other_text3 {padding:.5rem 0 .5rem 3rem;font-size:1.6rem;}
.join-wrap .content dl.list dd p.other_text4 {padding:.5rem 0 .5rem 5rem;font-size:1.6rem;}
.join-wrap .content .agree {margin:2rem 0  3rem 0;text-align: right;}
.join-wrap .content .agree label {margin-left:5px;font-size:1.8rem;color:var(--mainC2);font-weight:500;}
.join-wrap .btn-wrap {width:100%;margin:3rem 0 0 0;text-align: center;}
.join-wrap .btn-wrap button {width:14rem;line-height:6rem;padding:0 1rem 0 2.5rem;margin:0 .5rem;font-size:2rem;font-weight:500;color:#fff;background:var(--mainC1);border: none;text-align: left;transition: all .3s;border:1px solid var(--mainC1);}
.join-wrap .btn-wrap button.line {color:var(--mainC1);background:#fff;}
.join-wrap .btn-wrap button i {float: right;line-height:5.7rem;font-size:3rem;}
.join-wrap .btn-wrap button:hover {transform: translateY(-3px);}

.join-wrap .content .title {width:100%;padding: 1rem 0 2rem 0;font-size:2.2rem;font-weight:600;color:#333;}
.join-wrap .content .txt {width:100%;padding:2.5rem;background:#f3f3f3;}
.join-wrap .content .bg .txt {background:none;padding-top:6rem;}
.join-wrap .content .txt p {padding:.5rem 0;font-size:1.8rem;line-height:2.4rem;}
.join-wrap .content .txt p.bold {color:var(--mainC2);font-size:3rem;font-weight:700;}
.join-wrap .content ul {display:flex;justify-content:center;align-items: center;flex-wrap:wrap;width:100%;padding:5rem 15%;background:#f3f3f3;}
.join-wrap .content .bg ul {background:none; padding:3rem 0 8rem;}
.join-wrap .content ul li {width:33.3%;height:17rem;padding-top:13rem;text-align: center;background:grey;}
.join-wrap .content .bg ul li {width:50%;height:5rem;padding-top:0em;}
.join-wrap .content ul li button {display:inline-block;width:14rem;height:5rem;font-size:2rem;background:var(--mainC1);color:#fff;border: none;transition: all .3s;}
.join-wrap .content .bg ul li button {height:6rem;}
.join-wrap .content ul li button:hover {transform: translateY(-3px);}
.join-wrap .content ul li:nth-child(1) {background:url(../images/bg_join1.png)no-repeat 50% top/50%;}
.join-wrap .content ul li:nth-child(2) {background:url(../images/bg_join2.png)no-repeat 50% top/50%;}
.join-wrap .content ul li:nth-child(3) {background:url(../images/bg_join3.png)no-repeat 50% -1rem/60%;}
.join-wrap .content .bg ul li:nth-child(1) {background:none;}


.join-wrap .content dl.form {width:100%;display:flex;justify-content:center;align-items: center;flex-wrap:wrap;margin-bottom:3rem;border-top: 2px solid #333;border-bottom: 1px solid #aaa;padding:1.5rem;}
.join-wrap .content dl.form dt {width:200px;margin:.5rem 0;text-align: center;}
.join-wrap .content dl.form dt label {display:inline-block;width:100%;line-height:4.5rem;color:#333;font-weight:600;border-radius:50px;background:#f3f3f3;}
.join-wrap .content dl.form dd {width:calc(100% - 200px);padding:.5rem 0 .5rem 1.5rem;}
.join-wrap .content dl.form dd input {width:30rem;height:4rem;padding-left:1rem;margin:.3rem 0;border-radius:5px;border: 1px solid #ddd;}
.join-wrap .content dl.form dd input.email {width:200px;}
.join-wrap .content dl.form dd input.tel {width:100px;}
.join-wrap .content dl.form dd input.adress {width:calc(49% - 120px);}
.join-wrap .content dl.form dd select {width:30rem;height:4rem;padding-left:1rem;margin:.3rem 0;border-radius:5px;border: 1px solid #ddd;}
.join-wrap .content dl.form dd select.email {width:200px;}
.join-wrap .content dl.form dd select.tel {width:100px;}
.join-wrap .content dl.form dd button {padding:0 1rem;height:3.8rem;border:none;font-size:1.6rem;border-radius:5px; background:#999;color:#fff;}
.join-wrap .content dl.form dd span {display:inline-block;margin-left:10px;font-size:1.4rem;font-weight:500;color:#ef873b;}

.join-wrap .content-login {width:40%;margin:5rem auto;}
.join-wrap .content-login li {width:100%;padding: 1rem 0;}
.join-wrap .content-login li input {width:100%;line-height:5.5rem;border: 1px solid #ccc;font-size:2rem;text-indent:2rem;}
.join-wrap .content-login li input::placeholder {color:#aaa;}
.join-wrap .content-login li button {transition: transform .3s;}
.join-wrap .content-login li button.sch-id,
.join-wrap .content-login li button.sch-pw {padding: 0 1rem;margin:2rem 0;border: none;background: none;font-size:1.8rem;color:#666;font-weight:300;}
.join-wrap .content-login li button.sch-id:hover, 
.join-wrap .content-login li button.sch-pw:hover {font-weight:400;color:#333;}
.join-wrap .content-login li button.login {width:100%;line-height:6rem;margin:1rem 0;background:var(--mainC1);color:#fff;font-size:2rem;border: 1px solid var(--mainC1);}
.join-wrap .content-login li button.join {width:100%;line-height:6rem;margin:1rem 0;background:none;color:var(--mainC1);font-size:2rem;border: 1px solid var(--mainC1);}
.join-wrap .content-login li button.login:hover,
.join-wrap .content-login li button.join:hover {transform: translateY(-3px);}
}
/* design */
@media(max-width:10000px){
p.toptxt {font-weight:500;}

.txt-wrap {display:inline-block;width:100%;}
.txt-wrap.bg {padding:2rem 3rem;border: 1px solid #ccc;background:#f9f9f9;}
.txt-wrap.bg2 {padding:2rem 3rem;border: 1px solid #ccc;background:#f9f9f9 url(../images/design/bg1.png)no-repeat right bottom;}
.txt-wrap ul li {padding:0.5rem 0rem 0.5rem 3rem; font-size:1.8rem;color:#333;line-height:2.4rem;}
.txt-wrap ul li.fz16:has(span.super) {color:#666;line-height:2.2rem;}
.txt-wrap ul.point {width:100%;}
.txt-wrap ul.point li {width:100%;padding:0.5rem 1.5rem 0.5rem 3.5rem;font-size:1.8rem;color:#333;line-height:2.4rem;}
.txt-wrap ul.point li:before {margin-left:-1.5rem;margin-right:1rem;padding:0;content:'\f0c8';font-family: 'FontAwesome'; color:var(--pointC1);font-size:.7rem;vertical-align: middle;}
.txt-wrap ul.point li.np:before {margin-right:0rem;content:'';}

.txt-wrap ol {display:flex;justify-content:space-between;align-items:top;flex-wrap:wrap;width:100%;}
.txt-wrap ol.li3 {justify-content:left;}
.txt-wrap ol li {font-size:1.8rem;color:#333;border-radius:10px;}
.txt-wrap ol.li3 li {width:calc(33.3% - 2rem);margin-right: 3rem;padding:1.5rem;margin-bottom:2rem;background:#f3f3f3;}
.txt-wrap ol.li3 li:nth-child(3n) {margin-right:0rem;}
.txt-wrap ol.li4 li {width:calc(25% - 1.5rem);padding:1.5rem;margin-bottom:2rem;background:#f3f3f3;}
.txt-wrap ol.li3 li:nth-child(3n) {margin-right:0rem;}
.txt-wrap ol.li4 li {width:calc(25% - 1.5rem);padding:1.5rem;margin-bottom:2rem;background:#f3f3f3;}
.txt-wrap ol.li5R li {position:relative;width:16%;height:20rem;padding:1.5rem;margin-bottom:2rem;background:#f3f3f3;font-size:2rem;text-align: center;border-radius:300px;font-weight:500;}
.txt-wrap ol.li5R li:before {position:absolute;left:-26%;top:50%;transform: translateY(-50%); content:'\f30b';font-family: 'FontAwesome';font-size:200%;color:#ccc;}
.txt-wrap ol.li5R li:first-child:before {content:'';}
.txt-wrap ol li.linobg {background:#fff;text-align: center;}
.txt-wrap ol li.ngiibg {background:#fff url(../images/design/ngii2.gif)no-repeat center 4rem;text-align: center;}
.txt-wrap ol li span {display:inline-block;width:100%;padding:1.5rem;background:linear-gradient(#0980B6, #0993D1);text-align: center;font-weight:500;color:#fff;border-radius:5px;}
.txt-wrap ol.li5R li span {position:relative;display:inline-block;width:100%;line-height:5rem;margin:0rem 0 1rem 0;background:linear-gradient(#0980B6, #0993D1);text-align: center;font-weight:500;color:#fff;border-radius:1000px 1000px 0 0;}
.txt-wrap ol.li5R li span:after {position:absolute;bottom:-1rem;left:50%;transform: translateX(-50%);content:'\f141';color:#fff;font-family: 'FontAwesome';font-size:1.6rem;opacity:.5;}
.txt-wrap ol li span b {font-size:2.4rem;}
.txt-wrap ol.li5R li span b {font-size:3.4rem;}
.txt-wrap ol li p {position:relative;display:inline-block;width:100%;padding:.5rem 1rem .5rem 2rem;font-size:1.6rem;line-height:2.2rem;}
.txt-wrap ol.np li p {word-break: keep-all;}
.txt-wrap ol li p:before {content:'•';margin:0 5px 0 -1.3rem;color:var(--pointC1);}
.txt-wrap ol.np li p:before {content:'';margin:0;}
.txt-wrap ol li p:nth-of-type(1) {margin-top:2rem;}
.txt-wrap ol li p b {color:var(--mainC1);}
.txt-wrap dl {width:100%;}
.txt-wrap dl dt {margin-bottom:1rem;font-size: 2rem;font-weight:600;color:#333;}
.txt-wrap dl dd {margin-bottom:2.5rem;font-size: 1.8rem;line-height:2.4rem;}
.txt-wrap dl dd p {padding:0 0 1rem 1.5rem;font-size: 1.8rem;line-height:2.4rem;}
.txt-wrap dl dd p:before {content:'•';margin-left:-1.5rem;margin-right:.5rem;color:#222;}

.img-wrap {width:100%;display:flex;justify-content:center;align-items:top;flex-wrap:wrap;}
.img-wrap img {max-width:100%;} 
.img-wrap div span {position:absolute;right:.5rem;bottom:.5rem;padding:.5rem;background:#fff;font-size:1.4rem;color:#888;text-align: right;} 
.img-wrap div.imgbg {position:relative;width:100%;border:2rem solid #f3f3f3;background:#f3f3f3;text-align: center;} 
.img-wrap div.img {position:relative;display:inline-block;width:100%;height:auto;padding:2rem;background:#f3f3f3;} 
.img-wrap div.img img {position:relative;top:50%;left:50%;transform: translate(-50%,-50%);} 
.img-wrap div.imgtxt {position:relative;display:inline-block;width:100%;height:auto;padding:1rem;font-size:1.8rem;line-height:2.4rem;} 
.img-wrap div.imgtxt>.title{width:100%;padding:1.5rem;margin-bottom:1.5rem;background:var(--mainC3);font-weight:500;color:#fff;font-size:1.8rem;border-radius:5px;} 
.img-wrap div.imgtxt>ul>li {padding:0 0 10px 0;color:#333;font-size:1.6rem;}
.img-wrap div.imgtxt>ul>li:before {content:'\f00c';font-family:'FontAwesome';margin-right:10px;color:var(--mainC1);}
.img-wrap.d2>div {width:calc(50% - 1.5rem);margin-right:3rem;} 
.img-wrap.d3>div {width:calc(30% - 1.5rem);margin-right:3rem;text-align: center;} 
.img-wrap.d3100>div {width:calc(32.9% - 1.5rem);margin-right:3rem;text-align: center;}
.img-wrap div:nth-last-of-type(1) {margin-right:0rem;} 
.img-wrap .left {float: left;width:60%;padding-right:2rem;line-height:2.8rem;overflow:hidden;text-align: left;}
.img-wrap .right .centerimg {width:100%;height:100%;background:url(../images/design/greeting.jpg)no-repeat left -250px center/cover;}
.img-wrap .right img {width:100%;height:100%;}
.img-wrap .right {float: right;width:40%;padding-left:2rem;line-height:2.8rem;}
.img-wrap p {line-height:3rem;}
.img-wrap p.fz24 {font-weight:600;line-height:3.6rem;}
.img-wrap p.fz24 strong {color:var(--mainC1);}
.img-wrap p.fz28.fwb:before {display:inline-block;margin:-1rem 1.5rem 0 0;content:'\f10d';font-family:'Font Awesome 6 Free';color:#aaa;}
.img-wrap p.fz28.fwb:after {display:inline-block;margin:-1rem 0 0 1.5rem;content:'\f10e';font-family:'Font Awesome 6 Free';color:#aaa;}

.img-wrap>.img.introbg {width:calc(100% - 4rem);height:20rem;margin:2rem;background:url(../images/design/nsintro_intro2_1_eng.png)no-repeat center/100%;text-indent:-9999px;}

.movie-wrap {width:100%;height:800px;}

.table-wrap {display:inline-block;width:100%;text-align: center;}
.table-wrap p {font-size:1.8rem;line-height:2.4rem;}
.table-wrap.pd20 {padding:2rem;background:#f3f3f3;}
.table-wrap .tableTitle {display:inline-block;width:100%;padding:1.5rem 2rem;margin-bottom: 1rem;font-size:1.8rem;color:#fff;background:var(--mainC3);text-align: left;}
.table-wrap .tableTitle button {width:6rem;margin-left:1rem;height:2.4rem;color:#fff;font-size:1.4rem;font-weight:500;border: 1px solid rgba(255,255,255,.3);background: none;}
.table-wrap .tableTitle button.on {background:var(--pointC1);}
.table-wrap table {width:100%;margin:0 auto;border-collapse: collapse;border-top: 2px solid var(--mainC3);}
.table-wrap table th {padding:1rem 2rem;height:5rem;color:#333;background:#eff0f3;border-bottom: 1px solid #c2c3cc;border-right: 1px solid #c2c3cc;font-size:1.8rem;line-height:2.2rem;}
.table-wrap table th:last-child {border-right:0;}
.table-wrap table td {padding:1rem 2rem;height:5rem;color:#666;border-bottom: 1px solid #c2c3cc;border-right: 1px solid #c2c3cc;text-align: left;font-size:1.8rem;line-height:2.4rem;background:#fff;word-break: keep-all;}
.table-wrap table td:last-child {border-right:0;}
.table-wrap table td img {max-width:100%;}
.table-wrap table td b {display:inline-block;}
.table-wrap table.tac td {text-align: center;}
.table-wrap table.vat td {vertical-align: top;}
.table-wrap table th.bg {background:var(--mainC3);color:#fff;}
.table-wrap table th.bg2 {background:#e5e7ee;}
.table-wrap table tr.border {border-bottom: 2px solid #c2c3cc;}
.table-wrap table tr.border th {border-bottom: 0;}
.table-wrap table tr.border td {border-bottom: 0;}

.sitemap {display:inline-block;width:100%;margin:0rem 0 0 0;}
.sitemap dt {width:100%;margin-top:3rem;padding:2rem 0;font-size:2.4rem;font-weight:600;color:#222;border-bottom: 1px solid #ccc;}
.sitemap dd {width:100%;}
.sitemap dd>ul {display:flex;justify-content:left;align-items:top; flex-wrap: wrap; width:100%;}
.sitemap dd>ul>li {width:calc(25% - .6rem);margin:2rem .75rem 0rem 0;}
.sitemap dd>ul>li:nth-child(4n) {margin-right:0rem;}
.sitemap dd>ul>li>a {display:inline-block;width:100%;padding:1.4rem 0;font-size:2rem;font-weight:500;color:#333;text-align: center;border: 1px solid #ddd;border-radius:5px;background:#f9f9f9;}
.sitemap dd>ul>li>a:after {float: right;content:'\f0a9';margin-right:1.5rem;font-family:'FontAwesome';color:#ccc;}
.sitemap dd>ul>li>a:hover {border: 1px solid var(--pointC1);}
.sitemap dd>ul>li>a:hover:after {color:var(--pointC1);}
.sitemap dd>ul>li>ul {margin:1.5rem 0 0 0;}
.sitemap dd>ul>li>ul>li>a {display:inline-block;font-size:1.8rem;padding:.5rem 2rem;}
.sitemap dd>ul>li>ul>li>a:hover {color:#333;text-decoration:underline;}

dl.history {display:flex;justify-content:left;align-items:top; flex-wrap: wrap;width:100%;margin-top:4rem;border-top: 2px solid #333;border-bottom: 1px solid #333;background:url(../images/design/bg_history.png)no-repeat right bottom;background-size:40%;}
dl.history dt {display:inline-block;width:25rem;padding:4rem 3rem;font-size:3rem;font-weight:600;color:#222;background:#f3f3f3;text-align: center;}
dl.history dd {display:inline-block;width:calc(100% - 25rem);padding:4rem 3rem;border-left: 1px solid #ccc;}
dl.history dd>ul>li {position:relative;width:100%;padding:0 0 2rem 0;font-size:2rem;color:#444;}
dl.history dd>ul>li>span {display:inline-block;width:50px;margin-right:1.5rem;font-size:2rem;font-weight:600;color:var(--mainC1);text-align: right;}
dl.history dd>ul>li>span:before {position: absolute;left:-3.3rem;top:1rem; content:'';width:6px;height:6px;background:var(--mainC1);border-radius:5px;}
ul.work.ver {display:flex;justify-content:space-between;align-items:top; flex-wrap: wrap;width:100%;margin-top:4rem;}
ul.work.ver li {position:relative;width:31%;background:#f3f3f3;}
ul.work.ver li:nth-child(1) {background:#f3f3f3 url(../images/design/work_1.png)no-repeat center 10%;}
ul.work.ver li:nth-child(2) {background:#f3f3f3 url(../images/design/work_2.png)no-repeat center 10%;}
ul.work.ver li:nth-child(3) {background:#f3f3f3 url(../images/design/work_3.png)no-repeat center 10%;}
ul.work.ver li>.title {display:inline-block;width:calc(100% - 8rem);margin:0 4rem;padding:22rem 0 2rem 0;font-size:3rem;color:var(--mainC2);font-weight:bold;text-align: center;border-bottom: 1px solid #ccc;}
ul.work.ver li>.title span {display:inline-block;width:100%;font-size:1.6rem;font-weight:500;color:#5cc5ff;}
ul.work.ver li>.con {display:inline-block;width:100%;padding:2rem 0 4rem 0;}
ul.work.ver li>.con>p {padding:1rem 1rem;font-size:1.7rem;color:#333;text-align: center;letter-spacing:-.1rem;}
ul.work.ver li>.con>p:before {margin:0rem .5rem 0 0 ;content:'⁘';font-size:1.4rem;vertical-align: top;}
ul.work.ver li>.title:before {position:absolute;left:1rem;top:1rem;content:'';width:10px;height:10px;border-radius:10px;background:#fff;}
ul.work.ver li>.title:after {position:absolute;right:1rem;top:1rem;content:'';width:10px;height:10px;border-radius:10px;background:#fff;}
ul.work.ver li>.con:before {position:absolute;left:1rem;bottom:1rem;content:'';width:10px;height:10px;border-radius:10px;background:#fff;}
ul.work.ver li>.con:after {position:absolute;right:1rem;bottom:1rem;content:'';width:10px;height:10px;border-radius:10px;background:#fff;}
ul.work.hor {width:100%;margin-top:4rem;}
ul.work.hor li {position:relative;display:flex;justify-content:center;align-items:top; flex-wrap:nowrap;width:100%;margin-bottom:4rem;background:#f3f3f3;}
ul.work.hor li:nth-child(1) .title {background:#f3f3f3 url(../images/design/work_1.png)no-repeat center top 6rem;}
ul.work.hor li:nth-child(2) .title  {background:#f3f3f3 url(../images/design/work_2.png)no-repeat center top 6rem;}
ul.work.hor li:nth-child(3) .title  {background:#f3f3f3 url(../images/design/work_3.png)no-repeat center top 6rem;}
ul.work.hor li>.title {display:inline-block;width:28rem;margin:4rem;padding:22rem 0 2rem 0;font-size:3rem;color:var(--mainC2);font-weight:bold;text-align: center;}
ul.work.hor li>.title span {display:inline-block;width:100%;font-size:1.6rem;font-weight:500;color:#5cc5ff;}
ul.work.hor li>.con {display:inline-block;width:55rem;margin:4rem 0;padding:2rem 0 2rem 4rem;border-left: 1px solid #ccc;}
ul.work.hor li>.con>p {padding:1rem 1rem;font-size:1.8rem;color:#333;text-align:left;}
ul.work.hor li>.con>p:before {margin:0rem .5rem 0 0 ;content:'⁘';font-size:1.4rem;vertical-align: top;}
ul.work.hor li>.title:before {position:absolute;left:1rem;top:1rem;content:'';width:10px;height:10px;border-radius:10px;background:#fff;}
ul.work.hor li>.title:after {position:absolute;right:1rem;top:1rem;content:'';width:10px;height:10px;border-radius:10px;background:#fff;}
ul.work.hor li>.con:before {position:absolute;left:1rem;bottom:1rem;content:'';width:10px;height:10px;border-radius:10px;background:#fff;}
ul.work.hor li>.con:after {position:absolute;right:1rem;bottom:1rem;content:'';width:10px;height:10px;border-radius:10px;background:#fff;}

ul.etc1 {display:flex;justify-content:center;align-items:center; width:100%;margin-top:2rem;}
ul.etc1>li {position:relative;display:inline-block;margin-right:7rem;}
ul.etc1>li:before {position:absolute;right:-7rem;top:50%;transform: translateY(-50%);content:'';width:7rem;height:10rem;background:url(../images/design/arr1.png)no-repeat center;}
ul.etc1>li:last-child:before {background:none;}
ul.etc1>li:nth-child(1){width:calc(20% - 7rem);line-height:10rem;background:var(--mainC1);border-radius:5px;text-align: center;vertical-align: middle;color:#fff;font-size:2.4rem;font-weight:500;}
ul.etc1>li:nth-child(2) {width:59%;height:100%;padding:1rem;background:#f3f3f3;border-radius:5px;}
ul.etc1>li>table {width:100%;border-spacing:1rem;}
ul.etc1>li>table th {width:33.3%;height:5rem;border-radius:5px;background:var(--mainC1);text-align: center;color:#fff;font-size:2rem;font-weight:500;}
ul.etc1>li>table td {background:#fff;padding:1rem;vertical-align: top;line-height:2.2rem;border-radius:5px;font-size:1.6rem;}
ul.etc1>li:nth-child(3){width:calc(20% - 7rem);margin-right:0;padding:.5rem;background:var(--mainC1);border-radius:5px;}
ul.etc1>li:nth-child(3) img {width:100%;}
ul.etc1>li:nth-child(3) p {width:100%;padding:1rem;background:var(--mainC1);color:#fff;text-align: center;font-size:1.8rem;}

ul.step {display:flex;justify-content:space-between;align-items: top;flex-wrap:nowrap;margin: 2rem;}
ul.step>li {max-width:28rem;}
ul.step>li.arrow1 {width:15%;background:url(../images/design/step1_bg1.png)no-repeat center top/cover;text-indent:-9999px;}
ul.step>li.arrow2 {width:15%;background:url(../images/design/step1_bg2.png)no-repeat center top/cover;text-indent:-9999px;}

ul.outputintro4_7-desc {display:inline-block;width:30%;}
ul.outputintro4_7-desc li {display:flex;justify-content:left;align-items:center; flex-wrap:wrap;width:100%;padding:1.5rem 1rem;margin-bottom:1rem;vertical-align: top;border-radius:10px;background:#f7f2ef;}
ul.outputintro4_7-desc li:last-child {background: none;font-size:1.4rem;line-height:2rem;text-align:left;}
ul.outputintro4_7-desc>li>div:nth-of-type(1) {width:20%;height:100%;vertical-align: middle;}
ul.outputintro4_7-desc>li>div:nth-of-type(1) b {padding:1rem 1.6rem; background:#f08040;color:#fff;border-radius:100px;font-size:2rem;}
ul.outputintro4_7-desc>li>div:nth-of-type(2) {width:80%;padding:0 1rem;}
ul.outputintro4_7-desc>li>div:nth-of-type(2) b {display:inline-block;width:100%;padding:0 0 1rem 0;text-align: left;font-size:2rem;color:#d65b13;}
ul.outputintro4_7-desc>li>div:nth-of-type(2) p {display:inline-block;width:100%;text-align: left;line-height:2.2rem;color:#333;}
ul.outputintro4_7-desc + .img100 {display:inline-block;width:60%;padding-left:5%;}

.locationmap-wrap {display:flex;justify-content:space-between;align-items:top; flex-wrap: wrap;width:100%;margin-top:4rem;}
.locationmap-wrap h4 {background: none;padding:4rem 0 0 0;}
.locationmap-wrap h6 {background: none;padding:0rem 0 2rem 0;}
.locationmap-wrap p {display:inline-block;width:100%;}
.locationmap-wrap>dl {display:flex;justify-content:space-between;align-items:top; flex-wrap: wrap;width:100%;margin-top:2rem;}
.locationmap-wrap>dl>dt {position: relative; width:200px;background:#f3f3f3;padding:3rem;text-align: center;font-size:2.4rem;font-weight:500;color:#333;}
.locationmap-wrap>dl>dt.car:before {position: absolute;left:50%;top:8rem;transform: translateX(-50%); content:'\f5de';font-family:'FontAwesome';font-size:10rem;color:#ddd;}
.locationmap-wrap>dl>dt.subway:before {position: absolute;left:50%;top:8rem;transform: translateX(-50%); content:'\f239';font-family:'FontAwesome';font-size:10rem;color:#ddd;}
.locationmap-wrap>dl>dd {width:calc(100% - 200px);padding:3rem 3rem 0 3rem;}
.locationmap-wrap .map {width:100%;height:400px;background:#f1f1f1;}
.locationmap-wrap .adress {position:relative;width:100%;padding:4rem;background:#f3f3f3;}
.locationmap-wrap .adress:before {z-index:0;position: absolute;right:4rem;bottom:3rem; content:'\f5a0';font-family:'FontAwesome';font-size:14rem;color:#ddd;}
.locationmap-wrap .adress p {width:100%;padding-bottom: 2rem; font-size:2.2rem;color:#222;font-weight:500;text-align: left;}
.locationmap-wrap .adress>dl {position:relative;width:100%;margin-top:1rem;}
.locationmap-wrap .adress>dl>dt {display:inline-block;width:11rem;height:2rem;padding-right:2rem ;font-size:1.8rem;color:#333;font-weight:500;text-align : justify;vertical-align: top;}
.locationmap-wrap .adress>dl>dt:after {	content: '';display: inline-block;height: 0 !important;line-height: 0 !important;width:100%;}
.locationmap-wrap .adress>dl>dd {display:inline-block;/* width:100%; */font-size:1.8rem;}
.locationmap-wrap .greyBox {width:100%;padding:2rem 3rem;margin-top:2rem;background:#f3f3f3;border: 1px solid #ccc;}
.locationmap-wrap .greyBox p {padding:.5rem 0;}

span.super{margin:0 3px;font-size:.9rem;vertical-align: super;font-weight: bold;color:#999;}
a.btn {display:inline-block;padding:1rem 2rem;border: 1px solid #666;color:#333;font-size:1.8rem;background:#f9f9f9;transition: all .3s;}
a.btn:hover {transform: translateY(-3px);}
a.btn i {font-size:1.6rem;vertical-align:top;color:#aaa;}
a.btn i.xi-download {margin-left:.5rem;font-size:2rem;vertical-align:top;color:#aaa;}
a.txtLnk {margin-left:10px;font-size:1.4rem;vertical-align:middle;color:#aaa;}
a.njii {width:80%;height:5.5rem;background:#fff url(../images/design/ngii.gif)no-repeat center;border-radius:5px;color:transparent;}
p.fz20.fwb {color:#333;}
p.text2 {line-height:2.4rem;padding-left:1rem;}
p.text3 {line-height:2.4rem;padding-left:2.5rem;}

.visually-hidden {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.btn_gotop {position:fixed;bottom:20px;right:20px;width:7rem;height:7rem;border-radius:70px;border: none;background: none; opacity: 0;transition: opacity 0.5s ease;}
.btn_gotop i {width:100%;font-size:4rem;color:var(--mainC3);}
.btn_gotop span {display:inline-block;margin-top:.5rem;width:100%;color:var(--mainC3);}
.btn_gotop.show {opacity: 1;}

/* Slider */
.imageCp {display:inline-block;width:100%;height:auto;background:#f3f3f3; text-align: center;}
.imageCp .imgtitle {display:inline-block;margin:2rem 0;padding:1.5rem 4rem;border-radius:10rem;font-size:2rem;font-weight:500;color:#fff;background:var(--mainC2);}
.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; }
.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;}
}

/* 반응형 */

@media (max-width:1360px){
    .btn_gotop.show {opacity: .5;}
    .btn_gotop.show:hover {opacity:1;}

    ul.outputintro4_7-desc {display:inline-block;width:35%;}
    ul.outputintro4_7-desc + .img100 {display:inline-block;width:60%;padding-left:5%;}
}
@media (max-width:1280px){
    .searchform dl dd .preview {width:80%;min-height:35rem;}  
    .boardmenu-wrap ul li a {margin:0 1.8rem;}
    .graph-wrap .num dl dt {font-size:1.5rem;}
    .graph-wrap .num dl dd {font-size:1.3rem;}
    .graph-wrap .num dl dd b {font-size:2.6rem;}
    .map-wrap  {height:45rem;} 
    .img-wrap.d3100>div {width:calc(32.5% - 1.5rem);}
    .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;}
    .photo-wrap li div img {height:30rem;}
    .filming-status .legend {right:2rem;top:44%}

    .filming-status .legend-cont ul{background:url(../images/design/bg_fs3.png)no-repeat center top /40%;}

    a.njii {width:100%;}
}

@media (max-width:1210px){
    .legend-cont .topbox{width: 34%;}
}

@media (max-width:1140px) {
    .filming-status .map>div.gyeonggi {left:26.7%;bottom:49%;}
    .filming-status .map>div.seoul {left:35%;bottom:42.5%;}
    .filming-status .map>div.gangwon {left:48%;bottom:49%;}
    .filming-status .map>div.incheon {left:22.2%;bottom:42%;}
    .filming-status .map>div.chungbuk {left:46.3%;bottom:37.8%;}
    .filming-status .map>div.chungnam {left:23%;bottom:33%;}
    .filming-status .map>div.daejeon {left:41%;bottom:18%; z-index: 3;}
    .filming-status .map>div.gyeongbuk {left:56%;bottom:30%;}
    .filming-status .map>div.jeonbuk {left:24%;bottom:23%;}
    .filming-status .map>div.daegu {left:55.8%;bottom:37%;}
    .filming-status .map>div.ulsan {left:59%;bottom:22%;}
    .filming-status .map>div.gwangju {left:35%;bottom:6%;}
    .filming-status .map>div.gyeongnam {left:49%;bottom:8%;}
    .filming-status .map>div.busan {left:59%;bottom:6.8%;}
    .filming-status .map>div.jeonnam {left:22%;bottom:15.9%;}
    .filming-status .map>div.sejong {left:37.2%;bottom:32.7%;}
    .filming-status .map>div.jejudo {left:22%;bottom:5%;}
    .filming-status .map>div.north {left:35%;bottom:57%;}
    .filming-status .map>div.south {left:44%;bottom:34%;}

    .filming-status .legend-cont ul{background:url(../images/design/bg_fs3.png)no-repeat center top /45%;}
}

@media (max-width:1110px) {
    .filming-status .map>div.incheon{left: 19.2%; bottom: 42%;}
    .filming-status .map>div.daegu{left: 58.2%; bottom: 37%;}
    .filming-status .map>div.gyeongbuk{left: 59%; bottom: 30%;}
    .filming-status .map>div.ulsan{left: 63%; bottom: 22%;}
    .filming-status .map>div.busan{left: 61%; bottom: 5.8%;}
    .filming-status .map>div.jejudo{left: 17%;bottom: 5%;}
    .filming-status .map>div.chungbuk{left: 50.3%; bottom: 38.8%;}

    .legend-cont .topbox{width: 35%;}
    .filming-status .legend-cont ul{background: url(../images/design/bg_fs3.png)no-repeat center top /38%;}
    
}

@media (max-width:1041px){
    html {font-size: 9px;}
    /* 게시판 */
    .board-search-wrap select {width:150px;height:40px;padding:0 20px 0 10px;}
    .board-search-wrap input {width:250px;height:40px;}
    .board-search-wrap button {width:40px;height:40px;}
    .board-search-wrap.nototal select {width:19%;}
    .board-search-wrap.nototal input {width:54%;}
    .board-list {margin:15px 0;}
    .board-list-wrap .btn-wrap button {width:auto;height: 45px;}
    .board-view-wrap .btn-wrap button {width:100px;height:45px;}
    .boardmenu-wrap ul {width:100%;display:flex;justify-content: center;}
    .boardmenu-wrap div.total {width:100%;padding:10px 0 10px 0;text-align: right;}

    .board-list-gl ul li {width:33.3%;}
    .board-list-gl ul li:nth-child(4) {border-top: 0px solid #ccc;}
    .board-list-gl ul li:nth-child(3n+1) {border-left: 1px solid #ccc;}
    .board-list-gl ul li:nth-child(4n+1) {border-left: 0px solid #ccc;}
    .board-list-gl ul li:nth-child(1) {border-left: 1px solid #ccc;}
    .board-list-gl ul li>div.download button {line-height:4.5rem;}
    .board-list-gl.li2 ul li:nth-child(4n) {border-left: 0px solid #ccc;}
    .board-list-gl.li2 ul li>div.image {height:30.5rem;}
    .board-list-gl.li2 ul li>div.image.dpview {height:30.5rem;}
    .board-list-gl.li2 ul li>div.download {display:inline-block;width:100%;}

    .board-view-wrap .title-wrap {display:inline-block;padding:0;}
    .board-view-wrap .title-wrap>.title {width:100%;padding:25px;border-bottom: 1px solid #ccc;}
    .board-view-wrap .title-wrap .view-info {width:100%;padding:15px 25px;text-align: left;}

      /* 검색form */
    .searchform dl.dl4 {width:100%;}
    .searchform dl.dl4 dt {width:16rem;}   
    .searchform dl.dl4 dd {width:calc(100% - 16rem);}  
    .searchform dl.dl4 dd:nth-child(4n) {width:calc(100% - 16rem);}  
    .searchform .dl4 + .btn-wrap {/* float:unset; */display:inline-block;width:100%;/* height:5rem; */margin-top:2rem;}  
    .searchform .btn-wrap button.search {background: #1d56bc;}
    .searchform button.url {height:5rem;}  
    .searchform dl dd .preview {width:100%;height:auto;min-height:35rem;}  
    .searchform dl dd .wp50 .preview {height: 20rem;}
    
    /* 소식지 */
    .news-wrap li {height:360px;padding:10px;}
    .news-wrap li .left {width:50%;padding-right:10px;}
    .news-wrap li .right {width:50%;}
    .news-wrap li .right>span.num {font-size:1.7rem;}
    .news-wrap li .right>span.title {margin:10px 0;font-size:2.1rem;}
    .news-wrap li .right>span.subtitle {font-size:1.7rem;}
    .news-wrap li .right>span.btn-wrap button {width:calc(50% - 3px);line-height:40px;font-size:1.5rem;}
    .news-wrap li .right>span.btn-wrap button i {margin-right:5px;}   

    /* 포토게시판 */
    .photo-wrap li div img {height:28rem;}
    .photo-wrap li div span.title {width:100%;font-size:2rem;}
    .photo-wrap li div span.btn-wrap {width:100%;margin-top:2rem;}

    /* 위성궤도정보 */
    .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;}

    /* 관리자 */
    .dashboard-wrap>ul>li {width:100%;border-left: 1px solid #ccc;}
    .dashboard-wrap>ul>li:nth-child(even) {border-left: 0px;}
    .dashboard-wrap li dd.align {/* justify-content: left; */flex-wrap:wrap;}
    .dashboard-wrap li dd div.graph {width: 100%;height: 280px;}
    .dashboard-wrap li dd div.rank>ul li {line-height:3.5rem;}
    .dashboard-wrap li dd div.rank>ul li>span:nth-child(1) {width:3.5rem;height:3.5rem; font-size:2.2rem;}
    .dashboard-wrap li dd div.rank>ul li>span:nth-child(2) {width:70%;font-size:1.8rem;}
    .dashboard-wrap li dd div.w25box {width: calc(50% - 1rem);height: 250px;margin-top:2rem;padding-top: 0;}

    .graph-wrap .graph {width:100%;margin-bottom:30px;}
    .graph-wrap .num {width:100%;height:60px;margin-bottom:30px;background:url(../images/bg_num.jpg)no-repeat 50% 20%/cover;}
    .graph-wrap .num dl {width:60%;height:40px;}
    .graph-wrap .num dl dt {width:25%;font-size:1.8rem;text-align: right;}
    .graph-wrap .num dl dd {width:25%;font-size:1.6rem;text-align: left;}
    .graph-wrap .num dl dd b {font-size:3rem;}

    /* 회원가입 */
    .join-wrap .content ul {padding:5rem 5%;}
    .join-wrap .content dl.form dt {width:100%;margin:1.5rem 0 0 0;}
    .join-wrap .content dl.form dt label {background: none;text-align: left;font-size:1.8rem;}
    .join-wrap .content dl.form dd {width:100%;padding:0rem 0 0rem 0rem;}
    .join-wrap .content-login {width:60%;}

    /* design */
    .img-wrap .left {width:100%;padding-right:0rem;margin-bottom:4rem;}
    .img-wrap .right {width:100%;padding-left:0rem;margin-bottom:4rem;}
    .img-wrap .right img {width:100%;}
    .movie-wrap {height:500px;}

    .locationmap-wrap>dl>dt {width:100%;padding:1.5rem 0;}
    .locationmap-wrap>dl>dt.car:before {content:'';}
    .locationmap-wrap>dl>dt.subway:before {content:'';}
    .locationmap-wrap>dl>dd {width:100%;}
    .locationmap-wrap .map {width:100%;height:300px;}
    .locationmap-wrap .adress {width:100%;}
    .txt-wrap ol.li5R {justify-content:center;}
    .txt-wrap ol.li5R li {height:15rem;margin-right:3%;font-size:1.6rem;}
    .txt-wrap ol.li5R li:before {left:-15%;font-size:2rem;}
    .txt-wrap ol.li5R li span {line-height:3rem;}
    .txt-wrap ol.li5R li span:after {bottom:-.5rem}
    .txt-wrap ol.li5R li span b {font-size:3rem;}
    .filming-status2 {position:relative;width:100%;height:80rem;background:#B5E2E7;}

    ul.etc1 {flex-wrap: wrap;}
    ul.etc1>li {margin-right:0;margin-bottom:7rem;}
    ul.etc1>li:before {right:50%;top:unset;bottom:-7rem;transform: translate(50%,0);content:'';width:100%;height:7rem;background:url(../images/design/arr2.png)no-repeat center;}
    ul.etc1>li:nth-child(1){width:50%;line-height:8rem;}
    ul.etc1>li:nth-child(2) {width:100%;}
    ul.etc1>li:nth-child(2) table {margin: 0 auto;}
    ul.etc1>li:nth-child(3){width:25rem;margin-right:0;padding:.5rem;background:var(--mainC1);}

    ul.outputintro4_7-desc {width:100%;display:flex;justify-content:space-between; flex-wrap:wrap;}
    ul.outputintro4_7-desc li {width:calc(50% - .5rem);padding:2rem 1rem;margin-bottom:1rem;}
    ul.outputintro4_7-desc li:last-child {width:100%;padding:1rem;}
    ul.outputintro4_7-desc>li>div:nth-of-type(1) {width:20%;height:2.8rem;}
    ul.outputintro4_7-desc>li>div:nth-of-type(1) b {padding:1rem 1.6rem; font-size:1.8rem;}
    ul.outputintro4_7-desc>li>div:nth-of-type(2) {width:80%;padding:0 1rem;}
    ul.outputintro4_7-desc>li>div:nth-of-type(2) b {padding:0 0 1rem 0;font-size:1.8rem;}
    ul.outputintro4_7-desc + .img100 {width:100%;padding-left:0%;margin-top:1rem;}

}
@media (max-width:950px){
    .filming-status {height:106rem;}
    /* .filming-status .map {position:relative;top:36rem;width:80rem;height:60rem;background:url(../images/design/koreamap.svg)no-repeat center bottom/80%;}  */
    .filming-status .map {position:relative;top:-13rem;width:61rem !important;height:105rem !important;background:url(../images/design/koreamap.svg)no-repeat left bottom/82% 85%;} 
    
    .filming-status .legend>p:nth-of-type(1){background: url(../images/design/bg_fs3.png)no-repeat center /18%;}
    .filming-status .legend {top:43%;left:47%;}


    .filming-status .map>div.gyeonggi {left:24.7%;bottom:41.5%;}
    .filming-status .map>div.seoul {left:36%;bottom:36.5%;}
    .filming-status .map>div.gangwon {left:50%;bottom:42%;}
    .filming-status .map>div.incheon {left:20%;bottom:36%;}
    .filming-status .map>div.chungbuk{left: 50.3%; bottom: 32.8%;}
    .filming-status .map>div.chungnam {left:20%;bottom:27.5%;}
    .filming-status .map>div.daejeon {left:41%;bottom:16%;}
    .filming-status .map>div.gyeongbuk {left:60%;bottom:28.6%;}
    .filming-status .map>div.jeonbuk {left:23%;bottom:20%;}
    .filming-status .map>div.daegu {left:58.8%;bottom:35%;}
    .filming-status .map>div.ulsan {left:61%;bottom:18%;}
    .filming-status .map>div.gwangju {left:35%;bottom:5%;}
    .filming-status .map>div.gyeongnam {left:49%;bottom:6%;}
    .filming-status .map>div.busan {left:61%;bottom:5.8%;}
    .filming-status .map>div.jeonnam {left:21%;bottom:13%;}
    .filming-status .map>div.sejong {left:38.2%;bottom:27.7%;}
    .filming-status .map>div.jejudo {left:19%;bottom:4%;}
    .filming-status .map>div.north {left:34%;bottom:55%;}
    .filming-status .map>div.south {left:43%;bottom:32%;}

    a.njii {background:#fff url(../images/design/ngii.gif)no-repeat center/contain;}
}

    @media (max-width:900px){
        .legend-cont .topbox{width: 40%; top: 14rem; right: 1%;}

    }

    @media (max-width:880px) {
        .filming-status {height:101rem;}
        .filming-status .legend{top: 0; left: 50%; transform: translateX(-50%); width: 80%;}
        .filming-status .legend>p:nth-of-type(1) {background: url(../images/design/bg_fs3.png)no-repeat center /13%;}
        .filming-status .map {position:relative;top:-1rem;left:28%;transform: translateX(-50%); width:71rem !important;height:93rem !important;background:url(../images/design/koreamap.svg)no-repeat center/64%;}    
        /* .filming-status .map:after {left:5.5rem;width:40rem;} */
        .filming-status2 {position:relative;width:100%;height:70rem;background:#B5E2E7;}
        .legend-tb tr{line-height: 1.8rem;}
        .legend-cont .topbox{top: 8%; right: 1%; width: 41%;}

    
        .filming-status .map>div.gyeonggi {left:36.7%;bottom:49.3%;}
        .filming-status .map>div.seoul {left:46%;bottom:43.5%;}
        .filming-status .map>div.gangwon {left:57%;bottom:49%;}
        .filming-status .map>div.incheon {left:33%;bottom:43%;}
        .filming-status .map>div.chungbuk {left:58.8%;bottom:39%;}
        .filming-status .map>div.chungnam {left:33.5%;bottom:34.5%;}
        .filming-status .map>div.daejeon {left:51%;bottom:20.5%;}
        .filming-status .map>div.gyeongbuk {left:66%;bottom:34.6%;}
        .filming-status .map>div.jeonbuk {left:32%;bottom:26%;}
        .filming-status .map>div.daegu {left:66.8%;bottom:44%;}
        .filming-status .map>div.ulsan {left:68%;bottom:25%;}
        .filming-status .map>div.gwangju {left:45%;bottom:10%;}
        .filming-status .map>div.gyeongnam {left:55%;bottom:11%;}
        .filming-status .map>div.busan {left:67%;bottom:9.8%;}
        .filming-status .map>div.jeonnam {left:32%;bottom:18%;}
        .filming-status .map>div.sejong {left:48.2%;bottom:33.7%;}
        .filming-status .map>div.jejudo {left:32%;bottom:9%;}
        .filming-status .map>div.north {left:38%;bottom:55%;}
        .filming-status .map>div.south {left:45%;bottom:32%;}
    }

@media (max-width:850px){
    
    /* 소식지 */
    .news-wrap li {position:relative;width:50%;height:auto;padding:10px;}
    .news-wrap li .left {width:100%;height:340px;padding-right:0px;}
    .news-wrap li .right {position:unset;width:100%;height:auto;}
    .news-wrap li .right>span.num {margin-top:10px;font-size:2rem;}
    .news-wrap li .right>span.title {margin:10px 0;font-size:2.4rem;}
    .news-wrap li .right>span.subtitle {padding-bottom:50px;font-size:2rem;}
    .news-wrap li .right>span.btn-wrap {margin:10px 0; padding: 0 10px;}
    .news-wrap li .right>span.btn-wrap button {font-size:2rem;}    
}



@media (max-width:756px){
    html {font-size:7.5px;}
    /* 게시판 */
    .board-list-wrap.mgt40  {margin-top:0 !important;}
    .board-search-wrap  {margin-top:15px;}
    .board-search-wrap div.total {float: left;width:100%;padding-top:15px;}
    .board-search-wrap form {display:block;width:100%;margin-top:10px;}
    .board-search-wrap select {width:30%;}
    .board-search-wrap input {width:calc(70% - 50px);}
    .board-search-wrap.nototal input {width:50%;}
    .boardmenu-wrap ul li a {padding:1rem 1.5rem;}
    .board-list table {width:716px;}
    .board-list-wrap .btn-wrap button {width:auto;height: 38px;}
    .board-paging {margin-top:20px;}
    .board-paging a {width:24px;line-height:24px;}

    .board-view-wrap.mgt40 {margin-top:0 !important;}
    .board-view-wrap>.title {padding:15px;}
    .board-view-wrap .view-info {padding:10px 15px;}
    .board-view-wrap .title-wrap>.title {padding:15px;;}
    .board-view-wrap .title-wrap .view-info {padding:10px 15px;}
    .board-view-wrap .info {padding:10px 0px;}

    .board-view-wrap .file {padding:10px 0px;}
    .board-view-wrap .file a {display:inline-block;width:100%;line-height:2.4rem;margin-right:10px;}
    .board-view-wrap .file a:before {display:inline-block;content:'';width: 1.6rem;height:1.6rem;margin-right:5px;background:url(../images/ic_add.png)no-repeat center/contain;}
    .board-view-wrap .text {padding:30px 15px;}
    .board-view-wrap .manager {padding:7px 15px;}
    .board-view-wrap .manager > div:last-child {padding:0;}
    .board-view-wrap .textsub dl.wp50 {width:100% !important;}

    .board-view-wrap .btn-wrap {padding:15px;margin-top:15px;}
    .board-view-wrap .btn-wrap button {width:90px;height:38px;}
    .board-view-wrap .page {margin-top:15px;}
    .board-view-wrap .page > div {padding:7px 0px;}
    .board-view-wrap .page > div span {padding:5px 20px;}

    .board-list-gl ul li {width:50%;height:43rem;}
    .board-list-gl.li1 ul li>div.image {width:100%;}
    .board-list-gl.li2 ul li>div.image {height:27rem;}
    .board-list-gl.li2 ul li>div.image.dpview {height:27rem;}

    .board-list-gl ul li:nth-child(3) {border-top: 0px solid #ccc;}
    .board-list-gl ul li:nth-child(2n+1) {border-left: 1px solid #ccc;}
    .board-list-gl ul li:nth-child(3n+1) {border-left: 0px solid #ccc;}
    .board-list-gl ul li:nth-child(1) {border-left: 1px solid #ccc;}

    .board-list-li ol {width:716px;}
    .board-list-li.li2 ol {width:920px;}
    .board-list-li ol li {line-height:45px;color:#333;font-weight:500;text-align: center;font-size:1.8rem;}

    .board-list-li ul li {width:716px;}
    .board-list-li.li2 ul li {width:920px;}
    .board-list-li ul li>div {line-height:45px;}

    .file_cus {width:100%;}
    .file_cus label {width:100%;}
    .file_cus .file_name {width:calc(100% - 15rem);height:4rem;line-height:4rem;}
    .file_cus .file_btn {width:12rem;height:4rem;line-height:4rem;}

    /* 검색form */
    .searchform dl {width:75%;}   
    .searchform .btn-wrap {width:25%;} 
    .searchform dl dd .preview {min-height:25rem;background-size:20%;}  
    .searchform dl dd .wp50 {width:100% !important;}
    .searchform dl dd .wp50 {width:100% !important;}
    .wp50 .file_cus {height:5rem;padding-bottom:1rem;border-bottom: 1px solid #000;}
    .wp50 .file_cus .file_name {width: calc(100% - 14rem);}

    /* 소식지 */
    /* .news-wrap li {position:relative;width:50%;height:auto;padding:10px;}
    .news-wrap li .left {width:100%;height:340px;padding-right:0px;}
    .news-wrap li .right {position:unset;width:100%;height:auto;}
    .news-wrap li .right>span.num {margin-top:10px;font-size:2rem;}
    .news-wrap li .right>span.title {margin:10px 0;font-size:2.4rem;}
    .news-wrap li .right>span.subtitle {padding-bottom:50px;font-size:2rem;}
    .news-wrap li .right>span.btn-wrap {margin-top:10px;}
    .news-wrap li .right>span.btn-wrap button {font-size:2rem;} */

    /* 포토게시판 */
    .photo-wrap li div img {height:24rem;}

    /* 위성궤도정보 */
    .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;}


    /* 관리자 */
    .menu-admin {position:relative;top:0px;margin-top:-60px;}
    .menu-admin ul li {display:block;width:100%;text-align: center;border-right: 0px;border-bottom: 1px solid rgba(255,255,255,.15);}
    .menu-admin.li3 ul li {width:100%;}
    .menu-admin ul li:first-child {border-radius:10px 10px 0 0px;}
    .menu-admin ul li:last-child {border-radius:0 0 10px 10px;}
    .menu-admin ul li a {padding:10px 0;}

    .dashboard-wrap {margin-top:3rem;}
    .dashboard-wrap>ul>li {width:100%;}
    .dashboard-wrap>ul>li:nth-child(1) {width:100%;border-top: 1px solid #ccc;}
    .dashboard-wrap>ul>li:nth-child(2) {width:100%;border-top: 0px solid #ccc;}
    .dashboard-wrap>ul>li:nth-child(3) {width:100%;}
    .dashboard-wrap>ul>li:nth-child(even) {border-left:1px solid #ccc;}

    .dashboard-wrap li dd div {height:190px;}

    .graph-wrap .graph {width:100%;}
    .graph-wrap .num {width:100%;}
    .graph-wrap .num dl {width:90%;}

    .admin-wrap-margin {margin:-80px 0 -20px 0}

    /* 회원가입 */
    .join-wrap .progress li {font-size:2rem;text-indent:7px;}
    .join-wrap .progress li i {display:none;}
    .join-wrap .content dl.form dt label {line-height:3rem;}
    .join-wrap .content dl.form dd input.email {width:30%;}
    .join-wrap .content dl.form dd input.tel {width:30%;}
    .join-wrap .content dl.form dd input.adress {width:calc(100%);}
    .join-wrap .content dl.form dd select.email {width:30%;}

    /* design */
    .txt-wrap.bg2 {background:#f9f9f9 url(../images/design/bg1.png)no-repeat right center/30%;}
    .txt-wrap ol.li4 li {width:calc(50% - 1.5rem);}
    
    .img-wrap div.img {margin-bottom: 1rem;} 
    .img-wrap div.img img {top:0;transform:translate(-50%,0%);}  
    .img-wrap div.intro-img-wrap img{top: 0 !important;}
    .img-wrap.d2>div {width:calc(100%);/* height:100%; */margin-right:0rem;} 
    .img-wrap.d3>div {width:calc(33.3% - 1rem);margin-right:1rem;}
    .img-wrap.d3100>div {width:100%;}
    .img-wrap>.img.introbg {height:70vw;background:url(../images/design/nsintro_intro2_2_eng.png)no-repeat center/100%}
    .img-wrap > .img.introbg-kor{height:70vw;background:url(../images/design/nsintro_intro2_2.png)no-repeat center/100% !important;}




    .movie-wrap {height:300px;}
    
    .sitemap dd>ul>li {width:calc(50% - .5rem);}
    .sitemap dd>ul>li:nth-child(2n) {margin-right:0rem;}
    dl.history dt {width:100%;padding:2rem 3rem;text-align: left;}
    dl.history dd {width:100%;margin:0rem 0 0 4rem;padding:4rem 0;}
    dl.history dd>ul>li>span:before {left:-.45rem;top:1rem;width:5px;height:5px;}
    ul.work.ver li {width:100%;margin-bottom:2rem;background-size:50%;}
    ul.work.ver li:nth-child(1) {background-size:15rem;}
    ul.work.ver li:nth-child(2) {background-size:15rem;}
    ul.work.ver li:nth-child(3) {background-size:15rem;}
    ul.work.hor li {flex-wrap:wrap;}
    ul.work.hor li>.title {width: 100%;}
    ul.work.hor li:nth-child(1) .title {background: #f3f3f3 url(../images/design/work_1.png) no-repeat center top 1rem;}
    ul.work.hor li:nth-child(2) .title {background: #f3f3f3 url(../images/design/work_2.png) no-repeat center top 1rem;}
    ul.work.hor li:nth-child(3) .title {background: #f3f3f3 url(../images/design/work_3.png) no-repeat center top 1rem;}
    ul.work.hor li>.con {width: 100%;margin:0 4rem;padding: 2rem 0rem;border-top: 1px solid #ccc;border-left: 0px;}

    .txt-wrap ol.li5R li {width:17rem;height:17rem;margin-right:4%;font-size:2rem;}
    .txt-wrap ol.li5R li:before {left:-13%;font-size:2.2rem;}
    .txt-wrap ol.li5R li span {line-height:3.8rem;}
    .txt-wrap ol.li5R li span:after {bottom:-.5rem}
    .txt-wrap ol.li5R li span b {font-size:3rem;}

    /* .filming-status {height:157rem;}
    .filming-status .legend{top: 0; left: 50%; transform: translateX(-50%); width: 80%;}
    .filming-status .legend>p:nth-of-type(1) {background: url(../images/design/bg_fs3.png)no-repeat center /13%;}
    .filming-status .map {position:relative;top:61rem;left:50%;transform: translateX(-50%); width:71rem !important;height:93rem !important;background:url(../images/design/koreamap.svg)no-repeat center/64%;}    
    /* .filming-status .map:after {left:5.5rem;width:40rem;} */
    .filming-status2 {position:relative;width:100%;height:70rem;background:#B5E2E7;} */
    .filming-status2 .worldmap .na {left:20%;bottom:53%;}
    .filming-status2 .worldmap .sa {left:33%;bottom:26%;}
    .filming-status2 .worldmap .eu {left:56%;bottom:59%;}
    .filming-status2 .worldmap .af {left:51%;bottom:43%;}
    .filming-status2 .worldmap .as {left:73%;bottom:54%;}
    .filming-status2 .worldmap .oc {left:78%;bottom:27%;}
    .filming-status2 .worldmap .ko {left:73%;bottom:54%;}

    a.btn {margin:.5rem 0 0 0;padding: .5rem 1rem;}
}
@media (max-width:650px){
    .legend-cont .topbox{width: 45%;}
}

@media (max-width:630px){
    .filming-status .map{top: -2rem;left: 30%;}
}


@media (max-width:610px){
    .filming-status{
        height: 153rem;
        overflow-x: hidden;
    }
    .legend-cont .topbox{
        width: 90%;
        top: 3%;
        right: 50%;
        transform: translateX(50%);
    }
    .filming-status .legend-cont ul {
        background: url(../images/design/bg_fs3.png)no-repeat center top /22%;
    }

    .filming-status .map{
        top: 31%;
        left: 46%;
    }
}


@media (max-width:500px){
    .board-search-wrap.nototal form {display:inline-block;white-space:wrap;}
    .board-search-wrap.nototal select {width:calc(50% - 2.5px);margin-bottom:5px;}
    .board-search-wrap.nototal select:nth-last-of-type(1) {float: right;}
    .board-search-wrap.nototal input {width:calc(100% - 45px);}
    .board-search-wrap.nototal button {float: right;}
    .boardmenu-wrap ul li a {margin:0 1rem;font-size:1.8rem;}
    .boardmenu-wrap ul li a b {font-size:1.8rem;}
    .board-view-wrap .info div:nth-child(odd) {width:10rem;}
    .board-view-wrap .file div:nth-child(1) {width:10rem;}
    .board-view-wrap .textsub dl dt {width:100% !important;line-height:2.5rem;padding:1.5rem 0 0 0;}
    .board-view-wrap .textsub dl dd {width:100%;padding-right:0;}

    .board-paging {margin-top:10px;}
    .board-paging a {width:20px;line-height:20px;}
    .board-view-wrap .manager > div:last-child {margin-top:10px;}
    .board-list-gl ul li {height:40rem;}
    .board-list-gl ul li>div.download button {line-height:5rem;}

    .board-list-gl.li2 ul li:nth-child(1) {border-left: 1px solid #ccc;border-top:  1px solid #ccc;}
    .board-list-gl.li2 ul li:nth-child(2n) {border-left: 1px solid #ccc;border-top: 0 solid #000;}
    .board-list-gl.li2 ul li {width:100%;/* height:47rem; */}
    .board-list-gl.li1 ul li>div.image {height:25rem;}
    .board-list-gl.li2 ul li>div.image {height:30rem;}
    .board-list-gl.li2 ul li>div.image.dpview {height:30rem;}

    /* 검색form */
    .searchform dl {width:100%;}   
    .searchform .btn-wrap {width:100%;line-height:5rem;margin-top:2rem;} 
    .searchform .btn-wrap button span {font-size:2rem;} 
    .searchform .btn-wrap button:before {content:'';} 
    .searchform dl dd .preview {min-height:20rem;}  
    

    /* 소식지 */
    .news-wrap li {width:100%;margin-bottom:10px;border: 1px solid #ccc;}
    
    /* 포토게시판 */
    .photo-wrap li {width:100%;border: 1px solid #ccc;border-bottom: 0;}
    .photo-wrap li:last-child {border-bottom: 1px solid #ccc;}
    .photo-wrap li div img {height:32rem;}

    /* 위성궤도정보 */
    .map-wrap  {height:35em;} 

    /* 관리자 */
    .dashboard-wrap li dd div.graph {height: 220px;}
    .dashboard-wrap li dd div button {margin-top:1.5rem;}
    .graph-wrap .num dl {width:100%;}
    .graph-wrap .num dl dt {font-size:1.6rem;}
    .graph-wrap .num dl dd {font-size:1.3rem;}
    .graph-wrap .num dl dd b {font-size:2.4rem;}

    /* 회원가입 */
    .join-wrap .progress li {line-height:6rem;font-size:1.7rem;text-indent:9px;white-space:nowrap;}
    .join-wrap .txt p.bold {font-size:2.4rem;}
    .join-wrap .content {padding:1rem;}
    .join-wrap .content ul li:nth-child(1) {background-size:80%;}
    .join-wrap .content ul li:nth-child(2) {background-size:80%;}
    .join-wrap .content ul li:nth-child(3) {background:url(../images/bg_join3.png)no-repeat 50% 0rem/90%;}
    .join-wrap .content ul li button {width:11.5rem;height:4.5rem;font-size:1.8rem;}
    .join-wrap .content dl.form dd select.tel {width:30%;}
    .join-wrap .content-login {width:100%;}

    .txt-wrap ol.li3 {justify-content:space-between;}

    .txt-wrap ol.li3 li {width:calc(50% - 1.5rem);margin-right: 0rem;}
    .txt-wrap ol.intro-text-wrap2 li {width: 100%;}

    /* 위성촬영 */
    /* .filming-status .legend>p:nth-of-type(1) {
        background : url(../images/design/bg_fs3.png)no-repeat center top/29%
    }
    .filming-status {height:99rem;}
    .filming-status .legend {width: 70%;}
    .filming-status .map {position:relative;top:34rem;left:50%;transform: translateX(-50%); width:60rem;height:60rem;background:url(../images/design/koreamap_south.svg)no-repeat left bottom/100%;}     */
    /* .filming-status .map:after {left:5.5rem;width:40rem;} */
    /* .filming-status2 {position:relative;width:100%;height:58rem;background:#B5E2E7;}
    .filming-status2 .worldmap {margin-top: 22rem;height:60%;}
    .filming-status2 .worldmap .na {left:20%;bottom:58%;}
    .filming-status2 .worldmap .na .block {height:var(--naS);}
    .filming-status2 .worldmap .sa {left:31%;bottom:30%;}
    .filming-status2 .worldmap .        sa .block {height:var(--saS);}
    .filming-status2 .worldmap .eu {left:54%;bottom:65%;}
    .filming-status2 .worldmap .eu .block {height:var(--euS);}
    .filming-status2 .worldmap .af {left:53%;bottom:45%;}
    .filming-status2 .worldmap .af .block {height:var(--afS);}
    .filming-status2 .worldmap .as {left:73%;bottom:55%;}
    .filming-status2 .worldmap .as .block {height:var(--asS);}
    .filming-status2 .worldmap .oc {left:78%;bottom:30%;}
    .filming-status2 .worldmap .oc .block {height:var(--ocS);}
    .filming-status2 .worldmap .ko {left:73%;bottom:55%;}
    .filming-status2 .worldmap .ko .block {height:var(--koS);}
    .filming-status2 .worldmap .po .block {height:var(--poS);} */

    ul.etc1>li {margin-bottom:5rem;}
    ul.etc1>li:before {bottom:-4.5rem;height:4rem;background:url(../images/design/arr2.png)no-repeat center/contain;}
    ul.etc1>li:nth-child(1){width:60%;line-height:5.5rem;font-size:2.2rem;}
    ul.etc1>li:nth-child(3) p {font-size:2.2rem;}

    ul.outputintro4_7-desc li {width:100%;padding:2rem 1rem;margin-bottom:1rem;}
    ul.outputintro4_7-desc li:last-child {width:100%;padding:1rem;letter-spacing: -.05rem;}

}

@media (max-width:480px){ 
    .filming-status .legend{width: 90%;}
}

@media (max-width:400px){
    .board-view-wrap .title-wrap>.title > ul {width:100%;margin:1.5rem 0 0 0;}
    .board-view-wrap .title-wrap>.title > ul li {padding:0 1rem 0 1rem;}
    .board-view-wrap .title-wrap>.title > ul li:first-child {padding:0 1rem 0 0rem;}

    .txt-wrap ol.li4 li {width:100%;}
    .photo-wrap li div img {height:26rem;}
    .img-wrap.d3>div {width:calc(100%);margin-right:0rem;margin-bottom:1.5rem;}

    .dashboard-wrap li dt .btn-wrap {margin-left: .5rem;}
    .dashboard-wrap li dt .btn-wrap button {min-width:4.5rem;height: 3.2rem;margin: 0 .1rem;font-size: 1.5rem;}
    .dashboard-wrap li dd div.graph {height:180px;}
    .dashboard-wrap li dd div.w25box {width: 100%;height: 250px;}
    .dashboard-wrap li dd div.w25box.rank {width: 100%;height: 200px;}

    /* .filming-status {height:100rem;overflow:hidden;}
    .filming-status .map {overflow:hidden;left:40%;}     */
    /* .filming-status .map:after {left:0;width:100%;} */
    /* .filming-status2 .worldmap {margin-top:25rem;height:52%;}
    .filming-status2 .worldmap .na {left:20%;top:20%;}
    .filming-status2 .worldmap .sa {left:28%;top:45%;}
    .filming-status2 .worldmap .eu {left:54%;top:20%;}
    .filming-status2 .worldmap .af {left:53%;top:43%;}
    .filming-status2 .worldmap .as {left:73%;top:20%;}
    .filming-status2 .worldmap .oc {left:78%;top:55%;}
    .filming-status2 .worldmap .ko {left:73%;top:20%;}
    .filming-status .legend {width:80%;}
    .filming-status .legend>p:nth-of-type(1) {background:url(../images/design/bg_fs2.png)no-repeat center top 1.5rem/35%;}
    .filming-status .legend div p:nth-of-type(1) {padding:0 0 1rem 0;color:#fff;font-size:1.8rem;} */
    .filming-status .map{
        width: 68rem !important;
        height: 93rem !important;
    }

    .filming-status .legend-cont ul{
        background: url(../images/design/bg_fs3.png)no-repeat center top /31%;
    }
    .filming-status .map{
        top: 31%;
        left: 49%;
    
    }

    .filming-status .map>div.gyeonggi {left:36.7%;bottom:49.5%;}
    /* .filming-status .map>div.seoul {left:44%;bottom:42.5%;} */
    /* .filming-status .map>div.gangwon {left:57%;bottom:49%;} */
    .filming-status .map>div.incheon {left:32%;bottom:43%;}
    /* .filming-status .map>div.chungbuk {left:54.8%;bottom:39.5%;} */
    /* .filming-status .map>div.chungnam {left:33.5%;bottom:31.5%;} */
    .filming-status .map>div.daejeon {left:51%;bottom:19.5%;}
    /* .filming-status .map>div.gyeongbuk {left:66%;bottom:34.6%;} */
    .filming-status .map>div.jeonbuk {left:36%;bottom:25%;}
    .filming-status .map>div.daegu {left:65.8%;bottom:44%;}
    .filming-status .map>div.ulsan {left:67%;bottom:26%;}
    .filming-status .map>div.gwangju {left:45%;bottom:11%;}
    /* .filming-status .map>div.gyeongnam {left:55%;bottom:11%;} */
    .filming-status .map>div.busan {left:67%;bottom:10.8%;}
    /* .filming-status .map>div.jeonnam {left:32%;bottom:18%;} */
    /* .filming-status .map>div.sejong {left:47.2%;bottom:33.7%;} */
    .filming-status .map>div.jejudo {left:31%;bottom:11%;}
    /* .filming-status .map>div.north {left:38%;bottom:55%;} */
    /* .filming-status .map>div.south {left:45%;bottom:32%;} */


    .footer-block2{display: block;}

}

@media (max-width:373px){
    .filming-status {
        height: 141rem;
    }
    .plus-txt{padding: 0 1rem;}
    .plus-txt br{display: none;}

    .filming-status .map{
        width: 63rem !important;
        height: 86rem !important;
    }

    .filming-status .map>div.gwangju{bottom: 10.5%;}
    .filming-status .map>div.chungnam {bottom: 33.5%;}

    .map-daegu::before{right: 135%;bottom: -229%;}
    .map-daegu::after{right: -84%;bottom: -212%; width: 13.5rem;}
}

@media (max-width:350px){
    .filming-status .map{
        width: 57rem !important;
        height: 80rem !important;
    }

    .filming-status .map>div.daegu{
        left: 67.8%;
        bottom: 43%;
    
    }
    .filming-status .map>div.busan{
        bottom: 10.8%;
    }

    .filming-status .map>div.ulsan{
        bottom: 26%;
    }
    .filming-status .map>div.jejudo {left: 25%;bottom: 5%;}
    .jejudo-spot.map-spot-right::after{left: 101%; bottom: 53%; width: 1.6rem; transform: rotate(0deg); transform-origin: right;}/*제주특별자치도*/
    .jejudo-spot.map-spot-right::before{left: 120%; bottom: 42%;}/*제주특별자치도*/

    .filming-status .map>div.gyeongnam{left: 59%; bottom: 9%;}
    .filming-status .map>div.daejeon{left: 51%;bottom: 20.5%;}
    .filming-status .map>div.sejong{left: 48.2%;bottom: 35.7%;}
    .filming-status .map>div.jeonbuk{left: 34%;bottom: 27%;}
    .filming-status .map>div.chungnam{bottom: 35%;}
    .filming-status .map>div.incheon{left: 31%; bottom: 44%;}
    .filming-status .map>div.gyeonggi{left: 36.7%;bottom: 52.5%;}
    
    .filming-status .map>div.ulsan{bottom: 26%;left: 69%;}
    .gyeonggi-spot.map-spot-right::after{width: 6rem;transform: rotate(65deg);} /*경기도*/
    .gyeonggi-spot.map-spot-right::before{ left: 108%; bottom: -107%;} /*경기도*/

    .filming-status .map>div.chungbuk{left: 61.8%; bottom: 40%;}

    .filming-status .map>div.daegu{left: 71.8%; bottom: 45%;}

    .filming-status .map>div.gyeongbuk { left: 69%; bottom: 33.6%; }

    .map-daegu::after { right: -56%; bottom: -227%; width: 15.5rem;}
    .map-daegu::before { right: 196%; bottom: -230%; }
    .filming-status .map>div.busan {bottom: 9.8%;}
}

@media (max-width:330px) {
    .filming-status .map>div.daejeon{left: 51%;bottom: 20%;}
    .filming-status .map>div.chungbuk{left: 55.8%; bottom: 40%;}
    .filming-status .map>div.gyeongnam{left: 55.9%; bottom: 11%;}
    .map-daegu::after { transform: rotate(-65deg);}
    .filming-status .map>div.chungbuk {left: 60.8%;bottom: 40%;}
}

.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: 18px;
    height: 3px;
    margin-right: 6px;
    margin-bottom: 3px;
    vertical-align: middle;
}

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

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