@charset 'utf-8';


/* 상세 공통 */
#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:100%;overflow:hidden;height:400px;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;}
.pg-main .con2 .con2-lr p {width:30%;;line-height:1.67;word-break:keep-all;}
.pg-main .con2 .con2-lr .con2-slide {width:70%;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: 767px) {
    .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;}


.main-list .card-list {display:grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap:20px;}
.main-list .card-item {overflow:hidden;}
.main-list .card-item .thumb {height:160px;width:100%;overflow:hidden;position:relative;border-radius:8px 8px 0 0;}
.main-list .card-item .thumb img {width:100%;height:100%;object-fit:cover;}
.main-list .card-item .detail {border:1px solid #D1D1D1;border-width:0 1px 1px 1px;padding:16px;border-radius:0 0 8px 8px;}
.main-list .card-item .sub {font-size:14px;color:#6D6D6D;display:block;margin-bottom:10px;;height:25px;}
.main-list .card-item .title {font-size:18px;display:block;width:100%;font-weight:600;margin-bottom:10px;height:60px}
.main-list .card-item .desc {display:flex;justify-content:space-between;align-items:center;}
.main-list .card-item .price {color:#4296FF;font-weight:600;}
.main-list .card-item .view {color:#969696;font-size:14px;}
.main-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-list .card-list {display:grid;grid-template-columns: repeat(auto-fill, minmax(300px, 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);}

.contents-list .card-list {display:grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap:20px;}
.contents-list .card-item {overflow:hidden;}
.contents-list .card-item .thumb {height:160px;width:100%;overflow:hidden;position:relative;border-radius:8px 8px 0 0;}
.contents-list .card-item .thumb img {width:100%;height:100%;object-fit:cover;}
.contents-list .card-item .detail {border:1px solid #D1D1D1;border-width:0 1px 1px 1px;padding:16px;border-radius:0 0 8px 8px;}
.contents-list .card-item .sub {height:80px;font-size:14px;color:#6D6D6D;display:block;margin-bottom:10px;}
.contents-list .card-item .title {display:block;width:100%;font-weight:600;margin-bottom:10px;}
.contents-list .card-item .desc {display:flex;justify-content:space-between;align-items:center;}
.contents-list .card-item .price {color:#4296FF;font-weight:600;}
.contents-list .card-item .view {color:#969696;font-size:14px;}
.contents-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:190px;}
.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: 767px) {
    .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:20px;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:209px;}
.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-basic .btns .btn_end {width:20%;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-basic .btns .btn:hover {opacity:.7;}

.pg-seminar .seminar .sm-anchors {display:flex;padding-top:40px;margin-bottom:40px;border-bottom:1px solid #d1d1d1;position:sticky;top:99px;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:198px;}
.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;padding-bottom:12px;}
.pg-seminar .seminar .speaker .name-eng {display:block;text-align:center;padding-bottom:12px;margin-top:4px;font-size:16px;}
/*.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:500px;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;}

.pg-seminar .seminar .summary-row2 {width:100%;display:flex;gap:20px;padding:0 10px 30px 10px}

.pg-seminar .seminar .sm-apply .btns {display:flex;gap:10px;}
.pg-seminar .seminar .sm-apply .btns .btn_reg {width:50%;height:45px;display:inline-flex;align-items: center;justify-content:center;gap:7px;border-radius: 5px;background: #4296ff;color:#fff;transition:all .3s ease;}
.pg-seminar .seminar .sm-apply .btns .btn_reg:hover {opacity:.7;}

.pg-seminar .seminar .sm-apply .btns {display:flex;gap:10px;}
.pg-seminar .seminar .sm-apply .btns .btn_cfm {width:50%;height:45px;display:inline-flex;align-items: center;justify-content:center;gap:7px;border-radius: 5px;background:#fff;color:#000;transition:all .3s ease;border:1px solid  #D1D1D1;}
.pg-seminar .seminar .sm-apply .btns .btn_cfm:hover {opacity:.7;}

.pg-seminar .seminar .sm-apply .btns {display:flex;gap:10px;}
.pg-seminar .seminar .sm-apply .btns .btn_end {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;}


.pg-seminar .seminar .sm-apply .btns {display:flex;gap:10px;}
.pg-seminar .seminar .sm-apply .btns .btn_finish {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: 767px) {
	
    .pg-seminar .seminar {flex-direction:column;gap:40px;padding-top:20px}
    .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:50px;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:150px;}
    
    .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:70px 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 .business-check {position:relative;display:inline-flex;text-align:left;vertical-align:middle;}
.pg-apply .business-check input {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.pg-apply .business-check label {display:inline-flex;word-break:break-word;align-items:center;gap:8px;font-weight:500;font-size:14px;}
.pg-apply .business-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 .business-check input:checked + label i {background-color:#4296FF;}

.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: 767px) {
	.pg-apply .inner {width:95%;}
    .pg-apply h2 {margin:40px 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);}

	.pg-inquiry .inner {width:300px;}
}


/* 로그인 */
#wrap.auth {background:url(../images/auth/bg.png) no-repeat center/cover;display:flex;align-items:center;justify-content:center;position:relative;}
#wrap.auth .logo {position: absolute;left:40px;top:40px;} 
#wrap.auth .logo img {height:38px;}
#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: 767px) {
    #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.i-mail .input {padding-left:48px;}
.pg-mypage .mypage .login-input.i-mail .input-wrap:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/apply/i_mail.svg) no-repeat center/contain;background-size:86% auto;}
.pg-mypage .mypage .login-input.i-card .input {padding-left:48px;}
.pg-mypage .mypage .login-input.i-card .input-wrap:before {content:'';display:block;width:20px;height:20px;position:absolute;left:16px;top:50%;transform:translateY(-50%);background: url(../images/apply/i_card.svg) no-repeat center/contain;background-size:86% auto;}
.pg-mypage .mypage .login-input 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-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;}

.pg-mypage .mypage .address {display:flex;gap:10px;}
.pg-mypage .mypage .address button {flex:none;border-radius: 8px;background: #242424;color:#fff;font-weight:600;font-size:14px;width:120px;}

.pg-mypage .mypage .agree pre {word-break:keep-all;white-space: pre-line;line-height:1.5;color:#989898;font-size:14px;}
.pg-mypage .mypage .agree .agree-detail {height:165px;overflow: auto;margin-top:16px;border-radius: 8px;background: #F9FAFB;padding:20px;}
.pg-mypage .mypage .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-mypage .mypage .agree .btn-agree-detail.active {transform:rotate(180deg);}
.pg-mypage .mypage .agree .agree-item {margin-bottom:14px;position:relative;}
.pg-mypage .mypage .agree .agree-check {position:relative;display:inline-flex;text-align:left;vertical-align:middle;}
.pg-mypage .mypage .agree .agree-check input {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.pg-mypage .mypage .agree .agree-check label {display:inline-flex;word-break:break-word;align-items:center;gap:8px;font-weight:600;font-size:14px;}
.pg-mypage .mypage .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-mypage .mypage .agree .agree-check input:checked + label i {background-color:#242424;}

/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 767px) {
    .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:35%;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-body2 {padding:20px 0;line-height:1.5;border-bottom:1px solid #d1d1d1;}
.board-view .board-view-head2 {border-top:1px solid #333D4B;padding:16px 0;border-bottom:1px solid #d1d1d1;}

.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;}

.board-view2 {font-size:16px;line-height:1.75;letter-spacing:0.03em;color:#333;}
.board-view2 p {margin-top:1.2em;margin-bottom:1.2em;}
.board-view2 .board-view-body {padding:20px 0;border-bottom:1px solid #d1d1d1;}
.board-view2 .board-view-head {border-top:1px solid #333D4B;padding:16px 0;border-bottom:1px solid #d1d1d1;}


/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 767px) {
    .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%;}
    .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;}

	.mobileOnly {display:block;}
	.pcOnly {display:none;}
}

/** 추가 12/05 **/

.card-list {display:grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap:20px;}
.card-item {overflow:hidden;}
.card-item .thumb {height:160px;width:100%;overflow:hidden;position:relative;border-radius:8px 8px 0 0;}
.card-item .thumb img {width:100%;height:100%;object-fit:cover;}
.card-item .detail {border:1px solid #D1D1D1;border-width:0 1px 1px 1px;padding:16px;border-radius:0 0 8px 8px;}
.card-item .sub {font-size:14px;color:#6D6D6D;display:block;margin-bottom:10px;;height:25px;}
.card-item .title {font-size:18px;display:block;width:100%;font-weight:600;margin-bottom:10px;height:60px}
.card-item .desc {display:flex;justify-content:space-between;align-items:center;}
.card-item .price {color:#4296FF;font-weight:600;}
.card-item .view {color:#969696;font-size:14px;}
.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);}

.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-inquiry .inner {width:900px;}
.pg-inquiry h2 {display:block;font-size:20px;font-weight:700;margin-top:40px;margin-bottom:24px;}


/* 모바일 사이즈 (가로 767px 이하) */
@media screen and (max-width: 767px) {
	.pg-inquiry .inner {width:100%;}
}