@charset "utf-8";


@font-face {
  font-family:'NGB';
  font-style:normal;
  font-weight:700;
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}

/* common */
body{font-family:Dotum, "돋움", verdana, sans-serif;font-size:12px;color:#666;background-color:#fff}
body, ul, ol, li, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, blockquote, iframe, input, object, table, tr, th, td{margin:0;padding:0}
ul, ol, li{list-style:none}

/* chat emoticon */
#emoticonBox {position:relative;overflow:hidden;width:246px;height:292px;border:1px solid #898687;background:#fff}
#emoticonBox .clear {clear:both;}
#emoticonBox img {border:none;}
#emoticonBox .tab_area {height:30px;border-bottom:1px solid #d7d7d7;}
#emoticonBox .tab_area ul {overflow:hidden}
#emoticonBox .tab_area ul li {float:left;font-family:'NGB';}
#emoticonBox .tab_area ul li a {display:block;padding:0 15px;line-height:30px;height:30px;color:#000;text-decoration:none}
#emoticonBox .tab_area ul li.on a {padding:0 15px;line-height:29px;height:29px;border-bottom:2px solid #3d82f7;color:#3d82f7}
#emoticonBox h1 {height:30px;line-height:32px;text-align:center;border-bottom:1px solid #d7d7d7;color:#434343;font-weight:bold;font-size:12px}
#emoticonBox .scroll_area {overflow-y:scroll;overflow-x:hidden;height:260px;padding:0 0 0 12px}
#emoticonBox .scroll_area span{float:left;overflow:hidden;width:30px;height:30px;margin:12px 5px 0 0}
#emoticonBox .scroll_area span a {display:block;width:30px;height:30px;}
#emoticonBox .scroll_area span a:hover{background:url(//www.afreecatv.com/images/chat/emoticon/bg_box.gif) no-repeat}
#emoticonBox .scroll_area span a img{width:26px;height:26px;vertical-align:top;margin:2px 0 0 2px;}
#emoticonBox .btn_close {position:absolute;top:3px;right:0;}
#emoticonBox .btn_close a {display:block;width:23px;height:23px;text-indent:-9999px;background:url('/images/chat/emoticon/btn_close.gif') no-repeat 7px 7px}