@charset "utf-8";

/* bu-chk */
.bu_chk{position:relative; padding-left:1.6rem;}
.bu_chk:before{display:block; position:absolute; top:0; left:0; width:24px; height:24px; background:url(/00_common/images/con_com/bu_chk.png) no-repeat left top; content:'';}

/* life-Eco 박스 */
.life_box{position:relative; width:100%;}
.life_box ul{display:flex; position:relative; width:100%; gap:1.4rem;}
.life_box ul li{display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; flex:1; min-width:0; gap:0.3rem; padding:0.8rem; border:2px solid #103E70; border-radius:10px; background:#fff;}
.life_box ul li + li:before{display:block; position:absolute; top:50%; right:calc(100% + 2px); width:1.4rem; height:1px; background:#103E70; transform:translateY(-50%); content:'';}
.life_box:not(.type2) ul li:nth-child(odd){background:#F5FAFF;}
.life_box ul li > img{}
.life_box ul li .title{margin-bottom:0; font-size:1rem; color:#114277; line-height:1.2; font-weight:600; text-align:center;}
.life_box ul li .txt{color:#111;}
/* type2 */
.life_box.type2 ul li{border:2px solid #B2C1D0; border-radius:25rem;}
.life_box.type2 ul li + li:before{right:calc(100% + 2px); background:#B2C1D0;}

/* list_box */
.list_box{position:relative; width:100%;}
.list_box ul{display:flex; position:relative; width:100%; gap:0.8rem;}
.list_box ul li{display:flex; align-items:center; position:relative; flex:1; min-width:0; height:4rem; gap:0.7rem; padding:0 0.9rem; border:1px solid #ccc; border-radius:0.8rem; background:#fff;}
.list_box ul li p{margin-top:0;}
.list_box.auto ul li{height:auto; padding-top:1rem; padding-bottom:1rem;}
/* icon_type */
.list_box.icon_type ul li{padding:0 0.7rem;}
.list_box.icon_type ul li > p{line-height:1.2; font-weight:500;}
.list_box.icon_type2 ul li{justify-content:center; height:3.25rem; gap:0.4rem;}
.list_box.icon_type2 ul li > p{color:#114277; font-weight:700;}
.list_box.icon_type3 ul{flex-wrap:nowrap;}
.list_box.icon_type3 ul li{flex-direction:column; justify-content:center; height:12.7rem; gap:0.5rem; padding:0 1.5rem;}
.list_box.icon_type3 ul li > p{line-height:1.5; text-align:center;}

/* 오시는 길 */
.mapBox{position:relative; width:100%;}
.mapBox .root_daum_roughmap_landing{display:block; overflow:hidden; position:relative; width:100%; border:1px solid #ddd; border-radius:0.8rem;}
.mapBox .root_daum_roughmap .border1,
.mapBox .root_daum_roughmap .border2,
.mapBox .root_daum_roughmap .border3,
.mapBox .root_daum_roughmap .border4{display:none;}
.mapBox .root_daum_roughmap .wrap_controllers{padding:0.6rem; border:none; border-top:1px solid #ddd; border-radius:0;}
.mapBox .root_daum_roughmap .wrap_controllers .tit_controllers{margin-bottom:0;}
.mapBox .root_daum_roughmap .wrap_btn_zoom button{position:relative;}
.mapBox .root_daum_roughmap .wrap_btn_zoom button:focus{outline:1px solid #000; outline-offset:-0.1rem}
/* add_box */
.add_box{position:relative; width:100%;}
.add_box .add_item{display:flex; align-items:center; position:relative; width:100%; padding:0.85rem 0;}
.add_box .add_item + .add_item{border-top:1px solid #ccc;}
.add_box .add_item .title{display:flex; align-items:center; position:relative; width:8.5rem; margin-bottom:0; gap:0.7rem; font-size:1rem; font-weight:700;}
.add_box .add_item .title i {font-weight:400;}
.add_box .add_item > div{padding:0 0.5rem; line-height:1.5rem;}
.add_box .add_item > div:not(.title){display:flex; align-items:center; position:relative; flex:1; min-width:0;}
.add_box .add_item .list_ol1 > li > span.num{top:0.25rem;}
.add_box.type2 .add_item{padding:1.5rem 0;}
.add_box.type2 .add_item .title{width:13rem;}
.add_box.type2 .add_item .title i{color:#004DA0;}
.add_box.type2 .add_item > div{flex-wrap:wrap;}
.add_box.type2 .add_item .btns{display:flex; flex-wrap:wrap; gap:0.5rem;}
/* add_box2 */
.add_box2{display:flex; flex-wrap:wrap; position:relative; padding:0.9rem 0; border:1px solid #AEC9E2; border-radius:0.5rem; background:#FAFCFE;}
.add_box2 .add_item{display:flex; align-items:center; position:relative; min-width:15rem; gap:1.5rem; padding:0 1rem;}
.add_box2 .add_item + .add_item:before{display:block; position:absolute; top:calc(50% - 0.45rem); left:0; width:1px; height:0.9rem; background:#ccc; content:'';}
.add_box2 .add_item .title{display:flex; align-items:center; position:relative; margin-bottom:0; gap:0.7rem; font-size:1rem; font-weight:700;}
.add_box2 .add_item .title i {font-weight:400;}

/* 인사말 */
.greeting{position:relative; width:100%;}
.greeting .box{position:relative; padding-bottom:1.5rem;}
.greeting .box img{display:block; overflow:hidden; position:relative; width:100%; max-width:1170px; height:17rem; border-radius:1.2rem; font-size:0; line-height:0; object-fit:cover;}
.greeting .box > div{display:flex; flex-direction:column; position:absolute; bottom:0; right:0; gap:0.5rem; padding:1.5rem 2rem; background:linear-gradient(to right, #1C6FC8 0%, #0E3662 100%); border-radius:0.6rem 1.2rem 0.5rem 1.2rem;}
.greeting .box > div p{color:#fff;}
.greeting .box > div p:not(.txt){font-weight:600;}
.greeting .box > div .txt{font-size:1.2rem; line-height:1.6;}
.greeting .con{display:flex; flex-direction:column; position:relative;}
.greeting .con p{font-size:1rem; line-height:1.6;}
.greeting .con p:not(.sign){margin-top:2rem;}
.greeting .con .sign{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; position:relative; margin-top:4.5rem; gap:1rem; font-size:1.1rem; font-weight:500;}
.greeting .con .sign em{display:flex; align-items:center; gap:0.5rem;}

/* 조직현황 */
.chartBox{margin-bottom:1rem;}
.chartBox .step01{}
.chartBox .step01 > li{position:relative; width:100%;}
.chartBox .step01 > li:before{display:block; position:absolute; top:0; left:calc(50%); width:2px; height:15rem; background:#C2CEDA; content:''; transform:translateX(-50%);}
.chartBox .step01 > li > span{display:flex; align-items:center; justify-content:center; position:relative; margin:0 auto; padding:0.9rem; background: linear-gradient(90deg, #004B9B 0%, #56A3E8 100%); border-radius:100%; width:12.25rem; height:12.25rem;}
.chartBox .step01 > li > span em{display:flex; align-items:center; justify-content:center; position:relative; background:#fff; border-radius:100%; width:100%; height:100%; font-size:1.5rem; color:#014187; line-height:1.2; font-weight:700; text-align:center;}
.chartBox .step02{display:flex; position:relative; width:100%; margin-top:2.75rem; gap:2rem;}
.chartBox .step02:before{display:block; position:absolute; top:0; left:calc(13.5rem / 2); width:calc(100% - 13.5rem); height:2px; background:#C2CEDA; content:'';}
.chartBox .step02 > li{position:relative; flex:1; padding-top:2.75rem;}
.chartBox .step02 > li:before{display:block; position:absolute; top:0; left:calc(50%); width:2px; height:2.75rem; background:#C2CEDA; content:''; transform:translateX(-50%);}
.chartBox .step02 > li > span{display:flex; align-items:center; justify-content:center; position:relative; height:4rem; background:#F5FAFF; border:2px solid #05509F; border-radius:0.4rem; font-size:1.1rem; color:#004DA0; font-weight:600;}
.orgCon{position:relative; padding:2.5rem 0;}
.orgCon + .orgCon:before{display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:#ccc; content:'';}
@media screen and (min-width:1025px) {
    /* 오시는 길 */
    /* add_box */
    .add_box.type2 .add_item > div{padding:0 1rem;}
}

@media screen and (min-width:1641px) {
    /* type2 */
    .life_box.type2 ul{gap:2rem;}
    .life_box.type2 ul li + li:before{right:calc(100% + 2px); width:2rem; background:#B2C1D0;}
}

@media screen and (max-width:1640px) {
    /* 인사말 */
    .greeting .box{padding-bottom:2rem;}
    .greeting .box > div .txt{font-size:1.1rem;}
    
    /* 조직현황 */
    .chartBox .step02{gap:0;}
    .chartBox .step02 > li{margin:0 0.5rem;}
    .chartBox .step02:before{left:12.5%; width:75%;}
    
    .list_box.icon_type3 ul li{padding:0 1rem;}
}

@media screen and (max-width:1024px) {
    /* life-Eco 박스 */
    .life_box ul{gap:2vw;}
    .life_box ul li + li:before{width:2vw;}
    /* type2 */
    .life_box.type2 ul li{border-radius:2rem;}
    
    /* 조직현황 */
    .chartBox .step01 > li:before{height:14rem;}
    .chartBox .step01 > li > span em{font-size:1.4rem;}
    .chartBox .step01 > li > span{width:11.25rem; height:11.25rem;}
    .chartBox .step02 > li > span{height:3.5rem; font-size:1rem;}
    .orgCon{padding:2rem 0;}
    
    /* list_box */
    .list_box ul{flex-wrap:wrap;}
    .list_box:not(.icon_type2) ul li{flex:auto; width:calc(50% - 0.4rem);}
    
    /* 오시는길 */
    /* add_box */
    .add_box .add_item .list_ol1 > li > span.num{top:0.35rem;}
    .add_box.type2 .add_item{padding:1.2rem 0;}
    .add_box.type2 .add_item .title{width:24vw;}
    /* add_box2 */
    .add_box2 .add_item{gap:1.2rem;}
    .add_box2 .add_item .title{font-size:0.95rem;}
    
    /* 인사말 */
    .greeting .box > div{padding:1.2rem 1.7rem;}
    .greeting .box > div .txt{font-size:1rem;}
}

@media screen and (max-width:860px) {
    .list_box.icon_type3 ul li{height:auto;}
    .list_box.icon_type3 ul li img{width:3rem;}
}

@media screen and (max-width:860px) and (min-width:361px) {
    .list_box.icon_type3{}
    .list_box.icon_type3 ul{flex-direction:column;}
    .list_box.icon_type3 ul li{flex-direction:row; justify-content:flex-start; flex:auto; width:100%; gap:0.7rem; padding:0.5rem 0.8rem;}
    .list_box.icon_type3 ul li > p{line-height:1.3; text-align:left;}
    .list_box.icon_type3 ul li > p br{display:none;}
}

@media screen and (max-width:640px) {
    .bu_chk{padding-left:1.4rem;}
    .bu_chk:before{top:1px; width:20px; height:20px; background-size:cover;}
    
    /* life-Eco 박스 */
    .life_box ul{flex-direction:column; gap:1rem;}
    .life_box ul li{padding:0.6rem;}
    .life_box ul li + li:before{top:auto; bottom:calc(100% + 2px); right:50%; width:1px; height:1rem; transform:translateX(-50%);}
    .life_box ul li > img{height:2.5rem;}
    /* type2 */
    .life_box.type2 ul li + li:before{top:auto; bottom:calc(100% + 2px); right:50%; width:1px; height:1rem; transform:translateX(-50%);}
    
    /* list_box */
    .list_box ul li{height:3.5rem;}
    .list_box ul li img{width:2.5rem;}
    /* icon_type */
    .list_box.icon_type2 ul{flex-direction:column;}
    
    /* 오시는 길 */
    .map_box .map{height:23rem;}
    /* add_box */
    .add_box .add_item .title{width:7rem;}
    .add_box.type2 .add_item{flex-direction:column; align-items:flex-start; padding:1rem 0; gap:0.4rem;}
    .add_box.type2 .add_item .title{width:100%;}
    .add_box.type2 .add_item > div:not(.title){flex:auto; width:100%;}
    /* add_box2 */
    .add_box2{flex-direction:column; gap:0.5rem;}
    .add_box2 .add_item .title{width:4rem;}
    .add_box2 .add_item + .add_item:before{display:none;}
    
    /* 인사말 */
    .greeting .box{padding-bottom:0;}
    .greeting .box img{height:15rem;}
    .greeting .box > div{position:relative; width:90%; margin-left:auto; margin-top:-4rem; padding:1rem 1.5rem;}
    .greeting .box > div .txt{font-size:0.95rem; line-height:1.5;}
    .greeting .box > div p:not(.txt){font-weight:400;}
    .greeting .box > div .txt{font-weight:500;}
    .greeting .con .sign{margin-top:3rem;}
    
    /* 조직현황 */
    .chartBox .step01 > li:before{height:11.3rem;}
    .chartBox .step01 > li > span{width:9.25rem; height:9.25rem; padding:0.7rem;}
    .chartBox .step01 > li > span em{font-size:1.3rem;}
    .chartBox .step02{flex-wrap:wrap; margin-top:2rem}
    .chartBox .step02:before{left:25%; width:50%;}
    .chartBox .step02 > li{flex:auto; width:calc(50% - 1rem); padding-top:2rem;}
    .chartBox .step02 > li:before{height:2rem;}
}

@media screen and (max-width:480px) {
    /* list_box */
    .list_box ul{flex-direction:column;}
    .list_box:not(.icon_type2) ul li{width:100%;}
    
    /* 인사말 */
    .greeting .con .sign{flex-direction:column; align-items:flex-end; gap:0.2rem;}
    .greeting .con .sign img{height:25px;}
    
    /* add_box */
    .add_box.type2 .add_item .btns .btn{padding:0 0.5rem;}
}

@media screen and (max-width:440px) {
    /* 오시는 길 */
    /* add_box */
    .add_box.type2 .add_item .btns{flex-direction:column; align-items:flex-start; width:100%;}
    .add_box.type2 .add_item .btns a{margin-left:0;}
}

@media screen and (max-width:360px) {
    /* 오시는 길 */
    /* add_box */
    .add_box .add_item .title{width:6rem; gap:0.5rem;}
    
    /* 인사말 */
    .greeting .box img{height:12rem;}
    .greeting .con p{font-size:0.95rem;}
    .greeting .con .sign{margin-top:2rem; font-size:1rem;}
    
    .list_box.icon_type3 ul li{padding:1rem 0.5rem;}
    
    /* 조직현황 */
    .chartBox .step02 > li > span{height:3.2rem;}
    .chartBox .step02{flex-direction:column; margin-top:0;}
    .chartBox .step02 > li{width:100%; margin:0; padding-top:1.5rem;}
    .chartBox .step02:before{display:none;}
    .orgCon{padding:1.5rem 0;}
}