/* subVisual */
#subVisual {height:143px;margin-top:132px;*padding-top:132px;background:url("../images/contents/subVisual01.jpg") 50% 0 repeat-x; border-bottom:1px solid #ccc;}
#subVisual .titleBox{padding-top:35px;}
#subVisual {color:#333;}
#subVisual .titleBox {text-align:right;}
#subVisual .titleBox .main {display:block;font-size:30px; line-height:120%; font-weight:lighter;margin-bottom:5px;}
#subVisual .titleBox .sub {display:block;text-transform:uppercase; font-size:15px; font-family:"nanum"; color:#888;line-height:130%;}

/* subContents */
#subContents {background:#fff;}
#subContents .subTitle {height:60px;background:url("../images/contents/bgSubTitle.png") no-repeat; position:absolute; top:-60px;width:228px;}
#subContents .subTitle .main {font-size:28px;line-height:60px;color:#fff; padding-left:15px;}
#subContents .conTitle {font-size:20px; font-family:"nanumB"; color:#003384; margin:50px 0 10px 0;}
#subContents .conTitle:before {content:""; display:inline-block; width:3px; height:18px; background:#db230f; margin-right:8px; vertical-align:top;}
#subContents p {font-size:14px; color:#4d4d4d; line-height:22px; margin-bottom:30px;}



.training {border-bottom: 1px solid #d9d9d9; padding:30px 0;}
.training .subCont {font-size:18px; font-family:"nanumB"; color:#333;}
.training .process {font-size:15px; font-family:"nanumB"; color:#666;}
.training .process p {margin-bottom:0;}
.training .process li.btnDis a {width:60px;height:23px; display: inline-block;text-align: center;line-height: 23px; font-size:12px; color:#fff; margin-left: 10px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#0167b2;}


.training .register {m argin-top:10px; font-family:"nanum"; font-size:14px; color:#4d4d4d; line-height:22px;}
.training .register span {color:#22519c; font-family:"nanumB";}



/* lnb */
.lnbWrap {float:left;width:226px;border-left:1px solid #ccc;border-right:1px solid #ccc; position:relative;min-height:100%;}
#lnb {position:relative;}
#lnb ul > li > a {height:49px;line-height:49px;font-size:17px; color:#646870;padding-left:20px; border-bottom:1px solid #ccc;display:block; padding-left:15px;}
#lnb ul > li:hover a,#lnb ul > li.on a{background:url("../images/contents/bgLnbOn.png") no-repeat 90% 50%;color:#003384;border-bottom:1px solid #ccc; font-family:"nanumB"}

.lnbWrap .tel {font-family:"nanumB";background:#fafafa;padding:15px; border-bottom:1px solid #ccc;}
.lnbWrap .tel dt {font-size:16px;}
.lnbWrap .tel .telNum {font-size:32px;color:#22519c;font-family:"nanumB";padding:5px 0; letter-spacing:-1px;}
.lnbWrap .tel .period {font-size:11px;color:#9f9e9e;font-family:"nanum";}
.lnbWrap .tel a {display:block;text-align:center;line-height:42px;height:42px; border-radius:5px;background:#C32C1B;margin-top:15px;font-size:15px;font-family:"nanumB";color:#fff;}

.lnbWrap .kakao {padding:15px 15px 20px;background:#fafafa; border-bottom:1px solid #ccc; background:url("../images/contents/bgKakao.png") no-repeat 170px 28px;}
.lnbWrap .kakao dt {font-size:16px;font-family:"nanumB";margin-bottom:10px;}
.lnbWrap .kakao dt span.red {color:#da1f20;}
.lnbWrap .kakao dd {font-size:13px;color:#9f9e9e;line-height:130%; margin-bottom:20px;}
.lnbWrap .kakao span.id {font-size:17px; font-family:"nanumB"; color:#fff200; background:#3d3037; padding:0; }

.lnbWrap .free {width:226px; height:149px; background: url("../images/contents/bgFree.png") no-repeat 0px 0px;  border-bottom:1px solid #ccc;}
.lnbWrap .free span { z-index: -4;}

.lnbWrap .tomorrow {padding:15px ;background:#fafafa; border-bottom:1px solid #ccc; background: url("../images/contents/bgTomorrow.png") no-repeat 170px 0px;}
.lnbWrap .tomorrow dt {font-size:16px;font-family:"nanumB";margin-bottom:10px;}
.lnbWrap .tomorrow dd {font-size:13px;color:#9f9e9e;line-height:130%;}

.lnbWrap .highschool {padding:15px ;background:#fafafa; border-bottom:1px solid #ccc; background:#fafafa url("../images/contents/bgHighschool.png") no-repeat 167px 22px;}
.lnbWrap .highschool dt {font-size:16px;font-family:"nanumB";margin-bottom:10px;}
.lnbWrap .highschool dd {font-size:13px;color:#9f9e9e;line-height:130%;}

.lnbWrap .location {padding:15px;background:#fafafa; border-bottom:1px solid #ccc; background:url("../images/contents/bgLocation.png") no-repeat 170px 24px;}
.lnbWrap .location dt {font-size:16px;font-family:"nanumB";margin-bottom:10px;}
.lnbWrap .location dd {font-size:13px;color:#9f9e9e;line-height:130%;}

/* sub tab*/
.subTabwrap {margin-bottom:30px; width:100%;}
.subTabwrap ul{text-align:center; overflow:hidden;}
.subTabwrap li{float:left; margin:0 5px 5px 0;}
.subTabwrap li:last-child {margin-right:0px;}
.subTabwrap li a {display:block;text-align:center; line-height:45px; font-size:13px; background:#f8f8f8; border:1px solid #ccc; color:#4d4d4d;font-family:"nanumB";}
.subTabwrap li a.longText {line-height:15px; padding-top:7px;}
.subTabwrap li a:hover,.subTabwrap li a.on {background:#fff; border:1px solid #003384; color:#003384; font-family:"nanumB"; }

.subTabwrap.accountProcess ul{text-align:center;}
.subTabwrap.accountProcess li.lastTap {margin-right:0px;}
.subTabwrap.accountProcess li a {text-align:left; line-height:30px; font-size:15px; background:#f8f8f8; border:1px solid #ccc; color:#7e7e7e; font-family:"nanumB"; padding:0 20px;}
.subTabwrap.accountProcess li a:hover,.tab_wrap li a.on {background:#fff; border:1px solid #003384; color:#003384; font-family:"nanumB"; }

.subTabwrap.in_company_process ul{text-align:center;}
.subTabwrap.in_company_process li.lastTap{margin-left:0px;}
.subTabwrap.in_company_process li a {text-align:center; line-height:45px; font-size:15px; background:#f8f8f8; border:1px solid #ccc; color:#7e7e7e; font-family:"nanumB"; padding:0 20px;}
.subTabwrap.in_company_process li a:hover,.subTabwrap li a.on {background:#fff; border:1px solid #003384; color:#003384; font-family:"nanumB"; }

.subTabwrap .tab01 a{width:274px; height:45px;}
.subTabwrap .tab02 a{width:234px; height:30px;}
.subTabwrap .tab03 a{width:164px; height:45px;}
.subTabwrap .tab04 a{width:203px; height:45px;}

.tab_wrap {height:47px; border-bottom:1px solid #003384;  margin:0 0 30px;}
.tab_wrap ul {margin-top:1px; width:100%; ma rgin-left:1px}
.tab_wrap ul:after {position:relative;content:"";clear:both;visibility:hidden;}
.tab_wrap li {float:left; position:relative;}
.tab_wrap li a {display:block; height:46px; text-align:center; line-height:45px; font-size:16px; background:#fafafa; border:1px solid #d2d2d2; color:#7e7e7e; font-family:"nanumB"; border-bottom-color:#003384}
.tab_wrap li a.yellow {background:#f5ebb3;}
.tab_wrap li a:hover,.tab_wrap li a.on {background:#fff; border:1px solid #003384; border-bottom:none; color:#003384; height:47px}

.tab_wrap li.online a {display:block; height:46px; line-height:45px; font-size:15px;}
.tab_wrap li.online a:hover,.tab_wrap li.online a.on {background:#fff; border:1px solid #003384; border-bottom:none; color:#003384; height:47px}

.tab01 a{width:418px}
.tab02 a{width:418px}
.tab03 a{width:278px}

/* contents */
#contents {float:right; width:840px;position:relative; padding-bottom:50px;min-height:800px;}
#contents .contentsTitle {height:65px;line-height:76px; border-bottom:1px solid #ccc; margin-bottom:22px;padding-top:10px;}
#contents .contentsTitle .main {font-size:30px;color:#333;font-family:"nanumB";}
#contents .breadCrumb {position:absolute;top:45px; right:0;}
#contents .breadCrumb li {float:left;}
#contents .breadCrumb li a {padding:0 10px 0 12px;background:url("../images/contents/bgBreadCrumb.gif") no-repeat 0 50%;}
#contents .breadCrumb li a.on { color:#22519c;}
#contents .breadCrumb li:first-child a {background:none;}

#contents span.green {color:#11ac5d;}
#contents span.red {color:#ed1c24}
#contents span.blue {color:#003384}
#contents span.orange {color:#db230f}
#contents span.yellow {color:#aba000;}

#contents .redPoint {color:#ed1c24; font-family:"nanumB"; font-size:14px; line-height:1.5;}

/*greeting 인사말*/
.greetingWrap {overflow:hidden;}
.greetingWrap.chairman {background:url("../images/contents/greeting_02.jpg") no-repeat 95% 20%;}
.greetingWrap.dean {background:url("../images/contents/greeting_01.jpg") no-repeat 95% 27%;}
.greetingWrap h3 {font-size:24px; font-family:"nanumB"; line-height:32px; color:#282828; margin-bottom:40px;}
.greetingtext {ma rgin-top:150px; border-bottom:1px dashed #ccc; overflow:hidden;}
.greetingtext p {float:left; width:55%;}
.greetingtext h3 {margin:30px 0 20px 0; font-size:33px; color:#393939; font-family:"nanum"; line-height:45px;}

.greetingL {overflow:hidden; float:left; width:50%;}
.greetingL p {display:block;}

.greetingR {overflow:hidden;float:right; width:48%;}
.greetingR .slogan {font-family:"nanumB"; font-size:18px; line-height:26px; margin-bottom:15px;}
.greetingR .slogan p {display:block;}

/*location 찾아오시는길*/
.loction img {border:1px solid #E0E0E0;}


/*facilities 교육시설*/
.facilitiesWrap img {border:1px solid #E0E0E0;}

/*partnership*/
.partnership {overflow:hidden; width:1000px;}
.partnership li {float:left; margin:0 10px 40px 0;}
.partnership li.last-child {margin-right:0px;}

.partnership li img {border:1px solid #ccc;}
.partnership li .name {text-align: center; font-f amily:"nanumB"; margin-top:5px;display:block;}

.partnership li .txtWrap {float:left; padding:25px; wid th:549px; height:169px; background:#f7f7f7;}
.partnership li .txtWrap h5 {font-size:18px; font-family:"nanumB"; color:#003384; margin-top:5px; padding-bottom:12px;background:url("../images/contents/bgSubTitle.gif") no-repeat 0% 100%; }
.partnership li .txtWrap h5:before {content:""; display:block; width:25px; height:2px; background:#db230f; margin-right:5px; position:relative; bottom:10px;}
.partnership li .txtWrap p {font-size:14px; color:#333; line-height:1.4;}
.partnership li .txtWrap .btn_viewDetail {font-size:16px; background:#db230f; color:#fff; border:1px solid #cf973e; height:35px; width:150px; text-align:center;font-family:"nanumB"; margin-top:10px; line-height:34px;;}

/*교수진 소개*/
#subContents .conTitle.professor {font-size:24px; font-family:"nanumB"; color:#003384; margin-top:30px;}
p.professorFaculty {font-size:14px; color:#646870; margin-top:10px;}

li.professorArea{margin-bottom:60px; overflow:hidden;}
li.professorArea .photoWrap {float:left;}
li.professorArea.professorArea img {border:1px solid #ccc;}
li.professorArea table.board_list.professorInfo{float:right; width:660px; line-height:24px;}
li.professorArea table.board_list.professorInfo thead th,table.board_list.professorInfo tbody th {background:#f5f5f5; border-bottom:1px solid #d9d9d9; font-family:"nanumB"; color:#4d4d4d; font-size:16px;}
li.professorArea table.board_list.professorInfo tbody td {border-bottom:1px solid #ccc; color:#666; text-align:left; padding:15px 25px;font-size:14px;}

/* history*/
.history {overflow:hidden;}
.history h4 {float:left; font-size:34px; position:absolute;font-family:"nanumB"; color:#003384; width:300px;}
.history h4:before {content:""; display:inline-block; width:3px; height:24px; background:#db230f; margin-right:8px; vertical-align:baseline;}
.history li {padding:30px 0; border-bottom:1px dashed #ccc; overflow:hidden; position:relative; }
.history li dl {width: 550px; margin-bottom:20px; position:relative;}
.history li dl:last-child {margin-bottom:0px;}
.history li dt {font-size:22px; font-family:"nanumB"; color:#393939; margin-lef t:80px; position: absolute; top:5px;}
.history li dd {margin-left:100px; font-family:"nanum"; line-height:28px; clear:both;}
.history li dd .month{float:left;margin-right:10px;}
.history li dd .monthNone{margin-left:30px;}
.history li:first-child {border-top:none;}
.history li:last-child {border-bottom:none;}


/*facilities 교육시설*/
.facilitiesList {overflow:hidden;}
.facilitiesList li {float:left; margin:0 10px 15px 0;}
.facilitiesList li.last-child {float:left; margin-right:0px;}


/*과정소개*/
.courseDescription {}
.courseDescription img {border:1px solid #E0E0E0; margin-bottom:20px;}
.courseDescription h3 {font-family:"nanumB"; margin:20px 0 5px;; font-size:16px; color:#333; line-height:25px;}
.courseDescription h3.first {font-family:"nanumB"; margin:10px 0 5px;; font-size:16px; color:#333;}
.courseDescription h3:before {content:""; display:inline-block; width:5px; height:5px; background:#db230f; margin-right:5px; position:relative;}

/*시험일정*/
h3.testSchedule  {font-family:"nanumB"; margin:40px 0 5px;; font-size:17px; color:#333;}
h3.testSchedule.first {font-family:"nanumB"; margin:20px 0 5px;; font-size:17px; color:#333;}
h3.testSchedule:before {content:""; display:inline-block; width:5px; height:5px; background:#db230f; margin-right:5px; position:relative;}


/*모집과정*/
.sub_currentRecruit {padding:10px; width:818px;; height:195px; border:1px solid #ccc; background:#fafafa; overflow:hidden; margin-bottom:20px;}
.sub_currentRecruit img {float:left; width:254px; height:191px;  border:1px solid #ccc;}
.sub_currentRecruit .txtWrap {float:left; padding-left:20px; width:530px; height:200px;}
.sub_currentRecruit .txtWrap h3 {font-size:20px; font-family:"nanumB"; color:#003384; margin-top:5px;}
.sub_currentRecruit .txtWrap h4 {font-size:25px; font-family:"nanumB"; color:#003384; margin-bottom:20px; border-bottom:1px dashed #ccc; line-height:50px;}
.sub_currentRecruit .txtWrap li {font-size:14px; color:#333; margin-top:10px; overflow:hidden;}
.sub_currentRecruit .txtWrap dt {font-family:"nanumB";float:left; margin-right:20px;}
.sub_currentRecruit .txtWrap dd {float:left;}
.sub_currentRecruit .txtWrap dd:before {content:""; display:inline-block; width:1px; height:13px; background:#ccc; margin-right:15px; position:relative; vertical-align:middle;}
.sub_currentRecruit p.recruitmentStatus {float:right; font-family:"nanumB"; font-size:14px; color:#db230f;}

.contentsWarp {margin-bottom:80px;}
.contentsWarp ul {margin-top:10px; overflow:hidden;}
.contentsWarp li {font-size:14px; font-family:"nanumB";line-height:25px; margin-bottom:5px;}
.contentsWarp li:before {content:""; display:inline-block; width:4px; height:4px; background:#22519C; margin-right:5px; position:relative; vertical-align:middle;}
.contentsWarp .trainingContent {margin-top:10px; height:300px; pa dding-bottom:50px; overflow:hidden;}
.contentsWarp .trainingContent.lastCon {height:220px;}
.contentsWarp ul.trainingContent {width:50%; float:left;}
.contentsWarp dl.trainingContent {width:50%; float:left;}
.contentsWarp dl.trainingContent dt {font-size:14px; font-family:"nanumB";line-height:25px; margin-bottom:6px;}
.contentsWarp dl.trainingContent dt:before {content:""; display:inline-block; width:5px; height:5px; background:#db230f; margin-right:5px; position:relative;}
.contentsWarp dl.trainingContent dd{font-size:13px;line-height:20px;}
.classBottom_l {width:50%; height:180px; float:left;}
.classBottom_r {width:50%; height:180px; float:right;}

.contentsWarp span.gray{color:#808080; font-family:"nanum";margin-left:20px;}
.contentsWarp span.txtPoint{color:#0167b2;}

/* media top*/
.mediaTop {border:none; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #d9d9d9; }
.mediaTop .menu_txt {padding:10px;}
.mediaTop li {border:1px solid #ebebeb;}
.mediaTop li {background-color:#F5F5F5; width:268px; height:298px; float:left; margin:0 15px 20px 0;}
.mediaTop li img {border-bottom:1px solid #d9d9d9;}
.mediaTop li span.date {color:#666;}
.mediaTop li h4 {font-size:17px;  color:#22519C; font-family:"nanumB"; margin:10px 0 8px 0;}
.mediaTop li p {font-size:13px; line-height:16px; color:#666;}
.mediaTop li:last-child {margin-right:0;}


/*awards 수상내역*/
.awardList {overflow:hidden;}
.awardList li {border-bottom:1px solid #ccc; line-height:50px; padding:10px 0;}
.awardList li.first-child {padding:0px}
.awardList li h4 {font-size:26px; border-bot tom:1px solid #ccc; line-height:50px; fon t-family:"nanumB";}
.awardList li h4 span.month {font-size:22px; font-family:"nanumB"; width:55px; height:55px; background-color:#0b377e; color:#fff; margin-right:15px; text-align: center; display: inline-block;}
.awardList li img {margin-top:10px;}