@charset "utf-8";

/* 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/common/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; }
.hide {display:none; height:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
table { table-layout: fixed; }
img { border: 0; }
ul, li { list-style: none; padding:0; margin:0}
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; }
div#contentsarea object#CC_Object_id{display:none;}

h3.sub_title {margin:0 0 16px 0;}

/* 비밀번호변경팝업 */
.popup1{width:374px; background:url("../images/popup/bg_changeinfo.gif") 0 0 no-repeat; padding:40px 0 0 0;}
.popup1 ul{margin:0 20px;}
.popup1 h3{margin:0 0 10px 20px;}
.popup1 ul li{background: url("../images/popup/bul_changeinfo.gif") 0 5px no-repeat; padding:0 0 8px 7px; vertical-align:middle; margin:0 0 2px 0;}
.popup1 ul li p{display:block; width:100px; font-size:11px; color:#ff0037; float:right; position:absolute; margin:-8px 0 10px 210px}

.popup1 ul li.line{margin:10px 0 2px 0} 
.popup1 ul li input.txt{position:absolute; left:110px;}
.popup1 p.btn{display:block; position:relative; left:110px; top:10px}
.popup1 span.footer{display:block; height:50px; width:100%; position:relative; bottom:0; background:#fff url("../images/popup/bg_changeinfo01.gif") 0 0 no-repeat; margin:20px 0 0 0}
*:first-child+html .popup1 ul li p{display:block; width:100px; font-size:11px; color:#ff0037; float:right; position:absolute; margin:5px 0 10px 160px}
/* 이메일무단수집거부 */
#email_wrap{width:403px; position:relative;}
#email_wrap h1{display:block; padding:0 48px 0 0;}
#email_wrap p.closeBtn{display:block; float:right; position:absolute; top:0px; right:0;}
.center_area{ top:20px; left:20px;  position:relative;}
span.notice_day{color:red;}
.center_area span.in_box{display:block; float:left;}
p.in_txt{line-height:16px;}
p.in_txt strong{color:#3c3c3c;}

/* 팝업디자인 */
body#popup{background:none; min-width:100%; overflow-x:hidden; overflow-y:hidden;}
.rbox01{position:relative; z-index:1; width:100%; height:100%; overflow:hidden;}
.rbox01 h1{margin:0; text-align:center; position:relative; }
.rbox01 h2{ text-align:center; position:absolute; bottom:45px; width:100%;}
.r_box01{overflow:hidden; margin-top:-52px;background:url(../images/popup/rbox01_bgL.gif) repeat-y 0 0; width:100%;  height:100%; padding:0; }
.r_box01_con{background:url(../images/popup/rbox01_bgR.gif) repeat-y 100% 0; width:100%; height:100%;}
.r_box01_topL{background:url(../images/popup/rbox01_topL.gif) no-repeat 0 0; width:100%; height:40px; }
.r_box01_topR{float:right; background:url(../images/popup/rbox01_topR.gif) no-repeat 0 0; width:40px;height:40px;}
.r_box01_btmL{background:url(../images/popup/rbox01_btmL.gif) no-repeat 0 0; width:100%; height:45px; position:absolute; bottom:0;}
.r_box01_btmR{float:right; background:url(../images/popup/rbox01_btmR.gif) no-repeat 0 0; width:40px; height:45px;}
.r_box01_area{padding:30px 30px 0 40px; margin-bottom:100px;}

.footer01{position:absolute; left:25px; bottom:5px; font-size:11px; color:#624a2a; width:100%; font-family:Dotum, 돋움, AppleGothic, Sans-serif; height:15px}
.footer01 .chk{float:left; }
.footer01 .chk input.check{width:13px; height:13px; vertical-align:middle; }
.footer01 .chk label{vertical-align:middle;  }
.footer01 .cls{float:right; display:inline-block; vertical-align:bottom; margin:0 50px 0 0;}

.rbox02{position:relative; z-index:1; width:100%; height:100%; overflow:hidden; }
.rbox02 h1{margin:0; text-align:center; position:relative; }
.r_box02{overflow:hidden; margin-top:-37px;background:url(../images/popup/rbox02_bgL.gif) repeat-y 0 0; width:100%;  height:100%;  padding:0; }
.r_box02_con{overflow:hidden; background:url(../images/popup/rbox02_bgR.gif) repeat-y 100% 0; width:100%; height:100%;}
.r_box02_topL{background:url(../images/popup/rbox02_topL.gif) no-repeat 0 0; width:100%; height:67px; }
.r_box02_topR{float:right; background:url(../images/popup/rbox02_topR.gif) no-repeat 0 0; width:50px;height:67px;}
.r_box02_btmL{background:url(../images/popup/rbox02_btmL.gif) no-repeat 0 0; width:100%; height:53px; position:absolute; bottom:0;}
.r_box02_btmR{float:right; background:url(../images/popup/rbox02_btmR.gif) no-repeat 0 0; width:49px; height:53px;}
.r_box02_area{padding:20px 40px 0; }
.footer02{position:absolute; left:25px; bottom:7px; font-size:11px; color:#624a2a; width:100%; font-family:Dotum, 돋움, AppleGothic, Sans-serif; height:15px; }
.footer02 .chk{float:left; }
.footer02 .chk input.check{width:13px; height:13px; vertical-align:middle; }
.footer02 .chk label{vertical-align:middle;  }
.footer02 .cls{float:right; display:inline-block; vertical-align:bottom; margin:0 50px 0 0;}

.rbox03{position:relative; z-index:1; overflow:hidden;  width:100%; height:100%; }
.rbox03 h1{margin:0; text-align:center; position:relative; }
.r_box03{overflow:hidden; margin-top:-78px;background:url(../images/popup/rbox03_bgL.gif) repeat-y 0 0; width:100%; height:100%; padding:0; }
.r_box03_con{overflow:hidden; background:url(../images/popup/rbox03_bgR.gif) repeat-y 100% 0; width:100%; height:100%;}
.r_box03_topL{background:url(../images/popup/rbox03_topL.gif) no-repeat 0 0; width:100%; height:40px; }
.r_box03_topR{float:right; background:url(../images/popup/rbox03_topR.gif) no-repeat 0 0; width:40px;height:40px;}
.r_box03_btmL{background:url(../images/popup/rbox03_btmL.gif) no-repeat 0 0; width:100%; height:60px; position:absolute; bottom:0;}
.r_box03_btmR{float:right; background:url(../images/popup/rbox03_btmR.gif) no-repeat 0 0; width:40px; height:60px;}
.r_box03_area{padding:50px 40px 0; }
.footer03{position:absolute; padding:0 0 0 25px; bottom:10px; font-size:11px; color:#212121; width:100%; font-family:Dotum, 돋움, AppleGothic, Sans-serif; height:15px}
.footer03 .chk{float:left; }
.footer03 .chk input.check{width:13px; height:13px; vertical-align:middle; }
.footer03 .chk label{vertical-align:middle;  }
.footer03 .cls{float:right; display:inline-block; vertical-align:bottom; margin:0 50px 0 0;}


#saccwrap {margin:0 auto; width:1000px;}
/* toparea */
#toparea { width:1000px; margin: 0 auto;  position:relative; left:0; top:0; z-index:10;}
#toparea.sub {height:115px;}
body#main #toparea {margin: 0 auto; font-size: 1px; }
#toparea h1 {position: absolute; top:26px;}
#toparea p.h_banner {position: absolute; top:30px;  left:230px;}
#toparea .topwrap {height:137px; position:relative; }
#toparea ul.util {position:absolute; top:42px; right:0px;}
#toparea ul.util li {float:left; padding: 0 8px 0 7px; margin: 0;}
#toparea ul.util li.cafe {padding-right: 0;}
#toparea ul.util li.oldsite {background: none; }
#toparea ul.topmenu {position:absolute;	left:0; top:97px;}
#toparea ul.topmenu li {float:left;}
#toparea ul.topmenu li a {display:block; margin:0 1px 0 0}
#toparea ul.topmenu li.last {background:none; margin:0; }

.gnb_bar{ width:100%; position:absolute; left:0; top:136px; background:url("../images/common/bg_gnb_bar.gif") #fff 0 0 repeat-x; height:330px; z-index:5; border-bottom:1px #eb5604 solid;  }
#toparea .gnb_out { background:#ffffff; height: 317px;  width: 100%;}
#toparea .gnb {margin:0 auto; position:relative; width:1000px; z-index:101;}

#toparea ul.topmenu li.submenu_01,
#toparea ul.topmenu li.submenu_02,
#toparea ul.topmenu li.submenu_03,
#toparea ul.topmenu li.submenu_04,
#toparea ul.topmenu li.submenu_05,
#toparea ul.topmenu li.submenu_06 {position:relative;}

#toparea ul.topmenu li.submenu_01 ul {width:167px; margin:4px 0 0 0px; background: url("../images/common/bg_gnb_bar02.gif") #f2f2f2 0 0 repeat-x;}
#toparea ul.topmenu li.submenu_02 ul {width:167px;}
#toparea ul.topmenu li.submenu_03 ul {width:167px; background:#f2f2f2; background: url("../images/common/bg_gnb_bar02.gif") #f2f2f2 0 0 repeat-x;}
#toparea ul.topmenu li.submenu_04 ul {width:167px;}
#toparea ul.topmenu li.submenu_05 ul {width:167px; background:#f2f2f2; background: url("../images/common/bg_gnb_bar02.gif") #f2f2f2 0 0 repeat-x;}
#toparea ul.topmenu li.submenu_06 ul {width:167px;}	

#toparea ul.topmenu li ul {width:165px; height:310px; position:absolute; z-index:11; top:36px; left:0; margin:4px 0 0 0; padding:10px 0 8px 0;}
#toparea ul.topmenu li ul li {float:none; margin: 0 10px 0 10px; padding:0; font-size:1px; line-height:1px; /*background:url('../images/common/bul_submenu.gif') 0 10px no-repeat;*/}
#toparea ul.topmenu li ul li a {display:block; padding:7px 0 0 7px;}
#toparea ul.topmenu li ul li a:hover {display:block; padding:7px 0 0 7px; background:url('../images/common/bul_submenu.gif') 0 12px no-repeat;}
#toparea ul.topmenu li ul li.end {margin: 0; }

.subvisual {position:absolute; right:0; top:0; margin:0 0 0 0}
.subvisualwrap{width:1000px; height:185px; position:relative; top:0; padding-top:40px;}

#mainvisual {position:relative; left:0; top:0; height:294px; overflow:hidden; left: 0; z-index:3; margin:0 auto; width:1000px;}
#mainvisual ul{margin:0; width:100%; position:absolute; z-index:20; height:39px; bottom:0; /*background:url('../images/main/bg_visual.gif') 0 42px repeat-x;*/}
#mainvisual ul li{display:inline; vertical-align:bottom; padding:0}
#mainvisual ul li img{vertical-align:bottom;}
#mainvisual div.clsBannerScreen {cursor:pointer;}
#mainvisual .clsBannerButton {cursor:pointer;}

#curriculum {clear:both; border:1px #383c42 solid; height:385px; width:778px; margin:20px 0 30px 0; *margin:20px 0 50px 0;}
#curriculum div.curBanner { cursor:pointer;}
#curriculum .curBanner .images {position:absolute; display:none;}
#curriculum .curBannerBtn {width:162px; height:321px; float:right; cursor:pointer; margin:0; padding:0; background:url('../images/main/bg_curbanner.gif') repeat-y;}
/*#curriculum .curBannerBtn li { height:55px;}*/
#curriculum .curBannerBtn li { height:48px;}
#curriculum .curBannerBtn li.fir {border-left:1px solid #e1e1e1;}

div.loginbox_on {border:1px solid #dfdfdf; background:#f8f8f8; height:266px; width:172px; padding:15px 11px 0 11px; z-index: 6;}
/*div.loginbox_on div {width:180px; background:#e5e5e5; padding:8px 5px 8px 5px; margin:7px 0 0 0; border:1px solid #bebebe;}*/
div.loginbox_on div{padding:15px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin-top:15px}
div.loginbox_on div p {display:block;margin-left:5px; padding:5px 0 5px 20px; font-size:13px; color:#666; /* background: url('../images/icons/icon_plus.gif') no-repeat 0 6px ;*/}
div.loginbox_on p strong {color:#508f90; letter-spacing:-1px;}
div.loginbox_on p.name {padding:0 0 0 0; line-height:1.5; margin-top:15px}
div.loginbox_on p.btnset {margin:20px 0 0px 0;}
div.subvisualwrap div.loginbox_on {position:relative; top:0px; left:0; border: 1px solid #dfdfdf; background: #f8f8f8; height: 266px; width: 172px; padding: 15px 11px 0 11px; z-index:1;}



dl.loginbox_off {width:184px; height:266px; margin:0 0 0 0; padding:15px 0 0 10px; z-index:1; font-size: 11px; border:1px solid #dfdfdf; background:#f8f8f8}
dl.loginbox_off h3{padding:0 0 15px 0;}
dl.loginbox_off dt {margin-bottom:3px;}
dl.loginbox_off dd input[type=text],dl.loginbox_off dd input[type=password]{vertical-align:top; background:#e3e4e8; margin:0 0 5px 0; width:173px; height:24px; border:1px solid #bcbcbc;}
dl.loginbox_off dd .loginbtn{position:relative; top:-3px;}
dl.loginbox_off dd.inp_id select {vertical-align:top; width:65px; height: 19px; color: #888888;}
div.subvisualwrap dl.loginbox_off {position:relative; top:00px; padding:10px 0 0 11px;}
div.subvisualwrap dl.loginbox_off dd .loginbtn{position:relative; top:-3px;}
div.subvisualwrap p.authlogin {padding:4px 0 0 0; width:190px; z-index:1;}
div.subvisualwrap p.authlogin a img {display:block;}
div.subvisualwrap div.loginbox_on p.btnset{5px 0 0px 0}

span.inp_pw input.btn{ position: absolute; right:15px; top:0; }
*:first-child+html span.inp_pw input.btn{ position: absolute; right:10px; top:2px; }
dl.loginbox_off dd.inp_ac {margin:10px 0; padding:0 0 0 0; color:#999; font-size:12px}
dl.loginbox_off dd.inp_ac .idsave02{ padding-right:25px;}
dl.loginbox_off dd.inp_ac .idsave { margin:2px 7px 0 0; font-size: 11px; letter-spacing: -1px; word-spacing: -1px; display:block; float:left; }
dl.loginbox_off dd.inp_ac .favorite {display:block; float:left; padding: 2px 10px 0 10px; color: #716f64; font-size: 11px; width:70px; height:17px; letter-spacing: -1px; word-spacing: -1px; background: url('../images/icons/icon_plus.gif') 77px 5px no-repeat; }
dl.loginbox_off dd.btnset{width:175px; padding:5px 0 0 0;}

p.authlogin{padding:4px 0 0 0; width:190px; z-index:1;}
p.authlogin a{display:inline-block;padding:0 0 0 0}
body#main p.authlogin{}

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

/* midarea */
#midarea { clear:both; position:relative; top:32px;  width:930px; padding:0 0 50px 0; display:inline-block;}
body#main #midarea { clear:both; position:relative; width:1000px; padding:0 0 0 0; display:inline-block; margin:-10px 0 0 0}
*html #midarea { height:100%; }

/* leftarea */
#leftarea {float:left; width:190px; margin:0 30px 0 0; padding:0; text-align:left;}
body.sub #leftarea {margin:0 0 0 0;}
body#main #leftarea {padding:0;}
#leftarea h2 {width:190px; height:64px; text-align:center; margin: 0; padding: 0; background: none; }
#leftarea .leftmenu {width:190px; margin:0 0 20px 0; padding:0 0 0 0; overflow:hidden; background: url('../images/common/bg_leftmenu.gif') 0 64px no-repeat;}
#leftarea .leftmenu ul {width:190px; padding:24px 0 25px 0; overflow:hidden; background: url('../images/common/bg_leftmenu_bot.gif') left bottom no-repeat;}
body#sitemap #leftarea .leftmenu ul {min-height: 150px; _height: 150px;  }
#leftarea ul li {padding-left:9px; margin:0 0 4px 0;}
#leftarea .caution ul li {padding-left: 0; margin: 0 0 3px 0; }
body#mypage #leftarea .leftmenu ul li ul {width: 160px; padding: 5px 0 0 20px; background: none; }
body#classroom #leftarea .leftmenu ul li ul {width: 160px; padding: 5px 0 0 20px; background: none; }
body#course #leftarea .leftmenu ul li ul {width: 160px; padding: 5px 0 0 20px; background: none; margin:0; }
body#intro #leftarea .leftmenu ul li ul {width: 160px; padding: 5px 0 0 20px; background: none; }

#leftarea ul li ul li { margin: 0 0 10px 0; }
body.sub #leftarea dl.cscenter { padding:0 0 0 0; margin:20px 0 19px 0;}
#leftarea dl.cscenter { padding:0 0 0 0; margin:20px 0 10px 0;}
#leftarea ul.bannerset {width:200px; display:inline-block; height:315px;}
#leftarea ul.bannerset li {float:left; margin:0 6px 3px 0; padding:0}
#leftarea ul.bannerset li.first {background:none; }
/*#midarea #leftarea ul.caution li { padding:0 0 1px 0; }*/
/* caution */
#leftarea .caution li{padding:0px 3px;}


/* contentsarea */
#contentsarea { float: right; width: 700px; padding: 0 0 50px 25px; position:relative; }
body.sub #contentsarea {position:relative; margin-top:-170px}

#contentsarea .contentsinfo {position:relative; overflow: hidden; padding-bottom: 30px; }
#contentsarea h3 {float:left; padding:0 17px 0 0; }
#contentsarea h3 span {vertical-align:5px; color:#cacdd0;}

.navi {position:absolute; left:230px; top:36px; z-index:1;}
.navi ul.linemap li {float:left; padding:0 13px 0 0; margin:0 7px 0 0; letter-spacing: -1px; color: #888888; font-family: Dotum; font-size: 11px; background: url('../images/icons/icon_linemap.gif') right 3px no-repeat; }
.navi ul.linemap li.status {padding:0; margin:0; background:none; font-weight:bold; color:#555555;}
.navi ul.linemap li .home_icon {vertical-align:text-top; padding:0 7px 0 0;}




/* quickmenu */
#quickmenu {position:absolute; float:right; top:80px; right:-80px; margin:0 0 0 10px; height: 296px; width:60px; padding: 12px 0 0 6px; font-size: 1px; background:url('../images/common/bg_quickmenu.gif') 0 0 no-repeat; z-index:50; }
body.sub #quickmenu { position: absolute; float:left; top:100px; z-index:1;}
#quickmenu li {width: 47px; padding: 9px 0 8px 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:302px; left:1px; }


/* bottomarea */
#btm {clear:both; width:100%; height:170px; margin:60px 0 0 0; *margin:0px 0 0 0; background:url('../images/common/bg_btm.gif') 0 0 repeat-x;}
#bottomarea {width: 1000px; position:relative; margin: 0 auto; padding: 0 0 0 0; font-size: 12px;}
#bottomarea .btmmenu{padding:0; margin:0 0 5px 0; display:block;  position:relative;}
#bottomarea .banner_01 {text-align:center; font-weight:bold; font-size:11px; padding:12px 0 0 0; margin:0 0 0 140px; height:29px; display:block; width:860px;}
#bottomarea .banner_01 li {float:left; background:url("../images/common/bg_btmli.gif") no-repeat scroll 0 0 transparent; margin:0 12px 0 0; padding:0 0 0 12px; letter-spacing:-0.1em;}
#bottomarea .banner_01 li.fir {background: none repeat scroll 0 0 transparent;}
#bottomarea .banner_01 li a {color:#888888; }
#bottomarea h1 {position:absolute; top:60px; left:8px;}
#bottomarea .copyrightwrap {position:absolute; left:224px; top:54px;}
#bottomarea .copyrightwrap ul {margin:0 0 10px 0;}
#bottomarea .copyrightwrap ul li {display:inline; background:url('../images/common/bul_dot.gif') 0 2px no-repeat; padding:0 25px 0 7px;}
#bottomarea .copyrightwrap ul li a {font-size:11px; font-weight:bold; color:#888888;}

#bottomarea .btm_banner ul {margin:0 0 10px 0;}
#bottomarea .btm_banner ul li {display:inline; background:url('../images/common/bul_dot.gif') 0 3px no-repeat; padding:0 25px 0 7px;}
#bottomarea .btm_banner ul li a {font-size:11px; font-weight:bold; color:#888888;}

#bottomarea .telfax {margin:8px 0 6px 0; display:block; color:#777777; }
#bottomarea .copyright {display:block; color:#888888; font-weight:700;}

.course_info .Curriculum_wrap {padding:50px 0 0 0 ;}

/* 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; }

/* 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-family: verdana; 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 {float:left; width:780px; position:relative;}

/* 아이콘 10개....... */
#midarea .favorite {height:140px; padding:0 0 0 0; margin:0 0 0 0;}
#midarea .favorite li {float:left; margin:0 0 0 59px;}


/* 1:1 무료학습설계 */
#maincontents .counsel {width:257px; float:right; *margin:0 0 0 0; margin-top:-28px; margin-bottom:20px; height:253px; border:1px solid #dfdfdf; background:#f8f8f8; padding:14px 15px}
#maincontents .counsel h3 {padding:0 0 9px 5px;}
#maincontents .counsel ul.faqsch li { float: left; margin: 0 0 0 0; }
#maincontents .counsel table{margin:5px 0 0 0; padding:0 0 3px 0;width:100%}
#maincontents .counsel table tr{height:23px}
#maincontents .counsel table tr th{text-align:left; font-weight:normal; color:#575555; width:60px; padding-left:7px; background:url("../images/main/ic_bullet.jpg") left center no-repeat}
#maincontents .counsel table tr td{padding:0; width:195px;}
#maincontents .counsel table tr td input{border:1px solid #dfdfdf;height:19px; width:184px;}
#maincontents .counsel table tr td select{height:21px; width:186px; vertical-align:top;border:1px solid #dfdfdf; }
#maincontents .counsel table tr td input[type=image]{border:none; height:20px; vertical-align:top}

/* 공지사항, 제도변경 */
#maincontents .notice {float:left; width:470px; border:1px solid #dfdfdf; background:#f8f8f8; /*background:url("../images/main/tab_line.gif") repeat-x scroll 0 25px transparent;*/ margin-top:-28px}
#maincontents .notice dt{cursor:pointer; }
#maincontents .notice dt{cursor:pointer; margin:0;}
#maincontents .notice dl{float:left; display:inline; margin:0; margin-top:-1px}
#maincontents .notice dd{display:none; position:absolute; width:430px; height:190px; left:0px; top:10px; margin:0; border:1px solid #dfdfdf; padding:23px 20px 30px 20px; }
#maincontents .notice dd li{line-height:28px; background:url("../images/main/icon_list_dot.gif") no-repeat scroll 0 9px transparent}
#maincontents .notice dd li span.date{position:absolute; right:0; padding-right:20px; color:#777;}
#maincontents .notice dd li span.cb{font-weight:bold; color:#6a9fff;}
#maincontents .notice dd li span.cg{font-weight:bold; color:#7abd1b;}
#maincontents .notice dd li span.co{font-weight:bold; color:#ff7e00;}
#maincontents .notice dd a { font-size:12px; color:#777; letter-spacing:-1px; }
#maincontents .notice dd img { margin: 0 5px 0 0; vertical-align: middle; }
#maincontents .notice .more {display:inline-block; position:absolute; left:433px; top:-28px; }


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);}
.popup1{width:374px; background:#fff url("../images/popup/bg_changeinfo.gif") 0 0 no-repeat; padding:40px 0 0 0;}
.popup1 ul{margin:0 20px;}
.popup1 h3{margin:0 0 10px 20px;}
.popup1 ul li{background: url("../images/popup/bul_changeinfo.gif") 0 5px no-repeat; padding:0 0 8px 7px; vertical-align:middle; margin:0 0 2px 0;}
.popup1 ul li p{display:block; width:100px; font-size:11px; color:#ff0037; float:right; position:absolute; margin:-8px 0 10px 210px}
*:first-child+html .popup1 ul li p{display:block; width:100px; font-size:11px; color:#ff0037; float:right; position:absolute; margin:5px 0 10px 160px}
.popup1 ul li.line{margin:10px 0 2px 0} 
.popup1 ul li input.txt{position:absolute; left:110px;}
.popup1 p.btn{display:block; position:relative; left:110px; top:10px}
.popup1 span.footer{display:block; height:50px; width:100%; position:relative; bottom:0; background:#fff url("../images/popup/bg_changeinfo01.gif") 0 0 no-repeat; margin:20px 0 0 0}



#email_wrap{width:403px; position:relative;}
#email_wrap h1{display:block; padding:0 48px 0 0;}
#email_wrap p.closeBtn{display:block; float:right; position:absolute; top:0px; right:0;}
.center_area{ top:20px; left:20px;  position:relative;}
span.notice_day{color:red;}
.center_area span.in_box{display:block; float:left;}
p.in_txt{line-height:16px;}
p.in_txt strong{color:#3c3c3c;}

#s_banner_img{display: block; float: left; width: 300px; height: 150px; margin: 0px 10px 20px 0px;}
#s_footer{display: block; float: left; width: 100%; text-align: center;}
ul#t_pagenation {text-align: center; margin: 10px 0px;}