/*
***********************************************************
* Project Name : Career High Website
* Source Name : style.css
* Description : Career High Style Sheet (영역 별)
* Author : 임승현 (퍼블리셔)

* List : CSS 순서
01. layout-header (공통 헤더)
02. layout-footer (공통 푸터)
03. page-main (메인 페이지)
04. page-member (회원 페이지 공통)
04-1. page-login (로그인 페이지)
04-2. page-find (회원정보 찾기)
04-3. page-reset (비밀번호 재설정)
04-4. page-identify (본인인증)
04-5. page-id-find (아이디 찾기)
04-6. page-join-done (회원가입 완료)
04-7. page-join (회원가입)
05. page-class (클래스 리스트)
05-1. page-package (클래스 패키지 리스트)
06. page-consulting-apply (신청서 작성)
07. page-payment (결제)
08. page-mypage (마이페이지)
09. page-class-review-list (클래스 리뷰 리스트)
10. page-careermap (커리어맵 리스트)
11. Etc
12. Service About
13. Consulting About

14. Aniamtion Init
***********************************************************
*/

/* layout header */
.layout-header {position:relative; width:100%; z-index:9999;}
.layout-header.fix {position:fixed; top:0; left:0; width:100%; background:#fff;}
.layout-header__inner {position:relative; max-width:1080px; height:72px; margin:0 auto; display:flex; align-items:center;}
.layout-header__inner menu li {list-style:none;}
.layout-header h1 {width:120px; height:24px; font-size:0; background:url("/assets/images/common/ic-logo-blue-28.svg") 50% no-repeat; background-size:100%;}
.layout-header .gnbArea {margin-left:64px;}
.layout-header #gnb {clear:both; height:auto;}
.layout-header #gnb:after {clear:both; display:block; content:"";}
.layout-header #gnb > li {float:left;}
.layout-header #gnb > li > a {height:72px; padding:10px 16px; align-items:center; display:flex;}
.layout-header #gnb > li > a h2 {font-size:16px; color:#000; font-weight:400; letter-spacing:-0.5px;}
.layout-header #gnb > li:hover .gnbSub {z-index:10;}
.layout-header #gnb > li:hover > a h2, .layout-header #gnb > li.on > a h2 {color:#0071ec;}
.layout-header #gnb > li.sub > a:after {width:24px; height:24px; background:url("/assets/images/ico/ico_chevron01.png") 50% no-repeat; display:inline-block; content:"";}
.layout-header #gnb > li.sub:hover > a:after, .layout-header #gnb > li.on > a:after {background-image:url("/assets/images/ico/ico_caret01.png");}
.layout-header #gnb > li:not(:hover):not(.on) .gnbSub {display:none;}
.layout-header #gnb .gnbSub {position:absolute; top:100%; left:0; clear:both; width:100%; height:auto; padding:25px 0 24px 0;}
.layout-header #gnb .gnbSub:before, .layout-header .gnbSub:after {position:absolute; top:0; left:50%; width:100vw; transform:translateX(-50%); display:block; content:"";}
.layout-header #gnb .gnbSub:before {height:1px; background:#ededf2; z-index:5;}
.layout-header #gnb .gnbSub:after {height:100%; background:#fff; z-index:0;}
.layout-header #gnb .gnbSub h2, .layout-header .gnbSub > menu {position:relative; z-index:5;}
.layout-header #gnb .gnbSub h2 {clear:both; float:left; width:128px; margin:8px 56px 0 0; font-size:16px; color:#0071ec; font-weight:700; text-align:center;}
.layout-header #gnb .gnbSub > menu {float:left; max-height:200px; flex-direction:column; flex-wrap:wrap; display:flex;}
.layout-header #gnb .gnbSub > menu > li {width:140px;}
.layout-header #gnb .gnbSub > menu > li:nth-child(n+6) {margin-left:8px;}
.layout-header #gnb .gnbSub > menu > li h3 {height:40px; padding:8px 16px; font-size:16px; color:#4e535e; line-height:24px; font-weight:400; letter-spacing:-0.6px; align-items:center; display:flex;}
.layout-header #gnb .gnbSub > menu > li a:hover h3 {color:#0071ec;}
.layout-header .userArea {margin-left:auto; align-items:center; display:flex;}
.layout-header .userArea > li {margin-left:18px;}
.layout-header .userArea .ch-btn.txt {font-size:14px; color:#0071ec; font-weight:400; letter-spacing:-0.3px;}
.layout-header .userArea .ch-btn.round {width:75px; height:30px; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.3px; border:1px solid #cbcfd8; border-radius:20px; align-items:center; justify-content:center;}

@media (min-width:1080px) {
    .layout-header.etc {position:absolute; background:rgba(255,255,255,0.4);}
    .layout-header.etc:hover {background:#fff;}
    .layout-header .ico.allmenu, .layout-header #allmenu {display:none;}
}
@media (max-width:1079px) {
    .layout-header {padding:0 16px; z-index:100000000;}
    .layout-header .layout-header__inner {height:48px;}
    .layout-header .gnbArea, .layout-header .userArea {display:none;}
    .layout-header .ico.allmenu {width:32px; height:32px; margin-left:auto; background-image:url("/assets/images/ico/ico_allmenu01.png"); background-size:24px 16px;}
    .layout-header #allmenu {position:fixed; top:0; right:0; min-width:100%; width:100vw; min-height:100%; height:100vh; background:rgba(34,34,34,0.75); display:none;}
    .layout-header #allmenu > div {position:absolute; top:0; right:0; width:288px; height:100vh; padding:12px 0 120px 0; background:#fff; overflow:auto;}
    .layout-header #allmenu h1 {margin:0 0 12px 16px;}
    .layout-header #allmenu .ico.close {position:absolute; top:8px; right:16px; width:32px; height:32px; background-image:url("/assets/images/ico/ico_close01.png"); background-size:18px;}
    .layout-header #allmenu .ch-btn.ic {width:100%; height:80px; padding-left:16px; align-items:center; display:flex;}
    .layout-header #allmenu .ch-btn.ic span {font-size:17px; color:#000; font-weight:400; letter-spacing:-0.7px;}
    .layout-header #allmenu .ch-btn.ic:before {width:32px; height:32px; margin-right:12px;}
    .layout-header #allmenu .ch-btn.ic.login:before {background-image:url("/assets/images/ico/ico_login01.png"); background-size:24px;}
    .layout-header #allmenu .ch-btn.ic.mypage:before {background-image:url("/assets/images/ico/ico_user01.png"); background-size:100%;}
    .layout-header #gnbAll {border-top:8px solid #ededf2;}
    .layout-header #gnbAll > li {border-bottom:1px solid #ededf2;}
    .layout-header #gnbAll > li > a {height:46px; padding:12px 16px; align-items:center; display:flex;}
    .layout-header #gnbAll > li > a h2 {font-size:16px; color:#000; line-height:22px; font-weight:700; letter-spacing:-0.7px;}
    .layout-header #gnbAll > li.on > a h2 {color:#0071ec;}
    .layout-header #gnbAll > li.sub > a:after {width:20px; height:20px; background:url("/assets/images/ico/ico_chevron02.png") 50% no-repeat; background-size:10px auto; display:inline-block; content:"";}
    .layout-header #gnbAll > li.sub.on > a:after {background-image:url("/assets/images/ico/ico_caret02.png");}
    .layout-header #gnbAll .gnbSub {padding-bottom:32px;}
    .layout-header #gnbAll .gnbSub > menu {display:flex; flex-wrap:wrap;}
    .layout-header #gnbAll .gnbSub > menu > li {width:50%;}
    .layout-header #gnbAll .gnbSub > menu > li h3 {height:32px; padding:8px 0 8px 24px; font-size:14px; color:#4e535e; line-height:21px; font-weight:400; letter-spacing:-0.6px; align-items:center; display:flex;}
}

/* layout member */
.layout-member-header {position:relative; justify-content:center;}
.layout-member-header .layout-header__inner {justify-content:center;}

@media (max-width: 1080px) {
    .layout-member-header {height:46px;}
    .layout-member-header .layout-header__inner {height:46px;}
    .layout-member-header .logo {padding-top:0;}
    .layout-member-header img {height:22px;}
}

/* layout footer */
.layout-footer {background:#f3f5f8; padding:49px 0 56px 0;}
.layout-footer .layout-footer__inner {max-width:1080px; margin:0 auto;}
.layout-footer .layout-footer__inner .layout-footer__top {display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #e5e5e8;}
.layout-footer .layout-footer__inner .layout-footer__title {font-size:18px; line-height:20px; color:#4e535e; margin-bottom: 15px;}
.layout-footer .layout-footer__inner .layout-footer__txt > p {font-size:14px; color:#888c99; margin-bottom:10px; letter-spacing:-0.4px;}
.layout-footer .layout-footer__inner .layout-footer__top .layout-footer__sns a {margin-right:12px;}
.layout-footer .layout-footer__inner .layout-footer__top .layout-footer__sns a:last-child {margin-right:0;}
.layout-footer .layout-footer__inner .layout-footer__bottom {padding-top:20px;}
.layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group {display:flex; margin-bottom: 6px;}
.layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group .layout-footer__link-group01 {margin-right: 146px;}
.layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group a {margin-right:12px; font-size:14px; color:#4e535e; text-decoration: underline;}
.layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group a:last-child {margin-right:0;}
.layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group a.bold {font-weight:700;}
.layout-footer .layout-footer__inner .layout-footer__bottom .copyright {font-size:14px; color:#888c99; letter-spacing:-0.4px;}
@media (max-width:1080px) {
    .layout-footer .layout-footer__inner .layout-footer__title {width:90px; line-height:16px;}
    .layout-footer .layout-footer__inner .layout-footer__title img {width:100%;}
    .layout-footer {position:relative; padding:28px 16px 80px 16px;}
    .layout-footer__info,
    .layout-footer__contact {width:46%;}
    .layout-footer__contact .layout-footer__title {opacity:0; height:16px;}
    .layout-footer__sns {position:absolute; bottom:27px; left:50%; transform:translateX(-50%); width:300px; text-align:center;}
    .layout-footer .layout-footer__inner .layout-footer__top .layout-footer__sns a {display:inline-block; width:32px;}
    .layout-footer .layout-footer__inner .layout-footer__top .layout-footer__sns a img {width:100%;}
    .layout-footer .layout-footer__inner .layout-footer__txt > p {font-size:12px; word-break:keep-all;}
    .layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group {justify-content:space-between; margin-bottom:0;}
    .layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group .layout-footer__link-group01 {width:46%; margin-right:0;}
    .layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group .layout-footer__link-group01 > a {display:block; font-size:12px; margin-bottom:10px; letter-spacing:-0.4px;}
    .layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group .layout-footer__link-group02 {width:46%;}

    .layout-footer .layout-footer__inner .layout-footer__bottom .layout-footer__link-group .layout-footer__link-group02 > a {font-size:12px; word-break:keep-all; vertical-align:top;}
    .layout-footer .layout-footer__inner .layout-footer__bottom .copyright {font-size:12px; padding-bottom:20px; border-bottom:1px solid #ededf2;}
}

/* page main */
.page-main {padding-top:0;}
.page-main .main-visual {position:relative;}
.page-main .main-visual .swiper-slide {height:400px; overflow:hidden;}
.page-main .main-visual .swiper-slide img {position:inherit; left:inherit; height:100%; transform:none;}
.page-main .main-visual .swiper-button-group {position:absolute; top:50%; width:100%; z-index:100;}
.page-main .main-visual .ch-swiper-prev {left:24px;}
.page-main .main-visual .ch-swiper-next {right:24px;}
.page-main .main-visual .swiper-pagination {bottom:40px; width:100%;}
.page-main .main-visual .swiper-pagination .swiper-pagination-bullet {margin:0 5px; background:#b6bbc7; opacity:1; transition:width 0.2s;}
.page-main .main-visual .swiper-pagination .swiper-pagination-bullet-active {width: 36px; border-radius:8px; background:#fff;}
.page-main .section-mentor {padding:120px 0 200px 0;}
.page-main .section-mentor + .section-mentor {margin-top:-80px; padding-top:0;}
.page-main .section-mentor .mentor__swiper {position:relative; overflow:hidden;}
.page-main .section-mentor .mentor__swiper + .mentor__swiper {margin-top:80px;}
.page-main .section-mentor .mentor__body {margin-top:80px;}
.page-main .section-mentor .swiper-container {margin-top:16px;}
.page-main .section-mentor .swiper-container:not(.swiper-container-initialized) .swiper-slide {margin-right:42px;}
.page-main .section-mentor .swiper-container .swiper-slide, .page-main .section-mentor .swiper-container .swiper-slide .mentor__card {width:332px;}
.page-main .section-mentor .swiper-container .swiper-slide .mentor__card .card__img {width:auto; height:204px; overflow:hidden; display:block;}
.page-main .section-mentor .swiper-container .swiper-slide .mentor__card .card__img img {width:100%;}
.page-main .section-mentor .swiper-container .swiper-slide .mentor__card .card__info {margin-top:20px; display:block;}
.page-main .section-mentor .swiper-container .swiper-slide .mentor__card .card__info .info__title {width:332px; max-height:56px;}
.page-main .section-mentor .swiper-container .swiper-slide .mentor__card .card__info .info__txt {width:332px; max-height:48px; margin-top:8px; font-size:15px; line-height:24px; color:#4e535e; letter-spacing:-0.5px;}
.page-main .section-mentor .mentor__swiper .swiper-button-group {position:absolute; top:16px; width:100%;}
.page-main .section-mentor .swiper-container.swiper-container-initialized .swiper-button-group {display:none;}
.page-main .section-class {padding-bottom:326px;}
.page-main .section-class .class__gradient {position:relative; padding:80px 0 235px 0; background:rgb(80,80,239); background:linear-gradient(41deg, rgba(80,80,239,1) 10%, rgba(0,113,236,1) 100%);}
.page-main .section-class .class__header {text-align:center;}
.page-main .section-class .class__counting {display:flex; align-items:center; justify-content:center; padding-top:20px;}
.page-main .section-class .class__counting > p {position:relative; font-size:18px; color:#fff; letter-spacing: -0.5px; line-height:26px;}
.page-main .section-class .class__counting > p:first-child {margin-right:44px;}
.page-main .section-class .class__counting > p > span {font-size:18px; font-weight:700; color:#fff100;}
.page-main .section-class .class__counting > p > span.plus {position:absolute; top:-8px; right:-12px;}
.page-main .section-class .class__swiper {position:absolute; right:50%; transform:translate(50%, 19px);}
.page-main .section-class .class__swiper .swiper-container {max-width:1080px; margin:0 auto; padding: 30px; box-sizing: content-box;}
.page-main .section-class .class__swiper .swiper-container .swiper-slide {transition:opacity 0.3s;}
.page-main .section-class .class__swiper .ch-swiper-next {right:2px;}
.page-main .section-class .class__swiper .ch-swiper-prev {left:2px;}
.page-main .section-class .class__swiper .class__card {width:324px; padding:26px; background:#fff; border-radius:24px; box-shadow: 2px 8px 14px 0 rgba(0, 28, 62, 0.14); transition:all 0.3s; display:flex; flex-direction:column; height:370px;}
.page-main .section-class .class__swiper .class__card .card__icon {width:86px; height:86px; margin-bottom:26px; border-radius:10px; overflow:hidden; display:table;}
.page-main .section-class .class__swiper .class__card .card__flag {height:22px; margin-bottom:8px;}
.page-main .section-class .class__swiper .class__card .card__flag img {height:100%; vertical-align:top;}
.page-main .section-class .class__swiper .class__card .card__title {font-size:23px; color:#222; padding-bottom:8px; transition:all 0.3s; line-height:32px; letter-spacing:-0.6px;}
.page-main .section-class .class__swiper .class__card .card__txt {font-size:18px; color:#4e535e; padding-bottom:0; line-height:26px; letter-spacing:-0.5px;}
.page-main .section-class .class__swiper .class__card .card__link {background:url('/assets/images/ico/ic-circlearrow-default-30.svg') no-repeat 0; background-size:48px 30px; width:48px; height:30px; display:flex; margin-top:auto;}
.page-main .section-class .class__swiper .class__card:hover {transform: scale(1.05);}
.page-main .section-class .class__swiper .class__card:hover .card__title {color:#0071ec;}
.page-main .section-class .class__swiper .class__card:hover .card__link {background:url('/assets/images/ico/ic-circlearrow-active-30.svg') no-repeat 0; background-size:48px 30px; transition:all 0.3s;}
.page-main .section-class .class__swiper .swiper-button-group {position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 100;}
.page-main .section-class .class__swiper .swiper-button-group .swiper-button-disabled, .page-introduction .introduction__cont.process .swiper-button-group .swiper-button-disabled {display:none;}
.page-main .section-class .class__swiper .swiper-button-group .swiper-button-prev {left:0;}
.page-main .section-class .class__swiper .swiper-button-group .swiper-button-prev img, .page-introduction .introduction__cont.process .swiper-button-group .ch-swiper-prev img {transform:rotate(180deg);}
.page-main .section-class .class__swiper .swiper-button-group .swiper-button-next {right:16px;}
.page-main .section-class .class__swiper .swiper-button-group .swiper-button-prev:after,
.page-main .section-class .class__swiper .swiper-button-group .swiper-button-next:after,
.page-introduction .introduction__cont.process .swiper-button-group .swiper-button-prev:after,
.page-introduction .introduction__cont.process .swiper-button-group .swiper-button-next:after {display:none;}
.page-main .section-class .class__swiper .swiper-button-group .swiper-button-prev img,
.page-main .section-class .class__swiper .swiper-button-group .swiper-button-next img {border-radius:100%; box-shadow:2px 6px 16px 0 rgba(0, 39, 84, 0.13);}
.page-main .section-about .about__header {text-align: center; padding-bottom:55px;}
.page-main .section-about .about__header .page-sub-txt {padding-bottom:22px;}
.page-main .section-about .about__header .about__link {display:flex; align-items:center; justify-content: center;}
.page-main .section-about .about__header .about__link > span {font-size:18px; letter-spacing:0.1px; margin-right:10px;}
.page-main .section-about .about__header .about__link > img {width:48px;}
.page-main .section-about .about__body {padding-bottom:70px;}
.page-main .section-about .about__body .about__ul > li {padding:45px 0 45px 135px;}
.page-main .section-about .about__body .about__ul > li .about__panel {display:flex; align-items:center;}
.page-main .section-about .about__body .about__ul > li .about__panel .about__figure {width:196px; margin-right:76px;}
.page-main .section-about .about__body .about__ul > li .about__panel .about__figure img {width:100%;}
.page-main .section-about .about__body .about__ul > li .about__panel .about__contents {}
.page-main .section-about .about__body .about__ul > li .about__panel .about__contents .about__sub-title {font-size:20px; color:#b6bbc7; padding-bottom:5px; letter-spacing:0.3px;}
.page-main .section-about .about__body .about__ul > li .about__panel .about__contents .about__title {font-size:28px; font-weight:400; padding-bottom:20px; letter-spacing:-0.7px;}
.page-main .section-about .about__body .about__ul > li .about__panel .about__contents .about__title span {color:#0071ec;}
.page-main .section-about .about__body .about__ul > li .about__panel .about__contents .about__txt {font-size:16px; color:#888c99; letter-spacing:-0.6px; line-height:26px;}
.page-main .section-middle-banner {padding-bottom:80px;}
.page-main .section-middle-banner img {width:100%;}
.page-main .section-consulting {background:url('/assets/images/etc/img-1-1-consulting.jpg') no-repeat 0; background-size:cover; height:400px; display:flex; flex-direction:column; justify-content:center;}
.page-main .section-consulting .consulting__counting {display:flex; align-items:center; padding-top:20px; padding-bottom:43px;}
.page-main .section-consulting .page-title {margin-bottom:12px;}
.page-main .section-consulting .consulting__counting > p {position:relative; font-size:18px; color:#222; letter-spacing:-0.5px; line-height:26px;}
.page-main .section-consulting .consulting__counting > p:first-child {margin-right:44px;}
.page-main .section-consulting .consulting__counting > p > span {font-size:18px; font-weight:700; color:#0071ec;}
.page-main .section-consulting .consulting__counting > p > span.plus {position:absolute; top:-8px; right:-12px;}
.page-main .section-consulting .consulting__link {display:flex; align-items:center;}
.page-main .section-consulting .consulting__link > span {font-size:18px; margin-right:10px; letter-spacing:0.1px;}
.page-main .section-consulting .consulting__link > img {width:48px;}
.page-main .section-review {background:#002a5c; padding:80px 0 100px 0;}
.page-main .section-review .review__header {text-align:center;}
.page-main .section-review .review__header > p {position:relative; margin-top:12px; font-size:18px; color:#fff; display:inline-block; letter-spacing:-0.6px; line-height:26px;}
.page-main .section-review .review__header > p > span {font-size:18px; font-weight:700; color:#fff100;}
.page-main .section-review .review__header > p > span.plus {position:absolute; top:-8px; right:-12px;}
.page-main .section-review .review__body {padding-top:42px;}
.page-main .section-review .review__body .swiper-wrapper {transition-timing-function: linear;}
.page-main .section-review .review__body .swiper-slide {width:330px;}
.page-main .section-review .review__body .swiper-slide .review__card {height:340px; padding:44px 32px 35px 32px; border:1px solid #264974; border-radius:18px;}
.page-main .section-review .review__body .swiper-slide .review__card .review__wrapper {position:relative; height:100%;}
.page-main .section-review .review__body .swiper-slide .review__card figure {margin-bottom:10px;}
.page-main .section-review .review__body .swiper-slide .review__card figure img {display:block;}
.page-main .section-review .review__body .swiper-slide .review__card .review__title {max-height:64px; font-size:23px; font-weight:400; color:#fff; margin-bottom:18px; line-height:32px; letter-spacing:-1px;}
.page-main .section-review .review__body .swiper-slide .review__card .review__txt {height:104px; font-size:16px; color:#888c99; line-height:26px; letter-spacing:-0.6px;}
.page-main .section-review .review__body .swiper-slide .review__card .review__txt.st01 {height:130px;}
.page-main .section-review .review__body .swiper-slide .review__card .review__card-footer {position:absolute; bottom:0; left:0; height:30px; display:flex; align-items:center; background:rgba(255,255,255,0.1); padding: 0 8px; color:#fff; border-radius:3px;}
.page-main .section-review .review__body .swiper-slide .review__card {}
.page-main .section-collaboration {padding:80px 0; background:#f3f5f8;}
.page-main .section-collaboration .container {max-width:992px;}
.page-main .section-collaboration .collaboration__header {text-align:center;}
.page-main .section-collaboration .collaboration__ul {display:flex; justify-content:center; padding-top:50px; flex-wrap:wrap;}
.page-main .section-collaboration .collaboration__ul > li {flex-basis:16.6%; margin-bottom:36px;}
.page-main .section-collaboration .collaboration__ul > li > a > figure {text-align:center;}
.page-main .section-collaboration .collaboration__ul > li > a > figure > figcaption {font-size:15px; color:#838898; line-height:24px; letter-spacing:-0.5px;}
.page-main .section-collaboration .collaboration__ul > li > a > figure > img {width:100px;}
.page-main .section-faq {background:#f3f5f8; padding-bottom:200px;}
.page-main .section-faq .faq__card {padding:60px 80px; border-radius:40px; box-shadow:4px 42px 45px 0 rgba(0, 28, 62, 0.18); background-color:#31353e;}
.page-main .section-faq .faq__header .faq__header-top {margin-bottom:20px; display:flex; align-items:flex-end; justify-content:space-between;}
.page-main .section-faq .faq__header .faq__header-top .page-title {margin-bottom:0;}
.page-main .section-faq .faq__header .faq__header-top > a {display:flex; align-items:center;}
.page-main .section-faq .faq__header .faq__header-top > a > span {font-size:18px; color:#fff; margin-right:10px; letter-spacing:0.1px;}
.page-main .section-faq .faq__body {padding-top:60px;}
.page-main .section-faq .faq__body .faq__ul {margin:0 -40px; display:flex; flex-wrap:wrap;}
.page-main .section-faq .faq__body .faq__ul > li {display:flex; width:33.333333%; padding:0 40px; border-right:1px solid #4e535e; margin-bottom: 55px;}
.page-main .section-faq .faq__body .faq__ul > li:nth-child(3n) {border-right:none;}
.page-main .section-faq .faq__body .faq__ul > li:nth-last-child(1),
.page-main .section-faq .faq__body .faq__ul > li:nth-last-child(2),
.page-main .section-faq .faq__body .faq__ul > li:nth-last-child(3) {margin-bottom: 0;}
.page-main .section-faq .faq__body .faq__ul > li .faq__ul-content .title {font-size:20px; font-weight:400; color:#fff; line-height:30px; letter-spacing:-0.5px;}
.page-main .section-faq .faq__body .faq__ul > li .faq__ul-content .title i {display:none;}
.page-main .section-faq .faq__body .faq__ul > li .faq__ul-content .title span {display:inline-block; font-size:36px; font-weight:300; line-height:50px;}
.page-main .section-faq .faq__body .faq__ul > li .faq__ul-content .txt {font-size:16px; color:#888c99; padding-top:16px; letter-spacing:-0.5px; line-height:26px;}
.page-main .section-footer-banner {background:rgb(80,80,239); background:linear-gradient(90deg, rgba(80,80,239,1) 0%, rgba(0,113,236,1) 100%);}
.page-main .section-footer-banner .footer-banner__flex {display:flex; align-items: center; justify-content:space-between; height:100px;}
.page-main .section-footer-banner .footer-banner__figure {margin-right:16px;}
.page-main .section-footer-banner .footer-banner__txt {margin-right:auto; font-size:23px; color:#fff; letter-spacing:-1px; line-height:32px;}


@media (max-width: 2560px) {
    .page-main .main-visual .swiper-slide img {position:absolute; left:50%; transform:translateX(-50%);}
}

@media (max-width:1080px) {
    .page-main {padding-top:0 !important; overflow:hidden;}
    .page-main .main-visual .swiper-pagination {bottom:24px;}
    .page-main .main-visual .swiper-slide {height:400px;}
    .page-main .main-visual .swiper-pagination .swiper-pagination-bullet-active {width:20px;}
    .swiper-pagination-bullet {width:4px; height:4px;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
    .page-main .main-visual .ch-swiper-btn:not(.swiper-button-disabled) {display:flex;}
    .page-main .main-visual .ch-swiper-prev {left:8px;}
    .page-main .main-visual .ch-swiper-next {right:8px;}
    .page-main .section-mentor {padding:80px 0 120px 0;}
    .page-main .section-mentor + .section-mentor {margin-top:-40px;}
    .page-main .section-mentor .mentor__swiper {overflow:inherit;}
    .page-main .section-mentor .mentor__swiper + .mentor__swiper {margin-top:40px;} 
    .page-main .section-mentor .mentor__body {margin-top:40px;}
    .page-main .section-mentor .swiper-container {margin-top:16px;}
    .page-main .section-mentor .swiper-container:not(.swiper-container-initialized) .swiper-slide {margin-right:10px;}
    .page-main .section-mentor .swiper-container .swiper-slide, .page-main .section-mentor .swiper-container .swiper-slide .mentor__card {width:272px;}
    .page-main .section-mentor .swiper-container .swiper-slide .mentor__card .card__img {height:168px;}
    .page-main .section-mentor .swiper-container .swiper-slide .mentor__card .card__info {margin-top:12px;}
    .page-main .section-mentor .swiper-container .swiper-slide .mentor__card .card__info .info__title {width:272px; max-height:46px;}
    .page-main .section-mentor .swiper-container .swiper-slide .mentor__card .card__info .info__txt {width:272px; max-height:40px; margin-top:4px; font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-main .section-about .about__header .page-sub-txt {padding-bottom:12px;}
    .page-main .section-class .class__gradient {padding:36px 0 126px 0;}
    .page-main .section-class .class__counting > p {font-size:13px; line-height:18px;}
    .page-main .section-class .class__counting > p > span {font-size:13px;}
    .page-main .section-class {padding-bottom:186px;}
    .page-main .section-class .class__swiper {position:absolute; transform:translateY(0); right:inherit; width:100%;}
    .page-main .section-class .class__swiper .swiper-container {padding:20px 16px; max-width:inherit;}
    .page-main .section-class .class__swiper .swiper-container .swiper-slide {width:158px !important; height:auto;}
    .page-main .section-class .class__swiper .class__card {width:158px; padding:14px; border-radius:13px; height:100%;}
    .page-main .section-class .class__swiper .class__card .card__icon {width:54px; height:54px; margin-bottom:9px; border-radius:5px;}
    .page-main .section-class .class__swiper .class__card .card__flag {height:14px; margin-bottom:4px;}
    .page-main .section-class .class__swiper .class__card .card__title {font-size:15px; line-height:22px; padding-bottom:1px;}
    .page-main .section-class .class__swiper .class__card .card__txt {font-size:12px; padding-bottom:0; line-height:18px; letter-spacing:-0.7px;}
    .page-main .section-class .class__swiper .class__card .card__link {display:none;}
    .page-main .section-about .about__header {padding-bottom:20px;}
    .page-main .section-about .about__header .about__link > span {font-size:14px;}
    .page-main .section-about .about__header .about__link > img {width:28px;}
    .page-main .section-about .about__body {padding-bottom:40px;}
    .page-main .section-about .about__body .about__ul > li {padding:0;}
    .page-main .section-about .about__body .about__ul li + li {margin-top:6px;}
    .page-main .section-about .about__body .about__ul > li .about__panel {flex-direction:column; background:#f8fafc; padding-bottom:28px; border-radius:30px;}
    .page-main .section-about .about__body .about__ul > li .about__panel .about__figure {width:140px; margin:0;}
    .page-main .section-about .about__body .about__ul > li .about__panel .about__contents .about__sub-title {text-align:center; font-size:14px; letter-spacing:0.2px;}
    .page-main .section-about .about__body .about__ul > li .about__panel .about__contents .about__title {font-size:20px; padding-bottom:4px; text-align:center; letter-spacing:-0.8px;}
    .page-main .section-about .about__body .about__ul > li .about__panel .about__contents .about__txt {font-size:13px; text-align:center; line-height:20px;}
    .page-main .section-middle-banner {padding-bottom:40px;}
    .page-main .section-consulting {height:220px; background:url('/assets/images/etc/m-img-1-1-consulting.jpg') no-repeat 0; background-size:cover;}
    .page-main .section-consulting .page-title {font-size:22px; margin-bottom:4px;}
    .page-main .section-consulting .page-sub-txt {font-size:17px; line-height:23px; letter-spacing:-0.7px;}
    .page-main .section-consulting .consulting__counting {padding-top:7px; padding-bottom:21px;}
    .page-main .section-consulting .consulting__counting > p {font-size:12px; line-height:18px;}
    .page-main .section-consulting .consulting__counting > p > span {font-size:12px;}
    .page-main .section-consulting .consulting__counting > p > span.plus {font-size:10px; top:-6px; right:-8px;}
    .page-main .section-consulting .consulting__link > span {font-size:14px;}
    .page-main .section-consulting .consulting__link > img {width:28px;}
    .page-main .section-review {padding:36px 0 40px 0;}
    .page-main .section-review .review__header > p {font-size:13px; line-height:18px;}
    .page-main .section-review .review__header > p > span {font-size:13px;}
    .page-main .section-review .review__body {padding-top:20px;}
    .page-main .section-review .review__body .swiper-slide {width:238px;}
    .page-main .section-review .review__body .swiper-slide .review__card {padding:22px 16px 16px 16px; height:257px; border-radius:15px;}
    .page-main .section-review .review__body .swiper-wrapper {transition-timing-function:ease-in;}
    .page-main .section-review .review__body .swiper-slide .review__card figure {margin-bottom:5px; line-height:1;}
    .page-main .section-review .review__body .swiper-slide .review__card figure img {width:17px;}
    .page-main .section-review .review__body .swiper-slide .review__card .review__title {max-height:46px; font-size:17px; margin-bottom:11px; line-height:23px; letter-spacing:-0.7px;}
    .page-main .section-review .review__body .swiper-slide .review__card .review__txt {height:100px; font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-main .section-review .review__body .swiper-slide .review__card .review__txt.st01 {height:120px;}
    .page-main .section-review .review__body .swiper-slide .review__card .review__card-footer {font-size:13px; height:26px; padding:0 7px; letter-spacing:-0.6px;}
    .page-main .section-collaboration {padding:36px 0;}
    .page-main .section-collaboration .collaboration__ul {padding-top:20px;}
    .page-main .section-collaboration .collaboration__ul > li {flex-basis:33%; margin-bottom:16px;}
    .page-main .section-collaboration .collaboration__ul > li > a > figure > img {width:50px;}
    .page-main .section-collaboration .collaboration__ul > li > a > figure > figcaption {font-size:12px; line-height:18px; letter-spacing:-0.4px;}
    .page-main .section-collaboration .btn-more {padding:11px 13px; border-radius:18px; font-size:14px; line-height:1;}
    .page-main .section-faq {padding-bottom:40px;}
    .page-main .section-faq .faq__card {padding:26px 26px 10px 26px; border-radius:24px;}
    .page-main .section-faq .faq__header .faq__header-top > a > span {font-size:13px;}
    .page-main .section-faq .faq__header .faq__header-top > a > img {width:23px;}
    .page-main .section-faq .faq__header .faq__header-top {margin-bottom:2px;}
    .page-main .section-faq .faq__body {padding-top:12px;}
    .page-main .section-faq .faq__body .faq__ul {display:block; margin:0;}
    .page-main .section-faq .faq__body .faq__ul > li {display:block; padding:0; width:100%; border-right:none; border-bottom:1px solid #888c99; margin-bottom:0;}
    .page-main .section-faq .faq__body .faq__ul > li:last-child {border-bottom:0;}
    .page-main .section-faq .faq__body .faq__ul > li .faq__ul-content .title {position:relative; font-size:14px; height:50px; display:flex; align-items:center;}
    .page-main .section-faq .faq__body .faq__ul > li .faq__ul-content .title i {display:block; position:absolute; right:0; top:50%; transform:translateY(-50%);}
    .page-main .section-faq .faq__body .faq__ul > li .faq__ul-content .txt {display:none; font-size:13px; padding-top:0; padding-bottom:22px; line-height:20px; letter-spacing:-0.6px;}
    .page-main .section-faq .faq__body .faq__ul > li .faq__ul-content .title span {font-size:14px; margin-right:4px;}
    .page-main .section-faq .faq__body .faq__ul > li .faq__ul-content .title br {display:none;}
    .page-main .section-footer-banner .footer-banner__figure {margin-right:6px;}
    .page-main .section-footer-banner .footer-banner__figure img {width:36px;}
    .page-main .section-footer-banner .footer-banner__txt {font-size:15px; letter-spacing: -0.6px; line-height:22px;}
    .page-main .section-footer-banner .footer-banner__flex {height:60px;}
    .page-main .section-footer-banner .footer-banner__flex > img {width:24px;}
}
@media (max-width:768px) {
    .page-main .main-visual .swiper-button-group {display:none;}
}

/* Page Member */
.page-member {padding-top:80px; padding-bottom:80px;}

@media (max-width:1080px) {
    .page-member {padding-top:30px; padding-bottom:30px;}
}

/* Page Login */
.page-login {padding-top:0; padding-bottom:0;}
.page-login .ch-input {padding:18px 22px;}
.page-login .ch-btn-lg {height:66px;}
.page-login .login__division {display:flex;}
.page-login .section-login {width:50%; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px;}
.page-login .section-login .login__contents {width:100%; max-width:400px;}
.page-login .section-login .login__header {padding-bottom: 40px;}
.page-login .section-login .login__header .login__title {font-size:36px; color:#222; line-height:1; letter-spacing:-0.7px;}
.page-login .section-login .login__header .login__title span {display:inline-block; font-size:18px; line-height:26px; letter-spacing:-0.4px;}
.page-login .section-login .login__link {padding-top:30px; display:flex; align-items:center;}
.page-login .section-login .login__link a {font-size:16px; color:#888c99; line-height:26px; letter-spacing:-0.4px;}
.page-login .section-login .login__link a:first-child {color:#0071ec;}
.page-login .section-login .login__link span {font-size:12px !important;}
.page-login .section-login .login__btn-group button {font-weight:400;}
.page-login .section-login .login__button {padding-top:16px;}
.page-login .section-login .login__button .login__btn { font-weight:700; justify-content: space-between;}
.page-login .login__bg {width:50%; min-height:100vh; background:#f3f5f8 url('/assets/images/banner/img-login-banner.png') no-repeat center; background-size:cover;}
.member__mobile-footer {display:none;}
@media (max-width: 1080px) {
    .member__mobile-footer {display:flex; margin-top:auto; justify-content:center;}
    .member__mobile-footer p {font-size:13px; color:#888c99;}
    .page-login .section-login {padding:24px 16px 60px 16px; flex-direction:column;}
    .page-login .login__division {flex-direction:column;}
    .page-login .section-login {width:100%;}
    .page-login .login__bg {display:none;}
    .page-login .section-login .login__header {padding-bottom:26px;}
    .page-login .section-login .login__header .login__title {font-size:26px; line-height:1.2; letter-spacing:-1.1px; padding-top:24px;}
    .page-login .section-login .login__header .login__title span {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-login .ch-input {font-size:15px; padding:13px 14px;}
    .page-login .ch-form-group {margin-bottom:6px;}
    .page-login .ch-btn-lg {height:56px; font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-login .section-login .login__link {padding-top:12px;}
    .page-login .section-login .login__link a {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-login .section-login .login__btn-group {padding-bottom:86px;}
    .page-login .section-login .login__button {padding-top:8px;}
    .login__naver img,
    .login__kakao img,
    .login__fb img {width:32px; margin-right:12px;}
}

/* page find */
.page-find .page-title-kr {padding-bottom:40px;}
.page-find .find__header {padding-bottom:10px;}
.page-find .find__title {font-size:18px; letter-spacing:-0.4px; line-height:26px; color:#222;}
.page-find .find__button {margin-top:30px;}
.page-find .ch-hr {margin:40px 0;}

@media (max-width: 1080px) {
    .page-find {padding-top:30px; padding-bottom:60px;}
    .page-find .page-title-kr {padding-bottom:20px; text-align:left;}
    .page-find .find__header .find__title {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-find .ch-hr {margin:30px 0;}
    .page-find .member__mobile-footer {padding-top:30px;}
}

/* page reset */
.page-reset .reset__header {padding-bottom:40px;}
.page-reset .reset__button {padding-top:40px;}
.page-reset .reset__button button {height:76px; font-size:18px; border-radius:12px;}

@media (max-width:1080px) {
    .page-reset {display:flex; flex-direction:column; height:calc(100vh - 46px); padding-bottom:60px;}
    .page-reset .reset__button {padding-top:30px;}
    .page-reset .reset__button button {height:56px; font-size:16px;}
}

/* page identify */
.page-identify .identify__header {padding-bottom:20px;}
.page-identify .identify__header .page-title-kr {line-height:1.2;}
.page-identify .identify__header .page-title-kr span {font-size:20px; letter-spacing:-0.5px;}
.page-identify .identify__body {padding-bottom:50px;}
.page-identify .identify__body .identify__txt {font-size:15px; color:#888c99; margin-bottom:17px; word-break:keep-all; line-height:24px; letter-spacing:-0.5px;}
.page-identify .identify__body .identify__link {font-size:14px; color:#0071ec; letter-spacing:-0.4px;}

@media (max-width:1080px) {
    .page-identify {display:flex; flex-direction:column; height:calc(100vh - 46px);}
    .page-identify .identify__header {padding-bottom:10px;}
    .page-identify .identify__header .page-title-kr span {font-size:14px; letter-spacing:-0.6px;}
    .page-identify .identify__body {padding-bottom:30px;}
    .page-identify .identify__body .identify__txt {font-size:14px; letter-spacing: -0.6px; margin-bottom:4px; line-height:21px;}
}

/* page id find */
.page-id-result .id-result__header {padding-bottom:40px;}
.page-id-result .id-result__body {padding-bottom:40px;}
.page-id-result .id-result__body .id-result__txt {font-size:18px; font-weight:700; padding-bottom:10px; letter-spacing:-0.4px; line-height:26px; color:#222;}
.page-id-result .id-result__body .id-result__result-box {width:100%; height:60px; border:1px solid #d9dbe0; border-radius:10px; display:flex; justify-content:center; align-items:center;}
.page-id-result .id-result__body .id-result__result-box span {font-size:20px;}
.page-id-result .id-result__footer {display:flex; align-items:center;}
.page-id-result .id-result__footer a {border-radius:12px; height:76px; letter-spacing:-0.4px;}
.page-id-result .id-result__footer a:first-child {margin-right:8px;}

@media (max-width:1080px) {
    .page-id-result {display:flex; flex-direction:column; height:calc(100vh - 46px);}
    .page-id-result .id-result__header {padding-bottom:20px;}
    .page-id-result .id-result__body {padding-bottom:30px;}
    .page-id-result .id-result__body .id-result__txt {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-id-result .id-result__body .id-result__result-box {height:56px;}
    .page-id-result .id-result__body .id-result__result-box span {font-size:15px;}
    .page-id-result .id-result__footer a {height:56px; font-size:15px;}
}

/* page join done */
.page-join-done {padding-top:80px; padding-bottom:160px;}
.page-join-done .join-done__header figure {position:relative;}
.page-join-done .join-done__header figure img {width:672px;}
.page-join-done .join-done__body {margin-top:-16px;}
.page-join-done .join-done__txt-top {font-size:20px; line-height:28px; letter-spacing:-0.5px; font-weight:700;}
.page-join-done .join-done__body .page-title-kr {line-height:1.2; padding-bottom:20px;}
.page-join-done .join-done__body .page-title-kr span {font-size:20px;}
.page-join-done .join-done__body .join-done__txt {font-size:15px; color:#888c99; padding-bottom:50px; word-break:keep-all; letter-spacing:-0.5px;}
.page-join-done .join-done__footer {display:flex;}
.page-join-done .join-done__footer a:first-child {margin-right:8px;}
.page-join-done .join-done__footer a {height:76px; font-size:18px; border-radius:12px;}

@media (max-width: 1080px) {
    .page-join-done {padding-top:0;}
    .page-join-done .join-done__header figure img {width:100%;}
    .page-join-done .join-done__footer a {font-size:15px; height:56px;}
    .page-join-done .join-done__txt-top {font-size:14px; line-height:21px; font-weight:700; letter-spacing:-0.6px;}
    .page-join-done .join-done__body .page-title-kr {padding-bottom:12px; line-height:31px;}
    .page-join-done .join-done__body .page-title-kr span {font-size:14px;}
    .page-join-done .join-done__body .join-done__txt {font-size:14px; letter-spacing:-0.6px; padding-bottom:34px; line-height:21px;}
}

/* page join */
.page-join {}
.page-join .ch-hr {margin:40px 0;}
.page-join .join-form-group {margin-bottom:40px;}
.page-join .page-title-kr {padding-bottom:40px;}
.page-join .join__header__txt {font-size:18px; font-weight:700; padding-bottom:10px; letter-spacing:-0.4px; line-height:26px;}
.page-join .join__btn-group {display:flex;}
.page-join .join__btn-group button {margin-right:10px; padding:10px 16px; font-size:18px; font-weight:400;}
.page-join .join__btn-group button:last-child {margin-right:0;}
.page-join .join__require {text-align:right; margin-bottom:10px;}
.page-join .join__require span {position: relative; font-size:16px; color:#888c99; letter-spacing:-0.6px; line-height:26px;}
.page-join .join__require span:before {position:absolute; top:50%; left:-10px; width:5px; height:5px; background:#ff5352; border-radius:100%; display:block; content:''; margin-top:-2px;}
.page-join .join__interest {padding-bottom:40px;}
.page-join .join__interest .interest__header {padding-bottom:20px;}
.page-join .join__interest .interest__title {font-size:18px; font-weight:700; margin-bottom:5px; line-height:26px; letter-spacing:-0.4px;}
.page-join .join__interest .interest__txt {font-size:15px; line-height:24px; letter-spacing:-0.5px; color:#838898;}
.page-join .join__interest .join__interest-select {display:none;}
.page-join .join__interest .join__interest-select + .join__interest-select {padding-top:20px;}
.page-join .join__interest .join__interest-select01 {display:block;}
.page-join .join__interest .join__interest-select:last-child {padding-bottom:0;}
.page-join .join__interest-select + .join__interest-select {border-top:1px solid #f3f5f8; margin-top:10px; padding-top:20px;}
.page-join .join__interest-select .interest-select__title{font-size:16px; color:#888c99; margin-bottom:10px;}
.page-join .join__interest-select .interest-select__ul {display:flex; flex-wrap:wrap;}
.page-join .join__interest-select .interest-select__ul li {margin-right:10px; margin-bottom:10px;}
.page-join .recommend-input {width:100%;}
.page-join .btn-recommend {width:100px; padding:0; border-radius:12px;}
.page-join .join__agree-box {padding:0 22px; border:1px solid #d9dbe0; border-radius:14px; margin-bottom:8px;}
.page-join .join__agree-box .agree__header {padding:20px 0; border-bottom:1px solid #d9dbe0;}
.page-join .join__agree-box .agree__header .ch-check-txt {font-size:16px;}
.page-join .join__agree-box .agree__ul {}
.page-join .join__agree-box .agree__ul .agree__title {position:relative; padding:20px 0;}
.page-join .join__agree-box .agree__ul .agree__title .agree__icon {position:absolute; top:50%; right:0; transform:translateY(-50%); width:24px; height:24px; background:url('/assets/images/ico/ic-drawer-open-gray-24.svg') no-repeat 0; cursor:pointer;}
.page-join .join__agree-box .agree__ul .agree__title .agree__icon.open {background:url('/assets/images/ico/ic-drawer-close-gray-24.svg') no-repeat 0;}
.page-join .join__agree-box .agree__ul .agree__content {display:none; font-size:13px; color:#838898; padding-left:24px; letter-spacing:-0.3px;}
.page-join .join__agree-box .agree__ul .agree__content > div {height:300px; overflow-y:auto; font-size:13px;}
.page-join .join__agree-box .agree__ul .ch-check-txt {font-size:15px; color:#888c99;}
.page-join .join__confirm-btn {padding-top:40px;}
.page-join .join__btn {justify-content: space-between; height:76px; padding:0 26px; border-radius:12px;}
.page-join .join__btn:disabled span {font-size:18px; font-weight:300;}
.page-join02 .join__btn-group div {font-size:18px; font-weight:400; padding:15px;}

@media (max-width: 1080px) {
    .page-join .page-title-kr {padding-bottom:20px;}
    .page-join .join__header__txt {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-join .join-form-group {margin-bottom:30px;}
    .page-join .join__btn-group button {flex-basis:33.33333%; margin-right:5px; justify-content:center;}
    .page-join .join__btn-group button:last-child {margin-right:0;}
    .page-join .join__btn-group button img {margin-right:0;}
    .page-join .join__agree-box .ch-check-txt {font-size:14px !important;}
    .page-join .ch-hr {margin:30px 0;}
    .page-join .join__require span {font-size:13px;}
    .page-join .join__require span:before {width:4px; height:4px;}
    .page-join .join__interest {padding-bottom:30px;}
    .page-join .join__interest-select .interest-select__title {font-size:13px;}
    .page-join .join__interest .interest__txt {font-size:14px; color:#222;}
    .page-join .join__interest-select .interest-select__ul {flex-wrap:nowrap; overflow-x:auto;}
    .page-join .join__interest-select .interest-select__ul li {flex:0 0 auto;}
    .page-join .join__btn {height:62px; padding:0 16px;}
    .page-join02 .join__btn-group div {font-size:15px;}
    .page-join .join__btn:disabled span {font-size:16px; letter-spacing:-0.4px;}
    .page-join .join__confirm-btn {padding-top:20px;}
}

/* page class */
.page-class {padding-top:152px; padding-bottom:100px;}
.page-class .ch-grade__contents {display:none;}
.page-class .ch-grade__contents01 {display:block;}
/*.page-class .ch-grade__contents04 .class__filter {padding-top:22px;}*/
.page-class .ch-tab__contents-group {padding-top:0;}
.page-class .class__header {padding-bottom:40px;}
.page-class .class__header .page-title-kr {padding-bottom:5px;}
.page-class .class__contents {width:calc(100% - 254px); margin-left:auto;}
.page-class .class__divide {display:flex; justify-content: flex-start;}
.page-class .class__grade {padding-top:20px;}
.page-class .class__grade .grade__ul {display:flex; width:100%;}
.page-class .class__grade .grade__ul li {width:100%; margin-right:6px;}
.page-class .class__grade .grade__ul li:last-child {margin-right:0;}
.page-class .class__grade.fixed {position:fixed; width:900px; top:0; left:50%; margin-left:-326px; z-index:1000; padding:10px; border-bottom:1px solid #d9e1ed; background:#fff;}
.page-class .class__grade.fixed .grade__label.small {height:44px; justify-content:center;}
.page-class .class__grade.fixed .grade__img {display:none;}
.page-class .class__grade.fixed .grade__txt {display:none;}
.page-class .class__grade.fixed .grade__ul,
.page-class .class__grade.fixed .class__classification {width:826px; margin:0 auto;}
.page-class .class__classification {display:none;}
.page-class .class__classification .class__classification-flex {display:flex; margin-top:26px;}
.page-class .class__classification .ch-round-chips {margin-right:10px;}
.page-class .class__filter {display:flex; align-items:center; width:100%; padding:40px 0 16px 0;}
.page-class .class__filter p {font-size:15px; letter-spacing:-0.5px;}
.page-class .class__filter p b {letter-spacing:-0.7px;}
.page-class .class__filter .filter__ul {display:flex; margin-left:auto;}
.page-class .class__filter .filter__ul li {margin-right:10px;}
.page-class .class__filter .filter__ul li:last-child {margin-right:0;}
.page-class .class__empty {display:flex; flex-direction:column; width:100%; justify-content:center; text-align:center;}
.page-class .class__empty .empty__icon {width:160px; margin:0 auto;}
.page-class .class__empty .empty__icon img {width:100%;}
.page-class .class__empty .empty__title {font-size:16px; line-height:24px; letter-spacing:-0.6px;}
.page-class .class__empty .empty__txt {font-size:14px; color:#888c99; letter-spacing:-0.6px; line-height:22px;}
.page-class .class__ul {display:flex; flex-wrap:wrap; margin:-25px -25px 0 -25px;}
.page-class .class__ul li {width:50%; padding:25px;}
@media (max-width:1080px) {
    .page-class {padding-bottom:40px;}
    .page-class {padding-top:0 !important;}
    .page-class .class__filter p {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-class .class__divide {flex-direction:column;}
    .page-class .class__contents {width:100%; margin-left:inherit;}
    .page-class .class__header {padding-top:18px; padding-bottom:22px;}
    .page-class .class__grade {margin:0 -16px;}
    .page-class .class__grade .grade__ul {flex-wrap:nowrap; overflow-x:auto; padding:0 10px; width:100% !important;}
    .page-class .class__grade .grade__ul::-webkit-scrollbar {width:0; height:0;}
    .page-class .class__grade .grade__ul li {flex:0 0 136px;}
    .page-class .class__grade .grade__ul li:last-child {padding-right:16px;}
    .page-class .class__grade .grade__ul .grade-select .grade__label {justify-content:center; padding-left:0;}
    .page-class .class__classification .class__classification-flex {flex-wrap:nowrap; overflow-x:auto;}
    .page-class .class__classification .class__classification-flex .ch-round-chips {flex:0 0 auto;}
    .page-class .class__filter {font-size:13px;}
    .page-class .class__ul {margin:0;}
    .page-class .class__ul li {width:100%; padding:0;}
    .page-class .class__ul li + li {padding-top:20px;}
    .page-class .class__empty .empty__icon {width:136px;}
    .page-class .class__empty .empty__title {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-class .class__grade.fixed {width:100%; left:0; margin-left:0; padding:10px 0;}
}

/* 클래스 목록 (공통 여부 보류) */
.class__panel {display:flex; flex-direction:column; height:100%; padding:24px 26px 30px 23px; border-radius: 20px; box-shadow: 0 26px 49px 0 rgba(0, 28, 62, 0.14); background:#fff; overflow:hidden; transition:.3s;}
.class__panel:hover {transform:scale(1.05);}
.class__panel:hover .panel__body .panel__title {color:#0071ec;}
.class__panel .panel__header {display:flex; justify-content:space-between; padding-bottom:1em;}
.class__panel .panel__header .panel__icon {width:86px; height:86px; border-radius:12px; overflow:hidden; display:table;}
.class__panel .panel__header .panel__icon span, .page-main .section-class .class__swiper .class__card .card__icon span {width:100%; height:100%; text-align:center; line-height:100%; vertical-align:middle; display:table-cell;}
.class__panel .panel__header .panel__icon img, .page-main .section-class .class__swiper .class__card .card__icon img {width:53.5%;}
.class__panel .panel__header .class-panel__tag-group {display:flex; max-width:220px;}
.class__panel .panel__header .class-panel__tag-group .ch-tag + .ch-tag {margin-left:8px;}
.class__panel .panel__body {padding-bottom:26px;}
.class__panel .panel__body .content__txt {display:flex; align-items:center; margin-bottom:6px;}
.class__panel .panel__body .content__txt .txt__left {font-size:15px; font-weight:700; color:#0071ec; line-height:24px; letter-spacing:-0.5px;}
.class__panel .panel__body .content__txt .txt__bar {font-size:11px; color:#d9dbe0; margin:0 10px;}
.class__panel .panel__body .content__txt .txt__right {font-size:15px; color:#0071ec; line-height:24px; letter-spacing:-0.5px;}
.class__panel .panel__body .panel__title {max-height:56px; font-size:20px; line-height:28px; letter-spacing:-0.5px; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.class__panel .panel__body .panel__title img {width:auto; height:18px !important; margin-left:5px; vertical-align:-2px;}
.class__panel .panel__body .content__review {margin-top:10px; padding-left:22px; background:url('/assets/images/ico/ic-star-orange-16.svg') no-repeat left; display:flex; align-items:center; height:22px;}
.class__panel .panel__body .content__review .review__score {font-size:15px; color:#ff9d00; font-weight:700; line-height:24px; letter-spacing:-0.1px;}
.class__panel .panel__body .content__review .review__count {font-size:15px; color:#888c99; margin-left:4px; line-height:24px; letter-spacing:-0.5px;}
.class__panel .panel__footer {height:30px; display:flex; margin-top:auto; margin-right:-10px; flex-wrap:wrap; overflow:hidden;}
.class__panel .panel__footer .ch-hash-tag {margin-right:7px;}
.class__panel.offline .panel__body .content__txt .txt__left,
.class__panel.offline .panel__body .content__txt .txt__right {color:#888c99;}
.jobSearch .class__panel .panel__header .panel__icon {border-radius:0; overflow:inherit; display:inherit;}
.jobSearch .class__panel .panel__header .panel__icon img {width:100%;}

@media (max-width:1080px) {
    .class__panel {min-height:230px; padding:16px 20px 18px 20px;}
    .class__panel .panel__header {padding-bottom:8px;}
    .class__panel .panel__header .panel__icon img, .page-main .section-class .class__swiper .class__card .card__icon img {width:62%;}
    .jobSearch .class__panel .panel__header .panel__icon img {width:100%;}
    .class__panel .panel__header .class-panel__tag-group .ch-tag + .ch-tag {margin-left:4px;}
    .class__panel .panel__header .panel__icon {width:60px; height:60px;}
    .class__panel .panel__header .class-panel__tag-group {max-width:200px;}
    .class__panel .panel__body {padding-bottom:8px;}
    .class__panel .panel__body .content__txt {margin-bottom:2px;}
    .class__panel .panel__body .content__txt .txt__left {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .class__panel .panel__body .content__txt .txt__bar {font-size:11px;}
    .class__panel .panel__body .content__txt .txt__right {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .class__panel .panel__body .panel__title {height:46px; font-size:17px; line-height:23px; letter-spacing:-0.7px;}
    .class__panel .panel__body .panel__title img {height:16px !important; margin-left:2px; vertical-align:-3px;}
    .class__panel .panel__body .content__review {margin-top:6px; background-size:12px; padding-left:18px;}
    .class__panel .panel__body .content__review .review__score {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .class__panel .panel__body .content__review .review__count {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .class__panel .panel__footer {height:24px;}
}

/* page package */
.page-package .package__ul li + li {margin-top:30px;}

.package__panel {display:flex; align-items:center; overflow:hidden; border-radius:18px; box-shadow:1px 22px 56px 0 rgba(0, 28, 62, 0.14); transition:0.3s;}
.package__panel:hover {transform:scale(1.05);}
.package__panel .panel__contents {width:calc(100% - 236px); padding:0 26px; }
.package__panel .panel__category {position:relative; font-size:15px; font-weight:600; color:#5050ef; padding:0 6px; display:inline-block; letter-spacing:-0.3px;}
.package__panel .panel__category:after {position:absolute; bottom:-4px; left:0; width:100%; height:16px; background:#5050ef; opacity:0.1; display:block; content:''; border-radius:16px;}
.package__panel .panel__title {font-size:22px; padding-top:16px; padding-bottom:4px; line-height:32px; letter-spacing:-0.6px;}
.package__panel .panel__txt .txt__left {font-size:15px; font-weight:700; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.package__panel .panel__txt .txt__bar {font-size:11px; color:#d9dbe0; margin:0 4px;}
.package__panel .panel__txt .txt__right {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.package__panel .package__hash-tag-group {display:flex; margin-right:-10px; margin-bottom:-10px; padding-top:30px;}
.package__panel .package__hash-tag-group .ch-hash-tag {margin-right:7px;}
.package__panel .package__thumbnail {width:236px; padding-bottom:26%; background:url('/assets/images/etc/img-packagethumbnail.png') no-repeat 0; background-size:cover;}

@media (max-width:1080px) {
    .package__panel {position:relative; flex-direction:column; padding:16px 20px;}
    .package__panel .panel__category {font-size:13px; padding:0;}
    .package__panel .panel__category:after {bottom:0; height:8px;}
    .package__panel .panel__title {font-size:17px; line-height:23px; letter-spacing:-0.7px;}
    .package__panel .panel__txt .txt__left {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .package__panel .panel__txt .txt__right {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .package__panel .panel__contents {width:100%; padding:0;}
    .package__panel .package__hash-tag-group {position:absolute; bottom:20px; padding-top:0; margin-bottom:0; margin-right:0;}
    .package__panel .package__hash-tag-group .ch-hash-tag {margin-bottom:0;}
    .package__panel .package__thumbnail {width:158px; height:140px; margin-bottom:36px; padding-bottom:0; background:url('/assets/images/etc/m-img-packagethumbnail-140.svg') no-repeat; background-position:center; background-size:cover;}
}

/* page-consulting-apply */
.page-consulting-apply {padding-bottom:100px;}
.page-consulting-apply .consulting-apply__header {display:flex; align-items:center; padding-bottom:62px;}
.page-consulting-apply .consulting-apply__header img {margin-right:10px;}
.page-consulting-apply .consulting-apply__default {padding-bottom:60px;}
.page-consulting-apply .consulting-apply__default .default__header {padding-bottom:25px;}
.page-consulting-apply .consulting-apply__default .default-form-group {margin-bottom:40px;}
.page-consulting-apply .consulting-apply__default .default__career {display:none; padding-top:30px;}
.page-consulting-apply .consulting-apply__default .default__career > label {position:relative; color: #888c99; display:flex; align-items:center;}
.page-consulting-apply .consulting-apply__default .default__career > label.require:before {position:absolute; top:50%; left:-14px; width:5px; height:5px; background:#ff5352; border-radius:100%; display:block; content:''; margin-top:-2px;}
.page-consulting-apply .consulting-apply__default .default__career > label img {margin-right:9px;}
.page-consulting-apply .consulting-apply__default .default__career .ch-check-txt {color:#888c99;}
.page-consulting-apply .consulting-apply__default .default__career .career__ul {display:flex; flex-wrap:wrap; padding-top:16px;}
.page-consulting-apply .consulting-apply__default .default__career .career__ul li {margin-right:10px; margin-bottom:10px;}
.page-consulting-apply .affiliation__ul {display:flex; flex-wrap:wrap;}
.page-consulting-apply .affiliation__ul li {margin-right:10px; margin-bottom:10px;}
.page-consulting-apply .consulting-apply__info .info__header {padding-bottom:20px;}
.page-consulting-apply .consulting-apply__info .info__body {padding-bottom:60px;}
.page-consulting-apply .consulting-apply__info .info__security .security__title {font-size:15px; font-weight:700; color:#888c99; padding-bottom:6px; display:inline-block; padding-right:32px; background:url('/assets/images/ico/ic-security-26.svg') no-repeat right -1px; letter-spacing:-0.5px; line-height:24px;}
.page-consulting-apply .consulting-apply__info .info__security .security__txt {font-size:14px; color:#888c99; line-height:21px; letter-spacing:-0.6px;}
.page-consulting-apply .consulting-apply__info .info__contents + .info__contents {margin-top:40px;}
.page-consulting-apply .info__topic .topic__contents {padding-top:20px;}
.page-consulting-apply .info__topic .topic__contents p {padding-bottom:8px; color:#888c99; font-weight:700; font-size:15px; line-height:24px; letter-spacing:-0.5px;}
.page-consulting-apply .info__topic .topic__ul + p {padding-top:16px;}
.page-consulting-apply .info__topic .topic__ul li + li{margin-top:6px;}
.page-consulting-apply .info__mentor .mentor__ul {display:flex; margin:0 -8px; padding-top:20px;}
.page-consulting-apply .info__mentor .mentor__ul li {width:33.333333%; padding:0 8px;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card {background:#f3f5f8; border-radius: 14px; padding:20px; cursor:pointer;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card.active {background:#fff; box-shadow:0 11px 26px 0 rgba(0, 28, 62, 0.14)}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__header {position:relative; display:flex; padding-bottom:36px;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__header .mentor__icon figcaption {font-size:18px; line-height:26px; letter-spacing:-0.5px;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__header .mentor__category {position:absolute; top:0; right:0;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__body {border-radius:10px; padding:15px; background:#e5f0fd;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__body .ch-check-txt {color:#0071ec; font-weight:700; font-size:16px; letter-spacing:-0.4px;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__body .ch-check-label {cursor:pointer;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .ch-marker:after {bottom:2px;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .ch-marker span {font-size:15px; font-weight:700; line-height:24px; letter-spacing:-0.5px;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .green:after {background:#16c27d; opacity:0.5;}
.page-consulting-apply .info__mentor .mentor__ul li .mentor__card .blue:after {background:#3180f4; opacity:0.5;}
.page-consulting-apply .info__mentor .mentor__textarea-box {padding-top:30px;}
.page-consulting-apply .info__purpose .purpose__textarea-box {padding-top:30px;}
.page-consulting-apply .info__history {display:none;}
.page-consulting-apply .info__history .require-header {padding-bottom:20px;}
.page-consulting-apply .info__history .history__ul {padding-bottom:10px;}
.page-consulting-apply .info__history .history__ul li {text-align:right;}
.page-consulting-apply .info__history .history__ul li + li {margin-top:10px;}
.page-consulting-apply .info__history .history__area {display:flex;}
.page-consulting-apply .info__history .history__area .ch-input {background:#fff; border-color:#d9dbe0; margin-right:4px;}
.page-consulting-apply .info__history .history__area .ch-input:last-child {margin-right:0;}
.page-consulting-apply .info__history .history__add {background:url('/assets/images/ico/ic-plus-blue-22.svg') no-repeat left; padding-left:24px; color:#0071ec; font-size:15px;}
.page-consulting-apply .info__history .history__remove {background:url('/assets/images/ico/ic-minus-red-22.svg') no-repeat left; padding-left:24px; color:#0071ec; font-size:14px; font-weight:400; margin-bottom:6px; display:inline-block;}
.page-consulting-apply .info__summary .summary__textarea-box {padding-top:30px;}
.page-consulting-apply .info__career {display:none;}
.page-consulting-apply .info__career .career__textarea-box {padding-top:30px;}
.page-consulting-apply .info__schedule .require-header {position:relative;}
.page-consulting-apply .info__schedule .require-header .schedule__check-item {position:absolute; right:0; bottom:0;}
.page-consulting-apply .info__schedule .schedule__ul {display:flex; justify-content:space-between; margin:0 -3px; padding-top:20px;}
.page-consulting-apply .info__schedule .schedule__ul > li {width:100%; padding: 0 3px;}
.page-consulting-apply .info__schedule .schedule__card {position:relative; background:#f3f5f8; padding:16px 8px; border-radius:12px; overflow:hidden;}
.page-consulting-apply .info__schedule .schedule__card.disabled:after {position:absolute; top:0; left:0; width:100%; height:100%; background:#f3f5f8; opacity:0.8; display:block; content:'';}
.page-consulting-apply .info__schedule .schedule__card .card__header {padding-bottom:15px; border-bottom:1px solid #d9dbe0; text-align:center; font-weight:700; color:#222;}
.page-consulting-apply .info__schedule .schedule__card .card__header span {font-size:15px; line-height:24px; letter-spacing:-0.5px;}
.page-consulting-apply .info__schedule .schedule__card .card__body {padding-top:18px;}
.page-consulting-apply .info__schedule .schedule__card .card__body .card__ul li + li {margin-top:16px;}
.page-consulting-apply .apply-btn {justify-content:space-between; height:76px;}
.page-consulting-apply .apply-btn:disabled {font-size:16px; font-weight:300;}
.page-consulting-apply .apply-save__btn {display:none; position:fixed; bottom:50px; right:143px; width:116px; height:56px; border:1px solid #0071ec; background:#fff; color:#0071ec; border-radius:31px; font-size:15px; box-shadow:0 15px 15px 0 rgba(0, 28, 62, 0.14);}
.page-consulting-apply .apply-save__btn.active {display:block;}

@media (max-width:1080px) {
    .page-consulting-apply {padding-top:26px; padding-bottom:20px;}
    .page-consulting-apply .consulting-apply__header img {width:36px; margin-right:6px;}
    .page-consulting-apply .consulting-apply__header {padding-bottom:26px;}
    .page-consulting-apply .consulting-apply__header .page-title-kr28 {font-size:20px;}
    .page-consulting-apply .consulting-apply__default .default__career > label {font-size:14px;}
    .page-consulting-apply .consulting-apply__default .default__career > label.require:before {left:-8px; width:4px; height:4px;}
    .page-consulting-apply .consulting-apply__default .default__career .career__ul {flex-wrap:nowrap; overflow-x:auto;}
    .page-consulting-apply .consulting-apply__default .default__career .career__ul li {flex:0 0 auto;}
    .page-consulting-apply .consulting-apply__info .info__security .security__txt {font-size:14px; word-break:keep-all;}
    .page-consulting-apply .info__schedule .require-header .schedule__check-item {bottom:-26px;}
    .page-consulting-apply .info__schedule .require-header .schedule__check-item label {padding-left:20px;}
    .page-consulting-apply .info__schedule .schedule__ul {flex-wrap:wrap; padding-top:40px;}
    .page-consulting-apply .info__schedule .schedule__ul > li {flex:0 1 50%; max-width:50%; margin-bottom:8px;}
    .page-consulting-apply .info__schedule .schedule__card .card__body .card__ul li + li {margin-top:14px;}
    .page-consulting-apply .info__schedule .schedule__card {padding:11px 16px;}
    .page-consulting-apply .info__schedule .schedule__ul .ch-check-txt {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-consulting-apply .info__schedule .schedule__ul .ch-check-label {padding-left:20px;}
    .page-consulting-apply .info__mentor .mentor__ul {overflow-x:auto; padding-bottom:30px; margin:0 -16px;}
    .page-consulting-apply .info__mentor .mentor__ul::-webkit-scrollbar {width:0; height:0;}
    .page-consulting-apply .info__mentor .mentor__textarea-box {padding-top:0;}
    .page-consulting-apply .info__mentor .mentor__ul li {width:auto; flex:0 0 220px;}
    .page-consulting-apply .info__mentor .mentor__ul li:first-child {padding-left:22px;}
    .page-consulting-apply .info__mentor .mentor__ul li:last-child {padding-right:22px;}
    .page-consulting-apply .info__history .history__area {flex-wrap:wrap; justify-content:space-between;}
    .page-consulting-apply .info__history .history__area .ch-input {display:flex; flex-basis:49%; margin-bottom:2%; margin-right:0;}
    .page-consulting-apply .consulting-apply__info .info__contents + .info__contents {margin-top:28px;}
    .page-consulting-apply .apply-btn {height:62px;}
    .page-consulting-apply .apply-save__btn {height:42px; bottom:30px; right:50%; transform:translateX(50%); z-index:1000;}
    .page-consulting-apply .consulting-apply__info .info__body {padding-bottom:20px;}
    .page-consulting-apply .affiliation__ul {overflow-x:auto;}
    .page-consulting-apply .affiliation__ul::-webkit-scrollbar {width:0; height:0;}
    .page-consulting-apply .affiliation__ul li {flex:0 0 auto;}
    .page-consulting-apply .info__schedule .require-header {padding-bottom:10px;}
    .page-consulting-apply .info__topic .topic__contents p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-consulting-apply .info__schedule .schedule__card .card__header {text-align:left; padding-bottom:11px;}
    .page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__header {padding-bottom:11px;}
    .page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__header .mentor__icon {margin:0 auto;}
    .page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__header .mentor__icon figure {text-align:center;}
    .page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__header .mentor__icon figcaption {font-size:15px; line-height:22px; letter-spacing:-0.7px; margin-top:30px; text-align:center;}
    .page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__header .mentor__category {top:80px; right:50%; transform:translateX(50%);}
    .page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__body .ch-check-label:before {background:none;}
    .page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__body .ch-check-label:after {background:none;}
    .page-consulting-apply .info__mentor .mentor__ul li .mentor__card .mentor__body .ch-check-txt {font-size:17px; line-height:23px; letter-spacing:-0.2px;}
}

.page-payment {padding-top:152px; padding-bottom:0;}
.page-payment .payment__header {display:flex; align-items:center; padding-bottom:60px;}
.page-payment .payment__header img {margin-right:10px;}
.page-payment .payment-section .section__header {padding-bottom:20px;}
.page-payment .payment-section .coupon__body {padding-top:0;}
.page-payment .payment-section .coupon__body .page-mypage-coupon .coupon__input-area {padding-top:0;}
.page-payment .product__panel {border-radius:14px; background:#f3f5f8; padding:22px 26px;}
.page-payment .product__panel .panel__top {font-size:15px; color:#888c99; display:flex; align-items:center; padding-bottom:6px; letter-spacing:-0.5px;}
.page-payment .product__panel .panel__top span {font-size:12px; color:#d9dbe0; margin:0 10px;}
.page-payment .product__panel .panel__title {font-size:23px; color:#222; padding-bottom:18px; word-break:keep-all; line-height:32px; letter-spacing:-0.6px;}
.page-payment .product__panel .panel__mid {align-items:center; font-size:15px; font-weight:700; padding-bottom:10px; border-bottom:1px solid #d9dbe0; letter-spacing:-0.5px;}
.page-payment .product__panel .panel__mid img {margin-right:5px;}
.page-payment .product__panel .panel__mid span span {color:#0071ec;}
.page-payment .product__panel .panel__mid span span.emerald {color:#109e9e;}
.page-payment .product__panel .panel__mid span span.violet {color:#5050ef;}
.page-payment .product__panel .panel__bot {padding-top:10px; font-size:15px; color:#888c99; letter-spacing:-0.5px;}
.page-payment .product__panel .panel-bot__txt {font-size:15px; color:#222; padding-bottom:2px;}
.page-payment .product__panel .panel__ul li {position:relative; padding-left:11px;}
.page-payment .product__panel .panel__ul li:before {position:absolute; top:50%; left:0; width:3px; height:3px; background:#888c99; border-radius:100%; display:block; content:''; transform:translateY(-50%);}
.page-payment .payment-section + .payment-section {padding-top:60px; padding-bottom:0;}
.page-payment .coupon__panel {padding:28px 26px 26px 26px; border-radius:16px; border:1px solid #d9dbe0;}
.page-payment .coupon__accordion {position:relative; display:flex; align-items:center; justify-content:space-between;}
.page-payment .coupon__accordion p {font-size:18px; line-height:26px; letter-spacing:-0.5px;}
.page-payment .coupon__accordion span {color:#0071ec;}
.page-payment .coupon__contents {display:none; margin-top:26px; border-top:1px solid #d9dbe0; padding-top:20px;}
.page-payment .coupon-icon {position:absolute; top:50%; right:0; transform:translateY(-50%); width:24px; height:24px; background:url('/assets/images/ico/ic-drawer-open-gray-24.svg') no-repeat 0; cursor:pointer;}
.page-payment .coupon-icon.open {background:url('/assets/images/ico/ic-drawer-close-gray-24.svg') no-repeat 0;}
.page-payment .coupon__ul li + li {margin-top:8px;}
.page-payment .coupon {display:flex; align-items:center; justify-content:space-between; padding:0 26px; background:#f3f5f8; border-radius:10px; cursor:pointer; height:66px;}
.page-payment .coupon .coupon__left {display:flex; align-items:center;}
.page-payment .coupon .coupon__right {text-align:right;}
.page-payment .coupon .coupon__benefit {font-size:16px; font-weight:700;color:#0071ec; letter-spacing:-0.6px;}
.page-payment .coupon .bar {color:#b6bbc7; margin:0 12px;}
.page-payment .coupon .coupon__txt {font-size:16px; color:#888c99; letter-spacing:-0.6px;}
.page-payment .coupon .coupon__d-day {font-size:15px; font-weight:700; color:#222; letter-spacing:-0.5px;}
.page-payment .coupon .coupon__due-date {font-size:12px; color:#888c99; letter-spacing:-0.1px;}
.page-payment .coupon.active {background:#0071ec;}
.page-payment .coupon.active .coupon__benefit,
.page-payment .coupon.active .bar,
.page-payment .coupon.active .coupon__txt,
.page-payment .coupon.active .coupon__d-day,
.page-payment .coupon.active .coupon__due-date {color:#fff;}
.page-payment .amount__div {display:flex; align-items:center; justify-content:space-between;}
.page-payment .amount__total {height:60px; padding-bottom:10px; border-bottom:1px solid #d9dbe0; margin-bottom:10px;}
.page-payment .amount__total .amount__number {font-size:28px; font-weight:700; color:#0071ec;}
.page-payment .amount__detail {min-height:40px;}
.page-payment .amount__detail + .amount__detail {margin-top:10px;}
.page-payment .amount__txt {font-size:16px; color:#888c99; letter-spacing:-0.6px; line-height:26px;}
.page-payment .amount__number {font-size:20px; color:#888c99; display:flex; align-items:center; letter-spacing:-0.5px;}
.page-payment .payment__way {padding-bottom:86px;}
.page-payment .amount__badge {background:rgba(255,83,82,0.1); padding:1px 10px; font-size:13px; font-weight:700; display:inline-block; color:#ff5352; border-radius:12px;}
.page-payment .amount__badge + .amount__badge {margin-left:6px;}
.page-payment .amount__badge:last-child {margin-right:12px;}
.page-payment .way__ul {display:flex; flex-wrap:wrap; margin:0 -4px;}
.page-payment .way__ul li {flex-basis:33.333333%; padding:4px;}
.page-payment .payment__selector {}
.page-payment .payment__selector .payment__label {display:flex; align-items:center; height:56px; padding:0 14px; cursor:pointer; background:#fff; color:#222; border:1px solid #ededf2; border-radius:8px; font-size:16px; letter-spacing:-0.6px;}
.page-payment .payment__selector .payment__label .payment__icon {background:url('/assets/images/ico/ic-credit-card-black-38.svg') no-repeat center; width:38px; height:38px; margin-right:14px; display:block;}
.page-payment .payment__selector .payment__label .payment__icon.account {background:url('/assets/images/ico/ic-account-transfer-black-38.svg') no-repeat center;}
.page-payment .payment__selector .payment__label .payment__icon.deposit {background:url('/assets/images/ico/ic-deposit-black-38.svg') no-repeat center;}
.page-payment .payment__selector .payment__label .payment__icon.kakao {background:url('/assets/images/ico/ic-kakaopay.png') no-repeat center; width:67px; height:28px; background-size:cover; margin-right:12px;}
.page-payment .payment__selector .payment__label .payment__icon.naver {background:url('/assets/images/ico/ic-naverpay.png') no-repeat center; width:61px; height:24px; background-size:contain; margin-right:12px;}
.page-payment .payment__selector input[type="radio"]:checked + .payment__label {border-color:#0071ec; color:#0071ec;}
/*.page-payment .payment__selector input[type="radio"]:checked + .payment__label .payment__icon.account {background:url('/assets/images/ico/ic-account-transfer-white-38.svg') no-repeat center;}*/
/*.page-payment .payment__selector input[type="radio"]:checked + .payment__label .payment__icon.deposit {background:url('/assets/images/ico/ic-deposit-white-38.svg') no-repeat center;}*/
/*.page-payment .payment__selector input[type="radio"]:checked + .payment__label .payment__icon.kakao {background:url('/assets/images/ico/ic-kakaopay-white-38.svg') no-repeat center;}*/
/*.page-payment .payment__selector input[type="radio"]:checked + .payment__label .payment__icon.naver {background:url('/assets/images/ico/ic-naverpay-white-38.svg') no-repeat center;}*/
.page-payment .way__info {font-size:13px; color:#838898; padding-top:20px; letter-spacing:-0.3px;}
.page-payment .payment__agree {padding-top:86px; padding-bottom:80px;}
.page-payment .payment__agree .agree__checkbox {padding-bottom:26px;}
.page-payment .payment__bottom {background:#fafbfc; padding:60px 0;}
.page-payment .payment__bottom .policy__ul > li {padding:22px 20px; border:1px solid #d9dbe0; border-radius:12px;}
.page-payment .payment__bottom .policy__ul > li + li {margin-top:10px;}
.page-payment .payment__bottom .policy__title {display:flex; align-items:center; justify-content:space-between;}
.page-payment .payment__bottom .policy__title p {font-size:16px; font-weight:700;}
.page-payment .payment__bottom .policy__icon {display:block; background:url('/assets/images/ico/ic-drawer-open-gray-24.svg') no-repeat 0; width:24px; height:24px; cursor:pointer;}
.page-payment .payment__bottom .policy__icon.open {background:url('/assets/images/ico/ic-drawer-close-gray-24.svg') no-repeat 0;}
.page-payment .payment__bottom .policy__contents {display:none; margin-top:20px;}
.page-payment .payment__bottom .policy__contents > div {overflow-y:auto;}
.page-payment .payment__bottom .policy__contents p, .page-payment .payment__bottom .policy__contents .etc__ul > li {font-size:13px; color:#838898; padding-right:10px;}
.page-payment .payment__bottom .policy__contents .etc__ul > li:before {top:8px; margin-top:0;}
.page-payment .payment__bottom .policy__contents .etc__title {margin-top:16px; padding-bottom:0;}
.page-payment .payment__bottom .policy__contents .etc__txt {padding:10px 0 0 0;}
.page-payment .payment__amount .amount__info {display:flex; align-items:center; color:#ff5352; padding:20px 0 28px 0; font-size:15px; letter-spacing:-0.5px;}
.page-payment .payment__amount .amount__info img {margin-right:6px;}
.page-payment .payment__amount .amount__instruction {margin-top:20px; padding:22px 20px; border:1px solid #d9dbe0; border-radius:12px;}
.page-payment .payment__amount .amount__instruction .instruction__title {font-size:16px; font-weight:700; color:#222; padding-bottom:20px;}
.page-payment .payment__amount .instruction__contents {max-height:210px; overflow-y:auto; font-size:13px; color:#888c99;}
.page-payment .payment__amount .instruction__contents p {padding-right:4px;}
.page-payment .payment-hr {border:none; border-top:1px solid #d9dbe0; margin:10px 0;}
.page-payment .payment__btn-group {padding-top:60px;}
.page-payment .payment__btn-group a {font-size:18px;}
.page-payment .payment__btn-group a:last-child {font-weight:700;}
.page-payment .payment__agree .agree__checkbox {}
.page-payment .payment__agree .agree__checkbox .ch-check-txt {font-size:16px;}
.page-payment .payment__agree .agree__checkbox .ch-check-label {padding-left:34px;}
.page-payment .payment__agree .agree__checkbox .ch-check + .ch-check-label:before,
.page-payment .payment__agree .agree__checkbox .ch-check:checked + .ch-check-label:after {width:24px; height:24px;}
.page-payment .payment__agree button > img {width:42px;}
.link__btn-group {display:flex; align-items:center;}
.link__btn-group a {display:flex; align-items:center; justify-content:center; width:100%; height:76px; background:#0071ec; color:#fff; border-radius:13px;}
.link__btn-group a:first-child {margin-right:12px; background:#f3f5f8; color:#222;}
.page-payment-done {padding-bottom:100px;}
.page-payment .product__badge {background:rgba(80,80,239,0.1); padding:3px 8px; font-size:13px !important; font-weight:700; display:inline-block; color:#5050ef !important; border-radius:12px; margin:0 10px 0 0 !important;}
.page-payment-done .product__panel .panel__bot {color:#222;}
.page-payment-done .product__panel .panel__bot .list-style-dot {color:#222;}
.page-payment-done .product__panel .panel__bot .list-style-dot {font-size:15px; letter-spacing:-0.5px; line-height:24px;}
.page-payment-done .product__panel .panel__bot .list-style-dot li:before {top:11px; background:#222;}

@media (max-width:1080px) {
    .page-payment .payment__agree .agree__checkbox .ch-check-txt {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-payment .payment__agree .agree__checkbox .ch-check-label {padding-left:22px;}
    .page-payment .payment__agree .agree__checkbox .ch-check + .ch-check-label:before,
    .page-payment .payment__agree .agree__checkbox .ch-check:checked + .ch-check-label:after {width:14px; height:14px;}
    .page-payment .coupon__panel {border-radius:10px; padding: 15px 14px;}
    .page-payment .payment-section .section__header ul li:not(:first-of-type):before {height:22px; vertical-align:-4px;}
    .page-payment-done {padding-bottom:80px;}
    .link__btn-group a {border-radius:9px;}
    .link__btn-group a:first-child {margin-right:8px;}
    .page-payment .product__panel .panel-bot__txt {font-size:13px;}
    .page-payment {padding-top:26px;}
    .page-payment-done .product__panel .panel__bot .list-style-dot {font-size:13px; line-height:20px;}
    .page-payment-done .product__panel .panel__bot .list-style-dot li:before {top:9px;}
    .page-payment .payment__header {padding-bottom:26px;}
    .page-payment .payment-section .section__header {padding-bottom:10px;}
    .page-payment .payment__amount .section__header {padding-bottom:0;}
    .page-payment .payment__header img {width:36px; margin-right:6px;}
    .page-payment .product__panel {padding:14px 18px;}
    .page-payment .product__panel .panel__title {font-size:17px; padding-bottom:10px; line-height:23px; letter-spacing:-0.7px;}
    .page-payment .product__panel .panel__bot {font-size:13px; letter-spacing:-0.5px; line-height:20px;}
    .page-payment .payment__amount .amount__info {align-items:flex-start; font-size:13px; word-break:keep-all; padding:17px 0; letter-spacing:-0.6px;}
    .page-payment .product__panel .panel__top {font-size:13px; padding-bottom:2px; letter-spacing:-0.6px;}
    .page-payment .product__panel .panel__mid {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-payment .product__panel .panel__mid img {width:20px; margin-right:2px;}
    .page-payment .product__panel .panel__ul > li {height:auto;}
    .page-payment .product__panel .panel__ul > li + li {margin-top:8px;}
    .page-payment .payment__case02 .product__panel .panel__ul li:before {top:10px; transform:none;}
    .page-payment .way__ul li {flex-basis:50%;}
    .page-payment .amount__badge:last-child {margin-right:0;}
    .page-payment .amount__total .amount__number {font-size:22px; letter-spacing:-1px;}
    .page-payment .amount__number {position:relative; flex-direction:column-reverse; align-items:flex-end; font-size:17px; letter-spacing:-0.7px;}
    .page-payment .amount__number .coupon__group {position:absolute; top:35px; right:0; width:calc(100vw - 32px); text-align:right;}
    .page-payment .coupon__accordion p {font-size:15px;}
    .page-payment .coupon__contents {margin-top:14px; padding-top:10px;}
    .page-payment .coupon {padding:0 12px; height:52px;}
    .page-payment .coupon .coupon__left {flex:0 0 auto;}
    .page-payment .coupon .coupon__right {width:100%;}
    .page-payment .payment-section + .payment-section {padding-top:40px;}
    .page-payment .coupon .coupon__benefit {font-size:14px;}
    .page-payment .coupon .coupon__txt {font-size:14px;}
    .page-payment .coupon .coupon__due-date {display:none;}
    .page-payment .amount__coupon {align-items:flex-start !important;}
    .page-payment .payment__selector .payment__label {height:52px; padding:0 10px; font-size:15px; letter-spacing:-0.7px;}
    .page-payment .payment__selector .payment__label .payment__icon {width:32px; height:32px; background-size:cover !important; margin-right:8px;}
    .page-payment .payment__selector .payment__label .payment__icon.kakao {width:53px; height:22px;}
    .page-payment .payment__selector .payment__label .payment__icon.naver {width:55px; height:22px;}
    .page-payment .payment__selector .payment__label .payment__icon.naver + span {width:66px;}
    .page-payment .payment__agree {padding-top:35px; padding-bottom:20px;}
    .page-payment .payment__agree .agree__checkbox {padding-bottom:15px;}
    .page-payment .payment__bottom {padding:24px 0;}
    .page-payment .payment__bottom .policy__ul > li {padding:15px 16px;}
    .page-payment .payment__bottom .policy__ul > li + li {margin-top:6px;}
    .page-payment .payment__bottom .policy__title p {font-size:14px;}
    .page-payment .payment__amount .amount__info img {width:20px;}
    .page-payment .payment__amount .amount__instruction {padding:16px;}
    .link__btn-group a {height:56px; font-size:16px;}
    .page-payment .payment__btn-group {padding-top:26px;}
    .page-payment .payment__btn-group a {font-size:15px; letter-spacing:-0.4px;}
    .page-payment .amount__detail + .amount__detail {margin-top:0;}
    .page-payment .amount__txt {font-size:15px;}
    .page-payment .product__panel .panel__top span {margin:0 6px;}
    .page-payment .product__badge {margin:0 8px 0 0 !important; padding:1px 9px; letter-spacing:-0.6px;}
}

/* mypage */
.list-empty {display:flex; flex-direction:column; align-items:center; justify-content:center; height:366px; border:1px solid #d9dbe0; border-radius:20px; text-align:center;}
.list-empty .empty__title {font-size:20px; font-weight:700; color:#4e535e; padding-bottom:6px; line-height:28px; letter-spacing:-0.5px;}
.list-empty .empty__txt {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.list-empty .empty__link {display:flex; width:156px; height:56px; align-items:center; justify-content:center; border-radius:12px; background:#0071ec; color:#fff; margin-top:26px; font-weight:700; letter-spacing:-0.5px;}

@media (max-width:1080px) {
    .list-empty {min-height:180px; height:auto;}
    .list-empty h3 {margin-top:8px; font-size:15px; padding-bottom:8px;}
    .list-empty figure {width:110px; padding-top:26px;}
    .list-empty figure img {width:100%;}
    .list-empty .empty__title {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .list-empty .empty__txt {font-size:14px; letter-spacing:-0.6px; line-height:21px;}
    .list-empty .empty__link {height:48px; margin-top:14px; margin-bottom:30px; font-size:14px; letter-spacing:-0.4px;}
}

.page-mypage-class .class__ul {border-radius:12px; overflow:hidden;}
.page-mypage-class .class__ul > li + li {border-top:1px solid #ededf2;}
.page-mypage-class .ch-tab__contents div + div:not(.class__btn-group) {margin-top:20px;}
.page-mypage-class .class__item {padding:38px 40px; background:#fff;}
.page-mypage-class .class__item .item__img {flex:0 0 74px; margin-right:26px; display:table;}
.page-mypage-class .class__item .item__img span {width:74px; height:74px; text-align:center; border-radius:12px; vertical-align:middle; overflow:hidden; display:table-cell;}
.page-mypage-class .class__item .item__img img {width:46px;}
.page-mypage-class .class__item .item__top {display:flex; align-items:center;}
.page-mypage-class .class__item .item__top span {font-size:15px; color:#222; letter-spacing:-0.5px;}
.page-mypage-class .class__item .item__title {font-size:18px; line-height:26px; letter-spacing:-0.4px; font-weight:700; padding-bottom:6px;}
.page-mypage-class .class__item .item__bottom {display:flex; align-items:center;}
.page-mypage-class .class__item .item__bottom span {font-size:14px; color:#888c99; letter-spacing:-0.4px;}
.page-mypage-class .class__item .item__bottom .active {color:#0071ec; cursor:pointer;}
.page-mypage-class span.bar {font-size:11px !important; color:#d9dbe0 !important; margin:0 10px !important;}
.page-mypage-class .class__item:hover {background:#f7f9fb;}
.page-mypage-class .class__item:hover .item__title a {color:#0071ec !important;}
.page-mypage-class .class__item .class__review-btn {position:absolute; top:0; right:0; background:#e5f0fd; border-radius:20px; color:#0071ec; font-weight:700; padding:5px 12px 6px 12px;}
.page-mypage-class .class__btn-group {padding-top:30px; text-align:center;}
.page-mypage-class .btn-more {border:none; background:#e5f0fd; padding:8px 18px; color:#0071ec; font-size:15px; border-radius:20px;}
.page-mypage-class .class__ul-complete .class__item .item__top span {color:#888c99;}
.page-mypage-class .class__ul-complete .class__item .item__title a {color:#888c99;}
.page-mypage-class .class__ul-interest .class__item .item__title {padding-bottom:10px;}
.page-mypage-class .class__ul-interest .class__item .item__top span {color:#0071ec;}
.page-mypage-class .class__ul-interest .class__item .item__top span:first-child {font-weight:700;}
.page-mypage-class .class__ul-interest .class__item .item__bottom .ch-hash-tag + .ch-hash-tag {margin-left:4px;}
.page-mypage-class .class__ul-interest .class__item.disabled .item__title a {color:#888c99;}
.page-mypage-class .class__ul-interest .class__item.disabled .item__top span {color:#888c99;}
.page-mypage-class .class__ul-interest .class__item.disabled .item__top span:first-child {font-weight:400;}

.modal-review .modal-review__card .class__item {padding:20px 40px; margin:0 -40px; border-bottom:1px solid #ededf2;}
.modal-review .modal-review__card .class__item:hover {background:#fff;}
.modal-review .evaluation-area {position:relative; height:214px;}
.modal-review .evaluation-area img {width:100%;}
.modal-review .evaluation__position {position:absolute; top:50px; left:0; width:100%; text-align:center;}
.modal-review .evaluation__info {padding-top:12px; font-size:15px; color:#888c99;}
.modal-review .evaluation__score {padding-top:8px; font-size:20px; font-weight:700; color:#ff9c00;}
.modal-review .evaluation__txt {font-size:20px; font-weight:700; padding-top:13px; letter-spacing: -0.5px; line-height:28px;}
.modal-review .ch-marker:after {bottom:-1px; height:14px; background:#e5f0fd;}
.modal-review .review-warning__txt {font-size:14px; color:#888c99; padding-top:12px; padding-bottom:28px; letter-spacing:-0.4px;}
.modal-review .review-modal__btn-group {display:flex; align-items:center; justify-content:center;}
.modal-review .review-modal__btn-group button {flex:0 0 156px;}
.modal-review .review-modal__btn-group button:first-child {margin-right:10px;}

@media (max-width:1080px) {
    .page-mypage-class .class__item {padding:16px 18px;}
    .page-mypage-class .class__item > div > div {align-items:flex-start;}
    .page-mypage-class .class__item .item__img {flex:0 0 60px; margin-right:16px;}
    .page-mypage-class .class__item .item__img span {width:60px; height:60px; border-radius:6px;}
    .page-mypage-class .class__item .item__img img {width:36px;}
    .page-mypage-class .class__item .item__top span {font-size:13px;}
    .page-mypage-class .class__item .item__title {font-size:16px; line-height:22px; letter-spacing:-0.6px;}
    .page-mypage-class .class__item .item__bottom span {font-size:13px; letter-spacing:-0.6px;}
    .page-mypage-class .class__item .class__review-btn {position:static; height:38px; width:100%; font-size:13px; border-radius:7px; margin-top:11px;}
    .page-mypage-class .class__btn-group {padding-top:20px;}

    .modal-review {}
    .modal-review .evaluation-area {height:138px;}
    .modal-review .evaluation__position {top:22px;}
    .modal-review .ch-modal__inner {top:54px; left:0; transform:translate(0); padding:0;}
    .modal-review .modal-review__card .class__item {padding:0 0 20px 0; margin:0;}
    .modal-review .star-group span {width:30px; height:30px;}
    .modal-review .evaluation__score {font-size:14px;}
    .modal-review .evaluation__txt {padding-top:4px;}
    .modal-review .review-warning__txt {font-size:13px; letter-spacing:-0.5px;}
}

/* mypage lecture */
.lecture__badge {border:1px solid #222; border-radius:14px; font-size:13px; font-weight:700; padding:5px 10px 5px 10px; display:inline-block; letter-spacing:-0.4px;}
.content__like {position:absolute; right:30px; background:#fff; display:flex; align-items:center; padding:3px 8px 3px 3px; border-radius: 19px; box-shadow:0 1px 0 0 #a3adca; border:1px solid #f3f5f8; cursor:pointer;}
.content__like.active {background:#0071ec; box-shadow:none; border:1px solid #0071ec;}
.content__like.active span {color:#fff;}
.content__like img {margin-right:6px;}
.content__like span {font-size:16px; color:#0071ec; font-weight:700; letter-spacing:-0.4px;}

.page-mypage-lecture {width:100%; min-height:100vh; margin:0 auto; display:flex;}
.page-mypage-lecture .lecture {width:calc(100% - 474px); padding:50px 40px 0 40px;}
.page-mypage-lecture .lecture .lecture__header .lecture__title  {font-size:23px; padding-top:6px; padding-bottom:12px; line-height:32px; letter-spacing:-0.6px;}
.page-mypage-lecture .lecture .lecture__view {padding-bottom:20px;}
.page-mypage-lecture .lecture .lecture__view .view__area {position:relative; width:100%; padding-bottom:56.25%; background:#ddd;}
.page-mypage-lecture .lecture .lecture__view .view__area iframe {position:absolute; width:100%; height:100%;}
.page-mypage-lecture .lecture .lecture__goal {padding:22px 20px; background:#e5f0fd; border-radius:10px; margin-bottom:40px;}
.page-mypage-lecture .lecture .lecture__goal .goal__header {display:flex; align-items:center; padding-bottom:10px;}
.page-mypage-lecture .lecture .lecture__goal .goal__header img {margin-right:10px;}
.page-mypage-lecture .lecture .lecture__goal .goal__header span {font-size:18px; font-weight:700; color:#0071ec; line-height:26px; letter-spacing:-0.4px;}
.page-mypage-lecture .lecture .lecture__goal .goal__body {font-size:16px; color:#222; letter-spacing:-0.6px; line-height:24px;}
.page-mypage-lecture .lecture__forum .round__header {display:flex; align-items:center; padding-bottom:13px; border-bottom:1px solid #d9dbe0;}
.page-mypage-lecture .lecture__forum .round__header img {margin-right:8px;}
.page-mypage-lecture .lecture__forum .round__header span {font-size:20px; font-weight:700; color:#222;}
.page-mypage-lecture .lecture__forum .forum__body {margin:0 -40px;}
.page-mypage-lecture .lecture__forum .forum__body .forum__ul {}
.page-mypage-lecture .lecture__forum .forum__body .scrollbar-macosx {max-height:600px; overflow-y:auto;}
.page-mypage-lecture .lecture__forum .forum__body .forum__ul li {padding:0 40px 0 40px;}
.page-mypage-lecture .lecture__forum .forum__body .forum__ul li .forum__comments-group {padding:24px 0 27px 0;}
.page-mypage-lecture .lecture__forum .forum__body .forum__ul li + li .forum__comments-group {border-top:1px solid #d9dbe0;}
.page-mypage-lecture .lecture__forum .forum__body .forum__ul li:hover {background:#f7f9fb;}
.page-mypage-lecture .lecture__forum .forum__body .forum__ul li:hover .forum__reply .comment__link {font-weight:700;}
.page-mypage-lecture .lecture__forum .forum__comments {display:flex; align-items:flex-start;}
.page-mypage-lecture .lecture__forum .forum__comments .comments__thumbnail {width:42px; margin-right:16px; border-radius:50%;}
.page-mypage-lecture .lecture__forum .forum__comments .comments__thumbnail img {width:100%;}
.page-mypage-lecture .lecture__forum .forum__comments .comments__content-area {width:calc(100% - 58px);}
.page-mypage-lecture .lecture__forum .forum__comments .comments__content {}
.page-mypage-lecture .lecture__forum .forum__comments .content__top {display:flex; align-items:center; padding-bottom:8px;}
.page-mypage-lecture .lecture__forum .forum__comments .content__top .content__id {font-size:14px; color:#222; font-weight:bold; letter-spacing:-0.4px;}
.page-mypage-lecture .lecture__forum .forum__comments .content__top .content__dot {display:inline-block; width:3px; height:3px; background:#d1d8e4; margin:0 4px; border-radius:50%;}
.page-mypage-lecture .lecture__forum .forum__comments .content__top .content__date {font-size:14px; color:#838898; letter-spacing:-0.4px;}
.page-mypage-lecture .lecture__forum .forum__comments .content__detail {font-size:16px; color:#222; line-height:24px; letter-spacing:-0.6px;}
.page-mypage-lecture .lecture__forum .forum__reply {padding-left:58px; margin-top:18px;}
.page-mypage-lecture .lecture__forum .forum__reply .comments__thumbnail {width:30px; margin-right:10px;}
.page-mypage-lecture .lecture__forum .forum__reply .comments__content-area {width:calc(100% - 40px);}
.page-mypage-lecture .lecture__forum .forum__reply .comments__content {position:relative; padding:18px 20px; border-radius:13px; background:#f3f5f8; margin-bottom:10px;}
.page-mypage-lecture .lecture__forum .forum__reply .comment__link {font-size:14px; color:#0071ec; display:inline-flex; align-items:center; letter-spacing:-0.4px;}
.page-mypage-lecture .forum__footer {padding-top:20px; padding-bottom:100px; border-top:1px solid #d9dbe0;}
/*.page-mypage-lecture .forum__footer .ch-input {position:relative; background:#fff; border-color:#d9dbe0; height:60px; padding-top:0; padding-bottom:0; padding-right:10px;}
.page-mypage-lecture .forum__footer .ch-input.active {border-color:#222;}
.page-mypage-lecture .forum__footer .ch-btn {position:absolute; top:50%; right:10px; z-index:50; width:56px; transform:translateY(-50%);}
.page-mypage-lecture .forum__footer .ch-input.active .ch-btn {display:flex;}*/
.page-mypage-lecture .forum__footer .textArea {flex-direction:column; align-items:flex-end; display:flex;}
.page-mypage-lecture .forum__footer .textArea textarea {width:100% !important; padding:15px 22px; border:1px solid #d9dbe0; border-radius:10px;}
.page-mypage-lecture .forum__footer .textArea .ch-btn {width:100px; margin-top:15px;}
.page-mypage-lecture .lecture-side {width:474px; min-height:100vh; background:#f3f5f8; padding:84px 40px 40px 40px;}
.page-mypage-lecture .lecture__relation .relation__title,
.page-mypage-lecture .lecture__note .note__title {padding-bottom:13px; font-size:20px; font-weight:700; color:#222; display:flex; line-height:28px; letter-spacing:-0.5px;}
.page-mypage-lecture .lecture__relation .relation__title img,
.page-mypage-lecture .lecture__note .note__title img {margin-right:6px;}
.page-mypage-lecture .ch-tab__contents-group {padding-top:35px;}
.page-mypage-lecture .lecture__relation .relation__ul li + li {margin-top:6px;}
.page-mypage-lecture .lecture__relation .relation__ul li a {display:flex; width:100%; height:56px; padding:0 20px; background:#fff; border-radius:8px; justify-content:space-between; align-items:center; border:1px solid #fff;}
.page-mypage-lecture .lecture__relation .relation__ul li a:hover {border:1px solid #0071ec;}
.page-mypage-lecture .lecture__relation .relation__ul li a span {font-size:15px; font-weight:700; letter-spacing:-0.5px;}
.page-mypage-lecture .lecture__relation .relation__figure {padding-top:30px; padding-bottom:30px;}
.page-mypage-lecture .lecture__relation .relation__figure img {width:100%;}
.page-mypage-lecture .lecture__note .note__contents {border-radius:12px; background:#fff; padding:18px 20px;}
.page-mypage-lecture .lecture__note .note__contents .note-contents__title {font-size:16px; font-weight:700; letter-spacing:-0.8px;}
.page-mypage-lecture .lecture__note .note__contetns .note-contents__txt {font-size:16px; color:#4e535e; letter-spacing:-0.8px;}
.page-mypage-lecture .lecture__note .note__contents ol {margin-left:18px;}
.page-mypage-lecture .lecture__note .note__contents ul li {position:relative; padding-left:11px; list-style:none;}
.page-mypage-lecture .lecture__note .note__contents ul li:before {position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:1px; background:#222; border-radius:50%; display:block; content:'';}
.page-mypage-lecture .lecture__class .class__header {display:flex; align-items:center; padding-bottom:15px;}
.page-mypage-lecture .lecture__class .class__header .class__title {font-size:20px; font-weight:700; letter-spacing:-0.5px; line-height:28px;}
.page-mypage-lecture .lecture__class .class__header img {margin-right:6px;}
.page-mypage-lecture .lecture__class .lecture__ing, .page-mypage-lecture .lecture__class .class__recommend, .page-mypage-lecture .lecture__note {padding-top:45px;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul {border-radius:12px; overflow:hidden; padding:8px 0; background:#fff;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul li a {display:flex; align-items:flex-start; padding:14px 26px; background:#fff;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul li a.playing .thumbnail__cover {display:flex;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__thumbnail {position:relative; width:150px; height:84px; background:#eee; margin-right:18px; border-radius:3px; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__icon {width:74px; height:74px; margin-right:20px; border-radius:12px; overflow:hidden; display:table;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__icon > img {width:100%;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__icon > span {width:100%; height:100%; text-align:center; line-height:100%; vertical-align:middle; display:table-cell;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__icon span > img {width:46px;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .thumbnail__cover {display:none; position:absolute; top:0; left:0; width:100%; height:100%; justify-content:center; align-items:center; background:rgba(0,113,236,0.8);}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .thumbnail__cover span {font-size:13px; font-weight:700; color:#fff;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .thumbnail__icon {font-size:13px; font-weight:700;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents {width:calc(100% - 168px);}
.page-mypage-lecture .lecture__class .class__list-area02 .class__ul .class__contents {width:calc(100% - 94px);}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .contents__top {display:flex; align-items:center; padding-bottom:6px;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .class__badge {display:flex; justify-content:center; align-items:center; border:1px solid #d1d8e4; border-radius:16px; background:#fff; width:51px; height:26px; margin-right:10px; font-size:13px; color:#888c99; letter-spacing:-0.3px;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .class__time {font-size:12px; color:#888c99; letter-spacing:-0.2px;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .class__summary {height:44px; font-size:15px; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; letter-spacing:-0.5px;}
.page-mypage-lecture .lecture__class .class__list-area02 .class__ul .class__contents .class__summary {height:52px; font-size:18px; font-weight:700;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .class__txt {font-size:15px; color:#0071ec;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .bar {font-size:10px; color:#d9dbe0; margin:0 10px;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul li a:hover {background:#f7f9fb;}
.page-mypage-lecture .lecture__class .class__list-area .class__ul li a:hover .class__summary {color:#0071ec;}
.page-mypage-lecture .lecture__class .class__list-area .class__figure {padding-top:38px; padding-bottom:43px;}
.page-mypage-lecture .lecture__class .class__list-area .class__figure a img {width:100%;}
.page-mypage-lecture .forum__header {display:flex; align-items:center;}
.page-mypage-lecture .forum__header span {font-size:20px; font-weight:700; line-height:28px; letter-spacing:-0.5px; margin-left:10px;}

@media (max-width:1080px) {
    .lecture__badge {padding:2px 7px 2px 7px; font-size:12px;}
    .page-mypage-lecture .lecture-side {display:none;}
    .page-mypage-lecture .lecture {width:100%; padding:18px 16px;}
    .page-mypage-lecture .lecture .lecture__header .lecture__title {font-size:15px; line-height:22px; letter-spacing:-0.5px;}
    .page-mypage-lecture .lecture .lecture__view {margin:0 -16px; padding-bottom:13px;}
    .page-mypage-lecture .lecture .lecture__goal {padding:15px 16px; margin-bottom:22px;}
    .page-mypage-lecture .lecture .lecture__goal .goal__header {padding-bottom:15px;}
    .page-mypage-lecture .lecture .lecture__goal .goal__header img {width:20px; margin-right:5px;}
    .page-mypage-lecture .lecture .lecture__goal .goal__header span {font-size:15px;}
    .page-mypage-lecture .lecture .lecture__goal .goal__body {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-mypage-lecture .lecture__forum .forum__comments .comments__thumbnail {width:28px; margin-right:6px;}
    .page-mypage-lecture .lecture__forum .forum__comments .content__top .content__id {font-size:12px;}
    .page-mypage-lecture .lecture__forum .forum__comments .content__top .content__date {font-size:12px;}
    .page-mypage-lecture .lecture__forum .forum__comments .content__detail {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-mypage-lecture .lecture__forum .forum__reply {padding-left:34px;}
    .page-mypage-lecture .lecture__forum .forum__reply figure {width:24px !important;}
    .page-mypage-lecture .lecture__forum .forum__reply .comments__content {padding:10px 13px;}
    .content__like {padding:2px 8px 2px 2px; right:10px;}
    .content__like img {width:19px;}
    .content__like span {font-size:12px;}
    .page-mypage-lecture .lecture__forum .forum__body {margin:0 -16px;}
    .page-mypage-lecture .lecture__forum .forum__body .forum__ul li {padding:0 16px;}
    .page-mypage-lecture .lecture__forum .forum__reply .comment__link {font-size:13px;}
    .page-mypage-lecture .lecture__forum .forum__body .forum__ul li .forum__comments-group {padding:8px 0 15px 0;}
    /*.page-mypage-lecture .forum__footer .ch-input {height:50px;}
    .page-mypage-lecture .forum__footer .ch-btn {display:none !important;}
    .page-mypage-lecture .forum__footer {padding-bottom:32px;}*/
    .page-mypage-lecture .forum__footer {padding:0 0 32px 0; border-top:0 none;}
    .page-mypage-lecture .forum__footer .textArea textarea {padding:10px 15px;}
    .page-mypage-lecture .forum__header {padding-bottom:8px;}
    .page-mypage-lecture .ch-tab__contents-group__lecture {padding-top:0;}
    .page-mypage-lecture .ch-tab__contents {padding-top:24px;}
    .page-mypage-lecture .ch-tab__contents__gray {padding-top:16px; padding-bottom:18px; margin-bottom:-18px;}
    .page-mypage-lecture .lecture__class .class__header .class__title {font-size:15px;}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul .class__thumbnail {width:126px; height:70px; margin-right:10px;}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul li a {padding:12px 14px;}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul .class__icon {width:60px; height:60px; margin-right:16px; border-radius:6px;}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul .class__icon > img {width:100%;}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul .class__icon span > img {width:36%;}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .class__summary {font-size:14px;}
    .page-mypage-lecture .lecture__class .class__list-area02 .class__ul .class__contents .class__summary {height:42px;}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .class__time {font-size:12px; letter-spacing:-0.6px;}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents {width:calc(100% - 128px);}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .contents__top {padding-bottom:2px;}
    .page-mypage-lecture .lecture__class .class__recommend {padding-top:30px;}
    .page-mypage-lecture .lecture__class .class__list-area .class__figure {padding:0 0 20px 0;}
    .page-mypage-lecture .lecture__class .class__header img {width:20px;}
    .page-mypage-lecture .lecture__relation .relation__title img,
    .page-mypage-lecture .lecture__note .note__title img {width:20px;}
    .page-mypage-lecture .lecture__relation .relation__title,
    .page-mypage-lecture .lecture__note .note__title {font-size:15px;}
    .page-mypage-lecture .lecture__relation,
    .page-mypage-lecture .class__list-area {display:flex; flex-direction:column-reverse;}
    .page-mypage-lecture .lecture__note, .page-mypage-lecture .lecture__ing {padding-top:30px;}
    .page-mypage-lecture .lecture__class .class__list-area .class__ul .class__contents .class__txt {font-size:13px;}
    .page-mypage-lecture .lecture__relation .relation__figure {padding-top:0; padding-bottom:20px;}
}

/* mypage round */
.page-mypage-round .round__header {padding-bottom:40px;}
.page-mypage-round .round__header .round__card {display:flex; align-items:flex-start;}
.page-mypage-round .round__header .round__card .card__icon {width:86px; height:86px; margin-right:26px; border-radius:12px; overflow:hidden; display:table;}
.page-mypage-round .round__header .round__card .card__icon span {width:100%; height:100%; text-align:center; line-height:100%; vertical-align:middle; display:table-cell;}
.page-mypage-round .round__header .round__card .card__icon span > img {width:60%;}
.page-mypage-round .round__header .round__card .card__icon > img {width:100%;}
.page-mypage-round .round__header .round__card .card__contents {width:calc(100% - 112px);}
.page-mypage-round .round__header .round__card .card__title {font-size:23px; color:#222; padding-bottom:7px; letter-spacing:-0.7px;}
.page-mypage-round .round__header .round__card .card__txt {display:flex; align-items:center;}
.page-mypage-round .round__header .round__card .card__txt span {font-size:15px; color:#888c99; letter-spacing:-0.5px;}
.page-mypage-round .round__header .round__card .card__txt span.point {color:#0071ec;}
.page-mypage-round .mypage-round .round__ul {border-radius:20px; overflow:hidden;}
.page-mypage-round .mypage-round .round__ul > li {position:relative; padding:40px 40px 0 40px; background:#fff;}
.page-mypage-round .mypage-round .round__ul > li:before {position:absolute; left:80px; height:calc(100% - 1px); top:1px; border-right:2px dotted #d9dbe0; display:block; content:'';}
.page-mypage-round .mypage-round .round__ul > li:first-child:before {top:40%; height:60%; margin-top:-1px;}
.page-mypage-round .mypage-round .round__ul > li:last-child:before {top:1px; height:38%;}
.page-mypage-round .mypage-round .round__panel {position:relative; padding-left:114px;}
.page-mypage-round .mypage-round .round__panel .panel__position {position:absolute; left:0px; top:0px;}
.page-mypage-round .mypage-round .round__panel .panel__position .panel__square {width:80px; height:80px; display:flex; align-items:center; justify-content:center; background:#f3f5f8; border-radius:14px;}
.page-mypage-round .mypage-round .round__panel .panel__position .panel__square.current + .ch-btn {display:flex;}
.page-mypage-round .mypage-round .round__panel .panel__position .panel__square figure {text-align:center;}
.page-mypage-round .mypage-round .round__panel .panel__position .ch-btn {display:none; margin-top:4px; width: 80px;}
.page-mypage-round .mypage-round .round__panel .round__top {display:flex; align-items:center; padding-bottom:6px; font-size:15px; letter-spacing:-0.5px;}
.page-mypage-round .mypage-round .round__panel .round__title {font-size:18px; color:#222; font-weight:400; padding-bottom:12px; line-height:26px; letter-spacing:-0.5px;}
.page-mypage-round .mypage-round .round__panel .round__topic {padding-bottom:40px;}
.page-mypage-round .mypage-round .round__panel .round__topic > li {position:relative; padding-left:12px; font-size:15px; color:#888c99; letter-spacing:-0.5px; line-height:24px;}
.page-mypage-round .mypage-round .round__panel .round__topic > li:last-child .ch-hr {display:none;}
.page-mypage-round .mypage-round .round__panel .round__topic > li + li {margin-top:4px;}
.page-mypage-round .mypage-round .round__panel .round__topic > li:before {position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:50%; background:#b6bbc7; display:block; content:'';}
.page-mypage-round .mypage-round .round__panel .ch-hr {border-color:#ededf2; margin:0;}

@media (max-width:1080px) {
    .page-mypage-round .round__header .round__card .card__icon {width:66px; height:66px; margin-right:16px; border-radius:12px;}
    .page-mypage-round .round__header .round__card .card__title {font-size:15px; letter-spacing:-0.6px;}
    .page-mypage-round .round__header .round__card .card__contents {width:calc(100% - 82px);}
    .page-mypage-round .round__header .round__card .card__txt span {letter-spacing:-0.6px; font-size:12px;}
    .page-mypage-round .mypage-round .round__ul > li {padding:16px 18px;}
    .page-mypage-round .mypage-round .round__ul > li + li {border-top:1px solid #ededf2;}
    .page-mypage-round .mypage-round .round__ul > li:first-child:before {display:none;}
    .page-mypage-round .mypage-round .round__ul > li:before {display:none;}
    .page-mypage-round .mypage-round .round__ul > li hr {display:none;}
    .page-mypage-round .mypage-round .round__ul > li .round__topic {padding-bottom:0;}
    .page-mypage-round .mypage-round .round__panel {padding-left:0;}
    .page-mypage-round .mypage-round .round__panel .panel__position {position:static; display:flex; justify-content:space-between; align-items:center; padding-bottom:8px;}
    .page-mypage-round .mypage-round .round__panel .panel__position .ch-btn {width: 85px; margin-top:0;}
    .page-mypage-round .mypage-round .round__panel .panel__position .panel__square {width:86px; height:42px;}
    .page-mypage-round .mypage-round .round__panel .panel__position .panel__square figure {display:flex; align-items:center;}
    .page-mypage-round .mypage-round .round__panel .panel__position .panel__square figure img {width:28px;}
    .page-mypage-round .mypage-round .round__panel .panel__position .panel__square figure figcaption {font-size:14px; margin-left:6px; font-weight:700;}
    .page-mypage-round .mypage-round .round__panel .round__top span {font-size:13px; letter-spacing:-0.6px;}
    .page-mypage-round .mypage-round .round__panel .round__title {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-mypage-round .mypage-round .round__panel .round__topic > li {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-mypage-round .mypage-round .round__panel .ch-hr {margin:0 -16px;}
}

/* mypage file */
.icon__new {background:url('/assets/images/ico/ic-flag-new-18.svg') no-repeat 0; width:18px; height:18px; display:inline-block; vertical-align:middle;}
.mypage-file .icon__new {margin-left:10px; vertical-align:sub;}
.mypage-file .file-section + .file-section {margin-top:40px;}
.mypage-file .file__header {padding-bottom:15px;}
.mypage-file .file__header .file__title {font-size:18px; font-weight:700; letter-spacing:-0.4px;}
.mypage-file .file__ul {overflow:hidden; border-radius:20px;}
.mypage-file .file__ul li {height:60px; padding:0 40px; display:flex; align-items:center; justify-content:space-between; background:#fff;}
.mypage-file .file__ul li .file__name {display:flex; align-items:center;}
.mypage-file .file__ul li .file__name .name__txt {font-size:16px; font-weight:400; margin-right:10px; line-height:24px; letter-spacing:-0.6px;}
.mypage-file .file__ul li:hover {background:#f7f9fb;}
.mypage-file .file__ul li:hover .file__name .name__txt {color:#0071ec;}

@media (max-width:1080px) {
    .icon__new {width:13px; height:13px;}
    .mypage-file .file__ul li {height:auto; padding:12px 16px;}
    .mypage-file .file__ul li img {width:26px;}
    .mypage-file .file__ul li + li {border-top:1px solid #f3f5f8;}
    .mypage-file .icon__new {width:13px; height:13px; vertical-align:baseline; margin-left:4px;}
    .mypage-file .file__header {padding-bottom:8px;}
    .mypage-file .file__header .file__title {font-size:15px; letter-spacing:-0.6px;}
    .mypage-file .file-section + .file-section {margin-top:26px;}
    .mypage-file .file__ul li .file__name .name__txt {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
}

/* mypage forum */
.mypage-forum {display:block;}
.forum-list__area {display:none;}
.mypage-forum .forum__top {display:flex; align-items:center;}
.mypage-forum .forum__top span {font-size:18px; font-weight:700; color:#222; line-height:26px; letter-spacing:-0.4px;}
.mypage-forum .forum__list-box {border-radius:20px; background:#fff; padding:0 40px;}
.mypage-forum .forum__list-box .list-box__header {height:72px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d1d8e4;}
.mypage-forum .forum__list-box .header__left {display:flex; align-items:center;}
.mypage-forum .forum__list-box .header__left span {font-size:14px; color:#888c99; cursor:pointer; letter-spacing:-0.5px;}
.mypage-forum .forum__list-box .header__left span.active {color:#0071ec;}
.mypage-forum .forum__list-box .header__left .bar {margin:0 8px !important; cursor:default;}
.mypage-forum .forum__list-box .header__right {display:flex; align-items:center; cursor:pointer;}
.mypage-forum .forum__list-box .header__right span {font-size:14px; margin-right:4px; letter-spacing:-0.4px;}
.mypage-forum .forum__list-box .header__right i {line-height:1;}
.mypage-forum .forum__list-box .list-box__ul {margin:0 -40px;}
.mypage-forum .forum__list-box .list-box__ul li {padding:20px 40px 0 40px;}
.mypage-forum .forum__list-box .list-box__ul li:hover {background:#f7f9fb;}
.mypage-forum .forum__list-box .list-box__ul li:hover .card__title a {color:#0071ec;}
.mypage-forum .forum__list-box .list-box__ul li .list-box__card {padding-bottom:38px; border-bottom:1px solid #d1d8e4;}
.mypage-forum .forum__list-box .card__top {display:flex; align-items:center; padding-bottom:8px;}
.mypage-forum .forum__list-box .card__top i {margin-left:10px;}
.mypage-forum .forum__list-box .card__mid .card__title {font-size:18px; line-height:26px; letter-spacing:-0.4px; padding-bottom:8px;}
.mypage-forum .forum__list-box .card__mid .card__txt {display:flex; align-items:center;}
.mypage-forum .forum__list-box .card__mid .card__txt span {font-size:14px; color:#888c99; letter-spacing:-0.4px;}
.mypage-forum .forum__list-box .card__bot {padding-top:16px;}
.mypage-forum .forum__list-box .card__bot .card__comments {display:flex; align-items:center;}
.mypage-forum .forum__list-box .card__bot .card__comments .comments__thumbnail {width:30px; margin-right:14px;}
.mypage-forum .forum__list-box .card__bot .card__comments .comments__thumbnail img {width:100%;}
.mypage-forum .forum__list-box .card__bot .card__comments .comments__content {position:relative; width:calc(100% - 44px); padding:0 20px; background:#f3f5f8; height:56px; display:flex; align-items:center; border-radius:14px;}
.mypage-forum .forum__list-box .card__bot .card__comments .comments__content .content__txt {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px; line-height:24px; letter-spacing:-0.5px;}
.mypage-forum .forum__list-box .card__bot .card__comments .comments__content .content__like {padding:4px 6px 4px 3px; bottom:-15px; right:20px; box-shadow:none;}
.mypage-forum .forum__list-box .card__bot .card__comments .comments__content .content__like img {width:21px;}
.mypage-forum .forum__list-box .card__bot .card__comments .comments__content .content__like span {font-size:13px;}
.mypage-forum .forum__list-box .list-box__footer {padding-top:30px; padding-bottom:40px;}
.mypage-forum .forum__instruction {display:flex; align-items:center; justify-content:space-between; padding-top:20px; padding-bottom:40px;}
.mypage-forum .forum__instruction .instruction__txt {display:flex; font-size:16px; color:#222; margin-right:4px; letter-spacing:-0.6px;}
.mypage-forum .forum__instruction .instruction__link {color: #0071ec; font-size:16px;}
.mypage-forum .forum__instruction .ch-btn {width:126px; padding:0;}
.mypage-forum .forum__instruction .ch-btn img {margin-right:6px;}
.mypage-forum .forum__pick-card {padding:18px 22px; border-radius:14px; height:206px; background:#fff;}
.mypage-forum .forum__pick-card:hover {box-shadow:2px 7px 16px 0 rgba(0, 28, 62, 0.14);}
.mypage-forum .forum__pick-card:hover a {color:#0071ec;}
.mypage-forum .forum__pick-card .pick-card__header {display:flex; align-items:center; padding-bottom:6px;}
.mypage-forum .forum__pick-card .pick-card__header span {margin-left:8px; font-size:17px; font-weight:900; color:#ff5352; letter-spacing:0.23px;}
.mypage-forum .forum__pick-card .pick-card__body {padding-bottom:18px;}
.mypage-forum .forum__pick-card .pick-card__body a {overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.2em; height:2.4em; letter-spacing:-0.6px; font-size:16px;}
.mypage-forum .pick-card__footer .card__comments {display:flex; align-items:flex-start;}
.mypage-forum .pick-card__footer .card__comments .comments__thumbnail {width:30px; margin-right:6px;}
.mypage-forum .pick-card__footer .card__comments .comments__thumbnail img {width:100%;}
.mypage-forum .pick-card__footer .card__comments .comments__content {position:relative; width:calc(100% - 36px); padding:12px 14px; background:#f3f5f8; display:flex; align-items:center; border-radius:14px;}
.mypage-forum .pick-card__footer .card__comments .comments__content .content__txt {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; font-size:15px; letter-spacing:-0.5px;}
.mypage-forum .forum__swiper {position:relative;}
.mypage-forum .forum__swiper .swiper-pagination {top:-20px; right:4px;}
.mypage-forum .forum__swiper .swiper-pagination span + span {margin-left:8px;}
.mypage-forum .forum__swiper .swiper-pagination .swiper-pagination-bullet {background:#b6bbc7; opacity:1; transition:width 0.2s;}
.mypage-forum .forum__swiper .swiper-pagination .swiper-pagination-bullet-active {width: 36px; border-radius:8px; background:#4e535e;}
.mypage-forum .forum__swiper .swiper-container {padding:16px; margin:0 -16px; overflow:hidden;}
.mypage-forum .forum__list-box .header__right .ch-dropdown .ch-dropdown__ul {left:inherit; right:0;}

@media (max-width:1080px) {
    .mypage-forum h3 {margin-top:8px; font-size:15px; padding-bottom:8px;}
    .mypage-forum .forum__list-box .list-box__header {height:48px;}
    .mypage-forum .forum__swiper .swiper-pagination {display:none;}
    .mypage-forum .forum__swiper .swiper-slide {width:292px;}
    .mypage-forum .forum__top span {font-size:15px; letter-spacing:-0.6px;}
    .mypage-forum .forum__swiper .swiper-container {padding:8px 16px;}
    .mypage-forum .forum__pick-card .pick-card__header img {width:24px;}
    .mypage-forum .forum__pick-card .pick-card__body a {font-size:15px; letter-spacing:-0.7px;}
    .mypage-forum .forum__pick-card {height:188px;}
    .mypage-forum .pick-card__footer .card__comments .comments__content .content__txt {height:42px; font-size:14px; letter-spacing:-0.6px;}
    .mypage-forum .forum__list-box {padding:0 22px;}
    .mypage-forum .forum__list-box .header__left span {color:#222;}
    .mypage-forum .ch-dropdown .ch-dropdown__data.open span {color:#0071ec !important;}
    .mypage-forum .forum__list-box .card__top i {margin-left:8px;}
    .mypage-forum .forum__list-box .card__mid .card__title {font-size:15px; line-height:22px; letter-spacing:-0.5px;}
    .mypage-forum .forum__list-box .card__mid .card__txt span {font-size:12px;}
    .mypage-forum .forum__list-box .card__bot .card__comments .comments__content {padding:0 10px; height:42px;}
    .mypage-forum .forum__list-box .card__bot .card__comments .comments__content .content__txt {font-size:14px; color:#888c99;}
    .mypage-forum .forum__list-box .card__bot .card__comments .comments__content .content__like {right:16px; bottom:-20px;}
    .mypage-forum .forum__instruction {flex-direction:column; justify-content:flex-start; align-items:flex-end;}
    .mypage-forum .forum__instruction .instruction__txt {display:none; margin-right:0; font-size:14px; word-break:keep-all;}
    .mypage-forum .forum__instruction button {margin-top:10px;}
    .mypage-forum .forum__pick-card .pick-card__header span {font-size:16px;}
    .mypage-forum .forum__instruction .ch-btn {width:90px; height:36px; font-size:13px; letter-spacing:-0.4px; margin-top:0;}
    .mypage-forum .forum__instruction .ch-btn img {width:18px;}
}

/* 포럼 글쓰기 */
.forum__write-area {display:none;}
.forum__write-area .write__panel {padding:30px 40px; border-radius:20px; background:#fff;}
.forum__write-area .write__panel .header__title {font-size:18px; padding-bottom:10px;}
.forum__write-area .write__panel .panel__radio-group {margin:0 -4px; padding-bottom:20px;}
.forum__write-area .write__panel .panel__radio-group .forum-round__input {margin:4px; vertical-align:middle; display:inline-block;}
.forum__write-area .write__panel .panel__radio-group .forum-round__input label {display:flex; align-items:center; justify-content:center; min-width:50px; height:26px; padding:0 6px; font-size:13px; font-weight:700; border-radius:14px; border:1px solid #222; cursor:pointer;}
.forum__write-area .write__panel .panel__radio-group .forum-round__input input:checked + label {background:#222; color:#fff;}
.forum__write-area .panel__body > div + div {padding-top:14px;}
.forum__write-area .write__btn-group {display:flex; align-items:center; justify-content:center; padding-top:30px;}
.forum__write-area .write__btn-group button {width:156px;}
.forum__write-area .write__btn-group button + button {margin-left:8px;}

@media (max-width:1080px) {
    .forum__write-area .write__panel {padding:16px 18px;}
    .forum__write-area .write__panel .header__title {font-size:15px;}
    .forum__write-area .write__panel .panel__radio-group {padding-bottom:18px;}
    .forum__write-area .panel__body > div + div {padding-top:8px;}
    .forum__write-area .write__btn-group {padding-top:20px;}
}

.ch-comments {display:flex; align-items:flex-start;}
.ch-comments .comments__thumbnail {width:42px; margin-right:16px; border-radius:50%;}
.ch-comments .comments__thumbnail img {width:100%;}
.ch-comments .comments__content-area {width:calc(100% - 56px);}
.ch-comments .comments__content {position:relative; padding:18px 23px; background:#f3f5f8; border-radius:14px; border:1px solid #f3f5f8;}
.ch-comments .comments__content .content__like {padding:4px 6px 4px 3px; bottom:-15px; right:20px; box-shadow: none;}
.ch-comments .comments__content .content__like span {font-size:13px; letter-spacing:-0.1px;}
.ch-comments .comments__content .content__like img {width:21px;}
.ch-comments .content__top {display:flex; align-items:center; padding-bottom:8px;}
.ch-comments .content__top .content__id {display:flex; font-size:13px; color:#222; font-weight:bold; letter-spacing:-0.4px;}
.ch-comments .content__top .content__teacher {padding-left:26px; background:url('/assets/images/ico/ic-teacher-answer-mark-20.svg') no-repeat left;}
.ch-comments .content__top .content__id .content__mine {display:flex; width:45px; height:24px; align-items:center; justify-content:center; font-size:12px; font-weight:700; border:1px solid #b6bbc7; border-radius:5px; margin-right:6px;}
.ch-comments .content__top .content__dot {display:inline-block; width:3px; height:3px; background:#d1d8e4; margin:0 4px; border-radius:50%;}
.ch-comments .content__top .content__date {font-size:13px; color:#838898; letter-spacing:-0.3px;}
.ch-comments .content__detail {font-size:14px; color:#222; white-space:pre-line; line-height:21px; letter-spacing:-0.6px;}
.ch-comments .ch-comments__btn-group {display:flex; align-items:center; padding-top:8px;}
.ch-comments .ch-comments__btn-group .ch-comments__like-btn {}
.ch-comments .ch-comments__btn-group .ch-comments__like-btn label {padding:0 9px 0 2px; height:30px; font-size:13px; color:#0071ec; display:flex; align-items:center; cursor:pointer; border:1px solid #d1d8e4; border-radius:15px; font-weight:700; letter-spacing:-0.4px;}
.ch-comments .ch-comments__btn-group .ch-comments__like-btn label img {margin-right:6px;}
.ch-comments .ch-comments__btn-group .ch-comments__like-btn input:checked + label {background:#0071ec; color:#fff; border-color:#0071ec;}
.ch-comments .ch-comments__btn-group button {margin-left:8px; width:48px; height:30px; padding:0; font-size:13px;}
.ch-comments .ch-comments__btn-group02 {display:none; justify-content:flex-end;}
.ch-comments .comments__edit {display:none;}
.ch-comments .comments__edit .edit-textarea {width:100%; border:none; margin:0; padding:0; outline:0; font-size:14px;}
.ch-comments.active .comments__content {background:#fff; border:1px solid #222;}
.ch-comments.active .comments__default {display:none;}
.ch-comments.active .comments__edit {display:block;}
.ch-comments.active .ch-comments__btn-group {display:none;}
.ch-comments.active .ch-comments__btn-group02 {display:flex;}
.mypage-forum-view {display:none;}
.mypage-forum-view .forum-view__panel {position:relative; padding:30px 40px; background:#fff; border-radius:20px; overflow:hidden;}
.mypage-forum-view .forum-view__panel .forum-view__backdrop {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:100; opacity:0.4; display:none;}
.mypage-forum-view .panel__header {padding-bottom:25px;}
.mypage-forum-view .panel__header .header__top {display:flex; align-items:center; padding-bottom:10px;}
.mypage-forum-view .panel__header .header__top .header__pick {display:flex; align-items:center; margin-left:10px;}
.mypage-forum-view .panel__header .header__top .header__pick span {font-size:17px; color:#ff5352; margin-left:4px; letter-spacing:0.2px;}
.mypage-forum-view .panel__header .panel__title {font-size:18px; color:#222; padding-bottom:10px; letter-spacing:-0.4px; line-height:26px;}
.mypage-forum-view .panel__header .header__bottom {display:flex; align-items:center;}
.mypage-forum-view .panel__header .header__bottom .header__user {display:flex; align-items:center;}
.mypage-forum-view .panel__header .header__bottom .header__user figure {margin-right:16px;}
.mypage-forum-view .panel__header .header__bottom .header__user figure img {width:30px;}
.mypage-forum-view .panel__header .header__bottom .header__user p {font-size:14px; font-weight:700; line-height:21px; letter-spacing:-0.6px;}
.mypage-forum-view .panel__header .header__bottom span {font-size:14px; line-height:21px; letter-spacing:-0.4px; color:#888c99;}
.mypage-forum-view .panel__body {padding-bottom:30px;}
.mypage-forum-view .panel__body p {font-size:15px; line-height:24px; letter-spacing:-0.5px;}
.mypage-forum-view .comments__header {font-size:15px; font-weight:700; padding-bottom:10px; border-bottom:1px solid #f3f5f8; margin-bottom:20px; letter-spacing:-0.5px;}
.mypage-forum-view .comments__input button {width:56px;}
.mypage-forum-view .comments__input .ch-input {position:relative; background:#fff; border-color:#d9dbe0; height:60px; padding-top:0; padding-bottom:0; padding-right:10px;}
.mypage-forum-view .comments__input .ch-input.active {border-color:#222;}
.mypage-forum-view .comments__empty {padding-top:20px;}
.mypage-forum-view .comments__empty figure {text-align:center;}
.mypage-forum-view .comments__empty figcaption {font-size:15px; color:#888c99; letter-spacing:-0.5px;}
.mypage-forum-view .comments__list ul {padding-top:20px;}
.mypage-forum-view .comments__list ul li + li {margin-top:16px;}
.mypage-forum-view .comments__list ul li.active {position:relative; z-index:100;}
.mypage-forum-view .comments__list-more {padding-left:56px; padding-top:42px;}
.mypage-forum-view .comments__list-more span {font-size:14px; font-weight:700; color:#0071ec; cursor:pointer; letter-spacing:-0.4px;}
.mypage-forum-view .forum-view__btn-group {padding-top:30px; display:flex; justify-content:center;}
.mypage-forum-view .forum-view__btn-group button {width:85px;}

@media (max-width:1080px) {
    .mypage-forum-view .comments__header {margin-bottom:12px;}
    .mypage-forum-view .comments__list ul {padding-top:0;}
    .ch-comments .comments__thumbnail {width:28px; margin-right:6px;}
    .ch-comments .comments__content {padding:10px 12px;}
    .ch-comments .content__top .content__id {font-size:12px;}
    .ch-comments .content__top .content__date {font-size:12px;}
    .ch-comments .content__detail {font-size:13px; line-height:20px;}
    .ch-comments .ch-comments__btn-group .ch-comments__like-btn label {height:28px; font-size:12px; letter-spacing:-0.4px;}
    .ch-comments .ch-comments__btn-group .ch-comments__like-btn label img {width:22px;}
    .ch-comments .comments__content .content__like {padding:1px 4px 1px 2px; bottom:-14px; right:6px;}
    .ch-comments .comments__content .content__like img {width:18px;}
    .ch-comments .comments__content .content__like span {font-size:12px;}
    .ch-comments .ch-comments__btn-group button {height:28px;}
    .ch-comments .comments__content-area {width:calc(100% - 34px);}
    .panel__comments .comments__input {padding-bottom:18px;}
    .mypage-forum-view .comments__list-more {padding-left:34px; padding-top:24px;}
    .mypage-forum-view .forum-view__panel {padding:18px 16px;}
    /*.mypage-forum-view .comments__input button {display:none;}*/
    .mypage-forum-view .comments__input .ch-input {height:50px;}
}

/* mypage consulting */
.consulting-img {width:120px; margin:0 auto;}
.mypage__panel {padding:30px 40px 40px 40px; border-radius:20px; background:#fff;}
.page-mypage-consulting .panel__accordion {border-radius:12px; overflow:hidden; background:#f3f5f8;}
.page-mypage-consulting .panel__accordion .accordion__header {padding:20px 28px; display:flex; align-items:center; justify-content:space-between;}
.page-mypage-consulting .panel__accordion .accordion__header p {font-size:16px; font-weight:700; letter-spacing:-0.6px;}
.page-mypage-consulting .consulting__ongoing {padding-bottom:80px;}
.page-mypage-consulting .consulting__ongoing .panel__search {text-align:center; padding-bottom:10px;}
.page-mypage-consulting .consulting__ongoing .panel__txt-area {text-align:center;}
.page-mypage-consulting .consulting__ongoing .panel__title {font-size:23px; color:#222; font-weight:700; padding-bottom:10px; line-height:32px; letter-spacing:-0.6px;}
.page-mypage-consulting .consulting__ongoing .panel__summary {display:inline-block; margin:0 auto; font-size:16px; letter-spacing:-0.6px; line-height:24px;}
.page-mypage-consulting .consulting__ongoing .panel__summary li + li {margin-top:10px;}
.page-mypage-consulting .consulting__ongoing .panel__summary .summary__item {display:flex; align-items:center; font-size:16px;}
.page-mypage-consulting .consulting__ongoing .panel__summary .summary__item .item__left {display:flex; align-items:center; margin-right:23px;}
.page-mypage-consulting .consulting__ongoing .panel__summary .summary__item .item__left img {margin-right:10px;}
.page-mypage-consulting .consulting__ongoing .panel__schedule-btn {display:flex; justify-content:center; padding-top:20px;}
.page-mypage-consulting .consulting__ongoing .panel__schedule-btn button {width:156px;}
.page-mypage-consulting .consulting__ongoing .panel__txt {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.page-mypage-consulting .consulting__ongoing .panel__btn {padding-top:20px; padding-bottom:40px; display:flex; justify-content:center;}
.page-mypage-consulting .consulting__ongoing .panel__btn button {width:156px; font-weight:400;}
.page-mypage-consulting .consulting__ongoing .panel__btn button + button {margin-left:8px;}
.page-mypage-consulting .consulting__ongoing .panel__selector {padding:40px 0 10px 0;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area {display:flex; width:100%; justify-content:center;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card + .selector__card {margin-left:36px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card {border-radius:24px; border:1px solid #d9dbe0; padding:26px 30px; background:#fff; display:flex; flex-direction:column; flex-basis:50%;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card.gray {background:#f3f5f8; border-color:#f3f5f8;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header {display:flex; padding-bottom:16px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header .card__icon {width:66px; margin-right:18px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header .card__icon img {width:100%;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header .card__contents > p {font-size:18px; font-weight:700; letter-spacing:-0.4px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header .card__contents > div {display:flex; align-items:center; font-size:16px; letter-spacing:-0.6px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header .card__contents > div span.dot {background:#222;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header .card__contents > div span.ch-badge {margin-left:10px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body {}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item {padding-bottom:16px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item .item__title {display:flex; align-items:center;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item .item__title img {margin-right:6px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item .item__title span {font-size:18px; font-weight:700; letter-spacing:-0.4px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item .item__txt {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item .item__list {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item .item__list li + li {margin-top:2px;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__footer {display:flex; margin-top:auto; width:100%;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__footer .ch-check-item {width:100%;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__footer .ch-check-label {padding:0 0 0 48px; width:100%; height:56px; background:#e5f0fd; border-radius:10px; cursor:pointer;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__footer .ch-check-label .ch-check-txt {font-size:18px; letter-spacing:-0.4px; color:#0071ec;}
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__footer .ch-check-label:before,
.page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__footer .ch-check-label:after {left:20px;}
.page-mypage-consulting .consulting__ongoing .accordion__contents {display:none; border-top:1px solid #d1d8e4;}
.page-mypage-consulting .consulting__ongoing .panel__warning {padding-top:16px; font-size:16px; color:#888c99; line-height:26px; letter-spacing:-0.6px;}
.page-mypage-consulting .consulting__ongoing .panel__warning span {cursor:pointer;}
.page-mypage-consulting .consulting__ongoing .panel__warning span img {position:relative; top:-2px;}
.page-mypage-consulting .card__group {margin:0 -3px;}
.page-mypage-consulting .contents__card {display:flex; flex-basis:33.333333%;  padding:0 3px;}
.page-mypage-consulting .contents__card .card__inner {display:flex; width:100%; padding:20px 22px;}
.page-mypage-consulting .contents__card .card__icon {width:54px; margin-right:22px;}
.page-mypage-consulting .contents__card .card__icon img {width:100%;}
.page-mypage-consulting .contents__card .card__detail .card__title {font-size:15px; color:#888c99;padding-bottom:5px; letter-spacing:-0.5px;}
.page-mypage-consulting .contents__card .card__detail .list-style-dot {font-size:16px; color:#222; letter-spacing:-0.6px;}
.page-mypage-consulting .contents__card .card__detail .list-style-dot li + li {padding-top:2px;}

.page-mypage-consulting .consulting__completed .panel__title {display:flex; align-items:center; padding-bottom:16px;}
.page-mypage-consulting .consulting__completed .panel__title span {font-size:16px; font-weight:700; letter-spacing:-0.6px;}
.page-mypage-consulting .consulting__completed .panel__title img {margin-right:10px;}
.page-mypage-consulting .consulting__completed .contents__card .card__inner {border:1px solid #ededf2; border-radius:12px;}
.page-mypage-consulting .consulting__completed .panel__bottom {padding-top:40px;}
.page-mypage-consulting .consulting__completed .panel__review-area {padding:18px 20px; background:#f3f5f8; border-radius:12px; display:flex; align-items:center; justify-content:center; min-height:230px;}
.page-mypage-consulting .consulting__completed .panel__review-area .review__empty {text-align:center;}
.page-mypage-consulting .consulting__completed .panel__review-area .review__empty p {font-size:15px; color:#888c99; padding-bottom:10px; letter-spacing:-0.5px;}
.page-mypage-consulting .consulting__completed .panel__review-area .review__empty a {display:inline-flex; width:96px; height:30px; align-items:center; justify-content:center; font-size:13px; font-weight:700; color:#0071ec; background:#e5f0fd; border-radius:20px;}
.page-mypage-consulting .consulting__completed .panel__review-area .review__title {font-size:16px; font-weight:700; padding-bottom:6px; letter-spacing:-0.6px; line-height:26px;}
.page-mypage-consulting .consulting__completed .panel__review-area .review__txt {font-size:15px; color:#222; line-height:24px; letter-spacing:-0.5px;}
.page-mypage-consulting .consulting__completed .panel__review-area.active {background:#e8f5f3; min-height:inherit;}
.page-mypage-consulting .page-consulting-apply {padding-bottom:40px;}
.page-mypage-consulting .page-cons.page-login .section-login .login__header .login__titleulting-apply .require-header .require__title {font-size:16px;}
.page-mypage-consulting .consulting__change {display:none;}
.page-mypage-consulting .consulting__change .panel__btn {display:flex; align-items:center; justify-content:center; padding-top:30px;}
.page-mypage-consulting .consulting__change .panel__btn button {width:156px;}
.page-mypage-consulting .consulting__change .panel__btn button:first-child {margin-right:8px;}

.ch-modal__schedule .modal__body {text-align:center;}
.ch-modal__schedule figure {padding-bottom:20px;}
.ch-modal__schedule .schedule__title {font-size:20px; font-weight:700; padding-bottom:10px; letter-spacing:-0.4px;}
.ch-modal__schedule .schedule__txt {font-size:15px; line-height:22px; letter-spacing:-0.5px;}

@media (max-width:1080px) {
    .mypage__panel {padding:22px;}
    .page-mypage-consulting .page-consulting-apply .require-header .require__txt {font-size:13px;}
    .page-mypage-consulting .consulting__ongoing .panel__search figure img {width:110px;}
    .page-mypage-consulting .consulting__ongoing .panel__title {font-size:20px; letter-spacing:-0.8px;}
    .page-mypage-consulting .consulting__ongoing .panel__txt {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-mypage-consulting .panel__accordion .accordion__header p {font-size:14px;}
    .page-mypage-consulting .panel__accordion .accordion__header {padding:14px 16px;}
    .page-mypage-consulting .consulting__ongoing {padding-bottom:40px;}
    .page-mypage-consulting .consulting__ongoing .accordion__contents > div {flex-direction:column;}
    .page-mypage-consulting .contents__card {padding:0; flex-basis:100%;}
    .page-mypage-consulting .contents__card + .contents__card {border-top:1px solid #ededf2;}
    .page-mypage-consulting .contents__card .card__inner {padding:11px 16px;}
    .page-mypage-consulting .contents__card .card__detail .list-style-dot {font-size:14px;}
    .page-mypage-consulting .card__group {flex-direction:column;}
    .page-mypage-consulting .card__group .contents__card + .contents__card {border-top:none; margin-top:8px;}
    .page-mypage-consulting .consulting__completed .panel__review-area {padding:12px 16px;}
    .page-mypage-consulting .consulting__ongoing .panel__selector .selector-area {flex-direction:column;}
    .page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card {padding:16px;}
    .page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header .card__icon {flex:0 0 54px; width:auto;}
    .page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header .card__contents > p {font-size:15px;}
    .page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__header .card__contents > div {font-size:15px;}
    .page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item .item__title span {font-size:15px;}
    .page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item .item__txt {font-size:13px; line-height:20px; letter-spacing:-0.3px;}
    .page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card .card__body .card__item .item__list {font-size:13px; line-height:20px; letter-spacing:-0.3px;}
    .page-mypage-consulting .consulting__ongoing .panel__selector .selector-area .selector__card + .selector__card {margin-left:0; margin-top:8px;}
    .page-mypage-consulting .consulting__ongoing .panel__btn {padding-top:10px; padding-bottom:30px;}
    .page-mypage-consulting .consulting__ongoing .panel__warning {font-size:12px; line-height:18px; letter-spacing:-0.7px;}
    .page-mypage-consulting .consulting__ongoing .panel__warning b {font-size:13px;}
    .page-mypage-consulting .consulting__ongoing .panel__summary p {font-size:14px; letter-spacing:-0.6px;}
    .page-mypage-consulting .consulting__ongoing .panel__summary span {font-size:14px; letter-spacing:-0.6px;}
    .page-mypage-consulting .consulting__ongoing .panel__warning span {display:block;}
    .page-mypage-consulting .consulting__ongoing .panel__warning span img {top:1px;}
    .page-mypage-consulting .consulting__ongoing .panel__summary .summary__item .item__left img {width:16px; margin-right:8px;}
    .page-mypage-consulting .consulting__ongoing .panel__summary li + li {margin-top:3px;}
    .page-mypage-consulting .contents__card .card__detail .card__title {font-size:14px; letter-spacing:-0.6px;}
    .page-mypage-consulting .consulting__completed .panel__review-area .review__txt {font-size:14px; line-height:21px; letter-spacing:-0.6px;}

    .ch-modal__schedule .ch-modal__content {border-radius:16px;}
    .ch-modal__schedule .modal__body {height:auto;}
    .ch-modal__schedule .modal__body img {width:130px;}
    .ch-modal__schedule .schedule__title {font-size:17px; letter-spacing:-0.4px;}
    .ch-modal__schedule .schedule__txt {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .ch-modal__schedule .modal__footer {padding-top:10px; padding-bottom:16px;}
}

/* mypage refusal */
.page-mypage-refusal .panel__header {padding-bottom:16px;}
.page-mypage-refusal .panel__header p {font-size:16px; font-weight:700; letter-spacing:-0.6px;}
.page-mypage-refusal .survey .survey__title {font-size:16px; letter-spacing:-0.6px;}
.page-mypage-refusal .survey__ul li + li {margin-top:6px;}
.page-mypage-refusal .refusal__textarea {padding-top:16px;}
.page-mypage-refusal .mypage__panel + .mypage__panel {margin-top:20px;}
.page-mypage-refusal .refusal__txt {font-size:16px; color:#888c99; padding-top:16px;}
.page-mypage-refusal .refusal__txt span {cursor:pointer;}
.page-mypage-refusal .refusal__btn {display:flex; justify-content:center; padding-top:30px;}
.page-mypage-refusal .refusal__btn button {width:136px;}

.ch-modal__refund .refund-section + .refund-section {margin-top:20px;}
.ch-modal__refund .refund-section .section-title {font-size:15px; font-weight:700; letter-spacing:-0.5px;}
.ch-modal__refund .refund-section .section-txt {font-size:15px; letter-spacing:-0.5px; line-height:24px;}

@media (max-width:1080px) {
    .page-mypage-refusal .panel__header p {font-size:14px;}
    .page-mypage-refusal .survey .survey__title {font-size:14px;}
    .page-mypage-refusal .refusal__txt {font-size:12px;}
    .page-mypage-refusal .refusal__btn button {width:100%;}

    .ch-modal__refund .ch-modal__content {border-radius:16px;}
    .ch-modal__refund .modal__body {height:auto;}
    .ch-modal__refund .refund-section .section-txt {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
}


.page-mypage-comment .mypage__panel + .mypage__panel {margin-top:20px;}
.page-mypage-comment .panel__header {padding-bottom:20px; border-bottom:1px solid #ededf2; margin-bottom:20px;}
.page-mypage-comment .panel__header p {font-size:16px; font-weight:700; letter-spacing:-0.6px;}
.page-mypage-comment .panel__header span {font-size:15px; color:#888c99;}
.page-mypage-comment .survey__ul p {font-size:16px; padding-bottom:10px; letter-spacing:-0.6px;}
.page-mypage-comment .survey__ul li + li {margin-top:17px;}
.page-mypage-comment .survey__ul .survey__group {display:flex; align-items:flex-start;}
.page-mypage-comment .survey__ul .survey__group .ch-check-item {display:flex; flex-basis:20%;}
.page-mypage-comment .survey__ul .survey__group .ch-check-item + .ch-check-item {margin-left:6px;}
.page-mypage-comment .survey__ul .survey__group .ch-check:checked + .ch-check-label {background:#0071ec; color:#fff;}
.page-mypage-comment .survey__ul .survey__group .ch-check:checked + .ch-check-label span {color:#fff;}
.page-mypage-comment .survey__ul .survey__group .ch-check:checked + .ch-check-label:after {left:20px;}
.page-mypage-comment .survey__ul .survey__group .ch-check-label {cursor:pointer;}

.page-mypage-comment .comment__panel .panel__header {margin-bottom:0;}
.page-mypage-comment .comment__group {display:flex; justify-content:center; padding-top:30px;}
.page-mypage-comment .comment__group button {width:136px;}
.survey__mobile {display:none;}

@media (max-width:1080px) {
    .page-mypage-comment .survey {padding:0; min-height:48px; border-radius:0;}
    .page-mypage-comment .survey:before {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
    .page-mypage-comment .survey .survey__title {display:none;}
    .page-mypage-comment .survey__ul .survey__group {overflow:hidden; border-radius:7px;}
    .page-mypage-comment .survey__ul .survey__group .ch-check:checked + .ch-check-label:after {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
    .page-mypage-comment .survey__ul .survey__group .ch-check:checked + .ch-check-label {border-radius:7px;}
    .page-mypage-comment .survey__mobile {display:flex; justify-content:space-between; position:relative;}
    .page-mypage-comment .survey__mobile:after {position:absolute; top:17px; left:0; display:block; content:''; border-top:1px dotted #888c99; width:100%;}
    .page-mypage-comment .survey__mobile p {position:relative; z-index:1; font-size:12px; color:#b6bbc7; padding-bottom:0; padding-top:8px; background:#fff;}
    .page-mypage-comment .survey__mobile p:nth-child(1) {padding-right:8px;}
    .page-mypage-comment .survey__mobile p:nth-child(2) {padding:8px 8px 0 8px;}
    .page-mypage-comment .survey__mobile p:nth-child(3) {padding-left:8px;}
    .page-mypage-comment .survey__ul .survey__group .ch-check-item + .ch-check-item {margin-left:0;}
    .page-mypage-comment .panel__header p {font-size:14px;}
    .page-mypage-comment .survey__ul p {font-size:14px; word-break:keep-all;}
    .page-mypage-comment .panel__header {padding-bottom:12px; margin-bottom:12px;}
    .page-mypage-comment .panel__header span {font-size:12px; letter-spacing:-0.6px;}
    .page-mypage-comment .comment__group button {width:100%;}
}

/* mypage career */
.page-mypage-career {}
.page-mypage-career .career__section {display:none; position:relative;}
.page-mypage-career .career__section01 {display:block;}
.page-mypage-career .career__section.active:before {display:block; position:absolute; top:20px; left:-22px; height:100%; content:'';
    border-left:2px dotted #f3f5f8;
    background:linear-gradient(#fff,#fff) padding-box /* Don't extend this to border */, linear-gradient(to bottom, #b6bbc7, #0071ec 100%) border-box;
}
.page-mypage-career .career__section.disabled .mypage__header .page-title-kr28:before {display:none;}
.page-mypage-career .mypage__header .page-title-kr28 {position:relative;}
.page-mypage-career .mypage__header .page-title-kr28:before {position:absolute; left:-26px; top:50%; transform:translateY(-50%); width:10px; height:10px; border-radius:50%; display:block; content:''; background:#b6bbc7;}
.page-mypage-career .mypage__header .page-title-kr28.active:before {background:#0071ec;}
.page-mypage-career .career__goal-group {display:flex; align-items:center; padding-bottom:60px;}
.page-mypage-career .career__goal-group .career__card {display:flex; flex:0 0 33.333333%; max-width:33.333333%}
.page-mypage-career .career__goal-group .career__card + .career__card {margin-left:17px;}
.page-mypage-career .career__label {display:block; padding:18px 28px; border-radius:12px; background:#fff; border:2px solid #fff; width:100%; cursor:pointer;}
.page-mypage-career .career__label img {width:74px; padding-bottom:12px; display:block;}
.page-mypage-career .career__card input[type="radio"]:checked + .career__label {border-color:#0071ec;}
.page-mypage-career .career__label .label__mid-txt {display:block; font-size:20px; color:#31353e; padding-bottom:10px; line-height:28px; letter-spacing:-0.5px;}
.page-mypage-career .career__label .label__bot-txt {font-size:15px; color:#888c99; letter-spacing:-0.5px; line-height:24px;}
.page-mypage-career .career__group {/*display:flex;*/ padding-bottom:60px;}
.page-mypage-career .career__group .ch-check-item {margin-top:6px; display:inline-block;}
.page-mypage-career .career__group .ch-check-item:not(:last-child) {margin-right:6px;}
.page-mypage-career .career__group .ch-check-item:last-child {margin-left:2px;}
.page-mypage-career .career__setting {padding-bottom:12px;}
.page-mypage-career .career__setting .setting__ul {display:flex; height:80px; border-radius:13px; background:#fff; overflow:hidden;}
.page-mypage-career .career__setting .setting__ul li {position:relative; display:flex; flex-basis:33.333333%; z-index:8;}
.page-mypage-career .career__setting .setting__ul li:first-child {z-index:10;}
.page-mypage-career .career__setting .setting__ul li:last-child {z-index:5;}
.page-mypage-career .setting__shapes {display:flex; align-items:center; padding-left:30px; cursor:pointer; border:2px solid #fff; border-radius:12px; width:100%;}
.page-mypage-career .setting__shapes .setting__step p {font-size:15px; color:#0071ec; letter-spacing:-0.3px;}
.page-mypage-career .setting__shapes .setting__step span {font-size:20px; line-height:28px; letter-spacing:-0.5px; font-weight:700;}
.page-mypage-career .setting__shapes.active {border:2px solid #0071ec;}
.page-mypage-career .setting__shapes.inactive .setting__step p {color:#888c99}
.page-mypage-career .setting__shapes.inactive .setting__step span {color:#888c99; padding-left:26px; background:url('/assets/images/ico/ic-underline-check-gray-20.svg') no-repeat 0;}
.page-mypage-career .career__setting-contents {padding-bottom:30px;}
.page-mypage-career .career__setting-contents .career__panel {display:none; padding:40px;}
.page-mypage-career .career__setting-contents .career__panel01 {display:block;}
.page-mypage-career .setting__card .card__header {display:flex; align-items:center; justify-content:space-between; padding-bottom:40px;}
.page-mypage-career .setting__card .card__text-box .card__number {font-size:18px; font-weight:700; color:#0071ec; padding-bottom:10px; letter-spacing:-0.2px;}
.page-mypage-career .setting__card .card__text-box .card__txt {font-size:28px; font-weight:300; letter-spacing:-0.7px;}
.page-mypage-career .setting__card .card__icon {width:125px;}
.page-mypage-career .setting__card .card__icon img {width:100%;}
.page-mypage-career .setting__card .grade-select {width:100%;}
.page-mypage-career .career__ul-title {font-size:18px; padding-bottom:10px; letter-spacing:-0.7px;}
.page-mypage-career .career__ul {display:flex; align-items:center;}
.page-mypage-career .career__ul li {display:flex; flex-basis:25%;}
.page-mypage-career .career__ul li + li {margin-left:12px;}
.page-mypage-career .card__explain {display:none; padding-left:24px; background:url('/assets/images/ico/ic-check-blue-20.svg') no-repeat left 2px; margin-top:16px; color:#888c99; font-size:16px; letter-spacing:-0.6px;}
.page-mypage-career .career__panel03 {}
.page-mypage-career .career__panel03 .career__ul li {flex-basis:20%;}
.page-mypage-career .career__select {display:none;}
.page-mypage-career .career__select + .career__select {border-top:1px solid #d9dbe0; padding-top:30px; margin-top:30px;}
.page-mypage-career .career__select[style*="display: none"] + .career__select:nth-of-type(2) {border-top:0; padding-top:0; margin-top:0;}
.page-mypage-career .career__select01 {display:block;}
.page-mypage-career .career__btn-left {display:flex; flex-direction:column; margin-left:20px;}
.page-mypage-career .career__btn-left .left__top {font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.page-mypage-career .career__btn-left .ch-badge {width:62px; color:#fff; background:rgba(255,255,255,0.15); margin-left:10px;}
.page-mypage-career .right__title {margin-right:14px;}
.page-mypage-career .career__section03.active:before {height:102.2%;}
.page-mypage-career .career__btn-box {position:relative;}
.page-mypage-career .career__btn-box:before {position:absolute; left:-26px; top:50%; transform:translateY(-50%); width:10px; height:10px; border-radius:50%; display:block; content:''; background:#0071ec;}
.page-mypage-career .career__section04 p {font-size:16px; color:#888c99; padding-top:16px; padding-bottom:8px; line-height:26px; letter-spacing:-0.6px;}
.page-mypage-career .career__section04 a {font-size:16px; color:#0071ec; letter-spacing:-0.4px;}
.page-mypage-career .ch-check-label.chips.white {background:#fff;}
.page-mypage-career .ch-check-item input:checked + .ch-check-label.chips.white {background:#0071ec;}

@media (max-width:1080px) {
    .page-mypage-career .mypage__header .page-title-kr28:before {width:6px; height:6px; left:-14px;}
    .page-mypage-career .career__section.active:before {left:-12px;}
    .page-mypage-career {}
    .page-mypage-career .mypage__contents {padding:26px;}
    .page-mypage-career .career__goal-group {flex-direction:column;}
    .page-mypage-career .career__goal-group .career__card {width:100%; flex:inherit; max-width:inherit;}
    .page-mypage-career .career__goal-group .career__card + .career__card {margin-left:0; margin-top:8px;}
    .page-mypage-career .career__goal-group .career__card button {font-weight:400;}
    .page-mypage-career .career__label {padding:22px 18px; display:flex;}
    .page-mypage-career .career__label img {width:50px; height:50px; padding-bottom:0; margin-right:20px;}
    .page-mypage-career .career__label .label__mid-txt {font-size:17px; padding-bottom:5px; line-height:23px; letter-spacing:-0.7px;}
    .page-mypage-career .career__label .label__bot-txt {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-mypage-career .career__setting {margin:0 -26px;}
    .page-mypage-career .career__setting .setting__ul {background:transparent; overflow-x:auto; border-radius:0; height:50px; padding-left:26px;}
    .page-mypage-career .career__setting .setting__ul li:last-child {padding-right:26px;}
    .page-mypage-career .career__setting .setting__ul li {flex-basis:inherit;}
    .page-mypage-career .career__setting .setting__ul li + li {margin-left:8px;}
    .page-mypage-career .setting__shapes {width:240px; background:#fff; padding-left:16px;}
    .page-mypage-career .setting__shapes .setting__step {display:flex; align-items:center;}
    .page-mypage-career .setting__shapes .setting__step p {font-size:13px; margin-right:7px; letter-spacing:-0.11px;}
    .page-mypage-career .setting__shapes .setting__step span {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-mypage-career .setting__shapes.inactive .setting__step span {background:none; padding-left:0;}
    .page-mypage-career .career__setting-contents .career__panel {padding:16px 20px;}
    .page-mypage-career .setting__card .card__text-box .card__number {font-size:13px; padding-bottom:4px;}
    .page-mypage-career .setting__card .card__text-box .card__txt {font-size:20px; font-weight:400; line-height:26px; letter-spacing:-0.8px;}
    .page-mypage-career .setting__card .card__icon {width:90px;}
    .page-mypage-career .career__ul {flex-wrap:wrap; margin:0 -4px;}
    .page-mypage-career .career__ul li {flex-basis:50%; padding:4px;}
    .page-mypage-career .career__panel02 .career__ul {margin:0;}
    .page-mypage-career .career__panel02 .career__ul li {flex-basis:100%;}
    .page-mypage-career .career__ul li + li {margin-left:0;}
    .page-mypage-career .card__explain {font-size:13px; background-size:14px; padding-left:20px;}
    .page-mypage-career .career__ul-title {font-size:14px;}
    .page-mypage-career .career__panel03 .career__ul li {flex-basis:50%;}
    .page-mypage-career .career__btn-box .job-icon {width:44px;}
    .page-mypage-career .career__btn-box .enter-icon {width:32px;}
    .page-mypage-career .right__title {display:none;}
    .page-mypage-career .career__btn-left {margin-left:8px;}
    .page-mypage-career .career__btn-left .left__top {font-size:13px;}
    .page-mypage-career .career__btn-left .left__top .left__title {font-size:15px;}
    .page-mypage-career .career__btn-left .ch-badge {font-size:11px !important; margin-left:4px; width:50px; height:20px;}
    .page-mypage-career .career__section03.active:before {height:101.2%;}
    .page-mypage-career .career__section04 p {display:inline; font-size:12px;}
    .page-mypage-career .career__section04 a {font-size:12px;}
    .page-mypage-career .career__section04 a img {position:relative; top:-2px;}
    .page-mypage-career .career__section04 .career__btn-box:before {width:6px; height:6px; left:-14px;}
}

.page-mypage-career-done {}
.page-mypage-career-done .career-done__my-goal .mypage__panel {padding:0;}
.page-mypage-career-done .career-done__my-goal .my-goal__contents {position:relative; display:flex; align-items:center;}
.page-mypage-career-done .my-goal__process-area {position:absolute; top:40%; left:50%; transform:translate(-50%, -50%); width:30%;}
.page-mypage-career-done .my-goal__process-area .my-goal__process-bar {position:absolute; bottom:7px;  left:20px; width:calc(100% - 40px); border-bottom: 2px dotted #fff;
    background: linear-gradient(#fff,#fff) padding-box /* Don't extend this to border */, linear-gradient(to right, #b6bbc7, #0071ec 100%) border-box;}
.page-mypage-career-done .career-done__my-goal .my-goal__process { display:flex; align-items:center; justify-content:space-between;}
.page-mypage-career-done .career-done__my-goal .my-goal__process .process__left {position:relative; width:18px; height:18px; background:#fff; border-radius:50%;}
.page-mypage-career-done .career-done__my-goal .my-goal__process .process__left:before {position:absolute; top:50%; left:50%; border-radius:50%; background:#b6bbc7; width:10px; height:10px; transform:translate(-50%, -50%); display:block; content:'';}
.page-mypage-career-done .career-done__my-goal .my-goal__process .process__right {position:relative; width:18px; height:18px; border:1px solid #0071ec; border-radius:50%; background:#fff;}
.page-mypage-career-done .career-done__my-goal .my-goal__process .process__right:before {position:absolute; top:50%; left:50%; border-radius:50%; background:#0071ec; width:10px; height:10px; transform:translate(-50%, -50%); display:block; content:'';}
.page-mypage-career-done .career-done__my-goal .my-goal__contents .my-goal__area {display:flex; flex-direction:column; flex-basis:50%; justify-content:center; text-align:center; padding:40px 0;}
.page-mypage-career-done .career-done__my-goal .my-goal__contents .my-goal__area .my-goal__icon {width:74px; margin:0 auto; padding-bottom:18px;}
.page-mypage-career-done .career-done__my-goal .my-goal__contents .my-goal__area .my-goal__icon img {width:100%;}
.page-mypage-career-done .career-done__my-goal .my-goal__p {}
.page-mypage-career-done .career-done__my-goal .my-goal__p span {display:block;}
.page-mypage-career-done .career-done__my-goal .my-goal__p .my-goal__txt {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.page-mypage-career-done .career-done__my-goal .my-goal__p .my-goal__txt02 {font-size:20px; color:#222; font-weight:700; line-height:28px; letter-spacing:-0.5px;}
.page-mypage-career-done .my-goal__speech {background:url('/assets/images/ico/ic-bubble-gray-48.svg') no-repeat center; width:100%; height:48px; text-align:center; margin-bottom:10px;}
.page-mypage-career-done .my-goal__speech .speech__top {display:block; padding-top:3px;}
.page-mypage-career-done .my-goal__speech span {font-size:14px; color:#888c99; letter-spacing:-0.4px;}

.page-mypage-career-done .career-done__goal-detail {margin-top:80px;}
.page-mypage-career-done .career-done__goal-detail .mypage__panel + .mypage__panel {margin-top:12px;}
.page-mypage-career-done .goal__progress {display:flex; align-items:center; margin-bottom:50px;}
.page-mypage-career-done .goal__progress .progress__left {display:flex; align-items:center; margin-right:50px; flex:0 0 192px;}
.page-mypage-career-done .goal__progress .progress__left figure {width:68px; margin-right:26px;}
.page-mypage-career-done .goal__progress .progress__left figure img {width:100%;}
.page-mypage-career-done .goal__progress .progress__left p {font-size:20px; font-weight:700; line-height:28px; letter-spacing:-0.5px;}
.page-mypage-career-done .goal__progress .progress__left span {font-size:15px; line-height:24px; letter-spacing:-0.5px;}
.page-mypage-career-done .goal__progress .progress__right {width:100%;}
.page-mypage-career-done .goal-detail__ul li + li {margin-top:10px;}
.page-mypage-career-done .career-done__goal-detail .page-title-kr28 img {margin-left:7px;}
.page-mypage-career-done .coupon__title {padding-left:36px; background:url('/assets/images/ico/ic-present-one-22.svg') no-repeat left top; font-size:16px; margin-bottom:13px; letter-spacing:-0.6px;}
.page-mypage-career-done .goal__coupon-box + .goal__coupon-box {margin-top:43px;}
.page-mypage-career-done .goal__coupon-box .coupon__text-area {padding:46px 50px; border-radius:18px; background:#e3f1ff url('/assets/images/etc/career-coupon.png') no-repeat right; background-size:contain;}
.page-mypage-career-done .goal__coupon-box .coupon__text-area.consulting {background:#e3f1ff url('/assets/images/etc/career-consulting.png') no-repeat right; background-size:contain;}
.page-mypage-career-done .goal__coupon-box .coupon__text-area.doc {background:#e3f1ff url('/assets/images/etc/career-doc.png') no-repeat right; background-size:contain;}
.page-mypage-career-done .goal__coupon-box .coupon__text-area .coupon__word {font-size:28px; font-weight:700; padding-bottom:22px;}
.page-mypage-career-done .goal__coupon-box .coupon__text-area .coupon__txt {font-size:14px; line-height:24px; letter-spacing:-0.5px;}
.page-mypage-career-done .goal__coupon-box .doc__link {font-size:14px; color:#0071ec; background-position:right 1px; letter-spacing:-0.6px;}

@media (max-width:1080px) {
    .page-mypage-career-done .career-done__my-goal .my-goal__contents .my-goal__area .my-goal__icon {width:50px; padding-bottom:11px;}
    .page-mypage-career-done .career-done__my-goal .my-goal__p .my-goal__txt {font-size:13px; letter-spacing:-0.6px;}
    .page-mypage-career-done .career-done__my-goal .my-goal__p .my-goal__txt02 {font-size:16px; letter-spacing:-0.7px;}
    .page-mypage-career-done .my-goal__speech {background:url('/assets/images/ico/m-ic-runningman-34.svg') no-repeat center; margin-bottom:0;}
    .page-mypage-career-done .my-goal__speech .speech__top {display:none;}
    .page-mypage-career-done .my-goal__process-area .my-goal__process-bar {bottom:6px; left:12px; width:calc(100% - 26px);}
    .page-mypage-career-done .career-done__my-goal .my-goal__process .process__left {width:12px; height:12px;}
    .page-mypage-career-done .career-done__my-goal .my-goal__process .process__left:before {width:8px; height:8px;}
    .page-mypage-career-done .career-done__my-goal .my-goal__process .process__right {width:12px; height:12px;}
    .page-mypage-career-done .career-done__my-goal .my-goal__process .process__right:before {width:8px; height:8px;}
    .page-mypage-career-done .my-goal__process-area {top:26%; width:26%;}
    .page-mypage-career-done .career-done__my-goal .my-goal__contents .my-goal__area {padding:0;}
    .page-mypage-career-done .goal__progress {flex-direction:column; align-items:flex-start;}
    .page-mypage-career-done .goal__progress .progress__left {margin-right:0; flex:0 0 100%; margin-bottom:14px;}
    .page-mypage-career-done .goal__progress .progress__left figure {width:46px; margin-right:18px;}
    .page-mypage-career-done .goal__progress .progress__left p {font-size:16px; letter-spacing:-0.7px;}
    .page-mypage-career-done .goal__progress .progress__left span {font-size:14px; letter-spacing:-0.6px;}
    .page-mypage-career-done .career-done__my-goal .career-done__panel {padding:29px 0;}
    .page-mypage-career-done .career-done__goal-detail {margin-top:40px;}
    .page-mypage-career-done .goal__coupon-box .coupon__text-area {background:#e3f1ff url('/assets/images/etc/m-ic-goal-present-one-126.png') no-repeat right; background-size:cover;}
    .page-mypage-career-done .goal__coupon-box .coupon__text-area.consulting {background:#e3f1ff url('/assets/images/etc/m-ic-goal-present-two-126.png') no-repeat right; background-size:cover;}
    .page-mypage-career-done .goal__coupon-box .coupon__text-area.doc {background:#e3f1ff url('/assets/images/etc/m-ic-goal-present-three-126.png') no-repeat right; background-size:cover;}
}

.career__badge {display:flex; align-items:center; justify-content:center; width:110px; height:40px; border-radius:20px;}
.career__badge .badge__icon {width:34px; height:34px;}
.career__badge span {font-size:15px; font-weight:700; letter-spacing:-0.4px;}
.career__badge.need {background:#ffe5e5;}
.career__badge.need .badge__icon {background:url('/assets/images/ico/ic-class-need-34.svg') no-repeat center;}
.career__badge.need span {color:#ff5352;}
.career__badge.ing {background:#ffe9da;}
.career__badge.ing .badge__icon {background:url('/assets/images/ico/ic-class-ing-34.svg') no-repeat center;}
.career__badge.ing span {color:#ff7a20;}
.career__badge.complete {background:#cdfacc;}
.career__badge.complete .badge__icon {background:url('/assets/images/ico/ic-class-complete-34.svg') no-repeat center;}
.career__badge.complete span {color:#1db817;}
.career__class-card {border:1px solid #d1d8e4; border-radius:12px; padding:18px 26px; display:flex; align-items:center; justify-content:space-between;}
.career__class-card:hover {border-color:#0071ec;}
.career__class-card:hover .class-card__left p {color:#0071ec;}
.career__class-card .class-card__left {}
.career__class-card .class-card__left .left__top span {font-size:15px; color:#888c99; letter-spacing:-0.5px;}
.career__class-card .class-card__left p {font-size:18px; letter-spacing:-0.5px;}
.career__class-card.on .class-card__left .left__top span {color:#0071ec;}
.networking__title {display:flex; justify-content:space-between; align-items:center;}

@media (max-width:1080px) {
    .career__class-card {padding:14px 15px; flex-direction:column-reverse; align-items:flex-start;}
    .career__badge .badge__icon {width:24px; height:24px;}
    .career__badge span {font-size:13px; letter-spacing:-0.5px;}
    .career__badge {width:84px; height:28px; border-radius:7px;}
    .career__class-card .class-card__left .left__top span {font-size:13px; letter-spacing:-0.6px;}
    .career__class-card .class-card__left p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-mypage-career-done .career-done__goal-detail .page-title-kr28 img {width:26px;}
    .page-mypage-career-done .coupon__title {background-size:22px; padding-left:26px; font-size:14px; letter-spacing:-0.6px;}
    .page-mypage-career-done .goal__coupon-box .coupon__text-area {padding:26px 18px;}
    .page-mypage-career-done .goal__coupon-box .coupon__text-area .coupon__word {font-size:15px; padding-bottom:6px;}
    .page-mypage-career-done .goal__coupon-box .coupon__text-area .coupon__txt {font-size:12px;}
    .networking__title {flex-direction:column; align-items:flex-start;}
    .page-mypage-career-done .goal__coupon-box .doc__link {margin-top:6px;}
}

/* Mypage Dashboard */
.page-mypage-dashboard .swiper-container {overflow:hidden;}
.page-mypage-dashboard .mypage__panel {padding:40px;}
.page-mypage-dashboard .dashboard-section + .dashboard-section {margin-top:80px;}
.page-mypage-dashboard .dashboard__card .card__top {border-radius:16px; margin-bottom:6px; overflow:hidden;}
.page-mypage-dashboard .dashboard__card .card__icon {height:70px; padding-bottom:16px;}
.page-mypage-dashboard .dashboard__card .card__icon img {height:100%;}
.page-mypage-dashboard .dashboard__card .card__contents {padding:24px 26px; background:#95c6ff; height:328px; display:flex; flex-direction:column;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__top {display:flex; align-items:center;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__top .bar {color:#222 !important; line-height:22px;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__top span {font-size:15px; opacity:0.6; letter-spacing:-0.4px;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__title {font-size:20px; font-weight:700; line-height:28px; letter-spacing:-0.5px; height:56px;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__footer {display:flex; flex-direction:column; margin-top:auto;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__footer .contents__progress {}
.page-mypage-dashboard .dashboard__card .card__contents .contents__footer .contents__progress .progress__lane {height:5px; background:rgba(0,0,0,0.15); position:relative; border-radius:3.5px;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__footer .contents__progress .progress__bar {position:absolute; top:0; left:0; width:60%; background:#222; height:5px; border-radius:3.5px;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__footer .contents__progress .progress__txt-group {display:flex; align-items:center; justify-content:space-between;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__footer .contents__progress .progress__txt-group p {padding-top:6px; font-size:14px; letter-spacing:-0.4px;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__footer .dashboard__listen {border-radius:10px; width:100%; height:52px; display:flex; align-items:center; justify-content:center; background:#fff; margin-top:17px;}
.page-mypage-dashboard .dashboard__card .card__contents .contents__footer .dashboard__listen span {font-size:18px; font-weight:700; color:#0071ec; margin-left:6px; letter-spacing:-0.4px;}
.page-mypage-dashboard .dashboard__card .card__bot {padding:18px 26px; border-radius:12px; background:#e7ecf5; background:#e7ecf5;}
.page-mypage-dashboard .dashboard__card .card__bot .bot__title {font-size:14px; color:#888c99; display:flex; align-items:center; padding-bottom:17px; letter-spacing:-0.4px;}
.page-mypage-dashboard .dashboard__card .card__bot .bot__check {width:16px; height:16px; margin-right:6px; background:#95c6ff url('/assets/images/ico/ic-check-white-10.svg') no-repeat center; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.page-mypage-dashboard .dashboard__card .card__bot .bot__txt-group p {font-size:15px; font-weight:700; letter-spacing:-0.5px;}
.page-mypage-dashboard .dashboard__card .card__bot .bot__txt-group span {font-size:15px; color:#222; letter-spacing:-0.5px;}
.page-mypage-dashboard .dashboard__swiper {position:relative;}
.page-mypage-dashboard .dashboard__swiper .ch-swiper-btn {top:35%;}
.page-mypage-dashboard .dashboard__class-ul {}
.page-mypage-dashboard .dashboard__class-ul li:nth-child(1n) .dashboard__card .card__contents {background:#95c6ff;}
.page-mypage-dashboard .dashboard__class-ul li:nth-child(1n) .dashboard__card .card__bot .bot__check {background-color:#95c6ff;}
.page-mypage-dashboard .dashboard__class-ul li:nth-child(2n) .dashboard__card .card__contents {background:#71d3ec;}
.page-mypage-dashboard .dashboard__class-ul li:nth-child(2n) .dashboard__card .card__bot .bot__check {background-color:#71d3ec;}
.page-mypage-dashboard .dashboard__class-ul li:nth-child(3n) .dashboard__card .card__contents {background:#f08d8d;}
.page-mypage-dashboard .dashboard__class-ul li:nth-child(3n) .dashboard__card .card__bot .bot__check {background-color:#f08d8d;}
.page-mypage-dashboard .recommend-section .mypage__header {padding-bottom:0;}
.page-mypage-dashboard .recommend-section .mypage__header h2 {margin-bottom:4px;}
.page-mypage-dashboard .mypage-forum .forum__swiper .swiper-pagination {top:-23px;}
.page-mypage-dashboard .mypage-forum .forum__pick-card .pick-card__header .pick-card__title {font-size:15px; font-weight:700; color:#222; line-height:24px;}
.page-mypage-dashboard .dashboard__step-require-area {padding-top:25px;}
.page-mypage-dashboard .dashboard__step-require-area > p {font-size:18px; font-weight:700; color:#222; padding-bottom:10px; line-height:26px; letter-spacing:-0.4px;}
.page-mypage-dashboard .step-require__ul {border-radius:15px; overflow:hidden;}
.page-mypage-dashboard .step-require__ul li {padding:30px; background:#f3f5f8;}
.page-mypage-dashboard .step-require__ul li + li {border-top:1px solid #ededf2;}
.page-mypage-dashboard .goal__progress {margin-bottom:0;}
.page-mypage-dashboard .dashboard-class-section .class__group {display:flex; justify-content:space-between;}
.page-mypage-dashboard .dashboard-class-section .class__group .class__chart {width:300px;}
.page-mypage-dashboard .dashboard-class-section .class__group .class__summary {width:calc(100% - 350px);}
.page-mypage-dashboard .dashboard-class-section .class__group .summary__header {display:flex; align-items:center; justify-content:space-between; padding-bottom:40px;}
.page-mypage-dashboard .dashboard-class-section .class__group .summary__card {display:flex; align-items:center; justify-content:center; width:168px;}
.page-mypage-dashboard .dashboard-class-section .class__group .summary__card div {text-align:center;}
.page-mypage-dashboard .dashboard-class-section .class__group .summary__card p {font-size:23px; font-weight:700; padding-bottom:5px; line-height:32px; letter-spacing:-0.6px;}
.page-mypage-dashboard .dashboard-class-section .class__group .summary__card span {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.page-mypage-dashboard .summary__detail {border-radius:15px; background:#f3f5f8;}
.page-mypage-dashboard .summary__detail .detail__header {display:flex; padding:17px 30px; align-items:center; justify-content:space-between;}
.page-mypage-dashboard .summary__detail .detail__header p {font-size:16px; font-weight:700; letter-spacing:-0.6px;}
.page-mypage-dashboard .summary__detail .detail__header span {font-size:12px; color:#888c99; letter-spacing:-0.1px;}
.page-mypage-dashboard .summary__detail .detail__ul {height:200px; padding:0 30px 30px 30px; overflow-y:auto;}
.page-mypage-dashboard .summary__detail .detail__ul li {display:flex; align-items:center;}
.page-mypage-dashboard .summary__detail .detail__ul li .detail__img {width:46px; margin-right:24px; border-radius:7px; overflow:hidden; display:table;}
.page-mypage-dashboard .summary__detail .detail__ul li .detail__img span {width:46px; height:46px; text-align:center; vertical-align:middle; display:table-cell;}
.page-mypage-dashboard .summary__detail .detail__ul li .detail__img img {width:29px;}
.page-mypage-dashboard .summary__detail .detail__ul li .detail__txt-group p {font-size:16px; color:#222; line-height:24px; letter-spacing:-0.6px;}
.page-mypage-dashboard .summary__detail .detail__ul li .detail__txt-group span {font-size:13px; color:#888c99; letter-spacing:-0.3px;}
.page-mypage-dashboard .summary__detail .detail__ul li + li {margin-top:17px;}
.page-mypage-dashboard .class-section .class__panel {box-shadow:none;}
.page-mypage-dashboard .dashboard-class__swiper {position:relative;}
.page-mypage-dashboard .dashboard-class__swiper .swiper-container {padding:16px; margin:0 -16px;}
.page-mypage-dashboard .dashboard-class__swiper .swiper-wrapper {height:345px;}
.page-mypage-dashboard .dashboard-class__swiper .class__panel:hover {box-shadow:2px 7px 16px 0 rgba(0, 28, 62, 0.14);}
.page-mypage-dashboard .dashboard-class__swiper .swiper-slide {display:flex; height:100%;}
.page-mypage-dashboard .dashboard-class__swiper .swiper-slide .class__panel {width:100%;}
.page-mypage-dashboard .dashboard-class__swiper .swiper-slide .class__panel:hover {transform:scale(1);}
.page-mypage-dashboard .class__panel-more {background:transparent; border:1px solid #d9dbe0;}
.page-mypage-dashboard .class__panel-more .more__contents {display:flex; justify-content:center; align-items:center; height:100%; flex-direction:column;}
.page-mypage-dashboard .class__panel-more .more__contents a {color:#0071ec;}
.page-mypage-dashboard .class__panel-more:hover {box-shadow:none !important;}
.page-mypage-dashboard .dashboard-goal__panel {display:flex; flex-direction:column;align-items:center;}
.page-mypage-dashboard .dashboard-goal__panel > div {padding-bottom:10px;}
.page-mypage-dashboard .dashboard-review-modal .mypage-forum-view {display:block;}
.page-mypage-dashboard .mypage-forum-view .forum-view__panel {padding:0; border-radius:0;}
.page-mypage-dashboard .mypage-forum-view .forum-view__panel .comments__list {max-height:454px; overflow-y:auto;}
.page-mypage-dashboard .mypage-forum-view .comments__list-more {padding-left:0; padding-bottom:30px; display:flex; justify-content:space-between; align-items:center;}

@media (max-width:1650px) {
    .page-mypage-dashboard .dashboard-class__swiper .swiper-wrapper {height:345px;}
}

@media (max-width:1080px) {
    .page-mypage-dashboard .dashboard-class__swiper .swiper-wrapper {height:270px;}
    .page-mypage-dashboard .mypage__panel {padding:27px 22px;}
    .mypage__header {padding-bottom:10px;}
    .career__section.career__section02 .mypage__header {padding-bottom:4px;}
    .page-mypage-dashboard .dashboard__swiper {margin:0 -16px;}
    .page-mypage-dashboard .dashboard__swiper .swiper-container {padding:0 16px;}
    .page-mypage-dashboard .dashboard__swiper .swiper-slide {width:292px;}
    .page-mypage-dashboard .dashboard__card .card__icon {width:46px; height:46px; padding-bottom:10px;}
    .page-mypage-dashboard .dashboard__card .card__icon img {height:100%;}
    .page-mypage-dashboard .dashboard__card .card__contents .contents__top .bar {line-height:19px;}
    .page-mypage-dashboard .dashboard__card .card__contents .contents__top span {font-size:13px; letter-spacing:-0.6px;}
    .page-mypage-dashboard .dashboard__card .card__contents .contents__title {font-size:17px; height:48px; line-height:23px; letter-spacing:-0.7px;}
    .page-mypage-dashboard .dashboard__card .card__contents {height:272px; padding:18px 22px;}
    .page-mypage-dashboard .dashboard__card .card__contents .contents__footer .dashboard__listen {height:46px; margin-top:13px;}
    .page-mypage-dashboard .dashboard__card .card__contents .contents__footer .dashboard__listen span {font-size:16px;}
    .page-mypage-dashboard .dashboard__card .card__contents .contents__footer .contents__progress .progress__txt-group p {font-size:13px; letter-spacing:-0.6px;}
    .page-mypage-dashboard .dashboard__card .card__bot {padding:16px 22px;}
    .page-mypage-dashboard .dashboard__card .card__bot .bot__check {width:14px; height:14px; background-size:8px;}
    .page-mypage-dashboard .dashboard__card .card__bot .bot__title {font-size:13px; padding-bottom:5px; letter-spacing:-0.6px;}
    .page-mypage-dashboard .dashboard__card .card__bot .bot__txt-group p {font-size:14px;}
    .page-mypage-dashboard .dashboard__card .card__bot .bot__txt-group span {font-size:13px;}
    .dashboard-class__swiper .swiper-slide,
    .dashboard-recommend__swiper .swiper-slide {width:292px;}
    .mypage-forum .pick-card__footer .card__comments .comments__content {font-size:14px; letter-spacing:-0.6px;}
    .page-mypage-dashboard .dashboard-class__swiper .swiper-container {padding:16px;}
    .page-mypage-dashboard .dashboard-section + .dashboard-section {margin-top:40px;}
    .page-mypage-dashboard .mypage-forum .forum__swiper .swiper-pagination {display:none;}
    .page-mypage-dashboard .dashboard-class-section .mypage__panel {padding:0 22px 22px 22px;}
    .page-mypage-dashboard .dashboard-class-section .class__group {flex-direction:column;}
    .page-mypage-dashboard .dashboard-class-section .class__group .class__summary {width:100%;}
    .page-mypage-dashboard .dashboard-class-section .class__group .summary__header {padding:20px 0;}
    .page-mypage-dashboard .dashboard-class-section .class__group .summary__card p {font-size:16px;}
    .page-mypage-dashboard .dashboard-class-section .class__group .summary__card span {font-size:13px;}
    .page-mypage-dashboard .summary__detail .detail__header {padding:13px 18px;}
    .page-mypage-dashboard .summary__detail .detail__ul  {padding:0 18px 18px 18px;}
    .page-mypage-dashboard .summary__detail .detail__ul li {align-items:flex-start;}
    .page-mypage-dashboard .summary__detail .detail__ul li + li {margin-top:7px;}
    .page-mypage-dashboard .summary__detail .detail__ul li .detail__img {margin-right:12px;}
    .page-mypage-dashboard .summary__detail .detail__ul li .detail__txt-group {flex:1 1 0;}
    .page-mypage-dashboard .summary__detail .detail__ul li .detail__txt-group p {font-size:13px;}
    .page-mypage-dashboard .dashboard-goal__panel > div img {width:72px;}
    .page-mypage-dashboard .dashboard__step-require-area {padding-top:40px;}
    .page-mypage-dashboard .step-require__ul li {padding:18px 22px;}
    .page-mypage-dashboard .dashboard__step-require-area > p {font-size:15px; padding-bottom:7px;}
    .dashboard-review-modal {}
    .dashboard-review-modal .ch-modal__inner {transform:translate(0); top:54px; left:0; padding:0;}
    .mypage-forum-view .panel__header .panel__title {font-size:15px; padding-bottom:6px; line-height:22px; letter-spacing:-0.7px;}
    .mypage-forum-view .panel__header .header__bottom .header__user p {font-size:12px;}
    .mypage-forum-view .panel__header .header__bottom span {font-size:12px;}
    .mypage-forum-view .panel__header {padding-bottom:15px;}
    .mypage-forum-view .panel__body {padding-bottom:16px;}
    .mypage-forum-view .panel__body p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-mypage-dashboard .mypage-forum-view .forum-view__panel .comments__list {max-height:inherit;}
    .page-mypage-dashboard .mypage-forum-view .comments__list-more {align-items:center; padding-top:16px; padding-bottom:10px;}
    .page-mypage-dashboard .class__panel-more .more__contents a {font-size:14px; letter-spacing:-0.6px;}
    .page-mypage-dashboard .mypage-forum .forum__pick-card .pick-card__header .pick-card__title {font-size:14px; letter-spacing:-0.6px;}
    .page-mypage-dashboard .summary__detail .detail__ul li .detail__txt-group span {letter-spacing:-0.6px;}
}

.page-mypage-coupon {}
.page-mypage-coupon .coupon__input-area {padding-top:16px; display:flex; align-items:center;}
.page-mypage-coupon .coupon__input-area form {display:flex; width:100%;}
.page-mypage-coupon .coupon__input-area form .ch-input {width:100%;}
.page-mypage-coupon .coupon__input-btn {display:flex; width:90px; margin-left:10px;}
.page-mypage-coupon .coupon__ul {display:flex; flex-wrap:wrap;  margin:0 -20px;}
.page-mypage-coupon .coupon__ul > li {display:flex; flex:0 1 33%; max-width:33%; padding:20px;}
.page-mypage-coupon .coupon-more__btn {width:94px; margin:0 auto; padding-top:30px;}
.page-mypage-coupon .coupon-more__btn button {font-weight:400;}
.page-mypage-coupon .coupon__footer {border-top:1px solid #d9dbe0; padding-top:20px; margin-top:40px;}
.page-mypage-coupon .coupon__footer p {font-size:16px; font-weight:700; color:#888c99; padding-bottom:6px; letter-spacing:-0.6px;}
.page-mypage-coupon .coupon__footer ul li {font-size:15px; color:#888c99; letter-spacing:-0.5px;}
.page-mypage-coupon .coupon__footer ul li + li {margin-top:2px;}

/*@media (max-width:1600px) {
    .page-mypage-coupon .coupon__ul > li {flex:0 1 33%; max-width:33%;}
}

@media (max-width:1400px) {
    .page-mypage-coupon .coupon__ul > li {flex:0 1 50%; max-width:50%;}
}*/

@media (max-width:768px) {
    .page-mypage-coupon .coupon__ul > li {flex:0 1 100%; max-width:100%;}
    .coupon__input-btn button {padding:0; font-size:14px;}
    .page-mypage-coupon .coupon__ul {margin:0 -10px;}
    .page-mypage-coupon .coupon__ul > li {padding:10px;}
    .page-mypage-coupon .coupon__footer p {font-size:13px; letter-spacing:-0.6px;}
    .page-mypage-coupon .coupon__footer ul li {font-size:13px; letter-spacing:-0.6px;}
}

/* 비밀번호 찾기 */
.page-mypage-password {}
.page-mypage-password .profile-top {margin-top:40px; margin-bottom:20px;}
.page-mypage-password .profile-top .profile__header {position:relative; display:flex; justify-content:flex-end;}
.page-mypage-password .profile-top .profile__header .profile__thumbnail {position:absolute; top:-90px; left:0; width:120px; height:120px; border:3px solid #fff; border-radius:50%;}
.page-mypage-password .profile-top .profile__header .profile__thumbnail span {width:100%; height:100%; border-radius:50%; background-color:#f3f5f8; overflow:hidden; display:block;}
.page-mypage-password .profile-top .profile__header .profile__thumbnail span > img {width:100%; vertical-align:bottom}
.page-mypage-password .profile-top .profile__header .profile__thumbnail .profile-upload-img {position:absolute; right:-10px; bottom:0; width:38px; height:38px; border:2px solid #fff; background:#f3f5f8; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.page-mypage-password .profile-top .profile__header .profile__thumbnail .profile-upload-img label {cursor:pointer;}
.page-mypage-password .profile-top .profile__header .profile__setting span {font-size:14px; color:#888c99; cursor:pointer; letter-spacing:-0.6px;}
.page-mypage-password .profile-top .profile__detail {padding-top:20px;}
.page-mypage-password .profile-top .profile__detail .detail__title {font-size:28px; font-weight:700; display:flex; align-items:center; margin-bottom:15px; letter-spacing:-0.5px;}
.page-mypage-password .profile-top .profile__detail .detail__title img {margin-left:6px;}
.page-mypage-password .profile-top .profile__detail .detail__email {font-size:16px; padding-left:50px; background:url('/assets/images/ico/ic-email-28.svg') no-repeat left; margin-bottom:10px; letter-spacing:-0.6px;}
.page-mypage-password .profile-top .profile__detail .detail__phone {font-size:16px; padding-left:50px; background:url('/assets/images/ico/ic-telephone-28.svg') no-repeat left; letter-spacing:-0.6px;}
.page-mypage-password .profile-top .profile__detail .detail__info {font-size:14px; color:#888c99; margin-top:15px; letter-spacing:-0.6px;}
.page-mypage-password .profile-bot {padding-bottom:40px;}
.page-mypage-password .profile-bot .ch-form-group {margin-bottom:16px;}
.page-mypage-password .profile-bot .ch-input {max-width:400px;}
.page-mypage-password .profile-bot .profile-bot__form {}
.page-mypage-password .profile-bot .profile-bot__header {display:flex; align-items:flex-start;}
.page-mypage-password .profile-bot .profile-bot__header .profile-bot__title {margin-left:22px; margin-right:4px; font-size:16px; font-weight:700;}
.page-mypage-password .profile-bot .profile-bot__header .profile-bot__title span {display:block; font-size:14px; font-weight:400; color:#888c99; margin-top:4px;}
.page-mypage-password .profile-bot .profile-bot__header .profile-bot__title span span {display:inline;}
.page-mypage-password .profile-bot .profile-bot__body {padding-left:50px;}
.page-mypage-password .profile-bot .profile-bot__info {font-size:14px; color:#888c99; letter-spacing:-0.6px; line-height:21px;}
.page-mypage-password .profile-bot .profile-bot__upload-area {padding-top:16px; display:flex; align-items:center;}
.page-mypage-password .profile-bot .profile-bot__upload-area .upload-group + .upload-group {margin-left:10px;}
.page-mypage-password .profile-bot .profile-bot__upload-area .upload-txt {font-size:14px; margin-right:10px; letter-spacing:-0.6px;}
.page-mypage-password .profile-bot .profile-bot__upload-area .upload-group .ch-file-upload + .ch-file-upload {margin-left:8px;}
.page-mypage-password .profile-bot .profile-bot__benefit {position:relative;}
.page-mypage-password .profile-bot .profile-bot__benefit img {cursor:pointer;}
.page-mypage-password .profile-bot .benefit__layer {display:none; position:absolute; left:0; bottom:-6px; width:492px; padding:18px 26px; border:1px solid #222; border-radius:20px; background:#fff; box-shadow:2px 30px 60px 0 rgba(0, 28, 62, 0.14); transform:translateY(100%);}
.page-mypage-password .profile-bot .benefit__layer .layer__content {font-size:15px; color:#888c99; letter-spacing: -0.5px;}
.page-mypage-password .profile-bot .benefit__layer header {font-size:15px; color:#888c99; font-weight:700; padding-bottom:8px;}
.page-mypage-password .profile-bot .interest-select__ul {display:flex;}
.page-mypage-password .profile-bot .interest-select__ul li {display:flex;}
.page-mypage-password .profile-bot .interest-select__ul li + li {margin-left:8px;}
.page-mypage-password .profile-bot .interest-select__title {font-size:16px; color:#888c99; padding-top:16px; padding-bottom:8px; letter-spacing:-0.6px;}
.page-mypage-password .profile-bot .join__btn-group {display:flex; padding-top:17px;}
.page-mypage-password .profile-bot .join__btn-group button {display:flex; margin-right:17px;}
.page-mypage-password .profile-bot .join__btn-group button:last-child {margin-right:0;}
.page-mypage-password .profile-bot .marketing__agree {display:flex; align-items:center; padding-top:10px;}
.page-mypage-password .profile-bot .marketing__agree .ch-check-item {margin-right:33px;}
.page-mypage-password .profile-bot .marketing__agree .ch-check[type="checkbox"]:checked + .ch-check-label span {color:#0071ec;}
.page-mypage-password .profile__btn-area {padding-top:30px; display:flex; justify-content:center;}
.page-mypage-password .page-consulting-apply .ch-form-group__flex label {flex: 0 0 170px; font-weight:700; color:#222;}
.page-mypage-password .page-consulting-apply .ch-form-group__flex label img {margin-right:22px;}
.page-mypage-password .password__change-area,
.page-mypage-password .password__withdrawal-area {}
.page-mypage-password .password__tab-title {font-size:18px; padding-bottom:16px; letter-spacing:-0.4px; line-height:26px;}
.page-mypage-password .password__contents {width:100%; max-width:520px; display:flex;}
.page-mypage-password .password__contents form {width:100%;}
.page-mypage-password .password__contents .w90 {margin-left:10px;}
.page-mypage-password .password__change-title {font-size:18px; font-weight:700; padding-bottom:16px;}
.page-mypage-password .password__change-form {max-width:536px;}
.page-mypage-password .change-form-group {margin-bottom:30px;}
.page-mypage-password .password__change-btn {width:136px; margin:30px auto 0 auto;}
.page-mypage-password .withdrawal__panel {padding-bottom:18px;}
.page-mypage-password .withdrawal__txt01 {font-size:15px; color:#222; padding-bottom:16px; letter-spacing:-0.5px; line-height:24px;}
.page-mypage-password .withdrawal__txt-group p {font-size:15px; color:#222; letter-spacing:-0.5px;}
.page-mypage-password .withdrawal__txt-group span {font-size:15px; color:#888c99; letter-spacing:-0.5px; line-height:24px;}
.page-mypage-password .withdrawal__txt-group + .withdrawal__txt-group {margin-top:16px;}
.page-mypage-password .ch-hr {margin:30px -40px;}
.page-mypage-password .withdrawal__warning {max-width:400px;}
.page-mypage-password .withdrawal__warning p {font-size:15px; color:#ff5352; padding-bottom:12px; letter-spacing:-0.5px; line-height:24px;}
.page-mypage-password .password__written-list {border-radius:20px; background:#fff;}
.page-mypage-password .password__written-list + .password__written-list {margin-top:20px;}
.page-mypage-password .password__written-list li {padding:26px 40px;}
.page-mypage-password .password__written-list li:hover {background:#f7f9fb;}
.page-mypage-password .password__written-list li + li {border-top:1px solid #f3f5f8;}
.page-mypage-password .password__written-list li a {display:block;}
.page-mypage-password .password__written-list .written-forum__card .card__top {display:flex; align-items:center; padding-bottom:5px;}
.page-mypage-password .password__written-list .written-forum__card .card__top p {font-size:18px; font-weight:700; margin-left:8px; line-height:26px; letter-spacing:-0.4px;}
.page-mypage-password .password__written-list li:hover .written-forum__card .card__top p {color:#0071ec;}
.page-mypage-password .password__written-list .written-forum__card .card__body p {font-size:15px; padding-bottom:8px; letter-spacing:-0.5px; line-height:24px;}
.page-mypage-password .password__written-list .written-forum__card .card__footer span {font-size:14px; color:#888c99; letter-spacing:-0.6px;}
.page-mypage-password .password__written-review-list li:hover {background:transparent;}
.page-mypage-password .written-review__card .card__top {display:flex; align-items:center; justify-content:space-between; padding-bottom:8px;}
.page-mypage-password .written-review__card .card__top span {font-size:14px; color:#888c99; line-height:21px; letter-spacing:-0.6px;}
.page-mypage-password .written-review__card .card__top .star-group {margin-right:6px;}
.page-mypage-password .written-review__card .card__top .star-group span {width:20px; height:20px;}
.page-mypage-password .written-review__card .card__top .review__score {font-size:18px; font-weight:700; color:#ff9c00; letter-spacing:-0.4px; line-height:26px;}
.page-mypage-password .written-review__card .card__top a {display:flex; align-items:center;}
.page-mypage-password .written-review__card .card__top a span {font-size:13px; color:#0071ec;}
.page-mypage-password .written-review__card .card__top a img {margin-top:2px;}
.page-mypage-password .written-review__card .card__body p {display:block; font-size:18px; font-weight:700; padding-bottom:6px; letter-spacing:-0.4px; line-height:26px;}
.page-mypage-password .written-review__card .card__body a {display:none; font-weight:700; padding-bottom:6px;}
.page-mypage-password .written-review__card .card__body span {font-size:15px; color:#888c99; letter-spacing:-0.5px; line-height:24px;}

@media (max-width:1080px) {
    .page-mypage-password .profile-top .profile__header .profile__thumbnail {width:84px; height:84px; border:2px solid #fff;}
    .page-mypage-password .password__contents {flex-direction:column;}
    .page-mypage-password .password__contents .w90 {width:100% !important; margin-left:0; margin-top:10px;}
    .page-mypage-password .password__change-btn {width:100%; margin:20px 0 0 0;}
    .page-mypage-password .withdrawal__txt01 {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-mypage-password .withdrawal__txt-group p {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-mypage-password .withdrawal__txt-group span {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-mypage-password .withdrawal__warning p {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-mypage-password .ch-hr {margin:20px -22px;}
    .page-mypage-password .profile-top .profile__header .profile__thumbnail {top:-54px;}
    .page-mypage-password .profile-top .profile__header .profile__thumbnail .profile-upload-img {width:26px; height:26px;}
    .page-mypage-password .profile-top .profile__header .profile__thumbnail .profile-upload-img label img {width:22px;}
    .page-mypage-password .profile-top .profile__header .profile__setting span {font-size:12px;}
    .page-mypage-password .profile-top .profile__detail .detail__title {font-size:20px;}
    .page-mypage-password .profile-top .profile__detail .detail__title img {width:22px;}
    .page-mypage-password .profile-top .profile__detail .detail__email {padding-left:34px; background-size:22px; font-size:15px;}
    .page-mypage-password .profile-top .profile__detail .detail__phone {padding-left:34px; background-size:22px; font-size:15px;}
    .page-mypage-password .profile-top .profile__detail .detail__info {font-size:13px;}
    .page-mypage-password .page-consulting-apply .ch-form-group__flex > label {flex:auto;}
    .page-mypage-password .page-consulting-apply .ch-form-group__flex > label img {width:22px; margin-right:8px;}
    .page-mypage-password .profile-bot .profile-bot__form {width:100%;}
    .page-mypage-password .default__career-body {width:100%;}
    .page-mypage-password .profile-bot .profile-bot__upload-area {flex-direction:column; align-items:flex-start;}
    .page-mypage-password .profile-bot .profile-bot__upload-area .upload-group + .upload-group {margin-left:0; margin-top:12px; padding-top:12px; border-top:1px solid #f3f5f8;}
    .page-mypage-password .profile-bot .profile-bot__upload-area .upload-group .ch-file-upload {margin-top:8px;}
    .page-mypage-password .profile-bot .profile-bot__upload-area .upload-group .ch-file-upload + .ch-file-upload {margin-left:0; margin-top:4px;}
    .page-mypage-password .profile-bot .profile-bot__upload-area .upload-group {flex-direction:column; align-items:flex-start; width:100%;}
    .page-mypage-password .profile-bot .profile-bot__header img {width:22px;}
    .page-mypage-password .profile-bot .profile-bot__header .profile-bot__title {margin-left:4px;}
    .page-mypage-password .profile-bot .profile-bot__body {padding-left:26px; padding-top:10px;}
    .page-mypage-password .profile-bot .interest-select__title {font-size:13px;}
    .page-mypage-password .profile-bot .interest-select__ul {overflow-x:auto;}
    .page-mypage-password .profile-bot .interest-select__ul li {flex:0 0 auto;}
    .page-mypage-password .profile-bot .join__btn-group {flex-wrap:wrap;}
    .page-mypage-password .profile-bot .join__btn-group button {flex-basis:100%; margin-right:0; margin-bottom:6px;}
    .page-mypage-password .profile-bot .join__btn-group button:last-child {margin-bottom:0;}
    .page-mypage-password .profile-bot .marketing__agree .ch-check-item {margin-right:24px;}
    .page-mypage-password .profile__btn-area {padding-top:20px;}
    .page-mypage-password .profile__btn-area button {width:100% !important;}
    .marketing-modal .modal__body {height:326px; overflow-y:auto;}
    .marketing-modal .ch-modal__content {border-radius:16px;}
    .page-mypage-password .password__written-list + .password__written-list {margin-top:16px;}
    .page-mypage-password .password__written-list .written-forum__card .card__top {flex-direction:column; align-items:flex-start; padding-bottom:3px;}
    .page-mypage-password .password__written-list li {padding:16px 22px;}
    .page-mypage-password .password__written-list .written-forum__card .card__top p {margin-top:4px; font-size:16px; margin-left:0; letter-spacing:-0.6px;}
    .page-mypage-password .password__written-list .written-forum__card .card__body p {padding-bottom:0; font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-mypage-password .written-review__card .card__top .star-group span {width:16px; height:16px;}
    .page-mypage-password .written-review__card .card__top span {font-size:12px;}
    .page-mypage-password .written-review__card .card__top a {display:none;}
    .page-mypage-password .written-review__card .card__body p {display:none;}
    .page-mypage-password .written-review__card .card__body a {display:block; font-size:16px; letter-spacing:-0.7px; color:#222;}
    .page-mypage-password .written-review__card .card__body span {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
}

/* 주문 내역 */
.page-mypage-order-list .order-export {font-size:15px; color:#0071ec; letter-spacing:-0.5px;}
.page-mypage-order-list .order-list__date {font-size:18px; font-weight:700; padding-bottom:10px; letter-spacing:-0.4px;}
.page-mypage-order-list .order-list__date:not(:first-of-type), .page-mypage-order-list .order-list__area:not(:first-of-type) {padding-top:40px;}
.page-mypage-order-list .order-list__ul {background:#fff; overflow:hidden; border-radius:20px;}
.page-mypage-order-list .order-list__ul li {padding:38px 40px;}
.page-mypage-order-list .order-list__card {display:flex; justify-content:space-between;}
.page-mypage-order-list .order-list__card .order-list__left {display:flex;}
.page-mypage-order-list .order-list__card .order-list__left .order-list__status {width:74px; height:74px; display:flex; align-items:center; justify-content:center; border-radius:12px; margin-right:26px;}
.page-mypage-order-list .order-list__card .order-list__left .order-list__status span {font-size:15px; font-weight:700;}
.page-mypage-order-list .order-list__card .order-list__left .order-list__status.success {background:#cdfacc; color:#1db817;}
.page-mypage-order-list .order-list__card .order-list__left .order-list__status.waiting {background:#ffe9da; color:#ff7a20;}
.page-mypage-order-list .order-list__card .order-list__left .order-list__status.cancel {background:#ffe5e5; color:#ff5352;}
.page-mypage-order-list .order-list__ul li:hover {background:#f7f9fb;}
.page-mypage-order-list .order-list__ul li:hover .order-list__card .order-list__title a {color:#0071ec;}
.page-mypage-order-list .order-list__detail {display:flex; flex-direction:column;}
.page-mypage-order-list .order-list__txt-group {display:flex; flex-direction:column; margin-top:auto;}
.page-mypage-order-list .order-list__title {font-size:18px; font-weight:700; letter-spacing:-0.4px;}
.page-mypage-order-list .order-list__txt {line-height:1.2;}
.page-mypage-order-list .order-list__txt span {font-size:14px; color:#888c99; line-height:21px; letter-spacing:-0.6px;}
.page-mypage-order-list .order-list__txt span:first-child {display:inline-block; width:70px; margin-right:14px;}
.page-mypage-order-list .order-list__right-detail {display:flex; flex-direction:column;}
.page-mypage-order-list .order-list__right {display:flex; justify-content:space-between; width:100%;}
.page-mypage-order-list .order-list__right .order__amount {padding:3px 12px; border-radius:32px; background:#f3f5f8; color:#222; font-weight:700; font-size:16px; letter-spacing:-0.2px;}
.page-mypage-order-list .order-list__right a {display:block; margin-top:auto; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:26px; max-height:26px; white-space:pre-wrap;}
.page-mypage-order-list .order-list__btn-group {text-align:center; padding-top:30px;}
.page-mypage-order-list .order-view__top-box {padding:38px; background:#fff; border-radius:18px; display:flex; margin-top:10px;}
.page-mypage-order-list .order-view__top-box .top-box__thumbnail {width:74px; margin-right:26px; display:table;}
.page-mypage-order-list:not(.consulting) .order-view__top-box .top-box__thumbnail span {width:74px; height:74px; text-align:center; border-radius:12px; vertical-align:middle; overflow:hidden; display:table-cell;}
.page-mypage-order-list:not(.consulting) .order-view__top-box .top-box__thumbnail img {width:46px;}
.page-mypage-order-list .order-view__top-box .top-box__detail {}
.page-mypage-order-list .order-view__top-box .top-box__detail .detail__title {font-size:18px; font-weight:700; padding-bottom:8px; letter-spacing:-0.4px;}
.page-mypage-order-list .order-view__top-box .top-box__detail .detail__group {display:flex;}
.page-mypage-order-list .order-view__top-box .top-box__detail .detail__group p:first-child {width:100px; margin-right:26px; font-size:16px; color:#888c99; letter-spacing:-0.6px;}
.page-mypage-order-list .order-view__top-box .top-box__detail .detail__group p:last-child {font-size:16px; color:#222; letter-spacing:-0.6px;}
.page-mypage-order-list .order-view__top-box .top-box__detail .detail__top {display:flex; align-items:center;}
.page-mypage-order-list .order-view__top-box .top-box__detail .detail__top span {font-size:15px; letter-spacing:-0.5px;}
.page-mypage-order-list .order-view__top-box .top-box__detail .detail__tag-group {display:flex; align-items:center; flex-wrap:wrap;}
.page-mypage-order-list .order-view__top-box .top-box__detail .detail__tag-group > div {margin-right:8px; margin-bottom:4px;}
.page-mypage-order-list .order__txt-group__area {margin-top:22px; padding-bottom:40px;}
.page-mypage-order-list .order__txt-group {display:flex;}
.page-mypage-order-list .order__txt-group + .order__txt-group {margin-top:22px;}
.page-mypage-order-list .order__txt-group p:first-child {font-size:16px; width:70px; margin-right:40px; color:#888c99; letter-spacing:-0.6px;}
.page-mypage-order-list .order__txt-group p:last-child {font-size:16px; letter-spacing:-0.6px;}
.page-mypage-order-list .order-view__refund-flex {display:flex; padding-bottom:30px;}
.page-mypage-order-list .order-view__refund-flex > div {display:flex; flex-basis:33.333333%; margin-right:14px;}
.page-mypage-order-list .order-view__refund-flex > div:last-child {margin-right:0;}
.page-mypage-order-list .order-view__refund-flex .ch-input {width:100%;}

.modal-marketing__section {padding-bottom:20px;}
.modal-marketing__section p {font-size:15px; letter-spacing:-0.5px; line-height:24px;}
.modal-marketing__section .modal-marketing__txt + .modal-marketing__txt {padding-top:20px;}

@media (max-width:1080px) {
    .page-mypage-order-list .order-list__date:not(:first-of-type), .page-mypage-order-list .order-list__area:not(:first-of-type) {padding-top:26px;}
    .page-mypage-order-list .order-export {font-size:14px; letter-spacing:-0.6px;}
    .page-mypage-order-list .ch-hr-bar {display:none;}
    .page-mypage-order-list .order-list__ul {border-radius:14px;}
    .page-mypage-order-list .order-list__ul li {padding:15px 18px;}
    .page-mypage-order-list .order-list__ul li:not(:first-of-type) {border-top:1px solid #f3f5f8;}
    .page-mypage-order-list .order-list__card .order-list__left .order-list__status {width:60px; height:60px; margin-right:16px;}
    .page-mypage-order-list .order-list__right {position:relative; flex-direction:column-reverse;}
    .page-mypage-order-list .order-list__card .order-list__left .order-list__status span {font-size:12px;}
    .page-mypage-order-list .order-list__right .order__amount {width:fit-content; font-size:12px; letter-spacing:-0.4px;}
    .page-mypage-order-list .order-list__right .ch-link {position:absolute; bottom:0;}
    .page-mypage-order-list .order-list__title {font-size:16px; padding:7px 0 6px 0; letter-spacing:-0.7px; line-height:22px;}
    .page-mypage-order-list .order-list__right a {line-height:22px;}
    .page-mypage-order-list .order-list__txt span {font-size:13px;}
    .page-mypage-order-list .order-list__txt span:first-child {margin-right:10px;}
    .page-mypage-order-list .order-list__txt-group {padding-bottom:30px;}
    .page-mypage-order-list .order-view__top-box {padding:15px 18px;}
    .page-mypage-order-list .order-view__top-box .top-box__thumbnail {flex:0 0 60px; margin-right:16px; width:auto;}
    .page-mypage-order-list:not(.consulting) .order-view__top-box .top-box__thumbnail span {width:60px; height:60px; border-radius:6px;}
    .page-mypage-order-list:not(.consulting) .order-view__top-box .top-box__thumbnail img {width:36%;}
    .page-mypage-order-list .order-view__top-box .top-box__detail .detail__top span {font-size:13px;}
    .page-mypage-order-list .order-view__top-box .top-box__detail .detail__title {font-size:16px; letter-spacing:-0.6px; line-height:26px;}
    .page-mypage-order-list .order__txt-group p:first-child {font-size:14px; margin-right:20px; flex:0 0 70px; width:auto;}
    .page-mypage-order-list .order__txt-group p:last-child {font-size:14px; margin-right:20px;}
    .page-mypage-order-list .order__txt-group + .order__txt-group {margin-top:15px;}
    .page-mypage-order-list .order-view__refund-flex {flex-direction:column;}
    .page-mypage-order-list .order-view__refund-flex > div {margin-right:0; flex-basis:100%;}
    .page-mypage-order-list .order-view__refund-flex > div + div {margin-top:6px;}
    .page-mypage-order-list .order-view__top-box .top-box__detail .detail__group p:first-child {font-size:12px; margin-right:12px; width:70px; letter-spacing:-0.7px;}
    .page-mypage-order-list .order-view__top-box .top-box__detail .detail__group p:last-child {font-size:12px; letter-spacing:-0.7px;}
}

/* 마이페이지 고객지원 */
.page-mypage-inquiry {}
.page-mypage-inquiry .mypage__panel {padding:0; overflow:hidden;}
.page-mypage-inquiry .inquiry__ul {padding-bottom:20px;}
.page-mypage-inquiry .inquiry__ul li {padding:25px 40px; display:flex; align-items:center; justify-content:space-between;}
.page-mypage-inquiry .inquiry__ul li:hover {background:#f7f9fb;}
.page-mypage-inquiry .inquiry__ul li:hover .inquiry__list-left a {color:#0071ec;}
.page-mypage-inquiry .inquiry__ul li .inquiry__list-left {display:flex; align-items:center; width:90%;}
.page-mypage-inquiry .inquiry__ul li .inquiry__list-left a {font-size:16px; font-weight:700; letter-spacing:-0.6px;}
.page-mypage-inquiry .inquiry__ul li .inquiry__list-left span {margin-right:20px;}
.page-mypage-inquiry .inquiry__ul li .inquiry__list-right {width:10%; text-align:right;}
.page-mypage-inquiry .inquiry__pagination {padding-bottom:40px;}
.page-mypage-inquiry .inquiry__btn-group {margin-top:20px; display:flex; justify-content:flex-end;}
.page-mypage-inquiry .inquiry__btn-group a {padding:0;}

@media (max-width:1080px) {
    .page-mypage-inquiry .inquiry__ul li {padding:16px 22px; flex-direction:column; align-items:flex-start;}
    .page-mypage-inquiry .inquiry__ul li:not(:first-of-type) {border-top:1px solid #f3f5f8;}
    .page-mypage-inquiry .inquiry__ul li .inquiry__list-left {width:100%; flex-direction:column; align-items:flex-start;}
    .page-mypage-inquiry .inquiry__ul li .inquiry__list-left a {overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:26px; max-height:52px; white-space:pre-wrap; margin:4px 0 8px 0; font-size:16px; letter-spacing:-0.6px;}
    .page-mypage-inquiry .inquiry__ul li .inquiry__list-right {width:auto; line-height:16px;}
    .page-mypage-inquiry .inquiry__btn-group a {width:68px !important; height:36px; font-size:13px;}
}

/* 마이페이지 고객지원 상세보기 */
.page-mypage-inquiry-view {}
.page-mypage-inquiry-view .inquiry-view__panel {padding:25px 40px;}
.page-mypage-inquiry-view .inquiry-view__panel + .inquiry-view__panel {margin-top:20px;}
.page-mypage-inquiry-view .inquiry-view__panel .panel__header {display:flex; justify-content:space-between;}
.page-mypage-inquiry-view .inquiry-view__panel .inquiry-view__panel-btn-group {display:flex; align-items:center;}
.page-mypage-inquiry-view .inquiry-view__panel .inquiry-view__panel-btn-group button {height:30px; width:48px; font-size:13px; border-radius:15px;}
.page-mypage-inquiry-view .inquiry-view__panel .inquiry-view__panel-btn-group button + button {margin-left:8px;}
.page-mypage-inquiry-view .inquiry-view__panel .panel__body {padding-top:13px;}
.page-mypage-inquiry-view .inquiry-view__panel .panel__body .body__title {padding-bottom:10px; display:flex; align-items:center; font-size:18px; line-height:26px; letter-spacing:-0.4px;}
.page-mypage-inquiry-view .inquiry-view__panel .panel__body .body__title img {margin-right:8px;}
.page-mypage-inquiry-view .inquiry-view__panel .panel__body .body__contents {padding-bottom:10px;}
.page-mypage-inquiry-view .inquiry-view__panel .panel__body .body__contents p {font-size:16px; line-height:26px; letter-spacing:-0.6px;}
.page-mypage-inquiry-view .inquiry-view__panel .panel__footer {padding-top:20px; border-top:1px solid #d9dbe0; margin-top:25px;}
.page-mypage-inquiry-view .inquiry-view__panel .panel__footer .inquiry-view__flex + .inquiry-view__flex {margin-top:25px;}
.page-mypage-inquiry-view .inquiry-view__flex {display:flex; align-items:center;}
.page-mypage-inquiry-view .inquiry-view__flex > p {width:75px; margin-right:24px; font-size:14px; color:#888c99; letter-spacing:-0.6px;}
.page-mypage-inquiry-view .inquiry-view__flex > div {font-size:15px; color:#222; letter-spacing:-0.5px;}
.page-mypage-inquiry-view .inquiry-view__btn-group {padding-top:30px; text-align:center;}
.page-mypage-inquiry-view .inquiry-view__btn-group a {display:inline-block;}

@media (max-width:1080px) {
    .page-mypage-inquiry-view .inquiry-view__panel {padding:20px 16px;}
    .page-mypage-inquiry-view .inquiry-view__panel .panel__body .body__title {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-mypage-inquiry-view .inquiry-view__panel .panel__body .body__contents p {font-size:14px; letter-spacing:-0.6px; line-height:21px;}
    .page-mypage-inquiry-view .inquiry-view__flex > p {margin-right:16px;}
    .page-mypage-inquiry-view .inquiry-view__panel .panel__body .body__title img {width:26px;}
    .page-mypage-inquiry-view .inquiry-view__panel + .inquiry-view__panel {margin-top:8px;}
}

/* 문의 작성 */
.page-mypage-inquiry-form .inquiry-form__type-group {display:flex;}
.page-mypage-inquiry-form label.ch-badge-outline {cursor:pointer;}
.page-mypage-inquiry-form .inquiry-form__type-group input[type="radio"]:checked + label {border-color:#0071ec; color:#0071ec;}
.page-mypage-inquiry-form .inquiry-form__type-group .inquiry-form__radio + .inquiry-form__radio {margin-left:8px;}
.page-mypage-inquiry-form .inquiry-form__panel {padding:30px 40px;}
.page-mypage-inquiry-form .inquiry-form__panel .panel__header {flex-direction:column; justify-content:flex-start;}
.page-mypage-inquiry-form .inquiry-form__panel .panel__header h3 {padding-bottom:10px; font-size:18px; letter-spacing:-0.4px; line-height:26px;}
.page-mypage-inquiry-form .inquiry-form__panel .panel__body {padding-top:20px;}
.page-mypage-inquiry-form .inquiry-form__panel .panel__body .ch-input + .ch-input {margin-top:14px;}
.page-mypage-inquiry-form .inquiry-form__panel .panel__footer {border-top:0; padding-top:0;}
.page-mypage-inquiry-form .inquiry-form__btn-group {padding-top:30px; padding-bottom:30px;}

@media (max-width:1080px) {
    .page-mypage-inquiry-form .inquiry-form__panel {padding:18px 16px;}
    .page-mypage-inquiry-form .inquiry-form__panel .panel__header {margin:0 -16px;}
    .page-mypage-inquiry-form .inquiry-form__panel .panel__header h3 {font-size:15px; padding-left:16px; padding-right:16px; letter-spacing:-0.5px; line-height:22px;}
    .page-mypage-inquiry-form .inquiry-form__type-group {overflow-x:auto; padding:0 16px;}
    .page-mypage-inquiry-form .inquiry-form__type-group::-webkit-scrollbar {width:0; height:0;}
    .page-mypage-inquiry-form .inquiry-form__panel .panel__body {padding-top:18px;}
    .page-mypage-inquiry-form .inquiry-form__panel .panel__body .ch-input + .ch-input {margin-top:8px;}
    .page-mypage-inquiry-form .inquiry-form__btn-group {padding-top:20px; padding-bottom:30px;}
    .page-mypage-inquiry-form .inquiry-form__type-group .inquiry-form__radio:last-child {padding-right:16px;}
}

/* page class list review */
.page-class-review-list {padding-bottom:100px;}
.page-class-review-list .review-list__header {display:flex; align-items:center; justify-content:space-between; padding-bottom:16px;}
.page-class-review-list .review-list__summary {display:flex;}
.page-class-review-list .summary__box {}
.page-class-review-list .summary__box .summary__plus {position:relative;}
.page-class-review-list .summary__box .summary__plus:after {position:absolute; top:4px; right:-14px; background:url('/assets/images/ico/ic-plus-blue-12.svg') no-repeat 0; width:12px; height:12px; content:''; display:block;}
.page-class-review-list .summary__box .summary__star {position:relative;}
.page-class-review-list .summary__box .summary__star:after {position:absolute; top:4px; right:-14px; background:url('/assets/images/ico/ic-star-12.svg') no-repeat 0; width:12px; height:12px; content:''; display:block;}
.page-class-review-list .summary__box.summary__review {margin-right:40px;}
.page-class-review-list .summary__box.summary__review p {font-size:36px; font-weight:700; color:#0071ec; display:inline-block; letter-spacing:-0.7px; line-height:54px;}
.page-class-review-list .summary__box.summary__score p {font-size:18px; color:#4e535e; line-height:26px; letter-spacing:-0.5px;}
.page-class-review-list .summary__box.summary__score p span {font-size:36px; color:#ff9c00; font-weight:700; letter-spacing:-0.7px; line-height:54px;}
.page-class-review-list .summary__box > span {font-size:15px; color:#888c99; display:block; line-height:24px; letter-spacing:-0.5px;}
.page-class-review-list .review-list__ul {margin-top:16px;}
.page-class-review-list .review-list__ul li {}
.page-class-review-list .review-list__ul li + li {margin-top:8px;}
.page-class-review-list .review-list__card {padding:22px; background:#f3f5f8; border-radius:14px;}
.page-class-review-list .review-list__card .card__header {display:flex; align-items:flex-start; padding-bottom:16px;}
.page-class-review-list .review-list__card .card__header .card__thumbnail {width:42px; margin-right:18px;}
.page-class-review-list .review-list__card .card__header .card__thumbnail img {width:100%;}
.page-class-review-list .review-list__card .card__header .card__contents p {font-size:15px; line-height:24px; letter-spacing:-0.5px; font-weight:700; color:#222;}
.page-class-review-list .review-list__card .card__header .card__contents span {font-size:12px; color:#888c99; letter-spacing:-0.1px;}
.page-class-review-list .review-list__card .card__star {display:flex;}
.page-class-review-list .review-list__card .card__star .star-group {margin-right:4px;}
.page-class-review-list .review-list__card .card__star .star-group span {width:12px; height:12px;}
.page-class-review-list .review-list__card .card__star .review__score {font-size:15px; font-weight:700; color:#ff9d00; letter-spacing:-0.1px;}
.page-class-review-list .review-list__card .card__txt {font-size:15px; padding-top:6px; word-wrap:break-word; line-height:1.2em; min-height:50px; line-height:24px; letter-spacing:-0.5px;}
.page-class-view .page-class-review-list .review-list__card .card__txt {overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

@media (max-width:1080px) {
    .page-class-review-list {padding-top:27px;}
    .page-class-review-list .summary__box.summary__review {margin-right:26px;}
    .page-class-review-list .summary__box.summary__review p {font-size:26px; line-height:inherit; letter-spacing:-1.1px;}
    .page-class-review-list .summary__box.summary__score p {font-size:15px; line-height:inherit;}
    .page-class-review-list .summary__box.summary__score p span {font-size:26px; line-height:inherit; letter-spacing:-1.1px;}
    .page-class-review-list .summary__box > span {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-class-view .review__more-btn {margin-top:-23px; padding-bottom:14px !important;}
    .page-class-review-list .review-list__card .card__header .card__thumbnail {width:34px; margin-right:16px;}
    .page-class-review-list .review-list__card {padding:16px; border-radius:12px;}
    .page-class-review-list .review-list__card .card__header .card__contents {line-height:1;}
    .page-class-review-list .review-list__card .card__header .card__contents p {font-size:14px; letter-spacing:-0.6px; line-height:21px;}
    .page-class-review-list .review-list__card .card__header .card__contents span {line-height:18px; letter-spacing: -0.7px;}
    .page-class-review-list .review-list__card .card__star .review__score {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-class-review-list .review-list__card .card__txt {font-size:14px; letter-spacing:-0.6px; line-height:21px;}
}

/* Career map */
.page-careermap {padding-top:0;}
.page-careermap .careermap__content {padding:80px 0 100px 0;}
.page-careermap .careermap__bg {height:400px; background:#222; background:url('/assets/images/banner/img-careermap-banner-400.jpg') no-repeat center; background-size:cover; display:flex; align-items:center; justify-content:center;}
.page-careermap .careermap__bg-txt {text-align:center;}
.page-careermap .careermap__bg-txt h2 {font-size:44px; color:#222;}
.page-careermap .careermap__bg-txt p {font-size:36px; font-weight:300; color:#222; letter-spacing:-2px; line-height:50px;}
.page-careermap .ch-tab {padding-top:24px;}
.page-careermap .ch-tab .ch-tab__ul {justify-content:center;}
.page-careermap .careermap__header {text-align:center; padding-bottom:30px;}
.page-careermap .careermap__section + .careermap__section {padding-top:100px;}
.page-careermap .careermap__sub-title {font-size:23px; font-weight:400;}
.page-careermap .careermap__ul {display:flex; flex-wrap:wrap; margin:0 -4px;}
.page-careermap .careermap__ul li {display:flex; flex:0 1 25%; max-width:25%; padding:4px;}
.page-careermap .careermap__card {border-radius:10px; background:#f3f5f8; width:100%; height:112px; display:flex; align-items:center; cursor:pointer; transition:.3s; padding:0 23px;}
.page-careermap .careermap__card .card__icon {margin-right:20px; width:54px;}
.page-careermap .careermap__card .card__icon img {width:100%;}
.page-careermap .careermap__card .card__detail .detail__title {max-width:140px; border-bottom:2px solid #95c6ff; font-size:15px; color:#222; display:inline-block; margin-bottom:3px; transition:.3s; letter-spacing:-0.5px; line-height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.page-careermap .careermap__card .card__detail .detail__txt {font-size:20px; font-weight:700; margin-right:6px; line-height:28px; letter-spacing:-0.5px;}
.page-careermap .careermap__card:hover .card__detail .detail__title {border-color:#222 !important;}

/* Career Map Color 조합 샘플 */
.page-careermap .careermap__card.color01:hover {background:#95b0ff;}
.page-careermap .careermap__card.color01 .card__detail .detail__title {border-color:#95b0ff;}
.page-careermap .careermap__card.color02:hover {background:#8c7cde;}
.page-careermap .careermap__card.color02 .card__detail .detail__title {border-color:#8c7cde;}
.page-careermap .careermap__card.color03:hover {background:#71d3ec;}
.page-careermap .careermap__card.color03 .card__detail .detail__title {border-color:#71d3ec;}
.page-careermap .careermap__card.color04:hover {background:#6b97d0;}
.page-careermap .careermap__card.color04 .card__detail .detail__title {border-color:#6b97d0;}
.page-careermap .careermap__card.color05:hover {background:#c04e4e;}
.page-careermap .careermap__card.color05 .card__detail .detail__title {border-color:#c04e4e;}
.page-careermap .careermap__card.color06:hover {background:#f39673;}
.page-careermap .careermap__card.color06 .card__detail .detail__title {border-color:#f39673;}

.ch-modal__career .ch-modal__content {width:740px; opacity:0;}
.ch-modal__career .modal__title {display:flex; align-items:center;}
.ch-modal__career .modal__title p {font-size:23px; line-height:32px; letter-spacing:-0.6px;}
.ch-modal__career .modal__header {height:80px; padding:0; padding:0 40px; border-bottom:1px solid #d9dbe0;}
.ch-modal__career.page-main .main-visual .swiper-container .modal__header .modal__title {display:flex; align-items:center; font-size:23px;}
.ch-modal__career .modal__header .modal__title img {display:none; margin-right:16px;}
.ch-modal__career .modal__close-area {display:flex; align-items:center;}
.ch-modal__career .modal__close-area span {font-size:14px; color:#888c99; margin-right:12px; letter-spacing:-0.4px;}
.ch-modal__career .modal__body {max-height:600px; overflow-y:auto; padding:0;}
/*.ch-modal__career .modal__body > div:not(.class-list) > img {width:100% !important; height:auto;}*/
.ch-modal__career .class-list {background:#f3f5f8;}
.ch-modal__career .class-list .class-list__inner {padding:40px 40px 0 40px;}
.ch-modal__career .class-list__header {}
.ch-modal__career .class-list__header .header__top {font-size:15px; line-height:24px; letter-spacing:-0.5px;}
.ch-modal__career .class-list__header .header__bot {font-size:23px; line-height:32px; letter-spacing:-0.6px; font-weight:700;}
.ch-modal__career .class__ul {display:flex; flex-wrap:wrap; margin:-4px -20px 0; padding-bottom:40px;}
.ch-modal__career .class__ul li {display:flex; flex:0 1 50%; max-width:50%; padding:20px;}
.ch-modal__career .class__panel {box-shadow:none;}
.ch-modal__career .class__panel:hover {box-shadow:0 26px 49px 0 rgba(0, 28, 62, 0.14); transform:scale(1);}
.ch-modal__career .class__panel .panel__header .panel__icon {width:74px; height:74px;}

@media (max-width:1080px) {
    .ch-modal__career .class__panel .panel__header .panel__icon {width:60px; height:60px;}
    .page-careermap .careermap__bg-txt {margin-top:64px;}
    .page-careermap .careermap__content {padding-top:42px; padding-bottom:50px;}
    .page-careermap .careermap__header {padding-bottom:16px;}
    .page-careermap .careermap__bg {background:url('/assets/images/banner/img-careermap-banner-400-m.jpg') no-repeat center; background-size:cover;}
    .page-careermap .careermap__bg-txt h2 {font-size:30px; margin-bottom:2px;}
    .page-careermap .careermap__bg-txt p {font-size:24px; line-height:30px; letter-spacing:-1.1px; font-weight:300;}
    .page-careermap .page-title-kr {font-size:22px; line-height:30px; letter-spacing:-1px;}
    .page-careermap .careermap__sub-title {font-size:17px;}
    .page-careermap .careermap__ul li {flex:0 1 50%; max-width:50%;}
    .page-careermap .careermap__card {padding:0 12px; height:76px;}
    .page-careermap .careermap__card i {width:13px; height:13px; line-height:0; margin-top:2px; margin-left:3px;}
    .page-careermap .careermap__card i > img {width:100%;}
    .page-careermap .careermap__card .card__icon {margin-right:10px; width:38px;}
    .page-careermap .careermap__card .card__icon img {width:100%;}
    .page-careermap .careermap__card .card__detail .detail__title {max-width:97px; font-size:12px; margin-bottom:0; line-height:18px; letter-spacing:-0.7px;}
    .page-careermap .careermap__card .card__detail .detail__txt {font-size:15px; margin-right:0; line-height:22px; letter-spacing:-0.6px;}
    .page-careermap .careermap__section + .careermap__section {padding-top:50px;}

    .page-careermap .ch-modal .ch-modal__inner {top:0; left:0; transform:translate(0); padding:0;}
    .page-careermap .ch-modal .ch-modal__content {width:100%; border-radius:16px 16px 0 0;}
    .ch-modal__career .modal__header {padding:0 16px; height:68px;}
    .ch-modal__career .modal__header .modal__title img {width:38px;}
    .ch-modal__career .modal__title span {font-size:13px; color:#888c99; font-weight:400; line-height:20px; letter-spacing:-0.6px;}
    .ch-modal__career .modal__body {height:calc(100vh - 68px);}
    .ch-modal__career .class-list .class-list__inner {padding:26px 16px 60px 16px;}
    .ch-modal__career .class__ul {padding-bottom:0; margin:14px 0 0 0;}
    .ch-modal__career .class__ul li {flex:0 1 100%; max-width:100%; padding:0;}
    .ch-modal__career .class__ul li + li {margin-top:20px;}
    .ch-modal__career .class-list__header .header__top {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .ch-modal__career .class-list__header .header__bot {font-size:20px; letter-spacing:-0.8px;}
    .ch-modal__career .class__panel {box-shadow: 0 25px 46px 0 rgba(0, 28, 62, 0.14); width:100%;}
    .ch-modal__career .modal__title p {font-size:17px; line-height:23px; letter-spacing:-0.7px;}
}

/* page class view */
:root {--st:72px;}
.page-class-view {padding-top:var(--st);}
.page-class-view .swiper-container {overflow:hidden;}
.page-class-view .page-title-kr {line-height:50px;}
.page-class-view .class-view__top {height:400px; background-color:#95c6ff; background-size:cover; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:40px;}
.page-class-view .class-view__top .top__img {padding-bottom:10px;}
.page-class-view .class-view__top .top__img img {width:54px; height:auto;}
.page-class-view .class-view__top .top__title {font-weight:400; max-width:672px; word-break:keep-all;}
.page-class-view .class-view__divide {display:flex; justify-content:space-between;}
.page-class-view .class-view__left-area {width:100%; max-width:672px;}
.page-class-view .class-view__left-area .ch-tab {padding-top:40px;}
.page-class-view .class-view__left-area .ch-tab ul.fixed {position:fixed; top:0; width:672px; background:#fff; z-index:1000; padding-top:18px;}
.page-class-view .class-view__left-area .ch-tab li {margin-right:25px;}
.page-class-view .class-view__right-area {width:100%; max-width:332px;}
.page-class-view .class-view__right-area .class-view__detail {position:absolute; top:192px; right:50%; margin-right:-538px;}
.page-class-view .class-view__right-area .class-view__detail.fixed {position:fixed; top:54px; z-index:1000;}
.page-class-view .class-view__right-area .class-view__detail.off {top:auto;}
.page-class-view .class-view__detail .class-view__remote-card {width:332px; border-radius:16px; background:#fff; box-shadow:7px 40px 60px 0 rgba(0, 28, 62, 0.14); border:1px solid #eff4fa; padding:22px 20px 0 20px; overflow:hidden;}
.page-class-view .class-view__detail .class-view__remote-card.event {padding:22px 20px;}
.page-class-view .class-view__detail .remote-card__header {padding-bottom:16px;}
.page-class-view .class-view__detail .remote-card__header .header__top {display:flex; align-items:center; padding-bottom:13px;}
.page-class-view .class-view__detail .remote-card__header .header__top .ch-badge {margin-right:8px;}
.page-class-view .class-view__detail .remote-card__header .remote-card__class {font-size:15px; font-weight:700; color:#0071ec; letter-spacing:-0.5px;}
.page-class-view .class-view__detail .remote-card__header .remote-card__title {font-size:20px; font-weight:700; word-break:break-word; line-height:28px; letter-spacing:-0.5px;}
.page-class-view .class-view__detail .remote-card__header .remote-card__txt {font-size:15px; color:#888c99; padding-top:6px;}
.page-class-view .class-view__detail .remote-card__list {margin:0 -20px;}
.page-class-view .class-view__detail .remote-card__list .list__item {padding:0 20px; background:#f8fafc;}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-box {display:flex; align-items:center; justify-content:space-between; height:57px;}
.page-class-view .class-view__detail .remote-card__list .list__item + .list__item .list__item-box {border-top:1px solid #e7ecf5;}
.page-class-view .class-view__detail .remote-card__list .list__item p {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.page-class-view .class-view__detail .remote-card__list .list__item span {font-size:15px; color:#222; letter-spacing:-0.5px; line-height:24px;}
.page-class-view .class-view__detail .remote-card__list .list__item-amount {background:#fff;}
.page-class-view .class-view__detail .remote-card__list .list__item.list__item-amount > .item__amount {border-top:none; padding:0; height:57px;}
.page-class-view .class-view__detail .remote-card__list .list__item .item__amount {display:flex; align-items:center; justify-content:space-between;}
.page-class-view .item__amount-benefit {border-top:1px solid #e7ecf5 !important;}
.page-class-view .class-view__detail .remote-card__list .list__item .item__amount p {color:#222;}
.page-class-view .class-view__detail .remote-card__list .list__item .item__amount .amount__group {display:flex; align-items:center;}
.page-class-view .class-view__detail .remote-card__list .list__item .item__amount .amount__dc {position:relative; font-size:15px; color:#888c99; letter-spacing:-0.3px;}
.page-class-view .class-view__detail .remote-card__list .list__item .item__amount .amount__dc.amount__dc-price {font-size:22px;}
.page-class-view .class-view__detail .remote-card__list .list__item .item__amount .amount__dc:after {position:absolute; top:50%; left:0; width:100%; height:1px; background:#ff5352; display:block; content:'';}
.page-class-view .class-view__detail .remote-card__list .list__item .item__amount .amount__price {font-size:23px; font-weight:700; color:#0071ec; margin-left:8px; line-height:32px; letter-spacing:-0.3px;}
.page-class-view .class-view__detail .remote-card__list .list__item .amount__dc-badge {text-align:right; border-top:none !important; padding-bottom:16px; /*border-bottom:1px solid #e7ecf5;*/}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc, .page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl.dc__refund:not(:first-child) {padding-top:5px; border-top:1px solid #e7ecf5;}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc {padding-bottom:5px;}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl {width:100%; display:table;}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl > * {height:24px; padding:9px 0; vertical-align:middle; display:table-cell;}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl dt {font-size:13px; color:#0a0909; letter-spacing:-0.4px;}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl dd {padding-left:10px; font-size:16px; color:#0071ec; font-weight:700; letter-spacing:-0.2px; word-break:keep-all; text-align:right;}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl.dc__refund:not(:first-child) {margin-top:6px;}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl.dc__refund dt {color:#ff5352; font-weight:700;}
.page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc em {font-style:normal;}
.page-class-view .class-view__detail .remote-card__btn-group {padding-bottom:20px; border-top:1px solid #e7ecf5;}
.page-class-view .class-view__detail .remote-card__btn-group .multi-btn__group {display:flex; padding-top:16px; padding-bottom:8px;}
.page-class-view .class-view__detail .remote-card__btn-group .multi-btn__group button {height:50px;}
.page-class-view .class-view__detail .remote-card__btn-group .multi-btn__group button + button {margin-left:8px;}
.page-class-view .class-view__detail .remote-btn__apply button {font-size:18px; letter-spacing:-0.4px;}
.page-class-view .class-view__detail .remote-card__footer {margin:0 -20px;}
.page-class-view .class-view__detail .remote-card__footer ul {padding:14px 20px; background:#f8fafc; font-size:13px; color:#838898; letter-spacing:-0.3px;}
.page-class-view .class-view__detail .remote-card__footer ul li a {color:#838898;}
.page-class-view .class-view__detail .remote-card__timeover {padding:18px 20px; background:#ffedee; display:flex; justify-content:space-between; align-items:center; margin:0 -20px;}
.page-class-view .class-view__detail .remote-card__timeover .timeover__left {display:flex; align-items:center;}
.page-class-view .class-view__detail .remote-card__timeover .timeover__left span {margin-left:8px; font-size:15px; color:#222; line-height:24px; letter-spacing:-0.5px;}
.page-class-view .class-view__detail .remote-card__timeover .timeover__right {font-size:18px; font-weight:700; color:#ff5352; letter-spacing:-0.2px;}
.page-class-view .class-view__detail .class-wish__btn.active {border-color:#ff5352;}
.page-class-view .class-view__detail .detail__group {border-bottom:1px solid #e7ecf5; border-top:1px solid #e7ecf5;}
.page-class-view .class-view__detail .detail__group .detail__item {display:flex; align-items:flex-start; justify-content:space-between; padding:16px 0;}
.page-class-view .class-view__detail .detail__group .detail__item + .detail__item {border-top:1px solid #e7ecf5;}
.page-class-view .class-view__detail .detail__group .detail__item p {font-size:15px;}
.page-class-view .class-view__detail .detail__group .detail__item .item__title {font-size:15px; color:#888c99;}
.page-class-view .class-view__detail .event__timeover {display:flex; align-items:center; justify-content:space-between; padding:11px 0 30px 0;}
.page-class-view .class-view__detail .event__timeover p:first-child {font-size:15px; color:#222;}
.page-class-view .class-view__detail .event__timeover p:last-child {font-size:23px; font-weight:700; color:#ffa629;}
.page-class-view .class-view__detail .event__btn-group button + button {margin-top:8px;}
.page-class-view .class-view__detail .event__btn-group button img {margin-right:6px;}
.page-class-view .class-view__detail .class-view__remote-card.research {}
.page-class-view .class-view__detail .class-view__remote-card.research .header__top {padding-bottom:11px;}
.page-class-view .class-view__detail .class-view__remote-card.research .header__top span:not(.ch-badge) {font-size:15px; color:#888c99;}
.page-class-view .class-view__detail .class-view__remote-card.research .research__txt-area {margin:0 -20px; background:#f8fafc;}
.page-class-view .class-view__detail .class-view__remote-card.research .research__txt {border-top:1px solid #e7ecf5; border-bottom:1px solid #e7ecf5; margin:0 20px; text-align:center; padding:18px 0;}
.page-class-view .class-view__detail .class-view__remote-card.research .wish__group {display:flex; justify-content:space-between; align-items:center; height:57px; margin-bottom:16px;}
.page-class-view .class-view__detail .class-view__remote-card.research .wish__group p {font-size:15px;}
.page-class-view .class-view__detail .class-view__remote-card.research .wish__group div {display:flex; align-items:center; font-size:23px; font-weight:700;}
.page-class-view .class-view__detail .class-view__remote-card.research .wish__group div img {margin-right:6px;}
.page-class-view .class-view__detail .wish__btn-group {padding-bottom:20px;}

.page-class-view .class-view__left-contents {padding-top:60px; padding-bottom:100px;}
.page-class-view .class-view__section .page-payment {padding-top:0;}
.page-class-view .class-view__section .page-payment .page-title-kr20 {margin-bottom:17px;}
.page-class-view .class-view__section .comment__card {display:flex; padding:32px 0 23px 30px; background:#f3f5f8; border-radius:17px;}
.page-class-view .class-view__section .comment__card .card__comments {width:calc(100% - 200px);}
.page-class-view .class-view__section .comment__card .card__img {width:200px;}
.page-class-view .class-view__section .comment__card .card__img img {width:100%;}
.page-class-view .class-view__section .comment__card .comments__top {padding-bottom:12px;}
.page-class-view .class-view__section .comment__card .comments__title {font-size:20px; font-weight:700; padding-bottom:16px; letter-spacing:-0.5px; line-height:28px;}
.page-class-view .class-view__section .comment__card .comments__txt {font-size:15px; padding-bottom:16px; letter-spacing:-0.5px; line-height:24px;}
.page-class-view .class-view__section .comment__card span {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.page-class-view .class-view__section .comment__card {}
.page-class-view .class-view__section .comment__card {}
.page-class-view .class-view__section + .class-view__section {margin-top:80px;}
.page-class-view .class-view__section .section__header {padding-bottom:20px; display:flex; justify-content:space-between; align-items:flex-end;}
.page-class-view .class-view__section .section__header .header__txt01 {font-size:15px; color:#888c99; letter-spacing:-0.5px; line-height:24px;}
/*.page-class-view .class-view__section[data-scroll-target="intro"] > img {width:100%; height:auto;}*/
.page-class-view .section__body {padding-bottom:0;}
.page-class-view .review__more-btn {text-align:right; padding-bottom:10px;}
.page-class-view .review__swiper {position:relative;}
.page-class-view .review__swiper .swiper-slide::marker {display:none;}
.page-class-view .summary__card {display:flex; padding:15px 20px; background:#f3f5f8; border-radius:18px; align-items:center;}
.page-class-view .summary__card .summary__img {width:110px; margin-right:20px;}
.page-class-view .summary__card .summary__img img {width:100%;}
.page-class-view .summary__card .summary__txt {width:calc(100% - 130px);}
.page-class-view .summary__card .summary__txt p {font-size:23px; color:#222; line-height:32px; letter-spacing:-0.6px;}
.page-class-view .summary__card .summary__txt p span {color:#0071ec;}
.page-class-view .summary__ul:not(div) {display:flex; padding-top:20px;}
.page-class-view div.summary__ul {padding-top:26px;}
.page-class-view .summary__ul li {display:flex; flex-basis:33.33%;}
.page-class-view .summary__ul .summary__title {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.page-class-view .summary__ul .summary__txt {font-size:20px; color:#31353e; line-height:30px; letter-spacing:-0.5px;}
.page-class-view .summary__ul .summary__txt span {font-size:36px; color:#0071ec; margin-right:4px; line-height:50px; letter-spacing:-0.7px;}
.page-class-view .summary__ul .summary__list {position:relative; padding-left:8px; font-size:18px; color:#0071ec; margin-top:6px; letter-spacing: -0.5px; line-height:26px;}
.page-class-view .summary__ul .summary__list:before {position:absolute; top:13px; left:0; width:3px; height:3px; margin:-1.5px 5px 0 0; border-radius:50%; background:#0071ec; display:block; content:"";}
.page-class-view .summary__ul .summary__list + .summary__list {margin-top:2px;}
.page-class-view .goal__ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.page-class-view .goal__ul li {flex:0 1 50%; padding:10px; max-width:50%;}
.page-class-view .goal__ul li p {font-size:15px; color:#0071ec; font-weight:700; letter-spacing:-0.3px;}
.page-class-view .goal__ul li span {font-size:18px; line-height:26px; letter-spacing:-0.5px;}
.page-class-view .person-office__card {min-height:471px; padding:30px; background:#f3f5f8; border-radius:17px;}
.page-class-view .person-office__card .person-office__header {display:flex; align-items:flex-start; justify-content:space-between;}
.page-class-view .person-office__card .person-office__thumbnail {width:86px; height:86px; border:1px solid #d9dbe0; border-radius:50%; overflow:hidden;}
.page-class-view .person-office__card .person-office__thumbnail img {width:100%;}
.page-class-view .person-office__card .person-office__btn {padding:0 12px 0 6px; height:30px;}
.page-class-view .person-office__card .person-office__btn span {font-size:15px; letter-spacing:-0.4px; font-weight:400;}
.page-class-view .person-office__card .person-office__profile {margin-top:10px; margin-bottom:8px;}
.page-class-view .person-office__card .person-office__profile p {font-size:23px; line-height:32px; letter-spacing:-0.2px;}
.page-class-view .person-office__card .person-office__profile span {font-size:15px; line-height:24px; letter-spacing:-0.5px;}
.page-class-view .person-office__card .person-office__career {}
.page-class-view .person-office__card .person-office__career p {font-size:15px; color:#888c99; letter-spacing:-0.5px; line-height:24px;}
.page-class-view .person-office__card .person-office__career + .person-office__career {margin-top:10px;}
.page-class-view .person-office__swiper {position:relative;}
.page-class-view .benefit__ul li {padding:23px 26px; background:#f3f5f8; border-radius:13px; display:flex; align-items:center;}
.page-class-view .benefit__ul li + li {margin-top:8px;}
.page-class-view .benefit__ul .benefit__img {margin-right:16px;}
.page-class-view .benefit__ul .benefit__txt {font-size:20px; color:#31353e; letter-spacing:-0.5px; line-height:30px;}
.page-class-view .relation__txt {font-size:18px; color:#4e535e; padding-bottom:14px; line-height:26px; letter-spacing:-0.5px;}
.page-class-view .relation__ul .class__panel {box-shadow:0 6px 15px 0 rgba(0, 28, 62, 0.14);}
.page-class-view .relation__swiper {position:relative; margin:-20px -20px 0;}
.page-class-view .relation__swiper .swiper-container {padding:20px 20px 20px 20px; margin-bottom:40px;}
.page-class-view .relation__swiper .swiper-slide, .page-class-view .after__swiper .swiper-slide {width:315px; height:332px;}
.page-class-view .relation__swiper .ch-swiper-prev {left:-12px;}
.page-class-view .relation__swiper .ch-swiper-next {right:-12px;}
.page-class-view .after__swiper {position:relative; margin:-20px -20px 0;}
.page-class-view .after__swiper .swiper-container {padding:20px 20px 20px 20px;}
.page-class-view .after__swiper .ch-swiper-prev {left:-12px;}
.page-class-view .after__swiper .ch-swiper-next {right:-12px;}

.page-class-view .curriculum__panel {padding: 20px 30px; border-radius:11px; border:1px solid #d9dbe0;}
.page-class-view .curriculum__cnt {font-weight:700; color:#0071ec; margin-right:40px;}
.page-class-view .curriculum__accordion {position:relative; display:flex; align-items:center; justify-content:space-between; cursor:pointer;}
.page-class-view .curriculum__accordion p {font-size:16px; line-height:26px; letter-spacing:-0.6px;}
.page-class-view .curriculum__accordion img {margin-right:6px;}
.page-class-view .curriculum__accordion b {margin-right:10px;}
.page-class-view .curriculum__accordion span {font-size:16px; line-height:26px; letter-spacing:-0.6px;}
.page-class-view .curriculum__contents {display:none; margin-top:20px; font-size:13px; letter-spacing:-0.3px; color:#888c99;}
.page-class-view .curriculum__contents .etc__ul  {margin:5px 0;}
.page-class-view .curriculum__contents .etc__ul > li:before {top:8px; margin-top:0;}
.page-class-view .curriculum-icon {position:absolute; top:50%; right:0; transform:translateY(-50%); width:24px; height:24px; background:url('/assets/images/ico/ic-drawer-open-gray-24.svg') no-repeat 0; cursor:pointer;}
.page-class-view .curriculum-icon.open {background:url('/assets/images/ico/ic-drawer-close-gray-24.svg') no-repeat 0;}
.page-class-view .curriculum__screen {position:relative; width:100%; padding-bottom:56.25%; background:#353535; border-radius:10px; overflow:hidden;}
.page-class-view .curriculum__screen iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.page-class-view .screen__preview {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:10;}
.page-class-view .screen__preview figure {margin-bottom:6px; cursor:pointer;}
.page-class-view .screen__preview span {font-size:15px; color:#fff; font-weight:700;}
.page-class-view .curriculum__ul > li + li {margin-top:10px;}
.page-class-view .curriculum__preview {display:flex; align-items:flex-start; padding-top:20px;}
.page-class-view .curriculum__preview .preview__title {width:60px; font-size:15px; font-weight:700; margin-right:20px; letter-spacing:-0.5px; line-height:24px;}
.page-class-view .curriculum__preview .preview__contents {width:calc(100% - 80px);}
.page-class-view .curriculum__preview .preview__contents p {font-size:15px; color:#222; padding-bottom:12px; line-height:24px; letter-spacing:-0.5px;}
.page-class-view .curriculum__preview .preview__contents ul > li {font-size:15px; color:#888c99; line-height:24px; letter-spacing:-0.5px;}
.page-class-view .curriculum__preview .preview__contents ul > li + li {margin-top:6px;}
.page-class-view .curriculum__preview .list-style-dot li:before {top:9px; margin-top:0;}
.page-class-view .curriculum__swiper {position:relative;}
.page-class-view .curriculum__swiper .swiper-container {border-radius:10px;}
.page-class-view .curriculum__swiper .swiper-slide {padding-bottom:56.25%; background:#e7ecf5; border-radius:10px; overflow:hidden; background-repeat:no-repeat; background-size:cover;}
.page-class-view .class-view__faq {background:#fafbfc;}
.page-class-view .faq__panel .faq__contents > div {overflow-y:auto;}

.ch-modal__share {}
.ch-modal__share .share__ul {display:flex;}
.ch-modal__share .share__ul li {flex:1 1 0; margin-right:10px; text-align:center;}
.ch-modal__share .share__ul li:last-child {margin-right:0;}
.ch-modal__share .share__ul li a {display:block; border:1px solid #ededf2; border-radius:10px; padding:14px 0 10px 0;}
.ch-modal__share .share__ul li a p {font-size:15px; line-height:24px; letter-spacing:-0.5px; color:#888c99; margin-top:6px;}

@media (max-width:1080px) {
    :root {--st:48px;}
    .page-class-view {padding-top:var(--st);}
    .page-class-view .class-view__content {position:relative;}
    .page-class-view .class-view__content .mobile-visible {/*height:220px;*/}
    .page-class-view .class-view__top .top__title {font-size:22px; line-height:30px; letter-spacing:-1px;}
    .page-class-view .class-view__top .top__sub-title {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-class-view .class-view__top {height:298px; padding-top:48px; padding-bottom:131px;  justify-content:flex-end;}
    .page-class-view .class-view__top .top__img {width:46px;}
    .page-class-view .class-view__top .top__img img {width:100%;}
    .page-class-view .class-view__top .class-view__sub-txt {font-size:13px; font-weight:700;}
    .page-class-view .class-view__left-area .ch-tab {padding-top:0;}
    .page-class-view .class-view__divide {flex-direction:column; margin-top:27px;}
    .page-class-view .class-view__detail {position:relative; /*top:-120px; left:0; right:inherit*/; width:100%; padding:0 16px; margin-top:-120px; /*margin-right:inherit;*/ z-index:100;}
    .page-class-view .class-view__detail .class-view__remote-card {box-shadow:0 1px 1px 0 rgba(0, 28, 62, 0.14); width:100%; padding:0 16px;}
    .page-class-view .class-view__detail .class-view__remote-card.event {padding:0 16px;}
    .page-class-view .class-view__detail .detail__group {border-top:none;}
    .page-class-view .class-view__detail .remote-card__header {display:none;}
    .page-class-view .class-view__detail .remote-card__btn-group {display:none;}
    .page-class-view .class-view__detail .event__btn-group {display:none;}
    .page-class-view .class-view__detail .event__timeover {padding-bottom:16px;}
    .page-class-view .class-view__detail .remote-card__list {margin:0 -17px;}
    .page-class-view .class-view__detail .remote-card__list .list__item {padding:0 16px; background:#fff;}
    .page-class-view .class-view__detail .detail__group .detail__item {padding:10px 0;}
    .page-class-view .class-view__detail .remote-card__list .list__item + .list__item .list__item-box {border-top:none;}
    .page-class-view .class-view__detail .remote-card__list .list__item .list__item-box {height:40px;}
    .page-class-view .class-view__detail .remote-card__list .list__item span {font-size:14px;}
    .page-class-view .class-view__detail .remote-card__list .list__item span .ch-badge {margin-right:4px; color:#5050ef;}
    .page-class-view .ch-tab .ch-tab__ul {padding:0 16px; margin:0 -16px; width:auto;}
    .page-class-view .ch-tab .ch-tab__ul li:last-child {padding-right:16px; margin-right:0;}
    .page-class-view .item__amount-benefit {margin-top:6px;}
    .page-class-view .class-view__detail .remote-card__list .list__item.list__item-amount > .item__amount {height:auto; padding:8px 0 11px 0;}
    .page-class-view .class-view__detail .remote-card__list .list__item .item__amount .amount__price {font-size:20px;}
    .page-class-view .class-view__detail .remote-card__list .list__item .item__amount .amount__dc {font-size:14px;}
    .page-class-view .class-view__detail .remote-card__list .list__item .item__amount .amount__dc.amount__dc-price {font-size:20px;}
    .page-class-view .class-view__detail .remote-card__list .list__item p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .class-view__detail .detail__group .detail__item p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .class-view__detail .detail__group .detail__item .item__title {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .class-view__detail .event__timeover p:first-child {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .class-view__detail .event__timeover p:last-child {font-size:20px; letter-spacing:-0.8px;}
    /*.page-class-view .class-view__detail .remote-card__list .list__item .amount__dc-badge {border-bottom:none;}*/
    .page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc {padding:7px 0 15px 0;}
    .page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl {margin-top:4px;}
    .page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl > * {height:28px; padding:0;}
    .page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl dt {padding-top:1px; font-size:11px;}
    .page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl dd {font-size:13px;}
    .page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl.dc__refund:not(:first-child) {padding:0; margin-top:4px; border-top:none;}
    .page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl.dc__refund dt {padding-top:0; font-weight:400;}
    .page-class-view .class-view__detail .remote-card__list .list__item .list__item-dc dl.dc__refund dd em {padding:3px 10px 4px 10px; color:#ff5352; border:1px solid #ff5352; border-radius:9px; display:inline-block;}
    .page-class-view .class-view__detail .remote-card__timeover {display:none;margin:0 -16px;}
    .page-class-view .class-view__detail .class-view__remote-card.research .remote-card__body {padding-top:6px;}
    .page-class-view .class-view__detail .class-view__remote-card.research .research__txt-area {margin:0; background:#fff;}
    .page-class-view .class-view__detail .class-view__remote-card.research .research__txt {border-top:none; background:#fff; font-weight:700; margin:0;}
    .page-class-view .class-view__detail .class-view__remote-card.research .wish__group p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .class-view__detail .class-view__remote-card.research .wish__group div {font-size:20px; letter-spacing:-0.8px;}
    .page-class-view .class-view__detail .class-view__remote-card.research .wish__group div img {width:20px;}
    .page-class-view .class-view__detail .class-view__remote-card.research .wish__group {height:48px; margin-bottom:0;}
    .page-class-view .class-view__detail .remote-card__footer .list-style-dot li + li {margin-top:6px;}
    .page-class-view .class-view__section + .class-view__section {margin-top:56px;}
    .page-class-view .class-view__section .section__header {padding-bottom:16px;}
    .page-class-view .class-view__section .section__header .page-title-kr28 {font-size:20px; letter-spacing:-0.8px;}
    .page-class-view .class-view__section .comment__card {flex-direction: column-reverse; padding:10px 16px 20px 16px;}
    .page-class-view .class-view__section .comment__card .card__comments {width:100%;}
    .page-class-view .class-view__section .comment__card .card__img {width:130px; margin:0 auto;}
    .page-class-view .class-view__section .comment__card .comments__top {line-height:1; margin-top:-26px; padding-bottom:10px;}
    .page-class-view .class-view__section .comment__card .comments__top img {width:16px !important;}
    .page-class-view .class-view__section .comment__card .comments__title {font-size:16px; padding-bottom:10px; line-height:22px; letter-spacing:-0.7px;}
    .page-class-view .class-view__section .comment__card .comments__txt {font-size:14px; padding-bottom:12px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .class-view__section .comment__card span {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .class-view__left-contents {padding-top:20px; padding-bottom:50px;}
    .page-class-view .review__swiper {margin:0 -16px;}
    .page-class-view .review__swiper .swiper-container {padding:0 16px;}
    .page-class-view .review__swiper .swiper-slide {width:292px;}

    .page-class-view .summary__card {padding:7px 4px;}
    .page-class-view .summary__card .summary__img {width:86px; margin-right:10px;}
    .page-class-view .summary__card .summary__txt p {font-size:17px; letter-spacing:-0.7px; line-height:23px;}
    .page-class-view .summary__ul {flex-wrap:wrap;}
    .page-class-view .summary__ul li {flex-basis:50%; margin-bottom:14px;}
    .page-class-view .summary__ul .summary__list {font-size:16px; line-height:22px; letter-spacing:-0.7px;}
    .page-class-view .summary__ul .summary__txt span {font-size:26px; line-height:inherit; letter-spacing:-1.1px;}
    .page-class-view .summary__ul .summary__txt {font-size:16px; line-height:22px; letter-spacing:-0.7px;}
    .page-class-view .summary__ul .summary__title {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .goal__ul {display:block; margin:0;}
    .page-class-view .goal__ul li {display:flex; align-items:flex-start; flex:100%; padding:0; max-width:inherit;}
    .page-class-view .goal__ul li + li {margin-top:32px;}
    .page-class-view .goal__ul li p {font-size:14px; margin-right:16px; line-height:21px; letter-spacing:-0.4px;}
    .page-class-view .goal__ul li span {font-size:16px; line-height:22px; letter-spacing:-0.7px;}
    .page-class-view .class-view__section .section__header .header__txt01 {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-class-view .person-office__card .person-office__profile p {font-size:22px;}

    .page-class-view .person-office__swiper {margin:0 -16px;}
    .page-class-view .person-office__swiper .swiper-container {padding:0 16px;}
    .page-class-view .person-office__swiper .swiper-slide {width:292px;}
    .page-class-view .person-office__card {min-height:auto; padding:18px 20px;}
    .page-class-view .person-office__card .person-office__thumbnail {width:64px; height:64px;}
    .page-class-view .person-office__card .person-office__btn {width:87px; padding-right:8px;}
    .page-class-view .person-office__card .person-office__btn img {width:20px;}
    .page-class-view .person-office__card .person-office__btn span {font-size:13px; letter-spacing:-0.6px;}
    .page-class-view .person-office__card .person-office__career img {width:20px;}
    .page-class-view .person-office__card .person-office__career p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .curriculum__preview .preview__contents ul li {font-size:13px; line-height:20px; letter-spacing:-0.6px;}
    .page-class-view .curriculum__panel {padding:16px;}
    .page-class-view .curriculum__contents {margin-top:16px;}
	.page-class-view .curriculum__contents .etc__ul > li {font-size:12px; line-height:18px; color:#888c99;}
    .page-class-view .curriculum__screen {margin:0 -32px; width:auto; border-radius:0;}
    .page-class-view .curriculum__preview {display:block; padding-top:16px;}
    .page-class-view .curriculum__preview .preview__title {padding-bottom:3px;}
    .page-class-view .curriculum__preview .preview__contents {width:100%;}
    .page-class-view .curriculum__preview .preview__contents p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .curriculum__accordion img {width:32px;}
    .page-class-view .curriculum__accordion span {font-size:15px; margin-right:6px; letter-spacing:-0.7px;}
    .page-class-view .curriculum__accordion b {margin-right:4px;}
    .page-class-view .curriculum__accordion p {font-size:14px; display:flex; align-items:center; line-height:21px; letter-spacing:-0.6px;}
    .page-class-view .curriculum__contents {font-size:12px; line-height:18px; letter-spacing:-0.7px;}
    .page-class-view .curriculum__swiper {margin:0 -32px;}
    .page-class-view .curriculum__swiper .swiper-slide {width:292px; height:auto; margin-right:16px; border-radius:6px;}
    .page-class-view .curriculum__swiper .swiper-slide:last-child {margin-right:0;}
    .page-class-view .curriculum__swiper .swiper-container {border-radius:0;}
    .page-class-view .benefit__ul li {padding:16px;}
    .page-class-view .benefit__ul li + li {margin-top:6px;}
    .page-class-view .benefit__ul .benefit__img {margin-right:8px;}
    .page-class-view .benefit__ul .benefit__img img {width:36px;}
    .page-class-view .benefit__ul .benefit__txt {font-size:16px; line-height:22px; letter-spacing:-0.7px;}

    .page-class-view .relation__txt {font-size:14px; line-height:21px; letter-spacing:-0.6px; padding-bottom:0;}
    .page-class-view .relation__swiper,
    .page-class-view .after__swiper {margin:0 -16px;}
    .page-class-view .relation__swiper .swiper-container,
    .page-class-view .after__swiper .swiper-container {padding:16px;}
    .page-class-view .relation__swiper .swiper-slide,
    .page-class-view .after__swiper .swiper-slide {width:292px; height:auto;}
    .page-class-view .after__swiper .swiper-container {margin-bottom:0;}
    .page-class-view .class-view__faq {}
    .page-class-view .class-view__faq .class-view__divide {margin-top:0;}
    .page-class-view .class-view__faq .curriculum__contents p {font-size:12px;}
    .class-view__mobile-btn {position:fixed; bottom:0; left:0; width:100%; height:64px; z-index:1000; background:#fff; box-shadow:0 -6px 22px 0 rgba(0, 41, 89, 0.04); padding:0 16px;}
    .class-view__mobile-btn.off {position:static; left:auto; bottom:auto;}
    .class-view__mobile-btn .multi-btn__group {display:flex; align-items:center; height:100%;}
    .class-view__mobile-btn .multi-btn__group button:first-child {width:56px; margin-right:8px;}
    .class-view__mobile-btn .multi-btn__group button:last-child {flex-direction:column;}
    .class-view__mobile-btn .multi-btn__group button:last-child p {font-size:16px;}
    .class-view__mobile-btn .multi-btn__group button:last-child span {font-size:12px; font-weight:400;}
    .class-view__mobile-btn .multi-btn__group button.ch-btn-quaternary {flex-direction: row;}
    .class-view__mobile-btn .multi-btn__group button.ch-btn-quaternary span {margin-left:8px; font-size:16px;}
    .class-view__mobile-btn_share {height:auto !important;}
    .class-view__mobile-btn_share .list-style-none {width:210px; margin:0 auto; padding-bottom:20px;}
    .class-view__mobile-btn_share .list-style-none li {padding-left:6px; display:inline-block;}
    .class-view__mobile-btn_share .list-style-none li:not(:last-child):after {width:1px; height:10px; margin-left:10px; border-right:1px solid #d9dbe0; display:inline-block; content:"";}
    .class-view__mobile-btn_share .list-style-none li button {font-weight:400; background-color:transparent; display:contents;}
    .class-view__mobile-btn_share .list-style-none li button span {padding-left:3px; vertical-align:middle;}
    .page-class-view .class-view__left-area .ch-tab ul.fixed {width:100%; padding-top:16px; z-index:1000;}

    .ch-modal__share .ch-modal__content {border-radius:16px;}
    .ch-modal__share .modal__body {height:auto;}
    .ch-modal__share .share__ul img {width:36px;}
    .ch-modal__share .share__ul li a p {font-size:13px; letter-spacing:-0.6px; margin-top:4px;}
}

/* Etc Common */
.page-etc {padding-top:126px;}
.etc__header {padding-bottom:60px;}
.etc__title {font-size:18px; font-weight:700; padding-bottom:16px; letter-spacing:-0.4px; line-height:26px;}
.etc__txt {font-size:18px; color:#4e535e; padding-bottom:54px; line-height:26px; letter-spacing:-0.5px;}
.page-etc .list-style-dot li {font-size:18px; line-height:26px; letter-spacing:-0.5px;}
.page-etc .list-style-dot li:before {top:10px; margin-top:0;}
@media (max-width:1080px) {
    .page-etc {padding-top:26px;}
    .etc__header {padding-bottom:26px;}
    .etc__title {font-size:15px; line-height:22px; letter-spacing:-0.7px; padding-bottom:8px;}
    .etc__txt {font-size:15px; line-height:22px; letter-spacing:-0.7px; padding-bottom:26px;}
    .etc__ul {font-size:15px; line-height:22px; letter-spacing:-0.7px; color:#4e535e;}
    .page-etc .list-style-dot li {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-etc .list-style-dot li:before {top:10px; margin-top:0;}
}

/* Etc Refund */
.page-refund {}
.page-refund .etc__txt {padding-bottom:2px; font-weight:700;}
.page-refund .etc__ul {padding-bottom:32px;}
.page-refund .refund__consulting {padding-top:18px;}
@media (max-width:1080px) {
    .page-refund .etc__txt {padding-bottom:2px;}
    .page-refund .etc__ul {padding-bottom:16px;}
    .page-refund .etc__space {padding-bottom:16px;}
    .page-refund .refund__consulting {padding-top:10px;}
}

.page-instructor {padding-bottom:80px;}
.page-instructor .ch-form-group__instructor {margin-bottom:40px;}
.page-instructor .require-header {padding-bottom:20px;}
.page-instructor .instructor__agree {padding-bottom:26px;}
.page-instructor .instructor__agree .ch-check-txt {font-size:16px;}
.page-instructor .instructor__agree .ch-check-label {padding-left:34px;}
.page-instructor .instructor__agree .ch-check + .ch-check-label:before,
.page-instructor .instructor__agree .ch-check:checked + .ch-check-label:after {width:24px; height:24px;}
.page-instructor .instructor__txt {font-size:15px; color:#888c99; letter-spacing:-0.7px; padding-bottom:20px;}

@media (max-width:1080px) {
    .page-instructor {padding-bottom:30px;}
    .page-instructor .ch-form-group__instructor {margin-bottom:30px;}
    .page-instructor .instructor__txt {font-size:13px; line-height:20px; letter-spacing:-0.6px; }
    .page-instructor .instructor__agree .ch-check-txt {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-instructor .instructor__agree .ch-check-label {padding-left:22px;}
    .page-instructor .instructor__agree .ch-check + .ch-check-label:before,
    .page-instructor .instructor__agree .ch-check:checked + .ch-check-label:after {width:14px; height:14px;}
    .page-instructor .instructor__agree {padding-bottom:15px;}
}

.page-cs {padding-top:152px;}
.page-cs .cs__header {padding-bottom:26px;}
.page-cs .class__aside.fixed {top:72px;}
.page-cs .cs__event-ul {display:flex; flex-wrap:wrap; margin:0 -17px;}
.page-cs .cs__event-ul li {flex:0 0 50%; max-width:50%; padding:17px;}
.page-cs .cs__event-ul li a {position:relative; display:block; width:100%; height:244px; overflow:hidden; border-radius:14px; transition:.3s ease-in; }
.page-cs .cs__event-ul li a .event__thumbnail {height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.page-cs .cs__event-ul li a .event__cover {position:absolute; top:0; left:0; width:100%; opacity:0.7; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #222); height:100%;}
.page-cs .cs__event-ul li a .event__txt {position:absolute; bottom:20px; padding:0 20px; width:100%;}
.page-cs .cs__event-ul li a .event__txt p {font-size:16px; color:#fff; line-height:26px; letter-spacing:-0.6px;}
.page-cs .cs__event-ul li a .event__txt .event__title {font-size:18px; color:#fff; line-height:26px; letter-spacing:-0.6px;}
.page-cs .cs__event-ul li a:hover {transform:scale(1.1);}
.page-cs .cs-faq__ul .ch-accordion {background:#fff;}
.page-cs .cs-faq__ul .ch-accordion .ch-accordion__header {padding:25px 0;}
.page-cs .cs-faq__ul .ch-accordion h3 {font-size:16px; flex:1 1 0; margin-right:10px; line-height:26px; letter-spacing:-0.6px;}
.page-cs .cs-faq__ul .ch-accordion .ch-accordion__contents {padding:0 0 26px 0; font-size:16px; line-height:24px; letter-spacing:-0.6px;}
.page-cs .cs-faq__ul li {border-bottom:1px solid #ededf2;}
.page-cs .cs-inquiry {margin-top:40px; padding:40px 40px; background:#f3f5f8; border-radius:14px; text-align:center;}
.page-cs .cs-inquiry p {padding-bottom:16px; font-size:16px; color:#888c99; line-height:26px; letter-spacing: -0.6px;}
.page-cs .cs-inquiry a {width:85px; height:38px; font-size:15px; letter-spacing:-0.5px; font-weight:500;}
.page-cs .cs-notice__ul .cs-notice__list {display:flex; justify-content:space-between; width:100%; align-items:center;}
.page-cs .cs-notice__ul li {display:flex; align-items:center; height:76px;}
.page-cs .cs-notice__ul li + li {border-top:1px solid #ededf2;}
.page-cs .cs-notice__title {width:auto; font-size:16px; padding-right:36px; line-height:26px; letter-spacing:-0.6px;}
.page-cs .cs-notice__title.new {background:url('/assets/images/ico/ic-flag-new-18.svg') no-repeat center right 16px; background-size:18px;}
.page-cs .cs-notice__date {font-size:14px; color:#888c99; letter-spacing:-0.4px;}
.page-cs .cs-notice__pagination {margin-top:26px;}
.page-cs .cs-notice-detail {border-top:1px solid #ededf2; padding-top:26px;}
.page-cs .cs-notice-detail__header {padding-bottom:16px;}
.page-cs .cs-notice-detail__header .cs-notice-detail__title {font-size:18px; color:#222; line-height:26px; letter-spacing:-0.4px;}
.page-cs .cs-notice-detail__body p {font-size:16px; line-height:24px; letter-spacing:-0.6px; margin-bottom:1rem;}
.page-cs .cs-notice-detail__date {font-size:14px; color:#888c99; letter-spacing: -0.4px;}
.page-cs .cs-notice__link {padding-top:26px; text-align:center;}
.page-cs .cs-notice__link a {width:85px; height:38px; font-size:15px; letter-spacing:-0.5px; font-weight:500;}

.page-event-view {}
.page-event-view .event__editor-area {min-height:400px; margin-top:40px; margin-bottom:120px;}
.page-event-view .class-view__top {padding-bottom:90px; background-color:#ffcc95; background-size:cover;}
.page-event-view .class-view__detail .event__timeover div {font-size:23px; font-weight:700; color:#ffa629; letter-spacing:-0.3px;}

@media (max-width:1080px) {
    .page-cs .cs__header {padding-top:16px; padding-bottom:16px;}
    .page-cs .cs-notice__ul li {height:66px;}
    .page-cs .cs-notice__ul .cs-notice__list {flex-direction:column; align-items:flex-start;}
    .page-cs .cs-notice__title {font-size:16px; line-height:22px; letter-spacing:-0.7px; max-width:100%;}
    .page-cs .cs-notice__date {font-size:12px;}
    .page-cs .cs-notice-detail__header {padding-bottom:8px;}
    .page-cs .cs-notice-detail__header .cs-notice-detail__title {font-size:15px; line-height:22px; letter-spacing:-0.5px;}
    .page-cs .cs-notice-detail__body p {font-size:14px; letter-spacing:-0.6px; line-height:21px;}
    .page-cs .cs-notice-detail__date {font-size:12px;}
    .page-cs .cs-faq__ul .ch-accordion .ch-accordion__header {padding:20px 0;}
    .page-cs .cs-faq__ul .ch-accordion .ch-accordion__contents {font-size:14px; padding-bottom:22px; line-height:21px; letter-spacing:-0.6px;}
    .page-cs .cs-inquiry {padding:22px 13px;}
    .page-cs .cs-inquiry p {font-size:14px;}
    .page-cs .cs__event-ul {margin:0 -8px;}
    .page-cs .cs__event-ul li {flex:0 0 100%; max-width:100%; padding:8px;}
    .page-cs .cs__event-ul li a .event__txt {bottom:18px; padding:0 16px;}
    .page-cs .cs__event-ul li a .event__txt p {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-cs .cs__event-ul li a .event__txt .event__title {font-size:17px; line-height:23px; letter-spacing:-0.7px;}

    .page-event-view .class-view__top {padding-bottom:151px;}
    .page-event-view .class-view__detail {top:-25px;}
    .page-event-view .class-view__detail .event__timeover div {font-size:20px; letter-spacing:-0.8px;}
}

/* about CSS */
.page-about {}
.page-about .about-section {position:relative; width:100%; height:100vh;}
.page-about .about-section__first {background:url('/assets/images/etc/img-sevice-intro-start.jpg') no-repeat center; background-size:cover;}
.page-about .about__scroll {display:none;}
.page-about .about-section__second {background:#fff;}
.page-about .about-section__third {background:#f3f5f8;}
.page-about .about-section__fourth {background:#0071ec;}
.page-about .about-section__fifth {background:#0071ec;}
.page-about .about-section__sixth {background:#222222; padding-bottom:300px;}
.page-about .about-section__seventh {background:url('/assets/images/etc/img-careerhigh-end.jpg') no-repeat 0; background-size:cover;}
.page-about .about__center {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:100%;}
.page-about .about__first figcaption {margin-top:6px; font-size:20px; color:#fff; letter-spacing: -0.5px; line-height:30px;}
.page-about .about__second {text-align:center;}
.page-about .about__second .second__figure {width:236px; margin:0 auto;}
.page-about .about__second .second__figure img {width:100%;}
.page-about .about__second .second__title {padding-top:30px; padding-bottom:14px; font-size:44px; color:#222; letter-spacing:-0.7px;}
.page-about .about__second .second__txt {font-size:20px; color:#4e535e; letter-spacing:-0.8px; line-height:34px;}
.page-about .about-section__third .third__container {height:100vh; display:flex; flex-direction:column;}
.page-about .about-section__third .third__txt-group {display:flex; flex-direction:column; margin-top:auto; margin-bottom:30%; position:relative; z-index:2;}
.page-about .about-section__third .third__txt-group .third__header-txt {font-size:20px; font-weight:700; color:#0071ec; margin-bottom:4px; line-height:28px; letter-spacing:-0.5px;}
.page-about .about-section__third .third__txt-group .third__title {font-size:44px; line-height:54px; margin-bottom:17px; letter-spacing:-0.7px;}
.page-about .about-section__third .third__txt-group .third__txt {font-size:20px; color:#4e535e; letter-spacing:-0.8px; line-height:34px;}
.page-about .about-section__third .third__img {width:480px; position:absolute; right:-120px; top:20%;}
.page-about .about-section__third .third__img img {width:100%;}
.page-about .blue__title {font-size:50px; color:#fff; line-height:66px; letter-spacing:-0.9px;}
.page-about .about-section__white {background:#fff;}
.page-about .about-txt-blue {font-size:20px; font-weight:700; color:#0071ec; letter-spacing:-0.5px; line-height:28px;}
.page-about .about-title {font-size:44px; font-weight:700; letter-spacing:-0.7px; line-height:54px;}
.page-about .about-txt {font-size:20px; color:#4e535e; letter-spacing:-0.8px; line-height:34px;}
.page-about .about-txt-blue.white {color:#fff;}
.page-about .about-title.white {color:#fff;}
.page-about .about-txt.white {color:#fff;}
.page-about .about-section__fourth-sub .about-txt-group {padding-bottom:110px;}
.page-about .about__zigzag {display:flex; align-items:flex-start; padding-bottom:140px;}
.page-about .zigzag__img {margin-left:40px;}
.page-about .zigzag__img figure {width:140px;}
.page-about .zigzag__img figure img {width:100%;}
.page-about .zigzag__header {padding-bottom:5px;}
.page-about .zigzag__header .about-title {padding-bottom:14px;}
.page-about .zigzag__sub-txt {font-size:22px; font-weight:700; line-height:32px; letter-spacing:-0.6px;}
.page-about .zigzag__txt {font-size:17px; color:#4e535e; letter-spacing:-0.5px; line-height:28px;}
.page-about .about__zigzag.reverse .zigzag__img {margin-right:40px; margin-left:0;}
.page-about .about-way__card {position:relative; margin-top:200px;}
.page-about .about-way__txt-group {position:relative; padding-top:256px;}
.page-about .about-way__header {padding-bottom:16px;}
.page-about .about-way__img {position:absolute; top:0; right:-120px; width:480px;}
.page-about .about-way__img img {width:100%;}
.page-about .about-way__card.left .about-way__img {right:inherit; left:-204px;}
.page-about .about-way__card.type01 .about-way__txt-group {padding-top:306px;}
.page-about .about-way__card.type02 .about-way__txt-group {padding-top:336px;}
.page-about .about-way__card.type04 {padding-bottom:300px;}
.page-about .about__swiper {position:relative; padding-top:80px;}
.page-about .about__swiper .swiper-container {padding-bottom:30px;}
.page-about .about__swiper .swiper-container .swiper-pagination {bottom:0;}
.page-about .about__swiper .swiper-slide img {width:100%;}
.page-about .about-swiper__btn {position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%, -50%); width:100%; max-width:1080px;}
.page-about .priority__txt-group {padding-top:200px; padding-bottom:80px;}
.page-about .priority__header {padding-bottom:16px;}
.page-about .priority__img {padding-bottom:20px;}
.page-about .priority__img img {width:100%;}
.page-about .priority__divide {display:flex; padding-bottom:20px;}
.page-about .divide__left {padding-right:20px;}
.page-about .divide__left img {width:100%;}
.page-about .divide__right img {width:100%;}
.page-about .end__header {padding-bottom:16px;}
.page-about .about-section__end .about-txt {text-align:center;}
.page-about .about-section__end .end__link-box {margin-top:30px;}
.page-about .about-section__end .end__link {display:flex; width:172px; height:64px; border-radius:36px; border:1px solid #fff; align-items:center; justify-content:center; color:#fff; margin:0 auto; font-size:18px; line-height:26px; letter-spacing:-0.5px; transition:0.15s ease-in;}
.page-about .about-section__end .end__link:hover {background:#fff; color:#222; border-color:#fff; font-weight:700;}
.page-about .end__txt {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); color:#fff; font-size:18px; line-height:26px; font-weight:700; letter-spacing:-0.5px;}
.page-about .end__cover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.55);}

@media (max-width:1080px) {
    .page-about {overflow:hidden;}
    .page-about .about__center {padding:0 16px;}
    .page-about .about-txt-blue {font-size:15px;}
    .page-about .about-title {font-size:30px; line-height:40px;}
    .page-about .about-txt {font-size:16px; line-height:28px;}
    .page-about .about__first figure img {width:233px;}
    .page-about .about__first figcaption {font-size:16px; letter-spacing:-0.4px; line-height:22px;}
    .page-about .about__scroll {display:block; position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
    .page-about .about__second .second__figure {width:200px;}
    .page-about .about__second .second__title {padding-top:11px; font-size:30px; line-height:40px; letter-spacing:-0.7px;}
    .page-about .about__second .second__txt {font-size:16px; line-height:28px; letter-spacing:-0.7px; color:#222;}
    .page-about .about-section__third .third__img {width:270px; right:-40px; top:8%;}
    .page-about .about-section__third .third__txt-group {margin-bottom:36%;}
    .page-about .about-section__third .third__txt-group .third__title {font-size:30px; line-height:40px; margin-bottom:14px;}
    .page-about .about-section__third .third__txt-group .third__header-txt {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-about .about-section__third .third__txt-group .third__txt {font-size:16px; line-height:28px; letter-spacing:-0.7px;}
    .page-about .blue__title {font-size:38px; text-align:left; line-height:50px;}
    .page-about .about-section__third .third__img.left {right:auto; left:-40px;}
    .page-about .about-section__third .third__txt-group.bottom {margin-bottom:12%;}
    .page-about .about-section__fourth-sub .about-txt-group.top {padding-top:40px; padding-bottom:60px;}
    .page-about .about__zigzag {position:relative; padding-bottom:92px;}
    .page-about .zigzag__header {padding-top:110px;}
    .page-about .zigzag__header .about-title {padding-bottom:6px;}
    .page-about .zigzag__img {position:absolute; top:0; left:0; margin-left:0;}
    .page-about .zigzag__sub-txt {font-size:16px; line-height:28px;}
    .page-about .about-way__card {margin-top:80px;}
    .page-about .about-way__img {width:332px; right:-74px;}
    .page-about .about-way__txt-group {padding-top:192px;}
    .page-about .about-way__card.type01 .about-way__txt-group {padding-top:227px;}
    .page-about .about-way__card.left .about-way__img {left:-74px;}
    .page-about .about__swiper {padding-top:26px;}
    .page-about .about__swiper .swiper-container {padding-bottom:20px;}
    .page-about .about__swiper .swiper-pagination-bullet {width:6px; height:6px;}
    .page-about .about-way__card.type02 .about-way__txt-group {padding-top:227px;}
    .page-about .about-way__card.type04 {padding-bottom:140px;}
    .page-about .priority__txt-group {padding-top:80px;}
    .page-about .priority__img {padding-bottom:10px; margin:0 -16px;}
    .page-about .about-section__sixth {padding-bottom:150px;}
    .page-about .priority__divide {flex-direction:column; padding-bottom:10px; margin:0 -16px;}
    .page-about .divide__left {padding-right:0; padding-bottom:10px;}
    .page-about .about-section__end .end__link {width:142px; height:50px; font-size:14px; font-weight:700;}
    .page-about .end__txt {width:100%; font-size:16px; text-align:center; line-height:22px;}
}

/* page introduction */
.page-introduction {}
.page-introduction .introduction__first {position:relative; width:100%; height:100vh; background:#f5f5f5 url('/assets/images/etc/img-consulting-main.jpg') no-repeat center bottom; background-size:contain;}
.page-introduction .introduction__first .section-consulting {background:transparent; text-align:center; height:auto; padding-top:142px;}
.page-introduction .introduction__first .section-consulting .consulting__counting {justify-content:center;}
.page-introduction .section-consulting .page-title {margin-bottom:0;}
.page-introduction .introduction__btn-group {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); display:flex; align-items:center;}
.page-introduction .introduction__btn-group button {width:264px; height:66px; padding:0;}
.page-introduction .introduction__btn-group button a {display:flex; align-items:center; justify-content:center; font-size:18px; color:#fff; width:100%; height:100%;}
.page-introduction .intro-btn-more {background:transparent; margin-right:8px;}
.page-introduction .intro-btn-more span {font-weight:400; color:#0071ec; margin-right:5px;}
.page-introduction .introduction__btn-group .intro-btn-apply {flex-direction:column;}
.page-introduction .introduction__btn-group .intro-btn-apply .apply__txt {font-size:14px; font-weight:300;}
.page-introduction .introduction__body {position:relative;}
.page-introduction .introduction-tab {position:absolute; top:0; left:0; width:100%;}
.page-introduction .introduction-tab ul {justify-content:center; padding-top:22px;}
.page-introduction .ch-tab__contents-group {padding-top:0}
.page-introduction .ch-tab__contents {padding-top:55px;}
.page-introduction .ch-tab__contents.gray {background:#f3f5f8;}
.page-introduction .ch-tab__contents .tab__body {}
.page-introduction .ch-tab__contents01 .tab__body {padding-top:100px; padding-bottom:210px;}
.page-introduction .introduction__cont.apply {padding-top:0;}
.page-introduction .apply__bg {height:400px; padding-top:57px; background:#f3f5f8 url('/assets/images/etc/img-apply.jpg') no-repeat center bottom; background-size:contain;}
.page-introduction .apply__txt-group {position:relative; margin-top:-48px; margin-bottom:30px;}
.page-introduction .apply__txt-group .apply__txt {font-size:20px; font-weight:700; color:#0071ec; line-height:28px; letter-spacing:-0.5px;}
.page-introduction .apply__txt-group .apply__title {display:flex; font-size:44px; font-weight:700; align-items:center; letter-spacing:-0.7px;}
.page-introduction .apply__txt-group .apply__title img {margin-left:12px;}
.page-introduction .apply__btn-group {padding-bottom:100px;}
.page-introduction .apply__footer {background:#fafbfc; padding:50px 0;}
.page-introduction .apply__footer .page-class-view {padding-top:0;}
.page-introduction .process__header {padding-top:40px; padding-bottom:26px;}
.page-introduction .process__header .process__txt {font-size:20px; font-weight:700; color:#0071ec; letter-spacing:-0.1px;}
.page-introduction .process__header .process__title {font-size:28px; font-weight:700; letter-spacing:-0.5px;}
/*.page-introduction .process__ul {padding-bottom:77px;}
.page-introduction .process__ul li {border-radius:28px; background:#002959; overflow:hidden;}
.page-introduction .process__ul li + li {margin-top:77px;}*/
.page-introduction .process__ul .process__card {padding-top:10px; height:502px;}
.page-introduction .process__ul .process__card .card__img {height:300px;}
.page-introduction .process__ul .process__card .card__img img {width:100%;}
.page-introduction .process__ul .process__card .card__info {padding:0 34px 40px 34px;}
.page-introduction .process__ul .process__card .card__info .info__title {font-size:28px; font-weight:700; color:#fff; padding-bottom:6px; letter-spacing:-0.5px;}
.page-introduction .process__ul .process__card .card__info .info__txt01 {font-size:16px; font-weight:700; color:#fff; line-height:26px; letter-spacing:-0.6px;}
.page-introduction .process__ul .process__card .card__info .info__txt02 {font-size:16px; font-weight:500; line-height:26px; color:#fff; letter-spacing:-0.6px;}
.page-introduction .intro__section + .intro__section {margin-top:180px;}
.page-introduction .intro__bg {width:100%; height:560px;}
.page-introduction .intro__bg01 {background:url('/assets/images/etc/img-consulting-1.jpg') no-repeat 0; background-size:cover;}
.page-introduction .intro__bg02 {background:url('/assets/images/etc/img-consulting-2.jpg') no-repeat 0; background-size:cover;}
.page-introduction .intro__bg03 {background:url('/assets/images/etc/img-consulting-3.jpg') no-repeat 0; background-size:cover;}
.page-introduction .intro__bg04 {background:url('/assets/images/etc/img-consulting-4.jpg') no-repeat 0; background-size:cover;}
.page-introduction .intro__detail {margin-top:-60px;}
.page-introduction .intro__txt-group {padding-bottom:40px;}
.page-introduction .intro__txt-group .intro__title {font-size:44px; font-weight:700; letter-spacing:-0.7px;}
.page-introduction .intro__txt-group .intro__txt01 {font-size:20px; font-weight:700; color:#0071ec; line-height:28px; letter-spacing:-0.5px;}
.page-introduction .intro__txt-group .intro__txt02 {font-size:18px; font-weight:400; padding-top:16px; color:#4e535e; letter-spacing:-0.5px; line-height:28px;}
.page-introduction .intro__sub-txt-group {display:flex; align-items:flex-start;}
.page-introduction .intro__sub-txt-group .sub-txt-group {flex:0 1 50%; max-width:50%;}
.page-introduction .intro__sub-txt-group .sub-txt-group p {font-size:16px; color:#888c99; line-height:26px; letter-spacing:-0.6px;}
.page-introduction .intro__sub-txt-group .sub-txt-group .sub-txt__icon-box {display:flex; align-items:center;}
.page-introduction .intro__sub-txt-group .sub-txt-group .sub-txt__icon-box img {margin-right:12px;}
.page-introduction .intro__sub-txt-group .sub-txt-group .sub-txt__icon-box span {font-size:28px; font-weight:700; letter-spacing:-0.5px;}
.page-introduction .introduction__cont.process .swiper-button-group .ch-swiper-btn {margin-top:70px;}
.page-introduction .introduction__cont.process .swiper-button-group .ch-swiper-prev {left:calc(50% - 342px);}
.page-introduction .introduction__cont.process .swiper-button-group .ch-swiper-next {right:calc(50% - 342px);}

@media (max-width:1080px) {
    .page-introduction {padding-top:0;}
    .page-introduction .introduction__btn-group button {width:160px; height:56px;}
    .page-introduction .introduction__btn-group button a {font-size:15px;}
    .page-introduction .introduction__first {background:#f5f5f5 url('/assets/images/etc/m-img-consulting-main.jpg') no-repeat center bottom -90px; background-size:cover;}
    .page-introduction.page-main .section-consulting .page-title {font-size:30px;}
    .page-introduction.page-main .section-consulting .page-sub-txt {font-size:24px; line-height:30px; letter-spacing:-1.1px;}
    .page-introduction.page-main .section-consulting .consulting__counting {padding-top:13px;}
    .page-introduction.page-main .section-consulting .consulting__counting > p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-introduction .intro-btn-more span {font-size:15px; letter-spacing:-0.4px;}
    .page-introduction .introduction-tab ul {padding-top:12px;}
    .page-introduction .ch-tab__contents {padding-top:41px;}
    .page-introduction .introduction__first .section-consulting {padding-top:122px;}
    .page-introduction.page-main .section-consulting .consulting__counting > p:first-child {margin-right:14px;}
    .page-introduction .ch-tab__contents01 .tab__body {padding-top:50px; padding-bottom:80px;}
    .page-introduction .intro__bg {height:220px; background-position:center; width:auto; margin:0 -16px;}
    .page-introduction .intro__detail {margin-top:0;}
    .page-introduction .intro__txt-group {padding-bottom:30px;}
    .page-introduction .intro__txt-group .intro__txt01 {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-introduction .intro__txt-group .intro__title {font-size:30px; line-height:40px; letter-spacing:-0.7px;}
    .page-introduction .intro__txt-group .intro__txt02 {font-size:16px; line-height:28px; letter-spacing:-0.8px;}
    .page-introduction .intro__section + .intro__section {margin-top:110px;}
    .page-introduction .intro__sub-txt-group {flex-direction:column;}
    .page-introduction .intro__sub-txt-group .sub-txt-group {flex:0 1 100%; max-width:100%;}
    .page-introduction .intro__sub-txt-group .sub-txt-group p {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-introduction .intro__sub-txt-group .sub-txt-group .sub-txt__icon-box span{ font-size:22px; line-height:30px; letter-spacing:-1px;}
    .page-introduction .process__header {padding-top:30px;}
    .page-introduction .process__header .process__txt {font-size:15px; line-height:22px; letter-spacing:0;}
    .page-introduction .process__header .process__title {font-size:22px; line-height:30px; letter-spacing:-1px;}
    .page-introduction .process__ul .process__card {padding-top:0; height:439px;}
    .page-introduction .process__ul .process__card .card__info {padding:0 20px 26px 20px;}
    .page-introduction .process__ul .process__card .card__info .info__txt01 {font-size:14px; line-height:21px; letter-spacing:-0.6px;}
    .page-introduction .process__ul .process__card .card__info .info__title {font-size:22px; line-height:30px; letter-spacing:-1px;}
    .page-introduction .process__ul .process__card .card__info .info__txt02 {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-introduction .apply__bg {height:220px; background-image:url('/assets/images/etc/m-img-apply.png'); background-size:cover;}
    .page-introduction .apply__txt-group {margin-bottom:16px;}
    .page-introduction .apply__txt-group .apply__txt {font-size:15px; line-height:22px; letter-spacing:-0.7px;}
    .page-introduction .apply__txt-group .apply__title {display:inline; font-size:30px; line-height:40px; letter-spacing:-0.7px;}
    .page-introduction .apply__txt-group .apply__title img {margin-left:2px; width:40px;}
    .page-introduction .apply__btn-group {padding-bottom:20px;}
    .page-introduction .apply__btn-group a {box-shadow: 0 5px 13px 0 rgba(0, 27, 60, 0.13); }
    .page-introduction .apply__footer {padding:24px 0;}
    .page-introduction .process__ul .process__card .card__img {height:auto;}
}

.layer__popup {display:none; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100vh; background:rgba(0,0,0,0.5); padding:0 26px;}
.layer__popup .layer__content {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.layer__popup .layer__body {width:100%; max-width:385px; height:510px; border-radius:16px; background:#fff; box-shadow: 0 22px 40px 0 rgba(0, 7, 15, 0.2); overflow:hidden;}
.layer__popup .layer__img img {width:100%;}
.layer__popup .layer__footer {padding:19px 20px 17px 23px; display:flex; align-items:center; justify-content:space-between;}
.layer__popup .layer__today {font-size:16px; letter-spacing:-0.4px; color:#888c99; cursor:pointer;}
.layer__popup .layer__close {display:flex; align-items:center; cursor:pointer;}
.layer__popup .layer__close span {font-size:16px; letter-spacing:-0.4px; color:#222; margin-top:-2px;}

@media (max-width:1080px) {
    .layer__popup .layer__body {height:auto;}
    .layer__popup .layer__footer {padding:14px 16px 15px 18px;}
    .layer__popup .layer__today {font-size:13px;}
    .layer__popup .layer__close img {width:20px;}
    .layer__popup .layer__close span {font-size:13px;}
}

/* Mypage Class */
.mypage__contents .class__panel .panel__header .panel__icon {width:76px; height:76px;}
.mypage__contents .class__panel .panel__header .ch-tag {padding:0 6px;}
.mypage__contents .class__panel .panel__header .ch-tag .ch-tag__txt {font-size:13px; line-height:21px; letter-spacing:-0.3px;}

/* Animation */
.opacity-0 {opacity:0}
#targetClass,
#targetConsulting,
.fade-in-up,
.fade-in {opacity:0;}