/* base
--------------------------------------------------------- */
	html>/**/body {overflow-y:scroll;}
	html, body {margin:0; padding:0; font-family:"Dotum", "µ¸¿ò"; font-size: 12px; color:#333; height: 100%; background:url('/images/de/_bg.jpg') repeat-x center top;}
	dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td {margin:0; padding:0;}
	input,textarea,select,td,th {font-size: 12px;}
	table {border-spacing: 0; border-collapse: collapse;}         
	ol,ul ,li {list-style: none;}         
	h1,h2,h3,h4,h5,h6 {font-size: 100%;}         
	abbr,acronym {border:0}  
	hr{clear:both;display:none;}
	legend, caption{position:absolute; top:0; left:-3000px; visibility:hidden;overflow:hidden; line-height: 0.1%;font-size: 0.1%;width:0.1%;height:0.1%;} 

	img, fieldset{border:0 none;}         
	label{cursor:pointer;} 	
	.hidden_obj{position:absolute; top:0; left:-3000px; visibility:hidden; overflow:hidden; line-height: 0.1%;font-size: 0.1%;width:0.1%;height:0.1%;}
	
	a {color:#000;text-decoration:none;}         
	a:link,a:visited {color:#b51f1f;text-decoration:none;}
	a:hover {text-decoration:none;}
	a:active {text-decoration:none;}

	.wrap {background:url('/images/de/_bg.jpg') repeat-x center top;}


	/* SKIP NAVIGATION
-------------------------------------------------*/
	.accessibility .hidden{display:none;}
	.accessibility a.goDirect {position:absolute; display:block; width:100%; left:0; top:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em}
	.accessibility a.goDirect:hover, a.goDirect:focus, a.goDirect:active {position:absolute; top:0; padding:15px 0; font-weight:bold; color:#fff; background:#000000; z-index:500}


/* gnb
--------------------------------------------------------- */
	.header_container {width:100%; height:420px; }
	.headerWrap {position:relative; width:980px; height:150px; margin:0 auto; }
	.headerWrap .logo {position:absolute; left:50%; margin:0 auto; margin-left:-150px; top:10px; width:300px; height:75px;}	
	.headerWrap .fav {position:absolute; left:0; top:40px;}
	.headerWrap .htop {position:absolute; right:0; top:40px;}
	.headerWrap .htop li {float:left;}
	.headerWrap .htop li img {padding:0; margin:0;}
	
	.gnbMenu {position:absolute; left:0; top:75px; width:980px; height:40px; z-index:10000;}
	.gnbMenu ul {width:980px;}
	.gnbMenu ul li {float:left;}
	.gnbMenu ul li img {vertical-align:top;}	
	.gnbMenu ul li div a {display:inline-block; padding:4px 17px 0 8px; font-weight:bold; font-size:11px; letter-spacing:-1px; font-family:"Dotum","µ¸¿ò"; color:#848484;  background:url('/images/common/gnb/snb_ar.gif') no-repeat 0 1px;}

	#sNavi01 {display:none; position:absolute; top:40px; left:5px; z-index:9999; }
	#sNavi02 {display:none; position:absolute; top:40px; left:145px; z-index:9999;}
	#sNavi03 {display:none; position:absolute; top:40px; left:320px; z-index:9999;}
	#sNavi04 {display:none; position:absolute; top:40px; left:405px; z-index:9999;}
	#sNavi05 {display:none; position:absolute; top:40px; left:485px; z-index:9999;}
	#sNavi06 {display:none; position:absolute; top:40px; left:660px; z-index:9999;}
	#sNavi07 {display:none; position:absolute; top:40px; left:760px; z-index:9999;}
	
	#sNavi01 ul, #sNavi02 ul, #sNavi03 ul, #sNavi04 ul, #sNavi05 ul, #sNavi06 ul, #sNavi07 ul {padding-top:7px; text-align:left;} 
	#sNavi01 li, #sNavi02 li, #sNavi03 li, #sNavi04 li, #sNavi05 li, #sNavi06 li, #sNavi07 li {display:inline;} 


/* container
--------------------------------------------------------- */
	.content_container {width:100%; height:970px; margin:0 auto; clear:both;}	
	.container1 {width:980px; height:400px; margin:0 auto; clear:both;}
	.container2 {width:980px; height:285px; margin:0 auto; clear:both; }

	.main_visual {float:left; position:relative; width:520px; height:400px; padding:0; text-align:center; vertical-align:top; z-index:1;}
	.main_visual .sliderWrap {position:relative; margin:0 auto; min-width:520px; height:400px; overflow:hidden; }
	.main_visual .slider {position:relative; margin:0 auto; width:520px; height:400px; left:50%; margin-left:-260px; top:0;}
	.main_visual .btn {position:relative; top:360px; z-index:2;  text-align:center; margin:0 auto;}
	.main_visual .btn li {display:inline-block; text-align:center; }
	.main_visual ul.bt-roll { margin:0 auto; margin-top:0px; text-align:center;width:150px; }
	.main_visual ul.bt-roll li {float:left; margin-right:5px; text-align:center; }
	.main_left {position:relative; float:left; width:215px; height:385px; margin-top:15px; padding-right:14px; border-right:1px solid #d3e4fb; z-index:3; overflow:hidden;}
	.main_right {position:relative; float:right; width:215px; height:385px; margin-top:15px; padding-left:14px; border-left:1px solid #d3e4fb; z-index:3; overflow:hidden;}
	
	.program {position:relative; width:980px; height:210px; margin:0 auto; clear:both;}
	.program .prevBtn {position:absolute; top:20px; left:0;}
	.program .nextBtn {position:absolute;	top:20px; right:0;}
	.program .sliderWrap {position:relative; margin:0 auto; padding-top:20px; width:900px; height:190px;} 
	.program .slider {position:relative; margin:0 auto; padding:0; width:880px; height:169px; left:50%; margin-left:-440px; top:0;  overflow:hidden;}
	.program .slider li {float:left; width:220px;}
	.program .pic {position:relative; width:173px; height:95px; margin:0 auto; padding-top:3px; text-align:center; background:url('/images/de/bg_pro.gif') no-repeat center top;}
	.program .pic span {position:absolute; top:0; left:4px;}
	.program .detail {width:153px; margin:0 auto; font-weight:normal; color:#747474; font-size:11px; font-family:"Dotum","µ¸¿ò"; }
	.program .detail strong {color:#678bd4; font-size:12px; text-decoration:underline; display:block; padding:8px 0 7px 0;}

	.vod {width:215px; height:240px; padding-top:7px;}
	.vod .tit {height:30px;}
	.vod ul { float:left; width:199px; height:180px; padding:8px 8px 0 8px; background: url('/images/de/vod_te.gif') 0 0 no-repeat; }
	.vod li.m1 { width:199px; height:150px; background:#333;}
	.vod li.m2 { float:right; }
	.vod li.m2 img { padding-top:5px; margin-left:3px;}

	.notice {position:relative; width:215px; height:165px; padding-top:7px;}
	.notice .tit {height:30px;}
	.notice .dataList {width:215px;}
	.notice .dataList li {height:22px; background:url('/images/de/ar_noti.gif') no-repeat 2px 5px;}
	.notice .dataList li a {padding-left:7px;}
	.notice .dataList li a, .notice .dataList li a:visited {color:#919191;}
	.notice .dataList li a:hover {color:#747474;}
	.notice .dataList li img {vertical-align:top;}
	.notice .moreBtn {position:absolute; right:0; top:10px;}
	.notiBanner {}



	.cs {width:215px; height:135px;}

	.cusWrap {float:left; width:215px; height:200px; background:url('/images/de/bg_cs.jpg') no-repeat 0 0; }
	.cusWrap img {vertical-align:top;}	
	.cusWrap .call {width:215px; height:130px; padding:20px 0 0 0; text-align:center; }
	.cusWrap .call a img {margin-top:5px;}
	.cusWrap p.bngo { padding-top:55px;}

	
	.afterWrap {position:relative; float:left; width:285px; padding-top:25px;  }
	.after {position:relative; width:260px; ;}
	.after .tit {height:30px;}
	.after .detail {width:260px; font-size:12px; color:#747474;  height:105px; padding-top:10px;  border-bottom:1px solid #dedede;}
	.after .detail .pic {float:left; width:55px; height:50px; background:0 none;}
	.after .detail .pic img {padding:0; margin:0;}
	.after .detail strong {color:#747474; height:20px; padding:5px 0 0 0;}
	.after .detail img {display:block; margin:5px 0;}
	.after .detail .txt {clear:both; font-size:11px; height:40px; padding:0; ;}
	.after .detail a, .after .detail a:visited {color:#747474;}
	.after .detail a:hover {color:#999;}
	.after .moreBtn {position:absolute; right:0; top:5px;}
	.after .dataList {width:260px; padding-top:15px; }
	.after .dataList li {height:22px; padding-left:7px; color:#747474; background:url('/images/de/ar_noti.gif') no-repeat 2px 5px;}
	.after .dataList li span {color:#6481bc; display:inline-block;  }
	.after .dataList li img {vertical-align:middle; }
	
	
	.consult {position:relative; float:left; width:285px; padding-top:20px; }
	.consult .tit {height:30px;}
	.consult .dataList {width:260px; padding-top:5px}
	.consult .dataList dt {height:25px; width:215px; padding:10px 0 0 45px; background:url('/images/de/bg_consQ.gif') no-repeat 0 0;}
	.consult .dataList dd {height:25px; width:253px; padding:10px 0 0 7px;  }
	.consult .dataList a, .consult .dataList li a:visited {color:#747474;}
	.consult .dataList a:hover {color:#999;}
	.consult .dataList img {vertical-align:middle; margin-right:5px;}
	.consult .detail {clear:both; color:#747474; font-size:11px; font-family:"Dotum","µ¸¿ò"; line-height:140%;}	
	.consult .detail strong { display:block; padding:7px 0 5px 0; font-size:12px;}
	.consult .detail strong img {vertical-align:middle;}
	.consult .date {color:#769ccd; display:block; padding:1px 0; font-size:11px; font-family:"Arial","vedana","tahoma";}
	.consult .moreBtn {position:absolute; right:25px; top:25px;}

	
	.class {position:relative; float:left; width:360px; height:245px; padding:20px 25px; background:#FFF url('/images/de/bg_dot.gif') repeat-y center top;}
	.class .tit {height:27px;}
	.class .dataList {width:360px;}
	.class .dataList li {float:left; padding:0 0 5px 7px; width:353px; overflow:hidden; background:url('/images/de/ar_noti.gif') no-repeat 2px 10px; border-bottom:1px solid #ddd}
	.class .dataList li a, .notice .dataList li a:visited {color:#747474;}
	.class .dataList li a:hover {color:#747474;}
	.class .detail {clear:both; color:#747474; font-size:11px; font-family:"Dotum","µ¸¿ò";  position:relative;}	
	.class .detail .titN { display:inline-block; font:bold 12px Dotum; width:293px; height:18px; padding-top:7px; }
	.class .detail .titN img {vertical-align:middle;}
	.class .detail .cat { float:left; clear:both;}
	.class .detail .app { position:absolute;  top:7px;  display:inline-block; width:60px; background:red}
	.class .date {color:#769ccd;   font-size:11px Dotum; float:left; clear:both;}
	.class .price {color:#1063c0;  font:bold 11px Dotum; float:left; clear:both; }
	.class .moreBtn {position:absolute; right:25px; top:20px;}


	.job {position:relative; float:left; width:260px; padding:20px 0 0 25px; }
	.job .tit {height:30px;}
	.job .dataList {width:260px; padding-top:5px; }
	.job .dataList li {height:25px; padding-left:7px; color:#747474; background:url('/images/de/ar_noti.gif') no-repeat 2px 4px;}
	.job .dataList li span a {color:#6481bc; display:inline-block; padding-right:5px;}
	.job .dataList li img {vertical-align:middle;}
	.job .moreBtn {position:absolute; right:0; top:20px;}
	
	.footBanner { position:relative; width:980px; height:65px; padding-top:20px; margin:0 auto; clear:both;  }
	.footBanner .prevBtn {position:absolute; top:30px; left:0;}
	.footBanner .nextBtn {position:absolute;	top:30px; right:0;}
	.footBanner .sliderWrap {position:relative; margin:0 auto; width:950px; height:45px; overflow:hidden;} 
	.footBanner .slider {position:relative; margin:0 auto; width:950px; height:55px; left:50%; margin-left:-475px; overflow:hidden;}
	.footBanner .slider li {float:left; width:190px; text-align:center;}


/* footer
--------------------------------------------------------- */
	.footer	{position:relative; width:100%; height:120px; margin:0 auto;  }
	.copyright {position:relative; width:980px; height:120px; margin:0 auto; clear:both; padding-top:9px;} 
	.copyright .logo {position:absolute; left:0; top:70px; width:250px; height:50px;}
	.copyright .copyMenu {width:980px; clear:both;}
	.copyright .copyMenu .menu {height:30px; padding-top:4px; text-align:center; }
	.copyright .copyMenu .menu li {display:inline;}
	.copyright .copyMenu .menu li img {vertical-align:top;}
	.copyright .copyMenu .address {padding-left:200px; padding-top:20px; clear:both; line-height:170%; font:11px µ¸¿ò; color:#777;}
	.copyright .copyMenu .copy {padding-left:200px;padding-top:5px; line-height:170%;  font:11px µ¸¿ò; color:#777;}
	.copyright .copyMenu .copy strong { color:#222;}
	.copyright .mark {position:absolute; right:0; top:70px;}