@charset "utf-8";

/*
 * File : layout.css
 *
 * SUMMARY:
 * 01) GLOBAL
 * 02) HEADER
 * 03) FOOTER
 * 04) CONTAINER
 * 05) PAGE
 * 06) 
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
 html { font-size: 6.25%; }
 html.safari.desktop { font-size: .06215040397762585vw; }
 
 body {position:relative; overflow-x: hidden;overflow-y: scroll;font-family: 'Noto-sans', sans-serif;font-size: 16rem;word-break: keep-all;color: #111;letter-spacing: -0.02em;}
 a {color: #000;text-decoration: none;}
 [lang="en"] { font-family: 'Montserrat', sans-serif; letter-spacing:0;}

 .global-overlay {display:none;position: fixed;width:100%; height:100%;background: #000;background: rgba(0, 0, 0, .6); z-index:500;}

 body:not(.use-mouse) *:focus { outline:none; outline: 2rem dashed #000; outline-offset: 2rem; }

 /* WRAP */
 .wrap { max-width: 1440rem; margin: 0 auto; position: relative; }
 .wrap-middle { max-width: 860rem; margin: 0 auto; position: relative; }
 .wrap-narrow { max-width: 640rem; margin: 0 auto; position: relative; }
 .briefing .wrap {max-width:1100rem;}
 .board-view .wrap {max-width:1100rem;}
 .clean_view .wrap {max-width:1100rem;}
 

 /* QUICK MENU */
 .global-quick-menu {max-width:120rem;position:absolute;top: 1200rem;left:40rem;z-index: 100;}
 .global-quick-menu__item {text-align:center;background:#fff;padding:15rem 13rem;border:1rem solid #F3F3F3;box-shadow: 0 3rem 6rem rgba(126,126,126,0.15);transition: background .2s;}
 .global-quick-menu__item:first-child {border-radius:20rem 0 0 0;}
 .global-quick-menu__item:last-child {border-radius:0 0 20rem 0;}
 .global-quick-menu__item + .global-quick-menu__item {margin-top:8rem;}
 .global-quick-menu__item p {font-size:15rem;transition: color .3s;}
 .global-quick-menu__icon {display:block;width:88rem; height:71rem; background-repeat:no-repeat; background-position:center;}
 .global-quick-menu__item--join .global-quick-menu__icon {background-image:url(../images/layout/quick-join.png);}
 .global-quick-menu__item--commu .global-quick-menu__icon {background-image:url(../images/layout/quick-commu.png);}
 .global-quick-menu__item--edu .global-quick-menu__icon {background-image:url(../images/layout/quick-edu.png);}
 .global-quick-menu__item--response .global-quick-menu__icon {background-image:url(../images/layout/quick-response.png);}
 .global-quick-menu__item--receipt .global-quick-menu__icon {background-image:url(../images/layout/quick-receipt.png);}
  .global-quick-menu__item--print .global-quick-menu__icon {background-image:url(../images/layout/quick-print.png);}
 .global-quick-menu__link {display:inline-block;margin-top:8rem;font-size:12rem;color:#fff;padding:5rem 14rem 5rem 16rem;background: transparent linear-gradient(104deg, #72BE59 0%, #009E9A 48%, #004EA1 100%) 0% 0% no-repeat padding-box;border-radius: 14rem;transition: all .2s;}
 .global-quick-menu__link span {position:relative;padding-right:15rem;}
 .global-quick-menu__link span:after {font-family:'minjoo';content:'\e900';font-style:normal;font-size: 16rem;color:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);transition: color .2s;}
 .global-quick-menu__item:hover {background: transparent linear-gradient(106deg, #72BE59 0%, #009E9A 53%, #004EA1 100%) 0% 0% no-repeat padding-box; transition: background .2s;}
 .global-quick-menu__item:hover p {color:#fff;}
 .global-quick-menu__item:hover a {background:#fff;color:#000;}
 .global-quick-menu__item:hover a span:after {color:#000;}

 .global-quick-menu.is-fixed {position:fixed;top: 180rem;}
 .global-quick-menu.is-clear {position:absolute; top:auto; /* bottom:602rem; */ bottom:852rem;}
 body.page-home .global-quick-menu.is-fixed {top: 140rem;}
 body.page-home .global-quick-menu.is-clear {position:absolute; top:auto; /* bottom: 602rem; */ bottom:852rem;}

/* PRINT */
@media print {
  #header {display:none}
}


 /* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%;position: fixed;top: 0;left: 0;background:#fff;border-bottom: 1rem solid #E6E6E6;-webkit-transition: border .3s, background .4s;transition: border .3s, background .4s;z-index: 500;}

.btn-goback {display:none;}

/* LOGO */
.header-logo {max-width:110rem;}
.header-logo a {display: block;width: 100%;height: 100%;}
.header-logo a svg, .header-logo a img { display: block; width: 100%; height: 100%; }
/* .header-logo img:first-child {width: 83rem;height: 42rem; margin-right:10rem;} */

/* MENU */
.header-menu {position:relative;z-index:10;background: #fff;}
.header-menu__inner {display:flex;align-items: center;}
.global-menu-nav__wrap {margin-left: 60rem;position: relative;flex: 1;}
.global-menu-util {margin-left:auto;display: flex;align-items: center;margin-right: -4rem;}
.global-bluewave {display:block; max-width:117rem;}
.global-bluewave img {display:block; max-width:100%;}

.menu-container { display: block; width: 100%; position: relative; font-size: 0; line-height: 1; text-align: center; z-index: 1; }
#menu {display: flex;font-size: 0;}
#menu a { display: block; line-height: 1.66; }

.menu-bg {width:100%;height: 355rem;position: absolute;top: 89rem;left: 50%;right: 0;bottom: 0;background: #fff;opacity: 0; visibility:hidden; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition: opacity 200ms;transition: opacity 200ms;overflow: hidden;}
.menu-bg:before {content: "";height: 1rem;width: 100%;background: #ddd;top: 0;left: 0;position: absolute;-webkit-transition:top .3s;transition:top .3s}
.menu-overlay {opacity:0;position: fixed;background: #000000;background: rgba(0, 0, 0, .6);-webkit-transition: opacity 100ms;transition: opacity 100ms;-webkit-transition-delay:0ms;transition-delay:0ms;}
body.menu-open .menu-bg {opacity:1; visibility:visible; }
body.menu-open #header { background:#fff; -webkit-box-shadow:none; box-shadow:none; border-bottom:1rem solid #e4e4e4; }
body.menu-open .menu-overlay { opacity:1;-webkit-transition: opacity .3s;transition: opacity .3s; top: 0; left: 0; right: 0;  height: 100vh;}

.menu-bg__title {position: absolute; left:0; width:19%;height:100%;background:#004EA1;overflow: hidden;}
.menu-bg__title:before {content:'';display:block;position:absolute;right: -15rem;bottom: -58rem;width: 289rem;height: 311rem;background:url(../images/sub/header-bg-object.svg) no-repeat center;opacity: 0.45;}
.menu-bg__title p {font-size:32rem;font-weight:600;line-height: 1.4;color:#fff;padding:55rem 60rem;}

.menu-banner {position: absolute;right: -240rem;top: 120rem;width: 260rem; opacity: 0; visibility: hidden;}
.menu-banner figure {position: relative;padding-top: 84.62%;}
.menu-banner img {display:block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.menu-banner p {margin-top:14rem;font-size:16rem;font-weight: 500;}
.menu-banner span {position: relative;margin-top:3rem;font-size:14rem;color:#767676;}
.menu-banner span:after {font-family:'minjoo';content:'\e91c';font-style:normal;font-size: 12rem; color:#767676;}

#menu > li.menu-children--open .menu-banner { opacity: 1; visibility: visible;}

/* 1DEPTH */
#menu {}
#menu > li {display: inline-block;vertical-align: middle;}
#menu > li > a {color: #000;padding: 28rem 33rem;position: relative;font-size: 20rem;font-weight: 400;-webkit-transition: color .3s;transition: color .3s;}
#menu > li > a > span {display: block;position: relative;padding: 0 8rem;}
#menu > li > a > span:after {content: '';display: block;width: 100%;height: 3rem;position: absolute;bottom: -10rem;left: 0;background: #004EA1;opacity: 0;transition: opacity .3s;}
#menu > li > a > span:before {content: '';display: block;width: 12rem;height: 12rem;position: absolute;top: -3rem;right: -7rem;background:url(../images/layout/menu-simbol.svg) no-repeat; background-size: 100% 100%; opacity: 0;transition: opacity .3s;}
#menu > li.menu-children--open > a { color: #004EA1; }
html.desktop #header.header--menu-hover #menu > li.menu-children--open > a {color: #B49468; }
html.desktop #menu > li > a:hover, #menu > li.menu-children--open > a { color: #004EA1; font-weight:600;}
html.desktop #menu > li > a:hover > span:after, html.desktop #menu > li > a:hover > span:before,
#menu > li.menu-children--open a > span:after,#menu > li.menu-children--open a > span:before {opacity:1}
#menu > li.current-menu > a {color: #004EA1;font-weight:600;}
#menu > li.current-menu > a > span:before,
#menu > li.current-menu > a > span:after {opacity:1;}

/* 2DEPTH */
/* #menu > li:hover > ul, #menu > li.focusin > ul {opacity: 1;visibility: visible;} */
#menu .sub-menu {opacity: 0;visibility: hidden;position: absolute;left: 0;right: 0;bottom: 0;top: 110rem;width: 100%;height: 100%;margin: -20rem auto;padding: 0;}
#menu > li.menu-children--open > .sub-menu { opacity: 1; visibility: visible; }
#menu > li.menu-children--open > .sub-menu:before {width:100%;}
#menu .sub-menu > li {display: inline-block;vertical-align: top;width: calc(33.33% - 60rem);max-width: 240rem;margin: 10rem 30rem;text-align: left;}
#menu .sub-menu > li > a {display: block;padding: 15rem 0;font-size: 17rem;white-space: nowrap;color: #000;border-bottom: 1rem solid #b1b1b1;}
#menu .sub-menu > li > a > span { display: inline-block; position: relative; }
#menu .sub-menu > li > a > span:after { content: ''; display: block; width: 100%; height: 1rem; position: absolute; left: 0; bottom: 1rem; background: #666; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform .4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: -webkit-transform .4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform .4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform .4s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform .4s cubic-bezier(0.22, 0.61, 0.36, 1); }
html.desktop #menu .sub-menu > li > a:hover {}
html.desktop #menu .sub-menu > li > a:hover > span:after { -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
#menu .sub-menu > li.current-menu > a {font-weight:500; color:#004EA1; border-bottom-color:#004EA1;}

/* 3DEPTH */
#menu .sub-menu ul {margin-top:16rem; margin-left:5rem;}
#menu .sub-menu ul > li {position:relative; padding-left:8rem;}
#menu .sub-menu ul > li:before {width:4rem; height:1rem; background:#000; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#menu .sub-menu ul > li + li {margin-top:5rem;}
#menu .sub-menu ul > li > a {font-size:15rem;}

/* GLOBAL ALL MENU */
.global-all-menu {display: block;position: relative;background:none;border:none;width: 32rem;height: 32rem;margin-top: -1rem;padding: 0;z-index: 550;cursor: pointer;-webkit-transition: top .3s, transform .3s;transition: top .3s, transform .3s;}
.global-all-menu-btn {background: #000;content: '';display: block;height: 2rem;position: absolute;left: 50%;top: 50%;transition: background ease .3s, top ease .3s .3s, transform ease .3s;width: 24rem;margin: 0 auto;transform: translate(-50%, -50%);}
.global-all-menu-btn:before {top: -7rem;}
.global-all-menu-btn:after {top: 7rem;}
.global-all-menu-btn:before, .global-all-menu-btn:after {background: #000;content: '';display: block;height: 2rem;position: absolute;transition: background ease .3s, top ease .3s .3s, transform ease .3s;width: 100%;}
.global-all-menu.active .global-all-menu-btn {background:transparent;}
.global-all-menu.active .global-all-menu-btn:before, .global-all-menu.active .global-all-menu-btn:after { top: 0; transition: top ease .3s, transform ease .3s .3s;}
.global-all-menu.active .global-all-menu-btn:before { transform: rotate(45deg);}
.global-all-menu.active .global-all-menu-btn:after { transform: rotate(-45deg);}

.all-menu-popup {opacity:0; visibility:hidden; width: 100%;position: fixed;top: 149rem;left: 0;right: 0;background:#fff;border-top: 1rem solid #e6e6e6;box-shadow: 0 10rem 12rem rgba(0, 0, 0, .12);z-index: 9999;}
.all-menu-popup__head {position:absolute; top:-63rem;}
.all-menu-popup__head b {font-size:22rem;}
.all-menu__list-wrap {display:flex;}
.all-menu__list {display:flex;width: 75%;}
.all-menu__list > li {width:33.33%;padding: 30rem 40rem 50rem;border-left: 1rem solid #e6e6e6;}
.all-menu__list > li > a {display:block;font-size:18rem; font-weight:600;}
.all-menu__list > li:nth-child(5), .all-menu__list > li:nth-child(6), .all-menu__list > li:nth-child(7) {display:none;}
.all-menu__list .sub-menu {margin-top:24rem; }
.all-menu__list .sub-menu > li + li {margin-top: 12rem;}
.all-menu__list .sub-menu > li > a {font-size:16rem; display:block;}
.all-menu__list .sub-menu > li > ul {margin-top: 10rem;padding-left: 5rem;}
.all-menu__list .sub-menu > li > ul > li {position:relative; padding-left:10rem;}
.all-menu__list .sub-menu > li > ul > li:before {content:'-'; margin-right:4rem; color:#767676; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.all-menu__list .sub-menu > li > ul > li > a {display:block;font-size:14rem; color:#767676}
.all-menu__list .sub-menu > li.current-menu > a {font-weight:500; text-decoration:underline;}
.all-menu__list .sub-menu > li > ul > li.current-menu > a {font-weight:500; color:#222;} 
.all-menu__list-wrap .global-quick-menu__list {display:flex;flex-wrap: wrap; width: 25%; align-items: flex-start;gap:18rem;padding: 30rem 40rem;border-left: 1rem solid #e6e6e6;}
.all-menu__list-wrap .global-quick-menu__item {margin-top:0;}

body.all-menu-open .header-logo, body.all-menu-open .global-menu-nav__wrap, body.all-menu-open .global-bluewave, body.all-menu-open .global-search {opacity:0; visibility:hidden;}
body.all-menu-open .all-menu-popup {opacity:1; visibility:visible; }
body.all-menu-open .all-menu-popup .all-menu-bg {opacity:1; visibility:visible; }
body.all-menu-open .menu-overlay { opacity:1;-webkit-transition: opacity .3s;transition: opacity .3s; top: 0; left: 0; right: 0;  height: 100vh;}


/* MOBILE */
#small-menu-btn, #small-menu-container, .small-menu__top { display: none; }

/* menu hover */

/* TOP BANNER */
.top-banner {position: relative;width:100%;height: 60rem;background:#004EA1;font-size: 18rem;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;z-index:10;}
.top-banner a { display: flex; align-items: center; color: #fff; height: 100%; justify-content: center;}

.blinking{ -webkit-animation: blink 0.5s ease-in-out infinite alternate; -moz-animation: blink 0.5s ease-in-out infinite alternate; animation: blink 0.5s ease-in-out infinite alternate;}
@-webkit-keyframes blink{ 0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes blink{ 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes blink{ 0% {opacity: 0;} 100% {opacity: 1;} }


/* GLOBAL SEARCH */
.global-search {position:relative;background:none;border:none;padding: 10rem;margin: 0rem 5rem 0 19rem;cursor:pointer;}
.global-search:before {font-family:'minjoo';content:'\e914';font-style:normal;font-size: 21rem;color:#000;}

#search-popup {display: none; width: 100%;position: fixed;top: 150rem;left: 0;right: 0;background:#fff;box-shadow: 0 10rem 12rem rgba(0, 0, 0, .12);z-index: 9999;}
#search-popup .wrap {background: url(../images/layout/search-bg.png) no-repeat right bottom;}
.search-popup__inner {width: 100%;max-width: 600rem;height: 100%;margin:0 auto;padding: 40rem 0 40rem 0;position: relative;}
.global-search-form {width: 100%;height: 100%;max-width: 1200rem;margin: 0 auto;position: relative; }
.global-search-form__input {width: 100%;height: 62rem;position: relative;border: 5rem solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(97deg, #72BE59 0%, #009E9A 49%, #004EA1 100%);background-origin: border-box;background-clip: content-box, border-box;}
.global-search-field {font-size: 16rem;line-height: 1;color: #222;}
.global-search-form input.global-search-field {display: block;width: 100%;height: 100%;padding: 0 50rem 0 28rem;position: relative;border: none;background: transparent;}
.global-search-field::-ms-clear {display: none;width: 0;height: 0;}
.global-search-submit {height: 100%;width: 70rem;padding: 0;position: absolute;right: 0;top: 0;background: none;border: none;cursor: pointer;}
.global-search-submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'minjoo';content: '\e914';font-size: 21rem;line-height: 52rem;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
.search-popup__close {background:none;border:none;padding: 0;width: 50rem;height: 50rem;position: absolute;top: 10rem;right: -5rem;opacity: 1;cursor:pointer;-webkit-transition: top 300ms;transition: top 300ms;}
.search-popup__close:after {display: block;width: 100%;height: 100%;font-family: 'minjoo';content: '\e920';font-size: 21rem;font-weight: normal;text-align: center;line-height: 50rem;color: #000;}

.popular-search {display: flex;margin-top:20rem;}
.popular-search li + li {margin-left:10rem;}
.popular-search li a {display:block;border-radius:30rem;border:1rem solid transparent;padding: 6rem 18rem 7rem;font-size: 14rem;}

.popular-search li:nth-child(1) a {border-color:#004EA1; color:#004EA1}
.popular-search li:nth-child(2) a {border-color:#004EA1; color:#004EA1;}
.popular-search li:nth-child(3) a {border-color:#004EA1; color:#004EA1;}

/*
.popular-search li:nth-child(1) a {border-color:#72BE59; color:#72BE59}
.popular-search li:nth-child(2) a {border-color:#009E9A; color:#009E9A;}
.popular-search li:nth-child(3) a {border-color:#004EA1; color:#004EA1;}
*/
/* ZOOM */
.global-zoom {padding-left:0;display: flex;align-items: center;justify-content: center;font-size:14rem;color:#777; margin-right:25rem;}
.global-zoom:before {display:none;}
.global-zoom > span {margin:0 5rem;}
.global-zoom > span > b {font-weight:normal;}
.global-zoom button {width:20rem;height:20rem;border:1rem solid #777;border-radius:50%;background:transparent;margin-top: 2rem;padding:0;cursor:pointer;line-height: 1;}
.global-zoom button:before {display:block;font-family:'minjoo'; font-size:8rem; font-weight:normal; color:#777;}
.global-zoom button.global-zoom--minus:before {content:'\e92e';}
.global-zoom button.global-zoom--plus:before {content:'\e913';}


/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {width: 100%;position: relative;}
.footer-top {padding: 18rem 0 20rem;border-top:1rem solid #e6e6e6;border-bottom:1rem solid #e6e6e6; background:#fff;}
.footer-top .wrap {display:flex;}
.footer-menu {display:flex;align-items: center;}
.footer-menu li a {position: relative;padding: 0 36rem;display: block;color: #000;}
.footer-menu li:first-child a {padding-left:0}
.footer-sns {margin-left:auto;display: flex;}
.footer-sns__mob {display:none;}
.footer-sns__item {position:relative;width: 34rem;height: 34rem;border-radius:50%;}
.footer-sns__item + .footer-sns__item {margin-left: 16rem;}
.footer-sns__item a {display:block;width: 100%;height: 100%; }
.footer-sns__item.sns-blog {background-color: #32A94A;}
.footer-sns__item.sns-facebook {background-color: #576CA7;} 
.footer-sns__item.sns-twitter {background-color: #6BAFF8;} 
.footer-sns__item.sns-instagram {background:transparent linear-gradient(135deg, #FAE100 0%, #FCB720 15%, #FF7950 30%, #FF1C74 50%, #6C1CD1 100%) 0% 0% no-repeat padding-box;}
.footer-sns__item.sns-kakao {background-color: #EED63D;}
.footer-sns__item.sns-youtube {background-color: #FF0000;}
.footer-sns__item.sns-blog {background-color: #32A94A;}
.footer-sns__item.sns-daily-minjoo{border:1rem solid #f5f5f5;}
.footer-sns__item a:before {font-family:'minjoo';font-style:normal;font-size: 18rem;color: #fff;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.footer-sns__item.sns-blog a:before {content:'\e915';}
.footer-sns__item.sns-facebook a:before {content:'\e919';}
.footer-sns__item.sns-twitter a:before {content:'\e91f';}
.footer-sns__item.sns-instagram a:before {content:'\e917';}
.footer-sns__item.sns-kakao a:before {content:'\e918'; color:#5D5050}
.footer-sns__item.sns-youtube a:before {content:'\e916';}
.footer-sns__item.sns-blog a:before {content:'\e915'; font-size:22rem;}
.footer-sns__item.sns-daily-minjoo a:before {content:'';background: url(../images/layout/daily-minjoo.png) no-repeat; background-size:100% 100%; width: 100%;height: 100%; border-radius: 50%;}

.footer-bottom {padding:65rem 0;background:#FBFBFB;}
.footer-bottom__inner {display:flex;}
.footer-info {display:flex;}
.footer-info__text {font-size:16rem;color:#7a7a7a;margin-left: 42rem;}
.footer-info__text ul:after {clear:both;content:'';display: block;}
.footer-info__text .info-list {font-size:0;}
.footer-info__text .info-list li {display:inline-block;margin-right: 14rem;padding-right: 14rem; font-size:16rem; position:relative;}
.footer-info__text .info-list li + li {margin-top: 4rem;}
.footer-info__text .info-list li:nth-child(1) {display:block;}
.footer-info__text .info-list li:nth-child(3) {width:50%;}
.footer-info__text .info-list li:nth-child(5) {width:50%}
.footer-info__text .info-list li:after {width:1rem;height:8rem;background: #707070;content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.footer-info__text .info-list li:nth-child(odd):after {display:none;}
.footer-copyright {margin-top: 20rem;}
.footer-logo {}
.footer-logo img {display:block; max-width:100%;}

.footer-content {margin-left:auto;}

/* FOOTER FAMILY */
.footer-family {display:flex;margin: 0 -9rem;}
.footer-family__select {flex: 1;position: relative;width: 220rem;margin: 0 9rem;}
.footer-select__title {-webkit-transition: 0.3s;transition: 0.3s;cursor: pointer;background: #fff;border:none;padding: 12rem 20rem 13rem;padding-right: 30rem;border: 1rem solid #E6E6E6;border-radius: 30rem;width: 100%;font-size: 14rem;color: #000;text-align: left;position:relative;display: block;}
.footer-select__title span {position: relative;width: auto;line-height: 30rem;display: block;position: absolute;right: 0;top: 50%;margin-top: -15rem;}
.footer-select__title-button:after {position:absolute;right: 15rem;font-family: 'minjoo';content: '\e91d';font-size: 16rem;color: #000;border: none;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;will-change: transform;}
.footer-family__select .scrollbar-inner {padding-right:0;}
.footer-select__box {position: absolute;bottom: 50rem;left: 0;font-size: 14rem;width: 100%;background: #fff;border: 1rem solid #ddd;border-radius: 20rem;opacity:0;visibility:hidden;z-index: 100;-webkit-transition:opacity .3s, visibility .3s;transition:opacity .3s, visibility .3s;}
.footer-select__box .nicescroll-rails.nicescroll-rails-vr {opacity: 0 !important;}
.footer-select__box ul li a {-webkit-transition: 0.3s;transition:0.3s;padding: 8rem 14rem;display: block;color: #666;font-size:15rem;line-height: 1;}
.footer-select__box ul li:first-child a { padding-top: 0;}
.footer-family__select.footer-select--open .footer-select__title-button:after{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.footer-family__select.footer-select--open .footer-select__box {opacity:1; visibility:visible;}
.footer-family .scroll-wrapper {height: 20vh;}
.footer-family .scroll-wrapper > .scroll-content {padding: 20rem 0 10rem;}

.schedule-family {display:flex;margin: 0 -9rem;}
.schedule-family .scroll-wrapper {height: 20vh;}
.schedule-family .scroll-wrapper > .scroll-content {padding: 20rem 0 10rem;}

.schedule-family__select {flex: 1;position: relative;width: 120rem;margin: 0 9rem;}
.schedule-family__select .scrollbar-inner {padding-right:0;}
.schedule-family__select.footer-select--open .footer-select__title-button:after{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.schedule-family__select.footer-select--open .footer-select__box {opacity:1; visibility:visible;}


html.desktop .footer-select__box ul li a:hover { color:#222;}

.footer-cs-qr {display:flex;margin-top: 34rem;}
.footer-cs-qr > div {flex: 1;width: 50%;margin: 0 9rem;}
.footer-cs > p {font-size: 12rem;}
.footer-cs > b {font-size: 28rem;font-weight: 600;margin-top: 4rem;display: block;}
.footer-cs > span {display:block; margin-top:5rem; font-size: 12rem;}
.footer-cs > a {display:block; margin-top:5rem; font-size: 12rem;}
.footer-cs > a span {position:relative;padding-right: 17rem;}
.footer-cs > a span:after {font-family: 'minjoo';content: '\e91c';font-size: 16rem;font-weight: normal;position: absolute;top:50%;right: 0;transform: translateY(-50%);}
.footer-cs-qr > div.footer-qr {margin-left: 30rem; margin-right: 0;}
.footer-qr a {display:flex;align-items: center;}
.footer-qr img {max-width:52rem;}
.footer-qr p {margin-left:8rem;}
.footer-qr p > b { display:block; font-size:15rem;}
.footer-qr p > span {display:block;font-size:13rem;color: #505050;}



/* **************************************** *
 * CONTAINER
 * **************************************** */
.main-container {  padding-top:150rem; overflow:hidden;}