@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); }
#topmenu { position: absolute; left:0; top: 63px; width: 950px; height: 80px; }
#topmenu ul li a { display: inline; float: left; padding: 0 4px; }
#topmenu ul ul#top2m1 { width: 910px; padding-left: 40px; }
#topmenu ul ul#top2m2 { width: 800px; padding-left: 140px; }
#topmenu ul ul#top2m3 { width: 700px; padding-left: 240px; }
#topmenu ul ul#top2m4 { width: 600px; padding-left: 310px; }
#topmenu ul ul#top2m5 { width: 420px; padding-left: 480px; }
#topmenu ul ul#top2m6 { width: 600px; padding-left: 350px; }
#topmenu ul ul#top2m7 { width: 180px; padding-left: 695px; }
#topmenu ul ul#top2m8 { width: 340px; padding-left: 690px; }
#topmenu ul ul#top2m9 { width: 340px; padding-left: 650px; }
#topmenu ul ul#top2m10 { width: 150px; padding-left: 840px; }
#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; }


/* 만족도평가 박스 수정 2012.02.02 */
.box4 .x .x .x .starbox{position:relative;padding:2px 0}
.box4 .x .x .x .starbox .star_tit{display:inline;float:left;margin:0 3px 0 0}
.box4 .x .x .x .starbox form fieldset{display:inline;margin:5px 0 0 0;vertical-align:top;width:610px}
.box4 .x .x .x .starbox form fieldset legend{display:none}
.box4 .x .x .x .starbox form fieldset ul{display:block;margin:0 0 10px 0;padding:0;width:522px}
.box4 .x .x .x .starbox form fieldset ul li{display:inline;margin:0 5px 0 0;list-style:none}
.box4 .x .x .x .starbox form fieldset ul li input{margin:-2px 2px 0 0;vertical-align:middle}
.box4 .x .x .x .starbox form fieldset ul li label{vertical-align:middle}
.box4 .x .x .x .starbox form fieldset ul li label img{margin:2px 0 0 2px;vertical-align:top}
.box4 .x .x .x .starbox form fieldset .star_txt{display:block;margin:0 0 8px 0}
.box4 .x .x .x .starbox form fieldset p button{display:inline;position:absolute;top:23px;.top:27px;right:8px;vertical-align:top;border:0;background:none;}
.box4 .x .x .x .starbox form fieldset p a{display:inline;position:absolute;top:23px;.top:27px;right:8px;vertical-align:top;border:0;background:none;}

.eftmovive{position:relative;height:347px; background:url(/image/etf/cm/bg_etfmovietit.gif) no-repeat 0 bottom}
.eftmovive .tit_eftmovive{position:absolute;top:200px;left:29px;margin:0;padding:0;}
.eftmovive .btn_captiondown{position:absolute;top:255px;left:30px;margin:0;padding:0;}
.eftmovive a{margin-left:173px}

/* I-pin 관련 */
.box02 { position:relative; width:auto; padding:20px 25px 25px; margin-bottom:30px; border:1px solid #e4e4e4; border-bottom:1px solid #cecece; background:#fbfbf8; box-shadow:#ededed 0px 2px 0px }
.box02 .box02-tit { width:auto; padding-bottom:10px; margin-bottom:15px; background:url(/image/etf/bg_line_dot.gif) repeat-x 0 bottom; color:#333; font-weight:bold; font-size:1.125em }
.box1 { width: 94%; padding: 15px 20px 15px; border: 1px solid #E8E8E8; background: #F8f8f8; }
.box1 .x { }
.box1 .x .x {  }
.box1 .x .x .x {  }
.box1ps{margin:8px 0 0 0;}
.box1ps em{font-size:0.875em;font-weight:600;color:#06c}
.table_wrap .table_box .left {text-align:left;padding-left:10px}
.tac { text-align: center !important; }
.w200 {width:200px}