.asset_popup{width: 100%; padding:6% 0%; /*background:#efefef;*/ background-image: url(/assets/images/main/asset/btn_bg.png); background-size: cover; background-color:#f4efff; margin: 0 0 7.5em;}
#testwrap {position: relative; display: inline-flex; width:40%; padding: 2rem 0; border-bottom: 1px solid #6740c9; border-top: 1px solid #6740c9; margin: 0 1rem;}
.btn_layerpopup{text-align:center; padding:1rem 2rem; font-size:20px; font-weight: 600; /*background:#6740c9;*/ color:#6740c9; width: 350px; margin: 0 auto;}
.btn_layerpopup button{background: #6740c9; width: 150px; padding: 1rem; color: #fff; margin: 2rem 0 0 0;}
.testheader span{line-height:53px; font-size:1.3rem;}
#layerPopup {position: fixed; right: 10px; bottom: 45px; left: 10px; z-index: 9; margin: 0 auto; display: none; background-color: #fff; width:80%; height:85%; border:3px solid #6740c9; text-align: left;}
.btn_layerpopup img{padding: 0 0 1rem;}
#layerPopup.open {display: block; }
#layerPopup .testheader {position: relative; height:100px; line-height: 50px; font-weight: bold; text-align:inherit; color: #6740c9; background-color: #fff; padding:1.7rem 2rem; }
#layerPopup .testheader .btn_close_layer {position: absolute; top:2rem; right:2rem; display: block; color:#6740c9; line-height:43px; font-size:1rem;}
#layerPopup .layer-containers {position: absolute; top:100px; right: 0; bottom: 0; left: 0; }
#layerPopup .layer-containers .inner {height: 100%; background-color: #fff; border-top: none; }
#layerPopup .layer-containers .box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding:3rem 4rem; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; line-height:1.6; font-size:15px; border-top: 1px solid #ddd; margin:0 auto;}




/*민원신청안내*/
#notice_wrap2{position:relative; display:inline-flex; width:40%; padding: 2rem 0; border-bottom: 1px solid #6740c9; border-top: 1px solid #6740c9; margin: 0 1rem;}
.btn_layerpopup2{text-align:center; padding:1rem 2rem; font-size:20px; font-weight: 600; /*background:#6740c9;*/ color:#6740c9; width: 250px; margin: 0 auto;}
.btn_layerpopup2 button{background: #6740c9; width: 150px; padding: 1rem; color: #fff; margin: 2rem 0 0 0;}
.testheader2 span{line-height:53px; font-size:1.3rem;}
#layerPopup2 {position: fixed; /*top: 10px;*/ right: 10px; bottom: 45px; left: 10px; z-index: 9; margin: 0 auto; display: none; background-color: #fff; width:80%; height:85%; border:3px solid #6740c9; text-align: left;}
.btn_layerpopup2 img{padding: 0 0 1rem;}
#layerPopup2.open {display: block;}
#layerPopup2 .testheader2 {position: relative; height:100px; line-height: 50px; font-weight: bold; text-align:inherit; color: #6740c9; background-color: #fff; padding:1.7rem 2rem;}
#layerPopup2 .testheader2 .btn_close_layer2 {position: absolute; top:1.7rem; right:2rem; display: block; color:#6740c9; line-height:43px; font-size:1rem;}
#layerPopup2 .layer-containers2 {position: absolute; top: 100px; right: 0; bottom: 0; left: 0;}
#layerPopup2 .layer-containers2 .inner {height: 100%; background-color: #fff; border-top: none;}
#layerPopup2 .layer-containers2 .box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding:3rem 4rem; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; line-height:1.6; font-size:15px; border-top: 1px solid #ddd; margin:0 auto; }

/*푸터레이어팝업*/
#layerPopup3 {position: fixed; right: 10px; bottom: 45px; left: 10px; z-index: 9; margin: 0 auto; display: none; background-color: #fff; width:80%; height:85%; border:3px solid #6740c9; text-align: left;}
#layerPopup3 span.purple{font-size: 1.3rem; line-height: 5.3; margin-left: 2%; font-weight: 600; color:#6740c9;}
.btn_layerpopup3 img{padding: 0 0 1rem;}
#layerPopup3.open {display: block;}
#layerPopup3 .testheader2 {position: relative; height:100px; line-height: 50px; font-weight: bold; text-align:inherit; color: #6740c9; background-color: #fff; padding:1.7rem 2rem;}
#layerPopup3 .btn_close_layer {position: absolute; top:1.7rem; right:2rem; display: block; color:#6740c9; line-height:43px; font-size:1rem;}
#layerPopup3 .layer-containers {position: absolute; top: 100px; right: 0; bottom: 0; left: 0;}
#layerPopup3 .layer-containers .inner {height: 100%; background-color: #fff; border-top: none;}
#layerPopup3 .layer-containers .box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding:3rem 4rem; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; line-height:1.6; font-size:15px; border-top: 1px solid #ddd; margin:0 auto; }

#layerPopup4 {position: fixed; right: 10px; bottom: 45px; left: 10px; z-index: 9; margin: 0 auto; display: none; background-color: #fff; width:80%; height:85%; border:3px solid #6740c9; text-align: left;}
#layerPopup4 span.purple{font-size: 1.3rem; line-height: 5.3; margin-left: 2%; font-weight: 600; color:#6740c9;}
.btn_layerpopup4 img{padding: 0 0 1rem;}
#layerPopup4.open {display: block;}
#layerPopup4 .testheader2 {position: relative; height:100px; line-height: 50px; font-weight: bold; text-align:inherit; color: #6740c9; background-color: #fff; padding:1.7rem 2rem;}
#layerPopup4 .btn_close_layer {position: absolute; top:1.7rem; right:2rem; display: block; color:#6740c9; line-height:43px; font-size:1rem;}
#layerPopup4 .layer-containers {position: absolute; top: 100px; right: 0; bottom: 0; left: 0;}
#layerPopup4 .layer-containers .inner {height: 100%; background-color: #fff; border-top: none;}
#layerPopup4 .layer-containers .box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding:3rem 4rem; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; line-height:1.6; font-size:15px; border-top: 1px solid #ddd; margin:0 auto; }

#layerPopup5 {position: fixed; right: 10px; bottom: 45px; left: 10px; z-index: 9; margin: 0 auto; display: none; background-color: #fff; width:80%; height:85%; border:3px solid #6740c9; text-align: left;}
#layerPopup5 span.purple{font-size: 1.3rem; line-height: 5.3; margin-left: 2%; font-weight: 600; color:#6740c9;}
.btn_layerpopup5 img{padding: 0 0 1rem;}
#layerPopup5.open {display: block;}
#layerPopup5 .testheader2 {position: relative; height:100px; line-height: 50px; font-weight: bold; text-align:inherit; color: #6740c9; background-color: #fff; padding:1.7rem 2rem;}
#layerPopup5 .btn_close_layer {position: absolute; top:1.7rem; right:2rem; display: block; color:#6740c9; line-height:43px; font-size:1rem;}
#layerPopup5 .layer-containers {position: absolute; top: 100px; right: 0; bottom: 0; left: 0;}
#layerPopup5 .layer-containers .inner {height: 100%; background-color: #fff; border-top: none;}
#layerPopup5 .layer-containers .box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding:3rem 4rem; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; line-height:1.6; font-size:15px; border-top: 1px solid #ddd; margin:0 auto; }

#layerPopup6 {position: fixed; right: 10px; bottom: 45px; left: 10px; z-index: 9; margin: 0 auto; display: none; background-color: #fff; width:80%; height:85%; border:3px solid #6740c9; text-align: left;}
#layerPopup6 span.purple{font-size: 1.3rem; line-height: 5.3; margin-left: 2%; font-weight: 600; color:#6740c9;}
.btn_layerpopup6 img{padding: 0 0 1rem;}
#layerPopup6.open {display: block;}
#layerPopup6 .testheader2 {position: relative; height:100px; line-height: 50px; font-weight: bold; text-align:inherit; color: #6740c9; background-color: #fff; padding:1.7rem 2rem;}
#layerPopup6 .btn_close_layer {position: absolute; top:1.7rem; right:2rem; display: block; color:#6740c9; line-height:43px; font-size:1rem;}
#layerPopup6 .layer-containers {position: absolute; top: 100px; right: 0; bottom: 0; left: 0;}
#layerPopup6 .layer-containers .inner {height: 100%; background-color: #fff; border-top: none;}
#layerPopup6 .layer-containers .box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding:3rem 4rem; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; line-height:1.6; font-size:15px; border-top: 1px solid #ddd; margin:0 auto; }

#layerPopup7 {position: fixed; right: 10px; bottom: 45px; left: 10px; z-index: 9; margin: 0 auto; display: none; background-color: #fff; width:80%; height:85%; border:3px solid #6740c9; text-align: left;}
#layerPopup7 span.purple{font-size: 1.3rem; line-height: 5.3; margin-left: 2%; font-weight: 600; color:#6740c9;}
.btn_layerpopup7 img{padding: 0 0 1rem;}
#layerPopup7.open {display: block;}
#layerPopup7 .testheader2 {position: relative; height:100px; line-height: 50px; font-weight: bold; text-align:inherit; color: #6740c9; background-color: #fff; padding:1.7rem 2rem;}
#layerPopup7 .btn_close_layer {position: absolute; top:1.7rem; right:2rem; display: block; color:#6740c9; line-height:43px; font-size:1rem;}
#layerPopup7 .layer-containers {position: absolute; top: 100px; right: 0; bottom: 0; left: 0;}
#layerPopup7 .layer-containers .inner {height: 100%; background-color: #fff; border-top: none;}
#layerPopup7 .layer-containers .box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding:3rem 4rem; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; line-height:1.6; font-size:15px; border-top: 1px solid #ddd; margin:0 auto; }

#layerPopup8 {position: fixed; right: 10px; bottom: 45px; left: 10px; z-index: 9; margin: 0 auto; display: none; background-color: #fff; width:80%; height:85%; border:3px solid #6740c9; text-align: left;}
#layerPopup8 span.purple{font-size: 1.3rem; line-height: 5.3; margin-left: 2%; font-weight: 600; color:#6740c9;}
.btn_layerpopup8 img{padding: 0 0 1rem;}
#layerPopup8.open {display: block;}
#layerPopup8 .testheader2 {position: relative; height:100px; line-height: 50px; font-weight: bold; text-align:inherit; color: #6740c9; background-color: #fff; padding:1.7rem 2rem;}
#layerPopup8 .btn_close_layer {position: absolute; top:1.7rem; right:2rem; display: block; color:#6740c9; line-height:43px; font-size:1rem;}
#layerPopup8 .layer-containers {position: absolute; top: 100px; right: 0; bottom: 0; left: 0;}
#layerPopup8 .layer-containers .inner {height: 100%; background-color: #fff; border-top: none;}
#layerPopup8 .layer-containers .box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding:3rem 4rem; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; line-height:1.6; font-size:15px; border-top: 1px solid #ddd; margin:0 auto; }


#layerPopup9 {position: fixed; right: 10px; bottom: 45px; left: 10px; z-index: 9; margin: 0 auto; display: none; background-color: #fff; width:80%; height:85%; border:3px solid #6740c9; text-align: left;}
#layerPopup9 span.purple{font-size: 1.2rem; line-height: 5.3; margin-left: 2%; font-weight: 600; color:#6740c9;}
.btn_layerpopup9 img{padding: 0 0 1rem;}
#layerPopup9.open {display: block;}
#layerPopup9 .testheader2 {position: relative; height:100px; line-height: 50px; font-weight: bold; text-align:inherit; color: #6740c9; background-color: #fff; padding:1.7rem 2rem;}
#layerPopup9 .btn_close_layer {position: absolute; top:1.7rem; right:2rem; display: block; color:#6740c9; line-height:43px; font-size:1rem;}
#layerPopup9 .layer-containers {position: absolute; top: 100px; right: 0; bottom: 0; left: 0;}
#layerPopup9 .layer-containers .inner {height: 100%; background-color: #fff; border-top: none;}
#layerPopup9 .layer-containers .box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding:3rem 4rem; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; line-height:1.6; font-size:15px; border-top: 1px solid #ddd; margin:0 auto; }
#layerPopup9 .layer-containers .box .assets-img {text-align: center;}

@media all and (max-width:767px) {
.asset_popup{margin: 0 0 4rem;}
#layerPopup {bottom:5px; width:auto; height:100%;}
#layerPopup2 {bottom:5px; width:auto; height:100%;}
.btn_layerpopup{font-size:15px; font-weight:400; /*margin: 0 0 10px 0;*/ width:200px; padding: 0; line-height: 20px;}    
.btn_layerpopup button{font-size:15px;}    
.btn_layerpopup2{font-size:15px; font-weight:400; width:200px; padding: 0;}
.btn_layerpopup2 button{width:100%;}
.btn_layerpopup button{width:100%;}
.testheader span{line-height:normal; font-size:1.3rem;}    
#layerPopup .layer-containers .box{padding: 2rem 1rem;}
#layerPopup2 .layer-containers2 .box{padding: 2rem 1rem;}
#layerPopup3 .layer-containers .box{padding: 2rem 1rem;}
#layerPopup4 .layer-containers .box{padding: 2rem 1rem;}
#layerPopup5 .layer-containers .box{padding: 2rem 1rem;}
#layerPopup6 .layer-containers .box{padding: 2rem 1rem;}
#layerPopup7 .layer-containers .box{padding: 2rem 1rem;}
#layerPopup8 .layer-containers .box{padding: 2rem 1rem;}
#layerPopup9 .layer-containers .box{padding: 2rem 1rem;}
#layerPopup9 .layer-containers .box .assets-img img{width: 250px; text-align: center;}    
#layerPopup9 span.purple{font-size:14px; line-height:7; margin-left: 5%; font-weight: 600; color:#6740c9;}    
}