@charset "utf-8";
/* Default CSS ==================
= Developer Name: 방문준
= Create Date: 2010.02.25
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.02.25.방문준. 공통CSS수정
============================= */
/* 공통CSS수정 */
body { background-image: url(/image/cm/bg04.gif); }

#container {  }
#head { background-image: url(/image/cm/bg04_head.gif); }
#topmenu { position: absolute; left: 60px; top: 63px; width: 950px; height: 80px; }
#topmenu ul { list-style: none; position: absolute; left: 61px; top: 0; z-index: 1; }
#topmenu li { display: inline; float: left; }
#topmenu ul li a { display: inline; float: left; padding: 0 22px; }
#topmenu ul li.on ul { display: block; }
#topmenu ul ul { display: none; position: absolute; left: -66px; top: 40px; width: 950px; height: 32px; background: url(/image/cm/b.gif); }
#topmenu ul ul li { padding: 0 0 0 1px; background: url(/image/cm/top2msep.gif) no-repeat 0 12px !important; }
#topmenu ul ul li.first { padding-left: 0 !important; background: transparent !important; }
#topmenu ul ul li a { display: block; padding: 0; color: #666 !important; }
#topmenu ul ul li a span { display: block; padding: 10px 7px 7px !important; border: 0 !important; background: transparent !important; color: #666 !important; font-size: 1em; text-decoration: none; white-space: nowrap; text-indent: 0; }
#topmenu ul ul li a.on { font-weight: bold !important; letter-spacing: -1px; }
#topmenu ul ul li a:hover,
#topmenu ul ul li a:focus { text-decoration: underline; }

#topmenu ul a { display: inline; float: left; padding: 0 25px; }
#topmenu ul ul#top2m1 { width: 800px; padding-left: 60px; }
#topmenu ul ul#top2m2 { width: 900px; padding-left: 130px; }
#topmenu ul ul#top2m3 { width: 800px; padding-left: 155px; }
#topmenu ul ul#top2m4 { width: 200px; padding-left: 640px; }
#topmenu ul ul#top2m5 { width: 400px; padding-left: 350px; }
#side h2 { background-image: url(/image/cm/side1bg04.gif); }

#globalmenu { position: absolute; left: 460px; top: 29px; width: 500px; height: 20px; overflow: hidden; }
#globalmenu ul { position: absolute; right: 0; top: 0; }
#globalmenu ul li { display: inline; float: left; margin: 0 0 0 10px; padding: 2px 0; }
#globalmenu ul li a { display: inline; float: left; }
#globalmenu ul li.m2 { margin: 0; padding: 0; }
#globalmenu ul li.m2.login { margin: 0 0 0 10px; }

h1 { padding: 0 0 0 20px !important; background: url(/image/cm/h1bg04.gif) no-repeat 0 1px !important; }
.body_head_btn2 { position: absolute; right: 0; top: 78px; height: 38px; }

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

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

.red { color: red; }