@charset "UTF-8";

body, form { margin:0; padding:0; font-weight:normal; font-size:12px; color:#333; text-align:left; background-color:#fff; font-family:dotum,Gulim,Helvetica,AppleGothic,Sans-serif; }

img { border:0px; }
input, select {font-size:100%; vertical-align:middle;}

a { color:#666; text-decoration:none; } a:visited, a:active { text-decoration:none; } a:hover { text-decoration:underline; }

hr.layout { display:none; clear:both; }
table	{ table-layout:fixed; border-collapse:collapse; border-spacing:0; }
th,td	{ border-collapse:collapse; }
legend,caption	{ display:none; clear:both; font:bold 12px 돋움,Dotum,Verdana,Arial,sans-serif; }
form	{  background:none; margin:0px; padding:0px; }

/* float 해제 */
.f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block; }
* html .f-clear { height:1%; }
.f-clear { display:block; }

div.clear { clear:both; overflow:hidden; height:0; font:normal 0/0 verdana; }

.userMenuLayer { position:absolute; top:0px; left:0px; padding:3px; border:1px solid #68b1d9; background:#fff; }
.userMenuLayer ul { list-style:none; margin:0px; padding:0px; }
.userMenuLayer ul li { margin:0px; padding:4px 8px 4px 8px; color:#666666; }
.userMenuLayer ul li a {  color:#666666; }
.userMenuLayer ul li:hover { background:#e1f4fe; }

/* footer 수정 20110228 */
#Footer01 { width:100%; padding:3px 0 0 0; margin:50px 0 0 0; background:url(/images/home/bg_footer_notice_line.gif) top left repeat-x;}
#Footer01 .innerBox01 { width:960px; margin:0 auto; }
#Footer01 .noticeBox { position:relative; width:960px; padding:8px 0 9px 0; }
#Footer01 .noticeBox dl.notice { overflow:hidden; width:500px; margin:0px; padding:0px; }
#Footer01 .noticeBox dl.notice dt { float:left; width:67px; margin:0px; padding:0px 0 0 13px; }
#Footer01 .noticeBox dl.notice dd { float:left; width:408px;  margin:0px; padding:2px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
#Footer01 .noticeBox dl.notice dd a { color:#5c5c5c; }
#Footer01 .noticeBox select { display:none; position:absolute; right:11px; top:6px; width:117px; }
#Footer01 .noticeBox .allServie { position:absolute; right:13px; top:9px; color:#33b0ff; }
#Footer01 .noticeBox .allServie img { vertical-align:middle; margin:0 4px 0 0; }
#Footer01 ul { list-style:none; list-style:none; padding:0px; margin:22px 0 0 0; text-align:center; }
#Footer01 ul li { display:inline; margin:0px; padding:0px 15px 0 19px; background:url(/images/home/icon/ico_bar_04.gif) no-repeat; }
#Footer01 ul li.first { background:none; }
#Footer01 ul li a { color:#5c5c5c; }
#Footer01 ul li a:hover { color:#009cff; }
#Footer01 .copyright { margin:0px; padding:13px 0 21px 0; text-align:center; color:#5c5c5c; font:12px dotum; }

/* footer 수정 20110624 */
#Footer02 { width:100%; padding:3px 0 0 0; margin:50px 0 0 0; background:url(/images/home/bg_footer_notice_line.gif) top left repeat-x;}
#Footer02 .innerBox01 { width:960px; margin:0 auto; }
#Footer02 .innerBox01 .noticeBox { position:relative; width:960px; padding:8px 0 9px 0; }
#Footer02 .innerBox01 .noticeBox dl.notice { overflow:hidden; width:500px; margin:0px; padding:0px; }
#Footer02 .innerBox01 .noticeBox dl.notice dt { float:left; width:67px; margin:0px; padding:0; }
#Footer02 .innerBox01 .noticeBox dl.notice dd { float:left; width:408px;  margin:0px; padding:2px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
#Footer02 .innerBox01 .noticeBox dl.notice dd a { color:#5c5c5c; }
#Footer02 .innerBox01 .noticeBox .allServie { position:absolute; right:13px; top:9px; color:#33b0ff; }
#Footer02 .innerBox01 .noticeBox .allServie img { vertical-align:middle; margin:0 4px 0 0; }
#Footer02 .innerBox01 .logoBox { overflow:hidden; width:798px; margin:21px 0 0 162px; padding:0; }
#Footer02 .innerBox01 .logoBox .logo { float:left; margin:0; padding:0; }
#Footer02 .innerBox01 .logoBox .footerMenu { float:left; padding:0; margin:0 0 0 40px; }
#Footer02 .innerBox01 .logoBox .footerMenu .list { list-style:none; padding:0; margin:0; }
#Footer02 .innerBox01 .logoBox .footerMenu .list  li { display:inline; margin:0px; padding:0 15px 0 20px; background:url(/images/home/icon/ico_bar_04.gif) no-repeat; }
#Footer02 .innerBox01 .logoBox .footerMenu .list  li.first { padding:0 15px 0 0; background:none; }
#Footer02 .innerBox01 .logoBox .footerMenu .list  li a { color:#5c5c5c; }
#Footer02 .innerBox01 .logoBox .footerMenu .list  li a:hover { color:#009cff; }
#Footer02 .innerBox01 .logoBox .footerMenu .copyright { margin:0px; padding:13px 0 21px 0; text-align:left; color:#a0a0a0; font:12px dotum; }

/* footer 수정 20110704 */
#Footer03 { width:100%; padding:3px 0 0 0; margin:50px 0 0 0; background:url(/images/home/bg_footer_notice_line.gif) top left repeat-x;}
#Footer03 .innerBox01 { width:960px; margin:0 auto; }
#Footer03 .innerBox01 .noticeBox { position:relative; width:960px; padding:8px 0 9px 15px; }
#Footer03 .innerBox01 .noticeBox dl.notice { overflow:hidden; width:500px; margin:0px; padding:0px; }
#Footer03 .innerBox01 .noticeBox dl.notice dt { float:left; width:67px; margin:0; padding:0; }
#Footer03 .innerBox01 .noticeBox dl.notice dd { float:left; width:408px;  margin:0px; padding:2px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
#Footer03 .innerBox01 .noticeBox dl.notice dd a { font:12xp dotum; color:#595959; }
#Footer03 .innerBox01 .noticeBox .allServie { position:absolute; right:13px; top:9px; font:bold  12px dotum; color:#1f1f20; }
#Footer03 .innerBox01 .noticeBox .allServie img { vertical-align:2px; margin:0 0 0 4px; }
#Footer03 .innerBox01 .logoBox { margin:0 auto; padding:0; }
#Footer03 .innerBox01 .logoBox .footerMenu { padding:0; margin:0; text-align:center; }
#Footer03 .innerBox01 .logoBox .footerMenu ul { list-style:none; margin:29px 0 48px 0; padding:0; color:#666666; }
#Footer03 .innerBox01 .logoBox .footerMenu ul li { display:inline; margin:0; padding:0 5px 0 11px; background:url(/images/home/icon/ico_bar_02.gif) top left no-repeat; }
#Footer03 .innerBox01 .logoBox .footerMenu ul li.first { padding:0 11px 0 0; background:none; }
#Footer03 .innerBox01 .logoBox .footerMenu ul li.copyright { margin:0; padding:0; background:none; }
#Footer03 .innerBox01 .logoBox .footerMenu ul li.copyright span { margin:0; padding:0; font:12px dotum; color:#5c5c5c; }
#Footer03 .innerBox01 .logoBox .footerMenu ul li.copyright a { margin:0 0 0 17px; padding:0; vertical-align:-1px; }

#GNB { z-index:999999; position:relative; height:28px; } 
#GNB .home { position:absolute; top:8px; left:0px; } 
#GNB .loginBox { display:; position:absolute; right:0px; top:5px; list-style:none; margin:0px; padding:0px; font:11px dotum; }
#GNB .loginBox a { color:#666666; }
#GNB .loginBox li { float:left; margin:0px; padding:3px 9px 0 10px; background:url(/images/home/icon/ico_bar_01.gif) 0 3px no-repeat; }
#GNB .loginBox li#msgWelcome { padding-right:20px; background:none; }
#GNB .loginBox li.btn { padding:0px; background:none; }
#GNB .loginBox li.first { background:none; }
#GNB .loginBox li.ad { padding-right:0px; }
#GNB .loginBox li.ad a { font-weight:bold; color:#2276bb; }
#GNB .loginBox li.ad img { vertical-align:-4px; margin:0 0 0 2px; }
#GNB .loginBox .userInfo { padding:0px 8px 0 0 !important; margin:-3px 0 0 0 !important; background:none; }
#GNB .loginBox .userInfo .photoBox { float:left; }
#GNB .loginBox .userInfo .photoBox .thumb { width:20px; height:20px; border:1px solid #999; }
#GNB .loginBox .userInfo .nameBox { position:relative; float:left; width:96px; margin:0px; padding:0px; }
#GNB .loginBox .userInfo .nameBox dt { width:96px; margin:0px; padding:0px; color:#666666; }
#GNB .loginBox .userInfo .nameBox dt span { display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:77px; padding:8px 0 0 5px; }
#GNB .loginBox .userInfo .nameBox dt .btn { float:left; margin:6px 0 0 0; }
#GNB .loginBox .userInfo .nameBox dd.menu { display:none; position:absolute; bottom:-140px; right:0px; overflow:hidden; height:137px; border:1px solid #dcdcdc; margin:0px; padding:0px; background:#fff;}
#GNB .loginBox .userInfo .nameBox dd.menu ul { list-style:none; width:88px; margin:0px; padding:0px; }
#GNB .loginBox .userInfo .nameBox dd.menu ul li { width:68px; height:17px; margin:0px; padding:6px 0 0 20px !important; cursor:pointer; font:11px dotum; color:#666666; background:url(/images/home/icon/ico_menu_list_off.gif) no-repeat !important; }
#GNB .loginBox .userInfo .nameBox dd.menu ul li:hover { font-weight:bold; text-decoration:none !important; background:url(/images/home/icon/ico_menu_list_on.gif) no-repeat !important; }
#GNB .loginBox .userInfo .nameBox dd.menu ul li:hover a {text-decoration:none !important; }

#GNB .loginBox .friendRecom { position:relative; width:30px !important; padding:0px !important; margin:-2px 0 0 0 !important; background:none !important; }
#GNB .loginBox .friendRecom dl { width:30px; margin:0px; padding:0px; }
#GNB .loginBox .friendRecom dl dt { z-index:2; position:relative; width:30px; height:25px; margin:0; padding:0px; cursor:pointer; }
#GNB .loginBox .friendRecom dl dt .icon { position:absolute; top:4px; left:3px; }
#GNB .loginBox .friendRecom dl dt .new { position:absolute; top:3px; right:3px; }
#GNB .loginBox .friendRecom dl .listBox { display:none; z-index:1; position:absolute; width:255px; top:23px; right:0px; border:1px solid #dcdcdc; background:#fff;  }
#GNB .loginBox .friendRecom dl .listBox h5.Title { position:relative; width:247px; height:18px; margin:0px; padding:7px 0 0 8px; font:bold 12px dotum; background:#f1f1f1; }
#GNB .loginBox .friendRecom dl .listBox h5.Title .more { position:absolute; right:10px; top:8px; font:11px dotum; color:#c0c0c0 !important; }
#GNB .loginBox .friendRecom dl .listBox h5.Title .more image { vertical-align:2px; margin:0 3px 0 0; }
#GNB .loginBox .friendRecom dl .listBox ul.list { list-style:none; width:255px; margin:0px; padding:0px; }
#GNB .loginBox .friendRecom dl .listBox ul.list li { position:relative; width:246px; padding:9px 0 9px 9px !important; margin:0px; background-image:none !important; }
#GNB .loginBox .friendRecom dl .listBox ul.list li.bg { background-color:#f4f4f4 !important; }
#GNB .loginBox .friendRecom dl .listBox ul.list li .photoBox { float:left; }
#GNB .loginBox .friendRecom dl .listBox ul.list li .photoBox .thumb { width:28px; height:28px; border:1px solid #c7c7c7; }
#GNB .loginBox .friendRecom dl .listBox ul.list li .textBox { float:left; width:145px; margin:0px 0 0 8px; padding:0px; }
#GNB .loginBox .friendRecom dl .listBox ul.list li .textBox dt { width:145px; height:15px; margin:0px; padding:1px 0 0 0; font:11px dotum; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; background:none;}
#GNB .loginBox .friendRecom dl .listBox ul.list li .textBox dt a { color:#000 !important; }
#GNB .loginBox .friendRecom dl .listBox ul.list li .textBox dd { width:145px; margin:0px !important; padding:0px !important; font:bold 11px dotum; border:none;  overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
#GNB .loginBox .friendRecom dl .listBox ul.list li .textBox dd img { vertical-align:-3px; margin:0 4px 0 0; }
#GNB .loginBox .friendRecom dl .listBox ul.list li .textBox dd a { color:#000 !important; }
#GNB .loginBox .friendRecom dl .listBox ul.list li .addBtn { position:absolute; right:9px; top:16px; }

#GNB .loginBox .noticeBox { position:relative; width:30px !important; padding:0px !important; margin:-2px 5px 0 0 !important; background:none !important; }
#GNB .loginBox .noticeBox dl { width:30px; margin:0px; padding:0px; }
#GNB .loginBox .noticeBox dl dt { z-index:2; position:relative; width:30px; height:25px; margin:0; padding:0px; cursor:pointer; }
#GNB .loginBox .noticeBox dl dt .icon { position:absolute; top:4px; left:3px; }
#GNB .loginBox .noticeBox dl dt .new { position:absolute; top:3px; right:3px; }
#GNB .loginBox .noticeBox dl .listBox { display:none; z-index:1; position:absolute; width:255px; top:23px; right:0px; border:1px solid #dcdcdc; background:#fff;  }
#GNB .loginBox .noticeBox dl .listBox h5.Title { position:relative; width:247px; height:18px; margin:0px; padding:7px 0 0 8px; font:bold 12px dotum; background:#f1f1f1; }
#GNB .loginBox .noticeBox dl .listBox h5.Title .num { color:#2f93ff; }
#GNB .loginBox .noticeBox dl .listBox ul.list { overflow:hidden; list-style:none; width:255px; margin:0px; padding:0px; border-bottom:1px solid #dcdcdc; }
#GNB .loginBox .noticeBox dl .listBox ul.list li { position:relative; width:246px; padding:9px 0 9px 9px !important; margin:0px; background-image:none !important; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.bg { background-color:#f4f4f4 !important; }
#GNB .loginBox .noticeBox dl .listBox ul.list li .photoBox { float:left; }
#GNB .loginBox .noticeBox dl .listBox ul.list li .photoBox .thumb { width:28px; height:28px; border:1px solid #c7c7c7; }
#GNB .loginBox .noticeBox dl .listBox ul.list li .textBox { float:left; margin:0px 0 0 8px; padding:0px; }
#GNB .loginBox .noticeBox dl .listBox ul.list li .textBox dt { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:190px; height:18px; margin:0px; padding:0px; font:bold 11px dotum; color:#000; background-image:none !important; }
#GNB .loginBox .noticeBox dl .listBox ul.list li .textBox dt a { color:#000 !important; }
#GNB .loginBox .noticeBox dl .listBox ul.list li .textBox dd.text { width:190px; margin:0px; padding:0px; font:11px/12px dotum; word-break:break-all; color:#000; }
#GNB .loginBox .noticeBox dl .listBox ul.list li .textBox dd.text a { color:#000 !important; }
#GNB .loginBox .noticeBox dl .listBox ul.list li .textBox dd.date { width:190px; margin:0px; padding:3px 0 0 0; font:11px dotum; color:#aaaaaa; }
 
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie { position:relative; width:246px; padding:9px 0 9px 9px !important; margin:0px; background-image:none !important; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie .photoBox { float:left; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie .photoBox .thumb { width:28px; height:28px; border:1px solid #c7c7c7; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie .textBox { float:left; margin:0px 0 0 8px; padding:0px; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie .textBox dt { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:190px; height:18px; margin:0px; padding:0px; font:bold 11px dotum; color:#000; background-image:none !important; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie .textBox dt a { color:#000 !important; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie .textBox dd.title { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:190px; height:18px; margin:0px; padding:0px; color:#2f93ff; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie .textBox dd.title a { color:#2f93ff !important; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie .textBox dd.text { width:190px; margin:0px; padding:0px; font:11px/12px dotum; word-break:break-all; color:#000; }
#GNB .loginBox .noticeBox dl .listBox ul.list li.movie .textBox dd.date { width:190px; margin:0px; padding:3px 0 0 0; font:11px dotum; color:#aaaaaa; }

#GNB .loginBox .noticeBox dl .listBox .btnBox { position:relative; width:255px; height:34px; font:0/0 arial; }
#GNB .loginBox .noticeBox dl .listBox .btnBox .leftBox { overflow:hidden; width:60px; padding:8px 0 0 9px; margin:0px; }
#GNB .loginBox .noticeBox dl .listBox .btnBox .leftBox img { float:left; margin:0 4px 0 0; }
#GNB .loginBox .noticeBox dl .listBox .btnBox .reFresh { position:absolute; right:9px; top:8px; }

#GNB .loginBox .onList {  }
#GNB .loginBox .onList dl dt { background:url(/images/home/icon/bg_menu_select_box.gif) 0 0 no-repeat; }
#GNB .loginBox .onList dl .listBox { display:block !important; }

.idMenuBox { z-index:99999; position:absolute; top:0; left:0; width:81px; padding:7px 0 0 7px; border-bottom:1px solid #cacaca; background:url(/images/bg_id_menu_box.gif) top left no-repeat; }
.idMenuBox .menu { position:relative; list-style:none; width:73px; margin:0px; padding:0; }
.idMenuBox .menu li { margin:0; padding:3px 0 0 0; font:11px dotum; letter-spacing:-1px; color:#4d4d4d; background:url(/images/icon/ico_dot_line_07.gif) bottom left repeat-x ; }
.idMenuBox .menu li a { display:block; width:66px; padding:5px 0 4px 7px; color:#4d4d4d; background:url(/images/icon/ico_bull_04.gif) 1px 9px no-repeat; }
.idMenuBox .menu li.last { background:none; }

/* 친구 리스트 추가 20110516 */
#GNB .loginBox .friendList { position:relative; width:30px !important; padding:0px !important; margin:-2px 0 0 0 !important; background:none !important; }
#GNB .loginBox .friendList dl { width:30px; margin:0px; padding:0px; }
#GNB .loginBox .friendList dl dt { z-index:2; position:relative; width:30px; height:25px; margin:0; padding:0px; cursor:pointer; }
#GNB .loginBox .friendList dl dt .icon { position:absolute; top:4px; left:9px; }
#GNB .loginBox .friendList dl dt .new { position:absolute; top:3px; right:3px; }
#GNB .loginBox .friendList dl .listBox { display:none; z-index:1; position:absolute; width:305px; top:23px; right:0px; border:1px solid #dcdcdc; background:#fff;  }
#GNB .loginBox .friendList dl .listBox h5.Title { position:relative; width:297px; height:18px; margin:0px; padding:7px 0 0 8px; font:bold 12px dotum; border-bottom:1px solid #dcdcdc; background:#f1f1f1; }
#GNB .loginBox .friendList dl .listBox h5.Title select { position:absolute; top:4px; right:1px; width:160px; font:11px dotum; }			
#GNB .loginBox .friendList dl .listBox ul.list { position:relative; overflow-x:hidden; overflow-y:scroll; list-style:none; width:305px; height:240px; margin:0px; padding:0px; }
#GNB .loginBox .friendList dl .listBox ul.list li { position:relative; width:298px; padding:9px 0 9px 7px !important; margin:0px; background-image:none !important; }
#GNB .loginBox .friendList dl .listBox ul.list li.bg { background-color:#f4f4f4 !important; }
#GNB .loginBox .friendList dl .listBox ul.list li input.checkbox { float:left; margin:4px 0 0 0; }
#GNB .loginBox .friendList dl .listBox ul.list li .photoBox { float:left; margin:0 0 0 8px; }
#GNB .loginBox .friendList dl .listBox ul.list li .photoBox .thumb { width:28px; height:28px; border:1px solid #c7c7c7; }
#GNB .loginBox .friendList dl .listBox ul.list li .textBox { float:left; width:95px; margin:3px 0 0 11px; padding:0px; }
#GNB .loginBox .friendList dl .listBox ul.list li .textBox dt { width:95px; height:15px; margin:0px; padding:1px 0 0 0; font:bold 11px dotum; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; background:none;}
#GNB .loginBox .friendList dl .listBox ul.list li .textBox dt a { color:#333333 !important; }
#GNB .loginBox .friendList dl .listBox ul.list li .textBox dd { width:95px; margin:0px !important; padding:0px !important; font:11px dotum; color:#00b3fe; border:none;  overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}			
#GNB .loginBox .friendList dl .listBox ul.list li .textBox dd a { color:#00b3fe !important; }
#GNB .loginBox .friendList dl .listBox ul.list li p.category { margin:0px; padding:0px; position:absolute; top:19px; right:20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:100px; font:11px dotum; text-align:right; }

/* 추가 20110614 */
#GNB01 { z-index:999999; position:relative; width:960px; height:31px; margin:0 auto; }
#GNB01 .home { position:absolute; top:8px; left:10px; }
#GNB01 .loginBox { position:absolute; top:0; right:0; list-style:none; margin:0px; padding:0px 2px 0 0; background:url(/images/home/header/ico_gnb_menu_bar_01.gif) right top no-repeat; }
#GNB01 .loginBox li { float:left; position:relative; margin:0px; padding:0 0px 0 1px; font:11px dotum; color:#828387; background:url(/images/home/header/ico_gnb_menu_bar_01.gif) left top no-repeat; }
#GNB01 .loginBox .userInfo { float:left; width:150px; height:31px; margin:0px; padding:0px; background:none;}
#GNB01 .loginBox .userInfo .photoBox { float:left; }
#GNB01 .loginBox .userInfo .photoBox .thumb { width:34px; height:30px; }
#GNB01 .loginBox .userInfo .name { display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:100px; margin:12px 0 0 5px; font:11px dotum; color:#828387; }		
#GNB01 .loginBox .friendList { width:46px; }
#GNB01 .loginBox .friendList .listBox { display:none; z-index:1; position:absolute; width:294px; top:30px; left:-122px; border:1px solid #cfcfcf; background:#fff;  }
#GNB01 .loginBox .friendList .listBox h5.Title { position:relative; width:284px; height:19px; margin:0px; padding:9px 0 0 10px; font:bold 12px dotum; color:#4c81e9; border-bottom:1px solid #dcdcdc; background:#f1f1f1; }
#GNB01 .loginBox .friendList .listBox h5.Title .arrow { position:absolute; top:-6px; left:142px; }
#GNB01 .loginBox .friendList .listBox h5.Title select { position:absolute; top:6px; right:1px; width:160px; /*font:11px dotum;*/ } /* 20111214 Cross Browsing 관련 select 수정 */
#GNB01 .loginBox .friendList .listBox ul.list { position:relative; overflow-x:hidden; overflow-y:scroll; list-style:none; width:294px; height:244px; margin:0px; padding:3px 0 0 0; }
#GNB01 .loginBox .friendList .listBox ul.list li { position:relative; width:287px; padding:9px 0 7px 7px !important; margin:0px; background-image:none !important; }
#GNB01 .loginBox .friendList .listBox ul.list li.bg { background-color:#f4f4f4 !important; }
#GNB01 .loginBox .friendList .listBox ul.list li input.checkbox { float:left; margin:4px 0 0 0; }
#GNB01 .loginBox .friendList .listBox ul.list li .photoBox { float:left; margin:0 0 0 8px; }
#GNB01 .loginBox .friendList .listBox ul.list li .photoBox .thumb { width:30px; height:30px;  }
#GNB01 .loginBox .friendList .listBox ul.list li .textBox { float:left; width:45px; margin:4px 0 0 8px; padding:0px; }
#GNB01 .loginBox .friendList .listBox ul.list li .textBox dt { width:95px; height:15px; margin:0px; padding:1px 0 0 0; font:bold 11px dotum; color:#333333; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; background:none;}
#GNB01 .loginBox .friendList .listBox ul.list li .textBox dt a { color:#333333 !important; }
#GNB01 .loginBox .friendList .listBox ul.list li .textBox dd { width:95px; margin:0px !important; padding:0px !important; font:11px dotum; color:#797979; border:none;  overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}			
#GNB01 .loginBox .friendList .listBox ul.list li .textBox dd a { color:#797979 !important; }
#GNB01 .loginBox .friendList .listBox ul.list li p.category { margin:0px; padding:0px; position:absolute; top:14px; right:28px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:100px; font:11px dotum; text-align:right; }
#GNB01 .loginBox .friendList .listBox .btnBox { text-align:center; padding:10px 0 10px 0; border-top:1px solid #dddddd; }
#GNB01 .loginBox .friendRecom { width:46px; }
#GNB01 .loginBox .friendRecom .listBox { display:none; z-index:1; position:absolute; width:294px; top:30px; left:-122px; border:1px solid #dcdcdc; background:#fff;  }
#GNB01 .loginBox .friendRecom .listBox h5.Title { position:relative; width:284px; height:19px; margin:0px; padding:9px 0 0 10px; font:bold 12px dotum; color:#4c81e9; border-bottom:1px solid #dddddd; background:#f1f1f1; }
#GNB01 .loginBox .friendRecom .listBox h5.Title .arrow { position:absolute; top:-6px; left:142px; }
#GNB01 .loginBox .friendRecom .listBox h5.Title .more { position:absolute; right:6px; top:10px; font:11px dotum; color:#999999 !important; }
#GNB01 .loginBox .friendRecom .listBox h5.Title .more img { vertical-align:2px; margin:0 0 0 3px; }
#GNB01 .loginBox .friendRecom .listBox ul.list { list-style:none; width:294px; margin:0px; padding:2px 0 0 0; }
#GNB01 .loginBox .friendRecom .listBox ul.list li { position:relative; width:282px; padding:10px 0 10px 12px !important; margin:0px; background-image:none !important; }
#GNB01 .loginBox .friendRecom .listBox ul.list li.bg { background-color:#fbfbfb !important; }
#GNB01 .loginBox .friendRecom .listBox ul.list li .photoBox { float:left; }
#GNB01 .loginBox .friendRecom .listBox ul.list li .photoBox .thumb { width:30px; height:30px;  }
#GNB01 .loginBox .friendRecom .listBox ul.list li .textBox { float:left; width:145px; margin:1px 0 0 8px; padding:0px; }
#GNB01 .loginBox .friendRecom .listBox ul.list li .textBox dt { width:145px; height:15px; margin:0px; padding:1px 0 0 0; font:11px dotum; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; background:none;}
#GNB01 .loginBox .friendRecom .listBox ul.list li .textBox dt a { color:#000 !important; }
#GNB01 .loginBox .friendRecom .listBox ul.list li .textBox dd { width:145px; margin:0px !important; padding:0px !important; font:bold 11px dotum; border:none;  overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
#GNB01 .loginBox .friendRecom .listBox ul.list li .textBox dd img { vertical-align:-3px; margin:0 4px 0 0; }
#GNB01 .loginBox .friendRecom .listBox ul.list li .textBox dd a { color:#000 !important; }
#GNB01 .loginBox .friendRecom .listBox ul.list li .addBtn { position:absolute; right:9px; top:16px; }
#GNB01 .loginBox .noticeBox .listBox { display:none; z-index:1; position:absolute; width:294px; top:30px; left:-124px; border:1px solid #dcdcdc; background:#fff;  }
#GNB01 .loginBox .noticeBox .listBox h5.Title { position:relative; width:284px; height:19px; margin:0px; padding:9px 0 0 10px; font:bold 12px dotum; color:#4c81e9; border-bottom:1px solid #dddddd; background:#f1f1f1; }
#GNB01 .loginBox .noticeBox .listBox h5.Title .arrow { position:absolute; top:-6px; left:142px; }
#GNB01 .loginBox .noticeBox .listBox ul.list { overflow:hidden; list-style:none; width:294px; margin:0px; padding:3px 0 0 0; /*border-bottom:1px solid #dcdcdc;*/ } /* 20120125수정 */
#GNB01 .loginBox .noticeBox .listBox ul.list li { position:relative; width:283px; padding:9px 0 12px 11px !important; margin:0px; background-image:none !important; }
#GNB01 .loginBox .noticeBox .listBox ul.list li.bg { background-color:#fbfbfb !important; }
#GNB01 .loginBox .noticeBox .listBox ul.list li .photoBox { float:left; }
#GNB01 .loginBox .noticeBox .listBox ul.list li .photoBox .thumb { width:30px; height:30px; }
#GNB01 .loginBox .noticeBox .listBox ul.list li .textBox { float:left; margin:0px 0 0 8px; padding:0px; }
#GNB01 .loginBox .noticeBox .listBox ul.list li .textBox dt { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; width:230px; height:18px; margin:0px; padding:0px; font:bold 11px dotum; color:#000; background-image:none !important; }
#GNB01 .loginBox .noticeBox .listBox ul.list li .textBox dt a { color:#000 !important; }
#GNB01 .loginBox .noticeBox .listBox ul.list li .textBox dd.text { width:230px; margin:0px; padding:0px; font:11px/12px dotum; word-break:break-all; color:#000; }
#GNB01 .loginBox .noticeBox .listBox ul.list li .textBox dd.text a { color:#000 !important; }
#GNB01 .loginBox .noticeBox .listBox ul.list li .textBox dd.date { width:190px; margin:0px; padding:5px 0 0 0; font:11px dotum; color:#aaaaaa; }		
#GNB01 .loginBox .noticeBox .listBox .btnBox { position:relative; width:294px; height:41px; font:0/0 arial; }
#GNB01 .loginBox .noticeBox .listBox .btnBox .leftBox { overflow:hidden; width:60px; padding:12px 0 0 14px; margin:0px; }
#GNB01 .loginBox .noticeBox .listBox .btnBox .leftBox img { float:left; }
#GNB01 .loginBox .noticeBox .listBox .btnBox .reFresh { position:absolute; right:14px; top:12px; }
#GNB01 .loginBox .myMenuList { width:46px; text-align:center; }
#GNB01 .loginBox .myMenuList .arrowBtn { display:block; height:31px; }
#GNB01 .loginBox .myMenuList .listBox { z-index:99999; display:none; position:absolute; top:30px; left:-34px; width:114px; margin:0px; padding:0px; border:1px solid #cfcfcf; background:#fff; }
#GNB01 .loginBox .myMenuList .listBox .arrow { position:relative; width:114px;  }
#GNB01 .loginBox .myMenuList .listBox .arrow img { position:absolute; top:-6px; left:52px; }
#GNB01 .loginBox .myMenuList .listBox ul { list-style:none; margin:0px; padding:0px; text-align:left; }
#GNB01 .loginBox .myMenuList .listBox ul li { width:106px; margin:0px; padding:8px 0 7px 8px; background:#fff; }
#GNB01 .loginBox .myMenuList .listBox ul li img { vertical-align:middle; margin:0 8px 0 0; }
#GNB01 .loginBox .myMenuList .listBox ul li a { color:#333; }
#GNB01 .loginBox .onList .listBox { display:block !important; }
#GNB01 .loginBox .logo01 { margin:0; padding:0 10px 0 10px; background:url(/images/home/header/ico_gnb_menu_bar_01.gif) left top no-repeat; }
#GNB01 .loginBox .logo02 { margin:0; padding:0 10px 0 10px; background:url(/images/home/header/img_jjanglive_01.gif) left top no-repeat; }
#GNB01 .loginBox .except {background:none; padding:7px 5px 0 0;}


/* 추가 20110722 */
#GNB01 .homeID  { overflow:hidden; position:absolute; top:0; left:28px;}
#GNB01 .homeID .photoBox { float:left; margin:0; padding:0; }
#GNB01 .homeID .photoBox .thumb { width:34px; height:30px; margin:0; padding:0; }
#GNB01 .homeID .nameText { display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100px; margin:12px 0 0 9px; font:11px dotum; }		
#GNB01 .homeID .nameText a { color:#828387; }
#GNB01 .homeID em {display:block; padding:10px 0 0; font-size:11px; color:#828387; font-style:normal;}

#headerWrap { position:relative; width:960px; margin:0 auto; }
#headerWrap .searchWrap { height:102px; }
#headerWrap .searchWrap h1.logo { position:absolute; top:44px; left:230px; font:0/0 arial; }		
#headerWrap .searchWrap .searchBox { position:absolute; top:43px; left:350px; }
#headerWrap .searchWrap .searchBox fieldset {  border:none; }
#headerWrap .searchWrap .searchBox .searchInput { overflow:hidden; float:left; padding:5px; background:#598cf9; }		
#headerWrap .searchWrap .searchBox input.text { float:left; width:298px; height:20px; padding:7px 0 0 4px;  font:bold 14px dotum; color:#333333; border:0px solid red;  background-image:url(/images/home/header/txt_search_01.gif); background-color:#fff; }
#headerWrap .searchWrap .searchBox .arrowBtn { display:block; float:left; width:18px; height:19px; padding:8px 0 0 0; background:#fff; }
#headerWrap .searchWrap .searchBox .btn { float:left; margin:0 0 0 7px; }
#headerWrap .SNB { position:relative; width:960px; height:68px; }
#headerWrap .SNB .menu { list-style:none; height:35px; margin:0px; padding:0px; }
#headerWrap .SNB .menu li { float:left; margin:0px; padding:7px 20px 0 22px; background:url(/images/home/header/ico_meno_bar_01.gif) left 16px no-repeat; }
#headerWrap .SNB .menu li.first { background:none;}
#headerWrap .SNB .rightMenu { position:absolute; top:6px; right:0px; list-style:none; margin:0px; padding:0px; }
#headerWrap .SNB .rightMenu li { float:left; margin:0px; padding:0px; }
#headerWrap .SNB .subMenu01 { list-style:none; margin:10px 0 0 0; padding:0px; }
#headerWrap .SNB .subMenu01 li { float:left; margin:0; padding:0px 8px 0 7px; }

/* 20110712 아바타레이어 추가 */
.popLay-wrapper {position: relative; width:960px; z-index:1000000; text-align:left; margin:0 auto;}
.popLay-wrapper3 {position: relative; width:960px; z-index:1; text-align:left; margin:0 auto;}
.popLay-wrapper2 {position:fixed; width:100%; right:0; top:0; z-index:99999999; _position:absolute;}
.popLay {position:absolute; _z-index:99999; z-index:1;}
.popLay_1 {left:550px; top:102px;}
.popLay_2 {left:602px; top:102px;}
.popLay_3 {left:-150px; top:102px;}
.popLay_4 {left:650px; top:30px;}
.popLay_5 {left:716px; top:102px;}
.popLay_6 {left:830px; top:290px;}
.popLay_7 {left:650px; top:274px;}
.popLay_8 {left:-130px; top:102px;}
.popLay_cs {left:760px; top:150px;}
.popLay_download {right:10px; top:313px;}
.popLay_homepy {left:-270px; top:450px;}
.popLay_plaza {left:660px; top:67px;}
.popLay_plazahome {left:510px; top:270px;}
.popLay_timeline {left:-10px; top:30px;}
.popLay_member1 {right:5px; top:347px;}
.popLay_member2 {right:5px; top:347px;}
.popLay_app {left:340px; top:247px;}
/* 아바타대기상태 */
.popLay_1_end {left:704px; top:71px;}
.popLay_2_end {left:704px; top:71px;}
.popLay_3_end {left:0px; top:120px;}
.popLay_4_end {left:704px; top:71px;}
.popLay_5_end {left:704px; top:71px;}
.popLay_6_end {left:970px; top:620px;}
.popLay_7_end{left:650px; top:300px;}
.popLay_8_end{left:0px; top:120px;}
.popLay_cs_end {left:920px; top:350px;}
.popLay_download_end {left:708px; top:216px;}
.popLay_homepy_end {left:-100px; top:750px;}
.popLay_plaza_end {left:667px; top:185px;}
.popLay_plazahome_end {left:517px; top:380px;}
.popLay_timeline_end {left:260px; top:150px;}
.popLay_member1_end {left:455px; top:467px;}
.popLay_member2_end {left:455px; top:467px;}
.popLay_app_end {left:660px; top:360px;}
/* 프로모션 아바타 플레이어 */
.popLay_promotion1 {left:650px; top:103px;}
.popLay_promotion1_end {left:704px; top:71px;}
.popLay_promotion2 {right:0px; top:100px;}
.popLay_promotion2_end {left:704px; top:71px;}

.popLay_avatarEvent01 {right:0px; top:350px;}
.popLay_avatarEvent01_end {right:-10px; top:500px;}
.popLay_avatarEvent02 {right:0px; top:280px;}
.popLay_avatarEvent02_end {right:-10px; top:400px;}
.popLay_avatarEvent03 {left:230px; top:300px;}
.popLay_avatarEvent03_end {left:550px; top:200px;}

/* 닉네임 공통 */
.user-nickname {background:url('/images/plaza/icon/ico_user.gif') no-repeat 0px 0px !important; padding-left:12px !important; color:#999 !important;}
/* 20120119 알림소식창 위치수정 */
#GNB01 .loginBox .noticeBox .listBox .Title { position:relative; width:243px; height:18px; margin:0px; padding:5px 11px 5px 40px; border-bottom:1px solid #dddddd; background:#f1f1f1; overflow: hidden; }
.noticeBox .listBox .Title h5 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; font-family: dotum; color: #4c81e9; position: absolute; top: 9px; left: 11px; line-height: 12px; clear: both; }
.listBox .Title img { vertical-align: top; }
.listBox .Title .reloadBox { float: left; }
.listBox .Title .arrowBox { float: right; }
.listBox .Title .arrowBox a { float: left; }