#emoticonArea #emoticonBox {
    position: relative;
    overflow: hidden;
    width: 246px;
    height: 292px;
    border: 1px solid #898687;
    background: #fff;
    z-index: 100
}

#emoticonArea #emoticonBox img {
    border: none
}

#emoticonArea #emoticonBox h1 {
    height: 30px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    color: #434343;
    font-weight: bold;
    font-size: 12px
}

#emoticonArea #emoticonBox .tab_area {
    height: 30px;
    border-bottom: 1px solid #d7d7d7
}

#emoticonArea #emoticonBox .tab_area ul {
    overflow: hidden
}

#emoticonArea #emoticonBox .tab_area ul li {
    float: left;
    font-family: 'NGB'
}

#emoticonArea #emoticonBox .tab_area ul li a {
    display: block;
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
    color: #000;
    text-decoration: none
}

#emoticonArea #emoticonBox .tab_area ul li.on a {
    padding: 0 15px;
    height: 29px;
    border-bottom: 2px solid #3d82f7;
    color: #3d82f7
}

#emoticonArea #emoticonBox .scroll_area {
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 260px;
    padding: 0 0 12px 12px
}

#emoticonArea #emoticonBox .scroll_area .sg_area {
    overflow: hidden;
    padding: 0 0 10px 12px;
    margin: -2px 0 0 -12px
}

#emoticonArea #emoticonBox .scroll_area span {
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 12px 5px 0 0;
    font-size: 0
}

#emoticonArea #emoticonBox .scroll_area span a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: solid 1px transparent
}

#emoticonArea #emoticonBox .scroll_area span a:hover {
    background: #ededed;
    border: solid 1px #d0d0d0;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2)
}

#emoticonArea #emoticonBox .scroll_area span a img {
    width: 26px;
    height: 26px;
    margin: 0 auto
}

#emoticonArea #emoticonBox .scroll_area::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: transparent
}

#emoticonArea #emoticonBox .scroll_area::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    border-radius: 6px
}

#emoticonArea #emoticonBox .scroll_area::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px
}

#emoticonArea #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb {
    background: #bbb !important
}

#emoticonArea #emoticonBox .btn_close {
    position: absolute;
    top: 3px;
    right: 0
}

#emoticonArea #emoticonBox .btn_close a {
    display: block;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3e%3cpath d='m17.863 14.984 11.518 11.518c0.795 0.795 0.795 2.084 0 2.879s-2.084 0.795-2.879 0l-11.518-11.518-11.518 11.518c-0.795 0.795-2.084 0.795-2.879 0s-0.795-2.084 0-2.879l11.518-11.518-11.518-11.518c-0.795-0.795-0.795-2.084 0-2.879s2.084-0.795 2.879 0l11.518 11.518 11.518-11.518c0.795-0.795 2.084-0.795 2.879 0s0.795 2.084 0 2.879l-11.518 11.518z' fill='%23666'/%3e%3c/svg%3e");
    background-size: 10px 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

html[dark=true] #emoticonArea #emoticonBox {
    background: #1b1b1c;
    border-color: #333
}

html[dark=true] #emoticonArea #emoticonBox h1 {
    border-color: #333;
    color: #c8c8c8
}

html[dark=true] #emoticonArea #emoticonBox .scroll_area span a:hover {
    background: #333;
    border-color: #333;
    border-radius: 2px
}

html[dark=true] #emoticonArea #emoticonBox .scroll_area:hover {
    scrollbar-face-color:#4d4d4d !important;scrollbar-shadow-color:#4d4d4d !important}

html[dark=true] #emoticonArea #emoticonBox .scroll_area::-webkit-scrollbar-thumb {
    background: #222222 !important
}

html[dark=true] #emoticonArea #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb {
    background: #4d4d4d !important
}

html[dark=true] #emoticonArea #emoticonBox .scroll_area::-webkit-scrollbar-track,html[dark=true] #emoticonArea #emoticonBox .scroll_area::-webkit-scrollbar {
    background: #121213 !important
}

html[dark=true] #emoticonArea #emoticonBox .scroll_area::-webkit-scrollbar-corner {
    background: #222
}

#emoticonArea.board {
    overflow: hidden;
    background: #fff;
    width: 246px;
    border: 1px solid #d9dddf;
    border-radius: 3px;
    z-index: 999
}

#emoticonArea.board #emoticonBox {
    height: auto;
    border: 0
}

#emoticonArea.board #emoticonBox .ogq_area {
    overflow: hidden;
    padding: 12px 0;
    border-bottom: 0
}

#emoticonArea.board #emoticonBox .ogq_area span {
    width: 67px;
    height: 59px;
    margin: 0 4px 10px 0;
    text-align: center
}

#emoticonArea.board #emoticonBox .ogq_area span a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    height: 59px;
    margin: 0 auto;
    border: 1px solid transparent;
    box-sizing: border-box
}

#emoticonArea.board #emoticonBox .ogq_area span a:hover {
    background: #ededed;
    border: solid 1px #d0d0d0
}

#emoticonArea.board #emoticonBox .ogq_area span a img {
    width: auto;
    height: 100%;
    max-height: 80px;
    margin: 0
}

#emoticonArea.board .emoticonTab {
    display: flex;
    position: relative;
    background: #fff;
    padding: 0 73px 0 32px;
    border-bottom: 1px solid #d9dddf;
    z-index: 11
}

#emoticonArea.board .emoticonTab>div {
    display: flex;
    height: 50px;
    align-items: center;
    flex: 0 0 42px;
    justify-content: center;
    font: 0/0 a
}

#emoticonArea.board .emoticonTab>div img {
    max-height: 28px
}

#emoticonArea.board .emoticonTab>div.active {
    background: #eee;
    position: relative
}

#emoticonArea.board .emoticonTab>div.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background: #4279ff;
    height: 2px;
    z-index: 10
}

#emoticonArea.board .emoticonTab>div.default a:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 34 26'%3e%3cdefs%3e%3cpath id='a' d='M.27.3h8.8v2.9H.26z'/%3e%3cpath id='c' d='M.27.3h8.8v2.9H.26z'/%3e%3c/defs%3e%3cg fill='none' stroke='none' fill-rule='evenodd'%3e%3cpath d='M0 0h34v26H0z'/%3e%3cpath fill='%23006CFF' d='M25.43 6.83c.8.82 1.2 1.8 1.2 2.95.12 3.54.07 7.04-.14 10.5a3.98 3.98 0 01-1.27 2.94 4.01 4.01 0 01-3 1.17c-3.85.1-7.75.07-11.7-.1a4.26 4.26 0 01-4.16-4.25 82.2 82.2 0 01.13-10.5c.02-1.14.45-2.11 1.29-2.92a4.96 4.96 0 012.96-1.39 45.56 45.56 0 0111.75.13 5.03 5.03 0 012.94 1.47'/%3e%3cpath fill='%23000' d='M16.1 5.17c-1.79 0-3.57.1-5.33.31A4.73 4.73 0 007.95 6.8a3.8 3.8 0 00-1.21 2.74 82.43 82.43 0 00-.13 10.49c-.01 1.1.36 2 1.14 2.8a4.04 4.04 0 002.78 1.2c3.93.18 7.86.21 11.69.1a3.74 3.74 0 002.83-1.09 3.71 3.71 0 001.19-2.75c.21-3.46.26-6.98.14-10.5 0-1.1-.36-2-1.13-2.78a4.8 4.8 0 00-2.8-1.4 46.18 46.18 0 00-6.35-.44m1.73 19.53c-2.42 0-4.87-.06-7.32-.16a4.52 4.52 0 01-4.4-4.5A82.72 82.72 0 016.24 9.5 4.28 4.28 0 017.6 6.44a5.22 5.22 0 013.11-1.45 46.03 46.03 0 0111.81.12 5.3 5.3 0 013.09 1.55 4.24 4.24 0 011.27 3.12c.12 3.52.07 7.07-.14 10.52a4.24 4.24 0 01-1.35 3.1 4.29 4.29 0 01-3.17 1.23c-1.45.04-2.91.06-4.39.06'/%3e%3cpath fill='%23F2338A' d='M10.03 6.4c1-.14 1.88.11 2.66.73a3.68 3.68 0 01.5 5.15 3.67 3.67 0 01-5.14.67 3.38 3.38 0 01-1.3-2.43c-.1-1 .17-1.92.8-2.72a3.71 3.71 0 012.48-1.4'/%3e%3cpath fill='%2300BBED' d='M22.73 6.5a7.22 7.22 0 013.33 3.01c.42.89.29 1.67-.4 2.35a8.18 8.18 0 01-3.74 2.37c-.76.1-1.22-.2-1.38-.9a27.96 27.96 0 01-.05-5.78c.14-1.18.89-1.53 2.24-1.05'/%3e%3cpath fill='%231AC62F' d='M17.85 7.8c.46.02.85.18 1.18.48.33.31.5.69.51 1.12l.13 3.28c.01.47-.16.87-.51 1.2-.36.34-.78.5-1.28.49l-1.96-.05a1.7 1.7 0 01-1.25-.54 1.56 1.56 0 01-.44-1.24l.3-3.26c.03-.44.22-.8.55-1.09a1.7 1.7 0 011.2-.41l1.57.03z'/%3e%3cpath fill='%23000' d='M24.01 8.56c.36.36.53.8.53 1.3 0 .51-.2.95-.56 1.3a1.78 1.78 0 01-1.3.52 1.75 1.75 0 01-1.3-.55 1.77 1.77 0 01-.52-1.3 1.77 1.77 0 01.56-1.3c.36-.36.8-.53 1.3-.52.51 0 .94.19 1.3.55M9.42 8.4c.36-.35.8-.53 1.3-.52.52 0 .95.2 1.3.55.36.37.53.8.52 1.31 0 .5-.19.93-.55 1.29-.35.36-.79.53-1.3.53a1.76 1.76 0 01-1.3-.57 1.76 1.76 0 01-.52-1.3c0-.5.19-.94.55-1.29'/%3e%3cpath fill='%23000' d='M11.11 9.89a.6.6 0 01-.44.17.66.66 0 01-.45-.19.64.64 0 010-.89.6.6 0 01.46-.17.58.58 0 01.44.18.6.6 0 01.18.45.61.61 0 01-.2.45'/%3e%3cpath fill='%23000' d='M10.67 8.88a.54.54 0 00-.4.15.57.57 0 000 .8.58.58 0 00.4.16c.16 0 .29-.05.39-.15a.54.54 0 00.17-.4.53.53 0 00-.16-.4.5.5 0 00-.39-.16zm0 1.25a.73.73 0 01-.5-.2.74.74 0 01-.2-.5.72.72 0 01.2-.5c.14-.13.3-.2.5-.2h.01a.65.65 0 01.5.22.69.69 0 01-.02.99.67.67 0 01-.48.19zm12.56-3.37a.33.33 0 01-.22-.08c-.26-.22-.52-.25-.85-.08a.33.33 0 01-.3-.6 1.35 1.35 0 011.59.18.33.33 0 01-.22.58M10.37 6.5a.33.33 0 01-.2-.6c.49-.4 1.04-.45 1.58-.15a.33.33 0 01-.32.58c-.3-.17-.56-.14-.85.1a.33.33 0 01-.2.07'/%3e%3cg transform='translate(13.56 1.14)'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3cpath fill='%23006CFF' d='M4.29 3.08c-.26.08-.46.12-.6.12a1.04 1.04 0 01-.53-.15L.62 1.59a.65.65 0 01-.34-.47.63.63 0 01.16-.55.57.57 0 01.47-.23c.19-.01.36.05.5.2l2 1.92c.16.15.36.2.6.14l.17-.08L8.03.4a.66.66 0 01.55-.06.68.68 0 01.41.37.65.65 0 01.02.56.7.7 0 01-.43.39l-4.3 1.42z' mask='url(%23b)'/%3e%3c/g%3e%3cg transform='translate(13.56 1.14)'%3e%3cmask id='d' fill='%23fff'%3e%3cuse xlink:href='%23c'/%3e%3c/mask%3e%3cpath fill='%23006CFF' d='M4.29 3.08c-.26.08-.46.12-.6.12a1.04 1.04 0 01-.53-.15L.62 1.59a.65.65 0 01-.34-.47.63.63 0 01.16-.55.57.57 0 01.47-.23c.19-.01.36.05.5.2l2 1.92c.16.15.36.2.6.14l.17-.08L8.03.4a.66.66 0 01.55-.06.68.68 0 01.41.37.65.65 0 01.02.56.7.7 0 01-.43.39l-4.3 1.42z' mask='url(%23d)'/%3e%3c/g%3e%3cpath fill='%23FC8A8A' d='M21.79 17.74a8.42 8.42 0 00-1.59-.05 8.32 8.32 0 00-2.63.6 8.3 8.3 0 00-3.72 2.89 6.73 6.73 0 01-.52-.6 8.4 8.4 0 01-1.5-5.15c3.26.53 6.58.27 9.98-.78.04.68.06 1.23.06 1.65 0 .51-.02.99-.08 1.44'/%3e%3cpath fill='%23E53030' d='M21.79 17.74a9.66 9.66 0 01-.17.97 6.2 6.2 0 01-1.03 2.24c-.53.7-1.15 1.2-1.88 1.47-.92.36-1.9.34-2.94-.04a5.35 5.35 0 01-1.92-1.2 8.3 8.3 0 013.72-2.9 8.32 8.32 0 012.63-.59 8.42 8.42 0 011.59.05'/%3e%3cpath fill='%23000' d='M12.09 15.73c.05 1.9.53 3.47 1.44 4.7l.3.36a8.64 8.64 0 011.27-1.32 8.67 8.67 0 012.38-1.42 8.6 8.6 0 012.7-.6c.47-.04.93-.03 1.39.01.04-.36.05-.75.05-1.16 0-.35-.01-.8-.04-1.32a22 22 0 01-9.5.75m2.1 5.42c.49.43 1.05.76 1.68 1 .97.35 1.9.37 2.76.04a4 4 0 001.77-1.4 5.98 5.98 0 001.12-2.83 8.23 8.23 0 00-1.3-.02 8.11 8.11 0 00-2.55.57 8.18 8.18 0 00-2.24 1.34 8.13 8.13 0 00-1.23 1.3m3.15 1.78a4.77 4.77 0 01-1.66-.32 5.63 5.63 0 01-2-1.25 7.07 7.07 0 01-.55-.64 8.7 8.7 0 01-1.55-5.28.25.25 0 01.3-.25c3.2.52 6.51.26 9.85-.78a.25.25 0 01.33.23c.04.67.06 1.23.06 1.66 0 .52-.03 1.01-.08 1.47a9.95 9.95 0 01-.18 1 6.48 6.48 0 01-1.07 2.33 4.48 4.48 0 01-2 1.55 4 4 0 01-1.45.28'/%3e%3c/g%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 34px;
    height: 26px
}

#emoticonArea.board .emoticonTab>div.subscribe a:before {
    content: "";
    display: block;
    background: url("data:image/svg+xml,%3csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.87 19.9'%3e%3cg %3e%3cpath d='M.22 4.05l-.07-2.6a1.13 1.13 0 010-.26v-.07a1 1 0 011-.71h.67a143.37 143.37 0 0114.66 0h.3A68.91 68.91 0 004.7.78a.8.8 0 01.14.36 1 1 0 01-.3.79.86.86 0 01-.75.27.94.94 0 01-.49-.15.89.89 0 01-.29-.39.81.81 0 010-.53V.99l-2.38.42a15.6 15.6 0 00-.41 2.64' fill-rule='evenodd' fill='%23ff9393'/%3e%3cpath d='M19.93 6.99a2.81 2.81 0 00-2-.77h-.15l-.11 5.33h.26a2.86 2.86 0 002-.78 2.56 2.56 0 000-3.79m-18.66 9.7a2.51 2.51 0 01-.26-.45 4 4 0 01-.53-2L.23 3.99a16.48 16.48 0 01.41-2.65L3.01.99a.21.21 0 010 .11.8.8 0 000 .49.84.84 0 00.33.4 1 1 0 00.48.15.87.87 0 00.71-.29.85.85 0 00.27-.78.73.73 0 00-.15-.36 66.84 66.84 0 0112-.37 1.13 1.13 0 01.74.39 1.77 1.77 0 01.16.22l.05.09a1.89 1.89 0 01.14.78v2.23h.18a4.68 4.68 0 014.84 4.79 4.86 4.86 0 01-1.35 3.47 4.55 4.55 0 01-3.5 1.47h-.14a2.65 2.65 0 01-1.3-.76 2.8 2.8 0 00.27 1.2 1.88 1.88 0 00.43.61.53.53 0 00.14.12 5.76 5.76 0 01-.79 2.2 18.05 18.05 0 01-7.06 1.41 18 18 0 01-8.19-1.88' fill='%23f43333' fill-rule='evenodd'/%3e%3cpath d='M1.27 16.64a18 18 0 008.19 1.88 18.42 18.42 0 007.06-1.41 4 4 0 01-1.45 1.34 13.16 13.16 0 01-6.3 1.25 10.61 10.61 0 01-5.55-1.47l-.08-.06a9.61 9.61 0 01-1.37-1l-.23-.18-.27-.3m16.5-2.91h-.35a10.71 10.71 0 01-.11 1.21.53.53 0 01-.14-.12 2.12 2.12 0 01-.47-.64 2.82 2.82 0 01-.3-1.3 3.56 3.56 0 001.37.75' fill='%23c61c1c' fill-rule='evenodd'/%3e%3cpath d='M17.82 11.44h.1a2.72 2.72 0 001.91-.74 2.33 2.33 0 00.78-1.77 2.39 2.39 0 00-.78-1.79 2.75 2.75 0 00-1.91-.73zm.1.31h-.27a.15.15 0 01-.15-.15l.11-5.32a.15.15 0 01.14-.15h.17a3 3 0 012.09.8 2.71 2.71 0 01.88 2 2.64 2.64 0 01-.88 2 3 3 0 01-2.09.82zM3.31 18.14a10.27 10.27 0 005.46 1.44 13.16 13.16 0 006.24-1.22 4 4 0 001.4-1.3 5.62 5.62 0 00.77-2.14 9.26 9.26 0 00.11-1.17.15.15 0 01.15-.15h.49a4.43 4.43 0 003.39-1.41 4.84 4.84 0 001.29-3.35 4.58 4.58 0 00-1.32-3.29 4.51 4.51 0 00-3.38-1.34h-.17a.13.13 0 01-.12 0 .17.17 0 01-.05-.12l.05-2.25a2.17 2.17 0 00-.13-.71l-.05-.09a1.37 1.37 0 00-.13-.2 1 1 0 00-.66-.35h-.27a134.32 134.32 0 00-14.47 0h-.68C.74.54.45.73.36 1.08v.06a.81.81 0 000 .22l.02 2.63.23 10.24a3.93 3.93 0 00.5 1.92 3 3 0 00.29.43l.25.29.23.21a9.25 9.25 0 001.33 1l.1.07zm5.46 1.76a10.71 10.71 0 01-5.63-1.5h-.13a11.27 11.27 0 01-1.38-1l-.23-.21-.27-.31a3.94 3.94 0 01-.31-.48 4.25 4.25 0 01-.54-2.06L.07 3.99l-.06-2.6a.81.81 0 010-.31A1.15 1.15 0 011.21.2h.69a134.87 134.87 0 0114.5 0h.29a1.45 1.45 0 01.84.45l.18.24v.1a2.41 2.41 0 01.16.84v2.05a4.84 4.84 0 015 4.68v.25a5.14 5.14 0 01-1.39 3.59 4.75 4.75 0 01-3.62 1.51h-.34a3.57 3.57 0 01-.1 1.05 6.09 6.09 0 01-.82 2.26 4.28 4.28 0 01-1.5 1.4 13.37 13.37 0 01-6.38 1.27z' fill-rule='evenodd'/%3e%3cpath d='M3.39 7.84c-.61-.68-.45-1.09.49-1.23l3.13-.43 1.52-3.19c.37-.86.74-.86 1.12 0l1.49 3.17 3.57.54c.92.07.94.48 0 1.21l-2.3 2.31.6 3.48q.4 1.62-1.05.6l-2.85-1.55-3 1.75q-1.3.91-.9-.78l.58-3.48z' fill='%23fff' fill-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 23px;
    height: 20px
}

#emoticonArea.board .emoticonTab>div.ogq {
    display: flex;
    width: 42px;
    position: absolute;
    top: 0;
    right: 32px;
    z-index: 10;
    border-bottom: 1px solid #d9dddf;
    background: #fff
}

#emoticonArea.board .emoticonTab>div.ogq a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 37px;
    height: 25px;
    border-left: 1px solid #d9dddf
}

#emoticonArea.board .emoticonTab>div.ogq a:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3e%3cdefs/%3e%3cpath fill='%23666' fill-rule='evenodd' d='M19.991 0c1.275 0 2.432.731 2.984 1.87l.082.183 2.906 7.115.037.189c0 1.613-.785 3.017-1.999 3.847L24 21.808c0 1.162-.925 2.107-2.09 2.186l-.161.006H4.255c-1.186 0-2.163-.894-2.246-2.035l-.006-.157v-8.636A4.615 4.615 0 01.005 9.57L0 9.357l.039-.194 2.98-7.112A3.319 3.319 0 015.886.006l.2-.006h13.905zM8.865 11.441l-.046.092A4.673 4.673 0 014.679 14a4.753 4.753 0 01-1.677-.304l.001 8.112c0 .614.489 1.124 1.123 1.186l.129.006h5.047v-3.034c0-2.181 1.647-3.966 3.7-3.966 1.987 0 3.596 1.675 3.695 3.763l.004.203V23h5.048c.652 0 1.181-.472 1.245-1.071l.006-.121v-8.089a4.652 4.652 0 01-1.603.281 4.67 4.67 0 01-4.18-2.545A4.668 4.668 0 0113.038 14a4.643 4.643 0 01-4.173-2.559zM13.002 17c-1.427 0-2.609 1.224-2.695 2.785l-.005.181V23h5.399v-3.034c0-1.646-1.218-2.966-2.699-2.966zM9.482 1H6.086c-.879 0-1.678.497-2.07 1.276l-.074.159L1.001 9.45l.004.101c.098 1.868 1.595 3.347 3.478 3.444l.196.005c1.975 0 3.574-1.516 3.675-3.449l.005-.194.005-.001-.001-.066L9.482 1zm6.103-.001H10.49L9.359 9.357c0 1.959 1.535 3.538 3.483 3.638l.196.005c2.041 0 3.68-1.619 3.684-3.577l-.002.061-.001-.085-1.134-8.4zM19.991 1h-3.396l1.123 8.357c0 2.025 1.638 3.643 3.679 3.643 1.958 0 3.501-1.5 3.598-3.447l.003-.104-2.866-7.017a2.315 2.315 0 00-1.967-1.425L19.991 1z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 21px;
    height: 19px
}

#emoticonArea.board .emoticonTab>div.clock a:before {
    content: "";
    display: block;
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    margin-top: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 19 19'%3e%3cpath d='M9.5 19C4.26 19 0 14.74 0 9.5S4.26 0 9.5 0 19 4.26 19 9.5 14.74 19 9.5 19zm0-18C4.81 1 1 4.81 1 9.5S4.81 18 9.5 18c4.69 0 8.5-3.81 8.5-8.5S14.19 1 9.5 1z'/%3e%3cpath d='M9.5 9.83c-.28 0-.5-.23-.5-.5V4.27c0-.27.22-.5.5-.5s.5.23.5.5v5.05c0 .28-.22.51-.5.51z'/%3e%3cpath d='M13.97 12.35c-.08 0-.16-.02-.23-.06L9.27 9.94a.49.49 0 01-.21-.67c.13-.24.43-.34.68-.21l4.47 2.35c.25.13.34.43.21.67-.09.18-.27.27-.45.27z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat
}

#emoticonArea.board .emoticonTab .emoticonWrap {
    position: relative
}

#emoticonArea.board .emoticonTab .emoticonWrap .tab_slide {
    overflow: hidden
}

#emoticonArea.board [class^=swipe-button] {
    position: absolute;
    top: 0;
    background: #fff;
    width: 32px;
    height: 51px;
    border-bottom: 1px solid #d9dddf;
    z-index: 11
}

#emoticonArea.board [class^=swipe-button]::before {
    content: "";
    position: absolute;
    top: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 7.5 11.5'%3e%3cpath fill='none' d='M1.267.509l5.06 4.995-5.06 4.996'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 7px;
    height: 12px;
    margin-top: -6px
}

#emoticonArea.board [class^=swipe-button]:disabled::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' viewBox='0 0 7.5 11.5'%3e%3cpath fill='none' d='M1.267.509l5.06 4.995-5.06 4.996'/%3e%3c/svg%3e")
}

#emoticonArea.board .swipe-button-prev:before {
    left: 16px;
    transform: rotate(180deg)
}

#emoticonArea.board .swipe-button-next {
    right: 0
}

#emoticonArea.board .swipe-button-next:before {
    right: 16px
}

.thema_dark #emoticonArea,html[dark=true] #emoticonArea {
    background: #1b1b1c;
    border-color: #333
}

.thema_dark #emoticonArea .emoticonTab,html[dark=true] #emoticonArea .emoticonTab {
    background: #1b1b1c;
    border-color: #282828
}

.thema_dark #emoticonArea .emoticonTab>div.ogq,html[dark=true] #emoticonArea .emoticonTab>div.ogq {
    border-color: #333;
    background: #1b1b1c
}

.thema_dark #emoticonArea .emoticonTab>div.ogq a,html[dark=true] #emoticonArea .emoticonTab>div.ogq a {
    border-left: 1px solid #282828
}

.thema_dark #emoticonArea .emoticonTab>div.ogq a:before,html[dark=true] #emoticonArea .emoticonTab>div.ogq a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3e%3cdefs/%3e%3cpath fill='%23999' fill-rule='evenodd' d='M19.991 0c1.275 0 2.432.731 2.984 1.87l.082.183 2.906 7.115.037.189c0 1.613-.785 3.017-1.999 3.847L24 21.808c0 1.162-.925 2.107-2.09 2.186l-.161.006H4.255c-1.186 0-2.163-.894-2.246-2.035l-.006-.157v-8.636A4.615 4.615 0 01.005 9.57L0 9.357l.039-.194 2.98-7.112A3.319 3.319 0 015.886.006l.2-.006h13.905zM8.865 11.441l-.046.092A4.673 4.673 0 014.679 14a4.753 4.753 0 01-1.677-.304l.001 8.112c0 .614.489 1.124 1.123 1.186l.129.006h5.047v-3.034c0-2.181 1.647-3.966 3.7-3.966 1.987 0 3.596 1.675 3.695 3.763l.004.203V23h5.048c.652 0 1.181-.472 1.245-1.071l.006-.121v-8.089a4.652 4.652 0 01-1.603.281 4.67 4.67 0 01-4.18-2.545A4.668 4.668 0 0113.038 14a4.643 4.643 0 01-4.173-2.559zM13.002 17c-1.427 0-2.609 1.224-2.695 2.785l-.005.181V23h5.399v-3.034c0-1.646-1.218-2.966-2.699-2.966zM9.482 1H6.086c-.879 0-1.678.497-2.07 1.276l-.074.159L1.001 9.45l.004.101c.098 1.868 1.595 3.347 3.478 3.444l.196.005c1.975 0 3.574-1.516 3.675-3.449l.005-.194.005-.001-.001-.066L9.482 1zm6.103-.001H10.49L9.359 9.357c0 1.959 1.535 3.538 3.483 3.638l.196.005c2.041 0 3.68-1.619 3.684-3.577l-.002.061-.001-.085-1.134-8.4zM19.991 1h-3.396l1.123 8.357c0 2.025 1.638 3.643 3.679 3.643 1.958 0 3.501-1.5 3.598-3.447l.003-.104-2.866-7.017a2.315 2.315 0 00-1.967-1.425L19.991 1z'/%3e%3c/svg%3e");
    background-position: 0 0;
    background-repeat: no-repeat
}

.thema_dark #emoticonArea .emoticonTab>div.clock a:before,html[dark=true] #emoticonArea .emoticonTab>div.clock a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 19 19'%3e%3cpath d='M9.5 19C4.26 19 0 14.74 0 9.5S4.26 0 9.5 0 19 4.26 19 9.5 14.74 19 9.5 19zm0-18C4.81 1 1 4.81 1 9.5S4.81 18 9.5 18c4.69 0 8.5-3.81 8.5-8.5S14.19 1 9.5 1z'/%3e%3cpath d='M9.5 9.83c-.28 0-.5-.23-.5-.5V4.27c0-.27.22-.5.5-.5s.5.23.5.5v5.05c0 .28-.22.51-.5.51z'/%3e%3cpath d='M13.97 12.35c-.08 0-.16-.02-.23-.06L9.27 9.94a.49.49 0 01-.21-.67c.13-.24.43-.34.68-.21l4.47 2.35c.25.13.34.43.21.67-.09.18-.27.27-.45.27z'/%3e%3c/svg%3e")
}

.thema_dark #emoticonArea .emoticonTab>div.active,html[dark=true] #emoticonArea .emoticonTab>div.active {
    background: #333
}

.thema_dark #emoticonArea [class^=swipe-button],html[dark=true] #emoticonArea [class^=swipe-button] {
    background: #1b1b1c;
    border-color: #282828
}

.thema_dark #emoticonArea [class^=swipe-button]::before,html[dark=true] #emoticonArea [class^=swipe-button]::before {
    content: "";
    position: absolute;
    top: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23c8c8c8' viewBox='0 0 7.5 11.5'%3e%3cpath fill='none' d='M1.267.509l5.06 4.995-5.06 4.996'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat
}

.thema_dark #emoticonArea [class^=swipe-button]:disabled::before,html[dark=true] #emoticonArea [class^=swipe-button]:disabled::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23333' viewBox='0 0 7.5 11.5'%3e%3cpath fill='none' d='M1.267.509l5.06 4.995-5.06 4.996'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat
}

.thema_dark #emoticonArea.edit [class^=swipe-button],html[dark=true] #emoticonArea.edit [class^=swipe-button] {
    border-color: #282828
}

.thema_dark #emoticonArea.edit .emoticonTab>div.ogq,html[dark=true] #emoticonArea.edit .emoticonTab>div.ogq {
    border-color: #282828
}

.thema_dark #emoticonBox,html[dark=true] #emoticonBox {
    background: #1b1b1c;
    border-color: #333
}

.thema_dark #emoticonBox .scroll_area .sg_area .sg_area:nth-of-type(n+2),html[dark=true] #emoticonBox .scroll_area .sg_area .sg_area:nth-of-type(n+2) {
    border-top: 0
}

.thema_dark #emoticonBox .scroll_area span a:hover,html[dark=true] #emoticonBox .scroll_area span a:hover {
    border-color: #4d4d4d;
    border-radius: 0
}

* {
    font-family: "NG", verdana, applegothic, sans-serif
}

@keyframes fade_AC {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade_AC {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

button {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
    outline: none;
    cursor: pointer;
    font-family: inherit
}

.btn-grid {
    margin-top: 16px
}

.btn-grid:after {
    content: "";
    display: block;
    clear: both
}

.btn-grid [class$=start] {
    float: left;
    position: relative
}

.btn-grid [class$=end] {
    float: right;
    position: relative;
    text-align: right
}

.btn-grid .btn-basic {
    margin-left: 8px
}

.btn-grid .btn-basic:first-child {
    margin-left: 0
}

.board-srh_wrap {
    padding-top: 38px
}

.btn-basic {
    padding: 0 16px;
    min-width: 60px;
    height: 36px;
    border: 1px solid #d9dddf;
    border-radius: 3px;
    color: #333;
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    transition: all .2s ease
}

a.btn-basic {
    display: inline-block;
    line-height: 36px;
    box-sizing: border-box
}

.btn-basic:hover {
    background: #f0f0f0
}

.btn-basic.blue {
    border-color: #4279ff;
    color: #4279ff;
    font-weight: bold
}

.btn-basic.blue2 {
    background: #4279ff;
    margin-left: 8px;
    border-color: #4279ff;
    color: #fff;
    font-weight: bold
}

.btn-basic.blue2:disabled,.btn-basic:disabled {
    background: #fff;
    border-color: #d9dddf !important;
    color: #aaa !important
}

.btn-basic:disabled:hover {
    background: none !important
}

button.confirm {
    border-color: #4279ff;
    color: #4279ff;
    font-weight: bold
}

button.confirm span {
    padding-left: 19px
}

button.confirm span:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66,121,255,0.999)' stroke='' viewBox='0 0 13 13'%3e%3cpath d='M11 5L8 2l2-2 3 3-2 2zm-8 8H0v-3l7-7 3 3-7 7z'/%3e%3c/svg%3e") 0 0 no-repeat;
    width: 13px;
    height: 13px
}

.btn-basic.write span {
    position: relative;
    padding-left: 19px;
    font-weight: bold
}

.btn-basic.write span:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66,121,255,0.999)' stroke='' viewBox='0 0 13 13'%3e%3cpath d='M11 5L8 2l2-2 3 3-2 2zm-8 8H0v-3l7-7 3 3-7 7z'/%3e%3c/svg%3e") 0 0 no-repeat;
    width: 13px;
    height: 13px
}

button.memo span {
    padding-left: 19px
}

button.memo span:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(119,119,119,0.999)' stroke='' viewBox='0 0 18 19'%3e%3cpath fill-rule='evenodd' d='M17.609 12.965c0 .147-.06.288-.165.39l-4.68 4.511a.542.542 0 01-.746.006l-3.411-3.186c-.028-.026-.042-.059-.063-.088l-3.421 3.296a.544.544 0 01-.376.152l-.016-.001a.537.537 0 01-.382-.175L.261 13.416a.541.541 0 01.028-.761l3.579-3.368V.532c0-.299.242-.542.541-.542h9.248c.299 0 .541.243.541.542v8.929l3.245 3.113a.544.544 0 01.166.391zM4.771 16.73l7.703-7.422-3.491-3.349-7.563 7.118 3.351 3.653zm8.344-14.66L9.773 5.216l3.342 3.206V2.07zm-.52-.997h-7.14L8.99 4.465l3.605-3.392zM8.201 5.209L4.951 2.09v6.178l3.25-3.059zm5.055 4.849l-3.962 3.817c.016.012.038.006.052.02l3.036 2.835 3.905-3.764-3.031-2.908z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 13px
}

button.btn-pin span,button.btn-later span,button.btn-detail span {
    display: block;
    width: 32px;
    height: 32px;
    font: 0/0 a
}

button.btn-pin span {
    background: #4279ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.999)' stroke='' viewBox='0 0 15.5 15.5'%3e%3cpath d='M11.453 8.118l-1.524 6.097-3.43-3.429-5.716 3.429 3.43-5.716L.783 5.07 6.88 3.546 9.929.497l4.573 4.573-3.049 3.048z'/%3e%3c/svg%3e") center no-repeat;
    background-size: 14px 14px;
    width: 32px;
    height: 32px;
    border-radius: 8px
}

button.btn-pin:hover span {
    background: #3e72f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(240,240,240,0.999)' stroke='' viewBox='0 0 15.5 15.5'%3e%3cpath d='M11.453 8.118l-1.524 6.097-3.43-3.429-5.716 3.429 3.43-5.716L.783 5.07 6.88 3.546 9.929.497l4.573 4.573-3.049 3.048z'/%3e%3c/svg%3e") center no-repeat;
    background-size: 14px 14px
}

button.btn-later {
    background: #f6f6f6;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease
}

button.btn-later span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(90,90,90,0.999)' stroke='' viewBox='0 0 19 19'%3e%3cpath d='M9.4 3.73c.4 0 .71.32.71.72v6.23a.7.7 0 01-.7.71H5.76a.7.7 0 01-.7-.7c0-.4.31-.72.7-.72h2.95V4.45c0-.4.31-.72.7-.72zm9.58 13.14c0 .3-.24.53-.53.53h-4.09a.53.53 0 01-.52-.53v-4.14c0-.3.23-.53.52-.53.3 0 .53.24.53.53v2.98a8.38 8.38 0 002.73-6.21 8.33 8.33 0 00-8.27-8.37A8.33 8.33 0 001.08 9.5a8.33 8.33 0 009.48 8.28c.3-.04.56.16.6.45.05.3-.15.57-.44.61A9.4 9.4 0 01.02 9.5 9.4 9.4 0 019.35.06a9.4 9.4 0 019.33 9.44 9.44 9.44 0 01-2.9 6.84h2.67c.3 0 .53.23.53.53z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
    margin: auto
}

button.btn-360deg {
    transition: all .2s ease
}

button.btn-360deg span {
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.999)' stroke='' viewBox='0 0 52 36'%3e%3cdefs%3e%3cfilter filterUnits='userSpaceOnUse' id='a' x='0' y='0' width='52' height='36'%3e%3cfeOffset in='SourceAlpha'/%3e%3cfeGaussianBlur result='blurOut' stdDeviation='2.236'/%3e%3cfeFlood flood-color='black' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='blurOut'/%3e%3cfeComponentTransfer%3e%3cfeFuncA type='linear' slope='.3'/%3e%3c/feComponentTransfer%3e%3cfeMerge%3e%3cfeMergeNode/%3e%3cfeMergeNode in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='white' d='M41.626 9.581c-.837 0-1.516-.678-1.516-1.513 0-.836.679-1.514 1.516-1.514s1.515.678 1.515 1.514c0 .835-.678 1.513-1.515 1.513zm0-2.326c-.451 0-.816.364-.816.814 0 .45.365.815.816.815.451 0 .817-.365.817-.815 0-.45-.366-.814-.817-.814zm-3.934 10.59c-.383.438-.833.758-1.352.958-.518.201-1.072.302-1.658.302-.597 0-1.158-.103-1.682-.31-.524-.206-.98-.531-1.367-.974-.388-.444-.692-1.011-.912-1.703-.22-.692-.33-1.524-.33-2.496v-.808c0-1.014.118-1.872.354-2.575.236-.702.553-1.271.951-1.703.398-.433.856-.745 1.375-.935.518-.191 1.066-.286 1.642-.286.577 0 1.119.095 1.627.286.508.19.956.502 1.344.935.387.432.694.995.919 1.687.225.692.338 1.534.338 2.528v.855c0 .993-.113 1.838-.338 2.535-.225.697-.529 1.265-.911 1.704zm-.543-5.111c0-1.394-.207-2.416-.62-3.066-.414-.649-1.025-.974-1.831-.974-.807 0-1.42.314-1.84.943-.418.628-.628 1.629-.628 3.002v1.046c0 1.384.205 2.404.613 3.059.409.654 1.022.982 1.839.982.409 0 .765-.074 1.069-.222.303-.148.56-.38.77-.697.209-.317.367-.723.471-1.22.105-.497.157-1.099.157-1.807v-1.046zm-.963 12.163l-6.984 4.109v-3.098c-.548.068-1.664.147-3.906.147-2.298 0-19.118-.858-19.118-7.843 0-2.574 2.849-4.872 5.147-5.638v.49s-3.677 1.09-3.677 4.903c0 3.676 9.988 6.127 17.403 6.127 0 0 .163-.008.431-.021 1.811 0 3.017-.077 3.72-.14v-3.146l6.984 4.11zm-8.237-6.918c-.325.349-.723.624-1.195.824-.471.201-1.011.302-1.618.302-1.332 0-2.34-.45-3.026-1.348-.686-.897-1.029-2.144-1.029-3.739v-.84c0-1.046.117-1.941.353-2.686.236-.744.563-1.352.983-1.822.419-.47.913-.813 1.485-1.03.571-.216 1.192-.325 1.862-.325.566 0 1.087.074 1.564.222.477.148.836.296 1.077.444l-.393 1.283c-.105-.063-.241-.124-.409-.182-.168-.058-.348-.111-.542-.159-.194-.047-.393-.086-.598-.118-.204-.032-.401-.048-.589-.048-.45 0-.854.063-1.21.19s-.665.346-.927.658c-.263.312-.469.732-.621 1.26-.152.528-.249 1.188-.291 1.981.294-.275.668-.526 1.124-.754.456-.226.988-.34 1.595-.34.482 0 .93.079 1.344.237.414.159.772.386 1.077.682.303.296.541.658.714 1.086.174.427.26.911.26 1.45 0 .548-.084 1.061-.252 1.537-.167.475-.413.887-.738 1.235zm-.88-3.668c-.105-.291-.252-.525-.44-.705-.189-.179-.415-.311-.676-.396-.262-.084-.551-.127-.864-.127-.242 0-.472.037-.692.111-.22.074-.43.172-.629.293-.199.122-.38.259-.542.412-.163.154-.296.304-.401.451v.112c0 .507.042.964.126 1.371.083.406.217.752.401 1.037.183.285.419.505.707.658.288.153.636.229 1.045.229.66 0 1.179-.208 1.556-.626.377-.416.566-1.006.566-1.766 0-.412-.052-.763-.157-1.054zm-8.588 3.827c-.356.296-.788.525-1.296.689-.508.164-1.082.246-1.721.246-.681 0-1.302-.08-1.863-.238-.56-.158-.998-.349-1.312-.571l.314-1.298c.157.094.338.184.542.268.205.085.422.159.653.222.23.064.465.114.707.151.241.037.466.055.676.055.848 0 1.496-.176 1.941-.531.445-.353.667-.863.667-1.529 0-.665-.225-1.151-.675-1.457-.451-.307-1.069-.465-1.855-.476l-1.1-.015v-1.347l.99-.016c.692-.011 1.244-.174 1.658-.491.414-.317.621-.766.621-1.347 0-.624-.189-1.064-.566-1.323-.376-.259-.891-.389-1.54-.389-.44 0-.867.072-1.28.214-.415.143-.794.304-1.14.484l-.204-1.331c.167-.106.372-.209.613-.31.24-.099.497-.184.77-.253.272-.068.55-.124.833-.166.282-.043.56-.064.832-.064.514 0 .983.064 1.407.191.424.126.788.308 1.093.546.303.238.536.534.699.888.162.353.244.757.244 1.212 0 .697-.189 1.265-.566 1.703-.377.439-.886.763-1.525.975.356.074.689.182.998.325.309.142.574.327.794.554.22.227.393.502.519.824.125.322.188.7.188 1.133 0 .518-.097.985-.291 1.402-.194.418-.469.774-.825 1.07zm24.462-.662c0-2.849-2.696-3.921-2.696-3.921v-.491c1.041.399 3.922 2.574 3.922 5.148 0 4.289-5.883 5.637-5.883 5.637s-1.409-.95-1.961-1.226c2.053-.643 6.618-2.052 6.618-5.147z'/%3e%3c/g%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 49px;
    height: 36px;
    font: 0/0 a
}

button.btn-360deg.small span {
    width: 42px;
    height: 29px
}

button.btn-detail {
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
    width: 21px;
    height: 21px
}

button.btn-detail span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(170,170,170,0.999)' stroke='' viewBox='0 0 4 20'%3e%3cpath d='M2 12c-1.105 0-2-.896-2-2 0-1.105.895-2 2-2 1.104 0 2 .895 2 2 0 1.104-.896 2-2 2zm0-8C.895 4 0 3.105 0 2s.895-2 2-2c1.104 0 2 .895 2 2s-.896 2-2 2zm0 12c1.104 0 2 .895 2 2 0 1.104-.896 2-2 2-1.105 0-2-.896-2-2 0-1.105.895-2 2-2z'/%3e%3c/svg%3e") 0 0 no-repeat;
    width: 3px;
    height: 15px;
    margin: 0 auto
}

button.btn-detail:hover {
    background-color: #f0f0f0;
    border-radius: 3px
}

button.up {
    padding: 0 15px
}

button.up span {
    display: inline-block;
    width: 18px;
    height: 19px;
    margin-right: 6px;
    font: 0/0 a;
    vertical-align: 15px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23AAA' fill-rule='evenodd' d='M9.299 1.156a2.6 2.6 0 0 0-2.674 1.573L4.398 8a1.596 1.596 0 0 0-.562-.102h-1.16a2.6 2.6 0 0 0-2.6 2.6v4.96a2.6 2.6 0 0 0 2.6 2.6h1.16c.285 0 .553-.074.785-.205.203.238.477.418.796.505l1.858.507a2.6 2.6 0 0 0 .685.092h4.986a3.6 3.6 0 0 0 3.528-2.886l1.395-6.884a2.4 2.4 0 0 0-2.353-2.876h-3.852V3.745A2.6 2.6 0 0 0 9.343 1.16l-.044-.004Zm-1.568 2.04a1.4 1.4 0 0 1 1.44-.847l.043.004a1.4 1.4 0 0 1 1.25 1.392v2.666a1.1 1.1 0 0 0 1.1 1.1h3.952a1.2 1.2 0 0 1 1.176 1.438l-1.394 6.884a2.4 2.4 0 0 1-2.352 1.924H7.96c-.125 0-.249-.017-.369-.05l-1.858-.506a.4.4 0 0 1-.295-.386V8.62l2.293-5.425Zm-6.455 7.302a1.4 1.4 0 0 1 1.4-1.4h1.16c.22 0 .4.18.4.4v6.96a.4.4 0 0 1-.4.4h-1.16a1.4 1.4 0 0 1-1.4-1.4v-4.96Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

button.up em {
    color: #333
}

button.up.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M6.627 2.729a2.6 2.6 0 0 1 2.674-1.573l.044.004a2.6 2.6 0 0 1 2.32 2.585v2.566h3.853a2.4 2.4 0 0 1 2.352 2.876l-1.393 6.884a3.6 3.6 0 0 1-3.529 2.886H7.961a2.6 2.6 0 0 1-.684-.092l-1.858-.507a1.597 1.597 0 0 1-.797-.506c-.232.131-.5.206-.786.206h-1.16a2.6 2.6 0 0 1-2.6-2.6v-4.96a2.6 2.6 0 0 1 2.6-2.6h1.16c.198 0 .388.037.564.103l2.227-5.272Zm2.545-.38a1.4 1.4 0 0 0-1.44.847L5.44 8.62v8.194a.4.4 0 0 0 .295.386l1.858.506c.12.033.244.05.368.05h4.987a2.4 2.4 0 0 0 2.352-1.924l1.394-6.884a1.2 1.2 0 0 0-1.176-1.438h-3.952a1.1 1.1 0 0 1-1.1-1.1V3.745a1.4 1.4 0 0 0-1.25-1.392l-.044-.004Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

button.up.on em {
    font-weight: bold
}

button.cmmt_list span {
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(170,170,170,0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M14.42 14h-3.64l-1.27 2.45c-.24.35-.62.56-1.03.56-.5 0-.95-.3-1.16-.78L6.2 14H2.6a2.66 2.66 0 01-2.59-2.72V2.71c0-1.5 1.16-2.72 2.6-2.72h11.8a2.66 2.66 0 012.6 2.72v8.56c0 1.5-1.17 2.72-2.6 2.72zM16 2.8c0-1-.77-1.81-1.72-1.81H2.71c-.95 0-1.72.8-1.72 1.8v8.4c0 1 .77 1.8 1.72 1.8H6.7l1.36 2.66c.07.2.24.3.4.3.13 0 .26-.06.35-.2l1.4-2.76h4.07c.95 0 1.72-.8 1.72-1.8v-8.4zM13.56 5H3.44c-.23 0-.42-.22-.42-.5 0-.27.19-.49.42-.49h10.12c.23 0 .42.22.42.5 0 .27-.19.49-.42.49zM3.46 8.02h7.08c.26 0 .47.21.47.48s-.21.48-.47.48H3.46A.47.47 0 013 8.5c0-.27.2-.48.46-.48z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    margin-right: 6px;
    font: 0/0 a;
    vertical-align: 12px
}

button.share {
    min-width: 36px;
    padding: 0
}

button.share span {
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.999)' stroke='%23aaa' viewBox='0 0 19 16'%3e%3cpath fill='none' d='M11.503.495c-.058 0-.117.012-.174.036-.175.073-.271.246-.271.438V4.31C9.203 4.55 2.395 6.125.487 14.913c-.048.221.056.444.26.535.06.028.12.041.183.041.149 0 .31-.072.4-.202.031-.044 3.42-4.478 9.728-4.606v3.546c0 .192.096.365.271.438.057.024.117.036.176.036.119 0 .235-.049.325-.139l6.537-6.63c.183-.185.179-.483-.004-.669L11.821.634c-.09-.091-.202-.139-.318-.139h0z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 15px;
    font: 0/0 a;
    vertical-align: 11px
}

button.emoticon {
    padding: 5px
}

button.emoticon span {
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(176,176,176,0.999)' stroke='' viewBox='0 0 22 22'%3e%3cpath fill-rule='evenodd' d='M11 22C4.925 22 0 17.075 0 11S4.925 0 11 0s11 4.925 11 11-4.925 11-11 11zm0-21C5.477 1 1 5.477 1 11s4.477 10 10 10 10-4.477 10-10S16.523 1 11 1zm3.969 9.344c-.829 0-1.5-.672-1.5-1.5 0-.829.671-1.5 1.5-1.5.828 0 1.5.671 1.5 1.5 0 .828-.672 1.5-1.5 1.5zm.539 2.881c.14-.239.447-.317.684-.177.239.139.318.446.177.684-.723 1.229-2.375 3.289-5.308 3.289-2.929 0-4.581-2.057-5.305-3.284-.141-.237-.062-.544.176-.684.239-.139.545-.061.685.176.616 1.043 2.012 2.792 4.444 2.792 2.435 0 3.832-1.752 4.447-2.796zm-8.571-2.881c-.828 0-1.5-.672-1.5-1.5 0-.829.672-1.5 1.5-1.5.829 0 1.5.671 1.5 1.5 0 .828-.671 1.5-1.5 1.5z'/%3e%3c/svg%3e") 0 0 no-repeat;
    width: 22px;
    height: 22px;
    font: 0/0 a
}

button.emoticon.on span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115,152,255,0.999)' stroke='' viewBox='0 0 22 22'%3e%3cpath fill-rule='evenodd' d='M11 22C4.925 22 0 17.075 0 11S4.925 0 11 0s11 4.925 11 11-4.925 11-11 11zm0-21C5.477 1 1 5.477 1 11s4.477 10 10 10 10-4.477 10-10S16.523 1 11 1zm3.969 9.344c-.829 0-1.5-.672-1.5-1.5 0-.829.671-1.5 1.5-1.5.828 0 1.5.671 1.5 1.5 0 .828-.672 1.5-1.5 1.5zm.539 2.881c.14-.239.447-.317.684-.177.239.139.318.446.177.684-.723 1.229-2.375 3.289-5.308 3.289-2.929 0-4.581-2.057-5.305-3.284-.141-.237-.062-.544.176-.684.239-.139.545-.061.685.176.616 1.043 2.012 2.792 4.444 2.792 2.435 0 3.832-1.752 4.447-2.796zm-8.571-2.881c-.828 0-1.5-.672-1.5-1.5 0-.829.672-1.5 1.5-1.5.829 0 1.5.671 1.5 1.5 0 .828-.671 1.5-1.5 1.5z'/%3e%3c/svg%3e") 0 0 no-repeat
}

button.img_up {
    padding: 6px 5px
}

button.img_up span {
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(176,176,176,0.999)' stroke='' viewBox='0 0 22 20'%3e%3cpath fill-rule='evenodd' d='M19 19.994H3c-1.657 0-3-1.343-3-3v-11c0-1.657 1.343-3 3-3h2.008v-.008l1.98-2.98h8.041l1.979 2.98v.008H19c1.657 0 3 1.343 3 3v11c0 1.657-1.343 3-3 3zm2-14c0-1.103-.897-2-2-2h-1.992c-.381 0-.713-.214-.882-.528l-1.634-2.46H7.524L5.868 3.499c-.174.295-.494.495-.86.495H3c-1.103 0-2 .897-2 2v11c0 1.102.897 2 2 2h16c1.103 0 2-.898 2-2v-11zM11 16c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5zm0-9c-2.209 0-4 1.791-4 4s1.791 4 4 4 4-1.791 4-4-1.791-4-4-4z'/%3e%3c/svg%3e") 0 0 no-repeat;
    width: 22px;
    height: 20px;
    font: 0/0 a
}

.paging {
    font-size: 0;
    line-height: 0;
    text-align: center
}

.paging a {
    display: inline-block;
    height: 28px;
    padding: 0 8px;
    border-radius: 2px;
    color: #555;
    font-size: 13px;
    line-height: 28px;
    transition: all .2s ease
}

.paging a:hover {
    background: #f0f0f0
}

.paging a:first-child {
    margin-left: 0
}

.paging a.on {
    background: #4279ff;
    color: #fff
}

.paging span {
    width: 32px;
    color: #555;
    font-size: 13px;
    text-align: center;
    line-height: 1.2
}

.paging .prev,.paging .next {
    background: #fff;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #d9dddf;
    border-radius: 1px;
    vertical-align: 19px;
    font: 0/0 a
}

.paging .prev:before,.paging .next:before {
    content: "";
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.999)' stroke='%23888' viewBox='0 0 7.5 11.5'%3e%3cpath fill='none' d='M1.267.509l5.06 4.995-5.06 4.996'/%3e%3c/svg%3e") 0 0 no-repeat;
    width: 7px;
    height: 11px;
    margin: 0 auto;
    vertical-align: -21px
}

.paging .prev {
    margin-right: 12px
}

.paging .prev:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.paging .next {
    margin-left: 12px
}

.select-box {
    display: inline-block;
    position: relative;
    background: #fff;
    z-index: 10;
    transition: all .2s ease
}

.select-box .selected {
    display: block;
    position: relative;
    width: 100%;
    height: 36px;
    padding: 0 38px 0 12px;
    border: 1px solid #d9dddf;
    border-radius: 2px;
    color: #333;
    font-size: 13px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: left
}

.select-box .selected:hover {
    background: #f9fbfc;
    color: #666 !important;
    text-decoration: none
}

.select-box .selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(85,85,85,0.999)' stroke='' viewBox='0 0 10 6'%3e%3cpath fill-rule='evenodd' d='M4.986 5.995L.113.778C-.065.587-.054.289.139.111c.192-.178.493-.167.672.025l4.175 4.47L9.161.136c.178-.192.481-.202.672-.025.192.178.204.476.025.667L4.986 5.995z'/%3e%3c/svg%3e") 0 0 no-repeat;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    transition: all .2s ease
}

.select-box .select-layer {
    display: none;
    position: absolute;
    top: 33px;
    background: #fff;
    border: 1px solid #d9dddf;
    border-radius: 2px
}

.select-box .select-layer[data-align="right"] {
    right: 0
}

.select-box .select-layer[data-align="left"] {
    left: 0
}

.select-box .select-layer li {
    padding: 0 !important;
    border: 0 !important;
    white-space: nowrap;
    animation: none
}

.select-box .select-layer li a,.select-box .select-layer li button {
    display: block;
    width: 100%;
    padding: 10px 34px 10px 16px;
    box-sizing: border-box;
    color: #333;
    line-height: 1.2;
    text-align: left;
    font-size: 13px
}

.select-box .select-layer li a:hover,.select-box .select-layer li button:hover {
    background: #e6edfb;
    color: #333;
    text-decoration: none
}

.select-box .select-layer li a#content {
    width: unset
}

.select-box.active {
    background: #f9fbfc;
    z-index: 11
}

.select-box.active .selected:after {
    transform: rotate(180deg)
}

.select-box.active .select-layer {
    display: block;
    animation: fade_AC 0.4s ease forwards;
    -webkit-animation: fade_AC 0.4s ease forwards
}

.select-box .select-layer li.date-slt {
    padding: 17px !important;
    border-top: 1px solid #f0f1f2 !important
}

.select-box .select-layer li.date-slt strong {
    display: block;
    margin-bottom: 10px;
    color: #333;
    font-size: 12px;
    font-weight: normal
}

.select-box .select-layer li.date-slt .calendar_wrap {
    position: relative;
    margin-top: 6px
}

.select-box .select-layer li.date-slt .calendar_wrap input {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(136,136,136,0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath d='M0 16V1h3V0h2v1h6V0h2v1h3v15H0zM15 2H1v2h14V2zm0 3H1v10h14V5zM5 9H3V7h2v2zm0 4H3v-2h2v2zm4-4H7V7h2v2zm0 4H7v-2h2v2zm4-4h-2V7h2v2zm0 4h-2v-2h2v2z'/%3e%3c/svg%3e") calc(100% - 8px) 50% no-repeat;
    background-size: 16px auto;
    width: 123px;
    height: 30px;
    padding-left: 8px;
    border-color: #d9dddf;
    box-sizing: border-box;
    color: #8c8c8c;
    font-size: 12px
}

.select-box .select-layer li.date-slt .calendar_wrap.on input {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66,121,255,0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath d='M0 16V1h3V0h2v1h6V0h2v1h3v15H0zM15 2H1v2h14V2zm0 3H1v10h14V5zM5 9H3V7h2v2zm0 4H3v-2h2v2zm4-4H7V7h2v2zm0 4H7v-2h2v2zm4-4h-2V7h2v2zm0 4h-2v-2h2v2z'/%3e%3c/svg%3e") calc(100% - 8px) 50% no-repeat;
    background-size: 16px auto;
    border-color: #4178fd;
    color: #333
}

.select-box .select-layer li.date-slt .btn_submit {
    height: 32px;
    margin-top: 6px;
    padding: 0;
    border: 1px solid #d9dddf;
    border-radius: 3px;
    color: #333;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    font-weight: bold
}

.select-box .select-layer li.date-slt .btn_submit:hover {
    background: #f0f0f0
}

.search-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 28px
}

.search-box .input-box {
    display: inline-block;
    position: relative;
    margin-left: 4px
}

.search-box .input-box:after {
    content: "";
    display: block;
    clear: both
}

.search-box .input-box input[type=text] {
    float: left;
    width: 186px;
    height: 34px;
    padding: 0 2px 0 12px;
    border: 1px solid #d9dddf;
    border-radius: 2px;
    color: #000;
    font-size: 13px;
    line-height: 34px;
    outline: none
}

.search-box .input-box input[type=text]:focus,.search-box .input-box input[type=text]:hover {
    border-color: #aaa
}

.search-box .input-box .submit {
    float: left;
    background: #fff;
    height: 36px;
    margin-left: -1px;
    padding: 0 15px;
    border: 1px solid #4279ff;
    border-radius: 2px;
    color: #4279ff;
    font-size: 13px;
    text-align: center;
    line-height: 34px;
    outline: none;
    transition: all .2s ease
}

.search-box .input-box .submit:hover {
    background: #f0f0f0
}

.more-layer {
    position: absolute;
    background: #fff;
    min-width: 140px;
    border: 1px solid #d9dddf;
    white-space: nowrap;
    z-index: 15;
    -webkit-animation: fade_AC 0.4s ease forwards;
    animation: fade_AC 0.4s ease forwards
}

.more-layer button {
    display: block;
    position: static !important;
    width: 100%;
    padding: 10px 20px 10px 16px;
    text-align: left
}

.more-layer button span {
    background: none;
    margin: 0 !important;
    padding: 0 !important;
    color: #333 !important;
    font-size: 13px !important
}

.more-layer button span:after,.more-layer button span:before {
    display: none !important
}

.more-layer button:hover,.more-layer>a:hover {
    background: #e6edfb
}

.more-layer em.new {
    display: inline-block;
    position: relative;
    background-color: #f84542;
    width: 12px;
    height: 12px;
    margin: -2px 0 0 4px;
    border-radius: 50%;
    font-size: 0;
    vertical-align: middle
}

.more-layer em.new:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.999)' stroke='' viewBox='0 0 6 5'%3e%3cpath fill-rule='evenodd' d='M0 0v5h2V3h1v1h1v1h2V0H4v2H3V1H2V0H0'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 6px;
    height: 5px;
    transform: translate(-50%, -50%)
}

.post_header {
    position: relative;
    padding: 16px 0 16px;
    border-bottom: 1px solid #eee
}

.post_header .board_cate {
    display: inline-block;
    margin-bottom: 18px;
    color: #888;
    font-size: 16px
}

.post_header .title {
    color: #000;
    font-size: 26px !important;
    line-height: 1.2;
    font-weight: bold;
    word-wrap: break-word;
    word-break: break-all;
    font-family: "NGBS", applegothic
}

.post_header .title .noti {
    display: inline-block;
    height: 20px;
    margin: 0 6px 0 0;
    padding: 0 6px;
    border: 1px solid #00bbed;
    border-radius: 30px;
    color: #00bbed;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: 5px
}

.post_header button.btn-detail {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 32px;
    height: 32px;
    opacity: 1;
    visibility: visible
}

.post_header button.btn-detail span {
    width: 4px;
    height: 20px
}

.post_header .autor_wrap {
    margin-top: 16px
}

.autor_wrap {
    display: flex;
    position: relative
}

.autor_wrap .thum {
    flex: 1 0 auto;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: left;
    font: 0/0 a
}

.autor_wrap .thum img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.autor_wrap .info_box {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    position: relative;
    width: 100%;
    padding-left: 11px;
    vertical-align: middle
}

.autor_wrap .info_box:after {
    content: "";
    display: block;
    clear: both
}

.autor_wrap .info_box>* {
    line-height: 1.2
}

.autor_wrap .info_box .nick {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    font-family: "NGBS", verdana, applegothic, sans-serif
}

.autor_wrap .info_box .nick p {
    position: relative
}

.autor_wrap .info_box .nick p span {
    margin: 0;
    color: inherit;
    font-size: inherit
}

.autor_wrap .info_box .nick p span:after {
    display: none
}

.autor_wrap .info_box .nick em {
    color: #aaa
}

.autor_wrap .info_box span {
    position: relative;
    margin-left: 20px;
    color: #666;
    font-size: 14px
}

.autor_wrap .info_box span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    background: #ccc;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin-top: -2px
}

.autor_wrap .info_box span em {
    margin-right: 4px;
    color: #aaa
}

.autor_wrap .info_box .ip_addr {
    position: relative;
    margin-left: 34px;
    color: #aaa;
    font-size: 12px
}

.autor_wrap .info_box .ip_addr:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -17px;
    background: #ccc;
    width: 1px;
    height: 15px;
    margin-top: -7px
}

.autor_wrap .info_box .icon-menu {
    position: absolute;
    top: 35px;
    left: 10px
}

.post_detail {
    margin-bottom: 16px;
    padding: 37px 0 40px 0;
    border-bottom: 1px solid #eee
}

.post_detail ~ .board-list table tr.noti:not(.selected),.post_detail ~ .board-list table tr.pin:not(.selected) {
    background: none
}

.post_detail ~ .board-list table .selected {
    background: #f5f8ff
}

.post_detail ~ .board-list table .selected .sbj {
    font-weight: bold
}

.post_detail .txt_box {
    position: relative;
    overflow: hidden;
    color: #000;
    font-size: 15px;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.6;
    transform: translate3d(0, 0, 0)
}

.post_detail .txt_box u {
    text-decoration: underline
}

.post_detail .txt_box table {
    border-collapse: separate
}

.post_detail .txt_box img.emtn {
    width: 26px;
    height: 26px
}

.post_detail .txt_box .event-table {
    font-size: 22px !important
}

.post_detail .txt_box strong {
    font-weight: bold !important
}

.post_detail .txt_box u {
    text-decoration: underline !important;
    font-style: inherit;
    font-weight: inherit
}

.post_detail .txt_box em {
    font-style: italic !important
}

.post_detail .txt_box s {
    text-decoration: line-through !important
}

.post_detail .txt_box * {
    font-family: inherit
}

.post_detail .txt_box u>*:not(s) {
    text-decoration: underline
}

.post_detail .txt_box em {
    font-style: italic;
    font-weight: inherit
}

.post_detail .txt_box img {
    max-width: 100%
}

.post_detail .txt_box img.ogq_item {
    max-height: 120px
}

.post_detail .txt_box a {
    color: #0782c1 !important
}

.post_detail .txt_box a:hover {
    text-decoration: underline
}

.post_detail .txt_box a.img {
    display: block
}

.post_detail .hash_tags_view {
    padding-top: 40px
}

.post_detail .hash_tags_view:after {
    content: "";
    display: block;
    clear: both
}

.post_detail .hash_tags_view {
    margin-top: -8px;
    margin-left: -8px
}

.post_detail .hash_tags_view button {
    float: left;
    background: #eff3f7;
    height: 28px;
    margin-top: 8px;
    margin-left: 8px;
    padding: 0 8px;
    border-radius: 1px;
    color: #666;
    line-height: 28px;
    font-size: 13px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s
}

.post_detail .hash_tags_view button:hover {
    background: #e1e5e8
}

.btn-grid .ui-pop {
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 1px;
    z-index: 10;
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden
}

.btn-grid .ui-pop.active {
    opacity: 1;
    visibility: visible
}

.btn-grid .ui-pop .pop-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    padding: 9px
}

.btn-grid .ui-pop .pop-close span {
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(34,34,34,0.999)' stroke='%23222' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    font: 0/0 a
}

.btn-grid .ui-pop .pop-title {
    margin-bottom: 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd
}

.btn-grid .ui-pop .pop-title h3 {
    color: #000;
    font-size: 16px;
    font-weight: bold
}

.btn-grid .ui-pop .pop-body {
    padding: 0
}

.bs-sns_layer {
    left: auto;
    background: #fff;
    width: 184px;
    padding: 30px 32px 40px;
    z-index: 20
}

.bs-sns_layer .pop-body>div:after {
    content: "";
    display: block;
    clear: both
}

.bs-sns_layer .pop-body>div {
    margin-top: -15px;
    margin-left: -20px
}

.bs-sns_layer .pop-body>div button {
    float: left;
    position: relative;
    margin-top: 20px;
    margin-left: 20px;
    z-index: 10
}

.bs-sns_layer .pop-body>div button em {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.bs-sns_layer .pop-body>div button span {
    display: block;
    margin-top: 10px;
    color: #222;
    font-size: 13px;
    text-align: center;
    font-size: 13px;
    letter-spacing: -1px;
    line-height: 1.2
}

.bs-sns_layer .pop-body>div button em {
    font: 0/0 a
}

.bs-sns_layer .pop-body>div button.tw em{
  background: url("https://res.almightylist.kr/images/svg/X_share_ico.svg") 50% 50% no-repeat;
  background-size: 100% 100%;
}
.bs-sns_layer .pop-body>div button.fb em{
  background: url("https://res.almightylist.kr/images/svg/facebook_share_ico.svg") 50% 50% no-repeat;
  background-size: 100% 100%;
}
.bs-sns_layer .pop-body>div button.kakao em{
  background: url("https://res.almightylist.kr/images/svg/kakaotalk_share_ico.svg") 50% 50% no-repeat;
  background-size: 100% 100%;
}
.bs-sns_layer .pop-body>div button.tg em{
  background: url("https://res.almightylist.kr/images/svg/telegram_share_ico.svg") 50% 50% no-repeat;
  background-size: 100% 100%;
}
.bs-sns_layer .pop-body>div button.url em{
  background: url("https://res.almightylist.kr/images/svg/share_ico.svg") 50% 50% no-repeat;
  background-size: 100% 100%;
}

.bs-sns_layer .pop-body>div button.qq,.bs-sns_layer .pop-body>div button.weibo,.bs-sns_layer .pop-body>div button.wechat {
    display: none;
    position: relative
}

.bs-sns_layer .pop-body>div button.qq em {
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.999)' stroke='' viewBox='0 0 146.3 139.3' preserveAspectRatio='none'%3e%3clinearGradient id='a' gradientUnits='userSpaceOnUse' x1='73.1317' y1='2.7524' x2='73.1317' y2='141.995' gradientTransform='matrix(1 0 0 -1 0 142)'%3e%3cstop offset='0' stop-color='%23f5af3b'/%3e%3cstop offset='1' stop-color='%23f6c842'/%3e%3c/linearGradient%3e%3cpath fill='url(%23a)' d='M142.7 51.2l-43-4.2c-3.3-.3-4-.8-5.1-3.5L76.2 2.6c-1.7-3.5-4.4-3.5-6.1 0L50.5 43.5c-1.3 2.3-2 2.8-5.2 3.1L3.5 51.2c-3.8.4-4.7 2.9-1.9 5.5l32.7 30.1c1.5 1.4 1.6 2.1 1.1 4L27.1 135c-.7 3.8 1.4 5.3 4.8 3.4l37.4-21.6c2.3-1.7 5.3-1.7 7.6-.1l37.5 21.7c3.3 1.9 5.5.4 4.8-3.4l-6.4-35.2c3.8-1.3 7.6-2.9 9.8-4.7l-.9.2c-13.3 3.2-31.6 5.1-48.5 5.1-6.3 0-12.3-.2-18.1-.6-5.1-.4-10-.9-14.7-1.5-1.7-.3.2-1.4.2-1.4l45-32s1.2-.7 0-.9c-18.5-2.9-39-3.6-58.3-3.6H26c13-3 29.4-4.7 47.2-4.7 9.9 0 19.8.6 29.6 1.7 0 0 5.2.7 7.6 1.1 1.9.3.1 1.4.1 1.4L65.4 91.1s-1 .6.1.8c13.9 2 31 2.7 46.3 2.9l-.7-3.7c-.3-2.2 0-3 1.7-4.5l31.8-29.7c2.8-2.8 2-5.3-1.9-5.7z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 30px 29px;
    border: solid 1px #e5e5e5;
    box-sizing: border-box
}

.bs-sns_layer .pop-body>div button.weibo em {
    background: #ffd83b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.999)' stroke='' viewBox='0 0 485 393.2' preserveAspectRatio='none'%3e%3cpath fill='%23E5162D' d='M0 256.2c.8-2.1.7-4.3 1-6.5 2.4-17.4 8.4-33.6 16.3-49.1 11.3-22.1 26.1-41.7 42.8-60 17.4-19.3 37-36.6 58.3-51.5 17.4-12 35.7-22.3 55.9-28.7 9.5-3 19.3-5.1 29.3-5 7.6.1 15 1.4 21.7 5.4 9.8 5.8 14.5 14.9 15.9 25.8 1.6 12.1-.7 23.8-4.1 35.4-.1.3-.2.6-.3 1-1.4 5.2.7 7.5 6.1 6.5 4.6-.8 8.6-3 12.9-4.6 14.8-5.6 29.9-10.1 45.7-12 12.7-1.6 25.3-1.7 37.5 2.7 16.5 5.8 25.3 19.7 23.7 37.2-.8 7.9-2.7 15.6-5.6 23-.8 1.7-1.3 3.5-1.6 5.4-.4 2.5.9 4.9 3.3 5.9 2.2 1 4.5 1.8 6.8 2.4 13.8 4.5 26.5 10.9 37.2 20.8 19 17.6 24.5 39 18 63.8-4.4 16.5-13.3 30.6-24.4 43.4-17.1 19.7-38 34.5-61.2 46.1-24 12-49.7 20.3-76.2 24.8-22.8 4-45.9 5.5-69 4.4-38.3-1.8-75.3-9.6-110.2-25.9-18.4-8.6-35.3-19.5-49.7-34C17 319.6 7.3 304.3 2.7 286c-1.1-4.3-1.8-8.6-2.3-13-.1-.5.2-1.1-.4-1.5v-15.3z'/%3e%3cpath fill='%23FE9900' d='M485 141.5c-.7 4-1.3 7.9-2 11.9-.9 5-2.2 9.9-3.8 14.7-3.1 9.6-13.2 14.9-22.9 12.1-9.7-2.7-15.4-12.9-12.7-22.6v-.1c2.9-10 4.8-20.1 4.5-30.6-.5-22.4-8.1-42.1-23-58.9-14.6-16.6-33.1-26.4-54.9-29.8-10.6-1.6-21.4-1.3-31.9.9-11.9 2.4-21.9-4.9-23.1-16.9-.8-8.1 5.1-16.6 13.2-18.8 5.9-1.5 11.9-2.4 17.9-2.9.6-.1 1.4.3 1.9-.4h17c.3.4.7.3 1.1.4 10.4.7 20.7 2.7 30.6 6 44.1 14.5 77 51.6 86 97.1.8 3.9 1.3 7.8 2 11.7l.1 26.2z'/%3e%3cpath fill='%23FE9900' d='M419.5 128.4c0 6.7-1.1 13.4-3.3 19.8-2.6 7.3-10 11.7-17.6 10.4-7.9-1.3-13.6-8.2-13.5-16.3.1-1.7.4-3.3.9-4.9 5.2-18.1-5.6-35.7-24.2-39.1-4-.6-8.1-.5-12 .3-8.6 1.6-17-4-18.6-12.7-1.6-8.5 3.8-16.7 12.3-18.6 25.9-6.3 54.1 6.2 67.7 29.8 5.4 9.6 8.3 20.4 8.3 31.3z'/%3e%3cpath fill='%23FEFDFE' d='M182 365.4c-26.8-.1-52.8-4.5-77.3-15.8-16.3-7.4-30.7-17.4-41.7-31.8-10.6-13.9-15.6-29.5-14-47 1.3-13.9 6.8-26.2 14.9-37.4 11.6-15.9 26.7-27.6 43.8-36.9 21.2-11.5 43.9-18.5 67.7-21.9 17.7-2.6 35.7-3 53.6-1.1 24.2 2.6 47.3 8.9 68.3 21.4 13.5 8 25.2 18.1 33.3 31.8 13.4 22.8 12.9 45.8.3 68.7-8.8 16-21.7 28.1-36.7 38.2-20.5 13.8-43.3 22.4-67.4 27.4-14.8 3-29.8 4.5-44.8 4.4z'/%3e%3cpath fill='%23010101' d='M172.9 345.6c-16.1-.4-31.5-6.2-44-16.3-21-17.1-27.5-45-16.3-69.8 8.1-18 21.7-30.6 39.3-39.2 13.2-6.5 27.9-9.6 42.6-8.9 18.7.9 35.5 6.7 49.1 20 17.5 17.1 22.3 41.5 12.9 64.1-8.8 21-24.5 34.9-45.3 43.5-10.7 4.5-22.1 6.7-38.3 6.6zm-11.7-78.1c-10.1.7-19.9 6-25.4 17.5-6.4 13.2.5 27 14.8 30.3 13.2 3.1 28.3-4.4 33.9-16.8 2.2-4.5 2.8-9.6 1.7-14.5-2.4-10.1-11.3-16.5-25-16.5zm37.2 7.2c4-.1 7.8-2.2 9.9-5.6 3.5-5.6.4-12.2-5.9-12.8-4.6-.6-9 1.6-11.3 5.6-1.9 2.6-2 6-.4 8.8 1.7 2.8 4.4 3.8 7.7 4z'/%3e%3cpath fill='%23FDFDFD' d='M161.2 267.5c13.7 0 22.6 6.4 24.9 16.5 1.1 4.9.5 10-1.7 14.5-5.6 12.4-20.7 19.9-33.9 16.8-14.3-3.3-21.1-17.1-14.8-30.3 5.6-11.5 15.4-16.8 25.5-17.5z'/%3e%3cpath fill='%23FBFBFB' d='M198.4 274.7c-3.2-.2-6-1.2-7.7-4.1-1.6-2.7-1.5-6.2.4-8.8 2.3-4 6.7-6.2 11.2-5.6 6.4.6 9.4 7.2 5.9 12.8-2.1 3.5-5.8 5.7-9.8 5.7z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 28px 23px
}

.bs-sns_layer .pop-body>div button.wechat em {
    background: #2dc100 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.999)' stroke='' viewBox='0 0 574 464.2' preserveAspectRatio='none'%3e%3cpath fill='white' d='M203.2 345.8c-9.4-.2-18.8-.9-28.1-2.1-12-1.6-23.8-4-35.4-7.3-5.6-1.7-11.7-.9-16.8 2.2L103 350l-25.3 14.6c-1.5 1-3.3 1.5-5.1 1.5-3.5-.3-6.2-3.1-6.3-6.5 0-1.4.2-2.8.6-4.1 3.3-12.4 6.7-24.8 9.9-37.2 1.5-5.9-.3-10.8-5.1-14.5-5.2-4-10.4-8-15.3-12.3-19.7-17.6-35.3-38.2-45.4-62.7-14.9-36.1-14.8-76.6.3-112.5 8-19 19.6-36.4 33.9-51.1C60.6 49.3 78.5 36 98.3 26c19.1-9.8 39.5-16.9 60.6-21 10.7-2.1 21.5-3.5 32.4-4.2 9.9-.7 19.9-.7 29.8-.2 25.4 1.3 50.4 6.7 74.1 15.9 21.2 8.2 40.9 19.7 58.4 34.1 16.6 13.2 30.4 29.4 41 47.6 7.9 13.6 13.6 28.3 17 43.6.9 4.1.9 4.1-3.3 3.9-13-.5-26 .2-38.8 2-23 3.1-45.3 10-66 20.4-20.4 10.3-38.6 23.6-53.9 40.7-16.6 18.5-28.3 39.6-34.1 63.8-5.5 23.4-4.6 47.8 2.7 70.7 0 .1.1.3.1.4.5 1.8.5 1.9-1.3 1.9-4.6.1-9.2.3-13.8.2zM138.6 90c-15-.1-27.4 11.8-27.9 26.8-.4 13.7 10 28.1 27.4 28.3 14.9.3 27.2-11.4 27.8-26.2.7-15.2-11-28.1-26.2-28.9h-1.1zM249 117.6c.1 14.8 11.5 27.5 27.5 27.5 15.1.2 27.4-12 27.6-27v-.6c-.3-15.2-12.9-27.3-28.1-27-14.8.3-26.7 12.3-27 27.1z'/%3e%3cpath fill='white' d='M401.8 159c22.9 0 45.7 3.9 67.3 11.6 16.9 5.9 32.8 14.4 47.2 25.1 19.2 14.3 34.6 31.8 45.2 53.4 16.3 33.3 16.7 72.1 1 105.7-9.7 21-24.1 38.2-42.1 52.6-2 1.6-4.2 3.2-6.2 4.8-4.1 3.2-5.5 7.3-4.2 12.3 2.7 10.2 5.4 20.4 8.2 30.6.2.7.4 1.3.5 2 .6 2.2-.3 4.6-2.2 6-1.7 1.4-4.1 1.6-6 .5-4.8-2.7-9.6-5.5-14.4-8.2-7.9-4.5-15.8-9.1-23.7-13.7-2.2-1.3-4.6-2.3-7.1-2.8-2.4-.4-4.8-.3-7.2.4-6.5 1.8-13.1 3.4-19.7 4.6-9.2 1.7-18.6 2.8-28 3.1-7.3.3-14.7.3-22-.2-10.3-.6-20.6-2-30.8-4.2-14.9-3.2-29.3-8.1-43-14.7-12.8-6.2-24.8-13.9-35.8-23-16.2-13.5-29.3-29.5-38.4-48.5-5.4-11.2-9.1-23.2-11-35.5-1.2-7.7-1.6-15.5-1.2-23.3.7-14.3 3.8-28.4 9.3-41.6 7-16.7 17.3-31.9 30.1-44.7 9.9-9.9 21-18.5 33-25.6 18.7-11.1 39.1-18.8 60.5-22.9 9.7-1.9 19.5-3.1 29.4-3.6 3.5-.1 7-.1 11.3-.2zm-81.3 98c0 12.7 10.3 23 23 23s23-10.3 23-23-10.3-23-23-23h-.1c-12.7.1-22.9 10.4-22.9 23zm161.2-.4c-.4-13.2-10.9-23.1-24.1-22.6-12.7.6-22.4 11.4-21.8 24.1.6 12.7 11.4 22.4 24.1 21.8 12.3-.6 21.9-10.9 21.8-23.3z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 28px 23px
}

.bs-sns_layer .pop-body>div button.wechat div {
    position: absolute;
    left: 25px;
    bottom: 0;
    background: #fff;
    padding: 5px;
    border: solid 1px #ddd;
    border-radius: 3px;
    visibility: hidden;
    transition: visibility, left 0.3s ease-in-out
}

.bs-sns_layer .pop-body>div button.wechat div img {
    width: 70px;
    height: 70px;
    vertical-align: top
}

.bs-sns_layer .pop-body>div button.wechat:hover {
    z-index: 20
}

.bs-sns_layer .pop-body>div button.wechat:hover div {
    left: 57px;
    opacity: 1;
    visibility: visible
}

.bs-sns_layer .pop-body>div button.wechat div:after {
    content: "";
    position: absolute;
    left: -7px;
    bottom: 18px;
    background: url(/images/bj/sp_bj.png) -293px 0;
    width: 7px;
    height: 12px
}

.thema_dark .btn-basic,html[dark=true] .btn-basic {
    border-color: #2e2e2f;
    color: #999
}

.thema_dark .btn-basic:hover,html[dark=true] .btn-basic:hover {
    background-color: rgba(0,0,0,0.6);
    border-color: #2b2b2c
}

.thema_dark .btn-basic.write,html[dark=true] .btn-basic.write {
    color: #c8c8c8
}

.thema_dark .btn-basic.write span:after,html[dark=true] .btn-basic.write span:after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115,152,255,0.999)' stroke='' viewBox='0 0 13 13'%3e%3cpath d='M11 5L8 2l2-2 3 3-2 2zm-8 8H0v-3l7-7 3 3-7 7z'/%3e%3c/svg%3e") 0 0 no-repeat
}

.thema_dark .btn-basic.blue,html[dark=true] .btn-basic.blue {
    border-color: #7398ff;
    color: #7398ff !important
}

.thema_dark .btn-basic.blue2,html[dark=true] .btn-basic.blue2 {
    background: #1b61c3;
    border-color: #1b61c3;
    color: #fff !important
}

.thema_dark .btn-basic.blue2:hover,html[dark=true] .btn-basic.blue2:hover {
    background: #1b61c3;
    border-color: #1b61c3
}

.thema_dark .btn-basic.blue2:disabled,.thema_dark .btn-basic.btn-basic:disabled,html[dark=true] .btn-basic.blue2:disabled,html[dark=true] .btn-basic.btn-basic:disabled {
    background: transparent;
    border-color: #2e2e2f !important;
    color: #666 !important
}

.thema_dark button.btn-detail span,html[dark=true] button.btn-detail span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102,102,102,0.999)' stroke='' viewBox='0 0 4 20'%3e%3cpath d='M2 12c-1.105 0-2-.896-2-2 0-1.105.895-2 2-2 1.104 0 2 .895 2 2 0 1.104-.896 2-2 2zm0-8C.895 4 0 3.105 0 2s.895-2 2-2c1.104 0 2 .895 2 2s-.896 2-2 2zm0 12c1.104 0 2 .895 2 2 0 1.104-.896 2-2 2-1.105 0-2-.896-2-2 0-1.105.895-2 2-2z'/%3e%3c/svg%3e") 0 0 no-repeat
}

.thema_dark button.up span,html[dark=true] button.up span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23999' fill-rule='evenodd' d='M9.299 1.156a2.6 2.6 0 0 0-2.674 1.573L4.398 8a1.596 1.596 0 0 0-.562-.102h-1.16a2.6 2.6 0 0 0-2.6 2.6v4.96a2.6 2.6 0 0 0 2.6 2.6h1.16c.285 0 .553-.074.785-.205.203.238.477.418.796.505l1.858.507a2.6 2.6 0 0 0 .685.092h4.986a3.6 3.6 0 0 0 3.528-2.886l1.395-6.884a2.4 2.4 0 0 0-2.353-2.876h-3.852V3.745A2.6 2.6 0 0 0 9.343 1.16l-.044-.004Zm-1.568 2.04a1.4 1.4 0 0 1 1.44-.847l.043.004a1.4 1.4 0 0 1 1.25 1.392v2.666a1.1 1.1 0 0 0 1.1 1.1h3.952a1.2 1.2 0 0 1 1.176 1.438l-1.394 6.884a2.4 2.4 0 0 1-2.352 1.924H7.96c-.125 0-.249-.017-.369-.05l-1.858-.506a.4.4 0 0 1-.295-.386V8.62l2.293-5.425Zm-6.455 7.302a1.4 1.4 0 0 1 1.4-1.4h1.16c.22 0 .4.18.4.4v6.96a.4.4 0 0 1-.4.4h-1.16a1.4 1.4 0 0 1-1.4-1.4v-4.96Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.thema_dark button.up em,html[dark=true] button.up em {
    color: #999
}

.thema_dark button.up.on span,html[dark=true] button.up.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M6.627 2.729a2.6 2.6 0 0 1 2.674-1.573l.044.004a2.6 2.6 0 0 1 2.32 2.585v2.566h3.853a2.4 2.4 0 0 1 2.352 2.876l-1.393 6.884a3.6 3.6 0 0 1-3.529 2.886H7.961a2.6 2.6 0 0 1-.684-.092l-1.858-.507a1.597 1.597 0 0 1-.797-.506c-.232.131-.5.206-.786.206h-1.16a2.6 2.6 0 0 1-2.6-2.6v-4.96a2.6 2.6 0 0 1 2.6-2.6h1.16c.198 0 .388.037.564.103l2.227-5.272Zm2.545-.38a1.4 1.4 0 0 0-1.44.847L5.44 8.62v8.194a.4.4 0 0 0 .295.386l1.858.506c.12.033.244.05.368.05h4.987a2.4 2.4 0 0 0 2.352-1.924l1.394-6.884a1.2 1.2 0 0 0-1.176-1.438h-3.952a1.1 1.1 0 0 1-1.1-1.1V3.745a1.4 1.4 0 0 0-1.25-1.392l-.044-.004Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.thema_dark button.cmmt_list span,html[dark=true] button.cmmt_list span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153,153,153,0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M14.42 14h-3.64l-1.27 2.45c-.24.35-.62.56-1.03.56-.5 0-.95-.3-1.16-.78L6.2 14H2.6a2.66 2.66 0 01-2.59-2.72V2.71c0-1.5 1.16-2.72 2.6-2.72h11.8a2.66 2.66 0 012.6 2.72v8.56c0 1.5-1.17 2.72-2.6 2.72zM16 2.8c0-1-.77-1.81-1.72-1.81H2.71c-.95 0-1.72.8-1.72 1.8v8.4c0 1 .77 1.8 1.72 1.8H6.7l1.36 2.66c.07.2.24.3.4.3.13 0 .26-.06.35-.2l1.4-2.76h4.07c.95 0 1.72-.8 1.72-1.8v-8.4zM13.56 5H3.44c-.23 0-.42-.22-.42-.5 0-.27.19-.49.42-.49h10.12c.23 0 .42.22.42.5 0 .27-.19.49-.42.49zM3.46 8.02h7.08c.26 0 .47.21.47.48s-.21.48-.47.48H3.46A.47.47 0 013 8.5c0-.27.2-.48.46-.48z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%
}

.thema_dark button.share span,html[dark=true] button.share span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(153,153,153,0.999)' stroke='%23999' viewBox='0 0 19 16'%3e%3cpath fill='none' d='M11.503.495c-.058 0-.117.012-.174.036-.175.073-.271.246-.271.438V4.31C9.203 4.55 2.395 6.125.487 14.913c-.048.221.056.444.26.535.06.028.12.041.183.041.149 0 .31-.072.4-.202.031-.044 3.42-4.478 9.728-4.606v3.546c0 .192.096.365.271.438.057.024.117.036.176.036.119 0 .235-.049.325-.139l6.537-6.63c.183-.185.179-.483-.004-.669L11.821.634c-.09-.091-.202-.139-.318-.139h0z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%
}

.thema_dark button.btn-pin span,html[dark=true] button.btn-pin span {
    background: #4074f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,0.999)' stroke='' viewBox='0 0 15.5 15.5'%3e%3cpath d='M11.453 8.118l-1.524 6.097-3.43-3.429-5.716 3.429 3.43-5.716L.783 5.07 6.88 3.546 9.929.497l4.573 4.573-3.049 3.048z'/%3e%3c/svg%3e") center no-repeat;
    background-size: 14px 14px
}

.thema_dark button.btn-pin:hover span,html[dark=true] button.btn-pin:hover span {
    background: #4074f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(240,240,240,0.999)' stroke='' viewBox='0 0 15.5 15.5'%3e%3cpath d='M11.453 8.118l-1.524 6.097-3.43-3.429-5.716 3.429 3.43-5.716L.783 5.07 6.88 3.546 9.929.497l4.573 4.573-3.049 3.048z'/%3e%3c/svg%3e") center no-repeat;
    background-size: 14px 14px
}

.thema_dark .btn-detail:hover,html[dark=true] .btn-detail:hover {
    background: #222 !important
}

.thema_dark button.cmmt_opener,html[dark=true] button.cmmt_opener {
    color: #8d8d8d
}

.thema_dark button.cmmt_opener em,html[dark=true] button.cmmt_opener em {
    color: #6b85cf
}

.thema_dark button.cmmt_opener span:after,html[dark=true] button.cmmt_opener span:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(200,200,200,0.999)' stroke='' viewBox='0 0 11 8'%3e%3cpath fill-rule='evenodd' d='M.775 1.448c.002-.21.092-.418.264-.565.316-.267.79-.229 1.058.087l3.396 4 3.468-3.906c.275-.309.749-.338 1.058-.062.312.276.339.748.063 1.059L5.467 7.256.953 1.941c-.121-.144-.179-.319-.178-.493z'/%3e%3c/svg%3e") 0 0 no-repeat
}

.thema_dark .paging .prev,.thema_dark .paging .next,html[dark=true] .paging .prev,html[dark=true] .paging .next {
    background: #121213;
    border-color: #2e2e2f
}

.thema_dark .paging a,html[dark=true] .paging a {
    color: #999
}

.thema_dark .paging a:hover,html[dark=true] .paging a:hover {
    background: #333;
    color: #f5f6f7
}

.thema_dark .paging a.on,html[dark=true] .paging a.on {
    background: #333;
    color: #f5f6f7;
    font-weight: bold
}

.thema_dark .select-box,html[dark=true] .select-box {
    background: #121213
}

.thema_dark .select-box .selected,html[dark=true] .select-box .selected {
    border-color: #2e2e2f;
    color: #999
}

.thema_dark .select-box .selected:after,html[dark=true] .select-box .selected:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(200,200,200,0.999)' stroke='' viewBox='0 0 10 6'%3e%3cpath fill-rule='evenodd' d='M4.986 5.995L.113.778C-.065.587-.054.289.139.111c.192-.178.493-.167.672.025l4.175 4.47L9.161.136c.178-.192.481-.202.672-.025.192.178.204.476.025.667L4.986 5.995z'/%3e%3c/svg%3e") 0 0 no-repeat
}

.thema_dark .select-box .selected:hover,html[dark=true] .select-box .selected:hover {
    background: #1b1b1c;
    border-color: #333;
    color: #c8c8c8 !important
}

.thema_dark .select-box .select-layer,html[dark=true] .select-box .select-layer {
    background: #1b1b1c;
    border-color: #333;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3)
}

.thema_dark .select-box .select-layer li a,.thema_dark .select-box .select-layer li button,html[dark=true] .select-box .select-layer li a,html[dark=true] .select-box .select-layer li button {
    color: #c8c8c8
}

.thema_dark .select-box .select-layer li a:hover,.thema_dark .select-box .select-layer li button:hover,html[dark=true] .select-box .select-layer li a:hover,html[dark=true] .select-box .select-layer li button:hover {
    background: #282828;
    color: #c8c8c8
}

.thema_dark .search-box .input-box input[type=text],html[dark=true] .search-box .input-box input[type=text] {
    background: #0e0e0f;
    border-color: #2e2e2f;
    color: #c8c8c8
}

.thema_dark .search-box .submit,html[dark=true] .search-box .submit {
    background: #121213;
    border-color: #7398ff;
    color: #7398ff
}

.thema_dark .search-box .submit:hover,html[dark=true] .search-box .submit:hover {
    background: #121213
}

.thema_dark .more-layer,html[dark=true] .more-layer {
    background: #1b1b1c;
    border-color: #333333
}

.thema_dark .more-layer button,html[dark=true] .more-layer button {
    color: #c8c8c8
}

.thema_dark .more-layer button:hover,html[dark=true] .more-layer button:hover {
    background: #282828
}

.thema_dark .more-layer button span,html[dark=true] .more-layer button span {
    color: #c8c8c8 !important
}

.thema_dark .post_header,html[dark=true] .post_header {
    border-color: #2e2e2f
}

.thema_dark .post_header .title,html[dark=true] .post_header .title {
    color: #f5f6f7
}

.thema_dark .post_header .title .noti,html[dark=true] .post_header .title .noti {
    border-color: #6b85cf;
    color: #6b85cf
}

.thema_dark .post_header .info_box span,html[dark=true] .post_header .info_box span {
    color: #8c8c8c
}

.thema_dark .post_header .info_box span:after,html[dark=true] .post_header .info_box span:after {
    background: #333333
}

.thema_dark .post_header .info_box span em,html[dark=true] .post_header .info_box span em {
    color: #8c8c8c;
    margin-right: 4px
}

.thema_dark .post_detail,html[dark=true] .post_detail {
    border-color: #2e2e2f
}

.thema_dark .post_detail .txt_box,html[dark=true] .post_detail .txt_box {
    color: #f5f6f7
}

.thema_dark .post_detail .txt_box *,html[dark=true] .post_detail .txt_box * {
    color: #f5f6f7
}

.thema_dark .post_detail .txt_box * *,html[dark=true] .post_detail .txt_box * * {
    color: inherit
}

.thema_dark .autor_wrap .info_box span:after,html[dark=true] .autor_wrap .info_box span:after {
    background: #8c8c8c
}

.thema_dark .autor_wrap .info_box .nick,html[dark=true] .autor_wrap .info_box .nick {
    color: #c8c8c8
}

.thema_dark .autor_wrap .info_box .nick em,html[dark=true] .autor_wrap .info_box .nick em {
    color: #666
}

.thema_dark .btn-grid .ui-pop,html[dark=true] .btn-grid .ui-pop {
    background: #1b1b1c;
    border-color: #333
}

.thema_dark .btn-grid .ui-pop .pop-title,html[dark=true] .btn-grid .ui-pop .pop-title {
    border-color: #333
}

.thema_dark .btn-grid .ui-pop .pop-title h3,html[dark=true] .btn-grid .ui-pop .pop-title h3 {
    color: #f5f6f7
}

.thema_dark .btn-grid .ui-pop .pop-close,html[dark=true] .btn-grid .ui-pop .pop-close {
    background: none !important
}

.thema_dark .btn-grid .ui-pop .pop-close span,html[dark=true] .btn-grid .ui-pop .pop-close span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(96,96,96,0.999)' stroke='%23606060' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%
}

.thema_dark .btn-grid .ui-pop .pop-body,html[dark=true] .btn-grid .ui-pop .pop-body {
    color: #999
}

.thema_dark .btn-grid .ui-pop .pop-body strong,html[dark=true] .btn-grid .ui-pop .pop-body strong {
    color: #e5e5e5
}

.thema_dark .btn-grid .ui-pop .pop-body .layer_bs-info .info_list ul,html[dark=true] .btn-grid .ui-pop .pop-body .layer_bs-info .info_list ul {
    border-color: #282828
}

.thema_dark .btn-grid .ui-pop .pop-body .textarea,html[dark=true] .btn-grid .ui-pop .pop-body .textarea {
    background: #0e0e0e;
    border-color: #333
}

.thema_dark .btn-grid .ui-pop .pop-body .textarea textarea,html[dark=true] .btn-grid .ui-pop .pop-body .textarea textarea {
    background: #0e0e0e
}

.thema_dark .btn-grid .ui-pop .pop-body .textarea input,html[dark=true] .btn-grid .ui-pop .pop-body .textarea input {
    background: #0e0e0e
}

.bbs_s1 th {
    font-size: 14px;
    color: #555;
    height: 48px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #eee
}

.bbs_s1 td {
    font-size: 13px;
    color: #666;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 100%;
    min-height: 20px;
    border-bottom: 1px solid #eee;
    text-align: center
}

.bbs_s1 td.subject {
    padding-left: 13px;
    color: #333;
    font-size: 14px;
    text-align: left
}

.bbs_s1 td.subject a:hover {
    text-decoration: underline
}

.bbs_s1 td.subject span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 6px;
    border-radius: 10px;
    vertical-align: middle;
    margin-right: 8px
}

.bbs_s1 td.subject span.ic_nt {
    color: #6b85cf;
    border: 1px solid #6b85cf
}

.bbs_s1 td.subject span.ic_hot {
    color: #ff2424;
    border: 1px solid #ff2424
}

.bbs_s1 td.subject span.ic_hot ~ a {
    font-weight: bold
}

.bbs_s1 td.subject .category {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 4px 0 0;
    min-width: 50px;
    width: auto;
    vertical-align: -2px
}

.bbs_s1 td.subject .category a {
    font-weight: 500;
    color: #4b80ff
}

.bbs_s1 td.subject .ic_img {
    overflow: hidden;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(154,163,192,0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 16A8 8 0 118 0a8 8 0 010 16zM8 1a7 7 0 00-6.46 9.7c.67-1.3 2.48-4.13 3.7-4.13.91 0 3.8 4.14 3.8 4.14s1.49-2.01 2.24-2.01c.53 0 1.78 1.25 2.47 2.09.1.12.24.33.37.54.54-1 .88-2.12.88-3.33a7 7 0 00-7-7zm2.5 5.5a1.34 1.34 0 110-2.69 1.34 1.34 0 010 2.69z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%;
    text-indent: -9999px;
    vertical-align: -3px
}

.bbs_s1 td.subject .ic_vod {
    overflow: hidden;
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' fill='%239AA3C0' d='M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm-.605 9.754a.968.968 0 0 1-.995.044.97.97 0 0 1-.511-.856V5.831a.973.973 0 0 1 1.506-.811l3.114 2.055a.972.972 0 0 1 0 1.624l-3.114 2.055Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    text-indent: -9999px;
    vertical-align: -3px
}

.bbs_s1 td.subject em {
    padding-left: 4px;
    color: #4b80ff;
    font-weight: bold
}

.bbs_s1 td.writer {
    padding-left: 20px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bbs_s1 tr.top td {
    background-color: #f8fafc
}

.bbs_s1 tr.top td.subject {
    font-weight: bold
}

html[dark=true] .bbs_s1 th,.thema_dark .bbs_s1 th {
    color: #c8c8c8;
    border-top: 1px solid #2e2e2f;
    border-bottom: 1px solid #1d1d1d
}

html[dark=true] .bbs_s1 td,.thema_dark .bbs_s1 td {
    color: #8c8c8c;
    border-bottom: 1px solid #1d1d1d
}

html[dark=true] .bbs_s1 td.subject,.thema_dark .bbs_s1 td.subject {
    color: #e5e5e5
}

html[dark=true] .bbs_s1 td.subject em,.thema_dark .bbs_s1 td.subject em {
    color: #7398ff
}

html[dark=true] .bbs_s1 td.subject a,.thema_dark .bbs_s1 td.subject a {
    color: #e5e5e5
}

html[dark=true] .bbs_s1 td.subject .ic_img,.thema_dark .bbs_s1 td.subject .ic_img {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(107,133,207,0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 16A8 8 0 118 0a8 8 0 010 16zM8 1a7 7 0 00-6.46 9.7c.67-1.3 2.48-4.13 3.7-4.13.91 0 3.8 4.14 3.8 4.14s1.49-2.01 2.24-2.01c.53 0 1.78 1.25 2.47 2.09.1.12.24.33.37.54.54-1 .88-2.12.88-3.33a7 7 0 00-7-7zm2.5 5.5a1.34 1.34 0 110-2.69 1.34 1.34 0 010 2.69z'/%3e%3c/svg%3e") 0 0 no-repeat
}

html[dark=true] .bbs_s1 td.subject .ic_vod,.thema_dark .bbs_s1 td.subject .ic_vod {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' fill='%236B85CF' d='M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm-.605 9.754a.968.968 0 0 1-.995.044.97.97 0 0 1-.511-.856V5.831a.973.973 0 0 1 1.506-.811l3.114 2.055a.972.972 0 0 1 0 1.624l-3.114 2.055Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] .bbs_s1 td.subject .category a,.thema_dark .bbs_s1 td.subject .category a {
    color: #7398ff
}

html[dark=true] .bbs_s1 tr.top td,.thema_dark .bbs_s1 tr.top td {
    background: #151515
}

@keyframes hbg {
    0% {
        background: #f8faff
    }

    100% {
        background: #fff
    }
}

@keyframes hbg_dark {
    0% {
        background: #272728
    }

    100% {
        background: #121213
    }
}

.cmt-wrap {
    padding: 0;
    margin-top: 40px;
    font-size: 13px;
    font-family: "NG", verdana, applegothic, sans-serif;
    color: #333
}

.cmt-wrap button,.cmt-wrap input,.cmt-wrap select,.cmt-wrap table,.cmt-wrap textarea {
    font-family: "NG", verdana, applegothic, sans-serif
}

.cmt-wrap li {
    list-style: none
}

.cmt-wrap button {
    overflow: visible;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: button;
    outline: none
}

.cmt-wrap textarea::placeholder {
    color: #bbb
}

.cmt-wrap em {
    font-style: normal;
    text-decoration: none
}

.cmt-wrap a {
    text-decoration: none
}

.cmt-wrap .cmt-sort {
    padding: 0 0 10px 0
}

.cmt-wrap .cmt-sort button {
    margin-right: 20px;
    color: #888;
    font-size: 14px
}

.cmt-wrap .cmt-sort button.on {
    color: #333;
    font-family: "NGB"
}

.cmt-wrap .cmt-sort button.on::before {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 11'%3e%3cpath fill-rule='evenodd' d='M5.822 10.502l-4.61-5.311C.855 4.78.9 4.158 1.311 3.801c.412-.356 1.034-.312 1.391.099l3.257 3.752L13.114.848c.394-.376 1.019-.359 1.394.034.375.394.36 1.018-.035 1.393l-8.651 8.227z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-right: 6px;
    width: 15px;
    height: 11px
}

.cmt-wrap .cmt-sort button:last-of-type {
    margin-right: 0
}

.cmt-wrap .img_profile {
    min-width: 54px;
    max-width: 54px;
    border-radius: 50%
}

.cmt-wrap .img_profile img {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.cmt-wrap .comment_box {
    position: relative;
    flex-grow: 1;
    padding: 0 17px 0 20px;
    min-height: 120px;
    border: 1px solid #ddd;
    background: #fff
}

.cmt-wrap .comment_box textarea {
    resize: none;
    height: 40px;
    margin: 14px 0 0 0;
    width: 100%;
    border: none;
    background: transparent;
    font-size: 14px;
    color: #333;
    overflow: auto;
    outline: none
}

.cmt-wrap .comment_box #emoticonArea {
    display: none;
    position: absolute;
    left: -1px;
    z-index: 9999;
    width: 246px
}

.cmt-wrap .comment_box .btn_submit {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 11px 0 18px
}

.cmt-wrap .comment_box .btn_submit .btn_apply {
    display: inline-block;
    height: 32px;
    margin-left: 4px;
    padding: 0 15px;
    border: 1px solid #4279ff;
    border-radius: 2px;
    color: #4279ff;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle
}

.cmt-wrap .comment_box .btn_submit .btn_apply[disable] {
    border-color: #dfdfdf;
    color: #aaa;
    pointer-events: none
}

.cmt-wrap .comment_box .btn_submit .size {
    margin-right: 10px;
    font-size: 14px;
    color: #aaa
}

.cmt-wrap .comment_box .btn_submit .emo {
    position: absolute;
    bottom: 3px;
    left: 1px;
    width: 23px;
    height: 23px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill='%23bdbebe' fill-rule='evenodd' d='M9 0a9 9 0 11-.02 18.02A9 9 0 019 0zm0 1a8 8 0 000 16A8 8 0 009 1zm4.17 8.91h.1a.5.5 0 01.4.58A4.76 4.76 0 019 14.48a4.74 4.74 0 01-4.67-3.99.5.5 0 01.98-.16 3.74 3.74 0 003.7 3.15c1.82 0 3.38-1.35 3.68-3.15a.5.5 0 01.57-.41zm-7.2-4.2a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4zm6.06 0a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font: 0/0 a
}

.cmt-wrap .comment_box .thumb_img .btn_del,.cmt-wrap .comment_box .list_imgfile .img_file li .thumb_img:hover .btn_del {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.5 21.5'%3e%3cpath fill-rule='evenodd' stroke='%23CCC' fill='%23FFF' d='M10.5.5a10 10 0 110 20 10 10 0 010-20z'/%3e%3cpath fill-rule='evenodd' stroke='%23333' fill='%23FFF' d='M14.47 7.06l-7.3 7.44M13.91 14.5l-7.4-7.42'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

.cmt-wrap .comment_box .thumb_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    position: relative;
    border: 1px solid #f2f2f2
}

.cmt-wrap .comment_box .thumb_img img {
    max-width: 100%;
    max-height: 80px;
    display: inline-block
}

.cmt-wrap .comment_box .thumb_img:after {
    content: "";
    display: inline-block;
    height: 80px;
    vertical-align: middle
}

.cmt-wrap .comment_box .photo_up {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 42px;
    bottom: 3px;
    width: 23px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17'%3e%3cpath fill='%23bdbebe' fill-rule='evenodd' d='M12.692 0c1.222 0 2.221.949 2.303 2.15l.005.205h2.692A2.309 2.309 0 0120 4.663v9.952a2.308 2.308 0 01-2.308 2.308H2.308A2.308 2.308 0 010 14.615V4.663a2.309 2.309 0 012.308-2.308H5v-.047A2.308 2.308 0 017.308 0h5.384zm0 1H7.308c-.677 0-1.234.514-1.301 1.174L6 2.308v1.047H2.308c-.677 0-1.234.515-1.301 1.174L1 4.663v9.952c0 .678.514 1.234 1.174 1.301l.134.007h15.384c.677 0 1.234-.514 1.301-1.174l.007-.134V4.663c0-.677-.515-1.234-1.174-1.3l-.134-.008H14V2.308c0-.677-.514-1.234-1.174-1.301L12.692 1zM10 4.23a5 5 0 11-.001 10.001A5 5 0 0110 4.23zm0 1a4 4 0 100 8 4 4 0 000-8z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    color: transparent;
    cursor: pointer
}

.cmt-wrap .comment_box .photo_up .f_up {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 23px;
    height: 21px;
    color: transparent;
    text-align: right;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.cmt-wrap .comment_box .photo_up input[type=file] {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0
}

.cmt-wrap .cmt-box-write {
    display: flex;
    padding: 15px 20px 35px 74px
}

.cmt-wrap .cmt-write-header {
    padding: 0
}

.cmt-wrap .cmt-write-header .title {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    padding-bottom: 20px
}

.cmt-wrap .cmt-write-header .title strong {
    color: #1559ff;
    margin-left: 8px
}

.cmt-wrap .cmt-write-header .cmt-box-write {
    display: flex;
    padding: 0 0 27px 0
}

.cmt-wrap .cmt-list-area .cmt-list li {
    position: relative
}

.cmt-wrap .cmt-list-area .cmt-list li:after {
    content: '';
    display: block;
    height: 1px;
    margin: 0 20px;
    background: #ededed
}

.cmt-wrap .cmt-list-area .cmt-list li li:before {
    content: "";
    position: absolute;
    top: 26px;
    left: 51px;
    z-index: 10;
    width: 11px;
    height: 11px;
    border: 1px solid #ddd;
    border-width: 0 0 1px 1px
}

.cmt-wrap .cmt-list-area .cmt-list li li:after {
    display: none
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box {
    position: relative;
    display: flex;
    padding: 18px 20px 18px 20px
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box.st_focus {
    background: #f8faff !important
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box.HilightBG {
    background: #f8faff;
    animation: hbg 1s 3s forwards
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info {
    position: relative;
    flex-grow: 1
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .comment_box {
    margin-top: 18px
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .hilight_text {
    margin: 0 0 6px 0
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name {
    position: relative
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name button.btn_up {
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    letter-spacing: -0.05em
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name button.btn_up.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M6.627 2.729a2.6 2.6 0 0 1 2.674-1.573l.044.004a2.6 2.6 0 0 1 2.32 2.585v2.566h3.853a2.4 2.4 0 0 1 2.352 2.876l-1.393 6.884a3.6 3.6 0 0 1-3.529 2.886H7.961a2.6 2.6 0 0 1-.684-.092l-1.858-.507a1.597 1.597 0 0 1-.797-.506c-.232.131-.5.206-.786.206h-1.16a2.6 2.6 0 0 1-2.6-2.6v-4.96a2.6 2.6 0 0 1 2.6-2.6h1.16c.198 0 .388.037.564.103l2.227-5.272Zm2.545-.38a1.4 1.4 0 0 0-1.44.847L5.44 8.62v8.194a.4.4 0 0 0 .295.386l1.858.506c.12.033.244.05.368.05h4.987a2.4 2.4 0 0 0 2.352-1.924l1.394-6.884a1.2 1.2 0 0 0-1.176-1.438h-3.952a1.1 1.1 0 0 1-1.1-1.1V3.745a1.4 1.4 0 0 0-1.25-1.392l-.044-.004Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name button.btn_up span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px 2px 0;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23AAA' fill-rule='evenodd' d='M9.299 1.156a2.6 2.6 0 0 0-2.674 1.573L4.398 8a1.596 1.596 0 0 0-.562-.102h-1.16a2.6 2.6 0 0 0-2.6 2.6v4.96a2.6 2.6 0 0 0 2.6 2.6h1.16c.285 0 .553-.074.785-.205.203.238.477.418.796.505l1.858.507a2.6 2.6 0 0 0 .685.092h4.986a3.6 3.6 0 0 0 3.528-2.886l1.395-6.884a2.4 2.4 0 0 0-2.353-2.876h-3.852V3.745A2.6 2.6 0 0 0 9.343 1.16l-.044-.004Zm-1.568 2.04a1.4 1.4 0 0 1 1.44-.847l.043.004a1.4 1.4 0 0 1 1.25 1.392v2.666a1.1 1.1 0 0 0 1.1 1.1h3.952a1.2 1.2 0 0 1 1.176 1.438l-1.394 6.884a2.4 2.4 0 0 1-2.352 1.924H7.96c-.125 0-.249-.017-.369-.05l-1.858-.506a.4.4 0 0 1-.295-.386V8.62l2.293-5.425Zm-6.455 7.302a1.4 1.4 0 0 1 1.4-1.4h1.16c.22 0 .4.18.4.4v6.96a.4.4 0 0 1-.4.4h-1.16a1.4 1.4 0 0 1-1.4-1.4v-4.96Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .bj_name {
    position: relative;
    z-index: 2;
    font-weight: bold;
    color: #333
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .bj_name .user_id {
    font-weight: normal;
    color: #aaa
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .time {
    color: #666
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .time:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    margin: 0 7px;
    vertical-align: middle;
    background: #aaa
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .download {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding-left: 20px;
    height: 17px;
    font-size: 13px;
    color: #999;
    text-decoration: underline;
    background: url(/images/mybs/mybs.png) -195px 0 no-repeat
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area {
    width: 100%;
    overflow: hidden;
    margin-top: 14px
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .hit .icon {
    display: inline-block;
    width: 14px;
    background: url(/images/mybs/mybs.png) -25px -28px no-repeat;
    width: 14px;
    height: 12px;
    margin-right: 5px;
    text-indent: -9999em
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .hit .reply {
    color: #888
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .hit .reply strong {
    color: #4279ff;
    margin-left: 3px
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .warn {
    float: right
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .warn a {
    position: relative;
    display: inline-block;
    padding-left: 7px;
    color: #aaa;
    margin-left: 6px
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .warn a:first-child:before {
    display: none
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .warn a:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #e3e5ed
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .img_file {
    margin: 14px 0 6px
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .img_file img {
    max-width: 400px;
    max-height: 400px;
    display: block;
    border: 1px solid #aaa
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .best {
    display: inline-block;
    width: 35px;
    height: 16px;
    margin: 0;
    margin-right: 5px;
    border: 1px solid #f40039;
    border-radius: 30px;
    color: #f40039;
    line-height: 16px;
    text-align: center;
    text-indent: 0;
    font-size: 11px;
    vertical-align: 1px;
    font-style: normal
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up {
    position: absolute;
    top: 0;
    right: 0
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up span {
    display: inline-block;
    width: 17px;
    height: 18px;
    margin-right: 6px;
    font: 0/0 a;
    vertical-align: 14px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23AAA' fill-rule='evenodd' d='M9.299 1.156a2.6 2.6 0 0 0-2.674 1.573L4.398 8a1.596 1.596 0 0 0-.562-.102h-1.16a2.6 2.6 0 0 0-2.6 2.6v4.96a2.6 2.6 0 0 0 2.6 2.6h1.16c.285 0 .553-.074.785-.205.203.238.477.418.796.505l1.858.507a2.6 2.6 0 0 0 .685.092h4.986a3.6 3.6 0 0 0 3.528-2.886l1.395-6.884a2.4 2.4 0 0 0-2.353-2.876h-3.852V3.745A2.6 2.6 0 0 0 9.343 1.16l-.044-.004Zm-1.568 2.04a1.4 1.4 0 0 1 1.44-.847l.043.004a1.4 1.4 0 0 1 1.25 1.392v2.666a1.1 1.1 0 0 0 1.1 1.1h3.952a1.2 1.2 0 0 1 1.176 1.438l-1.394 6.884a2.4 2.4 0 0 1-2.352 1.924H7.96c-.125 0-.249-.017-.369-.05l-1.858-.506a.4.4 0 0 1-.295-.386V8.62l2.293-5.425Zm-6.455 7.302a1.4 1.4 0 0 1 1.4-1.4h1.16c.22 0 .4.18.4.4v6.96a.4.4 0 0 1-.4.4h-1.16a1.4 1.4 0 0 1-1.4-1.4v-4.96Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up em {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M6.627 2.729a2.6 2.6 0 0 1 2.674-1.573l.044.004a2.6 2.6 0 0 1 2.32 2.585v2.566h3.853a2.4 2.4 0 0 1 2.352 2.876l-1.393 6.884a3.6 3.6 0 0 1-3.529 2.886H7.961a2.6 2.6 0 0 1-.684-.092l-1.858-.507a1.597 1.597 0 0 1-.797-.506c-.232.131-.5.206-.786.206h-1.16a2.6 2.6 0 0 1-2.6-2.6v-4.96a2.6 2.6 0 0 1 2.6-2.6h1.16c.198 0 .388.037.564.103l2.227-5.272Zm2.545-.38a1.4 1.4 0 0 0-1.44.847L5.44 8.62v8.194a.4.4 0 0 0 .295.386l1.858.506c.12.033.244.05.368.05h4.987a2.4 2.4 0 0 0 2.352-1.924l1.394-6.884a1.2 1.2 0 0 0-1.176-1.438h-3.952a1.1 1.1 0 0 1-1.1-1.1V3.745a1.4 1.4 0 0 0-1.25-1.392l-.044-.004Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .c_title {
    margin-top: 7px;
    color: #333;
    word-wrap: break-word;
    -ms-word-break: break-all;
    line-height: 1.4em;
    overflow: hidden
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .c_title a {
    color: #0782c1
}

.cmt-wrap .cmt-list-area .cmt-list .cmt-list_box a {
    display: inline-block
}

.cmt-wrap .cmt-list-area .cmt-list .reply_area {
    display: none
}

.cmt-wrap .cmt-list-area .cmt-list .reply_area .cmt-box-write,.cmt-wrap .cmt-list-area .cmt-list .reply_area .cmt-list_box {
    padding: 18px 20px 18px 74px
}

.cmt-wrap .btn_listmore {
    color: #7895ca;
    text-align: center;
    display: block !important;
    padding: 13px 0
}

.cmt-wrap .btn_listmore strong {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3e%3cpath fill-rule='evenodd' d='M1.39.544C1.138.33.76.358.544.61c-.215.252-.186.63.066.846l7.01 6c.225.192.557.192.781 0l6.99-6c.251-.217.28-.595.064-.847-.216-.251-.594-.28-.846-.064L8.01 6.21 1.39.544z' fill='%23597aaf'/%3e%3c/svg%3e");
    background-size: 12px 4px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 16px;
    display: inline-block;
    color: #7895ca
}

.thema_dark .cmt-wrap,html[dark=true] .cmt-wrap {
    color: #999;
    background: #121213
}

.thema_dark .cmt-wrap textarea::placeholder,html[dark=true] .cmt-wrap textarea::placeholder {
    color: #666
}

.thema_dark .cmt-wrap .cmt-sort button,html[dark=true] .cmt-wrap .cmt-sort button {
    color: #888
}

.thema_dark .cmt-wrap .cmt-sort button.on,html[dark=true] .cmt-wrap .cmt-sort button.on {
    color: #c8c8c8
}

.thema_dark .cmt-wrap .cmt-sort button.on::before,html[dark=true] .cmt-wrap .cmt-sort button.on::before {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 11'%3e%3cpath  fill='%23c8c8c8' fill-rule='evenodd' d='M5.822 10.502l-4.61-5.311C.855 4.78.9 4.158 1.311 3.801c.412-.356 1.034-.312 1.391.099l3.257 3.752L13.114.848c.394-.376 1.019-.359 1.394.034.375.394.36 1.018-.035 1.393l-8.651 8.227z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-right: 6px;
    width: 15px;
    height: 11px
}

.thema_dark .cmt-wrap .comment_box,html[dark=true] .cmt-wrap .comment_box {
    border-color: #2e2e2f;
    background: #121213
}

.thema_dark .cmt-wrap .comment_box textarea,html[dark=true] .cmt-wrap .comment_box textarea {
    color: #999
}

.thema_dark .cmt-wrap .comment_box .btn_submit .size,html[dark=true] .cmt-wrap .comment_box .btn_submit .size {
    color: #666
}

.thema_dark .cmt-wrap .comment_box .btn_submit .btn_apply,html[dark=true] .cmt-wrap .comment_box .btn_submit .btn_apply {
    border-color: #7398ff;
    color: #7398ff
}

.thema_dark .cmt-wrap .comment_box .btn_submit .btn_apply[disable],html[dark=true] .cmt-wrap .comment_box .btn_submit .btn_apply[disable] {
    border-color: #2e2e2f;
    color: #666
}

.thema_dark .cmt-wrap .comment_box .thumb_img,html[dark=true] .cmt-wrap .comment_box .thumb_img {
    border: 1px solid #666
}

.thema_dark .cmt-wrap .comment_box .btn_submit .emo,html[dark=true] .cmt-wrap .comment_box .btn_submit .emo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill='%23666' fill-rule='evenodd' d='M9 0a9 9 0 11-.02 18.02A9 9 0 019 0zm0 1a8 8 0 000 16A8 8 0 009 1zm4.17 8.91h.1a.5.5 0 01.4.58A4.76 4.76 0 019 14.48a4.74 4.74 0 01-4.67-3.99.5.5 0 01.98-.16 3.74 3.74 0 003.7 3.15c1.82 0 3.38-1.35 3.68-3.15a.5.5 0 01.57-.41zm-7.2-4.2a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4zm6.06 0a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.thema_dark .cmt-wrap .comment_box .photo_up,html[dark=true] .cmt-wrap .comment_box .photo_up {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17'%3e%3cpath fill='%23666' fill-rule='evenodd' d='M12.692 0c1.222 0 2.221.949 2.303 2.15l.005.205h2.692A2.309 2.309 0 0120 4.663v9.952a2.308 2.308 0 01-2.308 2.308H2.308A2.308 2.308 0 010 14.615V4.663a2.309 2.309 0 012.308-2.308H5v-.047A2.308 2.308 0 017.308 0h5.384zm0 1H7.308c-.677 0-1.234.514-1.301 1.174L6 2.308v1.047H2.308c-.677 0-1.234.515-1.301 1.174L1 4.663v9.952c0 .678.514 1.234 1.174 1.301l.134.007h15.384c.677 0 1.234-.514 1.301-1.174l.007-.134V4.663c0-.677-.515-1.234-1.174-1.3l-.134-.008H14V2.308c0-.677-.514-1.234-1.174-1.301L12.692 1zM10 4.23a5 5 0 11-.001 10.001A5 5 0 0110 4.23zm0 1a4 4 0 100 8 4 4 0 000-8z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.thema_dark .cmt-wrap .cmt-write-header .title,html[dark=true] .cmt-wrap .cmt-write-header .title {
    color: #e5e5e5
}

.thema_dark .cmt-wrap .cmt-write-header .title strong,html[dark=true] .cmt-wrap .cmt-write-header .title strong {
    color: #7398ff
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list li,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list li {
    position: relative
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list li:after,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list li:after {
    background: #333
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list li li:before,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list li li:before {
    border-color: #4d4d4d;
    border-width: 0 0 1px 1px
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box.st_focus,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box.st_focus {
    background: #272728 !important
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box.HilightBG,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box.HilightBG {
    background: #272728;
    animation: hbg_dark 1s 3s forwards
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .bj_name,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .bj_name {
    color: #c8c8c8
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .bj_name .user_id,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .bj_name .user_id {
    color: #666
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .time,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .time {
    color: #999
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .time:before,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .name .time:before {
    background: #666
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .hit .reply,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .hit .reply {
    color: #707173
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .hit .reply strong,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .hit .reply strong {
    color: #7398ff
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .warn a,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .warn a {
    color: #666
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .warn a:before,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .watch_area .warn a:before {
    background: #666
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .img_file img,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info .img_file img {
    border: 1px solid #666
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up span,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23999' fill-rule='evenodd' d='M9.299 1.156a2.6 2.6 0 0 0-2.674 1.573L4.398 8a1.596 1.596 0 0 0-.562-.102h-1.16a2.6 2.6 0 0 0-2.6 2.6v4.96a2.6 2.6 0 0 0 2.6 2.6h1.16c.285 0 .553-.074.785-.205.203.238.477.418.796.505l1.858.507a2.6 2.6 0 0 0 .685.092h4.986a3.6 3.6 0 0 0 3.528-2.886l1.395-6.884a2.4 2.4 0 0 0-2.353-2.876h-3.852V3.745A2.6 2.6 0 0 0 9.343 1.16l-.044-.004Zm-1.568 2.04a1.4 1.4 0 0 1 1.44-.847l.043.004a1.4 1.4 0 0 1 1.25 1.392v2.666a1.1 1.1 0 0 0 1.1 1.1h3.952a1.2 1.2 0 0 1 1.176 1.438l-1.394 6.884a2.4 2.4 0 0 1-2.352 1.924H7.96c-.125 0-.249-.017-.369-.05l-1.858-.506a.4.4 0 0 1-.295-.386V8.62l2.293-5.425Zm-6.455 7.302a1.4 1.4 0 0 1 1.4-1.4h1.16c.22 0 .4.18.4.4v6.96a.4.4 0 0 1-.4.4h-1.16a1.4 1.4 0 0 1-1.4-1.4v-4.96Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up em,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up em {
    color: #999
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up.on span,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .cmt-info button.up.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M6.627 2.729a2.6 2.6 0 0 1 2.674-1.573l.044.004a2.6 2.6 0 0 1 2.32 2.585v2.566h3.853a2.4 2.4 0 0 1 2.352 2.876l-1.393 6.884a3.6 3.6 0 0 1-3.529 2.886H7.961a2.6 2.6 0 0 1-.684-.092l-1.858-.507a1.597 1.597 0 0 1-.797-.506c-.232.131-.5.206-.786.206h-1.16a2.6 2.6 0 0 1-2.6-2.6v-4.96a2.6 2.6 0 0 1 2.6-2.6h1.16c.198 0 .388.037.564.103l2.227-5.272Zm2.545-.38a1.4 1.4 0 0 0-1.44.847L5.44 8.62v8.194a.4.4 0 0 0 .295.386l1.858.506c.12.033.244.05.368.05h4.987a2.4 2.4 0 0 0 2.352-1.924l1.394-6.884a1.2 1.2 0 0 0-1.176-1.438h-3.952a1.1 1.1 0 0 1-1.1-1.1V3.745a1.4 1.4 0 0 0-1.25-1.392l-.044-.004Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.thema_dark .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .c_title,html[dark=true] .cmt-wrap .cmt-list-area .cmt-list .cmt-list_box .c_title {
    color: #999
}

body {
    color: #666
}

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,select,textarea {
    margin: 0;
    padding: 0;
    font-size: 13px
}

li {
    list-style: none
}

a {
    text-decoration: none
}

a:link,a:visited,a:active {
    color: #676767;
    text-decoration: none
}

img {
    border: none
}

button {
    border: 0 none;
    cursor: pointer;
    background-color: transparent
}

em {
    font-style: normal
}

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: none
}

caption {
    display: none
}

#accessibility a {
    position: absolute;
    top: -999px;
    left: 0;
    width: 200px;
    height: 24px;
    padding-top: 4px;
    background-color: #000;
    color: #fff
}

#accessibility a:hover {
    top: 0
}

.sub_area {
    border: 1px solid #d9d9d9;
    margin-top: 17px;
    background-color: #f4f4f4;
    padding-bottom: 80px;
    line-height: 1.3
}

.sub_wrap {
    width: 820px;
    margin: 40px auto 0 auto
}

.sub_wrap .tit_area {
    overflow: hidden;
    width: 100%;
    padding: 8px 0 7px
}

.sub_wrap .tit_area h5 {
    float: left;
    padding-top: 7px;
    font-size: 24px;
    color: #0f1641;
    line-height: 100%;
    letter-spacing: -1px
}

.sub_wrap .tit_area .btn_r {
    float: right
}

.sub_wrap .tit_area .btn_r a.btn_write {
    display: inline-block;
    height: 37px;
    line-height: 37px;
    padding: 0 21px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 2px;
    background: #4279ff
}

.sub_wrap .tit_area .btn_r .v_align {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 2px
}

.sub_wrap .tit_area .btn_r .v_align li {
    float: left
}

.sub_wrap .tit_area .btn_r .v_align li a:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -9px;
    width: 1px;
    height: 12px;
    background: #d4d4d4
}

.sub_wrap .tit_area .btn_r .v_align li a {
    position: relative;
    display: block;
    margin: 0 9px;
    color: #555;
    font-size: 14px;
    line-height: 1.5
}

.sub_wrap .tit_area .btn_r .v_align li:first-child a:before {
    display: none
}

.sub_wrap .tit_area .btn_r .v_align li.on a {
    color: #4279ff;
    border-bottom: 2px solid #4279ff
}

.sub_wrap .notice_check {
    margin-bottom: 12px;
    color: #333;
    text-align: right
}

.sub_wrap .notice_check input[type=checkbox] {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 4px 0 0;
    cursor: pointer;
    vertical-align: -4px;
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #ddd
}

.sub_wrap .notice_check input[type=checkbox]:checked {
    border: none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%234279FF' fill-rule='evenodd' d='M12.713 4.222c.36.315.385.85.056 1.196L6.502 12 3.335 9.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 4.43 8l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054z' clip-rule='evenodd'/%3e%3cpath stroke='%234279FF' d='M.5.5h15v15H.5z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

.sub_wrap .notice_check input[type=checkbox]+label {
    vertical-align: middle;
    font-size: 13px;
    color: #333;
    cursor: pointer
}

.sub_wrap .board-srh_wrap {
    padding-top: 24px
}

.sub_wrap .board-srh_wrap .paging .prev,.sub_wrap .board-srh_wrap .paging .next {
    background: none
}

.board_header {
    height: 190px;
    padding: 0 400px 0 66px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff
}

.board_header h4 {
    margin: 0;
    padding: 30px 0 10px;
    font-size: 46px;
    color: #0f1641;
    letter-spacing: -2px
}

.board_header p {
    margin: 0 0 10px 2px;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 1.4
}

.board_header em {
    font-size: 12px;
    color: #8f8f8f;
    padding-right: 0;
    letter-spacing: -1px;
    padding-right: 10px
}

.board_header .btn_cscenter {
    padding: 2px 12px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    letter-spacing: -1px
}

.board_header .btn_cscenter em {
    color: #6076a6;
    padding-right: 6px
}

.board_header .btn_cscenter span {
    color: #4279ff;
    padding-right: 7px;
    background: url("/images/communication_center/split_center.png") no-repeat right -663px
}

.board_header .btn_cscenter:hover {
    color: #8f8f8f;
    text-decoration: none
}

.tb_notice {
    background: none;
    margin-bottom: 10px;
    border-bottom: 1px solid #d4d4d4
}

.tb_notice .design_header {
    display: block;
    height: 35px;
    margin-bottom: -35px;
    background-color: #7ba8dd;
    border-radius: 3px
}

.tb_notice a:hover {
    text-decoration: underline
}

.tb_notice thead th {
    height: 35px
}

.tb_notice tr.first td {
    border-top: none
}

.tb_notice th {
    text-align: center;
    color: #fff;
    font-size: 14px
}

.tb_notice th select {
    background-color: #7ba8dd;
    margin-left: 0;
    border: none;
    color: #fff;
    font-size: 12px
}

.tb_notice th.check input[type="checkbox"] {
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.tb_notice .icon_notice {
    display: inline-block;
    height: 20px;
    padding: 0 7px 0 7px;
    border-radius: 20px;
    border: 1px solid #4279ff;
    box-sizing: border-box;
    color: #4279ff;
    letter-spacing: -1px;
    font-size: 11px;
    line-height: 20px
}

.tb_notice tr.notice td.title a {
    padding: 0;
    background: none;
    font-weight: bold
}

.tb_notice tr.bjnotice td.title a {
    padding: 0;
    background: none;
    font-weight: bold;
    color: #ff2121
}

.tb_notice tr.view {
    background-color: #e8e8e8
}

.tb_notice td {
    padding: 19px 0 15px 0;
    border-top: 1px solid #e3e3e3;
    word-break: break-all;
    font-size: 11px;
    text-align: center
}

.tb_notice td input[type="checkbox"] {
    width: 15px;
    height: 15px
}

.tb_notice td .wait {
    color: #ff2222
}

.tb_notice td.title {
    text-align: left
}

.tb_notice td.title a {
    overflow: hidden;
    float: left;
    max-width: 290px;
    color: #222;
    line-height: 1.5em;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb_notice td.title img {
    vertical-align: middle;
    margin: 0 0 0 3px
}

.tb_notice td.title span {
    float: left;
    margin: 2px 0 0 5px;
    color: #4279ff
}

.tb_notice td strong.keyword {
    float: none;
    color: #4279ff;
    font-weight: normal
}

.tb_notice tr.notice strong.keyword {
    font-weight: bold
}

.tb_notice td .icon_mobile {
    display: inline-block;
    width: 7px;
    height: 10px;
    margin: 5px 5px 0 0 !important;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -9999px;
    background: url("/images/communication_center/split_center.png") no-repeat 0 -600px
}

.tb_notice td .btn_del {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 2px 0 0 5px;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -9999px;
    background: url("/images/communication_center/split_center.png") no-repeat 0 -615px
}

.tb_notice td .nick_wrap {
    display: inline-block;
    position: relative
}

.list_btn_area {
    width: 100%;
    overflow: hidden
}

.list_btn_area .btn_l {
    float: left
}

.list_btn_area .btn_r {
    float: right
}

.btn_r {
    text-align: right
}

.btn_delete {
    display: inline-block;
    padding: 2px 6px 3px 5px;
    border: 1px solid #b6b6b6;
    border-radius: 2px
}

.btn_delete span {
    display: inline-block;
    background: url("/images/communication_center/split_center.png") no-repeat 0 -697px;
    padding: 0 0 0 13px;
    color: #000;
    letter-spacing: -1px;
    font-weight: bold
}

.btn_write {
    display: inline-block;
    height: 34px;
    padding: 0 11px;
    border: 1px solid #b6b6b6;
    border-radius: 2px;
    line-height: 32px
}

.btn_write span {
    display: inline-block;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3e%3cpath fill-rule='evenodd' fill='%234279FF' d='M11 5L8 2l2-2 3 3-2 2zm-8 8H0v-3l7-7 3 3-7 7z'/%3e%3c/svg%3e") 0 50% no-repeat;
    background-size: 13px 13px;
    padding: 0 0 0 20px;
    color: #333;
    letter-spacing: -1px;
    font-weight: bold;
    line-height: 1.2
}

.search_area {
    position: static;
    margin-top: 45px;
    font-size: 12px;
    text-align: center
}

.search_area * {
    vertical-align: middle;
    font-size: 12px
}

.search_area input[type=checkbox] {
    vertical-align: -3px
}

.search_area label {
    margin: 0 12px 0 4px;
    vertical-align: -1px
}

.search_area button {
    padding: 0 7px;
    border-radius: 2px;
    line-height: 18px
}

.search_area button.list_search {
    margin-right: 5px;
    background: #3977d2;
    color: #fff;
    border: 1px solid #2561be
}

.search_area button.list_all {
    background: #f8f8f8;
    color: #585858;
    border: 1px solid #b3b3b3
}

.search_area .input_txt {
    height: 20px;
    width: 195px;
    margin-right: 5px;
    border: 1px solid #bbb;
    background-color: #fff;
    padding: 0 0 0 3px;
    line-height: 1.2;
    font-size: 12px
}

@supports (-ms-accelerator: true) {
    .search_area .input_txt {
        height: 19px;
        padding-top: 1px
    }
}

.pg_area a {
    border-color: transparent
}

.bd_feed .v_article {
    position: relative;
    margin-left: 0
}

.bd_feed .v_article .hit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 0 0 0;
    font-size: 13px
}

.bd_feed .v_article .hit a {
    color: #999;
    margin-left: 4px
}

.bd_feed .v_article .hit span {
    color: #999;
    margin-right: 6px
}

.bd_feed .v_article .hit span em {
    color: #666;
    margin-left: 4px;
    font-weight: bold
}

.bd_feed .v_article .bj_name {
    font-size: 13px;
    color: #4279ff;
    letter-spacing: 0;
    font-weight: bold
}

.bd_feed .v_article .bj_name span {
    font-weight: normal;
    color: #999
}

.bd_feed .v_article .time {
    font-size: 11px
}

.bd_feed .v_article .name {
    margin-bottom: 12px
}

.bd_feed .v_article .time {
    color: #999;
    margin-left: 5px;
    font-size: 13px
}

.bd_feed .v_article .v_title {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 15px;
    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    zoom:1;}

.bd_feed .v_article .v_title:after {
    content: "";
    display: block;
    clear: both
}

.bd_feed .v_article .v_title .icon_notice {
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0 7px;
    border: 1px solid #4279ff;
    border-radius: 20px;
    color: #4279ff;
    line-height: 20px;
    letter-spacing: -1px;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle
}

.bd_feed .v_article .view {
    margin-left: 4px;
    padding: 23px 0;
    color: #222;
    line-height: 1.4;
    font-size: 14px;
    border-top: 1px solid #d0d0d0;
    word-wrap: break-word;
    -ms-word-break: break-all;
    overflow: hidden
}

.bd_feed .v_article .view p {
    overflow: initial
}

.bd_feed .v_article .view .tb_spec {
    width: auto;
    margin: 25px 0 0 0;
    border: 1px solid #d0d0d0;
    border-spacing: 0;
    table-layout: fixed
}

.bd_feed .v_article .view table.tb_spec th {
    background: #7ba8dd;
    width: 120px;
    height: 29px;
    border-right: 1px solid #d0d0d0;
    border-top-color: #d0d0d0;
    border-left-color: #d0d0d0;
    border-bottom: 1px solid #a3c2e7;
    color: #fff;
    line-height: 29px;
    letter-spacing: -1px;
    text-indent: 20px;
    font-weight: bold
}

.bd_feed .v_article .view table.tb_spec td {
    overflow: hidden;
    background: #fff;
    max-width: 670px;
    min-width: 280px;
    height: 29px;
    padding: 0 10px 0 0;
    border-bottom: 1px solid #ebebeb;
    border-top-color: #d0d0d0;
    border-right-color: #d0d0d0;
    color: #555;
    line-height: 29px;
    text-indent: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bd_feed .v_article .view .tb_spec .last th,.bd_feed .v_article .view .tb_spec .last td {
    border-bottom: none
}

.bd_feed .v_article .view img {
    max-width: 100%
}

.bd_feed .v_article .view .image_wrap {
    margin: 10px 0 0 0;
    zoom:1;overflow: hidden
}

.bd_feed .v_article .view .image_wrap:after {
    display: table;
    clear: both;
    content: ""
}

.bd_feed .v_article .view .image_wrap img {
    float: left;
    width: 259px;
    height: auto;
    margin-left: 15px;
    cursor: pointer
}

.bd_feed .v_article .view .image_wrap img:first-child {
    margin-left: 0
}

.bd_feed .v_article .view em,.bd_feed .v_article .view i {
    font-style: italic
}

.bd_feed .v_article .view strong,.bd_feed .v_article .view b {
    font-weight: bold
}

.bd_feed .v_article .view table,.bd_feed .v_article .view table th,.bd_feed .v_article .view table td {
    border-style: solid;
    border-width: 1px;
    border-color: #000
}

.comment_wrap {
    margin: 45px 0 0 0
}

.comment_wrap .title {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    padding-bottom: 6px
}

.comment_wrap .title strong {
    color: #1559ff;
    margin-left: 8px
}

.comment_global.comment_box {
    margin-bottom: 36px
}

.comment_wrap .comment_box {
    height: auto;
    margin-bottom: 36px;
    padding: 0 17px 0 23px;
    border: 1px solid #acacac
}

.comment_wrap .comment_box textarea {
    resize: none;
    height: 50px;
    margin: 12px 0 0 0;
    width: 100%;
    border: none;
    background: transparent;
    font-size: 12px;
    color: #666;
    overflow: auto
}

.comment_wrap .comment_box .write-inp {
    position: relative;
    background: transparent;
    min-height: 35px;
    padding: 12px 0 20px;
    color: #333;
    font-size: 14px;
    outline: none;
    line-height: 21px;
    cursor: text;
    word-break: break-word;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 13px
}

.comment_wrap .comment_box .write-inp[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    color: #9e9e9e
}

.comment_wrap .comment_box .write-inp .emtn {
    width: 27px;
    height: 27px;
    vertical-align: -7px
}

.comment_wrap .comment_box #emoticonArea {
    display: none;
    position: absolute;
    z-index: 9999;
    width: 246px
}

.comment_box.disable .photo_up,.comment_box.disable .emo,.comment_box.disable .size,.comment_wrap .disable .size,.comment_wrap .disable .emo {
    display: none
}

.comment_box.disable,.commentList .comment_box.disable,.comment_wrap .disable {
    background: #f3f3f3
}

.comment_box.disable .input_write,.commentList .comment_box.disable textarea,.comment_wrap .disable textarea {
    color: #999
}

.comment_wrap .comment_box .btn_submit a {
    display: inline-block;
    height: 32px;
    margin-left: 4px;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #333;
    line-height: 32px;
    text-align: center;
    text-decoration: none
}

.comment_wrap .btn_submit a.st,.comment_wrap .comment_box .btn_submit a#setComment {
    border-color: #4279ff;
    color: #4279ff
}

.comment_box.disable .btn_submit a,.comment_wrap .disable .btn_submit a {
    border: 1px solid #d6d6d6;
    color: #b1b1b1;
    text-align: center;
    cursor: default
}

.comment_wrap .disable .btn_submit a.st {
    color: #b1b1b1
}

.comment_wrap .comment_box .btn_submit {
    text-align: right;
    position: relative;
    margin-bottom: 10px
}

.comment_wrap .comment_box .btn_submit .size {
    margin-right: 10px;
    font-size: 14px;
    color: #7a7a7a
}

.comment_wrap .comment_box .btn_submit .emo {
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3e%3cpath fill-rule='evenodd' d='M11 22C4.925 22 0 17.075 0 11S4.925 0 11 0s11 4.925 11 11-4.925 11-11 11zm0-21C5.477 1 1 5.477 1 11s4.477 10 10 10 10-4.477 10-10S16.523 1 11 1zm3.969 9.344c-.829 0-1.5-.672-1.5-1.5 0-.829.671-1.5 1.5-1.5.828 0 1.5.671 1.5 1.5 0 .828-.672 1.5-1.5 1.5zm.539 2.881c.14-.239.447-.317.684-.177.239.139.318.446.177.684-.723 1.229-2.375 3.289-5.308 3.289-2.929 0-4.581-2.057-5.305-3.284-.141-.237-.062-.544.176-.684.239-.139.545-.061.685.176.616 1.043 2.012 2.792 4.444 2.792 2.435 0 3.832-1.752 4.447-2.796zm-8.571-2.881c-.828 0-1.5-.672-1.5-1.5 0-.829.672-1.5 1.5-1.5.829 0 1.5.671 1.5 1.5 0 .828-.671 1.5-1.5 1.5z' fill='%23aaa'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    font: 0/0 a
}

.comment_wrap .comment_box .btn_submit .emo.on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3e%3cpath fill='%234279ff' fill-rule='evenodd' d='M11 22C4.925 22 0 17.075 0 11S4.925 0 11 0s11 4.925 11 11-4.925 11-11 11zm0-21C5.477 1 1 5.477 1 11s4.477 10 10 10 10-4.477 10-10S16.523 1 11 1zm3.969 9.344c-.829 0-1.5-.672-1.5-1.5 0-.829.671-1.5 1.5-1.5.828 0 1.5.671 1.5 1.5 0 .828-.672 1.5-1.5 1.5zm.539 2.881c.14-.239.447-.317.684-.177.239.139.318.446.177.684-.723 1.229-2.375 3.289-5.308 3.289-2.929 0-4.581-2.057-5.305-3.284-.141-.237-.062-.544.176-.684.239-.139.545-.061.685.176.616 1.043 2.012 2.792 4.444 2.792 2.435 0 3.832-1.752 4.447-2.796zm-8.571-2.881c-.828 0-1.5-.672-1.5-1.5 0-.829.672-1.5 1.5-1.5.829 0 1.5.671 1.5 1.5 0 .828-.671 1.5-1.5 1.5z'/%3e%3c/svg%3e")
}

.commentList .tab {
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    position: relative;
    height: 22px
}

.commentList .tab ul {
    position: absolute;
    top: 0;
    left: 0;
    zoom:1; }

.commentList .tab ul:after {
    content: "";
    display: block;
    clear: both
}

.commentList .tab ul li {
    float: left;
    margin-right: 13px
}

.commentList .tab ul li a {
    display: block;
    height: 22px;
    text-decoration: none
}

.commentList .tab ul li.on a {
    border-bottom: 1px solid #000;
    display: block;
    color: #000;
    font-weight: bold
}

.commentList .inwrap {
    zoom:1;padding-left: 7px
}

.commentList .inwrap:after {
    content: "";
    display: block;
    clear: both
}

.commentList .inwrap .img_profile {
    float: left;
    position: relative
}

.commentList .inwrap .img_profile img {
    width: 36px;
    height: 36px;
    border-radius: 18px
}

.commentList .inwrap .img_profile .mask {
    width: 37px;
    height: 37px;
    background: url(/images/mybs/img_mask.png) 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.commentList .inwrap .c_article {
    margin: 0 0 27px 53px
}

.commentList .inwrap .c_article .name {
    position: relative;
    margin-bottom: 7px
}

.commentList .inwrap .c_article .name button.btn_up {
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    letter-spacing: -0.05em
}

.commentList .inwrap .c_article .name button.btn_up span {
    display: inline-block;
    width: 15px;
    height: 16px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23AAA' fill-rule='evenodd' d='M9.299 1.156a2.6 2.6 0 0 0-2.674 1.573L4.398 8a1.596 1.596 0 0 0-.562-.102h-1.16a2.6 2.6 0 0 0-2.6 2.6v4.96a2.6 2.6 0 0 0 2.6 2.6h1.16c.285 0 .553-.074.785-.205.203.238.477.418.796.505l1.858.507a2.6 2.6 0 0 0 .685.092h4.986a3.6 3.6 0 0 0 3.528-2.886l1.395-6.884a2.4 2.4 0 0 0-2.353-2.876h-3.852V3.745A2.6 2.6 0 0 0 9.343 1.16l-.044-.004Zm-1.568 2.04a1.4 1.4 0 0 1 1.44-.847l.043.004a1.4 1.4 0 0 1 1.25 1.392v2.666a1.1 1.1 0 0 0 1.1 1.1h3.952a1.2 1.2 0 0 1 1.176 1.438l-1.394 6.884a2.4 2.4 0 0 1-2.352 1.924H7.96c-.125 0-.249-.017-.369-.05l-1.858-.506a.4.4 0 0 1-.295-.386V8.62l2.293-5.425Zm-6.455 7.302a1.4 1.4 0 0 1 1.4-1.4h1.16c.22 0 .4.18.4.4v6.96a.4.4 0 0 1-.4.4h-1.16a1.4 1.4 0 0 1-1.4-1.4v-4.96Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.commentList .inwrap .c_article .name button.btn_up.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M6.627 2.729a2.6 2.6 0 0 1 2.674-1.573l.044.004a2.6 2.6 0 0 1 2.32 2.585v2.566h3.853a2.4 2.4 0 0 1 2.352 2.876l-1.393 6.884a3.6 3.6 0 0 1-3.529 2.886H7.961a2.6 2.6 0 0 1-.684-.092l-1.858-.507a1.597 1.597 0 0 1-.797-.506c-.232.131-.5.206-.786.206h-1.16a2.6 2.6 0 0 1-2.6-2.6v-4.96a2.6 2.6 0 0 1 2.6-2.6h1.16c.198 0 .388.037.564.103l2.227-5.272Zm2.545-.38a1.4 1.4 0 0 0-1.44.847L5.44 8.62v8.194a.4.4 0 0 0 .295.386l1.858.506c.12.033.244.05.368.05h4.987a2.4 2.4 0 0 0 2.352-1.924l1.394-6.884a1.2 1.2 0 0 0-1.176-1.438h-3.952a1.1 1.1 0 0 1-1.1-1.1V3.745a1.4 1.4 0 0 0-1.25-1.392l-.044-.004Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.commentList .inwrap .c_article .name .bj_name {
    position: relative;
    z-index: 2;
    font-weight: bold
}

.commentList .inwrap .c_article .name .bj_name span {
    font-weight: normal
}

.commentList .inwrap .c_article .name .download {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding-left: 20px;
    height: 17px;
    font-size: 13px;
    color: #999;
    text-decoration: underline;
    background: url(/images/mybs/mybs.png) -195px 0 no-repeat
}

.commentList .inwrap .time {
    color: #999;
    margin-left: 6px
}

.commentList .inwrap .c_title {
    color: #333;
    margin-bottom: 10px;
    word-wrap: break-word;
    -ms-word-break: break-all;
    line-height: 1.4em;
    overflow: hidden
}

.bd_feed .v_article .view a {
    color: #0782C1;
    letter-spacing: 0
}

.bd_feed .v_article .view a:hover,.commentList .inwrap .c_title a:hover {
    text-decoration: underline
}

.commentList .inwrap .best {
    display: inline-block;
    width: 35px;
    height: 15px;
    background: url(/images/mybs/mybs.png) -36px 0 no-repeat;
    text-indent: -9999em;
    margin: -3px 6px 0 0;
    vertical-align: middle
}

.commentList .inwrap .c_article .watch_area {
    width: 100%;
    overflow: hidden
}

.commentList .inwrap .c_article .watch_area .hit {
    margin-left: 5px
}

.for_sports .commentList .inwrap .c_article .watch_area .hit {
    margin-left: 0px
}

.commentList .inwrap .c_article .stargift {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 18px;
    padding: 10px 20px 10px 65px;
    border-radius: 20px;
    background: #e0efff
}

.commentList .inwrap .c_article .stargift .sname {
    display: block;
    color: #222;
    padding: 0 0 3px
}

.commentList .inwrap .c_article .stargift .sname a {
    font-weight: bold;
    color: #006ad7
}

.commentList .inwrap .c_article .stargift .memo {
    display: block;
    color: #222
}

.commentList .inwrap .c_article .stargift .memo em {
    font-weight: bold;
    color: #ff0000
}

.commentList .inwrap .c_article .stargift .balloon {
    position: absolute;
    top: -5px;
    left: 4px
}

.commentList .inwrap .c_article .stargift .balloon img {
    width: 55px;
    height: 55px
}

.commentList .inwrap .c_article .stargift.storytelling {
    padding-left: 165px;
    margin-top: 50px
}

.commentList .inwrap .c_article .stargift.storytelling img {
    width: 146.5px;
    height: auto;
    left: 5px;
    bottom: 0;
    vertical-align: bottom
}

.commentList .inwrap .c_article .stargift.storytelling .balloon {
    top: auto;
    bottom: 0;
    left: 12px
}

.commentList .inwrap .warn {
    float: right
}

.commentList .inwrap .bar {
    color: #e1e1e1;
    font-size: 11px;
    margin: 0 5px
}

.commentList .inwrap .warn a {
    color: #b4b4b4
}

.commentList .inwrap a {
    display: inline-block
}

.commentList .inwrap .hit .icon {
    display: inline-block;
    width: 14px;
    background: url(/images/mybs/mybs.png) -25px -28px no-repeat;
    width: 14px;
    height: 12px;
    margin-right: 5px;
    text-indent: -9999em
}

.commentList .inwrap .hit .reply strong {
    color: #333;
    margin-left: 3px
}

.commentList .inwrap .reply_area {
    margin-left: 32px
}

.commentList .inwrap .reply_area .inbox {
    position: relative;
    padding-left: 21px
}

.commentList .inwrap .reply_area .inbox:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #cacaca;
    border-width: 0 0 1px 1px
}

.btn_listmore {
    color: #7895ca;
    text-align: center;
    display: block !important;
    padding: 13px 0 8px 0
}

.btn_listmore strong {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3e%3cpath fill-rule='evenodd' d='M1.39.544C1.138.33.76.358.544.61c-.215.252-.186.63.066.846l7.01 6c.225.192.557.192.781 0l6.99-6c.251-.217.28-.595.064-.847-.216-.251-.594-.28-.846-.064L8.01 6.21 1.39.544z' fill='%23597aaf'/%3e%3c/svg%3e");
    background-size: 12px 4px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 16px;
    display: inline-block;
    color: #7895ca
}

.commentList .inwrap li {
    position: relative;
    border-bottom: 1px solid #ededed
}

.commentList .inwrap .list_wrap {
    padding: 17px 0 0
}

.commentList .comment_box {
    background: #fff
}

.commentList li.st_focus {
    position: relative;
    width: calc(100% + 77px);
    margin-left: -42px;
    padding: 0 35px 0 42px;
    box-sizing: border-box;
    border-bottom: 1px solid transparent
}

.commentList .st_focus:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 42px;
    right: 32px;
    background: #ededed;
    height: 1px
}

.commentList .st_focus .reply_area {
    margin-left: 0
}

.commentList .st_focus .reply_area .inbox {
    background: #fff;
    width: calc(100% + 77px);
    margin-left: -42px;
    padding: 15px 35px 27px 84px;
    box-sizing: border-box
}

.commentList .st_focus .reply_area .inbox:before {
    top: 21px;
    left: 62px
}

.commentList .st_focus .reply_area .c_article {
    margin-bottom: 0 !important
}

.commentList .inwrap .c_article .hilight_text,.commentList .reply_area .inbox .hilight_text {
    margin: 0 0 6px 0
}

.commentList .reply_area .inbox.st_focus,.commentList .reply_area .inbox.HilightBG {
    width: calc(100% + 77px);
    margin-left: -42px;
    padding: 17px 35px 15px 84px;
    box-sizing: border-box
}

.commentList .reply_area .inbox.st_focus:before,.commentList .reply_area .inbox.HilightBG:before {
    top: 25px;
    left: 63px
}

.inbox.st_focus,li.st_focus {
    background: #f8faff !important
}

.commentList .inwrap .HilightCommen .img_profile {
    margin-top: 24px
}

.commentList .reply_area .inbox.HilightBG .img_profile {
    margin-top: 24px
}

.commentList .reply_area .inbox.HilightBG:before {
    top: 49px
}

.commentList .reply_area .inbox.HilightBG,.HilightBG {
    background: #f8faff;
    animation: hbg2 1s 3s forwards
}

html[dark=true] body .commentList .HilightBG,body.thema_dark .commentList .reply_area .inbox.HilightBG {
    background: #272728;
    animation: hbg_dark2 1s 3s forwards
}

@keyframes hbg2 {
    0% {
        background: #f8faff
    }

    100% {
        background: #fff
    }
}

@keyframes hbg_dark2 {
    0% {
        background: #272728
    }

    100% {
        background: #161617
    }
}

.comment_wrap .comment_box .btn_submit .photo {
    width: 15px;
    height: 14px;
    /* background: url(//res.afreecatv.com/images/mybs/mybs.png) -138px 0 no-repeat; */
    position: absolute;
    left: 29px;
    bottom: 0
}

.comment_wrap .comment_box .thumb_img .btn_del,.list_imgfile .img_file li .thumb_img:hover .btn_del {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.5 21.5'%3e%3cpath fill-rule='evenodd' stroke='%23CCC' fill='%23FFF' d='M10.5.5a10 10 0 110 20 10 10 0 010-20z'/%3e%3cpath fill-rule='evenodd' stroke='%23333' fill='%23FFF' d='M14.47 7.06l-7.3 7.44M13.91 14.5l-7.4-7.42'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

.comment_wrap .comment_box .thumb_img {
    width: 70px;
    height: 70px;
    position: relative;
    border: 1px solid #f2f2f2;
    display: block;
    text-align: center
}

.comment_wrap .comment_box .thumb_img img {
    max-width: 70px;
    max-height: 70px;
    display: inline-block;
    vertical-align: middle
}

.comment_wrap .comment_box .thumb_img:after {
    content: "";
    display: inline-block;
    height: 70px;
    vertical-align: middle
}

.photo_up {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 39px;
    bottom: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3e%3cpath fill-rule='evenodd' d='M19 19.994H3c-1.657 0-3-1.343-3-3v-11c0-1.657 1.343-3 3-3h2.008v-.008l1.98-2.98h8.041l1.979 2.98v.008H19c1.657 0 3 1.343 3 3v11c0 1.657-1.343 3-3 3zm2-14c0-1.103-.897-2-2-2h-1.992c-.381 0-.713-.214-.882-.528l-1.634-2.46H7.524L5.868 3.499c-.174.295-.494.495-.86.495H3c-1.103 0-2 .897-2 2v11c0 1.102.897 2 2 2h16c1.103 0 2-.898 2-2v-11zM11 16c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5zm0-9c-2.209 0-4 1.791-4 4s1.791 4 4 4 4-1.791 4-4-1.791-4-4-4z' fill='%23aaa'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 22px;
    height: 19px;
    color: transparent;
    cursor: pointer
}

.photo_up .f_up {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 19px;
    color: transparent;
    text-align: right;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.photo_up input[type=file] {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0
}

.edit_photo_up {
    display: inline-block;
    overflow: hidden;
    min-width: 102px;
    height: 29px;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    color: #333;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle
}

.edit_photo_up .f_up {
    display: block;
    cursor: pointer
}

.edit_photo_up input[type=file] {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0
}

.edit_photo_up label {
    margin: 0
}

.c_article .img_file {
    margin-bottom: 5px
}

.c_article .img_file img,.c_article .img_file a img {
    max-width: 400px;
    max-height: 400px;
    display: block;
    border: 1px solid #aaa
}

.commentList .inwrap .c_article .adgift {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 18px;
    padding: 10px 20px 10px 65px;
    border-radius: 20px;
    background: #e0efff;
    vertical-align: middle
}

.commentList .inwrap .c_article .adgift .sname {
    display: block;
    color: #222;
    padding: 0 0 3px;
    font-weight: bold
}

.commentList .inwrap .c_article .adgift .sname a {
    font-weight: bold;
    color: #222
}

.commentList .inwrap .c_article .adgift .memo {
    display: block;
    color: #222
}

.commentList .inwrap .c_article .adgift .memo em {
    font-weight: bold;
    color: #ff0000
}

.commentList .inwrap .c_article .adgift .balloon {
    position: absolute;
    top: 6px;
    left: 19px
}

.commentList .inwrap .c_article .adgift .balloon img {
    width: 34px;
    height: 34px
}

.commentList .inwrap .c_article .gudok {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 18px;
    padding: 10px 20px 10px 57px;
    border-radius: 20px;
    background: #e0efff
}

.commentList .inwrap .c_article .gudok .sname {
    display: block;
    color: #222;
    padding: 0 0 3px
}

.commentList .inwrap .c_article .gudok .sname a {
    font-weight: bold;
    color: #006ad7
}

.commentList .inwrap .c_article .gudok .memo {
    display: block;
    color: #222
}

.commentList .inwrap .c_article .gudok .balloon {
    position: absolute;
    top: -4px;
    left: 10px
}

.for_sports .commentList .inwrap .c_article {
    margin: 0 0 27px 0
}

.for_sports .commentList .inwrap .c_article .watch_area .hit {
    margin-left: 0px
}

.comment_area {
    margin: 0 auto;
    background: #fff;
    padding: 30px 0 30px 0;
    margin-top: 30px;
    width: 820px
}

.comment_area .comment_wrap {
    position: relative;
    z-index: 1;
    width: 750px;
    margin: 0 auto
}

.comment_area .commentList .inwrap .c_article {
    margin: 0 0 27px 0
}

.comment_area .commentList .inwrap .s_article {
    margin: 0 0 27px 54px
}

.comment_area .commentList .inwrap .reply_area .s_article {
    margin: 0 0 27px 54px
}

.comment_area .commentList .inwrap #modifyForm .emoticonArea {
    position: absolute
}

.comment_area .commentList .inwrap .c_article .watch_area .hit {
    margin-left: 0
}

.comment_area .commentList .inwrap .c_article .watch_area .hit .reply {
    color: #999999
}

.comment_area .comment_wrap .comment_box .btn_submit a {
    text-decoration: none
}

.form_area {
    width: 820px;
    margin: 0 auto;
    padding-top: 40px
}

.form_area th {
    vertical-align: top;
    text-align: left
}

.form_area th span {
    display: inline-block;
    margin: 10px 0 0 0;
    background: none;
    text-indent: 0;
    height: 18px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -1px
}

.form_area th em {
    padding-left: 5px;
    font-weight: bold;
    color: #e85932
}

.form_area .input_select {
    width: 202px;
    padding-left: 10px
}

.form_area .input_os {
    width: 200px !important
}

.form_area .input_txt {
    width: 693px;
    text-indent: 15px;
    font-size: 12px;
    color: #666
}

.form_area .admin_title .input_txt {
    width: 590px
}

.form_area .admin_title input[type=checkbox] {
    vertical-align: -2px;
    margin-left: 5px
}

.bsfot {
    border-top: 1px solid #ddd;
    width: 100%;
    padding-top: 13px;
    height: 30px;
    font-size: 0
}

.bsfot button span {
    font-size: 13px
}

.bsfot:after {
    content: "";
    clear: both;
    display: block
}

.bsfot .btn_r {
    float: right
}

.bsfot .btn_l {
    float: left;
    position: relative;
    z-index: 10
}

.bsfot button {
    width: auto !important;
    height: 35px;
    border: 1px solid #b6b6b6;
    margin-right: 4px;
    padding: 0 16px;
    border-radius: 2px;
    color: #333
}

.bsfot button.btn_up {
    padding: 0 14px 0 14px;
    height: 35px;
    line-height: 35px;
    color: #555;
    letter-spacing: -0.05em
}

.bsfot button.btn_up span {
    display: inline-block;
    width: 15px;
    height: 16px;
    margin: 0 5px 4px 0;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23666' fill-rule='evenodd' d='M9.299 1.156a2.6 2.6 0 0 0-2.674 1.573L4.398 8a1.596 1.596 0 0 0-.562-.102h-1.16a2.6 2.6 0 0 0-2.6 2.6v4.96a2.6 2.6 0 0 0 2.6 2.6h1.16c.285 0 .553-.074.785-.205.203.238.477.418.796.505l1.858.507a2.6 2.6 0 0 0 .685.092h4.986a3.6 3.6 0 0 0 3.528-2.886l1.395-6.884a2.4 2.4 0 0 0-2.353-2.876h-3.852V3.745A2.6 2.6 0 0 0 9.343 1.16l-.044-.004Zm-1.568 2.04a1.4 1.4 0 0 1 1.44-.847l.043.004a1.4 1.4 0 0 1 1.25 1.392v2.666a1.1 1.1 0 0 0 1.1 1.1h3.952a1.2 1.2 0 0 1 1.176 1.438l-1.394 6.884a2.4 2.4 0 0 1-2.352 1.924H7.96c-.125 0-.249-.017-.369-.05l-1.858-.506a.4.4 0 0 1-.295-.386V8.62l2.293-5.425Zm-6.455 7.302a1.4 1.4 0 0 1 1.4-1.4h1.16c.22 0 .4.18.4.4v6.96a.4.4 0 0 1-.4.4h-1.16a1.4 1.4 0 0 1-1.4-1.4v-4.96Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.bsfot button.btn_up.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M6.627 2.729a2.6 2.6 0 0 1 2.674-1.573l.044.004a2.6 2.6 0 0 1 2.32 2.585v2.566h3.853a2.4 2.4 0 0 1 2.352 2.876l-1.393 6.884a3.6 3.6 0 0 1-3.529 2.886H7.961a2.6 2.6 0 0 1-.684-.092l-1.858-.507a1.597 1.597 0 0 1-.797-.506c-.232.131-.5.206-.786.206h-1.16a2.6 2.6 0 0 1-2.6-2.6v-4.96a2.6 2.6 0 0 1 2.6-2.6h1.16c.198 0 .388.037.564.103l2.227-5.272Zm2.545-.38a1.4 1.4 0 0 0-1.44.847L5.44 8.62v8.194a.4.4 0 0 0 .295.386l1.858.506c.12.033.244.05.368.05h4.987a2.4 2.4 0 0 0 2.352-1.924l1.394-6.884a1.2 1.2 0 0 0-1.176-1.438h-3.952a1.1 1.1 0 0 1-1.1-1.1V3.745a1.4 1.4 0 0 0-1.25-1.392l-.044-.004Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.form_area #editor,.form_area #source {
    margin: 0 0 8px 0;
    vertical-align: -3px
}

.form_area #editor+label,.form_area #source+label {
    margin: 0 10px 0 4px;
    font-size: 13px
}

.form_area .file_text {
    height: 38px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #777;
    text-indent: 15px;
    vertical-align: middle
}

.form_area .file_wrap {
    position: relative;
    width: 102px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    background-color: #bdbdbd;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 2.5;
    cursor: pointer
}

.form_area .file_add {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 1px;
    height: 1px;
    cursor: pointer;
    font-size: 0
}

.form_area td {
    padding-bottom: 10px
}

.form_area td select {
    height: 36px;
    border: 1px solid #d6d6d6
}

.form_area td span.sp {
    margin: 0 14px
}

.form_area td .txt {
    padding: 12px 0 0 0;
    font-weight: bold
}

.form_area td .txt input {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0 5px 1px 0
}

.form_area td .txt span {
    color: #ff2121
}

.form_area td.tt {
    padding: 10px 0 20px;
    font-size: 14px;
    color: #666
}

.form_area td .agree_area {
    height: 150px;
    overflow: auto;
    border: 1px solid #d6d6d6;
    padding: 10px;
    font-size: 12px;
    line-height: 1.4;
    background: #fff
}

.form_area textarea {
    resize: none;
    overflow: auto;
    padding: 10px 15px;
    width: 663px;
    height: 206px;
    font-size: 12px;
    border: 1px solid #d6d6d6;
    color: #666;
    outline-style: none
}

.form_area .input_txt {
    border: 1px solid #d6d6d6;
    height: 30px;
    padding: 3px 0 0 0;
    background-color: #fff;
    line-height: 2;
    outline: none
}

.form_area .input_txt:focus {
    border-color: #aaa
}

.form_area .t1 span {
    background-position: 0 -88px
}

.form_area .t1 select {
    width: 208px
}

.form_area .t2 span {
    background-position: 0 12px
}

.form_area .t2 select {
    width: 208px
}

.form_area .t3 span {
    background-position: 0 -138px
}

.form_area .t3 .input_txt {
    width: 193px
}

.form_area .t4 span {
    background-position: 0 -188px
}

.form_area .t4 .input_txt {
    width: 193px
}

.form_area .t4 select {
    width: 208px;
    margin-left: 4px
}

.form_area .t4 * {
    vertical-align: middle
}

.form_area .t7 td div {
    position: relative;
    margin: 0 0 10px 0
}

.form_area .t7 td div select {
    width: 624px;
    height: 98px
}

.form_area .t7 td .input_txt {
    width: 607px
}

.form_area .t7 td .fadd_info {
    width: 100%;
    padding: 4px 0 6px;
    position: relative
}

.form_area .t7 td .fadd_info a {
    position: absolute;
    right: 0;
    top: -2px;
    width: 100px;
    height: 26px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #bdbdbd;
    font-size: 12px;
    color: #767676
}

.form_area .t7 td .fadd_info a span {
    line-height: 2.2
}

.form_area .t7 td .fadd_info a em {
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -9999em;
    vertical-align: -1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z' fill='%23fd0012'/%3e%3c/svg%3e");
    background-size: 12px 12px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.form_area .t7 td .fadd2 {
    overflow: auto;
    height: 76px;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #d6d6d6;
    background: #fff
}

.form_area .t7 td .fadd2 span {
    display: block;
    padding: 0 0 7px;
    margin: 0 0 0 10px
}

.form_area .t7 td .fadd2 input {
    vertical-align: -2px
}

.form_area .t7 td .input_filewrap {
    margin-right: 110px
}

.form_area .t7 td .input_filewrap input {
    width: 100%;
    height: 38px
}

.form_area .t7 td .input_filewrap em {
    position: absolute;
    right: -110px;
    top: 0
}

.form_area .t8 span {
    background-position: 0 -338px
}

.form_area .t8 select {
    width: 208px
}

.form_area .file_info {
    text-align: right;
    color: #8c8c8c;
    font-size: 12px
}

.form_area .file_info span {
    color: #4279ff
}

.form_area .file_info.none span {
    color: #8c8c8c
}

.form_area+.btn_area {
    margin-top: 40px;
    text-align: center
}

.form_area+.btn_area .btn_ok {
    background: #4279ff;
    width: 125px;
    height: 37px;
    margin-right: 4px;
    border: 1px solid #4279ff;
    border-radius: 2px;
    color: #fff
}

.form_area+.btn_area .btn_cancel {
    background: transparent;
    width: 125px;
    height: 37px;
    margin-left: 4px;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    color: #333
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .form_area .t7 td .fadd_info a span {
        line-height:2.3
    }

    .input_txt {
        height: 33px;
        padding: 0 0 0 0
    }
}

.layer_bs {
    border: 1px solid #2c84ce;
    padding-bottom: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    z-index: 99
}

.layer_bs h3.title {
    border-bottom: 1px solid #2c84ce;
    height: 29px
}

.layer_bs h3.title strong {
    color: #2c84ce;
    letter-spacing: -1px;
    margin-left: 13px;
    padding-top: 9px;
    display: inline-block
}

.layer_bs .btn_close {
    display: block;
    width: 32px;
    height: 29px;
    background: url(/images/flashplayer/btn_close_emo.gif) 10px 10px no-repeat;
    position: absolute;
    top: 0;
    right: 0
}

.layer_bs .layer_con {
    padding: 15px 15px
}

.layer_bs .btn_type1 {
    border: 1px solid #b8b8b8;
    display: block;
    width: 74px;
    height: 20px;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    color: #525252;
    font-size: 11px;
    text-decoration: none;
    line-height: 20px
}

.report {
    width: 424px;
    margin: -207px 0 0 -212px
}

.report .report_area {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 18px
}

.report .w_list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 21px
}

.report .w_list dt {
    width: 60px;
    float: left;
    font-weight: bold;
    padding-left: 9px;
    color: #535353;
    background: url(/images/mybs/bul.png) 0 4px no-repeat
}

.report .w_list dd {
    margin: 0 0 5px 69px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.report .s_list dt {
    font-weight: bold;
    color: #535353;
    margin-bottom: 7px
}

.report .s_list dd {
    margin-bottom: 5px
}

.report .s_list dd label {
    margin-left: 5px
}

.report .s_list dd input {
    margin: 0;
    vertical-align: -2px
}

.report .s_list dd textarea {
    overflow: auto;
    border: 1px solid #c6c6c6;
    width: 320px;
    height: 57px;
    display: block;
    margin: 4px 0 0 19px;
    resize: none;
    color: #666;
    padding: 5px;
    font-size: 12px
}

.report .memo {
    font-size: 11px;
    width: 90%;
    overflow: hidden;
    line-height: 1.5em;
    padding-left: 16px;
    margin-top: 13px
}

.report .memo span {
    font-size: 12px;
    margin-right: 3px;
    float: left;
    margin-left: -16px
}

.tech_qa .commentList .inwrap .c_article .c_title,.tech_qa .commentList .inwrap .c_article .name,.tech_qa .commentList .inwrap .c_article .name a,.help .commentList .inwrap .c_article .c_title,.help .commentList .inwrap .c_article .name {
    font-size: 13px
}

.ko_KR .sub_wrap .tb_notice tr.notice td.title a,.help .bd_feed .v_article .bj_name,.help .bd_feed .v_article .v_title,.ko_KR .btn_r button span {
    font-weight: normal;
    font-weight: bold
}

.search_area *,.pg_area a,.pg_area em,.pg_area .btn_next,.pg_area .btn_prev {
    font-size: 13px
}

.sub_wrap .tb_notice tr td.title a,.tb_notice td {
    font-size: 13px !important
}

.ko_KR .tech_qa .sub_wrap .tb_notice tr.notice td.title a {
    font-weight: bold !important
}

.tech_qa .v_article .view,.tech_qa .v_article .view p,.help .v_article .view,.help .v_article .view p {
    font-size: 14px !important;
    line-height: 1.4
}

.tech_qa .sub_wrap * {
    font-size: 13px !important
}

.tech_qa .bd_feed .v_article .v_title .icon_notice,.tech_qa .tb_notice .icon_notice {
    font-size: 11px !important
}

.tech_qa .bd_feed .v_article .v_title {
    font-size: 16px !important
}

.help .name .bj_name,.help .name .time {
    font-size: 13px
}

.help .comment_area .commentList .inwrap .c_article .watch_area .hit .reply {
    font-size: 13px
}

.help .bd_feed .v_article .hit,.help .comment_wrap .comment_box textarea {
    font-size: 13px
}

.mcn_bd {
    width: 960px;
    margin: 0 auto
}

.mcn_bd .btn_cancel {
    display: inline-block;
    padding: 0
}

.mcn_bd button span {
    font-size: 13px
}

.mcn_bd .notice_board {
    background: #fff url(/images/adbiz/img_bd.png) 552px 23px no-repeat
}

.icon-menu {
    z-index: 100
}

html[dark=true] .bd_feed .v_article .view table,html[dark=true] .bd_feed .v_article .view table th,html[dark=true] .bd_feed .v_article .view table td {
    border-color: #fff
}

html[dark=true] .commentList .st_focus .reply_area .inbox {
    background: #161617
}

html[dark=true] .commentList .st_focus:after {
    background: #333
}

html[dark=true] .sub_area {
    background-color: #1b1b1c;
    border-color: #1c1c1c
}

html[dark=true] .board_header h4 {
    color: #c8c8c8
}

html[dark=true] .board_header p {
    color: #999
}

html[dark=true] .board_header .btn_cscenter {
    border-color: #282828
}

html[dark=true] .board_header .btn_cscenter em {
    color: #666
}

html[dark=true] .board_header .btn_cscenter span {
    color: #6b85cf
}

html[dark=true] .tb_notice {
    border-color: #282828
}

html[dark=true] .tb_notice .design_header {
    background-color: #2e2e2f
}

html[dark=true] .tb_notice th select {
    background-color: #2e2e2f;
    border-color: transparent;
    color: #c8c8c8
}

html[dark=true] .tb_notice th {
    color: #c8c8c8
}

html[dark=true] .sub_wrap .notice_check {
    color: #c8c8c8
}

html[dark=true] .tb_notice tr.view {
    background-color: #181819
}

html[dark=true] .tb_notice td {
    border-color: #282828
}

html[dark=true] .tb_notice td,html[dark=true] .tb_notice td a {
    color: #c8c8c8
}

html[dark=true] .tb_notice td.title a {
    color: #e5e5e5
}

html[dark=true] .tb_notice td .btn_del,html[dark=true] .tb_notice td .icon_mobile {
    background-image: url(/images/communication_center/split_center_dark.png)
}

html[dark=true] .tb_notice td.title span,html[dark=true] .tb_notice td strong.keyword {
    color: #7398ff
}

html[dark=true] .tb_notice .icon_notice {
    border-color: #6b85cf;
    color: #6b85cf
}

html[dark=true] .btn_write {
    background-color: #1b1b1c;
    border-color: #2e2e2f
}

html[dark=true] .btn_write span {
    color: #fff
}

html[dark=true] .pg_area a {
    color: #999
}

html[dark=true] .pg_area em {
    border-color: #7398ff;
    color: #7398ff
}

html[dark=true] .search_area label {
    color: #999
}

html[dark=true] .pg_area a:hover,html[dark=true] .pg_area a:hover {
    border-color: transparent;
    color: #7398ff
}

html[dark=true] .search_area .input_txt {
    background-color: #0e0e0e;
    border-color: #2e2e2f;
    color: #999
}

html[dark=true] .search_area button.list_search {
    background-color: #1b61c3;
    border-color: #1b61c3
}

html[dark=true] .search_area button.list_all {
    background-color: #1b1b1c;
    border-color: #333;
    color: #999
}

html[dark=true] .bd_feed .v_article .bj_name,html[dark=true] .bd_feed .v_article .time {
    color: #8c8c8c
}

html[dark=true] .bd_feed .v_article .v_title {
    color: #f5f6f7
}

html[dark=true] .bd_feed .v_article .v_title .icon_notice {
    border-color: #6b85cf;
    color: #6b85cf
}

html[dark=true] .bd_feed .v_article .view {
    border-color: #333;
    color: #f5f6f7
}

html[dark=true] .bsfot {
    border-color: #333
}

html[dark=true] .bd_feed .v_article .view .tb_spec {
    border-color: #333
}

html[dark=true] .bd_feed .v_article .view .tb_spec th {
    background-color: #121213;
    border-color: #333;
    color: #999
}

html[dark=true] .bd_feed .v_article .view .tb_spec td {
    background: transparent;
    border-color: #333;
    color: #999
}

html[dark=true] .bd_feed .v_article .view .tb_spec td a {
    color: #999
}

html[dark=true] .bsfot button {
    background-color: #1b1b1c !important;
    border-color: #2e2e2f;
    color: #c8c8c8
}

html[dark=true] .bsfot button.btn_up span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23999' fill-rule='evenodd' d='M9.299 1.156a2.6 2.6 0 0 0-2.674 1.573L4.398 8a1.596 1.596 0 0 0-.562-.102h-1.16a2.6 2.6 0 0 0-2.6 2.6v4.96a2.6 2.6 0 0 0 2.6 2.6h1.16c.285 0 .553-.074.785-.205.203.238.477.418.796.505l1.858.507a2.6 2.6 0 0 0 .685.092h4.986a3.6 3.6 0 0 0 3.528-2.886l1.395-6.884a2.4 2.4 0 0 0-2.353-2.876h-3.852V3.745A2.6 2.6 0 0 0 9.343 1.16l-.044-.004Zm-1.568 2.04a1.4 1.4 0 0 1 1.44-.847l.043.004a1.4 1.4 0 0 1 1.25 1.392v2.666a1.1 1.1 0 0 0 1.1 1.1h3.952a1.2 1.2 0 0 1 1.176 1.438l-1.394 6.884a2.4 2.4 0 0 1-2.352 1.924H7.96c-.125 0-.249-.017-.369-.05l-1.858-.506a.4.4 0 0 1-.295-.386V8.62l2.293-5.425Zm-6.455 7.302a1.4 1.4 0 0 1 1.4-1.4h1.16c.22 0 .4.18.4.4v6.96a.4.4 0 0 1-.4.4h-1.16a1.4 1.4 0 0 1-1.4-1.4v-4.96Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] .bsfot button.btn_up.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M6.627 2.729a2.6 2.6 0 0 1 2.674-1.573l.044.004a2.6 2.6 0 0 1 2.32 2.585v2.566h3.853a2.4 2.4 0 0 1 2.352 2.876l-1.393 6.884a3.6 3.6 0 0 1-3.529 2.886H7.961a2.6 2.6 0 0 1-.684-.092l-1.858-.507a1.597 1.597 0 0 1-.797-.506c-.232.131-.5.206-.786.206h-1.16a2.6 2.6 0 0 1-2.6-2.6v-4.96a2.6 2.6 0 0 1 2.6-2.6h1.16c.198 0 .388.037.564.103l2.227-5.272Zm2.545-.38a1.4 1.4 0 0 0-1.44.847L5.44 8.62v8.194a.4.4 0 0 0 .295.386l1.858.506c.12.033.244.05.368.05h4.987a2.4 2.4 0 0 0 2.352-1.924l1.394-6.884a1.2 1.2 0 0 0-1.176-1.438h-3.952a1.1 1.1 0 0 1-1.1-1.1V3.745a1.4 1.4 0 0 0-1.25-1.392l-.044-.004Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] .comment_area {
    background-color: #161617
}

html[dark=true] .comment_wrap .title {
    color: #e5e5e5
}

html[dark=true] .comment_wrap .title strong {
    color: #7398ff
}

html[dark=true] .comment_box.disable,html[dark=true] .commentList .comment_box.disable,html[dark=true] .comment_wrap .disable,html[dark=true] .comment_wrap .comment_box {
    background-color: #121213;
    border-color: #2e2e2f
}

html[dark=true] .comment_wrap .comment_box textarea {
    color: #e5e5e5
}

html[dark=true] .comment_wrap .comment_box textarea::-webkit-input-placeholder {
    color: #666
}

html[dark=true] .comment_wrap .comment_box textarea:-ms-input-placeholder {
    color: #666
}

html[dark=true] .comment_wrap .comment_box .write-inp {
    color: #e5e5e5
}

html[dark=true] .comment_wrap .comment_box .write-inp[contenteditable=true]:empty:before {
    content: attr(placeholder);
    color: #666
}

html[dark=true] .comment_wrap .comment_box .btn_submit a {
    border-color: #2e2e2f;
    color: #c8c8c8
}

html[dark=true] .comment_wrap .comment_box .btn_submit .size {
    color: #666
}

html[dark=true] .comment_wrap .comment_box .thumb_img {
    border-color: #dfdfe0
}

html[dark=true] .comment_wrap .comment_box .thumb_img .btn_del,html[dark=true] .list_imgfile .img_file li .thumb_img:hover .btn_del {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.5 21.5'%3e%3cpath fill-rule='evenodd' stroke='%23333' fill='%231B1B1C' d='M10.5.5a10 10 0 110 20 10 10 0 010-20z'/%3e%3cpath fill-rule='evenodd' stroke='%23C8C8C8' fill='%23FFF' d='M14.47 7.06l-7.3 7.44M13.91 14.5l-7.4-7.42'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] .commentList .inwrap .c_article .name button.btn_up span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23999' fill-rule='evenodd' d='M9.299 1.156a2.6 2.6 0 0 0-2.674 1.573L4.398 8a1.596 1.596 0 0 0-.562-.102h-1.16a2.6 2.6 0 0 0-2.6 2.6v4.96a2.6 2.6 0 0 0 2.6 2.6h1.16c.285 0 .553-.074.785-.205.203.238.477.418.796.505l1.858.507a2.6 2.6 0 0 0 .685.092h4.986a3.6 3.6 0 0 0 3.528-2.886l1.395-6.884a2.4 2.4 0 0 0-2.353-2.876h-3.852V3.745A2.6 2.6 0 0 0 9.343 1.16l-.044-.004Zm-1.568 2.04a1.4 1.4 0 0 1 1.44-.847l.043.004a1.4 1.4 0 0 1 1.25 1.392v2.666a1.1 1.1 0 0 0 1.1 1.1h3.952a1.2 1.2 0 0 1 1.176 1.438l-1.394 6.884a2.4 2.4 0 0 1-2.352 1.924H7.96c-.125 0-.249-.017-.369-.05l-1.858-.506a.4.4 0 0 1-.295-.386V8.62l2.293-5.425Zm-6.455 7.302a1.4 1.4 0 0 1 1.4-1.4h1.16c.22 0 .4.18.4.4v6.96a.4.4 0 0 1-.4.4h-1.16a1.4 1.4 0 0 1-1.4-1.4v-4.96Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] .commentList .inwrap .c_article .name button.btn_up.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M6.627 2.729a2.6 2.6 0 0 1 2.674-1.573l.044.004a2.6 2.6 0 0 1 2.32 2.585v2.566h3.853a2.4 2.4 0 0 1 2.352 2.876l-1.393 6.884a3.6 3.6 0 0 1-3.529 2.886H7.961a2.6 2.6 0 0 1-.684-.092l-1.858-.507a1.597 1.597 0 0 1-.797-.506c-.232.131-.5.206-.786.206h-1.16a2.6 2.6 0 0 1-2.6-2.6v-4.96a2.6 2.6 0 0 1 2.6-2.6h1.16c.198 0 .388.037.564.103l2.227-5.272Zm2.545-.38a1.4 1.4 0 0 0-1.44.847L5.44 8.62v8.194a.4.4 0 0 0 .295.386l1.858.506c.12.033.244.05.368.05h4.987a2.4 2.4 0 0 0 2.352-1.924l1.394-6.884a1.2 1.2 0 0 0-1.176-1.438h-3.952a1.1 1.1 0 0 1-1.1-1.1V3.745a1.4 1.4 0 0 0-1.25-1.392l-.044-.004Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] .commentList .inwrap .c_article .name .bj_name {
    color: #c8c8c8
}

html[dark=true] .help .name .bj_name,html[dark=true] .help .name .time {
    color: #8c8c8c
}

html[dark=true] .commentList .inwrap .c_title {
    color: #999
}

html[dark=true] .comment_area .commentList .inwrap .c_article .watch_area .hit .reply {
    color: #888
}

html[dark=true] .commentList .inwrap .hit .reply strong {
    color: #c8c8c8
}

html[dark=true] .commentList .inwrap .warn a {
    color: #666
}

html[dark=true] .commentList .inwrap .bar {
    color: #333
}

html[dark=true] .commentList .inwrap li {
    border-color: #333
}

html[dark=true] .commentList .inwrap .reply_area .inbox:before {
    border-color: #333
}

html[dark=true] .commentList .inwrap .c_article .name button.btn_up {
    color: #999
}

html[dark=true] .btn_listmore strong {
    color: #6b85cf
}

html[dark=true] .form_area th {
    color: #c8c8c8
}

html[dark=true] .form_area th em {
    color: #e85932
}

html[dark=true] .form_area textarea::-webkit-input-placeholder {
    color: #999
}

html[dark=true] .form_area textarea:-ms-input-placeholder {
    color: #999
}

html[dark=true] .form_area textarea,html[dark=true] .form_area .file_text,html[dark=true] .form_area .input_txt {
    background: #121213;
    border-color: #2e2e2f;
    color: #999
}

html[dark=true] .form_area .input_txt:focus {
    border-color: #666
}

html[dark=true] .form_area td select {
    background-color: #1b1b1c;
    border-color: #2e2e2f;
    color: #999
}

html[dark=true] .form_area .file_wrap {
    background-color: #333
}

html[dark=true] .form_area .t7 td .fadd_info .info {
    color: #999
}

html[dark=true] .form_area .t7 td .fadd_info a {
    background: #1b1b1c;
    border-color: #333;
    color: #888
}

html[dark=true] .form_area .t7 td .fadd_info a em {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z' fill='%23fff'/%3e%3c/svg%3e");
    background-size: 12px 12px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

html[dark=true] .form_area .t7 td .fadd2 {
    background-color: transparent;
    border-color: #2e2e2f
}

html[dark=true] .form_area .t7 td .fadd2 span label {
    color: #999
}

html[dark=true] .form_area+.btn_area .btn_ok {
    background-color: #205db2;
    border-color: #205db2
}

html[dark=true] .form_area+.btn_area .btn_cancel {
    border-color: #333;
    color: #c8c8c8
}

html[dark=true] .form_area #editor+label,html[dark=true] .form_area #source+label {
    color: #999
}

html[dark=true] .comment_wrap .comment_box .btn_submit a {
    border-color: #2e2e2f;
    color: #c8c8c8
}

html[dark=true] .comment_wrap .btn_submit a.st,html[dark=true] .comment_wrap .comment_box .btn_submit a#setComment {
    border-color: #7398ff;
    color: #7398ff
}

html[dark=true] .form_area .file_info {
    color: #666
}

html[dark=true] .form_area .file_info span {
    color: #7398ff
}

html[dark=true] .form_area .file_info.none span {
    color: #666
}

html[dark=true] .sub_wrap .notice_check input[type=checkbox] {
    border-color: #2e2e2f
}

html[dark=true] .sub_wrap .notice_check input[type=checkbox]:checked {
    border: none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%237398FF' fill-rule='evenodd' d='M12.713 4.222c.36.315.385.85.056 1.196L6.502 12 3.335 9.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 4.43 8l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054z' clip-rule='evenodd'/%3e%3cpath stroke='%237398FF' d='M.5.5h15v15H.5z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] .sub_wrap .notice_check input[type=checkbox]+label {
    color: #c8c8c8
}

html[dark=true] *,body.thema_dark * {
    scrollbar-face-color:#222;scrollbar-shadow-color:#222;scrollbar-darkshadow-color: #2a2b30;
    scrollbar-track-color:#121213;scrollbar-arrow-color:#4d4d4d}

html[dark=true] *:hover,body.thema_dark *:hover {
    scrollbar-face-color:#4d4d4d;scrollbar-shadow-color:#4d4d4d}

.thema_dark::-webkit-scrollbar-thumb,html[dark=true] *::-webkit-scrollbar-thumb {
    background: #222222 !important
}

.thema_dark:hover::-webkit-scrollbar-thumb,html[dark=true] *:hover::-webkit-scrollbar-thumb {
    background: #4d4d4d !important
}

.thema_dark::-webkit-scrollbar-track,html[dark=true] *::-webkit-scrollbar-track,.thema_dark::-webkit-scrollbar,html[dark=true] *::-webkit-scrollbar {
    background: #121213 !important
}

/*# sourceMappingURL=board.css.map */