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

body { -webkit-touch-callout:none; font-family:'NotoSansKR'; }
* { -webkit-text-size-adjust:100%; box-sizing:border-box; }

/*모바일 확대축소 안되게  */
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; }

ul, li { list-style:none; padding:0; margin:0; }
input { border-radius:0px; font-family:'NotoSansKR'; }  

.placeholder { position:absolute; left:15px; top:50%; transform:translateY(-50%); color:#7f7f7f; font-size:14px; line-height:20px; font-weight:400; }
textarea:focus + .placeholder,
input:focus + .placeholder,
.valid + .placeholder { display:none !important; }
a { text-decoration:none; color:inherit; }
input[type=submit],
input[type=button],
button { -webkit-appearance:none; }

/* 여백 */
.padding0 { padding:0 !important; }
.margin0 { margin:0 !important; }
/* Top Padding */
.tp0 { padding-top:0px !important; }
.tp5 { padding-top:5px !important; }
.tp10 { padding-top:10px !important; }
.tp15 { padding-top:15px !important; }
.tp20 { padding-top:20px !important; }
.tp25 { padding-top:25px !important; }
.tp30 { padding-top:30px !important; }
/* Bottom Padding */
.bp0 { padding-bottom:0px !important; }
.bp5 { padding-bottom:5px !important; }
.bp10 { padding-bottom:10px !important; }
.bp15 { padding-bottom:15px !important; }
.bp20 { padding-bottom:20px !important; }
.bp25 { padding-bottom:25px !important; }
.bp30 { padding-bottom:30px !important; }
/* Left Padding */
.lp0 { padding-left:0 !important; }
.lp5 { padding-left:5px !important; }
.lp10 { padding-left:10px !important; }
.lp15 { padding-left:15px !important; }
.lp20 { padding-left:20px !important; }
.lp25 { padding-left:25px !important; }
.lp30 { padding-left:30px !important; }
/* Right Padding */
.rp0 { padding-right:0 !important; }
.rp5 { padding-right:5px !important; }
.rp10 { padding-right:10px !important; }
.rp15 { padding-right:15px !important; }
.rp20 { padding-right:20px !important; }
.rp25 { padding-right:25px !important; }
.rp30 { padding-right:30px !important; }
/* Top Margin */
.tm0 { margin-top:0 !important; }
.tm5 { margin-top:5px !important; }
.tm10 { margin-top:10px !important; }
.tm15 { margin-top:15px !important; }
.tm20 { margin-top:20px !important; }
.tm25 { margin-top:25px !important; }
.tm30 { margin-top:30px !important; }
/* Bottom Margin */
.bm0 { margin-bottom:0 !important; }
.bm5 { margin-bottom:5px !important; }
.bm10 { margin-bottom:10px !important; }
.bm15 { margin-bottom:15px !important; }
.bm20 { margin-bottom:20px !important; }
.bm25 { margin-bottom:25px !important; }
.bm30 { margin-bottom:30px !important; }
/* Left Margin */
.lm0 { margin-left:0 !important; }
.lm5 { margin-left:5px !important; }
.lm10 { margin-left:10px !important; }
.lm15 { margin-left:15px !important; }
.lm20 { margin-left:20px !important; }
.lm25 { margin-left:25px !important; }
.lm30 { margin-left:30px !important; }
/* Right Margin */
.rm0 { margin-right:0 !important; }
.rm5 { margin-right:5px !important; }
.rm10 { margin-right:10px !important; }
.rm15 { margin-right:15px !important; }
.rm20 { margin-right:20px !important; }
.rm25 { margin-right:25px !important; }
.rm30 { margin-right:30px !important; }

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

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

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



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



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




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

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



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

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


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

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

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


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


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

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

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

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

.tabCon,
.toggleCon { display:none; }

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


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


table.inputTbl > * > tr > th { text-align:center; }
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 { }


table.inputTbl input[type=text],
table.inputTbl input[type=password] { width:250px; height:26px; padding:2px 10px 3px; }

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 span.inputC,
table.inputTbl .multi span.inputR { margin:2px 0 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; }

 

span.inputC.on,
span.inputR.on { background:#3c4477 url('/asset/mobile/input_check.png') center center no-repeat; background-size:13px; }

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



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

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



/* 남색*/			.btnDef { background-color:#3b3d45 !important; border-color:#3b3d45 !important; color:#fff !important; }
/* 파란색 */				.btnPoint { background-color:#4c60b1 !important; border-color:#4c60b1 !important; color:#fff !important; }
/* 빨간색 */			.btnRed { background-color:#e40404 !important; border-color:#e40404 !important; color:#fff !important; }
/* 파란색 */			.btnBlue { background-color:#1d2088 !important; border-color:#1d2088 !important; color:#fff !important; }

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


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


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

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


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


table.tblDef { border-top:2px solid #073633; }
table.tblDef > * > tr > th,
table.tblDef > * > tr > td { vertical-align:middle; padding:10px 5px; word-break:keep-all; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; color:#000; font-size:12px; line-height:20px; }
table.tblDef > * > tr > *:first-child { border-left:0 none; }
table.tblDef > * > tr > th { background-color:#f5f6f8; font-weight:500; }
table.tblDef > * > tr > td { font-weight:500; }



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

body.pop { margin:0; padding:0; height:100%; background-color:#fff; 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-weight:400; }
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:"*"; }




/* Intro */
div.webinarIntro { padding:25px 0; background-color:#e9f3f4; box-sizing:border-box; }
div.webinarIntro a { display:block; text-decoration:none; }

div.webinarIntro h1 { margin-bottom:25px; }
div.webinarIntro h1 img { display:block; height:27px; margin:0 auto; }

ul.introBtn { margin:0; padding:0 25px; }
ul.introBtn > li { margin-bottom:15px; }
ul.introBtn a, ul.introBtn img { display:block; }
ul.introBtn img { width:100%; }

ul.introMenu { margin:0; padding:0 25px; }
ul.introMenu > li { margin:15px 0 0; list-style:none; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.15); }
ul.introMenu > li:first-child { margin:0; }
ul.introMenu a.info { position:relative; height:21px; padding:15px 40px 14px 20px; color:#333; font-size:14px; font-weight:700; }
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-weight:400; }
div.webinarIntro dt { padding-bottom:5px; color:#ffdd4c; font-weight:bold; }



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

div.loginArea { position:relative; margin:0; }
div.loginArea ul.tabMenu { margin-bottom:25px; }
div.loginArea div.formArea { padding:25px 15px; }

.loginArea .logoWrap { width:100%; }
.loginArea .logoWrap h1 { margin:0; padding:0;background: #e3f3ff; }
.loginArea .logoWrap h1 img { display:block; width:100%; max-width:720px; }

div.loginArea form dl { position:relative; margin:0; padding:0; }
div.loginArea form dt { padding-bottom:8px; font-weight:500; line-height:20px; font-size:12px; }
div.loginArea form dd + dt { margin-top:16px; }
div.loginArea form dd { position:relative; padding:0; }
div.loginArea dd input { width:100%; height:45px; padding:0 15px; border:1px solid #dddddd; background-color:#fff; box-sizing:border-box; font-size:13px; font-weight:400; }
div.loginArea dd input::placeholder { color:#c3c3c3; }

div.loginArea div.btn input { width:100%; height:45px; font-size:14px; line-height:45px; margin-top:20px; box-sizing:border-box; background-color:#26569e; border-color:#26569e; color:#fff;
	font-weight:500; }


div.loginArea div.loginNote { padding:15px 20px; background-color:#252e43; font-size:12px; }
div.loginNote p { font-weight:300; color:#ffffff; }
div.loginNote p:first-child { color:#ffe614; }

ul.loginBtn { font-size:0; line-height:0; }
ul.loginBtn li { position:relative; display:inline-block; vertical-align:top; width:33.3333%; }
ul.loginBtn li:before { content:''; position:absolute; left:0; top:25%; bottom:25%; width:1px; background:#fff; }
ul.loginBtn a { display:block; height:45px; padding:0; border:0 none; color:#26569e; font-size:12px; line-height:45px; font-weight:500; background-color:#dae6f7; text-align:center; }

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



/* FAQ */
dl.faqNote, dl.faqNote dt, dl.faqNote dd { margin:0; padding:0; }
dl.faqNote { position:relative; padding:15px; text-align:center; color:#141a5b; font-size:13px; line-height:22px; font-weight:400; }
dl.faqNote dt { font-weight:300; }
dl.faqNote a { color:#1b61e2; }

dl.faqNote + dl.faq { margin-top:0; }
dl.faq, dl.faq > dt, dl.faq > dd, dl.faq ul, dl.faq li, dl.faq p { margin:0; padding:0; list-style:none; }
dl.faq { margin:15px 15px 0; padding:0; border-top:2px solid #5e617a; border-bottom:1px solid #ccc; font-size:13px; line-height:21px; color:#000; font-weight:400; }
dl.faq + dl.faq { border-top:0 none; margin-top:0; }
dl.faq:last-of-type { margin-bottom:15px; }

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-weight:400; }
dl.faq dt span { position:absolute; left:10px; top:10px; width:25px; height:14px; padding:2px 0 5px; text-align:center; font-weight:400; 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-weight:400; background-color:#E91E63; color:#fff; font-size:12px; line-height:17px; }

dl.faq.view > dt { background-color:#f1f2f8; }
dl.faq.view > dt a { color:#212b75; }
dl.faq.view > dt a:after { transform:rotate(180deg); }
dl.faq > dd.toggleCon { position:relative; padding:15px; border-top:1px solid #ccc;  word-break:keep-all; }
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:10px 0; ; font-weight:bold; }
dl.faq table.tblDef { border-top-color:#000; }
dl.faq table.tblDef th, dl.faq table.tblDef td { padding:5px; border-left:1px solid #ccc; font-size:14px; }
dl.faq table.tblDef th { background-color:#3b3d45; border-left:0 none; color:#fff; }

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


/* 인사말 */
div.message { padding:19px 19px 86px 19px; color:#222; font-size:14px; line-height:24px; font-weight:400;  text-align:justify; }
div.message > * { margin:25px 0 0; }
div.message > *:first-child { margin-top:0; }

ul.sign, ul.sign li { margin:0; padding:0; list-style:none; }
ul.sign { margin-top:40px; }
ul.sign li { position:relative; height:133px; margin-top:10px; padding:65px 0 0 125px; box-sizing:border-box; color:#222; font-size:15px; line-height:25px; text-align:left; }
ul.sign img { position:absolute; left:0; top:0; }
ul.sign span { display:block; font-size:17px; font-weight:500;}


/* 기술지원 */
div.tech { padding:0 0 50px !important; font-weight:500; }
div.tech h1 { margin:0; padding:0 30px 0 15px; color:#fff; font-size:17px; line-height:50px; background-color:#313a63; font-weight:700; }

div.tech div.close { position:absolute; right:15px; top:12px; width:25px; height:25px; }
div.tech div.close a { display:block; height:100%; font-size:0; line-height:0; }
div.tech div.close img { display:block; }

div.tech div.contents { padding:15px; }
div.tech div.contents p { padding-top:80px; color:#343434; font-size:13px; font-weight:500; background:url('mobile/tech.png') no-repeat center top 6px; background-size:60px auto; text-align:center; }

dl.techNote, dl.techNote dt, dl.techNote dd { margin:0; padding:0; }
dl.techNote { display:table-cell; width:1000px; height:85px; vertical-align:middle; text-align:left; padding:0 0 0 140px; background:url('mobile/tech_bg.png') left 15px center no-repeat; background-size:105px; color:#343434; font-size:14px; line-height:16px; font-weight:400; }
dl.techNote dt { color:#c82d51; font-weight:500; margin-bottom:5px; }

dl.contact, dl.contact dt, dl.contact dd, dl.contact ul, dl.contact li, dl.contact a { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.contact { margin:15px 0 0; padding:15px 20px; background-color:#f3f8ff; font-size:12px; line-height:18px; color:#343434; font-weight:500; } 
dl.contact:first-child { padding-top:0; }
dl.contact dt { padding:10px 0 0; color:#104b32; }
dl.contact dt:first-child { padding-top:0; }

dl.contact ul, dl.contact li { margin:0; padding:0; list-style:none; }
dl.contact ul { overflow:hidden; }
dl.contact li { float:left; position:relative; padding-left:17px; font-size:13px; }
dl.contact li:before { position:absolute; left:8px; top:50%; transform:translateY(-50%); content:""; width:1px; height:12px; background-color:#343434; }
dl.contact li:first-child { padding-left:0; }
dl.contact li:first-child:before { display:none; }
dl.contact a { color:#343434; }

div.tech form dl { font-size:0; line-height:0; }
div.tech form dl > * { display:inline-block; vertical-align:top; margin-top:10px; }
div.tech form dt { width:50px; }
div.tech form label { color:#38393f; font-size:14px; line-height:45px; font-weight:700; }
div.tech form dd { width:calc(100% - 50px); padding:0 10px; border:1px solid #dadada; background-color:#fff; box-sizing:border-box; }
div.tech form dd input { display:block; width:100%; height:45px; padding:0; border:0; background-color:transparent; box-sizing:border-box; }
div.tech form dl + div { margin-top:10px; }
div.tech textarea { height:160px; padding:15px; border:1px solid #dadada; }
div.tech form dd input::placeholder,
div.tech textarea::placeholder { color:#a3a3a3; font-size:14px; }

dl.inputArea, dl.inputArea dt, dl.inputArea dd { margin:0; padding:0; list-style:none; }
dl.inputArea { overflow:hidden; }
dl.inputArea > dt,
dl.inputArea > dd { float:left; width:calc(100% - 45px); margin-bottom:10px; }
dl.inputArea > dt { width:45px; }
dl.inputArea label { font-size:14px; line-height:45px; color:#122356; font-weight:500;}
dl.inputArea input { position:relative; z-index:10; width:100%; height:45px; border:1px solid #f1f1f1; background-color:#f1f1f1; box-sizing:border-box; padding:0 15px; }

div.tech div.btnArea { position:fixed; display:block; bottom:0; left:0; width:100%; font-size:0; line-height:0; }
div.tech div.btnArea:after { clear:both; display:block; content:''; font-size:0; line-height:0; height:0; }
div.tech div.btnArea * { display:block; float:left; width:50%; height:45px; text-align:center; 	color:#fff; font-size:16px; background-color:#7f7f7f; border:0 none; line-height:45px; text-decoration:none;
	font-weight:500; }
div.tech div.btnArea *:first-child { background-color:#313a63; }




dl.rgin:15px 15px 0; padding:0; border-top:2px solid #5e617a; border-bottom:1px solid #ccc; font-size:13px; line-height:21px; color:#000; font-weight:400; }
dl.faq + dl.faq { border-top:0 none; margin-top:0; }
dl.faq:last-of-type { margin-bottom:15px; }

dl.faq dt a { position:relative; display:block; padding:36px 40px 10px 15px; text-decoration:none; font-size:14px; line-height:21px; color:#000; font-weight:400; 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-weight:400; 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-weight:400; background-color:#E91E63; color:#fff; font-size:12px; line-height:17px; }

dl.faq.view > dt { background-color:#f1f2f8; }
dl.faq.view > dt a { color:#212b75; font-weight:500;font-weight:500; }
dl.faq.view > dt a:after { transform:rotate(180deg); }
dl.faq > dd.toggleCon { position:relative; padding:15px; border-top:1px solid #ccc;  word-break:keep-all; }
dl.faq > dd.toggleCon:before { display:block; width:25px; 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.toggleCon a { font-size:14px; line-height:27px; }
dl.faq dd dt { padding:10px 0; ; font-weight:bold; }
dl.faq table.tblDef { border-top-color:#2e4497; }
dl.faq table.tblDef th, dl.faq table.tblDef td { padding:5px; border-left:1px solid #e7e7e7; font-size:14px; }
dl.faq table.tblDef th { background-color:#f2f3f5; border-left:0 none; color:#333; }

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:4px; content:"-"; line-height:1em; }


/* 인사말 */
div.message { padding:19px 19px 86px 19px; color:#222; font-size:14px; line-height:24px; font-weight:400;  text-align:justify; }
div.message > * { margin:25px 0 0; }
div.message > *:first-child { margin-top:0; }

ul.sign, ul.sign li { margin:0; padding:0; list-style:none; }
ul.sign { margin-top:40px; }
ul.sign li { position:relative; height:133px; margin-top:10px; padding:65px 0 0 125px; box-sizing:border-box; color:#222; font-size:15px; line-height:25px; text-align:left; }
ul.sign img { position:absolute; left:0; top:0; }
ul.sign span { display:block; font-size:17px; font-weight:500;}



/* 메인 */
body.bg { background:#badcfe; }
div#webinarMain { padding-bottom:100px; background-color:#badcfe; box-sizing:border-box; }
div#webinarMain h1 img { display:block; width:100%; }

ul.wsMenu { display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; padding:0 20px; }
ul.wsMenu li { width:calc(50% - 5px); }
ul.wsMenu a { display:flex; justify-content:space-between; align-items:center; width:100%; height:50px; padding:0 20px; background:#fff; color:#062d66; font-size:14px; font-weight:500;
	line-height:1.2; }
ul.wsMenu li a + a { margin-top:10px; }
ul.wsMenu a img { height:22px; }

ul.wsMenu li.right a { position:relative; align-items:flex-start; background:#e6f7ff; height:calc(50% - 5px); padding:20px; }
ul.wsMenu li.right a img { position:absolute; right:20px; bottom:20px; }
ul.wsMenu li.right a:first-child img { height:30px; }
ul.wsMenu li.right a:last-child img { height:35px; }

ul.wsMenu li.onair { width:100%; margin-bottom:10px; }
ul.wsMenu li.onair a { justify-content:center; height:70px; background:#2873db; color:#fff; font-size:16px; }
ul.wsMenu li.onair a i { display:block; width:39px; height:35px; margin-right:10px; margin-top:-10px;
	background:url('mobile/wsMenu_onair.png')no-repeat center / contain; text-indent:-9999px; }
ul.wsMenu li.onair.on a { color:#faff75; }
ul.wsMenu li.onair.on a i { background-image:url('mobile/wsMenu_onair_on.png') }

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

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


/**/
div.bnrZone { z-index:80; position:fixed; left:0; bottom:45px; width:100%; padding:10px 35px; box-sizing:border-box; background-color:#fff; }
div.bnrZone ul a, div.bnrZone ul img { display:block; }
div.bnrZone ul a { border:1px solid #ccc; }

div.bnrZone a.bx-prev,
div.bnrZone a.bx-next { position:absolute; top:50%; width:25px; height:25px; text-indent:-10000px; transform:translate(0,-50%);
	background-position:center center; background-repeat:no-repeat; background-size:8px; }
div.bnrZone a.bx-prev { left:10px; background-image:url('mobile/bnr_prev.png'); }
div.bnrZone a.bx-next { right:10px; background-image:url('mobile/bnr_next.png'); }

.mainWrap { position:relative; }
.eventBanner { z-index:20; position:absolute; right:20px; bottom:10px; }
.eventBanner .img { position:relative; max-width:230px; border-radius:50%; filter: drop-shadow(8px 0px 10px rgba(43, 53, 68, 0.3)); }
.eventBanner .close { position:absolute; right:0; top:45px; max-width:28.5px;   }

.titArea .titWrap { width:100%; background:#fff url('/asset/mobile/titArea_logo_bg.jpg') right top / contain no-repeat; }
.titArea .titWrap h1, .mainWrap h1 { margin:0; padding:0; }
.titArea .titWrap h1 img, .mainWrap h1 img { display:block; width:100%; }

/* 컨텐츠 > 기본 레이아웃 */
div#webinar { padding-bottom:55px; }
div.webinar { position:relative; box-sizing:border-box; background-color:#fff; color:#222; font-size:14px; line-height:1.4; font-weight:400; }
div.titArea { }
div.titArea h1 { margin:0; }
div.titArea h1 img { display:block; width:100%; }
div.titArea h2 { position:relative; padding:0 20px 0 50px; font-size:15px; line-height:40px; font-weight:400; color:#fff;
	background:#26569e url('/asset/mobile/titArea_ico.png')no-repeat left 20px center / auto 16px; }

div.webinar h1 { }

div.contents { overflow-x:hidden; overflow-y:auto; box-sizing:border-box; }

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


.top { z-index:80; position:fixed; right:15px; bottom:70px; display:flex; justify-content:center; align-items:center; flex-direction:column; width:55px; height:55px; font-size:12px;
	border-radius:10px; background-color:#062d66; color:#fff; }
.top span { font-size:8px; }

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




ul.timeInfo { padding:5px 0; text-align:center; font-size:0; line-height:0; background-color:#474951; }
ul.timeInfo:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.timeInfo > li { display:inline-block; width:120px; vertical-align:top; margin:0 0 0 10px; font-family:'Digital-7Mono', sans-serif; color:#000; font-size:22px; line-height:30px; text-align:center; background-color:#fff; }
ul.timeInfo > li:first-child { margin-left:0; padding:10px 0 0; }
ul.timeInfo span,
ul.timeInfo a { display:block; font-size:12px; line-height:14px; color:#192c8d; font-weight:500;text-align:center; vertical-align:middle; letter-spacing:-1px; text-decoration:none; }
ul.timeInfo a { padding:8px 0 7px; }
ul.timeInfo img { display:block; width:20px; margin:0 auto 5px; }


/* Program */
div.program { padding-bottom:40px; }
div.program .subTit:first-of-type { margin-top:0; 	}
div.program div.tableScroll { margin:0 15px; }
div.tableScroll { overflow-y:hidden; overflow-x:auto; }
div.tableScroll table { width:1000px; }

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

dl.program { margin:0 5px; border-top:2px solid #002f35; border-bottom:1px solid #002f35; }
dl.program + dl.program { border-top:0 none; }

 
dl.program a.trigger { position:relative; overflow:hidden; display:block; padding:15px 40px 15px 10px; word-break:keep-all; text-decoration:none; color:#fff; font-size:13px; line-height:14px; font-weight:400; background-color:#f3f3f3; }
dl.program a.trigger:after { position:absolute; right:20px; top:50%; width:15px; height:6px; content:""; background:url('new/trigger_bl.png') center center no-repeat; background-size:100%; }
dl.program a.trigger.t_off:after { background:none; }
dl.program.view a.trigger:after { transform:rotate(180deg); }

dl.program a.trigger_no { position:relative; display:block; text-align:left; padding:14px 40px 13px 20px; text-decoration:none; background-color:#fff; color:#222; font-size:13px; line-height:20px; font-weight:300; }
dl.program a.trigger_no:after { position:absolute; right:20px; top:50%; width:10px; height:6px; margin-top:-3px; content:""; background:none; }

dl.program dt.noLink a.trigger:after { display:none; }
 

dl.program > dt span,
div.program span,
div.break span { display:block; color:#fff; font-size:14px; word-break:keep-all; }

dl.program > dt span { color:#333; line-height:17px; }
div.program span.session_title {font-family:'pretendard';font-weight:600;     letter-spacing: -0.5px;padding: 5px 0;; font-size:16px; line-height:20px; color:#181818 ; font-weight:500; }

div.program span.session_title + span { margin:0px 0 10px 0; color:#000; font-size:14px; font-weight:400; }
div.program span.session_chair { position:relative; padding-left:0; line-height:20px; font-size:14px; color:#333; }
div.program span.session_chair:before { content:'Moderator '; display:inline-block; width:70px; ; }

div.program span.session_time { display:inline-block; margin-top:3px; font-size:14px; color:#595959; font-weight:400; }
div.program span.onair {   display:none; position:absolute; right:40px; top:14px; width:45px; height:20px; border-radius:8px; line-height:19px; text-align:center; color:#fff; font-size:11px; background-color:#e91e63; font-weight:700; }
div.program span.title { color:#26569e ; font-size:15px ; font-weight:500; line-height:18px; }

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

dl.program > dd { color:#777; font-size:14px; font-weight:400; border-top:1px solid #e8e8e8; }
dl.program a.vod { padding:0 10px; color:#fff; background-color:#c23f11; height:25px; line-height:22px; font-size:13px; margin-top:5px; }

dl.program li { border-top:1px solid #e8e8e8; padding: 15px; }
dl.program li:first-child { border-top:0 none; }
/*dl.program li.break { background-color:#ecf7ff; color:#303030; font-size:13px; line-height:15px; font-weight:400; }*/

dt.break a.trigger { padding:15px; background-color:#fdfdfd; font-size:13px; line-height:15px; font-weight:400; }
dt.break a.trigger span.session_title,
dt.break a.trigger span.session_title + span { margin-bottom:0; color:#303030 !important; }
dt.break dd { display:none; }

div.program span { color:#303030; font-size:13px; display:block; }
div.program span.time { font-weight:400;  display:block; }
div.program span.tit { padding-top:5px; font-weight:700; font-size:14px; }
div.program span.speaker { font-weight:400; color:#515151; margin-top:7px;  line-height:17px; font-size:14px; }


 .live{display: inline-block;float: right;box-shadow: inset 0px -11px 0 #fff08b;font-size: 18px;}
.part{color:#000;font-weight: 700;margin-bottom: 7px;display: inline-block;    font-size: 18px;}
.part.ed{color:#f1461d; }
.part.main{color:#843fa1;}
.part.se{color:#d5820a;}
.part.we{color:#b94500;}
.part.sy{color:#2e55d3;}
.part.emt{color:#3c5a18;}
.part.disc{color:#804040;}
.part.point{color:#e91e63;}

/* 간호세션 */
div.webinarVod { position:relative; /* background:url('mobile/vod_bg_t.png') center top no-repeat, #fff url('mobile/vod_bg_b.png') center bottom no-repeat; background-size:100%; */}
div.webinarVod > div { padding:10px 10px 60px 10px; }
div.webinarVod h3 { margin:0; padding:30px 0 10px; text-align:center; font-weight:500;font-size:22px; line-height:28px; color:#d73616; letter-spacing:-1px; text-shadow:-2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; }
div.webinarVod h3:first-child { padding-top:0; }
div.webinarVod h3 span { display:inline-block; color:#314980; }

div.vodItem, div.vodItem dl, div.vodItem dt, div.vodItem dd { margin:0; padding:0; }
div.vodItem { margin-top:20px; vertical-align:top; border:1px solid #97a2b0; background-color:#fff; box-shadow:0 10px 10px rgba(0,0,0,.23); }
h3 + div.vodItem { margin-top:0; }

div.vodItem dl { position:relative; min-height:110px; padding:20px 20px 20px 125px; text-align:left; word-break:keep-all; }
div.vodItem dt { padding-bottom:15px; color:#000; font-size:15px; line-height:20px; font-weight:400; font-weight:500; }
div.vodItem dd { color:#314980; font-size:15px; line-height:20px; font-weight:300; font-weight:300; }
div.vodItem dd.photo { border:1px solid #97a2b0; box-sizing:border-box; position:absolute; left:12px; top:12px; width:95px; height:127px; background-color:#fff; }
div.vodItem dd.photo img { display:block; width:100%; height:100%; }
div.vodItem ul.btn { padding:0 10px 10px; list-style:none; }
div.vodItem ul.btn:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.vodItem ul.btn a { font-size:13px; float:right; display:block; line-height:25px; width:32%; height:35px; margin-right:3px; padding:5px 0; box-sizing:border-box; border-radius:0; text-align:center; }
div.vodItem ul.btn a:first-child { float:left; }
div.vodItem ul.btn a.btnCV { border:1px solid #e91e63; color:#fff; background-color:#e91e63; }
div.vodItem ul.btn a.btnVod { border:1px solid #186bd2; color:#fff; background-color:#186bd2; }
div.vodItem ul.btn a.btnNote { border:1px solid #36545e; color:#fff; background-color:#36545e; }


div.vodItem div.graph { position:relative; height:44px; background-color:#ecf0f4; }
div.vodItem div.graph:after { position:absolute; right:10px; top:50%; margin-top:-10px; color:#000; font-size:15px; line-height:20px; content:attr(data-txt); font-weight:500;font-weight:500; }
div.vodItem div.graph.white:after { color:#fff; }
div.vodItem div.graphBar { float:left; height:44px; background-color:#186bd2; }
div.webinarVod.note { }


.txtUnderline { ; vertical-align:top; box-shadow:inset 0 -8px 0 #ffd21c; }



div#player { overflow:hidden; position:relative; padding-bottom:55px; background-color:#0c416f; box-sizing:border-box; }
div#player .titArea { display:flex; justify-content:space-between; align-items:stretch; height:65px; background-color:#fff; }
div#player h1 { display:flex; align-items:center; height:100%; margin-left:20px; background-color:#fff; } 
div#player h1 img { display:block; width:143px; }
div#player div.titArea p { width:100px; height:100%; }
div#player div.titArea p a { display:flex; justify-content:center; align-items:center; width:100px; height:100%; color:#fff; text-align:center; vertical-align:middle;
	font-weight:500; font-size:14px; word-break:keep-all; }

div#player p.sessionIn { background-color:#385bda; }
div#player p.sessionOut { background-color:#c52a44; }


div.user { position:relative; padding:15px  95px 15px  15px;  font-size:15px; font-weight:500; line-height:20px; background:#ffffff; }
div.user span { padding:0 3px; box-shadow:inset 0 -8px 0 #d5cca761; }
div.user span.roomNum { position:absolute; right:17px; top:50%; height:30px; margin-top:-15px; padding:5px 0px; border-radius:5px;
  color:#E91E63; font-size:17px; font-weight:700; box-shadow:none;     letter-spacing: -1px;}

div#player div.btn a { height:50px; line-height:50px; }
div#player div.out { position:fixed; left:0; bottom:0; width:100%; }
div#player div.out a { display:block; line-height:50px; text-align:center; background-color:#212854; color:#fff; font-weight:500; font-size:16px; text-decoration:none; }


ul.playUtil { display:grid; grid-template-columns:repeat(3, 1fr); padding:10px 20px 10px; background:#ffffff; }
ul.playUtil.col4ea { display:grid; grid-template-columns:repeat(4, 1fr); }
ul.playUtil > li { width:auto; border:0 none; }
ul.playUtil > li > a { position:relative; display:block; text-align:center; font-size:15px; line-height:20px; font-weight:500; }
ul.playUtil > li > a > img { display:block; width:42px; margin:0 auto 5px; }

ul.playUtil div.toolTip { display:none; margin-bottom:-40%; bottom:40%; z-index:999; position:absolute; left:2%; width:calc(100% - 20px); padding:10px 15px 10px 10px; 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.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 { padding:5px; margin:0; ; list-style:none; }
div.note { padding:15px; font-size:12px; line-height:20px; }
div.note > * { padding-bottom:5px; }
div.note > *:first-child { margin-top:0; }

div.note, div.note dt, div.note dd { margin:0; padding:0 5px 0 0; }
div.note { overflow-x:hidden; max-height:350px; color:#fff; background:#3b3d45; margin:10px 0; }
div.note > span { text-indent:-10px; padding-left:10px; display:block; line-height:16px; font-weight:bold; word-break:keep-all;  padding:15px; }
div.note:before { word-break:keep-all; font-size:14px; color:#000; box-sizing:border-box; }

div.note  > dl > dt { padding:5px 10px; background-color:#ffdd00; color:#000; font-weight:500;}
div.note  > dl > dd { padding:2px 10px; background-color:#3b3d45;  text-indent:-10px; padding-left:20px; }
 
div.note table.tblDef td.bg { background-color:#e5e6f2; }

dl.programInfo p { color:#ffffff; padding-left:10px; font-weight:bold; }
dl.programInfo p span { color:#72efff}
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-weight:500;font-weight:400; }
ul.menu img { display:block; width:46px; margin:0 auto 6px; }
ul.menu > li:nth-child(n+3) { margin-top:10px; }


div#player div.bnrZone { bottom:50px; }
div#player div.bnrZone a.bx-prev { left:0; }
div#player div.bnrZone a.bx-next { right:0; }

div.btnOut { position:fixed; left:0; bottom:0; width:100%; }
div.btnOut a { display:block; width:100%; /* padding:13px 0 15px; */text-align:center; font-size:15px; font-weight:400; }


div.bgBox { background-color:#fff; }
div.bgBox h4 { margin:0; padding:9px 15px; background-color:#4856a1; color:#fff; font-size:15px; font-weight:500; }
dl.playSession a { color:inherit; text-decoration:none; }
dl.playSession dt { padding:0 15px; background-color:#f3d466; }
dl.playSession dt a { display:block; padding:10px 0; font-size:14px; line-height:20px; font-weight:500; }


dl.playSession dd { padding:0 15px 15px; background:#153e63; color:#fff; }
dl.playSession li { padding:10px 0; border-bottom:1px solid #ccc; }
dl.playSession li .session { padding-top:10px; font-size:14px; }
dl.playSession li .session span { color:#f3d466; }
dl.playSession li .session_tit p { color:#06e3ff; margin:5px 0; font-size:16px; }
dl.playSession li .tit p { margin:10px 0; color:#159cea; font-weight:500; }

/* dl.playSession dt.view { background-color:#11192a; }
dl.playSession dt.view + dd { background-color:#11192a; }
dl.playSession dt.view a { border-color:#eac221; color:#ffd31c; font-weight:700; } */

dl.playSession li.on a { color:#fff; }
dl.playSession li.on span.name { color:#666; }

dl.playSession:last-of-type dt a { border-bottom:0 none; }



/* 긴급공지 */
dl.popupAlert { position:fixed; left:15px; bottom:72px; width:calc(100% - 30px); margin:0; padding:15px; border:1px solid #313131; border-radius:5px; background-color:#fff; box-sizing:border-box; max-height:300px; overflow-y:scroll}
dl.popupAlert dt { color:#222; text-align:center; margin:0; font-size:18px; line-height:23px; font-weight:500;}
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, dl.popupAlert dd.close img { display:block; width:15px; }



/* 질문하기 */
ul.inputArea, ul.inputArea li { margin:0; padding:0; list-style:none; }
ul.inputArea li { position:relative; margin-top:10px; }
ul.inputArea li > * { display:block; width:100%; box-sizing:border-box; }

dl.question, dl.question dt, dl.question dd { margin:0; padding:0; }
dl.question { padding:0 15px 15px; }
dl.question > dt { color:#1b2646; font-size:23px; line-height:25px; font-weight:500;}
dl.question input[type=text],
dl.question textarea { display:block; width:100%; border:1px solid #d6d8e3; background-color:#fff; box-sizing:border-box; }
dl.question input[type=text]::placeholder,
dl.question textarea::placeholder { font-size:15px; color:#7f7f7f; font-weight:400; }
dl.question input[type=text] { height:40px; padding:0 15px; }
dl.question input[type=text]::placeholder { line-height:38px; }
dl.question textarea { height:150px; padding:15px; }

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

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


/* 팝업 > 로그아웃*/
#popupLogout { }
#popupLogout div.popupWrap { position:absolute; top:50%; left:50%; width:80%; padding:40px 0; transform:translate(-50%, -50%); box-sizing:border-box; background-color:#fff; }
#popupLogout div.popupCon p { padding:100px 0 0; border-radius:5px; background:url('mobile/icon_logout.png') center top no-repeat; background-size:auto 73px; text-align:center; }
#popupLogout div.popupCon span { color:#333; font-size:14px; line-height:20px; box-shadow:inset 0 -10px 0 #fff44b; font-weight:500;}

#popupLogout div.btnArea { padding:40px 0 0; border-radius:0 0 5px 5px; background-color:#fff; text-align:center; }
#popupLogout div.btnArea a { margin-left:10px; height:40px; font-size:12px; padding:0; width:115px; font-size:14px; line-height:38px; color:#fff; background-color:#3b3d45; border-color:#3b3d45; }
#popupLogout div.btnArea a:first-child { margin-left:0; background-color:#1a7cc9; border-color:#1a7cc9; }

#popupLogout p.close { position:absolute; right:30px; top:30px; margin:0; }
#popupLogout p.close a, div.layerPopup p.close img { display:block; width:27px; height:27px; }



/* 팝업 > 동의하기 */
div#popupAgree {background-color: rgb(0 0 0 / 49%); }
div#popupAgree > div.popupWrap { position:absolute; overflow-y:auto; left:20px; top:50%; width:calc(100% - 40px); margin:0; ; text-align:center; background-color:#313a63; transform:translateY(-50%); }
div#popupAgree p.close { position:absolute; right:10px; top:10px; margin:0; }
div#popupAgree p.close a, div.layerPopup p.close img { display:block; width:27px; height:27px; }

div#popupAgree h1 { margin:0; height:28px;     display: block;padding:10px 0 0px; color:#fff; text-align:center; font-size:18px; line-height:28px; font-weight:500;background-color:#313a63; }
div#popupAgree h1 img { display:inline-block; height:28px; vertical-align:top;  width:auto; margin:0; }

div#popupAgree h1 + p { background-color:#313a63; margin:0; padding:15px 15px 12px; font-size:14px; line-height:17px; color:#fff; text-align:center; font-weight:400; word-break:keep-all; }
div#popupAgree h1 + p span { display:inline-block; color:#ffe53a; }

div#popupAgree div.formArea { background-color:#fff; padding:15px 15px 45px}
div#popupAgree div.formArea li { font-weight:400; color:#333; font-size:14px; letter-spacing:-0.5px; }
div#popupAgree div.bg { padding:15px; background-color:#f2f2f2; }

div#popupAgree div.agreeCon { overflow-x:hidden; overflow-y:scroll; height:300px; padding-right:10px; font-size:15px; line-height:25px; font-weight:400; text-align:left; word-break:keep-all; }
div#popupAgree dd { margin-left:13px; }

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

ul.listNum, ul.listNum li { margin:0; padding:0; }
ul.listNum > li { margin-top:10px; }
ul.listNum > li:first-child { margin-top:0; }

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

div#popupAgree ul.listNum > li { margin:10px 0 0 1.2em; }
div#popupAgree ul.listNum > li:first-child { margin-top:0; }

div#popupAgree dt { padding-top:20px; font-weight:500;}
div#popupAgree dt:first-child { padding-top:0; }

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

div#popupAgree .agree { margin:0; padding:30px 0 25px; font-size:0; line-height:0; }
div#popupAgree .agree input[type='checkbox'] { cursor:pointer; display:inline-block; vertical-align:top; width:20px; height:20px; margin:0 15px 0 0; }
div#popupAgree .agree label { cursor:pointer; display:inline-block ; line-height:20px; font-size:15px; color:#222; font-weight:500; }

div#popupAgree .btn { position:absolute; left:0; bottom:0; width:100%; }
div#popupAgree .btn > * { display:block; width:100%; height:45px; padding:0; text-align:center; font-size:16px; line-height:43px; border-color:#313a63 !important; background-color:#313a63 !important; color:#fff; font-weight:500; }



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

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


/* 2024-04-16 */
.dimmed { display:none; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, .7); }
.stopScroll { overflow:hidden; height:100%; }
.layerPop { display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:12000; }
.player .popWrap { position:absolute; left:0; top:auto; bottom:0; width:100%; height:auto; padding:20px 20px 20px; background-color:#f0f2fa; box-sizing:border-box; }
.player .popWrap .header { display:flex; flex-direction:row; font-weight:700; font-size:24px; color:#1b2646; letter-spacing:-0.035em; padding-bottom:15px; }
.player .popWrap .header .close { display:flex; align-items:center; margin-left:auto; }
.player .popWrap .header .close a { width:23px; height:23px; }
.player .popWrap .header .close a img { width:100%; }

.player .popWrap .body { min-height:170px; padding:15px; background-color:#fff; border:1px solid #d6d8e3; overflow-y:scroll; overflow-x:hidden; max-height:200px; }
.player .popWrap .body .desc { font-weight:400; color:#7f7f7f; font-size:14px; line-height:20px; letter-spacing:-0.03em; }
 

.player .popWrap.body ::-webkit-scrollbar,
.body::-webkit-scrollbar { width:8px; background-color:#fff; }
.player .popWrap.body ::-webkit-scrollbar-thumb,
.player .popWrap.body ::-webkit-scrollbar-thumb { background-color:#fff; }



.player.qna .popWrap .body { padding:0px; background-color:transparent; border:none; }
.player.qna .popWrap form { position:relative; }
.player.qna .popWrap label { position:absolute; top:0; left:0; width:0; height:0; line-height:0; font-size:0; margin:0; padding:0; }
.player.qna .popWrap input,
.player.qna .popWrap textarea { display:block; width:100%; padding:15px 15px; background-color:#fff; border:1px solid #d6d8e3; box-sizing:border-box}
.player.qna .popWrap input { height:auto; font-size:13px; }
.player.qna .popWrap textarea { margin-top:12px; height:118px; resize:none; }

.player .btnWrap { position:absolute; left:0; bottom:0; height:50px; display:flex; flex-direction:row; width:100%; }
.player .btnWrap a,
.player .btnWrap button { display:block; flex:1; height:50px; font-size:16px; text-align:center; line-height:50px; box-sizing:border-box; border-radius:0; border-color:#1b2734; background-color:#1b2734; color:#fff; font-weight:500;text-decoration:none; }
.player .btnWrap button { border:none; }
.player .btnWrap a.type2 { background:#7c858f; }
/* 2024-04-16 */

/* 2024-04-29 */
.formArea .btnWrap { position:absolute; left:0; bottom:0; height:50px; display:flex; flex-direction:row; width:100%; }
.formArea .btnWrap a,
.formArea .btnWrap input { display:block; flex:1; height:50px; font-size:16px; text-align:center; line-height:50px; box-sizing:border-box; border-radius:0; border-color:#1b2734; background-color:#1b2734; color:#fff; font-weight:500;text-decoration:none; border:none; }
.formArea .btnWrap input.type2 { background:#7c858f; }


ul.voting, ul.voting > li, ul.voting a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.voting { padding:40px 0 20px; }
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:#c8c9d1; font-size:22px; line-height:24px; font-weight:500;background-color:#fff; box-shadow:5px 5px 7px rgba(0,0,0,.10); }
ul.voting > li.on a { color:#fff; background-color:#f87b00; }
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#popupVoting .popup { position:absolute; left:0; top:auto; bottom:0; width:100%; height:auto; padding:10px 15px 80px; background-color:#f0f2fb; box-sizing:border-box; }
div#popupVoting h1 { padding:10px 0; margin:0; color:#3b3d45; font-size:22px; font-weight:500;font-weight:500; }
div#popupVoting .formArea .btn { position:absolute; left:0; bottom:0; width:100%; height:55px; }
div#popupVoting .formArea .btn * { float:left; width:50%; height:55px; font-size:15px; font-weight:500;text-align:center; box-sizing:border-box; }
div#popupVoting .formArea .btn a { line-height:55px; }
div#popupVoting .popup > .close { position:absolute; left:0; bottom:0; width:100%; }
div#popupVoting .popup > .close a { display:block; width:100%; line-height:55px; height:55px; font-size:15px; font-weight:500;text-align:center; box-sizing:border-box; }


/* Question */
div.question { z-index:100; position:fixed; left:0; bottom:0; width:100%; padding:15px 15px 70px; background-color:#f0f2fb; box-sizing:border-box; }
div.question h4 { margin:0; padding:0; color:#1b2646; font-size:20px; font-weight:700; }

div.question input[type=text],
div.question textarea { display:block; width:100%; height:40px; border:1px solid #d6d8e3; padding:10px; color:#010101; font-size:14px; box-sizing:border-box; background-color:#fff; }
div.question textarea { height:100px; height:170px; }
div.question input[type=text]::placeholder,
div.question textarea::placeholder { color:#7f7f7f; }

div#popupNotice { background-color:#fff; box-sizing:border-box; }
div#popupNotice .popup { position:static; width:100%; height:100%; margin:0; padding:73px 15px 55px; box-sizing:border-box; }
div#popupNotice h1 { position:absolute; left:0; top:0; width:100%; margin:0; padding:20px 0; color:#000; font-size:22px; font-weight:500; text-align:center; }
div#popupNotice .popupCon { overflow-x:hidden; overflow-y:auto; height:100%; border-top:1px solid #dcdcdc; }

div.notice { padding:15px;  word-break:keep-all; }
dl.notice, dl.notice > dt, dl.notice > dd { margin:0; padding:0; }

dl.notice { border:1px solid #dcdcdc; border-bottom:0 none; }
dl.notice:last-child { border-bottom:1px solid #dcdcdc; }
dl.notice a.trigger { position:relative; overflow:hidden; display:block; padding:14px 40px 13px 20px; text-decoration:none; color:#000; font-size:14px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
dl.notice a.trigger:after { position:absolute; right:20px; top:50%; width:10px; height:6px; margin-top:-3px; content:""; background:url('mobile/trigger_bl.png') center center no-repeat; background-size:9px; }
dl.notice.view a.trigger:after { transform:rotate(-180deg); }
dl.notice > dd { padding:15px 20px; color:#777; font-size:14px; word-break:keep-all; }
dl.notice.view > dd { border-top:1px solid #dcdcdc; }
dl.notice:nth-child(odd) a.trigger { background-color:#f8f8f8; }
dl.notice div.date { color:#3b3d45; font-weight:bold; }
div#popupNotice .popup > .close { position:fixed; left:0; bottom:0; width:100%; }
div#popupNotice .popup > .close a { display:block; width:100%; line-height:55px; height:55px; font-size:18px; font-weight:400; text-align:center; box-sizing:border-box; }

dl.notice dt, dl.notice dd p, dl.notice dd span { font-weight:600; line-height:1.5; font-size:14px !important; color:#000; font-family:'pretendard'; }
dl.notice dd p strong { font-weight:700; line-height:1.6; font-size:15px; color:#000; }


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 10px 10px; background-color:#fff; border:1px solid #16246a; color:#16246a; font-size:15px; line-height:26px; font-weight:700; }
ul.tabMenu .on a { border-color:#16246a; background-color:#16246a; color:#fff; font-weight:700; }

ul.subMenu { padding:0px; background-color:#eff1f5; }
ul.subMenu a { display:table-cell; width:1000px; height:40px; padding:0 5px; vertical-align:middle; text-align:center; background-color:#fff; border:1px solid #16246a; border-left:0 none; color:#16246a; letter-spacing:-0.5px; font-size:14px; line-height:18px; font-weight:400; }
ul.subMenu .on a { color:#fff; border-color:#16246a; background-color:#16246a; font-weight:700; }
ul.subMenu > li:first-child a { border-left:1px solid #16246a; }


ul.subMenu.typeFlex { display:flex; flex-direction:row; align-items:center; justify-content:center; padding:0px; background-color:#eff1f5; }
ul.subMenu.typeFlex li { float:none}
ul.subMenu.typeFlex a { height:45px; vertical-align:middle; text-align:center; background-color:#fff; border:none; ; border-left:0 none; color:#26569e; font-size:14px; line-height:18px; font-weight:400; letter-spacing:0; }
ul.subMenu.typeFlex .on a { font-weight:400; color:#fff; background-color:#3f7bc5; }
ul.subMenu.typeFlex > li:first-child a { border-left:1px solid #3f7bc5; }

ul.col2ea > li { width:50%; }
ul.col3ea > li { width:33.3%; }
ul.col5ea > li { width:20%; }

ul.conMenu { display:flex; flex-direction:row; align-items:center; justify-content:center; ; }
ul.conMenu li { flex:1; float:none; border:1px solid #b7b7b7; box-sizing:border-box; }
ul.conMenu li + li { border-left:0}
ul.conMenu a { display:flex; flex-direction:row; align-items:center; justify-content:center; height:50px; padding:0 5px; font-size:13px; line-height:18px; letter-spacing:-1px; font-weight:400; text-align:center; color:#4a4a4a; border:none; }
ul.conMenu li.on { border-color:#3f7bc5; }
ul.conMenu li.on a { color:#fff; background-color:#3f7bc5; }

dl.toggleArea, dl.toggleArea * { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.toggleArea a { display:block; text-decoration:none; }
dl.toggleArea { z-index:50; position:relative; padding:5px; background-color:#e1e4ee;  margin-bottom:10px; }
dl.toggleArea a.trigger { position:relative; padding:6px 30px 6px 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:15px; top:50px; width:calc(100% - 30px); border:1px solid #ccc; border-top:0 none; background-color:#fff; box-sizing:border-box; }
dl.toggleArea ul { padding:2px 5px 10px; padding:5px 10px 10px; height:auto; overflow-y:scroll; }
dl.toggleArea li { margin-top:5px; border-bottom:1px solid #dfdfdf; }
dl.toggleArea li:last-child { border-bottom:none; }
dl.toggleArea li a { font-size:12px; color:inherit; padding:5px 10px; }



/* Program at a Glance */
table.program, table.program > thead, table.program > tbody, table.program > tfoot, table.program > * > tr, table.program * > tr > * { margin:0; padding:0; border:0 none; }
table.program { width:100%; border:0; border-collapse:separate; border-spacing:0; border-top:2px solid #354d70; font-size:14px; }
table.program + table.program { border-top:0 none; }

table.program > * > tr > * { position:relative; padding:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#101530; word-break:normal; font-weight:400; }
table.program > * > tr > *:first-child { border-left:0 none; }
table.program .tit:first-child,
table.program .bdLeft { border-left:1px solid #ccc !important; }

table.program thead th { background-color:#354d70; color:#fff; font-weight:500; }
table.program td.time { background-color:#f5f6f8 !important; color:#101530; text-align:center !important; }
table.program td.break { background-color:#ecedf0; }

table.program > * > tr > * { }
table.program tr.session td { background-color:#fffcf3; }
table.program tr.session td.tit { color:#69078d; font-weight:500; }


div .eng { position:absolute; right:0; top:0; padding:2px 10px; background:#FF9800; color:#fff; }
div .kor { position:absolute; right:0; top:0; padding:2px 10px; background:#E91E63; color:#fff; }
div .all { position:absolute; right:0; top:0; padding:2px 10px; background:#9C27B0; color:#fff; }



a.onAir,
a.file,
a.vod { display:inline-block; vertical-align:middle; text-align:center; color:#fff; font-size:12px; height:20px; line-height:20px; border-radius:5px; font-weight:400; text-decoration:none; }

a.onAir { width:65px; border-radius:17px; background-color:#cd1717;  margin-top:3px; }
table.program a.onAir { margin-left:5px; }

a.file { width:90px; background-color:#44689f; }
a.vod { width:62px; background-color:#2e3961; }

div.glance { overflow-x:auto; padding:15px 10px  15px; }
div.glance > table.program { min-width:600px; width:1500px;font-weight:600;font-family: 'Pretendard';}



/* 프로그램 > Invited Speakers */
div.invited { padding:15px; background-color:#fff; }

dl.speaker { width:100%; margin-top:15px; text-align:center; color:#222; }
dl.speaker:first-child { margin-top:0; }

dl.speaker.half { display:inline-block; vertical-align:top; width:calc(50% - 8px); }
dl.speaker.half:nth-of-type(2n) { margin-left:11px; }
dl.speaker dt { padding:10px; border-radius:1px; font-size:15px; line-height:17px; color:#fff; font-weight:400; letter-spacing:-0.5px; }
dl.speaker dt.typeA { background:linear-gradient(to right,#5e76b8, #926cc3); }
dl.speaker dt.typeB { background:linear-gradient(to right,#58b6b7, #6b87c4); }
dl.speaker dt.typeC { background:linear-gradient(to right,#97b758, #6b97c4); }
dl.speaker dd { margin-top:-1px; padding:15px; border-radius:0 0 1px 1px; border:1px solid #ccc; border-top:0 none; }
dl.speaker.half dd { min-height:183px; box-sizing:border-box; }

dl.speaker dd ul { list-style:none; font-size:0; line-height:0; overflow:hidden; }
dl.speaker dd li { display:inline-block; vertical-align:top; }
dl.speaker dd span, 
dl.speaker dd img { display:block; }
dl.speaker dd img { height:92px; margin:0 auto 10px; }
dl.speaker dd span.name { font-size:13px; line-height:15px; font-weight:500;}
dl.speaker dd span.group { margin-top:5px; font-size:12px; line-height:15px; font-weight:300; word-break:keep-all; }

div.btn.close { position:fixed; bottom:0; left:0; width:100%; }
div.btn.close a { width:100%; text-align:center; }





/* Session Survey*/
div#popupSurvey { top:; padding:65px 0 0; background-color:transparent; }
div#popupSurvey div.popup { left:0; top:65px; width:100%; height:calc(100% - 130px); margin:0; padding:0 5px 65px 15px; background-color:#f0f2fb; }
div#popupSurvey h1 { padding:20px 0 5px; margin:0; color:#3b3d45; font-size:22px; font-weight:500;}
div#popupSurvey h1 + p { padding-bottom:20px; font-size:14px; color:#4d4d4d; font-weight:400; }

div#popupSurvey .scrollArea { height:calc(100% - 104px); padding-right:10px; }

div#popupSurvey h3 { margin:0; padding:10px 15px; background-color:#3b3d45; color:#fff; font-size:14px; line-height:22px; font-weight:500;}
dl.survey { margin:0; padding:0; background-color:#fff; }
dl.survey > dt { padding:10px 15px; border-top:1px solid #ccc; color:#1b1b1b; font-size:14px; }
dl.survey > dt:first-child { border-top:0 none; }
dl.survey > dd { padding:0 15px 10px; }
dl.survey textarea { height:100px; border:1px solid #d2d2d2; background-color:#f6f6f6; }
dl.survey textarea::placeholder { color:#999; }

ul.option, ul.option li { margin:0; padding:0; list-style:none; }
ul.option { }
ul.option:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.option > li { float:left; width:20%; text-align:center; }
ul.option label { display:block; padding-top:5px; font-size:12px; }

div#popupSurvey div.btn { padding-top:20px; text-align:center; font-size:0; line-height:0; }
div#popupSurvey div.btn > * { width:calc(50% - 5px); margin-left:10px; text-align:left; }
div#popupSurvey div.btn > *:first-child { margin-left:0; }

div#popupSurvey div.close { position:absolute; left:0; bottom:0; width:100%; }
div#popupSurvey div.close > a { display:block; width:100%; height:55px; line-height:53px; font-size:16px; padding:0; font-weight:500;text-align:center; box-sizing:border-box; }




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

div.searchArea { position:relative; }
div.searchArea input[type=text] { width:100%; height:33px; padding:0 40px 0 10px; box-sizing:border-box; border-color:#4b5f8f; background:#4b5f8f url('mobile/btn_search.png') right center no-repeat; background-size:40px; color:#fff; font-size:14px; }
div.searchArea input[type=text]::placeholder { line-height:49px; color:#fff; font-size:13px; }
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:#e1e4ee; }

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:16px; text-align:center; box-sizing:border-box; }

div#sessions ul.conMenu > li:first:child { font-size:10px; }
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; font-weight:400; font-size:13px; line-height:16px; }
dl.session a.trigger { position:relative; padding:15px 100px 15px 15px; color:#444; font-size:12px; font-weight:300; }
dl.session a.trigger:after { position:absolute; right:13px; top:50%; width:20px; height:10px; content:""; background:url('mobile/toggle_02.png') center center no-repeat; background-size:15px; }
 

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

dl.session span.num { color:#b3215b; font-weight:400; font-size:12px; }
dl.session span.tit { padding:5px 0px; color:#222; font-weight:500;font-size:14px; line-height:16px; }

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

div.vod { height:310px;   margin-top:20px; /* min-height:150px; 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:#3e41cc url('mobile/session_viewBig.png') center center no-repeat; background-size:11px; }

ul.conMenu.poster li:first-child a,ul.conMenu.poster li.on:first-child a { line-height:16px; }

div#popupSession { background-color:#fff; box-sizing:border-box; }
div#popupSession .popup { position:static; width:100%; height:100%; margin:0; padding:15px 15px 65px; box-sizing:border-box; }
div#popupSession h1 { position:absolute; left:0; top:0; width:100%; margin:0; padding:20px 0; color:#000; font-size:22px; font-weight:500;text-align:center; }
div#popupSession .popupCon { overflow-x:hidden; overflow-y:auto; height:100%; border-top:1px solid #dcdcdc; }

div#popupSession .popup > .close { position:fixed; left:0; bottom:0; width:100%; }
div#popupSession .popup > .close a { display:block; width:100%; line-height:55px; height:55px; font-size:18px; font-weight:500;text-align:center; box-sizing:border-box; }



/* Speakers */
div#speakers { padding-bottom:55px; }
div#speakers .close { position:fixed; left:0; bottom:0; width:100%; }
div#speakers .close a { display:block; width:100%; line-height:55px; height:55px; font-size:18px; font-weight:500;text-align:center; box-sizing:border-box; }

div#speakers ul.conMenu li:nth-child(1) a,
div#speakers ul.conMenu li:nth-child(2) a { border-bottom:0 none; }
div#speakers ul.conMenu li:nth-child(2n+1) a { border-left:1px solid #ccc; }

dl.speakerInfo, dl.speakerInfo * { margin:0; padding:0; }
dl.speakerInfo { margin:15px; border:1px solid #ccc; }
ul.conMenu + dl.speakerInfo { margin-top:0; }
dl.speakerInfo > dt { padding:15px 15px 10px; color:#e91e63; font-size:14px; line-height:20px; font-weight:500;}
dl.speakerInfo > dd.name { position:relative; min-height:80px; padding:0 15px 0 110px; color:#3b3d45; font-size:13px; font-weight:400; }
dl.speakerInfo > dd.name img { position:absolute; left:15px; top:0; width:78px; height:80px; border:1px solid #ccc; }
dl.speakerInfo > dd.name span { padding:5px 0 5px; display:block; font-weight:500;color:#000; }
dl.speakerInfo > dd.name .code { padding:0; display:block; font-weight:400; color:#b3215b; font-size:12px}
dl.speakerInfo > dd.tit { padding:5px 15px; color:#b3215b; font-size:12px; font-weight:400; font-weight:bold; }
dl.speakerInfo > dd.info { padding:10px 15px; color:#5c3d29; font-size:12px; font-weight:400; background-color:#fcf5e7; }




/* My Page */
div.myNote { padding:15px; background-color:#f9f1f1; margin-bottom:15px; }
div.myNote .typeTab li { list-style:none; font-weight:500; font-size:12px; padding-left:14px; text-indent:-14px; word-break:keep-all; }

div.title { margin:5px 15px 6px  15px; font-size:16px; line-height:20px; font-weight:700; color:#16246a; word-break:keep-all; }
div.info { font-weight:bold; color:#ca3737; margin:0 15px 5px 15px; word-break:keep-all; line-height:18px; letter-spacing:-1px; }

div.mypage { padding:10px 10px 40px 10px; }
div.mypage h3 { margin-bottom:5px; font-weight:500; font-size:16px; letter-spacing:-0.02em; }

.subTit { margin:25px 15px 10px; color:#16246a; font-size:15px; line-height:25px; font-weight:500; }
.subTit:first-child { margin-top:0; }

div.mypage table.tblDef + table.tblDef { margin-top:25px; }
div.mypage table.tblDef + .tblTit { margin-top:40px; }
div.mypage table.tblDef tr.total th { border-top:1px solid #073633; }
div.mypage table.tblDef tr.total th,
div.mypage table.tblDef tr.total td { background:#f5f6f8; font-weight:700; }

div.mypage table.tblDef:nth-child(2) tbody th { font-weight:400; }

div.contact p, div.contact ul, div.contact li, div.contact a { margin:0; padding:0; list-style:none; text-decoration:none; }
div.contact { margin-top:20px; padding:15px; background-color:#eff1f5; color:#222; font-size:14px; line-height:20px; font-weight:300; }
div.contact span { font-weight:500;box-shadow:inset 0 -8px 0 #f6d5dc; }
div.contact ul { padding-top:10px; }
div.contact li { position:relative; margin-top:10px; padding:10px 0 10px 50px; font-size:14px; line-height:20px; font-weight:500;}
div.contact li:first-child { margin-top:0; }
div.contact img { position:absolute; left:0; top:0; height:40px; }
div.contact a { color:#131968; border-bottom:1px solid #131968; }
 


ul.pager { padding:15px 0; text-align:center; }
ul.pager li { display:inline-block; vertical-align:top; }
ul.pager li { margin-left:2px; }
ul.pager li:first-child { margin-left:0; }
ul.pager img { display:inline-block; width:100%; vertical-align:top; }

ul.pager a { display:inline-block; width:25px; border:0 none; padding:5px 0 5px; text-align:center; vertical-align:top; font-size:15px; line-height:15px; text-decoration:none; color:#3b3d45; }

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

ul.pager a.on { background-color:#e1e4ee; text-align:center; }
ul.pager a img { vertical-align:top; }
/* 
div.popGlance.tabArea { }
div.popGlance ul.conMenu {  position:fixed}
div.popGlance div.tabCon, .toggleCon { position:relative; top:80px; } */


div.progress { position:relative; height:28px; background-color:#d2d2d2; }
div.progress > div { position:absolute; left:0; top:0; height:100%; background-color:#d91455; text-indent:-10000px; }
div.progress > div:after { position:absolute; left:20px; top:50%; margin-top:-12px; color:#fff; content:attr(data-text); font-size:11px; font-weight:500;line-height:24px; text-indent:0; }



/* 인사말 */
div.welcome { padding:15px; }
div.welcome p + p { margin-top:10px; }
ul.president	 { margin:15px 0 0; padding:0; list-style:none; text-align:right; }
ul.president li { position:relative; display:inline-block; width:calc(50% - 10px); text-align:left; margin-left:10px; box-sizing:border-box; }
ul.president li:first-child { margin-left:0; }
ul.president li span { display:block; text-align:center; font-size:14px; font-weight:300; padding-bottom:10px; }
ul.president li strong { display:block; font-size:15px; font-weight:500;}
ul.president li img { display:block; margin:0 auto 10px; }

/* 팝업 > 자료집 다운로드 */
div#popupDownload { position:absolute; top:50%; left:50%; width:calc(100% - 21px); padding:3px; background-color:#fff; transform:translate(-50%, -50%); box-sizing:border-box; }
div#popupDownload h1 { color:#3b3d45; font-size:17px; line-height:25px; font-weight:500;}
div#popupDownload h1 span { display:inline-block; padding:0 5px; vertical-align:top; box-shadow:inset 0 -9px 0 #d6ebf9; }
div#popupDownload div.popupCon { padding:28px 2px 7px; font-size:0; line-height:0; text-align:center; }
div#popupDownload div.popupCon > a { display:inline-block; vertical-align:top; width:calc(33.333% - 10px); margin:0 10px 0 0; color:#3b3d45; font-size:12px; line-height:16px; font-weight:500;text-decoration:none; }
div#popupDownload div.popupCon > a:last-child { margin-right:0; }
div#popupDownload div.popupCon > a img { display:block; max-height:75px; margin:0 auto 8px; }
div#popupDownload .close { position:absolute; top:14px; right:25px; width:20px; height:20px; }
div#popupDownload .close * { display:block; width:20px; height:20px; }




/* Live Session */
div.room { padding:20px; background-color:#d3e7f8; }
dl.roomInfo { border:1px solid #f0f0f0; }
dl.roomInfo + dl.roomInfo { margin-top:20px; }

.roomTop { display:flex; justify-content:space-between; align-items:center; background:#fff; border-bottom:1px solid #f0f0f0; }
.roomTop .rocation { margin-left:20px; font-weight:700; font-size:16px; font-weight:700; }
.roomTop > div { display:flex; align-items:center; }
.roomTop .category { color:#db28a6; font-weight:500; box-shadow:inset 0 -10px 0 #fbe9f6; }
.roomTop a.btnEnter { display:flex; justify-content:center; align-items:center; width:80px; height:45px; margin-left:10px; background-color:#2a32a4; color:#fff; 
	text-align:center; font-size:14px; font-weight:500; line-height:1.2; }
dl:nth-of-type(1) .roomTop .rocation { color:#5176cc; } 
dl:nth-of-type(2) .roomTop .rocation { color:#a45fc7; } 
dl:nth-of-type(3) .roomTop .rocation { color:#34bdb5; } 


dl.roomInfo .roomText { position:relative; padding:15px 20px; background:#fff; }
dl.roomInfo .moderator { margin-bottom:10px; padding-left:75px; color:#4c6697; font-size:14px; line-height:1.4; }
dl.roomInfo .moderator:before { content:'Moderator'; display:inline-block; width:72px; margin-left:-75px; }
dl.roomInfo dt .title { margin-bottom:10px; font-size:18px; font-weight:500; }
dl.roomInfo dt .time { font-size:13px; color:#989898; }

dl.roomInfo dd { background:#f9f9f9; border-top:1px solid #f0f0f0;  }
dl.roomInfo ul { height:150px; }
dl.roomInfo ul::-webkit-scrollbar { background-color:#dbdcde; }
dl.roomInfo ul::-webkit-scrollbar-thumb { background-color:#979ec5; }
dl.roomInfo li { position:relative; border-bottom:1px solid #f0f0f0; padding:15px 20px; font-size:14px; font-weight:400; background-color:#f9f9f9; }
dl.roomInfo li.on { background:#edfefd; }
dl.roomInfo li span { display:block; }

dl.roomInfo dd li .title { margin-bottom:5px;    line-height: 18px;     font-size: 16px;}
dl.roomInfo dd li .speaker { color:#4c6697; font-size:14px; }
dl.roomInfo dd li .time { font-size:13px; color:#989898; }


/* E-Booth */
div.booth { }
div.booth.booth_padding { padding-top:152px; }
ul.boothMenu { display:flex; justify-content:center; align-items:stretch; padding:15px 20px;  }
ul.boothMenu li { width:50%;  }
ul.boothMenu li a { display:flex; justify-content:center; align-items:center; height:35px; border:1px solid #26569e; text-align:center; background-color:#fff; color:#b2b8bc; font-size:12px; }
ul.boothMenu .on a { background-color:#26569e; border-color:#26569e; color:#fff; }

h2.gradeTit { text-align:center; padding:10px 0; background:#26569e; color:#fff; font-size:16px; line-height:20px; font-weight:400; }
/*
h2.gradeTit.diamond { background-color:#2d3456; }
h2.gradeTit.platinum { background-color:#4597ac; }
h2.gradeTit.gold { background-color:#d8a435; }
h2.gradeTit.gold2 { background-color:#d67f17; }
h2.gradeTit.silver { background-color:#949ba5; }
h2.gradeTit.silver2 { background-color:#697585; }
h2.gradeTit.bronze { background-color:#856851; }
h2.gradeTit.angel { background-color:#da577c; }
h2.gradeTit.angel2 { background-color:#ba2650; }
h2.gradeTit.supporter { background:#4b3293; }
*/

div.boothRolling { position:relative; padding:150px 0 100px; background:url('booth/boothBg.png')no-repeat left 20% / cover; box-sizing:border-box; }
div.boothRolling .bx-viewport { overflow:visible !important; }
div.boothRolling li img { display:block; width:100%; padding:0 40px; }
div.boothRolling .stamp { position:absolute; right:40px; bottom:-15px; width:55px; padding:0; }

div.boothRolling div.bx-pager { position:absolute; top:25px; left:50%; transform:translateX(-50%); font-size:0; line-height:0; }
div.boothRolling div.bx-pager > * { display:inline-block; vertical-align:top; padding:0 2px; font-size:0; line-height:0; }
div.boothRolling div.bx-pager a { display:block; width:10px; height:10px; border-radius:50%; background-color:#fff; }
div.boothRolling div.bx-pager a.active { background-color:#3f51b5; }

div.boothRolling a.bx-prev,
div.boothRolling a.bx-next { position:absolute; top:50%; ; font-size:0; line-height:0; width:34px; height:34px; background-size:34px; background-repeat:no-repeat; background-position:center center; }
div.boothRolling a.bx-prev { left:8px; background-image:url('booth/booth_prev.png'); }
div.boothRolling a.bx-next { right:8px; background-image:url('booth/booth_next.png'); }

ul.boothList { padding:15px 20px; }
ul.boothList:after { clear:both; content:''; display:block; }
ul.boothList .stamp { position:absolute; right:-10px; bottom:-10px; width:50px; height:auto; padding:0; }
ul.boothList li { position:relative; float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; }
ul.boothList li:nth-of-type(2n) { margin-right:0; }
ul.boothList li a { display:block; padding:10px 20px; border:1px solid #cfcfcf; }
ul.boothList li a img { display:block; width:100%; height:100%; }


/* booth 상세보기 */

div#eBoothView { position:relative; padding-bottom:55px; }
div#eBoothView h1 { position:relative; padding:10px 20px; background:#203160; color:#fff; font-size:16px; line-height:20px; font-weight:500; }


div.eboothCon p:nth-child(3n+1) a { padding-left:10px}

ul.eBoothMenu, ul.eBoothMenu li, ul.eBoothMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.eBoothMenu { padding:0; background-color:#f0f2fa; }
ul.eBoothMenu:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.eBoothMenu li { float:left; width:50%; box-sizing:border-box; background-color:#fff; }
ul.eBoothMenu li:nth-child(1) { width:34%; }
ul.eBoothMenu li:nth-child(2),
ul.eBoothMenu li:nth-child(3) { width:33%; }
ul.eBoothMenu li:nth-child(1),
ul.eBoothMenu li:nth-child(4) { clear:both; }
 
ul.eBoothMenu a { display:table-cell; width:1500px; height:38px; border-right:1px solid #9d9fb3; border-bottom:1px solid #9d9fb3; text-align:center; vertical-align:middle; font-size:14px; line-height:16px; color:#6c6d7d; font-weight:400; }
ul.eBoothMenu li:nth-child(-n+3) { border-top:1px solid #9d9fb3; }
ul.eBoothMenu li:nth-child(1) a,
ul.eBoothMenu li:nth-child(4) a { border-left:1px solid #9d9fb3; }

ul.eBoothMenu li.on { background-color:#26569e; border-color:#26569e; }
ul.eBoothMenu li.on a { color:#fff; border-color:#26569e; background-color:#26569e; }

div.company { padding:10px; }

div#eBoothView h3 { padding:5px 15px; color:#fff; font-size:14px; line-height:22px; background-color:#304457; font-weight:400; }
ul.eBoothMenu + h3 { margin-top:0 !important; } 

div#eBoothView dl.toggleArea { padding-top:0; }
div#eBoothView dl.toggleArea > ul { height:auto; }
div#eBoothView dd.toggleCon { top:35px; }

div#eBoothView div.logo { display:table-cell; vertical-align:middle; width:2000px; height:60px; padding:15px 10px; }
div#eBoothView div.logo img { display:block; margin:0 auto; max-height:40px; }

div#eBoothView div.vodArea { text-align:center; margin:15px 0; height:200px; background-color:#ffffff; }
div#eBoothView div.vodArea > * { height:100%; }

dl.companyInfo { margin:0 0 16px; padding:15px 25px; background-color:#fff; box-shadow:0 0 10px rgba(152,161,190,.5); }
dl.companyInfo > dt { margin:0; color:#282a71; font-size:18px; font-weight:700; }
dl.companyInfo > dd { margin:0; padding:10px 0 0; }
dl.companyInfo p { margin-bottom:5px; font-size:15px; font-weight:500; }
dl.companyInfo ul { margin:0; padding:0; }
dl.companyInfo li { position:relative; padding-left:18px; }
dl.companyInfo li{ font-weight:300; font-size:14px; line-height:22px; color: #000;text-decoration:none;font-family:'pretendard'; }
dl.companyInfo a { font-weight:300; font-size:14px; line-height:22px; color: #26569e;text-decoration:underline;font-family:'pretendard'; }
dl.companyInfo span { position:absolute; top:0; left:0; display:inline-block; width:15px; vertical-align:top; color:#2c70eb; font-weight:700; }

div.company h3 { position:relative; }

dl.companyInfo img > .companyInfo{padding:0;}
div.company h3 a.vod { position:absolute; top:0; right:0; padding:2px 20px 0; display:block; background-color:#1a2b3c; color:#fff; line-height:28px; font-size:14px;
	font-weight:500; text-align:left; text-decoration:none; }
div.company h3 a.vod i { color:#eff438; top:0px; position:relative; margin-left:7px; }
div.eboothCon { padding:10px 3px; background-color:#fff; color:#000;word-break: break-all;  font-family: 'pretendard'; font-size:14px; line-height:20px; font-weight:400; }
div.eboothCon strong{margin: 5px 0; display: block;}

div.eboothCon div.logo { padding:15px; }
div.eboothCon div.logo img { display:block; height:100%; margin:0 auto;  width:70%; }

div.eboothCon h1 {   display:block; position:relative; margin:10px 0 5px; padding:6px 20px 4px; color:#fff; font-size:14px; line-height:20px; font-weight:400;
	background-color:#474951; }
div.eboothCon div.logo + h1,
div.eboothCon h1:first-child { margin-top:0; }
div.eboothCon h1 a.vod { position:absolute; right:0; top:0; padding:2px 20px 0; display:block; background-color:#272b4b; color:#fff; line-height:28px; font-size:14px;
	font-weight:500; text-align:left; text-decoration:none; }
div.eboothCon h1 i { color:#FFEB3B; margin-left:7px; }

div.brochures { padding:20px 15px; }

ul.brochures, ul.brochures li, ul.brochures a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.brochures { padding:10px 0; }
ul.brochures:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.brochures li { float:right; width:calc(50% - 5px); margin-bottom:10px; }
ul.brochures li:nth-child(odd) { clear:both; float:left; }
ul.brochures a,
ul.brochures img,
ul.brochures span { display:block; }
ul.brochures li > a > img { width:100%; border:1px solid #bfbbbc; box-sizing:border-box; }
ul.brochures span { position:relative; padding:10px 45px 10px 20px; color:#fff; background-color:#26569e; background-size:17px; font-weight:500; font-size:12px; line-height:20px; }
ul.brochures span i { margin-left:10px; }
ul.brochures span img { position:absolute; top:50%; right:17px; height:11px; transform:translateY(-50%); }
div.guestBook { padding:20px 15px; }
div.guestBook > p { padding:10px 0; text-align:left; word-break:keep-all; text-align:center; color:#222; font-size:13px; line-height:16px; font-weight:400; }
div.guestBook dl { position:relative; }
div.guestBook dt { position:absolute; left:10px; top:40px; color:rgba(62,62,62,.7); font-size:12px; line-height:35px; font-weight:400; }
div.guestBook dt:first-child { top:0; }
div.guestBook dd { margin-bottom:6px; /*padding:0 0 0 80px; */background-color:#e8eaef; }

div.guestBook input[type=text] { width:100%; height:35px; border:0 none; padding:0 0 0 56px; color:#222; font-size:13px; ; background-color:transparent; box-sizing:border-box;
	font-weight:400; }
div.guestBook textarea { background-color:#e8eaef; color:#222; border:0 none; font-weight:400; }
div.guestBook textarea::placeholder { color:rgba(62,62,62,.7); }

div.guestBook div.btn > * { display:block; margin-top:5px; width:100%; border-color:#267fb9 !important; background-color:#267fb9 !important; color:#fff; height:40px; line-height:40px; font-size:13px;
	font-weight:500; }



/* div.stamp { padding:20px 15px; } */
div.stamp p.img { margin-bottom:20px; }
div.stamp p.img img { display:block; }
div.eventInfo { margin-bottom:25px; }
div.eventInfo img { display:block; }

dl.eboothNote, dl.eboothNote dt, dl.eboothNote dd { margin:0; padding:0; }
dl.eboothNote { margin:10px 5px; padding:15px; background-color:#fafafa; font-weight:400; }
dl.eboothNote dt { color:#e51a66; font-weight:500; }
dl.eboothNote dd { margin:0; }
dl.eboothNote ul { margin:0; padding:0; }
dl.eboothNote ul.listBl li { position:relative; margin:5px 0 0; word-break:keep-all; list-style:none; font-weight:400; }

div.stamp p.count {margin: 10px 15px; text-align:right; font-size:14px; line-height:20px; color:#272b4b;color: #26569e;font-weight: 600;letter-spacing: -0.5px;; }
div.stamp p.count span { font-weight:500; }

div.stamp div.rollingArea { text-align:center; width:100%; }

ul.stamp, ul.stamp li { margin:0; padding:0; list-style:none; }
ul.stamp { width:240px; margin:0 auto; }
ul.stamp:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.stamp > li { overflow:hidden; position:relative; float:left; width:70px; height:70px; margin:3px 0 3px 15px !important; border-radius:35px; background:url('mobile/stamp_bg.png') center center no-repeat; background-size:70px; }
ul.stamp > li:nth-child(3n+1) { clear:both; margin-left:0 !important; }
ul.stamp a { display:flex; justify-content:center; align-items:center; width:70px; height:70px; vertical-align:middle; text-align:center; }
ul.stamp img { width:70%; }

ul.stamp .visit:before { content:"방문완료"; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(55,64,123,.85); text-align:center; line-height:70px; color:#fff;
	font-size:12px; }

div.stamp .bx-wrapper { position:relative; margin:15px auto 0; padding-top:25px; }
div.stamp .bx-pager { position:absolute; top:0px; left:50%; transform:translateX(-50%); font-size:0; line-height:0; 	}
div.stamp .bx-pager > div { display:inline-block; vertical-align:top; padding:0 2px; }
div.stamp .bx-pager a { display:block; width:10px; height:10px; border-radius:5px; background-color:#b1b1b1; }
div.stamp .bx-pager a.active { width:10px; background-color:#5b679b; }

div.stamp a.bx-prev,
div.stamp a.bx-next { position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; background-repeat:no-repeat; background-size:15px; background-position:center center; font-size:0; line-height:0; }
div.stamp a.bx-prev { left:-50px; background-image:url('booth/stamp_prev.png'); }
div.stamp a.bx-next { right:-50px; background-image:url('booth/stamp_next.png'); }
div.stamp + .btn { margin-bottom:15px; }
.btn .btnComp { background:#26569e url('/asset/mobile/btnCompleted.png') no-repeat center center; border-color:#26569e; text-indent:-10000px; width:200px; height:40px; padding:0; }
.btn .btnVisit { background:#e91e63  url('/asset/mobile/btnVisit.png') no-repeat center center; border-color:#e91e63; text-indent:-10000px; width:200px; height:40px; padding:0; }

div.stamp .roulette { margin-top:5px; padding:15px 0 20px 0; background:#f2f6fc; text-align:center; }
div.stamp .roulette > img { width:205px }
div.stamp .roulette > div { position:relative; margin-top:10px; }
div.stamp .roulette .point { position:absolute; left:50%; top:10px; width:22px; transform:translate(-50%,0); }
div.stamp .roulette .center { position:absolute; left:50%; top:50%; width:75px; transform:translate(-50%,-50%); }
div.stamp .roulette .img { /* max-width:242px; */ border-radius:50%; box-shadow:10px 0 30px rgba(113,168,207,0.35); animation:rotation 2s infinite linear; }
div.stamp .roulette .btn a { width:240px; height:auto; line-height:45px; padding:0; font-size:16px; font-weight:600; text-align:center; background:#267fb9; color:#fff; }
div.stamp .roulette .btn a.disabled { background:#c2c3ce; }


@keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}

#popupRoulette { background:rgba(0,0,0,0.7); }
#popupRoulette .popWrap { position:relative; width:90%; max-width:626px; left:50%; top:50%; transform:translate(-50%, -50%); box-sizing:border-box; }
#popupRoulette .close { position:absolute; right:0; top:-26px; width:16px; height:16px; margin:0; padding:0; }
#popupRoulette .close a { display:block; width:16px; height:16px; text-indent:-10000px; background:url('ebooth/popup_close.png') center center no-repeat; }

/* My Page */
div.mypage.mypage_padding { padding:155px 15px 10px; }
div.mypage { position:relative; padding:15px 15px 10px; font-weight:400; margin-bottom:70px; }

div.mypage p.note { margin-top:20px; background-color:#3f3e58; padding:10px 15px; color:#f2d800; text-align:left; font-size:13px; line-height:15px; font-weight:400; }

ul.eposterList, ul.eposterList li, ul.eposterList a { display:block; margin:0; padding:0; list-style:none; text-decoration:none; }
ul.eposterList { border-top:1px solid #000; }
ul.eposterList li { position:relative; border-bottom:1px solid #c3c3c3; }
ul.eposterList li a { padding:12px 0 10px; }
ul.eposterList li span { display:block; }
ul.eposterList .num { display:inline-block; vertical-align:top; padding:2px 8px; border-radius:9px; background-color:#267fb9; color:#fff; font-size:12px; line-height:16px; }
ul.eposterList .tit { margin-top:8px; color:#222; font-size:14px; line-height:17px; }
ul.eposterList .writer { margin-top:5px; color:#9f9f9f; font-size:11px; line-height:13px; }
ul.eposterList a.favor { position:absolute; top:8px; right:0; padding:0; width:25px; height:25px; background:url('mobile/icon_favor_off.png') center center no-repeat; background-size:25px; font-size:0; line-height:0; }
ul.eposterList a.favor.on { background-image:url('mobile/icon_favor_on.png'); }

ul.eposterList a.comment { margin-bottom:10px; display:block; padding:0 10px; max-width:110px; background-color:#3f3e58; color:#fff; font-size:14px; line-height:30px; text-align:center;
	font-weight:400; }

ul.sessionList, ul.sessionList li, ul.sessionList a { display:block; margin:0; padding:0; text-decoration:none; list-style:none; }
ul.sessionList { border-top:1px solid #000; }
ul.sessionList li { position:relative; border-bottom:1px solid #c3c3c3; }
ul.sessionList li a { padding:13px 0 10px; }
ul.sessionList li span { display:block; }
ul.sessionList li .info { padding-right:30px; font-size:12px; line-height:15px; color:#222; }
ul.sessionList li .tit { margin-top:8px; color:#222; font-size:14px; line-height:20px; }
ul.sessionList li .chairs { color:#9f9f9f; font-size:12px; line-height:14px; }
ul.sessionList a.favor { position:absolute; top:8px; right:0; padding:0; width:25px; height:25px; background:url('mobile/icon_favor_off.png') center center no-repeat; background-size:25px; font-size:0; line-height:0; }
ul.sessionList a.favor.on { background-image:url('mobile/icon_favor_on.png'); }

div.mypage div.btn { margin-top:10px; }
div.mypage div.btn > a { width:100%; height:40px; line-height:40px; background-color:#3f3e58; border:0 none; color:#fff; font-size:14px; font-weight:400; text-align:center; }

.subTit { margin:15px 0 5px; position:relative; padding:0 0 0 15px; color:#3f3e58; font-size:15px; line-height:20px; font-weight:500; background:url('/asset/mobile/subTit.png') no-repeat left center; background-size:8px; }
.subTit:first-child { margin-top:0; }
.subTit span { font-weight:300; }

.barTit { position:relative; padding:12px 0 8px 12px; color:#3f3e58; font-size:15px; line-height:20px; font-weight:500; }
.barTit:before { position:absolute; top:21px; left:0; width:8px; height:2px; background-color:#3f3e58; content:''; }
.barTit span { font-weight:300; }

div.mypage .tblDef.info { margin-top:10px; }
div.mypage .tblDef.info > * > tr > * { padding:10px !important; text-align:left !important; }
div.mypage .tblDef.info > tbody > tr > th { background-color:#f1f1f8 !important; }