@charset "utf-8";

body.m-main #header{position:fixed;left:0;right:0;top:0; background:none;}
body.m-main #header.fixed{background-color:#fff;}
body.m-main .header-top{background:none;}
body.m-main .btn-menu-mobile{display: block;}
body.m-main .main-container{padding:0;}
body.m-main:has(.chat-menus.active) #header {z-index: 10;}

.main-con-title{font-size:20px; color:var(--gray-90); font-weight:700; padding-left:14px; position:relative; margin-bottom:16px;}
.main-con-title:before{display:block; content:''; width:4px; height:16px; background:url(/images/mobile/main/ic_title.svg) center center no-repeat; position:absolute;left:0;top:0.75rem; overflow:hidden;}

/* 모바일 */
.main-login{padding:80px 26px 30px 26px; border-radius:0 0 40px 40px; background-color:#F4FAFF; margin-bottom:30px;}

/* .main-login.type1 {background-color:#eff3fc}
.main-login.type2 {background-color:#eff9eb}
.main-login.type3 {background-color:#fff7ef}
.main-login.type4 {background-color:#eff5fb} */

.main-login-front{display:flex; align-items: center;}
.main-login-front .login-copy{color:var(--gray-90); line-height:1.25;}
.main-login-front .login-copy .txt1{font-size:20px;font-weight:700;}
.main-login-front .login-copy .txt2{font-size:28px;}
.main-login-front .login-onoff{width:112px; position:relative; margin-left:auto;}
.main-login-front .login-onoff:before{display:block;content:''; height:34px; background:url(/images/mobile/main/login_char.png) center center / auto 100% no-repeat;}
.main-login-front .login-onoff a{display:block; height:40px; line-height:40px; text-align:center; background-color:#1278D6; color:#fff; border-radius:20px; font-size:14px;}

.main-login.before .login-onoff a{background-color: var(--secondary-orange2);}
.main-login.before{background: url(/images/mobile/main/main_login_before_bg.png) 50% 90% / cover no-repeat;}
.main-login.after{padding-bottom:120px;margin-bottom:0;background: url(/images/mobile/main/main_login_after_bg.png) 50% 50% / cover no-repeat;}
.main-login.after .login-onoff:before{background-image:url(/images/mobile/main/login_char2.png);}
.main-login.after .login-copy .txt1 a {display: inline-flex;align-items: center;}
.main-login.after .login-copy .txt1 a::after {content: '';width: 2.2rem;height: 2.2rem;margin-bottom: 0.2rem;background: url(/images/contents/arr_acc.svg) 50% 50% / cover no-repeat;transform: rotate(-90deg);}

.main-personal-info{margin-top:-90px; margin-bottom:30px; padding:0 16px;}
.main-personal-info .card-box{border-radius:20px; padding:20px; min-height:150px; box-sizing:border-box; position:relative; display:flex; flex-direction: column; box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);}
.main-personal-info .card-box:before{display:block;content:'';position:absolute;left:0;right:0;top:0;bottom:0; background:url(/images/mobile/main/info_bg.png) right top / 80% auto no-repeat; opacity:0.3;}
.main-personal-info .card-item{position:relative;color:#fff;}
.main-personal-info .card-item .title{font-size:12px; margin-bottom:10px;}
.main-personal-info .card-item .data{font-size:20px; font-weight:700;}
.main-personal-info .card-item .data span{font-size:14px; font-weight:500;}
.main-personal-info .card-item .msg{font-size:12px; font-weight:500;}
.main-personal-info .card-item .msg strong{font-size:16px; font-weight:700;}
.main-personal-info .card-item .msg-guide{font-size:12px; margin-top:4px;}
.main-personal-info .sub-txt{position:relative;background-color:#fff; min-height:32px; display:flex; align-items: center; border-radius:10px; padding:0 10px; font-size:14px; margin-top:auto;}
.main-personal-info .sub-txt:before{display:block; content:''; width:18px; height:18px; margin-right:4px; flex-shrink: 0;}
.main-personal-info .sub-txt em{font-weight:700;}
.main-personal-info .sub-btn{position:relative;margin-top:auto; text-align:center;}
.main-personal-info .sub-btn a{display:inline-flex; align-items: center; justify-content: center; height:32px; padding:0 24px; font-size:12px; border-radius:10px; background-color:#fff;}
.main-personal-info .go-detail{color:#fff; text-decoration: underline; text-underline-position: under; position:absolute; right:24px; top:24px; font-size:12px; 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:#1BAA37;}
.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:#EB7303;}
.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-contents{padding:0 16px;}
.main-personal-info .progress-wrap {margin-top:2rem;}
.main-personal-info .progress-wrap > p {font-size: 1.2rem;color:#fff;}
.progress-wrap .between {display:flex;justify-content: space-between;}
.progress-wrap .between span {font-size:1.2rem;color:#fff;}
.progress-wrap .progress-box {position:relative;margin:.4rem 0;animation: fixRender 0.3s;}
.progress-wrap .progress-box progress {background:#fff;display:block;width:100%;height:2.8rem;overflow:hidden;border-radius:2rem}
.progress-wrap .progress-box progress::-webkit-progress-bar {background:#fff}
.progress-wrap .progress-box progress::-webkit-progress-value {border-radius:2rem;background:rgb(18, 120, 214);}
.progress-wrap .progress-box progress::after {content:value;position:absolute;right:0;}
.progress-wrap .progress-box span {position:absolute;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#fff;}
.main-personal-info .sub-btn.center {margin-top:2rem;display:flex;justify-content: center;gap: .8rem;}
.main-personal-info .sub-btn.center a {padding:0 1.8rem;}
.card-box.type3 .progress-wrap .progress-box progress::-webkit-progress-value {background:rgb(18, 120, 214);}

@keyframes fixRender {
	from {opacity: 0.99;}
	to {opacity: 1;}
}

/* 맞춤메뉴 */
.main-custom-links{margin-bottom:30px;}
.main-custom-header{display:flex; align-items:center; margin-bottom:16px;}
.main-custom-header .right{margin-left:auto;}
.main-custom-header .main-con-title{margin-bottom:0;}
.main-custom-header .btn-edit{line-height:30px; font-size:14px; text-decoration: underline; text-underline-position: under;}
.main-custom-list {border-radius:10px; background-color:#ebf0f6; padding:10px;}
.main-custom-list:not(.after) .more-btn {display: none;}
.main-custom-list.after ul{overflow: hidden;}
.main-custom-list.after ul.active {max-height: none;}
.main-custom-list.after ul:not(.active) li:nth-of-type(n+5) {display: none;} 
.main-custom-list ul{display:flex;flex-wrap:wrap; margin:-8px;}
.main-custom-list ul.active + .more-btn::after {transform: rotate(180deg);}
.main-custom-list li{display:flex;width:calc(50% - 16px);margin:8px; border-radius:10px; box-sizing:border-box;}
.main-custom-list a{position:relative;display:flex;justify-content: flex-end;flex-wrap: wrap;width: 100%;height:100%;min-height:80px;padding:14px;border-radius:10px;text-align:left;background-color:#fff;box-sizing:border-box;font-size:16px;line-height:1.25;font-weight:600;color:var(--gray-90);word-break: break-all;}
.main-custom-list a span {width: 100%;margin-bottom: .5rem;}
.main-custom-list a.add{flex-flow: column;align-items: center;justify-content: center;}
.main-custom-list a.add::before{content: '';width: 20px;height: 20px;margin-bottom: 8px;background: url(/images/common/arr_dep2_plus.svg) 50% 50% / contain no-repeat;}
.main-custom-list a.add span {text-align: center;}
.main-custom-list a .img{display: flex;align-items: center;justify-content: center;align-self: flex-end;flex-shrink: 0;width: 28px;height: 28px;border-radius:50%;background-color:#565656}
.main-custom-list a[data-num]::after {content: '';flex-shrink: 0;display: inline-block;width: 2.8rem;height: 2.8rem;margin-top: auto;background-position: 50% 50%;background-size: contain;background-repeat: no-repeat;}
.main-custom-list a[data-num="5000101"]::after {background-image: url(/images/mobile/main/ic_custom1.png);} /* 가입내역/예상연금 */
.main-custom-list a[data-num="5000102"]::after {background-image: url(/images/mobile/main/ic_custom2.png);} /* 부과/납부내역 */
.main-custom-list a[data-num="5000103"]::after {background-image: url(/images/mobile/main/ic_custom3.png);} /* 추납/환수/실업크레딧 */
.main-custom-list a[data-num="5000104"]::after {background-image: url(/images/mobile/main/ic_custom5.png);} /* 장애등록 심사등 */
.main-custom-list a[data-num="5000201"]::after {background-image: url(/images/mobile/main/ic_custom4.png);} /* 전자증명서 발급 */
.main-custom-list a[data-num="5000301"]::after {background-image: url(/images/mobile/main/ic_custom5.png);} /* 신고 */
.main-custom-list a[data-num="5000302"]::after {background-image: url(/images/mobile/main/ic_custom6.png);} /* 신청 */
.main-custom-list a[data-num="5000303"]::after {background-image: url(/images/mobile/main/ic_custom6.png);} /* 우편물 수령지/전자통지서비스 */
.main-custom-list a[data-num="5000304"]::after {background-image: url(/images/mobile/main/ic_custom6.png);} /* 심사청구 */
.main-custom-list a[data-num="5000401"]::after {background-image: url(/images/mobile/main/ic_custom7.png);} /* 노후준비 */
.main-custom-list a[data-num="5000501"]::after {background-image: url(/images/mobile/main/ic_custom8.png);} /* 가입자 지원 */
.main-custom-list a[data-num="5000502"]::after {background-image: url(/images/mobile/main/ic_custom9.png);} /* 국민신고 */
/* .main-custom-list a[data-num="5000601"]::after {background-image: url(/images/mobile/main/ic_custom10.png);} 상담신청 */
.main-custom-list a[data-num="5000601"]::after {background-image: url(/images/mobile/main/ic_service_link2.png);} /* 상담신청 */
.main-custom-list a[data-num="5000602"]::after {background-image: url(/images/mobile/main/ic_custom11.png);} /* 제안하기 */
.main-custom-list a[data-num="5000603"]::after {background-image: url(/images/mobile/main/ic_custom10.png);} /* 소통센터 */
.main-custom-list a[data-num="5000604"]::after {background-image: url(/images/mobile/main/ic_custom10.png);} /* 웹팩스 수신조회  */
.main-custom-list a[data-num="5000701"]::after {background-image: url(/images/mobile/main/ic_custom12.png);} /* 소식지 */
.main-custom-list a[data-num="5000702"]::after {background-image: url(/images/mobile/main/ic_custom13.png);} /* 국민연금 통계 */
.main-custom-list a[data-num="5000703"]::after {background-image: url(/images/mobile/main/ic_custom14.png);} /* 공단지원 */
.main-custom-list a[data-num="5000704"]::after {background-image: url(/images/mobile/main/ic_custom4.png);}  /* 서식 */
.main-custom-list a[data-num="5000801"]::after {background-image: url(/images/mobile/main/ic_custom15.png);} /* 내정보 */
.main-custom-list a[data-num="5000901"]::after {background-image: url(/images/mobile/main/ic_custom16.png);} /* 인증센터 */
.main-custom-list a[data-num="6001000"]::after {background-image: url(/images/mobile/main/ic_custom17.png);} /* 웹팩스 수신조회  */
.main-custom-list .more-btn {display: flex;align-items: center;justify-content: center;margin: 1rem auto 0;font-size: 1.4rem;font-weight: 600;}
.main-custom-list .more-btn::after {content: '';width: 2rem;height: 2rem;margin-left: .3rem;background: url(/images/contents/arr_acc.svg) 50% 50% / cover no-repeat;transition: 300ms;}

/* 서비스링크 */
.main-service-links{margin-bottom:20px;}
.main-service-list{border-radius:10px; background-color:#f2f8ff; padding:10px;}
.main-service-list ul{display:flex; flex-wrap:wrap; margin:-8px;}
.main-service-list li{width:calc(50% - 16px);margin:8px; border-radius:10px;background-color:#fff;}
.main-service-list a{display:block; height: 100%; padding:14px; border-radius:10px; box-sizing: border-box; text-align:left; background-color:#fff;}
.main-service-list a .title{display:flex;align-items:center;margin-bottom:8px; font-size:16px; font-weight:600;}
.main-service-list a .title:after{content:'';display:block;flex-shrink: 0;width:28px;height:28px; background-position:center; background-size:cover; background-repeat:no-repeat;margin-left:auto;}
.main-service-list a .sub-txt{font-size:14px;}
.main-service-list li:nth-of-type(1) .title:after{background-image:url(/images/mobile/main/ic_service1.png);}
.main-service-list li:nth-of-type(2) .title:after{background-image:url(/images/mobile/main/ic_service3.png);}
.main-service-list li:nth-of-type(3) .title:after{background-image:url(/images/mobile/main/ic_service3.png);}
.main-service-list li:nth-of-type(4) .title:after{background-image:url(/images/mobile/main/ic_service4.png);}

/* 배너 */
.main-popupzone{margin-bottom:30px;}
.main-popupzone-wrap{border-radius:20px; overflow:hidden; position:relative;}
.main-popupzone-wrap .swiper-wrapper {height: auto;}
.main-popupzone-wrap .banner-slider{position:relative;}
.main-popupzone-wrap .swiper-slide a{display:block;box-sizing:border-box;overflow:hidden;}
.main-popupzone-wrap .swiper-slide a:focus{outline:none;border:3px dashed #000; border-radius:30px;}
.main-popupzone-wrap .swiper-slide img{width:100%;}

.popupzone-slider-nav{position:absolute; right:6px; top:6px; 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.3); display:flex; z-index:10;}
.popupzone-slider-nav .slider-page{font-size:1.3rem; margin-right:0.4rem; color:#fff; padding:0 0.4rem;}
.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:1.8rem; height:1.8rem; background-position:center center; background-repeat:no-repeat; text-align:left; text-indent:-9999rem; overflow:hidden;}
.popupzone-slider-nav .slider-controller .btn-prev{background-image:url(/images/main/i_banner_slider_prev.svg);}
.popupzone-slider-nav .slider-controller .btn-next{background-image:url(/images/main/i_banner_slider_next.svg);}
.popupzone-slider-nav .slider-controller .btn-stop{background-image:url(/images/main/i_banner_slider_stop.svg);}
.popupzone-slider-nav .slider-controller .btn-stop.active{background-image:url(/images/main/i_banner_slider_play.svg);}
.popupzone-slider-nav .slider-controller .btn-all{margin-right:0; background-image:url(/images/main/ic_slider_more.svg);filter: brightness(100);}

.popupzone-banner-list ul {display: flex;align-items: center;flex-wrap: wrap;gap:1.6rem;}
.popupzone-banner-list ul li {display: flex;align-items: center;justify-content: space-between;gap: 4rem;width: 100%;}
.popupzone-banner-list ul a {display: flex;width: 100%;}
.popupzone-banner-list .img {width: 100%;}
.popupzone-banner-list .img img {max-width: 100%;}

/* .popupzone-slider-nav{position:absolute; right:12px; top:12px; display:inline-flex; align-items: center; justify-content: center; height:20px; z-index:10;}
.popupzone-slider-nav .slider-page{background-color:rgba(27,27,27, 0.4); font-size:12px; padding:0 6px; color:#fff; border-radius:10px; margin-left:6px;}
.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:20px; height:20px; background-color:#fff; background-position:center center; background-repeat:no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; margin:0 2px; border:1px solid #ccc; border-radius:50%;}
.popupzone-slider-nav .slider-controller .btn-stop{background-image:url(/images/mobile/main/slider_stop.svg);}
.popupzone-slider-nav .slider-controller .btn-stop.active{background-image:url(/images/mobile/main/slider_play.svg);} */

/* 자주 찾는 서비스 */
.main-favor{width:490px; flex:1; margin-left:30px; box-sizing:border-box;}
.main-favor-con h3{display:flex; align-items: center; font-size:20px; font-weight:600; color:var(--gray-90); margin-bottom:16px;}
.main-favor-con h3:before{display:block; content:''; width:30px; height:30px; background-position:center; background-repeat:no-repeat; margin-right:6px;}
.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:1px solid var(--line-gray); display:flex; align-items: center; border-radius:10px; height:82px;}
.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:1px; height:20px; background-color:var(--line); position:absolute; right:0; top:50%; margin-top:-10px;}
.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 10px; font-size:18px; color:var(--gray-50); border-radius:10px;}
.main-favor-con .favor-list a:hover{border:2px solid #58AAEC; margin:-2px; background:#F8FCFF url(/images/main/ic_favor_on.svg) right 6px top 6px no-repeat; font-weight:700; color:#1278D6;}
.main-favor-con .favor-item + .favor-item{margin-top:24px;}

/* 소식정보 */
.main-news{position:relative; margin-bottom:30px;}
.main-news-tab ul{display:flex; margin-bottom:16px;}
.main-news-tab li{margin-right:20px;}
.main-news-tab a{display:flex; align-items:flex-end; justify-content:center; height:31px; border-radius:23px; font-size:16px; color:var(--gray-50); position:relative;}
.main-news-tab .active a{color:#2562aa;font-weight:700;}
.main-news-tab .active a:before{display:block;content:'';width:4px;height:4px;border-radius:50%; background-color:#2562aa; position:absolute;left:50%;top:0;margin-left:-2px;}
.main-news-list{display:none;}
.main-news-list.active{display:block;}
.main-news-list li + li{margin-top:10px;}
.main-news-list li a{display:flex; align-items:center; padding:0 20px; height:52px; text-align:left; border-radius:10px; box-sizing:border-box; position:relative; background-color:#f9f9f9; font-size:14px;}
.main-news-list .title{color:var(--gray-90); font-weight:500; padding-right:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main-news-list .date{display:block; text-align:right; color:var(--gray-50);flex-shrink:0; margin-left:auto;}
.main-news-list .new a{background-color:#F8FCFF;}
.main-news-list .badge{margin-right:8px; flex-shrink:0;}
.main-news-list .ic-new{background-color:#2562aa; width:16px;height:16px; font-size:12px;padding-left: 0.4rem;}
a.go-news-more{position:absolute; right:0; top:0; line-height:30px; font-size:14px; text-decoration: underline; text-underline-position: under;}

/* 현황 */
.tabWrap .tabContents .tabPage.main-status-con.active {display: flex;}
.main-status{position:relative; margin-bottom:30px;}
.main-status-tab ul{display:flex; margin-bottom:16px;}
.main-status-tab li{margin-right:20px;}
.main-status-tab a{display:flex; align-items:flex-end; justify-content:center; height:31px; border-radius:23px; font-size:16px; color:var(--gray-50); position:relative;}
.main-status-tab .active a{color:#ee7203;font-weight:700;}
.main-status-tab .active a:before{display:block;content:'';width:4px;height:4px;border-radius:50%; background-color:#ee7203; position:absolute;left:50%;top:0;margin-left:-2px;}
.main-status-con{width: 100%; min-height: 12rem;align-items: center;background-color:#fff; border-radius:20px; border:1px solid var(--line-gray); padding:20px 8px; box-sizing:border-box;}
.main-status-con:nth-of-type(1) ul li:nth-of-type(1) {grid-column: 1/4;margin-bottom: 0.8rem;text-align: left;padding-left: 0.8rem;}
.main-status-con:nth-of-type(1) ul li:nth-of-type(2) {border-left:none;}
.main-status-con:nth-of-type(2) ul li:nth-of-type(2) {grid-column: 2/4;}
.main-status-con:nth-of-type(3) ul li:not(:first-child) {margin:0 0.8rem 0 1.3rem;}
.main-status-con:nth-of-type(3) table th {padding-left:1.7rem;}
.main-status-con:nth-of-type(3) ul li {margin-left:0.8rem;}
.main-status-con:nth-of-type(3) ul li span {font-size: 1.2rem; color: var(--gray-90);}
.main-status-con:nth-of-type(3) table td {padding-bottom: .5rem;text-align: right;padding-right:1rem;}
.main-status-con:nth-of-type(3) ul li:nth-of-type(2) {grid-column: 2/4;}
.main-status-con ul {display: grid;grid-template-columns: repeat(3, 1fr);justify-content: center;align-items: center;width: 100%;text-align: center;font-size: 1.4rem;}
.main-status-con ul li {display: flex;flex-flow: column;}
.main-status-con ul li:not(:first-child) {border-left: .1rem dashed var(--gray-10);}
.main-status-con ul li > strong {margin-bottom: .2rem;font-size: 1.3rem;}
.main-status-con ul li span {font-size: 1.1rem;color: var(--gray-50);}
.main-status-con ul li span strong {font-size: 1.5rem;color: var(--primary)}
.main-status-con ul small {margin-top: .2rem;font-size: 1rem;color: var(--gray-50);}
.main-status-con table {font-size: 1.1rem;}
.main-status-con table tr:last-child th, .main-status-con table tr:last-child td {padding-bottom: 0;}
.main-status-con table th {padding-left: 1rem;padding-bottom: .5rem;text-align: left;color: var(--gray-50);}
.main-status-con table td {padding-bottom: .5rem;text-align: right;}
.main-status-con table .per {color: var(--gray-70);}
a.go-status-more{position:absolute; right:0; top:0; line-height:30px; font-size:14px; text-decoration: underline; text-underline-position: under;}

/* 서비스 */
.main-service{margin-bottom: 3rem;}
.main-service ul{display: flex;align-items: center;justify-content: space-around;}
.main-service a {display: flex;flex-flow: column;align-items: center;font-size: 1.2rem;line-height: 1.452rem;}
.main-service a::before{content: '';width: 4.8rem;height: 4.8rem;margin-bottom: 1.2rem;background-size: 4.8rem;background-position: center;background-repeat: no-repeat;}
.main-service ul li:nth-of-type(1) a::before {background-image: url(/images/mobile/main/ic_service_link1.png)}
/* .main-service ul li:nth-of-type(2) a::before {background-image: url(/images/mobile/main/ic_service_link2.png)} */
.main-service ul li:nth-of-type(2) a::before {background-image: url(/images/mobile/main/ic_custom10.png)}
.main-service ul li:nth-of-type(3) a::before {background-image: url(/images/mobile/main/ic_service_link3.png)}

/* 공지사항 */
.main-notice a{height:52px; background-color:#fff; border-radius:26px; box-shadow:0 4px 10px rgba(0,0,0,0.08); display:flex; align-items:center; padding:0 20px; font-size:14px; color:var(--gray-90); font-weight:500;}
.main-notice a:before{display:block;content:'';width:26px;height:26px; border-radius:50%; background:#1b1b1b url(/images/mobile/main/ic_notice.svg) center no-repeat; margin-right:10px; flex-shrink: 0;}
.main-notice a span {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* footer */
.m-footer{padding:30px 16px; text-align:center;}
.m-footer-sns{margin-bottom:26px;}
.m-footer-sns ul{display:flex; align-items:center; justify-content:center; margin:0 -5px;}
.m-footer-sns li{margin:0 5px;}
.m-footer-sns a{display:block; width:44px; height:44px; box-sizing:border-box; background-color:#fff; border-radius:50%; text-align:left; text-indent:-9999px; background-position:center center; background-repeat:no-repeat; background-size:24px auto; overflow:hidden; border:1px solid #ccc;}
.m-footer-sns .fb{background-image:url(/images/common/i_sns_fb.svg);}
.m-footer-sns .inst{background-image:url(/images/common/i_sns_inst.svg);}
.m-footer-sns .yt{background-image:url(/images/common/i_sns_yt.svg);}
.m-footer-sns .blog{background-image:url(/images/common/i_sns_blog.svg);}
.m-footer-sns .post{background-image:url(/images/common/i_sns_post.svg);}
.m-footer-sns .onair{background-image:url(/images/common/i_sns_onair.png);}
.m-footer-guide{margin:16px 0;}
.m-footer-guide ul{display:flex; align-items:center; justify-content:center;}
.m-footer-guide li{position:relative; margin:0 2px;}
.m-footer-guide li:after{display:block;content:'';width:4px;height:4px;border-radius:50%;background-color:#ccc;position:absolute;left:100%;top:50%;margin-top:-2px;}
.m-footer-guide li:last-child:after{display:none;}
.m-footer-guide a{font-size:14px; padding:0 10px; display:block;}
.m-footer-guide a.privacy {color: #016eed;}
.m-footer-contact{font-size:12px;}

/* 모바일메뉴 */
.m-global-menu{height:0; transition:all 0.3s;margin-top:20px;}
.m-global-menu-box{position:fixed;left:0;right:0;bottom:-70px;z-index:10; transition:all 0.3s;}
.m-global-menu-box:before{display:block;content:'';position:absolute;left:50%;top:-30px;margin-left:-35px;width:70px;height:30px;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:10px 10px 0 0;}
.global-menu-control{position:absolute;left:50%;top:-30px;margin-left:-35px;width:70px;height:30px;}
.global-menu-control button{width:70px;height:40px;padding-bottom:10px;background-color:#fff; border-radius:10px; text-align:center; font-size:12px; display:flex;align-items:center; justify-content:center;color:#999;transition:top 0.3s;}
.global-menu-control button:before{display:block;content:'';width:12px;height:12px; background:url(/images/mobile/main/arr_quick_close.svg) center no-repeat;margin-right:2px;transform:rotate(-180deg);transition:all 0.3s;}
.global-menu-wrap{padding:14px 0 6px; box-sizing:border-box; background-color:#fff; border-radius:20px 20px 0 0; box-shadow:0 0 10px rgba(0,0,0,0.2); position:relative;}
.global-menu-list{display:flex;}
.global-menu-list > li{width:25%; text-align:center; flex:1; position:relative;}
.global-menu-list > li > a{display:block;font-size:12px; height:50px;}
.global-menu-list > li > a:before{display:block;content:'';width:20px;height:18px; margin:0 auto 8px auto; background-position:center; background-repeat:no-repeat; background-size: cover;}
.global-menu-list .my:before{background-image:url(/images/mobile/main/ic_quick1.png);}
.global-menu-list .custom:before{background-image:url(/images/mobile/main/ic_quick2.png);}
.global-menu-list .chat:before{background-image:url(/images/mobile/main/ic_quick3.png);}
.global-menu-list .fax:before{background-image:url(/images/mobile/main/ic_quick4.png);}

/* .global-menu-list .my.active:before{background-image:url(/images/mobile/main/ic_quick1_on.svg);}
.global-menu-list .custom.active:before{background-image:url(/images/mobile/main/ic_quick2_on.svg);}
.global-menu-list .chat.active:before{background-image:url(/images/mobile/main/ic_quick3_on.svg);}
.global-menu-list .fax.active:before{background-image:url(/images/mobile/main/ic_quick4_on.svg);} */

.m-global-menu.active{height:70px;}
.m-global-menu.active .m-global-menu-box{bottom:0;}
.m-global-menu.active .m-global-menu-box:before{top:-20px;}
.m-global-menu.active .global-menu-control{top:-20px;}
.m-global-menu.active .global-menu-control button{height:30px;padding:0;}
.m-global-menu.active .global-menu-control button:before{transform:rotate(0deg);}

.chat-menus{position:absolute;left:0;bottom:100%;right:0;z-index:15; padding:10px 0; display:none;}
.chat-menus .chat-menus-close{margin-bottom:10px; text-align:center;}
.chat-menus .btn-chat-menus-close{display:block;width:24px;height:24px; margin:0 auto; background:#fff url(/images/mobile/main/ic_chat_close.svg) center no-repeat; overflow:hidden; text-align:left; text-indent:-9999px; border-radius:50%;}
.chat-menu-list{width:90px;margin:0 auto;}
.chat-menu-list li + li{margin-top:8px;}
.chat-menu-list a{display:flex; align-items:center; width:100%; box-sizing:border-box; height:32px; border-radius:16px; background-color:#fff; color:#37ac82; padding:0 10px; font-size:12px; font-weight:500;}
.chat-menu-list a:before{display:block;content:'';width:20px;height:20px; margin-right:6px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.chat-menu-list a span{flex:1; text-align:center;}
.chat-menu-list .chatbot:before{background-image:url(/images/mobile/main/ic_chat1.svg);}
.chat-menu-list .chating:before{background-image:url(/images/mobile/main/ic_chat2.svg);}
.chat-menu-list .handlang:before{background-image:url(/images/mobile/main/ic_chat3.svg);}
.chat-menu-list .center:before{background-image:url(/images/mobile/main/ic_chat4.svg);}

.global-menu-list .btn-chat-menu.active{position:relative;z-index:16; color:#fff;}
/* .global-menu-list .btn-chat-menu.active:before{background-image:url(/images/mobile/main/ic_quick3_on.svg)} */
.chat-menus.active{display:block;z-index:15;}
.chat-menus.active:before{position:fixed;left:0;top:0;right:0;bottom:0; display:block;content:'';background-color:rgba(0,0,0,0.5);}
.chat-menus.active .chat-menus-close{position:relative;z-index:15;}
.chat-menus.active .chat-menus-close a{color:#fff;}
.chat-menus.active .chat-menu-list{position:relative;z-index:15;}