@charset "utf-8";
@import url('Montserrat.css');
@import url('NotoSansKR.css');


.fcRed {color:#ec0b30 !important;}
.fcPoint {color:#0081d7 !important;} /* 연두색 */
.fcBlue {color:#2f56e8 !important;} /* 파란색 */
.pointTit {color: #0081d7 !important; margin: 0 0 10px; font-family: "notosanskr medium", sans-serif; font-weight: 500;}

span.state {display: block;font-size: 16px !important;font-family: 'NotoSansKR Regular', sans-serif !important;font-weight: 500 !important;}
span.state.cancel {color: #e21b44;}
span.state.comp {color: #309ed0;}
span.state.incomp {color: #b2b2b2;}

.fcPink {color: #c924e2;}
.fcSblue {color: #0081d7;}
.fcGrey {color: #828995;}

/* 레이아웃 */
div.wrapper {overflow: hidden;position: relative;min-width:320px;font-family:'NotoSansKR Regular', sans-serif;font-size: 14px;line-height:1.5;font-weight:300;color: #222;background-color: #fff;}

div#headerWrap {position: relative; border-bottom: 1px solid #ddd;}
	div#headerWrap > div {position: relative;}
	div#headerWrap h1 {text-align: center; padding: 2px 0 0;}

	div#headerWrap p.viewGnb {position: absolute; top:0; left:0;}
	div#headerWrap p.viewGnb a {padding: 14px 13px 14px 14px;}
	div#headerWrap p.mypageBt {position: absolute; top:0; right:0;}
	div#headerWrap p.mypageBt a {padding: 12px 11px;}


div#headerWrap div.gnbWrap {z-index: 999; position: fixed; top:0; left:-100%; width: 100%; height: 100%; background-color: #fff; padding-top: 162px; display:block !important; transition: all .5s;}
div#headerWrap div.gnbWrap.on {left:0; transition: all .5s;}
	div.gnbWrap a {display:block; color: #383838; text-decoration: none;}

dl#gnb {position: relative;}
	dl#gnb dt {padding: 20px 10px; font-size: 15px; background-color: #f2f7ff; color: #072651; font-family: "notosanskr bold", sans-serif; font-weight: bold;}

	dl#gnb dd {padding: 0 10px;}
	dl#gnb dd ul {}
	dl#gnb dd ul li {}
	dl#gnb dd ul li a {font-size: 15px; color: #383838; padding: 20px 10px; border-bottom: 1px solid #e4e4e4;}
	dl#gnb dd ul li:last-child a {border-bottom: 0 none;}
	dl#gnb dd ul li a span strong {color: #0081d7;}
	dl#gnb dd ul li a span strong::after {content:">"; display:inline-block; font-size: 12px; margin: 0 5px; color: #383838;}
	dl#gnb dd ul li img {display:inline-block; vertical-align: middle; margin-right: 15px;}

	dl#gnb.logout dd {padding: 155px 10px 75px; background: url(/image/common/gnb_logout.png) no-repeat center 65px; text-align: center; font-size: 15px;}
	dl#gnb.logout dd a.loginBt {width: 190px; padding: 12px 0 13px; text-align: center; margin: 10px auto 0; background-color: #0081d7; border-radius: 35px; color: #fff; font-size: 16px;}

	dl#gnb dd.gnbBotUtil {margin: 0; padding: 0; font-size: 0; border-right: 1px solid #e4e4e4; background: none;}
	dl#gnb dd.gnbBotUtil ul {overflow: hidden;}
	dl#gnb dd.gnbBotUtil ul li {display:inline-block; width: 25%; vertical-align: top;}
	dl#gnb dd.gnbBotUtil ul li a {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; font-size: 15px; text-align: center; 
	padding: 0; padding: 15px 0 16px; height: 80px; box-sizing:border-box;}
	dl#gnb dd.gnbBotUtil ul li a img {display:block; margin: 0 auto 10px;}

	p.logoutBtn {position: absolute; top:170px; right:10px;}
	p.logoutBtn a {width: 100px; padding: 10px 0; border: 2px solid #88939a; text-align: center; border-radius: 45px;}

	div.gnbTopUtil {background-color: #0081d7; position: absolute; top:0; left:0; max-width: 100%; width: calc(100% - 20px); height: 162px; color: #fff; font-size: 16px; font-family: "notosanskr light", sans-serif; padding: 0 10px;}
	div.gnbTopUtil > p:first-child {position: relative; padding: 80px 85px 44px 0; font-size: 13px; font-weight: 400;}
	div.gnbTopUtil > p:first-child img {position: absolute;top:45px; right:0;}

	div.gnbTopUtil p.home,
	div.gnbTopUtil p.closeGnb {position: absolute; top:0;}
	div.gnbTopUtil p.home a,
	div.gnbTopUtil p.closeGnb a {padding: 15px;}

	div.gnbTopUtil p.home {left:0;}
	div.gnbTopUtil p.closeGnb {right: 0;}

div#footerWrap {background: #38393a; font-size: 11px;}
div#footerWrap div {padding: 20px 10px; margin: 0 auto; color: #a7b1c3; text-align: center;}
div#footerWrap div ul {font-size: 0; margin: 3px 0;}
div#footerWrap div ul li {display:inline-block; font-size: 14px; margin-left: 3px; font-size: 11px;}
div#footerWrap div ul li:first-child {margin-left: 0;}
div#footerWrap div ul li span {color: #fff;}




div#container {min-height: 500px;}















/* LNB 메뉴 */
div.lnbWrap {z-index: 10; position: relative; background-color: #0081d7; color: #fff;}
	div.lnbWrap::after {content:""; display:block; clear: both;}	
	div.lnbWrap p {z-index: 10; position: absolute; top:0; left:0;}
	div.lnbWrap p  a {display:block; padding: 11px 10px 11px 11px; text-decoration: none; color: #fff;}
	div.lnbWrap p  a img {display:block;}
	
	div.lnbWrap dl {z-index: 9; position: relative; width: 100%;}
	div.lnbWrap dl dt {display:block; width: 100%;}
	div.lnbWrap dl dt a {display:block; width: 100%; padding: 10px 0 11px; text-align: center; text-decoration: none; color: #fff;}
	div.lnbWrap dl dt a::after {content:""; display:block; position: absolute; top:0; right:0; margin: 0; padding: 0; width: 40px; height: 40px; background-image: url(/image/common/triggerArr_on.png); background-repeat: no-repeat; background-position: 0 0;}
	div.lnbWrap dl dt.view a::after {content:""; background-image: url(/image/common/triggerArr_off.png);}
	
	div.lnbWrap dl dd {z-index: 999; position: absolute; top:40px; left:0; background-color: #fff; width: 100%; height: auto;}
	div.lnbWrap dl dd ul {overflow: hidden;}
	div.lnbWrap dl dd ul li {list-style:none;}
	div.lnbWrap dl dd ul li a {display:block; color: #666 !important; border-bottom: 1px solid #d6d7d9; text-decoration: none; font-size: 13px; padding: 10px 0; text-align: center;}
	div.lnbWrap dl dd ul li:last-child a {border-bottom: 2px solid #0081d7;}













/* 서브메뉴 (셀렉트 박스 변형) */
dl.subMenu {position: relative; padding: 10px;}
	dl.subMenu dt {display:none;}

	dl.subMenu dd.toggleCon {background-color: #fff;}
	dl.subMenu dd ul {border-bottom: 1px solid #dcdcdc; font-size: 0; height: 39px;}
	dl.subMenu dd ul li {display:inline-block; margin-left: 20px;}
	dl.subMenu dd ul li:first-child {margin-left: 0;}
	dl.subMenu dd ul li a {display:block; text-decoration: none; font-size: 15px; padding: 5px 0 10px; color: #777;}
	dl.subMenu dd ul li.on a {border-bottom: 3px solid #0081d7; color: #0081d7;}
	
dl.subMenu.select dt {display:block;}
	dl.subMenu.select dt a {border:1px solid #bbbbbb; padding: 10px 10px; text-decoration: none; color: #000; font-size: 14px; font-family: "notosanskr medium",sans-serif; font-weight: 400;}
	dl.subMenu.select dd.toggleCon {display:none; z-index: 999; position: absolute; top:53px; left:10px; width: calc(100% - 20px);}
	dl.subMenu.select dd.toggleCon ul {border-bottom: 0 none; overflow: hidden; border: 1px solid #bbb; border-top: 0 none; height: auto;}
	dl.subMenu.select dd.toggleCon ul li {display:block; margin-left: 0;}
	dl.subMenu.select dd.toggleCon ul li a {display:block; padding: 0; border-bottom: 0 none; padding: 10px; border-bottom: 1px solid #bbb;}
	dl.subMenu.select dd.toggleCon ul li:last-child a {border-bottom: 0 none;}
	dl.subMenu.select dd.toggleCon ul li.on a {color: #777;}


/* 서브메뉴 사각박스형 */
ul.subMenu {padding: 0 10px !important;}
	ul.subMenu li {}
	ul.subMenu li a {display:block; text-align: center; text-decoration: none; color: #969696; font-family: 'notosanskr light', sans-serif; font-size: 16px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; background-color: #f7f7f7;}
	ul.subMenu li:last-child a {border-right: 1px solid #ccc;}

	ul.subMenu li.on a {background-color: #475c7c; color: #fff; font-family: 'notosanskr medium', sans-serif;}

	ul.menu03 li {width: 33.3% !important;}
	ul.menu03 li:first-child {width: 33.4% !important;}


.listNum{}
.listNum li{padding-left: 18px; text-indent: -18px; list-style:decimal !important; list-style-position: inside !important;}



/* 메인페이지 */

div.main div.contents {background-color: #f2f8fa;}
	div.mainBnr {background: url(/image/main/mainBnr_bg.png) no-repeat center top; background-size: 100% auto;}
	div.mainBnr h2 {text-align: center;}
	div.mainBnr img {width: 100%;}

/* 교육리스트 */

/* 슬라이드 작동 전 */
div.eduWrap {padding: 35px 10px 25px;}
	div.eduWrap::after {content:""; display:block; clear: both;}
	dl.eduList {border-radius: 35px 0 0 0; box-sizing:border-box; background-color: #271f6f; box-shadow: 1px 1px 30px rgba(0,0,0, 0.3);}
	dl.eduList dt {color: #fff; text-align: right; padding: 15px 10px; text-align: center;}
	dl.eduList dt strong {display:block; text-align: center; font-size: 14px; word-break: keep-all;	height: 63px;}
	dl.eduList dt span.date {display:inline-block; padding-left: 15px; background: url(/image/main/eduListTit_date.png) no-repeat left center; font-size: 12px; margin-top: 10px;}

	dl.eduList dd {position: relative; height: 220px; box-sizing: border-box; overflow-y: auto;}
	dl.eduList dd ul {overflow: hidden;}
	dl.eduList dd ul li {list-style:none; text-align: right; color: #3f3f3f; word-break: keep-all; border-bottom: 1px solid #dcdcdc; margin-bottom: 15px; padding: 0 5px 10px;}
	dl.eduList dd ul li:first-child {margin-top: 0;}
	dl.eduList dd ul li:last-child {margin-bottom: 0;}
	dl.eduList dd ul li strong {display:block; text-align: left; word-break: keep-all;color: #36435e; font-size: 13px; font-family: "notosanskr medium",sans-serif;}
	dl.eduList dd ul li span.name {display:inline-block; font-family: "notosanskr medium",sans-serif; font-size: 12px; padding-left: 25px; background: url(/image/main/nameIcon.png) no-repeat left center; margin-top: 5px;}

	dl.eduList dd {background-color: #fff; padding: 15px 10px;}
	dl.eduList dd.btn {padding: 15px 10px; text-align: center; font-size: 0; height: auto;}
	dl.eduList dd.btn a {display:block; box-sizing:border-box; color: #fff; text-decoration: none; background-color: #072651; font-size: 14px; padding: 10px 0; box-shadow: 0 0 10px rgba(0,0,0, 0.2);}
	dl.eduList dd.btn a span {background-image: url(/image/main/btn_more.png); background-repeat: no-repeat; background-position: right center; font-size: 14px; padding: 10px 20px 10px 0;}
	dl.eduList dd.btn a:first-child {background-color: #0081d7; padding-right: 0;}
	dl.eduList dd.btn a:first-child span {background-image: url(/image/main/interestBtn.gif); background-position: 5px center; padding-left: 30px;}
	dl.eduList dd.btn a:first-child.on span {background-image: url(/image/sub/main_icon_star2_on.png);}


/* 슬라이드 작동 시 (3개 이상) */
div.main div.bx-viewport {height: auto !important;}
	div.main div.bx-wrapper {padding: 0 0 0 0;}
	div.main div.bx-wrapper dl.eduList {margin-right: 25px; width: auto;}
	
	div.main div.eduWrap + p.btnArea,
	div.main div.bx-wrapper + p.btnArea {margin: 20px 0; padding: 0 10px;}
	div.main div.bx-wrapper + p.btnArea a {display:block; text-decoration: none; text-align: center; color: #271f6f; padding: 10px 0; border-radius: 35px; border: 1px solid #271f6f; font-size: 13px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0, 0.3);}

/* 게시판 */
	div.notice {position: relative; background-color: #fff; padding: 25px 10px 20px;}
	div.notice h3 {font-size: 16px; color: #1a1a1a; font-family: "notosanskr medium", sans-serif;}

	div.notice ul {margin-top: 20px; height: 100px; overflow: hidden;}
	div.notice ul li {position: relative; margin-bottom: 15px;}
	div.notice ul li:last-child {margin-bottom: 0;}
	div.notice ul li a {display:block; font-size: 13px; color: #1a1a1a; text-decoration: none; padding-right: 80px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	div.notice ul li span {font-size: 13px; position: absolute; top:0; right:0; color: #1a1a1a;}

	div.notice p.btn {position: absolute; top:25px; right:10px;}
	div.notice p.btn a {display:block; font-size: 11px; color: #fff; padding: 3px 0;background-color: #0081d7; border-radius: 35px; width: 70px; text-align: center;}

	div.main div.eduWrap + p.btnArea,
	div.main div.bx-wrapper + p.btnArea {margin: 20px 0; padding: 0 10px;}
	div.main div.bx-wrapper + p.btnArea a {display:block; text-decoration: none; text-align: center; color: #271f6f; padding: 10px 0; border-radius: 35px; border: 1px solid #271f6f; font-size: 15px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0, 0.3);}


/* 로그인 */
div.login {margin: 10px; border: 1px solid #ddd; border-top: 2px solid #0081d7; padding-top: 30px; text-align: center;}
	div.login > p {padding-top: 90px; background: url(/image/sub/login_img1.png) no-repeat center top; text-align: center; font-size: 18px; font-weight: 600;}
	div.login > p strong {font-family: "notosanskr bold", sans-serif; color: #0081d7;}
	div.login div.formArea {display:block; text-align: left; padding: 0 30px 30px; border-bottom: 1px solid #ddd; margin: 30px 0 0 0;}
	div.login div.formArea dl {position: relative;}
	div.login div.formArea dl dt {position: absolute; top:0; left:0; padding: 8px 0 7px 15px;}
	div.login div.formArea dl dt label {font-size: 13px; color: #aaaaaa;}

	div.login div.formArea dl dd input {display:block; width: 100%; height: 35px; border-color: #bbb; padding-left: 80px;}
	div.login div.formArea legend + dl dd input {border-bottom: 0 none;}

	div.login div.formArea p.btn {margin-top: 15px;}
	div.login div.formArea p.btn input[type="submit"] {display:block; width: 100%; height: auto; padding: 5px 0 6px; font-size: 13px; color: #fff; background-color: #0081d7;border-color: #0081d7;}
	
	ul.loginUtil {text-align: left;}
	ul.loginUtil li {}
	ul.loginUtil li:first-child {border-bottom: 1px solid #bbb;}
	ul.loginUtil li a {position: relative; display:block; text-decoration: none; color: #1a1a1a; font-size: 12px; padding: 20px 10px 20px 100px; background-color: #f3f9fb;}
	ul.loginUtil li a strong {color: #0081d7; font-family: "notosanskr medium",sans-serif; font-weight: 600; display:block; margin-bottom: 5px;}
	ul.loginUtil li a img {position: absolute; top:50%; left:20px; margin-top: -30px;}


/* 교육신청 */
	/* 교육신청 리스트 */
div.eduApply {padding: 10px 10px 50px;}
	dl.applyList {border-bottom: 1px solid #d9d9d9; padding: 20px 15px;}
	dl.applyList:last-child {margin-bottom: 0;}
	dl.applyList:first-child {border-top: 2px solid #21216a;}
	dl.applyList dt {font-family: "notosanskr bold", sans-serif; color: #282828; margin-bottom: 15px; font-size: 15px; text-align: justify;}

	dl.applyList dd {color: #666666; font-size: 13px; padding-left: 20px; background-repeat: no-repeat; background-position: left center;}
	dl.applyList dd.date {background-image: url(/image/sub/applyList_date.png);}
	dl.applyList dd.people {background-image: url(/image/sub/applyList_people.png);}
	dl.applyList dd.btn {padding: 0; margin-top: 15px; overflow: hidden;}

/* 페이저 */
dl.foldArea, dl.foldArea dt, dl.foldArea dd {margin: 0;padding: 0;}
	dl.foldArea {position: relative;margin-top: 20px;padding-bottom: 30px;}
	dl.foldArea > dt {position: absolute;left: 10px;bottom: 0;width: calc(100% - 20px); border-top: 1px solid #d7d7d7;}
	dl.foldArea > dt a {position: relative;display: inline-block;padding: 5px 38px 5px 10px !important;border-radius:0 0 5px 5px;vertical-align: top;color: #fffdfd;font-size: 12px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background-color: #444;text-decoration: none;}
	dl.foldArea > dt a:before {position: absolute;right: 13px;top: 50%;width: 15px;height: 15px;margin-top: -8px;content: "";background: url('/image/sub/search_toggle.png') center center no-repeat;background-size: 15px;}
	dl.foldArea > dt a:after {position: static;display: inline-block;vertical-align: top;content: "펼치기";margin: 0 0 0 5px;line-height: 20px;font-size: 12px;font-family: 'NotoSansKR Medium', sans-serif !important;font-weight: 500;}

	dl.foldArea > dt.view a:before {transform:rotate(180deg);}
	dl.foldArea > dt.view a:after {content: "닫기";}

	dl.foldArea > dd {display: none;padding:10px 10px 20px; background-color: #f2f4f7;}
	dl.foldArea > dd select,
	dl.foldArea > dd input{width: 100%;margin-top: 10px;}
	dl.foldArea > dd span.btn {display: block;margin-top: 10px;}

/* 교육없음 */
div.noList {text-align: center; padding: 150px 0 150px; margin: 100px 0; text-indent: -99999px; background: url(/image/sub/noData.png) no-repeat center center;}

/* 교육신청 버튼 (관심교육, 자세히보기) */
.btn .btnFavor,
.btn .btnMore {display:block; width: 49%; float: left; margin-left: 1%; box-sizing:border-box; font-size: 12px; border: 1px solid #0081d7; color: #fff; background-color: #0081d7;}

.btn .btnFavor span,
.btn .btnMore span {font-size: 12px; border: 1px solid #0081d7; color: #fff; border: 0 none; padding-right: 15px; background: url(/image/sub/applyList_btn_img2.png) no-repeat right center;}

.btn .btnFavor {background-color: #fff; border-color: #0081d7; color: #fff;}
.btn .btnFavor span {color: #0081d7; border: 0 none; padding-left: 15px; background: url(/image/sub/applyList_btn_img1.png) no-repeat left center;}
.btn .btnFavor.on span {background: url(/image/sub/applyList_btn_img1_on.png) no-repeat left center;}


/* 교육신청 */
/* 교육신청 > 상세 */
div.eduCon {padding: 15px; text-align: justify;}
div.eduCon > div.prev {padding-bottom: 15px;text-align: right;}
div.eduCon > div.prev a img {display:inline-block; vertical-align: middle; margin: 0 0 3px 10px;}

div.eduInfo {padding: 15px;border: 1px solid #d9d9d9;background-color: #f9fbfd;}
div.eduInfo h3 {color: #282828;font-size: 15px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;word-break:keep-all;}
div.eduInfo div.btn {padding: 10px 0;overflow: hidden;}

ul.brief, ul.brief li {margin: 0;padding: 0;list-style:none;}
div.eduInfo ul.brief > li {position: relative;min-height: 16px;margin-top: 10px;padding-left: 85px;color: #666;font-size: 13px;line-height: 16px;font-family: 'NotoSansKR Light', sans-serif;font-weight: 300;}
div.eduInfo ul.brief > li:first-child {margin-top: 0;}
div.eduInfo ul.brief strong {position: absolute;left: 0;top: 0;width: 85px;padding-left: 10px;box-sizing:border-box;color: #282828;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
div.eduInfo ul.brief strong:before {position: absolute;left: 0;top: 6px;width: 4px;height: 4px;content: "";border-radius:2px;background-color: #21216a;}

dl.course, dl.course dt, dl.course dd {margin: 0;padding: 0;}
dl.course {padding:15px 20px 20px;border: 1px solid #ddd;border-top: 0 none;}
dl.course > dt {color: #282828;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.course > dd.info {padding: 10px 0;color: #666;font-size: 13px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.course > dd.info:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.course > dd.info span {padding-left: 15px;background-position: left 4px;background-repeat: no-repeat;background-size: auto 12px;}
dl.course > dd.info span.point {float: left;background-image: url('/image/sub/icon_pen.png');color: #0081d7;}
dl.course > dd.info span.lecturer {float: right;background-image: url('/image/sub/icon_lecturer.png');color: #282828;}

dl.course > dd.con {padding:10px 15px;border-radius: 10px 0 10px 0;background-color: #f5fcff;color: #666;font-size: 13px;line-height: 19px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}

div.eduInfoCon div.utllArea {padding:0 0 25px;text-align: center;}

/* 신청팝업 */

div.eduApply {margin: 0 20px; padding: 50px 0;}

div.eduApply div.formArea table.inputTbl {margin-top: 20px;}
div.eduApply div.formArea td.multi label {line-height: 25px;}
div.eduApply div.formArea td.multi input {margin-top: 7px;}
div.eduApply div.formArea td.payInfo >  * {float: left;margin-top: 5px;}
div.eduApply div.formArea td.payInfo label:first-child,
div.eduApply div.formArea td.payInfo label:first-child + input {margin-top: 0;}
div.eduApply div.formArea td.payInfo label {width: 90px;line-height: 35px;}
div.eduApply div.formArea td.payInfo input {width: calc(100% - 90px);height: 35px;}
div.eduApply div.formArea p.btn {width: 100%; margin: 30px 0 0;padding-top: 15px;text-align: center;background-color: #fff;}


/* 교육수강 */

	/* 온라인 교육 */
dl.myLectureItem, dl.myLectureItem dt, dl.myLectureItem dd, dl.myLectureItem a {margin: 0;padding: 0;text-decoration: none;}
dl.myLectureItem {position: relative;margin: 20px;border: 1px solid #e5e5e5;color: #282828;font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}

dl.myLectureItem > dt {padding:15px 15px 5px;color: #282828;font-family: 'NotoSansKR Medium', sans-serif;font-size: 15px;font-weight: 500;}
dl.myLectureItem > dd {padding: 0 15px;}
dl.myLectureItem p.period {margin: 0;padding: 0 0 15px;border-bottom: 1px solid #ddd;}

	/* 진행율 */
.graph {position: relative;height: 15px;margin: 40px 0 20px;border-radius: 8px;background-color: #eeeeee;}
.graphBar {float: left;height: 15px;border-radius: 8px;background-color: #0081d7;}
.percent {position: absolute;right: 0;top: -25px;font-size: 13px;color: #2e4672;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}

dl.myLectureItem > dd.util {padding: 0;}
dl.myLectureItem > dd.util:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

dl.myLectureItem > dd.util a {display: block;padding: 11px 0;color: #fff;font-size: 13px;line-height: 18px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-align: center;}
dl.myLectureItem > dd.util img {display: inline-block;height: 18px;vertical-align: top;padding: 0 5px 0 0;}

dl.myLectureItem > dd.util.comp a {float: left;width: 50%;}
dl.myLectureItem a.play {background-color: #013a74;}
dl.myLectureItem a.print {background-color: #9b9c9e;}

dl.myLectureItem > dd.survey {position: absolute;right: 160px;top: 50%;width: 160px;height: 100px;margin-top: -50px;border-left: 1px solid #e5e5e5;}
dl.myLectureItem > dd.survey a, dl.myLectureItem > dd.survey img {display: block;margin: 0 auto;}
dl.myLectureItem > dd.survey > img {margin-top: 42px;}
dl.myLectureItem > dd.survey img + a {margin-top: 10px;}

dl.myLectureItem div.state {position: absolute;left: 0;top: -25px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;color: #9d9d9d;}
dl.myLectureItem div.state span.ready {color: #e21b44;}
dl.myLectureItem div.state span.ing {color: #309ed0;}
dl.myLectureItem div.state span.comp,
dl.myLectureItem div.state span.notComp,
dl.myLectureItem div.state span.notComp_ing {display: inline-block;width: 50px;padding: 2px 0;font-size: 11px;line-height: 13px;text-align: center;}
dl.myLectureItem div.state span.comp {background-color: #172757;color: #fff;border:1px solid #172757;}
dl.myLectureItem div.state span.notComp {background-color: #ededed;color: #888;border:1px solid #ccc;}
dl.myLectureItem div.state span.notComp_ing {width: 75px; background-color: #ededed;color: #f00;border:1px solid #ec8e8e;}


/* 강의  목록 */
dl.lectureBrief, dl.lectureBrief * {margin: 0;padding: 0;text-decoration: none;}
dl.lectureBrief {position: relative;padding: 25px 10px;border-bottom: 7px solid #f2f4f7;}
dl.lectureBrief:after {position: absolute;left: 0;bottom: -6px;width: 100%;height: 1px;content: "";background-color: #ddd;}
dl.lectureBrief > dt {font-family: 'NotoSansKR Medium', sans-serif;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.lectureBrief > dd {}
dl.lectureBrief .period {padding-bottom: 20px;color: #666;font-size: 14px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}

dl.lectureBrief div.btn {padding: 0; text-align: right;}
dl.lectureBrief + div.btn {padding: 10px 10px; text-align: right;}
dl.lectureBrief ~ p.note {padding: 10px 0 0; margin: 0 10px 30px;background-position: 0 11px;}

div.lectureCon {padding: 0 10px 25px;}
div.lectureCon table.tblDef {margin-top: 20px;}
div.lectureCon table.tblDef:first-child {margin-top: 0;}
div.lectureCon table.tblDef th {text-align: left;}

div.lectureCon td a {margin-left: 5px;}
div.lectureCon td a:first-child {margin-left: 0;}

a.btnReplay {display: inline-block;padding: 4px 10px;vertical-align: top;color: #fff;background-color: #444;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-decoration: none;}
a.btnPlay {display: inline-block;padding: 3px 10px;border: 1px solid #013a74;vertical-align: top;color: #013a74;background-color: #fff;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-decoration: none;}
a.btnExam {display: inline-block;padding: 4px 10px;vertical-align: top;color: #fff;background-color: #309ed0;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-decoration: none;}
p.note {padding-left: 20px !important;color: #333;font-size: 13px;line-height: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;background: url('/image/icon/icon_info.png') 0 1px no-repeat;background-size: 14px;}

ul.conMenu {border-bottom: 1px solid #dcdcdc; font-size: 0; height: 39px; overflow: hidden;}
ul.conMenu li {display:block; width: 50%; float: left; box-sizing:border-box;}
ul.conMenu li:first-child {margin-left: 0;}
ul.conMenu li a {display:block; text-decoration: none; font-size: 15px; padding: 5px 0 10px; color: #777; text-align: center;}
ul.conMenu li.on a {border-bottom: 3px solid #0081d7; color: #0081d7;}



/* 강의듣기 */


div#player {position: relative;}
h1.pageTit {margin: 0;padding: 9px 0;text-align: center;color: #fff;font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background-color: #0081d7;}

.goList {margin: 0;}
.goList a {display: block;padding: 13px 0 14px 20px;color: #fff;font-size: 14px;line-height: 18px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;background-color: #013a74;text-decoration: none;}
.goList img {display: inline-block;width: 12px;padding: 3px 5px 0 0;vertical-align: top;}


div.vodArea {position: relative; height: 230px;background: #7f7f7f url('/image/sub/play.png') center center no-repeat;background-size: 99px;}
div.vodArea a.play {position: absolute;left: 50%;top: 50%;width: 46px;height: 35px;margin: -18px 0 0 -23px;}

ul.eduList, ul.eduList li, ul.eduList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.eduList {padding: 10px 15px;border-bottom: 1px solid #ddd;}
ul.eduList:after {clear: both;display: block;height: 0;line-height: 0;content: "";}

ul.eduList li {float: left;width: calc(34% - 10px);margin-left: 10px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-align: right;}
ul.eduList li:first-child {margin-left: 0;text-align: left;}
ul.eduList li.current {width: 32%;padding: 3px 0 5px;border-radius: 15px;color: #fff;font-size: 15px;text-align: center;background-color: #333;}

ul.eduList a {display: block;font-size: 13px;line-height: 30px;color: #aaa;}
ul.eduList img {display: inline-block;width: 22px;padding: 4px 5px 0;vertical-align: top;}

div.playerUtil {position: relative;padding: 25px 20px;border-bottom: 7px solid #f2f4f7;}
div.playerUtil:after {position: absolute;left: 0;bottom: -6px;width: 100%;height: 1px;content: "";background-color: #ddd;}

div.playerUtil div.bdArea {overflow: hidden;border: 1px solid #a8bde9;border-radius:4px;}
div.playerUtil div.graph {margin: 50px 20px 20px;}
div.playerUtil div.percent {width: 100%;top: -30px;text-align: right;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;font-size: 18px;}
div.playerUtil div.percent:before {position: absolute;left: 0;top: 0;content: "현재 강의 진도율";font-size: 13px;line-height: 27px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}

div.playerUtil .download {margin: 0;}
div.playerUtil .download a {display: block;padding: 10px 0 11px;font-size: 14px;line-height: 19px;color: #013a74;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-decoration: none;text-align: center;background-color: #f1f8fe;}
div.playerUtil .download img {display: inline-block;height: 15px;padding: 2px 5px 0 0;vertical-align: top;}
div.playerUtil p.note {margin: 10px 0 20px;}

div.playerUtil .btn.btn2ea > a {width: calc(45% - 10px);}
div.playerUtil .btn.btn2ea > a:first-child {width: 55%;}
div.playerUtil .btn a {padding: 0;}
div.playerUtil .btn img {display: inline-block;width: 15px;padding: 14px 5px 0;vertical-align: top;}

div#player dl.course {margin:25px 20px;border: 1px solid #ddd;}

dl.lecture, dl.lecture dt, dl.lecture dd, dl.lecture a {margin: 0;padding: 0;text-decoration: none;}
dl.lecture {border-bottom: 1px solid #e5e5e5;}
dl.lecture a.trigger {display: block;padding: 13px 40px 14px 20px;font-size: 13px;line-height: 20px;color: #333;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
dl.lecture a.trigger:after {position: absolute;right: 25px;top: 50%;width: 15px;height: 9px;margin-top: -5px;content: "";background: url('/image/sub/toggle.png') center center no-repeat;background-size: 15px;opacity: .6;}
dl.lecture .view a.trigger {font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.lecture .view a.trigger:after {transform:rotate(180deg);opacity: 1;}
dl.lecture > dd {padding: 15px 20px;background-color: #f2f4f7;}
dl.lecture div.lecturerBrief {padding: 20px;background-color: #fff;font-size: 13px;line-height: 20px;color: #666;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
dl.lecture div.lecturerBrief span {display: block;padding-left: 20px;color: #333;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background: url('/image/sub/icon_lecturer.png') 0 2px no-repeat;background-size: 13px;}

dl.course, dl.course dt, dl.course dd {margin: 0;padding: 0;}
dl.course {padding:15px 20px 20px;border: 1px solid #ddd;border-top: 0 none;}
h4.subTit + dl.course  {border-top: 1px solid #ddd;}
dl.course > dt {padding-left: 25px;color: #333;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background: url('/image/sub/edu_bl.png') 0 4px no-repeat;background-size: 18px;}
dl.course > dd.lecturer {padding: 10px 0;color: #666;font-size: 13px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.course > dd.lecturer strong {position: relative;display: inline-block;padding-right: 20px;color: #172757;vertical-align: top;font-weight: 500 !important;}
dl.course > dd.lecturer strong:after {position: absolute;right: 8px;top: 50%;width: 1px;height: 10px;margin-top: -5px;content: "";background-color: #959595;}
dl.course > dd.con {padding:10px 15px;background-color: #f2f4f7;color: #666;font-size: 13px;line-height: 19px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}



div#popupAlert {top: 50%;height: 240px;margin-top: -120px;border-radius:10px;}
div#popupAlert h1 {display: none;}
div#popupAlert div.popupCon {height: auto;padding: 25px 0 26px;text-align: center;color: #333;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
div#popupAlert div.popupCon > img {display: block;width: 85px;margin: 20px auto;}
div#popupAlert a.play {display: block;width: 160px;margin: 10px auto 0;padding: 8px 0 9px;border: 1px solid #0081d7;border-radius:18px;text-decoration: none;color: #0081d7;font-size: 13px;line-height: 16px;}
div#popupAlert a.play img {display: inline-block;height: 12px;padding: 2px 5px 0 0;vertical-align: top;}

/* 팝업 > 강의보기 */
div#popupLecture {padding: 20px;border: 3px solid #dcdcdc;box-sizing:border-box;}
div#popupLecture h1 {padding: 0 35px 15px 0;border-bottom: 1px solid #d2d2d2;color: #333;font-size: 16px;line-height: 22px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}

div#popupLecture div.popupCon {padding: 25px 0 0;}
.quizStep {position: absolute;right: 20px;top: 20px;font-family: 'Montserrat-Hairline', sans-serif;font-size: 14px;line-height: 22px;color: #b3b3b3;}
.quizStep span {font-family: 'Montserrat-Bold', sans-serif;color: #000;font-size: 20px;}

div#popupLecture .formArea {position: relative;}
div#popupLecture .formArea h2 {font-size: 14px;line-height: 22px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;color: #3152ad;}
div#popupLecture .formArea .quizCon {font-size: 14px;line-height: 1.5;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;color: #333;}
div#popupLecture .formArea .quizCon .img {padding-top: 20px;}
div#popupLecture .formArea .quizCon img {display: block;max-width:100%;}

div#popupLecture dl.survey {}
div#popupLecture dl.survey > dt span {display: block;color: #3152ad;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;line-height: 1.2;}
div#popupLecture dl.survey > dt {margin-top: 25px;color: #282828;font-size: 14px;}
div#popupLecture dl.survey > dt:first-child {margin-top: 0;}
div#popupLecture dl.survey > dt span {margin-top: 3px;}
div#popupLecture dl.survey > dd {}

ul.choice, ul.choice li, ul.choice a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.choice {padding:10px 0 0;}
ul.choice li {padding-top: 15px;}
ul.choice a {position: relative;display: block;padding: 13px 25px 12px 25px;border: 2px solid #f8f8f8;border-radius: 5px;background-color: #f2f4f7;color: #333;font-size: 14px;line-height: 1.2;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
ul.choice a:after {position: absolute;right: 25px;top: 50%;width: 45px;height: 14px;margin-top: -7px;content: " ";}
ul.choice a.correct,
ul.choice a.incorrect {padding-right: 80px;}
ul.choice a.answer_select {border-color: #00aad5;background-color: #00aad5;color: #fff;}
ul.choice a.correct {border-color: #309ed0;background-color: #309ed0;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
ul.choice a.incorrect {border-color: #e6385b;background-color: #fff;color: #e6385b;}

ul.choice a.correct:after {background: url('/image/sub/icon_correct.png') 0 0 no-repeat;background-size: auto 14px;}
ul.choice a.incorrect:after {background: url('/image/sub/icon_incorrect.png') 0 0 no-repeat;background-size: auto 14px;}

div#popupLecture .btnArea {position: relative;padding-top: 30px;text-align: center;font-size: 0;line-height: 0;}
div#popupLecture .btnArea > * {display: inline-block;vertical-align: top;height: 45px;margin-left: 10px;font-size: 13px;line-height: 22px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;box-sizing:border-box;}
div#popupLecture .btnArea > *:first-child {margin-left: 0;}

div#popupLecture .btn > * {min-width: 115px;padding: 10px 20px 12px;line-height: 23px;font-size: 14px;}
div#popupLecture .btn a img {display: inline-block;height: 15px;vertical-align: top;padding:4px 0 0 10px;}


div#popupLecture .result {padding: 15px 0;text-align: center;}
div#popupLecture .result .con {padding-top: 25px;font-size: 26px;color: #282828;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
div#popupLecture .result table.tblDef {width:50%;margin: 0 auto;}
div#popupLecture .result table.tblDef td {font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}

div.surveyComp {padding: 30px 0;text-align: center;}
div.surveyComp a, div.surveyComp img {display: inline-block;vertical-align: top;}
div.surveyComp > img {margin-right: 15px;}
div.surveyComp > img:first-child {display: block;margin: 0 auto 45px;}


/* 교육신청 / 취소 */
div.bbs {}
div.bbs > p.note {margin: 0 10px;}

ul.bbsList, ul.bbsList li, ul.bbsList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.bbsList {margin:0 20px;border-top: 2px solid #3152ad;}
ul.bbsList > li {border-bottom: 1px solid #e5e5e5;}
ul.bbsList a {display: block;padding: 10px;color: #666;font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
ul.bbsList span.tit {position:relative;overflow:hidden;display: inline-block;max-width:100%;vertical-align: top;color: #333;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
ul.bbsList span.info {display: block;}
ul.bbsList span.info > span {position: relative;display: inline-block;padding-right: 20px;}
ul.bbsList span.info > span:after {position: absolute;right: 10px;top: 50%;width: 1px;height: 10px;margin-top: -4px;content: "";background-color: #666;}

img.lock {display: inline-block;width: 11px;padding: 3px 5px 0 0;vertical-align: top;}

ul.bbsList a.new span.tit {padding-right: 20px;background: url('/image/icon/icon_new.png') right center no-repeat;background-size: 17px;}

dl.bbsBrief, dl.bbsBrief dt, dl.bbsBrief dd, dl.bbsBrief a {margin: 0;padding: 0;text-decoration: none;}
dl.bbsBrief {}
dl.bbsBrief > dt {padding: 25px 20px 10px;color: #333;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.bbsBrief > dt.lock {padding-left: 40px;}
dl.bbsBrief > dt.lock .lock {position: absolute;left: 20px;top: 25px;}
dl.bbsBrief > dd.info {padding: 0 20px 15px;text-align: right;color: #666;font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
dl.bbsBrief > dd.info span {position: relative;display: inline-block; padding-right: 20px;}
dl.bbsBrief > dd.info span:last-child {padding-right: 0;}
dl.bbsBrief > dd.info span:last-child::after {display:none;}
dl.bbsBrief > dd.info span:after {position: absolute;right: 10px;top: 50%;width: 1px;height: 10px;margin-top: -4px;content: "";background-color: #666;}
dl.bbsBrief > dd.link {border-top: 1px solid #e5e5e5;padding: 7px 20px 9px;background-color: #f2f4f7 text-align: left;}
dl.bbsBrief > dd.link a {display: inline-block;padding-left: 20px;color: #333;font-size: 12px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background: url('/image/icon/icon_link.png') 0 5px no-repeat;background-size: 11px;}

.bbsCon {padding:25px 20px;color: #666;}

ul.attach, ul.attach li, ul.attach a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.attach {padding: 10px 20px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; background-color: #ffffff;}
ul.attach a {display: inline-block;padding-left: 20px;;color: #333;font-size: 13px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 600;background: url('/image/icon/icon_attach.png') 0 5px no-repeat;background-size: 10px;}

table.bbs {width: calc(100% - 20px);margin: 25px 10px;}
table.bbs span.btn {display:inline-block; vertical-align: middle;}
div.bbs table.bbs td {text-align: left;}
table.bbs + table.bbs {margin-top: 0;}

div.bbsUtil {text-align: center;}

p.note {padding-left: 20px !important;color: #333;font-size: 13px;line-height: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;background: url('/image/icon/icon_info.png') 0 1px no-repeat;background-size: 14px;}

/* 개인정보 확인 */
div.myInfo {padding: 10px;}
div.myInfo div.note {padding:5px 0 15px;text-align: right;}

div.myInfo table.tblDef {width: 100%;}

/* 공지사항 */

/* 검색 */
div.searchArea {margin: 15px;padding:20px 15px;border: 3px solid #eee;background-color: #f9fbfd;}
div.searchArea div.basic {position: relative; padding-left: 85px;}
div.searchArea div.basic select {position: absolute;left: 0;top: 0;width: 85px;height: 40px;border: 1px solid #bbb;}
div.searchArea div.basic input[type=text] {width: 100%;padding:5px 50px 5px 10px;border: 1px solid #bbb;border-left: 0 none;}
div.searchArea div.basic span.btn {position: absolute;right: 0;top: 0;width: 50px;height: 40px;background: #fff url('/image/icon/icon_search.png') center center no-repeat;background-size: 11px;box-sizing:border-box;}
div.searchArea div.basic span.btn * {display: block;width: 100%;height: 100%;padding: 0;border: 0 none;opacity: 0;}

div.searchArea dl {}
div.searchArea dl:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.searchArea dt, 
div.searchArea dd {float: left;padding-top: 10px;}
div.searchArea dt {clear: both;width: 85px;line-height: 45px;}
div.searchArea dd {width: calc(100% - 85px);}
div.searchArea dd select {width: 100%;}

/* 공지사항 */

div.bbs {padding: 10px;}
div.bbs p.home {text-align: right;}
div.bbs p.home a {display: inline-block;padding: 4px 15px;border-radius:15px;border: 1px solid #66c500;color: #66c500;font-size: 12px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-decoration: none;}
div.bbs p.home img {display: inline-block;height: 20px;padding-right: 5px;vertical-align: top;}

div.bbs div.searchArea {margin: 15px 0;border: 0 none;padding: 0;background-color: transparent;}
div.bbs div.basic span.btn {border: 1px solid #bbb;border-left: 0 none; background-size: 14px;}
div.bbs span.info {text-align: right;}

ul.bbsList, ul.bbsList li, ul.bbsList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.bbsList {border-top: 2px solid #0081d7;}
ul.bbsList > li {border-bottom: 1px solid #e5e5e5;}
ul.bbsList a {display: block;padding: 10px;color: #666;font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
ul.bbsList span.tit {position:relative;overflow:hidden;display: inline-block;max-width:100%;vertical-align: top;color: #666;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}

ul.bbsList span.info {display: block; text-align: left;}
ul.bbsList span.info span.name {display: inline-block;}

ul.bbsList a.new span.tit {padding-right: 25px;background: url('/image/icon/icon_new.png') right center no-repeat;background-size: 17px;}
ul.bbsList a.lock span.tit {padding-left: 15px;background: url('/image/icon/icon_lock.png') left center no-repeat;background-size: auto;}

dl.bbsBrief, dl.bbsBrief dt, dl.bbsBrief dd, dl.bbsBrief a {margin: 0;padding: 0;text-decoration: none;}
dl.bbsBrief {border-top: 1px solid #21216a;}
dl.bbsBrief > dt {padding: 10px 10px 0;color: #333333;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.bbsBrief > dt img {display:inline-block; vertical-align: baseline; margin-right: 5px;}
dl.bbsBrief > dd.info {padding:5px 10px 10px;border-bottom: 1px solid #e5e5e5;text-align: right;color: #666;font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300; text-align: right;}
dl.bbsBrief > dd.info:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}


dl.bbsBrief > dd.info img {display: inline-block;width: 11px;padding: 3px 5px 0 0;vertical-align: top;}

dl.bbsBrief > dd.link {overflow: hidden; padding: 7px 10px 9px; background-color: #f2f4f7;}
dl.bbsBrief > dd.link a {padding-left: 20px;color: #333;font-size: 12px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background: url('/image/icon/icon_link.png') 0 5px no-repeat;background-size: 11px;}

.bbsCon {padding:25px 20px;color: #666;}

table.bbs {width: calc(100% - 10px);margin: 25px 5px;}
table.bbs + table.bbs {margin-top: 0;}

div.bbsUtil {text-align: center;}

p.note {margin: 0;padding: 0;color: #ff4200;font-size: 12px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}


/* 서비스 소개 */
div.ing {box-sizing:border-box; text-indent: -99999px; max-width: 356px; height: 436px; background: url(/image/sub/ingBg.png) no-repeat center center; margin: 100px auto;	background-size: 90% auto;}


/* FAQ */
div.faq {margin-top: 10px; padding: 0 10px;}
div.faq table.tblDef thead th {padding: 10px 15px 11px; color: #0081d7; font-size: 13px; background-color: #f2f4f7;}

div.faq table.tblDef th {padding: 0;color: #333;}
div.faq table.tblDef tbody th {background-color: #fff;} 
div.faq table.tblDef th a.faqTrigger {display:block; text-decoration: none; padding: 10px 15px 11px; text-align: left; color: #333; background-image: url(/image/sub/faqTrigger_off.png); background-repeat: no-repeat; background-position: right center;}
div.faq table.tblDef th a.faqTrigger.view {background-image: url(/image/sub/faqTrigger_on.png);}

div.faq table.tblDef td.toggleCon {border-top: 1px solid #e5e5e5;padding: 10px 15px 10px 40px;background: #f3f9fb url('/image/sub/faqBg_a.png') 14px 14px no-repeat;background-size: 10px;color: #282828;ont-size: 13px;line-height: 20px; font-family: "notosanskr demilight", sans-serif; font-weight: 600;}

/* 운영 규정 */
div.rule{font-size: 13px; font-weight: 400; padding: 10px;}

div.rule dt {margin: 10px 0 5px;}
div.rule ul *, div.rule p{color: #606060 !important;}
div.rule p + ul{margin-top: 10px;}

div.rule h3.ruleTit{font-size: 18px; color: #21216a; font-weight: 600;}
div.rule h4{font-weight: 600; font-size: 15px; color: #000; margin: 20px 0 10px;}

div.rule ul{padding-left: 10px;}
div.rule ul li{margin-bottom: 5px; list-style:none;}
div.rule ul li:last-child{margin-bottom: 0;}


/* 등록비 안내 */
div.paymentInfo {padding: 20px 10px;}
	div.paymentInfo dl {padding: 20px; box-sizing:border-box; border: 1px solid #e5e5e5; margin-top: 30px;}
	div.paymentInfo dl:first-child {margin-top: 0;}
	div.paymentInfo dl dt {margin-bottom: 10px; font-size: 20px; color: #072651; font-weight: 600;}

	div.paymentInfo dl dd table th {font-size: 12px;}
	div.paymentInfo dl dd table td {text-align: left;}
	div.paymentInfo dl dd table .btn a {display:block; font-size: 12px; padding: 4px 0 5px; width: 70px;}
	div.paymentInfo dl dd table td.btn a:first-child {margin-left: 0;}
	div.paymentInfo dl dd table .btn a:first-child + a {margin-top: 5px;}
	div.paymentInfo dl dd table span.btn {display:block; vertical-align: middle; margin-top: 5px;}




/* 시험 추가 2023-02-01 */
div.examInfo {padding: 20px 10px;}
div.examInfo .bgBox {padding: 15px;background-color: #f2f8fb;}
div.examInfo .bgBox p {margin-top: 10px;}
div.examInfo .result {padding: 30px 0;text-align: center;line-height: 35px;color: #36435e;font-size: 27px;}
div.examInfo .result:before {display: inline-block;vertical-align: top;width: 32px;height: 35px;margin-right: 5px;background: url('/image/icon/bl_result.png') center top no-repeat;background-size: auto 35px;content: '';}
div.examInfo .result strong {color: #ff3867;}

div.examInfo .btn.btnArea > * {min-width: 130px !important;}
div.examInfo .btn.btnArea > * img {display: inline-block;vertical-align: top;height: 15px;margin: 14px 0 0 5px;}

div.examInfo .tblDef + .tblDef {margin-top: 15px;}

div.examArea {padding: 20px 10px;}

dl.examItem, dl.examItem dt, dl.examItem dd {margin: 0;padding: 0;}
dl.examItem {margin-top: 30px;}
dl.examItem:first-of-type {margin-top: 0;}
dl.examItem dt {margin-top:10px; margin-bottom: 10px;color: #36435e;font-size: 15px;line-height: 24px;font-family: 'NotoSansKR Medium', sans-serif;}

dl.examItem dd.examImg,
dl.examItem dd.examCon {margin-bottom: 10px;} 

.examImg {}
.examImg ul, .examImg li {margin: 0;padding: 0;list-style: none;}
.examImg li {margin-bottom: 10px;height: 170px;}
.examImg img {display: block;width: 100%;height: 100%;}

dl.examItem dd.examCon {padding: 15px 10px;font-size: 15px;line-height: 25px;}
dd.examCon ul, dd.examCon li {margin: 0;padding: 0;list-style: none;}

dd.examCon li  {display: inline-block;vertical-align: top;padding: 0 10px;}

dl.examItem ul.option {}
dl.examItem ul.option li {margin-top: 10px;font-size: 15px;line-height: 25px;}
dl.examItem ul.option input[type=radio],
dl.examItem ul.option input[type=checkbox] {top: 6px;}

dl.examItem ul.option.withImg {overflow: hidden;}
dl.examItem ul.option.withImg img {display: inline-block;vertical-align: top;width: 200px;height: 185px;margin-left: 5px;}

div.examArea .btn span {position: relative;}
div.examArea .btn span > input.opacity0 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

div.examArea .btn  > * {min-width: 130px !important;}
div.examArea .btn span {line-height: 43px;}
div.examArea .btn img {display: inline-block;vertical-align: top;height: 15px;margin: 14px 0 0 5px;}


ul.examMenu, ul.examMenu li, ul.examMenu a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.examMenu {font-size: 0;line-height: 0;margin-bottom: 20px;}
ul.examMenu li {display:inline-block;vertical-align: top;width: calc(100% / 4);text-align: center;}
ul.examMenu li a {display:block; color: #363535; background-color: #fff; font-family: 'NotoSansKR Regular'; font-size: 14px;line-height: 20px;text-align: center; padding: 10px 0 10px;text-decoration: none; border-left: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;}
ul.examMenu li:last-child a {border-right: 1px solid #bbbbbb;}
ul.examMenu li.on a {background: #0081d7; color: #fff; border-color: #0081d7;}

div.resultArea {}	

div.resultArea .option {}
div.resultArea .option input[type=radio]{appearance:none;position: absolute;top: 50% !important;left: 0;transform: translateY(-50%);display: block;width: 13px;height: 13px;border-radius: 50%;background-color: #e8e8e8;background-repeat: no-repeat;background-position: center center;border: 1px solid #c5c5c5;content: '';}

div.resultArea .correct {color: #0081d7;font-family: 'NotoSansKR Medium', sans-serif;}
div.resultArea .correct input[type=radio]:checked {background-image: url('/image/icon/bl_correct.png');}
div.resultArea .incorrect {color: #ff3867;}
div.resultArea .incorrect input[type=radio]:checked {background-image: url('/image/icon/bl_incorrect.png');}


/* 공통 */
.btn .btnDef {background-color: #0081d7; border-color: #0081d7; color: #fff;}
.btn .btnPoint {background-color: #5b6e90; border-color: #5b6e90; color: #fff !important;}
.btn .btnBdDef {background-color: #fff; border-color: #0081d7; color: #0081d7;}
.btn .btnBdNavy {background-color: #fff; border-color: #072651; color: #072651;}
.btn .btnNavy {background-color: #072651 !important; color: #fff; border-color: #072651 !important;}
.btn .btnGrey {background-color: #828995 !important; border-color: #828995 !important; color: #fff !important;}
.btn a.survey {padding: 4px 15px 6px !important;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-align: left !important;}
.btn a.survey img {display: inline-block;height: 15px;vertical-align: top;padding: 2px 5px 0 0;}
.btn a.list {position: relative;width: 53px;padding:9px 45px 9px 15px !important;border-color: #b5b5b5;color: #666;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-align: left !important;}
.btn a.list img {position: absolute;right: 20px;top: 50%;height: 12px;margin-top: -6px;}
.btn .btnBdGrey {background-color:#fff;border-color:#828995;color:#828995 !important;}
.btnBdPoint {background-color:#fff !important;border-color:#00aad5 !important;color:#00aad5 !important;}
.btnBlue {background-color:#3152ad !important;border-color:#3152ad !important;color:#fff !important;}


table.tblDef,
table.inputTbl {border-top: 2px solid #0081d7; font-size: 13px;}

table.tblDef tr > *,
table.inputTbl tr > * {border-bottom: 1px solid #e5e5e5 !important; padding: 8px 10px 9px;}
table.tblDef tr:last-child > *,
table.inputTbl tr:last-child > * {border-bottom: 0 none;}

table.tblDef th ,
table.inputTbl th {background-color: #f2f4f7; color: #666; text-align: center !important; font-weight: 600; font-family: "notosanskr medium", sans-serif;}

table.border {}
table.border > * > tr > * {border-left:1px solid #dddddd;}
table.border > * > tr > *:fist-chuld {border-left: 0 none;}

p.eduNone {margin: 100px 0;}
	p.eduNone {text-align: center; color: #2d2d2d; font-size: 26px;}
	p.eduNone strong {color: #000;}
	p.eduNone img {display:block; margin: 0 auto 20px;}