@charset "utf-8"; /* layout */ .wrap{width:100%;overflow:hidden;} .contents{padding:56px 10px 30px 10px;} #contents-wrap.main .contents{padding:10px 0 30px 0;} .header-wrap{position:relative;width:100%;height:72px;z-index:1100;} .header-wrap .header-bg{position:absolute;top:0;left:0;width:100%;height:4px;background-color:#0375bf;z-index:1;} .header{position:relative;width:100%;margin:0 auto;height:72px;} .header .util{display:none;position:absolute;right:0;top:0;} .header .util ul{position:relative;padding:27px 82px 0 0;} .header .util ul:after{content:"";display:block;clear:both;} .header .util ul li{position:relative;float:left;margin:0 0 0 20px;} .header .util ul li:first-child{margin:0;} .header .util ul li:first-child:after{background:none;} .header .util ul li a{color:#999;} .header .top-popup{display:none;position:absolute;top:0;right:0;} .header .top-popup .open{display:none;} .header .util .lang-box{display:none;position:absolute;top:30px;left:0;border:1px solid #ddd;background:#fff;z-index:1200;width:100px;} .header .util .lang-box ul{overflow:visible;padding:0;} .header .util .lang-box ul li{float:none;margin:0;padding:5px 10px;} .header .util .lang-box ul li a{display:block;} .header .util .lang-box ul li:hover a{font-weight:bold;color:#000;} .header h1{ position:relative;width:209px;padding:16px 0 0 10px;z-index:1200; -webkit-transition: width 0.5s; transition: width 0.5s; } .header .all-menu{position:absolute;top:72px;right:0;} .gnb-wrap{display:none;} .aside{display:none;} #mobile-gnb{display:block;z-index:2500;width:300px;background:#fff;position:absolute;right:-300px;top:0;} #mobile-gnb a{display:block;} #mobile-gnb > ul {} #mobile-gnb > ul > li{border-bottom:1px solid #c2c2c2;line-height:48px;} #mobile-gnb > ul > li .depth02{display:none;} #mobile-gnb > ul > li a{position:relative;padding:0 0 0 12px;background:#fff;font-size:16px;} #mobile-gnb > ul > li ul li{position:relative;line-height:36px;border-bottom:1px solid #c2c2c2;} #mobile-gnb > ul > li ul li:last-child{border-bottom:none;} #mobile-gnb > ul > li ul li ul li a{background:#e2edfd;padding:0 0 0 20px;font-size:13px;} #mobile-gnb > ul > li ul li ul li{border-bottom:none;} #mobile-gnb > ul > li ul li a{background:#efefef;} #mobile-gnb > ul > li.plus-bg > a{background:#fff;} #mobile-gnb > ul > li.plus-bg > a:after{content:"";position:absolute;top:16px;right:12px;background:url(/images/user/common/icon-aside.png) no-repeat 0 0;width:15px;height:15px;} #mobile-gnb > ul > li.plus-bg.active > a{background:#16407c;color:#fff;} #mobile-gnb > ul > li.plus-bg.active > a:after{content:"";position:absolute;top:22px;right:12px;background:#ee2e24;width:15px;height:4px;} #mobile-gnb > ul > li.active > a{background:#16407c;color:#fff;} #mobile-gnb > ul > li > div > ul > li.arrow-bg > a{position:relative;} #mobile-gnb > ul > li > div > ul > li.arrow-bg > a:after{content:"";position:absolute;top:12px;right:12px;width:7px;height:11px;background:url(/images/user/common/icon-gnb-arrow.png) no-repeat 0 0;} #mobile-gnb > ul > li > div > ul > li.arrow-bg.active > a:after{background-image:url(/images/user/common/icon-gnb-arrow.png);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);} #mobile-gnb ul li ul li .depth03{display:none;border-top:1px solid #c2c2c2;} #mobile-gnb ul li ul li .depth03 ul li{position:relative;line-height:28px;} #mobile-gnb ul li ul li .depth03 ul li:after{content:"";position:absolute;top:13px;left:15px;width:2px;height:2px;background:#585858;} .mobile-all-menu{position:absolute;right:10px;top:26px;z-index:1100;} .mobile-gnb-top{overflow:hidden;position:relative;height:72px;padding:25px 0 0 25px;background:#42558d;} .mobile-gnb-top span{position:relative;float:left;color:#fff;font-size:15px;font-weight:bold;margin:0 0 0 8px;} .mobile-gnb-top span:first-child{padding:1px 0 0 24px;margin:0;background:url(/images/user/common/icon-menu.png) no-repeat 0 8px;background-size:18px 11px;} .mobile-gnb-top span + span{padding:0 0 0 10px;} .mobile-gnb-top span + span:after{content:"";position:absolute;top:6px;left:0;width:1px;height:14px;border-left:1px dotted #fff;} .mobile-gnb-top span img{width:17px;} .mobile-link{background:#42558d;border-top:1px solid #33416c;border-bottom:1px solid #33416c;} .mobile-link ul{display:table;width:100%;text-align:center;} .mobile-link li{display:table-cell;vertical-align:middle;height:34px;width:50%;} .mobile-link li + li{border-left:1px solid #33416c;} .mobile-link a{font-size:15px;color:#fff;} .mobile-gnb-close{position:absolute;top:18px;right:10px;} .mobile-gnb-close img{width:38px;height:38px;-webkit-transition: -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;} .mobile-gnb-close:hover img{-webkit-transform: rotate(90deg);transform: rotate(90deg);} .footer-wrap{position:relative;width:100%;background:#4e5359;padding:0 10px;clear:both;} .footer{position:relative;width:100%;margin:0 auto;} .footer .top-con{text-align:center;} .footer .btm-con{position:relative;overflow:hidden;padding:10px 0 0 0;} .footer .footer-link{display:inline-block;padding:9px 0 0 0;width:100%;border-bottom:1px solid #3f444a;} .footer .footer-link li{border:1px solid #83878b;padding:5px 0;margin:0 0 10px 0;min-height:33px;text-align:center;} .footer .footer-link li:first-child a{} .footer .footer-link li a{color:#ffffff;display:block;} .footer .footer-link li{width:49%;} .footer .footer-link li:nth-child(2n){float:right;} .footer .footer-link li:nth-child(2n-1){float:left;} .footer .footer-link li:nth-child(2) a{letter-spacing:-1px;font-size:11px;padding:3px 0 0 0;} .footer .relate-site .relate-box{position:relative;margin:0 0 5px 0} .footer .relate-box .btn{display:block;width:100%;height:38px;background:#3f434e url(/images/user/common/icon-relatesite01.png) no-repeat 92% 50%;} .footer .relate-box .btn button{width:100%;height:100%;padding:0 0 0 15px;border:0;font-size:13px;text-align:left;cursor:pointer;color:#d9d9db;} .footer .relate-box.open .btn{display:block;height:38px;border:1px solid #2f2f2f;background:#2f2f2f url(/images/user/common/icon-relatesite01.png)no-repeat 92% 50%;} .footer .relate-box.open .btn button{color:#fff; } .footer .relate-box .site-list {display:none;position:absolute;bottom:38px;left:0;width:100%;background:#3f434e;z-index:100;text-align:left;} .footer .relate-box .site-list li a{display:block;height:38px;line-height:38px;color:#fff;padding:0 15px;font-size:13px;border-top:#352d2a 1px solid;} .footer .relate-box .site-list li a:hover, .footer .relate-box .site-list li a:focus{background:#005aa6;} .footer .relate-box.open .site-list{display:block;} .footer .footer-logo{display:none;float:left;padding:0 34px 0 0;} .footer .infor{font-size:12px;text-align:center;color:#c7c8c9;} .footer .infor address{font-style:normal;margin:0 0 2px 0;} .footer .footer-etc{clear:both;width:180px;margin:0 auto;padding:15px 0;} .footer .footer-etc ul{position:relative;} .footer .footer-etc ul:after{content:"";display:block;clear:both;} .footer .footer-etc ul li{float:left;margin:0 0 0 2px;} .footer .footer-etc ul li:nth-child(4){margin:0 0 0 12px;} .footer .footer-remote{text-align:center;margin:10px 0 0 0;} .footer .footer-remote li{display:inline-block;margin:0 2px;} .footer .footer-remote a{width:110px;height:33px;line-height:31px;background:#3f434e;color:#fff;text-align:center;display:inline-block;border-radius:5px;} .page-infor{position:relative;width:100%;} .page-infor h2{display:none;position:relative;font-size:40px;font-weight:bold;color:#fff;text-align:center;} .page-infor .location-wrap{position:absolute;top:0;left:0;width:100%;padding:0 10px;height:34px;background-image: linear-gradient(to right, #283e89 , #42538c, #005aa6);z-index:1000;} .page-infor .location-wrap .location{position:relative;width:100%;margin:0 auto;} .page-infor .location-wrap.location-wrap-fixed{position:fixed;top:0;left:0;background-color:rgba(0, 90, 166, 0.8);transition: all .5s linear;} .page-infor .location-wrap .depth-wrap{position:relative;} .page-infor .location-wrap .depth-wrap:after{content:"";display:block;clear:both;} .page-infor .location-wrap .depth-wrap .home{float:left;width:25px;height:34px;line-height:34px;text-align:center;} .page-infor .location-wrap .depth-wrap .home a{display:block;} .page-infor .location-wrap .depth-wrap .home a img{width:12px;} .page-infor .location-wrap .depth-wrap .depth-con{position:relative;float:left;height:34px;line-height:34px;width:calc(33% - 8px);} .page-infor .location-wrap .depth-wrap .depth-con p:after{content:"";position:absolute;top:14px;right:2px;background:url(/images/user/common/icon-arrow-down.png) no-repeat 0 0;width:9px;height:6px;} .page-infor .location-wrap .depth-wrap .depth-con p{padding:0 10px;font-size:14px;color:#fff;} .page-infor .location-wrap .depth-wrap .depth-con p > a{display:block;width:100%;font-size:14px;color:#fff;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .page-infor .location-wrap .depth-wrap .depth-con p a{padding:0 10px;} .page-infor .location-wrap .depth-wrap .depth-con ul{display:none;position:relative;background:#fff;border:1px solid #005aa6;border-top:none;} .page-infor .location-wrap .depth-wrap .depth-con ul:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#dcdcdc;} .page-infor .location-wrap .depth-wrap .depth-con ul li{line-height:20px;} .page-infor .location-wrap .depth-wrap .depth-con ul li a{display:block;color:#333;padding:3px 10px;font-size:14px;line-height:20px;} .page-infor .location-wrap .depth-wrap .depth-con ul li.on a, .page-infor .location-wrap .depth-wrap .depth-con ul li a:hover{color:#005aa6;font-weight:bold;} .contents h4.page-title{margin:0 0 20px 0;font-size:24px;font-weight:bold;color:#313131;line-height:24px;padding:0 0 20px 0;border-bottom:1px solid #dbdbdb;} .bar-title{position:relative;padding:9px 0 0 0;margin:0 0 18px 0;line-height:24px;font-size:16px;font-weight:bold;color:#425376;} .bar-title:after{content:"";position:absolute;top:0;left:0;width:22px;height:3px;background:#5a7fcf;} .bar-title:before{content:"";position:absolute;top:0;left:0;width:6px;height:3px;background:#425376;z-index:10;} .dl-circle{margin:0 0 20px 0;} .dl-circle dt{position:relative;font-size:16px;line-height:16px;font-weight:bold;padding:0 0 12px 13px;} .dl-circle dt:after{content:"";position:absolute;top:6px;left:0;width:5px;height:5px;background:#5a7fcf;border-radius:5px;} .dl-circle dd{padding:0 0 0 13px;} .dl-circle.fs-small dt{font-size:14px;font-weight:normal;padding:0 0 6px 13px;} .bar-list li{position:relative;line-height:26px;padding:0 0 0 10px;} .bar-list li:after{content:"";position:absolute;top:13px;left:0;width:4px;height:1px;background:#333;} /* 메인 */ .top-banner-bg{background:#3e97ea;height:164px;} .top-banner-wrap{width:100%;margin:0 auto;} .top-banner-wrap .top-banner{position: relative;z-index:1;width:100%;height:135px;} .top-banner-wrap .top-banner .banner-navi{display: block;z-index:100;width:100%;} .top-banner-wrap .top-banner .banner-navi button, .top-banner-wrap .top-banner .banner-navi a{display:block;float:left;width:15px;height:15px;font-size:0;line-height:0;} .top-banner-wrap .top-banner .banner-count{display:inline-block; position: absolute;bottom: -21px;left:0;width:44px;text-align:center;z-index:100;color:#fff;font-size:12px;height:18px;} .top-banner-wrap .top-banner .banner-navi .btn-prev{position:absolute;top:67px;left:10px;background:url(/images/user/main/btn-prev03.png) no-repeat 50% 50%;height:30px;} .top-banner-wrap .top-banner .banner-navi .btn-pause{position:absolute;bottom:-20px;left:46px;background:url(/images/user/main/btn-pause01.png) no-repeat 50% 50%;} .top-banner-wrap .top-banner .banner-navi .btn-play {position:absolute;bottom:-20px;left:46px;display:none;background:url(/images/user/main/btn-play01.png) no-repeat 50% 50%;} .top-banner-wrap .top-banner .banner-navi .btn-next {position:absolute;top:67px;right:10px;background:url(/images/user/main/btn-next03.png) no-repeat 50% 50%;height:30px;} .top-banner-wrap .top-banner .slick-list{margin:0 0 0 -1px} .top-banner-wrap .top-banner .banner-list {margin:0 30px;} .top-banner-wrap .top-banner .banner-list a{display:block} .top-banner-wrap .top-banner .control-wrap{display:table-cell;float:right;margin:0 0 0 20px;} .top-banner-wrap .top-banner .slick-dots{display:none !important;} .top-banner-wrap .top-banner .box{position:relative;padding:20px 10px 0 10px;} .top-banner-wrap .top-banner .box .tit{font-size:16px;font-weight:bold;color:#eff6b0;} .top-banner-wrap .top-banner .box .text{color:#fff;} .top-banner-wrap .top-banner .box .btn{margin:10px 0 0 0;} .top-banner-wrap .top-banner .box .btn a{display:inline-block;border:1px solid #c5e0f9;color:#c5e0f9;width:79px;height:31px;line-height:29px;text-align:center;} .top-banner-wrap .day-chk{display:none;text-align:right;color:#fff;padding:0 10px 0 0;} .top-banner-wrap .close-text{display:block;text-align:right;color:#fff;padding:0 10px 0 0;} .main-section01{overflow:hidden;margin:0 0 20px 0;} .main-section01 .main-visual{display:none;overflow: hidden;position: relative;z-index:1;width:100%;height:auto;} .main-section01 .main-visual .banner-count{display:inline-block; position: absolute;bottom: 0;left:132px;background-color:rgba(0, 0, 0, 0.45);color:#fff;width:15px;text-align:center;z-index:100;height:44px;line-height:44px;color:#fff;font-size:14px;} .main-section01 .main-visual .banner-navi{display: block;position:absolute;bottom:0;left: 0;z-index:100;width:100%;} .main-section01 .main-visual .banner-navi button, .main-section01 .main-visual .banner-navi a{display:block;float:left;width:15px;height:15px;font-size:0;line-height:0;margin:0 5px;} .main-section01 .main-visual .banner-navi .btn-prev{background:url(/images/user/main/btn-prev01.png) no-repeat 50% 50%;} .main-section01 .main-visual .banner-navi .btn-pause{background:url(/images/user/main/btn-pause01.png) no-repeat 50% 50%;} .main-section01 .main-visual .banner-navi .btn-play {display:none;background:url(/images/user/main/btn-play01.png) no-repeat 50% 50%;} .main-section01 .main-visual .banner-navi .btn-next {background:url(/images/user/main/btn-next01.png) no-repeat 50% 50%;} .main-section01 .main-visual .banner-list a{display:block} .main-section01 .main-visual .inner{display:table;margin:0 auto 16px;text-align:center;background-color:rgba(0, 0, 0, 0.2);border-radius:29px;height:29px;padding:8px 11px 0 16px;} .main-section01 .main-visual .control-wrap{display:table-cell;float:right;margin:0 0 0 20px;} .main-section01 .main-visual .slick-dots{display:table-cell;float:left;position:relative;bottom:auto;left:auto;width:auto;} .main-section01 .quick-link{border:1px solid #dbdbdb;} .main-section01 .quick-link ul{overflow:hidden;} .main-section01 .quick-link ul li{float:left;display:table;width:50%;position:relative;height:92px;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;background-color:#edeef3;} .main-section01 .quick-link ul li:nth-child(1){border-top:none;border-left:none;} .main-section01 .quick-link ul li:nth-child(2){border-top:none;background-color:#ffedec;} .main-section01 .quick-link ul li:nth-child(2) a{color:#ee2e24;} .main-section01 .quick-link ul li:nth-child(3){border-left:none;} .main-section01 .quick-link ul li:nth-child(5){border-left:none;} .main-section01 .quick-link ul li:nth-child(7){border-left:none;height:90px;} .main-section01 .quick-link ul li:nth-child(8){height:90px;} .main-section01 .quick-link ul li a{display:table-cell;vertical-align:middle;width:100%;height:100%;padding:0 5px 0 72px;background-position:26px 50%;background-repeat:no-repeat;} .main-section01 .quick-link ul li:hover a{background-color:#fff;border:1px solid #005aa6;padding:0 5px 0 71px;background-position:25px 50%;color:#005aa6;font-weight:bold;} .main-section01 .quick-link ul li span.fsize{font-size:13px;} .main-section01 .quick-link ul li:nth-child(1) a{background-image:url(/images/user/main/quick-link01.png);} .main-section01 .quick-link ul li:nth-child(2) a{background-image:url(/images/user/main/quick-link02.png);} .main-section01 .quick-link ul li:nth-child(3) a{background-image:url(/images/user/main/quick-link03.png);} .main-section01 .quick-link ul li:nth-child(4) a{background-image:url(/images/user/main/quick-link04.png);} .main-section01 .quick-link ul li:nth-child(5) a{background-image:url(/images/user/main/quick-link05.png);} .main-section01 .quick-link ul li:nth-child(6) a{background-image:url(/images/user/main/quick-link06.png);} .main-section01 .quick-link ul li:nth-child(7) a{background-image:url(/images/user/main/quick-link07.png);} .main-section01 .quick-link ul li:nth-child(8) a{background-image:url(/images/user/main/quick-link08.png);} .main-section01 .quick-link ul li:nth-child(1):hover a{background-image:url(/images/user/main/quick-link01_over.png);} .main-section01 .quick-link ul li:nth-child(2):hover a{background-image:url(/images/user/main/quick-link02_over.png);} .main-section01 .quick-link ul li:nth-child(3):hover a{background-image:url(/images/user/main/quick-link03_over.png);} .main-section01 .quick-link ul li:nth-child(4):hover a{background-image:url(/images/user/main/quick-link04_over.png);} .main-section01 .quick-link ul li:nth-child(5):hover a{background-image:url(/images/user/main/quick-link05_over.png);} .main-section01 .quick-link ul li:nth-child(6):hover a{background-image:url(/images/user/main/quick-link06_over.png);} .main-section01 .quick-link ul li:nth-child(7):hover a{background-image:url(/images/user/main/quick-link07_over.png);} .main-section01 .quick-link ul li:nth-child(8):hover a{background-image:url(/images/user/main/quick-link08_over.png);} .main-section02{overflow:hidden;margin:0 0 20px 0;padding:0 10px;} .main-section02 .main-board01{position:relative;width:100%;min-height:190px;margin:0 0 20px 0;} .main-section02 .main-board01 .title{font-size:18px;color:#313131;font-weight:bold;margin:0 0 14px 0;} .main-section02 .main-board01 .list-dot{border-top:1px solid #dbdbdb;padding:11px 0 0 0;} .main-section02 .main-board01 .list-dot li{} .main-section02 .main-board01 .list-dot a{display:block;overflow:hidden;} .main-section02 .main-board01 .list-dot a .text{float:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .main-section02 .main-board01 .list-dot a .date{display:none;float:right;font-size:13px;} .main-section02 .main-board01 .list-dot li:after{content:"";position:absolute;top:12px;left:0;width:4px;height:4px;background:#c5c5c5;border-radius:4px;} .main-section02 .main-board01 .more{position:absolute;top:5px;right:0;} .main-section02 .main-board02{position:relative;width:100%;min-height:190px;} .main-section02 .main-board02 > ul{position:relative;} .main-section02 .main-board02 > ul > li{float:left;} .main-section02 .main-board02 > ul > li p.title{float:left;margin:0 10px 0 0;} .main-section02 .main-board02 > ul > li p.title a{position:relative;display:block;font-size:18px;color:#929292;font-weight:bold;} .main-section02 .main-board02 > ul > li.on p.title a{display:block;color:#313131;} .main-section02 .main-board02 .list-dot{margin:11px 0 0 0;} .main-section02 .main-board02 > ul > li > .board-con{display:none;position:absolute;top:44px;left:0;width:100%;border-top:1px solid #dbdbdb;} .main-section02 .main-board02 > ul > li > .board-con a{display:block;} .main-section02 .main-board02 > ul > li.on > .board-con{display:block;} .main-section02 .main-board02 > ul > li .more{display:none;position:absolute;top:5px;right:0;} .main-section02 .main-board02 > ul > li.on .more{display:block;} .main-section02 .main-board02 .list-dot li{} .main-section02 .main-board02 .list-dot a{display:block;overflow:hidden;} .main-section02 .main-board02 .list-dot a .text{float:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .main-section02 .main-board02 .list-dot a .date{display:none;float:right;font-size:13px;} .main-section02 .main-board02 .list-dot li:after{content:"";position:absolute;top:12px;left:0;width:4px;height:4px;background:#c5c5c5;border-radius:4px;} .main-section03{overflow:hidden;margin:0 0 20px 0;padding:0 10px;} .main-section03 .kape-info{float:left;width:100%;background:url(/images/user/main/kape-bg.png) no-repeat 90% 100%;margin:0 0 20px 0;} .main-section03 .kape-info .title{font-size:18px;color:#313131;font-weight:bold;margin:0 0 8px 0;} .main-section03 .kape-info div{overflow:hidden;} .main-section03 .kape-info div .img{float:left;margin:0 17px 0 0;} .main-section03 .kape-info .explain{float:left;width:calc(100% - 170px);} .main-section03 .kape-info .explain .text{margin:0 0 10px 0;} .main-section03 .kape-info .kape-btn ul li + li{margin:9px 0 0 0;} .main-section03 .kape-info .kape-btn ul li a{display:block;width:111px;height:30px;background:#fff url(/images/user/main/kape-arrow01.png) no-repeat 90% 50%;border:1px solid #027f7b;font-size:13px;color:#027f7b;font-weight:bold;line-height:28px;padding:0 0 0 15px;border-radius:30px;} .main-section03 .kape-info .kape-btn ul li + li a{background:#027f7b url(/images/user/main/kape-arrow02.png) no-repeat 90% 50%;border:1px solid #027f7b;color:#fff;} .main-section03 .major-work{float:left;overflow:hidden;width:calc(100% + 20px);background:#ddf0ee;margin:0 -10px;} .main-section03 .major-work .tit-area{display:none;float:left;width:203px;height:230px;background:url(/images/user/main/work-bg.png) no-repeat 0 0;padding:50px 20px;} .main-section03 .major-work .tit-area .title{position:relative;height:46px;margin:0 0 34px 0;font-size:24px;color:#f0f0f0;font-weight:bold;text-align:center;text-shadow: 1px 1px rgba(0,0,0, 0.3);} .main-section03 .major-work .tit-area .title:after{content:"";position:absolute;bottom:0;left:50%;margin:0 0 0 -15px;width:30px;height:1px;background:#fff;} .main-section03 .major-work .tit-area .text{color:#f0f0f0;font-weight:bold;text-align:center;} .main-section03 .major-work .category{margin:13px;} .main-section03 .major-work .category ul{overflow:hidden;} .main-section03 .major-work .category ul li{float:left;width:49.7%;background-color:#fff;margin:0 1px 1px 0;} .main-section03 .major-work .category ul li a{display:block;width:100%;height:100px;} .main-section03 .major-work .category ul li a dl{text-align:center;padding:48px 0 0 0;} .main-section03 .major-work .category ul li a dl dt{font-size:15px;font-weight:bold;} .main-section03 .major-work .category ul li a:hover dl dt{color:#027f7b} .main-section03 .major-work .category ul li a dl dd{display:none;font-size:13px;} .main-section03 .major-work .category ul li{background-image:url(/images/user/main/icon-work01.png);background-repeat:no-repeat;background-position:50% 15px;} .main-section03 .major-work .category ul li:nth-child(2){background-image:url(/images/user/main/icon-work02.png);} .main-section03 .major-work .category ul li:nth-child(3){background-image:url(/images/user/main/icon-work03.png);} .main-section03 .major-work .category ul li:nth-child(4){background-image:url(/images/user/main/icon-work04.png);} .main-section03 .major-work .category ul li:nth-child(5){background-image:url(/images/user/main/icon-work05.png);} .main-section03 .major-work .category ul li:nth-child(6){background-image:url(/images/user/main/icon-work06.png);} .main-section03 .major-work-title{font-size:18px;color:#313131;font-weight:bold;margin:0 0 14px 0;} .main-section04{overflow:hidden;margin:0 0 20px 0;padding:0 10px;} .main-section04 .hot-issue-banner{position:relative;float:left;width:100%;border:1px solid #dbdbdb;margin:0 0 20px 0;} .main-section04 .hot-issue-banner .tit{height:52px;font-size:18px;color:#313131;font-weight:bold;padding:10px 0 0 14px;} .main-section04 .hot-issue-banner .banner-count{display:inline-block; position: absolute;top: 16px;left:74px;width:44px;text-align:center;z-index:100;color:#929292;font-size:12px;} .main-section04 .hot-issue-banner .banner-navi{display: block;position:absolute;top:15px;right:14px;z-index:100;} .main-section04 .hot-issue-banner .banner-navi button, .hot-issue-banner .banner-navi a{display:block;float:left;width:21px;height:21px;font-size:0;line-height:0;} .main-section04 .hot-issue-banner .banner-navi .btn-prev{background:url(/images/user/main/btn-prev02.png) no-repeat 50% 50%;background-size:21px 21px;} .main-section04 .hot-issue-banner .banner-navi .btn-pause{background:url(/images/user/main/btn-pause02.png) no-repeat 50% 50%;background-size:21px 21px;} .main-section04 .hot-issue-banner .banner-navi .btn-play {display:none;background:url(/images/user/main/btn-play02.png) no-repeat 50% 50%;background-size:21px 21px;} .main-section04 .hot-issue-banner .banner-navi .btn-next {background:url(/images/user/main/btn-next02.png) no-repeat 50% 50%;background-size:21px 21px;} .main-section04 .hot-issue-banner .banner-list a{display:block} .main-section04 .hot-issue-banner .slick-dots{display:none !important;} .main-section04 .hot-issue-banner .slide-item img{width:100%;max-width:440px;} .main-section04 .alam-banner{position:relative;float:left;width:100%;border:1px solid #dbdbdb;margin:0 0 20px 0;} .main-section04 .alam-banner .tit{height:52px;font-size:18px;color:#313131;font-weight:bold;padding:10px 0 0 14px;} .main-section04 .alam-banner .banner-count{display:inline-block; position: absolute;top: 16px;left:90px;width:44px;text-align:center;z-index:100;color:#929292;font-size:12px;} .main-section04 .alam-banner .banner-navi{display: block;position:absolute;top:15px;right:14px;z-index:100;} .main-section04 .alam-banner .banner-navi button, .alam-banner .banner-navi a{display:block;float:left;width:21px;height:21px;font-size:0;line-height:0;} .main-section04 .alam-banner .banner-navi .btn-prev{background:url(/images/user/main/btn-prev02.png) no-repeat 50% 50%;background-size:21px 21px;} .main-section04 .alam-banner .banner-navi .btn-pause{background:url(/images/user/main/btn-pause02.png) no-repeat 50% 50%;background-size:21px 21px;} .main-section04 .alam-banner .banner-navi .btn-play {display:none;background:url(/images/user/main/btn-play02.png) no-repeat 50% 50%;background-size:21px 21px;} .main-section04 .alam-banner .banner-navi .btn-next {background:url(/images/user/main/btn-next02.png) no-repeat 50% 50%;background-size:21px 21px;} .main-section04 .alam-banner .banner-list a{display:block} .main-section04 .alam-banner .slick-dots{display:none !important;} .main-section04 .alam-banner .slick-dots{display:none !important;} .main-section04 .alam-banner .slide-item img{width:100%;max-width:440px;} .main-section04 .etc-info{position:relative;float:left;width:100%;padding:15px 30px 0 30px;border:2px solid #dbdbdb;} .main-section04 .etc-info ul li{height:92px;border-top:1px solid #dbdbdb;} .main-section04 .etc-info ul li:first-child{border-top:none;} .main-section04 .etc-info ul li a{display:block;} .main-section04 .etc-info ul li:nth-child(1){padding:14px 0 0 76px;background:url(/images/user/main/icon-etc01.png) no-repeat 0 10px;} .main-section04 .etc-info ul li:nth-child(2){padding:14px 0 0 76px;background:url(/images/user/main/icon-etc02.png) no-repeat 0 10px;} .main-section04 .etc-info ul li:nth-child(2) dd{font-size:22px;font-weight:bold;color:#929292;} .main-section04 .etc-info ul li:nth-child(3){padding:28px 0 0 0;} .main-section04 .etc-info ul li:nth-child(4){padding:14px 0 0 76px;background:url(/images/user/main/icon-etc03.png) no-repeat 0 10px;} .main-section04 .etc-info ul li dl dt{font-size:16px;font-weight:bold;color:#313131;margin:0 0 3px 0;} .main-section04 .etc-info ul li dl dd{font-size:13px;} .main-section04 .etc-info ul li:nth-child(3) span{margin:0 0 0 28px;font-size:13px;} .main-section04 .etc-info ul li:nth-child(3) span:first-child{margin:0;} .main-section04 .etc-info ul li:nth-child(3) span img{margin:0 8px 0 0;} .main-section04 .etc-info ul li:nth-child(3) a{display:inline-block;} /* 정보공개 */ .law-paper-wrap{border-top:2px solid #585858;border-bottom:1px solid #dadada;} .law-paper-wrap ul{overflow:hidden;margin-bottom:-1px;} .law-paper-wrap ul li{float:left;width:100%;padding:12px 20px;border-bottom:1px solid #dadada;} .law-paper-wrap ul li span.text{float:left;width:calc(100% - 110px);} .law-paper-wrap ul li a{float:right;width:100px;height:26px;display:inline-block;border:1px solid #16407c ;color:#16407c;background:url(/images/user/common/icon-download-blue.png) no-repeat 69px 4px;line-height:24px;padding:0 0 0 13px;} .law-paper-wrap ul li a:hover{width:100px;height:26px;display:inline-block;border:1px solid #16407c ;color:#fff;background:#16407c url(/images/user/common/icon-download-white.png) no-repeat 69px 4px;line-height:24px;padding:0 0 0 13px;} /* 국민소통 */ .email-reject-wrap{background:url(/images/user/common/icon-slash.png) repeat 0 0;padding:6px;} .email-reject-wrap .inner{padding:10px;background:#fff;} .email-reject-wrap .inner .text01{font-size:20px;font-weight:bold;line-height:30px;color:#585858;margin:0 0 10px 0;letter-spacing:-1px;} .email-reject-wrap .inner .text01 span{color:#005aa6;} .email-reject-wrap .inner .box01{background:#f5f5f5;padding:16px;font-size:14px;line-height:26px;} .viewer-download-wrap .viewer{overflow:hidden;margin:0 0 69px 0;} .viewer-download-wrap .viewer li{position:relative;margin:0 0 10px 0;text-align:center;border:1px solid #d6d6d6;} .viewer-download-wrap .viewer li a{position:absolute;bottom:0;left:0;display:block;width:100%;background:#efefef;border-top:1px solid #d6d6d6;height:28px;line-height:24px;} .viewer-download-wrap .viewer li a:hover{background:#16407c;color:#fff;} .viewer-download-wrap .viewer li a:hover span:after{content:"";position:absolute;right:-1px;top:3px;width:17px;height:14px;background:url(/images/user/common/icon-download-white.png) no-repeat 0 0;} .viewer-download-wrap .viewer li a span{position:relative;padding:0 23px 0 0;} .viewer-download-wrap .viewer li a span:after{content:"";position:absolute;right:-1px;top:3px;width:17px;height:14px;background:url(/images/user/common/icon-download.png) no-repeat 0 0;} .viewer-download-wrap .viewer li img + span{display:block;font-weight:bold;color:#929292;height:30px;line-height:30px;} .viewer-download-wrap .viewer li img{margin:15px 0 0 0;} .viewer-download-wrap .viewer + p + .viewer li:nth-child(1) img{margin:9px 0 0 0;} /*.viewer-download-wrap .viewer + p + .viewer li:nth-child(2) img{margin:33px 0 13px 0;} .viewer-download-wrap .viewer + p + .viewer li:nth-child(3) img{margin:35px 0 13px 0;} .viewer-download-wrap .viewer + p + .viewer li:nth-child(4) img{margin:35px 0 13px 0;}*/ .viewer-download-wrap .viewer li{width:48%;float:left;min-height:145px;} .viewer-download-wrap .viewer li:nth-child(2n){float:right;} .rss-process{margin:0 0 50px 0;} .rss-process ul{overflow:hidden;} .rss-process ul li{width:100%;margin:0 0 20px 0;} .rss-process ul li.arrow{display:none;width:24px;margin:32px 0 0 0;} .rss-process ul li dl dt{position:relative;width:80px;height:80px;border-radius:80px;line-height:80px;margin:0 auto 23px;text-align:center;background:#004993;font-size:16px;font-weight:bold;color:#fff;} .rss-process ul li dl dd{position:relative;display:table;height:89px;width:100%;border:1px solid #dedede;text-align:center;padding:0 10px;} .rss-process ul li dl dd > span{display:table-cell;vertical-align:middle;} .rss-process ul li dl dt:after{content:"";position:absolute;bottom:-20px;left:50%;margin:0 0 0 -1px;width:1px;height:24px;background:#004993;} .rss-process ul li dl dd:after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin:0 0 0 -4px;background:#004993;border-radius:8px;} .member-privacy{border:2px solid #dbdbdb;margin:40px 0 15px 0;padding:25px 30px;} .member-privacy .tit{margin:0 0 10px 0;font-size:20px;font-weight:bold;color:#000;text-align:center;} .identity-process{margin:20px 0 50px 0;} .identity-process ul{overflow:hidden;} .identity-process ul li{width:100%;margin:0 0 10px 0;} .identity-process ul li:nth-child(1){font-size:16px;color:#295b9a;font-weight:bold;border:1px solid #295b9a;text-align:center;height:50px;line-height:48px;} .identity-process ul li:nth-child(3){font-size:16px;color:#fff;font-weight:bold;border:1px solid #6d97d1;background:#6d97d1;text-align:center;height:50px;line-height:48px} .identity-process ul li:nth-child(5){font-size:16px;color:#fff;font-weight:bold;border:1px solid #295b9a;background:#295b9a;text-align:center;height:50px;line-height:48px} .identity-process ul li.arrow{display:none;position:relative;width:70px;margin:0;text-align:right;line-height:48px;} .identity-process ul li.arrow:after{content:"";position:absolute;top:25px;left:0;background:#b1b1b1;width:70px;height:1px;} .minwon-process{margin:20px auto 25px;} .minwon-process ul{overflow:hidden;} .minwon-process ul li{float:left;width:30%;margin:0 0 10px 0;padding:96px 0 0 0;text-align:center;font-size:16px;font-weight:bold;color:#404040;} .minwon-process ul li.arrow{position:relative;width:auto;margin:0;text-align:center;line-height:85px;padding:0;} .minwon-process ul li:nth-child(1){background:url(/images/user/sub/communication/minwon-img01.png) no-repeat 50% 0;} .minwon-process ul li:nth-child(3){background:url(/images/user/sub/communication/minwon-img02.png) no-repeat 50% 0;} .minwon-process ul li:nth-child(5){background:url(/images/user/sub/communication/minwon-img03.png) no-repeat 50% 0;} .minwon-process ul li:nth-child(7){background:url(/images/user/sub/communication/minwon-img04.png) no-repeat 50% 0;} .minwon-process ul li:nth-child(9){background:url(/images/user/sub/communication/minwon-img05.png) no-repeat 50% 0;} .id-way{overflow:hidden;} .id-way .box{float:left;width:100%;margin:0 0 20px 0;min-height:317px;padding:0 0 20px 0;border:1px solid #dedede;background:url(/images/user/sub/communication/id-phone01.png) no-repeat 50% 77px;text-align:center;} .id-way .box .tit{font-size:18px;font-weight:bold;height:58px;line-height:58px;background:#efefef;border-bottom:1px solid #dedede;text-align:center;} .id-way .box .text{margin:150px 0 20px 0;text-align:center;} .id-way .box + .box{float:right;background:url(/images/user/sub/communication/id-phone02.png) no-repeat 50% 77px;} .id-way .box a{display:inline-block;width:152px;height:40px;line-height:38px;color:#005aa6;border:1px solid #005aa6;text-align:center;} .customer-service-box{background:#f5f5f5;padding:10px;} .customer-service-box ul{margin:0 0 15px 0;} .customer-service-box ul li{font-weight:bold;background:#fff;border:1px solid #efefef;margin:0 0 10px 0;padding:15px 13px;} .customer-service-box p{color:#005aa6;font-size:15px;} .customer-service-box.person ul li{font-weight:normal;} .customer-service-box.person p{color:#000;font-size:18px;font-weight:bold;text-align:center;} .sitemap-wrap{overflow:hidden;} .sitemap-wrap .section{float:left;width:100%;margin:0 0 20px 0;border-top:1px solid #313131;border-bottom:1px solid #52525c;text-align:center;} .sitemap-wrap .section .tit{font-size:16px;font-weight:bold;color:#404040;background:#e7ecf9;padding:15px 10px;} .sitemap-wrap .section ul li{color:#676767;border-top:1px solid #dadada;padding:12px 10px;} /* 열린경영 */ .ethics-process ul{overflow:hidden;} .ethics-process ul li{margin:0 0 10px 0;} .ethics-process ul li.arrow{width:100%;text-align:center;line-height:22px;} .ethics-process ul li.arrow img{transform: rotate(90deg);} .ethics-process ul li:first-child div{border:1px solid #4f70b7;} .ethics-process ul li div{display:table;width:100%;height:124px;border:1px solid #c2c2c2;text-align:center;} .ethics-process ul li div p{display:table-cell;vertical-align:middle;font-size:16px;} .ethics-process ul li:nth-child(5) div{background:#4f70b7;} .ethics-process ul li:nth-child(5) div p{color:#fff;} .manage-gongsi .section{margin:0 0 10px 0;border:1px solid #dadada;border-top:2px solid #005aa6;} .manage-gongsi .section dl{position:relative;width:100%;} .manage-gongsi .section dl dt{width:100%;font-size:16px;padding:10px;font-weight:bold;color:#404040;background:#f5f5f5;text-align:center;border-bottom:1px solid #dadada;} .manage-gongsi .section dl dd{overflow:hidden;padding:15px;} .manage-gongsi .section dl dd ol{float:left;width:100%;} .manage-gongsi .section dl dd ol li{line-height:26px;} .public-sample{margin:0 0 50px 0;} .public-sample ul{overflow:hidden;} .public-sample ul li{float:left;width:179px;margin:0 0 0 18px;} .public-sample ul li:first-child{margin:0;} .public-sample ul li dl{border:1px solid #dedede;} .public-sample ul li dl dt{line-height:50px;height:50px;background:#eaf1ff;font-size:16px;font-weight:bold;text-align:center;} .public-sample ul li dl dd{line-height:50px;height:50px;font-size:16px;text-align:center;} .btn-area.public a{width:100%;text-align:center;margin:0 0 10px 0;} .public-process{margin:0 0 50px 0;} .public-process ul{overflow:hidden;} .public-process ul li{margin:0 0 10px 0;} .public-process ul li.arrow{width:100%;text-align:center;line-height:22px;} .public-process ul li.arrow img{transform: rotate(90deg);} .public-process ul li{width:100%;text-align:center;} .public-process ul li div.text01{display:table;width:100%;font-size:16px;background:url(/images/user/common/icon-slash.png) repeat 0 0;padding:6px;} .public-process ul li div.text01 p{padding:5px;background:#fff;display:table-cell;vertical-align:middle;} .public-process ul li div.text02{font-size:14px;font-weight:bold;margin:10px 0 0 0;} .public-process ul li:nth-child(1) div.text01 p{background:#004993;color:#fff;} .public-process ul li:nth-child(3) div.text01 p{background:#495d89;color:#fff;} .public-process ul li:nth-child(5) div.text01 p{background:#495d89;color:#fff;} .public-process ul li:nth-child(7) div.text01 p{background:#d0d0d0;} .public-process ul li:nth-child(9) div.text01 p{background:#d0d0d0;} .public-process ul li:nth-child(11) div.text01 p{background:#495d89;color:#fff;} /* 알림소식 */ .event-calander{margin:0 0 20px 0;} .event-calander .month-select-navi{text-align:center;} .event-calander .month-select-navi p{display:inline-block;vertical-align:middle;} .event-calander .month-select-navi p.text{margin:0 10px;font-size:20px;line-height:20px;} .event-calander .month-select{margin:20px 0;background:#f5f5f5;} .event-calander .month-select ul{overflow:hidden;width:100%;padding:18px 0;} .event-calander .month-select ul li{float:left;width:74.6px;text-align:center;} .event-calander .month-select ul li a{font-size:16px;font-weight:bold;} .event-calander .month-select ul li.on a{color:#005aa6;} .event-calander .month-texto1{height:42px;padding:10px 0 0 28px;font-size:16px;background:url(/images/user/common/icon-calendar.png) no-repeat 0 12px;} .event-calander .month-quick-btn button{margin:0 0 0 6px;} .event-calander .month-quick-btn button:first-child{margin:0;} .event-calander.border-add .month-select-navi{border:4px solid #efefef;padding:26px 0;} .kape-slash-box{margin:0 0 20px 0;background:url(/images/user/common/icon-slash.png) repeat 0 0;padding:6px;} .kape-slash-box .inner{padding:10px;background:#fff;} .kape-eook-box{overflow:hidden;border-top:2px solid #585858;border-bottom:1px solid #dadada;} .kape-eook-box .book-area{width:100%;text-align:center;} .kape-eook-box .book-area .img{margin:40px 20px 20px 20px;text-align:center;} .kape-eook-box .book-area .img img{border:1px solid #dbdbdb;} .kape-eook-box .book-area a{display:inline-block;text-align:left;width:115px;height:30px;line-height:30px;padding:0 0 0 20px;margin:0 0 20px 0;color:#fff;background:#16407c url(/images/user/common/icon-download-white.png) no-repeat 79px 50%;} .kape-eook-box .book-info{float:left;width:100%;background:#f5f5f5;padding:15px;} .kape-eook-box .book-info dt{font-weight:bold;} .kape-eook-box .book-info dd{margin:0 0 20px 0;} .kape-result{margin:0 0 20px 0;background:url(/images/user/common/icon-slash.png) repeat 0 0;padding:6px;} .kape-result .inner{padding:10px;min-height:280px;background:#fff url(/images/user/sub/news/kape-result.png) no-repeat 50% 40px;} .kape-result .inner p{padding:210px 0 0 0;font-size:20px;color:#585858;text-align:center;font-weight:bold;} .kape-result .inner p span{color:#005aa6;} .kape-result .inner p span + span{color:#000;} .pic-list{border-top:2px solid #585858;border-bottom:1px solid #dadada;} .pic-list ul li{border-bottom:1px solid #dadada;} .pic-list ul li a{overflow:hidden;display:block;padding:20px;} .pic-list ul li .img{float:left;margin:0 0 10px 0;} .pic-list ul li dl{float:left;width:100%} .pic-list ul li dl dt{font-weight:bold;margin:0 0 5px 0;} .pic-list ul li dl dd{line-height:22px;} .recruit-process ul{overflow:hidden;} .recruit-process ul li{margin:0 0 10px 0;padding:6px;border:3px solid #16407c;width:100%;text-align:center;border-radius:50px;} .recruit-process ul li.arrow{width:100%;text-align:center;line-height:22px;border:none;padding:0;} .recruit-process ul li.arrow img{transform: rotate(90deg);} .recruit-process ul li .step{font-weight:bold;color:#16407c;} .recruit-process ul li .text{font-size:16px;font-weight:bold;} /* 주요사업 */ .researh-item{margin:0 0 50px 0;} .researh-item ul{overflow:hidden;min-height:160px;border:1px dashed #d0d0d0;padding:17px 13px;} .researh-item ul li{position:relative;float:left;width:100%;border:1px solid #d0d0d0;border-radius:15px;margin:0 0 10px 0;font-size:16px;font-weight:bold;text-align:center;padding:10px;} .meat-img-list{text-align:center;margin:0 0 35px 0;} .meat-img-list ul{overflow:hidden;} .meat-img-list ul li{float:left;border:1px solid #dedede;margin:0 1% 10px 1%;width:48%;} .meat-img-list .text{background:#f5f5f5;text-align:center;line-height:44px;} .meat-box{display:inline-block;border:2px solid #dedede;padding:10px 30px;margin:10px 0 30px 0;} /* 기관소개 */ .greeting-wrap .greeting-con{overflow:hidden;margin:0 0 50px 0;border-bottom:1px solid #e0e0e0;} .greeting-wrap .greeting-con .text-area{float:left;padding:50px 0 0 0;} .greeting-wrap .greeting-con .text-area p{font-size:40px;color:#000;line-height:53px;letter-spacing:-1px;} .greeting-wrap .greeting-con .text-area p span{color:#005aa6;} .greeting-wrap .greeting-con .text-area p + p{font-size:16px;color:#000;line-height:16px;margin:38px 0 0 0;} .greeting-wrap .greeting-con .text-area p + p img{margin:0 0 0 23px;vertical-align:middle;} .greeting-wrap .greeting-con .pic{float:right;} .ci-intro-img{overflow:hidden;} .ci-intro-img .ci-img01{text-align:center;margin:0 0 10px 0;} .ci-intro-img .ci-img-right{text-align:center;} .ci-intro-img .ci-img-right .ci-img02{margin:0 0 19px 0;} .ci-intro-img .ci-img-right .ci-download ul{overflow:hidden;} .ci-intro-img .ci-img-right .ci-download ul li{width:100%;height:62px;margin:0 0 10px 0;} .ci-intro-img .ci-img-right .ci-download ul li a{display:block;height:62px;padding:19px 0 0 0;border:1px solid #dbdbdb;font-size:16px;font-weight:bold;color:#273d89;text-align:center;background:url(/images/user/common/icon-download-blue.png) no-repeat 75% 50%;} .ci-intro-img .ci-img-right .ci-download ul li a:after{} .ci-intro-img .ci-img-right .ci-download ul li + li a{color:#333;background:url(/images/user/common/icon-download.png) no-repeat 75% 50%;} .ci-intro-img .ci-img-right .ci-download ul li a:hover{border:1px solid #273d89;} .ci-intro-img .ci-img-right .ci-download ul li + li a:hover{border:1px solid #333;} .manage-goal{} .manage-goal .mission-vision dl{position:relative;overflow:hidden;margin:0 0 20px 0;} .manage-goal .mission-vision dl:last-child{margin:0;} .manage-goal .mission-vision dl dt{vertical-align:middle;width:100%;margin:0 0 10px 0;} .manage-goal .mission-vision dl dt span{position:relative;display:block;width:100%;height:40px;line-height:40px;background:#273d89;font-size:16px;color:#fff;font-weight:bold;text-align:center;border-radius:20px;} .manage-goal .mission-vision dl dd{position:relative;vertical-align:middle;width:100%;z-index:10;background:#fff;} .manage-goal .mission-vision dl dd div{display:block;padding:15px 10px;border:3px solid #dbdbdb;font-size:14px;font-weight:bold;line-height:24px;text-align:left;} .manage-goal .mission-vision dl dd span{color:#0375bf;} .manage-goal .mission-vision dl.vision dt span{background:#42558d;} .manage-goal .goal-text01 p{margin:0 auto;width:260px;height:60px;padding:13px 0 0 0;background:#fff;font-size:16px;font-weight:bold;border:5px solid #dbdbdb;border-radius:40px;text-align:center;} .manage-goal .goal-text01{position:relative;padding:43px 0 30px 0;background:url(/images/user/sub/introduce/triangle-bg.png) no-repeat 50% 0;} .manage-goal-detail{position:relative;} .manage-goal-detail:after{content:"";display:block;clear:both;} .manage-goal-detail dl{position:relative;float:left;width:100%;margin:0 0 10px 0;} .manage-goal-detail dl dt{position:relative;display:table;width:100%;height:90px;margin:0 0 42px 0;background:#005aa6;font-size:16px;font-weight:bold;line-height:19px;color:#fff;text-align:center;border-radius:40px;} .manage-goal-detail dl dt span{display:block;} .manage-goal-detail dl dt span.align-use{display:table-cell;vertical-align:middle;} .manage-goal-detail dl dt span:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;border-radius:8px;background:#fff;margin:0 0 0 -4px;} .manage-goal-detail dl dt span.align-use:before{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;border-radius:14px;background:#273d89;margin:0 0 0 -7px;} .manage-goal-detail dl dd{position:relative;padding:30px 22px;border:1px solid #005aa6;z-index:10;background:#fff;} .manage-goal-detail dl dd > ol > li{padding:22px 0 0 0;margin:22px 0 0 0;font-weight:bold;border-top:1px dotted #d0d0d0;} .manage-goal-detail dl dd > ol > li p.tit{display:inline-block;margin:0 0 0 12px;text-indent:-12px;} .manage-goal-detail dl dd > ol > li p.tit span{display:block;padding:0 0 0 12px;} .manage-goal-detail dl dd > ol > li:first-child{border-top:none;margin:0;padding:0;} .manage-goal-detail dl dd > ol > li > ul{margin:10px 0 0 0;} .manage-goal-detail dl dd > ol > li > ul > li{position:relative;font-weight:normal;padding:0 0 0 8px;text-indent:0;} .manage-goal-detail dl dd > ol > li > ul > li:after{content:"";position:absolute;top:10px;left:0;width:3px;height:3px;background:#333;border-radius:3px;} .manage-goal-detail dl:before{content:"";position:absolute;top:0;left:50%;background:#273d89;width:1px;height:100%;} .manage-goal-detail dl:nth-child(2) dt span.align-use:before{background:#16407c;} .manage-goal-detail dl:nth-child(3) dt span.align-use:before{background:#027f7b;} .manage-goal-detail dl:nth-child(4) dt span.align-use:before{background:#425376;} .manage-goal-detail dl:nth-child(2) dt{background:#16407c;} .manage-goal-detail dl:nth-child(3) dt{background:#027f7b;} .manage-goal-detail dl:nth-child(4) dt{background:#425376;} .manage-goal-detail dl:nth-child(2) dd{border:1px solid #16407c;} .manage-goal-detail dl:nth-child(3) dd{border:1px solid #027f7b;} .manage-goal-detail dl:nth-child(4) dd{border:1px solid #425376;} .manage-goal-detail dl:nth-child(2):before{background:#16407c;} .manage-goal-detail dl:nth-child(3):before{background:#027f7b;} .manage-goal-detail dl:nth-child(4):before{background:#425376;} .org-map .org01{width:100%;background-color:#1463a4;text-align:center;margin:0 0 10px 0;padding:10px 0;color:#fff;border-radius:20px;} .org-map .org02{overflow:hidden;margin:0 0 10px 0;} .org-map .org02 li{float:left;width:48%;text-align:center;background-color:#16407c;color:#fff;padding:10px 0;border-radius:20px;} .org-map .org02 li:nth-child(2){display:none;} .org-map .org02 li:nth-child(3){float:right;} .org-map .org03{margin:0 0 20px 0;border-bottom:1px solid #d1d1d1;} .org-map .org03 p{background:#eee;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align:center;padding:5px 0;} .org-map .org03 ul{overflow:hidden;} .org-map .org03 ul li{float:left;width:50%;text-align:center;margin:4px 0;} .org-map .org04{margin:0 0 20px 0;border-bottom:1px solid #d1d1d1;} .org-map .org04 p{background:#eee;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align:center;padding:5px 0;} .org-map .org04 ul{overflow:hidden;} .org-map .org04 ul li{float:left;width:50%;text-align:center;margin:4px 0;} .org-map .org05{margin:0 0 20px 0;border-bottom:1px solid #d1d1d1;} .org-map .org05 p{background:#eee;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align:center;padding:5px 0;} .org-map .org05 ul{overflow:hidden;} .org-map .org05 ul li{float:left;width:50%;text-align:center;margin:4px 0;} .org-map .org06{margin:0 0 20px 0;border-bottom:1px solid #d1d1d1;} .org-map .org06 p{background:#eee;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align:center;padding:5px 0;} .org-map .org06 ul{overflow:hidden;} .org-map .org06 ul li{float:left;width:50%;text-align:center;margin:4px 0;} .org-map .org07{margin:0 0 20px 0;} .org-map .org07 p{background:#eee;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align:center;padding:5px 0;} .org-map .org07 ul{overflow:hidden;} .org-map .org07 ul li{float:left;width:50%;text-align:center;margin:4px 0;} .org-map ul li ul li:nth-child(5) ul + ul{border-top:1px solid #d1d1d1;} .org-map ul li ul li:nth-child(5) ul + ul li{float:none;width:100%;border:2px solid #d1d1d1;margin:10px 0;padding:5px 0;} .employee-area{margin:0 0 50px 0;border:1px solid #eaeaea;} .employee-area .employee-text{padding:20px;border-top:1px solid #eaeaea;} .employee-area .employee-text ul{text-align:left;overflow:hidden;} .employee-area .employee-text ul li{float:left;margin:0 4px 4px;display:inline-block;border:1px solid #dbdbdb;text-align:center;} .employee-area .employee-text ul li.all{border:1px solid #005aa6;} .employee-area .employee-text ul li a{display:block;width:36px;height:36px;line-height:36px;border:1px solid #fff;font-size:16px;font-weight:bold;} .employee-area .employee-text ul li.all a{color:#fff;background:#005aa6;border:1px solid #005aa6;} .employee-area .employee-text ul li:first-child a{width:82px;margin:0 auto;} /*.employee-area .employee-text ul li.on{border:1px solid #005aa6;} .employee-area .employee-text ul li.on a{border:1px solid #005aa6;color:#005aa6;}*/ .employee-area .employee-text ul li.all.on a{border:1px solid #005aa6;color:#fff;} #mapContainer{margin:0 0 0 0;width:100%;height:380px;border:1px solid #eaeaea;}/*margin:0 0 20px 0;*/ .map-info-wrap{position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;} .map-info-wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;} .map-info-wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;} .map-info-wrap .info .title {padding: 3px 0 0 70px;height: 34px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;} .map-info-wrap .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');} .map-info-wrap .info .close:hover {cursor: pointer;} .map-info-wrap .info .body {position: relative;overflow: hidden;} .map-info-wrap .info .desc {position: relative;margin: 13px 0 0 82px;height: 75px;} .map-info-wrap .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .map-info-wrap .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;} .map-info-wrap .info .img {position: absolute;top: 7px; margin-left:6px;width: 70px;height: 70px;border: 1px solid #ddd;color: #888;overflow: hidden;} .map-info-wrap .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')} .map-all-view{text-align:right;margin:0 0 50px 0;} .map-all-view a{display:inline-block;padding:0 0 0 52px;background:#005aa6 url(/images/user/sub/introduce/map-btn-bg.png) no-repeat 20px 50%;width:264px;height:42px;line-height:42px;color:#fff;font-weight:bold;text-align:left;} .bee-box{overflow:hidden;margin:0 0 50px 0;} .bee-box dl{float:left;width:100%;border:1px solid #3d77c8;margin:0 0 20px 0;} .bee-box dl dt{font-weight:bold;color:#fff;font-size:16px;line-height:48px;background:#3d77c8;text-align:center;} .bee-box dl dd{overflow:hidden;padding:10px;min-height:98px;} .bee-box dl dd ol{width:100%;float:left;padding:0 0 0 5px;} .bee-box dl + dl{float:right;border:1px solid #3e6ba4;} .bee-box dl + dl dt{background:#3e6ba4;} .bee-box dl + dl dd ol{width:100%;float:none;} .bee-img-list{text-align:center;} .bee-img-list li{display:inline-block;margin:0 10px 10px 0;} /* slider */ .slick-slider{position: relative;display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{position: relative;display: block;overflow: hidden; margin: 0; padding: 0;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left; height: 100%min-height: 1px;} .slick-slide img{display: block;margin:0 auto;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{ visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden { display: none;} .slick-dotted.slick-slider{margin-bottom: 30px;} .slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;} .slick-dots li{float:left;position: relative;display: inline-block;margin: 0 5px;padding: 0;cursor: pointer;} .slick-dots li button{font-size: 0;line-height: 0;display: block;padding: 5px;cursor: pointer;color: transparent;border: 0;background: transparent;} .slick-dots li{width:9px;} .slick-dots li.slick-active{width:36px;} .slick-dots li.slick-active button:before/*, .slick-dots li button:hover:before*/{ border-radius:13px; width:36px; height:13px; background:#ff8a00; border:none; box-shadow:inset 3px 3px 3px #d67400; } .slick-dots li button:before{ font-size: 6px; line-height: 6px; position: absolute; top: 0; left: 0; width: 9px; height: 9px; content: ' '; border:2px solid #fff; border-radius:6px; text-align: center; color: black; background:transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before{color: black;} /* modal */ .overlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:2000; transform:translateZ(0);} .modal-opened {overflow:hidden;} .layer-popup {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:2050; transform:translateZ(0); overflow-y:scroll;} .layer-popup .popup-title{font-size:15px;color:#3b3b3d;text-align:center;border-bottom:1px solid #eeefef;height:66px;padding:30px 0 0 0;font-weight:500;} .layer-popup .popup-inner {position:relative; width:calc(100% - 35px);max-width:500px;margin:200px auto 100px; box-shadow:3px 5px 5px rgba(0,0,0,.3); background-color:#fff;/*border:1px solid #000;*/} .layer-popup .popup-inner.id-ask{margin:0 auto;width:100%;} .layer-popup .popup-inner.id-ask .popup-body{background:#fafafa;} .layer-popup .popup-inner .popup-body{padding:20px;min-height:100px;} .layer-popup .popup-inner.id-ask .btn-close-popup{position:absolute;right:10px;top:10px;} .layer-popup .btn-close-popup{position:absolute;right:0;top:-26px;} .layer-popup .btn-close-popup img{width:18px;height:18px;} .layer-button-area{overflow:hidden;} .layer-button-area button{width:50%;float:left;color:#fff;background:#009bd7;line-height:40px;height:40px;text-align:center;border-left:1px solid #fff;} .layer-button-area button:nth-child(1){border-left:none;} .layer-button-area.wide button{width:100%;} .popup-wrap{position:relative;min-width:500px;border:2px solid #005297;} .popup-wrap .popup-title{background-image:url(/images/user/common/popup-bg.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;height:48px;line-height:48px;padding:0 22px;} .popup-wrap .popup-title h1{font-size:20px;font-weight:bold;color:#fff;} .popup-wrap .popup-contents{padding:30px 17px;} .popup-wrap .popup-contents.pad0{padding:0;} .popup-wrap .popup-close{position:absolute;top:10px;right:22px;width:19px;height:19px;} .popup-wrap .border-box{margin:0 0 20px 0;border:1px solid #ddd;padding:20px;text-align:center;} .popup-wrap .popup-contents .popup-video-wrap{text-align:center;margin:0 auto;} .popup-wrap .address-wrap .address-box{padding:20px 17px;background:#f5f5f5;border:1px solid #dbdbdb;} .popup-wrap .address-wrap .address-box label span{display:inline-block;font-weight:bold;width:60px;} .popup-wrap .address-wrap .address-box label select{width:130px;} .popup-wrap .address-wrap .address-box .wide{margin:14px 0 0 0;} .popup-wrap .address-wrap .address-box .wide input{width:calc(100% - 144px);margin:0 3px 0 0;} .popup-wrap .address-wrap .address-result{margin:25px 0 5px 0;font-weight:bold;color:#585858;} .popup-wrap .address-wrap .address-result span{color:#ee2e24;} .popup-wrap .address-wrap .address-table-wrap{height:200px;overflow-y:auto;margin:0 0 30px 0;} .popup-wrap .popup-location{overflow:hidden;min-width:700px;} .popup-wrap .popup-location .map{float:left;background:#f2f2f2;} .totalmap-information{float:left;min-width:272px;width:calc(100% - 430px);padding:20px 16px;} .totalmap-information .tit{font-size:18px;font-weight:bold;margin:0 0 15px 0;} .totalmap-information ul{border-top:1px solid #52525c;} .totalmap-information ul li{border-bottom:1px solid #dadada;} .totalmap-information ul li dl{overflow:hidden;padding:5px 0;} .totalmap-information ul li dl dt{width:92px;float:left;font-weight:bold;position:relative;padding:0 0 0 14px;} .totalmap-information ul li dl dt:after{content:"";position:absolute;top:9px;left:0;width:5px;height:5px;background:#0078cf;border-radius:5px;} .totalmap-information ul li dl dd{width:calc(100% - 92px);float:left;} .total-map{} .total-map .title-area{position:relative;background:url(/images/user/common/total-map-bg.png) repeat-x 0 0;height:88px;min-width:1300px;}/*min-width:1440px;*/ .total-map .title-area h1{padding:18px 0 0 50px;} .total-map .popup-close{position:absolute;top:28px;right:22px;width:19px;height:19px;} .total-map .control-navi{position:absolute;top:28px;left:320px;color:#fff;min-width:900px;}/*left:427px;*/ .total-map .control-navi .title02{margin:0 0 0 40px;width:50px;display:inline-block;}/*margin:0 0 0 80px*/ .total-map .control-navi .title03{position:relative;margin:0 0 0 20px;width:80px;display:inline-block;padding:0 0 0 20px;} .total-map .control-navi .title03:after{content:"";position:absolute;left:0;top:4px;width:1px;height:18px;background:#67738d;} #btm_banner{overflow:hidden;clear:both;width:100%;height:80px;margin:0 auto;padding:20px 0 0 0;background:#fff;border-top:1px solid #dcdcdc;} #btm_banner .box_banner{position:relative;width:100%;max-width:1220px;margin:0 auto;} #btm_banner .box_banner .ba_control{position:absolute;top:8px;right:56px;} #btm_banner .box_banner .ba_control a{display:block;float:left;overflow:hidden;width:25px;height:23px;font-size:0;line-height:0;} #btm_banner .box_banner .ba_control a.prev{background:url(/images/user/common/rolling-prev.png) no-repeat 50% 50%;} #btm_banner .box_banner .ba_control a.next{background:url(/images/user/common/rolling-next.png) no-repeat 50% 50%;} #btm_banner .box_banner .ba_control a.stop{background:url(/images/user/common/rolling-pause.png) no-repeat 50% 50%;width:26px;} #btm_banner .box_banner .ba_control a.play{background:url(/images/user/common/rolling-play.png) no-repeat 50% 50%;width:26px;} #btm_banner .box_banner .box_banner_inner{overflow:hidden;float:left;max-width:1042px;margin:0 0 0 38px;} #btm_banner .box_banner .box_banner_inner .ba_list{position:relative;top:0;width:100000px} #btm_banner .box_banner .box_banner_inner .ba_list li{display:inline-block;float:left;} #btm_banner .box_banner .box_banner_inner .ba_list li a{display:block;margin:0 10px 0 0;width:140px;height:40px;} #btm_banner .box_banner .box_banner_inner .ba_list li img{width:140px;height:40px;border:1px solid #e7e7e7;} /* etc */ .pc-hide{display:none;} .mobile-notice{display:block;text-align:center;padding:20px 0;} .mobile-notice .text01{position:relative;display:inline-block;padding:0 0 0 33px;margin:0 0 30px 0;font-size:22px;font-weight:bold;color:#005aa6;background-image:url(/images/user/common/icon-caution.png);background-repeat:no-repeat;background-size:23px 23px;background-position:0 7px;} .mobile-notice .text02{letter-spacing:-1px;} .btn-top-move{display:none;position:fixed; width:100%;bottom:200px;right:20px;width:50px;height:50px;z-index:2000;} .btn-top-move a{display:block;background:#fff;border-radius:50px;width:50px;height:50px;} .wid70{width:70px !important;} .wid100{width:100px !important;} .wid140{width:140px !important;} .wid170{width:170px !important;} .wid700{width:700px !important;} .icon-cal{margin:0 0 0 -4px;vertical-align:middle;display:inline-block;} .text-line-block{display:inline;} .tab-list li {height:50px;} .tab-list li a {height:50px;font-size:14px;font-weight:normal;} .tab-list.col4 li{width:50%;} .tab-list.col5 li{width:50%;} .tab-list.col6 li{width:50%;} .tab-list.col8 li{width:50%;} .both-contents.search-type{margin:0 0 10px 0;} .board-search-area{padding:20px;margin:0 0 40px 0;background:#fafafa;border:1px solid #eaeaea;text-align:center;} .board-search-area select{width:100%;} .board-search-area input[type="text"]{width:100%;margin:5px 0;} .board-search-area .button-wide-m{width:100%;} .board-search-area span.tit{display:none;position:relative;margin:0 18px 0 0;padding:0 18px 0 0;font-weight:bold;color:#666;} .board-search-area span.tit:after{content:"";position:absolute;right:0;top:0;width:1px;height:18px;background:#e4e3e8;} .board-search-area.employee{margin:0;} .board-search-area.employee span.tit{margin:0 9px;padding:0;} .board-search-area.employee span.tit:after{content:"";background:none;} .board-search-area .first-select{display:block;margin:0 0 5px 0;} .board-count-text{line-height:30px;margin:0 0 10px 0} .board-count-text span{color:#ee2e24;font-weight:bold;} .both-contents .left-contents .board-count-text{margin:0} .board-search-area .m-sel{display:block;text-align:left;} .board-search-area .m-sel .wid100{width:80px !important} .board-search-area .m-sel .fb{display:inline-block;width:55px;} .table-scroll-wrap{overflow-x:auto;} .table-scroll-wrap > div{min-width:760px;} .icon-box{position:relative;margin:0 0 20px 0;padding:10px;border:1px solid #dadada;} .icon-box:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:5px;background:#f2f2f2;} .icon-box.align-vm{display:table;width:100%;} .icon-box.align-vm > div{display:table-cell;vertical-align:middle;height:80px;} .blue-box{background:#e7ecf9;padding:20px;} .blue-box.bg01{background:#f5f5f5;} .blue-box .center-text{font-size:16px;color:#005aa6;text-align:center;} .slash-box{margin:0 0 20px 0;background:url(/images/user/common/icon-slash.png) repeat 0 0;padding:6px;} .slash-box .inner{padding:10px 20px;background:#fff;} .gray-box{margin:0 0 50px 0;border:1px solid #dadada;padding:10px;} .dl-table-type{margin:0 0 20px 0;border-top:2px solid #52525c;} .dl-table-type dl{overflow:hidden;} .dl-table-type dl dt{width:100%;text-align:left;background:#f9f9f9;color:#000;border-bottom:1px solid #dadada;padding:15px 15px 15px 24px;} .dl-table-type dl dd{width:100;padding:15px 15px 15px 24px;border-bottom:1px solid #dadada;} .table-mobile{display:none !important;} .board-file dt{display:none !important;} .board-view .board-title{font-size:16px;padding:10px;} .board-view .board-info{padding:10px;} .error-wrap{margin:100px auto;text-align:center;} .error-wrap .text01{border-bottom:1px solid #dbdbdb;margin:10px 0 20px 0;padding:0 0 54px 0;font-size:24px;font-weight:bold;line-height:30px;color:#000;} .error-wrap .text01 span{color:#ed2f25;} .error-wrap .text02{margin:0 0 35px 0;font-size:15px;color:#555;line-height:24px;text-align:center;} .error-wrap .btn{width:220px;height:50px;line-height:46px;color:#fff;font-size:18px;text-align:center;margin:0 auto;background:#ee2e24;border-radius:5px;} .icon-right{margin-left:5px;} @media all and (min-width:640px){ /* 국민소통 */ .sitemap-wrap .section{width:calc(50% - 10px);margin:0 5px 20px 5px;} .sitemap-wrap .section:nth-child(3), .sitemap-wrap .section:nth-child(5){clear:both;} /* 기관소개 */ .manage-goal-detail dl{width:46%;margin:0 2% 20px;} .manage-goal-detail dl dt{width:100%;} .manage-goal-detail dl dd{min-height:602px;} .ci-intro-img .ci-img-right .ci-download ul li{float:left;width:49%;} .ci-intro-img .ci-img-right .ci-download ul li:nth-child(2){float:right;width:49%;} } /* 760이상 PC ~ */ @media all and (max-width:799px){ .board-view-con table thead, .board-view-con table tbody, .board-view-con table tr, .board-view-con table th, .board-view-con table td{display:block;} .board-view-con table tr:after{content:"";display:block;clear:both;} .board-view-con table th, .board-view-con table td{position:relative;float:left;width:100%;padding:4px 10px !important;;font-size:14px;border-right:none;height:auto !important;} } @media all and (min-width:800px){ /* layout */ .wrap{position:relative;overflow:visible;width:100%;min-width:1220px;} #contents-wrap{position:relative;width:1220px;margin:0 auto;} #contents-wrap:after{content:"";display:block;clear:both;} #contents-wrap .aside{width:206px;float:left;margin:0 44px 50px 0;} #contents-wrap.main .contents{width:1220px;float:none;padding:10px 0 0 0;} #contents-wrap .contents{width:970px;float:left;padding:54px 0 100px 0;} .header .util{display:block;} .gnb-wrap{display:block;} .header-wrap{height:139px;} .wrap:after{content:"";position:absolute;left:0;top:82px;background:#e1e2e4;height:1px;width:100%;} .header{width:1220px;height:139px;} .header h1{ width:241px;padding:21px 0 0 0; -webkit-transition: width 0.5s; transition: width 0.5s; } .header .top-popup{display:block;} #mobile-gnb{display:none;} .mobile-all-menu{display:none;} .gnb-wrap{position:absolute;width:100%;background:#fff;border-bottom:1px solid #425376;} .gnb-wrap:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#e1e2e4;z-index:1200;} #gnb .all-menu{position:absolute;top:0;right:0;z-index:1100;width:58px;height:57px;border-left:1px solid #e1e2e4;border-right:1px solid #e1e2e4;text-align:center;line-height:56px;} #gnb .all-menu a{display:block;} #gnb{position:relative;width:1220px;margin:-56px auto 0;} #gnb:after{content:"";display:block;clear:both;} #gnb > ul > li{display:table-cell;} #gnb > ul{position:relative;display:table;background:#fff;width:1163px;z-index:1100;} #gnb > ul > li{width:calc(1163px / 6);position:relative;} #gnb > ul > li.active{background:#eef7fe} #gnb > ul > li.active > a{color:#214593;} #gnb > ul > li.active > .depth02{border-top:3px solid #214593;} #gnb > ul > li{border-left:1px solid #e1e2e4} #gnb > ul > li:last-child{border-right:1px solid #e1e2e4} #gnb > ul > li:last-child a{margin:0 -1px 0 -1px;} #gnb > ul > li:first-child > a{background:#fff;} #gnb > ul > li > a{display:block;padding:18px 0;text-align:center;margin:0 0 0 -1px;background:#fff url(/images/user/common/gnb-bg01.png) no-repeat 0 50%} #gnb li a{display:block;font-size:20px;font-weight:bold;line-height:20px;} #gnb ul li{position:relative;} #gnb ul li .depth02{display:none;padding:20px 0;border-top:3px solid #fff;} #gnb ul li .depth02 li{display:block;margin:0;} #gnb ul li .depth02 li .active + .depth03{display:block;} #gnb ul li .depth02 li a{font-size:14px;padding:5px 7px 5px 14px} #gnb ul li .depth03{display:none;background:#f7f9fe;} #gnb ul li .gnb-arrow{display:inline-block;width:6px;height:11px;background:url(/images/user/common/icon-gnb-arrow.png) no-repeat 0 0;font-size:0;margin:0 0 0 8px;vertical-align:middle;} #gnb ul li .depth03-bg.active{background-color:#d4ddf0;} #gnb ul li .depth03-bg.active span.gnb-arrow{background-image:url(/images/user/common/icon-gnb-arrow.png);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);} #gnb ul li .depth03 li{position:relative;} #gnb ul li .depth03 li:after{content:"";position:absolute;top:12px;left:15px;width:2px;height:2px;background:#585858;} #gnb ul li .depth03 li a{padding:2px 7px 2px 21px;font-size:12px;color:#585858;} .footer{width:1220px;} .page-infor{height:246px;padding:66px 0 0 0;background-image:url(/images/user/common/sub-bg01.jpg);background-repeat:no-repeat;background-position:0 0;background-size:cover;} .page-infor h2{display:block;text-shadow: 1px 1px #000;} .page-infor .location-wrap{top:auto;bottom:0;padding:0;height:50px;background-color:rgba(0, 0, 0, 0.5);background-image:none;} .page-infor .location-wrap .location{width:1220px;height:50px;} .page-infor .location-wrap .depth-wrap .home{float:left;width:50px;height:50px;line-height:50px;border-left:1px solid #888;border-right:1px solid #888;} .page-infor .location-wrap .depth-wrap .home a img{width:17px;} .page-infor .location-wrap .depth-wrap .depth-con{height:50px;line-height:50px;width:260px;border-right:1px solid #888;} .page-infor .location-wrap .depth-wrap .depth-con p > a{font-size:15px;padding:0 40px 0 20px;} .page-infor .location-wrap .depth-wrap .depth-con p:after{content:"";top:22px;right:20px;} .page-infor .location-wrap .depth-wrap .depth-con ul{padding:10px 0;} .page-infor .location-wrap .depth-wrap .depth-con ul li a{padding:2px 20px;font-size:14px;} .page-infor.sub-bg01{background-image:url(/images/user/common/sub-bg01.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;} .page-infor.sub-bg02{background-image:url(/images/user/common/sub-bg02.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;} .page-infor.sub-bg03{background-image:url(/images/user/common/sub-bg03.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;} .page-infor.sub-bg04{background-image:url(/images/user/common/sub-bg04.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;} .page-infor.sub-bg05{background-image:url(/images/user/common/sub-bg05.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;} .page-infor.sub-bg06{background-image:url(/images/user/common/sub-bg06.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover;} .page-infor .location-wrap.location-wrap-fixed .depth-wrap .home{border-left:1px solid rgba(255, 255, 255, 0.3);border-right:1px solid rgba(255, 255, 255, 0.3);} .page-infor .location-wrap.location-wrap-fixed .depth-wrap .depth-con{border-right:1px solid rgba(255, 255, 255, 0.3);} .contents h4.page-title{margin:0 0 30px 0;padding:0 0 29px 0;font-size:36px;line-height:36px;} .board-search-area select{width:auto;} .board-search-area input[type="text"]{width:210px;margin:0 4px;} .board-search-area .button-wide-m{width:auto;} .board-search-area span.tit{display:inline-block;} .board-search-area .first-select{display:inline-block;margin:0 2px 0 0;} .board-search-area .m-sel{display:inline-block;margin:0 0 0 20px} .board-search-area .m-sel .wid100{width:100px !important} .board-search-area .m-sel .fb{display:inline-block;width:auto;margin:0 5px 0 0;} .aside{display:block;} .aside h3{background:url(/images/user/common/aside-bg.jpg) no-repeat 0 0;width:206px;height:122px;padding:44px 0 0 0;color:#fff;font-weight:bold;font-size:28px;line-height:28px;text-align:center;} .aside .aside-menu a{display:block;} .aside .aside-menu > ul {} .aside .aside-menu > ul > li{border-bottom:1px solid #c2c2c2;line-height:50px;} .aside .aside-menu > ul > li > a{position:relative;padding:0 0 0 12px;background:#fff;font-size:16px;font-weight:bold;color:#323232;} .aside .aside-menu > ul > li > ul{display:none;background:#f5f5f5;padding:8px 4px 8px 12px;border-top:1px solid #007bd0;} .aside .aside-menu > ul > li > ul > li{position:relative;padding:0 0 0 11px;line-height:26px;} .aside .aside-menu > ul > li > ul > li:after{content:"";position:absolute;top:12px;left:0;width:3px;height:4px;background:#9b9b9b;} .aside .aside-menu > ul > li > ul > li > a{color:#717171;} .aside .aside-menu > ul > li.plus-bg > a{background:#fff;} .aside .aside-menu > ul > li.plus-bg > a:after{content:"";position:absolute;top:16px;right:12px;background:url(/images/user/common/icon-aside.png) no-repeat 0 0;width:15px;height:15px;} .aside .aside-menu > ul > li.plus-bg.active > a{background:#fff;color:#0078cf;} .aside .aside-menu > ul > li.plus-bg.active > a:after{content:"";position:absolute;top:14px;right:8px;background:#0078cf;width:20px;height:20px;} .aside .aside-menu > ul > li.plus-bg.active > a:before{content:"";position:absolute;top:23px;right:13px;background:#fff;width:10px;height:2px;z-index:10;} .aside .aside-menu > ul > li.active > a{color:#0078cf;} .aside .aside-menu > ul > li > ul > li.active > a{color:#0078cf;font-weight:bold;} .aside .aside-menu > ul > li > ul > li.active:after{content:"";position:absolute;top:12px;left:0;width:3px;height:4px;background:#005aa6;} .overlay{display:none !important;} #mapContainer{width:100%;height:440px;} .footer-wrap{height:180px;padding:0;} .footer-wrap:after{content:"";position:absolute;top:55px;left:0;width:100%;border-bottom:1px solid #3f444a;} .footer .top-con{height:55px;text-align:left;} .footer .btm-con{height:125px;padding:34px 0 0 0;} .footer .relate-site{position:absolute;right:0;top:6px;} .footer .footer-link{width:auto;border:none;} .footer .footer-link li{float:none !important;width:auto;display:inline-block;margin:0 0 0 34px;border:none;} .footer .footer-link li:first-child{margin:0;} .footer .footer-link li:nth-child(2) a{letter-spacing:0;font-size:14px;padding:0;} .footer .relate-site .relate-box{display:inline-block;margin:0 0 0 2px;} .footer .relate-box .btn{width:180px;height:43px;} .footer .relate-box.open .btn{height:43px;} .footer .relate-box .site-list {width:180px;bottom:43px;} .footer .relate-box .site-list li a{height:43px;line-height:43px;} .footer .infor{float:left;text-align:left;font-size:14px;} .footer .footer-logo{display:block;} .footer .footer-etc{position:absolute;top:34px;right:0;margin:0;padding:0;width:auto;} .footer .footer-remote{position:absolute;top:32px;right:200px;margin:0;padding:0;width:auto;margin:0;} /* 메인 */ .top-banner-wrap{width:1220px;} .top-banner-wrap .top-banner .banner-list {margin:0 70px;} .top-banner-wrap .top-banner .box{position:relative;padding:20px 20px 20px 134px;margin:0 0 0 30px} .top-banner-wrap .top-banner .box:after{content:"";position:absolute;right:0;top:15px;border-right:1px solid #63abee;width:1px;height:128px;} .top-banner-wrap .top-banner .box.bg01{background:url(/images/user/popup/img01.png) no-repeat 0 30px} .top-banner-wrap .top-banner .box.bg02{background:url(/images/user/popup/img02.png) no-repeat 0 20px} .top-banner-wrap .top-banner .box.bg03{background:url(/images/user/popup/img03.png) no-repeat 0 20px} .top-banner-wrap .top-banner .box.bg04{background:url(/images/user/popup/img04.png) no-repeat 0 20px} .top-banner-wrap .top-banner .box.bg05{background:url(/images/user/popup/img05.png) no-repeat 0 20px} .top-banner-wrap .top-banner .box.bg06{background:url(/images/user/popup/img06.png) no-repeat 0 20px} .top-banner-wrap .top-banner .banner-navi .btn-prev{left:0;} .top-banner-wrap .top-banner .banner-navi .btn-next {right:0;} .top-banner-wrap .top-banner .banner-count{top: 20px;} .top-banner-wrap .top-banner .banner-navi .btn-pause{top:22px;} .top-banner-wrap .top-banner .banner-navi .btn-play {top:22px;} .top-banner-wrap .top-banner .box .tit{font-size:20px;} .top-banner-wrap .day-chk{display:block;} .top-banner-wrap .close-text{display:none;} .main-section01{margin:0 auto 50px;} .main-section01 .main-visual{display:block;float:left;width:820px;height:368px;} .main-section01 .quick-link{float:left;width:400px;height:368px;} .main-section02{margin:0 auto 40px;padding:0;} .main-section02 .main-board01 .title{font-size:20px;margin:0 0 10px 0;} .main-section02 .main-board01{float:left;width:50%;padding:0 33px 0 0;margin:0;} .main-section02 .main-board01 .list-dot a .text{width:470px;} .main-section02 .main-board01 .list-dot a .date{display:block;} .main-section02 .main-board01 .more{right:33px;} .main-section02 .main-board01 .list-dot{border-top:1px solid #dbdbdb;padding:11px 0 0 0;} .main-section02 .main-board02{float:right;width:50%;padding:0 0 0 33px;} .main-section02 .main-board02 > ul > li > .board-con{top:40px;border-top:1px solid #dbdbdb;} .main-section02 .main-board02 > ul > li p.title{margin:0 28px 0 0;} .main-section02 .main-board02 > ul > li p.title a{font-size:20px;} .main-section02 .main-board02 .list-dot{margin:11px 0 0 0;} .main-section02 .main-board02 .list-dot a .text{width:470px;} .main-section02 .main-board02 .list-dot a .date{display:block;} .main-section03{margin:0 auto 50px;padding:0;} .main-section03 .kape-info{height:230px;width:420px;margin:0;} .main-section03 .kape-info .explain .text{margin:0 0 38px 0;} .main-section03 .major-work .tit-area{display:block;} .main-section03 .kape-info .title{font-size:20px;} .main-section03 .major-work{width:800px;height:230px;margin:0;} .main-section03 .major-work-title{display:none;} .main-section03 .major-work .category{float:left;margin:13px 13px 13px 0;width:583px;height:202px} .main-section03 .major-work .category ul li{width:33.1%;} .main-section03 .major-work .category ul li a dl dt{font-size:16px;} .main-section03 .major-work .category ul li a dl dd{display:block;} .main-section04{margin:0 auto 50px;padding:0;} .main-section04 .hot-issue-banner{width:280px;height:220px;margin:0 33px 0 0;} .main-section04 .hot-issue-banner .tit{font-size:20px;} .main-section04 .alam-banner .tit{font-size:20px;} .main-section04 .alam-banner{width:280px;height:220px;margin:0 33px 0 0;} .main-section04 .etc-info{width:594px;height:220px;padding:15px 30px;} .main-section04 .etc-info ul li:nth-child(1){border-top:none;margin:0 29px 0 0;padding:7px 0 0 76px;} .main-section04 .etc-info ul li:nth-child(2){border-top:none;margin:0 0 0 29px;padding:7px 0 0 76px;} .main-section04 .etc-info ul li:nth-child(3){margin:0 29px 0 0;padding:38px 0 0 0;} .main-section04 .etc-info ul li:nth-child(4){margin:0 0 0 29px;padding:24px 0 0 76px;background:url(/images/user/main/icon-etc03.png) no-repeat 0 28px;} .main-section04 .etc-info:after{content:"";position:absolute;top:15px;left:50%;background:#dbdbdb;height:188px;width:1px;} .main-section04 .etc-info ul li{float:left;width:236px;} /* 정보공개 */ .law-paper-wrap ul li{width:50%;} .law-paper-wrap ul li:nth-child(2n-1){border-right:1px solid #dadada;;} /* 국민소통 */ .email-reject-wrap .inner{padding:55px 55px 55px 237px;background:#fff url(/images/user/sub/news/icon-email.png) no-repeat 52px 100px;} .email-reject-wrap .inner .text01{font-size:28px;line-height:40px;margin:0 0 20px 0;} .email-reject-wrap .inner .box01{font-size:16px;} .viewer-download-wrap .viewer li{float:left;margin:0 0 0 7px;width:188px;height:135px;} .viewer-download-wrap .viewer li a{position:absolute;bottom:0;left:0;} .viewer-download-wrap .viewer li:first-child{margin:0;} .viewer-download-wrap .viewer li:nth-child(2n){float:left;} .rss-text{line-height:30px;} .rss-process ul li{float:left;width:224px;} .rss-process ul li.arrow{display:block;text-align:center;} .identity-process ul li{float:left;width:276px;} .identity-process ul li.arrow{display:block;} .minwon-process{width:770px;} .minwon-process ul li{float:left;width:85px;margin:0;} .minwon-process ul li.arrow{display:block;width:85px;} .id-way .box{width:476px;} .customer-service-box{padding:25px;} .customer-service-box p{margin:0 0 0 12px;font-size:18px;} .sitemap-wrap .section{width:220px;margin:0 0 50px 30px;} .sitemap-wrap .section:first-child{margin:0 0 50px 0;} .sitemap-wrap .section:nth-child(3){clear:none;} .sitemap-wrap .section:nth-child(5){margin:0 0 50px 0;} .sitemap-wrap .section .tit{font-size:20px;} .sitemap-wrap .section ul li{font-size:16px;} /* 열린경영 */ .ethics-process ul li{float:left;margin:0;} .ethics-process ul li.arrow{width:36px;line-height:124px;} .ethics-process ul li.arrow img{transform: rotate(0);} .ethics-process ul li div{width:298px;} .manage-gongsi .section{margin:0 0 10px 0;border:1px solid #dadada;border-left:2px solid #005aa6;} .manage-gongsi .section dl{display:table;height:90px;width:100%;} .manage-gongsi .section dl dt{display:table-cell;vertical-align:middle;width:232px;font-size:20px;border-bottom:none;} .manage-gongsi .section dl dt span{display:block;margin:0 0 0 6px;} .manage-gongsi .section:nth-child(6) dl dt span{display:block;margin:0 0 0 52px;} .manage-gongsi .section dl dd{overflow:hidden;display:table-cell;vertical-align:middle;padding:15px 35px;} .manage-gongsi .section dl dd ol{width:33%;} .manage-gongsi .section dl dd ol li span{display:inline-block;margin:0 0 0 16px;} .btn-area.public a{width:300px;margin:0;} .btn-area.public a:nth-child(1){margin:0 10px 0 0;} .public-process ul li{float:left;margin:0;height:104px;width:140px;} .public-process ul li.arrow{width:26px;line-height:72px;} .public-process ul li.arrow img{transform: rotate(0);} .public-process ul li div.text01{height:72px;} /* 알림소식 */ .event-calander{margin:0 0 50px 0;} .event-calander.border-add{margin:0 0 40px 0;} .event-calander .month-select-navi p.text{margin:0 20px;font-size:28px;line-height:28px;} .kape-slash-box{margin:0 0 40px 0;} .kape-slash-box .inner{padding:20px 20px 20px 275px;background:#fff url(/images/user/sub/news/icon-kape.png) no-repeat 49px 50%;} .kape-eook-box .book-area{float:left;width:300px;} .kape-eook-box .book-info{float:left;width:calc(100% - 300px);padding:35px 45px;} .kape-result{margin:0 0 40px 0;} .kape-result .inner{min-height:368px;background:#fff url(/images/user/sub/news/kape-result.png) no-repeat 50% 74px;} .kape-result .inner p{padding:260px 0 0 0;font-size:28px;color:#585858;} .pic-list ul li a{padding:20px 40px;} .pic-list ul li .img{margin:0 50px 0 0;} .pic-list ul li dl{width:calc(100% - 200px)} .recruit-process ul li{float:left;margin:0;width:150px;height:150px;border-radius:150px;padding:33px 20px} .recruit-process ul li.arrow{width:55px;line-height:150px;} .recruit-process ul li.arrow img{transform: rotate(0);} .recruit-process ul li .step{font-size:16px;margin:0 0 18px 0;} .recruit-process ul li .text{font-size:18px;} .recruit-process ul li:nth-child(7) .step{margin:0 0 4px 0;} /* 주요사업 */ .researh-item ul{min-height:160px;padding:17px 13px;} .researh-item ul li{width:125px;height:125px;border-radius:125px;margin:0 0 0 38px;line-height:125px;padding:0;} .researh-item ul li:after{content:"+";position:absolute;left:-32px;top:50px;width:25px;height:25px;border-radius:25px;line-height:25px;background:#ff8a00;color:#fff;} .researh-item ul li:first-child{margin:0;} .researh-item ul li:first-child:after{background:none;} .researh-item ul li:nth-child(6){line-height:28px;padding:34px 0 0 0;background:url(/images/user/sub/bussiness/item-bg.png) no-repeat 0 0;color:#fff;} .researh-item ul li:nth-child(6):after{content:"=";position:absolute;left:-32px;top:50px;width:25px;height:25px;border-radius:25px;line-height:25px;background:#ff8a00;color:#fff;} .meat-img-list ul li{float:left;margin:0 14px 0 0;width:191px;} .bee-box dl{width:470px;} .bee-box dl dd ol{width:50%;float:left;} .bee-img-list{text-align:left;} /* 기관소개 */ .manage-goal .mission-vision dl{display:table;} .manage-goal .mission-vision dl:before{content:"";position:absolute;top:50%;left:0;background:#273d89;width:100%;height:1px;} .manage-goal .mission-vision dl.vision:before{content:"";background:#42558d;} .manage-goal .mission-vision dl dt{display:table-cell;width:185px;} .manage-goal .mission-vision dl dt span{width:130px;height:130px;line-height:130px;border-radius:130px;} .manage-goal .mission-vision dl dt span:after{content:"";position:absolute;right:-3px;top:50%;width:8px;height:8px;border-radius:8px;background:#fff;margin:-4px 0 0 0;} .manage-goal .mission-vision dl dt span:before{content:"";position:absolute;right:-6px;top:50%;width:14px;height:14px;border-radius:14px;background:#273d89;margin:-7px 0 0 0;} .manage-goal .mission-vision dl.vision dt span:after{content:"";} .manage-goal .mission-vision dl.vision dt span:before{content:"";background:#42558d;} .manage-goal .mission-vision dl dd{display:table-cell;width:785px;} .manage-goal .mission-vision dl dd div{padding:25px 10px;text-align:center;font-size:16px;} .manage-goal .mission-vision dl dd span{font-size:20px;font-weight:bold;line-height:44px;} .manage-goal-detail dl{width:208px;margin:0 0 0 46px;} .manage-goal-detail dl dt{width:208px;border-radius:0;} .manage-goal-detail dl:first-child{margin:0;} .ci-intro-img .ci-img01{float:left;margin:0 19px 0 0;} .ci-intro-img .ci-img-right{float:left;} .ci-intro-img .ci-img-right .ci-img02{margin:0 0 19px 0;} .ci-intro-img .ci-img-right .ci-download ul li{float:left;width:322px;height:62px;margin:0 0 0 19px;} .ci-intro-img .ci-img-right .ci-download ul li:first-child{margin:0;} .ci-intro-img .ci-img-right .ci-download ul li:nth-child(2){float:left;width:322px;} .employee-area .employee-text ul{text-align:center;} .employee-area .employee-text ul li{float:none;margin:0 2px;} .org-wrap{margin:0 0 40px 0;} .org-map{position:relative;width:970px;height:887px;background:url(/images/user/sub/introduce/org-bg01.png) no-repeat 50% 0;} .org-map .org01{position:absolute;top:0;left:355px;width:262px;height:84px;line-height:84px;font-size:16px;font-weight:bold;color:#fff;text-align:center;background:url(/images/user/sub/introduce/org-bg02.png) no-repeat 0 0;padding:0;margin:0;} .org-map li a{display:block;} .org-map .org02{padding:0;margin:0;} .org-map .org02 li{position:absolute;width:197px;height:63px;line-height:63px;font-size:16px;font-weight:bold;color:#fff;text-align:center;background:#16407c;border-radius:50px;float:none;padding:0;margin:0;} .org-map .org02 li:nth-child(01){top:11px;left:85px;} .org-map .org02 li:nth-child(02){display:block;top:11px;right:87px;} .org-map .org02 li:nth-child(03){top:119px;right:87px;background:#fff;border:5px solid #005ca9;border-radius:50px;color:#333;line-height:53px;} .org-map .org03{position:absolute;top:307px;left:0;border-bottom:none;} .org-map .org04{position:absolute;top:307px;left:200px;border-bottom:none;} .org-map .org05{position:absolute;top:307px;left:401px;border-bottom:none;} .org-map .org06{position:absolute;top:307px;left:601px;border-bottom:none;} .org-map .org07{position:absolute;top:307px;left:801px;border-bottom:none;} .org-map .org03 p, .org-map .org04 p, .org-map .org05 p, .org-map .org06 p, .org-map .org07 p{width:169px;height:63px;line-height:53px;font-size:16px;font-weight:bold;text-align:center;background:#fff;border:5px solid #005ca9;border-radius:50px;padding:0;margin:0;} .org-map ul li ul li ul{width:169px;height:168px;margin:25px 0 0 0;padding:23px 0 0 39px;background:#f9f9f9;border:1px solid #dbdbdb;border-bottom:3px solid #dbdbdb;} .org-map ul li ul li:nth-child(5) ul{height:351px;} .org-map ul li ul li:nth-child(5) ul + ul{background:none;border:none;width:569px;height:60px;position:absolute;right:0;top:517px;margin:0;} .org-map ul li ul li:nth-child(5) ul + ul li{position:absolute;width:169px;height:60px;line-height:50px;padding:0;border:5px solid #dbdbdb;background:#fff;text-align:center;} .org-map ul li ul li:nth-child(5) ul + ul li:after{background:none;} .org-map ul li ul li:nth-child(5) ul + ul li:nth-child(1){left:0;top:0;} .org-map ul li ul li:nth-child(5) ul + ul li:nth-child(2){left:200px;top:0;} .org-map ul li ul li:nth-child(5) ul + ul li:nth-child(3){left:400px;top:0;} .org-map ul li ul li:nth-child(5) ul + ul li a{display:block;} .org-map ul li ul li ul li{position:relative;padding:0 0 0 8px;margin:0 0 8px 0;} .org-map ul li ul li ul li a{display:inline-block;} .org-map ul li ul li ul li:after{content:"";position:absolute;top:10px;left:0;width:3px;height:3px;background:#333;border-radius:3px;} .org-map .org01:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;border-radius:8px;background:#005ca9;margin:0 0 0 -4px;} .org-map .org01:before{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;border-radius:14px;background:#fff;margin:0 0 0 -7px;} .org-map .org02 li:nth-child(03) p:after{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;border-radius:8px;background:#005ca9;margin:-4px 0 0 0;} .org-map .org02 li:nth-child(03) p:before{content:"";position:absolute;left:-7px;top:50%;width:14px;height:14px;border-radius:14px;background:#fff;margin:-7px 0 0 0;} .org-map .org03 p:after, .org-map .org04 p:after, .org-map .org05 p:after, .org-map .org06 p:after, .org-map .org07 p:after{content:"";position:absolute;left:50%;top:-1px;width:7px;height:7px;border-radius:7px;background:#005ca9;margin:0 0 0 -3px;} .org-map .org03 p:before, .org-map .org04 p:before, .org-map .org05 p:before, .org-map .org06 p:before, .org-map .org07 p:before{content:"";position:absolute;left:50%;top:-4px;width:14px;height:14px;border-radius:14px;background:#fff;margin:0 0 0 -6px;} .org-map .org03 ul li, .org-map .org04 ul li, .org-map .org05 ul li, .org-map .org06 ul li{float:none;width:100%;margin:0 0 8px 0;padding:0 0 0 8px;text-align:left;} .org-map .org07 ul li{float:none;width:100%;text-align:left;margin:0 0 8px 0;padding:0 0 0 8px;} .org-map ul li ul li:nth-child(5) ul + ul li{margin:0;} /* etc */ .pc-hide{display:block;} .mobile-notice{display:none;} .table-mobile{display:table-cell !important;} .board-file dt{display:table-cell !important;} .board-view .board-title{font-size:18px;padding:30px 20px;} .board-view .board-info{padding:14px 20px;} .bar-title{font-size:20px;} .text-line-block{display:block;} .tab-list li a {font-size:16px;font-weight:bold;} .tab-list.col4 li{width:25%;} .tab-list.col5 li{width:20%;} .tab-list.col6 li{width:16.6666%;} .tab-list.col8 li{width:12.5%;} .icon-box{min-height:152px;margin:0 0 40px 0;padding:20px 20px 20px 220px;background:url(/images/user/common/icon-box-bg01.png) no-repeat 28px 22px;} .icon-box.bg02{background:url(/images/user/common/icon-box-bg02.png) no-repeat 28px 22px;} .icon-box.bg05{background:url(/images/user/common/icon-box-bg05.png) no-repeat 28px 22px;} .icon-box.align-vm > div{height:110px;} .icon-box > div p.text01{font-size:16px;} .icon-box:before{content:"";position:absolute;left:185px;top:33px;border-right:3px dashed #e2e2e2;width:3px;height:94px;} .blue-box .center-text{font-size:18px;} .gray-box{min-height:109px;padding:20px 40px 20px 120px;background:url(/images/user/sub/bussiness/brand-img01.jpg) no-repeat 35px 20px;} .dl-table-type{margin:0 0 40px 0;border-bottom:1px solid #dadada;} .dl-table-type dl dt, .dl-table-type dl dd{float:left;} .dl-table-type dl dt{width:170px;text-align:center;padding:15px 0;border-bottom:none;} .dl-table-type dl dd{width:calc(50% - 170px);padding:15px 15px 15px 24px;border-left:1px solid #dadada;border-bottom:none;} .dl-table-type dl dt:nth-child(3){border-left:1px solid #dadada;} .service-alam{position:relative;background:url(/images/common/alam-img02.jpg) no-repeat 0 50px;width:900px;height:390px;margin:180px auto 0;z-index:100;padding:0 0 0 345px;} .service-alam-wrap{position:relative;height:390px;width:100%;} .service-alam-wrap:after{content:"";position:absolute;top:168px;left:0;width:100%;height:223px;background:#f4f4f4;} .service-alam-wrap .text01{font-size:50px;font-weight:bold;color:#c43737;} .service-alam-wrap .text02{font-size:18px;font-weight:bold;color:#555;margin:0 0 74px 0;} .service-alam-wrap .sch{margin:0 0 20px 0;} .service-alam-wrap dl{overflow:hidden;width:538px;margin:0 0 10px 0;} .service-alam-wrap dl dt{float:left;margin:0 18px 0 0;width:104px;height:33px;font-size:16px;background:#c43737;line-height:33px;border-radius:5px;color:#fff;text-align:center;} .service-alam-wrap dl dd{float:left;font-size:18px;color:#000;font-weight:bold;line-height:33px;width:410px;} .error-wrap{width:834px;text-align:left;margin:200px auto;background:url(/images/common/error-bg.jpg) no-repeat 80px 18px;} .error-wrap h1{padding:0 0 0 312px;} .error-wrap .text01{padding:0 0 54px 312px;font-size:48px;line-height:60px;} }