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


.fcRed {color:#ec0b30 !important;}
.fcPoint {color:#870640 !important;} /* 연두색 */
.fcBlue {color:#2f56e8 !important;} /* 파란색 */



/* 레이아웃 */
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;height: 45px;padding: 0 45px;background-color: #fff;box-sizing:border-box; border-bottom: 1px solid #ddd;}
div#headerWrap.login {box-shadow: 0 5px 10px rgba(0,0,0, 0.1);}

div#headerWrap h1 {z-index: 10; position: relative; text-align: center; padding: 7px 0;}
div#headerWrap h1 a {display:block;}
div#headerWrap h1 a img {display:inline-block;}

div#headerWrap h1 + p {z-index: 0; position: absolute; top:0; left:0; width: 100%;}
div#headerWrap h1 + p a {padding: 14px 11px 15px;}
div#headerWrap h1 + p a:last-child {padding: 8px 11px 9px 10px;}

div.gnbWrap {z-index: 100; position: fixed; top:0; left:-100%; background-color: #870640; width: 100%; height: 100%; padding: 225px 0 0 0; transition:all 0.5s;}
div.gnbWrap.view {left:0; transition:all 0.5s;}
div.gnbWrap a {display:block; text-decoration: none;}

ul#gnb {position: relative; height: 100%; width: 100%; font-size: 0; background-color: #f9f9f9;}
ul#gnb li {}
ul#gnb li a {color: #000; background-color: #f9f9f9; padding: 15px 10px; font-size: 15px; border-top: 1px solid #d7d7d7; background-image: url(/image/sub/gnbArr_on.png); background-repeat: no-repeat; background-position: right center;}
ul#gnb li a img {display:inline-block; vertical-align: middle; margin-right: 10px; width: 16px;} 
ul#gnb > li.on > a {background-image: url(/image/sub/gnbArr_off.png);}
ul#gnb li:nth-child(2) a,
ul#gnb li:nth-child(3) a {background: none;}

ul#gnb ul {display:none; font-size: 0; text-align: center; border-top: 1px solid #d7d7d7;}
ul#gnb ul li {display:inline-block;}
ul#gnb ul li a {color: #737373 !important; font-size: 12px; background-image: none; border-top: 0 none; border-bottom: 0 none; padding: 20px 5px;}
ul#gnb ul li a img {display:block; margin: 0 auto 5px; width: auto;}

ul.gnbUtil {position: absolute; top:175px; left:0; width: 100%; background-color: transparent; border-top: 1px solid #510125;}
ul.gnbUtil li {display:block; float: left; width: 50%; border-right: 1px solid #510125; box-sizing:border-box;}
ul.gnbUtil li a {color: #fff; padding: 15px 0 14px; text-align: center;}

div.loginWrap {position: absolute; top:0; left:0; margin-top: 63px; width: 100%; color: #fff; text-align: center;}
div.loginWrap span {font-size: 16px; display:block;}
div.loginWrap a {display:inline-block; font-size: 15px; color: #870640; background-color: #fff; padding: 6px 0 7px; width: 135px; text-align: center; border-radius: 35px; margin-top: 10px;}

div.gnbWrap p.home {position: absolute; top:0; left:0;}
div.gnbWrap p.home a {padding: 15px 10px;}
div.gnbWrap p.home * {display:block;}

p.closeGnb {position: absolute; top:0; right:10px;}
p.closeGnb a {display:block; text-align: center; padding: 15px 0 14px;}



div#footerWrap {padding:15px 10px; background-color: #4c4c4c;}
div#footerWrap p, div#footerWrap dl, div#footerWrap dt, div#footerWrap dd, div#footerWrap ul, div#footerWrap li, div#footerWrap address {margin: 0;padding: 0;list-style:none;}
div#footerWrap, div#footerWrap a {text-decoration: none;font-size: 10px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;color: #ababab;}

div#footerWrap address {}
div#footerWrap ul {}
div#footerWrap li {position: relative; display: inline-block; vertical-align: top;}
div#footerWrap li:before {content: "/"; color: #ababab; padding:0 3px;}
div#footerWrap li:nth-child(4):before,
div#footerWrap li:first-child:before {display: none;}



/* 서브 레이아웃*/
div.titArea {z-index: 60;position: relative;height: 40px;padding: 0 0 0 40px;background-color: #870640;}
div.titArea p.home {position: absolute;left: 0;top: 0;width: 40px;height: 40px;margin: 0;}
div.titArea p.home a {display: block;height: 100%;text-indent: -10000px;background: url('/image/common/lnb_home.png') center center no-repeat; background-size: 18px;}

dl#lnb, dl#lnb dt, dl#lnb dd, dl#lnb ul, dl#lnb li, dl#lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
dl#lnb {float: left;width: 50%;height: 40px;}
dl#lnb dt {}
dl#lnb a.trigger {display: block;padding:11px 30px 11px 10px;color: #fff;border-left: 1px solid rgba(255,255,255,.27);font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;font-size: 12px;}
dl#lnb a.trigger:after {right: 10px;top: 50%;margin: 0;width: 12px;height: 8px;margin-top: -4px;content: "";background: url('/image/common/lnb_toggle.png') center center no-repeat;background-size: 6px;}
dl#lnb .view a.trigger:after {transform:rotate(180deg);}

dl#lnb dd {background-color: #570228;}
dl#lnb li a {display: block;padding: 9px 10px 10px;color: #fff;font-size: 12px;}

.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: #870640;}






div.contents {position: relative;}

.subTit {margin: 30px 0 10px;padding: 0;color: #282828;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
.subTitBg {margin: 30px 0 10px;padding:7px 0 8px;color: #fff;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background-color: #570228;text-align: center;}
.pointTit {margin: 30px 0 10px;padding: 0;color: #870640;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
.subTit:first-child,
.subTitBg:first-child,
.pointTit:first-child {margin-top: 0;}


dl.toggleMenu, dl.toggleMenu dt, dl.toggleMenu dd, dl.toggleMenu ul, dl.toggleMenu li, dl.toggleMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
dl.toggleMenu {z-index: 50;position: relative;border: 2px solid #eee;}
div.contents > dl.toggleMenu {margin: 20px 15px 0;}
dl.toggleMenu a.trigger {padding: 9px 15px 10px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;font-size: 13px;color: #282828;}
dl.toggleMenu a.trigger:after {color: #c2c1c2;}

dl.toggleMenu > dd {position: absolute;left: -1px;top: 38px;width: 100%;border: 1px solid #bbb;border-top: 0 none;background-color: #fff;}
dl.toggleMenu > dd > * {padding: 0 15px 10px;}
dl.toggleMenu > dd li {padding-top: 5px;}
dl.toggleMenu > dd li:first-child {padding-top: 10px;border-top: 1px solid #bbb;}
dl.toggleMenu > dd a {padding:0 5px;color: #222;}

ul.subMenu {position: relative; margin: 15px 0; padding: 0 10px;}
ul.subMenu:before {position: absolute;left: 0;bottom: -2px;width: 100%;height: 2px;content: "";background-color: #dcdcdc;}
ul.subMenu li {padding-left: 10px;}
ul.subMenu li:first-child {padding-left: 0;}
ul.subMenu a {color: #777;font-size: 15px;line-height: 30px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300; padding: 0 5px;}
ul.subMenu .on a {position: relative;color: #870640;border-bottom: 3px solid #870640;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}


ul.conMenu, ul.conMenu li, ul.conMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.conMenu {position: relative;}
ul.conMenu:before {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;content: "";background-color: #dcdcdc;}
ul.conMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.conMenu > li {float: left;}
ul.conMenu a {display: block;padding: 13px 0;text-align: center;color: #888;border-bottom: 2px solid #fff;font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
ul.conMenu .on {position: relative;z-index: 10;}
ul.conMenu .on a {color: #3152ad;border-color: #3152ad;}


/* 자주색 */				.btnDef {background-color:#870640 !important;border-color:#870640 !important;color:#fff !important;}
/* 연두색 */			.btnPoint {background-color:#66c500 !important;border-color:#66c500 !important;color:#fff !important;}
/* 파란색 */			.btnBlue {background-color:#1682e6 !important;border-color:#1682e6 !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#828995 !important;border-color:#828995 !important;color:#fff !important;}
/* 하늘색 */			.btnSky {background-color:#3aafff !important;border-color:#3aafff !important;color:#fff !important;}
/* 주황색 */			.btnOrg {background-color:#ff4200 !important;border-color:#ff4200 !important;color:#fff !important;}
/* 갈색 */				.btnBrown {background-color:#55474d !important;border-color:#55474d !important;color:#fff !important;}

/* border+ 남색 */			.btnBdDef {background-color:#fff !important;border-color:#870640 !important;color:#870640 !important;}
/* border+ 연두색 */		.btnBdPoint {background-color:#fff !important;border-color:#66c500 !important;color:#66c500 !important;}
/* border+ 파란색 */		.btnBdBlue {background-color:#fff !important;border-color:#1682e6 !important;color:#1682e6 !important;}
/* border+ 회색 */			.btnBdGrey {background-color:#fff !important;border-color:#828995 !important;color:#828995 !important;}

.btn a.btnFavor {border-color: #bbbbbb;background-color: #fff;color: #870640;}
.btn a.btnFavor img {display: inline-block;height: 12px;padding: 4px 5px 0 0;vertical-align: top;}

.btn a.btnArr {position: relative;padding-left: 15px;}
.btn a.btnArr img {position: absolute;right: 10px;top: 50%;height: 11px;margin: -6px;}


.btn .btnSmall {height: 20px;font-size: 12px;}
.btn a.btnSmall {line-height: 16px;padding: 1px 15px 2px;}

.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 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;}

div.btn2ea {}
div.btn2ea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.btn2ea > * {float: right;width: calc(50% - 5px);}
div.btn2ea > *:first-child {float: left;}


ul.listBl > li {background: url('/image/common/bl_dot.png') 0 8px no-repeat;background-size: 2px;}

/* 기본 table */
table.tblDef,
table.inputTbl {border-top: 2px solid #870640;border-bottom:1px solid #e5e5e5;}

table.tblDef > * > tr > *,
table.inputTbl > * > tr > *,
table.innerTbl > * > tr > * {padding:10px;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;text-align:left;color: #666;font-size: 13px;}

table.tblDef > colgroup + table.tblDef > tbody > tr > th + td {border-left: 0 none;}


table.tblDef > * > tr > th,
table.tblDef > tfoot > tr > *,
table.inputTbl > * > tr > th,
table.innerTbl > * > tr > th {background-color:#f9fbfd;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;color: #333;}


/* 검색 */
div.searchArea {margin: 15px 10px; padding:0;}
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 #ddd;}
div.searchArea div.basic input[type=text] {width: 100%;padding:5px 50px 5px 10px;border: 1px solid #ddd;border-left: 0 none;}
div.searchArea div.basic span.btn {position: absolute;right: 0;top: 0;width: 50px;height: 40px; border: 1px solid #ddd; border-left: 0 none;background:#fff url('/image/icon/icon_search_2.png') center center no-repeat; background-size: 14px; 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 span.info {text-align: right;}





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: 15px;}
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 {padding-left: 90px;}
div.bbs div.basic input[type=text] {border: 1px solid #ddd;}
div.bbs div.basic span.btn {border: 1px solid #ddd;border-left: 0 none;background:#fff url('/image/icon/icon_search_2.png') center center no-repeat;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 #870640;}
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: 10px 10px 0;color: #282828;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background-color: #ffffff;}
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;background-color: #ffffff;text-align: right;}
dl.bbsBrief > dd.info span::before {content:"｜"; margin: 0 5px; vertical-align: top;}
dl.bbsBrief > dd.info span:first-child::before {display:none;}
dl.bbsBrief > dd.info:after {clear: both; display: block; height: 0;line-height: 0;font-size: 0;content: "";}

dl.bbsBrief > dd.info span#date {float: left;}
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;}
dl.bbsBrief > dd.link a {float: right;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.attach {border-top: 1px solid #ddd;}
table.attach > * > tr > th {color: #282828;font-size: 12px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background-color: #fff;}
table.attach th img {display: inline-block;height: 12px;padding: 4px 5px 0 0;}
table.attach a {text-decoration: none;color: #666;}

table.bbs {width: calc(100% - 40px);margin: 25px 20px;}
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.mainBnr {}
	div.mainBnr img {display:block; width: 100%;}

div.new {background-color: #870640;}
div.best {background-color: #6f6f6f;}

div.new, div.best {position: relative; padding: 25px 30px; color: #fff;}
	div.new h2, div.best h2 {color: #fff; font-weight: 600; font-size: 26px;}

	div.new p.more, div.best p.more {position: absolute; top:25px; right:20px;}
	div.new p.more a, div.best p.more a {display:block; padding: 8px 0; width: 100px;}
	div.new p.more a img, div.best p.more a img {display:block; width: 100%;}

	div.slideWrap {color: #1e1e1e; margin-right: 5px;}
	div.slideWrap div {margin-right: 5px;}
	div.slideWrap dl {background-color: #fff; color: #1e1e1e; margin-top: 10px;}
	div.slideWrap dl dt {font-size: 16px; font-weight: bold; padding: 20px 15px 0; font-family: "notosanskr medium", sans-serif;}

	div.slideWrap dd.date {margin-top: 5px; color: #4d4d4d; padding: 0 15px; font-size: 14px;}

	div.slideWrap dd.applyBtn {text-align: center; padding: 20px;}
	div.slideWrap dd.applyBtn a {display:block; text-decoration: none; color: #870640; border: 1px solid #870640; padding: 7px 0 8px; text-align: center; font-family: "notosanskr DemiLight", sans-serif; font-weight: 600;}

div.new div.bx-controls-direction, 
div.best div.bx-controls-direction {}
	div.new div.bx-controls-direction a,
	div.best div.bx-controls-direction a {position: absolute; top:50%; display:block; text-indent: -99999px; width: 18px; height: 38px; background-repeat: no-repeat; background-position: 0 0;}

	div.new div.bx-controls-direction a.bx-prev,
	div.best div.bx-controls-direction a.bx-prev {left:5px; background-image: url(/image/main/slide_prevBtn.png);}

	div.new div.bx-controls-direction a.bx-next,
	div.best div.bx-controls-direction a.bx-next {right:5px; background-image: url(/image/main/slide_nextBtn.png);}

ul.quickMenu {font-size: 0; overflow: hidden;}
	ul.quickMenu li {display:inline-block; width: 25%;}
	ul.quickMenu li a {display:block; text-align: center; font-size: 12px; text-decoration: none; color: #fff; background-color: #402f31; border-left: 1px solid #716566; padding: 20px 0;}
	ul.quickMenu li:first-child a {border-left: 0 none;}
	ul.quickMenu li a img {display:block; margin: 0 auto; height: 35px; margin-bottom: 10px;}

dl.notice {background-color: #f5f6f1; padding: 25px 10px; position: relative;}
	dl.notice dt {color: #870640; font-size: 18px; border-bottom: 1px solid #b4b5b2; padding-bottom: 10px;}
	dl.notice dt span {border-bottom: 2px solid #870640; padding-bottom: 9px;}

	dl.notice dd {}
	dl.notice dd ul {height: 260px; box-sizing:border-box; overflow: hidden;}
	dl.notice dd ul li {}
	dl.notice dd ul li a {display:block; text-decoration: none; color: #333333; padding: 15px 10px; border-bottom: 1px solid #cecfcb; text-overflow: ellipsis; overflow: hidden;
	white-space: nowrap;}

	dl.notice dd.notice_more {position: absolute; top:25px; right:10px;}
	dl.notice dd.notice_more a {display:block; padding: 7px 5px 8px;}



/* 로그인 */
div#container.bg {background-color: #f9fbfd;}

div#container.bg div.contents {padding-bottom: 1px;}
div.loginArea {position: relative; margin: 30px 15px 15px; padding: 20px; border: 1px solid #ddd; border-top: 2px solid #870640;}
div.loginArea > p {padding: 10px 0 20px;text-align: center; color: #282828;font-family: 'NotoSansKR Regular', sans-serif;font-weight: 400; font-size: 17px;}
div.loginArea > p span {color: #870640;}
div.loginArea > p img {display: block; width: 50px;margin: 0 auto 10px;}

div.loginArea div.formArea {padding: 0 0 25px 0;}

div.loginArea dl {position: relative;margin: 0;padding: 0;}
div.loginArea dt {position: absolute; left: 20px;top: 41px;margin: 0;}
div.loginArea dt:first-child {top: 0;}
div.loginArea dt label {position: relative;display: block; line-height: 40px;color: #aaa;font-size: 13px;}
div.loginArea dt img {position: absolute;left: 0;top: 50%;height: 14px;margin-top: -7px;}
div.loginArea dd {}
div.loginArea dd input {width: 100%;height: 40px;padding-left: 95px;box-sizing:border-box;border: 1px solid #bbb;}
div.loginArea dd input[type=text] {border-bottom: 0 none;}
div.loginArea p.btn {padding:10px 0 0;}

p.loginUtil {padding: 5px 30px 0;}
p.loginUtil a {display: block;padding: 10px 0;color: #666;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-decoration: none;text-align: center;}
p.loginUtil img {display: inline-block;height: 8px;padding: 6px 0 0 20px;vertical-align: top;}


/* 아이디/비밀번호 찾기 */
div.find {padding: 25px 20px;}
div.find > p {margin: 25px 0 10px;color: #172757;font-size: 15px;line-height: 24px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}

div.find .btn {padding:20px 0 40px;text-align: center;}
div.find .btn > * {}

div.find div.result {padding: 30px 0;text-align: center;font-size: 17px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background-color: #f8f8f8;}
div.find div.result span {}

div.find p.note {float: right;margin:10px 0 0;color: #333;font-size: 13px;line-height: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;text-align: right;}
div.find p.note img {display: inline-block;width: 14px;padding: 1px 5px 0 0;vertical-align: top;}
div.find p.btn {clear: both;}



/* 서비스 안내 */
div.info {padding: 10px 10px 70px;margin-bottom: 15px;border-bottom: 1px solid #ddd;background: url('/image/sub/info_bg.png') right bottom no-repeat;background-size: 235px;}
div.info p {margin: 0;padding:20px 0 0;text-align: justify;color: #282828;font-size: 13px; font-family: 'NotoSansKR Light', sans-serif;font-weight: 300; line-height: 1.7;}
div.info p:first-child {padding-top: 0;font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}


/* 규정 */
div.rule{font-size: 13px; font-weight: 400; padding: 10px;}
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;}


/* FAQ */
div.faq {padding: 15px;}
dl.faq, dl.faq dt, dl.faq dd, dl.faq p {margin: 0;padding: 0;}
dl.faq {border-bottom: 1px solid #e5e5e5;}
dl.faq:first-child {border-top: 1px solid #e5e5e5;}
dl.faq > dt {background: url('/image/sub/faqBg_q.png') 14px 14px no-repeat;background-size: 12px;}
dl.faq > dt span{display:none;}
dl.faq a.trigger {padding: 10px 25px 10px 40px; color: #282828;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-decoration: none;}
dl.faq a.trigger:after {opacity: .3;}
dl.faq .view a.trigger:after {opacity: 1;}

dl.faq > dd {border-top: 1px solid #e5e5e5;padding: 10px 15px 10px 40px;background: #fcf5f8 url('/image/sub/faqBg_a.png') 14px 14px no-repeat;background-size: 10px;color: #282828;ont-size: 13px;line-height: 20px;}

/* 교육신청 정보 */
div.applyInfo {padding: 20px 0 50px;}

dl.applyList {margin: 0 10px; border: 1px solid #ddd; padding: 15px; margin-top: 10px;}	
	
dl.infoMenu {padding: 10px; position: relative;}
	dl.infoMenu dt a {display:block; text-decoration: none; border: 1px solid #ddd; padding: 10px;}
	dl.infoMenu dt a::after {right:10px;}

	dl.infoMenu dd {z-index: 10; position: absolute; top:51px; left:10px; width: calc(100% - 22px); background-color: #fff; border: 1px solid #ddd; border-top: 0 none;}
	dl.infoMenu dd ul {overflow: hidden;}
	dl.infoMenu dd ul li {}
	dl.infoMenu dd ul li a {display:block; text-decoration: none; padding: 10px; border-bottom: 1px solid #ddd; color: #222;}
	dl.infoMenu dd ul li:last-child a {border-bottom: 0 none;}


dl.infoMenu + dl.applyList {margin-top: 0;}	
dl.applyList {position: relative;}
	dl.applyList dt {padding-right: 30px; font-size: 18px; margin-bottom: 20px;}
	span.year {display:block; width: 50px; font-size: 12px; padding: 3px 0 4px; border-radius: 35px; color: #fff; font-weight: bold; background-color: #870640; text-align: center; margin-bottom: 5px;}
	dl.applyList dd ul li {list-style:none; font-size: 14px; color: #7f7f7f;}

	dl.applyList dd.interest {position: absolute; top:15px; right:15px;}
	dl.applyList dd.btn {margin-top: 20px;}

div.eduNone {margin: 100px 0;}
div.eduNone img {display:block; width: calc(100% - 20px); padding: 10px;}




/* 교육신청*/

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: 20px;bottom: 0;width: calc(100% - 40px);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 20px 20px;background-color: #f2f4f7;}
dl.foldArea > dd select {width: 100%;margin-top: 10px;}
dl.foldArea > dd span.btn {display: block;margin-top: 10px;}

div.resultArea {padding: 25px 20px 0;}

div.noData {padding: 50px 0 100px;}
div.noData img {display: block;width: 165px;margin: 0 auto;}



/* 교육신청 > 상세 */
div.eduCon {padding: 15px;}
div.eduCon > div.prev {padding-bottom: 15px;text-align: right;}

div.eduInfo {padding: 15px;border: 1px solid #d9d9d9;background-color: #fdf9fa;}
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;}

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: 95px;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: #870640;}


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: #870640;}
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: #fdf9fa;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.eduInfoCon div.utllArea a {}


/* 진행율 */
.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: #870640;}
.percent {position: absolute;right: 0;top: -25px;font-size: 13px;color: #66c500;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}



/* 신청팝업 */
div#popupApply {}
div#popupApply div.popupCon {border-top: 2px solid #870640;height: calc(100% - 135px);margin: 0 20px;padding:0 0 50px;}

div#popupApply table.inputTbl {border-top: 0 none;}
div#popupApply td.multi label {line-height: 25px;}
div#popupApply td.multi input {margin-top: 7px;}
div#popupApply td.payInfo >  * {float: left;margin-top: 5px;}
div#popupApply td.payInfo label:first-child,
div#popupApply td.payInfo label:first-child + input {margin-top: 0;}
div#popupApply td.payInfo label {width: 90px;line-height: 35px;}
div#popupApply td.payInfo input {width: calc(100% - 90px);height: 35px;}
div#popupApply p.btn {position: absolute;left: 20px;bottom: 20px;width: calc(100% - 40px);border-top: 1px solid #e5e5e5;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: 15px;border: 1px solid #e5e5e5;color: #666;font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
dl.myLectureItem > dt {padding:15px 15px 20px;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-right: 80px; color: #282828;}
dl.myLectureItem div.graph {margin-top: 8px;}
dl.myLectureItem div.percent {top: -27px;color: #870640;}

dl.myLectureItem > dd.util {border-top: 1px solid #e5e5e5;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;background-color: #55474d;}
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 .comp a.play {background-color: #55474d;color: #fff;}
dl.myLectureItem .comp a.print {background-color: #828995;color: #fff;}
dl.myLectureItem dd.util a.list {border: 1px solid #21216a;color: #fff;}
dl.myLectureItem dd.util a.list img {display: inline-block;height: 12px;padding: 4px 0 5px 15px;vertical-align: top;}

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.lectureBrief, dl.lectureBrief * {margin: 0;padding: 0;text-decoration: none;}
dl.lectureBrief {position: relative;margin: 15px;padding: 10px 95px 10px 10px;border: 1px solid #ddd;color: #282828;}

dl.lectureBrief > dt {font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.lectureBrief > dd {font-size: 13px;}

dl.lectureBrief dd.btn {position: absolute; right: 10px;top: 10px; width: 75px; height: calc(100% - 20px);}
dl.lectureBrief dd.btn a {display: block; width: 100%;height: 100%; border-color: #570228;text-indent: -10000px;background: #570228 url('/image/sub/btn_viewAll.png') center center no-repeat;background-size: 60px;text-decoration: none;}

dl.lectureBrief + p.note {padding: 0 20px 10px;color: #282828;font-family: 'NotoSansKR Regular', sans-serif;font-weight: 400;}

div.lectureCon {padding: 0 20px 25px;}
div.lectureCon table.tblDef {margin-top: 20px;}
div.lectureCon table.tblDef:first-child {margin-top: 0;}
div.lectureCon table.tblDef th {position: relative;padding: 10px 20px; text-align: center;color: #21216a;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;background-color: #f9fbfd;}
div.lectureCon table.tblDef td {text-align: center;}
div.lectureCon table.tblDef td:first-child {text-align: left;}
div.lectureCon table.tblDef span,
div.lectureCon table.tblDef a {display: inline-block;width: 60px;padding: 5px 0;font-size: 10px;line-height: 16px;color: #fff;text-decoration: none;text-align: center;}

div.lectureCon table.tblDef .quizComp {background-color: #55474d;}
div.lectureCon table.tblDef .quiz {background-color: #870640;}
div.lectureCon table.tblDef .quizNone {background-color: #6e6e6e;}
div.lectureCon table.tblDef .rePlay {background-color: #2e4672;}
div.lectureCon table.tblDef .play {line-height: 14px;border: 1px solid #2e4672;color: #2e4672;}

div.lectureCon div.btn {padding-top: 15px;}


/* 강의듣기 */
div#player {position: relative;padding: 15px;}
div#player h2 {}



div.vodArea {height: 230px;margin: 0;border: 1px solid #e4e4e4;background: url('/image/sub/play_bg.png') center center no-repeat;background-size: 40px;}

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

ul.eduList li {float: left;margin-left: 10px;}
ul.eduList li:first-child {margin-left: 0;}

ul.eduList a {display: block;font-size: 13px;line-height: 30px;color: #828282;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
ul.eduList li.current a {color: #282828;}

div.playerUtil {position: relative;padding: 20px 0 0;}

div.playerUtil div.graph {margin: 50px 0 0;}
div.playerUtil div.percent {width: 100%;top: -30px;text-align: right;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;font-size: 18px;color: #870640;}
div.playerUtil div.percent:before {position: absolute;left: 0;top: 0;content: "현재 강의 진도율";font-size: 13px;line-height: 27px;font-weight: 500;color: #282828;}

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); background-color: #55474d; color: #fff;}
div.playerUtil .btn.btn2ea > a:first-child {width: 55%; color: #55474d; background-color: #fff;}
div.playerUtil .btn a {padding: 0;} 
div.playerUtil .btn img {display: inline-block;width: 15px;padding: 14px 5px 0;vertical-align: top;}

div#player .subTitBg {margin-bottom: 0;}

dl.download {position: relative;margin: 15px 0;padding: 0 0 0 115px;font-size: 13px;}
dl.download dt {position: absolute;left: 0;top: 0;color: #282828;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.download a {display: block;padding-left: 20px;;color: #838383;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;background: url('/image/icon/icon_attach.png') 0 5px no-repeat;background-size: 10px;text-decoration: none;}


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 55px 14px 20px;font-size: 13px;line-height: 20px;color: #333;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
dl.lecture a.trigger:after {display:none;}
dl.lecture .view a.trigger {font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background-color: #fcf5f8;}
dl.lecture .onAir a.trigger:after {display:block; position: absolute; right: 25px; top: 50%; width: 79px; height: 28px; margin-top: -14px; content: "";background: url('/image/sub/toggle.png') center center no-repeat;}
dl.lecture > dd {border-top: 1px solid #e5e5e5;padding: 15px 20px;background-color: #f9fbfd;}
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: #870640;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background: url('/image/sub/icon_lecturer.png') 0 2px no-repeat;background-size: 13px;}

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: 80px;margin: 20px auto;}
div#popupAlert a.play {display: block;width: 160px;margin: 10px auto 0;padding: 8px 0 9px;border: 1px solid #870640;border-radius:18px;text-decoration: none;color: #870640;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: #870640;}
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: #21216a;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 {}
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: 13px;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: #00aad5;background-color: #00aad5;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 div.btn > * {min-width: 115px;padding: 10px 20px 12px;line-height: 23px;font-size: 14px;}
div#popupLecture div.btn a.btnGrey {background-color: #6c6c6c !important;}
div#popupLecture div.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: 25px;font-size: 20px;color: #282828;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
div#popupLecture .result table.tblDef {}
div#popupLecture .result table.tblDef td {font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
div#popupLecture .result table.tblDef a {display: inline-block;border-color: #505d78;background-color: #505d78;color: #fff;}

div.surveyComp {padding: 50px 0 30px;text-align: center;color: #5d5d5d;font-size: 14px;}
div.surveyComp p:first-child {padding-bottom: 20px;font-size: 19px;color: #282828;}
div.surveyComp img {display: block;width: 75px;margin: 0 auto 10px;}




/* 교육신청/취소 */
table.tblEdu {width: calc(100% - 30px);margin:20px 15px;}
table.tblEdu th, table.tblEdu td {text-align: center;}
table.tblEdu tbody th {background-color: #fff;}
table.tblEdu .bg {background-color: #f9fbfd;}

/* 이수증 신청*/
div.note {padding: 10px 15px 0;color: #ff0000;font-size: 12px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}


/* 팝업 > 실물이수증 신청 */
div#popupCertifi {padding: 20px;border: 3px solid #dcdcdc;box-sizing:border-box;}
div#popupCertifi 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#popupCertifi div.popupCon {padding: 25px 0 0;}



/* 개인정보 확인 */
div.myInfo {padding: 15px;}
div.myInfo div.note {padding:5px 0 15px;text-align: right;}
div.myInfo table.tblDef > * > tr > * {border-left: 0 none;}




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


.noList {text-align: center; margin: 100px 20px;}
.noList img {display:inline-block; width: 100%;}



/* 교육신청 서브메뉴 스크롤 및 토글다운 메뉴 관련 css 210208*/
div.subMenuWrap {position: relative; overflow-x: auto; overflow-y: visible; border-bottom: 2px solid #dcdcdc; margin: 0 0 15px; height: 50px;}

div.subMenuWrap div.scrollWrap {overflow-x: auto; overflow-y: visible;}
div.subMenuWrap div.scrollWrap::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

div.subMenuWrap li.on a {z-index: 1;}
div.subMenuWrap ul {margin-bottom: 0;}
div.subMenuWrap ul::before{display:none;}

div.subMenuWrap p.more {position: absolute; top:15px; right:0; z-index: 5;}
div.subMenuWrap p.more span {display:none;}
div.subMenuWrap p.more a {display:inline-block; padding: 13px 10px 14px; background-color: #fff;}
div.subMenuWrap p.more a img {display:block;}

div.subMenuWrap.tabView {overflow: visible; background-color: #f4f4f4;}
div.subMenuWrap.tabView ul {z-index: 3; position: absolute; top:37px; left:0; width: calc(100% - 20px) !important; height: auto; background-color: #f4f4f4; border-bottom: 1px solid #ccc; padding-top: 10px; height: auto;}
div.subMenuWrap.tabView li {display:inline-block; float: none; padding: 0; margin-right: 10px; margin-bottom: 10px;}
div.subMenuWrap.tabView li a {color: #777777; padding: 0; border-bottom: 0 none; padding: 10px 25px; background-color: #ffffff; border-radius: 35px;}
div.subMenuWrap.tabView li.on a {font-weight: 400; font-family: 'notosanskr demilight', sans-serif;}

div.subMenuWrap.tabView p.more {width: 100%; text-align: right; background-color: #f4f4f4;}
div.subMenuWrap.tabView p.more span {display:block; margin-left: 10px;}
div.subMenuWrap.tabView p.more a {background-color: transparent;}