@charset "utf-8";

/* Common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, blockquote, iframe, textarea { margin:0; padding:0; }
body,html { color:#747474; font:12px/14px Verdana, Arial, sans-serif; background:#fff; }
img, fieldset { border:none; }
ul, ol, li { list-style:none; }
hr { clear:both; display:none;}
em, address, cite { font-style:normal; }
legend, caption { clear:both; width:0; height:0; font-size:0;line-height:0; visibility:hidden; }
table { table-layout:fixed; border-collapse:collapse; border-spacing:0; }

a, a:link, a:visited { color:#747474; text-decoration:none; }
a:hover, a:active { color:#747474; text-decoration:underline; }

.clear{clear: both;}

/* Paginate */
.paginate {position: relative; padding:15px 0; text-align:center;}
.paginate a img { border:none; vertical-align:middle;}
* html .paginate a img {vertical-align:top}
.paginate a,
.paginate strong { position:relative; margin-left:-6px; display:inline-block; vertical-align:middle;  padding:2px 6px 3px 7px; color:#333333; text-decoration:none; line-height:normal; font:11px Tahoma; background:url(http://static.naver.com/common/paginate/line_pg2.gif) no-repeat left center;}
* html .paginate strong {width /**/:18px}
.paginate a:hover { text-decoration:underline;}
.paginate strong { color:#d90c14 !important; font-weight:bold;}
.paginate .first-child { background:none;}
.paginate a.pre,
.paginate a.backward,
.paginate a.forward,
.paginate a.next { padding:0; background:none !important;}
.paginate a.pre { margin:0 3px 0 -3px;}
.paginate a.next { margin:0 3px 0 -3px;}
.paginate a.backward{ margin: 0 3px 0 -3px;}
.paginate a.forward{ margin: 0 3px 0 -3px;}

/* Layout */
div#topSec{overflow: hidden;}
	div#topSec div#top{height: 100px; background: url('/images/eng/layout/top.jpg') no-repeat top center;}
	div#topSec div#gnb{height: 42px; background: url('/images/eng/layout/gnb.jpg') no-repeat top center;}
	div#topSec div#searchSec{height: 116px; background: url('/images/eng/layout/searchBox_background.jpg') no-repeat top center;}
		div#topSec div#searchSec div.searchBox{width: 960px; margin: 0 auto;}

div#midSec{width: 960px; margin: 0 auto;}
	div#midSec div#leftSec{float: left; width: 254px; padding-bottom: 40px;}
		div#midSec div#leftSec div.menuBox{width: 254px; margin-bottom: 10px; padding-bottom: 20px; background: url('/images/eng/layout/leftBox_btm.gif') no-repeat left bottom;}
		div#midSec div#leftSec div.menuBoxTop{width: 254px; background: url('/images/eng/layout/leftBox_top.gif') no-repeat left top; overflow: hidden;}

		div#midSec div#leftSec div.menuBox h2{position: relative; width: 225px; height: 13px; margin: 18px 0 13px 18px;}
			div#midSec div#leftSec div.menuBox h2 span{position: absolute; top: 3px; right: 0;}

		div#midSec div#leftSec div.menuBox ul{list-style: none; margin-left: 10px;}
		div#midSec div#leftSec div.menuBox li{margin-bottom: 3px; padding-left: 8px; background: url('/images/eng/bullet/angle_red.gif') no-repeat left 7px; color: #747474;}
			div#midSec div#leftSec div.menuBox li a{color: #747474; text-decoration: none;}
			div#midSec div#leftSec div.menuBox li a:hover{color: #747474; text-decoration: underline;}
		div#midSec div#leftSec div#subBox{margin-bottom: 10px;}
		div#midSec div#leftSec div#banner1{}
			div#midSec div#leftSec div#banner1 p{margin-bottom: 10px;}
		div#midSec div#leftSec div#banner2{}
			div#midSec div#leftSec div#banner2 p{margin-bottom: 10px;}



/* 2011-04-12 수정 */

	div#midSec div#contSec{float: right; width: 696px; padding-bottom: 40px;}

		div#midSec div#contSec div.contentsWrap{clear: both; float: left; width: 100%; margin-bottom: 8px; padding-bottom: 20px; background: url('/images/eng/layout/main_contBtm.gif') no-repeat left bottom;}
		div#midSec div#contSec div.contentsWrapBox{padding: 14px 21px 0 21px; background: url('/images/eng/layout/main_contTop.gif') no-repeat left top;}
			div#midSec div#contSec div.contentsWrapBox h3{position: relative; width: 652px; margin-bottom: 10px;}
			div#midSec div#contSec div.contentsWrapBox h3 span{position: absolute; top: 4px; right: 0;}

			div#midSec div#contSec div.contentsWrapBox dl{float: left; width: 320px; margin-top: 10px; padding-right: 5px;}
			div#midSec div#contSec div.contentsWrapBox dt{margin-bottom: 5px; color: #2784a7; font-size: 13px; font-weight: bold; letter-spacing: -0.07em;}
				div#midSec div#contSec div.contentsWrapBox dt a{color: #2784a7; text-decoration: none;}
				div#midSec div#contSec div.contentsWrapBox dt a:hover{color: #2784a7; text-decoration: underline;}
				div#midSec div#contSec div.contentsWrapBox dd{}
				div#midSec div#contSec div.contentsWrapBox span{float: left;}

			div#midSec div#contSec div.contentsWrapBox div.selector{float: left; width: 330px; margin-bottom: 6px; text-align: left;}
				div#midSec div#contSec div.contentsWrapBox div.selector h3{display: inline;}
				div#midSec div#contSec div.contentsWrapBox div.selector select{width: 300px;}
				 div#midSec div#contSec div.contentsWrapBox div.selector a{vertical-align: middle;}
				 div#midSec div#contSec div.contentsWrapBox div.selector a img{vertical-align: top;}

/* 2011-04-12 수정 끝 */


	div#cont07 h2{position: relative; width: 100%;}
	div#cont07 h2 a.more{position: absolute; bottom: 0; right: 0;}

	div#midSec	div#contSec	div#cont07{float: left; width: 300px; margin-right: 40px;}
	div#midSec	div#contSec	div#cont07 p.photo{float: left; width: 82px; height: 73px; padding: 3px; border: 1px solid #c0c0c0;}
	div#midSec	div#contSec	div#cont07 div.contBox{float: right; width: 200px;}
	div#midSec	div#contSec	div#cont07 div.contBox h3{float: right; width: 200px; margin-bottom: 10px; padding-bottom: 5px; color: #2784a7; border-bottom: 1px solid #dedede; font-size: 13px;}
	div#midSec	div#contSec	div#cont07 div.contBox h3 a{color: #2784a7;}
	div#midSec	div#contSec	div#cont07 div.contBox ul{float: left; width: 200px;}
	div#midSec	div#contSec	div#cont07 div.contBox ul li{height: 18px; padding-left: 6px; background: url('/images/service/main/tip_cross_red.gif') no-repeat left 5px; font-family: verdana; font-size: 11px; /*font-stretch: condensed;*/}

	div#cont08 h2{position: relative; width: 100%;}
	div#cont08 h2 a.more{position: absolute; bottom: 0; right: 0;}	
	div#midSec	div#contSec	div#cont08{float: left; width: 310px;}
	div#midSec	div#contSec	div#cont08 p.photo{float: left; width: 82px; height: 73px; padding: 3px; border: 1px solid #c0c0c0;}
	div#midSec	div#contSec	div#cont08 div.contBox{float: right; width: 210px;}
	div#midSec	div#contSec	div#cont08 div.contBox h3{float: right; width: 210px; margin-bottom: 10px; padding-bottom: 5px; color: #2784a7; border-bottom: 1px solid #dedede; font-size: 13px;}
	div#midSec	div#contSec	div#cont08 div.contBox h3 a{color: #2784a7;}
	div#midSec	div#contSec	div#cont08 div.contBox ul{float: left; width: 200px;}
	div#midSec	div#contSec	div#cont08 div.contBox ul li{height: 18px; padding-left: 6px; background: url('/images/service/main/tip_cross_red.gif') no-repeat left 5px; font-family: verdana; font-size: 11px; /*font-stretch: condensed;*/}





			div#midSec div#contSec div.contentsWrapBox table.searchResult{}
				div#midSec div#contSec div.contentsWrapBox table.searchResult th,
				div#midSec div#contSec div.contentsWrapBox table.searchResult td{padding: 0;}
				div#midSec div#contSec div.contentsWrapBox table.searchResult th{padding: 0 0 6px; color: #2784a7; font-size: 16px; font-weight: normal; text-align: left; letter-spacing: -0.07em;}
				div#midSec div#contSec div.contentsWrapBox table.searchResult th a{color: #2784a7; text-decoration: none;}
				div#midSec div#contSec div.contentsWrapBox table.searchResult th a:hover{color: #2784a7; text-decoration: underline;}

				div#midSec div#contSec div.contentsWrapBox table.searchResult td.date{padding: 0 0 4px; font-size: 11px; text-align: right; vertical-align: bottom;}
				div#midSec div#contSec div.contentsWrapBox table.searchResult td.contxt{padding-bottom: 5px; color: #747474; line-height: 15px;}

				div#midSec div#contSec div.contentsWrapBox table.searchResult td.resultFrom{padding-bottom: 20px;}
				div#midSec div#contSec div.contentsWrapBox table.searchResult td.resultFrom dl{margin: 0; padding: 0; font-size: 13px;}
				div#midSec div#contSec div.contentsWrapBox table.searchResult td.resultFrom dl dt.from{float: left; height: 20px; padding-right: 10px; background: url('/images/eng/contents/bg_bar01.gif') no-repeat right 4px; color: #5a5a5a; font-weight: bold;}
				div#midSec div#contSec div.contentsWrapBox table.searchResult td.resultFrom dl dd.hit{float: left; height: 20px; padding-left: 10px;  }







