/* 공통 */
.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;}