@import url(./common.css); /* 메인, 서브 공통사용 클래스 */ /**************************************************************************** 헤더 : #header ****************************************************************************/ #wrapper { position: relative; } #header, #header_main, #header_forum, #forum_content, #footer { position: relative;} #header, #header_main, #header_forum, #container, #mainBar { width:100%; margin: 0 auto; text-align:center } #header { height:278px; width:1022px; background: url(/images/top/sub_top_bg.jpg) no-repeat left top;} #header_forum { height:278px; width:1022px; background: url(/images/top/sub_top_bg.jpg) no-repeat left top;} #header_main { height:1020px; width:1022px; background: url(/images/main/main_bg.jpg) no-repeat left top;} /* #header .right_wing { position: absolute; width:300px; height:359px; left:1022px; top:0; background: url(/images/sub/sub_wing.jpg) repeat-x } #header_main .right_wing { position: absolute; width:300px; height:617px; left:1170px; top:1px; background: url(/images/main/main_wing.jpg) repeat-x } #header_forum .right_wing { position: absolute; width:300px; height:359px; left:1170px; top:1px; background: url(/images/sub/sub_wing.jpg) repeat-x } **/ #topnav { position: absolute; right:50px; top:0px; _display: inline; height:50px;} #topnav li { float: left; padding-left:10px; padding-right: 20px; } #topnav .home { background: url(/images/top/dot2.jpg) no-repeat 0 50%; } /*IE6*/ *html #topnav .home { background: url(/images/top/dot2.jpg) no-repeat 0 40%; } /*IE7*/ *:first-child+html #topnav .home { background: url(/images/top/dot2.jpg) no-repeat 0 40%; } #mainLeft { position: absolute; margin:0; left:0; padding-left:64px; top:444px; height:500px;} #mainRight { position: absolute; margin:0; left:700px; width:300px;top:402px; padding-left:0px;} #logo { position: absolute; margin:0; left:25px; top:19px; } #logo { position: absolute; margin:0; left:29px; top:16px; } #flash1 { position: absolute; left:132px; top:170px; } #flash2 { position: absolute; left:556px; top:87px; } #sub_flash1 { position: absolute; left:215px; top:83px; } #sub_flash2 { position: absolute; left:630px; top:83px; } #btnLink { position: absolute; right:50px; top:0px; _display: inline; height:50px;} #btnLink li { float: left; padding-left:0px; padding-right: 0px; } #btnLink li a { color:#dbe5f7;} #btnLink li a:hover { color:#dbe5f7 } #container { width: 1022px; margin:0 auto; text-align: center; overflow: hidden; background-color:#FFF;} #footer { width: 1022px; margin:0 auto; text-align: center; overflow: hidden; background-color:#FFF;} #forum_content { width:720px; margin-bottom:20px; overflow:hidden; text-align:left;} /** body { position: relative; _background-color: #FFF; background-color:#FFF; text-align: center; } **/ body { position: relative; text-align: center; background: url(/images/main/background.jpg) repeat-x;} /**************************************************************************** 서브레이아웃 ****************************************************************************/ #sub_sideLeft { float:left; width:223px; padding:0; background: url(/images/top/sub_left_bg.jpg) repeat-y; margin-top:30px; text-align:left; overflow:hidden; /*border:1px solid red;*/} #sub_sideRight { float:right; width:780px; margin-top:22px; margin-right:0px; text-align:left; overflow: hidden; /* border:1px solid red; */} /********************************************** 메인페이지 **********************************************/ #indexMain { float:left; width:704px; margin-bottom:20px; overflow:hidden; text-align:left;} #indexRight { float:right; width:282px; margin-bottom:20px; overflow: hidden; text-align:left} #indexMain .sub_CL { width: 309px; margin-left:0px; overflow: hidden;} #indexMain .sub_CR { width: 398px; float:right; margin-left:15px; overflow: hidden;} /**************************************************************************** 상단 네비게이션 : #nav ****************************************************************************/ #mainBar { position: absolute; left:219px; top:27px;} #mainMenu { _display: inline;} #mainMenu ul { margin-top:0px; } #mainMenu li { float: left; margin-right:0px;} #mainMenu li.end { margin-right:0; !important } #mainMenu li img { vertical-align: middle; } #mainMenu a { float: left; padding-top: 34px; overflow: hidden; height: 0 !important; height /**/: 28px; /*IE5*/ } #mainMenu a:hover { } #mainMenu01 a { width: 134px; background: url(/images/top/main_m1.jpg) top left no-repeat; } #mainMenu02 a { width: 111px; background: url(/images/top/main_m2.jpg) top left no-repeat; } #mainMenu03 a { width: 176px; background: url(/images/top/main_m3.jpg) top left no-repeat; } #mainMenu04 a { width: 111px; background: url(/images/top/main_m4.jpg) top left no-repeat; } #mainMenu05 a { width: 112px; background: url(/images/top/main_m5.jpg) top left no-repeat; } #mainMenu06 a { width: 159px; background: url(/images/top/main_m6.jpg) top left no-repeat; } #subBar { position: absolute; left:210px; top:61px; text-align:left} #subMenu { _display: inline; } #subMenu01 { margin-left: 50px; } #subMenu02 { margin-left: 100px; } #subMenu03 { margin-left: 100px; } #subMenu04 { margin-left: 280px; } #subMenu05 { margin-left: 250px; } #subMenu06 { margin-left: 420px; } #subMenu .textBar { margin: 0px; padding-left:1px; padding-right:1px; color:#cccccc} #subMenu a { color:#333333; margin:0; padding:0 } #subMenu a:hover { color:#333333 } #subMenu a:hover { color:#333333 } /**************************************************************************** 서브 네비게이션 : subNav ****************************************************************************/ #subNav { width:223px; margin-left:26px; background: url(/images/sub/subnav_bg.jpg) repeat-y; } #subNav dt { margin-top: 0px;/*행간*/ line-height: 15px;/*두줄용행간*/ padding-left: 0px; background-color: #FFF; } #subNav dd { margin-top: 0px;/*행간*/ line-height: 15px;/*두줄용행간*/ padding-left: 0px; } #subNav dl { } #subNav .p { margin:0; padding:0 } #subNav .end { } /* 메뉴 : 기본 */ #subNav #menu { width:223px; margin: 10px 0 5px 0px; } #subNav #menu dt { background-color:#FFF; padding-bottom:0px; margin-top:0px;border-bottom:0px solid #efefef;} #subNav #menu .on { background: url(/images/subnav/ico_dot_on.gif) no-repeat 5px 4px; background-color: #FFF; } #subNav #menu .on a { color: #f0351b; font-weight: bold; } /**************************************************************************** 기본 스타일 ****************************************************************************/ * { margin: 0; padding: 0; } body { font-family: Dotum,"돋움"; font-size: 12px; line-height: 1.6; color: #333;} table, td { font-family: Dotum,"돋움"; font-size: 12px; line-height: 1.6; color: #333; } @media print{ body{ color: #000; } } ol, ul, li, dl, dt, dd { list-style: none; } img, fieldset { border: none; } input, select { font-size:100%; vertical-align:middle; margin:1px; padding-top:2px; } input { border: solid 1px #DDD; height: 20px; } checkbox { border: none; } textarea { border: solid 1px #DDD; } box {margin-top:-5px;} a { color: #333; text-decoration: none; } a:visited { color: #333; text-decoration: none; } a:active { color: #333; text-decoration: underline; } a:hover { color: #3c5c97; text-decoration: underline; font-weight:normal;} /* 읽은기사표시 */ #sports a:visited { color: #666e8d !important;} .article a:visited { color: #666e8d !important;} .articleDate a:visited { color: #666e8d !important;} .reArticle a:visited { color: #666e8d !important;} .photo a:visited { color: #666e8d !important;} .photoArticle a:visited { color: #666e8d !important;} .list a:visited { color: #666e8d !important;} .listNum a:visited { color: #666e8d !important;} .lineArticle a:visited { color: #666e8d !important;} /**************************************************************************** 푸터 : #footer ****************************************************************************/ #footer {clear:both; margin-top:15px; margin-left: 0px; } #footer .copyright { float: left; margin-top:10px; margin-left:10px; padding-bottom:20px;} #footer a { color: #666; text-decoration: none; } #footer a:visited { color: #666; text-decoration: none; } #footer a:active { color: #3399FF; text-decoration: underline; } #footer a:hover { color: #3399FF; text-decoration: underline; } /**************************************************************************** forum ****************************************************************************/ #forumView { position:relative; width:99%; margin-bottom:20px; border:1px solid #c7c7c7;} #forumView .forum_title { position: relative; margin-bottom: 5px; background-color: #F5F5F5; padding: 10px; _height: 1%; } #forumView .forum_title dt { color: #000; font-size: 20px; letter-spacing: -1px; line-height: 22px; background: none; padding-left: 0; } #forumView .forum_title dd { font-size: 12px; color: #999; margin-top: 7px; } #forumView .forum_title .name { color: #8794a1;} #forumView .forum_title .cmd { position: absolute; right: 15px; bottom: 7px; } #forumView .forum_title .cmd li { float: left; font-size: 12px; color: #999; margin-right:10px;} #forumView .forum_title .cmd li a { color: #8794a1; } #forumView .forum_content { font-family: 굴림; font-size: 12px; line-height: 180%; padding:15px; } /**************************************************************************** 컨텐츠 : #contentsView_wrap ****************************************************************************/ #contentsView { clear:both; margin-bottom: 20px;} #contentsView .contents_title { position: relative; margin-top:10px; margin-bottom: 25px; background-color: #F5F5F5; padding: 15px 15px 17px 15px; border-top:1px solid #d2d2d2; border-bottom: 1px dotted #d2d2d2; _height: 1%; } #contentsView .contents_title dt { color: #1873d9; font-size: 20px; letter-spacing: -1px; line-height: 22px; background: none; padding-left: 0; } #contentsView .contents_title dd { font-size: 11px; color: #999; margin-top: 7px; } #contentsView .contents_title .name { color: #8794a1;} #contentsView .contents_title dd { font-size: 11px; color: #999; margin-top: 7px; } #contentsView .contents_title .cmd { position: absolute; right: 15px; bottom: 17px; } #contentsView .contents_title .cmd li { float: left; font-size: 11px; color: #999; margin-right:10px; font-weight:bold} #contentsView .contents_title .cmd li a { color: #8794a1; } #contentsView .contents_title .total { position: absolute; right: 15px; bottom: 7px; } #contentsView .contents_title .total li { float: left; font-size: 11px; color: #666; font-weight: bold; } #contentsView .contents_title .total .textBar { font-weight: normal; margin: 0 2px; } #contentsView .contents_body { position: relative; overflow: hidden; padding: 15px; font-family: gulim,"굴림"; font-size: 12px; line-height: 22px; border-bottom:1px dotted #ddd} #contentsView .contents_body .sub_title { color: #666; font-weight: bold; } #contentsView .contents_body .boxLineBG { border: solid 1px #DDD; background-color: #F5F5F5; padding: 10px 15px 15px 15px; font-size: 13px; line-height: 22px; _height: 1%; margin-bottom: 20px; } #contentsView .contents_date { position: relative; font-size: 11px; color: #999; height: 30px; padding-top: 7px; margin: 5px 0; } #contentsView .contents_date .tabMenu { position: absolute; right: 0; top: 0; height: 30px; } #contentsView .contents_date .tabMenu a { padding-top: 30px; overflow: hidden; height: 0 !important; } #contentsView .contents_date .tabMenu a:hover { background-position: 0 -30px; } /* 컨텐츠내 이미지 */ #contentsView .content_img { padding: 3px 3px; border: solid 1px #CCC; background-color: #F5F5F5; width:100%; } #contentsView .content_img_left { float: left; text-align: center; margin: 5px 20px 5px 0;} #contentsView .content_img_center { text-align: center; margin: 5px auto; } #contentsView .content_img_right { float: right; text-align: center; margin: 5px 0 5px 10px; padding-right:10px; } #contentsView .content_img p { text-align: left; color: #555; font-family: Dotum,"돋움"; font-size: 11px; line-height: 15px; padding: 5px 0 0 3px; } /* 컨텐츠 댓글리스트 */ #contentsReview .title { margin-bottom: 0; } #contentsReview .btn_reWrite { position: absolute; top: 8px; left: 85px; width: 50px; } #contentsReview .txt { line-height: 16px; } #contentsReview .reView_list { border-bottom: dashed 1px #CCC; padding: 15px 0 15px 0; } #contentsReview .reView_list .info { position: relative; font-size: 11px; letter-spacing: -1px; margin-top:10px; color: #999; } #contentsReview .reView_list .info .date { font-family: Verdana; font-size: 10px; letter-spacing: -1px; } #contentsReview .reView_list .info .textBar { margin: 0; } #contentsReview .reView_list .info .btn { position: absolute; right: 0; _right: 12px; top: -3px; color: #333; } #contentsReview .reView_list .info .btn { top: -36px; } /* 만평 공감버튼이 아래로 떨어져서 임의로 지정 (이유모름) */ #contentsReview .reView_list .info .btn li { float: left; } #contentsReview .reView_list .best { border: solid 4px #DDD; padding: 15px 12px 15px 12px; } #contentsReview .reView_list .best h3 { padding-bottom: 10px; } button { margin:0; padding:0; border:none; } span.button,span.button button { position:relative; margin:0; display:-moz-inline-box; display:inline-block !important; border:0; color:#444 !important; font:8pt 돋움, dotum, Sans-serif; white-space:nowrap; background:url('/images/bg_btn.gif') no-repeat left top; vertical-align:middle; } span.button { padding:0 0 0 2px; background-position:left top; } span.button button { width:auto; overflow:visible; height:20px; top:0; padding:0 5px 0 3px; background-position:right top; cursor:pointer; letter-spacing:-1px; line-height:22px; vertical-align:top; } span.icon { _margin:0 0 1px 0; } span.icon button { _margin:0 0 2px 0; _padding-top:3px; } span.icon button img { position:relative; margin-bottom:3px; _margin-bottom:0; vertical-align:middle; } span.icon.small button { _margin:-1px 0 2px 0; } span.icon.small02 button img { _margin-top:0; } span.icon.large button { _margin:-1px 0 2px 0; } span.icon.large img { _margin-top:2px; } span.icon.large02 img { _margin-top:4px; } span.button button.disabled { color:#aaa !important; cursor:default; } .btn_list { height:28px; padding:0; background:#ececec; border-bottom:1px solid #c9c9c9; font-size:8pt; position:relative; z-index:1; } .btn_list ul { float:left; } .btn_list ul li ul { float:none; position:static; } .btn_list ul li .layer01 { position:absolute; } .btn_list ul.btn_right { float:right; } .btn_list li { float:left; margin:9px 0 0 0; padding:0 10px 0 7px; _padding:0 10px 2px 7px; background:url('/images/bg_barline.gif') no-repeat right top; } .btn_list li.none { background:none; } .btn_list .btn_right li { float:left; margin:5px 0 0 0; padding:0 7px 0 7px; background-position:0 4px; color:#888; } .btn_list .btn_right li a { color:#888; } .btn_list li a { display:block; color:#666 !important; letter-spacing:-1px; } .btn_list li a.cmd { margin:0px 0 0 0; padding:0 0 0 8px; background:url('/images/ico_arr_right.gif') no-repeat 0 3px; } .btn_list li a.refresh { margin:4px 0 0 0; padding:0 0 0 13px; background:url('/images/ico_refresh.gif') no-repeat 0 1px; } .btn_list li a.newwin { margin:4px 0 0 0; padding:0 0 0 13px; background:url('/images/ico_newwin.gif') no-repeat 0 1px; } .btn_list li a.list { margin:4px 0 0 0; padding:0 0 0 11px; background:url('/images/ico_list.gif') no-repeat 0 1px; } .btn_list li .left { display:block; margin:4px 0 0 0; padding:0 0 0 6px; background:url('/images/ico_arr_left.gif') no-repeat 0 3px; } .btn_list li .right { display:block; margin:4px 0 0 0; padding:0 7px 0 0; background:url('/images/ico_arr_right.gif') no-repeat 100% 3px; } .btn_list li span.button { margin-top:-5px; _margin-top:-6px; _top:1px; } .btn_list li span.button img { width:9px; }