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

h1, h2, h3, h4, h5 {font-weight: normal;}

input[type=text],
input[type=password],
input[type=file],
input[type=date],
select,
textarea {border: 1px solid #ccc;font-size: 18px;font-weight: 300;}
input:focus,
select:focus,
textarea:focus {outline:none;}

input[type=text],
input[type=password],
input[type=file],
input[type=date] {height: 23px;padding: 4px 10px;}


select {height: 33px;}


input[type=radio],
input[type=checkbox] {vertical-align: top; margin:9px 5px 0 7px;}



span.inputC,
span.inputR {position: relative;display: inline-block;background-color: #e9e9e9;}
span.inputC {width:18px;height: 18px;margin-top: 9px !important;}
span.inputR {width:22px;height: 22px;margin-top: 7px !important;border-radius: 11px;}
span.inputC input,
span.inputR input {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;margin: 0 !important;opacity: 0;}

span.inputC:before,
span.inputR:before {display: block;content: " ";}
span.inputC:before {width:18px;height: 18px;}
span.inputR:before {width:22px;height: 22px;border-radius: 11px;}

span.inputC.on,
span.inputR.on {background: linear-gradient(135deg, #fe4a22, #fe8e46);}

span.inputC.on:before,
span.inputR.on:before {background: url('/image/common/input_check.png') center center no-repeat;}

.multi span.inputC,
.multi span.inputR {margin-left: 20px;}
.multi span.inputC:first-child,
.multi span.inputR:first-child {margin-left: 0;}



.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:40px;padding:0 10px 1px;font-size:14px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;font-weight: 400;font-family: 'NotoSansKR Regular', sans-serif;}

.btn a {height:auto;line-height:20px;padding:8px 15px 10px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;vertical-align: top;}
.btn .btnIcon i {padding-right: 0;}

.btn .btnSmall {font-size: 13px;height: 26px;padding:1px 16px 0;}
.btn a.btnSmall {height:auto;padding: 5px 16px;line-height: 14px;}

.btn .btnSSmall {font-size: 11px;height: 17px;padding:1px 10px 0;border-radius:4px;vertical-align:top;font-family: 'Dotum', sans-serif;line-height: 14px;}
.btn a.btnSSmall {height:auto;}

.btn .btnBig {min-width:200px;font-size: 18px;height: 60px;border-radius: 5px;padding:0 0 2px;box-sizing:border-box;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
.btn a.btnBig {line-height: 29px;padding: 14px 20px 15px;}

.btn .btnBig.btnBdPoint {box-shadow:2px 2px 10px rgba(27,178,200,.2);}

.btn a.btnImg {border: 0  none;padding: 0;}
.btn a.btnImg img {display: block;}

/* 파란색 */			.btnDef {background-color: #3e64bb !important;border-color: #3e64bb !important;color: #fff !important;}
/* 민트색 */			.btnPoint {background-color:#1bb2c8 !important;border-color:#1bb2c8 !important;color:#fff !important;}
/* 빨간색 */			.btnRed {background-color:#e40404 !important;border-color:#e40404 !important;color:#fff !important;}
/* 파란색 */			.btnBlue {background-color:#1d2088 !important;border-color:#1d2088 !important;color:#fff !important;}
/* 남색 */				.btnNavy {background-color:#213575 !important;border-color:#213575 !important;color:#fff !important;}

/* 회색 */				.btnGrey {background-color:#505d78 !important;border-color:#505d78 !important;color:#fff !important;}
                            .btnGrey.btnSmall, .btnGrey.btnSSmall {border-color:#000 !important;}
/* 연회색 */			.btnLGrey {background-color:#888 !important;border-color:#888 !important;color:#fff !important;}


/* border+ 파란색 */		.btnBdDef {background-color:#fff;border-color:#3e64bb;color:#3e64bb;}
/* border+ 민트색 */		.btnBdPoint {background-color:#fff;border-color:#1bb2c8;color:#1bb2c8;}
/* border+ 회색 */		.btnBdGrey {background-color:#fff;border-color:#7b7b7b;color:#8a8a8a;}
/* border+ 연회색 */		.btnBdLGrey {background-color:#f5f5f5;border-color:#b3b3b3;color:#454545;}


/* 녹색 */			.btnExel {background-color:#0a7334 !important;border-color:#0a7334 !important;color:#fff !important;}
/* 삭제 */			.btnDel {background-color:#fff !important;border-color:#e91c51 !important;color:#e91c51 !important;}



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

.btn .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}

.btnArea {padding-top: 30px;text-align: center;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:7px 10px;}

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}


.fcPoint {color: #fe5d2b !important;}



/**/
div.wrapper {overflow: hidden;min-width:1200px;font-family: 'NotoSansKR Regular', sans-serif;font-size: 14px;line-height: 1.2;color: #282828;}

div#headerWrap {z-index: 80;position: relative;height: 133px;}
div#headerWrap.noGnb {border-bottom: 1px solid #ddd;}

div.header {position: relative;width: 1200px;height: 133px;margin: 0 auto;}
div.header h1 {position: absolute;left: 0;top: 50%;margin:-26px 0 0;padding: 0;}
div.header h1 a, div.header h1 img {display: block;width: 235px;height: 53px;}


ul.gnbUtil, ul.gnbUtil li, ul.gnbUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.gnbUtil {position: absolute;right: 0;top: 20px;}
ul.gnbUtil > li {position: relative;float: left;padding: 0 0 0 20px !important;}
ul.gnbUtil > li:before {position: absolute;left: 10px;top: 3px;width: 1px;height: 12px;background-color: #bfbfbf;content: " ";}
ul.gnbUtil > li:first-child {padding-left: 0 !important;}
ul.gnbUtil > li:first-child:before {display: none;}
ul.gnbUtil a {color: #1a1a1a;font-size: 14px;}
ul.gnbUtil a.admin {color: #ef1841;}
ul.gnbUtil img {display: inline-block;vertical-align: top;}

ul.gnbUtil li.abstract {margin-top: -3px;}
ul.gnbUtil li.abstract + li {padding-left: 10px !important;}
ul.gnbUtil li.abstract + li:before {display: none;}


ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {z-index: 80;position: absolute;right: 0;top: 58px;padding-left: 325px;}
ul#gnb:after, ul#gnb ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul#gnb a, ul#gnb img {display: block;}
ul#gnb > li {float: left;padding-right: 80px;}
ul#gnb > li > a {height: 44px;padding-bottom: 31px;}
ul#gnb ul {position: absolute;top: 75px;text-align: right;font-size: 0;line-height: 0;}
ul#gnb ul li {float: none;display: inline-block;vertical-align: top;}
ul#gnb ul a {padding: 22px 20px 21px;background: url('/image/common/gnbSub_bg.png') 0 0 no-repeat;}

ul#gnb li.view ul {display: block;}

ul#gnb > li:last-child {padding-right: 0;}
ul#gnb > li:last-child ul {width: 1260px;}



div.gnbBg {display: block;position: absolute;left: 0;top: 133px;width: 100%;height: 60px;background-color: #214175;}
div#headerWrap.noGnb div.gnbBg,
div.mainWrap div.gnbBg {display: none;}

div#footerWrap address, div#footerWrap ul, div#footerWrap li, div#footerWrap p, div#footerWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div#footerWrap {height: auto;padding: 33px 0;text-align: center;font-size: 0;line-height: 0;background: #424853;letter-spacing:-1px;}
div#footerWrap ul,
div#footerWrap li,
div#footerWrap address,
div#footerWrap p {visibility: visible;height: auto;font-size: 15px;line-height: 27px;height: 27px;}

div#footerWrap, div#footerWrap a {visibility: visible;color: #a7b1c3;font-size: 15px;line-height: 27px;font-family: 'NotoSansKR Regular', sans-serif;}
div#footerWrap address,
div#footerWrap li {display: inline-block;vertical-align: top;}
div#footerWrap span {visibility: visible;padding-right: 4px;color: #fff;letter-spacing:0;font-size: 15px;line-height: 27px;}
div#footerWrap li {padding-left: 20px;}
div#footerWrap li:first-child {padding-left: 0;}


/* 컨텐츠 */
div#container {position: relative;}
div.sponsor div.contents {border-top: 0 none;}

.pageTit {z-index: 10;position: relative;width: 1200px;margin: 0 auto;padding: 60px 0 0px;border-bottom: 1px solid #eee;text-align: center;font-size: 60px;line-height: 70px;font-family: 'NotoSansKR Medium', sans-serif;color: #3e64bb;}


ul#lnb, ul#lnb li, ul#lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#lnb {padding-bottom: 65px;text-align: center;font-size: 0;line-height: 0;}
ul#lnb li {display: inline-block;margin-left: 20px;vertical-align: top;}
ul#lnb li:first-child {margin-left: 0;}
ul#lnb a {display: block;width: 280px;height: 85px;padding: 21px 0 22px;border: 2px solid #eee;border-radius: 43px;box-sizing:border-box;color: #b2b2b2;font-size: 22px;line-height: 38px;font-family: 'NotoSansKR Medium', sans-serif;}
ul#lnb img {display: inline-block;vertical-align: top;padding-right: 10px;}
ul#lnb .on a {border: 0 none;padding: 23px 0 24px;color: #fff;background: linear-gradient( to right, #43abbc, #3e65bb);}

div.contents {width: 1200px;margin: -1px auto 0;padding: 40px 0;color: #282828;font-size: 16px;min-height: 600px;}
div.contents:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}


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


.subTit {margin: 50px 0 10px;padding: 0;color: #292929;font-family: 'NotoSansKR Medium', sans-serif;font-size: 20px;font-weight: 500;}
.pointTit {margin: 50px 0 10px;padding: 0;color: #fe5d2b;font-family: 'NotoSansKR Medium', sans-serif;font-size: 20px;font-weight: 500;}
.subTit:first-child,
.pointTit:first-child {margin-top: 0;}


ul.num, ul.num > li,
ul.listBl, ul.listBl > li,
ul.listBl_v, ul.listBl_v > li,
ul.txtIn01, ul.txtIn01 > li,
ul.nonBl, ul.nonBl > li,
ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}

ul.num {padding-left: 25px;}
ul.num > li {margin-top: 5px;list-style:decimal;}

ul.txtIn01 > li {margin-top: 5px;padding-left: 1.2em;text-indent: -1.2em;}
ul.txtIn01 > li:first-child {margin-top: 0;}
ul.txtIn01 > li * {text-indent: 0;}

ul.listBar > li {position: relative;padding-left: 1em;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";}

ul.listBl > li {position: relative;margin-top: 10px;padding-left: 1em;line-height: 1.4;}
ul.listBl > li:before {position: absolute;left: 0;top: 0.7em;width: 6px;height: 6px;border-radius:3px;margin-top: -3px;content: " ";background-color: #38adff;}
ul.listBl > li:first-child {margin-top: 0;}

ul.listBl_v > li {margin-top:10px;padding-left:25px;background:url('/image/bl_vCheck.png') 0 5px no-repeat;color:#666;line-height:1.4;}
ul.listBl_v > li:first-child {margin-top: 0;}


ul.listNum, ul.listNum > li {margin: 0;padding: 0;list-style:none;}
ul.listNum {counter-reset:num 0;}
ul.listNum > li {position: relative;padding-left: 30px;margin-top: 10px;}
ul.listNum > li:before {position: absolute;left: 0;top: 0;width: 25px;counter-increment:num 1;content: '' counter( num ) ') ';text-align: right;}


ul.tabMenu, ul.tabMenu > li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu {position: relative;margin-bottom: 30px;}
ul.tabMenu:before {z-index: 10;position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;content: "";background-color: #1bb2c8;}
ul.tabMenu:after {clear: both;display: block;content: "";height: 0;line-height: 0;font-size: 0;}
ul.tabMenu > li {position: relative;float: left;min-width:160px;margin-left: -2px;border: 2px solid #e2e2e2;border-bottom: 0 none;background-color: #fff;}
ul.tabMenu a {display: block;padding: 20px 0 18px;text-align: center;color: #bebebe;font-size: 18px;line-height: 25px;text-align: center;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.tabMenu > li:first-child {margin-left: 0;}
ul.tabMenu .on {z-index: 15;border-color: #1bb2c8;}
ul.tabMenu .on a {color: #1bb2c8;font-family: 'NotoSansKR Medium', sans-serif;}

ul.tabMenu.col7ea {}
ul.tabMenu.col7ea:before {display: none;}
ul.tabMenu.col7ea li {width: 169px;margin-top: -2px;}
ul.tabMenu.col7ea li:nth-child(7n+1) {clear: both;width: 170px;margin-left: 0;}
ul.tabMenu.col7ea li:nth-child(-n+7) a {}

ul.tabMenu.col7ea a {padding: 12px 0 11px;border-bottom:2px solid #e2e2e2;font-size: 20px;line-height: 24px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.tabMenu.col7ea a:before {display: block;content: "Program";font-style: italic;font-size: 14px;line-height: 16px;}

ul.tabMenu.col7ea li:first-child a {padding: 20px 0 19px;}
ul.tabMenu.col7ea li:first-child a:before {display: none;}

ul.tabMenu.col7ea .on a {border-bottom: 2px solid #1bb2c8 !important;}



ul.subMenu, ul.subMenu > li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {position: relative;margin-bottom: 30px;}
ul.subMenu:before {z-index: 10;position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;content: "";background-color: #1bb2c8;}
ul.subMenu:after {clear: both;display: block;content: "";height: 0;line-height: 0;font-size: 0;}
ul.subMenu > li {position: relative;float: left;min-width:160px;margin-left: -2px;border: 2px solid #e2e2e2;border-bottom: 0 none;background-color: #fff;}
ul.subMenu a {display: block;padding: 20px 0 18px;text-align: center;color: #bebebe;font-size: 18px;line-height: 25px;text-align: center;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.subMenu > li:first-child {margin-left: 0;}
ul.subMenu .on {z-index: 15;border-color: #1bb2c8;}
ul.subMenu .on a {padding-bottom: 20px;color: #1bb2c8;font-family: 'NotoSansKR Medium', sans-serif;}

ul.subMenu.fr > li {width: 240px;}

.fr + *,
.fl + * {clear: both;}



div.searchArea {position: relative;text-align: right;margin-bottom: 50px;}
div.searchArea select,
div.searchArea input[type=text] {font-size: 15px;}


div.searchArea select {min-width: 110px;height: 40px;}
div.searchArea input[type=text] {width: 500px;height: 40px;padding-right: 50px;box-sizing:border-box;}
div.searchArea span.btn {position: absolute;right: 0;top: 0;width: 45px;height: 40px;background: url('/image/common/icon_search.png') center center no-repeat;}

div.searchArea.bbsSearch {text-align: center;}

div.sort {padding-bottom: 30px;}
div.sort:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
div.sort select {min-width: 110px;height: 45px;}

div.sort ul.fl {margin-bottom: 0;}
div.sort li a {height: 19px;}

div.sort .fr {clear: none;padding-top: 12px;}
div.utilBtn {position: relative;margin: 30px 0 10px;}
div.contents > div.utilBtn:first-child {margin-top: 0;}



/* ========================================================================================================== */
/* =============================================== 테이블 공통 CSS =============================================== */
/* ========================================================================================================== */

/* 기본 table */
table.tblDef,
table.inputTbl {border-top:2px solid #3e64bb;border-bottom:1px solid #e5e5e5;color: #282828;font-size: 16px;}
table.tblDef.yun {font-size:14px;}
table.tblDef.yun > * > tr > *{padding:10px;}

table.innerTbl {border-top:1px solid #e5e5e5}
table.innerTbl:first-child {border-top: 0 none;}

table.tblDef > * > tr > *,
table.inputTbl > * > tr > *,
table.innerTbl > * > tr > * {padding:10px;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;text-align:left;}
table.tblDef > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child,
table.noborder > * > tr > * {border-left: 0 none;}

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



table.tblDef > * > tr > * {padding: 10px 20px 12px;}
table.tblDef tr.border > * {border-top: 2px solid #3e64bb;}

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

table.tblDef > thead > tr > th {border-left: 0 none;background:#f1eded url('/image/common/th_bg.png') left center no-repeat;}
table.tblDef > thead > tr > th:first-child {background-image: none;}


table.inputTbl > * > tr > th {padding-left: 2em;text-align: left;}
table.inputTbl.noEssen > * > tr > th,
table.inputTbl.ac > * > tr > * {padding-left: 10px;text-align: center;}

table.inputTbl > * > tr > th .essen {margin-left: -1em;}
table.inputTbl > * > tr > th span {line-height: 33px;}
table.inputTbl > * > tr > th span.essen {line-height: 1.2;}
table.inputTbl > * > tr > td,
table.innerTbl > * > tr > td {padding:10px 20px;}

table.tblDef > thead > tr > * {background-color:#fbfbfb;color: #222;}
table.tblDef > thead > tr.bg > * {background-color: #f8f8f8;color: #222;}

table.tblDef > * > tr > *.bg {background-color: #3e64bb;color: #fff;text-align: center;font-size: 18px;font-family: 'NotoSansKR Medium', sans-serif;}

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



table.inputTbl > * > tr > td.pluginArea {padding: 0;}

table.inputTbl > * > tr > td > span,
table.inputTbl > * > tr > td > label {line-height: 33px;vertical-align: top;}
table.inputTbl > * > tr > td > .note {color:#dd3131;font-size:16px;line-height: 45px;}
table.inputTbl > * > tr > td > span.btn {vertical-align: top;}
table.inputTbl > * > tr > td.address > span.btn {padding-top: 0;}

table.inputTbl input[type=text], table.inputTbl input[type=password] {width: 306px;}
table.inputTbl > * > tr > td.date input[type=text] {width: 120px;}



table.inputTbl ul.note, table.inputTbl ul.note li {margin: 0;padding: 0;list-style:none;}
table.inputTbl ul.note li {line-height: 1.2em;}

table.ac > * > tr > th,
table.ac > * > tr > td {text-align:center !important;}
table.ac > * > tr > *.al {text-align:left !important;}



.formArea div.multi {overflow: hidden;}
.formArea div.multi > * {float: left;margin-left: 20px;}
.formArea div.multi > *:first-child {margin-left: 0;}
.formArea div.multi input[type=checkbox],
.formArea div.multi input[type=radio] {margin-top: 16px;margin-left: 30px;}
.formArea div.multi label {line-height: 45px;margin-left: 5px;}

table.inputTbl td div.multi {padding: 0;}
table.inputTbl td div.multi label {line-height: 33px;padding-bottom: 0;}

div.changePwd {padding-bottom: 100px;}
div.changePwd div.bdArea {padding: 50px;border: 1px solid #ddd;width: 1000px;margin: 50px auto 0;}

div.changePwd dl {overflow: hidden;width: 500px;margin: 0 auto;}
div.changePwd dt,
div.changePwd dd {float: left;padding-bottom: 10px;}
div.changePwd dt {clear: both;width: 150px;}
div.changePwd dt label {line-height: 45px;}

div.changePwd dd input {width: 328px;}

div.changePwd ul.listBl_v {margin-top: 30px;padding-top: 30px;border-top: 1px solid #ddd;}

div.selectFile input[type=text] {height: 26px;padding: 4px 10px;}

table.inputTbl td.address input[type=text] {width: 40%;}
table.inputTbl td.address input[type=text].clear {width: 50%;}

div.utilArea {margin:50px 0 10px;}
div.utilArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

ul.sort {overflow: hidden;margin:0 0 10px;padding: 0;}
ul.sort > li {float: left;margin:0 0 0 5px;list-style:none;}
ul.sort > li:first-child {margin-left: 0;}
ul.sort a {display: block;padding: 7px 15px 9px;border: 1px solid #222;color: #222;}
ul.sort .on a {background-color: #222;color: #fff;}

div.utilArea .note {line-height: 26px;}


ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option > li {position: relative;margin-top: 5px;padding-left: 32px;}
ul.option > li:first-child {padding-top: 0;}
ul.option > li > span.inputR,
ul.option > li > span.inputC {position: absolute;left: 0;top: 0;}

div.tooltip {z-index: 50;position: relative;display: inline-block;vertical-align: top;}
div.tooltip > a {margin-top: 0 !important;}
div.tooltip div.tooltipCon {display: none;position: absolute;left: 33px;bottom: 11px;width: 270px;padding: 20px 30px;border-radius:2px;background-color: #1d2088;color: #fff;}
div.tooltip div.tooltipCon:after {position: absolute;left: -8px;bottom: 0;display: block;width: 8px;height: 9px;content: " ";background: url('/image/common/tooltip_bg.png') left bottom no-repeat;}


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


table.bbs > * > tr > * {text-align: center;border-left: 0 none;}
table.bbs > * > tr > th {padding: 0;;height: 44px;color: #222;font-size: 16px;background-color: #f8f8f8;font-weight: 400;}
table.bbs > tbody > tr > .bg {padding: 10px;background-color:#2d81f8;color:#fff;text-align:center;}

table.bbs > tbody > tr > td > a {display:inline-block;vertical-align: top;color: #222;font-size: 16px;}
table.bbs > tbody > tr > td > a:hover,
table.bbs > tbody > tr > td > a:focus {color: #2d81f8;}

table.bbs > tbody > tr > td.tit {text-align:left;}
table.bbs > tbody > tr > td.tit a {display:inline-block;overflow:hidden;position:relative;width: 300px;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;}


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

table.bbs span.notice {position: relative;display: inline-block;width: 20px;height: 21px;text-indent: -10000px;}
table.bbs 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.bbs td.tit span.attach {position: absolute;top: 50%;width: 20px;height: 21px;margin-top: -11px;text-indent: -10000px;}
table.bbs 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.bbs td.tit span.reply {position: absolute;top: 50%;height: 21px;margin-top: -11px;}
table.bbs td.tit img.new {position:absolute;right: 0;top:50%;width: 34px;margin-top: -8px;}
table.bbs td.tit img.attach {position:absolute;right: 0;top:50%;width: 13px;height: 16px;margin-top: -8px;}


table.bbs td.tit a.attach span.attach,
table.bbs td.tit a.reply span.reply {right: 0;}
table.bbs td.tit a.attach.reply span.attach {right: 20px;}
table.bbs td.tit a.attach {width: 300px;text-indent: 0;}

table.bbs td.tit a.new.attach img.attach {right: 24px;}
table.bbs td.tit a.new.reply .reply {right: 22px;}

table.bbs > tbody > tr > td.admin a {margin-left: 5px;}
table.bbs > tbody > tr > td.admin a:first-child {margin-left: 0;}

table.bbs tbody th {color: #t;}

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.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td.pluginArea {padding:0 !important;}

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

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

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



/* 게시판 글 보기 */
div.bbsView {border-top: 2px solid #3e64bb;}
.bbsTit {padding: 30px 30px 0;color: #222;font-size: 24px;line-height: 30px;font-weight: 400;}
div.bbsView .bbsTit,
div.bbsView ul.info {background-color: #f1eded;}

div.bbsView ul.info {overflow: hidden;margin: 0;padding: 20px 30px 30px;border-bottom: 1px solid #ccc;}
div.bbsView ul.info > li {float: right;margin: 0;padding: 0;color: #666;font-size: 16px;font-weight: 300;list-style:none;}
div.bbsView ul.info > li:first-child {float: left;}

.relLink {padding: 20px 30px 0;text-align: right;}
.relLink a {color: #282828;text-decoration: none;font-size: 15px;font-weight: 300;}

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

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 #ccc;}
ul.bbsAttach > li {margin-top: 5px;}
ul.bbsAttach > li:first-child {margin-top: 0;}
ul.bbsAttach a {display: inline-block;color: #666;font-size: 15px;line-height: 24px;font-weight: 300;text-decoration: none;vertical-align: top;}
ul.bbsAttach img {padding: 4px  5px 0 0;vertical-align: top;}


table.bbs td.tit a.new,
table.bbs td.tit a.count {padding-right:20px;}
table.bbs td.tit a.new.count {padding-right:38px;}
table.bbs td.tit a span.count {position:absolute;right:0;top:25%;margin-top:-4px; font-size:12px; line-height:19px;}
table.bbs td.tit a.new.count span.count {right:24px;}
table.bbs td.tit img.reply {padding-right:5px;}

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

table.bbs td.con {height:300px;}

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

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

table.bbs td.utilBtn span,
table.bbs td.utilBtn a {vertical-align: top;}
table.bbs td.utilBtn a img {height:100%;}

table td.noResult {padding:30px 0 34px;text-align:center !important;font-weight:bold;color:#000;}

table.bbs  span.notice {display:inline-block; zoom:1; *display:inline; padding:2px 10px; background-color:#888; font-weight:bold; color:#FFF; text-align:center;}

ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li label,
ul.popSize li span {line-height: 33px;vertical-align: top;}
ul.popSize li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}


table.inputTbl td.date{position:relative;}

table.inputTbl .date input[type=text] {width: 120px !important;}
table.inputTbl .date input[type=image] {vertical-align: top;}


dl.uploadCount {overflow:hidden;padding:30px 0 10px;}
dl.uploadCount > dt,
dl.uploadCount > dd {float:left;}
dl.uploadCount > dt {padding-right:10px;font-weight:bold;}





/* 답변 영역 */
div.answer {}
div.answer table.bbs th,
div.answer table.bbs td {padding-left: 20px;padding-right: 20px;}
div.answer table.bbs th span.date {float: right;font-weight: normal;}
div.answer table.bbs td.con {border-bottom: 0 none;}




/* 댓글 작성 */
div.reply {margin-top:36px; border-bottom:1px solid #e1e3e6;}
div.reply div.replyWrite {position:relative;overflow:hidden; padding:20px 26px 20px 17px; background-color:#f1eded;}
div.reply div.replyWrite textarea {float:left;width:862px;height:86px;}
div.reply div.replyWrite input[type=submit] {float:right;width:120px;height:100px;border:1px solid #b7b7b7;color:#666;background-color: #fff;}

dl.replyItem {position:relative;color:#666;}
div.reply > dl.replyItem {padding-top:25px; border-top:1px solid #ddd;}
div.reply > dl.replyItem:first-child {border-top:0 none;}
dl.replyItem dt {padding:0 10px 0 18px;}
dl.replyItem dd.con {padding:12px 10px 24px 18px;}

dl.replyItem dt {font-weight:bold;}
dl.replyItem dt span {font-weight:normal;}

dl.replyItem dd.util {position:absolute;right:10px;top:10px;padding:0;}
dl.replyItem dd.reply dd.util {right:-10px;}

dl.replyItem dd.util a {font-size:12px;color:#666;}
dl.replyItem dd.util li {padding-left:10px;background:url('/image/icon/bbsBl_bar.gif') 5px 8px no-repeat;}
dl.replyItem dd.util li:first-child {padding-left:0;background:none;}

div.reply > dl.replyItem > dd.reply {border-top:1px solid #e1e3e6;}


dl.replyItem dd.info {margin-top:10px; color:#989898;}
dl.replyItem dd.reply,
dl.replyItem dd.write {padding:20px 26px 23px 37px; background:url('/image/sub/bbsBl_reply.png') 16px 21px no-repeat;}

dl.replyItem dd.reply dt,
dl.replyItem dd.reply dd {padding:0;}
dl.replyItem dd.cont {line-height:24px;}

dl.replyItem dd.write {background-color:#f1eded;}
dl.replyItem dd.write div.replyWrite {padding:0;}
dl.replyItem dd.write div.replyWrite label {position:absolute;left:14px;top:10px;color:#989898;}
dl.replyItem dd.write div.replyWrite textarea {width:842px;height:62px;padding-top:26px;}



/* 게시판 글쓰기 */
td.editArea {padding:0 !important;}
div.editArea {margin-top:20px;}

td.con {padding:20px 20px 60px;text-align:left;vertical-align:top;}


/* 게시판 하단버튼 영역 */
div.bbsUtil {position:relative;margin:50px 0;text-align:center; font-size:0;} 
div.bbsUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " dh";}
div.contents > div.bbsUtil:first-child {margin: 0 0 30px;}

div.bbsUtil * {margin-left:20px;}
div.bbsUtil *:first-child,
div.bbsUtil > span {margin-left:0;}
div.bbsUtil a,
div.bbsUtil input,
div.bbsUtil button {display: inline-block;margin-left:6px;}

div.bbsUtil a.goHomeBbs {position: absolute;right: 0;top: -75px;}



/* 게시판 하단 pager */
ul.pager {clear: both;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:33px;border-bottom: 2px solid #fff;text-decoration: none;color: #b3b3b3;font-family: 'Montserrat', sans-serif;font-size: 22px;font-weight: 100;}

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-size: 22px;border-bottom-color: #000;font-family: 'Montserrat-Bold', 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;}
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 {height:40px;}
div.bbsSearch input[type=text] {width:520px;height: 40px;padding-right: 45px;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: 40px;height:40px;margin-left: -45px;background: url('/image/common/icon_search.png') center center no-repeat;}
div.bbsSearch span.btn * {width:40px;height:100%; font-size: .8em; vertical-align:top;}



/* FAQ */
dl.faq, dl.faq dt, dl.faq dd, dl.faq ul, dl.faq li, dl.faq p {margin: 0;padding: 0;list-style:none;line-height:22px;}

dl.faq {position: relative;padding:0;margin: 0;border-bottom: 1px solid #e5e5e5;color: #282828; }
div.sort + dl.faq {border-top: 1px solid #e5e5e5;}
dl.faq > dt {position: relative;}
dl.faq > dt > a {display: block;padding:30px 30px 30px 100px;font-size: 20px;font-family: 'NotoSansKR Medium', sans-serif;text-decoration: none;color: #282828;}
dl.faq > dt > a:after {position: absolute;right: 30px;top: 50%;width: 14px;height: 7px;margin-top: -4px;content: " ";background: url('/image/common/toggle.png') 0 0 no-repeat;}
dl.faq > dt.view > a:after {background-image: url('/image/common/toggle_on.png');}
dl.faq > dt span {display: none;}
dl.faq > dt span:first-child {position: absolute;left: 30px;top: 28px;display: block;padding:2px 0 2px 30px;background: url('/image/sub/faq_q.png') 0 0 no-repeat;color: #fe6731;font-family: 'Montserrat-Bold', sans-serif;font-size: 30px;}
dl.faq.admin > dt > a {padding-right: 130px;}

dl.faq.admin span.admin {display: block;position: absolute;right: 70px;top: 50%;margin-top: -13px;}
dl.faq.admin span.admin a {margin-left: 10px;}
dl.faq.admin span.admin a:first-child {margin-left: 0;}

dl.faq > dd {padding:30px 30px 30px 62px;border-top: 1px solid #e5e5e5;font-size: 17px;background:#f5f5f5 url('/image/sub/faq_a.png') 32px 30px no-repeat;}
dl.faq > dd > div.show_box{}
dl.faq + ul.pager {margin-top: 100px;}


/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff; font-family: 'NotoSansKR Regular', sans-serif; word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#b2b2b2;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}
@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold; color:#fff;}

/* popup skin */
.skinWrap {position:relative; min-height:100%;border: 3px solid #bbc6d9;} /* width:500px; */
.skinWrap.skin02 {}
.skinWrap .popHeader {}

.popHeader {padding-top: 80px;}
.skin01 .popHeader {border-top: 3px solid #0a2e77; background:#0a2e77 url('/image/common/popupTit_01.png') center 28px no-repeat;}
#privacy.skin01 .popHeader {background:#0a2e77 url('/image/common/privacy_pop.png') center 28px no-repeat;}


.skin02 .popHeader {border-color: #bcc6dd; background:url('/image/common/popupBg_02.png') center 12px no-repeat;}


.skinWrap .popHeader .tit {margin: 0;padding:10px 20px 10px 20px;color:#000; font-weight:bold; font-size:16px;line-height:1.2;background-color:#fff;}
.skin02 .popHeader .tit {border-top: 4px solid #bcc6dd;}

.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:22px;}
.skinWrap .contWrap .content {padding:20px; color:#444; line-height:20px; font-size:14px;}
.skinWrap .btnArea {text-align:center; margin:30px 0;}


.skinWrap #popClose {position:fixed; bottom:0; left:0; width:100%;}
.ie7 .skinWrap #popClose {position:static;}
.skinWrap #popClose a {text-decoration:none;}
.skinWrap #popClose form {background-color:#535353;}







/* 메인 */
div#container.main {position: relative;}

div.mainCon, div.mainCon dl, div.mainCon dt, div.mainCon dd, div.mainCon ul, div.mainCon li, div.mainCon a {padding: 0;padding: 0;list-style:none;text-decoration: none;}
div.mainCon {position: relative;width: auto;height: 600px;background: url('/image/webinar/mainBg.png') center top no-repeat;}

div.mainCon > dl.mainWebinar {float: none;width: 1200px;padding-right: 450px;margin: 0 auto;box-sizing:border-box;}
dl.mainWebinar > dt {padding: 95px 0 5px;color: #fff;font-size: 52px;line-height: 85px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.mainWebinar > dt:before {display: block;font-size: 35px;line-height: 40px;content: '대한가정의학회';font-family: 'NotoSansKR Regular', sans-serif;}
dl.mainWebinar > dt span {display: inline-block;font-size: 85px;vertical-align: top;font-family: 'NotoSansKR Medium', sans-serif;}
dl.mainWebinar > dd {padding-left: 15px;}
dl.mainWebinar > dd li {position: relative;margin-top: 10px;padding-left: 78px;color: #fff;font-size: 20px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;text-indent: -78px;}
dl.mainWebinar > dd img {display: inline-block;vertical-align: top;padding: 2px 5px 0 0;}


div.mainCon ul.mainMenu {overflow: hidden;width: 1200px;margin: 0 auto;padding-top: 65px;}
ul.mainMenu > li {float: left;margin-left: 20px;}
ul.mainMenu > li:first-child {margin-left: 0;}
ul.mainMenu a,
ul.mainMenu img {display: block;}
ul.mainMenu a {color: #fff;font-size: 17px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}
ul.mainMenu img {margin: 0 auto 10px;}

div.liveLecture {position: absolute;left: 50%;top: 50%;width: 410px;height: 450px;padding: 80px 40px 0;margin: -225px 0 0 190px;border-radius: 0 0 100px 0;background-color: #fff;box-shadow:10px 10px 46px rgba(43,85,124,.55);box-sizing:border-box;}
div.liveLecture:before {position: absolute;left: 12px;top: -19px;width: 139px;height: 87px;content: "LIVE";font-size: 0;line-height: 0;background: url('/image/webinar/mainBl_live.png') 0 0 no-repeat;}

div.liveLecture div.live {color: #404040;font-size: 17px;line-height: 35px;font-family: 'NotoSansKR Light', sans-serif;}
div.liveLecture div.live img {display: inline-block;vertical-align: top;padding-right: 10px; padding-bottom:5px;}
div.liveLecture div.live a {display: -webkit-box;overflow: hidden;height: 110px;margin-bottom: 20px;color: #404040;font-size: 27px;line-height: 40px;font-family: 'NotoSansKR Medium', sans-serif;letter-spacing:-1px;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

div.liveLecture div.util {padding-top: 5px;}
div.liveLecture div.util a {position: relative;display: block;margin-top: 15px;padding: 0 40px;border-radius: 25px;background-color: #0ebac5;color: #fff;font-size: 16px;line-height: 50px;font-family: 'NotoSansKR Medium', sans-serif;}
div.liveLecture div.util img {position: absolute;right: 25px;top: 50%;transform:translateY(-50%);}

div.mainBbs {position: relative;width: 1200px;margin: 60px auto;padding-left: 190px;box-sizing:border-box;}
div.mainBbs h3 {position: absolute;left: 0;top: 0;width: 165px;color: #404040;font-size: 27px;line-height: 35px;font-family: 'NotoSansKR Light', sans-serif;font-weight: normal;}
div.mainBbs h3 span {display: block;color: #3e64bb;font-size: 13px;line-height: 18px;font-family: 'NotoSansKR Medium', sans-serif;}
div.mainBbs ul {margin: 0;padding: 0;}
div.mainBbs ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.mainBbs > ul > li {margin: 0 0 0 27px;}
div.mainBbs > ul > li:first-child {margin-left: 0;}


div.mainBbs li {position: relative;float: left;width: 230px;list-style:none;}
div.mainBbs li a {position: relative;display: block;height: 210px;padding: 65px 25px 25px;border-radius: 5px;border: 1px solid #eee;text-decoration: none;box-sizing:border-box;}
div.mainBbs span.tit {display: -webkit-box;overflow: hidden;height: 120px;color: #404040;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR Light', sans-serif;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
div.mainBbs span.info {position: absolute;left: 50%;top: -6px;width: 120px;height: 40px;border-radius: 0 0 20px 20px;border: 1px solid #eee;margin-left: -60px;text-align: center;font-size: 13px;line-height: 40px;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;background-color: #6e6e6e;}

div.mainBbs li a:hover {box-shadow:2px 2px 8px rgba(66,72,83,.15);}
div.mainBbs a.new span.info,
div.mainBbs li a:hover span.info {background-color: #41a8d3;}

div.mainBbs a.attach:after {position: absolute;right: 24px;bottom: 20px;width: 28px;height: 28px;border: 1px solid #eee;border-radius: 2px;content: "";background: #ecf1f9 url('/image/webinar/bl_attach.png') center center no-repeat;}
div.mainBbs a.attach span.tit {height: 90px;-webkit-line-clamp: 3;}

div.mainBbs div.bx-viewport {margin-top: -10px;}
div.mainBbs div.bx-viewport li {padding:10px;}

div.mainBbs a.bx-prev,
div.mainBbs a.bx-next {position: absolute;bottom: 30px;width: 38px;height: 38px;border: 1px solid #7d7d7d;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;opacity: .5;}
div.mainBbs a.bx-prev {left: 0;background-image: url('/image/webinar/bbs_prev.png');}
div.mainBbs a.bx-next {left: 39px;background-image: url('/image/webinar/bbs_next.png');}
div.mainBbs a.bx-prev:hover,
div.mainBbs a.bx-next:hover {z-index: 10;opacity: 1;}

div.mainBbs div.more {position: absolute;left: 0;bottom: 8px;}

div.main + div#footerWrap:before {display: none;}

/* Webinar */
dl.lectureItem, dl.lectureItem dt, dl.lectureItem dd {margin: 0;padding: 0;}
dl.lectureItem {float: left;width: 370px;min-height: 400px;border: 1px solid #e2e2e2;border-radius: 5px;margin: 0 0 45px 45px;box-sizing:border-box;}
dl.lectureItem.clear {margin-left: 0;}
dl.lectureItem > dt {position: relative;padding: 20px 20px 65px;background-color: #f4f4f4;}
dl.lectureItem > dt span {display: block;}
dl.lectureItem > dt span.tit {display: -webkit-box;overflow: hidden;height: 70px;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #000;font-size: 22px;line-height: 35px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.lectureItem > dt span.info {position: absolute;left: 40px;bottom: 15px;width: 280px;padding-left: 50px;font-size: 16px;line-height: 40px;color: #404040;font-family: 'NotoSansKR Regular', sans-serif;background: url('/image/webinar/bl_calendar.png') 0 0 no-repeat;}
dl.lectureItem > dd {padding: 0 40px;}
dl.lectureItem ul.listBl {padding: 20px 0 50px 0;}

dl.lectureItem .util {overflow: hidden;}
dl.lectureItem .util a {float: right;width: 140px;height: 50px;padding: 14px 0 15px;border-radius: 4px;box-sizing:border-box;text-align: center;font-size: 15px;line-height: 21px;font-family: 'NotoSansKR Medium', sans-serif;text-decoration: none;}
dl.lectureItem .util a:first-child {float: left;}

dl.lectureItem a.favor {padding: 13px 0 14px;border: 1px solid #3e64bb;color: #3e64bb;}
dl.lectureItem a.favor:before {display: inline-block;width: 21px;height: 21px;margin-right: 10px;vertical-align: top;content: "";background: url('/image/webinar/icon_favor.png') center center no-repeat;}

dl.lectureItem a.favor.on {background-color: #3e64bb;color: #fff;}
dl.lectureItem a.favor.on:before {background-image: url('/image/webinar/icon_favor_on.png');}

dl.lectureItem a.apply {color: #fff;background: linear-gradient( to right, #43acbc, #3e64bb);}
dl.lectureItem a.apply img {display: inline-block;padding-right: 10px;vertical-align: top;}


dl.lectureBrief, dl.lectureBrief dt, dl.lectureBrief dd {margin: 0;padding: 0;}

div.lecture {border: 1px solid #e2e2e2;padding: 50px;border-radius: 10px;margin-top: 30px;}

dl.lectureBrief {position: relative;padding: 25px 0;border-bottom: 1px solid #e2e2e2;margin-bottom: 30px;}
div.lecture  > dl.lectureBrief {padding-top: 0;}

dl.lectureBrief > dt {color: #000;font-size: 30px;line-height: 40px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.lectureBrief > dd {position: relative;}
dl.lectureBrief > dd.info {padding: 20px 0;color: #404040;;font-size: 18px;line-height: 50px;}
dl.lectureBrief > dd.info img {display: inline-block;vertical-align: top;padding-right: 10px;}

dl.lectureBrief > dd.download a {display: inline-block;width: 210px;padding: 12px 0 13px;vertical-align: top;color: #fff;font-size: 17px;line-height: 22px;background-color: #4c596a;text-decoration: none;border-radius: 3px;text-align: center;}
dl.lectureBrief > dd.download img {display: inline-block;vertical-align: top;padding-right: 10px;}

dl.lectureBrief ul.listBl {font-size: 16px;font-family: 'NotoSansKR Light', sans-serif;}

dl.lectureBrief div.util {position: absolute;right: 0;bottom: 5px;height: 45px;}
dl.lectureBrief div.util a {float: left;width: 160px;height: 50px;padding: 14px 0 15px;margin-left: 8px;border-radius: 4px;box-sizing:border-box;text-align: center;font-size: 15px;line-height: 21px;font-family: 'NotoSansKR Medium', sans-serif;text-decoration: none;}
dl.lectureBrief div.util a:first-child {margin-left: 0;}

dl.lectureBrief dd.survey,
dl.lectureBrief dd.play {overflow: hidden;position: absolute;right: 0;top: 50%;transform:translateY(-50%);border-radius: 5px;padding: 2px;}
dl.lectureBrief dd.survey a,
dl.lectureBrief dd.play a {z-index: 10;position: relative;display: block;width: 240px;height: 26px;padding: 22px 0;text-align: center;text-decoration: none;font-size: 22px;line-height: 26px;font-family: 'NotoSansKR Medium', sans-serif;border-radius: 5px;}
dl.lectureBrief dd.survey img,
dl.lectureBrief dd.play img {display: inline-block;vertical-align: top;padding-right: 10px;}

dl.lectureBrief dd.survey {background: linear-gradient( to bottom, #43abbc, #3e65bb);}
dl.lectureBrief dd.survey a {color: #3e64bb;background-color: #fff;}

dl.lectureBrief dd.play {background: linear-gradient( to right, #43abbc, #3e65bb);}
dl.lectureBrief dd.play a {color: #fff;}

dl.lectureBrief a.favor {border: 1px solid #117bdd;color: #117bdd;}
dl.lectureBrief a.favor:before {display: inline-block;width: 21px;height: 21px;margin-right: 10px;vertical-align: top;content: "";background: url('/image/webinar/icon_favor.png') center center no-repeat;}
dl.lectureBrief a.favor.on {border: 0 none;color: #fff;background-color: #117bdd;}
dl.lectureBrief a.favor.on:before {background-image: url('/image/webinar/icon_favor_on.png');}

dl.lectureBrief a.viewDetail {border: 1px solid #7235b7;color: #7235b7;}
dl.lectureBrief a.viewDetail img {display: inline-block;padding-right: 10px;vertical-align: top;}


div.webinarCon > ul a {position: relative;padding: 10px 0 8px;font-family: 'NotoSansKR Medium', sans-serif;}
div.webinarCon > ul a:before {display: block;content: "Program";font-size: 14px;line-height: 16px;font-style: italic;}

div.webinarCon > ul li:first-child a {padding: 18px 0 16px;}
div.webinarCon > ul li:first-child a:before {display: none;}

div.webinarCon > ul li.on a {z-index: 10;padding: 10px 0 8px;}
div.webinarCon > ul li.on:nth-child(7n+1) a {padding: 10px 0 8px;}
div.webinarCon > ul li.on:first-child a {padding: 18px 0 16px;}


div.webinarCon ul.tabMenu.col7ea li:nth-child(7n+1) a {}

div.lectureCon {padding: 0 30px;}

table.program {width: 100%;border:0 none; border-collapse:separate; border-spacing:0;}
table.program > * > tr > * {padding:10px;border: 0 none;border-bottom: 1px solid #e5e5e5;color: #3f3f3f;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;text-align: right;}
table.program > * > tr.tit > * {position: relative;padding: 12px 20px 13px 120px;background-color: #5198af;color: #fff;font-size: 17px;line-height: 25px;text-align: left !important;}
table.program > * > tr.tit span {position: absolute;left: 20px;top: 12px;padding: 0 15px;border-radius: 4px;font-size: 13px;line-height: 26px;color: #fff;background-color: #083544;}

table.program > * > tr.bg > * {border-bottom-color: #cfdade;font-family: 'NotoSansKR Medium', sans-serif;color: #119ac8;background-color: #eaf3f6;text-align: left;}
table.program > * > tr.bg.breakTime > * {background-color:#e6e4e4; color:#6f6f6f;}
table.program > * > tr > *:first-child {text-align: center;}
table.program > * > tr > *.tit {text-align: left;}


/* 교육수강현황 */
dl.myLectureItem, dl.myLectureItem dt, dl.myLectureItem dd, dl.myLectureItem ul, dl.myLectureItem li, dl.myLectureItem a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.myLectureItem {position: relative;height: 200px;margin-top: 50px;padding: 30px 520px 50px 50px;border: 1px solid #d9d9d9;border-radius: 3px;box-sizing:border-box;}
dl.myLectureItem.comp {padding-right: 190px;}

dl.myLectureItem:hover {border-color: #43a6bb;}


dl.myLectureItem > dt {display: table-cell;height: 70px;color: #000;font-size: 23px;line-height: 35px;font-family: 'NotoSansKR Regular', sans-serif;vertical-align: middle;}

dl.myLectureItem .info {padding: 20px 0;color: #404040;;font-size: 18px;line-height: 50px;}
dl.myLectureItem .info img {display: inline-block;vertical-align: top;padding-right: 10px;}

dl.myLectureItem ul.menu {position: absolute;right: 205px;top: 50%;transform:translateY(-50%);}
dl.myLectureItem ul.menu > li {float: left;padding-left: 10px;}
dl.myLectureItem ul.menu > li:first-child {padding-left: 0;}
dl.myLectureItem ul.menu a,
dl.myLectureItem ul.menu img {display: block;}

dl.myLectureItem dd.util {position: absolute;right: 0;top: 0;overflow: hidden;width: 170px;height: 100%;border-radius:0 3px 3px 0;}
dl.myLectureItem dd.util a {display: block;text-align: center;font-size: 18px;line-height: 30px;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;background: radial-gradient( at 0 100%, #43acbc, #3e64bb);}
dl.myLectureItem dd.util a span {display: table-cell;width: 170px;height: 99px;vertical-align: middle;}
dl.myLectureItem dd.util img {display: inline-block;vertical-align: top;padding-right: 10px;}

dl.myLectureItem dd.util a.play {height: 198px;font-size: 24px;}
dl.myLectureItem dd.util a.play span {height: 198px;}
dl.myLectureItem dd.util a.play img {display: block;margin: 0 auto 10px;padding-right: 0;}
dl.myLectureItem a.play:hover,
dl.myLectureItem a.play:focus {width: 198px;padding-left: 1px;border: 0 none;background: radial-gradient( at 0 100%, #43acbc, #3e64bb);}

dl.myLectureItem dd.util a.print {background: #4c596a;}


dl.myLectureItem dd.util a.program {height: 198px;}
dl.myLectureItem dd.util a.program span {height: 198px;}


body.player {background-color: #fff;}
.pannelCon::-webkit-scrollbar,
.scrollArea::-webkit-scrollbar {width:10px;}
.pannelCon::-webkit-scrollbar-track,
.scrollArea::-webkit-scrollbar-track {background-color: #e4e4e4;}
.pannelCon::-webkit-scrollbar-thumb,
.scrollArea::-webkit-scrollbar-thumb {background-color: #b3b3b3;}


div.playerTit a.session {color: #fff;background-color: #0c61c4;}
div.playerTit a.session.out {background-color: #e91e63;}


ul.col2ea > li {width: 50% !important;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.mOlny {display: block !important;}
.pcOlny {display: none !important;}

div#player {overflow: hidden;position: relative;width: 100%;min-width:320px;height: auto !important;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}

div.playerTit {position: relative;height: 75px;background-color: #1b2837;}
div.playerTit h1 {position:relative;overflow:hidden;margin: 0;padding: 20px 130px 20px 15px;color: #fff;font-size: 16px;line-height: 35px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: normal;text-overflow:ellipsis;white-space:nowrap;}
div.playerTit div.util {position: absolute;right: 0;top: 50%;padding-left: 30px;transform:translateY(-50%);}
div.playerTit div.util > img {position: absolute;left: 0;top: 50%;width: 25px;transform:translateY(-50%);}
div.playerTit div.util a {float: left;display: block;font-size: 13px;line-height: 35px;margin-left: 10px;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}
div.playerTit a.session {padding: 0 10px;}
div.playerTit a.session img {display: inline-block;vertical-align: top;padding: 9px 10px 0 0;}
div.playerTit a.session span {color: #e1ff19;font-family: 'NotoSansKR Black', sans-serif;}


/* 

div.playerTit div.util {position: relative;padding: 15px 10px;text-align: right;}
div.playerTit div.util:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.playerTit div.util > * {display: inline-block;vertical-align: top;}
div.playerTit div.util > img {width: 25px;padding: 10px 5px 0 0;}
div.playerTit div.util a {margin-right: 5px;font-size: 13px;line-height: 35px;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}

div.playerTit a.session {padding: 0 10px;}
div.playerTit a.session img {display: inline-block;vertical-align: top;padding: 9px 10px 0 0;}
div.playerTit a.session span {color: #e1ff19;font-family: 'NotoSansKR Black', sans-serif;}


div.playerTit div.util a.in {position: relative;padding: 2px 16px 2px 2px;background-color: #0c61c4;color: #fff;line-height: 31px;}
div.playerTit div.util a.in img {display: inline-block;vertical-align: top;padding: 8px 10px 0 10px;}
div.playerTit div.util a.in span {display: inline-block;vertical-align: top;padding: 0 5px;color: #0c61c4;background-color: #fff;}

div.playerTit div.util a.out {position: relative;padding: 2px 16px 2px 2px;background-color: #2c435d;color: #fff;line-height: 31px;}
div.playerTit div.util a.out img {display: inline-block;vertical-align: top;padding: 8px 10px 0 10px;}
div.playerTit div.util a.out span {display: inline-block;vertical-align: top;padding: 0 5px;color: #2c435d;background-color: #fff;}

div.playerTit div.util a.in:after,
div.playerTit div.util a.out:after {display: inline-block;vertical-align: top;padding-left: 10px;color: #e1ff19;font-family: 'NotoSansKR Black', sans-serif;}

div.playerTit div.util a.in:after {content: "IN";}
div.playerTit div.util a.out:after {content: "OUT";}

div.playerTit div.util1 {position: absolute;right: 25px;top: 50%;transform:translateY(-50%);}
div.playerTit div.util1 a {float: left;display: block;font-size: 20px;line-height: 50px;margin-left: 10px;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}

*/

div#playzone {overflow: hidden;position: relative;box-sizing:border-box;background-color: #1b2837;}
div#my_video,
div#player iframe,
div#player video {display: block;width: 100%;height: 250px;}

div.playerPannel {position: relative;padding: 15px 15px 55px;box-sizing:border-box;}
div.eBooth div.playerPannel {padding-bottom: 135px;}

ul.playerMenu, ul.playerMenu li, ul.playerMenu a {margin: 0;padding: 0;list-style:none;}
ul.playerMenu {}
ul.playerMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.playerMenu > li {float: left;width: 33%;min-width: auto;border: 0 none;}
ul.playerMenu > li:first-child {width: 34%;}
ul.playerMenu a {display: block;height: 30px;padding: 0 !important;border: 1px solid #bebebe;border-left: 0 none;text-align: center;color: #bebebe;font-size: 14px;line-height: 30px;font-family: 'NotoSansKR DemiLight', sans-serif;text-decoration: none;background-color: #fff;}
ul.playerMenu > li:first-child a {border-left: 1px solid #bebebe;}
ul.playerMenu .on a {background-color: #1bb2c8;border-color: #1bb2c8 !important;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;}

div.pannelCon ul, div.pannelCon li, div.pannelCon a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.pannelCon {position: relative;overflow-x: hidden;overflow-y: auto;height: calc(100% - 30px);background-color: #fff;}


ul.program > li {padding: 15px;border-bottom: 1px solid #d6dfea;color: #3f3f3f;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
ul.program > li.ac {padding: 15px 50px;background-image: none;}

ul.program  span {display: block;}
ul.program  span.time {padding-bottom: 5px;}
ul.program  span.ar {padding-top: 5px;}

ul.program li.bg {padding-left: 35px;background-color: #e3f5ff;color: #1f9acd;font-family: 'NotoSansKR Bold', sans-serif;font-size: 15px;}
ul.program li.bg span.time {margin-left: -20px;padding-left: 20px;background: url('/image/webinar/bl_time.png') 0 3px no-repeat;background-size: 15px;}

ul.program li.breakTime{background-color:#f2f4f5; color:#737373;}
ul.program li.breakTime.LiveOn {background-color: #f7d8c2;color: #f26d0b;}
ul.program li.LiveOn {background-color: #f7d8c2;color: #f26d0b;}
ul.program li.LiveOn span.time {background-image: url('/image/webinar/bl_time_live.png');}
ul.program li.breakTime span.time {display: inline-block;vertical-align: top;padding-right: 20px;}

ul.notice {}
ul.notice > li {border-bottom: 1px solid #e2e2e2;}
ul.notice a,
ul.notice span {display: block;}
ul.notice a {padding: 15px;color: #404040;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.notice span {text-align: right;}


div.qna {text-align: right;padding: 15px 15px 0;}
div.qna a {display: inline-block;padding: 6px 15px 7px;border-radius: 4px;vertical-align: top;text-align: center;color: #fff;font-size: 14px;line-height: 19px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #214175;}
div.qna img {display: inline-block;height: 19px;vertical-align: top;padding-right: 10px;}

div.pannelCon ul.qna {}
ul.qna > li {position: relative;padding: 15px;border-bottom: 1px solid #d6dfea;background-color: #fff;color: #3f3f3f;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.qna > li:after {display: block;font-size: 12px;line-height: 15px;font-family: 'NotoSansKR Light', sans-serif;content: attr(data-session);}
ul.qna span {display: block;padding: 5px 0;font-size: 12px;line-height: 19px;font-family: 'NotoSansKR Medium', sans-serif;text-align: right;}
ul.qna span img {display: inline-block;height: 19px;padding-right: 5px;vertical-align: top;}

div.gnaLock {padding-top: 30px;text-align: center;color: #000;font-size: 16px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;}
div.gnaLock img {display: block;margin: 0 auto 20px;}


dl#eBooth, dl#eBooth dt, dl#eBooth dd, dl#eBooth ul, dl#eBooth li, dl#eBooth a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl#eBooth {position: fixed;left: 0;bottom: -80px;width: 100%;min-width: 320px;height: 80px;padding: 15px;background-color: #394757;box-sizing:border-box;}
dl#eBooth.view {bottom: 0;}
dl#eBooth > dt {font-size: 0;line-height: 0;}

dl#eBooth > dd.close {position: absolute;right: 0;top: -40px;width: 118px;height: 40px;padding-right: 0;}
dl#eBooth > dd.close a {display: block;height: 40px;border-radius: 20px 20px 0 0;font-size: 0;line-height: 0;background: #394757 url('/image/webinar/eBooth_open.png') center center no-repeat;text-decoration: none;}
dl#eBooth > dd.close a:after {position: absolute;left: 0;top: 0;width: 100%;font-size: 16px;line-height: 40px;content: "open";font-family: 'NotoSansKR Medium', sans-serif;text-align: center;color: #fff;}

dl#eBooth.view > dd.close a {background-image: url('/image/webinar/eBooth_close.png');}
dl#eBooth.view > dd.close a:after {display: none;}

dl#eBooth > dd {position: relative;padding-right: 35px;}
dl#eBooth > dd > ul {overflow: hidden;}
dl#eBooth > dd > ul li {float: left;padding-left: 20px;}
dl#eBooth > dd > ul li:first-child {padding-left: 0;}
dl#eBooth > dd li,
dl#eBooth > dd li a,
dl#eBooth > dd li img {display: block;width: 125px !important;height: 50px !important;}

dl#eBooth div.bx-wrapper {}
dl#eBooth a.bx-prev,
dl#eBooth a.bx-next {position: absolute;right: 0;width: 24px;height: 24px;border: 1px solid #fff;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;background-size: 6px;}
dl#eBooth a.bx-prev {top: 0;background-image: url('/image/webinar/eBooth_prev.png');}
dl#eBooth a.bx-next {bottom: 0;background-image: url('/image/webinar/eBooth_next.png');}

div.utilPopup {z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
div.utilPopup > dl {position: absolute; left: 15px;top: 50%;width: calc(100% - 30px);padding:15px;background-color: #fff;box-sizing:border-box;transform:translateY(-50%);}
div.utilPopup > dl > dt {padding-bottom: 20px;font-size: 24px;line-height: 30px;color: #cc1f4c; text-align: center; font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.utilPopup > dl > dd.close {position: absolute;right: 15px;top: 20px;width: 21px;height: 21px;padding: 0;background-color: transparent;}
div.utilPopup > dl > dd.close a, div.utilPopup .close img {display: block;}

div.utilPopup.notice dd,
div.utilPopup.alert dd {overflow-x: hidden;overflow-y: auto;height: 120px;padding: 22px 15px; color: #222;font-size: 16px;line-height: 26px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;background-color: #efefef;}

div.utilPopup.question dl {background-color: #1bb2c8;}
div.utilPopup.question dt {padding: 0;font-size: 0;line-height: 0;}
div.utilPopup.question textarea {display: block;width: 100%;height: 120px;box-sizing:border-box;font-size: 16px;line-height: 26px;}
div.utilPopup.question span.btn {display: block;padding-top: 20px;text-align: center;}
div.utilPopup.question span.btn input {width: 80px;height: 40px;margin-left: 10px;font-size: 14px;padding: 0;}
div.utilPopup.question input[type=submit] {border: 1px solid #1a535b;background-color: #1a535b;color: #fff;}
div.utilPopup.question input[type=reset] {border: 1px solid #fff;color: #fff;background-color: transparent;}

div.utilPopup.question > dl > dd.close {position: absolute;right: 30px;top: 30px;}

div.layerpopup {z-index:100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(28,28,28,.58);z-index: 999;display:none;}
div.layerpopup div.popupWrap {position: absolute;left: 20px;top: 50%;width: calc(100% - 40px);border-radius:10px;background-color: #fff;transform:translateY(-50%);}

div#popupNote {padding: 40px 0;text-align: center;color: #000;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div#popupNote img.pcOnly {display: none;}
div#popupNote img.mOnly {width: 212px;margin:0 auto;}
div#popupNote a {position: absolute;right: 0;top: -40px;display: block;width: 24px;height: 24px;font-size: 0;line-height: 0;background: url('/image/webinar/popup_close.png') center center no-repeat;}

/* 웨비나 신청 리스트 */
div.weibnrList {padding: 20px;}
div.weibnrList h1 {padding: 15px 0 15px;font-weight: normal;text-align: center;color: #1337a0;font-size: 20px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}

div.webinar_list > * + * {margin-top: 10px;}

dl.Mobile_myLectureItem, dl.Mobile_myLectureItem dt, dl.Mobile_myLectureItem dd, dl.Mobile_myLectureItem a {margin: 0;padding: 0;text-decoration: none;}
dl.Mobile_myLectureItem {border: 1px solid #bfbfbf;padding: 15px;border-radius: 5px;box-shadow:0 4px 5px rgba(86,86,86,.1); margin-top:10px;}
dl.Mobile_myLectureItem > dt {color: #000;font-size: 17px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.Mobile_myLectureItem > dd {padding-top: 5px;}
dl.Mobile_myLectureItem .info {position: relative;padding-left: 25px;color: #000;font-size: 14px;line-height: 24px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.Mobile_myLectureItem .info img {position: absolute;left: 0;top: 6px;height: 12px;}
dl.Mobile_myLectureItem .util a {display: block;}
dl.Mobile_myLectureItem .util a.play {width: 125px;margin: 0 auto;font-size: 14px;line-height: 20px;border-radius: 5px;padding: 10px 0;	background: linear-gradient( to right, #43abbc, #3e65bb);text-align: center;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}
dl.Mobile_myLectureItem .util a.play img {display: inline-block;vertical-align: top;height: 14px;padding: 3px 5px 0 0;}

div.noWeinar {border-radius: 5px;border: 1px solid #bfbfbf;padding:30px 15px;box-shadow:0 4px 5px rgba(86,86,86,.1);color: #000;font-size: 17px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.mOlny {display: none !important;}
.pcOlny {display: block !important;}

div#player {overflow: hidden;position: relative;width: 100%;min-width:1024px;height: 100%;min-height:540px;padding:120px 25px 25px 525px;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;background-color: #1b2837;}

div.playerTit {position: absolute;left: 0;top: 0;width: 100%;height: 100px;background-color: #1b2837;}
div.playerTit h1 {margin: 0;padding: 25px 0 25px 25px;color: #fff;font-size: 40px;line-height: 50px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: normal;}
div.playerTit div.util {position: absolute;right: 5px;top: 50%;height: 50px;padding-left: 60px;transform:translateY(-50%);}
div.playerTit div.util > img {position: absolute;left: 0;top: 50%;transform:translateY(-50%);margin: 0;}
div.playerTit div.util a {float: left;display: block;font-size: 20px;margin: 0;line-height: 50px;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}

div.playerTit a.session {padding: 0 20px;}
div.playerTit a.session img {display: inline-block;vertical-align: top;padding: 16px 15px 0 0;}
div.playerTit a.session span {color: #e1ff19;font-family: 'NotoSansKR Black', sans-serif;}
div.playerTit div.util1 {position: absolute;right: 25px;top: 50%;transform:translateY(-50%);}
div.playerTit div.util1 a {float: left;display: block;font-size: 20px;line-height: 50px;margin-left: 10px;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}


/*
div.playerTit {position: absolute;left: 0;top: 0;width: 100%;height: 100px;background-color: #1b2837;}
div.playerTit h1 {margin: 0;padding: 25px 0 25px 25px;color: #fff;font-size: 40px;line-height: 50px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: normal;}
div.playerTit div.util {position: absolute;right: 5px;top: 50%;height: 50px;padding-left: 60px;transform:translateY(-50%);}
div.playerTit div.util > img {position: absolute;left: 0;top: 50%;transform:translateY(-50%);margin: 0;}
div.playerTit div.util a {float: left;display: block;font-size: 20px;margin: 0 10px 0 0;line-height: 50px;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}
div.playerTit div.util a:last-child {margin-right: 0;}

div.playerTit a.session {padding: 0 20px;}
div.playerTit a.session img {display: inline-block;vertical-align: top;padding: 16px 15px 0 0;}
div.playerTit a.session span {color: #e1ff19;font-family: 'NotoSansKR Black', sans-serif;}

div.playerTit div.util a.in {position: relative;padding: 0 16px 0 0;background-color: #0c61c4;color: #fff;}
div.playerTit div.util a.in img {display: inline-block;vertical-align: top;padding: 16px 15px 0 15px;}
div.playerTit div.util a.in span {display: inline-block;vertical-align: top;padding: 0 15px;border: 4px solid #0c61c4;color: #0c61c4;font-size: 17px;line-height: 42px;background-color: #fff;}

div.playerTit div.util a.out {position: relative;padding: 0 16px 0 0;background-color: #2c435d;color: #fff;}
div.playerTit div.util a.out img {display: inline-block;vertical-align: top;padding: 16px 15px 0 15px;}
div.playerTit div.util a.out span {display: inline-block;vertical-align: top;padding: 0 15px;border: 4px solid #2c435d;color: #2c435d;font-size: 17px;line-height: 42px;background-color: #fff;}


div.playerTit div.util a.in:after,
div.playerTit div.util a.out:after {display: inline-block;vertical-align: top;padding-left: 10px;color: #e1ff19;font-family: 'NotoSansKR Black', sans-serif;}

div.playerTit div.util a.in:after {content: "IN";}
div.playerTit div.util a.out:after {content: "OUT";}

div.playerTit div.util1 {position: absolute;right: 25px;top: 50%;transform:translateY(-50%);}
div.playerTit div.util1 a {float: left;display: block;font-size: 20px;line-height: 50px;margin-left: 10px;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}
*/

div#playzone,
div#my_video,
div#player iframe,
div#player video {overflow: hidden;position: relative;width: 100%;height: 100%;min-height:518px;box-sizing:border-box;background-color: #1b2837;}


div.playerPannel {position: absolute;left: 0;top: 100px;width: 500px;height: calc(100% - 100px);padding: 25px;background-color: #d6dfea;box-sizing:border-box;}
ul.playerMenu, ul.playerMenu li, ul.playerMenu a {margin: 0;padding: 0;list-style:none;}
ul.playerMenu {}
ul.playerMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.playerMenu > li {float: left;min-width: auto;width: 150px;border: 0 none;}
ul.playerMenu a {display: block;height: 60px;border-left: 1px solid #d6dfea;text-align: center;color: #606c7b;font-size: 20px;line-height: 60px;font-family: 'NotoSansKR DemiLight', sans-serif;text-decoration: none;background-color: #93a0b0;}
ul.playerMenu > li:first-child a {border-left: 0 none;}
ul.playerMenu .on a {padding-bottom: 0;background-color: #285d9e;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;}

div.pannelCon ul, div.pannelCon li, div.pannelCon a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.pannelCon {position: relative;overflow-x: hidden;overflow-y: auto;height: calc(100% - 85px);background-color: #fff;}
div#player.eBooth div.pannelCon {height: calc(100% - 179px);}

ul.program {}
ul.program > li {padding: 15px;border-bottom: 1px solid #d6dfea;color: #3f3f3f;font-size: 15px;line-height: 21px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.program > li.bg {padding-left: 45px;background-color: #e3f5ff;color: #1f9acd;font-family: 'NotoSansKR Medium', sans-serif;font-size: 16px;}
ul.program > li.ac {padding: 15px 50px;background-image: none;}

ul.program  span {display: block;}
ul.program  span.time {padding-bottom:0 0 5px 50px;}
ul.program  span.ar {padding-top: 5px;}

ul.program  li.bg span.time {margin-left: -30px;padding-left:30px;background: url('/image/webinar/bl_time.png') 0 0 no-repeat;}
ul.program li.breakTime{background-color:#f2f4f5; color:#737373;}
ul.program li.breakTime.LiveOn {background-color: #f7d8c2;color: #f26d0b;}
ul.program  li.LiveOn {background-color: #f7d8c2;color: #f26d0b;}
ul.program  li.LiveOn span.time {background-image: url('/image/webinar/bl_time_live.png');}

ul.program li.breakTime span.time {display: inline-block;vertical-align: top;padding-right: 20px;}


div.pannelCon ul.notice {padding: 15px;}
ul.notice > li {border-bottom: 1px solid #e2e2e2;}
ul.notice a,
ul.notice span {display: block;}
ul.notice a {padding: 15px;color: #404040;font-size: 16px;line-height: 24px;font-family: 'NotoSansKR Regular', sans-serif;}
ul.notice span {text-align: right;}

div.qna {text-align: right;padding: 15px 15px 0;}
div.qna a {display: inline-block;width: 150px;padding: 6px 0 7px;border-radius: 4px;vertical-align: top;text-align: center;color: #fff;font-size: 18px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #214175;}
div.qna img {display: inline-block;height: 25px;vertical-align: top;padding-right: 10px;}

div.pannelCon ul.qna {padding:0 15px 15px;}
ul.qna > li {position: relative;padding: 20px;border-bottom: 1px solid #d6dfea;background-color: #fff;color: #3f3f3f;font-size: 18px;line-height: 24px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.qna > li:after {display: block;font-size: 15px;line-height: 17px;font-family: 'NotoSansKR Light', sans-serif;content: attr(data-session);}
ul.qna span {display: block;padding: 5px 0;font-size: 15px;line-height: 17px;font-family: 'NotoSansKR Medium', sans-serif;text-align: right;}
ul.qna span img {display: inline-block;height: 17px;padding-right: 5px;vertical-align: top;}

div.gnaLock {position: absolute;left: 0;top: 50%;width: 100%;text-align: center;transform:translateY(-50%);color: #000;font-size: 18px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;}
div.gnaLock img {display: block;margin: 0 auto 20px;}

dl#eBooth, dl#eBooth dt, dl#eBooth dd, dl#eBooth ul, dl#eBooth li, dl#eBooth a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl#eBooth {position: absolute;left: 0;bottom: -78px;width: 500px;height: 78px;padding: 15px 35px 15px 15px;background-color: #394757;box-sizing:border-box;}
dl#eBooth.view {bottom: 0;}
dl#eBooth > dt {font-size: 0;line-height: 0;}
dl#eBooth > dd.close {position: absolute;right: 0;top: -40px;width: 118px;height: 40px;}
dl#eBooth > dd.close a {display: block;height: 40px;border-radius: 20px 20px 0 0;font-size: 0;line-height: 0;background: #394757 url('/image/webinar/eBooth_open.png') center center no-repeat;text-decoration: none;}
dl#eBooth > dd.close a:after {position: absolute;left: 0;top: 0;width: 100%;font-size: 16px;line-height: 40px;content: "open";font-family: 'NotoSansKR Medium', sans-serif;text-align: center;color: #fff;}
dl#eBooth.view > dd.close a {background-image: url('/image/webinar/eBooth_close.png');}
dl#eBooth.view > dd.close a:after {display: none;}

dl#eBooth > dd {position: relative;}
dl#eBooth > dd > ul {overflow: hidden;}
dl#eBooth > dd > ul li {float: left;padding-left: 45px;}
dl#eBooth > dd > ul li:first-child {padding-left: 0;}

dl#eBooth > dd li,
dl#eBooth > dd li a,
dl#eBooth > dd li img {display: block;width: 120px !important;height: 50px;}


dl#eBooth div.bx-wrapper {margin: 0 !important;}
dl#eBooth a.bx-prev,
dl#eBooth a.bx-next {position: absolute;top: 50%;width: 28px;height: 28px;margin-top: -15px;border: 1px solid #fff;opacity: .2;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
dl#eBooth a.bx-prev {right: 16px;background-image: url('/image/webinar/eBooth_prev.png');}
dl#eBooth a.bx-next {right: -19px;background-image: url('/image/webinar/eBooth_next.png');}
dl#eBooth a.bx-prev:hover,
dl#eBooth a.bx-next:hover {opacity: 1;}


div.utilPopup {z-index: 100; position: absolute; left: 488px;top: 85px;width: 490px;padding:30px;background-color: #fff;box-shadow:0 0 20px rgba(0,0,0,.3);}
div.utilPopup:after {position: absolute;left: -9px;top: 15px;width: 18px;height: 18px;content: "";background-color: #fff;transform:rotate(-45deg);}
div.utilPopup > dl {}
div.utilPopup > dl > dt {padding-bottom: 20px;font-size: 24px;line-height: 30px;color: #cc1f4c; text-align: center; font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.utilPopup > dl > dd.close {position: absolute;right: 30px;top: 34px;width: 21px;height: 21px;padding: 0;background-color: transparent;}
div.utilPopup > dl > dd.close a, div.utilPopup .close img {display: block;}

div.utilPopup.notice dd {overflow-x: hidden;overflow-y: auto;height: 200px;padding: 22px 15px; color: #222;font-size: 16px;line-height: 26px;font-family: 'NotoSansKR Regular', sans-serif;background-color: #efefef;}

div.utilPopup.alert {position: fixed;left: 50%;top: 50%;transform:translate(-50%, -50%);}
div.utilPopup.alert:after {display: none;}
div.utilPopup.alert > dl {}
div.utilPopup.alert dt {}
div.utilPopup.alert dd {overflow-x: hidden;overflow-y: auto;height: 200px;padding: 22px 15px; color: #222;font-size: 16px;line-height: 26px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;background-color: #efefef;}

div.utilPopup.question dt {font-size: 0;line-height: 0;}
div.utilPopup.question textarea {display: block;width: 100%;height: 200px;box-sizing:border-box;font-size: 16px;line-height: 26px;}
div.utilPopup.question span.btn {display: block;padding-top: 20px;text-align: center;}
div.utilPopup.question span.btn input {width: 100px;height: 50px;margin-left: 10px;border: 1px solid #1a535b;font-size: 16px;padding: 0;}
div.utilPopup.question input[type=button] {background-color: #1a535b;color: #fff;}
div.utilPopup.question input[type=reset] {background-color: #fff;color: #1a535b;}

div.utilPopup.question > dl > dd.close {position: absolute;right: 30px;top: 30px;}

/* 팝업 */
div.popupWrap {position: relative;width: 550px;padding:18px 25px 25px;}
div.popupWrap h1 {margin: 0;padding: 0;text-align: center;}
div.popupWrap h1 span {display: inline-block;padding:0 10px 20px;vertical-align: top;border-bottom: 1px solid #fe5d2b;font-family: 'NotoSansKR Medium', sans-serif;color: #fe5d2b;font-size: 25px;}

div.popupCon {border-top: 1px solid #e5e5e5;margin-top: -1px;padding: 30px 0;}
div.popupWrap .close {padding: 0;}
div.popupWrap .close a {display: block;width: 100px;margin: 0 auto;padding: 8px 0 10px;box-shadow:0 0 9px rgba(126,126,126,.35);background-color: #505d78;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;font-size: 18px;text-align: center;}
div.popupWrap .close img {display: block;margin: 0 auto;}

div.popupWrap .popupCon .btnArea {padding: 30px 0 0;}
div.popupWrap .btnArea .btnBig {min-width:120px;}
div.popupWrap .btnArea input[type=image] {margin: 0;}


div.layerpopup {z-index:100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(28,28,28,.58);z-index: 999;display:none;}
div.layerpopup div.popupWrap {position: absolute;left: 50%;top: 50%;border-radius:20px;background-color: #fff;transform:translate(-50%, -40%);}

div#popupNote {width: 700px;padding: 80px 0;text-align: center;color: #000;font-size: 20px;line-height: 40px;font-family: 'NotoSansKR Regular', sans-serif;}
div#popupNote img.mOnly {display: none;}
div#popupNote img.pcOnly {margin:0 auto;}
div#popupNote a {position: absolute;right: 0;top: -40px;display: block;width: 24px;height: 24px;font-size: 0;line-height: 0;background: url('/image/webinar/popup_close.png') center center no-repeat;}
}


div#qnaList {}
div#qnaList h1 {padding: 22px 0 23px;margin-bottom: 20px;text-align: center;color: #fff;font-size: 35px;line-height: 55px;font-family: 'NotoSansKR Light', sans-serif;font-weight: normal;background-color: #375495;}
div#qnaList h1 span {font-family: 'NotoSansKR Medium', sans-serif;}

div#qnaList div.contents {width: auto;min-width: 600px;padding: 30px;}

div#qnaList span.inputR {display: inline-block;vertical-align: top;width: 35px;height: 35px;margin: 0 10px 0 30px !important;border-radius: 50%;border: 1px solid #c5c5c5;background-color: #eee;box-sizing:border-box;}
div#qnaList span.inputR:first-of-type {margin-left: 0 !important;}
div#qnaList span.inputR.on {border: 0 none;background: url('/image/webinar/inputR_on.png') center center no-repeat;background-size: 100%;}
div#qnaList span.inputR.on:before {display: none;}
div#qnaList label {display: inline-block;vertical-align: top;color: #282828;font-size: 20px;line-height: 35px;font-family: 'NotoSansKR Medium', sans-serif;}

div#qnaList table.tblDef {margin-top: 15px;border-top: 0 none;}
div#qnaList table.tblDef th,
div#qnaList table.tblDef td {padding: 10px;text-align: center;font-size: 14px;line-height: 25px;}
div#qnaList table.tblDef th {background: #43acbc;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}

div#qnaList table.tblDef tr.bg > * {background-color: #f2f5fa;}

div#qnaList a.ok {display: inline-block;width: 80px;padding: 5px 0 7px;vertical-align: top;border-radius: 5px;color: #fff;background-color: #1d2088;text-align: center;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;}
div#qnaList a.cancel {display: inline-block;width: 80px;padding: 5px 0 7px;vertical-align: top;border-radius: 5px;color: #fff;background-color: #9a9ba2;text-align: center;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;}


div.playerPannel div.download {padding-bottom: 10px;}
div.playerPannel div.download:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.playerPannel div.download a {float: right;width: calc(50% - 5px);padding: 12px 0 13px;text-decoration: none;border-radius: 3px;color: #fff;text-align: center;background-color: #4c596a;font-size: 17px;line-height: 22px;font-family: 'NotoSansKR Medium', sans-serif;}
div.playerPannel div.download a:first-child {float: left;}
div.playerPannel div.download a img {display: inline-block;vertical-align: top;padding-right: 10px;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.playerPannel div.download a {font-size: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}