@charset "utf-8";

#container{max-width: none; padding-top: 0;}
.main_content{}
.main_content *[class^="section"]{}
.main_content h2{font-size: 3.6rem; font-weight: 400; letter-spacing: -0.036em; font-family: 'SBAggro';}
#wrapper::before{display: none;} 

/* 공통 */
section[class^='main_con'] .btn_more{font-size: 1.9rem; color: var(--gray); font-weight: 500; display: inline-flex; align-items: center; gap: 0 0.4rem;}
section[class^='main_con'] .btn_more::after{content:''; display: inline-block; width: 2rem; height: 2rem; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image : url(../images/main/ico_bookmark_more.svg); -webkit-mask-image : url(../images/main/ico_bookmark_more.svg); background: var(--gray);}
section[class^='main_con'] .btn_more:hover{font-weight: 700;}

/* main_visual */
.main_visual{padding-top: 20.8rem;position: relative;margin-bottom: 8.8rem;}
.main_visual::before{content: '';display: block;width: 100%;height: 63rem;background: url(../images/main/bg_top.jpg) no-repeat top center / cover;position: absolute;top: 0;left: 0;z-index: -1;   min-width: 128rem; border-radius: 0 0 25rem 25rem}
.main_visual .wrap{display: flex; justify-content: space-between;}
.main_visual .txt{padding-top: 4rem;}
.main_visual .txt p{font-size: 4.4rem; font-family: 'SBAggro'; font-weight: 300; letter-spacing: -0.04em; margin-bottom: 1.2rem;}
.main_visual .txt strong{display: block; font-size: 6.4rem; font-family: 'SBAggro'; color: var(--primary); font-weight: 400;}

.main_visual .login_area{padding: 4rem;padding-top: 4.8rem;background: #fff;border-radius: 4rem;box-shadow: 0px 0px 24px 0px rgba(34, 84, 120, 0.12);width: 46.4rem;position: relative;}
.main_visual .login_area.bf::before{content: '';display: block;width: 11rem;height: 9.1rem;background: url(../images/main/img_login.svg) no-repeat center / 10.7rem;position: absolute;right: 5.5rem;top: 4rem;}
.main_visual .login_area.bf p{font-size: 1.9rem;}
.main_visual .login_area.bf strong{display: block; font-size: 2.8rem; color: var(--primary); font-weight: 700;}
.main_visual .login_area.bf .btn_login{display: block;width: 100%;margin-top: 4.8rem;}
.main_visual .login_area.bf .btn_login i{font-size: 2rem; margin-left: 0.5rem; font-weight: 400;}
.main_visual .login_area.bf .btns{display: flex; align-items: center; justify-content: space-between; margin-top: 1.6rem;}
.main_visual .login_area.bf .btns a{font-size: 1.7rem; color: var(--gray-60);}
.main_visual .login_area.af{width: 61.2rem;}
.main_visual .login_area.af .top{display: flex;justify-content: space-between;margin-bottom: 4rem;}
.main_visual .login_area.af .top .user{padding-left: 10rem; position: relative;}
.main_visual .login_area.af .top .user::before{content:''; display:block; width: 7.5rem; height: 7.5rem; background: url(../images/main/img_user.svg) no-repeat center / 7.3rem; position: absolute; left: 0; top: -0.5rem;}
.main_visual .login_area.af .top .user .name{color: var(--primary-80);font-size: 2.8rem;font-family: 'SBAggro';font-weight: 300;}
.main_visual .login_area.af .top .user .name strong{font-weight: 500;}
.main_visual .login_area.af .top .user .time{font-size: 1.7rem; color: var(--gray-60);}
.main_visual .login_area.af .top  .btns{display: flex; gap: 0 0.8rem;}
.main_visual .login_area.af .top .btn.sml{font-size: 1.7rem;min-width: 9.6rem;}

.main_visual .login_area.af .count_slider{}
.main_visual .login_area.af .count_slider .swiper-wrapper{display: flex; gap: 0 0.8rem;}
.main_visual .login_area.af .count_slider .swiper-slide{font-size: 1.7rem; color: var(--gray); text-align: center; flex: 1;}
.main_visual .login_area.af .count_slider .swiper-slide .count{display: flex;align-items: center;justify-content: center;border-radius: 0.8rem;background: var(--gray-0_25);width: 10rem;height: 7.8rem;font-family: 'SBAggro';font-weight: 300;gap: 0 0.4rem;color: var(--gray);}
.main_visual .login_area.af .count_slider .swiper-slide b{font-size: 2.8rem; color: var(--primary); font-weight: 700;}
.main_visual .login_area.af .count_slider .swiper-slide i{position: relative; top: 0.2rem;}
.main_visual .login_area.af .count_slider .swiper-slide span{font-size: 1.7rem; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 0 0.5rem; margin-top: 0.5rem;}
.main_visual .login_area.af .count_slider .swiper-slide span::before{content: ''; display: inline-block; width: 1.6rem; height: 1.6rem;}
.main_visual .login_area.af .count_slider .c1 span::before{background: url(../images/main/ico_login_af_01.svg) no-repeat center / 1.6rem;}
.main_visual .login_area.af .count_slider .c2 span::before{background: url(../images/main/ico_login_af_02.svg) no-repeat center / 1.6rem;}
.main_visual .login_area.af .count_slider .c3 span::before{background: url(../images/main/ico_login_af_03.svg) no-repeat center / 1.6rem;}
.main_visual .login_area.af .count_slider .c4 span::before{background: url(../images/main/ico_login_af_04.svg) no-repeat center / 1.6rem;}
.main_visual .login_area.af .count_slider .c5 span::before{background: url(../images/main/ico_login_af_05.svg) no-repeat center / 1.6rem;}
.main_visual .login_area.af .count_slider .btns{display: none;}



/* bookmark1 */
.bookmark{margin: -4rem auto;position: relative;background: #ddd;background:  rgba(255, 255, 255, 0.80);box-shadow: 0 0 24px 0 rgba(34, 84, 120, 0.12);backdrop-filter: blur(2px);border-radius: 4rem;padding: 2.4rem 3.7rem 2.6rem;}
.bookmark_slider{overflow: hidden;}
.bookmark .swiper-wrapper{display: flex; gap:0;}
.bookmark .swiper-initialized .swiper-wrapper{gap: 0;}
.bookmark .swiper-slide{position: relative; max-width: 14.3%;}
.bookmark .swiper-slide + .swiper-slide::before{content: ''; display: block; width: 1px; height: 9.6rem; background: #EEF2F8; position: absolute; left: 0; top: 0.8rem;}
.bookmark .swiper-slide a{display: block; text-align: center;}
.bookmark .swiper-slide span{font-size: 1.9rem;font-weight: 500;margin-top: 1.7rem;display: block;}
.bookmark .swiper-slide .icon{display: flex;width: 100%;height: 6.4rem;justify-content: space-between;align-items: center;justify-content: center;}
.bookmark .swiper-slide .icon::before{content: ''; display: block; width: 6.4rem; height: 6.4rem;}
.bookmark .swiper-slide .icon.q1::before{background: url(../images/main/img_bookmark_01.svg) no-repeat center / 4.2rem;}
.bookmark .swiper-slide .icon.q2::before{background: url(../images/main/img_bookmark_02.svg) no-repeat center / 4.2rem;}
.bookmark .swiper-slide .icon.q3::before{background: url(../images/main/img_bookmark_03.svg) no-repeat center / 5.2rem;}
.bookmark .swiper-slide .icon.q4::before{background: url(../images/main/img_bookmark_04.svg) no-repeat center / 4.4rem;}
.bookmark .swiper-slide .icon.q5::before{background: url(../images/main/img_bookmark_05.svg) no-repeat center / 6.2rem;}
.bookmark .swiper-slide .icon.q6::before{background: url(../images/main/img_bookmark_06.svg) no-repeat center / 4rem;}
.bookmark .swiper-slide .icon.q7::before{background: url(../images/main/img_bookmark_07.svg) no-repeat center / 6.4rem;}
.bookmark .swiper-slide .icon.q8::before{background: url(../images/main/img_bookmark_08.svg) no-repeat center / 6.4rem;}
.bookmark .swiper-slide .icon.q9::before{background: url(../images/main/img_bookmark_09.svg) no-repeat center / 6.4rem;}
.bookmark .swiper-slide .icon.q10::before{background: url(../images/main/img_bookmark_10.svg) no-repeat center / 6.4rem;}

.bookmark .swiper-slide .icon.q_more::before{border-radius: 100rem; background: var(--gray-0_25) url(../images/main/ico_bookmark_more.svg) no-repeat center / 2.4rem;}
.bookmark button[class^='btn_bookmark']{display: block; width: 5.6rem; height: 5.6rem; border-radius: 100rem; background: rgba(255,255,255,0.8) url(../images/main/ico_bn_prev.svg) no-repeat center / 2.4rem; box-shadow: 0 0 12px 0 rgba(34, 84, 120, 0.12); position: absolute; top: 5.4rem; }
.bookmark .btn_bookmark_prev{left: -4rem;}
.bookmark .btn_bookmark_next{right: -4rem; transform: rotate(180deg);}
.bookmark  .swiper-button-disabled{background: rgba(255,255,255,0.8) url(../images/main/ico_bn_prev_disabled.svg) no-repeat center / 2.4rem !important; cursor: default;}
.bookmark .swiper-slide:hover span{color: var(--primary); font-weight: 700;}
.bookmark:has(.swiper-slide:nth-of-type(1).swiper-slide-active) .swiper-slide:nth-of-type(8)::before{display: none;}
.bookmark:has(.swiper-slide:nth-of-type(8).swiper-slide-active) .swiper-slide:nth-of-type(15)::before{display: none;}
.bookmark:has(.swiper-slide:nth-of-type(15).swiper-slide-active) .swiper-slide:nth-of-type(22)::before{display: none;}
.bookmark .swiper-slide-active::before{display: none !important;}

/* w_status */
.w_status{margin-top: 8.6rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.w_status .tit{display: flex;gap: 0 2.4rem;align-items: center;margin-bottom: 2.4rem;width: 100%;}
.w_status .tit span{font-size: 1.7rem; color: var(--gray-60); position: relative; top: 0.3rem;}
.w_status .left{width: 46rem; position: relative;}
.w_status .left .top{border-radius: 4rem 2.4rem 2.4rem 2.4rem; background: var(--secondary-50); box-shadow: 0px 0px 16px 0px rgba(34, 84, 120, 0.12); padding: 2.4rem 4rem 4.7rem 4rem; display: flex; justify-content: space-between; width: 41rem;}
.w_status .left .top b{font-size: 1.9rem; color: #fff; font-weight: 700; display: flex; align-items: center; gap: 0 1rem;}
.w_status .left .top b::before{content: ''; display: inline-block; width: 2rem; height: 2rem; background: url(../images/main/ico_status.svg) no-repeat center / 2rem;}
.w_status .left .top .badge{display: inline-block; padding: 0.1rem 1.8rem; background: #fff; border-radius: 100rem; color: var(--primary-50); font-weight: 700; min-width: 0; line-height: 1.5; height: auto;}
.w_status .left .btm{border-radius: 1.6rem;background: rgba(255, 255, 255, 0.9);box-shadow: 0px 0px 16px 0px rgba(34, 84, 120, 0.12);backdrop-filter: blur(2px);text-align: center;font-family: 'SBAggro';position: absolute;left: 3.2rem;top: 7rem;width: calc(100% - 3.2rem);}
.w_status .left .btm a{display: block;padding: 2rem 1.6rem;}
.w_status .left .btm span{font-size: 1.9rem; font-weight: 300; }
.w_status .left .btm p{font-size: 1.9rem; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.w_status .right{width: calc(100% - 46rem - 4.8rem);}
.w_status .right ul{display: flex; gap: 0 2.4rem;}
.w_status .right li{flex: 1; border-radius: 2.4rem; background: #fff; box-shadow: 0px 0px 16px 0px rgba(34, 84, 120, 0.12); height: 16.6rem;}
.w_status .right li a{display: flex; width: 100%; height: 100%;  justify-content: center; align-items: center; justify-content: center; }
.w_status .right li a::before{content: ''; display: inline-block; width: 9.6rem; height: 9.6rem; margin-right: 2rem; border-radius: 100rem;}
.w_status .right strong{font-size: 2.2rem; display: block;}
.w_status .right p{font-family:'SBAggro'; font-size: 1.7rem; font-weight: 300;}
.w_status .right p b{font-size: 3.6rem; color: var(--primary-60); font-weight: 700; margin-right: 0.5rem;}
.w_status .right li div{min-width: 10rem;}
.w_status .right li.s1 a::before{background: var(--gray-0_25) url(../images/main/img_status_01.png) no-repeat center / 6.2rem;}
.w_status .right li.s2 a::before{background: var(--gray-0_25) url(../images/main/img_status_02.png) no-repeat center / 5.4rem;}
.w_status .right li.s3 a::before{background: var(--gray-0_25) url(../images/main/img_status_03.png) no-repeat center / 7rem;}

/* main_sch */
.main_sch{margin-top: 10rem;position: relative;}
.main_sch::before{content: ''; display: block; width: 28rem; height: 35rem; background: url(../images/main/deco_sch.svg) no-repeat center / 28rem; position: absolute; left: 0; top: 0;}
.main_sch .top{border-radius: 10rem 2.4rem 2.4rem 2.4rem;background: var(--primary-50); position: relative; overflow: hidden; width: calc(100% - 8.6rem - 7.4rem); margin-left: 8.6rem; padding: 3.2rem 3.2rem 11rem 17rem;}
.main_sch .top::after{content: '';display: block;width: 100%;height: 19.6rem;background: url(../images/main/bg_sch.png) no-repeat center;position: absolute;top: 0rem;right: 0; z-index: 0;}
.main_sch .top h2{color: #fff; margin-bottom: 1.2rem;}
.main_sch .top *{position: relative; z-index: 9;}
.main_sch .tab_menu{display: flex;align-items: center;gap: 0 3.8rem;position: absolute;right: 5.2rem;top: 4rem;}
.main_sch .tab_menu li{position: relative;}
.main_sch .tab_menu li + li::before{content: ''; display: block; width: 0.3rem; height: 0.3rem; border-radius: 100rem; background: rgba(255,255,255,0.8); position: absolute; left: -1.9rem; top: 50%; margin-top: -0.15rem;}
.main_sch .tab_menu li button{font-size:2.4rem; color: rgba(255,255,255,0.6); font-weight: 500; background: transparent;}
.main_sch .tab_menu li button.on{color: #fff; font-weight: 700;}
.main_sch .tab_menu li button:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}

.main_sch .tab{position: relative;}
.main_sch .sch_wrap{background: #fff;z-index: 9;width: calc(100% - 24.4rem);position: absolute;left: 24.4rem; top: 9.8rem;border-radius: 2.4rem;box-shadow: 0px 0px 24px 0px rgba(34, 84, 120, 0.12);padding: 4rem 4.8rem;border: 0;gap: 0 2.4rem; }


.main_sch .sch_wrap .tit{display: flex;gap: 0 1.2rem;align-items: center;position: relative;z-index: 99; margin-bottom: 1.6rem;}
.main_sch .sch_wrap .tit h5{font-size: 2.8rem; font-weight: 700;}
.main_sch .sch_wrap .tit span{font-size: 1.9rem; color: var(--gray-60); position: relative; top: 0.5rem;}
.main_sch .sch_wrap .input_wrap{display:flex; gap: 0 2.4rem; border: 0; border-radius: 0;}
.main_sch .img{width: 23rem; height: 24.2rem; position: absolute; z-index: 99; background: url(../images/main/img_sch.png) no-repeat center / 23rem; left: -23rem; bottom: 0;}
.main_sch .img::after{content: ''; display: block; width: 13.5rem; height: 13.5rem; background: rgba(255,255,255,0.8); border-radius: 100rem; position: absolute; left: 1.1rem; top: 1.1rem; z-index: -1; backdrop-filter: blur(2px);}
.main_sch .img::before{content:''; width: 15.6rem; height: 15.6rem; position: absolute; left:0; top:2.2rem; transition: all 0.5s;  opacity: 0; }
.main_sch .img.ico1::before{background: url(../images/main/ico_sch_01.png) no-repeat center / 8rem;}
.main_sch .img.ico2::before{background: url(../images/main/ico_sch_02.png) no-repeat center / 6.3rem;}
.main_sch .img.ico3::before{background: url(../images/main/ico_sch_03.png) no-repeat center / 7.4rem;}
.main_sch .img.ico4::before{background: url(../images/main/ico_sch_04.png) no-repeat center / 6rem;}
.main_sch .img.ico5::before{background: url(../images/main/ico_sch_05.png) no-repeat center / 8rem;}
.main_sch .tab_cont.on .img::before{top: 0; opacity: 1;}
.main_sch .sch_wrap .input_wrap .sch_input{background: var(--gray-0_25); width: 100%; height: 6.4rem; font-size: 1.9rem; padding:0 3.2rem; padding-right: 7rem; border: 0;}
.main_sch .sch_wrap .input_wrap i{position: absolute;right: 20.8rem;top: 2rem;background-color: #7A8697;}
.main_sch .sch_wrap .input_wrap .btn{width: 16rem;min-width: 0; height: 6.4rem; font-size: 1.9rem; flex-shrink: 0;}

/* recent */
.recent{margin-top: 22.4rem;position: relative;}
.recent::after{content: '';display: block;width: 19.8rem;height: 36.7rem;background: url(../images/main/deco_recent.svg) no-repeat center / 19.8rem;position: absolute;right: 0;bottom: -20rem;z-index: -3;}
.recent .wrap{display: flex;position: relative;gap: 0 2.4rem;}
/* recent_list */
.recent_list{width: calc(100% - 37rem);position: relative;}
.recent_list .tab_menu{gap: 0 4.2rem;}
.recent_list .tab_menu li{position: relative;}
.recent_list .tab_menu li:not(:last-child)::after{content: ''; display: block; width: 0.5rem; height: 0.5rem; border-radius: 100rem; background: var(--gray-50); position: absolute; right: -2.5rem; top: 2rem;}
.recent_list .tab_menu li button{font-size: 3.6rem; font-family: 'SBAggro'; color: var(--gray-60); letter-spacing: -0.036em; font-weight: 300;}
.recent_list .tab_menu li button.on{color: var(--primary); font-weight: 400;}
.recent_list .btn_more{position: absolute;right: 0;top: 0.3rem;}
.recent_list .tab_menu li button:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}

.recent_slider .swiper-wrapper{display: flex; gap: 0 2.4rem;}
.recent_slider .swiper-slide{width: calc((100% / 3) - 1.6rem);max-width: calc((100% / 3) - 1.6rem);border-radius: 2.4rem;background: #fff;box-shadow: 0px 0px 16px 0px rgba(34, 84, 120, 0.12); border: 1px solid transparent; transition: all 0.2s; position: relative; bottom: 0;}
.recent_slider .swiper-slide a{display: flex; padding: 4rem; flex-direction: column; justify-content: center;}
.recent_slider .swiper-slide .top{display: flex; gap: 0 0.8rem; margin-bottom: 2.4rem;}
.recent_slider .swiper-slide .tag1,
.recent_slider .swiper-slide .tag2{display: inline-block;padding: 0.5rem 1.6rem;color: var(--gray);background: var(--gray-0_25);border-radius: 100rem;font-weight: 500;line-height: 1.5;}
.recent_slider .swiper-slide .tag2{background-color: var(--primary-10); color: var(--primary);}

.recent_slider .swiper-slide b{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 2.2rem;color: var(--gray-90);font-weight: 700;margin-bottom: 1.2rem;height: 3.3rem;}
.recent_slider .swiper-slide p{color: var(--gray); font-size: 1.7rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 2.4rem; height: 5rem;}
.recent_slider .swiper-slide .date{font-size: 1.7rem; color: var(--gray-60);}
.recent_slider .swiper-slide .ico_lock{display: inline-block; width: 3.2rem; height: 3.2rem; background: url(../images/icon/ico_lock.svg) no-repeat center / 3.2rem; vertical-align: middle; position: relative; top: -0.3rem; margin-right: 0.8rem;}
.recent_slider .swiper-slide:hover{border: 1px solid var(--primary); bottom: 1.2rem;}

/* main_banner */
.main_banner{width: 34.5rem; height: 37.2rem; position: relative;}
.main_banner .pc_bg{position: absolute; z-index: 99; width:100%; z-index: -1; display: block;}
.main_banner .mo_bg{display: none;}
.shadow{ -webkit-filter: drop-shadow( 0 0 1rem rgba(34, 84, 120, 0.12)); filter: drop-shadow( 0 0 1rem rgba(34, 84, 120, 0.12));}
.bn_slider{position: relative; overflow: hidden;}
.bn_slider .swiper-wrapper{}
.bn_slider .swiper-slide{width:100%; height:100%; -webkit-mask: url(../images/main/banner_mask.png); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% ; -webkit-mask-position: center; mask: url(../images/main/banner_mask.png); mask-repeat: no-repeat; mask-size: 100%; mask-position: center; }
.bn_slider .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}
.bn_slider .btns{position: absolute;left: 1.3rem;bottom: 0.5rem;flex-shrink: 0;display: flex;align-items: center;width: 20rem;gap: 0 0.8rem;z-index: 90;padding-left: 0;}
.bn_slider .btns button[class^="btn_bn"]{display: inline-block; width: 3.2rem; height: 3.2rem; border-radius: 100rem; box-shadow: 0px 0px 8px 0px rgba(34, 84, 120, 0.16); transition: all 0.2s;}
.bn_slider .btns button:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}
.bn_slider .btns .btn_bn_prev{background: #fff url(../images/main/ico_bn_prev.svg) no-repeat center;}
.bn_slider .btns .btn_bn_next{background: #fff url(../images/main/ico_bn_next.svg) no-repeat center;}
.bn_slider .btns .btn_bn_control{background: #fff url(../images/main/ico_bn_pause.svg) no-repeat center;}
.bn_slider .btns .btn_bn_control.play{background: #fff url(../images/main/ico_bn_play.svg) no-repeat center;}
.bn_slider .bn_pagination{width: auto; margin-right: 0.6rem; color: var(--gray); font-size: 1.7rem;}
.swiper-pagination-current{color: var(--gray-80); font-weight: 700;}


/* info_area */
#footer{margin-top: 0;}
.info_area{margin-top: 12rem;position: relative;z-index: 9; padding-bottom: 15rem;}
.info_area .wrap{display: flex;justify-content: space-between;position: relative;}
.info_area::before{content:''; display:block; width:100%; height: 34.3rem; background: url(../images/main/bg_info.jpg) no-repeat center / cover; position: absolute; bottom: 0; left: 0; border-radius: 30rem 0 0 0; overflow: hidden;}
.info_area h2{margin-bottom: 1.2rem;} 
.info_area p{color: var(--gray); font-size: 1.9rem; margin-bottom: 6rem;}
.info_area .left .btn_download{display: block;padding: 1.6rem 0;font-size: 2.2rem;font-family: 'SBAggro';font-weight: 300;background: transparent;border-bottom: 1px solid var(--gray-20);}
.info_area .left .btn_download::after{content: ''; display: inline-block; width: 4rem; height: 4rem; border-radius: 100rem; box-shadow: 0px 0px 8px 0px rgba(34, 84, 120, 0.16); background: #fff url(../images/main/ico_download.svg) no-repeat center / 2rem; vertical-align: middle; margin-left: 3rem; transition: all 0.2s;}
.info_area .left .btn_download:hover::after{background: var(--primary) url(../images/main/ico_download_white.svg) no-repeat center / 2rem;}
.info_area .left .btn_download:focus-visible{outline: 0.2rem solid var(--primary); outline-offset: 0.2rem;}
.info_area .right{max-width: calc(100% - 50rem);min-width: 90rem;flex: 1;}
.info_area .right ul{display: flex;flex-wrap: wrap;gap: 2.4rem;width: 100%;}
.info_area .right ul li{width: calc((100% - 4.8rem) / 3);border-radius: 2.4rem;background: rgba(255, 255, 255, 0.8);box-shadow: 0px 0px 24px 0px rgba(34, 84, 120, 0.12);backdrop-filter: blur(2px);height: 13.8rem;display: flex;align-items: center;padding: 0 4rem;flex-shrink: 0;}
.info_area .right ul li b{display: block;font-size: 1.9rem;font-family: 'SBAggro';color: var(--dark);font-weight: 500;margin-bottom: 0.4rem;word-break: break-all;}
.info_area .right ul li span{color: var(--gray); font-size: 1.7rem; letter-spacing: -0.017em;}
.info_area .right ul li::before{content:'';display: block;width: 5.8rem;height: 5.8rem;background-repeat: no-repeat;background-position: center;background-size: 5.8rem;margin-right: 2.2rem;flex-shrink: 0;}
.info_area .right ul li.info1::before{background-image: url(../images/main/img_info_01.svg);}
.info_area .right ul li.info2::before{background-image: url(../images/main/img_info_02.svg);}
.info_area .right ul li.info3::before{background-image: url(../images/main/img_info_03.svg);}
.info_area .right ul li.info4::before{background-image: url(../images/main/img_info_04.svg);}
.info_area .right ul li.info5::before{background-image: url(../images/main/img_info_05.svg);}
.info_area .right ul li.info6::before{background-image: url(../images/main/img_info_06.svg);}

/*** 세무포털 ***/
/* main_visual */
.main_visual .login_area.af .top:has(.company){margin-bottom: 0;}
.main_visual .login_area.af .top:has(.company) .user::before{background: url(../images/main/img_user_bus.svg) no-repeat center / 8rem; width: 8rem; height: 8rem; top: -0.6rem;}
.main_visual .login_area.af .top .company{font-size: 1.9rem; color: var(--gray); margin-bottom: 0.2rem;}
.main_visual .top_txt{color: var(--gray-60); font-size: 1.5rem; text-align: right; margin-bottom: 0.6rem;}
.main_visual .count_box{display: flex;background: var(--gray-0_25);padding: 1.8rem 2.4rem;border-radius: 1.6rem;justify-content: space-between;align-items: center;}
.main_visual .count_box strong{font-size: 2.2rem; font-family: 'SBAggro'; letter-spacing: -0.02em; font-weight: 400; color: var(--dark);}
.main_visual .count_box ul{display: flex; gap: 0 1.2rem; width: calc(100% - 14.6rem);}
.main_visual .count_box ul li{flex: 1;}
.main_visual .count_box ul li span{display: flex; border-radius: 0.8rem; text-align: center; height: 3.2rem; line-height: 3.2rem; background: #fff; color: var(--gray); font-weight: 500; width: 100%; align-items: center; justify-content: center; gap: 0 0.8rem; margin-bottom: 0.4rem;} 
.main_visual .count_box ul li span i{display: inline-block; width: 1.6rem; height: 1.6rem;  background-repeat: no-repeat; background-position: center; background-size: 1.6rem; position: relative; top: -0.1rem;}
.main_visual .count_box ul li span i.ico1{background-image: url(../images/icon/ico_prc_13.svg);}
.main_visual .count_box ul li span i.ico2{background-image: url(../images/icon/ico_prc_11.svg);}
.main_visual .count_box ul li span i.ico3{background-image: url(../images/icon/ico_prc_05.svg);}
.main_visual .count_box ul li .count{text-align: center;}
.main_visual .count_box ul li .count{text-align:center; font-family: 'SBAggro';font-weight: 300; color: var(--gray);}
.main_visual .count_box ul li .count b{font-size: 2.8rem; color: var(--primary); font-weight: 700;}
.main_visual .count_box ul li .count i{position: relative; top: 0.2rem; margin-left: 0.4rem;}


/* tax_list */
body:has(.tax_list) .recent{margin-top: 9.6rem;}
.tax_list{margin-top: 19.2rem;}
.tax_list .wrap{display: flex; gap: 0 4rem;}
.tax_list .box{flex: 1;}
.tax_list .box .top{display: flex; justify-content: space-between; position: relative; margin-bottom: 2.4rem;}
.tax_list .box .top .status_list{position: absolute;right: 11.7rem;display: flex;gap: 0 0.8rem;top: 1.2rem;}
.tax_list .box .top .status_list li{border-radius: 100rem;font-size: 1.3rem;padding: 0.4rem 1.2rem 0.3rem;font-weight: 500;color: var(--secondary-80);}  
.tax_list .box .top .status_list li.s1{border: 1px solid var(--secondary-10); background-color: var(--secondary-10);}
.tax_list .box .top .status_list li.s2{border: 1px solid var(--gray-10); background-color: var(--gray-10);}
.tax_list .box .top .status_list li.s3{border: 1px solid var(--error); color: var(--error);}
.tax_list .box .top{}
.main_tbl{}
.main_tbl th,
.main_tbl td{font-size: 1.5rem; height: 4.4rem; padding: 1rem; border-bottom: 1px solid var(--gray-20); text-align: center;}
.main_tbl th{font-weight: 500; background-color: var(--gray-0_25); border-top: 1px solid var(--gray-20);}
.main_tbl tbody tr{cursor: pointer;}

@media screen and (max-width: 1700px) { 
    #container{padding-left: 0; padding-right: 0;}
}
@media screen and (max-width: 1440px) { 
    /* pc 작은화면 스타일 */
    #container{width: 100%; margin: 0;}
    .bookmark{margin: -4rem auto; width: calc(100% - 10rem);}
    .main_visual{padding-top: 15rem;}
    .main_visual .txt p{font-size: 3rem;}
    .main_visual .txt strong{font-size:4.8rem}

    .bookmark .swiper-initialized .swiper-wrapper{gap: 0;}
    .bookmark .swiper-slide{max-width: 14.3%;}

    .info_area .wrap{padding-left: 1.6rem; padding-right: 1.6rem;}
    .info_area .right ul li{padding: 0 2rem;}
    /* .info_area .bg{width: calc(135rem + (100vw - 144rem) / 2);} */
    .info_area .bg::before{width: 35rem; background-size: 35rem; height: 19rem; left: 30%;}

    .main_visual,
    .main_con4,
    .main_con5,
    .info_area .wrap{padding-left: 2.4rem; padding-right: 2.4rem;}
    .main_visual::before{min-width: 0;}
    .info_area .bg,
    .info_area::before,
    .info_area::after{max-width: 100%;}
    .info_area .right{max-width: 0; width: calc(100% - 40rem); min-width: calc(100% - 40rem);}
}
@media screen and (max-width: 1200px) { 
    .main_sch .tab_menu{gap: 0 2rem;}
    .main_sch .tab_menu li button{font-size: 2rem;}
    .main_sch .tab_menu li + li::before{left: -1.1rem;}
}


@media screen and (max-width: 1024px) { 
    /* 태블릿 버전 스타일 (모바일~태블릿 공통 스타일) */ 
     #container{}
    .main_content h2{font-size: 2.2rem;}
    section[class^='main_con'] .btn_more{width: 2.4rem; height: 2.4rem; font-size: 0 !important;}

    /* main_visual */
    /* .main_visual{padding-top: 10rem;} */
    .main_visual{padding-top: 8.8rem !important;margin-bottom: 4rem; padding-left: 0; padding-right: 0;}
    .main_visual::before{height: 30rem; border-radius: 0 0 10rem 10rem;}
    .main_visual .wrap{display: block;}
    .main_visual .txt{text-align: center; margin-bottom: 2.2rem; padding-top: 0;}
    .main_visual .txt p{font-size: 2.2rem; margin-bottom: 0.4rem;}
    .main_visual .txt strong{font-size: 2.8rem;}
    .main_visual .login_area{width: 100%; max-width: 50rem; margin: 0 auto; padding: 3.2rem; border-radius: 2.4rem;}
    .main_visual .login_area.bf,
    .main_visual .login_area.af{height: auto !important;}
    .main_visual .login_area.bf p{font-size: 1.5rem;}
    .main_visual .login_area.bf strong{font-size: 1.9rem;}
    .main_visual .login_area.bf::before{width: 6.8rem; height: 5.6rem; background-size: 6.8rem; right: 3.2rem; top: 3.2rem;}
    .main_visual .login_area.bf .btn_login{margin-top: 2.4rem;}
    .main_visual .login_area.bf .btns a{font-size: 1.5rem; font-weight: 500;}
    .main_visual .login_area.af{width: 100%; padding: 2.4rem;}
    .main_visual .login_area.af .top{margin-bottom: 2.2rem;}
    .main_visual .login_area.af .top .user::before{width: 6.2rem; height: 6.4rem; background-size: 6.2rem;}
    .main_visual .login_area.af .top .user{padding-left: 8rem;}
    .main_visual .login_area.af .top .user .name{font-size: 2.2rem; }
    .main_visual .login_area.af .top .user .time{font-size: 1.5rem;}
    .main_visual .login_area.af .top .btns .btn_logout{display: none;}
    .main_visual .login_area.af .top .btns .btn_myset{min-width: 0; padding: 0; width: 3.2rem; height: 3.2rem; font-size: 0; background-image: url(../images/main/ico_myset.svg); background-repeat: no-repeat; background-position: center; background-size: 2rem;}
    .main_visual .login_area.af .count_slider{overflow: hidden;}
    .main_visual .login_area.af .count_slider .swiper-slide{flex: none;}
    .main_visual .login_area.af .count_slider .swiper-wrapper{gap: 0;}
    .main_visual .login_area.af .count_slider .swiper-slide .count{width: 100%; height: 6.3rem;}
    .main_visual .login_area.af .count_slider .swiper-slide b{font-size: 2.4rem;}
    .main_visual .login_area.af .count_slider .btns{display: block;}
    .main_visual .login_area.af .count_slider .btns button{width: 2.4rem; height: 2.4rem; border-radius: 100rem; box-shadow: 0px 0px 16px 0px rgba(34, 84, 120, 0.12); position: absolute; top: 11.8rem; z-index: 9;}
     .main_visual .login_area.af .count_slider .btns button.swiper-button-disabled{display: none;}
    .main_visual .login_area.af .count_slider .btns .btn_count_prev{background: #fff url(../images/main/ico_bn_prev.svg) no-repeat center / 1.2rem; left: 1rem;}
    .main_visual .login_area.af .count_slider .btns .btn_count_next{background: #fff url(../images/main/ico_bn_next.svg) no-repeat center / 1.2rem; right: 1rem;}
    .main_visual .login_area.af .top .company{font-size: 1.9rem;}
    .main_visual .login_area.af .top:has(.company) .user::before{width: 6.2rem; height: 6.4rem; background-size: 6.2rem; top: -0.3rem;}
    .main_visual .top_txt{font-size: 1.3rem;}
    .main_visual .count_box{display: block;}
    .main_visual .count_box strong{display: block; text-align: center;}
    .main_visual .count_box strong br{display: none;}
    .main_visual .count_box ul{width: 100%; margin-top: 1rem;}
    .main_visual .count_box ul li .count b{font-size: 2.4rem;}


    /* bookmark */
    .bookmark{margin: 0; width: 100%; background: transparent; border-radius: 0; box-shadow: none; padding: 0 1.6rem;}
    .bookmark_slider{overflow: visible;}
    .bookmark .swiper-wrapper{flex-wrap:wrap; gap: 2.8rem 1.6rem; justify-content: flex-start;}
    .bookmark .swiper-slide + .swiper-slide::before{display: none;}
    .bookmark .swiper-slide{flex: none; width: calc((100% - 4.8rem)/4); max-width: none;}
    .bookmark .swiper-slide .icon{border-radius: 1.6rem; height: 5.6rem; background: rgba(255,255,255,0.8); border-radius: 1.6rem; box-shadow: 0 0 16px 0 rgba(34, 84, 120, 0.12);;}
    .bookmark .swiper-slide span{font-size: 1.5rem;margin-top: 0.8rem;word-break: break-all;}
    .bookmark .swiper-slide .icon.q1::before{background-size: 2.2rem;}
    .bookmark .swiper-slide .icon.q2::before{background-size: 2.2rem;}
    .bookmark .swiper-slide .icon.q3::before{background-size: 2.6rem;}
    .bookmark .swiper-slide .icon.q4::before{background-size: 2.5rem;}
    .bookmark .swiper-slide .icon.q5::before{background-size: 3.2rem;}
    .bookmark .swiper-slide .icon.q6::before{background-size: 2rem;}
    .bookmark .swiper-slide .icon.q7::before{background-size: 3rem;}
    .bookmark .swiper-slide .icon.q8::before{background-size: 3rem;}
    .bookmark .swiper-slide .icon.q9::before{background-size: 3rem;}
    .bookmark .swiper-slide .icon.q10::before{background-size: 3rem;}
    .bookmark .swiper-slide .icon.q_more::before{background-size: 1.6rem; width: 3.2rem; height: 3.2rem;}
    .bookmark .swiper-slide:hover a *{bottom: 0;}
    .bookmark button[class^='btn_bookmark']{display: none;}

    /* w_status */
    .w_status{margin-top: 6rem; display: block;}
    .w_status .tit span{display: none;}
    .w_status .left{width: 100%;margin-bottom: 8rem;}
    .w_status .left .top{width: calc(100% - 1.6rem); border-radius: 3.2rem 1.6rem 1.6rem 1.6rem; padding: 2.4rem 2.4rem 4.7rem 3.2rem;}
    .w_status .left .top .badge{font-size: 1.5rem; padding: 0 2rem; height: 2.4rem;}
    .w_status .left .btm a{padding: 1.6rem 3.9rem 1.2rem 3.7rem;}
    .w_status .left .btm span,
    .w_status .left .btm p{font-size: 1.7rem;}
    .w_status .right{width: 100%;}
    .w_status .right ul{gap: 0 0.8rem;}
    .w_status .right li{border-radius: 1.6rem; height: auto;}
    .w_status .right li a{padding: 2rem 1rem;display: block;}
    .w_status .right li a::before{width: 6.4rem;height: 6.4rem;margin: 0 auto 1rem;display: block;}
    .w_status .right li.s1 a::before{background-size: 4.2rem;}
    .w_status .right li.s2 a::before{background-size: 3.6rem;}
    .w_status .right li.s3 a::before{background-size: 4.2rem;}
    .w_status .right li div{min-width: 0; text-align: center;}
    .w_status .right strong{font-size: 1.9rem;}
    .w_status .right p b{font-size: 2.8rem;letter-spacing: -0.05em;}

    /* main_sch */
    .main_sch{margin-top: 16.2rem;padding-left: 0;padding-right: 0;}
    .main_sch::before{display: none;}
    .main_sch .inner{display: block;}
    .main_sch .top{width: calc(100% - 7.4rem); margin-left: 4.4rem; padding: 0; height: 9.2rem; border-radius: 4rem 1.6rem 1.6rem 1.6rem; position: static;}
    .main_sch .top::after{display: none;}
    .main_sch .top h2{color: var(--dark); position: absolute; left: 0; top: -8.6rem;}
    .main_sch .tab_menu{position: absolute;left: 0;top: -5rem;overflow-x: auto;right: 0;}
    .main_sch .tab_menu li button{color: var(--gray-60);white-space: nowrap;font-size: 1.7rem;}
    .main_sch .tab_menu li button.on{color: var(--primary);}
    .main_sch .tab_menu li + li::before{background: var(--gray-20);}
    .main_sch .sch_wrap{left: 8.6rem; width: calc(100% - 8.6rem); top: 1.6rem; padding: 1.6rem;}
    .main_sch .sch_wrap .tit{display: none;}
    .main_sch .sch_wrap .input_wrap{display: block;}
    .main_sch .sch_wrap .input_wrap .sch_input{height: 4rem; font-size: 1.5rem; padding: 0 1.6rem; padding-right: 5rem;}
    .main_sch .sch_wrap .input_wrap .btn{height: 4rem; font-size: 1.5rem; margin-top: 1.2rem; width: 100%;}
    .main_sch .sch_wrap .input_wrap i{right: 1.6rem; top: 0.8rem;} 
    .main_sch .sch_wrap .img{width: 8.6rem;height: 9rem;background-size: 8.6rem;left: -8.6rem;bottom: 2.3rem;}
    .main_sch .sch_wrap .img::after{width: 5rem; height: 5rem; left: 0.4rem; top: 0.4rem;}
    .main_sch .sch_wrap .img::before{width: 5.8rem; height: 5.8rem; left: 0; top: 0;}
    .main_sch .img.ico1::before{background-size: 3.4rem;}
    .main_sch .img.ico2::before{background-size: 3rem; left: 0.1rem !important; top: 0 !important;}
    .main_sch .img.ico3::before{background-size: 3.4rem; top: 0.1rem !important;}
    .main_sch .img.ico4::before{background-size: 3rem; left: 0 !important; top: 0 !important;}

    /* recent */
    .recent{margin-top: 11rem; padding-left: 0; padding-right: 0;}
    .recent::after{display: none;}
    
    /* recent_list */
    .recent_list{width: calc(100% - 32.4rem);}
    .recent_list .tab_menu{gap: 0 3.4rem;}
    .recent_list .tab_menu li button{font-size: 2.2rem;}
    .recent_list .tab_menu li:not(:last-child)::after{width:0.4rem; height: 0.4rem; right: -2rem; top: 1rem;}
    
    .recent_list .btn_more::before{width: 1.6rem; height: 1.6rem;}
    .recent_list .tab > .tab_cont{margin-top: 0.4rem;}
    .recent_slider{width: calc(100% + 3.2rem);margin-left: -2.3rem;padding: 2rem 1.6rem;padding-right: 1.2rem; overflow: hidden;}
    .recent_slider .swiper-wrapper{gap: 0;}
    .recent_slider .swiper-slide{flex: none; width: 24rem; max-width: none; margin: 0 0.8rem;}
    .recent_slider .swiper-slide:last-of-type{margin-right: 0;}
    .recent_slider .swiper-slide a{padding: 2.4rem;}
    .recent_slider .swiper-slide .tag1, .recent_slider .swiper-slide .tag2{font-size: 1.5rem;padding: 0.375rem 1.6rem;}
    .recent_slider .swiper-slide b{font-size: 1.9rem; white-space:wrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 6.1rem;}
    .recent_slider .swiper-slide p{font-size: 1.5rem; height: 4.4rem;}
    .recent_slider .swiper-slide .date{font-size: 1.5rem;}
    .recent_slider .swiper-slide:hover{bottom: 0;}
    /* main_banner */
    .main_banner{width: 30rem;}
    .bn_slider{background:none;}
    .main_banner .pc_bg{display: none;}
    .main_banner .mo_bg{position: absolute; z-index: 99; width: 100%; top: 1.3rem; z-index: -1; display: block;}
    .bn_slider{position: relative;}
    .bn_slider .swiper-wrapper{left: 0; top: 0;}
    .bn_slider .swiper-slide{-webkit-mask: url(../images/main/banner_mask_mo.png); width:100%; height:100%;  -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% ; -webkit-mask-position: center; mask: url(../images/main/banner_mask_mo.png); mask-repeat: no-repeat; mask-size: 100%; mask-position: center; }     
    .bn_slider .btns{left: 50%; transform: translateX(-50%); justify-content: center;}

    /* info_area */
    .info_area{margin-top: 4.8rem; padding-bottom: 0; margin-bottom: 5rem;}
    .info_area::before{width: calc(100% - 4.4rem); height: 100%; border-radius: 0 12rem 12rem 0;}
    .info_area .wrap{padding: 4.8rem 1.6rem;display: block;}
    .info_area h2{margin-bottom: 0.8rem;}
    .info_area p{font-size: 1.5rem; margin-bottom: 2.4rem;}
    .info_area .left .btn_download{font-size: 1.7rem; padding: 1.2rem 0; }
    .info_area .right{max-width: none;margin-top: 4.8rem;min-width: 0;width: 100%;}
    .info_area .right ul{flex-direction: column; gap: 0.8rem;}
    .info_area .right ul li{width: 100%; border-radius: 1.6rem; padding: 0.8rem; height: auto; justify-content: flex-start;}
    .info_area .right ul li::before{width: 4rem; height: 4rem; background-size: 4rem; margin-right: 1.2rem;}
    .info_area .right ul li div{display: flex; align-items: center; gap: 0 0.8rem;}
    .info_area .right ul li b{font-size:1.5rem; min-width: 11rem; margin: 0; line-height: normal;}
    .info_area .right ul li span{font-size: 1.5rem;}


    /* .tax_list */
    .tax_list{margin-top: 10rem;}
    .tax_list .wrap{display: block;}
    .tax_list .box + .box{margin-top: 5rem;}
    .tax_list .box .top{margin-bottom: 4.5rem;}
    .tax_list .box .top .status_list{width: 100%; right: inherit; left: 0; top: 3.5rem;}
    .tax_list .scr_box{overflow-x: auto;}
    .tax_list .scr_box .main_tbl{min-width: 60rem;}
    .main_tbl th, .main_tbl td{font-size: 1.4rem; height: 3.8rem; padding: 0.5rem;}

}
@media screen and (max-width: 767px) { 
    /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */
    html {font-size: 11px} /* 1rem = 11px */
    .recent .wrap{display: block;}
    .recent_list{width: 100%;}
    .main_banner{margin-top: 1rem;}
    .main_banner,
    .bn_slider{width: 100%;aspect-ratio: 1 / 1;height: auto;}
    .main_banner .mo_bg{top: 0;}
}


/*** 메인화면 임시수정 (11월 가오픈용) ***/
/* body:has(.login_area.bf) .main_visual{margin-bottom: 12.8rem;} */





/* .main_con5.recent{margin-top: 16rem;}
body .main_visual::before{height: 60.2rem !important;}
body:has(.login_area.bf) .main_visual::before{height: 52.5rem !important; mask-position:center 20%;}
.main_visual .login_area.bf{height: 27rem !important;}
body:has(.login_area.bf) .main_con5.recent{margin-top: 16rem;}
@media screen and (max-width: 1024px) { 
    .main_visual .login_area{width: 100%; max-width: none;}
    .main_visual .login_area.bf,
    .main_visual .login_area.af{height: auto !important;}
    body:has(.login_area.bf) .main_visual::before{height: 40rem !important; mask-position:center 20%;}
    body:has(.login_area.af) .main_visual::before{height: 26rem !important; mask-position:center 20%;}
    .login_area.af{margin-bottom: 0 !important}
    .main_visual .login_area.af .top{margin-bottom: 0;}

    .recent_list .tab_menu{overflow-x: auto;}
    .recent_list .tab_menu li button{font-size: 2rem; white-space: nowrap;}
    
    body:has(.login_area.bf) .main_con5.recent{margin-top: 5rem;} 
    body:has(.login_area.af) .main_con5.recent{margin-top: 0;}
} */
/*** //메인화면 임시수정 (11월 가오픈용) ***/

/**/