@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SEBANG_Gothic_Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

header .header_ad_wrap { text-align: center;background: #1e1973; display: flex; justify-content: center; position: relative; transition: .5s; max-height: 0; overflow: hidden;}
header.on .header_ad_wrap { max-height: 100px;}
/* 
header .header_ad_wrap a { display: block; width: 100%; text-align: center;}
header .header_ad_wrap a img { width: auto;} */
header .header_ad_wrap img { width: 100%; max-width: 1024px;}
header .header_ad_wrap button { padding: 0 1.5rem; position: absolute; right: 1rem; top: 50%; height: 100%; transform: translateY(-50%);}

header.on ~ main.header { padding-top: calc(9rem + 80px);}
header.on ~ main.header .left_banner { top: calc(10rem + 80px);}
header.on ~ main.header .right_banner { top: calc(10rem + 80px);}
main.header { position: relative; padding-bottom: 0; }

/* 즐겨찾기 */
.favorite { display: block; height: 30px; width: 30px; background: url(/img/common/star-off.png) no-repeat center 40% / 17px; position: absolute; right: 3px; bottom: 3px; z-index: 10; }
.favorite.on { background-image: url(/img/common/star-on.png);}

/* 프리미엄 회원권 설명 */
.title_wrap { position: relative;}
.title_wrap h2 { font-size: 1.1rem; gap: .5rem;font-weight:600; margin-bottom: .7rem; display: flex; align-items: center;}
.title_wrap button img { width: 17px;}

.premium_info { display: none; padding: 15px;position: absolute; top: calc(1.2rem + 10px); border-radius: 10px; border: 1px solid #89c2d4; box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px; z-index: 20; background: #fff;}
.premium_info.on { display: block;}
.premium_info .fl_box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.premium_info .fl_box p { font-weight: 600; color: var(--color_blue);}
.premium_info .fl_box button img { width: 15px;}
.premium_info pre { font-size: .9rem; line-height: 1.3; color:#505454;}
.premium_info pre span{ font-size: inherit; line-height: 1.3; color:#505454; margin-left: .6rem;}

/* 왼쪽 사이드바 메뉴 */
.left_banner {position: absolute; top: calc(10rem);left: calc(50% - 620px); transform: translateX(-50%); z-index: 10; }
.left_banner .side_nav { width: 180px;border: 1px solid #e3e3e3; border-radius: 15px; overflow: hidden; background: #fff;}
.left_banner .side_nav .title_wrap { padding: 10px 10px; background: #efefef;}
.left_banner .side_nav .title_wrap p { font-size: 1rem; font-weight: 500;}
.left_banner .side_nav .list_wrap { padding: 10px 10px 0;  background: #fff; }
.left_banner .side_nav .list_wrap h2 { display: flex; align-items: center; font-weight: 600; gap: 0.3rem;}
.left_banner .side_nav .list_wrap h2 img { width: 15px;}
.left_banner .side_nav .list_wrap ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .7rem; border-bottom: 1px solid #ddd;padding-bottom: .7rem;}
.left_banner .side_nav .list_wrap ul li { width: calc(50% - .3rem); margin-bottom: 13px;}
.left_banner .side_nav .list_wrap ul li.f100 { width: 100%;} 
.left_banner .side_nav .list_wrap ul li a { padding-left: 10px; display: block; font-size: .9rem; color: #858585;}
.left_banner .side_nav .list_wrap ul li a:hover { text-decoration: underline;}
.left_banner .side_nav .list_wrap:nth-last-child(1) ul { border-bottom: none;}

.left_banner .side_nav .list_wrap:nth-last-child(1) ul { flex-direction: column;}
.left_banner .side_nav .list_wrap:nth-last-child(1) ul li { width: 100%;}

.left_banner .contact_wrap { text-align: center; margin-top: 1rem;}

/* 오른쪽 사이드바 */
.right_banner { display: flex; /*width: 180px;*/ flex-direction: column; gap: .5rem; height: calc(100% - 22rem); position: absolute; top: calc(10rem);right: calc(50% - 765px); transform: translateX(-50%); z-index: 10; }
.right_banner > div,
.right_banner > a { max-width: 10rem;}
.right_banner > div img,
.right_banner > a img { width: 100%;}
.right_banner .support_banner { display: flex; flex-direction: column; align-items: flex-start; border: 5px solid #5e97f0; border-radius: 20px; width: 10rem; padding: 10px 10px;}
.right_banner .support_banner img { max-height: 35px; margin: 0 auto;}
.right_banner .support_banner h3 { font-weight: 700; margin: .7rem 0; line-height: 1.2; color: #0863ff; font-size: 1.1rem; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.right_banner .support_banner p { display: flex; flex-direction: column; align-items: self-start; gap: 3px; margin-bottom: 12px;}
.right_banner .support_banner p span:nth-child(1) { font-size: 0.8rem; display: inline-block; padding: 3px 8px; background: #e3f1fe; color: #0863ff; border-radius: 15px; font-weight: 600;}
.right_banner .support_banner p span:nth-child(2) { padding-left: 8px;}
.right_banner .support_banner button { color: #fff; background: #5e97f0; border-radius: 5px; display: block; padding: 12px 10px; text-align: center; font-size: .9rem; width: 100%; margin-top: 5px;}

.right_banner .fee_rank {  display: flex; flex-direction: column; border-radius: 5px; width: 10rem; padding: 5px 10px 15px; background: url(/img/renewal/banner_bg.png) no-repeat;}
.right_banner .fee_rank h3 { text-align: center; font-weight: 800; font-size: 1.1rem; margin-bottom: 5px; letter-spacing: -0.08rem;}
.right_banner .fee_rank h3 img { width: auto;}
.right_banner .fee_rank ul { background: #fff; border-radius: 5px; padding: 10px 3px;}
.right_banner .fee_rank ul li { padding: 0 5px 5px 5px ; margin-bottom: 5px; border-bottom: 1px dotted #414141;}
.right_banner .fee_rank ul li:nth-last-child(1) { border-bottom: none; margin-bottom: unset; padding-bottom: 0;}
.right_banner .fee_rank ul li a p { line-height: 1.2;}
.right_banner .fee_rank ul li a p:nth-child(1) { font-family: 'SEBANG_Gothic_Bold'; color: #444;}
.right_banner .fee_rank ul li:nth-child(1) a p:nth-child(1) { color: #e03737;}
.right_banner .fee_rank ul li:nth-child(2) a p:nth-child(1) { color: #4963bf;}
.right_banner .fee_rank ul li:nth-child(3) a p:nth-child(1) { color: #d58c6c;}
.right_banner .fee_rank ul li a p:nth-child(2) { color: #5b5b5b;font-family: 'SEBANG_Gothic_Regular'; font-size: .9rem; }

/* 상단 배너 영역 */
.banner_wrap { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .7rem;}
.banner_wrap .left { width: 65%;}
.banner_wrap .left h2 { color: var(--color_blue); padding: 0 10px; }
.banner_wrap .left ul { padding: .5rem; background:#b8e2ef; border-radius: 15px; display: flex; gap: 10px;}
.banner_wrap .left ul li { width: 33.3333%; position: relative; overflow: hidden;border-radius: 10px;}
.banner_wrap .left ul li a { display: flex; flex-direction: column; background: #fff; border-radius: 10px; border: 1px solid var(--color_blue); padding: 17px 10px; min-height: calc(34px + 2rem + 1rem + 1.4rem + 2rem + .8rem + 14px);}
.banner_wrap .left ul li a .img_wrap { height: 2rem; text-align: center; }
.banner_wrap .left ul li a .img_wrap img { height: 100%; object-fit: contain; max-width: 100%;}
.banner_wrap .left ul li a h3 { font-weight: 600; margin: 0.7rem 0;text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.banner_wrap .left ul li a .desc_wrap {min-height: 2rem;}
.banner_wrap .left ul li a p.desc { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2; font-size: .9rem; }
.banner_wrap .left ul li a p.end { font-size: .8rem; margin-top: 10px; color: #b7b7b7;}

.banner_wrap .left ul li .hover_box { position: absolute; transition: .3s; top: calc(100% + 6px); left: 0; width: 100%; height: calc(100% + 2px); background: #41414170; display: flex; align-items: flex-end; overflow: hidden; border-radius: 13px;}
.banner_wrap .left ul li:hover .hover_box {top: -1px; }
.banner_wrap .left ul li .hover_box .box_inner { display: flex; flex-direction: column; justify-content: end; background:#626363; border-radius: 10px 10px 0 0 ; padding: 10px; width: 100%; height: calc(100% - 3rem); justify-content: space-between;}
.banner_wrap .left ul li .hover_box .box_inner p {  color: #fff;display: flex; gap: 0.5rem;}
.banner_wrap .left ul li .hover_box .box_inner p:nth-child(1) { font-size: 1rem; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; line-height: 1.1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; text-align: left; font-weight: 500; margin-bottom: 0.3rem;}
.banner_wrap .left ul li .hover_box .box_inner p span { color: #fff;  font-size: .8rem;}
.banner_wrap .left ul li .hover_box .box_inner p span:nth-child(1) { color: #fff; background: var(--color_blue); padding: .1rem 0; border-radius: 3px; text-align: center; width: 75px; font-size: .7rem;line-height: 1.2;} 
.banner_wrap .left ul li .hover_box .box_inner p span:nth-child(2) { width: calc(100% - 75px); line-height: 1.2;  display: -webkit-box;white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;}

.banner_wrap .left ul li.empty_slot a { text-align: center ;min-height: calc(34px + 2rem + 1rem + 1.4rem + 2rem + .8rem + 14px);align-items: center;
    justify-content: center;
    gap: 10px;}
	.banner_wrap .left ul li.empty_slot a span:nth-child(2) {font-size: .8rem;
    background: #f3f3f3;
    padding: 0.3rem 0.7rem;
    border-radius: 5px;}

.banner_wrap .right { width: 35%; overflow: hidden;}
.banner_wrap .right h2 { color: var(--color_blue); padding: 0 10px; }
.banner_wrap .right .swiper { overflow: unset;}
.banner_wrap .right .swiper .swiper-wrapper { height: unset;}
.banner_wrap .right .swiper .swiper-slide { border-radius: 15px; }
.banner_wrap .right .swiper .swiper-slide a { position: relative;transition: 0.2s; display: flex; gap: .5rem; justify-content: space-between; background: #fff; border-radius: 8px; width: 100%; height: 3.3rem;padding: .7rem 30px .7rem .5rem; border: 1px solid var(--color_blue); margin-bottom: 0.6rem; align-items: center;} 
.banner_wrap .right .swiper .swiper-slide a:nth-last-child(1) { margin-bottom: 0;}
.banner_wrap .right .swiper .swiper-slide a .img_wrap { height: 1.5rem; width: 30%; text-align: center;}
.banner_wrap .right .swiper .swiper-slide a .img_wrap img {  height: 100%; object-fit: contain; max-width: 100%;}
.banner_wrap .right .swiper .swiper-slide a h3 { width: 70%; font-weight: 500;white-space: normal; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden; word-break: break-all; font-size: 0.9rem;}
.banner_wrap .right .swiper .swiper-slide a .favorite { right: 0; top: 50%; transform: translateY(-50%); bottom: unset;}

.banner_wrap .right .swiper .swiper-slide a.empty { padding: .7rem .5rem;}
.banner_wrap .right .swiper .swiper-slide a.empty span:nth-child(1) { font-size: .9rem;width: 100%;}
.banner_wrap .right .swiper .swiper-slide a.empty span:nth-child(2) { font-size: .8rem;background: #f3f3f3; padding: 0.3rem 0.7rem; border-radius: 5px;}

.banner_wrap .right .swiper .swiper-pagination { top: -27px; right: 15px; left: unset; bottom: unset; text-align: right; width: fit-content;}
.banner_wrap .right .swiper .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; border: 1px solid #57595a; opacity: unset;}
.banner_wrap .right .swiper .swiper-pagination .swiper-pagination-bullet-active { background: #57595a;}

.banner_wrap .right > .img_wrap { display: block; position: relative; margin-top: 1rem;}
.banner_wrap .right > .img_wrap p { line-height: 1.3;position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%); color: #fff; font-size: 1.4rem;}
.banner_wrap .right > .img_wrap p span { line-height: 1.3; display: block; color: #f3b902; font-size: 1.6rem; font-weight: 600;}
.banner_wrap .right > .img_wrap img { width: 100%;}


/* 회원권 영역 */
.employ_box { max-width: 1054px; margin: 0 auto; padding: 1rem 15px 0;}
.employ_box .title_wrap h2 > img { width: 22px;}
.employ_box .employ_cont { margin-bottom: 1.5rem; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: .3rem;}
.employ_box .employ_cont li { padding: 4px 1px 0px; width: calc(100% / 4 - .23rem); height: 10rem; position: relative; overflow: hidden;}
.employ_box .employ_cont li:nth-last-child(1),
.employ_box .employ_cont li:nth-last-child(2),
.employ_box .employ_cont li:nth-last-child(3),
.employ_box .employ_cont li:nth-last-child(4) { padding-bottom: 4px;} 
.employ_box .employ_cont li:nth-child(1),
.employ_box .employ_cont li:nth-child(2),
.employ_box .employ_cont li:nth-child(3),
.employ_box .employ_cont li:nth-child(4) { padding-top: 4px;} 
.employ_box .employ_cont li .cont_box { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #d3d3d3; width: 100%; height: 100%; padding: .5rem .7rem; transition: ease-in-out .3s;}
.employ_box .employ_cont li .cont_box:hover{ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.employ_box .employ_cont li .cont_box .img_wrap { text-align: center; height: 2rem;}
.employ_box .employ_cont li .cont_box .img_wrap img { height: 100%; object-fit: contain; max-width: 100%;}
.employ_box .employ_cont li .cont_box.another { justify-content: center; align-items: center; gap: 1rem; text-align: center;}
.employ_box .employ_cont li .cont_box.another a { display: block; background: #f3f3f3; padding: 0.3rem 1rem; border-radius: 5px;}
.employ_box .employ_cont li .cont_box h3 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; line-height: 1.1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; font-weight: 600; margin: 1rem 0 0.5rem; }
.employ_box .employ_cont li .cont_box .desc { line-height: 1.2; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; font-size: .9rem; margin-bottom: .5rem;}
.employ_box .employ_cont li .cont_box .end { font-size: .8rem; color: #b7b7b7;}
.employ_box .employ_cont li .favorite { right: 10px; bottom: 10px;}
.employ_box .employ_cont li .cont_box.another span { line-height: 1.1; font-weight: 500;}

.employ_box .employ_cont li .hover_box { position: absolute; transition: .3s; top: calc(100% + 6px); left: 0; width: 100%; height: calc(100% + 2px); background: #41414170; display: flex; align-items: flex-end; overflow: hidden;}
.employ_box .employ_cont li:hover .hover_box {top: -1px; }
.employ_box .employ_cont li .hover_box .box_inner { display: flex; flex-direction: column; justify-content: end; background:#626363; border-radius: 10px 10px 0 0 ; padding: 10px 15px; width: 100%; height: calc(100% - 2.5rem); justify-content: space-between;}
.employ_box .employ_cont li .hover_box .box_inner p {  color: #fff;display: flex; gap: 0.5rem;}
.employ_box .employ_cont li .hover_box .box_inner p:nth-child(1) { font-size: 1rem; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; line-height: 1.1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; text-align: left; font-weight: 500; margin-bottom: 0.3rem;}
.employ_box .employ_cont li .hover_box .box_inner p span { color: #fff;  font-size: .9rem;}
.employ_box .employ_cont li .hover_box .box_inner p span:nth-child(1) { color: #fff; background: var(--color_blue); padding: .1rem 0; border-radius: 3px; text-align: center; width: 75px; font-size: .8rem;line-height: 1.2;} 
.employ_box .employ_cont li .hover_box .box_inner p span:nth-child(2) { width: calc(100% - 75px); line-height: 1.2;  display: -webkit-box;white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;}

.employ_cont li:nth-child(1) .hover_box,
.employ_cont li:nth-child(2) .hover_box,
.employ_cont li:nth-child(3) .hover_box,
.employ_cont li:nth-child(4) .hover_box { border-radius: 8px 8px 0 0 ;}

.employ_cont li:nth-last-child(1) .hover_box,
.employ_cont li:nth-last-child(2) .hover_box,
.employ_cont li:nth-last-child(3) .hover_box,
.employ_cont li:nth-last-child(4) .hover_box { border-radius: 0 0 8px 8px;}

.gold .employ_cont li { width: calc(33.3333% - .2rem); height: unset; }
.gold .employ_cont li:nth-last-child(4) { padding: 4px 0;}
.gold .employ_cont li .title { display: flex; align-items: center; margin-bottom: 1rem; gap: 1rem;} 
.gold .employ_cont li .cont_box .desc { -webkit-line-clamp: 1; margin-bottom: unset; margin-right: 2rem;}
.gold .employ_cont li .cont_box.another { gap: .5rem; padding: 1.4rem 1rem; flex-direction: unset; justify-content: space-around;}
.gold .employ_cont li .cont_box .img_wrap { margin: 0; width: 30%;}
.gold .employ_cont li .cont_box h3 { margin: 0; width: 70%;}
.gold .employ_cont li .favorite { bottom: 8px;}

/* 상, 하단 그라데이션 데코 */
.employ_cont li:nth-child(1) .cont_box,
.employ_cont li:nth-child(2) .cont_box,
.employ_cont li:nth-child(3) .cont_box,
.employ_cont li:nth-child(4) .cont_box { /* border-radius: 8px 8px 0 0 ; */ border-top-left-radius: 8px; border-top-right-radius: 8px; }

.employ_cont li:nth-child(1) .cont_box:before,
.employ_cont li:nth-child(2) .cont_box:before,
.employ_cont li:nth-child(3) .cont_box:before,
.employ_cont li:nth-child(4) .cont_box:before { content: ''; position: absolute; width: 100%; height: 30px; background: linear-gradient(90deg, #6ac2bd, #33afd2, #5f3b92); z-index: -1; top: -5px; left: 0; border-radius: 8px;}

.employ_cont li:nth-last-child(1) .cont_box,
.employ_cont li:nth-last-child(2) .cont_box,
.employ_cont li:nth-last-child(3) .cont_box,
.employ_cont li:nth-last-child(4) .cont_box { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}

.employ_cont li:nth-last-child(1) .cont_box:after,
.employ_cont li:nth-last-child(2) .cont_box:after,
.employ_cont li:nth-last-child(3) .cont_box:after,
.employ_cont li:nth-last-child(4) .cont_box:after { content: ''; position: absolute; width: 100%; height: 30px; background: linear-gradient(90deg, #6ac2bd, #33afd2, #5f3b92); z-index: -1; bottom: -5px; left: 0; border-radius: 8px;}

.gold .employ_cont li:nth-child(4) .cont_box { border-radius: unset;}
.gold .employ_cont li:nth-child(4) .cont_box:before { content: unset;}
.gold .employ_cont li:nth-last-child(3) .cont_box { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.gold .employ_cont li:nth-last-child(4) .cont_box { border-radius: unset; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.gold .employ_cont li:nth-last-child(4) .cont_box:after { content: unset;}

.other_link { background: #f3f3f4; padding: 15px 0;}
.other_link .inner { max-width: 1054px; margin: 0 auto; padding: 0 15px;  display: flex; align-items: center; gap: 0.7rem;}
.other_link .inner .left { width: 26%; max-width: 261px;}
.other_link .inner .center { width: 26%; max-width: 261px;}
.other_link .inner .right { width: 47%; max-width: 480px;}
.other_link .inner img { width: 100%;}

/* 실시간 추천 공고 */
.modal_wrap { display: none;position: fixed; width: 90%; max-width: 720px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9999;    overflow: hidden;}
#home_modal {z-index: 10000;}
#promotion_modal { width: unset; max-width: unset; }
.modal_wrap .text_img { height: 10%; display: flex; align-items: center; justify-content: center;}
.modal_wrap .text_img img{ width: 90%;}
#home_modal .top_area { background: url(/img/pc/mo-popup-background.png) no-repeat center center / cover; padding: 1.5rem; text-align: center; min-height: 60vh; width: 100%;display: flex; align-items: center; flex-direction: column; justify-content: space-around; }
#promotion_modal .top_area { background: unset;}
#promotion_modal .top_area a img { width: 100%; max-height: 80vh;}
.modal_wrap .mo_area { height: 90%;background: #fff; padding: 15px; border-radius: 15px; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between; text-align: left;} 
.modal_wrap .mo_area .cont_box { padding: 10px; border: 1px solid #d3d3d3; border-radius: 10px; width: calc(33.3333% - 0.7rem); position: relative; padding-bottom: calc(14px + 1.3rem);}
.modal_wrap .mo_area .cont_box .img_wrap { display: block; margin: 0 auto 1rem; height: 2rem; text-align: center;}
.modal_wrap .mo_area .cont_box .img_wrap img { height: 100%; object-fit: contain; max-width: 100%;}
.modal_wrap .mo_area .cont_box h3 { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 600; line-height: 1.3;}
.modal_wrap .mo_area .cont_box h4 { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1;margin: .5rem 0; line-height: 1.3;}
.modal_wrap .mo_area .cont_box p { color: #878787; text-align: right; position: absolute; right: 10px; bottom:10px; }
.modal_wrap .mo_area .cont_box p.pay { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 1.1rem;}
.modal_wrap .btn_wrap { display: flex; justify-content: space-between; align-items: center; padding: 1rem 3rem;}
.modal_wrap .btn_wrap button.mo_close img { width: 20px;}
.modal_wrap .btn_wrap button.mo_close_1h { display: flex; gap: .3rem; align-items: center; }
.modal_wrap .btn_wrap button.mo_close_1h:hover { text-decoration: underline;}
.modal_wrap .btn_wrap button.mo_close_1h img { width: 20px;}
.modal_wrap .btn_wrap button.mo_close_24h { display: flex; gap: .3rem; align-items: center; }
.modal_wrap .btn_wrap button.mo_close_24h:hover { text-decoration: underline;}
.modal_wrap .btn_wrap button.mo_close_24h img { width: 20px;}
.modal_back { display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0000004a; z-index: 9998;}
.modal_back#modal_back2 { z-index: 9999;}


/* hot 추가 옵션 */
.ot_recom1 .label_option { position: absolute; left: 4px; top: 9px; transform: rotate(-45deg); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #fff; font-weight: 500;}
.ot_recom1 .label_option:before { width: 0; height: 0; position: absolute; z-index: -1; left: -11px; top: -7px; transform: rotate(45deg); filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));}
.ot_recom2 .label_option { position: absolute; left: 4px; top: 9px; transform: rotate(-45deg); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #fff; font-weight: 500;}
.ot_recom2 .label_option:before { width: 0; height: 0; position: absolute; z-index: -1; left: -11px; top: -7px; transform: rotate(45deg); filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));}
.employ_cont li:nth-child(1) .cont_box .label_option:before,
.employ_cont li:nth-child(2) .cont_box .label_option:before,
.employ_cont li:nth-child(3) .cont_box .label_option:before,
.employ_cont li:nth-child(4) .cont_box .label_option:before { border-radius: 8px 0 0 0; }

.ot_recom1 .label_option:before { content:''; border-top: 45px solid #df222c; border-right: 45px solid transparent;}  
.ot_recom2 .label_option:before { content:''; border-top: 45px solid #276fb7; border-right: 45px solid transparent;}

/* 이벤트 배너 */
.event_wrap { margin: .7rem auto; }
.event_wrap .swiper-wrapper,
.event_wrap .swiper-slide { height: unset;}
.event_wrap a img { width: 100%;}

#holidays_noti { display: none;	position: fixed; width: 90%; width: fit-content; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 8888;    overflow: hidden; border: 1px solid #ddd;}
#holidays_noti .btn_wrap { display: flex; justify-content: space-between; align-items: center; padding: 1rem 3rem;}
#holidays_noti .btn_wrap button.holidays_close img { width: 20px;}
#holidays_noti .btn_wrap button.holidays_close_24h { display: flex; gap: .3rem; align-items: center; }
#holidays_noti .btn_wrap button.holidays_close_24h:hover { text-decoration: underline;}
#holidays_noti .btn_wrap button.holidays_close_24h img { width: 20px;}
#holidays_noti .top_area { height: 73vh;}
#holidays_noti .top_area img { height: 100%;}


/* 반응형 */
@media screen and (max-width: 1450px) {
	.employ_box { max-width: 1000px;}
	.right_banner { right: 5px; transform: unset; height: calc(100% - 20rem);}
	.other_link .inner { max-width: 1000px;}
	.left_banner { width: 170px; left: 5px; transform: unset;}
}
@media screen and (max-width: 1390px) {
	.employ_box { max-width:900px;}
	.other_link .inner { max-width: 900px;}
}

@media screen and (max-width: 1270px) {
	.employ_box { max-width: 800px;}
	.other_link .inner { max-width: 800px;}
	.right_banner { height: calc(100% - 21rem);}
}
@media screen and (max-width: 1200px) {
	.left_banner { width: 160px;}
	.left_banner .list_wrap ul li a { padding-left: 0;}
}
@media screen and (max-width: 1180px) {
	.employ_box { max-width: 100%; padding-right: calc(30px + 160px);}
	.left_banner { display: none;}
	.right_banner {width: unset;}
	.other_link .inner { max-width: 100%; padding-right: calc(30px + 160px);}
}
@media screen and (max-width: 1140px) {
	.employ_box {  padding-right: 185px;}
	.other_link .inner {  padding-left: 185px;}
	.left_banner .list_wrap ul li a { padding-left: 0;}
}
@media screen and (max-width: 1023px) {
	.employ_box { max-width: 100%;padding-left: 170px;}
	.other_link .inner { max-width: 100%;padding-left: 170px;}
	.left_banner {width: 140px;}
}
@media screen and (max-width: 769px) {
	.left_banner	 { display: none;}
	.employ_box { padding-left: 15px;}
	.other_link .inner { padding-left: 15px;}
}

/* 태블릿 이하 */
@media screen and (max-width: 767px) {
	.banner_wrap .left { width: 100%;}
	.banner_wrap .right { display: none;} 
}
@media screen and (min-width: 700px) and (max-width: 1229px) {
	#home_modal > img { width: 700px;}
	#home_modal .mo_area { max-height: 60%; padding: 20px;}
	#home_modal .btn_wrap { padding: 15px 30px; }
}
@media screen and (min-width: 700px) and (max-width: 900px) {
    .employ_cont li .cont_box img {
        height: 1.5rem;
    }
	#home_modal .btn_wrap button.mo_close_1h { font-size: 1.2rem; }
	#home_modal .top_area { min-height: 60vh;}
	#home_modal .mo_area .cont_box .logo_img { height: 3rem;}
	#home_modal .mo_area .cont_box h3 { font-size: 1.4rem;}
	#home_modal .mo_area .cont_box h4 { font-size: 1.4rem;}
	#home_modal .mo_area .cont_box p { font-size: 1.4rem;}
}
@media screen and (max-width: 700px) {
	#home_modal { max-width: 80%;}
	#home_modal .mo_area { overflow-y: scroll;padding: 15px; max-height: 60%;}
	#home_modal .mo_area .cont_box .logo_img { max-width: 100%;}
	#home_modal .mo_area .cont_box { padding: .5rem;}
	#home_modal .mo_area .cont_box h4 { text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	#home_modal .btn_wrap { padding: 5px 15px; }

}

@media screen and (max-height: 725px) {
	#home_modal .mo_area .cont_box { padding-bottom: 20px;} 
    #home_modal .mo_area .cont_box h4 { /* -webkit-line-clamp: 1; */ margin: .3rem 0;}
	#home_modal .mo_area .cont_box p { bottom: 5px;}
	#home_modal .mo_area { padding: 10px;}
	#home_modal .mo_area .cont_box .logo_img { height: 1.5rem; margin: 0 auto .5rem;}
	#home_modal .mo_area .cont_box h3 { font-size: 1.2rem;}
	#home_modal .mo_area .cont_box p { font-size: 1rem;}

	#home_modal .btn_wrap { padding: 0.5rem 3rem;}
	#home_modal .btn_wrap button.mo_close_1h { font-size: 1.2rem;}
	.right_banner { height: calc(100% - 14rem);}
}