@charset "utf-8";
@media all and (max-width:1200px){
  .inner{width: auto; padding: 0 15px;}
  section h2{position: relative; z-index: 9; padding-top: 30px;}

  #wrap footer{justify-content: flex-end;}
  #wrap footer h3{display: none;}
  #wrap footer .top-inner div{flex-direction: column; text-align: right;}
  #wrap footer .inner{margin: 0; justify-content: flex-end; width: 100%;}
  #wrap footer .top-inner p{padding-right: 0;}
  footer .top-inner span{display: block; text-align: right;}
  
  /* header */
  header .main-site,.all-menu,
  .header-search,
  .sub-in .all-menu{display: none;}
  header{border-bottom: 0; height: 70px;}
  header .search{display: block; background:#F2F2F2 url(/images/delimitation/main_search_icon.png)no-repeat center; width: 46px; height: 38px; text-indent: -9999px; border-radius: 6px;}
  header > .inner h1{font-size: 24px;}
  header .right-menu input{width: 200px;}
  header.active{margin-bottom: 70px; transition: all 0.3s;}
  header.line{border-bottom:2px solid #111;}
  .header-search.active{display: flex; position: absolute; justify-content: center; align-items: center; left:0; top:70px; z-index: 8; width: 100%; height: 70px; background: #53D1D3; padding: 10px 30px; box-sizing: border-box;}
  .header-search.active input{width: 100% !important; border-radius: 6px;}
  .header-search.active button{position: relative; right: 35px; top: 0px; z-index: 10; background-size: 100%;}
  section .tab-list{display: flex;}
  section .tab-list a{width: 33.333%; margin: 0; height: 48px; line-height: 48px; color:#fff; text-align: center; position: static; transform: inherit !important; background-image: none !important; text-indent: inherit; border-radius: 6px;}
  section .tab-list a:hover{padding-bottom:0;}
  section .tab-list a.tab1{background-color:#C8806F; border: 1px solid #B76552;}
  section .tab-list a.tab2{background-color:#856F48; border:1px solid #755D34;}
  section .tab-list a.tab3{background-color:#83A63A; border: 1px solid #719427;}
  section .tab-list a.tab4{display:block;background-color: #5ba3a9;border: 1px solid #427e83;margin-right: 0;}
  section .tab-list a + a{margin-left:5px}
  
  .sub-in .tab-list{display: flex;margin-bottom:20px}
  .tab-list a{padding:0 !important;}
  .sub-in .tab-list a{width: 33.333%; margin: 0; height: 48px; line-height: 48px; color:#fff; text-align: center; position: static; transform: inherit !important; background-image: none !important; text-indent: inherit; border-radius: 6px;}
  .sub-in .tab-list a:hover{padding-bottom:0;}
  .sub-in .tab-list a.tab1{background-color:#C8806F; border: 1px solid #B76552;}
  .sub-in .tab-list a.tab2{background-color:#856F48; border:1px solid #755D34;}
  .sub-in .tab-list a.tab3{background-color:#83A63A; border: 1px solid #719427;}
  .sub-in .tab-list a.tab4{display:block;background-color: #5BA3A9;border: 1px solid #427E83;margin-right: 0;}
  .sub-in .tab-list a + a{margin-left: 5px;}
  .sub-in .tab-list a.act{text-decoration: underline;font-size:18px;}
  .sub-in .tab-list a.on{text-decoration: underline;font-size:18px;}

  .sub-in .open-menu{display: inline-block; width: 46px; height: 38px; background: #46B9BC url(/images/delimitation/open-menu.png)no-repeat center; border-radius: 6px; margin-left: 10px; text-indent: -9999px; }
  .sub-in .open-menu.active{background:#FFE1EB url(/images/delimitation/close-menu.png)no-repeat center;}
  .right-menu .open-menu{display: inline-block; width: 46px; height: 38px; background: #46B9BC url(/images/delimitation/open-menu.png)no-repeat center; border-radius: 6px; margin-left: 10px; text-indent: -9999px; } */
  .right-menu .open-menu{background:#FFE1EB url(/images/delimitation/close-menu.png)no-repeat center;}
  .all-nav{display: none; position: fixed !important; left: 0px; right:0px; top: 70px; bottom:0;width: 100%; z-index: 20; background-color: #fff; box-shadow: 0px 4px 4px rgb(0 0 0 / 5%); padding-bottom: 40px;}
  .all-nav li{padding: 0 20px;}
  .all-nav li a{display: block; border-bottom: 1px solid #E8E8E8;}
  .all-nav a{display: inline-block; font-size: 18px; padding:  20px 0;}
  section::before,section::after{background-position: center top 80px;}
  section > .inner:after{top: 70px;}
  section > .inner{height: 670px; min-height: inherit;}
  section h2{padding-left: 0; text-align: center; font-size: 40px;}
  section h2 span{font-size: 46px;}
  section::before,section::before, section::after{background-size: auto 460px; background-position: center top 180px;}
  section > .inner:after{background-size: 100%; width: 200px; height: 200px; top: 190px; }
  footer .top-inner{position: static; padding: 15px 0;}

  #container > h2{padding: 25px 0 20px 0; font-size: 24px;display:none}
  .tab-bar li a{height: 45px; line-height: 45px; font-size: 16px;}

  .orgItem > ul > li > ul li{width: 100px;}
  


  @keyframes mover { 
    0% { transform: translateY(-10px) translateX(-25px); } 20% { transform: translateY(-20px) translateX(-25px); } 100% { transform: translateY(-10px) translateX(-25px)}
    } 

  /* main-site css import */
/* .bbsSearch{padding:20px;}
.bbsSearch .totalNum{position:static;margin-bottom:8px;text-align:left;}
.bbsSearch input[type='text'],
.bbsSearch select,
.bbsSearch input[type="submit"],
.bbsSearch .btnAll{margin:2px 0;} */
.tableList ul li .num{width:50px;}
.tableList ul li .etc{width:220px;}
.moveList ul li.prev a{padding-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.moveList ul li.next a{padding-left:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
	
.mapImg_pver{display: none;}
.mapImg_mver{display: block;}
  
.sub-in h3{padding:0;font-size:24px;text-indent:-99999px;}
.topIconBox{margin: 0 2% 30px;padding:20px 20px 30px;text-align:center;border-bottom-left-radius:60px;}
.topIconBox .icon{position:static;margin-bottom:10px;text-align:center;}
.topIconBox .icon img{width:80px;}
.topIconBox .title{font-size:17px;}
.topIconBox.type3{padding-left:20px;}
.topIconBox.type3 p{font-size:14px;}
.topIconBox p{margin-bottom:15px;font-size:13px;text-align:left;}
	
  
/* 2020-04-05 로그아웃 추가 */
.btn-logeout{padding: 3px 0;width:46px;height:38px;font-size: 14px;line-height: 15px;box-sizing: border-box;}
.btn-logeout br{display:block;}
}
@media all and (max-width:961px){
  .orgItem > ul > li .head{float:left;width:35%;}
	.orgItem > ul > li .head:after{display:none;}
	.orgItem > ul > li .head span{font-size:16px;}
	.orgItem > ul > li .head span b{font-size:20px;}
	.orgItem > ul > li > ul{float:left;padding-left:5%;width:60%;}
	.orgItem > ul > li > ul li{display:block;margin-bottom:10px;width:auto;height:40px;border-radius:10px;line-height:40px;}
	.orgItem > ul > li > ul li b{display:inline-block;margin-left:8px;}
	.orgItem > ul > li > ul li a,
	.orgItem > ul > li > ul li .none{font-size:15px;}
	.orgItem > ul > li > ul li::after{top:-5px;bottom:-5px;left:-3%;height:auto;}
	.orgItem > ul > li > ul li::before{top:50%;left:-3%;width:3%;}
	.orgItem > ul > li > ul li:first-child:before{left:-20%;width:20%;z-index:-1;}
	.orgItem > ul > li > ul li:first-child::after{top:50%;}
	.orgItem > ul > li > ul li:last-child::after{bottom:50%;}

  /* main-site css import */
  .tableList ul li .title a{font-size:16px;}
  .tableList ul li .date{width:90px;font-size:14px;}
  .tableList ul li .num{display:none;}
}
@media all and (max-width:761px){
  .only-mobile{display: block;}
  .only-pc{display: none;}
  body{font-size: 15px;}

  h4{font-size: 18px;}
  .list-con > li,.check-list li{font-size: 15px; margin-bottom: 10px;}
  .list-con > li{display: flex;}
  .list-con > li > b{font-size: 16px; min-width:70px; flex-shrink: 0;}

  .step-list{flex-wrap: wrap;}
  .step-list.col4 > li{width: 100%;}
  .step-list > li{margin-bottom: 15px;}
  .step-list > li:before{right: 50%; top: auto; bottom: -28px; transform: translateX(50%) rotate(90deg);}
  .step-list > li.row {display: flex; justify-content: space-between;}
  .step-list > li.row > div{width: calc(50% - 6px); height: auto; margin: 0!important;}
  .step-list > li > div p br{display: none;}

  
}

@media all and (max-width:640px){
  #container{margin-bottom: 20px; min-height: inherit;}
#subContents{padding-bottom:50px;}
  .row-list > li{flex-direction: column; align-items: flex-start; position: relative;}
  .row-list > li::after{content: ''; position: absolute; background: url(/images/delimitation/main-down-arrow.png)no-repeat; width:8px; height: 32px; left:50%; background-size: cover; background-position: bottom; transform: translateX(-50%); bottom:-32px; z-index: 1;}
  .row-list > li:last-child::after{display: none;}
  .row-list > li strong{display: block; margin:0 auto 20px auto; height: 50px; line-height: 50px; font-size: 16px;}
  .row-list > li strong::after{display: none}

  #container > h2{background: url(/images/delimitation/sub-title-bg.png)repeat; margin: 0 -15px 20px; display:none;}
  #container > h2 span{background:url(/images/delimitation/sub-title.png)no-repeat left center; padding-left: 36px; display:none;}

  .detail-person{align-items: flex-start;}
  .detail-person img{width: 100px; height: auto; padding-bottom: 30px;}
  .detail-person strong{padding-bottom: 20px;}

  .tableCon .list th, .tableCon .list td{font-size: 15px; padding: 5px; word-break: break-all;}
  .tableCon .list th,
	.tableCon .list td{padding:10px 3px;font-size:8px;}
	.tableCon .list th.alignLeft,
	.tableCon .list td.alignLeft,
	.tableCon .list.type2 th,
	.tableCon .list.type2 td{padding:10px 3px;}
	.tableCon .list.type2 th{font-size:14px;}
	.tableCon .list.type3 td{padding:8px 1px;height:50px;box-sizing:border-box;}
	.tableCon .form,
	.tableCon .form tbody,
	.tableCon .form tbody tr,
	.tableCon .form tbody th,
	.tableCon .form tbody td{display:block;}
	.tableCon .form tbody tr{border-bottom:1px solid #e3e3e3;}
	.tableCon .form tbody th{padding:5px 10px;background:#f4f7fe;font-size:14px;border-bottom:1px dotted #e5e9f4;}
	.tableCon .form tbody td{padding:10px;border:none;height:auto;font-size:13px;}
	.tableCon .form label{font-size:13px;}
	.tableCon .form .w280{width:calc(50% - 2px);}
	.tableCon .form .w180{width:calc(50% - 10px);}
	.tableCon .form .w110,
	.tableCon .form .w80{width:calc(33.33% - 8px);}
	.tableCon .form .inputSet + .btn_s{margin-left:7px;}
	.tableCon .tableExp{font-size:13px;}
	.tableCon .reqTop{font-size:13px;}
	.tableView .viewTitle{padding:15px 10px;}
	.tableView .viewTitle b{font-size:16px;line-height:140%;}
	.tableView .viewDetail > li{padding:15px 10px;line-height:24px;font-size:13px;}
	.tableView .viewDetail > li > div{margin:2px 15px 2px 0;width:auto;}
	.tableView .viewDetail > li > div + div{margin-left:0;}
	.tableView .viewDetail > li .head{width:auto;padding-right:8px;font-weight:700;}
	.tableView .viewDetail > li .desc{padding-left:5px;}
	.tableView .viewDetail > li .desc + .head{margin-left:20px;}
	.tableView .viewDetail > li .quickView{margin:5px 10px 0;}
	
	.tableView .viewCon + .viewDetail > li:last-child .head{display:block;}
	.tableView .viewCon + .viewDetail > li:last-child .head:after{display:none;}
	
	.tableView .fileView + .viewDetail > li:last-child .head{display:block;}
	.tableView .fileView + .viewDetail > li:last-child .head:after{display:none;}
	
	.tableView .viewCon{padding:15px 10px;font-size:13px !important;}
	.tableView .viewCon .listCon > li{font-size:13px !important;}

  #daumRoughmapContainer1673501393500,#daumRoughmapContainer1673501393500 div{height: 250px !important;}

  
  /* main-site css import */
  .btnArea{margin:25px 0;}
	.btn_s{padding:0 7px;font-size:13px;}
	.btn_m{padding:10px;min-width:auto;font-size:14px;}
	.btn_l{padding:0 15px;min-width:80px;font-size:15px;}
	.btnArea .btn_l{min-width:80px;}
/* 	.bbsSearch{text-align:left;}
	.bbsSearch input[type="submit"]{width:60px;}
	.bbsSearch input[type='text']{width:calc(50% - 10px);}
	.bbsSearch select{width:calc(50% - 4px);}
	.bbsSearch .totalNum{display:none;}
	.bbsSearch input.useDatepicker{display:none;width:calc(50% - 10px);}
	.bbsSearch .dateMid{display:none;}
	.bbsSearch input[type='text'].w260{width:calc(100% - 114px);}
	.bbsSearch dl{width:100%;font-size:0;}
	.bbsSearch dl dt{margin-right:0;padding-right:5px;width:30%;font-size:14px;box-sizing:border-box;}
	.bbsSearch dl dd{width:70%;}
	.bbsSearch dl dd input[type='text'],
	.bbsSearch dl dd select{width:100% !important;}
	.bbsSearch dl dd + dt{margin-left:0;}
	.bbsSearch dl + input[type="submit"]{margin-left:30%;}
	.bbsSearch.type3{padding:20px 10px;} */
	.totalNum{font-size:14px;}
	.listCondition .sortItem{margin-right:-10px;}
	.tableList ul li{display:block;padding:10px 0;}
	.tableList ul li > *{display:inline-block;padding:3px 10px !important;width:auto !important;height:auto !important;font-size:13px !important;}
	.tableList ul li .num em{width:30px;height:30px;line-height:30px;font-size:13px;}
	.tableList ul li .title{display:block;}
	.tableList ul li .title a{padding:0;line-height:140%;}
  .tableList ul li .date{float:right;padding-top:10px !important;}
  .topIconBox.type3{padding-bottom:20px;border-radius:0;}
  .topIconBox.type3 .icon{display:none;}
  .topIconBox.type3 p{margin-bottom:0;}
  .tableView .viewTitle{padding:15px 10px;}
	.tableView .viewTitle b{font-size:16px;line-height:140%;}
	.tableView .viewDetail > li{padding:15px 10px;line-height:24px;font-size:13px;}
	.tableView .viewDetail > li > div{margin:2px 15px 2px 0;width:auto;}
	.tableView .viewDetail > li > div + div{margin-left:0;}
	.tableView .viewDetail > li .head{width:auto;padding-right:8px;font-weight:700;}
	.tableView .viewDetail > li .desc{padding-left:5px;}
	.tableView .viewDetail > li .desc + .head{margin-left:20px;}
	.tableView .viewDetail > li .quickView{margin:0 10px;}
  .moveList ul li a{overflow:inherit !important;}
	.moveList ul li.next a{padding-right:0;}
	.moveList ul li a span{display:none;}
  .tableView .viewCon + .viewDetail > li:last-child .head{display:block;}
	.tableView .viewCon + .viewDetail > li:last-child .head:after{display:none;}
	
	.tableView .fileView + .viewDetail > li:last-child .head{display:block;}
	.tableView .fileView + .viewDetail > li:last-child .head:after{display:none;}

  .tableView .viewCon{padding:15px 10px;font-size:13px !important;}
	.tableView .viewCon .listCon > li{font-size:13px !important;}

  .mobilePaging{display:block;}
  .paging > a{display: none}
  .managerBox {padding: 15px}
  .managerBox p,.managerBox .icon{font-size: 15px;word-break: keep-all;}
  .managerBox .icon em{padding-left:10px}
  .managerBox .icon em:after{width:6px;height:6px;margin-top:-3px}
  
  
  .bbsSearch{display:block;position:absolute;bottom:0px;margin-top:30px;width:100%;padding:0px;width: calc(100% - 30px);background: none;font-size: 16px;}
.bbsSearch:after{display:block;clear:both;content:'';}
.bbsSearch select{width:25%;float:left;height:40px;line-height:40px;border:solid 1px #5d5d5d;border-radius:5px;-webkit-appearance: none;font-size: 16px;background:#fff url("/images/n21/rvt/m_search_select_bg.png") 90% 50% no-repeat;background-size:15px;}
.bbsSearch div{position:relative;width:74%;float:right;border:solid 1px #5d5d5d;border-radius:5px;}
.bbsSearch input[type="text"]{width:100%;height:40px;line-height:37px;padding:0 50px 0 10px;font-size:16px;border:none;border-radius:5px;outline:none;border:1px solid #5d5d5d;box-sizing: border-box;width: 74%;}
.bbsSearch input::-webkit-input-placeholder { color:#535353 !important;font-size: 16px; }
.bbsSearch input[type="submit"]{position:absolute;top:0;right:10px;width:30px;height:40px;background:url("/images/n21/mrvt/m_btn_board_search.png") 50% 50% no-repeat;background-size:25px;text-indent:-99999px;}
.bbsSearch .btnAll{display:none}
.bbsSearch + .tableList + .paging{padding-bottom:110px;margin-bottom:0px}
.bbsSearch .w260{width:auto}
.bbsSearch .totalNum{display:none;}
.bbsSearch .dateMid{display:none;}
.bbsSearch input.useDatepicker{display:none;}
}

@media all and (max-width:440px){
  header > .inner h1{font-size: 18px;}
  .header-search.active button{position: absolute; top: 25px; right: 40px;}
  section h2{font-size: 32px;}
  section h2 span{font-size: 36px;}
  #wrap.sub-in header h1 a{width: 180px; background-size: 100%;}
  .detail-person{flex-direction: column;}
  .tab-bar li a{font-size: 14px;}
  .list-con.dot > li{flex-direction: column;}
  .list-con.dot > li b{padding-bottom: 6px;}
/*   .bbsSearch select{width:100%}
  .bbsSearch input[type='text']{width:100%} */
  .br_mver{display: block;}
  .tableCon .list th, .tableCon .list td{font-size: 14px;}
  .tableCon .list th, .tableCon .list td{font-size: 14px;}
  .tableCon .list.type2 td{padding:10px 5px;word-break: keep-all;}
  .managerBox p{line-height: 30px;}
  .managerBox .icon{display: block;}
  section > .inner{overflow: hidden;}
  
  .sub-in .tab-list a.act{text-decoration: underline;font-size:16px;}
  .sub-in .tab-list a.on{text-decoration: underline;font-size:16px;}
}
@media all and (max-width:340px){
	.bbsSearch select{display: block;width: 100%;}
	.mobilePaging .mobileNum{margin: 0 5px;}
	section h2 {font-size: 22px;}
	section h2 span{font-size: 26px;}
	.sub-in .tab-list a + a{margin-left: 2px;}
	header > .inner h1{font-size: 14px;}
}
@media all and (max-width:330px){
  .tab-list a{font-size: 12px;margin:0}
}
@media all and (max-width:280px){
  header > .inner h1{font-size: 14px;}
  .content{font-size: 13px;}
  .tab-bar{margin-bottom: 20px;}
  .tab-bar li a{font-size: 12px;}
  .orgItem{margin-bottom: 20px;}
  .btn-wrap a{font-size: 14px;}
  .tableCon .list th, .tableCon .list td{padding: 3px;font-size: 12px;}
  .tableCon .list.type2 td{padding: 5px 2px;}
  .managerBox p{font-size: 14px;}
  .tab-list a{font-size: 11px;margin:0}
	header > .inner h1{font-size: 13px;}
}