@charset "utf-8"; 
@import "./promotion/layout.css";

@import "/promotion/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 {float:left; height:22px; display:inline;}

input.txt {background:url(cimage/common/bg_input.gif') no-repeat; border:0; height:17px; padding:4px 0 1px 20px ; font-family: Arial; vertical-align:top; font-size:10px; color:#94999d;}

input.txt2 {background:url('/image/common/bg_txt.gif') no-repeat; border:0; height:17px; padding:4px 0 1px 20px ; font-family: Arial; vertical-align:top; font-size:10px; color:#94999d;}

input.inputTxt {background:url('/image/common/bg_input.gif') no-repeat; border:0; height:17px; padding:4px 0 1px 20px ; font-family: Arial; vertical-align:top; font-size:10px; color:#94999d;}

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





.inputB		{float:left; height:20px; background:url('/image/common/bg_inputBR.gif') no-repeat right 0px; padding-right:2px; margin-right:4px; display:inline}

input.txt	{background:url('/image/common/bg_inputB.gif') no-repeat; border:0; height:15px; padding:3px 0 2px 5px ; font-family: Arial; vertical-align:top; font-size:12px;}

*html	.inputB	{background-position:right 1px; margin-right:1px}

*+html	.inputB	{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;}



/* 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 {width:270px; margin-left:35px; padding-top:30px; 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; font-family: "Arial"; font-size:12px; color:#333;}



#search ul {margin-bottom:2px;}

#search ul li {display:inline; padding:0 5px 0 10px; font:normal 9px verdana; background:url('/image/common/arrow_main.gif') no-repeat left 4px;}

#search ul .alt {background:none; padding:0 5px 0 10px;}

#search ul li .ico{vertical-align:1px}



#search .searchInput {width:210px; float:right;}

*+html #search .searchInput {width:210px;}

*+html #search .searchInput .btn_search {margin-top:1px;float:left;}

*html #search .searchInput {width:213px;}

*html #search .searchInput .btn_search {margin-top:1px;float:left}

#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}

.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:86px;}

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

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

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

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

.naviBG00 #naviTab_6 a {width:96px;}

.naviBG00 #naviTab_7 a {width:100px;}



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

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

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

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

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

.naviBG06 #naviTab_6 a {width:133px;}

.naviBG07 #naviTab_7 a {width:137px;}



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



/* 071031 수정 S */

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

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



#naviCon_1 {margin-left:42px;}

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

#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 #25BD6D}



#naviCon_3 {margin-left:105px; width:800px;}

#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 #97CA3C}



#naviCon_4 {margin-left:130px; width:800px;}

#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 #CCC218}



#naviCon_5 {margin-left:323px; width:380px;}

#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 #C39952}



#naviCon_6 {margin-left:452px; width:372px; overflow:auto; overflow:hidden;}

#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 #BF7FAF}



#naviCon_7 {margin-left:543px; width:372px; overflow:auto; overflow:hidden;}

#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 #bf8ecd}

/* 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;}



/* 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:12px; 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:12px; 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}



.benefit_btnA {float:right}



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