@charset "UTF-8"; /* 2022-12-27 메인 팝업 추가 */

.main_notice_pop { display: flex; flex-wrap: wrap; position: absolute; top: 140px; right: 0; left: 50%; margin-left: -720px; z-index: 9999; }
.main_notice_pop .pop_con { position: relative; width: 400px; z-index: 1; }
.main_notice_pop .pop_con .close_img { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: none; background: url(../imgs/ico_close_white_24.svg) no-repeat center center rgba(28,28,28,0.5); background-size: 24px; text-indent: -9999px; overflow: hidden; z-index: 20; }
.main_notice_pop .pop_con .img img { width: 100%; }
.main_notice_pop .pop_con .btns { display: flex; background: #212121; }
.main_notice_pop .pop_con .btns .btn_invisible { flex: 1; position: relative; padding: 13px 0; border: none; background: #3e3e3e; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }
.main_notice_pop .pop_con .btns .btn_close { flex: 1; position: relative; padding: 13px 0; border: none; background: #212121; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }
.main_notice_pop .pop_con .btns button span { display: inline-block; vertical-align: top; }

@media screen and (max-width: 1447px){
 .main_notice_pop { left:35px; margin-left: 0; }
 }

@media screen and (max-width: 1024px){
 .main_notice_pop { top:100px; left: 0; }
 .main_notice_pop .pop_con { position: absolute; left: 50%; width: 400px; margin-left: -200px; }
 }

@media screen and (max-width: 767px){
 .main_notice_pop .pop_con { right:16px; left: 16px; width: auto; margin-left: 0; }
 .main_notice_pop .pop_con .btns .btn_invisible { padding: 10px 0; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }
 .main_notice_pop .pop_con .btns .btn_close { padding: 10px 0; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; }
 }

/* //2022-12-27 메인 팝업 추가 */
/* 메인슬라이드, 퀵메뉴 */
/* 2023-02-21 header style 수정 */
.ma_visual { align-items: center; position: relative; padding: 265px 0 40px; background: url(../imgs/main/img_visual02.png) no-repeat center center; background-size: cover; }
/* 2023-02-21 header style 수정 */
.ma_visual .ma_visual_wrap { display: flex; }
.ma_visual_swiper { width: 678px; height: 376px; background: #fff; overflow: hidden; }
/* 2023-02-13 메인 슬라이드 이미지 크기 수정 */
.swiper-container { height: 100%; }
/* 2023-02-16 메인 슬라이드 이미지 크기 수정 */
.ma_visual_swiper .inbox { height: calc(100% - 44px); }
/* 2023-02-16 메인 슬라이드 이미지 크기 수정 */
.ma_visual_swiper .inbox > a { height: 100%; display: block; }
.ma_visual_swiper .inbox img { width: 100%; height: 100%; }
/* //2023-02-13 메인 슬라이드 이미지 크기 수정 */
.ma_visual_swiper .inbox .img { width: 684px; height: 339px; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -999px; overflow: hidden; }
.ma_visual_swiper .swiper_ctrl { display: flex; justify-content: space-between; align-items: center; height: 44px; padding: 0 0 0 20px; z-index: 10; border: 1px solid #D5D5D5; }
.ma_visual_swiper .swiper_ctrl .swiper-btn-box { border-left: 1px solid #D5D5D5; height: 48px; display: flex; align-items: center; padding: 0 12px; }
.ma_visual_swiper .swiper_ctrl .btn_stop_play { position: relative; width: 48px; height: 24px; padding: 0 12px; margin: 0 6px; background: url(../imgs/main/ico_swiper_pause_orange.svg) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
.ma_visual_swiper .swiper_ctrl .btn_stop_play::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 32px; display: block; content: ""; background: #D5D5D5; }
.ma_visual_swiper .swiper_ctrl .btn_stop_play::after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 32px; display: block; content: ""; background: #D5D5D5; }
.ma_visual_swiper .swiper_ctrl .btn_stop_play.stop { background-image: url(../imgs/main/ico_swiper_play_orange.svg); }
.ma_visual_swiper .swiper_ctrl .swiper-button-prev { position: static; width: 24px; height: 24px; margin: 0; background: url(../imgs/main/ico_swiper_prev_black.svg) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
.ma_visual_swiper .swiper_ctrl .swiper-button-next { position: static; width: 24px; height: 24px; margin: 0; background: url(../imgs/main/ico_swiper_next_black.svg) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
.ma_visual_swiper .swiper_ctrl .swiper-pagination { display: flex; align-items: center; position: static; width: auto; margin-right: 21px; font-size: 1.6rem; color: #999999; line-height: 24px; }
.ma_visual_swiper .swiper_ctrl .swiper-pagination span { opacity: 0.5; }
.ma_visual_swiper .swiper_ctrl .swiper-pagination span.line { margin: 0 10px; color: #999999; }
.ma_visual_swiper .swiper_ctrl .swiper-pagination span.current { opacity: 1; color: #FF972E; font-size: 1.8rem; line-height: 27px; font-weight: 700; }

.ma_servicemenu { position: relative; margin-left: 173px; z-index: 15; }
.ma_servicemenu .title { color: #FFFFFF; font-size: 2.4rem; line-height: 36px; font-weight: 700; letter-spacing: -0.025em; }
.ma_servicemenu .ma_menu { margin-top: 20px; }
.ma_servicemenu .ma_menu ul { display: grid; flex-wrap: wrap; margin: -1px; grid-template-columns: 1fr 1fr 1fr; }
.ma_servicemenu .ma_menu ul li { height: 162px; }
.ma_servicemenu .ma_menu ul li a { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 10px 35px; outline: none; }
.ma_servicemenu .ma_menu ul li a .ico_box { width: 100px; height: 100px; background: #2E74FF; border-radius: 12px; position: relative; }
.ma_servicemenu .ma_menu ul li a .ico_box .ico { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 54px; height: 54px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.ma_servicemenu .ma_menu ul li a .ico_box .ico.service01 { background-image: url('../imgs/main/ico_service01.svg'); }
.ma_servicemenu .ma_menu ul li a:focus .ico_box .ico.service01, .ma_servicemenu .ma_menu ul li a:hover .ico_box .ico.service01 { background-image: url('../imgs/main/ico_service01_on.svg')}
.ma_servicemenu .ma_menu ul li a .ico_box .ico.service02 { background-image: url('../imgs/main/ico_service02.svg'); }
.ma_servicemenu .ma_menu ul li a:focus .ico_box .ico.service02, .ma_servicemenu .ma_menu ul li a:hover .ico_box .ico.service02 { background-image: url('../imgs/main/ico_service02_on.svg')}
.ma_servicemenu .ma_menu ul li a .ico_box .ico.service03 { background-image: url('../imgs/main/ico_service03.svg'); }
.ma_servicemenu .ma_menu ul li a:focus .ico_box .ico.service03, .ma_servicemenu .ma_menu ul li a:hover .ico_box .ico.service03 { background-image: url('../imgs/main/ico_service03_on.svg')}
.ma_servicemenu .ma_menu ul li a .ico_box .ico.service04 { background-image: url('../imgs/main/ico_service04.svg'); }
.ma_servicemenu .ma_menu ul li a:focus .ico_box .ico.service04, .ma_servicemenu .ma_menu ul li a:hover .ico_box .ico.service04 { background-image: url('../imgs/main/ico_service04_on.svg')}
.ma_servicemenu .ma_menu ul li a .ico_box .ico.service05 { background-image: url('../imgs/main/ico_service05.svg'); }
.ma_servicemenu .ma_menu ul li a:focus .ico_box .ico.service05, .ma_servicemenu .ma_menu ul li a:hover .ico_box .ico.service05 { background-image: url('../imgs/main/ico_service05_on.svg')}
.ma_servicemenu .ma_menu ul li a .ico_box .ico.service06 { background-image: url('../imgs/main/ico_service06.svg'); }
.ma_servicemenu .ma_menu ul li a:focus .ico_box .ico.service06, .ma_servicemenu .ma_menu ul li a:hover .ico_box .ico.service06 { background-image: url('../imgs/main/ico_service06_on.svg')}
.ma_servicemenu .ma_menu ul li a:hover .ico_box, .ma_servicemenu .ma_menu ul li a:focus .ico_box { background-color: #FFFFFF; }
/* 2022-12-19 정승훈 quick menu font 수정 */
.ma_servicemenu .ma_menu ul li a .ico_box .txt { position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); margin-top: 5px; color: #FFFFFF; font-size: 1.6rem; line-height: 20px; font-weight: 400; letter-spacing: -0.05em; text-align: center; word-break: keep-all; white-space: nowrap; }
/* //2022-12-19 정승훈 quick menu font 수정 */
.ma_servicemenu .ma_menu ul li a .ico_box .link span { position: relative; padding-right: 19px; display: flex; }
.ma_servicemenu .ma_menu ul li a .ico_box .link span::after { display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ""; width: 16px; height: 16px; background: url(../imgs/main/ico_serivce_link.svg) no-repeat center center; }

@media screen and (max-width: 1280px){
 .ma_visual_swiper .inbox .img { width: 100%; background-size: 100% 100%; }
 .ma_servicemenu { margin-left: 50px; }
 }

@media screen and (max-width: 1024px){
 .inner_center { width: 100%; }
 .ma_visual { padding: 40px 0 40px; }
 .ma_visual .ma_visual_wrap { flex-wrap: wrap; }
 .ma_visual_swiper { width: 100%; height: auto; margin: auto 0; }
 .ma_visual_swiper .inbox .img { width: 100%; height: 0; padding-bottom: 49.5%; background-size: cover; }
 .ma_servicemenu { margin-left: 0; margin-top: 24px; width: 100%; }
 .ma_servicemenu .ma_menu ul { display: flex; justify-content: space-between; }
 .ma_servicemenu .ma_menu ul li { width: 90px; height: 120px; }
 .ma_servicemenu .ma_menu ul li a { padding: 0; }
 .ma_servicemenu .ma_menu ul li a .ico_box { width: 90px; height: 90px; }
 .ma_servicemenu .ma_menu ul li a .ico_box .ico { width: 50px; height: 50px; }
 }

/* 2022-12-19 정승훈 quick menu font 수정 */
@media screen and (max-width: 1024px) and (min-width:768px){
 .ma_servicemenu .ma_menu ul li a .ico_box .txt { font-size :1.2rem; }
 }
/* //2022-12-19 정승훈 quick menu font 수정 */

@media screen and (max-width: 767px){
 .ma_visual { padding: 24px 0 24px; }
 .ma_visual_swiper { width: 100%; }
 .ma_servicemenu .ma_menu ul { display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; }
 /* 2022-12-21 정승훈 quick menu 간격 수정 */
 .ma_servicemenu .ma_menu ul li { width: 120px; height: 160px; }
 /* //2022-12-21 정승훈 quick menu 간격 수정 */
 .ma_servicemenu .ma_menu ul li a .ico_box { width: 120px; height: 120px; }
 .ma_servicemenu .ma_menu ul li a .ico_box .ico { width: 60px; height: 60px; }
 }

@media screen and (max-width: 480px) { /* 2022-12-21 정승훈 quick menu 간격 수정 */ .ma_servicemenu .ma_menu ul li { width: 80px; height: 120px; }
 /* //2022-12-21 정승훈 quick menu 간격 수정 */
 .ma_servicemenu .ma_menu ul li a .ico_box { width: 80px; height: 80px; }
 .ma_servicemenu .ma_menu ul li a .ico_box .ico { width: 44px; height: 44px; }
 .ma_servicemenu .ma_menu ul li a .ico_box .txt { font-size : 1.2rem; }
 }

/* 공지사항, 정보자료 */
.ma_contents01 { display: flex; margin-top: 40px; justify-content: space-between; }
.ma_notice { position: relative; width: 48%; height: 289px; z-index: 15; }
.ma_notice_tab { height: 42px; margin-right: 48px; display: flex; }
.ma_notice_tab:after { content: ''; display: block; clear: both; }
.ma_notice_tab > li { float: left; white-space: nowrap; }
.ma_notice_tab > li + li { margin-left: 56px; }
.ma_notice_tab > li h2 { position: relative; height: 35px; }
.ma_notice_tab > li + li h2::before { content: ''; position: absolute; top: 50%; left: -31px; width: 6px; height: 6px; margin-top: -3px; background: #999999; transform: rotate(45deg); }
.ma_notice_tab > li h2 a { display: block; position: relative; padding-bottom: 7px; color: #a2a2a2; font-size: 2.4rem; line-height: 35px; font-weight: 700; letter-spacing: -0.6px; }
.ma_notice_tab > li h2 a:hover { color: #757575; }
.ma_notice_tab > li.active h2 a { color: #1c1c1c; }
.ma_notice_tab > li.active h2 a::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: #FF972E; }
.ma_notice_tab > li .in_cont { position: absolute; width: 1px; height: 1px; margin-top: -1px; opacity: 0.01; text-indent: -9999px; overflow: hidden; }
.ma_notice_tab > li.active .in_cont { top: 72px; left: 0; right: 0; width: auto; height: 213px; margin: 0; opacity: 1; text-indent: 0; overflow: visible; }
.ma_notice_tab > li .btn_more { position: absolute; top: 1px; right: 0; width: 1px; height: 1px; background: url('../imgs/main/ico_news_btn_orange.svg') no-repeat center center; background-size: 24px; text-indent: -9999px; overflow: hidden; opacity: 0.01; }
.ma_notice_tab > li.active .btn_more { width: 30px; height: 30px; opacity: 1; }
.ma_notice_tab > li ul li { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dedede; }
.ma_notice_tab > li ul li a { flex: 1; margin-right: 24px; color: #707070; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: -0.9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ma_notice_tab > li ul li a:focus, .ma_notice_tab > li ul li a:hover { text-decoration: underline; color: #275BC2; }
.ma_notice_tab > li ul li .date { margin-left: auto; color: #707070; font-size: 16px; line-height: 26px; font-weight: 400; }
.notice_nodata { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; border: 1px solid #e9e9e9; border-radius: 10px; background: #fff; }
.notice_nodata .nodata_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; }
.notice_nodata .ico { width: 100%; height: 40px; background: url(../imgs/main/ico_notice_nodata.svg) no-repeat center center; background-size: contain; }
.notice_nodata .txt { margin-top: 6px; color: #999999; font-size: 1.6rem; line-height: 24px; font-weight: 400; }
.ma_infodata { position: relative; width: 48%; height: 289px; z-index: 15; }
.ma_infodata .title { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.025em; line-height: 35px; margin-bottom: 19px; }
.ma_infodata .title span { color: #D5D5D5; margin-left: 35px; }
.ma_infodata .ma_infodata_box { width: 100%; border: 1px solid #D5D5D5; border-radius: 8px; margin-bottom: 10px; display: flex; overflow: hidden; }
.ma_infodata .ma_infodata_box .ma_infodata_tit { min-width: 244px; position: relative; }
.ma_infodata .ma_infodata_box .ma_infodata_tit.info01 { background: url(../imgs/main/img_infodata_bg01.png) no-repeat bottom right; }
.ma_infodata .ma_infodata_box .ma_infodata_tit.info02 { background: url(../imgs/main/img_infodata_bg02.png) no-repeat bottom right; }
.ma_infodata .ma_infodata_box .ma_infodata_tit p { position: absolute; top: 50%; left: 25px; transform: translateY(-50%); font-size: 2.2rem; line-height: 28px; letter-spacing: -0.025em; color: #FFFFFF; z-index: 15; }
.ma_infodata .ma_infodata_box .data { padding: 18px 60px; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap : 56px; }
.ma_infodata .ma_infodata_box .data > li { white-space: nowrap; }
.ma_infodata .ma_infodata_box .data > li > a { font-size: 1.8rem; line-height: 28px; letter-spacing: -0.025em; color: #212121; }
.ma_infodata .ma_infodata_box .data > li > a:focus, .ma_infodata .ma_infodata_box .data > li > a:hover { text-decoration: underline; color: #275BC2; }
.ma_infodata .ma_infodata_box .data > li > a > span { padding: 0 20px 0 8px; position: relative; }
.ma_infodata .ma_infodata_box .data > li > a > span::before { content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; background: #000; border-radius: 50%; }
.ma_infodata .ma_infodata_box .data > li > a > span::after { content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 16px; height: 16px; background: url(../imgs/main/ico_link_gray.svg) no-repeat center center; }

@media screen and (max-width: 1440px){
 .ma_infodata .ma_infodata_box .ma_infodata_tit { min-width: 184px; }
 .ma_infodata .ma_infodata_box .data { padding: 18px 15px; grid-column-gap : 16px; }
 .ma_infodata .ma_infodata_box .data > li > a { font-size: 1.6rem; letter-spacing: -0.05em; }
 }

@media screen and (max-width: 1280px){
 .ma_notice_tab > li h2 a { font-size: 2.0rem; }
 .ma_infodata .ma_infodata_box .ma_infodata_tit { min-width: 164px; }
 .ma_infodata .ma_infodata_box .data > li > a { font-size: 1.6rem; }
 }

@media screen and (max-width: 1024px){
 .ma_contents01 { flex-wrap: wrap; }
 .ma_notice { width: 100%; }
 .ma_notice_tab > li + li { margin-left: 56px; }
 .ma_notice_tab > li h2 a { font-size: 2.2rem; }
 .ma_infodata { margin-left: 0; width: 100%; margin-top: 40px; }
 }

@media screen and (max-width: 767px){
 .ma_notice_servicemenu { padding: 40px 0 50px; }
 .ma_notice { height: 350px; }
 .ma_notice_tab { height: 36px; margin-right: 40px; }
 .ma_notice_tab > li h2 { height: 30px; }
 .ma_notice_tab > li h2 a { padding: 2px 0 8px; font-size: 17px; line-height: 26px; letter-spacing: -0.45px; }
 .ma_notice_tab > li.active .in_cont { top: 64px; height: 282px; }
 .ma_notice_tab > li + li { margin-left: 30px; }
 .ma_notice_tab > li + li h2::before { left: -18px; }
 .ma_notice_tab > li ul li { flex-wrap: wrap; margin-bottom: 10px; padding-bottom: 10px; }
 .ma_notice_tab > li ul li a { margin-right: 8px; font-size: 16px; letter-spacing: -0.8px; flex: none; width: 100%; }
 .ma_notice_tab > li ul li .date { font-size: 14px; margin-left: initial; }
 .ma_notice_tab > li.active .btn_more { width: 26px; height: 26px; background-size: 16px; }
 .ma_infodata { height: auto; margin-top: 24px; }
 .ma_infodata .title { font-size: 1.8rem; }
 .ma_infodata .title span { margin-left: 8px; }
 .ma_infodata .ma_infodata_box { display: table; }
 .ma_infodata .ma_infodata_box .ma_infodata_tit { display: -webkit-box; height: 47px; background-size: cover; }
 .ma_infodata .ma_infodata_box .ma_infodata_tit.info01 { background: url(../imgs/main/img_infodata_bg01_m.png) no-repeat; background-size: cover; }
 .ma_infodata .ma_infodata_box .ma_infodata_tit.info02 { background: url(../imgs/main/img_infodata_bg02_m.png) no-repeat; background-size: cover; }
 .ma_infodata .ma_infodata_box .ma_infodata_tit p { font-size: 1.8rem; }
 .ma_infodata .ma_infodata_box .ma_infodata_tit > p > br { display: none; }
 .ma_infodata .ma_infodata_box .data > li > a { font-size: 1.6rem; }
 }

/* 소식, 배너 */
.ma_contents02 { display: flex; margin-top: 40px; justify-content: space-between; }
.ma_news { position: relative; width: 48%; padding: 58px 54px 58px 0; }
.ma_news::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: calc(100% + 99999px); height: 100%; background: #F6F6F6; border-radius: 0 30px 10px 0; z-index: -1; }
.ma_news .title { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.025em; line-height: 35px; margin-bottom: 19px; }
.ma_news .title span { color: #D5D5D5; margin-left: 35px; }
.ma_news > ul { display: flex; justify-content: space-between; }
.ma_news > ul > li { width: 48%; }
.ma_news > ul > li > a { border-radius: 8px; display: block; height: 0; padding: 30px 24px; padding-bottom: 83%; position: relative; }
.ma_news > ul > li > a.faq { background: #2E74FF url(../imgs/main/img_news_bg01.png) no-repeat bottom center; }
.ma_news > ul > li > a.faq:focus, .ma_news > ul > li > a.faq:hover { background: #275BC2 url(../imgs/main/img_news_bg01.png) no-repeat bottom center; }
.ma_news > ul > li > a.faq p { color: #FFFFFF; }
.ma_news > ul > li > a.news p { color: #212121; }
.ma_news > ul > li > a.news { background: #FFAE21 url(../imgs/main/img_news_bg02.png) no-repeat bottom center; }
.ma_news > ul > li > a.news:focus, .ma_news > ul > li > a.news:hover { background: #FF972E url(../imgs/main/img_news_bg02.png) no-repeat bottom center; }
.ma_news > ul > li > a .img { position: relative; }
.ma_news > ul > li > a .img::after { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 0; right: 0; }
.ma_news > ul > li > a.faq .img::after { background: url(../imgs/main/ico_link_white.png) no-repeat center center; }
.ma_news > ul > li > a.news .img::after { background: url(../imgs/main/ico_link_black.png) no-repeat center center; }
.ma_news > ul > li > a .img p { font-size: 2.0rem; letter-spacing: -0.05em; line-height: 29px; font-weight: 400; word-break: keep-all; }
.ma_news > ul > li > a .img p.tit { font-weight: 700; margin-bottom: 16px; padding-right: 22px; white-space: nowrap;; }
.ma_banner { position: relative; width: 48%; padding: 40px 0; }
.ma_banner .title { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.025em; line-height: 35px; margin-bottom: 18px; }
.ma_banner .title span { color: #D5D5D5; margin-left: 35px; }
.ma_banner .swiper_ctrl { position: absolute; top: 35px; right: 0; display: flex; justify-content: space-between; align-items: center; height: 44px; padding: 0 0 0 20px; z-index: 10; }
.ma_banner .swiper_ctrl .swiper-btn-box { height: 48px; display: flex; align-items: center; }
.ma_banner .swiper_ctrl .btn_stop_play { position: relative; width: 48px; height: 24px; padding: 0 12px; margin: 0 6px; background: url(../imgs/main/ico_banner_pause.svg) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
.ma_banner .swiper_ctrl .btn_stop_play.stop { background-image: url(../imgs/main/ico_banner_play.svg); }
.ma_banner .swiper_ctrl .swiper-button-prev { position: static; width: 24px; height: 24px; margin: 0; background: url(../imgs/main/ico_banner_arrow-left.svg) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
.ma_banner .swiper_ctrl .swiper-button-next { position: static; width: 24px; height: 24px; margin: 0; background: url(../imgs/main/ico_banner_arrow-right.svg) no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
.ma_banner .swiper_ctrl .swiper-pagination { display: flex; align-items: center; position: static; width: auto; margin-right: 21px; font-size: 1.6rem; color: #999999; line-height: 24px; }
.ma_banner .swiper_ctrl .swiper-pagination span { opacity: 0.5; }
.ma_banner .swiper_ctrl .swiper-pagination span.line { margin: 0 10px; color: #999999; }
.ma_banner .swiper_ctrl .swiper-pagination span.current { opacity: 1; color: #FF972E; font-size: 1.8rem; line-height: 27px; font-weight: 700; }
.ma_banner_swiper { position: relative; margin-top: 20px; }
.ma_banner_swiper .swiper-wrapper { }
/* .ma_banner_swiper .swiper-slide { width: auto; padding: 0 12px; } */
.ma_banner_swiper .swiper-slide { width: 50%; }
/* 2023-04-11 배너값 empty값 추가 */
.slideEmpty {display: block;}
/* //2023-04-11 배너값 empty값 추가 */
.ma_banner_swiper .inbox { display: block; width: 100%; transition: .2s; }
.ma_banner_swiper .inbox .img_box { position: relative; width: 100%; height: 0; padding-bottom: 92.17%; border: 1px solid #e9e9e9; border-radius: 10px; background: #F1F1F1 url(../imgs/main/ico_banner_null.svg); background-repeat: no-repeat; background-position: center center; overflow: hidden; }
.banner_nodata { position: relative; width: 100%; height: 0; padding-bottom: 92.17%; border: 1px solid #e9e9e9; border-radius: 10px; overflow: hidden; background: #F1F1F1; }
.banner_nodata .nodata_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; }
.banner_nodata .ico { width: 100%; height: 40px; background: url(../imgs/main/ico_notice_nodata.svg) no-repeat center center; background-size: contain; }
.banner_nodata .txt { margin-top: 6px; color: #999999; font-size: 1.6rem; line-height: 24px; font-weight: 400; }

@media screen and (max-width: 1280px) { /* .ma_news { padding: 58px 24px 58px 0; } */ .ma_news > ul > li > a .img p { font-size: 1.6rem; }
 .ma_banner { }
 /* .ma_banner_swiper .inbox .img_box { padding-bottom: 102%; } */}

@media screen and (max-width: 1024px){
 .ma_contents02 { flex-wrap: wrap; }
 .ma_news { width: 100%; padding: 40px 0; }
 .ma_news::after { right: -3333px; }
 .ma_news > ul > li > a { padding-bottom: 48%; }
 /* 2022-12-28 알림소식 텍스트 간격 및 이미지 수정 */
 .ma_news > ul > li > a.faq { background: #2E74FF url(../imgs/main/img_news_bg01_m.png) no-repeat bottom right; }
 .ma_news > ul > li > a.faq:focus, .ma_news > ul > li > a.faq:hover { background: #275BC2 url(../imgs/main/img_news_bg01_m.png) no-repeat bottom right; }
 .ma_news > ul > li > a.faq p { color: #FFFFFF; padding-right: 40%; }
 .ma_news > ul > li > a.news p { color: #212121; padding-right: 40%; }
 .ma_news > ul > li > a.news { background: #FFAE21 url(../imgs/main/img_news_bg02_m.png) no-repeat bottom right; }
 .ma_news > ul > li > a.news:focus, .ma_news > ul > li > a.news:hover { background: #FF972E url(../imgs/main/img_news_bg02_m.png) no-repeat bottom right; }
 /* 2022-12-28 알림소식 텍스트 간격 및 이미지 수정 */
 .ma_banner { width: 100%; margin-left: 0; }
 }

@media screen and (max-width: 767px){
 .ma_news > ul { flex-wrap: wrap; }
 .ma_news > ul > li { width: 100%; }
 .ma_news > ul > li + li { margin-top: 16px; }
 .ma_news > ul > li > a { padding-bottom: 49%; }
 .ma_news .title { font-size: 1.8rem; }
 .ma_news .title span { margin-left: 8px; }
 .ma_banner .swiper_ctrl .swiper-pagination { margin-right: 10px; }
 .ma_banner_swiper .swiper-slide { width: 100%; }
 .ma_banner .title { font-size: 1.8rem; }
 .ma_banner .title span { margin-left: 8px; }
 /* 2023-04-11 배너값 empty값 추가 */
  .slideEmpty {display: none;}
  /* //2023-04-11 배너값 empty값 추가 */
 }

/* sns */
.ma_sns { background: #1F2A6D; }
/* .ma_sns .inner_center { position:relative; max-width:1510px; padding:0 0 0 35px; margin:0 auto; } */
.ma_sns .ma_sns_wrap { display: flex; padding: 70px 0; justify-content: space-between; }
.ma_sns .ma_sns_wrap .text { width: 244px; }
.ma_sns .ma_sns_wrap .text .text_wrap > p { font-size: 1.8rem; letter-spacing: -0.05em; line-height: 26px; color: #FFFFFF; }
.ma_sns .ma_sns_wrap .text .text_wrap > p + p { margin-top: 16px; }
.ma_sns .ma_sns_wrap .text .text_wrap > p.tit { font-size: 2.4rem; font-weight: 700; line-height: 35px; padding-bottom: 17px; position: relative; }
.ma_sns .ma_sns_wrap .text .text_wrap > p.tit::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 21px; height: 3px; border-radius: 3px; background: #E6E6E6; }
.ma_sns .ma_sns_wrap .ma_sns_swiper { overflow: visible; position: relative; width: calc(100% - 244px); }
.ma_sns .ma_sns_wrap ul > li { width: 281px; }
.ma_sns .ma_sns_wrap ul > li > a .img > img { width: 100%; height: 100%; }
.ma_sns .ma_sns_wrap ul > li > a .img > .img_text { background: #ffffff; width: 100%; height: 100%; padding: 25px; }


.ma_sns .ma_sns_wrap ul > li:nth-child(1) > a .img > .img_text {
    background: url(../imgs/main/Thumbnail1.png) no-repeat center center;
}
.ma_sns .ma_sns_wrap ul > li:nth-child(2) > a .img > .img_text {
    background: url(../imgs/main/Thumbnail2.png) no-repeat center center;
}
.ma_sns .ma_sns_wrap ul > li:nth-child(3) > a .img > .img_text {
    background: url(../imgs/main/Thumbnail3.png) no-repeat center center;
}
.ma_sns .ma_sns_wrap ul > li:nth-child(4) > a .img > .img_text {
    background: url(../imgs/main/Thumbnail4.png) no-repeat center center;
}

.ma_sns .ma_sns_wrap ul > li > a .img > .img_text > span { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.ma_sns .ma_sns_wrap ul > li > a .img { position: relative; width: 281px; height: 234px; border-radius: 8px; background: #4C558A url(../imgs/main/ico_sns_null.svg)no-repeat center center; overflow: hidden; border: 1px solid #707070; }
.ma_sns .ma_sns_wrap ul > li > a.youtube .img i { position: absolute; content: ""; bottom: 0; left: 0; display: block; width: 50px; height: 50px; border-radius: 0 8px 0 0; border-top: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; background: #EB0000 url(../imgs/main/ico_sns_youtube.svg)no-repeat center center; }
.ma_sns .ma_sns_wrap ul > li > a.facebook .img i { position: absolute; content: ""; bottom: 0; left: 0; display: block; width: 50px; height: 50px; border-radius: 0 8px 0 0; border-top: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; background: #3C5A99 url(../imgs/main/ico_sns_facebook.svg)no-repeat center center; }
.ma_sns .ma_sns_wrap ul > li > a.blog .img i { position: absolute; content: ""; bottom: 0; left: 0; display: block; width: 50px; height: 50px; border-radius: 0 8px 0 0; border-top: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; background: #3C9807 url(../imgs/main/ico_sns_blog.svg)no-repeat center center; }
.ma_sns .ma_sns_wrap ul > li > a p.tit { display: block; font-size: 1.6rem; line-height: 24px; letter-spacing: -0.05em; font-weight: 500; color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding-bottom: 10px; margin-bottom: 10px; margin-top: 6px; }
.ma_sns .ma_sns_wrap ul > li > a p.tit::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #D5D5D5; opacity: 0.5; }
.ma_sns .ma_sns_wrap ul > li > a p.data { display: block; color: #BAC5DB; font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 400; }
.sns_link { position: relative; width: 100%; border-radius: 10px; overflow: hidden; background: rgba(255, 255, 255, 0.2); }
.sns_link > img { height: 100%; }
.sns_nodata { position: relative; width: 100%; height: 0; padding-bottom: 110%; border-radius: 10px; overflow: hidden; background: rgba(255, 255, 255, 0.2); }
.sns_nodata .nodata_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; }
.sns_nodata .ico { width: 100%; height: 40px; background: url(../imgs/main/ico_notice_nodata.svg) no-repeat center center; background-size: contain; }
.sns_nodata .txt { margin-top: 6px; color: #999999; font-size: 1.6rem; line-height: 24px; font-weight: 400; }
.ma_sns_wrap { }
.ma_sns_wrap .text { margin-bottom: 0; }
.ma_sns_wrap .text > span { max-width: 129px; margin: 17px 0 22px 0; font-size: 1rem; line-height: 1.5; }
.ma_sns_wrap .text .sns-tab-list { margin-top: 10px; }
/* 2022-12-28 foucs 영역 수정 */
.ma_sns_wrap .text .sns-tab-list li { display: block; width: 95%; }
/* //2022-12-28 foucs 영역 수정 */
.ma_sns_wrap .text .sns-tab-list li + li { margin-top: 15px; }
.ma_sns_wrap .text .sns-tab-list li a { display: block; font-size: 0; }
.ma_sns_wrap .text .sns-tab-list li a span { display: inline-block; vertical-align: middle; }
.ma_sns_wrap .text .sns-tab-list li a span.ico { position: relative; width: 40px; height: 40px; border-radius: 50%; background-color: #ccc; }
.ma_sns_wrap .text .sns-tab-list li a span.ico::before { position: absolute; top: 50%; left: 50%; margin: -0.8em 0 0 -0.5em; font-size: 2.1rem; color: #fff; }
.ma_sns_wrap .text .sns-tab-list li a span.txt { margin-left: 12px; font-weight: 400; font-size: 1.4rem; line-height: 1.5; letter-spacing: -0.05em; color: #ffffff; position: relative; }
.ma_sns_wrap .text .sns-tab-list li a span.txt.link { position: relative; padding-right: 20px; }
.ma_sns_wrap .text .sns-tab-list li a span.txt.link::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url("../imgs/main/ico_link_white.png") no-repeat center center; }
.ma_sns_wrap .text .sns-tab-list li a i { display: none; }
.ma_sns_wrap .text .sns-tab-list li.facebook a span.ico { background-color: #3C5A99; }
.ma_sns_wrap .text .sns-tab-list li.instagram a span.ico { background: #C60498 linear-gradient(to bottom left, #C60498, #FC0D12, #FFB423); }
.ma_sns_wrap .text .sns-tab-list li.twitter a span.ico { background-color: #439CD6; }
.ma_sns_wrap .text .sns-tab-list li.blog a span.ico { background: #5EA821 url(../imgs/main/ico_blog.png) no-repeat; background-position: calc(50% + 2px) center; }
.ma_sns_wrap .text .sns-tab-list li.youtube a span.ico { background-color: #f00; }
/* 2022-12-21 정승훈 sns 탭메뉴 hover효과 추가 */
.ma_sns_wrap .text .sns-tab-list li a:focus span.txt, .ma_sns_wrap .text .sns-tab-list li a:hover span.txt { text-decoration: underline; color: #ffffff; }
/* //2022-12-21 정승훈 sns 탭메뉴 hover효과 추가 */
.ma_sns_wrap .text .sns-tab-list li.on a span.txt { text-decoration: underline; color: #ffffff; }
.ma_sns_wrap .text .sns-tab-list li.on a i { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 1.5rem; color: #0065E8; }
.ma_sns_wrap .sns-slider .sns-cont-list > li { width: 100%; }
/* 2022-12-28 focus 짤림 수정 */
.ma_sns_wrap .sns-slider .sns-cont-list > li > div { padding: 1px 1px; }
/* //2022-12-28 focus 짤림 수정 */
.sns-area .sns-slider { }
/* .sns-area .sns-slider .swiper-container { width: 100%; } */
/* .sns-area .sns-slider .swiper-wrapper { justify-content: flex-start; } */
.sns-area .sns-slider .swiper-wrapper .swiper-slide + .swiper-slide { margin-left: 20px; }
.sns-area .sns-slider .swiper-slide a { display: block; min-width: 281px; }
.sns-area .sns-slider .swiper-slide a span { display: block; }
.sns-area .sns-slider .swiper-slide a span.img { overflow: hidden; height: 226px; border-radius: 10px; background: #fff url(../imgs/common/empty-image-logo.png) no-repeat center center; }
.sns-area .sns-slider .swiper-slide a span.img img { width: 100%; max-width: 100%; min-height: 100%; }
.sns-area .sns-slider .swiper-slide a span.tit { padding: 1px 0; margin: 10px 0 13px 0; }
.sns-area .sns-slider .swiper-slide a span.tit span { display: inline-block; min-height: 3em; font-weight: 500; font-size: 1rem; line-height: 1.5; letter-spacing: -0.05em; color: #003356; }
.sns-area .sns-slider .swiper-slide a span.date { font-weight: 400; font-size: 0.875rem; line-height: 1.2143; letter-spacing: -0.05em; color: #787878; }
.sns-area .sns-slider .swiper-pagination { display: none; }
.sns-area .sns-slider .swiper-button-prev { display: none; }
.sns-area .sns-slider .swiper-button-next { display: none; }
.sns-area .sns-slider .swiper-scrollbar { display: none; }

@media (max-width: 1389px){
 .ma_sns_wrap .text > span { position:absolute; top: 0; right: 0; max-width: none; margin: 0; }
 .ma_sns_wrap .text .sns-tab-list li { display: inline-block; vertical-align: middle; }
 }

@media screen and (max-width: 1024px){
 .ma_sns .ma_sns_wrap .ma_sns_swiper { width: 100%; }
 .ma_sns .ma_sns_wrap { flex-wrap: wrap; padding: 40px 0; }
 .ma_sns .ma_sns_wrap .text { margin-bottom: 24px; display: flex; flex-wrap: wrap; width: 100%; }
 .ma_sns .ma_sns_wrap .text .text_wrap { width: 100%; }
 .ma_sns .ma_sns_wrap .text .sns-tab-list { display: flex; width: 100%; }
 .ma_sns .ma_sns_wrap .text .sns-tab-list { flex-wrap: wrap; }
 .ma_sns .ma_sns_wrap .text .sns-tab-list li { width: 50%; margin-bottom: 25px; }
 .ma_sns .ma_sns_wrap .text .sns-tab-list li + li { margin-top: 0; }
 .ma_sns .ma_sns_wrap .text > p + p { margin-top: 0; margin-left: 62px; }
 }

@media screen and (max-width: 767px){
 .ma_sns_wrap .text .sns-tab-list li a span.txt { font-size: 1.2rem; margin-left: 10px; letter-spacing: -0.08em; }
 .ma_sns_wrap .text .sns-tab-list li a span.ico { width: 30px; height: 30px; }
 .ma_sns_wrap .text .sns-tab-list li a span.ico::before { font-size: 1.8rem; }
 }

/* 하단 배너 */
.foot_banners { display: flex; align-items: center; padding: 20px 0; }
.foot_banners .swiper-ctrl { order: 1; display: flex; position: relative; margin-right: 30px; }
.foot_banners .swiper-ctrl .swiper-button-prev { order: 1; position: static; width: 24px; height: 24px; margin: 0; background: url('../imgs/main/ico_footer_arrow-left.svg') no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
.foot_banners .swiper-ctrl .swiper-button-next { order: 3; position: static; width: 24px; height: 24px; margin: 0; background: url('../imgs/main/ico_footer_arrow-right.svg') no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; }
.foot_banners .swiper-ctrl .btn_stop_play { order: 2; width: 24px; height: 24px; margin: 0 6px; background: url('../imgs/main/ico_footer_play.svg') no-repeat center center; background-size: contain; text-indent: -999px; overflow: hidden; vertical-align: top; }
.foot_banners .swiper-ctrl .btn_stop_play.stop { background: url('../imgs/main/ico_footer_stop.svg') no-repeat center center; }
.foot_banners .swiper-container { order: 2; flex: 1; }
/* 2022-12-28 정승훈 focus 영역 수정 */
.foot_banners .swiper-slide { width: auto; margin-right: 50px; padding: 1px 1px; }
/* //2022-12-28 정승훈 focus 영역 수정 */
.foot_banners .swiper-slide a { display: flex; align-items: center; height: 50px; background: #fff; }
.foot_banners .swiper-slide a img { height: 40px; }

@media screen and (max-width: 1024px){
 .foot_banners { padding: 20px 0; }
 }

@media screen and (max-width: 767px){
 .foot_banners .swiper-slide { margin-right: 17px; }
 .foot_banners .swiper-ctrl { margin-left: 16px; }
 }