@charset "utf-8";

#bo_v {position:relative;width:100%;max-width:1250px;margin:0 auto;}

.bo_v_mov {margin:0 0 20px 0;}


#bo_v header {display:block;position:relative;margin:0 0 40px 0;padding:0 0 30px 0;border-bottom:solid 1px #222;}
#bo_v_title {display:block;color:#fff;font-size:24px;font-weight:500;}

#bo_v_info {}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.profile_info_ct {}
.profile_info_ct ul {}
.profile_info_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.profile_info_ct ul li {display:block;float:left;margin:0 8px 0 0;padding:0 8px 0 0;color:#999;background:url(../img/var_g.gif) no-repeat right 50%;}
.profile_info_ct ul li:last-child {margin:0;padding:0;background:none;}


#bo_v_act {position:absolute;right:0;top:50%;margin:-20px 0 0 0;}
#bo_v_act:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_act h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_act ul {}
#bo_v_act ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_act ul li {display:block;float:left;margin:0 24px 0 0;}
#bo_v_act ul li:last-child {margin:0;}
#bo_v_act ul li a {display:block;line-height:40px;}
#bo_v_act ul li a strong {font-weight:normal;}
#bo_v_act ul li a i {margin:0 6px 0 0;font-size:24px;}

#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:50%;width:200px;padding:20px;font-weight:normal;text-align:center;background:#f63941;z-index:9999;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.sharebox {display:none;position:absolute;left:50%;top:50px;width:300px;padding:16px 16px 16px 16px;text-align:center;background:#222;border:solid 1px #444;z-index:1;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);
}
.sharebox h3 {display:block;margin:0 0 12px 0;font-size:14px;font-weight:bold;text-align:left;}
.sharebox .btn_share_close {display:block;position:absolute;right:16px;top:16px;cursor:pointer;}
.sharebox .btn_share_close i {color:#666;font-size:24px;}
.sharebox a {display:inline-block;width:40px;height:40px;overflow:hidden;color:#fff;line-height:40px;text-align:center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sharebox a i {font-size:24px;line-height:40px;}
.sharebox a i.xi-kakaotalk {color:#3c1d1e;font-size:32px;}
.sharebox a img {width:28px;height:auto;}
.sharebox a.btn_copy {display:block;width:100%;margin:10px 0 0 0;}
.sharebox a.btn_copy .frm_input {display:block;width:100%;}
.sharebox a.btn_scrap {display:inline-block;position:relative;color:#999;line-height:39px;border:solid 1px #444;}
.sharebox a.btn_scrap:hover {background:#5bc0de;}
.sharebox a.btn_scrap:hover i {color:#fff;}

.sharebox input,
.sharebox a {vertical-align:top;}


#bo_v_atc {margin:0 0 40px 0;padding:0 0 40px 0;border-bottom:solid 1px #222;}
#bo_v_atc h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:18px;font-weight:500;}
#bo_v_con {line-height:180%;}

#other_list {margin:0 0 40px 0;padding:0 0 40px 0;border-bottom:solid 1px #222;}
#other_list h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:18px;font-weight:500;}
#other_list ul {}
#other_list ul:after {display:block;visibility:hidden;clear:both;content:""}
#other_list ul li {display:block;float:left;width:16%;margin:0 0.8% 20px 0;}
#other_list ul li:nth-child(6n) {margin:0 0 20px 0;}
#other_list ul li a {display:block;margin:0 0 12px 0;}
#other_list ul li a img {width:100%;height:auto;}
#other_list ul li .date {color:#666;font-size:12px;}
#other_list ul li a.title {color:#fff;}

#acter_list {margin:0 0 40px 0;padding:0 0 40px 0;border-bottom:solid 1px #222;}
#acter_list h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:18px;font-weight:500;}


#bo_list {}

.mov_list {position:relative;}
.mov_list ul {}
.mov_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.mov_list ul li {display:block;float:left;width:19%;margin:0 1.25% 30px 0;}
.mov_list ul li:nth-child(5n) {margin:0 0 30px 0;}
.mov_list img {width:100%;height:356px;border-radius:5px;}
.mov_list .img {display:block;position:relative;margin:0 0 16px 0;}
.mov_list .title {
    display: block;
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    white-space: normal;
    line-height: 1.2em; /* 한 줄의 높이 */
    height: 2.4em; /* 두 줄의 총 높이 (line-height x 2) */
    text-overflow: ellipsis; 
}

.mov_list .category {margin:0 0 8px 0;color:#aaa;}
.mov_list .category {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}

.mov_list .good {color:#aaa;}
.mov_list .overlay {position:absolute;left:0;right:0;top:0;width:100%;height:100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 90%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 90%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 90%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.mov_list .overlay .play {display:block;position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;padding:0 0 0 4px;color:#fff;font-size:32px;text-align:center;line-height:58px;border:solid 3px #fff;border-radius:50%;}






@media screen and (max-width:1249px) {
#bo_v_info {margin:0 0 12px 0;}

#bo_v_act {position:relative;left:0;right:0;top:0;margin:0;}
#bo_v_act ul li {margin:0 8px 0 0;}
#bo_v_act ul li i {font-size:20px;}

#other_list ul li {width:24%;margin:0 1.33% 20px 0;}
#other_list ul li:nth-child(6n) {margin:0 1.33% 20px 0;}
#other_list ul li:nth-child(4n) {margin:0 0 20px 0;}
}





@media screen and (max-width:960px) {
#bo_v {width:auto;max-width:auto;margin:0 10px;}

.bo_v_mov {margin:80px 0 20px 0;}

#other_list ul li {width:32%;margin:0 2% 20px 0;}
#other_list ul li:nth-child(6n) {margin:0 2% 20px 0;}
#other_list ul li:nth-child(4n) {margin:0 2% 20px 0;}
#other_list ul li:nth-child(3n) {margin:0 0 20px 0;}


#bo_list {padding:70px 0 0 0;}

.mov_list {margin:0 20px;}
.mov_list ul li {width:32%;margin:0 2% 20px 0;}
.mov_list ul li:nth-child(5n) {margin:0 2% 20px 0;}
.mov_list ul li:nth-child(3n) {margin:0 0 20px 0;}

.mov_list img {width:100%;height:168px;border-radius:5px;}

}