@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#top2m1 { width: 910px; padding-left: 40px; }
#topmenu ul ul#top2m2 { width: 700px; padding-left: 220px; }
#topmenu ul ul#top2m3 { width: 530px; padding-left: 340px; }
#topmenu ul ul#top2m4 { width: 750px; padding-left: 550px; }
#topmenu ul ul#top2m5 { width: 450px; padding-left: 550px; }
#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 ========== */
.u01001cb01 .content { padding: 13px 16px; }
.u01001 img { display: block; margin: 2em auto; }
.u01002cb03 img { position: relative; left: 0; top: -10px; }
.u01003cb01 { display: block; left: 0; top: 230px; width: 800px; height: 123px; margin: 10px 0 0 0; no-repeat; overflow: hidden; }
.u01003cb01 ul { padding: 5px 0 0 0; }
.u01003cb01 li { display: inline; float: left;}
.u01004cb01 .content { padding: 13px 16px; }
.u01004cb02 img { display: block; margin: 1em 0 1em 30px;}
.u01005cb01 .content { padding: 13px 16px; }
.u01005cb02 img { display: block; margin: 1em 0 1em 30px; }
.u02001cb01 { margin: 0 0 2em 0; }
.u02001cb01 .content { padding: 13px 16px; }
.u02001cb01 .content * { margin: 0; padding: 0; }
.u02001cb01 .content .abtn { display: inline; float: right; margin: -23px 0 0 10px; }
.u02001cb02 img { display: block; margin: 2em auto; }
.u03001cb01 { margin: 0 0 2em 0; }
.u03001cb01 .content * { margin: 0; padding: 0; }
.u03001cb01 .content a { display: inline; float: right; margin: 0 0 0 10px; }
.u03001cb02 ul { width: 760px; list-style: none; padding: 0; overflow: hidden; margin: 0;}
.u03001cb02 li { display: inline; float: left; }
.u03003cb01 img { display: block; margin: 3em 0 0 0; }
.u0500402cb01 img { display: block; margin: 1em 0 1em 30px; float: left;}

/* tab(탭메뉴) */
.tab{list-style:none;overflow:hidden;height:44px;padding:0px;}
.tab ul{margin:0px; padding:0px;}
.tab li{float:left;position:relative;z-index:10;padding:0px;margin:0px;}
.tab li a:link,.tab05 li a:visited {display:block;color:#fff;text-decoration:none}
.tab li.on{z-index:20;padding:0 0 5px 0px; margin-left:-1px; background:url(/image/krx_etf/m02/tab03_btn_left.gif) no-repeat 0 0}
.tab li.on strong{display:block;padding:8px 0px 5px 0;background:url(/image/krx_etf/m02/tab03_btn_right.gif) no-repeat 100% 0}
.tab li.on strong a:link,.tab02 li.on strong a:visited{color:#333;text-decoration:none}

/* 가입약관 */
.agree { position:relative; width: 760px; height: 240px; padding:0; margin:0; border:1px solid #d4d4d4; }
.agree textarea { position:absolute; left: 0; top: 0;width: 740px; height: 220px; border:0; padding:10px; margin:0; line-height: 1.5; background: #f9f9f9; }

/* 실명인증 */
.realname1 { position: relative; margin: 0 auto; width: 470px; height: 190px; background: url(/image/cm/pop/realname1bg.gif) no-repeat; }
.realname1 * { list-style: none; margin: 0; padding: 0; background: transparent; }
.realname1 h2 { position: absolute; left: 33px; top: 34px; }
.realname1 .t1 { position: absolute; left: 33px; top: 57px; }
.realname1 label { display: inline; float: left; width: 54px; padding: 2px 0 2px 9px; background: url(/image/cm/pop/bu01.gif) no-repeat 0 50%; color: #777; font-weight: bold; font-size: .92em; }
.realname1 input.text { width: 184px; padding: 2px; border-color: #E5E4E0; font-size: .92em; }
.realname1 .item1 { position: absolute; left: 67px; top: 131px; }
.realname1 .item2 { position: absolute; left: 67px; top: 151px; }
.realname1 .item2 input.text { width: 83px; }
.realname1 .d { margin: 0 3px;color: #DEDDD8; }
.realname1 input.image { position: absolute; left: 325px; top: 131px; }

/* cartoon list */
.cartoon_list .box3 .x .x .x { padding-top: 0 !important; padding-bottom: 0 !important }
.cartoon_list dl { width: 100%; margin: 0; padding: 5px 0  }
.cartoon_list dl dt { display: block; position: relative;  margin: 0; padding: 40px 122px 13px 128px !important }
.cartoon_list dl dd { display: block; position: relative; min-height: 31px; margin: 0; padding: 0 122px 0 128px; border-bottom: 1px solid #e0e0e0 }
* html .cartoon_list dl dd { height: 34px }
.cartoon_list dl dd .pic { display: block; position: absolute; left: 0; top: -55px }
.cartoon_list dl dd p { margin: 0; padding: 0 }
.cartoon_list dl dd .btn1 { position: absolute; right: 90px; top: -35px }
.cartoon_list dl dd .btn1 img { margin: 0 0 2px 0 }
.cartoon_list dl dd .btn2 { position: absolute; right: 0; top: -35px }
.cartoon_list dl dd .btn2 img { margin: 0 0 2px 0 }

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

/* 알쏭달쏭 증권분쟁 연재 기사 모음 */
.edaily_list {
    list-style:none;
    margin:10px 50px;
    padding:0;
    border-top:#e0e0e0 solid 1px
}
.edaily_list li {
    padding:9px 0;
    border-bottom:#e0e0e0 solid 1px
}
.edaily_view {
}
.edaily_view h2 {
    padding:9px 0;
    border-top:#CCC solid 2px;
    border-bottom:#e0e0e0 solid 1px;
    background:#f7f7f7;
    text-align:center
}
.edaily_view p {
    margin:25px 20px;
    text-align:justify;
    line-height:1.8
}
.edaily_tab {
    background:url(/image/drc/m4_8/edaily_tab_bg.gif) repeat-x
}
.edaily_qna {
    margin:25px 20px 10px 20px;
    line-height:1.8
}
.edaily_qna dl {
    line-height:1.5
}
.edaily_qna dl dt {
    margin:0;
    padding: 32px 0 9px 30px;
    background: url(/image/cm/faq1q2.gif) no-repeat 0 10px;
    font-weight:bold;
    color:#018fbf
}
.edaily_qna dl dt.first {
    padding: 0 0 9px 30px;
    background: url(/image/cm/faq1q.gif) no-repeat 0 1px
}
.edaily_qna dl dd {
    margin:0;
    padding: 0 0 9px 30px;
    background: url(/image/cm/faq1a.gif) no-repeat 0 1px
}
.edaily_view .closing {
    border-top:#e0e0e0 solid 1px;
    border-bottom:#CCC solid 2px;
    font-weight:bold
}

/* 페이징 */
.pagelist {
    padding:15px 0;
    line-height:normal;
    text-align:center
}
.pagelist a, .pagelist strong {
    display:inline-block;
    position:relative;
    z-index:2;
    margin:0 -3px;
    padding:1px 8px;
    border-left:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
    background-color:#fff;
    font:bold 12px/16px Tahoma, Sans-serif;
    color:#323232;
    text-decoration:none;
    vertical-align:top
}
.pagelist a:hover, .pagelist a:active, .pagelist a:focus {
    background-color:#f8f8f8
}
.pagelist strong {
    color:#028fc1
}
.pagelist .direction {
    border:0;
    font-weight:normal;
    color:#767676;
    text-decoration:none !important;
    z-index:1
}
.pagelist .direction:hover, .pagelist .direction:active, .pagelist .direction:focus {
    color:#323232;
    background-color:#fff
}
.pagelist .prev {
    border-left:0
}
.pagelist .next {
    border-right:0
}
.pagelist .direction span {
    display:inline-block;
    position:relative;
    top:4px;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
    vertical-align:top
}
.pagelist .prev span {
*left:-4px;
    margin-right:1px;
    border:3px solid;
    border-top:solid #fff;
    border-bottom:solid #fff;
    border-left:0
}
.pagelist .next span {
    margin-left:1px;
    border:3px solid;
    border-top:solid #fff;
    border-bottom:solid #fff;
    border-right:0
}

.search_btn { position: absolute; right: 342px; top: 315px; height: 38px; }