@charset "utf-8";

/************************************************************************
 - file name : helpDesk.css
 - summary   : helpDesk layout
 - date      : 2012.02.16
************************************************************************/

/* 학습지원센터 main */
.helpDeskTip {margin:15px 0 0px 0;}
.helpDeskTip li {float:left;}
.helpDeskTip li.typeA {width:140px; height:75px; padding:30px 0 0 112px; background:url('../images/helpDesk/deco_helpDeskTip_1.gif') no-repeat 0px 0px;}
.helpDeskTip li.typeB {width:147px; height:75px; padding:30px 0 0 106px; background:url('../images/helpDesk/deco_helpDeskTip_2.gif') no-repeat 0px 0px;}
.helpDeskTip li.typeC {width:152px; height:75px; padding:30px 0 0 101px; background:url('../images/helpDesk/deco_helpDeskTip_3.gif') no-repeat 0px 0px;}

.area_notice .notice {float:left; width:372px; margin:20px 0 0px 0;}
.area_notice .notice .area_tit {height:19px; padding:8px 10px 0 10px; background:#f6f6f6; border:1px solid #e8e8e8; vertical-align:top;}
.area_notice .notice .area_tit strong {float:left;}
.area_notice .notice .area_tit a {display:block; float:right; padding:0 8px 0 0; background:url('../images/common/icon_more.gif') no-repeat right 3px; font-size:11px; color:#adadad; line-height:13px; text-decoration:none;}
.area_notice .notice ul {margin:17px 0 0 12px;}
.area_notice .notice li {padding:0 0 2px 0px;}
.area_notice .notice li a {padding:0 0 0 7px; background:url('../images/common/bulC.gif') no-repeat 0px 4px;}
.area_notice .notice li a:hover {color:#343434;}
.area_notice .ban_helpDesk {float:right; height:150px; margin:20px 0 0px 0;}

.area_search_bestQuestion {margin:25px 0 0 0; padding:10px; background:#f7faff; border:1px solid #d5e0f2;}
.area_search_bestQuestion .search_bestQuestion {float:left; width:364px; padding:11px 0 0 14px; background:#fff; border:1px solid #f1f1f1;}
.area_search_bestQuestion .search_bestQuestion strong {display:block; height:24px; padding:7px 0 0 33px; background:url('../images/helpDesk/icon_search_bestQuestion.gif') no-repeat 0px 0px;}
.area_search_bestQuestion .search_bestQuestion input {width:210px; height:21px; padding:3px 1px 0 4px; border:1px solid #e8e8e8;}
.area_search_bestQuestion .search_bestQuestion img {vertical-align:middle;}
.area_search_bestQuestion .search_bestQuestion p {margin:3px 0 11px 65px; font-size:11px; color:#999;}
.area_search_bestQuestion .mailInquiry {float:left; width:147px; padding:13px 0 0 177px; background:url('../images/helpDesk/deco_mailInquiry.gif') no-repeat 44px 11px;}
.area_search_bestQuestion .mailInquiry a {display:block; margin:4px 0 0 68px;}

.bestQuestionTop5 img {float:left; padding:0 56px 0 40px;}
.bestQuestionTop5 ol {float:left; margin:10px 0 0 0;}
.bestQuestionTop5 ol li {padding:0 0 3px 0;}
.bestQuestionTop5 ol li a {display:block; padding:0 0 0 30px; vertical-align:top; line-height:17px;}
.bestQuestionTop5 ol li a.num1 {background:url('../images/helpDesk/txt_1.gif') no-repeat 0px 0px;}
.bestQuestionTop5 ol li a.num2 {background:url('../images/helpDesk/txt_2.gif') no-repeat 0px 0px;}
.bestQuestionTop5 ol li a.num3 {background:url('../images/helpDesk/txt_3.gif') no-repeat 0px 0px;}
.bestQuestionTop5 ol li a.num4 {background:url('../images/helpDesk/txt_4.gif') no-repeat 0px 0px;}
.bestQuestionTop5 ol li a.num5 {background:url('../images/helpDesk/txt_5.gif') no-repeat 0px 0px;}
.bestQuestionTop5 ol li a.num1:hover,
.bestQuestionTop5 ol li a.num2:hover,
.bestQuestionTop5 ol li a.num3:hover,
.bestQuestionTop5 ol li a.num4:hover,
.bestQuestionTop5 ol li a.num5:hover {color:#343434;}

.wrap_menu_helpDesk {padding:22px 0 15px 0; border:1px solid #eee; border-top:none;}
.menu_helpDesk {margin:20px 0 0 13px;}
.courseApplication {float:left; width:165px; height:213px; padding:19px 0 0 20px; background:url('../images/helpDesk/deco_courseApplication.gif') no-repeat 0px 0px;}
.courseStudy {float:left; width:165px; height:213px; padding:19px 0 0 16px; background:url('../images/helpDesk/deco_courseStudy.gif') no-repeat 0px 0px;}
.educationExpensesSupport {float:left; width:165px; height:213px; padding:19px 0 0 16px; background:url('../images/helpDesk/deco_educationExpensesSupport.gif') no-repeat 0px 0px;}
.member {float:left; width:168px; height:213px; padding:19px 0 0 16px; background:url('../images/helpDesk/deco_member.gif') no-repeat 0px 0px;}
.menu_helpDesk ul{ width:100%; overflow:hidden}
.menu_helpDesk ul li {padding:0 0 8px 6px; background:url('../images/common/bulA_D.gif') no-repeat 0px 5px; line-height:9px; height:9px; float:left; width:159px;}
.menu_helpDesk strong {display:block; margin:0 0 16px 7px;}

.wrap_megaHRDeducationExpensesSupport {margin:12px 0 0 0;}
.megaHRDeducationExpensesSupport {float:left;}
.studySupportProgram {float:left; width:160px; padding:5px 0 0 38px;}
.studySupportProgram a {display:block; margin:13px 0 0 0;}
/* 학습지원센터 main E */

.area_btn_helpDesk {margin:18px 0 0 0;}
.area_btn_helpDesk div {width:190px; padding:18px 0 15px 0; background:#fff; border:1px solid #e8e8e8; text-align:center;}

/* 교육비 지원제도 */
.tab_educationExpensesSupport_1_on {position:absolute; left:0; top:0;}
.tab_educationExpensesSupport_2_on {position:absolute; left:252px; top:0;}
.tab_educationExpensesSupport_3_on {position:absolute; left:505px; top:0;}

.deco_educationExpensesSupport {padding:25px 0 25px 183px; background:url('../images/helpDesk/deco_educationExpensesSupport_2.gif') no-repeat 51px 15px; }
/* 교육비 지원제도 */

/* 메가HRD 서포터즈 소개 */
.deco_megaHRDsupporterInfo {padding:25px 0 40px 195px; background:url('../images/helpDesk/deco_megaHRDsupporterInfo.gif') no-repeat 37px 29px;}
.box_megaHRDsupporterInfo {margin:46px 0 0 0; padding:18px 0 15px 0; background:#f8f8f8; border:1px solid #e6e6e6;}
.box_megaHRDsupporterInfo .megaHRDsupporterCharacter {float:left; padding:0 15px 0 15px; border-right:1px solid #e6e6e6; text-align:center;}
.box_megaHRDsupporterInfo .megaHRDsupporterRole {float:left; padding:0 15px 0 15px; text-align:center;}
.box_megaHRDsupporterInfo .cont_megaHRDsupporterCharacter {width:303px; padding:22px 0 14px 42px; background:#fff; border:1px solid #ededed; text-align:left;}
.box_megaHRDsupporterInfo .cont_megaHRDsupporterRole {width:310px; padding:22px 0 14px 35px; background:#fff; border:1px solid #ededed; text-align:left;}
.box_megaHRDsupporterInfo ol li {padding:0 0 8px 0px;}
.box_megaHRDsupporterInfo .tit {display:block; margin-bottom:14px;}
/* 메가HRD 서포터즈 소개 E */

/* 이벤트 */
.tab_event_1_on {position:absolute; left:0; top:0;}
.tab_event_2_on {position:absolute; left:116px; top:0;}
.tab_event_3_on {position:absolute; left:231px; top:0;}
/* 이벤트 E */

/* 1:1 질문하기 */
.tab_question_1_on {position:absolute; left:0; top:0;}
.tab_question_2_on {position:absolute; left:115px; top:0;}
/* 1:1 질문하기 E  */

/* 학습일정관리 */
.box_commissionedEducationProcess th {height:57px; background:#8cc0fc; border:1px solid #7cb5f8; text-align:center;}
.box_commissionedEducationProcess th.typeB {background:#94d4f7; border:1px solid #82c7ee; border-top:none;}
.box_commissionedEducationProcess thead th {height:50px; padding:12px 0 0 0; background:url('../images/helpDesk/box_commissionedEducationProcess_thead_th.gif') repeat-x 0px 0px; border:0px; border-right:1px solid #fff; vertical-align:top;}
.box_commissionedEducationProcess thead th.typeC {background:#fff;}
.box_commissionedEducationProcess td {background:url('../images/helpDesk/box_commissionedEducationProcess.gif') repeat-x 0px 0px;border-bottom:1px solid #E1EFFC; text-align:center; font-size:11px;}
.box_commissionedEducationProcess td.typeB {background:none;}
.box_commissionedEducationProcess td span {font-size:11px; text-align:center; letter-spacing:-1px; line-height:14px;}
.box_commissionedEducationProcess td span.typeB {color:#2B2B2B;}
.box_commissionedEducationProcess td span img {vertical-align:middle}
.box_commissionedEducationProcess td strong {font-size:11px; color:#FF6546; font-weight:normal; line-height:14px;}

.wrap_box_commissionedEducationProcess {position:relative;}
.studyProgress {position:absolute; left:384px; top:63px; width:60px; text-align:center;}
.studyProgress span {font-size:11px; color:#2B2B2B; text-align:center; letter-spacing:-1px; line-height:14px;}
.studyProgress strong {font-size:11px; color:#FF6546; font-weight:normal; line-height:14px;}
/* 학습일정관리 E */

/* 자주하는질문 */
.area_faq{ overflow:hidden; padding:14px 0;}
.area_faq li{ float:left; padding:0 18px; border-right:1px solid #eee;  }
.area_faq li.last{ border-right:none}

/* 이벤트 댓글 */
.reply_wrap .reply{ color:#666666; background:#f7f7f7; padding:25px 45px; line-height:20px; border-bottom:none;}
.reply_wrap .reply td{}
.reply_wrap .reply .area{ border-bottom:1px #d1d1d1 dotted; color:#666666; line-height:22px;  white-space: normal; margin-top:15px; }
.reply_wrap .reply .area form{ padding-bottom:20px; font-size:11px; line-height:16px;}
.reply_wrap .reply .area .name{ font-weight:bold; color:#454545; margin-top:5px; line-height:25px }
.reply_wrap .reply .area .date2{ font-size:11px; color:#b0b0b0; margin-left:10px; line-height:25px}
.reply_wrap .reply .area .number a{ font-family:dotum; font-size:11px; color:#ff6600; margin-left:10px;}
.reply_wrap .reply .area .number a:link{ font-family:dotum; font-size:11px; color:#ff6600; }
.reply_wrap .reply .area .number a:hover{ font-family:dotum; font-size:11px; color:#ff6600; }
.reply_wrap .reply .area .control{font-family:dotum; font-size:11px; color:#929292; text-align:right; letter-spacing:-0.06em}
.reply_wrap .reply .area .re{ padding-left:25px; border-bottom:1px #d1d1d1 dotted; color:#666666; line-height:22px;  white-space: normal;}
.reply_wrap .reply .addFile { padding-bottom:15px;}
.reply_wrap .reply .addFile a{ line-height:16px; font-size:11px; letter-spacing:-1px; text-decoration:underline; color:#616f7a; }
.reply_wrap .reply .addFile img{ padding-right:7px; vertical-align:middle;}

.reply_wrap .reply_wirte{ background:#f7f7f7; padding:15px 15px 15px 35px; line-height:20px; border:1px #ece8e9 solid; margin-bottom:20px;}
.reply_wrap .reply_wirte li{ list-style:none; text-decoration:none; padding:0; font-size:11px; margin:0; }
.reply_wrap .reply_wirte textarea{ padding:5px 7px; width:97% !important; height:60px !important;  }
.reply_wrap .reply_wirte .sizeinfo{ font-size:11px; line-height:17px;}
.searchinput .delete{position:absolute; top:-1px; *top:7px; right:8px; width:16px; height:13px; cursor:pointer; background:url('../images/color01/btn/btn_reply_delete.gif') no-repeat;}