@charset "utf-8";

*{padding:0; margin:0;}
body{ font-size:12px; color:#888;}
a{font-size:12px; color:#888; text-decoration:none;}
a:hover{text-decoration:none;}
img,fieldset{border:0 none;}
li{list-style:none;}
caption, legend{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
select{font-size:12px; color:#888;}
h1, h2, h3, h4, h5, h6, th, td{font-size:12px; color:#888;}
em, address{font-style:normal;}

/* header */
h1#logo{position:absolute; top:10px; left:0;}
h1#logo img{vertical-align:middle;}
h1#logo span{margin:0 6px; color:#c1c1c1; font-size:14px;}
h1#logo .sTle{color:#222; font-size:14px;}

#util{position:absolute; top:10px; right:0;}
#util a{display:inline-block; height:18px; font-size:10px; color:#888; vertical-align:middle;}
#util a.util_hm{padding-right:6px; margin-right:2px; background:url('../../images/util_bar.gif') no-repeat 100% 6px;}
#util a.util_sm{width:76px; margin-left:4px; background:url('../../images/util_sitemap.gif') no-repeat; color:#fff;text-align:center;}

#bGnb{overflow:hidden; padding:70px 20px 0 20px; height:81px; background:url('../../images/bg_gnb.gif') no-repeat 0 70px; text-align:center;}

/* footer */
#footer{overflow:hidden; height:78px; background:#4d4d4f; border-top:1px #575759 solid; border-bottom:1px #575759 solid;}
#footer address{float:left; padding:15px 0 0 20px; font-size:11px; color:#919191; line-height:16px;}
#footer address span{display:block; color:#acacac;}
#footer address span strong{color:#fff;}

/* main */
#mContainer{width:960px; margin:0 auto;}
#mContainer #mConIn{overflow:hidden; height:100%; padding-bottom:50px;}
#cont_L{float:left; width:245px;}
	.sTle{color:#4d4d4f; font-size:14px;}
	.comTle{width:58px; padding:7px 0 6px 9px; background:#2f3087; color:#fff; font-size:11px;}
	.infoTxt{height:104px; padding:34px 0 0 9px; border-right:1px solid #ededed; background:url('../../images/bg_conL1.gif') no-repeat;}
	.midBox{height:117px; border:1px solid #ededed; border-left:none; background:url('../../images/bg_conL2.gif') no-repeat;}
	.infoTxt p{margin-top:9px;}
	.infoTxt p a{font-size:11px; color:#777; line-height:13px; letter-spacing:-1px;}
	.community{position:relative; height:145px; background:#f6f6fa;}
#cont_C{float:left; width:494px;}
	.area1{height:143px; padding:20px 0px 0 25px;}
	.area0{position:relative; height:123px; padding:10px 20px 0 28px;  border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
	.area2{position:relative; height:123px; padding:10px 20px 0 28px;  border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
	.area3{position:relative; height:126px; padding:24px 20px 0 28px; }
	.icoTle{padding-left:16px; color:#3e4965; font-size:14px; background:url('../../images/ico_arr.gif') no-repeat 0 4px;}
	.area1 ul{overflow:hidden; height:85px; padding:10px 0 0 0;}
	.area1 ul li{float:left; margin-right:5px; text-align:center;}
	.area1 ul li.end{background:none; margin-right:0; padding-right:0;}
	.area1 ul li.end a{color:#7e85b9;}
	.area1 ul li a{display:block; font-size:11px;}
	.area1 ul li span{display:block; padding-top:8px;}
	.area3 .icoTle{position:absolute; top:17px; left:29px;}
#cont_R{float:left; width:221px;}
	.svc_lst{height:285px; padding:12px 0 0 26px; background:#f6f6fa; border-bottom:1px solid #ededed;}
	.svc_lst .svcTle{padding:20px 0 25px 40px; font-size:14px; color:#3e4965; background:url('../../images/ico_svc.gif') no-repeat 5px 15px;}
	.svc_lst ul{padding-top:5px;}
	.svc_lst ul li{margin-bottom:2px;}
	.svc_lst ul li a{display:block; height:19px; width:153px; margin-bottom: 10px; padding:9px 0 0 11px; color:#3e4965; font-size:11px; background:url('../../images/bg_svc.gif') no-repeat;}
	.banner{height:138px; padding-top:15px;}
	
#famSite{clear:both; position:relative; height:60px; padding:0 10px 0 23px; border-top:1px solid #e1e1e1;}

/* contents */
#content-container{padding-bottom:50px; width:1040px; float:right; overflow:hidden; min-height:500px; }
@media screen and (max-width:1280px) {
	#content-container{width:100%;float:unset;}
}


#pageLocation{overflow:hidden; height:66px; padding-top:21px;}
#pageLocation h3{float:left; padding-left:23px; background:url('../../images/dot_tle.gif') no-repeat 5px 4px; font-size:16px; color:#5e5e5e;}

.haze {position:absolute; left:0; top:0; width:0; height:0; font-size:0; visibility:hidden;}

.tabArea{margin-bottom:15px;}


.subTle1{padding-left:18px; margin-bottom:6px; background:url('../../images/dot1.gif') no-repeat 2px 0px; color:#4f4f4f; line-height:14px;}
.subTle2{padding-left:25px; margin-bottom:6px; background:url('../../images/dot2.gif') no-repeat 17px 3px; color:#6e81b2; line-height:15px;}
.subTxt1{padding:0 0 0 16px; margin-bottom:15px; line-height:15px;}
.subTxt2{padding:0 0 0 26px; margin-bottom:15px; line-height:15px;}
.subTxt0 {margin-bottom:15px; color:#979797; line-height:16px;}

.txtList1{padding-left:26px; margin-bottom:20px;}
.txtList1 li{padding-left:10px; background:url('../../images/dot3.gif') no-repeat 0 6px; line-height:15px;}

.txtList2{margin-bottom:30px;}
.txtList2 li{padding-left:10px;}
.txtList2 ul{padding:0 0 5px 10px;}

.txtList3{margin-bottom:30px;}
.txtList3 li{padding:0 0 15px 10px;}
.txtList3 ul{padding:0 0 5px 10px;}
.txtList3 li li{padding:0 0 0 10px;}

.txtList4{padding-left:16px; margin-bottom:30px;}
.txtList4 li{padding-left:10px;}
.txtList4 ul{padding:0 0 5px 10px;}

.table1{width:100%; border-collapse:collapse; border-top:2px #2f3b72 solid; table-layout:fixed;}
.table1 thead th{padding:8px 0 5px 0; background:#ededed; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; line-height:17px;}
.table1 thead .sTh th{padding:6px 0 2px 0; background:#f9f9f9; font-weight:normal;}
.table1 tbody th{padding:8px 0 4px 0; background:#f9f9f9; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; line-height:17px;}
.table1 tbody td{padding:8px 0 4px 0; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; line-height:17px; text-align:center;}
.table1 tbody td p{padding:0 11px; text-align:left;}
.table1 tbody td ul{padding:0 11px; text-align:left;}
.table1 .end{border-right:none;}

.table2{width:100%; border-top:2px #777 solid; border-collapse:collapse; table-layout:fixed;}
.table2 thead th{padding:8px 0 5px 0; background:#ededed; border-bottom:1px #dcdcdc solid; color:#666; line-height:17px;}
.table2 tbody td{padding:8px 0 4px 0; border-bottom:1px #dcdcdc solid; color:#979797; line-height:17px; text-align:center;}
.table2 tbody td p{padding:0 11px; text-align:left;}
.table2 tbody td  img {border:1px solid #dedede;}

.list_search {height:35px; text-align:center; font-weight:bold;}
.list_search .txtInput {width:134px; height:13px; padding:3px; background:#f7f7f7; border:1px solid #d1d1d1;}
.list_search button {width:45px; height:22px; border:none; cursor:pointer; background:url(../../images/btn_listSearch.gif) no-repeat left top;}

.btnCenter {padding:10px 0 0 0; text-align:center;}
.player_resolution {height:27px; padding:10px 0 0 58px; font-weight:bold; color:#4486ce; background:url(../../images/bg_player_resolution.gif) no-repeat left top;}


/* margin */
.mb30{margin-bottom:30px;}

.logo_meaning {height:150px; padding:10px 0 30px 210px; background:url(../../images/bg_logo_meaning.gif) no-repeat left 10px;}
.corps {height:175px; padding:65px 15px 0 190px; background:url(../../images/bg_corps.gif) no-repeat 15px top;}

#pres_intro{width:700px; margin:0 auto; background:url('../../images/img_greeting.gif') no-repeat 100% 0;}
#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;}

.organ {position:relative; width:698px; height:343px; margin-bottom:30px; border:1px solid #ededed;
	background:url(../../images/bg_organ.gif) no-repeat left top;}
.organ li {position:absolute;}
.organ li p {color:#888; padding:3px 0 0 85px; _padding-top:6px; line-height:1.7;}
.organ li p.case {padding-left:0; text-align:center;}
.organ li p.case2 {position:relative; left:-85px; padding-left:0; text-align:right;}

.cism1 {padding:0 0 0 245px; background:url(../../images/bg_cism1.gif) no-repeat left top; }
.cism1 p {padding-bottom:15px; }

.cism2 {height:108px; padding:0 0 0 245px; background:url(../../images/bg_cism2.gif) no-repeat left top; }
.cism2 li {padding-left:10px; margin-bottom:3px; background:url('../../images/dot2.gif') no-repeat left 5px;}
.cism2 span {font-weight:bold;}

.cism_organ {position:relative; width:710px; height:323px; padding-bottom:30px;background:url(../../images/cism_organ.gif) no-repeat left top;}
.cism_organ li, .cism_organ li p img {position:absolute; }

.cismPlan{padding-left:20px; }
.cismPlan li {position:relative; padding:0 0 10px 120px; zoom:1;}
.cismPlan li span{position:absolute; left:0; top:0; display:inline-block; width:120px; font-weight:bold; }

/* 테이블 공통 */
.tableContents{width:100%; border-top:2px solid #2768ca;border-bottom:1px solid #dcdcdc;}
.tableContents th{background:#ededed;  border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:5px 0 }
.tableContents td{border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.tablebg{background:#f9f9f9 !important; font-size:12px;}
.bdRNone{border-right:none !important}
.bdTop{border-top:1px solid #dcdcdc;}

/*블릿공통*/
.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:15px; font-weight:bold; color:#4f4f4f;  height:20px}
.tit02{background:url("../../images/bl_02.gif") no-repeat left 3px; padding-left:8px; font-weight:bold; color:#5389e2;  }

.imgResizing{width:25px}

/* BASE */
.txtCenter{text-align:center !important}
.txtLeft{text-align:left !important}
.ftBold{font-weight:bold;}
.ftBlue{color:#5389e2}
.positionR{position:relative}

.PAL5{padding-left:5px}
.PAL10{padding-left:10px}
.PAL15{padding-left:15px}
.PAL20{padding-left:20px}
.PAL25{padding-left:25px}
.PAL28{padding-left:28px}
.PAL30{padding-left:30px}
.PAL50{padding-left:50px}
.PAL90{padding-left:90px}

.PAT5{padding-top:5px}

.MAL10{margin-left:10px}
.MAL13{margin-left:13px}
.MAL15{margin-left:15px}
.MAL20{margin-left:20px}
.MAL25{margin-left:25px}
.MAL30{margin-left:30px}

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

/* 서브페이지 공통 */
.bodyContents{padding-top:20px}
.contentsArea{padding-top:30px}

/*20250318_메인_최신화*/
.icoTle{
	padding-left: 12px !important;
}

.miniGallery-container ul li span.thumb{
	width: 135px !important;
	height: 88px !important;
}

.miniGallery-container ul li{
	height: 112px !important;
}

.box_boardI_88846 .miniGallery-container h2{
	height: 25px !important;
}



.chejoWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; }
.chejoWrap > li { flex:0 0 20%; }

/* List */
.col-date{width: 15%;}
.srch_box .srch_counts p{font-size: 14px;}
.cate > ul a{font-size: 14px;}
.boardWrap thead th{font-size: 16px; padding: 10px 0;}
.boardWrap tbody td{font-size: 16px; padding: 10px 0;}
.boardWrap tbody td a{font-size: 16px;}

/* View */
.view .title{padding: 15px 30px 20px;}
.view .title strong{font-size: 18px;}
.view .detail li{font-size: 14px;}