@charset "utf-8";
/* CSS Document */


#gnb2 #connect-window-btn a{
	background:url(../connectimg/btn_connect_window.png) no-repeat;
}

#gnb2 #connect-window.open #connect-window-btn a:hover{
    background-position:0 -96px !important;
}

#gnb2 #connect-window-btn #connect-message-num{
    background:url(../connectimg/bg_gnb_message_num_left.png) no-repeat left center;
    font-family: Arial, Helvetica, sans-serif;
    color:#fff;
}

#gnb2 #connect-window-btn #connect-message-num strong{
    background:url(../connectimg/bg_gnb_message_num.png) no-repeat right center;
    font-family: Arial, Helvetica, sans-serif;
    color:#fff;
}

#gnb2 #connect-chatwindow-main #connect-msgheader h1{
    position: relative;
    left: auto;
}



/* .no-data */
#gnb2 #connect-chatwindow-main ul.character-list li div.connect-nodata{
    font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
    font-size:12px;
    line-height:1.5;
    padding: 20px 0 0 0;
    text-align: center;
    color: #333;
}

/* .error-message */
#gnb2 #connect-chatwindow-main #connect-error-message{
    position:absolute;
    left:54px;
    top:150px;
    width: 240px;
    padding:10px;
    background:url(../connectimg/bg_connect_overlay.png) repeat;
    display: none;
    font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
    font-size:12px;
    line-height:1.5;
    text-align: center;
    color: #fff;
}



/* #connect-gnb-about ************************************************************************************************/
#gnb2 #connect-window-about{
position:absolute;
right:18px;
top:34px;
padding-bottom:3px;
width:266px;
font-size:12px;
color:#fff;
line-height:1.5;
letter-spacing:-0.1em;
background:url(../connectimg/bg_connect_about_btm.png) no-repeat left bottom;
z-index:0;
	display: none;
}

#gnb2 #connect-window-about > div{
padding:0 2px;
background:url(../connectimg/bg_connect_about.png) repeat-y left top;
}

#gnb2 #connect-window-about p{
margin:0;
padding:7px 10px 3px 17px;
border-top:solid 1px #000;
border-bottom:solid 1px #000;

    font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
    font-size:12px;
    line-height:1.5;
    color:#fff;
    text-align: left;
}

#gnb2 #connect-window-about p a{
color:#0aa0d2;
}

#gnb2 #connect-window-about p a:hover{
text-decoration:none;
}


/* #connect-msg-alert ************************************************************************************************/
#gnb2 #connect-msg-alert{
position:absolute;
top:26px;
right:35px;
width:234px;
padding-top:19px;
font-size:12px;
background:url(../connectimg/bg_connect_msgalert_top.png) no-repeat left top;
z-index:2;
    display: none;
}

#gnb2 #connect-msg-alert > div{
padding-bottom:11px;
background:url(../connectimg/bg_connect_msgalert_btm.png) no-repeat left bottom;
}

#gnb2 #connect-msg-alert > div > dl{
padding-left:30px;
background:url(../connectimg/bg_connect_msgalert.png) repeat-y left top;
overflow:hidden;
}

#gnb2 #connect-msg-alert > div dl,
#gnb2 #connect-msg-alert > div dt,
#gnb2 #connect-msg-alert > div dd{
margin:0;
}

#gnb2 #connect-msg-alert > div > dl > dt{
font-weight:bold;
font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
line-height:1.5;
text-align: left;
color:#333333;
}

#gnb2 #connect-msg-alert > div > dl > dd > dl > dt{
float:left;
clear:left;
margin-right:5px;
font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
line-height:1.5;
text-align: left;
color:#333333;
}

#gnb2 #connect-msg-alert > div > dl > dd > dl > dd{
font-weight:bold;
color:#be0000;
font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
line-height:1.5;
text-align: left;
}


/* #gnb2 #connect-chatwindow ************************************************************************************************/
/*---------------------------------------------------------------------------- common ----------------------------------------------------------------------------*/
#gnb2 #connect-chatwindow p,
#gnb2 #connect-chatwindow ul,
#gnb2 #connect-chatwindow ol,
#gnb2 #connect-chatwindow dl,
#gnb2 #connect-chatwindow li,
#gnb2 #connect-chatwindow dt,
#gnb2 #connect-chatwindow dd,
#gnb2 #connect-chatwindow h1,
#gnb2 #connect-chatwindow h2,
#gnb2 #connect-chatwindow h3,
#gnb2 #connect-chatwindow h4,
#gnb2 #connect-chatwindow h5,
#gnb2 #connect-chatwindow h6,
#gnb2 #connect-chatwindow input,
#gnb2 #connect-chatwindow select,
#gnb2 #connect-chatwindow textarea{
margin:0;
padding:0;
*zoom:1;
    color:#333;
}

#gnb2 #connect-chatwindow body,
#gnb2 #connect-chatwindow td,
#gnb2 #connect-chatwindow th,
#gnb2 #connect-chatwindow p,
#gnb2 #connect-chatwindow ul,
#gnb2 #connect-chatwindow ol,
#gnb2 #connect-chatwindow li,
#gnb2 #connect-chatwindow dl,
#gnb2 #connect-chatwindow dt,
#gnb2 #connect-chatwindow dd,
#gnb2 #connect-chatwindow h1,
#gnb2 #connect-chatwindow h2{
font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
line-height:1.5;
    color:#333;
    text-align: left;
}

#gnb2 #connect-chatwindow h2{
padding:0 0 0 10px;
height:26px;
line-height:26px;
font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
font-weight:bold;
border-top:solid 1px #fff;
background:url(../connectimg/bg_connect_title.png) repeat-x left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow div.connect-section.maplestory h2{
color:#be0000;
}

#gnb2 #connect-chatwindow div.connect-section.talesweaver h2{
color:#7040b9;
}

#gnb2 #connect-chatwindow div.connect-section.mabinogi h2{
color:#46aad3;
}

#gnb2 #connect-chatwindow div.connect-section.heroes h2{
color:#06a271;
}

#gnb2 #connect-chatwindow div.connect-section.sa h2{
color:#9e6f25;
}

#gnb2 #connect-chatwindow div.connect-section.cso h2{
color:#333333;
}

#gnb2 #connect-chatwindow h2 strong{
color:#393936;
}

#gnb2 #connect-chatwindow body{
color:#fff;
}

#gnb2 #connect-chatwindow a {
color:#fff;
}

#gnb2 #connect-chatwindow a:visited {
color:#fff;
}

#gnb2 #connect-chatwindow a:active {
color:#fff;
}

#gnb2 #connect-chatwindow a:hover {
color:#fff;
text-decoration:none;
}

#gnb2 #connect-chatwindow li{
list-style:none;
}

#gnb2 #connect-chatwindow img{
vertical-align:bottom;
}

#gnb2 #connect-chatwindow input,
#gnb2 #connect-chatwindow select,
#gnb2 #connect-chatwindow textarea{
font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
line-height:20px;
border:solid 1px #999996;
background:#fff;
}

#gnb2 #connect-chatwindow input[type="text"],
#gnb2 #connect-chatwindow input[type="password"]{
}

#gnb2 #connect-chatwindow input[type="checkbox"],
#gnb2 #connect-chatwindow input[type="radio"],
#gnb2 #connect-chatwindow input[type="submit"],
#gnb2 #connect-chatwindow input[type="image"],
#gnb2 #connect-chatwindow input[type="reset"],
#gnb2 #connect-chatwindow input[type="buttom"]{
border:none;
background:none;
/*color:inherit;*/
vertical-align:middle;
}

#gnb2 #connect-chatwindow select{
font-size:11px;
}
/*---------------------------------------------------------------------------- common ----------------------------------------------------------------------------*/

#gnb2 #connect-chatwindow{
position:absolute;
right:18px;
top:34px;
padding-bottom:4px;
width:370px;
background:url(../connectimg/bg_connect_chatwindow_btm.png) no-repeat center bottom;
	display: none;
}

#gnb2 #connect-chatwindow-main{
position:relative;
padding:0 3px;
width:364px;
background:url(../connectimg/bg_connect_chatwindow.png) repeat-y center top;
}

/* info-character */
#gnb2 #connect-chatwindow-main dl.info-character{
position:relative;
padding:10px 0 10px 10px;
/*font-size:12px;*/
overflow:hidden;
}

#gnb2 #connect-chatwindow-main dl.info-character.mute{
background:url(../connectimg/icon_connect_mute.png) no-repeat 250px center; 
}


#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-icheck{
    float:left;
    position:relative;
    padding: 6px 10px 0 0;
}


#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face{
float:left;
position:relative;
margin-right:6px;
width:34px;
height:34px;
}

#gnb2 #connect-chatwindow-main dt.connect-face > span.connect-face-cover{
position:absolute;
left:0;
top:0;
width:34px;
height:34px;
overflow:hidden;

    display: block;
}

#gnb2 #connect-chatwindow-main #connect-status dl.info-character > dt.connect-face > span.connect-face-cover{
background:url(../connectimg/cover_connect_icon_status.gif) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow dl.info-character > dt.connect-face > span.connect-face-cover,
#gnb2 #connect-chatwindow-main #connect-mainwindow dd.connect-message > dl > dt.connect-face > span.connect-face-cover,
#gnb2 #connect-chatwindow-main #connect-modalwindow dl.info-character > dt.connect-face > span.connect-face-cover{
background:url(../connectimg/cover_connect_icon_default.gif) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgwindow dd.connect-message > dl > dt.connect-face > span.connect-face-cover{
background:url(../connectimg/cover_connect_icon_default.gif) no-repeat left top;
}

#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-ms,
#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-mb,
#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-tw,
#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-mh,
#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-sa,
#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-cs{
position:absolute;
left:0;
bottom:0;
display:block;
padding-top:9px;
width:16px;
height:0;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-cs{
width:20px;
}

#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-ms{
background:url(../connectimg/icon_connect_game_ms.gif) no-repeat left top;
}

#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-mb{
background:url(../connectimg/icon_connect_game_mb.gif) no-repeat left top;
}

#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-tw{
background:url(../connectimg/icon_connect_game_tw.gif) no-repeat left top;
}

#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-mh{
background:url(../connectimg/icon_connect_game_mh.gif) no-repeat left top;
}

#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-sa{
background:url(../connectimg/icon_connect_game_sa.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main dl.info-character > dt.connect-face > span.connect-cs{
background:url(../connectimg/icon_connect_game_cs.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main dl.info-character > dd{
white-space:nowrap;
}

#gnb2 #connect-chatwindow-main dl.info-character > dd.connect-announce{
line-height:34px;
}

#gnb2 #connect-chatwindow-main dl.info-character > dd.connect-name,
#gnb2 #connect-chatwindow-main dl.info-character > dd.connect-server{
display:table-cell;
*display:inline;
*zoom:1;
line-height:16px;
}

#gnb2 #connect-chatwindow-main .character-list dl.info-character > dd.connect-name{
width:154px;
}

#gnb2 #connect-chatwindow-main .character-list dl.info-character > dd.connect-server{
padding-left:10px;
max-width:110px;
font-weight:bold;
white-space:nowrap;
background:url(../connectimg/line_connect_server.png) no-repeat left 2px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main dl.info-character > dd.connect-comment,
#gnb2 #connect-chatwindow-main dl.info-character > dd.connect-detail{
width:236px;
white-space:nowrap;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main dl.info-character.mute > dd.connect-comment{
width:180px;
}

#gnb2 #connect-chatwindow-main dl.info-character > dd.connect-detail > dl{
overflow:hidden;
}

#gnb2 #connect-chatwindow-main dl.info-character > dd.connect-detail > dl > dt,
#gnb2 #connect-chatwindow-main dl.info-character > dd.connect-detail > dl > dd{
display:table-cell;
*display:inline;
*zoom:1;
white-space:nowrap;
overflow:hidden;
}

/* info-profile */
#gnb2 #connect-chatwindow-main dl.info-profile{
position:relative;
padding:10px;
font-size:12px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dt.connect-face{
position:relative;
float:left;
width:60px;
height:60px;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dt.connect-face > span.connect-face-cover{
position:absolute;
left:0;
top:0;
width:60px;
height:60px;
background:url(../connectimg/cover_connect_icon_profile.gif) no-repeat left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd{
padding-left:70px;
*padding-left:10px;
white-space:nowrap;
line-height:16px;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.connect-gametitle{
*padding-left:70px;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.connect-detail{
padding-left:10px;
white-space:nowrap;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.connect-detail > dl{
overflow:hidden;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.connect-detail > dl > dt{
float:left;
clear:left;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.connect-comment{
position:relative;
top:-7px;
padding:15px 0 0 0;
width:316px;
background:url(../connectimg/bg_connect_comment_profile_top.gif) no-repeat left top;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.connect-comment div{
white-space:normal;
word-break:break-all;
word-wrap:break-word;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.connect-comment div.connect-comment-top{
width:316px;
background:url(../connectimg/bg_connect_comment_profile.gif) repeat-y left top;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.connect-comment div.connect-comment-btm{
padding:7px 11px 5px;
width:294px;
background:url(../connectimg/bg_connect_comment_profile_btm.gif) no-repeat left bottom;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.connect-comment div.connect-comment-btm textarea#inputcomment{
width:294px;
height:45px;
margin:3px auto 5px;
font-size:12px;
line-height:1.4;
resize:none;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.iconsetting{
padding-left:0;
}

#gnb2 #connect-chatwindow-main dl.info-profile > dd.iconsetting dt{
font-weight:bold;
}

#gnb2 #connect-chatwindow-main #btn-whisperchat{
position:absolute;
left:13px;
bottom:13px;
}

#gnb2 #connect-chatwindow-main #btn-whisperchat a{
display:block;
width:316px;
height:0;
padding-top:32px;
background:url(../connectimg/btn_connect_whisperchat.png) no-repeat left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #btn-whisperchat a:hover{
background-position:0 -32px;
}

/* #alertsetting */
#gnb2 #connect-chatwindow-main #alertsetting{
padding:6px 10px 5px;
border-bottom:solid 1px #e8e8e8;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #alertsetting dt{
float:left;
width:70px;
*width:65px;
font-weight:bold;
}

#gnb2 #connect-chatwindow-main #alertsetting dd{
float:left;
width:56px;
font-family:Arial;
}

#gnb2 #connect-chatwindow-main #alertsetting dd label{
cursor:pointer;
}

#gnb2 #connect-chatwindow-main #alertsetting dd input{
margin-right:2px;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow ul.character-list li.selected{
background:#e5eff7;
border:solid 1px #70add8;
}

#gnb2 #connect-chatwindow-main ul.character-list li.selected dl.info-character{
border:solid 1px #f6fdff;
}

#gnb2 #connect-chatwindow-main #btn-save{
position:absolute;
left:13px;
bottom:13px;
}

#gnb2 #connect-chatwindow-main #btn-save a{
display:block;
width:316px;
height:0;
padding-top:32px;
background:url(../connectimg/btn_connect_save.png) no-repeat left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #btn-save a:hover{
background-position:0 -32px;
}


/* #connect-header //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #connect-chatwindow-main #connect-header{
position:relative;
width:364px;
height:30px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-header h1{
width:364px;
height:28px;
color:#fff;
font-size:13px;
line-height:32px;
border-top:solid 1px #191916;
border-bottom:solid 1px #191916;
text-align:center;
    position: relative;
    left: auto;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li{
position:absolute;
top:5px;
width:18px;
height:20px;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li a{
display:block;
padding-top:20px;
height:0;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-back{
left:4px;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-back a{
width:18px;
background:url(../connectimg/btn_connect_system_back.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-back:hover{
/*width:41px;*/
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-back:hover a{
/*width:41px;*/
background-position:left -20px;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-away{
left:28px;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-away a{
width:18px;
background:url(../connectimg/btn_connect_system_away.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-away:hover{
/*width:42px;*/
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-away:hover a{
/*width:42px;*/
background-position:left -20px;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-add{
right:28px;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-add a{
width:18px;
background:url(../connectimg/btn_connect_system_add.png) no-repeat left 0;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-add:hover{
/*width:76px;*/
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-add:hover a{
/*width:76px;*/
background-position:left -20px;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-list{
right:53px;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-list a{
width:18px;
background:url(../connectimg/btn_connect_system_list.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-list:hover{
/*width:67px;*/
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-list:hover a{
/*width:67px;*/
background-position:left -20px;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-close{
right:4px;
z-index:3;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-close a{
width:18px;
background:url(../connectimg/btn_connect_system_close.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-close:hover{
/*width:51px;*/
}

#gnb2 #connect-chatwindow-main #connect-header > ul#system-menu li#btn-system-close:hover a{
/*width:51px;*/
background-position:left -20px;
}



/* #connect-status //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #connect-chatwindow-main #connect-status{
position:relative;
color:#fff;
font-weight:bold;
border-top:solid 1px #484849;
background:url(../connectimg/bg_connect_status.png) repeat-x left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-status dl.info-character.border{
padding:5px 0 5px 4px;
border-bottom:solid 1px #191916;
}

#gnb2 #connect-chatwindow-main #connect-status dl.info-character.noborder{
padding:5px 0 3px 4px;
border-bottom:none;
}

#gnb2 #connect-chatwindow-main #connect-status dl.info-character dd{
font-size:11px;

    color:#fff;
    text-align: left;
}


#gnb2 #connect-chatwindow-main #connect-status > p div{
position:absolute;
top:8px;
right:4px;
width:33px;
height:28px;
}

#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-option{
right:43px;
}

#gnb2 #connect-chatwindow-main #connect-status > p div a{
display:block;
padding-top:28px;
width:33px;
height:0;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-change,
#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-chat,
#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-option{
padding-right:2px;
background:url(../connectimg/btn_connect_status_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-change a{
background:url(../connectimg/btn_connect_status_change.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-chat a{
background:url(../connectimg/btn_connect_status_chat.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-option a{
background:url(../connectimg/btn_connect_status_option.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-change:hover a,
#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-chat:hover a,
#gnb2 #connect-chatwindow-main #connect-status > p div#btn-status-option:hover a{
background-position:left -28px;
}


/* #gameselect */
#gnb2 #connect-chatwindow-main #connect-gameselect{
/*
padding:5px 4px;
width:356px;
border-top:solid 1px #484849;
*/
padding:0;
height: 5px;
border-top:solid 0px #484849;
}

#gnb2 #connect-chatwindow-main #connect-gameselect select{
background:#eaeaea;
width:100%;
border:solid 1px #aaa;
}


/* #tab-chatmenu */
#gnb2 #connect-chatwindow-main #tab-chatmenu{
width:356px;
margin:0 auto;
padding:4px 4px 1px;
background:url(../connectimg/bg_connect_chatmenu.jpg) no-repeat center top;
overflow:hidden;

	display: none;
}

#gnb2 #connect-chatwindow-main #tab-chatmenu > ul{
}

#gnb2 #connect-chatwindow-main #tab-chatmenu > li{
float:left;
width:119px;
height:32px;
background:url(../connectimg/tab_connect_cahtmenu.png) no-repeat;
text-indent:120%;
white-space:nowrap;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #tab-chatmenu > li > a{
display:block;
width:119px;
padding-top:32px;
height:0;
background:url(../connectimg/tab_connect_cahtmenu.png) no-repeat;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-friendlist,
#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-friendlist a{width:118px;}

#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-friendlist a{background-position:0 0;}
#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-friendlist a:hover{background-position:0 -32px;}
#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-friendlist{background-position:0 -64px;}

#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-whisperchat a{background-position:-118px 0;}
#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-whisperchat a:hover{background-position:-118px -32px;}
#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-whisperchat{background-position:-118px -64px;}

#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-groupchat a{background-position:-237px 0;}
#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-groupchat a:hover{background-position:-237px -32px;}
#gnb2 #connect-chatwindow-main #tab-chatmenu > li.chatmenu-groupchat{background-position:-237px -64px;}


/* #connect-mainwindow //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #connect-chatwindow-main #connect-mainwindow{
padding:0 4px 4px;
/*height:284px;*/
border-bottom:solid 1px #000;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow > div{
position:relative;
width:356px;
background:#fafafa;
overflow-y:auto;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow #connect-mydata{
/*height:284px;*/

    height: 317px;
    position:relative;
    width:356px;
    background:#fafafa;
    overflow-y:auto;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow #friendlist{
height:258px;

    position:relative;
    width:356px;
    background:#fafafa;
    overflow-y:auto;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow #private-threadlist{
	height:258px;
    position:relative;
    width:356px;
    background:#fafafa;
    overflow-y:auto;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow #group-threadlist{
	height:258px;
    position:relative;
    width:356px;
    background:#fafafa;
    overflow-y:auto;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow #connect-thread-data{
	display: none;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow #connect-private-thread-data{
	display: none;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow #connect-group-thread-data{
	display: none;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow .character-list dl.info-character{
	cursor: pointer;
}


#gnb2 #connect-chatwindow-main ul.character-list{
position:relative;
}

#gnb2 #connect-chatwindow-main ul.character-list li{
position:relative;
height:54px;
border-top:solid 1px #fff;
border-bottom:solid 1px #e8e8e8;
background:#fafafa;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main ul.character-list li:first-child{
border-top:none;
}

#gnb2 #connect-chatwindow-main ul.character-list li div.connect-newarrivals{
position:relative;
left:297px;
top:-43px;
margin:0;
padding:0;
width:30px;
height:30px;
color:#fff;
font-family:'Arial';
text-align:center;
font-size:10px;
font-weight:bold;
line-height:30px;
background:url(../connectimg/bg_connect_newarrivals.png) no-repeat left center;
overflow:hidden
}

#gnb2 #connect-chatwindow-main ul.character-list li div.checkbox{
position:relative;
left:297px;
top:-34px;
}

/* btn-chatstart */
#gnb2 #connect-chatwindow-main #connect-mainwindow .btn-chatstart-new{
margin:10px 0 10px 10px;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow .btn-chatstart-new a{
display:block;
width:319px;
height:0;
padding-top:32px;
background:url(../connectimg/btn_connect_chatstart_new.png) no-repeat left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-mainwindow .btn-chatstart-new a:hover{
background-position:0 -32px;
}


#gnb2 #connect-chatwindow-main #tab-friendlist{
border-bottom:solid 1px #fff;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #tab-friendlist > li{
float:left;
width:168px;
height:32px;
text-indent:120%;
white-space:nowrap;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main .tab-friendlist-guild > li{
background:url(../connectimg/tab_connect_friendlist.png) no-repeat;
}

#gnb2 #connect-chatwindow-main .tab-friendlist-clan > li{
background:url(../connectimg/tab_connect_friendlist_clan.png) no-repeat;
}

#gnb2 #connect-chatwindow-main .tab-friendlist-family > li{
background:url(../connectimg/tab_connect_friendlist_family.png) no-repeat;
}

#gnb2 #connect-chatwindow-main #tab-friendlist > li > a{
display:block;
width:168px;
padding-top:32px;
height:0;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main .tab-friendlist-guild > li > a{
background:url(../connectimg/tab_connect_friendlist.png) no-repeat;
}

#gnb2 #connect-chatwindow-main .tab-friendlist-clan > li > a{
background:url(../connectimg/tab_connect_friendlist_clan.png) no-repeat;
}

#gnb2 #connect-chatwindow-main .tab-friendlist-family > li > a{
background:url(../connectimg/tab_connect_friendlist_family.png) no-repeat;
}

#gnb2 #connect-chatwindow-main #tab-friendlist > li#tab-friend a{background-position:0 0;}
#gnb2 #connect-chatwindow-main #tab-friendlist > li#tab-friend a:hover{background-position:0 -32px;}
#gnb2 #connect-chatwindow-main #tab-friendlist > li#tab-friend{background-position:0 -64px;}

#gnb2 #connect-chatwindow-main #tab-friendlist > li#tab-guild a{background-position:-168px 0;}
#gnb2 #connect-chatwindow-main #tab-friendlist > li#tab-guild a:hover{background-position:-168px -32px;}
#gnb2 #connect-chatwindow-main #tab-friendlist > li#tab-guild{background-position:-168px -64px;}




/* #connect-msgtimeline //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #connect-chatwindow-main #connect-msgtimeline{
position:relative;
padding:4px;
width:356px;
border-top:solid 1px #484849;
border-bottom:solid 1px #393936;
overflow:hidden;
}

/* #connect-mainwindow *****************************************************************************************************************/
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow{
position:relative;
padding:7px 0 0;
height:310px;
background:#fafafa;
overflow-y:auto;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div{
width:320px;
margin-bottom:10px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-friend{
padding:0 9px 0 10px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-self{
padding:0 10px 0 9px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div > dl.connect-msgtl{
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div > dl.connect-msgtl > dd.connect-time{
padding-top:2px;
font-size:10px;
text-align:right;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div > dl.connect-msgtl > dd.connect-message{
clear:both;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox{
position:relative;
max-width:279px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top > div.connect-msgbox-btm{
padding-bottom:2px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top > div.connect-msgbox-btm > p{
padding:7px 10px;
max-width:248px;
word-break:break-all;
letter-spacing:-1px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-ballon{
position:absolute;
top:0;
width:11px;
height:11px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-corner{
position:absolute;
bottom:0;
width:13px;
height:12px;
}

/* system */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-system{
padding:2px 0;
height:26px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-system > .connect-msgbox{
float:left;
padding-left:10px;
background:url(../connectimg/bg_connect_msgbox_system.png) repeat-x left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-system > .connect-msgbox > p{
line-height:26px;
padding-right:4px;
text-align:left;
word-break:break-all;
letter-spacing:-1px;
color:#fff;
background:url(../connectimg/bg_connect_msgbox_system_corner.png) no-repeat right top;
}


/* friend */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-friend > dl.connect-msgtl > dt.connect-name{float:left;}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-time{float:right;}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dt.connect-face{
position:relative;
float:left;
margin-right:5px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox{
float:left;
padding-right:2px;
margin-left:10px;
background:url(../connectimg/bg_connect_msgbox_friend_side.png) repeat-y right top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top{
border-top:solid 1px #c9c9c6;
background:url(../connectimg/bg_connect_msgbox_friend_btm.png) repeat-x left bottom;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top > div.connect-msgbox-btm p{
border-left:solid 1px #c9c9c6;
background:#fff;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-ballon{
left:-10px;
background:url(../connectimg/bg_connect_msgbox_friend_balloon.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-corner{
right:0;
background:url(../connectimg/bg_connect_msgbox_friend_corner.png) no-repeat left top;
}

/* self */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-self > dl.connect-msgtl > dt.connect-name{float:right;}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-time{float:left;}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dt.connect-face{
position:relative;
float:right;
margin-left:5px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox{
float:right;
padding-left:2px;
margin-right:10px;
background:url(../connectimg/bg_connect_msgbox_self_side.png) repeat-y left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top{
border-top:solid 1px #abd0e2;
background:url(../connectimg/bg_connect_msgbox_self_btm.png) repeat-x left bottom;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top > div.connect-msgbox-btm p{
border-right:solid 1px #abd0e2;
background:#eaf6fb;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-ballon{
right:-10px;
background:url(../connectimg/bg_connect_msgbox_self_balloon.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-corner{
left:0;
background:url(../connectimg/bg_connect_msgbox_self_corner.png) no-repeat left top;
}

/* date */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.connect-date{
width:100%;
color:#fff;
height:16px;
padding-bottom:1px;
font-family:Arial;
font-size:10px;
line-height:16px;
font-weight:bold;
text-align:center;
background:url(../connectimg/bg_connect_msgtimeline_line.png) repeat-x center 7px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-mainwindow > div.connect-date span{
display:block;
margin:0 auto;
width:106px;
height:17px;
background:url(../connectimg/bg_connect_msgtimeline_date.png) no-repeat left top;
overflow:hidden;
}


/* #msginput *****************************************************************************************************************/
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput{
border-top:solid 1px #fff;
padding:7px 8px 8px;
width:340px;
height:24px;
background:url(../connectimg/bg_connect_msginput.gif) repeat-x left top;
}

/* #msginput-stamp */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp{
position:relative;
float:left;
margin-right:4px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow{
display:none;
position:absolute;
left:-1px;
bottom:15px;
padding:2px 2px 16px;
width:322px;
height:143px;
background:url(../connectimg/bg_connect_msginput_stampwindow.png) no-repeat left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp.open #connect-stampwindow{
display:block;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow a{
color:#393936;
}

/* #connect-stampmenu */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #connect-stampmenu{
width:302px;
margin:0 auto 8px;
padding:7px 0;
border-bottom:solid 1px #e5e5e5;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #connect-stampmenu li{
float:left;
padding:0 10px;
color:#3dafff;
line-height:1.2;
font-weight:bold;
border-left:solid 1px #999996;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #connect-stampmenu li:first-child{
border:none;
}

/* #stamplist */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #connect-stamplist{
padding:0 5px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #connect-stamplist li{
float:left;
margin:0 5px;
padding-bottom:8px;
}

/* #stamppaging */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #connect-stamppaging{
width:302px;
margin:0 auto;
padding-top:4px;
text-align:center;
font-size:11px;
font-weight:bold;
border-top:solid 1px #e5e5e5;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #stamppaging a{
display:inline-block;
*display:inline;
*zoom:1;
padding-bottom:3px;
width:14px;
height:11px;
line-height:1.4;
text-decoration:none;
border:solid 1px #393936;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #stamppaging a:hover{
color:#3dafff;
border:solid 1px #3dafff;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #stamppaging a.active{
color:#fff;
border:solid 1px #3dafff;
background:#3dafff;
}

/* #msginput-input */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input{
position:relative;
float:left;
width:266px;
height:24px;
margin-right:4px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input #btn-msginput-photo{
position:absolute;
left:0;
top:0;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input #msginput-form{
position:absolute;
left:32px;
top:0;
width:232px;
border:solid 1px #999996;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input #msginput-form input{
width:230px;
height:22px;
line-height:22px;
*height:20px;
*line-height:20px;
border:none;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input.nctext #msginput-form input[type="text"]{
padding:0 1px;
font-size:12px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input.nctext #msginput-form input[type="file"],
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input.photo #msginput-form input[type="text"]{
display:none;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input.nctext #msginput-form input[type="text"],
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input.photo #msginput-form input[type="file"]{
display:block;
}


/* buttons */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #btn-msginput-stamp a,
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #btn-msginput-photo a,
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #btn-msginput-submit a{
display:block;
padding-top:24px;
height:0;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #btn-msginput-stamp > a{
width:28px;
background:url(../connectimg/btn_connect_msginput_stamp.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #btn-msginput-photo > a{
width:28px;
background:url(../connectimg/btn_connect_msginput_photo.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #btn-msginput-submit > a{
width:38px;
background:url(../connectimg/btn_connect_msginput_submit.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #btn-msginput-stamp > a:hover,
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #btn-msginput-photo > a:hover,
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #btn-msginput-submit > a:hover{
background-position:0 -24px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp.open #btn-msginput-stamp > a{
background-position:0 -48px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input.photo #btn-msginput-photo > a{
background-position:0 -48px;
}


/* #connect-overlay //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #connect-chatwindow-main #connect-overlay{
position:absolute;
left:3px;
top:30px;
width:364px;
height:368px;
background:url(../connectimg/bg_connect_overlay.png) repeat;
}

/* #systemmsg *****************************************************************************************************************/
#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg{
position:relative;
padding:3px;
margin:112px auto 0;
width:306px;
height:113px;
background:url(../connectimg/bg_connect_systemmsg.png) repeat-y center top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg p{
padding:15px 19px 0;
letter-spacing:-1px;
}

#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-yes,
#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-no{
position:absolute;
bottom:23px;
}

#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-yes{left:93px;}
#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-no{right:93px;}

#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-yes a,
#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-no a{
display:block;
width:58px;
height:0;
padding-top:24px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-yes a{background:url(../connectimg/btn_connect_yes.png) no-repeat left top;}
#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-no a{background:url(../connectimg/btn_connect_no.png) no-repeat left top;}
#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-yes a:hover,
#gnb2 #connect-chatwindow-main #connect-overlay #systemmsg .btn-no a:hover{
background-position:0 -24px;
}


/* #connect-modalwindow *****************************************************************************************************************/
#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow{
/*position:relative;*/
margin:12px auto;
padding:3px;
width:336px;
height:338px;
background:url(../connectimg/bg_connect_modal_window.png) repeat-y center top;
overflow:hidden;

    position:absolute;
    left: 11px;
    display: none;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow > p#text{
padding:6px 0 5px 10px;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow > dl#text{
padding:6px 10px 5px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow > dl#text > dt{
float:left;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow > dl#text > dd{
float:right;
padding-top:9px;
font-weight:bold;
color:#3dafff;
font-size:14px;
text-align:right;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow > div#list{
position:relative;
width:336px;
overflow-y:auto;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow > div#list.whisper{
height:249px;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow > div#list.group{
height:177px;
border-bottom:solid 1px #393936;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow > div#list div.connect-section:first-child h2{
border-top:none;
}


#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow #btn-chatstart{
padding:10px 0;
border-top:solid 1px #fff;
background:#f3f3ef;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow #btn-chatstart a{
display:block;
margin:0 auto;
width:316px;
height:0;
padding-top:32px;
background:url(../connectimg/btn_connect_chatstart.png) no-repeat left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow #btn-addmember{
padding:10px 0;
border-top:solid 1px #fff;
background:#f3f3ef;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow #btn-addmember a{
display:block;
margin:0 auto;
width:316px;
height:0;
padding-top:32px;
background:url(../connectimg/btn_connect_addmember.png) no-repeat left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow #btn-chatstart a:hover,
#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow #btn-addmember a:hover{
background-position:0 -32px;
}


#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow #btn-modal-close{
position:absolute;
top:10px;
right:9px;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow #btn-modal-close a{
display:block;
padding-top:12px;
width:12px;
height:0;
background:url(../connectimg/btn_connect_modal_close.png) no-repeat left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow #btn-modal-close a:hover{
background-position:0 -12px;
}

#gnb2 #connect-chatwindow-main #connect-overlay #connect-modalwindow .character-list dl.info-character{
    cursor: pointer;
}




/* mov dev */
/* #connect-msgheader //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #connect-chatwindow-main #connect-msgheader{
position:relative;
width:364px;
height:30px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgheader h1{
width:364px;
height:28px;
color:#fff;
font-size:13px;
line-height:32px;
border-top:solid 1px #191916;
border-bottom:solid 1px #191916;
text-align:center;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li{
position:absolute;
top:5px;
width:18px;
height:20px;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li a{
display:block;
padding-top:20px;
height:0;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgback{
left:4px;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgback a{
width:18px;
background:url(../connectimg/btn_connect_system_back.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgback:hover{
/*width:41px;*/
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgback:hover a{
/*width:41px;*/
background-position:left -20px;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgaway{
left:28px;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgaway a{
width:18px;
background:url(../connectimg/btn_connect_system_away.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgaway:hover{
/*width:42px;*/
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgaway:hover a{
/*width:42px;*/
background-position:left -20px;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgadd{
right:28px;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgadd a{
width:18px;
background:url(../connectimg/btn_connect_system_add.png) no-repeat left 0;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgadd:hover{
/*width:76px;*/
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgadd:hover a{
/*width:76px;*/
background-position:left -20px;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msglist{
right:53px;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msglist a{
width:18px;
background:url(../connectimg/btn_connect_system_list.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msglist:hover{
/*width:67px;*/
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msglist:hover a{
/*width:67px;*/
background-position:left -20px;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgclose{
right:4px;
z-index:3;
padding-right:2px;
background:url(../connectimg/btn_connect_system_right.png) no-repeat right top;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgclose a{
width:18px;
background:url(../connectimg/btn_connect_system_close.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgclose:hover{
/*width:51px;*/
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgclose:hover a{
/*width:51px;*/
background-position:left -20px;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgaway{
display: none;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msglist{
display: none;
}

#gnb2 #connect-chatwindow-main #connect-msgheader > ul#system-msgmenu li#btn-system-msgadd{
display: none;
}



#gnb2 #connect-chatwindow-main #connect-msgwindow{
padding:0 4px 4px;
/*height:284px;*/
border-bottom:solid 1px #000;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgwindow > div{
position:relative;
width:356px;
background:#fafafa;
overflow-y:auto;
}



/* #connect-msgwindow *****************************************************************************************************************/
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow{
position:relative;
padding:7px 0 0;
height:310px;
background:#fafafa;
overflow-y:auto;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div{
width:320px;
margin-bottom:10px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend{
padding:0 9px 0 10px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self{
padding:0 10px 0 9px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div > dl.connect-msgtl{
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div > dl.connect-msgtl > dd.connect-time{
padding-top:2px;
font-size:10px;
text-align:right;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div > dl.connect-msgtl > dd.connect-message{
clear:both;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox{
position:relative;
max-width:279px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top > div.connect-msgbox-btm{
padding-bottom:2px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top > div.connect-msgbox-btm > p{
padding:7px 10px;
max-width:248px;
word-break:break-all;
letter-spacing:-1px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-ballon{
position:absolute;
top:0;
width:11px;
height:11px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-corner{
position:absolute;
bottom:0;
width:13px;
height:12px;
}

/* system */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-system{
padding:2px 0;
height:26px;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-system > .connect-msgbox{
float:left;
padding-left:10px;
background:url(../connectimg/bg_connect_msgbox_system.png) repeat-x left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-system > .connect-msgbox > p{
line-height:26px;
padding-right:4px;
text-align:left;
word-break:break-all;
letter-spacing:-1px;
color:#fff;
background:url(../connectimg/bg_connect_msgbox_system_corner.png) no-repeat right top;
}


/* friend */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend > dl.connect-msgtl > dt.connect-name{float:left;}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-time{float:right;}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dt.connect-face{
position:relative;
float:left;
margin-right:5px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox{
float:left;
padding-right:2px;
margin-left:10px;
background:url(../connectimg/bg_connect_msgbox_friend_side.png) repeat-y right top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top{
border-top:solid 1px #c9c9c6;
background:url(../connectimg/bg_connect_msgbox_friend_btm.png) repeat-x left bottom;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top > div.connect-msgbox-btm p{
border-left:solid 1px #c9c9c6;
background:#fff;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-ballon{
left:-10px;
background:url(../connectimg/bg_connect_msgbox_friend_balloon.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-corner{
right:0;
background:url(../connectimg/bg_connect_msgbox_friend_corner.png) no-repeat left top;
}

/* self */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self > dl.connect-msgtl > dt.connect-name{float:right;}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-time{float:left;}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dt.connect-face{
position:relative;
float:right;
margin-left:5px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox{
float:right;
padding-left:2px;
margin-right:10px;
background:url(../connectimg/bg_connect_msgbox_self_side.png) repeat-y left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top{
border-top:solid 1px #abd0e2;
background:url(../connectimg/bg_connect_msgbox_self_btm.png) repeat-x left bottom;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-msgbox-top > div.connect-msgbox-btm p{
border-right:solid 1px #abd0e2;
background:#eaf6fb;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-ballon{
right:-10px;
background:url(../connectimg/bg_connect_msgbox_self_balloon.png) no-repeat left top;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox > div.connect-corner{
left:0;
background:url(../connectimg/bg_connect_msgbox_self_corner.png) no-repeat left top;
}

/* date */
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.connect-date{
width:100%;
color:#fff;
height:16px;
padding-bottom:1px;
font-family:Arial;
font-size:10px;
line-height:16px;
font-weight:bold;
text-align:center;
background:url(../connectimg/bg_connect_msgtimeline_line.png) repeat-x center 7px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.connect-date span{
display:block;
margin:0 auto;
width:106px;
height:17px;
background:url(../connectimg/bg_connect_msgtimeline_date.png) no-repeat left top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow {
    text-align: left;
}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-system{
    margin-left: 0;
    text-align: left;
}



#gnb2 #connect-chatwindow-main form{
    margin: 0;
    padding: 0;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #connect-stampmenu{
margin:0 auto 5px;
}
#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #connect-stamplist{
overflow-y:auto;
height:105px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-stamp #connect-stampwindow #connect-stamplist .kaomoji{
    padding: 5px;
    border:solid 1px #999996;
    background-color: #eff2f3;
    cursor: pointer;
    white-space: nowrap;
    font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
    font-size:12px;
    line-height:1.5;
    color:#333;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #msginput #msginput-input.photo #msginput-form{
border:solid 0px #999996;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-friend > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox-stamp{
float:left;
padding-right:2px;
margin-left:10px;
}

#gnb2 #connect-chatwindow-main #connect-msgtimeline #connect-msgwindow > div.msgtl-self > dl.connect-msgtl > dd.connect-message > dl > dd.connect-msgbox-stamp{
float:right;
padding-left:2px;
margin-right:10px;
}


/* #connect-information *****************************************************************************************************************/
#gnb2 #connect-information{
/* border-top:1px solid #191916; */
border-bottom:1px solid #191916;
}
#gnb2 #connect-information > div{
position:relative;
border-top:1px solid #484849;
}


#gnb2 #connect-information > div .nc-slider {
width:296px;
height:20px;
margin:0 auto;
padding:6px 0 4px 0;
position: relative;
overflow:hidden;
}

#gnb2 #connect-information > div .nc-slider p {
display: none;
}

#gnb2 #connect-information > div .nc-slider .nc-slider-element {
overflow: hidden;
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-top:6px;
text-align: center;
}

#gnb2 #connect-information > div .nc-slider p a{
font-size:11px;
white-space:nowrap;
font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
}

#gnb2 #connect-information > div .nc-slider p a:hover{
color:#b9f6ff;
font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
}

#gnb2 #connect-information #btn-connectinfo-prev,
#gnb2 #connect-information #btn-connectinfo-next{
position:absolute;
top:4px;
width:20px;
height:20px;
}
#gnb2 #connect-information #btn-connectinfo-prev{
left:4px;
}
#gnb2 #connect-information #btn-connectinfo-next{
right:4px;
}

#gnb2 #connect-information #btn-connectinfo-prev a,
#gnb2 #connect-information #btn-connectinfo-next a{
display:block;
padding-top:20px;
width:20px;
height:0px;
overflow:hidden;
}
#gnb2 #connect-information #btn-connectinfo-prev a{
background:url(../connectimg/btn_connect_arrow.png) no-repeat 0 0;
}
#gnb2 #connect-information #btn-connectinfo-prev a:hover{
background-position:0 -20px;
}
#gnb2 #connect-information #btn-connectinfo-next a{
background:url(../connectimg/btn_connect_arrow.png) no-repeat -20px 0;
}
#gnb2 #connect-information #btn-connectinfo-next a:hover{
background-position:-20px -20px;
}


/* #connect-banner *****************************************************************************************************************/
#gnb2 #connect-banner{
/* border-top:1px solid #191916; */
border-bottom:1px solid #191916;
}
#gnb2 #connect-banner > div{
position:relative;
border-top:1px solid #484849;
padding:4px 0px;
text-align:center;
}
#gnb2 #connect-banner > div img{
border:1px solid #191916;
}


#gnb2 #connect-chatwindow-main #connect-disconnect-overlay{
position:absolute;
left:3px;
top:0;
width:364px;
height:398px;
background:url(../connectimg/bg_connect_overlay.png) repeat;
}

#gnb2 #connect-chatwindow-main #connect-disconnect-overlay #disconmsg{
position:relative;
padding:3px;
margin:112px auto 0;
width:306px;
height:113px;
background:url(../connectimg/bg_connect_systemmsg.png) repeat-y center top;
overflow:hidden;
}

#gnb2 #connect-chatwindow-main #connect-disconnect-overlay #disconmsg p{
padding:20px 19px 0;
letter-spacing:-1px;
    font-family:'メイリオ',Arial,'ＭＳ Ｐゴシック',sans-serif;
    font-size:12px;
    line-height:1.5;
}