@charset "UTF-8";
/*******************************************************************************
    :: 기존 유학센터의 common.css 이관

    단위 변경 완료
    pc: 1rem -> 20rem
    ex) 2.7rem(54px) -> 54rem(54px)
    mo: 1rem -> 13rem
    ex) 2.153rem(28px) -> 28rem(28px)
********************************************************************************/

/*******************************************************************************
                                    reset
********************************************************************************/
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,legend,input,textarea,button,select {margin:0;padding:0;}
html,body {min-width:360px;min-height:100%;color:#333;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'noto';font-weight:400;word-break:keep-all;}
article,aside,figcaption,figure,footer,header,menu,nav,section {display:block;margin:0;padding:0;}
fieldset,img {margin:0;padding:0;border:0;vertical-align:middle;max-width:100%;}
address,cite,em,i {font-style:normal;}
a {text-decoration:none;color:inherit;}
ol,ul {list-style:none;}


/*******************************************************************************
                                    font
********************************************************************************/
@font-face {
    font-family:'noto';
    font-style:normal;
    font-weight:100;ui-flag
    src:url(../../fonts/NotoSansKR-Thin.eot?#iefix) format("embedded-opentype"),
    url(../../fonts/NotoSansKR-Thin.woff) format("woff");
}
@font-face {
    font-family:'noto';
    font-style:normal;
    font-weight:300;
    src:url(../../fonts/NotoSansKR-Light.eot?#iefix) format("embedded-opentype"),
    url(../../fonts/NotoSansKR-Light.woff) format("woff");
}
@font-face {
    font-family:'noto';
    font-style:normal;
    font-weight:400;
    src:url(../../fonts/NotoSansKR-DemiLight.eot?#iefix) format("embedded-opentype"),
    url(../../fonts/NotoSansKR-DemiLight.woff) format("woff");
}
@font-face {
    font-family:'noto';
    font-style:normal;
    font-weight:600;
    src:url(../../fonts/NotoSansKR-Medium.eot?#iefix) format("embedded-opentype"),
    url(../../fonts/NotoSansKR-Medium.woff) format("woff");
}
@font-face {
    font-family:'noto';
    font-style:normal;
    font-weight:800;
    src:url(../../fonts/NotoSansKR-Bold.eot?#iefix) format("embedded-opentype"),
    url(../../fonts/NotoSansKR-Bold.woff) format("woff");
}
/*******************************************************************************
                                input &  button
********************************************************************************/
/* input 기본 - 박스형태 */
input {font-family:inherit;box-sizing:border-box;border:none;font-size:18rem;vertical-align:middle;}
input.yt-departDate {
    width: 100%;
}
input[type=text], input[type=search], input[type=password], input[type=tel], input[type=email], input[type=address],input.yt-departDate {height:46rem;padding:0 10rem;border:1px solid #c5c5c5;border-radius:0;-webkit-appearance:none;outline:none;font-size:16rem;line-height:calc(46rem - 2px);font-weight:300;}
input::placeholder {color:#999;}
input::-moz-placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}
input:not(.button):focus, select:focus, textarea:focus {border-color:#1ec95b;color:#333;}
input::-webkit-search-cancel-button {-webkit-appearance:none;}
input::-ms-clear {display:none;}
select {height:46rem;outline:none;padding:0 40rem 0 10rem;border:1px solid #c5c5c5;border-radius:0;background:transparent;color:#999;font-family:inherit;font-size:16rem;line-height:1.6;-webkit-appearance:none;vertical-align:middle;font-weight:300;background:transparent url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/select-arr.png) no-repeat;background-position:calc(100% - 10rem) center;background-size:20rem;}
select::-ms-expand {display:none;}
select.choose {color:#333;}
textarea {width:100%;min-height:112rem;padding:10rem;border:1px solid #c5c5c5;border-radius:0;box-sizing:border-box;-webkit-appearance:none;font-family:inherit;line-height:140%;outline:none;resize:none;overflow-y:auto;font-size:16rem;font-weight:300;}
textarea#aif-cs-title{
    min-height: auto;
}
textarea::placeholder {color:#999;}
input[type=text].select-style {padding-right:32rem;box-sizing:border-box;background:transparent url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/select-arr.png) no-repeat;background-position:calc(100% - 10rem) center;background-size:20rem;}

@media screen and (max-width:768px) {
    input[type=text], input[type=search], input[type=password], input[type=tel], input[type=email], input[type=address], select,input.departDate {height:60rem;font-size:20rem;}
    textarea {width:100%;min-height:60rem;font-size:20rem;}
}
@media screen and (max-width:640px) {
    input[type=text], input[type=search], input[type=password], input[type=tel], input[type=email], input[type=address], select,input.departDate {height:66rem;font-size:21rem;}
    textarea {width:100%;min-height:74rem;font-size:20rem;}
}

/* input - 라인형태 */
span.line-style {display:inline-block;}
.line-style {position:relative;}
.line-style:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:#333;}
.line-style.active:before {height:2px;background:#1ec95b !important;}
.line-style input {border:none;background:transparent;}
.line-style select {border:none;}

/* .input 안에 들어있는 입력박스는 .input의 가로값에 따라 늘어난다 - width:100% */
.input input[type=text], .input input[type=search], .input input[type=password], .input input[type=tel], .input input[type=email], .input input[type=address], .input select {width:100%;}
.input input ~ input, .input select ~ select {margin-top:10rem;}
.input .choose {color:#333 !important;}
.input .container ~ .container {margin-top:20rem;}
.input .line-style {width:100%;}
.input .message {display:block;width:100%;clear:both;margin-top:6rem;font-size:90%;color:#1ec956;}
.input .message.error {display:block;width:100%;clear:both;margin-top:6rem;font-size:90%;color:#eb5728;}
.req {color:#1ec95b;}
.require-notice {position:absolute;top:20rem;right:20rem;font-size:82%;color:#999;}

/* input file 커스텀 -  input[type=file]은 hidden / button/text 를 이용 */
.file-custom {font-size:0;}
.file-custom .input-file-custom {display:none;}
.file-custom .upload-file-name {width:50%;border-left:none;}
.file-custom .file-reset {margin-left:20rem;}

/** 체크박스 및 라디오
  * 묶을 땐 chk-wrap 공통 사용
  * 내부 인풋요소와 상관 없이 .chk .rdo 클래스명에 따라 스타일 바뀜
  */
.chk input {width:auto;}
.chk, .rdo {position:relative;display:inline-block;z-index:1;}
.chk input, .rdo input {display:none;}
.chk label, .rdo label {display:block;padding-left:28rem;}
.chk input + label:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:20rem;height:20rem;border:1px solid #999;box-sizing:border-box;}
.chk input:checked + label:before {border-color:#1ec95b;background:#1ec95b url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:-100rem -40rem;background-size:390rem;}
.rdo input + label:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);display:inline-block;width:20rem;height:20rem;box-sizing:border-box;border-radius:50%;border:1px solid #999;vertical-align:middle;}
.rdo input:checked + label:before {border-color:#1ec95b;background:#1ec95b;z-index:1;}
.rdo input:checked + label:after {content:'';position:absolute;top:50%;left:.25rem;transform:translateY(-50%);display:block;width:.5rem;height:.5rem;background:#fff;border-radius:50%;z-index:2;}
.chk-wrap {display:block;width:100%;box-sizing:border-box;}
.chk-wrap .chk, .chk-wrap .rdo {display:inline-block;padding:5rem 20rem 5rem 0;}
.chk-custom {position:relative;display:inline-block;margin-right:2%;font-size:16rem;background:#fff;color:#666;}
.chk-custom:after {content:'';display:block;width:100%;clear:both;}
.chk-custom input {display:none;}
.chk-custom input + label {position:relative;display:inline-block;min-width:100rem;height:46rem;margin:0;padding:0 20rem;line-height:46rem;font-size:16rem;text-align:center;cursor:pointer;}
.chk-custom input + label:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;box-sizing:border-box;border:1px solid #c5c5c5;}
.chk-custom input:checked + label {background:#1ec95b;color:#fff;}
.chk-custom input:checked + label:before {border-color:#1ec95b;}
.chk-custom + .txt {margin-left:2%;}

@media screen and (max-width:768px) {
    .chk-custom {font-size:13rem;}
    .chk-custom input + label {min-width:52rem;height:42rem;line-height:42rem;font-size:14rem;}
}

/* button */
.button-wrap {display:block;width:100%;margin-top:40rem;font-size:0;}
.button-wrap:after {content:'';display:block;width:100%;clear:both;}
.button-wrap.center {text-align:center;}
.button-wrap.right {text-align:right;}
.button-wrap input ~ input {margin:0;}
input[type=button], button, .button {border:none;background:transparent;font-size:inherit;font-family:inherit;-webkit-appearance:none;outline:none;border-radius:0;cursor:pointer;}
input[type=button], .button {display:inline-block;height:46rem;padding:0 20rem;box-sizing:border-box;line-height:calc(46rem - 2px);font-family:'noto';font-size:18rem;background:#666;border:1px solid #666;color:#fff;vertical-align:middle;text-align:center;white-space:nowrap;}
.button.pale {background:#e2e9ef;border-color:#e2e9ef;color:#000;}
.button.color {background:#1ec95b;border-color:#1ec95b;}
.button.mix {background:#4279f6;border-color:#4279f6;}
.button.point {background:#fd3737;border-color:#fd3737;}
.button.dark {background:#222;}
.button.line {background:transparent;border:1px solid #333;color:#333;}
.button.wide {width:100%;}
.button.wide + .button.wide {margin-top:10rem;}
.button.half {width:49%;float:left;}
.button.half + .button.half {float:right;}
/* .button * {vertical-align: middle;} */
.button span + [class^=ui-] {margin-left:10rem;}

@media screen and (min-width:769px) {
    .pc .button:hover {/*box-shadow:0 5px 5px rgba(0,0,0,0.2);*/color:#111;cursor:pointer;}
    .pc .button.pale:hover {color:#1ec95b;}
    .pc .button.dark:hover {color:#1ec95b}
    .pc .button.line:hover {background:#1ec95b;border:1px solid #1ec95b;color:#fff;}
}
@media screen and (max-width:768px) {
    input[type=button], .button {display:inline-block;height:39rem;font-size:13rem;line-height:calc(39rem - 2px);}
}
@media screen and (max-width:640px) {
    input[type=button], .button {display:inline-block;height:42rem;font-size:14rem;line-height:calc(42rem - 2px);}
}

/* 콘텐츠관리자 버튼 */
#app .button.content-manager:first-child {z-index:12;}
.button.content-manager {position:absolute;z-index:99;display:block;border:0;border-radius:2.5rem;box-sizing:border-box;background:#fb8c00;color:#fff;font-family:inherit;font-size:13px;height:20rem;line-height:100%;cursor:pointer;outline:none;}

/* SEO매니저 버튼 */
#app .button.seo-manager:first-child {z-index:12;}
.button.seo-manager {position:absolute;z-index:99;display:block;border:0;border-radius:2.5rem;box-sizing:border-box;background:#fb8c00;color:#fff;font-family:inherit;font-size:13px;height:20rem;line-height:100%;cursor:pointer;outline:none;margin-top:24rem;}


/* 멀티체크가능한 셀렉트 */
.input-multi-select {display:none;position:absolute;top:calc(100% - 2px);left:0;width:100%;padding:20rem;box-sizing:border-box;background:#fff;z-index:10;}
.input-multi-select .chk-custom-wrap {font-size:0;}
.input-multi-select .chk-custom-wrap:after {content:'';display:block;width:100%;clear:both;}
.input-multi-select .chk-custom-wrap span {display:inline-block;margin:4rem;text-align:center;white-space:nowrap;}
.input-multi-select .chk-custom-wrap input[type=checkbox] {display:none;}
.input-multi-select .chk-custom-wrap input[type=checkbox] + label {display:block;width:100%;padding:6rem 0;border-radius:5px;border:1px solid #f8f8f8;background:#f8f8f8;box-sizing:border-box;font-size:16rem;font-weight:300;color:#666;letter-spacing:-1px;cursor:pointer;justify-content:center;align-items:center;}
.input-multi-select .chk-custom-wrap input[type=checkbox]:checked + label {border:1px solid #1ec95b;color:#1ec95b;}
.ims-active .input-multi-select {display:block;}
.ims-active input[type=text].select-style {background:transparent url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/select-arr-active.png) no-repeat;background-position:calc(100% - 10rem) center;background-size:20rem;}
.ims-active input::placeholder {color:#1ec95b;}
.ims-active input::-moz-placeholder {color:#1ec95b;}
.ims-active input:-ms-input-placeholder {color:#1ec95b;}

@media screen and (max-width:768px) {
    .input-multi-select .chk-custom-wrap input[type=checkbox] + label {font-size:14rem;padding:4rem 0;}
}

/* date-picker */
.date-picker {position:relative;display:inline-block;width:100%;}
.date-picker input[type="search"] {width:100%;padding-left:50rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/datepicker-bg-simple.png) no-repeat;background-position:10rem center;background-size:30rem;}
.date-picker .cancel {position:absolute;top:50%;right:0;padding:10rem;transform:translateY(-50%);font-size:0;line-height:0;text-indent:-999px;overflow:hidden;}
.date-picker .cancel:before {content:'';display:block;width:20rem;height:20rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:-20rem 0;background-size:390rem;}

/*******************************************************************************
                                    layout
********************************************************************************/
/* common */
body {position:relative;height:auto;overflow:visible;}
[class^='mo-'] {display:none;}
.flex-wrap {width:90%;max-width:1080rem;margin:0 auto;}
.flex-wrap:after {content:'';display:block;width:100%;clear:both;}
.fix-wrap {width:100%;max-width:1080rem;margin:0 auto;}
.fix-wrap:after {content:'';display:block;width:100%;clear:both;}
.d-none {display:none !important;}

.column {display:block;width:100%;}
.column:after {content:'';display:block;width:100%;clear:both;}
.clearfix:after {content:'';display:block;width:100%;clear:both;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.text-color {color:#1ec95b;}
.text-point {color:#fd3737;}

main {}

.container {overflow:hidden;}
.container.mypage {padding-bottom:100rem;}
.container.submain-program {padding:60rem 0;}

.column .col2 {display:block;width:49%;float:left;}
.column .col2:nth-of-type(2n) {float:right;}
.column .col2:nth-of-type(2) ~ .col2 {margin-top:10rem;}
.column .col3 {display:block;width:32%;float:left;}

@media screen and (min-width: 1080px) {
    .container {min-width:1080rem;}
}
@media screen and (max-width: 991px) {
    [class^='pc-'] {display:block;}
    [class^='mo-'] {display:none;}
}
@media screen and (min-width: 768px) {
    .column .col3 + .col3 {margin-left:2%;}
    .column .col3:nth-of-type(3n + 1) {margin-left:0;}
    .column .col3:nth-of-type(3) ~ .col3 {margin-top:10rem;}
}
@media screen and (max-width: 767px) {
    [class^='pc-'] {display:none;}
    [class^='mo-'] {display:block;}
    .mo-inline {display:inline;}
    .m-full [class^=col] {position:relative;width:100%;float:none;margin:6.5rem 0 0;}
    .m-full [class^=col] + [class^=col] {margin-top:26rem;}
}

[class*=ui-kit] {position:relative;display:inline-block;width:20rem;height:20rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:0 0;background-size:390rem;font-size:0;line-height:0;text-indent:-999px;vertical-align:middle;overflow:hidden;}
.ui-kit-arr {background-position:0 0;}
.ui-kit-arr.color {background-position:0 -20rem;}
.ui-kit-arr.white {background-position:0 -40rem;}
.ui-kit-x {background-position:-20rem 0;}
.ui-kit-x.color {background-position:-20rem -20rem;}
.ui-kit-x.white {background-position:-20rem -40rem;}
.ui-kit-filter {background-position:-40rem 0;}
.ui-kit-filter.color {background-position:-40rem -20rem;}
.ui-kit-filter.white {background-position:-40rem -40rem;}
.ui-kit-plus-l {background-position:-60rem 0;}
.ui-kit-plus-l.color {background-position:-60rem -20rem;}
.ui-kit-plus-l.white {background-position:-60rem -40rem;}
.ui-kit-plus {background-position:-80rem 0;}
.ui-kit-plus.color {background-position:-80rem -20rem;}
.ui-kit-plus.white {background-position:-80rem -40rem;}
.ui-kit-check {background-position:-100rem 0;}
.ui-kit-check.color {background-position:-100rem -20rem;}
.ui-kit-check.white {background-position:-100rem -40rem;}
.ui-kit-new {background-position:-160rem 0;}
.ui-kit-download {background-position:-180rem -60rem;}

[class^=ui-kit-star] {width:80rem;background-position:-200rem -120rem;}
.ui-kit-star4 {background-position:-216rem -120rem;}
.ui-kit-star3 {background-position:-232rem -120rem;}
.ui-kit-star2 {background-position:-248rem -120rem;}
.ui-kit-star1 {background-position:-264rem -120rem;}

[class*=ui-flag] {position:relative;display:inline-block;overflow:hidden;text-align:center;vertical-align:top;}
[class*=ui-flag]:before {content:'';display:block;width:50rem;height:34rem;margin:0 auto;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-flag.png) no-repeat;background-position:0 0;background-size:800rem;}
.ui-flag-ca:before {background-position:0 0;}
.ui-flag-au:before {background-position:-60rem 0;}
.ui-flag-uk:before {background-position:-120rem 0;}
.ui-flag-nz:before {background-position:-180rem 0;}
.ui-flag-ie:before {background-position:-240rem 0;}
.ui-flag-usa:before {background-position:-300rem 0;}

[class*=ui-layout] {position:relative;display:inline-block;width:40rem;height:40rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:0 0;background-size:390rem;font-size:0;line-height:0;text-indent:-999px;vertical-align:middle;overflow:hidden;}
.ui-layout-close {background-position:0 -60rem;}
.ui-layout-close.color {background-position:-40rem -60rem;}
.ui-layout-close.white {background-position:-80rem -60rem;}
.ui-layout-search {width:60rem;height:60rem;background-position:0 -140rem;}
.ui-layout-search.color {background-position:-60rem -140rem;}


/* 공통 로그인 뒤로가기 추가 220926 */
.pc .login-mo-back {
    display: none;
}
.mo .login-mo-back {
    display: inline-block;
}

/* 2023.01.03 - 모바일 네비 추가 */
.mobile-bottom-nav {display: none;}
@media screen and (max-width:1200px) {
    .mobile-bottom-nav {
        width: 100%;
    }
}
@media screen and (max-width:767px) {
    .mobile-bottom-nav-wrap {
        display: flex;
    }
    .mobile-bottom-nav {
        display: block;
        margin: 0 auto;
        overflow-x: auto;
        border-top: 1px solid #c5c5c5;
    }
    .mobile-bottom-nav a {
        display: inline-block;
        padding: 6px 12px;
        text-align: center;
        white-space: nowrap;
        font-size: 14px;
    }
    .mobile-bottom-nav a.active {
        position: relative;
        color: #1ec95b;
    }
    .mobile-bottom-nav a.active::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 100%;
        background: #1ec95b;
    }
}

.aside-content-wrap {position:relative;display:block;width:100%;height:100%;border-left:1px solid #666;border-bottom:1px solid #666;background:#fff;}
.aside-top-banner {height:auto;margin:0;visibility:hidden;opacity:0;border-bottom:1px solid #666;}
.aside-top-banner .bx-controls-direction {display:none;}
.aside-top-banner .bx-pager {margin:10rem  0;}
.aside-top-banner .bx-pager .bx-pager-item {padding:2rem;}
.aside-top-banner .bx-pager .bx-pager-item a {width:8rem;height:8rem;}



/* 팝업 */
body.fixed {overflow:hidden;}
.area-layer-popup-fixbody {display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:scroll;background:rgba(0,0,0,0.7);z-index:100;}
.area-layer-popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:100;}
.area-layer-popup.open {display:block;}
.area-layer-popup .small-popup {width: 28%;}

@media (min-width: 768px) {
    .pc body.fixed {margin-right:17px;}
    .pc body.fixed:before {content:'';display:block;width:17px;height:100%;positoin:absolute;top:0;right:0;background:#ccc;}
}
@media (min-width: 320px) and (max-width: 480px) {
    .area-layer-popup .small-popup {width: 60%;}
}

.london .popup-container {max-width:40rem;}
.popup-container {position:absolute;top:50%;left:50%;width:90%;max-width:720rem;/*margin:4rem 0;*/transform:translate(-50%, -50%);background-color:#fff}
.main-popup {

}
.main-popup .popup-container {
    width: 25%;
}
.main-popup .popup-content {
    width:100%;
}
.main-popup .popup-content > div{
    position: relative;
}
.main-popup .popup-all-close-x {
    position: absolute;
    right: 0;
    bottom: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.popup-container .popup-content{font-size:16rem;}
.popup-content {padding:30rem;box-sizing:border-box;}
.popup-sample .small-popup .popup-content{font-size:20rem;}

.popup-slider {position:absolute;top:50%;left:50%;width:90%;max-width:440rem;transform:translate(-50%, -50%);background:#fff;visibility:hidden;opacity:0;}
.popup-slider .popup-content {padding:0;}
.popup-slider .bx-controls-direction {display:none;}
.popup-slider .bx-pager .bx-pager-item a {width:11rem;height:11rem;}

.popup-title {position:relative;min-height:80rem;box-sizing:border-box;border-bottom:1px solid #c5c5c5;}
.popup-title .heading-text:only-child {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);box-sizing:border-box;padding:20rem;font-size:22rem;font-weight:400;}
.popup-close-x {position:absolute;top:0;right:0;cursor:pointer;}
.popup-container .popup-close {position:absolute;top:0;right:0;padding:20rem;cursor:pointer;}
.popup-condition-wrap {display:flex;}
.popup-condition-wrap [class^=popup-] {flex:auto;border:1px solid #ccc;padding:20rem 0;font-size:18rem;}
.popup-condition-wrap [class^=popup-] ~ [class^=popup-] {border-left:none;}
.popup-condition-wrap .popup-close {}
.popup-condition-wrap .popup-slider-auto:before {content:'';position:relative;display:inline-block;width:20rem;height:20rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:-160rem -120rem;background-size:390rem;font-size:0;line-height:0;text-indent:-999px;vertical-align:middle;overflow:hidden;}
.popup-condition-wrap .popup-slider-auto.stop:before {background-position:-160rem -100rem;}
.review .popup-title .heading-text {padding-right:30rem;}

/* 카카오톡상담팝업 - pc */
.popup-content .ik-wrap {text-align:center;}
.popup-content .ik-wrap .ik-title {font-size:22rem;}
.popup-content .ik-wrap .ik-title .deco-box {padding:0 10rem;border:1px solid #c5c5c5;}
.popup-content .ik-wrap .ik-title strong {font-size:40rem;}
.popup-content .ik-wrap .ik-title .color {color:#ff9600;}
.popup-content .ik-wrap .ik-info-time {margin-top:1.5rem;font-size:18rem;font-weight:300;}
.popup-content .ik-wrap .ik-info-time .color {color:#1ec95b;}
.popup-content .ik-wrap [class^='ik-howto'] .tit {display:block;width:100%;margin-bottom:20rem;font-size:22rem;font-weight:400;}
.popup-content .ik-wrap .ik-howto1 {margin-top:40rem;}
.popup-content .ik-wrap .ik-howto1 .add-friend:after {content:'';display:block;width:100%;clear:both;}
.popup-content .ik-wrap .ik-howto1 .add-friend li {width:30%;float:left;}
.popup-content .ik-wrap .ik-howto1 .add-friend li:not(:first-child) {margin-left:5%;}
.popup-content .ik-wrap .ik-howto1 .add-friend li .txt {display:block;width:100%;margin-top:20rem;font-size:14rem;word-break:keep-all;}
.popup-content .ik-wrap .ik-howto2 {margin-top:40rem;}
.popup-content .ik-wrap .ik-howto2 .line-style {width:40%;}
.popup-content .ik-wrap .ik-howto2 .line-style:before {background:#333;}
.popup-content .ik-wrap .ik-howto2 .line-style + input {margin-left:4rem;}
.ik-wrap .exp-txt {margin-top:5rem;font-size:14rem;color:#666;text-align:left;}
.num-circle {display:inline-block;width:36rem;height:36rem;margin-right:10rem;background:#111;border-radius:50%;color:#fff;font-size:110%;line-height:32rem;}

@media screen and (max-width: 1024px) {
    .main-popup .popup-container {
        width: 60%;
    }
}
@media screen and (max-width: 767px) {
    .main-popup .popup-container {
        width: 80%;
    }
    .popup-content .ik-wrap .ik-info-time {font-size:13rem;}
    .popup-content .ik-wrap .ik-howto1 .add-friend li .txt {font-size:11rem;}
    .ik-wrap .exp-txt {font-size:11rem;}
}

/*******************************************************************************
                                    슬라이더
********************************************************************************/
/* Swiper */
.swiper-controls {z-index:1;}
.swiper-controls-direction {position:absolute;top:50%;left:0;width:100%;max-width:1080rem;z-index:20;}
.swiper-controls.center .swiper-controls-direction {left:50%;transform:translateX(-50%);}
.swiper-controls-direction div {position:absolute;top:50%;transform:translateY(-50%);display:block;width:32rem;height:32rem;outline:none;box-sizing:border-box;text-indent:-999px;overflow:hidden;white-space:nowrap;z-index:20;}
.swiper-controls.round-style .swiper-controls-direction div {width:46rem;height:46rem;border:1px solid #c5c5c5;border-radius:50%;background-color:#fff;opacity:.8;outline:none;}
.swiper-button-prev:before {content:'';position:absolute;width:20rem;height:20rem;top:50%;left:50%;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-size:390rem;transform:translate(-50%, -50%) rotate(90deg)}
.swiper-button-next:before {content:'';position:absolute;width:20rem;height:20rem;top:50%;left:50%;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-size:390rem;transform:translate(-50%, -50%) rotate(-90deg)}
.swiper-button-disabled {display:none!important;}
.review .review-slider .swiper-controls-direction {top:37%;}

[class^='area-promotion'] .swiper-controls-direction {position:absolute;top:auto;bottom:380rem;left:auto;right:0;transform:none;width:auto;}
[class^='area-promotion'] .swiper-controls-direction div {position:relative;top:auto;transform:none;float:left;border:1px solid #c5c5c5;outline:none;}
[class^='area-promotion'] .swiper-controls-direction div:before {content:'';position:absolute;top:50%;left:50%;width:20rem;height:20rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-size:390rem;}
[class^='area-promotion'] .swiper-controls-direction .swiper-button-prev {left:auto;margin:0;}
[class^='area-promotion'] .swiper-controls-direction .swiper-button-next {right:auto;margin:0;margin-left:-1px;}
[class^='area-promotion'] .swiper-controls-direction .bx-prev:before {background-position:0 0;}
[class^='area-promotion'] .swiper-controls-direction .bx-next:before {background-position:0 0;}

@media screen and (min-width:769px) {
    .swiper-controls.round-style .swiper-controls-direction .swiper-button-prev {left:-20rem;}
    .swiper-controls.round-style .swiper-controls-direction .swiper-button-next {right:-20rem;}
}
@media screen and (max-width:767px) {
    .swiper-button-prev {display:none !important;}
    .swiper-button-next {display:none !important;}
}

/* Bx Slider */
.bx-wrapper {position:relative;}
/*.bx-viewport {height:auto !important;}*/
.bx-pager {position:absolute;bottom:0;left:0;width:100%;margin:16rem 0;text-align:center;font-size:0;}
.bx-pager .bx-pager-item {display:inline-block;padding:4rem;font-size:0;line-height:0;}
.bx-pager .bx-pager-item a {display:inline-block;width:8rem;height:8rem;background:#fff;border-radius:50%;text-indent:-999px;overflow:hidden;vertical-align:middle;}
.bx-pager .bx-pager-item a.active {background:#1ec95b;}
.bx-controls {z-index:1;}
.bx-controls-direction {position:absolute;top:50%;left:0;width:100%;max-width:1080rem;z-index:2;}
.bx-controls-direction a {position:absolute;top:50%;transform:translateY(-50%);display:block;width:32rem;height:32rem;box-sizing:border-box;text-indent:-999px;overflow:hidden;white-space:nowrap;z-index:1;}
.bx-controls-direction a:before {content:'';position:absolute;width:20rem;height:20rem;top:50%;left:50%;transform:translate(-50%, -50%);background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-size:390rem;}
.bx-controls-direction a.disabled {display:none;}
.bx-controls-direction .bx-prev {left:0;}
.bx-controls-direction .bx-next {right:0;}
.bx-controls-direction .bx-prev:before {transform:translate(-50%, -50%) rotate(90deg)}
.bx-controls-direction .bx-next:before {transform:translate(-50%, -50%) rotate(-90deg)}

.slide-simple-arr {position:relative;}
.slide-simple-arr .bx-controls-direction {position:absolute;top:auto;left:auto;bottom:100%;right:0;width:calc(64rem - 1px);}
.slide-simple-arr .bx-controls-direction a {position:relative;transform:none;display:block;width:32rem;height:32rem;float:left;border:1px solid #c5c5c5;box-sizing:border-box;text-indent:-999px;overflow:hidden;white-space:nowrap;}
.slide-simple-arr .bx-controls-direction a:before {content:'';position:absolute;width:20rem;height:20rem;top:50%;left:50%;transform:translate(-50%, -50%);background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-size:390rem;}
.slide-simple-arr .bx-controls-direction a + a {margin-left:-1px;}
.slide-simple-arr .bx-controls-direction .bx-prev {right:auto;}
.slide-simple-arr .bx-controls-direction .bx-next {left:auto;}
.slide-simple-arr .bx-controls-direction .bx-prev:before {background-position:0 0;transform:translate(-50%, -50%) rotate(90deg);}
.slide-simple-arr .bx-controls-direction .bx-next:before {background-position:0 0;;transform:translate(-50%, -50%) rotate(-90deg);}

.bx-controls.round-style .bx-controls-direction a {width:46rem;height:46rem;border:1px solid #c5c5c5;border-radius:50%;background-color:#fff;opacity:.8;}
.pc .bx-controls.round-style .bx-controls-direction a:hover {opacity:.9;}
.bx-controls.center .bx-controls-direction {left:50%;transform:translateX(-50%);}
.bx-controls.outside .bx-controls-direction .bx-prev {left:auto;right:100%;}
.bx-controls.outside .bx-controls-direction .bx-next {right:auto;left:100%;}
.no-arr .bx-controls-direction {display:none;}
.no-pager .bx-pager {display:none;}
.bx-pager.outside {bottom:-20rem;}
.bx-pager.gray .bx-pager-item a {background:#c1c1c1;}
.bx-pager.gray .bx-pager-item a.active {background:#1ec95b;}

@media screen and (max-width:767px) {
    .bx-controls .bx-controls-direction {display:none;}
}

/* Slick Slider */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list *:focus {outline:none;}
.slick-list.dragging {cursor:pointer;}
.slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before, .slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;width:100%;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

/* Arrows */
.slick-slider .slick-arrow {position:absolute;top:50%;display:block;width:25rem;height:25rem;padding:0;transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;font-size:0;line-height:0;z-index:1;}
.slick-slider .slick-arrow.slick-disabled:before {opacity:0;}
.slick-slider .slick-arrow:before {content:'';position:relative;display:inline-block;width:20rem;height:20rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:0 0;background-size:390rem;font-size:0;line-height:0;text-indent:-999px;vertical-align:middle;overflow:hidden;opacity:.7;}
.slick-prev {left:-25rem;}
.slick-prev:before {transform:rotate(90deg);}
.slick-next {right:-25rem;}
.slick-next:before {transform:rotate(-90deg);}
.slick-slider .slick-arrow.round-style {width:46rem;height:46rem;border:1px solid #c5c5c5;border-radius:50%;background-color:#fff;opacity:.8;}
.slick-slider .slick-arrow.round-style.slick-disabled {opacity:0;}
.pc .slick-slider .slick-arrow.round-style:hover {opacity:.9;}
.pc .slick-slider .slick-arrow.round-style.slick-disabled:hover {opacity:0;cursor:default;}

@media screen and (min-width:1141px) {
    .slick-slider .slick-prev.center {left:50%;transform:translateX(-560rem);}
    .slick-slider .slick-next.center {right:50%;transform:translateX(560rem);}
}
@media screen and (max-width:1140px) {
    .slick-slider .slick-prev.center {left:0;}
    .slick-slider .slick-next.center {right:0;}
}
@media screen and (max-width:767px) {
    .slick-slider .slick-arrow {display:none !important;}
}

/* Dots */
.slick-dots {position:absolute;left:0;bottom:0;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
.slick-dots li {position:relative;display:inline-block;padding:4rem;font-size:0;line-height:0;cursor:pointer;}
.slick-dots li button {font-size:0;line-height:0;display:block;width:8px;height:8px;background:#ccc;border-radius:50%;}
.slick-dots li.slick-active button {background:#1ec95b;}
.pc .slick-dots li button:hover, .slick-dots li button:focus {outline:none;}
.pc .slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:1;}

/* 프로모션배너 */
[class^='area-promotion'] {position:relative;background:#fff;z-index:1;}
[class^='area-promotion'] .aip-title {padding:30rem;padding-right:0;font-size:26rem;line-height:140%;}
[class^='area-promotion'] .aip-title strong {font-size:34rem;}
[class^='area-promotion'] .aip-slide {width:120%;overflow:hidden;}
[class^='area-promotion'] .aip-slide .bx-controls-direction {right:88rem;}

/*
.area-promotion-qna {padding-top:1rem;}
.area-promotion-qna .aip-slide {width:100%;}
.area-promotion-qna .aip-slide .bx-controls-direction {bottom:auto;top:0;right:0;}
*/

@media screen and (min-width: 769px) {
    [class^='area-promotion'] {width:440rem;float:right;}
}
@media screen and (max-width: 768px) {
    [class^='area-promotion'] {width:90%;max-width:440rem;margin:40rem auto 0;}
}
@media screen and (max-width: 640px) {
    [class^='area-promotion'] {width:100%;max-width:none;box-sizing:border-box;}
    [class^='area-promotion'] .aib-slide-banner li {max-width:325rem;margin-left:18.2rem;margin-right:-9rem;}
}

/*******************************************************************************
                                    지사안내
********************************************************************************/
.area-edm-branches {font-size:16rem;}
.area-edm-branches .sm-branches-content {background:#fff;}
.area-edm-branches .slider {position:relative;}
.area-edm-branches .slider figure {position:relative;}
.area-edm-branches .slider figure figcaption {position:absolute;bottom:0;left:0;width:100%;padding:20rem;box-sizing:border-box;color:#fff;}
.area-edm-branches .slick-prev:before,
.area-edm-branches .slick-next:before {background-position:0 -40rem;}
.area-edm-branches .slick-dots {display:none !important;}
.austrailia .area-edm-branches .slick-slide figure { aspect-ratio: 642/329; }
.austrailia .area-edm-branches .slick-slide img { width: 100%; height: 100%; object-fit: cover; }
.area-edm-branches .paging-number {position:absolute;bottom:20rem;right:20rem;z-index:2;color:#fff;}
.area-edm-branches .pager {margin-top:20rem;}
.area-edm-branches .pager ul {width:calc(100% + 10rem);}
.area-edm-branches .pager li {margin-right:12rem;}
.area-edm-branches .pager figure {position:relative;cursor:pointer;}
.area-edm-branches .pager figure:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.area-edm-branches .pager figure figcaption {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;padding:0 12rem;box-sizing:border-box;color:#fff;text-align:center;line-height:120%;}
.pc .area-edm-branches .pager figure:hover figcaption {color:#1ec95b;}
.area-edm-branches .pager .slick-current figure figcaption {color:#1ec95b;}
.area-edm-branches .sm-branches-header {padding-top:70rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/submain-branches-bg.png) center top no-repeat;background-size:cover;text-align:center;}
.area-edm-branches .sm-branches-header .sm-bh-title h2 {font-size:40rem;color:#fff;letter-spacing:-1px;}
.area-edm-branches .sm-branches-header .sm-bh-title .add-text {margin-top:10rem;color:#fff;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu {position:relative;width:100%;max-width:1080rem;margin:40rem auto 0;padding-bottom:80rem;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu li ul {display:none;position:absolute;bottom:-4rem;left:0;width:100%;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu li li {display:inline-block;padding:0 28rem;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu li li a {position:relative;display:block;padding:6rem 0 10rem;font-size:22rem;color:#fff;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu li li.active a:before,
.pc .area-edm-branches .sm-branches-header .sm-bh-tabs-menu li li a:hover:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:4rem;background:#1ec95b;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu li.active > ul {display:block;}
.area-edm-branches.mainBranches .sm-branches-header .sm-bh-tabs-menu li.active > ul .slick-list { overflow-x: auto; }
.area-edm-branches.mainBranches .sm-branches-header .sm-bh-tabs-menu li.active > ul .slick-track { display: flex; width: auto !important; }
/*.area-edm-branches .sm-branches-header .sm-bh-tabs-menu ul {overflow:auto;}*/
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu .overseas li {box-sizing:border-box;white-space:nowrap;}
.area-edm-branches .sm-branches-content {padding:4rem 0;background:#f8f8f8;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con {width:90%;max-width:1080rem;margin:0 auto;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con:after {content:'';display:block;width:100%;clear:both;}
.area-edm-branches.mainBranches .sm-branches-content .sm-bh-tabs-con .img-wrap { aspect-ratio:540/278; }
.area-edm-branches.mainBranches .sm-branches-content .sm-bh-tabs-con .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .img-wrap .pager .pager-hidden {display:none;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap {margin-top:20rem;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-name {font-size:22rem;font-weight:800;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-info dl {margin-top:12rem;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-info dl:after {content:'';display:block;width:100%;clear:both;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-info dt {width:60rem;float:left;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-info dd {width:calc(100% - 80rem);float:right;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .button-wrap {margin-top:20rem;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .button-wrap2 {margin-top:90rem;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .exp-box {margin-top:20rem;}
.area-edm-branches .sm-branches-content .pageOnImgBlock {display:none;}

@media screen and (min-width:769px) {
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .img-wrap {width:50%;float:left;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap {width:45%;float:right;margin-top:0;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-info .list-wrap {min-height:233rem;}
    /*.area-edm-branches .md-tabs-basic > li > a {padding:.5rem 2rem;}*/
}
@media screen and (max-width:768px) {
    .area-edm-branches {font-size:14rem;}
    .area-edm-branches .sm-branches-header .sm-bh-title h2 {font-size:23.4rem;}
    .area-edm-branches .sm-branches-header .sm-bh-tabs-menu li ~ li {margin:-1px;}
    .area-edm-branches .sm-branches-header .sm-bh-tabs-menu li li.active a:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:2.6rem;background:#1ec95b;}
    .area-edm-branches .sm-branches-header .sm-bh-tabs-menu li li a {font-size:16rem;}
    .area-edm-branches .sm-branches-header .sm-bh-tabs-menu .md-tabs-basic > li > a {padding:6.5rem 26rem;}
    .area-edm-branches .sm-branches-content {padding:39rem 0;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con {width:100%;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .slider li {margin:0 5.2rem;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .paging-number {display:none;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .pager {display:none;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .img-wrap {width:90%;margin:0 auto;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap {width:90%;margin:13rem auto 0;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-name {font-size:17.16rem;}
}
@media screen and (max-width:640px) {
    .area-edm-branches .sm-branches-header .sm-bh-title .add-text {font-size:13rem;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-info dd {width:calc(100% - 65rem);}
}


/*******************************************************************************
                                    게시판
********************************************************************************/
.area-board-header {position:relative;margin-bottom:40rem;}
.area-board-header:after {content:'';display:block;width:100%;clear:both;}

.area-board-search {position:relative;display:block;width:90%;max-width:540rem;margin:0 auto 30rem;text-align:center;font-size:0;}
.area-board-search .search-cate {display:inline-block;width:29%;min-width:120rem;margin-right:1%;}
.area-board-search .search-cate select {width:100%;}
.area-board-search .search-input {position:relative;display:inline-block;width:70%;min-width:300rem;}
.area-board-search .search-input input[type=text] {width:100%;}
.area-board-search .search-input .btn-search {position:absolute;top:50%;right:10rem;transform:translateY(-50%);width:30rem;height:30rem;padding:0;border:none;background:#1ec95b;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:-40rem -90rem;background-size:240rem;font-size:0;text-indent:-999px;overflow:hidden;}
.area-board-search .review-all-num {font-size:18rem;}

@media screen and (max-width:767px) {
    .area-board-search {max-width:none;width:90%;}
    .area-board-search .review-all-num {float:left;margin:13rem 0;font-size:15rem;}
}

/* 공통 */
[class^=area-board]:after {content:'';display:block;width:100%;clear:both;}
[class^=area-board] .area-board-view {font-size:16rem;}
[class^=area-board] .button-wrap, [class^=area-board] + .button-wrap {margin:80rem auto;}
[class^=area-board] .button-wrap, [class^=area-board] + .button-wrap {width:100%;max-width:1080rem;margin:60rem auto;}
[class^=area-board] .button-wrap .button, [class^=area-board] + .button-wrap .button {width:30%;max-width:220rem;}
[class^=area-board] .button-wrap .button:only-child, [class^=area-board] + .button-wrap .button:only-child {width:40%;}
[class^=area-board] .button-wrap .button + .button:only-child, [class^=area-board] + .button-wrap .button + .button {margin-left:20rem;}

.area-board-item {position:relative;display:block;width:100%;float:left;letter-spacing:0;}
.area-board-item a {display:block;}
.area-board-item a:after {content:'';display:block;width:100%;clear:both;}
.area-board-item .thumb {position:relative;font-size:0;}
.area-board-item .thumb.talk {position: relative;font-size: 0;height: 240rem !important;overflow: hidden;background: #f9ddd9;}
.area-board-item .thumb.talk img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);min-width: 100%;min-height: 100%;}
.austrailia .area-board-item .thumb { aspect-ratio: 400/198; }
.austrailia .area-board-item .thumb img { width: 100%; height: 100%; object-fit: cover; }
/*.area-board-item .real-review-img {width: 253px; height: 154px;}*/
.area-board-item .subject {font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.area-board-item .content .search-result {font-weight: 600; background-color: yellow;}
.area-board-item .search-result-zero {font-size:22rem; text-align: center;}
.area-board-item .context {margin-top:16rem;font-size:16rem;}
.area-board-item .info {margin-top:10rem;font-size:16rem;color:#666;}
.area-board-item .info .count {padding-left:10rem}
.area-board-item .ot-thumb, .area-board-item .together-thumb {position:relative;width:100%;padding-bottom:56.25%;}
.area-board-item .ot-thumb .ot-img, .area-board-item .together-thumb .together-img {position:absolute; width:100%; height:100%; transform: translate(-50%, -50%); top: 50%; left: 50%;}

.area-board-no-item {position:relative;display:block;width:100%;border-top:1px solid #c5c5c5;}
.area-board-no-item .context {padding:100rem 0;font-size:18rem;text-align:center;}

@media screen and (max-width:767px) {
    .area-board-item .real-review-img {width:100%;height:auto;}
    [class^=area-board] .button-wrap .button, [class^=area-board] + .button-wrap .button {padding:0;}
    [class^=area-board] .button-wrap .button + .button, [class^=area-board] + .button-wrap .button  + .button {margin-left:6.5rem;}
}

/* 추출형 - 공지 등 */
.area-board-attr [class*="title"] {position:relative;}
.area-board-attr li ~ li {margin-top:20rem;}
.area-board-attr li:after {content:'';display:block;width:100%;clear:both;}
.area-board-attr li a {display:block;}
.area-board-attr li a:after {content:'';display:block;width:100%;clear:both;}
.area-board-attr li .subject {display:block;width:80%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.area-board-attr li .info {display:block;width:20%;float:right;padding-right:2rem;box-sizing:border-box;font-size:87.5%;opacity:.8;text-align:right;}
.area-board-attr li .info i ~ i {margin-left:6rem;}

@media screen and (min-width:769px) {
    .area-board-attr li .subject {font-size:18rem;}
}
@media screen and (max-width:767px) {
    .area-board-attr li {font-size:14rem;}
    .area-board-search .review-all-num {float:left;margin:13rem 0;font-size:13rem;}
}

/* 리스트- 텍스트형 */
.area-board-text {width:100%;float:none;}
.area-board-text:after {content:'';display:block;width:100%;clear:both;}
.area-board-text .area-board-list {border-top:1px solid #333;}
.area-board-text .area-board-item {position:relative;padding:20rem;box-sizing:border-box;border-bottom:1px solid #c5c5c5;line-height:100%;}
.area-board-text .area-board-item .subject {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:140%;}
.area-board-text .area-board-item .info {display:block;color:#666;margin-top:10rem;}
.area-board-text .area-board-item .info i {display:inline-block;margin:0 0 0 20rem;padding:0;}
.area-board-text .area-board-item .info .name {margin-left:0;}
.area-board-text .area-board-item .info .date {}
.area-board-text .area-board-item .info .count {}
.area-board-text .area-board-no-item {border-top:1px solid #333;border-bottom:1px solid #c5c5c5;}

@media screen and (min-width:769px) {
    .area-board-text .area-board-item .info {display:table;color:#666;}
    .area-board-text .area-board-item .info i {display:table-cell;width:30%;}
    .area-board-text .area-board-item .info .date {width:40%;}
}

/* 리스트- 썸네일형 */
[class^=area-board-thumb] {width:100%;float:none;font-size:0;}
[class^=area-board-thumb]:after {content:'';display:block;width:100%;clear:both;}
[class^=area-board-thumb] .area-board-item {display:inline-block;float:none;vertical-align:top;}
[class^=area-board-thumb] .area-board-item .context {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;color:#666;line-height:24rem;}
[class^=area-board-thumb] .area-board-item .subject {margin-top:20rem;color:#333;}
[class^=area-board-thumb] .area-board-no-item {border-top:1px solid #c5c5c5;}
.area-board-thumb .area-board-item .context {max-height:96rem;}
.area-board-thumb-line .area-board-item {border:1px solid #cbcbcb;box-sizing:border-box;}
.area-board-thumb-line .area-board-item .subject {margin:20rem 20rem 0;}
.area-board-thumb-line .area-board-item .context {-webkit-line-clamp:3;height:72rem;margin:10rem 20rem 0;}
.area-board-thumb-line .area-board-item .info {margin:1rem;}
.pc .area-board-thumb .area-board-item:hover .thumb {box-shadow:4rem 4rem 10rem rgba(0,0,0,0.1);}
.pc .area-board-thumb .area-board-item:hover .thumb:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:4px;background:#1ec95b;}
.pc .area-board-thumb-line .area-board-item:hover {box-shadow:4rem 4rem 10rem rgba(0,0,0,0.1);}
.pc .area-board-thumb-line .area-board-item:hover:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:4px;background:#1ec95b;}

/* 리스트- 썸네일 + 텍스트(후기 등) */
.area-board-dual {width:100%;float:none;}
.area-board-dual .area-board-item .subject {white-space:normal;text-overflow:inherit;}
.area-board-dual .area-board-item {width:100%;float:none;overflow:hidden;}
.area-board-dual .area-board-item ~ .area-board-item {margin-top:40rem;}
.area-board-dual .area-board-item:after {content:'';display:block;width:100%;clear:both;}
.area-board-dual .area-board-item .content .context {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;height:96rem;overflow:hidden;text-overflow:ellipsis;color:#666;line-height:24rem;}
.area-board-dual .area-board-item .content .context.lang {-webkit-line-clamp:3;height:70rem;}
.pc .area-board-dual .area-board-item:hover .thumb {box-shadow:4rem 4rem 10rem rgba(0,0,0,0.1);}
.pc .area-board-dual .area-board-item:hover .thumb:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:4px;background:#1ec95b;}

@media screen and (max-width:768px) {
    .review .area-board-dual .area-board-item .subject{font-weight: 600;}
    .review .area-board-dual .area-board-item ~ .area-board-item{margin-top:39rem;}
}

@media screen and (min-width:768px) {
    [class^=area-board].col3 .area-board-item {width:calc((99.9% - 40rem) / 3);}
    [class^=area-board].col3 .area-board-item:not(:nth-of-type(3n+1)) {margin-left:20rem;}
    [class^=area-board].col3 .area-board-item:nth-of-type(3) ~ .area-board-item {margin-top:40rem;}
    [class^=area-board].col4 .area-board-item {width:calc((99.99% - 60rem) / 4);}
    [class^=area-board].col4 .area-board-item:not(:nth-of-type(4n+1)) {margin-left:20rem;}
    [class^=area-board].col4 .area-board-item:nth-of-type(4) ~ .area-board-item {margin-top:30rem;}

    .area-board-text .area-board-item .subject {width:calc(100% - 300rem);font-size:18rem;}
    .area-board-text .area-board-item .info {position:absolute;top:50%;right:20rem;transform:translateY(-50%);width:280rem;margin-top:0;font-size:14rem;text-align:right;white-space:nowrap;}
    .area-board-dual .area-board-item .thumb {width:24%;max-width:255rem;max-height:150rem;float:left;overflow:hidden;}
    .area-board-dual .area-board-item .content {width:73%;float:right;}
    .area-board-dual .area-board-item .content .subject {margin-top:0;}
    .area-board-thumb-line .area-board-item .info {margin-top:30rem;}

}
@media screen and (max-width:800px) and (min-width:768px) {
    .area-board-dual .area-board-item .thumb {width:30%;max-height:150rem;overflow:visible;}
    .area-board-dual .area-board-item .content {width:67%;}

}
@media screen and (max-width:768px) {
    .area-board-item .subject {font-size:16.12rem;}
    .review .area-board-item .subject {font-size:14.3rem;}
    .area-board-item .context {font-size:15.1rem;line-height:18.2rem;height:54.6rem;}
    .area-board-item .info {font-size:14.04rem;}
    [class^=area-board] .area-board-view {font-size:13rem;}
    .area-board-dual .area-board-item .content .context {height:78rem;line-height:19.5rem;}
    .area-board-dual .area-board-item .content .context.lang {height:58.5rem;}
}
@media screen and (max-width:767px) {
    .area-pg-list .area-board-item {width:49%;}
    .area-pg-list .area-board-item:not(:nth-of-type(2n+1)) {margin-left:2%;}
    .area-board-item .info {margin-top:2.6rem;}
    .area-board-item .context {margin-top:6.5rem;}

    [class^=area-board] .button-wrap {margin-top:39rem;}
    [class^=area-board].m-col2 .area-board-item {width:calc((100% - 10.4rem) / 2);float:left;}
    [class^=area-board].m-col2 .area-board-item ~ .area-board-item {margin-top:0;}
    [class^=area-board].m-col2 .area-board-item:nth-of-type(2n) {margin-left:10.4rem;}
    [class^=area-board].m-col2 .area-board-item:nth-of-type(2) ~  .area-board-item {margin-top:13rem;}
    [class^=area-board-thumb] .area-board-item ~ .area-board-item {margin-top:26rem;}
    [class^=area-board-thumb] .area-board-item .context {-webkit-line-clamp:3;line-height:18.2rem;}

    .area-board-thumb .area-board-item .subject {margin-top:6.5rem;}
    .area-board-thumb .area-board-item .context {max-height:54.6rem;}
    .area-board-thumb-line .area-board-item .context {-webkit-line-clamp:2;height:36.4rem;}
    .area-board-text .area-board-item {padding:13rem 0;}
    .area-board-dual .area-board-item .thumb {position:relative;width:100%;height:0;padding-bottom:54%;overflow:hidden;}
    .area-board-dual .area-board-item .thumb .img {position:absolute;top:0;left:0;width:100%;}
    .area-board-dual .area-board-item .content {width:100%;margin-top:13rem;}
    .area-board-dual .area-board-item .content .context {-webkit-line-clamp:2;height:36.4rem;line-height:18.2rem;}
    .area-board-dual .area-board-item .content .context.lang {-webkit-line-clamp:3;height:54.6rem;}
}

/* view */
.area-board-view {width:90%;max-width:1080rem;margin:0 auto 60rem;border-top:1px solid #333;border-bottom:1px solid #c5c5c5;}
.area-board-view .view-header {position:relative;padding:20rem;border-bottom:1px dashed #c5c5c5;box-sizing:border-box;}
.area-board-view .view-header .subject {position:relative;font-size:22rem;}
.area-board-view .view-header h1.subject {font-weight: 400;}
.area-board-view .view-header .subject i {position:absolute;top:0;right:calc(100% + 10rem);width:30rem;height:30rem;font-size:0;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/qna-icon-question.png) no-repeat;background-size:30rem;}
.area-board-view .view-header .user-info {margin-top:20rem;font-size:20rem;color:#666;font-weight:300;}
.area-board-view .view-header .user-info .user-name {}
.area-board-view .view-header .user-info .user-date {margin-left:10rem;}
.area-board-view .view-header .user-info .count {margin-left:10rem;}
.area-board-view [class*='view-content'] {position:relative;padding:20rem;box-sizing:border-box;}
.area-board-view [class*='view-content'] .write-date {position:absolute;top:30rem;right:30rem;font-size:14rem;color:#666;font-weight:300;}
.area-board-view .view-content-comment textarea {min-height:200rem;}
.area-board-view .view-content p img {height:auto !important;}
.area-board-view .view-content div img {height:auto !important;}

@media screen and (max-width:768px) {
    .area-board-view .view-header .user-info {font-size:15.6rem;}
}

/* write */
.area-board-write {width:90%;max-width:1080rem;margin:0 auto 60rem;border-top:1px solid #333;border-bottom:1px solid #c5c5c5;}
.area-board-write .write-header table {width:100%;border-collapse:collapse;border-bottom:1px solid #c5c5c5;}
.area-board-write .write-header table th, .area-board-write .write-header table td {padding:20rem;border-bottom:1px dashed #c5c5c5;box-sizing:border-box;}
.area-board-write .write-header table th {width:15%;text-align:left;font-weight:400;white-space:nowrap;}
.area-board-write .write-header table td {width:85%;}
.area-board-write .write-header table td .wide {width:100%;}
.area-board-write .write-header table td .chk-wrap {position:relative;padding-left:100rem;font-size:18rem;}
.area-board-write .write-header table td .chk-wrap + .chk-wrap {margin-top:10rem;}
.area-board-write .write-header table td .chk-wrap .tit {position:absolute;top:0;left:0;}
.area-board-write .write-header table td .chk-wrap .rdo {padding:0 16rem 0 0;}
.area-board-write .write-content {padding:40rem 0;}

@media screen and (max-width:768px) {
    .area-board-write .write-header table th {display:block;width:100%;border:none;padding-bottom:0;}
    .area-board-write .write-header table td {display:block;width:100%;}
}

/* table */
[class^="tbl-"] {border-bottom:1px solid #c5c5c5;}
[class^="tbl-"], [class^="tbl-"] table {width:100%;border-collapse:collapse;border-spacing:0;}
[class^="tbl-"] th, [class^="tbl-"] td {padding:12rem 6rem;border-top:1px solid #c5c5c5;font-weight:400;}
[class^="tbl-"] td {padding-left:10rem;}
[class^="tbl-"] .center {text-align:center;}

.tbl-basic thead th {background:#f8f8f8;}
.tbl-basic tbody th {border-right:1px solid #c5c5c5;}
.tbl-basic tbody td ~ td {border-left:1px solid #c5c5c5;}

.tbl-simple th {border-right:1px solid #c5c5c5;background:#f8f8f8;}

/* 관련학교 */
.school-view * {box-sizing: border-box}
.school-view.area-board-view {border: none;margin: 0 auto;}
.school-view .university.school-info-list-school {position: relative; display: flex;justify-content: space-between;align-items: center;}
.school-view .school-info-list {position: relative;padding-bottom: 60rem;}
.school-view .school-info-list > li {position: relative;padding: 20rem; border: 1px solid #C5C5C5;-webkit-border-radius: 10rem;-moz-border-radius: 10rem;border-radius: 10rem;margin-bottom: 10rem;cursor: pointer;transition: all .3s; overflow: hidden;}
.school-view .school-info-list-top {margin-bottom: 10rem;display: block;width: calc(100% - 30%) ;}
.school-view .school-info-list-logo {display: inline-block;float: left;margin-right: 20rem;}
.school-view .school-info-list-logo > span {display: inline-block;overflow: hidden;width: 80rem;height: 80rem;border: 1px solid #c5c5c5;-webkit-border-radius: 5rem;-moz-border-radius: 5rem;border-radius: 5rem;position: relative;font-size: 0;line-height: 0;}
.school-view .school-info-list-logo > span > img {max-width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); max-height: 98%}
.school-view .school-info-list-title {width: calc(100%- 80rem);margin-left: 0; line-height: 1}
.school-view .school-info-list-title > span {font-size: 14rem;color: #666;}
.school-view .school-info-list-title > strong {color: #333;font-size: 22rem;line-height: 1.3;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.school-view .school-info-list-secret {position: absolute;right: 20rem;top: 0;background: #EF3D42;display: inline-block;padding: 2rem 6rem;font-size: 14rem;color: #fff;}
.school-view .school-info-list-price {font-size: 16rem;color: #666666; text-align: right;}
.school-view .school-info-list-price > strong {color: #1EC95B;}
.school-view .school-info-list-link {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: inline-block;width: 100%;height: 100%;}
.school-view .school-info-list-link-btn {display: inline-block;width: 100%;padding: 6rem 0;background: #EDEFF5;text-align: center;}
.school-view .school-info-list-course-wrap {width: 100%;display: block; text-align: right;margin-bottom: 10rem;}
.school-view .school-info-list-ranking {width: 100% ; }
.school-view .school-info-list-bottom {width: 30%;margin-left: auto; text-align: right}

/* 학교 후기 */
.school-review * {box-sizing: border-box;}
.area-board-view.school-review {border: none;margin: 0 auto;}
.school-review-con-wrap {display: flex;width: 100%;overflow-x: auto;}
.school-review-con {border: 1px solid #C5C5C5;-webkit-border-radius: 5rem;-moz-border-radius: 5rem;border-radius: 5rem;overflow: hidden;width: 340rem;position: relative;margin-right: 30rem;}
.school-review-con:nth-child(3) { margin-right: 0;}
.school-review-con:nth-child(n+4) {display: none; margin-right: 0;}
.school-review-con:last-child {margin-right: 0;}
.school-review-title {margin-bottom: 20rem; font-size: 22rem;font-weight: 400;}
.school-review-con > a {position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 100%;}
.school-review-img {width: 100%;height: 200rem;}
.school-review-img img{width:100%;height: 200rem;}
.school-review-textBox {padding: 20rem;}
.school-review-con-title {font-size: 18rem;color: #333;margin-bottom: 10rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 49rem;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;}
.school-review-text {font-size: 14rem; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 49em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;}
.school-review-text > strong {color: #1EC95B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 49rem;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;font-weight: 400;}
.school-review-text > span {color: #666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 49em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;}
@media screen and (max-width: 1200px) {
    .school-review {position: relative;}
    .school-review::before {content: '';position: absolute;right: 0;top: 0;height: 100%;width: 10%;background: linear-gradient(to left, #ffffff, #ffffff00);z-index: 10;}
    .school-review-con-wrap {padding: 30rem 30rem 30rem 0;}
    .school-review-con {margin-right: 40rem;width: 400rem;flex-shrink: 0;}
}
@media screen and (max-width: 768px) {
    .school-view .university.school-info-list-school {display: block;padding: 0;}
    .school-view .school-info-list-top {width: 100%;padding: 13rem 13rem 0;overflow: hidden;}
    .school-view .school-info-list-course-wrap {padding: 0 13rem;text-align: left;}
    .school-view .school-info-list-link-btn {padding: 13rem 0;}
    .school-view .school-info-list-bottom {width: 100%;text-align: left;}
    .school-view .school-info-list-logo > span {width: 97.5rem;height: 97.5rem;}
    .school-view .school-info-list-title {width: calc(100% - 104rem - 10px);margin-left: auto;}
    .school-view .school-info-list-title > span {font-size: calc(13rem - 0.15vw);}
    .school-view .school-info-list-title > strong {font-size: calc(13rem + 0.83vw);}
    .school-view .school-info-list-secret {font-size: calc(13rem - 0.7vw);}
    .school-view .school-info-list-price {font-size: 13rem;}
    .school-view .school-info-list-ranking {font-size: 13rem;}
    .school-review-title {font-size: 16.9rem;margin: 0;}
}
/*******************************************************************************
                                    module
********************************************************************************/
/* 상품리스트 */
.area-pg-item {position:relative;display:block;width:100%;float:left;border:1px solid #cbcbcb;box-sizing:border-box;word-break:keep-all;}
.pc .area-pg-item:hover:before {content:'';position:absolute;bottom:-1px;left:0;display:block;width:100%;height:4rem;background:#1ec95b;z-index:2;}
.pc .area-pg-item:hover {box-shadow:4rem 4rem 10rem rgba(0,0,0,0.1);}
.area-pg-item a {display:block;}
.area-pg-item .pg-item-thumb {position:relative;width:100%;padding-bottom:66%;overflow:hidden;}
.area-pg-item .pg-item-thumb .bg {position:absolute;min-width:100%;height:100%;top:0;left:0;}
.area-pg-item .pg-item-thumb .bg img {width:100%;min-height:100%;}
.area-pg-item .pg-item-thumb .title {position:absolute;top:20%;left:7.5%;width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.area-pg-item .pg-item-thumb .title p {font-weight:600;line-height:136%;letter-spacing:-1px;}
.area-pg-item .pg-item-thumb .title .color {color:#fff;font-weight:600;}
.area-pg-item .pg-item-thumb .title .black {color:#000}
.area-pg-item .pg-item-thumb .title .purple {color:#8203f2;font-weight:600;}
.area-pg-item .pg-item-thumb .title .yellow {color:#ffff24;font-weight:600;}
.area-pg-item .pg-item-thumb .title .green {color:#0E7B7B;font-weight:600;}
.area-pg-item .pg-item-thumb .cate {position:absolute;top:-1px;right:-1px;display:block;}
.area-pg-item .pg-item-thumb .cate span {display:block;height:34rem;padding:0 10rem;line-height:34rem;font-size:16rem;font-weight:300;letter-spacing:-1px;}
.area-pg-item .pg-item-thumb .cate .lang {background:#59aafa;color:#fff;}
.area-pg-item .pg-item-thumb .cate .univ {background:#66cedb;color:#fff;}
.area-pg-item .pg-item-thumb .cate .junior {background:#fdbb4a;color:#fff;}
.area-pg-item .pg-item-thumb .cate .working {background:#8f81e2;color:#fff;}
.area-pg-item .pg-item-thumb .cate .art {background: #000000;color:#fff;}
.area-pg-item .pg-item-thumb .cate .camp {background: #65d7c0;color:#fff;}
.area-pg-item .pg-item-cont {padding:20rem;font-size:16rem;letter-spacing:-1px;}
.area-pg-item .pg-item-cont .pg-text {height:48rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.area-pg-item .pg-item-cont .tag {height:64rem;margin-top:20rem;overflow:hidden;}
.area-pg-item .pg-item-cont .tag:after {content:'';display:block;width:100%;clear:both;}
.area-pg-item .pg-item-cont .tag span {display:inline-block;float:left;margin:4rem 4rem 4rem 0;padding:4rem 8rem;border:1px solid #c5c5c5;color:#666;font-size:14rem;font-weight:300;line-height:14rem;}

.area-pg-list {position:relative;display:block;width:100%;z-index:1;}
.area-pg-list:after {content:'';display:block;width:100%;clear:both;}
.area-pg-list .area-pg-item {margin-top:30rem;}

.program-slider .area-pg-item {width:100% !important;margin-top:0;}
.program-slider .pg-item {width:calc((1080rem - 60rem) / 4) !important;padding-right:20rem;}
.program-slider .pg-item:last-child {padding-right:0;}

@media screen and (min-width:1101px) {
    .program-slider .swiper-wrapper {transform:none !important;}
}
@media screen and (min-width:768px) {
    /*.area-pg-item .pg-item-thumb .title p {font-size:2vw;}*/
    .area-pg-list.full .area-pg-item {width:calc((99.99% - 60rem) / 4);}
    .area-pg-list.full .area-pg-item:not(:nth-of-type(4n+1)) {margin-left:20rem;}
    .area-pg-list.col3 .area-pg-item {width:calc((99.9% - 40rem) / 3);}
    .area-pg-list.col3 .area-pg-item:not(:nth-of-type(3n+1)) {margin-left:20rem;}
    .area-pg-list.col4 .area-pg-item {width:calc((99.99% - 60rem) / 4);}
    .area-pg-list.col4 .area-pg-item:not(:nth-of-type(4n+1)) {margin-left:20rem;}
}
@media screen and (max-width:768px) {
    .area-pg-item .pg-item-thumb .title p {font-size:18.2rem;}
    .area-pg-item .pg-item-thumb .cate span {font-size:13rem;}
    .area-pg-item .pg-item-cont {font-size:14.04rem;}
    .area-pg-item .pg-item-cont .pg-text {height:39rem;font-size:14.04rem;line-height:19.5rem;}
    .area-pg-item .pg-item-cont .tag {height:49.4rem;}
    .area-pg-item .pg-item-cont .tag span {font-size:13rem;line-height:13rem;}
}
@media screen and (max-width:767px) {
    .area-pg-list .area-board-item {width:49%;}
    .area-pg-list .area-board-item:not(:nth-of-type(2n+1)) {margin-left:2%;}
    .area-pg-list.col3 .area-pg-item {width:49%;}
    .area-pg-list.col3 .area-pg-item:not(:nth-of-type(2n+1)) {margin-left:2%;}
    .area-pg-list.col4 .area-pg-item {width:49%;}
    .area-pg-list.col4 .area-pg-item:not(:nth-of-type(2n+1)) {margin-left:2%;}

    .program-slider .area-pg-list {padding:0 13rem;width:auto;}
    .program-slider .pg-item {min-width:221rem;}
}

/* 진행단계표시 : 마이페이지 */
.md-process-step {margin:20rem 0;border-top:1px solid #1ec95b;border-bottom:1px solid #1ec95b;background:#fafafc;}
.md-process-step:after {content:'';display:block;width:100%;clear:both;}
.md-process-step li {position:relative;width:34%;float:left;padding:18rem 0;text-align:center;}
.md-process-step li ~ li {width:33%;}
.md-process-step li.current {background:#1ec95b;color:#fff;}
.md-process-step li.current:after {content:'';position:absolute;top:50%;left:100%;display:block;width:0;border:10px solid transparent;border-left:10px solid #1ec95b;margin-top:-10rem;}
.md-process-step li:last-child.current:after {width:1px;height:100%;top:0;left:100%;margin:0;border:none;}

/* 페이지네이션 */
.area-pagination {display:block;margin:80rem 0;text-align:center;font-size:16rem;}
.area-pagination span,
.area-pagination a {display:inline-block;width:32rem;height: 32rem;box-sizing:border-box;text-align:center;line-height:32rem;overflow:hidden; border-radius: 4px;}
.area-pagination .pagination > li{line-height: normal; height: 32rem;}
.area-pagination .pagination > li + li{margin-left: 4rem;}
.area-pagination .pagination > li.first a{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/pagination_first.svg');}
.area-pagination .pagination > li.prev a{margin-right: 18rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/pagination_prev.svg');}
.area-pagination .pagination > li.next a{margin-left: 18rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/pagination_next.svg');}
.area-pagination .pagination > li.last a{margin-left: 18rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/pagination_last.svg');}
.area-pagination .pagination > li.next a,
.area-pagination .pagination > li.prev a{background-position: center; background-size: cover; background-repeat: no-repeat; text-indent: -9999999999%; border: 1px solid #C5C5C5;}
.area-pagination .arr {display:inline-block;vertical-align:middle;}
.area-pagination .arr a {position:relative;border:1px solid #c5c5c5;font-size:0;line-height:calc(30rem - 2px);text-indent:-999px;}
.area-pagination .arr a:after {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:20rem;height:20rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:0 0;background-size:390rem;}
.area-pagination .arr .first:after {background-position:-120rem 0;transform:translate(-50%,-50%) rotate(180deg);}
.area-pagination .arr .prev:after  {background-position:-140rem 0;transform:translate(-50%,-50%) rotate(180deg);}
.area-pagination .arr .next:after  {background-position:-120rem 0;}
.area-pagination .arr .last:after  {background-position:-140rem 0;}
.area-pagination .pages {display:inline-block;margin:0 10rem;vertical-align:middle;}
.area-pagination .pages .active {background:#e2e9ef;}

.page-links .area-pagination{margin: 0;}
.page-links .area-pagination .arr{height: 49.2rem; line-height: 49.2rem;}
.page-links .area-pagination .arr a{background-repeat: no-repeat; background-size: cover; background-position: center; text-indent: -999999999%;}
.page-links .area-pagination .pages .active{background-color: #EFF1F6;}
.page-links .area-pagination .arr a::after{display: none;}
.page-links .area-pagination .arr .prev{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/pagination_first.svg'); }
.page-links .area-pagination .arr .first{ background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/pagination_prev.svg'); }
.page-links .area-pagination .arr .next{ background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/pagination_next.svg');}
.page-links .area-pagination .arr .last{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/pagination_last.svg'); }

@media screen and (min-width: 768px) {
    .page-links .area-pagination .arr{vertical-align: initial;}
    .page-links .area-pagination .pages{vertical-align: initial;}
    .page-links .area-pagination .arr .prev{margin-right: 4rem;}
    .page-links .area-pagination .arr .last{margin-left: 4rem; }
}

@media screen and (max-width:768px) {
    .area-pagination span,
    .area-pagination a {min-width:26rem;height:26rem;font-size:16rem;line-height:26rem;}
    .area-pagination .pagination > li{height: 32rem;}
    .page-links .area-pagination .arr{height: 26rem; line-height: 26rem;}
    .area-pagination span, .area-pagination a{height: 100%; width: 26rem; line-height: 26rem;}
    .area-pagination .pagination > li + li{margin-left: 0;}
}


/* 배너영역 */
.area-banner-basic {width:100%;max-width:1080rem;margin:0 auto;}
.area-banner-basic li {min-height:60rem;}

/* 공통 탭메뉴 */
[data-tab="tab-menu"] {}
[data-tab^="tab-content"] ~ [data-tab^="tab-content"] {display:none;}
.md-tabs-basic {font-size:0;padding:0 1rem;white-space:nowrap;}
.md-tabs-basic > li {display:inline-block;margin-left:-1px;text-align:center;}
.md-tabs-basic > li > a {position:relative;display:block;background:#fff;font-size:22rem;padding:8rem 30rem;letter-spacing:-1px;}
.md-tabs-basic > li > a:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:1px solid #999;box-sizing:border-box;}
.md-tabs-basic > li.active > a:before {border:2px solid #1ec95b;z-index:1;box-shadow:5rem 5rem 5rem rgba(0,0,0,.2);}

.md-tabs-simple {font-size:0;}
.md-tabs-simple > li {display:inline-block;margin:6rem;text-align:center;}
.md-tabs-simple > li > a {position:relative;display:block;border-radius:4rem;background:#f8f8f8;font-size:16rem;padding:10rem 32rem;color:#666;}
.md-tabs-simple > li.active > a {background:#1ec95b;color:#fff;}

.md-tabs-line {font-size:0;border-bottom:1px solid #c5c5c5;white-space:nowrap;letter-spacing:-1px;}
.md-tabs-line > li {display:inline-block;text-align:center;}
.md-tabs-line > li ~ li {margin-left:30rem;}
.md-tabs-line > li > a {position:relative;display:block;padding:10rem 0;color:#666;font-size:18rem;}
.md-tabs-line > li.active a {color:#333;}
.md-tabs-line > li.active > a:before {content:'';position:absolute;bottom:-1px;left:0;display:block;width:100%;height:4rem;background:#1ec95b;}
.md-tabs-line > li > a.active:before {content:'';position:absolute;bottom:-1px;left:0;display:block;width:100%;height:4rem;background:#1ec95b;}

.md-tabs-line .slick-track {font-size:18rem;}
.md-tabs-line .slick-track > li {display:inline-block;}
.md-tabs-line .slick-track > li ~ li {margin-left:20rem;}
.md-tabs-line .slick-track > li > a {position:relative;display:block;font-size:18rem;padding:10rem 0;color:#666;}
.md-tabs-line .slick-track > li.active > a:before {content:'';position:absolute;bottom:-1px;left:0;display:block;width:100%;height:4rem;background:#1ec95b;}
.yt-review  .review-tabs {width:100%;margin-top:80rem;}
.yt-review .yt-tabs-grid {/*white-space: inherit;*/display: grid;grid-template-columns: repeat(6,1fr);row-gap: 30rem;}

@media screen and (max-width:1080px) {
    .md-tabs-wrap {width:100%;padding:0 29rem;box-sizing:border-box;overflow:hidden;overflow-x:auto;}
    .md-tabs-basic {white-space:nowrap;overflow-x:auto;padding:10rem 29rem;}
    .md-tabs-simple {font-size:0;white-space:nowrap;overflow-x:auto;}
}
@media screen and (max-width:768px) {
    .md-tabs-basic > li ~ li {margin-left:6.5rem;}
    .md-tabs-basic > li > a {font-size:16.12rem;}
    .md-tabs-simple > li > a {padding:6.5rem 13rem;font-size:15.08rem;}
    .md-tabs-line > li > a {font-size:16.12rem;}
}

/* edm 로고*/
[class^=md-edm-logo] {position:relative;width:200rem;height:40rem;font-size:0;text-indent:999px;overflow:hidden;}
[class^=md-edm-logo]:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/edm-main-logo-x2.png) no-repeat;background-size:100% !important;text-indent:-999px;font-size:0;overflow:hidden;}

/* 앵커 영역 */
.area-anchor-full {width:100%;border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;}
.md-anchor-basic {display:flex;justify-content:space-between;width:100%;max-width:1080rem;margin:0 auto;}
.md-anchor-basic li a {position:relative;display:inline-block;width:auto;padding:20rem 0;}
.md-anchor-basic .active a:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:5rem;background:#1ec95b;}

/* 비디오 */
.video-wrap {position:relative;height:0;padding-bottom:56.25%;overflow:hidden;}
.video-wrap figure:after {content:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/btn_play.png);position:absolute;top:50%;left:50%;margin:-23px 0 0 -23px;}
.video-wrap iframe, .video-wrap object, .video-wrap embed {position:absolute;top:0;left:0;width:100%;height:100%;border:none;}

/* 이미지 */
/*.img-wrap {position:relative;height:0;padding-bottom:56.25%;overflow:hidden;}*/

/* 기타 */
.hidden {position:absolute !important;bottom:100%;right:100%;display:block;width:1px !important;height:1px !important;overflow:hidden !important;font-size:0 !important;line-height:0 !important;color:transparent;}
.exp-txt {font-size:87.5%;opacity:.8;}
.ellipsis-2line {max-height:54rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}

.commonPopup .popup-content{overflow-y: auto; height:700px;}
.commonPopup .popup-content span{font-size:22rem;}
.popup-max-height {
    max-height: 70vh;
    overflow-y: auto;
}
.popup-max-height img {
    width: 100%;
}
@media (min-width: 1025px) and (max-width: 1280px) {
    .commonPopup .popup-content {height:300px;}
    .commonPopup .popup-container {max-width: 600rem;}
}

@media (min-width: 320px) and (max-width: 480px) {
    .commonPopup .popup-content{height:400px;}
    .commonPopup .popup-content img{height:auto;}
}

.area-sm-content .london-together-view {height:270vh;}
.displayNone {display: none;}

strong.yt-name {
    font-size: 20rem;
}
strong.yt-name > strong {
    font-size: 26rem;
}



/*******************************************************************************
                                    faq
********************************************************************************/
.yt-faq-wrap {
    border: 1px solid #C5C5C5;
    margin-bottom: -1px;
    padding: 0 68rem;
    font-size: 18rem;
}
.yt-faq-name {
    padding: 20rem 0;
    position: relative;
}
.yt-faq-name::before{
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 38rem;
    height: 38rem;
    background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/faq_img_220526.png') no-repeat;
    margin-right: 10rem;
    background-size: cover;
}
.yt-faq-name > span {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    width: 40rem;
    height: 40rem;
    cursor: pointer;
    transition: all .3s;
}
.yt-faq-name > span.on {
    transform:  translateY(-50%) rotate(180deg);
    transition: all .3s;
}
.yt-faq-name > span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 20rem;
    height: 20rem;
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;
    background-size: 390rem;
}
.yt-faq-textBox {
    display: none;
    border-top: 1px #C5C5C5 dashed;
}
.yt-faq-text {
    color: #1EC95B;
    padding: 20rem 0;
}
@media screen and (max-width:768px) {
    .yt-faq-wrap {
        font-size: calc(20rem + .6vw);
    }
}
/*******************************************************************************
                                조기유학 칼럼
********************************************************************************/
.sm-column {
    margin: 0 !important;
    padding: 100rem 0 !important;
}
.junior-column {
    background:#EFF1F6 url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/junior-abroad/junior-column-bg-221107.jpg") no-repeat left bottom;
    background-size: 30%;
}
.column-con {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30rem;
}
.column-con-left,
.column-con-right {
    padding: 40rem 30rem;
    background: #fff;
}
.column-con-left {
    position: relative;
}
.column-con-right-row-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.column-con-title {
    color: #333;
    font-size: 24rem;
    margin-bottom: 30rem;
}
.column-con-ec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10rem;
}
.column-con-ec-img {
    width: 70rem;
    height: 70rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background: #000;
}
.column-con-ec-text {
    width: calc(96% - 70rem);
}
.column-con-ec-text > p {
    color: #666;
}
.column-con-ec-text > p.column-con-ec-name {
    font-size: 18rem;
    color: #333;
}
.column-con-right-text,
.column-con-text {
    font-size: 16rem;
    color: #666666;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4;
    height: 84rem;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.column-con-right-text {
    margin-bottom: 6rem;
}
.column-con-text {
    margin-bottom: 30rem;
    height: 168rem;
    -webkit-line-clamp: 6;
}
.column-con-more {
    position: relative;
}
.column-con-right-row {
    border-bottom: 1px solid #C5C5C560;
    padding: 20rem 0;
    position: relative;
}
.column-con-right-row:first-child {
    padding-top: 0;
}
.column-con-right-row:last-child {
    border-bottom: none;
}
.column-con-right-title {
    font-size: 18rem;
    margin-bottom: 10rem;
    padding-left: 26rem;
    position: relative;
}
.column-con-right-title > span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #F9B84A;
    width: 16rem;
    height: 16rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.column-con-right-title > span::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 6rem;
    height: 6rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}
.column-con-right-ec {
    text-align: right;
    font-size: 16rem;
}
@media screen and (max-width:1200px) {
    .column-con {
        grid-template-columns: repeat(1,1fr);
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
}
@media screen and (max-width:768px) {
    .junior-column {
        background:#EFF1F6 url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/junior-abroad/junior-column-bg-221107.jpg") no-repeat left top;
        background-size: 30%;
    }
    .column-con-title {
        font-size:  calc(13rem + 0.85vw);
    }
    .column-con-ec-img {
        width: calc(45.5rem + 4.3vw);
        height: calc(45.5rem + 4.3vw);
    }
    .column-con-ec-text {
        width: calc(96% - 45.5rem - 4.3vw);
        font-size: calc(13rem - 0.55vw);
    }
    .column-con-ec-text > p.column-con-ec-name {
        font-size:  calc(13rem + .3vw);
    }
    .column-con-right-text,
    .column-con-text {
        font-size:  calc(13rem + 0vw);
    }
    .column-con-right-title {
        font-size:  calc(13rem + .3vw);
     }
    .column-con-right-ec {
        font-size:  calc(13rem + 0vw);
    }
}
/*******************************************************************************
                                    캠프톡 리뷰
********************************************************************************/
.camp-talk {
    position: relative;
    margin: 0;
}
.camp-talk-con {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 30rem;
    padding-top: 60rem;
}
.camp-talk-con-col > a {
    display: inline-block;
    width: 100%;
    height: 400px;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    border-radius: 10rem;
    line-height: 1;
    position: relative;
}
.camp-talk-con-col:nth-child(2n + 1) {
    margin-top: -60rem;
}
.camp-talk-con-col:nth-child(n+5) {
    display: none;
}
.camp-talk-con-col > span {
    display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;
    position: absolute;
}
@media screen and (max-width:1200px) {
    .camp-talk {
        padding-bottom: 0;
    }
    .camp-talk .sm-cont-title {
        width: 90% !important;
        margin: 0 auto;
    }
    .camp-talk .flex-wrap {
        width: 100%;
    }
    .camp-talk-con {
        display: flex;
        overflow-y: scroll;
        padding: 40rem 0 40rem 5%;
    }
    .camp-talk-con-col > a {
        width: 247px;
    }
    .camp-talk-con-col:nth-child(2n + 1) {
        margin-top: 0;
    }
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;900&display=swap');

.max-width {
    max-width: 1080px;
    margin: 0 auto;
    padding: 120rem 0;
    text-align: center;
}
@media screen and (max-width:1200px) {
    .max-width {
        padding: 60px 16px;
    }
}

/*******************************************************************************
                                 유튜브
********************************************************************************/
.youtube-section {padding: 80rem 0;background: #F8FAEC;}
.youtube-section.london {margin-bottom: 60rem;}
.youtube-section .university-con {width: 100%;max-width: 1080rem;margin: 0 auto;box-sizing: border-box;font-size: 16px;}
.youtube-section .university-con:after {content: '';display: block;width: 100%;clear: both;}
.youtube-section h2 {width: 100%;max-width: 1080rem;color: #000;font-size: 40rem;font-weight: 800;text-align: center;line-height: 130%;margin-bottom: 60rem;}
.youtube-section-con2 {display: grid;grid-template-columns: repeat(12,1fr); grid-gap: 24px;}
.youtube-section-con .youtube-wrap {width: 80%; margin: 0 auto;}
.youtube-section-con .youtube-wrap iframe {width: 100%;aspect-ratio: 16 / 9; box-shadow: 0 8px 16px rgba(0, 0, 0, 16%);}
.youtube-section-con2  #youtube-con {grid-column: 9 span; width: 100%;}
.youtube-section-con2  #youtube-con iframe {width: 100%;height: 100%;}
.youtube-section-con2 ul {display: grid;grid-template-rows: repeat(3,1fr);grid-gap: 13px;grid-column: 3 span;}
.youtube-section-con2 ul li {box-shadow: 0 8px 16px rgba(0, 0, 0, 16%);cursor: pointer;}
.youtube-section-con2 ul li img {width: 100%;height: 100%;}
@media screen and (max-width: 1200px) {
    .youtube-section-con2 {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 16px;
    }
    .youtube-section-con2  #youtube-con {
        grid-column: 1 span;
    }
    .youtube-section-con2  #youtube-con iframe {
        height: auto;
    }
    .youtube-section-con2 ul {
        grid-column: 1 span;
    }
    .youtube-section-con2 ul {
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(1,1fr);
        grid-gap: 6px;
    }
    .youtube-section-con .youtube-wrap {width: 100%;}
}
@media screen and (max-width:1024px) {
    .youtube-section.london {margin-bottom: 0;}
    .youtube-section .university-con {width: 90%;}
}
@media screen and (max-width:767px) {
    .youtube-section h2 {font-size: 6.51vw;}
    .youtube-section-text {padding: 8px 16px;font-size: calc(13rem + 1.9446vw);}
}

/* 공통 컴포넌트 커스텀 */
#floating-contact .max-width { max-width: 1280rem; margin: 0 auto; padding: 0 16rem; }

#edm-reason .max-width { max-width: 1280rem; padding: 0 16rem; text-align: left; }
#edm-reason .inner .list li .tit h3 { color: var(--c-text01); }

#prepare-banner .max-width { max-width: 1280rem; padding: 0 16rem; }

.banner-width.max-width { max-width: 1280rem; padding: 0 16rem; }
#program-banner { padding-top: 0; }
#program-banner .inner { overflow: hidden; display: block; position: relative; border: 1px solid var(--edm-color-border-blue); border-radius: var(--edm-radius4); text-align: left; }
#program-banner .inner .bg * { width: 100%; height: 100%; object-fit: cover; }
#program-banner .inner .bg { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; }
#program-banner .inner .textWrap {padding: 40rem; position: relative; z-index: 2;}

#firstbrand-award-banner { margin-top: 0; padding: 0; }
#firstbrand-award-banner .max-width { max-width: 1280rem; margin: 0 auto; padding: 0 16rem; text-align: left; }
#firstbrand-award-banner .inner .textWrap .title b { line-height: 130%; }

@media screen and (max-width: 991px) {
  #edm-reason { margin-top: 0; }

  #program-banner .inner { border-radius: var(--edm-radius3); }
  #program-banner .inner .textWrap { padding: 24rem; }
  #program-banner .pc-btn { display: none; }
}