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

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

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

input {  border-radius:0px; }

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

input[type=submit],
input[type=button],
button { -webkit-appearance:none; }
a { text-decoration:none; color:inherit; }
ul, li { position:relative; list-style: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; table-layout:fixed; }
.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; }
.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'],
input,
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; }


table.inputTbl > * > tr > th { text-align:center; color:#000; background-color:#f6f6f6; font-weight:500; font-size:13px; }
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; }

input[type=text],
input[type=password],
select,
textarea { display:inline-block; vertical-align:top; margin:0; padding:0; height:30px; border:1px solid #ccc; color:#000; box-sizing:border-box; }
textarea { display:block; width:100%; }
.wide { width:100% !important; }

input[disabled] { background-color:#f6f6f6; }
input[type=text],
input[type=password] { width:100%; padding:2px 10px 3px; }

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:30px; }


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

.typeInfo { }
.typeInfo:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
.typeInfo > * { float:left; }
.typeInfo select { width:40%; margin-right:5px; }
.typeInfo input[type=text] { width:calc(60% - 5px); }


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:#004899 !important; border-color:#004899 !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:#004899 !important; color:#004899 !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 .btnBig { display:block; width:90%; height:40px; margin:0 auto; padding:0; line-height:38px; font-size:16px; box-sizing:border-box; font-weight:500; }

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

div.btnArea { margin-top:15px; text-align:center; }


table.tblDef { border-top:1px solid #aeaeae; }
table.tblDef > * > tr > th,
table.tblDef > * > tr > td { vertical-align:middle; padding:15px 10px; word-break:keep-all; border-left:1px solid #ccc; border-bottom:1px solid #e2e2e2; text-align:left; color:#333; font-size:14px; line-height:20px; font-weight:400; }
table.tblDef > * > tr > *:first-child { border-left:0 none;    text-align: center; }
table.tblDef > * > tr > th { background-color:#f6f6f6; line-height:20px; font-weight:400; }




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

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

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.listBar > li { position:relative; padding-left:10px; margin-top:10px; color:#333; font-size:14px; line-height:20px; font-weight:300; }
ul.listBar > li:first-child { margin-top:0; }
ul.listBar > li:before { position:absolute; left:0; top:0; content:'-'; }

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

ul.listDot > li { position:relative; margin-top:10px; padding-left:10px; }
ul.listDot > li:before { position:absolute; left:0; top:0.6em; width:3px; height:3px; content:""; background-color:#5f5f5f; }
ul.listDot > li:first-child { margin-top:0; }


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




/* Login */
div.webinarLogin { padding:0; box-sizing:border-box; background:#f3f8ff url('new/login_bg.png') 0 0 no-repeat; background-size:100%; }
div.webinarLogin a { text-decoration:none; }

div.loginArea { position:relative; height:100%; margin:0; padding:0; }
div.loginArea h1 { margin-bottom:25px; }
div.loginArea h1 img { display:block; width:100%; }
div.loginArea h1 + p { padding:10px 0; text-align:center; color:#fff; font-size:14px; line-height:20px; font-weight:500; background-color:#5a71ac; }

div.loginArea div.formArea { margin:0 20px; padding:20px 30px; background-color:#fff; border-radius:8px; box-shadow:0 0 18px rgba(0,0,0,.1); }

div.loginArea form { margin-bottom:20px }
div.loginArea form p { margin-bottom:10px; color:#004899; text-align:left; font-size:13px; font-weight:500; }
div.loginArea input { display:block; width:100%; height:40px; font-size:15px; height:40px; border:0 none; box-sizing:border-box; }
div.loginArea input[type=text] { padding-left:30px; color:#000; background:#f7f7f7 url('new/login_id.png') 10px center no-repeat; background-size:15px; }
div.loginArea input[type=text]::placeholder { color:#ccc; }
div.loginArea input[type=submit] { margin-top:10px; color:#fff; background-color:#004899;  }


div.loginNote:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.loginNote > * { display:block; }
div.loginNote span { margin-bottom:10px; color:#254aa1; font-size:13px; }
div.loginNote img { height:18px; margin-right:5px; vertical-align:middle; }
div.loginNote a { float:left; width:calc(100% - 4px); text-align:center; font-size:15px; line-height:40px; color:#fff; background-color:#634095; }
div.loginNote a + a { float:right; background-color:#61338e; }


dl.siteNote { width:100%; padding:20px 15px; background-color:#253044; color:#fff; }
dl.siteNote dt { font-size:14px; font-weight:700; }
dl.siteNote dd { font-size:13px; font-weight:300; }
dl.siteNote dd span { position:relative; margin-right:10px; padding-right:10px; }
dl.siteNote dd span::after { content:''; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:rgba(255,255,255,0.2); }
dl.siteNote dd span:last-child::after { display:none; }
dl.siteNote dd a { display:inline; padding:0; font-weight:300; font-size:inherit }

/* 컨텐츠 > 기본 레이아웃 */
div#webinar { }
div#webinar h1 { margin:0; padding:0; }
div#webinar h1 img { display:block; width:100%; }
div#webinar h1 span { display:block; padding:7px 20px 8px; text-align:left; color:#fff; font-size:14px; line-height:20px; font-weight:500; background: linear-gradient(to right, #9d5389, #554aab);}

div.contents { box-sizing:border-box; }


.contents > * > .subTit { margin:-15px -15px 15px; }
.subTit { position:relative; background: linear-gradient(to right, #a91882, #584ac3);; margin:0 0 15px; }
.subTit span { z-index:10; padding:0 20px; color:#fff; font-size:16px; line-height:42px; font-weight:700; }
.subTit ~ .subTit { margin-top:15px; }


div.fixedArea { z-index:80; position:fixed; left:0; bottom:0; width:100%; min-width:320px; }
div.fixedArea:has(a + a){ display:flex; justify-content:center; align-items:stretch; }
div.fixedArea a { display:block; height:auto; width:100%; padding:20px 0; font-size:17px; line-height:1; font-weight:500; text-align:center; color:#fff; border:0; }

div.fixedArea a.home,
div.fixedArea a.close { background-color:#404651; }
div.fixedArea a.submit { background-color:#004ea1; }

div.fixedArea div.out { width:100%; }
div.fixedArea div.out a { display:flex; justify-content:center; align-items:center; background-color:#191e28; }
div.fixedArea div.out img { width:22px; margin-right:10px; }

table.inputTbl { border-top:1px solid #aeaeae; }
.note + table.inputTbl { margin-top:10px; }
table.inputTbl > * > tr > * { padding:5px 5px 4px; border-bottom:1px solid #e2e2e2; text-align:left; color:#222; font-weight:400; }



/* 컨텐츠 > 기본 레이아웃 */
div.webina { 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; margin:0; padding:0 15px; color:#fff; font-size:15px; line-height:40px; background-color:#5a8cac; font-weight:500; }



/* 팝업 > 등록하기 */
.agreeCon,
.scrollArea { overflow-x:hidden; overflow-y:auto; }

.essen { padding-left:0; }
.essen:after { display:inline-block; vertical-align:top; content:"*"; padding-left:5px; color:#f21c1c; font-size:1.2em; font-weight:500; }

div.formArea { padding:15px; }

div.formArea div.agreeCon { letter-spacing:-1px; max-height:80px; }
div.agreeCon { border:1px solid #d7d7d7; padding:20px; color:#333; font-size:14px; line-height:20px; font-weight:400; }
div.agree { padding:10px 15px; border:1px solid #d7d7d7; border-top:0 none; background-color:#f6f6f6; }
div.agree input { margin:2px 5px 0; }
div.agree label { color:#333; font-size:13px; line-height:17px; }
div.agree .essen:after { content:"(필수)" !important; font-size:1em; }

form .note { position:relative; padding-left:10px; color:#333; font-weight:400; word-break:keep-all; }
form .note:before { position:absolute; left:0; top:0; content:"*"; color:#f21c1c; font-size:1.1em; font-weight:500; }
form td span.note { line-height:1.2 !important; }





/* 팝업 > Program */
dl.program, dl.program > dt, dl.program > dd { margin:0; padding:0; }

dl.program { padding:0 0; word-break:keep-all; }
dl.program > dt { padding:10px 10px; background-color:#433c6f; color:#fff;  line-height:20px; font-weight:500; }
dl.program > dt span { display:block; font-size:14px; font-weight:400; letter-spacing: -0.5px;     color: #fff;}

dl.program > dt span.session_title { margin-bottom:5px; }

dl.program li { border-bottom:1px solid #c3c3c3; padding:10px 10px; color:#111; font-family: 'roboto';  font-size:15px;line-height:20px; letter-spacing: -0.5px; font-weight:300; }
dl.program span { display:block; font-weight:400; }
dl.program span.time { color:#494949;     display: inline-block;}
dl.program span.speaker {color: #000;  }
dl.program span.title { color:#0f228f; margin-bottom: 4px;font-size: 16px;}

.rePlay { display:inline-block; vertical-align:top; text-decoration:none; margin-left:5px; padding:7px 8px 7px 12px; border-radius:15px; color:#fff; font-size:12px !important; line-height:14px !important; 
	font-weight:400; background-color:#ca2d2d; }
.rePlay img { display:inline-block; vertical-align:top; height:14px; padding-left:3px; }




/* 팝업 > 다시보기 */
div.vodInfo { padding:20px 15px; }
div.vodInfo h2 { margin:0; padding:0; color:#000; font-size:16px; line-height:20px; font-weight:500; }
div.vodInfo div.speaker { padding-top:5px; color:#4f4f4f; font-size:14px; line-height:20px; font-weight:300; }

div.vodArea { margin:0 15px 15px; }



/* 레이어 팝업*/
div.layerPopup { display:none; z-index:250; position:fixed; left:0; top:0; overflow:auto; width:100%; height:100%; background-color:rgba(0,0,0,.7); }
div.layerPopup > div.popupWrap { position:absolute; overflow-y:auto; left:20px; top:50%; transform:translateY(-50%); width:calc(100% - 40px); margin:0; text-align:center; }
div.popupWrap { font-weight:400; }

/* 팝업 > 동의하기 */
div#popupAgree { padding:0; text-align:center; box-sizing:border-box; background-color:#2a4b69; }
div#popupAgree h1 { margin:0; padding:20px 0 0; background-color:#272b4b; color:#fff; font-size:18px; line-height:28px; font-weight:500; }
div#popupAgree h1 img { display:inline-block; vertical-align:top; height:28px; }

div#popupAgree h1 + p { background-color:#272b4b; margin:0; padding:10px 15px 20px; line-height:20px; color:#fff; font-size:14px; font-weight:400; }
div#popupAgree h1 + p span { color:#e69d2a; }

div#popupAgree div.formArea { background-color:#fff; padding:15px; }
div#popupAgree div.bg { border-top:2px solid #272b4b; border-bottom:1px solid #272b4b; background-color:#f2f3f8; }

div#popupAgree div.agreeCon { min-height:230px; height:230px; border:0 none; font-size:14px; line-height:20px; font-weight:400; text-align:left; word-break:keep-all; padding-right:10px; }

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

div#popupAgree .agree { margin:0; padding:10px 0 0; }
div#popupAgree .agree input[type='checkbox'] {  cursor:pointer; height:13px; vertical-align:top; width:13px; margin:5px 5px 0 0; }
div#popupAgree .agree label { cursor:pointer; display:inline-block ; line-height:22px; font-size:15px; color:#111; 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:#8a8a8a; }

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


/* 강의장 */
div#player { overflow:hidden; position:relative; padding-bottom:55px; box-sizing:border-box; }
div#player .titArea { position:relative; padding:0  0 0 0; background-color:#fbf5fc; }
div#player div.titArea h1 { 
	position:relative; 
	margin:0; 
	padding:0; 
	height:65px; 
	background:url('new/player_logo_bg01.png') left top no-repeat, url('new/player_logo_bg02.png') right top no-repeat, #fbf5fc; 
	background-size:auto 100%, auto 100%; 
	box-sizing:border-box; 
}
div#player div.titArea h1 img { position:absolute; left:20px; top:50%; transform:translateY(-50%); width:auto; height:35px; }


div#player p.sessionIn { position:absolute; right:0; top:0; width:100px; height:100%; background-color:#00a0c1; }
div#player p.sessionIn a { display:table-cell; width:100px; height:65px; color:#fff; text-align:center; vertical-align:middle; font-weight:700; font-size:16px; line-height:20px; }

div#player p.sessionIn a { background:linear-gradient(to right,#00a0c1,#00479d); }
div#player p.sessionOut a { background:#e91e63; }

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

div#player p.sessionOut { position:absolute; right:0; top:0; width:100px; height:100%; background-color:#e91e63; }
div#player p.sessionOut a { display:table-cell; width:100px; height:65px; color:#fff; text-align:center; vertical-align:middle; font-weight:500; font-size:15px; line-height:20px; text-decoration:none; }
 
/* 퇴장하기 버튼 background 추가 - 24.07.29 박민지 */
div#player .sessionIn a.out{
	background: linear-gradient(to right,#ff6c9e,#ed0a71);
}

/**/
.playUtil { 
	display:flex; 
	background-color:#f4f9ff; 
}
.playUtil li { 
	width:33.33%;
}
.playUtil a { 
	position:relative; 
	display:block; 
	font-weight:500; 
	font-size:14px; 
	text-align:center;
}
.playUtil a span {
	color:#8a9098; 
	line-height:45px;
}
/* .playUtil li.on a span{ 
	display: inline-block;
	color:#0f6ccb;
	font-weight:700;
	border-bottom: 2px solid #0f6ccb;
} */


.scroll-area::-webkit-scrollbar { 
	width:6px; 
	background-color:#d7d7d7; 
	border-radius:4px; 
}
.scroll-area::-webkit-scrollbar-thumb { 
	background-color:#808080; 
	border-radius:4px; 
}

/**/
.acco-tit { cursor:pointer; }
.acco-con { display:none; }
.qna-area { 
	position:relative; 
	margin:15px 10px; 
}
.qna-area .scroll-area.no-cont {
	background:url('new/qna-no-cont.png')no-repeat center / 151px;
}
.qna-area .scroll-area { 
	overflow-x:hidden; 
	overflow-y:auto; 
	min-height:300px;
	border-radius:5px; 
}

.qna-area li { 
	border-radius:5px;
	border:1px solid #c2cddb;
	border-bottom:0;
}
.qna-area li + li {
	margin-top:10px;
}
.qna-area .question { 
	position:relative; 
	display: flex; 
	justify-content: flex-start;
	align-items:stretch;
	background-color:#f3f7ff;
	border-bottom:1px solid #c2cddb;
	border-radius:5px; 
}
.qna-area .question span {
	display: none; 
	justify-content: center;
	align-items:center;
	padding: 0 15px;
	border-radius:5px; 
	font-size:14px;
	font-weight:500;
	background:#315595;
	color:#fff;
}
.qna-area .question p {
	padding:8px 30px 8px 9px;
	color:#315595;
	overflow:hidden; 
	text-overflow:ellipsis; 
	display:-webkit-box; 
	-webkit-line-clamp:3; 
	-webkit-box-orient:vertical;
}

.qna-area .answer p { 
	padding:15px; 
	padding-left:34px;
	background:url('new/play_qna_arr.png')no-repeat left 13px top 17px / 11px;
	border-bottom:1px solid #c2cddb;
	min-height: 10px;
}
.qna-area li dt:after{ content:''; position:absolute; right:10px; top:50%; width:12px; height:12px; margin-top:-6px; transition:transform 0.5s; transform:rotate(0);
	background:url('new/ico-triangle.png')no-repeat center / contain; }
.qna-area li.active dt:after { transform:rotate(180deg); }
.qna-area li.active .question p { -webkit-box-orient:unset; }

.qna-area .reset input[type=reset] { 
	padding:0 0 0 20px; 
	border:none; 
	background:transparent no-repeat url('/asset/player/play_reset.png') left center / 15px; 
	font-weight:500; 
	font-size:12px; 
	line-height:40px; 
	display:none; 
}

.qna-area p input[type=text] { 
	height:43px; 
	border:none; 
	background-color:#f2f2f2; 
}
.qna-area p input[type=text]::placeholder { 
	font-weight:200; 
	font-size:14px; 
	color:#a0a0a0; 
}

.qna-area p input[type=submit] { 
	padding:0; 
	border:none; 
	background-color:#004899; 
	width:60px; 
	height:43px; 
	font-weight:200; 
	font-size:14px; 
	color:#fff; 
}

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


div#popupPlayer { position:absolute; left:0; top:auto; bottom:0; transform:translateY(0); width:100%; padding:0 0 60px; background-color:#fff; box-sizing:border-box; }
div#popupPlayer h1 { padding:10px 20px; text-align:left; color:#fff; font-size:18px; font-weight:500; background:#315595; }
div#popupPlayer input[type=text],
div#popupPlayer textarea { height:40px; padding:10px 15px; border-color:#c2cddb; background-color:#fff; font-size:14px; line-height:20px; font-weight:400; }

div#popupPlayer input[type=text]::placeholder,
div#popupPlayer textarea::placeholder { color:#8b8b8b; font-weight:200; }

div#popupPlayer textarea { margin-top:10px; height:150px; }

div#popupPlayer .formArea .btn { position:absolute; left:0; bottom:0; width:100%; }
div#popupPlayer .formArea .btn * { float:left; width:50%; height:auto; padding:20px 0; text-align:center; box-sizing:border-box; border-radius:0; border-color:#60666d;
	background-color:#60666d; color:#fff; font-size:17px; line-height:1; font-weight:400; }
div#popupPlayer .formArea .btn *:first-child { background-color:#004899; border-color:#004899; }

div#popupPlayer .popupWrap > .close { position:absolute; left:0; bottom:0; width:100%; }
div#popupPlayer .popupWrap > .close a { display:block; width:100%; line-height:55px; height:55px; font-size:18px; font-weight:500; text-align:center; box-sizing:border-box; text-decoration:none; color:#fff; background-color:#212854; }





/* 긴급공지 */
div#popupAlert { z-index:90; position:fixed; left:0; bottom:0; width:100%; border:0; background-color:#cbd6ec; box-sizing:border-box; }
div#popupAlert div.scrollArea { min-height:90px; max-height:100px; word-break:keep-all; margin:0 20px 20px; padding:15px; background:#fff; font-weight:300; }
div#popupAlert div.scrollArea p { font-weight:500; }
div#popupAlert .close { position:absolute; right:20px; top:20px; }
div#popupAlert .close a, div#popupAlert .close img { display:block; width:15px; }
div#popupAlert h1 { padding:20px; text-align:left; font-size:16px; font-weight:700; line-height:1; }
dl.techInfo { padding:20px 15px; background-color:#37496d; border:0; color:#fff; }
dl.techInfo > dt { font-size:14px; font-weight:700; }
dl.techInfo > dd { font-size:13px; font-weight:300; }
dl.techInfo a { color:#fff; word-break:break-all; }
dl.techInfo dd span { position:relative; margin-right:10px; padding-right:10px; }
dl.techInfo dd span::after { content:''; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:rgba(255,255,255,0.2); }
dl.techInfo dd span:last-child::after { display:none; }
/* dl.techInfo a:after { display:inline-block; vertical-align:top; content:""; width:1px; height:10px; margin:5px 10px 0 8px; background-color:#999; }

 */



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

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

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




/* 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 { 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:#004899; border-left:0 none; color:#fff; }

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

ul.listBar > li { position:relative; padding-left:10px !important; }
ul.listBar > li:before { position:absolute; left:0; top:0; 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 { 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:400; }
div.tech h1 { margin:0; padding:0 55px 0 15px; color:#fff; font-size:17px; line-height:55px; background-color:#2a4b69; font-weight:500; }

div.tech div.close { position:absolute; right:0; top:0; width:55px; height:55px; background:url('mobile/tech_close.png') center center no-repeat; background-size:15px; }
div.tech div.close a { display:block; height:100%; font-size:0; line-height:0; }

div.tech div.contents { padding:15px; }

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:700; 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; padding:15px; background-color:#f3f8ff; font-size:14px; line-height:16px; color:#343434; }
dl.contact:first-child { margin-top:0; }
dl.contact dt { margin-top:10px; font-weight:500; }
dl.contact dt:first-child { margin-top:0; }

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 span { font-weight:500; }
dl.contact a { color:#343434; }

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; }
dl.inputArea input::placeholder,
div.tech textarea::placeholder { color:#a3a3a3; font-size:13px; font-weight:400; }
dl.inputArea input::placeholder { line-height:45px; }

div.tech textarea { height:160px; background-color:#f1f1f1; border:0 none; padding: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:50px; text-align:center; 	color:#fff; font-size:16px; background-color:#404c59; border:0 none; line-height:50px; text-decoration:none; font-weight:500; }
div.tech div.btnArea *:first-child { background-color:#658dc8; }




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 > li { position:relative; padding-left:10px !important; }
ul.listBar > li:before { position:absolute; left:0; top:0; 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 { 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#webinarMain { background-color:#faf5fc; background-image:url('new/main_bg.png'); background-position:left top; background-size:100%; box-sizing:border-box; }
div#webinarMain h1 { margin-bottom:25px; }
div#webinarMain h1 img { display:block; width:100%; }

ul.wsMenu { margin:0; padding:0 20px 20px; }
ul.wsMenu:after { clear:both; display:block; content:''; font-size:0; line-height:0; }
ul.wsMenu li { margin:0 0 8px; border-radius:5px; }
ul.wsMenu a { position:relative; display:flex; justify-content:flex-start; align-items:center; height:60px; padding-left:20px; text-align:left; color:#fff;
	font-size:14px; font-weight:500; box-sizing:border-box; }
ul.wsMenu img { height:26px; margin-right:15px; }

/* 
ul.wsMenu li:nth-child(1) { background: linear-gradient(to right, #a91882, #584ac3); }
ul.wsMenu li:nth-child(2) {background: linear-gradient(to right, #a1197c, #584ac3); }
ul.wsMenu li:nth-child(3) { background: linear-gradient(to right, #a1197c, #584ac3);} */
ul.wsMenu li:nth-child(1) { background-color:#ca6bd1; }

ul.wsMenu li:nth-child(2) { background-color:#4f349b; }
ul.wsMenu li:nth-child(3) { background-color:#22066e; }




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




div.room { background-color:#f0f2fa; }
p.roomNote { display:table-cell; width:1000px; height:50px; background-color:#df595c; color:#fff; vertical-align:middle; text-align:center; font-size:14px; font-weight:500; line-height:17px; }

dl.room { border-top:2px solid #004899; margin:15px; background-color:#fff; box-shadow:0 0 15px rgba(196,172,148,.35); color:#222; font-size:13px; line-height:20px; font-weight:300; font-weight:300; }
dl.room > dt { text-align:center; color:#000; font-size:16px; font-weight:500; line-height:46px; }

dl.room a.trigger { position:relative; display:block; text-align:left; padding:14px 40px 13px 20px; text-decoration:none; background-color:#f0f1f2; color:#222; font-size:14px; line-height:23px; 
	font-weight:500; text-decoration:none; }
dl.room a.trigger:after { position:absolute; right:20px; top:50%; width:18px; height:6px; margin-top:-3px; content:""; background:url('mobile/trigger_bl.png') center center no-repeat; 
	background-size:9px; }
dl.room.view a.trigger:after { transform:rotate(-180deg); }
dl.room > dt span { display:block; color:#000000; font-size:15px; line-height:16px; font-weight:400; }
dl.room > dt span.tit {     color:#152266; font-size:16px; line-height:20px; }
dl.room > dd { padding:15px 20px; }
dl.room > dd.toggleCon { padding-bottom:0; }
dl.room dd dt {  padding-top:10px; color:#000; font-size:13px; line-height:20px; font-weight:500; }
dl.room dd dt:first-child { margin-top:0; padding-top:0; }
dl.room dd dd { color:#000; }
dl.room dd dd.chair { color:#000; line-height:16px; font-size:13px; padding-bottom:10px; }
dl.room dd span.speaker { line-height:15px; font-size:15px; }
dl.room dd span.tit { display:block; margin-top:5px; color:#131766; font-size:16px; line-height:18px; font-weight:500; }
dl.room dd.btn a { display:block; background:#004899 !important; border:1px solid #004899 !important; font-size:17px; color:#fff; }
dl.room.active dd.btn a { background-color:#ecc736 !important; border-color:#ecc736 !important; color:#343434; }
dl.room.active dd.btn a:after { background-image:url('mobile/btn_arr_active.png'); }




/* 간호세션 */
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.user { position:relative; padding:13px 100px 13px 15px; color:#000; font-size:15px; font-weight:500; line-height:20px; }
div.user span { box-shadow:inset 0 -8px 0 #ffd31c; }
div.user span.roomNum { position:absolute; right:15px; top:50%; height:20px; margin-top:-15px; padding:5px 15px; border-radius:25px; background-color:#004e8d; color:#fff; 
	font-size:13px; box-shadow:none; }



ul.playUtil 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:#004899; 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:#004899; 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.sessionInfo { position:fixed; left:0; bottom:55px; width:100%; background-color:#041226; }
div.sessionInfo a.trigger { position:relative; display:block; text-decoration:none; padding:5px 15px ; color:#fff; background-color:#1f3371; font-size:15px; line-height:27px; font-weight:500; }
div.sessionInfo a.trigger:after { position:absolute; right:15px; top:50%; content:""; width:10px; height:6px; margin-top:-3px; content:""; background:url('mobile/trigger_w.png') center center no-repeat; background-size:10px; }
div.sessionInfo.view a.trigger:after { transform:rotate(180deg); }

div.sessionInfo > div { overflow-x:hidden; overflow-y:auto; max-height:200px; }

dl.playSession { padding:5px 15px 22px 15px; color:#fff; }
dl.playSession dt { padding:15px 0 15px; border-bottom:1px solid #ccc; color:#fff; font-size:14px; line-height:16px; }
dl.playSession dt .tit { margin:0; padding:0; ; font-size:14px; margin-bottom:5px; line-height:18px; }
dl.playSession dt span { margin-top:5px; font-size:14px; line-height:18px; }
dl.playSession dd { margin:0; padding:10px 0 10px; }
dl.playSession div.tit { font-size:14px; line-height:16px; }
dl.playSession div.chairs { position:relative; padding:0 0 0 85px; font-size:13px; line-height:16px; font-weight:300; }
dl.playSession div.chairs span { position:absolute; top:0; left:0; display:block; }

dl.playSession ul,
dl.playSession li,
dl.playSession span { display:block; margin:0; padding:0; list-style:none; }
dl.playSession li { margin-top:10px; font-size:13px; line-height:16px; font-weight:300; }

dl.playSession span.tit { color:#92e8ff; font-weight:400; margin-bottom:2px; margin-top:4px; font-size:14px; line-height:17px; }

dl.playSession span.btn { margin-top:5px; font-size:0; line-height:0; }
dl.playSession span.btn > a { display:inline-block; vertical-align:top; height:auto; margin-left:4px; padding:3px 10px; background-color:#fff; color:#45485a; font-size:12px; line-height:15px; }
dl.playSession span.btn > a:first-child { margin-left:0; }*/

div.bgBox { background-color:#172239; }
dl.playSession { }
dl.playSession dt { padding:0 10px; }
dl.playSession dt a { display:block; width:100%; padding:10px 5px; border-bottom:1px solid #69748b; color:#69748b; font-size:14px; line-height:20px; font-weight:500; text-decoration:none; }

dl.playSession dd a, dl.playSession dd span { display:block; text-decoration:none; }
dl.playSession li { margin-top:15px; }
dl.playSession li:first-child { margin-top:0; }
dl.playSession li a { color:#646155; font-size:13px; line-height:17px; font-weight:400; }

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

dl.playSession dt.view + dd ul { padding:15px 10px; }

dl.playSession li.on a { color:#fff; }
dl.playSession li.on span.name { color:#81e9ff; font-style:italic; }




/* 질문하기 */
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:#658dc8; }








/* 팝업 > 로그아웃*/
#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:#004899; border-color:#004899; }
#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#popupVoting .popup { position:absolute; left:0; top:auto; bottom:0; width:100%; height:auto; padding:10px 15px 80px; background-color:#f0f2fa; box-sizing:border-box; }
div#popupVoting h1 { padding:10px 0; margin:0; color:#004899; 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; }


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



/* Question */
div.question { z-index:100; position:fixed; left:0; bottom:0; width:100%; padding:15px 15px 70px; background-color:#f0f2fa; 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 #9ba3b2; padding:10px; color:#fff; font-size:14px; box-sizing:border-box; background-color:#9ba3b2; }
div.question textarea { height:100px; height:170px; }
div.question input[type=text]::placeholder,
div.question textarea::placeholder { color:rgba(255,255,255,.5); }





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; }
dl.notice, dl.notice > dt, dl.notice > dd { margin:0; padding:0; }
dl.notice { border:1px solid #dcdcdc; border-top:0 none; }
dl.notice:first-child { border-top: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:15px; 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; border-top:1px solid #dcdcdc; color:#777; font-size:14px; word-break:keep-all; }
dl.notice:nth-child(odd) a.trigger { background-color:#f8f8f8; }
dl.notice div.date { color:#004899; 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; }



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 #dcdcdc; color:#4d4d4d; font-size:15px; line-height:26px; font-weight:400; }
ul.tabMenu .on a,
ul.conMenu .on a { border-color:#004899; background-color:#004899; color:#fff; font-weight:500; font-weight:500; }

ul.subMenu a { display:table-cell; width:1000px; height:40px; padding:0 10px; vertical-align:middle; text-align:center; background-color:#fff; border:1px solid #dcdcdc; border-left:0 none; color:#6c6d7d; letter-spacing:-1px; font-size:14px; line-height:18px; font-weight:500; }
ul.subMenu .on a { color:#fff; border-color:#791b1d; background-color:#791b1d; }
ul.subMenu > li:first-child a { border-left:1px solid #dcdcdc; }

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

ul.conMenu {  }
ul.col3ea > li:first-child { float:left; width:33.3%; }
ul.conMenu > li { float:left; /*width:50%; */ box-sizing:border-box; }
ul.conMenu a:first-child { font-size:13px !important; border-right:none; }
ul.conMenu a { height:30px; }
ul.conMenu li:last-child { border-right:1px solid #dcdcdc; }
ul.conMenu a { display:block; color:#737895; font-size:13px; line-height:30px; font-weight:400; font-weight:500; text-align:center; }
ul.conMenu .on a { color:#fff; border-color:#004899; font-weight:500; font-weight:500; ; }

dl.toggleArea, dl.toggleArea * { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.toggleArea a { display:block; text-decoration:none; }
dl.toggleArea { z-index:50; position:relative; padding:15px; background-color:#e1e4ee; }
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; }
.ie7 table.program { border-collapse:collapse; }
table.program > * > tr > * { word-break:normal; }

table.program { border-top:2px solid #243360; }
table.program > * > tr > * { padding:5px 0; text-align:center; color:#222; font-size:12px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
table.program > * > tr:first-child > * { border-top:0 none; }
table.program > * > tr > *:first-child { border-left:0 none; }
table.program > * > tr > th { font-weight:400; background-color:#f0f1f4; }
table .bdLeft { border-left:1px solid #ccc !important; }

div.glance { overflow:auto; padding:15px; }
div.glance > table.program { width:1000px; }

a.onair { display:block; width:70px; height:20px; margin:5px auto 0; border-radius:10px; font-size:0; line-height:0; background-color:#fff; background-position:center center; background-repeat:no-repeat; animation-duration:1s; animation-name:onair; animation-iteration-count:infinite; background-size:38px; }
@keyframes onair { 
	0% { background-image:url('https://ksbmr2022.ezv.kr//asset/layout/icon_onair.png'); }
	50% { background-image:url('https://ksbmr2022.ezv.kr//asset/layout/icon_onair_on.png'); }
	100% { background-image:url('https://ksbmr2022.ezv.kr//asset/layout/icon_onair.png'); }
}


/* 프로그램 > 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:#f0f2fa; }
div#popupSurvey h1 { padding:20px 0 5px; margin:0; color:#004899; 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:#004899; 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: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:#004899; 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; }


/* 이부스 */
div.ebooth { background:#e9f1fb url('booth/bg.png') center bottom no-repeat; background-size:100%; }
ul.ebooth, ul.ebooth li, ul.ebooth a, ul.ebooth img { display:block; margin:0; padding:0; list-style:none; text-decoration:none; }
ul.ebooth { padding:15px 15px 5px; }
ul.ebooth:after { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }
ul.ebooth li { float:left; width:calc(50% - 5px); margin:0 0 10px 10px; box-sizing:border-box; border:1px solid #ccc; border-radius:3px; background:#fff; box-shadow:0 0 10px rgba(132,157,189,.3); }
ul.ebooth li:nth-child(2n+1) { margin-left:0; clear:both; }
ul.ebooth li a { position:relative; display:table-cell; vertical-align:middle; width:2000px; height:48px; }
ul.ebooth li img { display:block; max-width:80%; margin:0 auto; }




dl.boothInfo, dl.boothInfo dt, dl.boothInfo dd, dl.boothInfo ul, dl.boothInfo li, dl.boothInfo a { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.boothInfo { padding:15px 20px; background-color:#f0f2fa; }
dl.boothInfo > dt { position:relative; margin-bottom:20px; padding-right:80px; color:#004899; font-size:23px; line-height:24px; font-weight:500; }
dl.boothInfo > dt a { position:absolute; right:0; top:50%; width:70px; margin-top:-12px; height:14px; padding:5px 0; color:#fff; font-size:12px; line-height:12px; font-weight:500; background-color:#212854; text-align:center; }
dl.boothInfo > dt a.comp { background-color:#e91e63; }

dl.boothInfo ul { }
dl.boothInfo ul:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
dl.boothInfo ul > li { float:left; width:50%; }
dl.boothInfo ul > li:last-child { width:50%; }

dl.boothInfo ul a { display:block; padding:13px 0 11px; border-right:1px solid #9d9fb3; border-bottom:1px solid #9d9fb3; text-align:center; background-color:#fff; color:#6c6d7d; font-size:14px; line-height:20px; font-weight:400; }
dl.boothInfo ul li:first-child a { border-left:1px solid #9d9fb3; }
dl.boothInfo ul li:nth-child(-n+3) a { border-top:1px solid #9d9fb3; }
dl.boothInfo ul .on a { border-color:#004899; color:#fff; background-color:#004899; font-weight:500; }

div.boothCon { min-height:456px; padding:164px 0 70px; background:url('ebooth/boothBg.png') left top no-repeat; background-size:100% 100%; box-sizing:border-box; }

div.boothCon > div { position:relative; margin:0 auto; background-position:center top; background-repeat:no-repeat; font-size:14px; }





div.boothUtil { z-index:10; position:fixed; left:0; bottom:0; width:100%; padding:0 65px; box-sizing:border-box; background-color:#5b679b; }
div.boothUtil a { display:table-cell; width:300px; height:55px; padding:0 10px; background-color:#5b679b; color:#fff; font-weight:500; font-size:15px; line-height:25px; text-align:center; vertical-align:middle; text-decoration:none; }
div.boothUtil img { display:inline-block; vertical-align:middle; height:13px; padding:0 10px 0 0; }

div.boothUtil a.prev,
div.boothUtil a.next { position:absolute; top:0; background-color:#ecf0ff; width:65px; color:#212854; text-align:center; line-height:55px; }

div.boothUtil a.prev { left:0; }
div.boothUtil a.next { right:0; }
div.boothUtil a.next img { padding:0 0 0 10px; }

/* 상세보기 > Type A */
div.boothA { position:relative; width:325px; height:140px; margin:20px auto; background-image:url('ebooth/boothBg_a.png'); background-size:325px; }
.boothA div.boothLogo { display:block; width:88px; height:21px; top:8px; margin-left:-44px; }
.boothA > div { position:absolute; display:none; left:50%; }
.boothA img { display:block; height:100%; }

.boothA div.poster_left { display:block; width:165px; height:54px; top:50px; margin-left:-120px; }
.boothA div.poster_right { display:block; width:77px; height:76px; top:42px; margin-left:108px; }

.boothA div.boothVod { display:block; width:80px; height:45px; top:45px; margin-left:-40px; }

/* .boothA div.boothVod a:hover:before { z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:url('ebooth/icon_play.png') center center no-repeat; } */

.boothA div.boothBrochure { width:20px; height:126px; top:185px; margin-left:124px; }


div.company { padding-bottom:55px; }
div.company h1 { padding:25px; }
div.company h1 img { display:block; ; margin:0 auto; }
div.company div.scrollArea { padding:0; height:170px; padding:0px 10px 10px 10px; }
div.company div.scrollArea p { color:#222; font-size:14px; padding:0 10px; line-height:20px; text-align:justify; font-weight:400; }
div.company dl { margin-top:0; }
div.company dl dt { padding:10px  20px; background-color:#60658c; color:#fff; font-size:13px; line-height:20px; font-weight:500; }
div.company dl dd { padding:15px 20px; }


div.company dl.brochure { }
div.company dl.brochure dt { position:relative; }
div.company dl.brochure dt a { position:absolute; right:0px; top:0; padding:0 10px; text-decoration:none; background-color:#004899; color:#fff; font-size:12px; line-height:40px; font-weight:300; }
div.company dl.brochure dt a:after { display:inline-block; vertical-align:top; width:20px; height:40px; margin-left:15px; background:url('ebooth/icon_download.png') center center no-repeat; content:''; background-size:20px; }

div.company dl.brochure dd { padding:13px 30px 13px; }
div.company dl.brochure dd a { display:block; width:152px; margin:0 auto; }
div.company dl.brochure dd a > * { display:block; ; margin:5px auto; }


div.company dl.brochure dd { position:relative; padding:18px 30px 17px; height:244px; box-sizing:border-box; }
div.company dl.brochure dd.pdfDownload { position:absolute; right:0px; top:0; height:auto; padding:0; height:35px; }
div.company dl.brochure dd.pdfDownload a { position:relative; display:block; padding:5px 47px 5px 23px; text-decoration:none; background-color:#004899; color:#fff; font-size:15px; line-height:25px; font-weight:300; }
div.company dl.brochure dd.pdfDownload a:after { position:absolute; top:50%; right:18px; width:20px; height:17px; margin-top:-8px; background:url('ebooth/icon_download.png') 0 0 no-repeat; content:''; }

div.company dl.brochure dd ul { width:100%; height:auto; text-align:center; }
div.company dl.brochure dd ul:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

div.company dl.brochure dd li { height:209px; padding:0 20px; list-style:none; }
div.company dl.brochure dd ul a { display:table-cell; width:300px; height:209px; vertical-align:middle; text-align:center; }
div.company dl.brochure dd ul a img { display:inline-block; height:209px; }

div.company dl.brochure dd ul a.download { margin-top:10px; position:relative; display:block; padding:5px 25px 5px 5px; text-decoration:none; background-color:#004899; color:#fff; font-size:13px; 
	line-height:25px; font-weight:500; letter-spacing:-0.5px; text-align:left; }
div.company dl.brochure dd ul a.download:after { position:absolute; top:50%; right:5px; width:20px; height:17px; margin-top:-8px; background:url('ebooth/icon_download.png') 0 0 no-repeat; content:''; }


div.company dl.brochure dd a.bx-prev,
div.company dl.brochure dd a.bx-next { position:absolute; top:50%; width:18px; height:32px; margin-top:-16px; text-indent:-10000px; background-repeat:no-repeat; }
div.company dl.brochure dd a.bx-prev { left:40px; background-image:url('ebooth/brochure_prev.png'); background-position:left center; }
div.company dl.brochure dd a.bx-prev:hover { background-image:url('ebooth/brochure_prev_o.png'); }
div.company dl.brochure dd a.bx-next { right:40px; background-image:url('ebooth/brochure_next.png'); background-position:right center; }
div.company dl.brochure dd a.bx-next:hover { background-image:url('ebooth/brochure_next_o.png'); }


/*
div.company dl.brochure { position:relative; }
div.company dl.brochure dd { padding:25px 30px 15px; }
div.company dl.brochure a { display:block; width:152px; margin:0 auto; text-decoration:none; }
div.company dl.brochure a > * { display:block; ; margin:0 auto; }
div.company dl.brochure a span { position:absolute; top:-10px; right:0; padding:10px 46px 10px 24px; margin-top:10px; text-decoration:none; background-color:#004899; color:#fff; font-size:13px; line-height:20px; font-weight:300; }
div.company dl.brochure a span:after { position:absolute; top:50%; right:16px; width:20px; height:17px; margin-top:-8px; background:url('ebooth/icon_download.png') 0 0 no-repeat; background-size:20px; content:''; }
*/





div.company .btn { margin:0; }
div.company div.btn a { position:relative; display:block; height:auto; padding:5px 20px; border-color:#198ded; background-color:#198ded; color:#fff; text-decoration:none; 
	font-size:13px; line-height:20px; font-weight:500; box-sizing:border-box; }
div.company div.btn a:after { position:absolute; top:50%; right:20px; display:block; width:9px; height:10px; margin:-5px 0 0; background:url('ebooth/icon_triangle.png') 0 0 no-repeat; 
	background-size:9px; content:''; }

div.company dl.info { margin-top:10px !important; }
div.company dl.info div { padding:15px 20px; border:1px solid #e0e1e8; background-color:#fff; }
div.company dl.info p { color:#010358; font-size:16px; line-height:26px; font-weight:500; }
div.company dl.info p.name { margin-top:8px; color:#000; }
div.company dl.info li {     word-break:keep-all; position:relative; margin:0; list-style:none; padding:0 0 0 18px; font-size:14px; line-height:20px; font-weight:300; }
div.company dl.info li span { position:absolute; top:0; left:0; color:#0959e8; font-weight:400; }
div.company dl.info li a { color:inherit; text-decoration:none; }


dl.ebooth, dl.ebooth * { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.ebooth > dt { padding:9px 15px 10px; color:#fff; font-size:17px; line-height:25px; font-weight:500; 
	background:url('mobile/booth_titBg_l.png') 0 0 no-repeat, url('mobile/booth_titBg_r.png') right top no-repeat, #d8a435; background-size:auto 44px; }
dl.ebooth.diamond > dt { background-color:#2d3456; }
dl.ebooth.platinum > dt { background-color:#4597ac; }
dl.ebooth.gold > dt { background-color:#d8a435; }
dl.ebooth.gold2 > dt { background-color:#d67f17; }
dl.ebooth.bronze > dt { background-color:#856851; }
dl.ebooth.silver > dt { background-color:#949ba5; }
dl.ebooth.normal > dt { background-color:#da577c; }

dl.ebooth > dd { padding:15px; }
dl.ebooth ul { text-align:center; }
dl.ebooth li { }
dl.ebooth a, dl.ebooth span { display:block; }
dl.ebooth a { color:#000; font-size:14px; font-weight:500; text-align:center; }
dl.ebooth span.logo { position:relative; padding:10px 0; border:1px solid #ccc; text-align:center; }
dl.ebooth span.logo img { display:inline-block; max-width:70%; }
/* dl.ebooth.gold span.logo { background-color:#ffd502; } */

dl.ebooth ul.spon2ea { padding:0; }
dl.ebooth ul.spon2ea:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
dl.ebooth ul.spon2ea > li { float:right; width:calc(50% - 5px); margin-top:10px; }
dl.ebooth ul.spon2ea > li:nth-child(-n+2) { margin-top:0; }
dl.ebooth ul.spon2ea > li:nth-child(odd) { clear:both; float:left; }

dl.ebooth ul.bronze { padding:0; }
dl.ebooth ul.bronze:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
dl.ebooth ul.bronze > li { float:right; width:calc(50% - 5px); margin-top:10px; }
dl.ebooth ul.bronze > li:nth-child(-n+2) { margin-top:0; }
dl.ebooth ul.bronze > li:nth-child(odd) { clear:both; float:left; }

dl.ebooth li.visited span.logo:after { position:absolute; left:0; top:0; width:100%; height:100%; content:""; 
	background:rgba(39,43,75,.35) url('mobile/visited_2.png') center center no-repeat; background-size:43px; }

div#eBoothView { padding-bottom:55px; }
div#eBoothView h1 { position:relative; padding:0 102px 0 10px; color:#fff; background:#424763; font-size:16px; line-height:43px; font-weight:500; }
div#eBoothView h1 a { padding-left:10px; position:absolute; right:10px; top:50%; height:16px; padding:8px 10pX; margin-top:-18px; text-align:center; color:#fff; 
	border:1px solid #fff; background-color:#e91e63; text-decoration:none; font-size:12px; line-height:18px; font-weight:400; }
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:15px; background-color:#e8e8e8; }
ul.eBoothMenu:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.eBoothMenu li { float:left; width:33%; box-sizing:border-box; border-right:1px solid #9d9fb3; border-bottom:1px solid #9d9fb3; background-color:#fff; }
ul.eBoothMenu li:nth-child(3n+1) { clear:both; width:34%; border-left:1px solid #9d9fb3; }
ul.eBoothMenu li:nth-child(-n+3) { border-top:1px solid #9d9fb3; }

ul.eBoothMenu a { display:table-cell; width:500px; height:38px; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; color:#6c6d7d; font-weight:400; }
ul.eBoothMenu li.on { background-color:#e91e63; border-color:#e91e63; }
ul.eBoothMenu li.on a { color:#fff; font-weight:500; }

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

div.eboothCon { margin:0px 15px; padding:0 0 20px; background-color:#fff; color:#000; font-size:14px; line-height:25px; font-weight:400; }

div.eboothCon p { padding:10px; }

div.eboothCon img { max-width:100%; }
div.eboothCon ul { padding-left:30px}
div.eboothCon ul.download { margin:0 ; padding:0; list-style:none; text-decoration:none; }
div.eboothCon ul.download a i {  color:#FFEB3B; top:0px; position:relative; margin-left:7px; }
div.eboothCon .download li { width:48% ; text-align:center; font-size:0; line-height:0; float:left; margin-right:4%; }
div.eboothCon .download li:nth-child(2n) { margin-right:0; }
div.eboothCon .download li img { box-sizing:border-box; max-width:100%; border:1px solid #979797; }
div.eboothCon .download li a.brochure_down {  font-size:13px; position:relative; margin-top:20px; padding:10px  25px; background-color:#004899; color:#fff; line-height:50px; 
	font-weight:500; text-align:center; text-decoration:none; }

div.eboothCon ul.nameCard {     background:#f8f8f8; border:1px solid #d2cbcb; padding:25px 20px; list-style:none; }
div.eboothCon ul.nameCard li { font-weight:bold; list-style:none; }
div.eboothCon ul.nameCard li span { font-weight:normal}
div.eboothCon ul.nameCard li img { vertical-align:middle; margin-right:10px; }
div.eboothCon ul.nameCard li a { color:#0656a3; text-decoration:underline; font-weight:bold; }
div.eboothCon ul.nameCard span.name_kr { margin-bottom:10px; display:block; font-size:20px; font-weight:bold; color:#002f75; }



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:#004899; 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.eboothCon div.vodArea { text-align:center; margin:15px; height:200px; }
div.eboothCon div.vodArea img { height:100%; }

ul.brochures, ul.brochures li, ul.brochures a { margin:0; padding:0; list-style:none; text-decoration:none; }
div.eboothCon ul.brochures { padding:10px 15px 15px; }
ul.brochures:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.brochures li { float:right; width:calc(50% - 10px); margin-bottom:20px; }
ul.brochures li:nth-child(odd) { clear:both; float:left; }
ul.brochures a,
ul.brochures img,
ul.brochures span { display:block; }
ul.brochures img { width:100%; border:1px solid #ccc; box-sizing:border-box; }
ul.brochures span { padding:12px 0; text-align:center; color:#fff; background-color:#004899; font-weight:400; font-size:12px; line-height:16px; }



div.guestBook { padding:20px; }
div.guestBook h1 { text-align:center; color:#111; font-size:20px; font-weight:500; }
div.guestBook > p { margin-bottom:15px; text-align:center; color:#222; line-height:25px; font-size:13px; font-weight:400; }
div.guestBook dl { position:relative; margin-bottom:20px; }
div.guestBook dt { position:absolute; left:10px; top:45px; color:rgba(255,255,255,.5); font-size:12px; line-height:40px; font-weight:500; }
div.guestBook dt:first-child { top:0; }
div.guestBook dd { margin-bottom:5px; /*padding:0 0 0 80px; */background-color:#9ba3b2; }

div.guestBook input[type=text] { width:100%; height:40px; border:0 none; padding:0 0 0 56px; color:#fff; font-size:13px; background-color:transparent; }
div.guestBook textarea { background-color:#9ba3b2; color:#fff; }
div.guestBook textarea::placeholder { color:rgba(255,255,255,.5); }

div.guestBook div.btn { padding-top:15px; }
div.guestBook div.btn > *,
div.survey div.btn > * { display:block; width:100%; border-color:#4db4ef !important; background-color:#4db4ef !important; }

div.boothEvent { padding:20px 0; }
div.boothEvent h1 { text-align:center; color:#111; font-size:20px; font-weight:500; }
div.boothEvent .rollingArea { }
div.boothEvent .bx-wrapper { position:relative; margin:10px auto; padding-top:20px; }

ul.stamp { width:calc(100% - 20px); margin:0 auto; font-size:0; line-height:0; text-align:center; }
ul.stamp:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.stamp > li { overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:68px; height:68px; margin:0 0 10px 10px !important; border-radius:50%; background:url('mobile/stamp_bg.png') center center no-repeat; background-size:68px; }
ul.stamp > li:nth-child(3n+1) { clear:both; margin-left:0 !important; }
ul.stamp a { display:table-cell; width:68px; height:68px; vertical-align:middle; text-align:center; }
ul.stamp img { width:70%; display:inline-block; }


ul.stamp .visit:before { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(155,12,63,.75); content:"방문완료"; text-align:center; line-height:68px; color:#fff; font-size:13px; font-weight:400; }

div.boothEvent .bx-controls { position:absolute; top:0; left:0; right:0; bottom:0; }

div.boothEvent .bx-controls-direction { position:absolute; top:50%; left:0; width:100%; height:41px; }
div.boothEvent .bx-prev, div.boothEvent .bx-next { position:absolute; top:0; display:block; width:21px; height:41px; margin-top:-10px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; background-size:21px; }
div.boothEvent .bx-prev { left:-15px; background-image:url('mobile/stamp_prev.png'); }
div.boothEvent .bx-next { right:-15px; background-image:url('mobile/stamp_next.png'); }

div.boothEvent .bx-pager { position:absolute; bottom:-30px; left:50%; font-size:0; line-height:0; transform:translateX(-50%); }
div.boothEvent .bx-pager > div { display:inline-block; vertical-align:top; }
div.boothEvent .bx-pager > div a { display:block; width:10px; height:10px; background-color:#ccc; margin-right:12px; border-radius:5px; }
div.boothEvent .bx-pager > div a.active { width:30px; background-color:#4757a5; }

div#eBooth div.close,
div#eBoothView div.close { position:fixed; left:0; bottom:0; width:100%; }
div#eBooth div.close > a,
div#eBoothView div.close > a { display:block; width:100%; height:55px; line-height:53px; font-size:18px; padding:0; font-weight:400; text-align:center; box-sizing:border-box; background-color:#b82430; border-color:#b82430; color:#fff; }


div#popupEbooth { }
div#popupEbooth > div { overflow-x:hidden; overflow-y:auto; position:absolute; left:20px; top:20px; width:calc(100% - 40px); height:calc(100% - 40px); background-color:#fff; box-sizing:border-box; }
div#popupEbooth h1 { padding:15px; color:#042590; font-size:15px; line-height:22px; font-weight:500; }

div.sponSession { }
div.sponSession:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.sponSession > div { padding-bottom:10px; }
div.sponSession > div:first-child { }

dl.sessionInfo, dl.sessionInfo dt, dl.sessionInfo dd { margin:0; padding:0; }
dl.sessionInfo { margin-bottom:10px; padding:15px; color:#222; font-weight:400; font-size:12px; background-color:#e1e4ee; }
div.sponSession > div:first-child dl.sessionInfo { background-color:#fcf5e7; color:#5c3d29; }

dl.sessionInfo dt { font-weight:500; font-size:14px; }
dl.sessionInfo ul { margin:0; }
dl.sessionInfo li { list-style-position:inside; }

div.sponSession div.speakerInfo { }
div.speakerInfo { margin:0 10px; padding:10px; border:1px solid #acb4cd; font-size:13px; font-weight:400; }
div.speakerInfo:first-child { border-top:1px solid #acb4cd; }
div.speakerInfo dl { position:relative; min-height:60px; padding-left:75px; box-sizing:border-box; color:#000; }
div.speakerInfo dl dt { padding-top:10px; color:#000; font-weight:500; }
div.speakerInfo dl dd.photo { position:absolute; left:0; top:0; }
div.speakerInfo dl dd.photo img { display:block; width:58px; height:60px; }
div.speakerInfo div.tit { padding-top:15px; color:#b3215b; font-weight:500; text-transform:uppercase; line-height:1.2; }

div.speakerInfo + div.speakerInfo { border-top:0 none; }


div#popupEbooth .close { position:absolute; right:10px; top:8px; width:40px; height:40px; margin:0; padding:0; }
div#popupEbooth .close a { display:block; height:100%; text-indent:-10000px; background:url('/asset/mobile/popup_close2.png') center center no-repeat; }





/* 이부스 */
div#ads { position:relative; font-weight:400; }

ul.adsList, ul.adsList li, ul.adsList a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.adsList { padding:20px 20px 65px; }
ul.adsList:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.adsList li { float:right; width:calc(50% - 5px); padding-top:20px; }
ul.adsList li:nth-child(odd) { clear:both; float:left; }
ul.adsList li:nth-child(1),
ul.adsList li:nth-child(2) { padding-top:0; }
ul.adsList a { position:relative; display:block; height:40px; padding:10px 0; border:1px solid #e0e0e0; text-align:center; }
ul.adsList img { display:inline-block; height:40px; }

ul.adsList a.visit { border-color:#c23d54; }
ul.adsList a.visit:before { position:absolute; right:0; top:0; padding:1px 10px 4px; background-color:#c23d54; color:#fff; font-weight:400; font-size:10px; line-height:16px; content:"방문완료"; }


div#ads h3 { position:relative; padding:20px 110px 20px 20px; color:#000; font-size:16px; line-height:20px; font-weight:400; }
div#ads h3 span { display:block; font-weight:500; font-weight:700; }
div#ads h3 a { position:absolute; right:20px; top:20px; width:80px; height:20px; padding:9px 0; text-align:center; color:#fff; background-color:#e68217; text-decoration:none; font-size:12px; line-height:20px; font-weight:500; }

div#ads ul.util { padding:20px 0 0; margin:0 20px 20px; border-top:1px solid #ccc; }
div#ads ul.util:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div#ads ul.util li { float:left; width:32%; margin:0 0 0 10px; padding:0; list-style:none; }
div#ads ul.util li:first-child { width:calc(36% - 20px); margin-left:0; }
div#ads ul.util a { display:block; height:20px; padding:9px 0; text-align:center; text-decoration:none; color:#fff; background-color:#2d3456; font-size:12px; line-height:20px; font-weight:500; }

div.adsCon { padding:15px 10px 20px; background-color:#f4f4f4; color:#000; font-size:14px; line-height:25px; font-weight:400; }
div.adsCon p { height:275px; }
div.adsCon > * { margin-top:20px; }
div.adsCon > *:first-child { margin-top:0; }
div.adsCon img { max-width:100%; }

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





/* My Page */
div.myNote { padding:15px; word-break:keep-all; ; background:#2a3754; color:#ffe363; font-size:14px; line-height:18px; font-weight:400; }

div.mypage { padding:15px; }


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

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:#004899; }

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:#004899; 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:#004899; 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; }






/* 설문조사 */
.survey-form { 
	font-size:14px; 
}
.write-wrap li {
	margin-bottom: 30px;
}
.write-wrap .tit {
	margin-bottom: 10px;
	text-indent: -25px;
    padding-left: 25px;
    word-break: keep-all;
}
.write-wrap .tit .required{
    margin: 5px;
    vertical-align: middle;
}

.survey-form textarea {
	height: 100px;
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
}
.survey-form textarea::placeholder { 
	color:#bebebe; 
}