File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
/* 공통 */
.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: 1.2px;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:nth-child(3){margin-top: 20px}
/* .topOrg::before{position: absolute;content: " ";top: 30%;left: 25%;width: 50%;height: 1px;background-color: #d5d5d5;} */
.orgWrap.type2 .topOrg::before{position: absolute;content: " ";top: 30%;left: 25%;width: 50%;height: 1px;background-color: #d5d5d5;}
.topOrg:nth-child(2)::before{position: absolute;content: " ";left: 25%;width: 25%;height: 1px;background-color: #d5d5d5;top: 50%}
.topOrg:nth-child(3)::before{position: absolute;content: " ";left: 25%;width: 25%;height: 1px;background-color: #d5d5d5;top: 50%}
/* .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:nth-child(2)::after{position: absolute;content: " ";width: 12px;height: 12px;background-image: url(/images/main/orgImg2.png);background-repeat: no-repeat;left: 50%;transform:translateX(-50%);top: 42%}
.topOrg:nth-child(3)::after{position: absolute;content: " ";width: 12px;height: 12px;background-image: url(/images/main/orgImg2.png);background-repeat: no-repeat;left: 50%;transform:translateX(-50%);top: 42%}
.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;}
.topOrg:nth-child(3) .boxR span.dbg{position: relative;}
.topOrg:nth-child(3) .boxR span.dbg::before{position: absolute; content: " "; width: 1px; height: 25px; background-color: #d5d5d5; top: -25px; left: 50%; transform: translateX(-50%); z-index: -1}
.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: #50789c; border: 1px solid #2f5c85; 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);}
/* //채용절차 */
/* 비공개 세부기준 추가 20220902- 최하연 */
.modify_date {text-align: right; padding: 0 20px; margin: -28px 0 0 0; font-weight: 400; font-size: 16px;}
/* //비공개 세부기준 추가 20220902- 최하연 */
/* 윤리헌장 */
.charter_box{border: 8px solid #f5f6f7; background: url(/direct/img/charter_box.png) no-repeat center 33px; background-size: calc(100% - 33px) calc(100% - 66px); text-align: center; padding: 100px 0 130px 0;}
.charter_tit{display: inline-block; padding: 8px 50px; background-color: #095395; font-size: 24px; font-weight: 500; color: #fff; border-radius: 30px;}
.charter_box>p{display: inline-block; width: calc(100% - 150px); font-size: 20px; line-height: 1.5; margin-top: 30px;}
.charter_box ul{display: inline-block; width: calc(100% - 150px); background: #f5f6f7 url(/direct/img/charter_mark.png) no-repeat center center; border-radius: 5px; font-size: 20px; letter-spacing: -0.45px; padding: 20px 55px 15px 55px; margin-top: 50px;}
.charter_box li{display: flex; justify-content: space-between; align-items: center; padding: 20px 10px; border-bottom: 1px dashed #d5d5d5;}
.charter_box li:last-child{border-bottom: 0;}
.charter_box span{display: inline-flex; width: 60px; height: 60px; background-color: #095395; border-radius: 10px; color: #fff; justify-content: center; align-items: center;}
.charter_box li p{width: calc(100% - 80px); text-align: left;}
/* //윤리헌장 */
@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: 66%}
/* .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;}
.charter_box{background: url(/direct/img/charter_box_1024.png) no-repeat center 33px; background-size: calc(100% - 24px) calc(100% - 48px);padding: 100px 0 80px 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%;}
/* 비공개 세부기준 추가 20220902- 최하연 */
.modify_date {padding: 0; margin: 10px 0 0 0;}
/* //비공개 세부기준 추가 20220902- 최하연 */
}
@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: 50%;}
.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%;}
.charter_box{background: url(/direct/img/charter_box_640.png) no-repeat center center; background-size: calc(100% - 20px) calc(100% - 40px);padding: 100px 0 80px 0;}
.charter_tit{padding: 8px 20px;}
.charter_box ul{width: calc(100% - 70px); padding: 20px 30px ;}
.charter_box li{display: block;}
.charter_box li p{width: 100%; text-align: center; margin-top: 20px;}
}
@media screen and (max-width: 560px){
/* 비공개 세부기준 추가 20220902- 최하연 */
.modify_date {text-align: center;}
/* //비공개 세부기준 추가 20220902- 최하연 */
}
@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}
.charter_box>p{width: calc(100% - 60px);}
}
@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; padding-left:10px;}
/* 표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{text-align: center;}
.con_list03 .imgBlock ul{display: inline-flex; width: calc(100% - 290px); justify-content: space-between; align-items: center; flex-wrap: wrap}
.con_list03 .imgBlock ul li{width: calc((100% - 60px)/4); height:111px; padding: 0; list-style:none; background:none; border-radius:10px; overflow: hidden}
.con_list03 .imgBlock ul li img{width:100%;}
/* .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{width: calc(100% - 200px);}
}
@media screen and (max-width: 978px) {
.con_list03 .imgBlock ul{width: calc(100% - 100px)}
.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: 640px){
.con_list03 .imgBlock ul{width: calc(100% - 50px)}
.con_list03 .imgBlock ul li{width: calc((100% - 20px)/2); height: 150px; margin-bottom: 20px}
}
@media screen and (max-width: 549px) {
.con_list03 .imgBlock ul li{width: calc((100% - 10px)/2); margin-bottom: 10px}
}
@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: 90%;}
}
/* 사전정보공표 */
.con_box361.flexBox01 {display:flex; justify-content: left; align-items: center; padding: 40px 100px}
.con_box361.flexBox01 .flexBox01_left{width: 120px; height: 110px; margin-right: 20px}
.con_box361.flexBox01 .con_box361_i{background-image: url(/img/nwImg.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 100%; display: inline-block; opacity: 40%;}
.con_box361.flexBox01 .flexBox01_right{width: calc(100% - 180px)}
.con_box361.flexBox01 .flexBox01_right h3 {color: #045dad;font-size: 27px;}
.con_box361.flexBox01 .flexBox01_right .text {color: #666;font-size: 16px;padding-top: 10px;}
@media screen and (max-width: 800px){
.con_box361.flexBox01{padding: 30px 20px}
.con_box361.flexBox01 .flexBox01_right {width: calc(100% - 100px);}
}
@media screen and (max-width: 560px){
.con_box361.flexBox01{flex-wrap: wrap; justify-content: center; padding: 30px 20px}
.con_box361.flexBox01 .flexBox01_left,.con_box361.flexBox01 .flexBox01_right{width: 100%; text-align: center}
.con_box361.flexBox01 .flexBox01_right{margin-top: 20px}
.con_box361.flexBox01 .flexBox01_right h3 {font-size:22px;}
.con_box361.flexBox01 .flexBox01_right .text {font-size:15px;}
}