@charset "utf-8";

/* 231016 경력사례라이브러리 > 검색박스 : s */
.review-list { position: relative; display: block; width: 100%; }

.program--search .form-control { border: 1px solid #DDD; }

.program--search.detail { background: #008656; box-shadow: none; margin: 0 0 62px 0; padding: 0; border-radius: 15px; }
.program--search.detail .search-input-wrap { padding: 35px 274px; display: block; width: 100%; }
.program--search.detail .float-md-left { display: inline-block; min-width: 58px; vertical-align: top; margin: 11px 24px 0 0; }
.program--search.detail .float-md-left .program--count { padding-left: 0; margin-top: 0; }
.program--search.detail .search-tit { color: #FFF; font-size: 22px; font-weight: 700; line-height: 135%; }
.program--search.detail .search-inner { display: inline-block; width: calc(100% - 89px); }
.program--search.detail .search-inner .fieldset { display: flex; align-items: center; width: 100%; }
.program--search.detail .search-inner .fieldset .search--text { width: calc(100% - 277px); max-width: 325px; }
.program--search.detail .search-inner .fieldset .search--select > span,
.program--search.detail .search-inner .fieldset .search--text > span { background: transparent; border: none; }
.program--search.detail .search-inner .fieldset .search--text > span { padding: 0; }
.program--search.detail .search-inner .fieldset .search--select select,
.program--search.detail .search-inner .fieldset .search--text input { border: none; height: 50px; line-height: 50px; border-bottom: 1px solid #fff; border-radius: 0; }
.program--search.detail .search-inner .fieldset .search--select select { color: #fff; font-size: 15px; background: transparent url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.837891L4 5.5L0.5 0.837891H7.5Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 98% 50%; padding-left: 0; width: auto; line-height: normal; }
.program--search.detail .search-inner .fieldset .search--text input,
.program--search.detail .search-inner .fieldset .search--text input::placeholder { color: rgba(255,255,255,0.8); }
.program--search.detail .search-inner .fieldset .search--text input {margin: 0;background-color: transparent;width: 100%;padding: 0 10px 0 10px;}
.program--search.detail .search-inner .fieldset .search--btn { margin-left: 21px; display: inline-flex; }
.program--search.detail .search-inner .fieldset .search--btn .btn--submit { background-color: #fff; width: 97px; height: 50px; line-height: 50px; padding: 0; font-size: 15px; color: #008656; display: inline-flex; justify-content: center; align-items: center; border-radius: 5px; }
.program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { background: #fff url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2996 10.7996L13 13.5M6.41015 12.3203C9.39808 12.3203 11.8203 9.89806 11.8203 6.91014C11.8203 3.92221 9.39808 1.5 6.41015 1.5C3.42222 1.5 1 3.92221 1 6.91014C1 9.89806 3.42222 12.3203 6.41015 12.3203Z' stroke='%23008656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 30% 49%; padding: 0 5px 0 20px; border-radius: 5px; border: none; width: 100%; color: #008656; text-shadow: none; }
.program--search.detail .search-inner .fieldset .search--btn .refresh-btn { width: 50px; height: 50px; line-height: 50px; border: 1px solid #fff; margin-left: 5px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4.22222V10C16 6.41016 13.0898 3.5 9.5 3.5C7.66357 3.5 6.00502 4.26157 4.82293 5.48611M3 15.7778V10C3 13.5898 5.91016 16.5 9.5 16.5C11.2534 16.5 12.8447 15.8057 14.0139 14.6771' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-color: transparent; background-position: center center; background-repeat: no-repeat; }
.program--search.detail .detail-btn { position: absolute; width: 123px; height: 50px; border-radius: 5px; background: #00503A; display: inline-flex; justify-content: center; align-items: center; top: 35px; right: 93px; font-size: 15px; color: #fff; border: 1px solid #00503A; }
.program--search.detail .search_click > button:after { display: none; }
.program--search.detail .detail-btn > span { background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2996 10.7996L13 13.5M6.41015 12.3203C9.39808 12.3203 11.8203 9.89806 11.8203 6.91014C11.8203 3.92221 9.39808 1.5 6.41015 1.5C3.42222 1.5 1 3.92221 1 6.91014C1 9.89806 3.42222 12.3203 6.41015 12.3203Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 6.875H8.5M6.5 8.875L6.5 4.875' stroke='white'/%3E%3C/svg%3E%0A"); width: 14px; height: 15px; margin: 0 6px 0 0; font-size: 0; }
.program--search.detail .search_click .detail-wrap { max-width: 1240px; margin: 0; display: none; background-color: #F8F9FB; border-radius: 0px 0px 12px 12px; padding: 33px 90px 51px; }
.program--search.detail .search_click.on .detail-wrap { display: block; }
.program--search.detail .inner-tit { color: #222; font-size: 16px; font-weight: 700; line-height: 135%; display: block; text-align: left; margin-bottom: 6px; }
.program--search.detail .inner-select { min-height: 40px; }
.program--search.detail .search_click .detail-wrap .d_box { display: flex; align-items: flex-start; justify-content: center; width: calc(100% + 10px); margin: -5px; }
.program--search.detail .search_click .detail-wrap .d_box .box-inner { width: calc(33.3333% - 5px); margin: 5px; text-align: left; }
.program--search.detail .search_click .detail-wrap .tag-box { margin-top: 29px; display: block; width: 100%; }
.program--search.detail .search_click .detail-wrap .tag-box .inner { display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin: -5px; }
.program--search.detail .search_click .detail-wrap .tag-box .inner-tit { margin-bottom: 4px; }
.program--search.detail .search_click .detail-wrap .tag-box .inner .tag { width: auto; height: 35px; border: 1px solid #999; background-color: #fff; border-radius: 100px; margin: 5px; padding: 8px 15px; color: #444; font-size: 14px; line-height: 135%; }
.program--search.detail .search_click .detail-wrap .tag-box .inner .tag:active,
.program--search.detail .search_click .detail-wrap .tag-box .inner .tag:focus,
.program--search.detail .search_click .detail-wrap .tag-box .inner .tag.on { background-color: #008656; color: #fff; border-color: #008656; }
.program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn { background-color: #18114E; position: relative; right: auto; top: auto; width: 123px; font-size: 15px; }
.program--search.detail .search_click .detail-wrap .btn-wrap .refresh-btn { display: inline-flex; justify-content: center; align-items: center; width: 125px; height: 50px; border-radius: 5px; background-color: transparent; font-size: 15px; color: #18114E; border: 1px solid #18114E; margin-left: 6px; }
.program--search.detail .search_click .detail-wrap .btn-wrap .refresh-btn > span { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 4.22222V10C16.5 6.41016 13.5898 3.5 10 3.5C8.16357 3.5 6.50502 4.26157 5.32293 5.48611M3.5 15.7778V10C3.5 13.5898 6.41016 16.5 10 16.5C11.7534 16.5 13.3447 15.8057 14.5139 14.6771' stroke='%2318114E' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: center center; background-repeat: no-repeat; margin-right: 3px; }

.program--search.order { padding: 0; background: transparent; border-radius: 0; box-shadow: none; margin: 0; }
.program--search.order .float-md-left { margin-top: 7px; }
.program--search.order .program--count { margin-top: 0; padding-left: 0; font-size: 15px; line-height: 135%; color: #222; }
.program--search.order .program--count > span { line-height: 135%; font-size: 15px; color: #222; letter-spacing: normal; }
.program--search.order .program--count > span > strong { color: #008656; }
.program--search.order .program--page { border: none; }
.program--search.order .program--page:before { display: none; }
.program--search.order .program--page .search--select span { border: 1px solid #DDD; border-radius: 5px; }
.program--search.order .program--page .search--select span .form-control { height: 100%; background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.837891L4 5.5L0.5 0.837891H7.5Z' fill='%23555555'/%3E%3C/svg%3E%0A"); height: 40px; border-radius: 5px; color: #555; background-position: 90% 50%; }
.program--search.order .program--page .apply-btn { height: 40px; width: 80px; border-radius: 5px; background-color: #354346; color: #fff; font-size: 15px; letter-spacing: 0.02813rem; }

@media (max-width: 1280px){
 .program--search.detail .search-input-wrap { padding: 35px 274px 35px 150px; }
 .program--search.detail .search-inner .fieldset .search--text { max-width: none; }
 .program--search.detail .detail-btn { right: 140px; }
}

@media (max-width: 1140px){
 .program--search.detail .search-input-wrap { padding: 35px 223px 35px 90px; }
 .program--search.detail .detail-btn { right: 90px; }
}

@media (max-width: 1024px){
 .program--search.detail .search-input-wrap { padding: 35px 182px 35px 50px; }
 .program--search.detail .search_click .detail-wrap { padding: 33px 50px 51px; }
 .program--search.detail .detail-btn { right: 50px; }
}

@media (max-width: 993px){
 .program--search.order .search-inner { text-align: right; }
}

@media (max-width: 920px){
 .program--search.detail .float-md-left { margin-top: 12px; }
 .program--search.detail .search-tit { font-size: 20px; }
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit { width: 50px; }
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { font-size: 0; background-position: center center; padding: 0; }
 .program--search.detail .detail-btn { right: 37px; font-size: 0; width: 50px; }
 .program--search.detail .detail-btn > span { margin: 0; }
 .program--search.detail .search-input-wrap { padding: 35px 90px 35px 30px; }
 .program--search.detail .search-inner .fieldset .search--text { width: calc(100% - 255px); }
 .program--search.detail .search_click .detail-wrap { padding: 33px 30px 51px; }
 .program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn > span { margin: 0 6px 0 0; }
}

@media (max-width: 815px){
 .program--search.detail .float-md-left{width:auto}
 .program--search.detail .search-inner .fieldset .search--text{width:calc(100% - 195px)}
}
@media (max-width: 802px){
 .review-list .program--search .program--page{display: block;}
}
@media (max-width: 768px){
 .program--search.detail .search-input-wrap,
 .program--search.detail .search_click .detail-wrap { padding: 30px; }

 .program--search.detail .float-md-left { display: none; }
 .program--search.detail .search-inner { width: 100%; }

 .program--search.detail .search_click .detail-wrap .d_box { flex-direction: column; width: 100%; margin: 0; }
 .program--search.detail .search_click .detail-wrap .d_box .box-inner { width: 100%; margin: 0 0 10px 0; }

 .program--search.detail .search-inner .fieldset .search--btn { width: 190px; }
 .program--search.detail .search_click .detail-btn.twin { top: 30px; }
 .program--search.detail .search-inner .fieldset .search--text{width:calc(100% - 255px)}
 .program--search.order{margin-top:-50px;margin-bottom:-60px;}
}

@media (max-width: 680px) {
 .program--search.detail .search-inner .fieldset { display: block; }
 .program--search.detail .search-inner .fieldset .search--text { width: 100%; margin-left: -3px; }
 .program--search.detail .search-inner .fieldset .search--btn { margin: 20px 0 0 0; padding-right: 110px; width: auto; }
 .program--search.detail .detail-btn { top: 105px; right: calc(50% - 85px); }

 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"],
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { font-size: 15px; }
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit,
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { width: 100px; }
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { background-position: 30% 49%; padding: 0 5px 0 20px; }
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn { padding: 0 5px 0 30px; background-position: 20% 49%; color: #fff; }
 .program--search.detail .search_click .detail-btn.twin { top: 90px; right: 30px }
 .program--search.detail .search_click .detail-btn.twin > span { margin: 0 6px 0 0; }
}

@media (max-width: 650px){
 .review-list .program--search .program--page{display: block;}
}

@media (max-width: 630px){
}

@media (max-width: 600px){
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit,
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { width: 120px; }

 .program--search.detail .search-inner .fieldset .search--select select,
 .program--search.detail .search-inner .fieldset .search--text { width: 100%; }
 .program--search.detail .search-inner .fieldset .search--text { margin-left: 0; }
 .program--search.detail .search-inner .fieldset .search--text input { padding: 0; }
 .program--search.detail .search-inner .fieldset .search--btn { justify-content: center; padding: 0 130px 0 0; }
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn { margin-left: 10px; background-position: 25% 49%; }
 .program--search.detail .detail-btn { right: auto; left: 50%; top: 245px; width: calc(100% - 60px); transform: translateX(-50%); }
 .program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn { left: auto; transform: none; height: 50px; }
 .program--search.detail .search_click .detail-btn.twin {top: 94px;right: -30px;left: auto;}

}

@media (max-width: 490px){
 .program--search.detail .search-input-wrap,
 .program--search.detail .search_click .detail-wrap { padding: 30px 20px; }

 .program--search.detail .search-inner .fieldset .search--btn .btn--submit,
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { widtH: 100px; }
 .program--search.detail .search-inner .fieldset .search--btn { padding: 0 110px 0 0; }
}

@media (max-width: 450px){
 .program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn,
 .program--search.detail .search_click .detail-wrap .btn-wrap .refresh-btn { width: 50px; font-size: 0; }
 .program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn > span,
 .program--search.detail .search_click .detail-wrap .btn-wrap .refresh-btn > span { margin: 0; }
}

@media (max-width: 430px){
 .program--search.detail .search-input-wrap { padding: 30px 20px 75px; }
 .program--search.detail .search-inner .fieldset .search--btn { flex-direction: column; padding: 0; width: 100%; }
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit,
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { width: 100%; height: 40px; }
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { background-position: 45% 49%; padding: 0 0 0 20px; }
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn { margin: 5px 0 0 0; padding: 0 0 0 20px; display: flex; align-items: center; justify-content: center; background-position: 43% 49%; }
 .program--search.detail .search_click .detail-btn.twin { right: auto; left: 50%; width: calc(100% - 40px);    top: 188px;}
}

@media (max-width: 400px){
 .program--search.order .program--page { padding-left: 0; }
 .program--search.order .program--page .search--select,
 .program--search.order .program--page .search--select span .form-control { width: 100%; }
 .program--search.order .program--page .search--select { margin: 0 0 5px 0; }
 .program--search.order .program--page .apply-btn { width: 100%; }
}

@media (max-width: 360px){
 .program--search.detail .search_click .detail-wrap .tag-box .inner .tag { width: 100%; }
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { background-position: 44% 49%; }
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn { background-position: 41% 49%; }
}
/* 231016 경력사례라이브러리 > 검색박스 : e */

body.modal-open { height: auto; }
body.modal-open #foot_layout {z-index: 8;}