/* skipNavi */
.skip-navi a { display:block; position:fixed; top:0; left:0; width:100%; height:0; background-color:#001675; color:#fff; font-size:17px; font-weight:900; line-height:1; text-align:center; overflow:hidden; z-index:9999; }
.skip-navi a:focus,
.skip-navi a:active { height:auto; margin-top:0; padding:15px 0px; }

/* section */
.main-cont { position: relative; max-width: 1400px; width: 100%; margin: 0 auto; min-width: 320px; }
.main-cont > .sec-wrap { display: block; padding: 35px 0; }

.main-title { font-family: 'Gmarket Sans'; font-weight: 600; font-size: 30px; color: #111; margin-bottom: 25px; letter-spacing: -0.8px; }

/* section1 : s */
.main-cont.section1 { max-width: calc(100% - 40px); }
.main-cont.section1 > .sec-wrap { padding: 0; margin: 20px 0; position: relative;}
.section1 .visual-banner { height: 500px; border-radius: 10px; position: relative; overflow: hidden; background: url(../../images/renewal/main/visual1.png) no-repeat center center / cover; }

.section1 .layout-box {width: 1400px; margin-top: 20px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 10; transition: all 0.3s;}
.section1 .layout { transition: all 0.3s; }
.section1 .layout::after { content: ""; display: block; clear: both; }
.section1 .layout > div { transition: all 0.3s; }
.section1 .layout .visual-tit { float: left; width: 50%; transition: all 0.3s; }
.section1 .layout .visual-tit p { font-family: 'Gmarket Sans'; font-weight: 100; font-size: 22px; line-height: 1; color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, 90%); letter-spacing: -0.6px; margin-bottom: 15px; white-space: nowrap; transition: all 0.3s; }
.section1 .layout .visual-tit strong { font-family: 'Gmarket Sans'; font-weight: 500; font-size: 46px; color: #fff; line-height: 1; text-shadow: 0 0 6px rgba(0, 0, 0, 40%); letter-spacing: -0.6px; white-space: nowrap; transition: all 0.3s; }

.section1 .layout .visual-search { float: left; width: 50%; position: relative; transition: all 0.3s; }
.section1 .layout .visual-search .ai-txt { font-family: 'Gmarket Sans'; font-weight: 500; color: #333; line-height: 1.2; font-size: 16px; text-align: center; position: absolute; top: -106px; left: 146px; z-index: 2; transition: all 0.2s; }
.section1 .layout .visual-search .ai-txt em { font-weight: 700; font-size: 22px; display: block; }
.section1 .layout .visual-search .ai-txt em .red { color: #fe220b; }
.section1 .layout .visual-search::before { content: ""; position: absolute; top: -130px; left: 0; z-index: 1; background: url(../../images/renewal/main/ai_icon.png) no-repeat; width: 230px; height: 141px; display: inline-block; background-size: 100%; transition: all 0.3s; }
.section1 .layout .visual-search .search-box { position: relative; width: 100%; height: 150px; border-radius: 20px; border: 2px solid #001675; background: #FFF; padding: 20px 110px 40px 20px; transition: all 0.2s; }

/* 251110 ksy 추가ㆍ수정 : s */
/* .section1 .layout .visual-search .search-box .txtArea { width: 100%; height: 100%; padding: 0; border: 0; resize: none; color: #333; font-weight: 600; }  */
.section1 .layout .visual-search .search-box .input { width: 100%; height: 100%; padding: 0; border: 0; resize: none; color: #333; font-weight: 600; }
/* 251110 ksy 추가ㆍ수정 : e */

.section1 .layout .visual-search .search-box:has(.txtArea:focus) { border-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 10%); }

/* 251110 ksy 추가ㆍ수정 : s */
/* .section1 .layout .visual-search .search-box .txtArea::placeholder { color: #bbb; font-size: 17px; font-family: "Noto Sans KR Medium"; transition: all 0.3s; word-break: keep-all; }  */
.section1 .layout .visual-search .search-box .input::placeholder { color: #bbb; font-size: 17px; font-family: "Noto Sans KR Medium"; transition: all 0.3s; word-break: keep-all; }
.section1 .layout .visual-search .search-box .input:focus {background-color: #fff;}
/* 251110 ksy 추가ㆍ수정 : e */

.section1 .layout .visual-search .search-box .search-btn { position: absolute; right: 15px; bottom: 15px; min-width: 60px; }
.section1 .layout .visual-search .search-box .search-btn button { display: block; background-color: #001675; padding: 0 12px; color: #fff; font-weight: 600; height: 48px;border-radius: 10px; transition: all 0.2s; }
.section1 .layout .visual-search .search-box .search-btn button::before { margin-right: 8px; }
.section1 .layout .visual-search .search-box .search-btn .srcBtn::before { content: ""; width: 24px; height: 22px; background-image: url(../../images/renewal/main/srcBtn.png); background-position: 50%; background-repeat: no-repeat; display: inline-block; vertical-align: middle; }

.section1 .layout .visual-search .search-box .search-btn button:focus { outline: 2px dotted #ccc; outline-offset: 2px; border-radius: 10px; }
.section1 .layout .visual-search .search-box .search-btn button:hover { background-color: #0041fd; }

.section1 .rank-box { margin-top: 10px; border-radius: 4px; /*background-color: #fff;*/ padding: 8px 0; }
.section1 .rank-box::after { content: ""; display: block; clear: both; }
.section1 .rank-box strong { font-size: 16px; line-height: 1.25; padding: 0 10px 0 15px; float: left; }
.section1 .rank-box .ctrl-box { float: left; line-height: 1; margin-right: 10px; }
.section1 .rank-box .ctrl-box button { font-size: 0; width: 20px; height: 20px; border: transparent; vertical-align: middle; transition: all 0.2s; }
.section1 .rank-box .ctrl-box button.prev-btn::before { content: ""; background: url(../../images/renewal/main/prev.png)no-repeat; width: 7px; height: 12px; display: inline-block; }
.section1 .rank-box .ctrl-box button.stop-btn::before { content: ""; background: url(../../images/renewal/main/stop.png)no-repeat; width: 7px; height: 10px; display: inline-block; }
.section1 .rank-box .ctrl-box button.next-btn::before { content: ""; background: url(../../images/renewal/main/next.png)no-repeat; width: 7px; height: 12px; display: inline-block; }
.section1 .rank-box .ctrl-box button:focus { outline: 2px dotted #ccc; outline-offset: 2px; }

.section1 .rank-box .rank-list { float: left; width: calc(100% - 108px); margin-left: 10px;}
.section1 .rank-box .rank-list::after { content: ""; display: block; clear: both; }
.section1 .rank-box .rank-list li { float: left; width: calc(100% / 5 - 5px); margin-right: 5px; }
.section1 .rank-box .rank-list li::after { content: ""; display: block; clear: both; }
.section1 .rank-box .rank-list li a .num { background-color: #fe220b; font-size: 13px; font-weight: 600; margin-right: 5px; color: #fff; padding: 4px 6px; line-height: 1; border-radius: 4px; float: left; }
.section1 .rank-box .rank-list li a .rank-txt { font-size: 14px; line-height: 1.5; color: #111; display: inline-block; width: calc(100% - 25px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }

.section1 .rank-box .rank-list li a:hover .rank-txt { text-decoration: underline; font-weight: 700; }

/* 검색 조건 */
.section1 .visual-search .search-box .radio-box {line-height: 1.6;}

/* section2 : s */
.section2 .swiper { padding: 2px; }
.section2 .slide-cont { position: relative; }
.section2 .slide-cont::before { content: ""; background-color: #001675; width: 106%; height: 250px; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
.section2 .slide-cont .main-tit { font-family: 'Gmarket Sans'; font-weight: 600; font-size: 30px; color: #fff; line-height: 1; padding-top: 40px; letter-spacing: -0.8px; }
.section2 .slide-cont .main-sub { font-family: 'Gmarket Sans'; font-weight: 100; font-size: 18px; color: #fff; line-height: 1; margin-top: 8px; }
.section2 .slide-cont .swiper { width: 100%; height: 100%; margin-top: 30px; transition: all 0.2s; }
.section2 .slide-cont .swiper::after { content: ""; display: block; clear: both; }
.section2 .slide-cont .swiper .swiper-slide {float: left; background-color: #fff; border-radius: 10px; box-sizing: border-box; overflow: hidden; transition: all 0.2s; box-shadow: 0 0 0 1px rgba(0, 0, 0, 10%);}
.section2 .slide-cont .swiper .swiper-slide:last-child { margin-right: 0; }
.section2 .slide-cont .swiper .swiper-slide .img-box { height: 170px; width: 100%; background-color: #eee; overflow: hidden; position: relative; transition: all 0.3s; }
.section2 .slide-cont .swiper .swiper-slide .img-box img { display: block; width: 100%; height: auto; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); }

.section2 .slide-cont .swiper .swiper-slide .txt-box { display: block; padding: 10px 15px; min-height: 120px; }
.section2 .slide-cont .swiper .swiper-slide .txt-box .tip1 { background-color: #0041fd; color: #fff; padding:2px 5px; border-radius: 3px; font-size: 14px; }
.section2 .slide-cont .swiper .swiper-slide .txt-box .tip2 { background-color: #001675; color: #fff; padding:2px 5px; border-radius: 3px; font-size: 14px; }
.section2 .slide-cont .swiper .swiper-slide .txt-box .slide-title { height: 45px; margin-top: 10px; font-weight: 600; color: #111; font-size: 17px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all; }
.section2 .slide-cont .swiper .swiper-slide .txt-box .date { color: #999; margin-top: 15px; display: block; }

.section2 .slide-cont .swiper .swiper-slide .btn-box { border-top: 1px solid #ddd; background-color: #f5f5f5; }
.section2 .slide-cont .swiper .swiper-slide .btn-box ul::after { content: ""; display: block; clear: both; }
.section2 .slide-cont .swiper .swiper-slide .btn-box ul li { float: left; width: 100%; text-align: center; position: relative; }
.section2 .slide-cont .swiper .swiper-slide .btn-box ul li a { width: 100%; height: 100%; display: block; padding: 5px; color: #808080; background-color: #f5f5f5; transition: all 0.2s; }
.section2 .slide-cont .swiper .swiper-slide .btn-box ul.btn-w2 li { width: 50%; }
.section2 .slide-cont .swiper .swiper-slide .btn-box ul.btn-w2 li::after { content: ""; width: 1px; height: 14px; background-color: #ccc; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.section2 .slide-cont .swiper .swiper-slide .btn-box ul.btn-w2 li:last-child:after { display: none; }

.section2 .slide-cont .swiper .swiper-slide:hover .btn-box li a { background-color: #001675; color: #fff; }
.section2 .slide-cont .swiper .swiper-slide .btn-box ul li a:hover { background-color: #0021b3; }

/* 슬라이드 컨트롤 */
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after { display: none; }
.section2 .slide-btn { width: 60px; height: 60px; display: inline-block; }
.section2 .slide-btn.swiper-button-next { background: url(../../images/renewal/main/slide_next.png) no-repeat; background-size: 100%; position: absolute; top: 40px; right: 0; left: unset; margin-top: 0; }
.section2 .slide-btn.swiper-button-stop { position: absolute; top: 40px; right: 70px; }
.section2 .slide-btn.swiper-button-stop.stop { background: url(../../images/renewal/main/slide_stop.png) no-repeat; background-size: 100%; }
.section2 .slide-btn.swiper-button-stop.play { background: url(../../images/renewal/main/slide_play.png) no-repeat; background-size: 100%; }
.section2 .slide-btn.swiper-button-prev { background: url(../../images/renewal/main/slide_prev.png) no-repeat; background-size: 100%; position: absolute; top: 40px; right: 140px; left: unset; margin-top: 0; }
.section2 .slide-btn:focus { outline: 2px dotted #ccc; outline-offset: 2px; border-radius: 50%; }

/* section3 : s */
.section3 .link-list ul::after { content: ""; display: block; clear: both; }
.section3 .link-list ul li { float: left; width: calc(100% / 6 - 17px); box-sizing: border-box; text-align: center; margin-right: 20px; }
.section3 .link-list ul li:last-child { margin-right: 0; }
.section3 .link-list ul li a { padding: 20px 10px; background-color: #ecf0f5; border-radius: 10px; width: 100%; height: 100%; display: block; transition: all 0.3s; }
.section3 .link-list ul li a .icon-box { width: 70px; height: 70px; display: block; background-color: #fff; border-radius: 50%; margin: 0 auto 20px; position: relative; }
.section3 .link-list ul li a .icon-box img { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); height: 40px; width: auto; }
.section3 .link-list .link-tit { font-size: 18px; font-weight: 600; line-height: 1; }
.section3 .link-list .link-sub { font-size: 14px; color: #555; line-height: 1.4; letter-spacing: -0.8px; display: block; margin-top: 12px; }
.section3 .link-list ul li a:hover { background-color: #001675; color: #fff; }
.section3 .link-list ul li a:hover .link-sub { color: #ddd; }

/* section4 : s */
.section4 .link2-list ul::after { content: ""; display: block; clear: both; }
.section4 .link2-list ul li { width: calc(100% / 5 - 8px); margin-right: 10px; margin-bottom: 10px; float: left; }
.section4 .link2-list ul li:nth-child(5n) { margin-right: 0; }
.section4 .link2-list ul li a { font-size: 16px; font-weight: 600; color: #111; letter-spacing: -0.6px; width: 100%; height: 100%; display: block; background-color: #f5f7fa; border: 1px solid #d7dde4; border-radius: 30px; padding: 10px; text-align: center; transition: all 0.2s; }
.section4 .link2-list ul li:nth-child(n+11) { margin-bottom: 0; }
.section4 .link2-list ul li a span.mo { position: relative; padding-left: 30px; }
.section4 .link2-list ul li a span.mo::before { content: "→"; position: absolute; top: 50%; left: 8px; transform: translateY(-50%); color: #85888b; font-size: 14px; }

.section4 .link2-list ul li a:hover { background-color: #001675; border-color: #001675; color: #fff; }
.section4 .link2-list ul li a:hover span.mo::before { color: #fff; }
.section4 .more-btn { display: none; }

/* section5 : s */
.section5 .link3-list ul::after { content: ""; display: block; clear: both; }
.section5 .link3-list ul li { float: left; width: calc(100% / 6 - 67px); box-sizing: border-box; text-align: center; margin-right: 80px; transition: all 0.3s; }
.section5 .link3-list ul li:last-child { margin-right: 0; }
.section5 .link3-list ul li a { width: 100%; height: 100%; display: block; }
.section5 .link3-list ul li a .icon-box { padding: 22px 10px; margin: 0 auto; background-color: #c9e4ff; border-radius: 10px; transition: all 0.3s; }
.section5 .link3-list ul li a .icon-box img { height: 75px; width: auto; transition: all 0.3s; }
.section5 .link3-list ul li a .link-tit { display: inline-block; font-size: 16px; font-weight: 600; line-height: 1; margin-top: 15px; position: relative; }

.section5 .link3-list ul li a:hover .icon-box { background-color: #0042ff; }
.section5 .link3-list ul li a:hover .link-tit::before { content: ""; width: 100%; height: 1px; display: block; background-color: #333; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); }

/* section6 : s */
.main-cont.section6 > .sec-wrap { margin-bottom: 50px; }
.section6 .sec-wrap h4.sm-tit { font-family: 'Gmarket sans'; line-height: 1; color: #333; font-weight: 600; font-size: 18px; letter-spacing: -0.2px; margin-bottom: 10px; }
.section6 .sec-wrap h4.sm-tit .grey-col { color: #919db3; }
.section6 .sec-wrap h4.sm-tit .gijun { font-family: 'Noto Sans KR Medium'; font-weight: 400; font-size: 14px; color: #aaa; letter-spacing: -0.5px; line-height: 1; }
.section6 .sec-wrap h4.sm-tit .gijun::before { content: ""; width: 1px; height: 12px; background-color: #ccc; display: inline-block; margin: 0 10px; margin: 0 8px; position: relative; top: 1px; }
.section6 .sec-wrap::after { content: ""; display: block; clear: both; }
.section6 .sec-wrap .left-box { float: left; width: calc(100% - 440px - 20px); margin-right: 20px; }
.section6 .sec-wrap .left-box .left-cont::after { content: ""; display: block; clear: both; }
.section6 .sec-wrap .left-box .left-cont .left-inner { float: left; width: calc(100% / 3 - 14px); margin-right: 20px; }
.section6 .sec-wrap .left-box .left-cont .left-inner:last-child { margin-right: 0; }
.section6 .sec-wrap .left-box .left-cont .left-inner .chart-box { height: 260px; text-align: center; border: 2px solid #c6d1e5; padding: 10px; border-radius: 10px; overflow: hidden; }
.section6 .sec-wrap .left-box .left-cont .left-inner .chart-box img { height: 100%; object-fit: cover; }

.section6 .sec-wrap .right-box { float: left; width: 440px; margin-right: 0; position: relative; }
.section6 .sec-wrap .right-box .right-cont ul li { display: block; margin-bottom: 10px; border: 1px solid #ddd; transition: all 0.1s; }
.section6 .sec-wrap .right-box .right-cont ul li:last-child { margin-bottom: 0; }
.section6 .sec-wrap .right-box .right-cont ul li a { display: block; padding: 20px 15px; }
.section6 .sec-wrap .right-box .right-cont ul li a strong { display: block; width: 100%; color: #111; font-size: 17px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section6 .sec-wrap .right-box .right-cont ul li a div { margin-top: 8px; }
.section6 .sec-wrap .right-box .right-cont ul li a div::after { content: ""; display: block; clear: both; }
.section6 .sec-wrap .right-box .right-cont ul li a div p { float: left; display: inline-block; width: 80%; color: #888; font-size: 15px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.1s; }
.section6 .sec-wrap .right-box .right-cont ul li a div span.date { float: left; width: 20%; color: #999; font-size: 15px; line-height: 1.25; text-align: right; transition: all 0.1s; }
.section6 .sec-wrap .right-box .more2-btn { background: url(../../images/renewal/main/plus.png) no-repeat center center; width: 32px; height: 32px; display: block; background-color: #919db3; border-radius: 50%; position: absolute; top: -3px; right: 0; transition: all 0.2s; }

.section6 .sec-wrap .right-box .right-cont ul li:hover { border: 1px solid #001675; }
.section6 .sec-wrap .right-box .right-cont ul li:hover p { color: #222; }
.section6 .sec-wrap .right-box .right-cont ul li:hover span.date { color: #444; }
.section6 .sec-wrap .right-box .more2-btn.more2-btn:hover { background-color: #001675; }
.section6 .sec-wrap .right-box .more2-btn:focus { outline: 2px dotted #ccc; outline-offset: 2px; border-radius: 50%; }
.section6 .sec-wrap .right-box .more2-btn:focus.more2-btn { background-color: #001675; }

@media screen and (max-width:1500px) {
 /* section1 */
 .section1 .layout-box { width: calc(100% - 100px);}
 .section1 .layout .visual-search .search-box .txtArea::placeholder { font-size: 16px; }
}

@media screen and (max-width:1420px) {
 /* 250917 추가 */
 .section1 .layout .visual-search .search-box { padding: 20px 20px 75px 20px; height: 180px;}
 .section1 .visual-search .search-box .radio-box {width: 80%; margin-top: 5px;}
}

@media screen and (max-width:1400px) {
 /* section */
 .main-cont > .sec-wrap { margin: 0 40px; }

 /* section2 */
 .section2 .swiper { padding: 1px 5px; }

 /* section3 */
 .section3 .link-list ul li { width: calc(100% / 3 - 14px); }
 .section3 .link-list ul li:nth-child(3) { margin-right: 0; }
 .section3 .link-list ul li:nth-child(n+4) { margin-top: 20px; }
 .section3 .link-list ul li a .icon-box { margin-bottom: 15px; }
 .section3 .link-list .link-sub { margin-top: 10px; }

 /* section4 */
 .section4 .link2-list ul li { width: calc(100% / 4 - 8px); }
 .section4 .link2-list ul li:nth-child(4n) { margin-right: 0; }
 .section4 .link2-list ul li:nth-child(5n) { margin-right: 10px; }
 .section4 .link2-list ul li:nth-child(n+11) { margin-bottom: 10px; }
 .section4 .link2-list ul li:nth-child(n+13) { margin-bottom: 0; }

 /* section6 */
 .section6 .sec-wrap .left-box,
 .section6 .sec-wrap .right-box { width: 100%; margin-right: 0; }
 .section6 .sec-wrap .right-box { margin-top: 60px; }
}

@media screen and (max-width:1350px) {
 /* section1 */
 .section1 .layout .visual-tit p { font-size: 20px; }
 .section1 .layout .visual-tit strong { font-size: 44px; }

 /* section5 */
 .section5 .link3-list ul li { width: calc(100% / 6 - 50px); margin-right: 60px; }
}

@media screen and (max-width:1280px) {
 /* 250917 추가 */
 /* section1 */
 .section1 .layout-box { width: calc(100% - 80px);}
 .section1 .layout .visual-tit { width: 45%; }
 .section1 .layout .visual-search { width: 55%; }
}

@media screen and (max-width:1220px) {
 /* section4 */
 .section4 .link2-list ul li { width: calc(100% / 3 - 7px); }
 .section4 .link2-list ul li:nth-child(3n) { margin-right: 0; }
 .section4 .link2-list ul li:nth-child(4n) { margin-right: 10px; }
 .section4 .link2-list ul li:nth-child(12) { margin-right: 0; }
 .section4 .link2-list ul li:nth-child(n+13) { margin-bottom: 0; }
}

@media screen and (max-width:1200px) {
 /* section1 */
 .section1 .visual-banner { height: 440px; }
 .section1 .layout .visual-tit p { font-size: 19px; text-shadow: 0 0 4px rgba(0, 0, 0, 90%); }
 .section1 .layout .visual-tit strong { font-size: 40px; }
 .section1 .layout .visual-search::before { width: 200px; height: 124px; top: -113px; }
 .section1 .layout .visual-search .ai-txt { top: -94px; left: 124px; font-size: 15px; }
 .section1 .layout .visual-search .ai-txt em { font-size: 20px; }

 /* 250917 추가ㆍ수정 */
 .section1 .layout-box {margin-top: 30px;}
 .section1 .layout .visual-search .search-box {padding: 15px 15px 70px 15px;}

 .section1 .layout .visual-search .search-box .search-btn { right: 15px; }
 .section1 .layout .visual-search .search-box .search-btn button::before { margin-right: 6px; }
 .section1 .layout .visual-search .search-box .txtArea::placeholder { font-size: 16px; line-height: 1.25; }

 .section1 .rank-box strong { font-size: 16px; line-height: 1.4; }
 .section1 .rank-box .rank-list li a .num { font-size: 14px; }

 /* section2 */
 .section2 .swiper { padding: 1px 2px; }
 .section2 .slide-cont .swiper .swiper-slide .img-box { height: 220px; }

 /* section5 */
 .section5 .link3-list ul li { width: calc(100% / 6 - 34px); margin-right: 40px; }
 .section5 .link3-list ul li a .icon-box img { height: 70px; }
}

@media screen and (max-width:1100px) {
 /* section1 */
 .section1 .layout-box {margin-top: 0;}
 .section1 .layout { text-align: center; }
 .section1 .visual-banner { background: url(../../images/renewal/main/visual_m1.png) no-repeat center center / cover; }
 .section1 .layout .visual-tit { float: none; display: block; width: 100%; }
 .section1 .layout .visual-tit p { font-size: 20px; margin-bottom: 20px; letter-spacing: -0.8px; text-shadow: 0 0 4px rgba(0, 0, 0, 70%); }
 .section1 .layout .visual-tit strong { font-size: 36px; font-weight: 700; letter-spacing: -0.8px; text-shadow: 0 0 3px rgba(0, 0, 0, 50%); }
 .section1 .layout .visual-search { float: none; display: block; width: 70%; margin-top: 40px; left: 50%; transform: translateX(-50%); }
 .section1 .layout .visual-search::before { right: -60px; left: unset; }
 .section1 .layout .visual-search .ai-txt { left: unset; right: -46px; }
 .section1 .rank-box .rank-list li a .rank-txt { text-align: left; }

 /* 250917 추가 */
 .section1 .layout-box {margin-top: 0;}
 .section1 .layout .visual-search .search-box {padding: 15px 110px 50px 15px;}
 .section1 .visual-search .search-box .radio-box {width: 100%; }

 /* section2 */
 .section2 .slide-cont .swiper .swiper-slide .img-box { height: 200px; }

 /* section5 */
 .section5 .link3-list ul li { width: calc(100% / 6 - 17px); margin-right: 20px; }
 .section5 .link3-list ul li a .icon-box img { height: 65px; }
}

@media screen and (max-width:1030px) {
 /* section1 */
 /* 250917 추가 */
 .section1 .layout .visual-search .search-box {padding: 15px 15px 70px 15px;}
 .section1 .visual-search .search-box .radio-box {width: 80%;}
}

@media screen and (max-width:920px){
 .main-cont.section1 > .sec-wrap { margin-bottom: 40px; }

 /* section1 */
 .section1 .layout .visual-search { margin-top: 70px; width: 80%; }
 .section1 .visual-banner { height: 460px; }
 .section1 .layout .visual-search::before { width: 190px; top: -107px; }
 .section1 .layout .visual-search .search-box .txtArea::placeholder { font-size: 15px; }
 .section1 .layout .visual-search .ai-txt { right: -48px; top: -89px; }

 .section1 .rank-box { padding: 8px 5px; }
 .section1 .rank-box .rank-list li { width: calc(100% / 3 - 5px); }
 .section1 .rank-box .rank-list li:nth-child(4),
 .section1 .rank-box .rank-list li:nth-child(5) { display: none; }

 /* section2 */
 .section2 .slide-cont .swiper .swiper-slide .img-box { height: 220px; }
 .section2 .slide-btn { width: 55px; height: 55px; }
 .section2 .slide-cont .main-tit { padding-top: 30px; }
 .section2 .slide-btn.swiper-button-stop { top: 30px; right: 60px; }
 .section2 .slide-btn.swiper-button-prev { top: 30px; right: 120px; }
 .section2 .slide-btn.swiper-button-next { top: 30px; }

 /* section4 */
 .section4 .link2-list ul li { padding-left: 0; }
 .section4 .link2-list ul li { height: 76px; }
 .section4 .link2-list ul li::before { display: none; }
 .section4 .link2-list ul li a { padding: 10px 0; line-height: 3.3; border-radius: 10px; }
 .section4 .link2-list ul li.li-hei a { line-height: 1.4; }
 .section4 .link2-list ul li a > span.mo { display: block; font-size: 14px; font-weight: 500; border: 1px dashed #d7dce1; width: calc(100% - 100px); margin: 0 auto; border-radius: 15px; background-color: #fff; margin-top: 4px; padding: 4px 0; }
 .section4 .link2-list ul li:hover a > span.mo { border-color: #001675; color: #001675; }
 .section4 .link2-list ul li a span.mo::before { display: none; }

 /* section5 */
 .section5 .link3-list ul li { width: calc(100% / 3 - 14px); margin-bottom: 15px; }
 .section5 .link3-list ul li:nth-child(3n) { margin-right: 0; }
 .section5 .link3-list ul li:nth-child(n+4) { margin-bottom: 0; }
 .section5 .link3-list ul li a .icon-box img { height: 60px; }

 /* section6 */
 .section6 .sec-wrap .left-box .left-cont .left-inner { width: 100%; margin-right: 0; margin-top: 25px; }
 .section6 .sec-wrap .left-box .left-cont .left-inner:first-child { margin-top: 0; }
 .section6 .sec-wrap .left-box .left-cont .left-inner .chart-box { height: 340px; }
}


@media screen and (max-width:800px) {
 /* section4 */
 .section4 .link2-list ul li a > span.mo { width: calc(100% - 60px); }
}

@media screen and (max-width:768px){
 .main-cont > .sec-wrap { padding: 20px 0; }
 .main-title { font-size: 26px; margin-bottom: 15px; }

 /* section1 */
 .main-cont.section1 { max-width: 100%; }
 .main-cont.section1 > .sec-wrap { margin-top: 0; margin-bottom: 30px; }
 .section1 .visual-banner { height: 460px; border-radius: 0;}
 .section1 .layout .visual-search::before { width: 170px; top: -96px; }
 .section1 .layout .visual-search .ai-txt { right: -48px; top: -81px; font-size: 14px; }
 .section1 .layout .visual-search .ai-txt em { font-size: 17px; }

 .section1 .layer-btn-box .layer-filter-box { width: 450px;}
 .section1 .layer-btn-box .layer-filter-box .layer1-box .radio-box { width: 100%; float: none;margin-top: 30px;}
 .section1 .layer-btn-box .layer-filter-box .layer1-box .doum-box {width: 100%; float: none; position: absolute; top: -30px;right: 0;}
 .section1 .layer-btn-box .layer-filter-box .layer2-box .input-box dl {width: 100%;margin-right: 0;margin-top: 5px;}
 .section1 .layer-btn-box .layer-filter-box .layer2-box .input-box dl:nth-child(2n) {margin-top: 5px;}

 /* section2 */
 .section2 .slide-cont::before { width: 1000%; }
 .section2 .slide-cont .swiper .swiper-slide .img-box { height: 200px; }
 .section2 .slide-cont .swiper .swiper-slide .img-box img { height: 100%; width: auto; }
 .section2 .slide-cont .swiper .swiper-slide .txt-box .date { font-size: 16px; line-height: 1; margin-top: 12px; }
 .section2 .slide-cont .swiper .swiper-slide .btn-box ul li a { font-size: 16px; }
 .section2 .slide-cont .main-tit { font-size: 26px; }
 .section2 .slide-cont .main-sub { font-size: 16px; word-break: keep-all; line-height: 1.25; }
 .section2 .slide-btn { display: none; }

 /* section3 */
 .section3 .link-list ul li { width: calc(100% / 2 - 5px); margin-right: 10px; }
 .section3 .link-list ul li:nth-child(2) { margin-right: 0; }
 .section3 .link-list ul li:nth-child(3) { margin-right: 10px; }
 .section3 .link-list ul li:nth-child(4) { margin-right: 0; }
 .section3 .link-list ul li:nth-child(n+3) { margin-top: 10px; }
 .section3 .link-list ul li a { padding: 15px 10px; }
 .section3 .link-list ul li a .icon-box { margin-bottom: 12px; }

 /* section4 - 전체보기 버튼 생성 */
 .section4 .link2-list { max-height: 250px; overflow: hidden; }
 .section4 .link2-list ul li { width: calc(100% / 2 - 5px); }
 .section4 .link2-list ul li:nth-child(2n) { margin-right: 0; }
 .section4 .link2-list ul li:nth-child(3n) { margin-right: 10px; }
 .section4 .link2-list ul li:nth-child(6n) { margin-right: 0; }
 .section4 .link2-list ul li:nth-child(n+13) { margin-bottom: 10px; }
 .section4 .link2-list ul li:last-child { margin-bottom: 0; }
 .section4 .link2-list ul li a { line-height: 3.4; }
 .section4 .link2-list ul li a > span.mo { width: calc(100% - 20px); }
 .section4 .more-btn { display: block; width: 100%; padding: 10px; border: 1px solid #001675; border-radius: 10px; margin-top: 10px; font-weight: 600; color: #111; transition: all 0.2s; font-size: 16px;}
 .section4 .more-btn::before { content: ""; background: url(../../images/renewal/main/morebtn.png) no-repeat; width: 12px; height: 12px; display: inline-block; position: relative; top: 0px; left: -10px; }
 .section4 .more-btn:hover { background-color: #001675; color: #fff; }
 .section4 .more-btn:hover::before { background: url(../../images/renewal/main/morebtn_ov.png); }

 /* section6 */
 .section6 .sec-wrap .right-box { margin-top: 40px; }
}

@media screen and (max-width:640px){
 .main-cont > .sec-wrap { margin: 0 20px; }

 /* section1 */
 .section1 .layout .visual-search { width: 100%; margin-top: 60px; }
 /* .section1 .layout .visual-search .search-box { padding: 15px 75px 15px 15px; }  */
 .section1 .layout .visual-search .search-box .search-btn { min-width: 48px; }
 .section1 .layout .visual-search .search-box .search-btn button { font-size: 0; padding: 0; width: 48px; }
 .section1 .layout .visual-search .search-box .search-btn button::before { margin-right: 0; }
 .section1 .layout .visual-search::before { right: 0; width: 160px; top: -90px; }
 .section1 .layout .visual-search .ai-txt { right: 13px; top: -76px; font-size: 12px; line-height: 1.25; }
 .section1 .layout .visual-search .ai-txt em { font-size: 16px; }

 .section1 .visual-banner { background: url(../../images/renewal/main/visual_m2.png) no-repeat center center / cover; }
 .section1 .layout .visual-tit p { text-shadow: 0 0 4px rgba(0, 0, 0, 100%); color: #fff; }
 .section1 .layout .visual-tit strong { text-shadow: 0 0 3px rgba(0, 0, 0, 60%); color: #fff; }

 /* section2 */
 .section2 .slide-cont .swiper .swiper-slide .img-box { height: 260px; }
 .section2 .slide-cont .swiper .swiper-slide .img-box img { height: auto; width: 100%; }
 .section2 .slide-cont .swiper .swiper-slide .btn-box ul li a { padding: 8px; }

 /* section3 */
 .section3 .link-list ul li a { padding: 20px; }
 .section3 .link-list .link-sub { display: none; }
}

@media screen and (max-width:620px) {
 /* section1 */
 .section1 .layout .visual-tit p { font-size: 18px; margin-bottom: 15px; word-break: keep-all; white-space: normal; line-height: 1.25; }
 .section1 .layout .visual-tit strong { font-size: 32px; word-break: keep-all; white-space: normal; word-break: break-all; }

 .section1 .rank-box .ctrl-box { display: none; }
 .section1 .rank-box { padding: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, 10%);position: relative;z-index: -1;}
 .section1 .rank-box strong { float: unset; display: block; margin-bottom: 10px; }
 .section1 .rank-box .rank-list { float: unset; display: block; width: 100%; }
 .section1 .rank-box .rank-list li { width: calc(100% / 3 - 7px); margin-right: 10px; position: relative;}
 .section1 .rank-box .rank-list li:nth-child(3) { margin-right: 0; }
 .section1 .rank-box .rank-list li::after { content: ""; width: 1px; height: 14px; background-color: #ddd; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
 .section1 .rank-box .rank-list li:nth-child(3)::after { display: none; }
 .section1 .rank-box .rank-list li a .num { background-color: transparent; color: #fe220b; }
 .section1 .rank-box .rank-list li a .num::after { content: "."; margin-left: 2px; }
 .section1 .rank-box .rank-list li a .rank-txt { line-height: 1.4; width: calc(100% - 31px); }

 .section1 .layer-btn-box .layer-filter-box {width: 80vw;}
}

@media screen and (max-width:520px) {
 /* section1 */
 .radio-box .radiobox {margin-right: 10px;}

 /* section3 */
 .section3 .link-list ul li a .icon-box { width: 65px; height: 65px; }
 .section3 .link-list ul li a .icon-box img { height: 35px; }
 .section3 .link-list .link-tit { font-size: 17px; }

}

@media screen and (max-width:500px) {
 /* section1 */
 .section1 .layout-box {width: calc(100% - 40px);}
 .section1 .layout .visual-tit p { font-size: 16px; margin-bottom: 10px; }
 .section1 .layout .visual-tit strong { font-size: 30px; }
 .section1 .layout .visual-search { margin-top: 80px; }
 .section1 .layout .visual-search::before { width: 150px; top: -85px; }
 .section1 .layout .visual-search .ai-txt { right: 12px; top: -71px; }
 .section1 .layout .visual-search .ai-txt em { font-size: 15px; }

 /* 250917 추가 수정 삭제 */
 .section1 .radio-box .radiobox {display: flex;}
 .section1 .visual-search .search-box .radio-box {width: 85%;}

 /* section6 */
 .main-cont.section6 > .sec-wrap { margin-bottom: 40px; }
 .section6 .sec-wrap .right-box .right-cont ul li a div p { width: 70%; }
 .section6 .sec-wrap .right-box .right-cont ul li a div span.date { width: 30%; }
}

@media screen and (max-width:425px){
 .main-cont > .sec-wrap { padding: 25px 0; }

 /* section1 */
 .section1 .visual-banner { height: 400px; }
 /* 250917 수정 */
 .section1 .layout .visual-search .search-box { height: 160px;}
 .section1 .layout .visual-search .search-box .search-btn { min-width: 40px;}
 .section1 .layout .visual-search .search-box .search-btn button { width: 40px; height: 40px; }
 .section1 .rank-box { display: none; }

 .section1 .layer-btn-box .layer-filter-box {top: 50px;}

 /* section2 */
 .section2 .slide-cont .swiper .swiper-slide .img-box { height: 200px; }
 .section2 .slide-cont .swiper .swiper-slide .txt-box { padding: 15px; }
 .section2 .slide-cont .swiper .swiper-slide .txt-box .slide-title { font-size: 16px; height: 38px; }
 .section2 .slide-cont .swiper .swiper-slide .txt-box .date { font-size: 15px; margin-top: 15px; }
 .section2 .slide-cont .swiper .swiper-slide .txt-box .tip1,
 .section2 .slide-cont .swiper .swiper-slide .txt-box .tip2 { font-size: 13px; }
 .section2 .slide-cont .swiper .swiper-slide .btn-box ul li a { font-size: 15px; }
 .section2 .slide-cont::before { height: 270px; }

 /* section3 */
 .section3 .link-list ul li a { padding: 15px 10px; }
 .section3 .link-list ul li a .icon-box { width: 60px; height: 60px; margin-bottom: 15px; }
 .section3 .link-list ul li a .icon-box img { height: 30px; }
 .section3 .link-list .link-tit { font-size: 16px; }

 /* section4 */
 .section4 .link2-list { max-height: 184px; }
 .section4 .link2-list ul li { width: 100%; height: unset; }
 .section4 .link2-list ul li a { line-height: 2; font-size: 16px; }

 /* section5 */
 .section5 .link3-list ul li {margin-bottom: 20px;}
 .section5 .link3-list ul li a .link-tit { font-size: 16px; }
 .section5 .link3-list ul li a .icon-box { border-radius: 50%; width: 100px; height: 100px; position: relative; }
 .section5 .link3-list ul li a .icon-box img { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); height: 50px; }
 .section5 .link3-list ul li a .link-tit { word-break: keep-all; }
 /* section6 */
 .main-cont.section6 > .sec-wrap { margin-bottom: 30px; }
 .section6 .sec-wrap .right-box { margin-top: 50px; }
 .section6 .sec-wrap .right-box .right-cont ul li a {display: block;padding: 20px 15px 18px;}
 .section6 .sec-wrap .right-box .right-cont ul li a strong {font-size: 16px;}
 .section6 .sec-wrap h4.sm-tit .gijun::before {margin: 0 6px;}
}

@media screen and (max-width:375px) {
 .main-title {font-size: 24px; margin-bottom: 20px;}

 /* section1 */
 .main-cont.section1 > .sec-wrap { min-width: 280px; }
 .section1 .layout .visual-tit p { font-size: 14px; }
 .section1 .layout .visual-tit strong { font-size: 26px; }
 .section1 .layout .visual-search .ai-txt {top: -72px;}
 .section1 .layout .visual-search .search-box { height: 150px; }
 /* .section1 .layout .visual-search .search-box .search-btn { top: 85px; }  */

 /* 250917 추가 */
 .section1 .layout .visual-search .search-box {height: 180px;}
 .section1 .visual-search .search-box .radio-box {width: 100%;}

 /* section2 */
 .section2 .slide-cont .main-tit { font-size: 24px; }
 .section2 .slide-cont .main-sub { font-size: 14px; }
 .section2 .slide-cont .swiper {margin-top: 20px;}
 .section2 .slide-cont .swiper .swiper-slide .txt-box .slide-title { height: 38px;}
 .section2 .slide-cont .swiper .swiper-slide .txt-box .date { font-size: 14px; margin-top: 15px; }
 .section2 .slide-cont .swiper .swiper-slide .txt-box .tip1,
 .section2 .slide-cont .swiper .swiper-slide .txt-box .tip2 { font-size: 13px; padding: 2px 4px; }
 .section2 .slide-cont .swiper .swiper-slide .btn-box ul li a { font-size: 15px; }

 /* section3 */
 .section3 .link-list .link-tit { word-break: keep-all; line-height: 1.25; display: flex; align-items: center; justify-content: center; }

 /* section5 */
 .section5 .link3-list ul li { width: calc(100% / 3 - 7px); margin-right: 10px; }
 .section5 .link3-list ul li a .icon-box { width: 80px; height: 80px;}
 .section5 .link3-list ul li a .icon-box img {height: 45px;}
 .section5 .link3-list ul li a .link-tit {margin-top: 15px;font-size: 15px;}
}

@media screen and (max-width:362px) {
 .section3 .link-list ul li a .icon-box {margin-bottom: 10px;}
 .section3 .link-list ul li a { height: 140px; }
 .section3 .link-list .link-tit { height: 40px;}
}

/* 251110 ksy 추가 */
.section1 .visual-banner {height: 400px;}
.section1 .layout-box {margin-top: 30px;}
.section1 .layout .visual-search .search-box {height: 100px;}
.section1 .rank-box {background-color: rgba(255, 255, 255, .4);}

.section2 .slide-cont .swiper .swiper-slide .img-box img {height: 100%;}
.section5 .link3-list ul li {width: calc(100% / 5 - 64px);}

/* 251114 ~ ksy 추가 */
.main-cont > .sec-wrap {padding-top: 30px;}
.main-cont.section1 {max-width: calc(100% - 420px);}
.section1 .visual-banner { height: 310px;}
.section1 .layout .visual-tit {margin-top: 20px;}
.section1 .layout .visual-search {margin-top: 50px;}
.section1 .layout .visual-search::before {top: -113px; left: 0;width: 200px; height: 123px;}
.section1 .layout .visual-search .ai-txt {top: -94px; left: 128px; font-size: 14px;}
.section1 .layout .visual-search .ai-txt em {font-family: 'Noto Sans KR'; font-size: 20px; line-height: 1;}
.section1 .layout .visual-search .search-box {height: 95px;}
.section1 .layout .visual-search .search-box {padding: 15px 110px 40px 20px;}
.section1 .layout .visual-search .search-box .input {margin-bottom: 10px;}
.section1 .rank-box {padding: 5px 0;}
.section1 .rank-box strong {font-size: 15px; line-height: 1.4;}
.section1 .rank-box .rank-list li a .rank-txt { font-size: 13px; line-height: 1.6;}


.section1 .layout .visual-tit p {font-family: 'Noto Sans KR'; font-size: 20px; font-weight: 300; text-shadow: 0 0 4px rgba(0, 0, 0, 100%); margin-bottom: 15px;}
.section1 .layout .visual-tit strong {font-family: 'Noto Sans KR'; font-size: 34px; font-weight: 600; text-shadow: 0 0 6px rgba(0, 0, 0, 50%);}
.section2 .slide-cont .main-tit {font-family: 'Noto Sans KR'; font-size: 30px; font-weight: 600;}
.section2 .slide-cont .main-sub {font-family: 'Noto Sans KR'; font-size: 17px; font-weight: 400; margin-top: 15px;}
.main-title  {font-family: 'Noto Sans KR'; font-size: 30px; font-weight: 600; margin-bottom: 30px;}
.section6 .sec-wrap h4.sm-tit {font-family: 'Noto Sans KR'; font-size: 19px;}

.section2 .slide-btn { width: 55px; height: 55px;}
.section2 .slide-btn.swiper-button-stop {right: 65px;}
.section2 .slide-btn.swiper-button-prev {right: 130px;}

.section2 .slide-cont::before {background-color: #1a265c; border-radius: 10px;}
.section2 .slide-cont .swiper .swiper-slide .txt-box .slide-title {font-weight: 500; color: #222;}
.section2 .slide-cont .swiper .swiper-slide a {width: 100%; transition: all 0.3s; position: relative; box-sizing: border-box;}
.section2 .slide-cont .swiper .swiper-slide .txt-box .date {transition: all 0.3s;}
.section2 .slide-cont .swiper .swiper-slide .txt-box .tip2 { background-color: #001675;}
.section2 .slide-cont .swiper .swiper-slide .img-box img {position: unset; -webkit-transform: scale(1);transform: scale(1); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.section2 .slide-cont .swiper .swiper-slide:hover .img-box img {-webkit-transform: scale(1.125); transform: scale(1.125);}
.section2 .slide-cont .swiper .swiper-slide:hover .txt-box .date {color: #333;}
.section2 .slide-cont .swiper .swiper-slide .slide-title a:hover {text-decoration: underline;}

.section3 .link-list ul li a:hover .link-tit {color: #fff;}
.section3 .link-list .link-tit {color: #333;}
.section4 .link2-list ul li a {color: #333;}
.section5 .link3-list ul li a .link-tit {color: #333;}
.section6 .sec-wrap .right-box .right-cont ul li a strong {color: #333;}

.section5 .link3-list ul li a:hover .link-tit::before {display: none;}

/* 251120 */
.section1 .visual-banner { height: 280px;}
.section3 .link-list ul li a {background-color: #edf7ff; border: 1px solid #c9e4ff;}
.section3 .link-list ul li a:hover {background-color: #0079ea; border: 1px solid #0079ea;}
.section3 .link-list ul li a .icon-box {box-shadow: 3px 3px 0px rgba(183, 216, 249, .9); transition: all 0.3s;}
.section3 .link-list ul li a:hover .icon-box {box-shadow: 3px 3px 0px rgb(26 38 92 / 50%)}
.section5 .link3-list ul li a:hover .icon-box {background-color: #0079ea;}

/* 251125 */
.main-cont.section1 { max-width: 1480px;}

@media screen and (max-width: 1500px) {
 .section1 .layout-box {width: 1390px;}
}

@media screen and (max-width: 1420px) {
 .section1 .visual-search .search-box .radio-box {width: 100%; margin-top: 0;}
 .section1 .layout .visual-search .search-box .input::placeholder { font-size: 15px; }
}


@media screen and (max-width: 1400px) {
 .main-cont.section1 { width: calc(100% - 1%);}
 .section1 .layout-box {width: calc(100% - 70px);}

 .section1 .layout .visual-search .search-box { height: 105px; padding: 15px 110px 44px 15px;}
 .section1 .layout .visual-search .search-box .search-btn {top: 15px;}
 .section1 .visual-search .search-box .radio-box { width: 118%;}

}

@media screen and (max-width: 1350px) {
 .section5 .link3-list ul li { width: calc(100% / 5 - 48px);}
}

@media screen and (max-width: 1280px) {
 .section1 .layout .visual-search { margin-top: 40px;}
 .section1 .layout .visual-search::before {top: -101px; width: 180px; height: 111px;}
 .section1 .layout .visual-search .ai-txt { top: -86px; left: 114px; font-size: 13px;}
 .section1 .layout .visual-search .ai-txt em {font-size: 19px;}
}

@media screen and (max-width: 1200px) {
 .section5 .link3-list ul li { width: calc(100% / 5 - 32px);}
}

@media screen and (max-width: 1180px) {
 .section1 .visual-banner { height: 320px;}
}

@media screen and (max-width: 1100px) {
 .gnb_top .logo { top: 50%;}
 .gnb_top .logo > a img { width: 210px; }

 .main-cont.section1 { width: calc(100% - 2%);}
 .section1 .layout .visual-search { margin-top: 20px; }
 .section1 .layout .visual-tit p {font-size: 18px; margin-bottom: 10px;}

 .section1 .layout-box { margin-top: 0;}
 .section1 .layout .visual-tit { margin-top: 0;}
 .section1 .layout .visual-search { margin-top: 30px; }
 .section1 .layout .visual-search::before {right: -40px; left: unset;}
 .section1 .layout .visual-search .ai-txt { left: unset; right: -26px;}

 .section1 .layout .visual-search .search-box { height: 95px; padding: 10px 110px 36px 15px; border-radius: 10px;}
 .section1 .layout .visual-search .search-box .input { margin-bottom: 5px; }
 .section1 .layout .visual-search .search-box .search-btn { top: 10px; right: 10px; }
 .section1 .layout .visual-search .search-box .search-btn button {border-radius: 6px; height: 45px;}

 .section1 .rank-box { background-color: rgba(255, 255, 255, .8);}

 .section5 .link3-list ul li { width: calc(100% / 5 - 16px); margin-right: 20px; }
}

@media screen and (max-width: 980px) {
 .main-cont.section1 { width: calc(100% - 4%);}
 .section1 .visual-search .search-box .radio-box { width: 121%;}
}

@media screen and (max-width: 920px) {
 .section5 .link3-list ul li { width: calc(100% / 3 - 14px); margin-bottom: 15px;}
}

@media screen and (max-width: 768px) {
 .main-cont.section1 { width: 100%;}

 .section1 .layout .visual-search { margin-top: 50px; }
 .section1 .visual-search .search-box .radio-box { width: 124%;}

 .section2 .slide-cont .main-tit { font-size: 26px; }
 .main-title { font-size: 26px; }

 .section2 .slide-cont .main-sub { font-size: 16px; font-weight: 300; margin-top: 12px; line-height: 1.4;}
}

@media screen and (max-width: 740px) {
 .section1 .layout .visual-search {width: 100%; }
 .section1 .layout .visual-search::before { right: 0;}
 .section1 .layout .visual-search .ai-txt {right: 14px; }
 .section1 .visual-search .search-box .radio-box { width: 119%;}
}

@media screen and (max-width: 640px) {
 .section1 .layout-box { width: calc(100% - 40px); }
 .section1 .visual-banner {height: 400px; }
 .section1 .layout .visual-search { margin-top: 80px; }

 .section1 .layout .visual-search .search-box {padding: 10px 70px 36px 15px; }
 .section1 .visual-search .search-box .radio-box { width: 113%; }
}

@media screen and (max-width: 590px) {
 .section1 .layout .visual-search .search-box {height: 120px; padding: 10px 70px 60px 15px;}
}

@media screen and (max-width: 500px) {
 .section1 .visual-banner {height: 440px; }
 .section1 .layout .visual-search { margin-top: 100px; }
 .section1 .layout .visual-tit p { font-size: 17px;}
 .section1 .layout .visual-tit strong { font-size: 31px;}

}

@media screen and (max-width: 425px) {
 .section1 .layout .visual-search { margin-top: 120px; }
 .section1 .layout .visual-search .search-box .search-btn button {width: 40px; height: 40px; }
 .section1 .layout .visual-search .search-box { height: 110px; padding: 10px 60px 55px 10px; }
 .section1 .visual-search .search-box .radio-box { width: 118%; }

 .section2 .slide-cont .main-sub { font-size: 14px;}
}

@media screen and (max-width: 375px) {
 .section5 .link3-list ul li { width: calc(100% / 3 - 7px); margin-right: 10px; }
}

@media screen and (max-width: 360px) {
 .section1 .visual-search .search-box .radio-box { width: 120%; }

 .radio-box .radiobox { margin-right: 5px; }
}

/* 251126 */
@media screen and (max-width: 620px) {
 .gnb_top .logo > a img { width: 180px; }
}

/* 251127 */
.section1 .rank-box { background-color: transparent;}
.section1 .rank-box .rank-list li a .num { background-color: #b7bf10;}
.section1 .rank-box .rank-list li a:hover .rank-txt {font-weight: inherit;}

/* 251128 - 반응형 추가 */
@media screen and (max-width: 620px) {
 .section1 .rank-box {box-shadow: none;}
 .section1 .rank-box .rank-list li a .num {color: #fff;}
}

/****************************************/
/* --------- 반영후 수정 - ksy --------- */
/****************************************/
.section1 .visual-banner {border-radius: 20px;}

.section1 .layout .visual-search .search-box .search-btn button:hover { background-color: #0f49b5;}
.section1 .rank-box strong {padding: 0;font-size: 14px; margin-right: 5px;}
.section1 .rank-box .rank-list li {width: calc(100% / 5 - 4px);}
.section1 .rank-box .rank-list li:last-child {margin-right: 0;}
.section1 .rank-box .rank-list li a .num { background-color: #0f49b5; border-radius: 50%; width: 20px; height: 20px; font-weight: 500; text-align: center; line-height: 20px; padding: 0;}
.section1 .rank-box .rank-list li a .rank-txt { font-size: 14px;}
.section1 .rank-box .rank-list {width: calc(100% - 78px);}

.section2 .slide-cont::before { border-radius: 20px;}
.section2 .slide-cont .main-tit {padding-top: 30px;}
.section2 .slide-cont .swiper .swiper-slide .img-box img {object-fit: cover; width: 100%;}
.section2 .slide-cont .swiper .swiper-slide .txt-box .tip1 {background-color: #0f49b5;border-radius: 15px; padding: 2px 8px;}
.section2 .slide-cont .swiper .swiper-slide .txt-box .tip2 {border-radius: 15px; padding: 2px 8px;}
.section2 .slide-cont .swiper .swiper-slide .btn-box ul li a:hover {background-color: #0f49b5;}

.section6 .sec-wrap .right-box .right-cont ul li {border-radius: 10px;}
.section6 .sec-wrap .right-box .right-cont ul li:hover { border: 1px solid #0f49b5; }
/* sec3-sec4 재 작업 */
.sec3::after {content: ""; display: block; clear: both;}

.sec3 {padding: 30px 0;}
.sec3 .sec-wrap.left {float: left; width: calc(50% - 20px); margin-right: 20px; background-color: #0f49b5; border-radius: 10px 40px 40px; padding: 30px 20px 20px;}
.sec3 .sec-wrap.left .main-title {color: #fff;}
.sec3 .sec-wrap.left .main-title::before {content: ""; width: 12px; height: 30px; background-color: #fff; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 5px;}
.sec3 .sec-wrap.left .link-list ul::after {content: ""; display: block; clear: both;}
.sec3 .sec-wrap.left .link-list ul li {float: left; width: calc(100% / 3 - 7px); margin-right: 10px; margin-bottom: 10px; text-align: center;}
.sec3 .sec-wrap.left .link-list ul li:nth-child(3n) {margin-right: 0;}
.sec3 .sec-wrap.left .link-list ul li:nth-child(4),
.sec3 .sec-wrap.left .link-list ul li:nth-child(5),
.sec3 .sec-wrap.left .link-list ul li:nth-child(6) {margin-bottom: 0;}
.sec3 .sec-wrap.left .link-list ul li a {padding: 24px 5px; display: block;border: 1px solid #fff; background-color: #fff; border-radius: 10px; transition: transform 0.3s ease-in-out;  position: relative; overflow: hidden;}
.sec3 .sec-wrap.left .link-list ul li:nth-child(1) a {border-top-left-radius: 30px;}
.sec3 .sec-wrap.left .link-list ul li:nth-child(3) a {border-top-right-radius: 30px;}
.sec3 .sec-wrap.left .link-list ul li:nth-child(4) a {border-bottom-left-radius: 30px;}
.sec3 .sec-wrap.left .link-list ul li:nth-child(6) a {border-bottom-right-radius: 30px;}
.sec3 .sec-wrap.left .link-list ul li a .link-tit {color: #777; font-weight: 500; font-family: 'Noto Sans KR'; font-size: 16px; margin: 10px 0;}
.sec3 .sec-wrap.left .link-list ul li a .link-sub {color: #777; font-size: 14px;letter-spacing: -0.8px; line-height: 1.5; display: block;}
.sec3 .sec-wrap.left .link-list ul li a .icon-box img {margin: auto;}
.sec3 .sec-wrap.left .link-list ul li a .icon-box .link1_ov {display: none;}
.sec3 .sec-wrap.left .link-list ul li a:hover { background-color: #0f49b5; border: 1px solid #fff; position: relative; transform: translate(0, -15px); box-shadow: 0 10px 0 #083995;}
.sec3 .sec-wrap.left .link-list ul li a:hover::after { content: ""; background: url(../../images/renewal/main/ov_bg.png) no-repeat; width: 131px; height: 127px; display: inline-block; position: absolute; opacity: 0.09; bottom: -30px; right: -30px;}
.sec3 .sec-wrap.left .link-list ul li a:hover .icon-box .link1 {display: none;}
.sec3 .sec-wrap.left .link-list ul li a:hover .icon-box .link1_ov {display: block;}
.sec3 .sec-wrap.left .link-list ul li a:hover .link-tit {color: #fff;}
.sec3 .sec-wrap.left .link-list ul li a:hover .link-sub {color: #fff;}

.sec3 .sec-wrap.right {float: left; width: calc(50% - 20px); margin-left: 20px; padding: 0;}
.sec3 .sec-wrap.right .link2-list ul::after {content: ""; display: block; clear: both;}
.sec3 .sec-wrap.right .link2-list ul li {width: calc(50% - 5px); float: left; margin-right: 10px; margin-bottom: 10px;}
.sec3 .sec-wrap.right .link2-list ul li:nth-child(2n) {margin-right: 0;}
.sec3 .sec-wrap.right .link2-list ul li:nth-child(n+9) {margin-bottom: 0;}
.sec3 .sec-wrap.right .link2-list ul li a {padding: 10px 20px; display: block;border-radius: 10px;border: 1px solid #ccd2db; transition: all 0.3s; position: relative;}
.sec3 .sec-wrap.right .link2-list ul li a::after {content: ""; background: url(../../images/renewal/arrow.png) no-repeat; width: 24px; height: 24px; display: inline-block; position: absolute; top: 10px; right: 10px; transition: all 0.3s;}
.sec3 .sec-wrap.right .link2-list ul li a > p {font-weight: 500; font-family: 'Noto Sans KR'; font-size: 17px; position: relative;}
.sec3 .sec-wrap.right .link2-list ul li a > p::before {content: ""; background-color: #ccd2db; width: 10px; height: 24px;display: inline-block; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); border-radius: 0 4px 4px 0;transition: all 0.3s;}
.sec3 .sec-wrap.right .link2-list ul li a .sm_li > span {font-size: 13px; color: #777;margin-right: 10px;word-break: keep-all;}
.sec3 .sec-wrap.right .link2-list ul li a .sm_li > span::before {content: ""; width: 4px; height: 4px; border-radius: 4px; background-color: #999; display: inline-block; position: relative; top: -4px;left: -5px;}
.sec3 .sec-wrap.right .link2-list ul li a .sm_li > span:first-child:before {display: none;}
.sec3 .sec-wrap.right .link2-list ul li a:hover {border-color: #0f49b5;}
.sec3 .sec-wrap.right .link2-list ul li a:hover > p {color: #0f49b5;}
.sec3 .sec-wrap.right .link2-list ul li a:hover > p::before {background-color: #0f49b5;}
.sec3 .sec-wrap.right .link2-list ul li a:hover .sm_li > span {color: #0f49b5;}
.sec3 .sec-wrap.right .link2-list ul li a:hover .sm_li > span::before {background-color: #0f49b5;}
.sec3 .sec-wrap.right .link2-list ul li a:hover::after {background: url(../../images/renewal/arrow_ov.png) no-repeat;right: 20px;}

.sec3 .sec-wrap.right .more-btn {display: none;}

.sec4 {margin: 30px auto 20px;}
.sec4 .sec-wrap {position: relative; padding: 0;}
.sec4 .sec-wrap::before {content: ""; background-color: #f6f8fb; width: 1000%; height: 242px; display: block; position: absolute;top: 0; left: 50%; transform: translateX(-50%);z-index: -1;}
.sec4 .sec-wrap::after {content: "";display: block; clear: both;}
.sec4 .sec-wrap .title_left,
.sec4 .sec-wrap .list_right {float: left;}

.sec4 .sec-wrap .title_left {margin-right: 40px; padding-top: 50px;}
.sec4 .sec-wrap .title_left .main-title {line-height: 1.3; margin-bottom: 15px;}
.sec4 .sec-wrap .title_left .main-sub {color: #666; letter-spacing: -1px; font-size: 17px; word-break: keep-all;}
.sec4 .sec-wrap .title_left .blue { color: #0f49b5;}

.sec4 .sec-wrap .list_right {width: calc(100% - 390px);}
.sec4 .sec-wrap .list_right ul::after {content: ""; display: block; clear: both;}
.sec4 .sec-wrap .list_right ul li {float: left; width: 20%; display: inline-block; text-align: center;}
.sec4 .sec-wrap .list_right ul li a {width: 100%; height: 100%; border: 1px solid transparent; display: inline-block; padding: 60px 10px; position: relative; transition: all 0.3s;}
.sec4 .sec-wrap .list_right ul li a::after {transition: all 0.3s;}
.sec4 .sec-wrap .list_right ul li a > p {color: #111; font-size: 17px; font-weight: 500; font-family: 'Noto Sans KR'; margin-top: 20px;}
.sec4 .sec-wrap .list_right ul li a img {transition: transform 0.3s ease-in-out;}
.sec4 .sec-wrap .list_right ul li a:hover {background-color: #fff; }
.sec4 .sec-wrap .list_right ul li a:hover::after {content: ""; width: 100%; height: 4px; background-color: #0f49b5; display: inline-block; position: absolute; bottom: 0; left: 0;}
.sec4 .sec-wrap .list_right ul li a:hover img {transform: translate(0, -15px);}

@media screen and (max-width: 1400px) {
 .sec3 { padding: 10px 0;}
 .sec3 .sec-wrap.left {float: unset; width: calc(100% - 80px); margin: 0 40px;}

 .sec3 .sec-wrap.left .link-list ul li {width: calc(100% / 3 - 14px); margin-right: 20px; margin-bottom: 20px;}
 .sec3 .sec-wrap.left .link-list ul li a .link-sub {font-size: 15px;}

 .sec3 .sec-wrap.right {width: calc(100% - 80px); margin: 40px 40px 0 40px;}
 .sec3 .sec-wrap.right .link2-list ul li { width: calc(50% - 10px); margin-right: 20px;}
 .sec3 .sec-wrap.right .link2-list ul li a .sm_li > span { font-size: 15px;}

}

@media screen and (max-width: 1200px) {
 .sec4 .sec-wrap::before {height: 325px;}
 .sec4 .sec-wrap .title_left,
 .sec4 .sec-wrap .list_right {float: unset;}
 .sec4 .sec-wrap .title_left { margin-right: 0; padding-top: 40px;}
 .sec4 .sec-wrap .title_left .main-title { line-height: 1; margin-bottom: 15px;}
 .sec4 .sec-wrap .title_left .main-title > p {display: inline-block;}
 .sec4 .sec-wrap .list_right { width: 100%; margin-top: 20px;}
 .sec4 .sec-wrap .list_right ul li a {padding: 40px 10px 30px;}
}

@media screen and (max-width: 920px) {
 .section1 .rank-box .rank-list li { width: calc(100% / 3 - 5px); }

 .sec4 .sec-wrap::before { height: 305px; }
 .sec4 .sec-wrap .list_right ul li a { padding: 30px 10px 30px; }
 .sec4 .sec-wrap .list_right ul li a img {height: 65px;}
}

@media screen and (max-width: 850px) {
 .sec3 .sec-wrap.left .link-list ul li { width: calc(100% / 2 - 10px);}
 .sec3 .sec-wrap.left .link-list ul li:nth-child(2n) {margin-right: 0;}
 .sec3 .sec-wrap.left .link-list ul li:nth-child(3n) {margin-right: 20px;}
 .sec3 .sec-wrap.left .link-list ul li:nth-child(6) {margin-right: 0;}
 .sec3 .sec-wrap.left .link-list ul li:nth-child(2) a { border-top-right-radius: 30px;}
 .sec3 .sec-wrap.left .link-list ul li:nth-child(3) a { border-top-right-radius: 10px;}
 .sec3 .sec-wrap.left .link-list ul li:nth-child(4) a { border-bottom-left-radius: 10px;}
 .sec3 .sec-wrap.left .link-list ul li:nth-child(5) a { border-bottom-left-radius: 30px;}


 .sec3 .sec-wrap.right .link2-list { max-height: 310px; overflow: hidden; }
 .sec3 .sec-wrap.right .link2-list ul li { width: 100%; margin-right: 0; }
 .sec3 .sec-wrap.right .link2-list ul li:nth-child(9) {margin-bottom: 10px;}
 .sec3 .sec-wrap.right .link2-list ul li a { padding: 20px;}
 .sec3 .sec-wrap.right .link2-list ul li a::after {display: none;}

 .sec3 .sec-wrap.right .more-btn { display: block; width: 100%; padding: 10px; border: 1px solid #0f49b5; border-radius: 10px; margin-top: 10px; font-weight: 600; color: #111; transition: all 0.2s; font-size: 16px;}
 .sec3 .sec-wrap.right .more-btn::before { content: ""; background: url(../../images/renewal/main/morebtn.png) no-repeat; width: 12px; height: 12px; display: inline-block; position: relative; top: 0px; left: -10px; }
 .sec3 .sec-wrap.right .more-btn:hover { background-color: #0f49b5; color: #fff; }
 .sec3 .sec-wrap.right .more-btn:hover::before { background: url(../../images/renewal/main/morebtn_ov.png); }

}

@media screen and (max-width: 768px) {
 .section1 .visual-banner {border-radius: 0;}

 .sec4 .sec-wrap::before { height: 287px; }
 .sec4 .sec-wrap .title_left .main-title {margin-bottom: 12px;}
 .sec4 .sec-wrap .title_left .main-sub { font-size: 16px; font-weight: 300; line-height: 1.4;}
 .sec4 .sec-wrap .list_right ul li a img { height: 60px; }
 .sec4 .sec-wrap .list_right ul li a > p {font-size: 16px;}

 .sec4 .sec-wrap::before { height: 477px; }
 .sec4 .sec-wrap .list_right ul li {width: calc(100% / 3);}
 .sec4 .sec-wrap .list_right ul li a {border-radius: 20px; }
 .sec4 .sec-wrap .list_right ul li a:hover img { transform: unset;}
 .sec4 .sec-wrap .list_right ul li a:hover { border: 1px solid #0f49b5; box-sizing: border-box;}
 .sec4 .sec-wrap .list_right ul li a:hover::after {display: none;}
}

@media screen and (max-width: 640px) {
 .sec3 { padding: 20px 0; }
 .sec3 .sec-wrap.left {width: calc(100% - 40px); margin: 0 20px; }
 .sec3 .sec-wrap.left .link-list ul li { width: calc(100% / 2 - 5px); margin-right: 10px; margin-bottom: 10px; }
 .sec3 .sec-wrap.left .link-list ul li:nth-child(3n) { margin-right: 10px; }
 .sec3 .sec-wrap.left .link-list ul li:last-child {margin-right: 0;}
 .sec3 .sec-wrap.left .link-list ul li a .link-sub { font-size: 14px; }

 .sec3 .sec-wrap.right { width: calc(100% - 40px); margin: 40px 20px 0 20px; }
}

@media screen and (max-width: 620px) {
 .section1 .rank-box .rank-list { width: 100%; margin-left: 0;}
 .section1 .rank-box .rank-list li { width: calc(100% / 3 - 7px); }
 .section1 .rank-box .rank-list li a .num::after {display: none;}
 .section1 .rank-box .rank-list li::after {display: none;}
}

@media screen and (max-width: 500px) {
 .sec3 .sec-wrap.left .main-title::before {width: 10px;}
 .sec3 .sec-wrap.left .link-list ul li a .link-sub {display: none;}
 .sec3 .sec-wrap.left .link-list ul li a { padding: 20px 10px;}
 .sec3 .sec-wrap.left .link-list ul li a .link-tit {margin-top: 20px; margin-bottom: 0; line-height: 1;}

 .sec4 { margin: 30px auto 40px; }
 .sec4 .sec-wrap::before { height: 440px; }
 .sec4 .sec-wrap .list_right ul li a { padding: 20px 10px; }
}

@media screen and (max-width: 450px) {
 .sec3 .sec-wrap.right .link2-list ul li a { padding: 10px 20px; }
 .sec3 .sec-wrap.right .link2-list ul li a .sm_li {line-height: 1.5; margin-top: 10px;}
 .sec3 .sec-wrap.right .link2-list ul li a .sm_li > span { font-size: 14px; }
}

@media screen and (max-width: 425px) {
 .section1 .layout .visual-tit p {font-weight: 400; }
 .section1 .layout .visual-tit strong {font-weight: 800; }
 .section2 .slide-cont .main-tit {font-weight: 800;}
 .sec3 .sec-wrap.left .main-title {font-weight: 800;}
 .main-title {font-weight: 800; margin-bottom: 20px;}

 .main-cont > .sec-wrap { padding-top: 0; }

 .sec3 { padding: 30px 0; }
 /* .sec3 .sec-wrap.left {padding: 20px;} */
 .sec3 .sec-wrap.right {margin: 50px 20px 0 20px; }
 .sec3 .sec-wrap.right .link2-list { max-height: 250px; }
 .sec3 .sec-wrap.right .link2-list ul li a > p {font-size: 16px;}
 .sec3 .sec-wrap.right .link2-list ul li a .sm_li {margin-top: 5px; }

 .sec4 { margin: 30px auto 30px; }
 .sec4.main-cont > .sec-wrap { padding-top: 0; }
 .sec4 .sec-wrap .title_left .main-sub { font-size: 14px;}
 .sec4 .sec-wrap::before { height: 580px; }
 .sec4 .sec-wrap .list_right ul li { width: calc(100% / 2 - 5px);margin-right: 10px; margin-bottom: 10px; }
 .sec4 .sec-wrap .list_right ul li:nth-child(2n) {margin-right: 0;}
 .sec4 .sec-wrap .list_right ul li a {background-color: #fff; border: 1px solid #e4e8ec;}
 .sec4 .sec-wrap .list_right ul li a img { height: 50px; }
 .sec4 .sec-wrap .list_right ul li a > p { font-size: 15px; margin-top: 15px;}

 .section6 .sec-wrap h4.sm-tit {font-size: 18px; font-weight: 800;}
 .main-cont.section6 > .sec-wrap {padding-top: 40px; }
}

@media screen and (max-width: 410px) {
 .sec3 .sec-wrap.left .link-list ul li a { padding: 25px 10px 15px; }
 .sec3 .sec-wrap.left .link-list ul li a .link-tit { font-size: 15px; line-height: 1.4; word-break: keep-all; height: 42px; display: flex; align-items: center; justify-content: center;}
 .sec3 .sec-wrap.left .link-list ul li a .link-tit { margin-top: 10px;}
}

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

 .sec3 .sec-wrap.right .link2-list ul li a .sm_li > span:last-child {display: none;}
}
@media screen and (max-width: 323px) {
 .sec4 .sec-wrap::before { height: 600px; }
}