/* -------------------------------------------------
»çÀÌÆ® °øÅë
Module Made : 2014-12-20
Last Update: 20145-01-12
Author:	¾Æ³²Á¤º¸±â¼ú
Version: 1.0
-------------------------------------------------*/

/* initialize
-------------------------------------------------*/

html, body {height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,select, textarea, button{font-family: NanumGothic, "³ª´®°íµñ", ngttf, ngeot, ngwoff, Malgun Gothic,'µ¸¿ò',Dotum,'±¼¸²',Gulim,Helvetica,sans-serif;font-size:14px;color:#555555;}
body{background-color:#FFFFFF;*word-break:break-all;-ms-word-break:break-all;}
body{height:100%; margin:0; padding:0; -ms-overflow-style: scrollbar;}
/* Å©·Ò ¹öÆ° Ŭ¸¯½Ã Å׵θ® ¾È»ý±â°Ô ¼±¾ð*/
*:focus { outline: none; }
img, fieldset, iframe {border:0 none;}
ul, ol {list-style-type:none;}
li {list-style:none outside none;}
i, em, address {font-style:normal;}
input,select,button { vertical-align:middle; }
button { cursor: pointer; }
img{vertical-align:middle}
i,em,address{font-style:normal}
label {display: inline-block; vertical-align: top; padding-top: 3px; font-weight: 400;}
button{margin:0;padding:0; border: 0px; }
textarea { overflow: auto; resize: none; }
hr {display:none;}
legend{*width:0}
table{/* border-collapse:collapse;table-layout:fixed; border-collapse:collapse;*/border-spacing:0; width:100%;}
caption{overflow:hidden;width:1px;height:1px;*height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px;}
a, a span {text-decoration:none; color:#555555;}
a:hover, a:hover span {text-decoration:none;}
strong {font-weight:600}
button:hover, button:focus {color: #005580;text-decoration: none;}

button.btnSearch01 { background: #666465; border-radius: 4px 4px !important; vertical-align: middle; text-align: left; padding: 4px 10px; width: 80px; }
button.btnSearch01 span.text { color: #FFFFFF; display: inline-block;  vertical-align: top;  padding: 0px 0px 0px 5px; }

span.iconSearch01 { background: url("/images/icon/icon_search.png") no-repeat; width: 16px; height: 16px; display: inline-block;  vertical-align: middle;  }
span.iconLecCerti { background: url("/images/icon/icon_lec_certi.png") no-repeat; width: 13px; height: 15px; display: inline-block;  vertical-align: middle;  }
span.iconLecPlan { background: url("/images/icon/icon_lec_plan.png") no-repeat; width: 9px; height: 18px; background-size: 9px 15px;  display: inline-block;  vertical-align: middle; margin-bottom: 2px; }
span.iconLecGrade { background: url("/images/icon/icon_lec_grade.png") no-repeat; width: 16px; height: 16px; display: inline-block;  vertical-align: middle;  }
span.iconLecComplate { background: url("/images/icon/icon_lec_complete.png") no-repeat; width: 12px; height: 17px; display: inline-block;  vertical-align: middle;  }
span.iconReply { background: #ff8500; height: 20px; padding: 0px 7px; color: #fff; display: inline-block; font-size: 11px; }
span.iconHelpGray { background: url("/images/icon/icon_help_gray.png") no-repeat; width: 16px; height: 16px; display: inline-block;  vertical-align: middle; cursor: pointer;  }
span.iconNotiOrange { background: url("/images/icon/icon_noti_orange.png") no-repeat; width: 16px; height: 16px; display: inline-block;  vertical-align: middle;  }
span.iconMessage { background: url("/images/icon/icon_message.png") no-repeat; width: 14px; height: 16px; display: inline-block;  vertical-align: middle;  }
span.iconFile { background: url("/images/icon/icon_file.png") no-repeat; width: 19px; height: 20px; display: inline-block;  vertical-align: middle;  }
span.iconFile.mt2 {margin-bottom:2px;}
span.iconNew { background: url("/images/icon/icon_new.gif") no-repeat; width: 11px; height: 11px; display: inline-block;  vertical-align: middle;  }
span.iconSmallGreen { background: #78b71d; width: 10px; height: 10px; border-radius: 10px; display: inline-block; }

span.iconBbsPrevious { background: url("/images/bul/bul_bbs_prev.png") no-repeat; width: 7px; height: 4px; display: inline-block;  vertical-align: middle; }
span.iconBbsNext { background: url("/images/bul/bul_bbs_next_on.png") no-repeat; width: 7px; height: 4px; display: inline-block;  vertical-align: middle; }

span.bulReplyOrange { background: url("/images/bul/bul_reply_orange.png") no-repeat; width: 6px; height: 7px; display: inline-block;  vertical-align: middle;  }

span.labelSmall { background: #36b3e3; padding: 0px 3px; height: 20px; color: #fff; text-align: center; font-size: 12px; border-radius: 2px; display: inline-block; }
span.labelSmall.blue { background: #36b3e3; }
span.labelSmall.orange { background: #ff8601; }
span.labelSmall.grey { background: #999999; }

#wrap {min-width:960px; margin:0 auto -55px;}
#header {margin-top:17px; text-align:center;}
#container {background-color:#FFFFFF; text-align:center;}
#navi {display:inline-block; min-width:960px; max-width:960px; font-size:12px; text-align:right; margin: 15px 0px 10px 0px;  }
#contents {display:inline-block; width:100%; height:100%; min-width:960px; max-width:960px; text-align:left; padding: 0px 0px 20px 0px; }
#footer {display:block;text-align:center; margin-top:120px; margin-bottom:10px;clear: both; }


#subHeader {padding-bottom:15px;}
#subHeader .fSize {font-size:18px;font-weight:bold;}
.fSize {font-size:18px;font-weight:600;}

/*button*/
.blueLineBtn {width:auto;border:1px solid #0182ac;border-radius:4px;;padding:3px 8px;cursor:pointer; background: #fff; }
.blueLineBtn img {margin-bottom:3px;}
.blueLineBtn .img {vertical-align:top;padding-right:03px;padding-top:3px;}
.orangeLineBtn {width:auto;border:1px solid orange;border-radius:4px;;padding:3px 8px;cursor:pointer; background: #fff; }
.orangeLineBtn .img {vertical-align:top;padding-right:03px;padding-top:1px;}
.blueCmnBtn {width:auto;border:1px solid #0182ac;border-radius:4px;background-color:#20a8d9;color:#FFFFFF;border-radius:5px;cursor:pointer;}
.blueBtnLarge {width:auto;border:1px solid #0182ac;border-radius:4px;;padding:8px 20px;background-color:#20a8d9;color:#FFFFFF;border-radius:5px;cursor:pointer;}
.blueCmnBtn .img {vertical-align:top;padding-right:05px;margin-top: 2px;}
.orangeCmnBtn {width:auto;border:1px solid #d47a18;border-radius:4px;;padding:3px 8px;background-color:#F3860F;color:#FFFFFF;border-radius:5px;cursor:pointer;}
.orangeCmnBtn .img {vertical-align:top;padding-right:05px;margin-top: 2px;}
.orangeCmnBtn span { color: #fff; }
a.orangeCmnBtn { color: #fff; }
.skyBtn {width:auto; border-radius:4px;;padding:4px 9px;font-weight:300;background-color:#20a8da;color:#FFFFFF;border-radius:5px;cursor:pointer;}
.skyBtn span { color: #fff; }
a.greyBtn:LINK { color: #fff; }
a.greyBtn:HOVER { color: #fff; }
a.greyBtn:ACTIVE { color: #fff; }
a.greyBtn:VISITED { color: #fff; }
a.skyBtn { display:inline-block;zoom:1;*display:inline; }
a.greyBtn { display:inline-block;zoom:1;*display:inline; }
a.blueCmnBtn02 { display:inline-block;zoom:1;*display:inline; }
.orangeBtn {width:auto;border:1px solid #d47a18;border-radius:4px;padding:5px 8px;background-color:#F3860F;color:#FFFFFF;border-radius:5px;cursor:pointer;}
.orangeBtn span { color: #fff; }
.greyBtn {width:auto;border:1px solid #777777;border-radius:4px;background-color:#888888;color:#FFFFFF;border-radius:5px;cursor:pointer;}
.greyBtn span { color: #fff; }
.greyBtn[disabled="disabled"]  { background: #c6c6c6; border-color: #b4b4b4; color: #888; }
.greenBtn {width:auto;border:1px solid #51a62c;border-radius:4px;;padding:3px 8px;background-color:#78b71d;color:#FFFFFF;border-radius:5px;cursor:pointer;}
.searchBtn {width:68px;border:1px solid #555555;border-radius:4px;;padding:3px 8px;background-color:#666666;color:#FFFFFF;border-radius:5px;cursor:pointer;}
.blueCmnBtn02 { border: 1px solid #1d97c3; border-radius: 4px; padding: 3px 8px;  background-color: #20a8d9; border-radius: 5px; cursor: pointer; }
.blueCmnBtn02 span.text { color: #fff; padding: 0px 0px 0px 5px;  }
.whiteBtnLarge{width:auto;border:1px solid #0182ac;border-radius:4px;;padding:8px 20px;background-color:#fff ;color:#20a8d9;border-radius:5px;cursor:pointer;}

/* small button */
.blueSmallBtn { border: 1px solid #0182ac; padding: 0px 5px 2px 5px;  font-weight: 600; background-color: #20a8d9; color: #FFFFFF; border-radius: 2px; cursor: pointer; font-size: 12px; }
.greenSmallBtn { border: 1px solid #51a62c; padding: 0px 5px 2px 5px;  font-weight: 600; background-color: #78b71d; color: #FFFFFF; border-radius: 2px; cursor: pointer; font-size: 12px; }
.orangeSmallBtn { border: 1px solid #d47a18; padding: 0px 5px 2px 5px;  font-weight: 600; background-color: #F3860F; color: #FFFFFF; border-radius: 2px; cursor: pointer; font-size: 12px; }
.graySmallBtn { border: 1px solid #777777; padding: 0px 5px 2px 5px;  font-weight: 600; background-color: #888888; color: #FFFFFF; border-radius: 2px; cursor: pointer; font-size: 12px; }

span.orangeLineBtn02 { border: 1px solid #ff8500; border-radius: 4px; padding: 3px 8px; font-weight: 300; background-color: #fff; border-radius: 5px; cursor: pointer; }

/*font*/
.blueFont {color:#0182ac}
.orangeFont {color:#d54400}
.blackFont { color: #000; }
.greenFont { color: #369d90; }
.fontColor333 { color: #333; }
.redFont { color: #f50f1b; }
.orangeFontLine { text-decoration: underline; }
.clearboth {clear:both;}
.whiteFont {color:#FFFFFF;}

/*layout*/
.topBtnArea {padding-bottom:20px;}
.topRightBtnArea {display:inline-block;zoom:1;*display:inline;float:right; margin-top: -35px; }
.bottomBtnArea {
  display: block;
  width: 100%;
  padding-top: 40px;
  text-align: center;
  position: relative;
}
.leftBottomBtnArea {display:block;width:100%;padding-top:25px;text-align:left; position: relative; }
.floatLeft {float:left;}
.floatRight {float:right;}

.bottomBtnArea div.center { position: absolute; text-align: center; width: 100%; top: 22px; }
.bottomBtnArea div.center div.pageNavi { margin: 0px 0px !important; }
.careImg{
  background-image: url("/images/resources/bg_btn_orange_s.png");
  background-repeat: no-repeat;
  /* background-size: 65px 20px; */
  padding: 0px 0px 0px 5px;
  color:#FFFFFF;
  margin-bottom:5px;
  font-size:12px;
}

/* page navi */
div.pageNavi { margin: 20px 0; text-align:center; }
div.pageNavi span.tn {display:inline-block; padding:2px 6px; border:1px solid #C6C6C6; font-size:11px; text-align:center;}
div.pageNavi span.sn {display:inline-block; padding:2px 8px; border:1px solid #C6C6C6; font-size:11px; text-align:center;}
div.pageNavi span.number {display:inline-block; padding:3px 8px; font-size:13px; text-align:center;}
div.pageNavi span.number:hover {background:#20A8DA; }
div.pageNavi span.number:hover a { color: #fff; }
div.pageNavi span.number.on { background:#20A8DA; }
div.pageNavi span.number.on a { color: #fff; }

/* Æ˾÷ */
#popWrap{padding:0px;max-width: 900px;min-width: 650px;overflow-x: auto;}
.popContents{padding:10px;}
.popSearch {border:1px solid #ddd; padding:5px;}
.popBtnArea{text-align:center; margin-bottom:25px;}
.popTit{font-size:14px; font-weight:bold; margin-bottom:15px;  background: url("/images/bg/bg_popup_title.gif") repeat 0px; color:#fff; padding:10px 15px;}
.btnPopClose {font-size:14px; font-weight:bold; color:#FFFFFF;float:right;  }

.courseNavi {width:100%;border:1px solid #E1E1E1;font-weight:500;;font-size:14px;  padding-bottom: 50px;}
.courseNavi .current {display:inline-block;zoom:1;*display:inline;float:left;background-color:#20a8d9;color:#ffffff;height:38px;vertical-align:middle;text-align:center;padding:12px 5px 0px 5px;}
.courseNavi .next {display:inline-block;zoom:1;*display:inline;width: 18%;height:38px;float:left;vertical-align:middle;text-align:center;padding:12px 5px 0px 5px;}
.courseNavi img {float:left;}

.courseNaviOrange {width:100%;font-weight:500;;font-size:14px;margin-top:20px;}
.courseNaviOrange .current {display:inline-block;zoom:1;*display:inline;width:12.5%;background-color:#FF8500;color:#FFFFFF;height:45px;vertical-align:middle;text-align:center;padding-top:17px;float:left;}
.courseNaviOrange .next {display:inline-block;zoom:1;*display:inline;width:12.6%;background-color:#E9E9E9;height:45px;vertical-align:middle;text-align:center;padding-top:17px;float:left;}

.popHeader {display:block;width:100%;margin:20px 0px;}
.popHeader1 {display:block;width:100%;margin:20px 0px;}
#popHeader {display:block;width:100%;margin:20px 0px;}
#popHeader1 {display:block;width:100%;margin:20px 0px;}

/* µî·Ï/¼öÁ¤ Æû ½ºÅ¸ÀÏ 01 */

.formTbl { width: 100%; }
.formTbl h3 { font-size: 13px; width: 100%; font-weight: bold; color: #000000; float: left; padding: 10px 05px; }
.formTbl table { width: 100%; }
.formTbl select { width: auto; }
.formTbl tr { border-top: 1px solid #e1e1e1; padding: 10px; border-bottom: 1px solid #e1e1e1; }
.formTbl th { background-color: #f5f5f5; padding: 10px; border-right: 1px solid #e1e1e1; text-align: center; }
.formTbl th.last { background-color: #f5f5f5; padding: 10px; border-right: none; text-align: center; }
.formTbl td { padding: 10px; border-right: 1px solid #e1e1e1; }
.formTbl td.last { padding: 10px; border-right: none; }
.formTbl td.img { text-align: center; }
.formTbl td.radioBtn { text-align: center; }
.formTbl td.txtCenter { text-align: center; line-height: 33px; }
.formTbl table textarea {  width: 100%; margin: 10px 0px; text-align: left; }
.formTbl input { padding: 0px 0px 0px 02px; }

/* °Ë»ö Æû ½ºÅ¸ÀÏ 01 */
div.searchForm01 { border-top: 1px solid #E1E1E1; border-bottom: 1px solid #a5a5a5;  padding: 20px 20px; position: relative; height: 70px; background: #f7f7f7; }
div.searchForm01 div.formWrapper { float: left; padding: 0px 0px 0px 0px; /* 100px */ }
div.searchForm01 div.buttonWrapper { float: left; padding: 40px 0px 0px 10px; }

/* °Ë»ö Æû ½ºÅ¸ÀÏ 02 */
div.searchForm02 { border: 1px solid #E1E1E1; padding: 20px 20px; position: relative; height: 30px; background: #f7f7f7; }
div.searchForm02 div.formWrapper { float: left; }
div.searchForm02 div.buttonWrapper { float: left; padding: 0px 0px 0px 5px;  }

/* Å×À̺í Á¾·ù  */
#mainContent table.subTableList tbody tr td { text-align: left; }
#mainContent table.subTableList tbody tr td.center { text-align: center; }
table.subTableList { border-top: 2px solid #333333; border-bottom:1px solid #E1E1E1; width:100%;}
table.subTableList thead tr th { text-align:center; background:#F4F4F4; height:40px; border-bottom:1px solid #333333; }
table.subTableList tbody tr td { height: 38px; border-bottom: 1px solid #d7d7d7; text-align: center;  }
table.subTableList tbody tr td.center { text-align: center; vertical-align: middle; }
table.subTableList tbody tr td.left { text-align: left; vertical-align: middle; }
table.subTableList tbody tr td.detailView { background: #F4F4F4; text-align: left; padding: 20px 10px; font-size: 12px; word-break: break-all; }
table.subTableList tbody tr td.textLeft { text-align: left; vertical-align: left; padding: 0px 0px 0px 5px; }
table.subTableList tbody tr td.textRight { text-align: right; vertical-align: middle; padding: 0px 15px 0px 0px; }

table.subTableList tbody tr td.title:hover { cursor: pointer; font-weight: 500; text-decoration: underline; }
table.subTableList tbody tr:hover td { background-color: #f6fbfe;  }
table.subTableList tbody.line tr td { border-right: 1px solid #d7d7d7; padding: 5px 5px; }
table.subTableList tbody tr td.last { border-right-width: 0px; }
table.subTableList tbody tr th.title {text-align:center; background:#F4F4F4;vertical-align:middle;border-bottom:1px solid #d7d7d7;}
table.subTableList tbody tr td .input {margin-top:8px;margin-left:5px;}

/*¼­ºê¸®½ºÆ®ÀÇ ´äº¯Çü °Ô½ÃÆÇÀΰæ¿ì µðÀÚÀÎ css */
.subTableList tbody tr.replyDetail { display: none; }
.subTableList tbody tr.replyDetail td.textLeft { padding: 10px 10px; word-break: break-all;  }
.subTableList tbody tr.replyDetail td ul > li > div.comment { border: 1px solid #E1E1E1; margin-top: 10px; word-break: break-all;  }
.subTableList tbody tr.replyDetail td ul > li > div.comment > div.head { background: #faf5ec; height: 20px; padding: 10px 10px; }
.subTableList tbody tr.replyDetail td ul > li > div.comment > div.head span.iconReplyText { font-size: 12px; color: #aaaaaa; }
.subTableList tbody tr.replyDetail td ul > li > div.comment > div.head span.iconReply { margin-left: 5px; border-radius: 2px; }
.subTableList tbody tr.replyDetail td ul > li > div.comment > div.head div.leftWrapper { float: left; }
.subTableList tbody tr.replyDetail td ul > li > div.comment > div.head div.rightWrapper { float: right; text-align: right; }
.subTableList tbody tr.replyDetail td ul > li > div.comment > div.head div.rightWrapper span.date { margin: 0px 0px 0px 30px; }
.subTableList tbody tr.replyDetail td ul > li > div.comment > div.body { padding: 20px 20px; clear: both; background: #fff; }
.subTableList tbody tr.replyDetail td ul > li > div.noline { padding: 10px 10px; }
.subTableList tbody tr.replyDetail td ul > li { margin-bottom: 5px; }
.subTableList tbody tr.replyDetail td { background: #F4F4F4; }
.subTableList tbody tr.replyDetail td div.buttonWrapper { text-align: right; margin-top: 10px; }
.subTableList tbody tr.replyDetail:hover td {background-color: #F4F4F4;}

/*¼­ºê¸®½ºÆ®ÀÇ Æò°¡ÀÇ°ß °Ô½ÃÆÇÀΰæ¿ì µðÀÚÀÎ css */
.subTableList tbody tr.answer td { border-bottom: 1px dashed #c2c2c2;  }
.subTableList tbody tr.answerDetail { display: none; }
.subTableList tbody tr.answerDetail td { background: #faf9f5;  }
.subTableList tbody tr.answerDetail td div.comment > div.head { height: 20px; padding: 10px 10px; }
.subTableList tbody tr.answerDetail td div.comment > div.head span.iconReplyText { font-size: 12px; color: #aaaaaa; }
.subTableList tbody tr.answerDetail td div.comment > div.head span.labelSmall { margin-left: 2px; }
.subTableList tbody tr.answerDetail td div.comment > div.head div.leftWrapper { float: left; }
.subTableList tbody tr.answerDetail td div.comment > div.head div.rightWrapper { float: right; text-align: right; }
.subTableList tbody tr.answerDetail td div.comment > div.head div.rightWrapper span.date { margin: 0px 0px 0px 30px; }
.subTableList tbody tr.answerDetail td div.comment > div.body { padding: 0px 20px 20px 20px; clear: both; }
.subTableList tbody tr.answerDetail td div.buttonWrapper { text-align: right; margin-top: 10px; }
.subTableList tbody tr.answerDetail:hover td {background-color: #faf9f5;}

/* °Ô½ÃÆÇ »ó¼¼ºä css */
.subTableList2{margin-top: 20px;margin-bottom:80px;}
.subTableList2 {border-top:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; width:100%;}
.subTableList2 thead tr th {background:#F4F4F4;height:40px;border-top:2px solid #333333;border-bottom:1px solid #333333;padding-left:20px;}
.subTableList2 tbody tr td { height:35px;border-bottom:1px solid #d7d7d7;padding-left:20px;padding-right:20px;}
.subTableList2 tbody tr td.center {text-align:center;vertical-align:middle;}
.subTableList2 tbody tr td.right { text-align: right; }
.subTableList2 thead tr th.left { text-align: left; }
.subTableList2 tbody tr td.buttonWrapper { padding: 10px 0px; }
/* ´äº¯³»¿ë */
.subTableList2 tbody tr td > div.replyComment { border: 1px solid #E1E1E1; background: #F4F4F4; margin-top: 20px; margin-right: 20px; }
.subTableList2 tbody tr td > div.replyComment > div.head { background: #faf5ec; height: 20px; padding: 10px 10px; }
.subTableList2 tbody tr td > div.replyComment > div.head span.iconReplyText { font-size: 12px; color: #aaaaaa; }
.subTableList2 tbody tr td > div.replyComment > div.head span.iconReply { margin-left: 5px; border-radius: 2px; }
.subTableList2 tbody tr td > div.replyComment > div.head div.leftWrapper { float: left; }
.subTableList2 tbody tr td > div.replyComment > div.head div.rightWrapper { float: right; text-align: right; }
.subTableList2 tbody tr td > div.replyComment > div.head div.rightWrapper span.date { margin: 0px 0px 0px 30px; }
.subTableList2 tbody tr td > div.replyComment > div.body { padding: 20px 20px; clear: both; background: #fff; }

/* °Ô½ÃÆÇ »ó¼¼ºä 02 */
div.boardDetailView02 {}
div.boardDetailView02 div.title { border-top: 2px solid #333333; background: #f4f4f4; min-height: 48px; }
div.boardDetailView02 div.title span { display: inline-block; zoom: 1; *display: inline; padding: 13px 0px 13px 10px; color: #444444;  }
div.boardDetailView02 div.info { height: 42px; border-bottom: 1px solid #d7d7d7; }
div.boardDetailView02 div.info div.writer { float: left; text-align: left; padding-top: 10px; padding-left: 5px; }
div.boardDetailView02 div.info div.date { float: right; text-align: right; padding-top: 10px; padding-right: 5px; }
div.boardDetailView02 div.fileList { min-height: 30px; border-bottom: 1px solid #d7d7d7; }
div.boardDetailView02 div.fileList ul { padding: 10px 5px 0px 5px; }
div.boardDetailView02 div.fileList ul li { padding-bottom: 5px; }
div.boardDetailView02 div.fileList ul li a { color: #0282b1; display: inline-block; zoom: 1; *display: inline; padding-left: 5px; }
div.boardDetailView02 div.contents { padding: 13px 5px; word-break: break-all; }
div.boardDetailView02 div.contents div.comment { padding-top: 13px; word-break: break-all; }
div.boardDetailView02 div.question { padding: 13px 5px; background: #f6f6f6; }
div.boardDetailView02 div.question div.comment { padding-top: 13px; padding-left: 5px; padding-right: 5px; word-break: break-all; }
div.boardDetailView02 div.question span.iconReplyText { display: inline-block; zoom: 1; *display: inline; color: #999999; margin-right: 5px; }
div.boardDetailView02 div.question span.classInfo { display: inline-block; zoom: 1; *display: inline; margin-left: 5px; color: #5a5a5a; }
div.boardDetailView02 div.contents div.classInfoBox { }
div.boardDetailView02 div.contents div.classInfoBox span.classInfo { display: inline-block; zoom: 1; *display: inline;  color: #5a5a5a; padding-bottom: 10px; }
div.boardDetailView02 div.buttonWrapper { border-top: 1px solid #d7d7d7; padding: 9px 5px; text-align: right; }
div.boardDetailView02 div.prevNextWrapper { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
div.boardDetailView02 div.prevNextWrapper ul li { height: 37px; }
div.boardDetailView02 div.prevNextWrapper ul li.next { border-top: 1px solid #d7d7d7; }
div.boardDetailView02 div.prevNextWrapper ul li span.box { display: inline-block; zoom: 1; *display: inline; width: 104px; height: 37px; background: #f4f4f4; text-align: center; }
div.boardDetailView02 div.prevNextWrapper ul li span.box span.icon { margin-left: 5px; background-position: 0px 2px; }
div.boardDetailView02 div.prevNextWrapper ul li span.box span { display: inline-block; zoom: 1; *display: inline;  padding-top: 8px; }
div.boardDetailView02 div.prevNextWrapper ul li span.text { display: inline-block; zoom: 1; *display: inline; padding-left: 10px; vertical-align: top; padding-top: 8px; }




/* Å×ÀÌºí ¸ñ·Ï Á¾·ù 01 */
div.tableListType01 { position: relative; }
div.tableListType01 table { border-top: 1px solid #57a8c5; }
div.tableListType01 table thead tr th { background: #f2fafd; border-right: 1px solid #d9d8d4; border-bottom: 1px solid #d9d8d4; padding: 10px 0px; text-align: center; }
div.tableListType01 table thead tr th.last { border-right-width: 0px; }
div.tableListType01 table thead tr th.left { padding-left: 10px; text-align: left; }
div.tableListType01 table thead tr th span { font-weight: normal; }
div.tableListType01 table thead tr th.bgnone { background: none; }

div.tableListType01 table tbody tr td { border-right: 1px solid #d9d8d4; border-bottom: 1px solid #d9d8d4; padding: 10px 0px; text-align: center; }
div.tableListType01 table tbody tr td.last { border-right-width: 0px; }
div.tableListType01 table tbody tr td.left { text-align: left; padding: 0px 10px; }
div.tableListType01 table tbody tr td span { font-weight: normal; }
div.tableListType01 table tbody tr td.total { background: #fff8e7; }
div.tableListType01 table tbody tr td.sum { background: #f6f6f6; }

/* Å×ÀÌºí ¸ñ·Ï Á¾·ù 02 */
div.tableListType02 { position: relative; }
div.tableListType02 table { border-top: 1px solid #57a8c5; }
div.tableListType02 table thead tr th { background: url("/images/bar/bar_bg_blue.gif") repeat;  height: 37px; text-align: center; }

div.tableListType02 table thead tr th.line { border-right: 1px solid #d7d7d7; }
div.tableListType02 table thead tr th span { font-weight: normal; color: #fff; }

div.tableListType02 table tbody tr td { border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 10px 0px; text-align: center; }
div.tableListType02 table tbody tr td.first { border-left: 1px solid #d7d7d7; }
div.tableListType02 table tbody tr td span { font-weight: normal; }

/* Å×ÀÌºí ¸ñ·Ï Á¾·ù 03 */
div.tableListType03 { position: relative; }
div.tableListType03 table { border-top: 1px solid #d7d7d7; }
div.tableListType03 table thead tr th { background: #f4f4f4; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; text-align: center;  font-weight: normal; color: #606060; font-size: 12px; }
div.tableListType03 table tbody tr td { border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; text-align: center; font-size: 12px; }
div.tableListType03 table thead tr th.leftL{border-left: 1px solid #d7d7d7;}
div.tableListType03 table tbody tr td.leftL {border-left: 1px solid #d7d7d7;}

/* ¹Ú½º Á¾·ù 01 */
div.infoBox { border: 1px solid #e1e1e1; margin-bottom: 20px; background:url("/images/resources/bg_box_info_ptn_square.gif") repeat;width:750px;height:auto;text-align:left;padding:20px 0px; position: relative; }
div.infoBox ul li {
  line-height: 24px;
}
div.infoBox.nobg { background: none; }
div.infoBox div.connerRight { position: absolute; right: -2px; bottom: -1px; background: url("/images/box/box_info_corner_right.gif") no-repeat; width: 25px; height: 25px; }
div.infoBoxText {margin-left:20px;}
div.infoBoxTit {font-size:18px;font-weight:500;color:#0182ac;}
div.infoBoxSub {margin-top:10px;}


/* ´Ü°è ÁøÇà¿©ºÎ ±×·¡ÇÁ À¯Çü 01 */
div.statusType01 { display:block;position: relative; }
div.statusType01 div.leftArrowBox {display:inline-flex;zoom:1;*display:inline; padding-top: 30px; float: left;}
div.statusType01 div.centerArrowBox {display:inline-block;zoom:1;*display:inline;  width: 25px; height: 80px; background: url("/images/box/box_step2_off.gif") no-repeat top; vertical-align: top;margin: 20px 5px 0px 5px; float: left;}
div.statusType01 div.rightArrowBox { display:inline-block;zoom:1;*display:inline;vertical-align: top; margin-left: 10px;}
div.statusType01 div.rightArrowBox div.line { clear: both; }
div.statusType01 div.rightArrowBox div.line2 { padding-top: 6px; }
div.statusType01 div.rightArrowBox div.line2 div.arrowBox { float: left; }

div.statusType01 div.arrowBox {display:inline-block;zoom:1;*display:inline; float:left;}
div.statusType01 div.arrowBox div.arrow { float: left; background: url("/images/box/box_step_off.gif") no-repeat; width: 33px; height: 62px; }
div.statusType01 div.arrowBox div.arrowSum { float: left; background: url("/images/tab/tab_process_4.gif") no-repeat; width: 33px; height: 62px; }
div.statusType01 div.arrowBox div.arrowLast { float: left; background: url("/images/box/box_step_right_off.gif") no-repeat; width: 23px; height: 62px; }
div.statusType01 div.arrowBox div.arrowLast.on { background: url("/images/box/box_step_right_on.gif") no-repeat; }
div.statusType01 div.arrowBox div.arrow.on { background: url("/images/box/box_step_on.gif") no-repeat; }
div.statusType01 div.arrowBox div.arrow.currentOn { background: url("/images/box/box_step_on2.gif") no-repeat; }

div.statusType01 div.arrowBox div.box {display:inline-block;zoom:1;*display:inline; float: left; background: #e7e7e7; height: 62px; text-align: center; }
div.statusType01 div.arrowBox div.box span.text { font-size: 16px; font-weight: 600; padding: 20px 10px 0px 10px; display: inline-block; }
div.statusType01 div.arrowBox.on div.box { background: #ff8500; }
div.statusType01 div.arrowBox.on div.box span.text { color: #fff; }
div.statusType01 div.clearBoth { clear: both; }

/*blue th tbl*/
.blueTopTbl {border-top:1px solid #58A7C5; text-align:center;width:100%;}
.blueTopTbl thead th {background:#F2FAFD; padding:10px 0; border-right:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7;color:#222222}
.blueTopTbl tbody tr th {background:#F6F6F6; padding:10px 0; border-right:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7;color:#222222}
.blueTopTbl tbody tr th .score {background-corol:#FFF8E7;}
.blueTopTbl tbody tr td {padding:10px 0; border-right:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7;}
.blueTopTbl tbody tr td .select {background-color:#FFF8E7;}
.blueTopTbl .last {border-right:none;}

/* bootstrap ¸»Ç³¼± ·¹À̾î ÃÖ´ë±æÀÌ °íÁ¤°ª ÇØÁ¦ */
.popover { max-width: none; }
.dropdown-menu li a:HOVER span.text { color: #fff; }
.dropdown-menu li.selected a span.text { color: #fff; }
/* jQuery °ü·Ã css Á¤ÀÇ */

/* input ÅÂ±× */
input.jqueryDatepicker { width: 80px; }
/* input ÅÂ±× ¿À¸¥ÂÊ ´Þ·Â ¾ÆÀÌÄÜ */
img.ui-datepicker-trigger { display: inline-block; vertical-align: top; margin-left: 5px; cursor: pointer; }

div.ui-datepicker div.ui-datepicker-title select.ui-datepicker-year { width: 75px; }
div.ui-datepicker div.ui-datepicker-title select.ui-datepicker-month { width: 70px; }
/* div.ui-datepicker table.ui-datepicker-calendar th, div.ui-datepicker table.ui-datepicker-calendar td { font-size: 12px; font-family: ±¼¸²; } */
/*etc*/
.mt10 {margin-top:10px;}
.blind {display:none}
.pointer {cursor:pointer;}
.center {text-align:center;}
.fontSize12{font-size: 12px;}
.mb60 {margin-bottom:60px;}


/* loading */
#loading-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 500; background: #000 url(/images/common/ajax-loader-transparent.gif) no-repeat center center; width: 100%; height: 100%; opacity: 0.75; display: none;  }
html > /**/ body #loading-container { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */ }

/* ÇлçÀÏÁ¤ Ķ¸°´õ */
/* .fc-content span{color:#fff;} */

/* °øÀÎÀÎÁõ¼­ ¾È³» */
#certificationCheckLayer { font-size: 13px;  width: 750px !important; margin-left: -370px; }
#certificationCheckLayer div.modal-body { max-height: 350px; }
#certificationCheckLayer div.infoBox { margin-bottom: 10px; }
#certificationCheckLayer div.titLayout { margin-bottom: 10px !important; }
#certificationCheckLayer div.titLayout .title { font-size: 14px !important; }
#certificationCheckLayer div.desc { margin-top: 20px; }
#certificationCheckLayer div.desc ul { padding-left: 25px; }
#certificationCheckLayer div.desc ul li { list-style: disc;}
#certificationCheckLayer div.buttons { margin-top: 20px; text-align: center; }