@charset "utf-8";
@import url('NotoSansKR.css');
@import url('Roboto.css');
@import url('S-CoreDream.css');


.fcRed {color: #ea1616 !important;}

.scrollArea::-webkit-scrollbar {width:10px;height: 10px; }
.scrollArea::-webkit-scrollbar-track {background-color: #eee;}
.scrollArea::-webkit-scrollbar-thumb {background-color: #aaa;}

input,
select,
textarea {outline:none;}

select,
input:focus {outline:none;}


select,
input[type='text'],
input[type='password'],
textarea {height: 40px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;font-family: 'NotoSansKR DemiLight', sans-serif;background-color: #fff;}
select {padding:0;}
textarea {width: 100%;height: 150px;box-sizing:border-box;}
.
select.wide,
input.wide {width: 100% !important;}

input[type=radio],
input[type=checkbox] {vertical-align:top;margin:0 10px 0 20px;}
table input[type=radio],
table input[type=checkbox] {vertical-align:top;margin:7px 10px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0 !important;}


span.inputC,
span.inputR {overflow: hidden;position: relative;display: inline-block;vertical-align: top;width: 20px;height: 20px;box-sizing:border-box;border: 1px solid #dcdcdc;}
span.inputR {border-radius:50%;}

span.inputC.on,
span.inputR.on {background: #b33130 url('/image/icon/checked.png') center center no-repeat;}

span.inputC input,
span.inputR input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0 !important;opacity: 0;}




/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}


a,
input[type=submit],
input[type=button],
input[type=reset],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;text-decoration: none; color: inherit;outline:none;font-family: 'NotoSansKR Regular', sans-serif;}
select,
textarea {margin:0;outline:none;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}



/* 버튼 영역 */
.btnArea {position:relative;margin-top: 50px;text-align:center;}
.btnArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.btnArea > * {margin-left: 10px;}
div.btnArea > *:first-child {margin-left: 0;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn > span,
.btn input,
.btn button {position: relative;display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 15px 2px;font-size:15px;border-style:solid;border-width:1px;vertical-align:top;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}

.btn a, .btn > span {height:auto;line-height: 19px;padding: 7px 15px;}
.btn i {padding-right: 5px;}

span.btn {display:inline-block;vertical-align:top;}

.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none;}

.btn .btnBig {min-width: 120px;height: 55px;padding: 0 30px 2px;font-size: 17px;text-align: center;border-radius: 3px;font-family: 'NotoSansKR Medium', sans-serif;}
.btn a.btnBig {height: auto;line-height: 51px;}


/* 주황색 */				.btn .btnDef {background-color:#e66e27 !important;border-color:#e66e27 !important;color:#fff !important;}
/* 노랑색 */				.btn .btnPoint {background-color:#f29608 !important;border-color:#f29608 !important;color:#fff !important;}
/* 회색 */					.btn .btnGrey {background-color:#6c6967 !important;border-color:#6c6967 !important;color:#fff !important;}
/* 갈색 */					.btn .btnBrown {background-color:#92704d !important;border-color:#92704d !important;color:#fff !important;}
/* 빨간색 */				.btn .btnRed {background-color:#e63d27 !important;border-color:#e63d27 !important;color:#fff !important;}


/* border+주황색 */			.btn .btnBdDef {background-color:#fff !important;border-color:#e66e27 !important;color:#e66e27 !important;}
/* border+노랑색 */			.btn .btnBdPoint {background-color:#fff !important;border-color:#f29608 !important;color:#f29608 !important;}
/* border+회색 */				.btn .btnBdGrey {background-color:#fff !important;border-color: #4a4949 !important;color: #4a4949 !important;}
/* border+갈색 */				.btn .btnBdBrown {background-color:#f8f5f2 !important;border-color:#af9a77 !important;color:#92704d !important;}


/* 그라데이션 */				.btn .btnGr {padding: 8px 16px;border: 0 none !important;background: linear-gradient(to bottom, #ffb400, #ff6e02) !important;color:#fff !important;}
/* 그라데이션 */				.btn .btnGr2 {padding: 8px 16px;border: 0 none !important;background: linear-gradient(to bottom, #1f55d0, #1693b9) !important;color:#fff !important;}


.btn .btnGr.btnBig,
.btn .btnGr2.btnBig {min-width: 120px;height: 55px;padding: 0 30px;font-size: 17px;text-align: center;}
.btn a.btnGr.btnBig,
.btn a.btnGr2.btnBig {height: 55px;line-height: 53px;}


.btn .btnArr:after {display: inline-block;vertical-align: top;padding-left: 30px;font-weight: 900;font-family: "Font Awesome 6 Free";content: "\f061";}

.btn .list {background-color: #3f4d76;border-color: #3f4d76;color: #fff !important;}
.btn .modify {background-color: #b7a295;border-color: #b7a295;color: #fff !important;}
.btn .del {background-color: #e63d27;border-color: #e63d27;color: #fff !important;}

.btn .play {background-color: #1594b9;border-color: #1594b9;color: #fff !important;}
.btn .print {background-color: #506078;border-color: #506078;color: #fff !important;}

.btn .btnNext {background-color: #fe6a32;border-color: #fe6a32;color: #fff !important;font-family: 'NotoSansKR Medium', sans-serif;}
.btn .btnSubmit {background-color: #fff;border-color: #0c41b7;color: #294596 !important;font-family: 'NotoSansKR Medium', sans-serif;}
.btn .btnOk {background-color: #308dce;border-color: #308dce;color: #fff !important;font-family: 'NotoSansKR Bold', sans-serif;}
.btn .btnAgain {background-color: #303692;border-color: #303692;color: #fff !important;font-family: 'NotoSansKR Bold', sans-serif;}


div.wrapper {position: relative;min-width: 1386px;}

div#headerWrap {z-index: 90;position: relative;height: 130px;border-bottom: 1px solid #cacaca;}
div#headerWrap h1 {position: absolute;left: 50%;top: 50%;margin-left: -600px;transform:translateY(-50%);}
div#headerWrap h1 a,
div#headerWrap h1 img {display: block;}

ul#gnb, ul#gnb > li, ul#gnb > li > a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {width: 1200px;height: 40px;padding-top: 68px;margin: 0 auto;font-size: 0;line-height: 0;text-align: right;}
ul#gnb > li {display: inline-block;vertical-align: top;height: 40px;padding-left: 90px;}
ul#gnb > li:first-child {padding-left: 0;}
ul#gnb > li > a {color: #333;font-size: 20px;line-height: 40px;font-family: 'NotoSansKR Bold', sans-serif;}

dl.myMenu, dl.myMenu dt, dl.myMenu dd, dl.myMenu ul, dl.myMenu li, dl.myMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.myMenu {position: relative;width: 160px;height: 40px;}
dl.myMenu dt a {position: relative;z-index: 20;display: block;padding:0 40px 0 20px;border-radius: 20px;color: #fff;font-size: 17px;line-height: 40px;font-family: 'NotoSansKR Bold', sans-serif;background: linear-gradient( to right, #fabc1b, #ee761e);text-shadow:0 0 4px rgba(117,60,13,.4);text-align: left;}
dl.myMenu dt a:after {position: absolute;right: 20px;top: 50%;transform:translateY(-50%);content: "▼";font-size: 12px;}
dl.myMenu dt.view a:after {content: "▲";}
dl.myMenu > dd {position: absolute;left: 0;top: 20px;width: 100%;padding:30px 20px 15px;border-radius: 0 0 20px 20px;border: 1px solid #ee771e;border-top: 0 none;background-color: #fff;box-sizing:border-box;}
dl.myMenu > dd li {padding-top: 5px;}
dl.myMenu > dd a {display: block;color: #282828;font-size: 14px;line-height: 19px;font-family: 'NotoSansKR Medium', sans-serif;opacity: .4;text-align: left;}
dl.myMenu > dd a:hover {opacity: 1;}
dl.myMenu > dd img {display: inline-block;vertical-align: top;padding: 2px 10px 0 0;text-align: left;}

ul.headerUtil, ul.headerUtil li, ul.headerUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.headerUtil {position: absolute;left: 50%;top: 14px;width: 600px;font-size: 0;line-height: 0;text-align: right;}
ul.headerUtil li, ul.headerUtil a, ul.headerUtil img {display: inline-block;vertical-align: top;}
ul.headerUtil li {padding-left: 10px;color: #999;font-size: 13px;line-height: 30px;}
ul.headerUtil li:before {display: inline-block;vertical-align: top;content: "·";padding-right: 10px;font-size: 13px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}

ul.headerUtil li:first-child {padding-left: 0;}
ul.headerUtil li:first-child:before,
ul.headerUtil li.goto:before {display: none;}

ul.headerUtil a {color: #999;font-family: 'NotoSansKR Medium', sans-serif;}
ul.headerUtil a img {padding: 8px 10px 0 0;}
ul.headerUtil li.goto a {padding: 0 15px;border-radius: 15px;border: 1px solid #ff6600;color: #ff6600;line-height: 28px;font-family: 'NotoSansKR Bold', sans-serif;}
ul.headerUtil li.goto:last-child a {border-color: #1594b9;color: #1594b9;}


div#footerWrap {padding: 30px 0;background-color: #383747;}
dl.footer, dl.footer dt, dl.footer dd, dl.footer ul, dl.footer li, dl.footer p, dl.footer a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.footer {position: relative;width: 1200px;padding-left: 365px;margin: 0 auto;box-sizing:border-box;}
dl.footer > dt {position: absolute;left: 0;top: 50%;transform:translateY(-50%);}
dl.footer img {display: block;}
dl.footer, dl.footer a {color: #878694;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR Light', sans-serif;}
dl.footer ul {overflow: hidden;}
dl.footer li {float: left;padding-left: 10px;}
dl.footer li:before {display: inline-block;vertical-align: top;content: "·";margin-right: 10px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.footer li:first-child {padding-left: 0;}
dl.footer li:first-child:before {display: none;}

dl.footer ul.footermenu {padding-bottom: 20px;}
dl.footer ul.footermenu a {color: #c8c7d1;}
dl.footer ul.footermenu li {position: relative;margin-right: 10px;}
dl.footer ul.footermenu li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 10px;margin: -5px 0 0;content: "";background-color: #878694;}


div#container {position: relative;}
div#container:before {position: absolute;left: 0;top: 0;width: 100%;height: 60px;content: "";background: url('/image/common/lnbBg.png') center top no-repeat;}

.pageTit {margin: 0;padding: 130px 0 50px;text-align: center;font-weight: normal;color: #333;font-size: 45px;line-height: 50px;font-family: 'S-CoreDream-4Regular', sans-serif;letter-spacing:-1px;}

div.lnb, div.lnb p, div.lnb dl, div.lnb dt, div.lnb dd, div.lnb ul, div.lnb li, div.lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnb {position: absolute;left: 50%;top: 0;width: 1200px;height: 60px;margin-left: -600px;}
div.lnb p.home {float: left;width: 60px;height: 60px;}
div.lnb p.home a {display: block;height: 60px;font-size: 0;line-height: 0;background: url('/image/common/lnb_home.png') center center no-repeat;}

div.lnb dl {position: relative;float: left;height: 60px;padding: 20px 0;margin: 0 auto;box-sizing:border-box;}
div.lnb a {display: block;color: #fff;font-size: 16px;line-height: 20px;font-family: 'S-CoreDream-3Light', sans-serif;}
div.lnb dt {position: relative;min-width: 150px;padding: 0 40px 0 20px;}
div.lnb dt:before,
div.lnb dt:after {position: absolute;top: 50%;width: 1px;height: 16px;margin-top: -8px;content: "";background-color: #fff;}
div.lnb dt:before {left: 0;}
div.lnb dt:after {right: 0;}

div.lnb dt a:after {position: absolute;right: 20px;top: 50%;transform:translateY(-50%);content: "▼";font-size: 12px;}
div.lnb dt.view a:after {content: "▲";}

div.lnb dt a,
div.lnb .on a {font-family: 'S-CoreDream-6Bold', sans-serif;}
div.lnb .on a {border-bottom: 1px solid #fff;}

div.lnb dd {position: absolute;left: 0;top: 60px;width: 100%;border: 1px solid #ddd;border-top: 0 none;padding: 15px 20px 20px;background-color: #fff;box-sizing:border-box;}
div.lnb dd li {padding-top: 10px;}
div.lnb dd a {display: inline-block;vertical-align: top;padding-bottom: 1px;color: #282828;opacity: .4;}
div.lnb dd a:hover {padding-bottom: 0;border-bottom: 1px solid #282828;opacity: 1;}

div.lnb ul.lnb {float: left;padding: 20px 0;}
div.lnb ul.lnb li {float: left;padding: 0 25px;}


div.contents {width: 1200px;margin: 0 auto;padding: 30px 0 70px;}
div.ing {padding: 50px 0;}
div.ing img {display: block;margin: 0 auto;}


ul.noBl, ul.noBl > li,
ul.listNum, ul.listNum > li,
ul.listBar, ul.listBar > li,
ul.listDot, ul.listDot > li, .blDot,
ul.listStar, ul.listStar > li, .blStar {margin: 0;padding: 0;list-style:none;}
ul.listBar > li,
ul.listDot > li, .blDot,
ul.listStar  > li, .blStar  {position: relative;padding-left: 1em;text-indent: 0 !important;}
ul.listBar > li:before,
ul.listDot > li:before, .blDot:before,
ul.listStar  > li:before, .blStar :before {position: absolute;left: 0;top: 0;}
ul.listBar > li:before {content: "-";}
ul.listDot > li:before, .blDot:before {content: "·";font-size: 15px;}
ul.listStar  > li:before, .blStar :before {padding-top: 2px;content: "*";}

p#goTop {z-index: 50;position: absolute;left: 50%;top: 520px;margin-left: 680px;}
p#goTop a {display: block;width: 60px;height: 60px;font-size: 16px;line-height: 60px;border-radius: 50%;background: linear-gradient( to bottom, #db6211, #f8a405);box-shadow:0 3px 7px rgba(0,0,0,.35);color: #fff;font-family: 'S-CoreDream-6Bold', sans-serif;text-align: center;text-decoration: none;}

div.main p#goTop {display: none !important;}



/* 로그인 */
div.loginArea {position: relative;margin: 50px 0;}
div.loginArea:before {position: absolute;left: 50%;top: 0;width: 1px;height: 100%;content: "";background-color: #cacaca;}
div.loginArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.loginArea > * {float: left;width: 50%;box-sizing:border-box;}

div.login {padding: 0 70px;}
div.login > p {margin: 0;padding: 0 0 45px;text-align: center;font-family: 'NotoSansKR DemiLight', sans-serif;color: #333;font-size: 20px;line-height: 30px;}
div.login > p img {display: block;margin: 0 auto 30px;}
div.login > p span {color: #ff7302;font-family: 'NotoSansKR Medium', sans-serif;}

div.login dl {position: relative;margin: 0;padding: 0;}
div.login dt {position: absolute;left: 25px;top: 83px;width: 70px;margin: 0;padding: 0;border-right: 1px solid #e5e5e5;font-size: 15px;line-height: 20px;color: #d5d5d5;}
div.login dt:first-child {top: 17px;}
div.login dd {margin: 0 0 10px;padding: 0 0 0 97px;border: 1px solid #e5e5e5;border-radius: 3px;}
div.login dd input {display: block;width: 100%;border: 0 none;height: 53px;padding: 0 15px;border-radius: 3px;box-sizing:border-box;}
div.login .btn > * {display: block;width: 100%;height: 65px;padding: 0;border-radius: 5px;box-shadow:0 4px 10px rgba(0,0,0,.1);font-size: 23px;}

ul.loginMenu, ul.loginMenu li, ul.loginMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.loginMenu {padding: 0 100px;}
ul.loginMenu li {padding: 45px 0;border-top: 1px solid #cacaca;text-align: center;font-family: 'NotoSansKR DemiLight', sans-serif;color: #333;font-size: 20px;line-height: 30px;}
ul.loginMenu li:first-child {border-top: 0 none;}
ul.loginMenu span {color: #1a4ba1;font-family: 'NotoSansKR Medium', sans-serif;}

ul.loginMenu span.btn {display: block;width: 230px;margin: 20px auto 0;padding:2px;background: linear-gradient( to bottom, #1594b9, #1e59cf);box-sizing:border-box;border-radius: 5px;box-shadow:0 4px 10px rgba(0,0,0,.1);}
ul.loginMenu span.btn a {display: block;height: 46px;border-radius: 5px;line-height: 46px;color: #284a95;font-family: 'NotoSansKR Bold', sans-serif;border: 0 none;background-color: #fff;}

ul.loginMenu li:first-child span.btn {background: linear-gradient( to right, #1f56cf, #1594b9);}
ul.loginMenu li:first-child span.btn a {color: #fff;background-color: transparent;}





/* 기본 table */
table.tblDef,
table.inputTbl {border-top: 2px solid #755942 !important;border-bottom: 1px solid #eae5e2;}

table.tblDef > * > tr > *,
table.innerTbl > * > tr > *,
table.inputTbl > * > tr > * {padding:10px;color: #333;border-left: 1px solid #eae5e2;border-top:1px solid #eae5e2;font-size: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;}

table.tblDef > * > tr > *,
table.innerTbl > * > tr > * {text-align: center;}
table.inputTbl > * > tr > * {text-align:left;}


table.tblDef > thead > tr:first-child > *,
table.tblDef > colgroup + tbody > tr:first-child > *,
table.innerTbl > * > tr:first-child > *,
table.innerTbl > colgroup + tbody > tr:first-child > *,
table.inputTbl > thead > tr:first-child > *,
table.inputTbl > colgroup + tbody > tr:first-child > * {border-top: 0 none;}


table.tblDef > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child {border-left: 0 none;}

table.borderTbl > * > tr > th,
table.inputTbl > * > tr > th {font-weight: normal;color: #b37547;background-color: #f8f4f1;word-break:keep-all;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
table.inputTbl > * > tr > th {font-family: 'NotoSansKR Bold', sans-serif;}

table.tblDef > * > tr > th,
table.inputTbl > * > tr > th,
table.tblDef > * > tr > .bg {background-color: #f8f4f1;color: #b37547;font-family: 'NotoSansKR Bold', sans-serif;}

table .bdLeft {border-left:1px solid #eae5e2 !important;}



table.inputTbl {border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
table.inputTbl > * > tr > td {color: #777;}
table.inputTbl > * > tr > td.pluginArea {padding: 0;}

table.innerTbl {}
table.innerTbl > thead > tr > th {border-bottom: 1px solid #e5e1df;background-color: #f8f8f8;color: #222;font-family: 'NotoSansKR Medium', sans-serif;}
table.innerTbl > tbody > tr > th {color: #222;font-family: 'NotoSansKR Medium', sans-serif;}


div.formArea .accountInfo {}
div.formArea .accountInfo > * {float: left;}
div.formArea .accountInfo input[type=text] {width: calc(50% - 3px);margin:0 0 6px 6px;}
div.formArea .accountInfo input[type=text].clear {width: 100%;}

div.formArea .accountInfo input[type=text]:first-child,
div.formArea .accountInfo input[type=text].clear {margin-left: 0;}



/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

table.listTbl {border-top: 2px solid #755942;}
table.listTbl > * > tr > * {text-align: center;border-left: 0 none; font-family: 'NotoSansKR DemiLight'; font-size: 16px;}

table.listTbl > * > tr > th {padding: 0;;height: 44px;color: #b37547;font-size: 16px;background-color: #f8f4f1;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}
table.listTbl > * > tr > th:first-child {background-image: none;}
table.listTbl > tbody > tr > .bg {padding: 10px;background-color:#2d81f8;color:#fff;text-align:center;}

table.listTbl > tbody > tr > td {padding: 5px 10px;border-bottom: 1px solid #eae5e2;text-align: center;}
table.listTbl > tbody > tr > td > a {display:inline-block;vertical-align: top;color: #222;font-size: 16px;}
table.listTbl > tbody > tr > td > a:hover,
table.listTbl > tbody > tr > td > a:focus {color: #b37547;}

table.listTbl > tbody > tr > td.tit {text-align:left;}
table.listTbl > tbody > tr > td.tit a {display:inline-block;overflow:hidden;position:relative; text-overflow:ellipsis; white-space:nowrap;text-decoration: none; width: 300px;font-family: 'NotoSansKR DemiLight', sans-serif;}


table.listTbl > tbody > tr > td.tit a > span {display: inline;}
table.listTbl > tbody > tr > td.tit img.notice, 
table.listTbl td.file a img {vertical-align:top;padding:4px 5px 0 0;}

table.listTbl span.notice {position: relative;display: inline-block;width: 20px;height: 21px;text-indent: -10000px;}
table.listTbl span.notice:before {position: absolute;left: 0;top: 0;width: 100%;content: "\f0f3";font-family: "Font Awesome 5 Free";font-weight: 900;text-indent: 0;text-align: center;}


table.listTbl td.tit span.attach {position: absolute;top: 50%;width: 20px;height: 21px;margin-top: -11px;text-indent: -10000px;}
table.listTbl td.tit span.attach:before {position: absolute;left: 0;top: 0;width: 100%;content: "\f0c6";font-family: "Font Awesome 5 Free";font-weight: 900;text-indent: 0;text-align: center;}

table.listTbl td.tit span.reply {position: absolute;top: 50%;height: 21px;margin-top: -11px;}
table.listTbl td.tit img.new {position:absolute;right: 0;top:50%;width: 16px;margin-top: -8px;}

table.listTbl td.tit img.lock {display: inline-block;vertical-align: top;padding: 5px 5px 0 0;}
table.listTbl td.tit a.attach span.attach,
table.listTbl td.tit a.reply span.reply {right: 0;}
table.listTbl td.tit a.attach.reply span.attach {right: 20px;}
table.listTbl td.tit a.attach {width: 300px;text-indent: 0;}

table.listTbl td.tit img.attach {position: absolute;right: 0;top: 50%;height: 25px;margin-top: -13px;}
table.listTbl td.tit a.new img.attach {right: 24px;}

table.listTbl td.tit a.new.attach span.attach,
table.listTbl td.tit a.new.reply span.reply {right: 18px;}

table.listTbl > tbody > tr > td.file {text-align: center;}
table.listTbl > tbody > tr > td.file a {margin-left: 5px;}
table.listTbl > tbody > tr > td.file a:first-child {margin-left: 0;}

table.listTbl tbody th {}

table td.file,
table td.con {text-align:left;padding:10px;}

table td.file a {text-decoration: none;color: inherit;}
table td.con {height: 300px;vertical-align: top;}

table.listTbl td input[type=radio],
table.listTbl td input[type=checkbox] {margin-left:15px;}
table.listTbl td input[type=radio]:first-child,
table.listTbl td input[type=checkbox]:first-child {margin-left:0;}
table.listTbl td.pluginArea {padding:0 !important;}

table.listTbl span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.listTbl td.utilBtn span,
table.listTbl td.utilBtn a {vertical-align: top;}

table.listTbl td.noData {padding: 20px 0 !important;font-weight: 600;text-align: center !important;}


.editArea {margin: 30px;background-color: #f8f8f8;}

div.bbsUtil {position: relative;margin-top: 30px;text-align: right;}
div.bbsUtil a {width: 125px;height: 48px;padding: 0;font-size: 18px;line-height: 48px;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;border-radius: 3px;}

div.bbsView + div.bbsUtil a.list {position: absolute;left: 50%;top: 0;margin-left: -63px;}

/* 게시판 글 보기 */
div.bbsView {border-top: 2px solid #755942; margin: 0; font-family: 'NotoSansKR DemiLight', sans-serif;}
.bbsTit {padding: 20px 30px 0;color: #b37547;font-size: 22px;line-height: 30px; font-family: 'NotoSansKR Bold', sans-serif;}
div.bbsView .bbsTit,
div.bbsView ul.info {background-color: #f8f4f1;}

div.bbsView ul.info {overflow: hidden;margin: 0;padding: 10px 30px 20px;border-bottom: 1px solid #e5e5e5;}
div.bbsView ul.info > li {float: right;margin: 0;padding: 0;color: #333;font-size: 16px;list-style:none;font-family: 'NotoSansKR Regular', sans-serif;}
div.bbsView ul.info > li:first-child {float: left;}
div.bbsView ul.info > li span {display: inline-block;vertical-align: top;font-family: 'NotoSansKR Bold', sans-serif;}

.relLink {padding: 20px 30px 0;text-align: right;}
.relLink a {color: #282828;text-decoration: none;font-size: 15px;font-weight: 300;}
.relLink img {display: inline-block;vertical-align: top;padding: 2px 5px 0 0;}

.bbsCon {padding: 20px 50px 20px 50px;margin: 0 auto;color: #222;font-size: 16px;line-height: 25px;min-height:300px;text-align: justify;border-bottom: 1px solid #dddddd;}

table.bbsView th {text-align:center;}
p.replyCount {padding-top:30px;font-weight:bold;}


ul.bbsAttach, ul.bbsAttach li, ul.bbsAttach a {margin: 0;padding: 0;list-style:none;}
ul.bbsAttach {padding: 20px 30px;border-bottom: 1px solid #dddddd;}
ul.bbsAttach > li {margin-top: 5px;}
ul.bbsAttach > li:first-child {margin-top: 0;}
ul.bbsAttach a {display: inline-block;color: #282828;font-size: 15px;line-height: 24px;font-weight: 400;text-decoration: none;vertical-align: top;}
ul.bbsAttach img {padding: 4px  5px 0 0;vertical-align: top;}



/* 게시글쓰기 */
div.bbsWrite {font-family: 'NotoSansKR Medium';}

ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}
ul.popSize li span {line-height: 33px;vertical-align: top;}





/* 게시판 하단 pager */
ul.pager {margin-top: 30px;padding: 15px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;}
ul.pager li {margin-left:5px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline-block;width: 100%;vertical-align: top;}

ul.pager a {display: inline-block;border:0 none;padding: 0 5px;text-align: center;vertical-align: top;font-size: 22px;line-height:30px;text-decoration: none;color: #b3b3b3;font-family: 'NotoSansKR Regular', sans-serif;font-size: 16px;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;padding:0;border: 0 none;}

ul.pager a.on {color: #000;font-family: 'NotoSansKR Medium', sans-serif;}
ul.pager a img {vertical-align: top;}

ul.pager.btnSmall {padding:8px 0 3px;}
ul.pager.btnSmall a {width:auto;padding:1px 5px 3px;}
ul.pager.btnSmall .first a,
ul.pager.btnSmall .prev a,
ul.pager.btnSmall .next a,
ul.pager.btnSmall .last a {padding:3px 5px 1px;}



/* 게시판 검색 */
div.bbsSearch {position:relative;overflow:hidden;padding:20px 0;text-align:center;}
ul.pager + div.bbsSearch {padding-bottom: 100px;}
div.bbsSearch dl,
div.bbsSearch dd,
div.bbsSearch p {display:inline-block;vertical-align:top;}

div.bbsSearch dd,
div.bbsSearch p.btn {margin-left:5px;}
div.bbsSearch input,
div.bbsSearch select,
div.bbsSearch .btn {vertical-align:top;}

div.bbsSearch dd {position:relative;}

div.bbsSearch select,
div.bbsSearch input[type=text] {height:50px;font-size: 15px;font-family: 'NotoSansKR Regular', sans-serif;}
div.bbsSearch select {width: 150px;}
div.bbsSearch input[type=text] {width:500px;padding-right: 55px;box-sizing:border-box;}
div.bbsSearch input[type=image] {position:absolute;right:0;top:0;width:17px;height:17px;padding:9px;}

div.bbsSearch span.btn {position: relative;display:inline-block;width: 50px;height:50px;margin-left: -55px;background: url('/image/icon/icon_search.png') center center no-repeat;}
div.bbsSearch span.btn * {width:50px;height:100%; font-size: .8em; vertical-align:top;}






/* 교육검색 */
div.eduSearch {padding-bottom: 50px;}
div.eduSearch select {width: 200px;}
div.eduSearch input[type=text] {width: calc(100% - 210px);}

div.noResult {padding: 100px 0;}
div.noResult img {display: block;margin: 0 auto;}



/* 교육신청 */
ul.eduList, ul.eduList li, ul.eduList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

ul.eduList {}
ul.eduList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.eduList li {float: left;margin: 33px 0 0 30px;padding: 0 2px 2px 0;}
ul.eduList li:nth-child(3n+1) {clear: both;margin-left: 0;}
ul.eduList li:nth-child(-n+3) {margin-top: 0;}

dl.eduItem, dl.eduItem dt, dl.eduItem dd, dl.eduItem a {margin: 0;padding: 0;text-decoration: none;}
dl.eduItem span, dl.eduItem a {display: block;}


dl.eduItem {position: relative;padding-top: 70px;}
dl.eduItem span.category {position: absolute;left: 0;top: 16px;padding: 0 5px;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
span.category.typeA {color: #2f40e7;box-shadow: inset 0 -6px 0 #ccd1ff;}
span.category.typeB {color: #2fc2e7;box-shadow: inset 0 -6px 0 #ccf5ff;}
span.category.typeC {color: #69bf3a;box-shadow: inset 0 -6px 0 #efffcc;}
span.category.typeD {color: #000;box-shadow: inset 0 -6px 0 #e7e7e7;}


dl.eduItem dt {color: #222;font-size: 22px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.eduItem span.deadline {padding: 20px 0;color: #ff6600;font-size: 18px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.eduItem span.deadline img {display: inline-block;vertical-align: top;padding: 2px 5px 0 0;}
dl.eduItem span.info {position: relative;margin-top: 5px;padding-left: 85px;color: #333;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.eduItem span.deadline + span.info {margin-top: 0;}
dl.eduItem span.info:before {position: absolute;left: 0;top: 0;content: attr(pub-tit);color: #777;}
dl.eduItem a.apply {display: block;margin-top: 35px;border-radius: 26px;border: 1px solid #dcdcdc;color: #9a98a6;font-size: 18px;line-height: 50px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;}
dl.eduItem a.apply:hover {padding: 1px;border: 0 none;color: #fff;background: linear-gradient( to bottom, #fe9600, #ff6700);}
dl.eduItem dd.apply {position: absolute;right: 0;top: 0;}
dl.eduItem dd.apply a {width: 150px;height: 52px;border-radius: 26px;font-size: 18px;line-height: 52px;color: #fff;text-align: center;font-family: 'NotoSansKR Bold', sans-serif;background: linear-gradient( to bottom, #fe9600, #ff6700);}
dl.eduItem dd.apply img {display: inline-block;vertical-align: top;padding: 18px 10px 0 0;}

ul.eduList dl.eduItem {width: 378px;height: 395px;padding: 70px 40px 0;border: 1px solid #ccc;border-radius: 8px;box-shadow:2px 2px 2px rgba(0,0,0,.1);box-sizing:border-box;}
ul.eduList dl.eduItem > dt {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 90px;text-align: center;vertical-align: middle;font-size: 20px;}
ul.eduList dl.eduItem span.category {left: 40px;top: 33px;}
ul.eduList dl.eduItem span.deadline {margin-bottom: 15px;border-bottom: 1px solid #ddd;text-align: center;}

/* 교육 상세보기  */
div.eduView {position: relative;}
div.eduView:before {position: absolute;left: 50%;top: 0;width: 1px;height: 100%;content: "";background-color: #cacaca;}
div.eduView:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.eduView > * {float: left;width: 50%;padding: 30px;box-sizing:border-box;}

dl.eduNote, dl.eduNote > dt, dl.eduNote > dd {margin: 0;padding: 0;}
dl.eduNote {}
dl.eduNote > dt {padding: 60px 0 15px;color: #8e715a;font-size: 22px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.eduNote > dt img {display: inline-block;vertical-align: top;padding: 6px 10px 0 0;}
dl.eduNote > dd {padding: 20px;background-color: #f9f6f3;color: #333;font-size: 15px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}


dl.qualification, dl.qualification > dt, dl.qualification > dd, dl.qualification ul, dl.qualification li, dl.qualification a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.qualification {}
dl.qualification > dt {padding-bottom: 15px;color: #1594b9;font-size: 22px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.qualification ul {}
dl.qualification ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.qualification li {float: left;width: calc(25% - 9px);margin: 0 0 12px 12px;}
dl.qualification li:nth-child(4n+1) {clear: both;margin-left: 0;}
dl.qualification li,
dl.qualification li a {color: #333;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.qualification li div {display: table-cell;width: 600px;height: 100px;border: 1px solid #9ac8d5;border-radius: 3px;text-align: center;vertical-align: middle;}
dl.qualification span.fcRed {font-family: 'NotoSansKR Medium', sans-serif;}

dl.qualification div.note {text-align: right;color: #7a7a7a;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}


dl.curriculum, dl.curriculum > dt, dl.curriculum > dd, dl.curriculum ul, dl.curriculum li, dl.curriculum a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.curriculum {}
dl.curriculum > dt {padding: 60px 0 15px;color: #7e6653;font-size: 22px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.curriculum ul {border-top: 2px solid #df9c6c;}
dl.curriculum li {padding: 15px;border-bottom: 1px solid #e5e2e0;}
dl.curriculum span {display: block;color: #333;font-size: 16px;line-height: 20px;}
dl.curriculum span.tit {font-family: 'NotoSansKR Medium', sans-serif;}
dl.curriculum span.lecterer {padding-top: 5px;text-align: right;font-family: 'NotoSansKR Regular', sans-serif;}
dl.curriculum span.lecterer img {display: inline-block;vertical-align: top;padding: 4px 5px 0 0;}


/* 팝업 */
div.layerPopup {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8); z-index:999}
div.layerPopup > div {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);}

div.popupWrap {position: relative;width: 720px;}
div.popupWrap h1 {margin: 0;padding: 20px 25px;color: #e66e27;font-weight: normal;font-size: 30px;line-height: 36px;font-family: 'NotoSansKR Bold', sans-serif;}
div.popupCon {padding: 0 25px 25px;}


div.popupWrap table.tblDef {border-top-color: #505d78 !important;}
div.popupWrap table.tblDef > * > tr > * {border-color: #e5e5e5;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.popupWrap table.tblDef th {color: #282828;background-color: #f7f7f7;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;}
div.popupWrap table.tblDef td {text-align: left;}

div.popupWrap .btnArea > * {box-shadow:0 0 9px rgba(126,126,126,.35);}



/* 팝업 > 교육신청, 교육취소 */
div#popupEdu {width: 650px;}

div.cancelNote {padding-top: 10px;color: #333;font-size: 16px;font-family: 'NotoSansKR Regular', sans-serif;}


/* 팝업 > 영수증 */
div#popupReceipt {width: 720px;padding: 15px;}
div#popupReceipt h1 {padding: 15px;border-bottom: 2px solid #2e50a6;color: #2e50a6;font-size: 35px;line-height: 45px;font-family: 'NotoSansKR Bold', sans-serif;letter-spacing:2px;}
div#popupReceipt div.popupCon {padding: 40px 35px;}
div#popupReceipt div.name {padding: 35px 0 50px;vertical-align: baseline;text-align: right;color: #282828;font-size: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div#popupReceipt div.name span {display: inline-block;vertical-align: top;margin-top: -10px;padding: 0 40px 10px;border-bottom: 2px solid #dcdcdc;font-size: 20px;font-family: 'NotoSansKR Bold', sans-serif;}

div#popupReceipt div.con,
div#popupReceipt div.pubDate {text-align: center;color: #282828;font-size: 18px;line-height: 25px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div#popupReceipt div.con {padding-top: 65px;}
div#popupReceipt div.pubDate {padding-top: 25px;}

div#popupReceipt div.seal {padding: 60px 0 0;text-align: center;color: #282828;font-size: 22px;line-height: 25px;font-family: 'NotoSansKR Bold', sans-serif;}



/* ========================================================================================================== */
/* ================================================== 메인 CSS ================================================= */
/* ========================================================================================================== */
div#container.main {}
div#container.main:before {display: none;}

div.mainBnr {position: relative;height: 470px;background: url('/image/main/mainBg.png') center top no-repeat;}
div.mainBnr img {display: block;margin: 0 auto;}

div.mainLogin, div.mainLogin dl, div.mainLogin dt, div.mainLogin dd, div.mainLogin ul, div.mainLogin li, div.mainLogin a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div.mainLogin {overflow: hidden;z-index: 50;position: absolute;left: 50%;top: 80px;width: 385px;height: 314px;margin-left: 215px;padding: 32px 35px 0;border-radius: 20px 0 20px 0;background-color: #fff;box-sizing:border-box;box-shadow:20px 20px 40px rgba(0,0,0,.1);}

div.mainLogin dl.login {overflow: hidden;position: relative;margin-bottom: 20px;border: 1px solid #ccc;border-radius: 10px;}
dl.login dt {position: absolute;left: 20px;top: 51px;}
dl.login dt:first-child {top: 0;}
dl.login dt label {display: block;color: #bbb;font-size: 15px;line-height: 50px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.login dd {border-bottom: 1px solid #ccc;padding-left: 95px;}
dl.login dd:last-child {border-bottom: 0 none;}
dl.login dd input {display: block;width: 100%;height: 50px;border: 0 none;padding: 0 20px;box-sizing:border-box;}
div.mainLogin button {display: block;width: 100%;height: 54px;padding: 16px 0;border-radius: 10px;border-color: #333;background-color: #333;color: #fff;font-size: 18px;line-height: 20px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;}

div.mainLogin ul.loginUtil {overflow: hidden;margin-top: 30px;padding-top: 20px;border-top: 1px solid #ddd;}
ul.loginUtil > li {position: relative;float: left;width: 60%;text-align: center;}
ul.loginUtil > li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 16px;margin-top: -8px;content: "";background-color: #ddd;}
ul.loginUtil > li:first-child {width: 40%;}
ul.loginUtil > li:first-child:before {display: none;}
ul.loginUtil a {display: inline-block;vertical-align: top;color: #666;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}


dl.myInfo {}
dl.myInfo > dt {padding-right: 136px;color: #333;font-size: 25px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.myInfo > dt:after {display: inline-block;vertical-align: top;padding-left: 5px;content: "님";color: #bbb;font-family: 'NotoSansKR Regular', sans-serif;}
dl.myInfo > dd {padding-top: 35px;}

dl.myInfo ul {}
dl.myInfo ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.myInfo li {float: right;width: calc(50% - 10px);height: 180px;padding: 15px 0 0;border: 1px solid #e5e5e5;border-radius: 5px;text-align: center;color: #282828;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}
dl.myInfo img {display: inline-block;vertical-align: top;padding-right: 5px;}
dl.myInfo span {display: block;padding: 15px 0;color: #e54514;font-size: 60px;line-height: 60px;font-family: 'S-CoreDream-6Bold', sans-serif}
dl.myInfo li a {position: relative;display: block;width: 125px;height: 40px;margin: 0 auto;line-height: 40px;padding: 0 30px 0 15px;box-sizing:border-box;color: #fff;background: linear-gradient( to right, #5b6c71, #263652);text-align: left;}
dl.myInfo li a:after {position: absolute;right: 15px;top: 0;content: "→";}

dl.myInfo li:first-child {float: left;}
dl.myInfo li:first-child span {color: #1563b9;}
dl.myInfo li:first-child a {background: linear-gradient( to right, #1594b9, #155fb9);}

dl.myInfo div.logout {position: absolute;right: 35px;top: 22px;}
dl.myInfo div.logout a {display: block;width: 126px;padding: 10px 0;border-radius: 8px;border-color: #333;background-color: #333;color: #fff;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;}



div.mainEdu {position: relative;width: 1200px;margin: 65px auto 0;}
div.mainEdu h3 {margin: 0 0 40px;padding: 0 0 15px;border-bottom: 2px solid #000;color: #222;font-size: 24px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: normal;}

div.main div.bx-viewport {width: 1200px !important;}
div.main div.bx-wrapper ul.eduList li {clear:none;margin: 0;}

div.mainEdu a.bx-prev,
div.mainEdu a.bx-next {position: absolute;top: 50%;width: 64px;height: 64px;border: 1px solid #ccc;border-radius: 8px;box-shadow:2px 2px 2px rgba(0,0,0,.1);box-sizing:border-box;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
div.mainEdu a.bx-prev {left: -94px;background-image: url('/image/main/main_prev.png');}
div.mainEdu a.bx-next {right: -94px;background-image: url('/image/main/main_next.png');}


div.mainEdu div.more {position: absolute;right: 0;top: 7px;}
div.mainEdu div.more a, div.mainEdu div.more img {display: block;}


div.mainCon {width: 1200px;margin: 0 auto;padding: 40px 0 80px;}
div.mainCon:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.mainCon > dl {width: 590px;}

div.mainCon dt {padding-bottom: 20px !important;color: #333;font-size: 24px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}
div.mainCon dd {border-radius: 10px;}

dl.mainContact, dl.mainContact dt, dl.mainContact dd, dl.mainContact ul, dl.mainContact li, dl.mainContact a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.mainContact {float: left;}

dl.mainContact dd {padding: 32px 35px;background: url('/image/main/mainBg_info.png') 0 0 no-repeat;}
dl.mainContact ul {overflow: hidden;}
dl.mainContact li {position: relative;float: left;width: 50%;padding:14px 0 14px 55px;box-sizing:border-box;}

dl.mainContact dd,
dl.mainContact dd a {color: #fff;font-size: 17px;line-height: 23px;font-family: 'NotoSansKR Medium', sans-serif;letter-spacing:-1px;}
dl.mainContact dd span {display: block;font-size: 14px;opacity: .5;}
dl.mainContact img {position: absolute;left: 0;top: 50%;height: 46px;margin-top: -23px;}

dl.mainBbs, dl.mainBbs dt, dl.mainBbs dd, dl.mainBbs ul, dl.mainBbs li, dl.mainBbs a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.mainBbs {position: relative;float: right;}
dl.mainBbs dd {padding: 20px 35px;border: 1px solid #cacaca;}

dl.mainBbs li {position: relative;border-top: 1px solid #e0e0e0;padding:15px 90px 14px 0;font-family: 'NotoSansKR Medium', sans-serif;font-size: 15px;line-height: 27px;}
dl.mainBbs li:first-child {border-top: 0 none;}
dl.mainBbs li a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;vertical-align: top;max-width:100%;color: #333;}
dl.mainBbs li a.notice:before {display: inline-block;vertical-align: top;width: 45px;height: 27px;margin-right: 5px;content: "Notice";font-size: 0;line-height: 0;background: url('/image/icon/notice.png') left center no-repeat;}
dl.mainBbs li span {position: absolute;right: 0;top: 15px;width: 90px;text-align: center;color: #777;}

dl.mainBbs div.more {position: absolute;right: 0;top: 7px;}
dl.mainBbs div.more a, dl.mainBbs div.more img {display: block;}



/* ========================================================================================================== */
/* ================================================= 온라인 강의실 ============================================== */
/* ========================================================================================================= */
div.listArea {}
div.listArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.myEdu, dl.myEdu dt, dl.myEdu dd {margin: 0;padding: 0;}

dl.myEdu {float: right;overflow: hidden;width: calc(50% - 25px);margin-top: 50px;box-sizing:border-box;border-radius: 10px;border: 1px solid #ccc;box-shadow:2px 2px 2px rgba(0,0,0,.1);}
dl.myEdu:nth-child(odd) {clear: both;float: left;}
dl.myEdu:nth-child(-n+2) {margin-top: 0;}

dl.myEdu > dt {position: relative;display: table-cell;width: 800px;height: 52px;padding: 25px 40px 60px;vertical-align: middle;border-bottom: 1px solid #ccc;background-color: #f6f6f6;box-shadow:2px 2px 2px rgba(0,0,0,.1);color: #222;font-size: 22px;line-height: 28px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.myEdu > dt span {position: absolute;left: 40px;bottom: 25px;padding-left: 30px;color: #153e9a;font-family: 'NotoSansKR Bold', sans-serif;font-size: 15px;line-height: 25px;background: url('/image/icon/icon_calendar_s.png') left center no-repeat;}
dl.myEdu > dd {padding: 30px 40px 40px;}

dl.myEdu table.tblDef {border-top-color: #6d8ab1;}
dl.myEdu table.tblDef th,
dl.myEdu table.tblDef td {font-size: 15px;}
dl.myEdu table.tblDef th {background-color: #f4f7fb;color: #223d60;font-family: 'NotoSansKR Medium', sans-serif;}
dl.myEdu table.tblDef td {text-align: left;color: #383838;font-family: 'NotoSansKR Regular', sans-serif;}
dl.myEdu table.tblDef span {color: #a3a3a3;}

dl.myEdu div.btn {text-align: center;padding-top: 40px;font-size: 0;line-height: 0;}
dl.myEdu div.btn a {display: inline-block;vertical-align: top;width: 180px;height: 55px;margin-left: 10px;padding: 16px 0 17px;border-radius: 3px;font-size: 18px;line-height: 22px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.myEdu div.btn a:first-child {margin-left: 0;}
dl.myEdu div.btn img {display: inline-block;vertical-align: top;padding-right: 10px;}



div.myEdu {}
div.myEdu h3 {margin: 0 30px 10px;color: #222;font-size: 25px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: normal;}

ul.eduInfo, ul.eduInfo li {margin: 0;padding: 0;list-style:none;}
ul.eduInfo {position: relative;margin-bottom: 30px;padding-left: 320px;}
ul.eduInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.eduInfo > li.period {position: absolute;left: 30px;top: 50%;transform:translateY(-50%);padding-left: 30px;color: #153e9a;font-family: 'NotoSansKR Bold', sans-serif;font-size: 15px;line-height: 25px;background: url('/image/icon/icon_calendar_s.png') left center no-repeat;}
ul.eduInfo > li.download {text-align: right;}
ul.eduInfo > li.download:before {display: inline-block;vertical-align: top;padding-right: 12px;content: "교육자료";color: #223d60;font-size: 15px;line-height: 40px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.eduInfo > li.download a {display: inline-block;vertical-align: top;padding: 6px 15px 7px;border: 1px solid #c4d6da;border-radius: 2px;background-color: #e8f8fc;color: #223d60;font-size: 15px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.eduInfo > li.download img {display: inline-block;vertical-align: top;padding: 6px 10px 0 0;}

div.myEdu div.bdArea {position: relative;border: 1px solid #d8d8d8;border-radius: 5px;box-shadow:7px 7px 10px rgba(238,238,238,.6);}
div.myEdu div.bdArea:before {position: absolute;left: 50%;top: 0;width: 1px;height: 100%;content: "";background-color: #d8d8d8;}
div.myEdu div.bdArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.myEdu div.bdArea > * {float: left;width: 50%;padding:45px 30px 30px;box-sizing:border-box;}
div.myEdu dl.eduNote {position: relative;min-height: 180px;}
div.myEdu dl.eduNote > dt {padding: 0 0 15px;color: #161616;}
div.myEdu dl.eduNote > dd {padding: 0;color: #333;background-color: #fff;}
div.myEdu dl.eduNote dd.img {position: absolute;left: 30px;top: 45px;width: 140px;height: 180px;}
div.myEdu dl.eduNote dd.img img {display: block;height: 100%;margin: 0 auto;}

div.myEdu dl.qualification {}

a.replay,
a.play,
a.quiz,
a.survey {display: block;width: 60px;height: 25px;margin: 0 auto;box-sizing:border-box;text-align: center;font-size: 11px;line-height: 23px;border-width: 1px;border-style: solid;}
a.replay {background-color: #fff;border-color: #d0dadd;color: #525252;}
a.play {background-color: #ef7b1e;border-color: #ef7b1e;color: #fff;}
a.quiz {background-color: #6833a4;border-color: #6833a4;color: #fff;}
a.survey {background-color: #6ba433;border-color: #6ba433;color: #fff;}



div.listNote {margin: 90px 0 10px;text-align: right;color: #333;font-size: 16px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}
table.eduList, table.eduList > thead, table.eduList > tbody, table.eduList > tfoot, table.eduList > * > tr, table.eduList * > tr > * {margin:0;padding:0;border:0 none;}

table.eduList {width:100%; border:0 none;border-collapse:separate; border-spacing:0;border-top: 2px solid #1594b9;}
table.eduList + table.eduList {margin-top: 50px;}
.ie7 table.eduList {border-collapse:collapse;}
table.eduList * > tr > th {font-weight:normal;}
table.eduList * > tr > td {word-break:normal;}

table.eduList > * > tr > * {padding: 5px;border-left: 1px solid #e5e5e5;text-align: center;}
table.eduList > * > tr > *:first-child {border-left: 0 none;}
table.eduList > * > tr > th {background-color: #ecf4f6;color: #158db9;font-family: 'NotoSansKR Bold', sans-serif;}
table.eduList > * > tr > td {border-bottom: 1px solid #e5e5e5;}

td.util a,
td.btn a {display: inline-block;min-width: 30px;vertical-align: top;margin-left: 5px;padding: 0 10px 2px;border-width: 1px;border-style: solid;font-size: 12px;line-height: 16px;font-family: 'NotoSansKR Bold', sans-serif;}
td.util a:first-child,
td.btn a:first-child {margin-left: 0;}

a.cancel {border-color: #464646;background-color: #464646;color: #fff;}
a.payInfo {border-color: #3722d4;background-color: #3722d4;color: #fff;}
a.card {border-color: #7e22d4;background-color: #7e22d4;color: #fff;}
a.receipt {border-color: #7ab53b;background-color: #7ab53b;color: #fff;}
a.print {border-color: #464646;background-color: #eee;color: #464646;}


/* 팝업 > 강의수강 */
div#popupPlayer {position: relative;min-width: 1200px;}
div#popupPlayer div.titArea {position: relative;padding: 30px 60px 40px;background-color: #887e79;}
div#popupPlayer h1 {display: table-cell;width: 2000px;height: 90px;margin: 0;color: #fff;font-weight: normal;font-size: 32px;line-height: 45px;vertical-align: middle;font-family: 'NotoSansKR Bold', sans-serif;}
div#popupPlayer div.lecturer {position: absolute;right: 60px;bottom: 20px;color: #fff;font-size: 20px;line-height: 40px;font-family: 'NotoSansKR Bold', sans-serif;}
div#popupPlayer div.lecturer img {display: inline-block;vertical-align: top;height: 40px;padding-right: 15px;}

div#popupPlayer div.popupCon {padding: 25px 60px 70px;}

dl.eduMaterials, dl.eduMaterials dt, dl.eduMaterials dd {margin: 0;padding: 0;}
dl.eduMaterials {text-align: right;}
dl.eduMaterials > * {display: inline-block;vertical-align: top;}
dl.eduMaterials > dt {padding-left: 25px;color: #282828;font-size: 20px;line-height: 45px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.eduMaterials dd a {display: inline-block;vertical-align: top;padding: 5px 30px;border-radius: 3px;font-size: 18px;line-height: 35px;color: #fff;background-color: #fe5c2a;font-family: 'NotoSansKR Bold', sans-serif;}

div#playerZone {height: 520px;margin-top: 25px;background-color: #e5e5e5;}
div.playerNote {padding-top: 10px;color: #282828;font-size: 20px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;}

dl.progress, dl.progress dt, dl.progress dd {margin: 0;padding: 0;}
dl.progress {position: relative;margin-top: 100px;padding-left: 195px;}
dl.progress > dt {position: absolute;left: 0;bottom: 0;color: #fe5c2a;font-size: 24px;font-family: 'NotoSansKR Bold', sans-serif;}

.graph {position: relative;padding-right: 120px !important;}
.graphBar,
.graphBar > div {height: 20px;border-radius: 10px;}
.graphBar {overflow: hidden;background-color: #eee;}
.graphBar > div {float: left;background: linear-gradient( to right, #feaa32, #fe6a32);}

.figure {position: absolute;right: 0;bottom: -5px;font-size: 56px;line-height: 56px;color: #fe5c2a;font-family: 'Roboto-Bold', sans-serif;text-align: right;letter-spacing:-1px;}
.figure:after {display: inline-block;vertical-align: bottom;content: "%";font-size: 35px;line-height: 35px;color: #000;font-family: 'Roboto-Light', sans-serif;}


/* 팝업 > 강의 계속 듣기 */
div#popupAlert {width: 800px;padding: 85px 0 86px;border: 2px solid #eb6100;border-radius: 10px;background-color: #fff;text-align: center;color: #2f2f2f;font-size: 20px;line-height: 32px;font-family: 'NotoSansKR Medium', sans-serif;}
div#popupAlert > img {display: block;height: 136px;margin: 0 auto 40px;}
div#popupAlert a {display: block;width: 160px;margin: 25px auto 0;color: #fff;font-size: 16px;line-height: 40px;border-radius: 2px;background-color: #2d2f64;box-shadow:0px 3px 7px rgba(0,0,0,.2);}
div#popupAlert a img {display: inline-block;vertical-align: top;height: 14px;padding: 13px 10px 0 0;}



/* 팝업 > 퀴즈 */
div#popupQuiz {position: relative;min-width: 1200px;}


/* 팝업 > 퀴즈풀기 */
div.quiz {}
div.question {position: relative;padding:30px 55px 30px 150px;background-color: #615651;color: #fff;font-size: 20px;line-height: 28px;font-family: 'NotoSansKR Medium', sans-serif;}
div.question:before {position: absolute;left: 0;top: 32px;width: 150px;text-align: center;font-size: 36px;font-family: 'NotoSansKR Bold', sans-serif;content: "문제";}
div.questionCon {padding: 50px 55px;}
div.questionCon img {display: block;max-height:300px;}
div.questionCon img + img {margin-top: 30px;}

ul.answer, ul.answer li {margin: 0;padding: 0;list-style:none;}
ul.answer {padding: 0 55px;counter-reset:num 0;}
ul.answer > li {position: relative;margin-top: 15px;}
ul.answer > li:first-child {margin-top: 0;}

ul.answer input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;opacity: 0;}
ul.answer label {position: relative;display: block;padding: 15px 30px 15px 55px;border-radius: 5px;border: 2px solid #f1f1f1;font-family: 'NotoSansKR DemiLight', sans-serif;color: #282828;font-size: 22px;line-height: 35px;background-color: #f1f1f1;}
ul.answer label:before {position: absolute;left: 25px;top: 15px;counter-increment:num 1;content: '' counter( num ) '.';}

ul.answer .correct label,
ul.answer .incorrect label {padding-right: 145px;}

ul.answer .correct label:after,
ul.answer .incorrect label:after {position: absolute;right: 35px;top: 50%;padding-left: 36px;background-position: left center;background-repeat: no-repeat;background-size: 26px;transform:translateY(-50%);}
/*ul.answer .correct label:after {content: "정답";background-image: url('/image/sub/correct.png');}*/
ul.answer .incorrect label:after {content: "오답";background-image: url('/image/sub/incorrect.png');}


ul.answer .correct label {border-color: #294596;background-color: #294596;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}
ul.answer .incorrect label {border-color: #f51010;background-color: #fff;color: #f51010;font-family: 'NotoSansKR Medium', sans-serif;}

div.quiz .btn {padding: 50px 55px;text-align: right;font-size: 0;line-height: 0;}
div.quiz .btn > * {width: 180px;height: 55px;border-radius: 3px;font-size: 20px;margin-left: 15px;}
div.quiz .btn > *:first-child {margin-left: 0;}
div.quiz .btnNext img {display: inline-block;vertical-align: top;height: 26px;padding: 3px 0 0 15px;}
div.quiz .btnSubmit {border-width: 2px;}

/* 팝업 > 퀴즈결과 */
div.quizResult {padding: 30px 55px 70px;}
div.quizResult h4 {margin: 0;padding: 0 20px 30px;border-bottom: 2px solid #615651;font-weight: normal;font-size: 44px;line-height: 50px;color: #615651;font-family: 'NotoSansKR Bold', sans-serif;}

div.brief {float: right;margin: 25px 0 75px;padding: 7px 30px;border-radius: 4px;color: #fff;font-size: 20px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;background-color: #997e72;}

table.result {clear: both;width:100%; border:0 none;border-collapse:separate; border-spacing:0;border-top: 2px solid #2e50a6;}
.ie7 table.result {border-collapse:collapse;}

table.result > * > tr > * {padding: 15px 0;border-bottom: 1px solid #f3f3f3;text-align: center;color: #282828;font-size: 20px;}
table.result > * > tr > th {position: relative;font-weight:normal;background-color: #f7f7f7;font-family: 'NotoSansKR Medium', sans-serif;background-color: #f7f7f7;}
table.result > * > tr > th:before {position: absolute;left: 0;top: 50%;width: 1px;height: 24px;margin-top: -12px;content: "";background-color: #c7c7c7;}
table.result > * > tr > th:first-child:before {display: none;}

table.result > * > tr > td {word-break:normal;border-left: 1px solid #f3f3f3;font-family: 'NotoSansKR DemiLight', sans-serif;}
table.result > * > tr > td:first-child {border-left: 0 none;}

div.resultNote {padding: 75px 0 30px;text-align: center;color: #282828;font-size: 40px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.resultNote strong {display: inline-block;vertical-align: top;font-family: 'NotoSansKR Bold', sans-serif;font-weight: normal;}
div.resultNote span {display: block;font-size: 20px;font-family: 'NotoSansKR Regular', sans-serif;}

div.quizResult div.btn a {display: block;width: 130px;margin: 10px auto 0;font-size: 20px;line-height: 50px;padding: 0;text-align: center;}

/* 팝업 > 설문조사 */
div.survey {}

dl.survey, dl.survey dt, dl.survey dd {margin: 0;padding: 0;}
dl.survey > dt {position: relative;padding:30px 55px 30px 150px;background-color: #615651;color: #fff;font-size: 20px;line-height: 28px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.survey > dt:before {position: absolute;left: 0;top: 32px;width: 150px;text-align: center;font-size: 36px;font-family: 'NotoSansKR Bold', sans-serif;content: "설문";}
dl.survey > dd {padding: 50px 55px;}

ul.surveyOption, ul.surveyOption li {margin: 0;padding: 0;list-style:none;}
ul.surveyOption {}
ul.surveyOption > li {position: relative;margin-top: 15px;}
ul.surveyOption > li:first-child {margin-top: 0;}

ul.surveyOption input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;opacity: 0;}
ul.surveyOption label {position: relative;display: block;padding: 15px 30px;border-radius: 5px;border: 2px solid #f1f1f1;font-family: 'NotoSansKR DemiLight', sans-serif;color: #282828;font-size: 22px;line-height: 35px;background-color: #f1f1f1;}

ul.surveyOption .on label {border-color: #294596;background-color: #294596;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}


div.survey .btn {padding: 50px 55px;text-align: center;font-size: 0;line-height: 0;}
div.survey .btn > * {width: 180px;height: 55px;border-radius: 3px;font-size: 20px;margin-left: 15px;}
div.survey .btn > *:first-child {margin-left: 0;}
div.survey .btnSubmit {border-width: 2px;}


/* 팝업 > 설문조사완료 */
div.surveyComp {padding-top: 100px;text-align: center;color: #2f2f2f;font-size: 36px;line-height: 48px;font-family: 'NotoSansKR Regular', sans-serif;}
div.surveyComp img {display: block;height: 210px;margin: 0 auto 65px;}
div.surveyComp strong {display: inline-block;vertical-align: baseline;font-size: 44px;color: #4f66d1;font-family: 'NotoSansKR Bold', sans-serif;font-weight: bold;}

div.printNote {position: relative;width: 960px;padding: 25px 45px;margin: 50px auto 100px;border-radius: 3px;background-color: #f3f5fc;color: #282828;font-size: 24px;line-height: 30px;box-sizing:border-box;font-family: 'NotoSansKR Regular', sans-serif;}
div.printNote a {position: absolute;right: 25px;top: 50%;width: 190px;padding: 5px 0;font-size: 18px;line-height: 30px;border-radius: 3px;color: #fff;background-color: #1ca5be;transform:translateY(-50%);font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}

div#popupQuiz .btnArea {margin: 0 0 50px;}
div#popupQuiz .btnGrey {width: 195px;font-size: 24px;line-height: 60px;padding: 0;border-radius: 3px;font-family: 'NotoSansKR Bold', sans-serif;f}


/* 개인정보 제공 동의 */
div.privacy > * {font-size:16px; line-height: 25px; color: #5e6a6d; font-family:'NotoSansKR Regular',sans-serif; letter-spacing: -0.8px;}
div.privacy > *:first-child {margin-top: 0;}
div.privacy p,div.privacy dl {margin-top: 20px; text-align: justify;}
div.privacy ul.noBl {margin-top: 10px;}

/* 이메일 무단 수집 거부 */
div#popupEmail {width: 750px; height: auto; transform:translateY(-50%); margin: 0 0 0 -350px; border: 2px solid #e66e27; background-color: #fff; border-radius:5px;padding: 0; text-align: center;}
div#popupEmail h1 {background-color: #e66e27; color: #fff; font-size:20px; line-height: 22px; font-family:'NotoSansKR Bold',sans-serif; font-weight: normal; padding: 18px 30px; text-align: left; border-radius: 0 0 5px 5px;}

div#popupEmail .popupCon {padding: 30px; box-sizing:border-box;}
div#popupEmail .popupCon p, div#popupEmail .popupCon dl {margin-top: 20px; color: #888d8f;}
div#popupEmail p, dl {color: #5e6a6d; font-size:15px; line-height: 26px; text-align: left; letter-spacing: -0.75px;}

div#popupEmail .popupCon > *:first-child {margin-top: 0;}
div#popupEmail dl {text-align: left;}
div#popupEmail ul {margin: 0; padding: 0; list-style: none;}
div#popupEmail p.btn {margin-top: 25px;text-align: center;}
div#popupEmail p.btn a {min-width: 90px; padding: 0 15px; line-height: 40px; font-size:16px; border-radius:3px; font-family:'NotoSansKR Medium',sans-serif;}