@charset "utf-8";
@import	url('zreset.css');
@import	url('global.css');
@import	url('layout.css');
@import	url('board.css');
@import	url('datatable.css');
@import	url('cmt.css');

/***** Submain *****/
#gnb.index {height:35px; background:url('/design/htdocs/img/cmt/common/gnb_back.gif') no-repeat left top;}
.submain {width:950px; margin:10px 0 0 0;}
.submain_top_left {float:left; width:311px; height:250px; margin:10px 9px 0 0;}
.submain_top_center {float:left; width:370px; height:250px; margin:10px 10px 0 0;}
.submain_top_right {float:left; width:250px; height:250px; margin:10px 0 0 0;}

.submain_side {float:left; width:311px; height:230px;}
.submain_mid {float:left; width:311px; height:230px; border-left:1px solid #D8D7D5; border-right:1px solid #D8D7D5; margin:0 4px 0 5px; padding:0 3px;}

.submain_mclear {clear:both;font-size:.0em; line-height:0; height:30px;}
.submain_clear {clear:both;font-size:.0em; line-height:0;}
.submain h4 {
	clear:both;
	background:url('/design/htdocs/img/cmt/common/bul_h4.gif') no-repeat scroll 0 0;
	height:18px;
	padding:0px 0 0 17px;
	border-bottom:2px solid #78AB41;
	margin:5px 0;
}

/*** Side Menu ***/
#sidemenu {
	background:transparent url('/design/htdocs/img/cmm/cmm/box/sidemenu_back_bottom.gif') no-repeat scroll left bottom;
	margin:0pt 10px 7px;
	padding-bottom:10px;
}
#sidemenu ul.1depth {
	background:transparent url('/design/htdocs/img/cmm/cmm/box/sidemenu_back_top.gif') no-repeat scroll left top;
	line-height:1em;
	margin:0pt;
	padding:7px 16px 5px;
}
#sidemenu ul.1depth li.first {
	border-top:0pt none;
}
#sidemenu ul.1depth li {
	border-top:1px solid #DBDBD3;
	width:130px;
}
#sidemenu ul.1depth li a {
	background:transparent url('/design/htdocs/img/cmm/cmm/box/sidemenu_bullet01_off.gif') no-repeat scroll 0pt 14px;
	display:block;
	padding:10px 0pt 10px 7px;
}


#sidebar h2 {
	float: none;
	height: auto;
	margin: 0 10px 10px 10px;
	padding-left:6px;
}
#sidebar ul {
	list-style: none;
}
#sidebar h4 {
	float: none;
	height: auto;
	margin: 0;
}
.col2 .roadbox1 {
	margin:0 10px 0 10px;
	font-size:.9em;
}
#sidebar .roadbox1 h4	{
	height:30px;
	padding:14px 0 0 10px;
}
#sidebar h4 img	{
	vertical-align:middle;
}
.col2 .roadbox1 .sidesubmenu {
	background:url('/design/htdocs/img/cmm/cmm/box/side_sub_top178.gif') no-repeat left top;
}

.col2 .roadbox1 .sidesubmenu-inner	{
	padding-bottom:10px;
	background:url('/design/htdocs/img/cmt/finance/sidesub_bottom.gif') no-repeat left bottom;
}
.col2 .roadbox1 ul {
	padding:0 10px;
}
.col2 .roadbox1 ul li {
	padding:2px 0 1px 8px;
	background:url('/design/htdocs/img/cmm/cmm/icon/list_bullet_01.gif') no-repeat 2px 7px;	
}
.col2 .roadbox1 .sidesubmenu ul {
	padding:0 0 0 19px;
}
.col2 .roadbox1 .sidesubmenu li {
	margin:0 0 0 0px;
	padding:2px 0;
}
.col2 .roadbox1 .sidesubmenu ul li ul {
	padding:0;
}

/*서브메인*/
.submain p {float:left; display:inline;}
.submain p.content1 {padding:0; margin-right:15px; width:685px; height:220px;}
.submain p.content2 {padding:0; width:250px; height:220px;}
.submain p.content3 {padding:0; margin-top:20px; margin-right:15px; width:467px; height:195px;}
.submain p.content4 {padding:0; margin-top:20px; width:467px; height:195px;}
.submain p.content5 {padding:0; margin:20px 15px 20px 0; width:467px; height:160px;}
.submain p.content6 {padding:0; margin:20px 0 20px 0; width:467px; height:160px;}
.submain p.content7 {padding:0; margin:5px 0 20px 0; width:950px; height:100px;}
.submain p.content8 {padding:0; margin:5px 0 20px 0; width:950px; height:100px;}

/*서브페이지*/
.col2 #contents p.subpage {width:757px; height:auto; overflow:hidden;}

.col2 #contents h3 {
	background:transparent url(/design/htdocs/img/cmt/common/bul_h3.gif) no-repeat scroll 0 8px;
	font-size:1.3em;
	height:22px;
	padding:8px 0pt 0pt 12px;
	border-bottom:2px solid #78AB41;
	margin:0px 0 9px;
	width:745px;
}
.col2 #contents h3 #breadcrumb {
	float:right;
	height:19px;
	margin:-27px 0 0 0;
}
.col2 #contents h3 #breadcrumb span, .col2 #contents h3 #breadcrumb a, .col2 #contents h3 #breadcrumb a:link, .col2 #contents h3 #breadcrumb a:visited {
	background:transparent url(/design/htdocs/img/cmm/cmm/icon/breadcrumb_bullet.gif) no-repeat scroll 0pt 3px;
	color:#909090;
	font-size:0.8em;
	padding:0pt 10px 0pt 11px;
	font-weight:normal;
}
.col2 #contents p {float:left;}
.col2 #contents p.content1 {padding:0; margin-right:15px; width:582px; height:250px;}
.col2 #contents p.content2 {padding:0; width:160px; height:250px;}
.col2 #contents p.content3 {padding:0; margin-right:15px; margin-top:10px; width:582px; height:150px;}
.col2 #contents p.content4 {padding:0; margin-top:10px; width:160px; height:70px;}
.col2 #contents p.content5 {padding:0; margin-top:10px; width:160px; height:70px;}
.col2 #contents p.content6 {padding:0; margin-right:15px; margin-top:10px; width:582px; height:170px;}
.col2 #contents p.content7 {padding:0; margin-top:10px; width:160px; height:170px;}
.col2 #contents p.content8 {padding:0; margin-right:15px; margin-top:10px; width:283px; height:200px;}
.col2 #contents p.content9 {padding:0; margin-right:15px; margin-top:10px; width:283px; height:200px;}
.col2 #contents p.content10 {padding:0; margin-top:10px; width:160px; height:200px;}