body {min-width: 830px;width: 830px;}
.wrapper {width:830px;}
.img {display:inline-block;}
.icon16 {width:16px;height:16px;}
.icon_lock {background-position:-145px -669px;position:relative;top:-1px;}
.icon_list {background-position:-193px -669px;margin-right:7px;}
.icon_record {background-position:-113px -669px;position:relative;top:-1px;margin-right:3px;}
.icon_explain {background-position:-129px -669px;position:relative;top:-1px;margin-right:3px;}
.icon_list_cnt {background-position:0px -143px;margin-left:7px;}
.icon_user_cnt {background-position:-177px -669px;margin-left:7px;}
.icon_reco_cnt {background-position:-161px -669px;margin-left:7px;}
.icon_bookmark {background-position:-81px -669px;margin-right:5px;}
.icon_bookmark.on {background-position:-97px -669px;}
.icon_youtobe {width:21px;height:16px;background-position:-209px -669px;position:relative;top:3px;margin-right:3px;}
.hide {display:none;}
.chat_menu {background:#f5f5f5;height:58px;}
.chat_menu li {width:138px;position:relative;}
.chat_menu li.select {width:414px;padding:5px;}
.chat_menu li.select select {position:absolute;top:-1px;left:-1px;height:58px;width:180px;padding:0 15px;letter-spacing:-1px;}
.chat_menu li > a {width:138px;line-height:56px;border-left:1px solid #e5e5e5;text-align:center;letter-spacing:-1px;}
.chat_menu li > a {letter-spacing:-1px;}
.chat_menu li:first-child > a {border-left:none;}
.chat_menu li > a.selected {color:#ffffff;background:#1ba9de;font-weight:700;}
.chat_menu li > a.selected em.hbox {display:block;position:absolute;top:-1px;left:-1px;width:139px;height:58px;border:1px solid #1787b0;z-index:100;}
.chat_menu li > span.null {display:inline-block;width:138px;line-height:56px;border-left:1px solid #e5e5e5;text-align:center;letter-spacing:-1px;color:#ddd;}
.chat_menu li > a.bookmark {color:#999;background:#ffffff;font-weight:700;}
.chat_menu li > a.bookmark em.hbox {display:block;position:absolute;top:-1px;left:0px;width:138px;height:58px;border:1px solid #d1d1d1;z-index:100;border-right:none;}
.chat_menu li > a.make {color:#ffffff;background:#e62626;font-weight:700;}
.chat_menu li > a.make em.hbox {display:block;position:absolute;top:-1px;left:0px;width:139px;height:58px;border:1px solid #c01e1e;z-index:100;}
.chat_menu li .icon_bookmark {position:relative;top:-1px;}

.chat_top_notice {position:relative;margin-top:10px;background:#ffffff;letter-spacing:-1px;padding:10px;}
.chat_top_notice h2 {padding:15px 0 0 15px;font-size:14px;}
.chat_top_notice ul {list-style-position:inside;padding:15px 0 15px 0;}
.chat_top_notice li {line-height:1.8;padding:0 15px;list-style-type:disc;color:#999;}
.chat_top_notice .btn {position:absolute;right:15px;top:15px;}
.chat_top_notice .btn {display:inline-block;padding:0 15px;height:38px;line-height:36px;background:#fff;color:#888;font-size:12px;letter-spacing:-1px;}
.chat_top_notice .btn {border:1px solid #d1d1d1;background:#fbfbfb;}
.chat_top_notice .btn:hover {border:1px solid #888;color:#333;}


.board {margin-top:10px;background:#ffffff;}
.board h1 {position:relative;height:56px;line-height:56px;padding:0 15px;background:#fbfbfb;border-bottom:1px dashed #d1d1d1;}
.board h1 .icon_board {display:inline-block;width:23px;height:30px;background-position:0 -639px;line-height:1;margin-right:10px;}
.board h1 .right {position:absolute;right:15px;top:0px;font-weight:normal;letter-spacing:-1px;font-size:12px;font-family:gulim;}
.board h1 .right span {display:inline-block;}
.board h1 .right .toggle_reset {width:63px;height:30px;margin-left:10px;}
.board h1 .right .toggle_reset.on {background-position:-23px -639px;}
.board h1 .right .toggle_reset.off {background-position:-93px -639px;}
.board ul {max-height:113px;padding:5px;}
.board ul li {position:relative;line-height:34px;color:#999;padding:0 10px;font-family:gulim;font-size:12px;letter-spacing:-0.5px;}
.board ul li:hover {background:#fbfbfb;}
.board ul li a {color:#555;}
.board ul li a:hover {color:#e62626;}
.board ul li .date {position:absolute;right:10px;top:0;color:#bbb;}
.board ul li span.img {display:inline-block;width:16px;height:16px;position:relative;top:-2px;margin-right:5px;}
.board ul li span.img.icon_link {background-position:-48px -669px;margin:0 3px;}
.board ul li span.img.icon_gift {background-position:-16px -669px;margin-left:3px;}
.board ul li span.img.icon_win {background-position:-32px -669px;margin-left:3px;}
.board ul li span.img.icon_add {background-position:0px -669px;margin-left:3px;}

.search {position:relative;height:56px;background:#fbfbfb;border:1px solid #d1d1d1;margin-top:10px;}
.search input {height:54px;border:none;width:100%;padding:0 40px 0 40px;background:#fbfbfb;letter-spacing:-1px;}
.search .icon {display:inline-block;width:16px;height:16px;position:absolute;left:15px;top:17px;background-position:0 -623px;}
.search .input_clear {width:16px;height:16px;position:absolute;right:15px;top:17px;background-position:-64px -623px;}

#pick_list {margin-top:10px;}
.chat_list {margin-top:10px;}
.chat_list .c_list {width:830px;}
.chat_list .c_list h1 {position:relative;height:58px;line-height:56px;padding:0 15px;background:#fbfbfb;}
.chat_list .c_list h1 .right {position:absolute;right:15px;top:0px;}
.chat_list .item {position:relative;height:120px;margin-top:10px;background:#ffffff;}
.chat_list .item.lock {background-color:#f5f5f5;}
/*.chat_list .item.best01 {background-color:#f7fdff;border-color:#85b8cd;}*/

.chat_list .item.rank_1 {background:#fcf1f1;border:1px solid #c98f8f;}
.chat_list .item.rank_2 {background:#f7fdff;border:1px solid #85b8cd;}
.chat_list .item.rank_3 {background:#f9fff3;border:1px solid #98bb6f;}


.chat_list .item .icon_bookmark {position:absolute;right:5px;top:10px;}
.chat_list .item .best {position:absolute;top:0px;left:13px;z-index:100;}
.chat_list .item .permission {display:inline-block;font-size:11px;font-family:dotum;letter-spacing:-1px;padding:4px 4px 2px 4px;line-height:1;}
.chat_list .item .permission.p1 {background:#91c653;border:1px solid #7fac49;color:#fff;}
.chat_list .item .permission.p2 {background:#1ba9de;border:1px solid #1787b0;color:#fff;}
.chat_list .item .permission.p3 {background:#e62626;border:1px solid #c01e1e;color:#fff;}
.chat_list .item .permission.primium {background:#333;border:1px solid #222;color:#fff;margin-right:5px;}

.chat_list .item .rest {display:inline-block;font-size:11px;font-family:dotum;letter-spacing:-1px;padding:4px 4px 2px 4px;line-height:1;}
.chat_list .item .rest {background:#e62626;border:1px solid #c01e1e;color:#fff;}
.chat_list .item .price {display:inline-block;font-size:11px;font-family:dotum;letter-spacing:-1px;padding:4px 4px 2px 4px;}
.chat_list .item .price {line-height:1;}
.chat_list .item .price.p1 {background:#f5f5f5;border:1px solid #d1d1d1;color:#999;}
.chat_list .item .price.p2 {background:#656565;border:1px solid #515151;color:#fff;font-family:tahoma;vertical-align:middle;}
.chat_list .item .price.p2 {padding:3px 4px 4px 4px;letter-spacing:0px;font-weight:bold;font-size:10px;}



.chat_list .item .rank_box {
    float:left;
    width:60px;
    text-align: center;
    padding:40px 0 0 20px;
}
.chat_list .item .rank_box span {
    display:inline-block;
    width:40px;
    height:40px;
    line-height:37px;
    background-color: #f5f5f5;
    border:1px dashed #ddd;
    color:#888;
    font-size:14px;
    font-weight:bold;
    font-family: tahoma;
    border-radius: 15px;
}
.chat_list .item .rank_box span.sa1 {background:#e62626;border:1px solid #c01e1e;color:#fff;}
.chat_list .item .rank_box span.sa2 {background:#1ba9de;border:1px solid #1787b0;color:#fff;}
.chat_list .item .rank_box span.sa3 {background:#91c653;border:1px solid #7fac49;color:#fff;}




.chat_list .item .user_photo {float:left;margin:15px;}
.chat_list .item .content {float:left;padding:20px 15px 15px 0;line-height:1.5;}
.chat_list .item .content .title_box {padding-left:1px;}
.chat_list .item .content .title_box .title {font-size:13px;letter-spacing:-1px;color:#555;font-weight:bold;display:inline-block;max-width:350px;}
.chat_list .item .content .record_box {padding-top:7px;font-family:tahoma,gulim;font-size:12px;letter-spacing:-1px;padding-left:1px;}
.chat_list .item .content .record_box {display:inline-block;}
.chat_list .item .content .record_box strong {letter-spacing:0;}
.chat_list .item .content .user_nick {letter-spacing:-1px;padding-top:7px;}
.chat_list .item .bottom {position:absolute;right:0;bottom:10px;padding:0 15px 0 0;text-align:right;}
.chat_list .item .bottom .cnt_box {padding-bottom:10px;}
.chat_list .item .bottom .cnt_box span.date {margin-left:10px;font-size:10px;font-family:tahoma;letter-spacing:-1px;color:#999;}
.chat_list .item .bottom .cnt_box span.date strong.red {color:#999;font-weight:normal;}
.chat_list .item .bottom .tag_box {font-size:12px;letter-spacing:-1px;color:#999;padding-bottom:5px;}
.chat_list .item .bottom .tag_box span {margin-left:5px;}
.chat_list .item:hover {border:1px solid #888;background:#fbfbfb;}
.chat_list .item:hover .content .title_box .title {color:#e62626;}
.chat_list .item.best01:hover {border:1px solid #1787b0;background:#f1fbff;}
.chat_list .item.best02:hover {border:1px solid #c01e1e;background:#fff3f3;}

.chat_list .item_not {position:relative;height:120px;text-align:center;margin-top:10px;padding-top:20px;}
.chat_list .item_not {color:#aaa;background:#ffffff;overflow:hidden;font-size:12px;letter-spacing:-1px;}
.scroll {overflow-x:hidden;overflow-y:scroll;}
.scroll::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.2);background-color:#f8f8f8;}
.scroll::-webkit-scrollbar {width:13px;background-color:#f5f5f5;}
.scroll::-webkit-scrollbar-thumb {height:6px;border: 2.5px solid rgba(0, 0, 0, 0);background-clip: padding-box;background-color: rgba(0, 0, 0, 0.30);-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);}



#list_primium .rank_box span.primium {
    color: #fff;
    border: none;
    background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
    background-size: 1800% 1800%;
    -webkit-animation: rainbow 3s ease infinite;
    -z-animation: rainbow 3s ease infinite;
    -o-animation: rainbow 3s ease infinite;
    animation: rainbow 3s ease infinite;
    border:1px solid rgba(0,0,0,0.1);
}
/*
#list_primium .item.primium {
    background-color:#fcf1f1;
    border-color:#da1515;

}
*/
#list_primium .item.primium .primium_icon {
    position: absolute;
    right:20px;
    top:-4px;
}
#list_primium .item.primium .primium_icon img {
    width:60px;
}
@-webkit-keyframes rainbow {
    0% {background-position: 0% 82%}
    50% {background-position: 100% 19%}
    100% {background-position: 0% 82%}
}
@-moz-keyframes rainbow {
    0% {background-position: 0% 82%}
    50% {background-position: 100% 19%}
    100% {background-position: 0% 82%}
}

@-o-keyframes rainbow {
    0% {background-position: 0% 82%}
    50% {background-position: 100% 19%}
    100% {background-position: 0% 82%}
}
@keyframes rainbow {
    0% {background-position: 0% 82%}
    50% {background-position: 100% 19%}
    100% {background-position: 0% 82%}
}