@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%;font-weight:400;color:#333;word-break:keep-all;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
article,aside,figcaption,figure,footer,header,menu,nav,section {display:block;margin:0;padding:0;}
fieldset,img {margin:0;padding:0;border:0;max-width:100%;vertical-align:middle;}
address,cite,em,i {font-style:normal;}
a {color:inherit;text-decoration:none;}
ol,ul {list-style:none;}

/*******************************************************************************
                                input &  button
********************************************************************************/
/* input 기본 - 박스형태 */
input {border:none;vertical-align:middle;font-family:inherit;font-size:18rem;box-sizing:border-box;}
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 {padding:0 10rem;border:1px solid #c5c5c5;outline:none;height:46rem;font-size:16rem;font-weight:300;line-height:calc(46rem - 2px);border-radius:0; isolation: isolate;-webkit-appearance:none;}
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 {padding:0 40rem 0 10rem;border:1px solid #c5c5c5;outline:none;height:46rem;vertical-align:middle;background:transparent;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;font-family:inherit;font-size:16rem;font-weight:300;line-height:1.6;color:#999;border-radius:0; isolation: isolate;-webkit-appearance:none;}
select::-ms-expand {display:none;}
select.choose {color:#333;}
textarea {padding:10rem;border:1px solid #c5c5c5;outline:none;overflow-y:auto;width:100%;min-height:112rem;font-family:inherit;font-size:16rem;font-weight:300;line-height:140%;resize:none;border-radius:0; isolation: isolate;box-sizing:border-box;-webkit-appearance:none;}
textarea#aif-cs-title{
    min-height: auto;
}
textarea::placeholder {color:#999;}
input[type=text].select-style {padding-right:32rem;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;box-sizing:border-box;}

@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 {display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333;content:'';}
.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;margin-top:6rem;width:100%;clear:both;font-size:90%;color:#1ec956;}
.input .message.error {display:block;margin-top:6rem;width:100%;clear:both;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 {border-left:none;width:50%;}
.file-custom .file-reset {margin-left:20rem;}

/** 체크박스 및 라디오
  * 묶을 땐 chk-wrap 공통 사용
  * 내부 인풋요소와 상관 없이 .chk .rdo 클래스명에 따라 스타일 바뀜
  */
.chk input {width:auto;}
.chk, .rdo {display:inline-block;position:relative;z-index:1;}
.chk input, .rdo input {display:none;}
.chk label, .rdo label {display:block;padding-left:28rem;}
.chk input + label:before {display:block;border:1px solid #999;position:absolute;top:50%;left:0;width:20rem;height:20rem;content:'';transform:translateY(-50%);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 {display:inline-block;border:1px solid #999;position:absolute;top:50%;left:0;width:20rem;height:20rem;vertical-align:middle;content:'';transform:translateY(-50%);box-sizing:border-box;border-radius:50%; isolation: isolate;}
.rdo input:checked + label:before {border-color:#1ec95b;z-index:1;background:#1ec95b;}
.rdo input:checked + label:after {display:block;position:absolute;top:50%;left:.25rem;z-index:2;width:.5rem;height:.5rem;background:#fff;content:'';transform:translateY(-50%);border-radius:50%; isolation: isolate;}
.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 {display:inline-block;margin-right:2%;position:relative;background:#fff;font-size:16rem;color:#666;}
.chk-custom:after {display:block;width:100%;clear:both;content:'';}
.chk-custom input {display:none;}
.chk-custom input + label {display:inline-block;margin:0;padding:0 20rem;position:relative;min-width:100rem;height:46rem;font-size:16rem;line-height:46rem;text-align:center;cursor:pointer;}
.chk-custom input + label:before {display:block;border:1px solid #c5c5c5;position:absolute;top:0;left:0;width:100%;height:100%;content:'';box-sizing:border-box;}
.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;font-size:14rem;line-height:42rem;}
}

/* button */
.button-wrap {display:block;margin-top:40rem;width:100%;font-size:0;}
.button-wrap:after {display:block;width:100%;clear:both;content:'';}
.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;outline:none;background:transparent;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;border-radius:0; isolation: isolate;}
input[type=button], .button {display:inline-block;padding:0 20rem;border:1px solid #666;height:46rem;vertical-align:middle;background:#666;font-size:18rem;line-height:calc(46rem - 2px);color:#fff;text-align:center;white-space:nowrap;box-sizing:border-box;}
.button.pale {border-color:#e2e9ef;background:#e2e9ef;color:#000;}
.button.color {border-color:#1ec95b;background:#1ec95b;}
.button.mix {border-color:#4279f6;background:#4279f6;}
.button.point {border-color:#fd3737;background:#fd3737;}
.button.dark {background:#222;}
.button.line {border:1px solid #333;background:transparent;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 {border:1px solid #1ec95b;background:#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 {display:block;border:0;outline:none;position:absolute;z-index:99;height:20rem;background:#fb8c00;font-family:inherit;font-size:13px;line-height:100%;color:#fff;cursor:pointer;border-radius:2.5rem; isolation: isolate;box-sizing:border-box;}

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


/* 멀티체크가능한 셀렉트 */
.input-multi-select {display:none;padding:20rem;position:absolute;top:calc(100% - 2px);left:0;z-index:10;width:100%;background:#fff;box-sizing:border-box;}
.input-multi-select .chk-custom-wrap {font-size:0;}
.input-multi-select .chk-custom-wrap:after {display:block;width:100%;clear:both;content:'';}
.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;align-items:center;justify-content:center;padding:6rem 0;border:1px solid #f8f8f8;width:100%;background:#f8f8f8;font-size:16rem;font-weight:300;color:#666;letter-spacing:-1px;cursor:pointer;border-radius:5px; isolation: isolate;box-sizing:border-box;}
.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 {padding:4rem 0;font-size:14rem;}
}

/* date-picker */
.date-picker {display:inline-block;position:relative;width:100%;}
.date-picker input[type="search"] {padding-left:50rem;width:100%;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 {padding:10rem;overflow:hidden;position:absolute;top:50%;right:0;font-size:0;line-height:0;text-indent:-999px;transform:translateY(-50%);}
.date-picker .cancel:before {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;content:'';}

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

.column {display:block;width:100%;}
.column:after {display:block;width:100%;clear:both;content:'';}
.clearfix:after {display:block;width:100%;clear:both;content:'';}
.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] {margin:6.5rem 0 0;position:relative;width:100%;float:none;}
    .m-full [class^=col] + [class^=col] {margin-top:26rem;}
}

[class*=ui-kit] {display:inline-block;overflow:hidden;position:relative;width:20rem;height:20rem;vertical-align:middle;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;}
.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] {display:inline-block;overflow:hidden;position:relative;vertical-align:top;text-align:center;}
[class*=ui-flag]:before {display:block;margin:0 auto;width:50rem;height:34rem;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;content:'';}
.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] {display:inline-block;overflow:hidden;position:relative;width:40rem;height:40rem;vertical-align:middle;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;}
.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;
        border-top: 1px solid #c5c5c5;
        overflow-x: auto;
    }
    .mobile-bottom-nav a {
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
    }
    .mobile-bottom-nav a.active {
        position: relative;
        color: #1ec95b;
    }
    .mobile-bottom-nav a.active::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #1ec95b;
        content: '';
    }
}

.aside-content-wrap {display:block;border-bottom:1px solid #666;border-left:1px solid #666;position:relative;width:100%;height:100%;background:#fff;}
.aside-top-banner {margin:0;border-bottom:1px solid #666;height:auto;visibility:hidden;opacity:0;}
.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;overflow-y:scroll;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.area-layer-popup {display:none;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.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 {display:block;top:0;right:0;width:17px;height:100%;background:#ccc;content:'';positoin:absolute;}
}
@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;background-color:#fff;transform:translate(-50%, -50%)/*margin:4rem 0;*/}
.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%;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    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;visibility:hidden;background:#fff;transform:translate(-50%, -50%);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 {border-bottom:1px solid #c5c5c5;position:relative;min-height:80rem;box-sizing:border-box;}
.popup-title .heading-text:only-child {padding:20rem;position:absolute;top:50%;left:0;width:100%;font-size:22rem;font-weight:400;transform:translateY(-50%);box-sizing:border-box;}
.popup-close-x {position:absolute;top:0;right:0;cursor:pointer;}
.popup-container .popup-close {padding:20rem;position:absolute;top:0;right:0;cursor:pointer;}
.popup-condition-wrap {display:flex;}
.popup-condition-wrap [class^=popup-] {flex:auto;padding:20rem 0;border:1px solid #ccc;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 {display:inline-block;overflow:hidden;position:relative;width:20rem;height:20rem;vertical-align:middle;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;content:'';}
.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;margin-bottom:20rem;width:100%;font-size:22rem;font-weight:400;}
.popup-content .ik-wrap .ik-howto1 {margin-top:40rem;}
.popup-content .ik-wrap .ik-howto1 .add-friend:after {display:block;width:100%;clear:both;content:'';}
.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;margin-top:20rem;width:100%;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;margin-right:10rem;width:36rem;height:36rem;background:#111;font-size:110%;line-height:32rem;color:#fff;border-radius:50%; isolation: isolate;}

@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;z-index:20;width:100%;max-width:1080rem;}
.swiper-controls.center .swiper-controls-direction {left:50%;transform:translateX(-50%);}
.swiper-controls-direction div {display:block;outline:none;overflow:hidden;position:absolute;top:50%;z-index:20;width:32rem;height:32rem;white-space:nowrap;text-indent:-999px;transform:translateY(-50%);box-sizing:border-box;}
.swiper-controls.round-style .swiper-controls-direction div {border:1px solid #c5c5c5;outline:none;width:46rem;height:46rem;background-color:#fff;border-radius:50%; isolation: isolate;opacity:.8;}
.swiper-button-prev:before {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;content:'';transform:translate(-50%, -50%) rotate(90deg)}
.swiper-button-next:before {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;content:'';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;right:0;bottom:380rem;left:auto;width:auto;transform:none;}
[class^='area-promotion'] .swiper-controls-direction div {border:1px solid #c5c5c5;outline:none;position:relative;top:auto;float:left;transform:none;}
[class^='area-promotion'] .swiper-controls-direction div:before {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;content:'';}
[class^='area-promotion'] .swiper-controls-direction .swiper-button-prev {margin:0;left:auto;}
[class^='area-promotion'] .swiper-controls-direction .swiper-button-next {margin:0;margin-left:-1px;right:auto;}
[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 {margin:16rem 0;position:absolute;bottom:0;left:0;width:100%;font-size:0;text-align:center;}
.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;overflow:hidden;width:8rem;height:8rem;vertical-align:middle;background:#fff;text-indent:-999px;border-radius:50%; isolation: isolate;}
.bx-pager .bx-pager-item a.active {background:#1ec95b;}
.bx-controls {z-index:1;}
.bx-controls-direction {position:absolute;top:50%;left:0;z-index:2;width:100%;}
.bx-controls-direction a {display:block;overflow:hidden;position:absolute;top:50%;z-index:1;width:32rem;height:32rem;white-space:nowrap;text-indent:-999px;transform:translateY(-50%);box-sizing:border-box;}
.bx-controls-direction a:before {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;content:'';transform:translate(-50%, -50%);}
.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;right:0;bottom:100%;left:auto;width:calc(64rem - 1px);}
.slide-simple-arr .bx-controls-direction a {display:block;border:1px solid #c5c5c5;overflow:hidden;position:relative;width:32rem;height:32rem;float:left;white-space:nowrap;text-indent:-999px;transform:none;box-sizing:border-box;}
.slide-simple-arr .bx-controls-direction a:before {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;content:'';transform:translate(-50%, -50%);}
.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 {border:1px solid #c5c5c5;width:46rem;height:46rem;background-color:#fff;border-radius:50%; isolation: isolate;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 {right:100%;left:auto;}
.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 {display:block;position:relative;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 {display:block;margin:0;padding:0;overflow:hidden;position:relative;}
.slick-list *:focus {outline:none;}
.slick-list.dragging {cursor:pointer;}
.slick-track {display:block;margin-right:auto;margin-left:auto;position:relative;top:0;left:0;}
.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;height:100%;min-height:1px;float:left;}
[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;border:1px solid transparent;height:auto;}
.slick-arrow.slick-hidden {display:none;}

/* Arrows */
.slick-slider .slick-arrow {display:block;padding:0;border:none;outline:none;position:absolute;top:50%;z-index:1;width:25rem;height:25rem;background:transparent;font-size:0;line-height:0;color:transparent;cursor:pointer;transform:translate(0, -50%);}
.slick-slider .slick-arrow.slick-disabled:before {opacity:0;}
.slick-slider .slick-arrow:before {display:inline-block;overflow:hidden;position:relative;width:20rem;height:20rem;vertical-align:middle;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;content:'';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 {border:1px solid #c5c5c5;width:46rem;height:46rem;background-color:#fff;border-radius:50%; isolation: isolate;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 {cursor:default;opacity:0;}

@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 {display:block;margin:0;padding:0;position:absolute;bottom:0;left:0;width:100%;text-align:center;list-style:none;}
.slick-dots li {display:inline-block;padding:4rem;position:relative;font-size:0;line-height:0;cursor:pointer;}
.slick-dots li button {display:block;width:8px;height:8px;background:#ccc;font-size:0;line-height:0;border-radius:50%; isolation: isolate;}
.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;z-index:1;background:#fff;}
[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 {overflow:hidden;width:120%;}
[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'] {margin:40rem auto 0;width:90%;max-width:440rem;}
}
@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 {margin-right:-9rem;margin-left:18.2rem;max-width:325rem;}
}

/*******************************************************************************
                                    지사안내
********************************************************************************/
.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 {padding:20rem;position:absolute;bottom:0;left:0;width:100%;color:#fff;box-sizing:border-box;}
.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;right:20rem;bottom: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 {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);content:'';}
.area-edm-branches .pager figure figcaption {padding:0 12rem;position:absolute;top:50%;left:0;width:100%;line-height:120%;color:#fff;text-align:center;transform:translateY(-50%);box-sizing:border-box;}
.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 {margin:40rem auto 0;padding-bottom:80rem;position:relative;width:100%;max-width:1080rem;}
.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 {display:block;padding:6rem 0 10rem;position:relative;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 {display:block;position:absolute;bottom:0;left:0;width:100%;height:4rem;background:#1ec95b;content:'';}
.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 {white-space:nowrap;box-sizing:border-box;}
.area-edm-branches .sm-branches-content {padding:4rem 0;background:#f8f8f8;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con {margin:0 auto;width:90%;max-width:1080rem;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con:after {display:block;width:100%;clear:both;content:'';}
.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 {display:block;width:100%;clear:both;content:'';}
.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 {margin-top:0;width:45%;float:right;}
    .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 {display:block;position:absolute;bottom:0;left:0;width:100%;height:2.6rem;background:#1ec95b;content:'';}
    .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 {margin:0 auto;width:90%;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap {margin:13rem auto 0;width:90%;}
    .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 {margin-bottom:40rem;position:relative;}
.area-board-header:after {display:block;width:100%;clear:both;content:'';}

.area-board-search {display:block;margin:0 auto 30rem;position:relative;width:90%;max-width:540rem;font-size:0;text-align:center;}
.area-board-search .search-cate {display:inline-block;margin-right:1%;width:29%;min-width:120rem;}
.area-board-search .search-cate select {width:100%;}
.area-board-search .search-input {display:inline-block;position:relative;width:70%;min-width:300rem;}
.area-board-search .search-input input[type=text] {width:100%;}
.area-board-search .search-input .btn-search {padding:0;border:none;overflow:hidden;position:absolute;top:50%;right:10rem;width:30rem;height:30rem;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;transform:translateY(-50%);}
.area-board-search .review-all-num {font-size:18rem;}

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

/* 공통 */
[class^=area-board]:after {display:block;width:100%;clear:both;content:'';}
[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 {margin:60rem auto;width:100%;max-width:1080rem;}
[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 {display:block;position:relative;width:100%;float:left;letter-spacing:0;}
.area-board-item a {display:block;}
.area-board-item a:after {display:block;width:100%;clear:both;content:'';}
.area-board-item .thumb {position:relative;font-size:0;}
.area-board-item .thumb.talk {overflow: hidden;position: relative;height: 240rem !important;background: #f9ddd9;font-size: 0;}
.area-board-item .thumb.talk img {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;transform: translate(-50%,-50%);}
.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 {overflow:hidden;font-size:.9rem;white-space:nowrap;text-overflow:ellipsis;}
.area-board-item .content .search-result { background-color: yellow;font-weight: 600;}
.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 {padding-bottom:56.25%;position:relative;width:100%;}
.area-board-item .ot-thumb .ot-img, .area-board-item .together-thumb .together-img {position:absolute; top: 50%; left: 50%; width:100%; height:100%; transform: translate(-50%, -50%);}

.area-board-no-item {display:block;border-top:1px solid #c5c5c5;position:relative;width:100%;}
.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 {display:block;width:100%;clear:both;content:'';}
.area-board-attr li a {display:block;}
.area-board-attr li a:after {display:block;width:100%;clear:both;content:'';}
.area-board-attr li .subject {display:block;overflow:hidden;width:80%;float:left;white-space:nowrap;text-overflow:ellipsis;}
.area-board-attr li .info {display:block;padding-right:2rem;width:20%;float:right;font-size:87.5%;text-align:right;box-sizing:border-box;opacity:.8;}
.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 {margin:13rem 0;float:left;font-size:13rem;}
}

/* 리스트- 텍스트형 */
.area-board-text {width:100%;float:none;}
.area-board-text:after {display:block;width:100%;clear:both;content:'';}
.area-board-text .area-board-list {border-top:1px solid #333;}
.area-board-text .area-board-item {padding:20rem;border-bottom:1px solid #c5c5c5;position:relative;line-height:100%;box-sizing:border-box;}
.area-board-text .area-board-item .subject {display:block;overflow:hidden;line-height:140%;white-space:nowrap;text-overflow:ellipsis;}
.area-board-text .area-board-item .info {display:block;margin-top:10rem;color:#666;}
.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 {display:block;width:100%;clear:both;content:'';}
[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;overflow:hidden;line-height:24rem;color:#666;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;}
[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 {margin:10rem 20rem 0;height:72rem;-webkit-line-clamp:3;}
.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 {display:block;position:absolute;bottom:0;left:0;width:100%;height:4px;background:#1ec95b;content:'';}
.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 {display:block;position:absolute;bottom:0;left:0;width:100%;height:4px;background:#1ec95b;content:'';}

/* 리스트- 썸네일 + 텍스트(후기 등) */
.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 {overflow:hidden;width:100%;float:none;}
.area-board-dual .area-board-item ~ .area-board-item {margin-top:40rem;}
.area-board-dual .area-board-item:after {display:block;width:100%;clear:both;content:'';}
.area-board-dual .area-board-item .content .context {display:-webkit-box;overflow:hidden;height:96rem;line-height:24rem;color:#666;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;}
.area-board-dual .area-board-item .content .context.lang {height:70rem;-webkit-line-clamp:3;}
.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 {display:block;position:absolute;bottom:0;left:0;width:100%;height:4px;background:#1ec95b;content:'';}

@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 {margin-top:0;position:absolute;top:50%;right:20rem;width:280rem;font-size:14rem;text-align:right;white-space:nowrap;transform:translateY(-50%);}
    .area-board-dual .area-board-item .thumb {overflow:hidden;width:24%;max-width:255rem;max-height:150rem;float:left;}
    .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 {overflow:visible;width:30%;max-height:150rem;}
    .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 {height:54.6rem;font-size:15.1rem;line-height:18.2rem;}
    .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 {line-height:18.2rem;-webkit-line-clamp:3;}

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

/* view */
.area-board-view {margin:0 auto 60rem;border-top:1px solid #333;border-bottom:1px solid #c5c5c5;width:90%;max-width:1080rem;}
.area-board-view .view-header {padding:20rem;border-bottom:1px dashed #c5c5c5;position:relative;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;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;font-size:0;}
.area-board-view .view-header .user-info {margin-top:20rem;font-size:20rem;font-weight:300;color:#666;}
.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'] {padding:20rem;position:relative;box-sizing:border-box;}
.area-board-view [class*='view-content'] .write-date {position:absolute;top:30rem;right:30rem;font-size:14rem;font-weight:300;color:#666;}
.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 {margin:0 auto 60rem;border-top:1px solid #333;border-bottom:1px solid #c5c5c5;width:90%;max-width:1080rem;}
.area-board-write .write-header table {border-bottom:1px solid #c5c5c5;width:100%;border-collapse:collapse;}
.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%;font-weight:400;text-align:left;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 {padding-left:100rem;position:relative;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;padding-bottom:0;border:none;width:100%;}
    .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 {margin: 0 auto;border: none;}
.school-view .university.school-info-list-school { display: flex;align-items: center;justify-content: space-between;position: relative;}
.school-view .school-info-list {padding-bottom: 60rem;position: relative;}
.school-view .school-info-list > li {margin-bottom: 10rem;padding: 20rem; border: 1px solid #C5C5C5; overflow: hidden;position: relative;transition: all .3s;cursor: pointer;-webkit-border-radius: 10rem; isolation: isolate;-moz-border-radius: 10rem; isolation: isolate;border-radius: 10rem; isolation: isolate;}
.school-view .school-info-list-top {display: block;margin-bottom: 10rem;width: calc(100% - 30%) ;}
.school-view .school-info-list-logo {display: inline-block;margin-right: 20rem;float: left;}
.school-view .school-info-list-logo > span {display: inline-block;border: 1px solid #c5c5c5;overflow: hidden;position: relative;width: 80rem;height: 80rem;font-size: 0;line-height: 0;-webkit-border-radius: 5rem; isolation: isolate;-moz-border-radius: 5rem; isolation: isolate;border-radius: 5rem; isolation: isolate;}
.school-view .school-info-list-logo > span > img {position: absolute;top: 50%;left: 50%;max-width: 90%; max-height: 98%;transform: translate(-50%,-50%)}
.school-view .school-info-list-title {margin-left: 0;width: calc(100%- 80rem); line-height: 1}
.school-view .school-info-list-title > span {font-size: 14rem;color: #666;}
.school-view .school-info-list-title > strong {display: -webkit-box;overflow: hidden;font-size: 22rem;line-height: 1.3;color: #333;word-break: break-word;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.school-view .school-info-list-secret {display: inline-block;padding: 2rem 6rem;position: absolute;top: 0;right: 20rem;background: #EF3D42;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 {display: inline-block;position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);}
.school-view .school-info-list-link-btn {display: inline-block;padding: 6rem 0;width: 100%;background: #EDEFF5;text-align: center;}
.school-view .school-info-list-course-wrap {display: block;margin-bottom: 10rem;width: 100%; text-align: right;}
.school-view .school-info-list-ranking {width: 100% ; }
.school-view .school-info-list-bottom {margin-left: auto;width: 30%; text-align: right}

/* 학교 후기 */
.school-review * {box-sizing: border-box;}
.area-board-view.school-review {margin: 0 auto;border: none;}
.school-review-con-wrap {display: flex;overflow-x: auto;width: 100%;}
.school-review-con {margin-right: 30rem;border: 1px solid #C5C5C5;overflow: hidden;position: relative;width: 340rem;-webkit-border-radius: 5rem; isolation: isolate;-moz-border-radius: 5rem; isolation: isolate;border-radius: 5rem; isolation: isolate;}
.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 {display: inline-block;position: absolute;top: 0;left: 0;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 {display:-webkit-box;margin-bottom: 10rem;overflow:hidden;width: 100%;height: 49rem;font-size: 18rem;line-height: 1.2;color: #333;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.school-review-text { display:-webkit-box;overflow:hidden;width: 100%;height: 49em;font-size: 14rem;line-height: 1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.school-review-text > strong {display:-webkit-box;overflow:hidden;width: 100%;height: 49rem;font-weight: 400;line-height: 1.2;color: #1EC95B;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.school-review-text > span {display:-webkit-box;overflow:hidden;width: 100%;height: 49em;line-height: 1.2;color: #666;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
@media screen and (max-width: 1200px) {
    .school-review {position: relative;}
    .school-review::before {position: absolute;top: 0;right: 0;z-index: 10;width: 10%;height: 100%;background: linear-gradient(to left, #ffffff, #ffffff00);content: '';}
    .school-review-con-wrap {padding: 30rem 30rem 30rem 0;}
    .school-review-con {flex-shrink: 0;margin-right: 40rem;width: 400rem;}
}
@media screen and (max-width: 768px) {
    .school-view .university.school-info-list-school {display: block;padding: 0;}
    .school-view .school-info-list-top {padding: 13rem 13rem 0;overflow: hidden;width: 100%;}
    .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 {margin-left: auto;width: calc(100% - 104rem - 10px);}
    .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 {margin: 0;font-size: 16.9rem;}
}
/*******************************************************************************
                                    module
********************************************************************************/
/* 상품리스트 */
.area-pg-item {display:block;border:1px solid #cbcbcb;position:relative;width:100%;float:left;word-break:keep-all;box-sizing:border-box;}
.pc .area-pg-item:hover:before {display:block;position:absolute;bottom:-1px;left:0;z-index:2;width:100%;height:4rem;background:#1ec95b;content:'';}
.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 {padding-bottom:66%;overflow:hidden;position:relative;width:100%;}
.area-pg-item .pg-item-thumb .bg {position:absolute;top:0;left:0;min-width:100%;height:100%;}
.area-pg-item .pg-item-thumb .bg img {width:100%;min-height:100%;}
.area-pg-item .pg-item-thumb .title {overflow:hidden;position:absolute;top:20%;left:7.5%;width:85%;white-space:nowrap;text-overflow:ellipsis;}
.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 {font-weight:600;color:#fff;}
.area-pg-item .pg-item-thumb .title .black {color:#000}
.area-pg-item .pg-item-thumb .title .purple {font-weight:600;color:#8203f2;}
.area-pg-item .pg-item-thumb .title .yellow {font-weight:600;color:#ffff24;}
.area-pg-item .pg-item-thumb .title .green {font-weight:600;color:#0E7B7B;}
.area-pg-item .pg-item-thumb .cate {display:block;position:absolute;top:-1px;right:-1px;}
.area-pg-item .pg-item-thumb .cate span {display:block;padding:0 10rem;height:34rem;font-size:16rem;font-weight:300;line-height:34rem;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 {display:-webkit-box;overflow:hidden;height:48rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.area-pg-item .pg-item-cont .tag {margin-top:20rem;overflow:hidden;height:64rem;}
.area-pg-item .pg-item-cont .tag:after {display:block;width:100%;clear:both;content:'';}
.area-pg-item .pg-item-cont .tag span {display:inline-block;margin:4rem 4rem 4rem 0;padding:4rem 8rem;border:1px solid #c5c5c5;float:left;font-size:14rem;font-weight:300;line-height:14rem;color:#666;}

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

@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%;}
}

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

/* 페이지네이션 */
.area-pagination {display:block;margin:80rem 0;font-size:16rem;text-align:center;}
.area-pagination span,
.area-pagination a {display:inline-block;overflow:hidden;width:32rem;height: 32rem;line-height:32rem;text-align:center;box-sizing:border-box; border-radius: 4px; isolation: isolate;}
.area-pagination .pagination > li{ height: 32rem;line-height: normal;}
.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{ border: 1px solid #C5C5C5; background-repeat: no-repeat;background-position: center; background-size: cover; text-indent: -9999999999%;}
.area-pagination .arr {display:inline-block;vertical-align:middle;}
.area-pagination .arr a {border:1px solid #c5c5c5;position:relative;font-size:0;line-height:calc(30rem - 2px);text-indent:-999px;}
.area-pagination .arr a:after {display:block;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-position:0 0;background-size:390rem;content:'';transform:translate(-50%,-50%);}
.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-position: center; background-size: cover; 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{ width: 26rem;height: 100%; line-height: 26rem;}
    .area-pagination .pagination > li + li{margin-left: 0;}
}


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

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

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

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

.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 {display:block;padding:10rem 0;position:relative;font-size:18rem;color:#666;}
.md-tabs-line .slick-track > li.active > a:before {display:block;position:absolute;bottom:-1px;left:0;width:100%;height:4rem;background:#1ec95b;content:'';}
.yt-review  .review-tabs {margin-top:80rem;width:100%;}
.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 {padding:0 29rem;overflow:hidden;overflow-x:auto;width:100%;box-sizing:border-box;}
    .md-tabs-basic {padding:10rem 29rem;overflow-x:auto;white-space:nowrap;}
    .md-tabs-simple {overflow-x:auto;font-size:0;white-space:nowrap;}
}
@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] {overflow:hidden;position:relative;width:200rem;height:40rem;font-size:0;text-indent:999px;}
[class^=md-edm-logo]:before {display:block;overflow:hidden;position:absolute;top:0;left:0;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;font-size:0;text-indent:-999px;content:'';}

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

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

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

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

.commonPopup .popup-content{overflow-y: auto; height:700px;}
.commonPopup .popup-content span{font-size:22rem;}
.popup-max-height {
    overflow-y: auto;
    max-height: 70vh;
}
.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 {
    margin-bottom: -1px;
    padding: 0 68rem;
    border: 1px solid #C5C5C5;
    font-size: 18rem;
}
.yt-faq-name {
    padding: 20rem 0;
    position: relative;
}
.yt-faq-name::before{
    margin-right: 10rem;
    position: absolute;
    top: 50%;
    right: 100%;
    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;
    background-size: cover;
    content: '';
    transform: translateY(-50%);
}
.yt-faq-name > span {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 40rem;
    height: 40rem;
    font-size: 0;
    transition: all .3s;
    cursor: pointer;
    transform: translateY(-50%);
}
.yt-faq-name > span.on {
    transition: all .3s;
    transform:  translateY(-50%) rotate(180deg);
}
.yt-faq-name > span::before {
    display: block;
    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;
    content: '';
    transform: translate(-50%, -50%);
}
.yt-faq-textBox {
    display: none;
    border-top: 1px #C5C5C5 dashed;
}
.yt-faq-text {
    padding: 20rem 0;
    color: #1EC95B;
}
@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 {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.column-con-title {
    margin-bottom: 30rem;
    font-size: 24rem;
    color: #333;
}
.column-con-ec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10rem;
}
.column-con-ec-img {
    overflow: hidden;
    width: 70rem;
    height: 70rem;
    background: #000;
    -webkit-border-radius: 50%; isolation: isolate;
    -moz-border-radius: 50%; isolation: isolate;
    border-radius: 50%; isolation: isolate;
}
.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 {
    display: inline-block;
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    height: 84rem;
    font-size: 16rem;
    line-height: 1.4;
    color: #666666;
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -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 {
    padding: 20rem 0;
    border-bottom: 1px solid #C5C5C560;
    position: relative;
}
.column-con-right-row:first-child {
    padding-top: 0;
}
.column-con-right-row:last-child {
    border-bottom: none;
}
.column-con-right-title {
    margin-bottom: 10rem;
    padding-left: 26rem;
    position: relative;
    font-size: 18rem;
}
.column-con-right-title > span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16rem;
    height: 16rem;
    background: #F9B84A;
    transform: translateY(-50%);
    -webkit-border-radius: 50%; isolation: isolate;
    -moz-border-radius: 50%; isolation: isolate;
    border-radius: 50%; isolation: isolate;
}
.column-con-right-title > span::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    background: #fff;
    content: '';
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%; isolation: isolate;
    -moz-border-radius: 50%; isolation: isolate;
    border-radius: 50%; isolation: isolate;
}
.column-con-right-ec {
    font-size: 16rem;
    text-align: right;
}
@media screen and (max-width:1200px) {
    .column-con {
        padding: 0 5%;
        width: 100%;
        grid-template-columns: repeat(1,1fr);
        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 {
    margin: 0;
    position: relative;
}
.camp-talk-con {
    display: grid;
    padding-top: 60rem;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 30rem;
}
.camp-talk-con-col > a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 400px;
    line-height: 1;
    -webkit-border-radius: 10rem; isolation: isolate;
    -moz-border-radius: 10rem; isolation: isolate;
    border-radius: 10rem; isolation: isolate;
}
.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;
    position: absolute; font-size: 0; line-height: 0; text-indent: -9999px;
}
@media screen and (max-width:1200px) {
    .camp-talk {
        padding-bottom: 0;
    }
    .camp-talk .sm-cont-title {
        margin: 0 auto;
        width: 90% !important;
    }
    .camp-talk .flex-wrap {
        width: 100%;
    }
    .camp-talk-con {
        display: flex;
        padding: 40rem 0 40rem 5%;
        overflow-y: scroll;
    }
    .camp-talk-con-col > a {
        width: 247px;
    }
    .camp-talk-con-col:nth-child(2n + 1) {
        margin-top: 0;
    }
}

/*******************************************************************************
                                유튜브
********************************************************************************/
.youtube-section {padding: 80rem 0;background: #F8FAEC;}
.youtube-section.london {margin-bottom: 60rem;}
.youtube-section .university-con {margin: 0 auto;width: 100%;max-width: 1080rem;font-size: 16px;box-sizing: border-box;}
.youtube-section .university-con:after {display: block;width: 100%;clear: both;content: '';}
.youtube-section h2 {margin-bottom: 60rem;width: 100%;max-width: 1080rem;font-size: 40rem;font-weight: 800;line-height: 130%;color: #000;text-align: center;}
.youtube-section-con2 {display: grid;grid-template-columns: repeat(12,1fr); grid-gap: 24px;}
.youtube-section-con .youtube-wrap { margin: 0 auto;width: 80%;}
.youtube-section-con .youtube-wrap iframe { box-shadow: 0 8px 16px rgba(0, 0, 0, 16%);width: 100%;aspect-ratio: 16 / 9;}
.youtube-section-con2  #youtube-con { width: 100%;grid-column: 9 span;}
.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 { margin: 0 auto; padding: 0 16rem; max-width: 1280rem; }

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

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

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

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

/* 20251222 ~ */
table thead { background-color: #fff; }
table thead th { padding: 0; background-color: #fff; }
table tbody { border-top: 0;}
table tr { border-bottom: 0;}
table tbody td:not(:last-child) { border-right: 0; }
table tbody td { padding: 0; }

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

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



.common-video-type .play-current .videoWrap{overflow: hidden;}
.common-video-type .play-current .ellipsis_3{overflow: hidden;}
.common-video-type .play-current .ellipsis_4{overflow: hidden;}