/* Copyright 2009 Designfever. All Rights Reserved.
   The following software licensing rules apply:
/* $Id: common.css,v 1.102 2010/05/31 08:48:23 kimeoksoo Exp $ */

/* ***************  global *************** */
html { margin-top:0; padding:0; filter: expression(document.execCommand("BackgroundImageCache", false, true)); background: #000000;}
body { margin:0 0 30px 0; padding:0px; font-size:11px; font-family:Arial, Verdana, sans-serif; color:#4C4C4C; overflow-x:hidden}

/*
	px to % conversions
	-------------------
	px	|	%
	-------------------
	9	|	70
	10	|	77
	11	|	85
	12	|	93
	13	|	100
	14	|	108
	15	|	116
	16	|	123.1
	17	|	131
	18	|	138.5
	19	|	146.5
	20	|	153.9
	21	|	161.6
	22	|	167
	23	|	174
	24	|	182
	25	|	189
	26	|	197
	27	|	204
	28	|	212
	29	|	219
	30	|	227
	31	|	234
	32	|	242
*/

* {
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#D1D1D1;
scrollbar-highlight-color:#ECECEC;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#F6F6F6;
scrollbar-track-color:#F2F2F2;
scrollbar-arrow-color:#A9A9A9;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }/*  ie-mac \*/ *html .clearfix {height: 1%;} .clearfix {display: block;}/* ie-mac */
.none {display:none;}
.floatl {float:left;}
.floatr {float:right;}
.dp_b {display:block;}
.dp_i {display:inline;}
.c_b {clear:both;}
.tl_a {table-layout:auto;}
.tl_f {table-layout:fixed;}
.val_m {vertical-align:middle;}
.val_b {vertical-align:bottom;}
.pos_a {position:absolute;}
.pos_r {position:relative;}
.overfa {overflow:auto;}
.mgauto {margin:0 auto;}
.ln_h_16 {line-height:16px;}
.dp_b {display:block;}
.dp_i {display:inline;}
.clearb {clear:both}
.chand {cursor:pointer;}

/* *********** other ********** */
.effect {background-color:#000; filter:Alpha(opacity=35); opacity:0.3; -moz-opacity:0.3;}
.pngfilter {height:26px; background:url(file:///C|/Documents and Settings/김은아/Local Settings/Temporary Internet Files/Content.IE5/7D6O1IYA/pngfile) 0 0 repeat-x; * background:url(pngfile) 0 0 repeat-x; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='pngfile');}
.iepng {behavior:url(file:///C|/Documents and Settings/김은아/Local Settings/Temporary Internet Files/Content.IE5/7D6O1IYA/iepngfix.htc);}  /* after 1*1px blank image    if(typeof blankImg == 'undefined') var blankImg = 'blank.gif image url'; */
.select {behavior:url(file:///C|/Documents and Settings/김은아/Local Settings/Temporary Internet Files/Content.IE5/7D6O1IYA/selectbox.htc);}

/* link */
a:link {color:#959595; font-family:Arial, Verdana, sans-serif; text-decoration:none}
a:visited {color:#959595; font-family:Arial, Verdana, sans-serif; text-decoration:none}
a:active {font-family:Arial, Verdana, sans-serif; text-decoration:none}
a:hover {color:#157dcc; font-family:Arial, Verdana, sans-serif; text-decoration:underline}

.atit a:link {color:#333; font-family:Arial, Verdana, sans-serif; text-decoration:none}
.atit a:visited {color:#333; font-family:Arial, Verdana, sans-serif; text-decoration:none}
.atit a:hover {color:#157dcc; font-family:Arial, Verdana, sans-serif; text-decoration:underline;}

.alink a:link {color:#a4a4a4; font-family:Arial, Verdana, sans-serif; text-decoration:none}
.alink a:visited {color:#a4a4a4; font-family:Arial, Verdana, sans-serif; text-decoration:none}
.alink a:hover {color:#157dcc; font-family:Arial, Verdana, sans-serif; text-decoration:underline;}

/* margin */
.mgb1 {margin-bottom:1px}
.mgb3 {margin-bottom:3px}
.mgb4 {margin-bottom:4px}
.mgb5 {margin-bottom:5px}
.mgb6 {margin-bottom:6px}
.mgb7 {margin-bottom:7px}
.mgb8 {margin-bottom:8px}
.mgb9 {margin-bottom:9px}
.mgb10 {margin-bottom:10px}
.mgb13 {margin-bottom:13px}
.mgb15 {margin-bottom:15px}
.mgb20 {margin-bottom:20px}
.mgb25 {margin-bottom:25px}
.mgb30 {margin-bottom:30px}
.mgb40 {margin-bottom:40px}
.mgb60 {margin-bottom:60px} /* 20110509 */
.mgb100 {margin-bottom:100px} /* 20101005 */

.mgr1 {margin-right:1px}
.mgr2 {margin-right:2px}
.mgr3 {margin-right:3px}
.mgr4 {margin-right:4px}
.mgr5 {margin-right:5px}
.mgr6 {margin-right:6px}
.mgr7 {margin-right:7px}
.mgr8 {margin-right:8px}
.mgr9 {margin-right:9px} /* 20101206 */
.mgr10 {margin-right:10px}
.mgr11 {margin-right:11px}
.mgr12 {margin-right:12px}
.mgr13 {margin-right:13px}
.mgr14 {margin-right:14px}
.mgr15 {margin-right:15px}
.mgr19 {margin-right:19px} /* 20101104 */
.mgr20 {margin-right:20px}
.mgr25 {margin-right:25px}
.mgr30 {margin-right:30px}
.mgr41 {margin-right:41px}
.mgr43 {margin-right:43px}
.mgr-3 {margin-right:-3px}

.mgl1 {margin-left:1px}
.mgl2 {margin-left:2px}
.mgl3 {margin-left:3px}
.mgl4 {margin-left:4px}
.mgl5 {margin-left:5px}
.mgl6 {margin-left:6px}
.mgl7 {margin-left:7px}
.mgl8 {margin-left:8px}
.mgl9 {margin-left:9px}
.mgl10 {margin-left:10px}
.mgl11 {margin-left:11px}
.mgl12 {margin-left:12px}
.mgl13 {margin-left:13px}
.mgl14 {margin-left:14px}
.mgl15 {margin-left:15px}
.mgl16 {margin-left:16px}
.mgl17 {margin-left:17px}
.mgl19 {margin-left:19px}
.mgl20 {margin-left:20px}
.mgl22 {margin-left:22px}
.mgl23 {margin-left:23px}
.mgl24 {margin-left:24px}
.mgl25 {margin-left:25px}
.mgl28 {margin-left:28px}
.mgl30 {margin-left:30px}
.mgl32 {margin-left:32px}
.mgl33 {margin-left:33px}
.mgl34 {margin-left:34px}
.mgl35 {margin-left:35px}
.mgl37 {margin-left:37px}
.mgl40 {margin-left:40px}
.mgl41 {margin-left:41px}
.mgl42 {margin-left:42px}
.mgl43 {margin-left:43px}
.mgl44 {margin-left:44px}
.mgl45 {margin-left:45px}
.mgl50 {margin-left:50px}
.mgl52 {margin-left:52px}
.mgl53 {margin-left:53px}
.mgl54 {margin-left:54px}
.mgl55 {margin-left:55px}
.mgl70 {margin-left:70px}
.mgl73 {margin-left:73px}
.mgl78 {margin-left:78px}
.mgl80 {margin-left:80px}
.mgl94 {margin-left:94px}
.mgl97 {margin-left:97px}
.mgl100 {margin-left:100px}
.mgl102 {margin-left:102px}
.mgl104 {margin-left:104px}
.mgl105 {margin-left:105px}
.mgl110 {margin-left:110px}
.mgl111 {margin-left:111px}
.mgl114 {margin-left:114px}
.mgl115 {margin-left:115px}
.mgl120 {margin-left:120px}
.mgl124 {margin-left:124px}
.mgl125 {margin-left:125px}
.mgl126 {margin-left:126px}
.mgl130 {margin-left:130px}
.mgl138 {margin-left:138px}
.mgl140 {margin-left:140px}
.mgl160 {margin-left:160px}
.mgl165 {margin-left:165px}
.mgl170 {margin-left:170px}
.mgl175 {margin-left:175px}
.mgl180 {margin-left:180px}
.mgl182 {margin-left:182px}
.mgl198 {margin-left:198px}
.mgl214 {margin-left:214px}
.mgl285 {margin-left:285px}
.mgl300 {margin-left:300px}
.mgl340 {margin-left:340px}
.mgl360 {margin-left:360px}
.mgl365 {margin-left:365px}
.mgl780 {margin-left:780px}
.mgl790 {margin-left:790px}
.mgl-1 {margin-left:-1px}
.mgl-2 {margin-left:-2px}
.mgl-3 {margin-left:-3px}
.mgl-4 {margin-left:-4px}
.mgl-5 {margin-left:-5px}
.mgl-6 {margin-left:-6px}
.mgl-7 {margin-left:-7px}
.mgl-8 {margin-left:-8px}
.mgl-9 {margin-left:-9px}
.mgl-10 {margin-left:-10px}


.mgt1 {margin-top:1px}
.mgt2 {margin-top:2px}
.mgt3 {margin-top:3px}
.mgt4 {margin-top:4px}
.mgt5 {margin-top:5px}
.mgt6 {margin-top:6px}
.mgt7 {margin-top:7px}
.mgt8 {margin-top:8px}
.mgt9 {margin-top:9px}
.mgt10 {margin-top:10px}
.mgt11 {margin-top:11px}
.mgt12 {margin-top:12px}
.mgt13 {margin-top:13px}
.mgt14 {margin-top:14px}
.mgt15 {margin-top:15px}
.mgt16 {margin-top:16px}
.mgt17 {margin-top:17px}
.mgt18 {margin-top:18px}
.mgt19 {margin-top:19px}
.mgt20 {margin-top:20px}
.mgt21 {margin-top:21px}
.mgt22 {margin-top:22px}
.mgt23 {margin-top:23px}
.mgt24 {margin-top:24px}
.mgt25 {margin-top:25px}
.mgt26 {margin-top:26px}
.mgt27 {margin-top:27px}
.mgt28 {margin-top:28px}
.mgt29 {margin-top:29px}
.mgt30 {margin-top:30px}
.mgt32 {margin-top:32px}
.mgt33 {margin-top:33px}
.mgt35 {margin-top:35px}
.mgt39 {margin-top:39px}
.mgt40 {margin-top:40px}
.mgt41 {margin-top:41px}
.mgt42 {margin-top:42px}
.mgt43 {margin-top:43px}
.mgt44 {margin-top:44px}
.mgt45 {margin-top:45px}
.mgt46 {margin-top:46px}
.mgt50 {margin-top:50px}
.mgt53 {margin-top:53px}
.mgt54 {margin-top:54px}
.mgt55 {margin-top:55px}
.mgt60 {margin-top:60px}
.mgt76 {margin-top:76px}
.mgt80 {margin-top:80px}
.mgt93 {margin-top:93px}
.mgt100 {margin-top:100px} /* 20101005 */
.mgt105 {margin-top:105px}
.mgt111 {margin-top:111px}
.mgt125 {margin-top:125px}
.mgt137 {margin-top:137px}
.mgt160 {margin-top:160px}
.mgt196 {margin-top:196px}
.mgt-1 {margin-top:-1px}
.mgt-2 {margin-top:-2px}
.mgt-3 {margin-top:-3px}
.mgt-4 {margin-top:-4px}
.mgt-5 {margin-top:-5px}
.mgt-6 {margin-top:-6px}
.mgt-7 {margin-top:-7px}
.mgt-8 {margin-top:-8px}
.mgt-10 {margin-top:-10px}
.mgt-12 {margin-top:-12px}
.mgt-13 {margin-top:-13px}
.mgt-15 {margin-top:-15px}
.mgt-25 {margin-top:-25px}
.mgt-30 {margin-top:-30px}
.mgt-40 {margin-top:-40px}
.mgt-42 {margin-top:-42px}
.mgt-45 {margin-top:-45px}
.mgt-48 {margin-top:-48px}
.mgt-50 {margin-top:-50px}
.mgt-55 {margin-top:-55px}
.mgt-60 {margin-top:-60px}
.mgt-70 {margin-top:-70px}
.mgt-80 {margin-top:-80px}
.mgt-90 {margin-top:-90px}

.mgt3d {margin-top:-3px}

/* padding */
.pd10 {padding:0 10px}

.pat1 {padding-top:1px}
.pat3 {padding-top:3px}
.pat5 {padding-top:5px}
.pat6 {padding-top:6px}
.pat10 {padding-top:10px}
.pat11 {padding-top:11px}
.pat12 {padding-top:12px}
.pat18 {padding-top:18px}
.pat22 {padding-top:22px}

.pab1 {padding-bottom:1px}
.pab3 {padding-bottom:3px}
.pab4 {padding-bottom:4px}
.pab5 {padding-bottom:5px}
.pab6 {padding-bottom:6px}
.pab7 {padding-bottom:7px}
.pab8 {padding-bottom:8px}
.pab10 {padding-bottom:10px}
.pab14 {padding-bottom:14px}
.pab15 {padding-bottom:15px}
.pab16 {padding-bottom:16px}
.pab18 {padding-bottom:18px}
.pab20 {padding-bottom:20px}
.pab26 {padding-bottom:26px}
.pab30 {padding-bottom:30px}

.pal1 {padding-left:1px}
.pal10 {padding-left:10px}

.par1 {padding-right:1px}
.par10 {padding-right:10px}

.palr5 {padding:0 5px}
.palr10 {padding:0 10px}

/* line spacing */
.lsm04 {letter-spacing:-0.04em;}
.lsm06 {letter-spacing:-0.06em;}
.lsm07 {letter-spacing:-0.07em;}
.lsm08 {letter-spacing:-0.08em;}
.lsm05 {letter-spacing:0.5px;}
.lsm1 {letter-spacing:-1px;}
.lsm2 {letter-spacing:-2px;}
.lsm3 {letter-spacing:-3px;}
.lsm0 {letter-spacing:0px;}

.ln_h_7 {line-height:7px}
.ln_h_8 {line-height:8px}
.ln_h_9 {line-height:9px}
.ln_h_10 {line-height:10px}
.ln_h_11 {line-height:11px}
.ln_h_12 {line-height:12px}
.ln_h_13 {line-height:13px;}
.ln_h_16 {line-height:16px;}
.ln_h_18 {line-height:18px;}
.ln_h_20 {line-height:20px;}

/*
div { word-break:break-all;}
p { word-wrap:break-word;}
*/

div { word-break:keep-all;}
p {word-wrap:break-word; word-break:keep-all;}
.word_basic{word-wrap:break-word; word-break:keep-all;} /* 20101130 */


.wordBreak {
 font-size:0px;
 line-height:0px;
margin:-1px; padding:-1px;
}

/* image */
img {border:0; vertical-align:top;}

/* define */
dl, dt, dd {margin:0px; padding:0px;}

/* sentence */
p {margin:0px; padding:0px}

/* list */
ul, ol {list-style-type:none; margin:0px; padding:0px; font-size:11px;}

/* area */
hr {display:none; margin:0;}

/* font :: class name "basic" + "font size" + "color" */
.small_font {font-size:11px; font-family:Arial;}
.b {font-weight:bold;}
.u {text-decoration:underline;}
.basic8 {font-size:8px;}
.basic9 {font-size:9px;}
.basic10 {font-size:10px;}
.basic145 {font-size:14px; color:#555555}
.basic11 {font-size:11px; font-family:Arial}
.basic12 {font-size:12px;}
.basic14 {font-size:14px;}
.basic15 {font-size:15px;}
.basic16 {font-size:16px;}
.basic18 {font-size:18px;}
.basic115 {font-size:11px; font-family:Arial; color:#555555;}
.basic125 {font-size:11px; color:#555555; letter-spacing:-0.08em;}
.basic1259 {font-size:11px; color:#595959;}
.basic12_gray {font-size:11px; color:#9a9a9a; letter-spacing:-0.08em;}


/* form */
form {margin:0; padding:0;}
form label, label {height:19px; color:#5E5E5E; cursor:default; font-size:11px;}
select {font-size:11px; vertical-align:middle; height:20px; letter-spacing:0px}
legend {display:none;}
fieldset { margin:0; padding:0; border:none; }
checkbox {margin:0px; padding:0px}
input, textarea {padding:0; margin:0; vertical-align:middle; font-size:11px; color:#777777; line-height:14px; font-family:Arial}

input.radio {margin:0 1px -2px 1px; background-color:#FFFFFF; border-width:0px;}
.inputform {border:1px solid; border-color:#C9C9C9 #FFFFFF #FFFFFF #C9C9C9; height:16px; margin:0px; background-color:#F5F5F5; padding-top:4px; padding-left:2px; font-size:11px; font-family:Arial}
.inputformwhite {border:1px solid #CFCFCF; height:16px; margin:0px; background-color:#FFFFFF; font-size:11px; font-family:Arial; padding-top:4px}
.inputhard {border:1px solid; border-color:#9E9E9E; height:16px; margin:0px; padding-top:4px}
word-break: keep-all;

/* align */
.floatleft {float:left; display:inline;}
.floatright {float:right; display:inline;}
.inline {display:inline;}

.textl {text-align:left;}
.textc {text-align:center; margin:0 auto;}
.textcenter {text-align:center;}
.textr {text-align:right;}
.vert {vertical-align:top;}
.verm {vertical-align:middle}
.verb {vertical-align:bottom;}

/* table */
table {margin:0px; padding:0px;}
td {margin:0px; padding:0px; font-size:11px; font-family:Arial, Verdana, sans-serif; color:#777777;}
.notable{border-collapse:collapse; margin:0px; padding:0px; border-spacing:0px; border:0px solid;}
caption {display:none}

/* subject */
h1 {font: bold 200%/90% "Arial";  margin-top:0px; margin-bottom:0px; color:#157dcc; letter-spacing:-1px; line-height:26px}
/*h1 {margin-top:0px; margin-bottom:0px; font-size:24px; color:#157dcc; letter-spacing:-1px; line-height:26px;}*/
h2 {margin:0; padding:0; font-size:14px; letter-spacing:-1px}
h4 {margin:0; padding:0; font-size:11px}
h3, h5 {margin:0; padding:0; font-size:12px;}

/* layout  */
#header {position:relative; margin-top:10px; *padding-top:10px; z-index:9999999999; height:102px}
#header .menuwrap {margin:0 auto; width:980px; height:102px; background:url('/img/common/common/toparea_round.jpg') 0 0 no-repeat;}
#header .toparea {position:absolute; z-index:999999999999; margin:0 auto; width:980px;}
#header .naviarea {margin:0 auto; width:980px; height:15px; background-color:#DCDBCF}
#header .naviarea .navi_inner {margin:0 auto; width:950px;}

/* str 20101116*/
#ntop {position:absolute; width:100%; z-index:350; text-align:center; background:none !important;}
#ntop_back {width:990px; text-align:left; margin-left:auto; margin-right:auto;}

.gnbtop {clear:left; padding-left:137px; padding-right:5px; padding-top:17px; height:28px; width:848px;}
.gnbtop h1.imaginglogo {float:left; margin-top:8px; font-size:0;} /* 20101207 */
.gnbtop h1.imaginglogo img {width:147px; height:13px;} /* 20101207 */
.gnbtop span.top_r{float:right;padding:0 1px 0 0;}
.gnbtop span.gnbsearch {float:left; width:126px; height:20px; text-align:left; background:url('/img/common/common/bg_gnbsearch.png') 0 0 no-repeat;}
.gnbtop span.gnbsearch input {border:1px solid #ffffff; margin:3px 0 0 4px;  _margin:2px 0 0 4px; *margin:2px 0 0 4px; width:100px;}
.gnbtop span img {width:56px; height:20px;}
.gnbtop span.gnbsearch img {width:18px; height:16px; margin:2px 2px 0 0;}
.gnbtop div {margin-top:7px; margin-right:7px; width:420px; text-align:right;}
.gnbtop div a {color:#989898; font-size:10px; background:url('/img/common/common/bg_gnbtop_divide1.gif') left 3px no-repeat; padding:0 3px 0 6px;}
.gnbtop div a.first {background:none;}
.gnbtop div a em {font-style:normal; color:#157dcc;}
.gnbtop div a.first:hover {color:#157dcc;}
.gnbtop select {float:left; width:77px; margin-right:1px;}
.gnbmenu {position:absolute; padding-left:5px; width:985px} /* 20101117 */
.gnbmenu span {float:left; width:127px; text-align:left;}
.gnbmenu span img {width:102px; height:34px;}
.gnbmenu div.gnbmenu_back {float:left; width:855px; height:50px; background:url('/img/common/common/bg_gnbnavi.png') 0 0 no-repeat;}
.gnbmenu div.gnbmenu_back ul {margin:7px 0 0 55px;} /*20110503 */
.gnbmenu div.gnbmenu_back ul li {float:left; font-size:12px; }  /* 20101210 */
.gnbmenu div.gnbmenu_back li a {font-weight:bold; color:#ffffff; display:block; margin-right:50px; padding: 9px 0 11px 0}  /*20110503 */
.gnbmenu div.gnbmenu_back li a:hover {text-decoration:none; color:#379dbb; padding: 9px 0 11px 0}  /* 20101210 */
.gnbmenu div.gnbmenu_back .etc1 a {background:url('/img/community/worldmap/topmenu_iloger1.gif') 0 11px no-repeat; padding:9px 0 11px 16px; margin-right:53px;}  /*20110503 */
.gnbmenu div.gnbmenu_back .etc1 a:hover {background:url('/img/community/worldmap/topmenu_iloger2.gif') 0 11px no-repeat; padding:9px 0 11px 16px;}  /* 20101210 */
.gnbmenu div.gnbmenu_back .etc2 {padding-left:52px;}  /*20110503 */
.gnbmenu div.gnbmenu_back .etc2 a {padding:9px 0 11px 0;}  
.gnbmenu div.gnbmenu_back li.last a {margin-right:10px} /* 20110427 추가 */
.gnbnavi_sub {clear:left; position:absolute; top:45px; left:5px; margin-left:127px; width:855px; text-align:left;}   /* 20101210 */
.gnbsdata { z-index:190; width:825px;  height:138px; padding:13px 0 0 27px; background:url('/img/common/common/bg_gnbsub.png') 0 0 no-repeat;} /* 20101210 */
.gnbsdata2 {z-index:190; width:114px; height:60px; padding:15px 0 0 21px; margin-left:608px; background:url('/img/common/common/bg_gnbsub2.png') 0 0 no-repeat; text-align:left;}
.gnbsdata2 a {line-height:20px; color:#8b8b8b;}
.gnbsdata2 a:hover {color:#177dcc; text-decoration:underline;}

.gnbsdata3 {z-index:190; width:174px; height:60px; padding:15px 0 0 21px; margin-left:663px; background:url('/img/common/common/bg_gnbsub3.png') 0 0 no-repeat; text-align:left;}  /* 20101208 */
.gnbsdata3 a {line-height:20px; color:#8b8b8b;}   /* 20101208 */
.gnbsdata3 a:hover {color:#177dcc; text-decoration:underline;}  /* 20101208 */

.gnbnavi_sub dl {float:left; text-align:left;}
.gnbnavi_sub dl dt {text-align:left; height:18px; font-size:12px; font-weight:bold; color:#333333;}
.gnbnavi_sub dl dd a {color:#8b8b8b; line-height:15px;}
.gnbnavi_sub dl dd a:hover {color:#177dcc; text-decoration:underline; line-height:15px;}
.gnbnavi_sub dl dd a strong {color:#595959; font-weight:normal;}
.gnbnavi_sub dl dd a em {color:#167dd5; font-weight:normal; font-style:normal;}
.gnbnavi_sub dl dd a img {display:block; margin-bottom:10px; margin-bottom:5px; cursor:pointer;}

.gnbarrow {position:absolute; width:17px;  height:9px; z-index:200; margin-top:-8px; font-size:0; line-height:0; background:url('/img/common/common/bg_gnbsubarrow.png') 0 0 no-repeat;}  /* 20101210 */

/* str : gnbsarea 20110503 */
.gnbsarea1 .gnbarrow {left:319px;}
.gnbsarea2 .gnbarrow {left:404px;}
.gnbsarea3 .gnbarrow {left:676px;}
.gnbsarea4 .gnbarrow {left:771px;}  

.gnbsarea1 dl {width:188px; margin-right:17px;}
.gnbsarea2 dl {width:188px; margin-right:17px;}
/* end : gnbsarea 20110503 */

 /* 20101111 */
#spos {width:990px; text-align:left; margin-left:auto; margin-right:auto; margin-top:54px;}  
#spos div {padding-left:5px;} 
#spos img {vertical-align:middle;}
#spos a {color:#7a7a7a;}
#spos a:hover {color:#cbcbcb; text-decoration:underline;}
#spos em {font-style:normal; color:#cbcbcb;}
#spos em a  {color:#cbcbcb;}
#spos em a:hover  {color:#cbcbcb;}
 /* 20101111 */

/* end 20101104*/

#contents {padding-top:121px;}  /* 20101111 */

/* select box */
.gnbselect {font-size:11px !important; width:88px; height:21px; color:#636363; border:1px solid #5f5d5c; background:#afaead; color:#FFFFFF;}

.whereiam {position:relative; text-align:center; font-size:0;}
.whereiam .bodytop_sub {margin:0 auto; height:10px; width:980px; text-align:left; background:url('/img/common/landing/bodyarea_gradient2.png') 0 0 no-repeat;}
.whereiam .bodytop_sub p {float:left; padding:8px 0 0 15px; _padding:12px 0 0 15px;} 
.whereiam .bodytop_sub p img {vertical-align:middle;}
.whereiam .bodytop_sub span {float:right; margin:5px 15px 0 0; word-spacing:-2px;}

#spos2 {position:relative; width:100%; text-align:center; color:#8f9089;}
#spos2 .bodytop_sub {margin:0 auto; height:22px; width:980px; text-align:left;}
#spos2 .bodytop_sub p {padding:3px 0 0 15px; _padding:7px 0 0 15px;} 
#spos2 .bodytop_sub p img {vertical-align:middle;}
/* end :: GNB 20100902 */

/* str : 201010 */
#contents .bodyarea {margin:0 auto; width:980px; background:url('/img/common/common/bodyarea_gradient.jpg') 0 0 repeat-y;}
#contents .bodyareafeature {margin:0 auto; width:980px; background:url('/img/common/common/bodyarea_gradient.jpg') 0 0 repeat-x; background-color:#B0AFA6;}
#contents .bodyarea .contwrap {width:958px; margin-left:11px;}
/*#contents .bodyarea .contwrap {width:958px; background:url('/img/common/common/contents_bg_y.png') 0 0 repeat-y; margin-left:11px;}*/
#contents .bodyarea .cont {width:958px; padding-bottom:2px}
/*#contents .bodyarea .cont {width:958px; background:url('/img/common/common/bg_contents.jpg') 0 0 no-repeat; padding-bottom:2px}*/
/*#contents .bodyarea .cont_mynetwork {width:958px; background:url('/img/common/common/bg_contents.jpg') 0 0 no-repeat; padding-bottom:2px}*/
#contents .bodyarea .contbottom {margin:0 auto; width:958px; height:4px; overflow:hidden;}
#contents .bodybottom {margin:0 auto; width:980px; height:10px; background:url('/img/common/common/bottomarea_round.jpg') 0 0 no-repeat;}

#contents .bodyarea_product {margin:0 auto; width:980px; background:url('/img/common/common/bodyarea_gradient.jpg') 0 0 repeat-x; background-color:#B0AFA6;}
#contents .bodyarea_product .contwrap {width:958px; margin-left:11px;}
/*#contents .bodyarea_product .contwrap {width:958px; background:url('/img/common/common/contents_bg_y_long.png') 0 0 repeat-y; margin-left:11px;}*/
#contents .bodyarea_product .cont {width:958px; padding-bottom:2px}
/*#contents .bodyarea_product .cont {width:958px; background:url('/img/common/common/bg_contents.jpg') 0 0 no-repeat; padding-bottom:2px}*/
/*#contents .bodyarea_product .cont {width:958px; background:url('/img/common/common/contents_bg.png') 0 0 no-repeat; padding-bottom:2px}*/
#contents .bodyarea_product .contbottom {margin:0 auto; width:958px; height:4px; background:url('/img/common/common/contents_bg_bottom.png') 0 0 no-repeat; overflow:hidden}
/* end : 201010 */

/* str  : footer 20101116 */
#footer .footerarea {margin:0 auto; width:980px; height:60px; margin-bottom:29px }
#footer .footerarea  .footer_logo{float:left; padding:16px 51px 0 0;}
#footer .footerarea  .footer_menu{float:left; width:400px; padding-top:14px;  }
#footer .footerarea  .footer_menu p{text-align:left; line-height:14px; padding-top:5px; color:#727272;}
#footer .footerarea  .footer_copy{float:right; padding-top:15px;  }
#footer .footerarea ul {margin-top:3px;}
#footer .footerarea ul li {float:left; padding:0 9px; background:url('/img/common/landing/footer_list_divi2.gif') 0 3px no-repeat; }
#footer .footerarea ul li.first {float:left; padding:0 9px 0 0;  background:none; padding:0 7px 0 0 ;}
#footer .footerarea ul li a {color:#727272;}
#footer .footerarea ul li a:hover{color:#fff; text-decoration:underline}
#footer .footerarea ul li.last {float:left; padding:0 9px; background-image:none}
#footer .footerarea .bottomcopy {width:333px; height:26px; background:url('/img/common/common/bottom_logo.gif') right 5px no-repeat;}

/* end  : footer 20101104 */

.listlinegray {font:0; height:1px; #height:1px; _height:1px; margin:0; padding:0; background-color:#C0BFAD; line-height:0px; overflow:hidden}
.listlinegray2 {font:0; height:1px; #height:1px; _height:1px; padding:0; background-color:#DFDFD6; line-height:0px; overflow:hidden}
.listlinepink {font:0; height:1px; #height:1px; _height:1px; margin:0; padding:0; background-color:#157dcc; line-height:0px; overflow:hidden}
.normalsubj {line-height:1; margin:7px 0}

/* color */
.white {color:#FFFFFF}
.black {color:#000000;}
.pink {color:#157dcc;}
.yellowlight {color:#C6C1B7}
.blue{color:#157dcc}

.grayc {color:#CCCCCC}
.gray3 {color:#333333;}
.graya9{color:#A9A99F}
.graya5 {color:#A5A69D}
.gray5c {color:#5C5D55}
.gray52 {color:#525252}
.gray9 {color:#999999;}
.gray9d {color:#9D9D9D}
.gray92 {color:#929292}
.gray4c {color:#4C4C4C}
.gray7d {color:#7D7D7D}
.gray81 {color:#818180}
.gray83 {color:#838383} /* 20101201 */
.gray1e {color:#1E2015}
.gray85 {color:#858680}
.grayb3 {color:#B3B2AC}
.graya4 {color:#a4a4a4}
.gray6b {color:#6b6b6b}
.gray8 {color:#888}
.gray6 {color:#666}

.fontver {font-family:Verdana}

.border {border:1px solid red}
.bordergray {border:1px solid #CDCDC4}



/* favorite , invite a friend */
.invitefriend {margin-top:42px}
.invitefriend .invtfinner {width:900px; margin:18px 0 0 18px}
.invitefriend .invtfinner strong{color:#333}
.copytheurl {margin-top:42px;}
.copytheurl .urlbox  {margin:15px 0;}
.copytheurl .urlbox input{border:1px solid #ccc; height:19px; color:#8a8a8a; width:890px;}
.copytheurl .invtfinner {width:900px; margin:18px 0 0 18px}
.secondbox {display:inline; width:539px;}
.secondbox .inputnobox {margin-top:2px;} /* 20100928 */
.fourthbox {display:inline; width:675px; margin:8px 0 0 35px; }
.fourthbox li {float:left; margin-bottom:5px}
.favoritebox {display:inline; width:730px; margin-top:8px; padding-bottom:30px;}
.favoritebox li {float:left; margin-bottom:5px;}
.automake {position:absolute; z-index:1000; width:371px;  border:1px solid #C0BFAD; overflow:auto; height:120px; top:62px; left:191px; _left:193px; background-color:#FFFFFF}
.automake li {height:18px; padding:4px 0 0 5px}
.automake li:hover {background-color:#FCEFF4}
.thirdbox {display:inline; margin-top:5px}
.tobox {width:325px; height:19px; border:1px solid #c9c9c9; margin-top:3px}
.tobox .inputnobox {width:312px; height:14px; border:0; margin-left:5px; color:#EB4478}
.messagebox {width:537px; height:97px; border:1px solid #c9c9c9}
.messagebox .messagearea {width:522px; height:83px; margin:5px 0 0 5px; border:0}
.invpic {border:1px solid #c8c8c8; width:29px; height:29px;}
.invinfo {width:110px; margin-left:9px; font-size:10px; color:#a4a4a4;}
.invinfo span{font-size:11px; color:#157dcc}
.favoriteinvinfo {width:105px; margin-left:9px}
.addrinput {border:0px; width:175px;}
.editaddr {background-color:#FFFFFF; width:260px; height:19px; border:1px solid #C0BFAD; left:840px; *left:773px; margin-top:-4px}



/* slide css */


/* str :: 20101203 */
.floatermenu {position:fixed; left:0; bottom:0; z-index:100; width:100%; height:29px; z-index:99999;}
/* IE6 Fixed Position Jitter Fix */
* html, * html body {background-image:url(about:blank);background-attachment:fixed;} 
/* IE6 position fixed Bottom */
* html .floatermenu {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));}
.menuswrap {width:980px; margin:0 auto; height:21px; font-size:12px; padding-top:8px; background:url('/img/common/common/bg_notification.png') 0 0 repeat-x;  _border-top:; _height:px; _background-color:; _margin-top:0px}
.menuswrap span.navi_tit1{display:block; padding:0 15px 0 25px; color:#fff; font-weight:bold; margin-top:-1px; } /* 20101207 */
.menuswrap span.navi_tit2{display:block; padding:0 25px 0 15px; color:#fff; font-weight:bold; margin-top:-1px; }
.menuswrap .floaticons  li{float:left; padding:0 10px; position:relative; border-right:1px solid #062249; border-left:1px solid #2f4b70 /*background:url('/img/common/common/noti_r_bg.png') 0 0 no-repeat;*/}  /* 20101207 */
.menuswrap .floaticons  li.first {background:none; border-left:0;}  /* 20101207 */
.menuswrap .floaticons  li.last {background:none; border-right:0;}  /* 20101207 */
.menuswrap .floaticons  li a{color:#fff}
.menuswrap .floaticons  li a:hover{color:#fff; text-decoration:underline}
.menuswrap .floaticons  li  span.off a{color:#fff}
.menuswrap .floaticons  li  span.off a:hover{color:#fff; text-decoration:underline}
.menuswrap .floaticons  li  span.on a{color:#409cba}
.menuswrap .floaticons  li  span.on a:hover{color:#409cba; text-decoration:none}
.menuswrap .floaticons  li  .new_icon{position:absolute; top:-7px; right:-1px; padding:0; z-index:9999}
.noti_icon1 li img{padding:2px 4px 0 0 ; }
.noti_icon2 li img{padding:2px 0 0 4px;}

#commentopen {position:absolute; top:-182px; left:115px; }  
.commentopen {width:425px; height:165px; padding:14px 0 0 8px; background:url('/img/common/common/noti_comment_bg.png') 0 0 no-repeat}
.comtarea {width:402px; height:110px; overflow:auto;}
.comtarea .cmtlist li{padding:0; margin:0; line-height:15px; padding-bottom:3px;}
.comtarea .cmtlist li a{color:#a4a4a4; }
.comtarea .cmtlist li a:hover{color:#157dcc; text-decoration:none;}
.comtarea .cmtlist li span{font-weight:bold; color:#157dcc; font-size:10px}

#newupdates {position:absolute; top:-182px; left:115px; }
.newupdates {width:425px; height:165px;  padding:14px 0 0 8px;  background:url('/img/common/common/noti_note_bg.png') 0 0 no-repeat}
.newupdate {width:402px; height:110px; overflow:auto;}
.newupdatelist li {float:left; margin-bottom:8px; width:190px; color:#a4a4a4}

.invpic {border:1px solid #c9c9c9; width:29px}
.invinfo {width:110px; margin-left:9px}
/* end :: 20101203 */

.stepcarousel2{position:relative; overflow: scroll; width:118px; height:60px; }
.stepcarousel2 .belt{position:absolute; left:0; top:0;}
.stepcarousel2 .panel{float:left; overflow:hidden; width:122px;}

.stepcarousel{position:relative; overflow: scroll; width:833px; height:57px; }
.stepcarousel .somebelt{position:absolute; left:0; top:0;}
.stepcarousel .somepanel{float:left; overflow:hidden; width:833px;}
.stepcarousel .somepanel li {float:left; margin-right:10px}
.stepcarousel .somepanel li.last {float:left; margin-right:0px}

.stepyear {position:relative; overflow: scroll; width:68px; height:358px; }
.stepyear .somebelt{position:absolute; left:0; top:0;}
.stepyear .somepanel{float:left; overflow:hidden; width:58px; height:358px;}
.stepyear .somepanel li {clear:left; margin-right:0}
.stepyear .somepanel li.last {float:left; margin-right:0px}

.usergallerycss {position:relative; overflow: scroll; width:833px; height:120px; }
.usergallerycss .userbelt{position:absolute; left:0; top:0;}
.usergallerycss .userpanel{float:left; overflow:hidden; width:833px;}
.usergallerycss .userpanel li {float:left;}
.usergallerycss .userpanel li.last {float:left;}

.skillscss {position:relative; overflow: scroll; width:833px; height:100px; }
.skillscss .skillsbelt{position:absolute; left:0; top:0;}
.skillscss .skillspanel{float:left; overflow:hidden; width:833px;}
.skillscss .skillspanel li {float:left;}
.skillscss .skillspanel li.last {float:left;}

.minislidebar {position:relative; overflow:hidden; width:118px; height:60px;}
.minislidebelt{position:absolute; left:0; top:0;}
.minislidepanel{float:left; overflow:hidden; width:121px; height:60px}
.minislidepanel .paneltxt {}
.minislidepanel li {float:left;}
.minislidepanel li.last {float:left;}

.snsslidebar {position:relative; overflow:hidden; width:250px; height:75px;}
.snsslidebar .snsslidebelt{position:absolute; left:0; top:0; width:250px}
.snsslidebar .snsslidepanel{float:left; overflow:hidden; width:253px;}

.showcss {position:relative; overflow: scroll; width:480px; height:75px; }
.showcss .showbelt{position:absolute; left:0; top:0;}
.showcss .showpanel{float:left; overflow:hidden; width:480px;}
.showcss .showpanel li {float:left; margin-right:5px;}
.showcss .showpanel li.last {float:left; margin-right:0px;}
.showcss .showpanel li.last {float:left;}


.challenge {position:relative; overflow: scroll; width:715px; height:75px;}
.challenge .challengebelt{position:absolute; left:0; top:-10px; #top:-5px;} /* 20090701 */
.challenge .challengepanel{float:left; overflow:hidden; width:715px;}
.challenge .challengepanel li {float:left; margin-right:5px;}
.challenge .challengepanel li.last {float:left; margin-right:0px;}
.challenge .challengepanel li.last {float:left;}


/*slider*/
.ui-slider {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color:#A9A99F;
	background:url('/img/common/common/suchi_bg.gif') 0 0 no-repeat;
	/*
	border-top:1px solid #CDCDC4;
	border-left:1px solid #CDCDC4;
	border-right:1px solid #CDCDC4;
	*/
	height:27px;
	position: relative;
}
.ui-slider-handle {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	position: absolute;
	z-index: 2;
	top: 3px;
	width: 9px;
	height: 9px;
	background:url('/img/common/common/icon_pointer.png') 0 0 no-repeat;
}
.ui-slider-handle:hover {
	background:url('/img/common/common/icon_pointer.png') 0 0 no-repeat;
}
.ui-slider-handle-active, .ui-slider-handle-active:hover {
	background:url('/img/common/common/icon_pointer.png') 0 0 no-repeat;
}
.ui-slider-range {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	height: .8em;
	background: #dadada url(file:///C|/Documents and Settings/김은아/Local Settings/Temporary Internet Files/Content.IE5/7D6O1IYA/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	position: absolute;
	border: 1px solid #d3d3d3;
	border-left: 0;
	border-right: 0;
	top: -1px;
	z-index: 1;
	opacity:.7;
	filter:Alpha(Opacity=70);
}



/* old
.topnavi {position:relative}
.topnavi .navi {background:url('/img/common/common/nvi_arrow.gif') 66px 3px no-repeat; margin:15px 0 0 16px; display:inline}
.topnavi .menus {margin-top:17px; *margin-top:19px;}
.topnavi .newicon {position:absolute; left:648px; *left:647px; margin-top:9px; *margin-top:11px;}
*/
.topnavi {position:relative;}
.topnavi .navi {display:inline; margin:0px 0 0 15px; color:#157dcc;}
.topnavi .menus {margin-top:17px; *margin-top:19px;}
.topnavi .newicon {position:absolute; left:648px; *left:647px; margin-top:9px; *margin-top:11px;}

.menus li img {vertical-align:middle; _vertical-align:top}
.menus .domainurl {height:13px;}
.menus .menus_right .favoritecount {float:left; left:60px; font-size:10px; margin-top:-2px; color:#EB4478;}
.menus .menus_left li{position:relative; z-index:1; float:left; margin-left:10px; height:8px;}
.menus .menus_right li{float:left; background:url('/img/common/mygallery/bullet_blackdot.gif') 0 6px no-repeat; *background-position:0 6px; padding:0 7px; margin-left:2px; height:8px;}
.menus .menus_right li.first{float:left; background-image:none; padding:3px 7px 0 0; height:8px; *padding:2px 7px 0 0; _padding:0 7px 0 0; }
.invitefriend {position:absolute; z-index:100000; background:url('/img/common/mygallery/bg_invitefriend.gif') 0 0 no-repeat; width:930px; height:240px; margin:47px 0 0 4px; }
.copytheurl {position:absolute; z-index:100000; background:url('/img/common/mygallery/bg_copytheurl.gif') 0 0 no-repeat; width:930px; height:160px; margin:47px 0 0 4px;}

.whiterectop {width:193px; background:url('/img/common/common/bg_white_top.png') 0 0 no-repeat}
.whiterecbtm {width:193px; height:5px; background:url('/img/common/common/bg_white_bottom.png') 0 0 no-repeat; overflow:hidden}
.whiterectop_s2 {width:544px; background:url('/img/common/common/bg_center_white_top.png') 0 0 no-repeat}
.whiterecbtm_s2 {width:544px; height:4px; background:url('/img/common/common/bg_center_white_bottom.png') 0 0 no-repeat; overflow:hidden}
.whiterectop_m2 {width:744px; background:url('/img/common/common/bg_white_top1.png') 0 0 no-repeat}
.whiterecbtm_m2 {width:744px; height:6px; background:url('/img/common/common/bg_white_bottom1.png') 0 0 no-repeat; overflow:hidden}
.whiterectop_b2 {width:938px; background:url('/img/common/common/bg_white_top2.png') 0 0 no-repeat}
.whiterecbtm_b2 {width:938px; height:6px; background:url('/img/common/common/bg_white_bottom2.png') 0 0 no-repeat; overflow:hidden;}
.grayrectop {width:193px; background:url('/img/common/common/bg_gray_top.png') 0 0 no-repeat}
.grayrecbtm {width:193px; height:5px; background:url('/img/common/common/bg_gray_bottom.png') 0 0 no-repeat; overflow:hidden}

.bannert {width:193px; background:url('/img/common/common/bg_gray_top.png') 0 0 no-repeat}
.bannerb {width:193px; height:3px; background:url('/img/common/common/bg_banner_bottom.png') 0 0 no-repeat; overflow:hidden}
.bannert2 {width:938px; background:url('/img/common/common/bg_white_top2.png') 0 0 no-repeat}
.bannerb2 {width:938px; height:4px; background:url('/img/common/common/bg_banner_bottom2.png') 0 0 no-repeat; overflow:hidden}


/* about select box */
.selectBoxSelectedAreaGlobal {color:#626262; font-size:12px; font-family:dotum; font-weight:normal; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxSelectedAreaFocusGlobal {color:#626262; font-size:12px; font-weight:normal; font-family:dotum; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionGlobal {color:#626262; font-size:12px; font-family:dotum; font-weight:normal; background-color:#f5f5f5; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionOverGlobal {color:#626262; font-size:12px; font-family:dotum; font-weight:normal; background-color:#e6e6e6; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}

.selectBoxOptionInnerLayer {overflow:auto;background-color:#f5f5f5;
    scrollbar-face-color:#F3F3F3;
    scrollbar-shadow-color:#6C6C6C;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#C9C9C9;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#F3F3F3;
    scrollbar-arrow-color:#000000;
}

/* str:  20101125 */
#browsefiles {float:left; width:61px; height:21px; background:url('/img/common/mygallery/profile/btn_browse.gif') 0 0 no-repeat; cursor:pointer; margin-top:1px; *margin-top:1px} /* both button 21px */ 
#uploadfiles {float:left; width:58px; height:21px; background:url('/img/common/studio/btn_browse.gif') 0 0 no-repeat; cursor:pointer; margin-top:1px; *margin-top:1px} /* both button 21px */ 
#admorefiles {float:left; width:67px; height:21px; background:url('/img/common/studio/btn_addmore.gif') 0 0 no-repeat; cursor:pointer; margin-top:1px; *margin-top:1px} /* both button 21px */
/* end:  20101125 */
/*
#browsefiles:hover{float:left; width:58px; height:21px; background:url('/img/common/mygallery/profile/btn_browse.gif') 0 -21px no-repeat; cursor:pointer; margin-top:2px}
*/

.miniprofile {position:absolute; z-index:100000; width:175px; height:281px; border:2px solid #E777A2; background-color:#FFFFFF; padding:8px 0 0 8px}
.minipic {border:1px solid #C0BFAD}
.miniintro {display:inline-block; font-size:13px; color:#3A3A3A; width:122px; margin-left:4px}
.namearea {width:167px; border-bottom:1px solid #DCDBCF; padding-bottom:10px}
.playgraphbars {width:152px; margin-top:10px; *margin-top:10px}
.playgraph dt {float:left; width:55px; height:8px; overflow:hidden}
.playgraph dd {float:left; width:86px; height:8px; background:url('/img/common/mygallery/img_gra_bg.gif') 0 0 repeat-x; *background-position:0 0; margin-left:10px; overflow:hidden}
.slidecamera {width:164px; border:1px solid #DCDBCF; padding:8px 0 0 0; height:69px}
.selectgroup {width:157px; margin-top:1px; margin-left:4px}
.prothum {width:167px; height:35px; background:url('/img/common/mygallery/pro_thum_bg.gif') 0 0 no-repeat}
.prothum li {display:inline; float:left; margin-left:3px; margin-right:1px; margin-top:3px; *margin-top:0px}

#miniopen1 {width:167px; height:154px}
#miniopen2 {position:absolute; z-index:100001; width:165px; height:152px;  border:2px solid #157DCC; background-color:#fff; margin-top:118px} /* 20101207 */


.nomember {position:absolute; z-index:999999; width:220px; padding:30px;  border:3px solid #157DCC; background-color:#FFFFFF; color:#595959; font-size:11px; text-align:center;} /* 20101206 */
.nomember .btn_close {position:absolute; right:9px; top:9px;} /* 20101203 */

.minipic {border:1px solid #c9c9c9} 
.miniintro {display:inline-block; font-size:13px; color:#3A3A3A; width:122px; margin-left:4px}
.namearea {width:173px; padding-bottom:10px}
.ellipsis {overflow:hidden; text-overflow:ellipsis;}


/* skill and forum popup */
.rbox_pks {display:show; position:absolute; margin:162px 0 0 14px; z-index:1000; border:2px solid #e777a2; background:#fff; padding:0px;}
/*.rbox_pk {position:relative; }*/
.rbox_pks .corner {position:absolute; width:5px; height:5px; background:#fff url('/img/community/learn/bg_rbox_pk.gif') 0 0 no-repeat; _background:none;}
.rbox_pks .lt {top:-2px; left:-2px; background-position:0px 0px;}
.rbox_pks .rt {top:-2px; right:-2px; background-position:-5px 0px;}
.rbox_pks .lb {bottom:-2px; left:-2px; background-position:0px -5px;}
.rbox_pks .rb {bottom:-2px; right:-2px; background-position:-5px -5px;}
.rbox_pks .close_x {position:absolute; top:9px; right:9px;}
.rbox_pks .content {padding:10px 10px 20px 10px;}
.rbox_pks .content2 {padding:16px 20px 20px 18px;}

.setfolder {width:130px; border:1px solid #333; background:#000; color:#808080;} /* 20101104 */

/* str : Footer Total navigation 20110509 */
.footermenus {width:980px;  padding:25px  0 20px 0; border-bottom:1px solid #333; margin:0 auto;}
.footermenus a:visited {color:#666;}
.fmenus1 {float:left; width:244px; border-right:1px solid #333}
.fmenus2 {float:left; width:273px; padding-left:10px; border-right:1px solid #333}
.fmenus3 {float:left; width:234px;  padding-left:10px; border-right:1px solid #333}
.fmenus4 {float:left; width:196px; padding-left:10px}

.fmenus2  ul{width:265px;}  /* 20110519 */
.footermenus dl{width:100%; }
.footermenus dl.top{height:60px} /* 20110519 */
.footermenus dl.bt{height:62px}
.footermenus dt {width:100%; font-size:12px; color:#808080; font-weight:bold}
.footermenus dd {width:100%; margin-top:3px; padding:0;  color:#666; }
.footermenus dd li {float:left; background:url('/img/common/landing/footer_list_divi.gif') 0 4px no-repeat; padding:0 5px; line-height:15px;}
.footermenus dd li a{color:#666;}
.footermenus dd li a:hover{color:#fff; text-decoration:underline}
.footermenus dd li.first { background-image:none; padding:0 4px 0px 0px}
.footermenus dd li.last {padding-right:30px;}

/* end : Footer Total navigation  20110509 */



/* 2009-10-16 */
.cont_bgcd td{word-break:keep-all;}

/* str : 20100630  sharing layer popup */
.layer_sharing {margin-top:16px;}
.layer_sharing span{float:left; margin-right:18px;}
/* end : 20100630  sharing layer popup */

/* str : 20101015  SHARING */
.sharing {width:936px; margin:0 0 1px 11px;}
.sharing .bg_con03_top {width:936px; background:url('/img/community/learn/landing/product/bg_product_top.png') 0 0 repeat-x; }
.sharing .bg_con03_btm {width:936px; height:4px; background:url('/img/community/learn/landing/product/bg_product_btm.png') 0 0 no-repeat; font-size:0;}
.nomg{ margin: 4px 0 3px 0;} /* 20100810*/
.sharing .bg_con03_top {width:926px; padding:10px 0 6px 10px;}
.sharing .like {float:left; width:348px; height:26px; padding:5px 0 0 5px; margin-right:20px; border-right:1px solid #e4e4e4; }
.sharing .like .like_icon{float:left; margin-right:5px;}
.sharing .like .info{float:left; padding-top:5px;}
.sharing .like .info span{text-decoration:underline; margin-left:3px;}
.sharing .like .info img {vertical-align:middle;}
.sharing .share {float:left; width:541px; padding-right:4px;}
.sharing .icon {float:left; width:340px; }
.sharing .icon strong {float:left; margin:11px 20px 0 0; padding:0; }
.sharing .icon li{float:left; padding:2px 6px 1px 0;}
.sharing .btn {float:right; }
.sharing .btn span {float:left; margin:5px 18px 0 0; font-size:0; }
.sharing .btn span.favorite {margin:5px 19px 0 0; }
/*.sharing .btn span.favorite a {position:relative;}*/
.sharing .btn a.total {position:absolute !important; margin:11px 0 0 40px; line-height:11px; color:#157dcc; font-size:10px; font-family:Arial; text-decoration:none;}
/* end : 20101015  SHARING */

/* SHARING */
.sharing02 {width:741px; margin:0 0 0 1px; }
.sharing02 .whiterectop_m2 {padding:10px 0 4px 10px;}
.sharing02 .like {float:left; margin-right:10px; height:26px; padding:0 10px 0 0; border-right:1px solid #e4e4e4;}
.sharing02 .like .like_icon{float:left; margin-right:5px;}
.sharing02 .like .info{float:left; padding-top:5px;}
.sharing02 .like .info span{text-decoration:underline; margin-left:3px;}
.sharing02 .photo img {padding-right:1px;}
.sharing02 .share {float:left; width:420px;}
.sharing02 .icon {float:left; width:230px;}
.sharing02 .icon li {float:left; padding:2px 3px 1px 0;}
.sharing02 .btn {margin:0 0 0 0; float:right;}
.sharing02 .btn span {float:left; margin:0 10px 0 0; font-size:0;}
/*.sharing02 .btn span.favorite a{float:left;}
.sharing02 .btn a.total{display:block; line-height:11px; color:#157dcc; font-size:11px; font-family:dotum, Arial; padding-left:3px; text-decoration:none;}*/
.sharing02 .btn a.total {position:absolute !important; margin:12px 0 0 44px; line-height:11px; color:#157dcc; font-size:11px; font-family:Arial; text-decoration:none;}

.sharing_top03{width:438px;  height:58px; background:url('/img/common/common/bg_share_top03.png') 0 0 no-repeat;  padding:14px 14px 10px 14px;}
.sharing_top03 .icon{width:300px; float:left; }
.sharing_top03 .icon strong{display:block; margin:0 0 10px 0; padding:0; }
.sharing_top03 .icon li{float:left; padding:0  5px 1px 0;}
.sharing_top03 .btn{width:125px; margin:8px 0 2px 0; float:right; }
.sharing_top03 .btn span{display:block; margin-bottom:7px; font-size:0;}
.sharing_top03 .btn span.favorite a{float:left;}
.sharing_top03 .btn a.total{display:block; line-height:11px; color:#157dcc; font-size:11px; font-family:dotum, Arial; padding-left:3px; text-decoration:none;}
.sharing_btm03{width:466px; height:4px; background:url('/img/common/common/bg_share_btm03.png') 0 0 no-repeat; font-size:0;}

/* 20100803 comment */
.comment_rate {clear:both; height:20px;}
.comment_rate .rate_back1 {float:left; width:139px; height:19px;}
.comment_rate .rate_back2 {float:left; width:85px;}
.comment_rate .rate_back2 .rateblock span img {float:left;}
.comment_rate .rateblock {position:absolute; border:1px solid #c9c9c9;  padding:1px; background:#ffffff;}
.comment_rate .rateblock span {float:left; padding:0 1px 0 0;}
.comment_rate .rateblock div {clear:both;}
.comment_rate .rateblock div a {display:block;}
.comment_icon {width:118px; height:14px;}  /* 20100913 */
.comment_rate .rate_back2 .comment_icon {width:62px; height:14px;}  /* 20100913 */

/* 20101130 Mini Profile */
.nmini {position:absolute; z-index:111111;}
.nminipr {width:188px;  border:2px solid #157dcc; background:#ffffff; padding:10px;}
.prtitle {height:20px;}
.prtitle strong{color:#333; font-size:12px;}
.prdata {border-top:1px solid #d5d5d5; padding:10px 0 ;}
.prdata span {float:left; padding-right:10px;}
.prdata span img {border:1px solid #b6b6b6; width:28px; height:28px;}
.prdata p {width:140px;}
.prdata p img {margin-left:2px; vertical-align:middle}
.prdata a {color:#8a8a8a; text-decoration:none;}
.prdata a:hover {color:#157dcc; text-decoration:none}
.nfriend {position:absolute; z-index:1111111;}
.nfriendok {width:227px; height:109px; border:2px solid #157dcc; background:#ffffff; padding:8px 8px 0 8px;}
.nfriendok div.nftitle {height:20px;}
.nfriendok div.nfdata {border-top:1px solid #d5d5d5; padding:8px 0 0 0; height:65px; text-align:center;}
.nfriendok div.nfdata p {width:200px; text-align:left; margin:0 auto; padding:0 0 5px 0; line-height:15px;}



/* 20101012 PAGE NUMBER */
.page_number {clear:left; margin:0 auto; _font-size:0; text-align:center;  border-top:1px solid #e6e6e1;} /* 20101101 */
.sun_no {border:0;}
.sun_g {width:980px; border-top:1px solid #2f2f2f;}
.page_number .nums {padding:10px 0 30px 0; line-height:12px;}
.page_number .nums img {vertical-align:top; padding-top:2px; margin:0 3px; }
.page_number .nums span {margin:0 3px; font-size:11px;}
.page_number .nums span a{color:#333333; text-decoration:none;}
.page_number .nums span a.blue{color:#157dcc; text-decoration:none;}
.page_number .nums span a:hover{color:#157dcc;}

a.pnf {*color:#ffffff; background:url('/img/common/common/prev2_off.gif') 0 0 no-repeat;}
a.pnf:hover {*color:#ffffff; background:url('/img/common/common/prev2_on.gif') 0 0 no-repeat;   }
a.pnp {*color:#ffffff; background:url('/img/common/common/prev1_off.gif') right 0 no-repeat; margin-right:3px; }
a.pnp:hover {color:#ffffff; background:url('/img/common/common/prev1_on.gif') right 0 no-repeat;}
a.pnn {*color:#ffffff; background:url('/img/common/common/next1_off.gif') 0 0 no-repeat; margin-left:3px; }
a.pnn:hover {*color:#ffffff; background:url('/img/common/common/next1_on.gif') 0 0 no-repeat;}
a.pnl {*color:#ffffff; background:url('/img/common/common/next2_off.gif') 0 0 no-repeat;}
a.pnl:hover {*color:#ffffff; background:url('/img/common/common/next2_on.gif') 0 0 no-repeat;}
 a.pnf, a.pnp, a.pnn, a.pnl {display:inline-block; width:7px; height:7px; margin-top:-2px;   *margin-top:0; _margin-top:-2px; 
vertical-align:middle; *vertical-align:middle; font-size:0; color:#000; line-height:0px; text-indent:-99999px; *line-height:12px;} /* 20101026 */

/* 20101012 SEARCH */
.search {width:336px; margin:0 auto; margin-top:-10px; padding-bottom:30px;}
.search select{float:left; width:95px; border:1px solid #c9c9c9; height:21px;}
.search input{float:left; width:177px; height:17px; border:1px solid #c9c9c9; border-right:none; line-height:14px; margin: 0 0 0 1px; padding:2px 0 0 5px;}
.search img{float:left;}


/* 20101124  Error*/
.error_page{text-align:center; padding:100px 0; color:#333; font-size:12px}
.error_page p{margin-top:17px; line-height:16px;}

.error_con{width:100%; padding:100px 0;  background:#fff}
.error_page2{width:910px; height:230px; margin:0  auto;  background:url('/img/common/common/error_bg.jpg') 0 0 no-repeat; text-align:center; padding:51px 0 0 0; color:#333; font-size:12px;}
.error_page2 p{margin-top:17px; line-height:16px;}

/* 20101124  TOP BAR  */
.toparea_before {width:100%; background:url('/img/community/worldmap/bg_toparea_nologin.gif') 0 0 repeat-x; height:70px; text-align:center;}
.toparea_after {background:url('/img/community/worldmap/bg_toparea_login.gif') 0 0 repeat-x; height:27px;}
.topmenuarea {width:980px; margin:0 auto; height:70px; }
.topmenuarea h1 {float:left; margin-top:17px; font-size:0;}
.topmenuarea h1 img{margin-right:7px;}
.topmenuarea .topmenus {float:right; text-align:right; margin:0}
.topmenuarea .toplogin {clear:left; margin-top:5px; text-align:right; height:24px;}
.topmenuarea .toplogin a {color:#989898; font-size:10px; background:url('/img/community/worldmap/topmenu_divide1.gif') left 3px no-repeat; padding:0 3px 0 6px;}
.topmenuarea .toplogin a.first {background:none;}
.topmenuarea .toplogin a em {font-style:normal; color:#2c85e3;}
.topmenuarea .tmenus {clear:left; padding-top:29px;}
.topmenuarea .tmenus span {margin-left:15px;}
.topmenuarea .tmenus a {color:#e8e8e8; font-weight:bold; text-decoration:none;}
.topmenuarea .tmenus a:hover {color:#379dbb;}
.topmenuarea .tmenus .etc1 a {background:url('/img/community/worldmap/topmenu_iloger1.gif') left 0 no-repeat; padding:0 0 0 19px;}
.topmenuarea .tmenus .etc1 a:hover {background:url('/img/community/worldmap/topmenu_iloger2.gif') left 0 no-repeat; padding:0 0 0 19px;}
.topmenuarea .tmenus .etc2 a {background:url('/img/community/worldmap/topmenu_divide2.gif') left 3px no-repeat; padding:0 0 0 15px;}

/* 20101126 */
.notice_con{width:336px; padding:11px 0 14px 0; background:#fff; border:3px solid #157dcc; position:relative;} /* 20101130 */
.notice_con  .btn_close{position:absolute; right:9px; top:9px;}
.notice_con p{padding:10px 30px 12px; 30px; text-align:center; color:#595959; font-size:11px;} /* 20101206 */
.notice_con div{text-align:center;}
.notice_con strong{padding-left:7px; color:#333; font-size:12px;}
.notice_con strong img{margin-right:5px;}

/* 20101207 */
.friend_make { width:154px; border:2px solid #157DCC; padding:10px; background:#ffffff;  margin-top:5px;  text-align:left;} 
.friend_make strong{color:#333; font-size:12px; display:block; padding-bottom:10px;} 
.friend_make textarea {clear:left; margin:0 0 0 0; width:142px; height:50px; overflow:auto; border:1px solid #c9c9c9; padding:5px; color:#a4a4a4;}
.friend_make p {margin:0; height:24px;}
.friend_make select {border:1px solid #c9c9c9; background:#fff; color:#a4a4a4; font-size:11px !important;}