/* 기본레이아웃 */
#sidebar-box					{width:250px; height:100%; top:0; left:-320px; border-right:0px solid #eeeeee; position: fixed; z-index:99999998; background:#ffffff; 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:absolute; padding:18px 20px 0px 15px; width:70px; height:50px; top:0px; left:0px; z-index:999997;}
.sidebar-btn img			{width:25px;}


.shop_bnr		{float:left; width:100%; background:#003455; height:120px;color:white;text-align:left; }
.shop_bnr .pos					{position:relative; width:100%; height:0px;}
.shop_bnr .pos .ad			{position:absolute; top:0px; right:0; width:30px; height:18px; background:rgba(0,0,0,0.3); text-align:center; color:white; padding:4px 0 0 0; letter-spacing:0em; font-size:8px;}
.shop_bnr .pos .ad span	{font-size:6px; opacity:0.4;}
.shop_bnr .icon		{float:left; width:55px; border:0px solid red; padding:25px 0 0 18px; font-size:20px;}
.shop_bnr .set		{float:left; width:calc(100% - 55px); padding:24px 20px 0 0;}
.shop_bnr .set .name		{float:left; font-size:12px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em;}
.shop_bnr .set .name span	{font-size:8px; margin-left:5px; font-weight:400;}
.shop_bnr .set .txt			{float:left; font-size:8px; letter-spacing:-0.05em; padding-top:3px; opacity:0.8;}
.shop_bnr .set .domain	{float:left; font-size:6px; letter-spacing:0em; padding-top:0px; opacity:0.5; line-height:100%;}

/* 로고 */
.mb_m {float:left; width:100%; height:90px; background:#000; text-align:left; padding:28px 0 0 32px; border-bottom:1px solid #dddddd;}
.mb_m .adbx {position:relative; top:0; height:0; display:none;}
.mb_m .adbx .add_pos {position:absolute; top:11px; right:30px; color:white; font-size:10px; font-family:tahoma;}
.mb_m .adbx .add_pos span {opacity:0.5; margin-right:5px;}
.mb_m .adbx .add_pos img {width:55px;}
.mb_m .adbx .add_pos2 {position:absolute; top:30px; right:29px; color:black; font-size:9px; letter-spacing:-0.05em;}
.mb_m .adbx .add_pos2 span {opacity:0.5; margin-right:5px;}
.mb_m a img {width:160px;}

/* sc section */
.sc_section		{float:left; width:100%; height:calc(100% - 90px); 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:12px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em;}
#navi_mb ul.menu li a			{display:block; width:100%; padding:15px 0px 15px 15px; border-bottom:1px solid #eeeeee; color:rgba(0,0,0,0.8);  background:#fafafa;}
#navi_mb ul.menu li a:hover {color:#045091; font-weight:500;}
#navi_mb ul.menu li .sub a				{position:relative; float:left; padding:12px 0px 12px 30px; font-size:11px; 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:black; }
#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;}

/* 바로가기메뉴 */
/* 3개일경우 
.call_box			{float:left; width:33.3333%;}
.call_box .sec			{float:left; width:100%; height:90px; padding-top:20px; background:rgba(0,0,0,0.8); color:white;}
.call_box .sec .icon			{float:left; width:100%; font-size:18px;}
.call_box .sec .txt				{float:left; width:100%; font-size:10px; padding-top:7px;}
.call_box .sec .stx				{float:left; width:100%; font-size:8px; padding-top:3px; opacity:0.4;}
*/
.call_box			{float:left; width:50%;}
.call_box .sec			{float:left; width:100%; height:120px; padding-top:30px; background: linear-gradient( to top, rgba(0,0,0,0.8), rgba(0,0,0,0.8));  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:12px; font-family:tahoma; font-weight:bold; padding-top:10px; line-height:120%; text-transform:uppercase;}
.call_box .sec .stx				{float:left; width:100%; font-size:8px; padding-top:0px; opacity:0.6;}

/* 퀵 */
#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:#fafafa; border-bottom:1px solid #eeeeee;}

.notice_lt				{text-align:left; float:left; width:100%; background:#fafafa;border-bottom:1px solid #dddddd;}
.notice_lt .title		{float:left; height:22px;  padding:0 10px;background:#009bc0; color:white; line-height:22px; text-align:center; font-size:9px; text-transform:uppercase; margin:10px 0 0 10px; border-radius:3px 0;}
.notice_lt .call		{float:left; width:100%;  padding:10px 0 25px 0; }

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


/* 카피라이트 */
.mn_s_copy				{float:left; width:100%; padding:18px 0 20px 0; text-align:center; line-height:100%; font-size:11px; }
.mn_s_copy .df			{opacity:0.6; color:black;}
.mn_s_copy .name		{color:black; 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;}