@charset "utf-8";

@import url(basic.css);
@import url(layout_main.css); 

/* main layout */
#wrap	{position:relative;background:url('/images/common/footer_bg.gif') repeat-x 0 916px;}

#top_zone	{width:1230px;padding-right:0px;}
#top_zone .gnb	{*right:-40px;}
#topmenu	{padding-right:0px;}


#main_container	{position:relative;width:1230px;margin:0 auto;}
#main_container	.m_left {width:310px;float:left;position:relative;padding:30px 0 0 20px;height:919px;background:url('/images/main/bar1.gif') repeat-y;}
#main_container	.m_mid1 {width:220px;float:left;padding:40px 0 0 45px;height:909px;position:relative;background:url('/images/main/bar2.gif') repeat-y;}
#main_container	.m_mid2 {z-index:10;width:350px;height:927px;background:url('/images/main/bar3.gif') repeat-y;float:left;position:relative;padding:22px 30px 0 20px;}
#main_container	.m_right{width:190px;background:url('/images/main/bar4.gif') repeat-y;float:left;position:relative;padding:390px 0 0 20px;height:559px;}

/* m_left */
.m_left h4		{position:absolute;left:-5px;top:30px;}
.m_left ul		{padding-top:20px;}
/* .m_left ul li	{cursor:pointer;} */
.m_left ul li.m_edu_tit1{*height:40px;}
/*.m_left .m_left_top	{position:absolute;top:0;left:20px;height:885px;width:162px;padding-top:30px;padding-left:20px;z-index:100;}*/
.m_left	.m_edu {width:170px;background:#E9E9E9;float:left;height:834px;z-index:1;/*margin-left:220px;*/margin-left:0px;position:relative;left:0;top:0px;/*display:none;*/}

.m_left #edu_popupzone	{}
.m_left #edu_popupzone .edu_article	{position:relative;width:309px;height:250px;}
.m_left #edu_popupzone .edu_article	#edupop_img1{position:absolute;top:0;left:0;border:1px solid #e7e7e7;border-right:none;}	
.m_left #edu_popupzone .edu_article	#edupop_img2{display:none;position:absolute;top:0;left:0;border:1px solid #e7e7e7;border-right:none;}	
.m_left #edu_popupzone .edu_article	#edupop_img3{display:none;position:absolute;top:0;left:0;border:1px solid #e7e7e7;border-right:none;}	
.m_left #edu_popupzone .edu_article	#edupop_img4{display:none;position:absolute;top:0;left:0;border:1px solid #e7e7e7;border-right:none;}	
.m_left #edu_popupzone .edu_article	#edupop_img5{display:none;position:absolute;top:0;left:0;border:1px solid #e7e7e7;border-right:none;}
/* .m_left #edu_popupzone .edu_article	.edupop_no{position:absolute;bottom:-20px;right:12px;} */
.m_left #edu_popupzone .edu_article	.edupop_no1{position:absolute;bottom:-20px;right:60px;}	
.m_left #edu_popupzone .edu_article	.edupop_no2{position:absolute;bottom:-20px;right:48px;}	
.m_left #edu_popupzone .edu_article	.edupop_no3{position:absolute;bottom:-20px;right:36px;}	
.m_left #edu_popupzone .edu_article	.edupop_no4{position:absolute;bottom:-20px;right:24px;}	
.m_left #edu_popupzone .edu_article	.edupop_no5{position:absolute;bottom:-20px;right:12px;}
.m_left #edu_popupzone .edu_btn		{padding:4px 5px 0 5px;}
.m_left #edu_popupzone .edu_btn img	{margin-right:-4px;cursor:pointer;}


.m_edu #m_edu_con{padding:50px 0 0 25px;display:none;position:relative;}
.m_edu #m_edu_con .edu_btn{position:absolute;top:30px;right:25px;}
.m_edu #m_edu_con .edu_btn img{padding-left:2px;width:20px;height:20px;float:left;}
/*
.m_edu #m_edu_con1{padding:40px 0 0 25px;display:none;position:relative;}
.m_edu #m_edu_con2{padding:40px 0 0 25px;display:none;position:relative;}
.m_edu #m_edu_con3{padding:40px 0 0 25px;display:none;position:relative;}
.m_edu #m_edu_con4{padding:40px 0 0 25px;display:none;position:relative;}
.m_edu #m_edu_con1 .edu_btn{position:absolute;top:10px;right:10px;}
.m_edu #m_edu_con2 .edu_btn{position:absolute;top:10px;right:10px;}
.m_edu #m_edu_con3 .edu_btn{position:absolute;top:10px;right:10px;}
.m_edu #m_edu_con4 .edu_btn{position:absolute;top:10px;right:10px;}
.m_edu #m_edu_con1 .edu_btn img,.m_edu #m_edu_con2 .edu_btn img,.m_edu #m_edu_con3 .edu_btn img,.m_edu #m_edu_con4 .edu_btn img{padding-left:2px;width:20px;height:20px;float:left;}
*/

.m_edu div ul li   {padding-bottom:20px;}	
.m_edu div ul li p {font-weight:bold;color:#6c6c6c;font-size:90%;padding:7px 0 0 2px;}
.m_edu div ul li dl{color:#8c8c8c;font-size:90%;line-height:90%;padding:3px 0 0 2px;}
.m_edu div ul li dl dt{display:inline;}
.m_edu div ul li dl dd{display:inline;}

.m_left .edu_area_wrap { margin-top: 30px; }
.m_left .edu_area{padding-left: 30px;width:250px;margin-bottom: 15px;}
.m_left .edu_area:last-child { margin-bottom: 0; }
.m_left .edu_area h6{border-bottom:2px solid #505050;position:relative;padding-bottom:11px;}
.m_left .edu_area h6 span{position:absolute;right:2px;top:3px;}
.m_left .edu_area .edu_list{padding:15px 0 0 2px; }
.m_left .edu_area .edu_list dt{color:#5c5c5c;font-size:100%;vertical-align:middle; padding-top:7px;text-overflow:ellipsis; white-space:nowrap; word-break: break-all; overflow:hidden;}
.m_left .edu_area .edu_list dt.first{color:#5c5c5c;font-size:100%;vertical-align:middle; padding-top:0px;}
.m_left .edu_area .edu_list dt img{vertical-align:middle;padding:0 5px 3px 0;}
.m_left .edu_area .edu_list dd{color:#a4a4a4;font-size:95%;padding-bottom:5px; background:url('/images/main/twitter_line.gif') repeat-x 0 bottom;}

.m_left .btn_banner{padding:0 0 0 30px;}

/* m_mid1 */
.m_mid1 h6	{margin:0;padding:0;position:relative;}

.m_mid1 .main_schedule		{color:#a1a1a1;}
.m_mid1 .main_schedule h6	{padding-bottom:10px;position:relative;}
.m_mid1 .main_schedule h6 span	{position:absolute;right:0px;top:3px;}
.m_mid1 .main_schedule h6 .btn_month{position:absolute;left:78px;top:2px;color:#595959;/*font-family:'Tahoma';*/font-size:11px;}
.m_mid1 .main_schedule ul li{background:url('/images/main/twitter_line.gif') repeat-x 0 bottom;padding:3px 0;position:relative;}
.m_mid1 .main_schedule ul li img{padding-right:5px;}
.m_mid1 .main_schedule ul li span{color:#c9c9c9;position:absolute;right:0;font-size:95%;*top:1px;}

.m_mid1 .main_schedule .calendar{width:100%;margin-bottom:3px;}
.m_mid1 .main_schedule .calendar td{border:1px solid #e7e7e7;border-top:none;text-align:center;/*font-family:'Tahoma';*/font-size:11px;}
.m_mid1 .main_schedule .calendar .today{background-color:#ffdd40;}
.m_mid1 .main_schedule .calendar .plan{font-weight:bold;color:#595959;}

.m_mid1 .aside_space		{border-bottom:1px solid #505050;padding-top:30px;}
.m_mid1 .aside_space h6		{position:relative; padding-bottom:11px; border-bottom:2px solid #505050;}
.m_mid1 .aside_space .as_equipment	{float:left;padding:22px 0 18px 0;}
.m_mid1 .aside_space .as_space		{float:right;padding:22px 0 18px 0;}
.m_mid1 .aside_space ul		{padding-top:10px;}
.m_mid1 .aside_space ul li	{padding-bottom:3px;}

.m_mid1 .aside_library			{padding-top:30px;width:220px;}
.m_mid1 .aside_library h6 span	{position:absolute;right:0;top:3px;}
.m_mid1 .aside_library ul		{padding-top:15px;}
.m_mid1 .aside_library ul li	{display:inline-block;zoom:1;*display:inline;position:relative;width:103px;margin-left:9px;margin-bottom:10px;}
.m_mid1 .aside_library ul li.f	{margin-left:0;}
.m_mid1 .aside_library ul li img{border:1px solid #dedede;}
.m_mid1 .aside_library ul li span{position:absolute;left:0;top:0;}
.m_mid1 .aside_library ul li span img{border:none;}

.m_mid1 .aside_support	{padding-top:50px;}

/* m_mid2 */
.m_mid2	h4	{position:absolute;left:-4px;top:30px;}
.m_mid2 #popupzone	{background:url('/images/main/popupzone_bg2.png') no-repeat 0 23px;width:552px;height:327px;}
.m_mid2 #popupzone .pop_article	{position:relative;width:552px;text-align:right;}
.m_mid2 #popupzone .pop_article	#pop_img1{position:absolute;top:23px;left:0;}	
.m_mid2 #popupzone .pop_article	#pop_img2{display:none;position:absolute;top:23px;left:0;}	
.m_mid2 #popupzone .pop_article	#pop_img3{display:none;position:absolute;top:23px;left:0;}	
.m_mid2 #popupzone .pop_article	#pop_img4{display:none;position:absolute;top:23px;left:0;}	
.m_mid2 #popupzone .pop_article	#pop_img5{display:none;position:absolute;top:23px;left:0;}	
.m_mid2 #popupzone .pop_article	.btn_pop img{padding-right:5px;}

.m_mid2 #popupzone .pop_article .btn_popupzone_prev{position:absolute;top:155px;left:-4px;z-index:150;}
.m_mid2 #popupzone .pop_article .btn_popupzone_next{position:absolute;top:155px;right:-2px;z-index:160;}

.m_mid2 #popupzone .pop_article	p{display:inline-block;zoom:1;*display:inline;padding:0 4px;}
.m_mid2 #popupzone .pop_btn		{/*padding:7px 10px;*/position:absolute;left:30px;top:248px;}
.m_mid2 #popupzone .pop_btn img	{margin-right:-4px;cursor:pointer;}

.m_mid2 .center_notice	{padding:35px 0 30px 30px;}
.m_mid2 .center_notice h6	{padding-bottom:10px;position:relative;}
.m_mid2 .center_notice h6 span	{position:absolute;right:0px;top:0px;}
.m_mid2 .center_notice ul{height:255px;}
.m_mid2 .center_notice ul li{position:relative;font-size:110%;line-height:16px;color:#878787;border-bottom:1px solid #999999;padding:7px 0 5px;}
.m_mid2 .center_notice ul li span{font-size:85%;display:block;color:#b6b6b6;position:absolute;right:0px;top:7px;}

.m_mid2 .aside_corps		{padding:0 0 0 30px;}
.m_mid2 .aside_corps	h6 {padding-bottom:12px;position:relative;}
.m_mid2 .aside_corps	h6 span	{position:absolute;right:0;top:0px;}
.m_mid2 .aside_corps	div object {width:100%; height:70px;}
.m_mid2 .aside_corps	div iframe {width:100%; height:70px;}
/*
.m_mid2 .aside_corps	ul		{padding:0 0 0 105px;background:url('/images/main/presscorps_img.jpg') no-repeat 0 0;}
.m_mid2 .aside_corps	ul li	{color:#9b9b9b;font-size:90%;font-family:'Dotum';line-height:16px;padding-bottom:7px;}
.m_mid2 .aside_corps	ul li span	{display:block;color:#7e7e7e;font-size:120%;padding-bottom:1px;font-weight:bold;overflow:hidden; height:15px;}
.m_mid2 .aside_corps	ul li div	{overflow:hidden; height:15px;}
*/
.m_mid2 .citizen		{padding:15px 0 0 30px;}
.m_mid2 .citizen	h6 {padding-bottom:12px;position:relative;}
.m_mid2 .citizen	h6 span	{position:absolute;right:0;top:0px;}
.m_mid2 .citizen	ul		{padding:0 0 0 105px;background:url('/images/main/citizen_img.gif') no-repeat 0 7px;}
.m_mid2 .citizen	ul li	{color:#9b9b9b;font-size:90%;/*font-family:'Dotum';*/line-height:16px;padding-bottom:7px;}
.m_mid2 .citizen	ul li span	{display:block;color:#7e7e7e;font-size:120%;padding-bottom:1px;font-weight:bold; height:15px; overflow:hidden;}
.m_mid2 .citizen	ul li div	{overflow:hidden; height:15px;}

.m_mid2 .main_twitter	{padding:40px 15px 0 27px;}
.m_mid2 .main_twitter h6{padding-bottom:15px;background:url('/images/main/twitter_line.gif') repeat-x 0 bottom;}
.m_mid2 .main_twitter ul li{padding:5px 0 5px 38px;background:url('/images/main/twitter_line.gif') repeat-x 0 bottom;position:relative;color:#a1a1a1;}
.m_mid2 .main_twitter ul li img{position:absolute;left:0;top:7px;}
.m_mid2 .main_twitter ul li p{color:#8fd0df;font-size:90%;}



.m_mid2 .banner_citizen{padding:25px 0 0 30px;}



/* m_right */
.m_right h4	{position:absolute;left:-4px;top:390px;}
.m_right .cinema_zone	{border:1px solid #aeaeae;padding:0px;color:#fff;font-size:90%;line-height:14px;position:relative;width:158px;height:233px;}
.m_right .cinema_zone .cinema_txt{position:absolute;left:0px;bottom:0px;background:url('/images/main/theater_bg.png') repeat-x 0 bottom;width:144px;height:40px;padding:10px 7px 0 7px;}
.m_right .cinema_zone .cinema_txt p{font-weight:bold;color:#fff;font-size:110%;padding-bottom:2px;}
.m_right .cinema_zone .cinema_txt a{color:#fff;}
.m_right .visual_logo	{height:150px;background:url('/images/main/visual_logo.png') no-repeat -5px -12px;}

.m_right .cinema_zone_new{border:1px solid #aeaeae;padding:0px;color:#fff;line-height:14px;position:relative;width:160px;height:294px;}
.m_right .cinema_zone_new li{position:relative;font-weight:bold;}
.m_right .cinema_zone_new li p{position:absolute;left:0px;bottom:0px;background:url('/images/main/theater_bg.png') repeat-x 0 bottom;width:150px;height:15px;padding:6px 5px 0 5px; overflow:hidden; }
.m_right .visual_logo_new{height:150px;background:url('/images/main/visual_logo.png') no-repeat -5px -20px;}

.m_right .cinema_zone_poster{border:1px solid #aeaeae;padding:0px;color:#fff;line-height:14px;position:relative;width:140px;height:406px;}
.m_right .cinema_zone_poster li{position:relative;font-weight:bold;}
.m_right .cinema_zone_poster li p{position:absolute;left:0px;bottom:0px;background:url('/images/main/theater_bg.png') repeat-x 0 bottom;width:130px;height:15px;padding:6px 5px 0 5px; overflow:hidden; }
.m_right .cinema_zone_poster li a{color:#fff;}

/* footer */
#main_footer{position:absolute;top:828px;width:100%;z-index:1000;}
#main_footer .footer_area	{overflow:hidden;clear:both;padding:15px 0 15px 7px;color:#333;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;background:#fff;position:relative;padding-left:20px;}
#main_footer .footer_zone	{width:1200px;position:relative;}
#main_footer .type_wide		{width:1280px;}
#main_footer address	{/*font-family:verdana;*/font-size:9px;line-height:14px;}
#main_footer address span{padding-left:7px;}
#main_footer address p	{padding:3px 0 7px 0;}

/*#main_footer .footer_zone .footer_family	{position:absolute;right:15px;top:-12px;}
#main_footer .footer_zone .footer_family ul li{display:inline-block;zoom:1;*display:inline;padding:0 9px;}
#main_footer .footer_zone .footer_family .family_site{text-align:right;padding-top:10px;}*/

#main_footer .footer_zone .footer_family	{position:absolute;right:15px;top:2px;}
#main_footer .footer_zone .footer_family ul li{display:inline-block;zoom:1;*display:inline;padding:0 9px;}
#main_footer .footer_zone .footer_family .family_site{}




/* 레이어 팝업 */
#pop_main_20200224_1 { top: 0px; background:#FFCF6D; }
.pop_main { position: absolute; top:30px; left:20px; z-index: 1000; padding:10px; background:#222; }
.pop_main .close { }
.pop_main .close label, .pop_main .close strong { font-family: 'Noto Sans KR', sans-serif; color: #333; font-size:13px; font-weight:600; }

.close {text-align:right; height:30px; line-height:30px; padding:0 5px; vertical-align:middle; }
.close div{display:inline-block; text-align:right; color:#fff; }
.close form > div {margin-left:0; vertical-align: middle; font-size:0; }
.close label { cursor:pointer; font-size:12px; }
.close strong { font-size:11px; color:#fff; font-weight:400; }
.close input[type=checkbox] { margin-right:5px; }