@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 공통 */
/*.bdCardNewsWrap { padding-top: 40px;background-color: #f4f4f4;border-bottom: 1px solid #dddddd; } */
.bdViewCardNews { margin: 0px auto; width:450px; }
.bdViewCardNews:first-child { margin-top:0; }
.bdViewCardNews .articleBody { margin-bottom:20px; border:1px solid #fafafa; box-shadow:rgba(0, 0, 0, 0.2) 0px 5px 20px; position:relative; padding:0; overflow:hidden; text-overflow: ellipsis; }
.bdViewCardNews [class*="-btnWrap"].ABA-default-box { position:static; }
.bdViewCardNews .-btnWrapL { position:absolute; left:0; top:0; }
.bdViewCardNews .-btnWrapR { position:absolute; right:0; top:0; }
.bdViewCardNews .-btnWrapL .btn-tpl { margin-left:0; }
.bdViewCardNews .-btnWrapR .btn-tpl { margin-right:0; }
.bdViewCardNews .-bdNewsConts h1 {font-size:36px; line-height:52px; }
.bdViewCardNews .-bdNewsConts img { max-width:100%; height:auto; }
.bdViewCardNews .articleHeadBtm { border:0; padding-top:50px; }
.bdViewCardNews .articleHeadBtm p { line-height:20px; }
.bdViewCardNews .articleHeadBtm p a {font-size:18px; font-weight:normal; }
.bdViewCardNews .articleHeadBtm span {font-size:14px; letter-spacing:0; }
.bdViewCardNews .articleHeadBtm span:last-child { border-left:1px solid rgba(255, 255, 255, 0.4); display:inline-block; line-height:14px; margin-left:15px; padding-left:15px; }
.bdViewCardNews [class*="bdDirection"] { position:absolute; left:50%; top:50%; animation-name:fade-out; animation-duration:2s; animation-delay:0.5s; animation-iteration-count:1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
@-webkit-keyframes fade-out { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fade-out { from { opacity:1; } to { opacity:0; } }
@-o-keyframes fade-out { from { opacity:1; } to { opacity:0; } }
@-ms-keyframes fade-out { from { opacity:1; } to { opacity:0; } }
.bdViewCardNews .-bdDirectionV { width:83px; height:146px; margin-left:-42px; margin-top:-73px; }
.bdViewCardNews .-bdDirectionH { width:146px; height:83px; margin-left:-73px; margin-top:-42px; }
.bdViewCardNews [class*="bdDirection"].ABA-default-box { animation-play-state:paused; position:static; margin:0; }
.bdViewCardNews [class*="bdDirection"] img { width:100%; height:100%; }
.bdWrite.bdViewCardNews { width:640px; }
.bdWrite.bdViewCardNews .articleInput { background:#fff; }
.bdWrite.bdViewCardNews .articleInput li#ABA-editor { padding-left:10px; background:#fff; }
.bdWrite.bdViewCardNews .articleInput li#ABA-editor label { display:none; }
.bdWrite.bdViewCardNews .articleInput .-bdOption .AB-cr .AB-fl {width:50%; }
.bdViewCardNews .-bdVote .AB-fl a.-btnL { width:60px; }
.font-black {color:#000!important;}
.font-white {color:#fff!important;}

/* 본문 영역 스크롤바 전체 폭 (매우 얇게) */
.-bdNewsConts::-webkit-scrollbar {
    width: 4px; 
}

/* 스크롤바 트랙 (바탕) - 완전 투명 */
.-bdNewsConts::-webkit-scrollbar-track {
    background: transparent;
}

/* 스크롤바 막대 - 평소에는 거의 안 보이게 설정 */
.-bdNewsConts::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15); /* 흰색 글자 스타일이면 연한 흰색 추천 */
    border-radius: 10px;
}

/* 마우스 올렸을 때만 살짝 선명하게 */
.-bdNewsConts::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* (참고) 파이어폭스용 얇은 스크롤바 설정 */
.-bdNewsConts {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

/* 테마01 */
.bdViewCardNews .theme01 .-bdNewsbg { width:100%; height:100%; padding:20px 0; position: absolute; left: 0px; box-sizing:border-box; }
.bdViewCardNews .theme01 .-bdNewsbg .-bdNewsConts {color:rgba(255, 255, 255, 0.8); font-size:18px; text-shadow:rgba(0, 0, 0, 0.2) 1px 1px 1px; line-height:200%; letter-spacing:-0.3px; padding:20px 0; box-sizing:border-box; overflow:auto; width:80%; height:79%; position:absolute; left:10%; }


/*
.bdViewCardNews .theme01.top .-bdNewsbg { top:0px; }
.bdViewCardNews .theme01.middle .-bdNewsbg { top:25%; }
.bdViewCardNews .theme01.bottom .-bdNewsbg { bottom:0px; }
*/
/* .bdViewCardNews .theme01.top .-bdNewsbg .-bdNewsConts { top:0px; } 
.bdViewCardNews .theme01.middle .-bdNewsbg .-bdNewsConts { top:10%; height:260px; line-height:2.1; }
.bdViewCardNews .theme01.bottom .-bdNewsbg .-bdNewsConts { bottom:20px; }*/

.bdViewCardNews .theme01.left .-bdNewsbg .-bdNewsConts { text-align:left; }
.bdViewCardNews .theme01.center .-bdNewsbg .-bdNewsConts { text-align:center; }
.bdViewCardNews .theme01.right .-bdNewsbg .-bdNewsConts { text-align:right; }
/*
.bdViewCardNews .theme01.red .-bdNewsbg { background-color: rgb(219, 53, 53); }
.bdViewCardNews .theme01.orange .-bdNewsbg { background-color: rgb(248, 129, 61); }
.bdViewCardNews .theme01.yellow .-bdNewsbg { background-color: rgb(255, 235, 13); }
.bdViewCardNews .theme01.green .-bdNewsbg { background-color: rgba(92, 169, 102); }
.bdViewCardNews .theme01.skyblue .-bdNewsbg { background-color: rgba(166, 214, 243); }
.bdViewCardNews .theme01.blue .-bdNewsbg { background-color: rgb(37, 121, 205); }
.bdViewCardNews .theme01.navy .-bdNewsbg { background-color: rgb(4, 60, 129); }
.bdViewCardNews .theme01.purple .-bdNewsbg { background-color: rgb(87, 8, 216); }
.bdViewCardNews .theme01.pink .-bdNewsbg { background-color: rgb(245, 197, 253); }
.bdViewCardNews .theme01.black .-bdNewsbg { background-color: rgba(0, 0, 0); }
.bdViewCardNews .theme01.gray .-bdNewsbg { background-color: rgba(146, 146, 146); }
.bdViewCardNews .theme01.white .-bdNewsbg { background-color: rgba(255, 255, 255); }
*/
.bdViewCardNews.DM .theme01 .-bdNewsbg .-bdNewsConts {font-size:17px; line-height:30px; }

/* 테마02*/
.bdViewCardNews .theme02 .-bdNewsbg { width:100%; height:180px; position: absolute; padding:40px 0; box-sizing:border-box; overflow:hidden; }
.bdViewCardNews .theme02 .-bdNewsbg .-bdNewsConts { color:#f1f1f1; font-size:18px; line-height:33px; letter-spacing:-0.3px; width:100%; height:100px; padding:0px 50px; box-sizing:border-box; overflow:auto; }
/*.bdViewCardNews .theme02 .-bdNewsbg .-bdNewsConts b, .bdViewCardNews .theme02 .-bdNewsbg .-bdNewsConts strong { font-size:17px; font-weight:normal; background:rgba(0,0,0,0.5); padding:0 5px; margin:0 3px; }*/
.bdViewCardNews .theme02 .-bdNewsbg .-bdNewsConts p b:first-child { margin-left:0; }
.bdViewCardNews .theme02 .-bdNewsbg .-bdNewsConts u { text-decoration:none; }
.bdViewCardNews .theme02.top .-bdNewsbg { top:0px; }
.bdViewCardNews .theme02.middle .-bdNewsbg { top:30%; }
.bdViewCardNews .theme02.bottom .-bdNewsbg { bottom:0px; }
.bdViewCardNews .theme02.left .-bdNewsbg .-bdNewsConts { text-align:left; }
.bdViewCardNews .theme02.center .-bdNewsbg .-bdNewsConts { text-align:center; }
.bdViewCardNews .theme02.right .-bdNewsbg .-bdNewsConts { text-align:right; }
/*
.bdViewCardNews .theme02.red .-bdNewsbg { background-color: rgb(219, 53, 53); }
.bdViewCardNews .theme02.orange .-bdNewsbg { background-color: rgb(248, 129, 61); }
.bdViewCardNews .theme02.yellow .-bdNewsbg { background-color: rgb(255, 235, 13); }
.bdViewCardNews .theme02.green .-bdNewsbg { background-color: rgba(92, 169, 102); }
.bdViewCardNews .theme02.skyblue .-bdNewsbg { background-color: rgba(166, 214, 243); }
.bdViewCardNews .theme02.blue .-bdNewsbg { background-color: rgb(37, 121, 205); }
.bdViewCardNews .theme02.navy .-bdNewsbg { background-color: rgb(4, 60, 129); }
.bdViewCardNews .theme02.purple .-bdNewsbg { background-color: rgb(87, 8, 216); }
.bdViewCardNews .theme02.pink .-bdNewsbg { background-color: rgb(245, 197, 253); }
.bdViewCardNews .theme02.black .-bdNewsbg { background-color: rgba(0, 0, 0); }
.bdViewCardNews .theme02.gray .-bdNewsbg { background-color: rgba(146, 146, 146); }
.bdViewCardNews .theme02.white .-bdNewsbg { background-color: rgba(255, 255, 255); }
*/
.bdViewCardNews .theme02.purple .-bdNewsbg .-bdNewsConts, .bdViewCardNews .theme02.pink .-bdNewsbg .-bdNewsConts { color:#fff; }
.bdViewCardNews .theme02.white .-bdNewsbg .-bdNewsConts { color:#929292; }