@charset "utf-8"; 
 
 
  
/* 메인 비주얼  ===================================================================================== */
.main_visual				{position:relative;} 
.main_visual li				{height:100%; }
.main_visual li img			{margin:0 auto;}
.main_visual .main_tag		{position:absolute; right:0; top:0; content:''; display:inline-block; min-width:147px; height:52px; line-height:52px; background:#cf6666; color:#fff;
							font-family:"NotoKrM", sans-serif; font-size:1.1em; letter-spacing:-1px;}



/* section01  ===================================================================================== */
.main_con01					{position:relative; padding:60px 0; overflow:hidden;}
.main_title					{font-family:"NotoKrM", sans-serif; color:#171717; font-size:1.6em; letter-spacing:-1.5px; text-align:center; margin-bottom:30px;}
.main_box					{position:relative; min-height:310px; border:1px solid #ddd;}
.main_control span			{content:''; display:inline-block;cursor:pointer; width:10px; height:10px; border-radius:10px; background:#9b9b9b; margin:0 1px;}
.main_control .stop			{ display:inline-block;cursor:pointer;}
.main_control .stop span	{content:''; display:inline-block; width:3px; height:10px; background:#9b9b9b; border-radius:0; margin:0 1px;}
.main_control .play			{display:inline-block;cursor:pointer; width:10px; height:10px; border-style:solid; margin:0 2px; border-width:5px 0 5px 10px; border-color:transparent transparent transparent #7c8082;}
.main_control .play span	{display:none;}
.main_control .on			{background:#fff; border:1px solid #9b9b9b;}

.main_media					{position:relative; float:left; width:32%; margin-right:2%;}
.main_media	.more			{position:absolute;right:10px;bottom:10px;background:#000;opacity:.8;color:#fff;padding:5px 10px;}

.main_notice				{position:relative; float:left; width:66%; margin-right:2%;}
.main_nolist				{height:310px;line-height:310px;}
.main_nolist2				{height:310px;line-height:310px;width:100% !important;text-align:center;}

.main_con03 .main_collection			{position:relative; float:left; width:32%;}
.main_con01 .main_collection			{display:none;position:relative; float:right; width:32%;}
.main_collection li			{height:310px;}
.main_collection li img		{width:100%; height:100%; }
.main_collection .main_control		{position:absolute; bottom:15px; left:50%; transform:translateX(-50%);}
.main_collection .main_control span	{background:#e9e9e9;}
.main_collection .main_control .on	{background:none; border:1px solid #e9e9e9;}
.main_collection .main_control .play	{border-color:transparent transparent transparent #e9e9e9;}


.main_youtube				{position:relative; float:right; width:32%; }
.main_youtube .main_box		{background:#000;}
.youtube_video				{background:#eee;height:220px; border-bottom:1px solid #ddd;}
.youtube_btm				{overflow:hidden;}
.youtube_thum				{float:left; width:calc(100% - 50px); margin-right:50px; position:absolute; bottom:5px; padding:0 5px; }
.youtube_thum li			{position:relative; float:left; width:calc(33.3% - 3px); margin-right:4px; height:70px; border:1px solid #eee;display: flex;justify-content: center;align-items: center; cursor:pointer; }
.youtube_thum li.on			{border-color:#ff3366;}
.youtube_thum .on .layer	{display:none;}
.youtube_thum li:hover		{border-color:#ff3366;}
.youtube_thum li:hover .layer	{display:none;}
.youtube_thum li:last-child	{margin-right:0px; float:right;}
.youtube_thum li img		{ max-width:100%;max-height:100%;flex: 0 0 auto;}
.youtube_thum .layer		{position:absolute; top:0; left:0; background:#000 url("../image/main/acc_view.png") no-repeat 50% 50%; background-size:35px; width:100%; height:100%; opacity:.5; }
.youtube_btm .more			{position:absolute; right:5px; bottom:0; width:40px; height:75px; cursor:pointer; }
.youtube_btm .more span, .youtube_btm .more:before, .youtube_btm .more:after {position:absolute; left:5px; content:''; width:25px; height:2px; border-radius:2px; background:#fff; }
.youtube_btm .more:before		{top:21px; }
.youtube_btm .more span			{top:15px; }
.youtube_btm .more:after		{top:27px; }
.youtube_btm .more p			{color:#fff; position:absolute; bottom:18px; font-size:0.9em;}


.main_movie					{position:relative; float:right; width:32%;}
.movie_wrap					{overflow:hidden;}
.movie_wrap	.img			{float:none; width:100%; height:310px; overflow:hidden;}
.movie_wrap	.img img		{width:100%; height:100%; border-right:1px solid #eaeaea;}
.movie_wrap .info			{display:none;float:right; width:50%; min-height:310px; text-align:left;}
.movie_wrap .info .wrap		{padding:25px 20px;}
.movie_wrap .info .tag		{display:inline-block; zoom:1; *display:inline; font-family:"NotoKrM", sans-serif; font-size:0.85em; height:28px; line-height:26px; padding:0 15px; letter-spacing:-1px; margin-bottom:15px;}
.movie_wrap .info .tag_green	{border:1px solid #0d9229; color:#0d9229;} /* 전체관람 */
.movie_wrap .info .tag_blue		{border:1px solid #00a0e9; color:#00a0e9;} /* 12세관람 */
.movie_wrap .info .tag_yellow	{border:1px solid #f36d00; color:#f36d00;} /* 15세관람 */
.movie_wrap .info .tag_red		{border:1px solid #e60012; color:#e60012;} /* 청불 */
.movie_wrap .info .strong		{font-family:"NotoKrM", sans-serif; font-size:1.25em; color:#333; }
.movie_wrap .info .info01		{color:#999; font-size:0.95em; margin:5px 0 20px 0;}
.movie_wrap .info .info03		{line-height:140%; letter-spacing:-1px; margin-top:3px;}
.main_movie .main_control		{position:absolute; bottom:15px; left: 50%; transform: translateX(-50%);}



/* section02  ===================================================================================== */
.main_con02					{position:relative; padding:60px 0; overflow:hidden; background:#fafafa;}
.main_con01, .main_con03	{position:relative; padding:60px 0; overflow:hidden;}
.main_con02 .main_title		{text-align:left;}

.main_calendar				{position:relative; float:left; width:32%;}
.calendar_top				{height:47px; line-height:47px; background:#981937; text-align:center; color:#fff;}
.calendar_top .year, .calendar_top .month	{ color:#fff; font-size:1.2em;}
.calendar_top .prev			{float:left; margin-left:20px; opacity:0.5;}
.calendar_top .next			{float:right; margin-right:20px; opacity:0.5;}
.calendar_top .prev img, .calendar_top .next img	{width:10px;}
#calendar_calbox			{height:224px;}
.main_table					{width:100%;}
.main_table thead			{border-bottom:1px solid #ddd;}
.main_table thead th		{line-height:37px; font-size:0.85em;}
.main_table tbody td		{line-height:31px; text-align:center;}
.main_table span			{content:''; display:block; width:30px; height:30px; line-height:30px; margin:0 auto; border-radius:50px; color:#fff;}
.main_table .red			{background:#cf6666;}
.main_table .grey			{background:#909090;}
.calendar_bottom			{line-height:40px; border-bottom:1px solid #ddd; text-align:center; font-size:0.9em; color:#777;}
.calendar_bottom span		{content:''; display:inline-block; width:10px; height:10px; border-radius:10px;}
.calendar_bottom .dot_red	{background:#cf6666; margin-right:7px;}
.calendar_bottom .dot_grey	{background:#909090; margin:0 7px 0 20px;}

.main_program				{position:relative; float:none; width:100%; padding-bottom:40px;}
.main_program:after			{content:""; display:block; clear:both;}
.main_control_arr			{position:absolute; right:0; top:0;}
.main_control_arr span		{content:''; display:inline-block; width:25px; height:25px;}
.main_control_arr .prev		{background:url('../image/main/pro_arr_prev.png') no-repeat center 50% #9b9b9b; background-size:8px;}
.main_control_arr .next		{background:url('../image/main/pro_arr_next.png') no-repeat center 50% #9b9b9b; background-size:8px;}
.main_pro_item				{position:absolute; overflow:hidden;width:100%;}
.main_pro_item li			{position:relative; float:left; width:32%;  }

/*
.main_pro_item li:first-child	{margin-right:2%;}
.main_pro_item li:last-child	{float:right; width:32%;}
*/
.main_pro_item .tag			{position:absolute; left:0; top:0; min-width:60px; height:35px; line-height:35px; color:#fff; text-align:center; font-size:0.95em; z-index:1;}
.main_pro_item .ing			{background:#318ab8;}
.main_pro_item .acc			{background:#44a389;}
.main_pro_item .end			{background:#575757;}
.main_pro_item .img			{position:relative; /*height:280px;*/ border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;}
.main_pro_item .img img		{width:100%; /*height:100%; object-fit:cover;*/} 
.main_pro_item dl			{margin-top:25px;}
.main_pro_item dl dt		{font-family:"NotoKrM", sans-serif; margin-bottom:12px; letter-spacing:-1px; font-size:1.25em; color:#333; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.main_pro_item dl dd		{color:#444; margin-top:2px; font-size:0.9em;}
.main_program .main_control	{position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.main_pro_item li .layer	{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/main/btn_more.png") no-repeat 50% 50%; z-index:1;
							width:100%; height:100%; transition:0.5s; opacity:.7; text-align:center;}
.main_pro_item li:hover .layer	{display:block;}





/* screen 1200 */
@media screen and (max-width:1200px) {

	.main_visual .main_tag		{position:relative; width:100%; left:0; top:0;}
	.main_con01, .main_con02, .main_con03	{padding:40px 10px;}

}



/* screen 1024*/
@media screen and (max-width:1024px) {


	.main_visual .main_tag			{height:42px; line-height:42px; min-width:100px; padding:0 10px; font-size:0.95em;}
	.main_con01, .main_con02, .main_con03		{padding:30px 10px;}
	.main_title						{font-size:1.4em; margin-bottom:20px;}

	.main_media						{float:none; width:100%; margin:0 0 30px 0; }

	.main_notice					{width:49%;}
	.la_news_top .date p			{font-size:0.9em;}
	.main_notice .la_news_top		{padding:15px 0;}
	.main_notice .la_news_top dd	{font-size:0.85em;}
	.main_notice .la_news_list .list01		{height:25px;}
	.main_notice .la_news_list .list01 a	{font-size:0.85em;}
	.main_collection				{width:49% !important;}
	.main_youtube						{width:49%;}
	.main_movie						{width:49%;}
	.movie_wrap .info .wrap			{padding:15px;}
	.movie_wrap .info .tag			{font-size:0.85em; margin-bottom:15px;}
	.movie_wrap .info .info01		{font-size:0.85em; margin:5px 0 15px 0;}
	.movie_wrap .info .info02, .movie_wrap .info .info03		{font-size:0.85em;}

	.calendar_top									{height:39px; line-height:39px;}
	.main_table thead th							{font-size:0.8em;line-height:39px;}
	.calendar_top .year, .calendar_top .month		{font-size:1em;}
	#calendar_calbox				{height:238px;}
	.main_table tbody td, .calendar_bottom			{font-size:0.85em; line-height:33px;}
	.main_pro_item .tag				{font-size:0.85em;}
	/*.main_pro_item .img				{height:250px;}*/
	.main_pro_item dl				{margin-top:20px;}
	.main_pro_item dl dt			{font-size:1.1em; margin-bottom:7px;}
	.main_pro_item dl dd			{font-size:0.85em; margin:0;}

	

}


/* screen 785 */
@media screen and (max-width:785px) {

	.main_box						{min-height:100%;}

	.main_notice					{float:none; width:100%; margin-bottom:30px;}
	.main_collection				{float:none; width:100% !important; margin-bottom:30px;}
	.main_collection li				{height:100%;}
	.main_youtube					{/*float:none;*/ width:100%;}
	.youtube_thum					{position:relative; padding:5px; bottom:0;}
	.main_movie						{float:none; width:100%;}

	#calendar_calbox				{height:unset;}
	.main_calendar					{float:none; width:100%; margin-bottom:30px;}
	.main_program					{float:none; width:100%; left:0; top:0;}

}




/* screen 480 */
@media screen and (max-width:480px) {

	.main_visual .main_tag			{position:relative; width:100%;top:0;left:0;}

	.movie_wrap .img				{float:none; width:100%; height:100%;}
	.movie_wrap .info				{float:none; width:100%; min-height:100%;}
	
	.youtube_thum li				{height:50px;}
	.youtube_btm .more				{height:58px;}
	.youtube_btm .more p			{bottom:5px;}

}