/* 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 .pro-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 .pro-list .user-box:first-child {margin:0;padding:0;border:none;}

#bbslist .pro-list .user-box .user-simbol {float:left;width:50px;height:50px;padding:0;margin:0 20px 0 0;}
#bbslist .pro-list .user-box .user-simbol img {width:50px;height:50px;border-radius:50%;}
#bbslist .pro-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 .pro-list .user-box .user-cont {float:left;width:630px;}
#bbslist .pro-list .user-box .user-cont .user-name {height:28px;font-size:13pt;font-weight:600;line-height:28px;color:#000;}
#bbslist .pro-list .user-box .user-cont .user-name span {height:32px;font-weight:normal;font-size:13px;line-height:32px;}
#bbslist .pro-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 .pro-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 .pro-list .user-box .user-cont .user-name .d21d50 i {color:#d21d50;}
#bbslist .pro-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 .pro-list .user-box .user-cont .user-name .cast i {width:20px;margin:0;border-radius:0;background-color:transparent;}
#bbslist .pro-list .user-box .user-cont .user-name .message {font-size:10pt;font-weight:normal;}

#bbslist .pro-list .user-box .user-cont .user-tag {margin-bottom:10px;font-size:11pt;line-height:1.6;color:#121212;}
#bbslist .pro-list .user-box .user-cont .user-tag a {color:#d21d50;margin-right:5px;}
#bbslist .pro-list .user-box .user-cont .user-tag a.autolink {color:#065fd4;}
#bbslist .pro-list .user-box .user-cont .user-tag a:hover {text-decoration:underline;}

#bbslist .pro-list .user-box .user-cont .yonim .box-img {overflow:hidden;}
#bbslist .pro-list .user-box .user-cont .yonim .imagehand {cursor:zoom-in;display:block;background-color:#eee;border-radius:10px;}
#bbslist .pro-list .user-box .user-cont .yonim .imagehand img {cursor:zoom-in;display:block;border-radius:10px;}
#bbslist .pro-list .user-box .user-cont .yonim .youtube-mask {position:relative;display:block;width:630px;height:354px;z-index:100;}
#bbslist .pro-list .user-box .user-cont .yonim .youtube-mask iframe {position:relative;background-color:#eee;border-radius:10px;z-index:1;}

#bbslist .pro-list .user-box .user-cont .yonim .youtube-thumb {position:relative;display:block;width:630px;height:354px;border-radius:10px;}
#bbslist .pro-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;
}

#bbslist table {width:100%;border-spacing:0px;border-collapse:collapse;}
#bbslist table caption {display:none;}
#bbslist thead th {vertical-align:middle;padding-bottom:10px;border-bottom:#555 solid 2px;font-size:13px;color:#555;}
#bbslist tbody tr {border-bottom:#E6E6E6 solid 1px;}
#bbslist tbody .noticetr td {background:#FAFAFA;}
#bbslist tbody .noticetr td a {font-weight:bold;}
#bbslist tbody td {height:50px;font-size:14px;text-align:center;color:#888888;letter-spacing:-1px;line-height:50px;}
#bbslist td .fa {cursor:pointer;font-size:11pt;color:#428bca;}
#bbslist .now {color:#ff0000;font-size:11px;}
#bbslist .chk {position:relative;top:-2px;}
#bbslist .sbj {text-align:left;letter-spacing:0px;}
#bbslist .new {position:relative;top:-2px;display:inline-block;width:13px;height:13px;font:normal 10px arial;text-align:center;line-height:13px;border-radius:50%;color:#fff;background-color:red;z-index:-1;}
#bbslist .comment {font-size:11px;color:#ff8000;}
#bbslist .none {height:150px;font-size:12px;color:#999;line-height:150px;}
#bbslist .bottom {padding:20px 0;}
#bbslist .bottom_l {float:left;}
#bbslist .bottom_r {float:right;text-align:right;}
#bbslist .searchform {}
#bbslist .searchform select {float:left;min-width:120px;font-size:12px;margin-right:5px;}
#bbslist .searchform .inbtn {float:left;position:relative;width:280px;padding:0;margin:0;}
#bbslist .searchform .inbtn input {position:absolute;top:0;left:0;width:200px;height:34px;padding:0 4px;border-radius:4px 0 0 4px;border:none;}
#bbslist .searchform .inbtn button {position:absolute;top:-1px;right:-1px;width:73px;height:36px;line-height:0;border-radius:0 4px 4px 0;color:#fff;border:1px solid #357ebd;background-color:#428bca;}
/* @list */


/* view */
#profilebox {display:block;width:100%;height:auto;font-family:'Noto Sans KR',sans-serif,'Malgun Gothic','NanumGothic',Dotum;}

#profilebox .left_profilebox {position:relative;float:left;width:calc(100% - 500px);background-color:#000;overflow:hidden;}

#profilebox .left_profilebox .box-img-arrow {width:100%;}
#profilebox .left_profilebox .box-img-arrow i {position:absolute;top:50%;cursor:pointer;font-size:30pt;color:rgba(255,255,255,.5);transform:translate(0, -50%);z-index:10;}
#profilebox .left_profilebox .box-img-arrow i:hover {color:rgba(255,255,255,1);}
#profilebox .left_profilebox .box-img-arrow .arw_prev i {left:10px;}
#profilebox .left_profilebox .box-img-arrow .arw_next i {right:10px;}

#profilebox .left_profilebox .box-img {position:relative;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);}
#profilebox .left_profilebox .imagehand .solo-img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

#profilebox .left_profilebox .youtube-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
#profilebox .left_profilebox .youtube-container iframe,
#profilebox .left_profilebox .youtube-container object,
#profilebox .left_profilebox .youtube-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

#profilebox .right_profilebox {float:right;max-width:500px;background-color:#FFF;}

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

#profilebox .right_profilebox .u_sim_con .user-cont {float:left;width:370px;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-name {height:28px;font-size:14pt;font-weight:500;line-height:28px;color:#000;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-name b {font-weight:500;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-name .btn-round {height:26px;padding:0 15px;font-size:9pt;line-height:24px;border-radius:15px;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-name .btn-round i {font-size:10pt;margin-right:10px;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-name .btn-score i {color:#D21D50;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-tag {margin-bottom:10px;font-size:11pt;line-height:1.6;color:#121212;overflow:hidden;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-tag a {color:#d21d50;margin-right:5px;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-tag a.autolink {color:#065fd4;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-tag a:hover {text-decoration:underline;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-tag a.more {color:#888;font-size:10pt;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-tag .contentStr {width:calc(100% - 10px);padding-right:10px;max-height:300px;overflow-y:auto;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-tag .contentStr::-webkit-scrollbar {width: 1px;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-tag .contentStr::-webkit-scrollbar-thumb {background-color: #D21D50;}
#profilebox .right_profilebox .u_sim_con .user-cont .user-tag .contentStr::-webkit-scrollbar-track {background-color: #efefef;}

#profilebox .right_profilebox .u_sim_con .scorencmt {width:100%;height:32px;font-size:13px;line-height:32px;}
#profilebox .right_profilebox .u_sim_con .scorencmt span {}
#profilebox .right_profilebox .u_sim_con .scorencmt i {width:32px;height:32px;margin-right:10px;line-height:34px;text-align:center;border-radius:50%;background-color:rgba(22, 24, 35, 0.06);}
#profilebox .right_profilebox .u_sim_con .scorencmt .d21d50 i {color:#d21d50;}
#profilebox .right_profilebox .u_sim_con .scorencmt .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);}
#profilebox .right_profilebox .u_sim_con .scorencmt .cast i {width:20px;margin-right:0;border-radius:0;background-color:transparent;}

#profilebox .right_profilebox .u_sim_con .shareurl {
    display: flex;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    margin: 20px 0 0 0;
    width: 100%;
    height: 32px;
    border: 1px solid rgba(18, 18, 18, 0.12);
    border-radius: 2px;
}
#profilebox .right_profilebox .u_sim_con .shareurl .shareurl_url {
	float:left;
	width: 75%;
	padding-left:8px;
	font-family: proxima-regular, Arial, Tahoma, PingFangSC, sans-serif, "Segoe UI Emoji", "Noto Emoji";
	line-height:30px;
    color: rgba(22, 24, 35, 0.75);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: rgba(22, 24, 35, 0.06);
}
#profilebox .right_profilebox .u_sim_con .shareurl .shareurl_copy {
	cursor:pointer;
	float:left;
	width: 25%;
	font-family: proxima-regular, Arial, Tahoma, PingFangSC, sans-serif, "Segoe UI Emoji", "Noto Emoji";
	font-weight:600;
	line-height:30px;
    text-align: center;
}
#profilebox .right_profilebox .u_sim_con .shareurl .cblack {color:#333;}
#profilebox .right_profilebox .u_sim_con .shareurl .cred {color:#D21D50;}
/* @view */


/* write */
#bbswrite {margin:auto;padding:0;}
#bbswrite .candbox {cursor:pointer;width:100%;height:38px;font-size:11pt;line-height:38px;text-align:center;background-color:#000;color:#FFF;border-radius:3px;}
#bbswrite input,
#bbswrite textarea,
#bbswrite select {font-size:10pt;}
#bbswrite .guidebox {height:50px;text-align:center;line-height:50px;background-color:#f0f0f0;margin-bottom:30px;}
#bbswrite h2 {margin:0 0 10px 0;padding:0;font-size:12pt;color:#333;}
#bbswrite p {font-size:10pt;}
#bbswrite p select {width:260px;;border-radius:2px;}
#bbswrite p textarea {width:100%;height:118px;padding:10px 8px;border:#dfdfdf solid 1px;border-radius:2px;}
#bbswrite p .sinput,
#bbswrite p .sselect {width:30%;}
#bbswrite p .winput {width:50%;}
#bbswrite p span {margin-left:8px;color:#888;}
#bbswrite span.help {padding-left:16px;color:#30C0FF;background:url('../../../../../_core/image/_public/ico_q.gif') no-repeat left top 4px;}
#bbswrite .img_wrap {float:left;width:180px;min-height:300px;padding:5px;border:1px solid #d0d0d0;background-color:#efefef;border-radius:2px;}
#bbswrite .img_wrap .no_img {text-align:center;margin-top:80px;}
#bbswrite .img_wrap .no_img i {font-size:60pt;color:#ddd;line-height:1;}
#bbswrite .img_wrap .no_img div {font-size:16pt;color:#ccc;text-align:center;line-height:1;}
#bbswrite .img_wrap img {display:block;width:100%;max-width:100%;}

#bbswrite .att_wrap {float:right;width:500px;margin-left:20px;}

#bbswrite .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
#bbswrite .filebox .upload-name {
    display: inline-block;
    width: 65%;
    height: 36px;
    padding: 0 1%;
    font-size: 10pt;
    color: #333;
    line-height: 44px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#bbswrite .filebox label {
	position:relative;
	top: 1px;
    display: inline-block;
    cursor: pointer;
	width: 33%;
	height: 36px;
    padding:0;
	margin-left: 2px;
	font-size: 10pt;
	line-height:36px;
	text-align:center;
    color: #FFF;
    background-color: #428BCA;
    border: 1px solid #357EBD;
    border-radius:3px;
}

#bbswrite table {width:100%;}
#bbswrite td {padding:12px 0 12px 0;vertical-align:middle;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {font-weight:bold;color:#444444;padding:0;letter-spacing:-1px;}
#bbswrite .td2 {}
#bbswrite .td2 .guide {font-size:11px;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#777;}
#bbswrite .td2 .check input {position:relative;top:2px;}
#bbswrite .td2 .autow {width:95%;}
#bbswrite .td2 .subject {width:99%;}
#bbswrite .td2 select {min-width:43.4%;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;letter-spacing:-1px;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}


#bbswrite .bottombox {text-align:center;padding:30px 0;margin:30px 0 0 0;border-top:#efefef solid 1px;}
#bbswrite .bottombox .btn {width:20%;height:50px;padding:0;font-size:12pt;line-height:48px;}
/* @write */