/* 공통 */ .maTop12 {margin-top:12px !important;} .maTop14 {margin-top:14px !important;} .maTop30 {margin-top:30px !important;} .maTop50 {margin-top:64px !important;} .maTop60 {margin-top:60px !important;} .maTop20 {margin-top:20px !important;} .maBottom5 {margin-bottom:5px !important;} .maBottom10 {margin-bottom:10px !important;} .maBottom20 {margin-bottom:20px !important;} .maBottom30 {margin-bottom:30px !important;} .maBottom40 {margin-bottom:40px !important;} .maBottom50 {margin-bottom:50px !important;} .maBottom60 {margin-bottom:60px !important;} .maBottom80 {margin-bottom:80px !important;} .maRight6 {margin-right:6px !important;} .maRight1per {margin-right:1% !important;} .paTopBottm50 {padding-top:50px !important;padding-bottom:50px !important;} .paLeft16 {padding-left:16px !important;} .paLeft29 {padding-left:29px !important;} .paLeft52 {padding-left:52px !important;} .paTop10 {padding-top:10px !important;} .paBottom40 {padding-bottom:40px !important;} .fSize13 {font-size:15px !important;} .fSize14 {font-size:15px !important;} .fSize15 {font-size:16px !important;} .fSize16 {font-size:16px !important;} .fSize18 {font-size:18px !important;} .fSize28 {font-size:28px !important;} .C2858ad {color:#2858ad !important;} .Cff3f3f {color:#c60000 !important;} .fLeft {float:left !important;} .fRight {float:right !important;} .vAlignM {vertical-align:middle !important;} .text_left {text-align:left !important} .text_right {text-align:right !important} .text_center {text-align:center !important} .bold {font-weight:bold} .fcor12 {color:#d9111b !important} .con_box {position:relative; width:100%; margin-bottom:40px; border:0px solid red} .clear_wrap {width:100%; overflow:hidden;} .con_list01 {color:#1b1b1b; font-size:22px; font-weight:600; margin-bottom:15px; background:url('/img/sub/con_list01.png') no-repeat 0 9px; padding-left:28px; } .con_list02 {color:#055eae; font-size:18px; font-weight:500; margin-bottom:8px; background:url('/img/sub/con_list02.png') no-repeat 0 6px; padding-left:20px; margin-left:10px } .con_list03 ul {color:#666; font-size:17px; margin:3px 0 20px 30px } .con_list03 ul li {background:url('/img/sub/con_list03.png') no-repeat 0 8px; padding:0 0 5px 10px; line-height:150%;font-size:15px} .con_list03 ul li ul {margin:3px 0 0 0 } .con_list03 ul li ul li {background:none; padding:0 0 5px 0px; line-height:18px; font-size:15px} .con_text {color:#666; font-size:15px; line-height:150%;} .con_text2 {color:#666; font-size:15px; line-height:22px; margin:0 0 15px 20px} .con_list04 {color:#1b1b1b; font-size:16px; margin-bottom:8px; background:url('/img/sub/con_list02.png') no-repeat 0 3px; padding-left:20px; margin-left:10px } /* 이미지 */ .content_img, .content_img2 {width:100%; text-align:center;} .content_img_1920, .content_img_1920_2 {width:100%; text-align:center;} .content_img_480 {display:none;} .content_img_800 {display:none;} /* 조직도 */ .c_2c6aa3{color: #2c6aa3;font-weight: bolder;font-size: 18px;} .orgWrap{width: 100%;position: relative;margin:0 auto;text-align:center;} .orgWrap *{margin:0 auto;text-align:center;} .orgWrap::before{position: absolute;content: " ";left: 50%;width: 1px;height: 70%;background-color: #d5d5d5;z-index: -1;} .orgWrap .title{background-image: url(/images/main/orgImg1.png);background-repeat: no-repeat;font-size: 24px;width: 159px;height: 159px;display: inline-block;padding-top: 70px;box-sizing: border-box;position: relative;font-weight:600} .orgWrap .title::before{width: 15px;height: 3px;background-color: #169196;position: absolute;content: " ";top: 40%;left: 50%;transform: translate(-50%,-50%);z-index: 0;} .topOrg{width: 80%;height: 100%;display: flex;position: relative;} .topOrg::before{position: absolute;content: " ";top: 30%;left: 25%;width: 50%;height: 1px;background-color: #d5d5d5;} .topOrg::after{position: absolute;content: " ";width: 12px;height: 12px;background-image: url(/images/main/orgImg2.png);background-repeat: no-repeat;top: 26%;left: 50%;transform:translateX(-50%);} .topOrg .boxL,.topOrg .boxR{flex-basis: 50%;} .topOrg a span.dbg{display:inline-block;font-size: 23px;background-image: url(/images/main/orgImgPt.png); background-color: #145998;padding: 13px 0;width: 180px;color: #fff;font-weight: 500;border-radius: 30px;position: relative;} .topOrg ul{margin-top: 10px;position: relative;} .topOrg ul::before{position: absolute;content: " ";width: 1px;height: 100%;background-color: #d5d5d5;top: -10px;z-index: -1;} .topOrg ul li{width: 180px;padding: 10px 0;background-color: #efefef;font-size: 18px;display: block;border-radius: 30px;} .btmOrg{display: flex;width: 80%;margin-top: 30px;padding-top: 50px;position: relative;} .btmOrg::before{position: absolute;content: " ";width: 66.6%;height: 1px;top: 0;left: 50%;transform: translateX(-50%);background-color: #d5d5d5;} .btmOrg .box{display: block;background-color: #fff; width: 169px;height: 169px;border: 1px solid #e5e5e5;border-radius: 20px;} .btmOrg .btmBox{position: relative;} .btmOrg .btmBox::before{position: absolute;content: " ";width: 1px;height: 50%;background-color: #d5d5d5;top: -50px;left: 50%;z-index: -1;} .btmOrg .btmBox.boxM::before{display:none;} .btmOrg .btmBox::after{position: absolute;content: " ";background-image: url(/images/main/orgImg2.png);background-repeat: no-repeat;width: 12px;height: 12px;top: -55px;left: 51%;transform:translateX(-50%);} .btmOrg .box img{margin-top: 28px;} /* 600이하에서 width 36% */ .btmOrg .box p{font-size: 18px;margin-top: 8px;font-weight:500} .btmBox ul{margin-top: 10px;} .btmBox ul li{width: 169px;padding: 8px 0;background-color: #efefef;margin-bottom: 10px;font-size: 17px;font-weight: 500;border-radius: 18px;} .btmBox .orgDeth2{margin-top: 0;margin-left: 40px;} .btmBox .orgDeth2 li{padding: 0;margin-bottom: 0;background-color: transparent;text-align: left;} .btmBox .orgDeth2 li a{font-size: 16px;padding: 0;color: #666;font-weight: 400;letter-spacing: -1px;} .orgWrap.type2{margin-top: 70px;margin-bottom:120px;} .orgWrap.type2::before{height: 66.5%} .orgWrap.type2::after{position: absolute;content: " ";width: 100%;height: 85%;background-color: #f6f8fb;border-radius: 20px;left: 0;top: 95px;z-index: -2;} .orgWrap.type2 .title{background-image: url(/images/main/orgImg6.png);color: #203e70;width: 172px;height: 172px;} .orgWrap.type2 .title::before{background-color: #203e70;} .orgWrap.type2 .topOrg{margin-top: 20px;padding-top: 40px;} .orgWrap.type2 .topOrg::before{top: 0;width: 83.5%;left: 50%;transform: translateX(-50%)} .orgWrap.type2 .topOrg::after{background-image: none;} .orgWrap.type2 .topOrg .box{width: 146px;background-color: #fff;padding: 10px 0 15px 0;;border: 1px solid #d5d5d5;border-radius: 0 0 13px 13px;border-top: 3px solid #88cb8d;position: relative;} .orgWrap.type2 .topOrg .box::before{position: absolute;content: " ";width: 1px;height: 80%;top: -43px;left: 50%;background-color: #d5d5d5;z-index: -1;} .orgWrap.type2 .topOrg .box:nth-child(2n){border-top: 3px solid #5fbcc2;} .orgWrap.type2 .topOrg .box:nth-child(3n){border-top: 3px solid #5480c9;} .orgWrap.type2 .topOrg .box a{font-size: 20px;} /* //조직도 */ /* 20201021-정수빈 */ .iconBox{width:14px;height:14px;display:inline-block;vertical-align:middle;margin-right: 10px;margin-left: 30px;} .iconBox:first-child{margin-left: 20px;} .webzine_right .text_line p.name,.webzine_right .text_line p.date,.webzine_right .text_line p.eye{display:inline-block;vertical-align:middle;padding-left:0;} .meta .iconBox{margin-right: 5px;} .meta .iconBox:first-child,.bo_w_download .iconBox:first-child{margin-left:0;} .iconBox+span,.iconBox+strong{display:inline-block;vertical-align:middle;padding-left:0;} /* //20201021-정수빈 */ /* 210415 - 수정 */ .btmOrg .boxL{margin-left: -20px;} .btmOrg .boxM{margin-left: -1.1%;} .area_box{display: flex; position: relative; width: 110%; justify-content: space-between; margin-left: -5%;} .area_box::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5;top: 0; left: 50%; transform: translateX(-50%); z-index: -1;} .area_box::after{position: absolute; content: " "; width: 50%; height: 1px; background-color: #d5d5d5;top: 15px; left: 50%; transform: translateX(-50%); z-index: -1;} .area_box .area_left,.area_box .area_right{position: relative;} .area_box .area_left{padding-top: 82px;} .area_box .area_left::after,.area_box .area_right::after{position: absolute; content: " "; width: 1px; height: 50px; left: 50%; transform: translateX(-50%); background-color: #d5d5d5;top: 15px; z-index: -1;} .area_box .area_left::after{height: 90px;} .area_box .area_right p{margin-bottom: 10px; margin-top: 40px; background-color: #6b91b3; border: 1px solid #4d79a0; color: #fff; font-weight: 500; font-size: 18px; letter-spacing: -0.5px; padding: 7px 0; border-radius: 30px;} .mBox{display:none} /* //210415 - 수정 */ /* 직급직무소개 */ .con_list01 h3 span{font-size: 16px; font-weight: 300;} .cont_corp .box_wrap,.cont_corp .box{display: flex;} .cont_corp .box_wrap{flex-wrap: wrap; padding-top: 15px; margin-bottom: 40px;} .cont_corp .box{width: calc((100% - 60px)/4); border: 1px solid #d9d9d9; background-color: #f5f5f5; border-radius: 10px; padding: 22px 10px 22px 25px; box-sizing: border-box; align-items: center; margin-right: 20px; margin-bottom: 20px;} .cont_corp .box:nth-child(4n){margin-right: 0;} .cont_corp .img_box{width: 60px; height: 60px; background-color: #fff; border-radius: 100%; margin-right: 15px;} .cont_corp .text_area{width: calc(100% - 75px);} .cont_corp .text_area p{font-size: 18px; font-weight: 600; color: #004ca1; margin-bottom: 5px; line-height: 1;} .cont_corp .text_area span{font-size: 17px; font-weight: 300; color: #555; line-height: 1.3; letter-spacing: -0.5px;} .cont_corp .box_wrap .img_box{background-position: center; background-repeat: no-repeat;} .cont_corp .box_wrap01 .box1{background-image: url(/direct/img/sub/icon_corp01.png); background-position-x: 62%;} .cont_corp .box_wrap01 .box2{background-image: url(/direct/img/sub/icon_corp02.png);} .cont_corp .box_wrap01 .box3{background-image: url(/direct/img/sub/icon_corp03.png);} .cont_corp .box_wrap01 .box4{background-image: url(/direct/img/sub/icon_corp04.png);} .cont_corp .box_wrap02 .box{min-height: 135px;} .cont_corp .box_wrap02 .box1{background-image: url(/direct/img/sub/icon_corp01.png); background-position-x: 62%;} .cont_corp .box_wrap02 .box2{background-image: url(/direct/img/sub/icon_corp02.png);} .cont_corp .box_wrap02 .box3{background-image: url(/direct/img/sub/icon_corp05.png); background-position-y: 58%;} .cont_corp .box_wrap02 .box4{background-image: url(/direct/img/sub/icon_corp06.png);} .cont_corp .box_wrap02 .box5{background-image: url(/direct/img/sub/icon_corp07.png);} .cont_corp .box_wrap02 .box6{background-image: url(/direct/img/sub/icon_corp08.png);} .cont_corp .box_wrap02 .box7{background-image: url(/direct/img/sub/icon_corp09.png);} /* //직급직무소개 */ /* 채용절차 */ .cont_recruit .step_wrap,.cont_recruit .step{display: flex; align-items: center;} .cont_recruit .step_wrap{justify-content: center; background-color: #f5f6f7; padding: 40px 30px;border-radius: 120px; z-index: -1; text-align: center; margin-bottom: 50px;} .cont_recruit .img_box{width: 96px; height: 96px; background-color: #fff; border-radius: 100%; margin-right: 18px; background-repeat: no-repeat; background-position: center;} .cont_recruit .text_area{width: calc(100% - 120px); text-align: left;} .cont_recruit .text_area p{font-size: 18px; font-weight: 600; letter-spacing: -0.5px; padding-bottom: 18px; margin-bottom: 18px; position: relative;} .cont_recruit .text_area p::before{position: absolute; content: " "; width: 26px; height: 2px; background-color: #666; bottom: 0;} .cont_recruit .step{width: auto; padding: 0 20px; justify-content: center; padding-right: 0;} .cont_recruit .step ul{display: flex; flex-wrap: wrap;} .cont_recruit .step ul li{width: 75px; padding-left: 8px; margin-right: 10px; position: relative; letter-spacing: -0.5px; font-size: 15px; word-break: break-all;} .cont_recruit .step ul li:nth-child(2n){width: auto;} .cont_recruit .step ul li::before{position: absolute; content: " "; width: 3px; height: 3px; background-color: #222; border-radius: 100%; top: 9px; left: 0; border-radius: 100%;} .cont_recruit .step01 .img_box{background-image: url(/direct/img/sub/icon_recruit01.png); border: 1px solid #057d8b;} .cont_recruit .step01 .text_area p{color: #057d8b;} .cont_recruit .step01 .text_area p::before{background-color: #057d8b;} .cont_recruit .step02 .img_box{background-image: url(/direct/img/sub/icon_recruit02.png); border: 1px solid #136bae;} .cont_recruit .step02 .text_area p{color: #136bae;} .cont_recruit .step02 .text_area p::before{background-color: #136bae;} .cont_recruit .step02 ul li{width: 120px;} .cont_recruit .step03 .img_box{background-image: url(/direct/img/sub/icon_recruit03.png); border: 1px solid #093d77;} .cont_recruit .step03 .text_area p{color: #093d77;} .cont_recruit .step03 .text_area p::before{background-color: #093d77;} .cont_recruit .next{width: 20px; height: 20px;border-radius: 100%; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; z-index: 0;} .cont_recruit .next::before{position: absolute; content: " "; width: 1px; height: 106px; background-color: #d5d5d5; z-index: -1;} .cont_recruit .step_wrap.box2{justify-content: center;} .cont_recruit .step_wrap.box2 .step{width: calc((100% - 350px)/2); justify-content: center;} .cont_recruit .step_wrap.box2 .step li{width: 85px;} .cont_recruit .step_wrap.box2 .step li:nth-child(2n){width: auto;} .cont_recruit .step_wrap.box2 .step01{margin-right: 0; padding-right: 0; width: calc((100% - 419px)/2);} /* //채용절차 */ @media screen and (max-width: 1200px){ .orgWrap.type2 .topOrg{width:95%;} .orgWrap.type2 .topOrg .box{width:120px;} .btmOrg .boxL{margin-left: -30px} .btmOrg .boxM{margin-left: -2.5%} .cont_recruit .step_wrap{padding: 40px 20px;} .cont_recruit .step{width: calc((100% - 40px)/3);} .cont_recruit .step_wrap.box2 .step01{width: calc((100% - 320px)/2);} .cont_recruit .step ul{display: block;} .cont_recruit .text_area{width: auto;} } @media screen and (max-width: 1100px){ .btmOrg{width: 95%;height: 500px} .btmOrg::before{width: 62%} .btmOrg .boxL{position: absolute; left: 50px; margin-left: 0} .btmOrg .boxM{position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0} .btmOrg .boxR{position: absolute; right: 105px} .btmBox ul li{font-size: 16px; letter-spacing: -1px; width: 140px} } @media screen and (max-width: 1024px){ .btmOrg::before{width: 60%} .btmOrg .boxL{left: 3%} .btmOrg .boxR{right: 10%} .cont_corp .box{width: calc((100% - 40px)/3);} .cont_corp .box:nth-child(3n){margin-right: 0;} .cont_corp .box:nth-child(4n){margin-right: 20px;} .cont_recruit .step_wrap{padding: 40px 00px;} .cont_recruit .step{padding: 0;} .cont_recruit .step_wrap.box2 .step{width: calc((100% - 200px)/2);} .cont_recruit .step03{justify-content: end; padding-left: 20px;} .cont_recruit .step_wrap.box2 .step03{padding-left: 0;} } @media screen and (max-width: 876px){ .mBox{display: block} .pcBox{display: none} .btmOrg::before{width: 66%} .btmOrg .boxL,.btmOrg .boxM,.btmOrg .boxR{position: relative; left: inherit; right: inherit; transform: none; margin: 0 auto} .btmBox ul li{width: 169px} .boxL .tit_box{background-color: #6b91b3; border: 1px solid #4d79a0; color: #fff; font-weight: 500; font-size: 16px; letter-spacing: -0.5px; padding: 7px 0; border-radius: 30px;} .boxL .tit_box a{color: #fff} .btmOrg .btmBox::before{height: 98%} .cont_corp .box{width: calc((100% - 20px)/2);} .cont_corp .box:nth-child(3n){margin-right: 20px;} .cont_corp .box:nth-child(2n){margin-right: 0px;} .cont_recruit .step_wrap{padding: 40px 20px; border-radius: 30px;} .cont_recruit .step{display: block; padding: 0;} .cont_recruit .step .img_box{margin: 0 auto;} .cont_recruit .text_area p{text-align: center;} .cont_recruit .text_area p::before{left: 50%; transform: translateX(-50%);} .cont_recruit .step ul{margin: 0 auto;} .cont_recruit .step ul li{margin: 0; width: auto; text-align: center; display: block;} .cont_recruit .step ul li::before{display: none;} .cont_recruit .step_wrap.box2 .step li{width: auto;} .cont_recruit .step ul span{position: relative;} .cont_recruit .step ul span::before{position: absolute; content: " "; width: 3px; height: 3px; background-color: #222; border-radius: 100%; top: 9px; left: -8px; border-radius: 100%;} } @media screen and (max-width: 640px){ .topOrg{margin-top:30px;width:90%;} .topOrg::after{top:25.5%;} .topOrg h3{font-size:18px;width:150px;} .topOrg ul li{width:150px;} .btmOrg{width:95%;} .btmOrg::before{width:68%;} .btmOrg .btmBox::before{height: 83%;} .btmBox ul li{font-size: 16px;width:140px;border-radius: 10px;} .btmBox ul li a{width:95%; line-height: 1} .btmBox .orgDeth2 li a{font-size: 14px;} .btmOrg .box{width:140px;height:140px;} .btmOrg .box img{width:36%;} .btmBox .orgDeth2{margin-left: 32px;} .orgWrap.type2 .topOrg{flex-direction: row;flex-wrap:wrap} .orgWrap.type2 .topOrg::before{width:67%;} .orgWrap.type2 .topOrg .box{width:auto;flex-basis: 27%;margin-bottom:20px;} .orgWrap.type2 .topOrg .box::before{height:84%;} .orgWrap.type2 .topOrg .box:nth-child(2)::before{display:none} .btmBox .orgDeth2 li{width: 100px} .cont_corp .box{width: 100%; margin-right: 0;} .cont_corp .box:nth-child(4n){margin-right: 0px;} .cont_corp .box:nth-child(3n){margin-right: 0px;} .cont_corp .box:nth-child(2n){margin-right: 0px;} .cont_recruit .step_wrap{display: block;} .cont_recruit .step{display: flex; width: 100%; justify-content: center; padding: 20px 0;} .cont_recruit .step:nth-child(1){padding-top: 0;} .cont_recruit .step:last-child{padding-bottom: 0;} .cont_recruit .step .img_box{margin: 0; margin-right: 20px;} .cont_recruit .step ul{display: flex;} .cont_recruit .step ul li{width: auto; padding-left: 0; text-align: left; padding-right: 25px; margin-bottom: 6px;} .cont_recruit .step ul li:nth-child(2n){width: auto;} .cont_recruit .text_area{width: calc(100% - 115px);} .cont_recruit .text_area p{text-align: left;} .cont_recruit .text_area p::before{left: 0; transform: translateX(0);} .cont_recruit .next{transform: rotate(90deg); margin: 0 auto; width: 100%;} .cont_recruit .next::before{width: 95%; height: 1px; transform: rotate(-90deg);} .cont_recruit .step_wrap.box2 .step{width: 100%;} } @media screen and (max-width: 480px){ .orgWrap h2{font-size: 20px;} .topOrg a span.dbg{font-size: 19px; width: 130px;} .topOrg h3{font-size: 14px;width:120px;} .topOrg ul li{width:120px;font-size: 16px;} .btmOrg{justify-content: space-between;} .btmOrg .box{width:100%;height: 28%;} .btmBox ul li{width:100%;padding: 8px 5px;box-sizing: border-box;word-break: break-all; font-size: 14px;} .btmOrg .btmBox{width: 30%;} .btmBox .orgDeth2{margin-left: 15px;} .boxL .tit_box{font-size: 15px;} .btmOrg .box p{font-size: 16px;} .btmOrg .box img{width:30%;} .btmBox .orgDeth2 li a{word-break:break-all} } @media screen and (max-width: 400px){ .topOrg{width: 100%} .topOrg a span.dbg{font-size: 17px; width: 110px} .topOrg ul li{width: 110px} .btmOrg .box p{word-break: break-all} .btmBox ul li{font-size: 13px;} .btmBox .orgDeth2 li{width: auto;} .btmBox .orgDeth2 li a{font-size: 12px;} } @media screen and (max-width: 1150px) { .content_img_1920 img, .content_img_1920_2 img {width:100%; padding:0 10px;} } @media screen and (max-width: 800px) { .content_img img {width:100%; padding:0 20px} .content_img2 img {width:100%;} .content_img_1920_2 {display:none;} .content_img_800 {display:block;} .content_img_800 img {width:100%; padding:0 3%} } @media screen and (max-width: 480px) { .content_img_1920, .content_img_1920_2 {display:none;} .content_img_480 {display:block; } .content_img_480 img {width:100%; padding:0 0px} } /* 표1 */ .tbl01 {width:100%; border-collapse:collapse; border-top:2px solid #012b5d;} .tbl01 caption {height:0; text-indent:-9999px;} .tbl01 th, .tbl01 td {padding:10px 0px; font-size:15px; border:1px solid #dedee1;} /* 210504-정수빈수정 */ @media screen and (max-width: 480px) { .tbl01 th, .tbl01 td {padding:3px 0px; font-size:14px; letter-spacing: -0.5px} /* 210504-정수빈수정 */ } .tbl01 thead th {color:#000;background:#f7f7f9;} .tbl01 th:first-child, .tbl01 td:first-child {border-left:0px;} .tbl01 th:last-child, .tbl01 td:last-child {border-right:0px;} .tbl01 td {position:relative; text-align:center; color:#666;} .tbl01 td.tbl_left {text-align:left;} /* 표2 */ .tbl02 {width:100%; border-collapse:collapse; border-top:2px solid #012b5d;} .tbl02 caption {height:0; text-indent:-9999px;} .tbl02 th, .tbl02 td {padding:10px; font-size:15px; border:1px solid #dedee1;} .tbl02 thead th {color:#000;background:#f7f7f9;} .tbl02 th:first-child, .tbl02 td:first-child {border-left:0px;} .tbl02 th:last-child, .tbl02 td:last-child {border-right:0px;} .tbl02 td {position:relative; text-align:center; color:#666;} .tbl02 td.tbl_left {text-align:left;} .tbl02 .link_icon {position:absolute; top:10px; right:10px; color:#b9c9e1} @media screen and (max-width: 810px) { .tbl02 th, .tbl02 td {padding:5px; font-size:15px; border:0px solid #dedee1;} .tbl02 th {display:none} .tbl02 .subject_2 {display:block; border-bottom:1px solid #dedee1} .tbl02 .bottom {display:block; border-bottom:1px solid #dedee1; margin-bottom:10px} .tbl02 .link_icon {position:absolute; top:5px; right:10px; color:#b9c9e1} } /* 신고게시판 */ .complain_tt {width:100%; height:auto; text-align:center; padding:100px 10px 30px 10px; background:url('/img/sub/complain_tt.png') no-repeat top 20px center #fbfbfb; } .complain_step {text-align:center; padding:50px 0; border-top:2px solid #2d2d2d; border-bottom:2px solid #eaeaea} .complain_step ul {width:100%; margin:0 auto; background:url('/img/sub/complain_step_next3.png') no-repeat center; background-size:30%} .complain_step ul li {display:inline-block; width:23%; vertical-align:top; font-size:18px; color:#000; font-weight:bold; } .complain_step ul li p {padding-top:20px;} .complain_step ul li img {width:40%} .complain_step_two {text-align:center; padding:50px 0; border-top:2px solid #2d2d2d; border-bottom:2px solid #eaeaea} .complain_step_two ul {width:100%; margin:0 auto;} .complain_step_two ul li {display:inline-block; width:23%; vertical-align:top; font-size:18px; color:#000; font-weight:bold; } .complain_step_two ul li p {padding-top:20px;} .complain_step_two ul li img {width:40%} .complain_btn {text-align:center; margin:30px 0} .complain_btn ul li {display:inline-block} .complain_btn button {border:0; padding:14px 26px; cursor:pointer; font-weight:bold; text-align:center; font-size:17px; color:#fff; border-radius:100px} .complain_btn .complain_btn1 {background:#005aab; font-size:16px; margin:5px 2px;} .complain_btn .complain_btn2 {background:#666; font-size:16px; margin:5px 2px; } .complain_tt2 {position:relative; width:100%; height:auto; padding:50px 10px 50px 250px; border-bottom:2px solid #2d2d2d; background:url('/img/sub/complain_tt2.png') no-repeat 80px 45px #fbfbfb; } .complain_tt2 .title {position:absolute; bottom:45px; left:100px; color:#000; font-weight:bold; font-size:18px} .complain_tt2 .text_red {color:#c90a0f; margin-bottom:10px} .complain_tt2 .text {color:#555;} .complain_tt3 {padding:20px 0; border-bottom:2px solid #eaeaea} .complain_tt3 .title {text-align:center; color:#000; padding-bottom:20px; border-bottom:2px solid #eaeaea; font-weight:bold; font-size:20px} .complain_tt3 .text {text-align:center; padding-top:20px; color:#555;} @media screen and (max-width: 770px) { .complain_step {text-align:center; padding:50px 0; border-top:2px solid #2d2d2d; border-bottom:2px solid #eaeaea} .complain_step ul {width:100%; margin:0 auto; background:url('/img/sub/complain_step_next3.png') no-repeat center; background-size:40%} .complain_step ul li {display:inline-block; width:32%; vertical-align:top; font-size:16px; color:#000; font-weight:bold} .complain_step ul li p {padding-top:20px;} .complain_step ul li img {width:50%} .complain_step_two {text-align:center; padding:50px 0; border-top:2px solid #2d2d2d; border-bottom:2px solid #eaeaea} .complain_step_two ul {width:100%; margin:0 auto;} .complain_step_two ul li {display:inline-block; width:32%; vertical-align:top; font-size:16px; color:#000; font-weight:bold} .complain_step_two ul li p {padding-top:20px;} .complain_step_two ul li img {width:50%} .complain_tt2 {position:relative; width:100%; height:auto; padding:20% 10px 20px 10px; border-bottom:2px solid #2d2d2d; background:url('/img/sub/complain_tt2.png') no-repeat top 10px center #fbfbfb; background-size:20%;} .complain_tt2 .title {position:relative; top:0px; left:auto; margin-bottom:15px; text-align:center; color:#000; font-weight:bold; font-size:18px} .complain_tt2 .text_red {color:#df2f2f; margin-bottom:10px} .complain_tt2 .text {color:#555} .complain_tt3 {padding:20px 0; border-bottom:2px solid #eaeaea} .complain_tt3 .title {text-align:center; color:#000; padding-bottom:20px; border-bottom:2px solid #eaeaea; font-weight:bold; font-size:20px} .complain_tt3 .text {text-align:center; padding-top:20px; color:#555;} } /* 1.주요사업 */ .sub11_list1 {float:left; width:14%; height:200px; background:url('/img/sub/img11_3.jpg') no-repeat center; margin:10px 1% 0px 1%; } .sub11_list1 dt {padding:8px 0 45px 0; text-align:center; color:#fff; font-size:16px; font-weight:bold; } .sub11_list1 dd {margin-left:13%; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; padding-left:8px; } .sub11_list2,.sub14_list {float:left; width:31.3333%; margin:1%; height:220px; border:2px solid #555; border-radius:20px;overflow:hidden;} /* dl.img11_5a {background:url('/img/sub/img11_5a2.jpg') no-repeat top;} dl.img11_5b {background:url('/img/sub/img11_5b2.jpg') no-repeat top;} dl.img11_5c {background:url('/img/sub/img11_5c2.jpg') no-repeat top;} */ dl.img11_5a,dl.img11_5a1,dl.img11_5a3{border:2px solid #068186} dl.img11_5a dt,dl.img11_5a1 dt,dl.img11_5a3 dt{background-color:#068186;} dl.img11_5b,dl.img11_5b1,dl.img11_5b3{border:2px solid #136bae} dl.img11_5b dt,dl.img11_5b1 dt,dl.img11_5b3 dt{background-color: #136bae;} dl.img11_5c,dl.img11_5c1,dl.img11_5c3{border:2px solid #093d77} dl.img11_5c dt,dl.img11_5c1 dt,dl.img11_5c3 dt{background-color: #093d77;} /* dl.img11_5a1 dt{height:61px;} dl.img11_5b1 dt{height:61px;} dl.img11_5c1 dt{height:61px;} */ .sub11_list2 dt {padding:15px 0; text-align:center; color:#fff; font-size:17px; font-weight:bold;margin-bottom: 15px;box-sizing:border-box;} .sub11_list2 dd {font-size:15px; margin-left:4%; padding:0px 8px 5px 8px; color:#1b1b1b; text-align:left; background:url('/img/sub/con_list04.png') no-repeat 0 8px;line-height:150%;} .sub12_list {float:left; width:31.3333%; padding:20px 10px; margin:1%; height:auto; border:1px solid #d8d8d8; border-radius:20px; background-size:cover; background:url('/img/sub/img12_5.jpg') no-repeat right bottom;} .sub12_list li {margin-left:4%; padding:0px 0px 5px 8px; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; } /* .sub14_list {float:left; width:31.3333%; margin:1%; height:170px; border:2px solid #00559c; border-radius:20px;} dl.img11_5a3 {background:url('/img/sub/img11_5a3.jpg') no-repeat top;} dl.img11_5b3 {background:url('/img/sub/img11_5b3.jpg') no-repeat top;} dl.img11_5c3 {background:url('/img/sub/img11_5c3.jpg') no-repeat top;} */ .sub14_list dt {padding:12px 0 35px 0; text-align:center; color:#fff; font-size:18px; font-weight:bold;line-height:150%;} .sub14_list dd {margin-left:4%; padding:0px 8px 5px 8px; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; } @media screen and (max-width: 770px) { .sub11_list1 {float:left; width:31%; height:200px; background:url('/img/sub/img11_3.jpg') no-repeat center; margin:1%; } .sub11_list1 dd {margin-left:25%;} .sub11_list2 {float:none; padding-bottom:20px; width:98%; height:auto; border:2px solid #00559c; border-radius:20px;} .sub11_list2 dt {padding:20px 0 20px 0; text-align:center; color:#fff; font-size:17px; font-weight:bold; } .sub11_list2 dt br{display: none} .sub11_list2 dd {margin-left:2%; width:98%; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; padding:0px 0 3px 8px;} dl.img11_5a1 {background:url('/img/sub/img11_5c12.png') no-repeat top;background-size: 100% 37px;} dl.img11_5b1 {background:url('/img/sub/img11_5c22.png') no-repeat top;background-size: 100% 37px;} dl.img11_5c1 {background:url('/img/sub/img11_5c32.png') no-repeat top;background-size: 100% 37px;} dl.img11_5a1 dt{height:64px;} dl.img11_5b1 dt{height:64px;} dl.img11_5c1 dt{height:64px;} .sub12_list {float:none; width:98%; padding:20px 10px; margin:1%; height:auto; border:1px solid #d8d8d8; border-radius:20px; background-size:cover; background:url('/img/sub/img12_5.jpg') no-repeat right bottom;} .sub12_list li {margin-left:4%; padding:0px 0px 5px 8px; color:#1b1b1b; text-align:left; font-size:15px; background:url('/img/sub/con_list04.png') no-repeat 0 8px; } .sub14_list {float:none; width:98%; padding-bottom:20px; margin:1%; height:auto; border:2px solid #00559c; border-radius:20px;} } @media screen and (max-width: 480px) { .sub11_list1 dd {margin-left:7%; font-size:15px;} } @media screen and (max-width: 400px){ .sub11_list2 dt {padding: 8px 28px;}/* 210504-정수빈 수정 */ } /* 2.참여마당 */ .explain_text {width:100%; margin:10px 0; text-align:center; border-radius:10px; padding:25px; background:url('/img/sub/img431_1920.png') no-repeat #f6f6f6 top right; } .explain_text p { font-size:16px; line-height:150%; font-weight:500; color:#000} .emp_text { text-align:center; border:1px solid #cccccc; border-radius:10px; padding:20px; margin:10px 0} .emp_text p{ color: #373e4e; font-size:18px; font-weight:600; line-height:25px; } .sub223_img_tab ul {text-align:center; width:100%; margin:20px 0 40px 0; border:0px solid red} .sub223_img_tab ul li{display:inline-block; text-align:center; width:200px; border:0px solid red} @media screen and (max-width: 640px) { .sub223_img_tab ul {text-align:center; width:100%; margin:20px 0 20px 0; border:0px solid red} .sub223_img_tab ul li{display:inline-block; text-align:center; width:28%; margin:5px; border:0px solid red} .sub223_img_tab ul li img {width:100%;} } .sub223_img_tab2 ul {text-align:center; width:100%; margin:20px 0; border:0px solid red} .sub223_img_tab2 ul li{display:inline-block; text-align:center; width:16%; margin:5px; border:0px solid red} .sub223_img_tab2 ul li img {width:100%;} @media screen and (max-width: 640px) { .sub223_img_tab2 ul {text-align:center; width:100%; margin:20px 0 ; border:0px solid red} .sub223_img_tab2 ul li{display:inline-block; text-align:center; width:32%; margin:0px; border:0px solid red} .sub223_img_tab2 ul li img {width:100%;} } .sub231_list {width:100%; font-weight:bold; margin-bottom:30px;} .sub231_list li {display:inline-block; width:30%; margin:1.3%; text-align:center; border-radius:20px; padding:30px 0; font-size:18px; line-height:22px} .sub231_list li.back1 {background:#d3e8fa} .sub231_list li.back2 {background:#c5f3f6 } .sub231_list li.back3 {background:#cde5f9 } .sub231_list p {margin-top:10px;} .sub231_list .link a {display:block; margin:0 auto; width:45%; padding:7px; border-radius:100px; color:#fff; font-size:16px} .sub231_list .link_color1 a {background:#026ccb; } .sub231_list .link_color2 a {background:#0a8089; } /*190422 수정*/ @media screen and (max-width: 770px) { .sub231_list {width:100%; font-weight:bold; margin-bottom:30px;} .sub231_list li {display:block; width:70%; margin:1% auto; text-align:center; border-radius:20px; padding:30px 0; font-size:18px;} .sub231_list li.back1 {background:#d3e8fa } .sub231_list li.back2 {background:#c5f3f6 } .sub231_list li.back3 {background:#cde5f9 } .sub231_list p {margin-top:10px;} .sub231_list .link a {display:block; margin:0 auto; width:45%; padding:7px; border-radius:100px; color:#fff; font-size:16px} /* .sub231_list .link_color1 a {background:#1880d8;} .sub231_list .link_color2 a {background:#159da7;} */ } /* 3.알림마당 */ /* 인재상 */ .con_box332_1920 {position:relative; margin:0 auto; width:1003px; height:934px; background:url('/img/sub/bg332.jpg') no-repeat;} .con_box332_750 {display:none} .con_box332_1920 .con_box332_in {width:100%; height:235px; overflow:hidden} .con_box332_1920 .con_box332_in .con_box332_left {width:60%; float:left; padding-top:58px; padding-left:5%} .con_box332_1920 .con_box332_in .con_box332_left .title {font-size:25px; color:#fff; line-height:50px; background:url('/img/sub/bar332.jpg') no-repeat bottom left;} .con_box332_1920 .con_box332_in .con_box332_left .text {font-size:18px; color:#fff; margin-top:10px; line-height:22px} .con_box332_1920 .con_box332_in .img_right {width:40%; float:right; text-align:center; padding-top:30px;} @media screen and (max-width: 1000px) { .con_box332_1920 {position:relative; margin:0 auto; width:100%; height:934px; background:url('/img/sub/bg332.jpg') no-repeat center;} } @media screen and (max-width: 750px) { .con_box332_1920 {display:none} .con_box332_750 {display:block; position:relative; margin:0 auto; width:100%; background:none;} .con_box332_750 .con_box332_in {width:100%; text-align:center; } .con_box332_750 .con_box332_in .con_box332_right {border-radius:20px; margin-bottom:10px; padding:20px;} .con_box332_750 .con_box332_in .con_box332_right .title {font-size:22px; color:#fff; margin-bottom:10px} .con_box332_750 .con_box332_in .con_box332_right .text {font-size:16px; color:#fff; line-height:22px} .con_box332_750 .con_box332_in .b_color1 {background: #0a7a88;} .con_box332_750 .con_box332_in .b_color2 {background: #0571ae;} .con_box332_750 .con_box332_in .b_color3 {background: #2755aa;} .con_box332_750 .con_box332_in .b_color4 {background: #224a7e;} .con_box332_750 .con_box332_in .img_left img {width:100%} } .button_div_560 {display:none} .button_div_1920{margin:10px 0px;} .button_div_1920 a {display:inline-block; width:calc(98% / 3); padding:10px 12px; text-align:center; border-radius:3px; background:#666; color:#fff} .button_div_1920 a:hover {background:#555; color:#fff} @media screen and (max-width: 560px) { .button_div_1920 {display:none} .button_div_560 {display:block;} .button_div_560 a {display:block; width:90%; margin:5px auto; padding:10px 12px; text-align:center; border-radius:3px; background:#666; color:#fff} .button_div_560 a:hover {background:#555; color:#fff} } /* 3.알림마당 */ .con_box361 {width:100%; padding:50px 30px 50px 250px; background:url('/img/sub/img316_1.png') no-repeat center left 50px #f6f6f6;} .title_gr {color:#fff; text-align:center; border-radius:100px; width:150px; padding:7px 10px; font-size:18px; font-weight:bold; /* background: -moz-linear-gradient(left, #75b4ed 0%, #75b4ed 0%, #005aab 100%); FF3.6-15 background: -webkit-linear-gradient(left, #75b4ed 0%,#75b4ed 0%,#005aab 100%); Chrome10-25,Safari5.1-6 background: linear-gradient(to right, #75b4ed 0%,#75b4ed 0%,#005aab 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b4ed', endColorstr='#005aab',GradientType=1 ); IE6-9 */ background-color: #095395; } .con_box361 .title {color:#000; font-size:20px; font-weight:bold; line-height:50px;} .con_box361 .title h3 {color:#045dad; font-size:27px;} .con_box361 .text {color:#666; font-size:16px;} .con_box361 .text strong {color:#333; } .normal_dl dt {margin:13px 0 0 10px; color:#000; font-size:18px; font-weight:bold; background:url('/img/sub/con_list02.png') no-repeat 0 6px; padding-left:23px; } .normal_dl dd {color:#666; font-size:15px; background:url('/img/sub/con_list03.png') no-repeat 0 9px; padding-left:10px; margin:3px 0 0 30px } .normal_dl dd.dot_no {background:none !important} .normal_dl dd ul {margin:5px 0 10px 10px} .normal_dl dd ul li {line-height:20px; padding-bottom:5px;font-size:15px} .con_box_red {border:0px solid red; width:100%; text-align:center; padding:30px; background:#f6f6f6;border-radius:100px; } .title_gr_01 {color:#fff; text-align:center; border-radius:100px; width:250px; padding:7px 10px; font-size:18px; font-weight:bold; /* background: -moz-linear-gradient(to right, #3983c6 10%,#045dad 40%,#095395 80%); FF3.6-15 background: -webkit-linear-gradient(to right, #3983c6 10%,#045dad 40%,#095395 80%); Chrome10-25,Safari5.1-6 / background: linear-gradient(to right, #3983c6 10%,#045dad 40%,#095395 80%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#095395', endColorstr='#095395',GradientType=1 ); IE6-9 */ background-color: #095395; } @media screen and (max-width: 770px) { .con_box361 {width:100%; padding:30px; background:#f6f6f6;} } @media screen and (max-width: 480px) { .con_box361 .title {margin:15px 0; color:#000; font-size:17px; font-weight:bold; line-height:25px;} .con_box361 .title span {display:block; color:#045dad; font-size:20px;} .con_box361 .text {color:#666; font-size:15px;} } .con_box362 {width:100%; padding:35px 10px 35px 180px; background:#f6f8f9; overflow:hidden} .con_box362 .title2{width:140px;height:140px; position:absolute; left:13px; top:13px; padding-top:45px; background:url('/img/sub/con362_bg.jpg'); text-align:center; color:#fff; font-size:20px; font-weight:600} .con_box362 .title2_480 {display:none} .con_box362 .title_gr{margin:10px; } .con_box362 .div_con1{width:200px; height:36px; margin:2px 10px; border:3px solid #0961b0; color:#0961b0; border-radius:50px; background:#fff; float:left; text-align:center; line-height:30px; font-size:16px; font-weight:600} .con_box362 .div_con2{width:200px; height:36px; margin:2px 10px; border:3px solid #0961b0; color:#0961b0; border-radius:50px; background:#fff; float:left; text-align:center; line-height:30px; font-size:16px; font-weight:600} .con_box362 .div_con3{width:200px; height:36px; margin:2px 10px; border:3px solid #01a28a; color:#01584b; border-radius:50px; background:#c6ebe6; float:left; text-align:center; line-height:30px; font-size:16px; font-weight:600} @media screen and (max-width: 480px) { .con_box362 {width:100%; padding:10px; background:#f6f8f9; overflow:hidden} .con_box362 .title2{display:none;} .con_box362 .title2_480 {display:block; width:180px;height:50px; line-height:50px; position:relative; background:url('/img/sub/con362_bg.jpg'); background-size:cover; margin:10px auto; text-align:center; color:#fff; font-size:20px; font-weight:600} .con_box362 .title_gr{margin:10px auto;} .con_box362 .div_con1{position:relative; margin:10px auto;width:200px; height:36px; border:3px solid #0961b0; color:#0961b0; border-radius:50px; background:#fff; float:none; text-align:center; line-height:30px; font-size:16px; font-weight:600} .con_box362 .div_con2{position:relative; margin:10px auto;width:200px; height:36px; border:3px solid #0961b0; color:#0961b0; border-radius:50px; background:#fff; float:none; text-align:center; line-height:30px; font-size:16px; font-weight:600} .con_box362 .div_con3{position:relative; margin:10px auto;width:200px; height:36px; border:3px solid #01a28a; color:#01a28a; border-radius:50px; background:#c6ebe6; float:none; text-align:center; line-height:30px; font-size:16px; font-weight:600} } .bg364 {width:100%; height:446px; padding:70px 0 0 20px; background:url('/img/sub/img364_bg.jpg') right; letter-spacing:-1.5px} @media screen and (max-width: 900px) { .bg364 {width:100%; height:446px; padding:80px 0 0 10px; background:url('/img/sub/img364_bg_480.jpg') right; letter-spacing:-1.5px} } @media screen and (max-width: 760px) { .bg364 {width:100%; height:auto; padding:0; background:none; letter-spacing:-1.5px} .bg364 .text3 {background:#e1eef4; } .bg364 .text4 {background:#e1eef4;} } .bg364 .text1 {font-size:20px; color:#121212; font-weight:600; padding-left:20px} .bg364 .text1 span {color:#005aab} .bg364 .text2 {font-size:16px; color:#121212; padding:15px 20px} .bg364 .text2 li {background:url('/img/sub/con_list01.png') no-repeat 0 6px; padding-left:28px;} .bg364 .text3 {font-size:28px; color:#000000; padding:40px 0 0 20px;} .bg364 .text3 span {color:#005aab} .bg364 .text4 {font-size:16px; color:#4f4f4f; padding:10px 0 30px 20px} .bg364 .text4 span {color:#005aab} .link_364 {text-align:center; margin-bottom:30px; background:#4870a1; padding:20px;} .link_364 li {display:inline-block; width:510px; height:83px; margin:5px} .link_364 li img {width:100%;} @media screen and (max-width: 760px) { .link_364 {text-align:center; margin-bottom:30px; background:#4870a1; padding:5px;} .link_364 li {display:inline-block; width:98%; height:auto; margin:2px 0} .link_364 li img {width:100%;} } /* 4.열린경영 */ .con41_box {float:left; width:31.3%; margin:1%; border:1px solid #eeeeee} @media screen and (max-width: 770px) { .con41_box {float:left; width:48%; margin:1%; border:1px solid #eeeeee} } @media screen and (max-width: 500px) { .con41_box {float:none; width:100%; margin:1% 0; border:1px solid #eeeeee} } .con41_box_h2 {height:230px; } /*background 수정*/ .con41_box .title {width:100%; height:45px; line-height:45px; padding:0 20px;color:#fff; font-size:18px; font-weight:bold; /* background: -moz-linear-gradient(left, #005aab 0%, #005aab 0%, #3c89d0 100%); FF3.6-15 background: -webkit-linear-gradient(left, #005aab 0%,#005aab 0%,#3c89d0 100%); Chrome10-25,Safari5.1-6 background: linear-gradient(to right, #005aab 0%,#005aab 0%,#3c89d0 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aab', endColorstr='#3c89d0',GradientType=1 );IE6-9 */ background-color:#095395; } .con41_box a:hover {color:#005aab; font-weight:bold;} .con_box431 {width:100%; padding:50px 30px 50px 90px; background:url('/img/sub/img431_1920.png') no-repeat center } .con_box431 .title {color:#000; font-size:20px; font-weight:bold; line-height:50px;} .con_box431 .title span {color:#045dad; font-size:27px;} .con_box431 .text {color:#666; font-size:16px;} .con_box431 .text strong {color:#333; } @media screen and (max-width: 770px) { .con_box431 {width:100%; padding:50px 20px 50px 20px; background:url('/img/sub/img431_1920.png') no-repeat #f6f6f6 top right } } @media screen and (max-width: 480px) { .con_box431 {width:100%; padding:50px 20px 50px 20px; background:url('/img/sub/img431_1920.png') no-repeat #f6f6f6 top right } .con_box431 .title {margin:15px 0; color:#000; font-size:17px; font-weight:bold; line-height:25px;} .con_box431 .title span { color:#045dad; font-size:20px;} .con_box431 .text {color:#666; font-size:15px;} } .con44_list1 {width:100%; text-align:center; font-weight:bold; overflow:hidden} .con44_list1 dl {float:left; width:32.5%; margin:0 0.4%; height:205px; padding:0 20px; border:0px solid red} @media screen and (max-width: 650px) { .con44_list1 dl {float:none; width:60%; margin:10px auto; height:205px; padding:0 10px; border:0px solid red} } @media screen and (max-width: 480px) { .con44_list1 dl {float:none; width:90%; margin:10px auto; height:205px; padding:0 10px; border:0px solid red} } .con44_list1 dl dt {color:#fff; font-size:25px; padding:10px 0 18px 0} .con44_list1 dl dd {color:#1a1a1a; font-size:16px; border-bottom:#e5e5e5 solid 1px; padding:5px; margin:0} .con44_list1 dl dd span {color:#005aab;} .con44_list1 .bg44a_1 {background:url('/img/sub/img44_1.jpg') no-repeat center;} .con44_list1 .bg44a_2 {background:url('/img/sub/img44_2.jpg') no-repeat center;} .con44_list1 .bg44a_3 {background:url('/img/sub/img44_3.jpg') no-repeat center;} .con44_list2 {width:100%; text-align:center; font-weight:bold; overflow:hidden} .con44_list2 div {float:left; width:33.3333%; margin:0px auto; height:298px; padding-top:105px; color:#fff; font-size:18px; border:0px solid red} @media screen and (max-width: 590px) { .con44_list2 div {float:none; width:100%; margin:0px auto; height:205px; padding-top:60px; border:0px solid red} } .con44_list2 .bg44b_1 {background:url('/img/sub/img44_a1.jpg') no-repeat center;} .con44_list2 .bg44b_2 {background:url('/img/sub/img44_a2.jpg') no-repeat center;} .con44_list2 .bg44b_3 {background:url('/img/sub/img44_a3.jpg') no-repeat center;} .con44_list3 {width:100%; overflow:hidden} .con44_list3 ul {float:left; width:31.3333%; margin:1%; color:#333; padding:20px; font-size:15px; background:#f6f6f6; border-radius:30px; border:0px solid red} .con44_list3 ul li {padding-bottom:5px; background:url('/img/sub/con_list03.png') no-repeat 0 7px; padding-left:8px;} @media screen and (max-width: 590px) { .con44_list3 ul {float:none; width:99%; margin:2% 1%; color:#333; padding:20px; font-size:15px; background:#f6f6f6; border-radius:30px; border:0px solid red} } .sub44_title {margin:30px auto; text-align:center; width:160px; border-radius:100px; line-height:50px; height:50px; color:#fff; font-size:21px; background:#626262; font-weight:bold} .pyo_1920 {display:block} .pyo_720 {display:none} @media screen and (max-width: 720px) { .pyo_1920 {display:none} .pyo_720 {display:block} } /* 5.기관소개 */ /*인사말 수정190116 */ .con51_box {width:100%; padding:13% 0 0 37%; background:url('/img/sub/img51_2.jpg') no-repeat top; background-size:100%; color:#505050; font-size:18px; line-height:30px; letter-spacing:-1px;} .con51_box span {color:#3a5c98} .con51_limg_700 {display:block; } @media screen and (max-width: 880px) { .con51_limg_700 img {width:100%;} } @media screen and (max-width: 700px) { .con51_box {width:100%; padding:90% 0 0 2%; background:url('/img/sub/img51_1_650.jpg') no-repeat top; background-size:100%; font-size:16px; line-height:25px;} .con51_limg_700 {display:none} .con51_limg_name img {width:100%;} } .con52_box2 {width:100%; padding:30px 0; background:url('/img/sub/img51_bg2.png') no-repeat right bottom;} .history_h {width:100%; overflow:hidden; } .history_year {float:left; width:35%; padding:30px 0 0 8%; font-size:30px; color:#005aab; font-weight:bold} .history_h2 {float:right; width:65%; color:#333; font-size:17px; font-weight:500; padding:30px 0 0px 30px; border-left:1px solid #d7dbe7} .history_h2 ul li {position:relative; line-height:22px; padding:0 0 10px 120px;} .history_h2 ul li span {position:absolute; left:0px; color:#1b4b77; font-size:20px; font-weight:bold; } .history_h2 ul li .dot1 {position:absolute; background:#00a8b2; border-radius:100px; left:-35px; top:5px; width:10px; height:10px;} .history_h2 ul li .dot2 {position:absolute; background:#0c86d2; border-radius:100px; left:-35px; top:5px; width:10px; height:10px;} .history_h2 ul li .dot3 {position:absolute; background:#2e70aa ; border-radius:100px; left:-35px; top:5px; width:10px; height:10px;} .history_h2 ul li .dot4 {position:absolute; background:#1b4b77; border-radius:100px; left:-35px; top:5px; width:10px; height:10px;} @media screen and (max-width: 650px) { .history_h2 ul li {padding-left:0px;} .history_h2 ul li span {position:relative; display:block; left:0px; color:#1b4b77; font-size:20px; font-weight:bold; } } @media screen and (max-width: 480px) { .con52_box2 {padding:20px 0; background-size:140%} .history_year {float:left; width:25%; padding:20px 0 0 1%; font-size:18px; color:#005aab; font-weight:bold} .history_h2 {float:right; width:75%; color:#333; font-size:15px; font-weight:500; padding:20px 0 0px 10px; border-left:1px solid #d7dbe7} .history_h2 ul li { line-height:19px; padding:0 0 5px 0px;} .history_h2 ul li span {position:relative; display:block; left:0px; color:#1b4b77; font-size:16px; font-weight:bold; } .history_h2 ul li .dot1 {left:-14px;} .history_h2 ul li .dot2 {left:-14px;} .history_h2 ul li .dot3 {left:-14px;} .history_h2 ul li .dot4 {left:-14px;} } .ci_box { text-align:center; width:100%; border:1px solid #cccccc; border-radius:10px; padding:20px;} .ci_box ul {display:inline;} .ci_box ul li {display:inline-block; padding:10px;} .map-container{position:relative; padding-bottom:35%;padding-top:30px;height:0; margin-bottom:30px; overflow:hidden;} .map-container iframe,.map-container object,.map-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} .img53_tt1 {margin:30px auto; font-size:18px; width:90%; padding:20px; text-align:center; border-radius:100px; background:url('/img/sub/img53_img1.jpg') no-repeat center; background-size:cover;} .img53_list1 {width:620px; margin:20px auto; overflow:hidden} .img53_list1 dl {float:left; width:300px; margin:5px; text-align:center; font-size:17px; padding:30px; background:#f2f2f2; border-radius:80px; } .img53_list1 dl dt {font-weight:bold; font-size:20px;} .img53_list1 dl dd {margin-left:0; } .img53_tt2 {margin:30px auto; font-size:18px; width:90%; padding:20px; text-align:center; border-radius:100px; border:5px solid #e5e5e5} .img53_list2 {width:100%; overflow:hidden} .img53_list2_box {float:left; width:22%; margin:1.5%; text-align:center; background:#f2f2f2} .img53_list2_box p img {width:100%} .img53_list2_box ul {width:100%; height:180px; margin:0 auto; padding:20px 10px; } .img53_list2_box ul li {text-align:left; background:url('/img/sub/img53_list.jpg') no-repeat 0 5px; padding:0 0 5px 15px} @media screen and (max-width: 730px) { .img53_list1 {width:100%; margin:20px auto; overflow:hidden} .img53_list1 dl {float:left; width:48%; margin:1%; text-align:center; font-size:17px; padding:30px; background:#f2f2f2; border-radius:80px; } .img53_list2_box {float:left; width:48%; margin:1%; text-align:center; background:#f2f2f2} .img53_list2_box ul {width:100%; height:180px; margin:0 auto; padding:20px 10px; } .img53_list2_box ul li {text-align:left; background:url('/img/sub/img53_list.jpg') no-repeat 0 5px; padding:0 0 5px 15px} } @media screen and (max-width: 400px) { .img53_list1 {width:100%; margin:20px auto; overflow:hidden} .img53_list1 dl {float:none; width:100%; margin:1%; text-align:center; font-size:17px; padding:10px; background:#f2f2f2; border-radius:80px; } .img53_list2_box {float:none; width:100%; margin:1%; text-align:center; background:#f2f2f2; padding-top:5px;} .img53_list2_box ul {width:100%; height:120px; margin:0 auto; padding:20px 10px; } .img53_list2_box p img {width:80%} } /* f_menu */ .con_box_fmenu5 {width:770px; margin:0 auto; padding:10px; border-bottom:1px dotted #666; overflow:hidden;} .con_box_fmenu5 .img {width:154px; float:left; text-align:center} .con_box_fmenu5 .img img {width:100%; } .con_box_fmenu5 dl {width:576px; padding-left:20px;float:right; text-align:left} .con_box_fmenu5 dl dt {margin:0; font-weight:800; font-size:22px} .con_box_fmenu5 dl dd {margin:0; font-weight:400; color:#666; font-size:17px} .con_box_fmenu5 dl dd a {display:block; margin-top:10px; border:4px solid #ededed; text-align:center; width:160px; height:47px; line-height:40px} .con_box_fmenu5 dl dd a:hover {background:#191819; font-weight:600; border:0px; color:#fff; line-height:48px } .fmenu6_list {overflow:hidden} .fmenu6_list li {float:left; border:4px solid #ededed; text-align:center; padding:20px 0; margin:1%; width:31%; height:110px;} @media screen and (max-width: 1150px) { .fmenu6_list li img {width:80%} } @media screen and (max-width: 770px) { .con_box_fmenu5 {width:100%;} .con_box_fmenu5 .img {width:20%;} .con_box_fmenu5 dl {width:80%; } } @media screen and (max-width: 480px) { .con_box_fmenu5 {width:100%; text-align:center} .con_box_fmenu5 .img {width:100%; float:none; text-align:center } .con_box_fmenu5 .img img {width:40%; } .con_box_fmenu5 dl {width:100%; float:none; padding-left:0px; text-align:center} .con_box_fmenu5 dl dd a {margin:10px auto;} .fmenu6_list li {float:none; border:4px solid #ededed; text-align:center; padding:20px 0; margin:1% 0; width:100%; height:100px;} .fmenu6_list li img {width:50%} } /* 역대기관장 - 190116수정 */ .president_box {display:inline-block; vertical-align:top ; width:32%; padding-bottom:2%; margin:0.5%; border-top:1px solid #373e4e; background:url('/img/sub/img_president_bg.jpg') right bottom no-repeat #f6f6f6;} .president_box .title1 {font-size:30px; font-weight:500; color:#373e4e; padding:20px 0px 10px 20px;} .president_box .img {text-align:center;} .president_box .president_list1 {padding:5px 0px 0px 10px; font-size:17px; } .president_box .president_list1 li {padding-bottom:8px} .president_box .president_list1 li span {font-weight:500; padding:2px 10px; margin-right:10px; border-radius:100px; background:#4650a6; text-align:center; color:#fff; width:100px; display:inline-block;} .president_box .title2 {float:left; font-size:17px; font-weight:500; width:84px; padding:2px; margin-left:10px; border-radius:100px; background:#a6b4d4; text-align:center; color:#fff} .president_box .president_list2 {float:left; border-top:1px dotted #666; color:#222; font-size:17px; margin:3px 0 20px 10px } .president_box .president_list2 li {border-bottom:1px dotted #666; background:url('/img/sub/con_list03.png') no-repeat 0 12px; padding:5px 20px 5px 10px; line-height:18px; font-size:15px} .president_box .president_list2 li span {display:block; width:100%; color:#000; font-weight:600; margin-right:5px} @media screen and (max-width: 1150px) { .president_box .president_list1 {padding:5px 0px 0px 20px; font-size:17px; } .president_box .president_list1 li {padding-bottom:8px} .president_box .president_list1 li span {display:block; width:84px; font-weight:500; padding:2px 10px; margin-right:10px; border-radius:100px; text-align:center; color:#fff} .president_box .title2 {float:none; font-size:17px; font-weight:500; width:84px; padding:2px; margin-left:20px; border-radius:100px; background:#a6b4d4; text-align:center; color:#fff} .president_box .president_list2 {float:none; border-top:1px dotted #666; color:#222; font-size:17px; margin:10px 20px 20px 20px } .president_box .president_list2 li {border-bottom:1px dotted #666; background:url('/img/sub/con_list03.png') no-repeat 0 12px; padding:5px 0px 5px 10px; line-height:18px; font-size:15px} .president_box .president_list2 li span {display:block; width:100%; color:#000; font-weight:600; margin-right:5px} } @media screen and (max-width: 800px) { .president_box {width:48.5%; height:auto; margin:0.5%;} } @media screen and (max-width: 520px) { .president_box {width:100%; height:auto; margin:0.5% 0;} } /*20200122-수정*/ .con_list03 .imgBlock ul li{width:17.94%;height:111px;overflow:hidden;border-radius:10px;margin: 0 10px;list-style:none;background:none;display:inline-block;padding:0;} .con_list03 .imgBlock ul li img{width:100%;} .boxNew52 .sub14_list dt{padding: 12px 0 12px 0;} @media screen and (max-width: 1150px){ .con_list03 .imgBlock ul{text-align:center;margin:0 auto;} .con_list03 .imgBlock ul li{width:30.94%;height:193px;;overflow:hidden;border-radius:10px;margin:10px;list-style:none;background:none;display:inline-block;} .con_list03 .imgBlock ul li img{width:100%;} } @media screen and (max-width: 978px) { .con_list03 .imgBlock ul{text-align:center;margin:0 auto;} .con_list03 .imgBlock ul li{width:28.94%;height:171px;overflow:hidden;border-radius:10px;margin:10px;list-style:none;background:none;display:inline-block;} .con_list03 .imgBlock ul li img{width:100%;height:100%;} .boxNew52 .sub14_list{height: 193px;} .boxNew52 .sub14_list dt{padding: 12px 0 12px 0;} } @media screen and (max-width: 549px) { .con_list03 .imgBlock ul{text-align:center;margin:0 auto;} .con_list03 .imgBlock ul li{width:42.94%;height:171px;overflow:hidden;border-radius:10px;margin:10px;list-style:none;background:none;display:inline-block;} .con_list03 .imgBlock ul li img{width:100%;height:100%;} } @media screen and (max-width: 908px){ .boxNew5 dl.img11_5a {background:url('/img/sub/img11_5c12.png') no-repeat top;background-size: 100% 53px;} .boxNew5 dl.img11_5b {background:url('/img/sub/img11_5c22.png') no-repeat top;background-size: 100% 53px;} .boxNew5 dl.img11_5c {background:url('/img/sub/img11_5c32.png') no-repeat top;background-size: 100% 53px;} } @media screen and (max-width: 770px){ .boxNew5 dl.img11_5a {background:url('/img/sub/img11_5c12.png') no-repeat top;background-size: 105% 38px; margin-bottom: 15px} .boxNew5 dl.img11_5b {background:url('/img/sub/img11_5c22.png') no-repeat top;background-size: 105% 38px; margin-bottom: 15px} .boxNew5 dl.img11_5c {background:url('/img/sub/img11_5c32.png') no-repeat top;background-size: 105% 38px;} .boxNew5 dl.img11_5a dt{padding:5px 0 7px 0;} .boxNew5 dl.img11_5b dt{padding:5px 0 7px 0;} .boxNew5 dl.img11_5c dt{padding:5px 0 7px 0;} .boxNew52 .sub14_list{height: 170px;} .boxNew52 .sub14_list dt{padding:12px 0 12px 0;} .conboxNew .content_img_1920{display:none;} .conboxNew .content_img_480{display:block;width:100%;text-align:center;} } @media screen and (max-width: 370px){ .boxNew52 .sub14_list{height:178px;} .boxNew52 .sub14_list dt{padding:12px 0 16px 0;} .con_list03 .imgBlock ul li{width:80.94%;} }