@charset "utf-8";
/* Default CSS ==================
= Developer Name: 문영신
= Create Date: 2010.01.29
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.01.29.문영신. 최초작성
============================= */
/* 공통CSS수정 */
body { background-image: url(/image/cm/bg01.gif); }
#container {  }
#head { background-image: url(/image/cm/bg01_head.gif); }

#body_head #location { position: absolute; right: 0; top: -11px; min-width: 1em; color: #666; font-size: .92em; line-height: 1.22; letter-spacing: -1px; text-align: right; white-space: nowrap; }

#topmenu ul { left: 25px; }
#topmenu { position: absolute; left:0; top: 63px; width: 950px; height: 80px; }
#topmenu ul li a { display: inline; float: left; padding: 0; }
#topmenu ul ul#top2m01 { width: 910px; padding-left: 65px; }
#topmenu ul ul#top2m02 { width: 800px; padding-left: 120px; }
#topmenu ul ul#top2m03 { width: 700px; padding-left: 190px; }
#topmenu ul ul#top2m04 { width: 800px; padding-left: 290px; }
#topmenu ul ul#top2m05 { width: 900px; padding-left: 190px; }
#topmenu ul ul#top2m06 { width: 900px; padding-left: 280px; }
#topmenu ul ul#top2m07 { width: 500px; padding-left: 570px; }
#topmenu ul ul#top2m08 { width: 800px; padding-left: 570px; }
#topmenu ul ul#top2m09 { width: 540px; padding-left: 705px; }
#topmenu ul ul#top2m10 { width: 110px; padding-left: 790px; }
#topmenu ul ul#top2m11 { width: 110px; padding-left: 830px; }
#side h2 { background-image: url(/image/cm/side1bg01.gif); }
h1 { padding: 0 0 0 20px !important; background: url(/image/cm/h1bg01.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 ========== */

ul.banner { list-style: none; width: 100%; margin: 0; padding: 0; overflow: hidden; }
ul.banner li { display: inline; float: left; margin: 0 10px 5px 0; }

.pop_etf { position:relative; width: 542px; height: 342px; padding:0; margin:0 auto; text-align:center; background: url(/image/etf/pop_bg.jpg) no-repeat; }
.pop_etf * { list-style:none; padding:0; margin:0; background: transparent; line-height: 1.25; text-align: left; }
.pop_etf h2 { position:absolute; left: 30px; top: 21px; }
.pop_etf dl { position:absolute; left: 230px; top: 113px; width: 248px; }
.pop_etf dl dt { display:inline; float:left; width: 85px; padding:4px 0 3px 10px; margin:0; background: url(/image/etf/pop_libg.gif) no-repeat 0 9px; }
.pop_etf dl dd { display:inline; float:left; width: 130px; padding:2px 0 1px 10px; margin:1px 0 3px; border:1px solid #e5e4e0; background:#fff; }
.pop_etf .bottom  { position:absolute; left: 45px; top: 265px; }

/* tab03(텍스트형 탭메뉴) */
.tab03{list-style:none;overflow:hidden;height:32px;padding:3px 0 0 5px; margin:0 0 10px 0; font-size:.92em !important; background:url(/image/krx_etf/m02/tab03_bg.gif) repeat-x}
.tab03 li{float:left;position:relative;z-index:10;padding:7px 5px 5px 0px;margin-left:7px;color:#fff;font-weight:bold;letter-spacing:-1; background:url(/image/krx_etf/m02/tab03_li_bar.gif) no-repeat 100% 6px}
.tab03 li a:link,.tab02 li a:visited {display:block;color:#fff;text-decoration:none}
.tab03 li.on{z-index:20;padding:0 0 0 0; margin-left:-1px; background:url(/image/krx_etf/m02/tab03_btn_left.gif) no-repeat 0 0}
.tab03 li.on strong{display:block;padding:7px 5px 9px 4px;background:url(/image/krx_etf/m02/tab03_btn_right.gif) no-repeat 100% 0}
.tab03 li.on strong a:link,.tab02 li.on strong a:visited{color:#333;text-decoration:none}

/* 하단부분 */
#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; }