@charset "utf-8";
/* Default CSS ==================
= Developer Name: 문영신
= Create Date: 2010.01.05
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.01.19.문영신. 공통CSS수정
============================= */
/* 공통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 25px; }
#topmenu ul ul#top2m01 { width: 910px; padding-left: 40px; }
#topmenu ul ul#top2m02 { width: 750px; padding-left: 200px; }
#topmenu ul ul#top2m03 { width: 650px; padding-left: 300px; }
#topmenu ul ul#top2m04 { width: 380px; padding-left: 560px; }
#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; }

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

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

.u02001cb01 { width: 720px; margin: 0 auto; padding: 30px 0 30px 20px; overflow: hidden; }
.u02001cb01 .cb { display: inline; float: left; width: 340px; margin: 0 20px 20px 0; }

.u05002m { width: 750px; height: 110px; padding: 19px 0 0 10px; background: url(/image/ipc/u05002mbg.gif) no-repeat; }
.u05002m * { list-style: none; margin: 0; padding: 0; vertical-align: top; }
.u05002m ul { width: 100%; overflow: hidden; }
.u05002m ul li { display: inline; float: left; margin: 0 4px 4px 0; }

/* 실명인증확인 */
.realname2 { position: relative; margin: 0 auto; width: 660px; height: 251px; }
.realname2 * { list-style: none; margin: 0; padding: 0; background: transparent; }
.realname2 h2 { position: absolute; left: 33px; top: 55px; }
.realname2 h3 { position: absolute; left: 40px; top: 111px; }
.realname2 h4 { position: absolute; left: 345px; top: 109px; }
.realname2 .t1 { position: absolute; left: 33px; top: 85px; }
.realname2 label { display: inline; float: left; width: 60px; padding: 2px 0 2px 9px; background: url(/image/cm/pop/bu01.gif) no-repeat 0 50%; color: #777; font-weight: bold; font-size: .92em; }
.realname2 input.text { width: 184px; padding: 2px; border-color: #E5E4E0; font-size: .92em; }
.realname2 .item1 { position: absolute; left: 150px; top: 157px; }
.realname2 .item2 { position: absolute; left: 150px; top: 177px; }
.realname2 .item3 { position: absolute; left: 150px; top: 167px; }
.realname2 .item4 { position: absolute; left: 150px; top: 177px; }
.realname2 .item1 input.text { width: 168px; }
.realname2 .item2 input.text { width: 78px; }
.realname2 .item3 input.text { width: 162px; }
.realname2 .item4 input.text { width: 168px; }
.realname2 .item3 label { width: 27px; }
.realname2 .d { margin: 0 3px;color: #DEDDD8; }
.realname2 input.i1 { position: absolute; left: 410px; top: 158px; }
.realname2 input.i2 { position: absolute; left: 550px; top: 158px; }

#subindex { position:relative; width:749px; height:357px; margin-bottom:40px; background:url(/image/krx_ipc/m04/m0401/subindex_bg.gif) no-repeat }
#subindex ul { position:absolute; top:15px; left:20px; margin:0; padding:0; list-style:none }
#subindex ul li { float:left; margin:0; padding:4px }

.ipctab1 { background:url(/image/krx_ipc/m04/m0402/4_02_btn_bg1.gif) no-repeat; width:754px; height:56px}
.ipctab1 ul { list-style:none; margin-left:124px; padding:0 }
.ipctab1 ul li {float:left}
.ipctab2 { background:url(/image/krx_ipc/m04/m0402/4_02_btn_bg2.gif) no-repeat; width:754px; height:56px}
.ipctab2 ul { list-style:none; margin-left:124px; padding:0 }
.ipctab2 ul li {float:left}
.ipctab3 { background:url(/image/krx_ipc/m04/m0402/4_02_btn_bg3.gif) no-repeat; width:754px; height:56px}
.ipctab3 ul { list-style:none; margin-left:124px; padding:0 }
.ipctab3 ul li {float:left}

.pbox { border:#e5e5e5 1px solid; padding:10px 20px; margin:0 0 15px 0 }
.pbox h3 { font-weight:bold}


.faq2 { margin: 20px 0; padding: 3px 0 0 0; background: url(/image/cm/faq1bg.gif) no-repeat; }
.faq2 dl { margin: 0; padding: 0 0 3px 0; background: url(/image/cm/faq1bg.gif) no-repeat 0 100%; }
.faq2 dl dt { margin: 0; border-top: 1px solid #ccc; background: #fff; }
.faq2 dl dt h3,
.faq2 dl dt a { display: block; margin: 0; padding: 7px 13px 6px 43px; color: #666; }
.faq2 dl dt a:hover,
.faq2 dl dt a:focus { font-weight: bold; letter-spacing: -1px; text-decoration: none !important; }
.faq2 dl dt.on { background: url(/image/cm/faq1bg.gif) no-repeat 0 -3px; font-weight: bold; letter-spacing: -1px; }
.faq2 dl dt.on h3 { font-weight: bold; }
.faq2 dl dd { display: none; margin: 0; padding: 7px 13px 7px 43px;background: #EDF9FB ; }
.faq2 dl dd * { margin-top: 0; }
.faq2 dl dd ul { margin-bottom: 1em; }
.faq2 dl dd.on { display: block; }
.faq2 ul.faq { list-style: none; margin: 0; padding: 0 0 3px 0; background: url(/image/cm/faq1bg.gif) no-repeat 0 100%; }
.faq2 ul.faq li { margin: 0; padding: 0; border-top: 1px solid #ccc; background: #fff; }
.faq2 ul.faq li a { display: block; padding: 7px 13px 6px 43px; background: url(/image/cm/faq1q.gif) no-repeat 6px 7px; color: #666; }
* html .faq2 ul li a { height: 15px; }
.faq2 ul.faq li a:hover,
.faq2 ul.faq li a:focus { font-weight: bold; letter-spacing: -1px; text-decoration: none !important; }
.faq2 ul.faq li:hover,
.faq2 ul.faq li:focus { background: url(/image/cm/faq1bg.gif) no-repeat 0 -3px; font-weight: bold; letter-spacing: -1px; }
.faq2 table.t3 tbody th { background: #fff; }