@charset "utf-8";


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0;
left: 0;
}

.vscrollerbase {
width:20px;
background:url(/Img/kr/main/bn_scroll_bg.gif) repeat-y 7px 0;
}
.vscrollerbar {
width:20px;
height:18px !important;
background:url(/Img/kr/main/bn_scroll.png) no-repeat;
}
.hscrollerbase {
height: 10px;
background-color: white;
display:none;
}
.hscrollerbar {
height: 10px;
background-color: black;
display:none;
}
.scrollerjogbox {
width:10px;
height:10px;
top:auto;
left:auto;
bottom:0px;
right:0px;
background-color:gray;
display:none;
}

#mvisual{position:relative; width:100%; height:346px; overflow:hidden; background:url(/Img/kr/visual/mv_grayscale.png);}
	#width_crop{position:relative; width:1000000px; height:346px;}
		.group_animate{position:relative; float:left; width:980px; height:346px;}
		.group_animate:after{content:""; clear:both; display:block;}
		.group_animate .obj{float:left; width:980px;}
		.group_animate .obj .c{width:980px; height:346px;}
		.group_animate .obj .l{width:980px; position:absolute; top:0; left:-980px; text-align:right; background:url(/Img/kr/visual/mv_grayscale.png);}
	 	.group_animate .obj .r{width:980px; position:absolute; top:0; left:980px; background:url(/Img/kr/visual/mv_grayscale.png);}
	#description_fade{position:absolute; top:0; left:50%; margin-left:163px; width:327px; height:346px; z-index:100;}
 	#description_fade .description{position:absolute; top:0; right:0; width:327px; height:346px; overflow:hidden;}
 	#description_fade .description .pt{position:absolute; top:175px; left:30px; width:260px;}
 	#description_fade .description .pt p{display:none;line-height:16px; color:#fff;}
 	#description_fade .description .pt p.bold{display:none;padding-bottom:15px;}
 	#description_fade .description .pt p a{font-weight:bold; letter-spacing:-1px; color:#fff; text-decoration:underline;}
 	#description_fade .control{position:absolute; top:300px; left:30px; z-index:111;}
 	#description_fade .control a{float:left; margin-right:5px;}

#mContents{position:relative; width:980px; margin:0 auto;}
#mContents:after{content:""; clear:both; display:block;}

	#topContents{height:70px; padding-top:15px; margin-bottom:20px; border-bottom:5px #2453a5 solid;}
	#topContents:after{content:""; clear:both; display:block;}

		
		#shortcut{position:relative; z-index:100;}
		#shortcut,
		#shortcut a{float:left;}
		#shortcut .btn_scut_0{float:left; padding-right:5px;}
		#shortcut .bn_qm1{margin-right:5px;}
		#search{float:right; padding-top:12px;}
		#search input{float:left;}
		#search .keyword{width:240px; height:32px; line-height:32px; padding-left:10px; /* border:#e6e8ea solid; */ border:#ccc solid;  border-width:1px 0 1px 1px; background:#f3f3f3 url(/Img/kr/main/bg_search.gif) no-repeat 10px 50%;}
		#search .on{background:#f3f3f3 none;}

		.qmWrap {position:absolute;top:60px; left:0; width:945px;height:197px;padding:0 0 0 35px;background:url(/Img/kr/main/qm1_repeat.gif) repeat-x; z-index:120;}
		.qmWrap .gm_arr{position:absolute; top:0;}
		.qm1 .gm_arr {left:0;}
		.qm2 .gm_arr {left:58px;}
		.qmWrap .bx1,.qmWrap .bx2,.qmWrap .bx3{float:left;}

		.qm1 .bx1{width:152px; height:140px; padding-top:40px; background:url(/Img/kr/main/qm1_bg.gif) no-repeat bottom left }
		.qm1 .bx2{width:395px; padding-top:18px;}
		.qm1 .bx2 a{float:left;}
		.qm1 .bx3{width:373px; padding-left:25px;  padding-top:40px;}
		.qm1 .bx3 .grap1{width:120px;}
		.qm1 .bx3 .grap2{width:130px;}
		.qm1 .bx3 .grap3{width:100px;}

		.qm2 .bx1{width:195px; height:140px; padding-top:40px; background:url(/Img/kr/main/qm2_bg.gif) no-repeat bottom left }
		.qm2 .bx2{width:395px; padding-top:18px;}
		.qm2 .bx2 a{float:left;}
		.qm2 .bx3{width:330px; padding-left:25px; padding-top:40px;}
		.qm2 .bx3 .grap1{width:150px;}
		.qm2 .bx3 .grap2{width:130px;}
		.qm2 .bx3 .grap3{position:absolute; top:36px; right:305px;}

		.qmWrap p {padding:5px 0 0;}
		.qmWrap .bx3 span {float:left; display:block; line-height:22px; }
		.qmWrap .bnClose {position:absolute;right:0;bottom:0;}

		.magazine{position:relative; float:left;}
		.magazine:after{content:""; clear:both; display:none;}
		.magazine .obj{position:absolute; top:0; left:0; width:171px; display:none;}
		.magazine .obj img{float:left;}

		#shortcut .qmWrap .bx3 a{float:none; display:block; color:#fff; padding:0 0 0 10px; background:url(/Img/kr/main/qm_bul.gif) no-repeat 0 10px;}

#mWebzine{position:relative; float:left; width:633px; height:155px; margin:0 20px 25px 0;}
#mWebzine h3{position:relative; z-index:1; float:left;margin-left:-1px;}
#mWebzine h3.firstchild{margin-left:0;}
#mWebzine .grap{position:absolute; top:22px; left:0; width:633px; padding-top:11px; border-top:1px #aaa solid;}
#mWebzine .grap .thumb{position:absolute; top:13px; left:0;overflow:hidden;width:160px; height:100px;background:#f1f1f1;text-align:center;border:1px solid #ccc}
#mWebzine .grap .thumb img {width:auto;max-width:160px!important;height:100px;}
#mWebzine .grap ul li{display:block; line-height:18px;}
#mWebzine .grap ul li:after {content:"";display:block;visibility:hidden;clear:both;}
#mWebzine .grap ul li .lstA{padding-left:10px; line-height:17px; float:left; background:url(/Img/kr/main/webzin_bul.gif) no-repeat 0 7px;width:400px;display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mWebzine .grap ul li a{position:relative; float:left; line-height:18px}
#mWebzine .grap ul li a .new{/*position:absolute; top:2px; right:-20px;*/}
#mWebzine .grap ul li span{display:block;line-height:17px;}
#mWebzine .grap ul li span.ti{float:left;font-weight:bold; padding:0;display: inline-block;width:368px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mWebzine .grap ul li span.date{float:right;color:#767676;}
#mWebzine .grap ul li span.descpt{clear:both; padding-bottom:5px; font-size:12px; line-height:15px;display: inline-block;width:450px;overflow: hidden; text-overflow: ellipsis;}
#mWebzine .grap .pt{margin-bottom:10px;height:59px;border-bottom:1px #ccc dashed;}
#mWebzine .grap .pt a{float:left; padding:0; background:none;}
#mWebzine .grap .pt .date{float:right;}
#mWebzine .grap .more{position:absolute; top:-12px; right:0;}

#mWebzine .grap .tab1 {float:right; width:450px; height:121px;}
#mWebzine .grap .tab1 li {width:100%;}
#mWebzine .grap .tab2 {width:104%;}
#mWebzine .grap .tab2:after {content:"";display:block;visibility:hidden;clear:both;} 
#mWebzine .grap .tab2 li {display:block;width:630px;}
#mWebzine .grap .tab2 li:after {content:"";display:block;visibility:hidden;clear:both;} 
#mWebzine .grap .tab2 li a{float:left; display: inline-block;width:575px;padding-left:10px; background:url(/Img/kr/main/webzin_bul.gif) no-repeat 0 7px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mWebzine .grap .tab2 ul li span{float:right; color:#767676;}
#mWebzine .grap .tab2 li .date {}

#mShortcut{float:left; width:327px; height:155px; margin:0 0 25px 0;}
#mShortcut img{vertical-align:bottom;}
#mShortcut .scut_1{padding-top:0px;height:57px;}

#mShortcut .scut_2{}
#mShortcut .scut_2 span{display:block;}
#mShortcut .scut_2 span:after{content:""; clear:both; display:block;}
#mShortcut .scut_2 span a{float:left;}


/* 20140916 ?�정 */
#mShortcut .m_campus{height:24px;padding:35px 0 0 15px;background:url(/Img/kr/main/m_campus_title.jpg) no-repeat;}
#mShortcut .m_campus span{display:inlin-block;font-family:"Nanum Gothic";font-size:9px;color:#f4f4f4}
#mShortcut .m_campus span:after{content:""; clear:both; display:block;}
#mShortcut .m_campus span a{font-family:"Nanum Gothic";font-size:10.5px;color:#fff}
#mShortcut .m_campus span a:hover{color:#FFC}

/*20180306_메인버튼수정*/
#mShortcut .m_visit{height:30px;text-align:right;padding:7px 10px 0 0;position:  relative;}
/*#mShortcut .m_visit .m_visit_btn{left: 76px;position:  absolute;display: inline-block; top: 8px;    left: 76px;}
*/#mShortcut .m_visit .m_visit_btn1{margin-top:3px}

#mShortcut .scut_3{}
#mShortcut .scut_3:after{content:""; clear:both; display:block;}
#mShortcut .scut_3 img,
#mShortcut .scut_3 a{float:left;}


/* 20141002 추�? */

#mShortcut .rbox{width:152px;height:44px;padding:8px 0 0 9px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
#mShortcut .rbox h5,
#mShortcut .rbox2 h5{color:#fff;font-size:14px;display:inline-block;font-family:"Nanum Gothic";}
#mShortcut .rbox h5:hover{color:#fff;font-size:14px; background:url(/Img/kr/common/bul_arrow_r.gif) no-repeat right 3px;padding-right:9px;}
#mShortcut .rbox p{color:#fff;line-height:1.1em;font-family:dotum;font-size:11px;margin:2px 0 0 0;letter-spacing:0}

#mShortcut .mbanner1{float:left;margin:0 5px 5px 0;background-color:#f9527f;padding-top:12px;padding-left:12px;width:149px;height:40px;}
#mShortcut .mbanner2{float:right;margin:0 0px 5px 0;background-color:#6EA200;}

#mShortcut .mbanner1 a,
#mShortcut .mbanner2 a {font-size:12px;color:#fff}
#mShortcut .mbanner1 a strong,
#mShortcut .mbanner2 a strong{color:#fff}
#mShortcut .mbanner1 a span,
#mShortcut .mbanner2 a span{letter-spacing:-0.05em;color:#fff;}


#mShortcut .rbox2{width:315px;height:45px;padding:8px 0 0 12px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-border-radius-bottomleft:0px;-moz-border-radius-bottomright:0px;-webkit-border-radius-bottomleft:0px;-webkit-border-radius-bottomright:0px;border-radius-bottomleft:0px;border-radius-bottomright:0px;background-color:#959595;}
#mShortcut .rbox2 p{display:inlin-block;margin:4px 0 0 0;font-family:"Nanum Gothic";font-size:9px;color:#f4f4f4}
#mShortcut .rbox2 p a{font-family:"Nanum Gothic";font-size:11px;color:#fff}
#mShortcut .rbox2 p a:hover{color:#FF9}

#mNotify{position:relative; float:left; width:327px; height:150px; padding:0 24px 20px 0;}
#mNotify h3{position:relative; z-index:1; float:left;margin-left:-1px;}
#mNotify h3.firstchild{margin-left:0;}
#mNotify .grap{position:absolute; top:21px; left:0; width:327px; height:118px; padding-top:10px; border-top:1px #aaa solid;}
#mNotify .grap ul{width:100%; height:118px;}
#mNotify .grap ul:after{content:""; clear:both; display:block;}
#mNotify .grap ul li{float:left; width:100%; line-height:19px; }
#mNotify .grap ul li a{float:left; display: inline-block;width:275px;padding-left:10px; background:url(/Img/kr/main/webzin_bul.gif) no-repeat 0 7px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mNotify .grap ul li span{float:right; color:#767676;}
#mNotify .grap .more{position:absolute; top:-12px; right:0;}

#mCulture{position:relative; float:left; width:282px; height:150px; padding:0 20px 20px 0;}
#mCulture h3{padding-bottom:9px;}
#mCulture .control{}
#mCulture .grap{position:relative; width:266px; height:112px; padding-top:16px; padding-left:16px; background:url(/Img/kr/main/culture_bg.gif) no-repeat;}
#mCulture .grap .obj{float:left; position:relative; width:260px; height:95px;}
#mCulture .grap .obj:after{content:""; clear:both; display:block;}
#mCulture .grap .obj .item{float:left; width:256px; height:95px;}
#mCulture .grap .obj .item .img{float:left; width:68px; height:95px; margin-right:10px;}
#mCulture .grap .obj .item strong{float:right; width:177px; font-weight:bold; padding-bottom:0;line-height:20px;font-family:dotum; display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;left:-3px;position:relative}
#mCulture .grap .obj .item .pt{float:right; width:177px;}
#mCulture .grap .obj .item .pt span{display:block;width:177px;font-size:12px; padding-left:7px; line-height:17px; background:url(/Img/kr/main/webzin_bul.gif) no-repeat 0 7px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;letter-spacing:0;}
#mCulture .grap .obj .opt_btn{position:absolute; top:60px; left:78px;}
#mCulture .grap .obj .btn_rerv,
#mCulture .grap .obj .dwn{float:left;}
#mCulture .animate_wrap{position:relative; width:255px; height:95px; overflow:hidden;}
#mCulture .animate_wrap:after{content:""; clear:both; display:block;}
#mCulture .animate_wrap .animate_slide{width:10000px; height:95px;}
#mCulture .animate_wrap .animate_slide:after{content:""; clear:both; display:block;}
#mCulture .more{position:absolute; top:5px; left:252px;}

#mSchedule{position:relative; float:left; width:327px; height:150px; padding:0 0 20px 0; background:url(/Img/kr/main/schedule_bg.gif) no-repeat 0 21px;}
#mSchedule h3{padding-bottom:9px;}
#mSchedule .month div{float:left; width:43px; padding:16px 0 0 16px; text-align:center;}
#mSchedule .month img{margin-bottom:10px;}
#mSchedule .month a{position:relative; top:-8px;}
#mSchedule .scroll_wrap{float:right; width:225px; height:100px; margin:15px 13px 0 0;overflow-y:auto;}
#mSchedule .scroll_wrap .descpt{width:200px; font-size:12px;}
#mSchedule .scroll_wrap .descpt em{font-weight:bold; color:#555; padding-top:10px;}
#mSchedule .scroll_wrap .descpt ul{color:#888;}
#mSchedule .scroll_wrap .descpt ul li{padding-top:3px;}
#mSchedule .scroll_wrap .descpt ul ul{margin-bottom:15px;}
#mSchedule .scroll_wrap .descpt ul ul li{line-height:18px; padding-top:0; padding-left:7px; background:url(/Img/en/main/webzin_bul.gif) no-repeat 2px 7px;}

#mSchedule .schedule_open{position:absolute; top:-3px; right:0;}

#mSchedule_ex{position:absolute; z-index:100; bottom:20px; right:0; width:328px; height:435px; background:url(/Img/kr/main/schedule_ex_bg.gif) no-repeat;}
#mSchedule_ex .month{position:relative; height:61px; padding:9px 0 0 16px;}
#mSchedule_ex .month:after{content:""; clear:both; display:block;}
#mSchedule_ex .month strong{float:left;}
#mSchedule_ex .month span{float:left; padding-left:15px; padding-top:10px;}
#mSchedule_ex .month span em{display:block; padding-bottom:7px;font-weight: 600;}
#mSchedule_ex .month span a{margin-left:5px;}
#mSchedule_ex .scroll_wrap{width:328px; height:315px; margin-top:30px; overflow-y:auto;}
#mSchedule_ex .scroll_wrap .descpt{width:303px; font-size:12px;}
#mSchedule_ex .scroll_wrap .descpt em{font-weight:bold;line-height:17px; color:#555; padding-top:10px; padding-left:30px; background:url(/Img/kr/main/schedule_ex_bul.gif) no-repeat 0 15px;}
#mSchedule_ex .scroll_wrap .descpt ul{color:#888;}
#mSchedule_ex .scroll_wrap .descpt ul ul{margin-left:30px; margin-bottom:15px;}
#mSchedule_ex .scroll_wrap .descpt ul ul li{line-height:18px;}
#mSchedule_ex .scroll_wrap .descpt .sch_today {border-left: 1px solid #ccc;background:#f5f5f5;}
#mSchedule_ex .scroll_wrap .descpt .sch_today em,
#mSchedule_ex .scroll_wrap .descpt .sch_today li{color:#0045be;}
#mSchedule_ex .schedule_close{position:absolute; top:10px; right:10px;}

.podcast{position:relative;display:block;left:0;top:-17px;width:160px;height:16px;background:url(/Img/kr/main/banner_podcast_bg.gif) no-repeat; padding:6px 0 0 27px;margin-bottom:-16px; }
.podcast a{color:#0070e2}