html {overflow-x:auto;overflow-y:scroll;}
body {margin:0;padding:0;font-size:12px; font-family:Dotum,'돋움', Gulim, '굴림', AppleGothic, Sans-serif;}
div, span, table, tr, th, td, thead, tbody, form, fieldset, label, input, p, select, adddress {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none; margin:0; padding:0;}
li {vertical-align:bottom;}
img, fieldset {border:0;}
a, a:link, a:visited, a:active {text-decoration:none; color:#6c6c6c}
a:hover {text-decoration:underline;}
button {cursor:pointer;}

.hidden { display:none !important; }
.clear {clear:both !important; width:1px;height:0px; overflow:hidden !important;line-height:0px;font-size:0px !important;}
.number {letter-spacing:0px;}

/* button */
.clickable {cursor:pointer;}
.button_white {border:2px solid #CCCCCC; background-color:white; width:73px; height:38px; text-align:center; font:12px Dotum; font-weight:bold; color:#3A3A3A; letter-spacing:-1px; line-height:38px;}
.button_gray {border:2px solid #CCCCCC; background-color:#E3E3E3; width:73px; height:38px; text-align:center; font:12px Dotum; font-weight:bold; color:#3A3A3A; letter-spacing:-1px; line-height:38px; }

.date {color:#9A9A9A; font-family:Dotum; font-size:11px; letter-spacing:0px;}

/*.fieldWithErrors {outline: 2px solid red;}*/
.error_message_field {border:2px solid red;position:absolute;padding:6px 0 0 6px;text-align:center;}

/* paginate */
.paging {padding:16px 0px;}
.paging .paginate {text-align:center;color:#000000;color:#bfbfbf;}
.paging .paginate a,
.paging .paginate .current {padding:0 3px;font:12px Dotum; font-weight:bold;}
.paging .paginate .current {font-weight:bold;color:#f27db0;}
.paging .paginate a {color:#000000;}
.paging .paginate a:hover {color:#000000;}
.paging .paginate .disabled {font-weight:bold;}


/* popup */
.simple_popup {position:absolute;z-index:100;text-align:left;}
.simple_popup table.skin {border-collapse:collapse;}

.simple_popup .tl {width:7px;height:7px;background:url(/images/openapi/r_popup.png) 0 0 no-repeat;}
.simple_popup .tc {height:7px;background-color:#352f35;}
.simple_popup .tr {width:7px;height:7px;background:url(/images/openapi/r_popup.png) -7px 0 no-repeat;}
.simple_popup .ml {width:7px;background-color:#352f35;}
.simple_popup .mc {background-color:#352f35;}
.simple_popup .mr {width:7px;background-color:#352f35;}
.simple_popup .bl {width:7px;height:7px;background:url(/images/openapi/r_popup.png) 0 -7px no-repeat;}
.simple_popup .bc {height:7px;background-color:#352f35;}
.simple_popup .br {width:7px;height:7px;background:url(/images/openapi/r_popup.png) -7px -7px no-repeat;}

.simple_popup .mc table { width: 141px;}
.simple_popup .mc .sp_close_btn {position:relative;height:10px;}
.simple_popup .mc .sp_close_btn a {position:absolute;right:21px;top:-5px;width:118px; height:16px; cursor:pointer;}
.simple_popup .mc .closelabel {position:absolute;right:0;top:-5px;width:16px; height:16px; background:url(/images/openapi/btn_x_pop.png) no-repeat top right; cursor:pointer;}
.simple_popup .mc .error {text-align:center;margin:5px 0 5px 0;color:#FF0000;font:12px Dotum;font-weight:bold}
.simple_popup .mc .image_area {padding-top:2px;}
.need_flash_player {width:377px;height:56px;background:#e7f2f8 url(/images/apps/video/ico_warning.png) 190px 120px no-repeat;padding:165px 24px 135px;}
.need_flash_player .message_area {background-color:#ffffff;padding:10px;font:11px arial;color:#729db4;text-align:center;}
.need_flash_player .message_area .link {margin-top:5px;}

/* jqmodal */
.jqmOverlay {background-color:#000;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}



#headline {background:url(/images/v3/common/speaker.png) left no-repeat; padding-left:18px; color:#6C6C6C}



body {background-color:#98C9F6;}
#body {width:900px;min-height:100%; height:100% }

/* header */
#header {height:50px;background:url(/images/v3/layouts/bg_header.png) no-repeat;_background:url(/images/v3/layouts/bg_header.gif) no-repeat;}
#header a {color:#FFF;}
#header .logo {float:left;padding:11px 0 0 18px;}
#header .rmenu {float:right;font:11px Dotum;color:#FFF;height:50px;line-height:50px;padding-right:25px;}
#header .rmenu a {font:11px Dotum;color:#FFF;line-height:50px;}

#top_bg {height:445px; width:100%; position:absolute; top:0; z-index:-10; background-color:#98C9F6}
#top_small_bg {height:437px; width:100%; position:absolute; top:0; z-index:-10; background-color:#98C9F6}

/* contents */
#container {clear:both;text-align:left;margin:0 auto;margin-top:15px;}
#container .left_sidebar {float:left;width:230px;padding-right:15px;}
#container .contents_wrapper {float:left;}
#container .contents { background-color:#fff; }

/* footer */
#footer {margin-top:5px;height:60px;width:655px; position:relative; overflow-x:hidden;background:url(/images/v4/layouts/group_bg_bottom.png?1) no-repeat}
#footer .box {margin-top:16px;color:#4d4d4d;text-align:center;}
#footer ul {text-align:center;height:19px;}
#footer ul li {display:inline;letter-spacing:-1px;}
#footer ul li.separator {padding:0 2px;}
#footer ul li a {color:#4d4d4d}

#main_footer {overflow-x:hidden; color:#333; padding:31px 24px 11px; text-align:left}
#main_footer .inc {float:left;color:#545c65;font-size:12px;}
#main_footer ul {text-align:center;float:right}
#main_footer ul li {display:inline;letter-spacing:0;font-size:12px;}
#main_footer ul li.separator {padding:0 1px;color:#9ac2e7;}
#main_footer ul li a {color:#343434;}
#main_footer .address {font-size:11px;line-height:20px;color:#68a8e3;}

/* error */
#error {width:563px;text-align:left;}
#error .logo {margin-top:45px;}
#error .container {background:url(/images/v3/error/bg_error.png) no-repeat left top;width:553px;height:225px;margin-top:6px;padding:5px}
#error .container .icon {float:left;padding-top:19px;padding-left:33px;}
#error .container .contents {float:left;width:285px;height:150px;padding:37px 20px 38px 19px;overflow:hidden;}
#error .container .contents .desc {margin-top:20px;}
#error .container .contents .desc p {font:12px Dotum;color:#828282;line-height:16px;}
#error .container .contents .button {margin-top:20px;}

/* left sidebar */
#my_profile_widget { margin-bottom:8px; }
#my_profile_widget .widget {width:197px;overflow:hidden;background-color:#FFF;padding:8px 17px 16px 16px;color:#000;}
#my_profile_widget .widget .my_profile {padding-left:3px;padding-bottom:20px;border-bottom:1px solid #D2F1FF;}
#my_profile_widget .widget .my_profile .info {float:left;padding-top:8px;width:103px;}
#my_profile_widget .widget .my_profile .info .tbar {padding-bottom:6px;line-height:120%;}
#my_profile_widget .widget .my_profile .info .tbar .nicknm {font:12px Dotum;font-weight:bold;color:#000;}
#my_profile_widget .widget .my_profile .info .tbar .edit_profile {padding-left:8px;font-size:11px;color:#007AB1;}
#my_profile_widget .widget .my_profile .info .item {width:65px;}
#my_profile_widget .widget .my_profile .info .item a {font:11px Dotum;color:#4D4D4D;letter-spacing:-1px;}
#my_profile_widget .widget .my_profile .info .item a span {font:11px Dotum;color:#AD6C6D;font-weight:bold;padding-left:5px;}
#my_profile_widget .widget .my_profile .info .friends {padding-bottom:4px;border-bottom:1px solid #D2F1FF;}
#my_profile_widget .widget .my_profile .info .message {padding-top:4px;}
#my_profile_widget .widget .my_profile .photo {float:right;padding-left:10px;width:80px;height:80px;}
#my_profile_widget .widget .create_group {padding:3px 0;border-bottom:1px solid #D2F1FF;}

#groups_widget {font:12px Dotum;color:#000;padding-top:12px;}
#groups_widget a {font:12px Dotum;color:#000;}
#groups_widget .header .title {float:left;letter-spacing:-1px;font-weight:bold;}
#groups_widget .header .link {float:right;font-size:11px;color:#008ab1;}
#groups_widget .header .link a {font-size:11px;color:#008ab1;}
#groups_widget .cont {clear:both;padding-top:18px;}
#groups_widget .cont .list div.li {color:#000000;height:23px;line-height:24px;overflow:hidden;border-top:1px solid #D2F1FF;}
#groups_widget .cont .list div a {color:#000000;height:23px;line-height:24px;overflow:hidden;}
#groups_widget .cont .list div.category {padding-left:23px;cursor:pointer; color:#007ab1; font-weight:bold; letter-spacing:-1px;}
#groups_widget .cont .list div.open {background:url(/images/v3/home/btn_category_expand.gif) left center no-repeat}
#groups_widget .cont .list div.closed {background:url(/images/v3/home/btn_category_fold.gif) left center no-repeat}
#groups_widget .cont .list div.group {padding-left:17px;background:url(/images/v3/home/ico_kakao_s.png) left 6px no-repeat;}
#groups_widget .cont .list div.group img {margin-left:2px;}
#groups_widget .cont .list div.selected a {font-weight:bold;}

#create_group_widget {margin-top:12px;}
#create_group_widget .widget {width:192px;overflow:hidden;padding:8px 19px 12px 19px;background-color:#FFF;}
#create_group_widget .widget .header {font:12px Dotum;color:#000;font-weight:bold;letter-spacing:-1px;padding-bottom:4px;border-bottom:1px solid #D2F1FF;}
#create_group_widget .widget .cont {padding-top:3px;padding-left:1px;}
#create_group_widget .widget .cont .group {padding-top:5px;}
#create_group_widget .widget .cont .group .app {float:left;width:59px;height:59px;padding-right:5px;}
#create_group_widget .widget .cont .group .last {padding-right:0px;}

.change_member_photo_link {cursor:pointer;}
#user_photo_change_popup {display:none;position:absolute;top:10%;left:50%;margin-left:-181px;padding:11px 7px;}
#user_photo_change_popup .cont {position:relative;width:349px;overflow:hidden;font:11px Dotum;}
#user_photo_change_popup .cont .tit {height:23px;line-height:23px;color:#007AB1;font-weight:bold;letter-spacing:-1px;padding-left:12px;border-bottom:1px solid #D2F1FF;}
#user_photo_change_popup .cont .thumbnail_preview {padding:8px 12px;height:80px;}
#user_photo_change_popup .cont .thumbnail_preview .thumbnail {float:left;width:80px;height:80px;overflow:hidden;}
#user_photo_change_popup .cont .thumbnail_preview .desc {float:left;padding-left:9px;padding-top:68px;color:#A5A5A5;letter-spacing:-1px;}
#user_photo_change_popup .cont .upload {padding:10px 14px 4px 12px;height:42px;background-color:#D5E8F3;}
#user_photo_change_popup .cont .upload .search_input {float:left;}
#user_photo_change_popup .cont .upload .search_input input {float:left;border:1px solid #729BB2;width:131px;height:14px;padding:3px 5px;}
#user_photo_change_popup .cont .upload .search_btn {float:left;padding-left:4px;padding-right:14px;}
#user_photo_change_popup .cont .upload .search_btn img {cursor:pointer;}
#user_photo_change_popup .cont .upload .take_webcam img {cursor:pointer;}
#user_photo_change_popup .cont .upload .take_webcam {float:left;width:51px;height:22px;padding-right:1px;}
#user_photo_change_popup .cont .upload .upload_frame {float:left;width:69px;height:22px;background-color:#D5E8F3;}
#user_photo_change_popup .cont .upload .support {padding-left:195px;padding-top:5px;}
#user_photo_change_popup .cont .webcam_frame {background-color:#D5E8F3;}
#user_photo_change_popup .cont .webcam_frame .header {padding:0 2px 0 0px;}
#user_photo_change_popup .cont .webcam_frame .header .close_btn {float:right;}
#user_photo_change_popup .cont .webcam_frame .area {padding:0 14px 10px 15px;}
#user_photo_change_popup .cont .search_result {padding:0 14px 12px 10px;height:173px;overflow:hidden;background-color:#D5E8F3;}
#user_photo_change_popup .cont .search_result .openapi_search_results {width:323px;}
#user_photo_change_popup .cont .search_result .openapi_search_results .paginate {padding-top:2px;}
#user_photo_change_popup .cont .search_result .openapi_search_results .paginate a {font-size:11px;color:#000;font-weight:normal;}
#user_photo_change_popup .cont .search_result .openapi_search_results .paginate strong {font-size:11px;color:#000;font-weight:bold;}
#user_photo_change_popup .cont .search_result .openapi_search_result .image {width:80px;height:80px;border:1px solid #D5E8F3;}
#user_photo_change_popup .cont .search_result .openapi_search_result .selected {border:1px solid #FF5A00;}
#user_photo_change_popup .cont .buttons {position:absolute;bottom:0;width:349px;text-align:center;}
.user_photo_change_popup_fold {background:url(/images/v3/layouts/bg_photoupload.png) no-repeat left top;}
.user_photo_change_popup_fold .cont {height:208px;}
.user_photo_change_popup_unfold {background:url(/images/v3/layouts/bg_photoupload_expanded.png) no-repeat left top;}
.user_photo_change_popup_unfold .cont {height:394px;}
.user_photo_change_popup_unfold2 {background:url(/images/v3/layouts/bg_photoupload_expanded2.png) no-repeat left top;}
.user_photo_change_popup_unfold2 .cont {height:460px;}


/* popup */
.attach_preview_popup {position:absolute;z-index:100;text-align:left;}
.attach_preview_popup table.skin {border-collapse:collapse;}

.attach_preview_popup .tl {width:7px;height:7px;background:url(/images/v4/venice/ui/r_popup.png) 0 0 no-repeat;}
.attach_preview_popup .tc {height:7px;background-color:#352f35;}
.attach_preview_popup .tr {width:7px;height:7px;background:url(/images/v4/venice/ui/r_popup.png) -7px 0 no-repeat;}
.attach_preview_popup .ml {width:7px;background-color:#352f35;}
.attach_preview_popup .mc {background-color:#352f35;}
.attach_preview_popup .mr {width:7px;background-color:#352f35;}
.attach_preview_popup .bl {width:7px;height:7px;background:url(/images/v4/venice/ui/r_popup.png) 0 -7px no-repeat;}
.attach_preview_popup .bc {height:7px;background-color:#352f35;}
.attach_preview_popup .br {width:7px;height:7px;background:url(/images/v4/venice/ui/r_popup.png) -7px -7px no-repeat;}

.attach_preview_popup .mc table { width: 141px;}
.attach_preview_popup .menu_bar {float:right;height:16px;}
.attach_preview_popup .closelabel {width:16px; height:16px; background:url(/images/v4/venice/ui/btn_x_pop.png) no-repeat top right; cursor:pointer;}
.attach_preview_popup .link_to {width:68px; height:16px; background:url(/images/v4/venice/ui/btn_link_to.png) no-repeat top right; cursor:pointer;}
.attach_preview_popup .content_area {margin:3px;padding:8px;background-color:#1a1a1a}



/*
.attach_preview_popup .mc .menu_bar a {position:absolute;right:21px;top:-5px;width:118px; height:16px; cursor:pointer;}
.attach_preview_popup .mc .closelabel {position:absolute;right:0;top:-5px;width:16px; height:16px; background:url(/images/v4/venice/ui/btn_x_pop.png) no-repeat top right; cursor:pointer;}
.attach_preview_popup .mc .error {text-align:center;margin:5px 0 5px 0;color:#FF0000;font:12px Dotum;font-weight:bold}
.attach_preview_popup .mc .image_area {padding-top:2px;}
*/

/* edit profile */
#account_edit .title_bar {margin-bottom:23px;}
#account_edit .tit {float:left;font:14px Dotum;font-weight:bold;color:#000;letter-spacing:-1px;}
#account_edit .deactivate {float:right;font:11px Dotum;padding:12px 17px 0 0;}

#account_edit .fieldset { margin:0 20px 23px 19px; }
#account_edit .fieldset .title { margin:0 0 5px 0; font:14px Dotum;color:#333;font-weight:bold; background:url(/images/v4/account/img_titline.png) no-repeat right 7px; }
#account_edit .fieldset .items_wrapper { padding:6px 10px; background-color:#EFF6FA; }
#account_edit .items { width:100%; border-collapse:collapse; background-color:transparent; font:12px Dotum;color:#000;letter-spacing:-1px; }
#account_edit .items .item .cell { border-bottom:1px solid #D2F1FF; padding:10px 0; }
#account_edit .items .noborder .cell {border-bottom:0;}
#account_edit .items .item .header { width:175px; }
#account_edit .items .item .cont { text-align:left; }
#account_edit .items .item .cont a {font:12px Dotum;color:#007AB1;}
#account_edit .items .item .cont .link {padding-left:10px;}
#account_edit .items .item .cont .show_gender {padding-left:15px;}
#account_edit .items .item .error_field {height:22px;line-height:22px;font-size:11px;color:red;padding-left:20px;letter-spacing:0px;}
#account_edit .items .item .msg {color:red;padding:4px 0;width:310px;}
#account_edit .items .item .cont .tinput {width:85px;height:20px;border:1px solid #7F9DB9;color:#000;font-size:12px;}
#account_edit .items .item .cont .nicknameinput {width:174px; line-height:20px;}
#account_edit .items .item .cont .pwinput {width:100px;}
#account_edit .items .item .cont .emailinput {width:80px;}
#account_edit .items .item .cont .tarea {width:308px;height:37px;border:1px solid #7F9DB9;color:#000;font-size:12px;}
#account_edit .items .item .cont .desc {font-size:11px;color:#4D4D4D;padding-top:6px;line-height:14px;}
#account_edit .items .item .cont .desc strong {font-weight:normal;color:#C32636;}
#account_edit .items .expand {padding:10px 0;display:none;}
#account_edit .items .expand .desc {color:#808080;padding:10px 0;}
#account_edit .items .expand .result {float:left;display:none;text-align:center;}
#account_edit .items .expand .result div {line-height:25px;}
#account_edit .save_btn {text-align:center;margin-top:20px;}
#account_edit .save_btn img {cursor:pointer;}

#account_dialog { width:321px; margin-top:35px; padding-bottom:15px; background:url(/images/v4/account/img_boxbottom.png) no-repeat left bottom; }
#account_dialog .panel { padding:8px 10px 0; background:url(/images/v4/account/bg_boxbody.png) repeat-y left top; }
#account_dialog .description { font:11px Dotum;color:#000; text-align:center; padding:10px 0 15px; }
#account_dialog .input_box {background:#E3F0F5; padding:18px 27px 11px; }
#account_dialog .error_box {background:#E3F0F5; padding:18px 27px 11px; height:100px;}
#account_dialog .input_box .error {font:11px Dotum; color:#C32636;padding:2px;text-align:right;overflow:visible;}
#account_dialog .input_box .input_panel { padding:3px 0;}
#account_dialog .input_box .error_panel { padding:3px 0;height:34px;}
#account_dialog .input_box .input_panel .label {text-align:left; float:left; font:11px Dotum;color:#000; font-weight:bold; line-height:20px;}
#account_dialog .input_box .input_panel .field {text-align:right; float:right;}
#account_dialog .input_box .input_panel .input input {padding:2px 0 2px 4px;width:154px; height:16px; border:solid 1px #C8E3F0; font:12px Dotum; line-height:16px}
#account_dialog .input_box .input_panel .label .save_signin {padding-top:4px;}
#account_dialog .input_box .input_panel .label .save_signin .text {font:11px Dotum;color:#000000;line-height:14px;height:15px;float:left;padding-left:4px;}
#account_dialog .input_box .input_panel .label .save_signin input {height:14px;width:14px;font-size:11px;height:14px;float:left;}
#account_dialog .input_box .input_panel .field .find_password {padding:5px 0 4px 0;width:158px;text-align:left;height:15px;}
#account_dialog .input_box .input_panel .field .find_password a {font:11px Dotum;color:#007AB1;}
#account_dialog .action_box { padding:18px 0 9px; }
#account_dialog .action_box .buttons {}
#account_dialog .action_box .caption { font:11px Dotum;color:#000; padding:12px 0 5px; }
#account_dialog .action_box .caption .link { font:11px Dotum;color:#007AB1;font-weight:bold; text-decoration:underline; }

#account_rap_email .description { padding:10px 0 19px;font:11px Dotum;color:#666666;text-align:center; }
#account_rap_email .body_box { padding:25px 13px 31px;background-color:#E3F0F5;font:12px Dotum;color:#333333;text-align:left; }
#account_rap_email .nickname { color:#007AB1; }
#account_rap_email .email { color:#007AB1; }

.account_mini_dialog { width:270px; }
.account_mini_dialog .panel { background-color:#E3F0F6; }
.account_mini_dialog .input_box { padding:13px 17px 5px 20px; }
.account_mini_dialog .input_panel { padding:3px 0; }
.account_mini_dialog .label { float:left; font:11px Dotum;color:#000; font-weight:bold; line-height:20px; }
.account_mini_dialog .field { float:right; }
.account_mini_dialog .input input {padding:2px 0 2px 4px;width:146px; height:16px; border:solid 1px #C8E3F0; font:12px Dotum; line-height:16px}
.account_mini_dialog .save_signin .text {font:11px Dotum;color:#000;line-height:120%; padding-left:4px;}
.account_mini_dialog .save_signin input {width:14px;height:14px; font-size:11px;}
.account_mini_dialog .find_password { padding:5px 0 0; }
.account_mini_dialog .find_password a { font:11px Dotum;color:#007AB1;letter-spacing:-1px; }
.account_mini_dialog .terms { font:11px Dotum;color:#000; }
.account_mini_dialog .terms a { color:#007AB1; }
.account_mini_dialog .action_box { padding:15px 0 0; }

#account_deactivate {text-align:left;}
#account_deactivate .wrapper {text-align:left;padding:20px 55px;background-color:#FFF;}
#account_deactivate .wrapper .tit {padding-bottom:13px;}
#account_deactivate .wrapper .cont {margin-top:11px;font:12px Dotum;color:#000;line-height:20px;}
#account_deactivate .wrapper .cont ol li {list-style-type:decimal;list-style-position:inside;font-weight:bold;}
#account_deactivate .wrapper .cont ul li {background:url(/images/v3/account/blt_blk.png) 20px 8px no-repeat;padding-left:30px;}
#account_deactivate .wrapper .form {margin-top:20px;font:12px Dotum;}
#account_deactivate .wrapper .form .form_body {background-color:#E3F0F6;padding:2px 5px 5px 5px;}
#account_deactivate .wrapper .form .form_body table tr th {width:130px;}
#account_deactivate .wrapper .form .form_body table tr td span {font-size:11px;color:#808080;padding-left:10px;}
#account_deactivate .wrapper .form .form_body .pwd {border:1px solid #6F9EBC;width:150px;height:20px;line-height:20px;font-size:12px;}
#account_deactivate .wrapper .form .form_body .msg {border:1px solid #6F9EBC;width:468px;height:67px;line-height:18px;font-size:12px;}
#account_deactivate .wrapper .form .btn {margin-top:20px;margin-bottom:15px;text-align:center;}
#account_deactivate .wrapper .result {margin-top:20px;font:12px Dotum;line-height:20px;}
#account_deactivate .wrapper .result .complete {background-color:#E3F0F6;padding:25px 0px 30px 110px;}
#account_deactivate .wrapper .result .complete h3 {font-size:14px;letter-spacing:-1px;}
#account_deactivate .wrapper .result .btn {margin-top:20px;margin-bottom:15px;text-align:center;}

.account_popup { width:321px;}
.account_popup .header {width:321px;height:71px;}
.account_popup .title {font:12px Dotum;color:#000;font-weight:bold; height:18px;width:321px;padding-top:14px;background:url(/images/v4/account/popup/bg_pop_body.png) repeat-y}
.account_popup .panel { padding:8px 10px 0; background:url(/images/v4/account/popup/bg_pop_body.png) repeat-y left top; }
.account_popup .input_box {background:#E3F0F5; padding:18px 27px 11px; }
.account_popup .error_box {background:#E3F0F5; padding:18px 27px 11px; height:100px;}
.account_popup .input_box .error {font:11px Dotum; color:#C32636;padding:2px;text-align:right;overflow:visible;}
.account_popup .input_box .input_panel { padding:3px 0;}
.account_popup .input_box .error_panel { padding:3px 0;height:34px;}
.account_popup .input_box .input_panel .label {text-align:left; float:left; font:11px Dotum;color:#000; font-weight:bold; line-height:20px;}
.account_popup .input_box .input_panel .field {text-align:right; float:right;}
.account_popup .input_box .input_panel .input input {padding:2px 0 2px 4px;width:154px; height:16px; border:solid 1px #C8E3F0; font:12px Dotum; line-height:16px}
.account_popup .input_box .input_panel .label .save_signin {padding-top:4px;}
.account_popup .input_box .input_panel .label .save_signin .text {font:11px Dotum;color:#000000;line-height:14px;height:15px;float:left;padding-left:4px;}
.account_popup .input_box .input_panel .label .save_signin input {height:14px;width:14px;font-size:11px;height:14px;float:left;}
.account_popup .input_box .input_panel .field .find_password {padding:5px 0 4px 0;width:158px;text-align:left;height:15px;}
.account_popup .input_box .input_panel .field .find_password a {font:11px Dotum;color:#007AB1;}
.account_popup .action_box { padding:18px 0 9px; }
.account_popup .action_box .buttons {}
.account_popup .info {padding:10px 0 18px;font:11px Dotum;color:#000;text-align:center;}
.account_popup .info .link {text-decoration:underline;font-weight:bold;color:#007AB1;cursor:pointer}


/* main */
.groups_list .border {border-top:1px solid #edf1f3;}
.groups_list .item {padding:12px 0;}
.groups_list .item .title, .groups_list .item .title a { font:12px Gulim;color:#000;font-weight:bold;letter-spacing:0; }
.groups_list .item .title { padding:0 0 7px; }
.groups_list .item .comment_panel { width:580px;padding-left:5px; }
.groups_list .item .deleted {font: 12px Dotum;color:#BFBFBF;}
.groups_list .item .message { padding-left:15px; font:12px Dotum;color:#333; line-height:150% }
.groups_list .item .author { font:12px Dotum;color:#007ab1;font-weight:bold;letter-spacing:0; }
.groups_list .item .time { font:11px Dotum;color:#bfbfbf; }
.groups_list .item .thread_link, .groups_list .item .thread_link a { font:11px Dotum;color:#007ab1; }
.groups_list .item .attachment {padding-top:8px;}
.groups_list .item .attachment .title, .groups_list .item .attachment .title a  {font: 12px Dotum; font-weight:normal;color: #007ABA;}
.groups_list .item .attachment .preview {float:left;height:90px;position:relative;margin-right:10px;}
.groups_list .item .attachment .preview img.thumbnail {border:1px solid #cdcdcd;padding:1px;background-color:#fff;}
.groups_list .item .attachment .preview_file {float:left;height:90px;width:90px;border:1px solid #dedede;position:relative;margin-right:10px;}
.groups_list .item .attachment .preview_file div {border:3px solid #f0f0f0; background-color: #fdfdfd;padding:8px 2px;overflow:hidden; height:68px; width:80px;color:#404040;}
.groups_list .item .attachment .preview img.zoom_btn {position:absolute; bottom: 0px; right: 2px; cursor: pointer;}
.groups_list .item .no_feed {font:12px Dotum;color:#4d4d4d; font-weight:bold;}

.groups_list .item .reply { padding:10px 0 0 5px; }
.groups_list .item .reply .author { font-size:12px; }
.groups_list .item .reply .message { font-size:12px;color:#333; }

#home_index { padding:15px; background-color:#fff; }
#home_index .home_title {float:left; font:12px Dotum;font-weight:bold; letter-spacing:-1px;}
#home_index .group_title { background:url(/images/v4/home/ico_feedblit.png) no-repeat left 2px; padding-left:21px; width:564px; line-height:150%; }
#home_index .headline {float:right; font:12px Dotum; letter-spacing:-1px;}

#home_index .groups_list {margin-top:8px;padding:0 20px;}
#home_index .illust {text-align:center;margin-top:10px}

/* groups categories edit */
#edit_groups_popup {background:url(/images/v3/category/bg_categoryedit450.png) no-repeat;_background:url(/images/v3/category/bg_categoryedit450.gif) no-repeat;width:708px;height:450px;left:200px;top:100px;}
#edit_groups_popup * {font:11px Dotum;overflow:hidden;}
#edit_groups_popup .content_area {width:692px;height:435px;overflow:hidden;padding:6px 0 0 8px;}
#edit_groups_popup .categories_title {padding:10px 0 0 15px;height:20px;width:677px;color:#007ab1;letter-spacing:-1px;font-weight:bold;}
#edit_groups_popup .category_explorer {width:682px;height:370px;padding:0 5px;overflow:hidden;}
#edit_groups_popup .left_explorer {float:left;width:420px;height:370px;overflow:hidden;}
#edit_groups_popup .separator {float:left;width:30px;height:370px;background-color:#d1e4f5;overflow:hidden;}
#edit_groups_popup .separator .btn_move_left {width:22px;height:25px;padding:105px 0 0 0;margin:auto;overflow:hidden;}
#edit_groups_popup .separator .btn_move_right {width:22px;height:25px;padding:5px 0 0 0;margin:auto;overflow:hidden;}
#edit_groups_popup .right_explorer {float:left;width:232px;height:370px;overflow:hidden;}
#edit_groups_popup .explorer_header {height:28px;}
#edit_groups_popup .explorer_header * {color:white;letter-spacing:-1px;font-weight:bold;}
#edit_groups_popup .left_explorer .explorer_header {background-color:#71aae1;width:420px;}
#edit_groups_popup .right_explorer .explorer_header {background-color:#50b2df;width:232px;}
#edit_groups_popup .explorer_header .ch_ctg {float:left;width:175px;padding:7px 0 0 10px;}
#edit_groups_popup .explorer_header .ch_groups {float:left;width:225px;padding:7px 0 0 10px;}
#edit_groups_popup .explorer_header .ch_unctg_groups {width:222px;padding:7px 0 0 10px;}
#edit_groups_popup .explorer_body {height:342px;overflow:hidden;}
#edit_groups_popup .left_explorer .explorer_body {}
#edit_groups_popup .right_explorer .explorer_body {}
#edit_groups_popup .explorer_body .cb_ctg_f {float:left;width:185px;height:342px;overflow-x:hidden;overflow-y:scroll;}
#edit_groups_popup .explorer_body .cb_groups {float:left;width:235px;height:342px;overflow-x:hidden;overflow-y:scroll;}
#edit_groups_popup .explorer_body .cb_unctg_groups {background-color:#dfeefb;width:232px;height:342px;overflow-x:hidden;overflow-y:scroll;}

#edit_groups_popup .explorer_body ul li {cursor:pointer;width:100%;}
#edit_groups_popup .explorer_body ul li.selected {background-color:#488bc9;color:white;}

#edit_groups_popup .explorer_body .cb_ctg li {height:25px;border-bottom:1px solid #d2f1ff;}
#edit_groups_popup .explorer_body .cb_ctg li.selected {border-bottom-color:white !important;}
#edit_groups_popup .explorer_body .cb_ctg li .cname_f {float:left;;padding:5px 0 0 10px;width:110px;}
#edit_groups_popup .explorer_body .cb_ctg li .cname {font:bold 11px Dotum;letter-spacing:-1px;color:#007ab1;padding-top:3px;}
#edit_groups_popup .explorer_body li .cname {height:12px;line-height:12px;overflow:hidden;}
#edit_groups_popup .explorer_body .cb_ctg li .cmenu {float:left;width:45px;}
#edit_groups_popup .explorer_body .cb_ctg li.selected .cname {color:white;}
#edit_groups_popup .explorer_body .cb_ctg li .cmenu .btn_ren_ctg {float:left;cursor:pointer;width:21px;height:19px;padding:3px 0;}
#edit_groups_popup .explorer_body .cb_ctg li .cmenu .btn_del_ctg {float:left;cursor:pointer;width:21px;height:19px;padding:3px 0;}
#edit_groups_popup .explorer_body .cb_ctg li .inplace_field {width:100px;height:12px;padding:1px;border:1px solid #a1bcdb;background-color:#ecf6fb;}

#edit_groups_popup .explorer_body .cb_groups li {height:25px;border-bottom:1px solid #d2f1ff;}
#edit_groups_popup .explorer_body .cb_groups li .cname {padding:8px 0 0 10px;}
#edit_groups_popup .explorer_body .cb_groups li.selected {border-bottom-color:white !important;}

#edit_groups_popup .explorer_body .cb_unctg_groups li {height:25px;border-bottom:1px solid #d9e1e5;}
#edit_groups_popup .explorer_body .cb_unctg_groups li .cname {padding:8px 0 0 10px;}
#edit_groups_popup .explorer_body .cb_unctg_groups li.selected {border-bottom-color:#dfeefb !important;}
#edit_groups_popup .explorer_body ul li.flying {background-color:#445566;}

#edit_groups_popup .categories_buttons {height:45px;width:692px;position:relative;}
#edit_groups_popup .categories_buttons .buttons_con {width:145px;margin:auto;padding:6px 0 0 0;}
#edit_groups_popup .categories_buttons .ctg_downup {position:absolute;left:10px;top:10px;}
#edit_groups_popup .categories_buttons .groups_downup {position:absolute;left:200px;top:10px;}
#edit_groups_popup .categories_buttons .unctg_groups_downup {position:absolute;left:460px;top:10px;}

#edit_groups_popup .new_ctg {padding:0 0 0 10px;width:155px;overflow:hidden;}
#edit_groups_popup .new_ctg .btn_add_category {height:18px;padding:4px 0 0 20px;background:url(/images/v3/category/ico_categoryadd.png) no-repeat 0 4px;cursor:pointer;font:normal 11px Dotum;color:#007ab1;}
#edit_groups_popup .new_ctg .vspacer {height:10px;}
#edit_groups_popup .new_ctg .field_new_category {width:104px;height:14px;padding:3px;border:1px solid #a1bcdb;background-color:#ecf6fb;}
#edit_groups_popup .new_ctg .field_con {float:left;padding:0 3px 0 0;}
#edit_groups_popup .new_ctg .btn_save_new_category {float:left;background:url(/images/v3/category/btn_confirm.png) no-repeat;width:37px;height:22px;cursor:pointer;}
#edit_groups_popup .new_ctg .new_category_f {padding-bottom:20px;}

/* group_requests */
#group_requests {margin-bottom:14px;}
#group_requests .yellow_box {margin-bottom:1px;}
#group_requests .yellow_box .left { width:9px; height:66px; background : url(/images/v3/home/bg_request_l.gif) no-repeat; }
#group_requests .yellow_box .center { width:637px; height:66px; background-color : #faea64; }
#group_requests .yellow_box .right { width:9px; height:66px; background : url(/images/v3/home/bg_request_r.gif) no-repeat; }

#group_requests .request { padding: 7px 18px 0 8px; overflow:hidden;}

#group_requests .request .photo { float:left; }
#group_requests .request .btn_area { float:right; padding-top:5px; }
#group_requests .request .request_info {float:left;width:370px;margin-left:16px;padding-top:2px;}
#group_requests .request .request_info .nname{color:#007ab1;font-weight:bold;font-size:12px;padding:6px 0;}
#group_requests .request .request_info .nname a{color:#007ab1;}
#group_requests .request .request_info .mname{color:#000;font-weight:bold;font-size:12px;padding:0 0 6px 0;}
#group_requests .request .request_info .josa{color:#000;font-weight:normal;line-height:14px;}

/* event for pioneer */
#event_pioneer_header {margin-bottom:4px;background:url(/images/v3/event/bg_topinfo.gif) no-repeat center top; height:27px; width:655px;padding-top:9px;}
#event_pioneer_header span.ico {float:left;margin-left:14px;}
#event_pioneer_header span.title {float:left;margin-left:10px;font:bold 14px Dotum; color: #67a7e3; letter-spacing:-1px;line-height:19px;}
#event_pioneer_header span.period {float:left;margin-left:5px;font:11px Dotum; color: #67a7e3; line-height:19px;}
#event_pioneer_header span.info{float:right;margin-right:26px;font:11px Dotum; color: #fff;cursor:pointer;line-height:19px;}


#event_home_pioneer .top_info {padding-bottom:11px;border-bottom:2px solid #000;}
#event_home_pioneer .top_info .title{font:bold 12px Dotum; color:#000; letter-spacing:-1px;}
#event_home_pioneer .main_info {padding:21px 2px 0px 2px;text-align:right;font:11px Dotume; color:#4d4d4d;background:url(/images/v3/event/dotline.png) repeat-x bottom;}
#event_home_pioneer .main_info .total {padding-top:9px;font:bold 36px neosans san-serif; color: #e0005c; padding-bottom:15px;  }
#event_home_pioneer .detail_info {padding-top:24px;}
#event_home_pioneer .detail_info table tr.head td {padding:0 15px 5px 9px;}
#event_home_pioneer .detail_info table tr.head td.second {padding-left:15px;}
#event_home_pioneer .detail_info table tr.head td.last {padding-left:44px;padding-right:0px;}
#event_home_pioneer .detail_info table tr.head td.rb {border-right:1px solid #d2f1ff;}
#event_home_pioneer .detail_info table tr.head td {line-height:20px; font:bold 12px Dotum; color: #000;}
#event_home_pioneer .detail_info table tr.head td img {margin-bottom:8px;}
#event_home_pioneer .detail_info table tr.body td {font:12px Dotum; color: #007ab1;line-height:18px;}
#event_home_pioneer .detail_info table tr.body td div.t2 {font:12px Dotum; color: #4d4d4d; letter-spacing:-1px;margin:21px 0 12px;padding-bottom:6px;background:url(/images/v3/event/hrline.png) no-repeat bottom right;}
#event_home_pioneer .detail_info table tr.body td div.t1 {font:12px Dotum; color: #4d4d4d; letter-spacing:-1px;margin:0 0 12px;padding-bottom:6px;background:url(/images/v3/event/hrline.png) no-repeat bottom right;}
#event_home_pioneer .detail_info table tr.body td .wrap {padding:0px 16px 0px 9px;border-right:1px solid #d2f1ff;}
#event_home_pioneer .detail_info table tr.body td .nob_wrap{padding:0px 0px 0px 9px;}
#event_home_pioneer .detail_info table tr.body td div.hr {background:url(/images/v3/event/hrline.png) no-repeat bottom right;border:0;margin:6px 0 12px;height:1px;font-size:0;}
#event_home_pioneer .detail_info table tr.body td .indirect_member_summary {margin-top:11px;border:0;border-top:1px solid #d2f1ff; padding-top:12px;}
#event_home_pioneer .detail_info table tr.body td .sub_ibo_summary {margin-bottom:4px;border-bottom:1px solid #d2f1ff; padding-bottom:20px;}
#event_home_pioneer .detail_info table td span.money {font:12px Dotum; color: #cd315b;}

#event_home_pioneer .detail_info .bd12 { font:bold 12px Dotum; color: #4d4d4d; }
#event_home_pioneer .detail_info p {font:11px Dotum; color: #4d4d4d;line-height:16px;margin:10px 0;}


/* profile card */
.user_photo {overflow:hidden;}
.user_photo .star {margin-left:-17px;}

.user_profile {cursor:pointer;}

#profile_card {display:none;position:absolute;width:245px;height:180px;padding:11px 7px;background:url(/images/v3/profiles/bg_profile_card.png?1) no-repeat left top;}
#profile_card .cont {position:relative;width:215px;height:160px;padding:10px 14px 10px 16px;overflow:hidden;}
#profile_card .cont .left {float:left;width:126px;}
#profile_card .cont .left .tit {padding-bottom:6px;border-bottom:1px solid #D2F1FF;}
#profile_card .cont .left .tit .nicknm {float:left;font:12px Dotum;color:#000;font-weight:bold;padding-top:3px;}
#profile_card .cont .left .tit .nicknm span {font-size:11px;color:#4D4D4D;font-weight:normal;}
#profile_card .cont .left .tit .nicknm img {vertical-align:bottom;}
#profile_card .cont .left .tit .msg {float:right;}
#profile_card .cont .left .info {border-bottom:1px solid #D2F1FF;font:11px Dotum;color:#8F6EB3;letter-spacing:-1px;height:23px;line-height:23px;}
#profile_card .cont .left .intro {padding-top:12px;font:12px Dotum;color:#4D4D4D;height:45px;line-height:15px;overflow:hidden;}
#profile_card .cont .left .deactivated {font:11px Dotum;color:#A6A6A6;margin-top:10px;}
#profile_card .cont .right {float:right;}
#profile_card .cont .right .contact_add {margin-top:10px}
#profile_card .cont .right .contact_add img.btn_add_contact {cursor:pointer;}
#profile_card .cont .close {position:absolute;right:4px;top:0;}
#profile_card .cont .bottom {position:absolute;bottom:0;left:14px;width:215px;height:45px;padding-top:8px;font:11px Dotum; background:url(/images/v3/profiles/dotline_namecard.png) no-repeat left top}
#profile_card .cont .bottom .group {background:transparent url(/images/v3/home/ico_kakao_s.png) no-repeat scroll left; padding:2px 15px 4px 15px}
#profile_card .cont .bottom .group a {font:11px Dotum; color:#000}
#profile_card .cont .bottom .message {font:11px Dotum;color:#808080;padding-left:15px}



img.width500_image {max-width:500px; width:expression(this.width > 500 ? "500px" :true);}

.tabmenu {padding-top:0px; border-bottom:1px solid #d6d6d6; overflow:hidden; width:100%; height:24px; }
.tabmenu li {float:left;}
.tabmenu li img {vertical-align:top;}
.image_search {background-color:#FFFFFF; border:7px solid #FF7A00; height:23px;margin:10px 0 0 0;width:500px;}
.image_search .search_input {padding:4px 0 0 0; width:416px; height:15px; border:1px solid #FFFFFF; font:12px Dotum; color:#4d4f53; font-weight:bold;}
.image_search .btn_input {padding-top:2px; vertical-align:top;}
.image_upload {height:23px;margin:10px 0 0 0;}

/* openapi result */
.openapi_search_results .paginate {
  padding:0;
  text-align:right;
  height:19px;
}

.openapi_search_results .paginate a {font-weight:bold; display:inline-block; padding:1px 4px 1px 4px; color:#808080; text-decoration:none; line-height:normal; font:bold 11px Dotum, Gulim, AppleGothic, Sans-serif;}
.openapi_search_results .paginate strong { font-weight:bold; display:inline-block; padding:1px 4px 1px 4px; color:#7ca535; text-decoration:none; line-height:normal; font:bold 11px Dotum, Gulim, AppleGothic, Sans-serif; }



table.openapi_search_results {
  width: 100%;
  border-collapse:collapse;
}

.openapi_search_results .resource_add_btn {
  text-align:center;
  margin-top:15px;
}

.openapi_search_results {
  font-family:Dotum,Gulim;
  font-size:12px;
  line-height:14px;
}

.openapi_search_result .image {
  display:block;
  border: 3px solid #dfeef7;
  width : 109px;
  height: 109px;
  padding: 0 !important;
  background-color: #c9deeb;
  margin: 0;
  position:relative;
  overflow:hidden;
}

.openapi_search_result .video {
  display:block;
  margin: 0; 
  position: relative;
  border: 0;
  width : 120px;
  height: 90px;
  background-color: #808080;
  overflow:hidden;
}

.openapi_search_results .selected {
  border: 3px solid #7ca535;
  width : 114px;
  height: 84px;
}

.openapi_search_image_results .selected {
    border: 3px solid #7ca535;
    width : 109px;
    height: 109px;
  }

.openapi_search_result .api_desc {
  text-align:left;
  display:block;
  position:relative;
  overflow:hidden;
  height: 14px; 
  margin:3px 0 12px 0;
  padding:0;
  font-family:Dotum,Gulim;
  font-size:11px;
  color : #4d4d4d;
  line-height:14px;
  width:109px;
}

.openapi_search_results  td.bottom_border {
  border-bottom : 1px solid #d5e0eb;
}


/*  mbox  */
#mbox_menu {margin-top:15px;}
#mbox_menu .contents div a {font:12px Dotum;line-height:150%;letter-spacing:-1px;color:#000;padding-left:17px;background:url(/images/v3/mbox/ico_category.png) left center no-repeat;}
#mbox_menu .contents div.selected a {font-weight:bold;}

#mbox_thread {padding-bottom:30px;width:600px;overflow:hidden;}
#mbox_thread .vspace1 {height:5px;overflow:hidden;}
#mbox_thread .vspace2 {height:10px;overflow:hidden;}
#mbox_thread .vspace3 {height:20px;overflow:hidden;}
#mbox_thread .war_red, #mbox_compose .war_red {color:red;font-weight:bold;}
#mbox_thread .header {width:600px;_height:47px;min-height:47px;padding:15px 0;border-bottom:1px solid #d2f1ff;font-family:Dotum;}
#mbox_thread .header .prev {float:left;width:24px;}
#mbox_thread .header .next {float:right;width:22px;}
#mbox_thread .header .prev a, #mbox_thread .header .next a {font:normal 11px Dotum;color:#808080;}
#mbox_thread .header .cont {float:left;width:470px;padding:0 0 0 30px;}
#mbox_thread .header .cont .subject {font-size:14px;font-weight:bold;color:#000000;}
#mbox_thread .header .cont .members {padding-top:6px;font-size:12px;font-weight:normal;color:#808080;}
#mbox_thread .header .cont .members a.member_profile {font:bold 12px Dotum;color:#007ab1;}
#mbox_thread .messages {width:600px;padding:10px 0 0 0;}
#mbox_thread .messages .thread_history {width:467px;height:20px;line-height:20px;padding-left:83px;}
#mbox_thread .messages .show_thread {border:1px solid #F6D449;background:url(/images/v3/mbox/blt_letter_show.gif) #FFF2A8 no-repeat 6px center;}
#mbox_thread .messages .show_thread a {color:#9F7000;font-size:11px;letter-spacing:-1px;}
#mbox_thread .messages .hide_thread {margin-top:10px;border:1px solid #D8D8D6;background:url(/images/v3/mbox/blt_letter_hide.gif) #F1F2ED no-repeat 6px center;}
#mbox_thread .messages .hide_thread a {color:#989898;font-size:11px;letter-spacing:-1px;}
#mbox_thread .messages .list {width:510px;padding:0 45px;}
#mbox_thread .messages .list .msg {width:510px;padding:10px 0 0 0;border-bottom:1px solid #d2f1ff;line-height:17px;overflow:hidden;}
#mbox_thread .messages .list .last {border-bottom:none !important;}
#mbox_thread .messages .list .msg .msg_header {padding:0;width:510px;}
#mbox_thread .messages .list .msg .msg_header td {vertical-align:top;}
#mbox_thread .messages .list .msg .msg_header td.tphoto {width:45px;}
#mbox_thread .messages .list .msg .msg_header td.tmsg{height:20px;}
#mbox_thread .messages .list .msg .nicknm {font-size:12px;font-weight:bold;color:#007ab1;}
#mbox_thread .messages .list .msg .create_date {color:#808080;font-size:11px;}
#mbox_thread .messages .list .msg .reply {vertical-align:bottom;}
#mbox_thread .messages .list .msg .message {width:455px;overflow-x:hidden;font-size:12px;font-weight:normal}
#mbox_thread .messages .list .msg .attachment {width:455px;overflow-x:hidden;padding-top:10px; text-align:center;}

#mbox_thread .messages .reply_section {width:510px; margin:auto; overflow:hidden;}
#mbox_thread .messages .reply_section .reply {background-color:#f2f2ef;padding:15px 0;width:510px;}
#mbox_thread .messages .reply_section .reply .inputarea {padding:0 15px;width:480px;}
#mbox_thread .messages .reply_section .reply .info {color:#006A9B;background-color:#8CDAFF;border:1px solid #5ECBFD;}
#mbox_thread .messages .reply_section .reply .wcnt {float:right;font-size:11px;color:#808080;}
#mbox_thread .messages .reply_section .reply .stit {float:left;font-weight:bold;font-size:12px;color:#000;}
#mbox_thread .messages .reply_section .reply .msg {font:11px Dotum;font-weight:bold;letter-spacing:-1px;width:473px;height:22px;line-height:22px;margin:5px 0;;padding:0 0 0 10px;}
#mbox_thread .messages .reply_section .reply .error {color:#C90000;background-color:#F9B5B4;border:1px solid #FA9A9A;}
#mbox_thread .messages .reply_section .reply .input textarea {width:474px;height:105px;padding:2px;border:1px solid #e6e6de;}
#mbox_thread .messages .reply_section .reply .buttons {margin:auto; width:116px;}
#mbox_thread .messages .reply_section .reply .desc {background:url(/images/v3/mbox/blt_addimgvod.gif) no-repeat scroll 10px 5px; padding-left:16px;}
#mbox_thread .messages .reply_section .reply .desc a {color:#4D4F53}
#mbox_thread .messages .reply_section .reply .note {font:11px Dotum; letter-spacing:-1px; color:#989898; line-height:15px}

#deleted_thread {width:760px;height:400px;margin:0 0 0 10px;border-top:1px solid #E3E4DE;background:url(/images/v3/mbox/img_trash.gif) no-repeat center 90px;text-align:center;}
#deleted_thread .msg {color:#4D4D4D;font:12px Dotum;letter-spacing:-1px;margin-top:197px;}
#deleted_thread .back {margin-top:8px;}

/* updated at alpha2 */
.mbox_list_frame {width:600px;overflow:hidden;}
.mbox_list_frame * {overflow:hidden;}

.mbox_page_header .hmenu_l {height:33px;width:100%;}
.mbox_page_header .hmenu_l a {font:bold 12px Dotum;color:#007ab1;letter-spacing:-1px;}
.mbox_page_header .hmenu_l .selected {background:url(/images/v3/mbox/ico_checkmenu.gif) no-repeat 28px 29px;}
.mbox_page_header .hmenu_l .selected a {color:#000000 !important;}
.mbox_page_header .hmenu_l .menu_inmsg {float:left;width:66px;padding:12px 0 0 0;height:21px;}
.mbox_page_header .hmenu_l .menu_sep {float:left;width:2px;padding:12px 7px 0 3px;}
.mbox_page_header .hmenu_l .menu_outmsg {float:left;width:66px;padding:12px 0 0 0;height:21px;}
.mbox_page_header .hmenu_l .mwrite {float:right;}
.mbox_page_header .hline_l {height:2px;width:100%;background-color:black;overflow:hidden;}

.mbox_list_header {height:23px;font:normal 11px Dotum;}
.mbox_list_header .weak {color:#aaaaaa;}
.mbox_list_header .unread {color:#ad6c6d;}
.mbox_list_header * {line-height:23px;}
.mbox_list_header a {font:normal 11px Dotum;}
.mbox_list_header .mcounts {float:left;padding-left:5px;}
.mbox_list_header .mbuttons {float:left;padding-left:20px;}
.mbox_list_header .mbuttons a {color:#007ab1;}

.mbox_list_frame .mbox_list {}
.mbox_list ul li {position:relative;overflow:hidden;height:64px;width:590px;padding:0 5px 0 5px;border-top:1px solid #d2f1ff;}
.mbox_list ul li table.tbtns {float:left;width:35px;}
.mbox_list ul li table.tbtns td {height:56px;vertical-align:middle;}
.mbox_list ul li .mclkmask {width:14px;height:13px;cursor:pointer;}
.mbox_list ul li .mbox_cb {}
.mbox_list ul li.mread {}
.mbox_list ul li.mread .mclkmask {background:url(/images/v3/mbox/ico_mail_opened.gif) no-repeat;}
.mbox_list ul li.mreplied {background-color:#e5f7ff;}
.mbox_list ul li.mreplied .mclkmask {background:url(/images/v3/mbox/ico_return.gif) no-repeat;}
.mbox_list ul li.munread {background-color:#e5f7ff;}
.mbox_list ul li.munread .mclkmask {background:url(/images/v3/mbox/ico_mail.gif) no-repeat;}
.mbox_list ul li.munread .msg_subject {font-weight:bold;}
.mbox_list ul li .mthumb {float:left;width:36px;height:36px;padding:13px 0 0 5px;}
.mbox_list ul li .mprofile {float:left;width:130px;height:44px;padding:12px 0 0 10px;line-height:17px;}
.mbox_list ul li .mname a {color:#007ab1;font:bold 12px Dotum;}
.mbox_list ul li .mtime {font:normal 11px Dotum;color:#808080;}
.mbox_list ul li .msg_frame {float:left;padding:9px 0 0 5px;width:340px;height:55px;line-height:17px;}
.mbox_list ul li .msg_subject {height:17px;line-height:17px;}
.mbox_list ul li .msg_subject a {font:bold 12px Dotum;color:#000000;line-height:17px;}
.mbox_list ul li .last_msg {height:17px;font:normal 11px Dotum;color:#ad6c6d;line-height:17px;}
.mbox_list ul li .numstories {font:normal 11px Dotum;color:#007ab1;}
.mbox_list ul li .del {float:right;width:12px;height:12px;padding:8px 0 0 0;}
.mbox_list .no_thread {width:600px;height:400px;background:url(/images/v3/mbox/img_letter.gif) no-repeat center 30px;text-align:center;font:12px Dotum;letter-spacing:-1px;}
.mbox_list .no_thread .msg {color:#5893DC;font-weight:bold;padding-top:87px;line-height:17px;}
.mbox_list .no_thread .desc {color:#989898;font:12px Dotum;letter-spacing:-1px;line-height:17px;}
.mbox_list .no_thread .btn_compose {margin-top:13px;}

#mbox_compose {width:600px;}
#mbox_compose * {overflow:hidden;}
#mbox_compose .left {float:left;}
#mbox_compose .right {float:right;}
#mbox_compose .compose_vspace {height:20px;overflow:hidden;}
#mbox_compose .vspace2 {height:3px;overflow:hidden;}
#mbox_compose .compose_section {width:510px;margin:auto;}

#mbox_compose .compose {background:#f2f2ef;padding:15px 0;width:510px;}
#mbox_compose .compose .inputarea {padding:0 15px;}
#mbox_compose .compose .field_label {font:bold 12px Dotum;color:#000000;}
#mbox_compose .compose .desc {font:normal 11px Dotum;color:#808080;}
#mbox_compose .compose .tit {padding-bottom:3px; height:15px;}
#mbox_compose .compose .cont {padding-bottom:7px;}
#mbox_compose .compose .cont li.token-input-token-facebook {color:#007AB1;}
#mbox_compose .compose .cont li.token-input-selected-token-facebook {color:#FFF;}
#mbox_compose .compose .cont ul.token-input-list-facebook {border:1px solid #e6e6de;width:476px;}
#mbox_compose .compose .cont ul.token-input-list-facebook li input {color:#4D4F53;height:17px;line-height:17px;padding:2px 4px;}
#mbox_compose .compose .cont div.token-input-dropdown-facebook {border-left: 1px solid #E6E6DE;border-right: 1px solid #E6E6DE;border-bottom: 1px solid #E6E6DE;}
#mbox_compose .compose .cont div.token-input-dropdown-facebook ul li {padding:0px;width:476px;height:35px;}
#mbox_compose .compose .cont div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {color:#007AB1;border-bottom:1px solid #E6E6DE;}
#mbox_compose .compose .cont div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {background-color:#007AB1;color:#FFF;border-bottom:1px solid #E6E6DE;}
#mbox_compose .compose .cont div.token-input-dropdown-facebook ul li.token-input-last-dropdown-item-facebook {border-bottom:none;}
#mbox_compose .compose .cont div.token-input-dropdown-facebook ul li .thumb {float:left;}
#mbox_compose .compose .cont div.token-input-dropdown-facebook ul li .nicknm {float:left;padding-top:9px;padding-left:6px;}
#mbox_compose .compose .cont input.subject {color:#4D4F53;border:1px solid #e6e6de;width:468px;height:21px;line-height:21px;padding:2px 4px;}
#mbox_compose .compose .cont textarea {color:#4D4F53;border:1px solid #e6e6de;width:468px; height:97px;font-size:12px;line-height:17px;padding:2px 4px;overflow-y:auto;}
#mbox_compose .compose .buttons {margin:auto;width:250px;padding-top:20px;}

#mbox_compose .compose .note {font:11px Dotum; letter-spacing:-1px; color:#989898; line-height:15px}
#mbox_compose .compose .msg {font:11px Dotum;font-weight:bold;letter-spacing:-1px;width:466px;height:22px;line-height:22px;margin-bottom:7px;padding:0 0 0 10px;}
#mbox_compose .compose .error {color:#C90000;background-color:#F9B5B4;border:1px solid #FA9A9A;}
#mbox_compose .compose .info {color:#006A9B;background-color:#8CDAFF;border:1px solid #5ECBFD;}

.mbox_search_box {overflow:hidden;width:510px;}
.mbox_search_box .vspace4 {height:5px;overflow:hidden;}
.mbox_search_box .vspace5 {height:25px;overflow:hidden;}

.mbox_search_box .mdesc {padding-left:24px;font-size:11px;color:#e6e6de;}
.mbox_search_box .mdesc .links, .mbox_search_box .mdesc .links a {color:#007ab1;}
.mbox_search_box .mdesc .links a.selected {font-weight:bold;}
.mbox_search_box .type_frame {padding:20px 0 0 60px;}
.mbox_search_box .type_frame .search_window {height:32px;overflow:hidden;}
.mbox_search_box .video_s {width:380px;}
.mbox_search_box .image_s {width:514px;}
.mbox_search_box .image_search {float:left;margin:0 !important;border:5px solid #007ab1 !important;width:295px;background-color:white;height:22px;}
.mbox_search_box .image_search .search_input {width:289px;padding:3px 3px 0 3px;border:0;margin:0;height:15px;font-weight:bold;}
.mbox_search_box .type_frame .tip {font-size:11px;color:#007ab1;letter-spacing:-1px;}
.mbox_search_box .type_frame .button {float:left;padding:0 0 0 5px;}
.mbox_search_box .video_search {float:left;margin:0;border:5px solid #007ab1;width:295px;height:22px;background-color:white;}
.mbox_search_box .video_search .search_input {width:289px;border:0;padding:3px 3px 0 3px;margin:0;height:15px;font-weight:bold;}
.mbox_search_box .video_search .btn_input {padding-top:2px;vertical-align:top;}

.mbox_search_box div.openapi_search_results {padding:0 2px;}
.mbox_search_box table.openapi_search_results {width:506px;}
.mbox_search_box .api_search_results {width:100%; border-collapse:collapse; padding:0}
.mbox_search_box .openapi_search_result .image, .mbox_search_box .openapi_search_result .video {border-color:#f2f2ef;}
.mbox_search_box .openapi_search_result .selected {border-color:#007ab1 !important;}
.mbox_search_box .paginate {text-align:center;}
.mbox_search_box .paginate a {font-size:11px;font-weight:bold;color:#818181;}
.mbox_search_box .paginate strong {font-size:11px;font-weight:bold;color:#5a5be2;}


/* category management */
#category_management_popup {overflow:hidden;width:565px;}
#category_management_popup .category_edit {padding:27px 0 0 0;float:left;width:307px;margin-left:28px;}
#category_management_popup .category_edit table {border-collapse:collapse;}
#category_management_popup .category_edit table th {font:11px Dotum;font-weight:normal;background:url(/images/v3/category/blt_3px_80.gif) no-repeat 0px 7px;width:80px;padding:0 0 7px 6px;color:#676767;}
#category_management_popup .category_edit table td {padding-bottom:7px;padding-right:4px;}
#category_management_popup .category_edit .create {border-bottom:1px solid #E4E4DE;margin-bottom:8px;width:272px;}
#category_management_popup .category_edit .create table th {font-weight:bold;background:none;width:86px;padding-left:0px;}
#category_management_popup .category_edit table input.text {border:1px solid #d0d0d0;width:120px;height:16px;padding:2px 3px 0 3px;line-height:14px;}
#category_management_popup .btn_group {height:33px;margin:0 auto;clear:both;text-align:right;}
#category_management_popup .btn_group li {float:right;font-weight:bold;padding:7px 12px;margin-right:0;background-color:#FFF;color:#3A3A3A;cursor:pointer;border:2px solid #CCCCCC;}
#category_management_popup .btn_group li.hover {background-color:#FF7F00;color:#FFFFFF;}
#category_management_popup .sub_left_sidebar {float:left;width:200px;}
#category_management_popup .sub_left_sidebar ul {padding:10px;width:170px;height:164px;overflow-x:hidden;overflow-y:auto;border:5px solid #f3f3f3;}
#category_management_popup .sub_left_sidebar ul li {position:relative;height:auto;line-height:12px;color:#000000;padding:3px;}
#category_management_popup .sub_left_sidebar ul li a{color:#000000;} 
#category_management_popup .sub_left_sidebar ul li.separator {background:url(/images/v3/profiles/img_underbar.png) repeat-x center;margin:1px 0;height:4px;}
#category_management_popup .sub_left_sidebar ul li.selected {background-color:#44b9eb;color:#ffffff;}
#category_management_popup .sub_left_sidebar ul li.selected a {color:#ffffff;}
#category_management_popup .sub_container {padding:15px;height:194px;}

/* Contact, Mission 관리 */
#contact_category_edit_dialog {background:url(/images/v3/contact/friend_edit_bg.png);position:absolute;display:none;overflow:hidden;width:420px;height:338px;padding:14px 7px;}
#contact_category_edit_dialog .dialog_title {font:bold 11px Dotum;color:#007ab1;letter-spacing:-1px;padding:3px 12px;border-bottom:1px solid #d2f1ff;height:13px;}
#contact_category_edit_dialog .title_area {padding:7px 0 7px 10px;height:26px;font:12px Dotum;overflow:hidden;}
#contact_category_edit_dialog .title_area input {width:192px;height:14px;padding:4px 4px 3px 4px;height:14px;background-color:#e7f2f8;font:12px Dotum;border:2px solid #71aae1;}
#contact_category_edit_dialog .title_area .tip {margin-left:2px;font:11px Dotum;color:#a5a5a5;letter-spacing:-1px;}
#contact_category_edit_dialog .main_area {padding:0 4px;}
#contact_category_edit_dialog .filter_area {padding:4px 4px 4px 9px;height:20px;font:12px Dotum;color:#4c4c4c;background:#71aae1 url(/images/v3/contact/ico_selected_lblue.png) 17px bottom no-repeat;}
#contact_category_edit_dialog .selected_tab {background:#71aae1 url(/images/v3/contact/ico_selected_lblue.png) 70px bottom no-repeat;}
#contact_category_edit_dialog .filter_area .select_filter {float:left;height:12px;padding:4px 0 0 0;font:11px Dotum;color:#ffffff;}
#contact_category_edit_dialog .filter_area .select_filter .count {color:#ffffff;font-weight:bold;}
#contact_category_edit_dialog .filter_area .select_filter a{color:#ffffff}
#contact_category_edit_dialog .filter_area .select_filter a.selected{color:#ffffff;font-weight:bold;}
#contact_category_edit_dialog .filter_area .search_filter {float:right;height:20px;}
#contact_category_edit_dialog .filter_area .search_filter input {border:0 none;height:12px;width:130px;padding:4px 4px 3px 4px;font:11px Dotum;color:#007ab1; }
#contact_category_edit_dialog .filter_area .search_filter #_dti_search_friend {color:#007ab1;}
#contact_category_edit_dialog .sub_container {padding:9px 5px;height:202px;overflow-y:auto;overflow-x:hidden;background-color:#d1e4f5}
#contact_category_edit_dialog .sub_container .highlight {color:#747474;font-weight:bold;background-color:#eeeeee;}
#contact_category_edit_dialog .sub_container .user_info {float:left;width:118px;padding:8px 2px;margin:0 4px 5px 0;border:1px solid #b3d2e6;font:11px Dotum;}
#contact_category_edit_dialog .sub_container .selected {background-color:#3facdd;color:#ffffff;}
#contact_category_edit_dialog .sub_container .user_info .checkbox {float:left;width:15px;padding:10px 4px 10px 2px;height:15px;background:url(/images/v3/contact/btn_check.png) center center no-repeat;}
#contact_category_edit_dialog .sub_container .selected .checkbox {background:url(/images/v3/contact/btn_checked.png) center center no-repeat;}
#contact_category_edit_dialog .sub_container .user_info .photo {float:left;width:35px;height:35px;margin-right:6px;border:1px solid #ffffff;}
#contact_category_edit_dialog .sub_container .user_info .info {float:left;width:54px;padding-top:0px;}
#contact_category_edit_dialog .sub_container .info .nname {color:#007ab1;font-weight:bold;height:18px;letter-spacing:-1px;line-height:120%}
#contact_category_edit_dialog .sub_container .selected .info .nname {color:#ffffff;}
#contact_category_edit_dialog .btn_area {text-align:center;padding:8px 0;}

#contact .title {padding-bottom:5px;font:bold 14px Dotum;color:#000000;letter-spacing:-1px;border-bottom:2px solid #000000;}
#contact .sub_title {padding:7px 0 6px 0;font:11px Dotum;color:#000000;border-bottom:1px solid #d2f1ff;}
#contact .sub_title .left_title {float:left;background:url(/images/v3/contact/ico_category.png) no-repeat;padding:1px 0 0 17px;width:176px;height:13px;}
#contact .sub_title .right_title {float:left;background:url(/images/v3/contact/ico_friend.png) no-repeat;padding:1px 0 0 17px;height:13px;}
#contact .category_area {float:left;width:170px;padding-top:20px;}
#contact .category_area .category_li {padding:7px 5px 5px 5px;color:#000000;font:11px Dotum;border-bottom:1px solid #d2f1ff;height:12px;line-height:12px;overflow:hidden;position:relative;}
#contact .category_area .category_li .menu {position:absolute;right:0px;top:3px;font-size:0;}
#contact .category_area .category_li a {color:#000000;}
#contact .category_area .selected {background-color:#3facdd;border-bottom:1px solid #3facdd;color:#ffffff;font-weight:bold;}
#contact .category_area .selected a {color:#ffffff;font-weight:bold;}
#contact .category_area .system_last {border-bottom:1px solid #000000;}
#contact .category_area .add_category {padding:6px 5px 4px 5px;font:11px Dotum;color:#007ab1;}
#contact .category_area .add_category a {color:#007ab1;}
#contact .contact_area {float:right;width:406px;}
#contact .contact_area .contact_list {width:100%;padding:8px 0;}
#contact .contact_area .contact_list .contact {width:100%;padding:15px 0;border-bottom:1px solid #D2F1FF;height:66px;}
#contact .contact_area .contact_list .last {border-bottom:none;}
#contact .contact_area .contact_list .contact .photo {position:absolute;left:0px;top:0px;width:35px;}
#contact .contact_area .contact_list .contact .nicknm {position:absolute;left:45px;top:0px;color:#007ab1;font:bold 12px Dotum;}
#contact .contact_area .contact_list .contact .nicknm a {color:#007ab1;}
#contact .contact_area .contact_list .contact .nicknm .deactivated {font:11px Dotum; color:#96bc33; font-weight:normal;}
#contact .contact_area .contact_list .contact .info {font:11px Dotum;color:#007AB1; position:absolute;left:125px;top:20px;width:280px;height:48px;overflow:hidden;font:11px Dotum;color:#000;}
#contact .contact_area .contact_list .contact .info a {font:11px Dotum;color:#007AB1;line-height:16px;}
#contact .contact_area .contact_list .contact .info .cell_phone {background:url(/images/v3/contact/ico_member_phone.png) no-repeat 0px 4px;padding-left:12px;height:16px;line-height:16px;}
#contact .contact_area .contact_list .contact .info .cell_phone .edit_phone {float:left;}
#contact .contact_area .contact_list .contact .info .cell_phone .delete_phone {float:left;padding-left:7px;cursor:pointer;}
#contact .contact_area .contact_list .contact .info .cell_phone .none {display:none;}

#contact .contact_area .contact_list .contact .info .cell_phone .number {color:#000000;font:12px Dotum;}
#contact .contact_area .contact_list .contact .info .cell_phone input {height:12px;padding:1px 2px;border:1px solid #d1e7e9;width:130px;font:11px Dotum;color:#000000;}


#contact .contact_area .contact_list .contact .info .category {background:url(/images/v3/contact/ico_member_group.png) no-repeat 0px 4px;padding-left:12px;height:16px;line-height:16px;}
#contact .contact_area .contact_list .contact .info .groups {background:url(/images/v3/contact/ico_member_kakao.png) no-repeat 0px 4px;padding-left:12px;height:16px;line-height:16px;}
#contact .contact_area .contact_list .contact .info .groups span {color:#808080;}
#contact .contact_area .contact_list .contact .info .groups a {color:#000;}
#contact .contact_area .contact_list .contact .delete_btn {position:absolute;left:394px;top:0px;width:12px;}

#category_select_popup {position:absolute;display:none;background-color:#fff;z-index:100;text-align:left;border:3px solid #397fac;padding:0px 4px;cursor:default;width:160px;}
#category_select_popup .select_popup_box li {color:#000000;padding:6px 0px 5px 10px;font-size:11px;border-bottom:1px solid #d2f1ff;height:12px;}
#category_select_popup .select_popup_box li:hover{cursor:pointer;background-color:#eeeeee;color:#4d4d4d;}
#category_select_popup .select_popup_box .checked {background:url(/images/v3/contact/ico_check_s.png) 0px 6px no-repeat;color:#000000;font-weight:bold;}
#category_select_popup .pop_add_category {border:1px solid #B1D7E9;background-color:#ecf6fb;padding:5px;height:11px;margin:20px 0 10px 0;color:#007ab1;}
#category_select_popup .pop_add_category_trigger {height:11px;}
#category_select_popup .pop_add_category_input {height:11px;display:none;}
#category_select_popup .pop_add_category_input input {border:0 none;padding:0;margin:0;width:148px;font:11px Dotum;background-color:#ecf6fb;color:#007ab1;height:11px;}
 



#groups_invitation_info {width:655px;height:46px;background:url(/images/v3/layouts/bg_inviteletter.gif) left top no-repeat;margin-bottom:15px;}
#groups_invitation_info .icon {float:left;padding:10px;}
#groups_invitation_info .msg {float:left;font:14px Dotum;font-weight:bold;letter-spacing:-1px;color:#000;padding-top:14px;}
#groups_invitation_info .msg a {font:11px Dotum;color:#007AB1;}

#group_header {background-color:#FFFFFF; padding:6px 27px 7px 28px; width:600px;}
#group_header .upper {position:relative;width:600px;}
#group_header .upper .menu {position:absolute;right:-18px;top:-7px;}
#group_header .upper .menu .edit_group {float:left;padding-right:5px;}
#group_header .upper .menu .quit_group {float:left;}
#group_header .upper .groups_info { width:100%; border-collapse:collapse; }
#group_header .upper .groups_info .tit {width:505px;}
#group_header .upper .groups_info .tit a {float:left;font-family:Dotum;color:#000;font-weight:bold;letter-spacing:-1px;}
#group_header .upper .groups_info .tit .large {font-size:24px;}
#group_header .upper .groups_info .tit .medium {font-size:20px;}
#group_header .upper .groups_info .tit .small {font-size:16px;}
#group_header .upper .groups_info .members_menu {padding-top:14px;font:11px Dotum;letter-spacing:-1px;text-align:right;}
#group_header .upper .groups_info .members_menu a {font:11px Dotum;color:#007AB1;}
#group_header .upper .groups_info .members_menu .sep {color:#BDD9E6;padding:0 3px;}
#group_header .members {padding-top:10px;height:45px;}
#group_header .members .member {margin-right:4px;}
#group_header .member_info {display:none;position:absolute;border-top:4px solid #007AB1;}
#group_header .member_info .inner {position:relative;}
#group_header .member_info .inner .arrow {position:absolute;top:-4px;left:15px;}
#group_header .member_info .inner .nicknm {padding-top:2px;width:35px;height:14px;line-height:14px;font:11px Dotum;color:#007AB1;letter-spacing:-1px;}
.global_member {float:left;position:relative;width:35px;height:45px;}
.global_member .status {position:absolute;left:0px;top:36px;}

.create_group_popup {display:none;position:absolute;top:254px;left:50%;margin-left:-36px;width:303px;height:119px;padding:11px 7px;background:url(/images/v3/groups/bg_create.png) no-repeat left top;_background:url(/images/v3/groups/bg_create.gif) no-repeat left top;}
.create_group_popup .cont {position:relative;width:279px;height:105px;padding:11px 12px 3px 12px;overflow:hidden;font:12px Dotum;}
.create_group_popup .cont .tit {padding-bottom:9px;border-bottom:1px solid #D2F1FF;}
.create_group_popup .cont .tit .desc {float:left;color:#007AB1;font-weight:bold;letter-spacing:-1px;}
.create_group_popup .cont .tit .desc span {font-size:11px;font-weight:normal;}
.create_group_popup .cont .tit .input {float:left;padding-left:10px;}
.create_group_popup .cont .tit .input input {width:201px;color:#000;height:18px;padding-top:5px;border:1px solid #98CEE1;}
.create_group_popup .cont .invite_option {padding:9px 0 0 7px;}
.create_group_popup .cont .invite_option label, .create_group_popup .cont .invite_option input {font-size:11px;color:#007AB1;vertical-align:middle;}
.create_group_popup .cont .buttons {position:absolute;bottom:0;width:303px;text-align:center;}

#group_new { padding:25px 43px 15px 42px; }
#group_new .content {}
#group_new .content .input_box {position:relative;width:508px;height:233px;margin-top:13px;background:url(/images/v4/groups/new/bg_createbox.png?v=2) no-repeat 0 0}
#group_new .content .input_box .input {position:absolute;top:45px;left:150px}
#group_new .content .input_box .input input {border:0;width:304px;height:27px;padding-top:6px;font:16px Dotum;color:#4c4c4c;letter-spacing:0;font-weight:bold;}
#group_new .content .input_box .options {position:absolute;top:125px;left:120px}
#group_new .content .input_box .buttons {position:absolute;top:180px;left:206px}
#group_new .content .desc { padding:15px 0; }


#group_body {background-color:#FFF;width:600px;padding:25px 27px 25px 28px;}

#groups_members .members_title {font:bold 14px Dotum;letter-spacing:-1px;color: #000;}
#groups_members .members_top {background-color:#357acb;padding:6px 8px 7px 8px;line-height:12px;width:584px;margin:7px 0 5px;height:11px;}
#groups_members .members_top .title {float:left;color:white;font:bold 12px Dotum;}
#groups_members .members_top .ltitle {float:right;color:white;font:11px Dotum;}
#groups_members .members_top .ltitle span {background-color:#ffcb05;}
#groups_members .members_list {padding:5px 0;width:604px;}
#groups_members .member_wrapper {float:left;padding-right:4px;padding-bottom:10px;}
#groups_members .member_wrapper .member {float:none;position:static;width:147px;height:65px;padding:0px;background:url(/images/v3/groups/bg_member.png) no-repeat;}
#groups_members .member_wrapper .member .header {width:147px; height:13px; line-height:13px;}
#groups_members .member_wrapper .member .header .master {float:left;}
#groups_members .member_wrapper .member .header .x_btn {float:right;cursor:pointer;}
#groups_members .member_wrapper .member .body {width:147px;}

#groups_members .member_wrapper .member .body .thumbnail {float:left;padding-left:12px;}
#groups_members .member_wrapper .member .body .nickname {font:11px Dotum;font-weight:bold;line-height:12px;color:#007ab1;}
#groups_members .member_wrapper .member .body .nickname a {font:11px Dotum;font-weight:bold;line-height:120%;color:#007ab1;}
#groups_members .member_wrapper .member .body .contact_add {margin-left:10px; height:20px;}
#groups_members .member_wrapper .member .body .contact_add img.btn_add_contact {cursor:pointer;}
#groups_members .member_wrapper .member .detail {float:left;width:90px;overflow:hidden;}
#groups_members .member_wrapper .member .detail .nickname {height:24px;padding:2px 0 2px 7px;}
#groups_members .member_wrapper .member .detail .reinvite {padding-left:39px;}
#groups_members .member_wrapper .member .detail_long {width:125px;float:left;padding-left:12px;}
#groups_members .member_wrapper .member .detail_long .nickname {padding-left:0px;line-height:13px;height:26px;}
#groups_members .member_wrapper .member .detail_long .reinvite {padding-left:73px;}
#groups_members .top_line { width:600px;border-top:1px solid #77C5F3; margin-top:10px;}
#groups_members .bottom { padding:15px 0 30px;text-align:center; }

#groups_reinvite_dialog {position:absolute;display:none;overflow:hidden;width:473px;}
#groups_reinvite_dialog .header{height:15px;background:url(/images/v3/invite/img_invit_small_top.png) top center no-repeat;}
#groups_reinvite_dialog .footer{height:22px;background:url(/images/v3/invite/img_invitsmall_bottom.png) top center no-repeat;}
#groups_reinvite_dialog .m_left{width:7px;background:#4e94d6;}
#groups_reinvite_dialog .m_right{width:7px;background:#4e94d6;}

#groups_member_expel_dialog {display:none;position:absolute;top:254px;left:50%;margin-left:-36px;width:276px;height:170px;padding:11px 7px;background:url(/images/v3/groups/bg_expelmember.png) no-repeat left top;_background:url(/images/v3/groups/bg_expelmember.png) no-repeat left top;}
#groups_member_expel_dialog .cont {position:relative;width:242px;height:156px;padding:14px 16px 3px 16px;overflow:hidden;font:12px Dotum;}
#groups_member_expel_dialog .cont .tit {padding-bottom:9px;}
#groups_member_expel_dialog .cont .tit .desc {float:left;}
#groups_member_expel_dialog .cont .tit .message {float:left;color:#007AB1;width:196px;padding-left:10px;font:12px Dotum;line-height:normal;}
#groups_member_expel_dialog .cont .tit .input {padding:10px 0 0;}
#groups_member_expel_dialog .cont .tit .input textarea {width: 232px; height: 52px; border:1px solid #98CEE1; font:12px Dotum; color: black;margin:0;padding:2px 5px;}
#groups_member_expel_dialog .cont .buttons {position:absolute;bottom:0;width:242px;text-align:center;}

#groups_invite.reinvite { background-color:#FFFFFF;width:459px;}
#groups_invite.reinvite .tabs {border:0;height:33px;width:459px;}
#groups_invite.reinvite .tabs .invite_title {float:left;padding:10px;font:12px Dotum;color:#007ab1;font-weight:bold;letter-spacing:-1;position:relative;top:0;left:4px;}
#groups_invite.reinvite .panel .addition {background-color:#e6f6f4;}
#groups_invite.reinvite .panel .addition .input_panel .field {width:328px;}
#groups_invite.reinvite .panel .addition .input_panel .field .sms_message_field,
#groups_invite.reinvite .panel .addition .input_panel .field .message_field,
#groups_invite.reinvite .panel .addition .input_panel .field textarea {width:324px;}

#groups_invite .tab_panel .subtabs { height:25px;padding-left:10px;font:11px Dotum;color:#94c0eb;letter-spacing:-1;;line-height:25px;background:#3583c2;}
#groups_invite .tab_panel .subtabs li { float:left;}
#groups_invite .tab_panel .subtabs li.selected {color:#FFFFFF;font-weight:bold;}
#groups_invite .tab_panel .subtabs .subtab{width:90px;padding:0px 3px; cursor:pointer;}

#groups_invite { background-color:#FFFFFF;width:599px;}
#groups_invite .tabs { height:29px;background-color:#FFFFFF;border-bottom:2px solid #3583c2;}
#groups_invite .tabs .invite_title {float:left;padding:0 8px;font:12px Dotum;color:#007ab1;font-weight:bold;letter-spacing:-1;position:relative;top:8px;left:4px;}
#groups_invite .tabs ul { padding:4px 15px 0 10px; }
#groups_invite .tabs li { float:right;background-color:#afcfee;padding:0 10px;margin-right:1px;font:11px Dotum;letter-spacing:-1px;color:#007ab1;line-height:25px;cursor:pointer;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;}
#groups_invite .tabs li.selected { border-color:#FFFFFF;background-color:#3583c2;font-weight:bold;color:#FFFFFF; }
#groups_invite .panel { background-color:#b2d7f9; }
#groups_invite .panel .note { height:33px;padding-left:20px;font:11px Dotum;color:#493636;font-weight:bold;letter-spacing:-1;background:#e6f6f4;line-height:33px; }
#groups_invite .panel .content { border-top:1px solid #EAEAEA;background-color:#FFFFFF; }
#groups_invite .panel .content .tip { font:11px Dotum;color:#7598a8; }
#groups_invite .panel .addition .tip { font:11px Dotum;color:#7598a8; }
#groups_invite .panel .content .input_panel { width:100%; }
#groups_invite .panel .content .input_panel .label { float:left;width:120px; }
#groups_invite .panel .content .input_panel .label label { font:11px Dotum;font-weight:bold;letter-spacing:-1px;color:#007ab1;line-height:20px;padding:10px; }
#groups_invite .panel .content .input_panel .field { float:left;width:483px; }
#groups_invite .panel .content .input_panel .field .input { border:1px solid #7F9DB9;background-color:#FFFFFF;padding:2px; }
#groups_invite .panel .content .input_panel .field .input input,
#groups_invite .panel .content .input_panel .field .input textarea { border:0;padding:0;width:454px;background-color:#FFFFFF;font:12px Dotum;color:#000000; }
#groups_invite .panel .content .input_panel .field .input textarea { overflow:auto; }
#groups_invite .panel .content .input_panel .field .input .emails_field { height:28px; }
#groups_invite .panel .content .input_panel .field .input .message_field { height:42px; }
#groups_invite .panel .content .input_panel .field .tip { margin-top:5px;color:#A6A6A6; }
#groups_invite .panel .addition { padding:3px 23px 10px 23px; }
#groups_invite .panel .addition .input_panel { width:100%;padding-top:8px; }
#groups_invite .panel .addition .input_panel .label { float:left;text-align:center;width:70px; background:url(/images/v3/invite/blt_invit.png) no-repeat 2px 9px; }
#groups_invite .panel .addition .input_panel .label label { font:11px Dotum;letter-spacing:-1px;color:#007ab1;line-height:20px; }
#groups_invite .panel .addition .input_panel .field { float:left; width:483px;}
#groups_invite .panel .addition .input_panel .field .message_bytes { font:11px Dotum;color:#007ab1;width:70px;float:right;margin-top:7px;}
#groups_invite .panel .addition .input_panel .field #bytes_field { color:#f1454e; }
#groups_invite .panel .addition .input_panel .field .input { border:1px solid #7F9DB9;background-color:#FFFFFF;padding:2px; }
#groups_invite .panel .addition .input_panel .field .input_textfield { float:left;border:1px solid #7F9DB9;background-color:#FFFFFF;padding:2px;width:150px; }
#groups_invite .panel .addition .input_panel .field .input_textfield input { border:0;padding:0;background-color:#FFFFFF;font:12px Dotum;color:#000000;width:150px;}
#groups_invite .panel .addition .input_panel .field .input_autogrow { float:left;border:1px solid #7F9DB9;background-color:#FFFFFF;padding:2px;width:478px; }
#groups_invite .panel .addition .input_panel .field .input_autogrow textarea { border:0;padding:0;background-color:#FFFFFF;font:12px Dotum;color:#000000;width:478px;height:17px;}
#groups_invite .panel .addition .input_panel .field .readonly { padding-top:4px; font-family:Dotum;font-size:12px; color:#007ab1; font-weight:bold;}
#groups_invite .panel .addition .input_panel .field .readonly a { font-family:Dotum;font-size:11px; color:#007ab1; font-weight:normal;}
#groups_invite .panel .addition .input_panel .field .input input,
#groups_invite .panel .addition .input_panel .field .input textarea { border:0;padding:0;width:478px;background-color:#FFFFFF;font:12px Dotum;color:#000000;}
#groups_invite .panel .addition .input_panel .field .input textarea { overflow:auto; }
#groups_invite .panel .addition .input_panel .field .input .message_field { height:42px; }
#groups_invite .panel .addition .input_panel .field .input .sms_message_field { height:17px; }
#groups_invite .panel .addition .input_panel .field .sms_checkbox { padding-top:5px;font-size:11px;font-family:Dotum; }
#groups_invite .panel .buttons { padding:11px 15px 8px 15px;font-size:0;text-align:center;background-color:#75b0e7;}
#groups_invite .panel .buttons input { display:inline; }
#groups_invite .panel .buttons a { margin-left:3px; }
#groups_invite .progress_panel { text-align:center;height:302px; }
#groups_invite .progress_panel .loading { margin-top:100px; }
#groups_invite .progress_panel p { margin-top:30px; }
#groups_invite .result_panel { background-color:#}
#groups_invite .result_panel .message { height:100px;padding:40px;background-color:#e6f6f4;text-align:center;font:14px Dotum;font-weight:bold;letter-spacing:-1px;color:#007ab1;line-height:46px;}

#groups_invite .panel .select_all { float:left;padding:12px 12px 6px; }
#groups_invite .panel .select_all span { float:left;font:11px Dotum;color:#007ab1;line-height:14px;cursor:pointer; }
#groups_invite .panel .select_all input { float:left;width:13px;height:13px;padding:0;margin:0 4px 0 0; }
#groups_invite .panel .seleced_friends_count{font-family:Dotum;padding:12px 12px 12px 6px;font-size:11px;float:right;color:#007ab1;cursor:pointer;}
#groups_invite .panel .seleced_friends_count span{font-weight:bold;}

#groups_invite #groups_invite_by_email .panel .select_all { float:left;padding:6px 12px;}
#groups_invite #groups_invite_by_email .email_list { padding:0;border-bottom:1px solid #3583c2;border-top:1px solid #FFFFFF;background:#e6f6f4;}
#groups_invite #groups_invite_by_email .content { padding:12px 20px 37px;background-color:#e6f6f4;border-bottom:2px solid #FFFFFF; }
#groups_invite #groups_invite_by_email .content .input_panel { padding:8px 0;}
#groups_invite #groups_invite_by_email .addition { background-color:#b2d7f9;}

#groups_invite #groups_invite_by_link .content {padding:50px 22px 0 22px;background-color:#e6f6f4;font:11px Dotum;color:#007ab1;}
#groups_invite #groups_invite_by_link .content p {padding:3px 0;}
#groups_invite #groups_invite_by_link .content .link {font-size:14px;font-weight:bold;color:#c03671;padding-bottom:15px;}
#groups_invite #groups_invite_by_link .content .copylink {position:relative;width:109px;height:26px;}
#groups_invite #groups_invite_by_link .content .copylink #zero_clipboard {position:relative;}
#groups_invite #groups_invite_by_link .content .copy_done {padding-top:10px;padding-bottom:28px;}

#groups_invite #groups_invite_by_import .form_panel .content { padding:20px 20px 28px; }
#groups_invite #groups_invite_by_import .form_panel .content .input_panel { padding-top:8px; }
#groups_invite #groups_invite_by_import .form_panel .content .radio_panel { padding:0 0 10px;margin-bottom:4px;border-bottom:1px solid #FFEAF3; }
#groups_invite #groups_invite_by_import .form_panel .content .input_panel .domain { margin-left:9px;font:11px Dotum;color:#000000;line-height:22px; }
#groups_invite #groups_invite_by_import .form_panel .buttons { text-align:center; }
#groups_invite #groups_invite_by_import .addition { border-top:1px solid #EAEAEA; }

#groups_invite #groups_invite_by_email .panel .content .line_for_import_panel {margin-left:12.5px;font-size:1px;height:1px;width:535px;background:#c1e0e4;}
#groups_invite #groups_invite_by_email .panel .content .input_panel .field { width:425px;}
#groups_invite #groups_invite_by_email .panel .content .input_panel .field .import_login {padding:5px;}
#groups_invite #groups_invite_by_email .panel .content .input_panel .field .import_login .login_label { padding:3px;float:left;width:50px;font:12px Dotum;color:#4c4c4c;letter-spacing:-1;}
#groups_invite #groups_invite_by_email .panel .content .input_panel .field .import_login input { border:1px solid #7F9DB9;background-color:#FFFFFF;padding:2px;}
#groups_invite .import_sites li {float:left;}
#groups_invite .import_sites .btn_invit_gmail {width:140px;height:51px;background:url(/images/v3/invite/btn_invit_gmail.png) no-repeat center center;}
#groups_invite .import_sites .btn_invit_yahoo {width:140px;height:51px;background:url(/images/v3/invite/btn_invit_yahoo.png) no-repeat center center;}
#groups_invite .import_sites .selected .btn_invit_gmail {width:140px;height:51px;background:url(/images/v3/invite/btn_invit_gmail_s.png) no-repeat center center;}
#groups_invite .import_sites .selected .btn_invit_yahoo {width:140px;height:51px;background:url(/images/v3/invite/btn_invit_yahoo_s.png) no-repeat center center;}

#groups_invite .import_sites .selected { }
#groups_invite .import_sites .last { border:0; }
#groups_invite .imported_emails { padding-top:10px;padding-left:12px;height:135px;overflow:auto;background-color:#FFFFFF;}
#groups_invite .imported_emails li { margin-bottom:7px;font:11px Dotum;color:#000000;height:15px;line-height:15px;border-bottom:1px solid #d2f1ff;}
#groups_invite .imported_emails li input { float:left;width:13px;height:13px;padding:0;margin:0 4px 0 0; }
#groups_invite .imported_emails li .with_name { color:#A6A6A6; }

#groups_invite .categories_panel { width:180px;background-color:#FFFFFF;float:left;}
#groups_invite .categories_panel .categories { padding:0; height:293px;}
#groups_invite .categories_panel .categories ul { height:283px;overflow:auto; padding:5px; }
#groups_invite .categories_panel .categories li { width:140px; border-bottom:1px solid #d2f1ff; padding:2px 5px;}
#groups_invite .categories_panel .categories li.invitees{width:160px;border-bottom:1px solid #3facdd; }
#groups_invite .categories_panel .categories li a { font:12px Dotum;color:#000000;line-height:18px; }
#groups_invite .categories_panel .categories li.selected{width:160px;border-bottom:1px solid #3facdd;background-color:#3facdd; }
#groups_invite .categories_panel .categories .selected a { font-weight:bold;letter-spacing:-1px;color:#FFFFFF; }
#groups_invite .categories_panel .categories .separator { border-top:1px dotted #F27DB0;font-size:0;height:0;margin:2px 0;line-height:0; }

#groups_invite .contacts_panel { width:419px;background-color:#e6f6f4;float:right; }
#groups_invite .contacts_panel .contacts { position:relative;height:256px;overflow:auto;padding-left:10px; }
#groups_invite .contacts_panel .contacts li { float:left;padding:2px; }
#groups_invite .contacts_panel .contacts .contact { width:190px; height:35px; padding:11px 0; border:1px solid #dbedeb; }
#groups_invite .contacts_panel .contacts .contact .thumbnail { float:left; background:url('/images/v3/common/profile_default_80x80.png') center center no-repeat; }
#groups_invite .contacts_panel .contacts .contact .info { float:left;padding:5px 0 0 7px; }
#groups_invite .contacts_panel .contacts .contact .info .name { float:left;font:11px Dotum;font-weight:bold;letter-spacing:-1px;color:#007ab1;width:95px;line-height:120% }
#groups_invite .contacts_panel .contacts .contact .info .cell_phone { float:left;font:11px Dotum;font-weight:normal;letter-spacing:-1px;color:#007ab1; }
#groups_invite .contacts_panel .contacts .contact .info .favorite { padding-right:14px;background:url('/images/v3/profiles/ico_heart.png') right 0 no-repeat; }
#groups_invite .contacts_panel .contacts .contact .info .categories { background:url('/images/v3/profiles/ico_document.png') 0 0 no-repeat;margin-top:3px;padding-left:16px;font:11px Dotum;color:#4D4D4D;line-height:14px; }
#groups_invite .contacts_panel .contacts .contact .contact_check {float:left;width:15px;height:15px;padding:10px;background:url(/images/v3/invite/btn_check.png) no-repeat 50% 50%;}

#groups_invite .contacts_panel .contacts .selected .contact { background-color:#3facdd; border:1px solid #3facdd;}
#groups_invite .contacts_panel .contacts .selected .contact .info .name { color:#FFFFFF; }
#groups_invite .contacts_panel .contacts .selected .contact .info .cell_phone { color:#FFFFFF; }
#groups_invite .contacts_panel .contacts .selected .contact .info .categories { color:#C9E3F0; }
#groups_invite .contacts_panel .contacts .selected .contact .contact_check {float:left;width:15px;height:15px;padding:10px;background:url(/images/v3/invite/btn_checked.png) no-repeat 50% 50%;}

#groups_invite_by_email .panel .addition { background:#e6f6f4;padding-bottom:20px; }
#groups_invite_by_mobile .panel .addition { background:#e6f6f4;padding-bottom:20px; }
#groups_invite_by_mobile .panel .note { padding:10px 20px; line-height:18px; }

#groups_error {width:600px;padding:73px 0;font:12px Dotum;color:#828282;}
#groups_error .sorry {padding-left:200px;}
#groups_error .inner {padding-left:110px;}
#groups_error .inner .msg {padding-top:38px;}
#groups_error .inner .desc {padding-top:24px;}
#groups_error .inner .desc p {height:16px;line-height:16px;}
#groups_error .button {padding-top:44px;padding-left:252px;}

#error .groups_ns_error .inner {font:12px Dotum;color:#828282;padding:20px}
#error .groups_ns_error .msg {padding:10px 0 0 100px;}
#error .groups_ns_error .desc {padding:20px 0 0 100px;}
#error .groups_ns_error .inner p {height:16px;line-height:16px;}
#error .groups_ns_error .button {padding:35px 0 0 190px;}

#groups_invite_dialog {position:absolute;display:none;overflow:hidden;width:613px;}
#groups_invite_dialog .header{height:15px;background:url(/images/v3/invite/img_invit_top_1.png) top center no-repeat;}
#groups_invite_dialog .footer{height:22px;background:url(/images/v3/invite/img_invit_big_bottom_1.png) top center no-repeat;}
#groups_invite_dialog .m_left{width:7px;background:#4e94d6;}
#groups_invite_dialog .m_right{width:7px;background:#4e94d6;}

#groups_invite_icon_dialog {position:absolute;display:none;overflow:hidden;width:613px;}
#groups_invite_icon_dialog .header{height:15px;background:url(/images/v3/invite/img_invit_top.png) top center no-repeat;_background:url(/images/v3/invite/img_invit_top.gif) top center no-repeat;}
#groups_invite_icon_dialog .footer{height:22px;background:url(/images/v3/invite/img_invit_big_bottom.png) top center no-repeat;_background:url(/images/v3/invite/img_invit_big_bottom.gif) top center no-repeat;}
#groups_invite_icon_dialog .m_left{width:7px;background:#4e94d6;}
#groups_invite_icon_dialog .m_right{width:7px;background:#4e94d6;}

#select_invitation_header {width:599px;height:35px;background-color:#d6eff9;}
#select_invitation_header .invite_title {font-family: Dotum;font-size:12px;font-weight:bold;color:#007ab1;letter-spacing:-1px;width:100px;float:left;padding:10px 10px 5px 10px;}
#select_invitation_header .close {float:right;padding:5px 10px;}
#select_invitation {padding-top:10px;width:599px;background-color:#3583c2;text-align:center;}
#select_invitation .btn_invit {cursor:pointer;}

#group_applications_tab { font-size:0; padding:0 0 0 6px; width:649px; height:33px; background:url(/images/v4/groups/bg_tab.png) no-repeat left 1px;}
#group_applications_tab li { float:left; height:31px; border-bottom:1px solid #a4c3d7; margin-top:1px; }
#group_applications_tab li.selected { border-bottom:1px solid #FFF; }
#group_applications_tab li.separator { width:1px; border-bottom:1px solid #a4c3d7; }
#group_applications_tab li.shadow { background:url(/images/v4/groups/bg_tab_shadow.png) no-repeat left top; }
#group_applications_tab li.more { height:16px; padding:10px 4px 5px; border-bottom:1px solid #FFF; }

#groups_add_app {margin:0 auto;padding-bottom:20px;}
#groups_add_app .title {margin:12px 0 27px 34px}
#groups_add_app .list .box {margin:0 auto 4px auto;width:530px;}
#groups_add_app .list .box .box_top {width:100%;height:10px;background:url(/images/v4/groups/add_app/round_appadd.png) no-repeat top}
#groups_add_app .list .box .box_middle {width:524px;height:42px;border-left:3px solid #f2f2ef;border-right:3px solid #f2f2ef;overflow:hidden;}
#groups_add_app .list .box .box_bottom {width:100%;height:10px;background:url(/images/v4/groups/add_app/round_appadd.png) no-repeat bottom}
#groups_add_app .list .box .box_title {float:left;margin-left:12px;cursor:pointer}
#groups_add_app .list .box .add_btn {float:left;margin-top:3px;cursor:pointer}
#groups_add_app .list .box .more_open {float:left;width:7px;height:4px;margin-left:13px;margin-top:18px;background:url(/images/v4/groups/add_app/btn_app_open.png) no-repeat 0 0;cursor:pointer} 
#groups_add_app .list .box .more_close {float:left;width:7px;height:4px;margin-left:13px;margin-top:18px;background:url(/images/v4/groups/add_app/btn_app_close.png) no-repeat 0 0;cursor:pointer}

#groups_add_app .list .opened_box {margin:0 auto 4px auto;width:530px;}
#groups_add_app .list .opened_box .box_top {width:100%;height:10px;background:url(/images/v4/groups/add_app/round_appadd_on.png) no-repeat top}
#groups_add_app .list .opened_box .box_middle {width:524px;height:auto;border-left:3px solid #dfdfd8;border-right:3px solid #dfdfd8;overflow:hidden;}
#groups_add_app .list .opened_box .box_bottom {width:100%;height:10px;background:url(/images/v4/groups/add_app/round_appadd_on.png) no-repeat bottom}
#groups_add_app .list .opened_box .box_title {float:left;margin-left:12px;cursor:pointer}
#groups_add_app .list .opened_box .add_btn {float:left;margin-top:3px;cursor:pointer}
#groups_add_app .list .opened_box .more_open {float:left;width:7px;height:4px;margin-left:13px;margin-top:18px;background:url(/images/v4/groups/add_app/btn_app_open.png) no-repeat 0 0;cursor:pointer} 
#groups_add_app .list .opened_box .more_close {float:left;width:7px;height:4px;margin-left:13px;margin-top:18px;background:url(/images/v4/groups/add_app/btn_app_close.png) no-repeat 0 0;cursor:pointer}
#groups_add_app .list .opened_box .more_close_with_text {width:41px;height:10px;margin-left:453px;background:url(/images/v4/groups/add_app/btn_app_close_with_text.png) no-repeat 0 0;cursor:pointer}
#groups_add_app .list .opened_box .content {margin:9px 18px 0 18px}
#groups_add_app .list .opened_box .content .description {font:11px Dotum;color:#000;letter-spacing:0;border-top:1px solid #caf0ff; border-bottom:1px solid #caf0ff;padding:11px 0 15px 0}
#groups_add_app .list .opened_box .content .desc {margin-bottom:5px}
#groups_add_app .list .opened_box .content .tit {font:12px Dotum;color:#A74060;font-weight:bold;letter-spacing:-1px;line-height:20px;height:20px}

#groups_add_app .list .opened_box .screenshot {padding-top:15px;}
#groups_add_app .list .opened_box .screenshot .cont {position:relative;}
#groups_add_app .list .opened_box .screenshot .cont .navi {padding:2px 0 6px 223px;height:12px;}
#groups_add_app .list .opened_box .screenshot .cont .navi a {display:block;width:12px;height:12px;float:left;background:url(/images/v3/groups/btn_pagemark.png) 0 0 no-repeat;font-size:1px;margin:0 2px;cursor:pointer}
#groups_add_app .list .opened_box .screenshot .cont .navi a.active {background:url(/images/v3/groups/btn_pagemark_on.png) 0 0 no-repeat;}
#groups_add_app .list .opened_box .screenshot .cont .scrollable {position:relative;overflow:hidden;width:400px;height:420px;margin-left:53px;}
#groups_add_app .list .opened_box .screenshot .cont .scrollable .items {position:absolute;width:1000000px;clear:both;}
#groups_add_app .list .opened_box .screenshot .cont .scrollable .items div {float:left;}
#groups_add_app .list .opened_box .screenshot .cont .navi_arrow {text-align:center;}
#groups_add_app .list .opened_box .screenshot .cont .navi_arrow .prev {cursor:pointer;}
#groups_add_app .list .opened_box .screenshot .cont .navi_arrow .next {cursor:pointer;}
#groups_add_app .list .opened_box .screenshot .coming_soon {padding-top:25px;padding-bottom:80px;}

#usage_tip {}
#usage_tip .gatab { width:655px;height:38px;overflow:hidden; position:relative; background-repeat:no-repeat; }
#usage_tip .hide { position:absolute;top:12px;right:12px; }
#usage_tip .arrow { width:655px;height:6px;overflow:hidden; }

/* comments widget */
.comments_widget { background-color:#fff; }
.comments_widget .no_bottom_border {padding-bottom:0px;}
.comments_widget .input_panel .form {padding:10px 15px 0 15px;}
.comments_widget .input_panel .bn_helper {position:absolute;bottom:-9px; left:62px;}
.comments_widget .input_panel .bn_helper .bn_inner {font:12px Dotum;color:white;background-color:#d64646;padding:5px 5px 2px 5px;}
.comments_widget .input_panel .bn_helper .bn_inner .author {font-weight: bold;}
.comments_widget .input_panel .bn_helper .bn_inner img {vertical-align:bottom;}
.comments_widget .input_panel .bn_helper .bn_inner img.cancel_reply {cursor:pointer;vertical-align:top;}
.comments_widget .input_panel .form .inner {border-collapse:collapse;}
.comments_widget .input_panel .form .inner textarea {line-height:150%;}
.comments_widget .input_panel .form .inner .photo {}
.comments_widget .input_panel .form .inner .cont {padding-left:10px;font-size:0px}
.comments_widget .input_panel .form .inner .cont .message {font-size:0px;}
.comments_widget .input_panel .form .inner .cont .message textarea {display:none;font:14px Dotum; width:500px;height:40px;min-height:40px;line-height:150%;padding:4px;border:1px solid #DDE4E9;margin:0;color:#4d4d4d;}
.comments_widget .input_panel .form .inner .button {float:right;padding:5px 0 4px 0;}
.comments_widget .input_panel .form .inner .button .tip {font:11px Dotum; color:#398fb7; letter-spacing:-1px; padding-right:5px;}
.comments_widget .input_panel .form .inner .button input {vertical-align:middle;}

.comments_widget .input_panel.collapsed .form {padding-bottom:10px;}
.comments_widget .input_panel.collapsed .form .button {display:none;}

.comments_widget .tab {padding:22px 15px 0; font:11px Dotum; color: #cdcfd4;}
.comments_widget .tab .item {color:#007ab1;letter-spacing:-1px;cursor:pointer;line-height:11px;}
.comments_widget .tab .selected {font-weight:bold;cursor:default;}

.comments_widget .list { overflow:hidden; }
.comments_widget .list .comment_panel { padding:12px 0 10px;margin:0 15px;font:12px Dotum;color:#4c4c4c;line-height:17px; }
.comments_widget .list .comment_panel .actor_photo_cell { width:50px; }
.comments_widget .list .comment_panel .message_cell { width:493px; }
.comments_widget .list .comment_panel .author {font:14px Dotum;color:#007ab1; font-weight:bold;line-height:17px;margin-right:7px;}
.comments_widget .list .comment_panel .message {font:14px Dotum;color:#333; letter-spacing:0; line-height:150%}
.comments_widget .list .comment_panel .time {font:11px Dotum;color:#BFBFBF;}
.comments_widget .list .comment_panel .delete_cell { width:12px; }
.comments_widget .list .comment_panel .delete_button {cursor:pointer;}
.comments_widget .list .comment_panel .reply_button {font:11px Dotum; color:#007ab1; cursor:pointer;}
.comments_widget .list .comment_panel .show_thread {font: 12px Dotum;color:#a6a6a6;cursor:help;}
.comments_widget .list .comment_panel .deleted {font: 12px Dotum;color:#BFBFBF;}

.comments_widget .list .tborder { border-top:1px solid #edf1f3;margin-top:2px; }
.comments_widget .list .tborder.reply { border:none;margin-top:0; }

.comments_widget .list .reply { padding:0 0 10px; }
.comments_widget .list .reply .actor_photo_cell { width:100px; }
.comments_widget .list .reply .message_cell { width:443px; }
.comments_widget .list .reply .author {font-size:12px;}
.comments_widget .list .reply .message {font-size:12px;color:#333;}
.comments_widget .list .reply .delete_cell { width:12px; }

.comments_widget .list .preview {float:left;height:90px;position:relative;margin-right:10px;}
.comments_widget .list .preview img.thumbnail {border:1px solid #cdcdcd;padding:1px;background-color:#fff;}
.comments_widget .list .preview_file {float:left;height:90px;width:90px;border:1px solid #dedede;position:relative;margin-right:10px;}
.comments_widget .list .preview_file div {border:3px solid #f0f0f0; background-color: #fdfdfd;padding:8px 2px;overflow:hidden; height:68px; width:80px;color:#404040;}
.comments_widget .list .preview img.zoom_btn {position:absolute; bottom: 0px; right: 2px; cursor: pointer;}
.comments_widget .list .source_image {float:right;}
.comments_widget .list .title {float:left;margin-bottom:3px;}
.comments_widget .list .title, .comments_widget .list .title a { font:12px Dotum; color: #007aba;} 
.comments_widget .list .image {clear:left;float:left;padding-right:10px;}
.comments_widget .list .image span {padding-left:5px;}
.comments_widget .list .image span.first {padding-left:0px;}
.comments_widget .more {cursor:pointer;font:12px Dotum;color:#00B3FF;padding:6px 0px 6px 28px;;height:18px;line-height:18px;border:1px solid #D0EBF5;}

/* theme : app */
.comments_theme_app .list .comment_panel .actor_photo_cell { width:35px; }
.comments_theme_app .list .comment_panel .actor_photo_cell .user_photo { width:35px !important;height:35px !important; }
.comments_theme_app .list .comment_panel .actor_photo_cell .user_photo img { width:35px;height:35px; }

.comments_theme_app .list .reply { padding:10px 0; }
.comments_theme_app .list .reply .actor_photo_cell { width:35px; }
.comments_theme_app .list .reply.tborder { border-top:1px solid #edf1f3; }

.comments_theme_app .input_panel { padding:10px 0; }
.comments_theme_app .input_panel .user_photo { width:35px !important;height:35px !important; }
.comments_theme_app .input_panel .user_photo img { width:35px;height:35px; }
.comments_theme_app .input_panel .form .inner .cont .message textarea { font:12px Dotum; color:#000; width:515px;height:17px;min-height:17px; padding:8px 4px; border:1px solid #DDE4E9; }


.preview_resource {overflow:hidden;width:105px;height:100px;}
.preview_resource .preview_resource_file {width:100px;height:100px; border:0;margin-right:5px; }
.preview_resource .file_type_image {background:url(/images/widget/comments/bg_file_image.png) no-repeat;}
.preview_resource .file_type_video {background:url(/images/widget/comments/bg_file_video.png) no-repeat;}
.preview_resource .file_type_doc {background:url(/images/widget/comments/bg_file_doc.png) no-repeat;}
.preview_resource .file_type_audio {background:url(/images/widget/comments/bg_file_audio.png) no-repeat;}
.preview_resource .file_type_zip {background:url(/images/widget/comments/bg_file_zip.png) no-repeat;}
.preview_resource .file_type_etc {background:url(/images/widget/comments/bg_file_etc.png) no-repeat;}
.preview_resource .preview_resource_file div {width:70px; height: 32px; overflow:hidden; font:11px Dotum; color: #0079B2; padding: 60px 15px 0px 15px; line-height:14px;}
.preview_resource .preview_resource_file div a {font:11px Dotum; color: #0079B2; line-height:14px;}
.preview_resource .zoom_btn {margin-left:-27px;margin-bottom:1px;cursor:pointer;}

/* threads */
.comments_threads {z-index:1000;}
.comments_threads ul li {padding:4px;border:0;}
.comments_threads ul li .author {font: 12px Dotum;color:#007ab1; line-height:150%;font-weight:bold;}
.comments_threads ul li .time {font:11px Dotum;color:#BFBFBF;letter-spacing:0px;}
.comments_threads ul li .new {color:#BFBF00;}
.comments_threads ul li .preview {float:left;height:90px;position:relative;margin-right:10px;}
.comments_threads ul li .preview img.thumbnail {border:1px solid #cdcdcd;padding:1px;background-color:#fff;}
.comments_threads ul li .preview_file {float:left;height:90px;width:90px;border:1px solid #dedede;position:relative;margin-right:10px;}
.comments_threads ul li .preview_file div {border:3px solid #f0f0f0; background-color: #fdfdfd;padding:8px 2px;overflow:hidden; height:68px; width:80px;color:#404040;}

/* resource widget */
.resource_widget .resource_menubar {padding-left:61px;}
.resource_widget .resource_menubar .desc {float:left;height:20px;line-height:20px;background:#fff url(/images/widget/resource/blt_add.png) 8px 5px no-repeat;padding-left:17px;padding-right:4px;}
.resource_widget .resource_menubar .resource_menu, .resource_widget .resource_menubar .add_helper {float:left;cursor:pointer;padding-top:5px;}
.resource_widget .resource_menubar .selected {}
.resource_widget .resource_forms {float:left;width:100%;}
.resource_widget .resource_form {border:3px solid #f2f2ef;background-color:#f2f2ef;padding:0px;}
.resource_widget .resource_form .resource_form_head {height:12px;padding-top:3px;padding-right:3px;}
.resource_widget .resource_form .resource_form_head span.close {float:right;cursor:pointer;}
.resource_widget .resource_form .resource_form_body {padding:5px 15px 15px 15px;}
.resource_widget .resource_form .input_field {border:5px solid #7ca535;padding:2px;height:18px;background-color:#FFFFFF;}
.resource_widget .resource_form .input_field input {border:0;margin:0;padding:0;background-color:#FFFFFF;font: 12px Dotum;color:#000;font-weight:normal;letter-spacing:0;}
.resource_widget .resource_form .search_input {float:left;padding-left:88px;}
.resource_widget .resource_form .search_input .input_field {float: left;}
.resource_widget .resource_form .search_input .btn_search {float: left;margin-left: 4px;cursor: pointer;}
.resource_widget .resource_form .search_result {margin-top:10px;margin-left:36px;}
.resource_widget .resource_form .search_result .paginate {text-align:center;padding:0px 10px;}
.resource_widget .resource_form_image .input_field input {width:289px;}
.resource_widget .resource_form_image .image_upload_frame {float:left;border:0;margin-left:10px;margin-top:3px;width:84px;height: 26px;}
.resource_widget .resource_form_image .resource_form_sponsor {margin-top:8px;padding-right:51px;text-align:left;font:11px Dotum;color:#7ca535;width:298px;height:14px;letter-spacing:-1px;background:url(/images/widget/resource/google.png) no-repeat right center;}
.resource_widget .resource_form_video .input_field input {width: 289px;}
.resource_widget .resource_form_video .search_input {padding-top:10px;padding-bottom:14px;}
.resource_widget .resource_form_video .resource_form_help {padding-top:5px;font:11px Dotum;color:#7ca535;letter-spacing:-1px;}
.resource_widget .resource_form_video .resource_form_sponsor {float:right;padding-right:3px;margin-top:-20px;}
.resource_widget .resource_form_link {text-align: left;padding:15px 19px 0;}
.resource_widget .resource_form_link .input_field {margin-bottom: 4px;}
.resource_widget .resource_form_link .input_field input {width: 100%;}
.resource_widget .resource_form_link {margin: 11px 0;}
.resource_widget .resource_form_file .file_upload_frame {width:84px;height: 32px;}
.resource_widget .resource_form_file .resource_form_help {padding-top:7px;font:11px Dotum;color:#7ca535;letter-spacing:-1px;}

/* attachment widget */
.attachment_widget {}
.attachment_widget .attachment_menubar {}
.attachment_widget .attachment_menubar .desc {float:left;height:20px;line-height:20px;background:#fff url(/images/widget/attachment/blt_add.png) 8px 5px no-repeat;padding-left:17px;padding-right:4px;}
.attachment_widget .attachment_menubar .attachment_menu, .attachment_widget .attachment_menubar .add_helper {float:left;cursor:pointer;}
.attachment_widget .attachment_menubar .attachment_menu {border-right:1px solid #a3c9e0;}
.attachment_widget .attachment_menubar .attachment_menu.last {border-right:none;}
.attachment_widget .attachment_menubar .selected {}
.attachment_widget .attachment_forms {float:left;width:100%;}
.attachment_widget .attachment_form .attachment_form_head {height:15px;padding-bottom:5px;}
.attachment_widget .attachment_form .attachment_form_head .title {float:left;}
.attachment_widget .attachment_form .attachment_form_head .close {float:right;cursor:pointer;}
.input_panel .attachment_widget .attachment_form .attachment_form_body {}
.input_panel.reply_input .attachment_widget .attachment_form .attachment_form_body {}

.attachment_widget .attachment_form { width:100%;border-collapse:collapse; }
.attachment_widget .attachment_form .tl, .attachment_widget .attachment_form .t, .attachment_widget .attachment_form .tr, .attachment_widget .attachment_form .l, .attachment_widget .attachment_form .c, .attachment_widget .attachment_form .r, .attachment_widget .attachment_form .bl, .attachment_widget .attachment_form .b, .attachment_widget .attachment_form .br { background-color:#dfeef7; }
.attachment_widget .attachment_form .tl, .attachment_widget .attachment_form .tr, .attachment_widget .attachment_form .bl, .attachment_widget .attachment_form .br { width:5px; height:5px; background:url(/images/widget/attachment/bg_round.png?v1) no-repeat; }
.attachment_widget .attachment_form .t, .attachment_widget .attachment_form .b { height:5px; }
.attachment_widget .attachment_form .l, .attachment_widget .attachment_form .r { width:5px; }
.attachment_widget .attachment_form .tl { background-position:0 0; }
.attachment_widget .attachment_form .tr { background-position:-5px 0; }
.attachment_widget .attachment_form .bl { background-position:0 -5px; }
.attachment_widget .attachment_form .br { background-position:-5px -5px; }
.attachment_widget .attachment_form .c { padding:0; }

span.original_context_url {font :11px Dotum;  color: #6d5c6d; line-height:1.5em;}
span.original_context_url a {font :11px Dotum;  color: #6d5c6d;}

div.jGrowl div.nwall {width: 142px !important;height: 82px !important;padding: 0px !important;overflow: hidden;cursor: default;background:#fff url(/images/widget/comments/bg_noticepop.gif) no-repeat; }
div.jGrowl div.nwall div.message {padding:20px 10px !important;font: 11px Dotum;color:#4e4e4e;line-height:18px;cursor:pointer;}
div.jGrowl div.nwall div.message .strong {color: #0078b4;font-weight:bold;}
div.jGrowl div.nwall div.close {background:url(/images/widget/comments/btn_noticepop_x.gif) no-repeat top center;padding:0px;margin:3px;width:12px;cursor:pointer;}

/* customized widget */
.comments_widget .input_panel .attachments, .comments_widget .reply_input .attachments {float:left; width:200px; padding-top:8px;}
.comments_widget .input_panel .attachments.expanded, .comments_widget .reply_input .attachments.expanded {width:100%;}
.comments_widget .input_panel.collapsed .attachments, .comments_widget .reply_input.collapsed .attachments {display:none;}

.comments_widget .reply_input_talktalk .form, .comments_widget .input_panel_talktalk .form {background: #bad9ec;}
.comments_widget .input_panel .input_top_talktalk { width: 600px; height:7px; overflow:hidden; background:url(/images/widget/comments/talktalk/bg_inputbox.png) no-repeat center top; position:relative;}
.comments_widget .input_panel .input_bottom_talktalk { width: 600px; height:7px; overflow:hidden; background:url(/images/widget/comments/talktalk/bg_inputbox.png) no-repeat center -7px;}

.comments_widget .reply_input_app .form, .comments_widget .input_panel_app .form {background: #bad9ec;}
.comments_widget .input_panel .input_top_app { width: 600px; height:7px; background:url(/images/widget/comments/app/bg_inputbox.png) no-repeat center top; position:relative;}
.comments_widget .input_panel .input_bottom_app { width: 600px; height:7px; background:url(/images/widget/comments/app/bg_inputbox.png) no-repeat center -7px; }

.comments_widget .input_panel_feedback .resources, .comments_widget .reply_input_feedback .resources {background-color: #c2e5f6;}
.comments_widget .reply_input_feedback .form, .comments_widget .input_panel_feedback .form {background: #c2e5f6;}

.comment_panel .round_box { background-color:#e6e8e9;}
.comment_panel .round_box .tl { width:7px;height:7px; background:url(/images/widget/content/img_round_attatbox.png?v1) no-repeat 0 0; }
.comment_panel .round_box .tr { width:7px;height:7px; background:url(/images/widget/content/img_round_attatbox.png?v1) no-repeat -7px 0; }
.comment_panel .round_box .bl { width:7px;height:7px; background:url(/images/widget/content/img_round_attatbox.png?v1) no-repeat 0 -7px; }
.comment_panel .round_box .br { width:7px;height:7px; background:url(/images/widget/content/img_round_attatbox.png?v1) no-repeat -7px -7px; }
.comment_panel .round_box .t, .comment_panel .round_box .b, .comment_panel .round_box .l, .comment_panel .round_box .r { background-color:#e6e8e9; }
.comment_panel .round_box .c { padding:0; }

/* photoalbum */
.comment_panel .photoalbum.wall_contents .hidden_content { display:block;padding-top:2px; }
.comment_panel .photoalbum.wall_contents .expand { display:none;text-align:right;padding:5px 0;font:11px Dotum;color:#333; }
.comment_panel .photoalbum.wall_contents .expand strong { color:#007ab1;font-weight:normal; }
.comment_panel .photoalbum.wall_contents .collapse { display:block;text-align:right;padding:5px 0;font:11px Dotum;color:#007ab1; cursor:pointer; }
.comment_panel .photoalbum.wall_contents.collapsed .hidden_content { display:none; }
.comment_panel .photoalbum.wall_contents.collapsed .expand { display:block;cursor:pointer; }
.comment_panel .photoalbum.wall_contents.collapsed .collapse { display:none; }

.input_panel .attachment_form_body .photoalbum { padding:10px 14px;min-height:56px; _height:56px }
.reply_input .attachment_form_body .photoalbum { padding:10px 2px;min-height:56px; _height:56px }

/* musicbox */
.comment_panel .musicbox.wall_contents .hidden_content { padding-top:2px; }
.comment_panel .musicbox.wall_contents .expand { display:none;text-align:right;font:11px Dotum;color:#333; }
.comment_panel .musicbox.wall_contents .expand strong { color:#007ab1;font-weight:normal; }
.comment_panel .musicbox.wall_contents .collapse { display:block;text-align:right;font:11px Dotum;color:#007ab1; }
.comment_panel .musicbox.wall_contents.collapsed .hidden_content { display:none; }
.comment_panel .musicbox.wall_contents.collapsed .expand { display:block; }
.comment_panel .musicbox.wall_contents.collapsed .collapse { display:none; }

.input_panel .attachment_form_body .musicbox { padding:10px 15px; }
.input_panel .attachment_form_body .musicbox .music-form { background-color:#fff; }
.input_panel .musicbox .border { background:url(/images/v4/apps/musicbox/img_dotline.png) repeat-x left top; }
.input_panel .musicbox .icon { width:16px; padding:3px 2px 2px; }
.input_panel .musicbox .title { font:11px Dotum;color:#000;line-height:16px; padding:3px 5px 2px; margin-bottom:0; }

/* video widget */
.video_widget .top_header {padding-bottom:10px;font:normal 14px Dotum;}
.video_widget .select_search_w {font:normal 11px Dotum;text-align:center;line-height:20px;color:#1c91b9;overflow:hidden;}
.video_widget .select_search_w .search_video_f {float:left;height:42px;width:115px;padding:12px 48px 12px 85px;overflow:hidden;}
.video_widget .select_search_w .search_vline {float:left;background:url(/images/v4/apps/video/img_dotline_attach.png) repeat-y;overflow:hidden;height:66px;width:2px;}
.video_widget .select_search_w .embed_video_f {float:left;height:42px;width:115px;padding:12px 0 12px 50px;overflow:hidden;}

.video_widget .new_by_embed {padding:10px 0 10px 0;}
.video_widget .new_by_embed .embed_window {padding-left:35px;}
.video_widget .new_by_embed .embed_field_w {}
.video_widget .new_by_embed .embed_field_w .embed_field {float:left;height:40px;overflow:hidden;}
.video_widget .new_by_embed .embed_field_w .embed_field textarea {width:363px;height:36px;border:1px solid #a5d1e9;background-color:white;padding:2px;font:normal 12px Dotum;color:#333;letter-spacing:0;}
.video_widget .new_by_embed .embed_field_w .preview_btn {float:left;padding:6px 0 0 4px;overflow:hidden;}
.video_widget .new_by_embed .embed_message {font:normal 11px Dotum;color:#1b90b8;padding:10px 0 6px 0;}
.video_widget .vspace {height:10px;}
.video_widget .vspace2 {height:30px;}
.video_widget .vspace3 {height:7px;}

.video_widget .new_by_search {}
.video_widget .new_by_search .search_youtube {padding:5px 0 0 50px;letter-spacing:0;}
.video_widget .new_by_search .search_youtube .search_field_w {float:left;width:270px;overflow:hidden;padding-top:16px;}
.video_widget .new_by_search .search_youtube .search_field_w .search_field {float:left;}
.video_widget .new_by_search .search_youtube .search_field_w .search_field input {font:normal 12px Dotum;color:#333;width:210px;border:1px solid #abd0e9;padding:4px 2px 2px 2px;height:19px;}
.video_widget .new_by_search .search_youtube .search_field_w .search_btn {float:left;width:37px;height:27px;overflow:hidden;padding-left:3px;}
.video_widget .new_by_search .search_youtube .search_field_w .down {font:normal 11px Dotum;color:#398fb7;letter-spacing:-1px;}
.video_widget .new_by_search .search_youtube .logo_w {float:left;width:120px;height:60px;overflow:hidden;}
.video_widget .new_by_search .search_result {width:485px;margin:auto;overflow:hidden;padding-bottom:7px;}

.video_widget table.openapi_search_results {width:480px;}
.video_widget .openapi_search_results .paginate {text-align:center;}
.video_widget .openapi_search_results .paginate a {font-size:12px;;color:#4197d3;}
.video_widget .openapi_search_results .paginate strong {text-size:12px;color:#f12d00;}
.video_widget .openapi_search_result {}
.video_widget .openapi_search_result .api_desc {font:normal 11px Dotum;color:#4197d3;letter-spacing:0;}

#acceptance {width:526px; clear:both;text-align:center;margin:0 auto;margin-top:35px;}
#acceptance pre {margin:0}
#acceptance .top_border {text-align:left; height:83px; background:url(/images/v3/acceptance/bg_inviteletter_t.png) no-repeat}

#acceptance .contents {padding:20px 30px 0px 30px;background:url(/images/v3/acceptance/bg_inviteletter_m.png) center repeat-y}
#acceptance .left_side {width:320px; float:left}
#acceptance .right_side {float:left; width:140px; background:url(/images/v3/acceptance/divide_ver.png) left no-repeat}

#acceptance .to {padding-left:30px; padding-top:45px; font:16px Dotum; font-weight:bold; color:#007ab1}

#acceptance .user_list {padding:1px 0px 1px 20px; text-align:left;}
#acceptance .user_list .title {font:11px Dotum; color:#000; font-weight:bold;} 
#acceptance .user_list .desc {font:11px Dotum; color:#000}
#acceptance .user_list .contacts {margin-top:15px}
#acceptance .user_list .contacts li {padding-bottom:2px}
#acceptance .user_list .contacts .thumbnail {float:left}
#acceptance .user_list .contacts .info {float:left;width:75px;padding:1px 0 1px 8px; text-align:left; font:11px Dotum; font-weight:normal; color:#007AB1}
#acceptance .user_list .contacts .nickname {font-weight:bold; cursor:pointer; line-height:120%}

#acceptance .left_side .confirm_invitation {padding-right:20px;text-align:left;}

#acceptance .left_side .confirm_invitation .basic_info {}
#acceptance .left_side .confirm_invitation .photo {float:left;width:80px;height:80px;margin-right:10px;}
#acceptance .left_side .confirm_invitation .info {float:left;width:210px;font:12px Dotum;color:#000000;line-height:18px;}
#acceptance .left_side .confirm_invitation .info .nickname {color:#007ab1;font:bold 12px Dotum;}
#acceptance .left_side .confirm_invitation .info .group_title {font-weight:bold;}

#acceptance .left_side .confirm_invitation .message {margin-top:14px;font:12px Dotum;color:#000000;background-color:#e3f0f6;padding:10px;line-height:16px;}

#acceptance .left_side .confirm_invitation .btn_area {margin-top:15px;text-align:right;}
#acceptance .left_side .confirm_invitation .notification {margin-top:20px;color:#a6a6a6;font:11px Dotum;line-height:14px;}
#acceptance .left_side .confirm_invitation .app_desc {margin-top:6px;color:#a6a6a6;font:11px Dotum;line-height:14px;}
#acceptance .left_side .confirm_invitation .app_desc .text {float:left;padding-top:10px;width:160px;}
#acceptance .left_side .confirm_invitation .app_desc .image {float:right;width:135px;height:47px;}

#acceptance .left_side .accept_invitation {padding-right:20px;text-align:left;}
#acceptance .left_side .accept_invitation .top_desc {font:12px Dotum;line-height:18px;padding-bottom:8px;}
#acceptance .left_side .accept_invitation .top_desc span {font-weight:bold;}
#acceptance .left_side .accept_invitation .box {padding:17px 25px 25px 25px;background-color:#e3f0f6;}
#acceptance .left_side .accept_invitation .box table {border-collapse:collapse;}
#acceptance .left_side .accept_invitation .box table td {padding:3px 0;}
#acceptance .left_side .accept_invitation .box table td.label {width:65px;font:bold 11px Dotum;color:#000000;vertical-align:top;padding-top:9px;}
#acceptance .left_side .accept_invitation .box table td.input {color:#ff0000;font:11px Dotum;}
#acceptance .left_side .accept_invitation .box table td.input .tip {color:#808080;font:11px Dotum;margin:5px 0 0 1px;line-height:14px;}
#acceptance .left_side .accept_invitation .box table td.input input {width:175px;border:1px solid #c8e3f0;color:#000000;height:14px;padding:3px;font:12px Dotum;}
#acceptance .left_side .accept_invitation .box .lost_password {color:#007ab1;font:11px Dotum;padding:2px 0 0 67px;}
#acceptance .left_side .accept_invitation .box .lost_password a {color:#007ab1;}
#acceptance .left_side .accept_invitation .box .terms_area {color:#000000;font:11px Dotum;margin-top:14px;}
#acceptance .left_side .accept_invitation .box .terms_area .check {float:left;height:13px;}
#acceptance .left_side .accept_invitation .box .terms_area .check input {width:13px;height:13px;}
#acceptance .left_side .accept_invitation .box .terms_area .terms {float:left;color:#000000;font:11px Dotum;height:11px;padding:1px 0 1px 4px;}
#acceptance .left_side .accept_invitation .box .terms_area .terms a {color:#000000;font:11px Dotum;}
#acceptance .left_side .accept_invitation .box .terms_area .fieldWithErrors {color:#ff0000;font:11px Dotum;}
#acceptance .left_side .accept_invitation .btn_area {text-align:right;margin-top:15px;}
#acceptance .left_side .accept_invitation .already_account {margin-top:13px;}
#acceptance .left_side .accept_invitation .new_account {margin-bottom:13px;}
#acceptance .left_side .accept_invitation .account_change .image {float:left;margin-right:6px;}
#acceptance .left_side .accept_invitation .account_change .text {float:left;width:250px;}
#acceptance .left_side .accept_invitation .account_change .text .bold_desc {font:bold 11px Dotum;color:#007ab1;line-height:14px;}
#acceptance .left_side .accept_invitation .account_change .text .normal_desc {font:11px Dotum;color:#000000;margin-top:2px;}




#bottom {position:absolute; bottom:0px; width:100%; height:123px; z-index:-1; background-color:#98C9F6; }
#center_container { margin:12px 0;}
#about_header_round { background:transparent url(/images/v3/static/about/img_round_top.png) no-repeat left top;height:12px;}
#about_header {background:white;padding:16px 55px 5px;text-align:left; }
#about_header img{margin:5px 0;}

#about { padding:0 55px;width:790px;background:white;text-align:left;}

#about .leftside { float:left; width:170px;}
#about .leftside li { cursor:pointer;padding:5px 6px 4px;height:16px;border-bottom:1px solid #d2f1ff;font:12px Dotum; color:#ab516d; font-weight:bold; letter-spacing:-1px;line-height:16px;}
#about .leftside li img { float:left;padding-right:5px;vertical-align:middle;}
#about .leftside li.selected { background:#bc5273 url(/images/v3/static/about/arrow_r.png) no-repeat 155px 8px;color:white;border-color:#bc5273;}
#about .leftside li.none {border:0;height:24px;cursor:default;}
#about .leftside li.last {border:0;}
#about .leftside .bug_help_text {width:158px;font:11px Dotum;color:#808080;letter-spacing:-1px;margin:8px 0;padding:0 6px;}
#about .rightside { float:right; width:600px;}
#about .rightside .about_title {width:588px;padding:5px 6px 4px;height:16px;border-top:1px solid #46b0e3;font:12px Dotum;background-color:#46b0e3;font-weight:bold;color:white;}
#about .rightside .about_sub_title {font:16px Dotum;color:#379ecc;letter-spacing:-1px;font-weight:bold;padding:20px 10px;}
#about .rightside .about_sub_sub_title {font-weight:bold;padding-left:10px}
#about .rightside .about_description_title {color:#3da8ea;}
#about .rightside .about_screenshot img {padding-bottom:10px;}
#about .rightside .about_description {font:12px Dotum;color:#4d4d4d;font-weight:normal;padding:10px;line-height:18px;letter-spacing:-1px;white-space:pre}
#about .rightside .about_description .about_description_bold {color:#bc5273;}
#about_bottom_round { background:transparent url(/images/v3/static/about/img_round_bottom.png) no-repeat left top;height:12px;}

/* bug report & idea & notice */
.content_panel .menu { position:relative; font: 12px Dotum; color: #BC5273; letter-spacing:-1px; }
.content_panel .menu .menu_item { font-weight: bold; cursor:pointer; }
.content_panel .menu .helper { position:absolute; right:0; font:11px Dotum;color:#808080; }
.content_panel .menu .left { float:left; }
.content_panel .menu .right { float:right; }
.content_panel .indicator {clear:both;margin:5px 0 10px;border-bottom:3px solid #bc5273; font-size:5px; }


#notice_panel .notice_content .post_content {margin-top:16px;font:12px Dotum;color:#4C4C4C;letter-spacing:-1px;line-height:18px;position:relative;overflow:hidden;width:588px;padding:0 !important;}
#notice_panel .menu {padding:7px; height:11px;background-color:#00b5e6;width:586px;}
#notice_panel .menu span.left {font:12px Dotum;float:left; color:#fff;cursor:pointer;}
#notice_panel .menu span.left a {font-weight:bold;color:#fff;}
#notice_panel .menu span.right {font:11px Dotum;float:right; color:#fff;cursor:pointer;}

#notice_panel .long .short {display:none;}
#notice_panel .short .long {display:none;}

.notice_content .short td, .notice_content .long td {border-bottom:1px solid #d2f1ff;padding:8px 0px;}
.notice_content td.last {border-bottom:0;}

.notice_content .short .title, .notice_content .short .title a {font:12px Dotum; color:#000;cursor:pointer;overflow:hidden;}
.notice_content .short .date {font:11px Dotum; color:#bfbfbf;}
.notice_content .long .title, .notice_content .long .title a {font:bold 14px Dotum; color:#379ecc; letter-spacing:-1px;padding-bottom:20px;width:580px;overflow:hidden;}
.notice_content .long .date {font:11px Dotum; color:#bfbfbf;padding:3px 0;}

.notice_content .paginate {font:bold 12px Dotum; color: #00b1e5;}
.notice_content .paginate a, .notice_content .paginate span {padding:0 5px;}
.notice_content .paginate a {font:bold 12px Dotum; color: #00b1e5;}
.notice_content .paginate span.disabled {font:bold 12px Dotum; color:#b4dff2;}
.notice_content .paginate span.current {font:bold 12px Dotum; color:#bc5273;}


/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list-facebook {
    list-style-type: none;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
}

li.token-input-token-facebook {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 3px;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: none;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #3b5998;
    color: #fff;
}



.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  text-align: left;
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
}

.ac_loading {
  /* background: white url('indicator.gif') right center no-repeat; */
}

.ac_odd {
  background-color: #eee;
}

.ac_over {
  background-color: #0A246A;
  color: white;
}