/* 기본레이아웃 */
#sidebar-box {width:250px; height:100%; top:0; left:-320px; border-right:0px solid #eeeeee; position: fixed; z-index:99999998; background:#262626; overflow-y:hidden; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-appearance:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0);  line-height:100%;}
.sidebar-btn {position:fixed; padding:18px 20px 0px 15px; width:70px; height:50px; top:0px; left:0px; z-index:999997;}
.sidebar-btn img {width:25px;}

/* 로고 */
.mb_m {float:left; width:100%; background:#052850; }
.mb_m .mb_cvr {float:left; width:100%; height:100px; text-align:left; padding:30px 0 0 20px; border-bottom:1px solid #eee;  }
.mb_m .mb_cvr img { width:90%;  }
.mb_m .since {position:relative; top:0; height:0;}
.mb_m .since .year_pos {position:absolute; top:-20px; right:25px; color:white; font-size:8px; }
.mb_m .since .year_pos span	{opacity:0.5; margin-right:5px;}
.mb_m a img							{width:170px;}

/* sc section */
.sc_section		{float:left; width:100%; height:calc(100% - 150px); overflow-x:hidden; overflow-y:auto;}

/* 로그인 */
.mb_log			{float:left; width:100%;border:0;}

/* 포스터 */
.mb_poster		{float:left; width:100%; height:118px;}


/* 기본메뉴 */
#navi_mb			{width:100%; text-align:left; float:left; padding:0px 0;}
#navi_mb ul		{width:100%; margin:0; padding:0; }
#navi_mb ul.menu li				{position:relative; float:left; width:100%; font-size:15px; font-family:Pretendard, sans-serif; font-weight:500; letter-spacing:0em;}
#navi_mb ul.menu li a			{display:block; width:100%; padding:20px 0px 20px 15px; border-bottom:1px solid #eeeeee; color:rgba(0,0,0,0.8);  background:#fafafa;}
#navi_mb ul.menu li a:hover {color:#bf1d2d; font-weight:500;}
#navi_mb ul.menu li .sub a				{position:relative; float:left; padding:12px 0px 12px 30px; font-size:13px; border-bottom:1px solid rgba(158,158,158,0.1); width:100% !important; color:rgba(0,0,0,0.7); display:block; width:100%; background:#ffffff; }
#navi_mb ul.menu li .sub a:hover	{background:#ffffff; color:#bf1d2d; }
#navi_mb ul.menu .plus			{float:right; margin-right:30px; color:black; opacity:0.6; font-size:8px; padding-top:3px;}
#navi_mb ul.menu .icon				{width:30px; text-align:right; margin-right:10px; color:black; opacity:0.2;}
#navi_mb ul.menu .ft_as_arr	{margin-right:10px; color:black; opacity:0.2;}


.lng_box			{width:100%; text-align:center; float:left; padding:0px 0;}
.lng_box ul		{width:100%; margin:0; padding:0; }
.lng_box ul li				{float:left; width:50%; font-size:11px; font-family:tahoma; letter-spacing:0em;}
.lng_box ul li a			{display:block; width:100%; height:40px; padding:15px 0px; color:rgba(0,0,0,0.8); line-height:100%; background:#fafafa;}
.lng_box ul li a:hover {color:white; font-weight:500;}
.lng_box ul .on a {background:#bf1d2d; color:white;}
.lng_box ul .off a {background:#737373;color:rgba(255,255,255,0.6);}


/* 바로가기메뉴 */
.call_box			{float:left; width:50%;}
.call_box .sec			{float:left; width:100%; height:90px; padding-top:17px; background: #50222b;  color:white;}
.call_box .sec .icon	{float:left; width:100%; font-size:25px; color:rgba(255,255,255,1);}
.call_box .sec .txt		{float:left; width:100%; font-size:14px; padding-top:10px; line-height:120%; text-transform:uppercase; opacity:0.7;}
.call_box .sec .stx		{float:left; width:100%; font-size:14px; padding-top:0px; display:none;}

/* 퀵 */
#pick_li				{float:left; width:100%; background:#1e2835;}
#pick_li ul {margin: 0;  width:100%;}
#pick_li li {float: left; width:33.3333%; text-align:center; border:1px solid rgba(137,137,137,0.1); border-width:0 0 0 0;}
#pick_li a {float:left; width:100%; padding:23px 0 20px 0; font-size:11px; color:rgba(255,255,255,1);transition:all .2s; line-height:140%;}
#pick_li a:hover {background:rgba(0,0,0,0.1);transition:all .2s; color:white;}

.qm_set					{float:left; width:100%;}
.qm_set .fic			{float:left; width:100%; font-size:18px;}
.qm_set .fnm		{float:left; width:100%; font-size:9px; padding-top:7px; opacity:0.6;}


.actor_profile_mb {float:left; width:100%; height:136px; background:url("/images/actor_bg_mb.jpg"); background-size:100% auto; text-align:left;}
.actor_profile_mb .count {float:left; width:100%; padding:80px 0 0 27px;;font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:22px; color:#002985;}

/* 최근글 / 최근글출력글은 실제파일에 적용 */
.latest_section_mb		{float:left; width:100%; padding:25px 30px 0px 30px; background:white; border-bottom:1px solid #eeeeee;}

.notice_lt				{text-align:left; float:left; width:100%; background:white;}
.notice_lt .title		{float:left; height:22px;  padding:0 10px;background:#bf1d2d; color:white; line-height:22px; text-align:center; font-size:9px; text-transform:uppercase; font-family:tahoma; font-weight:bold; margin:15px 0 0 15px; border-radius:0px 0;}
.notice_lt .call		{float:left; width:100%;  padding:15px 0 15px 0; }

/* 배너리스트 */
.mb_banner					{float:left; width:100%; border-top:1px solid #eeeeee;}
.mb_banner img			{width:250px; }

/* SNS */
#mb_sns					{float:left; width:100%; background:#fafafa;; padding:13px 30px 8px 30px; text-align:center;}
#mb_sns .sns_cnt		{float:left; margin:0; padding:0 0 0 0; font-size:0; width:100%; border:0px solid red; text-align:center;}
#mb_sns .sns_cnt li		{display:inline-block; width:25%;margin:0 0px; border:0px solid red; text-align:center;float:none;}
#mb_sns .sns_cnt li a	{display:inline-block; font-size:18px; color:black; transition:all .2s; float:none;}


/* 카피라이트 */
.mn_s_copy					{float:left; width:100%; padding:18px 0 20px 0; text-align:center; line-height:100%; font-size:8px; }
.mn_s_copy .df				{opacity:0.6; color:white;}
.mn_s_copy .name		{color:white; margin:0 3px; font-weight:bold;}

/* 마스크 / 키프레임=적용시간 */
#sidebar-box-mask{
	display:none; position:fixed; z-index:99999997; background:rgba(0,0,0,0.6); left:0; top:0; width:100%; height:100%; 
	animation: fadein 2s;
	-moz-animation: fadein 2s; /* Firefox */
	-webkit-animation: fadein 2s; /* Safari and Chrome */
	-o-animation: fadein 2s; /* Opera */
}

	@keyframes fadein {
		from {opacity:0;}
		to {opacity:1;}
	}
	@-moz-keyframes fadein { /* Firefox */
		from {opacity:0;}
		to {opacity:1;}
	}
	@-webkit-keyframes fadein { /* Safari and Chrome */
		from {opacity:0;}
		to {opacity:1;}
	}
	@-o-keyframes fadein { /* Opera */
		from {opacity:0;}
		to {opacity: 1;}
	}
	@keyframes fadeout {
		from {opacity:1;}
		to {opacity:0;}
	}
	@-moz-keyframes fadeout { /* Firefox */
		from {opacity:1;}
		to {opacity:0;}
	}
	@-webkit-keyframes fadeout { /* Safari and Chrome */
		from {opacity:1;}
		to {opacity:0;}
	}
	@-o-keyframes fadeout { /* Opera */
		from {opacity:1;}
		to {opacity:0;}
	}
#sidebar-box-mask .close {float:right; width:100%; height:100%; text-align:left; padding:15px 0 0 265px;}
#sidebar-box-mask .close img {width:20px;}