@charset "UTF-8";
@import url(https://meyerweb.com/eric/tools/css/reset/reset.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap&subset=korean);

/* global */
* {
    box-sizing: border-box;
}

body {
    font-size: 14px;
    line-height: 1.4;
    word-break: keep-all;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
textarea,
p,
blockquote,
th,
td,
legend,
button {
    font-family: 'Apple SD Gothic Neo', arial, 'Noto Sans KR', sans-serif;
    -webkit-text-size-adjust: none;
}

a {
    font-family: inherit;
    text-decoration: none;
    color: #000;
}

img {
    width: 100%;
    vertical-align: top;
}

p+p {
    margin-top: 5px;
}

.page-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -1px;
}

.section-title {
    position: relative;
    padding-top: 18px;
    margin-bottom: 27px;
    line-height: 1.2;
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px;
}

.section-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 5px;
    margin-bottom: 10px;
    background-color: #000;
}

.section-subtitle {
    font-size: 17px;
    font-weight: 700;
}

.utilbar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 88px;
    z-index: 999;
    -webkit-transition:-webkit-transform .35s;
    transition:-webkit-transform .35s;
    transition:transform .35s;
    transition:transform .35s,
    -webkit-transform .35s;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    transform: translateZ(0);
    box-sizing: border-box;
    background:rgba(52,52,52,0.9);
    padding: 20px 30px 0;
}

.utilbar a {
    font-size: 14px;
    color: #000;
    background: #ffb400;
    width: 100%;
    height: 48px;
    line-height: 48px;
    display: block;
    text-align: center;
}
@media screen and (min-width: 1024px) {
    body {
        font-size: 26px;
    }

    p+p {
        margin-top: 15px;
    }

    .page-title {
        font-size: 60px;
    }

    .section-title {
        padding-top: 40px;
        margin-bottom: 50px;
        font-size: 48px;
    }

    .section-title:before {
        width: 120px;
        height: 10px;
    }

    .section-subtitle {
        font-size: 30px;
    }
    .utilbar {
        display: none;
    }
}

.button {
    display: inline-block;
    width: 130px;
    height: 44px;
    line-height: 44px;
    background-color: #ffb400;
    text-align: center;
    font-size: 14px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.color-red {
    color: #e72626;
}

.color-yellow {
    color: #ffb400;
}

.color-white {
    color: #fff;
}

.hide-mobile {
    display: none;
}

.bottom-outer {
    display: flex;
    justify-content: center;
    margin-top: 45px;
    margin-bottom: 20px;
}

.bottom-outer .button {
    display: inline-block;
    width: 130px;
    height: 44px;
    line-height: 44px;
    background-color: #ffb400;
    text-align: center;
    font-size: 14px;
    border: none;
}

.button.small {
    width: 135px;
    height: 30px;
    line-height: 33px;
    color: #333;
    font-size: 12px;
}

.button.more {
    background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/images/ico_arrow_right.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 11px;
}

/* TABLE */
table {
    width: 100%;
    min-width: 100%;
    max-width: none;
    table-layout: fixed;
    padding: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

legend,
caption {
    overflow: hidden;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

.tbl {
    border-top: 1px solid #333;
}

.tbl table {
    position: relative;
    margin-top: -1px;
}

.tbl th,
.tbl td dt,
.tbl td dt span,
.tbl td h3 {
    font-size: 17px;
    margin-bottom: 8px;
}
.tbl td h3 {
    font-weight: 700;
}

.tbl th,
.tbl td {
    vertical-align: middle;
    text-align: center;
}

.tbl th {
    background-color: #f7f8f9;
    height: 40px;
}

.tbl td {
    color: #333;
    /* word-break: break-all; */
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
    line-height: 1.6;
}

.tbl td.text-left {
    text-align: left;
}

.tbl th+th,
.tbl td+td {
    border-left: 1px solid #ddd;
}

.tbl td dl {
    padding: 10px;
}

.tbl td dt {
    padding: 0 0 4px 0;
}

.tbl td dd {
    color: #666;
    line-height: 16px;
    position: relative;
    padding-left: 15px;
}

.tbl td dd:after {
    content: '※';
    position: absolute;
    left: 0;
    top: 0;
}

.tbl td dd+dd {
    margin-top: 0;
}

.tbl td .br {
    display: block;
}

/* SELECT */
.slt:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 40px;
    height: 40px;
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/images/ico_slt.png) center no-repeat;
    background-size: 7px 4px;
    pointer-events: none;
}

select {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
    -webkit-appearance: none;
    appearance: none;
    color: #666;
}

.slt select::-ms-expand {
    display: none;
}

/* INPUT TEXT */
.int-txt {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    border: #f1f1f1 1px solid;
    background: #f7f8f9;
}

.int-txt .slt {
    display: block;
    width: 100%;
    padding: 0 10px;
}

.int-txt .slt select {
    background: none;
    border: 0;
    width: 100%;
    height: 40px;
    font-size: 14px;
}

.int-txt input {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 0;
    background: none;
    line-height: 40px;
    color: #333;
}

.int-txt input:focus {
    outline: none;
}

.int-txt input:disabled,
.int-txt input:read-only {
    background: #f1f1f5;
    border-color: #f1f1f1 !important;
    color: #666;
}

.int-txt input[type='number'],
.int-txt input[type='email'],
.int-txt input[type='tell'],
.int-txt input[type='password'] {
    padding-right: 16px;
}

::-webkit-input-placeholder {
    color: #666;
}

input::-ms-clear,
input::-ms-reveal,
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
    width: 0;
    height: 0;
}
::-ms-clear {
    display: none;
}
::-webkit-clear-button,
::-webkit-calendar-picker-indicator,
::-webkit-outer-spin-button,
::-webkit-inner-spin-button,
::-webkit-search-cancel-button,
::-webkit-datetime-edit,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-year-field {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

input[type='date'] {
    line-height: 1;
    vertical-align: text-bottom;
}

input[type='text'],
input[type='number'],
input[type='password'],
input[type='date'],
input[type='search'] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    font-size: 14px;
}
::-webkit-input-placeholder {
    color: #505050 !important;
}
:-moz-placeholder {
    color: #505050 !important;
}
::-moz-placeholder {
    color: #505050 !important;
}
:-ms-input-placeholder {
    color: #505050 !important;
}

input:disabled {
    -webkit-opacity: 0 !important;
    color: #505050 !important;
}

input:focus,
select:focus {
    outline: none;
    border: none;
    background-color: transparent;
}

/* checkbox */
.chk {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 1px;
}

.chk+.chk {
    margin: 10px 0 0 0;
}

.chk-box {
    overflow: hidden;
}

.chk-box .chk {
    float: left;
    margin: 0 15px 15px 0;
}


.chk input[type='checkbox'],
.chk input[type='radio'] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.chk input[type='checkbox']+label,
.chk input[type='radio']+label {
    display: inline-block;
    height: 20px;
    min-width: 20px;
    background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/images/chk.png') no-repeat 0 0;
    background-size: 20px auto;
    -webkit-background-size: 20px auto;
}

.chk input[type='checkbox']+label span,
.chk input[type='radio']+label span {
    display: inline-block;
    height: 20px;
    padding: 0 2px 0 26px;
    line-height: 20px;
    vertical-align: top;
    color: #666;
    font-size: 14px;
}

.chk input[type='checkbox']:checked+label {
    background-position: 0 -20px;
}

.chk input[type='checkbox']:disabled+label {
    background-position: 0 -40px;
}

.chk input[type='checkbox']:checked:disabled+label {
    background-position: 0 -60px;
}

.chk input[type='radio']+label {
    background-position: 0 -80px;
}

.chk input[type='radio']:checked+label {
    background-position: 0 -100px;
}

.chk input[type='radio']:disabled+label {
    background-position: 0 -120px;
}

.chk input[type='radio']:checked:disabled+label {
    background-position: 0 -140px;
}

.chk input:disabled+label,
.chk input:checked:disabled+label {
    color: #767676;
}

.chk input:disabled {
    outline: none;
    border: none;
    background-color: transparent;
}

.chk label {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media screen and (min-width: 1024px) {
    input[type='text'],
input[type='number'],
input[type='password'],
input[type='date'],
input[type='search'] {
    font-size: 16px;
}
    .hide-mobile {
        display: block;
    }

    .hide-pc {
        display: none;
    }

    .bottom-outer {
        display: flex;
        margin-top: 80px;
    }

    .bottom-outer .button {
        width: 255px;
        height: 65px;
        line-height: 65px;
        font-size: 26px;
    }

    .button.small {
        width: 240px;
        height: 42px;
        line-height: 45px;
        font-size: 20px;
    }

    .button.more {
        background-position: 90% 50%;
        background-size: 15px;
    }

    /* TABLE */
    .tbl th {
        height: 80px;
    }

    .tbl th,
    .tbl td dt,
    .tbl td dt span,
    .tbl td h3 {
        font-size: 20px;
        text-align: center;
    }
    .tbl td h3 {
        text-align: left;
    }

    .tbl td {
        font-size: 18px !important;
        padding: 30px;
    }

    .tbl td dl {
        padding: 0;
    }

    .tbl td dt {
        font-weight: normal;
    }

    .tbl td dd {
        font-size: 16px;
        line-height: 26px;
        padding-left: 20px;
    }

    .tbl td .br {
        display: inline-block;
    }

    /* SELECT */
    .int-txt .slt select {
        height: 44px;
        padding-top: 3px;
        font-size: 16px;
    }

    .slt:after {
        width: 44px;
        height: 44px;
    }

    /* INPUT TEXT */
    .int-txt input {
        height: 44px;
        line-height: 44px;
        padding: 3px 16px 0;
    }

    /* checkbox */
    .chk input[type='checkbox'],
    .chk input[type='radio'] {
        width: 26px;
        height: 26px;
    }

    .chk input[type='checkbox']+label,
    .chk input[type='radio']+label {
        height: 26px;
        min-width: 26px;
        background-size: 26px auto;
        -webkit-background-size: 26px auto;
        background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/images/chk_p.png') no-repeat 0 0;
    }

    .chk input[type='checkbox']+label span,
    .chk input[type='radio']+label span {
        display: inline-block;
        height: 26px;
        padding: 0 2px 0 36px;
        line-height: 29px;
        font-size: 16px;
    }

    .chk input[type='checkbox']:checked+label {
        background-position: 0 -26px;
    }

    .chk input[type='checkbox']:disabled+label {
        background-position: 0 -52px;
    }

    .chk input[type='checkbox']:checked:disabled+label {
        background-position: 0 -78px;
    }

    .chk input[type='radio']+label {
        background-position: 0 -104px;
    }

    .chk input[type='radio']:checked+label {
        background-position: 0 -130px;
    }

    .chk input[type='radio']:disabled+label {
        background-position: 0 -156px;
    }

    .chk input[type='radio']:checked:disabled+label {
        background-position: 0 -182px;
    }

    .chk+.chk {
        margin: 20px 0 0 0;
    }

    .chk-box .chk {
        margin: 0 44px 22px 0;
    }
}

/* layout*/
.menu.fair {
    position: relative;
}

.navbar {
    max-width: 1080px;
    min-height: 70px;
    background: #000;
    display: block;
    padding: 0;
}

.navbar h1 {
    width: 149px;
    height: 70px;
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/images/logo_m.png) no-repeat;
    background-size: 100% auto;
}

.navbar h1 a {
    display: block;
    width: 100%;
    height: 100%;
}

.navbar .btn-app {
    display: none;
}

.navbar .ct {
    position: absolute;
    top: 14px;
    right: 15px;
    border-left: 1px solid #393939;
    display: block;
    width: 45px;
    height: 35px;
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/images/nav.png) no-repeat;
    background-size: 100% auto;
}

.navbar.active .ct {
    background-position: 0 -35px;
}

.menu-links {
    display: none;
    position: absolute;
    z-index: 99;
    top: 70px;
    left: 0;
    width: 100%;
    background: #000;
}

.navbar.active .menu-links {
    display: block;
}

.menu-links li a {
    position: relative;
    display: block;
    height: 50px;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
    padding: 0 29px;
    text-decoration: none;
    font-weight: bold;
}

.menu-links li a:after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 35px;
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/images/nav.png) 0 -70px no-repeat;
    background-size: 100% auto;
}

.menu-links li.on a {
    color: #e72626;
    background-color: #1a1a1a;
}

.menu-links a:link,
.menu-links a:hover,
.menu-links a:active {
    color: #e72626;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
}

.menu-links a:hover,
.menu-links a:active {
    background-color: #1a1a1a;
}

.ir {
    display: block;
    overflow: hidden;
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: -1;
    max-width: 100%;
    max-height: 100%;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important;
    vertical-align: top;
}

@media screen and (min-width: 1024px) {

    /* layout*/
    .menu.fair {
        background: #f8f8f8;
    }

    .navbar {
        position: relative;
        background: none;
        height: 102px;
        margin: 0 auto;
        background: none;
    }

    .navbar h1 {
        display: block;
        width: 176px;
        height: 44px;
        background: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/images/logo_p.png) no-repeat;
        position: relative;
        top: 29px;
        float: left;
    }

    .navbar .ct {
        display: none;
    }

    .navbar .btn-app {
        display: block;
        position: absolute;
        right: 1px;
        top: 32px;
        width: 130px;
        height: 40px;
        text-align: center;
        color: #fff;
        background: #e72626;
        line-height: 40px;
        font-size: 20px;
        font-weight: 500;
    }

    .navbar .menu-links {
        float: right;
        display: inline-block;
        padding: 27px 225px 0 0;
        background: none;
        position: static;
        width: auto;
    }

    .navbar .menu-links li {
        display: inline-block;
        background: none;
        padding-left: 70px;
    }

    .navbar .menu-links a {
        font-size: 20px;
        color: #000;
        padding: 0;
    }

    .menu-links li.on a {
        color: #e72626;
        background: none;
    }

    .menu-links a:link,
    .menu-links a:hover,
    .menu-links a:active {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
    }

    .menu-links a:hover,
    .menu-links a:active {
        background: none;
    }

    .menu-links li a {
        font-weight: 500;
    }

    .menu-links li a:after {
        display: none;
    }
}

/* glbal */

/*******************************************************************************
                                    layout
********************************************************************************/
*[class^="mo-"] {display:none;}
@media screen and (max-width: 767px) {
    *[class^="mo-"] {display:block;}
}
.wrapper {position:relative;width:100%;min-width:320px;height:100%;}
.page-main {
    color: #000;
}
@font-face {
    font-family:'NanumSquare';
    font-weight:normal;
    src: url(./font/NanumSquare.eot);
    src: url(./font/NanumSquare.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumSquare.woff) format('woff');
}
@font-face {
    font-family:'NanumGothic';
    font-weight:normal;
    src: url(./font/NanumGothic-Regular.eot);
    src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumGothic-Regular.woff) format('woff');
}
@font-face {
    font-family:'NanumGothic';
    font-weight:bold;
    src: url(./font/NanumGothic-Bold.eot);
    src: url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumGothic-Bold.woff) format('woff');
}

.is-layout.logo-footer {
    width: 154px;
    height: 44px;
}

.is-layout.logo-footer:before {
    background-position: 0 -100px;
}

.is-layout.n-icon {
    width: 30px;
    height: 30px;
}

.is-layout.n-icon:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}

.is-layout.n-icon.n-blog:before {
    background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/common/icon_footer_blog.png);
}

.is-layout.n-icon.n-instagram:before {
    background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/common/icon_footer_instagram.png);
}

.is-layout.n-icon.n-facebook:before {
    background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/common/icon_footer_facebook.png);
}

/*******************************************************************************
                                    footer
********************************************************************************/
.footer {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #cbd4d9;
}

.footer .area-policy {
    position: relative;
    width: 94%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 0.875rem;
}

.footer .area-policy:after {
    content: '';
    display: block;
    clear: both;
}

.footer .area-policy .policy {
    display: inline-block;
    float: left;
}

.footer .area-policy .policy li {
    float: left;
}

.footer .area-policy .policy li~li {
    position: relative;
    margin-left: 20px;
}

.footer .area-policy .policy li~li:before {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: -11px;
    margin-top: -5px;
    background: #777;
}

.footer .area-policy .policy .privacy {
    color: #ec3a1d;
    border-bottom: 1px solid #ec3a1d;
}

.footer .area-policy .linked-site {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
}

.footer .area-policy .linked-site a~a {
    display: inline-block;
    margin-left: 10px;
}

.footer .area-info {
    background: #191919;
    padding: 40px 0;
    color: #999;
    font-size: 0.875rem;
}

.footer .company-info {
    width: 94%;
    max-width: 1080px;
    margin: 0 auto;
    line-height: 160%;
}

.footer .company-info .info {
    margin-top: 20px;
}

.footer .company-info .info span~span {
    position: relative;
    margin-left: 20px;
}

.footer .company-info .info span~span:before {
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: -11px;
    margin-top: -6px;
    background: #777;
}

.footer .company-info .sns {
    display: none;
    margin-top: 10px;
}

.footer .company-info .sns li {
    display: inline-block;
    vertical-align: top;
}

.footer .company-info .sns li+li {
    margin-left: 10px;
}

.footer .copyright {
    width: 94%;
    max-width: 1080px;
    margin: 10px auto 0;
}

@media screen and (max-width: 640px) {
    .footer .area-info {
        padding: 20px 15px 108px;
    }

    .footer .area-policy {
        width: 100%;
        padding: 15px 0;
    }

    .footer .area-policy .policy {
        width: 100%;
        text-align: center;
    }

    .footer .area-policy .policy li {
        float: none;
        display: inline-block;
        font-size: 0.78rem;
    }

    .footer .area-policy .policy li~li {
        margin-left: 10px;
    }

    .footer .area-policy .policy li~li:before {
        left: -6px;
    }

    .footer .area-policy .linked-site {
        display: none;
    }

    .footer .company-info {
        width: 100%;
    }

    .footer .company-info .info .m-br {
        display: block;
        margin: 0;
    }

    .footer .company-info .info .m-br:before {
        display: none;
    }

    .footer .company-info .sns {
        display: block;
    }

    .footer .copyright {
        width: 100%;
    }
}
/*******************************************************************************
                                    footer
********************************************************************************/
.footer {width:100%;margin:0 auto;border-top:1px solid #cbd4d9;}
.footer * {font-family:'Nanum Gothic','NanumGothic','나눔고딕','Malgun Gothic','MalgunGothic','맑은고딕',돋움,Dotum,sans-serif;}
.footer .area-policy {position:relative;width:94%;max-width:1080px;margin:0 auto;padding:20px 0;font-size:0.875rem;}
.footer .area-policy:after {content:'';display:block;clear:both;}
.footer .area-policy .policy {display:inline-block;float:left;}
.footer .area-policy .policy li {float:left;}
.footer .area-policy .policy li ~ li {position:relative;margin-left:20px;}
.footer .area-policy .policy li ~ li:before {content:'';display:block;width:1px;height:10px;position:absolute;top:50%;left:-11px;margin-top:-5px;background:#777;}
.footer .area-policy .policy .privacy {color:#ec3a1d;border-bottom:1px solid #ec3a1d;}

.footer .area-policy .linked-site {position:absolute;top:50%;right:0;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);display:inline-block;}
.footer .area-policy .linked-site a ~ a {display:inline-block;margin-left:10px;}

.footer .area-info {background:#191919;padding:40px 0;color:#999;font-size:0.875rem;}
.footer .company-info {width:94%;max-width:1080px;margin:0 auto;line-height:160%;}
.footer .company-info .info {margin-top:20px;}
.footer .company-info .info span ~ span {position:relative;margin-left:20px;}
.footer .company-info .info span ~ span:before {content:'';display:block;width:1px;height:12px;position:absolute;top:50%;left:-11px;margin-top:-6px;background:#777;}
.footer .company-info .sns {display:none;margin-top:10px;}
.footer .company-info .sns li {display:inline-block;vertical-align:top;}
.footer .company-info .sns li + li {margin-left:10px;}
.footer .copyright {width:94%;max-width:1080px;margin:10px auto 0;}

@media screen and (max-width: 640px) {
    .footer .area-info {padding:20px 15px;}
    .footer .area-policy {width:100%;padding:15px 0;}
    .footer .area-policy .policy {width:100%;text-align:center;}
    .footer .area-policy .policy li {float:none;display:inline-block;font-size:0.68rem;}
    .footer .area-policy .policy li ~ li {margin-left:10px;}
    .footer .area-policy .policy li ~ li:before {left:-6px;}
    .footer .area-policy .linked-site {display:none;}
    .footer .company-info {width:100%;}
    .footer .company-info .info .m-br {display:block;margin:0;}
    .footer .company-info .info .m-br:before {display:none;}
    .footer .company-info .sns {display:block;}
    .footer .copyright {width:100%;}
}

#header {
    height:89px
}

#header .namespaces a small{font-size:10px}
#breadcrumb{display:none}
.area-logo div{font-size:15px;line-height:22px;}
.quick-list li{line-height:12px}

/*******************************************************************************
                                    팝업
********************************************************************************/
body.pop-bg {overflow-y:hidden;margin-right:17px;}
body.pop-bg .sidebar {right:17px;}
.area-layer-pop * {font-family:'Nanum Gothic','NanumGothic','나눔고딕','Malgun Gothic','MalgunGothic','맑은고딕',돋움,Dotum,sans-serif;line-height:1.2;letter-spacing:-1px;font-size:16px;}
.area-layer-pop h3 {font-size:1.17em;font-weight:500;}
.area-layer-pop {display:none;}
.area-layer-pop .pop-title {padding:15px 20px;border-bottom:1px solid #333;font-family:NanumSquare;font-size:1.4rem;}
.area-layer-pop .pop-title strong {font-family:NanumSquare;font-size:1.4rem;font-weight:bold;}
.area-layer-pop .pop-content {}
.area-layer-pop .pop-content .context {padding:30px 20px;text-align:center;line-height:150%;}
.area-layer-pop .pop-content .context strong {display:block;margin-top:5px;font-weight:500;}
.area-layer-pop .pop-content .con-bg {padding:30px 10%;background:#fafafc;}
.area-layer-pop .pop-content .con-bg strong{font-weight:500;}
.area-layer-pop .pop-content .con-bg li strong {display:block;margin:0 auto;}
.area-layer-pop .pop-content .con-bg li .img {display:block;width:120%;margin:20px -10% 0;text-align:center;}
.area-layer-pop .pop-content .con-bg li .img img {width:100%;max-width:505px;}
.area-layer-pop .pop-content .con-bg li .txt {display:block;margin-top:20px;text-align:center;line-height:150%;}
.area-layer-pop .pop-content .con-bg li .exp {display:block;margin-top:10px;font-size:0.75rem;color:#666;}
.area-layer-pop .pop-content .con-bg .input-box {display:block;margin-top:20px;}
.area-layer-pop .pop-content .con-bg .input-box .info {margin:-10px 0 30px;font-size:0.9rem;}
.area-layer-pop .pop-content .con-bg .input-box .tf {width:100%;margin-bottom:10px;}
.area-layer-pop .pop-content .con-bg .input-box .tf.tel {width:100%;margin-bottom:10px;}
.area-layer-pop .pop-content .con-bg .input-box .tf.tel input[type=text] {width:32%;float:left;}
.area-layer-pop .pop-content .con-bg .input-box .tf.tel input[type=text] ~ input[type=text] {margin-left:2%;}
.area-layer-pop .pop-content .con-bg .user-agree {margin-top:5px;font-size:0.8rem;color:#999;}
.area-layer-pop .pop-content .con-bg .user-agree * {vertical-align:middle;font-size:0.7rem;}
.area-layer-pop .pop-content .con-bg .user-agree .detail {float:right;border-bottom:1px solid #999;cursor:pointer;}
.area-layer-pop .pop-content .user-agree .policy-privacy {display:none;width:100%;max-height:100px;margin-top:10px;padding:10px;box-sizing:border-box;border:1px solid #cbd4d9;background:#fff;font-size:0.7rem;color:#999;overflow-y:scroll;}
.area-layer-pop .pop-content .user-agree.open .policy-privacy {display:block;}

.area-layer-pop .pop-close {display:block;width:50px;height:50px;position:absolute;top:0;right:0;cursor:pointer;text-indent:-999px;overflow:hidden;}
.area-layer-pop .pop-close:before {content:'';display:inline-block;width:22px;height:23px;position:absolute;top:15px;left:15px;background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/common/is_common_pc.png);background-position: -300px 0;}

.area-layer-pop.pop-kakao .pop-content .con-bg .input-box .tf {width:70%;}
.area-layer-pop.pop-kakao .pop-content .con-bg .input-box .tf + .button {width:28%;float:right;}
.area-layer-pop.pop-kakao .pop-content .con-bg li .exp {text-align:center;}
.area-layer-pop.pop-kakao .pop-content .con-bg li ~ li {margin-top:30px;padding-top:30px;border-top:1px solid #ddd;}
.area-layer-pop.pop-kakao .pop-content .con-bg form {display:inline;}
.area-layer-pop.pop-kakao .pop-content .con-bg .button {margin-bottom:10px;}

.area-layer-pop.pop-inquiry .pop-content .con-bg .input-box .tf {margin-bottom:10px;}
.area-layer-pop.pop-inquiry .pop-content .con-bg .input-box .tf label {display:none;}

.area-layer-pop .terms-content .bullet-square:before {background:#aaa;}
.area-layer-pop .terms-content .bullet-circle:before {border-color:#aaa;}

.area-layer-pop .area-terms .terms-content ol > li:nth-child(n+6) {display: none;}
.area-layer-pop .area-terms .terms-content .mgt:first-child {margin-top: 0;}
.area-layer-pop p + p {margin-top: 0;}

.area-layer-pop input[type=submit],.area-layer-pop input[type=reset],.area-layer-pop input[type=button],.area-layer-pop button {-webkit-appearance:none;border-radius:0;border:none;text-align:center;vertical-align:text-bottom;}
.area-layer-pop input[type=submit],.area-layer-pop input[type=reset],.area-layer-pop input[type=button],.area-layer-pop button, .area-layer-pop .button {display:inline-block;height:2.2rem;padding:0 1rem;border:1px solid #666;background:#666;box-sizing:border-box;font-size:1rem;line-height:2.2rem;color:#fff;text-align:center;vertical-align:text-bottom;cursor:pointer;}

.area-layer-pop .button-wrap {margin-top:30px;padding:0 !important;box-sizing:border-box;}
.area-layer-pop .button-wrap:after {content:'';display:block;clear:both;}
.area-layer-pop .button.dark {border-color:#191919;background-color:#191919;color:#fff;}
.area-layer-pop .button.color {border-color:#ec3a1d;background-color:#ec3a1d;}
.area-layer-pop .button.line {border-color:#666;background-color:#fff;color:#666;}
.area-layer-pop .button.line.dark {border-color:#191919;background-color:#fff;color:#191919;}
.area-layer-pop .button.line.color {border-color:#ec3a1d;background-color:#fff;color:#ec3a1d;}
.area-layer-pop .button.wide {width:100%;}
.area-layer-pop .button.wide + .button.wide {margin-top:20px;}
.area-layer-pop .button.half {width:48%;float:left;}
.area-layer-pop .button.half + .button.half {float:right;}
.area-layer-pop .button.right {float:right;}
.area-layer-pop .button span {vertical-align:top;}
.area-layer-pop .button span + .btn-arr {margin-left:0.5rem;font-size:80%;vertical-align:top;}

.area-layer-pop .tf {display:inline-block;vertical-align:text-bottom;}
.area-layer-pop .tf > input {width:100%;height:2.2rem;border:1px solid #cbd4d9;box-sizing:border-box;text-indent:10px;font-family:'Malgun Gothic','MalgunGothic','맑은고딕',돋움,Dotum,sans-serif;font-size:0.775rem;line-height:2.2rem;vertical-align:text-bottom;background:#fff;}
.area-layer-pop .tf > textarea {width:100%;padding:9px 0 8px;border:1px solid #cbd4d9;box-sizing:border-box;text-indent:10px;font-family:'Malgun Gothic','MalgunGothic','맑은고딕',돋움,Dotum,sans-serif;font-size:0.775rem;line-height:140%;}
.area-layer-pop .tf.col3 > input[type=text], .tf.col3 > input[type=number] {width:32%;float:left;}
.area-layer-pop .tf.col3 > input ~ input {margin-left:2%;}
.area-layer-pop.pop-inquiry .button-wrap {margin-top:15px;}
.area-layer-pop.pop-inquiry .button{font-size:0.9rem;}

@media screen and (min-width: 641px) {
    /*.area-layer-pop {width:600px;height:auto;position:absolute;top:163px;left:50%;margin-left:-300px;background:#fff;z-index:999;}
    .area-layer-pop:before {content:'';display:block;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:-1;}*/
    .area-layer-pop {position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);overflow-y:scroll;z-index:999;}
    .area-layer-pop .pop-container {width:600px;height:auto;position:absolute;top:88px;left:50%;margin-left:-300px;margin-bottom:88px;background:#fff;}
}
@media screen and (max-width: 1100px) {
    .area-layer-pop *  {font-size:15px;letter-spacing:0;}
}
@media screen and (max-width: 640px) {
    .area-layer-pop {content:'';width:100%;height:100%;position:fixed;top:0;left:0;background:#fff;;z-index:999;overflow-y:scroll;}
    .area-layer-pop .pop-container {width:100%;height:auto;}
    .area-layer-pop *  {font-size:14px;letter-spacing:0;}
}


/*******************************************************************************
                                  약관페이지
********************************************************************************/
.area-terms {width:90%;max-width:1080px;margin:1rem auto;line-height:160%;}
.area-terms * {line-height:160%;}
.area-terms .cont-title {margin:2rem 0 1rem;padding-bottom:5px;border-bottom:2px solid #333;}
.area-terms .terms-goto-list:after {content:'';display:block;clear:both;}
.area-terms .terms-goto-list li a {display:block;border:1px solid #cbd4d9;padding:0.5rem;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.area-terms .terms-goto-list li a:hover {border-color:#666;}
.area-terms .terms-content {}
.area-terms .terms-content .mgt {margin-top:1rem;}
.area-terms .terms-content ol > li {margin-top:2rem;}
.area-terms .terms-content ol > li h3 {margin-bottom:1rem;}
.area-terms .terms-content ol > li h4 {display:block;font-weight:500;margin-top:1rem;}
.area-terms .terms-content ol > li em {display:block;font-weight:500;margin-top:10px;margin-bottom:5px;}
.area-terms .terms-content ol ul > li {margin-top:0.5rem;}
.area-terms .terms-content ol ul > li p {margin-left:1rem;}
.area-terms .terms-content ol ul > li .bullet-square {margin-left:1rem;}
.area-terms .terms-content ol ul > li .bullet-circle {margin-left:1rem;}
.area-terms .terms-content ol ul ul {margin-left:1rem;}
.area-terms .terms-content a {text-decoration: underline;}

.term-basic {width:100%;margin-top:1rem;border-collapse:collapse;border:1px solid #cbd4d9;}
.term-basic th , .term-basic td {padding:0.5rem 1rem;border:1px solid #cbd4d9;text-align:center;}

@media screen and (min-width: 641px) {
    .area-terms .terms-goto-list li {width:32%;float:left;margin-left:2%;}
    .area-terms .terms-goto-list li:nth-of-type(3n+1) {margin-left:0;}
    .area-terms .terms-goto-list li:nth-of-type(3) ~ li  {margin-top:10px;}
}
@media screen and (max-width: 640px) {
    .area-terms .terms-goto-list li {width:49%;float:left;margin-left:2%;}
    .area-terms .terms-goto-list li:nth-of-type(2n+1) {margin-left:0;}
    .area-terms .terms-goto-list li:nth-of-type(2) ~ li  {margin-top:5px;}
}

/*******************************************************************************
                                  err404
********************************************************************************/
.err404 {text-align:center;}
.err404 .cont-title .illust {display:block;width:25%;max-width:115px;margin:0 auto 50px;}
.err404 .cont-title + .text {margin-top:30px;}
.err404 .cont-title + .text + .text {margin-top:20px;}
.err404 .button-wrap {margin-top:50px;}
.err404 .button-wrap .button {height:2.5rem;line-height:2.5rem;}

@media screen and (min-width: 641px) {
    .err404 .button-wrap .button {min-width:200px;}
}
@media screen and (max-width: 640px) {
    .err404 .cont-title .illust {
        margin: 0 auto 25px;
    }

    .err404 .cont-title + .text {
        margin-top: 15px;
    }

    .err404 .cont-title + .text + .text {
        margin-top: 10px;
    }

    .err404 .button-wrap {
        margin: 25px 0;
    }

    .err404 .button-wrap .button {
        min-width: 40%;
    }
}

.video {
    position: relative;
}

.video-area {
    width: 100%;
    padding-top: 56.222%;
}

.video-area iframe,
.video-area img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-area img {
    z-index: 10;
}
.video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    padding: 0;
    background: none;
    border: none;
}

@media screen and (min-width: 1024px) {
    .video-play {
        width: auto;
        height: auto;
    }
}




/*******************************************************************************
                                  모바일 하단 링크바
********************************************************************************/

.mo-fair-link {
    display: block;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    text-align: center;
    padding: 8px 0;
}
.mo-fair-link a{
    width: 80%;
    font-size: 24px;
    color: #000;
}
@media screen and (min-width: 767px){

    .mo-fair-link {
        display: none;

    }
}


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:56rem;/*margin:4rem 0;*/transform:translate(-50%, -50%);background:#fff;}
.popup-max-height {
    max-height: 70vh;
    overflow-y: auto;
}
.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: 20px;
    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;padding:1rem;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;}
[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;}
@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;}
}
/* 박람회 종료 팝업 */
.fair-end-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000000;
}
.fair-end-popup a {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 815px;
    max-height: 90vh;
    width: 90%;
}