#wrap {width:980px; margin:0 auto;}

#header {position:relative; margin-bottom:0px; z-index:9999;}
#header h1 {padding:10px 0 15px 10px;}
#header div.util-nav {position:absolute; top:7px; right:0; font-size:11px; line-height:130%;}
#header div.util-nav a {color:#999;}
#header div.util-nav a:hover {text-decoration:underline;}
#header div.util-nav span.line {padding:0 3px; color:#ddd;}
#header form.header-search-form {display:inline; font-size:12px;}
#header form.header-search-form input.iText {width:130px; height:18px; padding-left:3px; line-height:18px; border:1px solid #ddd;}

#header div.nav {height:33px; font-size:12px; border:1px solid #3a589c; border-left:0; background:url(../img/bg_nav-bar.gif) repeat-x;}
#header div.nav ul {}
#header div.nav li {float:left; position:relative;}
#header div.nav li a.headlink {float:left; height:33px; padding:0 20px; line-height:33px; color:#fff; font-weight:bold; border-left:1px solid #3a589c;}

#header div.nav li ul {display:none; position:absolute; top:33px; left:0; width:150px; padding:5px 0; border:1px solid #3a589c; background:#fff;}
#header div.nav li ul li {float:none; line-height:130%;}
#header div.nav li ul li a {display:block; padding:3px 10px; color:#888; zoom:1;}
#header div.nav li ul li a:hover {color:#4a6ec1; background:#e0e6f3;}

#header div.nav li.active a.headlink {background:url(../img/bg_nav-current.gif) repeat-x;}
#header div.nav li.current ul li.current a {color:#4a6ec1; background:#e0e6f3;}




#container {width:100%; overflow:hidden;}

#aside {float:left; width:220px;}
#aside div.aside-nav {margin-bottom:10px; font-size:12px;}
#aside div.aside-nav h2 {
	width: 100%;
	height: 60px;
	text-indent: -50000px;
	border-bottom: 1px solid #e9e9e9;
	background-position: 0px 20px;
	background-repeat: no-repeat;
	background-image: url('/img/menu/sub/menu_affiliate.png');
}
#aside div.aside-nav ul {border-top: 2px solid #444;}
#aside div.aside-nav li {line-height:130%; border-top:1px dotted #e5e5e5; width:220px; margin-left:0px}
#aside div.aside-nav li a {display:block; font-size:14px; padding:12px 9px 12px 15px; color:#444;  background:url(../img/bu_aside-nav.gif) no-repeat 5px 17px;}
#aside div.aside-nav li a:hover {color:#d8361e;background-color:#f5f5f5;}
#aside div.aside-nav li.current a {font-weight:bold; color:#fff; background-color:#814f99; background-image:url(../img/bu_aside-nav-current.gif);}
#aside div.aside-nav li.last {border-bottom:1px solid #e5e5e5;}


#aside div.aside-nav li.aside-navsub {padding-left:15px;border-top:none; background:url(../img/ic_2.png) no-repeat 17px 5px;}
#aside div.aside-nav li.aside-navsub a {font-size:12px;background:none;padding:5px 9px 5px 15px;}



#content {float:left; width:720px; margin-left:40px;}
div.content-head {width:100%; overflow:hidden; margin-bottom:10px; padding:10px 0; border-bottom:1px solid #ccc;}
div.content-head h2 {float:left; font-size:16px; color:#814f99;}
div.content-head div.breadcrumb {float:right; line-height:100%; font-size:11px; color:#999;}


#content-wide {padding:20px 30px 30px 30px;}

#footer-wrap {background:url(../images/footer_bg.gif) repeat-x;height:150px;text-align:center}
#footer {padding:20px;font-family:'NanumGothicWeb','나눔고딕';}
.footer-nav {height:29px; line-height:29px; margin-bottom:15px; padding:0 0 0 10px; font-size:.75em;}
.footer-nav li {display:inline; padding:0 5px;}
.footer-nav a {color:#cbcbcb;}
.footer-nav a:hover {color:#fbc200;}
.copyright {padding:0 0 0 15px; color:#cbcbcb; font-size:.7em;line-height:18px;font-family:'NanumGothicWeb','나눔고딕';}
.copyright a {font-weight:bold; color:#6b70d1; font-family:'NanumGothicWeb','나눔고딕';}
.copyright a:hover {text-decoration:underline; color:#fbc200}


/* main */
.main-center-section {float:left; width:515px;}
.main-right-section {float:right; width:205px;}

.hd-lt-celebrate50-main-tab {position:relative; width:100%; height:233px; font-size:12px; z-index:1;}
.hd-lt-celebrate50-main-tab li {float:left;}
.hd-lt-celebrate50-main-tab li a.tab {float:left; width:127px; height:30px; text-align:center; line-height:30px; color:#888; border:1px solid #e5e5e5; border-left:0; background:#f5f5f5;}
.hd-lt-celebrate50-main-tab li.first a.tab {width:126px; border-left:1px solid #e5e5e5;}
.hd-lt-celebrate50-main-tab li.current a.tab {color:#ddd; border-color:#000; background:#444;}
.hd-lt-celebrate50-main-tab div.tab-content {display:none; position:absolute; top:42px; left:0; width:100%;}
.hd-lt-celebrate50-main-tab li.current div.tab-content {display:block;}
.hd-lt-celebrate50-main-tab ul.text {}
.hd-lt-celebrate50-main-tab ul.text li {float:none; line-height:180%;}
.hd-lt-celebrate50-main-tab ul.text li a:hover {text-decoration:underline;}
.hd-lt-celebrate50-main-tab ul.text li span.date {font-size:11px; color:#888;}
.hd-lt-celebrate50-main-tab ul.gallery {float:left; margin-left:-10px;}
.hd-lt-celebrate50-main-tab ul.gallery li {display:inline; width:120px; margin-left:10px; line-height:130%;}
.hd-lt-celebrate50-main-tab ul.gallery li a {cursor:pointer;}
.hd-lt-celebrate50-main-tab ul.gallery li a:hover {text-decoration:underline;}
.hd-lt-celebrate50-main-tab ul.gallery span.thumb {display:block; margin-bottom:5px;}
.hd-lt-celebrate50-main-tab ul.gallery span.thumb img {width:119px; height:90px;}
.hd-lt-celebrate50-main-tab ul.gallery span.category {display:block; margin-bottom:5px; font-size:11px; color:#4e71c3;}
.hd-lt-celebrate50-main-tab ul.gallery span.subject {display:block; margin-bottom:5px;}
.hd-lt-celebrate50-main-tab ul.gallery em.comment {color:#ff6600; font-size:11px;}


.hd-lt-celebrate50-main-tab2 {position:relative; width:100%; height:233px; font-size:12px; z-index:1;}
.hd-lt-celebrate50-main-tab2 li {float:left;}
.hd-lt-celebrate50-main-tab2 li a.tab {float:left; width:127px; height:30px; text-align:center; line-height:30px; color:#888; border:1px solid #e5e5e5; border-left:0; background:#f5f5f5;}
.hd-lt-celebrate50-main-tab2 li.first a.tab {width:126px; border-left:1px solid #e5e5e5;}
.hd-lt-celebrate50-main-tab2 li.current a.tab {color:#ddd; border-color:#000; background:#444;}
.hd-lt-celebrate50-main-tab2 div.tab-content {display:none; position:absolute; top:42px; left:0; width:100%;}
.hd-lt-celebrate50-main-tab2 li.current div.tab-content {display:block;}
.hd-lt-celebrate50-main-tab2 ul.text {}
.hd-lt-celebrate50-main-tab2 ul.text li {float:none; line-height:180%;}
.hd-lt-celebrate50-main-tab2 ul.text li a:hover {text-decoration:underline;}
.hd-lt-celebrate50-main-tab2 ul.text li span.date {font-size:11px; color:#888;}
.hd-lt-celebrate50-main-tab2 ul.gallery {float:left; margin-left:-10px;}
.hd-lt-celebrate50-main-tab2 ul.gallery li {display:inline; width:120px; margin-left:10px; line-height:130%;}
.hd-lt-celebrate50-main-tab2 ul.gallery li a {cursor:pointer;}
.hd-lt-celebrate50-main-tab2 ul.gallery li a:hover {text-decoration:underline;}
.hd-lt-celebrate50-main-tab2 ul.gallery span.thumb {display:block; margin-bottom:5px;}
.hd-lt-celebrate50-main-tab2 ul.gallery span.thumb img {width:119px; height:90px;}
.hd-lt-celebrate50-main-tab2 ul.gallery span.category {display:block; margin-bottom:5px; font-size:11px; color:#4e71c3;}
.hd-lt-celebrate50-main-tab2 ul.gallery span.subject {display:block; margin-bottom:5px;}
.hd-lt-celebrate50-main-tab2 ul.gallery em.comment {color:#ff6600; font-size:11px;}



.hd-basic-aside-loginbox {margin:0 0 10px 0; padding:9px; font-size:12px; border:1px solid #ddd; background:#f9f9f9;}
.hd-basic-aside-loginbox ul.input-set li {margin-bottom:5px;}
.hd-basic-aside-loginbox ul.input-set li.auto {width:100%; overflow:hidden; font-size:11px;}
.hd-basic-aside-loginbox ul.input-set li.auto * {vertical-align:middle;}
.hd-basic-aside-loginbox ul.input-set li.auto div.fLeft {padding-top:5px;}
.hd-basic-aside-loginbox ul.input-set li.auto label {color:#999;}
.hd-basic-aside-loginbox div.help {padding-top:5px; color:#999; font-size:11px; text-align:center; letter-spacing:-1px;}
.hd-basic-aside-loginbox div.help a {color:#999;}
.hd-basic-aside-loginbox div.help a:hover {text-decoration:underline;}
.hd-basic-aside-loginbox label.iLabel {padding:5px 0 0 5px; color:#999;}
.hd-basic-aside-loginbox input.iText {width:153px; height:23px; line-height:23px; padding-left:5px; border:1px solid #bbb;}
.hd-basic-aside-loginbox div.member-photo {float:left; padding-right:7px;}
.hd-basic-aside-loginbox div.member-photo img {width:50px; height:50px; border:1px solid #ddd;}
.hd-basic-aside-loginbox ul.after-info1 {padding-top:0px;}
.hd-basic-aside-loginbox ul.after-info1 li {height:20px;}
.hd-basic-aside-loginbox ul.after-info1 li.userid {height:27px;}
.hd-basic-aside-loginbox ul.after-info1 li.link {font-size:.9em; color:#ccc;}
.hd-basic-aside-loginbox ul.after-info1 li.link img {vertical-align:middle; margin-top:-2px;}
.hd-basic-aside-loginbox .after-info2 {clear:both; padding:5px 0; text-align:center; font-size:11px; color:#ccc; background:#ddd;}
.hd-basic-aside-loginbox .after-info2 img {vertical-align:middle; margin-top:-2px;}

/* 로그인 박스1 */
.login_wrap {padding-bottom:1px; background:#fff; font-size:12px;}
.login_area {margin:0; padding:13px 13px 9px 13px; border:1px solid #d9d9d9; background:#ededed;}
.login_area legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.login_area dl {float:left; margin:0; width:138px;}
.login_area dt {position:relative;}
.login_area dt label {position:absolute; left:5px; top:4px; font-size:11px; color:#999; letter-spacing:-1px; line-height:16px;}
.login_area dd {margin:0; *zoom:1;}
.login_area dd:after {content:""; display:block; clear:both;}
.login_area .input_mb_id {padding-bottom:5px;}
.login_area .btn_submit {float:right;}
.login_area .lnk_area {clear:both; padding-top:8px; *zoom:1;}
.login_area .lnk_area:after {content:""; display:block; clear:both;}
.login_area .lnk_area span.bar {float:left; width:8px; text-indent:-9000px; background:url('/images/sprites_ico.gif') no-repeat 4px -188px;}
.login_area .lnk_area a {float:left; font-size:11px; color:#666; letter-spacing:-1px;}
.login_area .lnk_area a.btn_reg {font-weight:bold; color:#333;}

.inputbox_login,
.focusbox_login {float:left; margin:0; height:13px; font-size:11px; color:#666;}
.inputbox_login {padding:4px 1px 3px 5px; border-top:1px solid #b5b5b5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #b5b5b5;}
.focusbox_login {padding:3px 0 2px 4px; border:2px solid #af74ab;}

/* 로그인 박스 */
.loginbox2 {border:1px solid #d9d9d9; border-bottom:none; background:#f6f6f6; font-size:12px;}
.char_info {padding:10px 5px 10px 5px;}
.char_info .char_head {height:19px;}
.char_info div.member-photo {float:left; padding-right:7px;}
.char_info div.member-photo img {width:40px; height:40px; border:1px solid #ddd;}
.char_info .char_head .ico_level {float:left; padding:1px 4px 0 0;}
.char_info .char_head .txt_nick {float:left; padding-top:1px; padding-top:2px; line-height:16px; font-weight:bold; color:#444;}
.char_info .char_head .btn_logout {float:right; width:45px; height:17px; background:url('../images/jy/sprites_btn.gif') no-repeat 0 0; overflow:hidden; text-indent:-9000px;}
.char_info .char_head .btn_admin {float:right; width:45px; height:17px; background:url('../images/jy/sprites_btn.gif') no-repeat 0 -18px; overflow:hidden; text-indent:-9000px;}
.char_info .char_head .btn_mypage {float:right; width:45px; height:17px; background:url('../images/jy/sprites_btn.gif') no-repeat -108px 0px; overflow:hidden; text-indent:-9000px;}

ul.char_brief {height:23px; margin-left:0px;}
ul.char_brief li {float:left; list-style:none; background:url('../images/jy/sprites_ico.gif') no-repeat 0 -395px;}
ul.char_brief li a {float:left; height:23px; padding:0 10px 0 30px; line-height:23px; font-family:tahoma; font-size:9px; font-weight:bold; color:#444; background:url('../images/jy/login_spr_ico.gif') no-repeat;}
ul.char_brief li.first {background:none;}
ul.char_brief li.first a {padding-left:17px;}
ul.char_brief li a.btn_point {background-position:0 6px;}
ul.char_brief li a.btn_memo {background-position:13px -15px;}
ul.char_brief li a.btn_scrap {background-position:13px -37px;}

/**/
.char_link {height:32px; background:url('../images/jy/bg_login_btn.gif') repeat-x 0 0;}
.char_link a.btn_left,
.char_link a.btn_right {float:left; width:20px; height:32px; background:url('../images/jy/sprites_ico.gif') no-repeat; text-indent:-9000px; overflow:hidden;}
.char_link a.btn_left {background-position:8px -420px;}
.char_link a.btn_right {background-position:8px -448px;}

.char_link .char_link_wrap {position:relative; float:left; width:187px; height:32px; overflow:hidden;}
.char_link ul.char_link_list {position:absolute; left:0; top:0; width:1000px; height:32px;}
.char_link ul li {float:left; list-style:none;}
.char_link ul li.on {position:relative; top:0px; margin-top:2px; height:29px; border:1px solid #d9d9d9; border-bottom:none;}
.char_link ul li a {display:block; height:32px; line-height:34px; text-align:center; font-size:11px; letter-spacing:-1px; color:#999;}
.char_link ul li.on a {height:28px; line-height:26px; overflow:hidden; border:1px solid #f7f7f7; border-bottom:none; color:#333; background:#fff;}
.char_link ul li a {width:60px;}
.char_link ul li.on a {width:58px;}

/**/
.cc_layer {display:; border:1px solid #d9d9d9; border-top:none; background:#fff;}
.cc_layer_head {height:30px; border-bottom:1px solid #f2f2f2; display:block;}
.cc_layer_head span.txt_title {float:left; padding-left:15px; height:30px; line-height:31px; font-weight:bold; letter-spacing:-1px; font-size:11px; color:#333;}
.cc_layer_head p {float:right; padding:7px 8px 7px 0;}
.cc_layer_head a {float:left; padding:0 6px; height:16px; line-height:17px; overflow:hidden; letter-spacing:-1px; font-size:11px; color:#666; background:url('/images/sprites_ico.gif') no-repeat 0 -485px;}
.cc_layer_head a.first {background:none;}
.cc_layer_content {width:230px; height:166px; overflow:hidden; border-bottom:1px solid #ededed;}
.cc_layer_content * {font-size:11px;}
.cc_layer_foot {padding:6px 10px 7px 10px; height:14px; border-top:1px solid #fff; background:#fafafa;}
.cc_layer_foot a {text-indent:-9000px; overflow:hidden; background:url('../images/jy/sprites_btn2.gif') no-repeat;}
.cc_layer_foot a.btn_refresh {float:left; width:19px; height:14px; background-position:0 0;}
.cc_layer_foot a.btn_close {float:right; width:15px; height:14px; background-position:-24px 0;}

.cc_layer dl.list {padding:12px 14px 0 14px;}
.cc_layer dl.list dt {float:left; height:25px; line-height:18px; color:#666; white-space:nowrap; overflow:hidden; letter-spacing:-1px; /* background:url('/images/sprites_ico2.gif') no-repeat */; color:#666;}
.cc_layer dl.list dd {clear:right; height:25px; line-height:18px; color:#999;}
.cc_layer dl.list dd strong {color:#333;}
.cc_layer dl.list dd strong.empas {color:#ff6000;}

.cc_layer dl.member_layer dt {width:70px; background-position:60px -485px;}
.cc_layer dl.member_layer dd {}


.cc_layer dl.point2_layer dt {width:160px;}
.cc_layer dl.point2_layer dd {text-align:right;}

/* */

.cc_layer ul.scrap_layer {padding:12px 10px 0 14px;}
.cc_layer ul.scrap_layer li {display:block; height:25px; line-height:18px; list-style:none; color:#999;}
.cc_layer ul.scrap_layer li.no_list {width:100%; height:123px; line-height:123px; text-align:center;}
.cc_layer ul.scrap_layer li p {float:left; width:200px; white-space:nowrap; overflow:hidden;}
.cc_layer ul.scrap_layer li p span,
.cc_layer ul.scrap_layer li p span a {color:#666;}
.cc_layer ul.scrap_layer li p a.lnk_title {color:#999;}
.cc_layer ul.scrap_layer li a.btn_delete {float:right; height:18px; width:18px; font-size:9px; font-family:tahoma; font-weight:bold; color:#bcbec1; text-align:center;}

.cc_layer .attend_layer dl.list dt {width:50px; background-position:40px -485px;}
.cc_layer .attend_layer dl.mission {padding:6px 14px 13px 14px; background:#f7f7f7;}
.cc_layer .attend_layer dl.mission dt {height:30px; line-height:32px; font-weight:bold; color:#333;}
.cc_layer .attend_layer dl.mission dd {line-height:13px; color:#999;}


.cc_layer .exp_graph {padding:17px 30px 0 30px; width:200px;}
.cc_layer .exp_graph * {font-size:9px; font-family:tahoma;}
.cc_layer .exp_graph .bg_bar {position:relative; margin-top:19px; height:11px; background:#e5e5e5;}
.cc_layer .exp_graph .bg_bar span.note {position:absolute; top:-19px; left:77px; height:18px;}
.cc_layer .exp_graph .bg_bar span.note span.txt_exp {display:block; padding:0 6px; height:15px; line-height:15px; font-family:tahoma; font-size:9px; color:#fff; background:#ff6000;}
.cc_layer .exp_graph .bg_bar span.note span.ico_arrow {margin:0 auto; display:block; width:5px; height:3px; background:#fff url('../images/jy/sprites_ico2.gif') no-repeat 0 -834px;}
.cc_layer .exp_graph .bg_bar span.bar {float:left; width:100px; height:11px; background:#ff6000;}

.cc_layer .exp_graph p {padding-top:7px; height:13px; line-height:13px;}
.cc_layer .exp_graph p .current_level {float:left;}
.cc_layer .exp_graph p .current_level strong {color:#ff6000;}
.cc_layer .exp_graph p .next_level {float:right;}
.cc_layer .exp_graph p .next_level strong {color:#909090;}

.cc_layer dl.exp_layer dt {width:109px; background-position:99px -485px;}
.cc_layer dl.exp_layer dd {}

/*로그인 전 회원창 */
.latest_link {height:32px; background:url('../images/jy/bg_login_btn.gif') repeat-x 0 0;}
.latest_link a.btn_left,
.latest_link a.btn_right {float:left; width:20px; height:32px; background:url('../images/jy/sprites_ico.gif') no-repeat; text-indent:-9000px; overflow:hidden;}
.latest_link a.btn_left {background-position:8px -420px;}
.latest_link a.btn_right {background-position:8px -448px;}

.latest_link .latest_link_wrap {position:relative; float:left; width:187px; height:32px; overflow:hidden;}
.latest_link ul.latest_link_list {position:absolute; left:0; top:0; width:1000px; height:32px;}
.latest_link ul li {float:left; list-style:none;}
.latest_link ul li.on {position:relative; top:0px; margin-top:2px; height:29px; border:1px solid #d9d9d9; border-bottom:none;}
.latest_link ul li a {display:block; height:32px; line-height:34px; text-align:center; font-size:11px; letter-spacing:-1px; color:#999;}
.latest_link ul li.on a {height:28px; line-height:26px; overflow:hidden; border:1px solid #f7f7f7; border-bottom:none; color:#333; background:#fff;}
.latest_link ul li a {width:60px;}
.latest_link ul li.on a {width:58px;}


.cc_layer2 {display:; border:1px solid #d9d9d9; border-top:none; background:#fff;}
.cc_layer2_head {height:30px; border-bottom:1px solid #f2f2f2; display:block;}
.cc_layer2_head span.txt_title {float:left; padding-left:15px; height:30px; line-height:31px; font-weight:bold; letter-spacing:-1px; font-size:11px; color:#333;}
.cc_layer2_head p {float:right; padding:7px 8px 7px 0;}
.cc_layer2_head a {float:left; padding:0 6px; height:16px; line-height:17px; overflow:hidden; letter-spacing:-1px; font-size:11px; color:#666; background:url('../images/jy/sprites_ico.gif') no-repeat 0 -485px;}
.cc_layer2_head a.first {background:none;}
.cc_layer2_content {width:230px; height:145px; overflow:hidden; border-bottom:1px solid #ededed;}
.cc_layer2_content * {font-size:11px;}
.cc_layer2_foot {padding:6px 10px 7px 10px; height:14px; border-top:1px solid #fff; background:#fafafa;}
.cc_layer2_foot a {text-indent:-9000px; overflow:hidden; background:url('../images/jy/sprites_btn2.gif') no-repeat;}
.cc_layer2_foot a.btn_refresh {float:left; width:19px; height:14px; background-position:0 0;}
.cc_layer2_foot a.btn_close {float:right; width:15px; height:14px; background-position:-24px 0;}

.cc_index {display:; border:1px solid #d9d9d9; border-top:none; background:#fff;}
.cc_index_head {height:30px; border-bottom:1px solid #f2f2f2; display:block;}
.cc_index_head span.txt_title {float:left; padding-left:15px; height:30px; line-height:31px; font-weight:bold; letter-spacing:-1px; font-size:11px; color:#333;}
.cc_index_head p {float:right; padding:7px 8px 7px 0;}
.cc_index_head a {float:left; padding:0 6px; height:16px; line-height:17px; overflow:hidden; letter-spacing:-1px; font-size:11px; color:#666; background:url('../images/jy/sprites_ico.gif') no-repeat 0 -485px;}
.cc_index_head a.first {background:none;}
.cc_index_content {width:230px; height:127px; overflow:hidden; border-bottom:1px solid #ededed;}
.cc_index_content * {font-size:11px;}
.cc_index_foot {padding:6px 10px 7px 10px; height:14px; border-top:1px solid #fff; background:#fafafa;}
.cc_index_foot a {text-indent:-9000px; overflow:hidden; background:url('../images/jy/sprites_btn2.gif') no-repeat;}
.cc_index_foot a.btn_refresh {float:left; width:19px; height:14px; background-position:0 0;}
.cc_index_foot a.btn_close {float:right; width:15px; height:14px; background-position:-24px 0;}

.cc_index2 {display:; border:1px solid #d9d9d9; border-top:none; background:#fff;}
.cc_index2_head {height:30px; border-bottom:1px solid #f2f2f2; display:block;}
.cc_index2_head span.txt_title {float:left; padding-left:15px; height:30px; line-height:31px; font-weight:bold; letter-spacing:-1px; font-size:11px; color:#333;}
.cc_index2_head p {float:right; padding:7px 8px 7px 0;}
.cc_index2_head a {float:left; padding:0 6px; height:16px; line-height:17px; overflow:hidden; letter-spacing:-1px; font-size:11px; color:#666; background:url('../images/jy/sprites_ico.gif') no-repeat 0 -485px;}
.cc_index2_head a.first {background:none;}
.cc_index2_content {width:220px; height:120px; overflow:hidden; border-bottom:1px solid #ededed;}
.cc_index2_content * {font-size:11px;}
.cc_index2_foot {padding:6px 10px 7px 10px; height:14px; border-top:1px solid #fff; background:#fafafa;}
.cc_index2_foot a {text-indent:-9000px; overflow:hidden; background:url('../images/jy/sprites_btn2.gif') no-repeat;}
.cc_index2_foot a.btn_refresh {float:left; width:19px; height:14px; background-position:0 0;}
.cc_index2_foot a.btn_close {float:right; width:15px; height:14px; background-position:-24px 0;}

.cc_index2 dl.list {padding:12px 14px 0 14px;}
.cc_index2 dl.list dt {float:left; height:25px; line-height:18px; color:#666; white-space:nowrap; overflow:hidden; letter-spacing:-1px; background:url('../images/jy/sprites_ico2.gif') no-repeat; color:#666;}
.cc_index2 dl.list dd {clear:right; height:25px; line-height:18px; color:#999;}
.cc_index2 dl.list dd strong {color:#333;}
.cc_index2 dl.list dd strong.empas {color:#ff6000;}

.cc_index2 dl.member_layer dt {width:70px; background-position:60px -485px;}
.cc_index2 dl.member_layer dd {}


.cc_index2 dl.point2_layer dt {width:186px;}
.cc_index2 dl.point2_layer dd {text-align:right;}

/* */

.cc_index2 ul.scrap_layer {padding:12px 10px 0 14px;}
.cc_index2 ul.scrap_layer li {display:block; height:25px; line-height:18px; list-style:none; color:#999;}
.cc_index2 ul.scrap_layer li.no_list {width:100%; height:123px; line-height:123px; text-align:center;}
.cc_index2 ul.scrap_layer li p {float:left; width:200px; white-space:nowrap; overflow:hidden;}
.cc_index2 ul.scrap_layer li p span,
.cc_index2 ul.scrap_layer li p span a {color:#666;}
.cc_index2 ul.scrap_layer li p a.lnk_title {color:#999;}
.cc_index2 ul.scrap_layer li a.btn_delete {float:right; height:18px; width:18px; font-size:9px; font-family:tahoma; font-weight:bold; color:#bcbec1; text-align:center;}

.cc_index2 .attend_layer dl.list dt {width:50px; background-position:40px -485px;}
.cc_index2 .attend_layer dl.mission {padding:6px 14px 13px 14px; background:#f7f7f7;}
.cc_index2 .attend_layer dl.mission dt {height:30px; line-height:32px; font-weight:bold; color:#333;}
.cc_index2 .attend_layer dl.mission dd {line-height:13px; color:#999;}


.cc_index2 .exp_graph {padding:17px 30px 0 30px; width:200px;}
.cc_index2 .exp_graph * {font-size:9px; font-family:tahoma;}
.cc_index2 .exp_graph .bg_bar {position:relative; margin-top:19px; height:11px; background:#e5e5e5;}
.cc_index2 .exp_graph .bg_bar span.note {position:absolute; top:-19px; left:77px; height:18px;}
.cc_index2 .exp_graph .bg_bar span.note span.txt_exp {display:block; padding:0 6px; height:15px; line-height:15px; font-family:tahoma; font-size:9px; color:#fff; background:#ff6000;}
.cc_index2 .exp_graph .bg_bar span.note span.ico_arrow {margin:0 auto; display:block; width:5px; height:3px; background:#fff url('../images/jy/sprites_ico2.gif') no-repeat 0 -834px;}
.cc_index2 .exp_graph .bg_bar span.bar {float:left; width:100px; height:11px; background:#ff6000;}

.cc_index2 .exp_graph p {padding-top:7px; height:13px; line-height:13px;}
.cc_index2 .exp_graph p .current_level {float:left;}
.cc_index2 .exp_graph p .current_level strong {color:#ff6000;}
.cc_index2 .exp_graph p .next_level {float:right;}
.cc_index2 .exp_graph p .next_level strong {color:#909090;}

.cc_index2 dl.exp_layer dt {width:109px; background-position:99px -485px;}
.cc_index2 dl.exp_layer dd {}

/* to TOP */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

.fs9 {font-size:9px !important;}
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}


/* input */
.inputwrap {margin:0 14px 0 10px;}
.inputbox {padding:3px 2px 3px 2px; height:20px; border-top:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #9a9a9a; font-size:11px; color:#666; vertical-align:middle;}
.inputbox2 {padding:3px 2px 1px 2px; height:20px; border-top:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #9a9a9a; font-family:verdana; font-size:11px; color:#2d85f2; vertical-align:middle; font-weight:bold}
.inputbox_focus {padding:2px 1px 0 1px; border:2px solid #2d85f2;}
.inputfile {margin:0 0 5px 0; padding:3px 2px 1px 2px; border-top:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #9a9a9a; font-size:11px; color:#666; vertical-align:middle;}

.textbox {border-top:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #9a9a9a;}


.radius_7px {
    border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;  
    
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;    
}