@charset "utf-8";
/* Default CSS ==================
= Developer Name: 방문준
= Create Date: 2010.03.23
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.03.23.방문준. 공통CSS수정
============================= */

/* Tag ========== */
* { font-style: normal; font-family: Tahoma,Dotum,Gulim,sans-serif; }

/* 공통CSS수정 */
body { background-image: url(/image/cm/bg01.gif); }

input { ime-mode:inactive; }

#container {  }
#head {  }
#body_content { min-height: 450px; }
* html #body_content { height: 450px; }
#topmenu ul { left: 0; }
#topmenu ul li a { display: inline; float: left; padding: 0; }
#topmenu ul li ul { left: -5px; 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: 930px; padding-left: 20px; }
#topmenu ul ul#top2m2 { width: 900px; padding-left: 50px; }
#topmenu ul ul#top2m3 { width: 850px; padding-left: 100px; }
#topmenu ul ul#top2m4 { width: 780px; padding-left: 230px; }
#topmenu ul ul#top2m5 { width: 950px; padding-left: 280px; }
#topmenu ul ul#top2m6 { width: 930px; padding-left: 20px; }
#topmenu ul ul#top2m7 { width: 500px; padding-left: 450px; }
#topmenu ul ul#top2m8 { width: 750px; padding-left: 200px; }
#topmenu ul ul#top2m9 { width: 450px; padding-left: 500px; }
#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/side1bg01.gif); }

#logo img { margin: 0 15px 0 0; vertical-align: bottom; }
#globalmenu ul li.m3.eng { margin: 0; background: transparent; }

#body_head { background: url(/image/cm/bg01_body_head.gif) repeat-x; }
#body_head #body_title { height: 40px; padding: 10px 0 0 0; background: url(/image/cm/bg01_body_head.gif) repeat-x }
#body_head #body_title img { margin: 0 2px 0 0; }

#body_head #location { position: absolute; right: 0; top: -3px; white-space: normal; }

#esearch { z-index: 10; position: absolute; left: 744px; top: 25px; width: 226px; height: 24px; border: 0; background: url(/image/cm/search_bg_en.gif) no-repeat; }
#esearch legend { display: none; }
#esearch label { position: absolute; left: 8px; top: 5px; color: #666; font-size: .92em; }
#esearch input.text { position: absolute; left: 55px; top: 5px; width: 120px; height: 15px; border: 0; }
#esearch input.image { position: absolute; right: 0; top: 0; }

/* 하단부분 */
#foot { z-index: 30; clear: both; position: relative; width: auto; min-width: 950px; height: 150px; margin: 0 30px 0 20px; background: url(/image/eng/cm/bg_foot.gif) repeat-x 50% 0; }
#authorinfo address.copyright { position: absolute; left: 17px; top: 23px; width: 700px; height: 14px; background: url(/image/cm/foot_copyright.gif) no-repeat; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }

em { color: #BF8610; }

/* 컨텐츠 */
h2.en { padding: 0 0 0 20px; background: url(/image/eng/cm/h2bg.gif) no-repeat 1px 1px; }
<<<<<<< .mine
table.tf3 { margin: 6px 0; border-collapse: collapse; border-top: 2px solid #9AD3DD; border-bottom: 1px solid #ccc; border-right: 1px hidden #fff; background: #fff; }
* html table.tf3 { border-right: 1px solid #fff; }
*:first-child+html table.t3 { border-right: 1px solid #fff; }
table.tf3 tr { text-align: left; }
table.tf3 th,
table.tf3 td { border: 1px solid #ccc; border-width: 1px 1px 0 0; padding: 1px 5px 1px; font-size: .90em; }
table.tf3 th { background: #EBF6F8; color: #0390AA; font-weight: normal; text-align: left; font-size: .90em; }
table.tf3 thead th,
table.tf3 tfoot th { font-weight: bold; font-size: .90em; text-align: center; vertical-align: middle; }
table.tf3 tr.t1 th,
table.tf3 tr.t1 td { border-width: 0 1px 0 0; padding: 1px 5px 1px; font-size: .90em; }
table.tf3 tr.t2 th,
table.tf3 tr.t2 td { border-width: 0 1px 0 0; padding: 1px 5px 2px; }
table.tf3 .tdtac td { text-align: center; }
table.tf3 .tdtar td { text-align: right; }
table.tf3 table.t3_1 { border-collapse: collapse; border: 0px; }
table.tf3 table.t3_1 td { border: 0px; }
table.tf3 table.t3_1 th { border: 0px; background: #f5f5f5;}
.penbox1 { width: 45%; margin: 0; padding: 0; float: left; overflow: hidden; }
.penbox2 { width: 10%; margin: 0; padding: 50px 0; float: left; overflow: hidden; text-align: center; }

table.t3 td.bzero { border: 0px solid #ccc; border-width: 0px 1px 0 0; padding: 6px 14px 6px; }
.pobg { position: relative; margin: 0 auto; padding: 0; width: 190px; }




=======

/* body_content */

/* IPO세부절차 */
.ipo_step {  }
.ipo_step table#step { width: 715px; margin: 0 auto 22px; }
.ipo_step table#step td { text-align: center; }
.ipo_step h2,
.ipo_step .contentmenu1 { display: none; }
.ipo_step #step1 { display: block; }
.ipo_step iframe { width: 100%; margin: 15px 0; /* overflow-x: hidden; overflow-y: auto; */ }
body.ipo_step_cont { background: #fff; }
body.ipo_step_cont h1 { display: none; }
body.ipo_step_cont dl { width: 100%; margin: 0; padding: 0; overflow: hidden; }
body.ipo_step_cont dt { display: inline; float: left; width: 72px; margin: 0 0 15px 0; }
body.ipo_step_cont dt strong { display: block; width: 70px; border: 1px solid #9AD3DD; padding: 4px 0 3px; background: #fff; color: #0390AA; font-size: .92em; line-height: 1.28; text-align: center; }
body.ipo_step_cont dd { display: inline; float: left; width: 157px; margin: 0 0 15px 0; padding: 4px 0 4px 10px; }
body.ipo_step_cont dt.w { width: 100%; }
body.ipo_step_cont dt.w strong { z-index: 10; display: inline; float: left; position: relative; width: auto; min-width: 48px; border-width: 1px 1px 0 1px; padding: 4px 11px; white-space: nowrap; }
* html body.ipo_step_cont dt.w strong { width: 48px; }
body.ipo_step_cont dt.w .line { display: block; clear: both; position: relative; left: 0; top: -1px; border-top: 1px solid #9AD3DD; color: #fff; }
body.ipo_step_cont dd.w { width: 97.2%; padding: 4px 1.4%; }

/* 관련Site */
.linksite .box1 .x .x .x  { width: 100%; overflow: hidden; }
.linksite dl { display: inline; float: left; width: 50%; margin: 0; padding: 0; overflow: hidden; }
.linksite dl * { margin: 0; padding: 0; white-space: nowrap; }
.linksite dl dt { display: inline; float: left; width: 40%; padding: 0 0 0 10%; }
.linksite dl dd { display: inline; float: left; width: 49.9%; }
.linksite dl dd a { color: #B57E0B; }
.linksite dl.bdr { width: 49.86%; border-right: 1px solid #ddd; }
.linksite dl.w100 { width: 100%; }
.linksite dl.w100 dt { width: 20%; padding: 0 0 0 5%; }
.linksite dl.w100 dd { width: 74.9%; }
.linksite dl.e { width: 100%; }
.linksite dl.e dt { width: 50%; padding: 0; }
.linksite dl.e dd { width: 49.9%; }

/* 파생상품시장 다지기 */
.emath { font: italic normal 1.17em Tahoma; }
.emath sub,
.emath sup { font: normal normal .79em Tahoma; }

/* play &amp; study */
.ebook_list .box3 .x .x .x { padding-top: 0 !important; padding-bottom: 0 !important; }
.ebook_list dl { width: 100%; margin: 0; padding: 5px 0;  }
.ebook_list dl dt { display: block; margin: 0; padding: 26px 122px 3px 128px !important; }
.ebook_list dl dd { display: block; position: relative; min-height: 31px; margin: 0; padding: 0 122px 29px 128px; border-bottom: 1px solid #e0e0e0; }
* html .ebook_list dl dd { height: 34px; }
.ebook_list dl dd .pic { display: block; position: absolute; left: 0; top: -31px; }
.ebook_list dl dd p { margin: 0; padding: 0; }
.ebook_list dl dd .btns { position: absolute; right: 0; top: -23px; }
.ebook_list dl dd .btns img { margin: 0 0 2px 0; }

.flash_list .box3 .x .x .x { padding-top: 0 !important; padding-bottom: 0 !important; }
.flash_list h2 { margin: 35px 0 0 42px; }
.flash_list ul { width: 100%; margin: 0; padding: 30px 0; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.flash_list ul li { display: inline; float: left; width: 238px; text-align: center; }
.flash_list ul li .pic { display: inline; }
.flash_list ul li .subject { display: block; padding: 6px 0 5px; }

.ebook_list2 .box3 .x .x .x { padding-top: 0 !important; padding-bottom: 0 !important; }
.ebook_list2 ul { width: 100%; margin: 0; overflow: hidden; padding: 0; }
.ebook_list2 ul li { display: inline; float: left; width: 100%; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.ebook_list2 ul li .pic { display: inline; float: left; padding: 20px 0; }
.ebook_list2 ul li .subject { display: inline; float: left; padding: 47px 15px; }
.ebook_list2 ul li .btn { display: inline; float: right; padding: 42px 0 41px; }

/* KRX 아트홀 */
.photogallery { display: inline; float: left; position: relative; width: 381px; height: 363px; margin: 6px 20px 6px 0; overflow: hidden; }
.photogallery * { list-style: none; margin: 0; padding: 0; line-height: 1.25; }
.photogallery ul { position: absolute; left: 21px; top: 270px; margin: 0 !important; padding: 0 !important; }
.photogallery ul li { display: inline; float: left; margin: 0 2px 0 0 !important; padding: 0 !important; background: transparent !important; }
.photogallery .picbig { display: none; position: absolute; left: 0; top: -225px; }
.photogallery #pb1 { display: block; }
.photogallery p { position: absolute; left: 21px; top: 340px; font-size: .92em; letter-spacing: -1px; }

/* 개인정보 취급방침 */
.privacy .list { position: relative; width: 760px; height: 220px; margin: 20px 0; overflow: hidden; }
.privacy .list * { list-style: none; margin: 0; padding: 0; background: transparent; line-height: 1.25; }
.privacy .list .bg { z-index: -1; position: absolute; left: 0; top: 0; }
.privacy .list ul { display: inline; float: left; width: 324px; margin: 25px 0 0 51px; padding: 0; overflow: hidden; }
.privacy .list ul li { padding: 1px 0; }
.privacy h2 { padding: 0; background: transparent; color: #D69611; font-size: 1.17em; }
.privacy h3 { padding: 0; background: transparent; color: #666; font-weight: bold; }
.privacy .indent2 { padding: 0 0 2em 32px; border-bottom: 1px dashed #ccc; }
.privacy .indent2 ol { margin: 0; padding: 0 0 0 20px; }
.privacy .indent2 ol li { padding: .5em 0; }
.privacy .box1 { margin: 0.5em 0; }
.privacy .box1 h3 { margin: 0 0 0.5em; }
.privacy .box1 ul { margin: 0; }
.privacy .box1.fl { width: 44%; margin-right: -1px; }



/* KRX소개 */
img.krx_img01 { margin-top: 75px; padding: 0; }
.tab_m { margin-top: 28px !important; }
.krx_gallery { margin: 0; padding: 34px 0 0 0; clear: both; width: 760px; }
.krx_gallery .photo { position: relative; background: url(/image/kor/11/p0050202b001.gif) no-repeat 0 0; margin: 0; padding: 0; width: 381px; height: 307px; float: left; }
.krx_gallery .photo h2 { background: transparent; margin: 0; padding: 20px 0 0 20px; }
.krx_gallery .photo .photo1scroll { position: absolute; left: 20px; top: 45px; width: 341px; height: 223px; overflow: hidden; }
.krx_gallery .photo ul.photo1content { position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%; overflow: hidden; }
.krx_gallery .photo ul.photo1content li { display: inline; float: left; padding: 0; margin: 0; }
.krx_gallery .photo ul.photo1content li img { vertical-align:top; }
.krx_gallery .photo .control { position: absolute; left: 20px; top: 277px; width: 340px; height: 14px; }
.krx_gallery .photo .control a { display: inline; float: left; margin: 0 0 0 2px; }
.krx_gallery .photo_text { position: relative; margin: 0; padding: 15px 0 0 0; float: left; width: 379px; }
.krx_gallery .photo_text h2 { background: url(/image/kor/11/p0050202b001_h2.gif) no-repeat 0 0; margin: 0; padding: 11px 0 19px 21px; width: 358px; line-height: 1.25; color: #000000; }
.krx_gallery .photo_text .p_text { width: 353px; margin: 0; padding: 15px 0 0 21px; }
.g1_btn01 { display: block; float: right; margin: 0; padding: 11px 0 0 0; }

/* 임원소개 */
.krx_executive { position: relative; width: 100%; min-height: 166px; padding: 0 0 15px 0; background: url(/image/kor/11/executive_boxbg.gif) no-repeat 0 100%; }
.krx_executive .x { padding: 15px 0 0; background: url(/image/kor/11/executive_boxbg.gif) no-repeat; }
.krx_executive .limg { position:absolute; left: 20px; top: 20px; }
.krx_executive .rbox { position:relative; width: 590px; padding:0; margin:0 0 0 150px; overflow:hidden; }
.krx_executive .rbox * { list-style:none; padding:0; margin:0; line-height: 1.25; }
.krx_executive .rbox ul { width: 590px; padding:0; margin:0; }
.krx_executive .rbox ul li { display:inline; float:left; width:590px; border-bottom:1px solid #e2e2e2; }
.krx_executive .rbox ul li .title { display:inline; float:left; width: 90px; color:#666; font-weight:bold; padding:4px 0 3px 13px; margin:0; background: url(/image/kor/11/executive_libg.gif) no-repeat 0 6px; }
.krx_executive .rbox ul li .cont { display:inline; float:left; width: 487px; color:#6f6f6f; padding:4px 0 3px 0; margin:0; }
.krx_executive .rbox ul li ul { display:inline; float:left; width: 487px; padding:0; margin:0; }
.krx_executive .rbox ul li ul li { display:inline; float:left; width: 477px; color:#6f6f6f; padding:0 0 0 10px; margin:0; border:0; background: url(/image/kor/11/executive_li2bg.gif) no-repeat 3px 5px; }

/* 연혁 */
.tab21 { height: 22px; padding: 3px 3px 0 3px; margin: 0 0 35px; background: url(/image/cm/tab2bg.gif) repeat-x; overflow: hidden; }
.tab21 * { list-style: none; margin: 0; padding: 0; vertical-align: top; }
.tab21 li { display: inline; float: left; padding: 0; }

.historybox { width:760px; padding:0; margin:0; }
.historybox .hyy { display:inline; float:left; width:174px; padding:0 0 0 42px; margin:0 0 25px; }
.historybox .byy { display:inline; float:left; width:544px; padding:0; margin:15px 0 25px; border-bottom:1px solid #e2e2e2; }
.historybox .byy dl { width:544px; padding:0; margin:0; } 
.historybox .byy dl dt,
.historybox .byy dl dd { display:inline; float:left; padding:0; margin:0; line-height: 1.25; }
.historybox .byy dl dt { width:60px; height:17px; padding: 3px 0 25px; }
.historybox .byy dl dt img { vertical-align:top; }
.historybox .byy dl dd { width:484px; color:#666; padding:5px 0 25px 0; }

/* 사업본부소개 */
.uhpkor1100105 { width: 760px; min-height: 500px; overflow:hidden; padding:0; margin:0; background: url(/image/kor/11/uhpkor1100105_imgbg.gif) no-repeat 186px 54px; }
.uhpkor1100105 .limg { display:inline; float:left; position:relative; width: 187px; padding:0; margin:0; text-align: right; }
.uhpkor1100105 .rbox { display:inline; float:left; position:relative; width: 552px; padding:0; margin:5px 0 0 21px; }
.uhpkor1100105 .rbox h3 { margin:20px 0 0; font-weight:bold; }
.uhpkor1100105 .rbox p { padding: 8px 0 9px 0; margin:0; background: transparent; line-height: 1.35; color:#666; }
.uhpkor1100105 .rbox p.top { margin-top:20px; }

/* 경영공시 */
.uhpkor1100201 { width: 597px; padding:0; margin:0 auto; text-align:center; }
.uhpkor1100202 { width: 720px; padding:0; margin:0 20px;  }

.indent7 { padding: 0 0 0 50px; }

.uhpkor11002040201 { position:relative; width: 100%; height: 150px; padding:0; margin:0; }
.uhpkor11002040201 .tbdp { position:absolute; left:0; top:0; overflow:hidden; width:100%; height: 150px; padding:0; margin:0; }
.uhpkor11002040202 { position:relative; width: 100%; height: 120px; padding:0; margin:0; }
.uhpkor11002040202 .jikdp { position:absolute; left:0; top:0; overflow:hidden; width:100%; height: 120px; padding:0; margin:0; }
.uhpkor11002040203 { position:relative; width: 100%; height: 120px; padding:0; margin:0; }
.uhpkor11002040203 .sindp { position:absolute; left:0; top:0; overflow:hidden; width:100%; height: 120px; padding:0; margin:0; }
.uhpkor11002040204 { position:relative; width: 100%; height: 100px; padding:0; margin:0; }
.uhpkor11002040204 .vokdp { position:absolute; left:0; top:0; overflow:hidden; width:100%; height: 100px; padding:0; margin:0; }

/* 조직구성 */
.uhpkor1100203 { position:relative; width: 706px; height: 1130px; padding:0; margin:0 auto; background: url(/image/kor/11/p1100203_zkbg.gif) no-repeat; text-align:center; }
.uhpkor1100203 * { list-style:none; line-height: 1.25; padding:0; margin:0; background: transparent; text-align:left; }
.uhpkor1100203 h2,
.uhpkor1100203 h3,
.uhpkor1100203 h4,
.uhpkor1100203 h5,
.uhpkor1100203 h6 { padding:0; margin:0; background: transparent; }
.uhpkor1100203 .zk1000 { position:absolute; left: 354px; top: 0; } /* 주주총회 */
.uhpkor1100203 .zk2000 { position:absolute; left: 354px; top: 46px; } /* 이사회 */
.uhpkor1100203 .zk3000 { position:absolute; left: 354px; top: 92px; } /* 이사장 */

/* 조직구성 이사회 구성 */
.uhpkor1100203 .zk2100 { position:absolute; left: 192px; top: 68px; }
.uhpkor1100203 .zk2110 { position:absolute; left: 151px; top: 112px; }

.uhpkor1100203 .zk2111 { position:absolute; left: 0; top: 213px; } /* 상임감사위원 */
.uhpkor1100203 .zk2111 h5 { padding:0; margin:0; background: transparent; }
.uhpkor1100203 .zk2111 h6 { padding:0; margin:92px 0 0; background: transparent; }
.uhpkor1100203 .zk2112 { position:absolute; left: 151px; top: 262px; } /* 경영지원본부장 */
.uhpkor1100203 .zk2112 h5 { padding:0; margin:0 0 7px 0; background: transparent; }
.uhpkor1100203 .zk2112 h6 { padding:0; margin:0; background: transparent; }
.uhpkor1100203 .zk2113 { position:absolute; left: 264px; top: 262px; } /* 유가증권시장본부장 */
.uhpkor1100203 .zk2113 h5 { padding:0; margin:0 0 7px 0; background: transparent; }
.uhpkor1100203 .zk2113 h6 { padding:0; margin:0; background: transparent; }
.uhpkor1100203 .zk2114 { position:absolute; left: 379px; top: 262px; } /* 코스닥시장본부장 */
.uhpkor1100203 .zk2114 h5 { padding:0; margin:0 0 7px 0; background: transparent; }
.uhpkor1100203 .zk2114 h6 { padding:0; margin:0; background: transparent; }
.uhpkor1100203 .zk2115 { position:absolute; left: 493px; top: 262px; } /* 파생상품시장본부장 */
.uhpkor1100203 .zk2115 h5 { padding:0; margin:0 0 7px 0; background: transparent; }
.uhpkor1100203 .zk2115 h6 { padding:0; margin:0; background: transparent; }

.uhpkor1100203 .zk2120 { position:absolute; left: 182px; top: 112px; }
.uhpkor1100203 .zk2130 { position:absolute; left: 213px; top: 112px; }
.uhpkor1100203 .zk2140 { position:absolute; left: 244px; top: 112px; }
.uhpkor1100203 .zk2150 { position:absolute; left: 275px; top: 112px; }
.uhpkor1100203 .zk2160 { position:absolute; left: 306px; top: 112px; }

.uhpkor1100203 .zk2200 { position:absolute; left: 605px; top: 92px; }
.uhpkor1100203 .zk2201 { position:absolute; left: 605px; top: 262px; }

/* 조직구성 이사장 구성 */
.uhpkor1100203 .zk3001 { position:absolute; left: 463px; top: 143px; }

.uhpkor1100203 .zkbox { position:relative; width: 99px; }
.uhpkor1100203 .zkdp { display:none;  }
.uhpkor1100203 .zkdp ul { margin: 5px 0 0; width: 99px; }
.uhpkor1100203 .zkdp ul li { display:inline; }
.uhpkor1100203 .zkdp ul li a { display:inline; float:left; width: 87px; padding: 0 0 0 12px; background: url(/image/kor/11/p1100203_zklibg.gif) no-repeat 5px 5px; color:#666; letter-spacing: -1px; font-size: .92em; }

/* 조직도 상세보기 */
.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 .box02 { position:absolute; left: 0; top: 214px; width: 250px; height: 270px; margin: 0 auto; text-align: center; background: url(/image/kor/11/p1100203_02_box02bg.gif) no-repeat; }
.uhpkor1100203_02 .box021 { position:absolute; left: 255px; top: 214px; width: 250px; height: 270px; margin: 0 auto; text-align: center; background: url(/image/kor/11/p1100203_02_box02bg.gif) no-repeat; }
.uhpkor1100203_02 .box022 { position:absolute; left: 510px; top: 214px; width: 250px; height: 270px; margin: 0 auto; text-align: center; background: url(/image/kor/11/p1100203_02_box02bg.gif) no-repeat; }
.uhpkor1100203_02 .box03 { position:absolute; left: 0; top: 214px; width: 270px; height: 270px; margin: 0 auto; text-align: center; background: url(/image/kor/11/p1100203_03_box02bg.gif) no-repeat; }
.uhpkor1100203_02 .box031 { position:absolute; left: 490px; top: 214px; width: 270px; min-height: 270px; margin: 0 auto; text-align: center; background: url(/image/kor/11/p1100203_03_box02bg.gif) no-repeat; }
.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; }
/* 가로길이 212px */
.uhpkor1100203_02 ul.list { margin: 20px 19px 0; width: 212px; }
.uhpkor1100203_02 ul.list li { display:inline; float:left; width: 204px; 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.list li span { color:#c2880e; }
.uhpkor1100203_02 ul.list li ul { display:inline; float:left; width: 204px; padding:0; margin:0; }
.uhpkor1100203_02 ul.list li ul li { display:inline; float:left; width: 194px; 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; }

/* 가로길이 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; }
.zkw03 { position:absolute; left: 80px; top: 0; }
.zkw05 { position:absolute; left: 33px; top: 0; }
.zkw06 { position:absolute; left: 13px; top: 0; }

.uhpkor1100203_02 .box04 .zkw02 { position:absolute; left: 101px; top: 20px; }
.uhpkor1100203_02 .box041 .zkw02 { position:absolute; left: 101px; top: 20px; }

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

/* 주요활동소개 어린이 */
.p0050202t03_back { position: relative; margin: 0; padding: 20px 0 0 0; width: 760px; clear: both; }   
.p0050202t03_back img.imgbx { border: 1px solid #e2e2e2; margin: 0; padding: 3px; float: left; }
.p0050202t03_back .text { margin: 0; padding: 11px 0 0 0; width: 600px; float: left; color: #666666; line-height: 1.25; }
.p0050202t03_back .text h2 { background: #d3d7de; width: 585px; margin: 0; padding: 7px 0 5px 15px; }
.p0050202t03_back .text p { margin: 0; padding: 15px 0 0 15px; }

/* 이미지 정렬을 위해 사용한 마진값들  */
.mt50 { margin-top: 50px; padding: 0; }
.p11006_03_img01 { margin: 0; padding: 54px 0 49px 19px; }
.p11006_04_img01 { margin: 0; padding: 40px 0 0 0; }


/* 감사위원회 */
.box_03 { width: 741px; border: 1px solid #e2e2e2; margin: 0; padding: 0 0 0 19px; }
.box_03 .box_03sb { position: relative; width: 720px; overflow: hidden; margin: 0; padding: 21px 0; }
.box_03 .box_03sb img { display:inline; float: left; width: 78px; height: 92px; border: 1px solid #e2e2e2; padding: 3px; margin: 0; }
.box_03 .box_03sb .text { float: left; width: 632px; margin: 0; padding: 10px 0 0 0; }
.box_03 .box_03sb .text h3 { background: #e9ebee; padding: 8px 15px 7px 15px; font-weight: bold; margin: 0; }
.box_03 .box_03sb .text ul { list-style: none; margin: 0; padding: 6px 0 0 0; text-align: left; }
.box_03 .box_03sb .text ul li { background: url(/image/kor/11/p11007_bu01.gif) no-repeat 15px 6px; margin: 0; padding: 0 0 0 25px; }
.box_03 .solid { margin: 0; padding: 0; clear:both; border-bottom: 1px solid #d3d7de; width: 720px; } 


/* 윤리경영 */
ol.num li .ot { font-weight: bold; color: #000; padding: 3px 0 10px 0; display: block; line-height: 1.25; margin: 0; }
ol.num li .op { padding: 0 0 20px 0; margin: 0; line-height: 1.25; display: block; }
ul.chbu { list-style: none; margin: .5em 0; padding: 0; text-align: left; }
ul.chbu li { margin: 0; padding: 0 0 26px 29px; background: url(/image/kor/11/chbu.gif) no-repeat 17px 5px; line-height: 1.25; color: }
ul.chbu li strong { color: #000; font-weight: bold; }
ul.chbu li ul { list-style: none; padding: 5px 0 0 31px; margin: 0; }
ul.chbu li ul li { padding: 2px 0; margin: 0; background: none; color: #000; line-height: 1.25; }
ol.arab { margin: .5em 0; padding: 0 0 0 35px; text-align: left; }
ol.arab li { padding: 10px 0; margin: 0; line-height: 1.25; font-weight: bold; color: #467cb9;  }
ol.arab li .arab_p { display: block; margin: 0; padding: 7px 0; line-height: 1.25; font-weight: normal; color: #000; }
ol.arab li ul { list-style: none; padding: 5px 0; margin: 0; }
ol.arab li ul li { background: url(/image/kor/11/etc_bu.gif) no-repeat 4px 8px; margin: 0; padding: 3px 0 0 13px; line-height: 1.25; font-weight: normal; color: #000; }
.content_ul { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.content_ul ol.num { padding: 10px 10px !important; margin: 0  !important; color: #000; }
.content_ul ol.num li { list-style: none; padding: 5px 0 5px 2.2em; background-repeat: no-repeat; background-position: 0 7px; }
.content_ul ol.num li .se_text { display: block; margin: 0; padding: 0; float: left; overflow: hidden; white-space: nowrap; }
.content_ul ol.num li .han_icon { display: block; width: 16px; height: 16px; margin: 0; padding: 0 0 0 8px; overflow: hidden; }


/* 높이값 */
.h320 { height: 320px !important; margin: 80px 0 0 20px; }


/* 주요활동소개_사회공헌 캘린더 */

.saclr { background: url(/image/kor/11/p11005_02_01_bg01.gif) no-repeat 0 1px; width: 760px; height: 345px; padding: 0; margin: 0; }
.saclr .t_left { width: 218px; margin: 0; padding: 0 0 0 30px; overflow: hidden; float: left; }
.saclr .t_left .mun_title { position: relative; background: url(/image/kor/11/p11005_02_01_h2bg.gif) no-repeat 0; margin: 0; padding: 0; width: 218px; height: 63px; }
.saclr .t_left .mun_title .year { position: absolute; top: 14px; left: 64px; display: block; padding: 0; margin: 0; font-weight: bold; line-height: 1.25; color: #fff; font-size: 1.19em; }
.saclr .t_left .mun_title h2 { position: absolute; top: 34px; left: 46px; background: none; padding: 0; margin: 0; }
.saclr .t_left .s_year { position: relative; clear: both; overflow: hidden; width: 218px; margin: 0; padding: 13px 0 10px 0; }
.saclr .t_left .s_year span { display: block; width: 46px; height: 17px; padding: 1px 0 0 8px; margin: 0; float: left; }
.saclr .t_left .s_year select { width: 80px; margin: 0; padding: 0; float: left; }
.saclr .t_left .clr { width: 218px; padding: 0; margin: 0; }
.saclr .t_left .clr table { clear: both; width: 100%; margin: 0; padding: 0; border-collapse: collapse;  }
.saclr .t_left .clr table thead th { height: 34px; padding: 0; background: url(/image/kor/11/p11005_02_01_clr_tbg.gif) no-repeat; }
.saclr .t_left .clr table thead th img { padding: 7px 0; vertical-align: top; }
.saclr .t_left .clr table thead th.sun { background: url(/image/kor/11/p11005_02_01_clr_tbg2.gif) no-repeat 0 0; }
.saclr .t_left .clr table thead th.sat { padding: 0 1px 0 0; background: url(/image/kor/11/p11005_02_01_clr_tbg2.gif) no-repeat 100% 0; }
.saclr .t_left .clr table thead th.sat div { width: 100%; height: 34px; background: url(/image/kor/11/p11005_02_01_clr_tbg.gif) no-repeat 0 0; }
.saclr .t_left .clr table thead th.sat div img { padding: 9px 0 0 0; vertical-align: top; }
.saclr .t_left .clr table td { width: 28px; height: 28px; padding: 1px; border: 1px solid #ccc; vertical-align: top; }
.saclr .t_left .clr table .sun,
.saclr .t_left .clr table .sun a,
.saclr .t_left .clr table .sun span { color: #E43F14 !important; }
.saclr .t_left .clr table .sat,
.saclr .t_left .clr table .sat a,
.saclr .t_left .clr table .sat span { color: #4E78AA !important; }
.saclr .t_left .clr table span { display: block; width: 18px; height: 28px; padding: 0 5px 0 5px; text-align: right; }
.saclr .t_left .clr table span.day { display: block; width: 18px; height: 28px; padding: 0 5px 0 5px; background: #b6b6b6; text-align: right; }
.saclr .t_left .clr table span.day a { color: #fff; font-weight: bold; }
.saclr .clr_ct { width: 492px; overflow: hidden; margin: 0; padding: 35px 0 0 20px; float: left; }
.saclr .clr_ct h3 { background: none; padding: 0; margin: 0; }
.saclr .clr_ct .txtbg { width: 470px; height: 265px; overflow-y:scroll; margin: 0; padding: 0; }
.saclr .clr_ct .txtbg ul { list-style: none; margin: 0; padding: 0; width: 432px; }
.saclr .clr_ct .txtbg ul li { margin: 0; padding: 0; border-bottom: 1px dashed #ccc; }
.saclr .clr_ct .txtbg ul li span.clr_year { display: block; color: #666; font-weight: bold; line-height: 1.25; padding: 13px 0 0 0; }
.saclr .clr_ct .txtbg ul li span.clr_ctxet { display: block; color: #666; line-height: 1.25; padding: 7px 0 15px 0; }


/* Cyber KRX  */
.cyber { position: relative; margin: 0 auto; padding: 0; width: 720px; }
.upmzin { margin: 0; padding: 0; height: 40px; }


/* uhpkor08008_02_01_01 */
.uhpkor08008_02_01_01 { margin: 0; padding: 30px 0 0 0; }
.uhpkor08008_02_01_01 h2 { background:url(/image/kor/08/p08008_02_01_01_h2bu.gif) no-repeat 0 22px; margin: 0; padding: 20px 0 5px 18px; line-height: 1.25; color: #333; font-weight: bold; }
.uhpkor08008_02_01_01 .textbg { background: url(/image/kor/08/p08008_02_01_01_libu.gif) no-repeat 0 0; margin: 0; padding: 0 0 20px 12px; width: 240px; height: 88px; float: left; }
.uhpkor08008_02_01_01 .textbg h3 { background: none; margin: 0; padding: 10px 0 0 10px; }
.uhpkor08008_02_01_01 .textbg ul { list-style: none; margin: 0; padding: 15px 0 0 55px; }
.uhpkor08008_02_01_01 .textbg ul li { background: url(/image/kor/08/p08008_02_01_01_ulli.gif) no-repeat 0 9px; margin: 0; padding: 2px 0 2px 7px; line-height: 1.25; width: 178px; }


/* 회원가입  */
.uhpkor1300901 { position:relative; width:760px; height: 466px; padding:0; margin:0; background: url(/image/kor/13/UHPKOR1300901_bg.gif) no-repeat; }
.uhpkor1300901 * { list-style:none; padding:0; margin:0; background: transparent; line-height: 1.25; }
.uhpkor1300901 h2 { position:absolute; left: 29px; top: 56px; }
.uhpkor1300901 .mbox { position:absolute; left: 39px; top: 192px; width: 632px; height: 232px; }
.uhpkor1300901 .mbox h3 { position:absolute; left: 0; top: 0; }
.uhpkor1300901 .mbox .title { position:absolute; left: 13px; top: 30px; }
.uhpkor1300901 .mbox .btnfaq { position:absolute; left: 408px; top: 29px; }
.uhpkor1300901 .mbox ul { position:absolute; left: 13px; top: 114px; width: 619px; height: 118px; }
.uhpkor1300901 .mbox ul li { display:inline; position:relative; padding:0; margin:0; }
.uhpkor1300901 .mbox ul li.link01 { position:absolute; left: 0; top: 0; } 
.uhpkor1300901 .mbox ul li.link02 { position:absolute; left: 236px; top: 0; } 
.uhpkor1300901 .mbox ul li.link03 { position:absolute; left: 473px; top: 0; } 

/* 증권용어사전 */
.jhpkor0900501 { position:relative; width:760px; height: 455px; padding:0; margin:0; }
.jhpkor0900501 * { list-style:none; padding:0; margin:0; background: transparent; line-height: 1.25; }
.jhpkor0900501 .lgbox { position: absolute; left: 0; top:0; width: 258px; height: 455px; }
.jhpkor0900501 .lgbox ul.tab { width:100%; padding:0; margin:0; }
.jhpkor0900501 .lgbox ul.tab li { display:inline; float:left;  }
.jhpkor0900501 .lgbox ul.tab li img { vertical-align: top; }
.jhpkor0900501 .lgbox .content { position: absolute; left: 0; top:27px; width: 256px; height: 426px; padding: 1px; background: url(/image/kor/09/lgbox_bg.gif) no-repeat; }
.jhpkor0900501 .lgbox .content ul { width: 236px; height: 406px; padding:10px; margin:0; overflow: scroll; overflow-x: hidden; }
.jhpkor0900501 .lgbox .content ul li { display:block; width:100%; padding:0; margin:0; }
.jhpkor0900501 .lgbox .content ul li a { display:block; color:#000; padding: 1px 0 1px; line-height: 1.25; }
.jhpkor0900501 .contbox { position: absolute; left: 278px; top:0; width: 482px; height: 455px; }
.jhpkor0900501 .contbox .lngb { position: absolute; left: 0; top:0; width: 482px; }
.jhpkor0900501 .contbox .lngb ul { width: 100%; padding:0; margin:0; }
.jhpkor0900501 .contbox .lngb ul li { display:inline; }
.jhpkor0900501 .contbox .lngb ul li a { display:inline; float:left; padding:0 1px 0 0; margin:0; }
.jhpkor0900501 .contbox .textbox { position: absolute; left: 0; top:37px; width: 480px; height: 416px; border:1px solid #e2e2e2; background:#f5f5f5; }
.jhpkor0900501 .contbox .textbox h3 { position: absolute; left: 9px; top:9px; color:#000; font-weight:bold; }
.jhpkor0900501 .contbox .textbox .conttext p { position: absolute; left: 4px; top:33px; width: 452px; height: 359px; padding: 10px; background:#fff; line-height: 1.5; color:#000; overflow: auto; }

/* 간행물 */
.BHPKOR08004 { position:relative; width:110px; height: 138px; padding:0; margin:0; background: url(/image/kor/08/B08004_bg.gif) no-repeat; }
.BHPKOR0800img { padding: 11px 0 0 11px;}>>>>>>> .r4510
	
/* 컨텐츠 */
h2.en { padding: 0 0 0 20px; background: url(/image/eng/cm/h2bg.gif) no-repeat 1px 1px; }
table.tf3 { margin: 6px 0; border-collapse: collapse; border-top: 2px solid #9AD3DD; border-bottom: 1px solid 
#ccc; border-right: 1px hidden #fff; background: #fff; }
* html table.tf3 { border-right: 1px solid #fff; }
*:first-child+html table.t3 { border-right: 1px solid #fff; }
table.tf3 tr { text-align: left; }
table.tf3 th,
table.tf3 td { border: 1px solid #ccc; border-width: 1px 1px 0 0; padding: 1px 5px 1px; font-size: .90em; }
table.tf3 th { background: #EBF6F8; color: #0390AA; font-weight: normal; text-align: left; font-size: .90em; }
table.tf3 thead th,
table.tf3 tfoot th { font-weight: bold; font-size: .90em; text-align: center; vertical-align: middle; }
table.tf3 tr.t1 th,
table.tf3 tr.t1 td { border-width: 0 1px 0 0; padding: 1px 5px 1px; font-size: .90em; }
table.tf3 tr.t2 th,
table.tf3 tr.t2 td { border-width: 0 1px 0 0; padding: 1px 5px 2px; }
table.tf3 .tdtac td { text-align: center; }
table.tf3 .tdtar td { text-align: right; }
table.tf3 table.t3_1 { border-collapse: collapse; border: 0px; }
table.tf3 table.t3_1 td { border: 0px; }
table.tf3 table.t3_1 th { border: 0px; background: #f5f5f5;}
.penbox1 { width: 45%; margin: 0; padding: 0; float: left; overflow: hidden; }
.penbox2 { width: 10%; margin: 0; padding: 50px 0; float: left; overflow: hidden; text-align: center; }
table.t3 td.bzero { border: 0px solid #ccc; border-width: 0px 1px 0 0; padding: 6px 14px 6px; }
.pobg { position: relative; margin: 0 auto; padding: 0; width: 190px; }
ul.ssm { list-style: none; padding: 10px 0 0 0; margin:0; overflow: hidden; }
ul.ssm li { margin: 0; padding: 2px 13px; float: left; line-height: 1.25; }


.unp09003 { position:relative; width: 651px; height: 254px; padding:0; margin:50px 0 0; background: url(/image/eng/09/p00301_bg.gif) no-repeat; }
.unp09003 * { padding:0; margin:0; background: transparent; }
.unp09003 h2 { position:absolute; left: 0px; top: 0px; }
.unp09003 h3 { position:absolute; left: 20px; top: 86px; }
.unp09003 ul { position:absolute; left: 217px; top: 149px; width: 99px; height: 87px; padding:0; margin:0; }
.unp09003 ul li { display:inline; float:left; padding:0; margin: 0 0 2px; }
.unp09003 ul li img { vertical-align: top; }
.unp09003 .ksbtn { position:absolute; left: 376px; top: 149px; }

/* 로그인 */
.login1 { position: relative; margin: 50px auto 0; width: 470px; height: 237px; background: url(/image/eng/08/login1bg.gif) no-repeat; }
.login1 * { list-style: none; margin: 0; padding: 0; background: transparent; }
.login1 h2 { position: absolute; left: 36px; top: 41px; }
.login1 .t1 { position: absolute; left: 36px; top: 71px; }
.login1 label { display: inline; float: left; width: 69px; padding: 2px 0 2px 9px; background: url(/image/eng/08/bu01.gif) no-repeat 0 50%; color: #777; font-weight: bold; font-size: .92em; }
.login1 input.text { width: 169px; padding: 2px; border-color: #E5E4E0; font-size: .92em; }
.login1 .item1 { position: absolute; left: 64px; top: 132px; }
.login1 .item2 { position: absolute; left: 64px; top: 152px; }
.login1 .d { margin: 0 3px;color: #DEDDD8; }
.login1 input.image { position: absolute; left: 323px; top: 132px; }
.login1 .btns { position: absolute; left: 0; bottom: 0; width: 470px; margin: 10px 0 0 0; text-align: center; }

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