@charset "euc-kr";

/* 2025-02 ¸®´º¾ó */
body.main {background:none;}
body.main #container { width: auto;overflow:visible;} /* 20250326 overflow:visible Ãß°¡ */
/* 20250326 ½Å±Ô Ãß°¡ */
html, body {height: 100%;min-height:100%}
body.main #wrap { height: auto;}

/* 20250327 ½Å±Ô Ãß°¡ */
.topWidth {width:708px;}
.loginTerms {width:770px;}

/* 20250331 ½Å±Ô Ãß°¡ */
.centerAlign {width:770px;margin:auto;}

.mo_show {display: none;}
.blindDom { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}
.inCont {max-width:1440px; padding:0 20px; margin:0 auto;}

.headWrap {position: fixed; top:0; width: 100%; letter-spacing: -0.3px; z-index: 50;}
.headWrap * {font-family: 'Noto Sans KR', sans-serif;  letter-spacing:-0.3px; box-sizing:border-box;}
.headWrap .headTop {border-bottom: 1px solid #DDDDDD; position: relative; z-index: 100; background: #fff;}
.headWrap .headTop .inCont {display: flex; align-items:center; justify-content: space-between;  min-height:46px;}
.headWrap .headTop .inCont .linkList {display: flex; align-items: center; gap:36px;}
.headWrap .headTop .inCont .linkList a {position: relative; font-size: 13px; color:#616161; }
.headWrap .headTop .inCont .linkList a:after {content:''; position: absolute; left:-18px; background: #DDDDDD; width: 1px; height: 14px; top:50%; transform:translateY(-50%);}
.headWrap .headTop .inCont .linkList a:first-child:after {display: none;}

.headWrap .headCont {position: relative; z-index: 100; background: #fff;}
.headWrap .headCont .inCont {height: 107px; display: flex; align-items: center; justify-content: space-between;}
.headWrap .headCont .h1Logo img {width:193px;}
.headWrap .headCont .gnbWrap {height: 107px; display: flex; align-items: center; justify-content: center;}
.headWrap .headCont .gnbWrap nav ul {display: flex; align-items: center; gap:40px;}
.headWrap .headCont .gnbWrap nav ul li a {font-size: 22px; font-weight: 700; color:#212121; font-family: 'mg'; }
.headWrap .headCont .gnbWrap nav ul li a:hover{color: #0068B7}
.headWrap .headCont .btnHead {display: flex; align-items: center; gap:40px;}
.headWrap .headCont .btnHead .btnSearch {width: 23px; height: 24px; background:url('../images/new/ico_search.png') center no-repeat; background-size:23px auto;}
.headWrap .headCont .btnHead .btnMenu {cursor:pointer; border:none; width: 23px; height: 24px; background:url('../images/top/btnMenu.png') center no-repeat; background-size:23px auto;}

.mainContent {position: relative; overflow:hidden; max-width:1920px; margin:0 auto; padding-bottom: 122px; padding-top: 153px;}
.mainContent * {font-family: 'Noto Sans KR', sans-serif;  letter-spacing:-0.3px; box-sizing:border-box;}

.totalMenu {position: absolute; top:153px; width: 100%;  left:0; z-index: 100; display: none;  }
.totalMenu * {box-sizing:border-box;}
.totalMenu:after {pointer-events:none; content:''; position: absolute; left:0; top:0; width: 100%; background: linear-gradient(90deg, #52C3F1 0%, #0068B7 100%); height: 2px; z-index: 100;}
.totalMenu .mob_link_btn {display: none;}
.totalMenu .inCont {position: relative; background: #fff;  border-bottom-right-radius:100px; z-index: 90; padding:38px 0 52px; max-width:1920px; }
.totalMenu .inCont .menuList {position: relative; max-width:1400px; margin:0 auto;}
.totalMenu .inCont .menuList > ul {display: flex;}
.totalMenu .inCont .menuList > ul > li {flex: 1 1 0;min-width:196px; f box-sizing:border-box; padding:0 10px 0 20px; border-left: 1px solid #ddd;}
.totalMenu .inCont .menuList > ul > li .tit span {font-size: 20px; font-weight: 700; color:#0068B7;  font-family: 'mg'; display: block; margin-bottom: 18px; border:none; background:none;;}
.totalMenu .inCont .menuList > ul > li .subMenu ul li {margin-bottom:8px; }
.totalMenu .inCont .menuList > ul > li .subMenu ul li a {position: relative; display: block; padding-left: 14px; font-size: 16px; color:#616161; }
.totalMenu .inCont .menuList > ul > li .subMenu ul li a:after {content:''; position: absolute; left:4px; top:50%; width: 2px; height: 2px; border-radius:10px; background: #C3DCF4;}


.totalMenu .inCont .menuList > ul > li .subMenu ul li a:hover {color:#0E8FF1; font-weight: 500;}
.totalMenu .inCont .menuList > ul > li .subMenu ul li a:hover:after {background: #0068B7;}
.totalMenu .inCont .menuList > ul > li .subMenu > ul > li {margin-bottom:8px;}
.totalMenu .inCont .menuList > ul > li .subMenu > ul > li > a {position: relative; display: block; padding-left: 14px; font-size: 16px; color:#616161; }
.totalMenu .inCont .menuList > ul > li .subMenu > ul > li > a:after {content:''; position: absolute; left:4px; top:50%; width: 2px; height: 2px; border-radius:10px; background: #C3DCF4;}
.totalMenu .inCont .menuList > ul > li .subMenu > ul > li:hover > a,
.totalMenu .inCont .menuList > ul > li .subMenu > ul > li.on > a{color:#0E8FF1; font-weight: 500;}
.totalMenu .inCont .menuList > ul > li .subMenu > ul > li:hover > a:after,
.totalMenu .inCont .menuList > ul > li .subMenu > ul > li.on > a:after {background: #0068B7;}
.totalMenu .inCont .menuList > ul > li .subMenu .depth1{display:none;margin-top:12px;padding:8px 20px;background-color: #F3F5F7;border-radius: 4px;box-sizing: border-box;}
.totalMenu .inCont .menuList > ul > li .subMenu .depth1 li{margin: 1px 0}
.totalMenu .inCont .menuList > ul > li .subMenu .depth1 a{padding:2px 0;color: #616161;font-size: 14px;line-height: 1.35;display: block;}
.totalMenu .inCont .menuList > ul > li .subMenu .depth1 a:hover{font-weight: 500;color: #353535;text-decoration: underline}
.totalMenu .inCont .menuList > ul > li .subMenu > ul > li.hasSub > a:before{display: block;content: '';width: 8px;height: 8px;position: absolute;top:50%;right:0;margin-top: -4px;background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='3.80762' x2='8' y2='3.80762' stroke='%23616161'/%3E%3Cline x1='4.19238' y1='2.18557e-08' x2='4.19238' y2='8' stroke='%23616161'/%3E%3C/svg%3E%0A") no-repeat 0 0;}
.totalMenu .inCont .menuList > ul > li .subMenu > ul > li.hasSub:hover > a:before{background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='3.80774' x2='8' y2='3.80774' stroke='%230E8FF1'/%3E%3Cline x1='4.19238' y1='2.18557e-08' x2='4.19238' y2='8' stroke='%230E8FF1'/%3E%3C/svg%3E%0A");}



.dimmTotal {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 50; background: rgba(0,0,0,.4); display: none;}

body.menuOpen .totalMenu {display: block;}
body.menuOpen .dimmTotal {display: block;}
body.menuOpen .headWrap .headCont .btnHead .btnMenu  {background:url('../images/top/btnClose.png') center no-repeat; background-size:21px auto;}

body.menuOpenGnb .totalMenu {display: block;}
body.menuOpenGnb .dimmTotal {display: block;}


.mainVisual {position: relative; background: url('../images/main/mainVisual.jpg') center no-repeat; height: 691px; margin-bottom: 65px; overflow:hidden;}
.mainVisual .mainText {padding-top: 112px;}
.mainVisual .mainText .mainTit01{font-size: 40px; color:#212121; font-weight: 700; font-family:'mg'; margin-bottom: 12px;}
.mainVisual .mainText .mainTit01 strong {color:#0E8FF1}
.mainVisual .mainText .mainTit02{font-size: 22px; color:#212121; line-height: 1.4;}
.mainVisual .noticeWrap {position: absolute; left:50%; top:0; margin-left: 181px; width: 779px; height: 642px; padding:50px 0 0 70px; background: url('../images/main/bg_notice.png') center no-repeat; }
.mainVisual .noticeWrap .in {position: relative; width: 448px;}
.mainVisual .noticeWrap .in .notiTit {margin-bottom: 12px; color:#fff; font-weight: 700; font-size: 30px; font-family: 'mg';}

.mainVisual .noticeWrap ul li {margin-bottom: 24px;}
.mainVisual .noticeWrap ul li a {display: block; background: #fff; border-radius:30px; height: 240px; padding:36px 40px;}
.mainVisual .noticeWrap ul li a .tit {font-size: 22px; font-weight: 700; color:#212121; font-family: 'mg'; margin-bottom: 8px; display: block; overflow:hidden;}
.mainVisual .noticeWrap ul li a .txt {font-size: 18px;  color:#353535; height: 75px; margin-bottom:29px; overflow:hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; line-height: 1.4;}
.mainVisual .noticeWrap ul li a .date {font-size: 15px; color:#616161;}

.mainVisual .noticeWrap .btnMore {position: absolute; right:0; top:3px;}
.mainVisual .noticeWrap .btnMore img {width: 23px;}

.mainIconList {margin-bottom: 65px;}
.mainIconList .inCont ul {display: flex; gap:20px; justify-content: space-between;}
.mainIconList .inCont ul li {max-width:128px; margin:0 auto;}
.mainIconList .inCont ul li a {display: block;  text-align: center;}
.mainIconList .inCont ul li a .ico {display: block; position: relative; width: 128px; height: 128px;  background-size:56px !important; margin-bottom: 14px; border-radius:20px; border:3px solid #DDDDDD;}
.mainIconList .inCont ul li a:where(:hover,:focus) .ico {border:none;}
.mainIconList .inCont ul li a:where(:hover,:focus) .ico:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('../images/main/ico_bg.png') center no-repeat; background-size:cover; z-index: -1;}
.mainIconList .inCont ul li.no1 a .ico {background:url('../images/main/icoMain1.png') center no-repeat; }
.mainIconList .inCont ul li.no2 a .ico {background:url('../images/main/icoMain2.png') center no-repeat; }
.mainIconList .inCont ul li.no3 a .ico {background:url('../images/main/icoMain3.png') center no-repeat; }
.mainIconList .inCont ul li.no4 a .ico {background:url('../images/main/icoMain4.png') center no-repeat; }
.mainIconList .inCont ul li.no5 a .ico {background:url('../images/main/icoMain5.png') center no-repeat; }
.mainIconList .inCont ul li.no6 a .ico {background:url('../images/main/icoMain6.png') center no-repeat; }
.mainIconList .inCont ul li.no7 a .ico {background:url('../images/main/icoMain7.png') center no-repeat; }
.mainIconList .inCont ul li.no8 a .ico {background:url('../images/main/icoMain8.png') center no-repeat; }

.mainIconList .inCont ul li.no1 a:where(:hover,:focus) .ico {background:url('../images/main/icoMain1_on.png') center no-repeat; }
.mainIconList .inCont ul li.no2 a:where(:hover,:focus) .ico {background:url('../images/main/icoMain2_on.png') center no-repeat; }
.mainIconList .inCont ul li.no3 a:where(:hover,:focus) .ico {background:url('../images/main/icoMain3_on.png') center no-repeat; }
.mainIconList .inCont ul li.no4 a:where(:hover,:focus) .ico {background:url('../images/main/icoMain4_on.png') center no-repeat; }
.mainIconList .inCont ul li.no5 a:where(:hover,:focus) .ico {background:url('../images/main/icoMain5_on.png') center no-repeat; }
.mainIconList .inCont ul li.no6 a:where(:hover,:focus) .ico {background:url('../images/main/icoMain6_on.png') center no-repeat; }
.mainIconList .inCont ul li.no7 a:where(:hover,:focus) .ico {background:url('../images/main/icoMain7_on.png') center no-repeat; }
.mainIconList .inCont ul li.no8 a:where(:hover,:focus) .ico {background:url('../images/main/icoMain8_on.png') center no-repeat; }
.mainIconList .inCont ul li a .tit {display: block; font-size: 18px; font-weight: 700; font-family: 'mg'; color:#353535; text-align: center;}

.mainGrid1 {display: flex; gap:56px; margin-bottom: 60px;}
.mainGrid1 .dataWrap {position: relative; height: 413px; padding:60px 48px 0 0; }
.mainGrid1 .dataWrap:after {background: linear-gradient(180deg, #52C3F1 0%, #0068B7 100%); opacity:.15; content:''; position: absolute; right:0; top:0; width: 1184px; height: 100%; border-top-right-radius:50px; border-bottom-right-radius:50px; }
.mainGrid1 .dataWrap:before {z-index: 1;background:url('../images/main/bgDot.png') right center no-repeat; background-size:cover; content:''; position: absolute; right:350px; top:0; width:900px; height: 100%;  }
.mainGrid1 .dataWrap .in {position: relative; z-index: 10;}
.mainGrid1 .dataWrap .in ul {display: flex; gap:20px; }
.mainGrid1 .dataWrap .in ul li {width: 100%; flex:1;}
.mainGrid1 .dataWrap .in ul li a {display: block; background: #fff; border-radius:20px; height: 236px; padding:36px 40px;}
.mainGrid1 .dataWrap .in ul li a .tit {font-size: 22px; font-weight: 700; color:#212121; font-family: 'mg'; margin-bottom: 8px; display: block; overflow:hidden;}
.mainGrid1 .dataWrap .in ul li a .txt {font-size: 18px;  color:#353535; height: 75px; margin-bottom:29px; overflow:hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; line-height: 1.4;}
.mainGrid1 .dataWrap .in ul li a .date {font-size: 15px; color:#616161;}
.mainGrid1 .dataWrap .in .btnMore {position: absolute; right:0; top:0;}
.mainGrid1 .dataWrap .in .btnMore img {width: 23px;}

.mainGrid1 .notiZoneWrap {min-width: 420px; width: 420px;  margin-top: 60px; position: relative;}
.mainGrid1 .notiZoneWrap .swiperWrap .swiper-container {overflow:hidden;  border-radius:20px;}
.mainGrid1 .notiZoneWrap .controlBox {position: absolute; right:0; top:0;}

.mainTitType1 {font-size: 28px; font-weight: 700; color:#212121; margin-bottom: 18px;}

.mainGrid2 {display: flex; gap:56px; margin-bottom: 65px;}
.mainGrid2 .infoSlideWrap {min-width: 440px; width: 440px; overflow:hidden; position: relative; border-radius:20px;}
.mainGrid2 .faqWrap {flex:1; width: 100%; position: relative;}
.mainGrid2 .faqWrap ul li  { border-bottom: 1px solid #DDDDDD;  }
.mainGrid2 .faqWrap ul li button {display: flex; align-items: center; gap:24px; padding:12px 0;  background:none; border:none; text-align: left; cursor:pointer;}
.mainGrid2 .faqWrap ul li .ico { min-width: 56px; height: 56px; border-radius:15px; background:#F3F5F7 url('../images/main/ico_qustion.png') center no-repeat; background-size:22px auto;}
.mainGrid2 .faqWrap ul li .txt {font-size: 18px; font-weight: 500; color:#353535; flex:1; width: 100%;}
.mainGrid2 .faqWrap .btnMore {position: absolute; right:0; top:0; }
.mainGrid2 .faqWrap .btnMore img {width: 23px;}

.controlBox {position: absolute; right:20px; top:20px; display: flex; align-items: center;  gap:11px; z-index: 10; }
.controlBox .arrowCount {width: 84px; background:rgba(0,0,0,.5); border-radius:50px; height: 29px;  gap:11px; display: flex; align-items: center; justify-content: center; gap:10px;}
.controlBox .arrowCount .count {position: relative; top:-1px; font-size: 12px; line-height: 12px; color:#fff; font-weight: 500;}
.controlBox .arrowCount .arrow {width: 7px; height: 11px; position: static; margin-top: 0;}
.controlBox .arrowCount .arrow:after {display: none;}
.controlBox .arrowCount .arrow.swiper-button-prev {background:url('../images/main/ico_prev.png') center no-repeat; background-size:7px auto;}
.controlBox .arrowCount .arrow.swiper-button-next {background:url('../images/main/ico_next.png') center no-repeat; background-size:7px auto;}
.controlBox .auto {background:rgba(0,0,0,.5); border-radius:100px;}
.controlBox .auto .autoplay { cursor:pointer; border:none; width: 29px; height: 29px; background:url('../images/main/ico_stop.png') center no-repeat; background-size:8px auto;}
.controlBox .auto .autoplay.on {background:url('../images/main/ico_play.png') center no-repeat; background-size:10px auto;}

.mainLinkList ul {display: flex; gap:20px;}
.mainLinkList ul li {flex:1; width: 100%; position: relative; border-radius:20px; overflow:hidden; }
.mainLinkList ul li a:before {content:''; position: absolute; left:0; top:0;   background: linear-gradient(180deg, #52C3F1 0%, #0068B7 100%); opacity:.15; width: 100%; height: 100%; }
.mainLinkList ul li a {position: relative; font-size: 20px; font-weight: 700; height: 70px; color:#212121; padding-left: 40px; font-family: 'mg';display: flex; width: 100%; align-items: center;  background:url('../images/main/bgDot.png') left center no-repeat; background-size:130px auto;  z-index: 10;}
.mainLinkList ul li a:after {content:''; position: absolute; right:40px; top:50%; margin-top:-10px; width: 11px; height: 20px; background:url('../images/main/ico_link.png') center no-repeat; background-size:cover; }

.btnTop {position: fixed; right:50px; bottom:100px; z-index: 30; opacity:0; visibility: hidden; transition:.3s all; }
.btnTop.active {opacity:1; visibility: visible; }
.btnTop.absolute {position: absolute;  bottom:115px;}
.btnTop button{display: block; border:none; background:none; cursor:pointer;}

.footerWrap {background: #F2F3F5; clear:both;}
.footerWrap * {font-family: 'Noto Sans KR', sans-serif;  letter-spacing:-0.3px;}
.footerWrap .footerTop {display: flex; align-items: center; justify-content: space-between;  height: 55px; }
.footerWrap .footerTop .footLink {display: flex; align-items: center; gap:24px;}
.footerWrap .footerTop .footLink a {position: relative; font-size: 15px; color:#212121; }
.footerWrap .footerTop .footLink a strong {color:#0E8FF1; font-weight: 700;}
.footerWrap .footerTop .footLink a:hover,
.footerWrap .footerTop .footLink a:hover strong{color:#0E8FF1; font-weight: 700;text-decoration: underline}
.footerWrap .footerTop .footLink .bull { background: #DDDDDD; width: 1px; height: 16px;}
.footerWrap .footerTop .familySite {position: relative;}
.footerWrap .footerTop .familySite .toggle {text-align: left; cursor:pointer; height: 55px; display: block; width: 335px; font-size: 15px; color:#212121; padding:17px 20px;  background: #F2F3F5;  border: 1px solid #DDDDDD; border-top:none; border-bottom:none;} 
.footerWrap .footerTop .familySite .toggle:after {content:''; position: absolute; right:20px; top:50%; transform:translateY(-50%); width: 15px; height: 7px; background:url('../images/footer/ico_fm.png') center no-repeat; background-size:15px auto;}
.footerWrap .footerTop .familySite ul {border: 1px solid #DDDDDD;  box-sizing:border-box; display: none; position: absolute; left:0; bottom: 100%; width: 100%; background: #F2F3F5;}
.footerWrap .footerTop .familySite ul li a{font-size: 15px; color:#212121; display: block; padding:8px 20px; }
.footerWrap .footerTop .familySite.active .toggle:after {transform:translateY(-50%) rotate(180deg);}
.footerWrap .footerTop .familySite.active ul {display: block;z-index:999;}

.footerWrap .footBottom {border-top: 1px solid #DDDDDD; padding:24px 0 62px;}
.footerWrap .footBottom .inCont {display: flex; align-items: center; justify-content: space-between;}
.footerWrap .footBottom .inCont .footInfo .telInfo {display: flex; align-items: center; gap:8px; margin-bottom: 14px; }
.footerWrap .footBottom .inCont .footInfo .telInfo a {font-size: 24px; color:#353535; font-weight: 700; padding-left: 40px; background:url('../images/footer/ico_tel.png') left center no-repeat; background-size:32px auto; font-family: 'mg'; }
.footerWrap .footBottom .inCont .footInfo .telInfo .csCenter {font-size: 15px; color:#616161; padding-top: 3px;  }
.footerWrap .footBottom .inCont .footInfo .telInfo .csCenter span {font-weight: 500; color:#353535;}
.footerWrap .footBottom .inCont .footInfo .addr  address {font-size: 18px; color:#212121; margin-bottom: 4px; display: block; font-style: normal; }
.footerWrap .footBottom .inCont .footInfo .addr .copy {font-size: 13px; color:#616161; }
.footerWrap .footBottom .inCont .wa img {width:132px;}

/* Sub */
#header{display:none;height: 153px;}
#container.renewalSub{width: auto;min-width: 980px;height: auto;display: flex;flex-direction: column;min-height:100%}
.contents{float: none;max-width: 770px;margin: 0 auto;padding-left: 0}
.contents{max-width:1440px;padding: 0 20px 122px;margin:0 auto;box-sizing: border-box}
.subContent{position: relative;/*overflow: hidden;*/padding-top: 154px;box-sizing: border-box;flex: 1;}
#topBtn{right: 30px;}
.conTitArea{margin-bottom: 65px;border-bottom: 1px solid #e5e5e5;padding:0 20px;}
.conTit{padding-top:57px;overflow:hidden;max-width:1400px;height: 145px;/*min-height: 47px;*/margin:0 auto;position:relative;background: none;background-position: right 50px top 100%;border-bottom: 0;box-sizing: border-box;padding-bottom: 0}
.conTit h3{font-size: 31px;font-family: 'NanumSquareNeoVariable';font-weight: 600;line-height: 1.2;color: #555;margin-bottom: 0;}
.conTit p{font-size: 16px;font-family: 'NanumSquareNeoVariable';font-weight: 500;color: #555;margin-top: 10px}

.snbArea{background-color: #1eb8ea;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD}
.snbArea .inCont{display: flex;height: 55px;box-sizing: border-box;}
.snbArea .home{width: 55px;height: 100%;display: flex;justify-content: center;align-items: center;border-left: 1px solid #4bc6ee;border-right: 1px solid #4bc6ee;box-sizing: border-box}
.snbArea .home img{width: 14px;height: 14px}
.snbArea .snb{display: table;height:100%;font-family: 'Noto Sans KR', sans-serif;font-size: 16px;color: #353535}
.snbArea .snb .item{position: relative;display: table-cell;min-width: 194px;vertical-align: middle;border-right: 1px solid #4bc6ee;}
.snbArea .snb .item > a{position: relative;font-size: 16px;color: #fff;display: flex;width:100%;height: 100%;align-items: center;box-sizing: border-box;padding-left: 15px;padding-right: 34px;transition: all 0.1s}
.snbArea .snb .item.hasSub > a:after{display: block;content: '';width: 11px;height: 7px;background: url(../images/common/ico/ico_bul1.svg) no-repeat 0 0;position: absolute;top: 50%;right: 14px;margin-top: -4px}
.snbArea .snb .item.active > a,
.snbArea .snb .item:hover > a{background-color: #fff;color: #0068B7;font-weight: 500;transition: all 0.1s}
.snbArea .snb .subList{display:none;position: absolute;width: 100%;background-color: #F2F3F5;top:100%;left:0;z-index: 100;border-top: 1px solid #ddd}
.snbArea .snb .subList > li{border-bottom: 1px solid #ddd}
.snbArea .snb .subList > li:last-child{border-bottom: 0}
.snbArea .snb .subList a{padding-left: 15px;font-size: 14px;display: flex;align-items: center;color: #353535;height: 45px}
.snbArea .snb .subList a:hover span{font-weight:500;text-decoration: underline}
.snbArea .snb .item.hasSub:hover > a:after,
.snbArea .snb .item.hasSub.active > a:after{background-image: url(../images/common/ico/ico_bul2.svg);transition: background 0.1s}
.snbArea .snb .item.hasSub.active > a:after{transform: rotate(180deg);}

/* °Ô½ÃÆÇ */
/*.bbs_list .sum{display: none}
.bbs_list .bbs_search{padding: 30px 40px;margin:0;border: 1px solid #DCDBDC;background: #FBFBFB;text-align: left;margin-bottom: 30px}
.bbs_list .bbs_search,
.bbs_list .bbs_search select,
.bbs_list .bbs_search input{font-family: 'NanumSquareNeoVariable';font-size: 14px;color: #4C4C4C;}
.bbs_list .bbs_search .keyWord,
.bbs_list .bbs_search select{width:165px;height: 35px;border: 1px solid #BEBEBE;vertical-align: middle;box-sizing: border-box}
.bbs_list .bbs_search .keyWord{width: 648px;max-width: 100%;}
.bbs_list .bbs_search .keyWord:focus,
.bbs_list .bbs_search select:focus{border: 1px solid #1EB8EA;outline: none;}
.bbs_list .bbs_search .bn{width:18px;height: 19px;background: #1EB8EA;margin: 0;padding: 8px 9px}

table.list{border-top: 2px solid #1EB8EA;font-family: 'NanumSquareNeoVariable';}
table.list th{height: 53px;background: #F0F0F0;font-weight: 500;font-size: 15px;color: #000;border-bottom: 1px solid #D5D5D5;box-sizing: border-box;}
table.list td{height: 56px;border-bottom: 1px solid #D5D5D5;font-size: 15px;color: #666;vertical-align: middle;font-weight: 300;box-sizing: border-box;}
table.list td a{color: #666;}

table.view{border-top: 2px solid #1EB8EA;font-family: 'NanumSquareNeoVariable';}
table.view th,
table.view th.file{background-color: #F0F0F0;font-weight: 500;color: #000}
table.view thead td{background-color: #fff}
table.view th,
table.view td{height: 57px;font-size: 15px;border-bottom: 1px solid #D5D5D5;box-sizing: border-box;}
table.view td{color: #666}
table.view th.file,
table.view td.file{border: 0;border-bottom: 1px solid #D5D5D5}
table.view td.file,
table.view td.file a{color: #1EB8EA}
table.view .btn_file{margin-left:8px;display: inline-block;padding: 0 7px 2px;font-size: 14px;background-color: #FFB71A;color: #fff !important;font-weight: 300}
table.view td.con{padding: 39px 35px;line-height: 1.4;}

table.prevNext{font-family: 'NanumSquareNeoVariable';margin-top: 0;}
.prevNext th,
.prevNext td{height: 57px;border-top: 0;border-bottom: 1px solid #D5D5D5;font-size: 15px;box-sizing: border-box;}
.prevNext th{font-weight: 500;color: #000;position: relative}
.prevNext th:after{display: block;content: '';width: 1px;height: 30px;background-color: #D5D5D5;position: absolute;top:50%;right:0;margin-top: -15px}
.prevNext td{color: #555;padding-left: 20px}

.page{margin-top: 49px;}
.page .pageNum{padding: 0 30px;display: inline-block;vertical-align: middle;}
.page > a{margin: 0 2px;top: 0}
.page .pageNum > a{top:0;display:inline-block;vertical-align:middle;font-size: 14px;font-weight: 500;color: #4C4C4C;min-width: 35px;line-height: 35px;}
#page_active{background-color: #1EB8EA;color: #fff;cursor:default;}
*/

.bottomBtn{margin-top: 65px;text-align: center}
.bottomBtn .btnType01{margin: 0 2px}
.btnType01{display: inline-flex;align-items: center;justify-content: center;width:160px;height: 50px;background: #1EB8EA;font-family: 'NanumSquareNeoVariable';font-size: 18px;font-weight: 500;color: #fff !important;}
.btnType01.gr{background-color: #F5F5F5;color: #666 !important}

/*
.cusTab{display: flex;gap:4px;margin-bottom: 38px;flex-wrap: wrap;}
.cusTab > li{flex: 0 1 16%;width:16.666%; margin:0;padding:0;float: none;width: auto;height:54px;border: 1px solid #D5D5D5;box-sizing: border-box;background: #fff;display: table;}
.cusTab a{display: block;font-family: 'NanumSquareNeoVariable';font-size: 16px;color: #4C4C4C !important;font-weight: 500;display: table-cell;vertical-align: middle;letter-spacing: -0.06em}
.cusTab li.on{background: #FFB71A;border-color: #FFB71A}
.cusTab li.on a{color: #fff !important;font-weight: 400}
.cusTab .longText a{letter-spacing: -0.14em !important}

.LwsuTitl,
.LwsuTitl.line,
.customer .list02 > li > strong,
.customer .lt01 > li > strong,
.customer h4,
.customer h5{display: block;position: relative;font-size: 20px;font-weight: 500;color: #000;line-height: 1.35;font-family: 'NanumSquareNeoVariable';color: #000}
.LwsuTitl.line,
.customer .list02 > li > strong,
.customer .lt01 > li > strong,
.customer h5{border-bottom: 2px solid #1EB8EA;padding-top: 22px;padding-bottom: 41px;margin-bottom: 39px;}
.LwsuTitl.line:before,
.customer .list02 > li > strong:before,
.customer h5:before,
.customer .lt01 > li > strong:before{display: block;content: '';width: 40px;height: 2px;background: #1EB8EA;position: absolute;top:0;left:0}
.customer .list02 > li > strong{margin-bottom: 0}
.customer > .LwsuTitl,
.customer h4{margin-bottom: 40px;}
.customer .list05 > li{font-family: 'NanumSquareNeoVariable';font-size: 15px;color: #555;line-height: 1.4;padding-left: 22px;text-indent: -22px;}
.customer{font-family: 'NanumSquareNeoVariable';font-size: 15px;color: #555;font-weight: 400;line-height: 1.45}
.customer .part{margin-bottom: 60px;padding-bottom: 41px;border-bottom: 2px solid #F5F5F5}
.customer.custSideInfoTab .part,
.customer .list05 .part{margin-bottom: 40px}
.customer .list05 .part{padding-left: 22px}
.customer > .list05{margin-top: 40px}
.customer > .list05 > li{padding-left: 0;text-indent: 0;}
.customer > .list05 > li > strong{font-size: 20px;font-weight: 500;color: #000;display: block;margin-bottom: 38px}
.customer ol.list05 li{margin-top: 0}
.customer ul.list04 > li{margin-top: 23px;}
.customer ul.list04 > li:first-child{margin-top: 15px}
.customer table.data02 {margin: 40px 0 10px 0;}
.customer li ul.list02 li{padding-left: 0; text-indent: 0;}
.customer li .list02 > li > strong{margin-bottom: 39px}
.customer li .list02 > li > strong + .list03{margin-top: 39px}
.customer li .list03 > li,
.customer li .list02 > li > p{padding-left: 25px;}
.customer li .list02 > li > p{margin-top: 34px}
.customer ol.list05:last-child ul.list02 > li{border-bottom: 0;margin-bottom: 0}
.customer > p + .list03{margin-top: 30px;margin-bottom: 40px;}
.customer ol.list06 li{font-weight: 500}
.customer .btn.bg-blue{display: inline-flex;align-items: center;justify-content: center;padding: 0 20px;height:34px;font-family: 'NanumSquareNeoVariable';font-weight: 500;color: #fff;background-color: #1EB8EA;font-size: 14px;text-indent: 0;}
.customer table.data03{border-top: 1px solid #D5D5D5;font-family: 'NanumSquareNeoVariable';}
.customer table.data03 thead th{height:38px;background-color: #F5F5F5;font-size: 14px;font-weight: 500;color: #000;border-left-color: #D5D5D5;text-align: center}
.customer table.data03 td{height:38px;color: #555;}
.customer table.data03 thead th,
.customer table.data03 tbody th, 
.customer table.data03 tbody td{font-size: 14px;border-bottom: 1px solid #D5D5D5;box-sizing: border-box;border-left-color: #D5D5D5;padding: 10px 15px;border-left: 1px solid #D5D5D5}
.customer table.data03 thead th:first-child,
.customer table.data03 tbody th:first-child, 
.customer table.data03 tbody td:first-child{border-left: 0}
.customer .list08{margin-top: 20px}
.customer .pl0{padding-left: 0 !important}
.customer .mt20{margin-top: 20px !important}


table.data02{border-top: 1px solid #D5D5D5;font-family: 'NanumSquareNeoVariable';}
table.data02 thead th{height:57px;background-color: #F5F5F5;font-size: 15px;font-weight: 500;color: #000;border-left-color: #D5D5D5}
table.data02 td{height:56px;color: #555;}
table.data02 thead th,
table.data02 tbody th, 
table.data02 tbody td{font-size: 15px;font-weight: 500;border-bottom: 1px solid #D5D5D5;box-sizing: border-box;border-left-color: #D5D5D5;}

ul.list04 li{font-family: 'NanumSquareNeoVariable';font-weight: 500;font-size: 15px;color: #555;line-height: 1.45}
ul.list04 li .list03{margin-top: 5px}

table.write{border-top: 2px solid #1EB8EA;font-family: 'NanumSquareNeoVariable';}
table.write th,
table.write td{height:57px;font-size: 15px;border-bottom: 1px solid #D5D5D5;color: #4C4C4C;box-sizing: border-box;}
table.write th{background-color: #F0F0F0;font-weight: 500;color: #000;text-align: left;padding-left: 20px;vertical-align: top;padding-top: 17px}
table.write td{padding: 10px 22px;}
table.write label{font-size: 15px;}
table.write label + input{margin-left: 15px}
table.write input,
table.write select{padding-left:10px;border: 1px solid #D5D5D5;height: 35px !important;box-sizing: border-box;vertical-align: middle;font-family: 'NanumSquareNeoVariable';color: #4C4C4C;font-weight: 400;font-size: 14px;}
table.write input:focus,
table.write select:focus,
table.write textarea:focus,
table.write #w_content:focus{border: 1px solid #1EB8EA;outline: none;}
table.write #w_content{width: 100%;padding-left:10px;padding-right:10px;border: 1px solid #D5D5D5;font-family: 'NanumSquareNeoVariable';color: #4C4C4C;font-size: 14px}

.grayBox{margin-top:20px;padding: 19px 20px;background-color: #FBFBFB;font-family: 'NanumSquareNeoVariable';color: #555;font-size: 14px}
.grayBox li{margin-bottom: 4px;position: relative;padding-left: 10px;}
.grayBox li:last-child{margin-bottom: 0}
.grayBox li:before{display: block;content: '';width: 3px;height: 3px;border-radius: 100%;background-color: #555;position: absolute;top:0.7em;left:0;}

#customer_faq{padding-top: 0;border-top: 2px solid #1EB8EA;font-family: 'NanumSquareNeoVariable';}
#customer_faq .ques{padding: 17px 0 18px 75px;border-top: 0;border-bottom: 1px solid #D5D5D5;font-size: 15px;color: #000;background: url(../images/new/ico/qna_q.png) no-repeat 30px 11px;}
#customer_faq .answer{padding: 24px 45px 30px 75px;background: #F5F5F5 url(../images/new/ico/qna_a.png) 30px 20px no-repeat;font-size: 15px;color: #4C4C4C;}
#customer_faq .data02 th, #customer_faq .data02 td {border-right: 1px solid #D5D5D5;}
*/

/* CEOÀλ縻 START */
.greetingTop{margin-top: 0;background: url(../images/company/greeting_bg.png) no-repeat 50% 0;}
.greetingTop .fixIn{max-width: 1400px;margin: 0 auto;padding-bottom: 69px;height: 529px;background: url(../images/company/greeting_ceo.png) no-repeat 80% 100%;display: flex;flex-direction: column;justify-content: flex-end;box-sizing: border-box;}
.greetingTop .title{font-size: 40px;font-weight: 700;color: #212121;font-family: 'Noto Sans KR', 'NanumSquareNeoVariable';line-height: 1.4}
.greetingTop .title .blue{background: #52C3F1;background: linear-gradient(to right, #52C3F1 0%, #0068B7 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.greetingTop p{position:relative;margin-top: 37px;padding-top: 55px;font-family: 'NanumSquareNeoVariable'; font-size: 25px;font-weight: 700;color: #393939;line-height: 1.7}
.greetingTop p:before{display: block;content: '';width: 59px;height: 7px;background-color: #52C3F1;position: absolute;top:0;left:0;}
.greetingWrap{padding-top: 71px;line-height: 1.5;font-family: 'NanumSquareNeoVariable';}
.greetingWrap .cont{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 120px; -moz-column-gap: 120px; column-gap: 120px;font-size: 20px;color: #393939;text-align: justify}
.greetingWrap .cont p{margin-bottom: 30px}
.greetingWrap .cont p:last-child{margin-bottom: 0}
.greetingWrap .signature{color: #393939;text-align: right;font-size: 20px;padding-top: 0}
.greetingWrap .signature span,
.greetingWrap .signature img{display: inline-block;vertical-align: middle}
.greetingWrap .signature span{margin-right: 10px}
.greetingWrap .name{color: #212121;font-weight: 500}
/* CEOÀλ縻 END */

@media all and (max-width:1400px) {
	.mainVisual .noticeWrap {margin-left: 130px;}
}

@media all and (max-width:1300px) {
	.headWrap .headCont .gnbWrap nav ul {gap:30px;}
	.headWrap .headCont .gnbWrap nav ul li a {font-size: 20px;}

	.mainVisual .noticeWrap {margin-left: 80px;}
}

@media all and (max-width:1200px) {
	.headWrap .headCont .gnbWrap nav ul {gap:25px;}
	.headWrap .headCont .gnbWrap nav ul li a {font-size: 18px;}
	.mainVisual .noticeWrap {margin-left: 50px;}
	.mainIconList .inCont ul li {max-width:115px}
}

@media all and (max-width:1100px) {
	.mo_hidden {display: none;}
	.mo_show {display: block;}

	.inCont { padding:0 30px;}

	#header{height: 73px}
	.subContent{padding-top: 73px;}

	.headWrap .headTop {display: none;}

	.headWrap .headCont .inCont {height: 73px; padding:0 20px; }
	.headWrap .headCont .h1Logo img {width:139px;}
	.headWrap .headCont .gnbWrap {display: none;}
	.headWrap .headCont .btnHead {display: flex; align-items: center; gap:20px;}

	.mainContent {position: relative; margin-bottom: 0; overflow:hidden; padding-bottom: 58px; padding-top: 73px;}

	.totalMenu {position: fixed; top:73px; width: 100%; height: calc(100% - 73px);  left:0; z-index: 100; background: #fff;  border-top: 1px solid #ddd; }
	.totalMenu * {box-sizing:border-box;}
	.totalMenu:after {display: none;}

	.totalMenu .mob_link_btn {width: 100%;	display: block;}
	.totalMenu .mob_link_btn .linkList .box {display: flex; width: 100%; align-items: center; justify-content: center;	  background: #F2F3F5; border-bottom: 1px solid #ddd; height: 54px;}
	.totalMenu .mob_link_btn .linkList .box a {width: 50%; height: 54px; display: flex; align-items: center; justify-content: center; position: relative; font-size: 16px; color:#616161; text-align: center;}
	.totalMenu .mob_link_btn .linkList .box a:after {content:''; position: absolute; left:0; top:50%; margin-top:-9px; width: 1px; height: 18px; background: #ddd;}
	.totalMenu .mob_link_btn .linkList .box a:first-child:after {display: none;}
	.totalMenu .mob_link_btn .linkList .box a span {padding-left: 28px; background-size:20px auto !important;}
	.totalMenu .mob_link_btn .linkList .box a.ico_store span {background:url('../images/main/ico_store.png') left center no-repeat;}
	.totalMenu .mob_link_btn .linkList .box a.ico_auth span {background:url('../images/main/ico_auth.png') left center no-repeat;}
	.totalMenu .mob_link_btn .linkList .box a.ico_login span {background:url('../images/main/ico_login.png') left center no-repeat;}
	.totalMenu .mob_link_btn .linkList .box a.ico_join span {background:url('../images/main/ico_join.png') left center no-repeat;}

	.totalMenu .inCont {position: relative; background: #fff;  border-bottom-right-radius:0; z-index: 90; padding:0; max-width:1920px; }
	.totalMenu .inCont .menuList {position: relative; max-width:1400; margin:0 auto;  }
	.totalMenu .inCont .menuList:after {content:''; position: absolute; left:140px; top:0; height: 100%; width: 1px; background: #ddd;}
	.totalMenu .inCont .menuList > ul {display: block; position: relative; overflow-y:auto; height: calc(100vh - 185px);}
	.totalMenu .inCont .menuList > ul > li {min-width:0; box-sizing:border-box; padding:0; border-left:none;}
	.totalMenu .inCont .menuList > ul > li .tit  {width: 140px;font-size:16px; font-weight: 700; color:#0068B7;  font-family: 'mg'; display: flex; margin-bottom: 0; align-items: center; }
	.totalMenu .inCont .menuList > ul > li .tit span {display: none;}
	.totalMenu .inCont .menuList > ul > li .tit button  {background:none;width: 100%; border:none; display: block; font-size:16px; font-weight: 700; color:#0068B7;  font-family: 'mg'; display: flex; margin-bottom: 0; height: 58px; align-items: center; padding-left: 20px;}
	.totalMenu .inCont .menuList > ul > li.active .tit button  {background: #0068B7; color:#fff;}
	.totalMenu .inCont .menuList > ul > li .subMenu {position: absolute; left:140px; top:0; padding:12px 20px; width: calc(100% - 140px); height: 100%;  display: none;}
	.totalMenu .inCont .menuList > ul > li.active .subMenu {display: block;}
	.totalMenu .inCont .menuList > ul > li .subMenu > ul > li {margin-bottom:0; border-bottom: 1px solid #ddd; }
	.totalMenu .inCont .menuList > ul > li .subMenu > ul > li > a {position: relative; display: block; padding-left: 14px; font-size: 16px; color:#616161; height: 56px; display: flex; align-items: center; }
	.totalMenu .inCont .menuList > ul > li .subMenu > ul > li > a:after {content:''; position: absolute; left:4px; top:50%; width: 2px; height: 2px; border-radius:10px; background: #C3DCF4;}
	/*
	.totalMenu .inCont .menuList > ul > li .subMenu ul li a:hover {color:#353535; font-weight: 500;}
	.totalMenu .inCont .menuList > ul > li .subMenu ul li a:hover span {border-bottom: 1px solid #353535;}
	.totalMenu .inCont .menuList > ul > li .subMenu ul li a:hover:after {background: #0068B7;}
	*/
	.totalMenu .inCont .menuList > ul > li .subMenu .depth1{margin-top: 0}
	.totalMenu .inCont .menuList > ul > li .subMenu .depth1 li{margin: 3px 0}
	.totalMenu .inCont .menuList > ul > li .subMenu .depth1 a{padding: 4px 0;}
	.dimmTotal {display: none;}

	body.menuOpen {overflow-y:hidden;}
	body.menuOpen .totalMenu {display: block;}
	body.menuOpen .dimmTotal {display: block;}
	body.menuOpen .headWrap .headCont .btnHead .btnMenu  {background:url('../images/top/btnClose.png') center no-repeat; background-size:21px auto;}

	.mainVisual {position: relative; background:none;  height: auto; margin-bottom: 26px; padding:0;}
	.mainVisual .inCont {padding:0;}											
	.mainVisual .mainText {padding:43px 0 0 30px; height: 417px; background: url('../images/main/mainVisual_m.jpg') center no-repeat; background-size:cover;}
	.mainVisual .mainText .mainTit01{font-size: 24px; color:#212121; font-weight: 700; font-family:'mg'; margin-bottom: 12px;}
	.mainVisual .mainText .mainTit01 strong {color:#0E8FF1}
	.mainVisual .mainText .mainTit02{font-size: 15px; color:#212121; line-height: 1.4;}
	.mainVisual .noticeWrap {position: static; margin-left: 0; width: 100%; height:264px; padding:30px 0 0 0; background: url('../images/main/bg_notice_m.png') center no-repeat; background-size:cover; }
	.mainVisual .noticeWrap .in {position: relative; width: 100%; }
	.mainVisual .noticeWrap .in .notiTit {margin-bottom: 12px; color:#fff; font-weight: 700; font-size: 20px; font-family: 'mg'; padding-left: 30px;}
	.mainVisual .noticeWrap ul {overflow-x:auto; white-space:nowrap; padding-left: 30px;}
	.mainVisual .noticeWrap ul::-webkit-scrollbar {  display: none; }
	.mainVisual .noticeWrap ul li {margin-bottom: 0; margin-right: 24px; display: inline-block; vertical-align: top; width: 91%;}
	.mainVisual .noticeWrap ul li a {display: block; background: #fff; border-radius:25px; height: 159px; padding:26px 30px;}
	.mainVisual .noticeWrap ul li a .tit {font-size: 16px; font-weight: 700; color:#212121; font-family: 'mg'; margin-bottom: 8px; display: block; overflow:hidden;}
	.mainVisual .noticeWrap ul li a .txt {font-size: 14px;  white-space:normal; color:#353535; height: 40px; margin-bottom:24px; overflow:hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; line-height: 1.4;}
	.mainVisual .noticeWrap ul li a .date {font-size: 12px; color:#616161;}

	.mainVisual .noticeWrap .btnMore {position: absolute; right:30px; top:3px;}
	.mainVisual .noticeWrap .btnMore img {width: 18px;}

	.mainIconList {margin-bottom: 26px;}
	.mainIconList .inCont ul {display: grid; grid-template-columns:repeat(4,1fr); gap:17px 14px; justify-content: space-between;}
	.mainIconList .inCont ul li {max-width:68px;}
	.mainIconList .inCont ul li a {display: block;  text-align: center;}
	.mainIconList .inCont ul li a .ico {box-shadow:0 0 4px rgba(0,0,0,.25); display: block; position: relative; width: 68px; height: 68px;  background-size:36px !important; margin-bottom: 8px; border:none; border-radius:15px;}
	.mainIconList .inCont ul li a .ico:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background:url('../images/main/ico_bg.png') center no-repeat; background-size:cover; z-index: -1;}
	.mainIconList .inCont ul li.no1 a .ico {background:url('../images/main/icoMain1_on.png') center no-repeat; }
	.mainIconList .inCont ul li.no2 a .ico {background:url('../images/main/icoMain2_on.png') center no-repeat; }
	.mainIconList .inCont ul li.no3 a .ico {background:url('../images/main/icoMain3_on.png') center no-repeat; }
	.mainIconList .inCont ul li.no4 a .ico {background:url('../images/main/icoMain4_on.png') center no-repeat; }
	.mainIconList .inCont ul li.no5 a .ico {background:url('../images/main/icoMain5_on.png') center no-repeat; }
	.mainIconList .inCont ul li.no6 a .ico {background:url('../images/main/icoMain6_on.png') center no-repeat; }
	.mainIconList .inCont ul li.no7 a .ico {background:url('../images/main/icoMain7_on.png') center no-repeat; }
	.mainIconList .inCont ul li.no8 a .ico {background:url('../images/main/icoMain8_on.png') center no-repeat; }
	.mainIconList .inCont ul li a .tit {display: block; font-size: 12px; font-weight: 700; font-family: 'mg'; color:#353535; text-align: center;}

	.mainGrid1 {display: block; margin-bottom:26px; padding:0;}
	.mainGrid1 .dataWrap {position: relative; height: 259px; padding:30px 0 0 0; margin-bottom: 26px; background-size:cover; overflow:hidden;}
	.mainGrid1 .dataWrap:after {background: linear-gradient(180deg, #52C3F1 0%, #0068B7 100%); opacity:.15; content:''; position: absolute; right:0; top:0; width: 100%; height: 100%;  border-bottom-left-radius:50px;  border-top-right-radius:0; border-bottom-right-radius:0; }
	.mainGrid1 .dataWrap:before {z-index: 1;background:url('../images/main/bgDot.png') center no-repeat; background-size:400px auto; content:''; position: absolute; left:-110px; top:0; width:500px; height: 100%;  }
	
	.mainGrid1 .dataWrap .in {position: relative; z-index: 10;}
	.mainGrid1 .dataWrap .in .mainTitType1 {padding-left: 30px;}
	.mainGrid1 .dataWrap .in ul {overflow-x:auto; white-space:nowrap; padding-left: 30px; display: block;}
	.mainGrid1 .dataWrap .in ul::-webkit-scrollbar {  display: none; }
	.mainGrid1 .dataWrap .in ul li {width: 91%; flex:1; display: inline-block; vertical-align: top; margin-right: 24px;} 
	.mainGrid1 .dataWrap .in ul li a {display: block; background: #fff; border-radius:25px; height: 159px; padding:26px 30px;}
	.mainGrid1 .dataWrap .in ul li a .tit {font-size: 16px; font-weight: 700; color:#212121; font-family: 'mg'; margin-bottom: 8px; display: block; overflow:hidden;}
	.mainGrid1 .dataWrap .in ul li a .txt {font-size: 14px;  color:#353535; height: 40px; white-space:normal; margin-bottom:24px; overflow:hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; line-height: 1.4;}
	.mainGrid1 .dataWrap .in ul li a .date {font-size: 12px; color:#616161;}
	.mainGrid1 .dataWrap .in .btnMore {position: absolute; right:30px; top:3px;}
	.mainGrid1 .dataWrap .in .btnMore img {width: 18px;}

	.mainGrid1 .notiZoneWrap {min-width: 0; width: 100%;  margin-top: 0; position: relative; padding:0 30px;}
	.mainGrid1 .notiZoneWrap .swiperWrap .swiper-wrapper { height: auto;}
	.mainGrid1 .notiZoneWrap .swiperWrap .swiper-container {overflow:hidden;  border-radius:20px; height: auto;}
	.mainGrid1 .notiZoneWrap .swiperWrap .swiper-container img {width: 100%;}
	.mainGrid1 .notiZoneWrap .controlBox {position: absolute; right:30px; top:-3px;}

	.mainTitType1 {font-size: 20px; line-height: 20px; font-weight: 700; color:#212121; margin-bottom: 18px;}

	.mainGrid2 {display: block; gap:56px; margin-bottom: 26px;}
	.mainGrid2 .infoSlideWrap {min-width: 0; width:100%; margin-bottom: 26px; overflow:hidden; position: relative; border-radius:20px;}
	.mainGrid2 .infoSlideWrap .swiper-wrapper {height: auto;}
	.mainGrid2 .infoSlideWrap .swiper-container img {width: 100%;}
	.mainGrid2 .faqWrap {flex:1; width: 100%; position: relative;}
	.mainGrid2 .faqWrap ul li button {display: flex; align-items: center; gap:24px; padding:12px 0; }
	.mainGrid2 .faqWrap ul li .ico {display: none;}
	.mainGrid2 .faqWrap ul li .txt {font-size: 15px; font-weight: 500; color:#353535; flex:1; width: 100%;}
	.mainGrid2 .faqWrap .btnMore {position: absolute; right:0; top:0; }
	.mainGrid2 .faqWrap .btnMore img {width: 18px;}

	.controlBox {position: absolute; right:20px; top:20px; display: flex; align-items: center;  gap:11px; z-index: 10; }
	.controlBox .arrowCount {width: 84px; background:rgba(0,0,0,.5); border-radius:50px; height: 29px;  gap:11px; display: flex; align-items: center; justify-content: center; gap:10px;}
	.controlBox .arrowCount .count {position: relative; top:-1px; font-size: 12px; line-height: 12px; color:#fff; font-weight: 500;}
	.controlBox .arrowCount .arrow {width: 7px; height: 11px; position: static; margin-top: 0;}
	.controlBox .arrowCount .arrow:after {display: none;}
	.controlBox .arrowCount .arrow.swiper-button-prev {background:url('../images/main/ico_prev.png') center no-repeat; background-size:7px auto;}
	.controlBox .arrowCount .arrow.swiper-button-next {background:url('../images/main/ico_next.png') center no-repeat; background-size:7px auto;}
	.controlBox .auto {background:rgba(0,0,0,.5); border-radius:100px;}
	.controlBox .auto .autoplay { cursor:pointer; border:none; width: 29px; height: 29px; background:url('../images/main/ico_stop.png') center no-repeat; background-size:8px auto;}
	.controlBox .auto .autoplay.on {background:url('../images/main/ico_play.png') center no-repeat; background-size:10px auto;}

	.mainLinkList ul {display: grid; grid-template-columns:repeat(2,1fr); gap:15px;}
	.mainLinkList ul li {flex:1; width: 100%; position: relative; border-radius:10px; overflow:hidden; }
	.mainLinkList ul li a:before {content:''; position: absolute; left:0; top:0;   background: linear-gradient(180deg, #52C3F1 0%, #0068B7 100%); opacity:.15; width: 100%; height: 100%; }
	.mainLinkList ul li a {position: relative; font-size:15px; font-weight: 700; height: 50px; color:#212121; padding-left: 15px; font-family: 'mg';display: flex; width: 100%; align-items: center;  background:url('../images/main/bgDot.png') left center no-repeat; background-size:100px auto;  }
	.mainLinkList ul li a:after {content:''; position: absolute; right:15px; top:50%; margin-top:-7px; width: 8px; height: 14px; background:url('../images/main/ico_link_m.png') center no-repeat; background-size:8px auto; }

	.btnTop {display: none;}

	.footerWrap {background: #F2F3F5; clear:both;}
	.footerWrap * {font-family: 'Noto Sans KR', sans-serif;  letter-spacing:-0.3px;}
	.footerWrap .footerTop {display: block; align-items: center; justify-content: space-between; padding:0; height: auto; }
	.footerWrap .footerTop .footLink { display: flex; justify-content: space-between; align-items: center; gap:14px; height: 53px; padding:0 30px;}
	.footerWrap .footerTop .footLink a {position: relative; font-size: 13px; color:#212121; }
	.footerWrap .footerTop .footLink a strong {color:#0E8FF1; font-weight: 700;}
	.footerWrap .footerTop .footLink .bull {background: #DDDDDD; width: 1px; height: 12px; display: block; }
	.footerWrap .footerTop .familySite {position: relative;  border-top: 1px solid #ddd;}
	.footerWrap .footerTop .familySite .toggle {text-align: left; cursor:pointer; height: 55px; display: block; width: 100%; font-size: 15px; color:#212121; padding:17px 30px;  background: #F2F3F5;  border:none;} 
	.footerWrap .footerTop .familySite .toggle:after {content:''; position: absolute; right:30px; top:50%; transform:translateY(-50%); width: 13px; height: 7px;  background-size:13px auto;}
	.footerWrap .footerTop .familySite ul {border: 1px solid #DDDDDD;  border-left: none; border-right: none;padding:5px 0; box-sizing:border-box; display: none; position: absolute; left:0; width: 100%; background: #F2F3F5;} /* 20250401 DzÅÍ ¼Û¿À¹ü ¼öÁ¤ */
	.footerWrap .footerTop .familySite ul li a{font-size: 15px; color:#212121; display: block; padding:5px 30px;  }
	.footerWrap .footerTop .familySite.active .toggle:after {transform:translateY(-50%) rotate(180deg);}
	.footerWrap .footerTop .familySite.active ul {display: block;}

	.footerWrap .footBottom {border-top: 1px solid #DDDDDD; padding:24px 0 30px;}
	.footerWrap .footBottom .inCont {display: block; align-items: center; justify-content: space-between;}
	.footerWrap .footBottom .inCont .footInfo .telInfo {display: flex; align-items: center; gap:8px; margin-bottom:8px; white-space:nowrap; margin:0 -10px 8px; }
	.footerWrap .footBottom .inCont .footInfo .telInfo a {font-size:18px; color:#353535; font-weight: 700; padding-left: 32px; background-size:24px auto; font-family: 'mg'; }
	.footerWrap .footBottom .inCont .footInfo .telInfo .csCenter {font-size: 13px; color:#616161; padding-top: 3px;  }
	.footerWrap .footBottom .inCont .footInfo .telInfo .csCenter span {font-weight: 500; color:#353535;}
	.footerWrap .footBottom .inCont .footInfo .addr  address {font-size: 14px; color:#212121; margin-bottom: 4px; display: block; font-style: normal; text-align: center;}
	.footerWrap .footBottom .inCont .footInfo .addr .copy {font-size: 12px; color:#616161;  text-align: center;}
	.footerWrap .footBottom .inCont .wa {text-align: center; margin-top: 24px;}
	.footerWrap .footBottom .inCont .wa img {width:102px;}
}