/* CSS
Author: Jang mi young
Client: OAK Valley
Created: 2008-10-30
Modified: 
*/


/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}/*abbr ¼Ó¼ºÀº Å×ÀÌºí¿¡ summary ¼Ó¼ºÀ¸·Î ¿ä¾à¹®À» ¾²µí, th¿¡ ¿ä¾à¹®À» ¾²´Â°Í*/
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th{font-style:normal;font-weight:normal;}/*dfn ¿ä¼Ò´Â ±¸Ã¼ÀûÀÎ ÀÇ¹Ì°¡ µé¾î°£ °ü¿ë±¸³ª Àü¹®¿ë¾î¿¡ »ç¿ë..ÀÌÅÅ¸¯Ã¼·Î Ç¥½Ã*/
ul {list-style:none;}
caption,th {text-align:left;}
a{text-decoration:none;}
strong { font-weight: bold; }


/* Global Elements
=====================================================================*/
		html { width:100%; height:100%;}
		body { width:100%; text-align: center; line-height: 1.6em; font:11px µ¸¿ò,dotum; color:#333333; /*background:url('/new_images/bg_main_widebg.jpg') repeat-x 0 0;*/ background-color:#ffffff;}

/* Library
=====================================================================*/

.l { float: left; width: 50%; }
.r { float: right; width:50%; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top40 { margin-top: 40px; }
.border5 { border: solid 5px #c7c7c7; }
.border10 { border: solid 10px #c7c7c7; }
.border20 { border: solid 20px #c7c7c7; }
.fieldlabel{display:none;}
.vam{vertical-align:middle;}
.vat{vertical-align:top;}
.vab{vertical-align:bottom;}
.marinauto{margin:0 auto;}

div.hidden, a.hidden{display: none;	margin: 0;}


/* Global Links
=====================================================================*/

a {	margin: 0px;	padding: 0px;}
a:link, a:visited, a:active{background: transparent; text-decoration: none;}
a:hover{background: transparent;	text-decoration: underline;}


/* color style
=====================================================================*/
.c808080, .c808080 a:link, .c808080 a:visited, .c808080 a:active, .c808080 a:hover {color:#808080;}/*È¸»ö*/
.c003f78, .c003f78 a:link, .c003f78 a:visited, .c003f78 a:active, .c003f78 a:hover {color:#003f78;}/*»ó´Ü ÀÌ¸§ »ö*/
.c5b87af, .c5b87af a:link, .c5b87af a:visited, .c5b87af a:active, .c5b87af a:hover {color:#5b87af;}/*»ó´Ü text »ö*/
.c0a5599, .c0a5599 a:link, .c0a5599 a:visited, .c0a5599 a:active, .c0a5599 a:hover {color:#0a5599;}/*»ó´Ü text »ö_¸ÞÀÎ*/
.c1aa8c7, .c1aa8c7 a:link, .c1aa8c7 a:visited, .c1aa8c7 a:active, .c1aa8c7 a:hover {color:#1aa8c7;}/*ÀÎµðÄÉÀÌÅÍ*/
.c81858b, .c81858b a:link, .c81858b a:visited, .c81858b a:active, .c81858b a:hover {color:#81858b;}/*Å×ÀÌºí³»¿ë*/
.c6288ad, .c6288ad a:link, .c6288ad a:visited, .c6288ad a:active, .c6288ad a:hover {color:#6288ad;}/*ÄÚ¸àÆ® ÀÌ¸§»ö»ý*/
.cff9900, .cff9900 a:link, .cff9900 a:visited, .cff9900 a:active, .cff9900 a:hover {color:#ff9900;}/*ÄÚ¸àÆ® ÀÌ¸§»ö»ý*/
.cff6c00, .cff6c00 a:link, .cff6c00 a:visited, .cff6c00 a:active, .cff6c00 a:hover {color:#ff6c00;}/*ÄÚ¸àÆ® ÀÌ¸§»ö»ý*/
.c0158a0, .c0158a0 a:link, .c0158a0 a:visited, .c0158a0 a:active, .c0158a0 a:hover {color:#0158a0;}/*ÄÚ¸àÆ® ÀÌ¸§»ö»ý*/

.c555555, .c555555 a:link, .c555555 a:visited, .c555555 a:active, .c555555 a:hover {color:#555555;}/*ÄÚ¸àÆ® ÀÌ¸§»ö»ý*/
.c777777, .c777777 a:link, .c777777 a:visited, .c777777 a:active, .c777777 a:hover {color:#777777;}/*ÄÚ¸àÆ® ÀÌ¸§»ö»ý*/

/* form list style */
.select {color:#979797; font:11px dotum; border:1px #dedede solid;}
.input {color:#979797; font: 11px dotum; border:1px #dedede solid; padding-left:3px; line-height:16px;}
.textarea{color:#979797; font: 11px dotum; border:1px solid #dedede; line-height:18px;}
.radio {margin:0px; height:13px; width:13px; overflow:hidden;}
.checkbox{margin:0px; padding:0px; height:13px; width:13px; overflow:hidden;}

/* line-height style */
.l14 {line-height:14px;}
.l15 {line-height:15px;}
.l16 {line-height:16px;}
.l17 {line-height:17px;}
.l18 {line-height:18px;}
.l19 {line-height:19px;}
.l20 {line-height:20px;}
.l21 {line-height:21px;}
.l22 {line-height:22px;}
.l23 {line-height:23px;}
.l24 {line-height:24px;}
.l25 {line-height:25px;}
.l26 {line-height:26px;}
.l27 {line-height:27px;}
.l28 {line-height:28px;}
.l29 {line-height:29px;}
.l30 {line-height:30px;}

/* letter-spacing style */
.let {letter-spacing:-1px;}

/* text-decoration */
.deco_l{text-decoration:line-through;}
.deco_u{text-decoration:underline;}

/* blockquote style */
blockquote{margin-left:15px;}

/* png img style */
.Png{behavior: url("/new_css/iepngfix.htc")}

/* font size */
.p10{font-size:10px;}
.p11{font-size:11px;}
.p12{font-size:12px;}
.p13{font-size:13px;}
.p14{font-size:14px;}
.p15{font-size:15px;}
.p16{font-size:16px;}
.p25{font-size:25px;}

/* font style */
.p_dotum{font-family:dotum;}

/*border_box*/
.border_boxa6c9ea{border:1px solid #a6c9ea;}

#mainWrapper{position:relative; width:100%; text-align:center;}
#mainVisualGnb{position:relative; width:100%; text-align:center; z-index:1; /* background:url('/new_images/bg_main_widebg.jpg') repeat-x 0 0;*/}
	.main_visual{position:absolute; top:0; left:0; z-index:2; width:100%;}
	.gnb{position:absolute; top:0; left:0; width:100%; text-align:center;  z-index:3;}


#mainContainer{position:relative; z-index:999999; text-align:center; width:100%; padding-top:12px; z-index:100}
#contentWrapper{width:960px; margin:0 auto; text-align:center; padding:0 12px;}
.mainMypage{float:left; width:467px; padding-left:13px; text-align:left;}
.mainUtility{float:right; width:467px;  padding-right:13px; text-align:right; z-index:101}

.main1Row{float:left; width:244px; margin-top:382px; margin-right:18px; padding-top:33px;}
.main2Row{float:left; width:436px; margin-top:382px; margin-right:18px;}
.main3Row{float:left; width:244px; margin-top:382px; padding-top:33px;}


/* center */
.speedMenu{padding:16px 0 10px; overflow:hidden;}
	.speedMenu ul{overflow:hidden;}
	.speedMenu ul li{float:left;}

.viewNews{overflow:hidden; width:436px; height:145px;}
	.viewNews a{color:#535353}
	.viewNews .oakvalleyTv{float:left; width:266px; height:134px; padding:11px 13px 0; background:url('/new_images/main/backimg_oakvalleytv_2.gif') no-repeat 0 0}/* ¿ÀÅ©¹ë¸® TV ¹è°æ backimg_oakvalleytv.gif */
		.viewNews .oakvalleyTv .pagingBtn{ height:36px; text-align:right;}
		.viewNews .oakvalleyTv strong.page{color:#747474;}
			.viewNews .oakvalleyTv strong.page a{ color:#747474}
		.viewNews .oakvalleyTv dl.cont{float:left; width:115px;}
			.viewNews .oakvalleyTv dl.cont dt img{border:1px solid #ebebeb}
			.viewNews .oakvalleyTv dl.cont dd{font:11px dotum; padding-top:5px; color:#535353}
			.viewNews .oakvalleyTv dl.cont dt,dd{text-align:center;}
		.viewNews .oakvalleyTv ul.list{float:left; width:150px; padding-top:1px}
			.viewNews .oakvalleyTv ul.list li{padding:0 0 0 9px; height:18px; text-align:left; background:url('/new_images/main/bullet_2x2.gif') no-repeat 0 5px}
	.viewNews .photoEvent{float:right; width:122px; height:134px; padding:11px 10px 0; background:url('/new_images/main/backimg_photonews_2.gif') no-repeat 0 0}/* Æ÷Åä ÀÌº¥Æ® ¹è°æ backimg_photonews_2.gif */
		.viewNews .oakvalleyTv dl.cont{}
			.viewNews .photoEvent dl.cont dt img{border:1px solid #ebebeb}
			.viewNews .photoEvent dl.cont dd{font:11px dotum; padding-top:5px; color:#535353}
			.viewNews .photoEvent dl.cont dt,dd{text-align:center;}

.centerBanner {overflow:hidden; position:relative; width:436px; margin-top:10px;}
	.centerBanner ul {position:relative; top:-10px; left:-10px; width:446px; margin-bottom:-10px;}
	.centerBanner ul li {float:left; width:213px; padding:10px 0 0 10px;}
	.centerBanner ul li img {vertical-align:top;}

.carpoolBanner{width:231px; height:34px; padding:34px 0 0 13px; text-align:left; background:url('/new_images/main/backimg_carpool.gif') no-repeat 0 0;}
	.carpoolBanner a{color:#535353;}

.carpoolBanner2{width:200px; height:34px; padding:33px 0 0 13px; text-align:left; background:url('/new_images/main/backimg_carpool2.gif') no-repeat 0 0;}
	.carpoolBanner2 a{color:#535353;}

.noticeMain{text-align:left; position:relative;}
#tab-container ul.tabTit {overflow:hidden; width:244px; height:22px; background:url('/new_images/main/main_tabbg.gif') repeat-x 0 0; }
#tab-container ul.tabTit li{float:left}
#tab-container .more{position:absolute; top:23px; right:0;}
#tab-container .listSec {height:102px; padding-top:11px; background:#fff;}
#tab-container .listSec li{height:18px; vertical-align:top; padding:0 0 0 11px; background:url('/new_images/main/bullet_2x2.gif') no-repeat 2px 5px;}
#tab-container .listSec li a{color:#666666;}

#tab-container2 ul.tabTit {overflow:hidden; width:244px; height:22px; background:url('/new_images/main/main_tabbg.gif') repeat-x 0 0; }
#tab-container2 ul.tabTit li{float:left}
#tab-container2 .more{position:absolute; top:23px; right:0;}
#tab-container2 .listSec {height:102px; padding-top:11px; background:#fff;}
#tab-container2 .listSec li{height:18px; vertical-align:top; padding:0 0 0 11px; background:url('/new_images/main/bullet_2x2.gif') no-repeat 2px 5px;}
#tab-container2 .listSec li a{color:#666666;}

ul.customerMain{overflow:hidden; width:244px; height:142px; margin-top:10px;}
	ul.customerMain li{float:left;}

#main_footer{background:url('/new_images/footer_bg.gif') repeat-x left top; width:960px; padding-top:0px; height:104px; text-align:center; margin:10px auto 0; overflow:hidden; clear:both;}
#main_footer ul.footer_menu{margin-top:19px;padding-left:0px; width:464px; float:left;}
#main_footer ul.footer_menu li{float:left; line-height:1%; font-size:1%;}
#main_footer ul.footer_logo{float:right; margin-top:23px; padding-right:0px;}
#main_footer .copyright{float:left;  padding-left:0px; padding-top:10px;}
.main_footerLeft{background:url('/new_images/footer_left.gif') no-repeat 0 0; padding-left:30px; width:930px:}
.main_footerRight{background:url('/new_images/footer_right.gif') no-repeat right 0; padding-right:30px; height:104px}

#main_footer2{background:url('/new_images/footer_bg2.gif') repeat-x left top; width:960px; padding-top:0px; height:104px; text-align:center; margin:10px auto 0; overflow:hidden; clear:both;}
#main_footer2 ul.footer_menu{margin-top:19px;padding-left:0px; width:464px; float:left;}
#main_footer2 ul.footer_menu li{float:left; line-height:1%; font-size:1%;}
#main_footer2 ul.footer_logo{float:right; margin-top:23px; padding-right:0px;}
#main_footer2 .copyright{float:left;  padding-left:0px; padding-top:10px;}
.main_footerLeft2{background:url('/new_images/footer_left2.gif') no-repeat 0 0; padding-left:30px; width:930px:}
.main_footerRight2{background:url('/new_images/footer_right2.gif') no-repeat right 0; padding-right:30px; height:104px}
