/* 공통 */ .maTop12 {margin-top:12px !important;} .maTop14 {margin-top:14px !important;} .maTop25 {margin-top:25px !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;} .maBottom25 {margin-bottom:25px !important;} .maBottom30 {margin-bottom:30px !important;} .maBottom40 {margin-bottom:40px !important;} .maBottom50 {margin-bottom:50px !important;} .maBottom60 {margin-bottom:60px !important;} .maTopBottom25 {margin:25px 0} .maBottom80 {margin-bottom:80px !important;} .maRight6 {margin-right:6px !important;} .maRight1per {margin-right:1% !important;} .paTopBottm25 {padding:25px 0px} .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;} .paBottom25 {padding-bottom:25px !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:50px; border:0px solid red} .clear_wrap {width:100%; overflow:hidden;} .con_list00 {color:#16477e; font-size:28px; font-weight:600; margin-bottom:15px; background:url('/img/sub/con_list00.png') no-repeat 0 0; padding-left:28px;} .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:#ff6501; font-size:18px; font-weight:500; margin-bottom:15px; background:url('/img/sub/con_list02.png') no-repeat 0 6px; padding-left:20px;} .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} .main_con_text {color:#666; font-size:20px; line-height:150%; font-weight:400} .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:15px; background:url('/img/sub/con_list02.png') no-repeat 0 3px; padding-left:20px; margin-left:10px } .title_line {height:1px; width:100%; background-color:#e4e4e4; margin:25px 0} /* 이미지 */ .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: 50%} .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::before{height: 65%;} .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: 0 !important;} .btmBox .orgDeth2 li a{word-break:break-all; width: 79%; display: block; text-align: left;} .boxL .tit_box{font-size: 15px;} .btmOrg .box p{font-size: 16px;} .btmOrg .box img{width:30%;} .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; word-break: break-all;} .tbl01 caption {height:0; text-indent:-9999px;} .tbl01 th, .tbl01 td {padding:10px 2px; font-size:15px; border:1px solid #dedee1; font-weight:500;} /* 210504-정수빈수정 */ /* 800px 이하 */ @media screen and (max-width: 800px) { .tbl01 th, .tbl01 td {padding:10px 2px; font-size:13px; letter-spacing: -0.5px;word-break: break-all;} .tbl01.tbl01-s th, .tbl01.tbl01-s td {padding:10px 2px; font-size:13px; } .tbl01 th{font-weight:500;} .tbl02 th{font-weight:500;} .tbl-m-block th, .tbl-m-block td{display:block;width:100% !important;text-align:left !important;} } @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:#000;} .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; padding:100px 10px 30px 10px; background:url('/img/sub/complain_tt.png') no-repeat top 20px center #fbfbfb; } .complain_tt h3 {text-align: center; font-weight: normal;} .complain_tt ul {width: 100%; text-align: left;} .complain_tt ul li { margin-left: 10px; padding: 0px 8px 5px 8px; ;background: url(/img/sub/con_list04.png) no-repeat 0 8px;} .complain_tt ul li:last-child {color: #d9111b;} .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-color:#FF6501; font-size:16px; margin:5px 2px;} .complain_btn .complain_btn2 {background-color:#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:160px; border:2px solid #555; border-radius:20px;overflow:hidden;} .sub12_list2,.sub14_list {width:30%; margin:1%; height:160px; border:2px solid #555; border-radius:20px;overflow:hidden; align-items: center;} .sub13 {height: 185px !important;} /* 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; display: flex; justify-content: center;} .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%;} .sub11_list2 dt .strategy {font-size: 14px; width: 42px;-webkit-border-radius: 5px;border-radius: 5px; margin-right: 5px; margin-top: 2px; background-color: #fff; line-height: 25px;} .sub11_list2 dt .strategy_1 {color: #13878c; font-weight: 600;} .sub11_list2 dt .strategy_2 {color: #136bae; font-weight: 600;} .sub11_list2 dt .strategy_3 {color: #093d77; font-weight: 600;} .sub12_list2 dt {padding:15px 0; text-align:center; color:#fff; font-size:17px; font-weight:bold;margin-bottom: 15px;box-sizing:border-box;} .sub12_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;} .sub12_list2 {float:none; padding-bottom:20px; width:98%; height:auto; border:2px solid #00559c; border-radius:20px;} .sub12_list2 dt {padding:20px 0 20px 0; text-align:center; color:#fff; font-size:17px; font-weight:bold; } .sub12_list2 dt br{display: none} .sub12_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;} } .sub12_arrow {width:14px; height:19px} @media screen and (max-width: 480px) { .sub11_list1 dd {margin-left:7%; font-size:15px;} .sub12_list1 dd {margin-left:7%; font-size:15px;} } @media screen and (max-width: 400px){ .sub11_list2 dt {padding: 8px 28px;}/* 210504-정수빈 수정 */ .sub12_list2 dt {padding: 8px 28px;} } @media screen and (max-width: 760px){ .sub12_arrow {margin-bottom:15px; transform: rotate(90deg);} } /* 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:33px; 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} .con41_box2 {width:48%;background:#fff;} @media screen and (max-width: 770px) { .con41_box2, .con41_box {float:left; width:48%; margin:1%; border:1px solid #eeeeee} } @media screen and (max-width: 500px) { .con41_box2, .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:#FFA367; } .con41_box a:hover {color:#005aab; font-weight:bold;} .con_box431 {width:100%; padding:50px 30px 50px 50px; background:url('/img/sub/img431_1920.png') no-repeat center } .con_box431 .title {color:#000; font-size:20px; font-weight:300; line-height:150%;} .con_box431 .title span {color:#045dad; font-weight:600} .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-수정*/ .main_con_text .imgBlock{text-align: center;} .main_con_text .imgBlock ul{display: inline-flex; width: calc(100% - 290px); justify-content: space-between; align-items: center; flex-wrap: wrap} .main_con_text .imgBlock ul li{width: calc((100% - 60px)/4); max-height:111px; padding: 0; list-style:none; background:none; border-radius:10px; overflow: hidden} .main_con_text .imgBlock ul li img{width:100%; height: 111px} .main_con_text .imgBlock2 {text-align: center;} .main_con_text .imgBlock2 ul{display: inline-flex; width: calc(100% - 290px); justify-content: space-between; align-items: center; flex-wrap: wrap} .main_con_text .imgBlock2 ul li{width: calc((100% - 60px)/4); padding: 0; list-style:none; background:none; border-radius:10px;} .main_con_text .imgBlock2 ul li img{height:100%} .main_con_text .imgBlock2 ul li span {font-size: 14px; font-weight: 400;} /* .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;} .boxNew5 {display:flex; justify-content: space-around; flex-wrap: wrap; align-items: center;} @media screen and (max-width: 1150px){ .main_con_text .imgBlock ul{width: calc(100% - 290px);} .main_con_text .imgBlock2 ul{width: calc(100% - 290px);} } @media screen and (max-width: 978px) { .main_con_text .imgBlock ul{width: calc(100% - 100px);} .main_con_text .imgBlock ul li img{width:100%;height:100%;} .main_con_text .imgBlock2 ul{width: calc(100% - 100px)} .main_con_text .imgBlock2 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){ .main_con_text .imgBlock ul li{height: 111px; margin-bottom: 20px} .main_con_text .imgBlock ul li img {height: 100%;} .main_con_text .imgBlock2 ul{width: calc(100% - 50px)} .main_con_text .imgBlock2 ul li{width: calc((100% - 20px)/2); height: 111px; margin-bottom: 50px} } @media screen and (max-width: 549px) { .main_con_text .imgBlock ul li{height: 111px; margin-bottom: 20px} .main_con_text .imgBlock2 ul li{height: 111px; margin-bottom: 50px} } @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;} .conboxNew .content_img_480 img {width: 100%;} } @media screen and (max-width: 420px){ .boxNew52 .sub14_list{height:178px;} .boxNew52 .sub14_list dt{padding:12px 0 16px 0;} .main_con_text .imgBlock ul li img{height: 100%;} .main_con_text .imgBlock2 ul li img {} .main_con_text .imgBlock2 ul li{height: 150px;margin-bottom: 50px;} } /* 사전정보공표 */ .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;} } /* 20221107 - 개인정보처리방침 .table_content_box{display: flex; width: 100%; border-radius: 5px; background-color: #f5f5f5; padding: 20px 50px; box-sizing: border-box; font-size: 16px; line-height: 1.5; margin: 0 0 40px 0;} .table_content_box ul{width: 50%;} .table_content_box li{position: relative; margin-bottom: 10px; padding: 0 10px 0 15px; } .table_content_box li::after{position: absolute; content: " "; width: 5px; height: 5px; background-color: #5785bc; border-radius: 100%; left: 0; top: 10px;} .table_content_box li:last-child{margin-bottom: 0;} @media screen and (max-width: 640px){ .table_content_box{padding: 20px;} } @media screen and (max-width: 500px){ .table_content_box{display: block;} .table_content_box ul{width: 100%;} .table_content_box ul:last-child{margin-top: 10px;} } */ /* 20221215 개인정보처리방침 */ /* 20221107 - 개인정보처리방침 */ .table_content_box{display: flex; width: 100%; border-radius: 5px; background-color: #f5f5f5; padding: 20px 50px; box-sizing: border-box; font-size: 16px; line-height: 1.5; flex-wrap: wrap;} .table_content_box::after{display: none;} .table_content_box ul{width: 49%;} .table_content_box li{position: relative; margin-bottom: 10px; padding: 0 10px 0 15px; font-size: 18px; color: #222;} .table_content_box li::after{position: absolute; content: " "; width: 5px; height: 5px; background-color: #5785bc; border-radius: 100%; left: 0; top: 10px;} .table_content_box li:last-child{margin-bottom: 0;} .table_content_box h3{width: 100%; font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 20px;} .pipp_cont dt{background-position: left center; background-image: url(/img/sub/con_list01.png); padding-left: 30px; font-size: 20px; font-weight: 500; margin: 50px 0 15px 0;} .pipp_cont dd{position: relative; margin: 0 0 15px 0; color: #444; font-size: 17px; font-weight: 300; background-image: none;} .pipp_cont dd::after{position: absolute; content: ""; width: 5px; height: 5px; background-color: #5785bc; border-radius: 100%; left: 0; top: 11px;} .pipp_cont .pipp_box{display: flex; align-items: center; padding: 40px; background-color: #f5f5f5; border-radius: 5px; font-size: 18px; font-weight: 300; color: #444; overflow: hidden;} .pipp_cont .pipp_box::after{display: none;} .pipp_cont .pipp_icon01{display: inline-block; width: 230px; height: 160px; background-image: url(/img/sub/pipp_img01.png); background-repeat: no-repeat; margin-right: 40px;} .pipp_cont .pipp_icon01+p{width: calc(100% - 270px);} .pipp_cont .pipp_labeling_ul::after{display: none;} .pipp_cont .pipp_labeling_ul ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0;} .pipp_cont .pipp_labeling_ul li{display: flex; align-items: center; width: calc((100% - 60px)/3); border: 1px solid #d5d5d5; background-color: #f5f5f5; border-radius: 5px; padding: 20px 40px;} .pipp_cont .pipp_labeling_ul li i{width: 66px; height: 74px; background-repeat: no-repeat; margin: 0 20px 0 0;} .pipp_cont .pipp_labeling_ul li .pipp_icon02{background-image: url(/img/sub/pipp_labeling_img01.png);} .pipp_cont .pipp_labeling_ul li .pipp_icon03{background-image: url(/img/sub/pipp_labeling_img02.png);} .pipp_cont .pipp_labeling_ul li .pipp_icon04{background-image: url(/img/sub/pipp_labeling_img03.png);} .pipp_cont .pipp_labeling_ul li .text_area{width: calc(100% - 80px);margin:0 0 0 10px;} .pipp_cont .pipp_labeling_ul li p{font-size: 18px; font-weight: 500; color: #222; padding: 0 0 5px 0;} .pipp_cont .pipp_labeling_ul li span{display: inline-block; font-size: 16px;} .pipp_cont .pipp_tit{height: 40px;background-position: left 0; padding-top: 4px; padding-left: 40px;} .pipp_cont .tit01{background-image: url(/img/sub/pipp_title_img01.png);} .pipp_cont .tit02{background-image: url(/img/sub/pipp_title_img01.png), url(/img/sub/pipp_title_img03.png), url(/img/sub/pipp_title_img02.png); background-position:80px 0, 40px 0, left 0; padding-left: 125px;} .pipp_cont .tit03{background-image: url(/img/sub/pipp_title_img03.png);} .pipp_cont .tit04{background-image: url(/img/sub/pipp_title_img04.png);} .pipp_cont .tit05{background-image: url(/img/sub/pipp_title_img05.png);} .pipp_cont .tit06{background-image: url(/img/sub/pipp_title_img06.png);} .pipp_cont .tit07{background-image: url(/img/sub/pipp_title_img08.png),url(/img/sub/pipp_title_img07.png); background-position: 40px 0, left 0; padding-left: 85px;} .pipp_cont .tit08{background-image: url(/img/sub/pipp_title_img09.png);} .pipp_cont .tit09{background-image: url(/img/sub/pipp_title_img10.png);} .pipp_cont .tit10{background-image: url(/img/sub/pipp_title_img11.png);} .pipp_cont .tit11{background-image: url(/img/sub/pipp_title_img12.png); height: auto;} .pipp_cont dd.tit11::after{display: none;} .pipp_cont .tit12{background-image: url(/img/sub/pipp_title_img13.png);} .pipp_cont .tit13{background-image: url(/img/sub/pipp_title_img15.png);} .pipp_cont .tit15{background-image: url(/img/sub/pipp_title_img15.png);} .pipp_cont .tit16{background-image: url(/img/sub/pipp_title_img16.png);} .pipp_cont table{width: 100%; border-top: 2px solid #012b5d; text-align: center;} .pipp_cont table thead th{background-color: #f5f5f5;font-size: 16px; color: #222; font-weight: 500; height: 45px;border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; } .pipp_cont table thead th:last-child{border-right: 0;} .pipp_cont table tbody tr{border-bottom: 1px solid #d5d5d5; font-size: 16px; color: #666;} .pipp_cont table tbody td{border-right: 1px solid #d5d5d5; padding: 5px 10px;} .pipp_cont table tbody td:last-child{border-right: 0;} .pipp_cont .small_text{font-size: 16px; text-indent: -10px; color: #666; padding: 2px 0 2px 15px;} .pipp_cont a{display: inline-block; border: 1px solid #d5d5d5; width: auto; height: auto; font-size: 16px; font-weight: 400; padding: 8px 15px 8px 25px; display: inline-flex; align-items: center; background-image: url(/img/sub/pipp_outlink.png); background-repeat: no-repeat; background-position: 12px center; letter-spacing: -.5px; margin-top: 10px;} .pipp_cont .link{display: flex; flex-wrap: wrap; margin: 10px 0 0 0;} .pipp_cont .link a{padding: 8px 15px 8px 36px; margin: 0 8px 8px 0;} @media screen and (max-width: 1024px){ .pipp_cont .pipp_labeling_ul li{flex-wrap: wrap; justify-content: center; text-align: center;} .pipp_cont .pipp_labeling_ul li i{width: 100%; background-position: center; margin: 0 0 10px 0;} .pipp_cont .pipp_labeling_ul li .text_area{width: 100%; margin:10px 0 0 0;} .table_content_box ul{width: 48%;} } @media screen and (max-width: 640px){ .pipp_cont .pipp_box{flex-wrap: wrap; text-align: center; justify-content: center; padding:30px 20px} .pipp_cont .pipp_icon01{width: 100%; background-position: center;} .pipp_cont .pipp_icon01+p{width: 100%;} .pipp_cont .pipp_labeling_ul li{width: 100%; margin: 0 0 10px 0;} .table_content_box{padding: 20px;} .table_content_box ul{width: 100%;} .pipp_cont a{width: 100%; text-align: center;} } @media screen and (max-width: 500px){ .table_content_box{display: block;} .table_content_box ul:last-child{margin-top: 10px;} } /****** 2024-07-23 NEW ******/ /********* NEW content1.css *********/ body{letter-spacing:-1px;-webkit-text-size-adjust:none;word-break:keep-all;word-wrap:break-word;} .clear:after{content:"";display:block;clear:both} .fl{float:left !important} .fr{float:right !important} .fn{float:none !important} .cb{clear:both !important} .clI{clear:inherit !important} .tleft{text-align:left !important} .tcenter{text-align:center !important} .tright{text-align:right !important} .tl{text-align:left !important} .tc{text-align:center !important} .tr{text-align:right !important} .vat{vertical-align:top !important} .vam{vertical-align:middle !important} .db{display:block !important} .dib{display:inline-block !important} .di{display:inline !important} /* position */ .posR{position:relative !important;} .posA{position:absolute !important;} .posS{position:static !important} .posF{position:fixed;} .h100{height:100%} /* margin */ .mg0{margin:0 !important} .mgt0{margin-top:0 !important} .mgt5{margin-top:5px !important} .mgt10{margin-top:10px !important} .mgt15{margin-top:15px !important} .mgt20{margin-top:20px !important} .mgt25{margin-top:25px !important} .mgt30{margin-top:30px !important} .mgt35{margin-top:35px !important} .mgt40{margin-top:40px !important} .mgt45{margin-top:45px !important} .mgt50{margin-top:50px !important} .mgt55{margin-top:55px !important} .mgt60{margin-top:60px !important} .mgt65{margin-top:65px !important} .mgt70{margin-top:70px !important} .mgt75{margin-top:75px !important} .mgt80{margin-top:80px !important} .mgt85{margin-top:85px !important} .mgt90{margin-top:90px !important} .mgt95{margin-top:95px !important} .mgt100{margin-top:100px !important} .mgb0{margin-bottom:0 !important} .mgb5{margin-bottom:5px !important} .mgb10{margin-bottom:10px !important} .mgb15{margin-bottom:15px !important} .mgb20{margin-bottom:20px !important} .mgb25{margin-bottom:25px !important} .mgb30{margin-bottom:30px !important} .mgb35{margin-bottom:35px !important} .mgb40{margin-bottom:40px !important} .mgb45{margin-bottom:45px !important} .mgb50{margin-bottom:50px !important} .mgb55{margin-bottom:55px !important} .mgb60{margin-bottom:60px !important} .mgb65{margin-bottom:65px !important} .mgb70{margin-bottom:70px !important} .mgb75{margin-bottom:75px !important} .mgb80{margin-bottom:80px !important} .mgb85{margin-bottom:85px !important} .mgb90{margin-bottom:90px !important} .mgb95{margin-bottom:95px !important} .mgb100{margin-bottom:100px !important} .mgr0{margin-right:0 !important} .mgr5{margin-right:5px !important} .mgr10{margin-right:10px !important} .mgr15{margin-right:15px !important} .mgr20{margin-right:20px !important} .mgr25{margin-right:25px !important} .mgr30{margin-right:30px !important} .mgr35{margin-right:35px !important} .mgr40{margin-right:40px !important} .mgr45{margin-right:45px !important} .mgr50{margin-right:50px !important} .mgr55{margin-right:55px !important} .mgr60{margin-right:60px !important} .mgr65{margin-right:65px !important} .mgr70{margin-right:70px !important} .mgr75{margin-right:75px !important} .mgr80{margin-right:80px !important} .mgr85{margin-right:85px !important} .mgr90{margin-right:90px !important} .mgr95{margin-right:95px !important} .mgr100{margin-right:100px !important} .mgl0{margin-left:0 !important} .mgl5{margin-left:5px !important} .mgl10{margin-left:10px !important} .mgl15{margin-left:15px !important} .mgl20{margin-left:20px !important} .mgl25{margin-left:25px !important} .mgl30{margin-left:30px !important} .mgl35{margin-left:35px !important} .mgl40{margin-left:40px !important} .mgl45{margin-left:45px !important} .mgl50{margin-left:50px !important} .mgl55{margin-left:55px !important} .mgl60{margin-left:60px !important} .mgl65{margin-left:65px !important} .mgl70{margin-left:70px !important} .mgl75{margin-left:75px !important} .mgl80{margin-left:80px !important} .mgl85{margin-left:85px !important} .mgl90{margin-left:90px !important} .mgl95{margin-left:95px !important} .mgl100{margin-left:100px !important} /* padding */ .p0{padding:0 !important} .ptb0{padding-top:0 !important;padding-bottom:0 !important} .prl0{padding-right:0 !important;padding-left:0 !important} .p10{padding:10px !important} .p20{padding:20px !important} .p30{padding:30px !important} .p40{padding:40px !important} .p50{padding:50px !important} .pt0{padding-top:0 !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pt15{padding-top:15px !important} .pt20{padding-top:20px !important} .pt25{padding-top:25px !important} .pt30{padding-top:30px !important} .pt35{padding-top:35px !important} .pt40{padding-top:40px !important} .pt45{padding-top:45px !important} .pt50{padding-top:50px !important} .pt55{padding-top:55px !important} .pt60{padding-top:60px !important} .pt65{padding-top:65px !important} .pt70{padding-top:70px !important} .pt75{padding-top:75px !important} .pt80{padding-top:80px !important} .pt85{padding-top:85px !important} .pt90{padding-top:90px !important} .pt95{padding-top:95px !important} .pt100{padding-top:100px !important} .pb0{padding-bottom:0 !important} .pb5{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb15{padding-bottom:15px !important} .pb20{padding-bottom:20px !important} .pb25{padding-bottom:25px !important} .pb30{padding-bottom:30px !important} .pb35{padding-bottom:35px !important} .pb40{padding-bottom:40px !important} .pb45{padding-bottom:45px !important} .pb50{padding-bottom:50px !important} .pb55{padding-bottom:55px !important} .pb60{padding-bottom:60px !important} .pb65{padding-bottom:65px !important} .pb70{padding-bottom:70px !important} .pb75{padding-bottom:75px !important} .pb80{padding-bottom:80px !important} .pb85{padding-bottom:85px !important} .pb90{padding-bottom:90px !important} .pb95{padding-bottom:95px !important} .pb100{padding-bottom:100px !important} .pb120{padding-bottom:120px !important} .pb150{padding-bottom:150px !important} .pr0{padding-right:0 !important} .pr5{padding-right:5px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr25{padding-right:25px !important} .pr30{padding-right:30px !important} .pr35{padding-right:35px !important} .pr40{padding-right:40px !important} .pr45{padding-right:45px !important} .pr50{padding-right:50px !important} .pr55{padding-right:55px !important} .pr60{padding-right:60px !important} .pr65{padding-right:65px !important} .pr70{padding-right:70px !important} .pr75{padding-right:75px !important} .pr80{padding-right:80px !important} .pr85{padding-right:85px !important} .pr90{padding-right:90px !important} .pr95{padding-right:95px !important} .pr100{padding-right:100px !important} .pl0{padding-left:0 !important} .pl5{padding-left:5px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl20{padding-left:20px !important} .pl25{padding-left:25px !important} .pl30{padding-left:30px !important} .pl35{padding-left:35px !important} .pl40{padding-left:40px !important} .pl45{padding-left:45px !important} .pl50{padding-left:50px !important} .pl55{padding-left:55px !important} .pl60{padding-left:60px !important} .pl65{padding-left:65px !important} .pl70{padding-left:70px !important} .pl75{padding-left:75px !important} .pl80{padding-left:80px !important} .pl85{padding-left:85px !important} .pl90{padding-left:90px !important} .pl95{padding-left:95px !important} .pl100{padding-left:100px !important} .pd60{padding:60px;} .bdr0{border:0!important;} .flex-reverse{flex-direction: row-reverse} .flex-start{justify-content: flex-start !important} .flex-between{justify-content: space-between !important} /* font */ .italic{font-style:italic;} .fw1{font-weight:100 !important; font-size: inherit; color: inherit; } .fw2{font-weight:200 !important; font-size: inherit; color: inherit; } .fw3{font-weight:300 !important; font-size: inherit; color: inherit; } .fw4{font-weight:400 !important; font-size: inherit; color: inherit; } .fw5{font-weight:500 !important; font-size: inherit; color: inherit; } .fw6{font-weight:600 !important; font-size: inherit; color: inherit; } .fw7, .fwb{font-weight:700 !important; font-size: inherit; color: inherit; } .fw8{font-weight:800 !important; font-size: inherit; color: inherit; } .fw9{font-weight:900 !important; font-size: inherit; color: inherit; } .colorWhite{ color: #ffffff !important; font-size: inherit; font-weight: inherit; line-height: inherit; } .colorGray9{ color: #999999 !important; font-size: inherit; font-weight: inherit; line-height: inherit; } .colorGray6{ color: #666666 !important; font-size: inherit; font-weight: inherit; line-height: inherit; } .colorGray5{ color: #555555 !important; font-size: inherit; font-weight: inherit; line-height: inherit; } .colorGray4{ color: #444444 !important; font-size: inherit; font-weight: inherit; line-height: inherit; } .colorGray3{ color: #333333 !important; font-size: inherit; font-weight: inherit; line-height: inherit; } .colorGray2{ color: #222222 !important; font-size: inherit; font-weight: inherit; line-height: inherit; } .colorBlack{ color: #000 !important; font-size: inherit; font-weight: inherit; line-height: inherit; } .colorKey1{color:var(--primary-color) !important;} /* 제목 */ .color-primary{color:var(--second-color);} .sub-tit-wrap{padding:0 0 30px;} .sub-tit-badge{color:var(--primary-color);font-weight:700; font-size: 16px} .sub-tit20{font-size:1.25rem;} .sub-tit24{font-size:1.5rem;} .sub-tit20-cir{padding:2px 0 2px 30px;color:var(--primary-color);font-size:1rem;font-weight:500;background:url('/images_new/common/ico-deco-cir.png') 0 50% no-repeat;} .sub-tit30{color:#000;font-size:1.875rem;} .sub-tit40{margin-bottom:1em;color:#000;font-size:2.2rem;line-height:1.4;} .tit-deco-line{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #000;} .tit-deco-prebar:before{content:'';display:inline-block;width:24px;height:24px;margin:-4px 10px 0 0;vertical-align:middle;background:url('/images_new/common/ico-deco-tit.svg') 0 50% no-repeat;} .tit-deco-dot:before{content:'';display:inline-block;width:8px;height:8px;margin:-4px 10px 0 0;vertical-align:middle;background-color:var(--primary-color);border-radius:50%;} .txt-note{color:#666 !important;} .bx-link{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-9999em;} .badge{font-size:16px;color:var(--primary-color) !important;font-weight:500} .badge-bx{} .badge-answer{display:inline-block;margin-right:4px;padding:5px 8px 7px;color:#fff;font-size:12px;font-weight:500;background:#FF944D;line-height:1.1;} .badge-answer.wait{color:#FF944D;background:#fff;border:1px solid #FF944D;} .badge-secret{display:none;width:16px;height:24px;text-indent:-9999em;background:url('/images/board/ico-secret.svg') 2px 50% / 10px no-repeat;} .boardView thead .badge-answer{vertical-align:middle;font-family:'Noto Sans KR', Tahoma, Geneva, sans-serif;} section{ position: relative; width: 100%; overflow: hidden; } .inner{ width: 1340px; max-width: 100%; margin: 0 auto; padding: 0 20px; } /* 폰트 S-CoreDream */ h1, h2, h3, h4, h5, h6, .hgroup-top dt, .normal-dl dt, .sub-location {font-family:var(--font-s-core);letter-spacing:-0.5px;} h1, h2, h3, h4, h5, h6{line-height:1.4;letter-spacing:-0.5px;} /* font */ .italic{font-style:italic;} .fw1{font-weight:100 !important; font-size: inherit; color: inherit; } .fw2{font-weight:200 !important; font-size: inherit; color: inherit; } .fw3{font-weight:300 !important; font-size: inherit; color: inherit; } .fw4{font-weight:400 !important; font-size: inherit; color: inherit; } .fw5{font-weight:500 !important; font-size: inherit; color: inherit; } .fw6{font-weight:600 !important; font-size: inherit; color: inherit; } .fw7, .fwb{font-weight:700 !important; font-size: inherit; color: inherit; } .fw8{font-weight:800 !important; font-size: inherit; color: inherit; } .fw9{font-weight:900 !important; font-size: inherit; color: inherit; } .fs01{font-size:0.1em !important; font-weight: inherit; color: inherit; } .fs02{font-size:0.2em !important; font-weight: inherit; color: inherit; } .fs03{font-size:0.3em !important; font-weight: inherit; color: inherit; } .fs04{font-size:0.4em !important; font-weight: inherit; color: inherit; } .fs05{font-size:0.5em !important; font-weight: inherit; color: inherit; } .fs06{font-size:0.6em !important; font-weight: inherit; color: inherit; } .fs07{font-size:0.7em !important; font-weight: inherit; color: inherit; } .fs08{font-size:0.8em !important; font-weight: inherit; color: inherit; } .fs09{font-size:0.9em !important; font-weight: inherit; color: inherit; } .fs11{font-size:1.1em !important; font-weight: inherit; color: inherit; } .fs12{font-size:1.2em !important; font-weight: inherit; color: inherit; } .fs13{font-size:1.3em !important; font-weight: inherit; color: inherit; } .fs14{font-size:1.4em !important; font-weight: inherit; color: inherit; } .fs15{font-size:1.5em !important; font-weight: inherit; color: inherit; } .fs16{font-size:1.6em !important; font-weight: inherit; color: inherit; } .fs17{font-size:1.7em !important; font-weight: inherit; color: inherit; } .fs18{font-size:1.8em !important; font-weight: inherit; color: inherit; } .fs19{font-size:1.9em !important; font-weight: inherit; color: inherit; } .fs20{font-size:2.0em !important; font-weight: inherit; color: inherit; } /* color */ :root { --primary-color: #FF6501; --second-color: #FF8434; --third-color: #FFA367; --dark-color: #444; --gray-color: #999; --font-s-core: 'S-CoreDream','Pretendard','Noto Sans KR', Tahoma, Geneva, sans-serif; } .fm-arrow{font-family: 'SUIT-Regular';} /* 아이콘 */ .ir{display:inline-block;vertical-align:middle;} .ir.arrow{height:20px;width:8px;background:url('/images_new/common/ico-arrow2.svg') 50% / 100% no-repeat;} dl, dt, dd, figure, img{margin:0; padding:0;} .subcontents img{max-width:100%;} /* ■■■■■■■■ MAIN ■■■■■■■■ */ /* common */ .main-visual-sec{color:#fff;line-height:1.6;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);} .main-visual-sec .swiper-slide{position:relative;} .main-visual-sec .swiper-slide figure{position:absolute;z-index:-1;} .main-visual-sec .swiper-slide .inner{position:relative;height:978px;display:flex;padding-top:96px;justify-content: center;flex-wrap: wrap;flex-direction: column;z-index:9;} .swiper-pagination-wrap{ width: 1340px; max-width: 100%; margin: 0 auto; padding: 0 20px; } .swiper-pagination-wrap .custom-fraction{position:absolute;top:177px;margin-left:80px;font-size:12px;display:inline-block;z-index: 10;letter-spacing:0;} .main-visual-sec .swiper-pagination-bullets{bottom:auto;top:170px;} .main-visual-sec .swiper-pagination-bullet{margin:0 4px;background:#fff;border-radius:99px;box-shadow:0px 0px 4px rgba(0, 0, 0, 0.25);transition:width 0.4s ease;} .main-visual-sec .swiper-pagination-bullet-active{width:16px;} .main-visual-sec .main-tit{font-size:60px;line-height:1.3;} .main-visual-sec .main-tit p{margin-bottom:10px;font-size:24px;} .main-visual-sec .main-desc{margin-top:35px;} .main-visual-sec .main-btn-link{display:flex;margin-top:70px;z-index:9;} .main-visual-sec .main-btn-link li{padding:10px;font-size:14px;text-align:center;} .main-visual-sec .main-btn-link li strong{display:block;font-size:1.42em;font-weight:500;} .main-visual-sec .main-btn-link li a{display:flex;width:240px;height:240px;color:#fff;justify-content: center;align-items: center;flex-direction: column;border-radius:50%;transition:0.3s ease;} .main-visual-sec .main-btn-link li i{width:33px;height:40px;} .main-visual-sec .main-btn-link li a p{padding:14px 0 0;} .main-visual-sec .main-btn-link li a .over-go{height:0;padding-top:10px;font-size:16px;transition:height 0.3s ease;opacity: 0; visibility: hidden;} .main-visual-sec .main-btn-link li.active a, .main-visual-sec .main-btn-link li.active a:hover, .main-visual-sec .main-btn-link li a:hover{text-decoration:none;background:#FF6501 url('/images_new/common/bg-main-btn-link.svg') 50% / cover no-repeat;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);} .main-visual-sec .main-btn-link li.active a .over-go, .main-visual-sec .main-btn-link li a:hover .over-go{height:auto;opacity: 1; visibility: visible;} .main-visual-sec{background:url('/images_new/contents/main-visual-bg01.png') 50% no-repeat} .main-visual-01{background:url('/images_new/contents/main-visual-img01.png') right 10% top 20% no-repeat;} .main-visual-02{background:url('/images_new/contents/main-visual-img02.png') right 50% top 40% no-repeat;} .main-visual-03{background:url('/images_new/contents/main-visual-img03.png') right 10% top 30% no-repeat;} .main-visual-sec figure{display:none;} /*.main-visual-01 figure{right:-120px;top:9%;} .main-visual-02 figure{right:-120px;top:9%;} .main-visual-03 figure{right:-120px;top:9%;}*/ .main-visual-01 .main-btn-link li:nth-child(1) i{background:url('/images_new/common/btn-mvi-01-01.svg') 50% no-repeat;} .main-visual-01 .main-btn-link li:nth-child(2) i{background:url('/images_new/common/btn-mvi-01-02.svg') 50% no-repeat;} .main-visual-01 .main-btn-link li:nth-child(3) i{background:url('/images_new/common/btn-mvi-01-03.svg') 50% no-repeat;} .main-visual-01 .main-btn-link li:nth-child(4) i{background:url('/images_new/common/btn-mvi-01-04.svg') 50% no-repeat;} .main-visual-02 .main-btn-link li{text-transform:uppercase;} .main-visual-02 .main-btn-link li span{font-size:16px;letter-spacing:0;} .main-visual-02 .main-btn-link li:nth-child(1) i{background:url('/images_new/common/btn-mvi-02-01.svg') 50% no-repeat;} .main-visual-02 .main-btn-link li:nth-child(2) i{background:url('/images_new/common/btn-mvi-02-02.svg') 50% no-repeat;} .main-visual-02 .main-btn-link li:nth-child(3) i{background:url('/images_new/common/btn-mvi-02-03.svg') 50% no-repeat;} .main-visual-02 .main-btn-link li:nth-child(4) i{background:url('/images_new/common/btn-mvi-02-04.svg') 50% no-repeat;} .main-visual-03 .main-btn-link li:nth-child(1) i{background:url('/images_new/common/btn-mvi-03-01.svg') 50% no-repeat;} .main-visual-03 .main-btn-link li:nth-child(2) i{background:url('/images_new/common/btn-mvi-03-02.svg') 50% no-repeat;} .main-visual-03 .main-btn-link li:nth-child(3) i{background:url('/images_new/common/btn-mvi-03-03.svg') 50% no-repeat;} .main-visual-03 .main-btn-link li:nth-child(4) i{background:url('/images_new/common/btn-mvi-03-04.svg') 50% no-repeat;} .main-sec{padding:120px 0;} .main-bx-tit{} .main-bx-tit span{color:var(--primary-color);font-size: 24px;font-weight: 600;} .main-bx-tit p{padding-top:20px;color: #121212;font-size: 32px;font-weight: 700;line-height:1.4;} /* 메인 > POLA 소식 */ .main-sec1 .main-bx-tit{width:380px;padding-right:40px;} .main-sec1 .inner{display:flex;background:url('/images_new/contents/main-news-bg.png') 0 100% no-repeat;justify-content: space-between;} .main-news-wrap{overflow:hidden;width:calc(100% - 380px);} .main-news-tab-head{position:relative;text-align:right;} .main-news-tab-head *{vertical-align:middle;} .main-news-tab-head .tab-head{display:inline-block;padding-right:40px;} .main-news-tab-head .tab-head li{display:inline-block;margin-right:50px;color: #8C8C8C;font-size: 20px;font-weight:700;cursor:pointer;} .main-news-tab-head .tab-head li span{border-bottom:4px solid transparent;transition:0.3s ease;} .main-news-tab-head .tab-head li.active span{color: #FF6501;border-bottom:4px solid #FF6501;} .main-news-tab-head .tab-head li:not(.active) span:hover{border-bottom:4px solid #999;} .main-news-tab-head .tab-head .main-news-more{position:absolute;right:0;display:inline-block;width:40px;height:40px;color: #FFF;font-size: 20px;font-weight: 700;text-align:center;background: #FF6501;border-radius: 50%;line-height:40px;z-index:-1;visibility:hidden;} .main-news-tab-head .tab-head li.active .main-news-more{visibility:visible;z-index:1;} .main-news-tab-head .tab-head .main-news-more:hover{text-decoration:none;} .main-contents .swiper-scrollbar-drag{background:#FF6501;} .main-news-tab-contents{margin-top:70px;} .main-news-tab-contents .swiper-container{overflow:inherit;} .main-news-tab-contents .swiper-scrollbar{bottom:-60px !important;} .main-news-tab-contents > *{display:none;padding-bottom:70px;} .main-news-tab-contents > *.active{display:block;} .main-news-tab-contents-02 .main-news-tab-contents-bx li {width:calc((100% - 40px) / 3);} .main-news-tab-contents-02 .main-news-tab-contents-bx li + li{margin-left:20px;} .main-news-tab-contents li a{overflow:hidden;position:relative;display:block;height:400px;padding:20px;border-radius: 20px;background: #F4F4F4;transition:0.3s ease;} .main-news-tab-contents li a:hover{text-decoration:none;transform:translateY(-10px);} .main-news-tab-contents-bx{display:flex;font-weight: 700;} .main-news-tab-contents-bx .cate{color: #FF6501;font-size: 14px;} .main-news-tab-contents-bx .txt{margin-top:5px;color:#000;font-size:20px;font-weight:700;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 3em; line-height: 1.5; white-space: normal;} .main-news-tab-contents-bx .date{position:absolute;left:20px;bottom:20px;color: #666;font-size: 14px;} .main-news-tab-contents-bx figure{position:absolute;left:0;right:0;bottom:0;width:100%;height:200px;object-fit:cover;} .main-news-tab-contents-bx figure img{width:100%;height:100%;object-fit:cover;} .main-news-tab-contents-bx figure + .date{bottom:auto;top:160px;} .main-news-tab-contents-bx .new_icon{padding:1px 4px 2px; color:#fff; font-size:11px; font-weight:300; background: #8d8d8d; border-radius:2px;} /* 메인 > 주요사업 */ .main-sec2{border-radius: 0px 280px 0px 0px ;background: #FFF6F0;} .main-business{display:flex;} .main-business li {width:calc((100% - 40px) / 4);} .main-business li + li{margin-left:20px;} .main-business li a{overflow:hidden;position:relative;display:block;height:400px;padding:50px 30px;border-radius: 20px;background: #FFA367 url('/images_new/common/btn-mvi-03-04.png') 100% 100% / 90% no-repeat;transition:background 0.3s ease;} .main-business li:nth-child(odd) a{background-color: #FF6501;} .main-business li a:hover{text-decoration:none;background-size:95%;} .main-business li a p{color: #FFF;font-size: 24px;font-weight: 700;line-height:1.4;} .main-business li a p span{display:block;padding-bottom:10px;font-size: 0.58em;font-weight: 500;} .main-business li:nth-child(1) a{background-image:url('/images_new/contents/main-business-bg01.png');} .main-business li:nth-child(2) a{background-image:url('/images_new/contents/main-business-bg02.png');} .main-business li:nth-child(3) a{background-image:url('/images_new/contents/main-business-bg03.png');} .main-business li:nth-child(4) a{background-image:url('/images_new/contents/main-business-bg04.png');} /* 메인 > 유익한 소식을 나눠요. */ .main-sec3 .swiper-container{overflow:inherit;padding-bottom:60px;} .main-sec3 .swiper-wrapper{width:calc(100% + 24%);} .main-sec3 .swiper-slide{width:240px;height:auto;} .main-sec3 .swiper-slide a{position:relative;overflow:hidden;display:flex;height:100%;border-radius:20px;align-items: center;transition:0.3s ease;border: 1px solid #ddd} .main-sec3 .swiper-slide a:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;border-radius:18px;border: 1px solid #FF6501;opacity:0;transition: 0.3s ease;} .main-sec3 .swiper-slide a:hover{border-color:#FF6501;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);} .main-sec3 .swiper-slide a:hover:after{opacity:1;} /* 메인 > 소통으로 혁신을 만들어요 */ .main-communication{overflow:hidden;position:relative;width:100%;max-width:calc(100% - ((100vw - 1300px) / 2));margin:0;} .main-communication li, .main-communication a{transition:background-color 0.3s ease, border 0.3s ease;text-decoration:none;} .main-communication .inner{float:right;width: 1300px;display:flex;justify-content: space-between;} .main-communication .inner > *{width:48%;} .main-communication-link{padding-bottom:20px;background: #fff6f0;border-radius: 0px 60px 0px 10px;} .main-communication-link:after{content:'';display:block;position:absolute;top:35px;bottom:0;left:0;width:40%;background: #fff6f0;z-index:-1;} .main-communication-link.over:after{top:0;} .main-communication-link a{display:block;padding:20px 60px 20px 12%;color: #666;font-size: 14px;text-align:right;} .main-communication-link a strong{padding-left:5px;color: #000;font-size: 20px;} .main-communication-link li{border-radius: 10px 10px 20px 10px;} .main-communication-link li + li:before{content:'';display:block;width:90%;margin:auto;border-top:1px solid rgba(221, 221, 221, 0.87);transition:0.3s ease;} .main-communication-link li.active, .main-communication-link li:hover{color: #fff;background: var(--primary-color, #FF6501) url('/images_new/contents/ico-main-communication-01-light.png') left 20px top 50% no-repeat;} .main-communication-link li:hover:before{border-color:#FF6501;} .main-communication-link li:nth-child(2):hover{background-image:url('/images_new/contents/ico-main-communication-02-light.png');} .main-communication-link li:nth-child(3):hover{background-image:url('/images_new/contents/ico-main-communication-03-light.png');} .main-communication-link li.active a, .main-communication-link li.active a strong, .main-communication-link li:hover a, .main-communication-link li:hover a strong{color: #fff;} .main-communication-link li.active a, .main-communication-link li:hover a{background:url('/images_new/common/ico-arrow3.svg') right 20px top 50% no-repeat;} .main-communication-sns h4{padding-bottom:55px;font-size:24px;} .main-communication-sns ul{display:flex;justify-content: space-between;} .main-communication-sns li{width:32%;position:relative;} .main-communication-sns li a{display:block;padding:34px 5%;text-align:center;font-weight: 700;border-radius: 10px;border: 1px solid #DDD;background: #FFF;} .main-communication-sns li a span{display:block;color: #00C73C;font-size: 14px;} .main-communication-sns li:last-child a span{color: #E50012;} .main-communication-sns li:before{content:'';display:block;position:absolute;top:-30px;left:0;width:44px;height:44px;border-radius: 99px;background: #00C73C url('/images_new/common/ico-blog-light.png') 50% no-repeat;z-index:1;} .main-communication-sns li:last-child:before{background: #E50012 url('/images_new/common/ico-youtube-light.png') 50% no-repeat;} .main-communication-sns li a:hover{border-color:#00C73C;} .main-communication-sns li:last-child a:hover{border-color:#E50012;} /* 메인 > 우편물 정보를 확인해요 */ .main-checkmail{display:flex;} .main-checkmail a{transition:0.3s ease;text-decoration:none;} .main-checkmail h3{font-size:20px;} .main-checkmail p{color: #666;font-size: 16px;font-weight: 500;} .main-checkmail .cs-box{display:flex;width:42%;padding:3%;text-align:center;border-radius: 100px 20px 20px 20px;background: #FFF;box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.20);z-index:1;align-items: center;justify-content: center;} .main-checkmail .cs-box h3:before{content:'';display:block;width:120px;height:100px;margin:0 auto 30px;background:url('/images_new/common/ico-main-cs.svg') 50% no-repeat;} .main-checkmail .cs-box p.cs-num{color: #FF6501;font-size: 60px;font-weight: 700;line-height:1.4;} .main-checkmail .info-box{flex-grow:2;margin-left:-10px;padding:3% 4%;background:#F5F5F5 url('/images_new/contents/bg-main-checkmail.png') 100% 100% no-repeat;box-shadow:4px 4px 10px rgba(0, 0, 0, 0.10);} .main-checkmail .info-box{font-size:14px;} .main-checkmail .info-box-input{display:flex;position:relative;margin-top:15px;background:#fff;justify-content: space-between;align-items: center;} .main-checkmail .info-box-input strong{padding:0 20px;border-right:1px solid #222;line-height:1.1;} .main-checkmail .info-box-input input{width:40%;text-align:center;border:1px solid #fff;} .main-checkmail .info-box-input button.btn{min-width:120px;height:48px;padding:0 25px 0 10px;color:#fff;line-height:48px;background:#FF6501 url('/images_new/common/btn-ico-sch.png') right 15px top 50% no-repeat;cursor:pointer;} .info-box-btn{display:flex;margin-top:10px;justify-content: space-between;align-items: center;} .info-box-btn li + li{margin-left:1%;} .info-box-btn li a{display:block;padding:10px 44px 10px 16px;color: #757575; font-size: 14px;text-align:center;border: 1px solid #DDD;background:url('/images_new/common/ico-arrow2.svg') right 15px top 50% no-repeat;} .info-box-btn li a:hover{border-color:#FF6501;} .info-box .info-box-text{padding:17px 0 34px;color: #444;font-size: 14px;font-weight: 500;} .info-box .info-cs-num{display:flex;color: #666;font-weight: 500;} .info-box .info-cs-num > *:first-child{width:35%;padding-right:3%;border-right:1px solid #ddd;} .info-box .info-cs-num > *:last-child{width:calc(100% - 35%);padding-left:3%;} .info-box .info-cs-num dt, .info-box .info-cs-num dd span{color: #000;} .info-box h4{padding:0 0 15px;font-size:16px;} .info-box .info-cs-num > *:last-child dd{display:inline-block;width:47%;} .info-box .info-cs-num > *:last-child dd:last-child{display:block;width:100%;} /* ■■■■■■■■ SUBCONTENTS ■■■■■■■■ */ .sub-visual{position:relative;display:flex;height:500px;padding-top:80px;color:#fff;font-size:60px;text-align:center;flex-direction: column;justify-content: center;transition:0.3s ease;background-position:50% 50%;background:url(/images_new/common/bg-sub-head.jpg) no-repeat;background-size:cover !important;} .sub-visual-text{position:relative;z-index:1;} .sub-visual-text h2.sub-title{font-size:1em;} .sub-visual-text p.sub-text{margin-top:15px;color:#B2B2B2;font-size:0.4em;font-weight:400;} .breadcrumb{display:none;} .breadcrumb > ul > *{display:inline-block;} .breadcrumb > ul li + li:before{content:'>';} .breadcrumb .iconHome{background:url('/images_new/common/ico-home.png') 50% no-repeat;vertical-align:middle;} /* .btnMnav{display:block;} a.btnMnav{position:relative;padding:0 30px 0 30px;color:#0f3166;font-size:17px;font-weight:500;line-height:54px;border-bottom:1px solid #ddd;} .btnMnav:after{content:'';display:inline-block;position:absolute;top:50%;right:10px;width:0;height:0;border-top:7px solid #0f3166;border-left:5px solid transparent;border-right:5px solid transparent;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);transition:all .10s;} .btnMnav.active:after{border-top:none;border-bottom:7px solid #0f3166;} */ .sub-location{position:relative;} .sub-location .innerBox{position:relative;width:100%;margin-top:-34px;background: var(--second-color);box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);} .sub-location .innerBox .icon-home{background:url('/images_new/common/ico-home.svg') 50% no-repeat;vertical-align:middle;text-indent:-9999em;} .sub-location .sns-share-bx{position:absolute;right:21px;top:50%;z-index:11;transform:translateY(-50%);} .sub-location .sns-share-bx .btn-share{display: block;width:21px;height:21px;background:url('/images_new/common/ico-share.svg') 50% no-repeat;text-indent:-9999em;line-height:1;} .sub-location .sns-share-bx ul{ display: flex;} .sub-location .sns-share-bx ul li{margin-right: 3px;} .sub-location .sns-share-bx ul li:last-child {margin-right: 0;} .sns-share-list { display: none; position: absolute; right:-10px; bottom: calc(100% + 25px); width: auto; border: 1px solid #ddd; background-color: #fff; padding: 4px 8px; border-radius:4px;; } .sns-share-list ul::after { content: ""; position: absolute; right: 10%; bottom: -9px; display: block; width: 9px; height: 9px; background-image: url(/images_new/common/snslist-arrow.png); background-repeat: no-repeat; background-position: center; } .sns-share-list.active { display: block; } .sns-share-list ul li a { display: block; width: 30px; height: 30px; font-size: 0; margin:0 2px; text-indent: -99999999em; border-radius:50%; background: url(/images_new/common/ico-snslist.png) 50% / auto 100% no-repeat; } .sns-share-bx ul li a.fb { background-color: #475993; background-position: 0 0; } .sns-share-bx ul li a.blog { background-color: #32b44a; background-position: -30px 0; } .sns-share-bx ul li a.kakao { background-color: #fada0a; background-position: -60px 0; } .sns-share-bx ul li a.twitter { background-color: #2c96d4; background-position: 100% 0; } .sns-share-bx ul li a.link { background-color: #FF944D; background-position: -90px 0; } .Lnb{display:flex;} .Lnb > li{position:relative;min-width:180px;font-size:18px;} .Lnb > li:before{content:'';position:absolute;right:0;top:50%;display:block;width:1px;height:16px;background:#fff;transform:translateY(-50%);} .Lnb > li > a{display:block;padding:20px 60px 20px 30px;color:#fff;} .Lnb > li:first-child{min-width:auto;} .Lnb > li:last-child{min-width:220px;} .Lnb > li:last-child > a{padding-right:40px;} .Lnb > li + li:last-child > a{color:#fff;} .Lnb .dep2{position:absolute;display:none;top:65px;left:0;right:0;background:#fff;border:1px solid var(--second-color);z-index:981;/*transition:.2s;*/} /*.Lnb > li.active .dep2{height:auto;border:1px solid #e0e0e0;}*/ .Lnb .dep2 a{display:block;padding:8px 30px;font-size:16px;color:#666;white-space:nowrap;} .Lnb .dep2 a:hover{background:#e9e9e9;} .Lnb > li + li:hover ul{} .Lnb > li + li > a:after{content:'';display:inline-block;position:absolute;top:50%;right:25px;width:0;height:0;border-top:7px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);transition:.10s;} .Lnb .dep2 li + li{border-top:1px solid #e9e9e9;} .Lnb .dep2 a.active{color:#fff;background: #FFA367;} /*.Lnb > li + li.active a:after{border-top:none;border-bottom:7px solid #fff;}*/ @media screen and (max-width: 1024px) { .sub-visual{height:50vw;padding-top:55px;font-size: 40px;} .sub-location{display:flex;justify-content:flex-end;margin:0 -20px;} .sub-location .innerBox{width:calc(100% + 20px);margin:0 ;box-shadow: none;} .sub-location .innerBox .icon-home{background:url('/images_new/common/ico-home.svg') 50% no-repeat;vertical-align:middle;text-indent:-9999em;} .Lnb{} .Lnb > li{min-width:0; font-size:14px;} .Lnb > li.loc1{width:50px;} .Lnb > li.loc2{width:calc((100% - 50px) / 2);} .Lnb > li.loc3{width:calc((100% - 50px) / 2);} .Lnb > li.loc3:before{display:none;} .Lnb > li > a{padding:15px 35px 15px 15px;} .Lnb > li + li > a:after{right:20px;} .Lnb .dep2{top:50px;} .Lnb .dep2 a{padding: 8px 15px; font-size: 14px;} } @media screen and (max-width: 800px) { .sub-location .innerBox{width:100%;} .sub-location .sns-share-bx{right:15px;} .Lnb > li:before{content:'';position:absolute;right:0;top:0;display:block;width:1px;height:100%;background:rgba(255,255,255,0.4);transform:translateY(0);} .Lnb > li:last-child:before{display:none;} .Lnb > li > a{padding:14px 30px 14px 15px;} .Lnb > li:first-child{display:none;} .Lnb > li:nth-child(2){display:none;} .Lnb > li:nth-child(3){min-width:50%;} .Lnb > li:last-child{min-width:50%;} .Lnb > li:first-child:nth-last-child(3), .Lnb > li:first-child:nth-last-child(3) ~ li {width: 100%;} .Lnb > li:first-child:nth-last-child(4), .Lnb > li:first-child:nth-last-child(4) ~ li {width: calc(100% / 2);} .Lnb > li:last-child > a{padding-right:40px;} .Lnb > li + li > a:after{right:12px;border-top-width:5px;border-left-width:4px;border-right-width:4px;} .Lnb .dep2 {top:auto;} .Lnb .dep2 a{font-size: 14px;} } .subcontents{} .subcontents > *{margin-top:100px;} .subcontents > *:first-child{margin-top:100px;} .subcontents > *:last-child{margin-bottom:80px;} /* 아이콘 */ .ir{display:inline-block;vertical-align:middle;} .ir.arrow{height:20px;width:8px;background:url('/images_new/common/ico-arrow2.svg') 50% / 100% no-repeat;} /* 제목 */ .color-primary{color:var(--second-color);} .sub-tit-wrap{padding:0 0 30px;} .sub-tit-badge{color:var(--primary-color);font-weight:700;} .sub-tit20{font-size:1.25rem;} .sub-tit24{font-size:1.5rem;} .sub-tit20-cir{padding:2px 0 2px 30px;color:var(--primary-color);font-size:1rem;font-weight:500;background:url('/images_new/common/ico-deco-cir.png') 0 50% no-repeat;} .sub-tit30{color:#000;font-size:1.875rem;} .sub-tit40{margin-bottom:1em;color:#000;font-size:2.2rem;line-height:1.4;} .tit-deco-line{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #000;} .tit-deco-prebar:before{content:'';display:inline-block;width:24px;height:24px;margin:-4px 10px 0 0;vertical-align:middle;background:url('/images_new/common/ico-deco-tit.svg') 0 50% no-repeat;} .tit-deco-dot:before{content:'';display:inline-block;width:8px;height:8px;margin:-4px 10px 0 0;vertical-align:middle;background-color:var(--primary-color);border-radius:50%;} .txt-note{color:#666 !important;} .bx-link{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-9999em;} .badge{font-size:16px;color:var(--primary-color) !important;font-weight:500} .badge-bx{} .badge-answer{display:inline-block;margin-right:4px;padding:5px 8px 7px;color:#fff;font-size:12px;font-weight:500;background:#FF944D;line-height:1.1;} .badge-answer.wait{color:#FF944D;background:#fff;border:1px solid #FF944D;} .badge-secret{display:none;width:16px;height:24px;text-indent:-9999em;background:url('/images/board/ico-secret.svg') 2px 50% / 10px no-repeat;} .boardView thead .badge-answer{vertical-align:middle;font-family:'Noto Sans KR', Tahoma, Geneva, sans-serif;} .mainproject-top-wrap{position: relative;} .mainproject-top-wrap::before{content: '';position:absolute;bottom:0;left:0;right:0;height:82%;background-color:#F5F5F5;z-index:-1;} .hgroup-top{display:flex;align-items:center;padding-bottom:80px;/*border:1px solid red*/} .hgroup-top figure{width: 55%;} .hgroup-top dl{width:45%;padding-left:22px;} .hgroup-top dt{position:relative;padding-bottom:30px;color:#000;font-size:26px;font-weight:500;line-height:1.6;} .hgroup-top dt::after{content:'';position:absolute;bottom:0;left:-10%;width:calc(100% + 10%);height:1px;background-color:var(--primary-color);z-index:-1;} .hgroup-top dt span{color:var(--primary-color);} .hgroup-top dd{padding-top:40px;color:#333;font-size:0.9rem;} .hgroup-top dd div {font-size:20px;line-height:1.4;} .hgroup-top dd div span{font-size:13px;} /* 국민신문고 바로가기 */ .shortcut-link-txt{position:relative; padding:0 0 0 15px !important;} .shortcut-link-txt:before{content:'*';position:absolute;left:0;top:0;display:block;color:var(--primary-color);} .shortcut-link-txt a{text-decoration:underline;} .w-auto{width:auto !important;} .bx-bottom-border{border-bottom:1px solid #ddd;} .btn-shortcut{padding:14px 50px 14px 20px;display:inline-block;color:#fff;background:var(--primary-color) url('/images_new/common/ico-open-light.svg') right 20px top 50% no-repeat;} .btn-inner-shortcut{padding:10px 20px;display:block;color:var(--primary-color);text-align:center;font-size:16px;font-family: Pretendard;font-weight: 700;background:#fff;border:1px solid var(--primary-color);} .btn-inner-shortcut:after{content:'';display:inline-block;width:20px;height:20px;margin:-4px 0 0 8px;background:url('/images_new/common/ico-open.svg') 50% no-repeat;vertical-align:middle;} /***** 주요사업 *****/ .sub-project01-wrap{position:relative;overflow:hidden;} .sub-project01-wrap .inner{} .sub-project01-wrap h3{color:var(--second-color);font-size:30px;line-height:1.3; margin-top:1em;} .sub-project01-wrap h3 strong{display:block;color:#000;font-size:1.33em;} .sub-project01-wrap h3 p{margin-top:30px;} .sub-project01-wrap h3 + p{margin-top:20px;} .sub-project01-wrap .txt-project01-01{padding-top:119px;} .sub-project01-wrap .txt-project01-01 p.m-br-none{font-size:0.95em;} .sub-project01-wrap .img-project01-01{position:absolute;right:0;bottom:0;z-index:-1;} .sub-project02-wrap{position:relative;} .sub-project02-wrap:after{content:'';position:absolute;left:0;top:50%;width:80%;height:70%;background: #F2F2F2;z-index:-1;transform:translateY(calc(-50% + 70px));} .sub-project02-box{display:flex;flex-wrap: wrap;justify-content: space-between;} .sub-project02-box > *{position:relative;width:calc(50% - 10px);height:356px;margin-bottom:20px;background:#ddd;} .sub-project02-box > *:nth-child(1){background:url('/images_new/contents/img-project02-01.png') 50% no-repeat;} .sub-project02-box > *:nth-child(2){background:url('/images_new/contents/img-project02-02.png') 50% no-repeat;} .sub-project02-box > *:nth-child(3){background:url('/images_new/contents/img-project02-03.png') 50% no-repeat;} .sub-project02-box > *:nth-child(4){background:url('/images_new/contents/img-project02-04.png') 50% no-repeat;} .sub-project02-box .item{position:absolute;left:0;bottom:0;width:450px;max-width:100%;padding:30px 30px 80px 40px;background:#fff;} .sub-project02-box .item dd{padding-top:10px;font-weight:300;} /*.sub-project02-box .item a:after{content:'';position:absolute;left:0;width:0;height:100%;background-color:var(--second-color);}*/ /*.sub-project02-box .item a:hover:after{left:0;width:100%;}*/ .sub-project02-box .item .bx-link, .sub-innovation01-box .item .bx-link, .sub-esg01-box .item .bx-link{z-index:1;} .sub-project02-box .item .btn-sub-view, .sub-innovation01-box .item .btn-sub-view, .sub-esg01-box .item .btn-sub-view{position:absolute;right:0;bottom:0;width:100px;height:40px;text-indent:-9999em;background:#BBB url('/images_new/common/ico-arrow.svg') 50% no-repeat;transition: 0.2s ease-in-out;} .sub-project02-box .item:hover .btn-sub-view, .sub-innovation01-box .item:hover .btn-sub-view, .sub-esg01-box .item:hover .btn-sub-view{background-color:var(--primary-color);background-position:60%;} /*.sub-esg01-box .item:hover .btn-sub-view{animation: arrowMove 1s infinite;}*/ @keyframes arrowMove { 0% { background-position-x: -50%;} 100% { background-position-x: 150%;} /* 100% { background-position: -50%;} */ } .sub-intro-box .item{padding:30px 10px 60px 30px;background:#fff;} .sub-intro-box .item dt{color:#000;font-size:26px;font-weight:500;} .social-vs{position:relative;} .social-vs > div{position:absolute;top:50%;left:7%;right:7%;color:#fff;transform:translateY(-50%);} /* 주요사업 운영 프로세스 */ .oper-process{position:relative;text-align:left;line-height:0;} .process-motion{position:absolute;height:6.788%;left:25%;background-color:#ff6501;} .process-motion.oper-process-truck{top:52.4%;right:0;} .process-motion.oper-process-airplane{bottom:0%;right:27.4%;} .oper-process .process-motion img{height:100%;} .oper-process.aos-animate .oper-process-truck img{animation: ease-in leftToRight 5s both;} .oper-process.aos-animate .oper-process-airplane img{animation: ease-in leftToRight2 4s both;} @keyframes leftToRight { 0% { margin-left:10px;} 100% { margin-left: calc(100% - 7%)} } @keyframes leftToRight2 { 0% { margin-left:10px;} 100% { margin-left: calc(100% - 11%)} } /* txt-goal 수정 230509 */ .txt-goal {padding-bottom:20px;text-align:center;} .txt-goal dl{display:flex;align-items:center;font-weight:500;} .txt-goal dt{min-width:110px;color:#000;font-size:20px;text-align:left;} .txt-goal dd{position:relative;width:calc(100% - 200px);margin-left:90px;line-height:60px;color:#fff;font-size:1.2rem;border:1px solid var(--primary-color);background-color:var(--primary-color);} .txt-goal dd::before{content:'';position:absolute;top:calc(50% - 0.5px);left:-90px;width:70px;height:1px;background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%);background-size:4px 1px;} .strategy-step > dl{position:relative;} .strategy-step > dl + dl:before{content:'';display:block;position:absolute;left:-23px;top:50%;width:14px;height:20px;background:url('/images_new/common/img12-arrow.png') no-repeat;transform:translateY(-50%);} .strategy-step .sub-drawing-item{width:calc((100% - 60px) / 3);} .strategy-step .sub-drawing-item + .sub-drawing-item{margin-left:20px;} /* drawing-bx 수정 230509 */ .drawing-bx {padding-bottom:20px;} .drawing-bx dl{display:flex;align-items:center;font-weight:500;} .drawing-bx dt{min-width:110px;color:#000;font-size:20px;text-align:left;} .drawing-bx .sub-drawing-item {position:relative;width:calc(100% - 200px);margin-left:90px;} .drawing-bx .sub-drawing-item::before{content:'';position:absolute;top:calc(50% - 0.5px);left:-90px;width:70px;height:1px;background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%);background-size:4px 1px;} .drawing-bx .sub-drawing-item .tit{padding:15px 5px;font-size:1.05rem;background-color:#ddd;color:#000;text-align:center;} .drawing-bx .sub-drawing-item .tit-s{font-size:0.95rem;} .drawing-bx .sub-drawing-item .txt{padding:15px 10px 5px;color:#1b1b1b;font-size:0.85rem;font-weight:400;} .drawing-bx .sub-drawing-item .badge {display:inline-block;width: 42px;margin:-4px 1px 0 0;color:#000;font-size: 12px; font-weight:400;line-height: 22px;background-color: #fff; border-radius: 5px; vertical-align:middle;} .drawing-background-bx {overflow:hidden;display:flex; justify-content: space-between; flex-wrap: wrap; } .drawing-background-bx .sub-background-item{width:calc((100% / 3) - 10px);} .drawing-background-bx dl dt{padding:15px 10px;color:#000;font-size:1rem;text-align:center;font-weight:700;} .drawing-background-bx dl dd{padding:20px 23px;font-size:0.9rem;} .drawing-background-bx dl dd li{padding-left:0;} dl.img11_5a{border:2px solid #ddd} dl.img11_5a dt{background-color:#ddd;} dl.img11_5b{border:2px solid #ddd} dl.img11_5b dt{background-color: #ddd;} dl.img11_5c{border:2px solid #ddd} dl.img11_5c dt{background-color: #ddd;} /* drawing-bx type1 */ .drawing-type-01 .drawing-bx .sub-drawing-item ul {display:flex;justify-content:space-between;} .drawing-type-01 .drawing-bx .sub-drawing-item li {width:calc((100% / 3) - 15px);padding:15px;border:1px solid #ddd;} /* drawing-bx type2 */ .drawing-type-02{} .drawing-type-02 .drawing-bx {position:relative;display:flex;} .drawing-type-02 .drawing-bx dl{width:100%;font-weight:500;} .drawing-type-02 .drawing-bx dt{} .drawing-type-02 .drawing-bx .sub-drawing-item {position:relative;display:flex;} .drawing-type-02 .drawing-bx .sub-drawing-item > * + *{margin-left:25px;} .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(2), .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(2) ~ .tit {width: calc(100% / 2);} .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(3), .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(3) ~ .tit {width: calc(100% / 3);} .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(4), .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(4) ~ .tit {width: calc(100% / 4);} .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(1), .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(1) ~ .list {width: 100%;} .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(2), .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(2) ~ .list {width: calc(100% / 2);} .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(3), .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(3) ~ .list {width: calc(100% / 3);} .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(4), .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(4) ~ .list {width: calc(100% / 4);} .drawing-type-02 .drawing-bx .sub-drawing-item ul {display:block;padding:0 10px;border:1px solid #ddd} .drawing-type-02 .drawing-bx .sub-drawing-item li {position:relative; padding:20px 0 20px 0;font-size:0.9rem;font-weight:400;} .drawing-type-02 .drawing-bx .sub-drawing-item li + li {border-top: 1px dashed #ddd;} .drawing-type-02 .drawing-bx .sub-drawing-item > .list.list-blank{padding:30px;} .drawing-type-02 .drawing-bx .sub-drawing-item > .list.list-blank li{padding:5px 0;font-size:1rem;border-top:none} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-chk li{padding-left:20px;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-chk li:before{content:'';position:absolute;left:0;top:27px;display:block;width:15px;height:15px;background:url('/images_new/common/ico-check.svg') 0 0 no-repeat;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-bll li{padding-left:15px !important;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-bll li:before{content:'';position:absolute;left:0;top:18px;display:block;width:3px;height:3px;background:var(--primary-color);border-radius:50%;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-num:nth-child(1) i{font-style:normal;color:#FF8434;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-num:nth-child(2) i{font-style:normal;color:#FFB200;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-num:nth-child(3) i{font-style:normal;color:var(--primary-color);} /* drawing-bx type2 > 2 */ .txt-goal.type02 dd{color:#000;border-color:#ddd;background-color:#fff;} .sub-drawing-item.type02 .tit:nth-child(1){color:#fff;background-color:#FF8434;} .sub-drawing-item.type02 .tit:nth-child(2){color:#fff;background-color:#FFB200;} .sub-drawing-item.type02 .tit:nth-child(3){color:#fff;background-color:var(--primary-color);} /* 주요사업 > 운송 프로세스(공통) */ .process-circle-step{} .process-circle-step > ul{display:flex; padding-bottom:40px;text-align:center;justify-content: space-between; flex-wrap: wrap; } .process-circle-step > ul > li{position:relative;width:calc((100% - (30px * 5)) / 6);height:calc((1300px - (30px * 5)) / 6);padding:13px;font-size: 16px;font-weight:500;border-radius:50%;} .process-circle-step > ul > li > div{display:flex; width:100%;height:100%;color: #000;border-radius:50%;border: 10px solid #F5F5F5;background:#fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);justify-content: center;align-items: center;line-height: 1.5;} .process-circle-step > ul > li.end > div{border-color:var(--primary-color);} .process-circle-step > ul > li p{position:absolute;width:100%;left:0;right:0;bottom:-35px;color: #121212;font-size: 18px;} .process-circle-step > ul li li{position:relative;padding-left:10px;text-align:left;} .process-circle-step > ul li li span{position:absolute;left:0;top:0;color: #666;} .process-circle-step > ul > li:after{content:'';display:block;position:absolute;right:-23px;top:50%;width:14px;height:20px;background:url('/images_new/common/img12-arrow.png') no-repeat;transform:translateY(-50%);} .process-circle-step > ul > li:last-child:after{display:none;} .process-circle-step li.last p:after{content:'';display:block;position:absolute;left:50%;bottom:-30px;width:14px;height:20px;margin:auto;background:url('/images_new/common/img12-arrow.png') no-repeat;transform: translateX(-50%) rotate(90deg);} .process-circle-step-06 > ul > li:last-child > div{color:var(--primary-color);border-color: var(--primary-color);} .process-circle-step.process-circle-step-international> ul > li:first-child > div{color:var(--primary-color);} /* 주요사업 > 국제물류운송 */ .process-circle-step.process-circle-step-04 > ul{max-width:950px;margin:auto;} .process-circle-step.process-circle-step-04 > ul > li{width:calc((100% - (50px * 3)) / 4);height:calc((950px - (50px * 3)) / 4);} .process-circle-step.process-circle-step-04 > ul > li + li:after{right:-30px;} .process-circle-step.process-circle-step-04 > ul.flex-reverse > li:after{left:-31px;right:auto;transform: rotate(-180deg);} .process-circle-step-04 > ul.pb80> li.loc1 div{color:var(--primary-color);} .process-circle-step-04 > ul.pb80> li:nth-child(n+2):nth-child(-n+7) div{color:#666;} .process-circle-step-04 > ul.flex-reverse > li:nth-child(n+1):nth-child(-n+3) div{color:#666;} .process-circle-step-04 > ul.flex-reverse> li.loc4 > div{color:var(--primary-color);border-color: var(--primary-color);} @media screen and (min-width: 801px) and (max-width: 1301px) { .process-circle-step > ul > li{width:calc((100vw - (50px * 3)) / 6);height:calc((100vw - (30px * 5)) / 6);padding:8px;font-size: 15px;} .process-circle-step > ul > li > div{border-width:6px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);} } /* 주요사업 > 국내 우편물 운송 */ .sub-mail07-tab { padding-top: 20px;} .sub-mail07-tabBtn ul { display: flex;} .sub-mail07-tabBtn .item { width: 50%;} .sub-mail07-tabBtn .item button { display: block; width: 100%; height: 60px; background-color: #F5F5F5; color: #121212; font-size: 0.9rem; text-align: center;} .sub-mail07-tabBtn .item.active button { background-color: #7A7A7A; color: #fff; font-weight: 500; } .sub-mail07-cont > div { display: none; margin-top: 40px;} .sub-mail07-cont ul { display: flex; justify-content: space-between;} .sub-mail07-cont .item { display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(50% - 12px); padding: 50px 0; border: 1px solid var(--primary-color);} .sub-mail07-cont .item p { margin-bottom: 50px; color: #000;} /* 주요사업 > 소포배달 > 소포위탁사업 현황 */ .business-status-wrap{display:flex; max-width:1080px;margin:auto;justify-content: space-between;flex-wrap: wrap;} .business-status-wrap > div{width:49%;border: 2px solid #DDDDDD;} .business-status-wrap > div dt{padding:10px;color:#000;font-weight:700;font-size:1.2rem;text-align:center;background-color: #ddd;} .business-status-wrap > div dd{padding:1.5rem 2rem;color: #121212;} .business-status-wrap > div dd li{overflow:hidden;padding:8px 0;} .business-status-wrap > div dd strong{float:left;position:relative;display:inline-block;width:6rem;margin-right:2.5rem;color: var(--second-color);} .business-status-wrap > div dd strong:after{content:'';position:absolute;right:0;top:0.3rem;height:70%;border-right:1px solid #666;} .business-status-wrap > div dd p{overflow:hidden;} /* 주요사업 > 우편 물류센터 운영사업 */ /* 주요사업 > 우편 물류센터 운영사업 > 지도 부분 */ .office-location-wrap{display:flex;flex-direction: row-reverse;} .office-location-bx{display:flex;position:relative;width:660px;align-items: flex-start;} .office-location-bx img{object-fit:cover;} .office-ico li{position:absolute;} .office-ico li:after{content:'';position:absolute;display:block;width:24px;height:30px;background:url('/images_new/common/ico-pin.png') no-repeat;} .office-ico li strong{position:relative;display:inline-block;padding:5px 20px;color:var(--primary-color);font-size:16px;font-weight:700;border:1px solid var(--primary-color);background:#fff;border-radius:99px;z-index:1;} .office-ico li div{position:relative;} .office-ico li div:before, .office-ico li div:after{content:'';position:absolute;display:block;} .office-ico li.active strong{color:#fff;background:var(--primary-color);} .office-ico li.active strong:after{content: ''; position: absolute;top: 0;left: 0;right:0;bottom:0;opacity: 1;border:4px solid var(--primary-color);z-index:-1;border-radius: 99px;} .office-ico li.active strong:after{animation: ani-ripple 1.5s infinite;} .office-ico li.loc1{top: 191px;left: 39.7%;} .office-ico li.loc2{top: 237px;left: 49%;} .office-ico li.loc3{top: 331px;left: 42%;} .office-ico li.loc4{top: 279px;left: 50%;margin-left: -45%;} .office-ico li.loc1 div{padding:0 0 70px 57px;} .office-ico li.loc2 div{padding:0 0 32px 45px;} .office-ico li.loc3 div{padding:0 0 0 77px;} .office-ico li.loc4 div{padding:0 50px 24px 0;} .office-ico li.loc1:after{left:0;bottom:0;} .office-ico li.loc2:after{left:0;bottom:0;} .office-ico li.loc3:after{left:0;top:2px;} .office-ico li.loc4:after{right:0;bottom:0;} .office-ico li.loc1 div:before{width:100px;left:12px;top:18px;border-top:1px solid #000;} .office-ico li.loc1 div:after{left:12px;bottom: 26px;top:18px;border-left:1px solid #000;} .office-ico li.loc2 div:before{width: 85px;left: 21px;bottom:15px;border-top:1px solid #000;} .office-ico li.loc2 div:after{left:105px;bottom:15px;top:15px;border-left:1px solid #000;} .office-ico li.loc3 div:before{width:50%;left: 19px;top:50%;border-top:1px solid #000;} .office-ico li.loc4 div:before{width:100px;right:12px;top:18px;border-top:1px solid #000;} .office-ico li.loc4 div:after{right:12px;bottom: 28px;top: 18px;border-left:1px solid #000;} .office-thumb{width:calc(100% - 690px);margin-right:30px;} .office-thumb ul{display:flex;justify-content: space-between;flex-wrap: wrap;} .office-thumb ul li{display:flex;width:calc((100% - 30px) / 2);margin-bottom:30px;padding:20px 30px;border:2px solid #DDD;transition:0.3s ease;flex-wrap: wrap;align-content: space-between;cursor:pointer;} .office-thumb ul li.active{border-color:var(--primary-color);} .office-thumb ul li dt{padding-left:30px;color:#333;font-size:20px;font-weight:700;background:url('/images_new/common/ico-pin.png') 0 4px / 20px no-repeat;} .office-thumb ul li dd{padding-top:10px;font-size:16px;} .office-thumb ul li > div{margin-top:20px;} /* 주요사업 > 우편 물류센터 운영사업 > 물류센터 운영사업 현황 */ .drawing-bx-year {overflow:hidden;display:flex; justify-content: space-between; } .drawing-bx-year dl{width:calc((100% - 60px) / 8);border:1px solid #ddd; } .drawing-bx-year dl dt{padding:10px 5px;color:#000;font-size:20px;text-align:center;font-weight:700;background-color: #ddd;} .drawing-bx-year dl dd{display:flex;height: calc( 100% - 50px);padding:20px 5px;color: #666;font-size:16px;text-align:center; align-items: center; justify-content: center;} .drawing-bx-year dl:nth-child(3){border-color: var(--primary-color);} .drawing-bx-year dl:nth-child(3) dt{color: #fff;background-color: var(--primary-color);} .drawing-bx-year dl:nth-child(6){border-color: var(--primary-color);} .drawing-bx-year dl:nth-child(6) dt{color: #fff;background-color: var(--primary-color);} @media screen and (min-width: 801px) and (max-width: 1301px) { .drawing-bx-year{flex-wrap: wrap;} .drawing-bx-year dl{width:calc((100% - 30px) / 4);margin-bottom:10px;} .drawing-bx-year dl dt{font-size:18px;} .drawing-bx-year dl dd{font-size:14px;} } /* */ .info-center-wrap{padding:30px 0;} .info-center-wrap > div{display:flex; margin-top:30px;justify-content: space-between;} .info-center-wrap > div dl{width:calc((100% - 4rem) / 4);padding:25px 30px;border: 1px solid #DDD;} .info-center-wrap > div dl dt{padding:0 0 10px 28px;font-size:20px;font-weight:700;background:url('/images_new/common/ico-location.svg') 0 4px no-repeat;} .info-center-wrap > div dl dd{padding:0 0 5px;font-size:16px;min-height:4em;} /* 주요사업 > 국제 우편물 항공 운송 사업 > 운송현황 */ .international-map-bx{position:relative;} .international-map-bx:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images_new/contents/img-international-map-spread.png?v1) 50% / 100% no-repeat;} .international-map-bx:before{content:'';position:absolute;left:0;top:0;width:50px;height:50px;clip-path: inset(50% 50% 50% 50%); transition: opacity 3s, clip-path 2.2s ease-in-out;opacity:0;background:url(/images_new/contents/img-international-map-spread.png) 50% / 100% no-repeat;} .international-map-bx.aos-animate:before{width:100%;height:100%;clip-path: inset(0 0 0 0); opacity: 1;} .aos-animate .international-map-bx:before{width:100%;height:100%;clip-path: inset(0 0 0 0); opacity: 1;} /* 주요사업 > 물류 혁신 연구·신사업 */ .innovation-goal-tab { padding-top: 80px;} .innovation-goal-tab ul { display: flex; } .innovation-goal-tab ul li { flex:1; color: #666; border-bottom: 1px solid #ddd; text-align: center;} .innovation-goal-tab ul li button { width: 100%; height: 80px; color:#666; font-size: 1rem; background:#fff; cursor:pointer;} .innovation-goal-tab ul li.active { border-bottom: 4px solid var(--primary-color); } .innovation-goal-tab ul li.active button { color: var(--primary-color); font-weight: bold;} .innovation-goal-bx{ padding-top: 100px;} .innovation-goal-bx .item{display:none;} .innovation-goal-bx .item > div {display:flex;justify-content:space-between;} .innovation-list {position:relative;width:60%;max-height:480px;overflow-y:scroll;} .innovation-list::-webkit-scrollbar{position:absolute;top:0;right:0;width:4px;} .innovation-list::-webkit-scrollbar-thumb {background-color:var(--primary-color);border-radius:5px;background-clip:padding-box;} .innovation-list::-webkit-scrollbar-track {background-color:transparent;border-radius:5px; } .innovation-list li {position:relative;display:flex;padding-left:30px;padding-bottom:40px;} .innovation-list li::before{content:'';position:absolute;top:10px;left:4.5px;height:100%;width:1px;background-color:#ddd;} .innovation-list li::after{content:'';position:absolute;top:10px;left:0;width:10px;height:10px;background-color:#ddd;border-radius:50%;} .innovation-list li.on::after, .innovation-list li:first-child::after{background-color:var(--primary-color);} .innovation-list li:last-child::before{display:none;} .innovation-list .year{width:30%;font-size:20px;font-weight:bold;} .innovation-list .type{color:var(--primary-color);font-size:0.8rem;font-weight:700;} .innovation-list .company{padding-top:5px;font-size:0.9rem;font-weight:300;} .innovation-list .contents{padding-top:5px;font-size:0.9rem;} .sub-innovation-proposal{padding:60px 0 150px;background: url(/images_new/contents/bg-logistics-innovation.jpg) center right / cover no-repeat;} .innovation-proposal-top{padding-top:50px;color:#000;} .innovation-proposal-top .txt{font-size:1.2rem;font-weight:500;} .innovation-proposal-top .txt span{color:var(--primary-color);} .innovation-proposal-top .sub-txt{padding-top:10px;font-size:0.9rem;} .innovation-proposal-info{width:50%;padding-top:60px;} .innovation-proposal-info .item{display:flex;padding:15px 0;font-size:0.9rem;border-bottom:1px solid #808080;} .innovation-proposal-info .item .tit{width:170px;color:var(--primary-color);font-weight:bold;} .innovation-proposal-info .item .txt{color:#000;} .innovation-proposal-info .item .txt li::before{content:'';display:inline-block;width:4px;height:4px;margin-right:10px;background-color:#000;border-radius:50%;vertical-align:middle;} .innovation-proposal-btn-bx{display:flex;margin:70px -5px 0;} .innovation-proposal-btn-bx > a{width:50%;display:block;height:55px;line-height:55px;margin:0 5px;padding:0 30px;background:url(../../images_new/common/btn-arrow.png) calc(100% - 30px) 50% no-repeat;color:#fff;font-size:0.9rem} .innovation-proposal-btn-bx .proposal-btn{background-color:var(--primary-color);} .innovation-proposal-btn-bx .recommend-btn{background-color:#666;} .innovation-partner-bx{padding-top:70px;color:#666;} .innovation-partner-cont{padding-bottom:40px;} .innovation-partner-cont .tit{font-size:18px;font-weight:500;} .innovation-partner-cont ul{display:flex;padding-top:15px;} .innovation-partner-cont .item{width:260px;height:85px;line-height:85px;margin-right:30px;text-align:center;} .innovation-partner-cont .item:last-child{padding:0;} .innovation-partner-cont .item > *{display:block;background-color:#FAFAFA;} .innovation-partner-cont .item.darken img{mix-blend-mode: darken;} /***** 참여혁신 *****/ .sub-innovation01-wrap{position:relative;padding-bottom:190px;background:url('/images_new/contents/bg-innovation.png') 0 200px no-repeat;} .sub-innovation01-wrap .inner{display:flex;flex-wrap: wrap;justify-content: space-between;} .sub-innovation00-box{width:36%;} .sub-innovation01-box{width:60%;display:flex;flex-wrap: wrap;justify-content: space-between;} .sub-innovation01-box > *{position:relative;width:calc(50% - 10px);margin-bottom:20px;border: 1px solid #F2F2F2;background:#fff;transition:0.3s ease;} .sub-innovation01-box .item dt:before{content:'';display:inline-block;width:3px;height:28px;margin:-4px 10px 0 -12px;background:var(--second-color);vertical-align:middle;} .sub-innovation01-box .item dd{padding-top:10px;font-size:0.9rem;font-weight:300;} .sub-innovation01-box > *:hover{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);} /***** ESG경영 *****/ .sub-esg01-wrap{position:relative;padding-bottom:190px;background:url('/images_new/contents/bg-esg.png') 0 200px no-repeat;} .sub-esg01-wrap .inner{} .sub-esg01-box{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;} .sub-esg01-box > *{position:relative;width:calc(50% - 10px);margin-bottom:20px;border: 1px solid #F2F2F2;background:#fff;transition:0.3s ease;} .sub-esg01-box .item dt:before{content:'';display:block;width:57px;height:55px;margin:0 0 20px 0;vertical-align:middle;} .sub-esg01-box > *:nth-child(4) .item dt:before{background:url('/images_new/contents/ico-esg01.png') 0 50% no-repeat;} .sub-esg01-box > *:nth-child(3) .item dt:before{background:url('/images_new/contents/ico-esg02.png') 0 50% no-repeat;} .sub-esg01-box > *:nth-child(2) .item dt:before{background:url('/images_new/contents/ico-esg03.png') 0 50% no-repeat;} .sub-esg01-box > *:nth-child(1) .item dt:before{background:url('/images_new/contents/ico-esg04.png') 0 50% no-repeat;} .sub-esg01-box .item dd{padding-top:10px;font-size:18px;font-weight:300;} .sub-esg01-box > *:hover{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);} .esg-related-wrap{display:flex;justify-content: space-between;} .esg-related-wrap > *{width:24%;text-align:center;} .related-item{padding:30px 15px;border:1px solid #ddd;} .related-item a{display:block;margin-top:25px;padding:8px 10px;color:var(--primary-color);font-size:16px;border:1px solid var(--primary-color);transition: 0.3s ease-in-out;} .related-item a:hover{color:#fff;background:var(--primary-color);} .related-item u{font-size:16px;} .related-item .related-tit{height:2.8em;margin:25px 0 20px;font-size: 20px;font-weight: 700;line-height:normal;} /* ESG경영 상단 nav */ .sub-contents-nav {margin-bottom:50px;} .sub-contents-nav ul { display: flex; margin-top: 50px;} .sub-contents-nav .item { width: calc(100% / 3); min-height: 3em;border: 1px solid #ddd;border-bottom-color: var(--primary-color);border-right: 0;} .sub-contents-nav.half .item { width: 50%;} .sub-contents-nav .item a {display: flex;height: 100%;padding:5px;color: #121212;text-align: center;align-items: center;justify-content: center;line-height:1.4;} .sub-contents-nav .item:last-child a { border-right: 1px solid #ddd;} .sub-contents-nav .item.active + .item a { border-left: 0;} .sub-contents-nav .item.active{border: 1px solid var(--primary-color); border-bottom: 0;} .sub-contents-nav .item.active a { color: var(--primary-color); font-weight: 500; } .sub-contents-nav ul.w-auto li{flex:1} .sub-contents-nav-tab{display: flex; margin:20px 0 25px;text-align:center;background-color:#F5F5F5; border: 1px solid #D9D9D9;} .sub-contents-nav-tab li{flex:1;} .sub-contents-nav-tab li + li{border-left: 1px solid #D9D9D9;} .sub-contents-nav-tab li:first-child:nth-last-child(2), .sub-contents-nav-tab li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2);} .sub-contents-nav-tab li:first-child:nth-last-child(3), .sub-contents-nav-tab li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} .sub-contents-nav-tab li:first-child:nth-last-child(4), .sub-contents-nav-tab li:first-child:nth-last-child(4) ~ li {width: calc(100% / 4);} .sub-contents-nav-tab li a{ display:flex; height:100%;min-height:60px;padding:5px; color:#121212;text-align:center;align-items:center;justify-content:center;line-height:1.4;} .sub-contents-nav-tab li.active a{color:#fff;background-color:#7a7a7a;} /* ESG경영 > POLA 친환경 경영 목표 > 친환경 경영 */ .tab-esg-head {display:flex;margin-top:40px;background:#f5f5f5;} .tab-esg-head li{position:relative;width:33.33%;text-align:center;cursor:pointer;border: 1px solid #D9D9D9;} .tab-esg-head li a{display:block;height:100%;padding:20px 10px;font-weight: 500;} .tab-esg-head li a.active{color:var(--primary-color);font-weight:700;background:#fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);} .tab-esg-head li a.active:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:0;border:1px solid var(--primary-color);} .tab-esg-head li a span.badge{padding:5px 9px;color:#fff !important;font-size: 16px;background-color: var(--primary-color);border-radius: 3px;} .tab-esg-head li:nth-child(2) .badge{background-color: var(--second-color);} .tab-esg-head li:nth-child(3) .badge{background-color: #FFB200;} .tab-esg-head li a:hover{text-decoration:none;} .sub-strategy-list-color {} .sub-strategy-list { padding-top: 100px;} .sub-strategy-list h4 {} .sub-strategy-list h4 .badge { display: inline-block; width: 60px; height: 30px; line-height: 30px; margin-right: 10px; font-size: 16px; color: #fff !important; border-radius: 3px; text-align: center; vertical-align: middle;} .sub-strategy-list ul {} .sub-strategy-list .item { padding-top: 40px;} .sub-strategy-list .item > div { display: flex;} .sub-strategy-list .item .goal { width: 220px; padding: 30px 20px; font-weight: bold; } .sub-strategy-list .item .goal span { font-size: 0.9rem;} .sub-strategy-list .item .goal p { padding-top: 5px; color: #000; font-size: 0.9rem;} .sub-strategy-list .item .txt { position: relative; width: calc(100% - 220px); padding: 50px 0 50px 10%; font-size: 0.9rem; border-top: 20px solid #ddd; } .sub-strategy-list .item .txt::before { content: ''; position:absolute; top: 0; left: 0; width: 130px; height: 30px; background-color: #ddd; clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);} .sub-strategy-list .item .txt li { position: relative; padding-left: 15px; color: #000;} .sub-strategy-list .item .txt li::before { content: ''; position: absolute; top: 6px; left: 0; width: 7px; height: 7px; margin-right: 5px; border: 1px solid var(--primary-color); border-radius: 50%;} .sub-strategy-list .item .txt li + li { margin-top: 10px;} .sub-strategy-list table { margin-top: 20px; font-size: 0.7rem; text-align: center; } .sub-strategy-list table th { padding: 10px; background-color: var(--primary-color); color: #fff; border: 1px solid #fff;} .sub-strategy-list table td { padding: 10px; border: 1px solid #ddd;} .sub-strategy-list-01 h4 .badge { background-color: var(--primary-color);} .sub-strategy-list-01 .item .goal { border-left: 1px solid var(--primary-color); border-top: 10px solid var(--primary-color);} .sub-strategy-list-02 h4 .badge { background-color: var(--second-color);} .sub-strategy-list-02 .item .goal { border-left: 1px solid var(--second-color); border-top: 10px solid var(--second-color);} .sub-strategy-list-02 .item .goal .color-primary { color: var(--second-color);} .sub-strategy-list-02 .item .txt li::before { border-color: var(--second-color);} .sub-strategy-list-03 h4 .badge { background-color: #FFB200;} .sub-strategy-list-03 .item .goal { border-left: 1px solid #FFB200; border-top: 10px solid #FFB200;} .sub-strategy-list-03 .item .goal .color-primary { color: #FFB200;} .sub-strategy-list-03 .item .txt li::before { border-color: #FFB200;} /* ESG경영 > 안전·보건 경영 */ .safety-bx-00{margin:40px 0;} .safety-bx-00 ol{font-size:20px;} .safety-bx-00 ol li{list-style:decimal !important;} .safety-bx{overflow:hidden;width:100%;margin-bottom:25px;border-radius: 10px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);} .safety-bx h3{padding:14px 10px;color:#fff;font-size:24px;text-align:center;font-weight:500;background:var(--primary-color) url(/images_new/contents/bg-safety-bx-tit.png) 50% 0 no-repeat;} .safety-bx.safety-bx-02 h3{background-color:#FFB200;} .safety-bx.safety-bx-03 h3{background-color:#FF8434;} .safety-bx .wwrap{padding:30px 40px 50px;} .safety-bx.safety-bx-01 .wwrap{padding:30px 40px;} .safety-bx.safety-bx-01 .tit, .safety-bx.safety-bx-02 .tit{font-size:26px;font-weight:700;text-align:center;} .safety-bx.safety-bx-02 .tit{margin-bottom:40px;} .safety-bx.safety-bx-02 .tit span{position:relative;display:inline-block;padding:0 48px;} .safety-bx.safety-bx-02 .tit span:before, .safety-bx.safety-bx-02 .tit span:after{content: '';position:absolute;display:block;top:50%;width:18px;height:18px;border:4px solid #FFB200;border-radius:50%;transform:translateY(-50%);} .safety-bx.safety-bx-02 .tit span:before{left:0;} .safety-bx.safety-bx-02 .tit span:after{right:0;} .safety-bx.safety-bx-02 dl{display:flex;} .safety-bx.safety-bx-02 dl + dl{margin-top:20px;} .safety-bx.safety-bx-02 dl dt span{display:block;padding:4px 12px;color: #FFF;font-size: 20px;font-weight: 500;border-radius: 10px;background:#FFB200;} .safety-bx.safety-bx-02 dl dd{margin-left:20px;color: #000;font-size: 20px;} .safety-bx.safety-bx-02 dl dd .fw4{color: #666;} .safety-bx.safety-bx-03 li{padding-left:30px;font-size:20px;background:url(/images_new/common/ico-poly.svg) 0 7px no-repeat;} .safety-bx.safety-bx-03 li + li{margin-top:10px;} .safety-bx.safety-bx-03 li p{color:#666;font-weight:400;font-size:0.8em;} /* 365 안전운행실천강령 */ .safety02{} .safety02 .safety02-list{} .safety02 .safety02-list > ol > li.item{position:relative;margin-bottom:1.2em;padding:0 0 0 30px;font-size:22px;} .safety02 .safety02-list > ol > li.item > span{position:absolute;left:0;top:7px;display:block;width: 24px;height: 24px;text-align:center;line-height:24px;font-size:0.7em;color: #FF8434;background:#fff;border-radius:50%;} .safety02 .safety02-list > ol > li ul{font-size:1.05rem;font-weight:300;} .safety02 .safety02-list > ol ul li{position:relative;margin:0.5em 0 0 1em;list-style: disc;} /* 안전보건경영시스템(ISO 45001) */ .safety03{display:flex;} .safety03-contents{margin-left:2rem;} .safety03-contents dt{font-size: 20px;font-weight: 700;} .safety03-contents dd{padding:1.5em 0;font-size: 16px;} .safety03-contents p{font-size:14px;} .safety03-contents table{margin-top:2.5rem;border-top:1px solid #000;} .safety03-contents table th{padding:10px;color:#666;font-weight:400;border-bottom:1px solid #ddd;} .safety03-contents table td{padding:10px;color:#000;border-bottom:1px solid #ddd;border-left:1px solid #ddd;} /* ESG경영 > 사회책임 경영 */ /* ESG경영 > 사회책임 경영 > POLA 사회공헌 추진체계 */ .sub-social-responsibility01 .sub-responsibility01-bx { display: flex; align-items: center; max-width: 860px; height: 80px; margin: 80px auto 0; border: 1px solid #ddd; border-radius: 99px; overflow: hidden;} .sub-social-responsibility01 .sub-responsibility01-bx .tit { width: 25%; line-height: 80px; background: url(/images_new/contents/bg-innovation.png) 0 88% / 100% no-repeat;} .sub-social-responsibility01 .sub-responsibility01-bx h4 { font-size: 1.2rem; text-align: center; } .sub-social-responsibility01 .sub-responsibility01-bx p { width: 75%; font-size: 0.9rem; font-weight: bold; text-align: center;} .sub-social-responsibility01 .sub-responsibility02-list01 { display: flex; margin: 0 -10px;} .sub-social-responsibility01 .sub-responsibility02-list01 .item { width: calc(100% / 3); padding: 0 10px; } .sub-social-responsibility01 .sub-responsibility02-list01 .item > div { border-radius: 10px; overflow: hidden;} .sub-social-responsibility01 .sub-responsibility02-list01 .item .txt { display: flex; justify-content: center; align-items: center; background-color: #f5f5f5; color: #121212; font-size: 0.9rem; } .sub-social-responsibility01 .sub-responsibility02-list01 .item li + li { margin-top: 10px;} .sub-social-responsibility01 .sub-responsibility02-subtit { width: 150px; height: 60px; line-height: 60px; margin: 0 auto; border: 1px solid #E50012; border-radius: 99px; text-align: center;} .sub-social-responsibility01 .sub-responsibility02-bx01 { padding-bottom: 40px;} .sub-social-responsibility01 .sub-responsibility02-bx01 .item { text-align: center; } .sub-social-responsibility01 .sub-responsibility02-bx01 .item .tit { position: relative; height: 80px; line-height: 80px; color: #fff; } .sub-social-responsibility01 .sub-responsibility02-bx01 .item:nth-child(1) .tit { background-color: #E50012;} .sub-social-responsibility01 .sub-responsibility02-bx01 .item:nth-child(2) .tit { background-color: #444 } .sub-social-responsibility01 .sub-responsibility02-bx01 .item:nth-child(3) .tit { background-color: #121212 } .sub-social-responsibility01 .sub-responsibility02-bx01 .item .tit::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 32px; transform: translateY(-50%); background-color: rgba(255,255,255,0.2); border-radius: 50%;} .sub-social-responsibility01 .sub-responsibility02-bx01 .item .txt { height: 200px; font-weight: bold;} .sub-social-responsibility01 .sub-responsibility02-bx01 .item .txt small { font-size: 0.9rem;} .sub-social-responsibility01 .sub-responsibility02-bx02 { max-width: 1100px; margin: 0 auto; padding: 100px 0;} .sub-social-responsibility01 .sub-responsibility02-bx02 ul { display: flex; justify-content: space-between; align-items: center;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item { position: relative; display: flex; align-items: center; width: 220px; height: 220px; aspect-ratio: 1/1; padding: 10px; border-radius: 50%;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(1) { border: 1px dashed #E50012;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(2) { border: 1px dashed #444; } .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(3) { border: 1px dashed #121212; } .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt { position: relative; width: 100%; height: 100%; margin: 0 auto; text-align: center;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt p { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-weight: bold; border-radius: 50%; overflow: hidden;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(1) .txt p { background-color: #E50012; } .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(2) .txt p { background-color: #444;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(3) .txt p { background-color: #121212;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt p::before { content: ''; position: absolute; top: -30px; left: 20px; transform: rotate(45deg); width: 25px; height: 140px; background-color: rgba(255,255,255,0.2);} .sub-social-responsibility01 .sub-responsibility02-bx02 .item::before, .sub-social-responsibility01 .sub-responsibility02-bx02 .item::after, .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::before, .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); color: #d9d9d9; border-radius: 50%;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item::before, .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::after { width: 6px; height: 6px; border: 2px solid;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item::after, .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::before { width: 12px; height: 12px; border: 4px solid;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item::before { top: -60px; } .sub-social-responsibility01 .sub-responsibility02-bx02 .item::after { top: -40px;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::before { bottom: -50px;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::after { bottom: -70px;} .sub-social-responsibility01 .sub-responsibility02-bx03 { padding-top: 40px;} .sub-social-responsibility01 .sub-responsibility02-bx03 .sub-responsibility02-list01 .item .txt { height: 250px;} .sub-social-responsibility01 .sub-responsibility02-bx03 .sub-responsibility02-list01 .item li { position: relative; padding-left: 15px;} .sub-social-responsibility01 .sub-responsibility02-bx03 .sub-responsibility02-list01 .item li::before { content: ''; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; background-color: #E50012; border-radius: 50%;} /* ESG경영 > 사회책임 경영 > 사회공헌 활동 제안 */ .sub-social-responsibility03 {} .sub-social-responsibility03 .sub-responsibility01-bx { margin-top: 120px; text-align: center;} .sub-social-responsibility03 .sub-responsibility01-bx img { width: 500px;} .sub-social-responsibility03 .sub-responsibility01-bx p { padding-top: 50px; font-size: 0.9rem;} .sub-social-responsibility03 .sub-responsibility01-bx p strong { font-size: 1.2rem;} .sub-social-responsibility03 .sub-responsibility01-bx .btn-bx { display: flex; justify-content: center; padding-top: 60px;} .sub-social-responsibility03 .sub-responsibility01-bx .btn-bx a { display: block; width: 350px; height: 55px; line-height: 55px; margin: 0 5px; padding: 0 30px; color: #fff; text-align: left;} .sub-social-responsibility03 .sub-responsibility01-bx .btn-bx a:first-child { background: var(--primary-color) url(/images_new/common/btn-arrow.png) calc(100% - 30px) 50% no-repeat;} .sub-social-responsibility03 .sub-responsibility01-bx .btn-bx a:last-child { background: #666 url(/images_new/common/btn-arrow.png) calc(100% - 30px) 50% no-repeat;} .sub-social-responsibility03 .sub-responsibility02-bx { padding-top: 60px;} .sub-social-responsibility03 .sub-responsibility02-bx h4 { position: relative; font-size: 24px; text-align: center;} .sub-social-responsibility03 .sub-responsibility02-bx h4::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); height: 1px; background-color: #ddd; z-index: -1;} .sub-social-responsibility03 .sub-responsibility02-bx h4 span { display: inline-block; padding: 0 30px; background-color: #fff;} /* 관련기업 ui변경 주요사업>물류 혁신 연구·신사업 동일 .sub-social-responsibility03 .sub-responsibility02-bx ul { display: flex; flex-wrap: wrap; margin: 40px -10px 0;} .sub-social-responsibility03 .sub-responsibility02-bx li { width: calc(100% / 6); padding: 0 10px;} .sub-social-responsibility03 .sub-responsibility02-bx li:nth-child(n+7) { padding-top: 20px;} .sub-social-responsibility03 .sub-responsibility02-bx li a { display: block; height: 80px; line-height: 76px; border: 1px solid #ddd; text-align: center;} */ /* ESG경영 > 사회책임 경영 > 사회공헌 활동 제안 */ .sub-social-responsibility03 .sub-responsibility02-bx ul { display: flex; flex-wrap: wrap; margin: 40px -10px 0;} .sub-social-responsibility03 .sub-responsibility02-bx li { width: calc(100% / 6); padding: 0 10px;} .sub-social-responsibility03 .sub-responsibility02-bx li:nth-child(n+7) { padding-top: 20px;} .sub-social-responsibility03 .sub-responsibility02-bx li a {display: flex;height: 80px;/* line-height: 76px; */border: 1px solid #ddd;text-align: center;justify-content: center;align-items: center;} /* ESG경영 > 윤리 경영 */ .sub-ethical01-box { position: relative; padding: 80px 70px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .sub-ethical01-box::before { content: ''; position: absolute; top: -1px; left: 0; width: 220px; height: 1px; background-color: var(--primary-color);} .sub-ethical01-box::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 250px; background-color: var(--primary-color);} .sub-ethical01-cont { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 200px 60px 60px; border: 4px solid #ddd;} .sub-ethical01-cont::before { content: ''; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 160px; height: 160px; background: var(--second-color) url(/images_new/contents/img-ci01-logo.svg) 50% no-repeat;} .sub-ethical01-cont .tit { color: #121212; font-size: 1.7rem;} .sub-ethical01-cont .txt { padding-top: 10px; color: #121212; font-size: 0.9rem; text-align: center;} .sub-ethical01-list { margin-top: 60px; padding: 50px 70px; background-color: #F8F8F8;} .sub-ethical01-list li {display:flex; color: #000; font-size: 0.9rem;align-items: center;} .sub-ethical01-list li span { display: inline-block; width: 70px; height: 70px; line-height: 70px; margin-right: 20px; background-color: #fff; color: var(--primary-color); border-radius: 50%; border: 1px solid var(--primary-color); text-align: center; vertical-align: middle;} .sub-ethical01-list li + li { padding-top: 20px;} .sub-ethical01-list li p{width:calc(100% - 90px);} /* ESG경영 > 윤리 경영 > 윤리 실천강령 */ .sub-ethical02-box .sub-behavior-top .txt { padding-top: 15px; color: #000; font-size: 1rem;} .sub-ethical02-list { padding: 40px 70px; background-color: var(--second-color);} .sub-ethical02-list .item { color: #fff; font-size: 1.05rem;} .sub-ethical02-list .item + .item { padding-top: 0.5em;} .sub-ethical02-list .item span {} .sub-behavior-box { } .sub-behavior-top { position: relative; padding: 90px 70px 60px; border: 4px solid #f0f0f0; border-bottom: 0;} .sub-behavior-top::before { content: ''; position: absolute; bottom: -55%; right: 0; width: 375px; height: 375px; background: url(/images_new/contents/img-ci02-logo.svg) 50% / cover no-repeat; opacity: 0.06; z-index: -1;} .sub-behavior-box .sub-tit30 { } .sub-behavior-box .sub-tit30 span { position: relative;} .sub-behavior-box .sub-tit30 span::before, .sub-behavior-box .sub-tit30 span::after { content: ''; position: absolute; top: -10px; width: 36px; height: 27px; z-index: -1;} .sub-behavior-box .sub-tit30 span::before { left: -25px; background: url(/images_new/contents/img-quote-01.png) 50% no-repeat;} .sub-behavior-box .sub-tit30 span::after { right: -25px; background: url(/images_new/contents/img-quote-02.png) 50% no-repeat;} .sub-behavior-box .sub-tit20 { padding-top: 20px; color: #000;} .sub-behavior-promise { padding: 50px 0; background-color: #f0f0f0;} .sub-behavior-promise .txt { color: #000; font-size: 1.05rem; font-weight: bold;} /***** POLA소식 *****/ .recruit-top-bx{padding:79px 20px 97px;color:#fff;text-align:center;background:url('/images_new/contents/bg-recruit.png') 50% / cover no-repeat;} .recruit-top-bx h4{padding-bottom:5px;font-size:30px;} .recruit-top-bx + form{margin-top:-40px;padding:0 14%;} .recruit-top-bx + form .boardHead{padding-left:20px;padding-right:20px;background:#fff;justify-content: center;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);} .recruit-top-bx + form .boardHead > div{width:70%;} .recruit-top-bx + form .boardHead > div .searchTxt{width:calc(100% - 70px);} .recruit-top-bx + form .boardHead button.searchBtn{background-image:url('/images_new/common/btn-memu-sch-color.png');} /***** POLA소개 *****/ /* 협력기관 */ .dataroom-related-wrap h4{margin:20px 0 35px;color: #666;font-size:20px;font-weight: 700;} .dataroom-related-wrap ul{display:flex;flex-wrap: wrap;margin-left:-32px;overflow:hidden;} .dataroom-related-wrap ul li{display:flex;width:calc(100% / 5);margin-bottom:32px;justify-content: space-between;} .dataroom-related-wrap ul li span, .dataroom-related-wrap ul li a{display:flex;width:100%;height:84px;margin-left:32px;background:#FAFAFA;justify-content: center;align-items: center;} /* 인사채용 */ .recruitment-item{margin-top:40px;} .recruitment-item h4{display:flex;align-items: center;font-weight:400;} .recruitment-item h4 span{display:block;width:194px;margin-right:10px;color:#fff;font-size:20px;line-height:60px;text-align:center;background-color: var(--primary-color);} .recruitment-item h4 strong{padding:0 5px 0 0;color:#000;} .recruitment-item .bx{display:flex;align-items: center;margin-top:-10px;border:1px solid #ddd;} .recruitment-item .bx > li{position:relative;display:flex;justify-content: center;align-items: center;padding:60px 40px;} .recruitment-item .bx > li:before{content:'';display:inline-block;width:90px;height:90px;margin-right:20px;border:1px solid var(--primary-color);border-radius:50%;} .recruitment-item .bx > li.ic1:before{background:url('/images_new/common/ico-recruitment-ic1.png') 50% no-repeat;} .recruitment-item .bx > li.ic2:before{background:url('/images_new/common/ico-recruitment-ic2.png') 50% no-repeat;} .recruitment-item .bx > li.ic3:before{background:url('/images_new/common/ico-recruitment-ic3.png') 50% no-repeat;} .recruitment-item .bx > li:after{content:'';position:absolute;right:-25px;top:50%;display:inline-block;width:50px;height:50px;border:1px solid #DDD;border-radius:50%;transform:translateY(-50%);background:#fff url('/images_new/common/ico-arrow-forward.svg') 50% no-repeat;z-index:9;} .recruitment-item .bx > li:last-child:after{display:none;} .recruitment-item .bx > li + li{border-left:1px solid #ddd;} .recruitment-item .bx > li:first-child:nth-last-child(2), .recruitment-item .bx > li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2);} .recruitment-item .bx > li:first-child:nth-last-child(3), .recruitment-item .bx > li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} .recruitment-item .bx > li dl{width:250px;} .recruitment-item .bx > li dt{} .recruitment-item .bx > li dt span{color: #666;font-size: 14px;text-decoration: underline;text-transform:uppercase;} .recruitment-item .bx > li dt strong{display:block;color: var(--primary-color);} .recruitment-item .bx > li dd ul{display:flex;flex-wrap: wrap;margin-top:10px;} .recruitment-item .bx > li dd li {position:relative;flex: 1 1 40%;padding:0 0 0 10px;color:#000;font-size: 15px;} .recruitment-item .bx > li dd li:before{content:'';position:absolute;left:0;top:12px;display:block;width:3px;height:3px;border-radius:50%;background-color:#000;} .recruitment-info{} .recruitment-info h4{margin:40px 0 20px;font-size:24px;} .recruitment-info h4 span{color:#666666;font-size:0.7em;font-weight:400;} .recruitment-info ul{display:flex;flex-wrap: wrap;margin:0 -10px;overflow:hidden;} .recruitment-info ul li{position:relative;width:calc((100% - 80px) / 4);margin:0 10px 20px;padding:35px 30px 30px;border: 1px solid #DDD;} .recruitment-info ul li dt{color: #000;font-size: 20px;font-weight: 700;} .recruitment-info ul li dd{padding-top:5px;color: #666;font-size: 16px;line-height: 140%; } .recruitment-info li.ic1{background:url('/images_new/common/ico-recruitmentinfo-ic1.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic2{background:url('/images_new/common/ico-recruitmentinfo-ic2.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic3{background:url('/images_new/common/ico-recruitmentinfo-ic3.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic4{background:url('/images_new/common/ico-recruitmentinfo-ic4.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic5{background:url('/images_new/common/ico-recruitmentinfo-ic5.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic6{background:url('/images_new/common/ico-recruitmentinfo-ic6.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic7{background:url('/images_new/common/ico-recruitmentinfo-ic7.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic8{background:url('/images_new/common/ico-recruitmentinfo-ic8.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic9{background:url('/images_new/common/ico-recruitmentinfo-ic9.png') right 30px top 50% / auto 31px no-repeat;} /* 조직도 */ .sub-organization01-wrap { position: relative; /*background: url(../../images_new/contents/img-organization01-bg.png) 100% calc(100% - 293px) no-repeat;*/} /*.sub-organization01-wrap::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 300px; background: #f5f5f5; z-index: -1;}*/ .sub-organization01-bx {text-align: center;margin-top: 30px;} .org-wrap{width: 100%;position: relative;margin:0 auto;text-align:center;} .org-wrap *{margin:0 auto;text-align:center;} .org-wrap::before{position: absolute;content: " ";left: 50%;width: 1.2px;height: 64%;background-color: #ddd;z-index: -1;} .org-wrap.type1 .title{position: relative;display:flex;color: #fff;font-size: 28px;width: 200px;height: 200px;font-weight:500; border-radius: 999px; background:#FF6501 url('/images_new/common/logo-pt.png') 0 0 / 100% no-repeat; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);justify-content: center;align-items: center;} .org-wrap.type1 .title:after{position: absolute;content: " ";top:-10px;left:-10px;bottom:-10px;right:-10px;border: 2px solid #FF6501;border-radius: 999px;z-index:-1;background: #FFF;} .top-org{width: 90%;height: 100%;display: flex;position: relative;} .top-org:nth-child(3){margin-top: 20px} .org-wrap.type2 .top-org::before{position: absolute;content: " ";top: 30%;left: 25%;width: 50%;height: 1px;background-color: #ddd;} .top-org:nth-child(2)::before{position: absolute;content: " ";left: 25%;width: 25%;height: 1px;margin:0;background-color: #ddd;top: 50%;z-index: -2} .top-org:nth-child(3)::before{position: absolute;content: " ";left: 25%;width: 25%;height: 1px;background-color: #ddd;top: 50%} .org-wrap.type1 .top-org:nth-child(2)::before{margin-top:-129px;} .top-org .boxL,.top-org .boxR{flex-basis: 50%;} .top-org .boxL01{margin:-129px 0 0 -60px;} .top-org .boxR01{margin-left:60px;} .top-org a span.dbg{display:inline-block;width: 280px;padding:15px 10px;font-size: 20px;font-weight:700;position: relative;border: 1px solid #000;background: #FFF;} .top-org ul{margin-top: 10px;position: relative;} .top-org ul::before{position: absolute;content: " ";width: 1px;height: 100%;background-color: #ddd;top: -10px;z-index: -1;} .top-org ul li{width: 180px;padding: 10px 0;background-color: #efefef;display: block;} .top-org:nth-child(3) .boxR span.dbg{position: relative;} .top-org:nth-child(3) .boxR span.dbg::before{position: absolute; content: " "; width: 1px; height: 25px; background-color: #ddd; top: -25px; left: 50%; transform: translateX(-50%); z-index: -1} .btm-org{display: flex;margin-top: 30px;padding-top: 40px;font-size: 20px;position: relative;} .btm-org::before{position: absolute;content: " ";width: 66.6%;height: 1px;top: 0;left: 50%;transform: translateX(-50%);background-color: #ddd;} .btm-org .box{display: block;padding:15px 10px;color: #fff;font-weight:500;background: var(--second-color, #FF8434);} .btm-org .btm-box{position: relative;width: 280px;} .btm-org .btm-box::before{position: absolute;content: " ";width: 1px;height: 50%;background-color: #ddd;top: -50px;left: 50%;z-index: -1;} .btm-org .btm-box.boxM::before{display:none;} .btm-org .box img{margin-top: 28px;} .btm-org .box p{} .btm-box ul{display: flex;margin-top: 10px;} .btm-box ul li{font-size: 16px;font-weight: 500;} .btm-box .org-depth2{} .btm-box .org-depth2 li{width:100%;padding: 10px 0;font-size:15px;background-color: #efefef;} .btm-box .org-depth2 li + li{margin-top:5px;} .org-wrap.type1 .box-item > ul{position: relative;justify-content: center;margin-top: 40px;padding-top: 40px;} .org-wrap.type1 .box-item > ul::before{content: '';position: absolute;top: 0;width: 57.5%;left: 50%;transform: translateX(-50%);height: 1px;background-color: #ddd;} .org-wrap.type1 .box-item:nth-child(1) > ul::before{width: 114.5%;} .org-wrap.type1 .box-item > ul > li{position: relative;padding:0 5px;} .org-wrap.type1 .box-item > ul > li::before{position: absolute;content: " ";width: 1px;height: 70%;top: -40px;left: 50%;background-color: #ddd;z-index: -1;} .org-wrap.type1 .box-item > ul > li > a{width: 150px;position: relative;display:block;background-color: #fff;padding: 10px 0 15px 0;;font-size: 20px;border: 1px solid #ddd;border-top: 4px solid #000;} .org-wrap.type1 .box-item::before{position: absolute;content: " ";width: 1px;height: 15%;top: -40px;left: 50%;background-color: #ddd;z-index: -1;} .org-wrap.type1 .btm-org .box{position: relative;} .org-wrap.type1 .btm-org .box::before{position: absolute;content: " ";left: 50%;width: 1px;height: 140%;background-color: #ddd;z-index: -1;} .org-wrap.type2{margin-top: 70px;margin-bottom:120px;font-size: 20px;} .org-wrap.type2::before{height:17%} .org-wrap.type2 .title{display:inline-block;width: 280px;padding:15px 10px;color: #fff;font-weight:500;background: var(--second-color, #FF8434);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);} .org-wrap.type2 .top-org{margin-top: 40px;padding-top: 40px;} .org-wrap.type2 .top-org::before{top: 0;width: 83.3%;left: 50%;transform: translateX(-50%)} .org-wrap.type2 .top-org::after{background-image: none;} .org-wrap.type2 .top-org .box-item{width: 160px;position: relative;padding:0 5px;} .org-wrap.type2 .top-org .box-item .box{display:block;background-color: #fff;padding: 10px 0 15px 0;font-weight:500;border: 1px solid #ddd;border-top: 4px solid #000;} .org-wrap.type2 .top-org .box-item::before{position: absolute;content: " ";width: 1px;height: 15%;top: -40px;left: 50%;background-color: #ddd;z-index: -1;} .org-wrap.type2 .top-org .box-item li{width:100%;font-size:15px;} .org-wrap.type2 .top-org .box-item li + li{margin-top:5px;} .org-wrap.type2 .top-org .box-item ul::before{display:none;} /***** 약관 *****/ .policy-box{} .policy-box{margin-bottom:30px;} .policy-box h3{color:#222;} .policy-box:last-child{margin-bottom:0;} .normal-dl dt {margin:13px 0 0 0; color:#333;font-size:1.05em; font-weight:700;font-family:var(--font-s-core);letter-spacing:-0.5px;} .normal-dl dd {position:relative; margin:3px 0 0 0;padding:0 0 0 10px; padding-left:10px; font-size:0.85rem;} .normal-dl dd:before{content:'';position:absolute;left:0;top:10px;display:block;width:3px;height:3px;border-radius:50%;background-color:#222;} .normal-dl dd.dot_no {background:none !important} .normal-dl dd ul {margin:5px 0 10px 0;} .normal-dl dd ul li {padding-bottom:5px;font-size:0.9rem;} .explain-text{padding:1.5em;font-size:1rem;border:1px solid #ddd;background:#fff url('/images_new/contents/bg-pattern.png') 98% 50% / 220px no-repeat;} /* 개인정보처리방침 */ .privacy-wrap{} .privacy-wrap dd.bnone::before{display: none;} .privacy-wrap .pipp_labeling_ul{padding:0;} .privacy-wrap .pipp_labeling_ul ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0;} .privacy-wrap .pipp_labeling_ul li{display: flex; width: calc((100% - 40px)/3); padding: 15px 20px;border: 1px solid #ddd; background-color: #f5f5f5; border-radius: 5px; align-items: center;} .privacy-wrap .pipp_labeling_ul li i{padding-right:20px;} .privacy-wrap .pipp_labeling_ul li p{font-size: 1em; font-weight: 500; color: #222; padding: 0 0 5px 0;} .privacy-wrap .pipp_labeling_ul li span{display: inline-block; } .privacy-wrap .table_content_box{display: flex; padding: 15px 20px; background-color: #f5f5f5; border-radius: 5px;flex-wrap: wrap;} .privacy-wrap .table_content_box ul{width: 49%;} .privacy-wrap .table_content_box li{} .privacy-wrap a{display: inline-block; border: 1px solid #ddd; width: auto; height: auto; padding: 8px 15px 8px 30px; display: inline-flex; align-items: center; background:#fff url('/images_new/common/ico-site.png') 10px 50% / 13px no-repeat;margin-top: 10px;} .privacy-wrap .link{display: flex; flex-wrap: wrap; margin: 10px 0 0 0;} .privacy-wrap .link a{padding: 8px 15px 8px 30px; margin: 0 8px 8px 0;} .pipp_box{display:flex;padding: 40px;border: 1px solid #ddd; background-color: #f5f5f5;align-items: center;} .pipp_box i{display:block;width:300px;padding:0 20px;} .pipp_box p{width:calc(100% - 300px);} /*.pipp_tit[class *= "tit0"]{border:1px solid red;}*/ .pipp_tit{padding:2px 0 4px 40px;background-repeat:no-repeat;} .pipp_tit.tit00{padding-left:30px; background-image:url('/images_new/contents/con_list01.png');background-position: 0 10px;} .pipp_tit.tit01{background-image:url('/images_new/contents/pipp_title_img01.png');} .pipp_tit.tit02 {padding-left:125px; background-image: url(/images_new/contents/pipp_title_img02.png), url(/images_new/contents/pipp_title_img01.png), url(/images_new/contents/pipp_title_img03.png);background-position: left 0, 80px 0, 40px 0;} .pipp_tit.tit03 {background-image: url(/images_new/contents/pipp_title_img03.png);} .pipp_tit.tit04 {background-image: url(/images_new/contents/pipp_title_img04.png);} .pipp_tit.tit05 {background-image: url(/images_new/contents/pipp_title_img05.png);} .pipp_tit.tit06 {background-image: url(/images_new/contents/pipp_title_img06.png);} .pipp_tit.tit07 {padding-left:85px; background-image: url(/images_new/contents/pipp_title_img08.png), url(/images_new/contents/pipp_title_img07.png);background-position: 40px 0, left 0;} .pipp_tit.tit08{background-image: url(/images_new/contents/pipp_title_img09.png);} .pipp_tit.tit09{background-image: url(/images_new/contents/pipp_title_img10.png);} .pipp_tit.tit10{background-image: url(/images_new/contents/pipp_title_img11.png);} .pipp_tit.tit11{background-image: url(/images_new/contents/pipp_title_img12.png); height: auto;} .pipp_tit.tit12{background-image: url(/images_new/contents/pipp_title_img13.png);} .pipp_tit.tit13{background-image: url(/images_new/contents/pipp_title_img15.png);} .pipp_tit.tit15{background-image: url(/images_new/contents/pipp_title_img15.png);} .pipp_tit.tit16{background-image: url(/images_new/contents/pipp_title_img16.png);} dd.pipp_tit{margin-top:10px;padding:0 0 4px 40px;} dd.pipp_tit:before{display:none;} /* 뷰어다운로드 */ .con_box_fmenu5 {max-width:770px; margin:0 auto; padding:20px 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:700; } .con_box_fmenu5 dl dd {margin:0; font-weight:400; font-size:1rem;} .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;transition: 0.3s ease;} .con_box_fmenu5 dl dd a:hover {background:var(--second-color); font-weight:500; border-color:var(--second-color); color:#fff; } .related-site{width: 100%; height: auto; border-top:2px solid #282e38;} .related-site ul:after{display: block; content: ""; clear: both;} .related-site li{border-bottom: 1px solid #dcdcdc;} .related-site figure{float: left;} .related-site figure{width:45%; text-align: center; margin-top: 35px;} .related-site-con{overflow:hidden;padding: 23px 0 17px;} .related-site-con h5{font-size: 20px; font-weight: bold; color: #222; margin-bottom: 0;} .related-site-con .site_link{margin-top:8px; } .related-site-con .site_link a{padding-left: 24px;font-size: 16px; color: #666; font-weight:300;text-decoration: underline; line-height: 31px;background: url("/images_new/common/ico-site.png") 0 0 / 18px no-repeat;} .related-site-con .site_link a:hover, .related-site-con .site_link a:focus{color: var(--second-color); } /* 검색결과 */ .sch-tab-head{display:flex;flex-wrap: wrap;background:#F8F8F8;} .sch-tab-head li{position:relative;width:20%;padding:5px;margin-bottom:-1px;display:flex;align-items: center;justify-content: center;text-align:center;border:1px solid #D9D9D9;cursor: pointer;} .sch-tab-head li.active:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:0;border:1px solid var(--primary-color);} .sch-tab-head li.active{color:var(--primary-color);font-weight:500;background:#fff;} .sch-tab-head li.active a{color:var(--primary-color) !important;} .sch-tab-head li a:hover{text-decoration:none;} .sch-contents{} .sch-contents{font-weight: 600;} .sch-contents strong{color:var(--primary-color);} .sch-all-bx{padding-bottom:2em;color: #666;font-size: 28px;font-family: var(--font-s-core);} .sch-all-list + .sch-all-list{margin-top:100px;} .sch-all-list {font-size: 20px;} .sch-all-list ul{margin-bottom:2em;border-top:2px solid var(--primary-color);} .sch-all-list ul li{padding:3.5em 0;border-bottom:1px solid #ddd;} .sch-all-list ul li a{max-width:calc(100% - 30px)} .sch-all-list ul li a:after{content:'';display:inline-block;width:24px;height:24px;background:url('/images_new/contents/ico-open-blank.svg') 100% 0 no-repeat;vertical-align:middle;} .file-btn{width:24px;height:24px;margin:-4px 0 0 5px;background: url(/images_new/common/ico-download-color.png) 100% no-repeat;text-indent:-9999em;vertical-align:middle;} .sch-all-list.sch-all-list-file ul li{display:flex;justify-content: space-between;align-items: center;} .sch-all-list .sch-all-tit{padding-bottom:25px;color: #000;font-size: 24px;font-family: var(--font-s-core);} .sch-all-more{text-align:center;} .sch-all-more a{display:inline-block;min-width:260px;padding:0 30px;margin:0 2px;color:#fff;font-size:16px;line-height:54px;border:1px solid #979797;transition: 0.3s ease-in-out; background:#979797;} .search_all_list {width:100%; padding:30px; text-align:center; color:#142547; background:#f8f8f8; font-size:16px; font-weight:600; margin-bottom:40px; word-break:keep-all} .search_all_list span {color:#005aab; } .search_all_wrap {margin-bottom:40px; word-break:keep-all} .search_all_tt_box {position:relative; width:100%; border-bottom:2px solid #373f4e} .search_all_title {margin:0 0 10px 10px; color:#005aab; font-size:18px; font-weight:700;} .search_all_more {position:absolute; bottom:0; right:0; background:#373f4e; padding:7px 20px} .search_all_more a {color:#fff; font-weight:bold} .search_all_board {position:relative; width:100%; padding:20px; border-bottom:1px solid #dedede} .search_all_board .tt {background:url('/img/list01.png') no-repeat 0 10px; padding-left:10px; color:#000; font-size:16px; font-weight:600;} .search_all_board .content {color:#666; margin:5px 0 5px 10px} .search_all_board .navi {color:#142547;margin-left:10px} .search_all_board .date {color:#666; margin:5px 0 0 10px} .search_all_board .no {color:#666; font-size:16px} .all_search { width:100%; margin:20px 0 60px; padding:20px 10px; border:1px solid #d9d9d9; box-shadow:0px 3px 0px rgba(241,241,241,1); overflow:hidden; } .all_search .all_search_input {width:100%; text-align:center;line-height:1;} .all_search input[type=text] {vertical-align:0px; height: 37px; padding:7px; border:1px solid #d9d9d9} .all_search .search_box {margin-bottom:5px; width:40%; } .all_search_input .check input {vertical-align:-14px; } .all_search .search_box {margin-bottom:5px; width:40%; } @media (max-width: 480px) { .all_search .search_box {margin-bottom:5px; width:70%; } ul.tab2_600 li a {font-size:14px; letter-spacing:-1px;} } .sch_btn2 {width:50px; margin-left:-1px; line-height: 10px; height: 38px; background: var(--primary-color); color:#fff; border: 0; font-size: 17px; cursor:pointer; } .search_more_wrap .close_btn {float:right; margin-bottom:10px; cursor:pointer;} .search_more_wrap .content {} .search_more_wrap .more_search_table {width:100%; border-top:1px dotted #888} .search_more_wrap .more_search_table th, .search_more_wrap .more_search_table td { background:#f4f4f4; padding:10px; border-bottom:1px dotted #888; } @media (max-width: 916px) { .search_more_wrap .more_search_table th, .search_more_wrap .more_search_table td { display:block; width:100%; text-align:center; background:#f4f4f4; padding:5px 0px; border-bottom:0px dotted #888; } .search_more_wrap .more_search_table td ul {overflow:hidden; width:100%; } .search_more_wrap .more_search_table td {border-bottom:1px dotted #888} } .search_more_wrap .more_search_table td {background:#fff; } .search_more_wrap .more_search_table ul li {float:left; margin-right:20px} .search_more_wrap .more_search_table input {vertical-align:-13px; } .search_more_wrap .more_search_table .width_100 {width:100%} .more_search_table td.set_period input { vertical-align:0px; width:90px; margin:2px 0} .more_search_table td.set_period button {margin-left:-1px; width:37px; height:37px; border:1px solid #d9d9d9; } /*버튼*/ .all_search_btn {clear:both; text-align:center; margin:30px 0} .all_search_btn li {display:inline-block; } .all_search_btn li a {color:#fff} /***** 반응형 *****/ @media only screen and (min-width: 1025px){ /* 1025px 이상 */ .pc-block{display:block;} .m-block{display:none;} } @media screen and (max-width: 1300px) { html, body{font-size: 16px;} .mgb30 {margin-bottom: 0.742rem !important;} } /********* NEW content2.css *********/ /** 국민소통 **/ /* 국민소통 공통 */ .sub-innovation-top { position: relative; margin-top: 50px; padding: 50px 40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .sub-innovation-top::before { content: ''; position: absolute; top: -1px; left: 0; width: 220px; height: 1px; background-color: var(--primary-color);} .sub-innovation-top::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 250px; background-color: var(--primary-color);} .sub-innovation-top > .tit { color: #121212; font-size: 1.2rem;} .sub-innovation-top > .tit span { color: var(--primary-color);} .sub-innovation-top > .txt { color: #121212; font-size: 1rem;} .sub-innovation-top > .tit + .txt { padding-top: 10px;} .tit + .sub-innovation-common-bx{margin-top: 40px;} .txt + .sub-innovation-common-bx{margin-top: 40px;} .sub-innovation-common-bx { position: relative; display: flex; justify-content: space-between; align-items: center; min-height: 230px; /* margin-top: 40px; */ padding: 50px 0px; background-color: #f5f5f5; color: #121212; font-size: 18px; overflow: hidden; z-index: 0;} .sub-innovation-common-bx::before { content: ''; position: absolute; right: 0; bottom: -150px; width: 380px; height: 380px; background: url(/images_new/contents/img-ci02-logo.svg) 50% / contain no-repeat; opacity: 0.03; z-index: -1;} .sub-innovation-common-bx > div{padding:0 50px;} .sub-innovation-common-bx > div:first-child { width: 65%; } /* .sub-innovation-common-bx > div:last-child { width: 32%; text-align: center;} */ .sub-innovation-common-bx h5 { font-size: 1.3rem;} .sub-innovation-common-bx h5 span { font-weight: 400;} .sub-innovation-common-bx p { font-size: 1rem; } .sub-innovation-common-bx h5 + p { padding-top: 15px;} .sub-opinion01-cover { display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; margin: 0 auto; background-color: #fff; border-radius: 50%;} .sub-cover-linkbx{display:flex;} .sub-cover-linkbx a{display:inline-block;height:100%;margin:5px 0;padding:50px 15px 20px;background-color: #fff;} a.wbx{display:inline-block;height:100%;margin:5px 0;padding:50px 15px 20px;background-color: #fff;} .sub-cover-linkbx a + a{margin-left:10px;} .information-bx{display:flex;border:1px solid #ddd;} .information-bx > div{width:50%;padding:40px;} .information-bx > div + div {border-left:1px solid #ddd;} .board-bottom-btn { display: flex; justify-content: center; align-items: center;} .board-bottom-btn a { display: block; width: 160px; height: 60px; line-height: 60px; margin: 0 5px; text-align: center;} .board-bottom-btn .cancel-btn { color: #999; border: 1px solid #ccc;} .board-bottom-btn .register-btn { color: #fff; background-color: var(--primary-color);} .write-btn-box{display: flex; justify-content: space-between; align-items: center;padding:30px;border:1px solid #ddd;} .write-btn-box p{font-family:var(--font-s-core);} .st-tbl{display:flex;width:100%;font-size:14px;border:1px solid #D5D5D5;} .st-tbl dl{display:table;width:50%;} .st-tbl dl > *{display:table-cell;padding:10px 20px;} .st-tbl dt{font-weight:500;background:#F6F6F6;} .tab-wrap{} .tab-wrap .tab-contents > div{display:none;} .tab-contents{margin-top:50px;} .tab-wrap .tab-head {background:#F8F8F8;} .tab-wrap .tab-head.tab-bglight {background:#fff;} .tab-wrap .tab-head li{border:1px solid #D9D9D9;} .tab-wrap .tab-head li a{ display: flex; width:100%;height: 100%;min-height: 40px; padding:5px; align-items: center;justify-content: center;line-height:1.4;text-align:center;cursor:pointer;} .tab-wrap .tab-head li.active a{ color: #fff; } .tab-head-df {display:flex;} .fwrap-half{flex-wrap: wrap;} .tab-head-df li{position:relative;width:50%;height:3em;margin-bottom:-1px;display:flex;align-items: center;justify-content: center;text-align:center;} .tab-head-df li.active{color:var(--primary-color);font-weight:500;background:#fff;} .tab-head-df li.active a{color:var(--primary-color) !important;} .tab-head-df li a:hover{text-decoration:none;} .tab-head-df li.active:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:0;border:1px solid var(--primary-color);} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(2), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2);} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(3), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(4), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(4) ~ li {width: calc(100% / 4);} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(5), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(5) ~ li {width: calc(100% / 5);} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(6), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(6) ~ li {width: calc(100% / 6);} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(7), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(7) ~ li {width: calc(100% / 7);} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(8), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(8) ~ li {width: calc(100% / 8);} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(9), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(9) ~ li {width: calc(100% / 9);} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(10), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(10) ~ li {width: calc(100% / 10);font-size:15px;line-height:1.4;} .tab-head-df-free{display:flex;} .tab-head-df-free li.active{color:#fff;background:#7A7A7A;border-color:#7A7A7A;} .tab-head-df-free li:first-child:nth-last-child(2), .tab-head-df-free li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2);} .tab-head-df-free li:first-child:nth-last-child(3), .tab-head-df-free li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} .tab-head-df-free li:first-child:nth-last-child(4), .tab-head-df-free li:first-child:nth-last-child(4) ~ li {width: calc(100% / 4);} .tab-head-df-free li:first-child:nth-last-child(5), .tab-head-df-free li:first-child:nth-last-child(5) ~ li {width: calc(100% / 5);} .tab-head-df-free li:first-child:nth-last-child(6), .tab-head-df-free li:first-child:nth-last-child(6) ~ li {width: calc(100% / 6);} .tab-head-df-free li:first-child:nth-last-child(7), .tab-head-df-free li:first-child:nth-last-child(7) ~ li {width: calc(100% / 7);} .tab-head-df-free li:first-child:nth-last-child(8), .tab-head-df-free li:first-child:nth-last-child(8) ~ li {width: calc(100% / 8);} .tab-head-df-free li:first-child:nth-last-child(9), .tab-head-df-free li:first-child:nth-last-child(9) ~ li {width: calc(100% / 9);} .tab-head-df-free li:first-child:nth-last-child(10), .tab-head-df-free li:first-child:nth-last-child(10) ~ li {width: calc(100% / 10);} .tab-wrap .tab-head.tab-head-df > li.active{display:flex;} .tab-wrap .tab-head > li.active, .tab-wrap .tab-contents > div.active{display:block;} /* 게시판 탭 */ .board-tab { padding-bottom: 40px;} .board-tab ul { display: flex;} .board-tab li { width: calc(100% / 3);border:1px solid #D9D9D9;background-color: #F8F8F8;} .board-tab li a { display: flex; height: 100%;min-height: 60px; padding:5px; color: #121212; text-align: center;align-items: center;justify-content: center;line-height:1.4;} .board-tab li.active{ background-color: #7A7A7A;border-color: #7A7A7A;} .board-tab li.active a { background-color: #7A7A7A; color: #fff; font-weight: 500;} /* 열린혁신 소통광장 */ .sub-open01-wrap { position: relative;} .sub-open01-wrap::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 77%; background-color: #f5f5f5; z-index: -1;} .sub-open01-bx { margin-top: 50px; padding: 60px 0; } .sub-open01-bx > p { font-size: 1.2rem;} .sub-open01-bx ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 40px;} .sub-open01-bx .item { width: calc((100% / 3) - 10px);} .sub-open01-bx .item .item-bx { position: relative; padding: 40px 35px; background-color: #fff; border: 1px solid #ddd; box-shadow: 4px 4px 10px rgba(0,0,0,0.1); transition: all .3s;} .sub-open01-bx .item .item-bx::before { content: ''; position: absolute; top: 0; left: 0; width:0; height: 2px; background-color: var(--primary-color); transition: all .2s .45s;} .sub-open01-bx .item .item-bx::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 0; background-color: var(--primary-color); transition: all .2s .3s;} .sub-open01-bx .item-bx > div::before { content: ''; position: absolute; bottom: 0; right: 0; width:0; height: 2px; background-color: var(--primary-color); transition: all .2s .15s;} .sub-open01-bx .item-bx > div::after { content: ''; position: absolute; bottom: 0; left: 0; width: 2px; height: 0; background-color: var(--primary-color); transition: all .2s;} .sub-open01-bx .item p { color: #000; } .sub-open01-bx .item p.badge{font-size: 1.5em;} .sub-open01-bx .item p:not(.badge){padding-top:5px;font-size: 1em;line-height:1.5;} .sub-open01-bx .item .txt-shortcut { display: inline-block; margin-top: 10px; font-size: 0.9rem; z-index: 1; transition: all .3s;} .sub-open01-bx .item .icon { padding-top: 25px; text-align: right;} .sub-open01-bx .item .ir { width: 90px; height: 90px; opacity: 0.2; transition: all .3s;} .sub-open01-bx .item:nth-child(1) .ir { background: url(/images_new/contents/ico-open01.png) 50% no-repeat;} .sub-open01-bx .item:nth-child(2) .ir { background: url(/images_new/contents/ico-open02.png) 50% no-repeat;} .sub-open01-bx .item:nth-child(3) .ir { background: url(/images_new/contents/ico-open03.png) 50% no-repeat;} .sub-open01-bx .item:hover > div::before { opacity: 1;} .sub-open01-bx .item:hover .txt-shortcut { color: var(--primary-color);} .sub-open01-bx .item:hover .ir { opacity: 1;} .sub-open01-bx .item:hover .item-bx::before { width: 100%; transition: all .15s;} .sub-open01-bx .item:hover .item-bx::after { height: 100%; transition: all .15s .15s;} .sub-open01-bx .item:hover .item-bx > div::before { width: 100%; transition: all .15s .3s;} .sub-open01-bx .item:hover .item-bx > div::after { height: 100%; transition: all .15s .45s;} /* 안전보건 소통광장 */ .sub-safety04-bx {} .sub-safety04-bx ul { display: flex;} .sub-safety04-bx li { width:50%;max-width: 160px; } .sub-safety04-bx li a, .sub-safety04-bx li button{min-width:140px; display: block; height: 50px; line-height: 50px; padding: 0 20px; background: #666 url(/images_new/common/btn-arrow.png) calc(100% - 10px) 50% no-repeat; color: #fff; font-weight: 500; text-align:left; font-size: 16px; cursor:pointer; border-radius:4px;} .sub-safety04-bx li:first-child a { margin-right: 10px; background-color: var(--primary-color);} .sub-safety04-bx li:first-child button { margin-right: 10px; background-color: var(--primary-color);} /* 혁신아이디어제안 */ .sub-opinion02-bx .sub-opinion02-cont { display: flex; align-items: flex-end; padding-top: 20px;} .sub-opinion02-bx .sub-opinion02-cont a { display: block; width: 350px; height: 55px; line-height: 55px; padding: 0 25px; background: var(--primary-color) url(/images_new/common/btn-arrow.png) calc(100% - 25px) 50% no-repeat; color: #fff; font-size: 0.9rem; border-radius: 5px;} .sub-opinion02-bx .sub-opinion02-cont p { padding-left: 20px; font-size: 0.9rem;} /* 칭찬합시다 */ .sub-write-bx { padding-bottom: 40px; border-bottom: 1px solid #ddd;} .sub-write-bx ul {} .sub-write-bx .item { display: flex; } .sub-write-bx .item + .item { padding-top: 20px;} .sub-write-bx .item .tit { width: 250px; font-size: 18px;} .sub-write-bx .item .txt { width: calc(100% - 250px);} .sub-write-bx .item .txt > input, .sub-write-bx .item .txt > textarea, .sub-write-bx .item .txt > select { padding: 0 20px; border-color: #ddd;} .sub-write-bx .item .txt input { width: 100%; height: 48px; font-size: 14px;} .sub-write-bx .item .txt select { width: 50%; height: 48px; font-size: 14px;} .sub-write-bx .item .txt textarea { width: 100%; min-height: 180px; padding: 20px; resize: none;} .sub-write-bx .item .file-bx { position: relative; display: flex; justify-content: space-between; padding: 0; margin-bottom:4px;} .sub-write-bx .item input[type="file"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;} .sub-write-bx .item .txt .file-name { display: inline-block; width: calc(100% - 110px); height: 50px; padding: 0 20px; color: #666; border: 1px solid #ddd;} .sub-write-bx .item label { display: inline-block; width: 100px; height: 50px; line-height: 50px; background-color: #666; color: #fff; font-size: 0.9rem; text-align: center; cursor: pointer; border-radius: 5px;} .sub-write-bx .item .file-bx button { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 15px; height: 15px;} .sub-write-bx .item .file-bx button::before, .sub-write-bx .item .file-bx button::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 12px; background-color: #000; border-radius: 5px;} .sub-write-bx .item .file-bx button::before { transform: rotate(-45deg);} .sub-write-bx .item .file-bx button::after { transform: rotate(45deg);} .sub-write-bx .item .file p { padding-top: 15px; color: #666; font-size: 0.9rem;} /* POLA 기업성장응답센터 */ .sub-growth01-bx { padding: 50px 40px;} .sub-growth01-bx > div:first-child { padding: 0;} .sub-growth01-bx ul {} .sub-growth01-bx .item { display: flex; padding-bottom: 10px; color: #121212; font-size: 1rem;} .sub-growth01-bx dl { display: flex;} .sub-growth01-bx dt { position: relative; padding-left: 15px; font-weight: 700;} .sub-growth01-bx dt::before { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background-color: var(--primary-color); border-radius: 50%;} .sub-growth01-bx dd { padding-left: 5px;} .sub-growth01-bx .list dl { display: block;} .sub-growth01-bx .list dt { padding-bottom: 10px;} .sub-growth01-bx .list dd { padding-left: 15px;} .sub-growth01-bx .anchor { color: var(--primary-color); text-decoration: underline;} .sub-growth01-bx .etc { font-size: 0.8rem;} .sub-growth01-cover {} .sub-growth01-cover a { display: block; max-width: 300px; margin: 0 auto; padding: 15px; background: var(--primary-color) url(/images_new/common/btn-arrow.png) calc(100% - 15px) 50% no-repeat; color: #fff; font-weight: bold; text-align: left;} .sub-growth02-bx {} .sub-growth02-bx ol { display: flex;} .sub-growth02-bx .item { position: relative; width: 25%; height: 305px; text-align: center;} .sub-growth02-bx .item:nth-child(1) > div{background: url(/images_new/contents/img-growth02-01.png) 50% / contain no-repeat;} .sub-growth02-bx .item:nth-child(2) > div{background: url(/images_new/contents/img-growth02-02.png) 50% / contain no-repeat;} .sub-growth02-bx .item:nth-child(3) > div{background: url(/images_new/contents/img-growth02-03.png) 50% / contain no-repeat;} .sub-growth02-bx .item:nth-child(4) > div{background: url(/images_new/contents/img-growth02-04.png) 50% / contain no-repeat;} .sub-growth02-bx .item > div { height: 100%; padding-right: 35px; width: 100%;overflow: hidden; } .sub-growth02-bx .item .item-tit { display: flex; flex-direction: column; justify-content: center; align-items: center; height: calc(100% - 160px); padding-top: 60px;} .sub-growth02-bx .sub-growth02-icon {} .sub-growth02-bx .sub-growth02-icon .ir { display: inline-block; width: 50px; height: 50px; } .sub-growth02-bx .item:nth-child(1) .sub-growth02-icon .ir { background: url(/images_new/contents/ico-growth02-01.png) 50% / contain no-repeat;} .sub-growth02-bx .item:nth-child(2) .sub-growth02-icon .ir { background: url(/images_new/contents/ico-growth02-02.png) 50% / contain no-repeat;} .sub-growth02-bx .item:nth-child(3) .sub-growth02-icon .ir { background: url(/images_new/contents/ico-growth02-03.png) 50% / contain no-repeat;} .sub-growth02-bx .item:nth-child(4) .sub-growth02-icon .ir { background: url(/images_new/contents/ico-growth02-04.png) 50% / contain no-repeat;} .sub-growth02-bx .item-tit h4 { color: #FFA367; font-size: 1.2rem;} .sub-growth02-bx .item-tit p { padding-top: 5px; color: #757575; font-size: 0.9rem; font-weight: bold;} .sub-growth02-bx .item-txt { position: absolute; bottom: 0; left: 3%; right: 13%; height: 110px; padding: 20px 0 0; background-color: #f5f5f5;z-index:-1;border-radius:0 0 40px 40px;} /*.sub-growth02-bx .item-txt::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f5f5f5; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; z-index: -2;}*/ .sub-growth02-bx .item-txt > * { color: #000; font-weight: bold; z-index: 1;} .sub-growth02-bx .item-txt .txt01 { font-size: 0.9rem;} .sub-growth02-bx .item-txt .txt02 { font-size: 0.7rem;} .sub-growth02-bx .item dl { display: flex; } .sub-growth02-bx .item:nth-child(2) dl { justify-content: center; } .sub-growth02-bx .item:nth-child(2) dl div { padding-left: 5%;} .sub-growth02-bx .item:nth-child(2) dd { text-align: left;} .sub-growth02-bx .item:nth-child(3) dl { padding: 0 5px 0 20px; align-items: center;} .sub-growth02-bx .item:nth-child(3) dl + dl { padding-top: 5px;} .sub-growth02-bx .item:nth-child(3) dd { padding-left: 3px;} .sub-growth02-bx .item:nth-child(4) { padding-right: 0;} .sub-growth02-bx .item:nth-child(4) .item-txt { padding: 20px 25px; right: 7%; text-align: left;} .sub-growth02-bx .item:nth-child(4) li + li { padding-top: 5px;} .sub-growth03-btn-bx { padding-top: 60px;} .sub-growth03-btn-bx ul { display: flex; justify-content: flex-end;} .sub-growth03-btn-bx li { } .sub-growth03-btn-bx li + li { margin-left: 15px; } .sub-growth03-btn-bx li a { display: block; width: 290px; height: 60px; line-height: 60px; padding: 0 20px; background: url(../../images_new/common/btn-arrow.png) calc(100% - 20px) 50% no-repeat; color: #fff; font-weight: bold;} .sub-growth03-btn-bx li:first-child a { background-color: var(--primary-color);} .sub-growth03-btn-bx li:last-child a { background-color: #666;} .sub-growth04-bx { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 70px 0; border: 10px solid #ddd;} .sub-growth04-bx h4 { padding-top: 40px; color: #121212; font-size: 1.2rem; text-align: center;} .sub-growth04-bx h4 span { color: var(--primary-color); font-weight: bold;} .sub-growth04-bx ul { padding-top: 45px;} .sub-growth04-bx li { font-size: 0.9rem; color: #121212; text-decoration: underline;} .sub-growth04-bx li + li { padding-top: 20px; font-size: 0.9rem;} .sub-growth04-bx li span { color: var(--primary-color); text-decoration: underline;} .sub-growth05-wrap p { color: #121212; font-weight: 0.9rem;} .sub-growth05-bx { padding-top: 60px;} .sub-growth05-bx ul { display: flex;} .sub-growth05-bx li + li { margin-left: 15px;} .sub-growth05-bx li a { display: block; width: 290px; height: 60px; line-height: 60px; padding: 0 20px; background: #666 url(/images_new/common/btn-arrow.png) calc(100% - 20px) 50% no-repeat; color: #fff; font-weight: bold;} .sub-growth05-bx li:first-child a { background-color: var(--primary-color);} /** ESG경영 **/ /** POLA 소식 **/ /* 보도 해명자료 */ .boardPress table { border-top: 2px solid #999;} /* 사회책임 경영 */ /** POLA 소개 **/ /* 인사말 */ .sub-greeting-inner{display:flex;justify-content: space-between;} .sub-greeting01-wrap {width:56%} .sub-greeting01-bx { } .sub-greeting01-bx h4 { position: relative; padding: 45px 0;} .sub-greeting01-bx h4::before, .sub-greeting01-bx h4::after { content: ''; position: absolute; left: 0; width: 20px; height: 18px; background: url(../../images_new/contents/ico-quote.png) 50% no-repeat;} .sub-greeting01-bx h4::before { top: 0;} .sub-greeting01-bx h4::after { bottom: 0; transform: rotate(180deg);} .sub-greeting01-bx p { padding: 1em 0 0 0; color: #000; } .sub-greeting02-wrap {} .sub-greeting02-cover-bg { position: relative; text-align: center;} .sub-greeting02-cover { text-align: center;} .greeting02-ceo {padding: 10px 0; color: #333; text-align:right;} .greeting02-ceo span { font-size: 1rem;} .greeting02-ceo p { font-size: 2rem; font-weight: bold;} .sub-greeting02-txt { color: #000;} .sub-greeting02-txt .txt { } .sub-greeting02-txt ol { padding-top: 80px; list-style: none;} .sub-greeting02-txt ol li + li { padding-top: 30px;} .sub-greeting02-txt ol li b { font-size: 1rem;} .sub-greeting02-txt p { padding-top: 50px;} .sub-greeting02-txt p + p { } .sub-greeting02-txt .ceo-name { margin-left: 20px; vertical-align: bottom;} /* 역대 기관장 */ .sub-generation-bx { padding-top: 80px;} .sub-generation-bx ul { display: flex; flex-wrap: wrap; margin: 0 -10px;} .sub-generation-bx .item { width: 25%; padding: 0 10px 40px; text-align: center;} .sub-generation-bx .item > div { padding: 20px 30px; background: url(../../images_new/contents/ico-generation-item.png) 0 100% no-repeat; border: 1px solid #ddd; transition: all .3s;} .sub-generation-bx .item > div:hover { border-color: var(--primary-color); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);} .sub-generation-bx .generation-tit { height: 50px; line-height: 50px; background-color: var(--primary-color); color: #fff; font-size: 0.9rem;} .sub-generation-bx .generation-cover { padding-top: 20px;} .sub-generation-bx .generation-txt { padding-top: 10px;} .sub-generation-bx .generation-txt .name { color: #000; font-size: 1rem; font-weight: 700;} .sub-generation-bx .generation-txt .date { padding-top: 5px; color: #666; font-size: 0.9rem;} /* 기관연혁 */ .sub-history-tit { display: flex; justify-content: space-between; align-items: flex-end;} .sub-history-tit p { padding-top: 40px;} .sub-history-tit a { display: flex; justify-content: space-between; align-items: center; width: 350px; height: 50px; line-height: 50px; padding: 0 25px; color: var(--primary-color); border: 1px solid var(--primary-color); transition: all .3s;} .sub-history-tit a:hover { background-color: var(--primary-color); color: #fff;} .sub-history-tit a:hover path { fill: #fff; } .sub-history-tab { padding-top: 80px;} .sub-history-tab ul { display: flex; } .sub-history-tab ul li { width: 20%; color: #666; border-bottom: 1px solid #ddd; text-align: center;} .sub-history-tab ul li button { width: 100%; height: 80px; font-size: 1rem; } .sub-history-tab ul li.active { border-bottom: 4px solid var(--primary-color); } .sub-history-tab ul li.active button { color: var(--primary-color); font-weight: bold;} .sub-history-bx { padding-top: 60px;} .sub-history-bx ul {} .sub-history-bx .item { display: none;} .sub-history-bx .item:first-child { display: block;} .sub-history-bx .item > div { display: flex;} .sub-history-bx .history-cover { } .sub-history-bx .history-cover .period { position: relative; width: 260px; height: 150px; line-height: 150px; margin-top: -75px; background-color: var(--primary-color); color: #fff; font-size: 3rem; font-weight: bold; text-align: center; box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.2);} .sub-history-bx .history-list { padding-left: 75px;} .sub-history-bx .history-list ul { position: relative;} .sub-history-bx .history-list ul::before { content: ''; position: absolute; top: 10px; left: 5px; transform: translateX(-50%); width: 1px; height: calc(100% - 20px); background-color: #ddd;} .sub-history-bx .history-list li { position: relative; display: flex; padding-left: 35px;} .sub-history-bx .history-list li::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 10px; height: 10px; background-color: #ddd; border-radius: 50%;} .sub-history-bx .history-list li:first-child:before { background-color: var(--primary-color);} .sub-history-bx .history-list li + li { margin-top: 60px;} .sub-history-bx .history-list li .year { display: inline-block; width: 200px; color: #121212; font-size: 1rem; font-weight: bold;} .sub-history-bx .history-list li .txt { font-size: 0.9rem; } /* 자료실 */ .data-nav-tab { padding: 60px 0;} .data-nav-tab ul { display: flex;} .data-nav-tab .item { width: calc(100% / 6);} .data-nav-tab .item a { display: block; height: 60px; line-height: 60px; text-align: center; border: 1px solid #ddd; border-bottom-color: var(--primary-color); border-right: 0;} .data-nav-tab .item:last-child a { border-right: 1px solid #ddd;} .data-nav-tab .item.active a { color: var(--primary-color); border: 1px solid var(--primary-color); border-bottom: 0;} .data-nav-tab .item.active + .item a { border-left: 0;} @media screen and (min-width: 801px) { .data-nav-tab .item { flex:1;} } .sub-data-01 { margin-top: 0;} /* 기관 홍보물 */ .sub-promotion01-wrap {} /* 기관 영상 */ .sub-video01-wrap {} /* 전문자료 */ .sub-dataroom01-wrap {} /* 수상·인증 */ .sub-certification01-wrap {} /* 협력 기관·기업 */ .sub-partner01-wrap {} /* 기관 상징 */ .sub-ci-cont { padding: 40px 0; /*background-color: #f5f5f5;*/ text-align: center;} .sub-ci-cont.white { background-color: transparent;} .sub-ci01-wrap .colorGray6 { font-size: 0.9rem;} .sub-ci02-wrap .sub-ci-cont ul { display: flex; justify-content: center;} .sub-ci02-wrap .sub-ci-cont .item { display: flex; justify-content: center; align-items: center; width: 460px; height: 240px; margin: 0 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 20px; box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.1);} .sub-ci02-wrap .sub-ci-cont .item:last-child img { width: 300px; } .sub-ci03-wrap {} .sub-ci03-wrap .sub-ci-cont > ul { width: 80%; margin: 0 auto;} .sub-ci03-wrap .item { display: flex; justify-content: space-between; align-items: flex-start;} .sub-ci03-wrap .item + .item { padding-top: 80px;} .sub-ci03-wrap .item > div { width: 80%; } .sub-ci03-wrap .item ul { display: flex; } .sub-ci03-wrap .item li { width: calc(100% / 3); padding: 30px 0;} .sub-ci03-wrap .item .txt { padding-top: 10px; font-size: 14px;} .sub-ci03-wrap .item .logo-list { border: 1px solid #ddd;} .sub-ci03-wrap .item .logo-list.gradient { background: linear-gradient( 90deg, #000000 15%, #A9ABAE 43%, #A7A9AC);} .sub-ci03-wrap .item .logo-list.bg li:nth-child(1) { background-color: #E50012;} .sub-ci03-wrap .item .logo-list.bg li:nth-child(2) { background-color: #9A7F53;} .sub-ci03-wrap .item .logo-list.bg li:nth-child(3) { background-color: #8F8F92;} .sub-ci04-wrap .sub-ci-cont { } .sub-ci04-wrap .sub-ci-cont ul { width: 80%; margin: 0 auto;} .sub-ci04-wrap .sub-ci-cont .item { display: flex; justify-content: space-between; align-items: flex-start;} .sub-ci04-wrap .sub-ci-cont .item + .item { padding-top: 40px;} .sub-ci04-wrap .sub-ci-cont .sub-ci-item-tit { width: 20%; text-align: left;} .sub-ci04-wrap .sub-ci-cont .item p { } .sub-ci04-wrap .sub-ci-item-cont { display: flex; justify-content: center; align-items: center; width: 70%; height: 150px; background-color: #fff; border: 1px solid #ddd; border-radius: 20px; box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.1);} .sub-ci04-wrap .sub-ci-item-cont img { min-width: 300px;} .sub-ci05-wrap { } .sub-ci05-wrap .sub-ci-cont { } .sub-ci05-wrap .sub-ci-cont ul { display: flex; } .sub-ci05-wrap .sub-ci-cont .item + .item { padding-left: 10px;} .sub-ci05-wrap .sub-ci-cont .item a { display: block; width: 350px; height: 50px; line-height: 50px; padding: 0 15px; background: url(/images_new/common/ico-download-light.svg) calc(100% - 15px) 50% no-repeat; color: #fff; font-size: 0.9rem; font-weight: bold; text-align: left;} .sub-ci05-wrap .sub-ci-cont .item:nth-child(1) a { background-color: var(--primary-color);} .sub-ci05-wrap .sub-ci-cont .item:nth-child(2) a { background-color: #666;} /* 오시는 길 */ .sub-location-tab { padding-top: 80px;} .sub-location-tab ul { display: flex;} .sub-location-tab .item { width: calc(100% / 7);} .sub-location-tab .item button { width: 100%; height: 60px; font-size: 1rem; border: 1px solid #ddd; border-bottom-color: var(--primary-color); border-right: 0; cursor:pointer;} .sub-location-tab .item:last-child button { border-right: 1px solid #ddd;} .sub-location-tab .item.active button { color: var(--primary-color); font-weight: bold; border: 1px solid var(--primary-color); border-bottom-color: transparent; background-color: #fff;} .sub-location-tab .item.active + .item button { border-left: 0;} .sub-location-bx { padding-top: 40px;} .sub-location-bx .item { height: 0; visibility: hidden;} .sub-location-bx .item .sub-location-cont + .sub-location-cont { padding-top: 80px; } .sub-location-cont ul { margin-top: 20px;} .sub-location-cont li { display: flex;align-items: center;margin-bottom: 20px;justify-content: space-between;} .sub-location-cont li + li { margin-top: 15px;} .sub-location-cont h5 { color: #000; padding-right: 20px;} .sub-location-cont .txt { font-size: 0.9rem;} .sub-location-cont .txt::before {content: '';display: inline-block;width: 4px;height: 4px;margin: -4px 10px 0 0;background-color: #000;border-radius: 50%;vertical-align: middle;} .sub-location-cont .btn-directions { display:inline-block;margin-left:10px;padding:6px 10px;border:1px solid #ddd; font-weight: 500;} .sub-location-cont .btn-directions .ico_map {vertical-align: middle; margin: -4px 10px 0 0;} .sub-location-bx .sub-location-cont04 { padding-top: 20px;} .sub-location-cont .subway_badge { display: inline-block; width: 20px; height: 20px; line-height: 20px; margin: 0 2px; color: #fff; border-radius: 50%; font-size: 18px; text-align: center; letter-spacing: 0;} .sub-location-cont .subway_1 { background-color: #0052A4; } .sub-location-cont .subway_2 { background-color: #00A84D; } .sub-location-cont .subway_3 { background-color: #EF7C1C; } .sub-location-cont .subway_4 { background-color: #00A5DE; } .sub-location-cont .bus_badge { display: inline-block; width: 30px; height: 20px; line-height: 20px; margin: 0 5px; color: #fff; border-radius: 3px; font-size: 12px; font-weight: 400; text-align: center; letter-spacing: 0; vertical-align: text-bottom;} .sub-location-cont .bus_blue { background-color: #3D5BAB; } .sub-location-cont .bus_green { background-color: #47AF1B; } .sub-location-cont .bus_red { background-color: #DF121A; } .sub-location-cont01 { padding-top: 40px;} .sub-location-bx .board-contents th + th { border-left: 1px solid #e5e5e5; } .sub-location-bx .board-contents td + td { border-left: 1px solid #e5e5e5; } .sub-location-bx{margin:20px 0 0;font-size:16px;} .tbl-noblock{table-layout:fixed;border-top:1px solid #000;border-bottom:1px solid #000;text-align:center;white-space:nowrap;} .tbl-noblock thead th{padding:20px 10px;color:#333;font-weight:500;background:#f5f5f5;} .tbl-noblock tbody td{padding:20px 10px;color:#666;border-top:1px solid #e5e5e5;} .bottom-common-bx > .inner { width:1300px;max-width:calc(100% - 40px);margin: 40px auto; padding: 0; border: 1px solid #d5d5d5;} .responsibility-bx { display: flex; height: 50px; line-height: 50px; font-size: 0.7rem;} .responsibility-bx .tit { width: 180px; background-color: var(--primary-color); color: #fff; text-align: center;} .responsibility-bx .info { padding: 0 20px; color: #666;} .evaluation-bx { text-align: center;} .evaluation-bx p { padding: 15px 20px; background-color: #F6F6F6; font-size: 0.7rem; text-align: left;} .evaluation-bx > div { width: 80%; margin: 20px auto;} .evaluation-bx ul { display: flex; margin: 0 -30px;} .evaluation-bx .item { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 20%; padding: 0 30px; text-align: center;} .evaluation-bx .item label { margin-top: 5px; padding-left: 18px; font-size: 0.9rem;} .evaluation-bx .item label::before { top: 4px; width: 14px; height: 14px;} .evaluation-bx .item input[type="radio"]:checked + label:after { top: 8px; width: 8px; height: 8px;} .evaluation-bx button { width: 140px; height: 35px; margin: 20px auto 0; background-color: #686868; color: #fff; border-radius: 4px; font-weight: bold;} .evaluation-bx button .ir { width: 19px; height: 11px; margin-right: 2px; background: url(../../images_new/common/ico-comment.png) 50% no-repeat;} /* 경영혁신 전략 */ .txt-goal.txt-goal-01 dd{width: calc(100% - 120px); margin-left: 40px;} .txt-goal.txt-goal-01 dd::before{width:30px;left: -50px;} .sub-vision01-02-list h4 { min-width: 110px; color: #000; font-size: 20px;} .sub-vision01-02-list ul { position: relative; display: flex; justify-content: space-between; width: calc(100% - 120px); margin-left: 40px; } .sub-vision01-02-list ul::before { content: ''; position: absolute; top: 50%; left: -50px; transform: translateY(-50%); width:30px; height: 1px; background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%); background-size: 4px 1px;} .sub-vision01-02-wrap .sub-vision-way-list { display: flex; align-items: center; padding: 20px 0;} .sub-vision01-02-wrap .sub-vision-way-item { width: calc(25% - 10px); height: 70px; padding:5px;color: #000; font-size: 0.9rem; text-align: center; border: 1px solid #000;} .sub-vision01-02-wrap .sub-vision-project-list { display: flex; align-items: center;} .sub-vision01-02-wrap .sub-vision-project-item { width: calc(25% - 10px); border: 1px solid #ddd;} .sub-vision01-02-wrap .sub-vision-project-item ol { padding: 0 10px;} .sub-vision01-02-wrap .sub-vision-project-item ol li { display: flex; align-items: flex-start; padding: 20px 0; font-size: 0.8rem; border-bottom: 1px dashed #ddd;} .sub-vision01-02-wrap .sub-vision-project-item ol li:last-child { border-bottom: 0;} .sub-vision01-02-wrap .sub-vision-project-item .num { display: inline-block; padding-right: 5px; color: var(--primary-color); } .sub-vision01-03-tab { padding-bottom: 60px;} .sub-vision01-03-tab ul { display: flex;} .sub-vision01-03-tab li { width: 25%;} .sub-vision01-03-tab li button { width: 100%; height: 60px; color: #121212; background-color: #f5f5f5; font-size: 0.9rem; font-weight: 300; border-left: 1px solid #ddd;} .sub-vision01-03-tab li:first-child button { border-left: 0;} .sub-vision01-03-tab li.active button { color: var(--primary-color); background-color: #fff; font-weight: bold; border: 1px solid; box-shadow: 0 4px 4px rgba(0,0,0,0.2);} .sub-vision01-03-tab li.active + li > button{ border-left: 0;} .sub-vision01-03-cont { display: none;} .sub-vision01-03-cont h4 { color: var(--primary-color); font-size: 1.2rem;} .sub-vision01-03-list { padding-top: 40px; ;} .sub-vision01-03-item { padding-bottom: 30px; border-top: 2px solid #FF6501} .sub-vision01-03-item .sub-vision-item-top { padding: 30px 35px;} .sub-vision01-03-item .sub-vision-item-top strong { color: #000; font-size: 1rem;} .sub-vision01-03-item .sub-vision-item-top strong .num { padding-right: 5px; color: var(--primary-color); } .sub-vision01-03-item .sub-vision-item-top p { padding-top: 5px; padding-left: 22px; color: #666; font-size: 0.8rem;} .sub-vision01-03-item .sub-vision-item-cont {} .sub-vision01-03-item .sub-vision-item-cont ul { border-top: 2px solid #ddd;} .sub-vision01-03-item .sub-vision-item-cont li { display: flex; border-bottom: 1px solid #ddd;} .sub-vision01-03-item .sub-vision-item-cont .tit { display: flex; justify-content: center; align-items: center; width: 300px; padding: 20px 0; background-color: #f2f2f2; text-align: center;} .sub-vision01-03-item .sub-vision-item-cont .tit em { color: #000; font-size: 0.9rem; font-weight: bold;} .sub-vision01-03-item .sub-vision-item-cont .txt { display: flex; flex-direction: column; justify-content: center; width: calc(100% - 300px); padding: 20px 40px; } .sub-vision01-03-item .sub-vision-item-cont p { position: relative; padding-left: 18px; font-size: 0.9rem; font-weight: 400;} .sub-vision01-03-item .sub-vision-item-cont p::before { content: ''; position: absolute; top: 7px; left: 0; width: 0px; height: 0px; border-bottom: calc( 6px * 1.732 ) solid #FF6501; border-left: 6px solid transparent; border-right: 6px solid transparent; transform: rotate(90deg);} .sub-vision01-03-item .sub-vision-item-cont p + p {margin-top: 3px;} .sub-vision01-03-item .sub-vision-item-cont li.quarter .tit { width: 25%;} .sub-vision01-03-item .sub-vision-item-cont li.quarter .tit + .tit { border-left: 1px solid #ddd;} /* 신고 · 제보센터 */ .sub-report-top-bx { display: flex; padding: 50px; border: 4px solid #ddd;} .report-top-cover { width: 30%; text-align: center;} .report-top-txt { width: 70%;} .report-top-txt p { padding-top: 20px; font-size: 0.9rem;} .report-top-btn { margin-top: 20px;} .report-top-btn ul { display: flex; justify-content: space-between;} .report-top-btn .item { width: calc((100% / 3) - 5px); } .report-top-btn .item a { display: block; height: 50px; line-height: 50px; padding: 0 20px; background: url(../../images_new/common/btn-arrow.png) calc(100% - 20px) 50% no-repeat; color: #fff; font-size: 14px; border-radius: 99px;} .report-top-btn .item:nth-child(1) a { background-color: #E50012;} .report-top-btn .item:nth-child(2) a { background-color: #EA7D4E;} .report-top-btn .item:nth-child(3) a { background-color: #E50012;} .sub-report02-btn-bx { display: flex; justify-content: center; margin-top: 50px;} .sub-report02-btn-bx a { display: block; width: 350px; height: 55px; line-height: 55px; margin: 0 5px; padding: 0 30px; color: #fff; background: url(../../images_new/common/btn-arrow.png) calc(100% - 30px) 50% no-repeat; font-size: 0.9rem; border-radius: 5px; } .sub-report02-btn-bx .receipt-btn { background-color: var(--primary-color);} .sub-report02-btn-bx .check-btn { background-color: #666;} .sub-report02-bx { padding-top:70px;padding-bottom: 70px; border-bottom: 1px solid #ddd;} .sub-report02-bx > div { margin: 0 auto;} .sub-report02-bx ul { display: flex; margin: 0 -30px;justify-content: center;} .sub-report02-bx .item { width: calc(100% / 3); max-width:303px; padding: 0 30px;} .sub-report02-bx .item:first-child:nth-last-child(2), .sub-report02-bx .item:first-child:nth-last-child(2) ~ .item {width: calc(100% / 2);} .sub-report02-bx .item:first-child:nth-last-child(3), .sub-report02-bx .item:first-child:nth-last-child(3) ~ .item {width: calc(100% / 3);} .sub-report02-bx .item:first-child:nth-last-child(4), .sub-report02-bx .item:first-child:nth-last-child(4) ~ .item {width: calc(100% / 4);} .sub-report02-bx .item > div { position: relative; aspect-ratio: 1/1; background-color: #f5f5f5; border-radius: 50%;} .sub-report02-bx .item .num { position: absolute; top: 0; left: 20px; width: 50px; height: 50px; line-height: 50px; background-color: var(--primary-color); color: #fff; font-size: 0.9rem; font-weight: bold; text-align: center; border-radius: 50%;} .sub-report02-bx .item .cont { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;} .sub-report02-bx .item .ir { width: 105px; height: 100px;} .sub-report02-bx .item:nth-child(1) .ir { background: url(../../images_new/contents/ico-report02-01.png) 50% no-repeat;} .sub-report02-bx .item:nth-child(2) .ir { background: url(../../images_new/contents/ico-report02-02.png) 50% no-repeat;} .sub-report02-bx .item:nth-child(3) .ir { background: url(../../images_new/contents/ico-report02-03.png) 50% no-repeat;} .sub-report02-bx.sub-report02-bx-dv4 .item:nth-child(3) .ir { background: url(../../images_new/contents/ico-report02-04.png) 50% no-repeat;} .sub-report02-bx.sub-report02-bx-dv4 .item:nth-child(4) .ir { background: url(../../images_new/contents/ico-report02-03.png) 50% no-repeat;} .sub-report02-bx .item .txt { padding-top: 20px; font-weight: 500; text-align: center; line-height:1.4;} .bx-bottom-border .con-list01 , .bx-bottom-border .shortcut-link-txt {margin-left:25px;} .sub-report02-wrap .bx-bottom-border{padding-bottom:50px;} .sub-report02-wrap .bx-bottom-border + .bx-bottom-border{padding-top:50px;} .notify-figure-img{padding:40px;text-align:center;border:1px solid #ddd;} .process-figure-img{padding:40px;text-align:center;border:1px solid #ddd;background:#fafafa;} .sub-report05-bx{min-height:50px;text-align:center;border:1px solid #ddd;background: #fafafa;} .sub-report05-bx p{color:#666;font-family: var(--font-s-core);} .sub-report05-bx::before {bottom: -100px;width: 300px;height: 300px;} .sub-report05-01-bx::before {display:none;} .sub-report02-tab { } .sub-report02-tab ul { display: flex; } .sub-report02-tab .item { width: calc(100% / 3); } .sub-report02-tab .item.active { } .sub-report02-tab .item a { display: block; height: 60px; line-height: 60px; color: #121212; background-color: #f5f5f5; text-align: center;} .sub-report02-tab .item.active a {position: relative; color: var(--primary-color); font-weight: bold;background-color: #fff; } .sub-report02-tab .item.active a:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--primary-color);} @media screen and (max-width: 1024px) { /* 1024px 이하 */ /* 역대 기관장 */ .sub-generation-bx { padding-top: 40px;} .sub-generation-bx ul { margin: 0 -5px;} .sub-generation-bx .item { padding: 0 5px 10px;} .sub-generation-bx .item > div { padding: 10px;} } @media screen and (max-width: 800px) { /* 역대 기관장 */ .sub-generation-bx .item { width: 50%;} .board-tab ul { display: flex; flex-wrap: wrap;} } .btn-wrap-type1 { display: flex; justify-content: center; margin: 50px 0;} .btn-wrap-type1 > * { display: block; width: 350px; height: 55px; line-height: 55px; margin: 0 5px; padding: 0 30px; color: #fff; background: url(../../images_new/common/btn-arrow.png) calc(100% - 30px) 50% no-repeat; font-size: 0.9rem; border-radius: 5px; text-align:left; cursor:pointer;} .btn-wrap-type1 .receipt-btn { background-color: var(--primary-color);} .btn-wrap-type1 .check-btn { background-color: #666;} @media screen and (max-width: 1024px) { /* 1024px 이하 */ .btn-wrap-type1 > * { width: 45%; height: 40px; padding: 0 20px; line-height: 40px; background-position:calc(100% - 15px);} } /* 리스트 (dot없음) */ .con-list00 ul {margin:3px 0 0; } .con-list00 ul li {position:relative; padding:0 0 0 10px; } .con-list00 ul li + li{margin-top:10px;} .con-list00 ul li ul {margin:3px 0 0 0 } .con-list00 ul li ul li {background:none; padding:0 0 5px 0px; line-height:18px; font-size:15px} .con-list00 ul li ul li {margin-top:10px;} .con-list01 ul {margin:3px 0; } .con-list01 ul li {position:relative; padding:0 0 0 15px;font-size:16px;} .con-list01 > ul > li:before{content:'';position:absolute;left:0;top:8px;display:block;width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);} .con-list01 ul ul{margin-left:20px;} .con-list01 ul li + li{margin-top:0.2em;} /* 리스트 */ .con-list03 ul {margin:3px 0 20px 0; } .con-list03 ul li {position:relative; padding:0 0 0 10px; } .con-list03 > ul > li:before{content:'';position:absolute;left:0;top:12px;display:block;width:3px;height:3px;border-radius:50%;background-color:var(--primary-color);} .con-list03 ul ul{margin-left:20px;} .con-list03 ul li + li{margin-top:0.2em;} .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:0.9rem; } .con-list03 ul li ul li {margin-top:0.2em;} .con-list04 > *{margin:3px 0 20px 0; font-size:18px; } .con-list04 dt, .con-list04 dd li{position:relative; padding:0 0 0 10px; } .con-list04 dt{margin-bottom:0.3em;color:#000;font-weight:600;} .con-list04 dt:before{content:'';position:absolute;left:0;top:12px;display:block;width:3px;height:3px;border-radius:50%;background-color:#ddd;} .con-list04 dd{margin-left:10px;} .con-list04 dd li:before{content:'';position:absolute;left:0;top:14px;display:block;width:3px;height:2px;background-color:#666;} .con-list04 dd li + li{margin-top:0.2em;} /* 버튼색상 */ .btn{display:inline-block;min-width:160px;padding:0 30px;margin:0 2px;color:var(--primary-color);font-size:16px;line-height:54px;border:1px solid var(--primary-color);transition: 0.2s ease-in-out; font-weight:400 !important;} a.btn-color, button.btn-color, a.btn-color-line:hover, button.btn-color-line:hover{color:#fff;background:var(--primary-color);border-color:var(--primary-color);} a.btn-color-line, button.btn-color-line, a.btn-color:hover, button.btn-color:hover{color:#fff;background:var(--second-color);border-color:var(--primary-color);} a.btn-dark, button.btn-dark, a.btn-dark-line:hover, button.btn-dark-line:hover{color:#fff;background:var(--dark-color);border-color:var(--dark-color);} a.btn-dark-line, button.btn-dark-line, a.btn-dark:hover, button.btn-dark:hover{color:var(--dark-color);background:#fff;border-color:var(--dark-color);} a.btn-gray, button.btn-gray, a.btn-gray-line:hover, button.btn-gray-line:hover{color:#fff;background:var(--gray-color);border-color:var(--gray-color);} a.btn-gray-line, button.btn-gray-line, a.btn-gray:hover, button.btn-gray:hover{color:var(--gray-color);background:#fff;border-color:var(--gray-color);} .btn-download{color: var(--primary-color) !important;font-size:1.2em;font-weight:500;} .btn-download i{width:24px;height:24px;margin:-4px 0 0 5px;background: url(/images_new/common/ico-download-color.png) 100% no-repeat;text-indent:-9999em;vertical-align:middle;} .btn-download-fill{display:flex;padding:10px 20px;color: #fff !important;font-size:18px;font-weight:500;background-color:var(--primary-color);align-items: center;justify-content: space-between;} .btn-download-fill i{width:24px;height:24px;margin:-4px 0 0 5px;background: url(/images_new/common/ico-download-light.png) 100% no-repeat;text-indent:-9999em;vertical-align:middle;} .readyready{padding:10% 0;text-align:center;} .readyready img{width:200px;}