@charset "euc-kr";
@import url(common.css);

/*
-----------------------------------------------------------------
.ÆÄÀÏ¸í      :  main.css
.³»¿ë        :  ¸ÞÀνºÅ¸ÀÏ
-----------------------------------------------------------------
*/


/* Left : Side Navigation Bar
------------------------------------------------------------------------------------ */
option.courseTermLine {background-color: blue; color: white;}

#snb {float:left; width:194px;}

/* Login */
.Mlogin {color:#7C7C7C; width:194px; padding:0 0 0 0; background:url(../main/login_bg_bottom.gif) no-repeat left bottom;}
.Mlogin h3.log {margin:0 0 0 0;}
.Mlogin fieldset {height:150px; position:relative;}
.Mlogin fieldset dl {float:left; width:110px; margin:16px 0 12px 16px; _display:inline;}
.Mlogin fieldset dl dt {float:left; width:33px; height:17px; padding:6px 5px 0 0; text-align:right; clear:left;}
.Mlogin fieldset dl dd {float:left; width:95px; height:24px;}
.Mlogin fieldset dl dd input {background:url(../common/input_bg.gif); width:92px; height:18px; border:0; padding:4px 5px 0 6px;}
.Mlogin fieldset dl dd .login1 {background:url(../common/login_id.gif); width:92px; height:18px; border:0; padding:4px 5px 0 6px;}
.Mlogin fieldset dl dd .login2 {background:url(../common/login_pw.gif); width:92px; height:18px; border:0; padding:4px 5px 0 6px;}
.Mlogin fieldset p.btnLogin {position:absolute; top:73px; left:124px;}
.Mlogin fieldset ul {clear:both;}
.Mlogin fieldset ul li a {color:#7C7C7C;}
.Mlogin fieldset p.security {padding:21px 0 6px 12px; font:11px dotum; color:#76798e; _padding:16px 0 0px 14px;}
.Mlogin fieldset p.security input {position:relative; top:-1px; _position:relative; _top:-4px;}
*:first-child+html .Mlogin fieldset ul.security {padding:8px 0 0px 14px;}
*:first-child+html .Mlogin fieldset ul.security li label {margin:0 7px 0 0px; position:relative; top:1px;}
*:first-child+html .Mlogin fieldset ul.security li input {position:relative; top:-3px;}
.Mlogin fieldset ul.sch {text-align:center; margin:0 0px 0 0px; padding-top:0px; _padding-top:3px;}
.Mlogin fieldset ul.sch li {display:inline; padding-right:0px; background:url(../../common/line_03.gif) no-repeat right top;}
.Mlogin fieldset ul.sch li.end {background:none; padding:0 0 0 0px;}
*:first-child+html .Mlogin fieldset ul.sch {padding-top:3px;}

/* Logout */
.Mlogin .logout {width:152px; height:68px; margin:0px 0 5px 20px;}
.Mlogin h3.log2 {width:194px; height:27px; padding:15px 0 0 20px; font:12px dotum; color:#76798e; background:url(../main/login_bg_top.gif) no-repeat left top;}
.Mlogin h3.log2 strong {padding:5px 0 2px 20px; color:#2271a2;}
.Mlogin h3.log2 strong.man {background:url(../common/icon_man.gif) no-repeat left 2px;}
.Mlogin h3.log2 strong.woman {background:url(../common/icon_woman.gif) no-repeat left 2px;}
.Mlogin fieldset ul.psInfo {margin-top:-4px;}
.Mlogin fieldset ul.psInfo li.class {padding:2px 0 1px 19px; background:url(../common/icon_class.gif) no-repeat 2px top;}
.Mlogin fieldset ul.psInfo li.note {padding:2px 0 1px 19px; background:url(../common/icon_note.gif) no-repeat left top;}
.Mlogin fieldset ul.psInfo li.answer {padding:2px 0 1px 19px; background:url(../common/icon_answer.gif) no-repeat left top;}
.Mlogin fieldset ul.psInfo li em {color:#F5431D; font-weight:bold;}
.Mlogin fieldset ul.psInfo li strong {color:#000;}
.Mlogin fieldset ul.sch2 {margin:0 0px 0 0px; padding-top:3px; _padding-top:4px;}
.Mlogin fieldset ul.sch2 li {display:inline; padding-right:0px;}
*:first-child+html .Mlogin fieldset ul.sch2 {padding-top:3px;}
.Mlogin fieldset p.myClass {margin-top:5px;}
.Mlogin fieldset p.myClass select {font:11px dotum;}

/* left banner */
p.certificate {width:194px; margin:10px 0 0 0;}
ul.csInfo {float:left; width:194px; margin:10px 0 10px 0;}
ul.csInfo li {float:left; padding:0;}
ul.perSv {width:194px; margin:0 0 10px 0;}
ul.perSv li.btn {margin:0 0 5px 0;}

/* middle : contents
------------------------------------------------------------------------------------ */
/* ÄÁÅÙÃ÷ Layout */
#group {float:left; padding:0 26px 0 26px; _padding:0 25px 0 25px; width:608px; min-height:505px;}
.content {clear:both; margin-bottom:0px; width:609px;}
.content .bbs {float:left; width:335px;}
.content .conRt {float:right; width:255px;}

/* ¸ÞÀÎ À̹ÌÁö ¿µ¿ª */
.mTopImg {clear:both; margin-bottom:13px; position:relative; width:608px;}

/* ¸ÞÀÎ Æ˾÷ °øÁö ¿µ¿ª*/
.mainPOPNotice {position:absolute; left:0px; top:50px; z-index:10;}

/* ¸ÞÀÎ ¹è³Ê */
.mBanImg {position:absolute; right:0px; top:0px;}

/* °³¼³°­Á ¾È³» */
.classInfo {clear:both; position:relative; width:608px; margin-bottom:18px;}

/* °øÁö»çÇ×, ÀÏÁ¤¾È³» */
.bbs .notice {height:144px; margin-bottom:10px;}
.bbs .schedule {height:140px;}
.bbs .tit_bbs {position:relative; height:30px; padding:0 0 0 0;}
.bbs .tit_bbs h3 {padding:0;}
.bbs ul.list01 {float:left; width:335px; padding-top:8px;}
.bbs ul.list01 li {position:relative; padding:2px 0 4px 12px; background:url(../common/bullet_01.gif) no-repeat 2px 6px;}
.bbs ul.list01 li span {position:absolute; right:7px; text-align:right; color:#888;}
.bbs ul.date {float:right; width:70px;}	

/* ÇнÀÄ¿¹Â´ÏƼ */
.mComm {margin-top:5px;}
.mComm ul li {float:left;}

/* ´ë»óº°ÇнÀ¼³°è */
.mPlan h3 {}
.mPlan ul {width:255px; padding-top:0px;}
.mPlan ul li {float:left;}

/* ÇÐÁ¡Ãëµæ¼ø¼­ */
.crProcess h3 {float:left; width:400px; margin:0 0 0 4px;}
.crProcess {float:left; width:609px; padding-top:17px;}