@charset "UTF-8";



.tab-ul.type3 li{    max-width: calc(16.666666% + 1px); width:100%;}
.tab-ul.type3 li a{text-align: center; overflow: hidden;}
.tab-ul.type3 li a span{line-height:1; padding:20px 10px;font-weight: 600;}

.tabpanel{border:1px solid #ddd;  margin-top:30px}
.tabpanel .h2{border-top:1px solid #ddd;padding:15px 20px;padding-bottom:10px;margin: 0;border-bottom:1px dashed #ddd;background:none;background-color:#fafafa;color:#000;font-size:18px;line-height:35px;margin-top: 0 !important;}
.tabpanel .h2:first-child{border-top:0}
.tabpanel .tab-wrap{padding:30px}

.form-horizontal.bucket-form>.form-group.address .form-control-static:first-child .col-sm-4{padding:0;}
.form-horizontal.bucket-form .form-group>div[class^=col-] .btn.btn-sm{height: 34px; vertical-align: middle; margin-left: 0px;}
.form-horizontal.bucket-form>.form-group.address .form-control-static:first-child .col-sm-4 .btn{margin-top: 0;}

.form-horizontal.bucket-form .form-group>div[class^=col-] .btn.btn-sm .fa.fa-search {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z' fill='rgba(0,105,64,1)'/%3E%3C/svg%3E");}

.form-horizontal.bucket-form .form-group>div[class^=col-] .btn.btn-sm.btn-primary:hover .fa.fa-search,
.form-horizontal.bucket-form .form-group>div[class^=col-] .btn.btn-sm.btn-primary:focus .fa.fa-search {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}

.btn .fa.fa-save{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16.757 3l-2 2H5v14h14V9.243l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}
.btn:hover .fa.fa-save,
.btn:focus .fa.fa-save{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16.757 3l-2 2H5v14h14V9.243l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1z' fill='rgba(0,105,64,1)'/%3E%3C/svg%3E");}

.form-upload{ margin-bottom: 0;}
.form-group__upload, .form-input__addon{padding-right: 5px;}

.box-footer .btn,.box-footer > .pull-right + .btn{padding: 6.5px 19px;}
.box-footer > .pull-right + .btn{align-items: center;}
.box-footer > .pull-right .btn.btn-secondary.btn-sm.btn-create .fa.fa-save {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16.757 3l-2 2H5v14h14V9.243l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1z' fill='rgba(0,105,64,1)'/%3E%3C/svg%3E");}
.box-footer > .pull-right .btn.btn-secondary.btn-sm.btn-create:hover .fa.fa-save {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16.757 3l-2 2H5v14h14V9.243l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");}


@media (max-width:500px) {
    .form-horizontal .form-group .form-upload .file-form-group .form-group__upload {width: calc(100% - 85px);}
}

/* table -icon */
.table-responsive{position:relative}
.table-responsive .table-icon{position:absolute; top:100px; left:50%; transform:translate(0,-50%); height: 50px; width: 50px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,0.3); opacity:0}
.table-icon *{display:inline-block; width:50px; height:50px;}
.table-icon .swipe-icon{position:absolute; top:15px; left:19%; overflow:visible; animation: hand-move 3s ease-out infinite; }
.table-icon .swipe-icon .swipe-arrow{animation:pulse-arrow 3s ease-out infinite;}
.table-icon path{fill:#016b3b;}
@keyframes hand-move{

    0%, 100%{transform:translateX(0)}
    50%{transform:translateX(15px)}
}

@keyframes pulse-arrow{

    0%{opacity:1; transform:translateX(0)}
    50%{opacity:1; transform:translateX(.25em)}
    75%{opacity:1; transform:translateX(.25em)}
    100%{opacity:1; transform:translateX(0)}
}


.table-icon.on {display:none !important}

@media screen and (max-width:1160px){

    .tab-ul.type3 li{width:33.3333%; max-width:33.3333%}

}

@media screen and (max-width:800px){

    .form-horizontal.bucket-form>.form-group{display:block}
    .form-horizontal.bucket-form>.form-group [class*=col]{width:100%; max-width:100%; padding:11px; float:left}
    .form-horizontal.bucket-form>.form-group .control-label{ min-height:auto; display:block; overflow:hidden}
    .form-horizontal.bucket-form>.form-group.address .form-control-static:first-child{width: 100%;  padding-top:0;}
    .form-horizontal.bucket-form>.form-group.address .form-control-static:first-child .col-sm-4{width:auto; max-width: none; padding:0; display:inline-block}
    .form-horizontal.bucket-form>.form-group.address .form-control-static:first-child .form-control{width:100%;}
    .form-horizontal.bucket-form>.form-group.address .form-control-static:first-child .col-sm-4 .btn{margin-top: 3px;margin-left: 5px;}
    .form-horizontal.bucket-form>.form-group.address .form-control-static:first-child .col-sm-4{margin-bottom: 3px;}

    .form-horizontal.bucket-form>.form-group.score .col-sm-1{display: inline-block; width:85% }
    .form-horizontal.bucket-form>.form-group.score .col-sm-1 + .col-sm-1{width:15%; padding: 13px 0; white-space: nowrap; }

    .file-form-group{white-space: normal; display:block}
    .form-previewbox, .form-checkbox, .form-input__addon, .form-group__upload{display:inline-block}
    .form-group__upload{padding-right: 0;}
    .form-input__addon{width:auto;}
    .form-group__upload:last-child{display:block; margin-top: 5px; padding-right: 0; width:100%}

}

@media screen and (max-width:767px) {

    /* button 이벤트 방지 or type=button으로 바꾸기 */
    .table-responsive .table-icon{opacity:1; display:block !important;}

}

@media screen and (max-width:730px){

    .tab-ul.type3 li{width:50%; max-width:50%}

}


@media screen and (max-width:500px){


    .tab-ul.type3 li{width:100%; max-width:100%}
    .tabpanel .tab-wrap{padding:20px}
    .form-horizontal.bucket-form>.form-group.address .form-control-static:first-child{position: relative; padding-right:93px}
    .form-horizontal.bucket-form>.form-group.address .form-control-static:first-child .col-sm-4{width: calc(100% - 10px); max-width:100%}
    .form-horizontal.bucket-form>.form-group.address .form-control-static:first-child .col-sm-4:last-child{position:absolute; top:0; right:0px; width:auto}
    .file-form-group * {display:inline-block}
    .form-input__addon{padding-right: 0;}
    .form-group__upload:first-child{width:100%; max-width:calc(100% - 77px)}


}

@media screen and (max-width:380px){

    .tabpanel .tab-wrap{padding:15px}
    .file-form-group{white-space: normal; display:block}
    .form-previewbox, .form-checkbox, .form-input__addon, .form-group__upload{display:inline-block}
    .form-input__addon{position:absolute; top:0px; right:0; width:auto;}
    .form-group__upload{ display:block;margin-top: 5px; padding-right: 0; width:100%}
    .form-group__upload:first-child{width:100%; max-width:calc(100% - 74px)}



}

/* 첨부파일 증명사진 미리보기 사이즈 */
.file-form-group .form-previewbox {display: inline-block;width: 94.4px;height: 113.3px;}
.file-form-group .form-previewbox a {width: 100%;height: 100%;display: block;}
.file-form-group .form-previewbox a img {width: auto;height: 100%;}

/* 221123 */

#tab-panel4 .h2 + .txt-tip{position:absolute;right: 31px;top: 23px;color: red;padding-left: 20px;display:inline-block;}
#tab-panel4 .h2 + .txt-tip:before{content: '';display:inline-block;width:15.36px;height:7.96px;top: 12px;background-repeat: no-repeat;background-position: center center;background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.59601L3.76324 8.46823L9.80599 1.56222L8.61109 0.518066L3.54584 6.30693L0.961636 4.33446L0 5.59601ZM15.36 1.56222L14.1651 0.518066L9.11174 6.29344L8.51429 5.81579L7.5225 7.05513L9.30534 8.48172L15.36 1.56222Z' fill='%23006940'/%3E%3C/svg%3E%0A");}

/* 221201 */

/* #tab-panel6 .h2 + .txt-tip{position:absolute;right: 31px;top: 23px;color: red;padding-left: 20px;display:inline-block;}
#tab-panel6 .h2 + .txt-tip:before{content: '';display:inline-block;width:15.36px;height:7.96px;top: 12px;background-repeat: no-repeat;background-position: center center;background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.59601L3.76324 8.46823L9.80599 1.56222L8.61109 0.518066L3.54584 6.30693L0.961636 4.33446L0 5.59601ZM15.36 1.56222L14.1651 0.518066L9.11174 6.29344L8.51429 5.81579L7.5225 7.05513L9.30534 8.48172L15.36 1.56222Z' fill='%23006940'/%3E%3C/svg%3E%0A");} */



.table tbody>tr>td.last{text-align: left;}
.table tbody>tr>td.last button{min-width: 88px;margin-bottom: 5px; max-width:calc(50% - 2.5px); width:100%}


@media screen and (max-width:1360px){

    .table tbody>tr>td.last button{max-width:100%}
}


@media screen and (max-width:768px){

    .table tbody>tr>td.last button{max-width:none;width:auto;}
}

@media screen and (max-width:767px){

    .board_list.table tbody td:first-child{padding: 3px 0;}
    .board_list.table tbody td:first-child,.board_list.table tbody td{line-height: 1.2;}

}


@media screen and (max-width:600px){
    .tabpanel .h2:first-child{padding-bottom: 35px;}
    #tab-panel4 .h2 + .txt-tip{top:50px;right:28px;letter-spacing: -1px;}
    .program--search .search_inner .fieldset .search--btn,
    .program--search .search_inner .fieldset .search--btn .btn--submit{width:100%;max-width:100%;display:block}
  
}
@media screen and (max-width:500px){
    #tab-panel4 .h2{padding-bottom: 45px;}
    #tab-panel4 .h2 + .txt-tip{right:auto;left:20px;font-size: 14px; line-height: 1.2; top:55px;}
    #tab-panel4 .h2 + .txt-tip::before{top: 8px;}

}
@media screen and (max-width:450px){
    .board_list.table tbody tr{/* padding-left: 0; */}
    .board_list.table tbody td:first-child{
    /* position: relative; */
    /* top:auto; */
    /* left:auto; */
    min-width: 70px;
    word-break: keep-all;
    text-align: left;
    padding: 0 5px;
    /* width:100%; */
    /* height:auto; */
}
.board_list.table tbody td{position: relative;}
.board_list.table tbody td:before{content: ''; display:block; width:5px;height:5px;border-radius: 50%;background-color: #016b3b; position:absolute; top:5px;left:0}

    .board_list.table tbody td{display:block;width:100%;}
    .board_list.table tbody td > br{display:none}
}

@media screen and (max-width:360px){

    .table tbody>tr>td.last button{max-width:100%;width: 100%;}
}


/*  */
.txt-tip,.txt-tip .point{line-height: 1.4;}
.txt-tip {display: inline-block; float:right;background-color: transparent; margin-bottom: 5px;}
.txt-tip .point{color: red;padding-left: 5px;display:inline-block;}
.txt-tip:before{content: '';display:inline-block;width:15.36px;height:7.96px;top: 11px;background-repeat: no-repeat;background-position: center center;background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.59601L3.76324 8.46823L9.80599 1.56222L8.61109 0.518066L3.54584 6.30693L0.961636 4.33446L0 5.59601ZM15.36 1.56222L14.1651 0.518066L9.11174 6.29344L8.51429 5.81579L7.5225 7.05513L9.30534 8.48172L15.36 1.56222Z' fill='%23006940'/%3E%3C/svg%3E%0A");}



@media screen and (max-width:900px) {
    .txt-tip{float:left;text-align: left !important;}   
    .txt-tip .point{padding-left: 0;}
}


/* 221208 */

/* 필수 삭제 */
.form-horizontal.bucket-form .form-group .control-label label .pilsu, .form-horizontal .label .pilsu,
.table th .pilsu{display:none}
.btn_footer .btn.btn-update,.box-footer .btn.btn-update{border:1px solid #006940}
.btn .fa.fa-list-ul{top: -1px;}

.h2.add-tip .txt-tip{margin-bottom: 0; font-size: 15px;}
#tab-panel6 .tab-wrap .txt-tip{float:none;display:block;margin-bottom:0}
#tab-panel6 .h2.add-tip .txt-tip{}
/* */

/* text-total */

.form-horizontal.bucket-form .form-group .control-label .textLengthWrap{display:flex;padding: 0 10px;color:#666; display:none}
.form-horizontal.bucket-form .form-group .control-label .textLengthWrap em{line-height: 1; display:inline-block; color:#666;font-size: 14px;}
.form-horizontal.bucket-form .form-group .control-label .textLengthWrap em.line{display:inline-block;margin: 0 2px;}

@media screen and (max-width:1360px){

.tab-ul.type3 li{height: 78px;} 
.tab-ul.type3 li a{display:block}
.tab-ul.type3 li a,.tab-ul.type3 li a span{height:100%;width:100%;}
.tab-ul.type3 li a span{display:flex;align-items: center;justify-content: center; line-height: 1.2;}

}

@media screen and (max-width:1160px){

    .tab-ul.type3 li{height: 60px;} 
   
}

@media screen and (max-width:1140px){

    #tab-panel6 .form-horizontal.bucket-form .form-group .control-label label{padding: 0 0 10px; line-height: 1.2; letter-spacing: -1px; }
   
}

@media screen and (max-width:1030px){

    #tab-panel6 .form-horizontal.bucket-form>.form-group,
    #tab-panel6 .form-horizontal.bucket-form .form-group>div[class^=col-],
    #tab-panel6 .form-horizontal.bucket-form .form-group>div[class^=alert-],
    #tab-panel6  .form-horizontal.bucket-form .form-group>div[class^=control-]{display: block;width: 100%;max-width: 100%;overflow: hidden;} 
  
   
}


@media screen and (max-width:900px){
    .h2.add-tip .txt-tip{float:none;display:block;margin-top: 5px;}

}

@media screen and (max-width:800px){
    .form-horizontal.bucket-form .form-group .control-label .textLengthWrap{display:inline-flex; float:right;margin-top: 1px;}
    .form-horizontal.bucket-form .form-group>div[class^=col-].control-label label{line-height: 1.2;}
   #tab-panel6 .form-group__upload{width: calc(100% - 90px);}

}

@media screen and (max-width:768px){
  
    #tab-panel6 .h2 + .txt-tip{position: relative; right:auto;left:auto}

}




@media screen and (max-width:400px) {

    .tab-ul.type3 li{height: 50px;} 
/*모바일 하단 버튼  */
    .box-footer{}
    .box-footer > .pull-right,.box-footer > .pull-right + .btn,.box-footer .btn{display:block; float:none;width:100%; margin-bottom: 3px;}
    .box-footer .btn{margin-bottom: 2px;}
    .btn .fa.fa-list-ul{top: -3px;}

    
}