@charset "utf-8";
/* CSS Document */
.greetingTop{position:relative; padding-left:455px;}
.greetingTop img{ position:absolute; left:0; top:0;}
.greetingTop strong{ display:block; color:#111111; padding-bottom:.5em; font-size:1.3em; font-weight:500;}

.greetingFea{ background:#f2f2f2; padding:30px;}
.greetingFea:after{ content:""; display:block; clear:both;}
.greetingFea dl{ float:left; width:24%; margin:0 4.5%; text-align:center;}
.greetingFea dl dd h1{ color:#111; margin:1.5em 0; font-weight:400;}
.greetingFea dl dd p{ text-align:left;}

.eduCondition{ color:#2484c6;}
.eduCondition:before{ content:"|"; color:#ccc; margin:0 10px;}

#historyWrap{ width:100%; position:relative;}
#historyWrap:before{ position:absolute; content:""; top:0; width:1px; height:100%; background:#cccccc; left:50%;}
#historyWrap .his_box{ display:block;}
.hismark img{ z-index:99;}
.his_timeline{ margin-top:0px;; position:relative;}
.his_timeline:first-child{ margin-top:0;}
.his_timeline:after{ content:""; display:block; clear:both;}
.his_timeline .his_timeDot{ width:10px; height:10px; left:50%; margin-left:-6px; margin-top:20px; position:absolute; top:8px; border-radius:50%; border:1px solid #ccc; text-align:center; line-height:10px; background:#fff; }
.his_timeContent{ margin-left:0; text-align:right; width:45%; margin:0 2.5%; position:relative; padding-top:90px;}
.his_timeContent h2{ width:70px; height:70px; border-radius:50%; background:#478fc0; color:#fff; line-height:70px; text-align:center; position:absolute; right:0; top:0;}
.his_timeContent p{ position:relative; padding:.5em 140px .5em 0;}
.his_timeContent p span{ position:absolute; right:0; color:#333;}

.his_timeline:nth-child(even) .his_timeContent{ float:right; text-align:left;}
.his_timeline:nth-child(even) .his_timeContent h2{ left:0;}
.his_timeline:nth-child(even) .his_timeContent p{padding:.5em 0 .5em 135px;}
.his_timeline:nth-child(even) .his_timeContent p span{left:0;}

#historyTop{ margin-bottom:50px;}
#historyTop ul:after{ content:""; display:block; clear:both;}
#historyTop ul{ margin:0 5%; width:90%; box-sizing:border-box;}
#historyTop ul li{ width:20%; float:left;  position:relative;}
#historyTop ul li a{display:block; margin-top:-30px; width:100%; text-align:center; background:#fff; height:60px; line-height:60px; border:1px solid #ccc; font-size:18px; }
#historyTop ul li a:hover{ background:#385da8; color:#fff;}
#historyTop ul li a.ov{ background:#385da8; color:#fff;}

#memberWrap{position:relative; border:1px solid #ccc; padding:60px 20px 20px 20px; position:relative; margin-top:40px; margin-bottom:60px;}
#memberWrap h1{ position:absolute; left:20px; top:-35px;  height:60px; width:230px; border:1px solid #80b2d2; background:#c0d9e9; text-align:center; color:#111; font-size:24px; font-weight:400; line-height:24px; padding-top:10px;}
#memberWrap h1 span{ font-size:.5em; color:#528cb2; letter-spacing:3px;}
#memberWrap p strong{ color:#111; display:block;}
#memberWrap .memberTop:after{ content:""; display:block; clear:both;}
#memberWrap .memberTop p:first-child{ padding-left:0;}
#memberWrap .memberTop p{ float:left; padding-left:50px;}
#memberWrap.member_16 .memberTop p:first-child{padding-left: 0;}
#memberWrap.member_16 .memberTop p{padding-left: 40px;}



.ruleWrap dl{ margin-bottom:50px;}
.ruleWrap dl dt i{ width:40px; border-bottom:2px solid #06C; position:absolute; top:0; left:0;}
.ruleWrap dl dt{ position:relative; display:inline-block; vertical-align:top; width:150px; color:#111; font-size:17px; padding-top:10px;}
.ruleWrap dl dd{ display:inline-block; vertical-align:top; width:900px; padding-top:13px;}

#locTop{ text-align:center; margin-bottom:30px;}
#locTop h1{ text-transform:uppercase; font-size:20px; color:#111; letter-spacing:5px;}
#locTop h1 > span{ height:120px; border-left:2px solid #0071bb;}
#locTop p{ font-size:17px; color:#111; margin:5px 0 10px 0;}
#locTop > div > span{ margin:0 20px; font-size:16px;}

.locCon:after{ content:""; display:block; clear:both;}
.locCon dl{ float:left; width:50%}
.locCon dl dt{ display:inline-block; vertical-align:top; margin-right:20px;}
.locCon dl dd{ display:inline-block; vertical-align:top; padding-top:20px;}
.locCon dl dd h2{ color:#111; font-weight:400;}
.locCon dl dd p span{ display:inline-block;}
.locCon dl dd p span:first-child{ color:#0071bb; width:95px;}
.locCon dl dd p span:nth-child(2){ width:180px;}

.bluTit{ font-size:22px; color:#2586c8; font-weight:400;}
#boardMenu ul{ border:5px solid #ddd; width:100%; box-sizing:border-box; text-align:center;}
#boardMenu ul:after{ content:""; display:block; clear:both;}
#boardMenu ul li{ display:inline-block; vertical-align:top;}
#boardMenu ul li a{ display:block; padding:.5em 2.5em; font-size:17px; border-bottom:2px solid #fff; color:#999;}
#boardMenu ul li a:hover{border-bottom:2px solid #111; color:#111111;}
#boardMenu ul li.ov a{border-bottom:2px solid #111; color:#111111;}

.gtTable table{ width:100%; border-top:2px solid #111; margin-top:30px;}
.gtTable table thead tr th{ text-align:center; color:#111; padding:.7em 10px; border-bottom:1px solid #111; font-weight:400; font-size:16px;}
.gtTable table thead tr th:nth-child(1){ width:120px;}
.gtTable table thead tr th:nth-child(2){ width:470px;}
.gtTable table thead tr th:nth-child(3){ width:190px;}
.gtTable table thead tr th:nth-child(4){ width:120px;}
.gtTable table tbody tr td{ border-bottom:1px solid #ddd; padding:.7em 10px; text-align:center;}
.gtTable table tbody tr td:nth-child(2){ text-align:left;}
.gtTable table tbody tr td:nth-child(2) a{ color:#111;}

.eduIcon1{ display:inline-block; width:90px; height:25px; font-size:14px; background:#fff; border:1px solid #ccc; border-radius:15px; line-height:25px;}
.eduIcon2{ display:inline-block; width:90px; height:25px; font-size:14px; background:#319be5; color:#fff; border:1px solid #ccc; border-radius:15px; line-height:25px;}
.eduIcon3{ display:inline-block; width:90px; height:25px; font-size:14px; background:#999999; color:#fff; border:1px solid #ccc; border-radius:15px; line-height:25px;}

a.receiptBtn{ display:block; width:90px; height:25px; font-size:14px; background:#fff; color:#777777; border:1px solid #ccc; border-radius:15px; line-height:25px; box-shadow:1px 1px 2px #dddddd;}
a.educomBtn{ display:block; width:90px; height:25px; font-size:14px; background:#319be5; color:#ffffff; border:1px solid #ccc; border-radius:15px; line-height:25px; box-shadow:1px 1px 2px #dddddd;}

a.receiptBtn:hover{ background:#999; color:#fff;}
a.educomBtn:hover{ background:#999; color:#fff;}
a.cancelBtn{display:inline-block; padding:0 30px 0 10px; height:25px; font-size:14px; background:url(/img/cancelicon.gif) 90% 7px no-repeat #556469; color:#fff; border:1px solid #ccc; border-radius:15px; line-height:25px; box-shadow:1px 1px 2px #dddddd;}

.boardTitle{ font-size:24px; color:#111; border-bottom:2px solid #111; font-weight:400; padding-bottom:5px;}
.boardCon1{ padding:.7em 0; border-bottom:1px solid #ccc; position:relative;}
.boardCon1 span strong{ font-weight:400; color:#999; padding-right:10px;}
.boardCon1 span{ margin-right:40px;}
.boardCon1 a{ position:absolute; right:0;}

.boardCon2{padding:.7em 0;}
.boardCon2 span strong{ font-weight:400; color:#999; padding-right:10px;}
.boardCon2 span a.downBtn{display:inline-block; padding:0 15px 0 35px; height:25px; font-size:14px; background:url(/img/downicon.gif) 5% 7px no-repeat #fff; color:#999; border:1px solid #999; border-radius:15px; line-height:25px; box-shadow:1px 1px 2px #dddddd;}
.eduContents{ border:1px solid #ccc; background:#f2f2f2; width:100%; box-sizing:border-box; padding:25px 25px 10px 25px; margin-top:20px; box-sizing:border-box;}
.eduContents ul li{position:relative; padding-left:100px; border-bottom:1px solid #ffffff; padding-bottom:10px; margin:10px 0;}
.eduContents ul li h2{ position:absolute; left:0; color:#111; font-weight:400;}
.eduContents ul li p span{ display:block; margin-top:20px; color:#108bc4;}
.eduContents ul li p span:first-child{ margin-top:0;}
.eduContents ul li:last-child{ border-bottom:0;}

.pageMoveBtn{ margin-top:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.pageMoveBtn:after{ content:""; display:block; clear:both;}
.pageMoveBtn a{ display:block; width:130px; height:45px; line-height:45px; border:1px solid #ccc; color:#999; text-align:center;}
.pageMoveBtn a:first-child{ float:left;}
.pageMoveBtn a:last-child{ float:right;}

.BtnWrap{ margin:10px 0;}
.PagelistBtn{ display:inline-block; width:130px; height:45px; line-height:45px; border:1px solid #ccc; color:#999; background:#eee; text-align:center;}
.ApplyBtn{ display:inline-block; width:200px; height:45px; line-height:45px; border:1px solid #fff; color:#ffffff !important; font-size:18px; background:#09C; text-align:center;}

.workCon:after{ content:""; display:block; clear:both;}
.workCon dl{ float:left; width:22%; margin-right:4%;}
.workCon dl.end{ margin-right:0;}
.workCon dl dt{ text-align:center;}
.workCon dl dd{ text-align:left; margin-top:15px; min-height:140px;}

.quaEx.s32{background:url(/img/s32_img.jpg) left top no-repeat; }
.quaEx.s33{background:url(/img/s33_img.jpg) left top no-repeat; }
.quaEx{min-height:330px; padding:70px 0 0 450px;}
.blueBox{ width:470px; height:45px; line-height:45px; background:url(/img/arrow_icon.gif) 97% 12px no-repeat #47aed9; color:#fff; text-indent:20px; margin-top:60px;}

.takeExam{ background:#f2f2f2; padding:20px;}
.takeExam:after{ content:""; display:block; clear:both;}
.takeExam dl{ float:left; width:47%; margin-right:6%; position:relative;}
.takeExam dl:last-child{ margin-right:0;}
.takeExam dl dt{ position:absolute; left:0; top:0; width:100px; height:100px; border-radius:50%; background:#fff; line-height:100px; text-align:center; color:#47aed9; font-size:17px;}
.takeExam dl dd{ padding-left:120px;}

.attCon{ position:relative; padding-left:140px; padding-top:10px;}
.attCon div{ position:absolute; left:0; top:0;}

#pTmenu ul:after{ content:""; display:block; clear:both;}
#pTmenu ul li{ float:left; width:539px;  margin-left:-1px;}
#pTmenu ul li a{ display:block; width:100%; background:#eee; color:#999; text-align:center; padding:10px 0; font-size:17px; border:1px solid #ccc;}
#pTmenu ul li a.ov{ background:#fff; color:#111; border-bottom:1px solid #fff;}
#pTmenu ul li a:hover{background:#fff; color:#111;}