@charset "euc-kr";
/* Notosans (º»°íµñ) */
@import url('https://img.eduwill.net/resources/common/web/css/noto_webfont.css');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer,
header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline;}/*font-size:100%*/
body { font-size:13px; -webkit-text-size-adjust: none; font-weight:400}
body,input,select,textarea { color:#555;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* delete vertical-align */
body,html { width:100%; background:#fff;}
ol,ul,li { list-style:none;}
blockquote,q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none;}
table { border-collapse:collapse !important; border-spacing:0 !important; table-layout:fixed;}
caption, legend { visibility:hidden; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}
hr { display:none;}
input, select, img { vertical-align:middle;}
input, select, textarea { font-size:13px;}
a { color:#555; text-decoration:none;}
input.inputText {padding:3px 3px 3px; height:19px; border:1px solid #cdcdcd; background:#fff;}
select.selectText { padding:4px 3px 3px; border:1px solid #cdcdcd; background:#fff;}
textarea.textarea { padding:9px; width:98%; border:1px solid #cdcdcd;}
span.input_dash {font-size:13px; color:#333; padding:0 5px}
.clearfix {*zoom:1}
.clearfix:after { content:" "; display:block; height:0; overflow:hidden; clear:both;}
em, i {font-style:normal;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.tts { position:absolute; width:1px; height:1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0);}

/* layout */
body {min-width:1090px}
.s_wrap { position:relative; width:100%; height:100%;}
.s_header { position:relative; width:100%; height:125px;}
.s_section { position:relative; width:1090px; margin:0 auto; *zoom: 1; }
.s_section:before,
.s_section:after { content: ''; display: table; }
.s_section:after { clear: both; }
.s_container { position:relative; overflow:hidden;}
.sub .s_container {border-top:1px solid #1a2a43}

/* gnb */
.top_util {background:#1a2a43; height:35px}
.top_util .s_section {overflow:hidden}
.top_util .s_header:after { content:" "; display:block; height:0; overflow:hidden; clear:both;}
.top_util .bookmark {float:left; }
.top_util .bookmark a {display:inline-block; padding:0 20px; color:#dfe0e2; line-height:35px; border-right:solid 1px #414e63;}
.top_util .bookmark a:first-child {border-left:solid 1px #414e63;}
.top_util .login {float:right; font-size:0}
.top_util .login a {display:inline-block; font-size:13px; color:#fff; line-height:35px; padding:0 34px;}
.top_util .login a.b1 {background:#195dae}
.top_util .login a.b2 {background:#183867}

.gnb {background:#fff; height:90px;}
.gnb .s_header:after { content:" "; display:block; height:0; overflow:hidden; clear:both;}
.gnb .logo {float:left;}
.gnb .logo h1 {padding-top:16px; font-size:0}
.gnb .logo h1 img {vertical-align:top}
.gnb .logo h1 span {display:inline-block; font-size:17px; font-weight:400; color:#666; line-height:17px; margin:5px 0 0 6px; letter-spacing:-1px}
.gnb .logo strong {display:inline-block; font-size:24px; font-weight:500; color:#1a2a43; line-height:24px; margin:5px 0 0 19px; letter-spacing:-1px}
.gnb .menu {float:right; margin-top:34px}
.gnb .menu a {display:inline-block; position:relative; padding-bottom:10px; font-size:18px; font-weight:500; color:#333; line-height:18px; margin-left:63px}
.gnb .menu a:hover {color:#195dae}
.gnb .menu a:hover:after {position:absolute; bottom:0; left:0; content:""; display:block; width:100%; height:2px; background:#195dae;}
.gnb .menu a.on {color:#195dae}
.gnb .menu a.on:after {position:absolute; bottom:0; left:0; content:""; display:block; width:100%; height:2px; background:#195dae;}

/* main */
.m_visual {text-align:center; height:500px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_visual.png') repeat-x 50% 0; position:relative;}
.m_visual .title {padding-top:94px; position:relative; opacity:0; top:70px}
.m_visual .desc {position:absolute; bottom:23px; left:50%; margin-left:170px;}
.m_visual .desc span {font-size:13px; color:#fff; opacity:0.5; font-weight:300}

.m_visual_191231 {text-align:center; height:500px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_visual_191231.jpg') no-repeat 50% 0; position:relative;background-size:cover;}
.m_visual_191231 .title { padding-top:158px; position:relative;}

.quick {position:fixed; top:165px; left:50%; margin-left:585px; width:100px; border-top:solid 2px #1a2a43; background:#fff; z-index:10; text-align:center;}
.quick .user {padding:20px 0 16px;}
.quick .user .name span {display:inline-block; font-size:14px; color:#333; font-weight:400; line-height:18px; padding-left:22px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/icon_member.png') no-repeat 0 50%}
.quick .user .rank {padding-top:6px;}
.quick .user .rank span {display:inline-block; font-size:12px; color:#fff; line-height:20px; padding:0 8px; background:#aaa; border-radius:3px;}
.quick .posts {border-top:solid 1px #ddd; background:#f7f7f7; height:64px; position:relative;}
.quick .posts .count {position:absolute; top:7px; left:51px; background:#4575ca; width:20px; height:20px; border-radius:10px; font-size:11px; color:#fff; line-height:20px; text-align:center;}
.quick .posts .txt {padding-top:39px; font-size:12px; color:#888; background-repeat: no-repeat; }
.quick .posts .txt.t1 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_quick1.png'); background-position: 50% 18px; }
.quick .posts .txt.t2 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_quick2.png'); background-position: 50% 20px; }
.quick .star {border-top:solid 1px #ddd; background:#f7f7f7; height:64px; cursor:pointer}
.quick .star .count {font-size:13.5px; color:#444; font-weight:700; padding-top:14px;}
.quick .star .count span {padding-left:24px; display:inline-block; line-height:21px; background-repeat: no-repeat; background-position: 0 50%; }
.quick .star .count span.bronze { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/icon_star_bronze.png'); }
.quick .star .count span.trophy { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/icon_star_trophy.png'); padding-left:27px;}
.quick .star .count span.silver { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/icon_star_silver.png'); }
.quick .star .count span.gold { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/icon_star_gold.png'); }
.quick .star .count span.platinum { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/icon_star_platinum.png'); }
.quick .star .txt {line-height:1; padding-top:7px; font-size:12px; color:#888;}

.quick .btn { display: block; padding: 0; border-radius: 0; }
.quick .btn a {display:block; font-size:13px; color:#fff; line-height:36px; height:36px; background:#43b5bf}
.quick .btn a span { display: inline-block; padding: 0 13px 0 0; background:url(//img.eduwill.net/Img2/jutek/promotion/jobcenter/bu_arrow1.png) no-repeat 100% 50%}
.quick .btn a span:before { display: none; }
.quick .logout {padding:20px 0 16px; text-align:center;}
.quick .logout .txt {font-size:13px; color:#666; font-weight:400; line-height:15px; }
.quick .logout .btn2 {padding-top:6px;}
.quick .logout .btn2 a {display:inline-block; font-size:12px; color:#fff; line-height:20px; padding:0 13px; background:#aaa; border-radius:3px;}

.leftBanner {position:relative;}
.leftBanner .inn {position:absolute; top:50px; left:50%; margin-left:-705px; z-index:10}

.section1 {padding:50px 0}
.section1 .s_section:after { content:" "; display:block; height:0; overflow:hidden; clear:both;}
.section1 .board {float:left; position:relative; width:336px; margin-right:41px}
.section1 .board:first-child {margin-left:none}
.section1 .board dt {margin-bottom:15px}
.section1 .board dt span {font-size:20px; color:#000; font-weight:400; line-height:20px;}
.section1 .board dt a {display:block; position:absolute; top:0; right:0; text-indent:-9999em; width:18px; height:18px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_more1_off.png') no-repeat 0 0}
.section1 .board dt a:hover {background:url(//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_more1_on.png) no-repeat 0 0}
.section1 .board dd {position:relative; padding:10px 0; border-bottom:solid 1px #ddd}
.section1 .board dd span {line-height:22px;}
.section1 .board dd.ing .case {border:solid 1px #195dae; color:#195dae}
.section1 .board dd.end .case {border:solid 1px #999; color:#888}
.section1 .board dd .text {font-size:14px; color:#666; font-weight:400; vertical-align:top; display:inline-block; max-width:240px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.section1 .board dd .ico_new {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_new.png') 0 0 no-repeat; display:inline-block; width:11px; height:11px; vertical-align:middle; margin:0px 0 0 5px }

.section1 .board dd .date {font-size:13px; color:#aaa; position:absolute; top:10px; right:0}
.section1 .board dd.ing a:hover .text {color:#4575ca; font-weight:500}
.section1 .board dd.end a:hover .text {color:#444; font-weight:500}

.section1 .banner { float: right; width: 336px; }
.section1 .bx-wrapper { height: 250px; }
.section1 .bx-wrapper .bx-viewport { left: 0; height: 250px !important; overflow: hidden; border: none; background: none; -webkit-box-shadow: none; box-shadow: none;  }
.section1 ul { height: 250px; overflow: hidden; *zoom: 1; }
.section1 ul:before,
.section1 ul:after { content: ''; display: table; }
.section1 ul:after { clear: both; }
.section1 .bx-wrapper .bx-pager.bx-default-pager { top: 0; right: 0; width: 100%; height: 8px; padding: 10px 11px 0 0; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section1 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; margin: 0; margin-left: 6px; font-size: 0; background-color: #888; }
.section1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.section1 .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #fff; }

.section2 {background:#f2f2f2; padding:50px 0}
.section2 .title {text-align:center; margin-bottom:40px}
.section2 .title span {font-size:20px; color:#000; font-weight:400; line-height:20px; position: relative; display: inline-block; padding: 0 64px;}
.section2 .title span:before,
.section2 .title span:after { display: block; content: ''; position: absolute; top: 50%; width: 50px; height: 42px; margin-top: -19px; background-repeat: no-repeat; background-position: 0 0; }
.section2 .title span:before { left: 0; background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_wings_left.jpg'); }
.section2 .title span:after { right: 0; background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_wings_right.jpg'); }
.section2 .winner:after { content:" "; display:block; height:0; overflow:hidden; clear:both;}
.section2 .winner li {float:left; width:25%; height:100px; position:relative; cursor:pointer}
.section2 .winner li .thumbnail {position:absolute; top:0; left:0;}
.section2 .winner li .desc {padding-left:115px}
.section2 .winner li .desc .subject {font-size:14px; color:#444; font-weight:400; display:block; line-height:17px; padding-top:8px}
.section2 .winner li .desc .info {font-size:12px; color:#888; font-weight:400; display:block; line-height:17px; padding-top:5px}
.section2 .winner li .desc .action {display:block; padding-top:14px}
.section2 .winner li .desc .action span {display:inline-block; text-indent:-9999em; width:60px; height:20px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_more2_off.png') no-repeat 0 0}
.section2 .winner li:hover .desc .action span {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_more2_on.png') no-repeat 0 0}
.section2 .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; background: none;}
.section2 .bx-wrapper .bx-controls-direction a {width:11px; height:17px; top:0; margin-top:42px}
.section2 .bx-wrapper .bx-controls-direction a.bx-prev {left:-40px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_winner_prev.png') no-repeat left top;}
.section2 .bx-wrapper .bx-controls-direction a.bx-next {right:-40px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_winner_next.png') no-repeat left top;}


.section3 {padding:50px 0}
.section3 .s_section:after { content:" "; display:block; height:0; overflow:hidden; clear:both;}
.section3 dl {width:336px; height:304px; float:left; text-align:center; margin-left:41px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_line.png') repeat-x 0 100%; cursor:pointer; position:relative;}
.section3 dl:first-child {margin-left:0}
.section3 dl dt {padding-top:152px; font-size:20px; color:#000; font-weight:500; background-repeat: no-repeat; background-position: 0 0; }
.section3 dl.bg1 dt { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_menu1.png'); }
.section3 dl.bg2 dt { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_menu2.png'); }
.section3 dl.bg3 dt { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_menu3.png'); }
.section3 dl dd.txt {font-size:14px; color:#888; font-weight:400; line-height:20px; padding-top:6px;}
.section3 dl dd.btn { padding-top:13px;}
.section3 dl dd.btn span {display:inline-block; text-indent:-9999em; width:80px; height:30px; background: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_more3_off.png') no-repeat 0 0;background-position:center;}
.section3 dl dd.line {position:absolute; bottom:0; left:0; width:0; height:5px; opacity:0}

.section3 dl.bg1 dd.line {background:#43b5bf}
.section3 dl.bg2 dd.line {background:#fcb833}
.section3 dl.bg3 dd.line {background:#4575ca}

.section3 dl.bg1:hover dt {color:#43b5bf}
.section3 dl.bg2:hover dt {color:#fcb833}
.section3 dl.bg3:hover dt {color:#4575ca}
.section3 dl.bg1:hover dd.btn span { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_more3_1on.png'); }
.section3 dl.bg2:hover dd.btn span { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_more3_2on.png'); }
.section3 dl.bg3:hover dd.btn span { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_more3_3on.png'); }


.section4 {background:#e7eaed; padding:50px 0}
.section4 .title {font-size:20px; color:#000; font-weight:400; line-height:20px; }
.section4 .title span {font-weight:500}
.section4 .bx-wrapper {padding-top:20px}
.section4 .bx-wrapper .bx-viewport { left: 0; height: 70px !important; border: none; background: none; -webkit-box-shadow: none; box-shadow: none; }
.section4 .bx-wrapper .bx-controls-direction a {width:11px; height:17px; margin-top:2px}
.section4 .bx-wrapper .bx-controls-direction a.bx-prev {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_sitePrev.png') no-repeat 0 0; left:-41px}
.section4 .bx-wrapper .bx-controls-direction a.bx-next {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_siteNext.png') no-repeat 0 0; right:-41px}

/* sub */
.s_lnb { float:left; width:169px;}
.s_lnb h3 { padding:67px 0 48px 0; color:#333; font-weight:500; font-size:28px; line-height:28px; letter-spacing:-1px; display:none;}
.s_lnb > ul {padding-top:68px}
.s_lnb ul li { line-height:40px;}
.s_lnb ul li a { display:block; padding-left:16px; line-height:40px; color:#666; font-weight:500; font-size:15px;}
.s_lnb ul li a:hover, 
.s_lnb ul li.on a { color:#fff; background:#2482da;}
.s_lnb ul li.hover > a {color:#fff; background:#2482da;}
.s_lnb ul li ul {display:none; background-color:#f0f0f0; padding:7px 0;}
.s_lnb ul li ul li a {background:#f0f0f0; font-size:14px; font-weight:normal}
.s_lnb ul li.on ul {display:block;}
.s_lnb ul li.on ul li a {background:#f0f0f0; color:#666;}
.s_lnb ul li ul li a:hover {color:#2482da; background:#f0f0f0 }
.s_lnb ul li.on ul li a:hover {color:#2482da; background:#f0f0f0}
.s_lnb ul li ul li.on a {color:#2482da}
.s_lnb ul li.on ul li.on a {color:#2482da}
.s_lnb.line_a > ul > li { line-height:18px; height:67px;}
.s_lnb.line_a > ul > li > a { padding:15px 0 15px 16px; line-height:18px;}
.s_lnb li .new { display: inline-block; width: 39px; height: 15px; margin-left: 11px; text-align: center; vertical-align: 1px; line-height: 15px; font-size: 12px; font-weight: 500; color: #fff; border-radius: 15px; background-color: #2482da; }
.s_lnb li.hover .new ,
.s_lnb li.on .new { color: #fd2400; background-color: #fff; }
.s_lnb li.hover li .new,
.s_lnb li.on li .new { color: #fff; background-color: #2482da; }

.s_contents { float:right; width:920px; border-left:1px solid #c6c6c6; min-height:700px}
.s_contents.full { float:none; width:100%; border-left:0 none;}
.s_contents.full .s_article { padding-left:0;}
.s_contents.full .s_article > h3 { margin-bottom:48px;}
.s_article { padding:67px 0 100px 75px;}
.s_article h4 { margin-bottom:38px; color:#000; font-weight:300; font-size:38px; line-height:38px; letter-spacing:-1px}
.s_article h4 .desc {font-size:16px; color:#888; font-weight:300; padding-left:15px}

.title_a { margin-bottom:27px; padding-top:8px; font-size:25px; font-weight:500; line-height:1.2; letter-spacing:-1px; color:#2482da; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bu_bar07.gif') 0 0 no-repeat;}
.desc_a { margin-bottom:38px; font-size:15px; color:#888; line-height:20px;}
.fL {float:left;}
.fR {float:right;}

.checks {position:relative; display:inline-block; height:15px;}
.checks label {font-size:13px; color:#000; font-weight:400; padding-left:22px; line-height:15px;}
.checks input[type="checkbox"] {position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0);  width:15px; height:15px; vertical-align:middle; -webkit-appearance:none; cursor:pointer; background-color:#fff;}
.checks input[type="checkbox"] + label {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_checkbox.png') no-repeat 0 50%; padding-left:22px; cursor:pointer;}
.checks input[type="checkbox"]:checked + label {color:#000; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bg_checkbox_on.png') no-repeat 0 50%;}

/* °Ô½ÃÆÇ, Å×ÀÌºí */
.board_section {position:relative}
.boardLimit {position:absolute; top:-58px; right:0; font-size:13px; color:#2482da; line-height:20px;}
.search_box { padding:0 0 32px; overflow:hidden;}
.search_box select, .search_box input, .search_box a { float:left; margin-right:10px;}
.select_style { display:inline-block; padding:6px 10px 7px 14px; height:35px; line-height:33px; font-size:14px; color:#333; border:1px solid #d8d8d8;}
.input_style { display:inline-block; padding:6px 10px 7px 14px;  height:35px; font-size:14px; color:#666; border:1px solid #d8d8d8;}
html.ie8 .select_style { padding:5px 10px 7px 14px;}
html.ie9 .select_style {  padding:6px 10px 7px 14px;}
html.ie10 .select_style { padding:5px 10px 5px 14px;}
html.ie8 .input_style { padding:7px 10px 6px 14px;}
.search_box a.btn_b { padding:0 0; width:64px;}

.board_tbl .total { margin-bottom:8px; font-size:14px; color:#666; font-weight:500;}
.board_tbl .total strong { color:#2482da; font-size:13px;}

.board_section .ico_ad {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_ad.png') 0 0 no-repeat; display:inline-block; width:7px; height:11px; vertical-align:middle; margin-right:3px }
.board_section .ico_file {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_file.png') 0 0 no-repeat; display:inline-block; width:11px; height:13px; vertical-align:middle; margin:3px 0 0 5px }
.board_section .ico_new {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_new.png') 0 0 no-repeat; display:inline-block; width:11px; height:11px; vertical-align:middle; margin:3px 0 0 5px }
.board_section .ico_lock1 {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_lock1.png') 0 0 no-repeat; display:inline-block; width:10px; height:12px; vertical-align:middle; margin:-2px 0 0 6px }
.board_section .ico_lock2 {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_lock2.png') 0 0 no-repeat; display:inline-block; width:12px; height:14px; vertical-align:middle; margin:1px 0 0 6px }

.board_tbl_view {position:relative;}
.board_tbl_view .tbl_a { border-top:2px solid #b7b7b7;}
.board_tbl_view .tbl_a th { background:#fbfcfd;}
.board_tbl_view .count {padding-top:30px}
.board_tbl_view .count .c1 {font-size:18px; color:#f55763; margin-right:15px; cursor:pointer;}
.board_tbl_view .count .c1 img {margin-right:10px}
.board_tbl_view .count .c2 {font-size:18px; color:#555; margin-right:27px; cursor:pointer}
.board_tbl_view .count .c2 img {margin-right:10px}
.board_tbl_view .count .c3 {font-size:13px; color:#555}
.board_tbl_view .count .c4 {font-size:13px; color:#555; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bu_bar14.png') 0 4px no-repeat; padding-left:11px; margin-left:9px}
.board_tbl_view .copyUrl {position:absolute; top:-38px; right:0}

.board_tbl_repple {background:#f8f8f8; padding:10px 30px 30px 30px; margin-top:40px;}
.board_tbl_write {position:relative;}
.board_tbl_write .selectLimit  {padding-top:30px}
.board_tbl_write .selectLimit span {margin-left:15px;}
.board_tbl_write .boardNoti {position:absolute; top:-27px; right:0;}
.board_tbl_write .boardNoti span.checks {margin-left:15px}

.tbl_a { border-top:2px solid #77a6d2; border-bottom:1px solid #b7b7b7;}
.tbl_a th { padding:14px 0; text-align:center; vertical-align:middle; font-weight:500; font-size:14px; color:#333; background:#fbfcfd; border-bottom:1px solid #ebebeb;}
.tbl_a td { padding:15px 0; text-align:center; vertical-align:middle; font-size:13px; color:#777; border-bottom:1px solid #ebebeb;}
.tbl_a td a {font-size:13px; color:#777;}
.tbl_a td.title { padding-left:22px; text-align:left;}
.tbl_a td.title a { display:inline-block; max-width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:all; vertical-align:middle; font-size:14px; color:#444;}
.tbl_a td.title a:hover { text-decoration:underline; color:#2482da;}
.tbl_a td.nodata {font-size:14px; color:#777; padding:58px 0}
.tbl_a tr.best td { background:#f0f8ff;}
.tbl_a tr.repple td.title a {color:#2482da; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_ripple.png') 0 1px no-repeat; padding-left:17px}
.tbl_a td .ico {border:solid 1px #195dae; color:#195dae; display:inline-block; width:46px; height:20px; line-height:20px; text-align:center; font-size:12px; font-weight:400; margin-right:7px; vertical-align:top}
.tbl_a td .ico.notice {border:solid 1px #ff5542; background-color:#ff5542; color:#fff;}
.tbl_a td .ico.best {border:solid 1px #ff5542; color:#ff5542;}
.tbl_a td .ico.ing {border:solid 1px #195dae; color:#195dae}
.tbl_a td .ico.end {border:solid 1px #999; color:#888}


.tbl_section { border-top:2px solid #77a6d2; border-bottom:1px solid #afafaf;}
.tbl_b th { padding:14px 0; font-weight:500; color:#545454; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; background:#fbfcfd;}
.tbl_b td { padding:12px 0; line-height:1.5; color:#333; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
.tbl_b .line_tr { border-top:1px solid #dcdcdc;}
.tbl_b .last { border-right:0 none !important;}
.tbl_b .left { text-align:left; padding:10px 12px;}
.tbl_b tr.bg_line td { background:#f0f8ff;}
.tbl_b tr.bg_line2 td { background:#fbfcfd;}
.tbl_b tr.br_line th { border-top:1px solid #dcdcdc;}
.tool_tip { padding:7px 14px; margin-top:8px; color:#666; background:#f4f4f4; line-height:1.5;}
.tool_tip strong { color:#246dda;}
.tbl_b .bularrow {font-size:11px; color:#2482da; text-decoration:underline; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_detailpop.png') 0 0 no-repeat; display:inline-block; width:70px; height:13px; text-indent:-9999em; margin-top:7px;}

.tbl_a_view { border-top:2px solid #77a6d2;}
.tbl_a_view thead th { padding:20px 30px; text-align:left; vertical-align:middle; font-weight:500; font-size:18px; color:#000; background:#fbfcfd; border-bottom:1px solid #ebebeb;}
.tbl_a_view thead th span {color:#2482da; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bu_bar13.png') 100% 6px no-repeat; padding-right:14px; margin-right:15px}
.tbl_a_view tbody td { padding:0 30px; text-align:left; border-bottom:1px solid #ebebeb;}
.tbl_a_view tbody td.data { position:relative; padding:15px 30px; font-size:13px; color:#555; }
.tbl_a_view tbody td.data .user {margin-right:25px;}
.tbl_a_view tbody td.data .file {position:absolute; top:15px; right:30px;}
.tbl_a_view tbody td.data .file a { color:#2482da; font-weight:500; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_file.png') 0 3px no-repeat; padding-left:15px}
.tbl_a_view tbody td.data .fileLayer {position:absolute; top:41px; right:30px; border:solid 1px #2482da; background:#fff; z-index:10; padding:15px 25px}
.tbl_a_view tbody td.data .fileLayer li {text-align:right; padding:3px 0}
.tbl_a_view tbody td.data .fileLayer li:first-child {padding-top:0}
.tbl_a_view tbody td.data .fileLayer li a {font-size:14px; color:#000; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_down.gif') 0 5px no-repeat;  padding-left:16px; }
.tbl_a_view tbody td.data .fileLayer li a:hover {text-decoration:underline}
.tbl_a_view tbody td.board_contents { padding:30px; line-height:1.8; font-size:14px;}
.tbl_a_view tbody td.board_contents table { width:100% !important;}
.tbl_a_view tbody td.board_contents table td { padding:5px; border:1px solid #ddd; vertical-align:middle;}


.tbl_a_repple .repple td {background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bu_repple.png') 22px 22px no-repeat; padding-left:40px}

.tbl_a_write { border-top:2px solid #77a6d2;}
.tbl_a_write thead th { padding:20px 30px; text-align:left; vertical-align:middle; font-weight:500; font-size:13px; color:#555; background:#fbfcfd; border-bottom:1px solid #d0d0d0;}
.tbl_a_write thead th .grp {margin-top:10px}
.tbl_a_write thead th .grp:first-child {margin-top:0}
.tbl_a_write tbody td { padding:20px 30px; text-align:left; border-bottom:1px solid #d0d0d0;}
.tbl_a_write tbody td dt {font-size:13px; color:#2482da; font-weight:500; margin-bottom:8px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/ico_down.gif') 0 5px no-repeat; padding-left:16px;}
.tbl_a_write tbody td .fileForm:after { content:" "; display:block; height:0; overflow:hidden; clear:both;}
.tbl_a_write tbody td .fileForm .filetype {float: left; position: relative; vertical-align: top; font-size:0}
.tbl_a_write tbody td .fileForm .filetype * { vertical-align: middle;}
.tbl_a_write tbody td .fileForm .filetype .file-text { position: relative; width: 550px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; z-index: 10;}
.tbl_a_write tbody td .fileForm .filetype .file-text:disabled {background:#fff; border-color:#d8d8d8}
.tbl_a_write tbody td .fileForm .filetype .file-text + .file-btn { display: inline-block; background-color: #e0e0e0; height: 35px; line-height: 35px; color: #000; cursor: pointer; width:98px; font-size: 14px; text-align:center; margin-left:7px}
.tbl_a_write tbody td .fileForm .filetype .file-select { position: absolute; top: 0; right: 0; width: 98px; height:28px; overflow: hidden; cursor: pointer;}
.tbl_a_write tbody td .fileForm .filetype .file-select .input-file { width: 98px; filter: alpha(opacity=0); opacity: 0; height: 28px; cursor: pointer;}
.tbl_a_write tbody td .fileForm .btn_a {float:left; margin-left:7px; width:49px; line-height:33px;}
.tbl_a_write tbody td .fileList {margin-top:10px;}
.tbl_a_write tbody td .fileList li {font-size:13px; color:#666; margin-top:5px; line-height:20px}
.tbl_a_write tbody td .fileList li:first-child {margin-top:0}
.tbl_a_write tbody td .fileList li .btn_del {color:#2482da; margin-left:3px}

.btn_right { margin:30px 0; text-align:right; position:relative;}
.btn_abs {position:absolute; top:-65px; right:0}
a.btn_a { display:inline-block; padding:0 23px; height:33px; line-height:31px; text-align:center; font-size:14px; color:#666; border:1px solid #b4b4b4; vertical-align:middle;}
a.btn_a:hover { background:#f2f2f2;}
a.btn_b { display:inline-block; margin-right:0; padding:0 24px; line-height:32px; height:35px; margin-left:4px; text-align:center; font-size:14px; color:#fff; background:#1f4787; vertical-align:middle}
a.btn_b:hover { background:#0d2c5f;}
a .ico_up {display:inline-block; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bu_up.png') 0 0 no-repeat; width:10px; height:9px; margin-right:3px; vertical-align:middle}
a .ico_down {display:inline-block; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bu_down.png') 0 0 no-repeat; width:10px; height:9px; margin-right:3px; vertical-align:middle}
.co1 {color:#f64055}
.co2 {color:#2482da}

.paging { margin:32px 0 0; text-align:center;}
.paging a { display:inline-block; padding:0 5px; font-size:13px; color:#777; }
.paging a.first { padding-right:5px;}
.paging a.prev { padding:0 14px 0 0;}
.paging a.last { padding-left:5px;}
.paging a.next  { padding:0 0 0 14px;}
.paging a.on { color:#2482da; font-weight:500;}

.lectureList {font-size:0; text-align:center}
.lectureList:after { content:" "; display:block; height:0; overflow:hidden; clear:both;}
.lectureList li {display:inline-block; margin:30px 0 0 28px;float:left;}
.lectureList li a {display:block; position:relative;}
.lectureList li a .hover {display:none; position:absolute; top:0; left:0; width:263px; height:348px; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/lecture_link_hover.png') 0 0 no-repeat;}
.lectureList em { position: absolute; top: 0; right: 0; display: block; padding: 14px 6px 15px; font-size: 20px; font-weight: 700; color: #fff; background-color: #f26522; }

/*°Ô½ÃÆÇ ÄÚ¸àÆ®°ü·Ã °³¹ß¿¡¼­ ¼öÁ¤µÇ¾úÀ½*/
.tbl_a_repple td {display:block; position:relative; border-top:solid 1px #ddd; padding:20px 0; font-size:14px; line-height:20px}
.tbl_a_repple tr:first-child td {border-top:none;}
.tbl_a_repple td .user {font-weight:500; color:#333}
.tbl_a_repple td .date {color:#777; padding-left:3px}
.tbl_a_repple td .btn_write {padding-left:9px; font-size:0;}
.tbl_a_repple td .btn_write a,
.tbl_a_repple td .btn_write span {margin-right:5px;}
.tbl_a_repple td .btn_write img {vertical-align:top}
.tbl_a_repple td .text {color:#777; padding-top:5px}
.tbl_a_repple td .btn_ctrl {position:absolute; top:20px; right:0}
.tbl_a_repple td .btn_ctrl a {font-size:13px; color:#777; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/bu_bar15.gif') no-repeat left center; padding-left:11px; margin-left:6px}
.tbl_a_repple td .btn_ctrl a:first-child {background:none; padding-left:0; margin-left:0}
.tbl_a_repple .write td div {position:relative;}
.tbl_a_repple .write td div:after { content:" "; display:block; height:0; overflow:hidden; clear:both;}
.tbl_a_repple .write td textarea {float:left; width:642px; height:61px; padding:5px; margin:0; border:solid 1px #c0c0c0; background:#fff;}
.tbl_a_repple .write td .btn_sm {float:left; margin-left:7px; width:82px; height:71px; line-height:73px; text-align:center; font-size:14px; color:#666; border:1px solid #c0c0c0; background:#fff}
.tbl_a_repple .write td .btn_lock {position:absolute; top:42px; left:627px; z-index:10; text-indent:-9999em; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_lock.png') 0 0 no-repeat; display:inline-block; width:14px; height:18px;}
.tbl_a_repple .write td .btn_unlock {position:absolute; top:42px; left:627px; z-index:10; text-indent:-9999em; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_unlock.png') 0 0 no-repeat; display:inline-block; width:16px; height:18px;}

.comwrite{display:inline-block; position:relative; width:100%; margin-top:20px;}
.comwrite textarea {float:left; width:682px; height:61px; padding:5px; margin:0; border:solid 1px #c0c0c0; background:#fff; overflow-y:scroll;}
.comwrite .btn_sm {float:left; margin-left:7px; width:82px; height:71px; line-height:73px; text-align:center; font-size:14px; color:#666; border:1px solid #c0c0c0; background:#fff}
.comwrite .btn_lock {position:absolute; top:42px; left:650px; z-index:10; text-indent:-9999em; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_lock.png') 0 0 no-repeat; display:inline-block; width:14px; height:18px;}
.comwrite .btn_unlock {position:absolute; top:42px; left:650px; z-index:10; text-indent:-9999em; background:url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/btn_unlock.png') 0 0 no-repeat; display:inline-block; width:16px; height:18px;}
.comwrite.repmodify textarea {width:642px;}
.comwrite.repmodify .btn_lock {left:627px;}
.comwrite.repmodify .btn_unlock {left:627px;}

.repple .comwrite textarea {width:642px;}
.repple .comwrite .btn_lock {left:627px;}
.repple .comwrite .btn_unlock {left:627px;}

.board_tbl_repple a{cursor:pointer;}


/* ¿¡µðÅÍ ÄÁÅÙÃ÷ CSS µ¿±âÈ­ */
#editorConArea table { width:100% !important;}
#editorConArea table caption{ font-size:14px; line-height:20px; visibility:visible; width:auto; height:auto; font-weight:700; margin:30px 0 10px 5px; text-align:left;}
#editorConArea table th { padding:5px; border:1px solid #ebebeb !important; vertical-align:middle; line-height:1.8; font-size:14px; text-align:center;}
#editorConArea table td { padding:5px; border:1px solid #ebebeb !important; vertical-align:middle; line-height:1.8; font-size:14px; text-align:left;}
/* ¿¡µðÅÍ ÄÁÅÙÃ÷ CSS µ¿±âÈ­ */

.main .banner_floating {position:absolute; top:289px; left:15%; z-index:1000}

/* ¿¡µà½ºÅ¸ */
.edustar {position:relative;}
.edustar .banner_floating {position:absolute; top:-64px; right:0; z-index:1000}
.edustar .banner_floating span {font-size:9.75pt; color:#0847bd; font-weight:300; line-height:1; position:absolute; top:101px; left:0; display:block; width:100%; text-align:center;}
.edustar .title {position:relative;}
.edustar .title .desc {font-size:9pt; color:#9a9a9a; font-weight:300; position:absolute; bottom:0; right:0;}

.edustar .section {box-sizing: border-box; padding:70px 0; border-top:solid 1px #e2e2e2}
.edustar .section.section_1 {border-top:none}
.edustar .subtitle {text-align:center; padding-bottom:50px;}
.edustar .subtitle strong {display:block; font-size:33.75pt; color:#333; font-weight:700; line-height:1; letter-spacing:-2px;}
.edustar .subtitle span {display:block; font-size:12pt; color:#828282; font-weight:400; line-height:1; padding-top:21px;}
.edustar .subtitle span em {font-weight:700; font-style:normal}
.edustar .aclist {padding-bottom:18px;}
.edustar .aclist ul {*zoom:1}
.edustar .aclist ul:after {content:''; display:block; clear:both;}
.edustar .aclist ul li {position:relative; box-sizing: border-box; padding:0 54px 0 135px; width:412px; height:152px; float:left; margin-top:21px; text-align:left; display:table; background-color:#ffcc00; background-repeat: no-repeat; background-position: 25px 50%; }
.edustar .aclist ul li.ac1,
.edustar .aclist ul li.ac2 {margin-top:0px;}
.edustar .aclist ul li.ac2,
.edustar .aclist ul li.ac4 {margin-left:21px;}
.edustar .aclist ul li.ac1 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_ac01.png'); }
.edustar .aclist ul li.ac2 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_ac02.png'); }
.edustar .aclist ul li.ac3 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_ac03.png'); }
.edustar .aclist ul li.ac4 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_ac04.png'); }
.edustar .aclist ul li div {display:table-cell; height:100%; vertical-align:middle}
.edustar .aclist ul li strong {display:block; font-size:15pt; color:#333; font-weight:700; line-height:1;}
.edustar .aclist ul li span {display:block; font-size:15pt; color:#333; font-weight:300; line-height:1; padding-top:8px;}
.edustar .aclist ul li i.flag {position:absolute; top:0; right:0; display:block; text-indent:-9999em; width:54px; height:55px; background: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/flag_ac.png') no-repeat 0 0;}
.edustar .aclist ul li i.flag.type2 {position:absolute; top:0; right:0; display:block; text-indent:-9999em; width:94px; height:65px; background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/flag_ac02.png'); }
.edustar .aclist ul li i.desc {font-size:8.25pt; color:#a59143; font-weight:300; position:absolute; bottom:10px; right:13px;}
.edustar .infotext dl {margin-top:25px;}
.edustar .infotext dl:first-child {margin-top:0px;}
.edustar .infotext dl dt {font-size:10.5pt; color:#333; font-weight:700; padding-bottom:5px}
.edustar .infotext ul li {font-size:9pt; color:#aeaeae; font-weight:400; line-height:18px; text-indent:-10px; padding-left:10px;}
.edustar .infotext ul li strong {color:#585858; font-weight:400; }

.edustar .rankinfo {*zoom:1}
.edustar .rankinfo:after {content:''; display:block; clear:both;}
.edustar .rankinfo dl {float:left; width:25%; box-sizing: border-box; text-align:center; border-left: dotted 1px #cccccc; min-height:268px; background-repeat: no-repeat; background-position: 50% 4px; }
.edustar .rankinfo dl.r_bronze { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_starRank_bronze.png'); border-left: none; }
.edustar .rankinfo dl.r_silver { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_starRank_silver.png'); }
.edustar .rankinfo dl.r_gold { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_starRank_gold.png'); }
.edustar .rankinfo dl.r_platinum { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_starRank_platinum.png'); }
.edustar .rankinfo dl dt {padding-bottom:22px;}
.edustar .rankinfo dl dt span {display:block; padding:89px 0 10px;}
.edustar .rankinfo dl dt em {background:#838383; display:inline-block; height:27px; border-radius:14px; padding:0 22px; font-size:10.5pt; color:#fff; font-weight:700; line-height:27px; vertical-align:middle}
.edustar .rankinfo dl dd {font-size:10.5pt; color:#828282; font-weight:400; line-height:18px; padding-top:6px;}
.edustar .rankinfo dl dd.point {color:#585858; font-weight:700}
.edustar .rankinfo dl dt + dd {padding-top:0}
.edustar .rankinfo dl.r_trophy {margin-bottom:67px; width:100%; border:solid 7px #e8e8e8; height:136px; border-radius:68px; padding-left:300px; text-align:left; background: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_starRank_trophy.png') no-repeat 180px 50%; min-height:auto; padding-top:0;}
.edustar .rankinfo dl.r_trophy dt {padding:34px 0 12px}
.edustar .rankinfo dl.r_trophy dt span {display:inline}
.edustar .rankinfo dl.r_trophy dt em {margin-left:10px; border-radius:9px; padding:0 13px;}
.edustar .rankinfo .desc {clear:both; font-size:9pt; color:#585858; font-weight:400; padding-top:10px;}

.edustar .paperinfo {padding-bottom:45px;}
.edustar .paperinfo dl {padding-left:194px; min-height:158px; margin-top:65px; background-repeat: no-repeat; background-position: 0 50%; }
.edustar .paperinfo dl:first-child {margin-top:0}
.edustar .paperinfo dl.info01 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/bg_starInfo01.png'); }
.edustar .paperinfo dl.info02 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/bg_starInfo02.png'); }
.edustar .paperinfo dl dt {font-size:19.5pt; color:#333; font-weight:700; padding-bottom:0;}
.edustar .paperinfo dl dd.text {font-size:10.5pt; color:#828282; font-weight:400;}
.paperinfo .paper {*zoom:1; margin-top:20px;}
.paperinfo .paper:after {content:''; display:block; clear:both;}
.paperinfo .paper div {float:left; width:197px; height:80px; margin-left:13px; background: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/bg_paper.png') no-repeat 0 0; text-align:center;}
.paperinfo .paper div:first-child {margin-left:0}
.paperinfo .paper div strong {display:block; font-size:12.86pt; color:#fff; font-weight:700; line-height:56px;}
.paperinfo .paper div span {display:block; font-size:9pt; color:#585858; font-weight:400; line-height:24px}

.edustar .licenselist {padding-bottom:20px;}
.edustar .licenselist ul {*zoom:1}
.edustar .licenselist ul:after {content:''; display:block; clear:both;}
.edustar .licenselist ul li {float:left; width:33.3333%; text-align:center; margin-bottom:20px;}
.edustar .licenselist ul li span {display:inline-block; text-align:center; width:264px; height:56px; background:#d8e6f4; border-radius:4px; font-size:15pt; color:#333; font-weight:700; line-height:56px; letter-spacing:-1px;}
.edustar .licenselist ul li span a {display:block; width:264px; height:56px;}
.edustar .licenselist ul li:nth-child(3n) {text-align:right}
.edustar .licenselist ul li:nth-child(3n+1) {text-align:left;}

.edustar #eventArea .subtitle strong em {color:#e9a400; font-weight:900}
.edustar #eventArea .gift {position:relative; padding-bottom:50px;}
.edustar #eventArea .gift .emblem {width:92px; height:92px; position:absolute; top:146px;}
.edustar #eventArea .gift .emblem.e1 {left:300px;}
.edustar #eventArea .gift .emblem.e2 {left:722px;}
.edustar #eventArea .gift .emblem span {color:#fff; display:block; text-align:center;}
.edustar #eventArea .gift .emblem span.t1 {font-size:13.5pt; font-weight:300; line-height:1; padding-top:17px;}
.edustar #eventArea .gift .emblem span.t2 {font-size:13.5pt; font-weight:900; line-height:21px; padding-top:2px}
.edustar #eventArea .gift .emblem span.t3 {font-size:9pt; font-weight:300; line-height:1; padding-top:5px}
.edustar #eventArea .gift .emblem span.t4 {font-size:10.5pt; font-weight:300; line-height:1; padding-top:19px}
.edustar #eventArea .card ul {*zoom:1}
.edustar #eventArea .card ul:after {content:''; display:block; clear:both;}
.edustar #eventArea .card ul li {float:left; width:200px; height:360px; margin-left:15px; text-align:center; background-repeat: no-repeat; background-position: 0 0; }
.edustar #eventArea .card ul li:first-child {margin-left:0;}
.edustar #eventArea .card ul li.c1 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/edustar_event_card01.jpg'); }
.edustar #eventArea .card ul li.c2 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/edustar_event_card02.jpg'); }
.edustar #eventArea .card ul li.c3 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/edustar_event_card03.jpg'); }
.edustar #eventArea .card ul li.c4 { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/edustar_event_card04.jpg'); }
.edustar #eventArea .card ul li div {font-size:10.5pt; color:#fff; line-height:21px;}
.edustar #eventArea .card ul li .cont { font-weight:700;  padding:50px 30px 0 30px; max-height:126px; overflow:hidden}
.edustar #eventArea .card ul li .user { font-weight:400;  padding:20px 30px 0 30px}
.edustar #eventArea .paging {margin-top:34px;}
.edustar #eventArea .paging a {font-size:9pt; color:#585858; padding:0 7px;}
.edustar #eventArea .paging a.on {color:#ec0c0c; font-weight:700}
.edustar #eventArea .paging a.prev {margin-right:13px;}
.edustar #eventArea .paging a.next {margin-left:13px;}
.edustar #eventArea .inputform {padding-top:52px;}
.edustar #eventArea .inputform .textarea {float:left; width:635px; padding:10px; margin:0 11px 0 0; box-sizing: border-box; border:solid 1px #b2b2b2; height:81px;}
.edustar #eventArea .inputform .btnapply {float:left; width:198px;}
.edustar #eventArea .inputform .desc {clear:both; font-size:9pt; color:#828282; font-weight:400; padding-top:7px; }

/* ¸¶ÀÌ¿¡µà½ºÅ¸ */
.my_edustar .status {background:#ffde00; height:155px; position:relative;}
.my_edustar .status .rank {position:absolute; top:16px; left:18px; width:267px; height:139px; font-size:0; background-repeat: no-repeat; background-position: 0 0; }
.my_edustar .status .rank.r_trophy { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_my_trophy.png'); }
.my_edustar .status .rank.r_bronze { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_my_bronze.png'); }
.my_edustar .status .rank.r_silver { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_my_silver.png'); }
.my_edustar .status .rank.r_gold { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_my_gold.png'); }
.my_edustar .status .rank.r_platinum { background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/edustar/icon_my_platinum.png'); }
.my_edustar .status .count {padding:54px 50px 0 339px;}
.my_edustar .status .count li {position:relative; margin-top:20px;}
.my_edustar .status .count li:first-child {margin-top:0;}
.my_edustar .status .count li em {font-size:13.5pt; color:#333; font-weight:400; display:block; line-height:1}
.my_edustar .status .count li div {position:absolute; top:-14px; right:0; font-size:13.5pt; color:#333; font-weight:700;}
.my_edustar .status .count li div span {font-family:'Verdana'; font-size:22.5pt; color:#333; font-weight:700; letter-spacing:-2px; margin-right:3px; position:relative; top:1px;}
.my_edustar .desc { text-align: left; padding-top: 10px; *zoom: 1; }
.my_edustar .desc:before,
.my_edustar .desc:after { content: ''; display: table; }
.my_edustar .desc:after { clear: both; }
.my_edustar .desc span { float: left; font-size:10.5pt; color:#828282; font-weight:400; margin-right:22px; line-height:28px; letter-spacing:-0.5px;}
.my_edustar .desc span em {color:#585858; font-weight:700;}
.my_edustar .action { float: right; }
.my_edustar .desc a {display:inline-block; vertical-align:top; border:solid 1px #c6c6c6; height:26px; line-height:26px; width:105px; text-align:center; margin-left:2px; font-size:9pt; color:#333; font-weight:400; letter-spacing:-1px;}
.my_edustar .desc + .desc { padding-top: 6px; }
.my_edustar .tb_style {padding-top:60px;}
.my_edustar .tb_style table {width:100%; border-top:solid 2px #77a6d2;}
.my_edustar .tb_style table th {background:#fbfcfd; font-size:10.5pt; color:#333; font-weight:400; text-align:center; border-bottom:solid 1px #ebebeb; padding:12px 0}
.my_edustar .tb_style table td {background:#ffffff; font-size:10.5pt; color:#777; font-weight:400; text-align:center; border-bottom:solid 1px #ebebeb; padding:14px 0}
.my_edustar .tb_style table td.color_r {color:#f64055}
.my_edustar .tb_style table td.color_b {color:#2482da}
.my_edustar .tb_style table td.align_l {text-align:left; padding-left:30px; padding-right:10px}
.my_edustar .tb_style table td .ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.my_edustar .tb_style table td.font_s {font-size:9pt}

.my_edustar .tb_style .btn_more {padding-top:22px;}
.my_edustar .tb_style .btn_more a {display:block; border:solid 1px #dcdcdc; background:#f1f1f1; font-size:10.5pt; color:#333; font-weight:400; text-align:center; height:45px; line-height:45px;}

.btn { display: inline-block; padding: 7px 20px 8px; font-size: 14pt; font-weight: 300; color: #fff; border-radius: 43px; }
.btn span { position: relative; display: block; padding: 0 33px; }
.btn_primary { background-color: #2482da; }
.btn_secondary { background-color: #1f4687; }
.btn span:before { content: ''; position: absolute; top: 50%; right: 0; display: block; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* ÀÚ°ÝÁõ °­ÀÇ ¼ö°­&¼±¹° */
.desc_a + .take_course { margin-top: -24px; }
.take_course { border-top: 2px solid #303030; }
.take_course .step { margin-top: 43px; }
.take_course .step ul { *zoom: 1; }
.take_course .step ul:before,
.take_course .step ul:after { content: ''; display: table; }
.take_course .step ul:after { clear: both; }
.take_course .step li { float: left; font-size: 10.5pt; vertical-align: middle; }
.take_course .step.nth_child_1 ul { margin-left: -20px; }
.take_course .step.nth_child_1 li { width: 17%; margin: 20px 0 0 20px; }
.take_course .step.nth_child_1 .radio { vertical-align: top; }
.take_course .step.nth_child_2 ul { margin: 0 20px; text-align: center; }
.take_course .step.nth_child_2 li { margin-left: 80px; }
.take_course .step.nth_child_2 li:first-child { margin-left: 0; }
.take_course .step.nth_child_2 .radio { margin-top: 13px; }
.take_course .paperinfo .paper { margin-top: 29px; }
.take_course .paperinfo .paper div { width: 214px; height: 89px; background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/takeCourse/bg_paper.png'); }
.take_course .paperinfo .paper div strong { line-height: 64px; font-size: 16.48pt; }
.take_course .paperinfo .paper div span { line-height: 25px; font-size: 11.54pt; color: #7d6600; }
.take_course .subject { font-size: 12pt; color: #333; }
.take_course .action { margin-top: 53px; text-align: center; }
.take_course .btn { margin-left: 23px; }
.take_course .btn:first-child { margin-left: 0; }
.notice_list { margin-top: 53px; padding: 25px 18px; color: #5c5c5c; background-color: #f4f4f4; }
.notice_list .subject { font-size: 12.27pt; color: #5c5c5c; }
.notice_list ul { margin-top: 2px; }
.notice_list li { position: relative; padding-left: 10px; line-height: 1.75; font-size: 10.51pt; }
.notice_list li:before { content: '-'; position: absolute; top: 0; left: 0; display: block; color: #5c5c5c; }

/* layer */
.layer { display: none; position: fixed; top: 0; right: 0; bottom: 0; z-index: 20; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.layer.in { display: block; }
.layer_wrap { position: absolute; top: 50%; left: 50%; width: 370px; min-height: 180px; margin: -100px 0 0 -185px; text-align: center; background-color: #fff; }
.layer .layer_close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; }
.layer .layer_close:before,
.layer .layer_close:after { content: ''; position: absolute; top: 0; left: 50%; display: block; background-color: #000; }
.layer .layer_close:before { top: 50%; width: 20px; height: 1px; margin-left: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.layer .layer_close:after { top: 50%; width: 1px; height: 20px; margin-top: -10px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.layer .layer_close span { position: absolute; display: inline-block; overflow: hidden; clip: rect(0 0 0 0); width: 0px; height: 0px; margin: -1px; padding: 0; word-break: keep-all; white-space: nowrap; color: transparent; border: 0; text-indent: -9999px; }

.layer_body { padding: 35px 0; line-height: normal; font-size: 12pt; background-repeat: no-repeat; background-position: center 30px; }
.layer_body .highlight { font-size: 13pt; color: #2482da; }
.layer_body .form_list { display: inline-block; margin-top: 38px; }
.layer_body .form_list li { margin-top: 18px; text-align: left; *zoom: 1; }
.layer_body .form_list li:first-child { margin-top: 0; }
.layer_body .form_list li:before,
.layer_body .form_list li:after { content: ''; display: table; }
.layer_body .form_list li:after { clear: both; }
.layer_body .form_list label { float: left; width: 70px; line-height: 30px; font-size: 12pt; color: #333; }
.layer_body .form_list input { float: left; width: 210px; height: 30px; padding: 0 5px; line-height: 30px; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; box-sizing: border-box; }
.layer_body .notice_list { margin: 23px 30px 0; padding: 15px 0 0; text-align: left; border-top: 1px solid #cecece; background-color: #fff; }
.layer_body .notice_list li { font-size: 10pt; color: rgba(51, 51, 51, .7); }
.layer_body .action { margin-top: 30px; }

.layer_gift .layer_wrap { width: 500px; height: 400px; margin: -200px 0 0 -250px; }
.layer_gift .layer_body { font-size: 14pt; }

.layer_complete .layer_body { padding-top: 90px; background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/takeCourse/icon_smile.png'); }

.layer_caution .layer_body { padding-top: 90px; background-image: url('//img.eduwill.net/Img2/jutek/promotion/jobcenter/event/takeCourse/icon_caution.png'); }
.layer_caution .desc { margin-top: 10px; }


/* 200506 ÁÖÅÃ°ü¸®»ç µ¿¹®È¸ ÁöºÎÇöÈ²*/
.section_branch{ background:#f2f2f2; padding-bottom: 50px;}
.branch_inner{ width:1090px; position: relative; margin:0 auto;}
.branch_title{ font-size: 20px; font-weight: normal; line-height:1; letter-spacing: -0.7px; text-align: left; color: #000; padding:51px 0 32px 0;}
.branch_tab ul{ width:100%; content:''; display:table; clear:both; border-bottom:1px solid #ddd;}
.branch_tab .tab li { float:left; width:135px; height:50px;}
.branch_tab .tab li a { position:relative; display:table; width:100%; height:50px; background:#eee; -webkit-box-sizing:border-box; box-sizing:border-box; background:#f2f2f2;}
.branch_tab .tab li a span { display:table-cell; vertical-align:middle; font-size: 18px; font-weight: normal; letter-spacing: -0.63px; text-align: center; color: #444444;}
.branch_tab .tab li.in a span { color:#fff; }
.branch_tab .tab li.tab_01 { margin-left:0; }
.branch_tab .tab li.tab_01.in a { background:#db5951;}
.branch_tab .tab li.tab_02.in a { background:#d98c15;}
.branch_tab .tab li.tab_03.in a { background:#80c55b;}
.branch_tab .tab li.tab_04.in a { background:#0cb0e0;}
.branch_tab .tab li.tab_05.in a { background:#005b82;}
.branch_tab .tab_contents { position:relative;display:none; padding:40px 32px 30px 31px; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; margin-top:2px; height:468px;}
.branch_tab .tab_contents .inner{ content:''; display:table; clear:both;}
.branch_tab .tab_contents .inner .desc{ width:688px; float:left;}
.branch_tab .tab_contents .inner .desc dl:first-child{ margin-top:0;}
.branch_tab .tab_contents .inner .desc dl{ margin-top:54px;}
.branch_tab .tab_contents .inner .desc dt{ font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: -0.63px; text-align: left; color: #000; margin-bottom: 18px; }
.branch_tab .tab_contents .inner .desc dd{ font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: -0.56px; text-align: left; color: #444;}
.branch_tab .tab_contents .inner .map{ position:absolute; right:20px; top:31px;}
.branch_tab .tab_contents .inner .code{ position: absolute; left:32px; bottom:40px;display:none;}
.branch_tab .tab_contents .inner .code span.label{ display: inline-block; margin-right: 23px; position: relative;}
.branch_tab .tab_contents .inner .code span.label em{ padding-left: 28px; font-size: 16px; letter-spacing: -.56px; text-align: left; color:#000; line-height: 1;}
.branch_tab .tab_contents .inner .code span.label em:before{ content:''; display:block; clear:both; position: absolute; top:0; left:0; width:18px; height:18px;}
.branch_tab .tab_contents .inner .code span.label1 em:before{ background:#db5951;}
.branch_tab .tab_contents .inner .code span.label2 em:before{ background:#d98c15;}
.branch_tab .tab_contents .inner .code span.label3 em:before{ background:#80c55b;}
.branch_tab .tab_contents .inner .code span.label4 em:before{ background:#0cb0e0;}
.branch_tab .tab_contents .inner .code span.label5 em:before{ background:#005b82;}