body, html {height:100%;}
h6 {font-family:맑은 고딕;font-size:23px;}
div,span,ul,li {margin:0;padding:0;border:0;outline:0;}
table {border-collapse:collapse;border:0;}
img {border:0;}
a, .btn, .cursor {cursor:pointer;}
a {text-decoration:none;}
li {list-style:none;}
.lba {font-size:9pt;color:#639f1a;}
.bg_white {background-color:#ffffff;}
.bg_dark {background-color:#424242;}
.btn {margin:3px 0 -3px 0;}
.printBtn {float: right;margin-top: -25px;}

.red {color:#ee3825;}
.blue {color:#258dee;}

/*닫기버튼*/
.btnArea {
clear:both;
border-top:solid 1px #e3e3e3;
border-bottom:solid 1px #e3e3e3;
background-color:#f9f9f9;
padding:10px 0 10px 78%;margin:0;
}
.span6 .btnArea {
clear:both;
border-top:solid 1px #e3e3e3;
border-bottom:solid 1px #e3e3e3;
background-color:#f9f9f9;
padding:10px 0 10px 75%;margin:0;
}

.closeBtn {
cursor:pointer;
background:url(/img/common/closebtn.png) no-repeat 0 0;
padding:7px 30px 9px 20px;margin:0;
color:#000000;
font-size:9pt;
}

.modal-header .closeBtn {
cursor:pointer;display:table;float:right;
background:url(/m/images/close_x.png) no-repeat 0 0;width:25px;height:26px;
padding:0;margin:0 25px 0 0;
color:#000000;
font-size:0;
}

/* 부소소개 20140123 */
.PartInfo {margin:0 25px;}
.PartInfo .Ctitle1 {font-size:11pt;font-family:맑은 고딕;font-weight:bold;color:#000000;border-bottom:solid 1px #333333;padding:0 0 10px 0;margin:25px 0 10px 0;}
.PartInfo .Ctitle2 {font-size:10pt;font-family:돋움;font-weight:bold;color:#222222;line-height:145%;}
.PartInfo .Ctxt1 {font-family:돋움;font-size:9pt;font-family:돋움;color:#787878;line-height:145%;text-align:justify;padding:3px 0 10px 0;}
.PartInfo .Cpoint {font-weight:bold;font-family:돋움;line-height:145%;}
.PartInfo .Cpoint img {vertical-align:middle}

/* 앱등록 */
.AppR {display:table;}
.AppR .InfoT {
background:url(/m/images/infoappr.png) no-repeat 15px 25px;
padding:20px 25px 25px 100px;
font-size:11pt;font-weight:bold;
color:#666666;
line-height:155%;
text-align:justify;
}
.AppR .infoBox {border:solid 3px #d6d6d6;margin:20px;background-color:#ffffff;}
.AppR .infoBox .title {background-color:#f0f0f0;font-size:12pt;font-weight:bold;color:#666666;padding:5px 0 10px 25px;}
.AppR .infoBox .info {margin:20px 5%;display:table;}
.AppR .infoBox .info li {float:left;}
.AppR .infoBox .info .lbl {width:22%;font-size:11pt;font-weight:bold;color:#666666;margin-bottom:10px;background:url(/m/images/blt_list2.png) no-repeat 0 50%;padding-left:20px;}
.AppR .infoBox .info .lbb {width:70%;font-size:11pt;font-weight:bold;color:#666666;margin-bottom:10px;height:25px;}
.AppR .infoBox .typebtn {margin:20px;border-top:solid 1px #dedede;padding-top:15px;text-align:center;}
.AppR .infoBox .select {margin:20px 25px;}
.AppR .infoBox .select li {font-size:18pt;font-weight:bold;color:#666666;margin-bottom:8px;}
.AppR .infoBox .select li input {width:20px;height:20px;vertical-align:middle;}
.AppR .infoBox .msg {margin:20px;border-top:solid 1px #dedede;padding:10px 0 0 5px;font-size:15pt;color:#2870c8;}
/*경력개발 시작*/
.careerstart {width:100%;}
.careerstart td, .careerstart td b {text-align:justify;font-size:9pt;font-family:돋움;vertical-align:middle;}
.careerstart td b {color:#ffffff;}
.careerstart .low {border-top:solid 5px #e2f1da;background:url(/widget/career/images/bg_low.png) no-repeat 50% 50%;width:150px;text-align:center;}
.careerstart .high {border-bottom:solid 5px #f8e4e2;background:url(/widget/career/images/bg_high.png) no-repeat 50% 50%;width:150px;text-align:center;}
.careerstart .arr {background:url(/widget/career/images/bg_careerstart_arr.png) no-repeat 50% 0;height:25px;}
.careerstart .step1 {
color:#f6fee1;
border-top:solid 5px #9cba47;
border-bottom:solid 5px #9cba47;
background-color:#9cba47;
-webkit-box-shadow:inset 0 0 15px #9cba47;
   -moz-box-shadow:inset 0 0 15px #9cba47;
		box-shadow:inset 0 0 15px #9cba47;
padding:2px 10px;
}
.careerstart .step2 {
color:#f6fee1;
background-color:#6eba47;
-webkit-box-shadow:inset 0 0 15px #5faa39;
   -moz-box-shadow:inset 0 0 15px #5faa39;
		box-shadow:inset 0 0 15px #5faa39;
padding:7px 10px;
}
.careerstart .step3 {
color:#f6fee1;
background-color:#4783ba;
-webkit-box-shadow:inset 0 0 15px #3974aa;
   -moz-box-shadow:inset 0 0 15px #3974aa;
		box-shadow:inset 0 0 15px #3974aa;
padding:7px 10px;
}
.careerstart .step4 {
color:#f6fee1;
background-color:#ba5447;
-webkit-box-shadow:inset 0 0 15px #aa4639;
   -moz-box-shadow:inset 0 0 15px #aa4639;
		box-shadow:inset 0 0 15px #aa4639;
padding:7px 10px;
}

.cal_top {width:97%;margin:0 auto;}
.cal_top .tea {font-weight:bold;color:#000000;font-size:18px;text-align:center;clear:both;margin:0;padding:10px 0;}
.cal_top .icons {float:right;}
.cal_top .icons li {float:left;vertical-align:middle;margin:0 0 10px 15px;}
.cal_top {}
.cal {border-collapse:collapse;width:97%;margin:0 auto;}
.cal td {border:solid 1px #c3c3c3;background-color:#ffffff;vertical-align:middle;text-align:center;padding:10px 0 8px 0;}
.cal th {border:solid 1px #c3c3c3;background-color:#e7f4ff;vertical-align:middle;text-align:center;padding:5px 0 3px 0;}
.cal .month {font-size:22px;font-weight:bold;font-family:Verdana;}
.cal .th_day, .cal .thf_day {font-family:Verdana;}
.cal .th, .cal .thf {font-family:MS Gothic;}
.cal .time {color:#000000;font-weight:bold;font-family:MS Gothic;font-size:16px;width:16%;}
.cal_btn {width:97%;text-align:right;margin:8px auto 15px auto;}

/*career Calendar*/


/*ResumeTip20130225*/
.RT_div {width:100%;display:inline-block;vertical-align:top;line-height:120%;}
.RT_div a {float:left;width:49%;margin:0 0 12px 1%;}
.RT_div img {width:90%;height:92px;}
.RT_div .title {color:#444444;font-weight:normal;font-size:12px;line-height:120%;}
.RT_div .odd {float:left;width:46%;margin:0 0 12px 1%;}
.RT_div .odd .title {color:#000000;font-size:14px;font-weight:bold;line-height:120%;}
.RT_div .odd .detail {color:#666666;line-height:140%;}

/*PerProfilePopStart*/
.pBody1 {margin:0;}
.pBody2 {position:absolute;width:1000px;height:100%;margin-top:15px;display:table;}
.p_Left {
position:absolute;width:196px;height:100%;float:left;margin:0 0 0 15px;
border:solid 1px #e4e5e5;
background-color:#dce3ed;
display:table-cell;
}
.p_Left .Left {width:100%;height:100%;}
.p_Cont {
width:758px;height:100%;float:left;margin:0 0 0 217px;
border:solid 1px #e4e5e5;
background-color:#f6f7f7;
padding:12px 18px 40px 25px;
display:block;
}
.p_Cont .p_spring {background:url(/office/teacher/img/pop_bg2.png) repeat-y 0 0;padding:0;position:absolute;width:30px;height:94%;margin:20px 0 0 -43px;}
.p_Cont .Cont {
width:97%;height:100%;
border:solid 1px #e2e3e3;
background-color:#ffffff;
padding:12px 12px 50px 12px;
display:block;margin-top:34px;
}
#tab_Area {display:block;}
#tab_Area .Tab {
cursor:pointer;
text-align:center;
width:100px;height:26px;padding-top:7px;margin-right:3px;
font-size:10pt;
font-family:맑은 고딕;font-weight:bold;
float:left;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
#tab_Area .On {
border-left:solid 1px #e2e3e3;
border-top:solid 1px #c7c7c7;
border-right:solid 1px #e2e3e3;
background-color:#ffffff;
color:#666666;
height:28px;
-webkit-box-shadow:inset 0 2px 0 #f1f1f1,
				   inset 2px 0 0 #f1f1f1;
   -moz-box-shadow:inset 0 2px 0 #f1f1f1,
				   inset 2px 0 0 #f1f1f1;
		box-shadow:inset 0 2px 0 #f1f1f1,
				   inset 2px 0 0 #f1f1f1;
}
#tab_Area .Off {
border-left:solid 1px #92b0c0;
border-top:solid 1px #b4c9d3;
border-right:solid 1px #92b0c0;
border-bottom:solid 1px #e2e3e3;
background-color:#8eacbd;
color:#ffffff;
}
.pTpfCard {margin:auto;text-align:center;width:100px;}
.pTpfCard .pfCardSub img {border:solid 3px #ffffff;width:100px;height:120px;margin-bottom:5px;}

.pTleft {width:172px;float:left;padding:25px 0 0 8px;}
.pTleft .DS1, .pTleft .DS2 {
color:#ffffff;
font-family:돋움;
font-size:14px;
font-weight:bold;
padding:10px 0 8px 15px;
}
.pTleft .D2 {
background:url(/office/teacher/img/blt_d2.png) no-repeat 15px 48%;
border-bottom:solid 1px #c6ccd5;
-webkit-box-shadow:0 1px 0 rgb(238,241,246);
   -moz-box-shadow:0 1px 0 rgb(238,241,246);
		box-shadow:0 1px 0 rgb(238,241,246);
color:#000000;
font-size:14px;
font-family:돋움;
padding:10px 7px 8px 28px;
cursor:pointer;
}
.pTleft .D2On {
background:url(/office/teacher/img/blt_d2.png) no-repeat 15px 48%;
border-bottom:solid 1px #c6ccd5;
-webkit-box-shadow:0 1px 0 rgb(238,241,246);
   -moz-box-shadow:0 1px 0 rgb(238,241,246);
		box-shadow:0 1px 0 rgb(238,241,246);
color:#0d76ca;
font-size:14px;
font-family:돋움;
font-weight:bold;
padding:10px 7px 8px 28px;
cursor:pointer;
}

.pTleft .D2 .pcnt, .pTleft .D2On .pcnt {float:right;font-weight:normal;text-align:center;width:18px;padding:3px 1px 1px 0;margin-top:-2px;}

/*PerProfilePopEnd*/




.Abody {background:url(/img/common/bg_abody.png) repeat-x 50% 82px}/*Front-바디통*/
/*TOP*/
.TOPjs {height:93px;padding:0;margin:0;}
.TOPjs .logo {background:url(/img/common/logo.gif) no-repeat 0 50%;float:left;margin:30px 0 0 10px;width:155px;height:38px;cursor:pointer;}
.TOPjs .menu {float:right;}
.TOPjs .menu li {float:left;margin:6.5% 10px -6.5% 10px;}
.TOPjs .menu li a {color:#666666;font-size:12pt;font-weight:bold;text-decoration:none;}
.TOPjs .menu li a:hover {color:#1280d8;text-decoration:none;}
/*FOOT*/

.iCon1 {background:url(/img/common/icon1.png) no-repeat 0 0;width:12px;height:12px;display:inline-block;vertical-align:middle;margin:0 2px;}
.iCon2 {background:url(/img/common/icon2.png) no-repeat 0 0;width:12px;height:12px;display:inline-block;vertical-align:middle;margin:0 2px;}
.iCon3 {background:url(/img/common/icon3.png) no-repeat 0 0;width:12px;height:12px;display:inline-block;vertical-align:middle;margin:0 2px;}
.iCon4 {background:url(/img/common/icon4.png) no-repeat 0 0;width:12px;height:12px;display:inline-block;vertical-align:middle;margin:0 2px;}
.iCon5 {background:url(/img/common/icon5.png) no-repeat 0 0;width:12px;height:12px;display:inline-block;vertical-align:middle;margin:0 2px;}
.iCon6 {background:url(/img/common/icon6.png) no-repeat 0 0;width:12px;height:12px;display:inline-block;vertical-align:middle;margin:0 2px;}
/*LEFT*/
.Leftnav {width:188px;background:url(/img/common/bg_shadow1.png) repeat-y 100% 0;background-color:#e6e8ed;padding-bottom:50px;}
/*Login*/
.LoginBox {
width:75%;margin:20px auto;
border:solid 1px #ebebeb;
-webkit-border-radius:2px;
   -moz-border-radius:2px;
		border-radius:2px;
}
.LoginBox .Ue {clear:both;width:100%;padding:20px;display:inline-block;}
.LoginBox .Ue .input {float:left;width:50%;text-align:right;padding-right:8px;}
.LoginBox .Ue .input input:first-child {margin-bottom:4px;width:100%;}
.LoginBox .Ue .input input {width:100%;border:solid 1px #cdcdcd;}
.LoginBox .Ue .btnarea {float:left;width:47%;}
.LoginBox .Ue .btnarea .btn {
padding:16px;margin:0;
line-height:120%;
text-align:center;
color:#ffffff;
font-weight:bold;
border:solid 1px #21217a;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
		border-radius:3px;
background:-moz-linear-gradient(top,#5882d9,#1065cf);
background: -webkit-gradient(linear, left top, left bottom, from(#5882d9),to(#1065cf));
background-color:#1065cf;
}
.LoginBox .Sita {
clear:both;display:inline-block;width:100%;
padding:0;
background-color:#f2f3f6;
text-align:center;
}
.LoginBox .Sita span {
padding:10px 10px;margin:0;
vertical-align:middle;display:inline-block;
line-height:240%;
border-left:solid 1px #ffffff;
-webkit-box-shadow:-1px 0 0 #e6e7e9;
   -moz-box-shadow:-1px 0 0 #e6e7e9;
		box-shadow:-1px 0 0 #e6e7e9;
}
.LoginBox .Sita span:first-child {
border:0;
-webkit-box-shadow:none;
   -moz-box-shadow:none;
		box-shadow:none;}
/*LoginEnd*/

.pfCard {
border-left:solid 1px #c5cad4;
/*background:url(/img/common/bg_shadow1.png) repeat-y 100% 0;*/
background-color:#c5cad4;
color:#666666;
font-size:9pt;
text-align:center;
line-height:140%;
padding:0 0 8px 0;
}
.pfCard .pPhoto {border:0;}
.pfCard .pPhoto img {border:0;width:95px;height:110px;}
.GPFF {padding-top:12px;height:124px;} /*GetProfileFront*/
.GPFF img {width:95px;height:110px}
.Tbody .pfCard {border-left:0;}/*교수페이지에서PFCARD 파란줄...*/
.mNormal .mLine {/*border-left:solid 1px #d5d9e3;*/border-bottom:solid 1px #8e8e8e;height:13px;}
.mNormal {
background-color:#787878;
color:#ffffff;
}
.mPlan {
background:url(/img/common/blt_mplan.png) no-repeat 0 8px;
background-color:#64b842;
padding-bottom:20px;
}
.mCareer {
background-color:#4281b8;
padding-bottom:20px;
}
.mResume {
background-color:#b85b42;
padding-bottom:20px;
}
.mNormal .mTitle {
/*border-left:solid 1px #d5d9e3;*/
background:url(/img/common/blt_mnormal.png) no-repeat 10px 7px;
color:#ffffff;
text-shadow:1px 1px 1px #636363;
font-size:17px;
font-weight:bold;
text-align:left;
padding:12px 0 3px 46px;
}
.mPlan .mTitle {
/*border-left:solid 1px #d5d9e3;*/
background:url(/img/common/blt_mplan.png) no-repeat 10px 7px;
color:#ffffff;
text-shadow:1px 1px 1px #636363;
font-size:17px;
font-weight:bold;
text-align:left;
padding:12px 0 3px 46px;
}
.mCareer .mTitle {
/*border-left:solid 1px #d5d9e3;*/
background:url(/img/common/blt_mcareer.png) no-repeat 10px 7px;
color:#ffffff;
text-shadow:1px 1px 1px #636363;
font-size:17px;
font-weight:bold;
text-align:left;
padding:12px 0 3px 46px;
}
.mResume .mTitle {
/*border-left:solid 1px #d5d9e3;*/
background:url(/img/common/blt_mresume.png) no-repeat 10px 7px;
color:#ffffff;
text-shadow:1px 1px 1px #636363;
font-size:17px;
font-weight:bold;
text-align:left;
padding:12px 0 3px 46px;
}
.mNormal .mSub, .mPlan .mSub, .mCareer .mSub, .mResume .mSub {
/*border-left:solid 1px #d5d9e3;*/
color:#ffffff;
font-size:13px;
font-weight:bold;
text-align:left;
padding:3px 0 2px 48px;
}
/*
.mSubOn {
border-left:solid 1px #d5d9e3;
border-top:solid 1px #d5d9e3;
border-bottom:solid 1px #d5d9e3;
background:url(/img/common/blt_msubon.png) no-repeat 10px 45%;
background-color:#ffffff;
color:#1280d8;
font-size:13px;
font-weight:bold;
text-align:left;
padding:4px 0 4px 20px;
}
*/
.mNormal .mSubOn {
position:relative;margin:0 0 0 -5px;
background:url(/img/common/bg_subon1.png) no-repeat 0 0;
color:#ffffff;
font-size:13px;
font-weight:bold;
text-align:left;
padding:10px 0 8px 53px;
}
.mPlan .mSubOn {
position:relative;margin:0 0 0 -5px;
background:url(/img/common/bg_subon2.png) no-repeat 0 0;
color:#ffffff;
font-size:13px;
font-weight:bold;
text-align:left;
padding:10px 0 8px 53px;
}
.mCareer .mSubOn {
position:relative;margin:0 0 0 -5px;
background:url(/img/common/bg_subon3.png) no-repeat 0 0;
color:#ffffff;
font-size:13px;
font-weight:bold;
text-align:left;
padding:10px 0 8px 53px;
}
.mResume .mSubOn {
position:relative;margin:0 0 0 -5px;
background:url(/img/common/bg_subon4.png) no-repeat 0 0;
color:#ffffff;
font-size:13px;
font-weight:bold;
text-align:left;
padding:10px 0 8px 53px;
}
/*Cont*/
.Content {
/*
-webkit-box-shadow:1px 0 3px rgb(207,207,207);
   -moz-box-shadow:1px 0 3px rgb(207,207,207);
		box-shadow:1px 0 3px rgb(207,207,207);
*/
}
/*CENTER*/
.Centernav {padding:15px 20px 50px 20px;}
.Tarea {
border-bottom:solid 1px #e1e1e1;
background-color:#ffffff;
padding:20px;
/*-webkit-box-shadow:0 -1px 0 rgba(17,105,176,0.6);
   -moz-box-shadow:0 -1px 0 rgba(17,105,176,0.6);
		box-shadow:0 -1px 0 rgba(17,105,176,0.6);*/
}
.Tarea .title1 {color:#333333;font-size:22px;font-weight:bold;vertical-align:middle;}
.Tarea .title2 {color:#666666;font-size:16px;font-weight:bold;vertical-align:middle;}
.Tarea .bltTitle {background:url(/img/common/blt_title.png) no-repeat 5px 0;width:8px;height:15px;display:inline-block;padding:0 8px 0 0;vertical-align:middle;margin-top:4px;}
.Tarea .help {display:none;}
.infoText1 {padding:5px 0 0 10px;line-height:150%;text-align:justify;min-height:74px;}/*상담예약*/
.infoText2 {padding:5px 0 0 10px;line-height:150%;text-align:justify;min-height:79px;}/*목표설정*/
.infoText3 {padding:5px 0 0 10px;line-height:150%;text-align:justify;min-height:88px;}/*대학생활*/
.infoText4 {padding:5px 0 0 10px;line-height:150%;text-align:justify;min-height:83px;}/*경력개발*/
.infoText5 {padding:5px 0 0 10px;line-height:150%;text-align:justify;min-height:85px;}/*직업탐색*/
.infoText6 {padding:5px 0 0 10px;line-height:150%;text-align:justify;min-height:85px;}/*대면상담예약*/
.infoText7 {padding:5px 0 0 10px;line-height:150%;text-align:justify;min-height:82px;}/*진로적성*/
.infoText8 {padding:5px 0 0 10px;line-height:150%;text-align:justify;min-height:74px;}/*실전취업*/
.searchBox {
border:solid 1px #dddddd;
background-color:#fafafa;
-webkit-box-shadow:0 1px 3px rgb(199,199,199);
   -moz-box-shadow:0 1px 3px rgb(199,199,199);
		box-shadow:0 1px 3px rgb(199,199,199);
padding:10px;
}
.searchBox .btm {
border-top:solid 1px #ffffff;
-webkit-box-shadow:0 -1px 0 rgb(232,232,232);
   -moz-box-shadow:0 -1px 0 rgb(232,232,232);
		box-shadow:0 -1px 0 rgb(232,232,232);
padding-top:8px;
}
.searchBox .btm .Btn {text-align:right;padding-bottom:10px;}
/*RIGHT*/
.Rightnav {padding:0 10px;
}
/*.GUIDE, .TIP, .NEXT {
float:right;
text-align:center;
color:#ffffff;
font-family:Tahoma;
font-size:8px;
font-weight:bold;
width:33px;
padding:8px 0 14px 0;
margin-right:12px;
}*/
.Rightnav .GUIDE, .Rightnav .TIP, .Rightnav .NEXT {
position:absolute;
color:#ffffff;
font-family:Tahoma;
font-size:0;
font-weight:bold;
padding:8px 0 14px 0;
top:-4px;
right:-4px;
}
.GUIDE {background:url(/img/common/m_guide.png) no-repeat 0 0;width:84px;height:84px;}
.TIP {background:url(/img/common/m_tip.png) no-repeat 0 0;width:84px;height:84px;}
.NEXT {background:url(/img/common/m_next.png) no-repeat 0 0;width:84px;height:84px;}
.contBody, .guideBody, .tipBody, .nextBody {padding:15px;text-align:justify;}
.dbData {color:#333333;padding:15px;}



/*Roadmap/tutoQ*/
.tutoQ {display:table;width:100%;border-bottom:solid 1px #e3e3e3;}
.tutoQ .cursor {background-color:#f4f3f3;}
.tutoQ .w15 {width:15%}
.tutoQ .w20 {width:20%}
.tutoQ .w25 {width:25%}
.tutoQ .w30 {width:30%}
.tutoQ .w35 {width:35%}
.tutoQ .w40 {width:40%}
.tutoQ .w45 {width:45%}
.tutoQ .w50 {width:50%}
.tutoQ .w55 {width:55%}
.tutoQ .w60 {width:60%}
.tutoQ .w65 {width:65%}
.tutoQ .w70 {width:70%}
.tutoQ .w75 {width:75%}
.tutoQ .w80 {width:80%}
.tutoQ .w85 {width:85%}
.tutoQ .area1, .tutoQ .area2, .tutoQ .area3, .tutoQ .area4 {display:table-cell;vertical-align:middle;padding:5px 7px;cursor:pointer;background-color:#f8f8f8;}
.tutoQ .area1 li, .tutoQ .area2 li, .tutoQ .area3 li, .tutoQ .area4 li {color:#666666;font-size:10pt;}
.tutoQ .area1 li {text-align:center;}
.tutoQ .area1 .stit1 {color:#000000;font-weight:bold;}
.tutoQ .area1 .stit2 {color:#000000;}
.tutoQ .area2 .stit1 {color:#387eba;}
.tutoQ .area2 .stit2 {color:#1280d8;font-weight:bold;}
.tutoQ .open {background:url(/img/common/arr_down.png) no-repeat 50% 50%;background-color:#f8f8f8;}
.tutoQ .cclose {background:url(/img/common/arr_up.png) no-repeat 50% 50%;background-color:#f8f8f8;}
.tutoQ .area3 .stit1 {color:#666666;font-weight:bold;font-size:14pt;text-align:center;}
.tutoQ .area3 .stit2 {color:#333333;text-align:center;}
.tutoQ .noR {text-align:center;padding:5px 0 5px 0;}
.tutoQ .q {color:#666666;font-size:8pt;padding-bottom:5px;line-height:130%;}

.tutoQbtn {width:100%;}
.tutoQbtn td {width:25%;vertical-align:middle;text-align:center;font-size:8pt;color:#ffffff;}
.tutoQbtn .btnOff {
border-left:solid 1px #aaaaaa;
border-top:solid 1px #b6b6b6;
border-right:solid 1px #b3b3b3;
border-bottom:solid 1px #7f7f7f;
background: -moz-linear-gradient(top,  #b7b7b7 0%, #949494 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(100%,#949494));
background: -webkit-linear-gradient(top,  #b7b7b7 0%,#949494 100%);
background: -o-linear-gradient(top,  #b7b7b7 0%,#949494 100%);
background: -ms-linear-gradient(top,  #b7b7b7 0%,#949494 100%);
background: linear-gradient(top,  #b7b7b7 0%,#949494 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#949494',GradientType=0 );
padding:5px;
}
.tutoQbtn .btnOn {
border-left:solid 1px #95b2da;
border-top:solid 1px #bacfe8;
border-right:solid 1px #a4bee0;
border-bottom:solid 1px #84a5d2;
background: -moz-linear-gradient(top,  #c5d7ec 0%, #a0bbde 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5d7ec), color-stop(100%,#a0bbde));
background: -webkit-linear-gradient(top,  #c5d7ec 0%,#a0bbde 100%);
background: -o-linear-gradient(top,  #c5d7ec 0%,#a0bbde 100%);
background: -ms-linear-gradient(top,  #c5d7ec 0%,#a0bbde 100%);
background: linear-gradient(top,  #c5d7ec 0%,#a0bbde 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d7ec', endColorstr='#a0bbde',GradientType=0 );
padding:5px;
}




/*TableAtt*/
.table1 {width:100%;border-collapse:collapse;}
.table1 td {font-size:10pt;color:#333333;border-bottom:solid 1px #e5e5e5;vertical-align:middle;}
.table1 .th {background-color:#e5e5e5;}
.table1 .cursor {background-color:#f4f3f3;}
.table1 .ta a, .list1 .ta a:hover {color:#ffffff;}
.table1 .ta .buttonS {font-family:맑은 고딕;font-weight:normal;color:#ffffff;text-decoration:none;padding:0 4px 0 4px;line-height:20px;font-size:8pt;margin:2px 0 2px 0;}
.table1 .ta .buttonS:hover {font-family:맑은 고딕;font-weight:normal;color:#ffffff;text-decoration:none;padding:0 4px 0 4px;line-height:20px;font-size:8pt;margin:2px 0 2px 0;}
.table1 tbody {background-color:#ffffff;}

.list1 {display:table;width:100%;border-bottom:solid 1px #e3e3e3;}
.list1 .cursor {background-color:#f4f3f3;}
.list1 .w15 {min-width:2%;max-width:15%}
.list1 .w20 {min-width:2%;max-width:20%}
.list1 .w25 {min-width:2%;max-width:25%}
.list1 .w30 {min-width:2%;max-width:30%}
.list1 .w35 {min-width:2%;max-width:35%}
.list1 .w45 {min-width:2%;max-width:45%}
.list1 .w55 {width:55%}
.list1 .w65 {width:65%}
.list1 .w70 {width:70%}
.list1 .w85 {width:85%}
.list1 .area1, .list1 .area2, .list1 .area3, .list1 .area4 {display:table-cell;vertical-align:middle;padding:5px 7px;cursor:pointer;}
.list1 .area1 li, .list1 .area2 li, .list1 .area1 li, .list1 .area4 li {color:#666666;font-size:10pt;}
.list1 .area1 li {text-align:center;}
.list1 .area2 .stit1 {color:#666666;}
.list1 .area2 .stit2 {color:#1280d8;font-weight:bold;}
.list1 .area3 .stit1 {color:#666666;}
.list1 .area3 .stit2 {color:#1280d8;font-weight:bold;}
.list1 .area3 .stit3 {color:#666666;}
.list1 .area3 .stit4 {color:#666666;}
.list1 .area4 .stit1 {color:#666666;font-weight:bold;font-size:14pt;text-align:center;}
.list1 .area4 .stit2 {color:#333333;text-align:center;}
.list1 .noR {text-align:center;padding:5px 0 5px 0;}

.list2 {display:table;width:100%;border-bottom:solid 1px #e3e3e3;}
.list2 .cursor {background-color:#f4f3f3;}
.list2 .w15 {width:15%}
.list2 .w20 {width:20%}
.list2 .w25 {width:25%}
.list2 .w30 {width:30%}
.list2 .w35 {width:35%}
.list2 .w40 {width:40%}
.list2 .w45 {width:45%}
.list2 .w50 {width:50%}
.list2 .w55 {width:55%}
.list2 .w60 {width:60%}
.list2 .w65 {width:65%}
.list2 .w70 {width:70%}
.list2 .w75 {width:75%}
.list2 .w80 {width:80%}
.list2 .w85 {width:85%}
.list2 .area1, .list2 .area2, .list2 .area3, .list2 .area4 {display:table-cell;vertical-align:middle;padding:5px 7px;cursor:pointer;}
.list2 .area1 li, .list2 .area2 li, .list2 .area3 li, .list2 .area4 li {color:#666666;font-size:10pt;}
.list2 .area1 li {text-align:center;}
.list2 .area1 .stit1 {color:#666666;font-weight:bold;}
.list2 .area1 .stit2 {color:#666666;}
.list2 .area2 .stit1 {color:#666666;}
.list2 .area2 .stit2 {color:#1280d8;font-weight:bold;}
.list2 .area3 .stit1 {color:#666666;}
.list2 .area3 .stit2 {color:#1280d8;font-weight:bold;}
.list2 .area3 .stit3 {color:#666666;}
.list2 .area3 .stit4 {color:#666666;}
.list2 .area4 .stit1 {color:#666666;font-weight:bold;font-size:14pt;text-align:center;}
.list2 .area4 .stit2 {color:#333333;text-align:center;}
.list2 .noR {text-align:center;padding:5px 0 5px 0;}

.PageArea {position:relative;width:100%;clear:both;margin:10px;display:table;}

.view1 {}
.view1 .tit {color:#000000;font-size:11pt;font-weight:bold;margin-bottom:8px; }
.view1 .lbt {color:#000000;font-size:11pt;font-weight:bold;padding:0 10px;margin-bottom:8px;border-bottom:solid 1px #cdcdcd;background:url(/img/images/rightArrow.png) no-repeat 0 30%;}
.view1 .lbl {color:#000000;font-size:10pt;text-align:right;border-right:solid 1px #cccccc;padding:0 10px;line-height:140%;}
.view1 .lbb {color:#666666;font-size:10pt;padding:0 10px;line-height:140%;}
.view1 .lbb li {font-size:10pt;font-weight:bold;}
.view1 .Btn {border-top:solid 1px #e3e3e3;text-align:center;padding:5px;margin:0;}

.view2 {padding:10px 10px 5px 10px;}
.view2 .lbt {color:#000000;font-size:11pt;font-weight:bold;padding:0 10px;margin-bottom:8px;border-bottom:solid 1px #cdcdcd;background:url(/img/images/rightArrow.png) no-repeat 0 30%;}
.view2 .lbl {color:#000000;font-size:10pt;font-weight:bold;text-align:right;padding:5px 10px;line-height:150%;}
.view2 .lbb {color:#666666;font-size:10pt;padding:5px 10px;border-left:solid 1px #cccccc;line-height:150%;}
.view2 .lbb li {font-size:10pt;font-weight:bold;}
.view2 .Btn {border-top:solid 1px #e3e3e3;text-align:center;padding:5px;margin:0;}

.form1 {}
.form1 .lbt {color:#000000;font-size:11pt;font-weight:bold;padding:0 10px;margin-bottom:8px;border-bottom:solid 1px #cdcdcd;background:url(/img/images/rightArrow.png) no-repeat 0 30%;}
.form1 .lbr {color:#ff0000;font-size:9pt;font-weight:bold;padding-left:0;}
.form1 .lbl {color:#000000;font-size:9pt;font-weight:bold;padding:5px 0 5px 10px;}
.form1 .lbb {color:#666666;font-size:9pt;border-left:solid 1px #cccccc;padding:5px 0 5px 10px;line-height:140%;}
.form1 .lbb li {font-size:10pt;font-weight:bold;}
.form1 .Btn {border-top:solid 1px #e3e3e3;text-align:center;padding:5px;margin:0;}

.bgcolor1 {
background:url(/img/common/bg_color1.png) no-repeat 0 -10%;
height:90px;
}

/*경력개발 시작*/
.careerstart {width:100%;}
.careerstart td, .careerstart td b {text-align:justify;font-size:9pt;font-family:돋움;vertical-align:middle;}
.careerstart td b {color:#ffffff;}
.careerstart .low {border-top:solid 5px #e2f1da;background:url(/widget/career/images/bg_low.png) no-repeat 50% 50%;width:150px;text-align:center;}
.careerstart .high {border-bottom:solid 5px #f8e4e2;background:url(/widget/career/images/bg_high.png) no-repeat 50% 50%;width:150px;text-align:center;}
.careerstart .arr {background:url(/widget/career/images/bg_careerstart_arr.png) no-repeat 50% 0;height:25px;}
.careerstart .step1 {
color:#f6fee1;
border-top:solid 5px #9cba47;
border-bottom:solid 5px #9cba47;
background-color:#9cba47;
-webkit-box-shadow:inset 0 0 15px #9cba47;
   -moz-box-shadow:inset 0 0 15px #9cba47;
		box-shadow:inset 0 0 15px #9cba47;
padding:2px 10px;
}
.careerstart .step2 {
color:#f6fee1;
/*border:solid 1px #5faa39;*/
background-color:#6eba47;
-webkit-box-shadow:inset 0 0 15px #5faa39;
   -moz-box-shadow:inset 0 0 15px #5faa39;
		box-shadow:inset 0 0 15px #5faa39;
padding:7px 10px;
}
.careerstart .step3 {
color:#f6fee1;
/*border:solid 1px #3974aa;*/
background-color:#4783ba;
-webkit-box-shadow:inset 0 0 15px #3974aa;
   -moz-box-shadow:inset 0 0 15px #3974aa;
		box-shadow:inset 0 0 15px #3974aa;
padding:7px 10px;
}
.careerstart .step4 {
color:#f6fee1;
/*border:solid 1px #aa4639;*/
background-color:#ba5447;
-webkit-box-shadow:inset 0 0 15px #aa4639;
   -moz-box-shadow:inset 0 0 15px #aa4639;
		box-shadow:inset 0 0 15px #aa4639;
padding:7px 10px;
}

/*경력개발 스펙 달성현황*/
.gageDiv div.gage {}
.gageDiv .ico { font-size:20px;color:#666;margin:0;}
.gageDiv {height:100px;}
.report1 {
border-collapse:separate;
width:100%;
}
.report1 td {color:#666666;border-left:solid 1px #efefef;padding:10px 4px;text-align:center;vertical-align:middle;}
.rp1Frnd {
width:100%;margin:5px auto;
-webkit-border-radius:5px;
   -moz-border-radius:5px;
		border-radius:5px;
border:solid 1px #e1e1e1;
-webkit-box-shadow:inset 0 0 15px #e1e1e1;
   -moz-box-shadow:inset 0 0 15px #e1e1e1;
		box-shadow:inset 0 0 15px #e1e1e1;
text-align:center;
}

/*경력계획130315updateByDemian*/
.PlanView {width:100%;border-collapse:collapse;margin-top:15px;}
.PlanView td {font-size:9pt;color:#333333;border:solid 1px #e4e4e4;text-align:center;vertical-align:middle;padding:5px;}
.PlanView .TopLine {border:solid 1px #5f81c7;height:0;vertical-align:top;padding:0;}
.PlanView .th {background-color:#f7f7f7;}
.PlanView .leftTd {background-color:#f7f7f7;}
.PlanView .GradeTd {font-size:8pt;padding:5px 7px;vertical-align:top;text-align:left;height:110px;}
.PlanView .GradeTd .lba {background:url(/img/common/blt_listjob3.gif) no-repeat 0 5px;padding:0 0 0 6px;color:#42a8dc;font-size:8pt;}

/*달력 버튼*/
.ui-datepicker-trigger {width:20px;height:19px;padding:0; vertical-align:middle; background-color:#ffffff; margin:0; border:0px;}