@charset "utf-8";

@media all and (min-width:769px){
	#aside { display:none; }
	#btnFoldLayout { display:none; }
}


@media (max-width:768px){


	body { height:100%; }
	#m_wrapper { overflow-x:hidden; position:relative; min-height:100%; width:100%; }

	.dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(0,0,0,0.7); }
	#dimmedSlider { display:none; position:absolute; left:0px; top:0; right:0px; bottom:0px; z-index:500; background:rgba(0,0,0,0.7); }

	/* conatiner */
	#m_container {
		z-index:100; position:relative; overflow-x:hidden; /*margin-top:-1px; margin-left:-1px;*/ /*background-color:#fff;*/
		-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms;
		-webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
	}

	/* btnFoldLayout */
	#btnFoldLayout {
		display:none; position:absolute; left:83%; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0;
		-webkit-tap-highlight-color:rgba(0, 0, 0, 0); and -webkit-focus-ring-color:rgba(0, 0, 0, 0);
	}


	/* 확장 */
	html.expand #m_wrapper { height:100%; overflow:hidden; }
	html.expand #m_container { overflow:hidden; -webkit-transform: translate(83%, 0); -moz-transform: translate(83%, 0); -ms-transform: translate(83%, 0); -o-transform: translate(83%, 0); transform: translate(83%, 0); }
	html.expand #btnFoldLayout { z-index:405; }
	html.expand #aside { left:0; z-index:10; }

	/* aside */
	#aside { z-index:-1; visibility:hidden; position:absolute; left:-83%; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:83%; font-size:11px; background-color:#000;
		-webkit-transition: all 100ms ease-in-out;
		-moz-transition: all 100ms ease-in-out;
		-o-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}


	#aside .logon_user { background:#08326d; }
	#aside .logon_user .img { display:inline-block; padding:7px 10px; vertical-align:middle; }
	#aside .logon_user .img img { height:50px; border:0px solid #08326d; -moz-border-radius:26px; -webkit-border-radius:26px; border-radius:26px; }
	#aside .logon_user .info { display:inline-block; padding:7px 0; vertical-align:middle; }
	#aside .logon_user .info span { display:block; }
	#aside .logon_user .info .name { font-size:16px; color:#fff; }
	#aside .logon_user .info .class img { height:22px; }

	#aside .recent_movie { background:#fff; }
	#aside .recent_movie .tit { line-height:40px; font-size:14px; color:#08326d; font-weight:500; }
	#aside .recent_movie .tit p { display:inline-block; padding-left:10px; }
	#aside .recent_movie .tit .goBtn { float:right; }
	#aside .recent_movie .tit .goBtn img { height:40px; }
	#aside .recent_movie .movie { padding:0 5px 10px 5px; }
	#aside .recent_movie ul { display:inline-block; width:100%; padding:0; line-height:0; font-size:0; letter-spacing:-5px; vertical-align:top; }
	#aside .recent_movie ul li { display:inline-block; width:50%; margin:0; *display:inline; vertical-align:top; *zoom:1; line-height:16px; letter-spacing:0; font-size:12px; }
	#aside .recent_movie ul li a { display:block; margin:0 5px; }
	#aside .recent_movie ul li img { width:100%; }

	#m_lnb > ul { border-top:1px solid #fff; margin:10px; }
	#m_lnb > ul > li { border-bottom:1px solid #fff; background:#000; position:relative; }
	#m_lnb > ul > li a.big { display:inline-block; width:70%; line-height:40px; font-size:14px; margin-left:35px; padding:0 !important; color:#fff; font-weight:500; background-position:10px center; background-size:auto 28px; }
	#m_lnb > ul > li .m_cateToggle { display:block; position:absolute; top:0; left:0; width:35px; height:40px; cursor:pointer; background:url("../images/m_lnb_plus.png") 3px center no-repeat; background-size:auto 14px; }
	#m_lnb > ul > li .depth02 { display:none; width:100%; border-top:1px solid #373737; }
	#m_lnb > ul > li .depth02 li { border-bottom:1px solid #373737; }
	#m_lnb > ul > li .depth02 li a { display:block; line-height:36px; font-size:14px; text-indent:34px; color:#fff; }
	/*#m_lnb > ul > li.on { border-bottom:0 none; }*/
	#m_lnb > ul > li.on a.big { color:#fff; background-position:10px center; background-size:auto 28px; }
	#m_lnb > ul > li.on .m_cateToggle { background:url("../images/m_lnb_minus.png") 3px center no-repeat; background-size:auto 14px; }
	#m_lnb > ul > li.on .depth02 { display:block; }
	
	#m_lnb > ul > li a.big.comming { color:#676767; }
	#m_lnb > ul > li .depth02 li a.comming { color:#676767; }


	#aside .login_btn { padding:10px 5px 10px 5px; text-align:center; }
	#aside .login_btn a { display:inline-block; width:46%; line-height:36px; margin:0 4px; font-size:15px; text-indent:-3px; font-weight:500; text-align:center; color:#fff; background:#052450 url("/images/sumfe_2018/arrow_right01.png") 92% center no-repeat; background-size:auto 40%; }

}