@import url(style.css);

body#sub1,
body#sub2,
body#sub3,
body#sub4,
body#sub5,
body#sub6,
body#sub7,
body#sub8 {background:#2F271E url(/coding/sub1/images/bg.gif) repeat-x 0 0;}

/* sub logo */
#topDiv strong {float:left;width:275px;height:131px;}
#sub1 #topDiv,
#sub2 #topDiv,
#sub3 #topDiv,
#sub4 #topDiv,
#sub5 #topDiv,
#sub6 #topDiv,
#sub7 #topDiv,
#sub8 #topDiv {width:950px;background:url(/coding/images/top_bg.gif) no-repeat 275px 0;}

/* sub utility menu */
#topUtilDiv {float:right;width:600px;text-align:right;margin-top:14px;}
#topUtilDiv ul {padding:0;margin:0;list-style:none;}
#topUtilDiv ul li {display:inline;margin:0 3px;}
#topUtilDiv ul li, #topUtilDiv ul li a {font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;color:#eaeaea;}
#topUtilDiv ul li.u_style a {color:#E9CD84;}
#topUtilDiv ul li.lang {padding-left:10px;background:url(/coding/images/util_line.gif) no-repeat 0 2px;}

/* sub top menu */
#topMenuDiv {width:675px;height:100px;padding:0;margin:0;}

/* sub bottom */
#sub1 #bottomDiv,
#sub2 #bottomDiv,
#sub3 #bottomDiv,
#sub4 #bottomDiv,
#sub5 #bottomDiv,
#sub6 #bottomDiv,
#sub7 #bottomDiv,
#sub8 #bottomDiv {padding:25px 20px;}




#subMidDivWrap {float:left;width:100%;background:url(/coding/sub1/images/l_bg.gif) repeat-y 0 0;}
#subMidDiv {float:left;width:950px;}
#midLeftDiv {float:left;width:275px;padding-bottom:330px;}
#midContentDiv {float:right;width:675px;background:#F7F2EC url(/coding/sub1/images/body_bottom.gif) no-repeat left bottom;}
#contentDiv {text-align:left;padding:0 25px 40px 25px;overflow-x:hidden;}

/* title */
#midLeftDiv h1 {width:275px;text-align:right;padding:20px 0 40px 0;margin:0;background:url(/coding/sub1/images/l_top_bg.gif) no-repeat 0 0;}

/* location */
#locationDiv {width:675px;padding-top:8px;text-align:right;background:url(/coding/sub1/images/body_top.gif) no-repeat 0 0;}
#locationDiv, #locationDiv a {font-size:8pt;}

/* subtitle */
#subtitle {margin:5px 0 25px 20px;}
#sub3 #subtitle {padding:5px 0 2px 130px;margin:5px 0 25px 0;color:#fff;font-family:batang;font-size:20pt;background:url(/coding/sub3/images/t_bg.gif) no-repeat 50% 0;}

/* leftMenu */
#leftMenuDiv {float:right;width:157px;}
#leftMenuDiv ul {width:140px;display:block;padding:0;margin:0;list-style:none none outside;}
#leftMenuDiv ul li {display:block;padding:6px 20px 6px 0;margin:0;text-align:right;border-bottom:1px dotted #A2A29D;}
#leftMenuDiv ul li a {display:block;color:#E9DED4;}
#leftMenuDiv ul li a:hover {padding-right:2px;color:#fff;text-decoration:none;}

#sub1 #leftMenuDiv ul li {background:url(/coding/sub1/images/m_bl.gif) no-repeat right 50%;}
#sub2 #leftMenuDiv ul li {background:url(/coding/sub2/images/m_bl.gif) no-repeat right 50%;}
#sub3 #leftMenuDiv ul li {background:url(/coding/sub3/images/m_bl.gif) no-repeat right 50%;}
#sub4 #leftMenuDiv ul li {background:url(/coding/sub4/images/m_bl.gif) no-repeat right 50%;}
#sub5 #leftMenuDiv ul li {background:url(/coding/sub5/images/m_bl.gif) no-repeat right 50%;}
#sub6 #leftMenuDiv ul li {background:url(/coding/sub6/images/m_bl.gif) no-repeat right 50%;}
#sub7 #leftMenuDiv ul li {background:url(/coding/sub7/images/m_bl.gif) no-repeat right 50%;}
#sub8 #leftMenuDiv ul li {background:url(/coding/sub8/images/m_bl.gif) no-repeat right 50%;}

/* sub bottom image */
#sub1 #subMidDiv {background:url(/coding/sub1/images/l_img.jpg) no-repeat 0 bottom;}
#sub2 #subMidDiv {background:url(/coding/sub2/images/l_img.jpg) no-repeat 0 bottom;}
#sub3 #subMidDiv {background:url(/coding/sub3/images/l_img.jpg) no-repeat 0 bottom;}
#sub4 #subMidDiv {background:url(/coding/sub4/images/l_img.jpg) no-repeat 0 bottom;}
#sub5 #subMidDiv {background:url(/coding/sub5/images/l_img.jpg) no-repeat 0 bottom;}
#sub6 #subMidDiv {background:url(/coding/sub6/images/l_img.jpg) no-repeat 0 bottom;}
#sub7 #subMidDiv {background:url(/coding/sub7/images/l_img.jpg) no-repeat 0 bottom;}
#sub8 #subMidDiv {background:url(/coding/sub8/images/l_img.jpg) no-repeat 0 bottom;}

/* bottom bg */
#sub1 #bottomDiv,
#sub2 #bottomDiv,
#sub3 #bottomDiv,
#sub4 #bottomDiv,
#sub5 #bottomDiv,
#sub6 #bottomDiv,
#sub7 #bottomDiv,
#sub8 #bottomDiv {padding:20px 0 20px 30px;background:url(/coding/images/copy_sub.gif) no-repeat 50% 50%;}

/* tourguide */
table.tourguide {width:100%;}
table.tourguide thead tr td {background:#f4f4f4;}
table.tourguide td {border-bottom:solid 1px #f1f1f1;}

/* paginate */
.paginate * {
	margin:0;
	padding:0;
}
.paginate a, .paginate strong {
	_position:relative;
	margin-left:-5px;
	font-weight:bold;
	display:inline-block;
	padding:3px 8px 1px 7px;
	color:#313031;
	border-left:1px solid #7a7a60;
	border-right:1px solid #7a7a60;
	text-decoration:none;
	line-height:normal;
	font:bold 1em dotum, Dotum, gulim, Gulim, AppleGothic, Sans-serif;
}
.paginate strong {
	color:#00f !important;
}
.paginate a:hover {
	background:#F7F7F7;
}
.paginate a.pre {
	padding:3px 8px 1px 16px;
	border:none;
	font-weight:normal;
}
.paginate a.pre_end {
	padding:3px 8px 1px 16px;
	border:none;
	border-right:1px solid #ccc;
	font-weight:normal;
}
.paginate a.next {
	padding:3px 16px 1px 8px;
	border:none;
	font-weight:normal;
}
.paginate a.next_end {
	padding:3px 16px 1px 8px;
	border:none;
	border-left:1px solid #ccc;
	font-weight:normal;
}

@media print {
body {font: 9pt/1.5 }
#subMidDiv {background:none;}
/*
body.sub1, body.sub2, body.sub3, body.sub4, body.sub5, body.sub6,
body.sub1 #topMenuDiv, body.sub2 #topMenuDiv, body.sub3 #topMenuDiv,
body.sub4 #topMenuDiv, body.sub5 #topMenuDiv, body.sub6 #topMenuDiv, body.sub7 #topMenuDiv {background:none ! important;}
#topUtilDiv, #topMenuDiv div, #midLeftDiv, #leftMenuDiv ul, #w3c {display:none;}
#container, #topDiv, #midContentDiv, #bottomDiv, #bottomCopyrightDiv {background:none ! important;}
#midDiv, #midContentDiv {width:auto; margin:0; padding:0; }
#subMidDiv {padding:0; margin-top:-90px;}
#contentDiv {width:auto; position:relative;}
*/
}