.t-red{color:#ff0018}
.agree-box{padding:10px; border:1px solid #ddd;overflow-y:scroll; height:100px;line-height:1.5; font-size:0.8rem; color:#666;margin:10px 0}

.form-tbl{width:100%;font-size:.9rem; margin-bottom: 50px;}
.form-tbl input[type="text"]{height:40px;width:100%;border-radius:3px;padding:0 5px}
.form-tbl tbody th{font-weight:500;text-align:left}
.form-tbl tbody th span{color:#ff0018}
.form-tbl tbody th,.form-tbl tbody td{padding:10px; border-bottom:1px solid #ddd;line-height:1.5}

.type-wrap{display:flex; flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}
.type-wrap span{display:inline-block;width:calc(50% - 5px); }
.type-wrap input[type="radio"] {position:absolute;opacity:0}
.type-wrap input[type="radio"] + label{position:relative;display:inline-block;text-align:center;width:100%;height:150px;cursor:pointer; color:#fff; line-height:150px; font-size:1.2rem; font-weight:600}
.type-wrap input#gsp_gs_type02 + label{background:url(/images/sub/type-01.png) no-repeat 50% 50%; background-size:cover;}
.type-wrap input#gsp_gs_type01 + label{background:url(/images/sub/type-02.png) no-repeat 50% 50%; background-size:cover;}
.type-wrap input#gsp_gs_type03 + label{background:url(/images/sub/type-03.png) no-repeat 50% 50%; background-size:cover;}
.type-wrap input#gsp_gs_type03:checked + label{background:url(/images/sub/type-03-on.png) no-repeat 50% 50%; background-size:cover;}
.type-wrap input#gsp_gs_type02:checked + label{background:url(/images/sub/type-01-on.png) no-repeat 50% 50%; background-size:cover;}
.type-wrap input#gsp_gs_type01:checked + label{background:url(/images/sub/type-02-on.png) no-repeat 50% 50%; background-size:cover;}
.type-wrap input + label:before{content:'\f0c8';font-family:"Font Awesome 5 Free"; font-weight: 900;margin-right:5px}
.type-wrap input:checked + label:before{content:'\f14a';font-family:"Font Awesome 5 Free"; font-weight: 900;margin-right:5px}
.type-wrap_result{border-bottom:1px solid #ddd; padding:15px;margin-bottom:30px}

/* ÈÄ¿¡ Çö´ë¾Æ»ê¿¡¼­ ¿äû¿À¸é »èÁ¦ Çϼ¼¿ä!*/
/*.type-wrap input#gsp_gs_type02 + label {pointer-events: none;}*/
/*.type-wrap input#gsp_gs_type02 + label:before {display:none; pointer-events: none;}*/
/*.type-wrap input#gsp_gs_type02:checked + label {display:none; pointer-events: none;}*/



.btn-wrap{margin-top:30px; text-align:center;}
.btn-wrap a{display:inline-block; height:40px; line-height:40px; background:#004ea2; color:#fff;width:100%; max-width:120px;border-radius:5px}
.btn-wrap a.bg-gray{background:#aaa}
.btn-wrap a:hover {background: #002e5f;}
.btn-wrap a.bg-gray:hover{background:#999}
.search-wrap{text-align:center;width:100%;background: #f7f7f7;padding:10px 20px;color: #333;}
.search-wrap input[type="text"]{height:40px;width:100%;border:0;border-radius:3px;vertical-align:middle;padding:0 10px;background: #fff;border: 1px solid #efefef;}
.search-wrap input[type="password"]{height:40px;width:100%;border:0;border-radius:3px;vertical-align:middle;padding:0 10px;border: 1px solid #efefef;}
.search-wrap input[type="button"]{width:140px;height:40px; line-height:40px; font-size:14px; font-weight:600; background: #004ea2;border-radius:3px;color:#fff;vertical-align:middle;}
.search-wrap input[type="button"]:hover{background:#002e5f; transition-duration:0.3s;}
.search-wrap > div{display:flex; flex-wrap:wrap;align-items:center; width:100%;margin:5px 0 10px 0;}
.search-wrap strong{display:inline-block;width:120px;text-align:left;}
.search-wrap span{display:inline-block; width:calc(100% - 120px)}

.total-wrap{width:100%; margin:30px 0 10px 0}

.result-tbl{border-top:1px solid #000; width:100%}
.result-tbl thead th{padding:15px 5px;text-align:center;border-bottom:1px solid #ddd;background:#f6f6f6;font-size:.9rem}
.result-tbl tbody td{text-align:center;padding:10px 5px;border-bottom:1px solid #ddd;font-size:.9rem}
.result-tbl tbody td.btn a{display:inline-block;width:55px;height:25px;font-size:0.75rem; background:#aaa;margin:3px 0;letter-spacing:-1px;}
 a.all-delete{background:#ff0018 !important}

 .no-data{padding:50px 0;text-align:center; line-height:1.5; font-size: 14px; font-weight: 400;}
 .no-data a{display:inline-block;margin-top:30px; background:#002e5f; color:#fff; width:200px; height:40px; line-height:40px; font-size:14px; border:0;padding:0px;border-radius:3px}
 .no-data a:hover{background:#004ea2; transition-duration:0.3s;}

.list-btn{text-align:center;margin-top:30px}
.list-btn a{display:inline-block; height:40px; line-height:40px; border:1px solid #ddd;font-size:0.9rem;padding:0 15px}
.list-btn a:hover{background:#efefef}

.pagenum{text-align:center; margin-top:30px}
.pagenum a{display:inline-block;width:30px; height:30px;background:#fff; color:#333;border:1px solid #ddd; line-height:28px; text-align:center; border-radius:300px;}
.pagenum b{display:inline-block;width:30px; height:30px;background:#f5821f; border:1px solid #f5821f; color:#fff; line-height:28px; text-align:center; border-radius:300px;}

.program-check{display:table;border:1px solid #ddd;margin-top:10px; width:100%}
.program-check dd{display:table-cell;width:100px;background: #f2fbfa;padding:15px 5px; font-size:14px; font-weight: 800;text-align:center;vertical-align:middle;}
.program-check dd:last-child{width:50px;background: #00ac97;}
.program-check dd input[type="checkbox"]{width:15px; height:15px; border:0; cursor:pointer}
.program-check dt{display:table-cell;width:calc(100% - 150px);padding:15px ;font-weight:600; line-height:1.5}
.program-check dt strong{display:block;font-weight: 600;line-height:1.5;color: #00ac97; margin-bottom:5px;}
.program-check dt span{font-weight:400; font-size:13px;}
.program-check ul{margin-top:5px;}
.program-check li{font-size:0.8rem; color:#666; line-height:1.5;font-weight:400}

.check-point{margin-top:30px;background: #f2fbfa;text-align:center;line-height:1.5;padding:30px;font-size:1rem;}
.check-point i{color:#00ac97; font-size:2rem;margin-bottom:10px}

.info-tbl{border-top:1px solid #ddd; border-left:1px solid #ddd; width:100%; font-size:.85rem; margin-bottom: 50px;}
.info-tbl thead th{background:#eee;padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.info-tbl tbody th{background:#f6f6f6;padding:15px;border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.info-tbl tbody td{padding:15px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;text-align:center;}
.f-board .dot-list li {margin-top: 30px;	}

.excel-btn {background: #206f44 !important; color: #fff !important; border: 1px solid #206f44 !important;}
.excel-btn:hover {opacity: 0.9;}


@media(max-width:768px){
.form-tbl, .form-tbl tbody, .form-tbl tbody tr, .form-tbl tbody td, .form-tbl tbody th{display:block;padding:0; border-bottom:0}
.form-tbl tbody th{margin-top:10px; border-top:1px solid #ddd;padding-top:10px}
.form-tbl tbody tr:first-child th{border-top:0}
.type-wrap input[type="radio"] + label{font-size:1rem; height:100px;line-height:100px}


.program-check dd {width:50px}
.program-check dd span{display:block}
.program-check dt{width:calc(100% - 100px);vertical-align:middle}

.check-point{font-size:.95rem}

.info-tbl colgroup{display:none}
}

@media(max-width:400px){
.type-wrap input[type="radio"] + label{font-size:13px;}
}