/* web list */
#bbslist {margin:auto;padding:0 0 30px 0;}
#bbslist .info {height:36px;margin-bottom:20px;}
#bbslist .info .article {float:left;padding:0;font-size:11px;color:#c0c0c0;line-height:36px;}
#bbslist .info .acontrol {float:right;padding:0;}
#bbslist .catTab {height:39px;margin:0 0 20px 0;padding:0;border-bottom:1px solid #DEDEDE;border-left:1px solid #DEDFDE;}
#bbslist .catTab li {float:left;list-style-type:none;height:38px;padding:0 25px;text-align:center;line-height:38px;color:#888;border:1px solid #DEDFDE;border-left:none;background-color:#fafafa;}
#bbslist .catTab .on {background-color:#FFF;color:#333;border-bottom:1px solid #FFF;}

#bbslist .main-list .user-box {display:block;width:100%;margin:20px 0 0 0;padding:20px 0 0 0;border-top:0.5px solid rgba(22, 24, 35, 0.12);}
#bbslist .main-list .user-box:first-child {margin:0;padding:0;border:none;}

#bbslist .main-list .user-box .user-simbol {float:left;width:50px;height:50px;padding:0;margin:0 20px 0 0;}
#bbslist .main-list .user-box .user-simbol img {width:50px;height:50px;border-radius:50%;}
#bbslist .main-list .user-box .user-simbol .niccon {width:50px;height:50px;font-size:14pt;text-align:center;line-height:50px;color:#FFF;background-color:#2080D0;border-radius:50%;}

#bbslist .main-list .user-box .user-cont {float:left;width:630px;}
#bbslist .main-list .user-box .user-cont .user-name {height:28px;font-size:13pt;font-weight:600;line-height:28px;color:#000;}
#bbslist .main-list .user-box .user-cont .user-name span {height:32px;font-weight:normal;font-size:13px;line-height:32px;}
#bbslist .main-list .user-box .user-cont .user-name i {width:32px;height:32px;margin-right:5px;line-height:34px;text-align:center;border-radius:50%;background-color:rgba(22, 24, 35, 0.06);}
#bbslist .main-list .user-box .user-cont .user-name i.is_5i {position:relative;top:-2px;width:25px;height:25px;margin-right:5px;font-size:10pt;line-height:24px;text-align:center;color:#fff;background-color:#D21D50;border-radius:50%;}
#bbslist .main-list .user-box .user-cont .user-name .d21d50 i {color:#d21d50;}
#bbslist .main-list .user-box .user-cont .user-name .cast {display:inline-block;height:32px;padding:0 10px;line-height:34px;text-align:center;border-radius:16px;background-color:rgba(22, 24, 35, 0.06);}
#bbslist .main-list .user-box .user-cont .user-name .cast i {width:20px;margin:0;border-radius:0;background-color:transparent;}
#bbslist .main-list .user-box .user-cont .user-name .message {font-size:10pt;font-weight:normal;}

#bbslist .main-list .user-box .user-cont .user-tag {margin-bottom:10px;font-size:11pt;line-height:1.6;color:#121212;}
#bbslist .main-list .user-box .user-cont .user-tag a {color:#d21d50;margin-right:5px;}
#bbslist .main-list .user-box .user-cont .user-tag a.autolink {color:#065fd4;}
#bbslist .main-list .user-box .user-cont .user-tag a:hover {text-decoration:underline;}
#bbslist .main-list .user-box .user-cont .yonim .imagehand {cursor:zoom-in;display:block;background-color:#eee;border-radius:10px;}
#bbslist .main-list .user-box .user-cont .yonim .imagehand img {cursor:zoom-in;display:block;border-radius:10px;}
#bbslist .main-list .user-box .user-cont .yonim .youtube-mask {position:relative;display:block;width:630px;height:354px;z-index:100;}
#bbslist .main-list .user-box .user-cont .yonim .youtube-mask iframe {position:relative;background-color:#eee;border-radius:10px;z-index:1;}

#bbslist .main-list .user-box .user-cont .yonim .youtube-thumb {position:relative;display:block;width:630px;height:354px;border-radius:10px;}

#bbslist .main-none {margin-top:50px;font-size:12pt;text-align:center;line-height:1.8;color:#999;}


.unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden=true]), .ended-mode .ytp-cued-thumbnail-overlay:not([aria-hidden=true]) {
    cursor: pointer;
}
.ytp-thumbnail-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12;
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: opacity .5s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: opacity .5s cubic-bezier(0.0,0.0,0.2,1);
    transition: opacity .5s cubic-bezier(0.0,0.0,0.2,1);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
	border-radius:10px;
}

.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
    cursor: pointer;
}
.ytp-small-mode .ytp-large-play-button {
    width: 42px;
    height: 30px;
    margin-left: -21px;
    margin-top: -15px;
}
.ytp-large-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
}
.ytp-button {
    border: none;
    background-color: transparent;
    padding: 0;
    color: inherit;
    text-align: inherit;
    font-size: 100%;
    font-family: inherit;
    cursor: default;
    line-height: inherit;
}

.html5-video-player svg {
    pointer-events: none;
}
.ytp-large-play-button-bg {
    -moz-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    -webkit-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    fill: #1f1f1f;
    fill-opacity: .81;
}
.ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg, .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg {
    -moz-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    fill: #cc181e;
    fill-opacity: 1;
}

/* mobile list */
#mobbslist {height:100%;margin:0;padding:0;}
#mobbslist .pro-list {}
#mobbslist .pro-list .item {display:block;width:100%;border-bottom:10px solid #dadde1;}

#mobbslist .pro-list .item .user-box {height:70px;padding:15px 10px 0;background-color:#FFF;}

#mobbslist .pro-list .item .user-box .user-simbol {float:left;width:42px;height:42px;padding:0;margin:0 10px 0 0;border:1px solid rgba(0,0,0,.05);border-radius:50%;}

#mobbslist .pro-list .item .user-box .user-simbol img {width:40px;height:40px;border-radius:50%;}
#mobbslist .pro-list .item .user-box .user-simbol .niccon {width:40px;height:40px;font-size:13pt;text-align:center;line-height:40px;color:#FFF;background-color:#2080D0;border-radius:50%;}

#mobbslist .pro-list .item .user-box .user-name {float:left;width:calc(100% - 64px);height:40px;}
#mobbslist .pro-list .item .user-box .user-name .nic {position:relative;top:4px;height:20px;font-size:13pt;font-weight:600;line-height:20px;color:#000;}
#mobbslist .pro-list .item .user-box .user-name .nic i.is_5i {position:relative;top:-4px;width:14px;height:14px;font-size:6pt;line-height:14px;text-align:center;color:#fff;background-color:#D21D50;border-radius:50%;}
#mobbslist .pro-list .item .user-box .user-name .message {width:100%;margin-top:3px;font-size:10pt;font-weight:normal;letter-spacing:-1px;}

#mobbslist .pro-list .item .box-img {overflow:hidden;}
#mobbslist .pro-list .item .box-img .imagehand {display:block;background-color:#eee;}
#mobbslist .pro-list .item .box-img .imagehand img {display:block;width:100%;}

#mobbslist .pro-list .item .user-cont {display:block;padding:8px 10px 8px 10px;background-color:#FFF;}
#mobbslist .pro-list .item .user-cont .user-tag {margin-bottom:10px;font-weight:bold;font-size:14pt;line-height:1.4;color:#333;}
#mobbslist .pro-list .item .user-cont .user-tag a {color:#d21d50;margin-right:5px;}
#mobbslist .pro-list .item .user-cont .user-tag a.autolink {color:#065fd4;}
#mobbslist .pro-list .item .user-cont .user-tag a:hover {text-decoration:underline;}
#mobbslist .pro-list .item .user-cont .date {font-size:10pt;}

#mobbslist .pro-list .item .youtube-thumb {position:relative;display:block;width:100%;min-height:200px;}

#mobbslist .pro-list .item .likencmt {width:calc(100% - 20px);height:40px;margin:8px auto 0 auto;border-top:1px solid #dadde1;}
#mobbslist .pro-list .item .likencmt .lccs {position:relative;float:left;width:calc(100% / 4);height:40px;font-size:11pt;line-height:40px;text-align:center;color:#616770;}
#mobbslist .pro-list .item .likencmt .lccs i {margin-right:5px;color:#616770;}

#mobbslist .pro-list .item .likencmt .lccs .share_group {position:absolute;left:0;top:-160px;width:100%;border:1px solid #dadde1;border-top:none;}
#mobbslist .pro-list .item .likencmt .lccs .share_group li {display:block;width:100%;height:40px;text-align:center;border-top:1px solid #dadde1;background-color:#FFF;z-index:10;} 

#mobbslist .main-none {margin-top:50px;font-size:12pt;text-align:center;line-height:1.8;color:#999;}