/* 팝업 */
#popMain {display: none; width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; z-index: 1001;}
#popMain .container {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding:0 1rem;}
#popMain .logo {font-size: 0; line-height: 0;}
#popMain .logo img {max-width:100%;}
#popMain .sliderWr {position: relative; width: 84%; border-radius: 0.25rem; margin-top:1rem;}
#popMain .sliderWr .titWr {display: flex; align-items: center;}
#popMain .sliderWr .titWr .control {display: flex;width:100%;justify-content: end;font-size: 1rem;color: #fff;font-weight: 700;}
#popMain .sliderWr .titWr .control .prgrss {display: flex; align-items: center;}
#popMain .sliderWr .titWr .control .prgrss strong {position: relative; margin-right: 2rem;}
#popMain .sliderWr .titWr .control .prgrss strong::before {content:''; position: absolute; top:-0.25rem; left:-0.75rem; width:0.5rem; height:0.5rem; border-radius: 50%; background: #f56810;}
#popMain .sliderWr .titWr .control .prgrss strong::after {content:''; position: absolute; top:50%; right:-1.6rem; width: 25px; height: 1px; background: rgba(255, 255, 255, 0.5);}
#popMain .sliderWr .titWr .control .prgrss .bar {width: 6rem; height: 3px; border-radius: 3px; background: #e4e6ed; margin: 0 0.75em; position: relative;}
#popMain .sliderWr .titWr .control .prgrss .bar::after {content: ""; display: block; width: 0; height: 100%; border-radius: 3px; background: #f46814; position: absolute; left: 0; top: 0;}
#popMain .sliderWr .titWr .control .prgrss a.stp,
#popMain .sliderWr .titWr .control .prgrss a.ply {margin: 0 0.25em; width:1.8rem; height:1.8rem; line-height: 1.8rem; text-align: center; border-radius: 0.5rem; background: #fff; color: #000; font-size: 1.2rem;}
#popMain .sliderWr .titWr .control .prgrss a.ply {display: none;}
#popMain .sliderWr .titWr .control .btnWr {position: absolute; left:0; top:50%; width: 100%;}
#popMain .sliderWr .titWr .control .btnWr a.prv,
#popMain .sliderWr .titWr .control .btnWr a.nxt {font-size: 3em; position: absolute; font-weight: 400;}
#popMain .sliderWr .titWr .control .btnWr a.prv {left:0;}
#popMain .sliderWr .titWr .control .btnWr a.nxt {right:0;}
#popMain .sliderWr .pop_zone {padding:0 6rem;}
#popMain .sliderWr .slider {margin: calc(5rem * 0.35) -1.25rem 0;}
#popMain .sliderWr .slider .item {padding: 0 1.25rem;}
#popMain .sliderWr .slider .item a {display: flex; justify-content: center; align-items: center; height: 100%; max-height: 380px; border-radius: 0.5rem; border: 1px solid #dadada; background: #fafafa; font-size: 0; line-height: 0; overflow: hidden;}
#popMain .sliderWr .slider .item a img {max-width: 100%;}
#popMain .clsWr {display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; margin-top: 3rem; position: relative; z-index: 0;}
#popMain .clsWr .radioCheck {display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;}
#popMain .clsWr .radioCheck li {position: relative;}
#popMain .clsWr .radioCheck li + li {margin-left: 0.5em;}
#popMain .clsWr .radioCheck li::before {content: ""; display: block; width: calc(100% + 6px); height: calc(100% + 6px); border-radius: 3px; border: 1px solid #fff; position: absolute; left: -3px; top: -3px; opacity: 0; z-index: -1;}
#popMain .clsWr .radioCheck li::after {content: ""; display: block; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 2px; border: 2px solid #000; position: absolute; left: -2px; top: -2px; opacity: 0; z-index: -1;}
#popMain .clsWr .radioCheck li input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
#popMain .popMainClose1 {position: absolute; left:50%; margin-left: -37rem; top:20%; display: flex; justify-content: center; align-items: center; width: calc(2.5rem * 1.4); height: calc(2.5rem * 1.4); border-radius: 50%; background: #f46813; color: #fff; font-size: calc(2.5rem * 0.64);}
#popMain .popMainClose1::before {content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #f7b13b; position: absolute; left: 0; top: 0; z-index: -1; animation: pulse 2s infinite;}
#popMain .clsWr .radioCheck li a.popMainClose2,
#popMain .clsWr .radioCheck li input[type="radio"] + label {position: relative; display: block; height: 2.3rem; line-height: 2.3rem; text-align: center; border-radius: 1.25rem; border:2px solid #fff; min-width: 7.75rem; padding:0 1.25rem; font-size: 0.9rem;}
#popMain .clsWr .radioCheck li a.popMainClose2 {background: #023c73; border-color: #023c73; color:#fff;}
#popMain .clsWr .radioCheck li input[type="radio"] + label {cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#popMain .clsWr .radioCheck li input[type="radio"] + label i {font-size: 1rem; margin-left:1rem;}
#popMain .clsWr .radioCheck li a.popMainClose2::before {display: none;}
/* 팝업¸ : animation */
@keyframes pulse {
	0% {transform: scale(1);}
	100% {transform: scale(1.5); opacity: 0;}
}
/* 팝업¸ : active */
#popMain .sliderWr .slider .item a img {transition: 0.2s;}
#popMain.active {display: block;}
#popMain .sliderWr .titWr .control .prgrss.actv .bar::after {width: 100%; transition: 4s;}
#popMain .sliderWr .slider .item a:hover img,
#popMain .sliderWr .slider .item a:focus img {transform: scale(1.1);}
#popMain .clsWr .radioCheck li:has(input[type="radio"]:focus)::before,
#popMain .clsWr .radioCheck li:has(input[type="radio"]:focus)::after {opacity: 1;}
#popMain .clsWr li a.popMainClose2:hover,
#popMain .clsWr li a.popMainClose2:focus {background: #023c73; border-color: #023c73; color:#fff;}
#popMain .clsWr .radioCheck li input[type="radio"]:checked + label {background: #023c73; border-color: #023c73; color:#fff;}
#popMain .clsWr .radioCheck li input[type="radio"]:checked + label::after {opacity: 1;}


div#fullpage {position: relative; width:100%;}

#fp-nav {position: absolute;top: calc(50% - 7rem);left: 0.5rem;opacity: 0;transition: 0.3s ease-in-out;}
#fp-nav ul li:last-child { display: none; }
#fp-nav ul li + li { margin-top: 0.4rem; }
#fp-nav ul li a {display: flex;justify-content: center;align-items: center;width: 4.5rem;height: 1.75rem;color: #fff;font-size: 0.75rem;border-radius: 3rem;}
#fp-nav ul li a .fp-sr-only { position: absolute !important; }
#fp-nav ul li a span {position: relative;padding-left: 1rem;font-weight: 700;letter-spacing: normal;}
#fp-nav ul li a span::before {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;border-radius: 50%;background: #fff;content: "";}
#fp-nav ul li a.active { background: #023c73; }
#fp-nav ul li a.active  span {color: #fff;}
#fp-nav ul li a.active span::before { background: #fff; }

.start #fp-nav { opacity: 1; transition-delay:0.3s;}
.fp-viewing-1 #fp-nav ul li a { color: #666666; }
.fp-viewing-1 #fp-nav ul li a span::before { background: #666666; }
.fp-viewing-1 #fp-nav ul li a.active span::before { background: #fff; }

.fp-viewing-2 #fp-nav ul li a { color: #fff; }
.fp-viewing-2 #fp-nav ul li a span::before { background: #fff; }
.fp-viewing-2 #fp-nav ul li a.active { background: #fff; }
.fp-viewing-2 #fp-nav ul li a.active span { color: #023c73; }
.fp-viewing-2 #fp-nav ul li a.active span::before { background: #023c73; }

.fp-viewing-3 #fp-nav ul li a { color: #666666; }
.fp-viewing-3 #fp-nav ul li a span::before { background: #666666; }
.fp-viewing-3 #fp-nav ul li a.active span::before { background: #fff; }

.fp-viewing-4 #fp-nav{display: none !important;}

.fp-watermark {display:none;}
.fp-overflow { justify-content: flex-start; max-height: 100vh}
.fp-scrollable .fp-auto-height .fp-overflow { max-height: none;}
.fp-overflow {outline: none; height:100%;}
.fp-overflow.fp-table {display: block;}
.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide { height: auto!important; min-height: auto!important}
.fp-sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar { background-color: transparent; width: 9px}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track { background-color: transparent;}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.4); border-radius: 16px; border: 4px solid transparent;}
.fp-is-overflow .fp-overflow.fp-auto-height-responsive,.fp-is-overflow .fp-overflow.fp-auto-height,.fp-is-overflow>.fp-overflow {overflow-y: auto;}

/* slick slide common */
.slick-slider {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle; outline: none;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none;}
.slick-current {opacity:1; display:block;}
.slick-track {position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto;}
.slick-list, .slick-track {height:100%;}

 
#container {padding-bottom:0px; min-height:calc(100% - 3.5rem);}
.container {line-height: normal;}

/* common */
h3.heading {font-size:1.5rem;color: #111;font-weight: 400;margin-bottom: 1rem;letter-spacing: normal;text-overflow: ellipsis;text-wrap: nowrap;overflow: hidden;}
h3.heading strong {font-weight: 800;}
.btn_more {position:absolute;font-family: 'Wanted Sans';font-weight: 500;letter-spacing: normal;right:0;top: 0;display: flex;align-items: center;justify-content: center;font-size: 0.9rem;line-height: 1;color: #565656;transition: all 0.2s;z-index: 1;}
.btn_more span {position:relative;margin-left: 0.4rem;}
.btn_more span:before {position:absolute;content:"";display:block;width:1.5rem;height:1.5rem;top: -0.3rem;left: 0.4rem;background: #ffffff;border-radius:50%;z-index: -1;transition:0.3s all;}
.btn_more span i{font-size:1.5rem;font-weight: 400;color:#000;}
.slick-list {overflow: hidden;}
.slick-track {margin-left: 0; margin-right: 0;}

/* active */
.btn_more:hover span:before,
.btn_more:focus span:before {background:#dbeeff;}

.section {position: relative;height: 100%;padding: 4.5rem 0 2rem;display: flex;justify-content: center;align-items: center;line-height: normal;overflow: hidden;}
.section4 {padding:4.5rem 0;}
.section .inner { position: relative; max-width: 80rem; width: 100%; height: 100%; }


.section1 { position: relative; padding-bottom:0;}
.section1 .inner {max-width: 128rem;}
.section2 {position: relative;background: url('/images/web/main/main/section02_bg.png') no-repeat center / cover;}
.section2::before {position: absolute;bottom: -100%;right: 50%;transform: translateX(-9rem);width: 39.1rem;height: 9.9rem;background: url('/images/web/main/main/section02_bg_deco.png') no-repeat center / contain;content: "";opacity: 0;transition: 1s ease-in-out;}
.section2 .inner {display: flex;flex-wrap: wrap;gap: 2.5rem;height: auto;}
.section3 {background: #24489a;padding: 4.5rem 0 1rem;}
.section3 .inner { height: auto; }
.section3 .inner .titleWrap {margin-bottom: 2rem;}
.section3 .inner .titleWrap .heading {max-width: calc(100% - 7rem);color: #fff;font-weight: 700;margin-bottom: 0.5rem;}
.section3 .inner .titleWrap p {color: #fff;}
.section4 .inner {display: flex;flex-wrap: wrap;justify-content: space-between;height: auto;padding-left: 1.25rem;padding-bottom: 1.5rem;}
.section4 .inner::before { position: absolute; top: 50%; right: -6rem; background: rgba(224, 221, 255, 0.4); border-radius: 0 5rem 0 0; content: ""; width: 0; height: 200%; z-index: -1; opacity: 0; transition: 1s ease-in-out; }

/* active */
.section1.active::before { opacity: 1; transition-delay: 0.6s; }
.section1.active::after { opacity: 1; transition-delay: 0.6s; }
.section1.active .inner::before { width: 150vw; opacity: 1; }
.section2.active::before { bottom: 0; opacity: 1; }
.section4.active .inner::before { width: 150vw; opacity: 1; }

.fp-viewing-4 [class*="mot"] { opacity: 1; transform: none; }
.fp-viewing-4 .section4 .inner::before { width: 150vw; opacity: 1; }

/* active */
.bg_deco p { position: absolute; line-height: 0; }
.bg_deco .bg1 {top: -5.7rem;left: -16rem;}
.bg_deco .bg2 {bottom: -19.25rem;left: -41.9rem;}
.bg_deco .bg3 {bottom: -8.25rem;right: -28.4rem;}

/* 메인비주얼 */
.visual {position: relative;width: 100%;height: auto;overflow: hidden;}
.visual .item img {max-width:100%;width:100%;height: 100%;object-fit: cover;}
.visual .slogun {display: flex;width: 100%;padding: 1rem;position:absolute;top: 30%;left:50%;transform: translate(-50%, -40%);text-align:center;color:#fff;flex-direction: column;}
.visual .slogun h3{font-weight:400; font-size:1.25rem; letter-spacing:-1px; word-break:auto-phrase;}
.visual .slogun h3 span{font-weight:700;}
.visual .slogun p {font-weight:800;font-size:6rem;line-height: 1;letter-spacing: normal; overflow:hidden; white-space:nowrap;text-overflow:hidden;}

@media (max-width: 1440px) {	
.visual .slogun h3{font-size:1rem;}
.visual .slogun p {font-size:5rem;}
}

@media (max-width: 1024px) {	
.visual .slogun h3{font-size:1rem;}
.visual .slogun p {font-size:4rem;}
}

@media (max-width: 768px) {	
.visual .slogun h3{font-size:0.9rem;}
.visual .slogun h3 span{display:inline-block; width:100%;}
.visual .slogun p {font-size:2.5rem; padding-top: 5px;}
}

@media (max-width: 480px) {	
.visual .slogun h3{font-size:0.8rem;}
.visual .slogun p {font-size:2rem;}
}

 
/* 바로가기 */
.link {position: absolute;bottom: 0;left: 0;width: 100%;background: rgb(0 0 0 / 40%);padding: 1.5rem 0 3rem;z-index: 1;}
.link ul {display: flex;flex-wrap: wrap;max-width: 80rem;margin: 0 auto;}
.link ul li {width: calc(100% / 8);}
.link ul li a { display: block; }
.link ul li a .img {display: flex;width: 5rem;height: 5rem;border-radius: 50%;margin: 0 auto 0.9rem;background: #fff;border: 2px solid #fff;transition: 0.3s;align-items: center;justify-content: center;}
.link ul li a .img img {max-width:100%;}
.link ul li a .txt {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 0.9rem;color: #fff;text-align: center;font-weight: 500;word-break: auto-phrase;text-overflow: ellipsis;overflow: hidden;}
.link ul li a:hover .img,
.link ul li a:focus .img { border-color: #2ca9fa; }

/* 게시판 */
.noticeWrap {position: relative;width: 34.5rem;}
.notice {position: relative;width: 100%;}
.noticeWrap .tabs {position: relative;}
.titleWrap {margin-bottom: 2rem;}
.titleWrap h2 {display: inline-block;position: relative;font-size: 1.6rem;font-weight: bold;margin-right: 0.5rem;font-family: 'GmarketSans';overflow: hidden;}
.titleWrap h2 span {display: inline-block;color: #1D74EA;white-space: nowrap;}
.titleWrap p {font-size: 1rem;font-weight: 500;color: #444444;letter-spacing: -1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.titleWrap p::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/images/template/02278/main/dot2_img.png)no-repeat; width:0.3rem; height: 1.2rem; }
.notice .tabWrap {border-top: 1px solid #ccc;}
.noticeWrap .tabs {position:relative;display:flex;flex-wrap: wrap;gap: 0.5rem 1.5rem;margin-bottom: 1.25rem;padding-right: 4.5rem;align-items: center;}
.noticeWrap .tabs li {position:relative;max-width: calc(100% / 3);}
.noticeWrap .tabs li a {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.1rem;font-weight: 600;color: #7f7f7f;}
.noticeWrap .tabs li:after {position: absolute;content: "";right: -0.75rem;top: 50%;transform: translateY(-50%);background: #ccc;width: 0.1px;height: 0.6rem;}
.noticeWrap .tabs li a.current {color: #24489a;font-weight: 900;}
.noticeWrap .tabs li + .tabs li:before {position:absolute; content: ''; display: inline-block; width: 1px; height: 20px; background: #ccc; margin-right: 10px;}
.noticeWrap .tabs li:last-child:after {display: none;}
.noticeWrap .tabWrap .list_box { display: none; }
.noticeWrap .tabWrap .list_box .new dt {padding-left: 2rem;}
.noticeWrap .tabWrap .list_box .new dt:before {position: absolute;content: "N";color: #fff;background: #e33953;border-radius: 50%;width: 1.425rem;height: 1.425rem;left: 0rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: flex;align-items: center;justify-content: center;font-size: .75rem;}
.noticeWrap .tabWrap .list_box dt {position: relative;font-size: 1rem;font-weight: 600;line-height: 1.6rem;letter-spacing: -1px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 0.8rem;}
.noticeWrap .tabWrap .list_box dl {position: relative;padding: 1rem 0;color: #222;}
.noticeWrap .tabWrap .list_box dd p {font-size: 0.85rem;font-weight: 400;line-height: 1.4rem;letter-spacing: 0px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.noticeWrap .tabWrap .list_box .date {display: inline-block;color: #888888;font-size: 0.85rem;font-weight: 600;margin-top: 1rem;}
.noticeWrap .tabWrap .list_box dd .date em {display: block;width: 100%;color: #013582;font-size: 2.1rem; font-weight: bold;}
.noticeWrap .tabWrap .list_box ul {padding-top: 0.75rem;border-top: 1px solid #ccc;}
.noticeWrap .tabWrap .list_box ul li:nth-child(n + 6) { display: none; }
.noticeWrap .tabWrap .list_box ul li a {position: relative;display:flex;padding-left: 0.65rem;line-height: 2rem;} 
.noticeWrap .tabWrap .list_box ul li a.new p.txt {padding-left:1.25rem;}
.noticeWrap .tabWrap .list_box ul li a.new p.txt:before {position: absolute;content: "N";color: #fff;background: #e33953;border-radius: 50%;width: 1rem;height: 1rem;left: 0rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: flex;align-items: center;justify-content: center;font-size: 0.5rem;}
.noticeWrap .tabWrap .list_box ul li a p.txt {position: relative;display: block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 5rem);font-size: .85rem;font-weight: 400;color: #333;}
.noticeWrap .tabWrap .list_box ul li a::before {content: "ㆍ";position: absolute;left: -0.25rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #023c73;font-size: 0.85rem;font-weight: 700;}
.noticeWrap .tabWrap .list_box ul li a span {margin-left:auto;font-size: 0.85rem;color: #666666;font-weight: 400;}
.noticeWrap .tabWrap .no_data {border-top:none !important;}
.noticeWrap .tabWrap .no_data li {text-align: center;line-height: 21.25rem;font-size: .85rem;font-weight: 400;color: #333;}
.noticeWrap .tabWrap .list_box .topList { display: flex; flex-direction: column; }
/*active */
.noticeWrap .tabWrap .list_box .topList:hover dt {text-decoration:underline;}
.noticeWrap .tabWrap .list_box.on { display: block; }
.noticeWrap .tabWrap .list_box ul li a:hover .txt,
.noticeWrap .tabWrap .list_box ul li a:focus .txt { text-decoration: underline; text-underline-offset: 4px; } 

/* 맞춤 서비스 */
.serviceWrap {position:relative; width: calc(100% - 37rem); }
.service { width: 100%; }
.service_mob {display: none;}
.service .lst {display: flex;border-radius: 1.2rem;border: 1px solid #ddd;background: #475677;}
.service .lst dl {position: relative;flex: 1;background: #fff;transition: 0.3s;padding-top: 5rem;}
.service .lst dl:nth-child(1) { border-radius: 1.1rem 0 0 1.1rem; }
.service .lst dl:nth-child(3) { border-radius: 0 1.1rem 1.1rem 0; }
.service .lst dl.active {background: #24489a;border-radius: 1.1rem 1.1rem 0 1.1rem;}
.service .lst dl.active:nth-child(2) {background: #24489a;border-radius: 1.1rem 1.1rem 0 0rem;}
.service .lst dl.active:nth-child(3) {background: #24489a;border-radius: 1.1rem 1.1rem 1.1rem 0rem;}
.service .lst dl::after { position: absolute; top: 1.4rem; left: 0; width: 1px; height: 1.7rem; background: rgba(255, 255, 255, 0.2); content: ""; }
.service .lst dl.active + dl::after {display: none;}
.service .lst dl + dl.active::after {display: none;}
.service .lst dl dt {position: absolute;top: 0;left: 0;display: flex;align-items: center;width: 100%;height: 4.5rem;background: #475677;color: #fff;font-size: 1.1rem;font-weight: 700;background-repeat: no-repeat;background-position: bottom right 1rem;padding: 0 1.6rem;transition: 0.3s;}
.service .lst dl:nth-child(1) dt {background-image: url('/images/web/main/main/service_icon01.png');border-radius: 1rem 0 0 1rem;}
.service .lst dl:nth-child(2) dt { background-image: url('/images/web/main/main/service_icon02.png'); }
.service .lst dl:nth-child(3) dt { background-image: url('/images/web/main/main/service_icon03.png'); border-radius: 0 1.1rem 1.1rem 0; }
.service .lst dl.active dt {top: -0.5rem;background-color: #24489a;height: 5rem;border-radius: 1rem 1rem 0 0;}
.service .lst dl.active dt::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 2rem); height: 1px; background: #4164b3; content: ""; }
.service .lst dl dt::after { position: absolute; top: 0; right: 4.8rem; content: ""; width: 1.7rem; height: 1.65rem; transition: 0.3s; }
.service .lst dl:nth-child(1) dt::after { right: 3.5rem; background: url('/images/web/main/main/service_icon01_deco.png') no-repeat center / contain; }
.service .lst dl:nth-child(2) dt::after { background: url('/images/web/main/main/service_icon02_deco.png') no-repeat center / contain; }
.service .lst dl:nth-child(3) dt::after { top: 5px; right: 5.8rem; background: url('/images/web/main/main/service_icon03_deco.png') no-repeat center / contain; }
.service .lst dl.active dt::after { top: -1rem; width: 2.7rem; height: 2.65rem; }
.service .lst dl dd {position: relative;padding: 0.75rem 1rem 1.65rem;transition: 0.3s;}
.service .lst dl dd::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 17.6rem; background: rgba(0, 0, 0, 0.1); content: ""; }
.service .lst dl dd ul {width:100%; display:flex; flex-wrap:wrap; gap:0.5rem;}
.service .lst dl dd ul li{position:relative; width:100%;}
.service .lst dl:first-child dd::before { display: none; }
.service .lst dl dd ul li a {position: relative;display: flex;align-items: center;height: 2.5rem;border: 1px solid #ddd;padding: 0 2rem 0 0.7rem;text-align: left;font-size: 0.75rem;border-radius: 0.35rem;background: #fff;transition: 0.3s;}
.service .lst dl dd ul li a p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.service .lst dl dd ul li a::before {position: absolute;top: 50%;transform: translateY(-50%);right: 0.7rem;font-family: 'remixicon';font-size: 1rem;content: "\ea6e";transition: 0.3s;}
.service .lst dl.active dd ul li a:hover,
.service .lst dl.active dd ul li a:focus {background: #001a54;color: #fff;font-weight: 700;border-color: #001a54;}
.service .lst dl.active dd ul li a::before:hover,
.service .lst dl.active dd ul li a::before:focus { color: #fff; }

/* 간행물 */
.book-wrap {position: relative;width: 100%;text-align: center;}
.book-wrap .tit_wrap {display: flex;justify-content: center;align-items: center;}
.book-wrap .tit_wrap ul {display: flex;flex-wrap: wrap;gap: 1rem 0;justify-content: center;}
.book-wrap .tit_wrap ul li {position: relative;max-width: calc(100% / 3);}
.book-wrap .tit_wrap ul li:last-child {max-width:calc(100% / 6)}
.book-wrap .tit_wrap ul li + li { margin-left: 1rem; padding-left: 1rem; }
.book-wrap .tit_wrap ul li + li::before { position: absolute; top: 50%; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #fff; content: ""; }
.book-wrap .tit_wrap ul li a {position: relative;display: block;color: #fff;font-size: 1rem;}
.book-wrap .tit_wrap ul li.current a::before { position: absolute; bottom: -0.5rem; left: 0; width: 100%; height: 2px; background: #fff; content: ""; }
.book-wrap .tit_wrap ul li a span {position: relative;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: .2s all;-webkit-transition: .2s all;}
.book-wrap .tit_wrap ul li.current a span { padding-left: 1.2rem; }
.book-wrap .tit_wrap ul li.current a span::before {position: absolute;top: 50%;transform: translateY(-50%);left: 0;font-family:'remixicon';font-size: 1rem;color: #fff;content:"\eb80";} 
.book-wrap .control {position: absolute;top: -0.5rem;right: 0;display: flex;gap: 0.5rem;}
.book-wrap .control a { width: 2.5rem; height: 2.5rem; border: 2px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1rem; }
.book-wrap .control a.play {display:none;}
.book-wrap .tabWrap {width: 100%;}
.book-wrap .tabcontent {display: none;margin-left: 1.25rem;}
.book-wrap .tabcontent.current{display: block;}
.book-wrap .slider {margin: 2.5rem -2.25rem 0rem -1.25rem;}
/* 251017 수정부분 */
.book-wrap .slider .item {padding: 1rem 2.25rem 2rem 1.25rem;}
.book-wrap .slider .item a {display:block;}
.book-wrap .slider .item a .img{position: relative;max-width: 13.5rem;width: 100%;height: 18.5rem;display: block;transition: 0.3s;}
.book-wrap .slider .item a .img img {max-width: 100%;width: 100%;height: 100%;border-radius: 1rem;overflow: hidden; transition: 0.2s all;}
.book-wrap .slider .item a .more {position: absolute;display: flex;justify-content: center;align-items: center;bottom: -1.65rem;left: -1rem;width: 3.85rem;height: 3.85rem;border-radius: 50%;text-align: center;background: #0093a8;color: #fff;transition: 0.3s;font-family: 'Montserrat';font-weight: 700;font-size: 0.65rem;letter-spacing: 2px;animation: shadow 1s infinite;opacity: 0;overflow: hidden;visibility: hidden;}
.book-wrap .slider .item a .tit {max-width: 10rem;color: #fff;line-height: 2rem;border-radius: 1.25rem;padding:0 0.5rem;font-size:0.9rem;font-weight:600;margin: 1rem auto 0;text-align:center;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.15s;}
.book-wrap .bnt_more {display: inline-flex;align-items: center;margin: 0 auto;height: 2.55rem;border-radius: 3rem;border: 2px solid #fff;padding: 0 1.4rem;color: #fff;font-size: 0.9rem;}
.book-wrap .bnt_more i { margin-left: 0.9rem; }
.book-wrap .slider .item a:hover .img,
.book-wrap .slider .item a:focus .img{ transform: translateY(-1rem); }
.book-wrap .slider .item a:hover .tit,
.book-wrap .slider .item a:focus .tit {text-underline-offset:0.5rem; text-decoration:underline;}
.book-wrap .slider .item a:hover .img img,
.book-wrap .slider .item a:focus .img img { box-shadow: 10px 10px 0 #102f74; }
.book-wrap .slider .item a:hover .more,
.book-wrap .slider .item a:focus .more { opacity: 1; overflow: visible; visibility: visible; }
/* //251017 수정부분 */

.book-wrap .tabcontent .no_data {display: flex;width:100%;height: 21.5rem;margin-top: 2.5rem;padding: 1rem 2.25rem 1rem 1rem;align-items: center;justify-content: center;border-radius: 0.25rem;color: #fff;line-height: 21.5rem;}

/* 안심신고센터 */
.call {display: flex;width: 100%;justify-content: flex-end;margin-bottom: 3rem;}
.call_cont {display: flex;align-items: center;width: 20rem;gap: 1.4rem;justify-content: flex-end;}
.call .titleWrap {max-width: calc(100% - 4.9rem);margin-bottom: 0;}
.call .titleWrap .heading{font-size: 1.1rem;color: #5c39cd;font-weight: 700;margin-bottom: 0.5rem;}
.call .titleWrap .heading strong{color: #121212;}
.call .titleWrap p{font-size: 0.85rem;font-weight: 400;color: #121212;}
.call .qr_wrap {position:relative;}
.call .qr_wrap:before {content:"";width: 9.05rem;height: 9.1rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url(/images/web/main/main/qr_bg.png) no-repeat center;background-size: contain;z-index: -1;}
.call .qr_wrap img{max-width:100%;}

/* sns */
.sns {position: relative;width: calc(100% - 27.8rem);}
.sns::before { position: absolute; top: 50%; right: -4rem; transform: translateY(-50%); background: #fff; width: 100vw; height: calc(100% + 5.8rem); border-radius: 0 3.5rem 3.5rem 0; content: ""; z-index: -1; }
.sns .titleWrap {display: flex;margin-bottom:1.25rem;justify-content: space-between;}
.sns .titleWrap h3.heading {line-height: 1;margin-bottom:0;}
.sns .titleWrap .snsWrap ul{display: flex;gap: 0.5rem;align-items: center;}
.sns .titleWrap .snsWrap ul li.facebook a{background:#4169af;}
.sns .titleWrap .snsWrap ul li.instagram a{background: linear-gradient(0deg,oklch(0.5 0.22 310.1) 0%, oklch(0.64 0.2 23.88) 100%);}
.sns .titleWrap .snsWrap ul li.youtube a{background:#fe0000;}
.sns .titleWrap .snsWrap ul li a{display: flex;justify-content: center;align-items: center;width: 2.25rem;height: 2.25rem;border-radius:50%;}
.sns .titleWrap .snsWrap ul li a i{font-size: 1rem;color: #fff;font-weight: 400;}
.sns .ctrl a {position: absolute;top: calc(50% - 2.4rem);display: flex;justify-content: center;align-items: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: #fff;border: 1px solid #f1f1f1;box-shadow: 4px 2px 6px rgba(0, 0, 0, 0.11);font-size: 1rem;z-index: 10;transition: 0.3s;}
.sns .ctrl a.prev {left: -1.25rem;}
.sns .ctrl a.next {right: -1.25rem;}
.sns .ctrl a i {font-size:1.5rem;}
.sns .sliderWrap{position:relative;}
.sns .slider_box { overflow: hidden; }
.sns .slider {width: calc(100% + 2rem);margin: 0 -1rem;}
.sns .slider .item { padding: 0 1rem; }
.sns .slider .item a { display: block; }
.sns .slider .item a .img {position: relative;display: flex;width: 100%;height: 19.5rem;border-radius: 1.25rem;border: 1px solid #ddd;overflow: hidden;align-items: center;justify-content: center;background: #ddd;}
.sns .slider .item a .img img {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%) scale(1); width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.sns .slider .item a:focus .img img,
.sns .slider .item a:hover .img img {transform: translate(-50%, -50%) scale(1.2);}
.sns .slider .item.no_data {display:flex;width: 100%;align-items:center;justify-content:center;}
.sns .slider .item.no_data > p {line-height:19.5rem;}

.sns .slider .item a .txtWrap {display: flex;align-items: center;margin-top: 1rem;gap: 0.6rem;}
/* 251017 아이콘 수정부분 */
.sns .slider .item a .txtWrap .ico{display: flex;justify-content: center;align-items: center;width: 1.75rem;height: 1.75rem;border-radius: 50%;}
.sns .slider .item a .txtWrap .ico.facebook {background:#4169af;}
.sns .slider .item a .txtWrap .ico.instagram {background: linear-gradient(0deg,oklch(0.5 0.22 310.1) 0%, oklch(0.64 0.2 23.88) 100%);}
.sns .slider .item a .txtWrap .ico.youtube {background:#fe0000;}
.sns .slider .item a .txtWrap .ico i{font-size: 1rem;color: #fff;font-weight: 400;line-height: 1;}
/* // 251017 아이콘 수정부분 */
.sns .slider .item a .txtWrap .txt{display: inline-block;max-width: calc(100% - 2.35rem);font-size: 0.85rem;color: #111;font-weight: 400;letter-spacing: -1px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sns .ctrl a:hover,
.sns .ctrl a:focus {background: #313131;border: 1px solid #313131;color: #fff;}

/* 포토갤러리 */
.gallery { position: relative; width: 21.15rem; }
.gallery .titleWrap{margin-bottom: 1.4rem;}
.gallery .titleWrap h3.heading{line-height: 1;margin-bottom:0;}
.gallery .slider .item {display: block;width: 100%;height: 21.5rem;border-radius: 1.5rem;background: #fff;overflow: hidden;}
.gallery .slider .item a {display: block;width: 100%;height: 100%;}
.gallery .slider .item a .img {position: relative;display: flex;width: 100%;height: 14rem;align-items: center;justify-content: center;background: #ddd;overflow: hidden;}
.gallery .slider .item a .img img {max-width: 100%;width: 100%;height: auto;}
.gallery .slider .item a .img img {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%) scale(1); width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.gallery .slider .item a .txtWrap {display: flex;width: 100%;padding: 0 1.4rem;gap: 0.8rem;margin-top: 1.5rem;}
.gallery .slider .item a .txtWrap .ico{display: flex;justify-content: center;align-items: center;width: 1.75rem;height: 1.75rem;border-radius: 50%;background: #4169af;}
.gallery .slider .item a .txtWrap .ico i{font-size: 1rem;color: #fff;font-weight: 400;}
.gallery .slider .item a .txtWrap .txt{max-width: calc(100% - 1rem);font-size: 0.85rem;line-height: 1.4rem;color: #111;font-weight: 500;letter-spacing: -1px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.gallery .slider .item a .txtWrap .date {display: flex;line-height: 1.1rem;flex-direction: column;align-items: center;justify-content: center;}
.gallery .slider .item a .txtWrap .date span{display: inline-block;width: 100%;font-size:1.5rem;font-weight:800;color:#24489a;}
.gallery .slider .item a .txtWrap .date em{display: inline-block;width: 100%;color:#a4a4a4;font-weight:700;font-size:0.7rem;margin-top: 0.5rem;}
.gallery .ctrl {display: flex;align-items: flex-end;justify-content: center;gap: 0.6rem;font-size: 1rem;margin-top: 1rem;}
.gallery .ctrl a.prev::before,
.gallery .ctrl a.next::before { position: absolute; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #fff; content: ""; z-index: -1; transition: 0.3s; }
.gallery .ctrl .play { display: none; }
.gallery .ctrl .play,
.gallery .ctrl .stop { position: relative; top: 13px; }
.gallery .ctrl .prev { position: relative; display: flex; flex-direction: column; font-size: 0.8rem; color: #333; text-align: right; z-index: 0; }
.gallery .ctrl .prev::before { bottom: -9px; left: -8px; }
.gallery .ctrl .next { position: relative; display: flex; flex-direction: column; font-size: 0.8rem; color: #333; z-index: 0; }
.gallery .ctrl .next::before { bottom: -9px; right: -8px; }
.gallery .ctrl em {font-weight:600; font-size:0.8rem; color:#333;}
.gallery .ctrl a:hover::before,
.gallery .ctrl a:focus::before { background: #d6f0ff; }
/* active */
.gallery .slider .item a:hover .img img,
.gallery .slider .item a:focus .img img {transform: translate(-50%, -50%) scale(1.2);}

/* scroll */
.scroll {position: fixed;left: 0;bottom: 3rem;display: flex;flex-direction: column;align-items: center;z-index: 50;pointer-events: none;opacity: 0;transition: 0.3s ease-in-out;z-index: 10;}
.scroll strong {display:inline-block;opacity:.7;animation: scrollFloat 2.2s ease-in-out infinite;will-change: transform, opacity;transform: rotate(90deg);color: #aab3b9;font-size: 15px;margin-bottom: 2.5rem;}
.scroll span{line-height:16px; font-size: 1rem; color:#7a7a7a;opacity:0; transform: translateY(-6px);animation: arrowDrop 1.2s ease-in-out infinite;will-change: transform, opacity;}
.scroll span:nth-of-type(1){ animation-delay: .0s; }
.scroll span:nth-of-type(2){ animation-delay: .25s; }

.start .scroll { opacity: 1; transition-delay:0.3s;}
.fp-viewing-2 .scroll strong { color: #fff; }
.fp-viewing-2 .scroll span { color: #fff; }
.fp-viewing-3 .scroll { display: none; }
.fp-viewing-4 .scroll { display: none; }

@media (min-width: 1640px) {
	.visual .item img {height:100vh;}
}


@media (min-width: 1401px) {
/* .section2, .section3, .section4 {height:100vh; min-height:950px; display:flex; justify-content:center; align-items:center;} */
}

@media (max-width: 1800px) {
	#fp-nav,
	.scroll {display: none;}
}

@media (max-width: 1640px) {
.section {height:auto !important;}
.section2 {background-position-y: 0;padding-top: 0;}
.section2::before {transform: translateX(-1rem);}
.section1 .inner {padding: 0;}
.inner {padding: 0 1rem;}

.section2,.section3 {padding: 2.5rem 0rem;}
.section4 {padding: 3rem 0rem;}

/* 바로가기 */
.link {padding: 1.5rem 1rem;}

/*간행물 251017*/
.book-wrap .tabcontent {margin-left: 0;}
.book-wrap .slider {width: calc(100% + 2rem);margin: 2rem -1rem 0;}
.book-wrap .slider .item {padding: 1rem 1rem 2rem;}
.book-wrap .slider .item a .more {left: 0.25rem;}
	
/* 안심신고센터 */
.call {right: 1rem;}
	
}

@media (max-width: 1400px) {
.section2::before {display:none}
.section4 .inner {margin-top: 0;}
.bg_deco .bg1 {left: -29rem;}
.bg_deco .bg2 {bottom: -16rem;left: -60rem;}
.bg_deco .bg3 {right: -37rem;}
	
/* 게시판 */
.noticeWrap {width: 100%; }
.noticeWrap .tabWrap .no_data li {line-height: 19.5rem;}
/*  맞춤서비스 */
.serviceWrap {width: 100%; }
	
/*간행물*/
.book-wrap .slider .item a .img {height:15.5rem;}

	
/* keris 안심신고센터 */
.call {position: absolute;max-width: 17.5rem;width: 100%;top: -0.75rem;gap:0.5rem}
.call_cont {width:100%;}
.call .titleWrap {max-width: calc(100% - 4rem);}
.call .qr_wrap:before {width:  6.55rem;height: 6.6rem;}

/* sns */
.sns {width: calc(100% - 20.5rem);}
.sns::before {right:-1rem;height: calc(100% + 1.5rem);}
.sns .titleWrap {margin-bottom:1.5rem}
.sns .titleWrap h3.heading {line-height: normal;}
.sns .ctrl a {position: absolute;top: calc(50% - 2.4rem);}
.sns .ctrl a.prev {left: -1.25rem;}
.sns .ctrl a.next {right: -1.25rem;}
.sns .slider .item a .img {height:17.25rem}
.sns .slider .item.no_data > p {line-height:17.25rem;}
.sns .slider .item a .img img {width:auto;height:100%;}
.sns .slider {width: calc(100% + 0.5rem);margin: 0 -0.25rem;}
.sns .slider .item {padding: 0 0.25rem;}
	
/*갤러리*/
.gallery {width: 17.5rem;margin-top: 6.25rem;}
.gallery .titleWrap {margin-bottom:1rem;}
.gallery .slider .item	{height:15.6rem;}
.gallery .slider .item a .img {height:9.4rem;}
.gallery .slider .item a .txtWrap {margin-top:1rem;}
.gallery .slider .item a .img img {width:auto;height:100%;}
}

@media (max-width: 1280px) {
.section1 {padding-top:3.5rem;}
h3.heading {font-size:1.2rem;margin-bottom: 0.5rem;line-height: normal !important;}
.titleWrap {margin-bottom: 1.5rem;}
.titleWrap {margin-bottom: 0;}
.titleWrap p {display:none;}

/* 바로가기 */
.link {padding: 1rem;}
.link ul li a .img {width: 4.25rem;height: 4.25rem;}
.link ul li a .img img{max-height: 50%;}
.link ul li a .txt {font-size: 0.8rem;}

/* sns */
.sns .ctrl a {display: none !important;}
	
/* 간행물 */
.section3 .inner .titleWrap {margin-bottom: 2rem;}
.book-wrap .control {top: -4.25rem;}

/* 포토갤러리 */
.gallery .ctrl {margin-top: 0;}
.gallery .ctrl em {display:none;}

/* 레이어팝업 - 메인 */
#popMain .sliderWr {width: 95%;}
}


@media (max-width: 1024px) {
.bg_deco .bg1 {left: -52.5rem;}
.bg_deco .bg2 {bottom: -17.5rem;left: -72rem;}	
.bg_deco .bg3 {display:none;}
h3.heading {font-size:1.2rem;margin-bottom: 1rem;}
.section3 .inner .titleWrap .heading {font-size:1.2rem;margin-bottom: 1rem;}
.section3 .inner .titleWrap {margin-bottom:0;}
.section2 .noticeWrap .titleWrap {display:none;}
	
.call .titleWrap p {display:block;}

/* 바로가기 */
.link ul li a .img {width: 3rem;height: 3rem;}
.link ul li a .txt {font-size: 0.75rem;}

/*간행물*/
.book-wrap .control a {width: 2rem;height: 2rem;font-size: 1rem;}
.book-wrap .slider {/* width: calc(100% + 1rem); */margin: 1rem -0.5rem 0;}
.book-wrap .slider .item {padding: 1rem 0.5rem 2rem;}
.book-wrap .control {top: -3rem;}
}



@media (max-width: 768px) {
.section2 .inner {gap: 1.5rem 0;}
.section4 .inner {gap:2rem 0}
.section4 .inner::before{width:150vw;height: 14.5rem;right: 0;top: auto;bottom: -3rem;border-radius: 0;}

/* 게시판  */
.noticeWrap .tabs {margin-bottom: 1rem;}
.noticeWrap .tabs li a {font-size: 1rem;}
.noticeWrap .tabWrap .list_box .new dt {padding-left: 1.8rem;}
.noticeWrap .tabWrap .list_box dt {font-size: 0.9rem;}
.noticeWrap .tabWrap .list_box .new dt:before {width: 1.25rem;height:1.25rem;}
.noticeWrap .tabWrap .list_box ul li a {line-height: 1.8rem;} 
.noticeWrap .tabWrap .list_box ul li a p.txt {max-width: 100%;font-size: .85rem;}
.noticeWrap .tabWrap .list_box ul li a::before {font-size: 1rem;}
.noticeWrap .tabWrap .list_box ul li a span {display: none;}
.noticeWrap .tabWrap .no_data li {line-height: 10rem;}
	
/* 맞춤서비스 */
.service {display: none;}
.service_mob {display: block;}
.service_mob .tabs {display: flex;align-items: center;gap: 0.5rem;}
.service_mob .tabs li {width: calc((100% / 3) - 0.25rem);}
.service_mob .tabs li a {display:flex;height:2rem;background:#475677;border-radius:1rem;color: #fff;font-size: 0.95rem;font-weight: 700;align-items: center;justify-content: center;transition: 0.3s all;}
.service_mob .tabs li a.current {background:#24489a;}
.service_mob .tabWrap .list_box {display:none;}
.service_mob .tabWrap .list_box.on {display:block;}
.service_mob .tabWrap ul {display: flex;flex-wrap: wrap;width: 100%;background: #24489a;border-radius: 0.9rem 0.9rem 0 0.9rem;margin-top: 0.5rem;padding: 1rem;gap: 0.4rem 0.6rem;align-items: center;}
.service_mob .tabWrap ul li{width: calc(50% - 0.3rem);}
.service_mob .tabWrap ul li a {position:relative; display: flex;height:2rem;align-items: center;background: #fff;border-radius: 0.4rem;color: #333333;padding: 0 0.5rem; transition: 0.3s;}
.service_mob .tabWrap ul li a::before {position: absolute;top: 50%;transform: translateY(-50%);right: 0.5rem;font-family: 'remixicon';font-size: 1rem;content: "\ea6e"; color:#333; transition: 0.3s;}
.service_mob .tabWrap ul li a p {max-width: calc(100% - 1rem);font-size: 0.75rem;line-height: 0.9rem;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* active */
.service_mob .tabWrap ul li a:hover,
.service_mob .tabWrap ul li a:focus {background:#001a54; color:#fff;}
.service_mob .tabWrap ul li a:hover::before,
.service_mob .tabWrap ul li a:focus::before { color: #fff !important; } 

	
/* keris 안심신고센터 */
.call {justify-content: flex-start;max-width: 100%;position: relative;width: 100%;top: auto;right: auto;margin-bottom: 0;}
.call_cont {justify-content:space-between}
	
/* sns */
.sns {width:100%;}
.sns::before{display: none;height:calc(100% + 10rem);border-radius: 0;}
.sns .titleWrap {margin-bottom:1rem;align-items: center;}
.sns .slider .item a .img {height: 12rem;}
.sns .slider .item.no_data > p {line-height:12rem;}
.sns .slider .item a .txtWrap {margin-top: 0.65rem;gap: 0.3rem;}
.sns .slider .item a .txtWrap .ico{width: 1.25rem;height: 1.25rem;}
.sns .slider .item a .txtWrap .ico i{font-size: 0.75rem;}
.sns .slider .item a .txtWrap .txt{max-width: calc(100% - 1.55rem);}
.sns .titleWrap .snsWrap ul {gap:0.25rem;}
.sns .titleWrap .snsWrap ul li a{width:2rem; height:2rem;}
	
/* 간행물 */
.book-wrap {width:100%;}
.section3 .inner .titleWrap {margin-bottom:1rem;}
.book-wrap .tit_wrap ul {width: 100%;gap: 0;border: 1px solid #fff;border-radius: 0.5rem;overflow: hidden;}
.book-wrap .tit_wrap ul li {max-width: 100%;width: calc(100% / 3);border-right:1px solid #fff;}
.book-wrap .tit_wrap ul li:last-child {max-width:100%;}
.book-wrap .tit_wrap ul li:nth-of-type(3n) {border-right:none}
.book-wrap .tit_wrap ul li:nth-of-type(n + 4) {border-top:1px solid #fff;}
.book-wrap .tit_wrap ul li + li {margin-left: 0;padding-left: 0;}
.book-wrap .tit_wrap ul li + li::before {display: none;}
.book-wrap .tit_wrap ul li a {position: relative;display: flex;height: 2rem;padding: 0.25rem 0.5rem;align-items: center;justify-content: center;}
.book-wrap .tit_wrap ul li.current a {background:#fff; color: #24489a;}
.book-wrap .tit_wrap ul li.current a::before {display:none;}
.book-wrap .tit_wrap ul li a span {max-width: 100%;position: relative;font-weight: 400;font-size: 0.85rem;line-height: 0.9rem;transition: .2s all;-webkit-transition: .2s all;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.book-wrap .tit_wrap ul li.current a span {font-weight: 700;padding-left: 1.2rem;}
.book-wrap .tit_wrap ul li.current a span::before {top: 50%;transform: translateY(-50%);font-weight: 400;color: #24489a;} 
.book-wrap .control {top: -3rem;gap: 0.5rem;}
.book-wrap .slider .item {padding: 1rem 0.5rem 1.5rem;}
.book-wrap .tabcontent .no_data {height: 16.5rem;padding: 1rem;}
	
/*포토갤러리*/
.gallery {width: 100%;margin-top:0;}
.gallery .slider .item{height:16.5rem;}
.gallery .slider .item a .img {height: 10.5rem;}
.gallery .slider .item a .txtWrap {margin-top:1.5rem;}
.gallery .ctrl {margin-top:0.5rem;}

/* 레이어팝업 - 메인 */
#popMain .logo {width: 45vw; max-width: 232px;}
#popMain .logo img {max-width: 100%;}
#popMain .sliderWr .pop_zone {padding:0 3rem;}
}

@media (max-width: 640px) {	
.section2 {padding: 2rem 0rem 1.5rem;}
.section3 {padding: 1.5rem 0rem 2rem;}
.section4 {padding: 1.5rem 0rem 1rem;}
	
/*바로가기*/
.link {position:relative;padding: 1rem 1rem 1.5rem;background:none;}
.link ul {gap: 0.5rem;}
.link ul li a {display:flex;align-items: center;height: 2rem;border: 2px solid #dddddd;border-radius: 0.25rem;padding: 0 0.6rem;gap: 0.65rem;background: #fff;transition:0.2s all}
.link ul li {width: calc(50% - 0.25rem);}
.link ul li a .img {max-width: 1.15rem;width: 100%;height: 100%;margin: 0;border: none;border-radius: 0;}
.link ul li a .img img {max-height: 75%;}
.link ul li a .txt {max-width: calc(100% - 1.75rem);-webkit-line-clamp: 1;font-size: 0.8rem;color: #222;word-break: break-all;}
.link ul li a:hover,
.link ul li a:focus {border: 2px solid #2ca9fa;}
}

@media (max-width: 480px) {	
h3.heading {font-size:1rem;}


/* 게시판 */
.noticeWrap .tabs li a {font-size:0.75rem}
	
/*간행물 251017*/
.book-wrap .slider .item a .img {height: 13.5rem;}
.book-wrap .tit_wrap ul li a span{font-size:0.75rem;}
	
/* 팝업 */
#popMain .sliderWr .titWr .control {justify-content:center}
#popMain .sliderWr .pop_zone {padding:0 2rem;}
#popMain .clsWr {margin-top:1rem;}
}

@media (max-width: 380px) {
/*간행물*/
.book-wrap .tit_wrap ul li {width: calc(100% / 2);}
.book-wrap .tit_wrap ul li:nth-of-type(2n) {border-right:none}
.book-wrap .tit_wrap ul li:nth-of-type(3n) {border-right:1px solid #fff;}
.book-wrap .tit_wrap ul li:nth-of-type(n + 3) {border-top:1px solid #fff;}
}
	
/* animation */
@keyframes jump1{
    0% { transform: translateX(39rem) translateY(8px); }
    50% { transform: translateX(39rem) translateY(0); }
    100% { transform: translateX(39rem) translateY(8px); }
}

@keyframes jump2{
    0% { transform: translateX(-44.5rem) translateY(5px); }
    50% { transform: translateX(-44.5rem) translateY(0); }
    100% { transform: translateX(-44.5rem) translateY(5px); }
}

@keyframes shadow{
    0% { box-shadow: 0 0 0 0 rgba(0, 147, 168, 0.5); }
    to { box-shadow: 0 0 0 6px transparent; }
}

@keyframes scrollFloat{
  0%   { transform: translateY(0) rotate(90deg); opacity:.7; }
  50%  { transform: translateY(-0.2rem) rotate(90deg); opacity:1;  }
  100% { transform: translateY(0) rotate(90deg); opacity:.7; }
}
@keyframes arrowDrop{
  0%   { opacity:0; transform: translateY(-6px); }
  40%  { opacity:1; transform: translateY(0);    }
  100% { opacity:0; transform: translateY(8px);  }
}
@keyframes linePulse{
  0%   { height: 0;   opacity:.3; }
  50%  { height: 1.3rem; opacity:.9; }
  100% { height: 0;   opacity:.3; }
}

@keyframes point{
    0% { box-shadow: 0 0 0 0 rgba(36, 72, 154, 0.2); }
    to { box-shadow: 0 0 0 0.35rem transparent; }
}