@charset "utf-8";
/* Default CSS ==================
= Developer Name: 방문준
= Create Date: 2010.02.25
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.02.25.방문준. 공통CSS수정
============================= */
/* 공통CSS수정 */
body { background-image: url(/image/cm/bg04.gif); }
#container {  }
#head { background-image: url(/image/cm/bg04_head.gif); }
#topmenu ul { left: 29px; }
#topmenu ul li a { display: inline; float: left; padding: 0 2px; }
#topmenu ul li ul { left: -34px; height: auto; padding: 8px 0 6px; background: url(/image/cm/top2bg.gif) no-repeat 0 100%; overflow: hidden; }
#topmenu ul li.on ul { background-position: -1000px 100%; }
#topmenu ul ul#top2m1 { width: 510px; padding-left: 20px; }
#topmenu ul ul#top2m2 { width: 510px; padding-left: 100px; }
#topmenu ul ul#top2m3 { width: 510px; padding-left: 180px; }
#topmenu ul ul#top2m4 { width: 510px; padding-left: 350px; }
#topmenu ul ul#top2m5 { width: 930px; padding-left: 30px; }
#topmenu ul ul#top2m6 { width: 550px; padding-left: 350px; }
#topmenu ul ul#top2m7 { width: 200px; padding-left: 630px; }
#topmenu ul ul#top2m8 { width: 210px; padding-left: 715px; }
#topmenu ul ul li { background: url(/image/cm/top2msep.gif) no-repeat 0 4px !important; }
#topmenu ul ul li a span { padding: 2px 7px 1px !important; }
#side h2 { background-image: url(/image/cm/side1bg04.gif); }
h1 { padding: 0 0 0 20px !important; background: url(/image/cm/h1bg04.gif) no-repeat 0 1px !important; }

/* body_content ========== */
.u01001cb01 .content { padding: 13px 16px; }
.u01001cb02 img { display: block; margin: 2em auto; }
.u01002cb02 img { display: block; margin: 3em auto; }
.u01002cb03 img { position: relative; left: 0; top: -10px; }
.u01003cb01 .content { padding: 13px 16px; }
.u01003cb02 img { display: block; margin: 1em 0 1em 30px; }
.u02001cb01 { margin: 0 0 2em 0; }
.u02001cb01 .content * { margin: 0; padding: 0; }
.u02001cb01 .content a { display: inline; float: right; margin: 0 0 0 10px; }
.u02001cb02 ul { width: 700px; list-style: none; margin: 0 0 0 19px; padding: 0; overflow: hidden; }
.u02001cb02 li { display: inline; float: left; margin: 0 7px 6px 0; }
.u03001cb01 { margin: 0 0 2em 0; }
.u03001cb01 .content { padding: 13px 16px; }
.u03001cb01 .content * { margin: 0; padding: 0; }
.u03001cb01 .content a { display: inline; float: right; margin: -13px 0 0 10px; }
.u03001cb02 img { display: block; margin: 2em auto; }



/* JHPIKO01004.jsp */
#JHPIKO01004_boardBox { height:380px;}
#JHPIKO01004_boardBox .in    {width:728px;margin:0 auto;height:110px;}
#JHPIKO01004_boardBox .in fieldset   {float:left;width:232px;}
#JHPIKO01004_boardBox .in fieldset legend    {display:none;}
#JHPIKO01004_boardBox .in fieldset div.titleBG   {background:url('/image/iko/02_boardtl_bg.gif') center bottom no-repeat; height:20px;}
#JHPIKO01004_boardBox .in fieldset div.titleBG div.titleBG_l {float:left;}
#JHPIKO01004_boardBox .in fieldset div.titleBG div.titleBG_r {float:right;}
#JHPIKO01004_boardBox .in fieldset table {margin-top:8px; width:355px;}
#JHPIKO01004_boardBox .in fieldset table td  {line-height:1.1em;}

/* 상한/하한 글자색 */
.updnColor_up   {color: #ff0000;}
.updnColor_down {color: #0000ff;}


/* 전일대비 등락율 */
.prvUpdn1 {
    color: #ff0000;
    background: url(/image/cm/icon/i4up.gif) left center no-repeat;
    padding-left:12px;
}
.prvUpdn2 {
    color: #0000ff;
    background: url(/image/cm/icon/i4down.gif) left center no-repeat;
    padding-left:12px;
}

.uptn1 {
    color: #ff0000;
}
.uptn2 {
    color: #0000ff;
}

/*.dpn2 { visibility:hidden !important;} */
.dpn2 {position:absolute; display:none; width:0; height:0; overflow:hidden; font:0; !important;
	   padding:0px 0px 0px 0px; margin:0;} 
	   
/* 조직도 */
.uhpkor1100203_02 { position:relative; width: 760px; height: 655px; padding:0; margin:0; }
.uhpkor1100203_02 * { list-style:none; line-height: 1.25; padding:0; margin:0; background: transparent; text-align:left; }
.uhpkor1100203_02 .box01 { position:absolute; left: 180px; top: 0; width: 400px; height: 164px; background: url(/image/kor/11/p1100203_02_box01bg.gif) no-repeat; }
.uhpkor1100203_02 .box01 .top { position:absolute; left: 19px; top: 19px; width: 368px; height: 124px; }
.uhpkor1100203_02 .box01 .top img.ptbox { display:inline; float:left; border:1px solid #e2e2e2; background: #f5f5f5; padding: 3px; margin: 0 20px 0 0; }
.uhpkor1100203_02 .box01 .top ul { display:inline; float:left; width: 240px; margin-top: 6px;}
.uhpkor1100203_02 .box01 .top ul li { display:inline; float:left; width: 232px; padding: 1px 0 1px 8px; background: url(/image/kor/11/p1100203_zklibg2.gif) no-repeat 0 5px; color:#737373; font-weight:bold; }
.uhpkor1100203_02 .box01 .top ul li span { color:#c2880e; }
.uhpkor1100203_02 .box01 .top ul li ul { display:inline; float:left; width: 232px; padding:0; margin:0; }
.uhpkor1100203_02 .box01 .top ul li ul li { display:inline; float:left; width: 222px; padding: 1px 0 1px 10px; background: url(/image/kor/11/p1100203_zklibg3.gif) no-repeat 0 7px; color:#737373; font-weight:normal; }

.uhpkor1100203_02 .box04 { position:absolute; left: 0; top: 214px; width: 270px; height: 290px; margin: 0 auto; text-align: center; background: url(/image/kor/11/p1100203_04_box02bg.gif) no-repeat; }
.uhpkor1100203_02 .box041 { position:absolute; left: 490px; top: 214px; width: 270px; height: 290px; margin: 0 auto; text-align: center; background: url(/image/kor/11/p1100203_04_box02bg.gif) no-repeat; }

.uhpkor1100203_02 img.psbox { margin-top: 15px; border:1px solid #e2e2e2; background: #f5f5f5; padding: 3px; }
/* 가로길이 232px */
.uhpkor1100203_02 ul.list2 { margin: 20px 19px 0; width: 232px; }
.uhpkor1100203_02 ul.list2 li { display:inline; float:left; width: 224px; padding: 1px 0 1px 8px; background: url(/image/kor/11/p1100203_zklibg2.gif) no-repeat 0 5px; color:#737373; font-weight:bold; }
.uhpkor1100203_02 ul.list2 li span { color:#c2880e; }
.uhpkor1100203_02 ul.list2 li ul { display:inline; float:left; width: 224px; padding:0; margin:0; }
.uhpkor1100203_02 ul.list2 li ul li { display:inline; float:left; width: 214px; padding: 1px 0 1px 10px; background: url(/image/kor/11/p1100203_zklibg3.gif) no-repeat 0 7px; color:#737373; font-weight:normal; letter-spacing: -1px; }

.uhpkor1100203_02 .zklist { position:absolute; left: 0; top: 310px; width: 250px; height: 131px; }
.uhpkor1100203_02 .zklist ul { padding:0; margin: 0; text-align: center; }
.uhpkor1100203_02 .zklist ul li { display:inline; }
.uhpkor1100203_02 .zklist ul li a { display:inline; float:left; margin: 0 8px 0 0; }

/* 조직도 상세보기 세부조직도 위치 */
.zkw02 { position:absolute; left: 101px; top: 0; }

/* 조직도 상세보기 배경이미지 */
.zkbg04 { background: url(/image/kor/11/p1100203_04_bg.gif) no-repeat; }


/* 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; }