@charset "euc-kr";

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


#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:15px; 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{ padding: 5px 0px 0px 0px;}


#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 { float:left; position:relative; width: 1098px; padding-bottom:10px; height:40px; border-bottom:1px solid #cccccc;}

#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; width:80px; height:26px; cursor:pointer; margin:0 0px 0 10px; }
#topwrapper .toptitle .loginbox .loginin li input.txt {width: 90px; 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: 100%; max-width:1120px; margin:0 auto}
body#main #middlewrap { clear: both; position: relative; width:983px; min-height: 490px; }
*html #middlewrap { height: 100%; }

/* leftwrap */
#leftwrap {}
#leftwrap {width: 280px;margin: 0;padding: 0;text-align: left;display: inline-block;}
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:0px 0 0 0px; margin:0 0 0px 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: 250px; margin: 0 0 20px 0px; padding: 0px 0 0 0; border:1px solid #ccc;}*/
#leftwrap .LeftMenuBox { width: 250px;}

#leftwrap .LeftMenuBox h1 { margin: 0px 20px 20px 24px; padding: 0px 0 0 0; }
#leftwrap .LeftMenuBox ul { width: 230px; margin-top: 0px; margin-bottom:0px; padding:5px; border:0px solid #c8c8c8;}
#leftwrap .LeftMenuBox ul li { width: 245px; margin-left:0px; border-bottom:0px 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:40px; padding-top:10px; }

/*#leftwrap .LeftMenuBox ul li.leftMenu2.onMenu {border-color:#d4d4d4; background:url(/rtImages/n_sub/leftmenu_hover_bg.gif); -background-color:#7f7f7f }*/
#leftwrap .LeftMenuBox ul li.leftMenu2.onMenu {border-color:#d4d4d4;}
#leftwrap .LeftMenuBox ul li.leftMenu2 a:hover {color:#b42625 }
#leftwrap .LeftMenuBox ul li.leftMenu2:hover {color:#b42625; border-color:#d4d4d4; _background-color:#7f7f7f}
#leftwrap .LeftMenuBox ul li.leftMenu3 {height:26px; padding-top:5px; }
#leftwrap .LeftMenuBox ul li.leftMenu3.onMenu {border-color:#d4d4d4;}
/*#leftwrap .LeftMenuBox ul li.leftMenu3.onMenu {border-color:#d4d4d4; background-color:#afafaf}*/
#leftwrap .LeftMenuBox ul li.leftMenu3 a {padding-left:23px; }
#leftwrap .LeftMenuBox ul li.leftMenu3 a:hover {color:#b42625; }
#leftwrap .LeftMenuBox ul li.leftMenu3:hover {color:#b42625; border-color:#d4d4d4;}
/*#leftwrap .LeftMenuBox ul li.leftMenu3:hover {color:#b42625; 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; font-size:24px; font-weight:600}
#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/n_common/h4_titleicon.jpg") no-repeat 0 5px; padding-left:10pt; font-size:16px; font-weight:bold; clear:both; margin:0 0 20px 0; letter-spacing:-0.5px; color:#097bbd; }
#contentswrap .contents h3{background:url("/rtImages/n_common/h3_titleicon.jpg") no-repeat 0 3px; padding-left:25px; font-size:18px; font-weight:bold; clear:both; margin:0 0 20px 0; letter-spacing:-0.5px; color:#b42625; }
#contentswrap .contents p{clear:both; margin-top:10px; margin-bottom:30px; 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; text-align:left; font-size:14pt; font-weight:bold; letter-spacing:-0.5px; color:#b42625; }

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

#contentswrap .contents .contents01 span{background:url("/rtImages/n_common/h5_titleicon.jpg") no-repeat 0 7px; padding-left:14px; font-size:1.0em;}

#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:left; line-height:180%;}
#contentswrap .contents .contents01 ul li ul li{margin-left:0; padding-left:0;background:none;}
#contentswrap .contents .contents01 ol li{padding-left:9px;margin-bottom:0px; text-align:left; line-height:180%;}

#contentswrap .contents .contents01 .business_txt { margin-top:45px; min-height:500px; text-align:justify; line-height:180%; width:780px; font-size:14px}
#contentswrap .contents .contents01 .business_txt p,
#contentswrap .contents .contents01 .business_txt div { font-size:14px; line-height:2}
#contentswrap .contents .contents01 .business_txt h3 { font-size:18px; font-weight:600;}

.contents01 .con_box {font-size:14px}


/*°ú¸ñ¸®½ºÆ®*/
#contentswrap #alledu_list {margin-top:40px; }
#contentswrap #alledu_list > ul {margin:0 !important}
#contentswrap #alledu_list > ul > li {background:none !important;vertical-align:top;padding-left: 0 !important;margin-bottom: 10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
#contentswrap #alledu_list .rt_img{display:table-cell;vertical-align: top;}
#contentswrap #alledu_list .rt_img > p {margin: 0 auto 10px;overflow: hidden;width: 200px;height: 120px;}
#contentswrap #alledu_list .rt_img > p > a > img {width: 100%;}
#contentswrap #alledu_list .rt_img .btn_box { }
#contentswrap #alledu_list .rt_img .btn_box > a {width: 49%;text-align: center;padding: 10px 15px;box-sizing: border-box;}
#contentswrap #alledu_list .rt_img .btn_box > a:nth-child(1) { }
#contentswrap #alledu_list .rt_img .btn_box > a:nth-child(2) { display:none }
#contentswrap #alledu_list .rt_con{display:table-cell; width:100%; font-size:14px;padding-left: 20px;}
#contentswrap #alledu_list .rt_con dl > dt {background: url("/rtImages/n_common/h3_titleicon.jpg") no-repeat 0 10px;padding-left:25px;font-size:18px;font-weight:bold;clear:both;margin: 0 0 5px 0;letter-spacing:-0.5px;color:#b42625;}
#contentswrap #alledu_list .rt_con dl > dd {font-size:0.857em !important; margin-bottom: 10px !important; line-height:2;}
#contentswrap #alledu_list .rt_con dl > dd > ul {margin:0}
#contentswrap #alledu_list .rt_con dl > dd > ul > li {display: inline;text-align: left;}
#contentswrap #alledu_list .rt_con dl > dd > ul > li:after{content:'|'; margin:0 5px}
#contentswrap #alledu_list .rt_con dl > dd > ul > li.beoom{font-weight:bold;display: block;}
#contentswrap #alledu_list .rt_con dl > dd > ul > li.beoom:after{display:none}
#contentswrap #alledu_list .rt_con dl > dd >span {font-weight:bold;background: none !important;padding-left: 0 !important;}
#contentswrap #alledu_list .rt_con > p.em{font-size:0.857em !important;line-height: 1.5em !important;color:#5d5d5d;background:#f7f7f7;padding: 5px 10px;margin-bottom: 0 !important;}





.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;}
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.intable.tac > tr >td { text-align:center;}


.h3_tit {background:url("/rtImages/n_common/h3_titleicon.jpg") no-repeat 0 8px; font-weight:500; font-size:1.5em!important; color:#000; padding:0 0 0 25px; margin:0 0 20px 0; clear:both; line-height:160%}
.h3_tit_main {font-weight:600; font-size:1.4em!important; color:#000; padding:0 0 0 0px; margin:0;}
.h4_tit {background:url("/rtImages/n_common/h4_titleicon.jpg") no-repeat 0 5px; font-weight:600; font-size:1.2em!important; color:#333; padding:0 0 0 25px; margin:0 0 20px 0; clear:both; line-height:160%}
.h5_tit {background:url("/rtImages/n_common/h5_titleicon.jpg") no-repeat 0 10px; font-weight:500; font-size:1.1em!important; color:#666; padding:0 0 0 10px; margin:0px 0 0 0px; clear:both; line-height:160%}
.bullit_tit {background:url("/rtImages/n_commonn/h4_titleicon.jpg") no-repeat 0 11px; font-size:1.0em!important; color:#666; padding:0 0 0 10px; margin:3px 0 0 29px; clear:both}
.bullit_tit2 {background:url("/rtImages/n_common/h4_titleicon.jpg") no-repeat 0 13px; text-align:justify; font-size:1.0em!important; color:#000; padding:8px 0 0 25px; clear:both; line-height:160%}








/* ¸ÞÀÎÈ­¸é ¹«·á»ó´ã½Åû Ãß°¡ */
.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 { float: left; padding: 0 17px 0 0; }
#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: 50px; 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: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.pb30 { padding-bottom: 30 !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pd15 { padding: 15px !important; }


.box {margin-top:20px; padding:15px; text-align:justify; line-height:180%; border:1px solid #dedede !important; width:760px;}
/* 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;}