@charset "utf-8";

.web-renewal .base-header{box-shadow:none;}
.web-renewal .header-wrap{position:relative;height:113px;}
.web-renewal .header-logo{margin-top:43px;}
.web-renewal .header-lnb{position:absolute;right:0;top:16px;float:none;margin:0;}
.web-renewal .header-lnb a{position:relative;color:#181818;display:inline;margin:0 0 0 20px;font-size:13px;}
.web-renewal .header-lnb a:after{content:"";position:absolute;top:3px;left:-12px;height:12px;width:2px;background:#929292;}
.web-renewal .header-lnb a:nth-child(1):after{display:none;}
.web-renewal .nav-main-1.on .nav-btn-1 i{ border-bottom:5px solid #4d8dff; padding-bottom:30px; }
.web-renewal .nav-main{margin-left:80px;margin-top:36px;}
.web-renewal .nav-btn-1{padding:0;width:140px;text-align:center;}
.web-renewal .nav-sub{top:114px;background:#fff;box-shadow:none;border:1px solid #e4e9f0;border-top:none;}
.web-renewal .nav-sub-wrap{position:relative;min-height:360px;margin:0 0 0 299px;width:700px;}
.web-renewal .nav-sub-wrap h2{display:none;}
.web-renewal .nav-sub-wrap ul{float:none;width:140px;z-index:100;position:absolute;top:0;margin:0;height:360px;padding:0;}
.web-renewal .nav-main-1.on .nav-sub-wrap ul{min-height:300px;background:#e9f1fa;}
.web-renewal .nav-sub-wrap li{float:none;margin:16px 0 0 0 !important;}
.web-renewal .nav-sub-wrap li a{font-size:14px;}
.web-renewal .n1 .nav-sub-wrap ul{left:0;}
.web-renewal .n2 .nav-sub-wrap ul{left:140px;}
.web-renewal .n3 .nav-sub-wrap ul{left:280px;}
.web-renewal .n4 .nav-sub-wrap ul{left:420px;}
.web-renewal .n5 .nav-sub-wrap ul{left:560px;}
.main.web-renewal .nav-btn-1{width:180px;}
.main.web-renewal .nav-sub-wrap{width:900px;}
.main.web-renewal .nav-sub-wrap ul{width:180px;}
.main.web-renewal .nav-sub-wrap li a{font-size:15px;}
.main.web-renewal .n1 .nav-sub-wrap ul{left:0;}
.main.web-renewal .n2 .nav-sub-wrap ul{left:180px;}
.main.web-renewal .n3 .nav-sub-wrap ul{left:360px;}
.main.web-renewal .n4 .nav-sub-wrap ul{left:540px;}
.main.web-renewal .n5 .nav-sub-wrap ul{left:720px;}
.web-renewal .main-sec1-renewal .wrap-cont{padding:60px 0 37px 0;}
.web-renewal .sitemap-wrap{display:flex;justify-content: space-between;flex-wrap: wrap}
.web-renewal .sitemap-item{float:none !important;width:19%;margin:0;}
.web-renewal .sitemap-item h3{height:50px;font-size:18px;padding:12px 0 0 20px;}
.web-renewal .wrap-c{background:#fff;}
.web-renewal .main-sec1-search{float:none;background:#e9f2fb;width:100%;}
.web-renewal .main-sec1-search .search-wrap-all{width:1200px;margin:0 auto;padding:62px 0 98px 0;}
.web-renewal .main-sec1-search .search-wrap{width:810px;height:60px;margin:0 auto;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);border-radius:60px;}
.web-renewal .main-sec1-search .search-wrap:before{display:none;}
.web-renewal .main-sec1-search .search-wrap > button{margin:5px 5px 0 0;width:120px;background:#3c75ba;font-size:18px;font-weight:600;padding:0 0 0 27px;}
.web-renewal .main-sec1-search .search-wrap > button:after{content:"";position:absolute;top:14px;left:30px;width:22px;height:22px;background:url(/resources/img/common/ico_a.png) no-repeat -285px 0;}
.web-renewal .main-sec1-search .search-wrap input{padding:0 60px 0 29px;margin:5px 0 0 0;}
.web-renewal .main-sec1-search .search-wrap input:focus{outline:none;}
.web-renewal .main-sec1-search .search-wrap .searh-sample{margin:20px 0 0 30px;}
.web-renewal .main-sec1-search .search-wrap .searh-sample li{position:relative;display:inline-block;margin:0 58px 0 0 ;}
.web-renewal .main-sec1-search .search-wrap .searh-sample li:after{content:"";position:absolute;top:5px;left:-30px;width:1px;height:12px;background:#ccd2d8;}
.web-renewal .main-sec1-search .search-wrap .searh-sample li a{color:#222;font-weight:500;}
.web-renewal .main-sec1-search .search-wrap .searh-sample li:last-child{margin:0;}
.web-renewal .main-sec1-search .search-wrap .searh-sample li:nth-child(1):after{display:none;}
.web-renewal .main-sec1-top{overflow:hidden;height:350px;}
.web-renewal .main_popzone_roll{float:left;position:relative;width:740px;height:350px;border:1px solid #e4e9ed;}
.web-renewal .main_popzone_roll .owl-stage-outer:before{content:"";position:absolute;bottom:58px;right:0;width:100%;height:1px;background:#e4e9f0;z-index:100;}
.web-renewal .main_popzone_roll .item a{display:block;}
.web-renewal .main_popzone_roll .visual-info{overflow:hidden;}
.web-renewal .main_popzone_roll .visual-info .info{height:58px;padding:17px 140px 17px 20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;color:#222;font-size:16px;font-weight:500;}
.web-renewal .main_popzone_roll .navi-wrap{padding: 20px 12px 0 0;position:absolute;right:1px;bottom: 1px;height:55px;background:#fff;}
.web-renewal .main_popzone_roll .navi-wrap .owl-prev{display:inline-block;margin:0 28px 0 0;text-indent:-9999px;width:11px;height:15px;background:url(/resources/img/common/ico_a.png) no-repeat -7px -77px;}
.web-renewal .main_popzone_roll .navi-wrap .owl-next{display:inline-block;text-indent:-9999px;width:11px;height:15px;background:url(/resources/img/common/ico_a.png) no-repeat -36px -77px;}
.web-renewal .main_popzone_roll .navi-wrap .owl-conl-btn{display:inline-block;text-indent:-9999px;width:10px;height:12px;background:url(/resources/img/common/ico_a.png) no-repeat -22px -77px;}
.web-renewal .main_popzone_roll .navi-wrap .owl-conl-btn.active{background-position:-50px -77px;}
.web-renewal .main_popzone_roll .navi-wrap .inner{width:100px;}
.web-renewal .main_popzone_roll .navi-wrap .inner .owl-nav{position:absolute;right: 20px;top: 20px;}
.web-renewal .main_popzone_roll .navi-wrap .inner .owl-controls{position:absolute;right:40px;top:19px;}
.web-renewal .main_popzone_roll .navi-wrap .inner > div{display:block;}
.web-renewal .main_popzone_roll .navi-wrap .owl-pagination{margin-top:-4px;color:#222;}
.web-renewal .main_popzone_roll .navi-wrap .owl-pagination span{margin:0 2px;}
.web-renewal .main_popzone_roll .navi-wrap .owl-pagination span.act_num{font-weight:600;}
.main-sec1-top .main-sec1-etc{float:right;width:400px;}
.main-sec1-top .main-sec1-etc .title01{font-size:22px;color:#3d75ba;font-weight:500;line-height:22px;margin:0 0 15px 0;}
.main-sec1-top .main-sec1-etc .text01{font-size:16px;color:#181818;font-weight:500;margin:0 0 16px 0;line-height:25px;}
.main-sec1-top .main-sec1-etc .data-numerical-renewal{display:flex;justify-content: space-between;margin:0 0 20px 0;}
.main-sec1-top .main-sec1-etc .data-numerical-renewal dl{width:120px;height:86px;background:#f3f7fb;border:1px solid #e4e9f0;text-align:center;border-radius:10px;}
.main-sec1-top .main-sec1-etc .data-numerical-renewal dl dt{padding:13px 0 0 0;font-size:16px;color:#181818;font-weight:500;letter-spacing:-0.75px;}
.main-sec1-top .main-sec1-etc .data-numerical-renewal dl dd{font-size:21px;font-weight:700;color:#3d75ba;}
.main-sec1-top .main-sec1-etc .data-detail{position:relative;overflow:hidden;min-height:140px;padding:11px 0 0 0;border:1px solid #e4e9f0;border-radius:10px;}
.main-sec1-top .main-sec1-etc .data-detail:after{content:"";position:absolute;top:19px;left:50%;width:1px;height:100px;background:#ddd;}
.main-sec1-top .main-sec1-etc .data-detail li{display:flex;justify-content: space-between;float:left;width:50%;padding:4px 30px;}
.main-sec1-top .main-sec1-etc .data-detail li span{font-size:14px;font-weight:600;color:#181818;}
.main-sec1-top .main-sec1-etc .data-detail li span + span{font-weight:500;}
.web-renewal .main-sec1-group{overflow-x:auto;}
.web-renewal .main-sec1-group .main-sec1-link{min-width:1200px;width:100%;}
.web-renewal .main-sec1-link a{width:100px;border:none;margin:0;}
.web-renewal .main-sec1-link a:before{background:#fff url(/resources/img/common/ico_e.png) no-repeat 0 0;}
.web-renewal .main-sec1-group{overflow-x:auto;float:left; width:100%; margin-top:35px;}
.web-renewal .main-sec1-group .main-sec1-quick {float:left; background:#fff; min-width:1200px;width:100%; overflow: hidden; }
.web-renewal .main-sec1-quick a{position:relative;z-index:1000;}
.web-renewal .main-sec1-quick a span{display:inline-block;width:100%;font-size:16px;font-weight:500;color:#000;line-height: 1.1;}
.web-renewal .main-sec1-quick a{float:left;position: relative;width:100px;height: 135px;text-align:center;display:block;/* padding-bottom: 5px; */}
.web-renewal .main-sec1-quick a.active:after, .web-renewal .main-sec1-quick a:hover:after, .web-renewal .main-sec1-quick a:focus:after{content:"";position:absolute;top:9px;left:0px;width:calc(100% - 4px);height: calc(100% - 15px);border:1px solid #d8d8d8;box-shadow:0px 1px 5px rgba(0, 0, 0, 0.1);border-radius:10px;background-color:#fbfbfb;z-index:-1;}
.web-renewal .main-sec1-quick a:before{content:""; display:inline-block; width:100px; height:80px; background:url(/resources/img/common/ico_e.png) no-repeat 0 0;}
.web-renewal .main-sec1-quick a.n1:before { background-position:0 0}
.web-renewal .main-sec1-quick a.n2:before { background-position:-100px 0}
.web-renewal .main-sec1-quick a.n3:before { background-position:-200px 0}
.web-renewal .main-sec1-quick a.n4:before { background-position:-300px 0}
.web-renewal .main-sec1-quick a.n5:before { background-position:-400px 0}
.web-renewal .main-sec1-quick a.n6:before { background-position:0 -100px}
.web-renewal .main-sec1-quick a.n7:before { background-position:-100px -100px}
.web-renewal .main-sec1-quick a.n8:before { background-position:-200px -100px}
.web-renewal .main-sec1-quick a.n9:before { background-position:-300px -100px}
.web-renewal .main-sec1-quick a.n10:before { background-position:-400px -100px}
.web-renewal .main-sec1-quick a.n11:before { background-position:0 -200px}
.web-renewal .main-sec1-quick a.n12:before { background-position:-100px -200px}
.web-renewal .wrap-b.main-sec2-renewal{background:#fbfbfb;}
.main-sec2-renewal .wrap-cont{display:flex;justify-content: space-between;padding:24px 0;}
.main-sec2-renewal .board-box{width:360px;position:relative;}
.main-sec2-renewal .board-box .bbs-txt{width:calc(100% - 170px);font-weight:500;}
.main-sec2-renewal .board-box.board02 .bbs-txt{width:calc(100% - 70px);}
.main-sec2-renewal .board-box .more{position:absolute;right:0;top:7px;}
.main-sec2-renewal .board-box .more a{color:#181818;font-weight:500;}
.main-sec2-renewal .bbs-tit{margin:0 0 11px 0;border-bottom:2px solid #3d75ba;height:48px;}
.main-sec2-renewal .bbs-tit .h3{padding:0;color:#000;font-size:21px;}
.main-sec2-renewal .bbs-tit .h3:before{display:none;}
.main-sec2-renewal .bbs-txt{color:#181818;}
.main-sec2-renewal .bbs-ctg{color:#181818;margin-right:7px;}
.main-sec2-renewal .bbs-ctg.type01{background:#f5e9e9;border:1px solid #e8caca;}
.main-sec2-renewal .bbs-ctg.type02{background:#e9e9f5;border:1px solid #cacae8;}
.main-sec2-renewal .bbs-ctg.type03{background:#edf7e8;border:1px solid #d3ecc6;}
.main-sec2-renewal .bbs-ctg.type04{background:#efefef;border:1px solid #d8d8d8;}
.main-sec2-renewal .bbs-ctg.type05{background:#f5eee9;border:1px solid #e8d8ca;}
.main-sec2-renewal .bbs-ctg.type06{background:#feede0;border:1px solid #fdd1b5;}
.main-sec2-renewal .bbs-ctg.type07{border:1px solid #c7d5f0;}
.main-sec2-renewal .bbs-ctg.type08{background:#e9e9f5;border:1px solid #cacae8;}
.main-sec2-renewal .bbs-ctg.type09{background:#e9f2f5;border:1px solid #cae0e8;}
.main-sec2-renewal .bbs-ctg.type10{background:#ebfbe3;border:1px solid #e2f4bd;}
.main-sec2-renewal .bbs-ctg02{display:inline-block; vertical-align: middle;color:#181818; font-size:15px;font-weight:500;}
.main-sec2-renewal .bbs-ctg02.type01 i{color:#2b608e;}
.main-sec2-renewal .bbs-ctg02.type02 i{color:#cf7229;}
.main-sec2-renewal .bbs-ctg02.type03 i{color:#D0A728;}
.main-sec2-renewal .board-box.board01 .bbs-date{display:none;}
.main-sec2-renewal .board-box.board01 .bbs-txt{width:calc(100% - 90px);}
.main-sec2-renewal .board-box .bbs-date{color:#181818;}
.main-sec2-renewal .bbs-list li{border:none;padding:7px 0;}
.main-sec2-renewal .bbs-list.list-dot li{position:relative;padding:8px 0 8px 7px;}
.main-sec2-renewal .bbs-list.list-dot li:after{content:"";position:absolute;top:17px;left:0;width:4px;height:4px;background:#181818;border-radius:100%;}
.web-renewal .main-sec3-renewal.wrap-a{background:#fff;}
.main-sec3-renewal .wrap-cont{padding:24px 0 0 0;}
.main-sec3-renewal .major-item{width:220px;height:318px;display:block;margin:0 auto; background:#fff; border:4px solid #fff; border-radius: 10px;  transition:margin 0.1s ease-in, border 0.1s ease-in, box-shadow 0.1s ease-in;}
.main-sec3-renewal .major-item.on,
.main-sec3-renewal .major-item.on,
.main-sec3-renewal .major-item:hover,
.main-sec3-renewal .major-item:focus {border:4px solid #3d75ba; box-shadow: 0 0 15px rgba(0,0,0,0.2);background:#3d75ba;}
.main-sec3-renewal .major-item.on .major-info > *,
.main-sec3-renewal .major-item.on .major-info > *,
.main-sec3-renewal .major-item:hover .major-info > *,
.main-sec3-renewal .major-item:focus .major-info > *{color:#fff;}
.main-sec3-renewal .major-item.on .major-img,
.main-sec3-renewal .major-item.on .major-img ,
.main-sec3-renewal .major-item:hover .major-img,
.main-sec3-renewal .major-item:focus .major-img {border:1px solid #fff;}
.main-sec3-renewal p.sec-title{font-size:21px;color:#000;font-weight:600;}
.main-sec3-renewal .owl-carousel .owl-stage-outer{padding:11px 0 7px 0;}
.major-img {width:210px; height:181px; background:url(/resources/img/main/major-service01.png) no-repeat 50% 50%; background-size: cover;border:1px solid #dbdbdb;border-radius:10px;margin:0 auto;}
.major-item.n2 .major-img {background-image: url(/resources/img/main/major-service02.png);}
.major-item.n3 .major-img {background-image: url(/resources/img/main/major-service03.png);}
.major-item.n4 .major-img {background-image: url(/resources/img/main/major-service04.png);}
.major-item.n5 .major-img {background-image: url(/resources/img/main/major-service05.png);}
.major-info{padding:15px 13px;}
.major-info dt {width:100%; margin-bottom:17px;color:#181818; }
.major-info dt b{color:inherit !important}
.major-info dt b{display:inline-block; font-size:20px; font-weight:600; color:#181818; }
.major-info dd{word-break: keep-all;font-size:14px;color:#181818;}
.main-sec4-renewal.wrap-b{background:#f9f9f9;}
.main-sec4-renewal .wrap-cont{padding:24px 0 20px 0;}
.main-sec4-renewal p.sec-title{margin:0 0 11px 0;font-size:21px;color:#000;font-weight:600;}
.main-sec4-renewal .often-service{display:flex;justify-content: space-between;}
.main-sec4-renewal .often-service > div{position:relative;transition:margin 0.1s ease-in, border 0.1s ease-in, box-shadow 0.1s ease-in;}
.main-sec4-renewal .often-service > div a{overflow:hidden;display:block;width:368px;border-radius: 10px;border:1px solid #dbdbdb;background:#fff;}
.main-sec4-renewal .often-service > div .often-img{height:128px;background:url(/resources/img/main/often-img01.png) no-repeat 50% 0; background-size: cover;transition: all 0.2s linear;}
.main-sec4-renewal .often-service > div:nth-child(2) .often-img{background-image: url(/resources/img/main/often-img02.png);}
.main-sec4-renewal .often-service > div:nth-child(3) .often-img{background-image: url(/resources/img/main/often-img03.png);}
.main-sec4-renewal .often-service > div .text-wrap{border-top:1px solid #dbdbdb;border-radius:0 0 10px 10px;}
.main-sec4-renewal .often-service > div .title{position:absolute;top:1px;left:1px;font-size:18px;color:#3d75ba;font-weight:500;background:#fff;padding:5px 10px;border-radius:10px 0 0 0;}
.main-sec4-renewal .often-service > div .text{padding:16px 19px;color:#000;font-weight:500;letter-spacing:-0.75px;}
.main-sec4-renewal .often-service > div .text span{font-weight:600;}
.web-renewal .main-sec4-renewal .often-service > div a.on .often-img{transform: scale(1.1);}
/*.web-renewal .main-sec4-renewal .often-service > div a.on {border:4px solid #3d75ba; box-shadow: 0 0 15px rgba(0,0,0,0.2);background:#3d75ba;}
.web-renewal .main-sec4-renewal .often-service > div a.on .text-wrap {border:1px solid #3d75ba;}
.web-renewal .main-sec4-renewal .often-service > div a.on .title {background:rgba(61, 117, 186, 0.8);color:#fff;}
.web-renewal .main-sec4-renewal .often-service > div a.on .text {color:#fff;}*/
.web-renewal .tbanner-1200-70{height:130px;padding:30px 0 0 0;}
.web-renewal .footer-link{background:#f4f4f4;}
.web-renewal .base-footer{background:#f9f9f9;}
.web-renewal .footer-info dt{background:url(/resources/img/common/new_logo_f.png) no-repeat 0 50%;}
.web-renewal .footer-link a, .web-renewal .footer-info dd address, .web-renewal .footer-info dd address a{color:#3a3a3a;}
.web-renewal .footer-link-wrap{padding:0;}
.web-renewal .footer-link-wrap a:nth-child(1){margin-left:0;padding-left:0;}
.web-renewal .footer-info button{background-color:#fff;color:#3a3a3a;}
.web-renewal .footer-info select {color:#3a3a3a; background:#fff url(/resources/img/common/ico_select_black.png) no-repeat 100% 50%;}
.web-renewal .list-statistics .btn-data-1{background:#b95370;}
.web-renewal .list-statistics .btn-data-2{background:#1e7e6b;}
.web-renewal .list-statistics .btn-data-3{background:#6e76c0;}
.web-renewal .list-statistics .btn-data-4{background:#8a733f;}
.web-renewal .list-statistics .btn-data-5{background:#588010;}
.web-renewal .list-statistics .btn-data-6{background:#a1644f;}
.web-renewal .list-statistics .btn-data-7{background:#516fad;}
.web-renewal .list-statistics .type-a dt .stat-ctg{background:#c15052;}

.base-search.renewal{height:145px;}
.base-search.renewal .detailSearch{margin:0 0 0 10px;background:#a7666e;width:109px;}
.base-search.renewal .result-research{display:block;text-align:left;margin:10px 0 0 0;}
.base-search.renewal .result-research button{vertical-align:middle; width:96px; height:37px; color:#fff; background-color:#4a79c6;border-radius:5px; font-size:16px; }
.base-search.renewal .base-search-wrap{max-width:850px;}
.base-search.renewal .base-search-wrap .lb-check{margin:0 20px 0 65px;}
.base-search.renewal .base-search-wrap .btn-total-search{position:absolute;right:-53px;top:0;width:109px;}
.base-search.renewal .base-search-wrap > label + .inp-base{max-width:535px;background:none;padding-left:20px;border-right:none;}
.base-search.renewal .base-search-wrap .btn-ico{background:#4a79c6 url(/resources/img/common/ico_search01.png) no-repeat 20px 50%;width:65px;text-indent:-9999px;border:3px solid #4a79c6;border-left:none;} /*sunjung*/

.search-result.renewal{position:relative;}
.search-result.renewal:after{content:"";display:block;clear:both;}
.search-result.renewal .type-tablage{float:left;}
.search-result.renewal .type-tablage .ui-tab-btn{margin:0 10px 5px 0;width:auto;height:36px;padding:0 20px;border:1px solid #cad0dd;border-radius:5px;background:#fff;}
.search-result.renewal .type-tablage .ui-tab-btn.selected{border:1px solid #5d6169;background:#5d6169;}
.search-result.renewal .type-tablage .ui-tab-btn.selected:after{display:none;}
.search-result.renewal .type-tablage .ui-tab-btn:last-child{margin-right:0;}
.search-result.renewal .type-tablage + div{float:right;}
.search-result.renewal .type-tablage .ui-tab-btn.selected span{font-size:16px;color:#fff;}
.search-result.renewal .type-tablage .ui-tab-btn.selected i{color:#fff;}
.search-result.renewal .type-tablage .ui-tab-btn i{color:#000;}
.search-result.renewal .type-tablage .ui-tab-btn span{font-size:16px;color:#888;}
.web-renewal .side-box-tit .btn-base-s{background:#5e73a3 !important;}
.web-renewal .list-none.renewal{background:#fff;padding:150px 0 !important;}
.web-renewal .list-none.renewal p{padding:150px 0 0 0;font-size:20px;color:#555;font-weight:500;background:url(/resources/img/common/ico_caution_renewal.png) no-repeat 50% 0;}
.box-base.renewal{overflow:hidden;display:flex;position:relative;padding:20px 35px 10px 35px;}
.box-base.renewal .main-content-tit{margin-bottom:10px;}
.main-content.renewal-wide{float:none;width:100%;}
.main-content-renewal01{width:230px;}
.main-content-renewal01 .main-content-ctg{position:absolute;top: -35px;left: -61px;display:inline-block;background:#4a77c8;transform: rotate(-45deg);width: 145px;height: 95px;text-align: center;padding-top: 70px;}
.main-content-renewal01 .main-content-ctg p{font-size:14px;color:#fff;font-weight:400;}
.main-content-renewal01 .main-content-ctg.bg02{background:#c15052;}
.main-content-renewal02{width:calc(100% - 230px);padding:10px 0 0 0;}
.main-content-renewal02 .detail-link{margin:0 0 14px 0;}
.main-content-renewal02 .detail-link button{background:#777;min-width:150px;margin:0 8px 0 0;}
.detail-search-layer{display:none;position: absolute;width:100%;max-width:800px;padding:45px 30px;margin: 0 0 0 84px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index:100;top:115px;left: 0;}
.detail-search-layer .text01{margin:0 0 18px 0;font-size:16px;color:#4a79c6;font-weight:500;}
.detail-search-layer .text01 + label + .inp-base{margin:0 0 20px 0;}
/*.detail-search-layer .text01 + label + .inp-base:disabled{background:#fff !important;}*/
.detail-search-layer dl{overflow:hidden;margin:0 0 10px 0;}
.detail-search-layer dl dt{float:left;width:220px;font-size:16px;color:#000;font-weight:500;line-height:36px;}
.detail-search-layer dl dd{float:left;width:calc(100% - 220px);}
.detail-search-layer .inp-base{background:none;border:1px solid #cad0dd;padding:0 10px;width:100%;height:36px;border-radius:5px;max-width:initial !important;}
.detail-search-layer .btn-area{text-align:center;margin:30px auto 0;}
.detail-search-layer .btn-area button{margin:0 5px;background:#4a7ac6;}
.detail-search-layer .btn-area button:hover{background:#4a7ac6;}
.detail-search-layer .btn-area .layer-close{background:#3d4046 !important;}
.detail-search-layer .btn-area .layer-close2{background:#a7666d !important;} /*sunjung*/
.detail-search-layer.view{display:block;}
.detail-search-layer.total-search-type{max-width:694px;}
.type-new-open{margin-top:12px}
.type-new-open table{border:none;}
.type-new-open thead th{border-left:none;border-top:1px solid #cad0dd;}
.type-new-open tbody > tr > td{border-left:none;border-top:none;border-bottom:1px solid #cad0dd;}
.type-new-open col.col1{width:110px}
.type-new-open col.col2{width:auto}
.type-new-open col.col3{width:360px}
.type-new-open col.col4{width:110px}
.type-new-open tr:hover td,
.type-new-open tr:focus td {background:#dae5f5;}
.type-new-open td.elipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;}


.open-ctg{display:inline-block;font-weight:500;border:1px solid #b45569;color:#b45569;height:24px;width:66px;border-radius:5px;}
/* 
open-type01	 복지
open-type02	 문화/관광
open-type03	 환경
open-type04	 일반행정
open-type05	 안전
open-type06	 보건
open-type07	 산업/경제
open-type08	 교육
open-type09	 교통
open-type10	 주택/건설
*/
.open-ctg.open-type01{color:#b45569;border-color:#b45569;}
.open-ctg.open-type02{color:#8252b2;border-color:#8252b2;}
.open-ctg.open-type03{color:#427426;border-color:#427426;}
.open-ctg.open-type04{color:#626771;border-color:#626771;}
.open-ctg.open-type05{color:#ab5d1b;border-color:#ab5d1b;}
.open-ctg.open-type06{color:#bd5306;border-color:#bd5306;}
.open-ctg.open-type07{color:#39658b;border-color:#39658b;}
.open-ctg.open-type08{color:#a05580;border-color:#a05580;}
.open-ctg.open-type09{color:#3270c2;border-color:#3270c2;}
.open-ctg.open-type10{color:#5b7c13;border-color:#5b7c13;}
.popular-data-wrap{display:flex;justify-content: space-between;}
.popular-data-wrap > div{width:calc(50% - 10px);display:block !important;}
.popular-data-wrap > div > p{font-size:22px;color:#000;font-weight:600;}
#popularTabs .popular-navi{display:none;}

.public-data-banner{position:relative;background:url(/resources/img/content/bg_public02.jpg) no-repeat 50% 50%;background-size:cover;padding:30px 80px;max-height: 200px;border: 1px solid #cad0dd;border-radius: 10px;margin: 0 0 20px 0;}
.public-data-banner:after{content:"";position:absolute;right:0;top:0;background: url(/resources/img/content/ico_public.png) no-repeat 100% 50%;width: 50%;height: 100%;background-size: cover;max-width: 349px;}
.public-data-banner .text01{padding-top:2%;color:#fff;font-size:24px;font-weight:600;margin:0 0 10px 0;}
.public-data-banner .text02{padding-bottom:2%;}
.public-data-banner .text02 a{position:relative;color:#fff;border-bottom:1px solid #fff;display:inline-block;padding-right:10px;}
.public-data-banner .text02 a:after{content:"";position:absolute;right:0;top:6px;width:6px;height:6px;border:2px solid #fff;border-left:none;border-bottom:none;transform:rotate(45deg);}

.total-search-tab .ui-tab-btns{margin:0 0 23px 0;}
.total-search-tab .ui-tab-btns button{width:calc(20% + 1px);height:46px;background:#fff;font-size:16px;}
.total-search-tab .ui-tab-btns button i{color:#000;}
.total-search-tab .ui-tab-btns button span{color:#888;}
.total-search-tab .ui-tab-btns button{text-decoration:none;}
.total-search-tab .ui-tab-btns button.active, .total-search-tab .ui-tab-btns button.selected{background:#5d6169;overflow:hidden;}
.total-search-tab .ui-tab-btns button.active i, .total-search-tab .ui-tab-btns button.selected i, .total-search-tab .ui-tab-btns button.active span, .total-search-tab .ui-tab-btns button.selected span{color:#fff;}
.total-search-tab .ui-tab-btns:after{display:none;}
.total-search-con section{position:relative;margin:0 0 30px 0;}
.total-search-con section:last-child{margin:0;}
.total-search-con section > div{position:relative;padding:15px 20px;background:#fff;border:1px solid #cad0dd;border-radius:6px;margin:0 0 15px 0;}
.total-search-con section .title{margin:0 0 15px 0;padding:0 0 7px 0;font-size:20px;font-weight:600;color:#535335;border-bottom:1px solid #cad0dd;}
.total-search-con section .total-search-type01 dt{margin:0 0 10px 0;font-size:20px;font-weight:500;color:#000;}
.total-search-con section .total-search-type01 dd{display:block;font-size:14px;font-weight:500;color:#535353;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;}
.total-search-con section .total-search-type01 dd .info{display:block;margin:0 0 1px 0;}
.total-search-con section .total-search-type01 .info{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;}
.total-search-con section .total-search-type01 .info span{display:inline-block;margin:0 15px 0 0;font-size:14px;font-weight:500;color:#535353;}
.total-search-con section .total-search-type01 .info span b{font-weight:500;}
.total-search-con section .total-search-type01 .ctg{overflow:hidden;position:absolute;right:20px;top:18px;}
.total-search-con section .total-search-type01 .ctg span{float:left;display:inline-block; padding:0 9px;letter-spacing:0;height:21px; border:0; font-size:9px; text-align:center; background:#dba0a5; vertical-align:top; color:#fff; font-weight:400; text-decoration:none; line-height:22px; border-radius:3px; margin:0 2px 0 0;}

.total-search-con section .total-search-type01 .ctg span:last-child{margin:0;}
.total-search-con section .total-search-type01 .ctg span.bg01{background:#b95370;}
.total-search-con section .total-search-type01 .ctg span.bg02{background:#1e7e6b;}
.total-search-con section .total-search-type01 .ctg span.bg03{background:#6e76c0;}
.total-search-con section .total-search-type01 .ctg span.bg04{background:#8a733f;}
.total-search-con section .total-search-type01 .ctg span.bg05{background:#588010;}
.total-search-con section .total-search-type01 .ctg span.bg06{background:#a1644f;}
.total-search-con section .total-search-type01 .ctg span.bg07{background:#516fad;}

.total-search-con section .more{position:absolute;top:8px;right:0;}
.total-search-con section .more a{position:relative;padding:0 10px 0 0;font-size:14px;font-weight:600;color:#535353;}
.total-search-con section .more a:after{content:"";position:absolute;right:0;top:6px;width:6px;height:6px;border:2px solid #535353;border-left:none;border-bottom:none;transform:rotate(45deg);}

@media all and (max-width: 1200px){
	
	.web-renewal .header-wrap{height:100px;}
	.web-renewal .header-logo{margin-top:30px;}
	.web-renewal .nav-main{margin-left:54px;margin-top:23px;}
	.web-renewal .nav-btn-1{width:145px;}
	.web-renewal .nav-sub-wrap{width:700px;}
	.web-renewal .nav-sub-wrap ul{width:145px;}
	.web-renewal .header-lnb{right:20px;top:12px;}
	.web-renewal .nav-sub{top:101px;}
	.web-renewal .nav-sub-wrap li a{font-size:14px;}
	.web-renewal .nav-sub-wrap{margin:0 0 0 273px;}
	.web-renewal .n2 .nav-sub-wrap ul{left:145px;}
	.web-renewal .n3 .nav-sub-wrap ul{left:290px;}
	.web-renewal .n4 .nav-sub-wrap ul{left:435px;}
	.web-renewal .n5 .nav-sub-wrap ul{left:580px;}
	.web-renewal .nav-main-1 .nav-btn-1 i{padding:25px 10px 24px;}
	.web-renewal .nav-main-1.on .nav-btn-1 i{padding-bottom:20px; }
	.main.web-renewal .nav-sub-wrap{width:725px;}
	.main.web-renewal .nav-btn-1{width:145px;}
	.main.web-renewal .nav-sub-wrap ul{width:145px;}
	.main.web-renewal .n2 .nav-sub-wrap ul{left:145px;}
	.main.web-renewal .n3 .nav-sub-wrap ul{left:290px;}
	.main.web-renewal .n4 .nav-sub-wrap ul{left:435px;}
	.main.web-renewal .n5 .nav-sub-wrap ul{left:580px;}

	.web-renewal .main-sec1-search .search-wrap-all{width:100%;margin:0 auto;max-width:1000px;padding:32px 0 68px 0;}
	.web-renewal .main-sec1-search .search-wrap{width:100%;}
	.owl-carousel.major-service .owl-nav{display:none;}
	.owl-carousel.major-service .owl-dots{width:100%; text-align:center;}
	.owl-carousel.major-service .owl-dot{width:12px; height:12px; border-radius: 50%; background:#000;margin:0 5px}
	.owl-carousel.major-service .owl-dot.active{background:#4a79c6;}
	.web-renewal .main-sec1-top{height:290px;}
	.web-renewal .main_popzone_roll{width:590px;height:290px;}
	.main-sec1-top .main-sec1-etc .data-numerical-renewal dl{width:32%;}
	.main-sec1-top .main-sec1-etc{width:calc(100% - 610px);}
	.main-sec1-top .main-sec1-etc .title01{margin:0 0 21px 0;}
	.main-sec1-top .main-sec1-etc .text01{display:none;}
	.web-renewal .main-sec1-renewal .wrap-cont{padding:30px 0;}
	.main-sec2-renewal .board-box{width:31%;}
	.main-sec3-renewal .wrap-cont{padding:24px 0;}
	.main-sec4-renewal .often-service > div{width:32%;}
	.main-sec4-renewal .often-service > div a{width:100%;}
	.main-sec4-renewal .often-service > div .text{font-size:13px;padding:16px 5px;}
	.web-renewal .footer-link-wrap{padding-left:30px;}
	.box-base.renewal{padding:10px 15px;}
}
@media all and (max-width: 1000px){
	.web-renewal.dropdownOpened .base-tit{top:130px !important;}
	.web-renewal .base-body{padding-top:130px;}
	.web-renewal .header-wrap{position:static;height:80px;}
	.web-renewal .header-logo{margin-top:20px;}
	.web-renewal .header-logo img{width:160px;height:auto;}

	.web-renewal .main-sec1-search .search-wrap{height:40px;}
	.web-renewal .main-sec1-search .search-wrap input{height:33px;padding-left:10px;}
	.web-renewal .main-sec1-search .search-wrap > button{height:33px;width:80px;margin:4px 5px 0 0;font-size:16px;padding:0 0 0 15px;}
	.web-renewal .main-sec1-search .search-wrap input{margin:4px 10px 0 10px;}
	.web-renewal .main-sec1-search .search-wrap input{width:calc(100% - 20px);}
	.web-renewal .main-sec1-search .search-wrap > button:after{background-size:400px;top:6px;left:10px;background-position:-186px 3px;}
	.web-renewal .btn-open{left:auto;top:75px;right:17px;background-image:url(/resources/img/common/btn_menu_renewal.png);}
	.web-renewal .main-sec1-search{margin-top:0;}
	.web-renewal .main-sec1-top{padding:0 15px;}
	.web-renewal .main-sec2-renewal{padding:0 15px;}
	.main-sec3-renewal p.sec-title{padding-left:15px;}
	.web-renewal .main-sec4-renewal{padding:0 15px;}
	.web-renewal .main-sec1-top{height:230px;}
	.web-renewal .main_popzone_roll{width:440px;height:230px;}
	.web-renewal .main_popzone_roll .navi-wrap .inner .owl-controls{top:21px;}
	.main-sec1-top .main-sec1-etc .data-detail{min-height:115px;}
	.main-sec1-top .main-sec1-etc .data-detail:after{top:12px;}
	.main-sec1-top .main-sec1-etc .data-detail li{padding:2px 10px;}
	.main-sec1-top .main-sec1-etc .data-detail li span{font-size:13px;}
	.main-sec1-top .main-sec1-etc{width:calc(100% - 460px);}
	.main-sec1-top .main-sec1-etc .title01{font-size:16px;margin:0 0 5px 0;}
	.main-sec1-top .main-sec1-etc .data-numerical-renewal{margin:0 0 10px 0;}
	.main-sec1-top .main-sec1-etc .data-numerical-renewal dl{height:77px;}
	.main-sec1-top .main-sec1-etc .data-numerical-renewal dl dt{font-size:13px;}
	.main-sec1-top .main-sec1-etc .data-numerical-renewal dl dd{font-size:16px;}
	.main-sec2-renewal .bbs-tit{height:34px;margin:0;}
	.main-sec2-renewal .bbs-tit .h3{font-size:16px;}
	.main-sec3-renewal p.sec-title{font-size:16px;}
	.main-sec4-renewal p.sec-title{font-size:16px;}
	.main-sec2-renewal .bbs-ctg{height:16px;}
	.main-sec2-renewal .bbs-ctg02{font-size:12px;}
	.main-sec2-renewal .bbs-list.list-dot li{padding:7px 0 7px 7px;}
	.main-sec2-renewal .bbs-list.list-dot li:after{top:15px;width:3px;height:3px;}
	.major-img{width:100%;}
	.web-renewal .footer-link{overflow:hidden;}
	.web-renewal .footer-link a{display:inline-block;width:33%;margin:0;padding:0;float:left;text-align:left;}
	.web-renewal .menu-wrap-head{background:#e9f1fa;height:142px;border:none;}
	.web-renewal .state-login img{width:33px;height:33px;margin:0 0 0 10px;}
	.web-renewal .dep-1-wrap{background:#f1f1f1;}
	.web-renewal .dep-1-wrap:after{display:none;}
	.web-renewal .selected .dep-1-btn{background:#3d75ba;}
	.web-renewal .dep-1-btn{border-bottom:1px solid #fff;height:53px;width:142px;}
	.web-renewal .menu-wrap .ui-acco-btn, .menu-wrap .dep-2-btn{padding:17px 5px 16px 15px;}
	.web-renewal .menu-wrap .dep-2{border-bottom:1px solid #fff;}
	.web-renewal .menu-wrap-body{margin-top:142px;}
	.web-renewal .state-login{padding:16px 25px 13px;}
	.web-renewal .menu-wrap{width:360px;}
	.web-renewal .menu-wrap .dep-2-wrap{width:calc(100% - 142px);left:142px;}
	.web-renewal .menu-wrap .btn-close{top:33px;}
	.web-renewal .menu-wrap-head .base-search{background:#e9f1fa;padding:0 15px;}
	.web-renewal .menu-wrap-head .base-search-wrap{background:#fff;height:40px;border-radius:20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.web-renewal .menu-wrap-head .base-search-wrap .inp-base{background:none;margin:3px 0 0 0;padding:0 20px 0 20px;height:33px;border:none;border-radius:20px 0 0 20px;}
	.web-renewal .menu-wrap-head .base-search-wrap button{position: absolute; top:3px; right:4px; height:33px; border-radius:25px; width:80px; background:#484848; font-size:12px; padding-left:16px; }
	.web-renewal .menu-wrap-head .base-search-wrap button:after{content:"";position:absolute;width:22px;height:22px;background:url(/resources/img/common/ico_a.png) no-repeat -285px 0;background-size:400px;top:6px;left:10px;background-position:-186px 3px;}
	.web-renewal .sitemap-item{min-height:auto;width:48%;margin:0 0 20px 0;}
	
	.base-search.renewal{height:auto;}
	.base-search.renewal .base-search-wrap{max-width:668px;margin-left:0;}
	.base-search.renewal .base-search-wrap > label + .inp-base{max-width:498px;width:calc(100% - 130px);padding:0 10px;}
	.base-search.renewal .base-search-wrap .lb-check{margin:0 10px 0 0;}
	.base-search.renewal .result-research button{width:70px; height:28px; font-size:11px; }
	.base-search.renewal .base-search-wrap .btn-ico{border-width:2px;background-position:right 10px top 50%;width:40px;background-size:15px auto;}
	.base-search.renewal .base-search-wrap .btn-total-search{width:84px;right:-50px;}
	.base-search.renewal .detailSearch{margin:0 0 0 6px;width:84px;}

	
	.search-result.renewal .type-tablage .ui-tab-btn{height:30px;margin-right:5px;padding:0 10px;}
	.search-result.renewal .type-tablage .ui-tab-btn i{font-size:14px;}
	.search-result.renewal .type-tablage .ui-tab-btn span{font-size:14px;}
	.search-result.renewal .type-tablage .ui-tab-btn.selected span{font-size:14px;}
	.search-result.renewal .type-tablage .ui-tab-btn.selected i{font-size:14px;}
	.web-renewal .list-none.renewal{background:#fff;padding:33px 0 !important;}
	.web-renewal .list-none.renewal p{padding:50px 0 0 0;font-size:14px;background-size:40px auto;}
	.main-content-renewal01{width:110px;}
	.main-content-renewal02{width:calc(100% - 110px);}
	.main-content-renewal02 .detail-link button{min-width:120px;}
	.box-base.renewal .main-content-tit{font-size:20px;}
	.detail-search-layer{width:100%;padding:20px;margin:0;top:31px;}
	.detail-search-layer .text01{font-size:14px;}
	.detail-search-layer dl dt{font-size:14px;}
	.type-new-open td:nth-child(3),
	.type-new-open td:nth-child(4),
	.type-new-open th:nth-child(3),
	.type-new-open th:nth-child(4),
	.type-new-open col.col3,
	.type-new-open col.col4{display:none}
	.type-new-open col.col2{width:auto}
	.type-new-open col.col1{width:100px}
	.open-ctg{height:18px;}
	.popular-data-wrap > div > p{font-size:18px;}
	
	.public-data-banner{padding:20px ;margin: 0 0 10px 0;}
	.public-data-banner:after{max-width: 249px;}
	.public-data-banner .text01{padding-top:2%;font-size:18px;}
	.public-data-banner .text02{padding-bottom:2%;}
	
	
	.total-search-tab .ui-tab-btns{margin:0 0 20px 0;}
	.total-search-tab .ui-tab-btns button{font-size:11px;}
	.total-search-tab .ui-tab-btns button span{display:block;}
	.total-search-con section{margin:0 0 20px 0;}
	.total-search-con section > div{padding:20px;}
	.total-search-con section .title{margin:0 0 15px 0;font-size:15px;}
	.total-search-con section .total-search-type01{position:relative;overflow:hidden;}
	.total-search-con section .total-search-type01.bg01:after{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:#4d8dff;}
	.total-search-con section .total-search-type01.bg02:after{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:#ff7f83;}
	.total-search-con section .total-search-type01 dt{font-size:14px;}
	.total-search-con section .total-search-type01 dd{font-size:12px;}
	.total-search-con section .total-search-type01 .info{display:block;width:100%;padding-bottom:15px;border-bottom:1px dashed #e2e6ed;margin-bottom:15px;}
	.total-search-con section .total-search-type01 .info span{margin:0 5px 0 0;font-size:12px;}
	.total-search-con section .total-search-type01 .info span:before{content: " / ";}
	.total-search-con section .total-search-type01 .info span:first-child:before{content:"";}
	.total-search-con section .total-search-type01 .info span b{display:none;}
	.total-search-con section .total-search-type01 .info.menu-info{border:none;padding:0;margin:0 0 10px 0;}
	.total-search-con section .total-search-type01 .info.menu-info + .ctg{text-align:right;}
	.total-search-con section .total-search-type01 .ctg{position:relative;right:auto;top:auto;}
	.total-search-con section .total-search-type01 .ctg span{height:20px;line-height:20px;padding:0 6px;font-size:10px;}
	.total-search-con section .more a{font-size:12px;}

}

@media all and (max-width: 768px){
	.main-sec2-renewal .wrap-cont{display:block;}
	.web-renewal .main-sec1-renewal .wrap-cont{padding:20px 0 0 0;}
	.web-renewal .main-sec1-search .search-wrap .searh-sample{margin:20px 0 0 0;text-align:center;}
	.web-renewal .main-sec1-search .search-wrap .searh-sample li:after{top:4px;left:-6px;}
	.web-renewal .main-sec1-search .search-wrap .searh-sample li{margin:0 10px 0 0;}
	.web-renewal .main_popzone_roll .visual-info .info{padding-left:10px;}
	.web-renewal .main-sec1-top{height:auto;}
	.web-renewal .main_popzone_roll{width:100%;height:auto;float:none;margin:0 0 20px 0;}
	.main-sec1-top .main-sec1-etc{width:100%;height:auto;float:none;overflow:hidden;}
	.main-sec1-top .main-sec1-etc .title01{margin:0 0 10px 0;}
	.main-sec1-top .main-sec1-etc .text01{display:block;font-size:13px;}
	.web-renewal .main_popzone_roll .visual-info .info{font-size:13px;padding-top:20px;}
	.web-renewal .main-sec1-group{margin-top:20px;}
	.web-renewal .main-sec1-quick a{width:80px;height: 95px;}
	.web-renewal .main-sec1-quick a span{font-size:13px;}
	.web-renewal .main-sec1-quick a:before{background-size:250px;height:40px;width:50px;}

	.web-renewal .main-sec1-quick a.n2:before { background-position:-50px 0}
	.web-renewal .main-sec1-quick a.n3:before { background-position:-100px 0}
	.web-renewal .main-sec1-quick a.n4:before { background-position:-150px 0}
	.web-renewal .main-sec1-quick a.n5:before { background-position:-200px 0}
	.web-renewal .main-sec1-quick a.n6:before { background-position:0 -50px}
	.web-renewal .main-sec1-quick a.n7:before { background-position:-50px -50px}
	.web-renewal .main-sec1-quick a.n8:before { background-position:-100px -50px}
	.web-renewal .main-sec1-quick a.n9:before { background-position:-150px -50px}
	.web-renewal .main-sec1-quick a.n10:before { background-position:-200px -50px}
	.web-renewal .main-sec1-quick a.n11:before { background-position:0 -100px}
	.web-renewal .main-sec1-quick a.n12:before { background-position:-50px -100px}
	
	.web-renewal .main-sec1-quick a.active:after, .web-renewal .main-sec1-quick a:hover:after, .web-renewal .main-sec1-quick a:focus:after{top:0;height: calc(100% - 15px);}
	.web-renewal .main-sec1-group .main-sec1-quick{min-width:990px;}
	.main-sec2-renewal .board-box.board03{margin-bottom:0;}
	.main-sec4-renewal .often-service > div .text{padding:10px;}
	.main-sec2-renewal .wrap-cont{padding:20px 0;}
	.main-sec2-renewal .board-box{width:100%;margin:0 0 20px 0;overflow:auto;}
	.main-sec4-renewal .often-service{display:block;}
	.main-sec4-renewal .often-service > div{width:100%;margin:0 0 20px 0;overflow:auto;}
	.main-sec3-renewal .major-item {display:block; width:92%; min-height:300px;height:100%;max-width:220px; padding:4px; }
	.major-info dt b{font-size:16px;}
	.major-info dd{font-size:12px;}
	.main-sec4-renewal .often-service > div:nth-child(3){margin-bottom:0;}
	.main-sec4-renewal .often-service > div .title{font-size:13px;}
	.web-renewal .tbanner-300-40{padding:0 0 20px 0;background:#fff;}

	.base-search.renewal .base-search-wrap .btn-total-search{right:0;top:32px;}
	.base-search.renewal .base-search-wrap{max-width:inherit;margin-left:0;}
	.base-search.renewal .base-search-wrap .inp-base{max-width:inherit;}
	.base-search.renewal .base-search-wrap > label + .inp-base{max-width:inherit}
	.search-result.renewal .type-tablage{margin-top:35px;}
	.search-result.renewal .type-tablage + div{position:absolute;top:0;right:0;}
	.box-base.renewal .main-content-tit{font-size:16px;}

	.popular-data-wrap{display:block;}
	.popular-data-wrap > div > p{display:block;font-size:16px;}
	.popular-data-wrap > div{width:100%;margin:0 0 20px 0;}
	#popularTabs .popular-navi{display:none;overflow:hidden;}
	#popularTabs .popular-navi li{float:left;width:50%;border:1px solid #cad0dd;text-align:center;}
	#popularTabs .popular-navi li a{display:block;height:30px;line-height:30px;font-size:12px;color:#000;font-weight:600;}
	#popularTabs .popular-navi li.ui-state-active{float:left;width:50%;border:1px solid #5d6169;background:#5d6169;}
	#popularTabs .popular-navi li.ui-state-active a{color:#fff;}
}

@media all and (max-width: 640px){
	.web-renewal .main-sec1-search .search-wrap > button{font-size:12px;}
	.major-img{height:120px;}
	.major-info{padding:10px;}
	.major-info dt{margin:0 0 10px 0;}
	.major-info dd br{display:none;}
	.main-sec3-renewal .major-item{min-height:auto;}
	.web-renewal .sitemap-item{width:100%;}
	.web-renewal .sitemap-item h3{font-size:16px;padding:9px 0 0 20px;height:40px;}
	.web-renewal .type-sitemap .ui-modal-tit{font-size:20px;}
	.web-renewal .sitemap-item > ul > li > a{font-size:12px;min-height:30px;}
}	
@media all and (max-width: 600px){	
	.box-base.renewal{display:block;}
	.main-content-renewal02{width:100%;padding:0;margin:120px 0 0 0;}
	.main-content-renewal02 .detail-link{width:calc(100% - 140px);position:absolute;top:10px;right:10px;}
	.main-content-renewal02 .detail-link button{min-width:100%;margin:0 0 5px 0;}

	.detail-search-layer{padding:10px 10px 30px 10px;}
	.detail-search-layer .text01{margin:0 0 5px 0;font-size:13px;letter-spacing:-1px;}
	.detail-search-layer .text01 + label + .inp-base{margin:0 0 5px 0;font-size:13px;}
	.detail-search-layer dl dt{display:block;width:100%;line-height:28px;}
	.detail-search-layer dl dd{display:block;width:100%;}
	.detail-search-layer .inp-base{height:28px;}

	.public-data-banner:after{max-width: 150px;width: 45%;height: 85%;background-position: 100% 8px;}
	.public-data-banner .text01{padding-top:2%;font-size:12px;}
	.public-data-banner .text02{padding-bottom:2%;}

}