@charset "utf-8";

/*base*/
.txtCenter{text-align:center}
.txtRight{text-align:right}
.txtLeft{text-align:left}
.ftBold{font-weight:bold;}
.ftBlue{color:#5389e2}
.positionR{position:relative}
.bdRNone{border-right:none !important}
.bdLNone{border-left:none !important}

.PAR10{padding-right:10px}

.PAL5{padding-left:5px}
.PAL10{padding-left:10px}
.PAL15{padding-left:15px}
.PAL30{padding-left:30px}
.PAL130{padding-left:130px}

.PAT5{padding-top:5px}

.MAL10{margin-left:10px}
.MAL13{margin-left:13px}
.MAL15{margin-left:15px}
.MAL20{margin-left:20px}
.MAL25{margin-left:25px}
.MAL50{margin-left:50px}
.MAL60{margin-left:60px}
.MAL30{margin-left:30px}
.MAL90{margin-left:90px}
.MAL160{margin-left:160px}
.MAL180{margin-left:180px}

.MAT3{margin-top:3px}
.MAT5{margin-top:5px}
.MAT10{margin-top:10px}
.MAT20{margin-top:20px}
.MAT30{margin-top:30px}


/* subpage 공통 css */
.locationArea h3{font-size:16px; color:#3a3a3a;}
.locationArea{position:relative; padding-bottom:10px; border-bottom:1px solid #efefef; height:30px; padding-top:33px;}
.locationArea .locationCon{position:absolute; right:0px; top:5px; font-size:11px;}
.contentsArea{padding-top:30px}
.dpNone{display:none}

/* 테이블 공통 */
.tableContents{width:100%; border-top:2px solid #e5d9df;}
.tableContents th{background:#fcf6f9;  border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:5px 0; border-left: 1px solid #dcdcdc; }
.tableContents td{border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left: 1px solid #dcdcdc;}
.tablebg{background:#f9f9f9 !important; font-size:11px;}

/*블릿공통*/
.bl01{background:url("../../images/bl_01.gif") no-repeat left 3px; }
.bl02{background:url("../../images/bl_02.gif") no-repeat left 3px;}

/*타이틀 공통*/
.tit01{background:url("../../images/bl_01.gif") no-repeat left 2px; padding-left:20px; font-weight:bold; color:#8b0451;  height:20px}
.tit02{background:url("../../images/bl_02.gif") no-repeat left 3px; padding-left:13px;  height:20px; color:#000; font-weight:bold }
.dot{background:url(../../images/dot.gif) no-repeat left 5px; padding-left:10px }


.issueCon{width:220px; height:320px; }
.newsCon{width:280px; }
.storyCon{width:280px;}
.quickArea{width:340px; }

.quickCon01{background:url("../../images/quickLink_01.gif") no-repeat 20px top; height:95px; padding-left:160px; border-bottom:1px solid #d7dbde; }
.quickCon02{background:url("../../images/quickLink_05.gif") no-repeat 20px top; height:115px; padding-left:160px; border-bottom:1px solid #d7dbde; }
.quickCon02 dt{margin-top:15px}
.quickCon03{background:url("../../images/quickLink_08.gif") no-repeat 20px top; height:95px; padding-left:160px;}


.footMark{float:left}
.footSpot{display:inline-block;  margin-top:10px; padding-left:20px}
.footSpot li{float:left; padding-right:70px }

/* 부서장소개 */
#pres_intro{width:100%; margin:0 auto; background:url('../../images/0101con_02.gif') no-repeat 100% 0; height:370px}
#pres_intro .pi_img{visibility:hidden;}
#pres_intro .pi_greet{display:block; padding:20px 0 25px 0;}
#pres_intro .pi_greet img{display:block;}
#pres_intro p{width:395px; padding-bottom:20px; line-height:20px; color:#727272;}
#pres_intro p.end{padding-bottom:44px;}
#pres_intro .pi_tle{display:block; margin-bottom:3px; padding-left:16px; background:url('../../images/tit_ico_02.gif') no-repeat 0 3px; color:#4f4f4f;}
#pres_intro .pi_lst{padding-left:17px; margin-bottom:24px;}
#pres_intro .pi_lst li{padding-left:8px; background:url('../../images/tit_ico_04.gif') no-repeat 0 8px; color:#979797; line-height:22px;}

/*임무 및 비전*/
.simImg{width:664px; height:258px; background:url("../../images/0103con_01.gif") no-repeat; margin-left:15px; margin-top:10px}
.simTxt{padding:20px 10px 10px 340px}

/*오시는길*/
.locationImg{width:686px; height:266px; background:url("../../images/0105con_01.gif") no-repeat; }
.locationTxt{padding:30px 0 0 420px}

.boxTop{background:url("../../images/box_top.gif") no-repeat;  padding:7px 0 0 0;}
.boxCon{background:url("../../images/box_bg.gif") repeat-y; width:705px; margin-left:15px;}
.boxBottom{background:url("../../images/box_bottom.gif") no-repeat left bottom;  padding:0 50px 7px 20px; }


.boxTop02{background:url("../../images/box_top02.gif") no-repeat;  padding:7px 0 0 0;}
.boxCon02{background:url("../../images/box_con02.gif") repeat-y; width:710px; }
.boxBottom02{background:url("../../images/box_bottom02.gif") no-repeat left bottom;  padding:0 50px 7px 20px; }


.boxTop03{background:url("../../images/box_top02.gif") no-repeat;  padding:7px 0 0 0;}
.boxCon03{background:url("../../images/box_con02.gif") repeat-y; width:685px; }
.boxBottom03{background:url("../../images/box_bottom02.gif") no-repeat left bottom;  padding:0 50px 7px 20px; }


/*20230623_연혁_웹폰트_수정*/
.history_tbl tr th, .history_tbl tr td{color: #000 !important;}

/*20241126*/
.footer{padding-top:60px;}
#header-container{height: 85px !important;}
.miniGallery-container ul li{height: 95px !important;}

.mainContents{


}


/* contents */
#pres_intro .pi_img{visibility:hidden;}
#pres_intro .pi_greet{display:block; padding:51px 0 25px 0;}
#pres_intro .pi_greet img{display:block;}
#pres_intro p{width:395px; padding-bottom:20px; line-height:20px; color:#727272;}
#pres_intro p.end{padding-bottom:44px;}
#pres_intro .pi_tle{display:block; margin-bottom:3px; padding-left:16px; background:url('../../images/dot1.gif') no-repeat 0 0; color:#4f4f4f;}
#pres_intro .pi_lst{padding-left:17px; margin-bottom:24px;}
#pres_intro .pi_lst li{padding-left:8px; background:url('../../images/dot2.gif') no-repeat 0 8px; color:#979797; line-height:22px;}

/* contents */
.mb80{margin-bottom:80px;}

.hisTle{display:block; padding-left:15px; margin-bottom:10px; background:url('../../images/dot.gif') no-repeat 0 4px; font-size:14px; color:#3c3c3c; position:relative;}

.history_tbl{width:100%; border-top:2px #999 solid;}
.history_tbl thead th{padding:10px 0 11px 0; background:#ededed; border-left:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; color:#666;}
.history_tbl thead th.fir{border-left:none;}
.history_tbl tbody th{padding:10px 0 11px 0; background:#f9f9f9; border-bottom:1px #dcdcdc solid; color:#757575;}
.history_tbl tbody td{padding:10px 0 11px 0; border-left:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; text-align:center;}
.history_tbl tbody td.fir{border-left:none;}
.history_tbl tbody td p{padding-left:11px; text-align:left;}



/* tab */
.hisTab {width:100%; overflow:hidden; margin-bottom:15px;}
.hisTab ul {border-bottom:1px solid #b4b4b4; height:20px;}
.hisTab li {float:left; color:#FFF; margin-right:3px; text-align:center; height:20px;}
.hisTab li a {color:#FFF !important; background:#b4b4b4; padding:10px;}
.hisTab li a:hover {color:#FFF; background:#2e4292; font-weight:bold; letter-spacing:-1px;}
.hisTab li a.on {color:#FFF; background:#2e4292; font-weight:bold; letter-spacing:-1px;}

.bodyContents {
    margin-top: 20px;
}