/*sublayout*/
#sub{font-size:18px;font-weight:500;color:#585858;}
.sub-visual {position: relative;height: 240px;background-image: url('../images/sub/bg_topsub01.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.sub-visual.sub02 {background-image: url('../images/sub/bg_topsub02.jpg');}
.sub-visual.sub03 {background-image: url('../images/sub/bg_topsub03.jpg');}
.sub-visual.sub04 {background-image: url('../images/sub/bg_topsub04.jpg');}
.sub-visual.sub05 {background-image: url('../images/sub/bg_topsub05.jpg');}
.sub-visual.sub06 {background-image: url('../images/sub/bg_topsub06.jpg');}
.sub-visual.sub07 {background-image: url('../images/sub/bg_topsub07.jpg');}
.sub-visual.sub08 {background-image: url('../images/sub/bg_topsub08.jpg');}
.sub-visual.sub-login{background-image: url('../images/sub/bg_topsub07.jpg');}
.sub-visual.sub-mypg{background-image: url('../images/sub/bg_topsub01.jpg');}
.sub-visual .inner {display: flex;align-items: center;justify-content: center;height: 100%;}
.sub-visual .inner .page-title {text-align: center;opacity: 0;transition: opacity 1s ease-in-out;font-size: 48px;color:#fefefe;font-weight: 800;}
.sub-top {position: relative; border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background-color: #fff;}
.sub-top .inner{display: flex;justify-content: space-between;}
.sub-top .inner .sub-nav{width: calc(100% - 128px); height: 64px;display: flex;align-items: center;}
.sub-top .inner .sub-nav > li{position: relative; display: flex;flex-direction: column;justify-content: center;height: 100%;border-right:1px solid #d8d8d8;text-align: center;max-width:250px;flex:1 1 auto;}
.sub-top .inner .sub-nav > li.home{border-left: 1px solid #d8d8d8;width: 64px;flex:0 0 auto;}
.sub-top .inner .sub-nav > li.home img{width: 18px;}
.sub-top .inner .sub-nav > li .btn-subnav{overflow: hidden; position: relative;width: 100%;padding: 0 35px 0 20px;color: #333333;font-size: 18px;text-align: left;font-weight: 500;height: 24px;white-space: nowrap;text-overflow: ellipsis;}
.sub-top .inner .sub-nav > li .btn-subnav::after{content: "";display: block;width:12px;height: 7px;position: absolute;right:13px;top:50%; transform: translateY(-50%);background: url('../images/sub/arr_sub-nav.png') no-repeat left top;transition: all 0.5s ease; }
.sub-top .inner .sub-nav > li .btn-subnav.on::after{transform: rotate(180deg) translateY(100%);}
.sub-top .inner .sub-nav > li .sub-nav-depth2{display: none;position: absolute;top:62px;left:0;width:100%;padding: 20px 0 0 0; border:1px solid #d8d8d8;border-top:3px solid #003b9e;background-color: #fff;z-index: 2; }
.sub-top .inner .sub-nav > li .sub-nav-depth2 li{padding: 0 10px 0 20px;margin: 0 0 20px 0}
.sub-top .inner .sub-nav > li .sub-nav-depth2 li a{display: block;text-align: left; font-size: 18px;color: #333333;font-weight: 300;line-height: 18px;padding:0;}
.sub-top .inner .sub-nav > li .sub-nav-depth2 li a.opennw::after{display: inline-block;margin-left:3px;}
.sub-top .inner .sub-nav > li .sub-nav-depth2 li a:hover{color:#003b9e}
.sub-top .inner .sub-nav > li .sub-nav-depth2 li a[rel="noreferrer"] {position: relative; padding-right:25px;} /*20250922*/
.sub-top .inner .sub-nav > li .sub-nav-depth2 li a[rel="noreferrer"]::after{content:""; position: absolute; right: 0;top: -2px;display:inline-block;width:17px;height:17px;margin-left:7px;transform:translatey(1px);background: url('../images/common/blank_icon.png') no-repeat left bottom/ 100% auto;} /*20250922*/
.sub-top .inner .sub-util{position: relative; display:flex;}
.sub-top .inner .sub-util > ul{display: flex;}
.sub-top .inner .sub-util > ul > li{position:relative;}
.sub-top .inner .sub-util .btn-print{display: block; width: 64px;height:64px;/* height: 100%; */border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;background: url('../images/common/ico_print.png') 50% 50% no-repeat;}
.sub-top .inner .sub-util .btn-share{display: block;width: 64px;height:64px;/* height: 100%; */border-right:1px solid #d8d8d8;background: url('../images/common/ico_share.png') 50% 50% no-repeat;}

.content{min-height: 500px;padding: 70px 0 110px 0;}

/*Title*/
.title1{color:#2f2f2f;font-size: 34px;font-weight: 800;margin-bottom: 45px;}

/* Align */
.ag-c{text-align: center;}
.ag-l{text-align: left;}
.ag-r{text-align: right;}

/* List */
.list1 > li{position: relative;padding: 0 0 0 11px;margin: 0 0 5px 0;text-align:left;line-height:1.4;}
.list1 > li:last-child{margin-bottom: 0;}
.list1 > li::before{content: "";position: absolute;left:0;top:8px; display: block;width: 4px;height: 4px;background-color:#919191 ; border-radius: 100%;}

/*map*/
.map-year{display: flex;flex-wrap: wrap; gap: 4px;margin: 0 0 60px 0;}
.map-year > li{flex: 1 1 150px;}
.map-year > li > a{display: flex;display: flex;align-items: center;justify-content: center;width: 100%;height: 60px;background-color: #f0f0f0;font-size: 20px;font-weight: 600;  text-align: center;border:1px solid #ebebeb;}
.map-year > li.on > a{border:2px solid #0c2e86;color:#0c2e86;background-color: #fff;}
.map-box{display: flex;margin-top:30px;}
.map-left{flex-shrink: 0;width:527px;height: 697px;background-color: #f0f0f0;padding: 23px 0 0 70px;}
.map-img {position: relative;display: block;width: 433px;height: 642px;background: url(../images/sub/archives/bg_map.png) center  no-repeat; }
.marker{position: absolute; display: block;width: 21px;height: 29px;background-image:  url(../images/sub/archives/bg_marker.png);background-position: center;background-repeat: no-repeat;color:#fff;font-size: 13px;font-weight: 500; text-align: center;line-height: 27px;vertical-align: top;}
.marker:hover,
.marker.on{background-image:  url(../images/sub/archives/bg_marker_over.png);}
.map-right{flex-grow: 1;padding: 0 0 0 37px; height: 697px;overflow-y: auto;}
.map-table{border-top:2px solid #646464}
.map-table > table{table-layout: fixed;width: 100%;}
.map-table > table thead th{height: 60px; text-align: center;background-color: #f7f7f7;font-size: 18px;font-weight: 600; border-bottom: 1px solid #dddddd;border-left :1px solid #dddddd;}
.map-table > table thead tr th:first-child{border-left:0}
.map-table > table tbody td{font-size: 17px;padding: 15px ;border-bottom: 1px solid #dddddd;border-left :1px solid #dddddd;}
.map-table > table tbody td:first-child{border-left:0}
.map-table > table tbody td .list1{margin: 0 10px;}
.map-table > table tbody tr:hover{background-color: #d6e7b9;cursor: pointer;}
.map-table > table tbody .select{background-color: #ebf0f8;}
.map-table > table tbody tr.select:hover{background-color: #ebf0f8;}
.btn-mapdown{display:inline-block;margin:8px auto  0 auto;}

/**/
.seongnam{top:19%;left:25%} /*경기 성남시*/
.hwaseong{top: 22%;left: 17%;} /*경기 화성시*/
.pocheon{top:8%;left:28%} /*경기 포천*/
.yangju{top: 12%;left: 24%;} /*경기 양주*/
.tongyeong{top: 64.5%;left: 53.5%;} /*경남 통영*/
.gimcheon{top: 47.5%;left: 44.5%;}/*경북 김천*/
.uiseong{top: 40%;left: 59%;}/*경북 의성군*/
.busan{top: 60%;left: 68%;;}/*부산*/
.ulju{top: 54%;left: 68%;}/*울주*/
.incheon{top: 17%;left: 16%;}/*인천*/
.yeosu{top: 67%;left: 37%;}/*여수*/
.jeonnam{top: 64%;left: 30%;}/*전라남도*/
.namwon{top: 56%;left: 35%;}/*전북 남원시*/
.jeonju{top: 47%;left: 25%;}/*전북 전주시*/
.jeju{bottom: 5%;left: 13%;}/*제주*/
.changwon{bottom: 36%;left: 60%;}/*창원특례*/
.gongju{top: 33%;left: 25%;}/*충남 공주시*/
.seosan{top: 30%;left: 10%;}/*충남 서산*/
.yeongwol{top: 23%;right: 39%;}/*강원 영월군*/
.seoul{top: 16%;left: 21%;} /*서울*/
.ulsan{top: 53%;right:25%}/*울산*/
.goheung{top: 71%;left: 29%;}/*전남 고흥군*/
.eumseong{top: 26.5%;left: 34%;}/*충북 음성군*/
.taean{top: 31%;left: 6%;}/*충남 태안*/
.wonju{top: 22%;left: 39%;}/*강원 원주*/
.goyang{top: 15%;left: 19.5%;}/*경기 고양*/
.sejong{top: 34%;left: 29%;}/*세종시*/
.gyeongnam{top: 55%;right: 44%;}/*경상남도*/
.gwangju{top: 59%;left: 20%;}/*광주광역시*/
.daejeon{top: 38.5%;left: 31%;}/*대전광역시*/
.suseong{top: 47.5%;right: 37%;}/*대구 수성구*/
.jb-jinan{top: 48%;left: 35%;}/*전북 진안*/


@media screen and (max-width: 1415px) {
	.content .inner{padding: 0 40px;}
	
	/* map */
	.map-left{padding-left: 10px;width: 453px;}
	.map-right{padding-left: 10px;}
	.map-table > table thead th{font-size: 15px;}
	.map-table > table tbody td{font-size: 15px;padding: 5px;}	
}



@media screen and (max-width: 1024px) {
	html{font-size: 14px;}
	.title1{font-size: 24px;margin-bottom: 20px;}
	
	.content{padding: 50px 0 80px 0;}
	.content .inner{padding:0 25px;}

	.sub-visual{padding-top: 10px;height: 145px}
	.sub-visual .inner .page-title{padding: 0 10px;}
	.sub-visual .inner .page-title span{padding-top: 17px;font-size: 30px;font-weight: 600;}
  	.sub-top .inner .sub-util{display: none;}
	.sub-top .inner .sub-nav{height: 42px;width:100%;}
	.sub-top .inner .subNav > li.home{border-left:0}
	.sub-top .inner .sub-nav > li .btn-subnav{font-size: 14px;min-width: inherit;}
	.sub-top .inner .sub-nav > li .sub-nav-depth2{top:40px}
	.sub-top .inner .sub-nav > li .sub-nav-depth2 li{padding-left: 5px;padding-right: 5px;}
	.sub-top .inner .sub-nav > li .sub-nav-depth2 li a{font-size: 14px;}

	/* map */
	.map-year{margin-bottom: 30px;}
	.map-year > li{flex: 1 1 84px;}
	.map-year > li > a{font-size: 16px;height: 45px;}
	.map-table > table thead th{font-size: 14px;height: 35px;}
	.map-table > table tbody td{font-size: 14px;}
}

@media screen and (max-width: 900px) {
	.map-box{display: block;}
	.map-left{width: 100%;padding-left: 0;margin-bottom: 20px;}
	.map-img{margin: 0 auto;}
	.map-right{padding-left: 0;height: 200px;}
}

@media screen and (max-width: 768px) {
	.sub-visual.sub-mypg {background-position-x: 13%;}
	.content{padding: 40px 0 50px 0;min-height: 300px;}

}

@media screen and (max-width: 480px) {
	.content .inner{padding:0 10px;}
	.map-left{height: auto;padding: 10px;}
	.map-img{width: 280px;height: 415px;background-size: 100%;}
	.map-table > table tbody td .list1{margin: 0;}
}




/*============================*/
.aul-bar.inline2{display:flex;flex-wrap: wrap;margin:10px 0 0;gap:10px 30px;}
.aul-bar.inline2 > li{margin:0;}

.narma .clr-blue{color:#036b9b;}

.sub-tit5.ta-cen{text-align:center;}

.img-explan-box{margin-top: 20px;text-align:center;}
.bm-img-explan{font-size:16px;font-weight:500;color: #2f2f2f;text-align:center;margin: 10px 0;}

.pimg-gbox{padding:20px 40px;border-radius: 10px; margin-top: 25px;background: #f3f4f6;}
.pimg-gbox > ul{margin:-10px 0 0;}
.pimg-gbox > ul > li{margin:10px 0 0;display:flex;gap:70px;}
.pimg-gbox .side{width:50%;}
.pimg-gbox .img{display:block;text-align:center;}
.pimg-gbox .img img{width:100%;object-fit: cover;}
.pimg-gbox .txt{font-weight: 700;font-size: 17px;padding-top:4px;text-align:center;}
.pimg-gbox .txt.hole-line{display:block;width:100%;}
.pimg-gbox.style2{padding:20px 0;background:#fff;border:1px solid #ddd;border-top: 2px solid #333;border-radius: 0; }
.pimg-gbox.style2 .side{width:calc(25% - 15px);}
.pimg-gbox.style2 > ul > li{gap:5px 15px;flex-wrap:wrap;justify-content: center;}
.pimg-gbox.style2 > ul > li:not(.t-bar){padding:0 80px;}
.pimg-gbox.style2 .t-bar .txt,
.pimg-gbox.style3 .t-bar .txt{width:100%;background:#f9f9f9;padding-bottom:4px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.pimg-gbox.style2 .img{height:100%;}
.pimg-gbox.style2 .img img{height:100%;max-width:none;}
.pimg-gbox.style3{padding:0;background:#fff;border:1px solid #ddd;border-top: 2px solid #333;border-radius: 0; }
.pimg-gbox.style3 .side{padding:10px;}
.pimg-gbox.style3 > ul{margin:0;}
.pimg-gbox.style3 > ul > li{margin:0;flex-direction: row;gap:0;}
.pimg-gbox.style3 .img img{/*width:400px;height:300px;*/width:auto;}
.pimg-gbox.style3 > ul > li .side:nth-child(1),
.pimg-gbox.style3 .t-bar .txt:nth-child(1){border-right: 1px solid #ddd;}

.drone-form.pd-none{padding:0;}
.drone-form.bd-none{border:0;}

.our-e-area .tit-txt{font-size:20px;font-weight:700;color: #000;text-align:center;}
.our-e-area .ttxt{font-size:17px;font-weight:400;color: #121212;text-align:center;padding-top:10px;}
.our-e-area .img-put{margin-top:20px;padding: 70px 0;background:url('https://www.droneportal.or.kr/upload/smartEditor2.8.2.1/multiupload/10000000001/2020022510542094459b53-4f83-4c36-a24f-579c12c7000f.jpg') no-repeat;background-size:cover;}
.our-e-area .img-put > ul{display:flex;flex-wrap: wrap;align-items: center;justify-content: center;gap:30px;}
.our-e-area .img-put > ul > li{width:200px;height:200px;line-height:200px;font-size:18px;font-weight:600;color:#fff;border-radius: 50%;box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5);background-size:cover;text-align:center;}
.our-e-area .img-put > ul > li:nth-child(1){background:linear-gradient(to right, rgba(18, 45, 210, .8), rgba(18, 45, 210, .5)), url('https://www.droneportal.or.kr/upload/smartEditor2.8.2.1/multiupload/10000000001/202002251055491af34d1a-f151-417f-9fbb-1e2798794893.png') no-repeat 0 100%;}
.our-e-area .img-put > ul > li:nth-child(2){background:linear-gradient(to right, rgba(80, 25, 190, .8), rgba(80, 25, 190, .5)), url('https://www.droneportal.or.kr/upload/smartEditor2.8.2.1/multiupload/10000000001/202002251055491af34d1a-f151-417f-9fbb-1e2798794893.png') no-repeat 0 100%;}
.our-e-area .img-put > ul > li:nth-child(3){background:linear-gradient(to right, rgba(162, 8, 190, .8), rgba(162, 8, 190, .5)), url('https://www.droneportal.or.kr/upload/smartEditor2.8.2.1/multiupload/10000000001/202002251055491af34d1a-f151-417f-9fbb-1e2798794893.png') no-repeat 0 100%;}

a.sshare-style{display:inline-block;color: #2e6fcd;border-bottom: 1px solid #2e6fcd;position:relative;padding-right:20px;line-height: 1.2;font-weight: 400;margin:3px 0 3px 5px;}
a.sshare-style::after{content:'';position:absolute;top:2px;right:0;width:18px;height:18px;background:url(../images/sub/share_icon_blue.png) no-repeat;}

/*table.line-style .bg-l-green{background:#d6f5f5;}*/
table .dt-img-size > img{}
table .bg-clr-blue{background-color:#edf5fb;}
table .tit-clr-blue{color:#137aab;}

.pd-t5{padding-top:5px;}

@media screen and (max-width: 1024px) {
	.pimg-gbox.style2 > ul > li:not(.t-bar){padding:0 40px;}
	.pimg-gbox.style2 .side{width:calc(33.3% - 13px);}
	
	.pimg-gbox.style3 .img img{width:300px;height:200px;}
}

@media screen and (max-width: 768px) {
	.pimg-gbox{padding:20px;}
	.pimg-gbox > ul > li{gap:30px;}
	.pimg-gbox .txt{font-size: 16px;}
	.pimg-gbox.style2 > ul > li:not(.t-bar){padding:0 17px;}
	.pimg-gbox.style2 .side{width:calc(50% - 13px);}
}

/*20250922*/
@media screen and (max-width: 550px) {
	.sub-top .inner .sub-nav > li.home {width: 30px;}
	.sub-top .inner .sub-nav > li.home img {width: 14px;}
	.sub-top .inner .sub-nav > li {max-width: none; width: calc(100% / 4 - 7.5px);}
	.sub-top .inner .sub-nav > li .btn-subnav {padding: 0 15px 0 5px;}
	.sub-top .inner .sub-nav > li .btn-subnav::after {right: 5px; background-size: 10px;}
}
/*20250922*/

@media screen and (max-width: 480px) {
	.pimg-gbox{margin-top:10px;padding:15px;}
	.pimg-gbox > ul > li{flex-direction: column;gap:15px;}
	.pimg-gbox > ul > li + li{margin-top:15px;}
	.pimg-gbox .side,
	.pimg-gbox.style2 .side{width:100%;}
	.pimg-gbox.style2 > ul > li:not(.t-bar){padding: 0 12px;}
	.pimg-gbox.style3 .img img{width: 100%;height: 125px;}
}