@charset "utf-8";

/* 긴급공지 */
.urgent-badge{display:inline-flex; align-items:center; padding:0 1.2rem; margin-right:1.2rem; color:#fff; font-weight:700; border-radius:1.9rem;height:3.8rem;}
.urgent-badge:before{display:block;content:'';width:2rem;height:2rem;background-position:center;background-repeat:no-repeat; margin-right:0.4rem;}
.urgent-badge.danger{background-color:var(--danger-60);}
.urgent-badge.danger:before{background-image:url(../images/common/ic_urgent2.svg);}
.urgent-badge.safe{background-color:#46a000;}
.urgent-badge.safe:before{background-image:url(../images/common/ic_urgent2.svg);}
.urgent-badge.info{background-color:#32448f;}
.urgent-badge.info:before{background-image:url(../images/common/ic_urgent1.svg);}

.main-urgent-wrap{background-color:#f8f8f8;}
.main-urgent-inner{max-width:136rem;margin:0 auto;padding:0 2.4rem;}
.urgent-slider{overflow:hidden; height:7rem;}
.urgent-slider .swiper-slide {height: 100% !important;}
.urgent-item{display:flex; align-items:center; height: 100%;}
.urgent-item .urgent-badge{margin-right:1.2rem;}
.urgent-item .urgent-msg{font-size:1.8rem; color:var(--gray-90); font-weight:500;}
.urgent-item .urgent-go{margin-left:auto; display:flex;align-items:center; border-bottom:0.1rem solid var(--gray-70);}
.urgent-item .urgent-go:after{display:block;content:'';width:2rem;height:2rem;margin-left:0.4rem;background:url(../images/common/arr_urgent_go.svg);}


.main-container{padding:0;}

.main-con-title{font-size:2.4rem; color:var(--gray-90); font-weight:700; padding-left:1.6rem; position:relative; margin-bottom:1rem;}
.main-con-title:before{display:block; content:''; width:0.4rem; height:1.6rem; background:url(/images/main/ic_title.svg) center center no-repeat; position:absolute;left:0;top:1rem;  border-radius:0.2rem; overflow:hidden;}

/* section1 */
.main-sec1{max-width:140rem; margin:0 auto; display:flex; align-items: flex-start; padding:4rem 2.4rem 6rem 2.4rem;}

.main-sec1-left{width:100.2rem; position:relative; box-sizing:border-box; padding-right:3rem; display:flex; flex-wrap:wrap;}
.main-sec1-left:after{display:block; content:''; width:0.1rem; position:absolute; right:0; top:0; bottom:0; background-color:var(--line-gray);}
.main-sec1-right{width:36.8rem; margin-left:3rem;}

/* 통합검색 */
.main-search-wrap{width:100%; position:relative; margin-bottom:4rem;} 
.main-search-form{border:0.2rem solid var(--primary); border-radius:2rem; display:flex; align-items:center; height:6.8rem; box-sizing:border-box; padding-right:2.8rem;}
.main-search-form .text-keyword{border:none; height:100%; width:100%; padding:0 2.8rem; border-radius:2rem;font-size:2rem;font-weight:bold}
.main-search-form .btn-search{width:3.6rem; height:3.6rem; border-radius:50%; background:var(--primary) url(../images/common/i_search_w.svg) center / 1.8rem auto no-repeat; text-align:left; text-indent:-9999rem; flex-shrink: 0; }
.main-search-hashtag{padding:0 3rem; margin-top:1rem;}
.main-search-hashtag .tag{margin-right:2rem;}
.main-search-wrap .search-auto-keyword{position:absolute;left:0;top:6.8rem; }

@media (hover: hover) and (pointer: fine) {
	.main-search-form .btn-search:hover{background: var(--primary-hover) url(../images/common/i_search_w.svg) center / 1.8rem auto no-repeat;}
}

/* .auto_keyword{width:44.7rem !important; position: absolute;top: 7.5rem;left: 36rem; padding:0.5rem 3rem 0.5rem 2.5rem;box-shadow:0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.15);background-color: #fff;z-index: 110;display:none;}
.auto_keyword ul li a{display:block;min-height: 4.3rem;font-size:1.17rem;line-height: 1.2;letter-spacing:-0.05rem;padding: 0.6rem 0;box-sizing: border-box;}
.auto_keyword ul li a.on{font-weight:bold;}
.auto_keyword ul li a span{font-weight:bold;color:#425abe;} */

#ark_content_list {padding: 1rem 0;}

/* 주요링크 */
.main-major-links{width:100%; margin-bottom:4rem;}
.main-major-links ul{display:flex;}
.main-major-links li{width:calc(100% / 8); box-sizing:border-box; padding:0 1rem; min-width:9.8rem;}
.main-major-links a{display:block; text-align:center; overflow:hidden; position:relative; font-weight:600;}
.main-major-links a:before{display:block; content:''; width:8rem; height:8rem; border-radius:50%; background-color:#F8FAFC; transition:height 0.3s;  margin:0 auto 0.6rem auto; transition:all 0.3s; }
.main-major-links a:after{display:block; content:''; width:8rem; height:8rem; border-radius:50%; transition:all 0.2s; background-position:center; background-repeat:no-repeat; background-size: 36px; position:absolute;left:50%;top:0; margin-left:-4rem;}
.main-major-links .item1 a:after{background-image:url(/images/main/ic_link1.svg);}
.main-major-links .item2 a:after{background-image:url(/images/main/ic_link2.svg);}
.main-major-links .item3 a:after{background-image:url(/images/main/ic_link3.svg);}
.main-major-links .item4 a:after{background-image:url(/images/main/ic_link4.svg);}
.main-major-links .item5 a:after{background-image:url(/images/main/ic_link5.svg);}
.main-major-links .item6 a:after{background-image:url(/images/main/ic_link6.svg);}
.main-major-links .item7 a:after{background-image:url(/images/main/ic_link7.svg);}
.main-major-links .item8 a:after{background-image:url(/images/main/ic_link8.svg);}

@media (hover: hover) and (pointer: fine) {
	.main-major-links a:hover{color:#1278d6;}
	.main-major-links a:hover:before{background-color:#1278d6; border-radius:2.4rem;}
	.main-major-links .item1 a:hover:after{background-image:url(/images/main/ic_link1_on.svg);}
	.main-major-links .item2 a:hover:after{background-image:url(/images/main/ic_link2_on.svg);}
	.main-major-links .item3 a:hover:after{background-image:url(/images/main/ic_link3_on.svg);}
	.main-major-links .item4 a:hover:after{background-image:url(/images/main/ic_link4_on.svg);}
	.main-major-links .item5 a:hover:after{background-image:url(/images/main/ic_link5_on.svg);}
	.main-major-links .item6 a:hover:after{background-image:url(/images/main/ic_link6_on.svg);}
	.main-major-links .item7 a:hover:after{background-image:url(/images/main/ic_link7_on.svg);}
	.main-major-links .item8 a:hover:after{background-image:url(/images/main/ic_link8_on.svg);}	
}	


/* 배너 */
.main-popupzone{width:49.6rem; max-width:51%; border-radius:2rem; overflow:hidden; position:relative;}
.main-popupzone .banner-slider{position:relative;}
.main-popupzone .swiper-slide a{display:block;box-sizing:border-box;overflow:hidden;}
.main-popupzone .swiper-slide a:focus{outline:none;border:0.3rem dashed #000; border-radius:3rem;}
.main-popupzone .swiper-slide img{width:100%; max-width:100%; height:49.6rem;}

.popupzone-slider-nav{position:absolute; left:3rem; bottom:3rem; display:inline-flex; align-items: center; justify-content: center; height:4rem; padding:0 1.6rem; border-radius:2rem; background-color:rgba(255,255,255, 0.7); display:flex; z-index:10;}
.popupzone-slider-nav .slider-page{font-size:1.7rem; font-weight:700; margin-right:1rem;}
.popupzone-slider-nav .slider-page .swiper-pagination-current{color:var(--primary);}
.popupzone-slider-nav .slider-controller{display:inline-flex; align-items:center;}
/* .popupzone-slider-nav .slider-controller button, */
.popupzone-slider-nav .slider-controller a{display:block; width:2rem; height:2rem; background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:left; text-indent:-9999rem; overflow:hidden; margin:0 0.2rem;}
.popupzone-slider-nav .slider-controller button {background-repeat:no-repeat; width:2rem;text-indent:-9999px;overflow:hidden;}
.popupzone-slider-nav .slider-controller .btn-prev{background-image:url(/images/main/i_slider_prev.svg);}
.popupzone-slider-nav .slider-controller .btn-next{background-image:url(/images/main/i_slider_next.svg);}
.popupzone-slider-nav .slider-controller .btn-stop{background-image:url(/images/main/i_slider_stop.svg);}
.popupzone-slider-nav .slider-controller .btn-stop.active{background-image:url(/images/main/i_slider_play.svg);}
.popupzone-slider-nav .slider-controller .btn-all{margin-right:0; background-image:url(/images/main/ic_slider_more.svg);}

/* 자주 찾는 서비스 */
.main-favor{width:49rem; flex:1; margin-left:3rem; box-sizing:border-box;}
.main-favor-header{display:flex; align-items:center; margin-bottom:2rem;}
.main-favor-header .main-con-title{margin-bottom:0;}
.main-favor-header .go-edi{margin-left:auto;}
a.go-edi{height:4rem; border-radius:2rem; background-color:#46a000; color:#fff; padding:0 1.2rem;}
a.go-edi:before{display:inline-block; content:''; width:2.2rem; height:1.75rem; background:url(../images/common/ic_comp.png) center / cover no-repeat; margin-right:1rem;}
a.go-edi:after{display:inline-block; content:''; width:2.2rem; height:2.2rem; background:url(../images/common/ic_blank_w.svg) center / cover no-repeat; margin-left:2rem;}
.main-favor-con h3{display:flex; align-items: center; font-size:2rem; font-weight:600; color:var(--gray-90); margin-bottom:1.6rem;}
.main-favor-con h3:before{display:block; content:''; width:3rem; height:3rem; background-position:center; background-repeat:no-repeat; margin-right:0.6rem;}
.main-favor-con .item1 h3:before{background-image:url(/images/main/ic_favor1.svg);}
.main-favor-con .item2 h3:before{background-image:url(/images/main/ic_favor2.svg);}
.main-favor-con .item3 h3:before{background-image:url(/images/main/ic_favor3.svg);}
.main-favor-con .favor-list{border:0.1rem solid var(--line-gray); display:flex; align-items: center; border-radius:1rem; height:8.2rem;}
.main-favor-con .favor-list li{flex:1; position:relative; height:100%; box-sizing:border-box;}
.main-favor-con .favor-list li:after{display:block; content:''; width:0.1rem; height:2rem; background-color:var(--line); position:absolute; right:0; top:50%; margin-top:-1rem;}
.main-favor-con .favor-list li:last-child:after{display:none;}
.main-favor-con .favor-list a{display:flex; align-items: center; justify-content: center; height:100%; text-align:center; padding:0 1rem; font-size:1.8rem; color:var(--gray-50); border-radius:1rem; line-height:1.25;}
.main-favor-con .favor-item + .favor-item{margin-top:2.4rem;}

@media (hover: hover) and (pointer: fine) {
	a.go-edi:hover {background: #3c8909;}
	.main-favor-con .favor-list a:hover{border:0.2rem solid #58AAEC; margin:-0.2rem; background:#F8FCFF url(/images/main/ic_favor_on.svg) right 0.6rem top 0.6rem no-repeat; font-weight:700; color:#1278D6;}
}

/* 소식정보 */
.main-news{position:relative;}
.main-news-tab ul{display:flex; margin-bottom:1.6rem;}
.main-news-tab li{width:25%; position:relative;}
.main-news-tab li + li{padding:0 0.1rem;}
.main-news-tab li + li:before{display:block;content:'';width:0.1rem;height:2.2rem;position:absolute;left:0;top:50%;margin-top:-1.1rem; background-color:#e4e4e4;}
.main-news-tab a{display:flex; align-items:center; justify-content:center; height:4.6rem; font-size:1.8rem; font-weight:500; color:var(--gray-70); position:relative;}

.main-news-tab .active a:before{display:block;content:''; width:0.6rem;height:0.6rem;border-radius:50%; background-color:var(--primary); position:absolute;left:50%;top:0; margin-left:-0.3rem;}
.main-news-tab .active a span{background:linear-gradient(to bottom, #fff 60%, #e7eefb 40%); line-height:1.1em; padding:0 0.3rem;}
.main-news-tab .active a{color:var(--primary); font-weight:700;}

.main-news-list{display:none;}
.main-news-list.active{display:block;}
.main-news-list li + li{border-top:0.1rem solid #e4e4e4;}
.main-news-list .new + li{border-top-width:0;}
.main-news-list li a{display:block; padding:1.6rem 2.4rem; text-align:left; border-radius:2rem; box-sizing:border-box; position:relative;}
.main-news-list .title{height:5.4rem; font-size:2rem; color:var(--gray-90); font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main-news-list .date{display:block; text-align:right; font-size:1.8rem; color:var(--gray-50); line-height:1.25em; margin-top:1.4rem;}
.main-news-list .new a{border:0.2rem solid var(--primary);}
.main-news-list .new .title{padding-right:2.8rem;}
.main-news-list .badge{position:absolute;right:2.4rem;top:1.6rem;}

@media (hover: hover) and (pointer: fine) {
	.main-news-tab a:hover span {background:linear-gradient(to bottom, #fff 60%, #e7eefb 40%);}
	.main-news-list li a:hover {background:#F8FCFF;}
	.main-news-list li a:hover p {color:#1278D6;font-weight:700;}
}

@media screen and (min-width:1280px){
	.main-news-list{min-height:50.4rem;}
}

a.go-news-more{position:absolute; right:0; top:0; display: flex; align-items: center; line-height:3.6rem; font-size:1.8rem; text-decoration: underline; text-underline-position: under;}

/* 배너- 영상수어상담서비스 */
.banner-wrap{margin-top:1.2rem; position:relative; overflow:hidden; border-radius:2rem;}

.banner-wrap .banner-slider{position:relative;}
.banner-wrap .swiper-slide{position:relative;}
.banner-wrap .swiper-slide a{display:block;}
.banner-wrap .swiper-slide a:focus-visible {outline-offset: -0.2rem;border-radius: 2rem;}
.banner-wrap .swiper-slide img{max-width:100%;height:18rem; width:100%;}

.banner-slider-nav{position:absolute; right:0.5rem; top:0.5rem; display:inline-flex; align-items: center; justify-content: center; height:2.6rem; padding:0 0.8rem; border-radius:1.3rem; background-color:rgba(29,29,29, 0.6); display:flex; z-index:10;}
.banner-slider-nav .slider-page{font-size:1.5rem; margin-right:0.4rem; color:#fff; padding:0 0.4rem;}
.banner-slider-nav .slider-controller{display:inline-flex; align-items:center;}
.banner-slider-nav .slider-controller button,
.banner-slider-nav .slider-controller a{display:block; width:1.8rem; height:1.8rem; background-position:center center; background-repeat:no-repeat; text-align:left; text-indent:-9999rem; overflow:hidden;}
.banner-slider-nav .slider-controller .btn-prev{background-image:url(/images/main/i_banner_slider_prev.svg);}
.banner-slider-nav .slider-controller .btn-next{background-image:url(/images/main/i_banner_slider_next.svg);}
.banner-slider-nav .slider-controller .btn-stop{background-image:url(/images/main/i_banner_slider_stop.svg);}
.banner-slider-nav .slider-controller .btn-stop.active{background-image:url(/images/main/i_banner_slider_play.svg);}
.banner-slider-nav .slider-controller .btn-all{margin-right:0; background-image:url(/images/main/ic_slider_more.svg);filter: brightness(100);}

/* section2 */
.main-sec2{position:relative; overflow:hidden; background:#EEF4FA url(/images/main/section2_bg.png) top center / cover no-repeat; padding:6rem 2.4rem;}
.main-sec2-row1{position:relative; display:flex; max-width:140rem; margin:0 auto; z-index:1;}
.main-sec2-row2{position:relative; display:flex; max-width:140rem; margin:4rem auto 0 auto;z-index: 10;}

.main-sec2-icon-wrap{position:absolute; width:30.6rem; height:39.4rem; left:0; bottom:-5rem;}
.main-sec2-icon-wrap .icon-char1{position:absolute; bottom:-10.8rem; left:3rem; display:block; width:11.6rem; height:10.8rem; opacity:0; z-index:1; background:url("/images/main/mt_sec2_char1.png") center no-repeat;}
.main-sec2-icon-wrap .icon-char2{position:absolute; bottom:-10.8rem; left:15rem; display:block; width:9.6rem; height:10.8rem; opacity:0; z-index:1; background:url("/images/main/mt_sec2_char2.png") center no-repeat;}
.main-sec2-icon-wrap .icon-bg1{position:absolute; top:-10rem; left:13rem; width:3.8rem; height:3.8rem; opacity:0; background:url("/images/main/mt_sec2_shape1.svg") center no-repeat;}
.main-sec2-icon-wrap .icon-bg2{position:absolute; top:-10rem; left:6.6rem;  width:5.4rem; height:5.4rem; opacity:0; background:url("/images/main/mt_sec2_shape2.svg") center no-repeat;}

.main-sec2-icon-wrap.active .icon-char1{bottom:5rem; opacity:1; transition:1s;z-index: 11;}
.main-sec2-icon-wrap.active .icon-char2{bottom:5rem; opacity:1; transition:1s; transition-delay:0.2s;z-index: 11;}
.main-sec2-icon-wrap.active .icon-bg1{top:10rem; opacity:1; transition:1s; transition-delay:0.6s;}
.main-sec2-icon-wrap.active .icon-bg2{top:0; opacity:1; transition:1s; transition-delay:1s;}

.main-sec2-circle{position:absolute; width:46.4rem; height:46.4rem; right:-50rem; transition:0.5s; top:14.5rem; background:url("/images/main/mt_sec2_txt.png") center no-repeat;}
.main-sec2-circle.active{ right:-10.5rem;  transition:2s; animation:circle-animation 10s infinite; animation-timing-function:cubic-bezier(0.42, 0.38, 1, 1);}

@keyframes circle-animation{
	0%{transform:rotate(0deg);}	
	100%{transform:rotate(360deg);}
}

/* 카드뉴스 */
.main-cardNews{width:33rem; margin-right:3rem;}
.main-cardNews-header{display:flex; align-items:center; margin-bottom:1rem;}
.main-cardNews-header .main-con-title{margin-bottom:0;}
.main-cardNews-header .cardNews-slider-nav{margin-left:auto;}
.main-cardNews-banner{border-radius:2rem; overflow:hidden;}
.main-cardNews-banner a {display: block;width:100%;height: 100%;}
.main-cardNews-banner a:focus-visible {outline: 0.2rem dashed #000;outline-offset: -0.2rem;border-radius: 2rem;}
.main-cardNews-banner img{width: 100%; height:26.4rem;}

.cardNews-slider-nav{display:inline-flex; align-items: center; justify-content: center;}
.cardNews-slider-nav .slider-page{font-size:1.7rem; margin-right:1rem; font-weight:700;}
/* .cardNews-slider-nav .slider-page .swiper-pagination-current{font-weight:700;} */
.cardNews-slider-nav .slider-controller{display:inline-flex; align-items:center;}
.cardNews-slider-nav .slider-controller button{display:block; width:2rem; height:2rem; border-radius: .5rem; background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:left; text-indent:-9999rem; overflow:hidden; margin:0 0.2rem;}
.cardNews-slider-nav .slider-controller a:last-child{margin-right:0;}
.cardNews-slider-nav .slider-controller .btn-prev{background-image:url(../images/main/i_slider_prev.svg);}
.cardNews-slider-nav .slider-controller .btn-next{background-image:url(../images/main/i_slider_next.svg);}
.cardNews-slider-nav .slider-controller .btn-stop{background-image:url(../images/main/i_slider_stop.svg);}
.cardNews-slider-nav .slider-controller .btn-stop.active{background-image:url(../images/main/i_slider_play.svg);}

/* 국민연금 TV */
.main-nps-tv{width:33rem; margin-right:3rem;}
.main-tv-header{display:flex; align-items:center; margin-bottom:1rem;}
.main-tv-header .main-con-title{margin-bottom:0;}
.main-tv-header .tv-slider-nav{margin-left:auto;}
.main-tv-banner{border-radius:2rem; overflow:hidden;}
.main-tv-banner a {display:block;width:100%;height:100%;}
.main-tv-banner a:focus-visible {outline: 0.2rem dashed #000;outline-offset: -0.2rem;border-radius: 2rem;}
.main-tv-banner img{height:26.4rem;width:100%;}

.tv-slider-nav{display:inline-flex; align-items: center; justify-content: center;}
.tv-slider-nav .slider-page{font-size:1.7rem; margin-right:1rem; font-weight:700;}
/* .tv-slider-nav .slider-page .swiper-pagination-current{font-weight:700;} */
.tv-slider-nav .slider-controller{display:inline-flex; align-items:center;}
.tv-slider-nav .slider-controller button{display:block; width:2rem; height:2rem; border-radius: .5rem; background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:left; text-indent:-9999rem; overflow:hidden; margin:0 0.2rem;}
.tv-slider-nav .slider-controller a:last-child{margin-right:0;}
.tv-slider-nav .slider-controller .btn-prev{background-image:url(../images/main/i_slider_prev.svg);}
.tv-slider-nav .slider-controller .btn-next{background-image:url(../images/main/i_slider_next.svg);}
.tv-slider-nav .slider-controller .btn-stop{background-image:url(../images/main/i_slider_stop.svg);}
.tv-slider-nav .slider-controller .btn-stop.active{background-image:url(../images/main/i_slider_play.svg);}

@media (hover: hover) and (pointer: fine) {
	.cardNews-slider-nav .slider-controller button:hover,
	.tv-slider-nav .slider-controller button:hover {background-color: var(--gray-10);}
}

/* 사회관계망 서비스 */
.main-sns{flex:1; position:relative;}
.main-sns-tab{position:absolute; right:0;top:0.2rem;}
.main-sns-tab ul{display:flex;}
.main-sns-tab li + li{position:relative; padding-left:2rem;}
.main-sns-tab li + li:before{display:block; content:''; width:0.4rem; height:0.4rem; border-radius:0.2rem; background-color:var(--gray-40); position:absolute;left:0.8rem;top:50%; margin-top:-0.2rem;}
.main-sns-tab a{font-size:2rem; font-weight:500;}
.main-sns-tab .active a{color:#1278D6; font-weight:700; text-decoration: underline; text-underline-position: under;}
.main-sns-banner a {display: block;}

@media (hover: hover) and (pointer: fine) {
    .main-sns-tab a:hover {text-decoration: underline; text-underline-position: under;}
}

.main-sns-banner{display:none;}
.main-sns-banner.active{display:block;}
.main-sns-banner img{border-radius:2rem; height:26.4rem; width:100%; max-width:100%;}

/* 현황 */
.main-status{width:86rem; margin-right:3rem; position:relative;}
.main-status-tab{margin-bottom:1.6rem;}
.main-status-tab ul{display:flex;}
.main-status-tab li + li{position:relative; padding-left:2rem;}
.main-status-tab li + li:before{display:block; content:''; width:0.4rem; height:0.4rem; border-radius:0.2rem; background-color:var(--gray-40); position:absolute;left:0.8rem;top:50%; margin-top:-0.2rem;}
.main-status-tab a{font-size:2rem; font-weight:500;}
.main-status-tab .active a{color:#1278D6; font-weight:700; text-decoration: underline; text-underline-position: under;}

.main-status-con{background-color:#fff;border-radius:2rem;padding: 0;height:20.4rem;box-sizing:border-box;font-size:1.8rem;}

.main-status-con1{display:flex; height:100%;}
.main-status-con1 .total{width:25%; height:100%; text-align:center; padding:0 2rem; box-sizing:border-box; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.main-status-con1 .total strong{display:block; font-size:2rem; font-weight:500; color:var(--gray-90); margin-bottom:1rem;}
.main-status-con1 .total .sub-txt{color:var(--gray-50);}
.main-status-con1 .detail{flex:1; text-align:left; display:flex; border-left:0.1rem solid var(--line-gray);}
.main-status-con1 .detail li{/*width:calc(100% / 3);*/ height:100%; text-align:center; position:relative; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.main-status-con1 .detail li + li{border-left:0.1rem solid var(--line);}
.main-status-con1 .detail .item-label{margin-bottom:1rem; font-weight:500;}
.main-status-con1 .detail .item-data .data{font-weight:700; color:#1278D6; font-size:2.8rem;}
.main-status-con1 .detail .item-data .data-unit{margin-left:0.4rem;}

.main-status-con2{display:flex; height:100%;}
.main-status-con2 .total{width:40%; height:100%; text-align:center; padding:0 2rem; box-sizing:border-box; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.main-status-con2 .total strong{display:block; font-size:2rem; font-weight:500; color:var(--gray-90); margin-bottom:1rem;}
.main-status-con2 .total .item-data .data{font-weight:700; color:#F27820; font-size:2.8rem;}
.main-status-con2 .total .item-data .data-unit{margin-left:0.4rem;}
.main-status-con2 .total .sub-txt{color:var(--gray-50);}
.main-status-con2 .detail{flex:1; text-align:left; border-left:0.1rem solid var(--line-gray); box-sizing:border-box; padding:0 4rem 0 5rem; height:100%;}
.main-status-con2 .detail li{display:flex; align-items: center; height:25%;}
.main-status-con2 .detail .item-label{font-weight:500;}
.main-status-con2 .detail .item-data{margin-left:auto;display:flex;align-items: center;}
.main-status-con2 .detail .item-data .data{font-weight:700;color:#1278D6;}
.main-status-con2 .detail .item-data .data-unit{margin-left:0.4rem;}
.main-status-con2 .detail .item-data .per{margin-left:0.8rem; color:var(--gray-50);}

.main-status-con3{display:flex; height:100%;}
.main-status-con3 .total{width:25%; height:100%; text-align:center; padding:0 2rem; box-sizing:border-box; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.main-status-con3 .total strong{display:block; font-size:2rem; font-weight:500; color:var(--gray-90); margin-bottom:1rem;}
.main-status-con3 .total .item-data .data{font-weight:700; color:#F27820; font-size:2.8rem;}
.main-status-con3 .total .item-data .data-unit{margin-left:0.4rem;}
.main-status-con3 .total .sub-txt{color:var(--gray-50);}
.main-status-con3 .detail{flex:1; text-align:left; display:flex; border-left:0.1rem solid var(--line-gray);}
.main-status-con3 .detail li{width:calc(100% / 3); height:100%; text-align:center; position:relative; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.main-status-con3 .detail li + li{border-left:0.1rem solid var(--line);}
.main-status-con3 .detail .item-label{margin-bottom:1rem; font-weight:500;}
.main-status-con3 .detail .item-data .data{font-weight:700; color:#1278D6; font-size:2.8rem;}
.main-status-con3 .detail .item-data .data-unit{margin-left:0.4rem;}
.main-status-con3 .detail .item-data .per{display:block; width:100%; color:var(--gray-50);}

a.go-status-more{position:absolute; right:0; top:0; display: flex; align-items: center; line-height:3.6rem; font-size:1.8rem; text-decoration: underline; text-underline-position: under;}

.main-guideBook{width:51rem;}
.main-guideBook-down li{height:12.5rem; position:relative;}
.main-guideBook-down a{display:flex; align-items: center; height:100%; box-sizing:border-box; padding:0 4rem; font-size:2rem; color:var(--gray-90); font-weight:600; position:relative; border-radius:2rem;}
.main-guideBook-down a:before{display:block; content:''; width:9rem; height:9rem; margin-right:1rem; background-position:center; background-size:cover; background-repeat:no-repeat; flex-shrink: 0;}
.main-guideBook-down a:after{display:block; content:''; width:3.2rem; height:3.2rem; margin-left:auto; background:url(/images/main/ic_guideDown.svg) center no-repeat; flex-shrink: 0;}
.main-guideBook-down li + li:before{display:block; content:''; height:0.1rem; background-color:var(--line-gray); position:absolute;left:3rem; right:3rem; top:0;}
.main-guideBook-down .down1:before{background-image:url(/images/main/ic_guide1.png);}
.main-guideBook-down .down2:before{background-image:url(/images/main/ic_guide2.png);}

@media (hover: hover) and (pointer: fine) {
	.main-guideBook-down a.down1:hover{background: rgba(139 ,193, 17, 0.7);color:#fff;}
	.main-guideBook-down a.down2:hover{background: rgba(255, 170, 6, 0.7);color:#fff;}
	.main-guideBook-down a:hover:after{background-image:url(/images/main/ic_guideDown_w.svg);}
	.main-guideBook-down li:hover + li:before,
	.main-guideBook-down li:hover:before{display:none;}
}

/* section3 */
.main-sec3{position:relative; padding:6rem 2.4rem 8rem; overflow:hidden; background:#ECF5E5;}
.main-sec3-inner{max-width:140rem; margin:0 auto; position:relative; z-index:1;}
.main-sec3:before{position:absolute; left:-22.6rem; content:''; display:block; width:22.6rem; height:52.5rem; opacity:0; background:url("/images/main/mt_sec3_bg1.png") center no-repeat; }
.main-sec3:after{position:absolute; top:45rem; right:-32.4rem; content:''; display:block; width:32.4rem; height:43.8rem; opacity:0; background:url("/images/main/mt_sec3_bg2.png") center no-repeat; }

.main-sec3.active:before{left:0; opacity:1; transition:1s;} 
.main-sec3.active:after{right:0; opacity:1; transition:1s;} 

.main-sec3-row2{margin-top:4rem;}
.main-sec3-row3{margin-top:4rem;}

.main-introduce{display:flex;}
.main-introduce-tab{width:47.4rem; box-sizing:border-box;}
.main-introduce-tab li{height:13.2rem;}
.main-introduce-tab li + li{margin-top:3rem;}
.main-introduce-tab a{display:flex; align-items: center; height:100%; border:0.1rem solid var(--line-gray); background-color:#fff; color:var(--gray-50); font-size:2.4rem; padding:0 5rem; border-radius:2rem; margin-right:5.3rem; position:relative;}
.main-introduce-tab a:after{display:block; content:''; flex-shrink: 0; width:7.2rem; height:7.2rem; margin-left:auto; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.main-introduce-tab .active-bg{position:absolute;left:0;top:0;bottom:0; display:none;}
.main-introduce-tab .title{position:relative; margin-right:1.2rem;}

.main-introduce-tab .tab1 a:after{background-image:url(/images/main/ic_status_tab1_off.svg);}
.main-introduce-tab .tab2 a:after{background-image:url(/images/main/ic_status_tab2_off.svg);}

.main-introduce-tab .active a{position:relative; margin-right:2.4rem; padding-right:7.9rem; background-color:unset;}
.main-introduce-tab .active .active-bg{display:block;}
.main-introduce-tab .active .active-bg svg{overflow:visible;}
.main-introduce-tab .active .active-bg svg .shadow{filter: drop-shadow(6px 4px 15px rgba(0,0,0,0.15));}
.main-introduce-tab .active .title{color:#fff;}
.main-introduce-tab .tab1.active a{border:none;}
.main-introduce-tab .tab1.active a:after{background-image:url(/images/main/ic_status_tab1_on.svg);}
.main-introduce-tab .tab2.active a{border:none;}
.main-introduce-tab .tab2.active a:after{background-image:url(/images/main/ic_status_tab2_on.svg);}

@media (hover: hover) and (pointer: fine) {
	.main-introduce-tab .tab1 a:hover .active-bg{display:block;}
	.main-introduce-tab .tab2 a:hover .active-bg{display:block;}
	.main-introduce-tab .tab1 a:hover .title {color:#fff}
	.main-introduce-tab .tab2 a:hover .title {color:#fff}	
}

.main-introduce-con{flex:1; min-height:29.4rem;}
.main-introduce-items{padding:0.8rem 5rem; height:100%; background-color:#fff; border-radius:2rem; box-sizing:border-box;}
.main-introduce-items ul{display:flex; flex-wrap:wrap;}
.main-introduce-items li{width:20%; box-sizing:border-box; padding:0.8rem;}
.main-introduce-items a{display:block; text-align:center; font-size:1.8rem; padding:1.8rem 0.5rem; border-radius:2rem; font-weight:500;}
.main-introduce-items a:before{display:block; content:''; width:4.8rem; height:4.8rem; margin:0 auto 1rem auto; background-position:0 0; background-size:cover; background-repeat:no-repeat;}
.main-introduce-items.intro1{border:0.2rem solid #22A74F;}
.main-introduce-items.intro2{border:0.2rem solid #F27820;}

@media (hover: hover) and (pointer: fine) {
	.main-introduce-items a:hover{color:var(--gray-80);}
	.main-introduce-items a:hover:before{background-position:0 -4.8rem;}
	.main-introduce-items.intro1 a:hover{background-color:#F2FBF5;}
	.main-introduce-items.intro2 a:hover{background-color:#FEF7F2;}	
}

.main-introduce-items.intro1 .item1:before{background-image:url(/images/main/ic_status1_1.svg);}
.main-introduce-items.intro1 .item2:before{background-image:url(/images/main/ic_status1_2.svg);}
.main-introduce-items.intro1 .item3:before{background-image:url(/images/main/ic_status1_3.svg);}
.main-introduce-items.intro1 .item4:before{background-image:url(/images/main/ic_status1_4.svg);}
.main-introduce-items.intro1 .item5:before{background-image:url(/images/main/ic_status1_5.svg);}
.main-introduce-items.intro1 .item6:before{background-image:url(/images/main/ic_status1_6.svg);}
.main-introduce-items.intro1 .item7:before{background-image:url(/images/main/ic_status1_7.svg);}
.main-introduce-items.intro1 .item8:before{background-image:url(/images/main/ic_status1_8.svg);}
.main-introduce-items.intro1 .item9:before{background-image:url(/images/main/ic_status1_9.svg);}

.main-introduce-items.intro2 .item1:before{background-image:url(/images/main/ic_status2_1.svg);}
.main-introduce-items.intro2 .item2:before{background-image:url(/images/main/ic_status2_2.svg);}
.main-introduce-items.intro2 .item3:before{background-image:url(/images/main/ic_status2_3.svg);}
.main-introduce-items.intro2 .item4:before{background-image:url(/images/main/ic_status2_4.svg);}
.main-introduce-items.intro2 .item5:before{background-image:url(/images/main/ic_status2_5.svg);}
.main-introduce-items.intro2 .item6:before{background-image:url(/images/main/ic_status2_6.svg);}
.main-introduce-items.intro2 .item7:before{background-image:url(/images/main/ic_status2_7.svg);}
.main-introduce-items.intro2 .item8:before{background-image:url(/images/main/ic_status2_8.svg);}
.main-introduce-items.intro2 .item9:before{background-image:url(/images/main/ic_status2_9.svg);}

.main-sec3-row2{display:flex;}

.main-welfare{width:43.8rem; height:33rem; margin-right:3rem; box-sizing:border-box; background-color:#fff; padding:4rem; border-radius:2rem;}
.main-welfare h2{font-size:2.4rem; color:var(--gray-90); margin-bottom:2rem;}
.main-welfare ul a{display:block; padding:1rem 0; font-size:2rem;}


.main-qna{width:43.8rem; height:33rem; margin-right:3rem; box-sizing:border-box; background-color:#fff; padding:4rem; border-radius:2rem;}
.main-qna h2{font-size:2.4rem; color:var(--gray-90); margin-bottom:2rem;}
.main-qna ul a{display:block; padding:1rem 0; font-size:2rem;}


.main-info-links{flex:1;}
.main-info-links li + li{margin-top:3rem;}
.main-info-links a{display:flex; align-items: center; height:15rem; box-sizing:border-box; padding:4rem 5rem; border-radius:2rem; color:#fff; font-size:2.4rem;transition:.1s;}
.main-info-links a:after{display:block; content:''; width:3.2rem; height:3.2rem; background:url(/images/main/ic_arrow_go.svg) center no-repeat; margin-left:auto;}
.main-info-links .info1 a{/*background-color:#14A2D0;*/ background-color:#129fce;}
.main-info-links .info2 a{background-color:#3350C6;}

@media (hover: hover) and (pointer: fine) {
	.main-welfare ul a:hover{color:var(--gray-90); text-decoration: underline 0.1rem; text-underline-position: under;}
	.main-qna ul a:hover{color:var(--gray-90); text-decoration: underline 0.1rem; text-underline-position: under;}
	
	.main-info-links .info1 a:hover {background-color:#1891b9;}
	.main-info-links .info2 a:hover {background-color:#273c8e;}
}

.main-sec3-row3{display:flex;}

.main-webzine{width:43.8rem; margin-right:3rem; padding-top:2rem; position:relative; display:flex; flex-direction: column; align-items: flex-start;}
.main-webzine h2{font-size:2.4rem; color:var(--gray-90); margin-bottom:2rem;}
.main-webzine .title-sub-txt{font-size:2rem; margin-bottom:3rem;}
.main-webzine .links{margin-top:auto;}
.main-webzine .links li + li{margin-top:1.2rem;}
.main-webzine .links a{display:inline-flex; align-items: center; box-sizing:border-box; height:6rem; padding:0 1.8rem 0 2rem; font-size:1.8rem; /*color:#F1771F;*/ color:#e76508; border:0.1rem solid #F1771F; border-radius:1rem;}
.main-webzine .links a:after{flex-shrink: 0; display:block; content:''; width:2.4rem; height:2.4rem; background:url(/images/main/ic_blank_webzine.svg) center no-repeat; margin-left:1.2rem;}
.main-webzine .webzine-img{width:15rem; height:15rem; position:absolute; right:6rem; bottom:0; background:url(/images/main/webzine_img.png) center / cover no-repeat;}

.main-newsletter{width:43.8rem; margin-right:3rem; padding-top:2rem; position:relative; display:flex; flex-direction: column; align-items: flex-start;}
.main-newsletter h2{font-size:2.4rem; color:var(--gray-90); margin-bottom:2rem;}
.main-newsletter .title-sub-txt{font-size:2rem; margin-bottom:3rem;}
.main-newsletter .links{margin-top:auto;}
.main-newsletter .links li + li{margin-top:1.2rem;}
.main-newsletter .links a{display:inline-flex; align-items: center; box-sizing:border-box; height:6rem; padding:0 1.8rem 0 2rem; font-size:1.8rem; /*color:#22A74F;*/ color:#1e9f49; border:0.1rem solid #22A74F; border-radius:1rem;}
.main-newsletter .links a:after{flex-shrink: 0; display:block; content:''; width:2.4rem; height:2.4rem; background:url(/images/main/ic_blank_newsletter.svg) center no-repeat; margin-left:1.2rem;}
.main-newsletter .newsletter-img{width:15rem; height:15rem; position:absolute; right:6rem; bottom:0; background:url(/images/main/newsletter_img.png) center / cover no-repeat;}

.main-appDownload{flex:1; background:#fff url(/images/main/app_bg.png) center / cover no-repeat; border-radius:2rem; padding:2rem; box-sizing:border-box; /*text-align:center;*/}
.main-appDownload h2{font-size:2.4rem; color:var(--gray-90); margin-bottom:2rem;}
.main-appDownload p {margin-bottom: 1rem; font-size:2rem; line-height:2.4rem;}
.main-appDownload ul{display:flex; justify-content: center;}
.main-appDownload li{padding:0 3rem; text-align:center;}
.main-appDownload a{display:block;cursor:initial;}
.main-appDownload .QR-Code{background-color:var(--bg-gray); border-radius:2rem; width:13rem;height:13rem; box-sizing:border-box; padding:1.6rem; margin:0 auto;}
.main-appDownload .QR-Code img{width:100%;}
.main-appDownload .app-Store{background-color:var(--bg-gray); border-radius:2rem; width:13rem;height:13rem; box-sizing:border-box; padding:1.6rem; margin:0 auto;display:none;}
.main-appDownload .app-Store img{width:100%;}
.main-appDownload .os-name{margin-top:1rem; font-size:1.8rem;}

@media (hover: hover) and (pointer: fine) {
	.main-webzine .links a:hover{background-color:#F1771F; color:#fff;}
	.main-webzine .links a:hover:after{background-image:url(/images/main/ic_blank_w.svg);}
	
	.main-newsletter .links a:hover{background-color:#22A74F; color:#fff;}
	.main-newsletter .links a:hover:after{background-image:url(/images/main/ic_blank_w.svg);}
}

html.mobile .main-appDownload .QR-Code{display:none;}
html.mobile .main-appDownload .app-Store{display:block;}

/* 모바일 */
.main-login{padding:1.6rem; border-radius:0 0 4rem 4rem; background-color:#F4FAFF; display:none;}
.main-login-front{padding:2rem; display:flex; align-items: center;}
.main-login-front .login-copy{font-size:2.2rem; color:var(--gray-90);}
.main-login-front .login-onoff{width:11.2rem; padding-top:5rem; position:relative; margin-left:auto;}
.main-login-front .login-onoff:after{display:block;content:''; width:7.8rem; height:5.6rem; background:url(/images/main/img_login_onoff.png) 0 0 / cover no-repeat; position:absolute;left:50%; top:0; margin-left:-3.9rem;}
.main-login-front .login-onoff a{display:block; height:4rem; line-height:4rem; text-align:center; background-color:#1278D6; color:#fff; border-radius:2rem; font-size:1.4rem;}
.main-login-EDI{text-align:center; padding-top:0.4rem;}
.main-login-EDI a{background:url(/images/main/arr_go_edi.svg) right center no-repeat; padding-right:2.4rem;}

.main-personal-info{padding:0 1.6rem; margin-top:1rem; display:none;}
.main-personal-info .card-box{border-radius:2rem; padding:2rem; min-height:15rem; box-sizing:border-box; position:relative; display:flex; flex-direction: column;}
.main-personal-info .card-item{color:#fff;}
.main-personal-info .card-item .title{font-size:1.2rem; margin-bottom:1rem;}
.main-personal-info .card-item .data{font-size:2rem; font-weight:700;}
.main-personal-info .card-item .data span{font-size:1.4rem; font-weight:500;}
.main-personal-info .card-item .msg{font-size:1.2rem; font-weight:500;}
.main-personal-info .card-item .msg strong{font-size:1.6rem; font-weight:700;}
.main-personal-info .card-item .msg-guide{font-size:1.2rem; margin-top:0.4rem;}
.main-personal-info .sub-txt{background-color:#fff; height:3.2rem; display:flex; align-items: center; border-radius:1rem; padding:0 1rem; font-size:1.2rem; margin-top:auto;}
.main-personal-info .sub-txt:before{display:block; content:''; width:1.8rem; height:1.8rem; margin-right:0.4rem; flex-shrink: 0;}
.main-personal-info .sub-txt em{font-weight:700;}
.main-personal-info .sub-btn{margin-top:auto; text-align:center;}
.main-personal-info .sub-btn a{display:inline-flex; align-items: center; justify-content: center; height:3.2rem; padding:0 2.4rem; font-size:1.2rem; border-radius:1rem; background-color:#fff;}
.main-personal-info .go-detail{color:#fff; text-decoration: underline; text-underline-position: under; position:absolute; right:2.4rem; top:2.4rem; font-size:1.2rem; font-weight:500;}

.main-personal-info .card-box.type1{background-color:#2782EC;}
.main-personal-info .card-box.type1 .sub-txt em{color:#0062BC;}
.main-personal-info .card-box.type1 .sub-txt:before{background-image:url(/images/main/ic_bullet_type1.svg);}

.main-personal-info .card-box.type2{background-color:#22B742;}
.main-personal-info .card-box.type2 .sub-txt em{color:#13A538;}
.main-personal-info .card-box.type2 .sub-txt:before{background-image:url(/images/main/ic_bullet_type2.svg);}

.main-personal-info .card-box.type3{background-color:#F4881F;}
.main-personal-info .card-box.type3 .sub-txt em{color:#E17200;}
.main-personal-info .card-box.type3 .sub-txt:before{background-image:url(/images/main/ic_bullet_type3.svg);}

.main-personal-info .card-box.type4{background-color:#1C4676;}

/* 모달 */
.main-banner-list ul{display:flex; flex-wrap:wrap; width:72rem;}
.main-banner-list li{border:0.1rem solid var(--line); width:calc(50% - 0.8rem); box-sizing:border-box; padding:1.2rem; border-radius:1rem; margin:0.4rem;}
.main-banner-list li img{border-radius:1rem; width:100%;}
@media all and (max-width:768px){
	.main-banner-list ul {width:100%;}
	.main-banner-list li {width:100%;}
}

/* ------------------------------ main new version ------------------------------  */
.main-container * {box-sizing:border-box}
.main-visual {position:relative;width:100%;}
.main-visual .main-box-title {font-size:2.4rem;font-weight:700;color:#1d1d1d}
.main-visual .visual {height:65rem;}
.main-visual .banner-slider-nav {left: 0; right: auto; top: 45rem; pointer-events: auto;}
.main-visual .visual .swiper-container {height:100%;}
/* .main-visual .visual .swiper-slide {background:#EEF4FA url(/images/main/section2_bg.png) top center / cover no-repeat} */

/* .main-visual .visual .swiper-slide:nth-of-type(1) {background: url(/images/main/main_visual-background2.png) top center / cover no-repeat;}
.main-visual .visual .swiper-slide:nth-of-type(2) {background: url(/images/main/main_visual-background1.png) top center / cover no-repeat;}
.main-visual .visual .swiper-slide:nth-of-type(3) {background: url(/images/main/main_visual-background2.png) top center / cover no-repeat;}
.main-visual .visual .swiper-slide:nth-of-type(4) {background: url(/images/main/main_visual-background1.png) top center / cover no-repeat;}
 */
.main-visual .visual .swiper-slide > img {position:absolute;top:0;left:0;width:100%;height:100%;}
.main-visual .visual .swiper-slide .text {width:100%;max-width:var(--max-width);margin:5.8rem auto 0;overflow:hidden;position:absolute;z-index:2;left:50%;transform:translateX(-50%);}
.main-visual .visual .swiper-slide .text h2 {position:relative;font-size:5rem;line-height:6.25rem;color:#000;transition:.3s;opacity:0;transform:translateX(0);}
.main-visual .visual .swiper-slide .text p {position:relative;font-size:2.2rem;font-weight:400;color:#000;line-height:3.3rem;margin-top:3rem;transition:.3s;opacity:0;transform:translateX(0);}
.main-visual .visual .swiper-slide.swiper-slide-active .text h2 {animation: textAni .8s .2s forwards;}
.main-visual .visual .swiper-slide.swiper-slide-active .text p {animation: textAni .8s .4s forwards;}
.main-visual .visual .swiper-slide.swiper-slide-active .img {animation: imgAni1 .8s .6s forwards;}
.main-visual .inner-container {position:absolute;top:2.4rem;right:10%;z-index:1;width: var(--max-width);display: flex;left: 50%; transform: translateX(-50%); pointer-events: none;}
.main-visual .visual .swiper-slide .inner-container {position: relative;top: auto;right: 0;flex-direction: column;max-width: var(--max-width);height: 100%;padding-right: 53.5rem;}
.main-visual .visual .swiper-slide .img {position:absolute;right: 0;bottom: 13rem;width: 100%;padding-right: 53.5rem;text-align: right;opacity: 0;}
.main-visual .visual .swiper-slide .img img {width: 40rem;margin-right: 4rem;}

/* .main-visual .visual .swiper-slide .img.type1 img {width: 73.8rem; display: block;bottom: -50rem;right: 53rem;opacity:0;}
.main-visual .visual .swiper-slide .img.type2 img {width: 48.8rem; display: block;bottom: -25rem;right: 58rem;opacity:0;}
.main-visual .visual .swiper-slide.swiper-slide-active .img.type1 img {animation: imgAni1 1s .7s forwards;}
.main-visual .visual .swiper-slide.swiper-slide-active .img.type2 img {animation: imgAni2 1s .7s forwards;} */
.main-visual .inner-container .col-box {margin-top:2rem;margin-left: auto;pointer-events: auto;}
.main-visual .inner-container .col-box .go-news-more {border:1px solid #d9d9d9;border-radius:10rem;font-size:1.4rem;right:2.3rem;top:1.5rem;text-decoration:none;font-weight:500;
box-sizing: border-box; width: 8.4rem;height:3.4rem;line-height:3.4rem;padding-left: 1.3rem;background-color:#fff;background-image: url(/images/common/ic_site_open.svg);background-repeat: no-repeat;background-position: 90% 50%; background-size: 1.4rem;}

@media (hover: hover) and (pointer: fine) {
	.main-visual .inner-container .col-box .go-news-more:hover {background-color: var(--white-hover);}	
}

.main-visual .inner-container .main-news {overflow:hidden;width:53.5rem;height:auto;min-height: 22.4rem;border:.1rem solid #c6c6c6;border-radius:1.2rem;background:#fff;padding:1.5rem 2.4rem 1.3rem 2.5rem;}
.main-visual .inner-container .main-news .main-news-list {min-height:auto;}
.main-visual .inner-container .main-news .main-news-list .new a {border:none}
.main-visual .inner-container .main-news .main-news-list .new .title {padding-right: .8rem;}
.main-visual .inner-container .main-news .main-news-list .badge {position:relative;right:5px;top:0;display: flex;margin-right:1rem;}
.main-visual .inner-container .main-news .main-news-tab ul {margin-bottom:1rem}
.main-visual .inner-container .fav-menu {width:53.5rem;height:auto;margin-top:1rem;padding:1.5rem 2.4rem 1.3rem 2.5rem;border:1px solid #c6c6c6;border-radius:1.2rem;background:#fff;}
.main-visual .inner-container .main-news-tab .active a:before {display:none}
.main-visual .inner-container .main-news-tab li + li:before {display:none}
.main-visual .inner-container .main-news-tab li {width:auto;margin-right:2rem}
.main-visual .inner-container .main-news-list .title {height:fit-content;font-size:1.6rem;color:#000;-webkit-line-clamp: 1;}
.main-visual .inner-container .main-news-list .date {flex-shrink: 0;margin-top: 0;margin-left: auto;text-align:left;font-size:1.4rem;color:var(--gray-70);}
.main-visual .inner-container .main-news-list li + li {margin-top:1.5rem;border-top:none}
.main-visual .inner-container .main-news-list li a {display: flex;justify-content: space-between;align-items: center;padding:0;}
.main-visual .inner-container .fav-menu ul {display:flex;flex-wrap:wrap;margin-top:1.0rem;row-gap:1rem;}
.main-visual .inner-container .fav-menu li {width:25%}
.main-visual .inner-container .fav-menu a {position:relative;display:flex;flex-direction:column;align-items: center;}
.main-visual .inner-container .fav-menu .img-wrap {margin-bottom:0.6rem;width:4.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.main-visual .inner-container .fav-menu .img-wrap img {width:100%;}
.main-visual .inner-container .fav-menu a span {color:var(--gray-80);font-size:1.4rem;font-weight:600;text-align:center;line-height: 1.2;}


.main-visual .major-links-wrap {max-width: var(--max-width);margin: auto;}
.main-visual .major-links-btn {position: relative;top: -12rem; z-index: 1;display: flex;gap:.8rem;font-size: 2rem;}
.main-visual .major-links-btn p {position:relative;padding: .8rem 3rem;background: #1278d6;color: #fff;border-radius: 7rem; display: inline-flex; align-items: center;}
.main-visual .major-links-btn p:after {position:absolute;width:0;height:0;border-style:solid;border-width:1.8rem .9rem 0 .9rem;border-color:#1278d6 transparent transparent transparent;content:'';bottom: -10px;left: 50%;transform: translateX(-50%);}
.main-visual .major-links-btn a {position:relative;display: inline-flex; align-items: center; background:#fff;box-sizing: border-box;height: 4.6rem;padding: .8rem 2rem;color: #425abe;border: 0.1rem solid #425abe; border-radius: 10rem;font-size: inherit;}
.main-visual .major-links-btn a:after{display: inline-block;content: '';width: 2rem;height: 2rem;background: url(../images/common/ic_blank_primary.svg) center no-repeat; margin: 0 0.4rem; flex-shrink: 0;}

.main-visual .major-links {display: flex;background-color: #ffffff;/* background-image: url(/images/main/main_major-bg.png); */max-width: var(--max-width);margin: auto;height: 12.7rem;box-sizing: border-box;box-shadow: 0 .9rem 3.3rem 0px rgba(0,0,0,.25);border-radius: 2rem;/* padding:1rem 0 1rem 0; */position: relative;top: -10.5rem;z-index: 1;overflow: hidden;background-repeat:no-repeat}
.main-visual .major-links li {width: calc(100% / 8);}

.main-visual .sub-links {position: absolute;top: 0;left: 12rem;display: flex;justify-content: space-evenly;width: calc(100% - 12rem);height: 100%;}
.main-visual .major-links a {position:relative;display:flex;align-items: center;justify-content: center;flex-direction: column;height:100%;text-align:center;color: #2b2171;padding:1rem;font-weight: 600;}
.main-visual .major-links a:before {position: relative;display: block;background-size:4rem;background-repeat:no-repeat;content: '';transition:.3s ease;width:4rem;height:4rem;margin-bottom:1.5rem;}
.main-visual .major-links a:after {width:8rem;height:6.9rem;background: var(--primary);box-shadow: 0 0.8rem 0 0 rgba(0, 0, 0, .15);content:'';display: block;top: 0;position: absolute;left: 50%;transform: translateX(-50%);transition:.3s ease;z-index: -1;opacity: 0;border-bottom-left-radius: 1.2rem;border-bottom-right-radius: 1.2rem;}
.main-visual .major-links a:focus-visible {outline-offset: -0.2rem;}

.main-visual .major-links li:nth-of-type(1) a:before {background-image:url(/images/main/main_major-menu-hover1.png);}
.main-visual .major-links li:nth-of-type(2) a:before {background-image:url(/images/main/main_major-menu-hover2.png);}
.main-visual .major-links li:nth-of-type(3) a:before {background-image:url(/images/main/main_major-menu-hover3.png);}
.main-visual .major-links li:nth-of-type(4) a:before {background-image:url(/images/main/main_major-menu-hover4.png);}
.main-visual .major-links li:nth-of-type(5) a:before {background-image:url(/images/main/main_major-menu-hover5.png);}
.main-visual .major-links li:nth-of-type(6) a:before {background-image:url(/images/main/main_major-menu-hover6.png);}
.main-visual .major-links li:nth-of-type(7) a:before {background-image:url(/images/main/main_major-menu-hover7.png);}
.main-visual .major-links li:nth-of-type(8) a:before {background-image:url(/images/main/main_major-menu-hover8.png);}

.main-visual .major-links a.active:after {opacity: 1;}
.main-visual .major-links a.active:before {top: -.8rem}
.main-visual .major-links li:nth-of-type(3) a.active:before {background-image:url(/images/main/main_major-menu3.png);}

@media (hover: hover) and (pointer: fine) { 
	.main-visual .inner-container .fav-menu a:hover span{color:#1624bf;}
	.main-visual .inner-container .fav-menu a:hover .img-wrap {background:rgba(217,217,217,.3);}
	
	.main-visual .major-links a:hover:after {opacity: 1;}
	.main-visual .major-links a:hover:before {top: -.8rem}
	.main-visual .major-links li:nth-of-type(1) a:hover:before {background-image:url(/images/main/main_major-menu1.png);}
	.main-visual .major-links li:nth-of-type(2) a:hover:before {background-image:url(/images/main/main_major-menu2.png);}
	.main-visual .major-links li:nth-of-type(3) a:hover:before {background-image:url(/images/main/main_major-menu3.png);}
	.main-visual .major-links li:nth-of-type(4) a:hover:before {background-image:url(/images/main/main_major-menu4.png);}
	.main-visual .major-links li:nth-of-type(5) a:hover:before {background-image:url(/images/main/main_major-menu5.png);}
	.main-visual .major-links li:nth-of-type(6) a:hover:before {background-image:url(/images/main/main_major-menu6.png);}
	.main-visual .major-links li:nth-of-type(7) a:hover:before {background-image:url(/images/main/main_major-menu7.png);}
	.main-visual .major-links li:nth-of-type(8) a:hover:before {background-image:url(/images/main/main_major-menu8.png);}
}

@keyframes textAni {
  0% {opacity:0;}
  100% {opacity:1;}
}

@keyframes imgAni1 {
  0% {opacity:0;}
  100% {opacity:1;}
}

@keyframes imgAni2 {
  0% {opacity:0;}
  100% {opacity:1;}
}

.visual-banner-list ul {display: flex;align-items: center;flex-wrap: wrap;gap:1.6rem;}
.visual-banner-list ul li {display: flex;align-items: center;justify-content: space-between;gap: 4rem;width: 100%;padding: 1.4rem;border: .1rem solid var(--line-gray);border-radius: 1.2rem;}
.visual-banner-list ul a {display: flex;width: 100%;}
.visual-banner-list .text h5 {margin-bottom: 1rem;font-size: 2rem;}
.visual-banner-list .text p {font-size: 1.8rem;}
.visual-banner-list .img {flex-shrink: 0;width: 15rem;}
.visual-banner-list .img img {max-width: 100%;}

.main-section.shortcut {padding-top: 6rem;overflow:hidden;}
.main-section.shortcut .main-search-wrap .search-auto-keyword {max-width: 57rem;left: 50%;transform: translateX(-50%);top: 10.8rem;border-radius: 2rem;}
.main-section .main-box-title {position:relative;padding: 0 2rem;font-size:4.4rem;font-weight:700;color:#000;text-align:center}
.main-section.shortcut .main-search-form {position:relative;max-width:57rem;margin:4rem auto 0;border:.4rem solid #1278D6;border-radius:5rem;background:#fff;}
.main-section.shortcut .main-search-form .search-bg {position: absolute;right: -17rem;bottom: 0;z-index:-1;width: 17.3rem;height: 15rem;}
.main-section.shortcut .main-search-form .search-bg img {max-width: 100%;}
.main-section.shortcut .main-search-form .text-keyword {border-radius:5rem;}

.main-section.shortcut .main-search-form .btn-close {position: relative; flex-shrink: 0; width: 2rem; height: 2rem; margin: 0 .5rem; border-radius: .3rem; white-space: nowrap; text-indent: 100%; overflow: hidden; }
.main-section.shortcut .main-search-form .btn-close:after,
.main-section.shortcut .main-search-form .btn-close:before {content: '';position: absolute;top: 50%;left: 50%;transform-origin: center;width: .1rem;height: 1.5rem;background-color: #333;}
.main-section.shortcut .main-search-form .btn-close:after {transform: translate(-50%, -50%) rotate(45deg);}
.main-section.shortcut .main-search-form .btn-close:before {transform: translate(-50%, -50%) rotate(-45deg);}

.main-section.shortcut .main-search-form .btn-search {background:url(/images/main/main_ico-search.svg) center / 2.6rem auto no-repeat;border-radius: .5rem;}

@media (hover: hover) and (pointer: fine) { 
	.main-section.shortcut .main-search-form .btn-close:hover{background-color: var(--gray-10);}
	.main-section.shortcut .main-search-form .btn-search:hover {background: var(--gray-10) url(/images/main/main_ico-search.svg) center / 2.6rem auto no-repeat;}   
}

.main-section.shortcut .main-search-hashtag {display:none;}
.main-section.shortcut .qna-wrap {position:relative;width:100%;max-width: var(--max-width); margin: 6.5rem auto 1rem;display: grid;grid-template-columns: 30rem 1fr;}
.main-section.shortcut .qna-wrap .swiper-container {margin-left:5rem}
.main-section.shortcut .qna-tit-box {display: flex;flex-direction: column;width:30rem;padding-right: 2rem;}
.main-section.shortcut .qna-tit-box h4 {font-size:3rem;font-weight:700;color:#000;line-height:3.6rem;}
.main-section.shortcut .qna-tit-box p {font-size:2rem;color:#000;margin:2rem 0;}
.main-section.shortcut .qna-tit-box .btn-wrap {margin-top: 2.2rem; display: flex; flex-direction: column; gap: 1rem;}
.main-section.shortcut .qna-tit-box .btn-wrap a{font-size: 1.6rem;font-weight: 700;color: #222; border-radius: 1rem; width: 23rem; padding:1.7rem 1rem;}
.main-section.shortcut .qna-tit-box .btn-wrap a.down1 {background:#f6f6f6 url(/images/main/main_ico-download2_1.png) no-repeat 90% 50%;}
.main-section.shortcut .qna-tit-box .btn-wrap a.down2 {background:#f6f6f6 url(/images/main/main_ico-download2_2.png) no-repeat 90% 50%;}


@media (hover: hover) and (pointer: fine) { 
	.main-section.shortcut .qna-tit-box .btn-wrap a:nth-child(1):hover {background-color: #c4d301;}
	.main-section.shortcut .qna-tit-box .btn-wrap a:nth-child(2):hover {background-color: #fec600;}
}

.main-section.shortcut .qna-link-wrap {width: 131rem;}
.main-section.shortcut .qna-wrap .swiper-container {}
.main-section.shortcut .qna-link-wrap li.swiper-slide {width:auto;opacity:1;transition: 0.2s ease;padding:1rem 0;}
.main-section.shortcut .qna-link-wrap li.swiper-slide-duplicate-prev {opacity:.2;-webkit-user-select: none; user-select: none;}

@media (hover: hover) and (pointer: fine) {
	.main-section.shortcut .qna-link-wrap li.swiper-slide:hover {padding-top:.5rem;}
	.main-section.shortcut .qna-link-wrap li.swiper-slide:hover .inner {box-shadow:.2rem .7rem 1.2rem .2rem #00000040;}	
}

.main-section.shortcut .pension span,
.main-section.shortcut .certificate span,
.main-section.shortcut .service span,
.main-section.shortcut .system span,
.main-section.shortcut .apply span,
.main-section.shortcut .anypay span {background-position: 100% 0;background-size: contain;background-repeat: no-repeat;}

.main-section.shortcut .qna-wrap .qna-btn-prev {width: 4rem; height: 4rem;background:url(/images/main/main_qna-slider-btn2.png) center / 4rem auto no-repeat; border-radius: 50%;position: absolute; text-indent: -9999px; left: 0;top: 50%; transform: translateY(-50%); left: 21.5%; z-index: 1; filter: opacity(0.8); overflow: hidden;}
.main-section.shortcut .qna-wrap .qna-btn-next {width: 4rem; height: 4rem;background:url(/images/main/main_qna-slider-btn.png) center / 4rem auto no-repeat; border-radius: 50%;position: absolute; text-indent: -9999px; right: 0;top: 50%; transform: translateY(-50%); right: -3%; z-index: 1; filter: opacity(0.8);  overflow: hidden;}
.main-section.shortcut .qna-wrap .qna-btn-prev:focus-visible,
.main-section.shortcut .qna-wrap .qna-btn-next:focus-visible {outline: 0.2rem dashed #000;}

.main-section.shortcut .qna-link-wrap .inner {display:flex;flex-direction:column;/* width:32.8rem; */height:34.6rem;padding:2.4rem 2rem;border-radius:1.2rem;background:rgba(198,198,198,0.15);}
.main-section.shortcut .qna-link-wrap .inner span {display:flex;justify-content: space-between;min-height: 5.5rem;font-size:1.8rem;font-weight:700;margin:0 0 3.4rem;}
.main-section.shortcut .qna-link-wrap .inner p {font-size:2.1rem;font-weight:700;color:#000} 
.main-section.shortcut .qna-link-wrap .link-btns {margin-top:auto;}
.main-section.shortcut .qna-link-wrap .link-btns a {position: relative;display:flex;align-items: center;justify-content: space-between;width:100%;border-radius:1.2rem;padding:1.4rem 1rem;font-size:1.5rem;font-weight:500;background-color: #fff;}
.main-section.shortcut .qna-link-wrap .link-btns a:after {content: '';flex-shrink: 0;width: 2rem;height: 2rem;background: url(/images/main/main_qna-arrow-btn.png) 50% 50% / contain no-repeat;}

.main-section.shortcut .qna-link-wrap .link-btns a + a {margin-top:1rem;}
.main-section.shortcut .link-box-wrap {display:flex;flex-wrap: wrap;gap: 1.5rem;width:100%;max-width: var(--max-width); margin: 1.5rem auto 7rem;justify-content: space-between;}
.main-section.shortcut .link-box-wrap .btn-wrap {display:none;}
.main-section.shortcut .link-box-wrap .btn-wrap a {font-size: 1.5rem;font-weight: 400;color: #222; border-radius: 1rem; width: 50%;padding: 2rem 3rem 2rem 1rem;background: #f6f6f6 url(/images/main/main_ico-download.png) no-repeat 90% 50%;background-size:1.6rem;}
.main-section.shortcut .tab-link-box {position:relative;padding:2rem;background:#d2d6f7; border: 1px solid #c4c6e8; border-radius:1.2rem;width: 46.2rem;height:18rem}
.main-section.shortcut .tab-link-box .go-status-more {border:1px solid #d9d9d9;border-radius:10rem;font-size:1.4rem;right:2.3rem;top:2rem;text-decoration:none;font-weight:500;
box-sizing: border-box; width: 8.4rem;height:3.4rem;line-height:3.4rem;padding-left: 1.3rem;background-color:#fff;background-image: url(/images/common/ic_site_open.svg);background-repeat: no-repeat;background-position: 90% 50%; background-size: 1.4rem;}

@media (hover: hover) and (pointer: fine) {
	.main-section.shortcut .link-box-wrap .btn-wrap a:hover {background-color: #dcdcdc;}
	.main-section.shortcut .tab-link-box .go-status-more:hover {background-color: var(--white-hover);}
}

.main-section.shortcut .tab-link-box p {color:#2c3050; border-bottom:.4rem solid transparent;margin-right:2.3rem;font-size:2.2rem;font-weight:700;}
.main-section.shortcut .tab-link-box .tabContents {margin-top:2.3rem}
.main-section.shortcut .tab-link-box .main-link-banner {gap:.4rem;display:flex; justify-content: space-between;margin-top:1rem;}
.main-section.shortcut .tab-link-box .main-link-banner a {display:block;width: calc((100% - .4rem* 3) / 4);font-size:1.4rem;color:#2c3050;font-weight:600;text-align:center;padding:1rem 0;border-radius:1.2rem; line-height:1.8rem;}

.main-section.shortcut .tab-link-box .main-link-banner a img {display:block;margin:0 auto 1rem;height:4rem}
.main-section.shortcut .link-slider-nav button {position: absolute; width: 3.2rem; height: 3.2rem; border-radius: 50%; border: 1px solid #cdd1d5; text-indent: -9999rem; z-index: 10;}
.main-section.shortcut .link-slider-nav button.btn-prev {background: #fff url(/images/main/main_status-slider-prev.svg) center / 1.9rem auto no-repeat;left: 2rem; bottom: 6rem;}
.main-section.shortcut .link-slider-nav button.btn-next {background: #fff url(/images/main/main_status-slider-next.svg) center / 1.9rem auto no-repeat; right: 2rem; bottom: 6rem;}
.main-section.shortcut .link-faq-box {background-color:#f6f6f6;border:1px solid #c6c6c6;padding:2rem;border-radius:1.2rem;display:flex;flex-direction:column;width:46.2rem;background-image:url(/images/main/main_faqbox-bg.png);background-repeat:no-repeat;
    background-position: right 10px bottom 55px;background-size:10rem;height:18rem}
.main-section.shortcut .link-faq-box strong {font-size:2.2rem;font-weight:700;color:#1d1d1d;}
.main-section.shortcut .link-faq-box p {font-size:1.6rem;font-weight:500;color:#000;margin-top:.6rem}
.main-section.shortcut .link-faq-box a {margin-top:auto;font-size:1.5rem;color:#fff;font-weight:700;width:10.8rem;height:3.7rem;line-height:3.7rem;padding-left:1.8rem;background:#475fc1;border-radius:1.2rem;
	background-image: url(/images/main/i_banner_slider_next.svg); background-repeat: no-repeat; background-position: 90% 50%;}

.main-section.shortcut .banner-wrap {flex: 1;margin-top:0;height:18rem}
.main-section.shortcut .main-banner-wrap {height:100%}
.main-section.shortcut .main-banner-wrap .swiper-container {height:100%}
.main-section.shortcut .main-banner-wrap .swiper-slide {height:100%}
.main-section.shortcut .main-banner-wrap .swiper-container a {height:100%}
.main-section.shortcut .banner-wrap img {display:block;width:100%;height:100%;}

.main-section.status {padding:8rem 0 12rem;background-position:center;background-size: cover;background-repeat: no-repeat;}
.main-section.status .main-box-title {color:#fff;}
.main-section.status .status-wrap {position:relative;display:flex;width:100%;max-width:var(--max-width);margin:0 auto;margin-top:12.2rem;box-sizing: border-box;}
.main-section.status .status-wrap:before {position:absolute;background:url(/images/main/main_ico-status.png)no-repeat;width: 19.4rem;height: 19.7rem;background-size: contain;top: -17rem;right: 12rem;content:'';}
.main-section.status .status-wrap h4 {color:#000;font-size:2.4rem;}
.main-section.status .go-status-more {border:1px solid #d9d9d9;border-radius:10rem;font-size:1.4rem;right:2.3rem;top:2.8rem;text-decoration:none;font-weight:500;
box-sizing: border-box; width: 8.4rem;padding-left: 1.3rem;background-image: url(/images/common/ic_site_open.svg);background-repeat: no-repeat;background-position: 90% 50%; background-size: 1.4rem;}

@media (hover: hover) and (pointer: fine) {
	.main-section.shortcut .link-faq-box a:hover {background-color: var(--primary-hover);}
	.main-section.status .go-status-more:hover {background-color: var(--white-hover);}
}	
 
.main-section.status .main-status {background:#fff;margin-right: 2rem;padding:3rem;border-radius:1.2rem;height: 57rem;}
.main-section.status .main-status-tab {margin-top:1rem;}
.main-section.status .tabContents {padding-top: 2rem;}
.main-section.status .main-status-con {height: 100%;}

@media (hover: hover) and (pointer: fine) {
	.main-section.status .main-status-tab a:hover {text-decoration: underline;text-underline-position: under;}
}	

.main-section.status .main-status .graph {display: block;text-align: center;/* width: 30rem; */margin-left: 3rem;}
.main-section.status .main-status .main-status-con1 .graph img {width:52.7rem}
.main-section.status .main-status .main-status-con2 .graph img {width: 29.9rem;}
.main-section.status .main-status .main-status-con3 .graph img {width: 28.2rem;}

.main-section.status .main-status .main-status-con1 {flex-direction: column; align-items: center;}
.main-section.status .main-status .main-status-con1 .detail {border:none;gap:3rem;margin-top:2rem;align-items: center;}
.main-section.status .main-status .main-status-con1 .detail li + li {border:none;}
.main-section.status .main-status .main-status-con1 .detail li {flex-direction:row;}
.main-section.status .main-status .main-status-con1 .detail li:last-child .item-data .data {font-size:3rem;color:#1278D6}
.main-section.status .main-status .main-status-con1 .detail .item-label {margin-right:1rem;font-weight:700;margin-bottom:0;font-size:1.6rem}
.main-section.status .main-status .main-status-con1 .detail .item-data .data {font-size:2.4rem;color:#373737}
.main-section.status .main-status .main-status-con2 {justify-content: space-evenly;align-items: center;gap: 2rem;}
.main-section.status .main-status .main-status-con2 .total {width:100%;background:#f0f0f0;border-radius:2rem;padding:2.3rem 4rem;margin-bottom:3rem}
.main-section.status .main-status .main-status-con2 .total strong {font-size:1.6rem;font-weight:400;color:#373737;margin-bottom:.4rem}
.main-section.status .main-status .main-status-con2 .total .item-data .data {font-size:3rem;font-weight:700;color:#1278D6;}
.main-section.status .main-status .main-status-con2 .total .sub-txt {font-size:1.6rem;color:#888;}
.main-section.status .main-status .main-status-con2 .detail {border-left:none;padding: 0 0 0 1rem;}
.main-section.status .main-status .main-status-con2 .detail-wrap {display: flex;flex-direction: column;align-items: center;/* margin-left: auto; */}
.main-section.status .main-status .main-status-con2 .detail .item-label {font-size: 1.6rem;color:#373737}
.main-section.status .main-status .main-status-con2 .detail .item-data .data {color:#373737;font-size: 2.2rem;letter-spacing: -.1rem;}
.main-section.status .main-status .main-status-con2 .detail .item-data .data-unit {color:#373737;margin-left: .8rem;font-size: 1.4rem;font-weight:700}
.main-section.status .main-status .main-status-con2 .detail li {position:relative;width:25rem;margin-bottom: 2.4rem;padding-left: 1.4rem;}
.main-section.status .main-status .main-status-con2 .detail li:before {position:absolute;width: 1.4rem;height: 1.4rem;border-radius:.2rem;left:-.8rem;content:'';}
.main-section.status .main-status .main-status-con2 .detail li:nth-of-type(1):before {background:#95A9FF}
.main-section.status .main-status .main-status-con2 .detail li:nth-of-type(2):before {background:#ff9d70}
.main-section.status .main-status .main-status-con2 .detail li:nth-of-type(3):before {background:transparent url(/images/main/main_status-pattern2.png) center / 1.4rem auto no-repeat;}
.main-section.status .main-status .main-status-con2 .detail li:nth-of-type(4):before {background:transparent url(/images/main/main_status-pattern1.png) center / 1.4rem auto no-repeat;}
.main-section.status .main-status .main-status-con3 {justify-content: center;align-items: center;gap: 2rem;justify-content: space-evenly;margin-top: auto;margin-top: 3rem;}
.main-section.status .main-status .main-status-con3 .total {width:100%;background:#f0f0f0;border-radius:2rem;padding:2.3rem 4rem;margin-bottom:3rem}
.main-section.status .main-status .main-status-con3 .total strong {font-size:1.6rem;font-weight:400;color:#373737;margin-bottom:.4rem}
.main-section.status .main-status .main-status-con3 .total .item-data .data {font-size:3rem;font-weight:700;color:#1278D6;}
.main-section.status .main-status .main-status-con3 .total .sub-txt {font-size:1.6rem;color:#888;}
.main-section.status .main-status .main-status-con3 .detail {flex-direction: column;border-left:none;padding: 0 0 0 1rem;gap: 1rem;}
.main-section.status .main-status .main-status-con3 .detail-wrap {display: flex;flex-direction: column;align-items: center;}
.main-section.status .main-status .main-status-con3 .detail .item-label {font-size: 1.6rem;color:#373737;margin-bottom:0;}
.main-section.status .main-status .main-status-con3 .detail .item-data .data {color:#373737;font-size: 2.2rem;}
.main-section.status .main-status .main-status-con3 .detail .item-data .data-unit {color:#373737;margin-left:.9rem;font-size: 1.4rem;font-weight:700}
.main-section.status .main-status .main-status-con3 .detail li + li {border-left:none}
.main-section.status .main-status .main-status-con3 .detail li {position:relative;width:25rem;margin-bottom:.4rem;padding-left:.8rem;flex-direction: row;justify-content: space-between;/* margin-bottom: 2.8rem; */padding-left: 1.4rem;}
.main-section.status .main-status .main-status-con3 .detail li:before {position:absolute;width: 1.4rem;height: 1.4rem;border-radius:.2rem;left:-.8rem;content:'';}
.main-section.status .main-status .main-status-con3 .detail li:nth-of-type(1):before {background:transparent url(/images/main/main_status-pattern1.png) center / 1.4rem auto no-repeat;}
.main-section.status .main-status .main-status-con3 .detail li:nth-of-type(2):before {background:#ff9d70}
.main-section.status .main-status .main-status-con3 .detail li:nth-of-type(3):before {background:transparent url(/images/main/main_status-pattern2.png) center / 1.4rem auto no-repeat;}
.main-section.status .main-status .main-status-con3 .detail li:nth-of-type(4):before {background:#1278d6}
.main-section.status .box-wrap {display:flex;flex-direction:column;gap:2rem}
.main-section.status .box-wrap .box {max-width:66.8rem;position:relative;background:#fff;padding:3rem;border-radius:1.2rem;}
.main-section.status .box-wrap .box p {font-size:1.7rem;color:#383838;font-weight:500;margin-top:2rem;}
.main-section.status .box-wrap .link-btns {display:flex}
.main-section.status .box-wrap .swiper-container {margin-top:2.2rem;width:90%;}
.main-section.status .box-wrap .slider-controller button {position: absolute;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid #cdd1d5;text-indent:-9999rem;z-index:10;overflow: hidden;}
.main-section.status .box-wrap .slider-controller button.status-next-btn {background:#fff url(/images/main/main_status-slider-next.svg) center / 1.9rem auto no-repeat;right:3rem;bottom:6rem}
.main-section.status .box-wrap .slider-controller button.status-prev-btn {background:#fff url(/images/main/main_status-slider-prev.svg) center / 1.9rem auto no-repeat;left:3rem;bottom:6rem}
.main-section.status .box-wrap .link-btns .swiper-slide {width:auto;display:flex;flex-direction:column;align-items: center;padding:1rem 0;border-radius:2rem;}

.main-section.status .box-wrap .link-btns .swiper-slide a {font-size:1.4rem;text-align: center;}
.main-section.status .box-wrap .link-btns .swiper-slide img {display:flex;margin:auto;margin-bottom:1rem;width:3.5rem;height:3.5rem;}
.main-section.new {position:relative;padding:8rem 0;overflow:hidden;}
.main-section.new .new-bg1 {position: absolute;top:-30rem;left: 0;z-index:-1;width: 50%;height: 100%;transform:rotate(90deg)}
.main-section.new .new-bg2 {position: absolute;top:0;right: 0;transform: rotate(180deg);z-index: -1;width: 50%;height: 100%;overflow:hidden}
.main-section.new .new-bg1 img, .main-section.new .new-bg2 img {max-width: 100%;}
/* .main-section.new:before {position: absolute;background: url(/images/main/main_bg-blur2.png)no-repeat;height:100%;top:-60%;z-index:-1;width: 50%;left: 0;transform: rotate(180deg);;background-size: cover;content: '';}
.main-section.new:after {position: absolute;left:100%;width:50%;height:100%;top:-60%;background: url(/images/main/main_bg-blur2.png)no-repeat;background-position:bottom;background-size: cover;right: 0;margin-left: auto;content: '';z-index: -1;} */
.main-section.new .main-box-title {display:flex;justify-content:center;align-items: center; gap: 3rem;}
.main-section.new .main-box-title span {background:url(/images/main/main-ico-new2.png)no-repeat;width: 13.2rem;height: 13.4rem;background-size: contain;}
.main-section.new .main-box-title h3 {display:inline-block;}
.main-section.new .main-sec2-row1 {margin-top:7rem}
.main-section.new .main-sec3-row3 {width:100%;max-width: var(--max-width);height:27.4rem;margin: 4rem auto 0;gap:3rem;}
.main-section.new .main-sns .tabContents {border: .1rem solid #c3c3c3;border-radius: 2rem;}
.main-section.new .main-webzine {width:33.3%;margin-right:0;padding: 2rem;border: .1rem solid #c3c3c3; border-radius: 2rem;}
.main-section.new .main-webzine h2 {margin-bottom:0.5rem;;}
.main-section.new .main-webzine .webzine-img {right: 4rem;bottom: 2rem;}
.main-section.new .main-newsletter {width:33.3%;margin-right:0;padding: 2rem;border: .1rem solid #c3c3c3; border-radius: 2rem;background:#f3f3f3;}
.main-section.new .main-newsletter .links a {background:#fff;}

.main-section.new .main-newsletter .newsletter-img {right: 4rem;bottom: 2rem;}
.main-section.new .main-newsletter h2 {margin-bottom:0.5rem;}
.main-section.new .main-appDownload {width:33.3%;border:.1rem solid #c3c3c3;}
.main-section.new .main-appDownload h2 {margin-bottom:0.5rem;;}
.main-section.new .main-appDownload .os-name {margin-top:0; font-weight:600;}
.main-section.new .main-appDownload .QR-Code {width: 12rem; height: 12rem;padding: 1.4rem;}

/* Full Page Mode */
.full-page-wrap {overflow: hidden !important;}
body.full-page-mode {overflow: hidden !important;}
body.full-page-mode .pagination-container {visibility: visible;}
.pagination-container {position: fixed;left: 2rem;top: 50%;display: flex;flex-direction: column;gap: 0.8rem;transform: translateY(-50%);visibility: hidden;}
.pagination-container::after {content: '';position: absolute;top: 1.6rem;left: calc(50% - 0.05rem);display: block;height: calc(100% - 3.2rem);border-right: 0.1rem solid var(--gray-70);}
.pagination-container .indecator {display: flex;align-items: center;justify-content: center;width: 3.2rem;height: 3.2rem;border-radius: 2.4rem;border: 0.2rem solid transparent;z-index:1;transition: border-color .7s;}
.pagination-container .indecator::after {content: '';display: block;width: 0.5rem;height: 0.5rem;border-radius: 0.2rem;background-color: var(--gray-70);transition: background-color .7s;}
.pagination-container .indecator.active {border-width: 0.2rem;border-color: #106cc2;}
.pagination-container .indecator.active::after {background-color: #106cc2;}

@media (hover: hover) and (pointer: fine) { 
  	.main-section.shortcut .qna-wrap .qna-btn-prev:hover {filter: opacity(1);}
  	.main-section.shortcut .qna-wrap .qna-btn-next:hover {filter: opacity(1);}
  
  	.main-section.shortcut .qna-link-wrap .link-btns a:hover {background-color: #475fc1;color: #fff;}
  	.main-section.shortcut .qna-link-wrap .link-btns a:hover:after {background-image: url(/images/main/main_qna-arrow-btn-white.png);}
  
  	.main-section.shortcut .tab-link-box .main-link-banner a:hover {background:rgba(0,0,0,.1);}
  	.main-section.status .box-wrap .link-btns .swiper-slide:hover {background:#eef8ff}
  	
  	.main-section.status .box-wrap .slider-controller button.status-next-btn:hover {background:var(--white-hover) url(/images/main/main_status-slider-next.svg) center / 1.9rem auto no-repeat;}
  	.main-section.status .box-wrap .slider-controller button.status-prev-btn:hover {background:var(--white-hover) url(/images/main/main_status-slider-prev.svg) center / 1.9rem auto no-repeat;}
  	.main-section.new .main-newsletter .links a:hover {background:#1e9f49}
}

@media all and (max-width:1600px){
	.main-section.shortcut .qna-wrap .qna-btn-next {right:0}
}

@media all and (max-width:1400px) {
	.main-visual .visual .swiper-slide .inner-container {padding:0;}
	.main-visual .visual .swiper-slide .text {padding:0 2rem;left:0;transform:none;}
	.main-visual .visual .swiper-slide .img {padding-right: 2rem;}
	/* .main-visual .visual .swiper-slide .img.type1 img {right:2rem}
	.main-visual .visual .swiper-slide .img.type2 img {right:2rem} */
	.main-visual .banner-slider-nav {top: -4rem;left: 2rem;}
	.main-visual .inner-container {position: relative;top: auto; right: auto; width: 100%;left: auto;pointer-events:auto;transform:initial}
	.main-visual .inner-container .col-box {width:100%;padding:0 2rem;}
	.main-visual .inner-container .main-news {width:100%;}
	.main-visual .inner-container .fav-menu {width:100%;}
	.main-visual .major-links-btn {padding:1rem 0;top:auto;width: calc(100% - 4rem); margin: auto;font-size: 1.6rem;}
	.main-visual .major-links {flex-direction: row;width:calc(100% - 4rem);top:auto;margin-top:.4rem;flex-wrap: wrap;height: 35.4rem;}
	.main-visual .major-links > li {width: 25%;justify-content: center;align-items: center;}
	
	.main-visual .sub-links {top: 6rem;left: 0;flex-wrap: wrap;width: 100%;height: calc(100% - 6rem);padding: 1rem;}
	.main-visual .major-links li {width: 25%;}
	.main-visual .major-links a:after {top: 3rem;border-radius: 1.2rem;}
	
	.main-section.shortcut {margin-top:12rem;padding:0 2rem;}
	.main-section.shortcut .qna-tit-box .btn-wrap {display:none;}
	.main-section.shortcut .link-box-wrap .btn-wrap {display:flex;gap:1.5rem;width: 100%;margin-bottom: 4rem;}
	.main-section.shortcut .qna-wrap {display:flex;flex-wrap:wrap;gap:2rem; margin:3.0rem auto 1rem;}
	.main-section.shortcut .qna-wrap .swiper-container {margin-left:0;width:90%;margin:auto}
	.main-section.shortcut .qna-tit-box {width:100%}
	.main-section.shortcut .qna-tit-box br {display:none}
	.main-section.shortcut .qna-tit-box p {margin:1.5rem 0 0;}
	/* .main-section.shortcut .link-box-wrap {flex-direction:column;} */
	.main-section.shortcut .tab-link-box {width:100%;order:4;}
	.main-section.shortcut .link-faq-box {flex:1;}
	.main-section.shortcut .banner-wrap {width:57.4rem;flex:none;order:2;}
	.main-section.shortcut .banner-wrap img {height: 100%;}
	.main-section.status .status-wrap {flex-direction:column;padding:0 2rem;gap:1.4rem;}
	.main-section.status .box-wrap {gap: 1.4rem;}
	.main-section.status .main-status {margin-right: 0;width: 100%; box-sizing: border-box}
	.main-section.status .main-status .main-status-con {padding:0;height: auto;}
	.main-section.status .box-wrap .box {max-width:100%}
	.main-section.new .main-sec2-row1 {flex-wrap:wrap;padding:0 2rem;gap:2rem;justify-content: center;}
	.main-section.new .main-sec2-row1 .main-cardNews {width:48%;margin-right:0;}
	.main-section.new .main-sec2-row1 .main-nps-tv {width:48%;margin-right:0;}
	.main-section.new .main-sec2-row1 .main-sns {width:100%;flex:none;}
	.main-section.new .main-sec3-row3 {flex-wrap:wrap;padding:0 2rem;gap:2rem;justify-content: center;height: auto; margin:1rem auto 0;}
	.main-section.new .main-sec3-row3 .main-webzine {width:49%;}
	.main-section.new .main-sec3-row3 .main-newsletter {width:49%;margin-right:0;}
	.qna-link-wrap li.swiper-slide-next + li.swiper-slide {opacity:.3}
	.main-section.shortcut .qna-wrap .qna-btn-next {right:0;width:4.8rem;height:4.8rem;background:url(/images/main/main_qna-slider-btn.png) center / 4.8rem auto no-repeat;top:75%}
	.main-section.shortcut .qna-wrap .qna-btn-prev {left:0;width:4.8rem;height:4.8rem;background:url(/images/main/main_qna-slider-btn2.png) center / 4.8rem auto no-repeat;top:75%}
	.main-section.status {padding: 7rem 0;background-size: cover; background-position: unset;}
	.main-section.status .main-status .main-status-con2 {justify-content: center;gap: 7rem;}
	.main-section.status .main-status .main-status-con3 {justify-content: center;gap: 7rem;}
	.main-section.new {padding: 7rem 0;}

    @media (hover: hover) and (pointer: fine) { 
        .main-visual .major-links a:hover:before {top: 0;}
    }
}

@media all and (max-width:1024px){
	.main-section.shortcut .main-search-wrap {display:block;}
	.main-section.new .main-sec2-row1 .main-sns,
	.main-section.new .main-sec3-row3 .main-webzine,
	.main-section.new .main-sec3-row3 .main-newsletter  {width:100%;}
	.main-section.new .main-sec3-row3 .main-webzine,
	.main-section.new .main-sec3-row3 .main-newsletter {flex-direction: column;}
	.main-section.new .main-sec3-row3 .main-webzine .links,
	.main-section.new .main-sec3-row3 .main-newsletter .links {/* display: flex; justify-content: center;gap:1.2rem; */}
	.main-section.new .main-sec3-row3 .main-webzine .links li,
	.main-section.new .main-sec3-row3 .main-newsletter .links li {max-width:12.0rem}
	.main-section.new .main-sec3-row3 .main-webzine .links li + li,
	.main-section.new .main-sec3-row3 .main-newsletter .links li + li {margin:0;}
	.main-section.new .main-sec3-row3 .main-webzine .webzine-img,
	.main-section.new .main-sec3-row3 .main-newsletter .newsletter-img {background-size:contain;}
	
}
@media all and (max-width:980px) {
	.main-section.shortcut .banner-wrap {width:100%;height:auto;}
	.main-section.shortcut .banner-wrap img {aspect-ratio: 5/2;}
	.main-section.shortcut .tab-link-box, .main-section.shortcut .link-faq-box {width: 100%;height: 100%;}
	.main-section.shortcut .link-faq-box a {margin-top: 2rem;}
	.main-section.shortcut .tab-link-box .main-link-banner a img {height: 3.2rem;}
	.main-section.shortcut .qna-tit-box h4 {font-size:2.4rem}
	.main-section.shortcut .qna-link-wrap .inner p {font-size:2.4rem}
	.main-section.shortcut .qna-link-wrap .inner span {margin-bottom:1.6rem;background-size: 4rem;}
	.main-section.new .main-box-title {font-size:3rem}
}

@media all and (max-width:768px){
	
	.main-visual .visual .swiper-slide .text h2 {font-size:3.2rem;line-height:4rem;}
	.main-visual .visual .swiper-slide .text p {margin-top:3rem;font-size:1.8rem;font-weight:400;}
	
	.main-section .main-box-title {font-size:4rem}
	.main-visual .major-links a:before {transition:none;background-size:cover;background-repeat: no-repeat;background-position: center; border-radius: 2rem;}
	/* .main-visual .sub-links a:hover:before {top: 2rem; padding: 1rem;background-color: #fff;} */
	
	
	.main-section.shortcut .main-search-form {padding-right: 1.8rem;}
	.main-section.shortcut .main-search-form .text-keyword {padding: 0 1.8rem;font-size: 1.5rem;}
	.main-section.shortcut .main-search-form {width:100%}
	.main-section.shortcut .main-search-form .search-bg {right: -11.5rem;width: 14.3rem;height: 14rem;}
	/* .main-section.shortcut .banner-wrap  {height:100%;} */
	
	.main-section.status .status-wrap:before {width: 12.4rem;height: 14.7rem;top: -11rem; right: 5rem;}
	.main-section.new .main-box-title {justify-content: flex-start;padding-left: 10%;}
	.main-section.new .main-sec2-row1 .main-cardNews, 
	.main-section.new .main-sec2-row1 .main-nps-tv {width:100%;margin: 0;}
	
	.visual-banner-list ul li {gap: 1rem;}
	.visual-banner-list .text h5 {font-size: 1.6rem;}
	.visual-banner-list .text p {font-size: 1.3rem}
	.visual-banner-list .text p br {display: none;}
	.visual-banner-list .img {width: 9rem;}
}

@media all and (max-width:600px){
	.main-visual .visual {height: 60rem;}
	.main-visual .inner-container {top: -8rem;}
	.main-visual .visual .swiper-slide > img {object-fit:cover;}
	.main-visual .visual .swiper-slide .text {margin:2.8rem auto 0}
	.main-visual .visual .swiper-slide .text p {margin-top:1rem}
	.main-visual .visual .swiper-slide .img {position: static;margin: auto 0 14rem;padding-right: 2rem;}
	.main-visual .visual .swiper-slide .img img {width: 24rem;margin-right: 0;}
	/* .main-visual .visual .swiper-slide .img.type1 img {right:0;width: 49.2rem;bottom: auto;top: 30%;}
	.main-visual .visual .swiper-slide .img.type2 img {right:2rem;width: 24.8rem;top:45%;} */
	.main-visual .inner-container .main-news-list li a {display:block; width:100%;}
	.main-visual .inner-container .main-news-list .title {font-size:1.5rem; display:inline-block; vertical-align:middle; width:90%;}
	.main-visual .inner-container .main-news-list .date {padding:0; display:block;}
	.main-visual .inner-container .main-news {height: auto;padding:1.5rem 1.4rem 1.3rem 1.5rem;}
	.main-visual .inner-container .main-news .main-news-tab {margin-top: 1.4rem;}
	.main-visual .inner-container .main-news .main-news-tab ul {justify-content: space-around;}
	.main-visual .inner-container .main-news .main-news-tab ul li {margin-right: 0;}
	.main-visual .inner-container .col-box .go-news-more {top: 1.5rem;right: 1.4rem;}
	.main-visual .inner-container .fav-menu {height:auto;padding: 1.5rem 1.4rem 1.3rem 1.5rem;}
	.main-visual .major-links-wrap {margin-top:-7rem}
	.main-visual .major-links-btn p {padding: .4rem 2rem;}
	.main-visual .major-links-btn a {min-height:auto;height:3rem; padding:0.843m 1.3rem;}
	.main-visual .major-links {height: 22rem; padding:1rem 0 1.3rem 0;}
	.main-visual .major-links li {padding-top:0}
	.main-visual .major-links a {font-size: 1.4rem;justify-content: flex-start;}
	
	.main-visual .major-links a:before {margin-bottom: 1.2rem;width: 3rem;height: 3rem;}
	.main-visual .major-links a:after {width: 5rem;height: 5rem;top: 0;box-shadow: 0 0.2rem 0 0 rgba(0, 0, 0, .15);}
	
	.main-section .main-box-title,
	.main-section .main-box-title h3 {font-size:3.2rem}
/* 	.main-visual .major-links {height:auto;margin-top: -6rem;background-size: contain; background-repeat: no-repeat; background-position: top;}
	.main-visual .major-links li {width:50%}
	.main-visual .major-links a {padding-bottom: 1rem; height: 10.7rem;font-size:1.5rem;line-height:initial;font-weight:500}
	.main-visual .major-links li a:hover:before {padding: .2rem;background-color: #fff;border-radius: 1rem; top: .4rem;}
	.main-visual .major-links a:before {top:1.5rem} */
	
	.main-section.shortcut {margin-top:6rem}
	.main-section.shortcut .qna-wrap .swiper-container {width:80%;}
	.main-section.shortcut .qna-link-wrap li.swiper-slide.swiper-slide-active {opacity:1;}
	.main-section.shortcut .qna-link-wrap li.swiper-slide.swiper-slide-prev,
	.main-section.shortcut .qna-link-wrap li.swiper-slide.swiper-slide-next {opacity:.3;pointer-events: none;}
	.main-section.shortcut .qna-link-wrap .inner p {font-size:2.1rem}
	.main-section.shortcut .qna-tit-box {padding-top:1rem}
	.main-section.shortcut .tab-link-box .main-link-banner.active {flex-wrap:wrap;}
	
	.main-section.shortcut .chatbot-box {height:14.6rem;padding:1.7rem 2rem;}
	.main-section.shortcut .guide-book-box {height:14.6rem;padding:1.7rem 2rem;}
	.main-section.shortcut .main-search-form {margin: 3rem auto 0;}
	.main-section.shortcut .main-search-form .search-bg {right: -3rem;bottom: 2rem;width: 7.8rem; height: 10rem;}
	
	.main-newsletter .title-sub-txt {font-size:1.6rem}
	
	.main-section.status .status-wrap {gap: 0;margin-top:10rem;}
	.main-section.status .status-wrap:before {right:3rem;}
	.main-section.status .main-status {margin: 0 0 1.4rem 0; height:auto;}
	.main-section.status .main-status,
	.main-section.status .box.link-slider {padding:2rem}
	.main-section.status .go-status-more {top: 2rem;} 
	
	.main-section.status .box-wrap .slider-controller button.status-prev-btn {left: 2rem;}
	.main-section.status .box-wrap .slider-controller button.status-next-btn {right: 2rem;}
	.main-section.status .main-status .graph {margin-bottom: 2rem;margin-left: 0;}
	.main-section.status .tabContents {padding-top:1rem}
	.main-section.status .main-status .main-status-con3 .graph img {width: 19rem;}
	.main-section.status .main-status .main-status-con2 .graph img {width: 20rem;}
	.main-section.status .main-status .main-status-con2 .detail,
	.main-section.status .main-status .main-status-con3 .detail {width: 100%; margin-top:1rem;}
	.main-section.status .main-status .main-status-con2 .detail li,
	.main-section.status .main-status .main-status-con3 .detail li {width: 100%;margin-bottom:0;}
	.main-section.status .main-status .main-status-con2 .total,
	.main-section.status .main-status .main-status-con3 .total {padding: 1.5rem 3rem;margin-bottom:0;}
	.main-section.status .main-status .main-status-con3 .total .item-data .data,
	.main-section.status .main-status .main-status-con2 .total .item-data .data {font-size:2rem}
	.main-section.status .main-status .main-status-con3 .total .sub-txt,
	.main-section.status .main-status .main-status-con2 .total .sub-txt {font-size:1.4rem}
	.main-section.status .main-status .main-status-con3 .detail .item-data .data,
	.main-section.status .main-status .main-status-con2 .detail .item-data .data {font-size:1.8rem}
	.main-section.status .main-status .main-status-con3 {margin-top: 0;}
	.main-section.status .main-status .main-status-con3 .total strong,
	.main-section.status .main-status .main-status-con2 .total strong {margin-bottom:0;}
	.main-section.status .box-wrap .box p {font-size:1.6rem;}
	.main-section.status .box-wrap .box p br {display:none}
	.main-section.new .main-box-title {justify-content: center;padding-left: 0;} 
	.main-section.new .main-box-title {gap:.4rem}
	.main-section.new .main-box-title span {display: none;}
	.main-section.new .main-sec2-row1 {gap:2rem}
}

@media screen and (max-width:480px){
	.main-visual .major-links-btn {font-size:1.8rem}
	.main-visual .major-links {height:auto;}
	.main-visual .major-links a {line-height: 1.3;font-size: 1.4rem;white-space: nowrap;}
	.main-status-con1 {margin-top:7rem}
}
@media screen and (max-width:400px){
	.main-section.shortcut .tab-link-box .main-link-banner a {font-size:1.2rem}
}

/* 반응형 ************************************************************************************ */

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

    .main-popupzone{width:49.6rem; border-radius:2rem; overflow:hidden; position:relative;}

    /* section1 */
    .main-sec1{max-width:100%; margin:0 auto; flex-wrap:wrap; padding:4rem 2.4rem;}

    .main-sec1-left{width:100%; padding-right:0;}
    .main-sec1-left:after{display:none;}
    .main-sec1-right{width:100%; margin:3rem 0 0 0;}

    .main-major-links{width:calc(100% + 2.4rem);}
    .main-major-links ul{overflow-x:auto;}
    .main-major-links li{padding:0;}
    .main-major-links li + li{margin-left:1rem;}

    .main-news-list li a{display:flex; align-items: center; }
    .main-news-list .title{height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
    .main-news-list .date{margin-left:auto; flex-shrink: 0; padding-left:1.2rem;}
    .main-news-list .badge{position:relative; top:unset; right:unset; flex-shrink: 0;}

    .banner-wrap .swiper-slide img{height:auto;}

    /* section2 */
    .main-cardNews{width:24%;}
    .main-sns-tab{position:relative; right:unset; top:unset; margin-bottom:2rem;}
    .main-sns-banner img{height:auto;}

    /* section3 */
    .main-webzine .webzine-img{right:0;}
    .main-newsletter .newsletter-img{right:0;}
}

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

    .main-login{display:block;}
    .main-personal-info{display:block;}

    /* section1 */
    .main-search-wrap{display:none;}

    .main-news-list li a{display:flex; align-items: center;}
    .main-news-list .title{height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; padding-right:0;}
    .main-news-list .date{margin:0 0 0 auto; flex-shrink: 0; padding-left:1.2rem;}
    .main-news-list .badge{position:relative; top:unset; right:unset; flex-shrink: 0;}

    .banner-wrap{margin-top:3rem;}

    /* section2 */
    .main-sec2{padding:4rem 2.4rem;}
    .main-sec2-row1{position:relative; flex-wrap:wrap; z-index:1; margin-top:3.5rem !important;}
    .main-sec2-row2{display:block; margin-top:0;}

    .main-cardNews{width:calc(50% - 1.5rem); margin:0 3rem 3rem 0;}
    .main-cardNews-banner img{width:100%; height:auto; aspect-ratio: 330/264;}

    .main-nps-tv{width:calc(50% - 1.5rem); margin:0 0 3rem 0;}
    .main-tv-banner img{width:100%; height:auto; aspect-ratio: 330/264;}

    .main-sns{width:100%; margin:0 0 1.5rem 0; flex:unset;}

    .main-status{width:auto; margin:0 0 3rem 0;}

    .main-guideBook{width:auto;}
    .main-guideBook-down{display:flex;}
    .main-guideBook-down li{flex:1; height:auto;}
    .main-guideBook-down li + li{margin-left:1.6rem;}
    .main-guideBook-down a{border:0.1rem solid var(--line-gray); display:block; padding:2rem; text-align:center;}
    .main-guideBook-down a:before{margin:0 auto 1.6rem auto; height:6.6rem;}
    .main-guideBook-down li + li:before{display:none;}
    .main-guideBook-down a:after{display:none;}

    @media (hover: hover) and (pointer: fine) { 
        .main-guideBook-down a.down1:hover{border-color:rgba(139 ,193, 17, 0.7);}
        .main-guideBook-down a.down2:hover{border-color:rgba(255, 170, 6, 0.7);}
    }
	
	.main-sec2-icon-wrap{display:none;}
	
    /* section3 */
    .main-sec3{padding:4rem 2.4rem;}
    .main-introduce{display:block;}
    .main-introduce-tab{width:auto; margin-bottom:2.6rem;}
    .main-introduce-tab ul{display:flex;}
    .main-introduce-tab li{flex:1; height:9rem;}
    .main-introduce-tab li + li{margin:0 0 0 1.6rem;}
    .main-introduce-tab a{margin:0; padding:0 2.8rem;}
    .main-introduce-tab a:after{width:4.8rem;height:4.8rem;}
    .main-introduce-tab .active-bg{display:none !important;}
    .main-introduce-tab .active a{margin:0; padding:0 2.8rem;}

    .main-introduce-tab .tab1.active a{background-color:#22A74F;}
    .main-introduce-tab .tab2.active a{background-color:#F27820;}

    .main-introduce-items{padding:0.8rem 2rem;}

    .main-sec3-row2{flex-wrap:wrap; margin-top:3rem;}
    .main-welfare{width:calc(50% - 0.8rem); margin-right:1.6rem;}
    .main-qna{width:calc(50% - 0.8rem); margin-right:0;}
    .main-info-links{margin-top:3rem;}
    .main-info-links li + li{margin-top:1.2rem;}
    .main-info-links a{padding:4rem; height:7rem;}

    .main-sec3-row3{flex-wrap:wrap;}
    .main-webzine{width:calc(50% - 0.8rem); margin-right:1.6rem; padding-top:0;}
    .main-newsletter{width:calc(50% - 0.8rem); margin-right:0; padding-top:0;}
    .main-appDownload{width:100%; margin-top:3rem;}
    .main-appDownload p {font-size:1.7rem; margin-bottom:0;}
}

@media screen and (max-width:768px){
    /* section1 */
    .main-major-links li{width:25%;}
    .main-popupzone{width:100%; max-width:100%;}
    .main-popupzone .swiper-slide img{height: auto;}

    .main-favor{width:100%; margin:3rem 0 0 0; flex:unset;}
}

@media screen and (max-width:600px){
	.main-urgent-inner{padding:0 1.6rem;}
	.urgent-slider {height: 6rem;}
	.urgent-item .urgent-badge {height: 3.2rem;font-size: 1.6rem;}
	.urgent-item .urgent-badge:before {width: 1.6rem;height: 1.6rem;}
	.urgent-item .urgent-go{display:none;}
	.urgent-item .urgent-msg{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.4rem;}

    .main-con-title{font-size:2.2rem; padding-left:1.4rem; margin-bottom:1.0rem;}
    .main-con-title:before{top:0.9rem; height:1.2rem;}

    /* section1 */
    .main-sec1{padding:3rem 1.6rem; overflow:hidden;}

    .main-major-links ul{padding:0 2.1rem 0 0; margin:-0.5rem;}
    .main-major-links li{padding:0.5rem; min-width:10.8rem;}
    .main-major-links li + li{margin:0;}
    .main-major-links a{box-shadow:0 0 0.5rem rgba(0,0,0,0.15); border-radius:1rem; padding:1.2rem; font-size:1.4rem; height:9.8rem; box-sizing:border-box; text-align:left; position:relative; color:var(--gray-90);}
    .main-major-links a:before{width:3rem; height:3rem; background-color:unset; background-size:cover; position:absolute;right:1.2rem; bottom:1rem; border-radius:0;}
    .main-major-links a:after{width:3rem; height:3rem; background-color:unset; background-size:cover; position:absolute;right:1.2rem; bottom:1rem; border-radius:0; left:unset; top:unset;}

    .popupzone-slider-nav{left:2rem; bottom:2rem; height:2.8rem; padding:0 1rem;}
    .popupzone-slider-nav .slider-page{font-size:1.2rem;}
    .popupzone-slider-nav .slider-controller button{width:1.6rem; height:1.6rem;}

    .main-favor-con h3{font-size:1.6rem; margin-bottom:1.2rem;}
    .main-favor-con h3:before{width:1.6rem; height:1.6rem; background-size:cover; margin-right:0.6rem;}
    .main-favor-con .favor-list{height:6.6rem;}
    .main-favor-con .favor-list a{font-size:1.4rem;}
    .main-favor-con .favor-item + .favor-item{margin-top:1.2rem;}

    @media (hover: hover) and (pointer: fine) { 
        .main-favor-con .favor-list a:hover{background-size:1.4rem auto;}
    }
	
    a.go-news-more{font-size:1.2rem; line-height:3rem;}
    
    .main-visual .main-box-title {font-size:2.2rem;}

    .main-news-tab a{height:3.6rem; font-size:1.6rem;}
    .main-news-list li a{padding:1.4rem;}
    .main-news-list .title{font-size:1.4rem; order:2;}
    .main-news-list .date{font-size:1.2rem; order:3;}
    .main-news-list .badge{ order:1; margin-right:0.8rem; display:inline-block !important; max-width:0; vertical-align:middle; text-align:right;}
    .main-news-list li + li{margin-top:0;}

    .banner-slider-nav{top:1rem; right:1rem;}
    .banner-slider-nav .slider-page{font-size:1.2rem;}

    /* section2 */
    .main-sec2{padding:3rem 1.6rem;}
    .main-cardNews{width: 100%; margin:0 0 3rem 0; }
    .main-nps-tv{width: 100%;}

    .main-sns-tab{margin-bottom:1.2rem;}
    .main-sns-tab a{font-size:1.6rem;}

    a.go-status-more{font-size:1.2rem; line-height:3rem;}

    .main-status-tab{margin-bottom:1.2rem;}
    .main-status-tab a{font-size:1.8rem;}

    .main-status-con{ padding:2.4rem; height:auto;}
    .main-status-con1{display:block; height:auto;margin-top:4rem}
    .main-status-con1 .total{display:block; width:auto; border:none; border-bottom:0.1rem solid var(--line); text-align:left; padding:0 0 1rem 0; margin-bottom:0.8rem; font-size:1.6rem;}
    .main-status-con1 .total strong{margin-bottom:0; font-size:1.7rem;}
    .main-status-con1 .total .sub-txt{font-size:1.3rem;}
    .main-status-con1 .detail{display:block; text-align:left; border:none; font-size:1.6rem;}
    .main-status-con1 .detail li{width:auto; height:auto; flex-direction:row; padding:0.8rem 0;}
    .main-status-con1 .detail li + li{border:none;}
    .main-status-con1 .detail .item-label{margin:0;}
    .main-status-con1 .detail .item-data{margin-left:auto;}
    .main-status-con1 .detail .item-data .data{font-size:1.6rem;}

    .main-status-con2{display:block; height:auto;}
    .main-status-con2 .total{align-items: flex-start; width:auto; border:none; border-bottom:0.1rem solid var(--line); text-align:left; padding:0 0 1rem 0; margin-bottom:0.8rem; font-size:1.6rem;}
    .main-status-con2 .total strong{margin-bottom:0; font-size:1.7rem;}
    .main-status-con2 .total .item-data{display:inline;}
    .main-status-con2 .total .item-data .data{display:inline; font-size:1.8rem;}
    .main-status-con2 .total .sub-txt{display:inline; font-size:1.3rem;}
    .main-status-con2 .detail{display:block; text-align:left; border:none; padding:0; font-size:1.6rem;}
    .main-status-con2 .detail li{width:auto; height:auto; flex-direction:row; padding:0.8rem 0;}
    .main-status-con2 .detail li + li{border:none;}
    .main-status-con2 .detail .item-label{margin:0;}
    .main-status-con2 .detail .item-data{margin-left:auto;}
    .main-status-con2 .detail .item-data .data{font-size:1.6rem;}

    .main-status-con3{display:block; height:auto;}
    .main-status-con3 .total{align-items: flex-start; width:auto; border:none; border-bottom:0.1rem solid var(--line); text-align:left; padding:0 0 1rem 0; margin-bottom:0.8rem; font-size:1.6rem;}
    .main-status-con3 .total strong{margin-bottom:0; font-size:1.7rem;}
    .main-status-con3 .total .item-data{display:inline;}
    .main-status-con3 .total .item-data .data{display:inline; font-size:1.8rem;}
    .main-status-con3 .total .sub-txt{display:inline; font-size:1.3rem;}
    .main-status-con3 .detail{display:block; text-align:left; border:none; padding:0; font-size:1.6rem;}
    .main-status-con3 .detail li{width:auto; height:auto; flex-direction:row; padding:0.8rem 0;}
    .main-status-con3 .detail li + li{border:none;}
    .main-status-con3 .detail .item-label{margin:0;}
    .main-status-con3 .detail .item-data{margin-left:auto;}
    .main-status-con3 .detail .item-data .data{font-size:1.6rem;}
    .main-status-con3 .detail .item-data .per{width:auto; display:inline;}

    .main-guideBook-down a{font-size:1.6rem; line-height:1.25;}
	
    .main-introduce-tab a{font-size:1.6rem;}
    .main-introduce-tab li:not(.active){width:12rem; flex:unset;}
    .main-introduce-tab li:not(.active) a{font-size:1.4rem; align-items: flex-start; padding:1.6rem; box-sizing:border-box;}
    .main-introduce-tab li:not(.active) a:after{width:2rem;height:2rem; position:absolute; right:1.2rem; bottom:1.2rem;}
    .main-introduce-tab .title{margin:0; padding:0; width:6rem;}
    .main-introduce-items{padding:0.8rem;}
    .main-introduce-items li{width:calc(100% / 3); padding:0.4rem;}
    .main-introduce-items a{font-size:1.4rem;}
    .main-introduce-items a:before{width:2.4rem; height:2.4rem;}
    
    .main-introduce-tab .active a{padding:0 2rem;}
    .main-introduce-tab a:after{width:4rem;height:4rem;}

    .main-welfare{width:100%; height:auto; margin:0 0 3rem 0; padding:3.2rem 2.4rem 2rem 2.4rem;}
    .main-welfare h2{font-size:2rem; margin-bottom:1rem;}
    .main-welfare ul{display:flex; flex-wrap:wrap;}
    .main-welfare li:nth-child(2n-1){width:60%;}
    .main-welfare li:nth-child(2n){width:40%;}
    .main-welfare ul a{font-size:1.4rem; padding-left:0.8rem; position:relative;}
    .main-welfare ul a:before{display:block; content:''; width:0.2rem; height:0.2rem; border-radius:50%; background-color:var(--gray-70); position:absolute;left:0;top:50%; margin-top:-0.1rem;}

    .main-qna{width:100%; height:auto; padding:3.2rem 2.4rem 2rem 2.4rem;}
    .main-qna h2{font-size:2rem; margin-bottom:1rem;}
    .main-qna ul{display:flex; flex-wrap:wrap;}
    .main-qna li:nth-child(2n-1){width:60%;}
    .main-qna li:nth-child(2n){width:40%;}
    .main-qna ul a{font-size:1.4rem; padding-left:0.8rem; position:relative;}
    .main-qna ul a:before{display:block; content:''; width:0.2rem; height:0.2rem; border-radius:50%; background-color:var(--gray-70); position:absolute;left:0;top:50%; margin-top:-0.1rem;}

    .main-info-links a{font-size:1.6rem; padding:0 3rem;}

    .main-webzine{width:100%; margin:0 0 0.6rem 0;}
    .main-webzine .webzine-img{position:relative; /*width:100%;*/ order:3; background-size:15rem auto; right:2rem !important; bottom:0 !important;}
    .main-webzine h2{font-size:2.2rem; margin-bottom:1rem;}
    .main-webzine .title-sub-txt{font-size:1.7rem; margin-bottom:1.6rem;}
    .main-webzine .links{order:4;/* display:flex; width:100%;*/ margin-top:1.6rem; position:absolute; width:45%; margin-top:auto; right:0; bottom:3rem;}
    .main-webzine .links li{/*width:calc(50% - 0.6rem);*/ margin-bottom:0.8rem;}
    .main-webzine .links li + li{margin:0 0 0 1.2rem;}
    .main-webzine .links a{width:100%; justify-content: center; height:4.5rem; font-size:1.6rem;}

    .main-newsletter{width:100%; margin:0 0 0.6rem 0;}
    .main-newsletter .newsletter-img{/*position:relative; width:100%;*/ order:3; background-size:15rem auto; right:1rem !important; bottom:0 !important; }
    .main-newsletter h2{font-size:2.2rem; margin-bottom:1rem;}
    .main-newsletter .title-sub-txt{font-size:1.7rem; margin-bottom:1.6rem;}
    .main-newsletter .links{order:4; position:absolute; width:45%; margin-top:auto; right:0; bottom:3rem;}
    .main-newsletter .links li{/*width:calc(50% - 0.6rem);*/ margin-bottom:0.8rem;}
    .main-newsletter .links li + li{margin:0 0 0 1.2rem;}
    .main-newsletter .links a{width:100%; justify-content: center; height:4.5rem; font-size:1.6rem;}
    
    .main-section.new .main-webzine .webzine-img,
    .main-section.new .main-newsletter .newsletter-img {position:inherit;}

    .main-appDownload{margin:0;}
    .main-appDownload h2{font-size:2.2rem; margin-bottom:1.6rem;}
    .main-appDownload ul {margin-top:2rem;}
    .main-appDownload li{padding:0 1.5rem;}
    .main-appDownload .QR-Code{width:10.6rem; height:10.6rem; padding:1.2rem;}
    .main-appDownload .app-Store{width:10.6rem; height:10.6rem; padding:1.2rem;}
    .main-appDownload .os-name{font-size:1.4rem;}
    
    .main-sec2-circle{width:30rem;height:30rem; background-size:cover;}
}

@media screen and (max-width:430px){
	.main-visual .major-links li {padding-top: .6rem;}
}

@media screen and (max-width:360px){
	.main-favor-con .favor-list{height:8rem;}
	.main-favor-con .favor-list a{font-size:1.4rem; line-height:1.25;}
	
}