@charset "utf-8";
@import url('fontawesome.css');
@import url('Digital7.css');
@import url('Roboto.css');
@import url('Pretendard.css');
@import url('NotoSansKR.css');
* {-webkit-text-size-adjust: 100%;}

body { -webkit-touch-callout:none;}
* {-webkit-text-size-adjust: 100%;}

/*모바일 확대축소 안되게  */
html { touch-action: pan-y;-ms-content-zooming: none; -ms-touch-action: pan-x pan-y; }
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0 none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img {border:0 none; font-size:0; line-height:0;vertical-align: top;}
.ie7 li, .ie7 li a {zoom:1;}
caption, legend {width:0; height:0; visibility:hidden; line-height:0;}
fieldset {min-inline-size: inherit;}
 
input { border-radius: 0px;}  

.placeholder {position: absolute;left: 15px;top: 50%;transform:translateY(-50%);color: #7f7f7f;font-size: 14px;line-height: 20px;font-family: 'Roboto-Regular', sans-serif;}
textarea:focus + .placeholder,
input:focus + .placeholder,
.valid + .placeholder {display: none !important;}

input[type=submit],
input[type=button],
button {-webkit-appearance:none;}

li.vodinfo{ font-size: 14px; letter-spacing: -0.5px;color: #426f65;  line-height: 18px; font-family: 'Roboto-Regular';list-style: none;text-indent: -10px;  padding-left: 10px;}
/* 여백 */
.padding0 {padding:0 !important;}
.margin0 {margin:0 !important;}
/* Top Padding */
.tp0 {padding-top:0px !important;}
.tp5 {padding-top:5px !important;}
.tp10 {padding-top:10px !important;}
.tp15 {padding-top:15px !important;}
.tp20 {padding-top:20px !important;}
.tp25 {padding-top:25px !important;}
.tp30 {padding-top:30px !important;}
/* Bottom Padding */
.bp0 {padding-bottom:0px !important;}
.bp5 {padding-bottom:5px !important;}
.bp10 {padding-bottom:10px !important;}
.bp15 {padding-bottom:15px !important;}
.bp20 {padding-bottom:20px !important;}
.bp25 {padding-bottom:25px !important;}
.bp30 {padding-bottom:30px !important;}
/* Left Padding */
.lp0 {padding-left:0 !important;}
.lp5 {padding-left:5px !important;}
.lp10 {padding-left:10px !important;}
.lp15 {padding-left:15px !important;}
.lp20 {padding-left:20px !important;}
.lp25 {padding-left:25px !important;}
.lp30 {padding-left:30px !important;}
/* Right Padding */
.rp0 {padding-right:0 !important;}
.rp5 {padding-right:5px !important;}
.rp10 {padding-right:10px !important;}
.rp15 {padding-right:15px !important;}
.rp20 {padding-right:20px !important;}
.rp25 {padding-right:25px !important;}
.rp30 {padding-right:30px !important;}
/* Top Margin */
.tm0 {margin-top:0 !important;}
.tm5 {margin-top:5px !important;}
.tm10 {margin-top:10px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm25 {margin-top:25px !important;}
.tm30 {margin-top:30px !important;}
/* Bottom Margin */
.bm0 {margin-bottom:0 !important;}
.bm5 {margin-bottom:5px !important;}
.bm10 {margin-bottom:10px !important;}
.bm15 {margin-bottom:15px !important;}
.bm20 {margin-bottom:20px !important;}
.bm25 {margin-bottom:25px !important;}
.bm30 {margin-bottom:30px !important;}
/* Left Margin */
.lm0 {margin-left:0 !important;}
.lm5 {margin-left:5px !important;}
.lm10 {margin-left:10px !important;}
.lm15 {margin-left:15px !important;}
.lm20 {margin-left:20px !important;}
.lm25 {margin-left:25px !important;}
.lm30 {margin-left:30px !important;}
/* Right Margin */
.rm0 {margin-right:0 !important;}
.rm5 {margin-right:5px !important;}
.rm10 {margin-right:10px !important;}
.rm15 {margin-right:15px !important;}
.rm20 {margin-right:20px !important;}
.rm25 {margin-right:25px !important;}
.rm30 {margin-right:30px !important;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.Lfloat {float:left !important;}
.Rfloat {float:right !important;}
.overHidden {overflow:hidden;}
.clear {clear:both !important;}
.clearleft {clear:left !important;}
.clfix:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 .clfix {zoom:1;}

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.aj {text-align:justify !important;}

/* position */
.posRel {position:relative !important;}
.posAbs {position:absolute !important;}
.posTL {position:absolute !important; top:0; left:0;}
.posTLn {position:absolute !important; top:0; left:26px;}
.posTR {position:absolute !important; top:0; right:0;}
.posBL {position:absolute !important; bottom:0; left:0;}
.posBR {position:absolute !important; bottom:0; right:0;}



/* display */
.none {display:none !important;}
.iBlock {display:inline-block !important; vertical-align:top;}
.ie7 .iBlock {display:inline !important;}
.borderNone {border:none !important;}
.scrollArea {overflow-x:hidden;overflow-y:scroll;}
/* IR 기법 */
.hidden {position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden;}
.ie7 .hidden {position:static; font-size:0; line-height:0;}
/* 한 줄일 때, 말줄임표 */
.ellipsis {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* width 별도 설정 */
/*투명도*/
.opacity0 {opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
/* 세로 가운데 정렬을 위한 빈태그용 */
.blank {display:inline-block; width:0; vertical-align:middle; overflow:hidden; vertical-align:middle;} /* 높이 별도 설정 */



.scrollArea,
textarea {scrollbar-3dLight-Color: #dcdcdc; scrollbar-arrow-color: #dcdcdc; scrollbar-base-color: #0065cf; scrollbar-Face-Color: #0065cf; scrollbar-Track-Color: #dcdcdc; scrollbar-DarkShadow-Color: #dcdcdc; scrollbar-Highlight-Color: #dcdcdc; scrollbar-Shadow-Color: #dcdcdc}
.scrollArea::-webkit-scrollbar,
textarea::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
.scrollArea::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {background-color: #0065cf;}




/* table */
table.tblDef, table.tblDef > thead, table.tblDef > tbody, table.tblDef > tfoot, table.tblDef > * > tr, table.tblDef> * > tr > *,
table.tblPoint, table.tblPoint > thead, table.tblPoint > tbody, table.tblPoint > tfoot, table.tblPoint > * > tr, table.tblPoint * > tr > *,
table.inputTbl, table.inputTbl > thead, table.inputTbl > tbody, table.inputTbl > tfoot, table.inputTbl > * > tr, table.inputTbl * > tr > *,
table.innerTbl, table.innerTbl > thead, table.innerTbl > tbody, table.innerTbl > tfoot, table.innerTbl > * > tr, table.innerTbl * > tr > *,
table.calendar, table.calendar > thead, table.calendar > tbody, table.calendar > tfoot, table.calendar > * > tr, table.calendar * > tr > * {margin:0;padding:0;border:0 none;}

table.tblDef,
table.tblPoint,
table.inputTbl,
table.innerTbl,
table.calendar {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.tblDef,
.ie7 table.tblPoint,
.ie7 table.inputTbl,
.ie7 table.innerTbl,
.ie7 table.calendar {border-collapse:collapse;}
table.tblDef> * > tr > th,
table.tblPoint * > tr > th,
table.inputTbl * > tr > th,
table.innerTbl * > tr > th,
table.calendar * > tr > th {font-weight:normal;}
table.tblDef> * > tr > td,
table.tblPoint * > tr > td,
table.inputTbl * > tr > td,
table.innerTbl * > tr > td,
table.calendar * > tr > td {word-break:normal;}



/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}
.fcWhite {color:#fff !important;}
.fcBlack {color:#000 !important;}
.fcRed {color: #ca3737 !important;}
.fcBlue {color: blue !important;}
.ffDotum {font-family:Calibri,'돋움', Dotum, 'Apple Gothic', sans-serif !important;}
.ffGulim {font-family:Calibri,'굴림', '굴림체', Gulim, 'Apple Gothic', sans-serif !important;}
.underline {text-decoration:underline !important;}
.italic {font-style:italic;}

/* cursor */
.cursorDef {cursor:default !important;}
.hand {cursor:pointer !important;}


/* Form Elememts */
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea {border:1px solid #ccc;}
textarea {padding:7px 10px; border:1px solid #cfcfcf; resize:vertical;}
.ie7 select {zoom:1;}

input:focus,
select:focus,
textarea:focus {outline:none;}

/* button 초기화 */
button.style-btn {overflow:visible; padding:0; border:0; cursor:pointer; white-space:nowrap;}
button.style-btn::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner {padding:0; border:0;}	/* FF 버튼 여백 없애기 */


/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:sans-serif;}


/* 공통 레이아웃 */
body {font-size:14px; line-height:1.5; color:#333; -webkit-text-size-adjust:none;}
.wrapper {position:relative; width:100%;word-break:normal;z-index:0;}

a.conLink {color:inherit;text-decoration:none;}

address {font-style: normal;}
input[type=text],
input[type=password],
input[type=file] {font-size: 15px;line-height:17px;height:45px; -webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;-webkit-appearance:none;}
 
 

textarea {width: 100%;padding: 10px 15px;box-sizing:border-box;}

.tabCon,
.toggleCon {display:none;}

.agreeCon,
.scrollArea {overflow-x: hidden;overflow-y: auto;}


.essen {position:relative;padding-left:1em;}
.essen:before {position: absolute;left: 0;top: 0;color: #f00;content: "*";line-height: 1em;}

/* 버튼 */
.btn a,
.btn span,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:30px;padding:0 20px 5px;font-size:15px;line-height: 35px;border-width:1px;border-style: solid;vertical-align:top;-webkit-appearance:none;font-family: 'Roboto-Regular', sans-serif;box-sizing:border-box;}

.btn a,
.btn span {line-height:48px;padding:0 20px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}



/* 남색*/			.btnDef {background-color: #3b3d45 !important;border-color: #3b3d45 !important;color: #fff !important;}
/* 파란색 */				.btnPoint {background-color:#4c60b1 !important;border-color:#4c60b1 !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;}

/* 회색 */				.btnGrey {background-color:#7e7f87 !important;border-color:#7e7f87 !important;color:#fff !important;}
/* 연회색 */			.btnLGrey {background-color:#888 !important;border-color:#888 !important;color:#fff !important;}


/* border+ 남색*/ 		.btnBdDef {background-color:#fff !important;border-color:#3b3d45 !important;color:#3b3d45 !important;}
/* border+ 보라색 */			.btnBdPoint {background-color:#fff;border-color:#4c60b1;color:#4c60b1;}
/* border+ 회색 */			.btnBdGrey {background-color:#fff;border-color:#7e7f87;color:#7e7f87;}
/* border+ 연회색 */		.btnBdLGrey {background-color:#f5f5f5;border-color:#b3b3b3;color:#454545;}


/* 삭제 */			.btnDel {background-color:#fff !important;border-color:#e91c51 !important;color:#e91c51 !important;}

.btn .btnArr {position: relative;}
.btn .btnArr:after {position: absolute;right: 20px;top: 50%;width: 10px;height: 8px;margin-top: -4px;content: "";background: url('mobile/btn_arr.png') center center no-repeat;background-size: 10px;}


.btnIcon {position: relative;text-align: left;padding-right: 45px !important;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon img {position: absolute;right: 20px;top: 50%;height: 15px;margin-top: -8px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}


table.tblDef {border-top: 2px solid #272b4b;}
table.tblDef > * > tr > th,
table.tblDef > * > tr > td {vertical-align: middle;padding: 10px 5px;word-break: keep-all;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;color: #000;font-size: 13px;line-height: 20px;font-family: 'Roboto-Regular', sans-serif;}
table.tblDef > * > tr > *:first-child {border-left: 0 none;}
table.tblDef > * > tr > th {background-color: #f2f3f5;font-family: 'Roboto-Medium', 'NotoSansKR Bold', sans-serif;}
table.tblDef > thead > tr > th {background-color: #f4f4f6;}


div.wrapper {overflow: hidden;width: 100%;min-width:320px;font-family: 'Roboto-Regular', sans-serif;}
div.wrapper:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

img {max-width:100%;}

ul.listNum, ul.listNum > li,
ul.listStar, ul.listStar > li {margin: 0;padding: 0;list-style:none;}

ul.listNum > li {margin:10px 0 0 1.2em;list-style:decimal;}
ul.listNum > li:first-child {margin-top: 0;}

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


ul.listBl, ul.listBl li {margin: 0;padding: 0;list-style:none;}
ul.listBl {}
ul.listBl > li {position: relative;padding-left: 10px;margin-top: 15px;color: #333;font-size: 15px;line-height: 25px;font-family: 'Roboto-Medium', sans-serif;}
ul.listBl > li:first-child {margin-top: 0;}
ul.listBl > li:before {position: absolute;left: 0;top: 10px;width: 3px;height: 3px;content: "";background-color: #5f5f5f;}

ul.noBl, ul.noBl > li {margin: 0;padding: 0;list-style: none;}


.bl {position: relative;margin: 0;padding: 0 0 0 1em;}
.bl:before {content: attr(pub-bl);position: absolute;left: 0;top: 0;}


a.conLink {border-bottom: 1px solid #1b61e2;color: #1b61e2;}


.scrollArea,
.agreeCon,
textarea {scrollbar-3dLight-Color: #dcdcdc; scrollbar-arrow-color: #dcdcdc; scrollbar-base-color: #0065cf; scrollbar-Face-Color: #0065cf; scrollbar-Track-Color: #dcdcdc; scrollbar-DarkShadow-Color: #dcdcdc; scrollbar-Highlight-Color: #dcdcdc; scrollbar-Shadow-Color: #dcdcdc}
.scrollArea::-webkit-scrollbar,
.agreeCon::-webkit-scrollbar,
textarea::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
.scrollArea::-webkit-scrollbar-thumb,
.agreeCon::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {background-color: #222;}

.bg .scrollArea::-webkit-scrollbar,
.bg .agreeCon::-webkit-scrollbar,
.bg textarea::-webkit-scrollbar {background-color: #fff;}




ul.pager {padding: 15px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;}
ul.pager li {margin-left:2px;}
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;width: 20px;border:0 none;padding: 5px 0 5px;text-align: center;vertical-align: top;font-size: 15px;line-height:15px;text-decoration: none;color: #3b3d45;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 25px;padding:0;}

ul.pager a.on {font-family: 'Roboto-Medium', sans-serif;text-align: center;color:#03767e;}
ul.pager a img {vertical-align: top;}


div.fixedArea {position: fixed;bottom: 0;left: 0;width: 100%;}
div.fixedArea.col2ea {display: grid; grid-template-columns: repeat(2, 1fr);}


/* 레이어 팝업*/
div.layerPopup {display: none;z-index: 250;position: fixed;left: 0;top: 0;overflow: auto;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);font-family: 'Roboto-Regular', sans-serif;}
div.layerPopup div.popup {position: absolute;left: 0;top: 0;width: 100%;height:100%;box-sizing:border-box;}
div.layerPopup div.popupWrap {position:absolute;top: 50%; left: 50%;width: 95%;transform:translate(-50%, -50%);box-sizing:border-box;background-color: #fff;}

div.popupWrap h1 {margin: 0;padding: 10px 15px;font-weight: normal;color: #fff;font-size: 16px;line-height: 20px;background-color: #4f5774;font-family: 'Roboto-Medium', sans-serif;}

div.layerPopup .close {position: absolute;right: 0;top: 0;width:100%}
div.layerPopup .close img {display: block;width:27px;height:27px;}


/* Intro */
div.webinarIntro {padding: 30px 0;background: url('mobile/intro_bg.png') center center no-repeat;background-size: cover;box-sizing:border-box;}
div.webinarIntro a {display: block;text-decoration: none;}

div.webinarIntro h1 {margin: 0;padding: 0 0 20px;}
div.webinarIntro h1 img {display: block;height: 38px;margin: 0 auto;}

ul.introMenu {margin:0;padding: 0 25px;}
ul.introMenu > li {margin: 15px 0 0;list-style:none;background-color: #fff;box-shadow:0 0 10px rgba(0,0,0,.15);}
ul.introMenu > li:first-child {margin: 0;}
ul.introMenu a.info {position: relative;height: 21px;padding: 15px 40px 14px 20px;color: #333;font-size: 14px;font-family: 'Roboto-Medium', sans-serif;}
ul.introMenu a.info:after {position: absolute;right: 20px;top: 50%;width: 7px;height: 14px;margin-top: -7px;content: " ";background: url('mobile/btnBl_arr.png') center center no-repeat;background-size: 7px;}
ul.introMenu a.info img {display: inline-block;width: 19px;padding:1px 5px 0 0;vertical-align: top;}

div.webinarIntro dl, div.webinarIntro dt, div.webinarIntro dd {margin: 0;padding: 0;}
div.webinarIntro dl {margin: 25px 25px 0;padding: 20px;background-color: rgba(31,38,77,.95);box-shadow:0 0 10px rgba(0,0,0,.15);color: #fff;font-family: 'Roboto-Regular', sans-serif;}
div.webinarIntro dt {padding-bottom: 5px;color: #ffdd4c;font-weight: bold;}



/* Login */
div.webinarLogin {padding:0;box-sizing:border-box;}
div.webinarLogin a {text-decoration: none;}

div.loginArea {position: relative;margin:0;}

div.loginArea h1 {margin: 0;padding: 0;}
div.loginArea h1 img {display: block;width: 100%;}

div.loginArea div.formArea {padding: 15px 15px 70px;background: url('common/login_bg_logo.png') center bottom 20px no-repeat;background-size: auto 20px;}

div.loginArea p {font-size: 12px;line-height: 20px;color: #333;font-family: 'Roboto-Medium', sans-serif;}

div.loginArea dl {position: relative; margin:0;padding: 15px 0 5px;}
div.loginArea dt {padding-bottom: 5px;color: #333; line-height: 30px; font-size: 16px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.loginArea dd {position: relative;padding: 0;margin-bottom: 15px;}
div.loginArea dd input {width: 100%;height: 40px;padding:0 15px;border: 1px solid #dadada; background-color: #fff;color: #111; font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}
div.loginArea dd input::placeholder {color: #999; line-height: 36px; font-size: 13px; font-weight: normal;font-family: 'Roboto-Light', sans-serif;}

div.loginArea div.btn input {width: 100%;height: 40px; font-size: 15px;line-height: 40px;background-color: #238e21 !important;border-color: #238e21 !important;color: #fff;font-family: 'Roboto-Medium', sans-serif;box-sizing:border-box;}


/* 팝업 > 로그아웃*/
#popupLogout {padding: 32px 0;}
#popupLogout p {padding: 100px 0 0;border-radius:5px;color: #333;font-size: 15px;line-height: 20px;text-align: center;background: url('common/logout.png') center top no-repeat; background-size: auto 73px;font-family: 'Roboto-Regular', sans-serif;}

#popupLogout div.btnArea {padding: 20px 0 0;text-align: center;}
#popupLogout div.btnArea a {margin-left: 10px;height: 40px;font-size:12px;font-weight: normal; padding:0;width:120px;font-size: 14px;line-height: 38px;color:#4f5774;border-color: #4f5774;background-color: #fff;}
#popupLogout div.btnArea a:first-child {margin-left: 0;background-color: #238e21;border-color: #238e21;color: #fff;}



/* 메인 */
div#webinarMain {background-color: #eef5fc;box-sizing:border-box;}

div#webinarMain h1 {}
div#webinarMain h1 img {display: block;width: 100%;}

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 {overflow: hidden;position: relative;margin: 15px;padding: 0 10px 0 100px;border-radius: 15px;background-color: #fff;}
dl.mainBbs > dt {position: absolute;left: 0;top: 0;width: 90px;border-radius: 15px;text-align: center;color: #fff;font-size: 16px;line-height: 30px;background-color: #344a9c;font-family: 'Roboto-Medium', sans-serif;}
dl.mainBbs li a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;color: #222;font-size: 14px;line-height: 30px;font-family: 'Roboto-Regular','NotoSansKR Regular', sans-serif;}

ul.wsMenu {margin: 0;padding: 0 15px;}
ul.wsMenu li {padding: 0;list-style:none;margin: 0 0 10px;border-radius: 5px;}
ul.wsMenu li:nth-child(1) {background: linear-gradient( to right, #49a242, #99c457);}
ul.wsMenu li:nth-child(2) {background: linear-gradient( to right, #325fa6, #325fa6);}
ul.wsMenu li:nth-child(3) {background: linear-gradient( to right, #17666d, #58b5a7);}

ul.wsMenu a {position: relative;display: table-cell;width: 2000px;height: 60px;padding:0 35px 0 65px;vertical-align: middle;text-decoration: none;text-align: left;letter-spacing: -0.5px;color: #fff;font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;background-position: right 15px center;background-repeat: no-repeat;background-size: 22px;box-sizing:border-box;}
ul.wsMenu img {position: absolute;left: 20px;top: 16px;height: 32px;}
ul.wsMenu li:nth-child(1) a {background-image: url('common/wsMenu_arr_01.png');}
ul.wsMenu li:nth-child(2) a {background-image: url('common/wsMenu_arr_02.png');}
ul.wsMenu li:nth-child(3) a {background-image: url('common/wsMenu_arr_03.png');}


ul.moreMenu {margin: 0 15px 20px;padding: 0;border-radius: 5px;background-color: #fff;font-size: 0;line-height: 0;text-align: center;}
ul.moreMenu li {position: relative;display: inline-block;vertical-align: top;width: 50%;}
ul.moreMenu li:before {position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 12px;content: "";background-color: #ededed;}
ul.moreMenu li:first-child:before {display: none;}
ul.moreMenu a {display: block;color: #2c2f4b;font-size: 13px;line-height: 50px;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;}

div#webinarMain div.out {}
div#webinarMain div.out a {display: block;text-align: center;background-color: #1b2734;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;font-size: 16px;line-height: 45px;text-decoration: none;}

/* 메인 > 스폰서 */
dl.sponsorzone, dl.sponsorzone dt, dl.sponsorzone dd, dl.sponsorzone ul, dl.sponsorzone li, dl.sponsorzone a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.sponsorzone {position: relative;overflow: hidden;padding: 10px 15px 15px;box-sizing:border-box;background-color: #fff;}
dl.sponsorzone > dt,
dl.sponsorzone > dd {float: left;margin-top: 5px;}
dl.sponsorzone dt {clear: both;padding-right: 15px;color: #323845; font-size: 13px;line-height: 30px; font-family: 'Roboto-Bold', sans-serif;}

dl.sponsorzone dd {}
dl.sponsorzone dd:last-child {position: relative;width: calc(100% - 110px);padding: 0 20px;box-sizing:border-box;}

dl.sponsorzone dd > ul {overflow: hidden;}
dl.sponsorzone dd > ul li {float: left;margin-left: 10px;}
dl.sponsorzone dd > ul li:first-child {margin-left: 0;}
dl.sponsorzone li.tit {text-align: center;}
dl.sponsorzone li.tit span {display: block;padding: 0 10px;border-radius: 11px;color: #fff;font-size: 13px;line-height: 22px;font-family: 'Roboto-Medium', sans-serif;}
dl.sponsorzone dd > a,
dl.sponsorzone li a {display: table-cell;width: 100%;vertical-align: middle;text-align: center;}
dl.sponsorzone li a {border: 1px solid #c9c9c9;}
dl.sponsorzone a img {display: inline-block;height: 20px;vertical-align: middle;}

dl.sponsorzone li {width: auto !important;}
dl.sponsorzone a.bx-prev,
dl.sponsorzone a.bx-next {position: absolute; top: 0; width: 20px; height: 100%; font-size: 0; line-height: 0; text-indent: -10000px; background-repeat: no-repeat;background-size: 10px;}
dl.sponsorzone a.bx-prev {left: 0;background-image: url('common/sponsor_prev.png');background-position: left center;}
dl.sponsorzone a.bx-next {right: 0;background-image: url('common/sponsor_next.png');background-position: right center;}


/* 컨텐츠 > 기본 레이아웃 */
div.webinar {position: relative;box-sizing:border-box;background-color: #fff;color: #222;font-size: 14px;line-height: 20px;font-family: 'Roboto-Regular','NotoSansKR Regular', sans-serif;}
div.titArea {}
div.titArea h1 {margin: 0;}
div.titArea h1 img {display: block;width: 100%;}
div.titArea h2 {position: relative;margin: 0;padding: 0 15px 0 35px;color: #fff;font-size: 16px;line-height: 40px;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;background: linear-gradient( to right, #017481, #43a041);}
div.titArea h2:before {content: "";position: absolute;left: 15px;top: 50%;transform:translateY(-50%);width: 10px;height: 2px;background-color: #fff;}
div.webinar h1 {}

div.contents {position: relative;overflow-x: hidden;overflow-y: auto;box-sizing:border-box;}
div.contents.bg {background-color: #d7e2ef;}

ul.lnb, ul.lnb li, ul.lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.lnb {padding: 8px;}
ul.lnb:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.lnb > li {float: left;text-align:center;}
ul.lnb a {display:table-cell;width:100vw;height: 45px;text-align: center;vertical-align: middle;padding: 0 10px;color: #354d70;background-color: #fff;border:1px solid #ccc;border-left: 0 none;font-size: 13px;line-height: 16px;font-family: 'Roboto-Regular', sans-serif;text-decoration:none;}
ul.lnb > li:first-child a {border-left: 1px solid #ccc;}
ul.lnb li.on a {border-color: #137763 !important;background-color: #137763; color: #fff;font-family: 'Roboto-Medium', sans-serif;}

ul.tabMenu {}
ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu {padding: 15px;}
ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.tabMenu > li {float: left;text-align:center;}
ul.tabMenu a {display:table-cell;width:100vw;height: 45px;text-align: center;vertical-align: middle;padding: 0 10px;color: #354d70;background-color: #fff;border:1px solid #ccc;border-left: 0 none;font-size: 13px;line-height: 16px;font-family: 'Roboto-Regular', sans-serif;text-decoration:none;}
ul.tabMenu > li:first-child a {border-left: 1px solid #ccc;}
ul.tabMenu li.on a {border-color: #137763 !important;background-color: #137763; color: #fff;font-family: 'Roboto-Medium', sans-serif;}

dl.toggleArea, dl.toggleArea * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.toggleArea a {display: block;text-decoration: none;}
dl.toggleArea {z-index: 50;position: relative;padding: 15px;    border-bottom: 1px solid #cdcdcd;}
dl.toggleArea a.trigger {position: relative;padding: 0 40px 0 15px;background-color: #eceff5;color: #222;font-size: 14px;line-height: 40px;}
dl.toggleArea a.trigger:after {content: "";position: absolute;right: 15px;top: 50%;transform:translateY(-50%);width: 10px;height: 6px;background: url('mobile/trigger_bl.png') center center no-repeat;background-size: 9px;}
dl.toggleArea.view a.trigger:after {transform:translateY(-50%) rotate(-180deg);}
dl.toggleArea > dd {position: absolute;left: 15px;top: 55px;width: calc(100% - 30px);border: 1px solid #cdcdcd;border-top: 0 none;background-color: #fefeff;box-sizing:border-box;}
dl.toggleArea ul {padding: 5px 0 10px;height: auto; overflow-y: scroll;}
dl.toggleArea li {margin-top: 5px;}
dl.toggleArea li:last-child{border-bottom:none;}
dl.toggleArea li a {font-size: 12px;color: inherit;padding:5px 15px;}

ul.option, ul.option li {margin: 0;padding: 0;list-style: none;}
ul.option {text-align: center;font-size: 0;line-height: 0;}
ul.option li {display: inline-block;vertical-align: top;width: 60px;padding: 0 20px;}
ul.option label {display: block;width: 100%;padding-top: 10px;color: #1b1b1b;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;letter-spacing: -1px;}

ul.option input[type=checkbox],
ul.option input[type=radio] {appearance: none;display: block;width: 10vw;height: 10vw;margin: 0 auto;border-radius: 50%;background:#e1e4e9 url('common/input.png') center center no-repeat;background-size: 17px;}

ul.option input[type=checkbox]:checked,
ul.option input[type=radio]:checked {background-color: #238f22;background-image:url('common/input_checked.png');}

input[type=text],
textarea {display: block;width: 100%;border: 1px solid #ccc;background-color: transparent;box-sizing:border-box;color: #444;font-size: 13px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
input[type=text] {height: 35px;padding: 0 15px;line-height: 33px;}
textarea {display: block;height: 120px;padding: 15px;line-height: 20px;}


div.fixedArea {z-index: 80;position: fixed;left: 0;bottom: 0;width: 100%;min-width: 320px;}
div.fixedArea .btn > a,
div.fixedArea > a {display: block;height: 50px;border: 0 none;color: #fff;font-size: 16px;line-height: 50px;font-family: 'Roboto-Bold', sans-serif;text-align: center;box-sizing:border-box;text-decoration: none;font-weight: normal;text-transform: uppercase;}

div.fixedArea a.home,
div.fixedArea a.close {background-color: #1b2734;}
div.fixedArea a.list {background-color: #6eae46;}




/* Notice */
div.notice {padding: 15px 15px 70px;background: url('common/con_bg_logo.png') center bottom 20px no-repeat;background-size: auto 23px;}
dl.notice, dl.notice > dt, dl.notice > dd {margin: 0;padding: 0;}

dl.notice {border-bottom: 1px solid #caccd8;}
dl.notice:first-child {border-top: 2px solid #272b4b;}
dl.notice a.trigger {position: relative;overflow: hidden;display: block;padding: 14px 40px 13px 20px;text-decoration: none;color: #222;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Regular', sans-serif;text-overflow:ellipsis;white-space:nowrap;}
dl.notice a.trigger:after {content: "";position: absolute;right: 20px;top: 50%;transform:translateY(-50%);width: 10px;height: 6px;background: url('mobile/trigger_bl.png') center center no-repeat;background-size: 9px;}

dl.notice.view a.trigger{background-color: #eaebef;}
dl.notice.view a.trigger:after {transform:translateY(-50%) rotate(-180deg);}

dl.notice > dd {padding:15px 20px;color: #222;font-size: 14px;word-break: keep-all;}
dl.notice div.date {color: #3b3d45; font-weight: bold;}


/* FAQ */
dl.faqNote, dl.faqNote dt, dl.faqNote dd {margin: 0;padding: 0;}
dl.faqNote {position: relative;padding: 15px;text-align: center; color: #141a5b;font-size: 13px;line-height: 22px;font-family: 'Roboto-Regular', sans-serif;}
dl.faqNote dt {font-family: 'Roboto-Light', sans-serif;}
dl.faqNote a {color: #1b61e2;}

dl.faqNote + dl.faq {margin-top: 0;}
dl.faq, dl.faq > dt, dl.faq > dd, dl.faq ul, dl.faq li, dl.faq p {margin: 0;padding: 0;list-style:none;}
dl.faq {margin: 15px 15px 0;padding: 0;font-size: 13px;line-height: 21px;color: #000;font-family: 'Roboto-Regular', sans-serif;}
dl.faq:last-of-type {padding-bottom: 70px;background: url('common/con_bg_logo.png') center bottom 20px no-repeat;background-size: auto 23px;}

dl.faq dt a {position: relative;display: block;padding:10px 40px 10px 10px;text-decoration: none;font-size: 14px;line-height: 21px;color: #222;font-family: 'Roboto-Medium', sans-serif;background-color: #f2f2f2;}
dl.faq dt a:after {position: absolute;right: 15px;top: 50%;width: 10px;height: 6px;margin: -3px;content: "";background: url('mobile/toggle.png') center center no-repeat;background-size: 10px;}

dl.faq.view > dt a:after {transform:rotate(180deg);}

dl.faq > dd.toggleCon {position: relative;padding:15px;border: 1px solid #f2f2f2;word-break: keep-all;}
dl.faq > dd.toggleCon img {display: block;margin: 15px auto 0;}
dl.faq > dd.toggleCon > * {margin-top: 20px;}
dl.faq > dd.toggleCon > *:first-child {margin-top: 0;}
dl.faq dd dt {padding: 10px 0;font-weight: bold;}
dl.faq table.tblDef {border-top-color: #000;}
dl.faq table.tblDef th, dl.faq table.tblDef td {padding: 5px;border-left: 1px solid #ccc;font-size: 14px;}
dl.faq table.tblDef th {background-color: #3b3d45;border-left: 0 none;color: #fff;}

dl.faq div.btn a {margin-top: 5px;}


/* 시계 */
ul.timeInfo {position: relative;right: 15px;top: -40px;height: 0;text-align: right;font-size: 0;line-height: 0;}
ul.timeInfo li {position: relative;display: inline-block;vertical-align: top;height: 40px;margin: 0;padding: 0 10px;font-family: 'Digital-7Mono', sans-serif;color: #fff;font-size: 20px;line-height: 40px;text-align: center;box-sizing: border-box; }

ul.timeInfo li.time {}
ul.timeInfo li.time:after {position: absolute;left: 0;top: 50%; transform: translateY(-50%);width: 100%;text-align: center;animation-duration:1s;animation-name:flicker; animation-iteration-count: infinite;font-family: 'Digital-7Mono', sans-serif;color: #fff;font-size: 20px;line-height: 40px;content: ":";}
@keyframes flicker {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}
ul.timeInfo li.zone:before {position: absolute;left: 0;top: 10px;width: 1px;height: calc(100% - 20px);content: "";background-color: rgba(255, 255, 255, 0.4);}
ul.timeInfo li.zone a {display: block;padding: 11px 0;}
ul.timeInfo li.zone img {display: block;height: 17px;}


/* On-Air */
div.room:before {content: "Please select a room to enter";display: block;padding: 8px 15px 0;text-align: center;color: #1f2c3f;font-size: 16px;line-height: 20px;font-family: 'Roboto-Bold', sans-serif;}

div.room{padding-bottom: 50px;}
div.roomInfo {position: relative;margin: 15px;padding-top: 15px;background-color: #fff;}
div.roomInfo.inactive:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: .3;}

div.enterInfo{padding: 5px 20px 0px 20px;letter-spacing: -1px; line-height: 15px; font-size: 14px;color: #505050;text-align: center;}
div.roomBrief {font-family: 'Roboto-Regular', sans-serif;}
div.roomBrief span {display: block;padding: 0 15px;}

div.roomBrief span.room {float: left;font-size: 17px;line-height: 20px;font-family: 'Roboto-Bold', sans-serif;}
.roomA .room {color: #5ab333 !important;}
.roomB .room {color: #cd4d4c !important;}
.roomC .room {color: #ae58c7 !important;}
.roomD .room {color: #3c90d8 !important;}
.roomE .room {color: #e29000 !important;}

div.roomBrief span.time {float: right;color: #333;font-size: 11px;line-height: 20px;}
div.roomBrief span.tit {clear: both;padding-top: 10px;color: #153271;font-size: 14px;line-height: 16px;font-family: 'Roboto-Medium', sans-serif;}
div.roomBrief span.subject {padding-top: 5px;color: #000;font-size: 15px;line-height: 16px;font-family: 'Roboto-Medium', sans-serif;}
div.roomBrief span.chairs {margin: 10px 15px 0;padding: 10px 0 15px;border-top: 2px solid #eef5fd;color: #666;font-size: 13px;line-height: 17px;}
div.roomBrief span.btn {overflow: hidden;padding: 0;}
div.roomBrief span.btn > a {float: left;position: relative;width: 50%;height: 36px;padding: 0 42px 0 15px;font-size: 14px;line-height: 36px;border: 0 none;color: #fff;background-color: #e19717;box-sizing: border-box;}
div.roomBrief span.btn > a:after {content: "";position: absolute;right: 15px;top: 0;width: 12px;height: 100%;background: url('common/room_enter.png') right center no-repeat;background-size: 10px;}

div.roomBrief span.btn > a.detail {background-color: #354467;}
div.roomBrief span.btn > a.detail:after {background-image: url('common/room_detail.png');background-size: 8px;}
div.roomBrief .view a.detail:after {transform:rotate(180deg);}

ul.session, ul.session li {margin: 0;padding: 0;list-style: none;}
ul.session {padding: 15px;background-color: #ffffff;}
ul.session > li + li{padding-top: 15px;}
ul.session span {display: block;color: #000;font-size: 12px;line-height: 16px;}
ul.session span.time {padding-bottom: 5px;}
ul.session span.tit {color: #2d5aad;font-size: 15px;font-family: 'Roboto-Medium', sans-serif;letter-spacing: -0.5px;line-height: 18px;margin-bottom: 5px;}
ul.session span.name {font-family: 'Roboto-Light', sans-serif;}



/* Program at a glance */
ul.day, ul.day li, ul.day a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.day {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;padding: 0 15px 8px;}
ul.day a {display: table-cell;width: 100vw;height: 40px;padding: 0 10px;vertical-align: middle;text-align: center;border-radius: 20px;border: 1px solid #76af3e;color: #76af3e;font-size: 12px;line-height: 16px;background-color: #f1f7eb;font-family: 'Roboto-Medium', sans-serif;}
ul.day .on a {color: #fff;background-color: #76af3e;}

div.tableScroll {overflow: auto;}

div.tableScroll {padding: 10px 15px 15px;}
table.glance, table.glance > thead, table.glance > tbody, table.glance > tfoot, table.glance > * > tr, table.glance * > tr > * {margin:0;padding:0;border:0 none;}
table.glance {width:1000px; border:0; border-collapse:collapse; border-spacing:1px;font-size: 12px;line-height: 16px;background-color: #fff;   }

table.glance > * > tr > * {position: relative;padding: 10px 5px;color: #101530;word-break:normal;text-align: center;letter-spacing: -0.5px;font-family: 'Roboto-Regular', sans-serif;background-color: #fff;}
table.glance p {margin: 0;color: #000;}
table.glance a {display: block;}
/* table.glance img {height: 30px;} */


table.glance td.kor {position: relative;}
table.glance td.kor:before {content: "Kor";position: absolute;left: 0;top: 0;width: 45px;height: 24px;text-align: center;color: #fff;font-size: 14px;line-height: 24px;background-color: #cb2d2d;font-family: 'Roboto-Medium', sans-serif;}


table.glance a.onair {position: relative;display: block;width: 90px;height: 25px;bottom: 0px;left: 50%;border: 1px solid #db2828;margin-top: 10px;transform: translateX(-50%);border-radius: 20px;background-color: #db2828;color: #fff;font-size: 14px;line-height: 25px;font-family:'Roboto-Medium',sans-serif;font-weight: normal;}
/* table.glance a.onair:hover {background-color: #fff;color: #db2828;border: 1px solid #db2828;}
 */

/* table.glance a.onair {display: block;text-decoration: none;color: inherit;}
span.onair {display: block;width: 70px;height: 20px;margin: 5px auto 0;border-radius: 10px;font-size: 0;line-height: 0;background: #cb2d2d url('https://virtual.ksmoconference.org/asset/sub/onair.png') center center no-repeat;animation-duration:1s;animation-name:onair; animation-iteration-count: infinite;font-family: 'Roboto-Bold', sans-serif;background-size: 100%;}


@keyframes onair {
	0% {background-image: url('https://virtual.ksmoconference.org/asset/sub/onair.png');}
	50% {background-image: url('https://virtual.ksmoconference.org/asset/sub/onair_on.png');}
	100% {background-image: url('https://virtual.ksmoconference.org/asset/sub/onair.png');}
}

a.onair:hover {text-decoration: underline;}
a.onair:hover span.onair {text-decoration: none !important;}
 */
/* 프로그램 검색 */
div.programSearch {padding: 0 15px;}

/* 정렬 */
dl.sort, dl.sort dt, dl.sort dd, dl.sort ul, dl.sort li, dl.sort a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.sort {z-index: 20;position: relative;}
dl.sort a.trigger {position: relative;display: block;padding:10px 40px 10px 10px;text-decoration: none;font-size: 14px;line-height: 20px;color: #000;font-family: 'Roboto-Medium', sans-serif;background-color: #eceff5;}
dl.sort a.trigger:after {position: absolute;right: 15px;top: 50%;width: 10px;height: 6px;margin: -3px;content: "";background: url('mobile/toggle.png') center center no-repeat;background-size: 10px;}
dl.sort > dd {position: absolute;left: 0;top: 40px;width: 100%;border: 2px solid #eceff5;border-top: 0 none;background-color: #fff;box-sizing: border-box;}
dl.sort ul {padding: 15px;}
dl.sort ul a {font-size: 15px;line-height: 27px;color: #222;}

/* 키워드 검색 */
div.keyword {position: relative;margin-top: 5px;padding-right: 90px;}
div.keyword input[type=text],
div.keyword input[type=submit] {display: inline-block;vertical-align: top;height: 40px;padding: 0 15px;border: 0 none;font-size: 14px;line-height: 40px;box-sizing:border-box;font-family: 'Roboto-Regular', sans-serif;}
div.keyword input[type=text] {width: 100%;text-align: left;padding-left: 30px;background: #eceff5 url('common/search_bg.png') 10px center no-repeat;background-size: 16px;}
div.keyword input[type=text]::placeholder {color: #adb0c1;font-family: 'Roboto-Light', sans-serif;}
div.keyword input[type=submit] {position: absolute;right: 0;top: 0;width: 90px;text-align: center;color: #fff;background-color: #272b4b;}


div.program {padding: 15px;}

div.sponsorBnr {padding-bottom: 0;text-align: right;}
div.sponsorBnr a {display: inline-block;vertical-align: top;}
div.sponsorBnr img {display: block;/* height: 36px; */}


div.session {margin-top: 5px;padding-top: 10px;border: 1px solid #ccc; border-top: 2px solid #373b58;}

div.sessionBrief {position: relative;padding-bottom: 7px;}
div.sessionBrief:after {content: "";display: block;height: 0;line-height: 0;font-size: 0;}
div.sessionBrief span {display: block;overflow: hidden;padding-top: 5px;}
div.sessionBrief span.room,
div.sessionBrief span.time {display: inline-block;vertical-align: top;}
div.sessionBrief span.room {padding-left: 15px;font-size: 17px;line-height: 20px;font-family: 'Roboto-Bold', sans-serif;}
div.sessionBrief span.time {padding: 5px 80px 0 10px;color: #333;font-size: 12px;line-height: 20px;}
div.sessionBrief span.subject {padding: 5px 15px 0;color: #000;font-size: 14px;line-height: 16px;font-family: 'Roboto-Medium', sans-serif;}
div.sessionBrief span.chairs {margin: 10px 15px 0;padding: 10px 0 0;border-top: 2px solid #eef5fd;color: #666;font-size: 13px;line-height: 15px;letter-spacing: -0.5px;}

div.sessionBrief span.tit {padding: 5px 15px 0;font-size: 14px;line-height: 18px;font-family: 'Roboto-Medium', sans-serif;}
.pl {color: #f44336 !important;} 
.ss {color: #2e7d32 !important;} 
.js {color: #03a9f4 !important;} 
.es {color: #546e7a !important;} 
.mdcd {color: #546e7a !important;} 
.op {color: #546e7a !important;} 
.ls {color: #ff6f00 !important;} 
.sl {color: #8e24aa !important;} 
.faco {color: #03a9f4 !important;} 
.mc {color: #546e7a !important;}

div.sessionBrief a.vod {position: absolute;right: 90px;top: 1px;height: 26px;border: 0 none;padding: 0 15px;font-size: 12px;line-height: 26px;color: #fff;font-family: 'Roboto-Regular', sans-serif;border: 0 none;color: #fff;}
div.sessionBrief a.favor {position: absolute;right: 15px;top: 3px;width: 70px;height: 23px;padding: 0;border: 0 none;font-size: 0;line-height: 0;background: url('common/favor.png') center center no-repeat;background-size: 70px;}
div.sessionBrief a.favor.on {background-image: url('common/favor_on.png');}

div.sessionBrief a.detail {float: right;width: 80px;height: 25px;margin-right: 15px;border: 0 none;padding: 0;text-align: center;text-decoration: none;font-size: 12px;line-height: 25px;color: #fff;background-color: #5e9145;}
div.sessionBrief a.detail:after {content: "+";display: inline-block;vertical-align: top;padding-left: 5px;}
div.sessionBrief.view a.detail:after {content: "-";}

div.overview {padding: 10px 15px;color: #666;font-size: 12px;line-height: 16px;background-color: #f7f1e5;}

div.session ul.session {padding: 0;background-color: #fff;}
div.session ul.session li {padding: 10px 15px;border-top: 1px solid #ccc;}
div.session ul.session span.time {padding-bottom: 10px;color: #666;}
div.session ul.session span.name {font-style: italic;font-family: 'Roboto-Regular', sans-serif;margin-top: 8px;font-size: 13px; line-height: 17px;}
div.session ul.session span.btn {padding-top: 10px;}
div.session ul.session a {height: 26px;border: 0 none;padding: 0 15px;font-size: 12px;line-height: 26px;color: #fff;font-family: 'Roboto-Regular', sans-serif;}
div.session ul.session a + a {margin-left: 5px;}
a.cv {background-color: #23896b !important;}
a.abstract {background-color: #29294b !important;}
a.vod {background-color: #4c6eaf !important;}

/* 팝업 > 프로그램 상세보기 */
div#popupDetail {}
div.popupCon {overflow-x: hidden;overflow-y: auto;max-height:300px;    min-height: 284px;}
div#popupDetail div.close {position: static;}
div#popupDetail div.close a {display: block;text-align: center;color: #fff;font-size: 16px;line-height: 50px;text-decoration: none;background-color: #1b2734;font-family: 'Roboto-Bold', sans-serif;}

div.popupCon::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
div.popupCon::-webkit-scrollbar-thumb {background-color: #a3a3a3;}


/* 팝업 > VOD 다시보기 */
div#popupVod {}
div#popupVod div.close {position: static;}
div#popupVod div.close a {display: block;text-align: center;color: #fff;font-size: 16px;line-height: 50px;text-decoration: none;background-color: #1b2734;font-family: 'Roboto-Bold', sans-serif;}



/* E-Poster */
div.searchArea {padding: 15px;}


ul.eposterList, ul.eposterList * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.eposterList {margin: 0 15px 15px;border-top:2px solid #272b4b;}
ul.eposterList li {position: relative;border-bottom: 1px solid #ccc;background: url('common/eposter_arr.png') right 15px center no-repeat;background-size: 10px;}

ul.eposterList a {position: relative;display: block;padding: 15px 40px 15px 15px;line-height: 20px;font-family: 'Roboto-Medium', sans-serif;}
ul.eposterList a.best {background: url('https://virtual.ksmoconference.org/asset/sub/poster_best.png') right 10px top 10px no-repeat;background-size: 45px;}
ul.eposterList span.num {display: inline-block;vertical-align: top;padding: 0 20px;border-radius: 15px;color: #fff;font-size: 13px;line-height: 25px;background-color: #74a94e;}
ul.eposterList span.tit {display: block;padding-top: 10px;color: #000;font-size: 14px;line-height: 16px;}
ul.eposterList span.name {display: block;color: #4a609f;font-size: 13px;font-style: italic;font-family: 'Roboto-Regular', sans-serif;margin-top: 6px;    line-height: 15px;}
ul.eposterList span sup{font-size: 10px;}
ul.eposterList a.favor {position: absolute;right: 15px;top: 10px;width: 70px;height: 23px;padding: 0;border: 0 none;font-size: 0;line-height: 0;background: url('common/favor.png') center center no-repeat;background-size: 70px;}
ul.eposterList a.favor.on {background-image: url('common/favor_on.png');}

ul.eposterList a.comment {display: inline-block;vertical-align: top;padding: 0 15px;margin: 0 15px 15px;color: #000;font-size: 12px;line-height: 35px;font-family: 'Roboto-Regular', sans-serif;background-color: #eceff5;}
ul.eposterList a.withdrawn{text-decoration: line-through;}
 

div.eposter {padding: 15px;}

dl.eposterBrief, dl.eposterBrief * {margin: 0;padding: 0;text-decoration: none;}
dl.eposterBrief {padding: 15px;border: 1px solid #ccc;border-top: 2px solid #272b4b;}
dl.eposterBrief.best {background: url('https://virtual.ksmoconference.org/asset/sub/poster_best.png') right 10px top 10px no-repeat;background-size: 45px;}
dl.eposterBrief > dt {position: relative;padding-top: 35px;color: #000;font-size: 15px;line-height: 18px;font-family: 'Roboto-Medium', sans-serif;}
dl.eposterBrief span.num {position: absolute;left: 0;top: 0;padding: 0 20px;border-radius: 12px;color: #fff;font-size: 12px;line-height: 24px;font-family: 'Roboto-Medium', sans-serif;background-color: #74a94e;}
dl.eposterBrief > dd {position: relative;color: #4a609f;font-size: 13px;line-height: 15px;font-style: italic;    font-family: 'Roboto-Regular', sans-serif;    margin-top: 5px;}
dl.eposterBrief > dd sup{font-size: 10px;}
dl.eposterBrief span.util {display: block;padding-top:10px;font-size: 0;line-height: 0;}
dl.eposterBrief span.util > * {display: inline-block;vertical-align: top;font-style: normal;}

dl.eposterBrief a.like {position: relative;margin-top: 3px;padding: 0 10px 0 35px;border-radius: 10px;color: #153271;font-size: 12px;line-height: 20px;background-color: #e9edf2;}
dl.eposterBrief a.like:before {content: "";position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 26px;height: 26px;border-radius: 50%;background: #99a4c2 url('common/like.png') center center no-repeat;background-size: 12px;}
dl.eposterBrief a.like.on:before {background-color: #c43057;}
dl.eposterBrief a.favor {width: 70px;height: 26px;margin-left: 15px;font-size: 0;line-height: 0;background: url('common/favor.png') center center no-repeat;background-size: 70px;}
dl.eposterBrief a.favor.on {background-image: url('common/favor_on.png');}

dl.eposterBrief a.list {width: 60px;height: 26px;margin-left: 15px;font-size: 0;line-height: 0;background: url('common/list.png') center center no-repeat;background-size: 60px;}

div.posterCon {position: relative;border-bottom: 1px solid #e0e0e0;}
div.posterCon div.viewArea {overflow-x: hidden;overflow-y: auto;max-height: 300px;background-color: #f8f8f8;}
div.posterCon div.viewArea::-webkit-scrollbar {width: 10px;background-color: #e6e6e6;}
div.posterCon div.viewArea::-webkit-scrollbar-thumb {background-color: #3f3e58;}
div.posterCon div.viewArea img {display: block;width: 100%;}
div.posterCon .viewBig {position: absolute;right: 20px;bottom: 20px;width: 40px;height: 40px;    border: 5px solid #3d414e;}
div.posterCon .viewBig a {display: block;height: 100%;font-size: 0;line-height: 0;background: #3d414e url('common/poster_viewBig.png') center center no-repeat;background-size: 15px;}
div.posterCon li{list-style: none;}
div.comment {overflow-x: hidden;overflow-y: auto; max-height: 300px;}
/* 댓글 */
dl.comment {}
dl.comment > dt {padding: 15px 0;color: #232323;font-size: 15px;line-height: 20px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
dl.comment > dt a {float: right;display: inline-block;padding: 7px 10px;vertical-align: top;line-height: 16px;color: #fff;font-size: 14px;background-color: #b3215b;}
dl.comment > dd {position: relative;padding-right: 90px;}
dl.comment textarea {width: 100%;height: 74px;box-sizing:border-box;padding: 10px;}
dl.comment textarea::placeholder  {color:#b8b8b8;font-size: 14px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
dl.comment input[type=submit] {position: absolute;right: 0;top: 0;width: 90px;height: 74px;padding: 0;margin: 0;background-color: #3f3e58;border-color: #3f3e58;color: #fff;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}


div.replyAarea {overflow-x: hidden;overflow-y: auto;margin-top: 30px;max-height: 340px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
div.replyAarea::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
div.replyAarea::-webkit-scrollbar-thumb {background-color: #a3a3a3;}

table.session + div.reply {padding-bottom: 0;margin:50px 0 0;}
div.reply p.count {padding-bottom: 10px;}
div.reply + div.btn {text-align: right;}
div.reply div.formArea {position: relative;padding-right: 90px;}
div.reply div.formArea textarea {width: 100%;height: 74px;padding: 10px 20px;border: 1px solid #e0e0e0;border-right: 0 none;box-sizing:border-box;font-family: 'NotoSansKR Regular', sans-serif;font-size: 13px;}
div.reply div.formArea input[type=submit] {position: absolute;right: 0;top: 0;width: 90px;height: 100%;    cursor: pointer;border: 0 none;background-color: #1251a4;color: #fff;box-sizing:border-box;font-family: 'NotoSansKR Regular', sans-serif;font-size: 15px;}

div.VC_area{max-height: 510px;overflow-x: hidden;overflow-y: auto;margin: 10px 0;}

dl.reply, dl.reply dl, dl.reply dt, dl.reply dd {margin: 0;padding: 0;}
dl.reply {padding: 10px 0;}
dl.reply + dl.reply {border-top: 1px dashed #e0e0e0;}
dl.reply > dt {color: #222;font-size: 15px;}
dl.reply > dt span {display: inline-block;vertical-align: top;padding-left: 5px;color: #b0b0b0;font-size: 14px;}
dl.reply > dd {color: #909090;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.reply dd dt,
dl.reply dd dd {padding-top: 5px;}
dl.reply a.trigger {padding: 0 5px;border: 1px solid #cecece;color: #909090;font-size: 12px;line-height: 18px;text-decoration: none;z-index:99999}
dl.reply a.trigger_cmd {padding: 0 5px;border: 1px solid #cecece;color: #909090;font-size: 12px;line-height: 18px;text-decoration: none;z-index:99999}




/* E-Booth */
dl.ebooth, dl.ebooth dt, dl.ebooth dd, dl.ebooth ul, dl.ebooth li {margin: 0;padding: 0;list-style:none;}

dl.ebooth {padding: 15px;}

dl.ebooth dt {position: relative;z-index: 10;text-align: center;border-radius: 0 20px 0 20px;color: #fff;font-size: 14px;line-height:40px; font-family: 'Roboto-Bold', sans-serif;}
dl.ebooth.gradeA dt {background-color: #0d47a1;}
dl.ebooth.gradeB dt {background-color: #00b8d4;}
dl.ebooth.gradeC dt {background-color: #455a64;}
dl.ebooth.gradeD dt {background-color: #db9234;}
dl.ebooth.gradeE dt {background-color: #78909c;}
dl.ebooth.gradeF dt {background-color: #906246;}

dl.ebooth dd {position: relative;padding-top: 5px;}
dl.ebooth ul {font-size: 0;line-height: 0;text-align: center;}
dl.ebooth li {display: inline-block;vertical-align: top;width: calc(50% - 5px);margin:15px  0 0 10px;box-shadow:0 0 5px rgba(53,60,94,.3);}
dl.ebooth li:nth-child(odd) {margin-left: 0;}
dl.ebooth a,
dl.ebooth img {}
dl.ebooth a {display: table-cell;width: 100vw;height: 70px;vertical-align: middle;}
dl.ebooth img {display: block;max-height:80%;margin: 0 auto;}



/* E-Booth > 상세보기 */
div#eBoothView {position: relative;padding-bottom: 55px;font-size: 13px;line-height: 20px;font-family: 'Roboto-Regular', sans-serif;}
div#eBoothView h1 {position: relative;padding: 0 15px;color: #fff;font-size: 16px;line-height: 60px;font-family: 'Roboto-Bold', sans-serif;font-weight: normal;background: linear-gradient( to right, #017481, #43a041);}

ul.eBoothMenu, ul.eBoothMenu li, ul.eBoothMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.eBoothMenu {overflow: hidden;padding: 0px;background-color: #fff;}
ul.eBoothMenu li {float: left;width: calc(100% / 3);box-sizing:border-box;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #fff;}
ul.eBoothMenu li:nth-child(3n+1) {border-left: 1px solid #ccc;}
ul.eBoothMenu li:nth-child(-n+3) {border-top: 1px solid #ccc;}

ul.eBoothMenu a {display: table-cell;width: 100vw;height: 45px;text-align: center;vertical-align: middle;font-size: 13px;line-height: 16px;color: #354d70;font-family: 'Roboto-Regular', sans-serif;}
ul.eBoothMenu li.on {background-color: #137763;border-color: #137763;}
ul.eBoothMenu li.on a {color: #fff;font-family: 'Roboto-Medium', sans-serif;}

div.eBoothCon {}
div.eBoothCon h3 {margin: 0;padding: 0 15px;font-weight: normal;color: #000;font-size: 14px;line-height: 35px;font-family: 'Roboto-Medium', sans-serif;background-color: #dae8f1;}
div.eBoothCon h4 {margin: 0;padding: 0 15px;font-weight: normal;color: #000;font-size: 14px;line-height: 35px;font-family: 'Roboto-Medium', sans-serif;background-color: #dae8f1;}

/* E-Booth 상세보기 > Company */
div.companyLogo {padding: 15px;}
div.companyLogo img {display: block;max-width: 50vw;margin: 0 auto;}

dl.companyInfo, dl.companyInfo dt, dl.companyInfo dd, dl.companyInfo ul, dl.companyInfo li, dl.companyInfo a {margin: 0;padding: 0;list-style: none;}
dl.companyInfo {margin: 0 10px 10px;padding: 15px;color: #222;background-color: #f9f9f9;}
dl.companyInfo > dt {font-family: 'Roboto-Medium', sans-serif;line-height: 22px;font-size: 15px;}
dl.companyInfo > dt span {display: block;font-size: 18px;font-family: 'Roboto-Bold', sans-serif;}
dl.companyInfo li {position: relative;padding-left: 20px;margin-top: 5px;}
dl.companyInfo li span {position: absolute;left: 0;top: 0;color: #112f58;font-family: 'Roboto-Bold', sans-serif;}
dl.companyInfo li a {color: #1f63ca;}

div.vodArea,
div.txtCon {padding: 15px;}

/* 부스 스템프 */
div.boothVisit {position: relative;margin: 15px;padding: 15px 0 0;background-color: #fff;box-shadow:0 1px 10px rgba(152,161,190,.3);box-sizing: border-box;font-family: 'Roboto-Regular', sans-serif;}
div.boothVisit.visited:after {content: "Visit Complete";position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;text-align: center;color: #fffcae;font-size: 15px;line-height: 50px;font-family: 'Roboto-Medium', sans-serif;background-color: #508f58;}

div.boothVisit div.stamp {display: table-cell;vertical-align: middle;width: 100vw;height: 35vw;background: url('ebooth/stamp_bg.png') center center no-repeat;background-size: 30vw;box-sizing: border-box;}
div.boothVisit div.stamp img {display: block;margin: 0 auto;  ;}

div.boothVisit div.note {display: block;padding: 10px 0;text-align: center;color: #222;font-size: 14px;line-height: 16px;}
div.boothVisit a {position: absolute;left: 0;bottom: 0;width: 100%;height: 45px;text-align: center;text-decoration: none;color: #fff;font-size: 15px;line-height: 45px;font-family: 'Roboto-Medium', sans-serif;background-color: #c53b48;}

div.boothVisit div.timer {position: absolute;right: 0;top: 0;width: 60px;text-align: center;color: #fff;font-size: 13px;line-height: 32px;background-color: #505774;}


/* Brochure */
ul.brochure, ul.brochure li, ul.brochure a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.brochure {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;padding: 15px;}
ul.brochure a,
ul.brochure img,
ul.brochure span {display: block;}
ul.brochure img {width: 100%;border: 1px solid #ccc;box-sizing:border-box;}
ul.brochure span {margin-top: 10px;padding-left: 15px;color: #fff;font-size: 12px;line-height: 40px;font-family: 'Roboto-Medium', sans-serif;background: #272b4b url('ebooth/brochure_download.png') right 15px center no-repeat;background-size: 10px;}



/* Video */
dl.toggleArea + div.vodArea {padding-top: 0;}


/* Guest Book */
div.guest {padding: 15px 15px 105px;}
div.guest > p {margin:0 0 15px;color: #222;font-size: 13px;line-height: 20px;font-weight: normal; font-family: 'NotoSansKR Regular', sans-serif;}
div.guest ul, div.guest li {margin: 0;padding: 0;list-style:none;}
div.guest ul {padding-top: 10px;}
div.guest li {margin-top: 5px;}
div.guest li label {display: none;}

div.guest label,
div.guest textarea::placeholder {color: #999;font-size: 13px;font-family: 'NotoSansKR Regular', sans-serif;}


div.guest div.agree {overflow: hidden;position: fixed;left: 0;bottom: 50px;width: 100%;padding: 15px;background-color: #ffdd69;box-sizing:border-box;}
div.guest div.agree span,
div.guest div.agree input,
div.guest div.agree label {display: inline-block;vertical-align: top;font-size: 13px;line-height: 20px;}
div.guest div.agree span {color: #de1414;}
div.guest div.agree input {width: 20px;height: 20px;border: 1px solid #222;margin: 0 10px 0 0;}
div.guest div.agree label {color: #000;}

div.guest input[type=submit] {display: block;width: 100%;height: 40px;border: 0 none;text-align: center;color: #fff;font-size: 16px;line-height: 38px;font-family: 'Roboto-Bold', sans-serif;background-color: #69ad40;}


/* E-Booth 상세 > Survey  */
div.survey {position: relative;padding: 15px;}

dl.survey, dl.survey dt, dl.survey dd {margin: 0;padding: 0;}
dl.survey > dt {position: relative;padding: 8px 15px 8px 65px;border-radius: 18px;font-size: 14px;line-height: 18px;color: #222;font-family: 'NotoSansKR regular', sans-serif;background-color: #edeff2;}
dl.survey > dt:before {content: "";position: absolute;left: 0;top: 0;width: 50px;height: 100%;border-radius: 18px;background-color: #272b4b;}
dl.survey > dt span {position: absolute;left: 0;top: 50%;width: 50px;height: 25px;margin-top: -13px;text-align: center;font-size: 12px;color: #fff;font-family: 'Roboto-Medium', sans-serif;}
dl.survey > dd {padding: 15px 0;}


div.survey ul.option {display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;}
div.survey ul.option li {padding: 0;}

div.survey div.btn {}
div.survey div.btn > * {display: block;width: 100%;height: 40px;border: 0 none;text-align: center;color: #fff;font-size: 16px;line-height: 38px;font-family: 'Roboto-Bold', sans-serif;background-color: #69ad40;}

/* E-Booth 상세 > Stamp Event, Booth Event */
div.eventRoulette {overflow: hidden;}

/* div.stampInfo {height: 100px;background: #ffbd00 url('ebooth/stampInfo_bg.png') right bottom no-repeat;background-size: auto 100%;} */
 div.stampInfo {height: 100px;background: #a9a2ff;}
div.eventInfo {}
div.stampInfo img,
div.eventInfo img {display: block;width: 100%;}

div.eventPrize {float: left;width: calc(100% - 410px);height: 425px;}


ul.stamp, ul.stamp li {margin: 0;padding: 0;list-style:none;}
ul.stamp {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;padding: 15px;box-sizing:border-box;}

ul.stamp div {overflow: hidden;position: relative;display: block;width: 25vw;height: 25vw;border-radius:50%;margin: 0 auto;background: url('ebooth/stamp_bg.png') center center no-repeat;background-size: cover;}
ul.stamp img {display: block;position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 80%;}
ul.stamp div.visit:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;background: rgba(8,33,83,.6) url('ebooth/stamp_visited.png') center center no-repeat;background-size: 43px;}


div.eventRoulette div.bx-wrapper {position: relative;padding: 30px 30px 15px;}
div.eventRoulette div.bx-wrapper ul.stamp {padding: 0;}
div.eventRoulette div.bx-pager {position: absolute;right: 15px;top: 0;}
div.eventRoulette a.bx-prev,
div.eventRoulette a.bx-next {position: absolute;top: 30px;width: 20px;height: calc(100% - 45px);font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;background-size: 20px;}
div.eventRoulette a.bx-prev {left: 5px;background-image: url('ebooth/stamp_prev.png');}
div.eventRoulette a.bx-next {right: 5px;background-image: url('ebooth/stamp_next.png');}




div.roulettezone {z-index: 10;position: relative;background-color: #efefef;}
div.roulettezone:before {content: "";display: block;height: 70px;background: url('https://virtual.ksmoconference.org/asset/ebooth/roulette_tit.png') center center no-repeat;}

div.roulette {position: relative;width: 250px;height: 250px;border-radius:50%;margin: 0 auto;box-shadow: 0 11px 30px rgba(113,168,207,.2);}
div.roulette:before {z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url('https://virtual.ksmoconference.org/asset/ebooth/roulette_pointer.png') center center no-repeat;background-size: cover;}
div.roulette:after {position: absolute;left: 50%;top: 50%;width: 64px;height: 64px;border-radius:50%;content: "";background: url('https://virtual.ksmoconference.org/asset/ebooth/roulette_logo.png') center center no-repeat;background-size: cover;transform:translate(-50%,-50%);box-shadow: 0 0 15px rgba(0,0,0,.7);}
div.roulette img {width: 250px;}

div.roulettezone div.btn {padding: 10px 15px;}
div.roulettezone div.btn a {display: block;height: 48px;padding: 0;border-color: #bdc1cf;background-color: #bdc1cf;color: #fff;text-align: center;font-size: 15px;line-height: 48px;font-family: 'Roboto-Bold', sans-serif;}
div.roulettezone div.btn > p{    padding: 10px;}
div.roulettezone.comp div.roulette img {animation: rotation 2s infinite linear;}
@keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}

div.roulettezone.comp div.btn a {border-color: #c53b48;background-color: #c53b48;}

div#popupResult {z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
div#popupResult div.popupCon {position: absolute;left: 15px;top: 50%;transform:translateY(-50%);width: calc(100vw - 30px);padding: 20px 0;border-radius: 20px;background-color: #fff;box-sizing: border-box;}
div#popupResult a.close {position: absolute;right: 15px;top: 15px;width: 20px;height: 20px;font-size: 0;line-height: 0;background: url('https://virtual.ksmoconference.org/asset/layout/popup_close_2.png') center center no-repeat;background-size: 20px;}
div#popupResult span {display: block;text-align: center;color: #000;font-size: 16px;line-height: 20px;font-family: 'Roboto-Medium', sans-serif;}



div.boothEvent div#popupResult span {bottom: 50px;color: #fff;font-size: 16px;line-height: 20px;}
div.boothEvent div#popupResult a.close {background-image: url('layout/layerpopup_close.png');}



/* My page */
div.mypage {overflow-x: hidden;overflow-y: auto;padding: 0 15px 15px;box-sizing: border-box;}
div.mypage h3 {margin: 30px 0 5px;padding: 0;font-weight: normal;color: #1f2c3f;font-size: 16px;line-height: 20px;font-family: 'Roboto-Bold', sans-serif;}
div.mypage h3:first-child {margin-top: 0;}

div.mypage div.session {border: 1px solid #ccc;}
div.mypage div.session + div.session {margin-top: 0;border-top: 0 none;}

div.mypage ul.eposterList {margin: 0;border: 1px solid #ccc;border-bottom: 0 none;}
div.mypage ul.eposterList span.num {padding: 0 10px;font-size: 12px;line-height: 20px;border-radius: 10px;}
div.mypage ul.eposterList span.tit {font-size: 14px;}
div.mypage ul.eposterList span.name {font-size: 13px;}


div.mypage table.tblDef td {padding: 0;}
dl.qna, dl.qna dt, dl.qna dd {margin: 0;padding: 0;}
dl.qna {text-align: left;}
dl.qna > dt,
dl.qna > dd {padding: 15px;color: #000;font-size: 14px;line-height: 20px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
dl.qna > dd {border-top: 1px solid #ccc;}
dl.qna span {display: block;font-size: 12px;}
dl.qna p{margin-top: 5px;  line-height: 16px;}

/* 팝업 > Comment */
div#popupComment {}
div#popupComment div.replyAarea {max-height:50vh;margin: 15px;    min-height: 275px;}
div#popupComment div.close {position: static;}
div#popupComment div.close a {display: block;text-align: center;color: #fff;font-size: 16px;line-height: 50px;text-decoration: none;background-color: #1b2734;font-family: 'Roboto-Bold', sans-serif;}



/* 팝업 > 동의하기 */
div#popupAgree {text-align: center;background-color: #4f5774;}

div#popupAgree h1 {margin: 0;height: 28px;padding:15px 0 0px;color: #fff;text-align: center;font-size: 18px;line-height: 28px;font-family: 'Roboto-Bold', sans-serif;}
div#popupAgree h1 img {display: inline-block;width: 48px;vertical-align: top;}

div#popupAgree h1 + p {margin: 0;padding:10px 15px 20px;font-size: 13px;line-height: 17px;color: #fff;text-align: center;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;word-break:keep-all;}
div#popupAgree h1 + p span {display: inline-block;color: #ffd850;}

div#popupAgree div.formArea {background-color: #fff;padding: 15px 15px 45px}
div#popupAgree div.formArea li {font-family: 'Roboto-Regular', sans-serif;color: #333;font-size: 14px;letter-spacing: -0.5px;}
div#popupAgree div.bg {padding: 15px;background-color: #f2f2f2;}

div#popupAgree div.agreeCon {overflow-x: hidden;overflow-y: auto;height: 300px;padding-right: 10px;font-size: 15px;line-height: 25px;font-family: 'Roboto-Regular', sans-serif;text-align: left; word-break: keep-all; }
div#popupAgree dd {margin-left: 13px;}


div#popupAgree dt {padding-top: 20px;font-family: 'Roboto-Medium', sans-serif;}
div#popupAgree dt:first-child {padding-top: 0;}

div#popupAgree div.agreeCon a {color: #5b97e9 !important;border-bottom: 1px solid #5b97e9;text-decoration: none;}

div#popupAgree .agree {margin: 0;padding: 30px 0 25px; font-size: 0;line-height: 0;}
div#popupAgree .agree input[type='checkbox'] {appearance: none;cursor: pointer;display: inline-block;vertical-align: top;width: 25px;height: 25px; margin: 0 15px 0 0;background: #989898 url('common/agree_checked.png') center center no-repeat;background-size: 13px;}
div#popupAgree .agree input[type='checkbox']:checked {background-color: #1b2734;}
div#popupAgree .agree label {cursor: pointer;display: inline-block ; line-height: 25px;font-size: 15px;color: #222;font-family: 'Roboto-Medium', sans-serif;}

div#popupAgree .btn {position: absolute;left: 0;bottom: 0;width: 100%;}
div#popupAgree .btn > * {display: block;width: 100%;height: 45px;padding: 0;text-align: center;font-size: 16px;line-height: 43px;border-color: #1b2734 !important;background-color: #1b2734 !important;color: #fff;font-family: 'Roboto-Medium', sans-serif;}




/* 강의장 */
div#player {overflow: hidden;position: relative;padding-bottom: 55px;background-color: #f0f2fa;box-sizing: border-box;}
div#player .titArea {position: relative;padding: 0 100px 0 0;background-color: #fff;}
div#player h1 {height: 55px;margin: 0;padding: 0 0 0 15px;text-align: left;color: #fff; background-color: #fff;} 
 
div#player h1 img {display: block;width: auto;height: 23px;padding: 16px 0;}
div#player h1 span.room {position: absolute;right: 0;top: 0;width: 100px;text-align: center;font-weight: normal;color: #fff;font-size: 15px;line-height: 55px;font-family: 'Roboto-Medium', sans-serif;}
.room.roomA {background-color: #5ab333 !important;}
.room.roomB {background-color: #cd4d4c !important;}
.room.roomC {background-color: #ae58c7 !important;}
.room.roomD {background-color: #3c90d8 !important;}
.room.roomE {background-color: #e29000 !important;}


div#player div.titArea p {position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
div#player div.titArea p a {display: table-cell;width: 100px;height: 55px;padding: 0 10px;color: #fff;text-align: center;vertical-align: middle;font-family: 'Roboto-Medium', sans-serif;font-size: 15px;line-height: 20px;text-decoration: none;word-break:keep-all;}

div#player p.sessionIn {background-color: #bc1445;}
div#player p.sessionOut {background-color: #3366c3;}


div.user {position: relative;padding: 13px 15px;color: #000;font-size: 15px; line-height: 20px;letter-spacing: -0.5px;font-family: 'Roboto-Medium','NotoSansKR Medium', sans-serif;}
div.user span {padding: 0 3px;box-shadow: inset 0 -8px 0 #ffd300;}
div.user span.roomNum {position: absolute;right: 15px;top: 50%;height: 20px;margin-top: -15px;padding: 5px 15px;border-radius:25px;background-color: #004e8d;color: #fff;font-size: 13px;box-shadow:none;}


ul.playUtil, ul.playUtil > li, ul.playUtil a {margin: 0;padding: 0;list-style:none;}
ul.playUtil {display:grid;grid-template-columns: repeat(2, 1fr);gap:10px;padding: 0 15px 50px;}

ul.playUtil a {display: block;padding: 13px 0;border: 1px solid #c5ceeb;text-decoration: none;text-align: center;letter-spacing: -1px;font-size: 14px;font-family: 'Roboto-Medium', sans-serif;color: #000;line-height: 20px;box-sizing:border-box;background-color: #fff;}
ul.playUtil a img {display: inline-block;vertical-align: top;width: 20px;padding-right: 10px;}



div.bgBox {background-color: #041226;}

dl.playSession {position: absolute;left: 0;bottom: 50px;width: 100%;}
dl.playSession dt {}
dl.playSession dt a {display: block;color: #fff;font-size: 15px;line-height: 35px;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;text-decoration: none;text-align: center;background-color: #1f3371;}
dl.playSession dt a:after {content: "";display: inline-block;vertical-align: top;width: 14px;height: 35px;margin: 0 10px;background: url('common/player_trigger.png') center center no-repeat;background-size: 14px;}
dl.playSession dd {overflow-x: scroll;max-height:300px;padding-top: 15px;font-family: 'Roboto-Regular', sans-serif;background-color: #fff;}

dl.playSession div.sessionBrief span.chairs {margin-top: 0;border-top: 0 none;}
dl.playSession div.sessionBrief span.time {display: block;padding:10px 0 0 15px;color: #333;font-size: 12px;line-height: 14px;}
dl.playSession span.btn {padding-top: 10px;}
dl.playSession span.btn a {height: 30px;border: 0 none;padding: 0 15px;font-size: 12px;line-height: 30px;color: #fff;font-family: 'Roboto-Regular', sans-serif;}
dl.playSession span.btn a + a {margin-left: 5px;}


/* 강의장 > 질문하기 */
dl.question, dl.question dt, dl.question dd {margin: 0;padding: 0;}
dl.question {padding: 0 15px 15px;}
dl.question > dt {color: #1b2646;font-size: 23px;line-height: 25px;font-family: 'Roboto-Medium', sans-serif;}
dl.question input[type=text],
dl.question textarea {display: block;width: 100%;border: 1px solid #d6d8e3;background-color: #fff;box-sizing:border-box;}
dl.question input[type=text]::placeholder,
dl.question textarea::placeholder {font-size: 15px;color: #7f7f7f;font-family: 'Roboto-Regular', sans-serif;}
dl.question input[type=text] {height: 40px;padding: 0 15px;}
dl.question input[type=text]::placeholder {line-height: 38px;}
dl.question textarea {height: 150px;padding: 15px;}

dl.question .btn {z-index: 100;position: fixed;left: 0;bottom: 0;width: 100%;}
dl.question .btn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.question .btn > * {float: left;width: 50%;border: 0 none;padding: 0;height: 50px;line-height: 50px;color: #fff;font-size: 18px;font-family: 'Roboto-Medium', sans-serif;background-color: #1b2734;text-align: center;box-sizing:border-box;}
dl.question .btn > *:first-child {background-color: #2c4b92;}

div#popupPlayer {z-index: 100;position: fixed;left: 0;bottom: 0;width: 100%;padding: 0 0 70px;background-color: #eff2fa;box-sizing:border-box;}

div#popupPlayer ul.tabMenu li {width: 50%;}
div#popupPlayer div.tabCon {padding: 0 15px;}
div#popupPlayer h5 {margin: 0;padding: 0 0 15px;font-weight: normal;color: #1b2646;font-size: 20px;line-height: 24px;font-family: 'Roboto-Medium', sans-serif;}
div#popupPlayer div.close a {position: absolute;left: 0;bottom: 0;width: 100%;text-decoration: none;text-transform: capitalize;text-align: center;color: #fff;font-size: 16px;line-height: 55px;background-color: #1b2734;font-family: 'Roboto-Bold', sans-serif;}

div#popupPlayer select,
div#popupPlayer textarea {display: block;width: 100%;border: 1px solid #d6d8e3;color: #7f7f7f;font-size: 14px;background-color: #fff;font-family: 'Roboto-Regular', sans-serif;box-sizing:border-box;}

div#popupPlayer select {height: 40px;}
div#popupPlayer textarea {padding: 15px;margin-top: 10px;height: 130px;}
div#popupPlayer textarea::placeholder {color: #7f7f7f;font-size: 14px;}

div#popupPlayer span.btn {z-index: 10;position: absolute;left: 0;bottom: 0;width: 100%;}
div#popupPlayer span.btn > * {float: left;width: 50%;height: 55px;border: 0 none;text-align: center;color: #fff;font-size: 16px;line-height: 55px;background-color: #1b2734;font-family: 'Roboto-Bold', sans-serif;box-sizing:border-box;}
div#popupPlayer span.btn > *:first-child {background-color: #69ad40;}

div#popupPlayer div.scrollArea {height: 180px;}


/* 긴급공지 */
dl.popupAlert {position: fixed;left: 15px;bottom: 72px;width: calc(100% - 30px);margin: 0;padding: 15px;border: 1px solid #313131;border-radius: 5px;background-color: #fff;box-sizing:border-box;max-height:300px; overflow-y:scroll}
dl.popupAlert dt {color: #222;text-align: center;margin: 0;font-size: 18px;line-height: 23px;font-family: 'Roboto-Medium', sans-serif;}
dl.popupAlert dd {margin: 0;}
dl.popupAlert dd.con {overflow-x: hidden;overflow-y: auto;margin-top: 10px;max-height:120px;color: #222;font-size: 13px;line-height: 20px;font-family: 'Roboto-Regular', sans-serif;}
dl.popupAlert dd.close {position: absolute;right: 15px;top: 15px;}
dl.popupAlert dd.close a, dl.popupAlert dd.close img {display: block;width: 15px;}


.PL {color: #f44336 !important;} 
.SS {color: #2e7d32 !important;} 
.JS {color: #03a9f4 !important;} 
.ES {color: #546e7a !important;} 
.MD {color: #546e7a !important;} 
.OP {color: #546e7a !important;} 
.LS {color: #ff6f00 !important;} 
.SL {color: #8e24aa !important;} 
.FA {color: #03a9f4 !important;} 
.MC {color: #546e7a !important;}