/********************************************************
 *  작성       : 노수정
 *  수정       : Jae Sam, Kang
 *  수정일    : 2008.08.29
 *  E-Mail    : taepung33@irush.co.kr
*********************************************************/

@import "layout.css";
@import "class.css";

* {margin:0; padding:0;}
body {color:#4d4d4d; font-size:12px; font-family:Arial;}

img {border:0; 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;}

a,area {blr:expression(this.onFocus=this.blur());}/* for IE */
:focus {-moz-outline-style:none;}/* for Firefox */ 

table {border-collapse:collapse; border-spacing:0;}
select {font:normal 10px verdana; color:#808080;}
input.chk {width:12px; height:12px; border:0;}

.inputA {float:left; height:20px; background:url('../image/common/bg_inputR.gif') no-repeat right 0; padding-right:2px; margin-right:4px; display:inline;}
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 #ccc; height:14px; padding:1px 5px 2px;}
textarea {border:1px solid #ccc; 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;}

.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;}

/* 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_18 {font-size:18px;}

.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_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;}

.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;}
.ls {letter-spacing:-1px;}

/* gnb */
.lang {position:absolute; top:31px; left:213px; z-index:99; width:120px;}
.lang .skip {display:none;}
.lang ul {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.on a {font-weight:bold; color:#66c3ce;}
.lang li.first-child {background: none;}

#logo {width:270px; margin-left:35px; padding-top:30px; z-index:10;}
#logo .beta {margin:5px 0 0 8px;}

#search {position:absolute; top:10px; right:0; text-align:right; width:300px;}
#search ul {margin-bottom:2px;}
#search ul li {display:inline; font:normal 9px verdana; background:url('../image/common/arrow_main.gif') no-repeat left 4px; padding:0 7px 0 8px;}
#search ul .alt {background:none; padding:0 7px 0 8px;}
#search ul .last {padding-right:0; margin-right:0;}
#search .searchInput {float:right;}
html:\66irst-child #search .searchInput {margin-top:3px;}
#search .searchInput span {float:left;}
#search .searchInput span.inputS {height:20px; background:url('../image/common/bg_inputS.gif') no-repeat left top;}
#search .searchInput span input {height:15px; border:0 none; margin:1px 5px 0;}
:root #search .searchInput span input {height:14px; border:0 none; margin:4px 5px 0;}
html:\66irst-child #search .searchInput span input {height:14px; border:0 none; margin:4px 5px 0;}
#search .searchInput img {margin-left:1px;}
#search .searchInput img.rssA {margin:2px 0 0 1px;}

/* navigation */
.navi {position:relative; width:980px; height:67px; background:url('../image/common/bg_naviB.jpg') no-repeat 0 0; z-index:20;}
.naviL {width:955px; height:37px; padding-left:25px; z-index:20;}
.naviL li {position:relative; float:left; padding-top:9px; 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;}
*/

.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;}
.naviBG06 {background:url('../image/common/bg_naviB.jpg') no-repeat 0 -402px}
.naviBG07 {background:url('../image/common/bg_naviB.jpg') no-repeat 0 -469px}


.naviBG00 #naviTab_1 a {width:90px;}

.naviBG00 #naviTab_2 a {width:75px;}

.naviBG00 #naviTab_3 a {width:90px;}

.naviBG00 #naviTab_4 a {width:67px;}

.naviBG00 #naviTab_5 a {width:97px;}

.naviBG00 #naviTab_6 a {width:95px;}
.naviBG00 #naviTab_7 a {width:120px;}

.naviBG01 #naviTab_1 a {width:120px;}

.naviBG01 #naviTab_2 a {width:63px;;}

.naviBG01 #naviTab_3 a {width:90px;}

.naviBG01 #naviTab_4 a {width:67px;}

.naviBG01 #naviTab_5 a {width:97px;}

.naviBG01 #naviTab_6 a {width:95px;}
.naviBG01 #naviTab_7 a {width:120px;}



.naviBG02 #naviTab_1 a {width:85px;}

.naviBG02 #naviTab_2 a {width:100px;}

.naviBG02 #naviTab_3 a {width:85px;}

.naviBG02 #naviTab_4 a {width:67px;}

.naviBG02 #naviTab_5 a {width:97px;}

.naviBG02 #naviTab_6 a {width:95px;}
.naviBG02 #naviTab_7 a {width:120px;}



.naviBG03 #naviTab_1 a {width:87px;}

.naviBG03 #naviTab_2 a {width:75px;}

.naviBG03 #naviTab_3 a {width:130px;}

.naviBG03 #naviTab_4 a {width:67px;}

.naviBG03 #naviTab_5 a {width:89px;}

.naviBG03 #naviTab_6 a {width:104px;}
.naviBG03 #naviTab_7 a {width:120px;}



.naviBG04 #naviTab_1 a {width:87px;}

.naviBG04 #naviTab_2 a {width:67px;}

.naviBG04 #naviTab_3 a {width:90px;}

.naviBG04 #naviTab_4 a {width:105px;}

.naviBG04 #naviTab_5 a {width:89px;}

.naviBG04 #naviTab_6 a {width:104px;}
.naviBG04 #naviTab_7 a {width:120px;}



.naviBG05 #naviTab_1 a {width:87px;}

.naviBG05 #naviTab_2 a {width:67px;}

.naviBG05 #naviTab_3 a {width:79px;}

.naviBG05 #naviTab_4 a {width:85px;}

.naviBG05 #naviTab_5 a {width:89px;}

.naviBG05 #naviTab_6 a {width:104px;}
.naviBG05 #naviTab_7 a {width:120px;}



.naviBG06 #naviTab_1 a {width:87px;}

.naviBG06 #naviTab_2 a {width:77px;}

.naviBG06 #naviTab_3 a {width:95px;}

.naviBG06 #naviTab_4 a {width:62px;}

.naviBG06 #naviTab_5 a {width:98px;}

.naviBG06 #naviTab_6 a {width:128px;}
.naviBG06 #naviTab_7 a {width:140px;}

.naviBG07 #naviTab_1 a {width:87px;}
.naviBG07 #naviTab_2 a {width:77px;}
.naviBG07 #naviTab_3 a {width:95px;}
.naviBG07 #naviTab_4 a {width:62px;}
.naviBG07 #naviTab_5 a {width:98px;}
.naviBG07 #naviTab_6 a {width:104px;}
.naviBG07 #naviTab_7 a {width:165px;}

.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 0;}

#naviCon_1 {margin-left:38px;}
#naviCon_1 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666;}
#naviCon_1 li.on img,
#naviCon_1 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #00b9bb;}

#naviCon_2 {margin-left:127px; width: 850px;}
#naviCon_2 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666;}
#naviCon_2 li.on img,
#naviCon_2 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #97ca3c;}

#naviCon_3 {margin-left:192px;}
#naviCon_3 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666;}
#naviCon_3 li.on img,
#naviCon_3 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #c39952;}

#naviCon_4 {margin-left:290px; width:400px;}

#naviCon_4 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666;}

#naviCon_4 li.on img,

#naviCon_4 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #bf7faf;}



#naviCon_5 {margin-left:343px; width:300px;}

#naviCon_5 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666;}

#naviCon_5 li.on img, 

#naviCon_5 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #a47fbf;}



#naviCon_6 {margin-left:470px; width:300px;}

#naviCon_6 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666;}

#naviCon_6 li.on img, 

#naviCon_6 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #a47fbf;}

#naviCon_7 {margin-left:570px; width:400px;}
#naviCon_7 li a:hover img {padding-bottom:5px; border-bottom:1px solid #666;}
#naviCon_7 li.on img, 
#naviCon_7 li.on a:hover img {padding-bottom:5px; border-bottom:1px solid #a47fbf;}





/* link none S */
.naviBG00 #naviTab_3 p {position:relative; width:94px;}
.naviBG01 #naviTab_3 p {position:relative; width:86px;}
.naviBG02 #naviTab_3 p {position:relative; width:85px;}
.naviBG03 #naviTab_3 p {position:relative; width:121px;}
.naviBG04 #naviTab_3 p {position:relative; width:84px;}
.naviBG05 #naviTab_3 p {position:relative; width:86px;}
.naviBG06 #naviTab_3 p {position:relative; width:98px;}
.naviBG07 #naviTab_3 p {position:relative; width:98px;}

/* link none 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 {width: 610px; 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:0;}
.interNSite .select_sub {overflow: hidden; overflow-y: auto; height: 200px; bottom:19px;}

/* 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_contentR {float:right; margin:20px 8px 8px 0;}

.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;}