@charset "euc-kr";

@import url(org.css);
@import url(table.css);
@import url(button.css);

/* base 
* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Dotum; font-size: 12px; color: #888888; }
body { width: 100%; min-width: 1000px; height: 100%; margin: 0; padding: 0; font-family: Dotum; font-size: 12px; color: #888888; background: url('../images/main/bg_main_l.gif') top center repeat-x; }
	body.sub { width: 100%; min-width: 1000px; height: 100%; margin: 0; padding: 0; font-family: Dotum; font-size: 12px; color: #888888; background: url('../images/common/bg_sub_l.gif') top center repeat-x; }

table { table-layout: fixed; }
img { border: 0; }
ul, li { list-style: none; }
a { color: #808080; text-decoration: none; }
a:hover { text-decoration: underline; }

input.txt { height: 15px; width:119px; padding-left: 2px; padding-top: 3px; color: #888888; font-size: 12px; font-family: Dotum; border: 1px solid #e8e8e8; }
input.file { height: 20px; padding-left: 2px; padding-top: 3px; color: #888888; font-size: 12px; font-family: Dotum; border: 1px solid #e8e8e8; }
input.radio { vertical-align: -2px; margin: 0 3px 0 0; }
*html input.radio { vertical-align: -2px; margin: 0; }
*+html input.radio { vertical-align: -2px; margin: 0; }
input.checkbox { vertical-align: -2px; margin: 0 5px 0 0; border: none; background: none; }
input.checkbox2 { vertical-align: -2px; border: none; background: none; }
*html input.checkbox { vertical-align: -4px; margin: 0 2px 0 -3px; }
*+html input.checkbox { vertical-align: -4px; margin: 0 2px 0 -3px; }
select { height: 19px; font: 12px Dotum; color: #999999; }
textarea { padding: 8px; color: #888888; line-height: 17px; font: 12px Gulim; overflow: auto; background: #ffffff; border: 1px solid #e5e5e5; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #e5e5e5; scrollbar-highlight-color: #e5e5e5; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #e5e5e5; }
.blind{ visibility:hidden;}
div#contentswrap object#CC_Object_id{display:none;}

*/
 



#wrapper { width: 100%;   margin: 0 auto;}
 

/* topwrapper */
	#topwrapper { }
	#topwrapper { width: 1100px; margin: 0 auto; font-size: 11px; }
		#topwrapper.sub { position: relative; width: 1100px; height:297px; margin: 0 auto; font-size: 11px; border:0px solid #f00;}

			#topwrapper .gnb {height:24px; float: right;border:0px solid #f00;}
			#topwrapper .gnb li { float: left; padding: 0 0px 0 0px; margin: 0; }
			#topwrapper .gnb li.home { padding-right: 15px; background: none; margin-top:3px; }
			#topwrapper .gnb li.login { padding-right: 15px; background: none; margin-top:3px; }
			#topwrapper .gnb li.logout { padding-right: 15px; background: none; margin-top:3px; }
			#topwrapper .gnb li.join { padding-right: 15px; background: none; margin-top:3px; }
			#topwrapper .gnb li.modify { padding-right: 15px; background: none; margin-top:3px; }
			#topwrapper .gnb li.sitemap { padding-right: 15px; background: none; margin-top:3px; }
			#topwrapper .gnb li.help { padding-right: 15px; background: none; margin-top:3px; }
			#topwrapper .gnb li.cafe { padding-right: 15px; background: none; margin-top:3px; }



			#topwrapper .toplogo {clear:both;}
			#topwrapper .toplogo ul  { }
			#topwrapper .toplogo ul li {float:left; margin-top:45px; }

			#topwrapper .topmenu { clear: both; padding-top:10px; width:1100px; margin:0 auto; height:38px; }
			#topwrapper .topmenu ul { float:left; list-style-type:none; text-align:center;}
			#topwrapper .topmenu ul li { float:left; text-align:center;}
			#topwrapper .topmenu ul li a:hover{  background_: url(/rtImages/common/topmenu_hover.png)  left top no-repeat;}


			#topdownH {  position:absolute; top:153px; left:50%; z-index:9000;}
			#topdown {  margin:auto; padding:auto; list-style-type:none;}
 

			#topdown .menusub{ width:1100px;  background:#fff; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; border-bottom:4px solid #f2f2f2; width_:147px; margin:0; padding:0; display:none; }

			#topdown li {margin:0;padding:0; border:0px solid #f00;}
 			#topdown .menusub li a p{width:157px; height:22px; padding-top:0px; font-size:1.0em; color:#333;}
			#topdown .menusub li a:hover p { color:#f00;}  

/*
			#topdown .menusub li.top5{height:6px; background: url('/rtImages/common/submenu_top.gif') left top no-repeat; }
			#topdown .menusub li.bot6{height:6px; border-bottom:2px solid #000; }

			#topdown #list_01{position:absolute; top:0px; left:-540px;}
			#topdown #list_02{position:absolute; top:0px; left:-363px;}
			#topdown #list_03{position:absolute; top:0px; left:-236px;}
			#topdown #list_04{position:absolute; top:0px; left:-109px;}
			#topdown #list_05{position:absolute; top:0px; left:18px;}
			#topdown #list_06{position:absolute; top:0px; left:145px;}
			#topdown #list_07{position:absolute; top:0px; left:272px;}
*/  
			#topdown #list_01{position:absolute; top:0px; left:-550px;   width:1100px;}
			#topdown #list_02{position:absolute; top:0px; left:-550px; padding-left:0px; width:1100px;}
			#topdown #list_03{position:absolute; top:0px; left:-550px; padding-left:10px; width:1100px;}
			#topdown #list_04{position:absolute; top:0px; left:-550px; padding-left:20px; width:1100px;}
			#topdown #list_05{position:absolute; top:0px; left:-550px; padding-left:20px; width:1100px;}
			#topdown #list_06{position:absolute; top:0px; left:-550px; padding-left:20px; width:1100px;}
			#topdown #list_07{position:absolute; top:0px; left:-550px; width:1100px;}


			#topdown .listS{display:block;}
			#topdown .listH{display:none;}


/*
			#topwrapper .topmenu li { float: left; padding:0 1px 0 0; }
			#topwrapper .topmenu li.last {background:none;  }
			#topwrapper .topmenu li ul { position: absolute; top: 135px; padding-top:0;}
			#topwrapper .topmenu li.submenu_01 ul { left: 0; width: 350px}
			#topwrapper .topmenu li.submenu_02 ul { left: 0; width: 750px;}
			#topwrapper .topmenu li.submenu_03 ul { left: 130px; width:700px;}
			#topwrapper .topmenu li.submenu_04 ul { left:300px; width: 700px;}
 			#topwrapper .topmenu li.submenu_05 ul { right: 0; width:780px;}
			#topwrapper .topmenu li.submenu_06 ul { left: 600px; width:600px;}
			#topwrapper .topmenu li.submenu_07    {margin-left:38px;}
			#topwrapper .topmenu li.submenu_07 ul { left: 670px; width: 600px; border:1px solid #f00;}
			#topwrapper .topmenu li.submenu_08 ul { left: 670px; width: 600px;}

			#topwrapper .topmenu li ul li { float: left; margin: 0 0 0 0; padding:0 10px 0 7px; background:url('../images/common/bul_submenu.gif') 0 10px no-repeat;  }
			#topwrapper .topmenu li ul li.end { margin: 0; }
			#topwrapper .topmenu li ul li a{display:block; height:20px; padding:7px 0 0 0; margin:-1px 0 0 0;}


*/			

 
 




/*05 10Ãß°¡*/
			.m_l_banner{background:url('../images/common/m_lbanner01.jpg') 0 0 no-repeat; display:block; cursor:hand; width:215px; height:308px; position:relative;}
			.m_l_banner ul{padding:0; margin:0; list-style:none; z-index:10; position:absolute; left:8px; bottom:10px;}
			.m_l_banner ul li{float:left; margin:0 2px 0 0;}
			.m_r_banner{width:835px; float:left; position:absolute; left:215px; top:0;  height:308px}
			.m_r_banner dl dt{float:left;}
			.m_r_banner dl dd{display:none; width:585px; padding:0; margin:0 -50px 0 0; float:left; position:relative; left:-50px;}



			#topwrapper dl.loginbox_on { position: absolute; top: 183px; left: 0; z-index: 6; width: 182px; padding: 0 0 0 25px;  border:1px solid #f00;}





			#topwrapper .toptitle { width: 1100px; margin-top:8px; padding: 0; border: 0px solid #f00}
			#topwrapper .toptitle .toptitle_box { float:left; width: 192px; height:259px; padding: 0; border:4px solid #c6c6c6;}
			#topwrapper .toptitle .toptitle_box dl dt{ width: 200px; padding: 0;}
			#topwrapper .toptitle .toptitle_box input.txt {width: 117px; height: 15px; border: 1px solid #c7c7c7;}
 

/* Login Box  */
#topwrapper .toptitle .loginbox { float:left; position:relative; width: 1098px; padding:5px 0px; height:40px; border:1px solid #c6c6c6;}
#topwrapper .toptitle .loginbox input.txt {width: 117px; height: 15px; border: 0px solid #c7c7c7;}
#topwrapper .toptitle .loginbox .id_pw {float:right; width:123px; margin: 6px 0px 0px 0; }
#topwrapper .toptitle .loginbox .id_pw ul {float:left;}
#topwrapper .toptitle .loginbox .id_pw ul.idpw { float:left; padding: 0;}
#topwrapper .toptitle .loginbox .id_pw ul.idpw li { float:left; margin-left:0px; margin-top:0px;padding: 0; }
#topwrapper .toptitle .loginbox .id_pw ul.idpw li img { margin-top:5px; }
#topwrapper .toptitle .loginbox .id_pw ul.idpw li input.txt {width: 90px; height: 15px; margin-bottom:5px; border: 1px solid #c7c7c7;}
#topwrapper .toptitle .loginbox .login_btn { float:right; margin-top:4px;margin-right:12px; }
#topwrapper .toptitle .loginbox .login_btn input.login {width:50px; height:47px; }

#topwrapper .toptitle .loginbox .gobtn02 {clear:both; margin:auto;padding:auto;}
*html #topwrapper .toptitle .loginbox .gobtn02 {}
#topwrapper .toptitle .loginbox .gobtn02 ul li {float:right;margin-top:7px; margin-bottom:7px; padding:0 6px 0 0;}

#topwrapper .toptitle .loginbox .gobtn03 ul li {margin:auto;padding:auto;}
#topwrapper .toptitle .loginbox .loginout { padding-left:5px; font-size:1.2em; }

#topwrapper .toptitle .loginbox .loginin { padding-left:5px; }
#topwrapper .toptitle .loginbox .loginin li input.loginButton { background-color:#91bd09; color:#fff;  font-size:12pt; font-family:'ng'; width:80px; height:26px; cursor:pointer; margin:0 0px 0 10px; }
#topwrapper .toptitle .loginbox .loginin li input.txt {width: 90px; height: 22px; margin-bottom:5px; border: 1px solid #c7c7c7;}


/* Slider */			
			#topwrapper .toptitle .mainvisual { float:left; width:782px; height:265px;  border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;  border-right:1px solid #c6c6c6;  }
			#topwrapper .toptitle .subvisual { float:left; width:782px; height:159px; background: url('/rtImages/slider/sub_slider_bg.jpg') no-repeat; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;  border-right:1px solid #c6c6c6;  }








#topwrapper.sub dl.loginbox_on { position:absolute; top:149px; left: 0; z-index: 6; width: 200px; padding: 0 0 0 0; }
dl.loginbox_on dt { width: 180px; height: 27px; margin: 0 0 3px 0; padding: 9px 0 0 21px; color: #ffffff; font-size: 11px; background: url('../images/common/bg_loginwelcome.gif') 0 0 no-repeat; }
dl.loginbox_on dd { margin: 0 0 7px 0; color: #6f7175; font-size: 11px; background: url() 0 0 no-repeat; }
dl.loginbox_on dd .hd { padding:3px 0 10px 20px; }
dl.loginbox_on dd strong { color: #6aa5e3; }
dl.loginbox_on dd.btnset { width: 190px; padding: 10px 0 0 0; margin-left:0; text-align: center; background: url('../images/common/dotline_01.gif') left top repeat-x; }
#topwrapper.sub p.authloginbn{position:relative; top:250px; padding: 5px 0 15px 0;  }

#topwrapper .mbanner { position: absolute; left: 0; top: 277px; width: 190px; }

#topwrapper .quickmenu { position: absolute; left: 0; top: 277px; width: 190px; }

/* middlewrap */
	#middlewrap { padding-top:10px;}
	#middlewrap { clear: both; position: relative; width:1100px; margin:0 auto;}
		body#main #middlewrap { clear: both; position: relative; width:983px; min-height: 490px; }
		*html #middlewrap { height: 100%; }

/* leftwrap */
		#leftwrap { background-color:#  ;}
		#leftwrap { float: left; width: 250px; margin: 0; padding: 0; text-align: left;}
			body#main #leftwrap { padding: 0; }
			#leftwrap h2 { width: 200px; height: 51px; text-align: center; }


			#leftwrap .leftmenu { width: 190px; margin: 0 0 37px 0; padding: 28px 0 0 0; overflow: hidden; background: url('../images/common/bg_leftmenu.gif') 0 0 no-repeat; }
			body#mypage #leftwrap .leftmenu { background: url('../images/common/bg_leftmenu_02.gif') 0 0 no-repeat; }
			body#classroom #leftwrap .leftmenu { background: url('../images/common/bg_leftmenu_02.gif') 0 0 no-repeat; }
			#leftwrap .leftmenu ul { width: 190px; padding: 0 0 25px 0; overflow: hidden; background: url('../images/common/bg_leftmenu_bot.gif') left bottom no-repeat; }
			body#mypage #leftwrap .leftmenu ul { padding: 0 0 30px 0; background: url('../images/common/bg_leftmenu_02_bot.gif') left bottom no-repeat; }
			body#classroom #leftwrap .leftmenu ul { padding: 0 0 30px 0; background: url('../images/common/bg_leftmenu_02_bot.gif') left bottom no-repeat; }
			body#sitemap #leftwrap .leftmenu ul { min-height: 150px; _height: 150px;  }
			#leftwrap ul li { padding-left:9px; margin:0 0 3px 0; }
			body#mypage #leftwrap .leftmenu ul li ul { width: 160px; padding: 5px 0 0 20px; background: none; }
			body#course #leftwrap .leftmenu ul li ul { width: 160px; padding: 5px 0 0 20px; background: none; margin:0; }
			body#classroom #leftwrap .leftmenu ul li ul { width: 160px; padding: 5px 0 0 20px; background: none; }
			body#intro #leftwrap .leftmenu ul li ul { width: 160px; padding: 5px 0 0 20px; background: none; }
			#leftwrap ul li ul li { margin: 0 0 10px 0; }


			#leftwrap .LeftMenuBox			{ width: 230px; margin: 0 0 20px 0px; padding: 0px 0 0 0;}
			#leftwrap .LeftMenuBox h1		{ margin: 0px 20px 20px 24px; padding: 0px 0 0 0; }
			#leftwrap .LeftMenuBox ul		{ width: 200px; margin-top: 0px; margin-bottom:0px; padding:5px; border:0px solid #c8c8c8;}
			#leftwrap .LeftMenuBox ul li	{ width: 200px; margin-left:5px;  border-bottom:1px solid #efefef; background_: url('/rtImages/common/leftmenu_bg_li.gif') left top repeat-x;}

			#leftwrap .LeftMenuBox ul li.leftMenu {}
			#leftwrap .LeftMenuBox ul li.leftMenu2 {height:31px; padding-top:5px; }
			#leftwrap .LeftMenuBox ul li.leftMenu2.onMenu {border-color:#d4d4d4; background-color:#7f7f7f}
			#leftwrap .LeftMenuBox ul li.leftMenu2:hover {border-color:#d4d4d4; background-color:#7f7f7f}
			#leftwrap .LeftMenuBox ul li.leftMenu3 {height:31px; padding-top:5px; }
			#leftwrap .LeftMenuBox ul li.leftMenu3.onMenu {border-color:#d4d4d4; background-color:#afafaf}
			#leftwrap .LeftMenuBox ul li.leftMenu3 a {padding-left:30px; }
			#leftwrap .LeftMenuBox ul li.leftMenu3:hover {border-color:#d4d4d4; background-color:#afafaf}
					
			
			#leftwrap .loginbox ul li		{ width: 200px; margin: 0 0 0px 0; padding: 0px 0 0 0; }
			#leftwrap .loginbox ul li img	{ margin-bottom:20px; }

			#leftwrap .cscenter ul li		{ width: 200px; margin: 0 0 0px 0; padding: 0px 0 0 0; }
			#leftwrap .cscenter ul li img	{ margin-bottom:20px; }

			#leftwrap .bannerset ul li		{ width: 200px; margin: 0 0 0px 0; padding: 0px 0 0 0; }
			#leftwrap .bannerset ul li img	{ margin-bottom:20px; }
 

			#leftwrap .leftbanner  ul li		{ border:0px solid #ccc; background-color:#fff; width:182px; }
			#leftwrap .leftbanner  ul li img	{ margin-left: -9px; margin-bottom:5px;}



/* Main Login  */
			#leftwrap .loginbox input.txt {width: 117px; height: 15px; border: 1px solid #c7c7c7;}
			#leftwrap .loginbox {position:relative; float:left;  width: 192px; height:153px;  padding: 0; border:4px solid #c6c6c6;}
			#leftwrap .loginbox .id_pw {float:right; margin: 6px 8px 0px 0; }
			#leftwrap .loginbox .id_pw ul {float:left;}
			#leftwrap .loginbox .id_pw ul.idpw { width:123px;   margin-top:7px;padding: 0;}
			#leftwrap .loginbox .id_pw ul.idpw li {  float:left; margin-left:0px; margin-top:0px;padding: 0; }
			#leftwrap .loginbox .id_pw ul.idpw li img { margin-top:5px; }
			#leftwrap .loginbox .id_pw ul.idpw li input.txt {width: 90px; height: 15px; margin-bottom:5px; border: 1px solid #c7c7c7;}
			#leftwrap .loginbox .id_pw ul.login_btn { width:50px;}
			#leftwrap .loginbox .id_pw ul.login_btn img { margin-top:4px; }

			#leftwrap .loginbox .gobtn02 {clear:both; margin-right:8px;}
			*html #leftwrap .loginbox .gobtn02 {clear:both; }
			#leftwrap .loginbox .gobtn02 ul li {float:right; margin:6px 3px 8px 0;}

			#leftwrap .loginbox .gobtn03 {clear:both; }
			#leftwrap .loginbox .gobtn03 ul  {}
			#leftwrap .loginbox .gobtn03 ul li {float:right; margin-right:8px;}



			/*#leftwrap .caution { padding:5px 0 20px 0; }
			#leftwrap dl.caution { width: 179px; height: 106px; padding: 22px 0 0 11px; margin: 0 0 38px 0; background: url('../images/main/bg_cautionbox.gif') 0 0 no-repeat; }
			#leftwrap dl.caution dt { width: 168px; }
			#leftwrap dl.caution dd { }*/

/* contentswrap 
		#contentswrap { margin-left:20px;}
		#contentswrap { float: left; width: 800px; padding: 0 0 30px 20px; }
			*html #contentswrap { padding: 0 0 30px 0px; }
			*+html #contentswrap { padding: 0 0 30px 0px; }

			#contentswrap .adpopup ul {float:left; width:412px; height:148px; background: url('/rtImages/common/main_popup_bg.gif') left top no-repeat; padding: 10px 0 20px 0px;}
			#contentswrap .adpopup ul li {margin-left:11px;  padding: 0px 0px 0px 0px; width:380px; height:128px; }


			#contentswrap .latest_bbs ul {float:left; width:355px; height:148px; margin-left:5px; background: url('/rtImages/common/main_latest_bbs.gif') left top no-repeat;}
			#contentswrap .latest_bbs ul li {}



			#contentswrap .lecture_list ul {clear:both; width:758px;  border:4px solid #fd7878; margin-bottom:20px;}
			#contentswrap .lecture_list ul li {background-color:#;  margin-top:10px; margin-left:10px; margin-bottom:10px;}


			#contentswrap .banner_collect ul {float:left; width:412px; padding: 0px 0 0px 0px;}
			#contentswrap .banner_collect ul li img{margin-left:11px;  padding: 0px 0px 0px 0px;}


			#contentswrap .beginner ul {float:left; width:355px; }
			#contentswrap .beginner ul li img{ margin-left:50px;}


			#contentswrap .navi ul {float:left;  width:800px; height:23px;}
			#contentswrap .navi ul li { float:right; margin-top:3px;margin-right:20px; font-size:9pt; color:#7d7d7d;}*/

			/* contentswrap Sub 
			#contentswrap .contents				{ margin: 0px 0px 0px 0px; padding: 0px 0 0 0;  border:0px solid #f00; }
			#contentswrap .contents h1			{ margin-top: 40px; margin-bottom:30px; margin-left:20px; padding: 0px 0 0 0; border:0px solid #f00;}
			#contentswrap .contents h2			{ margin-top: 20px; margin-bottom:15px; margin-left:0px; padding: 0px 0 0 0; border:0px solid #f00; font-weight:bold;}
			#contentswrap .contents ul li		{ text-align:center; border:0px solid #f00; }
			#contentswrap .contents ul li img	{ }

			#contentswrap .contents h4{background:url(/rtImages/sub/bull01.gif) 0 5px no-repeat; padding-left:10pt; font-size:10pt; font-weight:bold; letter-spacing:-0.5px; color:#097bbd;  }
			#contentswrap .contents h3{background:url(/rtImages/sub/bull02.gif) 0 5px no-repeat; padding-left:10pt; font-size:9pt; font-weight:bold; letter-spacing:-0.5px; color:#097bbd;  }
			#contentswrap .contents p{margin-top:5px; margin-bottom:20px; text-align:justify; line-height:160%;}


			#contentswrap .contents .contents01 {  width:758px; margin-left:20px;border:0px solid #f00;}
			#contentswrap .contents .contents01 img {margin-bottom:20px; border:0px solid #f00;}


			#contentswrap .contents .contents01{_padding:15px; _border:1px dashed #dedede;}
			#contentswrap .contents .contents01 h4{background:url(/rtImages/sub/bull01.gif) 0 5px no-repeat; padding-left:10pt; font-size:10pt; font-weight:bold; letter-spacing:-0.5px; color:#097bbd;  }

			#contentswrap .contents .contents01 p{margin-top:5px; margin-bottom:20px; text-align:justify; line-height:160%;}

			#contentswrap .contents .contents01 span{background:url(/rtImages/sub/c_t_icon03.gif) 0 1px no-repeat; padding-left:14px; font-size:9pt; font-weight:bold; letter-spacing:-0.5px; }

			#contentswrap .contents .contents01 ul{margin-top:2px; margin-left:20px; margin-bottom:20px;}
			#contentswrap .contents .contents01 ul li{background:url(/rtImages/sub/bull02.gif) 0 9px no-repeat; padding-left:9px;margin-bottom:0px; text-align:justify; line-height:180%;}
			#contentswrap .contents .contents01 ul li ul li{margin-left:0; padding-left:0;background:none;}*/


		/*#contentswrap .contentsinfo { overflow: hidden; padding-bottom: 30px; }
		#contentswrap h3 { float: left; padding: 0 17px 0 0; background: url('../images/common/bg_stit.gif') right 3px no-repeat; }
		#contentswrap ul.linemap { float: left; padding: 9px 0 0 10px; }
		#contentswrap ul.linemap li { float: left; padding: 0 10px 0 0; margin: 0 5px 0 0; letter-spacing: -1px; color: #888888; font-family: Dotum; font-size: 11px; background: url('../images/icons/icon_linemap.gif') right 2px no-repeat; }
		#contentswrap ul.linemap li.status { padding: 0; margin: 0; background: none; }*/




.title			{ font-weight:bold;}
.border4gray	{ border:4px solid #ccc;}
.small	{ font-size:11px;letter-spacing:-1px;text-decoration:none;}
.bold	{ font-weight:bold; color:#297be1}
.gray	{ color:#999 }
.border1red { border:1px solid #f00;} 









/* ¸ÞÀÎÈ­¸é ¹«·á»ó´ã½Åû Ãß°¡ */
		.counsel { position:relative; float:left; width:215px; height:307px; display:block; background: url('../images/main/bg_counsel.gif') no-repeat;  }
		.counsel h3 {margin:0 0 6px 0; padding:17px 0 0 0; }
		.counsel h3 img {padding:0 0 0 0;} 
		.counsel ul.faqsch li { float: left; margin: 0 0 0 0; }
		.counsel table{margin:5px 0 3px 0; text-align:left;}
		.counsel table tr{height:28px}
		.counsel table tr th{width:60px}
		.counsel table tr td input{border:1px solid #c5c5c5;height:17px;}
		.counsel table tr td select{height:19px; vertical-align:top;border:1px solid #c5c5c5; }
		.counsel table tr td input[type=image]{border:none; height:20px; vertical-align:top}

		#contentswrap .contentsinfo {position:relative; overflow: hidden; padding-bottom: 30px; }
		#contentswrap h3 span { vertical-align:5px; color:#cacdd0;}
		#contentswrap ul.linemap { position:absolute; right:0; top:0;}
		#contentswrap ul.linemap li { float: left; padding: 0 10px 0 0; margin: 0 5px 0 0; letter-spacing: -1px; color: #888888; font-size: 11px; background: url('../images/icons/icon_linemap.gif') right 2px no-repeat; }
		#contentswrap ul.linemap li.status { padding: 0; margin: 0; background: none; }


/* quickmenu */
	#quickmenu{ border:0px solid #f00; position: absolute; float:right; top: 0; right:0; margin:60px 0 0 10px; height:176px; width:60px; padding: 12px 0 0 6px; font-size: 1px; background:url('../images/common/bg_quickmenu.gif') 0 0 no-repeat; z-index:50; }
		#quickmenu.sub{ position: absolute; float:left; top:0; right:-70px; z-index:100;}
			#quickmenu li {width: 47px; padding: 9px 0 8px 0; margin:2px 0 0 0; font-size: 1px; border-bottom: 1px solid #bababa; }
			#quickmenu li img { display: block; }
			#quickmenu li.oldsite{margin:-70px 0 10px -6px; border:none;}
			#quickmenu li.tit { padding: 0 0 5px 1px; text-align: left; border: 0; }
			#quickmenu li.setup { padding-bottom: 14px; border: 0; }
			#quickmenu li.library { border: 0; }
			#quickmenu a.top {display:block; margin:0 10px 0 0; border: 0; padding:0 0 0 0; position:absolute; top:185px; left:1px; }



/*¿ìÃø À̵¿¸Þ´º */

	#rightBoxHold {left:1345px; top:170px; width:100%; position:fixed; min-width:990px; z-index:99} 
	* html #rightBoxHold {left:460px; top:164px; width:100%; position:absolute; overflow-y:hidden;min-width:990px; margin-bottom:-1px;} 
	#rBoxArea{ clear:both; position:relative;left:0px;top:0px;width:75px; overflow:hidden;text-align:center }
		#rMenuGoods{ clear:both; position:relative;left:0px;top:0px;width:73px; height:276px;overflow:hidden;text-align:center }
			#rMenuGoods ul { padding:0px; margin:0px; height:92px; overflow:hidden}
			#rMenuGoods ul li { padding:0px; width:73px; overflow:hidden}	





/* bottomwrap */
#btm { clear: both; position:relative; bottom:0; width: 100%; height: 150px;}
#bottomwrap { clear: both; width: 983px; min-width: 983px; height: 0; margin: 0 auto; padding: 0 0 0 0;}
	#bottomwrap { background-color:#  ;}
		#bottomwrap .bot_banner { margin-top:10px;}		
		#bottomwrap .bot_banner ul {border:1px solid #ccc; height:50px;}		
		#bottomwrap .bot_banner ul li{ float:left; background-color:#efefef; text-align:center; width:185px; height:40px; border:0px solid #f00; margin:5px;}		
		#bottomwrap .copyright { margin-top:10px; margin-bottom:20px;}
/*
*:first-child+html #bottomwrap{margin: 20px auto 0 auto; padding: 0 0 0 0; font-size: 11px;}

		#bottomwrap .banner_menu{padding:0; margin:0 0 0 0; display:block; background:#ffffff; border:1px solid #e6e6e6; position:relative;}
		.banner_menu ul.banner{padding:7px 0; margin:0 auto; height:20px; width:650px;}
		.banner_menu ul.banner li{float:left; margin:0 14px 0 0; padding:0 0 0 23px; background: url('../images/common/bul_bbanner.gif') 0 3px no-repeat;}
		.banner_menu ul.banner li.fir{margin:0 30px 0 0; padding:0; background:none;}

		#bottomwrap .btmmenu{padding:0; margin:0 0 17px 0; display:block; background:#e6e6e6; position:relative;}
		#bottomwrap ul.bmenu {text-align:center; width:60%; margin:0 auto; padding:9px 0 9px 0; height:11px;    display:block;}
		#bottomwrap ul.bmenu li { float: left; background: url('../images/common/bg_btm.gif') 0 0 no-repeat; padding:0 0 0 12px; margin:0 12px 0 0;}
		#bottomwrap ul.bmenu li.fir{background:none;}
		#bottomwrap h1 {clear:both; width: 170px; height:50px; padding: 0 0 0 27px; float:left;}
		#bottomwrap .copyrightwrap {float:left; width:750px; margin:0 0 0 0;}
		#bottomwrap .address { margin: 0 0 4px 0; display:block; color:#777777; }
		#bottomwrap .telfax {margin: 0 0 6px 0; display:block; color:#777777; }
*/





/* margin, padding */
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10 !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mb0 { margin-bottom: 0 !important; }
.pb30 { padding-bottom: 30 !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }

.box {margin-top:20px; padding:15px; text-align:justify; line-height:180%; border:1px solid #dedede; !important;}
/* common */
.btnleft { clear: both; width: 700px; margin: 10px 0 0 0; text-align: left; }
.btncenter { clear: both; width: 700px; margin: 10px 0 0 0; text-align: center; }
.btnright { clear: both; width: 700px; margin: 10px 0 0 0; text-align: right; }
.btnjustify { clear: both; position: relative; width: 700px; margin: 10px 0 0 0; text-align: left; }
.btnjustify span { position: absolute; right: 0; top: 0; }
.paging { clear: both; width: 700px; margin: 10px 0 30px 0; overflow: hidden; text-align: center; }
.paging img { margin: 0 10px 0 0; }
.paging span { padding: 0 8px 0 5px; background: url('../images/common/bg_bar_pag.gif') right center no-repeat; }
.paging span a { color: #999999; font-size: 11px; }
.paging span a:hover { text-decoration: none; color: #f75858; font-weight: bold; letter-spacing: -1px; }
.paging span.selected a { color: #f75858; font-weight: bold; letter-spacing: -1px; }
.paging span.end { margin-right: 5px; background: none; }

/* main */
#maincontents { position: relative; float:left; width: 785px; padding: 0 0 0 25px; margin:0 0 20px 0;}
/*#maincontents .mainbanner { float: left; width: 365px; height: 150px; margin: 0 20px 0 0; }*/
#maincontents .mainbanner { position: relative; float: left; width: 440px; height: 160px; margin: 0 25px 0 0; }
#maincontents .mainbanner ul { position: absolute; top: 103px; }
#maincontents .mainbanner ul li { float: left; padding: 0 0 0 3px; }
#maincontents .haksawrap { float: left; width: 315px; }
#maincontents .haksawrap .calendar { float: left; width: 145px; }
#maincontents .haksawrap .calendar ul.date { width: 115px; height: 16px; margin: 0 0 10px 0; padding: 2px 0 0 30px; background: #005eb5; }
#maincontents .haksawrap .calendar ul.date li { float: left; padding: 1px 0 0 0; color: #ffffff; font-weight: bold; font-size: 11px; }
#maincontents .haksawrap .calendar ul.date li.prev { padding: 0 14px 0 0; }
#maincontents .haksawrap .calendar ul.date li.next { padding: 0 0 0 13px; }
#maincontents .haksawrap .calendar table { clear: both; width: 136px; }
#maincontents .haksawrap .calendar table th { padding: 4px 0 4px 0; font-size: 11px; color: #505050; }
#maincontents .haksawrap .calendar table .sun { color: #d70000; }
#maincontents .haksawrap .calendar table .sat { color: #004f98; }
#maincontents .haksawrap .calendar table td { padding: 4px 0 4px 0; text-align: center; color: #010000; font-size: 10px; }
#maincontents .haksawrap .schedule { float: left; width: 170px; }
#maincontents .haksawrap .schedule h3 { width: 170px; height: 15px; margin: 0 0 13px 0; padding: 3px 0 0 0; text-align: center; background: #d7d7d7; }
#maincontents .haksawrap .schedule ul { }
#maincontents .haksawrap .schedule ul li { margin: 0 0 8px 0; font-size: 11px; color: #888888; }

#maincontents .courseguide { position: relative; float: left; width: 344px; height: 129px; padding: 29px 0 0 21px; margin: 0 20px 0 0; background: url('../images/main/bg_coursebox.gif') 0 0 no-repeat; }
#maincontents .courseguide h3 { float: left; width: 96px; }
#maincontents .courseguide .more { position: absolute; right: 20px; top: 13px; }
#maincontents .courseguide ul { float: left; width: 242px; }
#maincontents .courseguide ul li { float: left; width: 112px; margin: 0 0 7px 0; padding: 0 0 0 9px; background: url('../images/main/icon_list_01.gif') 0 5px no-repeat; }
#maincontents .courseguide ul li a { color: #555555; font-size: 11px; }
/*#maincontents .boardlist {position:relative; float: left; width: 315px; overflow: hidden; }
#maincontents .boardlist h3 { width: 315px; height: 18px; margin: 0 0 15px 0; font-size: 1px; background: #eeeeee;}
#maincontents .boardlist .more { position: absolute; right: 22px; top: 7px; }
#maincontents .boardlist ul { overflow: hidden; }
#maincontents .boardlist ul li { margin: 0 0 7px 0; padding: 0 0 0 10px; background: url('../images/main/icon_list_02.gif') 0 4px no-repeat; }
#maincontents .boardlist ul li img { margin: 0 5px 0 0; vertical-align: middle; }
#maincontents .boardlist ul li a { letter-spacing: -1px; font-size: 11px; color:#555; }*/
#maincontents .boardlist { float: left; width:734px; padding:0 0 0 24px; margin:0 0 13px 0; }

#maincontents .notice { float: left; width:320px; position:relative; }
#maincontents .notice h3 { width: 320px; margin: 0; font-size: 1px; padding:0 0 5px 0; background: url('../images/common/bg_notice.gif') 0 100% repeat-x;}
#maincontents .notice h3 .more {display:inline-block; width:26px; height:5px; padding:0 7px 0 0;  position: absolute; right: 7px; top: 7px; }
#maincontents .notice ul { overflow: hidden; padding:5px 0 0 0;}
#maincontents .notice ul li { margin: 0 0 0px 0; padding: 2px 0 5px 0;  background: url('../images/common/bg_notice.gif') 0 100% repeat-x;}
#maincontents .notice ul li img { margin: 0 5px 0 0; vertical-align: middle; }
#maincontents .notice ul li a { letter-spacing: -1px; font-size: 11px; }

#maincontents .faq { float: left; width: 440px; margin:25px 25px 0 0; }
#maincontents .faq h3 { margin: 0 0 12px 0;}
#maincontents .faq ul.tab { float: left; width: 204px; font-size: 1px; }
#maincontents .faq ul.tab li { float: left; margin: 0 6px 3px 0; font-size: 1px; }
#maincontents .faq ul.list { float: left; margin:0 0 10px 0; height:80px;}
#maincontents .faq ul.list li { margin: 0 0 5px 10px; padding: 0px 0 0 20px; background: url('../images/main/list_ol.gif') 0 0 no-repeat; }
#maincontents .faq ul.list li.ol0 { background-position:0 0px;}
#maincontents .faq ul.list li.ol1 { background-position:0 -18px;}
#maincontents .faq ul.list li.ol2 { background-position:0 -36px;}
#maincontents .faq ul.list li.ol3 { background-position:0 -54px;}
#maincontents .faq ul.list li.ol4 { background-position:0 -72px;}
#maincontents .faq ul.list li a { letter-spacing: -1px; font-size: 11px; }
#maincontents .faq ul.faqsch { clear: both; width: 440px; height:37px; padding:9px 0 0 180px; margin: 13px 0 0 0; background:url('../images/main/bg_faqsch.gif') 0 0 no-repeat; vertical-align:middle; }
#maincontents .faq ul.faqsch li { float: left; margin: 0 2px 0 0; }
#maincontents .faq ul.faqsch li input.txt { width: 207px; height: 15px; color: #3f3f3f; font-size: 11px; border: 1px solid #cccccc; }
#maincontents .gomenu {right: 0; width: 320px; overflow: hidden; margin:25px 0 0 0; }
#maincontents .gomenu ul { font-size: 1px; }
#maincontents .gomenu ul li { float: left; margin: 0; padding:0;}
#maincontents .gomenu ul li.m2 { margin-right: 0; }
#maincontents .gomenu ul li.m3 { background: none; }
#maincontents .gomenu ul li.m4 { margin-right: 0; background: none; }

div.mainbanner ul{right:10px; margin:5px 0 0 0; position:absolute;}

h3.cont_title2{padding:0 0 20px 0; width:100%; height:40px; display:block;  background:url('../images/common/bg_dot.gif') 10px 20px repeat-x;}

.sy_book{width:670px; margin:-50px 0 0 0; line-height:16px;}
*:first-child+html .sy_book{margin:0px 0 0 0;}
.smart_img{margin:0 0 20px 0; width:230px; display:block; float:left; height:560px; }
.smart_img p{padding:0 10px 0 10px; display:block; line-height:15px;}
.sy_book h3{ margin:0 0 20px 0;}
.sy_book h4{ margin:50px 0 0 0; display:block; padding:50px 0 0 0;}

.sy_book dl{padding:0 0 0 30px;}
.sy_book dt.sy_bookev_title{color:#333; font-weight:700; padding:20px 0 10px 0}
.sy_book span.sy_fnt_orange{color:#ff6000;}
*:first-child+html .sy_book h4{{margin:30px 0 0 0; padding:30px 0 0 0;}


#cont_mov{display: block; float: left; width: 680px; height: 305px; background: none repeat scroll 0% 0% rgb(0, 0, 0); margin-bottom: 30px; padding: 10px;}
#s_mov{display: block; float: left; width: 500px; height: 305px; background: none repeat scroll 0% 0% rgb(102, 102, 102); margin-right: 10px;}
#s_cash_bg{display: block; float: left; width: 170px; height: 305px; background: url("../images/content/cs.jpg") right top no-repeat scroll rgb(255, 204, 204);}
.s_cash{float: right; margin: 120px 10px 0px 0px;}
#s_footer {display: block; width: 100%;}
ul#t_pagenation {text-align: center; display:inline;}
ul#t_pagenation li {display: inline;}
ul#t_pagenation li a, ul#t_pagenation li a:link {display: inline; padding: 1px 3px; margin-right: 2px; border: 1px solid rgb(238, 238, 238); color: rgb(51, 51, 51);}

ul#t_pagenation li a:hover, ul#t_pagenation li a:focus, ul#t_pagenation li a.now {color:#fff; background-color: rgb(92, 195, 176);}





/* Main Slide */
#slides {
	border:1px solid #f00;
	position:relative;
	top:0px;
	left:0px; /* ½½¶óÀÌµå ½ÃÀÛÀ§Ä¡ */
	z-index:100;
}

.slides_container {
	width:782px;
	overflow:hidden;
	position:relative;
	display:none;
}


.slides_container a {
	width:782px;
	height:159px;
	display:block;
}

.slides_container a img {
	display:block;
}


#slides .next,#slides .prev {
	position:absolute;
	top:36%;			/* Á¿콽¶óÀ̵å À̹ÌÁö »ó´ÜÀ§Ä¡  107px; */
	left:-23px;			/*¿ìÃø ½½¶óÀ̵å À̹ÌÁö À§Ä¡ Á¶Á¤ */
	width:24px;
	height:62px;
	display:block;
	z-index:101;
}

#slides .next {
	left:570px; /*ÁÂÃø ½½¶óÀ̵å À̹ÌÁö À§Ä¡ Á¶Á¤ */
}


.pagination {/*´Ù¼ö ½½¶óÀ̵å À̹ÌÁö À§Ä¡ Á¶Á¤ À̹ÌÁöº¯°æ½Ã img Æú´õÀÇ pagination.png ¸¦ ¼öÁ¤  */
	border:0px solid #f00;
	margin-top:-5px;
	margin-left:350px;
	left:300px;
	width:140px;
	position:absolute;
	z-index:5000;
	display:block; /*»ç¿ëÇÏÁö ¾ÊÀ»¶§ none ·Î ¹Ù²ãÁÜ */
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:21px;
	height:0;
	padding-top:31px; 
	background-image:url('/rtImages/slider/pagination_rec.png');
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -31px;
}

.displayNone {display:none;}





/* ---------------------------------------------------------------
 *  > Á¶Á÷µµ/Á÷¿ø¾È³»
 * ------------------------------------------------------------ */
.org {}
.org.heading {margin-bottom: 50px;}
.org.heading:after {content: ''; display: block; clear: both;}
.org.heading dl {float: left; width: 200px; height: 37px; margin-left: 10px; border: 1px solid #e5e5e5;}
.org.heading dl:after {content: ''; display: block; clear: both;}
.org.heading dl:first-child {width: 480px; margin-left: 0;}
.org.heading dt {float: left; width: 80px; line-height: 37px; border-right: 1px solid #e5e5e5; background-color: #f9f9f9; color: #666; font-size: 14px; font-weight: 700; text-align: center;}
.org.heading dd {line-height: 37px; color: #666; font-size: 13px;}
.org.heading dd p {float: left; line-height: 37px; margin-left: 35px; color: #666; font-size: 13px;}
.org.heading dd p span {margin-left: 8px; color: #019dda; font-size: 20px; font-family: Arial; font-weight: bold; vertical-align: middle;}
.org.heading .search {float: right; padding: 3px 0 4px; border: 1px solid #e5e5e5;}
.org.heading .search > div {float: left;}
.org.heading .search input[type="text"] {width: 150px; padding: 0 10px; margin-top: 3px; height: 24px; line-height: 24px; border: 0;}
.org.heading .search .submit {width: 30px; height: 30px; background: url('/cms/images/www/common/sprite-icons.png') no-repeat -194px -51px;}

.org.button {margin-bottom: 50px;}
.org.button a {position: relative; display: inline-block; width: 160px; line-height: 32px; padding: 0 10px; margin-right: 15px; border: 1px solid #d5d5d5; color: #555757; font-size: 14px; font-weight: 700; text-decoration: none;}
.org.button a span.ico-download {position: absolute; top: 10px; right: 10px;}
.org.button a span.ico-arrow-right {position: absolute; top: 13px; right: 10px;}
.org.button a:hover {color: #019dda;}
.org.button a:hover span.ico-download {background-position: -445px -185px;}
.org.table {margin-bottom: 50px;}
.org.table td {text-align: center;}
.org.table td:first-child {font-weight: 700;}
.org.button.right {text-align: right;}
.org.button.right a {text-align: left;}

.org.link {}
.org.link ul > li {}
.org.link ul > li:after {content: ''; display: block; clear: both;}
.org.link > ul {}
.org.link > ul > li {}
.org.link > ul > li > a {display: block; float: left; width: 165px; line-height: 24px; padding: 13px 0 0 5px; border-top: 2px solid #838383; color: #019dda; font-size: 20px; font-weight: 700;}
.org.link > ul > li > ul {margin: 0 0 50px 185px; border-top: 2px solid #838383; border-bottom: 1px solid #838383;}
.org.link > ul > li > ul > li {border-top: 1px solid #ebebeb;}
.org.link > ul > li > ul > li:first-child {border-top: 0;}
.org.link > ul > li > ul > li > a {display: block; float: left; width: 145px; line-height: 36px; padding-left: 10px; color: #333; font-size: 14px; font-weight: 700;}
.org.link > ul > li > ul > li > ul {}
.org.link > ul > li > ul > li > ul > li {margin-left: 155px; border-top: 1px solid #ebebeb;}
.org.link > ul > li > ul > li > ul > li:first-child {border-top: 0;}
.org.link > ul > li > ul > li > ul > li > a {display: block; float: left; width: 130px; line-height: 36px; color: #666; font-size: 13px;}
.org.link > ul > li > ul > li > ul > li > ul {overflow: hidden;}
.org.link > ul > li > ul > li > ul > li > ul:after {content: ''; display: block; clear: both;}
.org.link > ul > li > ul > li > ul > li > ul > li {float: left; padding: 10px 0; margin-top: -1px; border-top: 1px solid #ebebeb;}
.org.link > ul > li > ul > li > ul > li > ul > li > a {display: block; line-height: 16px; padding-left: 5px; margin-left: 5px; border-left: 1px solid #adadad; color: #888; font-size: 13px;}
.org.link > ul > li > ul > li > ul > li > ul > li:first-child a {padding-left: 0; margin-left: 0; border-left: 0;}
.org.link > ul > li > ul > li > ul > li > ul > li > ul {}
.org.link > ul > li > ul > li > ul > li > ul > li > ul > li {}

.org.link ul.last {padding-left: 285px;}
.org.link ul.last:after {content: ''; display: block; clear: both;}
.org.link ul.last > li {float: left; margin-left: 0; padding: 10px 0; margin-top: -1px; border-top: 1px solid #ebebeb; border-top: 0;}
.org.link ul.last > li > a {float: none; width: auto; line-height: 16px; padding-left: 5px; margin-left: 5px; border-left: 1px solid #adadad; color: #888; font-size: 13px;}
.org.link ul.last > li:first-child a {padding-left: 0; margin-left: 0; border-left: 0;}
.org.link ul.last > li > a:hover {color: #019dda;}

.org.link a:hover {color: #019dda;}
.org.link > ul > li > a:hover {color: #242424;}

.org.layer {display: none; position: absolute; top: 50%; left: 0px; }
.org.layer > div {padding-right: 13px; background: url('/cms/images/www/contents/org-modal-arrow-bg.png') no-repeat 100% 50%;}
.org.layer h5 {float: left; padding: 28px 0 0 25px; margin-bottom: 20px; color: #000; font-size: 15px; font-weight: 700;}
.org.layer .org_tit {float: left; margin-bottom: 20px; margin-left: 8px; color: #000; font-size: 15px; font-weight: 700;}
.org.layer p.org_con {clear: both; line-height: 22px; color: #333; font-size: 13px;}
.org.layer .org_area {padding: 25px; border: 4px solid #009bdf; background-color: #fff;}

.org.link dt {}
.org.link dd {}