@charset "utf-8";

/* 시스템관리  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 첫페이지 */
.adminFirst {width:100%; text-align:center; background:#f8f8f8;}

/* 시스템영역 [좌/우 레이아웃] */
.sysArea {width:100%; padding-top:10px; overflow:hidden;}
.sysArea .saL {float:left; width:42%;}
.sysArea .saR {float:right; width:55%;}

/* 시스템영역 [좌/중/우 레이아웃] */
.sysCtn {width:100%; overflow:hidden;}
.sysCtn .scL {float:left; width:23%; margin-right:2%;}
.sysCtn .scC {float:left; width:23%; margin-right:2%;}
.sysCtn .scR {float:right; width:50%;}

/* 타이틀영역 */
.sysTitle {width:100%; margin-bottom:10px; overflow:hidden;}
.sysTitle dt {float:left; padding:5px 0 0 0px; font-size:16px; color:#000; font-weight:bold;}
.sysTitle dd {float:right; line-height:24px;}

/* 선택영역 */
.sysSel {width:90%; padding:20px; border:1px solid #e1e1e1; overflow-y:scroll;}

/* 선택영역 */
.sysSelect {width:100%;}
.sysSelect h1 {padding:10px; text-align:center; font-size:16px; font-weight:bold; color:#333; border:#ddd 1px solid; background:#f3f7fa;}
.sysSelect div {padding:15px; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; overflow-y:scroll;}
.sysSelect div ul {width:100%; overflow:hidden;}
.sysSelect div ul li {width:100%;}
.sysSelect div ul li a {display:block; padding:3px 0 3px 8px; background:url('../images/btnIcn/icn_dot1.gif') 0 13px no-repeat;}
.sysSelect div ul li a:hover {color:#fff; background:#555;}
.sysSelect div ul li a.on {color:#fff; background:#555;}

/* 트리영역 */
.sysTree {width:100%;}
.sysTree h1 {padding:10px; text-align:center; font-size:16px; font-weight:bold; color:#333; border:#ddd 1px solid; background:#f5f5f5;}
.sysTree div {padding:15px; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; overflow-x:scroll; overflow-y:scroll;}
.sysTree div > ul {width:100%; overflow:hidden;}
.sysTree div > ul > li {width:100%;}
.sysTree div > ul > li > a {display:block; padding:4px 0 4px 10px; font-weight:bold; background:url('../images/btnIcn/icn_dot1.gif') 0 12px no-repeat; word-break:break-all;}
.sysTree div > ul > li > a:hover {color:#fff; background:#f36f21;}
.sysTree div > ul > li > a.on {color:#fff; background:#f36f21;}
.sysTree div > ul > li > ul {width:100%; overflow:hidden;}
.sysTree div > ul > li > ul > li {width:100%;}
.sysTree div > ul > li > ul > li > a {display:block; padding:4px 0 4px 30px; background:url('../images/btnIcn/icn_dot1.gif') 20px 12px no-repeat; word-break:break-all;}
.sysTree div > ul > li > ul > li > a:hover {color:#fff; background:#eb2629;}
.sysTree div > ul > li > ul > li > a.on {color:#fff; background:#eb2629;}
.sysTree div > ul > li > ul > li > ul {width:100%; overflow:hidden;}
.sysTree div > ul > li > ul > li > ul > li {width:100%;}
.sysTree div > ul > li > ul > li > ul > li > a {display:block; padding:4px 0 4px 50px; background:url('../images/btnIcn/icn_dot1.gif') 40px 12px no-repeat; word-break:break-all;}
.sysTree div > ul > li > ul > li > ul > li > a:hover {color:#fff; background:#6c6c6c;}
.sysTree div > ul > li > ul > li > ul > li > a.on {color:#fff; background:#6c6c6c;}

/* 리스트 - 목록 */
.sysListBar {overflow:hidden;}
.sysListBar table {width:100%; table-layout:fixed; }
.sysListBar table th {color:#000; text-align:left; padding:7px 0 7px 0; font-size:14px; font-weight:bold;}
.sysListBar table td {color:#333; text-align:left; padding:7px 0 7px 0; font-size:11px;  }


/* 동아대 핵심역량 */
.subArea > p {margin-bottom:10px;}
.subArea > p > span.t_color01 {font-weight:bold; color:#4a268a;}
.subArea > p > span.t_color02 {font-weight:bold; color:#42b79d;}
.subArea > p > span.t_color03 {font-weight:bold; color:#ec6b03;}



/* 관리자 로그인 페이지 */
.ad_Login_wrap {width:100%; max-width:1200px; position:relative; margin:150px auto 0 auto; padding:80px 0; overflow:hidden; background:url('../images/main/visual_img02.jpg') center top no-repeat; background-size:cover;}
.ad_Login_wrap h1 {width:400px; margin:0 auto 30px auto; text-align:center;}
.ad_Login {width:600px; margin: 0 auto; box-sizing:border-box; padding:70px; text-align:center; border:8px solid #e5e5e5; background:#fff;}
.ad_Login h2 {font:500 32px/32px 'NotoSansKR'; color:#333;}
.ad_Login p{font-size:16px; margin:15px 0 50px 0;}
.ad_Login p span{color:#61a0bb; font-weight:bold;}
.ad_Login ul {width:100%; overflow:hidden; position:relative;}
.ad_Login li {width:440px; margin-bottom:10px; overflow:hidden;}
.ad_Login li:nth-child(3) {margin-bottom:0;}
.ad_Login li input{width:393px; height:40px; border:1px solid #efefef; font-size:12px; padding-left:45px;}
.ad_Login li:nth-child(1) input {background:url('../images/content/icn_id.jpg') 15px center no-repeat, #f9f9f9;}
.ad_Login li:nth-child(2) input {background:url('../images/content/icn_pwd.jpg') 15px center no-repeat, #f9f9f9;}
.ad_Login li:nth-child(3) button {width:440px; background:#61a0bb; border:1px solid #61a0bb; color:#fff; padding:10px 0; cursor:pointer;}



/* 개별 컨텐츠  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 핵심역량관리로드맵 - 백그라운드 색상 */
.tableListBox table tbody td.bgG {background:url('../images/btnIcn/bg_pt1.gif');} 
.tableListBox table tbody td.bgG a {color:#fff; font-size:16px; font-weight:bold;} 
.tableListBox table tbody td.bgB {background:url('../images/btnIcn/bg_pt2.gif');} 
.tableListBox table tbody td.bgB a {color:#fff; font-size:16px; font-weight:bold;}
.tableListBox table tbody td.bgR {background:url('../images/btnIcn/bg_pt3.gif');} 
.tableListBox table tbody td.bgR a {color:#fff; font-size:16px; font-weight:bold;} 
.tableListBox table tbody td.bgP {background:url('../images/btnIcn/bg_pt4.gif');} 
.tableListBox table tbody td.bgP a {color:#fff; font-size:16px; font-weight:bold;} 

/* 핵심역량 - 역량취득현황 */
.corecomGraph {width:100%; overflow:hidden;} 
.corecomGraph dt {float:left; width:49%;} 
.corecomGraph dd {float:right; width:49%;} 
.corecomGraph p {padding:15px; text-align:center; font-size:15px; font-weight:bold; color:#ccffff; background:#00abad;} 
.corecomGraph div {padding:10px; text-align:center; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid;}

.corecomGraph2 {width:100%; overflow:hidden;} 
.corecomGraph2 dt {float:left; width:100%;} 
/* .corecomGraph2 dd {float:right; width:49%;}  */
.corecomGraph2 p {padding:15px; text-align:center; font-size:15px; font-weight:bold; color:#ccffff; background:#00abad;} 
.corecomGraph2 div {padding:10px; text-align:center; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid;}

/* 진로취업상담 */
.CNT_advice {width:100%; margin-top:30px;} 
.CNT_advice h1 {font-size:20px; font-weight:bold; line-height:22px; color:#365488; letter-spacing:-2px;} 
.CNT_advice ul {width:100%; margin-top:10px; overflow:hidden;} 
.CNT_advice ul li {padding:5px 0 5px 18px; font-size:16px; line-height:22px; letter-spacing:-1px; background:url('../images/btnIcn/icn_title3.gif') 3px 14px no-repeat;} 

/* 인사말 */
.greeting {width:100%; padding-top:10px; overflow:hidden;} 
.greeting dt {float:left; width:245px;} 
.greeting dd {float:right; width:715px;} 
.greeting dd h1 {font-size:30px; color:#2956a6; font-weight:bold; line-height:34px; letter-spacing:-2px;} 
.greeting dd h2 {margin-top:7px; font-size:24px; color:#2956a6; line-height:34px; letter-spacing:-2px;} 
.greeting dd div {margin-top:30px; font-size:16px; line-height:22px;} 
.greeting dd p {margin-top:30px; text-align:right;} 

/* 업무 및 구성 */
.workForm {width:100%; margin-top:20px; overflow:hidden;} 
.workForm dt {float:left; width:256px; height:410px; padding:20px 30px; border:#e5e5e5 1px solid;} 
.workForm dd {float:left; width:256px; height:410px; margin:0 23px; padding:20px 30px; border:#e5e5e5 1px solid;} 
.workForm h1 {font-size:20px; color:#2f7c8e; font-weight:bold;} 
.workForm h2 {margin:7px 0 20px 0; font-size:16px; color:#333; font-weight:bold;} 
.workForm div {margin-top:20px; font-size:12px;} 

/* 만족도조사 */
.satisfaction {width:100%;}
.satisfaction .sfInfo {padding:25px; border:#e3e3e3 1px solid; background:#f5f5f5;}
.satisfaction .sfInfo h1 {width:100%; margin-bottom:15px; padding-bottom:20px; font-size:18px; font-weight:bold; color:#333; border-bottom:#e4e4e4 1px solid;}
.satisfaction .sfInfo div {font-size:14px;}
.satisfaction .sfCtn {padding:25px; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid;}
.satisfaction .sfCtn div {margin-bottom:20px; padding-bottom:20px; border-bottom:#e5e5e5 1px solid;}
.satisfaction .sfCtn div h1 {padding:0 0 5px 25px; font-size:16px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.gif') 0 1px no-repeat;}
.satisfaction .sfCtn div p {padding:10px 0; font-size:14px;}
.satisfaction .sfCtn div ul {width:100%; overflow:hidden;}
.satisfaction .sfCtn div ul li {padding:3px 0;}
.satisfaction .sfEnd {padding:25px; border:#e3e3e3 1px solid; background:#f5f5f5;}

/* 컨텐츠관리 영역 */
.contView {margin-bottom:10px; padding:5px 20px 20px 20px; border:#e5e5e5 2px solid;}

/* 취업포털 일정 - 내용보기 */
.scheduleCnt {width:100%; overflow:hidden;}
.scheduleCnt dt {padding:0 0 15px 22px; font-size:14px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title2.gif') 0 2px no-repeat;}
.scheduleCnt dd {margin-bottom:15px; border:#e5e5e5 1px solid; background:#f9f9f9;}
.scheduleCnt dd a {display:block; padding:5px 10px 5px 20px; border-bottom:#e5e5e5 1px solid; background:url('../images/btnIcn/icn_dot1.gif') 10px 15px no-repeat;}

/* 취업상담 - 상담선택 */
.consultingSelect {width:100%;}
.consultingSelect > div {font-size:16px; line-height:24px; color:#555; letter-spacing:-1px;}
.consultingSelect > div > span {font-weight:bold; color:#009294;}
.consultingSelect > dl {width:100%; margin-top:20px; overflow:hidden;} 
.consultingSelect > dl > dt {float:left;} 
.consultingSelect > dl > dd {float:right;}
.consultingSelect > ul {width:100%; margin-top:20px; overflow:hidden;} 
.consultingSelect > ul > li {float:left; width:280px; height:700px; padding:20px; text-align:center; border:#e5e5e5 1px solid; cursor:pointer;} 
.consultingSelect > ul > li.bg01 {background:url('../images/img/consulting_visiting03.jpg') center bottom no-repeat; background-size:100%;} 
.consultingSelect > ul > li.bg02 {margin:0 17px; background:url('../images/img/consulting_visiting02.jpg') center bottom no-repeat; background-size:100%;} 
.consultingSelect > ul > li.bg03 {background:url('../images/img/consulting_visiting01.jpg') center bottom no-repeat; background-size:100%;} 
.consultingSelect > ul > li h1 {padding-top:30px; font-weight:bold; font-size:30px; color:#333; letter-spacing:-1px;} 
.consultingSelect > ul > li h2 {padding-top:15px; font-weight:bold; font-size:20px; color:#009294; letter-spacing:-1px;} 
.consultingSelect > ul > li h3 {padding-top:15px; font-weight:bold; font-size:20px; color:#333; letter-spacing:-1px;} 
.consultingSelect > ul > li div {padding-top:25px;} 
.consultingSelect > ul > li ul {width:100%; margin-top:15px; overflow:hidden;} 
.consultingSelect > ul > li ul li {padding:5px 0 5px 10px; text-align:left; background:url('../images/btnIcn/icn_dot1.gif') 3px 14px no-repeat;} 
.consultingSelect > ul > li ul li strong {color:#333;} 
.consultingSelect > ul > li p {padding-top:25px; font-weight:bold; font-size:17px; color:#2956a6;} 

/* 취업상담 안내 */
.consultingAdvice {width:100%; margin-top:30px;} 
.consultingAdvice h1 {font-size:18px; font-weight:bold; line-height:22px; color:#df6a01; letter-spacing:-1px;} 
.consultingAdvice ul {width:100%; margin-top:10px; overflow:hidden;} 
.consultingAdvice ul li {padding:4px 0 4px 18px; font-size:14px; line-height:22px; letter-spacing:-1px; background:url('../images/btnIcn/icn_title3_1.gif') 3px 12px no-repeat;}

/* 로그인 */
/*
.loginLayer { left:50%; top:50%; width:640px; border-top:#27b097 5px solid; background:#ffffff; z-index:10;}
.loginLayer > p {position:absolute; margin:-5px 0 0 640px;}
.loginLayer > h1 {margin-top:40px; text-align:center; font-size:40px; line-height:40px; letter-spacing:-2px; color:#000; font-weight:bold;}
.loginLayer > h1 span {color:#27b097;}
.loginLayer > h2 {margin-top:15px; text-align:center; font-family:'nm'; font-size:20px; line-height:24px; letter-spacing:-1px; color:#555; font-weight:bold;}

.loginLayer > div {margin-top:30px; padding-top:10px; text-align:center; border-top:#e5e5e5 1px solid;}
.loginLayer dl {width:330px; margin:10px auto 60px auto; overflow:hidden;}
.loginLayer dl dt {margin-bottom:15px;}
.loginLayer dl dt p {margin-bottom:15px; font-size:16px; font-weight:bold; letter-spacing:-1px;}
.loginLayer dl dt ul {width:100%; overflow:hidden;}
.loginLayer dl dt ul li {margin-bottom:5px;}
.loginLayer dl dt ul li input {width:198px; height:30px; border:#ddd 1px solid;}
.loginLayer dl dt ul li input.lgID {padding:0 10px 0 120px; background:url('../images/layer/login_id.gif') no-repeat;}
.loginLayer dl dt ul li input.lgPW {padding:0 10px 0 120px; background:url('../images/layer/login_pw.gif') no-repeat;}
.loginLayer dl dt div {width:330px; height:40px; margin-top:10px; background-color:#27b097;}
.loginLayer dl dt div a {display:block; width:100%; height:100%; padding:9px 0 0 135px; color:#fff; font-size:20px; border:none;}

.loginLayer dl dt div input {width:330px; height:40px; padding-bottom:5px; color:#fff; font-size:20px; background:#000; border:none;}
.loginLayer dl dd {margin-top:20px;}
.loginLayer dl dd ul {padding:15px; border:#e5e5e5 1px solid; overflow:hidden;}
.loginLayer dl dd ul li {padding:2px 0 2px 18px; font-size:12px; letter-spacing:-1px; background:url('../images/btnIcn/icn_point1.gif') 0 7px no-repeat;}
.loginLayer dl dd ul li strong {color:#c81717;}
*/

/* 사이트맵 */
.sitemap {width:100%; overflow:hidden;}
.sitemap li {float:left; width:23%; margin-left:2.5%;}
.sitemap li:first-child {margin-left:0;}
.sitemap li p {margin-bottom:15px; padding:10px 0 12px 0; text-align:center; font-weight:bold; font-size:16px; color:#333; border:#b2cbf9 1px solid; background:#e8ffff; cursor:pointer;}
.sitemap li p a {color:#2956a6;}
.sitemap li dl {width:100%; overflow:hidden;}
.sitemap li dl dt {margin-bottom:10px; padding:0 0 10px 5px; border-bottom:#e5e5e5 1px solid;}
.sitemap li dl dt a {color:#333;}
.sitemap li dl dd {margin-bottom:12px; padding-bottom:12px; border-bottom:#e5e5e5 1px solid;}
.sitemap li dl dd:last-child {border-bottom:none;}
.sitemap li dl dd a {display:block; padding:2px 0 2px 17px; font-size:12px; background:url('../images/btnIcn/icn_dot1.gif') 7px 11px no-repeat;}


/* 동아대 콘텐츠 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 시스템 소개 */
.program-intro {width:100%; overflow:hidden;}
.program-intro > dl {margin-bottom:30px;}
.program-intro > dl dt {width:100%; overflow:hidden;}
.program-intro > dl dt > em {display:inline-block; float:left; font-style:normal; font-size:18px; font-weight:bold; background:#61a0bb; color:#fff; padding:6px; margin:0 3px 15px 0;}
.program-intro > dl dt > span {display:inline-block; float:left; margin:6px 0 0 8px; text-align:center;}
.program-intro > dl dt > span strong {display:inline-block; color:#252525; font-size:18px; margin-right:5px;}
.program-intro > dl dt > span span {display:inline-block; color:#727272;}
.program-intro > dl dd {width:100%;}

/* 상담안내 */
.conIntro {box-sizing:border-box; padding:25px; margin-bottom:50px; background:#f7f8fc;}
.conIntro h3 {font:500 24px/24px 'NotoSansKR'; color:#333; margin-bottom:15px;}
.conIntro span {display:inline-block; width:30px; height:3px; background:#61a0bb;}
.conIntro p {font-size:15px; line-height:140%;}

.conNum_top {width:100%; overflow:hidden;}
.conNum_top  ul {overflow:hidden;}
.conNum_top  ul li {width:100%;}
.conNum_top ul li h4 {font-size:18px; font-weight:bold; border-bottom:2px solid #ddd;}
.conNum_top ul li h4 span {display:inline-block; background:#61a0bb; color:#fff; padding:6px; margin:0 3px 15px 0;}
.conNum_top ul li div {width:100%; height:110px; box-sizing:border-box; margin-top:15px; padding:40px 20px; color:#fff; background:url('../images/content/con_img.jpg') left no-repeat; background-size:cover;}
.conNum_top ul li div strong {display:inline-block; float:left; padding-top:3px; font-size:16px;}
.conNum_top ul li div a {float:right; display:inline-block; color:#fff !important; font-size:13px; letter-spacing:-1px; padding:5px 12px; text-align:center; border-radius:2px; background:#4b6a89;}
.conNum_top ul li div a:hover {color:#f5f5f5 !important; background:#707070;}

.conNum_btm {width:100%; overflow:hidden;}
.conNum_btm h4 {font-size:18px; font-weight:bold; border-bottom:2px solid #ddd;}
.conNum_btm h4 span {display:inline-block; background:#61a0bb; color:#fff; padding:6px; margin:0 3px 15px 0;}
.conNum_btm ul {overflow:hidden;}
.conNum_btm ul li {float:left; box-sizing:border-box; width:150px; text-align:center; background:#f7f8fc; padding:25px 10px; margin:15px 15px 0 0;}
.conNum_btm ul li:nth-child(6) {margin-right:0;}
.conNum_btm ul li p {margin-bottom:10px;}
.conNum_btm ul li strong {display:inline-block; margin-bottom:10px;}
.conNum_btm ul li a {display:block; margin:0 auto; font-size:13px;}

/* 심리검사 안내 */
.con_test {width:100%; overflow:hidden;}
.con_test li {overflow:hidden; margin-bottom:10px;}
.con_test li:last-child {margin-bottom:0;}
.con_test li > div.con_title {float:left; width:15%; background:#515a79; color:#fff; box-sizing:border-box; padding:40px 15px; text-align:center; font:400 15px/22px 'NotoSansKR'; letter-spacing:-0.5px;}
.con_test li > div.con_text {float:left; width:85%; background:#f7f8fc; box-sizing:border-box; padding:19px 20px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:relative;}
.con_test li > div.con_text > div {width:100%; overflow:hidden; /* position:relative; */ border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:8px;}
.con_test li > div.con_text > div span {display:inline-block; float:left; font-weight:bold;}
.con_test li > div.con_text > div > div {position:absolute; float:right; right:20px; }



/* 마이페이지 대시보드 */
.mypage-count {width:100%; border-bottom:1px dashed #ddd; padding-bottom:30px; margin-bottom:30px; overflow:hidden;}
.mypage-count > ul {width:100%; margin:0 auto; overflow:hidden;}
.mypage-count > ul > li {float:left; width:31.333%; margin:0 1%; overflow:hidden;}
.mypage-count > ul > li:nth-child(1) {margin-bottom:20px;}
.mypage-count > ul > li:nth-child(2) {margin-bottom:20px;}
.mypage-count > ul > li:nth-child(3) {margin-bottom:20px;}
.mypage-count > ul > li > div.count_wrap {display:table; width:150px; height:150px; text-align:center; margin:0 auto; border-radius:50%; cursor:pointer;}
.mypage-count > ul > li:nth-child(1) > div {background:#61a0bb;}
.mypage-count > ul > li:nth-child(2) > div {background:#728ab8;}
.mypage-count > ul > li:nth-child(3) > div {background:#5c7299;}
.mypage-count > ul > li:nth-child(4) > div {background:#7070b8;}
.mypage-count > ul > li:nth-child(5) > div {background:#939eb3;}
.mypage-count > ul > li:nth-child(6) > div {background:#454f63;}
.mypage-count > ul > li > div.count_wrap > div {display:table-cell; vertical-align:middle;}
.mypage-count > ul > li > div.count_wrap > div > span {display:inline-block; min-height:35px; color:#fff; padding:10px 0; font-size:14px; line-height:18px;}
.mypage-count > ul > li > div.count_wrap > div > span.txtLine1 {padding:18px 0 2px 0;}
.mypage-count > ul > li > div.count_wrap > div > strong {display:block; color:#fff; font-size:19px; letter-spacing:0;}
.mypage-count > ul > li > div.count_wrap div > div {width: 100%; box-sizing: border-box; }
.mypage-count > ul > li > div.count_wrap div > div > strong {display: inline-block; float: left; bottom: 12px; font-size: 19px; line-height:22px; color:#fff; position: relative; text-align: center; width: 50%; box-sizing: border-box; }

/* 개별 컨텐츠[201603]  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 문의안내 */
.inquiryGuide {padding:15px; border:#e5e5e5 1px solid; overflow:hidden;}
.inquiryGuide > dt {float:left; width:10%; text-align:center;}
.inquiryGuide > dd {float:right; width:88%;}
.inquiryGuide > dd div {color:#d02727; font-weight:bold; letter-spacing:-1px;}
.inquiryGuide > dd ul {width:100%; margin-top:7px; overflow:hidden;}
.inquiryGuide > dd ul li {padding:1px 0; font-size:12px;}
.inquiryGuide > dd ul li strong {color:#444;}

/* 취창업상담 - 상담신청 */
.counselSelect {width:100%;} 
.counselSelect dl {width:100%; overflow:hidden;} 
.counselSelect dl dt {float:left; width:478px; padding-bottom:30px; text-align:center; border:#e5e5e5 1px solid; border-radius:4px;} 
.counselSelect dl dd {float:right; width:478px; padding-bottom:30px; text-align:center; border:#e5e5e5 1px solid; border-radius:4px;} 
.counselSelect dl p {border-bottom:#e5e5e5 1px solid;} 
.counselSelect dl h1 {margin-top:40px; font:500 24px 'NotoSansKR'; color:#333; letter-spacing:-1px;} 
.counselSelect dl h2 {margin-top:10px; font-size:16px; color:#333; letter-spacing:-1px;} 
.counselSelect dl div {margin-top:30px;} 
.counselSelect dl div a {padding:7px 30px; border:#ddd 1px solid;} 
.counselSelect dl div a:hover {color:#fff; border:#1060ae 1px solid; background:#1060ae;}

/* 취업창업진원팀 - 인사말 */
.supportGreeting {width:100%; background:url('../images/img/support_greeting_bg.jpg') -580px -100px no-repeat;}
.supportGreeting > div {width:65%;}
.supportGreeting > div h1 {padding:25px 20% 10px 0; font:28px/28px 'Godo'; color:#333;}
.supportGreeting > div h1 span {color:#cb142a;}
.supportGreeting > div h2 {padding:20px 0 20px 0; font:20px 'Godo'; color:#777;}
.supportGreeting > div div {font-size:16px; color:#6d6d6d; line-height:26px; letter-spacing:-1px;}
.supportGreeting > div dl {width:100%; margin-top:30px; font:20px 'Godo'; color:#333; overflow:hidden;}
.supportGreeting > div dl dt {float:left;}
.supportGreeting > div dl dd {float:right;}
.supportGreeting > p {margin-top:40px; text-align:center;}

/* 직인관리 - 파일 업로드 */
.extSealUp {width:100%; padding:10px 0;}
.extSealUp dl {width:100%; margin-bottom:10px; overflow:hidden;}
.extSealUp dl dt {float:left; width:15%; padding-top:2px; font-size:16px; line-height:22px; font-weight:bold; color:#333;}
.extSealUp dl dd {float:left; width:85%;}
.extSealUp div {padding-top:10px;}
.extSealUp div strong {color:#333; letter-spacing:-1px;}
.extSealUp p {margin-top:15px; padding-top:15px; text-align:center; border-top:#e5e5e5 1px solid;}
@page a4sheet { size: 21.0cm 29.7cm }
/* 참가신청서 출력 - 팝업 */
.popConfirmBg {height:100%;  overflow-x:hidden; overflow-y:scroll; background-size: contain; }
.popConfirm {width:740px; /* background:url('../images/content/popConfirm_bg_top.gif') no-repeat, url('../images/content/popConfirm_bg_btm.gif') 0 bottom no-repeat, url('../images/content/popConfirm_bg.gif') repeat-y; */ padding:50px 24px 100px 16px; }
.popConfirm .pcTitle {width:100%;}
.popConfirm .pcTitle h1 {text-align:center; font-family:'nm'; font-size:20px; line-height:24px; font-weight:bold; color:#555;}
.popConfirm .pcTitle h2 {margin-top:10px; text-align:center; font-family:'nm'; font-size:30px; line-height:34px; font-weight:bold; color:#333;}
.popConfirm .pcTitle h3 {margin-top:30px; font-size:18px; font-weight:bold; color:#555;}

/* 서약 */
.vow {width:100%; margin-top:35px;}
.vow h1 {text-align:center; font-family:'nm'; font-size:22px; font-weight:bold; color:#333; line-height:26px; letter-spacing:-1px;}
.vow h2 {margin-top:20px; text-align:center; font-family:'nm'; font-size:20px; font-weight:bold; color:#333; line-height:26px; letter-spacing:-1px;}
.vow p {margin:40px 0 40px 0; text-align:right; font-size:28px; color:#333; line-height:26px; font-weight:bold; font-family:'nm'; letter-spacing:-1px; height:45px; padding-top:35px; padding-right:40px; background:url('/static_root/images/common/jikin.png') no-repeat right top;background-size:80px;}
.vow div {text-align:center; font-size:12px; letter-spacing:-1px;}

.titleEaG {width:100%; margin-bottom:10px; overflow:hidden;}
.titleEaG dt {float:left; padding:5px 0 0 15px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 11px no-repeat;}
.titleEaG dt strong {color:#e20d45;}
.titleEaG dd {float:right; margin-top:5px; padding-left:15px; letter-spacing:-1px; font-size:13px; color:#9e2842; background:url('../images/btnIcn/icn_page.gif') 0 6px no-repeat;}

/* 이수체계도 관리 - 정보 */
.subjectMngInfo {width:100%; margin-bottom:15px;}
.subjectMngInfo p {font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.subjectMngInfo p .sjType01 {color:#ff1200;}
.subjectMngInfo p .sjType02 {color:#0078ff;}
.subjectMngInfo > dl {width:100%; margin-top:15px; overflow:hidden;}
.subjectMngInfo > dl > dt {float:left;}
.subjectMngInfo > dl > dt dl {width:100%; overflow:hidden;}
.subjectMngInfo > dl > dt dl dt {float:left; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.subjectMngInfo > dl > dt dl dd {float:left;}
.subjectMngInfo > dl > dt dl dd h1 {float:left; width:60px; padding:2px 10px 4px 10px; text-align:center; color:#333; letter-spacing:-1px; background:#fff7ca;}
.subjectMngInfo > dl > dt dl dd h2 {float:left; width:60px; padding:2px 10px 4px 10px; text-align:center; color:#333; letter-spacing:-1px; background:#ffdaca;}
.subjectMngInfo > dl > dt dl dd h3 {float:left; width:60px; padding:2px 10px 4px 10px; text-align:center; color:#333; letter-spacing:-1px; background:#caffe3;}
.subjectMngInfo > dl > dt dl dd h4 {float:left; width:60px; padding:2px 10px 4px 10px; text-align:center; color:#333; letter-spacing:-1px; background:#caceff;}
.subjectMngInfo > dl > dd {float:right;}
.subjectMngInfo > dl > dd dl {width:100%; overflow:hidden;}
.subjectMngInfo > dl > dd dl dt {float:left; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.subjectMngInfo > dl > dd dl dd {float:left;}

/* PA역량관리시스템  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.capability_graph_wrap {width:100%; overflow: hidden; margin-top:10px; }
.capability_graph_inL {float:left; width:49%;}
.capability_graph_inR {float:right; width:49%;}

ul.capability_graph_tap {overflow:hidden; margin-top:10px; height:30px; border-bottom:1px solid #e1e1e1;}
ul.capability_graph_tap li {float:left; width:22%; height:30px; margin-right:1%; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:center; }
ul.capability_graph_tap li a {display:inline-block; width:100%; box-sizing:border-box; height:30px; padding:5px 0;}
ul.capability_graph_tap li a:hover {color:#fff; background-color:#606a74;}
ul.capability_graph_tap li a.on {color:#fff; background-color:#606a74;}

/* 나의 PA역량 현황 - 그래프 */
.capability_graph {width:100%; overflow:hidden;}
.capability_graph .graph1 {float:left; width:50%;}
.capability_graph .graph1 .graph {width:95%; margin:0 auto;}
.capability_graph .graph1 .graph img {width:100%;}
.capability_graph .graph1 p {width:137px; margin:0 auto; padding-top:5px;}
.capability_graph .graph2 {float:left; width:50%;}
.capability_graph .graph2 .graph {width:95%; margin:0 auto;}
.capability_graph .graph2 p {width:152px; margin:0 auto; padding-top:5px;}
.capability_graph .graph3 {clear:both; width:100%;}
.capability_graph .graph3 .graph {width:95%; margin:0 auto;}
.capability_graph .graph3 p {width:203px; margin:0 auto; padding-top:5px;}
.capability_graph .graph4 {width:100%;}
.capability_graph .graph4 .graph {width:95%; margin:0 auto;}
.capability_graph .graph4 p {width:400px; margin:0 auto; padding-top:5px;}
.capability_graph .graph4 div {width:627px; margin:0 auto;} 
.capability_graph .graph4 dt {float:left;}
.capability_graph .graph5 {width:100%;}
.capability_graph .graph5 .graph {width:95%; margin:0 auto;}
.capability_graph .graph5 p {width:230px; margin:0 auto; padding-top:5px;}

/* 단위별 PA역량통계 조회 - 그래프 */
.statistics_graph {width:100%; overflow:hidden;}
.statistics_graph .graph1 {float:left; width:50%;}
.statistics_graph .graph1 div {width:95%; margin:0 auto;}
.statistics_graph .graph2 {float:left; width:50%;}
.statistics_graph .graph2 div {width:95%; margin:0 auto;}
.statistics_graph .graph2 p {width:175px; margin:0 auto; padding-top:5px;}

/* 외부상담사 로그인 */
.loginLayer {left:50%; top:50%; width:640px; border-top:#472583 5px solid; background:#ffffff; z-index:10;}
.loginLayer > p {position:absolute; margin:-5px 0 0 640px;}
.loginLayer > div > h1 {margin-top:70px; text-align:center; font-size:40px; line-height:40px; letter-spacing:-2.5px; color:#000; font-weight:bold;}
.loginLayer > div > h1 span {color:#5f3b9b;}
.loginLayer > div > h2 {margin-top:20px; text-align:center; font-family:'nm'; font-size:20px; line-height:24px; letter-spacing:-2px; color:#555; font-weight:bold;}
.loginLayer > div > div {margin-top:50px; padding-top:20px; text-align:center; border-top:#e5e5e5 1px solid;}
.loginLayer dl {width:330px; margin:10px auto 60px auto; overflow:hidden;}
.loginLayer dl dt {margin-bottom:15px;}
.loginLayer dl dt p {margin-bottom:15px; font-size:16px; font-weight:bold; letter-spacing:-1px;}
.loginLayer dl dt ul {width:100%; overflow:hidden;}
.loginLayer dl dt ul li {margin-bottom:5px; width:328px; border:#ddd 1px solid;}
.loginLayer dl dt ul li input {width:100%; height:50px; border:none;}
.loginLayer dl dt ul li input.lgID {background:url('../images/content/icn_id.jpg') 15px center no-repeat; padding-left:45px;}
.loginLayer dl dt ul li input.lgPW {background:url('../images/content/icn_pwd.jpg') 15px center no-repeat; padding-left:45px;}
.loginLayer dl dt div {width:330px; margin-top:10px; background-color:#472583;}
.loginLayer dl dt div a {display:block; width:100%; text-align:center; padding:15px 0; color:#fff; font-size:18px; border:none;}
.loginLayer dl dd {text-align:center; font-size:16px;}

/* 기타  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 약관동의 - 레이어영역 */
.agreePop {position:absolute; left:50%; top:170px; width:800px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.agreePop .agTop {width:794px; margin:0 auto;} 
.agreePop .agArea {padding:20px 20px 30px 20px; border-left:#1c589d 3px solid; border-right:#1c589d 3px solid; border-bottom:#1c589d 3px solid; background:#fff;} 
.agreePop .agArea .agCtn {height:500px; overflow:auto;} 
.agreePop .agArea .agChk {margin-top:20px; text-align:center; color:#333; font-weight:bold; letter-spacing:-1px;} 

/* 약관동의 - 회원가입 */
.agree {width:100%;}
.agree div {height:100px; margin-bottom:15px; padding:20px; border:#e5e5e5 1px solid; overflow:hidden;}
.agree p {font-weight:bold; letter-spacing:-1px;}

/* 이용약관 / 개인정보취급방침 */
.privacy {padding:25px; border:#e5e5e5 1px solid;}
.privacy h1 {font-size:16px; font-weight:bold; color:#333;}
.privacy h2 {margin-bottom:15px; padding-bottom:15px; color:#1c589d; font-weight:bold; border-bottom:#e5e5e5 1px solid;}
.privacy h3 {color:#333; font-weight:bold;}
.privacy strong {font-size:14px; color:#555; line-height:28px;}

*/

/* SMS보내기 */
.sysSMS {width:200px; z-index:10;}
.sysSMS dl {width:100%; overflow:hidden;}
.sysSMS dl dt {height:116px; padding:0 22px 10px 15px; background:url('../images/content/sms_memo.png') no-repeat;}
.sysSMS dl dt textarea {color:#fff; background:#23447a; border:none; scrollbar-face-color:#000; scrollbar-shadow-color:#1a335b; scrollbar-highlight-color:#1a335b; scrollbar-3dlight-color:#1a335b; scrollbar-darkshadow-color:#1a335b; scrollbar-track-color:#1a335b; scrollbar-arrow-color:#000000;}
.sysSMS dl dd {height:24px; padding:3px 52px 0 0; text-align:right; font-size:12px; color:#fff; background:url('../images/content/sms_byte.png') no-repeat;}
.sysSMS div {padding:10px 14px 0 8px; background:url('../images/content/sms_bg.png') repeat-y;border-bottom:#bebebe 1px solid;}
.sysSMS div ul {height:140px; border:#bebebe 1px solid; border-radius:5px; overflow:auto;}
.sysSMS div ul li {padding:3px 7px; font-size:12px; border-bottom:#bebebe 1px solid;}
.sysSMS div ul li:first-child {border-top:none;}
.sysSMS div ul li input {width:100%; border:none;}
.sysSMS div p {padding-top:10px; text-align:center;}