/*!
 * style css v0.0.1
 * Copyright 2023.01
 * Writer 김준엽
 * UPDATE
 *
 * Writer 		Date 			Desc
 * -------------------------------------------
 *
 *
 */

@charset "UTF-8";

img{max-width: 100%;}

/* sky banner */
.wrap{margin-top:0; transition:padding-top 0.5s; overflow: hidden;}
.wrap.main_banner{padding-top:140px}
.sky_banner{position:absolute; top:0; left:0; width:100%; overflow:hidden; min-width:1200px; background:#072a55; color:#fff; z-index:2; transition:all 0.5s; -webkit-transition:all 0.5s}
.sky_banner .inner{position:relative; width:1200px; height:140px; margin:0 auto;}
.sky_banner .inner .con li a{display:block}
.sky_banner .inner .con li img{max-width: 100%; height:140px;width: 1200px;}
.sky_banner .inner .con .bx-wrapper .bx-controls-auto, .b_contents .bx-wrapper .bx-pager{bottom:inherit; top:85px; padding-top:0}
.sky_banner .inner .con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:100%; text-align:center}
.sky_banner .inner .con .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item{vertical-align:top}
.sky_banner .inner .con .bx-wrapper .bx-controls-direction a{width:30px; height:42px; top:46px; text-indent:0; font-size:0;}
.sky_banner .inner .con .bx-wrapper .bx-prev{left: 160px;}
.sky_banner .inner .con .bx-wrapper .bx-prev::before{content:''; position:absolute; top:11px; transform:rotate(-45deg); width:24px; height:2px; background:#fff; border-radius:3px; left: 0px;;}
.sky_banner .inner .con .bx-wrapper .bx-prev::after{content:''; position:absolute; top:27px; transform:rotate(45deg); width:24px; height:2px; background:#fff; border-radius:3px; left: 0px;}
.sky_banner .inner .con .bx-wrapper .bx-next{right:160px}
.sky_banner .inner .con .bx-wrapper .bx-next::before{content:''; position:absolute; top:11px; transform:rotate(45deg); width:24px; height:2px; background:#fff; border-radius:3px; right: 0px;}
.sky_banner .inner .con .bx-wrapper .bx-next::after{content:''; position:absolute; top:27px; transform:rotate(-45deg); width:24px; height:2px; background:#fff; border-radius:3px; right: 0px;}
.sky_banner .inner .con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:50%; !*171218 add*!margin-right:-120px; z-index:1}
.sky_banner .inner .con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto .active{display:none}
.sky_banner .inner .sb_footer{position:absolute; bottom:16px; left:50%; transform:translateX(-50%); text-align:right; width:calc(100% - 222px); max-width:1120px; font-size:12px; color:#fff}
.sky_banner .inner .sb_footer .chk1{float:left; padding-right:10px; width:calc(100% - 94px); line-height:32px; box-sizing:border-box}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0); -webkit-border-radius:0; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"] + label{display:inline-block; position:relative; padding:0 10px; background:rgba(0, 0, 0, 0.5); font-size:13px; color:#fff; border-radius:15px; letter-spacing:-0.030em; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"] + label:after{content:''; display:inline-block; width:12px; height:12px; margin-left:8px; border:1px solid #ddd; border-radius:2px; background-color:transparent; vertical-align:middle; text-align:center; line-height:16px; box-sizing:border-box}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"]:checked + label:after{content:''; background:url(/images/new/common/sb_chk.png) no-repeat top 2px right 0px}
.sky_banner .inner .sb_footer button{float:right; padding-right:20px; width:94px; background:rgba(0, 0, 0, 0.5) url("/images/new/common/sb_close.png") no-repeat top 50% right 6px; ; border-radius:15px; color:#fff; font-size:13px; line-height:32px; text-align:center; cursor:pointer; letter-spacing:-0.030em; box-sizing:border-box}

/* Layer Popup */

.popup_wrap {
    position: absolute;
    visibility:hidden;
    top: 20%;
    left: 50%;
    z-index: 1500;
}

.popup_wrap .divpop{
    border:1px solid #e8e8e8;
    background: #ffffff;
    line-height: 23px;
    padding:5px;
}
.popup_wrap .divpopb {
    font-size:12px;
    display: flex;
    padding:10px 5px 5px 5px;
    cursor: pointer;
}
.popup_wrap .divpop b > div {
    margin:5px 0 0 0;
    width: 85%;
}

.popup_wrap .divpopb div {width:80%;}

.popup_wrap .divpopb > a {
    width:25px;
    float:right;
    display: block;
    color: #ffffff;
    padding: 4px 36px 5px 15px;
    font-size: 12px;
    text-align: left;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.5) url("/images/new/common/sb_close.png") no-repeat 44px center;

}

.popup_wrap .divpop .divpopt {display:none;}
.popup_wrap .divpop .divpopa  a img{max-width: 100%;}

/* 레이어 팝업 슬라이드 */
/*.popup_wrap2{position:absolute; left:50%; z-index:10000; margin-left:-550px; width: 70%;height:auto}*/
.popup_wrap2{position:absolute; left:50%; z-index:10000; width: 100vw;height: 100vh;top: 50%;transform: translate(-50%, -50%);}
/*.popup_wrap2{position: absolute;top: 50%;left: 50%;height: 100%;width: 100%;transform: translate(-50%,-50%);}*/
.popup_wrap2::before{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7)}
.popup_wrap2 .bx-wrapper{padding-top: 80px;}
.popup_wrap2 .tit{position:relative; text-align:center; margin-top: 200px; margin-bottom:70px; font-size:30px; color:#ddd; font-family:'NS'; letter-spacing:-0.030em;}
.popup_wrap2 .tit b{color:#fff; font-size:32px; font-family:'NSB'}
.popup_wrap2 .tit b span{color:#33ccff}
.popup_wrap2 .bx-viewport{z-index:1}
.popup_wrap2 .bx-controls{position:absolute; top:-60px; left:50%; width:360px; margin-left:-180px}
.popup_wrap2 .bx-wrapper .bx-controls-direction{float:right; margin-right:44px}
.popup_wrap2 .bx-wrapper .bx-controls-direction a{display:inline-block; position:relative; top:0; vertical-align:top; width:36px; height:36px; margin:0 4px; border:2px solid #ddd; border-radius:20px}
.popup_wrap2 .bx-wrapper .bx-prev::before{content:''; position:absolute; top:10px; left:13px; width:9px; height:16px; background:url(/images/common/layer_popup_arr.png) no-repeat 0 0}
.popup_wrap2 .bx-wrapper .bx-next::before{content:''; position:absolute; top:10px; right:13px; transform:rotate(180deg); width:9px; height:16px; background:url(/images/common/layer_popup_arr.png) no-repeat 0 0}
.popup_wrap2 .divpop{/*right: 10%;*/ left: 50%;transform: translateX(-50%);}
.popup_wrap2 .divpopa{text-align:center}
.popup_wrap2 .divpopa a{display:block}
.popup_wrap2 .divpopa img{max-width:100%}
.popup_wrap2 .divpopb{overflow:hidden; position:relative; width:360px; padding-bottom:20px; margin:0 auto}
.popup_wrap2 .divpopb div{float:left; position:relative; z-index:1; height:20px; padding:10px 0;margin-left: 20px;}
.popup_wrap2 .divpopb div input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.popup_wrap2 .divpopb div label{display:inline-block; position:relative; padding-left:24px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; line-height:20px}
.popup_wrap2 .divpopb div input[type="checkbox"]+label:before{content:''; position:absolute; top:2px; left:0; width:12px; height:12px; border:2px solid #959595; border-radius:2px}
.popup_wrap2 .divpopb div input[type="checkbox"]:focus+label:before{outline:auto}
.popup_wrap2 .divpopb div input[type="checkbox"]:checked+label:after{content:''; position:absolute; top:-1px; left:7px; transform:rotate(45deg); width:5px; height:13px; border-bottom:2px solid #fff; border-right:2px solid #fff}
.popup_wrap2 .divpopb div label span{color:#eee; font-size:18px; font-family:'NS'; letter-spacing:-0.030em}
.popup_wrap2 .divpopb a{float:right; position:relative; z-index:1; width:40px; height:40px; background:#fff; font-size:0; border-radius:20px}
.popup_wrap2 .divpopb a::before{content:''; position:absolute; top:11px; left:19px; transform:rotate(45deg); width:2px; height:18px; background:#333}
.popup_wrap2 .divpopb a::after{content:''; position:absolute; top:19px; left:11px; transform:rotate(45deg); width:18px; height:2px; background:#333}


/* 추가로 수정하여 사용한 영역 팝업2 사용  */
.popup_wrap2 .tit2{width:60%;/* width:800px; height:800px; */ position:relative; text-align:center; font-size:30px; color:#ddd; font-family:'NS'; letter-spacing:-0.030em; padding-bottom:15px;left: 50%;transform: translateX(-50%);}
.popup_wrap2 .tit2 img{/* width:100%; */max-width: 100%;}
.popup_wrap2 .divpopb{overflow:hidden; position:absolute; /* left:25%; *//*  width:360px; */ padding-top: 20px; margin:0 auto;/*width: 35%;*/left: 50%;transform: translateX(-50%);z-index: 1;}
.popup_wrap2 .divpopb a{float:right; position:relative; z-index:1; width:40px; height:40px; background:#fff; font-size:0; border-radius:20px; margin-right:20px;}

/* container */
/*.wrap{min-width:1920px;}*/

/* main visual */
.main-visual{width:100%;margin:0 auto;text-align: center;}
.main-visual img{max-width: initial;margin-top: 102px;width: 1920px !important;max-height: 483px;display: block;float: none;text-align: center;margin: 102px auto 0;}

/* main-content */
.main-content{margin-top:-85px; position: relative;}
.main-content .inner{display:flex;gap:13px;width:1400px;}
.main-content .box{width:25%;height:237px;box-shadow: 9px 9px 18px rgb(0 0 0 / 11%);border-radius:15px;color:#fff;}
.main-content .box:nth-child(1){background:url(/images/new/group/main_cont01_bg01.png) no-repeat 50% 50% / 340px;}
.main-content .box:nth-child(2){background:url(/images/new/group/main_cont01_bg02.png) no-repeat 50% 50% / 340px;}
.main-content .box:nth-child(3){background:url(/images/new/group/main_cont01_bg03.png) no-repeat 50% 50% / 340px;}
.main-content .box:nth-child(4){background:url(/images/new/group/main_cont01_bg04.png) no-repeat 50% 50% / 340px;}
.main-content .box .txt-box{padding:35px 37px 39px;}
.main-content .box .txt-box .tit{font-size:22px;line-height:35px;font-weight: 600;}
.main-content .box .txt-box .desc{padding:4px 0 30px;font-size:14px;line-height:20px;}
.main-content .box .txt-box .btn-more{display:inline-block;position:relative;padding:10px 31px 7px 14px;border:1px solid #fff;border-radius:15px;font-size:13px;color:#fff;}
.main-content .box .txt-box .btn-more::after{content:"";display:block;position:absolute;top:8px;right:9px;width:15px;height:15px;background:url(/images/new/group/btn_arrow.png) no-repeat 50% 50% / 7px;}

/* news */
.news .inner{display:flex;/*gap:0 92px;*/width:1400px;padding: 70px 0;}
.news .tit{font-size:22px;color:#111;width: 70%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 600;}
.news .notice{flex:1;width:60%;margin-right: 92px;}
.news .notice .tit-area{display:flex;justify-content:space-between;align-items:center;}
.news .notice .tit-area .tit{flex:1;position:relative;}
.news .notice .tit-area .tit::after{content:"";display:block;position:absolute;bottom:15px;left:120px;right:20px;height:2px;background:#333;}
.news .notice .tit-area .tab ul{display:flex;font-size:18px;color:#888;}
.news .notice .tit-area .tab ul li{padding:0 24px;}
.news .notice .tit-area .tab ul li.on a{ color: #0e76bc;font-weight: 600;font-size: 18px;}
.news .notice .tit-area .tab ul li.on:before{content:"";position:absolute;top:8px;left:8px;width:6px;height:6px;border-radius:50%;background:#0e76bc;transform:translateX(-50%);}
.news .notice .news-wrap{display:flex; flex-wrap: wrap; padding: 40px 0 3px 0; gap: 55px; width: 110%;}
.news .notice .news-wrap .news-area{width:43%;}
.news .notice .news-wrap .news-area .tit{font-size:19px;color:#111;}
.news .notice .news-area .desc{margin-top:18px;font-size:15px;color:#888;line-height: 1.5;height: 5.7em; width: 100%; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news .notice .news-area .desc p{line-height: 1.5;height: 4em; width: 100%; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-family: 'NG', sans-serif !important; font-size: 14px !important;color: #555 !important;}
.news .notice .news-area .date{padding-top:37px;font-size:15px;color:#888;}
.news .notice .tit-area .tab ul li{position:relative;}
.news .notice .tit-area .tab ul li a{color:#888;font-size: 18px;}
.news .notice .tit-area .tab .btn-more{position:relative;top:3px;}
.news .notice .tit-area .tab ul li:before{content:"";position:absolute;top:8px;left:8px;width:6px;height:6px;border-radius:50%;background:#888;transform:translateX(-50%);}
/*.news .notice .tit-area .tab ul li:not(:first-child)::before{content:"";position:absolute;top:8px;left:8px;width:6px;height:6px;border-radius:50%;background:#888;transform:translateX(-50%);}*/
.news .notice .tit-area .tab ul li.on::after{display:none;}
.news .notice .tab-content{display:none;}
.news .notice .tab-content.on{display:inherit;}
.news .notice-banner .tit-area{display:flex;justify-content:space-between;padding-bottom:30px;}
.news .notice-banner{width:34%;}
.news .notice-banner .pager-wrap{display:flex; width: 26%;font-weight: 600;}
.news .notice-banner .swiper-wrapper img{width: 470px;height: 430px;}

/* quick-menu */
.quick-menu ul{display:flex;align-items:center;height:76px;margin: 90px 0 20px; background: #399b2f;border-radius:15px;}
.quick-menu ul li{position:relative;}
.quick-menu ul li:first-child{width:24.3%;height:100%;margin-right:75px;background:#0d8e00;border-radius:15px;color:#fff;}
.quick-menu ul li:first-child a{position:relative;top:15px;left:150px;}
.quick-menu ul li:first-child a span{font-weight: 600;font-size: 18px; letter-spacing: 0.5px;}
.quick-menu ul li:first-child::before{content:"";display:block;position:absolute;top:-55px;left:20px;width:116px;height:131px;background:url(/images/new/group/quickmenu_before.png) no-repeat 50% 50% / 116px;}
.quick-menu ul li:nth-child(2) a{background:url(/images/new/group/quick_menu_icon01.png) no-repeat 3% 24% / 35px;}
.quick-menu ul li:nth-child(3) a{background:url(/images/new/group/quick_menu_icon02.png) no-repeat 3% 24% / 35px;}
.quick-menu ul li:nth-child(4) a{background:url(/images/new/group/quick_menu_icon03.png) no-repeat 3% 24% / 33px;}
.quick-menu ul li:nth-child(5) a{background:url(/images/new/group/quick_menu_icon04.png) no-repeat 3% 24% / 26px;}
.quick-menu ul li:nth-child(6) a{background:url(/images/new/group/quick_menu_icon05.png) no-repeat 3% 24% / 42px;}
.quick-menu ul li a{padding:15px 56px;color:#fff;font-weight: 600;letter-spacing: 0.5px; font-size: 15px;}
.quick-menu ul li:first-child a{padding:0;}

/* banner */
.banner{padding:28px 0;border-top:1px solid #e5e5e5;}
.banner span{display:inline-block;width:120px;height:37px;background:#f4f4f4;border-radius: 15px;color:#111;}
.banner .banner-slider{display:flex;align-items:center;}

/* common */
.pager-wrap .navigation{display:flex;align-items:center;position:relative;top:3px;cursor: pointer;}
.pager-wrap .navigation div:not(:last-child){padding-right:10px;width: 11px;}
.pager-wrap .navigation img{width:7px;height:11px;}
.pager-wrap .counter{padding-right:15px;}

/* quick-menu-mobile */
.quick-menu-mobile{display: none;}

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

    .main-content .inner{width: 100%;}
    .inner {width: 100%;}
    .quick-menu ul li {width: 16%;}
    .quick-menu ul li a {padding: 23px 10px 23px 56px;display: block;}
    .quick-menu ul li:first-child {width: 26.3%;margin-right: 52px;}
}

@media screen and (max-width:1200px) {
    .wrap{width: 100%; min-width: 100%;}
    .main-content {margin-top: 10px;}
    .main-content .inner{width: 80%;justify-content: center; flex-wrap: wrap;}
    .main-content .box{ /*flex: 1 1 40%;*/ width: 340px;}
    /*.main-content .box:nth-child(1){background: url(/images/new/group/main_cont01_bg01.png) no-repeat 50% 50% / cover;}
    .main-content .box:nth-child(2){background:url(/images/new/group/main_cont01_bg02.png) no-repeat 50% 50% / cover;}
    .main-content .box:nth-child(3){background:url(/images/new/group/main_cont01_bg02.png) no-repeat 50% 50% / cover;}
    .main-content .box:nth-child(4){background:url(/images/new/group/main_cont01_bg04.png) no-repeat 50% 50% / cover;}*/
    .main-content .box .txt-box{/*padding: 35px 130px 39px;*/}

    .news .inner{width: 100%;flex-wrap: wrap; padding: 0 0 70px;}
    .news .notice {flex: auto;width: 100%;margin-right: 0px;}
    .news .notice .tit-area{padding: 0px 20px;}
    .news .notice .news-wrap{ padding: 50px 20px; width: 100%; gap: 40px;}
    .news .notice .news-wrap .news-area{width: 45%;}
    .news .notice-banner {width: 100%;}
    /* 알려드립니다 IE 대응 */
    .news .notice-banner .tit-area{padding: 0 20px 30px; width: 100%; box-sizing: border-box;}
    .inner{width: 100%;}
    /*.quick-menu ul{margin: 60px 20px;}*/
    .quick-menu ul li{flex: 1 1 40%; padding: 10px;}
    .quick-menu ul{margin: 90px 20px;flex-wrap: wrap;height: auto;}
    .quick-menu ul li:first-child{width: 93%;  margin-right: 0;}
    .quick-menu ul li:first-child a{top: 0;}
    .quick-menu ul li {flex: auto;padding: 25px 20px;}

    .notice-banner .swiper{text-align: center;}
    /* 메인비주얼 이미지 고정 */
    .main-visual img {margin-top: 92px;width: 100% !important;max-height: 302px;}
}

@media screen and (max-width:1124px) {
    /* sky banner */
   /* .sky_banner {display: none;}*/
}
@media screen and (max-width:1100px) {
    /* sky banner */
    #wrap.main_banner{padding-top:140px}
    .sky_banner {min-width: auto;}
    .sky_banner .inner {width: auto;}
}
@media screen and (max-width:768px) {
    .banner{display: none;}
    .main-content .inner{width: 100%;}

    /* 메인비주얼 이미지 고정 */
    .main-visual img {max-height: 193px;}

    /* sky banner */
    #wrap.main_banner{padding-top:140px}
    .sky_banner .inner .sb_footer {bottom: 12px; right: 5px; width: 100%;}
    .sky_banner .inner .con .bx-wrapper .bx-prev {left: 60px;}
    .sky_banner .inner .con .bx-wrapper .bx-next {right: 60px;}

    /* 레이어 팝업 슬라이드 */
    .popup_wrap2 .divpopa img {width: 30%;}
    .popup_wrap2 .tit{margin-top: 100px;}

    /* 퀵메뉴 바로가기 서비스 IE11 대응 */
    .quick-menu ul li:first-child{width: 89%;}

    /*notice*/
    .news .notice .news-wrap{gap: 25px;}
}

@media screen and (max-width:560px) {
    .news .notice .news-wrap{gap: 15px;}
}

@media screen and (max-width:479px) {
    .main-content .box {width: 100%;}
    .main-content .box:nth-child(1){background: url(/images/new/group/main_cont01_bg01.png) no-repeat 50% 50% / cover; margin: 10px;}
    .main-content .box:nth-child(2){background:url(/images/new/group/main_cont01_bg02.png) no-repeat 50% 50% / cover; margin: 10px;}
    .main-content .box:nth-child(3){background:url(/images/new/group/main_cont01_bg03.png) no-repeat 50% 50% / cover; margin: 10px;}
    .main-content .box:nth-child(4){background:url(/images/new/group/main_cont01_bg04.png) no-repeat 50% 50% / cover; margin: 10px;}
    .quick-menu ul{margin: 60px 20px;flex-wrap: wrap;height: auto;}
    .main-content .inner{gap: 0px;}
    .header .util ul li:nth-of-type(2){display: none;}
    .news .notice .news-wrap{flex-direction: column;}
    .news .notice .news-wrap .news-area {width: 95%;}
    .news .notice .tit-area{flex-direction: column; padding: 0px 20px;}
    .news .notice .tit-area .tit::after{display: none;}
    .news .notice .tit-area .tit{margin-bottom: 15px;width: 100%;}
    .news .notice .tit-area .tab ul li a{font-size: 21px;}
    .news .notice .tit-area .tab ul li.on a{font-size: 21px;}
    .news .notice .tit-area .tab ul li {padding: 0 22px;}
    .news .notice .news-area .date{padding-top: 15px; padding-bottom: 28px;}
    .news .notice .news-wrap {padding: 33px 10px 10px;}

    /* 메인비주얼 이미지 고정 */
    .main-visual img {max-height: 120px;}

}
@media screen and (max-width:415px) {
    .news .notice .tit-area{flex-direction: column; padding: 0px 10px;}
    .news .notice .tit-area .tit::after{display: none;}
    .news .tit{width: 100%;}
    .news .notice .tit-area .tit{margin-bottom: 15px;}
    .news .notice .tit-area .tab ul li a{font-size: 21px;}
    .news .notice .tit-area .tab ul li.on a{font-size: 21px;}
    .news .notice .tit-area .tab ul li {padding: 0 22px;}
    .news .notice .news-area .date{padding-top: 15px; padding-bottom: 28px;}
    .news .notice .news-wrap {padding: 33px 10px 10px;}
    .news .inner{padding: 33px 0 0;}
    .news .notice .news-area .desc{height: 3em; -webkit-line-clamp: 2;}
    .news .notice-banner .tit-area{padding: 0 10px 20px;}
    .news .notice-banner{width: 95%; margin: 0 auto; margin-bottom: 20px;}

    /* 알려드립니다 IE 대응*/
    .news .notice-banner .tit-area .tit{width: 60%;}
    .news .notice-banner .pager-wrap{width: 33%}
    .quick-menu ul {margin: 60px 20px 20px;}
    .quick-menu ul li{padding: 18px 20px;}
    /* quick-menu-mobile */
    .quick-menu{display: none;}
    .quick-menu-mobile{display: block;}
    .quick-menu-mobile .mobile-service{margin: 30px 10px 0px;}
    .quick-menu-mobile .mobile-service p{background: #0d8e00;color: #fff;text-align: center;padding: 22px 30px 18px 30px;border-radius: 15px 15px 0 0;font-size: 18px;}
    .quick-menu-mobile .mobile-service p span{font-weight: 600; margin-right: 20px;}
    .quick-menu-mobile .mobile-service ul{background: #399b2f;padding: 10px 27px; display: flex; flex-wrap: wrap;  border-radius: 0 0 15px 15px;}
    .quick-menu-mobile .mobile-service ul li{flex: 1 1 40%;}
    .quick-menu-mobile .mobile-service ul li:nth-child(1) a{background:url(/images/new/group/quick_menu_icon01.png) no-repeat 3% 24% / 35px;}
    .quick-menu-mobile .mobile-service ul li:nth-child(2) a{background:url(/images/new/group/quick_menu_icon02.png) no-repeat 3% 24% / 35px;}
    .quick-menu-mobile .mobile-service ul li:nth-child(3) a{background:url(/images/new/group/quick_menu_icon03.png) no-repeat 3% 24% / 35px;}
    .quick-menu-mobile .mobile-service ul li:nth-child(4) a{background:url(/images/new/group/quick_menu_icon04.png) no-repeat 3% 24% / 35px;}
    .quick-menu-mobile .mobile-service ul li:nth-child(5) a{background:url(/images/new/group/quick_menu_icon05.png) no-repeat 0% 24% / 42px;}
    .quick-menu-mobile .mobile-service ul li a{color: #fff; font-size: 15px; font-weight: 600;display: block; padding: 20px 10px 20px 56px;}

    /* 메인비주얼 이미지 고정 */
    .main-visual img {max-height: 94px;}
    /* 팝업 이미지 고정 */
    .news .notice-banner .swiper-wrapper img{width: 100%;height: auto;}
    /* 개별 팝업 */
    .popup_wrap{width: 92%; top: 0 !important; left: 0 !important;}
}
@media screen and (max-width:411px) {
    .news .notice-banner .pager-wrap {width: 40%;}
    /* notice */
    .news .notice .tit-area .tab ul li a{font-size: 18px;}
    .news .notice .tit-area .tab ul li.on a{font-size:18px;}
    /* quick-menu-mobile */
    .quick-menu-mobile .mobile-service ul li:nth-child(1) a{background:url(/images/new/group/quick_menu_icon01.png) no-repeat 3% 42% / 25px;}
    .quick-menu-mobile .mobile-service ul li:nth-child(2) a{background:url(/images/new/group/quick_menu_icon02.png) no-repeat 3% 42% / 25px;}
    .quick-menu-mobile .mobile-service ul li:nth-child(3) a{background:url(/images/new/group/quick_menu_icon03.png) no-repeat 3% 42% / 25px;}
    .quick-menu-mobile .mobile-service ul li:nth-child(4) a{background:url(/images/new/group/quick_menu_icon04.png) no-repeat 3% 42% / 25px;}
    .quick-menu-mobile .mobile-service ul li:nth-child(5) a{background:url(/images/new/group/quick_menu_icon05.png) no-repeat 0% 42% / 30px;}
    .quick-menu-mobile .mobile-service ul li a{color: #fff; font-size: 15px;font-weight: 600; display: block; padding: 20px 10px 20px 37px;}


}
@media screen and (max-width:376px) {
    /* notice */
    .news .notice .tit-area .tab ul li a{font-size: 17px;}
    .news .notice .tit-area .tab ul li.on a{font-size:17px;}
    .quick-menu ul li:first-child{padding: 25px 0px;}



}