@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/bg02.gif); }
#container {  }
#head { background-image: url(/image/cm/bg02_head.gif); }
#topmenu ul { left: 29px; }
#topmenu ul li a { display: inline; float: left; padding: 0 60px; }
#topmenu ul li ul { left: -34px; height: auto; padding: 8px 0 6px; background: url(/image/cm/top2bg.gif) no-repeat 0 100%; overflow: hidden; }
#topmenu ul li.on ul { background-position: -1000px 100%; }
#topmenu ul ul#top2m1 { width: 910px; padding-left: 40px; }
#topmenu ul ul#top2m2 { width: 910px; padding-left: 40px; }
#topmenu ul ul#top2m3 { width: 650px; padding-left: 380px; }
#topmenu ul ul#top2m4 { width: 530px; padding-left: 650px; }
#topmenu ul ul#top2m5 { width: 400px; padding-left: 550px; }
#topmenu ul ul#top2m6 { width: 0px; padding-left: 780px; }
#side h2 { background-image: url(/image/cm/side1bg02.gif); }
#topmenu ul ul li { background: url(/image/cm/top2msep.gif) no-repeat 0 4px !important; }
#topmenu ul ul li a span { padding: 2px 7px 1px !important; }
h1 { padding: 0 0 0 20px !important; background: url(/image/cm/h1bg02.gif) no-repeat 0 1px !important; }


.tab_sptxt { float: left; display: block; width: 350px; line-height: 1.25; padding: 7px 0 0 10px !important; margin: 0; font-size: 0.92em; }

dl.fnd { position:relative; width:auto; padding:0; margin:0; overflow:hidden; }
dl.fnd dt,
dl.fnd dd { display:inline; float:left; width:95%; padding:0; margin:0; background: transparent !important; }
dl.fnd dt { width: 4%; }

.faqimg {padding: 2px 2px 2px 2px; } 
	
/* 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; }

/* 5% rule */
.uh04001_01 { width: 100%; margin: 0; padding: 0; border: 3px solid #d0c1ae; overflow: hidden; background: url(/image/fnd2/tab1right.gif) repeat-y; }
.uh04001_01 .rbox { width: 231px; margin: 0; padding: 0; float: left; }
.uh04001_01 .rbox h2 { background: none; margin: 0; padding: 0; }
.uh04001_01 .rbox ul { list-style: none; margin: 0; padding: 0 0 20px 5px; }
.uh04001_01 .rbox ul li { background: url(/image/fnd2/tab1ulli_border.gif) no-repeat 0 100%; margin: 0; padding: 0; }
.uh04001_01 .rbox ul li a { display: block; background: url(/image/fnd2/tab1ulli.gif) no-repeat 17px 12px; margin: 0; padding: 8px 0 8px 25px; line-height: 1.25; width: 159px; }
.uh04001_01 .rbox ul li a span { }
.uh04001_01 .rbox ul li.on a { display: block; background: url(/image/fnd2/tab_up.gif) no-repeat 0 top; margin: 0; padding: 0; width: 223px; line-height: 1.25; padding: 8px 0 0 0; margin: 0; }
.uh04001_01 .rbox ul li.on a span { display: block; background: url(/image/fnd2/tab_down.gif) no-repeat 0 bottom; margin: 0; padding: 0; width: 215px; line-height: 1.25; padding:0 0 8px 8px; margin: 0; font-weight: bold; letter-spacing: -1px; }
/* 넓게보기 할때 늘어나게 %로 수정 */
.uh04001_01 .rbox_ct { position: relative; width: 65%; margin: 0; padding: 30px 5px; float: left; }
.uh04001_01 .rbox_ct h3 { background: url(/image/fnd2/p04001_01_h2.gif) no-repeat 7px 6px; margin: 0; padding: 3px 0 3px 26px; line-height: 1.25; font-size: 1.25em; color: #000; font-weight: bold; }
.uh04001_01 .rbox_ct ul { list-style: none; padding: 5px 0; margin: 0; }
.uh04001_01 .rbox_ct ul li { display: block; line-height: 1.25; background: url(/image/fnd2/p04001_01_libu.gif) no-repeat 7px 10px; margin: 0; padding: 6px 0 6px 15px; }
.uh04001_01 .rbox_ct ul li ul { list-style: none; padding: 7px 0 7px 5px; margin: 0; }
.uh04001_01 .rbox_ct ul li ul li { display: block; background: url(/image/fnd2/ulli_bu.gif) no-repeat 0 7px; margin: 0; padding: 3px 0 3px 7px; line-height: 1.25; }
.uh04001_01 .rbox_ct ul li ul li ul { list-style: none; padding: 3px 0; margin: 0; }
.uh04001_01 .rbox_ct ul li ul li ul li { display: block; background: url(/image/fnd2/ulli_bu2.gif) no-repeat 0 3px; margin: 0; padding: 0 0 0 8px; }
.uh04001_01 .rbox_ct ul li ul.dot { list-style: none; padding: 10px 0 10px 10px; margin: 0; }
.uh04001_01 .rbox_ct ul li ul.dot li { display: block; background: url(/image/fnd2/cm/libg4.gif) no-repeat 0 3px; margin: 0; padding: 3px 0 3px 8px; line-height: 1.25; }

.uh04001_01 .rbox_ct ul.etc { position:relative; padding:0; margin:0; overflow:hidden; }
.uh04001_01 .rbox_ct ul.etc li { display:inline; float:left; width:100%; padding:2px 0 1px 10px !important; margin:0; background: url(/image/cm/icon/ic_etc.gif) no-repeat 0 6px !important; line-height: 1.25; }

.uh04001_01 .rbox_ct ul.etc1 { position:relative; padding:0; margin:0; overflow:hidden; }
.uh04001_01 .rbox_ct ul.etc1 li { display:inline; float:left; width:100%; padding:2px 0 1px 16px !important; margin:0; background: url(/image/fnd/cm/libg3.gif) no-repeat 0 4px !important; line-height: 1.25; }

.uh04001_01 .rbox_ct ul.fnd { position:relative; padding:0; margin:0; overflow:hidden; }
.uh04001_01 .rbox_ct ul.fnd li { display:inline; float:left; width:97%; padding:2px 0 1px 17px !important; margin:0; background: url(/image/fnd/cm/libg2.gif) no-repeat 0 3px !important; color: #666; line-height: 1.25; }

.uh04001_01 .rbox_ct ol.num { position:relative; padding:0; margin:0; overflow:hidden; }
.uh04001_01 .rbox_ct ol.num li.n01 { display:inline; float:left; width:100%; padding:0 0 0 16px !important; margin:0; background: url(/image/fnd/cm/n01.gif) no-repeat !important; line-height: 1.25; }
.uh04001_01 .rbox_ct ol.num li.n02 { display:inline; float:left; width:100%; padding:0 0 0 16px !important; margin:0; background: url(/image/fnd/cm/n02.gif) no-repeat !important; line-height: 1.25; }
.uh04001_01 .rbox_ct ol.num li.n03 { display:inline; float:left; width:100%; padding:0 0 0 16px !important; margin:0; background: url(/image/fnd/cm/n03.gif) no-repeat !important; line-height: 1.25; }
.uh04001_01 .rbox_ct ol.num li.n04 { display:inline; float:left; width:100%; padding:0 0 0 16px !important; margin:0; background: url(/image/fnd/cm/n04.gif) no-repeat !important; line-height: 1.25; }

/* 업무서식 */
.uhpfnd05002 { position: relative; margin: 0; padding: 0; }
.uhpfnd05002 ul { list-style: none; margin: 0; padding: 0; }
.uhpfnd05002 ul li { display: inline; float: left; margin: 0; padding: 10px 0 10px 0; border-bottom: 1px solid #e3e5ea; line-height: 1.25; }
.uhpfnd05002 ul li span.text { display: inline; float: left; margin: 0; padding: 5px 0 0 15px; width: 530px; line-height: 1.25; background: url(/image/fnd/p05002_bu.gif) no-repeat 5px 8px; color: #666; }
.uhpfnd05002 ul li span.down a { display: inline; float: left; margin: 0; padding: 2px 0 0 0; line-height: 1.25; }
.uhpfnd05002 ul li span.down img {padding:5px 0 0 5px;}

.uh0400201 { position: relative; width: 720px; height: 696px; margin: 0; padding: 15px 17px 17px; border:3px solid #d0c1ae; background:#e8e7e1; }
.uh0400201 * { list-style: none; line-height: 1.25; margin: 0; padding: 0; background: transparent; }
.uh0400201 h2 { margin: 0 auto; padding:0; background: transparent; text-align: center; }
.uh0400201 .box01 { position:absolute; left: 20px; top: 18px; width: 354px; height: 339px; }
.uh0400201 .box02 { position:absolute; left: 386px; top: 18px; width: 354px; height: 339px; }
.uh0400201 .box03 { position:absolute; left: 20px; top: 375px; width: 720px; height: 339px; }

.uh0400201 .cont { position:relative; margin: 15px 0 0 0; padding:0; width: 352px; height: 305px; border:1px solid #d0c1ae; background: #fff; }
.uh0400201 .cont iframe { width: 332px; height: 285px; padding:0; margin:10px; }
.uh0400201 .cont2 { position:relative; margin: 15px 0 0 0; padding:0; width: 718px; height: 305px; border:1px solid #d0c1ae; background: #fff; }
.uh0400201 .cont2 iframe { width: 698px; height: 285px; padding:0; margin:10px; }

.ifrm_box { background: #fff; padding:0; margin:0; line-height: 1.2; color:#333; font-size: 1.1em;}
.ifrm_box h1 { display:none; }
.ifrm_box .fsiu { text-decoration: underline !important;  font-size: 11px; font-weight: bold;}


/* 탭 */
.tab1 { height: 27px; padding: 0 0 15px 0; background: url(/image/cm/tab1bg.gif) repeat-x 0 100%; overflow: hidden; }
.tab1 * { list-style: none; margin: 0; padding: 0; vertical-align: top; }
.tab1 li { display: inline; float: left; padding: 0 1px 0 0; }

/* FIND KRX 동영상 */
.fndmovie01 {position: relative; clear:both; width:100%;}
.fndmovie { position: relative; float: left; width:426px; height:310px; background: url(/image/fnd2/movie_bg.gif) repeat-y;}
.fndmovie img {padding:21px 0 0 23px;}
.fndmovietext { position: relative; float: left; width:40%; margin:0 0 0 24px;}
.fndmovietext ul { list-style: none; margin-top: 21px; margin-left: 0px; padding: 0; }
.fndmovietext ul li { display: inline; float: left; margin: 0; padding: 10px 0 10px 17px; width:293px; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; line-height: 1.25; background: url(/image/fnd2/movie_ic.gif) no-repeat 10px 15px}
.fndmovietext p { list-style: none; clear:both; margin: 0; padding-top: 15px; }
.fndmovietext .btn { list-style: none; clear:both; margin: 0; padding-top: 15px;}


/* 전체사이트맵 CSS */
.sitemap_boxout1 { width:100%;background:url('/image/cm/sitemap/sitemap_bg.gif') 50% 40px no-repeat; padding-top:30px;}
.sitemap_boxin1 {width:100%;background:url('/image/cm/sitemap/sitemap_bg.gif') 50% 40px no-repeat;}
.sitemap_box1 {width:50%;float:left;}


.dpn { display: none !important; }