@charset 'utf-8';

/* ====================== */
/* UI Reset */
/* ====================== */
@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-subset.min.css');
* {margin:0;padding:0;font:inherit;}
*, *::before, *::after {box-sizing:border-box;}
html {font-size: 62.5%;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img, video, svg, picture {display:block;height:auto;max-width:100%;}
body {font-size:14px;color:#222;font-family:"Pretendard", pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Hiragino Sans", "Apple SD Gothic Neo",  "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;letter-spacing:-0.132px;}
a {text-decoration:none;cursor:pointer;color:inherit;}
button {border:none;cursor:pointer;background-color:transparent;}
sup {line-height:1;vertical-align:0px;}
ul, ol, li {list-style:none;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display: none;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type='number'] {-moz-appearance: textfield;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}


/* ====================== */
/* interval */
/* ====================== */ 
:root {
    --primary-color: #3374FF;
}

.ta-center {text-align:center;}
.ta-right {text-align:right;}
.ta-left {text-align:left;}

.swiper-button-next,
.swiper-button-prev {z-index:1;}
.blind {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.ta-center {text-align:center;}
.m-only {display:none;}

body {
    overflow-y: overlay; /* 반드시 overlay 처리 */
}


/* ====================== */
/* Layout */
/* ====================== */
#wrap.ly2 {min-height:100vh;background:#fff;}
.ly1 .inner {margin-left:auto;margin-right:auto;padding:0 20px;width:1452px;}
.ly2 .inner {padding:0 20px;width:1240px;margin-left:auto;margin-right:auto;}

.header {padding:18px 0;}
.header .inner {display:flex;align-items:center;justify-content:space-between;}
.header .header__banner {width:100%;}
.header .header__banner img {height:84px;}
.header .header__util {width:100%;text-align:right;}
.header .header__logo-area {position:relative;flex:none;}
.header .header__logo-area .header__logo img {height:58px;}
.header .header__logo-area .header__since {position:absolute;left:calc(100% + 6px);bottom:0;white-space: nowrap;font-weight:700;color:#222;font-size:16px;}
.header .header__date {color:#808080;font-size:14px;font-weight:500;display:block;}
.header .header__auth {margin-top:12px;display:inline-flex;gap:8px;}
.header .header__auth-btn {display:inline-block;line-height:40px;height:40px;border-radius:6px;font-size:14px;font-weight:500;padding:0 16px;border:1px solid #3374FF;background-color:#3374FF;color:#fff;}
.header .header__auth-btn.header__login {background-color: #fff;color:#3374FF;}
.header .header__auth-btn.header__mypage {background-color: #fff;color:#111;display:inline-flex;align-items:center;}
.header .header__auth-btn.header__mypage span {font-weight:600;color: #3374FF;margin-right:2px;}
.header .header__auth-btn.header__mypage:before {content:'';display:inline-block;width:16px;height:16px;margin-right:8px;background:url(../images/btn_auth_before.svg) no-repeat center/contain;}
.header .header__auth-btn.header__mypage:after {content:'';display:inline-block;width:16px;height:16px;margin-left:8px;background:url(../images/btn_auth_after.svg) no-repeat center/contain;}
.header .drawer-toggle {display:none;}


.ly1 .gnb {position:sticky;top:0;border: 1px solid #F0F0F0;border-width:1px 0;background-color: #fff;height:52px;margin-bottom:20px;z-index:10;}
.ly1 .gnb .inner {display:flex;align-items:center;}
.ly1 .gnb .gnb__menu-toggle {}
.ly1 .gnb .gnb__list {display:flex;align-items: center;flex:auto;}
.ly1 .gnb .gnb__item {display:flex;align-items: center;width:100%;text-align: center;position:relative;}
.ly1 .gnb .gnb__link {height:52px;display:block;text-align: center;width: 100%;line-height:52px;font-size:18px;color:#222;font-weight:600;}
.ly1 .gnb .gnb__link:hover {color:#3374FF;}
.ly1 .gnb .gnb__item:hover .gnb_sublist {max-height:400px;padding: 4px 0;}
.ly1 .gnb .gnb_sublist {position:absolute;left:0;right:0;top:99%;background-color:#fff;overflow:hidden;max-height:0;transition:all .3s ease;}
.ly1 .gnb .gnb_sublist .gnb__link {height:36px;font-weight:500;line-height:36px;font-size:15px;color:#808080;}
.ly1 .gnb .gnb_sublist .gnb__link:hover {color:#222;}

.ly1 .footer {border-top:1px solid #f0f0f0;padding:40px 0 28px;}
.ly1 .footer .footer__logo {margin-bottom:20px;height:34px;}
.ly1 .footer .footer__links {margin-bottom:20px;}
.ly1 .footer .footer__link {display:inline-block;color:#808080;margin-right:20px;font-weight: 300;}
.ly1 .footer .footer__link:last-child {margin-right:0;}
.ly1 .footer .footer__info {margin-bottom:28px;}
.ly1 .footer .footer__info .info__text {color:#808080;line-height:1.5;font-weight: 300;}
.ly1 .footer .footer__copyright {color:#808080;font-size:13px;font-weight:300;}

.ly1 .dim {display:none;position:fixed;z-index:100;top:0;width:100%;right:0;left:0;bottom:0;background-color:rgba(0, 0, 0, .4);opacity:0;transition:all .3s ease;}
.ly1 .dim.show {display:block;opacity: 1;}

.ly1 .drawer {display:flex;flex-direction:column;position:fixed;right:0;z-index:101;transition:all .3s ease;top:0;width:280px;max-width:80%;bottom:0;background-color: #fff;overflow:auto;box-shadow:0 0 15px rgba(0, 0, 0, .12);visibility: hidden;opacity:0;transform:translateX(100%);}
.ly1 .drawer.show {visibility:visible;opacity:1;transform:translate(0);}
.ly1 .drawer .drawer__close {position:absolute;right:16px;top:16px;}
.ly1 .drawer .drawer__date {font-size:18px;font-weight:700;display:block;padding:52px 16px 16px;color:#333D4B;}
.ly1 .drawer .drawer__auth {display:flex;gap:10px;padding:0 16px 16px;}
.ly1 .drawer .drawer__auth .drawer__auth-btn {height:40px;width:100%;text-align:center;border-radius:6px;line-height:40px;border:1px solid #3374FF;background-color:#3374FF;font-weight:500;color:#fff;}
.ly1 .drawer .drawer__auth .drawer__auth-btn.drawer__login {background-color: #fff;color:#3374FF;}
.ly1 .drawer .drawer__list {flex:auto;overflow:auto;}
.ly1 .drawer .drawer__item {position:relative;border-top:1px solid #f0f0f0;}
.ly1 .drawer .drawer__link {display:block;padding:12px 14px;color:#222;font-size:15px;}
.ly1 .drawer .drawer__toggle {position: absolute;display:block;top:10px;right:10px;}
.ly1 .drawer .drawer__toggle.on {transform:rotate(180deg);}
.ly1 .drawer .drawer_sublist {padding:4px 0;background:#f8f8f8;display:none;}
.ly1 .drawer .drawer_sublist .drawer__link {font-size:13px;color:#808080;padding:8px 14px;}

.ly2 .gnb {position:sticky;top:0;border: 1px solid #F0F0F0;border-width:1px 0;background-color: #fff;height:52px;margin-bottom:20px;z-index:10;}
.ly2 .gnb .inner {display:flex;align-items:center;}
.ly2 .gnb .gnb__menu-toggle {}
.ly2 .gnb .gnb__list {display:flex;align-items: center;flex:auto;}
.ly2 .gnb .gnb__item {display:flex;align-items: center;width:100%;text-align: center;position:relative;}
.ly2 .gnb .gnb__link {height:52px;display:block;text-align: center;width: 100%;line-height:52px;font-size:18px;color:#222;font-weight:600;}
.ly2 .gnb .gnb__link:hover {color:#3374FF;}
.ly2 .gnb .gnb__item:hover .gnb_sublist {max-height:400px;padding: 4px 0;}
.ly2 .gnb .gnb_sublist {position:absolute;left:0;right:0;top:99%;background-color:#fff;overflow:hidden;max-height:0;transition:all .3s ease;}
.ly2 .gnb .gnb_sublist .gnb__link {height:36px;font-weight:500;line-height:36px;font-size:15px;color:#808080;}
.ly2 .gnb .gnb_sublist .gnb__link:hover {color:#222;}

/* drawer */
.ly2 .drawer-wrap {position:fixed;left:0;top:56px;bottom:0;right:0;z-index:101;background-color:rgba(0, 0, 0, .4);overflow:hidden;opacity:0;transition:opacity .3s ease;pointer-events:none;}
.ly2 .drawer-wrap .drawer {width:100%;height:100%;padding-top:20px;background-color:#fff;margin-left:auto;box-shadow:0 0 13px 3px rgba(43, 43, 43, 0.1);transform:translateX(100%);transition:transform .5s ease;}
.ly2 .drawer-wrap.active {opacity:1;pointer-events:inherit;}
.ly2 .drawer-wrap.active .drawer {transform:translateX(0);}
.ly2 .drawer-wrap .auth-btn {width:100%;display:flex;gap:10px;margin-bottom:12px;}
.ly2 .drawer-wrap .auth-btn .btn-outline {width:50%;border-radius: 5px;border: 1px solid #D1D1D1;background: #FFF;text-align:center;padding:12px 14px;font-weight:500;line-height:1;transition:all .3s ease;}
.ly2 .drawer-wrap .btn-auth {display:inline-flex;align-items:center;border-radius: 5px;border: 1px solid #D1D1D1;background: #FFF;text-align:center;padding:12px 14px;font-weight:500;line-height:1;transition:all .3s ease;}
.ly2 .drawer-wrap .btn-auth .auth-id {color:#4296FF;font-weight:600;}
.ly2 .drawer-wrap .btn-auth:before {content:'';display:inline-block;width:16px;height:16px;margin-right:8px;background:url(../images/btn_auth_before.svg) no-repeat center/contain;}
.ly2 .drawer-wrap .btn-logout {display:inline-flex;align-items:center;border-radius: 5px;border: 1px solid #D1D1D1;background: #FFF;text-align:center;padding:12px 14px;font-weight:500;line-height:1;transition:all .3s ease;position:absolute;right:20px;bottom:20px;}
.ly2 .drawer-wrap .btn-logout:before {content:'';display:inline-block;width:16px;height:16px;margin-right:8px;background:url(../images/btn_auth_after.svg) no-repeat center/contain;}
.ly2 .drawer-wrap .btn-add {border-radius: 4px;width:100%;margin-top:14px;background: #4296FF;padding:11px 14px;color:#fff;font-weight:500;display:inline-flex;align-items:center;transition:all .3s ease;justify-content:center;}
.ly2 .drawer-wrap .btn-add:before {content:'';margin-right:6px;width:17px;height:17px;display:inline-block;background:url(../images/btn_add.svg) no-repeat center/contain;}

/* footer */
/*
.ly2 .footer-wrap {padding:0 0 30px;margin-top:100px;}
.ly2 .footer-wrap .logo img {height:30px;}
.ly2 .footer-wrap .foot-link {margin-top:45px;display:flex;gap:20px;}
.ly2 .footer-wrap .foot-link a {color:#969696;}
.ly2 .footer-wrap .foot-info {margin-top:30px;color:#969696;}
.ly2 .footer-wrap .foot-info li {margin-top:14px;display:flex;gap:10px;}
.ly2 .footer-wrap .foot-info li img {height:20px;}
.ly2 .footer-wrap footer {border-top: 1px solid #F0F0F0;padding-top:40px;}
.ly2 .footer-wrap .copyright {display:block;margin-top:40px;color:#969696;}
*/
.footer-wrap {padding:0 0 30px;margin-top:100px;}
.footer-wrap .logo img {height:30px;}
.footer-wrap .foot-link {margin-top:45px;display:flex;gap:20px;}
.footer-wrap .foot-link a {color:#969696;}
.footer-wrap .foot-info {margin-top:30px;color:#969696;}
.footer-wrap .foot-info li {margin-top:14px;display:flex;gap:10px;}
.footer-wrap .foot-info li img {height:20px;}
.footer-wrap footer {border-top: 1px solid #F0F0F0;padding-top:40px;}
.footer-wrap .copyright {display:block;margin-top:40px;color:#969696;}
/* container */
.ly1 .container__wrap {display:flex;gap:40px;width:1452px;margin:0 auto;padding:0 20px;}
.ly2 .container__wrap {display:flex;gap:40px;width:1240px;margin:0 auto;padding:0 20px;}
.container__content {flex:1;min-width:0;}
.container__aside {width:250px;flex:none;}
.container__aside .aside__section {margin-bottom:20px;}
.container__aside .aside__head {display:flex;align-items:center;background-color: #222;height:38px;border:3px solid #3374FF;border-width:0 3px;padding:0 14px;}
.container__aside .aside__head .aside__title {flex:1;color:#fff;font-weight:600;font-size:14px;}
.container__aside .aside__head .aside__more {color:#fff;font-weight:500;font-size: 14px;}
.container__aside .news__item {padding:10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f0f0;}
.container__aside .news__item:last-child {border-bottom:0;}
.container__aside .news__item:hover {background-color: #F9FAFB;}
.container__aside .news__item-thumb {display:block;overflow:hidden;width: 64px;height: 42px;position:relative;flex:none;}
.container__aside .news__item-thumb img {width:100%;height:100%;object-fit: cover;}
.container__aside .news__item-text {color:#333D4B;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;line-height: 1.4;font-size:14px;}
.container__aside .event__item {padding:15px 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f0f0;}
.container__aside .event__item:last-child {border-bottom:0;}
.container__aside .event__item:hover {background-color: #F9FAFB;}
.container__aside .event__item-text {color:#333D4B;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;line-height: 1.4;font-size: 14px;}
.container__aside .opinion__img {width:100%;}
.container__aside .opinion__text {padding:12px;WHITE-SPACE:nowrap;color:#333D4B;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;line-height: 1.4;font-size: 14px;}
.container__aside .aside__board {border: 1px solid #F0F0F0;background: #FFF;}
.container__aside .search {padding:20px 14px;text-align: center;}
.container__aside .search__box {display:flex;margin-bottom:18px;height:34px;align-items:stretch;border-radius:6px;overflow:hidden;border:1px solid #f0f0f0;}
.container__aside .search__box-input {border:0;padding:0 8px;outline: none;width:100%;font-size:12px;;}
.container__aside .search__box-input::placeholder {color:#CDCDCD;}
.container__aside .search__box-submit {width:48px;text-align:center;flex:none;border-left:1px solid #f0f0f0;font-size:12px;color:#333D4B;}
.container__aside .search__etc {color:#808080;font-size:12px;font-weight:300;text-decoration:underline;}
.container__aside .interview__item {position:relative;margin-bottom:8px;}
.container__aside .interview__item:last-child {margin-bottom:0;}
.container__aside .interview__item-thumb {position: relative;width:100%;height:0;padding-bottom:44%;}
.container__aside .interview__item-thumb img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.container__aside .interview__item-text {position:absolute;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.4);z-index:1;color:#fff;font-weight:600;padding:12px;text-align:left;font-size: 14px;}

.banner__section {width:637px;margin:0 auto 40px;}
.main__banner {margin-bottom:14px;}
.main__banner img {width:100%;}
.sub__banner {width:100%;position:relative;margin-bottom: 20px;}
.sub__banner img {width:100%;}
.sub__banner .swiper-button-next,
.sub__banner .swiper-button-prev {width:28px;color:#222;height:28px;top:50%;background-color:#fff;border: 1px solid #F0F0F0;margin:0;border-radius:100px;overflow:hidden;transform:translateY(-50%);}
.sub__banner .swiper-button-prev {left:-14px;}
.sub__banner .swiper-button-next {right:-14px;}
.sub__banner .swiper-button-next:after,
.sub__banner .swiper-button-prev:after {font-size:14px;}
.sub__banner .swiper-button-disabled {opacity:0;}


@media screen and (max-width: 1440px) {
}


/* 모바일 사이즈 (가로 768px 이하) */
@media screen and (max-width: 768px) {
    .pc-only {display:none;}
    .m-only {display:block;}

    .ly2 .inner {width:100% !important;}

    .header {padding:0;height:56px;position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:100;border-bottom:2px solid #0e1596;}
    .header .inner {align-items:center;height:100%;}
  /*  .header .header__banner {display:none;} */
    .header .header__util {display:none;}
    .header .header__logo-area .header__logo img {height:24px;}
    .header .header__logo-area .header__since {font-size:12px;}
    .header .drawer-toggle {display:block;}
    
    .ly2 .footer-wrap .foot-link {margin-top:20px;}
    .ly2 .footer-wrap .foot-link a {color:#969696;font-size:14px;}
    .ly2 .footer-wrap .foot-info {font-size:14px;}
    .ly2 .footer-wrap .foot-info li img {height:16px;}
    .ly2 .footer-wrap .copyright {font-size:14px;margin-top:28px;}

    #container {margin-top:56px;}
    .ly2 .container__wrap {width:100% !important;padding:0;display:block;}
    .container__aside {width:100%;padding:0 16px;margin-top:40px;}
    .ly2 .container__content {padding:16px;}
    .aside__section a > img {width:100%;}

    .banner__section {width:100%;padding:20px 16px 0;}
    .main__banner img {width:100%;}
    .sub__banner .swiper-button-prev {left:-10px;}
    .sub__banner .swiper-button-next {right:-10px;}

    .ly2 .gnb {display:none;}

    .ly2 .footer {padding:20px 0;}
    .ly2 .footer-wrap {margin-top:30px;}
    .ly2 .footer .footer__logo {height:22px;margin-bottom:14px;}
    .ly2 .footer .footer__link {font-size:12px;margin-right:10px;}
    .ly2 .footer .footer__info {margin-bottom:14px;}
    .ly2 .footer .footer__info .info__text {display:block;font-size:12px;}
    .ly2 .footer .footer__copyright {font-size:12px;}

}



/* 상세 공통 */
.ly2 #container section + section {margin-top:60px;}
.top-banner {border-radius:15px;overflow: hidden;background-color: #fafafa;height:165px;}
.top-banner img {width:100%;height:100%;object-fit:cover;}

/* 메인 */
.pg-main .banner {display:flex;gap:20px;}
.pg-main .main-banner {width:75%;overflow:hidden;height:366px;border-radius:8px;background-color:#ddd;position:relative;}
.pg-main .main-banner img {width:100%;height:100%;object-fit:cover;}
.pg-main .main-banner .swiper-horizontal>.swiper-pagination-bullets, 
.pg-main .main-banner .swiper-pagination-bullets.swiper-pagination-horizontal {width:auto;left:50%;transform:translateX(-50%);bottom:20px;background: rgba(36, 36, 36, 0.40);border-radius:100px;padding:12px 16px;display:flex;gap:7px;z-index:1;}
.pg-main .main-banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.pg-main .main-banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;background: #fff;opacity:1;border-radius:10px;width:5px;height:5px;transition:width .3s ease;}
.pg-main .main-banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active, 
.pg-main .main-banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active  {width:44px;height:5px;background-color: #4296FF;}
.pg-main .sub-banner {width:25%;overflow:hidden;height:366px;}
.pg-main .sub-banner img {display:block;object-fit:cover;height:100%;width:100%;border-radius:8px;background-color:#ddd;}
.section-head {margin-bottom:20px;position:relative;}
.section-title {font-size:26px;font-weight:600;}
.section-desc {margin-top:6px;color:#969696;line-height:1.55;}
.section-head .btn-more {display:inline-flex;position:absolute;right:0;bottom:0;color:#969696;align-items:center;gap:4px;}
.section-head .btn-more:after {content:'';display:inline-block;width:11px;height:11px;background:url(../images/main/btn_more.svg) no-repeat center/contain;}
.pg-main .con1 .con1-gallery {display:flex;gap:20px;}
.pg-main .con1 .con1-gallery li {border-radius:8px;overflow:hidden;height:185px;}
.pg-main .con1 .con1-gallery img {width:100%;height:100%;object-fit:cover;}
.pg-main .con2 .con2-lr {display:flex;gap:20px;align-items:center;}
.pg-main .con2 .con2-lr p {width:40%;;line-height:1.67;word-break:keep-all;}
.pg-main .con2 .con2-lr .con2-slide {width:60%;height:255px;border-radius:8px;overflow:hidden;background-color:#ddd;position:relative;}
.pg-main .con2 .con2-lr .con2-slide img {width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.pg-main .con2 .con2-lr .con2-slide .swiper-slide {overflow:hidden;}
.pg-main .con2 .con2-lr .con2-slide:hover img {transform:scale(1.05);}
.pg-main .con2 .con2-lr .con2-slide-next,
.pg-main .con2 .con2-lr .con2-slide-prev {width:24px;height:24px;font-size:0;white-space:nowrap;overflow:hidden;background:transparent url(../images/main/con2_slide_next.svg) no-repeat center/contain;position:absolute;top:50%;transform:translateY(-50%);}
.pg-main .con2 .con2-lr .con2-slide-next {right:20px;z-index:1;}
.pg-main .con2 .con2-lr .con2-slide-prev {left:20px;z-index:1;transform:translateY(-50%) rotate(-180deg);}
.pg-main .con2 .con2-lr .swiper-horizontal>.swiper-pagination-bullets, 
.pg-main .con2 .con2-lr .swiper-pagination-bullets.swiper-pagination-horizontal {width:auto;left:50%;transform:translateX(-50%);bottom:15px;border-radius:100px;display:flex;gap:7px;z-index:1;}
.pg-main .con2 .con2-lr .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.pg-main .con2 .con2-lr .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;background: #fff;opacity:1;border-radius:10px;width:5px;height:5px;transition:width .3s ease;}
.pg-main .con2 .con2-lr .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active, 
.pg-main .con2 .con2-lr .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active  {width:44px;height:5px;background-color: #4296FF;}
.pg-main .con2 .con2-list {display:flex;gap:20px;}
.pg-main .con2 .con2-item {width:calc(100%/3);background-color:#F9FAFB;border-radius:8px;overflow:hidden;transition:transform .35s ease;}
.pg-main .con2 .con2-item:hover {transform:translateY(-10px);}
.pg-main .con2 .con2-cts {padding:24px 20px;}
.pg-main .con2 .con2-cts > strong {font-weight:600;display:block;padding-bottom:8px;}
.pg-main .con2 .con2-cts > p {font-size:14px;color:#969696;line-height:1.5;font-weight:300;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.pg-main .card-list {position:relative;}
.pg-main .card-slide .swiper-slide {width:auto;}
.pg-main .card-slide .card-item {width:262px;display:block;}
.pg-main .card-slide .card-item .thumb {height:160px;border-radius:8px;width:100%;overflow:hidden;margin-bottom:10px;position:relative;}
.pg-main .card-slide .card-item .thumb img {width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.pg-main .card-slide .card-item .thumb:hover img {transform: scale(1.05);}
.pg-main .card-slide .card-item .sub {font-size:14px;color:#6D6D6D;display:block;margin-bottom:10px;}
.pg-main .card-slide .card-item .title {display:block;width:100%;font-weight:600;margin-bottom:10px;}
.pg-main .card-slide .card-item .title:hover {text-decoration:underline;}
.pg-main .card-slide .card-item .desc {display:flex;justify-content:space-between;align-items:center;}
.pg-main .card-slide .card-item .price {color:#4296FF;font-weight:600;}
.pg-main .card-slide .card-item .view {color:#969696;font-size:14px;}
.pg-main .card-slide .card-item .d-day {position:absolute;z-index:1;font-size:14px;color:#fff;line-height:1;padding:6px 14px;border:1px solid #fff;border-radius:100px;display:inline-block;right:10px;top:10px;font-weight:400;background: rgba(0, 0, 0, 0.15);backdrop-filter: blur(4.099999904632568px);}
.pg-main .card-slide-next,
.pg-main .card-slide-prev {width:30px;height:30px;font-size:0;white-space:nowrap;overflow:hidden;border-radius:100px;background:#fff url(../images/main/card_list_next.svg) no-repeat center;background-size:45% auto;position:absolute;top:50%;transform:translateY(-50%);box-shadow: 1px 1px 5.9px 0px rgba(0, 0, 0, 0.25);}
.pg-main .card-slide-next {right:-15px;z-index:1;}
.pg-main .card-slide-prev {left:-15px;z-index:1;transform:translateY(-50%) rotate(-180deg);}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 768px) {
    .pg-main .banner {flex-direction:column;}
   /* .pg-main .main-banner {width:100%;height:240px;}
    .pg-main .sub-banner {width:100%;height:240px;}*/

    .pg-main .con1 .con1-gallery {flex-direction:column;}

    .pg-main .con2 .con2-lr {flex-direction:column;}
    .pg-main .con2 .con2-lr p {width:100%;}
    .pg-main .con2 .con2-lr .con2-slide {width:100%;}
    
    .pg-main .con2 .con2-list {flex-direction:column;}
    .pg-main .con2 .con2-item {width:100%;}
    .pg-main .con2 .con2-cts > strong {margin-bottom:8px;}
}


/* 리스트 */
.card-search {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #D1D1D1;}
.card-search .result {font-size:26px;font-weight:400;display:block;margin-bottom:17px;}
.card-search .filter {display:flex;gap:10px;flex-wrap:wrap;}
.card-search .filter .btn-outline {font-size:14px;font-weight:500;height:40px;padding:0 16px;border-radius: 5px;border: 1px solid #D1D1D1;background: #FFF;transition:all .3s ease;}
.card-search .filter .btn-outline:hover {border-color:#888;}
.card-search .filter select {font-size:14px;height:40px;padding:0 40px 0 16px;border-radius: 5px;border: 1px solid #D1D1D1;background: #FFF url(../images/list/select_arrow.svg) no-repeat;background-position: right 14px center;background-size:12px auto;outline:none;transition:all .3s ease;}
.card-search .filter select:hover {border-color:#888;}

.pg-list .card-list {display:grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap:20px;}
.pg-list .card-item {overflow:hidden;}
.pg-list .card-item .thumb {height:160px;width:100%;overflow:hidden;position:relative;border-radius:8px 8px 0 0;}
.pg-list .card-item .thumb img {width:100%;height:100%;object-fit:cover;}
.pg-list .card-item .detail {border:1px solid #D1D1D1;border-width:0 1px 1px 1px;padding:16px;border-radius:0 0 8px 8px;}
.pg-list .card-item .sub {font-size:14px;color:#6D6D6D;display:block;margin-bottom:10px;}
.pg-list .card-item .title {display:block;width:100%;font-weight:600;margin-bottom:10px;}
.pg-list .card-item .desc {display:flex;justify-content:space-between;align-items:center;}
.pg-list .card-item .price {color:#4296FF;font-weight:600;}
.pg-list .card-item .view {color:#969696;font-size:14px;}
.pg-list .card-item .d-day {position:absolute;z-index:1;font-size:14px;color:#fff;line-height:1;padding:6px 14px;border:1px solid #fff;border-radius:100px;display:inline-block;right:10px;top:10px;font-weight:400;background: rgba(0, 0, 0, 0.15);backdrop-filter: blur(4.099999904632568px);}



/* 기사 */
.pg-article .article-container {display:flex;gap:20px;margin-top:60px;width:100%;align-items:start;}
.pg-article .article-container .article-left {flex:auto;width:calc(100% - 20px - 280px);}
.pg-article .article-container .article-right {width:280px;position:sticky;top:80px;}
.pg-article .article-head {padding-top:20px;margin-bottom:40px;}
.pg-article .article-sub {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;}
.pg-article .article-sub .date {color:#969696;}
.pg-article .article-title {display:block;font-size:26px;}
.pg-article .article-body {padding-bottom:60px;border-bottom:1px solid #D1D1D1;}
.pg-article .article-body p {margin:40px 0;line-height:1.6;color: #000;}
.pg-article .article-body p:last-child {margin-bottom:0;}
.pg-article .event-list .swiper-slide {width:auto;}
.pg-article .event-item {width:280px;height:280px;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;}
.pg-article .event-item .btn-share {position:absolute;width:24px;height:24px;right:20px;top:20px;z-index:1;font-size:0;overflow:hidden;background:transparent url(../images/article/btn_share.svg) no-repeat center/contain;}
.pg-article .event-item .bg {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.pg-article .event-item .cts {position:relative;z-index:1;text-align:center;}
.pg-article .event-item .title {font-size:26px;font-weight:600;}
.pg-article .event-item .sub {margin-top:2px;font-weight:300;}
.pg-article .event-item .d-day {margin-top: 16px;border-radius: 50px;border: 1px solid #D1D1D1;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(4.099999904632568px);padding:10px 30px;display:inline-block;}

.pg-article .floating-banner {}
.pg-article .fb-title {border-radius: 8px 8px 0px 0px;text-align:center;border:1px solid #D1D1D1;border-width:1px 1px 0 1px;padding:20px;font-weight:600;}
.pg-article .fb-container {display:flex;flex-direction:column;gap:10px;}
.pg-article .fb-item:first-child {border-radius:0 0 8px 8px;}
.pg-article .fb-item {width:100%;height:260px;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;}
.pg-article .fb-item .btn-share {position:absolute;width:24px;height:24px;right:20px;top:20px;z-index:1;font-size:0;overflow:hidden;background:transparent url(../images/article/btn_share.svg) no-repeat center/contain;}
.pg-article .fb-item .bg {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.pg-article .fb-item .cts {position:relative;z-index:1;text-align:center;}
.pg-article .fb-item .title {font-size:26px;font-weight:600;}
.pg-article .fb-item .sub {margin-top:2px;font-weight:300;}
.pg-article .fb-item .d-day {margin-top: 16px;border-radius: 50px;border: 1px solid #D1D1D1;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(4.099999904632568px);padding:10px 30px;display:inline-block;}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 768px) {
    .pg-article .article-container .article-left {width:100%;}
    .pg-article .article-container .article-right {display:none;}
}


/* 세미나 */
.pg-seminar .seminar {display:flex;gap:20px;margin-top:40px;width:100%;align-items:start;position:relative;}
.pg-seminar .seminar .seminar-left {flex:auto;width:calc(100% - 20px - 346px);}
.pg-seminar .seminar .seminar-right {width:346px;position:sticky;top:80px;}
.pg-seminar .seminar .sm-cover {border-radius:15px;overflow:hidden;background-color:#d1d1d1;margin-bottom:20px;}
.pg-seminar .seminar .sm-cover img {object-fit:contain;object-position: center;width:100%;}
.pg-seminar .seminar .sm-basic {padding-bottom:14px;border-bottom:1px solid #d1d1d1;}
.pg-seminar .seminar .sm-basic .info {display:flex;justify-content:space-between;align-items: center;margin-bottom:10px;flex-wrap:wrap;gap:5px;}
.pg-seminar .seminar .sm-basic .title {font-size:20px;font-weight:600;}
.pg-seminar .seminar .sm-basic .title .price {font-weight:inherit;font-size:inherit;color:#4296FF;margin-right:10px;}
.pg-seminar .seminar .sm-basic .view {color:#969696;font-size:14px;}
.pg-seminar .seminar .sm-basic .date {color:#6D6D6D;font-size:14px;}
.pg-seminar .seminar .sm-basic .btns {display:flex;margin-top:20px;justify-content:end;gap:10px;}
.pg-seminar .seminar .sm-basic .btns .btn-outline {width:170px;text-align:center;height:45px;border:1px solid #D1D1D1;border-radius:5px;display:inline-block;font-weight:500;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease;}
.pg-seminar .seminar .sm-basic .btns .btn-outline:hover {border-color:#888;}
.pg-seminar .seminar .sm-basic .btns .btn-blue {width:170px;text-align:center;height:45px;border-radius:5px;display:inline-block;background-color:#4296FF;color:#fff;font-weight:500;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease;}
.pg-seminar .seminar .sm-basic .btns .btn-blue:hover {opacity:.8;}
.pg-seminar .seminar .sm-anchors {display:flex;padding-top:40px;margin-bottom:60px;border-bottom:1px solid #d1d1d1;background-color:#fff;;}
.pg-seminar .seminar .sm-anchors .anchor-btn {padding:16px 20px;display:block;font-size:16px;color:#969696;transition:all .3s ease;border-bottom:2px solid transparent;}
.pg-seminar .seminar .sm-anchors .anchor-btn.active {color:#4296FF;font-weight:600;border-color: #4296FF;}
.pg-seminar .seminar .sm-con {margin-bottom:60px;}
.pg-seminar .seminar .sm-con:last-child {margin-bottom:0;}
.pg-seminar .seminar .sm-con h3 {font-size:26px;font-weight:600;margin-bottom:20px;}
.pg-seminar .seminar .summary {border-radius: 8px;background: #F9FAFB;padding:20px;display:flex;width:100%;gap:20px;flex-wrap:wrap;}
.pg-seminar .seminar .summary-row {width:100%;display:flex;gap:20px;}
.pg-seminar .seminar .summary dl {display:flex;gap:20px;align-items:start;width:42%;}
.pg-seminar .seminar .summary dl:first-child:last-child {width:100%;;}
.pg-seminar .seminar .summary dl:nth-child(odd) {width:58%;}
.pg-seminar .seminar .summary dt {background-color:#4296FF;color:#fff;border-radius:100px;padding:9px 0;font-size:14px;width:80px;text-align:center;flex:none;}
.pg-seminar .seminar .summary dd {padding-top: 7px;font-size:14px;line-height:1.6;}
.pg-seminar .seminar .summary-noti {display:block;width:100%;border-radius: 5px;border: 1px solid #D1D1D1;background: #FFF;font-size:14px;padding:15px 0;text-align:center;margin-top:20px;}
.pg-seminar .seminar .speakers {display:flex;flex-wrap:wrap;gap:20px;cursor:pointer;}
.pg-seminar .seminar .speaker {width:200px;border-radius: 8px;overflow:hidden;border:1px solid #D1D1D1;border:1px solid #d1d1d1;transition:all .3s ease;}
.pg-seminar .seminar .speaker:hover {transform:translateY(-10px);}
.pg-seminar .seminar .speaker .thumb {height:146px;}
.pg-seminar .seminar .speaker .thumb img {height:100%;width:100%;object-fit:cover;}
.pg-seminar .seminar .speaker .name {display:block;text-align:center;font-weight:600;padding-top:12px;}
.pg-seminar .seminar .speaker .name-eng {display:block;text-align:center;padding-bottom:12px;margin-top:4px;color:#969696;font-size:12px;}
.pg-seminar .seminar .plan-table {border-radius: 8px;border: 1px solid #D1D1D1;background: #FFF;overflow:hidden;}
.pg-seminar .seminar .plan-table table {border-collapse: collapse;width:calc(100% + 2px);font-size:14px;margin:-1px;text-align:center;}
.pg-seminar .seminar .plan-table .ta-left {text-align:left;}
.pg-seminar .seminar .plan-table thead th {background-color: #4296FF;color:#fff;font-weight:600;padding:14px 20px;border:1px solid #D1D1D1;}
.pg-seminar .seminar .plan-table tbody td {padding:14px 20px;border:1px solid #D1D1D1;}
.pg-seminar .seminar .prize-list {display:flex;gap:70px;flex-wrap:wrap;}
.pg-seminar .seminar .prize-item {text-align:center;}
.pg-seminar .seminar .prize-item .thumb {height:177px;display:flex;align-items:center;justify-content:center;width:100%;}
.pg-seminar .seminar .prize-item .thumb img {object-fit:contain;max-width:90%;max-height:84%;}
.pg-seminar .seminar .prize-item .name {font-weight:600;}
.pg-seminar .seminar .prize-noti {margin-top:40px;color:#969696;font-size:14px;line-height:1.5;}
.pg-seminar .seminar .prize-noti li {margin-bottom:3px;}
.pg-seminar .seminar .prize-noti li:last-child {margin-bottom:0;}
.pg-seminar .seminar .map {height:218px;border-radius:8px;overflow:hidden;}
.pg-seminar .seminar .map img {width:100%;height:100%;object-fit:cover;}
.pg-seminar .seminar .sm-apply {border-radius: 15px;border: 1px solid #FFF;box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.10);overflow:hidden;}
.pg-seminar .seminar .sm-apply .thumb img {width:100%;}
.pg-seminar .seminar .sm-apply .cts {padding:20px;}
.pg-seminar .seminar .sm-apply .title {font-size:20px;font-weight:600;word-break:keep-all;display:block;margin-bottom:7px;}
.pg-seminar .seminar .sm-apply .sub {margin-bottom:20px;}
.pg-seminar .seminar .sm-apply .sub span {display:inline-flex;gap:4px;align-items:center;color:#969696;font-size:14px;margin-right:10px;}
.pg-seminar .seminar .sm-apply .tags {color: rgba(66, 150, 255, 0.40);display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:20px;}
.pg-seminar .seminar .sm-apply .form {margin-bottom:20px;}
.pg-seminar .seminar .sm-apply select {margin-bottom:10px;font-size:14px;width:100%;height:40px;padding:0 40px 0 16px;border-radius: 5px;border: 1px solid #D1D1D1;background: #FFF url(../images/list/select_arrow.svg) no-repeat;background-position: right 14px center;background-size:12px auto;outline:none;transition:all .3s ease;}
.pg-seminar .seminar .sm-apply select:hover {border-color:#888;}
.pg-seminar .seminar .sm-apply select:last-child {margin-bottom:0;}
.pg-seminar .seminar .sm-apply .end {border-radius: 5px;background: #F2F4F5;padding:14px;text-align:center;font-size:14px;color:#969696;margin-bottom:10px;}
.pg-seminar .seminar .sm-apply .btns {display:flex;gap:10px;}
.pg-seminar .seminar .sm-apply .btns .btn {width:50%;height:45px;display:inline-flex;align-items: center;justify-content:center;gap:7px;border-radius: 5px;background: rgba(66, 150, 255, 0.40);color:#4296FF;transition:all .3s ease;}
.pg-seminar .seminar .sm-apply .btns .btn:hover {opacity:.7;}
.dim {position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);z-index:100;display:flex;align-items:center;justify-content:center;display:none;}
.dim.active {display:flex;}
.speaker-popup {width:700px;height:680px;background-color:#fff;padding:24px;border-radius:20px;overflow: auto;position:relative;}
.speaker-popup .profile {display:flex;align-items:center;gap:20px;}
.speaker-popup .profile .profile-thumb {width:160px;height:160px;flex:none;border-radius:10px;overflow:hidden;}
.speaker-popup .profile .profile-thumb img {width:100%;height:100%;object-fit:cover;}
.speaker-popup .profile .name {display:block;font-size:18px;font-weight:700;margin-bottom:5px;color:#000;}
.speaker-popup .profile .name-en {font-size:14px;color:#6D6D6D;margin-bottom:5px;display:block;}
.speaker-popup .profile .sub {font-size:14px;display:block;margin-bottom:20px;font-weight:500;}
.speaker-popup .profile .key {color:#4296FF;display:block;font-weight:600;margin-bottom:5px;font-style:italic;}
.speaker-popup .profile .key-en {line-height:1.2;color:#6D6D6D;font-size:14px;}
.speaker-popup .sec {margin-top:36px;}
.speaker-popup .sec .title {display:block;margin-bottom:12px;font-size:18px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #D1D1D1;color:#000;}
.speaker-popup .sec .biography li {margin-bottom:6px;font-size:14px;line-height:1.4;padding-left:16px;text-indent:-16px;}
.speaker-popup .sec .biography li:before {content:'•';font-weight:700;margin-right:8px;color: #888888;}
.speaker-popup .sec .biography li:last-child {margin-bottom:0;}
.speaker-popup .sec p {font-size:14px;line-height:1.55;}
.speaker-popup .btns {margin-top:20px;text-align:center;}
.speaker-popup .btns .btn-blue {width:30%;text-align:center;height:45px;border-radius:5px;display:inline-block;background-color:#4296FF;color:#fff;font-weight:500;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease;}
.speaker-popup .btns .btn-blue:hover {opacity:.8;}

/* 태블릿 사이즈 (가로 768px 이상 1024px 이하) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .pg-seminar .seminar .seminar-left {width:calc(100% - 320px - 20px);}
    .pg-seminar .seminar .seminar-right {width:320px;}
    .pg-seminar .seminar .summary-row {flex-direction:column;}
    .pg-seminar .seminar .summary dl {width:100% !important;}
    .pg-seminar .seminar .prize-list {gap:30px;}
}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 768px) {
    .pg-seminar .seminar {flex-direction:column;gap:40px;}
    .pg-seminar .seminar .seminar-left {width:100%;}
    .pg-seminar .seminar .seminar-right {width:100%;position: unset;}
    .pg-seminar .seminar .sm-basic {padding-bottom:40px;border-bottom:0;}
    .pg-seminar .seminar .summary-row {flex-direction:column;}
    .pg-seminar .seminar .summary dl {width:100% !important;gap:12px;}
    .pg-seminar .seminar .summary-noti {margin-top:0;}
    .pg-seminar .seminar .sm-anchors {top:150px;padding-top:0;margin:0 -20px 40px;overflow: auto;width:calc(100% + 40px);align-items:center;justify-content:center;border-top:1px solid #d1d1d1;}
    .pg-seminar .seminar .sm-anchors .anchor-btn {padding:12px 10px;font-size:14px;}
    .pg-seminar .seminar .prize-list {gap:18px;}
    .pg-seminar .seminar .prize-item .thumb {height:88px;}
    .pg-seminar .seminar .prize-item .name {font-size:14px;}
    .pg-seminar .seminar .prize-noti {margin-top:28px;}
    .pg-seminar .seminar .plan-table {overflow-x:auto;}
    .pg-seminar .seminar .plan-table tbody td {padding:10px 10px;white-space:nowrap;}
    .pg-seminar .seminar .speaker {width:calc((100% - 20px)/2);}
    .pg-seminar .seminar .speaker .thumb {height:100px;}
    
    .speaker-popup {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:90%;height:90%;}
    .speaker-popup .profile {flex-direction:column;}
    .speaker-popup .profile .profile-thumb {width: 100%;}
}


/* 행사 신청 */
.pg-apply .inner {width:710px;}
.pg-apply h2 {margin:40px 0 60px;text-align:center;font-size:36px;font-weight:600;}
.pg-apply .apply-seminar .thumb {margin-bottom:40px;border-radius:10px;overflow: hidden;}
.pg-apply .apply-seminar .title {font-size:20px;font-weight:600;margin-bottom:20px;line-height:1.4;}
.pg-apply .apply-seminar .title .price {font-size:inherit;color:#4296FF;margin-right:10px;}
.pg-apply .apply-seminar .desc {border-radius: 8px;background: #F9FAFB;padding:20px 30px;}
.pg-apply .apply-seminar .desc dl {display:flex;gap:30px;margin-bottom:15px;}
.pg-apply .apply-seminar .desc dl:last-child {margin-bottom:0;}
.pg-apply .input-box {margin-bottom:40px;}
.pg-apply .input-box > label {display:block;padding-bottom:16px;color:#333D4B;font-weight:600;}
.pg-apply .input-box .input {border-radius: 8px;background: #F9FAFB;height:48px;padding:0 20px;font-size:14px;border:0;width:100%;outline:none;transition:all .3s ease;}
.pg-apply .input-box .input-wrap {position:relative;}
.pg-apply .input-box.i-name .input {padding-left:60px;}
.pg-apply .input-box.i-name .input-wrap:before {content:'';display:block;width:26px;height:26px;position:absolute;left:20px;top:50%;transform:translateY(-50%);background: url(../images/apply/i_name.svg) no-repeat center/contain;background-size:18px auto;}
.pg-apply .input-box.i-phone .input {padding-left:60px;}
.pg-apply .input-box.i-phone .input-wrap:before {content:'';display:block;width:26px;height:26px;position:absolute;left:20px;top:50%;transform:translateY(-50%);background: url(../images/apply/i_phone.svg) no-repeat center/contain;background-size:18px auto;}
.pg-apply .input-box.i-mail .input {padding-left:60px;}
.pg-apply .input-box.i-mail .input-wrap:before {content:'';display:block;width:26px;height:26px;position:absolute;left:20px;top:50%;transform:translateY(-50%);background: url(../images/apply/i_mail.svg) no-repeat center/contain;background-size:16px auto;}
.pg-apply .input-box.i-card .input {padding-left:60px;}
.pg-apply .input-box.i-card .input-wrap:before {content:'';display:block;width:26px;height:26px;position:absolute;left:20px;top:50%;transform:translateY(-50%);background: url(../images/apply/i_card.svg) no-repeat center/contain;background-size:24px auto;}
.pg-apply .input-box.i-pw .input {padding-left:60px;}
.pg-apply .input-box.i-pw .input-wrap:before {content:'';display:block;width:26px;height:26px;position:absolute;left:20px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_pw.svg) no-repeat center/contain;background-size:72% auto;}
.pg-apply .input-box select {font-size:14px;width:auto;height:40px;padding:0 40px 0 16px;border-radius: 5px;border: 1px solid #D1D1D1;background: #FFF url(../images/list/select_arrow.svg) no-repeat;background-position: right 14px center;background-size:12px auto;outline:none;}
.pg-apply .input-box .input:focus {background-color:#f4f4f4;}
.pg-apply .address {display:flex;gap:10px;}
.pg-apply .address button {flex:none;border-radius: 8px;background: #242424;color:#fff;font-weight:600;font-size:14px;width:120px;}
.pg-apply .survey {border-bottom: 1px solid #D1D1D1;padding-bottom:20px;}
.pg-apply .survey-question {display:block;margin-bottom:10px;font-size:13px;}
.pg-apply .survey textarea {width:100%;resize:none;border-radius: 8px;border: 1px solid #D1D1D1;background: #FFF;outline:none;transition:all .3s ease;font-size:14px;padding:16px;margin-bottom:20px;}
.pg-apply .survey textarea:focus {border-color:#777;}
.pg-apply .check-wrap {display:grid;grid-template-columns:repeat(1, 1fr);gap:10px;margin-bottom:20px;}
.pg-apply .survey-check {position:relative;display:inline-flex;text-align:left;vertical-align:middle;}
.pg-apply .survey-check input {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.pg-apply .survey-check label {display:inline-flex;word-break:break-word;align-items:center;gap:8px;font-weight:500;font-size:14px;}
.pg-apply .survey-check label i {display:block;position:relative;width:18px;height:18px;border-radius:4px;box-sizing:border-box;flex:none;background:url(../images/apply/agree_check.svg) no-repeat center/77%;border:1px solid #EBEBEB;background-color:#c5c5c5;transition:background .3s ease;background-position:66% 50%;}
.pg-apply .survey-check input:checked + label i {background-color:#4296FF;}
.pg-apply .survey-radio {position:relative;display:inline-flex;text-align:left;vertical-align:middle;}
.pg-apply .survey-radio input {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.pg-apply .survey-radio label {display:inline-flex;word-break:break-word;align-items:center;gap:8px;font-weight:500;font-size:14px;}
.pg-apply .survey-radio label i {display:block;position:relative;width:18px;height:18px;border-radius:100px;box-sizing:border-box;flex:none;border:1px solid #bbb;background-color:transparent;transition:background .3s ease;}
.pg-apply .survey-radio input + label i:before {content:'';display:block;width:10px;height:10px;border-radius:100px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:transparent;transition:all .3s ease;}
.pg-apply .survey-radio input:checked + label i:before {background-color: #4296FF;}
.pg-apply h3 {font-size:20px;font-weight:600;margin:60px 0 40px;text-align:center;}
.pg-apply .agree pre {word-break:keep-all;white-space: pre-line;line-height:1.5;color:#989898;font-size:14px;}
.pg-apply .agree .agree-detail {height:165px;overflow: auto;margin-top:16px;border-radius: 8px;background: #F9FAFB;padding:20px;}
.pg-apply .agree .btn-agree-detail {position:absolute;right:0;top:0;width:15px;height:15px;background:url(../images/apply/btn_agree_detail.svg) no-repeat center/contain;font-size:0;overflow:hidden;transition:all .3s ease;}
.pg-apply .agree .btn-agree-detail.active {transform:rotate(180deg);}
.pg-apply .agree .agree-item {margin-bottom:14px;position:relative;}
.pg-apply .agree .agree-check {position:relative;display:inline-flex;text-align:left;vertical-align:middle;}
.pg-apply .agree .agree-check input {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.pg-apply .agree .agree-check label {display:inline-flex;word-break:break-word;align-items:center;gap:8px;font-weight:600;font-size:14px;}
.pg-apply .agree .agree-check label i {display:block;position:relative;width:18px;height:18px;border-radius:4px;box-sizing:border-box;flex:none;background:url(../images/apply/agree_check.svg) no-repeat center/77%;border:1px solid #EBEBEB;background-color:#c5c5c5;transition:background .3s ease;background-position:66% 50%;}
.pg-apply .agree .agree-check input:checked + label i {background-color:#242424;}
.pg-apply .btn-apply {margin-top:50px;width:100%;border-radius: 4px;background: #4296FF;font-size:16px;color:#fff;font-weight:500;padding:14px 0;text-align:center;}

.pg-apply .apply-fin {margin-top:40px;}
.pg-apply .apply-fin .title {font-size:20px;font-weight:600;margin-bottom:20px;line-height:1.4;display:block;}
.pg-apply .apply-fin .title .price {font-size:inherit;color:#4296FF;margin-right:10px;}
.pg-apply .apply-fin .desc {border-radius: 8px;background: #F9FAFB;padding:20px 30px;}
.pg-apply .apply-fin .desc .qrcode {margin-bottom:16px;}
.pg-apply .apply-fin .desc dl {display:flex;gap:30px;margin-bottom:15px;}
.pg-apply .apply-fin .desc dl:last-child {margin-bottom:0;}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 768px) {
    .pg-apply .inner {padding:0;}
    .pg-apply h2 {margin:0 0 20px;font-size:26px;}
    .pg-apply .apply-seminar .thumb {margin-bottom:16px;}
    .pg-apply .apply-seminar .title {font-size:18px;word-break:keep-all;margin-bottom:14px;}
    .pg-apply .apply-seminar .desc {font-size:14px;padding:20px;}
    .pg-apply .apply-seminar .desc dl {margin-bottom:12px;}
    .pg-apply .apply-fin .title {font-size:18px;word-break:keep-all;margin-bottom:14px;}
    .pg-apply .apply-fin .desc {font-size:14px;padding:20px;}
    .pg-apply .apply-fin .desc dl {margin-bottom:12px;}
    .pg-apply .address button {width: 84px;}
    .pg-apply .agree pre {font-size:13px;}
    .pg-apply .check-wrap {grid-template-columns:repeat(1, 1fr);}
}


/* 로그인 */
#wrap.auth {background:url(../images/auth/bg.png) no-repeat center/cover;display:flex;align-items:center;justify-content:center;position:relative;min-height:100vh;}
#wrap.auth .logo {position: absolute;left:40px;top:40px;} 
#wrap.auth .logo img {height:44px;}
#wrap.auth h1 {color:#fff;font-size:26px;font-weight:600;text-align:center;margin-bottom:40px;line-height:1.5;}
#wrap.auth .auth-inner {width:460px;max-width:100%;padding:0 20px;}
#wrap.auth .intro hr {margin:20px 0;height:1px;border: 0;width:100%;background-color: #fff;}
#wrap.auth .intro {text-align:center;}
#wrap.auth .intro .login-kakao {border-radius: 4px;background: #FEE404;display:inline-flex;align-items:center;justify-content:center;text-align:center;height:45px;width:100%;color:#3C1E1E;font-size:14px;font-weight:600;}
#wrap.auth .intro .login-kakao:before {content:'';display:block;width:20px;height:20px;background:url(../images/auth/kakao.png) no-repeat center/contain;margin-right:10px;}
#wrap.auth .intro .login-default {border-radius: 4px;background: #FFF;display:inline-flex;align-items:center;justify-content:center;text-align:center;height:45px;width:100%;font-size:14px;font-weight:600;}
#wrap.auth .auth-etc {margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;}
#wrap.auth .auth-etc .etc {color:#fff;font-size: 14px;font-weight:500;}
#wrap.auth .auth-etc .etc:after {content:'';width:2px;height:12px;display:inline-block;background-color:#fff;margin-left:10px;vertical-align:-2px;}
#wrap.auth .auth-etc .etc:last-child:after {content:none;}
#wrap.auth .login-input {margin-bottom:20px;}
#wrap.auth .login-input > label {display:block;padding-bottom:10px;color:#fff;font-weight:600;font-size:14px;}
#wrap.auth .btn-login {width:100%;text-align:center;color:#fff;font-weight:600;border-radius: 4px;background: #4296FF;display:block;padding:14px;margin-top:30px;transition:all .3s ease;}
#wrap.auth .btn-login:hover {background-color:#68acff;}
#wrap.auth .login-input .input {border-radius: 4px;background: #F9FAFB;height:48px;padding:0 16px;font-size:14px;border:0;width:100%;outline:none;transition:all .3s ease;}
#wrap.auth .login-input .input-wrap {position:relative;}
#wrap.auth .login-input.i-id .input {padding-left:48px;}
#wrap.auth .login-input.i-id .input-wrap:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/apply/i_name.svg) no-repeat center/contain;background-size:80% auto;}
#wrap.auth .login-input.i-pw .input {padding-left:48px;}
#wrap.auth .login-input.i-pw .input-wrap:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_pw.svg) no-repeat center/contain;background-size:80% auto;}
#wrap.auth .login-input.i-call .input {padding-left:48px;}
#wrap.auth .login-input.i-call .input-wrap:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_call.svg) no-repeat center/contain;background-size:86% auto;}
#wrap.auth .input-wrap.company .input {padding-left:48px;}
#wrap.auth .input-wrap.company:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_affi1.svg) no-repeat center/contain;background-size:86% auto;}
#wrap.auth .input-wrap.depart .input {padding-left:48px;}
#wrap.auth .input-wrap.depart:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_affi2.svg) no-repeat center/contain;background-size:86% auto;}
#wrap.auth .input-wrap.position .input {padding-left:48px;}
#wrap.auth .input-wrap.position:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_affi3.svg) no-repeat center/contain;background-size:86% auto;}
#wrap.auth .login-input .input:focus {background-color:#f4f4f4;}
#wrap.auth .register {position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:10;pointer-events:none;transition:opacity .5s ease;opacity:0;}
#wrap.auth .register.active {opacity:1;pointer-events:initial;}
#wrap.auth .register-top {margin-bottom:10px;}
#wrap.auth .register .btn-close {margin-left:auto;display:block;width:24px;height:24px;font-size:0;overflow:hidden;background:url(../images/auth/btn_close.svg) no-repeat center/contain;}
#wrap.auth .register-container {background-color:#fff;width:525px;border-radius:15px;overflow:hidden;padding:40px 20px;max-height:80vh;overflow: auto;}
#wrap.auth .register-container > strong {text-align:center;font-weight:700;display:block;margin-bottom:30px;font-size:18px;}
#wrap.auth .register-container .login-input {margin-bottom:20px;}
#wrap.auth .register-container .login-input > label {color:#333D4B;}
#wrap.auth .register-container .login-input .input {height:44px;}
#wrap.auth .affi {display:flex;gap:10px;}
#wrap.auth .affi .input-wrap {width:calc(100%/3);}
#wrap.auth .btn-register {width:100%;text-align:center;color:#fff;font-weight:500;border-radius: 4px;background: #4296FF;display:block;padding:14px;margin-top:30px;transition:all .3s ease;}
#wrap.auth .btn-register:hover {background-color:#68acff;}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 768px) {
    #wrap.auth .logo {top:36px;left:30px;} 
    #wrap.auth .logo img {height:30px;}
    #wrap.auth h1 {font-size:24px;}
    #wrap.auth .auth-inner {padding:0 30px;}
    #wrap.auth .register {width:100%;padding:0 20px;}
    #wrap.auth .register-container {width:100%;padding:40px 20px 24px;}
    #wrap.auth .affi {flex-direction:column;}
    #wrap.auth .affi .input-wrap {width:100%;}
}


/* 마이페이지 */
.pg-mypage h2 {display:block;font-size:20px;font-weight:700;margin-top:40px;margin-bottom:24px;}
.pg-mypage .tabs {display:flex;margin-bottom:40px;border-bottom:1px solid #d1d1d1;}
.pg-mypage .tabs .tab-btn {padding:16px 20px;display:block;font-size:16px;color:#969696;transition:all .3s ease;border-bottom:2px solid transparent;}
.pg-mypage .tabs .tab-btn:hover {color:#000;}
.pg-mypage .tabs .tab-btn.active {color:#4296FF;font-weight:600;border-color: #4296FF;}

.pg-mypage .mypage .login-input {margin-bottom:20px;}
.pg-mypage .mypage .login-input > label {display:block;padding-bottom:10px;color:#fff;font-weight:600;font-size:14px;}
.pg-mypage .mypage .btn-login {width:100%;text-align:center;color:#fff;font-weight:600;border-radius: 4px;background: #4296FF;display:block;padding:14px;margin-top:30px;}
.pg-mypage .mypage .login-input .input {border-radius: 4px;background: #F9FAFB;height:48px;padding:0 16px;font-size:14px;border:0;width:100%;outline:none;transition:all .3s ease;}
.pg-mypage .mypage .login-input .input-wrap {position:relative;}
.pg-mypage .mypage .login-input.i-id .input {padding-left:48px;}
.pg-mypage .mypage .login-input.i-id .input-wrap:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/apply/i_name.svg) no-repeat center/contain;background-size:80% auto;}
.pg-mypage .mypage .login-input.i-pw .input {padding-left:48px;}
.pg-mypage .mypage .login-input.i-pw .input-wrap:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_pw.svg) no-repeat center/contain;background-size:80% auto;}
.pg-mypage .mypage .login-input.i-call .input {padding-left:48px;}
.pg-mypage .mypage .login-input.i-call .input-wrap:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_call.svg) no-repeat center/contain;background-size:86% auto;}
.pg-mypage .mypage .input-wrap.company .input {padding-left:48px;}
.pg-mypage .mypage .input-wrap.company:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_affi1.svg) no-repeat center/contain;background-size:86% auto;}
.pg-mypage .mypage .input-wrap.depart .input {padding-left:48px;}
.pg-mypage .mypage .input-wrap.depart:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_affi2.svg) no-repeat center/contain;background-size:86% auto;}
.pg-mypage .mypage .input-wrap.position .input {padding-left:48px;}
.pg-mypage .mypage .input-wrap.position:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/auth/i_affi3.svg) no-repeat center/contain;background-size:86% auto;}
.pg-mypage .mypage .login-input .input:focus {background-color:#f4f4f4;}
.pg-mypage .mypage .register-container {background-color:#fff;width:525px;}
.pg-mypage .mypage .register-container .login-input {margin-bottom:20px;}
.pg-mypage .mypage .register-container .login-input > label {color:#333D4B;}
.pg-mypage .mypage .register-container .login-input .input {height:44px;}
.pg-mypage .mypage .affi {display:flex;gap:10px;}
.pg-mypage .mypage .affi .input-wrap {width:calc(100%/3);}
.pg-mypage .mypage .btn-register {width:100%;text-align:center;color:#fff;font-weight:500;border-radius: 4px;background: #4296FF;display:block;padding:14px;margin-top:30px;transition:all .3s ease;}
.pg-mypage .mypage .btn-register:hover {opacity:.7;}
/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 768px) {
    .pg-mypage .mypage .register-container {width:100%;}
    .pg-mypage .mypage .affi {flex-direction:column;}
    .pg-mypage .mypage .affi .input-wrap {width:100%;}
}

.pg-mypage .history .history-item {margin-bottom:20px;border-radius: 8px;background: #f9f9f9;box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.10);display:block;padding:20px;display:flex;gap:20px;flex-wrap:wrap;}
.pg-mypage .history .history-item:last-child {margin-bottom:0;}
.pg-mypage .history .history-item .thumb {width:40%;height:216px;border-radius:8px;overflow:hidden;}
.pg-mypage .history .history-item .thumb img {width:100%;height:100%;object-fit:cover;}
.pg-mypage .history .history-item .cts {display:flex;flex-direction:column;justify-content:space-between;gap:14px;width:calc(100% - 40% - 20px);}
.pg-mypage .history .history-item .top {display:flex;justify-content:space-between;align-items:center;}
.pg-mypage .history .history-item .state {border-radius: 5px;background: rgba(66, 150, 255, 0.40);display:inline-block;line-height:1;padding:6px 12px;color:#4296FF;font-weight:600;font-size:14px;}
.pg-mypage .history .history-item .date {color:#6D6D6D;font-size:14px;}
.pg-mypage .history .history-item .title {font-size:20px;font-weight:600;display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.pg-mypage .history .history-item .title:hover {text-decoration:underline;}
.pg-mypage .history .history-item .price {color:#4296FF;margin-right:10px;font-size:inherit;font-weight:inherit;}
.pg-mypage .history .history-item .sub {display:block;margin-top:10px;font-size:14px;color:#6D6D6D;}
.pg-mypage .history .history-item .btns {display:flex;gap:10px;flex-wrap:wrap;}
.pg-mypage .history .history-item .btns .btn-outline {font-size:14px;display:inline-block;border-radius: 5px;border: 1px solid #D1D1D1;text-align:center;padding:12px 34px;transition:all .3s ease;}
.pg-mypage .history .history-item .btns .btn-outline:hover {border-color:#777;}

.pg-mypage .board-tabs {display:flex;flex-wrap: wrap;gap:10px;margin-bottom:44px;}
.pg-mypage .board-tabs .tab-btn {border-radius: 5px;border: 1px solid #D1D1D1;background: #FFF;font-size:14px;font-weight:500;display:inline-block;padding:10px 16px;transition:all .3s ease;}
.pg-mypage .board-tabs .tab-btn.active {background-color:#4296FF;border-color:#4296FF;color:#fff;}
.pg-mypage .board .board-head {display:table;width:100%;table-layout:fixed;border-top:2px solid #333D4B;border-bottom:1px solid #333D4B;}
.pg-mypage .board .board-head .col {display:table-cell;text-align:center;padding:16px 0;font-weight:600;font-size:14px;}
.pg-mypage .board .board-item {display:table-row;}
.pg-mypage .board .board-body {display:table;width:100%;table-layout:fixed;}
.pg-mypage .board .board-body .title:hover {text-decoration:underline;}
.pg-mypage .board .board-body .content:hover {text-decoration:underline;}
.pg-mypage .board .board-body .col {display:table-cell;padding:14px 0;font-size:14px;border-bottom:1px solid #C6C6C6;}
.pg-mypage .board .col.title {width:40%;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.pg-mypage .board .col.content {width:40%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.pg-mypage .board .col.user {width:10%;text-align:center;}
.pg-mypage .board .col.date {width:15%;text-align:center;}
.pg-mypage .board .state {border-radius: 4px;background: #58CD7B;color:#fff;font-weight:400;font-size:12px;padding:7px 10px;margin-left:10px;display:inline-flex;gap:6px;vertical-align:middle;}
.pg-mypage .board .state.ing {background-color:#FF7171;}
.pg-mypage .board .state.success:before {content:'';display:inline-block;width:14px;height:14px;background:url(../images/mypage/state_success.svg) no-repeat center/contain;}
.pg-mypage .board .state.ing:before {content:'';display:inline-block;width:14px;height:14px;background:url(../images/mypage/state_ing.svg) no-repeat center/contain;}
.pg-mypage .board .board-bottom {display:flex;justify-content:space-between;align-items:center;margin-top:24px;}
.pg-mypage .board .board-bottom .pagination {display:inline-flex;align-items:center;gap:14px;}
.pg-mypage .board .board-bottom .pagination a.num:hover {text-decoration:underline;}
.pg-mypage .board .board-bottom .pagination a.num {font-weight:400;font-size:14px;transition:all .3s ease;vertical-align:middle;}
.pg-mypage .board .board-bottom .pagination a.num.active {color:#4894FF;font-weight:600;}
.pg-mypage .board .board-bottom .pagination .next,
.pg-mypage .board .board-bottom .pagination .prev {display:inline-block;width:20px;height: 20px;font-size:0;overflow:hidden;background:url(../images/mypage/pagination_arrow.svg) no-repeat center/70%;}
.pg-mypage .board .board-bottom .pagination .disabled {opacity:.5;}
.pg-mypage .board .board-bottom .pagination .prev {transform:rotate(180deg);}
.pg-mypage .board .btn-write {font-size:14px;border-radius: 5px;border: 1px solid #EBEBEB;background: #FFF;padding:10px 16px;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;}
.pg-mypage .board .btn-write:hover {border-color:#888;}
.pg-mypage .board .btn-write:before {content:'';display:inline-block;width:16px;height:16px;background:url(../images/mypage/btn_write.svg) no-repeat center/contain;}

.board-view .board-view-head {border-top:2px solid #333D4B;padding:16px 0;border-bottom:1px solid #d1d1d1;}
.board-view .board-view-head .title {display:block;font-size:18px;font-weight:700;margin-bottom:10px;}
.board-view .board-view-head .user {font-size:14px;color:#666;}
.board-view .board-view-head .user:after {content:'|';font-size:12px;margin:0 8px 0 10px;}
.board-view .board-view-head .user:last-child:after {content:none;}
.board-view .board-view-head .date {font-size:14px;color:#666;}
.board-view .board-view-body {padding:20px 0;line-height:1.5;border-bottom:1px solid #d1d1d1;}
.board-view .board-view-body p {min-height:40vh;}
.board-view .board-view-btn {padding:20px 0;display:flex;justify-content:space-between;}
.board-view .board-view-btn .btn-outline {display:inline-block;font-size:14px;padding:10px 16px;border:1px solid #d1d1d1;border-radius:4px;transition:all .3s ease;}
.board-view .board-view-btn .btn-outline:hover {border-color:#6D6D6D;}
.board-view .board-view-btn .btn-blue {display:inline-block;font-size:14px;padding:10px 16px;border-radius:4px;transition:all .3s ease;background-color:#4296FF;color:#fff;}
.board-view .board-view-btn .btn-blue:hover {opacity:.8;}
.board-view .input {border-radius: 4px;background: #F9FAFB;height:48px;padding:0 16px;font-size:16px;border:0;width:100%;outline:none;transition:all .3s ease;}
.board-view textarea {border:0;border-radius: 8px;background: #F9FAFB;padding:14px 16px;font-size:14px;width:100%;outline:none;transition:all .3s ease;resize:none;line-height:1.5;}
/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 768px) {
    .pg-mypage h2 {margin:20px 0 16px;}
    .pg-mypage .tabs {margin-bottom:30px;}
    .pg-mypage .tabs .tab-btn {padding:12px 16px;}
    .pg-mypage .history .history-item {flex-direction:column;padding:0;background-color:transparent;border-radius:0;margin-bottom:30px;gap:14px;}
    .pg-mypage .history .history-item .thumb {width:100%;height:auto;}
    .pg-mypage .history .history-item .cts {width:100%;padding:10px;}
    .pg-mypage .history .history-item .title {font-size:17px;line-height:1.5;}
    .pg-mypage .history .history-item .price {margin-right:6px;}
    .pg-mypage .history .history-item .sub {margin:6px 0;}
    .pg-mypage .history .history-item .btns {gap:7px;}
    .pg-mypage .history .history-item .btns .btn-outline {font-size:13px;padding:10px 12px;}

    .pg-mypage .board-tabs {margin-bottom:14px;}
    .pg-mypage .board {border-top:2px solid #333D4B;}
    .pg-mypage .board .board-head {display:none;}
    .pg-mypage .board .board-body .col {display:block;border-bottom:0;padding:0;}
    .pg-mypage .board .board-body .board-item {border-bottom:1px solid #d1d1d1;padding:16px 0 18px;display:block;}
    .pg-mypage .board .board-body .board-item:after {content:'';display:block;clear:both;}
    .pg-mypage .board .col.title {text-align:left;width:100% !important;font-size:16px;font-weight:500;position:relative;padding-left:88px;line-height:1.8;}
    .pg-mypage .board .col.content {text-align:left;width:100% !important;margin:4px 0 16px;color:#555;}
    .pg-mypage .board .col.user {text-align:right;width:auto;float: left;font-size:13px;}
    .pg-mypage .board .col.date {text-align:right;width:auto;float: right;font-size:13px;}
    .pg-mypage .board .state {position:absolute;left:0;top:0;width:78px;align-items:center;justify-content:center;padding:3px 6px 2px;margin-left:0;gap:5px;}
    .pg-mypage .board .state.success:before {margin-top:-1px;}
    .pg-mypage .board .state.ing:before {margin-top:-1px;}
}




.main__section {display:flex;gap:20px;border-bottom:1px solid #f0f0f0;padding-bottom:20px;}
.main__section .main__left {min-width:0;flex:1;flex-direction:column;display:flex;margin:0 auto;}
.main__section .highlight {width:100%;margin-bottom:20px;}
.main__section .highlight .highlight__thumb {height:0;width:100%;padding-bottom:52%;position:relative;}
.main__section .highlight .highlight__thumb img {position:absolute;left:0;top:0;width:100%;object-fit:cover;height:100%;}
.main__section .highlight .highlight__cts {border:1px solid #f0f0f0;border-top:0;padding:20px 16px;line-height:1.4;}
.main__section .highlight .highlight__cts-title {font-size:20px;font-weight:600;margin-bottom:10px;}
.main__section .highlight .highlight__cts-text {color:#808080;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.main__section .highlight .swiper-button-next,
.main__section .highlight .swiper-button-prev {top:36%;color:#fff;margin-top:0;}
.main__section .highlight .swiper-button-next:after,
.main__section .highlight .swiper-button-prev:after {font-size:24px;}
.main__section .issue {flex-direction:column;gap:19px;display:flex;width:252px;flex:none;}
.main__section .issue__item .issue__thumb {height:0;padding-bottom:53.2%;width:100%;position:relative;}
.main__section .issue__item .issue__thumb img {position:absolute;left:0;top:0;width:100%;object-fit:cover;height:100%;}
.main__section .issue__item .issue__cts {border:1px solid #F0F0F0;border-top:0;padding:12px;line-height:1.3;position:relative;padding-right:60px;}
.main__section .issue__item .issue__cts-category {color:#FF2100;font-weight:600;font-size:12px;margin-bottom:5px;}
.main__section .issue__item .issue__cts-text {font-size:14px;font-weight:600;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.main__section .issue__item .issue__link {position:absolute;right:16px;top:50%;display:block;transform:translateY(-50%);width:26px;height:26px;font-size:0;background:url(../images/issue_link.svg) no-repeat center/contain;}

.article__section {margin:46px 0;}
.article__section .article__title {margin-bottom:20px;font-size:20px;font-weight:600;color:#333D4B;padding-left:10px;position:relative;}
.article__section .article__title:before {content:'';position:absolute;top:2px;left:0;width: 4px;height:20px;background-color:#3374FF;}
.article__section .article__head {display:flex;align-items:center;justify-content:space-between;margin-bottom: 20px;}
.article__section .btn__more {border:1px solid #f0f0f0;display:inline-flex;align-items:center;gap:7px;padding:10px 12px 10px 14px;border-radius:100px;}
.article__section .article__list {position:relative;}
.article__section .article__list:not(.article__list__slide) {display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;}
.article__section .article__thumb {height:0;width:100%;padding-bottom:60%;position:relative;}
.article__section .article__thumb img {position:absolute;left:0;top:0;width:100%;object-fit:cover;height:100%;}
.article__section .article__cts {border:1px solid #f0f0f0;border-top:0;padding:12px 12px;line-height:1.26;}
.article__section .article__cts-title {font-size:14px;font-weight:600;margin-bottom:6px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;min-height:35px;}
.article__section .article__cts-text {color:#808080;font-size:12px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.article__section .swiper-button-next,
.article__section .swiper-button-prev {width:28px;color:#222;height:28px;top:50%;background-color:#fff;border: 1px solid #F0F0F0;margin:0;border-radius:100px;overflow:hidden;transform:translateY(-50%);}
.article__section .swiper-button-prev {left:-14px;}
.article__section .swiper-button-next {right:-14px;}
.article__section .swiper-button-next:after,
.article__section .swiper-button-prev:after {font-size:14px;}
.article__section .swiper-button-disabled {opacity:0;}

.special__section {padding:28px 0;background-color:#222;}
.special__section .special__slide {position: relative;padding:0 50px;}
.special__section .special__slide .swiper-button-prev,
.special__section .special__slide .swiper-button-next {color:#fff;}
.special__section .special__slide .swiper-button-prev:after,
.special__section .special__slide .swiper-button-next:after {font-size:22px;}
.special__section .special__slide .swiper-button-prev {left:0;}
.special__section .special__slide .swiper-button-next {right:0;}
.special__section .special__slide .swiper {width:100%;}
.special__section .special__item {display:flex;align-items:center;}
.special__section .special__thumb {width: 54%;height: 340px;overflow:hidden;flex:none;}
.special__section .special__thumb img {width:100%;height:100%;object-fit:cover;}
.special__section .special__cts {line-height:1.4;padding:0 60px 0 20px;width:46%;}
.special__section .special__cts-label {display:inline-block;margin-bottom:18px;font-size:15px;font-weight:600;color:#fff;background-color:#3374FF;padding:8px 12px;}
.special__section .special__cts-title {font-size:26px;font-weight:600;color:#fff;margin-bottom:18px;}
.special__section .special__cts-text {font-size:16px;font-weight:300;color:#BBB;word-break:keep-all;}

.banner__section {width:637px;margin:0 auto 40px;}
.main__banner {margin-bottom:14px;}
.main__banner img {width:100%;}
.sub__banner {width:100%;position:relative;margin-bottom: 20px;}
.sub__banner img {width:100%;}
.sub__banner .swiper-button-next,
.sub__banner .swiper-button-prev {width:28px;color:#222;height:28px;top:50%;background-color:#fff;border: 1px solid #F0F0F0;margin:0;border-radius:100px;overflow:hidden;transform:translateY(-50%);}
.sub__banner .swiper-button-prev {left:-14px;}
.sub__banner .swiper-button-next {right:-14px;}
.sub__banner .swiper-button-next:after,
.sub__banner .swiper-button-prev:after {font-size:14px;}
.sub__banner .swiper-button-disabled {opacity:0;}

.news__top {border-radius: 8px;background: #F9FAFB;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;}
.news__top .breadcrumb {display:flex;align-items:center;gap:6px;}
.news__top .breadcrumb .last {color:#3374FF;font-weight:600;}
.news__top .share__box {display:flex;align-items:center;gap:10px;}

.news__section {padding-bottom:40px;}
.news__section .news__list {padding:0 60px;}
.news__section .news__item {padding:20px 0;border-bottom:1px solid #f0f0f0;display:flex;gap:32px;align-items:center;}
.news__section .news__thumb {width: 260px;height: 170px;overflow:hidden;border:1px solid #f0f0f0;flex:none;}
.news__section .news__thumb img {width:100%;height:100%;object-fit:cover;}
.news__section .news__cts {flex:auto;}
.news__section .news__cts-title {font-size:20px;font-weight:600;margin-bottom:10px;line-height:1.4;letter-spacing: .5px;}
.news__section .news__cts-text {font-size:16px;color:#808080;margin-bottom:18px;line-height:1.4;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;letter-spacing: .5px;}
.news__section .news__cts-date {font-size:15px;color:#CDCDCD;}
.news__section .news__pagination {display:flex;align-items:center;justify-content:center;margin-top:40px;gap:8px;}
.news__section .news__pagination .pagi__num {display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;text-align: center;color:#808080;}
.news__section .news__pagination .pagi__arrow:disabled {opacity:.3;}
.news__section .news__pagination .pagi__num.active {border:1px solid #3374FF;color:#3374FF;background: rgba(51, 116, 255, 0.10);}
.news__section .news__view {padding:40px;line-height: 1.3;}
.news__section .news__view .view__headline {padding-bottom:14px;border-bottom:1px solid #f0f0f0;}
.news__section .news__view .news__title {font-size:30px;font-weight:600;margin-bottom:14px;}
.news__section .news__view .news__info {font-size:16px;color:#808080;font-weight:300;}
.news__section .news__view .view__contents {padding:30px 0px 36px;font-size:18px;font-weight:300;line-height:1.6;letter-spacing:.5px;}
.news__section .news__view .view__contents strong {font-weight:600;}
.news__section .news__view .view__contents img {max-width:90%;margin:40px auto;}
.news__section .news__view .view__footer {margin-bottom: 40px;border-bottom: 1px solid #f0f0f0;padding-bottom:20px;}
.news__section .news__view .view__footer .tags {display:flex;flex-wrap:wrap;gap:8px;}
.news__section .news__view .view__footer .tags .tags__item {border-radius: 6px;padding:10px 12px;color:#808080;border: 1px solid #F0F0F0;background: #FFF;}
.news__section .comment__box {margin-bottom:40px;}
.news__section .comment__box .comment__title {margin-bottom:20px;font-size:20px;font-weight:600;}
.news__section .comment__box .comment__title strong {color:#3374FF;}
.news__section .comment__box .comment__input {border-radius: 8px;border: 1px solid #F0F0F0;overflow:hidden;}
.news__section .comment__box .comment__input textarea {width:100%;border:0;outline:none;padding:16px;line-height:1.4;resize:none;}
.news__section .comment__box .comment__input-btn {border-top: 1px solid #F0F0F0;background: #F9FAFB;padding:10px 15px;text-align:right;}
.news__section .comment__box .comment__input-submit {border-radius: 6px;background: #3374FF;height:36px;line-height:36px;color:#fff;font-weight:600;padding:0 18px;text-align:center;}
.news__section .comment__box .comment {border-radius: 8px;border: 1px solid #F0F0F0;padding:20px;margin-bottom:12px;}
.news__section .comment__box .comment:last-child {margin-bottom:0;}
.news__section .comment__box .comment .comment__author {margin-bottom:7px;font-size:16px;font-weight:600;display:flex;align-items:center;}
.news__section .comment__box .comment .comment__author:before {content:'';display:inline-block;margin-right:12px;width:35px;height:35px;background:url(../images/comment_user.svg) no-repeat center/contain;}
.news__section .comment__box .comment .comment__cts {padding-left:47px;line-height:1.5;font-weight:300;}

.related__section {margin-bottom:40px;}
.related__section .related__list {display:grid;grid-template-columns:repeat(4, 1fr);gap:35px 20px;margin-top:20px;}
.related__section .related__item .related__thumb {width:100%;height:0;position:relative;padding-bottom:60%;border-radius: 8px;overflow:hidden;margin-bottom:12px;}
.related__section .related__item .related__thumb img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.related__section .related__item .related__cts {font-size:16px;font-weight:600;line-height:1.4;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

.newsletter {border-radius: 8px;border: 1px solid #F0F0F0;background: #FFF;max-width:520px;margin:0 auto 40px;overflow:hidden;}
.newsletter .newsletter__header {padding:10px 0;border-bottom: 1px solid #F0F0F0;background: #222;color:#fff;text-align:center;font-weight:600;}
.newsletter .newsletter__header svg {display:inline-block;vertical-align:-5px;margin-right:5px;}
.newsletter .newsletter__contents {padding:20px 60px;text-align: center;}
.newsletter .newsletter__form {display:flex;margin-bottom:18px;height:34px;align-items:stretch;border-radius:6px;overflow:hidden;border:1px solid #f0f0f0;}
.newsletter .newsletter__form-input {border:0;padding:0 8px;outline: none;width:100%;font-size:12px;;}
.newsletter .newsletter__form-input::placeholder {color:#CDCDCD;}
.newsletter .newsletter__form-submit {width:48px;text-align:center;flex:none;border-left:1px solid #f0f0f0;font-size:12px;color:#333D4B;}
.newsletter .newsletter__more {color:#808080;font-size:12px;font-weight:300;text-decoration:underline;}

.list__page .news__section {margin:0 auto;}

.footer {border-top:1px solid #f0f0f0;padding:40px 0 28px;}
.footer .footer__logo {margin-bottom:20px;height:34px;}
.footer .footer__links {margin-bottom:20px;}
.footer .footer__link {display:inline-block;color:#808080;margin-right:20px;font-weight: 300;}
.footer .footer__link:last-child {margin-right:0;}
.footer .footer__info {margin-bottom:28px;}
.footer .footer__info .info__text {color:#808080;line-height:1.5;font-weight: 300;}
.footer .footer__copyright {color:#808080;font-size:13px;font-weight:300;}


/* ====================== */
/* PC */
/* ====================== */
@media screen and (max-width: 1200px) {
}


/* ====================== */
/* Mobile */
/* ====================== */
@media screen and (max-width: 768px) {
    .pc-only {display:none;}
    .m-only {display:block;}

    .ly1 .inner {width:100%;}

    .header {padding:0;height:56px;position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:100;border-bottom:2px solid #0e1596;}
    .header .inner {align-items:center;height:100%;}
   /* .header .header__banner {display:none;} */
    .header .header__util {display:none;}
    .header .header__logo-area .header__logo img {height:24px;}
    .header .header__logo-area .header__since {font-size:12px;}
    .header .drawer-toggle {display:block;}

    .container {margin-top:56px;}
    .ly1 .container__wrap {width:100% !important;padding:0;display:block;}
    .container__aside {width:100%;padding:0 16px;}
    .aside__section a > img {width:100%;}

    .main__section {display:block;border-bottom: 0;}
    .main__section .main__left {width:100%;padding: 16px 16px 0;}
    .main__section .issue {width:100%;flex-direction:row;overflow:auto;padding:0 16px;gap:10px;margin-top: 40px;}
    .main__section .issue .issue__item {width:42%;flex:none;}
    .main__section .sub__banner-slide img {width:100%;}

    .main__section .highlight .highlight__cts-title {font-size:18px;}
    .main__section .highlight .swiper-button-next,
    .main__section .highlight .swiper-button-prev {top:22vw;}

    .main__banner img {width:100%;}
    .sub__banner .swiper-button-prev {left:-10px;}
    .sub__banner .swiper-button-next {right:-10px;}

    .special__section .special__slide {padding:0 50px;}
    .special__section .special__thumb {width:100%;height:0;padding-bottom:52%;overflow:hidden;position:relative;}
    .special__section .special__thumb img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
    .special__section .special__cts {width:100%;padding:0 0 10px;}
    .special__section .special__cts-title {font-size:18px;margin-bottom:8px;}
    .special__section .special__cts-text {font-size:14px;}
    .special__section .special__cts-label {font-size:13px;padding:5px 10px 4px;margin-bottom:10px;}
    .special__section .special__item {flex-direction:column-reverse;gap:20px;}

    .article__section .article__list:not(.article__list__slide) {gap:10px;grid-template-columns: repeat(2, 1fr);}
    .article__section {padding:0 16px;}
	.article__section .btn__more {padding:8px 11px 8px 12px;font-size:13px;line-height:1;}
    .article__section .btn__more img {height:11px;}

    .ly1 .gnb {display:none;}

    .ly1 .footer {padding:20px 0;}
    .ly1 .footer .footer__logo {height:22px;margin-bottom:14px;}
    .ly1 .footer .footer__link {font-size:12px;margin-right:10px;}
    .ly1 .footer .footer__info {margin-bottom:14px;}
    .ly1 .footer .footer__info .info__text {display:block;font-size:12px;}
    .ly1 .footer .footer__copyright {font-size:12px;}

    .news__section {padding:0 0 50px;}
    .news__section .news__pagination {margin-top:28px;}
    .news__section .news__list {padding:0 16px;}
    .news__section .news__item {display:block;padding:0 0 26px;}
    .news__section .news__thumb {width:100%;height:0;padding-bottom:56%;margin-bottom:14px;position:relative;}
    .news__section .news__thumb img {object-fit:cover;position:absolute;left:0;top:0;object-fit:cover;}
    .news__section .news__cts {padding:0 16px;}
    .news__section .news__cts-title {font-size:16px;margin-bottom:5px;}
    .news__section .news__cts-text {font-size:13px;margin-bottom:12px;}
    .news__section .news__cts-date {font-size:13px;}
    .news__section .news__top {margin:0 16px 16px;}
    .news__section .news__view {padding:20px 16px 0;}
    .news__section .news__view .news__title {font-size:20px;}
    .news__section .news__view .news__info {font-size:13px;}
    .news__section .news__view .view__contents {font-size:14px;padding:20px 10px;}
    .news__section .news__view .view__footer .tags .tags__item {padding:6px 10px;font-size:12px;}

    .newsletter__section {padding:0 16px;}
    .newsletter .newsletter__contents {padding:20px;}
    
    .comment__section {padding:0 16px;}
    .related__section {padding:0 16px;}
    .related__section .related__list {grid-template-columns:repeat(2, 1fr);gap:20px 10px;}
    .related__section .related__item .related__thumb {margin-bottom:8px;}
    .related__section .related__item .related__cts {font-size:13px;}

    .banner__section {width:100%;padding:20px 16px 0;}
    .banner__section .slide__banner .swiper-button-prev {left:8px;}
    .banner__section .slide__banner .swiper-button-next {right:8px;}
}

@media screen and (max-width: 420px) {
    .main__section .highlight .swiper-button-next,
    .main__section .highlight .swiper-button-prev {top:18vw;}
    .main__section .highlight .highlight__cts {padding:13px 14px;}
    .main__section .highlight .highlight__cts-title {font-size:16px;margin-bottom:4px;}
    .main__section .highlight .highlight__cts-text {font-size:14px;}
    .main__section .issue .issue__item {width:64%;}
    
    .special__section .special__slide {padding:0 22px;}
    .special__section .special__slide .swiper-button-prev {left:-13px;color:#bdbdbd;}
    .special__section .special__slide .swiper-button-next {right:-13px;color: #bdbdbd;}
}
.main__banner {
  width: 100%;
  max-width: 850px;   /* 최대 850px */
  margin: 0 auto;     /* 가운데 정렬 */
}
.banner__section {
  width: 100%;
  max-width: 850px;   /* 최대 850px */
  margin: 0 auto;     /* 가운데 정렬 */
}
.highlight__thumb {
    width: 100%;
    aspect-ratio: 16 / 9; /* 이미지 비율 고정 */
    overflow: hidden;
}

.highlight__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/**** 정쪽 상단 배너 모바일일때 위치 조정(최상단 중앙) **/
@media screen and (max-width: 768px) {

  .header__banner {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;             /* 화면 너비 기준 */
    height: 70px;            /* 배너 원래 높이 */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 200;
    border-bottom: 1px solid #e5e5e5;
  }
/*
  .header__banner ins {
    width: 350px;               
    height: 100px;              
    max-width: 90%;           
    max-height: calc(90vw * (100/350)); 
    margin: 0 auto;
  }
 */

.header__banner ins {
    transform: scale(0.7);          
    transform-origin: middle center;   
    display: block;                
    margin: 5px auto 0 auto;        
}

  .header {
    top: 70px;     /* 배너 높이만큼 아래 */
    height: 56px;
  }

  #container,
  .container {
    margin-top: 126px; /* 배너 100 + 헤더 56 */
  }
  
  /**** 정쪽 상단 배너 모바일일때 위치 조정(최상단 중앙) **/

 .main__banner {
    position: fixed;
    top: 126px;
    left: 50%;
    transform: translateX(-50%);
    width: 200vw;             /* 화면 너비 기준 */
    height: 70px;            /* 배너 원래 높이 */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 100;
    border-bottom: 1px solid #e5e5e5;
  }
/*
  .header__banner ins {
    width: 350px;               
    height: 100px;              
    max-width: 90%;           
    max-height: calc(90vw * (100/350)); 
    margin: 0 auto;
  }
 */

.main__banner ins {
    transform: scale(0.5);          
    transform-origin: middle center;   
    display: block;                
    margin: 5px auto 0 auto;        
}
}