@charset "utf-8";

.sub_title2 p {font-size:1.125em; color:#0098ee; font-weight:700; font-family:'Poppins', 'Pretendard'; margin-bottom:10px;}
.sub_title2 h3 {font-size:3.125em; font-weight:700;}

.s_tit1 {font-size:1.875em; font-weight:700; line-height:1.3em;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.55em;}

@media screen and (max-width:1024px){
    .sub_title p {font-size:1.5em; margin-bottom:5px;}
    .sub_title h3 {font-size:2.5em;}

    .s_tit1 {font-size:1.5em;}

    .s_txt1 {font-size:1em;}
}

@media screen and (max-width:767px){
    .sub_title p {font-size:1.125em; font-weight:500; margin-bottom:2px;}
    .sub_title h3 {font-size:2em;}

    .s_tit1 {font-size:1.3em;}
}

.sReception_wrap {display:flex; justify-content:center; flex-direction:column; width:88%; max-width:700px; min-height:100vh; margin:0 auto; padding:30px 0;}
.sReception_wrap.case2 {display:block; max-width:1000px;}
.sReception_wrap .notice_box img {max-width:100%;}
.sReception_wrap .btn_box {display:flex; justify-content:center; align-items:center; margin-top:50px;}
.sReception_wrap .btn_box a, .sReception_wrap .btn_box button {display:flex; justify-content:space-between; align-items:center; width:220px; height:68px; border-radius:34px; font-size:1.125em; font-weight:500; margin:0 2.5px; padding:0 20px; transition:all 0.5s; transition-property:background, border, color;}
.sReception_wrap .btn_box a:after, .sReception_wrap .btn_box button:after {content:'\e09f'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro';}
.sReception_wrap .btn_box .bg1 {border:2px solid #0098ee; color:#0098ee;}
.sReception_wrap .btn_box .bg2 {background:#0098ee; color:#fff;}
.sReception_wrap .btn_box .bg1:hover {background:#0098ee; color:#fff;}
.sReception_wrap .btn_box .bg2:hover {background:#1130b4;}
.sReception_wrap .admin_btn {display:inline-block; font-size:1em; color:#666; text-decoration:underline; margin-top:30px;}

.sReception_wrap .form_box {width:100%; max-width:500px; border-top:3px solid #191919; border-radius:0 0 10px 10px; box-shadow:5px 10px 15px rgba(25,25,25,0.05); margin:0 auto; padding:25px;}
.sReception_wrap .form_box.case2 {max-width:100%; border-top:0; border-radius:0; box-shadow:none; padding:0;}
.sReception_wrap .form_box > div {margin-bottom:20px;}
.sReception_wrap .form_box > div:last-child {margin-bottom:0;}
.sReception_wrap .form_box > div > label {display:block; font-size:1.125em; font-weight:600; }
.sReception_wrap .form_box > div > label i {font-style:normal; color:#0098ee;}
.sReception_wrap .form_box > div .txt {font-size:0.9375em; color:#666; line-height:1.4em; margin-top:5px;}
.sReception_wrap .form_box > div .form_txt {display:block; width:100%; height:45px; border:1px solid #ddd; border-radius:5px; font-size:1.125em; color:#666; padding:0 15px; margin-top:10px;}
.sReception_wrap .form_box > div .form_txt::placeholder {color:#a4a4a4;}
.sReception_wrap .form_box > div .form_txt::-webkit-input-placeholder {color:#a4a4a4;}
.sReception_wrap .form_box > div .form_txt:-ms-input-placeholder {color:#a4a4a4;}
.sReception_wrap .form_box > div .form_txt:focus {box-shadow:none !important; border-color:#191919 !important;}
.sReception_wrap .form_box > div .form_txt:read-only {background:#f8f9fc;}
.sReception_wrap .form_box > div .form_textarea {display:block; width:100%; height:200px; border:1px solid #ddd; border-radius:5px; font-size:1.125em; color:#666; padding:15px; resize:none; margin-top:10px;}
.sReception_wrap .form_box > div .form_textarea::placeholder {color:#a4a4a4;}
.sReception_wrap .form_box > div .form_textarea::-webkit-input-placeholder {color:#a4a4a4;}
.sReception_wrap .form_box > div .form_textarea:-ms-input-placeholder {color:#a4a4a4;}
.sReception_wrap .form_box > div .form_textarea:focus {box-shadow:none !important; border-color:#191919 !important;}
.sReception_wrap .form_box > div .form_textarea:read-only {background:#f8f9fc;}
.sReception_wrap .form_box > div .check_box {position:relative;}
.sReception_wrap .form_box > div .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sReception_wrap .form_box > div .check_box label {display:block; font-size:1em; font-weight:500; line-height:22px; padding-left:30px; position:relative;}
.sReception_wrap .form_box > div .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:22px; height:22px; border:2px solid #ddd; border-radius:5px; font-size:0.875em; color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.sReception_wrap .form_box > div .check_box label a {text-decoration:underline;}
.sReception_wrap .form_box > div .check_box input:checked + label:before {content:'\f00c'; background:#191919; border-color:#191919;}
.sReception_wrap .form_box > div .radio_wrap {margin-top:10px;}
.sReception_wrap .form_box > div .radio_box {position:relative; margin-bottom:5px;}
.sReception_wrap .form_box > div .radio_box:last-of-type {margin-bottom:0;}
.sReception_wrap .form_box > div .radio_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sReception_wrap .form_box > div .radio_box label {display:block; font-size:1em; color:#666; line-height:22px; padding-left:30px; position:relative;}
.sReception_wrap .form_box > div .radio_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:22px; height:22px; border:2px solid #ddd; border-radius:50%; font-size:0.875em; color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.sReception_wrap .form_box > div .radio_box label a {text-decoration:underline;}
.sReception_wrap .form_box > div .radio_box input:checked + label:before {content:'\f00c'; background:#191919; border-color:#191919;}

.sReception_wrap .form_box > div .file_box {position:relative;}
.sReception_wrap .form_box > div .file_box:before {content:'\e09a'; font-size:1.125em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sReception_wrap .form_box > div .file_box input[type="file"] {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}

.sReception_wrap .form_box > div .file_list {margin-top:10px;}
.sReception_wrap .form_box > div .file_list li {font-size:1.125em; margin-bottom:5px;}
.sReception_wrap .form_box > div .file_list li:last-child {margin-bottom:0;}
.sReception_wrap .form_box > div .file_list li a {color:#666;}


.sReception_wrap .board_top_box {display:flex; justify-content:space-between; align-items:end; width:100%;}
.sReception_wrap .board_top_box .excel_btn {display:inline-block; background:#14c139; border-radius:5px; font-size:0.93785em; color:#fff; font-weight:500; padding:10px 15px;}
.sReception_wrap .board_top_box .excel_btn i {margin-right:3px;}
.sReception_wrap .board_top_box .write_btn {display:inline-block; background:#191919; border-radius:5px; font-size:0.93785em; color:#fff; font-weight:500; padding:10px 15px;}
.sReception_wrap .board_top_box .search_box {display:flex; width:100%; max-width:300px; border:1px solid #ddd; border-radius:5px; position:relative; overflow:hidden;}
.sReception_wrap .board_top_box .search_box input {width:calc(100% - 45px); border:0 !important; border-radius:0; font-size:1em; padding:0 10px; box-shadow:none !important;}
.sReception_wrap .board_top_box .search_box button {display:block; width:45px; height:45px; font-size:1.125em;}

.sReception_wrap .board_list_box {width:100%; border-top:2px solid #191919;}
.sReception_wrap .board_list_box > div {display:flex; align-items:center; border-bottom:1px solid #ddd; padding:13px 10px;}
.sReception_wrap .board_list_box > div.hide {display:none;}
.sReception_wrap .board_list_box > div .num {width:50px; font-size:1em; color:#666; text-align:center;}
.sReception_wrap .board_list_box > div .subject {display:block; width:calc(100% - 188px); font-size:1.125em; font-weight:500;}
.sReception_wrap .board_list_box > div .subject span {display:block; font-size:0.88em; color:#666; line-height:1.5em; font-weight:400; margin-top:5px;}
.sReception_wrap .board_list_box > div .subject2 {width:calc(100% - 140px);}
.sReception_wrap .board_list_box > div .subject2 a {display:block; font-size:1.125em; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5px;}
.sReception_wrap .board_list_box > div .subject2 a span {font-size:0.88em; font-weight:400;}
.sReception_wrap .board_list_box > div .subject2 p {font-size:1em; color:#666; line-height:1.5em; margin-top:5px;}
.sReception_wrap .board_list_box > div .subject3 {display:block; width:calc(100% - 300px); font-size:1.125em; font-weight:500;}
.sReception_wrap .board_list_box > div .delete_btn {display:block; width:38px; line-height:38px; background:#191919; border-radius:0; font-size:1.125em; color:#fff; margin-left:10px; text-align:center;}
.sReception_wrap .board_list_box > div .date {width:100px; font-size:1em; color:#666; text-align:center;}
.sReception_wrap .board_list_box > div .empty {width:100%; text-align:center}

.sReception_wrap .apply_txt {font-size:1em; text-align:right;}
.sReception_wrap .apply_txt strong {font-weight:600;}

@media screen and (max-width:1024px){
	.sReception_wrap {margin:0 auto; padding:6% 0;}
	.sReception_wrap .btn_box {margin-top:5%;}
	.sReception_wrap .btn_box a, .sReception_wrap .btn_box button {width:170px; height:50px; font-size:1em; padding:0 13px;}
	.sReception_wrap .admin_btn {margin-top:15px;}

	.sReception_wrap .form_box {max-width:450px; padding:20px;}
	.sReception_wrap .form_box > div {margin-bottom:15px;}
	.sReception_wrap .form_box > div > label {font-size:1em;}
	.sReception_wrap .form_box > div .txt {margin-top:3px;}
	.sReception_wrap .form_box > div .form_txt {height:40px; font-size:1em; padding:0 10px; margin-top:5px;}
	.sReception_wrap .form_box > div .form_textarea {height:150px; font-size:1em; padding:10px; margin-top:5px;}
	.sReception_wrap .form_box > div .radio_wrap {margin-top:5px;}

    .sReception_wrap .form_box > div .file_box:before {font-size:1em; right:15px;}

	.sReception_wrap .form_box > div .file_list li {font-size:1em;}

	.sReception_wrap .board_top_box .search_box input {width:calc(100% - 40px);}
	.sReception_wrap .board_top_box .search_box button {width:40px; height:40px; font-size:1em;}
	
	.sReception_wrap .board_list_box > div .subject3 {width:calc(100% - 250px);}
	.sReception_wrap .board_list_box > div .writer {width:110px;}
	.sReception_wrap .board_list_box > div .date {width:90px;}
	
	.sReception_wrap .board_top_box .excel_btn {line-height:32px; padding:0 10px;}
	.sReception_wrap .board_top_box .write_btn {line-height:32px; padding:0 10px;}
	.sReception_wrap .board_top_box .search_box {max-width:200px;}
	.sReception_wrap .board_top_box .search_box input {width:calc(100% - 25px); padding:0 5px;}
	.sReception_wrap .board_top_box .search_box button {width:25px; height:32px;}

	.sReception_wrap .board_list_box > div {flex-wrap:wrap; position:relative; padding:10px 5px;}
	.sReception_wrap .board_list_box > div .num {width:40px;}
	.sReception_wrap .board_list_box > div .subject {width:calc(100% - 155px);}
	.sReception_wrap .board_list_box > div .delete_btn {width:32px; line-height:32px; margin-left:3px;}
	.sReception_wrap .board_list_box > div .date {width:80px;}
}

@media screen and (max-width:767px){
	.sReception_wrap .btn_box a, .sReception_wrap .btn_box button {width:140px; height:40px; padding:0 10px;}
	
	.sReception_wrap .form_box {padding:4%;}
	.sReception_wrap .form_box > div .form_txt {height:35px;}
	.sReception_wrap .form_box > div .form_textarea {height:120px;}
	.sReception_wrap .form_box > div .check_box label {padding-left:27px; line-height:20px;}
	.sReception_wrap .form_box > div .check_box label:before {width:20px; height:20px;}
	.sReception_wrap .form_box > div .radio_box {margin-bottom:3px;}
	.sReception_wrap .form_box > div .radio_box label {padding-left:27px; line-height:20px;}
	.sReception_wrap .form_box > div .radio_box label:before {width:20px; height:20px;}
	
    .sReception_wrap .form_box > div .file_box:before {right:10px;}
	
	.sReception_wrap .board_list_box > div .num {width:30px;}
	.sReception_wrap .board_list_box > div .subject {width:calc(100% - 145px);}
}


.modal_popup {display:none; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:500;}
.modal_popup.active {display:flex;}
.modal_popup .dimBG {width:100%; height:100%; background:rgba(25,25,25,0.6); position:absolute; left:0; top:0;}
.modal_inner {width:88%; max-width:500px; max-height:90vh; background:#fff; box-shadow:10px 10px 20px rgba(25,25,25,0.1); position:relative; z-index:10; padding:40px 50px; overflow-y:auto;}
.modal_inner.w_700 {max-width:700px;}
.modal_inner .close_btn {display:block; font-size:1.875em; position:absolute; right:30px; top:30px;}
.modal_inner .close_btn:before {content:'\f00d'; font-size:1em; font-weight:400; font-family:'Font AWesome 6 Pro'}
.modal_inner .s_tit1 {padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.modal_inner dl {width:100%; overflow:hidden;}
.modal_inner dl dt {float:left; width:75px; font-size:1.125em; line-height:1.55em; font-weight:600; clear:both; margin-bottom:10px;}
.modal_inner dl dd {float:left; width:calc(100% - 75px); font-size:1.125em; color:#666; line-height:1.55em; margin-bottom:10px;}
.modal_inner dl dt:last-of-type, .modal_inner dl dd:last-of-type {margin-bottom:0;}
.modal_inner .link {display:block; width:178px; line-height:45px; background:#14c139; border-radius:23px; font-size:1.125em; color:#fff; font-weight:600; text-align:center; margin:30px auto 0;}
.modal_inner .link:after {content:'\f08e'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}

@media screen and (max-width:1024px){
	.modal_inner {padding:25px}
	.modal_inner .close_btn {font-size:1.5em; right:15px; top:10px;}
	.modal_inner .s_tit1 {padding-bottom:10px; margin-bottom:15px;}
	.modal_inner dl dt {font-size:1em; margin-bottom:6px;}
	.modal_inner dl dd {font-size:1em; margin-bottom:6px}
	.modal_inner .link {width:140px; line-height:40px; font-size:1em; margin-top:15px;}
}

@media screen and (max-width:767px){
	.modal_inner {padding:15px}
	.modal_inner .close_btn {font-size:1.3em;}
	.modal_inner .link {width:130px; line-height:36px;}
}