@charset "utf-8";

input{padding:0 10px; border: 1px solid #ddd; border-radius:6px; box-sizing:border-box;}
select{-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 10px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; background-image:url(/AppData/images/common/arrow_down_gr.png); background-repeat:no-repeat; background-size:12px auto; background-position:right 10px center;}
select.open{background-image:url(/AppData/images/common/arrow_up_gr.png);}


/* =======================================================
    서비스 신청
========================================================*/
.apply-inner{position:relative; width:100%; max-width:1200px; height:100%; margin:0 auto; padding:0 20px; box-sizing:border-box;}

.header{position:relative; width:100%; height:70px; padding:20px 0; box-sizing:border-box; z-index:1000;}
.header img{max-width:250px;}

.section-apply{width:100%; height:700px; margin-top:-70px; background-image:url(/AppData/images/apply/main_bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center 85%;}
.section-apply .apply-txt-wrap{position:absolute; top:50%; left:20px; transform:translateY(-50%);}
.section-apply .apply-txt{font-size:75px; font-weight:700; letter-spacing:-0.025em; color:#fafaf8; line-height:1.2; text-shadow:0 0 10px rgba(0,0,0,.5);}

.section-apply .btn-apply{position:relative; width:200px; height:55px; margin-top:50px; background: #c89950;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #ecc487, #c89950);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #ecc487, #c89950); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-radius:999px; transform-origin: 100%; overflow:hidden;}
.section-apply .btn-apply .button-txt{position:relative; font-size:20px; font-weight:600; line-height:55px; text-align:center; color:#fafaf8;}
.section-apply .btn-apply::before{content:''; position:absolute; top:0; left:0; transform-origin: 100%; transform: scaleX(0); transition: transform .3s ease; display:block; width:100%; height:100%; background-color: #c89950;}
.section-apply .btn-apply:hover::before{transform-origin: 0; transform: scaleX(1);}

.section-faq{padding:100px 0; box-sizing:border-box;}
.section-tit{margin-bottom:30px; font-size:40px; font-weight:700;}

.faq-search-keyword{margin-bottom:30px;}
.faq-search-keyword ul{width:100%; max-width:960px; margin:0 auto; text-align:center;}
.faq-keyword{display:inline-block; width:auto; min-width:70px; margin-right:15px; margin-bottom:15px; font-weight:500; text-align:center; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; cursor:pointer;}
.faq-keyword.active{font-weight:600; color:#fafaf8; background-color:#222; box-shadow:0 0 15px rgba(0,0,0,.2);}
.faq-keyword:last-child{margin-right:0;}
.faq-keyword a{padding:14px 8px; box-sizing:border-box;}

.faq-item{margin-bottom:20px; border:1px solid #ddd; border-radius:10px;}
.faq-item:last-child{margin-bottom:0;}
.faq-item.nodata{border:none; border-radius:unset;}
.faq-item.nodata .faq-left{width:100%;}
.faq-item.nodata .faq-qust-contents{padding:100px 0; text-align:center; font-weight:500;}

.faq-qust-group{display:flex; align-items:center; padding:20px; box-sizing:border-box; cursor:pointer;}
.faq-left{width:calc(100% - 46px);}
.faq-category{display:inline-block; margin-bottom:7px; padding:4px 8px; color:#c89950; font-size:13px; font-weight:600; background-color:rgba(200, 153, 80, .1); border-radius:4px; box-sizing:border-box;}
.faq-qust-contents{width:100%; font-weight:700; font-size:18px;}
.faq-arrow{width:26px; height:26px; margin-left:20px; background-image:url(/AppData/images/common/arrow_down_gr.png); background-repeat:no-repeat; background-size:15px auto; background-position:center center;}
.faq-arrow.open{background-image:url(/AppData/images/common/arrow_up_gr.png);}
.faq-answ-group{position:relative; display:none; padding:0 20px 20px 20px; color:#666; box-sizing:border-box; transition:.3s;}
.faq-answ-group.open{display:block; transition:.3s;}

.footer{position:relative; width:100%; padding:30px 0; font-size:13px; font-weight:600; background-color:rgba(200, 153, 80, .08); box-sizing:border-box;}
.ft-top img{max-width:180px;}
.ft-middle{margin:20px auto 10px;}
.ft-middle li{position:relative; margin-right:20px;}
.ft-middle li:last-child{margin-right:0;}
.ft-middle li:last-child::after{display:none;}
.ft-middle li::after{content:''; position:absolute; top:50%; right:-10px; transform:translateY(-50%); width:1px; height:70%; background-color:#c89950;}
.ft-middle li.ft-address{width:100%; margin-bottom:3px; word-break:keep-all;}
.ft-middle li.ft-address::after{display:none;}
.ft-bottom{color:#999;}









@media(max-width:1024px){
  .apply-inner{padding:0 15px; overflow:hidden;}
  .header img{max-width:200px;}
  .section-apply .apply-txt-wrap{left:15px;}
  .section-apply .apply-txt{font-size:55px;}
  .section-faq{padding:30px 0 50px;}
  .section-tit{margin-bottom:20px; font-size:24px;}
  .faq-search-keyword{margin-bottom:20px;}
  .faq-keyword a{padding:8px 10px; font-size:14px;}
  .faq-qust-contents{font-size:16px;}
  .ft-top img{max-width:120px;}
}


@media(max-width:690px){
  .header img{max-width:160px;}
  .section-apply{height:350px;}
  .section-apply .apply-txt{font-size:32px;}
  .section-apply .btn-apply{width:140px; height:45px; margin-top:20px; font-size:16px; line-height:45px;}
  .section-apply .btn-apply .button-txt{font-size:14px; line-height:45px;}
  .faq-qust-group{padding:15px;}

  .faq-item.nodata .faq-qust-contents{padding:50px 0;}
}



/* ==================================================================
    숫자 페이징
=================================================================== */
.paging-number{display:flex; justify-content:center; margin:70px auto 0; text-align:center;}
.paging-number a{width:30px; height:30px; margin-right:10px; line-height:30px;}
.page-number-area a:last-child{margin-right:0;}
.page-number-area a:hover{background-color:rgba(200, 153, 80, .1);}
.page-number-area a.active{font-weight:600; color:#fafaf8; background-color:#c89950;}

.paging-number a.paging-arrow{background-repeat:no-repeat; background-size:18px auto; background-position:center center;}
.paging-number a.btn-pprev{background-image:url(/AppData/images/common/arrow_pprev_bk.png);}
.paging-number a.btn-prev{background-image:url(/AppData/images/common/arrow_prev_bk.png);}
.paging-number a.btn-next{background-image:url(/AppData/images/common/arrow_next_bk.png);}
.paging-number a.btn-nnext{margin-right:0; background-image:url(/AppData/images/common/arrow_nnext_bk.png);}


@media(max-width:375px){
    .paging-number a{width:26px; height:26px; margin-right:8px; line-height:26px;}
}





/* ==================================================================
    플로팅
=================================================================== */
.floating{position:fixed; right:1%; bottom:10%; z-index:1000;}
.floating .btn-admin{display:block; width:85px; height:85px; line-height:1.3; background-color:#c89950; border-radius:999px; box-shadow:0 0 15px rgba(51,51,51,.15);}
.floating .btn-admin .txt-wrap{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fafaf8; text-align:center;}


@media(max-width:1024px){
  .floating{right:15px; bottom:7%;}
  .floating .btn-admin{width:65px; height:65px; font-size:12px; letter-spacing:-0.07em;}
}




/* =======================================================
   서비스 신청 팝업
========================================================*/
.dim-layer{position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); z-index: 2000;}
.layer-popup{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); display:none; width:90%; max-width:450px; min-height:350px; max-height:80vh; background-color:#fff; border-radius:10px; overflow:hidden; z-index:2000;}

.popup-header{width:100%; height:50px; padding:0 15px; font-size:18px; font-weight:700; border-bottom:1px solid #ddd; box-sizing:border-box;}
.popup-header .pop-tit{width:calc(100% - 36px); line-height:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.popup-header .pop-close{width:36px; height:50px; background-image:url(/AppData/images/common/close_bk.png); background-repeat:no-repeat; background-size:16px auto; background-position:right center;}

.pop-inner{width:100%; margin:0 auto; padding:25px 15px; box-sizing:border-box; overflow:hidden;}
.popup-cont{width:100%; height:100%; max-height:calc(80vh - 95px); overflow-y:auto;}
.popup-dsc{padding-top:20px; font-size:13px;}
.popup-dsc li{position:relative; padding-left:10px; word-break:keep-all;}
.popup-dsc li::before{content:""; position:absolute; top:10px; left:0; display:inline-block; width:3px; height:3px; border-radius:3px; background-color:#aaa;}

.popup-button{width:100%; margin:40px auto 20px; text-align:center; background-color:#fff;}
.popup-button .pop-btn{height:45px; font-size:16px; font-weight:500; border-radius:4px;}
.popup-button .pop-btn.full{color:#fff; background-color:#000;}
.popup-button .pop-btn.half{width:50%; max-width:120px;}
.popup-button .pop-btn.half.btn-left{margin-right:10px; color:#000; background-color:#fff; border:1px solid #000;}
.popup-button .pop-btn.half.btn-right{color:#fff; background-color:#000; border:1px solid #000;}


.pop-service-wrap dl{width:100%; margin-bottom:20px;}
.pop-service-wrap dl.row-half{width:calc(50% - 5px); margin-right:10px;}
.pop-service-wrap dl.row-half:nth-child(2n){margin-right:0;}
.pop-service-wrap dl:last-child{margin-bottom:0;}
.pop-service-wrap dt{margin-bottom:5px; font-size:14px; font-weight:700; letter-spacing:-0.05em;}
.pop-service-wrap dd{}
.pop-service-wrap dd input{width:100%; height:35px;}
.pop-service-wrap select{width:100%; height:35px;}

.pop-service-wrap .receipt-type-02{margin-top:10px;}
.pop-service-wrap .dsc-txt{display:inline-block; font-size:13px; color:#888;}
.pop-service-wrap .upfile-row{width:100%; margin-bottom:10px; padding:10px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box;}
.pop-service-wrap .upfile-row:last-child{margin-bottom:0;}

.pop-service-wrap .pop-txt{display:inline-block; font-size:13px; font-weight:600; color:#444; line-height:28px;}
.pop-service-wrap .required{font-size:12px; font-weight:700; color:#d72638; line-height:20px;}

.pop-service-wrap .upload-area{display:flex;}
.pop-service-wrap .upload-area .file-box{width:0; height:0; padding:0; border:none; overflow:hidden;}
.pop-service-wrap .upload-area .file-box + label{display:flex; align-items:center; justify-content:center; height:28px; padding:6px; font-size:12px; color:#fafaf8; line-height:28px; background-color:#1a1a1a; border-radius:6px; box-sizing:border-box; cursor:pointer;}

.pop-service-wrap  .upfile-bottom{display:none; margin-top:5px;}
.pop-service-wrap  .upfile-bottom .file-name{font-size:13px; display:block; word-wrap:break-word; line-height:1.2;}





@media(max-width:768px){
    .dim-layer{display:none;}
    .layer-popup{top:0; left:0; transform:unset; width:100%; max-width:100%; height:100%; max-height:unset; border-radius:unset; overflow-y:auto;}
    .popup-cont{height:auto; max-height:unset; overflow-y:unset;}
}