@charset "utf-8";
/* Default CSS ==================
= Developer Name: 문영신
= Create Date: 2010.01.22
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.01.22.문영신. 최종수정
============================= */
/* 공통CSS수정 */
body { background-image: url(/image/cm/bg02.gif); }
#container {  }
#head { background-image: url(/image/cm/bg02_head.gif); }
#topmenu ul li a { display: inline; float: left; padding: 0 10px; }
#topmenu ul ul#top2m1 { width: 910px; padding-left: 40px; }
#topmenu ul ul#top2m2 { width: 800px; padding-left: 150px; }
#topmenu ul ul#top2m3 { width: 700px; padding-left: 250px; }
#topmenu ul ul#top2m4 { width: 600px; padding-left: 350px; }
#topmenu ul ul#top2m5 { width: 350px; padding-left: 600px; }
#topmenu ul ul#top2m6 { width: 350px; padding-left: 480px; }
#side h2 { background-image: url(/image/cm/side1bg02.gif); }
h1 { padding: 0 0 0 20px !important; background: url(/image/cm/h1bg02.gif) no-repeat 0 1px !important; }
em { color: #998C66; }

/* foot */
#foot { background: transparent; }

#familybox { z-index:101; position: relative; width: 950px; margin: 0; background: url(/image/cm/bg_familybox.gif) no-repeat; }

#familysite1 { z-index:101; position: relative; left:0; top:0; width: 950px;}
#familysite1 h3 { position: absolute; right: 10px; bottom: -27px; padding:0; margin: 0; background: transparent; }
#familysite1 .close { position: absolute; right: 10px; bottom: -27px; padding:0; margin: 0; background: transparent; }

#familysite1 #familysitec1 { display: none; position: relative; left: 0; top: 0; width: 950px; padding: 0; margin:0; overflow:hidden; }
#familysitec1 h4 { padding: 15px 0 17px 30px; margin:0; background: transparent; }
/*
#familysitec1 ul { display: inline; float: left; width: 130px; padding: 0 30px 15px 30px; margin:0; }
#familysitec1 ul li { display: inline; }
#familysitec1 ul li a { display: inline; float: left; width: 125px; padding: 1px 5px 2px 0; background: url(/image/kor/main/m15mbg.gif) no-repeat 100% 50%; color: #666 !important; font-size: .92em; }
*/
#familysitec1 ul { display: inline; float: left; width: 160px; padding: 0 0 15px 25px; margin:0; }
*html #familysitec1 ul { padding: 0 0 15px 20px; }
#familysitec1 ul li { display: inline; }
#familysitec1 ul li a { display: inline; float: left; width: 160px; padding: 1px 0 2px 10px; background: url(/image/kor/main/m15mbg.gif) no-repeat 0 40%; color: #666 !important; font-size: .92em; }
#familysitec1 ul li a:hover,
#familysitec1 ul li a:focus { background-image: url(/image/kor/main/m15mbgon.gif); font-weight: bold; }

#foot_in { position: relative; width: auto; min-width: 950px; height: 150px; margin: 0; background: url(/image/cm/bg_foot.gif) repeat-x 50% 0; }

/* *표 불릿사용 */
ul.etc { position:relative; width:100%; padding:0; margin:0; overflow:hidden; }
ul.etc li { display:inline; float:left; width:680px; padding:2px 0 1px 10px !important; margin:0; background: url(/image/cm/icon/ic_etc.gif) no-repeat 0 6px !important; line-height: 1.25; }

/* ※표 불릿사용 */
ul.etc1 { position:relative; width:100%; padding:0; margin:0; overflow:hidden; }
ul.etc1 li { display:inline; float:left; width:680px; padding:2px 0 1px 20px !important; margin:0; background: url(/image/cm/icon/ic_etc1.gif) no-repeat 0 4px !important; line-height: 1.25; }

/* body_content ========== */

.u01001 { width: 689px; margin: 21px; }
.u01002 .flm { margin: 30px 20px 0 0; }
.u01002 .box3 p { margin: 2px 0 0 0; }
.u01002 .text { display: inline; float: left; width: 557px; margin: 20px 0 0 0; }
.u01003 .history { width: 100%; padding: 30px 0; border-bottom: 1px dashed #ccc; overflow: hidden; }
.u01003 .history .cont { display: inline; float: left; width: 565px; }
.u01003 .history .cont * { list-style: none; margin: 0; padding: 0; background: transparent; line-height: 1.25; vertical-align: top; }
.u01003 .history .cont h2 { margin: 0 0 12px 0; }
.u01003 .history .cont dl { width: 100%; overflow: hidden; }
.u01003 .history .cont dl dt { display: inline; float: left; width: 75px; padding: 2px 0 0 0; }
.u01003 .history .cont dl dd { display: inline; float: left; width: 490px; margin: 0 0 10px 0; }
/*.u01004 { width: 666px; margin: 40px auto; }*/
.u01004 { width: 740px; margin:0; padding-top:40px; text-align:center }
.u01004 img { margin: 0 0 2em 0; }
#u01004_desctext { width: 740px;}
#u01004_desctext ul { padding:0 100px 0 100px; }

/* 추가_팀별레이어 */
#p_team1{position:absolute; display:none;top:35px;left:237px;z-index:10;visibility:visible}
#p_team2{position:absolute; display:none;top:35px;left:333px;z-index:10;visibility:visible}
#p_team3{position:absolute; display:none;top:35px;left:453px;z-index:10;visibility:visible}
#p_team4{position:absolute; display:none;top:35px;left:600px;z-index:10;visibility:visible}
#p_team5{position:absolute; display:none;top:35px;left:653px;z-index:10;visibility:visible}
#p_team6{position:absolute; display:none;top:35px;left:620px;z-index:10;visibility:visible}

.p_team{border:2px solid #01aece;background:#fff;text-align:left; height:148px}
.p_team .clse{position:absolute;top:3px;right:4px}
.p_team strong{display:block;padding:5px 0 5px 9px;color:#fff;letter-spacing:-1px; background:#01aece}
.p_team p{padding:0 9px; margin:8px 0;font-size:11px;line-height:16px;letter-spacing:-1px}
.p_team ul{list-style:none;font-size:11px;color:#828282;line-height:16px;letter-spacing:-1px; margin:0 0 8px 10px; padding:0}
.p_team ul .mocteam {color:#01aece}
.p_team .edge{position:absolute;top:154px;left:50%;width:9px;height:6px;margin:-6px 0 0 -5px;background:url(image/bg_layer_edge.gif) no-repeat 0 0;font-size:0}
/* //추가_팀별레이어 */


.mbox4 { width: 100%; background: #fff url(/image/moc/mbox_bg3.gif) no-repeat left bottom; }
.mbox4 .x { background: url(/image/moc/mbox_bg4.gif) no-repeat right bottom; padding-bottom: 10px; }
.mbox4 .x .x { background: url(/image/moc/mbox_bg1.gif) no-repeat left top; padding: 0; }
.mbox4 .x .x .x { background: url(/image/moc/mbox_bg2.gif) no-repeat right top; padding: 15px 20px 0; font-size: .92em; }
.mbox4 ul.bu li { padding: 0 0 0 9px; background: url(/image/cm/bu/bu02.gif) no-repeat 0 5px; }
.mbox4 em { color: #D08610; }

.mfaq1 { margin: 20px 0; padding: 3px 0 0 0;}
.mfaq1 dl { margin: 0; padding: 0 0 3px 0; }
.mfaq1 dl dt { margin: 0; border-top: 1px solid #ccc; background: #fff; }
.mfaq1 dl dt a { display: block; padding: 7px 20px 6px 20px; color: #666; }
.mfaq1 dl dt.on { }
.mfaq1 dl dd { display: none; margin: 0; padding: 7px 20px 7px 20px; background: #f2f2f2 }
.mfaq1 dl dd * { margin-top: 0; }
.mfaq1 dl dd ul { margin-bottom: 1em; }

.m table tr { text-align: left; }
.m table th,
.m table td { padding: 6px 10px 6px; vertical-align: top; }
.m table th { padding: 8px 10px 8px 25px; background: url(/image/cm/bu/bu03.gif) no-repeat 17px 13px; color: #666; text-align: left; }
.m table img { vertical-align: middle; }
.m table .btns { margin: 0 0 0 7px; }

/* GRID 속 대비 스타일 */
table#tbl1 td em.up { color: #D54D4F; }
table#tbl1 td em.down { color: #06c; }
table#tbl1 td em img { padding: 2px 6px; }


/* 사이버홍보실 */ 
/* 
#movplay { position:relative; float:left; width:425px; height:359px; margin:30px 0 0 0; padding:0 0 0 25px; border:#CCC 1px solid }
#movlist { float:right; width:260px; margin:10px 0 0 0 }
#movlist ul { list-style:none; margin:0; padding:0; border-top:#CCC 1px solid }
#movlist ul li { height:76px; padding:7px 0 6px 0; _padding:6px 0 6px 0; border-bottom:#CCC 1px solid }
#movlist .thmb { float:left; padding:4px; margin:0 10px 0 10px; border:#CCC 1px solid }
#movlist .subject { display:block; float:left; width:133px; font-weight:bold; margin:12px 0 8px 0; line-height:1.2 }
#movlist .subject2 { display:block; float:left; width:133px; font-weight:bold; margin-top:20px; line-height:1.2 }
#movlist .movdwn { display:block; float:left }
#movlist .rollup { height:20px; text-align:center }
#movlist .rolldown { height:20px; text-align:center; margin-top:9px }
*/
#movplay { position:relative; float:left; width:425px; height:359px; margin:30px 0 0 0; padding:0 0 0 25px; border:#CCC 1px solid }
#picplay { position:relative; float:left; width:425px; height:399px; margin:30px 0 0 0; padding:0 0 0 25px; border:#CCC 1px solid }
#movcover { position:relative; float:right;  margin:10px 0 0 0;  width:280px; z-index:2;}
#movcover .movlist {position:relative; overflow-y:scroll; height:360px; z-index:1;}
#movcover .movlist ul { list-style:none; margin:0; padding:0; border-top:#CCC 1px solid;  }
#movcover .movlist ul li { height:76px; padding:7px 0 6px 0; _padding:6px 0 6px 0; border-bottom:#CCC 1px solid }
#movcover .movlist .thmb { float:left; padding:4px; margin:0 10px 0 10px; border:#CCC 1px solid }
#movcover .movlist .subject { display:block; float:left; width:133px; font-weight:bold; margin:12px 0 8px 0; line-height:1.2 }
#movcover .movlist .subject2 { display:block; float:left; width:133px; font-weight:bold; margin-top:20px; line-height:1.2 }
#movcover .movlist .movdwn { display:block; float:left }
#movcover .rollup { height:20px; text-align:center }
#movcover .rolldown { height:20px; text-align:center; margin-top:9px }


/* 불공정거래예방교실 - 공통*/
.mocedubox_l{position:relative;width:100%;height:78px;background:url(/image/moc/mocedubox.png) no-repeat 0 0}
.mocedubox_r{position:relative;width:100%;height:78px;background:url(/image/moc/mocedubox.png) no-repeat right 0}
.mocedubox_r h2{float:left;padding:0;margin:10px 0 0 15px;background:none}

.moceducontentbox{margin:6px 0 15px 0;}
.moceducontentbox .box3_bl{width:100%;height:3px;background:url(/image/moc/box3_b_l.gif) no-repeat 0 0}
.moceducontentbox .box3_bm{width:auto;margin-left:4px;height:3px;background:url(/image/moc/box3_b_m.gif) repeat-x 0}
.moceducontentbox .box3_br{height:3px;background:url(/image/moc/box3_b_r.gif) no-repeat right 0}

.moceducontentbox h3{background:none;padding:0;margin:35px 0 0 0}
.moceducontentbox h3:first-child{margin:0}
.moceducontentbox .bu0{list-style:none;padding:0;margin:5px 0 0 0;font-weight:600}
.moceducontentbox .bu li{margin:0 0 17px 0}
.moceducontentbox .bu li .bu li{margin:0;background-position:0 4px}
.moceducontentbox .bu li .ol li{margin:0;padding:0 !important;background:none}
.moceducontentbox .bu li .ol li span{padding-right:5px;color:#bf8610}
.moceducontentbox h4{margin:0;padding:0;font-weight:600;color:#666666;background:none}
.moceducontentbox h4 span{float:right;font-size:0.938em;font-weight:600;color:#888888}
.moceducontentbox table{margin:3px 0 0 0}
.moceducontentbox p.ps{margin:7px 0 0 0;padding-left:15px;font-size:0.938em;font-weight:600;color:#8c7557;background:url(/image/moc/icon_ps.gif) no-repeat 0 0}

.btn_mocedulist{display:block;width:91px;height:31px;margin:15px auto 0 auto;font-size:0;background:url(/image/moc/btn_mocedulist.gif) no-repeat 0 0}

/* 불공정거래예방교실 - 감리*/
.moceducontentbox .referencebox{margin:4px 0 0 0;padding:12px;border:1px solid #e8e8e8;background:#f5f5f5}
.moceducontentbox .referencebox h4{margin:0 0 9px 0;color:#8c7557}
.moceducontentbox .referencebox h4 img{vertical-align:middle;margin-right:4px}
.moceducontentbox .referencebox ul li{margin:0}
.moceducontentbox .referencebox ul li span{display:block;color:#444444}

/* 불공정거래예방교실 - 판례*/
.moceducontentbox .precedentbox{text-align:center;border:1px solid #beb292;background:url(/image/moc/bg_precedentbox.gif) repeat 0 0}
.moceducontentbox .precedentbox .precedentinnerbox{padding:10px;height:100%;border:3px solid #fff}
.moceducontentbox .precedentinnerbox h2{margin:0;padding:0;width:auto;height:100%;font-size:1.063em;background:none;color:#715324}
.moceducontentbox .precedentinnerbox h2 span{padding-left:15px;padding-bottom:6px;line-height:1.438em;font-weight:600;background:url(/image/moc/bg_precedenth2l.gif) no-repeat 0 bottom}
.moceducontentbox .precedentinnerbox h2 span span{padding-left:0;background:url(/image/moc/bg_precedenth2m.gif) repeat-x 0 bottom}
.moceducontentbox .precedentinnerbox h2 span span span{padding-left:0;padding-right:15px;background:url(/image/moc/bg_precedenth2r.gif) no-repeat right bottom}
.moceducontentbox .precedentinnerbox p{margin:4px 0 0 0;padding:0;line-height:normal;color:#666666}

/*list*/
.mocedulistbox{list-style:none;margin:6px 0 0 0;padding:0;border:1px solid #ebebeb}
.mocedulistbox li{margin:0;padding:0;}
.mocedulistbox li a{display:block;margin:0;min-height:48px;border-top:1px solid #ebebeb;background:#9999999}
.mocedulistbox li a .listnum{display:inline-block; vertical-align:top;width:36px;height:47px;margin:0 6px 0 14px;font-size:0.938em;text-align:center;color:#999999}
.mocedulistbox li a .listnum span{display:block; letter-spacing:-0.05em;margin:16px 0 0 0;}
.mocedulistbox li a .listtit{display:inline-block;width:90%;line-height:1.5em;padding:15px 8px;font-weight:600;color:#666666;background:url(/image/moc/bar_mocedulist.gif) no-repeat 0 16px}
.mocedulistbox li a .listtit span{display:block;padding-right:10px;background:url(/image/moc/bg_mocedulist_titoff.gif) no-repeat right 0}
.mocedulistbox li a:hover{border-top:1px solid #0c90cd;background:#f5f5f5}
.mocedulistbox li a:hover .listnum{background:url(/image/moc/bg_mocedulist_num.gif) no-repeat 0 0;color:#ffffff}
.mocedulistbox li a:hover .listtit span{display:block;color:#0086ad;background:url(/image/moc/bg_mocedulist_titon.gif) no-repeat right 0}
.page table{width:auto;margin:15px auto 0 auto}

.listmoveboxbg ul{margin: 0; padding: 0; overflow: hidden;height:115px; background:url(/image/moc/box_m.gif) repeat-x;}
.listmoveboxbg ul li{list-style:none; float: left;  padding:10px 0 0 20px;}
.listmoveboxbg ul li#boxbgfirst{background:url(/image/moc/box_l.gif) no-repeat; height: 115px; width: 5px; padding:0;}
.listmoveboxbg ul li#boxbglast{background:url(/image/moc/box_r.gif) no-repeat; height: 115px; width: 5px; float: right; padding:0;}