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


* {-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;}
 
input { border-radius: 0px;}  

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


/* 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;}
input, textarea {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

/* 여백 */
.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: #fff; scrollbar-base-color: #222; scrollbar-Face-Color: #222; scrollbar-Track-Color: #fff; scrollbar-DarkShadow-Color: #dcdcdc; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #fff}
.scrollArea::-webkit-scrollbar,
textarea::-webkit-scrollbar {width: 7px;background-color: #b3b3b3;}
.scrollArea::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {background-color: #697985;}




/* 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;}


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

/* 기본 table */
table.tblDef,
table.program,
table.inputTbl {width:100%; border:0 none; border-collapse:separate; border-spacing:0;border-top:2px solid #004cc6;}


table.tblDef > * > tr > *,
table.program > * > tr > *,
table.inputTbl > * > tr > * {padding:7px 10px 6px;border-bottom:1px solid #ccc;text-align: center;color: #222;font-family: 'OpenSans-Light', 'NotoSansKR DemiLight', sans-serif;font-size: 15px;}

table.border > * > tr > * {border-left:1px solid #ccc;}
table.border > * > tr > *:first-child {border-left: 0 none;}

table.tblDef > * > tr > * {padding: 10px 20px 12px;}
table.listTbl > * > tr > * {padding: 5px;}
table.listTbl > * > tr > * > a {text-decoration: none;color: #666;}
table.listTbl > * > tr > * > a:hover,
table.listTbl > * > tr > * > a:focus {text-decoration: underline;}

table.tblDef > * > tr > th,
table.inputTbl > * > tr > th {background-color:#e5e6f2;font-family: 'NotoSansKR Medium', sans-serif;color: #222;font-size: 15px;font-weight: 500;}
table.tblDef > thead > tr > th {}


table.inputTbl thead + tbody > tr > th {background-color: #f9f9f9;}

table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td {padding: 10px 25px;text-align: left;}
table.inputTbl > thead > tr > th {text-align: center;line-height: 1.2;}

table.inputTbl > * > tr > th {padding-left: 30px;}
table.inputTbl > * > tr > th span {line-height: 33px;}


table.innerTbl > * > tr > * {padding: 5px 10px;border-top: 1px solid #d2d2d2;}
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}


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


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

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

table.inputTbl > * > tr > * > label,
table.inputTbl > * > tr > * > span {vertical-align: top;}
table.inputTbl > * > tr > td > .note {color:#dd3131;font-size:12px;}

table.inputTbl input[type=text], table.inputTbl input[type=password] {width: 700px;height: 42px;box-sizing:border-box;border-color: #f4f4f4;background-color: #f4f4f4;color: #222;}
table.inputTbl > * > tr > td.date input[type=text] {width: 120px;}


/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}
.fcWhite {color:#fff !important;}
.fcBlack {color:#000 !important;}
.fcRed {color: #c23442 !important;}
.fcBlue {color: #272b4b !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 {width: 100%;padding:7px 10px; border:1px solid #cfcfcf; resize:vertical;box-sizing:border-box;}
.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;font-family: 'NotoSansKR Regular', sans-serif;}


/* 공통 레이아웃 */
body {  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;}
input::placeholder{font-size: 15px;line-height:24px;height:45px}
 



.tabCon,
.toggleCon {display:none;}

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


.essen {position:relative;}
.essen:after {color: #f00;content: " *";}


table.inputTbl {border-top: 1px solid #004cc6;}
table.inputTbl > * > tr > * {padding: 5px;border-bottom: 1px solid #ccc;font-size: 14px;}
table.inputTbl > * > tr > th {text-align: center;background-color: #f8f8f8;}
table.inputTbl td > *:first-child,
table.inputTbl td .clear,
table.inputTbl input[type=radio]:first-child,
table.inputTbl input[type=checkbox]:first-child {margin-left: 0 !important;}

table.inputTbl input[type=text],
table.inputTbl input[type=password],
table.inputTbl select,
textarea {width: 100%;height: 35px;box-sizing:border-box;border-color: #f4f4f4;background-color: #f4f4f4;color: #222;}
textarea {height: 150px;}


table.inputTbl input.inputSmall {width: 70px;}
table.inputTbl input.inputWide {width: 95%;}


table.inputTbl input[type=image] {vertical-align: middle;}

table.inputTbl td span,
table.inputTbl td label {display: inline-block;vertical-align: middle;}


table.inputTbl .multi > *,
table.inputTbl td.date *,
table.inputTbl td.phone *,
table.inputTbl td.address > *,
table.inputTbl td.name > *,
table.inputTbl td.birth > *,
table.inputTbl td.email > * {float: left;margin:0 0 0 5px;}
table.inputTbl .multi > *:first-child,
table.inputTbl .date > *:first-child {margin-left: 0;}


table.inputTbl .multi > span,
table.inputTbl .multi > label,
table.inputTbl td.date span,
table.inputTbl td.date label,
table.inputTbl td.phone span,
table.inputTbl td.phone label,
table.inputTbl td.address > span,
table.inputTbl td.address > label,
table.inputTbl td.birth > span,
table.inputTbl td.birth > label,
table.inputTbl td.email > span,
table.inputTbl td.email > label {line-height:33px;}


table.inputTbl div.multi {overflow:hidden;padding:10px;}

table.inputTbl .multi input[type=radio],
table.inputTbl .multi input[type=checkbox] {margin:10px 5px 0 20px;}
table.inputTbl .multi input[type=image] {margin-top: 10px;}

table.inputTbl .line > * {float:none;}
table.inputTbl .line input[type=radio],
table.inputTbl .line input[type=checkbox] {margin:10px 5px 0 0;}

table.inputTbl dl.overHidden {line-height:35px;}
table.inputTbl dl.overHidden > dt {padding-right:10px;}

table.inputTbl td.date input[type=image] {margin-top: 9px;}

table.inputTbl td.phone select,
table.inputTbl td.phone input:first-child {width:100px;}
table.inputTbl td.phone input {width: 120px;}

table.inputTbl td.address input[type=text] {width: 330px;margin-top: 5px;}
table.inputTbl td.address input[type=text]:first-child {width: 70px;margin-top: 0;}
table.inputTbl td.address input[type=text].clear {width: 520px;margin-left: 0;}
table.inputTbl td.address span.btn {padding-left:0;}

table.inputTbl td.name input[type=text] {width:120px;}

table.inputTbl td.email input[type=text],
table.inputTbl td.email select {width:180px;}
table.inputTbl td.email input[type=text]:first-child {width:250px;}

table.inputTbl td.email span {margin-left: 5px;}

table.inputTbl td.photo > p,
table.inputTbl td.photo > div {display: inline-block;}
table.inputTbl td.photo > p {width: 90px;height: 90px;border: 1px solid #dfdfdf;vertical-align: top;background-color: #f8f8f8;}
table.inputTbl td.photo > p img {width: 100%;height: 100%;}
table.inputTbl td.photo > div {padding-left: 10px;vertical-align: bottom;}

table.inputTbl td.photo div input[type=checkbox] {margin-top: 0;}
table.inputTbl td.photo div label {padding-left: 5px;}

table.inputTbl td.birth {}

table.inputTbl td.birth select {width:50px;}
table.inputTbl td.birth select:first-child,
table.inputTbl td.birth input[type=text] {width:70px;}
 
table.inputTbl span.fwBold {display:inline-block;padding:5px 10px 0 0;line-height:1.2;}

table.inputTbl .editArea {padding:0 !important;}


table.inputTbl td.author > * {float: left;margin:0 0 0 5px;}
table.inputTbl td.author select {width:80px;}

input.inputWide {width:90%;}

ul.option {margin: 0;padding: 0;}
ul.option > li {position: relative;margin: 10px 0 0;padding: 0 0 0 20px;list-style:none;}
ul.option > li:first-child {margin-top: 0;}
ul.option > li > input:first-chid {position: absolute;left: 0;top: 8px;margin: 0;}




div.selectFile {position: relative;padding-right: 75px;}
div.selectFile span {display: block;}
div.selectFile input[type=text] {width: calc(100% - 22px) !important;}
div.selectFile .find {position: absolute;right: 0;top: 0;width:66px;height:33px;background-color:#393939;background-image: none;}
div.selectFile .find:after {z-index:0;position:absolute;left:50%;top:50%;color:#fff;font-size:1em;line-height: 1em;padding: 0;margin:-.5em 0 0 -.5em;font-family: "Font Awesome 5 Brands";content: "\f3ee";font-weight: 900;}
div.selectFile .opacity0 {width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}

div.selectFile .attach {display:none;overflow: hidden;clear: both;margin: 5px 0 0;}
div.selectFile .attach > * {float: left;}
div.selectFile .attach input {margin: 5px 5px 0 0;}



table.inputTbl .editArea {padding:0;}
.editArea .cke span {display:inline;vertical-align:middle;line-height:initial;}
.editArea .cke_chrome {border:0 none;box-shadow:none;}

.cke .cke_voice_label,
.cke_button_label {display:none !important;}
.cke_toolbox:after {clear:both;display:block;font-size:0;line-height:0;height:0;content:".";}
.cke_top, .cke_contents, .cke_bottom {display:block !important;}

span.inputC,
span.inputR {overflow: hidden;position: relative;display: inline-block;width: 18px;height: 18px;background-color: #fff;border: 1px solid #d0d0d0;box-sizing:border-box;}
span.inputR {border-radius: 50%;}
span.inputC:before,
span.inputR:before {display: none;}

span.inputC.on,
span.inputR.on {border: 0 none;background-color: #1e55be;}

span.inputC.on:before,
span.inputR.on:before {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: #28498a url('player/input_checked.png') center center no-repeat;    background-size: 10px auto;}

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

div.formArea div.btnArea {padding-top: 15px;} 
div.formArea div.btnArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea div.btnArea > * {float: right;width: calc(50% - 5px);}
div.formArea div.btnArea > *:first-child {float: left;}




/* 버튼 */
.btn a,
.btn > span,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:50px;padding:0 20px 5px;font-size:16px;font-weight: 300;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;-webkit-appearance:none;font-family: 'NotoSansKR 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: #3a7fdc !important;border-color: #3a7fdc !important;color: #fff !important;}
/* 하늘색 */			.btnPoint {background-color:#6aa3e8 !important;border-color:#6aa3e8 !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:#5d5d5d !important;border-color:#5d5d5d !important;color:#fff !important;}
/* 연회색 */			.btnLGrey {background-color:#888 !important;border-color:#888 !important;color:#fff !important;}


/* border+ 남색*/ 			.btnBdDef {background-color:#fff !important;border-color:#272b4b !important;color:#272b4b !important;}
/* border+ 하늘색 */			.btnBdPoint {background-color:#fff;border-color:#6aa3e8;color:#6aa3e8;}
/* border+ 회색 */			.btnBdGrey {background-color:#fff;border-color:#5d5d5d;color:#5d5d5d;}
/* border+ 연회색 */			.btnBdLGrey {background-color:#f5f5f5;border-color:#b3b3b3;color:#454545;}


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


.btn > span {position: relative;min-width:140px;}
.btn > span img,
.btn > span i {position: absolute;right: 20px;top: 50%;height: 15px;margin-top: -8px;}
.btn > span input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;opacity: 0;}

.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: 1px solid #000;border-right: 1px solid #ccc;}
table.tblDef > * > tr > th,
table.tblDef > * > tr > td {padding: 5px 10px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;color: #000;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
table.tblDef > * > tr > *:first-child {}
table.tblDef > thead > tr > th {border-bottom-color: #3c4967;background-color: #3c4967;color: #fff;}
table.tblDef > tbody > tr > th {background-color: #e5e6f2;color: #000;}

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

body.pop {margin:0; padding:0; height:100%; background-color:#fff; font-family:'Calibri', '돋움', Dotum, 'Apple Gothic', 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;}



div.wrapper {overflow: hidden;width: 100%;min-width:320px;font-family: 'NotoSansKR 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: "*";}

div.contents {padding: 20px 15px 60px; box-sizing: border-box; }




/* 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: 44px;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 > li img {display: block;width: 100%;}
ul.introMenu a.info {position: relative;height: 21px;padding: 15px 40px 14px 20px;color: #333;font-size: 14px;font-family: 'NotoSansKR Bold', 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: 'NotoSansKR Regular', sans-serif;}
div.webinarIntro dt {padding-bottom: 5px;color: #ffdd4c;font-weight: bold;}



/* Login */
div.webinarLogin {background: #f6f8fb url('mobile/login_bg.png') center top no-repeat;background-size: cover;box-sizing:border-box;}
div.webinarLogin a {display: block;text-decoration: none;}

div.loginArea {position: relative;margin:0;padding: 70px 0 90px;border-radius: 10px;}
div.loginArea h1 {margin: 0;padding: 0 0 25px;}
div.loginArea h1 img {display: block;height: 150px;margin: auto;}


div.loginArea div.formArea {position: relative;margin: 0 15px; padding: 30px;background-color: rgba(255,255,255,.9);box-shadow:0 0 7px rgba(0,0,0,.35);box-sizing:border-box;}
div.loginArea div.formArea p.logo {padding: 30px 0 0;}
div.loginArea div.formArea ul.subMenu {margin: 0; padding: 0; list-style: none; font-size:0; line-height: 0;}
div.loginArea div.formArea ul.subMenu:after {clear: both; content:''; display: block;}
div.loginArea div.formArea ul.subMenu li {float: left; width:50%;	margin-left: 0;}
div.loginArea div.formArea ul.subMenu li a {display: block; border: 1px solid #28498a; border-left: 0; font-size:14px; line-height: 40px; padding:  0; box-sizing:border-box; background-color: #fff; color:#28498a; font-family: 'Roboto-Medium', sans-serif;}
div.loginArea div.formArea ul.subMenu li:first-child a {border-left: 1px solid #28498a;}
div.loginArea div.formArea ul.subMenu li.on a {background-color: #28498a; border-color: #28498a; color:#fff;}
div.loginArea form {padding: 15px 0 0;}
div.loginArea dl {position: relative;margin: 0;padding: 0;}
div.loginArea dt {z-index: 10;position: absolute;left: 30px;top: 53px;height: 40px;line-height: 40px;color: #ccc;font-size: 13px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.loginArea dt:first-child {top: 2px;}
div.loginArea dd {position: relative;padding-left: 95px;border: 1px solid #e3e3e3;background: #fff url('mobile/loginBl_pwd.png') 10px center no-repeat;background-size: auto 13px;}
div.loginArea dt:first-child + dd {margin-bottom: 10px;background-image: url('mobile/loginBl_id.png');}
div.loginArea dd input {position: relative;z-index: 10;display: block;width: 100%;height: 40px;padding: 0 5px;border: 0 none;box-sizing:border-box;background: transparent; font-size:13px; font-family:'NotoSansKR Regular',sans-serif;}
div.loginArea span.placeholder {position: absolute;top: 50%;left: 100px;transform: translateY(-50%);color:#ccc; letter-spacing: -1px;font-size: 10px;line-height: 10px; }
 

div.loginArea .saveID {margin: 0;padding: 13px 0 0;}
div.loginArea .saveID input {width: 22px;height: 22px;border: 1px solid #ddd;margin: 0 5px 0 0;vertical-align: top;}
div.loginArea .saveID label {color: #4d4d4d;font-size: 13px;line-height: 22px;}

div.loginArea .btn {}
div.loginArea .btn * {display: block;width: 100%;height: 44px;margin-top: 15px;padding: 0;font-size: 16px;color: #fff;box-sizing:border-box;font-weight: normal;text-align: center;font-family: 'NotoSansKR Bold', sans-serif;}
div.loginArea .btn input {background: linear-gradient(to right, #731ef1, #910554); border: 0;}
div.loginArea .btn a {line-height: 40px;background-color: #fda300;border-color: #fda300;} 




div.loginArea .saveID {margin: 0;padding: 10px 0 0;color: #666;font-size: 15px;}

div.loginArea div.btn {}
div.loginArea div.btn input {width: 100%;height: 45px;margin-top: 15px;border: 0; background: linear-gradient(to right, #26478f, #3f97d3);color: #fff;font-family: 'Roboto-Medium', sans-serif;font-size: 15px;}

div.loginArea p {padding-top: 30px;color: #d0000e;font-size: 12px;text-align: center;}

div.loginNote {padding: 25px;background-color: rgba(255,255,255,.8);color: #373951;font-family: 'NotoSansKR DemiLight', sans-serif;font-size: 12px;}
 
ul.listDot, ul.listDot li {margin: 0;padding: 0;list-style:none;}
ul.listDot > li {position: relative;margin-top: 5px;padding-left: 15px;}
ul.listDot > li:before {position: absolute;left: 0;top: 0;content: "ㆍ";}
ul.listDot > li:first-child {margin-top: 0;}

div.loginNote dt {padding-top: 20px;color: #cc007b;font-family: 'NotoSansKR Regular', sans-serif;}
div.loginNote dd ul {overflow: hidden;margin: 0;padding: 0;}
div.loginNote dd li {float: left;margin: 0;padding: 0 0 0 15px;list-style:none;}
div.loginNote dd a {display: inline-block;color: inherit;}

div.loginArea p.logo {position: absolute;left: 0;bottom: 0;width: 100%;margin: 0;}
div.loginArea p.logo img {display: block;height: 32px;margin: 0 auto;}



/* 팝업 > FAQ
div.faq {position: fixed;left: 0;bottom: 0;width: 100%;}
div.faq a {display: block;padding: 17px 0;text-align: center;background-color: #563730;color: #fff;font-family: 'Roboto-Light', sans-serif; }

div#popupFaq {background-color: #fff;box-sizing:border-box;}
div#popupFaq .popup {position: relative;height: 100%;padding: 63px 5px 55px;box-sizing:border-box; top:0px}
div#popupFaq h1 {position: absolute;left: 0;top: 0;width: 100%;margin: 0;padding:20px 0 0;color: #000;font-size: 22px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;}

dl.note, dl.note dt, dl.note dd {margin: 0;padding: 0;}
dl.note {padding-bottom: 15px;text-align: center;color: #141a5b;font-size: 12px;line-height: 16px;}
dl.note dt {font-family: 'NotoSansKR Light', sans-serif;font-weight: 300;}
dl.note dd {font-family: 'NotoSansKR Regular', sans-serif;font-weight: 400;}

a.conLink {display: inline-block !important;border-bottom: 1px solid #1b61e2;color: #1b61e2;}

div#popupFaq .popupCon {overflow-x: hidden;overflow-y: auto;height: 100%;}

div#popupFaq .popup > .close {position: fixed;left: 0;bottom: 0;width: 100%;}
div#popupFaq .popup > .close a {display: block;width: 100%;line-height: 35px;height: 55px;font-size: 18px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;box-sizing:border-box;}


dl.faq, dl.faq > dt, dl.faq > dd, dl.faq ul, dl.faq li, dl.faq p {font-family: 'Roboto-Light', sans-serif ; margin: 0;padding: 0;list-style:none;}
dl.faq {padding: 0;border-bottom: 1px solid #ccc;font-size: 13px;line-height: 21px;color: #000;font-family: 'NotoSansKR Regular', sans-serif;font-weight:400;}
dl.faq:first-child {border-top: 2px solid #5e617a;}

dl.faq dt a {position: relative;display: block;padding:36px 40px 10px 10px;text-decoration: none;font-size: 14px;line-height: 21px;color: #000;font-family: 'NotoSansKR Regular', sans-serif;font-weight:400;}
dl.faq dt span {position: absolute;left: 10px;top: 10px;width: 25px;height: 14px;padding: 2px 0 5px;text-align: center;font-family: sans-serif;background-color: #212b75;color: #fff;font-size: 12px;line-height: 17px;}
dl.faq dt a:after {position: absolute;right: 10px;top: 50%;width: 10px;height: 6px;margin: -3px;content: "";background: url('mobile/toggle.png') center center no-repeat;background-size: 10px;}
dl.faq dt span.awnser {position: absolute;left: 10px;top: 10px;width: 25px;height: 14px;padding: 2px 0 5px;text-align: center;font-family: sans-serif;background-color: #E91E63;color: #fff;font-size: 12px;line-height: 17px;}

dl.faq dt.view {background-color: #f1f2f8;}
dl.faq dt.view a {color: #212b75;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.faq dt.view a:after {transform:rotate(180deg);}
dl.faq > dd.toggleCon {position: relative;padding:15px;border-top: 1px solid #ccc;}
dl.faq > dd.toggleCon:before {display: block;width: 20px;padding: 3px 0;margin-bottom: 5px;content: "A";text-align: center;background-color: #bb114d;color: #fff;font-size: 12px;line-height: 14px;}
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-bottom: 10px;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: #f9f9f9;border-left: 0 none;}

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

ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 10px !important;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";line-height: 1em;}
 */

/* 레이아웃 */
div.wrapper:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

div.out {z-index:10; position: fixed;left: 0;bottom: 0;width: 100%; min-width: 320px;}
div.out a {display: block;line-height: 50px;text-align: center;background-color: #353f51;font-family: 'Roboto-Medium', sans-serif;color: #fff; font-size: 17px;text-decoration: none;}


div.wrapper div.titArea {z-index: 50;position: relative;padding-right: 65px; height: 65px;background: url('mobile/header_bg.png') no-repeat center top;background-size: cover;}
div.wrapper div.titArea h1 {width: 100%;height: 32px;margin: 0;padding: 18px 20px 15px;}
div.wrapper div.titArea h1 img {display: block;height: 30px;}
div.titArea p.viewMenu {position: absolute;right: 0;top: 0;width: 65px;height: 65px;}
div.titArea p.viewMenu a {display: block;height: 65px;text-indent: -10000px;background: url('mobile/viewMenu.png') center center no-repeat;background-size: 26px;}

div.gnbWrap {z-index: 100;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;padding-left: 100px;box-sizing:border-box;background-color: rgba(0,0,0,.5);}
div.gnbWrap p {position: relative;z-index: 10;left: 15px;top: 85px;font-size: 14px;line-height: 30px;font-family: 'Roboto-Regular', sans-serif;}
div.gnbWrap p span {padding: 0 5px;box-shadow: inset 0 -10px 0 #d1dcf0;}
div.gnbWrap .close {position: absolute;left: 45px;top: 0;width: 50px;height: 50px;}
div.gnbWrap .close a {display: block;height: 65px;text-indent: -10000px;background: url('mobile/closeMenu.png') center center no-repeat;background-size: 24px;}

ul#gnb, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {position: absolute;right: 0;top: 0;width: calc(100% - 100px);height: 100%;padding : 120px 0 75px;background-color: #f0f3f7;box-sizing:border-box;}
ul#gnb:before {position: absolute;left: 0;top: 0;width: 100%;height: 100px;content: "";background: #f0f3f7 url('mobile/gnb_logo.png') center center no-repeat; background-size: 80% auto;}
ul#gnb > li {border-bottom: 1px solid #ccc; margin: 0 15px;}
ul#gnb > li:nth-child(7) {border-bottom: 0 none;}
ul#gnb > li a {position: relative;display: block;padding: 10px 0 10px 60px;color: #222;font-size: 16px;line-height: 30px;font-family: 'Roboto-Regular', sans-serif; background-color: #fff;}
ul#gnb img {position: absolute;left: 15px;top: 50%;height: 30px;margin-top: -15px;}

ul#gnb > li.home {position: absolute;left: 0;bottom: 0;width: 100%; margin: 0; border-bottom: 0; font-size:0; line-height: 0;}
ul#gnb > li.home a:first-child {background-color: #69a6e4;}
ul#gnb > li.home a {width:100%; padding: 0; line-height: 50px; text-align: center;background-color: #28498a;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;font-weight: normal;font-size: 16px;text-decoration: none;}

ul#gnb a.flicker, ul.wsMenu span.flicker {animation-duration: .9s;animation-name:txtFlicker; animation-iteration-count: infinite;color: #e91e63;}
@keyframes txtFlicker {
	50% {color: #1e5f99; }
}

ul#gnb a.vod:after {display: inline-block;vertical-align: top;width: 80px;height: 30px;content: "";background: url('mobile/menu_vod.png') right center no-repeat;background-size: 65px;}

.pageTit {width: 100%;height: 40px;padding-left: 40px;text-align: left;color: #fff;font-size: 18px; line-height: 40px;font-family: 'Roboto-Medium', sans-serif;font-weight: normal;background: url('mobile/subtit_bl.png') no-repeat 20px center #3962b2;}



ul.tabMenu, ul.tabMenu > li, ul.tabMenu a,
ul.subMenu, ul.subMenu > li, ul.subMenu a,
ul.conMenu, ul.conMenu > li, ul.conMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu,
ul.subMenu,
ul.conMenu {}
ul.tabMenu:after,
ul.subMenu:after,
ul.conMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.tabMenu > li,
ul.subMenu > li,
ul.conMenu > li {float: left;}


ul.tabMenu a,
ul.subMenu a,
ul.conMenu a {display: block;text-align: center;}

ul.tabMenu,
ul.conMenu {}
ul.tabMenu a,
ul.conMenu a {padding: 9px 0 10px;background-color: #fff;border: 1px solid #dcdcdc;border-left: 0 none;color: #4d4d4d;font-size: 15px;line-height: 26px;font-family: 'NotoSansKR Regular', sans-serif;}
ul.tabMenu li:first-child a,
ul.conMenu li:first-child a {border-left: 1px solid #dcdcdc;}
ul.tabMenu .on a,
ul.conMenu .on a {background-color: #272b4b;border-color: #272b4b;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}


ul.col2ea > li {width: 50%;}
ul.col2ea > li:nth-child(odd) {clear: both;}
ul.col2ea > li a {border-top: 0 none;}
ul.col2ea > li:nth-child(odd) a {border-left: 1px solid #dcdcdc;}
ul.col2ea > li:nth-child(1) a,
ul.col2ea > li:nth-child(2) a {border-top: 1px solid #dcdcdc;}

ul.col3ea > li {width: 33.3% !important;}
ul.col3ea > li:first-child {width: 33.4% !important;}
ul.col5ea > li {width: 20%;}

ul.conMenu {padding: 15px;}
ul.conMenu > li {float: left;width: 50%;}
ul.conMenu a {display: block;color: #737895;font-size: 12px;line-height: 16px;font-family: 'NotoSansKR Regular', sans-serif;font-weight: 500;text-align: center;}
ul.conMenu .on a {color: #fff;border-color: #000;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;;}


ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
ul.subMenu {}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu > li {float: left;width: 50%;}
ul.subMenu a {display: block;padding: 11px 0;text-align: center;border: 1px solid #d1d1d1;color: #a7a7a7; font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;background-color: #fff; font-size: 15px;line-height: 35px;}
ul.subMenu .on a {background-color: #fff; color: #28498a;border: 2px solid #28498a;padding: 10px 0;}

/* p#goTop {z-index: 50;position:fixed;right:10px;bottom:10px;width: 40px;}
p#goTop a {display:block;padding:7px 0;font-size:12px;text-align:center;text-decoration:none;border-radius:4px;background-color:#464d5f;color:#fff;}
p#goTop i {display:block;padding:5px 0 0;text-align:center;} */


/* 메인 */
body.bg {background: url('/asset/mobile/bg_m.png') center top no-repeat;background-size: cover;box-sizing:border-box;}
div.webinarMain {min-height: 576px;padding:0;box-sizing:border-box;}
div.webinarMain h1 {margin: 30px 0 20px;padding: 0 30px;}
div.webinarMain h1 img {display: block; width:100%;}
div.webinarMain ul.note li {color: #fff;}

ul.wsMenu, ul.wsMenu li {padding: 0;margin: 0;list-style:none; font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
ul.wsMenu {margin: 0 20px 10px;}
ul.wsMenu li{width: 100%;margin-top: 12px;}
ul.wsMenu li:first-child {margin-top: 0;}
ul.wsMenu li a {display: block;position: relative;padding:18px  0 18px  80px;    font-weight: bold;text-decoration:none;background-color: #fff;border-radius: 15px;color: #223e57;font-size: 18px;line-height: 30px;}
ul.wsMenu li a::before {position: absolute;display: block;content:'';width: 36px;height: 35px;top: 50%;left: 27px;transform: translateY(-50%);background-image: url('mobile/wsMenu_onair.png');background-position: 0 0;background-repeat: no-repeat;background-size: 36px;}
ul.wsMenu li:nth-child(2) a::before {background-image: url('mobile/wsMenu_program.png');}
ul.wsMenu li:nth-child(3) a::before {background-image: url('mobile/wsMenu_eposter.png');}
ul.wsMenu li:nth-child(4) a::before {background-image: url('mobile/wsMenu_ebooth.png');}
ul.wsMenu li:nth-child(5) a::before {background-image: url('mobile/wsMenu_mypage.png');}
ul.wsMenu li a::after {position: absolute;display: block;content:'';width: 9px;height: 15px;right: 20px;top: 50%;transform: translateY(-50%);background: url('mobile/main_angle.png') no-repeat center right;background-size: 9px;}
ul.wsMenu li img {display: inline-block;vertical-align: top;height: 27px;padding: 2px 0 0 5px;}


div.webinarMain div.out {position: fixed;left: 0;bottom: 0;width: 100%;}
div.webinarMain div.out a {display: inline-block; width:50%; line-height: 50px; padding: 0;text-align: center;background-color: #28498a;color: #fff;font-family: 'Roboto-Medium', sans-serif;font-weight: normal;font-size: 17px;text-decoration: none;}
div.webinarMain div.out a:first-child {background-color: #69a6e4;}


/* Virtual Conference */
div.roomWrap {background: url('mobile/room_bg.png') no-repeat center top;background-size: 100% auto;}
div.room {position: relative;}
div.room p.note {margin: 0;text-align: center;color: #181d57;font-size: 16px; line-height: 20px; font-family: 'Roboto-Medium', sans-serif;}
div.room p.note span {padding: 0 3px;box-shadow: inset 0 -10px 0 rgba(24,29,87,.1)}

ul.timeInfo, ul.timeInfo li {margin: 0;padding: 0;list-style:none;}
ul.timeInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.timeInfo {width: 100%;}
ul.timeInfo > li {position: relative;float: left;width: 50%;height: 40px; margin: 0;text-align: center;background-color: #e1e4ee;}
ul.timeInfo li.time:before,
ul.timeInfo li a {display: block;padding: 10px 0;font-size: 12px;line-height: 20px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif !important;text-decoration: none;color: #192c8d;}
ul.timeInfo li a img {display: inline-block;width: 20px;margin-right: 5px;}

ul.timeInfo li.time {font-size: 23px;color: #000;background-color: #f6e8e8;font-family: 'Digital-7Mono', sans-serif; }
ul.timeInfo li.time span {position: absolute;left: 110px;top: 50%;transform: translateY(-50%);color: #333; }
ul.timeInfo li.time:before {display: block;content: "KOREA TIME";position: absolute;top: 50%;left: 26px;transform: translateY(-50%);padding: 0;color: #192c8d;font-size: 12px;}
@keyframes flicker {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}

dl.room, dl.room dt, dl.room dd, dl.room ul, dl.room li {margin: 0;padding: 0;list-style:none;}
dl.room {margin-top: 15px;background-color: #fff;}
dl.room:first-child {content: 0;}
dl.room > dt {text-align: center;color: #fff;background-color: #1d51b1;font-size: 17px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;line-height: 35px;}
dl.room > dt span {display: none;padding-top: 5px;color: #4b73cd;font-size: 12px;}

dl.room a.trigger {position: relative;display: block;text-align: left;padding: 8px 40px 7px 20px;text-decoration: none;color: #fff;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;background-color: #1d51b1;}
dl.room a.trigger:after {position: absolute;right: 20px;top: 50%;width: 10px;height: 6px;margin-top: -3px;content: ""; background-size: 11px;}
dl.room.view a.trigger:after {transform:rotate(-180deg);}
dl.room.view dt span {display: block;}

dl.room > dd {padding:15px 20px;color: #777;font-size: 14px;}
dl.room > dd > span {display: block;}
dl.room > dd > span.time {color:#282828;font-size: 14px;font-family:'Roboto-Regular',sans-serif;}
dl.room > dd > span.time span {color:#3480ff;}
dl.room > dd div.category {margin-top: 5px;}
dl.room > dd div.category span {display: inline-block; margin-left: 5px; padding: 0 15px;font-family:'Roboto-Regular',sans-serif;font-size: 12px; line-height: 20px;  border-radius:5px;}
dl.room > dd div.category span:first-child {margin-left: 0;}
dl.room > dd div.category span.engsession {background-color: #ece9f5; color:#644aa5; border: 1px solid #644aa5;}
dl.room > dd div.category span.experts {background-color: #e9f3f8; color:#4a86a5; border: 1px solid #4a86a5;}
dl.room > dd div.category span.begines {background-color: #eef9f4; color:#5ac494; border: 1px solid #c5e6d7;}
dl.room > dd > strong {margin-top: 10px; display: block; color:#202c70; font-size:17px; font-family:'Roboto-Medium','NotoSansKR Medium',sans-serif; font-weight: normal;line-height: 20px;}
dl.room > dd > strong span {display: block;margin-top: 10px;color:#000;    font-size: 15px;line-height: 20px;}

dl.room > dd + dd.btn {padding-top: 0;}
dl.room > dd + dd.btn a.btnDef {height: 50px;line-height: 50px;font-size: 14px;background-color: #28498a !important; border-color: #28498a !important;font-weight: normal;}

dl.room > dd.toggleCon {background-color: #f4f4f4;}
dl.room li {margin-top: 10px;padding-top: 10px;border-top: 1px solid #c2c2c2;color: #000;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.room li:first-child {margin-top: 0;padding-top: 0;border-top: 0 none;}
dl.room li span {display: block;color: #033491;}
dl.room li span.vod {margin-top: 5px;}
dl.room li span.vod a {display: inline-block;}
dl.room li span.vod img {display: block;}

dl.room dd.btn a {display: block;}


/* 프로그램 */
.btn a.download {padding: 10px 20px;height: auto;background-color: #d02a5d;border-color: #d02a5d;color: #fff;font-size: 14px;line-height: 20px;}
.btn a.download img {display: inline-block;vertical-align: top;height: 12px;padding: 4px 0 0 10px;}


div.glance {position: relative; padding: 15px 0;overflow: auto;}
table.tblProgram {width: 1000px;margin-bottom:30px;border-top:1px solid #494949;border-collapse: separate; border-spacing: 0;}
table.tblProgram th,
table.tblProgram td {padding: 7px 5px;border-bottom: 1px solid #efefef;text-align:center;font-size: 12px;}
table.tblProgram th {padding: 10px ;color:#343436; background-color: #fff; border-left: 1px solid #efefef;}
table.tblProgram tbody th {font-weight: 500;} 
table.tblProgram td {height: 40px;border-left:1px solid #efefef;color:#000;font-size:14px;font-weight: 700;}
table.tblProgram td a {color:#000;word-break:keep-all;text-decoration: none;}
table.tblProgram th span {display: block;padding: 10px 0; background-color: #f8f8f8;border-radius: 10px;font-weight: bold;text-align: center;}
table.tblProgram th:first-child {border-left: 0;}
table.tblProgram td:first-child {border-left:0 none;color:#7b7d80;}
table.tblProgram a {display: block; color:#555;}

table.tblProgram .onair {position: relative;vertical-align: middle;height: 136px;}
table.tblProgram .onair a.onair {position: relative;width: 80px;height: 28px;top:7px;left: 50%;transform: translateX(-50%);border-radius: 15px;background-color: #db2828;color: #fff;font-size: 12px;line-height: 28px;font-family:'Roboto-Medium',sans-serif;font-weight: normal;}


/**/
div.programInfo {position: relative;padding: 15px;}

div.programInfo div.out {z-index:10; position: absolute;left: 15px;bottom: 15px;width: calc(100% - 30px); min-width: 320px;}
div.programInfo div.out a {display: block;line-height: 50px;text-align: center;background-color: #353f51;font-family: 'Roboto-Medium', sans-serif;color: #fff; font-size: 17px;text-decoration: none;}

dl.programBrief, dl.programBrief dt, dl.programBrief dd {margin: 0;padding: 0;}
dl.programBrief {padding-bottom: 50px;background-color: #fff;}

dl.programBrief dt {height: 45px;padding-left: 10px;line-height: 45px;color: #fff;background-color: #28498a;font-size: 15px;font-family: 'Roboto-Medium', sans-serif;}
dl.programBrief dd {max-height: 500px;overflow-y: scroll;padding: 15px;}
dl.programBrief div.tit {position: relative;padding: 15px 50px 15px 15px;background-color: #e9f0f7;    font-size: 13px;}
dl.programBrief div.tit > p {font-size: 14px;color: #152476;line-height: 18px;font-family: 'Roboto-Medium', 'NotoSansKR Light', sans-serif;}
dl.programBrief div.tit p.fwBold {font-size: 15px;padding: 5px 0;line-height: 17px; color: #28498a;}
dl.programBrief div.tit p.fwBold span{color: #222;margin-top: 5px; display: block;font-size: 14px;   line-height: 17px;}
dl.programBrief div.category span {padding: 0 15px;font-size: 12px;line-height: 20px;border-radius: 5px;}
dl.programBrief div.category span.engsession {background-color: #e9f5f0;color: #4aa57b;border: 1px solid #4aa57b;}

dl.programBrief ul, dl.programBrief li {padding: 0;margin: 0;list-style: none;}
dl.programBrief li {position: relative;padding: 10px 0;border-bottom: 1px solid #ccc;color: #296491;font-size: 12px;line-height: 16px;font-family: 'Roboto-Medium', 'NotoSansKR Light', sans-serif;}
dl.programBrief li span {display: block;color: #000;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;margin-top: 5px;}
dl.programBrief li:last-child {border-bottom: 0 none;}

/* dl.programBrief span.time {color: #444;font-size: 12px;line-height: 16px;font-family: 'Roboto-Light', 'NotoSansKR Light', sans-serif;}
dl.programBrief span.tit {color: #0068b6; font-size: 17px !important;letter-spacing: -0.5px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;line-height: 18px;}
dl.programBrief span.date {color: #000;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;line-height: 18px;padding-bottom: 3px;}
dl.programBrief span.room {color: #000;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;line-height: 18px;} */
 
dl.programBrief span.tit span {display: inline-block;vertical-align: top;margin-bottom: 5px;font-size: 10px;color: #000;}

dl.programBrief a.onair {position: absolute;right: 10px;top: 10px;margin-right: 0;}

dl.programBrief div.charis {padding: 10px;color: #444;font-size: 13px;line-height: 18px;font-family: 'Roboto-Regular', 'NotoSansKR DemiLight', sans-serif;background-color: #f0f6fb;}
dl.programBrief div.charis span {display: block;color: #222;font-size: 14px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}

/* dl.programBrief span.eng {background-color: #22890d  !important;}
dl.programBrief span.ch {background-color: #3dadba !important;}
dl.programBrief span.all {background-color: #678ed6 !important;} */
dl.programBrief ul.program span.tit {font-family: 'Roboto-Regular',sans-serif;font-size: 14px;}
dl.programBrief p.onair a {position: absolute;width: 60px;height: 20px;right: 5px;top: 50%;transform: translateY(-50%);border-radius: 15px;background-color: #db2828;color: #fff;font-size: 12px;line-height: 20px;font-family:'Roboto-Medium',sans-serif;font-weight: normal;text-align: center;text-decoration: none;}

div.popupCon div.scrollArea {height: 206px;margin-top: 5px;overflow-y: auto;}


.beginners {background-color:#f0faed;}
/* .experts {background-color:#fff2f2;} */
/* .high {background-color:#ffffcc !important;} */
.luncheon {background-color:#ccecff !important;}
/* .insure {background-color:#e7e7ff !important;}
.enghigh {background-color:#333333;color: #fff;} */
.cardiologist {background-color:#e8f4fe !important;}
.highlight {background-color:#fff8e1 !important;}

.begines {background-color:#eef9f4;}
/* .experts {background-color:#ffe9e9 !important;} */
.high {background-color:#ffffcc !important;}
.luncheon {background-color:#ccecff !important;}
.insure {background-color:#e7e7ff !important;}
.enghigh {background-color:#333333;color: #fff;}
.cardiologist {background-color:#97e2ff !important;}
.highlight {background-color:#ffffcc !important;}

table.tblProgram td.eng {position:relative;}
table.tblProgram td.eng:after {position:absolute; right: 0; bottom: 0; content:''; width: 35px; height: 35px; background:url('mobile/icon_eng.png') center top no-repeat;}


div#popupPrg .popupCon {padding-top: 60px;}
div#popupPrg .popupCon dl.room {margin: 0 15px;}
div#popupPrg .popupCon dl.room dt {display: block;text-align: left;padding: 14px 40px 13px 20px;text-decoration: none;color: #fff;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;background-color: #293276;}
div#popupPrg .popupCon dl.room dd.roomCon {background-color: #f9f9f9;}
div#popupPrg .close {position: absolute;right: 15px;top: 15px;width: 30px;height: 30px;margin: 0;padding: 0;}
div#popupPrg .close a {display: block;height: 100%;text-indent: -10000px;background: url('/asset/mobile/popup_close.png') center center no-repeat;}

/* Live Session */
div.program {padding: 15px 0;}
div.program > p {margin: 0 0 5px;color: #666;font-size: 12px;}

div.program ul.subMenu {margin:0 15px 15px;}
div.program ul.subMenu > li {width: 50%;}
div.program ul.subMenu > li a {border-top: 0 !important;}
div.program div.date {padding: 5px 15px;border-top: 2px solid #444;color: #282828;font-family: 'Roboto Bold', 'NotoSansKR Bold', sans-serif;font-size: 17px;line-height: 30px;}
div.program div.date:before {display: inline-block;width: 4px;height: 4px;margin: 13px 10px 0 0;border-radius:2px;vertical-align: top;content: "";background-color: #282828;}

div.session .searchArea {padding-top: 0;}
div.session ul.subMenu {margin: 0 15px;}
div.session + div.session {margin-top: 30px;}
div.session h3 {position: relative;margin: 0;padding: 5px 110px 5px 10px;border-top: 1px solid #000069;/*background: url('mobile/subTit.png') 10px 15px no-repeat;background-size: 13px;*/color: #000069;font-family: 'Roboto Bold', 'NotoSansKR Bold', sans-serif;font-size: 15px;line-height: 30px;font-weight: normal;}
div.session h3 a {position: absolute;right: 10px;top: 50%;width: 90px;padding: 0 20px;margin-top: -15px;border-radius:15px;color: #fff;font-size: 15px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;background-color: #0049c4;font-weight: normal;text-decoration: none;}
div.session h3 a img {position: absolute;right: 15px;top: 50%;height: 10px;margin-top: -5px;}

div.session table.tblDef colgroup,
div.session table.tblDef col {display: none;}
div.session table.tblDef tr,
div.session table.tblDef th,
div.session table.tblDef td {display: block;border: 0 none;background-color: #fff;text-align: left;}

div.session table.tblDef tr {position: relative;padding:0 0 0 70px;border-bottom: 1px solid #d2d2d2;background-color: #f9f9f9;}
div.session table.tblDef td {padding: 10px;}
div.session table.tblDef td.time {position: absolute;left: 0;top: 50%;width: 70px;line-height: 25px;margin-top: -25px;padding: 0;background-color: #f9f9f9;text-align: center;}

div.session h3 + table.tblDef {border-top-width: 1px;}
div.session td {font-size: 13px;}
div.session td.time {background-color: #f9f9f9;color: #282828;}
div.session td.con {text-align: left;color: #5e5e5e;}
div.session td span {display: block;}
div.session span.tit {color: #007eff;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;}
div.session span.name {padding: 10px 0 0;color: #282828;font-family: 'NotoSansKR Medium', sans-serif;}
div.session td.btn {vertical-align: top;}
div.session td.btn a {min-width: 75px;height: auto;padding: 6px 10px 5px;font-size: 14px;line-height: 16px;border-color: #624a97;font-family: 'NotoSansKR Medium', sans-serif;box-shadow:0 2px 0 rgba(69,69,69,.2);text-align: center;}
div.session td.btn a.abs {background-color: #624a97;color: #fff;}
div.session td.btn a.cv {background-color: #fff;color: #624a97;}

ul.sessionList {margin: 0; padding: 15px 0; list-style: none;}
ul.sessionList li {border: 1px solid #ccc; border-top: 0 none;}
ul.sessionList li:first-child {border-top: 1px solid #ccc;}
ul.sessionList li a {display: block;position: relative; padding: 15px 50px 15px 15px; text-decoration: none;}
ul.sessionList li a:after {position: absolute;display: block;content:'';width: 11px;height: 20px;top: 50%;right: 15px;transform: translateY(-50%);background: url('mobile/eposter_toggle.png') center 90% no-repeat;background-size: 12px auto;}
ul.sessionList li a > span {margin-top: 5px;display: block; color:#444; font-size:13px; font-family:'NotoSansKR Light',sans-serif;}
ul.sessionList li a span.num span {margin-top: 0; padding: 5px 8px;border-radius: 15px;line-height: 25px;color:#fff; background-color: #263b80;font-family:'Roboto-Medium',sans-serif;}
ul.sessionList li a span.tit {color:#222; font-size:15px; line-height: 18px;font-family:'Roboto-Medium','NotoSansKR Medium',sans-serif;}


div#popupPoster .popupCon {padding-top: 60px;}
div#popupPoster .posterView {position: relative;padding: 15px 15px 70px; background-color: #fff; margin: 0 15px;}
div#popupPoster .posterView > span {margin-top: 5px;display: block; color:#444; font-size:13px; line-height: 25px; font-family:'NotoSansKR Light',sans-serif;}
div#popupPoster .posterView span.num {margin-top: 0; font-family:'Roboto-Medium',sans-serif;}
div#popupPoster .posterView span.num span {color:#fff; background-color: #263b80;padding: 5px 8px;border-radius: 15px;}
div#popupPoster .posterView span.tit {color:#222; font-size:15px; line-height: 20px;font-family:'Roboto-Medium','NotoSansKR Medium',sans-serif;}

div#popupPoster .posterView div.util {margin-top: 15px;}
div#popupPoster .posterView div.util:after {clear: both; content:''; display: block;}
div#popupPoster .posterView div.util a {display: inline-block; padding: 3px 12px; color:#fff; font-family:'Roboto-Mdeium',sans-serif; text-decoration: none; font-size:13px;    line-height: 22px;}
div#popupPoster .posterView div.util img {display: inline-block;vertical-align: top;padding : 6px 10px 0 0; height: 14px;}
div#popupPoster .posterView div.util a.like {background-color: #b32121;    border: 1px solid #b32121;}
div#popupPoster .posterView div.util a.fav {padding: 3px 12px 3px 30px ;background: url('mobile/icon_favor_off.png') 10px center no-repeat #fff;background-size: 15px;text-align: left;border: 1px solid #2f4c8f;color: #2f4c8f;}
div#popupPoster .posterView div.util a.fav.on {background-image: url('mobile/icon_favor_on.png');}
div#popupPoster .posterView div.util a.cv {background-color: #6921b3; border-color: #6921b3;}
div#popupPoster .posterView div.util a.vod {background-color: #2821b3; border-color: #2821b3;}

div#popupPoster div.poster {margin-top: 15px; position: relative;overflow: hidden;height: auto; border: 1px solid #ccc;}
div#popupPoster div.poster a {display: block;}
div#popupPoster div.poster img {display: block; width:100%;text-align: center; margin: 0 auto;}
div#popupPoster div.poster a.viewBig {position: absolute;right: 0;bottom: 0;width: 30px;height: 30px;text-indent: -10000px;background: #272c4c url('mobile/viewBig.png') center center no-repeat;background-size: 11px;}

div#popupPoster .btn {position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;}
div#popupPoster .btn::after {position: absolute;display: block;content:'';font-size: 0;line-height: 0;height: 0;}
div#popupPoster .btn a {float: left;width: 50%;height: 50px;color: #fff;line-height: 50px;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;line-height: 53px; text-align: center; box-sizing: border-box; border: 0 none;background-color: #353f51;}
div#popupPoster .btn a.listBtn {background-color: #28498a;}

div.poster_detail div.formArea {overflow-y:auto;}
div.posterView {padding: 25px;}

div.posterCon {margin: 15px 0 0;padding: 0;overflow: hidden;width: 100%;height: 250px;border: 1px solid #e0e0e0;}
div.posterCon ul,
div.posterCon li {margin: 0;padding: 0;list-style: none;}
div.posterCon img {display: block;max-height: 250px;margin: 0 auto;}

div.posterUtil {padding: 5px 0;font-size: 0;line-height: 0;text-align: right;}
div.posterUtil > * {display: inline-block;margin-left: 5px;padding: 0 10px;vertical-align: top;color: #fff;font-size: 12px;line-height: 30px;text-decoration: none;}
div.posterUtil > *:first-child {margin-left: 0;}
div.posterUtil a.prev {padding: 0 10px 0 25px;background: #3d414e url('mobile/arrow_prev.png') left 10px center no-repeat;background-size: auto 8px; margin-left: 0;}
div.posterUtil a.next {padding: 0 25px 0 10px;background: #3d414e url('mobile/arrow_next.png') right 10px center no-repeat;background-size: auto 8px;}
div.posterUtil:after {clear: both; content:''; display: block;}
div.posterUtil span {padding: 0; font-size:0; line-height: 0;}
div.posterUtil a {margin-left: 5px; display: inline-block;margin-left: 5px;padding: 0 10px;vertical-align: top;color: #fff;font-size: 12px;line-height: 30px;text-decoration: none;}
div.posterUtil a:first-child {margin-left: 0;}
div.posterUtil a.posterList {background-color: #5162a0; border-color: #5162a0;}
div.posterUtil a.viewDetail {background-color: #414974; border-color: #414974;}



/* Sponsor */
div.sponsor {position: relative;padding: 15px 35px;border-top: 1px solid #ccc;}
div.sponsor ul, div.sponsor li, div.sponsor a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.sponsor li a {display: block;width: 140px;height: 60px;border: 1px solid #ddd;}
div.sponsor img {display: block;height: 60px;margin: 0 auto;}
div.sponsor .bx-prev,
div.sponsor .bx-next {position: absolute;top: 15px;width: 20px;height: 60px;text-indent: -10000px;background-position: center center;background-repeat: no-repeat;background-color: #464d5f;background-size: 7px;}
div.sponsor .bx-prev {left: 10px;background-image: url('mobile/bnr_prev.png');}
div.sponsor .bx-next {right: 10px;background-image: url('mobile/bnr_next.png');}



/* Open Discussion Room */
div.bbs {padding: 15px;}
div.bbs p.brief {margin: 0 0 5px;color: #313131;font-size: 13px;}
div.bbs p.brief span {color: #f31035;}


ul.bbs, ul.bbs li, ul.bbs a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.bbs {border-top: 2px solid #004cc6;}
ul.bbs > li {position: relative;padding-right: 30px;border-bottom: 1px solid #d2d2d2;}
ul.bbs a {position: relative;display: block;padding:5px 0 5px 50px;color: #808080;font-family: 'NotoSansKR Medium', sans-serif;}
ul.bbs span {display: block;}
ul.bbs span.num {position: absolute;left: 5px;top: 5px;width: 40px;text-align: center;color: #313131;font-size: 14px;}
ul.bbs span.notice {background-color: #f36910;color: #fff;}
ul.bbs span.tit {position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #313131;}
ul.bbs span.info {font-family: 'NotoSansKR DemiLight', sans-serif;}

ul.bbs a.file {position: absolute;right: 0;top: 0;width: 30px;height: 100%;padding: 0;}
ul.bbs a.file i {position: absolute;left: 50%;top: 50%;font-size: 18px;height: 18px;line-height: 18px;margin: -9px 0 0 -8px;}

ul.bbs a.reply {padding-right: 40px;}
ul.bbs a.reply span.reply {position: absolute;right: 3px;top: 5px;font-family: 'Roboto-Bold', 'NotoSansKR Bold', sans-serif;color: #f31035;}



div.bbsUtil {margin: 15px 0;text-align: right;}
div.bbsUtil a {position: relative;height: 40px;line-height: 20px;padding:10px 50px 10px 10px;}
div.bbsUtil a i {position: absolute;right: 20px;top: 50%;font-size: 16px;line-height: 16px;margin-top: -8px;}
div.bbsUtil .btnList {float: left;}

ul.pager {margin: 0;padding:10px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;}
ul.pager li {margin:0 7px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline-block;vertical-align: top; padding-top: 4px;}

ul.pager a {display: inline-block; width:7px; border:0 none;padding: 7px 0 3px;text-align: center;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #808080;}

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

ul.pager a.on {padding: 7px 0 0; text-align: center; color: #000; background-color: transparent; border-bottom: 2px solid #222;}





/* 게시판 글보기 */
div.bbsView a {text-decoration: none;}
div.bbsView dl.bbsItem {padding: 0;margin: 0;border-top: 1px solid #004f95;padding-bottom: 10px;border-bottom: 1px solid #d2d2d2;text-align: right;}
div.bbsView dl.bbsItem > dt {margin-bottom: 10px;}

div.bbsView dl.bbsItem > dt {padding: 10px;text-align: center;background-color: #eef6ff;color: #004f95;font-size: 1.2em;font-weight: bold;}
div.bbsView dl.bbsItem > dd {display: inline-block;margin: 0;color: #313131;text-align: right;}
div.bbsView dl.bbsItem > dd {}
div.bbsView dl.bbsItem > dd:nth-child(2) {}
div.bbsView dl.bbsItem > dd:nth-child(2):after {display: inline-block;content: "";padding: 0 10px;}

div.bbsView dl.bbsItem > dd span,
div.bbsView dl.bbsItem > dd a {color: #808080;border-bottom: 0 none;}

div.bbsCon {padding: 20px;}


div.bbsView table {border-top: 1px solid #d2d2d2;}
div.bbsView table:first-child {border-top-color:#004f95;}
div.bbsView table > * > tr > th,
div.bbsView table > * > tr > td {font-size: 14px;text-align: left;}
div.bbsView table > * > tr > th {background-color: #f8f8f8;color: #313131;font-weight: normal;text-align: center;letter-spacing:-1px;}
div.bbsView table > * > tr > td {}
div.bbsView table a {display: block;padding-right: 20px;text-decoration: none;font-family: 'NotoSansKR DemiLight', sans-serif;color: #808080;background: url('mobile/icon_magnifier.png') right center no-repeat;background-size: 14px;}

/* 댓글 */
div.replyArea {position: relative;border:1px solid #d2d2d2;border-top: 2px solid #004cc6;}
div.replyArea a {text-decoration: none;color: inherit;}
div.replyArea .brief {position: absolute;left: 0;color: #313131;}

dl.replyItem {position: relative;padding: 15px 0;border-bottom: 1px solid #d2d2d2;}
dl.replyItem, 
div.replyWrite.reply {margin: 0 15px;}

dl.replyItem.reply,
div.replyWrite.reply {background-image: url('mobile/replyBl.png');background-repeat: no-repeat;background-size: 7px;}
dl.replyItem.reply {padding-left: 30px;background-position:15px 20px;}
div.replyWrite.reply {margin: 0;padding-left: 15px;background-position:25px 25px;}


dl.replyItem > dt,
dl.replyItem > dd {margin: 0;}
dl.replyItem > dt {color: #313131;}
dl.replyItem > dt span,
dl.replyItem > dt a {display: inline-block;color: #808080;font-size: 0.8em;}
dl.replyItem > dt span {display: inline-block;content: "|";padding: 0 10px;}
dl.replyItem > dt a {}
dl.replyItem > dt a:before {display: inline-block;padding-right: 5px;content: "\f3e5";font-family: "Font Awesome 5 Free";font-weight: 900;color: #000;}
dl.replyItem > dd {padding-top:10px;font-size: 14px;color: #808080;}
dl.replyItem > dd.util,
dl.replyItem.modify > dd.util {padding:5px 0 0;font-size: 0.8em;}
dl.replyItem > dd.util a:first-child:after {display: inline-block;content: "|";padding: 0 6px 0 10px;color: #808080;}
dl.replyItem.modify > dd.util a:first-child {display:  none;}

div.replyWrite {position: relative;padding: 10px 110px 20px 20px;border-bottom: 1px solid #d2d2d2;}
div.replyArea textarea {width: 100%;height: 100px;padding: 10px;box-sizing:border-box;border: 1px solid #d2d2d2;background-color: #f7f7f7;font-family: 'NotoSansKR Regular', sans-serif; }
div.replyArea span.btn {position: absolute;right: 15px;top: 10px;width: 90px;height: 100px;}
div.replyArea span.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;}

dl.replyItem.modify > dd {position: relative;padding: 10px 95px 0 0;}
dl.replyItem.modify span.btn {right: 0;}

div.bbsWrite {padding: 15px;}
div.bbsWrite textarea {height: 250px;}




/* 강의화면 */
div#player {overflow: hidden;position: relative;padding-bottom: 75px;background-color: #e7eaf6;box-sizing:border-box;}
div#player .titArea {position: relative;padding: 0 188px 0 20px;background-color: #fff;}
div#player h1 {position:relative;height: 22px;margin: 0;padding: 19px 0;text-align: left;color: #fff; font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;     word-break: keep-all;}
div#player h1 img {display: block;height: 22px;}
div#player div.titArea p.viewMenu a {display: block;height: 60px;text-indent: -10000px; background: url('mobile/player_menu.png') center center no-repeat; background-size: 26px;}
div#player p.session {position: absolute;right: 55px;top: 0px;    line-height: 18px;}
div#player p.session a {display: table-cell;width: 150px;height: 60px;padding: 5px 10px; color: #fff;text-align: center;vertical-align: middle;font-family: 'NotoSansKR Medium', sans-serif;font-size: 12px;text-decoration: none;background: #3976c1;box-sizing:border-box;}

div.sessionInfo {z-index: 50;position: fixed;left: 0;bottom: 55px;width: 100%;}
div.sessionInfo h4 {margin: 0;padding: 0;}
div.sessionInfo a.trigger {position: relative;display: block;padding: 8px 50px 10px 15px;color: #fff;font-size: 14px;line-height: 22px;background-color: #1b3558;text-decoration: none;}
div.sessionInfo a.trigger:after {position: absolute;right: 15px;top: 0;width: 28px;height: 100%;content: "";background: url('mobile/toggle_w.png') center center no-repeat;background-size: 15px;transform:rotate(180deg);}
div.sessionInfo.view a.trigger:after {transform:rotate(0deg);}

dl.playSession, dl.playSession dt, dl.playSession dd, dl.playSession ul, dl.playSession li, dl.playSession a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.playSession {overflow-x: hidden;overflow-y: scroll;height: 250px;background-color: #fff;}
dl.playSession::-webkit-scrollbar {width: 8px;background-color: #b3b3b3;}
dl.playSession::-webkit-scrollbar-thumb {background-color: #697985;}

dl.playSession span {display: block;}
dl.playSession > dt {padding: 10px 15px;background-color: #e9f0f7;color: #222;font-size: 13px;line-height: 15px;font-family: 'Roboto-Light', 'NotoSansKR Light', sans-serif;}
dl.playSession > dt span.tit {font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-size: 14px;margin-bottom:7px;}
dl.playSession ul {padding: 0 15px;}
dl.playSession li {padding: 10px 0;color: #222;font-size: 13px;line-height: 16px;font-family: 'NotoSansKR Regular', sans-serif;border-bottom: 1px solid #cccccc;}


dl.playSession li span {color: #222;font-size: 12px;line-height: 17px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
dl.playSession li span.time {font-family: 'Roboto-Light', 'NotoSansKR Light', sans-serif;}
dl.playSession li span.tit {color: #0168b7;}

div#my_video {}
div#my_video iframe {min-height: 300px;}

p.user {padding: 15px 15px 0;color: #000;font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;}


div#player h3.room {background-color: #293276; padding: 8px 15px; font-size:16px;font-family: 'Roboto-Medium', sans-serif; color:#fff;font-weight: normal;}



ul.playUtil, ul.playUtil > li, ul.playUtil a {margin: 0;padding: 0;list-style:none;}
ul.playUtil {overflow: hidden;border-radius: 4px;margin: 20px;}
ul.playUtil > li {float: left;width: calc(33.3% - 7px);box-sizing:border-box; background-color: #fff; margin-left: 10px; margin-top: 10px; border-radius:10px;}
ul.playUtil > li:nth-child(3n+1) {clear: both;width: calc(33.4% - 7px);border-left: 0 none; margin-left: 0;}
ul.playUtil > li:nth-child(-n+3) {margin-top: 0;}

ul.playUtil > li > a {display: block;position: relative;height: 100px;padding: 18px 10px 10px;text-decoration: none;color: #000;font-size: 15px; line-height: 20px;font-family: 'Roboto-Medium', sans-serif;text-align: center; box-sizing:border-box;}
ul.playUtil > li > a span {display:table-cell; width:1200px; height: 24px; vertical-align: middle;font-size: 13px;line-height: 12px;color: #000;font-family: 'Roboto-Medium', sans-serif;}
ul.playUtil > li > a > img {display: block;width: 42px;margin: 0 auto 6px;}
ul.playUtil > li.room {background-color: #d7e6ff;}

ul.playUtil div.toolTip .tooltip_msg{margin-top: 25px;max-height: 400px; overflow-x: hidden;  overflow-y: auto;}
ul.playUtil div.toolTip:after {position: absolute;left: 20px;bottom: -7px;width: 10px;height: 10px;border-bottom: 1px solid #313131;border-right: 1px solid #313131;background-color: #fff;/* content: " " */;transform:rotate(45deg);}
ul.playUtil div.toolTip .close {position: absolute;right: 10px;top: 20px;width: 30px;height: 30px;}
ul.playUtil div.toolTip .close a, ul.playUtil div.tooltip .close img {display: block;}

div.note, div.note p, div.note ul, div.note li {margin: 0;padding: 0;list-style:none;}
div.note {padding: 15px;background-color: #f3d466;color: #392d04;font-size: 12px;line-height: 20px;}
div.note > * {margin-top: 10px;}
div.note > *:first-child {margin-top: 0;}

ul.playUtil + p.note {padding:0 15px 15px;color: #cc1f4c;font-size: 12px;font-family: 'NotoSansKR Medium', sans-serif;}

div.btnOut {position: fixed;left: 0;bottom: 0;width: 100%;}
div.btnOut a {display: block;width: 100%;padding: 0; text-align: center;font-size: 17px; height: 60px; line-height: 60px; color:#fff; background-color: #28498a; border: 0 none;font-family: 'NotoSansKR Regular', sans-serif;}


ul.menu div.toolTip {display: none;margin-bottom: -40%; bottom: 40%;  z-index: 999;position: absolute;left: 2%; width: calc(100% - 20px);padding:10px 15px 10px 15px ;border-radius:4px;border: 1px solid #313131;background-color: #fff;box-sizing:border-box;box-shadow:4px 4px 20px rgba(0,0,0,.18);}
ul.menu div.toolTip .tooltip_msg{margin-top: 30px;max-height: 280px; overflow-x: hidden;  overflow-y: auto;}
ul.menu div.toolTip:after {position: absolute;left: 20px;bottom: -7px;width: 10px;height: 10px;border-bottom: 1px solid #313131;border-right: 1px solid #313131;background-color: #fff;/* content: " " */;transform:rotate(45deg);}
ul.menu div.toolTip .close {position: absolute;right: 10px;top: 12px;width: 30px;height: 30px;}
ul.menu div.tooltip .close img {display: block;}


ul.menu, ul.menu li, ul.menu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.menu {padding: 15px  10px;background-color: #ffffff;}
ul.menu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.menu > li {float: left;width: 50%;}
ul.menu > li:first-child {width: 50%;}
ul.menu a {display: block;text-align: center;color: #000;font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 400;}
ul.menu img {display: block;width: 46px;margin: 0 auto 6px;}
ul.menu > li:nth-child(n+3) { margin-top:10px;}




/* 긴급공지 */
dl.popupAlert {position: fixed;left: 15px;bottom: 110px;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: 'NotoSansKR Medium', sans-serif;}
dl.popupAlert dd {margin: 0;}
dl.popupAlert dd.con {margin-top: 10px;color: #222;font-size: 13px;line-height: 20px;}
dl.popupAlert dd.close {position: absolute;right: 15px;top: 15px;}
dl.popupAlert dd.close a {padding: 5px;}
dl.popupAlert dd.close a, dl.popupAlert dd.close img {display: block;width: 10px;}


/* 레이어 팝업*/
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: 'NotoSansKR Regular', sans-serif;}
div.layerPopup div.popup {position: absolute;left: 0;top: 0;width: 100%;height:100%;box-sizing:border-box;}


div#popupAgree{position: absolute;}
div#popupAgree > div {overflow-y: auto;left: 20px;top: 50%;width: calc(100% - 40px);height: auto;text-align: center;background-color: #fff;transform:translateY(-50%);}
div.popupHead {padding: 20px 30px;background-color: #28498a;color: #fff;}
div#popupAgree h1 {margin: 0;padding: 0;color: #fff;font-size: 18px;line-height: 28px;font-family: 'NotoSansKR Regular', sans-serif;font-weight: normal;}
div#popupAgree h1 img {display: inline-block;height: 28px;vertical-align: top;}
div.popupHead p {font-size: 14px;font-family: 'NotoSansKR Regular', sans-serif;line-height: 17px;font-weight: normal;word-break: keep-all;}
div.popupHead p span {color: #f8d42b;}

div#popupAgree div.formArea {padding: 15px;}
div#popupAgree div.bg {padding: 10px 5px 10px 20px;background-color: #f2f3f5;}

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

div#popupAgree ul.numList > li {position: relative; padding-left: 0;color: #1b1b1b;font-size: 13px;line-height: 20px;}
div#popupAgree ul.numList > li > p {color: #28498a;font-size: 13px;line-height: 20px; font-family:'NotoSansKR Medium',sans-serif;font-weight: normal;}
div#popupAgree ul.numList > li ul {padding-left: 10px;}

ul.numList, ul.numList li {margin: 0;padding: 0;list-style:none;}
ul.numList {}
ul.numList > li {position: relative;padding-left: 20px;margin-top: 10px;color: #1b1b1b;font-size: 13px;line-height: 20px;}
ul.numList > li:first-child {margin-top: 0;}
ul.numList > li > span:first-child {position: absolute;left: 0;top: 0;}
ul.numList .fcRed {color: #ee1818 !important;}

div#popupAgree .agree {padding: 25px 0;}
div#popupAgree .agree span.inputC {width: 25px;height: 25px;margin-right: 10px; }
div#popupAgree .agree label {cursor: pointer;display: inline-block;vertical-align: top;line-height: 25px;font-size: 14px;color: #222;font-family: 'NotoSansKR Medium', sans-serif;}

div#popupAgree .btn > * {width: 200px;height: 50px;background-color: #28498a;color: #fff;font-size: 14px;border: 0 none;}

div#popupAgree .close {position: absolute;top: 15px;right: 15px;width: 16px;height: 16px;}




div#popupPlayer {}
div#popupPlayer .popup {overflow: hidden;position: absolute;left: 0;top: auto;bottom: 0;width: 100%;height: auto;padding: 10px 15px 80px;background-color: #fff;box-sizing:border-box;border-top: 1px solid #cacaca;}
div#popupPlayer .popup.notice {background-color: #fff !important;}
div#popupPlayer h1 {padding: 10px 0;margin: 0;color: #000;font-size: 22px;font-family: 'Roboto-Medium', sans-serif;font-weight: 500;text-align: center;}

div#popupPlayer div.inputBox, div#popupPlayer textarea {border: 0 none;background-color: #f2f2f2;font-size: 14px;line-height: 17px;}
div#popupPlayer input[type=text] {position: relative;z-index: 10;width:100%;display: block;box-sizing: border-box;margin-bottom: 10px;padding: 0 10px;background-color: transparent;border: 0 none;}
div#popupPlayer input:focus + span.placeholder {display: none;}
div#popupPlayer span.placeholder, div#popupPlayer textarea::placeholder {color: #a5a5a5;font-size: 14px;line-height: 17px;font-family: 'Roboto-Regular', sans-serif;}
div#popupPlayer textarea::placeholder {font-weight: normal;}
div#popupPlayer span.placeholder {position: absolute !important;top: 85px;left: 24px;}
div#popupPlayer .formArea p {font-size: 14px;color: #4d4d4d;}

ul.voting, ul.voting > li, ul.voting a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.voting {padding: 30px 0;}
ul.voting:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.voting > li {float: left;width: 20%;vertical-align: top;margin:auto 0%;}
ul.voting a {position: relative;display: block;width: 60px;margin: 0 auto;padding: 18px 0;text-align: center;border-radius:30px;color: #28498a;font-size: 22px;line-height: 24px;font-family: 'NotoSansKR Bold', sans-serif;color: #c8c9d1;background-color: #fafafa;box-shadow:5px 5px 7px rgba(0,0,0,.10);font-weight: normal;}
ul.voting > li.on a {color: #fff;background-color: #28498a;background-size: 1px 100%;}
ul.voting > li.on a:before {position: absolute;left: 5px;top: 5px;width: 48px;height: 48px;border-radius: 25px;content: " ";border: 1px solid rgba(255,255,255,.25);}

div#popupPlayer .popup.notice {padding: 0;}
div#popupPlayer dl.noticeCon {z-index: 999; position: fixed; left: 15px; bottom: 87px; width: calc(100% - 30px); max-height: 300px; overflow-y: scroll; margin: 0; padding: 15px; border: 1px solid #313131; border-radius: 5px; background-color: #fff; box-sizing: border-box;}
div#popupPlayer dl.noticeCon dt {color: #000;font-size: 22px; font-family: 'Roboto-Medium', sans-serif;text-align: center;}
div#popupPlayer dl.noticeCon dd {font-size: 14px;color: #4d4d4d;}
div#popupPlayer dl.noticeCon dd.close {position: absolute;right: 15px;top: 15px;width: 16px;height: 16px;}

div#popupPlayer .formArea .btn {position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;}
div#popupPlayer .formArea .btn * {float: left;width: 50%;height: 50px;color: #fff;line-height: 50px;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #28498a;text-align: center;box-sizing:border-box;border: 0 none;}
div#popupPlayer .formArea .btn a {line-height: 53px;background-color: #353f51;}

div#popupPlayer .notice .btn {position: absolute;left: 0;bottom: 0;width: 100%;}
div#popupPlayer .notice .btn a {display: block;width: 100%;line-height: 53px;height: 55px;background-color: #28498a;color: #fff;font-size: 18px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;box-sizing:border-box;}

div#popupPlayer .popup div.close {position: absolute;left: 0;bottom: 0;width: 100%;}
div#popupPlayer .popup div.close a {display: block;width: 100%;line-height: 53px;height: 55px;background-color: #353f51;border-color: #353f51;color: #fff;font-size: 18px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;box-sizing:border-box;}



dl.toggleArea, dl.toggleArea * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.toggleArea a {display: block;}
dl.toggleArea {z-index: 30;position: relative;padding: 15px 0;}
dl.toggleArea a.trigger {position: relative;padding: 9px 30px 8px 10px;border: 1px solid #ccc;background-color: #fff;color: #222;font-size: 14px;}
dl.toggleArea a.trigger:after {position: absolute;right: 10px;top: 50%;margin-top: -6px;content: "▼";line-height: 12px;font-size: 10px;}
dl.toggleArea.view a.trigger:after {transform:rotate(180deg);}
dl.toggleArea > dd {position: absolute;left: 0;top: 55px;width: 100%;border: 1px solid #ccc;border-top: 0 none;background-color: #fff;box-sizing:border-box;}
dl.toggleArea ul {padding: 5px 15px 15px;}
dl.toggleArea li {margin-top: 10px;}
dl.toggleArea li a {font-size: 12px;color: inherit;}



div#popupProgram {background-color: #fff;box-sizing:border-box;}
div#popupProgram .popup {position: relative;width: 100%;height: 100%;margin: 0;padding: 0 0 65px;box-sizing:border-box;}
div#popupProgram h1 {display: none;position: absolute;left: 0;top: 0;width: 100%;margin: 0;padding:20px 0;color: #000;font-size: 22px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;background-color: #fff;}


div#popupProgram .popup > .close {position: fixed;left: 0;bottom: 0;width: 100%;}
div#popupProgram .popup > .close a {display: block;width: 100%;line-height: 35px;height: 55px;font-size: 18px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;box-sizing:border-box;}


/* Notice */

dl.notice, dl.notice > dt, dl.notice > dd {margin: 0;padding: 0;}
dl.notice {border-bottom: 1px solid #c3c3c3;font-size: 16px;line-height: 21px;color: #000;font-family: 'NotoSansKR Regular', sans-serif;font-weight:400;}
dl.notice > dt {position: relative;}
dl.notice > dt:before {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);width: 25px;height: 25px;border-radius:50%;color: #fff;content: "Q";background-color: #263b80;font-size: 15px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;text-align: center;}
dl.notice a.trigger:after {position: absolute;right: 20px;top: 50%;width: 10px;height: 6px;content: "";transform: translateY(-50%);background: url('mobile/toggle.png') center center no-repeat;background-size: 9px;}
dl.notice.view a.trigger:after {transform:rotate(-180deg);}
dl.notice > dd {padding:15px 20px;border-top: 1px solid #c3c3c3;color: #777;font-size: 14px;}



dl.notice dt a {position: relative;display: block;padding:10px 30px 10px 45px;text-decoration: none;font-size: 14px;line-height: 21px;color: #000;font-family: 'NotoSansKR Regular', sans-serif;font-weight:400;}
dl.notice dt span {position: absolute;left: 20px;top: 11px;width: 30px;height: 21px;padding: 5px 0 4px;border-radius:15px;text-align: center;font-family: 'Roboto-Medium', sans-serif;background-color: #212b75;color: #fff;font-size: 15px;}
dl.notice dt a:after {position: absolute;right: 10px;top: 50%;width: 20px;height: 10px;transform: translateY(-50%);content: "";background: url('mobile/toggle.png') center center no-repeat;background-size: 10px auto;}
dl.notice dt.view {background-color: #f1f2f8;}
dl.notice dt.view a {color: #212b75;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.notice dt.view a:after {transform:rotate(180deg);}

dl.notice > dd.toggleCon {position: relative;padding: 10px 10px 10px 45px;border-top: 1px solid #ccc;background-color: #ffffff;}
dl.notice > dd.toggleCon:before {position: absolute;left: 10px;top: 10px;width: 25px;height: 25px;border-radius:15px; line-height: 25px;text-align: center;font-family: 'Roboto-Medium', sans-serif;background-color: #657886;color: #fff;font-size: 15px;content: "A";}

dl.notice > dd.toggleCon img {display: block;margin: 15px auto 0;}
dl.notice > dd.toggleCon > * {padding-top: 10px;font-size: 13px; line-height: 21px;}
dl.notice > dd.toggleCon > *:first-child {padding-top: 0;}
dl.notice dd dt {padding-bottom: 10px;font-weight: bold;}

dl.notice div.btnArea a {display: inline-block;height: 50px;padding: 0 5px;font-size: 15px;border: 0 none;color: #fff;background-color: #353f51;line-height: 50px;text-decoration: none;letter-spacing: -0.5px;}
dl.notice div.btnArea a:nth-child(3n) {margin-top: 5px;}

/* 프로그램 */
dl.program, dl.program dt, dl.program dd, dl.program ul, dl.program li {margin: 0;padding: 0;list-style:none;}
dl.program {margin: 15px;}
dl.program > dt {border-top: 1px solid #272b4b;border-bottom: 1px solid #e5e5e5;background-color: #e5e6f2;color: #272b4b;font-family: 'NotoSansKR Regular', sans-serif;font-size: 12px;}
dl.program > dt a {}

dl.program a.trigger {position: relative;display: block;padding:15px 40px 15px 15px;text-decoration: none;color: inherit;font-family: 'NotoSansKR Light', sans-serif;}
dl.program a.trigger:after {position: absolute;right: 10px;top: 50%;width: 20px;height: 10px;margin-top: -5px;content: "";background: url('mobile/toggle_big.png') center center no-repeat;background-size: 20px;}

dl.program.view {border-color: #df007e;}
dl.program.view a.trigger:after {transform:rotate(180deg);}

dl.program > dt span {display: block;padding-bottom: 5px;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;}

dl.program li {padding: 10px;border-bottom: 1px solid #e5e5e5;color: #222;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.program li span {display: block;color: #cb5296;}


ul.programType, div.programType li {margin: 0;padding: 0;list-style: none;}
ul.programType {padding: 10px;background-color: #f8f8f8;text-align: center;}
ul.programType:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.programType li {position: relative;float: left;width: 50%;padding: 3px 0 3px 26px;font-size: 14px;line-height: 16px;font-family:'Roboto-Light',sans-serif;text-align: left;letter-spacing: -0.3px;box-sizing:border-box;}
ul.programType li:nth-child(odd) {clear: both;}
ul.programType li:last-child {margin-right: 0;}

ul.programType li::after {position: absolute;display: block;content:'';width: 15px;height: 15px;left: 0;top: 4px;border-radius: 3px;}ul.programType li:nth-child(1)::after {border: 1px solid #bae2ad;background-color: #f0faed;}
ul.programType li:nth-child(2)::after {border: 1px solid #f8c2c2;background-color: #fff2f2;}
ul.programType li:nth-child(3)::after {border: 1px solid #f3de97;background-color: #fff8e1;}
ul.programType li:nth-child(4)::after {border: 1px solid #add6f6;background-color: #e8f4fe;}


/* E - Sessions*/
div#sessions {padding-bottom: 55px;}

div.searchArea {position: relative;}
div.searchArea div.inputBox {border-color: #ccc;background-color: #fff;}
div.searchArea input[type=text] {position: relative;z-index: 10;width: 100%;height: 40px;padding: 0 40px 0 10px;box-sizing:border-box;background: url('mobile/btn_search01.png') right 10px center no-repeat;background-size: 19px;color: #222;font-size: 14px;}
div.searchArea span.placeholder {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: rgba(210,210,210,.7); line-height: 33px;}
div.searchArea input[type=submit] {position: absolute;right: 15px;top: 15px;width: 40px;height: 33px;opacity: 0;}
div#sessions div.searchArea {padding: 15px 15px 0;background-color: #e7eaf6;}

div#sessions .close {position: fixed;left: 0;bottom: 0;width: 100%;}
div#sessions .close a {display: block;width: 100%;line-height: 55px;height: 55px;font-size: 18px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;box-sizing:border-box;}


dl.session, dl.session * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.session {margin: 15px;border: 1px solid #ccc;}
dl.session a, dl.session span {display: block;}
dl.session a.trigger {position: relative;padding: 15px;color: #444;font-size: 12px;font-family: 'NotoSansKR Light', sans-serif;}
dl.session a.trigger:after {position: absolute;right: 15px;top: 15px;width: 20px;height: 10px;content: "";background: url('mobile/toggle_big.png') center center no-repeat;background-size: 20px;}

dl.session.view {border-color: #df007e;}
dl.session.view a.trigger:after {transform:rotate(180deg);}

dl.session span.num {color: #b3215b;font-family: 'NotoSansKR Medium', sans-serif;}
dl.session span.tit {padding-top: 10px;color: #222;font-family: 'NotoSansKR Medium', sans-serif;font-size: 14px;}

dl.session > dd {padding: 0 15px 15px;}

div.vod {min-height: 200px;background: #dfdfe2 url('mobile/bg_play.png') center center no-repeat;background-size: 49px;}
div.poster {position: relative;overflow: hidden;height: 150px;}
div.poster img {display: block;width: 100%;}
div.poster a.viewBig {position: absolute;right: 0;bottom: 0;width: 30px;height: 30px;text-indent: -10000px;background: #df007e url('mobile/session_viewBig.png') center center no-repeat;background-size: 11px;}






/* 이부스 */
div.eboothArea div.contents {padding: 20px 15px 10px;}

div.ebooth {position: relative;font-family: 'NotoSansKR Regular', sans-serif; padding: 0 0 15px;}


div.ebooth ul.subMenu > li {width: calc(100% / 3); box-sizing:border-box;}
div.ebooth ul.subMenu > li:nth-child(-n+2) {width: 50%;}
div.ebooth ul.subMenu li:nth-child(n+3) a {border-top: 0 none; border-right: 0 none;}
div.ebooth ul.subMenu li:nth-child(5) a {border-right: 1px solid #dedede;}
div.ebooth ul.subMenu li:nth-child(n+3).on a {padding-top: 9px;border: 2px solid #28498a;}

div.ebooth div.info {padding: 15px 15px 0;}
div.ebooth h3 {margin: 15px 0 5px;padding: 5px 15px; text-align: center; color: #fff;font-size: 17px;line-height: 20px;background-position: 0 0;background-repeat: no-repeat;background-size: 100%;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;text-transform: uppercase;}

ul.ebooth, ul.ebooth li, ul.ebooth a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
ul.ebooth {position: absolute;left: 50%;bottom: 64px;clear: both;width: 1300px;margin-left: -650px;background-color: #272b4b;box-shadow:0 0 7px rgba(0,0,0,.15);}
ul.ebooth:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.ebooth > li {position: relative;float: left;width: 25%;text-align: center;}
ul.ebooth > li:before {position: absolute;left: 0;top: 50%;width: 1px;height:14px;margin-top: -7px;content: "";background-color: rgba(255,255,255,.4);}
ul.ebooth > li:first-child:before {display: none;}

ul.ebooth a {display: inline-block;padding: 15px 0 17px;vertical-align: top;color: #fff;opacity: .55;font-size: 17px;line-height: 28px;}
ul.ebooth .on a {padding-bottom: 14px;border-bottom: 3px solid #fff;opacity: 1;font-family: 'NotoSansKR Medium', sans-serif;}

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

ul.eboothList {overflow: hidden;}
ul.eboothList li {position: relative;float: right;width: calc(50% - 5px);margin: 10px 0 0;color: #000;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.eboothList li:nth-child(odd) {clear: both;float: left;}

ul.eboothList.typeA {}
ul.eboothList.typeA > li {float: none;width: 100%;}

ul.eboothList li.visited {}
ul.eboothList li.visited:after {position: absolute;right: 26px;top: 50%;width: 48px;height: 48px;margin-top: -24px;content: "Visited";text-indent: -10000px;background: url('ebooth/visited.png') center center no-repeat;background-size: 48px;}
ul.eboothList a {display: table-cell;height: 80px;border: 1px solid #ccc;background-color: #fff;vertical-align: middle;text-align: center;}
ul.eboothList img {display: inline-block;max-width:95%;max-height:55px;}

p#goTop {position: fixed;right: 15px;bottom: 70px;width: 42px;height: 42px;}
p#goTop a {display: block;width: 42px;border-radius: 50%;background-color: #fff;border: 1px solid #28498a;box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);}
p#goTop img {width: 20px;padding: 10px 11px;}


div#eboothView {position: relative;background-color: #fff;}
div#eboothView div.contents {padding: 20px 15px 60px;min-height: auto !important;}
div#eboothView h1 {position: relative;padding: 20px 60px 20px 20px;color: #fff;font-size: 18px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;background-color: #28498a;}
div#eboothView .close {position: absolute;right: 0;top: 0;}
div#eboothView .close a {display: block;padding: 16px;}
div#eboothView .close img {width: 28px;}

div#eboothView ul.boothMenu {margin: 0; padding: 15px; list-style: none; background-color: #e1e4ee;}
div#eboothView ul.boothMenu:after {clear: both; content:''; display: block;}
div#eboothView ul.boothMenu li {float: left; width:50%;}
div#eboothView ul.boothMenu li a { display:table-cell; width: 1500px; height: 45px;text-decoration: none; border-left: 1px solid #ccc; color:#757575; line-height: 18px; padding: 0 8px; font-size:14px; text-align: center;vertical-align: middle; font-family:'Roboto-Regular',sans-serif; background-color: #fff;}
div#eboothView ul.boothMenu li:first-child a {border-left: 0;}
div#eboothView ul.boothMenu li.on a {background-color: #28498a; border-color: #28498a; color:#fff; font-family:'Roboto-Bold',sans-serif;}
div#eboothView .logo {padding: 30px;}
div#eboothView .logo img {display: block;margin: 0 auto;height: 50px;}

div#eboothView div.vodArea {padding: 10px;word-break: keep-all;}
div#eboothView div.vodArea img {display: block;width: 100%;}
div#eboothView div.vodArea span{font-size: 13px !important;word-break: keep-all;}

div#eboothView ul.more {overflow: hidden;margin: 0;padding: 10px;}
div#eboothView ul.more > li {float: right;width: calc(50% - 5px);margin: 0;list-style:none;}
div#eboothView ul.more li:first-child {float: left;}
div#eboothView ul.more a {position: relative;display: block;padding: 0 25px;color: #fff;line-height: 50px;font-size: 15px;background-color: #386390;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;text-decoration: none;}
div#eboothView ul.more li:first-child a {background-color: #272b4b;}
div#eboothView ul.more a:after {position: absolute;right: 25px;top: 50%;width: 12px;height: 12px;margin-top: -6px;content: "";background: url('ebooth/btnBl_plus.png') center center no-repeat;background-size: 12px;}
div#eboothView .boothBtn {position: absolute; left: 0; bottom: 0; width: 100%; min-width: 320px;}
div#eboothView .boothBtn a {display: block;line-height: 50px;text-align: center;background-color: #28498a;font-family: 'Roboto-Medium', sans-serif;color: #fff;font-size: 17px;text-decoration: none;}
div#eboothView div.guestBook .boothBtn,
div#eboothView div.stampEvent + div.boothBtn {position: fixed;}
div.stamp div.contents {padding: 20px 15px 55px;}

div.boothVisit {position: relative;height: 250px;margin:10px;padding: 32px 0 65px; background-color: #f0f1f8; box-sizing:border-box;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.boothVisit div.stamp {overflow: hidden;position: relative;width: 105px;height: 105px;border-radius:50%;margin: 0 auto;background: url('ebooth/stampBg.png') center center no-repeat;background-size: 105px;}
div.boothVisit div.stamp span {display: table-cell;width: 105px;height: 105px;vertical-align: middle;text-align: center;}
div.boothVisit div.stamp img {display: inline-block;max-width: 60px;margin: 0 auto;}
div.boothVisit div.stamp.visit:before {position: absolute;left: 0;top: 0;width: 100%;background-color: rgba(155,12,63,.75);content: "Visited";text-align: center;line-height: 105px;color: #fff;font-size: 16px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}

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

div.boothBusiness {padding: 15px 0;}
div.boothBusiness img {display: block; width: 100%;}
div.boothBusiness ul {margin: 10px 0 0; padding: 0; list-style: none;}
div.boothBusiness ul li {margin-top: 5px; position:relative; padding-left: 10px; font-size:14px; line-height: 25px; font-family:'NotoSansKR Medium',sans-serif;}
div.boothBusiness ul li:first-child {margin-top: 0;}
div.boothBusiness ul li:before {position:absolute; left: 0; top: 11px; content:'';  width: 3px; height: 3px; background-color: #ed1c24; border-radius:50%;}

div.boothInfo {overflow-y: scroll;height: 150px;margin: 10px 0;padding: 15px 5px 15px 0; color:#222;  font-size:13px; line-height: 16px; font-family:'Roboto-Light', 'NotoSansKR Light',sans-serif;}
div.boothInfo strong {font-weight: normal; display: block; margin-bottom: 5px; font-size:15px; line-height: 20px; font-family:'Roboto-Medium', 'NotoSansKR Medium',sans-serif;}

div.boothVisit div.btn {position: absolute;left: 0;bottom: 55px;width: 100%; height: 50px; line-height: 50px;text-align: center;color: #222;font-size: 15px;}
div.boothVisit div.btn a {display: none;position: absolute;left: 0;top: 0;width: 100%; height: 50px; line-height: 50px;padding: 0;border: 0 none;background-color: #1d2088;color: #fff;}
div.boothVisit div.btn a img {display: inline-block; vertical-align: top; margin-right: 10px; margin-top: 16px; height: 20px;}


div.guestBook h2 {background-color: #fff; color:#272b4b; font-size:18px; text-align: center; margin-bottom: 10px;}
div.guestBook > p {text-align: center;word-break:keep-all;color: #4d4d4d;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
div.guestBook dl {position: relative; margin-top: 30px;}
div.guestBook dt {display: none;}
div.guestBook dt:first-child {top: 0;}
div.guestBook dd {position: relative;margin-bottom: 10px;}

div.guestBook input[type=text] {position: relative;z-index: 10;width: calc(100% - 21px);height: 40px;border: 0 none; padding: 0 10px;color: #000; font-size: 13px;background-color: #e3e6eb; font-family: 'NotoSansKR Regular', sans-serif;}
div.guestBook textarea {background-color: #9ba3b2;color: #000; padding: 10px; font-family: 'NotoSansKR Regular', sans-serif;background-color: #e3e6eb;}
div.guestBook span.placeholder, div.guestBook textarea::placeholder {z-index: 10;color: #78797b;font-size: 12px; font-family: 'Pretendard-Regular', sans-serif;}
div.guestBook span.placeholder {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
div.guestBook div.btn > * {display: block;width: 120px;height:40px;  margin: auto;border: 0 none;background: #272b4b url('/asset/ebooth/guest_send.png') no-repeat center center; background-size: 70px auto !important; font-size:0;}

div.poster_detail div.btn {position: fixed; left: 0; bottom: 0; width: 100%;}
div.poster_detail div.btn > * {display: block;width: 100%;border-color: #272b4b !important; height:60px; background-size: 70px auto !important; font-size:0;}


div.stampEvent h2 {background-color: #fff; color:#272b4b; font-size:18px; text-align: center; margin-bottom: 10px;}
div.stampEvent p.count {margin-bottom: 10px;text-align: right; font-size:13px; line-height: 20px;}
div.stampEvent div.stampBg {margin-top: 15px; background-color: #f2f3f5; padding: 15px; }

/* My Page */
div.mypage {position: relative;font-family: 'NotoSansKR Regular', sans-serif;color: #000;font-size: 14px;}

div.mypage .fcRed {position: relative;padding-left: 16px;color: #e12222 !important;}
div.mypage .fcRed::before {position: absolute;content:'※';color: #e12222;left: 0;top: 0;}


div.mypage > p {margin:15px 0 0;color: #222;}
div.mypage ul.subMenu a {display: table-cell; width: 800px; height: 36px;line-height: 18px;vertical-align: middle;}
div.mypage ul.subMenu a {border: 1px solid #d1d1d1;border-right: 0 none;}
div.mypage ul.subMenu li:last-child a {border-right: 1px solid #d1d1d1;} 
div.mypage ul.subMenu li.on a {border: 2px solid #28498a;border-right: 2px solid #28498a;}
.subTit {margin: 15px 0 10px; padding-left: 25px;color:#023390; font-size:18px; line-height: 22px; font-family:'Roboto-Bold',sans-serif;background: url('mobile/subTit_icon.png') no-repeat left center;background-size: 19px auto;}

div.mypage table.tblDef {border-top: 2px solid #263b80; border-right: 0;}
div.mypage table.tblDef > * > tr > th,
div.mypage table.tblDef > * > tr > td {padding: 10px;border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;text-align: center;color: #333;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
div.mypage table.tblDef > * > tr > *:first-child {border-left: 0;}
div.mypage table.tblDef > thead > tr > th {background-color: #f5f5f5;color: #333;}
div.mypage table.tblDef > tbody > tr > th {background-color: #f5f5f5;color: #333;}
div.mypage table.tblDef th.tit {background-color: #f5f5f8; color:#263b80; font-size:16px; font-family: 'NotoSansKR Medium', sans-serif;}
div.mypage table.tblDef td.time {background-color: #23819c; color:#fff;text-align: left;font-family:'NotoSansKR Regular', sans-serif; font-weight: normal;}

div.mypage table.tblDef + h3 {margin-top: 20px;}

div.mypage div.examInfo {background-color: #f3f6ff; padding: 15px 10px; color:#333; text-align: center; font-size:14px; line-height: 20px; font-family:'NotoSansKR Regular', sans-serif; }
div.mypage div.examInfo span {display: block; margin-bottom: 10px; color:#008acb;}



div.mypage div.info {padding: 15px 0 0;}
div.mypage div.info a {display: block;padding: 0 0 2px;text-decoration: none;text-align: center;color: #fff;background-color: #272b4b;font-family: 'NotoSansKR Regular', sans-serif;font-size: 16px;line-height: 40px;}


div.mypage div.mypageCon {padding-bottom: 55px;}
div.mypage dl, div.mypage dt, div.mypage dd {margin: 0;padding: 0;list-style:none;}
div.mypage dl {padding: 20px;}
div.mypage dl.bg {background-color: #f2f3f5;}
div.mypage dt {font-size: 15px;line-height: 25px;}
div.mypage dd {padding: 5px 0 15px;font-size: 14px;border-bottom: 1px solid #e3e3e3;    word-break: keep-all;}
div.mypage dd:last-child {border-bottom: 0 none;}
div.mypage dd + dt {margin-top: 15px;}

div.mypage div.exam {margin-top: 20px; padding: 0;}
div.mypage div.exam dl {margin: 0; padding: 0;}

div.mypage div.exam ul.option > li input {width: 18px;height: 18px;}
/*
div.mypage div.exam dl dt {position:relative; padding: 30px 25px 20px; color:#333; font-size:16px; font-family:'NotoSansKR Bold',sans-serif; }
div.mypage div.exam dl dt span {position:absolute; left:0; top: 30px;}
div.mypage div.exam dl dt:first-child {padding-top: 0;}
div.mypage div.exam dl dt:first-child span {top: 0;}
div.mypage div.exam dl dd {padding-bottom: 30px; border-bottom: 1px solid #ccc;}
*/

div.exam dt.quizCon {position: relative;margin-top: 10px;padding:0 0 15px 25px;font-size:16px;}
div.exam dt.quizCon:first-child {margin-top: 0;}
div.exam dt.quizCon:before {position: absolute;left: 0;top: 0;width: 25px;content: attr(pub-num);font-family:'NotoSansKR Medium',sans-serif;}
div.exam dt.quizCon * {font-family:'NotoSansKR Medium',sans-serif !important;}

div.layerPopup > div.popupWrap {position: absolute;left: 20px;width: calc(100% - 40px);top: 50%;transform: translateY(-50%);}
div#popupExam div.noticeExam {position: relative;padding: 20px 15px;background-color: #fff;}
div#popupExam h1 {margin-bottom: 5px;padding-bottom: 10px;font-size: 19px;color: #28498a;border-bottom: 1px solid #28498a;font-family:'NotoSansKR Medium',sans-serif;font-weight: normal;}
div#popupExam p {padding: 5px 0;color: #333;font-size: 14px;line-height: 18px;font-family:'NotoSansKR Regular',sans-serif;}
div#popupExam p.fcRed {color: #eb1212 !important;}	
div#popupExam p.fwBold {font-family:'NotoSansKR Bold',sans-serif;font-weight: normal;}
div#popupExam .btn {padding: 20px 0 0;}
div#popupExam .btn a {display: block;margin: auto;width: 150px;padding: 10px;border: 0 none;text-align: center;line-height: 28px;background-color: #28498a;color: #fff;font-size: 12px;font-family:'NotoSansKR Regular',sans-serif;}


ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option {padding:5px 0 0 0;}
ul.option > li:first-child {margin-top: 0;}
ul.option > li {position: relative;margin-top: 20px;}
ul.option > li .inputC {border-radius:50%;}
ul.option > li input {position: absolute;left: 0;top: 0px;margin: 0;width: 24px;height: 24px;}
ul.option > li label {margin-left: 5px; position: relative;display: inline-block; color:#333; vertical-align: top; font-size: 14px;line-height: 20px;}

div.exam ul.option li {position: relative;padding-left: 30px;margin-top: 7px;}
div.exam ul.option span.inputC,
div.exam ul.option span.inputR {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
div.exam ul.option iframe {display: block;}


div.mypage div.exam div.btn {margin-top: 15px; text-align: center;}
div.mypage div.exam div.btn input {width: 160px; height: 45px;padding-left: 50px; font-size:16px; border-color: #28498a; background: #28498a url('/asset/mobile/exam_submit.png') no-repeat 70% center; background-size: 15px auto; box-sizing:border-box;color: #fff;text-align: left;}

div.mypage div.btn a.btnBooth {width:auto; height: 40px; background-color: #28498a; border: 0 none; border-radius:20px; color:#fff; font-size:16px; font-family:'NotoSansKR Medium',sans-serif; text-align: center; padding: 0 35px; line-height: 39px; box-sizing:border-box;}
div.mypage div.stampArea {margin-top: 30px;}
div.mypage div.scrollArea {background-color: #f2f3f5;}


div.mypage ul.conMenu {padding: 0 0 15px;}

div.stampArea {overflow-y: scroll;height: 300px;padding: 20px;background-color: #f2f3f5;}
ul.stamp, ul.stamp li {margin: 0;padding: 0;list-style:none;}
ul.stamp {text-align: center;font-size: 0;line-height: 0;}
ul.stamp:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.stamp > li {overflow: hidden;position: relative; display: inline-block; width: 60px;height:60px;margin:5px 8px !important;border-radius:30px;background: url('mobile/stamp_bg.png') center center no-repeat;background-size: 60px;}
ul.stamp a {display: table-cell;width: 60px;height: 60px;vertical-align: middle;text-align: center;}
ul.stamp img {width: 70%;display: inline-block;}

ul.stamp .visit:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(155,12,63,.75);content: "visited";text-align: center;line-height: 60px;color: #fff;font-size: 12px;font-family: 'NotoSansKR Medium', sans-serif;}


div.mypage div.bx-wrapper {position: relative;padding-top: 20px;margin: 0 auto;}
div.mypage a.bx-prev,
div.mypage a.bx-next {position: absolute;top: 50%;width: 22px;height: 41px;margin-top: -10px;text-indent: -10000px;background-position: center center;background-repeat: no-repeat;background-size: 22px;}
div.mypage a.bx-prev {left: -50px;background-image: url('mobile/stamp_prev.png');}
div.mypage a.bx-next {right: -50px;background-image: url('mobile/stamp_next.png');}

div.mypage div.bx-pager {position: absolute;left: 0;top: 0;width: 100%;text-align: center;}
div.mypage div.bx-pager > * {display: inline-block;vertical-align: top;margin-left: 10px;}
div.mypage div.bx-pager > *:first-child {margin-left: 0;}
div.mypage div.bx-pager a {display: block;width: 10px;height: 10px;line-height: 10px;border-radius: 5px;text-indent: -10000px;text-decoration: none;background-color: #ccc;}
div.mypage div.bx-pager a.active {width: 30px;background-color: #4757a5;}

div.mypage div.close {position: fixed;left: 0;bottom: 0;width: 100%;}
div.mypage div.close > a {display: block;width: 100%;height: 55px;line-height: 53px;font-size: 18px;padding: 0;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;box-sizing:border-box;background-color: #b82430;border-color: #b82430;color: #fff;}


/* FAQ */


dl.note, dl.note dt, dl.note dd {margin: 0;padding: 0;}
dl.note {padding-bottom: 15px;text-align: center;color: #4b4b4b;font-size: 12px;line-height: 16px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.note ul {font-size: 0;line-height: 0;}
dl.note li {display: inline-block;position: relative;padding: 0 10px;font-size: 12px;line-height: 16px;font-family: 'NotoSansKR Regular', sans-serif;color: #4b4b4b;}
dl.note li:first-child:after {position: absolute;display: block;content:'';width: 1px;height: 11px;right: 0;top: 3px;background-color: #d0d0d0;}

a.conLink {display: inline-block !important;color: #235db6;}

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 {border-bottom: 1px solid #ccc;font-size: 16px;line-height: 21px;color: #000;font-family: 'NotoSansKR Regular', sans-serif;font-weight:400;}
dl.note + dl.faq {border-top: 2px solid #000;}

dl.faq > dt {position: relative;}
dl.faq > dt:before {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);width: 25px;height: 25px;border-radius:50%;color: #fff;content: "Q";background-color: #263b80;font-size: 15px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;text-align: center;}

dl.faq dt a {position: relative;display: block;padding:14px 30px 14px 45px;text-decoration: none;font-size: 14px;line-height: 21px;color: #000;font-family: 'NotoSansKR Regular', sans-serif;font-weight:400;}
dl.faq dt span {position: absolute;left: 20px;top: 11px;width: 30px;height: 21px;padding: 5px 0 4px;border-radius:15px;text-align: center;font-family: 'Roboto-Medium', sans-serif;background-color: #212b75;color: #fff;font-size: 15px;}
dl.faq dt a:after {position: absolute;right: 10px;top: 50%;width: 20px;height: 10px;transform: translateY(-50%);content: "";background: url('mobile/toggle.png') center center no-repeat;background-size: 10px auto;}
dl.faq dt.view {background-color: #f1f2f8;}
dl.faq dt.view a {color: #212b75;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.faq dt.view a:after {transform:rotate(180deg);}

dl.faq > dd.toggleCon {position: relative;padding: 10px 10px 10px 45px;border-top: 1px solid #ccc;background-color: #f3f3f3;    word-break: keep-all;}
dl.faq > dd.toggleCon:before {position: absolute;left: 10px;top: 10px;width: 25px;height: 25px;border-radius:15px; line-height: 25px;text-align: center;font-family: 'Roboto-Medium', sans-serif;background-color: #657886;color: #fff;font-size: 15px;content: "A";}

dl.faq > dd.toggleCon img {display: block;margin: 15px auto 0;}
dl.faq > dd.toggleCon > * {padding-top: 10px;font-size: 13px; line-height: 21px;}
dl.faq > dd.toggleCon > *:first-child {padding-top: 0;}
dl.faq dd dt {padding-bottom: 10px;font-weight: bold;}

dl.faq div.btnArea a {display: inline-block;height: 50px;padding: 0 10px;font-size: 15px;border: 0 none;color: #fff;background-color: #353f51;line-height: 50px;text-decoration: none;letter-spacing: -0.5px;}
dl.faq div.btnArea a:nth-child(3n) {margin-top: 5px;}

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

ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 10px !important;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";line-height: 1em;}


.flicker {display: inline-block;animation-duration:1s;animation-name:flicker; animation-iteration-count: infinite;}
@keyframes flicker {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}