@charset "utf-8";


/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {margin:0; padding:0;}  
body,input,textarea,select,button {font-family:'Open sans', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; font-size:14px; letter-spacing:-1px; color:#555; font-weight:normal; line-height:20px; word-break:break-all;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal; word-break:break-all;}
img,fieldset {margin: 0; padding: 0; border:0;}
legend, caption {display:none;}
ul,ol,li,dl,dt,dd {list-style:none;}
img,input,select,textarea {vertical-align:middle;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display: block;}
a {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#61a0bb;}
.input {border:#cccccc 1px solid; height:28px;}
.select {border:#cccccc 1px solid; height:30px;}






/* 기본 레이아웃[틀]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%;}

/* 상단영역 */
#header {width:100%; overflow:hidden; /* background:url('../images/common/bg_top.jpg') repeat-x; */ border-bottom:1px solid #e5e5e5;}

/* GNB영역 */
.gnbArea {width:100%; overflow:hidden; background:#f6f6f6;}
.gnbArea > div {width:1200px; margin:0 auto; overflow:hidden;}
.gnbArea > div > .gnbLeft {float:left;}
.gnbArea > div > .gnbLeft li a {display:block; color:#fff; background:#61a0bb; padding:10px; font-size:12px;}
.gnbArea > div > .gnbRight {float:right;}
.gnbArea > div > .gnbRight li {float:left; margin-top:9px; background:url('../images/common/menuLine.jpg') right 7px no-repeat;}
.gnbArea > div > .gnbRight li:last-child {background:none;}
.gnbArea > div > .gnbRight li a {color:#555; font-size:12px; font-weight:bold; padding:0 10px;}
.gnbArea > div > .gnbRight li a:hover {color:#61a0bb;}
.gnbArea > div > .gnbRight li:last-child a {border-right:none;}

/* 메뉴영역 */
.menuArea {width:1200px; margin:0 auto; overflow:hidden;}
.menuArea > h1 {float:left;}
.menuArea > h1 a {display:block; margin:17px 0;}
.menuArea > ul {float:right; padding:25px 0;}
.menuArea > ul li {float:left;}
.menuArea > ul li a {display:block; color:#333; font-size:16px; font-weight:bold; padding-left:40px;}
.menuArea > ul li a:hover {color:#61a0bb;}



.menuAreaAdmin {width:1200px; margin:0 auto; overflow:hidden;}
.menuAreaAdmin > h1 {float:left;}
.menuAreaAdmin > h1 a {display:block; margin:17px 0;}
.menuAreaAdmin > ul {float:right; padding:25px 0;}
.menuAreaAdmin > ul li {float:left;}
.menuAreaAdmin > ul li a {display:block; color:#333; font-size:15px; font-weight:bold; padding-left:100px;}
.menuAreaAdmin > ul li a:hover {color:#61a0bb;}


/* 본문 영역 */
#content {width:1200px; margin:0 auto 60px auto; overflow:hidden;}
#content #left {float:left; width:185px;}
#content #right {float:right; width:975px;}

/* 하단영역 */
#footerWrap {width:100%; overflow:hidden; border-top:1px solid #ddd;}
#footerWrap .footerMenu {width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
#footerWrap .footerMenu ul {width:1200px; margin:15px auto; overflow:hidden;}
#footerWrap .footerMenu ul li {float:left; background:url('../images/common/menuLine.jpg') right no-repeat; margin-right:10px; padding-right:10px;}
#footerWrap .footerMenu ul li:last-child {background:none; margin-right:0; padding-right:0;}
#footerWrap .footerInfo {width:1200px; margin:20px auto 0 auto; overflow:hidden; position:relative;}
#footerWrap .footerInfo ul {float:left;}
#footerWrap .footerInfo ul li {margin-bottom:5px;}
#footerWrap .footerInfo ul li span {display:inline-block; margin-right:10px; color:#3f68a4; font:500 15px/18px 'NotoSansKR';}
#footerWrap .footerInfo p {position:absolute; bottom:0; right:0; letter-spacing:0;}

/*푸터 사이트 */
.siteLogo {width:100%; overflow:hidden; border-top:1px solid #e5e5e5; background:#f1f2f6;}
.siteLogo ul {width:1200px; margin:0 auto; overflow:hidden; border-left:1px solid #e5e5e5;}
.siteLogo ul li {float:left; width:199px; border-right:1px solid #e5e5e5; text-align:center;}


/* 좌측메뉴 */
.leftMenu {width:100%; border-bottom:#b2b2b2 1px solid;}
.leftMenu p {text-align:center; font:500 24px 'NotoSansKR'; letter-spacing:-2px; color:#fff; background:#333;}
.leftMenu p img {border-radius:2px;}
.leftMenu p.userLeftMenu{height:100px; box-sizing:border-box; padding:30px 5px; margin-top:30px;}
.leftMenu p.adminLeftMenu{height:100px; box-sizing:border-box; padding:30px 5px; margin-top:30px;}


/* 2017.02.14 신규메뉴 CSS(사용자) */
.leftMenu p.leftMENU3179 {height:60px; padding-top:60px;}	/* 마일리지 */
.leftMenu p.leftMENU3180 {height:60px; padding-top:60px;}	/* 경력개발 */
.leftMenu p.leftMENU3181 {height:60px; padding-top:60px;}	/* 비교과프로그램 */
.leftMenu p.leftMENU3182 {height:60px; padding-top:60px;}	/* 취업역량 */
.leftMenu p.leftMENU3183 {height:60px; padding-top:60px;}	/* 학생 - 학생상담 */
.leftMenu p.leftMENU2088 {height:60px; padding-top:60px;}	/* 상담사 - 학생상담 */
.leftMenu p.leftMENU3184 {height:60px; padding-top:60px;}	/* 커뮤니티 */

/* 2017.02.14 신규메뉴 CSS(관리자) */
.leftMenu p.adminLeftMENU3135{height:60px; padding-top:60px;}	/* 마일리지 */
.leftMenu p.adminLeftMENU3136{height:60px; padding-top:60px;}	/* 경력개발 */
.leftMenu p.adminLeftMENU3137{height:60px; padding-top:60px;}	/* 비교과프로그램 */
.leftMenu p.adminLeftMENU3138{height:60px; padding-top:60px;}	/* 취업역량 */
.leftMenu p.adminLeftMENU3139{height:60px; padding-top:60px;}	/* 학생상담 */
.leftMenu p.adminLeftMENU3140{height:60px; padding-top:60px;}	/* 커뮤니티 */
.leftMenu p.adminLeftMENU3141{height:60px; padding-top:60px;}	/* 시스템관리 */


.leftMenu dl {width:100%; overflow:hidden;}
.leftMenu dl dt {width:100%;}
.leftMenu dl dt a {display:block; height:34px; padding:11px 0 0 5px; font-weight:bold; color:#555; letter-spacing:-1px; background:url('../images/common/leftMenu_off.gif') no-repeat;}
.leftMenu dl dt a:hover {color:#61a0bb; font-weight:bold; background:url('../images/common/leftMenu_on.gif') no-repeat;}
.leftMenu dl dt a.on {color:#61a0bb; font-weight:bold; background:url('../images/common/leftMenu_on.gif') no-repeat;}
.leftMenu dl dd {padding:7px 0 7px 0; border-bottom:#d4d6e2 1px solid; background:#f7f7f7;}
.leftMenu dl dd a {display:block; padding:5px 0 5px 20px; font-size:13px; background:url('../images/common/leftMenu_dot.gif') 10px 14px no-repeat;}
.leftMenu dl dd a:hover {color:#4b6a89; text-decoration:underline;}
.leftMenu dl dd a.on {color:#4b6a89; text-decoration:underline;}

/* 좌측배너 */
.leftBanner {width:100%; margin-top:20px; overflow:hidden;}
.leftBanner li {margin-top:3px;}

/* 타이틀/네비 영역 */
.titleNavi {position:absolute; width:975px; margin-top:25px; overflow:hidden;}
.titleNavi dt {padding-left:20px; background:url('../images/common/icn_navi.gif') 0 4px no-repeat;}
.titleNavi dt span {font-weight:bold; color:#4b6a89;}
.titleNavi dd {margin-top:20px; font:500 28px 'NotoSansKR'; color:#333; letter-spacing:-1px;}

.visualMENU0001 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual01.jpg') right no-repeat;}
.visualMENU0002 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual02.jpg') right no-repeat;}
.visualMENU0003 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual04.jpg') right no-repeat;}
.visualMENU0004 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual05.jpg') right no-repeat;}
.visualMENU0005 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual06.jpg') right no-repeat;}
.visualMENU0006 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual07.jpg') right no-repeat;}
.visualMENU0007 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0008 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0009 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0010 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0011 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0012 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0013 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0014 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}

.visualMENU0068 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0069 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0070 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0071 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0072 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0073 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0074 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0075 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0076 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0077 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0078 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0079 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0080 {height:120px; margin-bottom:30px; border-bottom:#ccc 2px solid; background:url('../images/common/visual08.jpg') right no-repeat;}
.visualMENU0109 {height:120px; margin-bottom:30px; border-bottom:#333 2px solid; background:url('../images/common/visual06.jpg') right no-repeat;}



/* 공통  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 타이틀 */
.title1 {padding:0 0 15px 22px; font-size:18px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 3px no-repeat;}
.title2 {padding:0 0 15px 20px; font-size:15px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title2.png') 0 4px no-repeat;}
.title3 {padding:0 0 10px 20px; font-weight:bold; background:url('../images/btnIcn/icn_title3.gif') 0 5px no-repeat;}

/* 타이틀 - 큰타이틀 */
.titleBig1 {padding:15px 30px; font:500 26px 'Godo'; color:#0969b3; border:#3082c2 3px solid; background:#f3faff;}

/* 타이틀 - 명조체 */
.titleMJ1 {font-family:'nm'; font-weight:bold; font-size:34px; line-height:40px; letter-spacing:-1px; color:#000;}

/* 타이틀 - 고도체 */
.titleGodo1 {padding:0 0 15px 25px; font:500 20px 'Godo'; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 2px no-repeat;}

/* 타이틀 - 좌/우 [좌-타이틀 / 우-안내] */
.titleTG {width:100%; overflow:hidden;}
.titleTG dt {float:left; padding:5px 0 0 23px; font-size:18px; line-height:22px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 9px no-repeat;}
.titleTG dd {float:right; margin-top:5px; padding-left:15px; letter-spacing:-1px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 6px no-repeat;}

/* 타이틀 - 좌/우 [좌-타이틀 / 우-버튼] */
.titleTB {width:100%; overflow:hidden;}
.titleTB dt {float:left; margin-top:3px; padding-left:22px; font-size:18px; line-height:22px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 3px no-repeat;}
.titleTB dd {float:right;}

/*  타이틀 - 좌/우 [좌-안내 / 우-버튼] */
.titleGB {width:100%; margin-bottom:10px; overflow:hidden;}
.titleGB dt {float:left; padding:5px 0 0 15px; letter-spacing:-1px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 11px no-repeat;}
.titleGB dt strong {color:#da4200;}
.titleGB dd {float:right;}

/*  타이틀 - 좌/우 [좌-셀렉트 / 우-버튼] */
.titleSB {width:100%; margin-bottom:15px; overflow:hidden;}
.titleSB dt {float:left; margin-bottom:5px; letter-spacing:-1px; font-weight:bold; color:#555; font-size:18px; }
.titleSB dt span {color:#e5144d;}
.titleSB dd {float:right;}

/*  타이틀 - 좌/우 [좌-큰글씨안내 / 우-버튼] */
.titleGbigB {width:100%; margin-bottom:15px; overflow:hidden;}
.titleGbigB dt {float:left; margin-bottom:5px; padding:5px 0 0 20px; letter-spacing:-1px; font-weight:bold; color:#555; font-size:18px; background:url('../images/btnIcn/icn_pageBig.gif') 0 9px no-repeat;}
.titleGbigB dt span {color:#e5144d;}
.titleGbigB dd {float:right;}

/*  타이틀 - 좌/우 [좌-안내 / 우-필수] */
.titleGC {width:100%; margin-bottom:10px; overflow:hidden;}
.titleGC dt {float:left; padding:5px 0 0 15px; letter-spacing:-1px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 11px no-repeat;}
.titleGC dd {float:right; font-size:13px;}
.titleGC dd span {font-size:18px; color:#e20d45; font-weight:bold;}

/*  타이틀 - 좌/우 [좌-총갯수 / 우-버튼] */
.titleEaB {width:100%; margin-bottom:10px; overflow:hidden;}
.titleEaB dt {float:left; padding:5px 0 0 15px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 11px no-repeat;}
.titleEaB dt strong {color:#e20d45;}
.titleEaB dd {float:right;}

/*  타이틀 - 박스 좌/우 [좌-타이틀 / 우-옵션] */
.titleBoxLR {padding:15px; margin-bottom:15px; border:#e5e5e5 1px solid; background:#f9f9f9; overflow:hidden;}
.titleBoxLR dt {float:left;}
.titleBoxLR dt div {padding:1px 0 5px 25px; font-size:18px; background:url('../images/btnIcn/icn_title1.png') 0 5px no-repeat;}
.titleBoxLR dt div strong {color:#333;}
.titleBoxLR dd {float:right; text-align:right;}
.titleBoxLR dd p {font-size:16px;}
.titleBoxLR dd p strong {color:#333;}

/* 영역나누기 */
.areaLR {width:100%; overflow:hidden;}
.areaLR > dt {float:left;}
.areaLR > dt.tab {width:30%;}
.areaLR > dt > ul {display:inline-block; border:1px solid black; width:100%; box-sizing:border-box;}
.areaLR > dt > ul > li {display:inline-block;width:50%; padding: 10px; text-align:center; float:left; box-sizing:border-box; }
.areaLR > dt > ul > li.on {background-color:#4CD0DA;}
.areaLR > dd {float:right;}
.areaLR .areaL30 {float:left; width:30%;}
.areaLR .areaL32 {float:left; width:32%;}
.areaLR .areaL40 {float:left; width:40%;}
.areaLR .areaL48 {float:left; width:48%;}
.areaLR .areaL60 {float:left; width:60%;}
.areaLR .areaL65 {float:left; width:65%;}
.areaLR .areaC10 {float:left; width:10%;}
.areaLR .areaC15 {float:left; width:15%;}
.areaLR .areaC20 {float:left; width:20%;}
.areaLR .areaR30 {float:right; width:30%;}
.areaLR .areaR32 {float:right; width:32%;}
.areaLR .areaR35 {float:right; width:35%;}
.areaLR .areaR40 {float:right; width:40%;}
.areaLR .areaR48 {float:right; width:48%;}
.areaLR .areaR55 {float:right; width:55%;}
.areaLR .areaR56 {float:right; width:56%;}
.areaLR .areaR60 {float:right; width:60%;}
.areaLR .areaR66 {float:right; width:66%;}

/* 버튼 */
/* 버튼 */
.bttn {cursor: pointer;}
.btnS {display:inline-block; height:21px; padding-top:5px; color:#fff !important; font-size:14px; line-height:14px; text-align:center; border:#5a5a5a 1px solid; background:#707070; border-radius:2px;}
.btnS:hover {color:#f5f5f5 !important; border:#0c60a6 1px solid; background:#4e95d0;}

.btn1 {display:inline-block; height:28px; color:#fff !important; line-height:26px; text-align:center; box-sizing:border-box; border:#5a5a5a 1px solid; background:#707070; border-radius:2px;}
.btn1:hover {color:#f5f5f5 !important; border:#0c60a6 1px solid; background:#4e95d0;}
.btn2 {display:inline-block; height:28px; color:#333 !important; line-height:26px; text-align:center; box-sizing:border-box; border:#7d7d7d 1px solid; background:#f5f5f5; border-radius:2px;}
.btn2:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn3 {display:inline-block; height:28px; color:#fff !important; line-height:26px; text-align:center; box-sizing:border-box; border:#333c64 1px solid; background:#424d7a; border-radius:2px;}
.btn3:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn4 {display:inline-block; height:28px; color:#fff !important; line-height:26px; text-align:center; box-sizing:border-box; border:#9b181d 1px solid; background:#b42329; border-radius:2px;}
.btn4:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn5 {display:inline-block; height:28px; color:#fff !important; line-height:26px; text-align:center; box-sizing:border-box; border:#d26819 1px solid; background:#e7731c; border-radius:2px;}
.btn5:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn6 {display:inline-block; height:28px; color:#fff !important; line-height:26px; text-align:center; box-sizing:border-box; border:#4499bd 1px solid; background:#61a0bb; border-radius:2px;}
.btn6:hover {color:#f5f5f5 !important; border:#8a8a8a 1px solid; background:#707070;}
.btn7 {display:inline-block; height:28px; color:#fff !important; line-height:26px; text-align:center; box-sizing:border-box; border:#437178 1px solid; background:#598991; border-radius:2px;}
.btn7:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn8 {display:inline-block; height:28px; color:#fff !important; line-height:26px; text-align:center; box-sizing:border-box; border:#4b3e40 1px solid; background:#66575a; border-radius:2px;}
.btn8:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn9 {display:inline-block; height:28px; color:#fff !important; line-height:26px; text-align:center; box-sizing:border-box; border:#39702b 1px solid; background:#4a863b; border-radius:2px;}
.btn9:hover {color:#f5f5f5; border:#5a5a5a 1px solid; background:#707070;}

.btnS1 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#5a5a5a 1px solid; background:#707070; border-radius:2px;}
.btnS1:hover {color:#f5f5f5 !important; border:#0c60a6 1px solid; background:#4e95d0;}
.btnS2 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#7d7d7d 1px solid; background:#f5f5f5; border-radius:2px;}
.btnS2:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btnS3 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#333c64 1px solid; background:#424d7a; border-radius:2px;}
.btnS3:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btnS4 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#9b181d 1px solid; background:#b42329; border-radius:2px;}
.btnS4:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btnS5 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#d3070b 1px solid; background:#eb2629; border-radius:2px;}
.btnS5:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btnS6 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#437178 1px solid; background:#598991; border-radius:2px;}
.btnS6:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btnS7 {display:inline-block; height:21px; padding-top:5px; color:#fff !important; font-size:14px; line-height:14px; letter-spacing:-1px; text-align:center; border:#333c64 1px solid; background:#424d7a; border-radius:2px;}
.btnS7:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}

/* 라인 */
.line15 {height:1px; margin-bottom:15px; padding-top:5px; border-bottom:#ddd 1px solid;}
.lineDot10 {margin:10px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat;}
.lineDot20 {margin:20px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat;}
.lineDot30 {margin:30px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat;}
.lineDot40 {margin:40px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat;}

/* 탭버튼 */
.tabBtn {width:100%; background:url('../images/btnIcn/tabBg_off.gif') 0 bottom repeat-x; overflow:hidden;}
.tabBtn dt {float:left;}
.tabBtn dt a {float:left; margin-right:2px; padding:8px 15px 10px 15px; text-align:center; font-size:14px; font-weight:bold; color:#999; letter-spacing:-1px; border-left:#e5e5e5 2px solid; border-right:#e5e5e5 2px solid; border-top:#e5e5e5 2px solid; border-radius:3px 3px 0 0;}
.tabBtn dt a:hover {padding:10px 15px; color:#fff; background:url('../images/btnIcn/tabBg_on.gif'); border:none;}
.tabBtn dt a.on {padding:10px 15px; color:#fff; background:url('../images/btnIcn/tabBg_on.gif'); border:none;}
.tabBtn dd {float:right; padding-top:12px;}

.tabBtn.tabConSult {overflow:hidden;}
.tabBtn.tabConSult * {box-sizing:border-box;}
.tabBtn.tabConSult .TabLoad {width:100%; display:grid; grid-template-columns:repeat(auto-fill, minmax(16.6667%, auto)); gap:2px;}
.tabBtn.tabConSult .TabLoad dt {width:100%; height:100%; min-height:40px;}
.tabBtn.tabConSult .TabLoad dt a {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:100%; min-height:40px; margin:0; padding:8px; font-size:13px; line-height:1.3;}
.tabBtn.tabConSult .TabLoad dt a:hover {background-size:cover;}
.tabBtn.tabConSult .TabLoad dt a.on {background-size:cover;}


.tabBtn2 {width:100%; background:url('../images/btnIcn/tabBg_off.gif') 0 bottom repeat-x; overflow:hidden;}
.tabBtn2 dt {float:left;}
.tabBtn2 dt a {float:left;  margin-right:2px; padding:8px 10px 10px 10px; text-align:center; font-size:14px; font-weight:bold; color:#999; letter-spacing:-1px; border-left:#e5e5e5 2px solid; border-right:#e5e5e5 2px solid; border-top:#e5e5e5 2px solid; border-radius:3px 3px 0 0;}
.tabBtn2 dt a:hover {color:#fff; background:url('../images/btnIcn/tabBg_on.gif'); border:none;}
.tabBtn2 dt a.on { color:#fff; background:url('../images/btnIcn/tabBg_on.gif'); border:none;}
.tabBtn2 dd {float:right; padding-top:12px;}

/* 설명문구 - [박스-포인트리스트] */
.explain {margin-bottom:10px; padding:10px 15px; border:#e4e4e4 1px solid; background:#f9f9f9; overflow:hidden;}
.explain > li {padding:4px 0 4px 18px; color:#555; background:url('../images/btnIcn/icn_point1.gif') 0 9px no-repeat;}

/* 설명문구 - [박스-이미지-포인트리스트] */
.explain_img {margin-bottom:20px; padding:10px 15px; border:#e4e4e4 1px solid; background:#fff; overflow:hidden;}
.explain_img > dt {float:left; width:100px; text-align:center;}
.explain_img > dd {float:right; width:640px;}
.explain_img > dd div {padding:2px 0 2px 18px; font-size:13px; background:url('../images/btnIcn/icn_point1.gif') 0 6px no-repeat;}

/* 설명문구 - [일반-리스트] */
.textList {overflow:hidden;}
.textList > li {padding:2px 0 2px 10px; font-size:14px; background:url('../images/btnIcn/icn_dot1.gif') 0 12px no-repeat;}

.textList2 {overflow:hidden;}
.textList2 > li {padding:6px 0 6px 15px; font-size:16px; background:url('../images/btnIcn/icn_title3.gif') 0 14px no-repeat;}

/* 설명문구 - [회색배경-이미지-리스트] */
.textImgList {width:100%; background:#f5f5f5; overflow:hidden;}
.textImgList > dt {float:left; width:225px;}
.textImgList > dd {float:right; width:720px;}
.textImgList > dd > p {margin-bottom:10px; font-size:24px; line-height:30px; font-weight:bold; color:#2956a6; letter-spacing:-1px;}
.textImgList > dd > div {font-size:16px; line-height:22px; letter-spacing:-1px;}
.textImgList > dd > h1 {padding-left:18px; font-size:14px; color:#d21010; background:url('../images/btnIcn/icn_point1.gif') 0 6px no-repeat;}
.textImgList > dd > ul {overflow:hidden;}
.textImgList > dd > ul > li {padding:4px 0 4px 15px; font-size:16px; background:url('../images/btnIcn/icn_title3.gif') 0 12px no-repeat;}

/* 설명문구 - [좌우-이미지-리스트] */
.textBoxImgList {width:100%;}
.textBoxImgList > dl {width:100%; overflow:hidden;}
.textBoxImgList > dl dt {float:left; width:48%; border:#e5e5e5 1px solid;}
.textBoxImgList > dl dd {float:right; width:48%; border:#e5e5e5 1px solid;}
.textBoxImgList > dl h1 {padding:20px; text-align:center; font:500 20px 'Godo'; color:#fff; background:url('../images/btnIcn/bg_pt2.gif');}
.textBoxImgList > dl p {padding:10px;}
.textBoxImgList > dl div {padding:10px 20px 20px 20px;}

/* 설명문구 - 주요사항 */
.textPoint {padding-left:18px; color:#d21010; background:url('../images/btnIcn/icn_point1.gif') 0 5px no-repeat;}
.textPoint2 {padding-left:18px; color:#727272; background:#f7f8fc; padding:15px 25px;}
.textPoint2 span {background:url('../images/btnIcn/icn_point1.gif') 0 5px no-repeat; padding-left:18px;}

/* 설명문구 - 표제목 */
.listInfo {width:100%; overflow:hidden;}
.listInfo dt {font-size:15px; font-weight:bold; margin:15px 0 8px 0;}

/* 박스영역 */
.areaBox {width:100%; padding:15px; border:#e5e5e5 1px solid; overflow:hidden;}

/* 업로드영역 */
.uploadArea {padding:15px 15px 15px 15px;}
.uploadArea .uploadBox {min-height:220px; padding:10px; border:#15539a 2px solid; background:#e7f2ff;}
.uploadArea .uploadBtn {width:100%; overflow:hidden;}
.uploadArea .uploadBtn li {float:left; margin-right:5px;}

/* 파일리스트 */
.fileList {margin-top:10px; padding-top:8px; border-top:#e4e4e4 1px solid; overflow:hidden;}
.fileList li {padding:2px 0 2px 0;}

/* 폰트 강조 */
.fontB {font-weight:bold; color:#4d4d4d;}

/* 취업통계에서 사용 */
.arRed{text-align:right;color:#d21010;}
.alRed{text-align:left;color:#d21010;}
.acRed{text-align:center;color:#d21010;}


.new {display:block; width:35px; height:20px; font-size:10px; line-height:20px; letter-spacing:-0.5px; text-align:center; color:#fff; margin:0 auto 2px auto; box-sizing:border-box; border-radius:50px; background:#b42329;}




/* 공통 - 레이어  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); z-index:9;}

/* 코딩용 레이어 */
.layerWrapC450 {display:none; position:absolute; left:50%; top:50%; width:450px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC500 {display:none; position:absolute; left:50%; top:50%; width:500px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC600 {display:none; position:absolute; left:50%; top:50%; width:600px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC700 {display:none; position:absolute; left:50%; top:50%; width:700px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC800 {display:none; position:absolute; left:50%; top:50%; width:800px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC900 {display:none; position:absolute; left:50%; top:50%; width:900px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC1000 {display:none; position:absolute; left:50%; top:50%; width:1000px; background:url('../images/layer/layer_bg.gif'); z-index:10;}

/* 개발용 레이어 */
.layerWrap450 {width:450px; background:url('../images/layer/layer_bg.gif');}
.layerWrap500 {width:500px; background:url('../images/layer/layer_bg.gif');}
.layerWrap600 {width:600px; background:url('../images/layer/layer_bg.gif');}
.layerWrap700 {width:700px; background:url('../images/layer/layer_bg.gif');}
.layerWrap800 {width:800px; background:url('../images/layer/layer_bg.gif');}
.layerWrap900 {width:900px; background:url('../images/layer/layer_bg.gif');}
.layerWrap960 {width:960px; background:url('../images/layer/layer_bg.gif');}
.layerWrap1000 {width:1000px; background:url('../images/layer/layer_bg.gif');}
.layerWrap680 {width:680px;}
.layerWrap1200 {width:1210px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrap985 {min-width:985px; background:url('../images/layer/layer_bg.gif');}

/* 명암 */
.layerTLine {height:10px; background:url('../images/layer/layer_topBg.gif') repeat-x;}
.layerBLine {height:25px; margin-bottom:20px; background:url('../images/layer/layer_btnBg.gif') repeat-x;}

/* 타이틀 */
.layerTitle {height:60px; padding:0 25px; overflow:hidden;}
.layerTitle dt {float:left; padding-top:13px; font-size:22px; line-height:30px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.layerTitle dd {float:right; padding-top:18px;}

.MainlayerTitle {height:80px; padding:0 25px; overflow:hidden;}
.MainlayerTitle dt {float:left; padding-top:13px; font-size:22px; line-height:30px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.MainlayerTitle dd {float:right; padding-top:18px;}

/* 영역 */
.layerArea {padding:20px; background:#fff;}

/* 작은타이틀*/
.layerTitle02 {float:left; width:100%; height:35px; margin-bottom:20px; border-bottom:1px solid #e2e2e2; background-color:rgba(240,248,255,.6);}
.layerTitle02 dt {padding:3px 0 0 25px; font-size:15px; line-height:30px; font-weight:bold; color:#4f4f4f; letter-spacing:-1px;}

/* 달력 */
/*
.calendar {overflow:hidden;}
.calendar .calDate {height:59px; background:url('../images/img/cal_dateBg.gif') no-repeat;}
.calendar .calDate {width:100%; overflow:hidden;}
.calendar .calDate > dt {float:left; width:600px;}
.calendar .calDate > dt > dl {width:100%; overflow:hidden;}
.calendar .calDate > dt > dl > dt {float:left; width:100px; padding-top:18px; font-size:14px; font-weight:bold;}
.calendar .calDate > dt > dl > dt a {color:#fff;}
.calendar .calDate > dt > dl > dd {float:left; width:400px; padding-top:15px; font-size:22px; line-height:26px; color:#fff; text-align:center;}
.calendar .calDate > dd {float:left; width:180px; padding:14px 20px 0 0; text-align:right;}
.calendar .calDate > dd:first-child {padding:14px 0 0 20px; text-align:left;}
*/

.calendar table {width:100%; table-layout:fixed; border-top:#838383 1px solid; border-left:#e4e4e4 1px solid;}
.calendar table thead th {padding:10px 0 10px 0; font-weight:bold; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.calendar table tbody tr.calChkBg {background:#D5D5D5;}
.calendar table tbody td {height:90px; padding:8px; vertical-align:top; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.calendar table tbody td:first-child { font-weight:bold; font-size:14px;}
.calendar table tbody td:first-child a {color:#000;}
.calendar table tbody td:hover {padding:6px; border:#0264b6 2px solid; background:#f9f9f9;}
.calendar table tbody td p {margin-bottom:10px; padding-bottom:8px; font-weight:bold; border-bottom:#ddd 1px dashed;}
.calendar table tbody td p span {font-size:11px; color:#ccc; font-weight:normal;}
.calendar table tbody td p img {margin-top:-3px;}
.calendar table tbody td dl {overflow:hidden;}
.calendar table tbody td dl dt {padding:3px 0 3px 0; text-align:center; color:#f87509; background:#fff6e7; border:#f87509 1px solid;}
.calendar table tbody td dl dd {padding:3px; font-size:12px; text-align:center; background:#fff;}
.calendar table tbody td dl dd a {display:block; padding:3px 0 3px 0;}
.calendar table tbody td ul {overflow:hidden;}
.calendar table tbody td ul li {padding:3px 0 3px 8px; background:url('../images/btnIcn/icn_dot1.gif') 0 12px no-repeat; cursor:pointer;}
.calendar table tbody td ul li:hover {color:#0264b6;}

/* 공통 - 팝업  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 전체영역 */
.popWrap480 {width:485px;}
.popWrap785 {width:785px;}
.popWrap1225 {width:1225px;}

/* 타이틀 */
.popTitle {height:60px; padding:0 25px; background:url('../images/layer/pop_bg.gif') no-repeat; overflow:hidden;}
.popTitle dt {float:left; padding-top:13px; font-size:22px; line-height:30px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.popTitle dd {float:right; padding-top:18px;}

/* 영역 */
.popArea {padding:20px; background:#fff;}


/* 관리자 - SYSTEM  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 시스템관리 영역 [좌/우] */
.systemArea {width:100%; overflow:hidden;}
.systemArea .sysL {float:left; width:30%;}
.systemArea .sysR {float:right; width:65%;}

/* 시스템관리 영역 [좌/중/우] */
.systemArea2 {width:100%; overflow:hidden;}
.systemArea2 .sysL {float:left; width:24%; margin-right:2%;}
.systemArea2 .sysC {float:left; width:24%;}
.systemArea2 .sysR {float:right; width:45%;}


/* 팝업  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#popWrap930 {width:930px; padding:0 15px 0 15px; background:url('../images/btnIcn/pop_930Bg.gif') no-repeat; overflow:hidden; overflow-x:hidden;}
#popWrap700 {width:700px; padding:0 15px 0 15px; background:url('../images/btnIcn/pop_700Bg.gif') no-repeat; overflow:hidden; overflow-x:hidden;}
#popWrap450 {width:450px; padding:0 15px 0 15px; background:url('../images/btnIcn/pop_450Bg.gif') no-repeat; overflow:hidden; overflow-x:hidden;}

/* title부분 */
.title01 {background:url('../images/btnIcn/icn_titlepoint01.jpg') 0 center no-repeat; padding-left:12px; font:400 24px/24px 'NotoSansKR'; letter-spacing:-1px; clear:both;}

/* 프로그램 탭 추가 2018-03-16 */
ul.progTab {width:100%; overflow:hidden; border-bottom:1px solid #cecece;}
ul.progTab li {float:left; margin-left:10px; padding: 8px 15px 8px 15px; border-top:1px solid #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; border-radius:5px 5px 0 0; text-align:center; color:#333; font-size:14px; font-weight:bold; }
ul.progTab li.on {background-color:#2A659F; border:1px solid #2A659F; color:#fff; }

.main_popWrap {position:absolute; top:50px; left:500px; z-index:1000; overflow:hidden;}

.main_popbg_top {height:24px; padding-left:21px; background:url('../images/common/pop_bg_lt.png') 0 0 no-repeat;}
.main_popbg_topR {height:24px; padding-right:28px; background:url('../images/common/pop_bg_rt.png') right 0 no-repeat;}
.main_popbg_middle1 {padding-left:21px; background:url('../images/common/pop_bg_lm.png') 0 0 repeat-y;}
.main_popbg_middle2 {padding-right:28px; background:url('../images/common/pop_bg_rm.png') right 0 repeat-y;}
.main_pop_contents {background-color:#fff;}
.main_popbg_bottom {height:51px; padding-left:21px; background:url('../images/common/pop_bg_lb.png') 0 0 no-repeat;}
.main_popbg_bottomR {height:37px; padding:14px 28px 0 0; background:url('../images/common/pop_bg_rb.png') right 0 no-repeat; text-align:right;}
.main_popbg_bottomR span, .main_popbg_bottomR a {display:inline-block; line-height:15px; font-weight:bold;}
.main_popbg_bottomR .pop_ch_oneday {padding-right:11px; background:url('../images/common/pop_btn_divline.gif') right 2px no-repeat;}
.main_popbg_bottomR .pop_btn {padding-right:14px; background:url('../images/common/icon_close.gif') right 2px no-repeat; margin-left:6px;}

/* 툴팁 2018-04-09 */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: #00D8FF;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: -250%;
    left: -500%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 130%;
    left: 0%;
    paddubg: 7px 12px;
    margin-left: -5px;
    margin-bottom: 10px;
    width: auto;
    border-width: 5px;
    border-style: solid;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* =2017-07-26 sub_tab --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.jobinfo_tab {height:29px; border-bottom:1px solid #ccc; margin:0px 0 10px; position:relative;}
.jobinfo_tab li {height:28px; background-color:#fafafa; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; margin-right:5px; text-align:center; float:left;}
.jobinfo_tab li.on {position:relative; border-color:#ccc; background-color:#fff; padding-bottom:1px; margin-bottom:-1px;}
.jobinfo_tab li a {display:block; line-height:28px;}
.jobinfo_tab li.on a {font-weight:bold; color:#2987da;}

/* 타이틀/네비 - 관리자용 */
.jobinfoNavi {width:100%; height:80px; margin-bottom:20px; border-bottom:#e5e5e5 1px solid; background-position:right 0 !important; overflow:hidden;}
.jobinfoNavi dt {padding-left:22px; font-size:12px; letter-spacing:-1px; background:url('../images/common/navi_icn.gif') 0 4px no-repeat;}
.jobinfoNavi dt span {color:#000; font-weight:bold;}
.jobinfoNavi dd {margin-top:10px; font-size:30px; font-weight:bold; line-height:30px; color:#333; }

.jobInfoBoxK p a:hover {color:#2987da; text-decoration:underline; }

/* 2018-08-17 placeholder 안내문구 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #9e9e9e;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #9e9e9e;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #9e9e9e;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #9e9e9e;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #9e9e9e;
   opacity:  1;
}

.tabletitle01 {position:relative;}
.tabletitle01 p a {background-color:#606a74; color:#fff; font-size:12px; padding:2px 3px; position:absolute; top:1px; right:0;}

.tableListLine3 {overflow:hidden;}
.tableListLine3 table {width:100%; table-layout:fixed; text-align:center; border-bottom:2px solid #7d7d7d;}
.tableListLine3 table thead {background-color:#f5f5f5;}
.tableListLine3 table thead th {padding:18px 8px; font-weight:bold; border-top:2px solid #7d7d7d; border-bottom:1px solid #7d7d7d; background:url('../images/btnIcn/bg_bbsLine.gif') left center no-repeat;}
.tableListLine3 table thead th:first-child {background:none;}
.tableListLine3 table tbody td {min-height:5px; height:35px; padding:10px 0; border-bottom:#e1e1e1 1px solid;}
.tableListLine3 table tbody td a {color:#1e518e; font-weight:bold;}
.tableListLine3 table tbody td span {color:#0074ff; font-weight:bold;}
.tableListLine3 table tbody td .ongoing {color:#ff804d;}

.ProgramTableForm {float:left; overflow:hidden;}
.tableArea {width:311px; margin-right:16px; float:left; margin-top: 10px;}
.tableArea:last-child {margin-right:0;}
.tableArea .tabletitle01 .title01 {font:400 20px/20px 'NotoSansKR';}

.mh_Graph02 {border:1px solid #e1e1e1;}
.mh_Graph02 p {text-align:center; height:40px; background-color:#f5f5f5; box-sizing:border-box; padding-top:9px; font:400 20px/20px 'NotoSansKR'; border-bottom:1px solid #e1e1e1;}
.mh_Graph02 div {text-align:center; height:240px;}

.mh_Ct01 {position:relative; overflow:hidden;}

.mh_Profile {float:left; border:1px solid #e1e1e1; width:300px; height:135px; text-align:center; box-sizing:border-box; padding:30px 0;}
.mh_Profile dt {color:#1e518e; font:400 22px/22px 'NotoSansKR';}
.mh_Profile dd {margin-top:10px;}

.mh_Quick {clear:both; float:left; width:300px; text-align:center;}
.mh_Quick dl {float:left; border:1px solid #e1e1e1; width:150px; height:140px; box-sizing:border-box; padding:15px 0; cursor:pointer;}
.mh_Quick dl:first-child {border-right:none;}
.mh_Quick dt {margin-bottom:10px;}
.mh_Quick dd {color:#6c767f; font-weight:bold;}

.mh_Graph01 {border:1px solid #e1e1e1; width:635px; height:298px; position:absolute; top:0; right:0;}
.mh_Graph01 p {text-align:center; height:40px; background-color:#f5f5f5; box-sizing:border-box; padding-top:10px; font:400 20px/20px 'NotoSansKR';}
.mh_Graph01 div {overflow:hidden; height:216px; text-align:center;}
.Graph_tap {width:100%; overflow:hidden; height:40px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.Graph_tap dt {float:left; height:40px; text-align:center;}
.Graph_tap dt a {display:block; float:left; width:212px; box-sizing:border-box; border-right:1px solid #e1e1e1; padding:12px 0;}
.Graph_tap dt a:last-child {width:211px; border-right:none;}
.Graph_tap dt a:hover {color:#fff; background-color:#606a74; border:1px solid #606a74;}
.Graph_tap dt a.on {color:#fff; background-color:#606a74; border:1px solid #606a74;}

.mh_Notice {overflow:hidden; height:233px; border:1px solid #e1e1e1; margin-top:20px;}
.mh_Notice ul {border-bottom:1px solid #e1e1e1;}
.mh_Notice ul li {display:inline-block;}



/* 드롭다운 */
.topDropDownMenu {width:100%; min-width:1200px; overflow:hidden; position: absolute; top:111px; left: 0px; z-index: 999;}
.topDropDownMenu > ul {width:1200px; height:100%; margin:0 auto; overflow:hidden; background:#472583; }
.topDropDownMenu > ul > li {float:left; height:700px; overflow:hidden; text-align:left; box-sizing:border-box; border-right:1px solid #5f3b9b; padding:0 15px 8px 20px;}
.topDropDownMenu > ul > li:nth-child(1) {width:150px; }
.topDropDownMenu > ul > li:nth-child(2) {width:160px; }
.topDropDownMenu > ul > li:nth-child(3) {width:200px; }
.topDropDownMenu > ul > li:nth-child(4) {width:140px; }
.topDropDownMenu > ul > li:nth-child(5) {width:200px; }
.topDropDownMenu > ul > li:nth-child(6) {width:140px; }
.topDropDownMenu > ul > li:nth-child(7) {width:200px; }
.topDropDownMenu > ul > li:nth-child(7) {border-right:none;}
.topDropDownMenu > ul > li > ul {width:100%;}
.topDropDownMenu > ul > li > ul > li {width:100%;}
.topDropDownMenu > ul > li > ul > li > a {display:block; font:400 16px/16px 'NotoSansKR'; color:#fff; margin:15px 0 8px 0;}
.topDropDownMenu > ul > li > ul > li > a:hover {color:#c9b8e4;} 
.topDropDownMenu > ul > li > ul > ul {width:100%;}
.topDropDownMenu > ul > li > ul > ul > li{margin:5px 0;}
.topDropDownMenu > ul > li > ul > ul > li > a {font-size:13px; letter-spacing:-1px; font-weight:normal; color:#c6cfe1;}
.topDropDownMenu > ul > li > ul > ul > li > a:hover {color:#c6cfe1; text-decoration:underline;}




.file_input_textbox {float:left; width:240px;}
.file_input_div {position:relative; width:55px; height:22px; left:5px; overflow:hidden;}
.file_input_hidden {position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; cursor:pointer}
.file_input_span {position:relative; width:55px; height:22px; left:5px; overflow:hidden; float:left;}