@charset "UTF-8";

.login_applicant_body{background-color: #f2f6f5;}

.login_applicant_wrap{width: 1040px; margin: 0 auto;}

/*타이틀*/
.applicant_title_wrap{padding-top: 40px; margin-bottom: 40px;}
.applicant_title_logo{float: left; width: 176px; height: 40px; background: url(../../images/sub/applicant_title_logo.png) no-repeat 0 0;}
.applicant_title{float: left; width: 588px; height: 28px; margin: 6px 0 6px 34px; background: url(../../images/sub/applicant_title.png) no-repeat 0 0;}

/*콘텐츠*/
.applicant_contents_wrap + .applicant_contents_wrap{margin-top: 20px;}
.applicant_contents_wrap > .left{float: left; width: 50%; padding-right: 10px; box-sizing: border-box;}
.applicant_contents_wrap > .right{float: right; width: 50%; padding-left: 10px; box-sizing: border-box;}

/*로그인*/
.applicant_login_wrap{height: 320px; background-color: #e3ece9; border: 1px solid #d4e1de; border-radius: 16px;}
.applicant_login_list{position: relative; display: flex; flex-wrap: wrap; padding: 0 6px;}
.applicant_login_list > li{flex: 1; padding: 9px 8px 0;}
.applicant_login_list > li:first-child{padding: 9px 3px 0 8px;}
.applicant_login_list > li:last-child{padding: 9px 8px 0 3px;}
.applicant_login_list > li.on{padding-top: 4px;}
.applicant_login_list > li > a{display: block; position: relative; font-size: 18px; line-height: 46px; color: #6b6b6b; font-weight: 400; text-align: center; background-color: #eef4f2; border-radius: 16px 16px 0 0;}
.applicant_login_list > li > a::before{content: ''; position: absolute; bottom: 0; left: -8px; width: 8px; height: 8px; background: url(../../images/sub/applicant_login_list1.png) no-repeat 0 0;}
.applicant_login_list > li > a::after{content: ''; position: absolute; bottom: 0; right: -8px; width: 8px; height: 8px; background: url(../../images/sub/applicant_login_list2.png) no-repeat 0 0;}
.applicant_login_list > li.on > a{font-size: 20px; line-height: 51px; color: #4a6c63; font-weight: 700; background-color: #fff; border-radius: 16px 16px 0 0; z-index: 1;}
.applicant_login_list > li.on > a::before{content: ''; position: absolute; bottom: 0; left: -8px; width: 8px; height: 8px; background: url(../../images/sub/applicant_login_list_on1.png) no-repeat 0 0;}
.applicant_login_list > li.on > a::after{content: ''; position: absolute; bottom: 0; right: -8px; width: 8px; height: 8px; background: url(../../images/sub/applicant_login_list_on2.png) no-repeat 0 0;}
.applicant_login_list > li.on > a > span{display: inline-block; padding-left: 28px; background: url(../../images/sub/applicant_login_list_on_span.png) no-repeat top 16.5px left;}
.applicant_login_list > li > .tab_contents{display: none; position: absolute; top: 55px; right: 0; left: 0; height: 230px; padding-left:25px; padding-right:25px; padding-bottom:25px; padding-top: 10px; background-color: #fff; border-radius: 0 0 16px 16px;}
.applicant_login_list > li.on > .tab_contents{display: block;}
.applicant_notice_wrap{padding: 17px 20px; background-color: #f6f6f6; border-radius: 16px;}
.applicant_notice_list > li{position: relative; padding-left: 14px; font-size: 13px; line-height: 24px;}
.applicant_notice_list > li::before{content: ''; position: absolute; top: 10.5px; left: 0; width: 3px; height: 3px; background-color: #414141;}
.button_wrap_list{display: flex; flex-wrap: wrap; margin-top: 15px;}
.button_wrap_list > li{flex: 1;}
.button_wrap_list > li > a{display: block; position: relative; padding: 13px 20px; font-size: 16px; line-height: 22px; color: #fff; font-weight: 6007; border-radius: 16px;}
.button_wrap_list > li.certificate{padding-right: 5px;}
.button_wrap_list > li.certificate > a{background: url(../../images/sub/certificate_a.png) repeat-y 0 0; background-color: #59b197;}
.button_wrap_list > li.certificate > a::after{content: ''; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: url(../../images/sub/button_wrap_list_a.png) no-repeat left 7px top 9px; background-color: #34705e; border-radius: 100%;}
.button_wrap_list > li.registration{padding-left: 5px;}
.button_wrap_list > li.registration > a{background: url(../../images/sub/registration_a.png) repeat-y 0 0; background-color: #226e8d;}
.button_wrap_list > li.registration > a::after{content: ''; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: url(../../images/sub/button_wrap_list_a.png) no-repeat left 7px top 9px; background-color: #133e4f; border-radius: 100%;}

/* 관리자용 로그인 */
.button_wrap_list > li.certificate2{padding-right: 5px;}
.button_wrap_list > li.certificate2 > a{background: url(../../images/sub/certificate_a.png) repeat-y 0 0; background-color: #59b197;}
.button_wrap_list > li.certificate2 > a::after{content: ''; position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; background: url(../../images/sub/button_wrap_list_a.png) no-repeat left 7px top 9px; background-color: #34705e; border-radius: 100%;}
.button_wrap_list > li.registration2{padding-left: 5px;}
.button_wrap_list > li.registration2 > a{background: url(../../images/sub/registration_a.png) repeat-y 0 0; background-color: #226e8d;}
.button_wrap_list > li.registration2 > a::after{content: ''; position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; background: url(../../images/sub/button_wrap_list_a.png) no-repeat left 7px top 9px; background-color: #133e4f; border-radius: 100%;}
/*               */


.supply_login_list{margin-top: 7px;}
.supply_login_list > li{position: relative;}
.supply_login_list > li + li{margin-top: 5px;}
.supply_login_list > li.key, .supply_login_list > li.password{padding-left: 124px; line-height: 36px; border: 1px solid #cfcfcf; border-radius: 5px;}
.supply_login_list > li.key > label, .supply_login_list > li.password > label{position: absolute; top: 0; left: 15px; width: 77px; padding-left: 32px; font-size: 14px; color: #0a4c4e; font-weight: 600;}
.supply_login_list > li.key > label::after, .supply_login_list > li.password > label::after{content: ''; position: absolute; top: 11px; right: 0; width: 1px; height: 14px; background-color: #dcdcdc;}
.supply_login_list > li.key > label{background: url(../../images/sub/supply_login_list_key.png) no-repeat top 12px left;}
.supply_login_list > li.password > label{background: url(../../images/sub/supply_login_list_password.png) no-repeat top 7.5px left 3px;}
.supply_login_list > li.key > input[type="text"], .supply_login_list > li.password > input[type="password"]{height: 36px; padding: 0 15px; line-height: 36px; border: none;}
.supply_login_list > li > button{width: 100%; font-size: 16px; line-height: 38px; color: #fff; background-color: #0a4c4e; border: none; border-radius: 5px;}

/*연락처*/
.call_info_wrap{height: 270px; padding: 25px; background-color: #f2f4f8; border: 1px solid #d1d8e6; border-radius: 16px;}
.call_info_wrap > .title{padding-left: 30px; font-size: 20px; line-height: 20px; color: #121212; font-weight: 700; background: url(../../images/sub/admin_call_wrap_p.png) no-repeat top 1px left;}
.main_call_wrap{padding: 22.5px 25px; margin: 25px 0 13px; background-color: #e2e6ee; border-radius: 16px;}
.main_call_wrap > span{float: left; font-size: 16px; line-height: 22px; color: #4c6085;}
.main_call_wrap > span > i{font-style: normal; font-weight: 700;}
.main_call_wrap > p{float: right; padding-left: 25px; font-size: 36px; line-height: 44px; color: #394965; font-weight: 700; letter-spacing: -1px; background: url(../../images/sub/main_call_wrap_p.png)no-repeat top 9.5px left;}
.department_list > li{position: relative; padding-left: 134px; font-size: 14px; line-height: 33px; color: #818181; font-weight: 400;}
.department_list > li + li{border-top: 1px solid #e2e6ee;}
.department_list > li > span{position: absolute; top: 0; left: 0; padding-left: 13px; font-size: 15px; color: #505050; font-weight: 600; background: url(../../images/sub/department_list_span.png) no-repeat top 12.5px left;}

/*공지사항*/
.applicant_announcements_wrap{position: relative; height: 277px; padding: 25px; background-color: #fff; border: 1px solid #d4e1de; border-radius: 16px;}
.applicant_announcements_wrap > .title > span{position: relative; font-size: 20px; line-height: 20px; color: #09443f; font-weight: 700;}
.applicant_announcements_wrap > .title > span::after{content: ''; position: absolute; top: -24px; right: 0; left: 0; height: 4px; background-color: #09443f;}
.applicant_announcements_wrap > a.more_button{position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; background: url(../../images/sub/more_button.png) no-repeat center; background-color: #09443f; border-radius: 7px;}
.latest_post_wrap{position: relative; padding: 24px 20px 20px; margin-top: 35px; background-color: #f1f8f7; border: 1px solid #dfedeb; border-radius: 16px;}
.latest_post_wrap::before{content: '새로운 소식'; position: absolute; top: -14px; left: 20px; padding: 0 9px; font-size: 14px; line-height: 26px; color: #09443f; background-color: #fff; border: 1px solid #09443f; border-radius: 14px;}
.latest_post_wrap > a{display: block; font-size: 18px; line-height: 24px; color: #121212; font-weight: 600; word-break: break-all; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2;}
.latest_post_wrap > span{display: block; margin-top: 5px; font-size: 14px; line-height: 14px; color: #a7a7a7; text-align: right;}
.latest_post_table{width: 100%; margin-top: 1px;}
.latest_post_table > tbody > tr > td{position: relative; padding: 13px 0 0; font-size: 14px; line-height: 14px;}
.latest_post_table > tbody > tr > td > a{position: absolute; top: 13px; right: 0; left: 0; color: #121212; text-overflow: ellipsis; font-style: normal; white-space: nowrap; word-wrap: normal; overflow: hidden; box-sizing: border-box;}
.latest_post_table > tbody > tr > td.date{color: #a7a7a7; text-align: right;}

/*관계법령*/
.applicant_laws_wrap{position: relative; height: 277px; padding: 25px; background-color: #fff; border: 1px solid #dddddd; border-radius: 16px;}
.applicant_laws_wrap > .title > span{position: relative; font-size: 20px; line-height: 20px; color: #616161; font-weight: 700;}
.applicant_laws_wrap > .title > span::after{content: ''; position: absolute; top: -24px; right: 0; left: 0; height: 4px; background-color: #838383;}
.applicant_laws_wrap > a.more_button{position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; background: url(../../images/sub/more_button.png) no-repeat center; background-color: #838383; border-radius: 7px;}
.laws_contents{margin-top: 21px;}
.laws_contents > button{float: left; position: relative; width: 220px; height: 235px; padding: 18px; text-align: left; background: url(../../images/sub/laws_contents_button.png) no-repeat 0 0; border: 1px solid #d5d5d5; border-radius: 16px; cursor: pointer;}
.laws_contents > button > p{position: absolute; top: 18px; left: 18px; padding-top: 55px; font-size: 20px; line-height: 28px; font-weight: 600;}
.laws_contents > button > p::before{content: ''; position: absolute; top: 0; left: 0; width: 38px; height: 38px; background: url(../../images/sub/laws_contents_button_p.png) no-repeat center; background-color: #838383; border-radius: 100%;}
.laws_contents > button > span{position: absolute; right: 18px; bottom: 18px; padding: 0 23px 0 12px; line-height: 25px; color: #fff; background: url(../../images/sub/laws_contents_button_span.png) no-repeat right 10px center; background-color: rgba(131, 131, 131, 0.4); border-radius: 12.5px;}
.laws_contents > table.laws_contents_table{float: right; width: 219px; border-bottom: 1px solid #eaeaea;}
table.laws_contents_table > tbody > tr > td{padding: 11px 0; border-top: 1px solid #eaeaea;}
table.laws_contents_table > tbody > tr > td > a{width: 219px; font-size: 14px; line-height: 18px; color: #121212; word-break: break-all; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2;}
table.laws_contents_table > tbody > tr > td > span{display: block; margin-top: 5px; font-size: 14px; line-height: 14px; color: #a7a7a7; text-align: right;}

/*퀵메뉴*/
.quick_menu_wrap{padding: 8px; background-color: #f9f9f9; border: 1px solid #cbcbcb; border-radius: 16px;}
.quick_menu_list{display: flex; flex-wrap: wrap;}
.quick_menu_list > li{flex: 1;}
.quick_menu_list > li + li{padding-left: 5px;}
.quick_menu_list > li > a{display: block; position: relative; height: 100px; padding: 19px; font-size: 13px; line-height: 18px; color: #494949; font-weight: 600; background-repeat: no-repeat; background-color: #fff; border: 1px solid #cbcbcb; border-radius: 10px;}
.quick_menu_list > li > a::after{content: ''; position: absolute; right: 10px; bottom: 10px; width: 28px; height: 28px; background: url(../../images/sub/quick_menu_list_a.png) no-repeat left 6px top 8px; background-color: #fff; border: 1px solid #39ada4; border-radius: 100%;}
.quick_menu_list > li:nth-child(1) > a{background-image: url(../../images/sub/quick_menu_list1.png); background-position: right 22px bottom 22px;}
.quick_menu_list > li:nth-child(2) > a{background-image: url(../../images/sub/quick_menu_list2.png); background-position: right 22px bottom 20px;}
.quick_menu_list > li:nth-child(3) > a{background-image: url(../../images/sub/quick_menu_list3.png); background-position: right 22px bottom 22px;}
.quick_menu_list > li:nth-child(4) > a{background-image: url(../../images/sub/quick_menu_list4.png); background-position: right 22px bottom 23px;}
.quick_menu_list > li:nth-child(5) > a{background-image: url(../../images/sub/quick_menu_list5.png); background-position: right 22px bottom 25px;}
.quick_menu_list > li:nth-child(6) > a{background-image: url(../../images/sub/quick_menu_list6.png); background-position: right 22px bottom 19px;}
.quick_menu_list > li:nth-child(7) > a{background-image: url(../../images/sub/quick_menu_list7.png); background-position: right 22px bottom 21px;}
.quick_menu_list > li:nth-child(8) > a{background-image: url(../../images/sub/quick_menu_list8.png); background-position: right 22px bottom 25px;}

/*푸터*/
.login_applicant_footer{margin-top: 40px; background-color: #e3ece9; border-top: 1px solid #c5d7d2;}
.applicant_company_wrap{border-bottom: 1px solid #d4e1de;}
.applicant_company_wrap > .applicant_company_list{width: 1040px; margin: 0 auto;}
.applicant_company_list > li{float: left; padding: 9.5px 0;}
.applicant_company_list > li + li{position: relative; margin-left: 13px; padding-left: 14px;}
.applicant_company_list > li + li::before{content: ''; position: absolute; top: 18px; left: 0; width: 1px; height: 13px; background-color: #d4e1de;}
.applicant_company_list > li > a{display: block; font-size: 14px; line-height: 30px; color: #93a39f;}
.footer_bottom_wrap{width: 1040px; height: 110px; padding-top: 30px; margin: 0 auto;}
.footer_bottom_logo{float: left; width: 316px; height: 51px; background: url(../../images/sub/footer_bottom_logo.png) no-repeat 0 0;}
.footer_bottom_list{float: left; margin-left: 20px;}
.footer_bottom_list > li{font-size: 13px; line-height: 13px; color: #93a39f;}
.footer_bottom_list > li + li{margin-top: 9px;}
.family_web_select{float: right; width: 170px; height: 35px; padding: 0 12px; color: #93a39f; background: url(../../images/sub/family_web_select.png) no-repeat right 12px center; background-color: #e4edea; border: 1px solid #d4e1de; border-radius: 5px;}
.family_web_select:focus{outline: none;}
.family_web_select > option{color: #121212; background-color: #fff;}


/*모달레이어 관련*/
#modal { position: fixed; top: 0px; margin: 0px; z-index:1000; width: 100%; height: 100%; background: rgba(0,0,0,0.5);  display: none; }
#modal > div { position: fixed; top: 50%; left: 50%; margin-left: -442px; margin-top: -230px; width: 884px;}

#wModal { position: fixed; top: 0px; margin: 0px; z-index:1000; width: 100%; height: 100%; background: rgba(0,0,0,0.5);  display: none; }
#wModal > div { position: fixed; top: 50%; left: 50%; margin-left: -700px; margin-top: -200px; width: 1400px; height: 600px; background: #f2f6f5; }

.modalClose {height:22px; width: 22px; background: url(../../images/close.png) no-repeat 0 0; border:0;}
.wModalClose {height:22px; width: 22px; background: url(../../images/close.png) no-repeat 0 0; border:0;}

.modal_inner{box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); border-radius: 5px;}

.modal_title {
    background-color: #89ada2;
    color: #000;
    border-radius: 5px 5px 0 0;
    height: 22px;
    padding: 14px 20px;
    line-height: 22px;
    font-size:20px;
    font-weight:600;
}
.modal_title:before, .modal_title:after{clear:both; display:table; content: " ";}
.mdt_l {float:left;}
.mdt_r {float:right;}

.modal_contents{background-color: #f9f9f9; border-radius: 0 0 5px 5px; position:relative; height: 360px; padding: 25px 0;}

/* 모달 테이블 */
.modal_table{position:relative; margin-bottom:12px; }
.modal_table table{width:100%;}
.modal_table > table{border-top: 2px solid #505050;}
.modal_table table tr th{padding:6px 10px;height:auto;background: #efefef;border: 1px solid #b1aeae;border-top: 0;font-size:18px;color:#010101;font-weight:500;height:40px;line-height:18px;}/* 2025-07-29 정은하_민원인 신청서 관련 추가 */
.modal_table table tr td{padding:6px 10px; height:auto; border: 1px solid #b1aeae; border-top: 0; font-size:18px; color:#010101; text-align:left; height:40px; vertical-align:middle;}/* 2025-07-29 정은하_민원인 신청서 관련 추가 */
.modal_table td:first-child, .modal_table th:first-child{border-left: 0;}
.modal_table td:last-child, .modal_table th:last-child{border-right: 0;}
.modal_table table tr td a{color:#424242;}
.modal_table table .input_tbl_01 {padding-left:5px; width:218px; height:28px; border:1px solid #d5d5d5;  border-radius:5px;  box-sizing:border-box;}
.modal_table table .input_tbl_02 {padding-left:5px; width:320px; height:28px; border:1px solid #d5d5d5; border-radius:5px;  box-sizing:border-box;}
.modal_table table .tbl_select{padding:0 10px 0 5px; height:32px; min-width:120px; background:url(../../images/sub/ico_select.png) no-repeat center right; border:1px solid #d5d5d5;  border-radius:5px; appearance:none; -moz-appearance:none; -webkit-appearance:none; vertical-align:middle !important; box-sizing:border-box;  font-size:13px; font-weight:400; color:#444; line-height:-0.75px;}
.modal_table table .btn_ty1{display:inline-block; padding:0 10px; background:#70798d; color:#fff; min-width:50px; vertical-align:middle; border-radius:5px; text-decoration:none; font-size:12px; text-align:center;}
.modal_table table input{vertical-align:middle !important;}
.modal_table table .btn_code{display:inline-block; padding:0 12px; height:28px; background:#848484; color:#fff; min-width:50px; vertical-align:middle; border-radius:5px; text-decoration:none; font-size:13px; text-align:center; line-height:28px; }
.modal_table table .td_bg1{background:#e9f0f9; color:#000;}
.modal_table table .point{display:inline-block; zoom:1; *display:inline; margin-left:5px; width:5px; height:4px;  background:#ff5722; border-radius:60px; vertical-align:top; }

/* 모달 버튼 */
.mBtn_ty3{display:inline-block; zoom:1; *display:inline; height:30px !important; padding:0px 20px; border-radius:5px; border:0; background:#364d68; text-align:center; font-size:20px;  color:#fff !important; vertical-align:middle !important;  line-height:28px !important;}

/* 2023.09.20 민원인_로그인 화면 - 인라인 스타일 숨김 처리*/
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.main.menual {
    width: 884px;
    height: 360px;
    background: url(../../images/img_login1.png) no-repeat 0 0;
    display: block;
}