@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/en/main/bn_scroll_bg.gif) repeat-y 7px 0;
}
.vscrollerbar {
width:20px;
height:18px !important;
background:url(/Img/en/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:653px;}
		.group_animate .obj .c{width:653px; 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:110;}
 	#description_fade .description{position:absolute; top:0; right:0; width:327px; height:346px; overflow:hidden;}
 	#description_fade .description .pt{position:absolute; top:170px; left:30px; width:260px;}
 	#description_fade .description .pt p{line-height:16px; color:#fff;}
	#description_fade .description  .vs_tx {word-break:break-all;}
 	#description_fade .description .pt p.bold{padding-bottom:15px;}
 	#description_fade .description .pt p a{font-weight:bold; letter-spacing:-1px; color:#fff; text-decoration:underline;}
 	#description_fade .description .control{position:absolute; top:300px; left:30px; z-index:10;}
 	#description_fade .description .control a{float:left; margin-right:5px;}

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

	#topContents{height:65px; 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:10px;}
		#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/en/main/bg_search.gif) no-repeat 10px 50%;}
		#search .on{background:#f3f3f3 none;}

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

		.qm1 .bx1{width:152px; height:140px; padding-top:40px; background:url(/Img/en/main/qm1_bg.gif) no-repeat 0px 110px;}
		.qm1 .bx2{width:395px; padding-top:18px;}
		.qm1 .bx2 a{float:left;}
		.qm1 .bx2 img{vertical-align:bottom;}
		.qm1 .bx3{width:373px; padding-left:25px;  padding-top:40px;}
		.qm1 .bx3 .grap1{width:170px;}
		.qm1 .bx3 .grap2{width:200px;}
		.qm1 .bx3 .grap3{position:absolute; top:36px; right:15px;}

		.qm2 .bx1{width:195px; height:140px; padding-top:40px; background:url(/Img/en/main/qm2_bg.gif) no-repeat 0px 110px;}
		.qm2 .bx3{width:725px; padding-top:40px;}
		.qm2 .bx3 .grap1{width:200px;}
		.qm2 .bx3 .grap2{width:240px;}
		.qm2 .bx3 .grap3{width:200px;}

		.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:202px; 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/en/main/qm_bul.gif) no-repeat 0 10px;}

#mWebzine{position:relative; float:left; width:633px; height:160px; margin:0 20px 20px 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:15px; left:0; width:160px; height:100px; border:1px solid #DDD;text-align:center;background:#f4f4f4;}
#mWebzine .grap .thumb img {height:100px;max-width:160px;}
#mWebzine .grap ul{float:right; width:450px; height:121px;}
#mWebzine .grap ul li{float:left; width:100%; }
#mWebzine .grap ul li .lstA {padding-left:10px; line-height:20px; float:left; background:url(/Img/en/main/webzin_bul.gif) no-repeat 0 8px;width:380px;display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mWebzine .grap ul li a .new {}
#mWebzine .grap ul li span{display:block; line-height:17px;}
#mWebzine .grap ul li span.ti{float:left; font-weight:bold; padding-bottom:2px;display: inline-block;width:368px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:13px;}
#mWebzine .grap ul li span.date{float:right; color:#767676;}
#mWebzine .grap ul li span.descpt{clear:both; padding:5px 0;line-height:15px;display:block;width:450px;overflow: hidden; text-overflow: ellipsis;}
#mWebzine .grap .pt{margin-bottom:5px; border-bottom:1px #ccc dashed; font-size:12px;}
#mWebzine .grap .pt a{float:left; padding:0;height:62px; background:none;}
#mWebzine .grap .more{position:absolute; top:-12px; right:0;}

#mWebzine .grap .tab3 {width:100%;}
#mWebzine .grap .tab3:after {content:"";display:block;visibility:hidden;clear:both;} 
#mWebzine .grap .tab3 li {display:block;width:630px;}
#mWebzine .grap .tab3 li:after {content:"";display:block;visibility:hidden;clear:both;} 
#mWebzine .grap .tab3 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 .tab3 ul li span{float:right; color:#767676;}
#mWebzine .grap .tab3 li .date {}

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

#mShortcut .scut_2{width:309px;height:84px;padding:18px 0 0 19px;background:url(/Img/en/main/scut_2_bg.gif) no-repeat;}
#mShortcut .scut_2 strong {display:block;padding:0 0 8px;}
#mShortcut .scut_2 span{display:block;padding:8px 0 0;}
#mShortcut .scut_2 span:after{content:""; clear:both; display:block;}
#mShortcut .scut_2 span a{float:left;}

#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{position:relative;width:149px;height:35px;padding:4px 0 0 12px;top:25px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
#mShortcut .rbox 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:5px 0 0 0;letter-spacing:0}

#mShortcut .mbanner1{float:left;margin:0 5px 5px 0;background-color:#ff6699;}
#mShortcut .mbanner2{float:right;margin:0 0px 5px 0;background-color:#66cc33;}




#mShortcut h3{position:relative; z-index:1; float:left;margin-left:-1px;}
#mShortcut h3.firstchild{margin-left:0; margin-bottom:-15px;}
#mShortcut .grap{position:relative; top:22px; left:0; width:327px;padding-top:0px; border-top:1px #aaa solid;}
#mShortcut .grap .thumb{float:left; margin-right:10px; width:145px; height:82px;}
#mShortcut .grap ul{overflow: hidden; width:327px;}
#mShortcut .grap ul li{float:left;}
#mShortcut .grap ul li span.descpt{display:block;clear:both;pa;padding: 0px 18px;ne-height:15px;width: 133px;overflow: hidden;text-overflow: ellipsis;}
#mShortcut .grap .pt{margin-bottom:5px; font-size:12px;}
#mShortcut .grap .pt a{float:left; padding:0; background:none;}
#mShortcut .grap .more{position:absolute; top:-12px; right:0;}
#mShortcut .banner { position:relative; top:-20px; }
#mShortcut .banner li { display:inline-block; }



#mNotify{position:relative; float:left; width:327px; height:170px; margin:0 24px 0 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:20px;}
#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:170px; margin:0 20px 0 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/en/main/culture_bg.gif) no-repeat;}
#mCulture .grap .obj{float:left; position:relative; width:249px; height:95px;}
#mCulture .grap .obj:after{content:""; clear:both; display:block;}
#mCulture .grap .obj .item{float:left; width:249px; height:95px;display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mCulture .grap .obj .item .img{float:left; width:68px; height:95px; margin-right:10px;}
#mCulture .grap .obj .item strong{float:right; width:165px; font-weight:bold; padding-bottom:3px;line-height:20px;display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mCulture .grap .obj .item .pt{float:right; width:165px;}
#mCulture .grap .obj .item .pt span{display:block; width:165px;padding-left:7px; line-height:17px; background:url(/Img/en/main/webzin_bul.gif) no-repeat 0 7px; white-space:nowrap;}
#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:249px; 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; right:0;}

#mSchedule{position:relative; float:left; width:327px; height:149px; background:url(/Img/en/main/schedule_bg.gif) no-repeat 0 100%;}
#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;}
#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/en/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;}
#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;}
#mSchedule_ex .scroll_wrap .descpt em{font-weight:bold; color:#555;line-height:17px; padding-top:10px; padding-left:30px; background:url(/Img/en/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;}