@charset "utf-8";


/* =========================== : S ========================== */
/* =========================== : E ========================== */



@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}







/* 공통 */
.cont-template {margin: 5% 0 10%;}
.cont-template span {vertical-align: baseline;}
.cont-template .inner-wrap {margin: 0 var(--inner-padding); border: 1px solid #ccc; border-radius: 3rem; padding: 7rem 5rem 10rem; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.cont-tab-list {margin: 0 var(--inner-padding) 0;}
.cont-tab-list ul {display: flex; align-items: center;}
.cont-tab-list ul li a {padding: 1rem 3.5rem;}
.cont-tab-list ul li:first-child a {padding-left: 0;}
.cont-tab-list ul li:hover a span {color: #666;}
.cont-tab-list ul li a span {position: relative; font-size: 2.4rem; color: #aaa; font-weight: 400; line-height: 1; text-align: center;}
.cont-tab-list ul li.on a span {color: #222; font-weight: 500;}
.cont-tab-list ul li:hover a span::after {z-index: -1; content: ''; position: absolute; right: -1.8rem; top: 50%; transform: translateY(-50%); display: block; width: 6rem; height: 6rem; background-color: #eeeeee; border-radius: 50%;}
.cont-tab-list ul li.on a span::after {z-index: -1; content: ''; position: absolute; right: -1.8rem; top: 50%; transform: translateY(-50%); display: block; width: 6rem; height: 6rem; background-color: #a0e2b0; border-radius: 50%;}
.cont-tab-list ul li+li {position: relative;}
.cont-tab-list ul li+li::before {content: ''; width: 0.8rem; height: 0.8rem; border: 2px solid #1d548f; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}


.bulletin-common-arrow {margin: 5.5rem 5rem 0; display: flex; justify-content: center; align-items: center;}
.bulletin-common-arrow .arrow+.arrow {margin-left: 0.5rem;}
.bulletin-common-arrow .arrow a {width: 100%; height: 100%; margin-top: 1rem; padding: 1rem; display: flex; align-items: center; justify-content: center;}
.bulletin-common-arrow .arrow a span {font-size: 0; display: block; width: 16px; height: 16px; background: url('../images/sub/program/prog-btn_start.png') no-repeat center / contain;}
.bulletin-common-arrow .arrow a.prev span {background: url('../images/sub/program/prog-btn_prev.png') no-repeat center / contain;}
.bulletin-common-arrow .arrow a.next span {background: url('../images/sub/program/prog-btn_next.png') no-repeat center / contain;}
.bulletin-common-arrow .arrow a.end span {background: url('../images/sub/program/prog-btn_end.png') no-repeat center / contain;}
.bulletin-common-arrow .num-box {margin: 0 2rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.bulletin-common-arrow .num-box .num {margin-top: 1rem; background-color: #383838; border-radius: 5px; width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center;}
.bulletin-common-arrow .num-box .num+.num {margin-left: 1rem;}
.bulletin-common-arrow .num-box .num span {font-size: 16px; font-weight: 500; color: #fff; line-height: 1; text-align: center;}
.bulletin-common-arrow .num-box .num:hover {background-color: #3d7abb;}
.bulletin-common-arrow .num-box .num.num-active {background-color: #1d548f;}
.bulletin-common-arrow li:nth-child(1):hover,
.bulletin-common-arrow li:nth-child(2):hover {animation: move-left 0.8s infinite;}
.bulletin-common-arrow li:nth-child(4):hover,
.bulletin-common-arrow li:nth-child(5):hover {animation: move-right 0.8s infinite;}
@keyframes move-left { 0%, 100% {transform: translateX(0);} 50% {transform: translateX(-5px);}}
@keyframes move-right { 0%, 100% {transform: translateX(0);} 50% {transform: translateX(5px);}}


.cont-next-btn {display: flex; justify-content: flex-end; padding-top: 4rem; border-top: 1px solid #e5e5e5;}
.cont-next-btn a {display: inline-block; padding: 2rem 5rem; border-radius: 9999px; border: 2px solid #000;}
.cont-next-btn a span {font-size: 20px; color: #222; line-height: 1; font-weight: 700; padding-left: 42px; position: relative;}
.cont-next-btn a span::after {content: ''; position: absolute; width: 25px; height: 15px; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/prs_arrow.png') no-repeat center / contain; filter: invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);}
.cont-next-btn a:hover {background-color: #222; }
.cont-next-btn a:hover span {color: #fff;}
.cont-next-btn a:hover span::after {filter: none;}

.cont-mypage-btn {display: flex; justify-content: flex-end; padding-top: 4rem;}
.cont-mypage-btn a {display: inline-block; padding: 2rem 5rem; border-radius: 9999px; border: 2px solid #000;}
.cont-mypage-btn a span {font-size: 20px; color: #222; line-height: 1; font-weight: 700; padding-left: 40px; position: relative;}
.cont-mypage-btn a span::after {content: ''; position: absolute; width: 18px; height: 20px; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/mypage-ico.png') no-repeat center / contain; filter: invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);}
.cont-mypage-btn a:hover {background-color: #222; }
.cont-mypage-btn a:hover span {color: #fff;}
.cont-mypage-btn a:hover span::after {filter: none;}

.cont-check-group {margin-bottom: 3.5rem; display: flex; align-items: center; justify-content: center;}
.cont-check-group label {font-size: 18px; color: #666; font-weight: 600; line-height: 1; cursor: pointer;}
.cont-check-group input {margin-right: 10px; border: 1.5px solid #c5c5c5; background-color: #efefef;  appearance: none; width: 18px; height: 18px; position: relative;}
.cont-check-group input:checked {border: 1.5px solid #5c5c5c;}
.cont-check-group input:checked::after {content: ''; width: 18px; height: 15px; position: absolute; right: -7.5px; top: -1px; background: url('../images/sub/program/login-check.png') no-repeat center / contain;}
.cont-check-group input:checked + label {color: #222;}


@media (max-width: 768px){
    .bulletin-common-arrow {margin: 3.5rem 3rem 0; font-size: 14px;}
}
@media (max-width: 576px){
    .cont-template .inner-wrap {border-radius: 2.5rem;}
    .cont-tab-list ul li{position: relative;}
    .cont-tab-list ul li::before {content: ''; width: 0.8rem; height: 0.8rem; border: 2px solid #1d548f; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
    .cont-tab-list ul li a span {font-size: 17px;}
    .cont-tab-list ul li.on a span::after, .cont-tab-list ul li:hover a span::after {width: 4rem; height: 4rem;}
}
@media (max-width: 480px){
    .cont-template .inner-wrap img {max-width: 50px;}
    .cont-template .inner-wrap {border-radius: 2rem;}

    .bulletin-common-arrow .num-box {display: none;}
    .bulletin-common-arrow {justify-content: center; margin: 4rem 0 0;}
}

















/* 로그인 페이지 - 일반 사용자용 */
.login-gen .txt-box {margin: 3.5rem 0 4rem;}
.login-gen .txt-box p {text-align: center; font-size: 2rem; font-weight: 400; color: #222;}
.login-gen .txt-box p span {font-weight: 700; font-size: 2.5rem;}
.login-gen .btn-box li {border-radius: 9999px; max-width: 50rem; height: 56px; margin: 0 auto; position: relative;}
.login-gen .btn-box li img{margin: 0 auto;}
.login-gen .btn-box li button {width: 100%; height: 100%; padding: 2rem 12.5rem 2rem calc(12.5rem + 9rem) ;}
.login-gen .btn-box li a {display: block; height: 100%;}
.login-gen .btn-box li span {position: relative; display: inline-block; font-size: 2rem; font-weight: 700; color: #fff; line-height: 1;}
.login-gen .btn-box li span::before {content: ''; position: absolute; left: -9.5rem; top: 50%; width: 7.2rem; height: 1.4rem; transform: translateY(-50%); background: url('../images/sub/program/login-ico_naver.png') no-repeat center / contain;}
.login-gen .btn-box li {margin-top: 1.5rem; background-color: #fae100;}
.login-gen .btn-box li+li {background-color: #03c75a; margin-top: 1.5rem;}
.login-gen .btn-box li button {color: #34191c; }
.login-gen .btn-box li:first-child span::before {left: -8.5rem; width: 4.2rem; height: 4rem; background-image: url('../images/sub/program/login-ico_kakao.png');}

#naver_id_login .naver_id_login_anchor img {opacity: 0;}
.login-gen .btn-box #naver_id_login {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#naver_id_login img {opacity: 0; height: 56px;}

@media (max-width: 576px){
    /* .login-gen .btn-box li a {padding: 2rem 8.5rem 2rem calc(8.5rem + 9rem) ;} */
    .login-gen .btn-box li button {width: 100%; height: 100%; padding: 2rem 8.5rem 2rem calc(8.5rem + 9rem) ;}
    .login-gen .inner-wrap {border-radius: 2.5rem;}
}
@media (max-width: 480px){
    .login-gen .txt-box p {font-size: 2.2rem; padding: 0 10%;}
    .login-gen .txt-box p span {font-size: 2.8rem;}
    .login-gen .btn-box {width: 100%;}
    .login-gen .btn-box li span {font-size: 2.2rem;}
    .login-gen .btn-box li button {padding: 2rem 5.5rem 2rem calc(5.5rem + 9rem) ;}
    .login-gen .inner-wrap img {max-width: 50px;}
    .login-gen .inner-wrap {border-radius: 2rem;}
}
@media (max-width: 350px){
    .login-gen .txt-box p {font-size: 16px; padding: 0 5%;}
    .login-gen .txt-box p span {font-size: 22px;}
    .login-gen .btn-box li span {font-size: 16px;}
    .login-gen .btn-box li button {padding: 2rem 3.5rem 2rem calc(3.5rem + 9rem) ;}
    .login-gen .btn-box li span::before {left: -8.5rem;}
    .login-gen .btn-box li+li span::before {left: -7.5rem;}
}



/* 로그인 페이지 - 학교 담당자용 */
.login-edu .txt-box {margin: 4rem 0 5rem; text-align: center;}
.login-edu .txt-box p {font-size: 2rem; font-weight: 400; color: #222; margin-bottom: 0.5rem;}
.login-edu .txt-box p strong {font-size: 2.2rem;}
.login-edu .txt-box p .txt-blue {color: #1d548f; font-weight: 700;}
.login-edu .txt-box p .txt-black {color: #222; font-weight: 700;}
.login-edu .txt-box small {font-size: 1.8rem; color: #666; font-weight: 400;}
.login-edu .cont-login {min-width: 45rem;}
.login-edu .login-box .enter-item li {background-color: #eaeaea; border-radius: 9999px; padding: 2rem 4rem;}
.login-edu .login-box .enter-item li input {width: 100%; height: 100%; font-size: 1.6rem; color: #222; font-weight: 600; line-height: 1;}
.login-edu .login-box .enter-item li input::placeholder {font-size: 1.6rem; color: #666; font-weight: 400; line-height: 1;}
.login-edu .login-box .enter-item li+li {margin-top: 1rem;}
.login-edu .check-box {display: flex; align-items: center; justify-content: flex-end; padding: 2.5rem 0 3rem;}
.login-edu .check-box li+li {margin-left: 2.5rem;}
.login-edu .check-box li input {border: 1.5px solid #5c5c5c; background-color: #efefef;  appearance: none; width: 1.8rem; height: 1.8rem; position: relative;}
.login-edu .check-box li label {font-size: 1.6rem; vertical-align: bottom; color: #222; font-weight: 600; line-height: 1; padding-left: 0.5rem; cursor: pointer;}
.login-edu .check-box li input:checked::after {content: ''; width: 1.8rem; height: 1.5rem; position: absolute; right: -7.5px; top: -1px; background: url('../images/sub/program/login-check.png') no-repeat center / contain;}
.login-edu .login-btn {background-color: #222; border-radius: 9999px; text-align: center;  margin-bottom: 6rem;}
.login-edu .login-btn:hover {background-color: #1d548f;}
.login-edu .login-btn a {width: 100%; height: 100%; padding: 2rem; }
.login-edu .login-btn a span {font-size: 2rem; font-weight: 700; color: #fff; line-height: 1;}
.login-edu .txt-att {font-size: 1.8rem; font-weight: 400; color: #222; text-align: center; display: ruby;}
.login-edu .txt-att a {font-weight: 700; color: #1d548f;}

@media (max-width: 1280px){
    .login-edu .login-box .enter-item li input::placeholder, .login-edu .check-box li label {font-size: 15px;}
    .login-edu .login-box .enter-item li input {font-size: 16px;}
    .login-edu .check-box li input:checked::after {right: -6px;}
}
@media (max-width: 768px){
    .login-edu .txt-box small {font-size: 15px;}
    .login-edu .login-btn a span, .login-edu .txt-att {font-size: 16px;}
    .login-edu .txt-box p {font-size: 18px;}
    .login-edu .txt-box p strong {font-size: 20px;}
    .login-edu .check-box {justify-content: center;}
}
@media (max-width: 576px){
    .login-edu .cont-login {min-width: 40rem;}
    .login-edu .txt-att {display: block;}
    .login-edu .txt-box p {padding: 0 12%;}
    .login-edu .txt-box p br {display: none;}
    .login-edu .login-btn {margin-bottom: 4rem;}
}
@media (max-width: 480px){
    .login-edu .cont-login {max-width: 32rem; min-width: initial;}
    .login-edu .txt-box p {padding: 0;}
}





/* 회원가입_추가입력 페이지 - 일반사용자용 */
.mem-gen {--board-color: #222;} /* WORK: 2025.04.04 sh */
.mem-gen .inner-wrap {padding: 5rem 6rem 0; margin-bottom: 5rem;}
.mem-gen .inner-wrap .txt-gud {font-size: 2rem; font-weight: 400; color: #222; line-height: 1.3; margin-bottom: 3.5rem;}
.mem-gen .inner-table tr {border-bottom: 1px solid #ccc; display: flex; align-items: center;}
.mem-gen .inner-table tr:first-child {border-top: 2px solid #000;}
.mem-gen .inner-table tr:last-child {border-bottom: none;}
.mem-gen .inner-table tr td:first-child {width: 13rem; padding: 2.4rem 2.2rem; border-right: 1px solid #e5e5e5;}
.mem-gen .inner-table tr td:first-child p {font-size: 1.8rem; font-weight: 700; color: #222; line-height: 1; position: relative;}
.mem-gen .inner-table tr td.ess p::before {content: '*'; font-size: 2rem; font-weight: 800; line-height: 1; color: #da673a; position: absolute; left: -1.8rem; top: 0.45rem;}
.mem-gen .inner-table tr td:last-child {width: calc(100% - 13rem); padding: 0 4.5rem;}
.mem-gen .tr-id td+td {display: flex; align-items: center;}
.mem-gen .id-sns>div {width: 3.6rem; height: 3.6rem; border-radius: 50%; display: none;}
.mem-gen .id-sns .naver {background-color: #03c75a;}
.mem-gen .id-sns .kakao {background-color: #fae100;}
.mem-gen .id-sns div.on {display: flex; justify-content: center; align-items: center;}
.mem-gen .id-txt {margin-left: 1rem;}
.mem-gen .id-txt, .mem-gen .name-txt {font-size: 1.8rem; color: #222; font-weight: 700; line-height: 1;}
.mem-gen .item-tel select, .mem-gen .item-tel input, .mem-gen .tr-school td+td input ,.mem-gen .tr-grade td+td input, .mem-gen .tr-file td+td input[type="text"] {font-size: 17px; color: #666; font-weight: 500; line-height: 1; border: 1.5px solid #dcdcdc;} /* WORK: 2025.04.04 sh */

.mem-gen .tr-tel td+td {display: flex; align-items: center;}
.mem-gen .item-tel {position: relative;}
.mem-gen .item-tel span, .mem-gen .tr-grade td+td span {font-size: 1.7rem; font-weight: 500; color: #666; line-height: 1; margin: 0 1.5rem 0 1.2rem; vertical-align: baseline;}
.mem-gen .item-tel select {cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative;}
.mem-gen .item-tel select option {cursor: pointer; font-size: 16px; color: #666; font-weight: 500; line-height: 1; }

.mem-gen .btn-certify button {display: none; margin-left: 1.5rem; border: 2px solid #222;}
.mem-gen .btn-certify button.active {display: block;}
.mem-gen .btn-certify button p {font-size: 1.6rem; color: #222; line-height: 1; font-weight: 700;}
.mem-gen .btn-certify button, .mem-gen .item-tel select, .mem-gen .item-tel input, .mem-gen .tr-school td+td input, .mem-gen .tr-grade td+td input, .mem-gen .tr-file td+td input[type="text"] {width: 17.5rem; height: auto; padding: 1.4rem 2.2rem; border-radius: 5px; max-height: 4.5rem;} /* WORK: 2025.04.04 sh */
.mem-gen .btn-certify button:hover, .mem-gen .btn-certify button+button {background-color: #222;}
.mem-gen .btn-certify button:hover p, .mem-gen .btn-certify button+button p {color: #fff;}
.mem-gen .tr-school td+td input {min-width: 50rem;}
.mem-gen .tr-grade td+td input {width: initial; text-align: center;}
.mem-gen .tr-grade td+td, .mem-gen .tr-mail td+td {display: flex; align-items: center;}
.mem-gen .tr-mail td+td {font-size: 16px; font-weight: 500; color: #666; line-height: 1;}
.mem-gen .tr-mail td+td .mail-txt {width: auto; display: inline-block;}
.mem-gen .tr-mail td+td span {margin: 0 1.5rem;}
.mem-gen .tr-mail td+td input {margin: 0.8rem 0;}
.mem-gen .tr-mail span {position: relative;}
.mem-gen .tr-mail td+td select {padding-right: 15px; margin-right: 1rem;}
.mem-gen .tr-job td+td {display: flex; align-items: center;}
.mem-gen .tr-job input[type="radio"] {width: 16px; height: 16px; appearance: none; border-radius: 50%; border: 4px solid #cacaca; background-color: #cacaca; position: relative; }
.mem-gen .tr-job input[type="radio"]:checked {background-color: #fff; border: 4px solid #000; }
.mem-gen .tr-job label {cursor: pointer; font-size: 1.7rem; margin-left: 0.7rem; font-weight: 500; color:#666; line-height: 1; margin-right: 6rem;}
.mem-gen .tr-job label:last-child {margin-right: 0;}

.mem-gen .check-box {margin-top: 5.5rem; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.mem-gen .check-agree {margin-bottom: 0.8rem;}
.mem-gen .check-agree input {border: 1.5px solid #5c5c5c; background-color: #efefef;  appearance: none; width: 1.8rem; height: 1.8rem; position: relative;}
.mem-gen .check-agree label {font-size: 1.8rem; vertical-align: bottom; color: #222; font-weight: 600; line-height: 1; padding-left: 0.5rem; cursor: pointer;}
.mem-gen .check-agree input:checked::after {content: ''; width: 1.8rem; height: 1.5rem; position: absolute; right: -7px; top: -1px; background: url('../images/sub/program/login-check.png') no-repeat center / contain;}
.mem-gen small {font-size: 1.6rem; color: #666; font-weight: 600; line-height: 1.3;}
.mem-gen .toc-wrap {padding-top: 4rem; margin-top: 5rem; border-top: 1px solid #e5e5e5;}
.mem-gen .toc-box+.toc-box {margin: 6rem 0 5rem;}
.mem-gen .toc-box p.tit {margin-left: 4rem; margin-bottom: 1.5rem; font-size: 2.5rem; color: #222; font-weight: 600; line-height: 1.3;}
.mem-gen .toc-box .bg-item {width: 100%; height: auto; background-color: #f6f6f6; border-radius: 3rem; padding: 5rem;}
.mem-gen .toc-box .bg-item p {font-size: 1.6rem; font-weight: 600; color: #444; line-height: 1.6;}
.mem-gen .toc-box ul {margin-top: 3rem; display: flex; justify-content: flex-end;}
.mem-gen .toc-box ul li+li {margin-left: 4rem;}
.mem-gen .toc-box ul li input {border: 1.5px solid #c5c5c5; background-color: #efefef;  appearance: none; width: 1.8rem; height: 1.8rem; position: relative;}
.mem-gen .toc-box ul li label {font-size: 1.8rem; vertical-align: bottom; color: #222; font-weight: 600; line-height: 1; padding-left: 0.7rem; cursor: pointer;}
.mem-gen .toc-box ul li input:checked {border: 1.5px solid #5c5c5c;}
.mem-gen .toc-box ul li input:checked::after {content: ''; width: 1.8rem; height: 1.5rem; position: absolute; right: -7px; top: -1px; background: url('../images/sub/program/login-check.png') no-repeat center / contain;}
.mem-gen .toc-box ul li input:not(:checked) + label {color: #666; font-weight: 500;}
.mem-gen .market-box {display: flex; align-items: center; background-color: #f6f6f6; width: 100%; height: auto; border-radius: 3rem; padding: 4rem 7rem;}
.mem-gen .market-box p {font-size: 1.8rem; font-weight: 600; color: #222; line-height: 1; margin-right: 6rem;}
.mem-gen .market-box ul {display: flex; align-items: center;}
.mem-gen .market-box ul li {cursor: pointer; display: flex; align-items: center; padding: 1rem;}
.mem-gen .market-box li:last-child {margin-left: 4.5rem;}
.mem-gen .market-box input {width: 16px; height: 16px; appearance: none; border-radius: 50%; border: 4px solid #cacaca; background-color: #cacaca; position: relative; }
.mem-gen .market-box input:checked {background-color: #fff; border: 4px solid #000; }
.mem-gen .market-box label {cursor: pointer; font-size: 1.7rem; margin-left: 1rem; font-weight: 600; color:#666; line-height: 1;}
.mem-gen .submit {background-color: #222; border-radius: 9999px; margin: 5rem auto 0; width: 35rem;}
.mem-gen .submit a {width: 100%; height: 100%; text-align: center; padding: 2rem;}
.mem-gen .submit a span {font-size: 2rem; color: #fff; font-weight: 700; line-height: 1;}
.mem-gen .submit:hover {background-color: #1d548f;}
.mem-gen .tr-mail td+td .mail-txt {margin: 0;height: auto;padding: 1.4rem 2.2rem;border-radius: 5px;max-height: 4.5rem;font-size: 17px;color: #666;font-weight: 500;line-height: 1;border: 1.5px solid #dcdcdc;min-width: 150px}


@media (max-width: 1280px){
    .mem-gen .btn-certify button, .mem-gen .item-tel select, .mem-gen .item-tel input,
    .mem-gen .tr-school td+td input, .mem-gen .tr-grade td+td input {width: 14rem; padding: 1rem 1.5rem; max-height: 4.5rem;}
    .mem-gen .item-tel::before {left: 95px;}
    .mem-gen .item-tel span, .mem-gen .tr-grade td+td span {font-size: 1.9rem;}
}
@media (max-width: 1024px){
    .mem-gen .inner-table tr td:last-child {padding: 0 3rem;}
    .mem-gen .item-tel select, .mem-gen .item-tel input,
    .mem-gen .tr-school td+td input, .mem-gen .tr-grade td+td input {width: 15rem; padding: 1rem 1.5rem; max-height: 4.5rem;}
    .mem-gen .item-tel::before {left: 105px;}
    .mem-gen .item-tel select, .mem-gen .item-tel input, .mem-gen .tr-school td+td input, .mem-gen .tr-grade td+td input {font-size: 16px;}
    .mem-gen .btn-certify button p {font-size: 15px;}
}
@media (max-width: 960px){
    .mem-gen .inner-wrap .txt-gud {text-align: center;}
    .mem-gen .inner-table tr {flex-direction: column; border-top: 1px solid #222;}
    .mem-gen .inner-table tr td:first-child {text-align: center; width: 100%; border-bottom: 1px solid #e5e5e5; border-right: none; background-color: #f5f5f5;}
    .mem-gen .inner-table tr td:last-child {text-align: center; width: 100%; padding: 3rem 2.2rem;}
    .mem-gen .inner-table tr td.ess {padding-left: 4rem;}
    .mem-gen .inner-table tr td.ess p { display: inline;}
    .mem-gen .toc-box .bg-item ,.mem-gen .market-box {border-radius: 2rem;}
    .mem-gen .check-agree {margin-bottom: 1.2rem;}
    .mem-gen .tr-tel td+td, .mem-gen .tr-id td+td, .mem-gen .tr-grade td+td, .mem-gen .tr-mail td+td, .mem-gen .tr-job td+td, .mem-gen .toc-box ul {justify-content: center;}
    .mem-gen .tr-school td+td input {min-width: initial; width: 100%; max-width: initial;}
    .mem-gen .toc-box p.tit {margin-left: 0; text-align: center;}
    .mem-gen .market-box {flex-direction: column; text-align: center; }
    .mem-gen .market-box p {margin-right: 0; margin-bottom: 2.5rem;}
    .mem-gen .toc-box .bg-item p {text-align: center;}
    .mem-gen .item-tel select, .mem-gen .item-tel input {width: 13rem; padding: 1rem 1.5rem; }
    .mem-gen .item-tel::before {left: 85px;}

}
@media (max-width: 768px){
    .mem-gen .tr-tel td+td {display: flex; flex-direction: column;}
    .mem-gen .btn-certify button {margin-left: 0; margin-top: 2rem; width: 100%; min-width: 47rem;}
    .mem-gen .toc-box .bg-item p,.mem-gen small {font-size: 15px;}
    .mem-gen .toc-box ul li input:not(:checked) + label, .mem-gen .market-box p, .mem-gen .market-box label, .mem-gen .toc-box ul li label {font-size: 16px;}
    .mem-gen .check-agree label,.mem-gen .tr-job label,.mem-gen .tr-mail td+td .mail-txt,.mem-gen .tr-mail td+td select, .mem-gen .tr-mail td+td span, .mem-gen .tr-mail td+td select {font-size: 16px;}
    .mem-gen .inner-table tr td:first-child p {font-size: 17px;}
    .mem-gen .tr-school td+td input, .mem-gen .btn-certify button p, .mem-gen .id-txt, .mem-gen .name-txt, .mem-gen .tr-grade td+td span  {text-align: center; font-size: 16px;}
    .mem-gen .btn-certify button {padding: 1.2rem 4rem; max-height: initial;}
    .mem-gen .tr-mail td+td {display: flex; flex-direction: column; justify-content: center;}
    .mem-gen .tr-mail td+td span {margin: 2rem 0;}
}
@media (max-width: 576px){
    .mem-gen .toc-box .bg-item ,.mem-gen .market-box {border-radius: 1.5rem;}
    .mem-gen .btn-certify button {min-width: 25rem;}
    .mem-gen .tr-school td+td input {min-width: initial;}
    .mem-gen .tr-job label {margin-right: 3rem;}
    .mem-gen .inner-wrap {padding: 4rem 4rem 0;}
    .mem-gen .tr-grade td+td input {width: 8rem;}
    .mem-gen .item-tel select, .mem-gen .item-tel input {width: 22.5rem;}
    .mem-gen .item-tel input:last-child {width: 25rem;}
    .mem-gen .item-tel {display: flex;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
    .mem-gen .item-tel input {margin-top: 1.5rem;}
    .mem-gen .item-tel::before {right: 40px; left: initial; top: 15px; transform: initial;}
    .mem-gen .item-tel span {margin: 1rem 0 0 1.5rem;}
    .mem-gen .item-tel {width: 25rem;}
    .mem-gen .tr-job td+td { display: flex; flex-direction: column; align-items: center;}
    .mem-gen .tr-job label {margin: 1.5rem 0 4rem; text-align: center;}
    .mem-gen .tr-job label:last-child {margin-bottom: 0;}
    .mem-gen .tr-id td+td {display: flex; flex-direction: column; justify-content: center;}
    .mem-gen .tr-id td+td .id-txt {margin-top: 2rem;}
}
@media (max-width: 480px){
    .mem-gen .tr-mail td+td input {text-align: center;}
}




/* 프로그램 신청내역 */
.prog-signup .tit {margin-bottom: 3.5rem;}
.prog-signup .tit strong {font-size: 3rem; color: #222; line-height: 1; font-weight: 600;}
.prog-signup .tit p {margin-top: 1.5rem; font-size: 1.8rem; color: #666; line-height: 1.3; font-weight: 500;}
.prog-signup .inner-wrap {padding: 5rem 5rem 6rem;}
.prog-signup #prog_Table {border-bottom: 2px solid #000; border-top: 2px solid #1d548f;}
.prog-signup #prog_Table thead {background-color: #000;}
.prog-signup #prog_Table thead tr th {padding: 2rem; text-align: center; font-size: 1.8rem; color: #fff; line-height: 1; font-weight: 600;}
.prog-signup #prog_Table thead tr th+th {border-left: 1px solid #333;}
.prog-signup #prog_Table thead tr th:nth-child(1) {width: 75px;}
.prog-signup #prog_Table thead tr th:nth-child(2) {width: calc(1025px * 0.325);}
.prog-signup #prog_Table thead tr th:nth-child(3) {width: calc(1025px * 0.225);}
.prog-signup #prog_Table thead tr th:nth-child(4) {width: calc(1025px * 0.225);}
.prog-signup #prog_Table thead tr th:nth-child(5) {width: calc(1025px * 0.225);}
.prog-signup #prog_Table thead tr th:nth-child(6),
.prog-signup #prog_Table thead tr th:nth-child(7) {width: 100px;}
.prog-signup #prog_Table tbody tr:hover {background-color: #f1f1f1;}
.prog-signup #prog_Table tbody tr+tr {border-top: 1px solid #d6d6d6;}
.prog-signup #prog_Table tbody tr td+td {border-left: 1px solid #d6d6d6;}
.prog-signup #prog_Table tbody tr td.number {text-align: center;}
.prog-signup #prog_Table tbody tr td.number span {font-size: 1.7rem; color: #222; line-height: 1; font-weight: 600;}
.prog-signup #prog_Table tbody tr td.prog-name a {padding: 2rem; width: 100%; height: 100%; text-align: center; word-break: break-word;}
.prog-signup #prog_Table tbody tr td.prog-name p {font-size: 1.7rem; color: #222; line-height: 1.3; font-weight: 600;}
.prog-signup #prog_Table tbody tr td.prog-name:hover p {color: #1d548f;}
.prog-signup #prog_Table tbody tr td.td-day .day-box {display: flex; justify-content: center; align-items: center;}
.prog-signup #prog_Table tbody tr td.td-day p,
.prog-signup #prog_Table tbody tr td.td-day span {font-size: 1.5rem; color: #666; font-weight: 600; line-height: 1;}
.prog-signup #prog_Table tbody tr td.td-day span {margin: 0 0.5rem;}
.prog-signup #prog_Table tbody tr td.state>div {border-radius: 9999px; text-align: center; display: none; width: 75px; height: 30px; margin: auto;}
.prog-signup #prog_Table tbody tr td.state>div.active {display: flex; justify-content: center; align-items: center;}
.prog-signup #prog_Table tbody tr td.state>div>span,
.prog-signup #prog_Table tbody tr .can span {font-size: 1.5rem; font-weight: 600; line-height: 1; color: #fff;}
.prog-signup #prog_Table tbody tr td.state .end {background-color: #da673a;}
.prog-signup #prog_Table tbody tr td.state .reg {background-color: #079a3e;}
.prog-signup #prog_Table tbody tr td.state .select {background-color: #1d548f;}
.prog-signup #prog_Table tbody tr td.state .not-select {background-color: #bebebe;}
.prog-signup #prog_Table tbody tr td.state .choice {border: 2px solid #079a3e;}
.prog-signup #prog_Table tbody tr td.state .choice span {color: #079a3e;}
.prog-signup #prog_Table tbody tr td.state .not-choice {border: 2px solid #bebebe;}
.prog-signup #prog_Table tbody tr td.state .not-choice span {color: #bebebe;}
.prog-signup #prog_Table tbody tr .can {background-color: #4a4a4a; border-radius: 9999px;  text-align: center; margin: auto; width: 75px; height: 30px; display: flex; justify-content: center; align-items: center;}
.prog-signup #prog_Table tbody tr .can:hover {background-color: #000;}
.prog-signup .btn-wrap {margin: 5.5rem 5rem 0; display: flex; justify-content: center; align-items: center;}
.prog-signup .btn-wrap .arrow+.arrow {margin-left: 0.5rem;}
.prog-signup .btn-wrap .arrow a {width: 100%; height: 100%; margin-top: 1rem; padding: 1rem; display: flex; align-items: center; justify-content: center;}
.prog-signup .btn-wrap .arrow a span {font-size: 0; display: block; width: 16px; height: 16px; background: url('../images/sub/program/prog-btn_start.png') no-repeat center / contain;}
.prog-signup .btn-wrap .arrow a.prev span {background: url('../images/sub/program/prog-btn_prev.png') no-repeat center / contain;}
.prog-signup .btn-wrap .arrow a.next span {background: url('../images/sub/program/prog-btn_next.png') no-repeat center / contain;}
.prog-signup .btn-wrap .arrow a.end span {background: url('../images/sub/program/prog-btn_end.png') no-repeat center / contain;}
.prog-signup .btn-wrap .num-box {margin: 0 2rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.prog-signup .btn-wrap .num-box .num {margin-top: 1rem; background-color: #383838; border-radius: 5px; width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center;}
.prog-signup .btn-wrap .num-box .num+.num {margin-left: 1rem;}
.prog-signup .btn-wrap .num-box .num span {font-size: 16px; font-weight: 500; color: #fff; line-height: 1; text-align: center;}
.prog-signup .btn-wrap .num-box .num:hover {background-color: #3d7abb;}
.prog-signup .btn-wrap .num-box .num.num-active {background-color: #1d548f;}
.prog-signup .btn-wrap li:nth-child(1):hover,
.prog-signup .btn-wrap li:nth-child(2):hover {animation: move-left 0.8s infinite;}
.prog-signup .btn-wrap li:nth-child(4):hover,
.prog-signup .btn-wrap li:nth-child(5):hover {animation: move-right 0.8s infinite;}
@keyframes move-left { 0%, 100% {transform: translateX(0);} 50% {transform: translateX(-5px);}}
@keyframes move-right { 0%, 100% {transform: translateX(0);} 50% {transform: translateX(5px);}}


@media (max-width: 1280px){
    .prog-signup #prog_Table tbody tr td.td-day .day-box {flex-direction: column;}
    .prog-signup #prog_Table tbody tr td.td-day span {margin: 0.8rem;}
    .prog-signup #prog_Table tbody tr td.td-day .day-box {margin: 2rem 0;}
    .prog-signup #prog_Table thead tr th:nth-child(2) {width: calc((100% - 175px) * 0.65);}
    .prog-signup #prog_Table thead tr th:nth-child(3) {width: calc((100% - 175px) * 0.15);}
    .prog-signup #prog_Table thead tr th:nth-child(4) {width: calc((100% - 175px) * 0.15);}
    .prog-signup #prog_Table thead tr th:nth-child(5) {width: calc((100% - 175px) * 0.15);}
    .prog-signup #prog_Table {width: 1000px;}
    .prog-signup .scrll-box {max-width: 100%; overflow-x: auto; overflow-y: hidden;}
}
@media (max-width: 768px){
    .prog-signup .inner-wrap {padding: 3rem 3rem 4rem;}
    .prog-signup .btn-wrap {margin: 3.5rem 3rem 0;}
    .prog-signup #prog_Table tbody tr td.td-day .day-box {margin: 1.5rem;}
    .prog-signup .tit p {font-size: 16px;}
    .prog-signup #prog_Table tbody tr td.number span,
    .prog-signup #prog_Table tbody tr td.prog-name p,
    .prog-signup #prog_Table tbody tr td.state>div>span,
    .prog-signup .btn-wrap .num-box .num span,
    .prog-signup #prog_Table tbody tr .can span,
    .prog-signup #prog_Table thead tr th {font-size: 15px;}
    .prog-signup #prog_Table tbody tr td.td-day p,
    .prog-signup #prog_Table tbody tr td.td-day span {font-size: 14px;}
}
@media (max-width: 480px){
    .prog-signup .btn-wrap .num-box {display: none;}
    .prog-signup .btn-wrap {justify-content: space-between; margin: 4rem 0 0;}
}





/* 단체프로그램 - 프로그램안내 */
.prog-sel .contents-wrap {display: flex; justify-content: space-between; align-items: flex-start;}
.prog-sel .tit-box {margin: 3.5rem var(--inner-padding) 8rem; border-radius: 3rem; border: 1px solid #222; padding: 3.5rem;}
.prog-sel .tit-box p {font-size: 3.5rem; font-weight: 500; color: #222; text-align: center; line-height: 1.3;}
.prog-sel .calendar {width: 100%; border-collapse: collapse;}
.prog-sel .calendar-container {width: 80rem; margin-bottom: 3.5rem;}
.prog-sel .calendar-container .select-box {display: flex; justify-content: space-between; margin-bottom: 3rem; align-items: center;}
.prog-sel .calendar-container .select-box p {font-size: 1.7rem; position: relative; color: #666; font-weight: 700;}
.prog-sel .calendar-container .select-box p::before {content: ''; width: 25px; height: 27px; position: absolute; left: -3.4rem; top: -4px; background: url('../images/sub/program/select-day.png') no-repeat center / contain;}
.prog-sel .calendar-container .select-box p span {color: #222;}
.prog-sel .calendar-container .select-box ul {align-items: center; list-style: none; display: flex; justify-content: space-between; padding: 0;}
.prog-sel .calendar-container .select-box ul li {position: relative;}
.prog-sel .calendar-container .select-box ul li a {padding: 1.5rem;}
.prog-sel .calendar-container .select-box ul li a span {font-size: 0; display: block; width: 16px; height: 16px; background: url('../images/sub/program/select-start.png') no-repeat center / contain;}
.prog-sel .calendar-container .select-box ul li.prev a span {background: url('../images/sub/program/select-prev.png') no-repeat center / contain;}
.prog-sel .calendar-container .select-box ul li.next a span {background: url('../images/sub/program/select-next.png') no-repeat center / contain;}
.prog-sel .calendar-container .select-box ul li.last a span {background: url('../images/sub/program/select-last.png') no-repeat center / contain;}
.prog-sel .calendar-container .select-box ul li:nth-child(1):hover,
.prog-sel .calendar-container .select-box ul li:nth-child(2):hover {animation: move-left 0.8s infinite;}
.prog-sel .calendar-container .select-box ul li:nth-child(4):hover,
.prog-sel .calendar-container .select-box ul li:nth-child(5):hover {animation: move-right 0.8s infinite;}
.prog-sel .calendar-container .select-box .ym {margin: 0 2rem;}
.prog-sel .calendar-container .select-box .ym select {cursor: pointer; font-size: 3.6rem; font-weight: 700; color: #222; text-align: center; line-height: 1;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.prog-sel .calendar-container .select-box .ym span {font-size: 3.6rem; font-weight: 700; color: #222; text-align: center; line-height: 1; vertical-align: bottom; margin-right: 2px;}
.prog-sel .calendar-container .select-box .ym select option {font-size: 18px; font-weight: 600;}
.prog-sel .calendar-box thead tr th {width: calc(100% / 7); padding: 1.6rem; background-color: #222; color: #fff; font-size: 16px; line-height: 1; font-weight: 700; text-align: center;}
.prog-sel .calendar-box thead tr th:first-child {color: #e16522;}
.prog-sel .calendar-box thead tr th:last-child {color: #5a8fc9;}
.prog-sel .calendar-box td {height: 100px; text-align: left; }
.prog-sel .calendar-box td a {cursor: pointer; padding: 1.5rem; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; height: 100%;}
.prog-sel .calendar-box td a span {font-size: 14px; font-weight: 700; color: #222; line-height: 1; text-align: center;}
.prog-sel .calendar-box .breakday a, .prog-sel .calendar-box td.finishday a {flex-direction: column;}
.prog-sel .calendar-box .breakday a span:last-child, .prog-sel .calendar-box td.finishday a span:last-child {margin: auto;}
.prog-sel .calendar-box td.holiday span, .prog-sel .calendar-box td.finishday span:last-child {color: #e03a00;}
.prog-sel .calendar-box td.breakday span:last-child {color: #b0b0b0;}
.prog-sel .calendar-box td:hover {background-color: #eff3f7;}
.prog-sel .calendar-box tr {border-bottom: 1px solid #d2d2d2;}
.prog-sel .calendar-box td {border-left: 1px solid #f5f5f5;  position: relative; z-index: 10;}
.prog-sel .calendar-box td:last-child {border-right: 1px solid #f5f5f5;}
/* .prog-sel .calendar-box td.today {background-color: #f1f1f1;} */
.prog-sel .calendar-btn {border: 2px solid #222; border-radius: 9999px; display: inline-block;}
.prog-sel .calendar-btn a {padding: 1.8rem 4.8rem 1.8rem calc(4.8rem + 5rem); width: 100%; height: 100%;}
.prog-sel .calendar-btn a span {position: relative; font-size: 20px; font-weight: 700; color: #222; text-align: center; line-height: 1;}
.prog-sel .calendar-btn a span::before {content: ''; width: 16px; height: 15px; position: absolute; left: -3.2rem; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/select-h.png') no-repeat center / contain;}
.prog-sel .calendar-btn:hover {background-color: #222;}
.prog-sel .calendar-btn:hover a span {color: #fff;}
.prog-sel .calendar-btn:hover a span::before, .prog-sel .state-btn:hover a span::before {filter: invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);}
.prog-sel .state-area {margin-left: 4rem; width: calc(100% - 4rem - 80rem);}
.prog-sel .state-area .tit {margin: 1rem 0 3rem;}
.prog-sel .state-area .tit p {font-size: 3.6rem; color: #222; font-weight: 700; line-height: 1;}
.prog-sel .state-box {margin-bottom: 4rem;}
.prog-sel .state-box table {border-top: 1px solid #000;}
.prog-sel .state-box thead tr th {background-color: #1d548f; padding: 1.6rem; font-size: 16px; line-height: 1; font-weight: 700; color: #fff; text-align: center;}
.prog-sel .state-box input {padding: 0; margin: 0; width: 1.6rem; border: none; height: 1.6rem; background-color: #fff;}
.prog-sel .state-box label {font-size: 0;}
.prog-sel .state-box tbody tr {background-color: #eee;}
.prog-sel .state-box .f-box {display: flex; justify-content: center; align-items: center; padding: 2rem 0;}
.prog-sel .state-box tr td {text-align: center; font-size: 16px; padding: 1rem; color: #222; font-weight: 700; line-height: 1; border-top: 1px solid #dbdbdb;}
.prog-sel .state-box tr td+td {border-left: 1px solid #cfcfcf;}
.prog-sel .state-box tr th+th {border-left: 1px solid #3f6da0;}
.prog-sel .state-box tr td:last-child div {background-color: #3c3c3c; padding: 0.8rem 1.2rem; border-radius: 5px; display: none;}
.prog-sel .state-box tr td:last-child div span {font-size: 16px; line-height: 1; font-weight: 600; color: #fff; text-align: center;}
.prog-sel .state-box tr td:last-child div.active {display: inline; min-width: 55px;}
.prog-sel .state-box tr td:last-child .poss {background-color: #da673a;}
.prog-sel .state-box select {cursor: pointer; padding-right: 8px; padding: 1rem;}
.prog-sel .state-box select option {font-size: 16px; color: #666; font-weight: 600;}
.prog-sel .state-box select option:first-child {background-color: #ececec;}
.prog-sel .state-btn {border: 2px solid #222; border-radius: 9999px; float: right;}
.prog-sel .state-btn a {padding: 1.8rem 5rem 1.8rem calc(5rem + 4.5rem); width: 100%; height: 100%;}
.prog-sel .state-btn a span {position: relative; font-size: 20px; font-weight: 700; color: #222; text-align: center; line-height: 1;}
.prog-sel .state-btn a span::before {content: ''; width: 25px; height: 15px; position: absolute; left: -4.5rem; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/select-arrow.png') no-repeat center / contain;}
.prog-sel .state-btn:hover {background-color: #222;}
.prog-sel .state-btn:hover a span {color: #fff;}
.prog-sel .calendar-box td.selected {border: 1px solid #111; background-color: #f1f1f1;}

@media (max-width: 1280px){
    .prog-sel .contents-wrap {flex-direction: column;}
    .prog-sel .state-area {margin-left: 0; width: 100%; margin-top: 10rem;}
    .prog-sel .calendar-container, .prog-sel .calendar-area {width: 100%;}
    .prog-sel .calendar-area {display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .prog-sel .state-area {display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .prog-sel .state-box {width: 100%;}
    .prog-sel .state-btn {float: initial;}
}
@media (max-width: 768px){
    .prog-sel .calendar-container .select-box {flex-direction: column;}
    .prog-sel .calendar-container .select-box ul {margin-bottom: 2rem;}
    .prog-sel .calendar-container .select-box p {font-size: 17px;}
    .prog-sel .calendar-container .select-box p::before {top: -1px; left: -4.3rem;}
    .prog-sel table, .prog-sel table.calendar {width: 725px;}
    .prog-sel .calendar-box, .prog-sel .state-box {max-width: 100%; overflow-x: auto; overflow-y: hidden;}
    .prog-sel .tit-box p {font-size: 3rem;}
    .prog-sel .state-btn a span {font-size: 17px;}
    .prog-sel .state-btn a span::before {width: 22px; height: 15px; left: -4.8rem; top: calc(50% + 1px);}
    .prog-sel .calendar-btn a span::before {left: -3.5rem;}
}
@media (max-width: 576px){
    .cont-tab-list ul {margin-bottom: 2.5rem; flex-direction: column; align-items: center;}
    .cont-tab-list ul li:first-child a {padding-left: 3.5rem;}
    .cont-tab-list ul li:nth-child(2n) span {margin: 1.5rem 0;}
    .cont-tab-list ul li.on a span {font-size: 17px;}
    .prog-sel .calendar-container .select-box p::before {left: -4.4rem;}
}
@media (max-width: 480px){
    .prog-sel .calendar-container .select-box .ym select {font-size: 3.4rem;}
    .prog-sel .calendar-container .select-box p::before {left: -4.8rem;}
}







/* 단체프로그램 */
.prog-group .search-wrap {margin: 0 0 6rem; background-color: #d2dde9; border-radius: 3rem; padding: 3.5rem 4rem;}
.prog-group .search-wrap form {display: flex; justify-content: space-between; align-items: center; font-size: 17px; color: #666; font-weight: 500; line-height: 1;}
.prog-group .search-wrap .form-select {cursor: pointer; position: relative; background-color: #fff; border-radius: 5px;}
.prog-group .search-wrap .form-select::after {content: ''; position: absolute; width: 15px; height: 9px; right: 2rem; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/prog-group_arrow.png') no-repeat center / contain;}
.prog-group .search-wrap #date-type {cursor: pointer; padding: 1.4rem 9rem 1.4rem 2.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: none;}
.prog-group .search-wrap #date-type::-ms-expand {display: none;}

.prog-group .search-wrap .form-date {display: flex; cursor: pointer; align-items: center;}
.prog-group .search-wrap .form-date span {margin: 0 1.3rem;}
.prog-group .search-wrap .date-range {cursor: pointer; background-color: #fff; border-radius: 5px; position: relative;}
.prog-group .search-wrap .date-range input {cursor: text; padding: 1.3rem 12rem 1.3rem 2.4rem;}
.prog-group .search-wrap .date-range input[type="date"]::-webkit-calendar-picker-indicator {display: none;}
.prog-group .search-wrap .date-range::after {content: ''; position: absolute; width: 24px; height: 23px; right: 2rem; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/prog-group_ico00.png') no-repeat center / contain;}

.prog-group .search-wrap .form-search {border: 2px solid #000; border-radius: 5px; background-color: #fff; width: 100%;}
.prog-group .search-wrap .form-search input {padding: 1.1rem 2.4rem; width: 100%; }

.prog-group .form-searchbox {margin-left: 15px;}
.prog-group .form-searchbox, .prog-group .form-daybox {display: flex; align-items: center; width: 100%;}
.prog-group .form-daybox .form-group+.form-group, .prog-group .form-searchbox button {margin-left: 15px;}

.prog-group .search-wrap button {background-color: #000; border-radius: 5px; padding: 1.4rem 2.4rem; min-width: 108px;}
.prog-group .search-wrap button:hover {background-color: #1d548f}
.prog-group .search-wrap button span {padding-left: 30px; position: relative; font-weight: 700; color: #fff; text-align: center;}
.prog-group .search-wrap button span::before {content: ''; position: absolute; width: 20px; height: 20px; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/prog-group_search.png') no-repeat center / contain;}

.prog-group .li-prog {display: flex; margin-bottom: 4.5rem; padding-bottom: 4.5rem; border-bottom: #e7e8ea 1px solid;}
.prog-group .li-prog .img-box {margin-right: 45px; width: 500px; min-height: 25rem; border-radius: 3rem; overflow: hidden;}
.prog-group .li-prog .img-box img {width: 100%; height: 100%; object-fit: contain;}

.prog-group .li-prog .f-box {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.prog-group .li-prog .txt-item .tit {margin-bottom: 3.5rem;}
.prog-group .li-prog .txt-item .tit p {font-size: 3rem; font-weight: 600; color: #222; line-height: 1.3;}
.prog-group .li-prog .li-txt {display: flex; align-items: center;}
.prog-group .li-prog .li-txt .span-tit {font-size: 18px; font-weight: 700; color: #666; line-height: 1;}
.prog-group .li-prog .li-txt .span-middle {font-size: 18px; font-weight: 700; color: #666; line-height: 1; margin: 0 2.5rem; }
.prog-group .li-prog .li-txt .span-state {font-size: 17px; font-weight: 700; color: #666; line-height: 1;}
.prog-group .li-prog .li-txt .span-state .day-middle {margin: 1rem 0;}
.prog-group .li-prog .li-txt+.li-txt {margin-top: 2.5rem;}
.prog-group .li-prog .li-txt .ul-type li {display: none; padding: 0.8rem 2.5rem; border-radius: 9999px;}
.prog-group .li-prog .li-txt .ul-type li span {font-size: 17px; font-weight: 700; line-height: 1; color: #fff; text-align: center;}
.prog-group .li-prog .li-txt .ul-type li.type-on {display: inline;}
.prog-group .li-prog .li-txt .type-a { background-color: #079a3e;}
.prog-group .li-prog .li-txt .type-b {background-color: #da673a;}
.prog-group .li-prog .li-txt .type-c {background-color: #999;}
.prog-group .en-daybox {display: flex; align-items: center;}

.prog-group .li-txt .span-tit {position: relative; padding-left: 4rem;}
.prog-group .li-txt .span-tit::before {content: ''; position: absolute; width: 22px; height: 22px; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/prog-group_ico01.png') no-repeat center / contain;}
.prog-group .li-txt:nth-child(2) .span-tit::before {background: url('../images/sub/program/prog-group_ico02.png') no-repeat center / contain;}
.prog-group .li-txt:nth-child(3) .span-tit::before {background: url('../images/sub/program/prog-group_ico03.png') no-repeat center / contain;}
.prog-group .li-prog .submit-item {margin-left: 8%;}
.prog-group .li-prog .submit-item button {width: 14rem; height: 14rem; border-radius: 50%; border: 3px solid #1d548f; background-color: #fff; display: none;}
.prog-group .li-prog .submit-item button span {padding: 1rem; font-size: 20px; text-align: center; font-weight: 700; color: #1d548f;}
.prog-group .li-prog .submit-item button.type-on {display: flex; align-items: center; justify-content: center;}
.prog-group .li-prog .submit-item button.type-a:hover {background-color: #1d548f; cursor: url('../images/sub/program/hover-mouse.png'), pointer;}
.prog-group .li-prog .submit-item button.type-a:hover span {color: #fff;}
.prog-group .li-prog .submit-item button.type-b {background-color: #999; border: 3px solid #999;}
.prog-group .li-prog .submit-item button.type-b span {color: #fff;}

.prog-group .li-prog .img-box {border: 1px solid #dbdbdb;}
.prog-group .li-prog .img-box img {width: 100%; height: 100%; object-fit: cover;}


@media (max-width: 1280px){
    .prog-group .search-wrap #date-type {padding: 1.4rem 6rem 1.4rem 2.4rem;}
    .prog-group .search-wrap .date-range input {padding: 1.3rem 5rem 1.3rem 2.4rem;}
    .prog-group .search-wrap button {padding: 1.4rem; min-width: 95px;}
}
@media (max-width: 1024px){
    .prog-group .search-wrap form {flex-direction: column;}
    .prog-group .search-wrap #date-type {width: 100%;}
    .prog-group .form-daybox {justify-content: space-between; flex-direction: column; width: 100%; align-items: stretch;}
    .prog-group .form-daybox .form-group+.form-group {margin: 1.5rem 0;}
    .prog-group .form-searchbox {margin-left: 0;}
    .prog-group .search-wrap .date-range {width: 100%;}
    .prog-group .search-wrap .date-range input {width: 100%;}
    .prog-group .en-daybox {width: 100%;}
}
@media (max-width: 960px){
    .prog-group .li-prog {flex-direction: column;}
    .prog-group .li-prog .img-box {width: 100%; min-height: 35rem; margin-bottom: 3rem;}
    .prog-group .li-prog {margin-bottom: 6.5rem; padding-bottom: 6.5rem;}
    .prog-group .li-prog .li-txt .span-state {font-size: 16px;}
}
@media (max-width: 768px){
    .prog-group .form-daybox .form-group+.form-group {margin: 2rem 0;}


    .prog-group .li-prog .f-box {flex-direction: column; text-align: center;}
    .prog-group .li-prog .img-box {min-height: 25rem;}
    .prog-group .li-prog .li-txt {flex-direction: column;}
    .prog-group .li-prog .li-txt .span-middle {display: none;}
    .prog-group .li-prog .li-txt .span-state {margin: 0 0 3rem;}
    .prog-group .li-prog .li-txt .span-tit {margin-bottom: 2rem;}
    .prog-group .li-prog .li-txt .ul-type li {padding: 10px 25px;}
    .prog-group .li-prog .f-box {margin: 0 3%; width: 94%;}
    .prog-group .li-prog .submit-item {margin-top: 20%; margin-left: 0;}
}
@media (max-width: 576px){
    .prog-group .li-prog .submit-item {margin-left: 0; margin-top: 10%;}
    .prog-group .ul-txt {display: flex; flex-direction: column; align-items: center;}
    .prog-group .li-prog .img-box {width: 100%; min-height: 30rem;}
    .prog-group .li-prog .li-txt .ul-type li.type-on {display: flex; justify-content: center; align-items: center; }
    .prog-group .search-wrap form {font-size: 16px;}
    .prog-group .search-wrap .form-date {flex-wrap: wrap;}
    .prog-group .en-daybox {width: 100%; margin-top: 2rem;}
    .prog-group .form-searchbox {flex-direction: column;}
    .prog-group .search-wrap button {width: 100%; margin: 1.5rem 0 0;}
    .prog-group .search-wrap button span::before {width: 18px; height: 18px;}
    .prog-group .search-wrap .date-range::after {width: 20px; height: 20px;}
    .prog-group .li-prog .txt-item .tit p {text-align: center;}
}




/* 단체프로그램 - 상세 */
.prog-detail .tit-area {border-radius: 3rem; background-color: #f6f6f6; padding: 4.5rem 5rem;}
.prog-detail .li-prog {border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.prog-detail .inner-box {margin: 7rem var(--inner-padding) 9rem; padding: 0 5rem;}
.prog-detail .inner-box .tit {font-size: 3rem; font-weight: 600; color: #222; line-height: 1;}
.prog-detail .inner-txt {margin: 3rem 0 0; }
.prog-detail .inner-txt p {font-size: 1.8rem; color: #666; font-weight: 500; line-height: 1.5;}

.prog-detail .data-box {border-top: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; display: flex; align-items: center; padding: 3rem 0; }
.prog-detail .data-tit {width: 14.5rem; display: flex; justify-content: center; align-items: center;}
.prog-detail .data-tit span { font-size: 20px; font-weight: 600; color: #222; text-align: center; line-height: 1;}

.prog-detail .data-down {width: calc(100% - 14.5rem); padding: 0 4rem; position: relative;}
.prog-detail .data-down::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #e7e8ea; width: 1px; height: 17px;}
.prog-detail .data-down li+li {margin-top: 1rem;}
.prog-detail .data-down li a {width: 100%; height: 100%; }
.prog-detail .data-down li a p {word-break: break-all; padding-left: 40px; position: relative; font-size: 17px; font-weight: 600; color: #1d548f; line-height: 1.3;}
.prog-detail .data-down li a p::before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 17px; background: url('../images/sub/program/prog-down.png') no-repeat center / contain;}

.prog-detail .data-down li:hover a p {color: #222;}
.prog-detail .data-down li:hover a p:before {filter: brightness(0%);}

.prog-detail .in-btn {display: flex; justify-content: center; align-items: center; margin: 6.5rem 0;}
.prog-detail .in-btn a {padding: 2rem 5rem; border: 2px solid #222; border-radius: 9999px;}
.prog-detail .in-btn a span {text-align: center; position: relative; padding-left: 3rem; font-size: 20px; font-weight: 700; color: #222; text-align: center; line-height: 1;}
.prog-detail .in-btn a span::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/select-h.png') no-repeat center / contain; width: 16px; height: 16px;}
.prog-detail .in-btn a:hover {background-color: #222;}
.prog-detail .in-btn a:hover span {color: #fff;}
.prog-detail .in-btn a:hover span::before {filter: invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);}


@media (max-width: 1024px){
    .prog-detail .li-prog {flex-direction: column;}
    .prog-detail .li-prog .img-box {width: 100%; min-height: 25rem; margin-bottom: 3rem;}
    .prog-detail .li-prog .li-txt .span-state {font-size: 16px;}
    .prog-detail .inner-txt p {font-size: 18px;}
}
@media (max-width: 768px){
    .prog-detail .inner-txt p {font-size: 16px;}
    .prog-detail .data-box {flex-direction: column;}
    .prog-detail .data-down {width: 100%; padding: 4rem 0;}
    .prog-detail .data-tit {width: 100%; border-bottom: 1px solid #e7e8ea; padding: 2rem 0;}
    .prog-detail .data-down::before {display: none;}
    .prog-detail .data-box {padding: 0;}
    .prog-detail .inner-box {padding: 0;}
    .prog-detail .data-tit span {font-size: 18px;}
    .prog-detail .data-down li a p {font-size: 16px;}
    .prog-detail .inner-box .tit {text-align: center;}
    .prog-detail .inner-txt {text-align: center;}
}
@media (max-width: 650px){
    .prog-detail .li-prog .submit-item {margin-top: 10%; margin-left: 0;}
    .prog-detail .li-prog .f-box {flex-direction: column;}
    .prog-detail .ul-txt {display: flex; flex-direction: column; align-items: center;}
    .prog-detail .li-prog .img-box {width: 100%; min-height: 20rem;}
    .prog-detail .li-prog .li-txt .ul-type li.type-on {display: flex; justify-content: center; align-items: center; }
    .prog-detail .search-wrap form {font-size: 16px;}
    .prog-detail .search-wrap .form-date {flex-wrap: wrap;}
    .prog-detail .en-daybox {width: 100%; margin-top: 2rem;}
    .prog-detail .form-searchbox {flex-direction: column;}
    .prog-detail .search-wrap button {width: 100%; margin: 1.5rem 0 0;}
    .prog-detail .search-wrap button span::before {width: 18px; height: 18px;}
    .prog-detail .search-wrap .date-range::after {width: 20px; height: 20px;}
    .prog-detail .li-prog .txt-item .tit p {text-align: center;}
}
@media (max-width: 480px){
    .prog-detail .data-tit span {font-size: 17px;}
    .prog-detail .data-down li a p {font-size: 15px;}
}





/* 꿈을 보는 아이들 - 썸네일 게시판*/
.dream-kidd .arrow-box {margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center;}
.dream-kidd .arrow-box ul {align-items: center; list-style: none; display: flex; justify-content: space-between; padding: 0;}
.dream-kidd .arrow-box ul li {position: relative;}
.dream-kidd .arrow-box ul li a {padding: 2rem 2rem 2rem 0;}
.dream-kidd .arrow-box ul li a+a {padding: 2rem;}
.dream-kidd .arrow-box ul li a span {font-size: 0; display: block; width: 16px; height: 16px; background: url('../images/sub/program/dream_arrow_prev.png') no-repeat center / contain;}
.dream-kidd .arrow-box ul li.next a span {background: url('../images/sub/program/dream_arrow_next.png') no-repeat center / contain;}
.dream-kidd .arrow-box ul li:nth-child(1):hover {animation: move-left 0.8s infinite;}
.dream-kidd .arrow-box ul li:nth-child(3):hover {animation: move-right 0.8s infinite;}
.dream-kidd .arrow-box .ym {margin: 2rem 2rem 2.2rem;}
.dream-kidd .arrow-box .ym select {cursor: pointer; font-size: 3.2rem; font-weight: 800; color: #222; text-align: center; line-height: 1;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.dream-kidd .arrow-box .ym span {font-size: 3.6rem; font-weight: 700; color: #222; text-align: center; line-height: 1; vertical-align: bottom; margin-right: 2px;}
.dream-kidd .arrow-box .ym select option {font-size: 18px; font-weight: 600;}

.dream-kidd .cont-posting .check-box {display: flex; align-items: center; font-size: 25px; font-weight: 500; line-height: 1; color: #666;}
.dream-kidd .cont-posting .check-box>span {margin: 0 3.5rem; cursor: default;}
.dream-kidd .cont-posting .check-box a {cursor: pointer;  }
.dream-kidd .cont-posting .check-box a span {padding: 0 2px 10px;}
.dream-kidd .cont-posting .check-box a.active span {position: relative; color: #222; font-weight: 800; padding-left: 4.5rem; border-bottom: 2px solid #222;}
.dream-kidd .cont-posting .check-box a.active span::before {content: ''; position: absolute; left: 0; top: -1.5px; width: 30px; height: 30px; background: url('../images/sub/program/dream_ico01.png') no-repeat center / contain;}
.dream-kidd .cont-posting .check-box a:hover {font-weight: 600;}

.dream-kidd .cont-posting .cont-ul {margin-top: 5.5rem; border-bottom: 1px solid #dbdbdb; padding-bottom: 8rem;  display: grid; gap: 5rem 4rem; grid-template-columns: repeat(5, 1fr);}
.dream-kidd .cont-posting .li-item {max-width: 25rem;}
.dream-kidd .cont-posting .li-item:nth-child(n+6) {border-top: 1px solid #e7e8ea; padding-top: 6rem;}
.dream-kidd .cont-posting .li-item a {width: 100%; height: 100%; cursor: pointer;}
.dream-kidd .cont-posting .li-item .img-wrap {height: 33rem; border-radius: 3rem; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.dream-kidd .cont-posting .li-item .img-wrap img {width: 100%; height: 100%; object-fit: cover;}
.dream-kidd .cont-posting .li-item .img-wrap img.img-equim {width: 100%; height: 100%; object-fit: contain;}
.dream-kidd .cont-posting .li-item .txt-wrap {padding: 3rem 2rem 0;}
.dream-kidd .cont-posting .li-item .txt-wrap .tit-box {display: flex; align-items: flex-end; justify-content: space-between;}
.dream-kidd .cont-posting .li-item .txt-wrap .tit-box .tit {font-size: 2.5rem; font-weight: 600; color: #222; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dream-kidd .cont-posting .li-item .txt-wrap .tit-box .grade {margin-left: 5px;}
.dream-kidd .cont-posting .li-item .txt-wrap .tit-box .grade div {display: none; width: 50px; height: 26px; background-color: #079a3e; border-radius: 9999px;}
.dream-kidd .cont-posting .li-item .txt-wrap .tit-box .grade div span {font-size: 13px; text-align: center; font-weight: 700; color: #fff; line-height: 1;}
.dream-kidd .cont-posting .li-item .txt-wrap .tit-box .grade div.g-active {display: flex; justify-content: center; align-items: center;}
.dream-kidd .cont-posting .li-item .txt-wrap .tit-box .grade div.g-12,
.dream-kidd .cont-posting .li-item .txt-wrap .tit-box .grade div.g-15 {background-color: #eac038;}
.dream-kidd .cont-posting .li-item .txt-wrap .tit-box .grade div.g-19 {background-color: #da673a;}
.dream-kidd .cont-posting .li-item .txt-wrap .day-time {font-size: 17px; color: #666; font-weight: 600; line-height: 1.3; margin-top: 2.4rem;}
.dream-kidd .cont-posting .li-item .txt-wrap .type {font-size: 16px; color: #079a3e; line-height: 1; font-weight: 700; margin-top: 1.4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dream-kidd .cont-posting .li-item .txt-wrap .running-time {margin-top: 1.8rem; font-size: 16px; color: #666; line-height: 1; font-weight: 500;}
.dream-kidd .cont-posting .li-item:hover img {width: 130%; height: 130%; object-position: center; transition: all 1s ease; object-fit: cover;}
.dream-kidd .cont-posting .li-item:hover img.img-equim {width: 105%; height: 105%; object-position: center; transition: all 1s ease; object-fit: cover;}

@media (max-width: 1440px){
    .dream-kidd .cont-posting .cont-ul {gap: 5rem 4rem; grid-template-columns: repeat(4, 1fr);justify-items: center;}
    .dream-kidd .cont-posting .li-item:nth-child(n+5) {border-top: 1px solid #e7e8ea; padding-top: 6rem;}
    .dream-kidd .cont-posting .li-item .txt-wrap {padding: 3rem 1.5rem 0;}
}
@media (max-width: 1280px){
    .dream-kidd .cont-posting .cont-ul {margin-top: 8rem;}
    .dream-kidd .arrow-box, .dream-kidd .cont-posting .check-box { justify-content: center; align-items: center;}
    .dream-kidd .cont-posting .li-item {max-width: 24rem;}
    .dream-kidd .cont-posting .li-item .img-wrap {height: 31rem; border-radius: 2.5rem;}
    .dream-kidd .cont-posting .li-item .txt-wrap .day-time {font-size: 16px;}
    .dream-kidd .cont-posting .li-item .txt-wrap {padding: 3rem 0 0;}
    .dream-kidd .arrow-box ul li a {padding: 2rem;}

}
@media (max-width: 1024px){
    .dream-kidd .cont-posting .li-item {max-width: 22rem;}
    .dream-kidd .cont-posting .li-item .img-wrap {height: 27rem; border-radius: 2rem;}
    .dream-kidd .cont-posting .li-item .txt-wrap .tit-box .tit {font-size: 2.3rem;}
}
@media (max-width: 960px){
    .dream-kidd .cont-posting .cont-ul {gap: 5rem 3rem; grid-template-columns: repeat(3, 1fr);}
    .dream-kidd .cont-posting .li-item:nth-child(n+4) {border-top: 1px solid #e7e8ea; padding-top: 6rem;}
    .dream-kidd .cont-posting .check-box {font-size: 20px;}
    .dream-kidd .cont-posting .check-box a.active span::before {top: -0.5px; width: 24px; height: 24px;}
}
@media (max-width: 650px){
    .dream-kidd .cont-posting .cont-ul {display: flex; flex-direction: column;}
    .dream-kidd .cont-posting .li-item {max-width: initial;}
    .dream-kidd .cont-posting .li-item a {display: flex;}
    .dream-kidd .cont-posting .li-item .img-wrap {width: 20rem; height: 26rem;}
    .dream-kidd .cont-posting .li-item .txt-wrap {padding: 0 0 0 5rem; width: calc(100% - 25rem); display: flex; flex-direction: column; justify-content: center;}
    .dream-kidd .cont-posting .li-item .txt-wrap .type {font-size: 16px; margin-top: 1.4rem;  overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
    .dream-kidd .cont-posting .li-item .txt-wrap .tit-box {display: flex; align-items: center; width: 100%;; justify-content: flex-start;}
    .dream-kidd .cont-posting .li-item .txt-wrap .tit-box .grade {margin-left: 10px;}
    .dream-kidd .cont-posting .li-item .txt-wrap .tit-box .tit {font-size: 19px; font-weight: 700;}
    .dream-kidd .cont-posting .li-item:nth-child(n+2) {border-top: 1px solid #e7e8ea; padding-top: 6rem;}
}
@media (max-width: 480px){
    .dream-kidd .cont-posting .li-item a {flex-direction: column; align-items: center;}
    .dream-kidd .cont-posting .li-item .img-wrap {width: 30rem; height: 37rem;}
    .dream-kidd .cont-posting .li-item .txt-wrap .tit-box {align-items: center; width: 100%; justify-content: center;}
    .dream-kidd .cont-posting .li-item .txt-wrap {padding: 0; width: 80%; text-align: center; margin: 5rem 10% 0;}
    .dream-kidd .cont-posting .check-box {font-size: 18px;}
    .dream-kidd .cont-posting .check-box a.active span::before {top: 1px; width: 20px; height: 20px;}
}



/* 꿈을 보는 아이들 - 상세 */
.dream-detail .kidd-post {position: relative;}
.dream-detail .kidd-post .img-area {z-index: 999; position: relative;}
.dream-detail .kidd-post .img-box {position: absolute; left: var(--inner-padding); top: 6.5rem; width: 47.5rem; height: 63rem; border-radius: 3rem; overflow: hidden;}
.dream-detail .kidd-post .img-box img {width: 100%; height: 100%; object-fit: cover;}
.dream-detail .kidd-post .txt-area .bg {position: relative; background-color: #dfe7ef; width: 100%; padding: 10rem var(--inner-padding) 8rem;}
.dream-detail .kidd-post .txt-area .tit-wrap,
.dream-detail .kidd-post .txt-area .txt-wrap .txt-box {margin-left: calc(47.5rem + 10rem);}
.dream-detail .kidd-post .txt-area .tit-wrap .tit-box {display: flex; align-items: center;}
.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .tit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 2rem; font-size: 4rem; color: #222; line-height: 1; font-weight: 600;}
.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div {display: none; width: 54px; height: 26px; background-color: #079a3e; border-radius: 9999px;}
.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div span {font-size: 13px; text-align: center; font-weight: 700; color: #fff; line-height: 1;}
.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div.g-active {display: flex; justify-content: center; align-items: center;}
.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div.g-12,
.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div.g-15 {background-color: #eac038;}
.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div.g-19 {background-color: #da673a;}
.dream-detail .kidd-post .txt-area ul {margin-top: 3rem;}
.dream-detail .kidd-post .txt-area ul li {display: flex; align-items: center;}
.dream-detail .kidd-post .txt-area ul li+li {margin-top: 1.5rem;}
.dream-detail .kidd-post .txt-area ul li>span {margin: 0 2.2rem; font-size: 16px; color: #666; line-height: 1; font-weight: 600;}
.dream-detail .kidd-post .txt-area .subtit {min-width: 6.5rem; margin: 0; font-size: 18px; font-weight: 700; color: #666; line-height: 1;}
.dream-detail .kidd-post .txt-area .day-time p {font-size: 20px; font-weight: 600; color: #666; line-height: 1;}
.dream-detail .kidd-post .txt-area .type p {font-size: 18px; color: #079a3e; line-height: 1.3; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dream-detail .kidd-post .txt-area .running-time p {font-size: 16px; color: #666; line-height: 1; font-weight: 500;}
.dream-detail .kidd-post .txt-area .txt-wrap {z-index: -2; position: relative; margin: 0 var(--inner-padding) 5rem; padding-top: 7rem; min-height: 36rem;}
.dream-detail .kidd-post .txt-area .txt-wrap .txt-box p {font-size: 17px; font-weight: 600; color: #666; line-height: 1.5;}
.dream-detail .kidd-post .txt-area .txt-wrap .txt-box p+p {margin-top: 1.5rem;}
.dream-detail .btn-signup {position: absolute; z-index: 999; bottom: -7rem; right: var(--inner-padding); width: 14rem; height: 14rem; background-color: #000; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.dream-detail .btn-signup:hover {background-color: #1d548f; cursor: url('../images/sub/program/hover-mouse.png'), pointer;}
.dream-detail .btn-signup span {font-size: 20px; text-align: center; color: #fff; font-weight: 700; line-height: 1;}

.dream-detail .btn-wrap {border-top: 1px solid #e7e8ea; padding: 4.5rem var(--inner-padding) 0; display: flex; justify-content: flex-end;}
.dream-detail .btn-wrap a {padding: 2rem 5rem; border: 2px solid #222; border-radius: 9999px;}
.dream-detail .btn-wrap a span {text-align: center; position: relative; padding-left: 3rem; font-size: 20px; font-weight: 700; color: #222; text-align: center; line-height: 1;}
.dream-detail .btn-wrap a span::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/select-h.png') no-repeat center / contain; width: 16px; height: 16px;}
.dream-detail .btn-wrap a:hover {background-color: #222;}
.dream-detail .btn-wrap a:hover span {color: #fff;}
.dream-detail .btn-wrap a:hover span::before {filter: invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);}
.dream-detail .kidd-post .txt-area .txt-wrap .txt-box p:first-child {padding-right: 15rem;}

@media (max-width: 1280px){
    .dream-detail .btn-signup {bottom: -6rem; width: 12rem; height: 12rem;}
    .dream-detail .btn-signup span {font-size: 18px;}
    .dream-detail .kidd-post .txt-area .tit-wrap,
    .dream-detail .kidd-post .txt-area .txt-wrap .txt-box {margin-left: calc(40rem + 8rem);}
    .dream-detail .kidd-post .txt-area .txt-wrap {margin: 0 var(--inner-padding) 5rem; padding-top: 5rem; }
    .dream-detail .kidd-post .txt-area .bg {padding: 6rem var(--inner-padding) 6rem;}
    .dream-detail .kidd-post .img-box {width: 40rem; height: 55rem; top: 5.5rem; border-radius: 2.5rem;}
    .dream-detail .kidd-post .txt-area .tit-wrap .tit-box .tit {font-size: 3.8rem;}
}
@media (max-width: 1024px){
    .dream-detail .kidd-post .img-area {background-color: #dfe7ef; padding-top: 7rem;}
    .dream-detail .kidd-post .img-box {position: relative; top: initial; left: initial; margin: auto; width: 30rem; height: 42rem; border-radius: 2rem;}
    .dream-detail .kidd-post .txt-area .tit-wrap, .dream-detail .kidd-post .txt-area .txt-wrap .txt-box {margin-left: 0}
    .dream-detail .kidd-post .txt-area .tit-wrap {display: flex; flex-direction: column; width: 80%; margin: 0 10%; justify-content: center;}
    .dream-detail .kidd-post .txt-area ul {display: flex; flex-direction: column; align-items: center;}
    .dream-detail .kidd-post .txt-area .tit-wrap .tit-box {flex-direction: column-reverse;}
    .dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div {width: 80px; height: 36px; margin-bottom: 1.5rem;}
    .dream-detail .kidd-post .txt-area .tit-wrap .tit-box .tit {text-align: center; word-break: break-all; white-space: initial; overflow: initial; text-overflow: initial; margin-right: 0; font-size: 3.4rem; line-height: 1.25;}
    .dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div span {font-size: 20px;}
    .dream-detail .kidd-post .txt-area ul li {flex-direction: column;}
    .dream-detail .kidd-post .txt-area ul li>span:nth-child(2) {display: none;}
    .dream-detail .kidd-post .txt-area .type p {white-space: initial; text-overflow: initial; text-align: center; overflow: initial; word-break: break-all;}
    .dream-detail .kidd-post .txt-area ul li,
    .dream-detail .kidd-post .txt-area ul li+li {margin-top: 4rem;}
    .dream-detail .kidd-post .txt-area ul {margin-top: 0;}
    .dream-detail .kidd-post .txt-area {text-align: center;}

    .dream-detail .kidd-post .txt-area .subtit {font-size: 22px; min-width: initial; margin-bottom: 1rem;}
    .dream-detail .kidd-post .txt-area .day-time p, .dream-detail .kidd-post .txt-area .type p,
    .dream-detail .kidd-post .txt-area .running-time p {font-size: 19px;}
    .dream-detail .btn-signup {position: relative; margin: auto; right: initial; margin-bottom: 13%;}
    .dream-detail .kidd-post .txt-area .txt-wrap .txt-box p:first-child {padding-right: 0;}
    .dream-detail .btn-wrap {justify-content: center;}
    .dream-detail .btn-signup span {font-size: 16px;}
    .dream-detail .kidd-post .txt-area .txt-wrap .txt-box p {font-size: 16px;}
}
@media (max-width: 768px){
    .dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div span {font-size: 18px;}
    .dream-detail .kidd-post .txt-area .subtit {font-size: 20px;}
    .dream-detail .kidd-post .txt-area .day-time p, .dream-detail .kidd-post .txt-area .type p,
    .dream-detail .kidd-post .txt-area .running-time p {font-size: 17px;}
}
@media (max-width: 576px){
    .dream-detail .kidd-post .txt-area .tit-wrap .tit-box .grade div span {font-size: 16px;}
    .dream-detail .kidd-post .txt-area .subtit {font-size: 18px;}
    .dream-detail .kidd-post .txt-area .day-time p, .dream-detail .kidd-post .txt-area .type p,
    .dream-detail .kidd-post .txt-area .running-time p {font-size: 16px;}
}




/* 개인프로그램 - 프로그램 안내 */
.prog-prs .tit {font-size: 3rem; font-weight: 600; color: #222; margin-bottom: 2.5rem;}
.prog-prs .inner-box {background-color: #f6f6f6; border-radius: 3rem; padding: 6rem;}
.prog-prs .inner-box>ul>li+li {margin-top: 5rem;}
.prog-prs .inner-box>ul>li p {font-size: 2rem; font-weight: 600; color: #222; }
.prog-prs .inner-box>ul>li>ul {margin-top: 1.5rem; margin-left: 1rem;}
.prog-prs .inner-box>ul>li>ul>li {list-style: '-'; margin-left: 10px; padding-left: 5px; color: #666; font-size: 1.7rem; font-weight: 500; line-height: 1.3;}
.prog-prs .inner-box>ul>li>ul>li+li {margin-top: 0.8rem;}

.prog-prs .check-wrap {text-align: center; margin: 4rem 0;}
.prog-prs .check-wrap p {font-size: 2.2rem; font-weight: 600; color: #222; margin-bottom: 2rem;}
.prog-prs .check-box {display: flex; justify-content: center; align-items: center;}
.prog-prs .check-box label {display: flex; align-items: center;}
.prog-prs .check-box label+label {margin-left: 4rem;}
.prog-prs .check-box label span {font-size: 18px; color: #666; font-weight: 600; line-height: 1; padding-left: 12px; cursor: pointer;}
.prog-prs .check-box input {border: 1.5px solid #c5c5c5; background-color: #efefef;  appearance: none; width: 18px; height: 18px; position: relative;}
.prog-prs .check-box input:checked {border: 1.5px solid #5c5c5c;}
.prog-prs .check-box input:checked::after {content: ''; width: 18px; height: 15px; position: absolute; right: -7.5px; top: -1px; background: url('../images/sub/program/login-check.png') no-repeat center / contain;}
.prog-prs .check-box input[type="checkbox"]:checked + span {color: #222;}


@media (max-width: 768px){
    .prog-prs .inner-box>ul>li p, .prog-prs .check-wrap p, .prog-prs .next-btn a span {font-size: 18px;}
    .prog-prs .inner-box>ul>li>ul>li, .prog-prs .check-box label span {font-size: 16px;}
    .prog-prs .inner-box {padding: 5rem;}
}
@media (max-width: 576px){
    .prog-prs .inner-box>ul>li p, .prog-prs .check-wrap p, .prog-prs .next-btn a span {font-size: 17px;}
    .prog-prs .inner-box>ul>li>ul>li, .prog-prs .check-box label span {font-size: 15px;}
    .prog-prs .check-box {flex-direction: column;}
    .prog-prs .check-box label+label {margin-left: 0; margin-top: 2rem;}
}



/* 단체프로그램 - 신청완료 */
.prog-complete .contents-wrap .tit {font-size: 3rem; color: #222; font-weight: 600; margin-bottom: 2.5rem;}
.prog-complete .contents-wrap .inner-box {display: flex; justify-content: center; align-items: flex-start; background-color: #f6f6f6; border-radius: 3rem; padding: 11rem 5rem;}
.prog-complete .item-word {margin-top: 1.5rem; margin-left: 1.5rem;}
.prog-complete .contents-wrap .inner-tit {font-size: 3.5rem; font-weight: 600; color: #000; line-height: 1.2;}
.prog-complete .contents-wrap .inner-tit .txt-gr {color: #21a552;}
.prog-complete .contents-wrap .inner-tit .txt-b {position: relative;}
.prog-complete .contents-wrap .inner-tit .txt-b::after {content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px;  background-color: currentColor;}
.prog-complete .contents-wrap .inner-txt {margin-top: 2rem; font-size: 1.8rem; font-weight: 500; color: #666;}

@media (max-width: 768px){
    .prog-complete .contents-wrap .inner-txt {font-size: 16px;}
    .prog-complete .contents-wrap .inner-box {align-items: center;}
    .prog-complete .contents-wrap .inner-box {flex-direction: column;}
    .prog-complete .item-word {margin: 3rem 0 0; text-align: center;}
}
@media (max-width: 576px){
    .prog-complete .contents-wrap .inner-txt br {display: none;}
}
@media (max-width: 350px){
    .prog-complete .contents-wrap .inner-tit .txt-b::after {bottom: -2px;}
    .prog-complete .contents-wrap .inner-tit {line-height: 1.4;}
    .prog-complete .contents-wrap .inner-tit .txt-gr, .prog-complete .contents-wrap .inner-tit .txt-b {line-height: 1.2;}
}




/* 프로그램 안내 */
.prog-gud {margin-top: 0;}
.prog-gud .tit {font-size: 3rem; font-weight: 600; color: #222; line-height: 1; margin: 8rem 0 2rem;}
.prog-gud .cont-p_gud .tit {margin-top: 0;}
.prog-gud .cont-p_gud .con {display: flex; align-items: center;}
.prog-gud .cont-p_gud .con .logo {margin-right: 5rem;}
.prog-gud .cont-p_gud .con .logo img {width: 100%; height: 100%; object-fit: contain;}
.prog-gud .cont-p_gud .con .txt {width: calc(100% - 32.5rem); margin-left: auto;}
.prog-gud .cont-p_gud .con .txt p {font-size: 2rem; font-weight: 500; color: #222; margin-bottom: 0.5rem;}
.prog-gud .cont-p_gud .con .txt ul li {list-style: none; font-size: 1.7rem; font-weight: 500; color: #666;}
.prog-gud .cont-p_gud .con .txt ul li+li {margin-top: 0.5rem;}

.prog-gud .cont-way .tit {margin: 8rem var(--inner-padding) 2rem;}
.prog-gud .cont-way .bg-area {background-color: #dfe7ef; padding: 5rem 0;}
.prog-gud .cont-way .bg-area ul {display: grid; grid-template-columns: repeat(6, 1fr); gap: 5rem;}
.prog-gud .cont-way .bg-area ul li {background-color: #fff; display: flex; flex-direction: column; border-radius: 2rem; overflow: hidden;}
.prog-gud .cont-way .bg-area ul li .ico {height: 13rem; display: flex; justify-content: center; align-items: center;}
.prog-gud .cont-way .bg-area ul li .ico img {object-fit: contain;}
.prog-gud .cont-way .bg-area ul li .txt {background-color: #f3f5f7; text-align: center; padding: 2.5rem 0.5rem;}
.prog-gud .cont-way .bg-area ul li .txt span {font-size: 2rem; color: #222; font-weight: 700; line-height: 1;}

.prog-gud .cont-list ul li {font-size: 1.8rem; font-weight: 500; color: #222; list-style: '-'; padding-left: 10px; margin-left: 10px;}
.prog-gud .cont-list ul li+li {margin-top: 0.8rem;}
.prog-gud .cont-list .txt-org {color: #da673a; font-weight: 700;}
.prog-gud .cont-list .txt-blue {color: #215791; font-weight: 700;}



@media (max-width: 1280px){
    .prog-gud .cont-p_gud .con .txt p, .prog-gud .cont-way .bg-area ul li .txt span {font-size: 18px;}
    .prog-gud .cont-p_gud .con .txt ul li, .prog-gud .cont-list ul li {font-size: 16px;}
    .prog-gud .tit {font-size: 26px;}
    .prog-gud .cont-way .bg-area ul {gap: 4rem;}
}
@media (max-width: 1024px){
    .prog-gud .cont-p_gud .con .logo {margin-top: 1rem;}
    .prog-gud .cont-p_gud .con .logo img {max-height: 55px;}
    .prog-gud .cont-p_gud .con {align-items: flex-start; flex-direction: column;}
    .prog-gud .cont-p_gud .con .txt {width: 100%; margin-top: 1.5rem;}
    .prog-gud .cont-way .bg-area ul {grid-template-columns: repeat(3, 1fr); gap: 3rem;}
}
@media (max-width: 768px){
    .prog-gud .cont-p_gud .con .txt p, .prog-gud .cont-way .bg-area ul li .txt span {font-size: 17px;}
    .prog-gud .cont-p_gud .con .txt ul li, .prog-gud .cont-list ul li {font-size: 15px; line-height: 1.3;}
    .prog-gud .tit {font-size: 24px;}
}
@media (max-width: 576px){
    .prog-gud .cont-way .bg-area ul {grid-template-columns: repeat(2, 1fr); gap: 2rem;}
}
@media (max-width: 480px){
    .prog-gud .cont-way .bg-area ul {grid-template-columns: repeat(1, 1fr); gap: 3rem; }
    .prog-gud .cont-way .bg-area ul li {width: 25rem; margin: auto;}
    .prog-gud .cont-way .bg-area ul li .ico img {max-height: 50px; }
    .prog-gud .cont-way .bg-area ul li .ico {padding: 4rem 1rem; height: initial;}

}





/* 꿈을보는아이들 - 좌석선택 */
.dream-seat {margin-top: 0;}
.dream-seat .cont-mov_info {background-color: #dfe7ef; padding: 4.5rem 0;}
.dream-seat .mov-tit {margin-bottom: 1rem;}
.dream-seat .mov-tit p {font-size: 3rem; font-weight: 600; color: #222;}
.dream-seat .mov-cell thead tr {text-align: center; background-color: #000;}
.dream-seat .mov-cell thead tr th {font-size: 18px; font-weight: 600; color: #fff; padding: 2.4rem 0.5rem; line-height: 1;}
.dream-seat .mov-cell thead tr th+th {border-left: 1px solid #333;}
.dream-seat .mov-cell tbody {background-color: #fff;}
.dream-seat .mov-cell tbody tr {text-align: center;}
.dream-seat .mov-cell tbody tr td {padding: 1rem; font-size: 17px; font-weight: 600; color: #000; line-height: 1.3; }
.dream-seat .mov-cell tbody tr td+td {border-left: 1px solid #d6d6d6;}
.dream-seat .mov-cell tbody tr td.grade {padding: 1.6rem 1rem;}
.dream-seat .mov-cell tbody tr td.grade p {display: none;}
.dream-seat .mov-cell tbody tr td.grade p.g-active {display: flex; align-items: center; justify-content: center;}
.dream-seat .mov-cell tbody tr td.grade p.g-12 span,
.dream-seat .mov-cell tbody tr td.grade p.g-15 span {background-color: #eac038;}
.dream-seat .mov-cell tbody tr td.grade p.g-19 span {background-color: #da673a;}
.dream-seat .mov-cell tbody tr td.grade p span {margin-left: 10px; font-size: 13px; text-align: center; font-weight: 700; color: #fff; line-height: 1; padding: 8px 15px; background-color: #079a3e; border-radius: 9999px; vertical-align: var(--center-x);}

.dream-seat .cont-seat {margin-top: 3.5rem; display: flex; }
.dream-seat .seat-area  {width: 81.5rem; padding-top: 5rem;}
.dream-seat .seat-area .screen {margin-bottom: 1.4rem; padding: 1.5rem; border: 2.5px solid #1d548f; text-align: center;}
.dream-seat .seat-area .screen span {font-size: 18px; line-height: 1; color: #1d548f; font-weight: 700;}
.dream-seat .seat-area .seat-container {display: grid; grid-template-columns: repeat(13, 1fr); gap: 1.4rem;}
.dream-seat .seat-area .seat {
    background-color: #f3f3f3; border: 2px solid #1d548f; border-radius: 5px; cursor: pointer;
    text-align: center; display: flex; justify-content: center; align-items: center; width: 5rem; height: 5rem;
    font-size: 14px; font-weight: 700; color: #666; line-height: 1;
}
.dream-seat .seat-area .seat.selected {background-color: #1d548f; color: #fff;}
.dream-seat .seat-area .seat.disabled {pointer-events: none; background-color: #d5d6d8; position: relative;}
.dream-seat .seat-area .seat.disabled::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2.2rem; height: 2.2rem; background: url('../images/sub/program/seat-x.png') no-repeat center / contain;}
.dream-seat .seat-area .seat.group {border: none; background-color: initial; font-size: 0; position: relative; width: calc(5rem + 5rem + 1.4rem); font-weight: bold; display: flex; align-items: center; justify-content: center;  grid-column: span 2;}
.dream-seat .seat-area .group-2x2 {grid-column: span 2; grid-row: span 2; height: calc(5rem + 5rem + 1.4rem);}
.dream-seat .seat-area .seat.group::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 4.8rem; height: 4.8rem; background: url('../images/sub/program/seat-d_person.png') no-repeat center / contain;}
.dream-seat .seat-area .seat.group.selected::before {background: url('../images/sub/program/seat-d_person_.png') no-repeat center / contain;}

.dream-seat .info-area {width: calc(100% - 81.5rem - 4rem); margin-left: 4rem;}
.dream-seat .tit-wrap {margin-bottom: 1.5rem; display: flex; justify-content: space-between; align-items: flex-end;}
.dream-seat .tit-wrap h6 {font-size: 3.6rem; font-weight: 700; color: #222; line-height: 1;}
.dream-seat .tit-wrap p {font-size: 17px; color: #1d548f; font-weight: 700; line-height: 1;}
.dream-seat .select-info {margin-top: 8rem;}
.dream-seat .cell-ul {border-top: 2px solid #1d548f; border-bottom: 1px solid #ccc;}
.dream-seat .cell-ul li {display: flex; align-items: stretch;}
.dream-seat .cell-ul li .tit {background-color: #1d548f; width: 17rem; padding: 2rem 1rem; display: flex; align-items: center; justify-content: center; text-align: center;}
.dream-seat .cell-ul li .tit p {font-size: 16px; color: #fff; line-height: 1; font-weight: 700;}
.dream-seat .cell-ul li .txt {width: calc(100% - 17rem); padding: 1.8rem 3.5rem; display: flex; justify-content: space-between; align-items: center; background-color: #dfe7ef;}
.dream-seat .cell-ul li .txt #selected-seats {font-size: 19px; font-weight: 700; color: #1d548f; width: 100%;}
.dream-seat .cell-ul li .txt .seat-count {margin-left: 15px; white-space: nowrap; font-size: 16px; font-weight: 700; color: #222;}
.dream-seat .select-info .cell-ul li {display: flex; align-items: stretch;}
.dream-seat .select-info .cell-ul li .tit {background-color: #f3f3f3; justify-content: flex-start; padding-left: 4rem;}
.dream-seat .select-info .cell-ul li .tit p {font-weight: 700; color: #222; position: relative;}
.dream-seat .select-info .cell-ul li .txt {background-color: #fff; padding: 1.8rem 1.5rem; border-left:  1px solid #f5f5f5;}
.dream-seat .select-info .cell-ul li+li {border-top: 1px solid #ccc;}
.dream-seat .select-info .cell-ul li .txt input {min-height: 45px; width: 100%; border: 1px solid #dcdcdc; color: #666; font-weight: 500; line-height: 1; font-size: 16px; border-radius: 5px; padding: 5px 8px;}
.dream-seat .select-info .cell-ul li .txt.item-tel span {margin: 0 1.5rem;}
.dream-seat .tit.ess p::before {content: '*'; font-size: 2rem; font-weight: 800; line-height: 1; color: #da673a; position: absolute; left: -1.8rem; top: 0.2rem;}

.cont-seat-plus {margin-top: 10rem;}
.cont-seat-plus .ul-plus {border-top: 2px solid #2b5f96;}
.cont-seat-plus .ul-plus li {display: flex; border-bottom:  1px solid #ccc;}
.cont-seat-plus .ul-plus li>div {display: flex; align-items: center;}
.cont-seat-plus .ul-plus li>div .tit {border-right: 1px solid #e5e5e5; width: 17rem; background-color: #f3f3f3; padding: 2.5rem 1rem 2.5rem 4rem;}
.cont-seat-plus .ul-plus li>div .tit p {position: relative; font-size: 16px; color: #222; line-height: 1; font-weight: 700;}
.cont-seat-plus .ul-plus li>div .tit p::before {content: '*'; font-size: 2rem; font-weight: 800; line-height: 1; color: #da673a; position: absolute; left: -1.8rem; top: 0.2rem;}
.cont-seat-plus .ul-plus li .name {width: calc(81.5rem + 4rem);}
.cont-seat-plus .ul-plus li .tel {width: calc(100% - 81.5rem - 4rem);}
.cont-seat-plus .ul-plus li .item-tel {display: flex; align-items: center;}
.cont-seat-plus .ul-plus li>div .txt {width: calc(100% - 17rem); padding: 1rem;}
.cont-seat-plus .ul-plus li>div .txt input {min-height: 45px; width: 100%; border: 1px solid #dcdcdc; color: #666; font-weight: 500; line-height: 1; font-size: 16px; border-radius: 5px; padding: 5px 8px;}
.cont-seat-plus .ul-plus li>div .txt.item-tel span {margin: 0 1.5rem;}

.dream-seat .btn-wrap {margin-top: 8rem; display: flex; justify-content: space-between; align-items: flex-start;}
.dream-seat .btn-wrap a.btn-in {padding: 2rem 5rem; border: 2px solid #222; border-radius: 9999px; display: inline-block;}
.dream-seat .btn-wrap a.btn-in span {text-align: center; position: relative; padding-left: 3rem; font-size: 20px; font-weight: 700; color: #222; text-align: center; line-height: 1;}
.dream-seat .btn-wrap a.btn-in span::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/program/select-h.png') no-repeat center / contain; width: 16px; height: 16px;}
.dream-seat .btn-wrap a.btn-in:hover {background-color: #222;}
.dream-seat .btn-wrap a.btn-in:hover span {color: #fff;}
.dream-seat .btn-wrap a.btn-in:hover span::before {filter: invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);}

.dream-seat .btn-wrap a.btn-si {width: 14rem; height: 14rem; border-radius: 50%; border: 3px solid #1d548f; background-color: #fff; display: none;}
.dream-seat .btn-wrap a.btn-si span {padding: 1rem; font-size: 20px; text-align: center; font-weight: 700; color: #1d548f;}
.dream-seat .btn-wrap a.btn-si {display: flex; align-items: center; justify-content: center;}
.dream-seat .btn-wrap a.btn-si:hover {background-color: #1d548f; cursor: url('../images/sub/program/hover-mouse.png'), pointer;}
.dream-seat .btn-wrap a.btn-si:hover span {color: #fff;}


@media (max-width: 1440px){
    .dream-seat .cell-ul li {flex-direction: column;}
    .dream-seat .cell-ul li .tit, .dream-seat .cell-ul li .txt {width: 100%;}
    .cont-seat-plus .ul-plus li .name, .cont-seat-plus .ul-plus li .tel {width: 50%;}
}
@media (max-width: 1280px){
    .dream-seat .cont-seat {display: block; max-width: 100rem; margin: auto;}
    .cont-seat-plus {max-width: 100rem; margin: 7% auto 0;}
    .dream-seat .seat-area {margin: auto; width: 100%; padding-top: 8%;}
    .dream-seat .info-area, .dream-seat .btn-wrap {width: 100%; margin: 10% auto 0;}
    .dream-seat .btn-wrap {align-items: center; flex-direction: column-reverse;}
    .dream-seat .btn-wrap a.btn-si {margin-bottom: 5%;}
    .cont-seat-plus .ul-plus li>div .tit {width: 12rem;}
    .cont-seat-plus .ul-plus li>div .txt {width: calc(100% - 12rem);}
    .dream-seat .tit-wrap h6 {font-size: 3.2rem;}
    .dream-seat .seat-area .screen {margin-bottom: 2.5rem;}
}
@media (max-width: 1024px){
    .dream-seat .cont-seat, .cont-seat-plus {max-width: 81.5rem;}
}
@media (max-width: 768px){
    .dream-seat .cont-seat, .cont-seat-plus {max-width: 98%;}
    .cont-seat-plus .ul-plus li {flex-direction: column;}
    .cont-seat-plus .ul-plus li+li {margin-top: 2rem; border-top: 2px solid #2b5f96;}
    .cont-seat-plus .ul-plus li .name, .cont-seat-plus .ul-plus li .tel {width: 100%;}
    .cont-seat-plus .ul-plus li .tel {border-top: 1px solid #dbdbdb;}
    .cont-seat-plus .ul-plus li>div .tit {width: 15rem;}
    .cont-seat-plus .ul-plus li>div .txt {width: calc(100% - 15rem);}
    .cont-seat-plus .ul-plus li>div {align-items: stretch;}
    .cont-seat-plus .ul-plus li>div .tit {align-items: center; display: flex;}
    .dream-seat .seat-area .seat {font-size: 12px; width: 4.3rem; height: 4.3rem;}
    .dream-seat .seat-area .seat-container {gap: 1rem; justify-items: center;}
    .dream-seat .seat-area .seat.group {width: calc(4.3rem + 4.3rem + 1rem);}
    .dream-seat .seat-area .group-2x2 {height: calc(4.3rem + 4.3rem + 1rem);}
    .dream-seat {width: 100%;}
    .dream-seat .seat-area {max-width: 70rem;}
    .dream-seat .seat-area .seat.group::before {width: 4rem; height: 4rem;}
    .cont-seat-plus .ul-plus li>div .txt input {height: 40px; min-height: initial;}
}
@media (max-width: 576px){
    .dream-seat .seat-area {max-width: 600px; padding-top: 8rem;}
    .dream-seat .seat-container {overflow-x: scroll; width: 100%; padding-bottom: 5rem;}
    .dream-seat .tit-wrap h6 {font-size: 24px;}
    .dream-seat .tit-wrap p, .dream-seat .select-info .cell-ul li .txt input {font-size: 15px;}
    .dream-seat .btn-wrap a.btn-si {margin-bottom: 5rem;}
    .dream-seat .btn-wrap {margin-top: 10rem;}
    .dream-seat .seat-area .seat {border-radius: 3px;}
}
@media (max-width: 480px){
    .dream-seat .tit-wrap h6 {font-size: 22px;}
    .cont-seat-plus .ul-plus li>div {flex-direction: column;}
    .cont-seat-plus .ul-plus li>div .tit, .cont-seat-plus .ul-plus li>div .txt {width: 100%;}
    .dream-seat .info-area {margin-top: 10rem;}
    .cont-seat-plus {margin-top: 10rem;}
}











/* 관리자페이지 - 단체프로그램 - 목록 */
.cont-search-area {background-color: #d2dde9; padding: 4rem; display: flex; align-items: center; border-radius: 3rem;}
.cont-search-area .search-count {display: flex; align-items: center;}
.cont-search-area .search-count>div {white-space: nowrap;}
.cont-search-area .search-count>div span {font-size: 17px; font-weight: 700; color: #222; line-height: 1;}
.cont-search-area .search-count .total {position: relative; padding-left: 5rem;}
.cont-search-area .search-count .total::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 21px; height: 16px; background: url('../images/sub/program/search-list-ico00.png') no-repeat center / contain;}
.cont-search-area .search-count .page {margin-left: 4rem;}
.cont-search-area .search-count .page-count {color: #1d548f;}
.cont-search-area .serach-wrap {margin-left: 15rem; display: flex; align-items: stretch; width: 100%;}
.cont-search-area .serach-wrap input {color: #666; font-weight: 600; font-size: 17px; padding: 1rem; margin-right: 15px; background-color: #fff; width: calc(100% - 11rem - 15px); border: 2px solid #000; border-radius: 5px;}
.cont-search-area .search-btn {background-color: #000; display: inline-block; border-radius: 5px;}
.cont-search-area .search-btn a {padding: 1.2rem 2.5rem; width: 100%; height: 100%;}
.cont-search-area .search-btn a span {position: relative; font-size: 17px; font-weight: 700; color: #fff; line-height: 1; padding-left: 30px;}
.cont-search-area .search-btn a span::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url('../images/sub/program/search-list-ico01.png') no-repeat center / contain;}
.cont-search-area .search-btn:hover {background-color: #1d548f;}

.prog-grouplist .inner-area {margin-top: 10rem; border: 1px solid #ccc; border-radius: 3rem; padding: 5rem;}
.prog-grouplist .inner-area .tbl-pgm {border-bottom: 2px solid #000; margin-bottom: 5.5rem; text-align: center; border-top: 1px solid #1d548f;}
.prog-grouplist .inner-area .tr-hd {background-color: #000;}
.prog-grouplist .inner-area .tr-hd th {padding: 2rem 0.5rem; font-size: 18px; font-weight: 600; color: #fff; line-height: 1.3;}
.prog-grouplist .inner-area .tr-hd th+th {border-left: 1px solid #333;}
.prog-grouplist .th-act {width: 140px;}
.prog-grouplist .th-num, .prog-grouplist .th-type, .prog-grouplist .th-st, .prog-grouplist .th-mng {width: 75px;}
.prog-grouplist .th-day1, .prog-grouplist .th-day2 {width: 220px;}
.prog-grouplist .th-name {width: calc(100% - 140px - (75px * 4) - (220px * 2));}

.prog-grouplist .inner-area .tr-tb:hover {background-color: #f1f1f1;}
.prog-grouplist .inner-area .tr-tb td {font-size: 15px; font-weight: 600; color: #666; line-height: 1.3; border-bottom: 1px solid #d6d6d6;}
.prog-grouplist .inner-area .tr-tb td+td {border-left: 1px solid #d6d6d6;}
.prog-grouplist .td-num, .prog-grouplist .td-name {font-size: 17px; color: #222;}
.prog-grouplist .inner-area .tr-tb .td-act a+a {padding-left: 10px; margin-left: 10px; border-left: 1px solid #acacac;}
.prog-grouplist .inner-area .tr-tb .td-act { display: flex; align-items: center;}
.prog-grouplist .inner-area .tr-tb .td-st {text-align: center;}
.prog-grouplist .inner-area .tr-tb .td-st span {display: none;}
.prog-grouplist .inner-area .tr-tb .td-st span.td-active {display: block;}
.prog-grouplist .tr-tb td {cursor: default;}
.prog-grouplist .td-mng a, .prog-grouplist .inner-area .tr-tb .td-act a {cursor: pointer; position: relative;}
.prog-grouplist .inner-area .tr-tb .td-act a:hover {color: #1d548f;}
.prog-grouplist .inner-area .tbl-pgm {table-layout: fixed;}
.prog-grouplist .inner-area .tbl-pgm td {padding: 2rem 1rem; white-space: nowrap;  overflow: hidden;    text-overflow: ellipsis;}
.prog-grouplist .inner-area .tbl-pgm td.td-mng {padding: 0.5rem 1rem;}
.prog-grouplist .td-mng a {background-color: #1d548f; font-size: 14px; border-radius: 9999px; color: #fff; line-height: 1; padding: 5px;}
.prog-grouplist .td-mng a:hover {background-color: #000;}
.prog-grouplist .board-bottom  {margin-bottom: 0;}

@media (max-width: 1440px){
    .cont-search-area .serach-wrap {margin-left: 10rem;}
}
@media (max-width: 1280px){
    .prog-grouplist .table-container {width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
    .tbl-pgm { width: 1145px; border-collapse: collapse;}
    .prog-grouplist .inner-area .tr-hd th {font-size: 16px; padding: 1.5rem 1rem;}
    .cont-search-area .search-btn a {padding: 1.2rem 2rem; display: flex; align-items: center;}
    .cont-search-area .search-btn a span::before {top: calc(50% + 1px);}
}
@media (max-width: 1024px){
    .cont-search-area .serach-wrap {margin-left: 4rem;}
}
@media (max-width: 768px){
    .cont-search-area {flex-direction: column; align-items: initial;}
    .cont-search-area .search-count {margin-bottom: 3rem;}
    .cont-search-area .serach-wrap {margin-left: 0;}
    .cont-search-area .search-btn a span, .cont-search-area .search-count, .cont-search-area .search-count>div span {font-size: 16px;}
    .prog-grouplist .inner-area {margin-top: 8rem;}
}
@media (max-width: 480px){
    .cont-search-area .serach-wrap {flex-direction: column;}
    .cont-search-area .serach-wrap input {margin-right: 0; width: 100%;}
    .cont-search-area .search-btn {margin-top: 8px;}
    .cont-search-area .search-btn a {padding: 1.5rem; display: flex; justify-content: center; align-items: center;}
}




/* 영화제 소개 */
.cont-intro-form {margin: 0;}
.cont-intro-form .btn-select {margin-bottom: 1.5rem; position: relative; display: inline-block;}
.cont-intro-form .btn-select select {background-color: #1d548f; color: #fff; font-weight: 500; border-radius: 5px; border: 1px solid #1d548f; padding: 0.8rem 4rem 0.8rem 1rem; appearance: none; position: relative;}
.cont-intro-form .btn-select::after {content: ""; width: 15px; height: 10px; background: url('../images/sub/program/prog-group_arrow.png') no-repeat center / contain; position: absolute; right: 1rem;  top: 50%; transform: translateY(-50%);  color: #fff; pointer-events: none; filter: invert(100%) sepia(96%) saturate(15%) hue-rotate(212deg) brightness(104%) contrast(104%);}
.cont-intro-form .btn-select select option {background-color: #fff; color: #666; font-weight: 500;}
.cont-intro-form.dream-detail .kidd-post .txt-area .tit-wrap .tit-box {align-items: initial;}
.cont-intro-form .tit-box {flex-direction: column;}
.cont-intro-form .tit-box .small {font-size: 17px; font-weight: 600; color: #1d548f; line-height: 1; margin-bottom: 1rem;}
.cont-intro-form.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .tit {overflow: initial; white-space: initial; text-overflow: initial; margin-right: 0; line-height: 1.3;}
.cont-intro-form.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .tit br {display: none;}
.cont-intro-form .txt-area ul li p {font-weight: 600; font-size: 17px;}
.dream-detail .img-box {border: 1px solid #f1f1f1;}
.cont-intro-form.dream-detail .kidd-post .txt-area .subtit {min-width: 10.5rem;}
.cont-intro-form .txt-area .txt-wrap .txt-box p span {color: #1d548f; font-weight: 600;}
.cont-intro-form.dream-detail .kidd-post .img-box {height: 67rem;}
.cont-intro-form.dream-detail .kidd-post .txt-area .txt-wrap .txt-box p {font-weight: 500; line-height: 1.5;}
.cont-intro-form .txt-img {width: 100%; margin: 5% 0;}
.cont-intro-form.dream-detail .kidd-post .txt-area .txt-wrap .txt-box p:first-child {padding: 0;}

/* 팩트체크대회 */
.cont-fact.cont-intro-form.dream-detail .kidd-post .txt-area .subtit {min-width: initial;}
.cont-fact.dream-detail .kidd-post .txt-area .txt-wrap {min-height: 45rem;}

@media (max-width: 1280px){
    .dream-detail .kidd-post .img-box {width: 48rem; height: 65rem; top: 5.5rem;}
    .dream-detail .kidd-post .txt-area .tit-wrap, .dream-detail .kidd-post .txt-area .txt-wrap .txt-box {margin-left: calc(48rem + 8rem);}
}
@media (max-width: 1024px){
    .dream-detail .kidd-post .txt-area .tit-wrap, .dream-detail .kidd-post .txt-area .txt-wrap .txt-box {margin-left: 0; width: 100%;}
    .cont-intro-form.dream-detail .kidd-post .txt-area .tit-wrap .tit-box .tit br {display: block;}
    .dream-detail .kidd-post .img-box {top: initial;}
    .cont-intro-form.dream-detail .kidd-post .txt-area .tit-wrap .tit-box {display: flex; flex-direction: column;}
}




/* 오시는 길 */
.sub-maps {margin-bottom: 10%;}
.sub-maps .map-wrap {width: 100%; height: 55rem; position: relative;}
.sub-maps .map-wrap iframe {width: 100%; height: 100%;}
.sub-maps .map-wrap .txt-box {display: flex; border-radius: 2rem; justify-content: space-between; align-items: center; padding: 3rem 5rem; position: absolute; bottom: 1rem; background-color: #1d548f; width: calc(100% - 2rem); left: 50%; transform: translateX(-50%); color: #fff;}
.sub-maps .map-wrap .txt-box .txt {display: flex; align-items: baseline;}
.sub-maps .map-wrap .txt-box .txt li {padding-left: 3.8rem; position:relative; font-size: 2rem; font-weight: 500;}
.sub-maps .map-wrap .txt-box .txt li::before {content: ''; width: 2.4rem; height: 2.4rem; background: url('../images/sub/maps.png') no-repeat center / contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.sub-maps .map-wrap .txt-box .txt li.tel::before {background: url('../images/sub/map-tel.png') no-repeat center / contain;}
.sub-maps .map-wrap .txt-box .txt li.add {display: flex; align-items: center;}
.sub-maps .map-wrap .txt-box .txt li.add span {background-color: #fff; border-radius: 9999px; margin-left: 15px;}
.sub-maps .map-wrap .txt-box .txt li.add span a {width: 100%; height: 100%; padding: 6px 12px; font-weight: 600; color: #222; font-size: 17px; }
.sub-maps .map-wrap .txt-box .txt li.add span:hover {background-color: #079a3e;}
.sub-maps .map-wrap .txt-box .txt li.add span:hover a {color: #fff;}
.sub-maps .map-wrap .txt-box .txt li.tel {margin-left: 10rem;}
.sub-maps .map-wrap .txt-box .map-link a {display: flex; justify-content: center; align-items: center; font-size: 0;}
.sub-maps .map-wrap .txt-box .map-link img {max-width: 4rem; max-height: 4rem;}

.sub-maps .etc-wrap {position: relative; margin-top: 8rem; background-color: #fafafa; padding: 3.5rem; border-radius: 2rem;}
.sub-maps .ul-etc li.car {margin-top: 5rem;}
.sub-maps .ul-etc li .etc-tit {font-size: 2.6rem; color: #222; font-weight: 700; margin-bottom: 1rem;}
.sub-maps .bus-item+.bus-item {margin-top: 2rem;}
.sub-maps .bus-item p {font-size: 2rem; color: #222; font-weight: 600; margin-bottom: 0.5rem;}
.sub-maps .bus-item p span {color: #1d548f; font-weight: 700;}
.sub-maps .bus-list span {font-size: 17px; color: #222; font-weight: 700; padding-left: 24px; position: relative; margin-right: 20px;}
.sub-maps .bus-list span::before {content: ''; width: 19px; height: 19px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/map-bus-a.png') no-repeat center / contain;}
.sub-maps .bus-list .bus-b::before {background: url('../images/sub/map-bus-b.png') no-repeat center / contain;}
.sub-maps .bus-list .bus-c::before {background: url('../images/sub/map-bus-c.png') no-repeat center / contain;}

.sub-maps .ul-car li p {font-size: 17px; color: #222; font-weight: 500; position: relative; padding-left: 3.5rem;}
.sub-maps .ul-car li p::before {content: ''; width: 22px; height: 17px; position: absolute; left: 0; top: 6px; background: url('../images/sub/map-car.png') no-repeat center / contain;}
.sub-maps .ul-car li p+p {margin-top: 1rem;}
.sub-maps .ul-car li p span {font-size: 19px; font-weight: 700; color: #1d548f;}

@media (max-width: 1024px){
    .sub-maps .bus-list {display: flex; flex-wrap: wrap;}
    .sub-maps .bus-list span {font-size: 16px; margin-bottom: 1.5rem;}
}
@media (max-width: 960px){
    .sub-maps .map-wrap .txt-box .txt li.tel {margin-left: 4rem;}
    .sub-maps .map-wrap .txt-box {padding: 2.5rem 3rem;}
    .sub-maps .map-wrap .txt-box .txt li.tel, .sub-maps .ul-car li p {font-size: 16px;}
    .sub-maps .map-wrap .txt-box .txt li.add span a {font-size: 13px;}
    .sub-maps .ul-car li p span {font-size: 17px;}
}
@media (max-width: 768px){
    .sub-maps .map-wrap .map-link {display: none;}
    .sub-maps .map-wrap .txt-box {justify-content: center;}
    .sub-maps .map-wrap .txt-box .txt li.tel {margin-left: 5rem;}
}
@media (max-width: 650px){
    .sub-maps .bus-item p, .sub-maps .ul-car li p span {font-size: 16px;}
    .sub-maps .bus-list span, .sub-maps .ul-car li p {font-size: 14px;}
    .sub-maps .bus-list {margin-top: 1rem;}
    .sub-maps .ul-car li p {word-break: break-all;}
    .sub-maps .ul-car li p::before {width: 19px; height: 16px; top: 5px;}
    .sub-maps .map-wrap .txt-box .txt {flex-direction: column; align-items: center;}
    .sub-maps .map-wrap .txt-box .txt li.tel {margin-left: 0; margin-top: 3rem;}
}
@media (max-width: 480px){
    .sub-maps .map-wrap .txt-box .txt li.add {flex-direction: column; padding-left: 0; padding-top: 5rem; font-size: 16px;}
    .sub-maps .map-wrap .txt-box .txt li::before {left: 50%; top: 20%; transform: translate(-50%, -50%); width: 20px; height: 20px;}
    .sub-maps .map-wrap .txt-box .txt li.add span {margin-left: 0; margin-top: 1rem;}
    .sub-maps .map-wrap .txt-box .txt li.tel {margin-top: 4rem; padding-top: 4rem; padding-left: 0;}
    .sub-maps .map-wrap {height: 80rem;}
}









/* 출품작 */
.edu-festival .tit-area {display: flex;}
.edu-festival .tit-area .tit-box {padding: 10rem; width:50%; display: flex; justify-content: center; align-items: center;}
.edu-festival .tit-area .tit-box img {max-width: 50rem;}
.edu-festival .tit-area .txt-box {display: flex; justify-content: center; align-items: center; width:50%; background: url('../images/sub/edu-festival-bg.png') no-repeat center / cover;}
.edu-festival .tit-area .tit-box {border: 1px solid #dbdbdb;}
.edu-festival .tit-area .tit-box.color-yel {background-color: #ffd602; border: none;}
.edu-festival .tit-area .tit-box.color-green {background-color: #09ae69; border: none;}
.edu-festival .tit-area .txt-box ul {width: 50rem; position: relative; background-color: #fff; margin-top: 17.5rem; border-radius: 0 0 2rem 2rem; padding: 3rem 4rem;}
.edu-festival .tit-area .txt-box ul::before {content:''; position: absolute; top: -17.5rem; left:50%; transform: translateX(-50%); width: 50rem; height: 18rem; background: url('../images/sub/edu-festival-topbg.png') no-repeat center / contain;}
.edu-festival .tit-area li {display: flex; padding: 0 1.5rem;}
.edu-festival .tit-area li+li {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #dbdbdb;}
.edu-festival .tit-area li .subtit {width: 100px; font-size: 1.8rem; color: #1d548f; font-weight: 700;}
.edu-festival .tit-area li .subtxt {font-size: 1.6rem; color: #666; font-weight: 600; margin-left: 2rem;}

.mov-list-area .tit-item {display: flex; align-items: center; margin-bottom: 1rem;}
.mov-list-area .tit-item .btn {margin-left: 2.5rem;}
.mov-list-area .tit-item .btn button {font-size: 0; background: url('../images/sub/festival/arrow-prev.png') no-repeat center / contain; width: 28px; height: 18px;}
.mov-list-area .tit-item .btn .next-btn {background: url('../images/sub/festival/arrow-next.png') no-repeat center / contain; margin-left: 5px;}
.mov-list-area .tit-item .btn .prev-btn:hover {animation: move-left 0.8s infinite;}
.mov-list-area .tit-item .btn .next-btn:hover {animation: move-right 0.8s infinite;}
.mov-list-area {width: 100%; overflow: hidden; position: relative; margin-top: 5%; }
.mov-list-area .type-wrap {padding: 10rem 0;}
.mov-list-area .type-gray {background-color: #f5f5f5;}
.mov-list-area .type-wrap .txt-box,
.mov-list-area .type-wrap .img-box {margin: 0 var(--inner-padding); }
.mov-list-area .txt-box .tit {font-size: 3.4rem; font-weight: 700; color: #1d548f; line-height: 1;}
.mov-list-area .txt-box .small {font-size: 1.9rem; font-weight: 500; color: #666;}
.mov-list-area .mov-img-box {display: flex; background-color: #000; padding: 6rem 0; position: relative; margin-top: 2rem;}
.mov-list-area .mov-img-box::before {content: ''; width: 100%; height: 3rem; position: absolute; top: 1.5rem; left: 50%; transform: translateX(-50%); background: url('../images/sub/edu-festival-movbg.png') no-repeat center / cover;}
.mov-list-area .mov-img-box::after {content: ''; width: 100%; height: 3rem; position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); background: url('../images/sub/edu-festival-movbg.png') no-repeat center / cover;}
.mov-list-area .mov-img-box .slider {display: flex; transition: transform 0.5s ease;}
.mov-list-area .mov-img-box .slider li {margin: 0 10px; flex: 0 0 calc(25% - 20px); list-style: none; text-align: center; position: relative; }
.mov-list-area .mov-img-box .slider li .img {position: relative;  height: 28rem;}
.mov-list-area .mov-img-box .slider li .img img {width: 100%; height: 100%; object-fit: cover;}
.mov-list-area .mov-img-box .slider li .txt {position: absolute; padding: 1.5rem; text-align: center; bottom: 10px; left: 50%; width: calc(100% - 20px); transform: translateX(-50%); background-color: rgb(0, 0, 0, 0.8);}
.mov-list-area .mov-img-box .slider li h5 {font-size: 18px; font-weight: 500; color: #fff; line-height: 1.4;}

.edu-festival .tit-area .txt-box.box_nth-3 li .subtit {width: 65px;}
.edu-festival .tit-area.act-area {background: none;}
.edu-festival .tit-area.act-area .txt-box {background: none;}
.edu-festival .tit-area.act-area .txt-box ul::before {display: none;}
.edu-festival .tit-area.act-area .txt-box ul {margin-top: 0;}

.edu-festival-col .tit-area {margin-bottom: 10rem; border: 1px solid #dbdbdb; padding: 5rem; position: relative;}
.edu-festival-col .tit-area::before {content: ''; position: absolute; left: 0; top: 0; width: 19rem; height: 60rem; background: url('../images/sub/edu-festival-sidebg01.png') no-repeat center / contain;}
.edu-festival-col .tit-area::after {content: ''; position: absolute; right: 0; top: 0; width: 19rem; height: 60rem; background: url('../images/sub/edu-festival-sidebg02.png') no-repeat center / contain;}
.edu-festival-col .tit-area .img-box {display: flex; align-items: center; justify-content: center; }
.edu-festival-col .tit-area .img-box img {max-width: 45rem; object-fit: contain;}
.edu-festival-col .tit-area .txt-box {margin-top: 5rem;}
.edu-festival-col .tit-area .txt-box ul {width: 85rem; margin: auto; display: flex; flex-wrap: wrap;}
.edu-festival-col .tit-area .txt-box ul li {width: 50%; border-bottom: 1px solid #dbdbdb; padding: 2rem 1.5rem; display: flex; align-items: baseline;}
.edu-festival-col ul li .subtit {font-size: 1.8rem; color: #1d548f; font-weight: 700; width: 10rem;}
.edu-festival-col ul li .subtxt {font-size: 1.6rem; color: #666; font-weight: 600;}

.edu-festival-col .semina-area {background-color: #f5f5f5; padding: 8rem var(--inner-padding); display: flex; align-items: center;}
.edu-festival-col .second-area .img-box {width: 55rem;}
.edu-festival-col .second-area .txt-box {width: calc(100% - 55rem); padding-left: 10rem;}
.edu-festival-col .second-area .tit-item span {font-size: 1.8rem; color: #1d548f; font-weight: 700; line-height: 1;}
.edu-festival-col .second-area .tit-item .tit {margin: 1rem 0 2rem; font-size: 3.4rem; color: #1d548f; line-height: 1; font-weight: 700;}
.edu-festival-col .second-area .tit-item .txt {font-size: 1.6rem; color: #666; line-height: 1.4; font-weight: 600;}
.edu-festival-col .second-area ul {margin-top: 3rem;}
.edu-festival-col .second-area ul li {display: flex; border-bottom: 1px solid #dbdbdb; padding: 1.5rem; align-items: baseline;}
.edu-festival-col .second-area .subtit {width: 10rem;}
.edu-festival-col .second-area .subtxt span {color: #222; font-weight: 700;}

.edu-festival-col .poster-area {padding-top: 8rem; display: flex; align-items: center;}
.edu-festival-col .poster-area .img-box img {width: 100%; height: 100%; object-fit: contain;}
.edu-festival-col .second-area.poster-area ul {margin-top: 0;}
.edu-festival-col .poster-area .ul-g ul li .subtit {color: #079a3e; width: initial; margin-right: 2rem;}
.edu-festival-col .poster-area .ul-tit {color: #222; font-size: 2.2rem; font-weight: 700; margin-top: 3rem;}
.edu-festival-col .second-area .ul-g ul>li>ul>li { margin-top: 1rem; border-bottom: none; width: 50%; padding: 0; font-size: 1.6rem; color: #666; font-weight: 500;}
.edu-festival-col .subtxt-ul {display: flex; flex-wrap: wrap;}
.edu-festival-col .poster-area .ul-g ul li:nth-child(2) .subtit,
.edu-festival-col .poster-area .ul-g ul li:nth-child(3) .subtit {width: 16rem;}
.edu-festival-col .second-area.poster-area .img-box {height: 60rem;}

@media (max-width: 1440px){
    .mov-list-area .mov-img-box .slider li .img {height: 22rem;}
}
@media (max-width: 1280px){
    .edu-festival .tit-area .txt-box ul {width: 45rem; padding: 2rem 3rem; margin-top: 16.5rem;}
    .edu-festival .tit-area .txt-box ul::before {top: -16.5rem; width: 45rem; height: 18rem;}
    .edu-festival .tit-area li+li {margin-top: 1.2rem;  padding-top: 1.2rem;}
    .edu-festival-col .second-area .img-box {width: 50rem;}
    .edu-festival-col .second-area .txt-box {width: calc(100% - 50rem); padding-left: 8rem;}
    .mov-list-area .mov-img-box .slider li .img {height: 19rem;}

}
@media (max-width: 1024px){
    .edu-festival .tit-area {flex-direction: column;}
    .edu-festival .tit-area .tit-box, .edu-festival .tit-area .txt-box {width: 100%; padding-bottom: 5rem;}
    .edu-festival .tit-area .txt-box ul {width: calc(100% - 20rem); padding: 2rem 3rem; margin-top: 5rem; border-radius: 2rem;}
    .edu-festival .tit-area .txt-box ul::before {display: none;}
    .edu-festival .tit-area li+li {margin-top: 1.8rem; padding-top: 1.8rem;}
    .edu-festival .tit-area li .subtit {width: 16rem;}
    .edu-festival .tit-area li .subtit br {display: none;}
    .edu-festival-col .second-area .img-box {width: 45rem;}
    .edu-festival-col .second-area .txt-box {width: calc(100% - 45rem); padding-left: 6rem;}
    .edu-festival-col .tit-area .txt-box ul {flex-direction: column; justify-content: center; width: 50rem;}
    .edu-festival-col .tit-area .txt-box ul li {width: 100%;}
    .mov-list-area .mov-img-box .slider li .img {height: 15rem;}
    .mov-list-area .mov-img-box .slider li h5 {font-size: 16px;}
    .mov-list-area .type-wrap {padding: 8rem 0;}
    .mov-list-area .mov-img-box::before, .mov-list-area .mov-img-box::after {height: 2.4rem;}

}
@media (max-width: 960px){
    .edu-festival .tit-area .txt-box ul {width: 100%; padding: 4rem; margin: 0;}
    .edu-festival .tit-area .txt-box {padding: 4rem;}
    .edu-festival .tit-area li .subtit {font-size: 17px;}
    .edu-festival .tit-area li .subtxt {font-size: 16px;}
    .edu-festival-col .second-area {flex-direction: column;}
    .edu-festival-col .second-area .txt-box {width: 85%; margin: 5rem 12.5% 0; padding: 0;}
    .edu-festival-col .second-area .txt-box .tit-item {margin-bottom: 2rem;}
    .edu-festival-col .poster-area .ul-tit {font-size: 20px;}
    .edu-festival-col .second-area .subtit {font-size: 17px;}
    .edu-festival-col .second-area .tit-item .txt, .edu-festival-col .second-area .tit-item span, .edu-festival-col ul li .subtxt {font-size: 16px;}
    .edu-festival-col .second-area .ul-g ul>li>ul>li {font-size: 15px;}
    .edu-festival-col .second-area .ul-g ul>li>ul {margin-left: 1.5rem;}
    .mov-list-area .mov-img-box .slider li {margin: 0 10px; flex: 0 0 calc(33.3% - 20px);}
    .mov-list-area .mov-img-box .slider li .img {height: 18rem;}

}
@media (max-width: 768px){
    .edu-festival .tit-area li .subtit, .edu-festival-col ul li .subtit {font-size: 16px;}
    .edu-festival .tit-area li .subtxt, .edu-festival-col ul li .subtxt {font-size: 15px;}
    .mov-list-area .mov-img-box .slider li .img {height: 16rem;}
}
@media (max-width: 650px){
    .edu-festival .tit-area .tit-box img {max-width: 100%; margin: auto;}
    .edu-festival .tit-area li {flex-direction: column;}
    .edu-festival .tit-area li .subtit {margin-bottom: 1rem;}
    .edu-festival .tit-area li .subtxt {margin-left: 0;}
    .edu-festival .tit-area li .subtit {width: 100%;}
    .edu-festival-col .second-area .txt-box {width: 95%; margin: 5rem 2.5% 0;}
    .edu-festival-col .poster-area .ul-tit {font-size: 19px;}
    .edu-festival-col .second-area .subtit {font-size: 16px;}
    .edu-festival-col .second-area .tit-item .txt, .edu-festival-col .second-area .tit-item span, .edu-festival-col ul li .subtxt {font-size: 15px;}
    .edu-festival-col .second-area .ul-g ul>li>ul>li {font-size: 15px;}
    .edu-festival-col .tit-area::before, .edu-festival-col .tit-area::after {display: none;}
    .edu-festival-col .tit-area .txt-box ul {width: 100%;}
    .mov-list-area .mov-img-box .slider li .img {height: 22rem;}
    .mov-list-area .mov-img-box .slider li {margin: 0 10px; flex: 0 0 calc(50% - 20px);}
    .mov-list-area .txt-box .small {font-size: 16px;}
    .mov-list-area .txt-box .small br {display: none;}
}
@media (max-width: 480px){
    .edu-festival-col .second-area .txt-box {width: 100%; margin: 5rem 0 0;}
    .edu-festival .tit-area .txt-box {padding: 2.5rem;}
    .edu-festival-col .second-area ul li {flex-direction: column; align-items: initial; justify-content: initial;}
    .edu-festival-col .second-area .subtit, .edu-festival-col .poster-area .ul-g ul li:nth-child(2) .subtit, .edu-festival-col .poster-area .ul-g ul li:nth-child(3) .subtit {width: 100%; margin-bottom: 0.8rem;}
    .edu-festival-col .second-area .ul-g ul>li>ul {margin-left: 0; flex-direction: column;}
    .edu-festival-col .second-area .ul-g ul>li>ul>li {width: 100%;}
    .edu-festival-col .second-area .img-box {width: 38rem;}
    .edu-festival-col .second-area.poster-area .img-box {width: 35rem; height: 50rem;}
    .edu-festival-col .tit-area .txt-box ul li {flex-direction: column;}
    .edu-festival-col ul li .subtit {margin-bottom: 0.8rem;}
    .edu-festival-col .tit-area .img-box img {max-width: 35rem;}
    .mov-list-area .mov-img-box .slider li .img {height: 34rem;}
    .mov-list-area .mov-img-box .slider li {margin: 0 10px; flex: 0 0 calc(100% - 20px);}
    .mov-list-area .mov-img-box .slider li h5 {font-size: 17px;}
}
@media (max-width: 350px){
    .mov-list-area .mov-img-box .slider li .img {height: 28rem;}
}






/* 센터소개 - 인사말 */
.center-greeting {margin-bottom: 5%;}
.center-greeting .txt-blue {color: #1d548f; font-weight: 700;}
.center-greeting .txt-bold {color: #222; font-weight: 700;}
.center-greeting .txt-green {color: #079a3e; font-weight: 700;}
.center-greeting .bg-area {background-color: #dfe7ef; border-radius: 3rem; padding: 7.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.center-greeting .bg-area+.bg-area {margin-top: 4.5rem; background-color: #e5f2eb;}
.center-greeting .tit-box {margin: 3rem 0 2rem; background-color: #1d548f; border-radius: 9999px; padding: 1.4rem 3.5rem;}
.center-greeting .tit-box span {font-size: 24px; color: #fff; font-weight: 600; line-height: 1;}
.center-greeting .txt-box p {font-size: 20px; color: #666; font-weight: 600; line-height: 1.4;}
.center-greeting .txt-box p.small {margin-top: 1rem; font-size: 18px; font-weight: 500; color: #222;}
.center-greeting .bg-area+.bg-area .tit-box {background-color: #079a3e;}
.center-greeting .bg-area+.bg-area .txt-box p br {display: none;}

@media (max-width: 1280px){
    .center-greeting .tit-box span {font-size: 22px;}
    .center-greeting .txt-box p {font-size: 18px;}
    .center-greeting .txt-box p.small {font-size: 17px;}
}
@media (max-width: 768px){
    .center-greeting .tit-box span {font-size: 20px;}
    .center-greeting .txt-box p {font-size: 16px;}
    .center-greeting .txt-box p.small {font-size: 15px;}
    .center-greeting .txt-box p br {display: none;}
    .center-greeting .bg-area+.bg-area .txt-box p br {display: block;}
    .center-greeting .bg-area+.bg-area .txt-box p+p {margin-top: 2rem;}
    .center-greeting .bg-area+.bg-area .txt-box {margin-top: 2rem;}
    .center-greeting .txt-green {font-size: 18px;}
}
@media (max-width: 576px){
    .center-greeting .ico-box {width: 16rem;}
    .center-greeting .tit-box span {font-size: 18px;}
    .center-greeting .txt-box p {font-size: 15px;}
    .center-greeting .txt-box p.small {font-size: 14px;}
}




/* 센터안내 - 운영방향 */
.center-manage {margin-bottom: 5%;}
.center-manage .bg-area {position: relative; display: flex; align-items: center; background-color: #dfe7ef; padding: 7rem; border-radius: 3rem;}
.center-manage .tit-box {position: absolute; left: 25px; top: 25px; background-color: #1d548f; text-align: center; padding: 1.2rem 3.5rem; border-radius: 9999px;}
.center-manage .tit-box span {font-size: 20px; color: #fff; font-weight: 600; line-height: 1;}
.center-manage .ico-box {width: 40rem; margin: 3rem 0; display: flex; align-content: center; justify-content: center;}
.center-manage .txt-box {width: calc(100% - 40rem); padding-left: 10rem;}
.center-manage .txt-item+.txt-item {margin-top: 4rem;}
.center-manage .txt-box .tit {font-size: 2.4rem; font-weight: 700; color: #222;}
.center-manage .txt-box .small {font-size: 1.8rem; font-weight: 500; color: #666;}
.center-manage .bg-area+.bg-area {margin-top: 5rem;}
.center-manage .bg-area:nth-child(2) {background-color: #e5f2eb;}
.center-manage .bg-area:nth-child(3) {background-color: #fff9f6;}
.center-manage .bg-area:nth-child(2) .tit-box {background-color: #079a3e;}
.center-manage .bg-area:nth-child(3) .tit-box {background-color: #da673a;}


@media (max-width: 1024px){
    .center-manage .ico-box {width: 30rem;}
    .center-manage .txt-box {width: calc(100% - 30rem);}
}
@media (max-width: 960px){
    .center-manage .bg-area {flex-direction: column;}
    .center-manage .tit-box {position: relative; top: initial; left: initial;}
    .center-manage .ico-box {margin-top: 0;}
    .center-manage .tit-box {margin-bottom: 3rem;}
    .center-manage .txt-box {padding-left: 0; width: 100%; text-align: center;}
    .center-manage .tit-box span {font-size: 18px;}
}
@media (max-width: 768px){
    .center-manage .txt-box .tit {font-size: 20px;}
    .center-manage .txt-box .small {font-size: 17px;}
    .center-manage .bg-area {padding: 5rem;}
    .center-manage .txt-box .small br {display: none;}
}
@media (max-width: 576px){
    .center-manage .txt-box .tit {font-size: 18px;}
    .center-manage .txt-box .small {font-size: 15px;}
}








/* 센터안내 - 업무안내 */
.center-biz {margin-bottom: 10%;}
.center-biz .bg-area {display: flex; align-items: center; background-color: #dfe7ef; border-radius: 3rem; padding: 7rem;}
.center-biz .bg-area+.bg-area {margin-top: 5rem;}
.center-biz .bg-area:nth-child(2n) {background-color: #f5f5f5;}
/* .center-biz .ico-box {width: 35%; padding-right: 5%; display: flex; justify-content: center; align-items: center;}
.center-biz .ico-box img {width: 16.5rem; height: 16.5rem; display: block; margin: auto;} */
.center-biz .txt-box {width: 100%;}
.center-biz .tit {font-size: 2.8rem; font-weight: 700; color: #1d548f; line-height: 1; }
.center-biz .tel {font-size: 2rem; font-weight: 800; line-height: 1; color: #222;}
.center-biz .tel a {position: relative; padding-left: 28px;}
.center-biz .tel a::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 19px; height: 20px; background: url('../images/sub/center-biz_gud-tel.png') no-repeat center / contain;}
.center-biz .txt-ul {margin-top: 2rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem;}
.center-biz .txt-ul li {list-style: '•'; padding-left: 8px; margin-left: 8px; font-size: 1.8rem; color: #666; font-weight: 500; line-height: 1.4;}
.center-biz .txt-ul>li>ul>li {list-style: '-'; font-size: 1.7rem;}
.center-biz .txt-ul>li>ul {margin-top: 8px; display: grid; grid-template-columns: repeat(3,1fr); gap: 0.5rem;}
.center-biz .txt-ul>li>ul>li+li {margin-top: 4px;}
.center-biz .tel:hover a::before {animation: move-shake 0.8s infinite;}
.center-biz .bg-area:last-child .txt-ul {grid-template-columns: repeat(1,1fr);}
.center-biz .f-item {display: flex; align-items: center; margin-bottom: 2rem;}
.center-biz .tel {margin-left: 2rem;}

@keyframes move-shake {0% {transform: translateY(-50%) scale(1);} 50% {transform: translateY(-50%) scale(1.2);} 100% {transform: translateY(-50%) scale(1);}}

@media (max-width: 1280px){
    .center-biz .bg-area {padding: 5rem;}
    .center-biz .tit {font-size: 24px;}
    .center-biz .tel {font-size: 18px;}
    .center-biz .txt-ul li {font-size: 16px;}
    .center-biz .txt-ul>li>ul>li {font-size: 15px;}

    .center-biz .txt-ul {grid-template-columns: repeat(2, 1fr); gap: 1.5rem;}
    .center-biz .txt-ul>li>ul {grid-template-columns: repeat(2, 1fr); gap: 0.2rem;}
}
@media (max-width: 960px){
    .center-biz .txt-box {padding-left: 0;}
}
@media (max-width: 768px){
    .center-biz .txt-box {padding-left: 0;}
    .center-biz .bg-area {flex-direction: column;}
    .center-biz .txt-box {width: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .center-biz .txt-ul {margin-top: 0;}
    .center-biz .txt-ul li {list-style: '• '; list-style-position: inside; margin-left: 0; padding-left: 0;}
    .center-biz .txt-ul>li>ul>li {list-style: '- '; list-style-position: inside; }
    .center-biz .txt-ul>li p {display: contents;}
    .center-biz .tel {margin-bottom: 3rem;}

    .center-biz .f-item {margin-bottom: 2rem; flex-direction: column;}
    .center-biz .tel {margin-left: 0; margin-top: 2rem;}
    .center-biz .txt-ul, .center-biz .txt-ul>li>ul {display: flex; flex-direction: column;}
    .center-biz .txt-ul>li>ul {gap: 0.8rem;}
}
@media (max-width: 480px){
    .center-biz .tel a::before {width: 15px; height: 15px;}
    .center-biz .tit {font-size: 22px;}
    .center-biz .tel a {font-size: 16px;}
    .center-biz .txt-ul li {font-size: 15px;}
    .center-biz .tel a {padding-left: 24px;}
    .center-biz .bg-area {padding: 5rem 3rem;}
    .center-biz .ico-box img {width: 15rem; height: 15rem;}
}






/* 층별안내 */
.center-floor {background-color: #dfe7ef; padding: 13rem 0; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.center-floor .floor-tit {margin-top: 5rem; text-align: center; background-color: #1d548f;  padding: 1.6rem 3.6rem; border-radius: 9999px; }
.center-floor .floor-tit span {color: #fff; font-size: 2.4rem; font-weight: 600; line-height: 1;}
.center-floor .floor-area {position: relative;}
.center-floor .ul-floor {width: 100%; height: 100%; position: relative; width: 650px; height: 550px; background: url('../images/sub/floor/1f_main.png') no-repeat center / contain;}
.center-floor .ul-floor li {cursor: pointer; position: absolute; background-color: rgb(255, 255, 255, 0.9); border-radius: 9999px; padding: 10px 15px; text-align: center;}
.center-floor .ul-floor li span {padding-left: 28px; font-size: 17px; line-height: 1; font-weight: 700; color: #222; position: relative;}
.center-floor .ul-floor li span::before {content: ''; width: 18px; height: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../images/sub/floor/floor-location.png') no-repeat center / contain;}
.center-floor .ul-floor li:hover {background-color: #1d548f;}
.center-floor .ul-floor li:hover span {color: #fff;}
.center-floor .ul-floor li:hover span::before {filter: brightness(1000%);}
.floor-2f .ul-floor {background-image: url('../images/sub/floor/2f_main.png'); width: 800px; height: 500px;}
.floor-3f .ul-floor {background-image: url('../images/sub/floor/3f_main.png'); width: 800px; height: 450px;}
.floor-4f .ul-floor {background-image: url('../images/sub/floor/4f_main.png'); width: 800px; height: 450px;}


.floor-modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: none; justify-content: center; align-items: center; z-index: 1111;}
.floor-modal.active {display: flex;}
.floor-modal .modal-li {background: #fff; display: none; position: relative; padding: 5rem; border-radius: 3rem; width: 65rem;}
.floor-modal .modal-li.active {display: block;}
.floor-modal .modal-li .img-box {border: 1px solid #dbdbdb; margin-bottom: 3.5rem; height: 30rem; overflow: hidden; border-radius: 3rem; display: flex; justify-content: center; align-items: center;}
.floor-modal .modal-li .img-box img {width: 100%; height: 100%;}
.floor-modal .modal-li .txt-box .tit {font-size: 2.8rem; font-weight: 700; color: #1d548f;}
.floor-modal .modal-li .txt-box .location {margin-top: 0.5rem; font-size: 18px; color: #666; line-height: 1; font-weight: 500; padding-left: 24px; position: relative;}
.floor-modal .modal-li .txt-box .location::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 15px; height: 15px; background: url('../images/sub/floor/floor-modal-location.png') no-repeat center / contain;}
.floor-modal .modal-li .txt-box .txt {font-size: 1.8rem; color: #222; font-weight: 500; margin-top: 2rem;}
.floor-modal .modal-li .close-btn {cursor: pointer; margin-top: 3.5rem; background-color: #000; padding: 1.5rem 0; border-radius: 9999px; text-align: center;}
.floor-modal .modal-li .close-btn span {padding-left: 40px; position: relative; color: #fff; font-size: 20px; line-height: 1; font-weight: 700;}
.floor-modal .modal-li .close-btn span::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background: url('../images/sub/floor/floor-modal-return.png') no-repeat center / contain;}
.floor-modal .modal-li .close-btn:hover {background-color: #1d548f;}

.floor-lf .nth-1f-a {left: 80px; top: 270px;}
.floor-lf .nth-1f-b {left: 80px; top: 90px;}
.floor-lf .nth-1f-c {left: 320px; top: 100px;}
.floor-lf .nth-1f-d {left: 320px; top: 190px;}
.floor-lf .nth-1f-e {left: 280px; top: 270px;}
.floor-lf .nth-1f-f {left: 50px; bottom: 130px;}
.floor-lf .nth-1f-g {left: 200px; bottom: 130px;}
.floor-lf .nth-1f-h {right: 170px; bottom: 130px;}
.floor-lf .nth-1f-i {right: 30px; bottom: 130px;}
.floor-lf .nth-1f-j {right: 30px; bottom: 200px;}
.floor-2f .nth-2f-a {left: 20px; bottom: 150px;}
.floor-2f .nth-2f-b {left: 0; bottom: 100px;}
.floor-2f .nth-2f-c {left: 20px; bottom: 50px;}
.floor-2f .nth-2f-d {right: 0px; bottom: 70px;}
.floor-2f .nth-2f-e {right: 10px; bottom: 120px;}
.floor-2f .nth-2f-f {left: 360px; bottom: 100px;}
.floor-2f .nth-2f-g {right: 80px; top: 165px;}
.floor-2f .nth-2f-h {left: 280px; top: 180px;}
.floor-3f .nth-3f-a {bottom: 232px; left: 40px;}
.floor-3f .nth-3f-b {bottom: 188px; left: 40px;}
.floor-3f .nth-3f-c {top: 125px; left: 60px;}
.floor-3f .nth-3f-d {bottom: 90px; right: 25px;}
.floor-3f .nth-3f-e {bottom: 90px; right: 165px;}
.floor-3f .nth-3f-f {bottom: 110px; right: 360px;}
.floor-3f .nth-3f-g {bottom: 65px; right: 360px;}
.floor-3f .nth-3f-h {bottom: 90px; left: 0;}
.floor-3f .nth-3f-i {top: 80px; left: 70px;}
.floor-3f .nth-3f-j {top: 180px; left: 225px;}
.floor-4f .nth-4f-a {top: 170px; right: 110px;}
.floor-4f .nth-4f-b {bottom: 80px; left: 385px;}
.floor-4f .nth-4f-c {bottom: 80px; left: -15px;}
.floor-4f .nth-4f-d {bottom: 130px; left: 160px;}
.floor-4f .nth-4f-e {bottom: 85px; left: 160px;}
.floor-4f .nth-4f-f {bottom: 40px; left: 160px;}

@media (max-width: 1280px){
    .center-floor {padding: 10rem 0;}
    .center-floor .ul-floor li span {font-size: 16px; padding-left: 22px;}
    .center-floor .ul-floor li span::before {width: 16px; height: 16px;}
}
@media (max-width: 960px){
    .center-floor {padding: 8rem 0;}
    .center-floor .ul-floor {width: 450px; height: 350px;}
    .floor-2f .ul-floor {height: 300px;}
    .floor-3f .ul-floor, .floor-4f .ul-floor {height: 250px;}
    .floor-modal {top: 0; left: 0}
    .floor-modal .modal-li {width: 70rem;}
    .center-floor .ul-floor li {padding: 0; border-radius:50%; width: 36px; height: 36px; background-color: #fff; border: 1.5px solid #f5f5f5;}
    .center-floor .ul-floor li:hover {background-color: #1d548f; border: 1px solid #1d548f;}
    .center-floor .ul-floor li::before {content: ''; width: 14px; height: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url('../images/sub/floor/floor-location.png') no-repeat center / contain;}
    .center-floor .ul-floor li:hover::before  {filter: brightness(1000%);}
    .center-floor .ul-floor li span {font-size: 0;}
    .center-floor .ul-floor li span::before {display: none;}
    .center-floor .floor-tit {background-color: initial;}
    .center-floor .floor-tit span {color: #222; font-weight: 700;}


    .floor-lf li.nth-1f-a {left: 50px; top: 150px;}
    .floor-lf li.nth-1f-b {left: 100px; top: 50px;}
    .floor-lf li.nth-1f-c {left: 220px; top: 50px;}
    .floor-lf li.nth-1f-d {left: 220px; top: 110px;}
    .floor-lf li.nth-1f-e {left: 220px; top: 160px;}
    .floor-lf li.nth-1f-f {left: 70px; bottom: 40px;}
    .floor-lf li.nth-1f-g {left: 180px; bottom: 40px;}
    .floor-lf li.nth-1f-h {right: 150px; bottom: 40px;}
    .floor-lf li.nth-1f-i {right: 60px; bottom: 40px;}
    .floor-lf li.nth-1f-j {right: 60px; bottom: 110px;}

    .floor-2f li.nth-2f-a {left: 45px; bottom: 40px;}
    .floor-2f li.nth-2f-b {left: 70px; bottom: 80px;}
    .floor-2f li.nth-2f-c {left: 95px; bottom: 40px;}
    .floor-2f li.nth-2f-d {left: initial; right: 45px; bottom: 40px;}
    .floor-2f li.nth-2f-e {left: initial; right: 70px; bottom: 80px;}
    .floor-2f li.nth-2f-f {left: initial; right: 90px; bottom: 40px;}
    .floor-2f li.nth-2f-g {right: 80px; top: 80px;}
    .floor-2f li.nth-2f-h {left: 150px; top: 100px;}

    .floor-3f li.nth-3f-a {left: 25px; bottom: 110px;}
    .floor-3f li.nth-3f-b {left: 65px; bottom: 110px;}
    .floor-3f li.nth-3f-c {left: 30px; top: 50px;}
    .floor-3f li.nth-3f-d {right: 40px; bottom: 40px;}
    .floor-3f li.nth-3f-e {right: 115px; bottom: 40px;}
    .floor-3f li.nth-3f-f {right: 222px; bottom: 60px;}
    .floor-3f li.nth-3f-g {right: 222px; bottom: 20px;}
    .floor-3f li.nth-3f-h {left: 30px; bottom: 40px;}
    .floor-3f li.nth-3f-i {left: 70px; top: 50px;}
    .floor-3f li.nth-3f-j {left: 145px; top: 90px;}

    .floor-4f li.nth-4f-a {right: 85px; top: 90px;}
    .floor-4f li.nth-4f-b {left: initial; right: 190px; bottom: 40px;}
    .floor-4f li.nth-4f-c {left: 25px; bottom: 35px;}
    .floor-4f li.nth-4f-d {left: 90px; bottom: 40px;}
    .floor-4f li.nth-4f-e {left: 130px; bottom: 40px;}
    .floor-4f li.nth-4f-f {left: 170px; bottom: 40px;}
}
@media (max-width: 768px){
    .center-floor {padding: 6rem 0;}
    .floor-modal .modal-li {width: 90%; margin: auto; padding: 4rem;}
    .floor-modal .modal-li .txt-box .txt {font-size: 16px;}
    .floor-modal .modal-li .txt-box .location {font-size: 17px;}
    .floor-modal .modal-li .close-btn span {font-size: 18px; padding-left: 30px;}
    .floor-modal .modal-li .img-box {height: 40rem;}
}
@media (max-width: 576px){
    .floor-modal .modal-li .img-box {height: 26rem;}
    .center-floor .ul-floor {width: 280px; height: 250px;}
    .floor-2f .ul-floor {height: 200px;}
    .floor-3f .ul-floor, .floor-4f .ul-floor {height: 160px;}
    .floor-modal .modal-li .close-btn span {font-size: 16px; padding-left: 30px;}
    .floor-modal .modal-li .close-btn span::before {width: 18px; height: 18px;}
    .center-floor .floor-tit {margin-top: 3.5rem;}

    .floor-lf li.nth-1f-a {left: 30px; top: 100px;}
    .floor-lf li.nth-1f-b {left: 60px; top: 40px;}
    .floor-lf li.nth-1f-c {left: 135px; top: 40px;}
    .floor-lf li.nth-1f-d {left: 135px; top: 80px;}
    .floor-lf li.nth-1f-e {left: 135px; top: 120px;}
    .floor-lf li.nth-1f-f {left: 35px; bottom: 30px;}
    .floor-lf li.nth-1f-g {left: 105px; bottom: 30px;}
    .floor-lf li.nth-1f-h {right: 85px; bottom: 30px;}
    .floor-lf li.nth-1f-i {right: 30px; bottom: 30px;}
    .floor-lf li.nth-1f-j {right: 30px; bottom: 80px;}

    .floor-2f li.nth-2f-a {left: 10px; bottom: 15px;}
    .floor-2f li.nth-2f-b {left: 30px; bottom: 50px;}
    .floor-2f li.nth-2f-c {left: 50px; bottom: 15px;}
    .floor-2f li.nth-2f-d {right: 10px; bottom: 15px;}
    .floor-2f li.nth-2f-e {right: 30px; bottom: 50px;}
    .floor-2f li.nth-2f-f {right: 50px; bottom: 15px;}
    .floor-2f li.nth-2f-g {right: 40px; top: 40px;}
    .floor-2f li.nth-2f-h {left: 100px; top: 65px;}

    .floor-3f li.nth-3f-a {left: 5px; bottom: 65px;}
    .floor-3f li.nth-3f-b {left: 45px; bottom: 60px; }
    .floor-3f li.nth-3f-c {left: 10px; top: 15px;}
    .floor-3f li.nth-3f-d {right: 18px; bottom: 20px;}
    .floor-3f li.nth-3f-e {right: 64px; bottom: 20px;}
    .floor-3f li.nth-3f-f {right: 110px; bottom: 20px;}
    .floor-3f li.nth-3f-g {right: 150px; bottom: 20px;}
    .floor-3f li.nth-3f-h {left: 10px; bottom: 20px;}
    .floor-3f li.nth-3f-i {left: 50px; top: 20px;}
    .floor-3f li.nth-3f-j {left: 85px; top: 50px; }

    .floor-4f li.nth-4f-a {right: 45px; top: 45px;}
    .floor-4f li.nth-4f-b {right: 110px; bottom: 20px;}
    .floor-4f li.nth-4f-c {left: 5px; bottom: 20px;}
    .floor-4f li.nth-4f-d {left: 45px; bottom: 38px;}
    .floor-4f li.nth-4f-e {left: 70px; bottom: 8px;}
    .floor-4f li.nth-4f-f {left: 95px; bottom: 38px;}
}
@media (max-width: 480px){
    .floor-modal .modal-li {width: 95%; padding: 3rem;}
    .floor-modal .modal-li .txt-box .location {font-size: 15px;}
}
@media (max-width: 350px){
    .floor-modal .modal-li .txt-box .location {padding-left: 0;}
    .floor-modal .modal-li .txt-box .location::before {display: none;}
    .floor-modal .modal-li .img-box {height: 24rem;}
}





/* 미디어 교육 - 소개 */
.edu-info {display: flex; flex-wrap: wrap; gap: 5rem;}
.edu-info .logo {width: 100%; margin-bottom: 5rem;}
.edu-info .logo img {width: 35%; margin: auto;}
.edu-info .bg-area {text-align: center; width: calc(50% - 2.5rem); display: block; position: relative; background-color: #dfe7ef; padding: 7rem; border-radius: 3rem;}
.edu-info .ul-small {margin-top: 1.5rem;}
.edu-info .ul-small li {font-size: 2rem; color: #666; font-weight: 600; line-height: 1.4;}
.edu-info .ul-small li span {font-size: 2.1rem; margin-right: 5px; color: #1d548f; font-weight: 700;}
.edu-info .ul-small li+li {margin-top: 0.5rem;}
.edu-info .bg-area+.bg-area li+li {margin-top: 1rem;}
.edu-info .bg-area+.bg-area li span {color: #079a3e;}
.edu-info .bg-area li span {color: #079a3e !important;}
.edu-info .bg-area+.bg-area li span {color: #da673a !important;}
.edu-info .txt-box {width: 100%; padding: 0;}
.edu-info .bg-area+.bg-area {margin-top: 0;}
.edu-info .tit-box {position: relative; top: initial; left: initial; margin-bottom: 3rem;}

@media (max-width: 1024px){
    .edu-info .bg-area {padding: 4rem;}
    .edu-info .logo img {width: 45%;}
}
@media (max-width: 960px){
    .edu-info .bg-area {width: 100%;}
    .edu-info .logo img {width: 55%;}
}
@media (max-width: 576px){
    .edu-info .logo img {width: 60%;}
    .edu-info .bg-area {padding: 5rem 3rem;}
    .edu-info img {max-height: 15rem;}
    .edu-info .tit-box {margin-bottom: 2rem;}
    .edu-info .ul-small li {line-height: 1.2; font-size: 16px;}
    .edu-info .bg-area li+li, .edu-info .bg-area+.bg-area li+li {margin-top: 2rem;}
    .edu-info .bg-area li span {font-size: 16px;}
}
@media (max-width: 480px){
    .edu-info .logo img {width: 80%;}
}










/* 추가 수정사항 */
.prod-gen .inner-table tr td:first-child {width: 22rem;}
.prod-gen .inner-table tr td:first-child p {line-height: 1.3;}
.prod-gen .inner-wrap .txt-gud {font-size: 2rem; font-weight: 600;}
.prod-gen .inner-table tr.tr-tarea {align-items: stretch;}
.prod-gen .inner-table tr.tr-tarea td {display: flex; align-items: center;}
.prod-gen .tr-tarea td+td {display: flex; flex-direction: column; }
.prod-gen .tr-tarea td+td textarea {border: 1px solid #dbdbdb; margin-top: 1.5rem; width: 100%; padding: 6px;}
.prod-gen .tr-tarea td+td .file-input-wrapper {margin: 1rem 0 1.5rem; width: 100%; display: flex;}
.prod-gen .tr-tarea td+td .file-input-wrapper input {width: 100%; max-height: 6.5rem;}
.prod-gen .newBoard__btn .btn:hover {background-color: #1d548f;}
.prod-gen .btn-certify button p {white-space: nowrap;}
.prod-gen .btn-certify button {min-width: 150px;}
.prod-gen .tr-tarea td+td .file-input-wrapper {align-items: center;}

/* .mem-gen .item-tel::before {content: ''; position: absolute; width: 1.5rem; height: 0.9rem; left: 140px; top: 50%; transform: translateY(-50%);  background: url('../images/sub/program/membership-arrow.png') no-repeat center / contain;} */

.board-bottom {margin-bottom: 10%;}
.dream-kidd .cont-posting .li-item .img-wrap {border: 1px solid #dbdbdb;}
.dream-kidd .cont-posting .li-item .txt-wrap .day-time {font-size: 16px;}

.equip-category-wrap {border-bottom: 1px solid #dbdbdb; padding: 10px; margin: 0 var(--inner-padding); padding-bottom: 3rem;  display: flex; flex-wrap: wrap;}
.equip-category-wrap a {margin: 5px; font-size: 15px; text-align: center; font-weight: 500; line-height: 1; color: #666; border: 1px solid #dbdbdb; border-radius: 9999px; padding: 8px 20px;}
.equip-category-wrap a:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); transition: all 0.3s ease;}
.equip-category-wrap .equip-active {background-color: #1d548f; color: #fff; border: 1px solid #1d548f;}
.cont-next-btn {margin-bottom: 10%;}


@media (max-width: 960px){
    .prod-gen .inner-table tr td:first-child {width: 100%;}
    .prod-gen .tr-tarea td+td textarea {margin-top: 0;}
    .prod-gen .item-tel select, .prod-gen .tr-grade td+td input {width: 80%;}
    .prod-gen .tr-tarea td+td .file-input-wrapper {flex-direction: column;}
    .prod-gen .btn-certify button {width: 100%; margin-left: 0; margin-top: 3rem; max-width: initial; min-width: initial;}
    .prod-gen .inner-table tr.tr-tarea td {justify-content: center;}
}

@media (max-width: 768px){
    .cont-check-group label {font-size: 16px;}
}
@media (max-width: 640px){
    .newBoard__btn .btn {width: initial;}
}
@media (max-width: 576px){
    .equip-category-wrap a {font-size: 14px; padding: 6px 16px;}

}
@media (max-width: 480px){
    .newBoard__btn .btn {flex-grow: initial;}
}






/* 기존 내용 수정 -> 방송 프로그램 수정*/
.newBoard__gallery-link .tit .cate {background-color: #1d548f; height: 28px; font-weight: 500; border: 1px solid #1d548f;}
.newBoard__gallery-link .tit .cate span {color: #fff !important; font-weight: 600; line-height: 28px;}



/* 방송프로그램 */
.prog-cast .view-area {background-color: #eef1f2; padding: 8rem 0;}
.prog-cast .inner-wid {width: 100rem; margin: 0 auto 8rem;}
.prog-cast .view-area .tit-wrap {text-align: center;}
.prog-cast .view-area .tit-wrap h5 {font-size: 3.4rem; color: #222; font-weight: 700;}
.prog-cast .view-area .mov-wrap {margin-top: 3rem;}
.prog-cast .view-area .mov-wrap iframe {width: 100%; height: 55rem;}
.prog-cast .view-area .txt-wrap {display: flex; justify-content: space-between; align-items: center; margin-top: 2.5rem;}
.prog-cast .view-area .txt-wrap .txt-box {display: flex; align-items: center;  background-color: #1d548f; border-radius: 9999px; padding: 0 3rem; height: 54px;}
.prog-cast .view-area .txt-wrap .txt-box p {font-size: 2rem; color: #fff; font-weight: 500; line-height: 1;}
.prog-cast .view-area .txt-wrap .txt-box .view {padding-right: 3rem; position: relative;}
.prog-cast .view-area .txt-wrap .txt-box .view::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2.5px; height: 100%; background-color: rgb(255, 255, 255, 0.3);}
.prog-cast .view-area .txt-wrap .txt-box .date {padding-left: 3rem;}
.prog-cast .view-area .share-container {position: relative; cursor: pointer;}
.prog-cast .view-area .share-toggle {width: 54px; height: 54px; background-color: #1d548f; border-radius: 50%; font-size: 0; position: relative;  z-index: 2; }
.prog-cast .view-area .share-toggle::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 25px; height: 25px; background: url('../images/sub/broadcast-share.png') no-repeat center / contain}
.prog-cast .view-area .share-toggle:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); transition: all 0.3s ease;}
.prog-cast .view-area .share-box {max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; width: 100%; top: 0; position: absolute; }
.prog-cast .view-area .share-box p {font-size: 0;}
.prog-cast .view-area .share-box.open {max-height: 1000px;}
.prog-cast .view-area .share-box .share-sns {background-color: #fff; padding: 64px 0 10px; border-radius: 9999px;}
.prog-cast .view-area .share-box .share-sns li:nth-child(2) {margin: 1rem 0}
.prog-cast .view-area .share-box .share-sns li a {display: flex; justify-content: center; align-items: center;}

.prog-cast .view-area .recomm-list {border-top: 1px solid #a6a8a9; border-bottom: 1px solid #000;}
.prog-cast .view-area .recomm-list ul {padding: 4rem 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5%;}
.prog-cast .view-area .recomm-list ul li {cursor: pointer;}
.prog-cast .view-area .recomm-list ul li .recomm-img img {width: 100%; height: 100%; }
.prog-cast .view-area .recomm-list ul li .recomm-txt .tit {margin: 1rem 0; word-break: break-all; font-size: 18px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #222; line-height: 1.3;}
.prog-cast .view-area .recomm-list ul li .recomm-txt .tit span {color: #1d548f !important}
.prog-cast .view-area .recomm-list ul li .recomm-txt .txt {font-size: 15px; color: #666; font-weight: 600; line-height: 1; display: flex; justify-content: space-between;}
.prog-cast .view-area .recomm-list ul li .recomm-txt .txt .date {margin-right: 2rem;}


.prog-cast .search-area .search-item .search-category {border-bottom: 2px solid #000; margin-right: 3rem;}
.prog-cast .search-area .search-item .search-category select {padding: 1rem;  margin-right: 1.5rem;}
.prog-cast .search-area .search-item .search-category select option {font-size: 1.8rem;}
.prog-cast .search-area .search-item .search-btn {width: 100%; border-bottom: 2px solid #000; display: flex; align-items: center;}
.prog-cast .search-area .search-item input {width: 100%; padding: 1rem; font-size: 2rem; font-weight: 600; color: #222; line-height: 1;}
.prog-cast .search-area .search-item input::placeholder {color: #666;}



/* 방송프로그램 영역하단의 iframe 수정 */
.prog-cast .search-area {margin-top: 8rem; margin-bottom: 10rem;}
.newBoard__gallery-list {border-top: none; padding: 0;}
.search-results p {padding-left: 3.5rem; color: #1d548f; margin-right: 1.5rem; position: relative; font-size: 18px; font-weight: 700; line-height: 1;}
.search-results p::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 24px; background: url('../images/sub/cast-ico.png') no-repeat center / contain;}
.search-results img {display: none;}
.contents-search {border: none; border-radius: 3rem; padding: 2rem 3.5rem; background-color: #f5f5f5; margin-bottom: 8rem; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; width: initial;}
.contents-search-input { width: calc(100% - 35rem); position: relative; top:initial; left:initial; transform: initial; max-width: initial;}
.contents-search-input * {background-color: initial; height: initial;}
.contents-search-input input, .contents-search-input select {padding: 1rem; border: none; border-bottom: 2px solid #000; font-size: 2rem; font-weight: 600; color: #222; line-height: 1;}
.contents-search-input select option {font-size: 1.6rem;}
.contents-search-input #searchForm {display: flex; align-items: stretch;}
.contents-search-input input {margin-left: 3rem; font-weight: 500; margin-right: 0;}
.contents_search-btn {font-size: 0; padding: 10px; border-bottom: 2px solid #000; width: 28px; height: 28px; background: url('../images/sub/cast-search.png') no-repeat center / contain; background-size: 28px;}
.contents_search-btn img {display: none;}
.board-page-btn a::before {background-color: #000;}
.board-pagelist li {list-style: none;}
.board-pagelist li a {text-decoration: none;}
.board-pagelist li.on a {background-color: #1d548f;}
.board-pagelist li a span {color: #222; font-weight: 600; font-size: 18px;}
.board-pagelist li.on a span {color: #fff;}
.board-pagelist li::marker {display: none;}
.board-page-btn a:hover::before {background-color: #1d548f;}

.newBoard__gallery-list {border-bottom: none;}
.board-bottom {padding-top: 0;}
.newBoard .board-bottom, .dream-kidd .board-bottom {padding-top: 7rem;}
.newBoard .newBoard__gallery-list {padding-top: 5.7%; border-top: 1px solid #222; border-bottom: 1px solid #e3e3e3; font-size: 0;}

.day-start {line-height: 1.3;}

.__se_tbl_ext tr td {height: initial !important; vertical-align: center !important; padding: 1rem !important;}
.__se_tbl_ext td p {line-height: 1.2;}
.__se_tbl_ext tbody tr:first-child td:first-child {text-align: center;}

@media (max-width: 1280px){
    .prog-cast .search-area .search-item {width: calc(100% - 35rem);}
    .prog-cast .search-area .count-item p.total {padding-left: 4rem;}
}
@media (max-width: 1024px){
    .prog-cast .inner-wid {width: 100%; max-width: 90rem;}
    .prog-cast .view-area .mov-wrap iframe {height: 50rem;}
    .prog-cast .view-area .txt-wrap .txt-box {height: 48px;}
    .prog-cast .view-area .share-toggle {width: 48px; height: 48px;}
    .prog-cast .view-area .share-box .share-sns {padding: 58px 0 10px;}

    .prog-cast .view-area .recomm-list ul {grid-template-columns: repeat(3, 1fr); gap: 5%;}
    .prog-cast .view-area .recomm-list ul li:last-child {display: none;}

    .search-results p, .contents-search-input input, .contents-search-input select {font-size: 16px;}
    .search-results p::before {width: 16px; height: 20px;}
    .search-results p {padding-left: 25px;}
}
@media (max-width: 960px){
    .prog-cast .view-area .mov-wrap iframe {height: 45rem;}
    .contents-search {flex-direction: column-reverse;}
    .contents-search-input {width: calc(100% - 10rem);}
}
@media (max-width: 768px){
    .prog-cast .view-area .recomm-list ul {display: flex; flex-direction: column;}
    .prog-cast .view-area .recomm-list ul li {display: flex; align-items: center;}
    .prog-cast .view-area .recomm-list ul li+li {margin-top: 3rem;}
    .prog-cast .view-area .recomm-list ul li .recomm-txt {width: calc(100% - 180px); padding-left: 5%;}
    .prog-cast .view-area .recomm-list ul li .recomm-txt .txt {display: flex; flex-direction: column-reverse;}
    .prog-cast .view-area .mov-wrap iframe {height: 42rem;}
    .prog-cast .view-area .txt-wrap .txt-box p {font-size: 18px;}
    .contents-search-input {width: 100%;}

    .prog-detail .inner-txt h4 {display: inline-block;}
}
@media (max-width: 650px){
    .prog-cast .view-area .mov-wrap iframe {height: 38rem;}
}
@media (max-width: 640px){
    .board-pagelist {display: none;}
}
@media (max-width: 576px){
    .prog-cast .view-area .recomm-list ul li .recomm-txt {width: calc(100% - 80px);}
    .prog-cast .view-area .recomm-list ul li .recomm-txt .tit {font-size: 17px;}
    .prog-cast .view-area .mov-wrap iframe {height: 35rem;}
    .prog-cast .view-area .txt-wrap .txt-box p {font-size: 16px;}
    .prog-cast .inner-wid {margin-bottom: 5rem;}
}
@media (max-width: 480px){
    .prog-cast .view-area .recomm-list ul li {display: block;}
    .prog-cast .view-area .recomm-list ul li .recomm-txt {padding: 0; margin-top: 2rem;}
    .prog-cast .view-area .recomm-list ul li+li {margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #dbdbdb;}
    .prog-cast .view-area .recomm-list ul {padding: 5rem 0;}
    .prog-cast .view-area .recomm-list ul li .recomm-txt {width: 100%;}
    .prog-cast .view-area .mov-wrap iframe {height: 32rem;}
    .prog-cast .view-area .txt-wrap .txt-box p {font-size: 15px;}
    .prog-cast .view-area .share-toggle::after {width: 20px; height: 20px;}
    .prog-cast .view-area .txt-wrap .txt-box {height: 40px;}
    .prog-cast .view-area .share-toggle {width: 40px; height: 40px;}
    .contents-search-input input {width: 100%;}
}




/* 25.01.09 추가 */
.dream-seat label + ul.ul-plus {margin-top: 12px;}
.dream-seat .cont-seat-plus input + label {margin-left: 8px;}
.dream-seat .cont-seat-plus input {margin-bottom: 3px;}


/* 25.01.31 수정 */
.prog-prs .inner-box>ul>li p {font-size: 1.8rem; color: #444; padding-left: 1rem;}
.prog-prs .inner-box>ul>li p:first-child {margin-bottom: 1.5rem; font-size: 2rem; padding-left: 0;}
.prog-prs .inner-box>ul>li>ul {margin-top: 0.5rem; margin-bottom: 2rem;}
.prog-prs .inner-box>ul>li p.txt-spe {font-size: 1.7rem; color: rgb(233, 41, 7);}
.prog-prs .inner-box>ul>li+li {margin-top: 7.5rem;}

@media (max-width: 768px){
    .prog-prs .inner-box>ul>li p.txt-spe {font-size: 15px;}
    .prog-prs .inner-box>ul>li p {font-size: 16px; padding-left: 0;}
    .prog-prs .inner-box>ul>li p:first-child {font-size: 18px;}
}
@media (max-width: 480px){
    .prog-prs .inner-box, .mem-gen .toc-box .bg-item {padding: 5rem 3rem;}
}




.mem-gen .toc-box .bg-item p.toc-tit {font-size: 20px; color: #222; margin-bottom: 2rem;}
.mem-gen .toc-box .bg-item .toc-inner {padding-left: 10px;}
.mem-gen .toc-box ul.toc-inner__ul {margin-top: 0.5rem; margin-bottom: 3rem; display: block;}
.mem-gen .toc-box ul.toc-inner__ul li+li {margin-left: 0; margin-top: 5px;}
.mem-gen .toc-box .bg-item .toc-inner p {font-size: 18px;}
.mem-gen .toc-box ul.toc-inner__ul li {font-weight: 500; font-size: 16px; line-height: 1.3;}

.mem-gen .toc-box .bg-item p.toc-tit-b {font-size: 18px; color: #222; margin-bottom: 0.5rem;}
.mem-gen .toc-box ul.toc__ul__nt {display: block; margin-bottom: 3rem; margin-top: 0;}
.mem-gen .toc-box ul.toc__ul__nt li {font-size: 18px; color: #222;  font-weight: 600;}
.mem-gen .toc-box ul.toc__ul__nt li+li {margin-left: 0; margin-top: 8px;}
.mem-gen .toc-box .bg-item:last-child p.toc-tit {margin-bottom: 1rem;}
.mem-gen .toc-box .bg-item p.toc-txt {margin-bottom: 4rem;}
.mem-gen .toc-wrap .toc-box:first-child .bg-item {padding-right: 1rem;}
.toc__inner-scroll {overflow-y: auto; height: 60rem; padding-right: 3rem;}


/*상세보기 관람등급 표기 추가 20250326*/
.prog-group .li-prog .txt-item .tit .grade {margin-top:0.5rem;}
.prog-group .li-prog .txt-item .tit .grade span {min-width:5rem; height:2.6rem; background-color:#079a3e; display:inline-flex; justify-content: center; align-items:center; border-radius: 2.6rem; font-size: 1.3rem; font-weight: 700; color:#fff; line-height: 1; padding:0 1.2rem;}
.prog-group .li-prog .txt-item .tit .grade span.g-12,
.prog-group .li-prog .txt-item .tit .grade span.g-15 {background-color: #eac038;}
.prog-group .li-prog .txt-item .tit .grade span.g-19 {background-color: #da673a;}