@charset "utf-8";

/* 공통 : 타이틀 */
.heading{display:flex; align-items:center; position:relative; gap:1rem; font-size:2.3rem; color:#2E2E2E; line-height:1.2; font-weight:800; font-family:"Pretendard";}

/* no-image */
.private{}
.private > span{display:flex; flex-direction:column; position:relative; align-items:center; justify-content:center; width:100%; height:100%; gap:0.6rem; background:#f1f1f1;}
.private > span:before{display:block; position:relative; width:51px; height:46px; background:url(/images/template/T1003/common/no-image.png) no-repeat left top; content:'';}
.private > span em{color:#B3B3B3; font-size:0.8rem; line-height:1.5; font-weight:500;}

/*** MSearch : 메인 검색 영역 ***/
@keyframes floatY {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
    100% {
        transform: translateY(0);
    }
}
.MSearch{display:flex; flex-direction:column; justify-content:center; position:relative; width:100%; height:100%; gap:2.6rem; padding-right:36.2rem;}
.MSearch:after{display:block; z-index:-1; position:absolute; top:calc(50% - 8.5rem); right:-0.5rem; width:34.85rem; height:16.85rem; background:url(/images/template/T1003/main/search_img.png) no-repeat left top; content:'';     animation:floatY 5s ease-in-out infinite; will-change: transform;}
.MSearch .tit{display:flex; position:relative; flex-direction:column; gap:0.5rem;}
.MSearch .tit > p,
.MSearch .tit > h3{ color:#fff; letter-spacing:0;}
.MSearch .tit > p{font-size:1.8rem; font-weight:500;}
.MSearch .tit > h3{font-size:3.3rem; font-weight:800;}
.MSearch .tit .navy{color:#003D7F !important;}
.MSearch .search{display:flex; position:relative; width:100%; background:#fff; border-radius:5rem; box-shadow:0 0 64px rgba(52, 107, 155, 0.3);}
.MSearch .search form,
.MSearch .search fieldset{width:100%;}
.MSearch .search fieldset{display:flex; position:relative; height:4.5rem;}
.MSearch .search .form-item{display:flex; flex-shrink:0; align-items:center; position:relative; padding-left:1.6rem; padding-right:1.2rem; gap:0.75rem;}
.MSearch .search .form-item > span{position:relative;}
.MSearch .search .form-item input[type="radio"]{  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
.MSearch .search .form-item input[type="radio"] + label{display:flex; position:relative; padding-left:1.55rem; font-size:1.1rem; color:#2E2E2E; line-height:1.5; cursor:pointer;}
.MSearch .search .form-item input[type="radio"] + label:before,
.MSearch .search .form-item input[type="radio"] + label:after{position:absolute; flex-shrink:0; border-radius:50%; content:'';}
.MSearch .search .form-item input[type="radio"] + label:before{top:0.25rem; left:0; width:1.15rem; height:1.15rem; background:#fff; border:1px solid #999;}
.MSearch .search .form-item input[type="radio"] + label:after{z-index:1; top:0.55rem; left:0.3rem; width:0.55rem; height:0.55rem; background:#0772ED; opacity:0; visibility:hidden; transform:scale(0);}
.MSearch .search .form-item input[type="radio"]:checked + label{font-weight:600;}
.MSearch .search .form-item input[type="radio"]:checked + label:before{border:2px solid #0772ED;}
.MSearch .search .form-item input[type="radio"]:checked + label:after{opacity:1; visibility:visible; transform:scale(1);}
.MSearch .search .srch-item{display:flex; position:relative; flex:1; min-width:0;}
.MSearch .search .srch-item input{display:flex; overflow:hidden; position:relative; width:100%; height:100%; padding:0 5rem 0 2.4rem; background:#D1E6FF; border:none; border-radius:5rem; font-size:1.2rem; color:#2E2E2E; font-weight:500;}
.MSearch .search .srch-item input::placeholder{color:#485D76;}
.MSearch .search .srch-item button{display:flex; align-items:center; justify-content:center; position:absolute; top:-0.15rem; right:-0.1rem; width:4.8rem; height:4.8rem; padding:0; background:#004DA0; font-size:2rem; color:#fff; border-radius:50%; box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);}

.MSearch .search .form-item input[type="radio"]:focus-visible{outline:none;}
.MSearch .search .form-item input[type="radio"]:focus-visible + label{outline:2px solid #000;}
.MSearch .search .srch-item button:focus{outline-color:#fff; outline-offset:-0.3rem;}

/*** M_link1 : 바로가기 ***/
.M_link1{position:relative; width:100%;}
.M_link1 ul{display:flex; position:relative; width:100%; gap:2rem;}
.M_link1 ul li{flex:1;}
.M_link1 ul li > a{display:flex; position:relative; z-index:0; width:100%;}
.M_link1 ul li > a .inner{display:flex; position:relative; z-index:0; width:100%; height:12rem; transform:translateY(0px); transition:transform 0.3s ease;}
.M_link1 ul li > a .inner:before,
.M_link1 ul li > a .inner:after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:'';}
.M_link1 ul li > a .inner:before{z-index:-2; background-color:#EDF2F8; border-radius:0.8rem; clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); transition:clip-path 0.35s ease;}
.M_link1 ul li > a .inner:after{z-index:-1; background:#0772ED url(/images/template/T1003/main/box_around2.png) no-repeat right top; border-radius:1.2rem; clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); opacity:0.3; transform:scale(1.05); transition:opacity 0.5s ease, transform 0.4s ease, clip-path 0.4s ease;}
.M_link1 ul li > a .link_item{display:flex; flex-direction:column; align-items:flex-start; position:relative; width:100%; height:100%; padding:2rem; transform:translateY(0px); transition:background 0.4s ease, transform 0.4s ease;}
.M_link1 ul li > a .link_item:after{display:block; position:absolute; top:0; right:0; width:2.75rem; height:2.75rem; background:url(/images/template/T1003/main/ico_hover.png) no-repeat left top; content:''; transform:scale(0); transform-origin:left bottom; opacity:0; transition:opacity 0.4s ease, transform 0.4s ease 0.2s;}
.M_link1 ul li > a span{position:relative; font-size:1.6rem; color:#222; line-height:1.5; font-weight:700; transition:color 0.4s ease 0.1s;}
.M_link1 ul li > a img{position:absolute; bottom:1.5rem; right:2rem;}
.M_link1 ul li > a[target="_blank"] span:after{display:inline-block; position:relative; margin-left:0.2rem; color:#89929c; font-weight:400; font-family:"remixicon"; content:"\ecaf"; transition:color 0.4s ease;}
.M_link1 ul li > a span br {display:none;}

.M_link1 ul li > a:focus{outline-offset:0.3rem; border-radius:1.2rem;}
.M_link1 ul li > a:hover .inner,
.M_link1 ul li > a:focus .inner{transform:translateY(-20px);}
.M_link1 ul li > a:hover .inner:before,
.M_link1 ul li > a:focus .inner:before{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
.M_link1 ul li > a:hover .inner:after,
.M_link1 ul li > a:focus .inner:after{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); transform:scale(1); opacity:1;}
.M_link1 ul li > a:hover .link_item:after,
.M_link1 ul li > a:focus .link_item:after{transform:scale(1); opacity:1;}
.M_link1 ul li > a:hover img,
.M_link1 ul li > a:focus img{filter:brightness(100);}
.M_link1 ul li > a:hover span,
.M_link1 ul li > a:focus span{color:#fff;}
.M_link1 ul li > a[target="_blank"]:hover span:after,
.M_link1 ul li > a[target="_blank"]:focus span:after{color:#fff;}

/* 주요 서비스 안내 */
.service{display:flex; flex-direction:column; position:relative; width:100%;}
.service .txtWrap{display:flex; position:relative; gap:3rem;}
.service .txtWrap .heading{}
.service .txtWrap .titTab ul{display:flex; position:relative; gap:0.75rem;}
.service .txtWrap .titTab ul li a{display:flex; align-items:center; position:relative; background:#F5F6F8; width:auto; height:3.15rem; padding:0 1.6rem; border-radius:2.5rem; font-size:1.3rem; color:#555; font-weight:600; transition:background 0.3s ease, color 0.3s ease;}
.service .txtWrap .titTab ul li a:hover,
.service .txtWrap .titTab ul li a:focus{font-weight:700;}
.service .txtWrap .titTab ul li a.current{background:#004DA0; color:#fff;}
.service .txtWrap .titTab ul li a.current:focus{outline-color:#fff; outline-offset:-0.2rem;}
.service .tabWrap{overflow:hidden;}
.service .tabWrap .list_box{display:none;}
.service .tabWrap .list_box.on{display:block;}
.service .slider .slick-list{overflow:visible; height:100%; padding:2.4rem 0 4.8rem;}
.service .slider .slick-track{margin:0;}
.service .slider .slick-track.edge-fix{transition: none !important;}
.service .slider .card{position:relative; height:23.7rem; padding:0 0.6rem;}
.service .slider .card a{display:flex; position:relative; top:1.65rem; transition:top 0.4s ease;}
.service .slider .card a .inner{display:flex; overflow:hidden; align-items:center; flex-direction:column; position:relative; width:100%; background:#fff; border:2px solid #fff; border-radius:0.8rem; box-shadow:10px 10px 50px 0 rgba(26, 24, 50, 0.08); transition:border 0.4s ease;}
.service .slider .card .card-img,
.service .slider .card .card-body{position:relative; width:100%;}
.service .slider .card .card-img{display:flex; flex-shrink:0; align-items:center; justify-content:center; position:relative; width:100%; height:12rem;}
.service .slider .card .card-img > img{width:100%; height:100%; background:#f1f1f1; object-fit:contain;}
.service .slider .card .card-body{flex:1 1 auto; padding:0.7rem 1.4rem 0.9rem; line-height:1.2;}
.service .slider .card .card-body .card-tit{overflow:hidden; text-overflow:ellipsis; position:relative; font-size:1.2rem; color:#2e2e2e; font-weight:700; white-space:nowrap; transition:color 0.4s ease;}
.service .slider .card .card-body .desc{display:block; position:relative; width:100%; height:2.5rem; margin:0.8rem 0;}
.service .slider .card .card-body .desc > p{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; overflow:hidden; font-size:0.9rem !important; color:#444; line-height:1.4; letter-spacing:-0.02em; word-break:break-all; font-family:'Pretendard' !important;}
.service .slider .no-data{display:flex; align-items:center; justify-content:center; position:relative; width:80rem !important; height:19.75rem; margin-top:1.65rem; margin-bottom:1.85rem; font-size:1rem; background:rgba(49, 70, 191, 0.05); border-radius:0.8rem; color:#013268; font-weight:600;}
.service .control{position:absolute; top:0.2rem; right:0;}
.service .control .btn_wrap{display:flex; position:relative; gap:0.4rem;}
.service .control .btn_wrap > a{display:flex; align-items:center; justify-content:center; width:2.8rem; height:2.8rem; background:#fff; border:1px solid #2E2E2E; border-radius:100%; transition:background 0.3s ease;}
.service .control .btn_wrap > a i{font-size:1.2rem; color:#2E2E2E; transition:color 0.3s ease;}
.service .control .btn_wrap .play{display:none;}
.service .control .btn_wrap .prev,
.service .control .btn_wrap .next{border:1px solid #E8EEF5; background:#E8EEF5;}
.service .control .btn_wrap .more i{font-size:1rem; transition:transform 0.4s ease;}
.service .control .btn_wrap > a[aria-disabled="true"]{cursor:default;}
.service .slider .card a:hover,
.service .slider .card a:focus{top:0rem;}
.service .slider .card a:focus{outline-offset:0.3rem; border-radius:0.8rem;}
.service .slider .card a:hover .inner,
.service .slider .card a:focus .inner{border:2px solid #0772ED;}
.service .control .btn_wrap > a.stop,
.service .control .btn_wrap > a.play,
.service .control .btn_wrap > a.more{outline-color:#fff; outline-offset:-0.2rem;}
.service .control .btn_wrap > a:hover,
.service .control .btn_wrap > a:focus{background:#2e2e2e;}
.service .control .btn_wrap > a:hover img,
.service .control .btn_wrap > a:focus img{filter:brightness(100);}
.service .control .btn_wrap > a:hover i,
.service .control .btn_wrap > a:focus i{color:#fff;}
.service .control .btn_wrap .prev:hover,
.service .control .btn_wrap .prev:focus,
.service .control .btn_wrap .next:hover,
.service .control .btn_wrap .next:focus{border:1px solid #D8EBFF; background:#D8EBFF;}
.service .control .btn_wrap .prev:hover i,
.service .control .btn_wrap .prev:focus i,
.service .control .btn_wrap .next:hover i,
.service .control .btn_wrap .next:focus i{color:#2E2E2E;}

.service .slider .card .card-body .more,
.faqWrap .more{display:inline-flex; flex-shrink:0; justify-content:space-between; align-items:center; position:relative; width:8.7rem; height:2.75rem; padding:0 1.1rem 0 1.5rem; border:2px solid rgba(7, 114, 237, 0.3); background:rgba(7, 114, 237, 0.1); border-radius:2.5rem; font-size:1rem; color:#0772ED; font-weight:600;}
.faqWrap .more{background:#E6F1FD; color:#004DA0; transition:background 0.3s ease;}
.service .slider .card .card-body .more > i,
.faqWrap .more > i{position:relative; font-size:1.2rem; line-height:normal; font-weight:400; transform:rotate(-45deg);}
.service .slider .card .card-body .more{height:0rem; margin-top:0rem; margin-bottom:0rem; font-size:0rem; clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); transition:margin-top 0.4s ease, margin-bottom 0.4s ease, height 0.3s ease, clip-path 0.3s ease;}
.service .slider .card a:hover .card-body .more,
.service .slider .card a:focus .card-body .more{margin-top:0.8rem; margin-bottom:0.8rem; height:2.75rem; font-size:1rem; clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.faqCon:hover .more,
.faqCon:focus .more{background:#C9E3FF;}

/* 공지사항 */
.notiWrap, .faqWrap{margin-top:1.6rem;}
.notiWrap{}
.notiWrap .noti-list{border-top:2px solid #ccc;}
.notiWrap .noti-list li:nth-child(n + 3){display:none;}
.notiWrap .noti-list li a{display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:4.8rem; gap:1rem;}
.notiWrap .noti-list li + li a:before{display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:#EAEAEA; content:'';}
.notiWrap .noti-list li a > span{}
.notiWrap .noti-list .title{display:flex; position:relative; width:100%; min-width:0;}
.notiWrap .noti-list .title > em{display:block; overflow:hidden; text-overflow:ellipsis; width:100%; color:#2E2E2E; font-weight:500; white-space:nowrap;}
.notiWrap .noti-list .title > em,
.notiWrap .noti-list .date{font-size:1.1rem; line-height:1.5;}
.notiWrap .noti-list .date{display:flex; align-items:center; position:relative; color:#757575; gap:0.45rem;}
.notiWrap .noti-list .date:before{display:inline-block; position:relative; width:1.15rem; height:1.15rem; background:url(/images/template/T1003/main/ico_clock.png) no-repeat center; content:"";}
.notiWrap .noti-list li a:hover .title > em,
.notiWrap .noti-list li a:focus .title > em{font-weight:700;}
.notiWrap .noti-list li a:hover .date,
.notiWrap .noti-list li a:focus .date{font-weight:500;}
.notiWrap .noti-list li.no-data{display:flex; align-items:center; justify-content:center; width:100%; height:calc(4.8rem * 2); font-size:1.1rem; color:#2E2E2E; font-weight:700;}
.notiWrap .more{display:flex; align-items:center; justify-content:center; position:absolute; top:2.8rem; right:4rem; width:2.8rem; height:2.8rem; background:#fff; border:1px solid #2E2E2E; border-radius:50%; font-size:1.3rem; line-height:normal; transform:rotate(0deg); transition:background 0.3s ease, color 0.3s ease;}
.notiWrap .more:hover,
.notiWrap .more:focus{background:#2E2E2E; color:#fff;}
.notiWrap .more:focus{outline-color:#fff; outline-offset:-0.2rem;}

/* FAQ */
@keyframes floatUpDown {
    0%   { transform: translateY(0); }
    40%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
.faqCon{display:flex; flex-direction:column; position:relative; height:100%;}
.faqCon:focus{outline-color:#fff; outline-offset:-0.4rem;}
.faqCon:before{display:block; position:absolute; z-index:-1; top:0; left:-3rem; width:100vw; height:100%; background:linear-gradient(125deg, #034286 0%, #164980 100%); content:'';}
.faqCon .heading:after{display:block; position:absolute; top:-0.65rem; right:1rem; width:10rem; height:6.45rem; background:url(/images/template/T1003/main/faq_icon.png) no-repeat left top; content:''; animation: floatUpDown 4s cubic-bezier(.45,.05,.55,.95) infinite;}
.faqCon .heading,
.faqWrap > p{color:#fff;}
.faqWrap{display:flex; flex:1;flex-direction:column; justify-content:space-between; width:100%; padding-top:0.75rem; padding-bottom:1.8rem;}
.faqWrap > p{ font-size:1rem; line-height:1.5rem; font-weight:500;}

@media all and (min-width:1641px){
    .service .txtWrap{padding:0 calc((100% - 1600px) / 2);}
    .service .slider{padding-left:calc((100% - 1612px) / 2); padding-right:calc((100% - 1612px) / 2);}
    .service .slider .slick-list{margin-left:-0.6rem;}
    /*.service .slider .slick-slide{visibility:hidden; opacity:0; transition-timing-function:cubic-bezier(.22, .57, .12, .96); transition-duration:400ms; transition-property:visibility, opacity; pointer-events:none;}*/
    /*.service .slider .slick-slide.slick-active{visibility:visible; opacity:1; pointer-events:visible;}*/
    /*.service .slider .slick-slide.jump{visibility:visible; opacity:1; pointer-events:visible;}*/
    .service .slider .slick-slide{opacity:0; transition:opacity 0.4s cubic-bezier(.22, .57, .12, .96); pointer-events:none;}
    .service .slider .slick-slide.slick-active{opacity:1; pointer-events:auto;}
    .service .slider .slick-slide.jump{opacity:1; pointer-events:auto;}
    .service .control{right:calc((100% - 1600px) / 2);}
}

@media screen and (max-width:1640px) {
    /* 공통 : 타이틀 */
    .heading{font-size:2rem;}

    .MSearch{padding-right:40vw;}
    .MSearch:after{top:calc(50% - 10vw); right:0; width:41vw; height:20vw; background-size:cover;}
    .MSearch .tit > h3{font-size:3rem;}
    
    .M_link1 ul{gap:2vw;}
    .M_link1 ul li > a:before,
    .M_link1 ul li > a:after{background-size:cover;}
    .M_link1 ul li > a .inner{height:11rem;}
    .M_link1 ul li > a .link_item{padding:2rem 2.5vw;}
    .M_link1 ul li > a span{font-size:1.5rem;}
    .M_link1 ul li > a img{transform:scale(0.85);}
    
    .service .txtWrap{gap:2rem; padding:0 1rem;}
    .service .txtWrap .titTab ul li a{height:3rem; font-size:1.2rem;}
    .service .tabWrap{padding:0 0.5rem;}
    .service .slider .slick-list{padding-bottom:4.4rem;}
    .service .slider .card{height:23rem; padding:0 0.5rem;}
    .service .slider .card a{top:1.55rem;}
    .service .slider .card .card-body{padding-left:1.65vw; padding-right:1.65vw;}
    .service .slider .card .card-body .desc{margin:0.8rem 0 0.3rem}
    .service .slider .slick-track:has(.no-data){width:100% !important; padding:0 0.5rem;}
    .service .slider .no-data{width:100% !important;}
    .service .control{top:0.1rem; right:1rem;}
    .service .slider .card a:hover .card-body .more,
    .service .slider .card a:focus .card-body .more{margin-top:0.7rem; margin-bottom:0.7rem;}
    
    .notiWrap .noti-list li a{height:4.6rem;}
    .notiWrap .noti-list li.no-data{height:calc(4.6rem * 2);}
    .notiWrap .noti-list .title > em,
    .notiWrap .noti-list .date{font-size:1.05rem;}
    .notiWrap .noti-list .date{gap:0.4rem;}
    .notiWrap .noti-list .date:before{width:1.1rem; height:1.1rem; background-size:cover;}
    .notiWrap .more{top:2.65rem; right:4.5vw; width:2.4rem; height:2.4rem;}
    
    .faqCon .heading:after{top:-1.5rem; width:9rem; height:5.8rem; background-size:cover;}
}

@media screen and (max-width:1440px) {
    .MSearch{padding-right:43vw;}
    .MSearch .tit > p{font-size:1.5rem;}
    .MSearch .tit > h3{font-size:2.7rem;}
    .MSearch .search fieldset{height:4.25rem;}
    .MSearch .search .form-item{padding-left:1.1rem; padding-right:1rem;}
    .MSearch .search .form-item input[type="radio"] + label{padding-left:1.4rem; font-size:1rem;}
    .MSearch .search .form-item input[type="radio"] + label:before{width:1rem; height:1rem;}
    .MSearch .search .form-item input[type="radio"] + label:after{top:0.5rem; left:0.25rem; width:0.5rem; height:0.5rem;}
    .MSearch .search .srch-item input{padding:0 5rem 0 2vw; font-size:1.1rem;}
    .MSearch .search .srch-item button{top:-0.1rem; width:4.4rem; height:4.4rem;}
    
    .M_link1 ul{gap:1.7vw;}
    .M_link1 ul li > a .inner{height:10.5rem;}
    .M_link1 ul li > a .inner:after{background-size:90px 90px;}
    .M_link1 ul li > a .link_item{padding:2rem 2.2vw;}
    .M_link1 ul li > a .link_item:after{width:2.6rem; height:2.6rem; background-size:cover;}
    .M_link1 ul li > a span{font-size:1.4rem;}
    .M_link1 ul li > a img{transform:scale(0.75); transform-origin:right bottom;}
    
    .service .slider .card{height:21.4rem;}
    .service .slider .card .card-img{height:11rem;}
    .service .slider .card .card-img > img{height:100%;}
    .service .slider .card .card-body{padding:0.6rem 1.8vw 0.8rem;}
    .service .slider .card a:hover .card-body .more,
    .service .slider .card a:focus .card-body .more{margin-top:0.5rem; margin-bottom:0.5rem;}
    
    .faqCon .heading:after{width:8rem; height:5.1rem;}
}

@media screen and (max-width:1240px) {
    /* 공통 : 타이틀 */
    .heading{font-size:1.75rem;}
    
    .MSearch{padding-right:20vw; padding-top:2rem;}
    .MSearch:after{top:calc(50% - 14vw); width:36vw; height:17vw;}
    .MSearch .tit > h3{font-size:2.5rem;}
    .MSearch .search .srch-item input{padding:0 5rem 0 1.8rem;}
    
    .M_link1 ul{flex-wrap:wrap; gap:1.2rem;}
    .M_link1 ul li{flex:1 1 40%;}
    .M_link1 ul li > a .inner{height:8rem;}
    .M_link1 ul li > a .inner:after{background-size:85px 85px; transform:scale(1);}
    .M_link1 ul li > a .link_item:after{width:48px; height:48px;}
    .M_link1 ul li > a .link_item{padding:1.5rem 1.8rem;}
    .M_link1 ul li > a img{bottom:1.3rem; right:1.4rem; transform:scale(0.65);}
    .M_link1 ul li > a:hover .inner,
    .M_link1 ul li > a:focus .inner{transform:translateY(0px);}
    
    .service .txtWrap .titTab ul li a{height:2.8rem;}
    .service .control{top:0;}
    
    .notiWrap .noti-list li a{height:4.4rem;}
    .notiWrap .noti-list li.no-data{height:calc(4.4rem * 2);}
    
    .faqCon .heading:after{width:7rem; height:4.5rem;}
}

@media screen and (max-width:1024px) {
    .MSearch{padding-right:0; gap:2rem;}
    .MSearch:after{width:34vw; height:16vw;}
    .MSearch .search fieldset{height:4rem;}
    .MSearch .tit > p{font-size:1.3rem;}
    .MSearch .tit > h3{font-size:2.2rem;}
    .MSearch .search .form-item input[type="radio"] + label:before{top:0.2rem;}
    .MSearch .search .form-item input[type="radio"] + label:after{top:0.45rem;}
    .MSearch .search .srch-item button{width:4.2rem; height:4.2rem;}
    
    .M_link1 ul{gap:1rem;}
    .M_link1 ul li > a .inner{height:7rem;}
    .M_link1 ul li > a .inner:after{background-size:74px 74px;}
    .M_link1 ul li > a .link_item:after{width:42px; height:42px;}
    .M_link1 ul li > a .link_item{padding:1.4rem 1.5rem;}
    .M_link1 ul li > a img{bottom:1.1rem; right:1.3rem; transform:scale(0.55);}
    
    .service .txtWrap{gap:1.5rem;}
    .service .txtWrap .titTab ul li a{height:2.5rem; padding:0 1.3rem; font-size:1.05rem;}
    .service .slider .slick-list{padding:1.5rem 0 3.5rem;}
    .service .slider .card{height:20.6rem;}
    .service .slider .card a{top:1.3rem;}
    .service .slider .card a .inner{box-shadow:5px 5px 50px 0 rgba(26, 24, 50, 0.08)}
    .service .slider .card .card-img{height:10.5rem;}
    .service .slider .card .card-body .card-tit{font-size:1.1rem;}
    .service .slider .card .card-body .more > i{font-size:1.05rem;}
    .service .slider .card .card-body .more{width:8rem;}
    .service .slider .card a:hover .card-body .more,
    .service .slider .card a:focus .card-body .more{height:2.5rem; font-size:0.9rem;}
    .service .control .btn_wrap > a{width:2.5rem; height:2.5rem;}
    
    .notiWrap .noti-list .title > em,
    .notiWrap .noti-list .date{font-size:1rem;}
    .notiWrap .noti-list .date:before{width:1.05rem; height:1.05rem;}
    .notiWrap .noti-list li a{height:4.2rem; font-size:1rem;}
    .notiWrap .noti-list li.no-data{height:calc(4.2rem * 2);}
    .notiWrap .more{top:2.4rem; right:1rem;}
    
    @keyframes floatUpDown {
        0%   { transform: translateY(0); }
        40%  { transform: translateY(-5px); }
        100% { transform: translateY(0); }
    }
    
    .faqCon:before{top:-2rem; left:0; height:100vh;}
    .faqCon .heading:after{top:auto; bottom:calc(100% + 0.5rem); right:auto; left:1rem; width:4.5rem; height:2.9rem;}
    .faqWrap{display:inline-flex; flex-direction:row; justify-content:space-between; align-items:center; flex:auto; width:auto; margin:0; padding:0; gap:1rem;}
}

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

}

@media screen and (max-width:860px) {
    /* 공통 : 타이틀 */
    .heading{font-size:1.5rem;}
    
    .MSearch:after{width:32vw; height:15vw;}
    .MSearch .search .srch-item input{font-size:1.05rem;}
    
    .M_link1 ul li > a .link_item{padding:1.3rem;}
    .M_link1 ul li > a span{font-size:1.3rem;}
    
    .service .txtWrap{gap:1rem;}
    .service .txtWrap .titTab ul{gap:0.5rem;}
    .service .txtWrap .titTab ul li a{padding:0 1rem; font-size:1rem;}
    .service .tabWrap{padding:0 0.4rem;}
    .service .slider .card{height:19.7rem; padding:0 0.4rem;}
    .service .slider .card .card-img{height:10rem;}
    .service .slider .card .card-body{padding:0.8rem 2.2vw;}
    .service .slider .card .card-body .desc{margin:0.8rem 0 0;}
    .service .slider .card .card-body .more{width:7rem; padding:0 0.8rem 0 1rem;}
    .service .slider .card a:hover .card-body .more,
    .service .slider .card a:focus .card-body .more{height:2.2rem;}
}

@media screen and (max-width:800px) {
    .MSearch{gap:1.5rem; padding:4rem 0 3.5rem;}
    .MSearch:after{display:none;}
    .MSearch .tit{align-items:center;}
    .MSearch .tit > h3{font-size:2.1rem;}
    .MSearch .tit > p, .MSearch .tit > h3{line-height:1.3;}
}

@media screen and (max-width:768px) {
    .M_link1 ul li > a .inner:after{background-size:70px 70px;}
    .M_link1 ul li > a .link_item:after{width:40px; height:40px;}
    .M_link1 ul li > a img{transform:scale(0.5);}
    
    .service .txtWrap{padding:0 0.8rem;}
    .service .slider .slick-list{padding:1.5rem 0 3rem;}
    .service .control{right:0.8rem;}
    
    .notiWrap .more{top:2.3rem; right:0.8rem; width:2.2rem; height:2.2rem;}
}

@media screen and (max-width:768px) and (min-width:641px) {
    .MSearch .search .form-item input[type="radio"] + label:before{width:1.1rem; height:1.1rem;}
    .MSearch .search .form-item input[type="radio"] + label:after{width:0.55rem; height:0.55rem;}
}

@media screen and (max-width:640px) {
    .heading{font-size:1.4rem;}
    
    /* no-image */
    .private > span:before{width:45px; height:40px; background-size:cover;}
    
    .MSearch .tit > p,
    .MSearch .tit > h3{text-align:center;}
    .MSearch .tit > p{font-size:1.2rem;}
    .MSearch .tit > h3{font-size:2rem;}
    .MSearch .search{border-radius:1.5rem 1.5rem 2rem 2rem;}
    .MSearch .search fieldset{flex-direction:column; height:auto;}
    .MSearch .search .form-item{padding:0.8rem 1.5rem 0.7rem;}
    .MSearch .search .form-item input[type="radio"] + label{font-size:0.95rem;}
    .MSearch .search .srch-item{height:3.7rem; flex:auto;}
    .MSearch .search .srch-item input{height:100%; padding:0 4rem 0 1.5rem;}
    .MSearch .search .srch-item button{top:0; width:3.7rem; height:100%; font-size:1.8rem;}
    
    .service .txtWrap{flex-direction:column; gap:0.5rem;}
    .service .txtWrap .titTab ul li a{height:2.2rem; font-size:0.95rem;}
    .service .slider .slick-list{padding:1rem 0 2.5rem;}
    .service .slider .card{height:18.7rem;}
    .service .slider .card a{top:0.9rem;}
    .service .slider .card .card-body .card-tit{font-size:1rem;}
    .service .slider .card .card-body .desc{margin:0.5rem 0 0;}
    .service .slider .card .card-body .desc > p{line-height:1.3;}
    .service .control{top:2.4rem;}
    .service .control .btn_wrap > a{width:2.2rem; height:2.2rem;}
    .service .control .btn_wrap > a i{font-size:1rem;}
    .service .control .btn_wrap .more i{font-size:0.9rem;}
    .service .slider .card a:hover .card-body .more,
    .service .slider .card a:focus .card-body .more{margin-bottom:0;}
    
    .notiWrap .noti-list .date{gap:0.3rem;}
    .notiWrap .noti-list .date:before{width:1rem; height:1rem;}
    .notiWrap .noti-list li.no-data{font-size:1rem;}
    .notiWrap .more{width:2.2rem; height:2.2rem;}
    
    .faqCon .heading:after{width:5rem; height:3.2rem;}
    .faqWrap{gap:0.5rem;}
    .faqWrap > p{font-size:0.9rem; line-height:1.2;}
    .faqWrap .more{width:7rem; height:2.2rem; padding:0 0.8rem 0 1rem; font-size:0.9rem;}
    .faqWrap .more i {font-size:1.05rem;}
}

@media screen and (max-width:560px) {
    .M_link1 ul li > a img{transform:scale(0.45);}
    .M_link1 ul li > a .link_item{padding:1.2rem;}
    .M_link1 ul li > a .link_item:after{width:35px; height:35px;}
    .M_link1 ul li > a .inner:after{background-size:60px 60px;}
    .M_link1 ul li > a span{font-size:1.2rem;}
}

@media screen and (max-width:640px) and (min-width:481px) {
    .MSearch .search .form-item input[type="radio"] + label:before{top:0.15rem;}
    .MSearch .search .form-item input[type="radio"] + label:after{width:0.45rem; height:0.45rem;}
}

@media screen and (max-width:480px) {
    .heading{font-size:1.3rem;}
    
    .MSearch{padding:2.5rem 0 3rem;}
    .MSearch .tit > p{display:none;}
    .MSearch .tit > h3{font-size:1.8rem;}
    .MSearch .tit .navy{display:block;}
    .MSearch .search .form-item input[type="radio"] + label:before{top:0.2rem;}
    .MSearch .search .form-item input[type="radio"] + label:after{width:9px; height:9px;}
    .MSearch .search .srch-item{height:3.5rem;}
    .MSearch .search .srch-item button{width:3.5rem; font-size:1.6rem}
    
    .M_link1 ul{flex-direction:column; gap:0.8rem;}
    .M_link1 ul li{flex:auto; width:100%;}
    .M_link1 ul li > a .inner{height:4rem;}
    .M_link1 ul li > a .inner:after{background:#0772ED; border-radius:1rem;}
    .M_link1 ul li > a .link_item{justify-content:center;}
    .M_link1 ul li > a .link_item:after{display:none;}
    .M_link1 ul li > a img{bottom:0.9rem; transform:scale(0.4);}
    .M_link1 ul li > a:hover .link_item:after,
    .M_link1 ul li > a:focus .link_item:after{}
    
    .service .slider .slick-list{padding:3.5rem 0 2.5rem;}
    .service .slider .card{height:auto;}
    .service .slider .card a{top:0;}
    .service .slider .card .card-body{padding:0.8rem 1rem;}
    .service .slider .card .card-body .more{height:2rem; margin-top:0.5rem; font-size:0.85rem; line-height:1; clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
    .service .control{top:4.7rem;}
    .service .control .btn_wrap .stop > img{transform:scale(0.8);}
    
    .notiWrap{margin-top:1.4rem;}
    .notiWrap .noti-list .title > em,
    .notiWrap .noti-list .date{line-height:1.3;}
    .notiWrap .noti-list li a{flex-direction:column; justify-content:center; gap:0.3rem;}
    .notiWrap .noti-list .date{justify-content:flex-end; width:100%;}
    .notiWrap .more{top:1.8rem; width:2rem; height:2rem;}
    
    .faqCon .heading:after{bottom:calc(100% - 0.2rem); width:4.5rem; height:2.9rem;}
    .faqWrap .more{position:absolute; top:calc(50% - 1rem); right:1rem; width:6.5rem; height:2rem; font-size:0.85rem; line-height:1;}
}

@media screen and (max-width:380px) {
    .faqWrap{flex-direction:column; align-items:flex-start; width:100%; gap:0.7rem;}
    .faqCon .heading{position:static;}
    .faqCon .heading:after{bottom:auto; top:0.7rem; left:auto; right:1rem; animation:none;}
    .faqWrap .more{position:relative; top:auto; right:auto;}
}

@media screen and (max-width:360px) {
    .notiWrap .noti-list .date{font-size:0.95rem;}
    .notiWrap .noti-list .date:before{width:16px; height:16px;}
}

@media screen and (max-width:320px) {
    .MSearch .search .srch-item input{padding:0 3.5rem 0 1.2rem;}
    .MSearch .search .form-item{padding:0.8rem 1.2rem 0.7rem;}
}