/*******************************************************************************
                                    학교 정보 상단
********************************************************************************/
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: 29;}
.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: 56%;}
.school-detail-logo {width: 5rem;height: 5rem;display: inline-block;border: 1px solid #C5C5C5;position: relative;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;}
.school-detail-logo > img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%; max-height: 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: 42%;text-align: right;}
.school-detail-sns-col {width: 15%;display: inline-block; text-align: center;margin-bottom: 1rem;}
.school-detail-sns-col:nth-child( n + 7) {display: none;}
.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%;}
@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;}
}
@media screen and (max-width: 767px) {
    .school-detail-sns-col {width: 24%;}
}
/*******************************************************************************
                               학교 견적
********************************************************************************/
.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;}

.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) {
    .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;}
    .estimate-footer {display: block;background: none;height: 0;padding: 0;opacity: 0;transition: all .3s;margin-top: 0;}
    .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-estimated-quote.open .estimate-footer {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: 2.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;}
}


/*******************************************************************************
                              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;}
    ul.school-detail-con-text li.intro {
        list-style: none;
        margin-left: 0;
        margin-bottom: 1em;
        padding-left: 0;
    }

/*  목록 버튼  */
.list-go {margin-bottom: 2rem;}
/*******************************************************************************
                                   popup
********************************************************************************/
.area-popup-layer button {background: transparent;border: none;color: #fff;font-family: inherit;font-size: inherit;cursor: pointer;outline: none;}
.area-popup-layer {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding: 0 5.5%;box-sizing: border-box;background: rgba(0,0,0,0.8);z-index: 99;overflow-y: scroll;}
.area-popup-layer.open {display: flex;}
.area-popup-layer.loading:before {content: '';position: absolute;top: 50%;left: 50%;bottom: 0;margin: -1.5rem 0 0 -1.5rem;width: 2rem;height: 2rem;border-radius: 50%;border:.25rem solid #ddd;border-color: #ddd transparent #ddd transparent;animation: loading 1.2s linear infinite;}
.area-popup-layer.loading .popup {display: none;}
.area-popup-layer .popup-gallery {display: inline-block;width: auto;max-width: 1680px;margin: auto;padding: 5.5%;}
.area-popup-layer .popup-gallery .popup-button-wrap {width: 100%;margin-bottom:.5rem;color: #fff;text-align: right;}
.area-popup-layer .popup-gallery .popup-button-wrap .button {display: inline-block;height: 2rem;margin-right: 0.5rem;border: 1px solid #666;padding: 0 1rem;box-sizing: border-box;background: #fff;color: #333;font-size: 0.92rem;line-height: 2rem;}
.area-popup-layer .popup-gallery .popup-button-wrap .pop-close {display: inline-block;height: 2rem;}
.area-popup-layer .popup-gallery .popup-slider-area .img {position: relative;display: block;width: 100%;max-height: 730px;text-align: center;}
.area-popup-layer .popup-gallery .popup-slider-area .img img {max-width: 100%;max-height: 730px;}
/* 2020.11.08 추가 */
.area-popup-layer .popup-gallery .popup-slider-area .img iframe {width: 600px;height: 350px;}
.area-popup-layer .popup-gallery .popup-slider-area .num {position: absolute;top: calc(100% + 1rem);right: 0;color: #999;font-size: 0.92rem;}
.area-popup-layer .popup-gallery .popup-slider-area .txt {width: calc(100% - 5rem);margin-top: 1rem;color: #fff;line-height: 140%;}
.area-popup-layer .popup-gallery .slider-controls .arr {position: fixed;top: 50%;transform: translateY(-50%);width: 2rem;height: 4rem;display: block;background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/school/pop_slide_arr.png) center no-repeat;overflow: hidden;color: transparent;text-indent: -999px;}
.area-popup-layer .popup-gallery .slider-controls .prev {left: 3%;}
.area-popup-layer .popup-gallery .slider-controls .next {right: 3%;transform: translateY(-50%) rotate(180deg);}
/* 2020.11.08 추가 */
.area-popup-layer .popup-gallery .popup-slider-area a.btn-play-yu {position:absolute;left:50%;top:50%;}
.area-popup-layer .popup-gallery .popup-slider-area a.btn-play-yu img{width:8rem;opacity:.8;margin-left:-4rem;margin-top:-2.5rem;}


@media screen and (min-width: 1024px) {
    body.pop-open {overflow-y: hidden;}
}
@media screen and (max-width: 1023px) {
    .area-popup-layer .popup-gallery .slider-controls .arr {height: 3rem;background-size: 100%;}
    .area-popup-layer .popup-gallery .popup-button-wrap .pop-close img {max-width: 100%;max-height: 96%;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
    /* 학교검색 */
    .area-programs-condition .apc-filter .filter-close-btn {margin-top: 2rem;}
    .area-programs-condition .apc-category .apc-title-wrap {border: 0;padding: 0;}
    .area-programs-condition .apc-filter .apc-research .apc-title-wrap {border-bottom: 1px solid #c5c5c5}
    .school-search .school-list .area-sc-item {margin-top: 2.5rem;}
    .school-search .school-list .area-sc-item .sc-item-thumb, .school-search .school-list .area-sc-item .sc-item-cont, .school-search .school-list .area-sc-item .sc-item-thumb img, .school-search .school-list .area-sc-item .sc-item-bot a {width: 100%;}
    .school-search .school-list .area-sc-item .sc-item-cont {margin-top: 1rem;}
    .school-search .school-list .area-sc-item .sc-item-bot {position: static;width: 100%;padding: 0;overflow: hidden;}
    .school-search .school-list .area-sc-item .sc-item-bot .sc-price {margin-top:.4rem;}
    .school-search .school-list .area-sc-item .sc-item-bot .sc-price li {padding:.3rem 0;}
    .school-search .school-list .area-sc-item .sc-item-bot .sc-price li:first-child {width: 100%;}
    .school-search .school-list .area-sc-item .sc-item-bot .sc-price li:nth-child(2), .school-search .school-list .area-sc-item .sc-item-bot .sc-price li:last-child {width: 50%;}
    .school-search .school-list .area-sc-item .sc-item-bot .sc-price li:nth-child(2) {text-align: left;}
    .school-search .school-list .area-sc-item .sc-item-bot a {height: 3rem;line-height: 3rem;padding: 0;}
    .school-search .result-no p {padding: 0 0;}
    .school-search .result-no .button {width: 60%;}
    /* 학교상세 */
    .school .school-wrap .school-con .school-banner {position: fixed;bottom: 0;top: auto;left: -1px;width: 100%;background: #343434;overflow: hidden;text-align: center;padding: 1.5rem 1rem 1.55rem 1rem;z-index: 9;}
    .school .school-wrap .school-con .school-banner p {display: none;}
    .school .school-wrap .school-con .school-banner a {width: 47%;margin: 0 1%;float: left;}
    .school .school-wrap .school-con .school-banner a.border-red {color: #fff;background: #713535;}
    .school .school-wrap .school-con .school-banner.call-box {padding-left: 6rem;padding-right: 6rem;}
    .school .school-wrap .school-con .school-banner.call-box a {margin: 0;width: 100%;}
    .school .school-wrap .school-con .school-con-inner {width: auto;}
    .school .school-wrap .school-con .sc-info li {line-height: 2.0rem;}
    .school .school-wrap .school-con .sc-info li:before {height: 2.0rem;}
    /* 2020.11.08 추가 */
    .school-search .school-list .area-sc-item .sc-item-cont .sc-info li.major, .school .school-wrap .school-con .sc-info li.major{line-height: 1.5rem;}
    .school-search .school-list .area-sc-item .sc-item-cont .sc-info li.major:before, .school .school-wrap .school-con .sc-info li.major:before{background-position:center;}
    /* 2020.11.08 추가 */
    .area-popup-layer .popup-gallery .popup-slider-area .img iframe {width: 400px;height: 250px;}
    /* 2020.11.10  추가*/
    .school-search .school-list .area-sc-item .sc-item-thumb .bg{max-height:25rem;}
}
@media screen and (max-width:480px) {
    .school-search .result-no .button {width: 100%;}
    /* 2020.11.08 추가 */
    .area-popup-layer .popup-gallery .popup-slider-area .img iframe {width: 300px;height: 150px;}
}

.school-search .school-list .area-sc-item:hover .sc-title {color: #1ec956;transition: color .3s;}