@charset "utf-8";

/* common */
.wrap-main #wrap_header{position:fixed;top:0;left:0;}
.wrap-main #header{border-bottom-width:0;}
.wrap-main #header.active{border-bottom-width:1px;}
.wrap-main .wrap-container{padding-top:120px;}
.wrap-main #cont-body{padding:0;}
.wrap-main #fullpage > div:nth-child(n+2):nth-child(-n+4) > div{padding-right:4%;padding-left:4%;}
.wrap-main #fullpage > div:not(:nth-child(n+2):nth-child(-n+4)) > div{vertical-align:top;}
.section:not(.fp-auto-height) .fp-tableCell{padding-top:120px;}
.wrap-section{max-width:1400px;margin:0 auto;}
.swiper-navi .tit-hidden{display:none;}
.swiper-navi [class*='btn']{display:block;position:relative;}
.swiper-navi [class*='btn'] span{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0);}
.more-btn{transform:rotate(0);transition:all .2s;}
.more-btn:hover{transform:rotate(90deg);}

/** title **/
.wrap-tit{text-align:center;}
.wrap-tit .tit{margin:0 auto;text-indent:-9999px;background-repeat:no-repeat;background-position:center;background-size:cover;}

/** aside move **/
#asideNav{position:fixed;top:50%;right:1vw;margin-top:-70px;transform:translateY(-50%);z-index:98;}
#asideNav li{position:relative;margin-top:15px;transition:all .2s;}
#asideNav li:after{content: '';position:absolute;bottom:0;left:50%;width:1px;height:0;margin-left:-1px;transition:all .2s;background:#36445b;opacity:0;}
#asideNav li a{overflow:hidden;display:block;width:10px;height:10px;margin:0 auto;text-indent:-9999px;border:1px solid #808080;border-radius:50%;transition:all .2s;background-repeat:no-repeat;background-position:center center;}

#asideNav li.active{padding-bottom:65px;}
#asideNav li.active:after{height:50px;opacity:1}
#asideNav li.active a{width:17px;height:17px;border:none;background-image:url(../images/ico/ico_nav_ov.png)}

#asideNav.white li a{border-color:#fff;}
#asideNav.white li.active a{background-image:url(../images/ico/ico_nav_ov_white.png)}
#asideNav.white li.active:after{background:#fff;}

/** main visual **/
#section1{position:relative;height:100%;}
#section1 .fp-tableCell{vertical-align:top;}
#section1 .wrap-visual{width:94%;height:calc(100vh - 200px);margin:0 auto;}
#section1 .wrap-visual .tit{overflow:hidden;display:block;position:relative;width:0;height:0;text-indent:-9999px;border:0;clip:rect(0, 0, 0, 0);}
#section1 .visual-swiper{overflow:hidden;position:relative;height:100%;}
#section1 .swiper-slide{overflow:hidden;position:relative;}
#section1 .swiper-slide:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(0deg, rgba(0,0,0,0.7539390756302521) 20%, rgba(250,249,247,0) 100%);z-index:1;}
#section1 .swiper-slide .slide-img{height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#section1 .swiper-slide-active .slide-img{animation:slideScale 1.8s linear;}

@keyframes slideScale{
  0% {
    transform:scale(1.1);
  }
  100%{
    transform:scale(1);
  }
}

#section1 .visual-cont{position:absolute;left:50%;bottom:130px;width:calc(100% - 500px);text-align:center;transform:translateX(-50%);z-index:10;}
#section1 .visual-cont *{color:#fff;}
#section1 .visual-cont .cont-tit{overflow:hidden;display:block;width:100%;margin-bottom:20px;font-size:36px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}
#section1 .visual-cont .cont-btn{overflow:hidden;display:inline-block;position:relative;padding:11px 18px;font-size:15px;border-radius:30px;z-index:1;}
#section1 .visual-cont .cont-btn:before,#section1 .visual-cont .cont-btn:after{content:'';position:absolute;top:50%;left:50%;height:100%;transform:translate(-50%,-50%);}
#section1 .visual-cont .cont-btn:before{width:0;transition:all .3s;background:#fff;opacity:0;z-index:-1;}
#section1 .visual-cont .cont-btn:after{width:100%;border:2px solid #fff;border-radius:30px;}
#section1 .visual-cont .cont-btn:hover:before,#section1 .visual-cont .cont-btn:focus:before{width:100%;opacity:1;}
#section1 .visual-cont .cont-btn i{padding-left:18px;transition:all .2s .1s; background-image:url('../images/bullet/bul_more04.png');background-repeat:no-repeat;background-position:left center;}
#section1 .visual-cont .cont-btn:hover i,#section1 .visual-cont .cont-btn:focus i{color:#000;font-weight:500;background-image:url('../images/bullet/bul_more05.png');}
#section1 .swiper-navi{display:flex !important;align-items:center;justify-content:center;position:absolute;bottom:140px;right:0;width:193px;height:58px;background:#ed1a3b;z-index:10;}
#section1 .swiper-navi [class*='-btn']{width:17px;height:17px;background-image:url('../images/bullet/bul_nav01.png');background-repeat:no-repeat;}
#section1 .swiper-navi [class*='-btn']:focus{outline-color:#000;}
#section1 .swiper-navi .prev-btn{background-position:left center;}
#section1 .swiper-navi .next-btn{background-position:right -60px center;}
#section1 .swiper-navi .stop-btn{margin-left:20px;background-position:right -20px center;}
#section1 .swiper-navi .stop-btn.on{background-position:right center;}
#section1 .swiper-navi .swiper-pagination{display:flex;position:relative;bottom:0;width:35px;margin:0 22px;}
#section1 .swiper-navi .swiper-pagination [class*='swiper-pagination']{color:#fff;font-size:13px;font-weight:500;}
#section1 .swiper-navi .swiper-pagination-current{position:relative;margin-right:20px;}
#section1 .swiper-navi .swiper-pagination-current:after{content:'';position:absolute;top:50%;left:13px;width:8px;height:2px;transform:translateY(-50%);background:#fff;}

/** 주요서비스 **/
#section1 .wrap-shortcut{position:relative;width:94%;height:95px;margin:-95px auto 0;z-index:10;}
#section1 .wrap-shortcut:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#253f91;}
#section1 .wrap-shortcut{display:flex;}
#section1 .wrap-shortcut > *{position:relative;}
#section1 .wrap-shortcut *{color:#fff;font-size:18px;}
#section1 .wrap-shortcut h3{position:relative;width:210px;padding-top:29px;text-align:center;z-index:1;}
#section1 .wrap-shortcut h3:before{content:'';position:absolute;top:-10px;left:0;width:100%;height:calc(100% + 10px);background-color:#0a2757;background-image:url('../images/main/service_bg.jpg');background-repeat:no-repeat;background-position:left center;z-index:-1;}
#section1 .wrap-shortcut h3 i{position:relative;padding-right:40px;font-size:23px;font-weight:600;}
#section1 .wrap-shortcut h3 i:before,#section1 .wrap-shortcut h3 i:after{content:'';position:absolute;}
#section1 .wrap-shortcut h3 i:before{top:50%;right:0;width:17px;height:17px;border-radius:50%;transform:translateY(-50%);background:#1b3e76;}
#section1 .wrap-shortcut h3 i:after{top:5px;right:6px;width:22px;height:9px;background:url('../images/ico/ico_arr_03.png') no-repeat;}
#section1 .wrap-shortcut .shortcut-body{position:relative;width:calc(100% - 210px);}
#section1 .wrap-shortcut .shortcut-tab{overflow:hidden;width:calc(100% - 40px);height:100%;margin:0 auto;}
#section1 .wrap-shortcut .shortcut-tab::-webkit-scrollbar{height:5px;}
#section1 .wrap-shortcut .shortcut-tab::-webkit-scrollbar-thumb{width:15%;border-radius:5px;background:#d3ddf6;}
#section1 .wrap-shortcut .shortcut-tab::-webkit-scrollbar-track{border-radius:5px;background:rgba(51,51,51,.7);}
#section1 .wrap-shortcut ul{height:100%;white-space:nowrap;}
#section1 .wrap-shortcut ul li{display:inline-block;position:relative;width:auto;height:100%;}
#section1 .wrap-shortcut ul li+li:before{content:'';position:absolute;top:50%;left:-2px;width:4px;height:4px;border-radius:50%;transform:translateY(-50%);background:#808ab4;}
#section1 .wrap-shortcut ul a{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;height:100%;padding:0 40px;transition:all .3s linear;z-index:1;}
#section1 .wrap-shortcut ul a:before,#section1 .wrap-shortcut ul a:after{content:'';position:absolute;}
#section1 .wrap-shortcut ul a:before{top:0;left:50%;width:0;height:100%;transform:translateX(-50%);transition:all .3s;background-color:#fff;background-repeat:no-repeat;background-position:right bottom;z-index:-1;}
#section1 .wrap-shortcut ul a:after{right:0;bottom:0;width:83px;height:81px;transform:translateX(100%);background-repeat:no-repeat;background-position:center right;z-index:-1;opacity:0;}
#section1 .wrap-shortcut ul a i{font-weight:600;transition:all .2s;}
#section1 .wrap-shortcut ul a:hover{box-shadow:0px 3px 12px 9px rgba(0,0,0,.3)}
#section1 .wrap-shortcut ul a:hover:before,#section1 .wrap-shortcut ul a:focus:before{width:100%;}
#section1 .wrap-shortcut ul a:hover i,#section1 .wrap-shortcut ul a:focus i{color:#223678;}
#section1 .wrap-shortcut ul a:hover:after,#section1 .wrap-shortcut ul a:focus:after{animation:item-hover .2s .2s;animation-fill-mode:both;}
#section1 .wrap-shortcut [class*='btn']{display:none;position:absolute;top:50%;width:20px;height:20px;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;}
#section1 .wrap-shortcut [class*='btn'] span{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0);}
#section1 .wrap-shortcut .prev-btn{left:10px;background-image:url('../images/bullet/bul_prev02.png');}
#section1 .wrap-shortcut .next-btn{right:10px;background-image:url('../images/bullet/bul_next02.png');}

#section1 .wrap-shortcut ul .civil-complaint:after{background-image:url('../images/ico/ico_service01.png');}
#section1 .wrap-shortcut ul .staff-search:after{background-image:url('../images/ico/ico_service02.png');}
#section1 .wrap-shortcut ul .business-announ:after{background-image:url('../images/ico/ico_service03.png');}
#section1 .wrap-shortcut ul .active-adm:after{background-image:url('../images/ico/ico_service04.png');}
#section1 .wrap-shortcut ul .org-guide:after{background-image:url('../images/ico/ico_service05.png');}
#section1 .wrap-shortcut ul .sympathy:after{background-image:url('../images/ico/ico_service06.png');}
#section1 .wrap-shortcut ul .adm-notice:after{background-image:url('../images/ico/ico_service07.png');}
#section1 .wrap-shortcut ul .spokesman:after{background-image:url('../images/ico/ico_service08.png');}
#section1 .wrap-shortcut ul .publication:after{background-image:url('../images/ico/ico_service09.png');}
#section1 .wrap-shortcut ul .price-info:after{background-image:url('../images/ico/ico_service10.png');}

.scroll_txt{display:block;position: absolute;left:0;bottom:0;width:100vw;height:80px;padding-top:30px;z-index:1;}
.scroll_txt span{display:block;height:10px;font-size:0;text-indent:-9999px;background:url(../images/main/scoll_down.png) no-repeat 50%;}
.scroll_txt span:before,.scroll_txt span:after{content: "";display:block;position:absolute;}
.scroll_txt span:before{bottom:0;left:calc(50% - 1px);width:2px;height:25px;animation:scrollDown 1.8s ease-in-out infinite forwards;background:#36445b;}

@keyframes item-hover {
  from {
    transform:translateX(100%);opacity:0;
    }
  to {
    transform:translateX(0%);opacity:1;
    }
}

@keyframes scrollDown {
    0% {
      transform-origin: top;
      transform: scaleY(0);
    }
    45% {
      transform-origin: top;
      transform: scaleY(1);
    }
    55% {
      transform-origin: bottom;
      transform: scaleY(1);
    }
    100% {
      transform-origin: bottom;
      transform: scaleY(0);
    }
}

/** 탭공통 **/
.wrap-tab{position:relative;}
.wrap-tab > ul{width:calc(100% - 25px);padding-bottom:3px;white-space:nowrap;}
.wrap-tab > ul:after{content:'';position:absolute;top:40px;left:0;width:100%;height:1px;background:#3e4697;}
.wrap-tab > ul::-webkit-scrollbar{height:5px;}
.wrap-tab > ul::-webkit-scrollbar-thumb{width:15%;border-radius:3px;background:#b9bdc5;}
.wrap-tab > ul::-webkit-scrollbar-track{background:#f3f3f3;}
.wrap-tab > ul > li{display:inline-block;}
.wrap-tab > ul > li .tab-tit{display:inline-block;margin-right:25px;position:relative;}
.wrap-tab > ul > li .tab-tit:before{content:'';position:absolute;top:13px;left:-16px;width:4px;height:4px;border-radius:50%;background:#dedfe2;}
.wrap-tab > ul > li:last-child .tab-tit{margin-right:0;}
.wrap-tab > ul > li:first-child .tab-tit:before{content:none;}
.wrap-tab > ul > li .tab-tit *{display:block;position:relative;padding:5px 2px 15px;color:#55595f;font-size:17px;font-weight:500;}
.wrap-tab > ul > li .tab-tit *:before,.wrap-tab > ul > li .tab-tit *:after{content:'';position:absolute;transition:all .2s;}
.wrap-tab > ul > li .tab-tit *:before{top:0;left:0;width:11px;height:11px;transform:scale(0);background:#d4e1ff;z-index:-1;}
.wrap-tab > ul > li .tab-tit *:after{bottom:0;left:50%;width:0;height:4px;transform:translateX(-50%);background:#3e4697;}
.wrap-tab > ul .tab-cont{visibility:hidden;position:absolute;top:40px;left:0;width:100%;transition:all .2s;opacity:0;}
.wrap-tab > ul .tab-cont li *{display:block;}
.wrap-tab > ul .tab-cont li+li{margin-top:15px;}
.wrap-tab > ul .tab-cont li.first-cont{margin-bottom:5px;}
.wrap-tab > ul .tab-cont li:not(.first-cont) a{display:flex;align-items:center;justify-content:space-between;position:relative;padding-left:9px;}
.wrap-tab > ul .tab-cont li:not(.first-cont) a:before{content:'';position:absolute;top:50%;left:0;width:4px;height:4px;border-radius:50%;transform:translateY(-50%);background:#969ba6;}
.wrap-tab > ul .tab-cont strong{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.wrap-tab > ul .tab-cont a > strong{width:calc(100% - 80px);}
.wrap-tab > ul .tab-cont a > strong,.wrap-tab > ul .tab-cont a > strong i{color:#414345;font-size:16px;font-weight:500;vertical-align:middle;}
.wrap-tab > ul .tab-cont a > strong i{overflow:hidden;position:relative;display:inline-block;max-width:calc(100% - 25px);text-overflow:ellipsis;white-space:nowrap;}
.wrap-tab > ul .tab-cont a > strong i:after{content:'';position:absolute;bottom:2px;left:0;width:0;height:8px;transition:all .3s;background:#d4e1ff;z-index: -1;}
.wrap-tab > ul .tab-cont a > strong .new{display:inline-block;width:18px;height:18px;margin-left:7px;text-indent:-9999px;vertical-align:bottom;background:url('../images/ico/ico_new02.png') no-repeat;}
.wrap-tab > ul .tab-cont a .date{margin-left:10px;color:#767676;font-size:13px;font-weight:400;font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum";font-feature-settings:"tnum";}
.wrap-tab > ul .first-cont a{display:flex;align-items:center;padding:20px 15px;border-radius:5px;background:#f2f4fa;}
.wrap-tab > ul .first-cont .date-box{display:flex;justify-content:center;flex-direction:column;align-items:center;width:78px;height:55px;border-right:1px solid #e2e4ea;}
.wrap-tab > ul .first-cont .date-box b{margin-bottom:2px;color:#404247;font-size:28px;font-weight:700;}
.wrap-tab > ul .first-cont .date-box i{color:#838589;font-size:14px;font-weight:600;}
.wrap-tab > ul .first-cont div{flex:1;min-width:0;margin-left:17px;}
.wrap-tab > ul .first-cont div > strong{margin-bottom:10px;color:#2e3035;font-size:19px;font-weight:600;transition:all .2s;}
.wrap-tab > ul .first-cont a:hover  div > strong{color:#3e4697;text-decoration:underline;}
.wrap-tab > ul .first-cont div > p{overflow:hidden;color:#84878c;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}
.wrap-tab > ul .more-btn{position:absolute;top:-33px;right:0;width:17px;height:17px;text-indent:-9999px;background:url('../images/bullet/bul_more01.png') no-repeat;}

.wrap-tab > ul .tab-cont a:hover strong *:after,.wrap-tab > ul .tab-cont a:focus strong *:after{width:100%;}
.wrap-tab > ul > li.is-current .tab-tit *,.wrap-tab > ul > li .tab-tit:hover *,.wrap-tab > ul > li .tab-tit:focus *{color:#3e4697;font-weight:700;}
.wrap-tab > ul > li .tab-tit:hover *:before,.wrap-tab > ul > li .tab-tit:focus *:before,.wrap-tab > ul > li.is-current .tab-tit *:before{transform:scale(1);}
.wrap-tab > ul > li.is-current .tab-tit *:after{width:100%;}
.wrap-tab > ul > li.is-current .tab-cont{visibility:visible;opacity:1;}

/** 새소식 탭 **/
#section2 .data-tab{position:relative;width:calc(50% - 30px);border:1px solid #e1e1e1;}
#section2 .tab-news{}
#section2 .tab-news > li{position:absolute;top:0;left:0;width:100%;}
#section2 .tab-news > li .tab-data{display:block;position:absolute;top:25px;left:10px;width:113px;padding:28px 14px;border-bottom:1px dotted #e1e1e1;z-index:1;}
#section2 .tab-news > li .tab-data:before{content:'';position:absolute;top:0;left:-20px;width:0;height:100%;box-shadow:5px 4px 4px rgba(0,0,0,.3);background:#253f91;transition:all .2s;z-index:-1;}
#section2 .tab-news > li .tab-data h3{display:inline-block;position:relative;padding-right:20px;color:#353535;font-size:18px;font-weight:500;}
#section2 .tab-news > li .tab-data h3:after{content:'';position:absolute;top:50%;right:0;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);background:#fff;opacity:0;}
#section2 .tab-news > li:nth-child(2) .tab-data{top:103px;}
#section2 .tab-news > li:nth-child(3) .tab-data{top:181px;}
#section2 .tab-news > li .wrap-tab{display:none;}
#section2 .tab-news .tab-cont li+li{margin-top:0}
#section2 .tab-news .tab-cont li:not(.first-cont){padding:10px 0;border-bottom:1px dotted #e1e1e1;}
#section2 .tab-news .tab-cont li:not(.first-cont) a{padding:0;}
#section2 .tab-news .tab-cont li:not(.first-cont) a:before{content:none;}
#section2 .tab-news .tab-cont li:last-child{border-bottom:none;}

#section2 .tab-news > li .tab-data:hover h3,#section2 .tab-news > li .tab-data:focus h3{color:#253f91;}
#section2 .tab-news > li.is-current .tab-data:before{width:calc(100% + 33px);}
#section2 .tab-news > li.is-current .tab-data h3{color:#fff;font-weight:600;}
#section2 .tab-news > li.is-current .tab-data h3:after{opacity:1;}
#section2 .tab-news > li.is-current .wrap-tab{display:block;}

#section2 .wrap-tab{position:absolute;top:25px;left:160px;width:calc(100% - 185px);}
#section2 .wrap-tab ul:after,#section2 .wrap-tab > ul > li .tab-tit *:before{content:none;}
#section2 .wrap-tab > ul > li .tab-tit *{padding-bottom:10px;}
#section2 .wrap-tab > ul .tab-cont{top:50px;}
#section2 .wrap-tab > ul .more-btn{top:-42px;}
#section2 .wrap-tit{margin-bottom:30px;}
#section2 .wrap-tit .tit{width:213px;height:28px;background-image:url('../images/main/tit_01.png');}
#section2 .wrap-news-box{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;}
#section2 .swiper-slide,#section2 .swiper-slide *{display:block;}
#section2 .swiper-slide i{overflow:hidden;}
#section2 .swiper-slide img{width:100%;height:100%;transform:scale(1);transition:all .3s linear;}
#section2 .swiper-slide:hover img,#section2 .swiper-slide:focus img{transform:scale(1.1);}
#section2 .swiper-navi{position:absolute;}

/** 뉴스 **/
#section2 .news-tit{display:block;margin-bottom:15px;color:#2e3035;font-size:18px;font-weight:400;}
#section2 .news-tit i{font-weight:700;}
#section2 .swiper{overflow:hidden;position:relative;}
#section2 .wrap-news .swiper:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-width:0 1px 1px 1px;border-style:solid;border-color:#e1e1e1;}
#section2 .wrap-banner,#section2 .wrap-notice,#section2 .wrap-news{width:calc(25% - 40px);}
#section2 .wrap-banner{position:relative;}
#section2 .wrap-banner .swiper{border:1px solid #dfe1e7;}
#section2 .wrap-banner .swiper-slide i{height:276px;}
#section2 .wrap-banner .swiper-navi{display:flex;align-items:center;top:5px;right:0;}
#section2 .wrap-banner .swiper-navi [class*='btn']{width:9px;height:15px;background-image:url('../images/bullet/bul_nav06.png');background-repeat:no-repeat;}
#section2 .wrap-banner .swiper-navi .prev-btn{background-position:left center;}
#section2 .wrap-banner .swiper-navi .stop-btn{margin:0 17px;background-position:left -22px center;transition:all .2s ease-in;}
#section2 .wrap-banner .swiper-navi .stop-btn.on{background-image:url('../images/bullet/bul_play03.png');background-position:center;}
#section2 .wrap-banner .swiper-navi .next-btn{background-position:right center;}
#section2 .wrap-notice{position:relative;margin-top:55px;}
#section2 .wrap-news{position:relative;margin-top:55px;}
#section2 .wrap-news .tit{overflow:hidden;width:100%;height:55px;padding:0 13px;line-height:55px;color:#2c2c2e;font-size:16px;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
#section2 .wrap-news .swiper-slide i{height:179px;}
#section2 .wrap-news .swiper-navi,#section2 .wrap-notice .swiper-navi{display:flex;position:absolute;top:3px;right:0;}
#section2 .wrap-news .swiper-navi [class*='btn'],#section2 .wrap-notice .swiper-navi [class*='btn'],#section2 .card-banner .swiper-navi [class*='btn']{width:15px;height:17px;background-image:url('../images/bullet/bul_nav03.png');background-repeat:no-repeat;}
#section2 .wrap-news .swiper-navi .prev-btn,#section2 .wrap-notice .swiper-navi .prev-btn{background-position:left 3px center;}
#section2 .wrap-news .swiper-navi .next-btn,#section2 .wrap-notice .swiper-navi .next-btn,#section2 .card-banner .swiper-navi .next-btn{margin:0 12px 0 14px;background-position:left -20px center;}
#section2 .wrap-news .swiper-navi .more-btn,#section2 .wrap-notice .swiper-navi .more-btn,#section2 .card-banner .swiper-navi .more-btn{background-position:right center;}
#section2 .wrap-notice .swiper-slide i{height:235px;}
#section2 .wrap-notice .swiper-navi{align-items:center;}
#section2 .wrap-notice .swiper-navi .next-btn{margin:0;}
#section2 .wrap-notice .swiper-pagination{position:relative;bottom:auto;width:42px;margin:0 10px;}
#section2 .wrap-notice .swiper-pagination *{display:inline-block;font-size:13px;font-weight:500;}
#section2 .wrap-notice .swiper-pagination .cnum{color:#2e3035;}
#section2 .wrap-notice .swiper-pagination .tnum{position:relative;margin-left:10px;color:#80838b;}
#section2 .wrap-notice .swiper-pagination .tnum:before{content:'';position:absolute;top:50%;left:-7px;width:4px;height:1px;transform:translateY(-50%);background:#80838b;}

/** 산소통 **/
#section3{position:relative;background:url('../images/main/bg_section03.png') no-repeat center / cover;}
#section3:after{content:'';position:absolute;right:0;bottom:0;width:1095px;height:241px;background:url('../images/main/bg_text.png') no-repeat center / cover;}
#section3 .wrap-tit{margin-bottom:24px;}
#section3 .wrap-tit .tit{width:181px;height:46px;margin-bottom:15px;background-image:url('../images/main/tit_02.png');}
#section3 .wrap-tit .txt{font-size:22px;}
#section3 .wrap-tit .txt i{color:#0342ab;}
#section3 .sns-list{display:flex;justify-content:center;margin-bottom:50px;}
#section3 .sns-list li+li{margin-left:11px;}
#section3 .sns-list [class*='sns']{overflow:hidden;display:block;position:relative;width:52px;height:52px;border-radius:50%;border:1px solid #dfe0e1;text-indent:-9999px;box-shadow:0px 3px 5px 1px rgba(0,0,0,.1);background-color:#fff;background-repeat:no-repeat;background-position:center;z-index:1;}
#section3 .sns-list [class*='sns']:before{content:'';position:absolute;top:-100%;left:-100%;width:100%;height:100%;border-radius:50%;transform:rotate(45deg) scale(1);transition:all .3s linear;z-index:-1;}
#section3 .sns-list [class*='sns']:hover:before{transform:scale(4);}

#section3 .sns-list .sns-youtube:before{background:rgba(251,206,206,.7);}
#section3 .sns-list .sns-facebook:before{background:rgba(215,226,244,.7);}
#section3 .sns-list .sns-twitter:before{background:rgba(211,211,211,.7);}
#section3 .sns-list .sns-naver-blog:before{background:rgba(214,236,215,.7);}
#section3 .sns-list .sns-instagram:before{background:linear-gradient(240deg, rgba(35,18,233,.3) 0%, rgba(170,52,149,.3) 33%, rgba(236,84,82,.3) 66%, rgba(255,186,100,.3) 100%);}

#section3 .wrawp-snstxt{position:relative;}
#section3 .snstxt-swiper{overflow:hidden;padding-bottom:30px;}
#section3 .snstxt-swiper [class*='slide']{display:block;padding:39px 26px 55px 26px;}
#section3 .snstxt-swiper [class*='slide']:nth-child(2n){transform:translateY(30px);}
#section3 .snstxt-swiper .wrap-cont{position:relative;margin:0;box-shadow:2px 3px 5px 3px rgba(0,0,0,.1);}
#section3 .snstxt-swiper .wrap-img{overflow:hidden;display:block;height:289px;}
#section3 .snstxt-swiper .wrap-img img{width:100%;height:100%;transform:scale(1);transition:all .2s linear;}
#section3 .snstxt-swiper .wrap-cont:hover img{transform:scale(1.1);}
#section3 .snstxt-swiper .tag{display:block;position:absolute;right:10px;bottom:-23px;width:55px;height:55px;text-indent:-9999px;box-shadow:2px 3px 5px 3px rgba(0,0,0,.1);}
#section3 .snstxt-swiper .tag:after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center;}

#section3 .snstxt-swiper .slide-blog{background:rgba(214,236,215,.7);}
#section3 .snstxt-swiper .slide-facebook{background:rgba(215,226,244,.7);}
#section3 .snstxt-swiper .slide-instagram{background:linear-gradient(240deg, rgba(35,18,233,.3) 0%, rgba(170,52,149,.3) 33%, rgba(236,84,82,.3) 66%, rgba(255,186,100,.3) 100%);}
#section3 .snstxt-swiper .slide-youtube{background:rgba(251,206,206,.7);}
#section3 .snstxt-swiper .slide-twitter{background:rgba(211,211,211,.7);}
#section3 .snstxt-swiper .slide-blog .tag{background:#31a836;}
#section3 .snstxt-swiper .slide-blog .tag:after{background-image:url('../images/common/sns_naver_blog_white.png');}
#section3 .snstxt-swiper .slide-facebook .tag{background:#255cbe;}
#section3 .snstxt-swiper .slide-facebook .tag:after{background-image:url('../images/common/sns_facebook_white.png');}
#section3 .snstxt-swiper .slide-instagram .tag{background:linear-gradient(219deg, rgba(35,18,233,1) 0%, rgba(170,52,149,1) 33%, rgba(236,84,82,1) 66%, rgba(255,186,100,1) 100%) ;}
#section3 .snstxt-swiper .slide-instagram .tag:after{background-image:url('../images/common/sns_instagram_white.png');}
#section3 .snstxt-swiper .slide-youtube .tag{background:#e20e0e;}
#section3 .snstxt-swiper .slide-youtube .tag:after{background-image:url('../images/common/sns_youtube_white.png');}
#section3 .snstxt-swiper .slide-twitter .tag{background:#000;}
#section3 .snstxt-swiper .slide-twitter .tag:after{background-image:url('../images/common/sns_twitter_white02.png');}
#section3 .swiper-navi [class*='btn']{position:absolute;top:50%;width:58px;height:58px;border-radius:50%;box-shadow:2px 2px 8px 0px rgba(0,0,0,.2);background-color:#8a8e94;background-repeat:no-repeat;background-position:center;z-index:10;}
#section3 .swiper-navi [class*='btn'].swiper-button-disabled{opacity:.4;}
#section3 .swiper-navi .prev-btn{left:-108px;background-image:url('../images/bullet/bul_prev.png');}
#section3 .swiper-navi .next-btn{right:-108px;background-image:url('../images/bullet/bul_next.png');}

#section3 .snstxt-swiper.on .swiper-wrapper{justify-content:center;}
#section3 .wrawp-snstxt.view-control [class*='btn']{display:none;}

/** 산업부 **/
#section4 .wrap-tit{margin-bottom:48px;}
#section4 .wrap-tit .tit{width:348px;height:28px;background-image:url('../images/main/tit_03.png');}
#section4 .wrap-industry{display:flex;margin-bottom:45px;}
#section4 .wrap-tab{flex:1;}
#section4 .wrap-tab > ul .tab-cont{top:65px;}
#section4 .wrap-tab > ul .more-btn{top:-55px;}

/** 퀵메뉴 **/
#section4 .quick-menu{display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;width:330px;margin-left:60px;}
#section4 .quick-menu li{width:calc(50% - 4px);height:calc(50% - 4px);}
#section4 .quick-menu a{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;height:100%;padding:15px 10px;background:#f0f3f8;}
#section4 .quick-menu a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #5a7bc4;transition:all .2s;opacity:0;}
#section4 .quick-menu a i{position:relative;padding-top:58px;color:#36465f;font-size:17px;font-weight:500;z-index:1;}
#section4 .quick-menu a i:before,#section4 .quick-menu a i:after{content:'';position:absolute;}
#section4 .quick-menu a i:before{top:0;left:50%;width:50px;height:43px;transform:translateX(-50%);background-repeat:no-repeat;background-position:center;}
#section4 .quick-menu a i:after{top:13px;right:0;width:20px;height:20px;border-radius:50%;transform:scale(0);transition:all .3s;background:#cfdeff;z-index:-1;}

#section4 .quick-menu a:hover,#section4 .quick-menu a:focus{box-shadow:3px 3px 6px 0px rgba(0,0,0,.1);background:#fff;}
#section4 .quick-menu a:hover:after,#section4 .quick-menu a:focus:after{opacity:1;}
#section4 .quick-menu a:hover i,#section4 .quick-menu a:focus i{color:#1333a5;}
#section4 .quick-menu a:hover i:after,#section4 .quick-menu a:focus i:after{transform:scale(1);}

#section4 .quick-menu li:nth-child(1) a,#section4 .quick-menu li:nth-child(1) a:after{border-radius:15px 0 0 0;}
#section4 .quick-menu li:nth-child(2) a,#section4 .quick-menu li:nth-child(2) a:after{border-radius:0 15px 0 0;}
#section4 .quick-menu li:nth-child(3) a,#section4 .quick-menu li:nth-child(3) a:after{border-radius:0 0 0 15px;}
#section4 .quick-menu li:nth-child(4) a,#section4 .quick-menu li:nth-child(4) a:after{border-radius:0 0 15px 0;}

#section4 .quick-menu .industry i:before{background-image:url('../images/ico/ico_quick01.png');}
#section4 .quick-menu .trade i:before{background-image:url('../images/ico/ico_quick02.png');}
#section4 .quick-menu .fta i:before{background-image:url('../images/ico/ico_quick03.png');}
#section4 .quick-menu .energy i:before{background-image:url('../images/ico/ico_quick04.png');}
#section4 .quick-menu .industry:hover i:before,#section4 .quick-menu .industry:focus i:before{background-image:url('../images/ico/ico_quick01_on.png');}
#section4 .quick-menu .trade:hover i:before,#section4 .quick-menu .trade:focus i:before{background-image:url('../images/ico/ico_quick02_on.png');}
#section4 .quick-menu .fta:hover i:before,#section4 .quick-menu .fta:focus i:before{background-image:url('../images/ico/ico_quick03_on.png');}
#section4 .quick-menu .energy:hover i:before,#section4 .quick-menu .energy:hover i:focus{background-image:url('../images/ico/ico_quick04_on.png');}

/** 장관소개 **/
#section4 .wrap-minister{overflow:hidden;position:relative;width:355px;height:282px;margin-left:60px;padding:20px;background:url('../images/main/minister_bg.jpg') no-repeat center / cover;z-index:1;}
#section4 .wrap-minister .minister-txt{display:inline-block;position:relative;padding:14px 8px 6px;z-index:1;}
#section4 .wrap-minister .minister-txt:before,#section4 .wrap-minister .minister-txt:after{content:'';position:absolute;height:23px;background-repeat:no-repeat;z-index:-1;}
#section4 .wrap-minister .minister-txt:before{top:0;left:0;width:37px;background-image:url('../images/main/quote_l.png');}
#section4 .wrap-minister .minister-txt:after{bottom:0;right:48px;width:38px;background-image:url('../images/main/quote_r.png');}
#section4 .wrap-minister .minister-txt img{max-width:100%;}
#section4 .minister-cont{position:absolute;bottom:34px;left:25px;}
#section4 .minister-cont .minister-name{display:block;margin-bottom:35px;color:#222223;font-size:16px;font-weight:500;}
#section4 .minister-cont .minister-name b{display:block;width:140px;height:20px;margin-top:5px;text-indent:-9999px;background:url('../images/main/minister_txt02.png') no-repeat center / cover;}
#section4 .minister-cont ul{display:flex;}
#section4 .minister-cont ul li+li{margin-left:7px;}
#section4 .minister-cont ul a{display:inline-block;position:relative;padding:11px 15px;font-size:15px;font-weight:500;border:1px solid #153384;z-index:1;}
#section4 .minister-cont ul a:before{content:'';position:absolute;top:0;left:0;width:0;height:100%;transition:all .2s;z-index:-1;}
#section4 .minister-cont ul a:hover:before{width:100%;}
#section4 .minister-cont ul .greetings{color:#fff;background:#153384;}
#section4 .minister-cont ul .greetings:before{background:#fff;}
#section4 .minister-cont ul .greetings:hover{color:#153384;}
#section4 .minister-cont ul .conversation{color:#153384;border-color:#6e88c4;background:#fff;}
#section4 .minister-cont ul .conversation:before{background:#153384;}
#section4 .minister-cont ul .conversation:hover{color:#fff;border-color:#153384;}
#section4 .minister-img{position:absolute;right:0;bottom:0;width:209px;height:202px;text-indent:-9999px;background:url('../images/main/minister.png') no-repeat center / cover;z-index:-1;}

/** 일일산업동향 **/
#section4 .wrap-trends{display:flex;position:relative;margin-bottom:45px;padding:20px 18px 0 0;z-index:1;}
#section4 .wrap-trends:before,#section4 .wrap-trends:after{content:'';position:absolute;top:0;left:0;z-index:-1;}
#section4 .wrap-trends:before{width:100%;height:120px;background:url('../images/main/trends_bg.png') no-repeat;}
#section4 .wrap-trends:after{width:466px;height:161px;background:url('../images/main/trends_bg_02.png') no-repeat;}
#section4 .trends-head{width:242px;padding:11px 0 0 35px;}
#section4 .trends-head *{display:block;}
#section4 .trends-head .trends-tit{color:#fff;font-size:22px;font-weight:600;}
#section4 .trends-head .trends-date{margin:10px 0 25px;color:#fff;font-size:14px;font-weight:600;}
#section4 .trends-head .trends-more{display:flex;align-items:center;justify-content:center;position:relative;width:84px;height:36px;border:1px solid #959dae;box-shadow:1px 1px 9px rgba(0,0,0,.1);background:#fff;z-index:1;}
#section4 .trends-head .trends-more:before{content:'';position:absolute;top:0;left:0;width:0;height:100%;transition:all .2s;background:#153384;z-index:-1;}
#section4 .trends-head .trends-more i{position:relative;padding-left:20px;color:#5b6272;font-size:13px;font-weight:500;}
#section4 .trends-head .trends-more i:before{content:'';position:absolute;top:50%;left:0;width:14px;height:15px;transform:translateY(-50%);background-image:url('../images/bullet/bul_more02.png');background-repeat:no-repeat;}
#section4 .trends-head .trends-more:hover{border-color:#153384;}
#section4 .trends-head .trends-more:hover i{color:#fff;}
#section4 .trends-head .trends-more:hover i:before{background-image:url('../images/bullet/bul_more03.png');}
#section4 .trends-head .trends-more:hover:before{width:100%;}
#section4 .trends-body{flex:1;min-width:0;padding:0 27px;box-shadow:1px 1px 9px rgba(0,0,0,.1);background:#fff;}
#section4 .trends-cont{padding:18px 0;background:#fff;}
#section4 .trends-cont+.trends-cont{border-top:1px dotted #c2c7d0;}
#section4 .stock-list{display:flex;justify-content:space-between;}
#section4 .stock-list li{display:flex;align-items:center;width:calc((100% / 3) - 10px);}
#section4 .stock-list .list-tit{display:inline-block;min-width:93px;margin-right:9%;padding:9px 16px;color:#fff;font-size:15px;font-weight:500;text-align:center;border-radius:25px;background:#354465;}
#section4 .stock-list p{color:#343434;font-size:16px;font-weight:500;}
#section4 .stock-list p+p{margin-left:9%;}
#section4 .stock-list [class*='icon']{display:inline-block;width:11px;height:8px;margin-right:9px;text-indent:-9999px;background-repeat:no-repeat;vertical-align:sub;}
#section4 .stock-list .icon-up{background-image:url('../images/ico/ico_up_c.png');}
#section4 .stock-list .icon-down{background-image:url('../images/ico/ico_down_c.png');}
#section4 .wrap-issue{display:flex;align-items:center;}
#section4 .issue-tit{display:block;width:73px;height:27px;margin-right:18px;line-height:27px;color:#fff;font-size:14px;font-weight:500;text-align:center;background:#4659cf;}
#section4 .issue-list{display:flex;flex:1;justify-content:space-between;min-width:0;}
#section4 .issue-list li{display:flex;position:relative;width:calc(50% - 18px);}
#section4 .issue-list li+li:before{content:'';position:absolute;top:50%;left:-20px;width:1px;height:14px;transform:translateY(-50%);background:#dbdbdb;}
#section4 .issue-list i{display:flex;align-items:center;min-width:0;}
#section4 .issue-list i *{display:block;}
#section4 .issue-list a{display:inline-block;max-width:100%}
#section4 .issue-list .tag{width:40px;height:24px;margin-right:10px;line-height:24px;color:#4659cf;font-size:14px;font-weight:500;text-align:center;border-radius:5px;border:1px solid #4659cf;background:#fff;}
#section4 .issue-list strong{overflow:hidden;width:calc(100% - 50px);color:#484e5c;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}
#section4 .issue-list a:hover strong{text-decoration:underline;}

/** 로고모음 **/
#section4 .logo-list{display:flex;border-width:0 0 1px 1px;border-style:solid;border-color:#bfc4cf;}
#section4 .logo-list li{width:calc(100% / 6);border-width:1px 1px 0 0;border-style:solid;border-color:#bfc4cf;box-sizing:content-box;}
#section4 .logo-list li a{display:flex;align-items:center;justify-content:center;position:relative;}
#section4 .logo-list li a:after{content:'';position:absolute;top:50%;left:50%;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid #4659cf;transform:translate(-50%,-50%);transition:all .2s;opacity:0;z-index:1;}
#section4 .logo-list li a img{display:block;max-width:232px;width:100%;height:auto;}
#section4 .logo-list li a:hover:after,#section4 .logo-list li a:focus:after{box-shadow:0px 3px 11px 0px rgba(0,0,0,.1);opacity:1;}

/** 사이트모음 **/
.wrap-site{position:relative;padding:22px 15px;}
.wrap-site:before{content:'';position:absolute;top:0;left:50%;width:100vw;height:1px;transform:translateX(-50%);background:#d0d3d9;}
.wrap-site .wrap-section{display:flex;align-items:center;}
.wrap-site .swiper-navi{display:flex;width:72px;height:28px;margin-right:15px;border-radius:10px;border:1px solid #d0d3d9;}
.wrap-site .swiper-navi [class*='btn']{width:calc(100% / 3);height:100%;background-image:url('../images/bullet/bul_nav04.png');background-repeat:no-repeat;}
.wrap-site .swiper-navi .prev-btn{background-position:left 9px center;}
.wrap-site .swiper-navi .stop-btn{border-width:0 1px;border-style:solid;border-color:#d0d3d9;background-image:url('../images/bullet/bul_stop.png');background-position:center;}
.wrap-site .swiper-navi .stop-btn.on{background-image:url('../images/bullet/bul_play02.png');}
.wrap-site .swiper-navi .next-btn{background-position:right 8px center;}
.wrap-site .site-swiper{overflow:hidden;flex:1 0 auto;position:relative;width:calc(100% - 87px);}
.wrap-site .site-swiper:after{content:none;position:absolute;top:0;right:0;width:50px;height:100%;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);z-index:10;}
.wrap-site .site-swiper .swiper-slide{overflow:hidden;display:block;width:210px;height:60px;margin-right:9px;border-radius:10px;border:1px solid #d0d3d9;transition:all .25s;}
.wrap-site .site-swiper .swiper-slide:hover,.wrap-site .site-swiper .swiper-slide:focus{border-color:#4659cf;}
.wrap-site .site-swiper .swiper-slide img{width:100%;height:auto;}

/** 1900px 이상 시작 **/
@media screen and (max-width:1900px){
  /** 주요서비스 **/
  #section1 .wrap-shortcut .shortcut-tab{width:calc(100% - 90px);}
  #section1 .wrap-shortcut [class*='btn']{display:block;}
}
/** 1900px 이상 끝 **/

/** 1680px 이상 시작 **/
@media screen and (max-width:1680px){
  #asideNav{right:8px;}
  #section1 .wrap-visual,#section1 .wrap-shortcut{width:96%;}
}
/** 1680px 이상 끝 **/

/** 1620px 이상 시작 **/
@media screen and (max-width:1620px){
  /** 산소통 **/
  #section3 .swiper-navi [class*='btn']{background-color:rgba(138,142,148,.7);}
  #section3 .swiper-navi .prev-btn{left:-32px;}
  #section3 .swiper-navi .next-btn{right:-32px;}
}
/** 1620px 이상 끝 **/

/** 1450px 이상 시작 **/
@media screen and (max-width:1450px){
  /** 사이트모음 **/
  .wrap-site .site-swiper:after{content:'';}
}
/** 1450px 이상 끝 **/

/** 1400px 이상 시작 **/
@media screen and (max-width:1400px){
  /** 탭공통 **/
  .wrap-tab > ul > li .tab-tit{margin-right:15px;}
  .wrap-tab > ul > li .tab-tit:before{left:-10px;}

  /** 뉴스 **/
  #section2 .wrap-news{width:calc(((100% - 333px) / 3) - 25px);}

  /** 퀵메뉴 **/
  #section4 .quick-menu,#section4 .wrap-minister{margin-left:40px;}
  #section4 .trends-head{width:200px;padding:11px 0 0 20px;}
  #section4 .trends-body{padding:0 20px;}
  #section4 .stock-list .list-tit{padding:9px 14px;}
}
/** 1400px 이상 끝 **/

/** 1280px 이상 시작 **/
@media screen and (max-width:1280px){
  /** 주요서비스 **/	
  #section1 .wrap-shortcut .shortcut-tab{overflow-x:auto;height:calc(100% - 2px);margin:0 auto;}
  #section1 .wrap-shortcut [class*='btn']{top:calc(50% - 4px);}
}
/** 1280px 이상 끝 **/

/** 1200px 이상 시작 **/
@media screen and (max-width:1200px){
  /* common */
  .wrap-main #fullpage > div:nth-child(n+2):nth-child(-n+4) > div{padding-right:17px;padding-left:17px;}

  /** aside move **/
  #asideNav{display:none !important;}

  /** main visual **/
  #section1 .wrap-visual,#section1 .wrap-shortcut{width:100%;}
  #section1 .visual-cont .cont-tit{font-size:30px;}

  /** 주요서비스 **/
  #section1 .wrap-shortcut ul a{padding:0 25px;}

  /** 탭공통 **/
  .wrap-tab > ul:after{top:38px;}
  .wrap-tab > ul > li .tab-tit{margin-right:10px;}
  .wrap-tab > ul > li .tab-tit *{font-size:16px;}
  .wrap-tab > ul .first-cont a{padding:20px 10px;}
  .wrap-tab > ul .first-cont div > strong{font-size:17px;}

  /** 새소식 탭 **/
  #section2 .data-tab{width:calc(50% - 10px);}
  #section2 .wrap-tab{left:125px;width:calc(100% - 140px);}
  #section2 .wrap-tab > ul .more-btn{top:-45px;}
  #section2 .tab-news > li:nth-child(2) .tab-data{top:75px;}
  #section2 .tab-news > li:nth-child(3) .tab-data{top:126px;}
  #section2 .tab-news > li .tab-data{width:90px;padding:15px 5px;}
  #section2 .tab-news > li.is-current .tab-data:before{width:calc(100% + 30px)}
  #section2 .tab-news > li .tab-data h3{font-size:16px;}

  /** 뉴스 **/
  #section2 .wrap-banner,#section2 .wrap-notice,#section2 .wrap-news{width:calc(25% - 20px);}

  /** 산소통 **/
  #section3 .wrap-tit .tit{width:142px;height:36px;}
  #section3 .wrap-tit .txt{font-size:20px;}
  #section3 .wrawp-snstxt{padding:0 25px;}
  #section3 .snstxt-swiper [class*='slide']{padding:28px 22px 47px 22px;}
  #section3 .snstxt-swiper .tag{width:44px;height:44px;}
  #section3 .swiper-navi [class*='btn']{width:50px;height:50px;}
  #section3 .swiper-navi .prev-btn{left:0;}
  #section3 .swiper-navi .next-btn{right:-0;}

  /** 퀵메뉴 **/
  #section4 .quick-menu,#section4 .wrap-minister{width:300px;margin-left:20px;}

  /** 장관소개 **/
  #section4 .minister-img{right:-30px;width:186px;height:180px;}
  #section4 .minister-cont{bottom:20px;}

  /** 일일산업동향 **/
  #section4 .wrap-trends{flex-wrap:wrap;padding:15px 15px 0;}
  #section4 .trends-head{display:flex;align-items:center;width:100%;margin-bottom:10px;padding:0;}
  #section4 .trends-head .trends-date{margin:0 0 0 10px;}
  #section4 .trends-head .trends-more{margin:0 0 0 auto;}
  #section4 .trends-body{padding:0 15px;}
}
/** 1200px 이상 끝 **/

/** 1024px 이상 시작 **/
@media screen and (max-width:1024px){
  /* common */
  .section,.fp-tableCell{height:auto !important;}
  .wrap-section{padding-top:50px;padding-bottom:50px;}

  /** main visual **/
  .wrap-banner #section1{padding-top:155px;}
  #section1{padding-top:95px;}
  #section1 .wrap-visual{height:auto;}
  #section1 .swiper-slide .slide-img{height:0;padding-top:54%;}
  #section1 .visual-cont{width:calc(100% - 350px);}
  #section1 .swiper-navi{bottom:120px;width:150px;height:50px;}
  #section1 .swiper-navi .swiper-pagination{margin:0 15px;}
  #section1 .swiper-navi [class*='-btn']{width:14px;height:14px;background-size:cover;}
  #section1 .swiper-navi .stop-btn{background-position:right -17px center;}
  #section1 .swiper-navi .next-btn{background-position:right -47px center;}
  #section1 .swiper-navi .stop-btn{margin-left:15px;}
  .scroll_txt{display:none;}

  /** 주요서비스 **/
  #section1 .wrap-shortcut .shortcut-tab{width:calc(100% - 70px);}
  #section1 .wrap-shortcut .prev-btn{left:5px;}
  #section1 .wrap-shortcut .next-btn{right:7px;}

  /** 새소식 탭 **/
  #section2 .data-tab{width:100%;height:300px;margin-bottom:40px;order:-3;}

  /** 뉴스 **/
  #section2 .wrap-banner,#section2 .wrap-notice, #section2 .wrap-news{width:calc((100% / 3) - 20px);}
  #section2 .wrap-banner{order:-2;}
  #section2 .wrap-notice{order:-1;margin-top:0;}
  #section2 .wrap-notice .swiper-navi{top:5px;}
  #section2 .wrap-news{margin-top:45px;}
  #section2 .wrap-banner .swiper-slide i{height:235px;}

  /** 산소통 **/
  #section3:after{width:409px;height:90px;}

  /** 산업부 **/
  #section4 .wrap-tit{margin-bottom:35px;}
  #section4 .wrap-industry{position:relative;padding-bottom:130px;}
  #section4 .wrap-tab{height:230px;margin-right:20px;}

  /** 퀵메뉴 **/
  #section4 .quick-menu{position:absolute;bottom:0;left:0;width:100%;margin-left:0;}
  #section4 .quick-menu li{width:calc(25% - 4px);height:auto;}

  #section4 .quick-menu li:nth-child(1) a,#section4 .quick-menu li:nth-child(1) a:after,
  #section4 .quick-menu li:nth-child(2) a,#section4 .quick-menu li:nth-child(2) a:after,
  #section4 .quick-menu li:nth-child(3) a,#section4 .quick-menu li:nth-child(3) a:after,
  #section4 .quick-menu li:nth-child(4) a,#section4 .quick-menu li:nth-child(4) a:after{border-radius:0;}

  /** 장관소개 **/
  #section4 .wrap-minister{margin:0 0 0 auto;}

  /** 일일산업동향 **/
  #section4 .stock-list li{flex-wrap:wrap;justify-content:space-around;}
  #section4 .stock-list .list-tit{width:100%;margin:0 0 10px;padding:7px 14px;}

  /** 로고모음 **/
  #section4 .logo-list{flex-wrap:wrap;}
  #section4 .logo-list li{width:calc((100% / 3) - 2px);}

  /** 사이트모음 **/
  .wrap-site .wrap-section{padding:0;}
}
/** 1024px 이상 끝 **/

/** 820px 이상 시작 **/
@media screen and (max-width:820px){
  /** 뉴스 **/
  #section2 .wrap-banner,#section2 .wrap-notice, #section2 .wrap-news{width:calc((100% / 3) - 10px);}
}
/** 820px 이상 끝 **/

/** 767px 이상 시작 **/
@media screen and (max-width:767px){
  /** main visual **/
  #section1 .swiper-slide:after{height:45%;}
  #section1 .visual-cont{bottom:100px;width:calc(100% - 200px);}
  #section1 .visual-cont .cont-tit{margin-bottom:15px;font-size:21px;}
  #section1 .visual-cont .cont-btn{position:relative;padding:8px 12px;font-size:13px;}
  #section1 .swiper-navi{bottom:90px;width:125px;height:40px;padding:0 13px;}
  #section1 .swiper-navi .swiper-pagination{margin:0 10px;}
  #section1 .swiper-navi [class*='-btn']{width:12px;height:12px;}
  #section1 .swiper-navi .stop-btn{background-position:right -15px center;}
  #section1 .swiper-navi .next-btn{background-position:right -42px center;}
  #section1 .swiper-navi .stop-btn{margin-left:10px;}

  /** 주요서비스 **/
  #section1 .wrap-shortcut{height:75px;margin-top:-75px;}
  #section1 .wrap-shortcut *{font-size:16px;}
  #section1 .wrap-shortcut h3{width:110px;padding-top:10px;}
  #section1 .wrap-shortcut h3 i{padding:0 0 35px 0;font-size:18px;}
  #section1 .wrap-shortcut h3 i:after{top:auto;right:auto;bottom:15px;left:50%;transform:translateX(-50%);}
  #section1 .wrap-shortcut h3 i:before{top:auto;right:20px;bottom:0;}
  #section1 .wrap-shortcut .shortcut-body{width:calc(100% - 110px);}
  #section1 .wrap-shortcut ul a{padding:0 15px;}
  #section1 .wrap-shortcut ul a:after{content:none;}
  #section1 .wrap-shortcut .prev-btn{left:10px;}
  #section1 .wrap-shortcut .next-btn{right:10px;}

  /** 탭공통 **/
  .wrap-tab > ul .first-cont a{padding:15px 10px;}
  .wrap-tab > ul .first-cont .date-box{width:75px;}
  .wrap-tab > ul .first-cont .date-box b{font-size:24px;}
  .wrap-tab > ul .first-cont div{margin-left:14px;}
  .wrap-tab > ul .first-cont div > strong{margin-bottom:5px;}

  /** 산업부 #새소식 **/
  #section2 .wrap-tit .tit{width:190px;height:25px;}

  /** 뉴스 **/
  #section2 .wrap-banner,#section2 .wrap-notice, #section2 .wrap-news{width:calc((100% / 2) - 10px);}
  #section2 .wrap-notice{order:0;margin-top:40px;}
  #section2 .wrap-notice .news-tit{margin:5px 0 15px;}
  #section2 .wrap-banner .swiper-slide i{position:relative;height:0;padding-bottom:93%;}
  #section2 .wrap-banner .swiper-slide i img{position:absolute;top:0;left:0;width:100%;height:100%;}

  /** 산소통 **/
  #section3{background-image:url('../images/main/bg_section03_mo.jpg');}
  #section3 .wrap-tit .tit{width:114px;height:29px;margin-bottom:13px;}
  #section3 .wrap-tit .txt{font-size:18px;}
  #section3 .sns-list [class*='sns']{width:45px;height:45px;}

  /** 일일산업동향 **/
  #section4 .wrap-tit .tit{width:311px;height:25px;}
  #section4 .wrap-issue{align-items:flex-start;}
  #section4 .issue-list{flex-wrap:wrap;}
  #section4 .issue-list li{width:100%;}
  #section4 .issue-list li+li{margin-top:10px;}
  #section4 .issue-list li+li:before{content:none;}

  /** 사이트모음 **/
  .wrap-site .site-swiper .swiper-slide{width:180px;height:52px;}
}
/** 767px 이상 끝 **/

/** 640px 이상 시작 **/
@media screen and (max-width:640px){
  /** 뉴스 **/
  #section2 .wrap-section{padding-bottom:0;}
  #section2 .wrap-news{width:calc(50% - 10px);}
  #section2 .wrap-notice{order:0;width:calc(50% - 10px);}

  /** 산소통 **/
  #section3 .wrap-section{padding:50px 0 130px;}
  #section3 .wrawp-snstxt{padding:0;}
  #section3 .swiper-navi{display:flex;position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);z-index:10;}
  #section3 .swiper-navi [class*='btn']{position:relative;top:0;right:0 !important;left:0 !important;background-color:#8a8e94;}
  #section3 .swiper-navi .next-btn{margin-left:10px;}

  /** 산업부 **/
  #section4 .wrap-industry{flex-wrap:wrap;padding:0;}
  #section4 .wrap-tab{flex:auto;width:100%;height:260px;margin:0;}

  /** 퀵메뉴 **/
  #section4 .quick-menu{position:relative;margin:30px 0;}

  /** 장관소개 **/
  #section4 .wrap-minister{width:100%;height:240px;}
  #section4 .minister-img{right:0;width:218px;height:211px;}
  #section4 .minister-cont .minister-name{margin-bottom:20px;}

  /** 일일산업동향 **/
  #section4 .wrap-trends{padding:30px 0 0;}
  #section4 .wrap-trends:before{width:100vw;left:50%;transform:translateX(-50%);}
  #section4 .stock-list{flex-wrap:wrap;}
  #section4 .stock-list li{justify-content:flex-start;width:100%;}
  #section4 .stock-list li+li{margin-top:13px;}
  #section4 .stock-list .list-tit{width:130px;margin:0 20px 0 0;text-align:left;}
  #section4 .stock-list p+p{margin:0;}
  #section4 .stock-list .unit{width:80px;}

  /** 로고모음 **/
  #section4 .logo-list li{width:calc((100% / 2) - 2px);}
}
/** 640px 이상 끝 **/

/** 520px 이상 시작 **/
@media screen and (max-width:520px){
  /** main visual **/
  #section1 .visual-cont{bottom:25px;width:calc(100% - 100px);}
  #section1 .swiper-navi{display:none !important;}

  /** 주요서비스 **/
  #section1 .wrap-shortcut{margin-top:0;}

  /** 새소식 탭 **/
  #section2 .data-tab{height:325px;}
  #section2 .tab-news > li .tab-data{top:0 !important;left:0;width:calc(100% / 3);padding:15px 12px;border-bottom:1px solid #e1e1e1;background:#f8f9fa;}
  #section2 .tab-news > li+li .tab-data{border-left:1px solid #e1e1e1;}
  #section2 .tab-news > li .tab-data:before{left:0;box-shadow:none;}
  #section2 .tab-news > li:nth-child(2) .tab-data{left:calc(100% / 3);}
  #section2 .tab-news > li:nth-child(3) .tab-data{left:calc((100% / 3) * 2);}
  #section2 .wrap-tab{top:60px;left:0;width:100%;padding:0 15px;}
  #section2 .wrap-tab > ul .tab-cont{padding:0 15px;}
  #section2 .wrap-tab > ul .more-btn{top:-44px;right:15px;}

  #section2 .tab-news > li.is-current .tab-data:before{width:100%;}

  /** 뉴스 **/
  #section2 .wrap-news .tit{height:42px;line-height:42px;}
  #section2 .wrap-news .swiper-slide i{height:160px;}
  #section2 .wrap-notice .swiper-slide i{height:200px;}

  /** 산소통 **/
  #section3 .snstxt-swiper .wrap-img{height:225px;}

  /** 퀵메뉴 **/
  #section4 .quick-menu li{width:calc(50% - 4px);}
  #section4 .quick-menu li:nth-child(3),#section4 .quick-menu li:nth-child(4){margin-top:7px;}

  #section4 .quick-menu li:nth-child(1) a,#section4 .quick-menu li:nth-child(1) a:after{border-radius:15px 0 0 0;}
  #section4 .quick-menu li:nth-child(2) a,#section4 .quick-menu li:nth-child(2) a:after{border-radius:0 15px 0 0;}
  #section4 .quick-menu li:nth-child(3) a,#section4 .quick-menu li:nth-child(3) a:after{border-radius:0 0 0 15px;}
  #section4 .quick-menu li:nth-child(4) a,#section4 .quick-menu li:nth-child(4) a:after{border-radius:0 0 15px 0;}

  /** 장관소개 **/
  #section4 .minister-img{width:186px;height:180px;}
}
/** 520px 이상 끝 **/

/** 414px 이상 시작 **/
@media screen and (max-width:414px){
  /** main visual **/
  #section1 .swiper-slide:after{height:78%;}
  #section1 .visual-cont{bottom:10px;width:100%;padding:0 20px;}
  #section1 .visual-cont .cont-tit{margin-bottom:10px;font-size:19px;}

  /** 주요서비스 **/
  #section1 .wrap-shortcut{height:60px;}
  #section1 .wrap-shortcut h3{padding-top:18px;}
  #section1 .wrap-shortcut h3:before{top:0;height:100%;}
  #section1 .wrap-shortcut h3 i{padding:0;}
  #section1 .wrap-shortcut h3 i:before,#section1 .wrap-shortcut h3 i:after{content:none;}

  /** 탭공통 **/
  .wrap-tab > ul .tab-cont a .date{display:none;}
  .wrap-tab > ul .tab-cont a > strong{width:100%;}

  /** 새소식 탭 **/
  #section2 .data-tab{margin:0;}
  #section2 .tab-news > li .tab-data{padding:15px 8px;}

  /** 뉴스 **/
  #section2 .wrap-banner,#section2 .wrap-notice,#section2 .wrap-news{width:100%;margin-top:40px;}
  #section2 .wrap-news .swiper-slide i{height:179px;}
  #section2 .wrap-notice .news-tit{margin:0 0 15px;}
  #section2 .wrap-notice .swiper-slide i{position:relative;height:0;padding-bottom:76%;}
  #section2 .wrap-notice .swiper-slide i img{position:absolute;top:0;left:0;width:100%;height:100%;}

  /** 산소통 **/
  #section3 .sns-list [class*='sns']{width:40px;height:40px;}
  #section3 .sns-list li+li{margin-left:8px;}
  #section3 .snstxt-swiper [class*='slide']{padding:15px 15px 40px 17px;}

  /** 장관소개 **/
  #section4 .minister-img{right:-25px;width:155px;height:150px;}
}
/** 414px 이상 끝 **/

/** 395px 이상 시작 **/
@media screen and (max-width:395px){
  /** 뉴스 **/
  #section2 .wrap-banner .swiper-navi{right:0;}

  /** 일일산업동향 **/
  #section4 .trends-head{flex-direction:column;align-items:flex-start;position:relative;}
  #section4 .trends-head .trends-date{margin:5px 0 0 0;}
  #section4 .trends-head .trends-more{position:absolute;top:5px;right:0;}
  #section4 .trends-body{padding:0 10px;}
  #section4 .stock-list li{flex-wrap:wrap;justify-content:space-around;}
  #section4 .stock-list .list-tit{width:100%;margin:0 0 10px;padding:7px 14px;text-align:center;}
  #section4 .stock-list .unit{width:auto;}
  #section4 .trends-cont{padding:13px 0;}
  #section4 .wrap-issue{flex-wrap:wrap;}
  #section4 .issue-tit{width:100%;margin:0 0 10px;}
  #section4 .issue-list{flex:auto;}
}
/** 395px 이상 끝 **/

/** 340px 이상 시작 **/
@media screen and (max-width:340px){
  /** 주요서비스 **/
  #section1 .wrap-shortcut{flex-wrap:wrap;height:auto;margin-top:0;}
  #section1 .wrap-shortcut h3{width:100%;padding:10px 0;}
  #section1 .wrap-shortcut h3:before{top:0;height:100%;}
  #section1 .wrap-shortcut h3 i{padding:0;}
  #section1 .wrap-shortcut h3 i:before,#section1 .wrap-shortcut h3 i:after{content:none;}
  #section1 .wrap-shortcut .shortcut-body{width:100%;height:60px;}
  #section1 .wrap-shortcut ul a{padding:0 10px;}

  /** 탭공통 **/
  .wrap-tab > ul .first-cont .date-box{display:none;}
  .wrap-tab > ul .first-cont div{width:100%;margin:0;}
  .wrap-tab > ul .tab-cont li:not(.first-cont){padding:0;}

  /** 새소식 탭 **/
  #section2 .data-tab{height:310px;}
  #section2 .tab-news > li .tab-data{text-align:center;}
  #section2 .tab-news > li .tab-data h3{padding-right:0;}
  #section2 .tab-news > li .tab-data h3:after{content:none;}

  /** 장관소개 **/
  #section4 .wrap-tit .tit{width:236px;height:19px;}
  #section4 .wrap-minister{height:250px;padding:12px;}
  #section4 .minister-cont{bottom:12px;left:12px;}
  #section4 .minister-cont .minister-name{margin-bottom:15px;}
  #section4 .minister-cont ul{flex-direction:column;}
  #section4 .minister-cont ul li+li{margin:7px 0 0 0;}
  #section4 .minister-cont ul a{width:100px;padding:8px;}

  /** 로고모음 **/
  #section4 .logo-list li{width:100%;}

  /** 사이트모음 **/
  .wrap-site .wrap-section{flex-direction:column;align-items:flex-end;}
  .wrap-site .swiper-navi{margin:0 0 10px;}
  .wrap-site .site-swiper{width:100%;}
}
/** 340px 이상 끝 **/