@charset "utf-8";
html {background:#FFF;}

/* header */
h1#logo{height:50px; padding:10px 0 0 18px;}
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:35px; right:0; }
#util a{display:inline-block; height:22px; padding-top:3px; font-size:11px; color:#555; vertical-align:middle;}
#util a.util_hm{padding-right:6px; margin-right:2px; background:url('../../mycodyimages/util_bar.gif') no-repeat 100% 8px;}
#util a.util_sm{width:85px; margin-left:4px; background:url('../../mycodyimages/util_sitemap.gif') no-repeat; font-size:12px; color:#fff; font-weight:bold; text-align:center;}
#bGnb{position:absolute; top:60px; height:75px; padding-left:20px; }

/* footer */
#footer{overflow:hidden; height:88px; border-top:1px #e7e7e7 solid;}
#footer address{float:left; padding:30px 0 0 20px; font	-size:11px; color:#919191; line-height:16px;}
#footer address span{display:block; color:#acacac;}
#footer address span strong{color:#919191;}

/* main */
#mContainer{position:relative; width:960px; margin:0 auto;}
#mContainer #mConIn{overflow:hidden; height:100%;}

#mContainer .introTxt {position:absolute; top:28px; left:4px;}

.mIntro {float:left; width:220px; padding:0 20px 0 10px; margin-top:298px; background:url(../../mycodyimages/bg_mIntro.png) no-repeat 48px 60px;}
.mIntro p {padding:130px 0 10px 0; font-size:12px;}

#contL{float:left; width:290px; height:388px; margin-top:270px; _margin-top:250px; padding:25px 40px 0 20px; background:url('../../mycodyimages/bg_small.png') no-repeat 0 0;}
	.sTle{margin-bottom:20px; color:#333; font-size:14px;}
	.board_lst{height:133px; padding-bottom:10px;}
	.community{position:relative; height:87px; margin-top:3px;}
	.comTle{position:absolute; top:0; left:0; font-size:14px; color:#333;}
	
#contC{float:left; width:335px; padding-top:35px; _padding-top:15px;}
	

	.svcTle{height:27px; padding:0 0 0 18px; color:#333; font-size:12px;}
	.svc_lst{ height:90px; }
	.svc_lst li{float:left; width:80px; text-align:center;}
	.svc_lst li a{display:block;}
	.svc_lst li span{display:block; margin-top:6px; color:#333; font-size:11px; letter-spacing:-1px;}
	
	.newsBox{width:292px; height:485px; padding:25px 48px 0 20px; background:url('../../mycodyimages/bg_big.png') no-repeat left top;}
	.newsBox h2 {height:40px;}
	/*
	.m_vod{position:relative;}
	.m_vod span{position:absolute; top:104px; left:7px;}	*/

	.pht_g{position:relative; height:143px; width:281px; padding:12px 0 0 11px; background:url('../../mycodyimages/pht_box.gif') no-repeat;}
	.pht_g .phtTle{position:absolute; top:12px; left:11px; font-size:14px; color:#333;}

	.banner{height:194px; width:292px; padding:14px 0 10px 0;}
	
/*
#contR{float:left; width:231px; height:784px; padding:20px 0 0 37px; background:url('../../mycodyimages/bg_line.png') no-repeat;}
	.infoTxt{padding:150px 0 32px 0; background:url('../../mycodyimages/inof_img.png') no-repeat;}
	.infoTxt strong{visibility:hidden;}
	.infoTxt p{padding-left:4px; color:#777; font-size:11px; line-height:19px;}
	.infoTxt p img{vertical-align:middle;}
	.workGo{padding-top:116px; background:url('../../mycodyimages/bg_go.gif') no-repeat;}
	.workGo li{margin-bottom:2px; *margin-bottom:0; line-height:1%; font-size:1%;} 
	.workGo li a{display:block; height:22px; width:187px; padding:10px 0 0 20px; background:url('../../mycodyimages/btn_libg.gif') no-repeat; color:#888; font-size:11px; line-height:1;}
*/

#famSite{clear:both; position:relative; height:60px; padding:0 10px 0 23px; border-top:1px solid #c9c9c9;}

/* contents */
#mid-container #content-container{padding-top:20px;}

/*#pageNavi{overflow:hidden; height:45px; padding-top:21px;}
#pageNavi h3{float:left; font-size:16px; color:#444;}
#pageNavi .pLocation{float:right; font-size:11px; color:#888;}*/



/*base*/
*{padding:0; margin:0;}
body{font-family:Dotum,"돋움"; font-size:12px; color:#888;}
a{font-family:Dotum,"돋움"; 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-family:Dotum,"돋움"; font-size:12px; color:#888;}
h1, h2, h3, h4, h5, h6, th, td{font-family:Dotum,"돋움"; font-size:12px; color:#888;}
em, address{font-style:normal;}
table{border-collapse: collapse;}

.W50{width:50%}
.dpInlinBlock{display:inline-block}
.f_Left{float:left}
.f_Right{float:right}
.clearBoth{clear:both}

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

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

.PAT5{padding-top:5px}
.PAB60{padding-bottom:60px !important}
.MAL5{margin-left:5px}
.MAL8{margin-left:8px}
.MAL10{margin-left:10px}
.MAL13{margin-left:13px}
.MAL15{margin-left:15px}
.MAL20{margin-left:20px}
.MAL25{margin-left:25px}
.MAL30{margin-left:30px}
.MAL50{margin-left:50px}
.MAL60{margin-left:60px}
.MAL30{margin-left:30px}
.MAL90{margin-left:90px}
.MAL180{margin-left:180px}

.MAR30{margin-right:30px}

.MAT5{margin-top:5px}
.MAT10{margin-top:10px}
.MAT20{margin-top:20px}
.MAT30{margin-top:30px}
.MAT50{margin-top:50px}
.MAT70{margin-top:70px}
.MAT90{margin-top:90px}

/* subpage 공통 css */
.locationArea h3{font-size:16px; color:#3a3a3a;}
.locationArea{position:relative}
.locationArea .locationCon{position:absolute; right:0px; top:5px; font-size:11px;}

.bodyContents{padding-top:40px}
.contentsArea{padding-top:30px;}
.dpNone{display:none}

/* 테이블 공통 */
.tableContents{width:100%; border-top:2px solid #2768ca;}
.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:11px;}

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

/*타이틀 공통*/
.tit01{background:url("../../mycodyimages/bl_01.gif") no-repeat left 2px; padding-left:18px; font-weight:bold; color:#4f4f4f;  position:relative}
.tit02{background:url("../../mycodyimages/bl_02.gif") no-repeat left 3px; padding-left:8px; font-weight:bold; color:#5389e2; position:relative  }
.tit03{background:url("../../mycodyimages/bl_02.gif") no-repeat left 3px; padding-left:8px;  position:relative  }


/* 조사본부소개 - 인사말 */
#pres_intro{width:750px; margin:0 auto; background:url('../../mycodyimages/01con_01_171017.jpg') no-repeat 95% 0;height:400px;}
.pi_img{visibility:hidden;}
.pi_greet{display:block; padding:45px 0 25px 0;}
.pi_greet img{display:block;}
#pres_intro p{width:395px; padding-bottom:20px; line-height:20px; color:#727272;}
.pi_tle{display:block; margin-bottom:3px; padding-left:16px; background:url('images/dot1.gif') no-repeat 0 0; color:#4f4f4f;}
.pi_lst{padding-left:17px; margin-bottom:24px;}
.pi_lst li{padding-left:8px; background:url('images/dot2.gif') no-repeat 0 8px; color:#979797; line-height:22px;}
.stTitle{color:#4978c2; font-size:18px}


#pres_intro02{width:700px; margin:0 auto; background:url('../../mycodyimages/01con_06.gif') no-repeat 100% 0; }
#pres_intro02 p{width:395px; padding-bottom:20px; line-height:20px; color:#727272;}

#pres_intro03{width:700px; margin:0 auto; background: no-repeat 100% 0; }
#pres_intro03 p{width:395px; padding-bottom:20px; line-height:20px; color:#727272;}

#pres_intro04{width:700px; margin:0 auto; background:url('../../mycodyimages/01con_10.gif') no-repeat 100% 0; }
#pres_intro04 p{width:395px; padding-bottom:20px; line-height:20px; color:#727272;}



/* 부대로고 */
.logoCon01{border:1px solid #dcdcdc; padding:10px}
.grayTxt{background:#fafafa; padding:10px; _height:30px}

/*예하부대(서) _ 과학수사연구소 _ 감정업무소개 _ 분야별 감정업무 _ 법의학 */
.businessInfo{position:relative; _height:120px; min-height:120px;  padding-bottom:15px; border-bottom:1px dashed #dcdcdc}
.imgTitle{padding-left:190px; }
.imgCon{padding-left:200px;}
.imgBusiness{position:absolute; left:0; top:0}


.businessInfo02{position:relative; _height:120px; min-height:120px;  padding-bottom:15px; border-bottom:1px dashed #dcdcdc}
.imgTitle02{padding-left:260px; }
.imgCon02{padding-left:270px;}
.imgBusiness02{position:absolute; left:0; top:0}


.testInfo{display:inline-block}
.testInfo li{float:left; width:343px}

.whaInfo{display:inline-block}
.whaInfo li{float:left;}
.photoCon{padding:0 40px}

.dataCon01 li{float:left; padding-right:10px}


/*천안함 피격사건 자료실_자료실소개*/
.dataCon06{background:url("../../mycodyimages/06con_50.gif") no-repeat right top; height:250px}
.dataCon06 p{padding-right:380px}

/*정보공개_정보공개신청*/
.inforConArea{background:#f5f5f4; padding:20px; position:relative}

/*열린마당_장병면회청구*/
.inforConArea02{background:#f5f5f4 url("../../mycodyimages/openCon_04.gif") no-repeat right bottom; padding:20px; position:relative}
.ftRed{color:#dd1818; }

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

/* header */
.logo{position:absolute;top:54px;left:11px;}
.util{position:absolute;top:10px;right:0;height:25px;line-height:25px;}
.util > a{color:#afbfe2;font-size:12px;padding:0 15px;display:inline-block;vertical-align:top;}
.util > a:first-child{background:url(/user/cic/mycodyimages/util_bar.jpg) no-repeat 100% 6px;}
.util .login_out{display:inline-block;padding:0 13px;position:relative;top:2px;}
.top_link{color:#afbfe2 !important}
.gnb_wrap{position:absolute;top:65px;right:0;}
.gnb_wrap li.li_1{background:url(/user/cic/mycodyimages/gnb_bar.jpg) no-repeat 0 8px;padding:0 0 0 1px;}
.gnb_wrap li.li_1:first-child{background:none;}
.gnb_wrap li.li_1 a{position:relative;}
.gnb_wrap li.li_1 > a:hover:after, .gnb_wrap li.li_1 > a.on:after{background:#20438a;height:2px;width:90px;content:"";position:absolute;top:0;left:50%;margin:0 0 0 -45px;}
.gnb_wrap li.li_1:first-child + li.li_1 > a:hover:after, .gnb_wrap li.li_1:first-child + li.li_1 > a.on:after{background:#20438a;height:2px;width:40px;content:"";position:absolute;top:0;left:50%;margin:0 0 0 -20px;}
.gnb_wrap li.li_1:first-child .div_2{/*left:-510px !important;*/}
.gnb_wrap li.li_1:first-child + li.li_1 .div_2{/*left:-631px !important;*/}
.gnb_wrap li.li_1:first-child + li.li_1 + li.li_1 .div_2{/*left:-707px !important;*/}
.gnb_wrap li.li_1:first-child + li.li_1 + li.li_1 + li.li_1 .div_2{/*left:-825px !important;*/}
.gnb_wrap li.li_1:first-child + li.li_1 .div_2 > ul{position:relative;/*left:590px;*/}
.gnb_wrap li.li_1:first-child + li.li_1 + li.li_1 .div_2 > ul{position:relative;/*left:715px;*/}
.gnb_wrap li.li_1:first-child + li.li_1 + li.li_1 + li.li_1 .div_2 > ul{position:relative;/*left:25px;*/}

/* footer */
p.address{margin:20px 0;color:#555;}

/* main */
.cic_section{padding:530px 0 0; height:30%;}
.box_wrap{overflow:hidden; position:relative; top:0px; z-index:9999;}
.box_wrap > div{float:left;height:220px;}
.box01{width:240px;background:url(/user/cic/mycodyimages/box02.jpg) no-repeat;text-align:center; background-color:#6d93de; background-position:0 15px;}
.box01 a{display:block;padding:155px 0 32px;height:34px;font-weight:bold;color:#fff !important;font-size:15px;line-height:55px;}
.box01 a:hover{color:#fff;}
.box02 {background-color:#6c95d7; width:215px; padding:8px 7px 0 18px;}
.box02 a{display:block; height:220px;}
.box02 a img {padding-top:5px;}
.box03{width:215px;background:#357674;padding:8px 7px 0 18px;height:185px !important;position:relative;}
.box03 h3.tit{color:#fff;font-size:14px;position:absolute;top:0;left:0;height:22px;line-height:22px;padding:8px 0 0 18px;}
.box03 .more{background:url(/user/cic/mycodyimages/b_more.jpg) no-repeat;width:12px;height:12px;text-indent:-9999em;position:absolute;top:0;right:0;}
.box03 ul{margin:14px 0 0;}
.box03 li{height:64px !important;padding:0 !important;margin:0 0 10px !important;}
.box03 li a{color:#fff;}
.box03 li a:hover{color:#fff !important;}
.box03 li  > a > img{width:84px !important;height:64px !important;}
.box03 li a span.tit{color:#fff !important;}
.box04{width:240px;background:url(/user/cic/mycodyimages/box04.jpg) no-repeat;text-align:center;}
.box04 a{display:block;padding:138px 0 32px;height:42px;font-weight:bold;color:#fff !important;font-size:15px;line-height:24px;}
.box04 a:hover{color:#fff;}

.logo_banner{padding:13px 0 12px;}
.logo_banner ul{overflow:hidden;}
.logo_banner li{float:left;padding:0 0 0 1px;background:url(/user/cic/mycodyimages/bar.jpg) no-repeat;width:159px;text-align:center;}
.logo_banner li:first-child{background:none;padding:0;}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.box_wrap1{overflow:hidden; position:relative; top:-194px; z-index:9999;}
.box_wrap1 > div{float:left;height:220px;}

.box05{width:480px;background:url(/user/cic/mycodyimages/bookmark_bg.jpg) no-repeat;}
.box05 .tit{font-size:14px;color:#fff;font-weight:bold;padding:12px 0 0 23px;height:22px;line-height:22px;margin:0 0 27px}
.box05 ul{overflow:hidden;padding:0 0 0 21px;}
.box05 li{float:left;width:64px;margin:0 10px 0 0;}
.box05 li img{display:block;}
.box05 li .txt{color:#fff;line-height:18px;display:block;font-size:12px;text-align:center;margin:5px 0 0}

.box06{width:240px;background:url(/user/cic/mycodyimages/newbox02.jpg) no-repeat;text-align:center; background-color:#6d93de; background-position:2 15px;}
.box06 a{display:block;padding:155px 0 32px;height:34px;font-weight:bold;color:#fff !important;font-size:15px;line-height:19px;}
.box06 a:hover{color:#fff;}

.box07{width:240px;/*background:url(/user/cic/mycodyimages/newbox07.jpg) no-repeat;text-align:center; */ background-color:#d5e3ee; background-position:2 15px;}
.box07 a{display:block;height:34px;font-weight:bold;color:#fff !important;font-size:15px;line-height:24px;}
.box07 a:hover{color:#fff;}

.box11 {position:relative; width:240px; background-color:#357674;}
.box11 h3 {font-size:14px; line-height:16px; color:#fff; position:absolute; top:6px; left:9px;}
.box11 .miniBox .more {font-size:0; line-height:0; text-indent:-999px; width:12px; height:12px; background:url("/user/cic/mycodyimages/b_more.png") no-repeat; top:8px; right:8px;}
.box11 .miniBox .skin_002 .thumb a {left:0; top:-30px; padding-top:30px;}
.box11 .miniBox .skin_002 .thumb a img {width:80px !important; height: 60px !important; position:absolute; left:15px;}
.box11 .miniBox .skin_002 .title a {right:0; top:0; width:50% !important; color:#fff; margin-right:10px; font-size:12px;}

.box08{width:215px;background:#357674;padding:8px 7px 0 18px;height:212px !important;position:relative;}
.box08 h3.tit{color:#fff;font-size:14px;position:absolute;top:0;left:0;height:22px;line-height:22px;padding:8px 0 0 18px;}
.box08 .more{background:url(/user/cic/mycodyimages/b_more.png) no-repeat;width:12px;height:12px;text-indent:-9999em;position:absolute;top:0;right:0;}
.box08 ul{margin:14px 0 0;}
.box08 li{height:64px !important;padding:0 !important;margin:0 0 10px !important;}
.box08 li a{color:#fff;}
.box08 li a:hover{color:#fff !important;}
.box08 li  > a > img{width:84px !important;height:64px !important;}
.box08 li a span.tit{color:#fff !important;}

.box09{width:240px;background:url(/user/cic/mycodyimages/newbox09.jpg) no-repeat;text-align:center; background-color:#6d93de; background-position:2 15px;}
.box09 a{display:block;padding:155px 0 32px;height:34px;font-weight:bold;color:#fff !important;font-size:15px;line-height:24px;}
.box09 a:hover{color:#fff;}

.box10{width:215px;background:#357674;padding:8px 7px 0 18px;height:212px !important;position:relative;}
.box10 h3.tit, h3.tit{color:#fff;font-size:14px;position:absolute;top:0;left:0;height:22px;line-height:22px;padding:8px 0 0 18px;}
.box10 .more, .box02 .more{background:url(/user/cic/mycodyimages/b_more.png) no-repeat;width:12px;height:12px;text-indent:-9999em;position:absolute;top:0;right:0;}
.box10 ul,.box02 ul{margin:14px 0 0;}
.box10 li,.box02 li{;padding:0 !important;margin:0 0 10px !important; font-color:#ffffff;}
.box10 li a,.box02 li a{color:#fff;}
.box10 li a:hover,.box02 li a:hover{color:#fff !important;}
.box10 li a span.tit,.box02 li a span.tit{color:#fff !important;}
.box_boardO_44729 div ul li a{color:#fff !important;}

#left-container #menuSubUI{position:relative;top:-34px;}
#content-container{padding-top:0 !important}

.sectionBox {width:240px; height:220px !important; float:left; position:relative;}
.section01 a:hover {color:#222 !important;}
.sectionBox a:hover {color:white;}
.sectionBox a{width:100%; height:100%; display:block; position:absolute; text-align:right; font-size:14px; line-height:16px; color:white; font-weight:bold;}
.sectionBox img {width:240px; height:100%: important;}
.section01{background:url("/user/cic/mycodyimages/section01.png") no-repeat 0 0;}
.section01 a {color:#222;}
.section01 a strong {position:absolute; top:25%; right:10%;}
.section01 a span{position:absolute; bottom:10%; right:10%; font-size:12px; font-weight:normal; color:#638565;}
.section02{background:url("/user/cic/mycodyimages/section02.png") no-repeat 0 0;}
.section02 strong {position:absolute; top:45%; right:10%; color:#fff;}

.section03 {position:relative; width:240px; background-color:#357674;}
.section03 h3 {font-size:14px; line-height:16px; color:#fff; position:absolute; top:6px; left:9px;}
.section03 .miniBox .more {font-size:0; line-height:0; text-indent:-999px; width:12px; height:12px; background:url("/user/cic/mycodyimages/b_more.png") no-repeat; top:8px; right:8px;}
.section03 .miniBox .skin_002 .thumb a {left:0; top:-30px; padding-top:30px;}
.section03 .miniBox .skin_002 .thumb a img {width:80px !important; height: 60px !important; position:absolute; left:15px;}
.section03 .miniBox .skin_002 .title a {right:0; top:0; width:50% !important; color:#fff; margin-right:10px; font-size:12px;}


.section04{background:url("/user/cic/mycodyimages/section04.png") no-repeat 0 0;}
.section04 strong {position:absolute; top:40%; right:10%; color:#fff;}

/* counter */
.mobile {float:right; margin-right:20px;padding-top:20px; position:absolute; right:140px;}
.mobile a {text-align:center; display:block; color:white !important; background-color:#6a8fd9; padding: 5px 20px 5px 20px; line-height:17px; font-weight:bold;}
.mobile a:hover, .mobile a:active, .mobile a:visit {color:white !important;}
.mobile a span {position:absolute;letter-spacing:-5px; padding-left:25px; top:35px; right:18px;}
#statsWrap {padding-top:20px; float:right; position:absolute; right:0;}

/* 조사본부 임무기능 */


/* 수사행정 서비스 헌장 */

.service .s_tit{background:url(/user/cic/mycodyimages/blick_dot.jpg) no-repeat 0 12px;font-size:14px;color:#222;font-weight:bold;height:34px;line-height:34px;border-top:1px solid #5078b9;border-bottom:1px solid #5078b9;padding:0 0 0 15px;}
.service .line_box{background:#e7edf3;border:1px solid #becad6;padding:15px;line-height:16px;color:#555;margin:22px 0 0;}
.service .part_list{margin:12px 0 35px;}
.service .part_list li{line-height:16px;border-bottom:1px solid #ddd;color:#555;font-size:12px;padding:10px 20px 10px 75px;position:relative;min-height:15px;vertical-align:middle;}
.service .part_list li span{position:absolute;top:6px;left:0;}
.service .part_list li.line2{padding:5px 20px 5px 75px;}
.service .part_list li.line2 span{top:10px;}
.service .ss_tit{margin:23px 0 8px;color:#35568b;font-size:12px;font-weight:bold;background:url(/user/cic/mycodyimages/blick2.jpg) no-repeat 0 5px;padding:0 0 0 16px;height:22px;line-height:22px;}
.service .ss_tit + .line_box{margin:0;}

/* 합동조사단 */
#pageNavi .pLocation {float:left !important;}

/*조사본부 사이버역사관 */
.locationArea .locationCon {position:relative !important;}
.locationArea {top:10px;}

/*메인 수정20210129*/
#mCont1 {padding:0 5px 0 5px !important; }