/************************************************************************ * 파일명 : base.css * 설명 : 사이트 기본 css와 이와 관련된 공통class들 * 작성자 : 노수정 * 작성일 : 2007.07.30 ************************************************************************/ @import "layout.css"; @import "class.css"; * {margin:0; padding:0;} body {color:#4D4D4D; font-size:12px; font-family:Arial;} img {border:0px; vertical-align:top;} input, select {font-size:12px; vertical-align:middle; color:#4D4D4D;} select {height:19px;} :root select {height:17px;} ol,ul,li {list-style:none; vertical-align:top;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:12px; font-weight:bold; color:#333;} a:link {text-decoration:none; color:#4D4D4D} a:visited {text-decoration:none; color:#4D4D4D} a:hover {text-decoration:underline; color:#333} a:active {text-decoration:none; color:#4D4D4D} table {border-collapse:collapse; border-spacing:0;} select {font:normal 10px verdana; color:#808080;} input.chk {width:12px; height:12px; border:0} .inputA {height:20px; background:url('../image/common/bg_inputR.gif') no-repeat right 0px; padding-right:2px; margin-right:4px; display:inline; float:left} input.txt {background:url('../image/common/bg_input.gif') no-repeat; border:0; height:15px; padding:3px 0 2px 5px ; font-family: Arial; vertical-align:top; font-size:11px;} *html .inputA {background-position:right 1px; margin-right:1px} *+html .inputA {background-position:right 1px; height:22px;} input.txtB {border:1px solid #CCCCCC; height:14px; padding:1px 5px 2px;} textarea {border:1px solid #CCCCCC; color:#4D4D4D; padding:5px; overflow:auto; font-family:arial; font-size:12px} .clear {clear:both} .leftA {float:left} .rightA {float:right} .al_left {text-align:left} .al_center {text-align:center} .al_right {text-align:right} .bNew {vertical-align:-4px;} .img_middle {vertical-align: middle} .img_m1px {vertical-align:-1px} .png24 {tmp:expression(setPng24(this));} a.rollover img {display:inline;} a.rollover img.over {display:none;} a.rollover img.on {display:none;} a.rollover:hover {border:0px; cursor:pointer} a.rollover:hover img {display:none;} a.rollover:hover img.over {display:inline;} a.rollover:hover img.on {display:none;} .naviL .on img {display:none;} .naviL .on img.rollover {display:none;} .naviL .on img.on {display:inline} .naviL .on a:hover img {display:none;} .naviL .on a:hover img.on {display:inline} .naviL .on a:hover img.rollover {display:none;} /* 071031 추가 S */ .n_2dept .on img {display:none;} .n_2dept .on img.rollover {display:none;} .n_2dept .on img.on {display:inline} .n_2dept .on a:hover img {display:none;} .n_2dept .on a:hover img.on {display:inline} .n_2dept .on a:hover img.rollover {display:none;} /* 071031 추가 E */ /* area */ .w520 {width:520px; margin-left:13px} .w510 {width:510px;} .w500 {width:500px;} .conW {width:540px; margin:0 auto;} .w450 {width:450px; margin:0 auto;} /* font */ .t_10 {font-size:10px} .t_11 {font-size:11px} .t_11 a:link {color:#406C80} .t_11 a:visited {color:#406C80} .t_11 a:hover {color:#406C80} .t_11 a:active {color:#406C80} a.t_11 {color:#406C80} a.t_11:visited {color:#406C80} a.t_11:hover {color:#406C80} a.t_11:active {color:#406C80} .t_18 {font-size:18px;} .t_black {color:#333} .t_gray {color:#999;} .t_Blue {color:#5289B8;} .t_dBlue {color:#406C80;} .t_dBlue a:link {color:#406C80} .t_dBlue a:visited {color:#406C80} .t_dBlue a:hover {color:#406C80} .t_dBlue a:active {color:#406C80} a.t_dBlue {color:#406C80} a.t_dBlue:visited {color:#406C80} a.t_dBlue:hover {color:#406C80} a.t_dBlue:active {color:#406C80} a.none {text-decoration:none} a.none:visited {text-decoration:none} a.none:hover {text-decoration:none} a.none:active {text-decoration:none} a.uline {text-decoration:underline;} a.uline:visited {text-decoration:underline;} a.uline:hover {text-decoration:underline;} .t_rank {color:#8C8425; font-size:9px} .t_no {color:#999; font-family: verdana; font-size:9px} .t_new {color:#6439AC; font-size:10px} .b_small {color:#78929E; font:normal 8px verdana} .t_normal {font-size:12px; color:#4D4D4D; font-weight:normal} .t_verdana {font:11px verdana} .hand {cursor:pointer} /* margin & padding */ .mt3 {margin-top:3px;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt17 {margin-top:17px;} .mt20 {margin-top:20px} .mt10 {margin-top:10px} .ml8 {margin-left:8px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .mr1 {margin-right:1px;} .mr4 {margin-right:4px} .mr8 {margin-right:8px;} .mr10 {margin-right:10px;} .mr30 {margin-right:30px;} .mr80 {margin-right:100px;} .mb3 {margin-bottom:3px;} .mb4 {margin-bottom:4px;} .mb5 {margin-bottom:5px;} .mb8 {margin-bottom:8px} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb18 {margin-bottom:18px;} .mb20 {margin-bottom:20px;} .pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pt10 {padding-top:10px;} .pr11 {padding-right:11px;} .pl10 {padding-left:10px;} .pl20 {padding-left:20px;} .pl40 {padding-left:40px;} .mAuto {margin:0 auto} /* gnb */ #logo {float: none; padding-top:10px; padding-left:25px; text-align: left; z-index:10;} #logo .beta {margin:5px 0 0 8px} #linkS {position:absolute; top:28px; left:10px;} #search {position:absolute; top:10px; right:10px; width:370px; text-align:right;} #search ul {margin-bottom:2px;} #search ul li {display:inline; padding:0 6px; font:normal 9px verdana; background:url('../image/common/bar_line.gif') no-repeat right 3px;} #search ul .alt {background:none; padding:0 0 0 6px} #search ul li .ico{vertical-align:-3px} #search .searchInput{width:230px; float:right} *html #search .searchInput{width:247px;} *+html #search .searchInput{width:247px;} #search .rssA {margin:3px 0 0 1px;} /* opera only \*/ html:\66irst-child #search .searchInput{ width:226px; } /* navigation */ .navi {position:relative; width:980px; height:67px; background:url('../image/common/bg_naviB.jpg') no-repeat 0 0; margin-left:10px; z-index:20} .naviL {width:955px; height:37px; padding-left:25px; z-index:20} .naviL li {position:relative; float:left; padding-top:11px; text-align:center; z-index:50} .naviL li a, .naviL li a:visited {float:left; display:block; color:#fff;} .naviL li a:hover {color:#fff;} .naviL li.on {padding-top:3px;} .naviR {position:absolute; right:18px; top:9px;} .naviR li {float:left; margin:0 8px; display:inline} #comingSoon {position:absolute; top:-12px; left:23px; z-index:100; display:none; filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; } #comingSoon1 {position:absolute; top:-12px; left:23px; z-index:100; display:none; filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; } #naviTab_1 a {width:81px;} #naviTab_2 a {width:51px;} #naviTab_3 a {width:68px;} #naviTab_4 a {width:87px;} #naviTab_5 a {width:125px;} #naviTab_6 a {width:90px;} #naviTab_7 a {width:94px;} .naviBG00 {background:url('../image/common/bg_naviB.jpg') no-repeat 0 0} .naviBG01 {background:url('../image/common/bg_naviB.jpg') no-repeat 0 -67px} .naviBG02 {background:url('../image/common/bg_naviB.jpg') no-repeat 0 -134px} .naviBG03 {background:url('../image/common/bg_naviB.jpg') no-repeat 0 -201px} .naviBG04 {background:url('../image/common/bg_naviB.jpg') no-repeat 0 -268px} .naviBG05 {background:url('../image/common/bg_naviB.jpg') no-repeat 0 -335px} .naviBG00 #naviTab_1 a {width:87px;} .naviBG00 #naviTab_2 a {width:83px;} .naviBG00 #naviTab_3 a {width:101px;} .naviBG00 #naviTab_4 a {width:139px;} .naviBG00 #naviTab_5 a {width:103px;} .naviBG01 #naviTab_1 a {width:123px;} .naviBG01 #naviTab_2 a {width:72px;} .naviBG01 #naviTab_3 a {width:91px;} .naviBG01 #naviTab_4 a {width:129px;} .naviBG01 #naviTab_5 a {width:98px;} .naviBG02 #naviTab_1 a {width:82px;} .naviBG02 #naviTab_2 a {width:113px;} .naviBG02 #naviTab_3 a {width:91px;} .naviBG02 #naviTab_4 a {width:129px;} .naviBG02 #naviTab_5 a {width:98px;} .naviBG03 #naviTab_1 a {width:82px;} .naviBG03 #naviTab_2 a {width:72px;} .naviBG03 #naviTab_3 a {width:132px;} .naviBG03 #naviTab_4 a {width:129px;} .naviBG03 #naviTab_5 a {width:98px;} .naviBG04 #naviTab_1 a {width:82px;} .naviBG04 #naviTab_2 a {width:72px;} .naviBG04 #naviTab_3 a {width:91px;} .naviBG04 #naviTab_4 a {width:170px;} .naviBG04 #naviTab_5 a {width:98px;} .naviBG05 #naviTab_1 a {width:82px;} .naviBG05 #naviTab_2 a {width:72px;} .naviBG05 #naviTab_3 a {width:91px;} .naviBG05 #naviTab_4 a {width:129px;} .naviBG05 #naviTab_5 a {width:139px;} .n_2dept {position:absolute; top:35px; left:0; width:980px; height:32px; background:url('../image/common/bg_naviSub.gif') no-repeat 0 0;} .n_2dept ul {width:750px; margin-top:8px; height:17px;} .n_2dept ul li {float:left; padding:0 7px; background:url('../image/common/bar_line.gif') no-repeat right 1px;} .n_2dept ul li.alt {background:none;} .n_2dept ul li.prd {padding:0 13px 0 7px; background:url('../image/common/navi_dot.gif') no-repeat right 1px;} #naviCon_1 {margin-left:42px;} #naviCon_1 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666666} #naviCon_1 li.on img, #naviCon_1 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #00b9bb;} #naviCon_2 {margin-left:124px; width:800px;} #naviCon_2 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666666} #naviCon_2 li.on img, #naviCon_2 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #97ca3c;} #naviCon_3 {margin-left:201px; width:380px;} #naviCon_3 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666666} #naviCon_3 li.on img, #naviCon_3 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #ccc218;} #naviCon_4 {margin-left:307px; width:380px;} #naviCon_4 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666666} #naviCon_4 li.on img, #naviCon_4 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #c39952;} #naviCon_5 {margin-left:428px; width:380px;} #naviCon_5 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666666} #naviCon_5 li.on img, #naviCon_5 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #bf7faf;} /* 071031 수정 E */ /* footer */ #footer .logo {position:absolute; left:0; top:0;} #footer .logo a {display:block; width:79px; height:26px; margin:15px 0 0 20px; text-indent:-5000px} #footer .fList {margin-left:-6px;} #footer .fList li {display:inline; padding:0 6px; font-size:10px; background:url('../image/common/bar_line.gif') no-repeat right 3px;} #footer .fList .alt {background:none} #footer .t_10 {font:9px verdana;} .interNSite {position:absolute; top:15px; right:0px; } .interNSite .select_sub {overflow: hidden; overflow-y: auto; height: 200px; bottom:19px; margin-right:-180px;} /* Popular Tags */ .tagList {width:125px; word-spacing:0.5em; line-height:18px; margin:0 auto; text-align:center} a.tag1, a:visited.tag1, a:hover.tag1 {text-decoration:none; background:#666; color:#fff; font-size:12px; word-spacing:0.05em} a.tag2, a:visited.tag2 {text-decoration:none; background:#999; color:#fff; font-size:10px; word-spacing:0.05em} a:hover.tag2 {background:#666;} a.tag3, a:visited.tag3, a:hover.tag3 {color:#666; font-size:12px; word-spacing:0.05em} a.tag4, a:visited.tag4, a:hover.tag4 {color:#666; font-size:10px; word-spacing:0.05em} a.tag5, a:visited.tag5 {color:#999; font-size:10px; word-spacing:0.05em} a:hover.tag5 {color:#666; font-size:10px; word-spacing:0.05em} /* btn */ .b_down {margin:-3px 0 0 10px;} .linkT {padding:0 20px 0 30px} .lineT {border-top:1px solid #E5E5E5} .b1_content {float:left; background: url('../image/common/b1_bottom_right.gif') no-repeat right bottom; overflow:auto; overflow:hidden} .b1_outer {background: url('../image/common/b1_bottom_left.gif') no-repeat left bottom;} .b1_inner1 {background: url('../image/common/b1_top_left.gif') no-repeat left top;} .b1_inner2 {background: url('../image/common/b1_top_right.gif') no-repeat right top; padding:5px 14px 8px 12px; font-size:11px; font-weight:bold} .b2_content {float:left; background: url('../image/common/b2_bottom_right.gif') no-repeat right bottom; overflow:auto; overflow:hidden} .b2_outer {background: url('../image/common/b2_bottom_left.gif') no-repeat left bottom;} .b2_inner1 {background: url('../image/common/b2_top_left.gif') no-repeat left top;} .b2_inner2 {background: url('../image/common/b2_top_right.gif') no-repeat right top; padding:6px 5px 5px 10px; font:bold 9px verdana; color:#4C5C62} .b2_content a, .b2_content a:visited {color:#4C5C62} .b2_inner22 {background: url('../image/common/b2_top_right.gif') no-repeat right top; padding:2px 7px 4px 12px; font:bold 9px verdana; color:#4C5C62} .b2_inner22 .b_down {margin:-10px 0 0 10px;} .b2_contentS{float:left; background: url('../image/common/b2_bottom_right.gif') no-repeat right bottom; overflow:auto; overflow:hidden} .b2_contentS .b2_inner2 {background: url('../image/common/b2_top_right.gif') no-repeat right top; padding:6px 12px 9px 10px; font:bold 10px verdana; color:#4C5C62} .b2_contentS .linkT {padding:0 25px;} .b2_contentS .linkT2 {padding:0 15px;} .b2_contentS a, .b2_contentS a:visited {color:#4C5C62} .b2_contentg{float:left; background: url('../image/common/b2g_bottom_right.gif') no-repeat right bottom; overflow:auto; overflow:hidden} .b2_contentg .b2_inner2g {background: url('../image/common/b2g_top_right.gif') no-repeat right top; padding:6px 12px 8px 10px; font:bold 10px verdana; color:#4C5C62} .b2_outerg {background: url('../image/common/b2g_bottom_left.gif') no-repeat left bottom;} .b2_inner1g {background: url('../image/common/b2g_top_left.gif') no-repeat left top;} .b2_contentg .linkT {padding:0 25px;} .b2_contentg .linkT2 {padding:0 15px;} .b2_contentS .linkT2 {text-align:center;padding:2px 0 3px 0;} .b2_contentg a, .b2_contentg a:visited {color:#4C5C62} .b3_content {float:left; background: url('../image/common/b3_bottom_right.gif') no-repeat right bottom; overflow:auto; overflow:hidden} .b3_outer {background: url('../image/common/b3_bottom_left.gif') no-repeat left bottom;} .b3_inner1 {background: url('../image/common/b3_top_left.gif') no-repeat left top;} .b3_inner2 {background: url('../image/common/b3_top_right.gif') no-repeat right top; padding:6px 20px 5px 15px; font:bold 9px verdana; color:#406C80} .b3_content a, .b3_content a:visited {color:#406C80} .b3_contentS{float:left; background: url('../image/common/b3_bottom_right.gif') no-repeat right bottom; overflow:auto; overflow:hidden} .b3_contentS .b3_inner2 {background: url('../image/common/b3_top_right.gif') no-repeat right top; padding: 8px 12px 12px 10px; font:bold 10px verdana; color:#406C80} .b3_contentS .linkT {padding:0 25px;} .b3_contentS a, .b3_contentS a:visited {color:#406C80} .b4_content {float:left; background: url('../image/common/b4_bottom_right.gif') no-repeat right bottom; overflow:auto; overflow:hidden} .b4_outer {background: url('../image/common/b4_bottom_left.gif') no-repeat left bottom;} .b4_inner1 {background: url('../image/common/b4_top_left.gif') no-repeat left top;} .b4_inner2 {background: url('../image/common/b4_top_right.gif') no-repeat right top; padding:3px 14px 4px 13px; font-size:11px; font-weight:bold;} .b3_contentA{float:left; background: url('../image/common/b3_bottom_right.gif') no-repeat right bottom; overflow:auto; overflow:hidden} .b3_contentA .b3_inner2 {background: url('../image/common/b3_top_right.gif') no-repeat right top; padding:6px 20px 9px 10px; font:bold 10px verdana; color:#406C80} .b3_contentA .linkT {padding:0 25px;} .b3_contentA .linkT2 {text-align:center;padding:2px 0 3px 0;} .b3_contentA a, .b3_contentA a:visited {color:#406C80} :root .b2_inner2 {padding:8px 5px 5px 10px;} :root .b2_inner2 .b_down {margin-top:-5px;} :root .b3_inner2 {padding:8px 20px 5px 10px;} :root .b3_inner2 .b_down {margin-top:-5px;} :root .b2_contentS .b2_inner2 {padding:6px 12px 9px 10px;} :root .b3_contentS .b3_inner2 {padding: 8px 12px 12px 10px;} :root .b3_contentA .b3_inner2 {padding:6px 20px 9px 10px;} .lang {position:absolute; top:32px; left:250px; width:120px ;z-index:99;} .lang .skip {display:none;} .lang ul {position:relative; height:20px;} .lang li {float:left; padding:0 7px; background:url('../image/common/nsite_bar.gif') no-repeat left 1px;} .lang li a {font:normal 11px verdana;} .lang li.select a {font-weight:bold; color:#66c3ce;} .lang li.first-child {background: none; font-weight:bold; color:#66c3ce;}