@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;max-width: 100%} .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:block;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-work07.png);background-repeat:no-repeat;background-position:50% 10px;} .main-section03 .major-work .category ul li:nth-child(6){background-image:url(/images/user/main/icon-work08.png);background-repeat:no-repeat;background-position:50% 10px;} .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:10px 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{line-height:34px;} .main-section04 .etc-info ul li:nth-child(3) span:nth-child(2n+1){margin-left:0;} .main-section04 .etc-info ul li:nth-child(3) span:nth-child(2){margin-left:28px;font-size:13px;} .main-section04 .etc-info ul li:nth-child(3) span:nth-child(4){margin-left:40px;font-size:13px;} .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;} /* 주요사업 - 인재상 - 20200605 추가 */ .recruit-slogan div.tit{width:auto;height:56px;background:url(/images/user/sub/news/recruit-slogan-bg.png) no-repeat center;margin-bottom:25px;} .recruit-slogan div.tit p{font-size:18px;font-weight:600;color:#000;line-height:56px;padding-bottom:40px;} .recruit-slogan div.tit span{color:#005aa6;} .recruit-slogan p.txt{font-size:14px;font-weight:normal;color:#333;width:55%;display:inline-block;line-height:22px;} .row::after{content:"";display:block;clear:both;} .recruit-allow{width:auto;height:50px;background:url(/images/user/sub/news/recruit-arrow-top.png) no-repeat center;margin:25px 0 35px 0;position:relative;} .recruit-allow::before{position:absolute;left:54%;bottom:7px;content:"";border-bottom:3px solid #dbdbdb;border-radius:0 0 100% 100%;width:46%;} .recruit-allow::after{position:absolute;right:54%;bottom:7px;content:"";border-bottom:3px solid #dbdbdb;border-radius:0 0 100% 100%;width:46%;} .recruit-talent ul{text-align:center;margin:0 -0.5%} .recruit-talent ul li{box-sizing:border-box;float:left;width:20%;padding:0 0.5%;} .recruit-talent ul li:nth-child(odd) span{color:#0078cf;} .recruit-talent ul li:nth-child(even) span{color:#5a7fcf;} .recruit-talent ul li .inner-box{border:1px dashed #c2c2c2;height:320px;padding:30px 23px;} .recruit-talent ul li .inner-box div{width:100%;} .recruit-talent ul li p{font-size:21px;font-weight:600;color:#333;letter-spacing: -1px; padding:20px 0 15px 0;} .recruit-talent ul li p strong{font-size:23px;font-weight:600;color:#0059a5;} .recruit-talent ul li dl dt{font-size:15px;font-weight:600;color:#000;padding-bottom:10px;} .recruit-talent ul li dl dd span{display:block;} .recruit-talent ul li dl dd .br{font-size:14px;font-weight:300;color:#333;} /* 주요사업 */ .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,.org-map .org01_01{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;width:100%;} .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;width:100%;} .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;width:100%;} .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;width:100%;} .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;width:100%;} .org-map .org07 ul{overflow:hidden;} .org-map .org07 ul li{float:left;width:50%;text-align:center;margin:4px 0;} .org-map .org08{margin:0 0 20px 0;} .org-map .org08 p{background:#eee;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align:center;padding:5px 0;width:100%;} .org-map .org08 ul{overflow:hidden;} .org-map .org08 ul li{float:left;width:50%;text-align:center;margin:4px 0;} .org-map ul li ul li:nth-child(6) ul + ul{border-top:1px solid #d1d1d1;} .org-map ul li ul li:nth-child(6) 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;} /*---------경영목표 복사 해주세요----------------*/ /* management */ /*2020.11.27*/ .management_wrap{width:100%; overflow:hidden;} .management_wrap .goal_tit{text-align:center; font-size:22px; font-weight:bold; background:url(/images/user/sub/manage/goal_bg.png) center no-repeat; padding:60px 0px 20px; background-size: 100%;} .management_wrap dl{overflow:hidden; margin:10px 0;} .management_wrap dt{float:left; width:100%; text-align:center;background:#273d89; padding:8px; color:#fff; font-size:16px;min-height: 60px;display: table; } .management_wrap dt span { display: table-cell; vertical-align: middle; } .management_wrap dd{float:left;padding:10px 5px;border:2px solid #dadada;width:100%;text-align:center;font-size: 14px;min-height: 60px;} .management_wrap .value dd{border:0; padding:0;} .management_wrap .value p{float:left;width: 19.3%;background:#dbe7ff;margin-right:3px;padding:10px;} .management_wrap .value p:last-child{margin-right:0;} .management_wrap .management{overflow:hidden;} .management_wrap .management ul{background:#e0e4f6; padding:14px; float:left; width:25%; text-align:left; line-height:1.4; min-height:130px;font-size: 13px} .management_wrap .management ul li{padding-bottom:10px;} .management_wrap .management ul li:last-child{padding-bottom:0;} .management_wrap .management ul:nth-child(2n){background:#eef4ff;} .management_wrap .goal_02 li{float:left;width: 24.3%;margin-right:3px;} .management_wrap .goal_02 li:last-child{margin-right:0;} .management_wrap .goal_02 li p{text-align:center; background:#273d89; padding:10px; color:#fff; font-size:16px; word-break:keep-all;} .management_wrap .goal_02 li dd p{text-align:left; font-size:14px; background:#fff !important; color:#444; padding:0; word-break:keep-all;} .management_wrap .goal_02 dt{width:100%; font-size:14px; background:#677193; padding:10px;} .management_wrap .goal_02 dd{width:100%; min-height:100px; border:1px solid #677193;} .management_wrap .goal_02 li:nth-child(2) p{background:#005aa6;} .management_wrap .goal_02 li:nth-child(3) p{background:#16407c;} .management_wrap .goal_02 li:nth-child(4) p{background:#027f7b;} .management_wrap .goal_02 .start_box{min-height: 280px;} .list-dot2 li:after {content: ""; position:absolute; top:12px; left:0; width:4px; height:3px; background:#666;} .list-dot2 li {position: relative; padding:0 0 0 10px;} .icon-right{margin-left:5px;} .management_wrap dl.no_bd dd { border:0;padding:0; } .management_wrap dl.num03 dt { min-height: 282px; } .management_wrap dl.num03 dd .in_tit { background: #dbe7ff;padding:15px;border:2px solid #dbe7ff; min-height: 60px; } .management_wrap dl.num03 dd .in_cont { padding:15px 30px;border: 2px solid #dadada; overflow: hidden;min-height: 222px; } .management_wrap dl.num03 dd .in_cont .circle_box { width:290px;overflow: hidden;margin:20px auto 0;} .management_wrap dl.num03 dd .in_cont .circle_box li { width:90px;height: 90px;border:6px solid #ddd;border-radius: 50%;padding:5px;float: left;margin-right: 10px; background: #fff;} .management_wrap dl.num03 dd .in_cont .circle_box li span { display: block; border:1px solid #ddd;height: 100%;width:100%;border-radius: 50%; padding-top: 20px;font-size: 16px; } .management_wrap dl.num03 dd .in_cont .circle_box li:nth-of-type(1) { border-color:#43d1a1; } .management_wrap dl.num03 dd .in_cont .circle_box li:nth-of-type(2) { border-color:#9ed443; } .management_wrap dl.num03 dd .in_cont .circle_box li:nth-of-type(3) { margin-right: 0;border-color:#4383dd; } .management_wrap dl.num03 dd .in_cont .circle_box li:nth-of-type(4) { margin-left:50px; margin-right: 10px;margin-top:-30px;border-color:#40d4e2; } .management_wrap dl.num03 dd .in_cont .circle_box li:nth-of-type(5) { margin-top:-30px;border-color:#41a7e1; } .management_wrap dl.num03 dd .in_cont .dot_box { float:right; width:340px;} .management_wrap dl.num03 dd .in_cont .dot_box li { padding:12px 0;border-radius: 20px;margin-top: 10px; } .management_wrap dl.num03 dd .in_cont .dot_box li:first-of-type { margin-top:0;border:4px solid #4383dd; } .management_wrap dl.num03 dd .in_cont .dot_box li:first-of-type+li { border:4px solid #41a7e1; } .management_wrap dl.num03 dd .in_cont .dot_box li:first-of-type+li+li { border:4px solid #43d1a1; } .management_wrap dl.num03 dd .in_cont .dot_box li span { font-size: 16px; } .management_wrap dl.num05 dt {min-height: 252px;} .management_wrap dl.num05 dd { text-align: left;padding:0; } .management_wrap dl.num05 dd .box_list li .box_cont { min-height:169px; padding:0; } .management_wrap dl.num05 dd .box_list li .box_cont .list-dot li { padding:8px 15px 8px 25px;min-height: 72px; } .box_list li .box_cont .list-dot { text-align: left; } .box_list>li { float: left;width:24.5%;margin-left:.65%; } .box_list>li:first-of-type { margin-left:0; } .box_list li .box_tit { padding:17px 10px;background: #273d89;text-align: center; } .box_list li .box_tit strong{ color:#fff;font-size: 17px;font-weight: 400;} .box_list li .box_cont { padding: 17px 15px;border:1px solid #273d89; } .box_list li:first-of-type+li .box_tit { background: #005aa6; } .box_list li:first-of-type+li .box_cont { border-color: #005aa6; } .box_list li:first-of-type+li+li .box_tit { background: #16407c; } .box_list li:first-of-type+li+li .box_cont { border-color: #16407c; } .box_list li:first-of-type+li+li+li .box_tit { background: #027f7b; } .box_list li:first-of-type+li+li+li .box_cont { border-color: #027f7b; } .box_list li .box_cont .list-dot li{ border-top:1px solid #273d89; padding:5px 0 5px 12px; } .box_list li .box_cont .list-dot li:first-of-type { border:0; } .box_list li .box_cont .list-dot li:after { top:18px;left:16px; } .box_list.gray li .box_tit{ background: #909090 !important; } .box_list.gray li .box_cont{ border-color: #909090 !important;font-size: 18px; } .box_list .box_cont ol li { margin-top:5px;font-size: 14px;text-align: left; } .box_list .box_cont ol li:first-of-type { margin-top:0; } .box_list .box_cont ol li i { font-style: normal; float: left;display: block; margin-right: 3px; } .box_list .box_cont ol li span { display: block; overflow: hidden;word-break: keep-all; white-space: nowrap; letter-spacing: -1.5px; } .box_list.basic .box_cont{ border-color: #677194 !important; } .management_wrap dl.num_06 dt {min-height: 84px;} .management_wrap dl.num_07 { text-align: left; } .management_wrap dl.num_07 dt { min-height: 172px; } .management_wrap dl.num_07 .box_list.basic li .box_cont{ min-height: 172px; } .management_wrap dl.num_08 dt {min-height: 110px;} .management_wrap dl.num_08 .box_list.basic li .box_cont { min-height: 99px; } .management_wrap dl.num_08 .box_list.basic li .box_cont p { font-size: 14px; } .management_wrap .half_box { width:49.5%;float:left;margin-left:1%; } .management_wrap .half_box:first-of-type { margin-left:0; } /*인권경영*/ .box_list.col3>li { width: 32.888%; } .circle_i { width:20px;height:20px;display: inline-block;line-height: 20px; text-align: center; font-size: 10px;border-radius: 100%;color:#fff; vertical-align: 2px;margin-right: 5px; } .circle_i.cir01 { background: #000; } .circle_i.cir02 { background: #ddd; color:#000; } .management_wrap dl.num_09 dt { min-height: 119px; } .box_list.one_color li .box_tit { background: #273d89 !important; } .result_list { overflow: hidden; } .result_list .result_tit { float: left;margin-right: 20px;width:187px; } .result_list .result_tit strong { display: block; min-height: 50px; background: #ddd; display: table; width:100%;padding: 0 20px;border-top:1px solid #fff;} .result_list .result_tit strong:first-of-type { border-top:0; } .result_list .result_tit strong span { display: table-cell; vertical-align: middle; text-align: center;} .result_list .result_level { overflow: hidden; } .result_list .result_level .box { width:47%;float: left; margin-left:6%; text-align: center;position: relative; } .result_list .result_level .box:first-of-type:before { display: block; content: ""; position: absolute;width: 0px;height: 0px;border-top: 30px solid transparent;border-right: 30px solid #ddd; top:50%; right:-8%; transform: translateY(-50%) rotate(-45deg); } .result_list .result_level .box:first-of-type { margin-left:0; } .result_list .result_level .box ul li { padding:0 20px; display: table; width:100%;min-height: 50px; border:1px solid #ddd;border-top:0; } .result_list .result_level .box ul li span { display: table-cell; vertical-align: middle; } .result_list .result_level .box ul li:first-of-type { border-top:1px solid #ddd;background: #ddd; } /*2021.05.13*/ .accordion_wrap { padding:40px 25px;background: #f5f5f5; border:1px solid #cccccc; border-top:3px solid #e1e1e1;} .bar-title_02 { font-size:18px;color:#003264;font-weight: bold;margin: 35px 0 17px 0; } .bar-title_02:first-of-type { margin-top:0; } .accordion_box { border:1px solid #ccc;} .accordion_box:first-of-type { border-top:1px solid #ccc; } .accordion_box>a { display: block; padding:16px 55px 16px 27px;background: #fff; font-size:14px;color:#4e5052;/*color:#0078cf;*/position: relative;font-weight: bold; } .accordion_box>a:before { width:18px;height: 18px;display: block; content:""; position: absolute; right:27px; top: 20px;background: url(/images/user/common/arrco_icon01.png) no-repeat center center/cover; } .accordion_box>a.on { background: #0078cf;color:#fff; } .accordion_box>a.on:before { background: url(/images/user/common/arrco_icon01_on.png) no-repeat center center/cover; } .accordion_box>a.empty:before { display: none; } .accordion_box>a.empty:after { width:14px;height: 15px;display: inline-block; content:""; background: url(/images/user/common/arrco_icon02.png) no-repeat center center/cover;margin-left:7px;vertical-align: -2px; } .accordion_box>a.empty { /*color:#4e5052;*/padding: 18px 27px 18px 27px; } .arrcodian_list.on { display: block; } .arrcodian_list { display: none; } .arrcodian_list li { border-top:1px solid #ededed; } .arrcodian_list li:first-of-type { border-top:0; } .arrcodian_list li a { position: relative;padding: 18px 55px 18px 42px;display: block;background: #fff;color:#4e5052; } .arrcodian_list li a:before { width:5px;height: 5px;display: block; content: ""; background: #0078cf; position: absolute; top:26px; left:27px;border-radius: 100%; } .arrcodian_list li a:after { width:14px;height: 15px;display: inline-block; content:""; background: url(/images/user/common/arrco_icon02.png) no-repeat center center/cover;margin-left:7px;vertical-align: -2px; } /*2021.09.13*/ .new_value .nv_box { overflow:hidden; margin-top:10px;display: table; width:100%; table-layout: fixed;border-collapse: separate;border-spacing: 10px 0;margin: 0 -10px;width: calc(100% + 20px);min-height: 80px;margin-top:10px; } .new_value .nv_box:first-of-type { margin-top:0; } .new_value .nv_box .tit { display: table-cell;width:12%;background: #273d89;min-height: 80px; text-align: center; color:#fff; vertical-align: middle; text-align: center; } .new_value .nv_box .tit span { font-size: 14px;font-weight: bold; } .new_value .nv_box .cont { display: table-cell;width:100%;min-height: 80px; text-align: center; border: 2px solid #dadada;vertical-align: middle; } .new_value .nv_box .cont.no_bd { border:0; } .new_value .nv_box .cont.divide { display: table-cell;width:100%;min-height: 80px; text-align: center; border: 0;vertical-align: middle; } .new_value .nv_box .cont span { display: table-cell; vertical-align: middle;font-size:16px;font-weight: bold; } .new_value .nv_box .cont.divide .inner { display: table;min-height: 80px;width:calc(100% + 10px); border-spacing:5px 0; margin:0 -5px; table-layout: fixed; } .new_value .nv_box .cont.divide span { font-size: 14px;color:#fff; } .new_value .nv_box .cont.divide span { background: #273d89; } .new_value .nv_box .cont.divide span:nth-of-type(2) { background: #005aa6; } .new_value .nv_box .cont.divide span:nth-of-type(4) { background: #027f7b; } .new_value .nv_box .cont.color span { background: #fff !important;color:#333;vertical-align: top;padding:10px 15px;border:1px solid #dadada; } .new_value .nv_box .cont.color .inner { min-height: 150px; } .new_value .nv_box .cont.color span ul li { font-weight: 400;text-align: left; margin-top:2px; position: relative;padding-left:5px; } .new_value .nv_box .cont.color span ul li:first-of-type { margin-top:0; } .new_value .nv_box .cont.color span ul li:before { display: block; content:""; width:2px; height: 2px; position: absolute; top:50%; left:0; transform: translateY(-50%);background: #333; } .new_value .nv_box:nth-of-type(4) .cont.divide span { background: #dbe7ff !important;color:#333;font-weight: 400; } .new_value .nv_box .cont.divide .inner span em { display: block; float: left; width:65px;height: 29px;text-align: center; background: #888888; color:#fff; font-style:normal;font-size:13px; line-height: 29px;margin-left:5px;border-radius: 3px; margin-top:5px; } .new_value .nv_box .cont.divide .inner span em:nth-child(odd) { margin-left:0; } .new_value .nv_box .cont.divide .inner span em:nth-of-type(1) { margin-top:0; } .new_value .nv_box .cont.divide .inner span em:nth-of-type(2) { margin-top:0; } .new_value .nv_box:nth-of-type(6) .cont.color .inner { min-height: 80px; } .new_value .nv_box:nth-of-type(6) .cont.color span { vertical-align: middle; } .new_value .nv_box:nth-of-type(7) .cont.color .inner { min-height: 80px; } .new_value .nv_box:nth-of-type(7) .cont.color span { vertical-align: middle; } .imp_t { margin-top:10px;font-size: 12px; } @media(max-width:800px){ .management_wrap dl { display: block; } .management_wrap dl.num03 dt { min-height: 60px; } .management_wrap dl.num03 dd .in_cont .circle_box { margin: 0 auto 10px;float:none; } .management_wrap dl.num03 dd .in_cont .dot_box { float: none; margin:0 auto; width:100%; } .management_wrap dl.num03 dd .in_cont { padding:15px 10px; } .management_wrap dl.num05 dt { min-height: 60px; } .box_list>li { width:100%;margin-left: 0 !important; } .management_wrap dl.num05 dd { margin-top: 10px; } .management_wrap dl.num_06 dt { min-height: 60px; } .management_wrap dl.num_06 dd { margin-top:10px; } .management_wrap dl.num_07 dt { min-height: 60px; } .management_wrap dl.num_07 .box_list.basic li .box_cont { min-height: auto; border-top:0;} .management_wrap dl.num_08 dt { min-height:auto; } .management_wrap dl.num_08 .box_list.basic li .box_cont { min-height: auto; border-top:0;} .management_wrap .half_box { width:100%;margin-left:0 !important;margin-top:10px; } .management_wrap dl.num05 dd .box_list li .box_cont { min-height:auto; } .management_wrap dl.num05 dd .box_list li .box_cont .list-dot li { min-height: auto; } .management_wrap2 dl { display: block; } .management_wrap2 dl.num_03 dt { min-height: 60px; } .management_wrap2 dl.num_03 dd .in_cont .circle_box { margin: 0 auto 10px;float:none; } .management_wrap2 dl.num_03 dd .in_cont .dot_box { float: none; margin:0 auto; width:100%; } .management_wrap2 dl.num_03 dd .in_cont { padding:15px 10px; } .management_wrap2 dl.num_04 dt { min-height: 60px; } .management_wrap2 dl dd ul li.box_list {width:100% !important;} .management_wrap2 dl.num_04 dd { margin-top: 10px; } .management_wrap2 .half_box { width:100%;margin-left:0 !important;margin-top:10px; } .management_wrap2 .box_list >li {float: left;width: 100%;margin-left:.65%;} /*인권경영*/ .box_list.col3>li { width:100%; } .box_list.col3 li .box_cont { border-top:0; } .box_list.col3 li:first-of-type .box_cont { border-top:1px solid #273d89; } .management_wrap dl.num_09 dt { margin-bottom: 10px; } .result_list .result_tit { float: none;margin-bottom: 20px;margin-right:0;width:100%; } .result_list .result_level .box { width:100%;float: none;margin-left:0;margin-top:60px; } .result_list .result_level .box:first-of-type { margin-top:0; } .result_list .result_level .box:first-of-type:before { top:auto;transform: translateX(-50%) rotate(45deg);bottom:-24%;right:auto; left:50%; } .result_list .result_tit strong span { text-align: center; } .new_value .nv_box { display: block;border-collapse: inherit;border-spacing: 0;margin:10px 0 0 0;width:100%;min-height: auto; } .new_value .nv_box .tit { width:100%;display: block; min-height: auto; padding: 10px; } .new_value .nv_box .tit br { display: none; } .new_value .nv_box .cont { min-height: auto;width:100%;display: block;padding:10px;border:1px solid #dadada !important;} .new_value .nv_box .cont.divide { display: block;min-height: auto; } .new_value .nv_box .cont span { display: block;padding:10px;margin-top:5px;overflow: hidden; text-align: center; } .new_value .nv_box .cont span em .new_value .nv_box .cont span:first-of-type { margin-top:0; } .new_value .nv_box .cont.divide .inner span em { margin:2px 0; !important;display:inline-block;float: none;width:73px; } } @media(min-width:800px){ .management_wrap dt { width:12% !important;font-size:17px !important; } .management_wrap dd { width:86.4% !important; } } @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%;} /* 주요사업 - 인재상 - 20200605 추가 */ .recruit-slogan p.txt{width:100%;} .recruit-talent ul li .inner-box div{width:30%;} .recruit-allow::before{left:56%;width:45%;} .recruit-allow::after{right:56%;bottom:7px;width:45%;} } /* 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;} .management_wrap .management{overflow:inherit;width:100%;} .management_wrap .management ul{background:#e0e4f6; padding:14px; float:left; width:50%; text-align:left; line-height:1.4; min-height:130px; margin-top:3px;} /* 주요사업 - 인재상 - 20200605 추가 */ .recruit-slogan div.tit{background-size: contain;} .recruit-slogan p.txt{width:80%;} .recruit-talent ul li{width:100%;float:none;margin-bottom:20px;} .recruit-talent ul li .inner-box{height:100%;text-align: left;padding:15px 23px;} .recruit-talent ul li .inner-box div, p, dl{display:inline-block;} .recruit-talent ul li .inner-box div{width:20%;float:left;padding:10px 0;} .recruit-talent ul li .inner-box p{padding:0 0 2% 0;} .recruit-talent ul li .inner-box dl{display:block;padding-left:5%;} .recruit-talent ul li .inner-box span{display:inline;} } @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:18px 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_new.jpg) no-repeat 5px 26%;} .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;} /* 주요사업 - 인재상 - 20200605 추가 */ .recruit-allow::before{left:54%;width:46%;} .recruit-allow::after{right:54%;bottom:7px;width:46%;} .recruit-talent ul li .inner-box div{width:100%;} /* 주요사업 */ .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: 899px;background:url(/images/user/sub/introduce/org-bg01_1.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 .org01_01{position:absolute;top: 119px;left: 387px;width: 197px;height: 63px;line-height: 63px;font-size:16px;font-weight:bold;color:#fff;text-align:center;background: url(/images/user/sub/introduce/org-bg02-02.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: 166px;border-bottom:none;} .org-map .org04{position:absolute;top:307px;left: 332px;border-bottom:none;} .org-map .org05{position:absolute;top:307px;left: 498px;border-bottom:none;} .org-map .org06{position:absolute;top:307px;left: 664px;border-bottom:none;} .org-map .org07{position:absolute;top:307px;left: 826px;border-bottom:none;} .org-map .org08{position:absolute;top:307px;left:0px;border-bottom:none;} .org-map .org03 p, .org-map .org04 p, .org-map .org05 p, .org-map .org06 p, .org-map .org07 p, .org-map .org08 p{width: 140px;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: 140px;height:179px;margin:25px 0 0 0;padding: 23px 0 0 19px;background:#f9f9f9;border:1px solid #dbdbdb;border-bottom:3px solid #dbdbdb;} .org-map ul li ul li:nth-child(6) ul{height:351px;} .org-map ul li ul li:nth-child(6) 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(6) 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(6) ul + ul li:after{background:none;} /*.org-map ul li ul li:nth-child(6) ul + ul li:nth-child(1){left:0;top:0;}*/ .org-map ul li ul li:nth-child(6) ul + ul li:nth-child(1){left:200px;top:0;} .org-map ul li ul li:nth-child(6) ul + ul li:nth-child(2){left:400px;top:0;} .org-map ul li ul li:nth-child(6) 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 , .org-map .org08 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, .org-map .org08 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, .org-map .org07 ul li, .org-map .org08 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(6) 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 > div p.text02{font-size:15px;} .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;} /*경영목표*/ /* management */ .management_wrap{width:970px; overflow:hidden;} .management_wrap .goal_tit{text-align:center; font-size:22px; font-weight:bold; background:url(/images/user/sub/manage/goal_bg.png) center no-repeat; padding:80px 0 20px; background-size:60%;} .management_wrap dl{overflow:hidden; margin:10px 0;} .management_wrap dt{float:left; width:15%; text-align:center; margin-right:15px; background:#273d89; padding:15px; color:#fff; font-size: 18px;} .management_wrap dd{float:left; padding:15px; border:2px solid #dadada; width:83%; text-align:center; font-size:16px;} .management_wrap .value dd{border:0; padding:0;} .management_wrap .value p{float:left; width:19.5%; background:#dbe7ff; margin-right:5px; padding:15px;} .management_wrap .value p:last-child{margin-right:0;} .management_wrap .goal_02 li{float:left; width:24.5%; margin-right:5px;} .management_wrap .goal_02 li:last-child{margin-right:0;} .management_wrap .goal_02 li p{text-align:center; background:#273d89; padding:15px; color:#fff; font-size:18px; padding: 15px 22px;} .management_wrap .goal_02 li dd p{text-align:left; font-size:14px; background:#fff !important; color:#444; padding:0; word-break:keep-all;} .management_wrap .goal_02 dt{width:100%; font-size:16px; background:#677193; padding:10px;} .management_wrap .goal_02 dd{width:100%; min-height:100px; border:1px solid #677193;} } @media (max-width:420px){ /* 주요사업 - 인재상 - 20200605 추가 */ .recruit-slogan div.tit{width:auto;height:135px;background:url(/images/user/sub/news/recruit-slogan-m-bg.png) no-repeat center;margin-bottom:25px;background-size: contain;} .recruit-slogan div.tit p{line-height: 24px;padding:42px 20px;} .recruit-slogan p.txt{width:100%;} .recruit-talent ul li .inner-box div, p, dl{display:inline-block;} .recruit-talent ul li .inner-box div{float:inherit; } .recruit-talent ul li .inner-box p{display:block;} .recruit-talent ul li .inner-box dl{display:block;padding-left:0;} .recruit-allow::before{left:60%;width:40%;} .recruit-allow::after{right:60%;bottom:7px;width:40%;} } .contest-wrap > .bar-title { font-size: 20px; } .contest-wrap > p { font-size: 16px; } .contest-wrap > p > .blue { color: #0070af; } .contest-wrap > .info { background: url(/images/user/sub/news/info-bg.jpg) no-repeat center center/cover; width: 100%; height: 171px; padding: 33px 100px; } .contest-wrap > .info > span { display: inline-block; position: relative; height: 100%; font-size: 17px; } .contest-wrap > .info > span > strong { font-family: "Montserrat", sans-serif; font-size: 60px; } .contest-wrap > .info > span:first-of-type { padding-right: 50px; margin-right: 100px; } .contest-wrap > .info > span:first-of-type::after { content: ""; position: absolute; background: #b8b8b8; width: 40px; height: 1px; top: 50%; left: 100%; transform: translateY(-50%) rotate(120deg); } .contest-wrap > .info > span:first-of-type > strong { color: #e26946; } .contest-wrap > .info > span:last-of-type { padding-right: 100px; } .contest-wrap > .info > span:last-of-type::after { position: absolute; height: 100%; border-right: 1px dashed #b8b8b8; left: 100%; content: ""; } .contest-wrap > .info > span:last-of-type > strong { color: #007fdb; } .contest-wrap > .info > ul { float: right; } .contest-wrap > .info > ul::after { display: block; clear: both; content: ""; } .contest-wrap > .info > ul > li { margin-bottom: 6px; } .contest-wrap > .info > ul > li:last-child { margin-bottom: 0; } .contest-wrap > .info > ul > li > .category { display: inline-block; color: #fff; background: #303030; padding: 5px 10px; font-size: 14px; } .contest-wrap > .info > ul > li > .desc { display: inline-block; font-size: 14px; } .contest-wrap > .table { border-top: 2px solid #636d6b; } .contest-wrap > .table > ul::after { display: block; clear: both; content: ""; } .contest-wrap > .table > ul { display: table; width: 100%; height: 100%; } .contest-wrap > .table > ul > li { display: table-cell; width: 50%; height: 100%; vertical-align: middle; border-bottom: 1px solid #dddddd; } .contest-wrap > .table > ul > li > .item { display: table; width: 100%; height: 100%; } .contest-wrap > .table > ul > li > .item > span { display: table-cell; vertical-align: middle; padding: 12px 0; } .contest-wrap > .table > ul > li > .item > span.title { background: #f2f2f2; font-size: 15px; font-weight: 700; z-index: -1; width: 99px; text-align: center; padding: 24px 0; } .contest-wrap > .table > ul > li > .item > span.desc { padding-left: 20px; padding-right: 52px; } .contest-wrap > .group > ul { margin: 0 -16px; } .contest-wrap > .group > ul::after { display: block; clear: both; content: ""; } .contest-wrap > .group > ul > li { float: left; width: 50%; padding: 0 16px; } .contest-wrap > .group > ul > li > .item { text-align: center; } .contest-wrap > .group > ul > li > .item > .img { position: relative; height: 132px; border: 1px solid #e1e1e1; } .contest-wrap > .group > ul > li > .item > .img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .contest-wrap > .group > ul > li > .item > .desc { color: #fff; background: #2e333d; font-size: 16px; padding: 16px 20px; } @media (max-width: 800px) { .contest-wrap > .info { height: auto; text-align: center; padding: 20px; } .contest-wrap > .info > span:last-of-type::after { content: none; } .contest-wrap > .info > ul { float: none; max-width: 500px; margin: 20px auto 0; padding-top: 20px; border-top: 1px dashed #b8b8b8; } .contest-wrap > .info > ul::after { display: block; clear: both; content: ""; } .contest-wrap > .info > ul > li { float: left; width: 33.333%; } .contest-wrap > .info > span:last-of-type { line-height: 1; padding-right: 0; } } @media (max-width: 770px) { .contest-wrap > .table > ul > li > .item > span.desc { padding-right: 10px; } .contest-wrap > .group > ul > li > .item > .img > img { max-width: 150px; } } @media (max-width: 572px) { .contest-wrap > .info > ul > li { float: none; width: 200px; text-align: left; margin: 0 auto 6px; } .contest-wrap > .info > span:first-of-type { padding-right: 10px; margin-right: 50px; } .contest-wrap > .info > span > strong { font-size: 50px; } /* .contest-wrap > .info > span:first-of-type { display: block; padding-right: 0; margin-right: 0; } .contest-wrap > .info > span:first-of-type::after { content: none; } .contest-wrap > .info > span:last-of-type { display: block; line-height: 0.8; } */ } @media (max-width: 530px) { .contest-wrap > .table > ul > li { display: block; width: 100%; } .contest-wrap > .table > ul > li > .item, .contest-wrap > .table > ul > li > .item > span { display: block; } .contest-wrap > .table > ul > li > .item > span.title { width: 100%; padding: 5px 5px; z-index: 1; } .contest-wrap > .table > ul > li > .item > span.desc { padding: 10px; text-align: center; } } @media (max-width: 470px) { .contest-wrap > .group > ul { margin: 0; } .contest-wrap > .group > ul > li { float: none; width: 100%; padding: 0; margin-bottom: 20px; } .contest-wrap > .group > ul > li:last-child { margin-bottom: 0; } .contest-wrap > .group > ul > li > .item > .desc{ padding: 10px 15px; } } /*2021.05.14*/ .tab_box { overflow:hidden; margin-bottom:35px; } .tab_box a { display: block; float: left; width:24.25%; padding:15px 10px;background: #e5e5e5;text-align: center;margin-left:1%;font-size:18px; } .tab_box a:first-of-type { margin-left:0; } .tab_box a.on { background: #273d89; color:#fff; } .tab_box a:after { display: none; content:"";width:11px;height: 7px; vertical-align: middle;background: url(../common/tab_on_before.png) no-repeat center center/cover; } .tab_box a.on:after { display: inline-block;margin-left:10px; } .tab_box a.on span { vertical-align: middle; } .tab_wrap { overflow: hidden; } .tab_cont:first-of-type { display: block; } .tab_cont { display: none;text-align: center; } .tab_cont img{ max-width:none; } .tab_cont img.mo { display: none; } @media (max-width:800px){ .tab_cont img.pc { display: none; } .tab_cont img.mo { display: inline-block;max-width: 100%; } .tab_box a { font-size:14px;padding:12px 10px; } .tab_box a.on:after { margin-left:5px; } } /* 2105020 new */ /* 상단 이미지 */ .top_img { text-align: center; margin-bottom: 30px; } /* //상단 이미지 */ /* 링크 */ .link_group { display: table; width: calc(100% + 64px); height: 100%; table-layout: fixed; letter-spacing: -0.8px; margin: 0 -32px; } .link_group .group { display: table-cell; width: 100%; height: 100%; vertical-align: top; padding: 0 32px; } .link_group .group:first-child { margin-bottom: 66px; } .link_group .item { border: 1px solid #4f70b7; border-bottom: 0; border-radius: 30px; padding-bottom: 70px; } .link_group.green .item { border: 1px solid #89b852; } .link_group .item strong { display: block; position: relative; font-size: 20px; font-weight: 700; color: #4f70b7; text-align: center; top: -14px; } .link_group.green .item strong { color: #87b74f; } .link_group .item strong span { padding: 0 12px; background: #fff; } .link_group .item a { display: block; line-height: 1.2; } .link_group .item a:focus, .link_group .item a:hover { text-decoration: underline; text-underline-position: under; } .link_group .item a .title { display: block; position: relative; font-size: 16px; font-weight: 700; color: #454545; } .link_group .item a .title br { display: none; } .link_group .item a .title::after { display: inline-block; width: 12px; height: 12px; background: url("/images/user/sub/introduce/external_link_icon.svg") no-repeat center center/100%; margin-left: 5px; content: ""; } .link_group .item a .desc { display: block; font-size: 14px; font-weight: 500; color: #909090; } /* //링크 */ /* 리스트 */ .step_group { background: #fff; margin-top: -30px; padding: 10px 0 50px; letter-spacing: -0.8px; } .step_group ul { display: table; position: relative; width: calc(100% + 60px); height: 100%; table-layout: fixed; margin: 0 -30px; } .step_group ul::before { position: absolute; width: 100%; height: 202px; top: 50%; transform: translateY(-50%); background: url("/images/user/sub/introduce/blue_arrow.png") no-repeat center center; content: ''; } .step_group.green ul::before { position: absolute; width: 100%; height: 202px; top: 50%; transform: translateY(-50%); background: url("/images/user/sub/introduce/green_arrow.png") no-repeat center center; content: ''; } .step_group.green ul::after { position: absolute; width: 100%; height: 1px; left: 2px; top: 50%; transform: translateY(-50%); background: #dcdcdc; content: ''; } .step_group ul li { display: table-cell; position: relative; width: 100%; height: 100%; vertical-align: top; padding: 0 30px; } .step_group ul li::before { position: absolute; width: 100%; height: 1px; top: 50%; transform: translateY(-50%); background: #dcdcdc; content: ""; } .step_group.green.line6 ul li::before { content: none; } .step_group ul li::after { position: absolute; width: 100%; height: 1px; left: 2px; bottom: -10px; background: #dcdcdc; content: ''; content: none; } .step_group.green ul li::after { content: none; } .step_group ul li:first-child:after, .step_group ul li:last-child:after { content: none; } .step_group ul li a { display: block; position: relative; width: 111px; height: 111px; border-radius: 50%; background: #fff; border: 7px solid #4f70b7; text-align: center; z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } .step_group.green.line6 ul li:first-child { padding-left: 130px; } .step_group.green.line6 ul li:nth-child(2) { padding-left: 50px; } .step_group.green.line6 ul li:nth-child(2) a::after { right: -70%; } .step_group.green.line6 ul li:nth-child(3) { padding-left: 75px; } .step_group.green ul li a { border: 7px solid #87b74f; } .step_group ul li a:focus, .step_group ul li a:hover { background: #4f70b7; } .step_group.green ul li a:focus, .step_group.green ul li a:hover { background: #87b74f; } .step_group ul li a:focus strong, .step_group ul li a:hover strong { color: #fff; } .step_group.green ul li a:focus strong, .step_group.green ul li a:hover strong { color: #fff; } .step_group ul li a::after { position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 4px solid #fff; background: #4f70b7; top: 50%; right: -50%; transform: translateY(-50%); content: ""; z-index: 1; } .step_group.green.line6 ul li:first-child a::before { position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 4px solid #fff; background: #87b74f; top: 50%; left: -64%; transform: translateY(-50%); content: ""; } .step_group.green ul li a::after { background: #87b74f; } .step_group ul li a::before { position: absolute; width: 1px; height: 64px; background: #dcdcdc; top: 50%; right: -41%; content: ""; z-index: 1; } .step_group.green.line6 ul li a::before { content: none; } .step_group ul li a strong { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: #4f70b7; line-height: 1.2; } .step_group.green ul li a strong { color: #79b039; } .step_group.green.line6 ul li:nth-child(3) a::before { position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 4px solid #fff; background: #87b74f; top: 50%; left: -65%; transform: translateY(-50%); content: ""; z-index: 1; } .step_group.green.line6 ul li:nth-child(3) a::after { right: -68%; } /* //리스트 */ /* 센터 아이템 */ .center_group { text-align: center; letter-spacing: -0.8px; margin-bottom: 74px; clear: both; margin: 0 0 74px; } .center_group .btn { display: inline-block; position: relative; width: 120px; height: 36px; line-height: 36px; margin: 0 auto; background: #4f70b7; border: 1px solid #4f70b7; text-align: center; color: #fff; font-size: 14px; padding: 0 10px; } .center_group.green.list6 .btn { width: 120px; } .center_group.green .btn { background: #87b74f; border: 1px solid #87b74f; -webkit-transition: all 0.3s; transition: all 0.3s; } .center_group .btn::before { position: absolute; width: 1px; height: 130%; background: #dcdcdc; left: 53%; bottom: 102%; content: ""; } .center_group.green .btn::before { height: 300%; } .center_group .btn:focus, .center_group .btn:hover { background: #fff; border: 1px solid #4f70b7; color: #333; font-weight: 700; } .center_group.green .btn:focus, .center_group.green .btn:hover { background: #fff; border: 1px solid #87b74f; color: #333; font-weight: 700; } .center_group p { font-size: 13px; line-height: 18px; margin: 8px auto; } .center_group p strong { display: block; font-size: 16px; color: #4f70b7; } .center_group.green.list6 ul::after { display: block; clear: both; content: ""; } .center_group.green.list6 ul li { float: left; margin-right: 16px; } .center_group.green.list6 ul li:last-child { margin-right: 0; } .center_group.green.list6 ul li:nth-child(1) { margin-right: 61px; } .center_group.green.list6 ul li:nth-child(2) { margin-right: 55px; } .center_group.green.list6 ul li:nth-child(4) { margin-right: 40px; } .center_group.green.list6 ul li:nth-child(5) { margin-right: 78px; } .center_group.green.list6 ul li:nth-child(1) .btn::before { left: 45%; } .center_group.green.list6 ul li:nth-child(3) .btn::before { left: 70%; } .center_group.green.list6 ul li:nth-child(4) .btn::before { left: 18%; } .center_group.green.list6 ul li:nth-child(5) .btn::before { left: 57%; } .center_group.green.list6 ul li:last-child .btn::before { left: 55%; } .center_group.green.list6 ul li p { font-size: 13px; line-height: 18px; color: #454545; } .center_group.listtype ul::after { display: block; clear: both; content: ""; } .center_group.listtype ul li { float: left; margin-left: 52px; } .center_group.listtype ul li:last-child { margin-left: 51px; } .center_group.listtype ul li:nth-child(1) { margin-left: 80px; } /* //센터 아이템 */ .blue, .green { position: relative; clear: both; } .blue::after, .green::after { display: block; clear: both; content: ""; } .mCont > div { display: none; } /* blue center group list3 */ .center_group.list3 ul::after { display: block; clear: both; content: ""; } .center_group.list3 ul li { float: left; margin-right: 0; } .center_group.list3 ul li:nth-child(1) { margin-left: 72px; margin-right: 40px; } .center_group.list3 ul li:nth-child(2) { margin-right: 40px; } .center_group.list3 ul li:nth-child(3) { margin-right: 40px; } .center_group.list3 ul li:nth-child(4) { margin-right: 40px; } .step_group.blue.type1 ul { max-width: 800px; } .step_group.blue.type1 ul::before { width: 134%; } .step_group.blue.type1 ul li:nth-child(2)::after { content: none; } .step_group.blue.type1 ul li:nth-child(3)::after { left: 5px; } .step_group.blue.type1 ul li:nth-child(4)::after { left: 5px; } .step_group.blue.type1 ul li a::after { right: -42%; } .step_group.blue.type1 ul li a::before { right: -34%; } .step_group.green.type1 ul li:last-child a::after { content: none; } /* //blue center group list3 */ /* blue step group list5 */ .step_group.list5 ul li::after { left: -15%; } .step_group.last ul li::after { position: absolute; width: 100%; height: 1px; left: 2px; bottom: -10px; background: #dcdcdc; content: ''; content: none; } .step_group.last ul li:nth-child(1)::after { left: 104%; } .step_group.last ul li:nth-child(5)::after { width: 101%; left: 4%; } .center_group.last { margin-right: 66px; } .center_group.list3.last ul li:nth-child(1) { margin-left: 59px; } .center_group.list3.last ul li { margin-right: 13.5px; } /* //blue step group list5 */ /* respond */ @media (max-width: 800px) { .blue { margin-bottom: 50px; } .link_group { display: block; position: absolute; width: 40%; height: auto; margin: 0; z-index: 1; } .link_group::before { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; background: #fff; content: ""; z-index: 1; } .link_group .group { display: block; height: 620px; padding: 0; padding-left: 20%; margin: 16px 0; } .link_group .group:first-child { margin-bottom: 124px; } .link_group.green .group { height: 100vh; } .link_group .item { position: relative; height: 100%; border-right: 0; border-bottom: 1px solid #4f70b7; padding-bottom: 0; } .link_group.green .item { height: 1230px; } .link_group.green::before { height: 1400px; } .link_group .item > .title { position: absolute; width: 156px; top: 50%; right: calc(100% - 78px); transform: translateY(-50%); background: #fff; padding: 20px; z-index: 2; } .link_group .item strong { top: inherit; } .link_group .item a .title br { display: block; } .link_group .item a .desc { display: none; } .step_group { float: left; margin-top: 0; padding: 0 0 0 22%; background: #fff; } .step_group::after { display: block; clear: both; content: ""; } .step_group ul { display: block; position: relative; width: 100%; margin: 0; padding: 0 54px; } .step_group ul::before { height: 100%; left: 0; background: url("/images/user/sub/introduce/m_blue_arrow.png") no-repeat center center; z-index: 1; } .step_group ul li { display: block; padding: 32px 0; } .step_group ul li:first-child { padding-top: 0; } .step_group ul li:last-child { padding-bottom: 0; } .step_group ul li a { width: 180px; height: 180px; margin: 0 auto; } .link_group .item strong span { padding: 0; word-break: keep-all; } .step_group ul li::before { width: 1px; height: 100%; left: 50%; transform: none; z-index: 1; content: none; } .step_group ul li::after { position: absolute; width: 1px; height: 100%; background: #dcdcdc; top: 1%; right: -24%; content: ""; z-index: 1; left: inherit; content: none; } .step_group ul li a::before { width: 100vw; height: 1px; top: inherit; bottom: -25%; right: inherit; } .step_group ul li a::after { top: inherit; bottom: -30%; left: 50%; right: inherit; transform: translateX(-50%); } .step_group.blue ul li:last-child a::before, .step_group.blue ul li:last-child a::after, .step_group ul li:last-child:before { content: none; } .blue .center_group { position: absolute; top: 50.2%; right: 0; transform: translateY(-50%); margin-bottom: 0; z-index: 1; } .center_group .btn::before { content: none; } .step_group.green.line6 ul li { padding-left: 0 !important; } .step_group.green ul::before { height: 1400px; top: 50%; left: 0; background: url("/images/user/sub/introduce/m_green_arrow.png") no-repeat center center; z-index: 1; } .link_group .item a .title::after { display: block; margin: 5px auto 0; } .step_group.green.line6 ul li:first-child a::before, .step_group.green.line6 ul li:nth-child(3) a::before { top: -45%; left: 50%; right: inherit; transform: translateX(-50%); } .green .center_group { position: absolute; top: 0; right: 0; margin-bottom: 0; z-index: 1; text-align: left; } .center_group.green.list6 ul li { float: none; margin-right: 0 !important; } .center_group.green.list6 ul li p { display: block; text-align: center; margin: 8px auto; } .center_group.green .btn::before { content: none; } .step_group.green { padding: 150px 0 200px 22%; } .step_group.green ul li::after { content: none; } .step_group.green ul::after { content: none; } .step_group.green.line6 ul li:nth-child(3) a::before { top: -28%; } .center_group.green.list6 ul li:nth-child(1) { margin: 74px 0 192px; } .center_group.green.list6 ul li:nth-child(2) { margin: 150px 0 164px; } .center_group.green.list6 ul li:nth-child(4) { margin: 0 0 162px; } .center_group.green.list6 ul li:nth-child(5) { margin-bottom: 170px; } .step_group.green.line6 ul li:nth-child(2) { padding-bottom: 120px; } .step_group.green.line6 ul li::before { position: absolute; width: 100vw; height: 1px; background: #dcdcdc; top: -28%; left: 55%; content: ""; } .step_group.green.line6 ul li::after { position: absolute; width: 100vw; height: 1px; background: #dcdcdc; top: 101%; left: 55%; content: ""; } .step_group.green.line6 ul li:nth-child(2):before { top: 74%; } .step_group.green.line6 ul li:nth-child(3):before { content: none; } .step_group.green.line6 ul li:nth-child(4):before { content: none; } .step_group.green.line6 ul li:nth-child(4):after { top: 116%; } .center_group .btn { display: block; width: 120px; } /* blue center group list3 */ .center_group.type1 { width: 120px; top: inherit; transform: inherit; } .center_group.type1 ul li { display: block; width: 100%; margin: 0 !important; } .link_group.type1 .group { height: 480px; } .step_group.blue.type1 ul li:nth-child(3)::after, .step_group.blue.type1 ul li:nth-child(4)::after { content: none; } .step_group.blue.type1 ul { max-width: 100%; padding-bottom: 160px; } .step_group.blue.type1 ul::before { width: 100%; } .center_group.type1 ul li:nth-child(1) { margin: 196px auto 0 !important; } .center_group.type1 ul li { margin: 175px auto 0 !important; } .center_group.list3.type1 ul li:first-child { margin: 196px auto 0 !important; } .center_group.list3.type1 ul li:last-child { margin: 170px auto 0 !important; } .step_group.blue.type1 ul li:nth-child(3)::after, .step_group.blue.type1 ul li:nth-child(4)::after { position: absolute; width: 1px; height: 100%; background: #dcdcdc; top: 1%; right: -23%; left: inherit; z-index: 1; content: ""; content: none; } .step_group.blue.type1 ul li a::before { width: 100vw; right: inherit; left: 50%; } /* .step_group.blue.type1 ul li:nth-child(2) a::before, .step_group.blue.type1 ul li:nth-child(4) a::before { width: 131px; } */ .step_group.blue.type1 ul li:last-child a::after { top: inherit; bottom: -30%; left: 50%; right: inherit; transform: translateX(-50%); content: ""; } .step_group.blue.type1 ul li:last-child a::before { position: absolute; width: 100vw; height: 1px; background: #dcdcdc; bottom: -25%; right: -42%; content: ""; z-index: 1; } .step_group.green.line6.type1 ul li:nth-child(4):after { content: none; } /* //blue center group list3 */ /* blue step group list5 */ .step_group.last ul li:nth-child(1)::after { content: none } .step_group.last ul li:nth-child(1) a::before, .step_group.last ul li:last-child a::before { width: 100vw !important; } .blue .center_group.last { width: 120px; top: 0; margin-right: 0; transform: none; } .blue .center_group.listtype { top: 0; transform: none; } .step_group.blue.last ul li:nth-child(2)::after, .step_group.blue.last ul li:nth-child(5)::after { position: absolute; width: 1px; height: 100%; background: #dcdcdc; top: 1%; right: -23%; left: inherit; z-index: 1; content: ""; content: none; } .step_group.blue.last ul li:nth-child(5)::after { height: 115%; } /* //blue step group list5 */ .center_group.listtype ul li { float: none; } .center_group.listtype ul li { margin-top: 156px; margin-left: 0 !important; } .center_group.listtype ul li:nth-child(1) { margin-top: 195px; } .center_group.list3.last ul li { float: none; margin: 0 !important; } .center_group.list3.last ul li:first-child { margin-top: 196px !important; } .center_group.list3.last ul li { margin-top: 138px !important; } } @media (max-width: 700px) { .link_group .item > .title { width: 100%; right: inherit; left: -25px; background: transparent; padding-right: 50px; } } /* 640px 에서 가로 스크롤 주는 방안 @media (max-width: 640px) { .tab_cont { overflow-x: auto; } .tab_cont > .blue, .tab_cont > .green { overflow: hidden; min-width: 640px; } .link_group .group { padding-left: 10%; } .link_group .item > .title { right: inherit; } .mCont { margin: 20px auto; } .mCont > div { display: inline-block; vertical-align: middle; } .mCont_wrap { display: block; position: relative; width: 68px; margin-right: 20px; padding-top: 2.5rem; background:url("/images/user/sub/introduce/mCont_scroll_ico_arr.png") no-repeat left 0; background-size:68px 40px; } .mCont_wrap:before { display:block; content:""; width:20px; height:37px; position:absolute; top:0; left:23px; animation:side 0.7s linear 1s infinite alternate; background:url("/images/user/sub/introduce/mCont_scroll_ico.png") no-repeat center center; background-size:20px; } @keyframes side { 0% { transform:translateX(-3px); } 100% { transform:translateX(3px); } } .mCont_txt { font-size: 14px; font-weight: 700; letter-spacing: -1px; } } */ @media (max-width: 600px) { .link_group .item > .title { padding-right: 0; } .center_group.list3.type1 ul li:first-child, .center_group.list3.type1 ul li:last-child { margin: 0 0 10px !important; } .blue .center_group.last { width: 100%; } .center_group.list3.last ul li:first-child, .center_group.list3.last ul li { float: left; width: 50%; margin-top: 0 !important; margin-bottom: 10px !important; } .tab_cont .center_group, .step_group ul li a::before, .step_group ul li::after { position: relative; width: auto; top: inherit; right: inherit; transform: none; } .step_group ul li:nth-child(3) a::before { content: none; } .tab_cont > .blue { margin-bottom: 70px; } .step_group.blue { padding-left: 25%; margin-bottom: 20px; } .center_group .btn, .center_group.green.list6 .btn { display: block; width: 100%; max-width: 120px; } .center_group.type1 ul li, .center_group.green.list6 ul li, .center_group.listtype ul li { float: left; width: 50%; margin-top: 0 !important; margin-bottom: 10px !important; text-align: center; } .step_group.green { margin-bottom: 20px; } .step_group.green.line6 ul li::before, .step_group.green.line6 ul li::after { content: none; } .step_group.green.line6 ul li::before { position: absolute; width: 1px; height: 100vh; top: 0; left: 50%; transform: translateX(-50%); background: #dcdcdc; content: ""; } .step_group.green.line6 ul li:first-child:before { top: -25%; } .step_group.green.line6 ul li:nth-child(2):before { top: 3%; height: 100vh; } /* blue center group list3 */ .step_group.blue.type1 ul li:nth-child(3)::after, .step_group.blue.type1 ul li:nth-child(4)::after, .step_group.blue.type1 ul li:last-child a::before { content: none; } .center_group.type1 ul li:nth-child(1), .center_group.type1 ul li:nth-child(2) { margin: 0 0 10px !important; } .step_group.green.line6.type1 ul li:nth-child(4):before { top: -10%; } .step_group.blue.type1 ul li:last-child::before { position: absolute; width: 1px; height: 65%; top: 50%; left: 50%; transform: none; background: #dcdcdc; z-index: 1; content: ""; } .link_group .group { padding-left: 10%; } .step_group.green.line6.type1 ul li:nth-child(2):before { top: 3%; height: 95vh; } /* //blue center group list3 */ /* blue step group last */ .step_group.blue.last ul li:nth-child(2)::after, .step_group.blue.last ul li:nth-child(5)::after { content: none; } /* //blue step group last */ .center_group.listtype ul li { float: left; width: 50%; margin-top: 0; } .center_group.listtype ul li:nth-child(1) { margin-top: 0; } .step_group ul li::before { position: absolute; width: 1px; height: 100%; top: 5%; left: 50%; transform: translateX(-50%); background: #dcdcdc; content: ""; } .step_group ul li:last-child:before { height: 50%; content: ""; } } @media (max-width: 500px) { .link_group .item > .title { left: -10px; } } /* //respond */ /* //2105020 new */ /* ie */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .center_group.listtype ul li:nth-child(1) { float: left; margin-left: 79px; } .center_group.list3.last ul li:nth-child(1) { margin-left: 63px; } .center_group.list3.last ul li { margin-right: 21.5px; } .center_group.listtype ul li { margin-left: 51.8px; } .center_group.listtype ul li:last-child { margin-left: 52px; } } /* //ie */