@charset "utf-8";

.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 8px; padding-left:10px }

/*헤더공통*/
.header{position:relative}
.goLink{display:inline-block; position:absolute; right:0; top:10px}
.goLink li{float:left; padding-left:10px}
.header h1{position:absolute; left:387px; top:17px; z-index:99}
.mbLogin{display:inline-block; position:absolute; right:0; top:30px}
.mbLogin li{float:left; padding-left:10px}
.mbLogin li input{width:75px; background:#e4e4e4; border:none; padding:1px 0}
.mbLogin li .loginImg{_padding-top:5px}
.mainQuicLink{padding-top:33px; }
/*.navi{position:absolute; left:0; top:56px; width:960px; height:33px; background:url("../../images/gnb_bg.gif") repeat-x; }*/

/*메인컨텐츠 부분*/
.mainVisual{position:relative}
.mainContents{border-top:15px solid #c5c5c5; width:960px; position:absolute; left:0; top:0px ;}
.mainConArea{width:908px; border:1px solid #e4e4e4; padding:25px; height:320px; border-bottom:none ; border-right:none }

.issueCon{width:220px; height:320px; }
.newsCon{width:265px; }
.storyCon{width:265px;}
.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;}

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

/*서브 좌측메뉴*/
.subVisualImg{position:absolute; left:0px; _left:-2px; top:30px; border-bottom:15px solid #c5c5c5; width: 960px;}
#left-container{position:absolute; left:0; top:46px;  border-left:1px solid #e4e4e4;  z-index:99999;}
#content-container{width:960px !important; _width:958px !important; border-right:1px solid #e4e4e4; border:1px solid #e4e4e4; box-sizing:border-box;}
#mid-container{position:relative;}

#lnbBgArea {background:url('../../images/lnb_bg.gif') 0 0 no-repeat; padding-left:27px; width:198px; height:100%;}

.bodyContentsArea{width:683px; margin-top:150px; min-height:500px; margin-top: 11px;}
.bodyContents{ }


/* 부서장소개 */
#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; }

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