@charset "utf-8";

/* 인사말 */
.sub_page_greeting{position:relative;}
.sub_page_greeting .banner_img{width:23.2rem; position:absolute; right:0; top:0;}
.sub_page_greeting .banner_img img{width:100%;}
.sub_page_greeting .banner_img .name_wrap{position:absolute; right:0; bottom:0; left:2.3rem; transform:translateY(50%); padding:1.6rem; text-align:right; background-color:#0062AC; border-radius:1.6rem 0 0 1.6rem; color:#fafafa;}
.sub_page_greeting .banner_img .name_wrap .desc{font-size:1.8rem;}
.sub_page_greeting .banner_img .name_wrap .tit{font-size:2rem; font-weight:700; margin-top:.4rem;}
.sub_page_greeting .tit_wrap{padding:3.5rem 0 2.4rem; font-size:3.4rem; font-weight:600; line-height:4.8rem; width:63rem; border-bottom:1px solid #E3E3E3;}
.sub_page_greeting .desc_wrap{margin-top:4.8rem; font-size:1.6rem; line-height:2.5rem;}
.sub_page_greeting .desc_wrap b{font-weight:600;}
.sub_page_greeting .signature{display:flex; justify-content:flex-end; align-items:flex-end; gap:.8rem; margin-top:1.2rem; font-size:1.8rem;}
.sub_page_greeting .signature img{height:3.7rem;}

@media all and (max-width:768px) {
    .sub_page_greeting .banner_img{position:relative; margin:0 auto;}
    .sub_page_greeting .banner_img .name_wrap{padding:1.6rem 2.4rem;}
    .sub_page_greeting .banner_img .name_wrap .desc{font-size:1.6rem;}
    .sub_page_greeting .banner_img .name_wrap .tit{margin-top:0; font-size:1.8rem;}
    .sub_page_greeting .tit_wrap{font-size:2.4rem; line-height:3.3rem; padding:8.2rem 0 1.2rem; width:auto;}
    .sub_page_greeting .desc_wrap{margin-top:2.4rem; font-size:1.4rem; line-height:2.3rem;}
    .sub_page_greeting .desc_wrap b{font-weight:400;}
    .sub_page_greeting .signature{font-size:1.6rem; gap:.4rem;}
    .sub_page_greeting .signature img{height:2.8rem;}
}

/* 이력 */
.sub_page_career{display:flex; align-items:flex-start; gap:6rem;}
.sub_page_career .banner_img{width:26.1rem;}
.sub_page_career .banner_img img{display:block; width:100%;}
.sub_page_career .banner_img .name_wrap{padding:1.6rem 1.2rem; border-radius:0 0 1.6rem 1.6rem; background-color:#0062AC; color:#fafafa; text-align:center;}
.sub_page_career .banner_img .desc{font-size:1.8rem;}
.sub_page_career .banner_img .tit{font-size:2rem; font-weight:700; margin-top:.4rem;}
.sub_page_career .desc_wrap{flex:1; padding-top:1.2rem; display:flex; flex-direction:column; gap:8rem;}
.sub_page_career .desc_wrap .dot_list{margin-top:3.2rem; display:flex; flex-direction:column; gap:1.2rem;}
.sub_page_career .desc_wrap .dot_list li{display:flex; align-items:center; gap:1.6rem; font-size:1.6rem; line-height:2.5rem; padding-left:0; text-indent:0;}
.sub_page_career .desc_wrap .dot_list li:before{content:''; display:block; width:.8rem; height:.8rem; background-color:#0062AC; border-radius:.2rem; transform:rotate(45deg); padding:0;}
.sub_page_career .desc_wrap .year_list{margin-top:3.2rem; display:flex; flex-direction:column; gap:1.2rem;}
.sub_page_career .desc_wrap .year_list li{display:flex; align-items:center; gap:1.6rem; font-size:1.6rem; line-height:2.5rem;}
.sub_page_career .desc_wrap .year_list li span{color:#0062AC; font-weight:600;}

@media all and (max-width:768px) {
    .sub_page_career{flex-direction:column; gap:3.2rem; align-items:center;}
    .sub_page_career .banner_img{width:23.6rem;}
    .sub_page_career .banner_img .name_wrap .desc{font-size:1.6rem;}
    .sub_page_career .banner_img .name_wrap .tit{font-size:1.8rem; margin-top:0;}
    .sub_page_career .desc_wrap{padding-top:0; gap:4.8rem; width:100%;}
    .sub_page_career .desc_wrap .dot_list{margin-top:3rem; gap:1.5rem;}
    .sub_page_career .desc_wrap .dot_list li{font-size:1.4rem; line-height:1.7rem; padding-left:.8rem; gap:2.4rem;}
    .sub_page_career .desc_wrap .year_list{margin-top:3rem; gap:1.5rem;}
    .sub_page_career .desc_wrap .year_list li{font-size:1.4rem; line-height:1.7rem; gap:1.2rem;}

}


/* 비전 및 목표 */
.sub_page_vision .img_wrap{display:flex; flex-direction:column; padding:3.3rem 1.5rem 0; gap:4.8rem;}
.sub_page_vision .img_wrap img:first-child{padding:0 3rem;}
.sub_page_vision .plan_list{display:flex; gap:4.2rem 1.8rem; flex-wrap:wrap; padding:4.3rem 3.2rem 0;}
.sub_page_vision .plan_list li{width:calc(50% - .9rem); text-align:center; order:1;}
.sub_page_vision .plan_list li .tit{display:inline-block; width:32rem; line-height:6rem; border-radius:3rem; background-color:#00518F; color:#fafafa; font-size:1.8rem; font-weight:700;}
.sub_page_vision .plan_list li:nth-child(even) .tit{background-color:#007AD6;}
.sub_page_vision .plan_list li:nth-child(3){order:2;}
.sub_page_vision .plan_list li .desc{margin-top:2.4rem; display:flex; flex-direction:column; gap:1.2rem;}
.sub_page_vision .plan_list li .desc p{display:flex; align-items:center; justify-content:center; min-height:4.3rem; padding:1.2rem 4rem; background-color:#F7F7FB; font-size:1.6rem; font-weight:500;}

@media all and (max-width:768px) {
    .sub_page_vision .img_wrap{padding:2.5rem 0 0; gap:2.4rem;}
    .sub_page_vision .img_wrap img:last-child{padding:0 2.8rem;}
    .sub_page_vision .plan_list{flex-direction:column; padding:2.5rem 0 0; gap:2.4rem;}
    .sub_page_vision .plan_list li{width:100%;}
    .sub_page_vision .plan_list li .tit{width:26rem; font-size:1.6rem;}
    .sub_page_vision .plan_list li .desc{margin-top:1.6rem; gap:1.2rem;}
    .sub_page_vision .plan_list li .desc p{min-height:4.1rem; padding:1.2rem 1.6rem; font-size:1.4rem;}
    .sub_page_vision .plan_list li:nth-child(3){order:1;}

}

/* 연혁 */
.sub_page_history .top_tit_desc{margin-top:3.3rem; font-size:2.4rem; font-weight:500; line-height:3.8rem;}
.sub_page_history .top_tit_desc span{color:#0062AC;}
.sub_page_history .his_wrap{margin-top:3.3rem; position:relative; display:flex; flex-direction:column; gap:3.2rem; padding-top:10.2rem;}
.sub_page_history .his_wrap:before{content:''; display:block; width:2px; background-color:#E3E3E3; position:absolute; top:0; bottom:0; left:50%; margin-left:-1px; z-index:0;}
.sub_page_history .his_wrap .his_top_circle{width:7rem; height:7rem; border-radius:7rem; background-color:#007AD6; display:inline-flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:500; color:#fafafa; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;}
.sub_page_history .his_cont{padding-left:50%;}
.sub_page_history .his_tit{position:relative; padding-left:11.6rem; font-size:2.4rem; font-weight:600; color:#0062AC}
.sub_page_history .his_tit:before{content:''; display:block; width:.9rem; height:.9rem; border-radius:.2rem; background-color:#007AD6; box-shadow: 0px 0px 5px 0px #007AD666; transform:translate(-50%, -50%) rotate(45deg); position:absolute; left:0; top:50%;}
.sub_page_history .his_tit:after{content:''; display:block; width:9.2rem; height:1px; background-color:#007AD6; position:absolute; left:0; top:50%; margin-top:-.5px;}
.sub_page_history .his_cont ul{padding-left:3.1rem; margin-top:3.2rem; display:flex; flex-direction:column; gap:1.2rem;}
.sub_page_history .his_cont ul li{display:flex; align-items:flex-start; gap:2.4rem; width:100%;}
.sub_page_history .his_cont ul li .date{width:6.3rem; font-size:1.6rem; line-height:2.6rem; color:#0062AC;}
.sub_page_history .his_cont ul li .desc{display:flex; flex-direction:column; gap:.4rem;}
.sub_page_history .his_cont ul li .desc .tit{font-size:1.6rem; line-height:2.6rem;}
.sub_page_history .his_cont ul li .desc .sub_tit{font-size:1.6rem; line-height:2.6rem; color:#726C6C;}
.sub_page_history .his_middle_circle_wrap{display:flex; justify-content:center;}
.sub_page_history .his_middle_circle{width:6.3rem; height:6.3rem; border-radius:6.3rem; background-color:#007AD6; display:inline-flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:500; color:#fafafa; position:relative; z-index:2;}
@media all and (min-width:769px) {
    .sub_page_history .his_cont.left{padding-left:0; padding-right:50%; text-align:right;}
    .sub_page_history .his_cont.left .his_tit{padding-left:0; padding-right:11.6rem;}
    .sub_page_history .his_cont.left .his_tit:before{left:unset; right:0; transform:translate(50%, -50%) rotate(45deg);}
    .sub_page_history .his_cont.left .his_tit:after{left:unset; right:0;}
    .sub_page_history .his_cont.left ul{padding-left:0; padding-right:3.1rem;}
    .sub_page_history .his_cont.left ul li{justify-content:flex-end;}
    .sub_page_history .his_cont.left ul li .date{order:1;}
}

@media all and (max-width:768px) {
    .sub_page_history .top_tit_desc{font-size:1.6rem; line-height:2.5rem; margin-top:2.5rem;}
    .sub_page_history .his_wrap{margin-top:2.5rem; padding-top:9.5rem;}
    .sub_page_history .his_wrap .his_top_circle{width:6.3rem; height:6.3rem; transform:unset; left:0;}
    .sub_page_history .his_wrap:before{left:3.1rem;}
    .sub_page_history .his_cont{padding-left:3.1rem;}
    .sub_page_history .his_tit{font-size:1.8rem;}
    .sub_page_history .his_tit:after{width:10rem;}
    .sub_page_history .his_cont ul{padding-left:3rem; margin-top:2.4rem;}
    .sub_page_history .his_cont ul li{gap:2.3rem; min-height:2.8rem;}
    .sub_page_history .his_cont ul li .date{font-size:1.4rem; line-height:1.7rem;}
    .sub_page_history .his_cont ul li .desc{flex:1; word-break:keep-all;}
    .sub_page_history .his_cont ul li .desc .tit{font-size:1.4rem; line-height:1.7rem;}
    .sub_page_history .his_cont ul li .desc .sub_tit{font-size:1.4rem; line-height:1.7rem;}
    .sub_page_history .his_middle_circle_wrap{justify-content:flex-start;}
}


/* CI */
.sub_page_CI .top_tit{font-size:2.8rem; line-height:1; font-weight:600; margin-top:3.3rem;}
.sub_page_CI .top_tit span{color:#0062AC;}
.sub_page_CI .top_tit_desc{margin-top:1.6rem; font-size:2rem; font-weight:500; line-height:2.8rem;}
.sub_page_CI .introduce{margin-top:3.3rem;}
.sub_page_CI .introduce .img_wrap{display:flex; border:1px solid #E3E3E3; border-radius:1.6rem; overflow:hidden;}
.sub_page_CI .introduce .img_wrap > p{flex:1; display:flex; height:18.3rem; align-items:center; justify-content:center; position:relative; padding:1.2rem;}
.sub_page_CI .introduce .img_wrap > p.gray{background-color:#9F9C9C;}
.sub_page_CI .introduce .img_wrap > p.gray .txt{position:absolute; left:1.2rem; bottom:1.2rem; font-size:1.4rem; font-weight:500; color:#fafafa;}
.sub_page_CI .introduce .desc_wrap{margin-top:1.6rem; line-height:2.6rem;}
.sub_page_CI .introduce .btn_wrap{margin-top:3.2rem; display:flex; align-items:center; justify-content:center; gap:.8rem;}
.sub_page_CI .introduce .btn_wrap .btn{width:18.5rem;}
.sub_page_CI .ci_type{padding:3.3rem .8rem 0;}
.sub_page_CI .ci_type ul{display:flex; flex-wrap:wrap; gap:2.4rem 1.6rem; text-align:center}
.sub_page_CI .ci_type ul li{width:calc(50% - .8rem);}
.sub_page_CI .ci_type ul li .img{height:18.3rem; display:flex; align-items:center; justify-content:center; border:1px solid #E3E3E3; border-radius:1.6rem;}
.sub_page_CI .ci_type ul li .tit{margin-top:1.2rem; font-size:1.6rem; font-weight:500;}
.sub_page_CI .ci_type .desc{font-size:1.4rem; font-weight:500; color:#726C6C; margin-top:3.2rem;}

@media all and (max-width:768px) {
    .sub_page_CI .top_tit{font-size:2.4rem; line-height:3.8rem; margin-top:2.5rem;}
    .sub_page_CI .top_tit_desc{margin-top:.8rem; font-size:1.6rem; line-height:2.5rem;}
    .sub_page_CI .introduce{margin-top:2.5rem;}
    .sub_page_CI .introduce .img_wrap{border:0; flex-direction:column; border-radius:0; gap:.8rem;}
    .sub_page_CI .introduce .img_wrap > p{border-radius:1.6rem; border:1px solid #e3e3e3; flex:unset; height:14.1rem; padding:1.2rem 6rem;}
    .sub_page_CI .introduce .img_wrap > p.gray .txt{font-size:1.2rem; left:1rem; bottom:1rem;}
    .sub_page_CI .introduce .desc_wrap{margin-top:2.4rem; font-size:1.6rem;}
    .sub_page_CI .introduce .btn_wrap{flex-direction:column;}
    .sub_page_CI .introduce .btn_wrap .btn{width:23.3rem;}
    .sub_page_CI .ci_type{padding:4rem 0 0;}
    .sub_page_CI .ci_type ul{gap:1.6rem; flex-direction:column;}
    .sub_page_CI .ci_type ul li{width:100%;}
    .sub_page_CI .ci_type ul li .img{border-radius:2rem; height:14.1rem; padding:0 6rem;}
    .sub_page_CI .ci_type ul li .tit{margin-top:.8rem;}
    .sub_page_CI .ci_type .desc{margin-top:1.6rem; font-size:1.2rem;}
}


/* 조직도 */
.sub_page_organization{padding:3.2rem 1rem 0;}
@media all and (max-width:768px) {
    .sub_page_organization{padding:0;}
}


/* 이사진 */
.sub_page_directors .director_list{margin-top:3.3rem; display:flex; flex-wrap:wrap; gap:2.4rem 3.3rem;}
.sub_page_directors .director_list li{width:calc(50% - 1.65rem); border:1px solid #E3E3E3; display:flex; align-items:flex-start; gap:3.2rem;}
.sub_page_directors .director_list li .img_wrap{width:16.8rem; height:18rem; background-color:#D9D9D9;}
.sub_page_directors .director_list li .img_wrap img{width:100%; height:100%; object-fit:cover;}
.sub_page_directors .director_list li .desc_wrap{padding:4rem 1.9rem 4rem 0; flex:1;}
.sub_page_directors .director_list li .desc_wrap .name{padding-left:1.2rem; font-size:1.6rem; font-weight:600; line-height:2.2rem; position:relative;}
.sub_page_directors .director_list li .desc_wrap .name:before{content:''; display:block; width:2px; height:1.9rem; background-color:#0062AC; position:absolute; left:0; top:0;}
.sub_page_directors .director_list li .desc_wrap .desc{margin-top:.8rem; font-size:1.6rem; line-height:2.6rem; color:#726C6C; padding-left:1.2rem; word-break:keep-all;}

@media all and (max-width:768px) {
    .sub_page_directors .director_list{margin-top:2.5rem; flex-direction:column; gap:.8rem;}
    .sub_page_directors .director_list li{width:100%; gap:1.6rem;}
    .sub_page_directors .director_list li .img_wrap{width:14rem; height:15rem;}
    .sub_page_directors .director_list li .desc_wrap{padding:3.4rem 1.7rem 3.4rem 0;}
    .sub_page_directors .director_list li .desc_wrap .name{font-size:1.4rem; line-height:1.7rem;}
    .sub_page_directors .director_list li .desc_wrap .desc{margin-top:.8rem; font-size:1.4rem; line-height:1.7rem;}

}


/* 윤리경영 */
.sub_page_ethic .table_wrap{margin-top:2.4rem;}
.sub_page_ethic .pagination{margin-top:3.2rem;}


@media all and (max-width:768px) {
    .sub_page_ethic table.type01{table-layout:auto;}
    .sub_page_ethic table.type01 colgroup col{display:none;}
    .sub_page_ethic table.type01 thead tr th:first-child,
    .sub_page_ethic table.type01 tbody td.num{max-width:4.4rem; min-width:4.4rem;}
    .sub_page_ethic table.type01 thead tr th:first-child,
    .sub_page_ethic table.type01 tbody td{text-align:left; padding:1.6rem 0;}
    .sub_page_ethic table.type01 tbody td{vertical-align:top;}
    .sub_page_ethic table.type01 tbody td a{line-height:2.6rem;}
    .sub_page_ethic table.type01 tbody .m_only_cell{display:flex; justify-content:space-between; align-items:center; margin-top:1.6rem; font-size:1.4rem; color:#726C6C; font-weight:400;}
    .sub_page_ethic .pagination{margin-top:1.6rem;}
}

/* 윤리경영_상세보기 */
.sub_page_ethic_detail .tit_wrap .tit{font-size:1.8rem; font-weight:600; line-height:1.6; padding:1rem; border-bottom:1px solid #0062AC;}
.sub_page_ethic_detail .tit_wrap .info{display:flex; align-items:center; border-bottom:1px solid #E3E3E3;}
.sub_page_ethic_detail .tit_wrap .info > div{height:4rem; flex:1; display:flex; align-items:center;}
.sub_page_ethic_detail .tit_wrap .info .key{width:10rem; text-align:center; font-size:1.4rem; font-weight:600;}
.sub_page_ethic_detail .tit_wrap .info .val{flex:1; padding:0 1rem; font-size:1.4rem;}
.sub_page_ethic_detail .file_wrap{padding:1.6rem 1rem; border-bottom:1px solid #E3E3E3;}
.sub_page_ethic_detail .file_wrap .file{display:block; font-size:1.4rem; padding-left:2rem; line-height:1.6rem; background:url('/images/icon/pdf_icon.png') no-repeat left top/1.6rem}
.sub_page_ethic_detail .file_wrap .file ~ .file{margin-top:.8rem;}
.sub_page_ethic_detail .pre_wrap{padding:2.4rem 2rem 8rem;}
.sub_page_ethic_detail .pre_wrap pre{white-space:pre-wrap;}
.sub_page_ethic_detail .prev_next_wrap{border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3;}
.sub_page_ethic_detail .prev_next_wrap > div{display:flex; align-items:stretch; height:5.4rem;}
.sub_page_ethic_detail .prev_next_wrap > div ~ div{border-top:.5px solid #e3e3e3;}
.sub_page_ethic_detail .prev_next_wrap > div .btn{display:flex; align-items:center; justify-content:center; width:26rem; background-color:#F7F7FB; height:100%; cursor:default;}
.sub_page_ethic_detail .prev_next_wrap > div .btn a{display:flex; align-items:center; gap:1rem;}
.sub_page_ethic_detail .prev_next_wrap > div .btn a.prev:before{content:''; display:block; width:2.4rem; height:2.4rem; background:url('/images/icon/select_arrow_ac.png') no-repeat center/contain;}
.sub_page_ethic_detail .prev_next_wrap > div .btn a.next:before{content:''; display:block; width:2.4rem; height:2.4rem; background:url('/images/icon/select_arrow.png') no-repeat center/contain;}
.sub_page_ethic_detail .prev_next_wrap > div .title{flex:1; padding:1rem; display:flex; align-items:center;}
.sub_page_ethic_detail .btm_wrap{margin-top:5.6rem; display:flex; justify-content:flex-end; align-items:center;}
.sub_page_ethic_detail .btm_wrap .list_btn{display:inline-flex; height:5.6rem; justify-content:center; align-items:center; border-radius:.8rem; background-color:#0062AC; width:10rem; font-size:1.8rem; color:#fff; font-weight:600;}

@media all and (max-width:768px) {
    .sub_page_ethic_detail .tit_wrap .info{flex-wrap:wrap; }
    .sub_page_ethic_detail .tit_wrap .info > div:first-child{width:100%; flex:unset; border-bottom:1px solid #E3E3E3;}
    .sub_page_ethic_detail .tit_wrap .info .key{width:5.7rem;}
    .sub_page_ethic_detail .pre_wrap{padding:2.4rem 1rem 8rem;}
    .sub_page_ethic_detail .file_wrap .file{background-position:left center; line-height:1.7rem;}
    .sub_page_ethic_detail .prev_next_wrap > div .btn{width:10rem;}
    .sub_page_ethic_detail .prev_next_wrap > div .title{width:calc(100% - 10rem)}
    .sub_page_ethic_detail .prev_next_wrap > div .title a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}

/* 오시는길 */
.sub_page_location ul{display:flex; flex-direction:column; gap:8rem;}
.sub_page_location li{display:flex; gap:5.8rem; align-items:stretch;}
.sub_page_location li .img_wrap{width:40.3rem; height:28rem; position:relative}
.sub_page_location li .img_wrap img{width:100%; height:100%; object-fit:cover;}
.sub_page_location li .img_wrap:before{content:''; display:block; width:4.8rem; height:4.8rem; background:url('/images/icon/location_icon.png') no-repeat center/contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin-left:.5rem; margin-top:-1.1rem;}
.sub_page_location li .desc_wrap{padding:1.2rem 0 1.6rem; flex:1;}
.sub_page_location li .desc_wrap .tit{font-size:3.4rem; line-height:4.8rem; font-weight:600;}
.sub_page_location li .desc_wrap .sub_tit{min-height:2.2rem; font-size:1.6rem; line-height:2.2rem; font-weight:500; color:#726C6C; margin-top:1.6rem;}
.sub_page_location li .desc_wrap .address_wrap{margin-top:3.2rem; display:flex; flex-direction:column; gap:.4rem;}
.sub_page_location li .desc_wrap .address_wrap .address{display:flex; align-items:flex-start; justify-content:flex-start; gap:1.6rem;}
.sub_page_location li .desc_wrap .address_wrap .address .key{width:3.3rem; font-size:1.6rem; line-height:2.6rem; font-weight:600;}
.sub_page_location li .desc_wrap .address_wrap .address .val{flex:1; font-size:1.6rem; line-height:2.6rem;}

@media all and (max-width:768px) {
    .sub_page_location ul{gap:2.4rem;}
    .sub_page_location li{flex-direction:column; gap:1.2rem;}
    .sub_page_location li .img_wrap{width:100%; height:auto;}
    .sub_page_location li .img_wrap:before{width:4.2rem; height:4.2rem;}
    .sub_page_location li .desc_wrap{padding:1.2rem 0;}
    .sub_page_location li .desc_wrap .tit{font-size:2.8rem; font-weight:600; line-height:3.9rem;}
    .sub_page_location li .desc_wrap .sub_tit{margin-top:1.2rem;}
    .sub_page_location li .desc_wrap .address_wrap{margin-top:2.4rem;}
    .sub_page_location li .desc_wrap .address_wrap .address .key{width:3.3rem; font-size:1.4rem; line-height:1.7rem;}
    .sub_page_location li .desc_wrap .address_wrap .address .val{font-size:1.4rem; line-height:1.7rem;}

}