@charset "UTF-8";

/*******************************************************************************
                                    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;font-size:inherit;}
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-size:20px;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;}

@media screen and (max-width:1100px) {
    html,body {font-size:19px;}
}
@media screen and (max-width:1000px) {
    html,body {font-size:18px;}
}
@media screen and (max-width:900px) {
    html,body {font-size:17px;}
}
@media screen and (max-width:800px) {
    html,body {font-size:16px;}
}
@media screen and (max-width:700px) {
    html,body {font-size:15px;}
}
@media screen and (max-width:600px) {
    html,body {font-size:14px;}
}
@media screen and (max-width:500px) {
    html,body {font-size:13px;}
}

/*******************************************************************************
                                    font
********************************************************************************/
@font-face {
    font-family:'noto';
    font-style:normal;
    font-weight:100;
    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:0.9rem;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:2.3rem;padding:0 .5rem;border:1px solid #c5c5c5;border-radius:0;-webkit-appearance:none;outline:none;font-size:.8rem;line-height:calc(2.3rem - 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:2.3rem;outline:none;padding:0 2rem 0 .5rem;border:1px solid #c5c5c5;border-radius:0;background:transparent;color:#999;font-family:inherit;font-size:.8rem;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% - .5rem) center;background-size:1rem;}
select::-ms-expand {display:none;}
select.choose {color:#333;}
textarea {width:100%;min-height:5.6rem;padding:.5rem;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:.8rem;font-weight:300;}
textarea#aif-cs-title{
    min-height: auto;
}
textarea::placeholder {color:#999;}
input[type=text].select-style {padding-right:1.6rem;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% - .5rem) center;background-size:1rem;}

@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:3rem;font-size:1rem;}
    textarea {width:100%;min-height:3rem;font-size:1rem;}
}
@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:3.3rem;font-size:1.08rem;}
    textarea {width:100%;min-height:3.7rem;font-size:1rem;}
}

/* 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:.5rem;}
.input .choose {color:#333 !important;}
.input .container ~ .container {margin-top:1rem;}
.input .line-style {width:100%;}
.input .message {display:block;width:100%;clear:both;margin-top:.3rem;font-size:90%;color:#1ec956;}
.input .message.error {display:block;width:100%;clear:both;margin-top:.3rem;font-size:90%;color:#eb5728;}
.req {color:#1ec95b;}
.require-notice {position:absolute;top:1rem;right:1rem;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:1rem;}

/** 체크박스 및 라디오
  * 묶을 땐 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:1.4rem;}
.chk input + label:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:1rem;height:1rem;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:-5rem -2rem;background-size:19.5rem;}
.rdo input + label:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);display:inline-block;width:1rem;height:1rem;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:.25rem 1rem .25rem 0;}
.chk-custom {position:relative;display:inline-block;margin-right:2%;font-size:0.8rem;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:5rem;height:2.3rem;margin:0;padding:0 1rem;line-height:2.3rem;font-size:.8rem;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:1rem;}
    .chk-custom input + label {min-width:4rem;height:3.3rem;line-height:3.3rem;font-size:1.08rem;}
}

/* button */
.button-wrap {display:block;width:100%;margin-top:2rem;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:2.3rem;padding:0 1rem;box-sizing:border-box;line-height:calc(2.3rem - 2px);font-family:'noto';font-size:.9rem;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:.5rem;}
.button.half {width:49%;float:left;}
.button.half + .button.half {float:right;}
/* .button * {vertical-align: middle;} */
.button span + [class^=ui-] {margin-left:.5rem;}

@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:3rem;font-size:1rem;line-height:calc(3rem - 2px);}
}
@media screen and (max-width:640px) {
    input[type=button], .button {display:inline-block;height:3.3rem;font-size:1.08rem;line-height:calc(3.3rem - 2px);}
}

/* 콘텐츠관리자 버튼 */
#app .button.content-manager:first-child {z-index:12;}
.button.content-manager {position:absolute;z-index:99;display:block;border:0;border-radius:.125rem;box-sizing:border-box;background:#fb8c00;color:#fff;font-family:inherit;font-size:13px;height:1rem;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:.125rem;box-sizing:border-box;background:#fb8c00;color:#fff;font-family:inherit;font-size:13px;height:1rem;line-height:100%;cursor:pointer;outline:none;margin-top:1.2rem;}


/* 멀티체크가능한 셀렉트 */
.input-multi-select {display:none;position:absolute;top:calc(100% - 2px);left:0;width:100%;padding:1rem;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:.2rem;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:.3rem 0;border-radius:5px;border:1px solid #f8f8f8;background:#f8f8f8;box-sizing:border-box;font-size:.8rem;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% - .5rem) center;background-size:1rem;}
.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:1.08rem;padding:.3rem 0;}
}

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

/*******************************************************************************
                                    layout
********************************************************************************/
/* common */
body {position:relative;height:100%;overflow-x:hidden;}
[class^='mo-'] {display:none;}
.flex-wrap {width:90%;max-width:54rem;margin:0 auto;}
.flex-wrap:after {content:'';display:block;width:100%;clear:both;}
.fix-wrap {width:100%;max-width:54rem;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:5rem;}
.container.submain-program {padding:3rem 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:.5rem;}
.column .col3 {display:block;width:32%;float:left;}

@media screen and (min-width: 1080px) {
    .container {min-width:54rem;}
}
@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:.5rem;}
}
@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:.5rem 0 0;}
    .m-full [class^=col] + [class^=col] {margin-top:2rem;}
}

[class*=ui-kit] {position:relative;display:inline-block;width:1rem;height:1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:0 0;background-size:19.5rem;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 -1rem;}
.ui-kit-arr.white {background-position:0 -2rem;}
.ui-kit-x {background-position:-1rem 0;}
.ui-kit-x.color {background-position:-1rem -1rem;}
.ui-kit-x.white {background-position:-1rem -2rem;}
.ui-kit-filter {background-position:-2rem 0;}
.ui-kit-filter.color {background-position:-2rem -1rem;}
.ui-kit-filter.white {background-position:-2rem -2rem;}
.ui-kit-plus-l {background-position:-3rem 0;}
.ui-kit-plus-l.color {background-position:-3rem -1rem;}
.ui-kit-plus-l.white {background-position:-3rem -2rem;}
.ui-kit-plus {background-position:-4rem 0;}
.ui-kit-plus.color {background-position:-4rem -1rem;}
.ui-kit-plus.white {background-position:-4rem -2rem;}
.ui-kit-check {background-position:-5rem 0;}
.ui-kit-check.color {background-position:-5rem -1rem;}
.ui-kit-check.white {background-position:-5rem -2rem;}
.ui-kit-new {background-position:-8rem 0;}
.ui-kit-download {background-position:-6rem -3rem;}

[class^=ui-kit-star] {width:4rem;background-position:-10rem -6rem;}
.ui-kit-star4 {background-position:-10.8rem -6rem;}
.ui-kit-star3 {background-position:-11.6rem -6rem;}
.ui-kit-star2 {background-position:-12.4rem -6rem;}
.ui-kit-star1 {background-position:-13.2rem -6rem;}

[class*=ui-flag] {position:relative;display:inline-block;overflow:hidden;text-align:center;vertical-align:top;}
[class*=ui-flag]:before {content:'';display:block;width:2.5rem;height:1.7rem;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:40rem;}
.ui-flag-ca:before {background-position:0 0;}
.ui-flag-au:before {background-position:-3rem 0;}
.ui-flag-uk:before {background-position:-6rem 0;}
.ui-flag-nz:before {background-position:-9rem 0;}
.ui-flag-ie:before {background-position:-12rem 0;}
.ui-flag-usa:before {background-position:-15rem 0;}

[class*=ui-layout] {position:relative;display:inline-block;width:2rem;height:2rem;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:19.5rem;font-size:0;line-height:0;text-indent:-999px;vertical-align:middle;overflow:hidden;}
.ui-layout-close {background-position:0 -3rem;}
.ui-layout-close.color {background-position:-2rem -3rem;}
.ui-layout-close.white {background-position:-4rem -3rem;}
.ui-layout-search {width:3rem;height:3rem;background-position:0 -7rem;}
.ui-layout-search.color {background-position:-3rem -7rem;}

/*******************************************************************************
                                    header
********************************************************************************/
.layout-top-banner {position:relative;text-align:center;z-index:11;background:#fff; display: none;}
.layout-top-banner figure {position:relative;width:100%;max-width:54rem;margin:0 auto;}
.layout-top-banner img {margin:0 auto;}
.layout-header {display:none;background:#fff;}
.layout-header.sticky {position:fixed;top:0;left:0;animation:stick-gnb 0.3s;}
.layout-top-banner .btn-close {position:absolute;right:0;width:1.5rem;height:1.5rem;}

/*.layout-top-banner .close-pc {position:absolute;right:0;width:1.5rem;height:1.5rem;}
.layout-top-banner .close-mobile {position: absolute; top: 20%; right: 3%; width: 8%;}*/
.header-banner .open {display:block;}

@media screen and (max-width:767px) {
    .layout-top-banner .btn-close {top:50%;right:2%;transform:translateY(-50%);width:2.5rem;height:2.5rem;}
}
@keyframes stick-gnb {
    0% {opacity:0;}
    100% {opacity:1;}
}

/* PC - 넓은화면 */
@media screen and (min-width:769px) {
    .pc .layout-header {position:relative;display:block;width:100%;z-index:10;}
    .pc .layout-header:after {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background-color:#c5c5c5;}
    .pc .layout-header.sticky {top:-2rem;z-index:11;}
    .pc .area-header-logo {position:relative;width:100%;max-width:1660px;height:0;margin:0 auto;z-index:1;}
    .pc .area-header-logo a {position:absolute;left:1rem;top:3.6rem;display:block;width:14%;height:2rem;max-width:200px;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%;text-indent:-999px;font-size:0;overflow:hidden;}

    .pc .area-header-utility {padding:.5rem 0;background:#eff1f6;font-size:.7rem;font-weight:300;letter-spacing:-1px;}
    .pc .area-header-utility .flex-wrap {width:65%;max-width:54rem;}
    .pc .area-header-utility .family-site {display:flex;float:left;width:60%;max-width:540px;justify-content:space-between;}
    .pc .area-header-utility .family-site a {font-size:.7rem;font-weight:300;letter-spacing:-1px;}
    .pc .area-header-utility .member-util {float:right;}
    .pc .area-header-utility .member-util a ~ a {margin-left:1rem;}

    .pc .area-header-navigation {position:relative;width:100%;/*max-width:1700px;*/margin:0 auto;box-sizing:border-box;background:#fff;letter-spacing:-1px;}
    .pc .area-header-navigation .flex-wrap {position:relative;width:65%;max-width:54rem;}
    .pc .site-map-open {position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:2.4rem;height:2.4rem;box-sizing:border-box;text-indent:-999px;overflow:hidden;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:-9rem -7rem;background-size:19.5rem;z-index:2;}
    .pc .site-map-open:after {}

    .pc .toggle-gnb {display:none;}
    .pc .layout-header .gnb {padding-left:calc(2.4rem + 2%);box-sizing:border-box;background:#fff;}
    .pc .gnb:after {content:'';display:block;width:100%;clear:both;}
    .pc .gnb a:hover {color:#1ec95b;}
    .pc .gnb .gnb-dep1 {display:flex;flex-wrap:nowrap;}
    .pc .gnb .gnb-dep1 > li  {float:left;/*margin:0 2%;*/}
    .pc .gnb .gnb-dep1 > li > a {position:relative;display:block;width:100%;padding:2rem 1rem;box-sizing:border-box;font-size:.9rem;line-height:100%;white-space:nowrap;}
    .pc .gnb .gnb-dep1 > li > a:before {content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);display:block;width:0;height:4px;background:transparent;}
    .pc .gnb .gnb-dep1 > li:hover > a:before {width:calc(100% - 2rem);background:#1ec95b;transition:width 0.3s;}

    .pc .gnb-sub-wrap {position:absolute;left:0;width:100%;min-height:300px;padding:1.8rem 0;opacity:1;transition:all 0.2s ease-in;z-index: 1; display: none;
        transform: translateY(-2px); }
    .pc .gnb-sub-wrap:after {content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:200%;max-width:calc(100vw - 17px);height:100%;background:#fff;box-shadow: 0 10px 10px rgba(0,0,0,0.1);z-index:-1;transition:height 0.3s;font-size:0; border-top: 1px solid #c5c5c5;}
    .pc .gnb-sub-wrap li, .gnb-sub-wrap a {display:block;width:100%;}
    .pc .gnb-sub-wrap .gnb-banner {visibility:hidden;position:absolute;top:2rem;right:calc(100% + 2rem);width:23%;max-width:240px;}
    .pc .gnb-sub-wrap .gnb-banner .banner-slide {opacity:0;}
    .pc .gnb-sub-wrap .gnb-banner .bx-controls-direction {display:none;}
    .pc .gnb-sub-wrap .gnb-quick {width:100%;margin:0 auto .8rem;box-sizing:border-box;}
    .pc .gnb-sub-wrap .gnb-quick a {display:inline-block;width:24%;padding:0 1rem;box-sizing:border-box;vertical-align:top;text-align:left;font-size:.9rem;font-weight:600;}
    .pc .gnb .gnb-dep1 li:hover > .gnb-sub-wrap {opacity:1;transition:all 0.75s cubic-bezier(.75,.0,0,1);transition-delay:0.1s;}
    .pc .gnb .gnb-dep1 li:hover .gnb-banner {visibility:visible;}
    .pc .gnb-sub-wrap .gnb-sub {display:block;width:100%;}
    .pc .gnb .gnb-dep1 > li > a[href="/review"] + .gnb-sub-wrap .gnb-dep2 {margin-top:-1.8rem;} /* 유학후기 퀵메뉴가 없을 때 적용 */
    .pc .gnb-sub-wrap .gnb-dep2 > li {display:inline-block;width:24%;padding:0 1rem;box-sizing:border-box;vertical-align:top;text-align:left;}
    .pc .gnb-sub-wrap .gnb-dep2 > li > a {display:block;width:100%;margin:1rem 0;padding-bottom:.3rem;border-bottom:1px solid #ccc;font-size:.9rem;font-weight:600;}
    .pc .gnb-sub-wrap .gnb-dep2 > li > a:only-child {border-bottom:none;}
    .pc .gnb-sub-wrap .gnb-dep3 {width:90%;margin:1rem 0;}
    .pc .gnb-sub-wrap .gnb-dep3 > li.has-child > a {position:relative;display:block;}
    .pc .gnb-sub-wrap .gnb-dep3 > li.has-child > a:before  {content:'';position:absolute;top:calc(50% + 4px);right:0;width:9px;height:1px;background:#333;}
    .pc .gnb-sub-wrap .gnb-dep3 > li.has-child > a:after {content:'';position:absolute;top:50%;right:4px;width:1px;height:9px;background:#333;}
    .pc .gnb-sub-wrap .gnb-dep3 > li.has-child.open > a:after {display:none;}
    .pc .gnb-sub-wrap .gnb-dep3 > li {padding:.2rem 0;}
    .pc .gnb-sub-wrap .gnb-dep3 > li > a {font-size:.8rem;}
    .pc .gnb-sub-wrap .gnb-dep4 {display:none;margin-top:.5rem;padding:.5rem;background:#f8f8f8;}
    .pc .gnb-sub-wrap .gnb-dep4.open {display:block;}
    .pc .gnb-sub-wrap .gnb-dep4 > li {position:relative;padding:.2rem 0 .2rem .5rem;font-size:.7rem;}
    .pc .gnb-sub-wrap .gnb-dep4 > li:before {content:'';position:absolute;top:50%;left:0;width:2px;height:2px;border-radius:50%;background:#333;}
    .pc .gnb-mobile-quick {display:none;}
    /* 2010.10.30 - update schoolpick css */
	.pc .program-search {position:absolute;top:68%;right:0;transform:translateY(-50%);}
	.pc .program-search a {position:relative;margin-top:1rem; margin-left:1rem;letter-spacing:-1px;}
	.pc .program-search a:before {content:'';position:absolute;top:-30px; margin-left:50%;left:-0.75rem;width:1.5rem;height:1.5rem;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:-4rem -5rem;background-size:19.5rem;}
}
@media screen and (max-width:1300px) and (min-width:769px) {
    .pc .area-header-logo a {width:18%;}
    .pc .area-header-utility .flex-wrap {width:90%;}
    .pc .area-header-navigation {padding-left:18%;}
    .pc .area-header-navigation .flex-wrap {width:90%;max-width:900px;}
    .pc .gnb-sub-wrap:after {max-width:100vw;left:37.5%;}
    .pc .gnb .gnb-dep1 > li > a {padding:2rem .8rem;}
}

/* PC - 작은화면 */
@media screen and (max-width:768px) {
    .pc .layout-header {position:relative;display:block;width:100%;border-bottom:1px solid #c5c5c5;z-index:20;}
    .pc .layout-header:after {content:'';display:block;width:100%;clear:both;}
    .pc .area-header-logo {position:relative;padding:1rem;}
    .pc .area-header-logo > a {display:block;width:10rem;height:3rem;margin-left:2.5rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/edm-main-logo-x2.png) center no-repeat;background-size:100%;text-indent:-999px;font-size:0;overflow:hidden;}
    .pc .area-header-logo .mo-family-site {position:absolute;top:calc(100% + 1px );left:0;width:100%;z-index:19}
    .pc .area-header-logo .mo-family-site .toggle-fsl {position:absolute;top:-2.9rem;left:14rem;display:block;width:1.3rem;height:1.3rem;padding:0;background:#fff;border:1px solid #c5c5c5;border-radius:50%;}
    .pc .area-header-logo .mo-family-site .toggle-fsl:before {content:'';position:absolute;top:50%;left:50%;display:block;width:1rem;height:1rem;margin-top:-.5rem;margin-left:-.5rem;border-radius: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:30rem;background-position:-25rem 0;}
    .pc .area-header-logo .mo-family-site .site-list {display:none;width:100%;padding-bottom:.5rem;border-bottom:1px solid #c5c5c5;background:#fff;text-align:center;}
    .pc .area-header-logo .mo-family-site .site-list li ~ li {border-top:1px solid #efefef;}
    .pc .area-header-logo .mo-family-site .site-list li a {display:inline-block;width:auto;padding:.5rem 0;}
    .pc .area-header-logo .mo-family-site .site-list img {height:1.3rem;}
    .pc .area-header-logo .mo-family-site .toggle-fsl.open:before {transform:rotate(180deg);}
    .pc .area-header-logo .mo-family-site .toggle-fsl.open + .site-list {display:block;}
    .pc .area-header-utility {/*display:none;*/width:100%;}
    .pc .area-header-utility .family-site {display:none;}
    .pc .area-header-utility .member-util {width:100%;padding:5rem 0 1rem;background:#fff;}
    .pc .area-header-utility .member-util a {position:relative;display:inline-block;padding-left:1.5rem;font-size:1.37rem;letter-spacing:-1px;}
    .pc .area-header-utility .member-util a + a {margin-left:1rem;}
    .pc .area-header-utility .member-util a:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;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-size:30rem;}
    .pc .area-header-utility .member-util .member-login:before {background-position:-20rem 0;}
    .pc .area-header-utility .member-util .member-join:before {background-position:-21.5rem 0;}
    .pc .area-header-utility .member-util .member-logout:before {height:1.4rem;background-position:-26rem -2rem;}
    .pc .area-header-utility .member-util .member-mypage:before {height:1.4rem;background-position:-27.5rem -2rem;}
    .pc .area-header-utility .member-util .customer-center, .area-header-utility .member-util .introduce-edm {display:none;}

    .pc .area-header-navigation {position:relative;/*display:none;*/width:100%;height:calc(100% - 8rem);border-top:1px solid #e2e9ef;letter-spacing:-1px;}
    .pc .area-header-navigation .flex-wrap {position:relative;width:100%;height:100%;z-index:1;}
    .pc .area-header-navigation .site-map-open {display:none;}

    .pc .gnb {position:relative;display:block;width:100%;height:100%;min-height:30rem;background:#e2e9ef;}
    .pc .gnb:after {content:'';display:block;width:100%;clear:both;}
    .pc .gnb .gnb-dep1 {width:38%;float:left;margin-top:1rem;font-size:1.385rem;}
    .pc .gnb .gnb-dep1 > li  {padding:.2rem .7rem ;box-sizing:border-box;}
    .pc .gnb .gnb-dep1 > li > a {display:block;width:100%;padding:.5rem .7rem;box-sizing:border-box;}
    .pc .gnb .gnb-dep1 > li.active > a {position:relative;color:#fff;z-index:1;}
    .pc .gnb .gnb-dep1 > li.active > a:before {content:'';position:absolute;top:0;left:0;display:block;width:calc(100% + 1.3rem);height:100%;background:#1ec95b;z-index:-1;box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
    .pc .gnb .gnb-dep1 > li.active > .gnb-sub-wrap {display:block;}
    /*.pc .gnb .gnb-dep1 > li:first-child .gnb-sub-wrap {display:block;}*/

    .pc .gnb-sub-wrap {position:absolute;top:0;right:0;display:none;width:62%;height:100%;padding:.5rem 1.5rem 0 2rem;box-sizing:border-box;background:#fff;overflow-y:auto;}
    .pc .gnb-sub-wrap li, .gnb-sub-wrap a {display:block;width:100%;}
    .pc .gnb-sub-wrap .gnb-banner {display:none;}
    .pc .gnb-sub-wrap .gnb-quick {padding:1.5rem 0 .5rem;}
    .pc .gnb-sub-wrap .gnb-quick a + a {display:none;}
    .pc .gnb-sub-wrap .gnb-sub {}
    .pc .gnb-sub-wrap .gnb-dep2 {display:block;width:100%;box-sizing:border-box;}
    .pc .gnb-sub-wrap .gnb-dep2 > li {}
    .pc .gnb-sub-wrap .gnb-dep2 > li > a {position:relative;display:block;width:100%;padding:1rem 0;box-sizing:border-box;border-bottom:1px solid #ddd;}
    .pc .gnb-sub-wrap .gnb-dep2 li.has-child > a {position:relative;display:block;}
    .pc .gnb-sub-wrap .gnb-dep2 li.has-child > a:before  {content:'';position:absolute;top:calc(50% + 4px);right:0;width:9px;height:1px;background:#555;}
    .pc .gnb-sub-wrap .gnb-dep2 li.has-child > a:after {content:'';position:absolute;top:50%;right:4px;width:1px;height:9px;background:#555;}
    .pc .gnb-sub-wrap .gnb-dep2 li.has-child.open > a:after {display:none;}
    .pc .gnb-sub-wrap .gnb-dep3 {display:none;width:100%;margin:1rem 0;}
    .pc .gnb-sub-wrap .gnb-dep3 > li {position:relative;}
    .pc .gnb-sub-wrap .gnb-dep3 > li > a {display:block;padding:.5rem .5rem .5rem 1.2rem;box-sizing:border-box;font-size:1.23rem;}
    .pc .gnb-sub-wrap .gnb-dep3 li.has-child > a:before {display:none;}
    .pc .gnb-sub-wrap .gnb-dep3 li.has-child > a:after {display:none;}
    .pc .gnb-sub-wrap .gnb-dep4 {display:block !important;margin-bottom:.5rem;padding:.5rem;background:#f8f8f8;}
    .pc .gnb-sub-wrap .gnb-dep4 > li {position:relative;padding:.4rem 2rem;box-sizing:border-box;font-size:1.08rem;}

    .pc .gnb-mobile-quick {position:absolute;bottom:0;left:0;padding:1.4rem;}
    .pc .gnb-mobile-quick a {display:block;padding:.5rem 0;font-size:1.23rem;color:#666;}
    .pc .gnb-mobile-quick a:before {content:'';display:inline-block;width:1.6rem;height:1.6rem;margin-right:.5rem;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:-23rem -0rem;background-size:30rem;vertical-align:middle;}
    .pc .gnb-mobile-quick a.quick-log:before {background-position:-20rem -2rem;}
    .pc .gnb-mobile-quick a.quick-service:before {background-position:-22rem -2rem;}
    .pc .gnb-mobile-quick a.quick-inquiry {color:#fd3737;}
    .pc .gnb-mobile-quick a.quick-inquiry:before {background-position:-24rem -2rem;}

    .pc .layout-header .toggle-gnb {position:absolute;top:1.8rem;left:1rem;display:block;width:2rem;height:2rem;text-indent:-999px;font-size:0;overflow:hidden;white-space:nowrap;}
    .pc .layout-header .toggle-gnb span {position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:1.64rem;height:2px;background:#333;}
    .pc .layout-header .toggle-gnb span:before {content:'';position:absolute;top:-7px;left:0;display:block;width:100%;height:100%;background:#333;}
    .pc .layout-header .toggle-gnb span:after {content:'';position:absolute;bottom:-7px;left:0;display:block;width:100%;height:100%;background:#333;}
    .pc .layout-header .toggle-gnb:after {content:''}
    .pc .layout-header.open .toggle-gnb {position:fixed;left:calc(100% - 3rem);z-index:21;}
    .pc .layout-header.open .toggle-gnb span {height:1px;transform:rotate(45deg);}
    .pc .layout-header.open .toggle-gnb span:before {top:50%;transform:rotate(90deg);height:1px}
    .pc .layout-header.open .toggle-gnb span:after {display:none;}
    .pc .layout-header.open .area-header-logo .mo-family-site {display:none;}

    .pc .layout-header .mobile-nav-wrap {position:absolute;top:0;left:-100%;width:100%;height:100%;border-right:1px solid #e2e9ef;background:#fff;}
    /*.pc .layout-header .mobile-nav-wrap:before {content:'';position:absolute;top:1rem;left:1rem;display:block;width:10rem;height:3rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/edm-main-logo-x2.png) center no-repeat;background-size:100%;text-indent:-999px;font-size:0;overflow:hidden;}*/
    .pc .layout-header.open .mobile-nav-wrap  {position:fixed;left:0;z-index:19;}

    /* 2010.10.30 - update schoolpick css */
	.pc .program-search {position:absolute;top:-5rem;left:calc(200% - 10rem);width:10rem;text-align:center;}
	.pc .program-search a {position:relative;margin-top:1rem; margin-left:1rem;letter-spacing:-1px;}
	.pc .program-search a:before {content:'';position:absolute;top:-30px; margin-left:50%;left:-0.75rem;width:1.8rem;height:1.8rem;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:-23rem -0rem;background-size:30rem;}
	.pc .layout-header.open .program-search {position:fixed;top:5.1rem;left:calc(100% - 15rem);width:14rem;}
	.pc .layout-header.open .program-search a {position:relative;margin-left:3rem;padding-left:0;padding-top:0;line-height:1.8rem;letter-spacing:-1px;font-size:1.37rem;}
	.pc .layout-header.open .program-search a:before {content:'';position:absolute;top:.2rem; margin-left:-1.2rem;left:-0.75rem;width:1.8rem;height:1.8rem;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:-23rem -0rem;background-size:30rem;}
    .pc .layout-header.open .area-header-logo {position:fixed;top:0;left:-2.5rem;z-index:99;}
}

/* MOBILE */
.mo .layout-header {position:relative;display:block;width:100%;border-bottom:1px solid #c5c5c5;z-index:30;}
.mo .layout-header:after {content:'';display:block;width:100%;clear:both;}
.mo .area-header-logo {position:relative;padding:1rem;}
.mo .area-header-logo > a {display:block;width:10rem;height:3rem;margin-left:2.5rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/edm-main-logo-x2.png) center no-repeat;background-size:100%;text-indent:-999px;font-size:0;overflow:hidden;}
.mo .area-header-logo .mo-family-site {position:absolute;top:calc(100% + 1px );left:0;width:100%;z-index:19}
.mo .area-header-logo .mo-family-site .toggle-fsl {position:absolute;top:-2.9rem;left:14rem;display:block;width:1.3rem;height:1.3rem;padding:0;background:#fff;border:1px solid #c5c5c5;border-radius:50%;}
.mo .area-header-logo .mo-family-site .toggle-fsl:before {content:'';position:absolute;top:50%;left:50%;display:block;width:1rem;height:1rem;margin-top:-.5rem;margin-left:-.5rem;border-radius: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:30rem;background-position:-25rem 0;}
.mo .area-header-logo .mo-family-site .site-list {display:none;width:100%;padding-bottom:.5rem;border-bottom:1px solid #c5c5c5;background:#fff;text-align:center;}
.mo .area-header-logo .mo-family-site .site-list li ~ li {border-top:1px solid #efefef;}
.mo .area-header-logo .mo-family-site .site-list li a {display:inline-block;width:auto;padding:.5rem 0;}
.mo .area-header-logo .mo-family-site .site-list img {height:1.3rem;}
.mo .area-header-logo .mo-family-site .toggle-fsl.open:before {transform:rotate(180deg);}
.mo .area-header-logo .mo-family-site .toggle-fsl.open + .site-list {display:block;}
.mo .area-header-utility {/*display:none;*/width:100%;}
.mo .area-header-utility .family-site {display:none;}
.mo .area-header-utility .member-util {width:100%;padding:5rem 0 1rem;background:#fff;}
.mo .area-header-utility .member-util a {position:relative;display:inline-block;padding-left:1.5rem;font-size:1.37rem;letter-spacing:-1px;}
.mo .area-header-utility .member-util a + a {margin-left:1rem;}
.mo .area-header-utility .member-util a:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;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-size:30rem;}
.mo .area-header-utility .member-util .member-login:before {background-position:-20rem 0;}
.mo .area-header-utility .member-util .member-join:before {background-position:-21.5rem 0;}
.mo .area-header-utility .member-util .member-logout:before {height:1.4rem;background-position:-26rem -2rem;}
.mo .area-header-utility .member-util .member-mypage:before {height:1.4rem;background-position:-27.5rem -2rem;}
.mo .area-header-utility .member-util .customer-center,
.mo .area-header-utility .member-util .introduce-edm {display:none;}
.mo .area-header-utility .member-util .calculator {display:none;}

.mo .area-header-navigation {position:relative;/*display:none;*/width:100%;height:calc(100% - 8rem);border-top:1px solid #e2e9ef;letter-spacing:-1px;}
.mo .area-header-navigation .flex-wrap {position:relative;width:100%;height:100%;z-index:1;}
.mo .area-header-navigation .site-map-open {display:none;}

.mo .gnb {position:relative;display:block;width:100%;height:100%;min-height:30rem;background:#e2e9ef;}
.mo .gnb:after {content:'';display:block;width:100%;clear:both;}
.mo .gnb .gnb-dep1 {width:38%;float:left;margin-top:1rem;font-size:1.385rem;}
.mo .gnb .gnb-dep1 > li  {padding:.2rem .7rem ;box-sizing:border-box;}
.mo .gnb .gnb-dep1 > li > a {display:block;width:100%;padding:.5rem .7rem;box-sizing:border-box;}
.mo .gnb .gnb-dep1 > li.active > a {position:relative;color:#fff;z-index:1;}
.mo .gnb .gnb-dep1 > li.active > a:before {content:'';position:absolute;top:0;left:0;display:block;width:calc(100% + 1.3rem);height:100%;background:#1ec95b;z-index:-1;box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.mo .gnb .gnb-dep1 > li.active > .gnb-sub-wrap {display:block;}
/*.mo .gnb .gnb-dep1 > li:first-child .gnb-sub-wrap {display:block;}*/

.mo .gnb-sub-wrap {position:absolute;top:0;right:0;display:none;width:62%;height:100%;padding:.5rem 1.5rem 0 2rem;box-sizing:border-box;background:#fff;overflow-y:auto;}
.mo .gnb-sub-wrap li, .gnb-sub-wrap a {display:block;width:100%;}
.mo .gnb-sub-wrap .gnb-banner {display:none;}
.mo .gnb-sub-wrap .gnb-quick {padding:1.5rem 0 .5rem;}
.mo .gnb-sub-wrap .gnb-quick a + a {display:none;}
.mo .gnb-sub-wrap .gnb-sub {}
.mo .gnb-sub-wrap .gnb-dep2 {display:block;width:100%;box-sizing:border-box;}
.mo .gnb-sub-wrap .gnb-dep2 > li {}
.mo .gnb-sub-wrap .gnb-dep2 > li > a {position:relative;display:block;width:100%;padding:1rem 0;box-sizing:border-box;border-bottom:1px solid #ddd;}
.mo .gnb-sub-wrap .gnb-dep2 li.has-child > a {position:relative;display:block;}
.mo .gnb-sub-wrap .gnb-dep2 li.has-child > a:before  {content:'';position:absolute;top:calc(50% + 4px);right:0;width:9px;height:1px;background:#555;}
.mo .gnb-sub-wrap .gnb-dep2 li.has-child > a:after {content:'';position:absolute;top:50%;right:4px;width:1px;height:9px;background:#555;}
.mo .gnb-sub-wrap .gnb-dep2 li.has-child.open > a:after {display:none;}
.mo .gnb .gnb-dep1 > li > a[href="/review"] + .gnb-sub-wrap .gnb-dep2 {margin-top:-1rem;} /* 유학후기 퀵메뉴가 없을 때 적용 */
.mo .gnb-sub-wrap .gnb-dep3 {display:none;width:100%;margin:1rem 0;}
.mo .gnb-sub-wrap .gnb-dep3 > li {position:relative;}
.mo .gnb-sub-wrap .gnb-dep3 > li > a {display:block;padding:.5rem .5rem .5rem 1.2rem;box-sizing:border-box;font-size:1.23rem;}
.mo .gnb-sub-wrap .gnb-dep3 li.has-child > a:before {display:none;}
.mo .gnb-sub-wrap .gnb-dep3 li.has-child > a:after {display:none;}
.mo .gnb-sub-wrap .gnb-dep4 {display:block !important;margin-bottom:.5rem;padding:.5rem;background:#f8f8f8;}
.mo .gnb-sub-wrap .gnb-dep4 > li {position:relative;padding:.4rem 2rem;box-sizing:border-box;font-size:1.08rem;}

.mo .gnb-mobile-quick {position:absolute;bottom:0;left:0;padding:1.4rem;}
.mo .gnb-mobile-quick a {display:block;padding:.5rem 0;font-size:1.23rem;color:#666;}
.mo .gnb-mobile-quick a:before {content:'';display:inline-block;width:1.6rem;height:1.6rem;margin-right:.5rem;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:-23rem -0rem;background-size:30rem;vertical-align:middle;}
.mo .gnb-mobile-quick a.quick-log:before {background-position:-20rem -2rem;}
.mo .gnb-mobile-quick a.quick-service:before {background-position:-22rem -2rem;}
.mo .gnb-mobile-quick a.quick-inquiry {color:#fd3737;}
.mo .gnb-mobile-quick a.quick-inquiry:before {background-position:-24rem -2rem;}

.mo .layout-header .toggle-gnb {position:absolute;top:1.8rem;left:1rem;display:block;width:2rem;height:2rem;text-indent:-999px;font-size:0;overflow:hidden;white-space:nowrap;}
.mo .layout-header .toggle-gnb span {position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:1.64rem;height:2px;background:#333;}
.mo .layout-header .toggle-gnb span:before {content:'';position:absolute;top:-7px;left:0;display:block;width:100%;height:100%;background:#333;}
.mo .layout-header .toggle-gnb span:after {content:'';position:absolute;bottom:-7px;left:0;display:block;width:100%;height:100%;background:#333;}
.mo .layout-header .toggle-gnb:after {content:''}
.mo .layout-header.open {}
.mo .layout-header.open .toggle-gnb {position:fixed;left:calc(100% - 3rem);z-index:21;}
.mo .layout-header.open .toggle-gnb span {height:1px;transform:rotate(45deg);}
.mo .layout-header.open .toggle-gnb span:before {top:50%;transform:rotate(90deg);height:1px}
.mo .layout-header.open .toggle-gnb span:after {display:none;}
.mo .layout-header.open .area-header-logo .mo-family-site {display:none;}

.mo .layout-header .mobile-nav-wrap {/*display:none;*/position:absolute;top:0;left:-100%;width:100%;height:100%;border-right:1px solid #e2e9ef;background:#fff;}
/*.mo .layout-header .mobile-nav-wrap:before {content:'';position:absolute;top:1rem;left:1rem;display:block;width:10rem;height:3rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/edm-main-logo-x2.png) center no-repeat;background-size:100%;text-indent:-999px;font-size:0;overflow:hidden;}*/
.mo .layout-header.open .mobile-nav-wrap  {position:fixed;left:0;z-index:19;display:block;}

/* 2020.11.17 - update schookpick */
.mo .program-search {position:absolute;top:-5rem;left:calc(200% - 10rem);width:10rem;text-align:center;}
.mo .program-search a {position:relative;margin-top:1rem; margin-left:1rem;letter-spacing:-1px;}
.mo .program-search a:before {content:'';position:absolute;top:-30px; margin-left:50%;left:-0.75rem;width:1.8rem;height:1.8rem;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:-23rem -0rem;background-size:30rem;}
.mo .layout-header.open .program-search {position:fixed;top:5.1rem;left:calc(100% - 15rem);width:14rem;}
.mo .layout-header.open .program-search a {position:relative;margin-left:3rem;padding-left:0;padding-top:0;line-height:1.8rem;letter-spacing:-1px;font-size:1.37rem;}
.mo .layout-header.open .program-search a:before {content:'';position:absolute;top:.2rem; margin-left:-1.2rem;left:-0.75rem;width:1.8rem;height:1.8rem;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:-23rem -0rem;background-size:30rem;}
.mo .layout-header.open .area-header-logo {position:fixed;top:0;left:-2.5rem;z-index:99;}

/* 공통 로그인 뒤로가기 추가 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;
    }
}
/*******************************************************************************
                                    footer
********************************************************************************/
.layout-footer {position:relative;border-top:1px solid #c5c5c5;font-size:.8rem;color:#666;}
.footer-utility {border-bottom:1px solid #c5c5c5;}
.footer-utility ul {width:90%;max-width:54rem;margin:0 auto;padding:.7rem 0;}
.footer-utility li {display:inline-block;}
.footer-utility li:not(:first-child) {margin-left:1rem;}
.pc .footer-utility li a:hover {color:#1ec95b;border-bottom:1px solid #1ec95b;}
.footer-content {padding:2rem 0;}
.footer-content .company-info {position:relative;width:90%;max-width:54rem;margin:0 auto;box-sizing:border-box;z-index:1;}
.footer-content .company-info:before {content:'';display:block;width:8rem;height:2rem;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%;text-indent:-999px;font-size:0;overflow:hidden;}
.footer-content .company-info address {}
.footer-content .company-info address span {display:inline-block;margin-right:1rem;}
/*.footer-content .company-info address span ~ span {margin-left:1rem;}*/
.footer-content .company-info .security {margin-top:1rem;font-size:.7rem;font-weight:300;}
.footer-content .related-organ {width:100%;max-width:54rem;margin:2rem auto 0;}
.footer-content .related-organ .md-tabs-basic a {width:3.5rem;padding:.2rem;box-sizing:border-box;font-size:.7rem;text-align:center;}
.footer-content .related-organ .md-tabs-basic > li.active > a:before {box-shadow:.1rem .1rem .2rem rgba(0,0,0,.2);}
.footer-content .related-organ .fc-tabs-content {margin-top:1rem;}
.footer-content .related-organ .fc-tabs-content ul {display:flex;justify-content:space-between;}
.footer-content .related-organ .fc-tabs-content li {width:12%;box-sizing:border-box;text-align:center;}
.footer-content .related-organ .fc-tabs-content a span {display:block;margin-top:.3rem;font-size:.7rem;font-weight:300;}

@media screen and (min-width:769px) {
    .footer-content .company-info {padding-left:9rem;}
    .footer-content .company-info:before {position:absolute;left:0;top:0;}
    .footer-content .related-organ .md-tabs-basic {padding:0;}
}
@media screen and (max-width:768px) {
    .layout-footer {padding-bottom:5rem;font-size:1rem;}
    .footer-content .company-info address {margin-top:1rem;}
    .footer-content .company-info .security {font-size:.92rem;}
    .footer-content .related-organ .md-tabs-basic > li ~ li {margin:-1px !important;}
    .footer-content .related-organ .md-tabs-basic a {width:4.5rem;font-size:.92rem;}
    .footer-content .related-organ .fc-tabs-content {overflow-x:auto;}
    .footer-content .related-organ .fc-tabs-content ul {min-width:54rem;padding:0 1.45rem;}
    .footer-content .related-organ .fc-tabs-content a span {font-size:.92rem;letter-spacing:-1px;}
}
@media screen and (max-width:480px) {
    .footer-utility ul {display:flex;justify-content:space-between;}
    .footer-utility ul li {margin-left:0 !important;letter-spacing:-1px;}
}

.footer-edm-others .sns-list {display:inline-block;font-size:0;vertical-align:middle;}
.footer-edm-others .sns-list:after {content:'';display:block;width:100%;clear:both;}
.footer-edm-others .sns-list li {display:inline-block;}
.footer-edm-others .sns-list li ~ li {margin-left:.5rem;}
.footer-edm-others .sns-list a {display:inline-block;width:1.5rem;height:1.5rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-sns-x2.png) no-repeat;background-size:12rem;}
.footer-edm-others .sns-list .facebook {background-position:0 0;}
.footer-edm-others .sns-list .twitter {background-position:-2rem 0;}
.footer-edm-others .sns-list .instagram {background-position:-4rem 0;}
.footer-edm-others .sns-list .youtube {background-position:-6rem 0;}
.footer-edm-others .sns-list .naver-blog {background-position:-8rem 0;}
.footer-edm-others .sns-list .naver-talk {background-position:-10rem 0;}
.footer-edm-others .family-site {position:relative;display:inline-block;width:8rem;margin-left:1rem;font-size:.7rem;font-weight:300;vertical-align:middle;z-index:1;}
.footer-edm-others .family-site .toggle-fsl {position:relative;width:100%;padding:.1rem 2rem .1rem .5rem;border:1px solid #999;color:#666;font-weight:300;text-align:left;}
.footer-edm-others .family-site .toggle-fsl:after {content:'';position:absolute;top:50%;right:.4rem;transform:translateY(-50%);display:block;width:.7rem;height:.4rem;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 -.1rem;background-size:13rem;font-size:0;line-height:0;text-indent:-999px;vertical-align:middle;overflow:hidden;}
.footer-edm-others .family-site .site-list {position:absolute;top:100%;left:0;display:none;width:100%;margin-top:-1px;padding:0 .5rem;border:1px solid #999;box-sizing:border-box;background:#fff;text-align:left;z-index:2;}
.footer-edm-others .family-site .site-list a {display:block;padding:.2rem 0;}
.pc .footer-edm-others .family-site .site-list a:hover {color:#1ec95b;}
.footer-edm-others .family-site .toggle-fsl.open:after {transform:translateY(-50%) rotate(180deg);}
.footer-edm-others .family-site .toggle-fsl.open + .site-list {display:block;}

@media screen and (min-width:769px) {
    .footer-edm-others {position:absolute;top:.55rem;left:50%;width:50%;max-width:27rem;text-align:right;z-index:1;}
    .footer-edm-others .family-site .toggle-fsl {height:auto;line-height:100%;padding:.2rem 2rem .25rem .5rem;}
}
@media screen and (max-width:768px) {
    .footer-edm-others {width:90%;margin:2rem auto 0;}
    .footer-edm-others .family-site .site-list {top:auto;bottom:100%;margin-bottom:-1px;}
    .footer-edm-others .sns-list li ~ li {margin-left:1.5rem;}
    .footer-edm-others .sns-list a {width:2.4rem;height:2.4rem;background-size:18rem;}
    .footer-edm-others .sns-list .twitter {background-position:-3rem 0;}
    .footer-edm-others .sns-list .naver-blog {background-position:-12rem 0;}
    .footer-edm-others .sns-list .youtube {background-position:-9rem 0;}
    .footer-edm-others .sns-list .instagram {background-position:-6rem 0;}
    .footer-edm-others .sns-list .naver-talk {background-position:-15rem 0;}
    .footer-edm-others .family-site {display:block;width:11rem;margin-left:0;margin-top:1rem;font-size:.92rem;}
    .footer-edm-others .family-site .toggle-fsl {padding:.3rem 2rem .3rem .5rem;}
    .footer-edm-others .family-site .site-list a {padding:.4rem 0;}
}

/* 사이드바 */
.layout-aside {position:fixed;right:0;top:0;width:9.7rem;height:100%;/*border-left:1px solid #666;background:#fff;*/z-index:11;transition:right 0.3s;z-index:90;}
.layout-aside .aside-utility {position:absolute;top:50%;right:calc(100% - 1px);transform:translateY(-50%);z-index:12;}
.layout-aside .aside-utility button {position:relative;display:block;width:2rem;height:2rem;border:1px solid #666;box-sizing:border-box;font-size:0;text-indent:-999px;white-space:nowrap;overflow:hidden;}
.layout-aside .aside-utility button:before  {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:1rem;height:1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-size:19.5rem;}
.layout-aside .aside-utility .toggle-aside {border-right:1px solid #fff;background-color:#fff;}
.layout-aside .aside-utility .toggle-aside:before {background-position:-8rem -6rem;}
.layout-aside .aside-utility .page-controls [class^=goto-] {margin-top:-1px;background:#f8f8f8;}
.layout-aside .aside-utility .page-controls [class^=goto-]:before {height:.3rem;background-position:0 -.4rem;}
.layout-aside .aside-utility .page-controls .goto-top {transform:rotate(180deg);}
.layout-aside .aside-utility .page-controls .goto-bottom {border-top:none;}
.layout-aside.close {right:calc(-1 * (9.7rem + 1px)) }
.layout-aside.close .aside-utility .toggle-aside:before {transform:translate(-50%, -50%) rotate(180deg);}

.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:.5rem 0;}
.aside-top-banner .bx-pager .bx-pager-item {padding:.1rem;}
.aside-top-banner .bx-pager .bx-pager-item a {width:.4rem;height:.4rem;}

.aside-inquiry {padding:.8rem;}
.aside-inquiry .ai-title {font-size:.9rem;}
.aside-inquiry .ai-title .add-text {font-size:.6rem;font-weight:100;letter-spacing:-1px;}
.aside-inquiry .input-wrap .tit {display:none;}
.aside-inquiry .input-wrap .input ~ .input {margin:0;}
.aside-inquiry .input-wrap .input input[type=text], .aside-inquiry .input-wrap select {padding:0 .3rem;font-size:.7rem;}
.aside-inquiry .input-wrap .input .line-style:before {background:#666;}
.aside-inquiry .input-wrap textarea {min-height:3.5rem;margin-top:.5rem;border:none;background:#f8f8f8;font-size:.7rem;}
.aside-inquiry .input-wrap .user-agree {margin-top:.5rem;}
.aside-inquiry .input-wrap .user-agree:after {content:'';display:block;width:100%;clear:both;}
.aside-inquiry .input-wrap .user-agree .chk {width:80%;float:left;line-height:1rem;}
.aside-inquiry .input-wrap .user-agree .chk input + label {padding-left:1rem;font-size:.6rem;white-space:nowrap;font-weight:300;letter-spacing:-1px;word-spacing:1px;}
.aside-inquiry .input-wrap .user-agree .chk input + label:before {width:.8rem;height:.8rem;}
.aside-inquiry .input-wrap .user-agree .chk input:checked + label:before {width:.8rem;height:.8rem;background-position: -5.15rem -2.1rem;}
.aside-inquiry .input-wrap .user-agree .chk + .btn-detail {display:inline-block;width:auto;float:right;font-size:.6rem;font-weight:300;}
.aside-inquiry .input-wrap .button-wrap {margin-top:.5rem;}
.aside-inquiry .input-wrap .button-wrap .button {height:auto;padding:.4rem 0;line-height:100%;font-size:.8rem;}

.aside-quick-menu {bottom:0;left:0;width:100%;padding:.8rem;box-sizing:border-box;background:#fff;z-index:10;}
.aside-quick-menu [class^='quick-btn'] {position:relative;display:block;padding:.5rem 0 .5rem 2.5rem;font-size:0.8rem;letter-spacing:-1px;color:#333;}
.aside-quick-menu [class^='quick-btn']:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:2rem;height:2rem;margin:0 auto .4rem;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:19rem;}
.aside-quick-menu .quick-btn-inquiry:before {
    background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/consultation-icon-220714.png') no-repeat center center ; background-size: 65%;}
.aside-quick-menu .quick-btn-estimate:before {background-position:-5.8rem -1rem;}
.aside-quick-menu .quick-btn-kakao:before {background-position:-7.8rem -1rem;}
.aside-quick-menu .quick-btn-branches:before {background-position:-7.8rem -3rem;}
.aside-quick-menu .quick-btn-recent:before {background-position:-27.8rem -4rem;}
.aside-quick-menu .quick-btn-guidebook:before {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/guidebook-icon.png") no-repeat 40% center; background-size: 1.6rem;}
.aside-quick-menu .quick-btn-qna:before {background-position:-9.8rem -1rem;}

.aside-recent-things {position:absolute;top:calc(100% + 1rem);left:-1px;width:100%;border:1px solid #666;border-right:none;background:#fff;padding:1rem;box-sizing:border-box;}
.aside-recent-things .art-title {font-size:.9rem;}
.aside-recent-things .recent-banner-wrap {width:90%;margin:1rem auto 0;}
.aside-recent-things .recent-banner-slide .area-pg-item .pg-item-thumb .cate span {height:1.2rem;font-size:.5rem;line-height:1.2rem;}

.layout-aside a {display:block;}

@media screen and (min-width:1301px) {
    .layout-aside .aside-content-wrap {box-shadow:-.25rem .25rem .4rem rgba(0,0,0,0.1);}
    .layout-aside .aside-recent-things {box-shadow:-.25rem .25rem .4rem rgba(0,0,0,0.1);}
    .layout-aside.close .aside-content-wrap {box-shadow:none;}
    .layout-aside.close .aside-recent-things {box-shadow:none;}
}
@media screen and (max-width:1300px) {
    .layout-aside {right:calc(-1 * (9.7rem + 1px)) !important;}
    .layout-aside .aside-utility .toggle-aside:before {transform:translate(-50%, -50%) rotate(180deg);}
    .layout-aside.open {right:0 !important;}
    .layout-aside.open .aside-utility .toggle-aside:before {transform:translate(-50%, -50%);}
    .layout-aside.open .aside-content-wrap {box-shadow:-.25rem .25rem .4rem rgba(0,0,0,0.1);}
    .layout-aside.open .aside-recent-things {box-shadow:-.25rem .25rem .4rem rgba(0,0,0,0.1);}
}
@media screen and (max-width:768px) {
    .layout-aside {display:none;}
}

/* 사이트맵 */
@media screen and (min-width:768px) {
    .site-map-pop {display:none;position:absolute;top:6.94rem;left:0;width:100%;height:auto;z-index:12;}
    .site-map-pop:after {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1;}
    .site-map-pop .close-btn-wrap {position:absolute;top:-3.7rem;left:50%;transform:translateX(-50%);width:65%;max-width:54rem;text-align:left;}
    .site-map-pop .close-btn-wrap .site-map-close {position:relative;display:block;width:2.4rem;height:2.4rem;text-indent:999px;white-space:nowrap;overflow:hidden;font-size:0;color:transparent;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:-6rem -7rem;background-size:19.5rem;cursor:pointer;}

    .site-map-pop .flex-wrap {width:90%;padding-left:5%;box-sizing:border-box;}
    .site-map-pop .flex-wrap li {display:inline-block;width:15%;padding-left:7%;/* 좌측정렬맞추기 */box-sizing:border-box;}
    .site-map-pop .flex-wrap li a {position:relative;display:inline-block;width:auto;padding:1.5rem 0;font-size:.9rem;font-weight:800;white-space:nowrap;}
    .site-map-pop .flex-wrap li a:before {content:'';position:absolute;bottom:0;left:50%;display:block;width:0;height:4px;background:transparent;transition:width 0.3s;}

    .pc .site-map-pop .flex-wrap li a:hover:before {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:90%;height:4px;background:#1ec95b;}
    .site-map-pop .site-map-cate {border-bottom:1px solid #c5c5c5;background:#f8f8f8;}
    .site-map-pop .site-map-quick {border-bottom:1px solid #c5c5c5;background:#f8f8f8;}
    .site-map-pop .site-map-quick a {display:inline-block;width:15%;}
    .site-map-pop .view-all {background:#fff;}
    .site-map-pop .gnb-dep1 {width:100%;box-sizing:border-box;}
    .site-map-pop .gnb-dep1 > li  {position:relative;width:100%;padding:2.3rem 0;border-bottom:1px solid #c5c5c5;}
    .site-map-pop .gnb-dep1 > li > a {position:absolute;top:2.3rem;right:calc(50% + 23rem);box-sizing:border-box;font-size:1.7rem;white-space:nowrap;z-index:1;font-weight:800;letter-spacing:-2px;}

    .site-map-pop .stm-sub-wrap {position:relative;left:auto;top:auto;width:90%;max-width:54rem;margin:0 auto;padding-left:5%;box-sizing:border-box;background:#fff;}
    .site-map-pop .stm-sub-wrap li, .stm-sub-wrap a {display:block;width:100%;}
    .site-map-pop .stm-sub-wrap .gnb-quick {padding-left:7%;/* 좌측정렬맞추기 */}
    .site-map-pop .stm-sub-wrap .gnb-quick a {display:inline-block;width:20%;margin-bottom:1rem;font-size:.9rem;letter-spacing:-1px;white-space:nowrap;}
    .site-map-pop .stm-sub-wrap .gnb-quick button {display:inline-block;width:20%;font-size:.9rem;letter-spacing:-1px;white-space:nowrap;text-align:left;}
    .site-map-pop .stm-sub-wrap .gnb-sub {display:block;width:100%;}
    .site-map-pop .stm-sub-wrap .gnb-dep2 {display:flex;flex-wrap:wrap;}
    .site-map-pop .stm-sub-wrap .gnb-dep2 > li {display:inline-block;width:25%;padding-left:7%;/* 좌측정렬맞추기 */box-sizing:border-box;vertical-align:top;text-align:left;}
    .site-map-pop .stm-sub-wrap .gnb-dep2 > li > a {display:block;width:100%;margin:1rem 0;padding-bottom:.3rem;border-bottom:1px solid #ccc;font-size:.9rem;}
    .site-map-pop .stm-sub-wrap .gnb-dep2 > li > a:only-child {border-bottom:none;}
    .site-map-pop .gnb-dep1 > li > a[href="/review"] + .stm-sub-wrap .gnb-dep2 >li > a {margin-top:0;} /* 유학후기 퀵메뉴가 없을 때 적용 */
    .site-map-pop .stm-sub-wrap .gnb-dep3 {width:90%;margin:1rem 0;}
    .site-map-pop .stm-sub-wrap .gnb-dep3 > li.has-child > a {position:relative;display:block;}
    .site-map-pop .stm-sub-wrap .gnb-dep3 > li.has-child > a:before  {content:'';position:absolute;top:calc(50% + 4px);right:0;width:9px;height:1px;background:#333;}
    .site-map-pop .stm-sub-wrap .gnb-dep3 > li.has-child > a:after {content:'';position:absolute;top:50%;right:4px;width:1px;height:9px;background:#333;}
    .site-map-pop .stm-sub-wrap .gnb-dep3 > li.has-child.open > a:after {display:none;}
    .site-map-pop .stm-sub-wrap .gnb-dep3 > li {padding:.2rem 0;}
    .site-map-pop .stm-sub-wrap .gnb-dep3 > li > a {font-size:.8rem;}
    .site-map-pop .stm-sub-wrap .gnb-dep4 {display:none;margin-top:.5rem;padding:.5rem;background:#f8f8f8;}
    .site-map-pop .stm-sub-wrap .gnb-dep4.open {display:block;}
    .site-map-pop .stm-sub-wrap .gnb-dep4 > li {position:relative;padding:.2rem 0 .2rem .5rem;font-size:.7rem;}
    .site-map-pop .stm-sub-wrap .gnb-dep4 > li:before {content:'';position:absolute;top:50%;left:0;width:2px;height:2px;border-radius:50%;background:#333;}
}
@media screen and (max-width:1300px) and (min-width:768px) {
    .site-map-pop .gnb-dep1 > li > a {position:relative;top:auto;right:auto;display:block;width:90%;max-width:54rem;margin:0 auto 2rem;padding-left:7%;}
    .site-map-pop .close-btn-wrap {width:56%;max-width:900px;box-sizing:border-box;}
}
@media screen and (max-width:767px) {
    .site-map-pop {display:none;}
}
/* 모바일 퀵메뉴 */
@media screen and (max-width:768px) {
    .mo-quick-menu {position:fixed;bottom:0;left:0;display:flex;justify-content:space-between;width:100%;padding:1rem 2rem;box-sizing:border-box;z-index:10;}
    .mo-quick-menu:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:1rem 1rem 0 0;background:#fff;box-shadow:0 0 .5rem rgba(0,0,0,0.2);z-index:-1;}
    .mo-quick-menu [class^='quick-btn'] {display:block;font-size:0.8rem;letter-spacing:-1px;}
    .mo-quick-menu [class^='quick-btn']:before {content:'';display:block;width:2rem;height:2rem;margin:0 auto .4rem;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:30rem;}
    .mo-quick-menu .quick-btn-inquiry {color:#fd3737;}
    .mo-quick-menu .quick-btn-inquiry:before {background-position:-20rem -4rem;}
    .mo-quick-menu .quick-btn-estimate:before {background-position:-22rem -4rem;}
    .mo-quick-menu .quick-btn-kakao:before {background-position:-24rem -4rem;}
    .mo-quick-menu .quick-btn-branches:before {background-position:-26rem -4rem;}
    .mo-quick-menu .quick-btn-recent:before {background-position:-28rem -4rem;}
    .mo-quick-menu .quick-btn-qna:before {background-position:-20rem -6rem;}
    .mo-quick-menu .quick-btn-top {position:absolute;bottom:calc(100% + 1rem);right:1rem;width:3rem;height:3rem;border:1px solid #c5c5c5;background:rgba(255,255,255,.9);font-size:0;text-indent:-999px;overflow:hidden;}
    .mo-quick-menu .quick-btn-top:before {width:1rem;margin:0 auto;background-position:-29rem -2rem;}
}

/* 팝업 */
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;}
    .pc body.fixed .layout-aside {margin-right:17px;}
}
@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:36rem;/*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:.8rem;}
.popup-content {padding:1.5rem;box-sizing:border-box;}
.popup-sample .small-popup .popup-content{font-size:1rem;}

.popup-slider {position:absolute;top:50%;left:50%;width:90%;max-width:22rem;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:.55rem;height:.55rem;}

.popup-title {position:relative;min-height:4rem;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:1rem;font-size:1.1rem;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:1rem;cursor:pointer;}
.popup-condition-wrap {display:flex;}
.popup-condition-wrap [class^=popup-] {flex:auto;border:1px solid #ccc;padding:1rem 0;font-size:.9rem;}
.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:1rem;height:1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:-8rem -6rem;background-size:19.5rem;font-size:0;line-height:0;text-indent:-999px;vertical-align:middle;overflow:hidden;}
.popup-condition-wrap .popup-slider-auto.stop:before {background-position:-8rem -5rem;}
.review .popup-title .heading-text {padding-right:1.5rem;}

/* 카카오톡상담팝업 - pc */
.popup-content .ik-wrap {text-align:center;}
.popup-content .ik-wrap .ik-title {font-size:1.1rem;}
.popup-content .ik-wrap .ik-title .deco-box {padding:0 .5rem;border:1px solid #c5c5c5;}
.popup-content .ik-wrap .ik-title strong {font-size:2rem;}
.popup-content .ik-wrap .ik-title .color {color:#ff9600;}
.popup-content .ik-wrap .ik-info-time {margin-top:1.5rem;font-size:.9rem;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:1rem;font-size:1.1rem;font-weight:400;}
.popup-content .ik-wrap .ik-howto1 {margin-top:2rem;}
.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:1rem;font-size:.7rem;word-break:keep-all;}
.popup-content .ik-wrap .ik-howto2 {margin-top:2rem;}
.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:.2rem;}
.ik-wrap .exp-txt {margin-top:2.5rem;font-size:.7rem;color:#666;text-align:left;}
.num-circle {display:inline-block;width:1.8rem;height:1.8rem;margin-right:.5rem;background:#111;border-radius:50%;color:#fff;font-size:110%;line-height:1.6rem;}

@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:1rem;}
    .popup-content .ik-wrap .ik-howto1 .add-friend li .txt {font-size:.84rem;}
    .ik-wrap .exp-txt {font-size:.84rem;}
}

/* 공통 로그인 회원가입 등등 공용 푸터 */
.footer-login {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 4rem;
    max-width: 54rem;
}
.footer-con {
    width: calc(100% - 22rem);
    margin: 0 auto;
    text-align: center;
}
.footer-con-text {
    font-size: .8rem;
    padding: 1rem .5rem;
    border: 1px solid #c8c8c8;
    color: #888;
    box-shadow: 5px 10px 15px rgba(0, 0, 0, .1);
}
.footer-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0 .5rem;
}
.footer-link > li {
    padding: 0 1rem;
    font-size: .8rem;
    border-right: 1px solid #c8c8c8;
}
.footer-link > li:last-child {
    border-right: none;
}
.footer-logo {
    font-size: .8rem;
    width: 100%;
}
.footer-logo > span {font-size: 0;}
.footer-logo > span > svg {
    width: 2.5rem;
    height: auto;
    margin: 0 0.2rem;
}
@media screen and (max-width: 767px) {
    .footer-con {
        width: 90%;
    }
    .footer-logo {
        white-space: nowrap;
        font-size: 1rem;
    }
    .footer-link > li {
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 640px) {
    .footer-con {
        width: 100%;
    }
    .footer-con-text {
        font-size: 1rem;
    }
}
/*******************************************************************************
                                    슬라이더
********************************************************************************/
/* Swiper */
.swiper-controls {z-index:1;}
.swiper-controls-direction {position:absolute;top:50%;left:0;width:100%;max-width:54rem;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:1.6rem;height:1.6rem;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:2.3rem;height:2.3rem;border:1px solid #c5c5c5;border-radius:50%;background-color:#fff;opacity:.8;outline:none;}
.swiper-button-prev:before {content:'';position:absolute;width:1rem;height:1rem;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:19.5rem;transform:translate(-50%, -50%) rotate(90deg)}
.swiper-button-next:before {content:'';position:absolute;width:1rem;height:1rem;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:19.5rem;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:19rem;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:1rem;height:1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-size:19.5rem;}
[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:-1rem;}
    .swiper-controls.round-style .swiper-controls-direction .swiper-button-next {right:-1rem;}
}
@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:.8rem 0;text-align:center;font-size:0;}
.bx-pager .bx-pager-item {display:inline-block;padding:.2rem;font-size:0;line-height:0;}
.bx-pager .bx-pager-item a {display:inline-block;width:.4rem;height:.4rem;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:54rem;z-index:2;}
.bx-controls-direction a {position:absolute;top:50%;transform:translateY(-50%);display:block;width:1.6rem;height:1.6rem;box-sizing:border-box;text-indent:-999px;overflow:hidden;white-space:nowrap;z-index:1;}
.bx-controls-direction a:before {content:'';position:absolute;width:1rem;height:1rem;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:19.5rem;}
.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(3.2rem - 1px);}
.slide-simple-arr .bx-controls-direction a {position:relative;transform:none;display:block;width:1.6rem;height:1.6rem;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:1rem;height:1rem;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:19.5rem;}
.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:2.3rem;height:2.3rem;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:-1rem;}
.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:1.25rem;height:1.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:1rem;height:1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:0 0;background-size:19.5rem;font-size:0;line-height:0;text-indent:-999px;vertical-align:middle;overflow:hidden;opacity:.7;}
.slick-prev {left:-1.25rem;}
.slick-prev:before {transform:rotate(90deg);}
.slick-next {right:-1.25rem;}
.slick-next:before {transform:rotate(-90deg);}
.slick-slider .slick-arrow.round-style {width:2.3rem;height:2.3rem;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(-28rem);}
    .slick-slider .slick-next.center {right:50%;transform:translateX(28rem);}
}
@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:.2rem;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:1.5rem;padding-right:0;font-size:1.3rem;line-height:140%;}
[class^='area-promotion'] .aip-title strong {font-size:1.7rem;}
[class^='area-promotion'] .aip-slide {width:120%;overflow:hidden;}
[class^='area-promotion'] .aip-slide .bx-controls-direction {right:4.4rem;}

/*
.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:22rem;float:right;}
}
@media screen and (max-width: 768px) {
    [class^='area-promotion'] {width:90%;max-width:22rem;margin:2rem 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:25rem;margin-left:1.4rem;margin-right:-.7rem;}
}

/*******************************************************************************
                                    지사안내
********************************************************************************/
.area-edm-branches {font-size:.8rem;}
.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:1rem;box-sizing:border-box;color:#fff;}
.area-edm-branches .slick-prev:before,
.area-edm-branches .slick-next:before {background-position:0 -2rem;}
.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:1rem;right:1rem;z-index:2;color:#fff;}
.area-edm-branches .pager {margin-top:1rem;}
.area-edm-branches .pager ul {width:calc(100% + .5rem);}
.area-edm-branches .pager li {margin-right:.6rem;}
.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 .6rem;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:3.5rem;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 {}
.area-edm-branches .sm-branches-header .sm-bh-title h2 {font-size:2rem;color:#fff;letter-spacing:-1px;}
.area-edm-branches .sm-branches-header .sm-bh-title .add-text {margin-top:.5rem;color:#fff;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu {position:relative;width:100%;max-width:54rem;margin:2rem auto 0;padding-bottom:4rem;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu li {}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu li ul {display:none;position:absolute;bottom:-.2rem;left:0;width:100%;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu li li {display:inline-block;padding:0 1.4rem;}
.area-edm-branches .sm-branches-header .sm-bh-tabs-menu li li a {position:relative;display:block;padding:.3rem 0 .5rem;font-size:1.1rem;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:.2rem;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:54rem;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:1rem;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-name {font-size:1.1rem;font-weight:800;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-info dl {margin-top:.6rem;}
.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:3rem;float:left;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-info dd {width:calc(100% - 4rem);float:right;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .button-wrap {margin-top:1rem;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .button-wrap2 {margin-top:4.5rem;}
.area-edm-branches .sm-branches-content .sm-bh-tabs-con .exp-box {margin-top:1rem;}
.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:11.65rem;}
    /*.area-edm-branches .md-tabs-basic > li > a {padding:.5rem 2rem;}*/
}
@media screen and (max-width:768px) {
    .area-edm-branches {font-size:1.08rem;}
    .area-edm-branches .sm-branches-header .sm-bh-title h2 {font-size:1.8rem;}
    .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:.2rem;background:#1ec95b;}
    .area-edm-branches .sm-branches-header .sm-bh-tabs-menu li li a {font-size:1.23rem;}
    .area-edm-branches .sm-branches-header .sm-bh-tabs-menu .md-tabs-basic > li > a {padding:.5rem 2rem;}
    .area-edm-branches .sm-branches-content {padding:3rem 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 .4rem;}
    .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:1rem auto 0;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-name {font-size:1.32rem;}
}
@media screen and (max-width:640px) {
    .area-edm-branches .sm-branches-header .sm-bh-title .add-text {font-size:1rem;}
    .area-edm-branches .sm-branches-content .sm-bh-tabs-con .info-wrap .bransches-info dd {width:calc(100% - 5rem);}
}


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

.area-board-search {position:relative;display:block;width:90%;max-width:27rem;margin:0 auto 1.5rem;text-align:center;font-size:0;}
.area-board-search .search-cate {display:inline-block;width:29%;min-width:6rem;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:15rem;}
.area-board-search .search-input input[type=text] {width:100%;}
.area-board-search .search-input .btn-search {position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:1.5rem;height:1.5rem;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:-2rem -4.5rem;background-size:12rem;font-size:0;text-indent:-999px;overflow:hidden;}
.area-board-search .review-all-num {font-size:.9rem;}

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

/* 공통 */
[class^=area-board]:after {content:'';display:block;width:100%;clear:both;}
[class^=area-board] .area-board-view {font-size:.8rem;}
[class^=area-board] .button-wrap, [class^=area-board] + .button-wrap {margin:4rem auto;}
[class^=area-board] .button-wrap, [class^=area-board] + .button-wrap {width:100%;max-width:54rem;margin:3rem auto;}
[class^=area-board] .button-wrap .button, [class^=area-board] + .button-wrap .button {width:30%;max-width:11rem;}
[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:1rem;}

.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: 12rem !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:1.1rem; text-align: center;}
.area-board-item .context {margin-top:.8rem;font-size:.8rem;}
.area-board-item .info {margin-top:.5rem;font-size:.8rem;color:#666;}
.area-board-item .info .count {padding-left:.5rem}
.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:5rem 0;font-size:.9rem;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:.5rem;}
}

/* 추출형 - 공지 등 */
.area-board-attr {}
.area-board-attr [class*="title"] {position:relative;}
.area-board-attr li ~ li {margin-top:1rem;}
.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:.1rem;box-sizing:border-box;font-size:87.5%;opacity:.8;text-align:right;}
.area-board-attr li .info i ~ i {margin-left:.3rem;}

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

/* 리스트- 텍스트형 */
.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:1rem;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:.5rem;}
.area-board-text .area-board-item .info i {display:inline-block;margin:0 0 0 1rem;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:1.2rem;}
[class^=area-board-thumb] .area-board-item .subject {margin-top:1rem;color:#333;}
[class^=area-board-thumb] .area-board-no-item {border-top:1px solid #c5c5c5;}
.area-board-thumb .area-board-item .context {max-height:4.8rem;}
.area-board-thumb-line .area-board-item {border:1px solid #cbcbcb;box-sizing:border-box;}
.area-board-thumb-line .area-board-item .subject {margin:1rem 1rem 0;}
.area-board-thumb-line .area-board-item .context {-webkit-line-clamp:3;height:3.6rem;margin:.5rem 1rem 0;}
.area-board-thumb-line .area-board-item .info {margin:1rem;}
.pc .area-board-thumb .area-board-item:hover .thumb {box-shadow:.2rem .2rem .5rem 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:.2rem .2rem .5rem 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:2rem;}
.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:4.8rem;overflow:hidden;text-overflow:ellipsis;color:#666;line-height:1.2rem;}
.area-board-dual .area-board-item .content .context.lang {-webkit-line-clamp:3;height:3.5rem;}
.pc .area-board-dual .area-board-item:hover .thumb {box-shadow:.2rem .2rem .5rem 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:3rem;}
}

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

    .area-board-text .area-board-item .subject {width:calc(100% - 15rem);font-size:.9rem;}
    .area-board-text .area-board-item .info {position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:14rem;margin-top:0;font-size:.7rem;text-align:right;white-space:nowrap;}
    .area-board-dual .area-board-item .thumb {width:24%;max-width:12.75rem;max-height:7.5rem;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:1.5rem;}

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

}
@media screen and (max-width:768px) {
    .area-board-item .subject {font-size:1.24rem;}
    .review .area-board-item .subject {font-size:1.1rem;}
    .area-board-item .context {font-size:1.16rem;line-height:1.4rem;height:4.2rem;}
    .area-board-item .info {font-size:1.08rem;}
    [class^=area-board] .area-board-view {font-size:1rem;}
    .area-board-dual .area-board-item .content .context {height:6rem;line-height:1.5rem;}
    .area-board-dual .area-board-item .content .context.lang {height:4.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:.2rem;}
    .area-board-item .context {margin-top:.5rem;}

    [class^=area-board] .button-wrap {margin-top:3rem;}
    [class^=area-board].m-col2 .area-board-item {width:calc((100% - .8rem) / 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:.8rem;}
    [class^=area-board].m-col2 .area-board-item:nth-of-type(2) ~  .area-board-item {margin-top:1rem;}
    [class^=area-board-thumb] .area-board-item ~ .area-board-item {margin-top:2rem;}
    [class^=area-board-thumb] .area-board-item .context {-webkit-line-clamp:3;line-height:1.4rem;}

    .area-board-thumb .area-board-item .subject {margin-top:.5rem;}
    .area-board-thumb .area-board-item .context {max-height:4.2rem;}
    .area-board-thumb-line .area-board-item .context {-webkit-line-clamp:2;height:2.8rem;}
    .area-board-text .area-board-item {padding:1rem 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:1rem;}
    .area-board-dual .area-board-item .content .context {-webkit-line-clamp:2;height:2.8rem;line-height:1.4rem;}
    .area-board-dual .area-board-item .content .context.lang {-webkit-line-clamp:3;height:4.2rem;}
}

/* view */
.area-board-view {width:90%;max-width:54rem;margin:0 auto 3rem;border-top:1px solid #333;border-bottom:1px solid #c5c5c5;}
.area-board-view .view-header {position:relative;padding:1rem;border-bottom:1px dashed #c5c5c5;box-sizing:border-box;}
.area-board-view .view-header .subject {position:relative;font-size:1.1rem;}
.area-board-view .view-header h1.subject {font-weight: 400;}
.area-board-view .view-header .subject i {position:absolute;top:0;right:calc(100% + .5rem);width:1.5rem;height:1.5rem;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:1.5rem;}
.area-board-view .view-header .user-info {margin-top:1rem;font-size:1rem;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:.5rem;}
.area-board-view .view-header .user-info .count {margin-left:.5rem;}
.area-board-view [class*='view-content'] {position:relative;padding:1rem;box-sizing:border-box;}
.area-board-view [class*='view-content'] .write-date {position:absolute;top:1.5rem;right:1.5rem;font-size:.7rem;color:#666;font-weight:300;}
.area-board-view .view-content-comment textarea {min-height:10rem;}
.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:1.2rem;}
}

/* write */
.area-board-write {width:90%;max-width:54rem;margin:0 auto 3rem;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:1rem;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:5rem;font-size:.9rem;}
.area-board-write .write-header table td .chk-wrap + .chk-wrap {margin-top:.5rem;}
.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 .8rem 0 0;}
.area-board-write .write-content {padding:2rem 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:.6rem .3rem;border-top:1px solid #c5c5c5;font-weight:400;}
[class^="tbl-"] td {padding-left:.5rem;}
[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: 3rem;}
.school-view .school-info-list > li {position: relative;padding: 1rem; border: 1px solid #C5C5C5;-webkit-border-radius: .5rem;-moz-border-radius: .5rem;border-radius: .5rem;margin-bottom: 0.5rem;cursor: pointer;transition: all .3s; overflow: hidden;}
.school-view .school-info-list-top {margin-bottom: .5rem;display: block;width: calc(100% - 30%) ;}
.school-view .school-info-list-logo {display: inline-block;float: left;margin-right: 1rem;}
.school-view .school-info-list-logo > span {display: inline-block;overflow: hidden;width: 4rem;height: 4rem;border: 1px solid #c5c5c5;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;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%- 4rem);margin-left: 0; line-height: 1}
.school-view .school-info-list-title > span {font-size: .7rem;color: #666;}
.school-view .school-info-list-title > strong {color: #333;font-size: 1.1rem;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: 1rem;top: 0;background: #EF3D42;display: inline-block;padding: .1rem .3rem;font-size: .7rem;color: #fff;}
.school-view .school-info-list-price {font-size: .8rem;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: .3rem 0;background: #EDEFF5;text-align: center;}
.school-view .school-info-list-course-wrap {width: 100%;display: block; text-align: right;margin-bottom: .5rem;}
.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: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;overflow: hidden;width: 17rem;position: relative;margin-right: 1.5rem;}
.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: 1rem; font-size: 1.1rem;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: 10rem;}
.school-review-img img{width:100%;height: 10rem;}
.school-review-textBox {padding: 1rem;}
.school-review-con-title {font-size: .9rem;color: #333;margin-bottom: .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 2.45em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;}
.school-review-text {font-size: .7rem; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 2.45em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;}
.school-review-text > strong {color: #1EC95B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 2.45em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;font-weight: 400;}
.school-review-text > span {color: #666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;height: 2.45em;line-height: 1.2;overflow:hidden;text-overflow:ellipsis;}
@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: 1.5rem 1.5rem 1.5rem 0;}
    .school-review-con {margin-right: 2rem;width: 20rem;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: 1rem 1rem 0;overflow: hidden;}
    .school-view .school-info-list-course-wrap {padding: 0 1rem;text-align: left;}
    .school-view .school-info-list-link-btn {padding: 1rem 0;}
    .school-view .school-info-list-bottom {width: 100%;text-align: left;}
    .school-view .school-info-list-logo > span {width: 7.5rem;height: 7.5rem;}
    .school-view .school-info-list-title {width: calc(100% - 8rem - 10px);margin-left: auto;}
    .school-view .school-info-list-title > span {font-size: calc(1rem - 0.15vw);}
    .school-view .school-info-list-title > strong {font-size: calc(1rem + 0.83vw);}
    .school-view .school-info-list-secret {font-size: calc(1rem - 0.7vw);}
    .school-view .school-info-list-price {font-size: 1rem;}
    .school-view .school-info-list-ranking {font-size: 1rem;}
    .school-review-title {font-size: 1.3rem;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:.2rem;background:#1ec95b;z-index:2;}
.pc .area-pg-item:hover {box-shadow:.2rem .2rem .5rem 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:1.7rem;padding:0 .5rem;line-height:1.7rem;font-size:.8rem;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:1rem;font-size:.8rem;letter-spacing:-1px;}
.area-pg-item .pg-item-cont .pg-text {height:2.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.area-pg-item .pg-item-cont .tag {height:3.2rem;margin-top:1rem;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:.2rem .2rem .2rem 0;padding:.2rem .4rem;border:1px solid #c5c5c5;color:#666;font-size:.7rem;font-weight:300;line-height:.7rem;}

.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:1.5rem;}

.program-slider .area-pg-item {width:100% !important;margin-top:0;}
.program-slider .pg-item {width:calc((54rem - 3rem) / 4) !important;padding-right:1rem;}
.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% - 3rem) / 4);}
    .area-pg-list.full .area-pg-item:not(:nth-of-type(4n+1)) {margin-left:1rem;}
    .area-pg-list.col3 .area-pg-item {width:calc((99.9% - 2rem) / 3);}
    .area-pg-list.col3 .area-pg-item:not(:nth-of-type(3n+1)) {margin-left:1rem;}
    .area-pg-list.col4 .area-pg-item {width:calc((99.99% - 3rem) / 4);}
    .area-pg-list.col4 .area-pg-item:not(:nth-of-type(4n+1)) {margin-left:1rem;}
}
@media screen and (max-width:768px) {
    .area-pg-item .pg-item-thumb .title p {font-size:1.4rem;}
    .area-pg-item .pg-item-thumb .cate span {font-size:1rem;}
    .area-pg-item .pg-item-cont {font-size:1.08rem;}
    .area-pg-item .pg-item-cont .pg-text {height:3rem;font-size:1.08rem;line-height:1.5rem;}
    .area-pg-item .pg-item-cont .tag {height:3.8rem;}
    .area-pg-item .pg-item-cont .tag span {font-size:1rem;line-height:1rem;}
}
@media screen and (max-width:767px) {
    .site-map-pop {display:none;}
    .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 1rem;width:auto;}
    .program-slider .pg-item {min-width:17rem;}
}

/* 진행단계표시 : 마이페이지 */
.md-process-step {margin:1rem 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:.9rem 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:-.5rem;}
.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:4rem 0;text-align:center;font-size:.8rem;}
.area-pagination span,
.area-pagination a {display:inline-block;width:1.6rem;height: 1.6rem;box-sizing:border-box;text-align:center;line-height:1.6rem;overflow:hidden; border-radius: 4px;}
.area-pagination .pagination > li{line-height: normal; height: 1.6rem;}
.area-pagination .pagination > li + li{margin-left: 0.2rem;}
.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: 0.9rem; 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: 0.9rem; 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: 0.9rem; 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(1.5rem - 2px);text-indent:-999px;}
.area-pagination .arr a:after {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:1rem;height:1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:0 0;background-size:19.5rem;}
.area-pagination .arr .first:after {background-position:-6rem 0;transform:translate(-50%,-50%) rotate(180deg);}
.area-pagination .arr .prev:after  {background-position:-7rem 0;transform:translate(-50%,-50%) rotate(180deg);}
.area-pagination .arr .next:after  {background-position:-6rem 0;}
.area-pagination .arr .last:after  {background-position:-7rem 0;}
.area-pagination .pages {display:inline-block;margin:0 .5rem;vertical-align:middle;}
.area-pagination .pages .active {background:#e2e9ef;}

.page-links .area-pagination{margin: 0;}
.page-links .area-pagination .arr{height: 2.46rem; line-height: 2.46rem;}
.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: 0.2rem;}
    .page-links .area-pagination .arr .last{margin-left: 0.2rem; }
}

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

/*.brand-branches .area-pagination a {padding: 0 0; margin:0 .2rem;}*/

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

/* 공통 탭메뉴 */
[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:1.1rem;padding:.4rem 1.5rem;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:.25rem .25rem .25rem rgba(0,0,0,.2);}

.md-tabs-basic > li > a

.md-tabs-simple {font-size:0;}
.md-tabs-simple > li {display:inline-block;margin:.3rem;text-align:center;}
.md-tabs-simple > li > a {position:relative;display:block;border-radius:.2rem;background:#f8f8f8;font-size:.8rem;padding:.5rem 1.6rem;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:1.5rem;}
.md-tabs-line > li > a {position:relative;display:block;padding:.5rem 0;color:#666;font-size:.9rem;}
.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:.2rem;background:#1ec95b;}
.md-tabs-line > li > a.active:before {content:'';position:absolute;bottom:-1px;left:0;display:block;width:100%;height:.2rem;background:#1ec95b;}

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

@media screen and (max-width:1080px) {
    .md-tabs-wrap {width:100%;padding:0 1.45rem;box-sizing:border-box;overflow:hidden;overflow-x:auto;}
    .md-tabs-basic {white-space:nowrap;overflow-x:auto;padding:.5rem 1.45rem;}
    .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:.5rem;}
    .md-tabs-basic > li > a {font-size:1.24rem;}
    .md-tabs-simple > li > a {padding:.5rem 1rem;font-size:1.16rem;}
    .md-tabs-line > li > a {font-size:1.24rem;}
}

/* edm 로고*/
[class^=md-edm-logo] {position:relative;width:10rem;height:2rem;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:54rem;margin:0 auto;}
.md-anchor-basic li a {position:relative;display:inline-block;width:auto;padding:1rem 0;}
.md-anchor-basic .active a:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:.25rem;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:2.7rem;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:1.1rem;}
.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: 30rem;}
}

@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: 1rem;
}
strong.yt-name > strong {
    font-size: 1.3rem;
}



/*******************************************************************************
                                    faq
********************************************************************************/
.area-board-text {

}
.yt-faq-wrap {
    border: 1px solid #C5C5C5;
    margin-bottom: -1px;
    padding: 0 3.4rem;
    font-size: .9rem;
}
.yt-faq-name {
    padding: 1rem 0;
    position: relative;
}
.yt-faq-name::before{
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 1.9rem;
    height: 1.9rem;
    background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/faq_img_220526.png') no-repeat;
    margin-right: .5rem;
    background-size: cover;
}
.yt-faq-name > span {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    width: 2rem;
    height: 2rem;
    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: 1rem;
    height: 1rem;
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;
    background-size: 19.5rem;
}
.yt-faq-textBox {
    display: none;
    border-top: 1px #C5C5C5 dashed;
}
.yt-faq-text {
    color: #1EC95B;
    padding: 1rem 0;
}
@media screen and (max-width:768px) {
    .yt-faq-wrap {
        font-size: calc(1rem + .6vw);
    }
}
/*******************************************************************************
                                조기유학 칼럼
********************************************************************************/
.sm-column {
    margin: 0 !important;
    padding: 5rem 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: 1.5rem;
}
.column-con-left,
.column-con-right {
    padding: 2rem 1.5rem;
    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: 1.2rem;
    margin-bottom: 1.5rem;
}
.column-con-ec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}
.column-con-ec-img {
    width: 3.5rem;
    height: 3.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background: #000;
}
.column-con-ec-text {
    width: calc(96% - 3.5rem);
}
.column-con-ec-text > p {
    color: #666;
}
.column-con-ec-text > p.column-con-ec-name {
    font-size: .9rem;
    color: #333;
}
.column-con-right-text,
.column-con-text {
    font-size: .8rem;
    color: #666666;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4;
    height: 4.2em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.column-con-right-text {
    margin-bottom: .3rem;
}
.column-con-text {
    margin-bottom: 1.5rem;
    height: 8.4em;
    -webkit-line-clamp: 6;
}
.column-con-more {
    position: relative;
}
.column-con-right-row {
    border-bottom: 1px solid #C5C5C560;
    padding: 1rem 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: .9rem;
    margin-bottom: .5rem;
    padding-left: 1.3em;
    position: relative;
}
.column-con-right-title > span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #F9B84A;
    width: .8rem;
    height: .8rem;
    -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: .3rem;
    height: .3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}
.column-con-right-ec {
    text-align: right;
    font-size: .8rem;
}
@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(1rem + 0.85vw);
    }
    .column-con-ec-img {
        width: calc(3.5rem + 4.3vw);
        height: calc(3.5rem + 4.3vw);
    }
    .column-con-ec-text {
        width: calc(96% - 3.5rem - 4.3vw);
        font-size: calc(1rem - 0.55vw);
    }
    .column-con-ec-text > p.column-con-ec-name {
        font-size:  calc(1rem + .3vw);
    }
    .column-con-right-text,
    .column-con-text {
        font-size:  calc(1rem + 0vw);
    }
    .column-con-right-title {
        font-size:  calc(1rem + .3vw);
     }
    .column-con-right-ec {
        font-size:  calc(1rem + 0vw);
    }
}
/*******************************************************************************
                                    캠프톡 리뷰
********************************************************************************/
.camp-talk {
    position: relative;
    margin: 0;
}
.camp-talk-con {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1.5rem;
    padding-top: 3rem;
}
.camp-talk-con-col > a {
    display: inline-block;
    width: 100%;
    height: 400px;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    line-height: 1;
    position: relative;
}
.camp-talk-con-col:nth-child(2n + 1) {
    margin-top: -3rem;
}
.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: 2rem 0 2rem 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: 6rem 0;
    text-align: center;
}
@media screen and (max-width:1200px) {
    .max-width {
        padding: 60px 16px;
    }
}

@media screen and (max-width:1200px){
    .footer-utility-pc {display: none !important;}
}

/*******************************************************************************
                                 유튜브
********************************************************************************/
.youtube-section {padding: 4rem 0;background: #F8FAEC;}
.youtube-section.london {margin-bottom: 3rem;}
.youtube-section .university-con {width: 100%;max-width: 54rem;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: 54rem;color: #000;font-size: 2rem;font-weight: 800;text-align: center;line-height: 130%;margin-bottom: 3rem;}
.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(1rem + 1.9446vw);}
}
