/*@import url(gnb.css); 헤더, 네비게이션, 푸터 */ /**************************************************************************** 기본 레이아웃 ****************************************************************************/ /* 레이아웃 : 기본 */ /* body { position: relative; background-color: #FFF; text-align: center; } #wrapper { width: 100%; position: relative; background-color: #FFF; text-align: center; } *//* 모든 페이지에 #wrapper 적용 후 body에 적용된 bg삭제예정 */ /* #header, #nav, #container, #footer { width: 970px; margin: 0 auto; text-align: left;} #header, #nav, #footer { position: relative; } #nav { margin-top: 0px;} #footer { margin-top: 20px; } #container { overflow: hidden; margin-top: 0px; } #footer { clear: both; } */ /**************************************************************************** 기본 스타일 ****************************************************************************/ /* * { margin: 0px; padding: 0px; } body { font-family: Dotum, "돋움"; font-size: 12px; line-height: 1.6; color: #4c4c4c; } ol, ul, li, dl, dt, dd { list-style: none;} img, fieldset { border: none; } a { color: #717171; text-decoration: none; } a:visited { color: #717171; text-decoration: none; } a:active { color: #3399FF; text-decoration: none; } a:hover { color: #3399FF; text-decoration: none; } */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /**************************************************************************** 폰트 컬러 ****************************************************************************/ /* 하늘 */ .mainColor { color: #4496d2; } .mainColor a { color: #4496d2; text-decoration: none; } .mainColor a:visited { color: #4496d2; text-decoration: none; } .mainColor a:active { color: #3399FF; text-decoration: underline; } .mainColor a:hover { color: #3399FF; text-decoration: underline; } /* 파랑 : 서브메인-날짜, 기사면-타이틀 */ .subColor_01 { color: #3366CC; } .subColor_01 a { color: #3366CC; text-decoration: none; } .subColor_01 a:visited { color: #3366CC; text-decoration: none; } .subColor_01 a:active { color: #3399FF; text-decoration: underline; } .subColor_01 a:hover { color: #3399FF; text-decoration: underline; } /* 보라 */ .subColor_02 { color: #431db7; } .subColor_02 a { color: #431db7; text-decoration: none; } .subColor_02 a:visited { color: #431db7; text-decoration: none; } .subColor_02 a:active { color: #3399FF; text-decoration: underline; } .subColor_02 a:hover { color: #3399FF; text-decoration: underline; } /* 빨강 : */ .subColor_03 { color: #990000; } .subColor_03 a { color: #990000; text-decoration: none; } .subColor_03 a:visited { color: #990000; text-decoration: none; } .subColor_03 a:active { color: #3399FF; text-decoration: underline; } .subColor_03 a:hover { color: #3399FF; text-decoration: underline; } /**************************************************************************** 기본사항 ****************************************************************************/ /* 플롯해제 */ .clear { clear: both; height: 0; font-size: 0px; visibility: hidden; overflow: hidden; } .content { overflow: hidden; } /* .png IE6용 */ .png24 {tmp:expression(setPng24(this));} h2, h3, h4 { color: #000; } h2 a, h3 a, h4 a { color: #000; } /* 타이틀 : 서브 */ #sub_content h3 { font-size: 14px; letter-spacing: -1px; } #sub_content .sub_CR .title h3 { font-size: 12px; } /* 타이틀 우측 서브링크 */ .title p a { font-size: 11px; letter-spacing: -1px; color: #666; } .title p a:hover { color: #3399FF; } /* 본문 가운데 : 좌우측 정렬 */ .sub_CL { float: left; width: 340px; } .sub_CL4 { float: left; width: 250px; margin-left:20px; } .sub_CR { float: right; width:198px; } .sub_CR1 { float: right; width: 435px; margin-right: 9px; margin-top: 5px; position: relative; margin-bottom: 0px; } .sub_CR1 .btn_top { position: absolute; left: 352px; margin: 0; bottom: 6px;} .sub_CR1 .btn_top img { width:67px; height:10px; border: 0; } .sub_CR2 { float: right; width: 435px; margin-right: 9px; margin-top: 5px; } /**************************************************************************** 헤더 : #header ****************************************************************************/ #header { height: 93px; } #home, #date, #weather, #header h1, #ad_header, #family { position: absolute; } #home { left: 0; top: 3px; } #date { right: 105px; top: 3px; } #weather { right: 0; top: 0; } #header h1 { left: 0; bottom: 0; } /**************************************************************************** 상단 네비게이션 : #nav ****************************************************************************/ #mainBar { width: 970px; position: relative; } #mainBar .barBgLeft { position:absolute; left: 0; top: 0; width: 5px; height: 34px; background: url(./images/menu_Left.gif) no-repeat top left; } #mainBar .barBgRight { position: absolute; right: 0; top: 0; width: 5px; height: 34px; background: url(./images/menu_Right.gif) no-repeat top right; } #mainBar .barBg { width: 970px; height: 34px; background: url(./images/menu_Bg.gif) repeat-x top; } /* 메인메뉴[상단] : 뉴스, 오피니언, 커뮤니티, 블로그 */ #mainMenu { _display: inline; } #mainMenu ul { margin-left: 20px; padding: 0; } #mainMenu li { float: left; margin-left: 0;margin-right: 0; } #mainMenu li img { vertical-align: middle; } #mainMenu a { float: left; padding-top: 34px; overflow: hidden; height: 0 !important; height /**/: 34px; /*IE5*/ } #mainMenu a:hover { background-position: 0 -34px; } #mainMenu00 a {position:absolute; width:100; height:35px;background: url(/images/oclogo.jpg) bottom left no-repeat;border:0px;margin:0px 0px 0px 10px;padding:0px 0 0 0;top:0;} #mainMenu00 a:hover { background-position:0 0;} #mainMenu00 a { width: 130px; background: url(./images/oclogo.jpg) top left no-repeat; } #mainMenu00 a:hover { width: 130px; background: url(./images/oclogo.jpg) top left no-repeat; } #mainMenu01 a { width: 100px; background: url(./images/cust_menu.gif) top left no-repeat; } #mainMenu02 a { width: 100px; background: url(./images/insu_menu.gif) top left no-repeat; } #mainMenu03 a { width: 100px; background: url(./images/schedule_menu.gif) top left no-repeat; } #mainMenu04 a { width: 100px; background: url(./images/send_menu.gif) top left no-repeat; } #mainMenu05 a { width: 100px; background: url(./images/dbman_menu.gif) top left no-repeat; } #mainMenu06 a { width: 100px; background: url(./images/notic_menu.gif) top left no-repeat; } #mainMenu07 a { width: 100px; background: url(./images/mypage_menu.gif) top left no-repeat; } #mainMenu08 a { width: 100px; background: url(./images/mall_menu.gif) top left no-repeat; } /* 배너추가 */ #sidebanner { position: absolute; right: 270px; top: 5px; } /* 메인메뉴[하단] : 각 섹션별 하위메뉴 */ /*#subBar { position: relative;top:0;left:0; margin:0 0 0 0;height: 24px; background-color: #70b9f2; border: 1px solid #DDD; border-top: none; padding-top:3px; color:#ffffff;font-weight:bold;}*/ #subBar { position: relative;top:0;left:0; margin:0 0 0 0;height: 24px; background-color: #f5f5f5; border: 1px solid #DDD; border-top: none; padding-top:3px; } /* 섹션별 서브메뉴 */ #subMenu {_display: inline;} #subMenu01 { margin-left: 20px;} #subMenu02 { margin-left: 20px;} #subMenu03 { margin-left: 120px;} #subMenu04 { margin-left: 160px;} #subMenu05 { margin-left: 280px;} #subMenu06 { margin-left: 450px; } #subMenu07 { margin-left:350px;} #subMenu08 { margin-left: 542px;} #subMenu .textBar{margin: 0 8 0 0; color:#d4d0c8;} #subMenu .listAll { background: url(http://img.khan.co.kr/spko/main_2009/icon_list_all.gif) no-repeat 0 0; padding-left: 12px;} /*책모양아이콘 안씀*/ #subMenu .listAll a { color: #48647C; } /*#subMenu a { color: #ffffff }*/ /* 우측버튼 : 로그인, 로그아웃 외 */ /*#btnLink { position: absolute; right: 14px; top: 2px; display: block; } #btnLink li { float: left; padding-left: 13px; margin-left: 10px; font-size: 11px; letter-spacing: -1px; } #btnLink .smile { background: url(http://img.khan.co.kr/spko/main_2009/icon_smile.gif) no-repeat 0 50%; } #btnLink .pdf { background: url(http://img.khan.co.kr/spko/main_2009/icon_pdf.gif) no-repeat 0 50%; } #btnLink .login { background: url(http://img.khan.co.kr/spko/main_2009/icon_login.gif) no-repeat 0 50%; } #btnLink .join { background: url(http://img.khan.co.kr/spko/main_2009/icon_join.gif) no-repeat 0 50%; } */ /*IE6*/ /* *html #btnLink .smile { background: url(http://img.khan.co.kr/spko/main_2009/icon_smile.gif) no-repeat 0 40%; } *html #btnLink .pdf { background: url(http://img.khan.co.kr/spko/main_2009/icon_pdf.gif) no-repeat 0 40%; } *html #btnLink .login { background: url(http://img.khan.co.kr/spko/main_2009/icon_login.gif) no-repeat 0 40%; } *html #btnLink .join { background: url(http://img.khan.co.kr/spko/main_2009/icon_join.gif) no-repeat 0 40%; } */ /*IE7*/ /* *:first-child+html #btnLink .smile { background: url(http://img.khan.co.kr/spko/main_2009/icon_smile.gif) no-repeat 0 40%; } *:first-child+html #btnLink .pdf { background: url(http://img.khan.co.kr/spko/main_2009/icon_pdf.gif) no-repeat 0 40%; } *:first-child+html #btnLink .login { background: url(http://img.khan.co.kr/spko/main_2009/icon_login.gif) no-repeat 0 40%; } *:first-child+html #btnLink .join { background: url(http://img.khan.co.kr/spko/main_2009/icon_join.gif) no-repeat 0 40%; } */ /**************************************************************************** 기본 레이아웃 ****************************************************************************/ /* 레이아웃 : 기본 */ body { position: relative; background: url(./images/body_top3.gif) repeat-x top; _background-color: #FFF; text-align: center; } #header, #nav{ width: 970px; margin: 0 auto; text-align: left; } #header, #nav{ position: relative; } #nav { margin-top: 0px;} /**************************************************************************** 기본 스타일 ****************************************************************************/ * { margin: 0px; padding: 0; } body { font-family: Dotum, "돋움"; font-size: 12px; line-height: 1.6; color: #474747; } @media print{ body{ color: #000; } } ol, ul, li, dl, dt, dd { list-style: none;} img, fieldset { border: none; } textarea { border: solid 1px #DDD; } #content dt{color: #474747!important; text-decoration: none; } #content dl{color: #6b6b6b!important; text-decoration: none;}