@charset "euc-kr";




div#main							{width:100%; height:327px; background:url('../_img/main/MainVisualBg.jpg') no-repeat 50% 0 }
div.main							{width:960px; margin:0 auto; overflow:hidden;}
div.main .FeatureFilim				{width:729px; float:left}
div.FeatureFilim .FilimCover		{position:absolute; margin:0 0 0 692px; z-index:1000}
div.FeatureFilim .FilimTit			{overflow:hidden; padding:28px 0 0 12px;}
div.FeatureFilim .FilimTit h2		{float:left}
div.FeatureFilim .FilimTit p		{float:right; padding:0 40px 0 0}
div.FeatureFilim .FilimTit p img	{padding:0 0 0 10px;}
div.FeatureFilim .FilimArea			{width:717px; height:260px; overflow:hidden; padding:0 0 0 11px;}
div.FeatureFilim ul					{width:800px; padding:20px 0 0 0; overflow:hidden;}
div.FeatureFilim ul li				{width:160px; float:left; background:url('../_img/main/FeatureFilimBg.png') no-repeat 0 0}
div.FeatureFilim ul li.filter		{filter:alpha(opacity=50); opacity:0.5;}
div.FeatureFilim ul dt				{width:133px; height:195px; padding:2px 0 0 0; }
div.FeatureFilim ul dt a			{}
div.FeatureFilim ul dt a:hover img		{border:1px solid #5480cf}
div.FeatureFilim ul img				{border:1px solid #222}
div.FeatureFilim ul dd				{width:120px; font:normal 12px/18px Malgun Gothic, dotum, gulim, Arial; color:#fff}
div.FeatureFilim ul dd a			{font:bold 12px/18px Malgun Gothic, dotum, gulim, Arial; color:white; letter-spacing:-0.3pt;}
div.FeatureFilim ul dd a:hover		{text-decoration:underline}


div.main .WorksSearch				{width:200px; padding:28px 0 0 0; float:right}
div.WorksSearch .search_list		{padding:22px 0 0 0;}
div.WorksSearch .search_list ul		{overflow:hidden;}
div.WorksSearch .search_list ul li	{float:left}


div.search_list input.m_search					{font:normal 13px/16px Malgun Gothic; color:#333;}
div.search_list input.m_search[type=text]		{text-align:left; background:#fff ; border:1px solid #ccc; color:#494949; padding:6px 10px 7px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px;box-shadow:inset 1px 1px 2px #ececec ; -webkit-box-shadow:inset 1px 1px 2px #ececec ; -moz-box-shadow:inset 1px 1px 2px #ececec ;}
div.search_list input.m_search[type=password]	{text-align:left; background:#fff ; border:1px solid #ccc; color:#494949; padding:8px 10px 9px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px;box-shadow:inset 1px 1px 2px #ececec ; -webkit-box-shadow:inset 1px 1px 2px #ececec ; -moz-box-shadow:inset 1px 1px 2px #ececec ;}

/* placeholder ¼Ó¼º*/
::-webkit-input-placeholder			{font:normal 12px/18px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#bbb; letter-spacing:-1pt;}
textarea:-moz-placeholder, 
input:-moz-placeholder				{font:normal 12px/18px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#bbb; letter-spacing:-1pt;}
.text-placeholder					{font:normal 12px/18px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#bbb; letter-spacing:-1pt;}

div.search_list select						{border:1px solid #ccc;}
div.search_list select.customSelect			{ height:35px; font-size:12px; position:absolute; opacity:0;}
div.search_list span.customSelect			{width:99%;	padding:2px 0 3px 10px;	height:28px; font:12px Malgun Gothic; background:#fff url(../_img/main/bg_select.gif) right center no-repeat; border:1px solid #ccc;    color:#494949;    	line-height:28px;	text-indent:0;	 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px;	 box-shadow:inset 1px 1px 2px #ececec ; -webkit-box-shadow:inset 1px 1px 2px #ececec ; -moz-box-shadow:inset 1px 1px 2px #ececec ;}

div.search_list span.customSelectInner		{text-indent:5px;color:#494949 !important;}
div.search_list input[type=text]			{text-align:left; background:#fff ; border:1px solid #ccc; color:#494949; padding:6px 10px 7px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px;box-shadow:inset 1px 1px 2px #ddd ; -webkit-box-shadow:inset 1px 1px 2px #ddd ; -moz-box-shadow:inset 1px 1px 2px #ddd ;}
div.search_list input[type=password]		{text-align:left; background:#fff ; border:1px solid #ccc; color:#494949; padding:8px 10px 9px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px;box-shadow:inset 1px 1px 2px #ececec ; -webkit-box-shadow:inset 1px 1px 2px #ececec ; -moz-box-shadow:inset 1px 1px 2px #ececec ;}



div.MainContainer				{width:960px; margin:0 auto 40px auto; overflow:hidden;}
div.MainContainer .ContLeft		{width:688px; float:left}
div.ContLeft .ShortFilm			{height:190px; padding:27px 0 0 0;}	
div.ContLeft .ShortFilmTit		{width:100%;overflow:hidden;}
div.ContLeft .ShortFilmTit h2	{float:left}
div.ContLeft .ShortFilmTit p	{float:right}
div.ContLeft .ShortFilm ul				{padding:11px 0 0 0; overflow:hidden;}
div.ContLeft .ShortFilm ul li			{width:176px; float:left}
div.ContLeft .ShortFilm ul li.last		{width:160px;}
div.ContLeft .ShortFilm dl				{}
div.ContLeft .ShortFilm dt				{height:95px;}
div.ContLeft .ShortFilm dd				{font:normal 11px/16px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#888; letter-spacing:-0.2pt}
div.ContLeft .ShortFilm dd a			{font:bold 12px/18px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#222; letter-spacing:-0.1pt}
div.ContLeft .ShortFilm dd a:hover		{text-decoration:underline}


div.news					{width:330px; float:left}
div.news ul					{}
div.news li					{padding:3px 0 10px 0; background:url('../_img/main/DotLine.gif') repeat-x 0 100%}
div.news li.last			{padding:10px 0 0 0; background:none}
div.news li dt a			{font:bold 13px/20px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#222; letter-spacing:-0.3pt}
div.news li dt a:hover		{font:bold 13px/20px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#225fcb; text-decoration:underline}
div.news li dd				{padding:3px 0 0 0;font:normal 12px/18px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#888; letter-spacing:-0.6pt}
div.news li dd a			{color:#888;}
div.news li dd a:hover		{color:#555}
div.news li dd span			{font:bold 12px/18px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#ff8b00}

div.banner					{width:338px; float:right}


div.MainContainer .ContRight	{width:233px; float:right}
div.SnsTit					{overflow:hidden; padding:20px 0 0 0;}
div.SnsTit h2				{float:left; padding:10px 0 0 0;}
div.SnsTit p				{float:right; padding:0 5px 0 0;}

ul.SnsList					{width:230px; height:335px; margin:5px 0 0 0; overflow-y:auto; border-top:1px solid #bbb; border-bottom:1px solid #bbb}
ul.SnsList li				{ padding:5px 0 3px 0;}
ul.SnsList li dl			{_width:220px; overflow:hidden;  border-bottom:1px solid #e5e5e5}
ul.SnsList li dt			{width:27px; float:left;}
ul.SnsList li dd			{width:177px; float:right; padding:0 0 0 8px;}
ul.SnsList li dd.t01		{font:normal 12px/16px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#222; letter-spacing:-0.5pt}
ul.SnsList li dd.t02		{font:normal 11px/16px Malgun Gothic,µ¸¿ò,±¼¸²,Arial; color:#407aae;}