/*******************************************************************************
                                    학교 정보 상단
********************************************************************************/
html,body {scroll-behavior: smooth}
.school-detail * {box-sizing: border-box;}
.mo-quick-menu {display:none;}
.school-detail-mo-link {display: none;position: fixed;left: 0;bottom: 0;width: 100%;background: #fff;box-shadow: 0 -2px 6px rgba(0,0,0, 0.4);justify-content: space-between;padding: 16px 20px;z-index: 100;}
.school-detail-mo-link > a {background: #333;width: 48%;display: inline-block;padding: 16px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 14px;color: #FFFFFF;text-align: center;}
.school-detail-mo-link > a:last-child  {background: #EF3D42;}
.school-detail-width {width: 1080px;margin: 0 auto;padding: 3rem 0;}
.school-detail-title-wrap {display: flex;justify-content: space-between;margin-bottom: 2rem;}
.school-detail-title {display: flex;align-items: start;justify-content: space-between;width: 60%;}
.school-detail-logo {width: 5rem;height: 5rem;display: inline-block;border: 1px solid #C5C5C5;position: relative;}
.school-detail-logo > img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;}
.school-detail-school {width: calc(100% - 6rem);}
.school-detail-school > strong {font-size: 1.4rem;color: #333;line-height: 1.2;}
.school-detail-school > span {font-size: .8rem;font-weight: 400;}
.school-detail-sns {width: 38%;text-align: right;}
.school-detail-sns-col {width: 24%;display: inline-block; text-align: center;margin-bottom: 1rem;}
.school-detail-sns-col > svg {height: 1.5rem;}
.school-detail-sns-col > span {font-size: .7rem;color: #666666; display: block;line-height: 1;}
.school-detail-img li {margin: 0 .4rem;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;overflow: hidden;cursor: pointer; height: 8rem;}
.school-detail-img li img {min-width: 100%; min-height: 100%;}
.school-detail-img-popup{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0, .8);z-index: 1000;display: none;}
.school-detail-img-popup-wrap {width: 1080px;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.school-detail-img-popup-wrap-close {position: absolute;bottom: 100%;right: 0;width: 3rem;height: 3rem;background: #000;cursor: pointer;}
.school-detail-img-popup-wrap-close::before, .school-detail-img-popup-wrap-close::after {content: '';position: absolute;left: 50%;top: 50%;width: 3rem;height: 1px;background: #fff;}
.school-detail-img-popup-wrap-close::before {transform: translate(-50%,-50%) rotate(45deg);}
.school-detail-img-popup-wrap-close::after {transform: translate(-50%,-50%) rotate(-45deg);}
.school-detail-img-popup-show {width: 100%;height: 30rem;overflow: hidden;margin-bottom: 1rem;}
.school-detail-img-popup-show li {text-align: center;}
.school-detail-img-popup-show img {height: 30rem; width: auto; margin: 0 auto;}
.school-detail-img-popup-list li {margin: 0 .4rem;border: 4px solid #00000000;height: 4rem; overflow: hidden}
.school-detail-img-popup-list li.slick-slide.slick-current.slick-active.slick-center {border: 4px solid #1EC95B;}
.school-detail-img-popup-list.slick-slider .slick-arrow {width: 2rem;height: 2rem;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #fff;}
.school-detail-img-popup-list.slick-slider .slick-arrow {width: 2rem;height: 2rem;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #fff;}
@media screen and (max-width: 1200px) {
    .school-detail-mo-link {display: flex;}
    .school-detail-width {width: 100%;padding: 3rem 1.5rem;}
    .school-detail-title-wrap {display: block;}
    .school-detail-title {width: 100%;margin-bottom: 2rem;}
    .school-detail-sns {width: 100%;justify-content:end;grid-template-columns: repeat(auto-fill, minmax(calc(3rem + 5vw), 1fr));}
    .school-detail-sns-col > svg {height: calc(2rem - 1vw) ;}
    .school-detail-sns-col > span {font-size: calc(1rem - .2vw);}
    .school-detail-logo {width: 7rem;height: 7rem;}
    .school-detail-school {width: calc(100% - 7rem - 5px);}
    .school-detail-school > strong {font-size: calc(1rem + 1.35vw);}
    .school-detail-school > span {font-size: calc(1rem + .3vw);}
    .school-detail-img {display: flex;overflow-x: auto;padding: .5rem 0;}
    .school-detail-img li {flex-shrink: 0;width: 15rem;height: 10rem;}
}
/*******************************************************************************
                               학교 견적
********************************************************************************/
.school-detail-estimated-quote {background: #EFF1F6;overflow: hidden;}
.school-detail-estimated-quote-top {display: grid;grid-template-columns: repeat(3,1fr);margin-bottom: 2rem;}
.school-detail-estimated-quote-top-col:nth-child(2) {margin: 0 -1px;}
.school-detail-estimated-quote-col-title {padding: 0 1rem 1rem;}
.school-detail-estimated-quote-input-wrap {border: 1px solid #C5C5C5;border-top: none ;border-bottom: none ;padding: 0 1rem;margin-bottom: 1rem;}
.school-detail-estimated-quote-radio-box {height: 2rem;}
.school-detail-estimated-quote-radio-box > label {display: inline-block;margin-right: 1rem;font-size: .8rem;}
.school-detail-estimated-quote-select select {width: 100%;background:#fff url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/select-arr.png') no-repeat calc(100% - .5rem) center;background-size:1rem;margin-bottom: .5rem;}
.school-detail-estimated-quote-select select:disabled { opacity:0.5;}

/*
.school-detail-estimated-quote-text {display: flex;justify-content: space-between;align-items: end;margin-bottom: .5rem;padding: 0 1rem;}
.school-detail-estimated-quote-text > span {font-size: .8rem;color: #666666;width: 49%;display: flex;align-items: center;}
.school-detail-estimated-quote-text > span:last-child {justify-content: end;}
*/

.school-detail-estimated-quote-text {margin: .5rem 1rem;padding-bottom: .5rem;border-bottom: solid 1px #fff}
.school-detail-estimated-quote-text > span {font-size: .8rem;color: #666666;display: flex;align-items: center;}
.school-detail-estimated-quote-text > span:last-child {justify-content: end;}

.school-detail-estimated-quote-text > span > strong {font-weight: 400;}
.school-detail-estimated-quote-text > span > strong > strong {color: #333333;}
.school-detail-estimated-quote-text > span > button {height: 24px;margin-left: .2rem; transition: all .5s;}
.school-detail-estimated-quote-text > span > button:hover {transform: scale(1.2); transition: all .5s;}
.school-detail-estimated-quote-text > span > button > svg  {width: 24px;height: 24px;}
.school-detail-estimated-quote-link {background: #fff;display: flex;justify-content: space-between;padding: 1.5rem 0 2rem;border-top: 1px solid #666666;}
.school-detail-estimated-quote-link-col {width: 50%;padding: 0 1rem;}
.school-detail-estimated-quote-link-col:first-child {border-right: 1px solid #C5C5C5;}
.school-detail-estimated-quote-link-col > p {display: flex;justify-content: space-between;margin-bottom: 1rem;height: 3rem;}
.school-detail-estimated-quote-link-col > p > span {font-size: .9rem;color: #333;font-weight: 700;}
.school-detail-estimated-quote-link-col > p small {font-size: .8rem;color: #666666;font-weight: 400;}
.school-detail-estimated-quote-link-col > p small > span {color: #EF3D42;}
.school-detail-estimated-quote-link-col > p > strong > strong {color: #1EC95B;font-size: 1.6rem;}
.school-detail-estimated-quote-link-col > a {display: inline-block;width: 100%;color: #fff;background: #333333;font-size: .8rem;padding: .7rem;text-align: center;}
.school-detail-estimated-quote-link-col > button {display: inline-block;width: 100%;color: #fff;background: #333333;font-size: .8rem;padding: .7rem;text-align: center; transition: all .5s;}
.school-detail-estimated-quote-link-col > button:hover {
    background: #000;
}
.school-detail-estimated-quote-link-col:last-child > a {background: #EF3D42;}
.school-detail-estimated-quote-mo-btn {display: none;}

.school-detail-estimated-quote2 .school-detail-estimated-quote-link-col > p {
    margin-bottom: 0;
    height: auto;
}
.school-detail-estimated-quote2 .school-detail-estimated-quote-link-col:first-child {
    border: none;
}
@media screen and (max-width: 1200px) {
    .school-detail-estimated-quote-mo-btn {display: block;padding: 0 1rem;text-align: center;cursor: pointer;}
    .school-detail-estimated-quote-mo-btn > span {border-bottom: 1px dashed #999999;display: inline-block;width: 100%;padding: .8rem;font-size: calc(1rem + .85vw);}
    .school-detail-estimated-quote-mo-btn > span > svg {margin-left: .2rem;transition: all .3s;}
    .school-detail-estimated-quote {margin-bottom: -2px;transition: all .3s;}
    .school-detail-estimated-quote-top {grid-template-columns: repeat(1,1fr);height: 0;margin: 0;opacity: 0;transition: all .3s;}
    .school-detail-estimated-quote .school-detail-width {padding: 0 1.5rem;transition: all .3s;}
    .school-detail-estimated-quote-input-wrap {border: none;}
    .school-detail-estimated-quote-top-col {margin-bottom: 1rem;}
    .school-detail-estimated-quote-col-title {padding: 1rem;font-size: calc(1rem + .55vw);}
    .school-detail-estimated-quote-radio-box {height: auto;}
    .school-detail-estimated-quote-radio-box > label {font-size: calc(1rem + .25vw);margin-bottom: 1rem;}
    .school-detail-estimated-quote-text > span {font-size: calc(1rem + .55vw);}
    .school-detail-estimated-quote-link {display: block;background: none;height: 0;padding: 0;opacity: 0;transition: all .3s;}
    .school-detail-estimated-quote-link-col {width: 100%;}
    .school-detail-estimated-quote-link-col:first-child {border: none;margin-bottom: 1rem;}
    .school-detail-estimated-quote-link-col:last-child > p {margin-bottom: 1rem;height: auto;}
    .school-detail-estimated-quote-link-col > p > span {font-size: calc(1rem + .55vw);}
    .school-detail-estimated-quote-link-col > p small {font-size: calc(1rem + .25vw);}
    .school-detail-estimated-quote-link-col > p > strong > strong {font-size: calc(1rem + 3vw);}
    .school-detail-estimated-quote-link-col > button,
    .school-detail-estimated-quote-link-col > a {font-size: calc(1rem + .55vw);}
    .school-detail-estimated-quote-link-col > p small > span {font-size: .9rem;}
    .school-detail-estimated-quote.open {margin: 0;transition: all .3s;}
    .school-detail-estimated-quote.open .school-detail-estimated-quote-mo-btn > span > svg {transform: rotate(180deg);transition: all .3s;}
    .school-detail-estimated-quote.open .school-detail-width {padding: 0 1.5rem 3rem;transition: all .3s;}
    .school-detail-estimated-quote.open .school-detail-estimated-quote-top {height: auto;opacity: 1;margin-bottom: 2rem;transition: all .3s;}
    .school-detail-estimated-quote.open .school-detail-estimated-quote-link {height: auto;opacity: 1;padding: 1.5rem 0 2rem;transition: all .3s;}
}

/*******************************************************************************
                              학교 정보
********************************************************************************/
.school-detail-nav {display: flex;position: sticky;top: -1px;left: 0;border-bottom: 1px solid #C5C5C5;background: #fff;z-index: 20;overflow-x: auto;}
.school-detail-nav.sticky {box-shadow: 0 .15rem .3rem rgba(0,0,0, 0.15);}
.school-detail-nav .school-detail-width {padding: 0;}
.school-detail-nav-wrap {padding: 0;width: 1080px;margin: 0 auto;position: relative;}
.school-detail-nav a {font-size: .9rem;margin-right: 3rem;display: inline-block;padding: 1.3rem 0;position: relative;transition: all .3s;}
.school-detail-nav a::before {content: '';position: absolute;left: 0;bottom: 0;height: 4px;background: #1EC95B;width: 0;transition: all .3s;}
.school-detail-nav a:last-child {margin-right: 0;}
.school-detail-nav a.active {color: #1EC95B;transition: all .3s;}
.school-detail-nav a.active::before {width: 100%;transition: all .3s;}
.school-detail-nav-btn {position: absolute !important;right: 0 !important;top: 50% !important;transform: translateY(-50%);background: #333333;color: #fff;height: auto !important;padding: .5rem 1.25rem !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;opacity: 0;transition: all .3s;}
.school-detail-nav.sticky .school-detail-nav-btn {opacity: 1;transition: all .3s;}
.school-detail-con-section {width: 1080px;margin: 0 auto;padding: 5rem 0;border-bottom: 1px dashed #999999;}
.school-detail-con-title {margin-bottom: 1rem;font-size: 1.1rem;color: #333;}
.school-detail-con-text {font-size: .8rem;color: #666;margin-bottom: 1rem;}
.school-detail-con-pdf > a, .school-detail-con-text > a {color: #666666;border: 1px solid #666666;-webkit-border-radius: .15rem;-moz-border-radius: .15rem;border-radius: .15rem;background: #fff;font-size: .8rem;padding: .2rem 1rem;display: inline-block;}
.school-detail-con-text > a{margin-left: .2rem;}
.school-detail-con-img {width: 90%;margin-bottom: 1rem;}
.school-detail-con-sub-title {font-size: .9rem;margin-bottom: .5rem;}
.school-detail-con-section1 > dl {display: flex;margin-bottom: .5rem;}
.school-detail-con-section1 > dl dt {width: 15%;font-size: .9rem;color: #333333;}
.school-detail-con-section1 > dl dd {width: 84%;font-size: .8rem;color: #666666;}
.school-detail-con-list {margin-bottom: 1rem;}
.school-detail-con-list > li {font-size: .8rem;color: #666;margin-bottom: .1rem;}
.school-detail-con-video {width: 40rem;height: 22.5rem;margin-bottom: 1rem;-webkit-border-radius: .5rem;-moz-border-radius: .5rem;border-radius: .5rem;overflow: hidden;}
.school-detail-con-video > iframe {width: 100%;height: 100%;}
.school-detail-con-icons {display: grid;grid-template-columns: repeat(auto-fill, minmax(4rem,1fr));text-align: center;padding: .5rem 0;}
.school-detail-con-icons svg {height: 1.1rem;margin-bottom: .3rem;max-width: 1.3rem;}
.school-detail-con-icons p {font-size: .7rem;color: #666;}
.school-detail-con-section2 {position: relative;}
.school-detail-con-section2-con-wrap {height: 30rem;overflow: hidden;position: relative;}
.school-detail-con-section2-con-wrap::before {content: '';position: absolute;bottom: 0;left: 50%;width: 100%;height: 3rem;transform: translate(-50%, 0);background: linear-gradient(to top,#ffffff 30%, #ffffff00 );}
.school-detail-con-section2.open .school-detail-con-section2-con-wrap {height: auto;}
.school-detail-con-section2.open .school-detail-con-section2-con-wrap::before {display: none;}
.school-detail-con-section2-con {margin-bottom: 2rem;}
.school-detail-con-close-btn {width: 100%;text-align: center;cursor: pointer;padding: .65rem;background: #EFF1F6;font-size: .8rem;color: #666;position: absolute;left: 0;bottom: 2rem;}
.school-detail-con-section4-row {border: 1px solid #C5C5C5;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;padding: 1rem 1rem 0;box-shadow: 0 .15rem .3rem #00000021;margin-bottom: 1rem;overflow: hidden;}
.school-detail-con-section4-row-top {display: flex;align-items: center;padding-bottom: 1rem;border-bottom: 1px dashed #999999;margin-bottom: -1px;transition: all .3s;}
.school-detail-con-section4-row-top > dt {width: 30%;font-weight: 700;font-size: .9rem;color: #333333;}
.school-detail-con-section4-row-top > dd {width: 70%;border-left: 1px solid #C5C5C5;padding-left: 1rem;display: flex;justify-content: space-between;align-items: center;}
.school-detail-con-section4-row-top > dd > ul{width: 90%;}
.school-detail-con-section4-row-top > dd > ul > li {font-size: .8rem;color: #666666;}
.school-detail-con-section4-row-con-open {width: 10%;height: 100%;display: block;padding: 1rem 0;transition: all .3s;}
.school-detail-con-section4-row-con-wrap {height: 0;padding: 0;transition: all .3s;}
.school-detail-con-section4-row-con-close {height: 0;padding: 0;text-align: center;transition: all .3s;cursor: pointer;}
.school-detail-con-section4-row.open .school-detail-con-section4-row-top {margin-bottom: 0;transition: all .3s;}
.school-detail-con-section4-row.open .school-detail-con-section4-row-con-wrap {padding: 2rem 0 .5rem;height: auto;transition: all .3s;}
.school-detail-con-section4-row.open .school-detail-con-section4-row-con-close {padding: 1rem 0 1.5rem;height: auto;transition: all .3s;}
.school-detail-con-section4-row.open .school-detail-con-section4-row-con-open {transform: rotate(180deg);transition: all .3s;}
.school-detail-con-table {width: 100%;border-top: 1px solid #C5C5C5;border-collapse: collapse;}
.school-detail-con-table th, .school-detail-con-table td {padding: .8rem;}
.school-detail-con-table th {background: #F8F8F8;text-align: center;font-size: .8rem;color: #333;font-weight: 400;}
.school-detail-con-table td {border-bottom: 1px solid #c5c5c5;color: #666;font-size: .8rem;}
.school-detail-con-table td:last-child {border-left: 1px solid #C5C5C5;text-align: center;}
.school-detail-con-map {width: 100%;}
.school-detail-con-map > iframe {width: 100%;height: 20rem;}
.school-detail-con-section7 {border-bottom: none;}
.school-detail-con-section7-title {position: relative;}
.school-detail-con-section7-title > a {position: absolute;top: 50%;right: -0.2rem;transform: translateY(-50%);padding-right: 1rem;line-height: 100%;font-size: .8rem;font-weight: 400;}
.school-detail-con-section7-title > a:after {content:'';position:absolute;top:50%;right:0;transform:translateY(-45%);display:inline-block;width:1rem;height:1rem;background:url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png') no-repeat -4rem -1rem;background-size:19.5rem;}
.school-detail-con-section7-con-wrap {display: flex;width: 100%;overflow-x: auto;}
.school-detail-con-section7-con {border: 1px solid #C5C5C5;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;overflow: hidden;width: 17rem;position: relative;margin-right: 1.5rem;}
.school-detail-con-section7-con:last-child {margin-right: 0;}
.school-detail-con-section7-con > a {position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 100%;}
.school-detail-con-section7-img {width: 100%;height: 10rem;}
.school-detail-con-section7-textBox {padding: 1rem;}
.school-detail-con-section7-con-title {font-size: .9rem;color: #333;margin-bottom: .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 2.45em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;}
.school-detail-con-section7-text {font-size: .7rem; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 2.45em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;}
.school-detail-con-section7-text > strong {color: #1EC95B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 2.45em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;font-weight: 400;}
.school-detail-con-section7-text > span {color: #666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 2.45em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;}
.school-detail-con-section8 {border: none;padding: 3rem 0;}
.school-detail-con-section8 img {width: 100%;}
@media screen and (max-width: 1200px) {
    .school-detail-nav-btn {display: none !important;}
    .school-detail-nav .school-detail-width {display: flex;justify-content: space-between;overflow-x: auto;padding: 0 1.5rem;}
    .school-detail-nav a {font-size: calc(1rem + .55vw);}
    .school-detail-con-section {width: 100%;padding: 5rem 1.5rem;}
    .school-detail-con-title {font-size: calc(1rem + .85vw);}
    .school-detail-con-section1 > dl dt {font-size: calc(1rem + .55vw);width: 30%;}
    .school-detail-con-section1 > dl dd {font-size: calc(1rem + .25vw);width: 70%;}
    .school-detail-con-sub-title {font-size: calc(1rem + .55vw);}
    .school-detail-con-text {font-size: calc(1rem + .25vw);}
    .school-detail-con-pdf > a, .school-detail-con-text > a {font-size: calc(1rem + .25vw);}
    .school-detail-con-video {width: 100%;height: 50.5vw;}
    .school-detail-con-icons {grid-template-columns: repeat(auto-fill, minmax(5rem,1fr));row-gap: 1rem;}
    .school-detail-con-icons p {font-size: calc(1rem + .25vw);}
    .school-detail-con-img {width: 100%;}
    .school-detail-con-section4-row-top {display: block;position: relative;}
    .school-detail-con-section4-row-top > dt {font-size: calc(1rem + .55vw);}
    .school-detail-con-section4-row-top > dd {border: none;padding: 0;}
    .school-detail-con-section4-row-top > dd > ul > li {font-size: calc(1rem + .25vw);}
    .school-detail-con-section4-row-con-open {position: absolute;right: 0;top: 0;height: 100%;}
    .school-detail-con-table th { font-size: calc(1rem + .25vw);}
    .school-detail-con-table td { font-size: calc(1rem + .25vw);}
    .school-detail-con-section7 {position: relative;}
    .school-detail-con-section7::before {content: '';position: absolute;right: 0;top: 0;height: 100%;width: 10%;background: linear-gradient(to left, #ffffff, #ffffff00);z-index: 10;}
    .school-detail-con-section7.school-detail-con-section {padding: 5rem 0;}
    .school-detail-con-section7 .school-detail-con-title {margin: 0 1.5rem;}
    .school-detail-con-section7-con-wrap {padding: 1.5rem 0 1.5rem 1.5rem;}
    .school-detail-con-section7-con {margin-right: 2rem;width: 20rem;flex-shrink: 0;}
    .school-detail-con-section7-title > a {font-size: 0;z-index: 12;}
    .school-detail-con-section7-title > a::after {width: 2rem;height: 2rem;background-size: 39rem;background-position: -8rem -2rem;}
}


.estimate-footer {
    margin-top: 1rem;
    font-size: .85rem;
}

.estimate-footer .ex-rate {
    font-size: .7rem;
    color: #999;
    margin-bottom: 1rem;
}

.estimate-footer .ex-rate strong {
    color: #333;
}

.estimate-footer ul {
    list-style-type: 'ㆍ';
    margin-left: 1rem;
}
@media screen and (max-width: 1200px) {
    .estimate-footer {
        padding-bottom: 1rem;
    }
}

/*******************************************************************************
                              overlay - login/result
********************************************************************************/
.overlay {position: fixed;z-index: 30;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;}
.overlay.off {display: none;}
.overlay .area-membership {width: 100%;padding: 0;border: none;box-shadow: none;text-align: left;}
.overlay .msg {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;padding: 2rem;text-align: center;border: 2px solid #000;max-width: 90%;max-height: 90vh;}
.overlay .overlay2 .msg {position: static;transform: translateX(0);width: 100%;max-width: 100%;border: none;}
.overlay #result {font-size: 1rem;margin-bottom: 1rem;}
.overlay #result h2 {width: 100%;max-width: 54rem;color: #000;font-size: 2rem;font-weight: 800;text-align: center;line-height: 130%;margin-bottom: 3rem;}
.overlay .link {text-align: center;}
.overlay .link > button {margin: 0 .5rem;width: 100%;}
#submit-btn.sending {cursor: wait;background-color: #d7d7d7;}
#submit-btn:disabled {cursor: not-allowed;color: #555;}

@media screen and (max-width:768px) {
    .overlay * {font-size: 1rem;}
    .overlay .msg {width: 100%;}
    .overlay .msg > p {font-size: 1.3rem;}
    .overlay .link > button {font-size: 1.2rem;margin: 0 .5rem;}
}


/*  school-detail 개설과정 */
    .school-detail-con-section4 {
        font-size: .8rem;
        color: #555;
    }

    .school-detail-con-section4 p {
        margin-bottom: 1rem;
    }

    .school-detail-con-section4 strong {
        color: #000;
    }

    .school-detail-con-section4 ul {
        list-style: initial;
        margin: 1em 0;
    }

    .school-detail-con-section4 ul li {
        margin-left: 3em;
    }

/*  school-detail 학교특징 */
    ul.school-detail-con-text {
        list-style: '-';
    }

    ul.school-detail-con-text li {
        margin-left: .5em;
        margin-bottom: .5em;
        padding-left: 1em;
    }

/*  목록 버튼  */
.list-go {
    margin-bottom: 2rem;
}