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


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

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

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

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

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



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


.fcBlue {color: #e31e1e !important;} /* 241202 수정 */
.fcPoint { color:#6b6b6b !important; }
.fwBold {font-weight:bold !important;}



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




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

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


/* Font */
.fwBold { font-weight:bold !important; }
.fwNormal { font-weight:normal !important; }
.fcWhite { color:#fff !important; }
.fcBlack { color:#000 !important; }
 
.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; }
.fcLblue { color:#235db6; }

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


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

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

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


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


/* 공통 레이아웃 */
body {  line-height:1.5; color:#333;  'Pretendard-Regular' , sans-serif !important;  -webkit-text-size-adjust:none; }
.wrapper { position:relative; width:100%; word-break:normal; z-index:0; }

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

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



.tabCon,
.toggleCon { display:none; }

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


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



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

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

table.tblDef { border-top:2px solid #263b80; }
table.tblDef > * > tr > th,
table.tblDef > * > tr > td { padding:10px; border-left:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; text-align:center; color:#333; font-size:14px; line-height:18px; 
	word-break:keep-all; }
table.tblDef > * > tr > *:first-child { border-left:0 none; }
table.tblDef > thead > tr > th { border-bottom-color:#d6d6d6; background-color:#f5f5f5; color:#000; }
table.tblDef > tbody > tr > th { background-color:#f5f5f5; }


table.inputTbl > * > tr > th { text-align:center; }
table.inputTbl td > *:first-child,
table.inputTbl td .clear,
table.inputTbl input[type=radio]:first-child,
table.inputTbl input[type=checkbox]:first-child { margin-left:0 !important; }

table.inputTbl input[type=text],
table.inputTbl input[type=password],
table.inputTbl select { }


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

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


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

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


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


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


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

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

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

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

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

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

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

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

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

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

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

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

table.inputTbl td.birth { }

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

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


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

input.inputWide { width:90%; }

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




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

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



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

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

span.inputC,
span.inputR { overflow:hidden; position:relative; display:inline-block; width:24px; height:24px; vertical-align:top; }
span.inputR { }
span.inputC input,
span.inputR input { position:absolute; left:0; top:0; display:block; width:100%; height:100%; margin:0; opacity:0; }

span.inputC:before,
span.inputR:before { display:block; width:24px; height:24px; content:" "; background:#dcdcdc url('player/input_checked.png') center center no-repeat; }
span.inputR:before { }
span.inputC.on:before,
span.inputR.on:before { background-color:#383971; }


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

.btn a { height:auto; line-height:20px; padding:8px 15px 10px; }
.btn a.twoLine { }
.btn a:before { display:inline-block; padding-right:10px; }



/* 남색*/				.btnDef { background-color:#354156 !important; border-color:#354156 !important; color:#fff !important; }
/* 다크레드 */			.btnPoint { background-color:#931a20 !important; border-color:#931a20 !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:#525252 !important; border-color:#525252 !important; color:#fff !important; }
/* 연회색 */			.btnLGrey { background-color:#9ca7af !important; border-color:#9ca7af !important; color:#fff !important; }


/* border+ 남색*/ 			.btnBdDef { background-color:#fff !important; border-color:#272b4b !important; color:#272b4b !important; }
/* border+ 주황색 */			.btnBdPoint { background-color:#fff; border-color:#4f71b8; color:#4f71b8; }
/* border+ 회색 */			.btnBdGrey { background-color:#fff; border-color:#7e7f87; color:#7e7f87; }
/* border+ 연회색 */			.btnBdLGrey { background-color:#f5f5f5; border-color:#b3b3b3; color:#454545; }


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

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



div.wrapper { /* overflow:hidden */; width:100%; min-width:320px; }
div.wrapper:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:" "; }

img { max-width:100%; }

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

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


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

ul.listBl li { position:relative; margin:5px 0 0; padding:0 0 0 1.2em ; word-break:keep-all; list-style:none; }
ul.listBl li:before { position:absolute; left:0; top:0; content:"· "; font-weight:700; }



/* Login */
div.webinarLogin { box-sizing:border-box;background-color: #fcf8ed;}
div.webinarLogin a { display:block; text-decoration:none; }

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

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


div.loginArea dl { position:relative; margin:0; margin-bottom:10px; }
div.loginArea dt { color:#222; line-height:40px; font-size:15px; font-weight:500; }
div.loginArea dd { position:relative; height:40px; padding:0 10px; background-color:#fff; border:1px solid #dadada; box-sizing:border-box; }
div.loginArea dd input { display:block; position:relative; z-index:10; width:100%; height:100%; padding:0; border:0 none; background-color:transparent; font-size:14px; box-sizing:border-box; }
div.loginArea dd input::placeholder { color:#c3c3c3; font-size:12px; }

div.loginArea dd input:focus + span.placeholder { display:none; }
/* div.loginArea dd input { position:relative; z-index:10; width:100%; height:40px; border:1px solid #dadada; background-color:#fff; box-sizing:border-box;  padding-left:15px; }
div.loginArea dd input::placeholder,
div.loginArea dd span.placeholder { color:#999; line-height:40px; font-size:13px; font-weight:300; }
div.loginArea dd span.placeholder { position:absolute; left:15px; } */

div.loginArea div.btn { margin-top:15px; font-size:16px; font-weight:600; }
div.loginArea div.btn input { width:100%; height:40px; box-sizing:border-box; background-color:#0a94cc !important; border-color:#0a94cc !important; color:#fff;
	font-weight:500; }
div.loginArea div.btn input{
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    background-color: #de6647 !important;
    border-color: #de6647 !important;
}

ul.loginNote, ul.loginNote li { margin:0; padding:0; list-style:none; }
div.fixedArea { position:fixed; bottom:0; left:0; width:100%; min-width:320px; background-color:#252e43; z-index: 10;} /* 241129 수정 */
div.fixedArea{
    background-color: #232933;
}
div.fixedArea ul.loginNote { padding:15px; }
div.fixedArea ul.loginNote{
    padding: 25px 20px;
}
div.loginArea ul.loginNote li { margin-top:5px; font-size:12px; letter-spacing:-0.5px; line-height:17px; color:#fff; font-weight:300; }
div.loginArea ul.loginNote .point { color:#ffcd1e; }
div.loginArea ul.loginNote li a { display:inline-block; color:#fff; text-decoration:none; }

div.loginArea div.logo { padding:20px 0; }
div.loginArea div.logo img { display:block; height:43px; margin:0 auto; }

div.loginArea p.logo { margin:10px 0 0; }
div.loginArea p.logo img { display:block; height:34px; margin:0 auto; }

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




/* 메인 */
div.webinarMain { position:relative; padding:0 0 50px; box-sizing:border-box; background-color:#e8edf8; }
div.webinarMain h1 { margin:0; padding:0; }
div.webinarMain h1 img { display:block; width:100%; }

div.mainQuick { }
ul.wsMenu { padding:20px; }
ul.wsMenu:after { display:block; clear:both; content:''; font-size:0; line-height:0; }

ul.wsMenu li { float:left; width:calc(50% - 5px); margin:10px 0 0; padding:0; list-style:none; }
ul.wsMenu li:nth-child(2n) { clear:both; margin-right:10px; }
ul.wsMenu li:first-child { margin-top:0; }
/* ul.wsMenu li:first-child a { background:linear-gradient(to right, #0c81c3, #22b8c7); color:#fff; font-size:16px;} */
/* 241118 수정 */


ul.wsMenu li a { position:relative; display:table-cell; padding:0 10px 0 10px; height:60px; vertical-align:middle; width:2000px; background-color:#fff; border-radius:1px;
 color: #fff;text-align:center; line-height:18px; font-size:14px;     font-family: 'Pretendard-medium', sans-serif !important;; text-decoration:none; box-sizing:border-box; }
ul.wsMenu a img { display:inline-block; height:32px; margin-right:8px; vertical-align:middle; } /* 241118 수정 */

ul.wsMenu li.wide { width:100%; }
ul.wsMenu li.wide a { padding:0 20px; text-align:center;}
ul.wsMenu li.wide a img { position:static; display:inline-block; margin-right:10px; vertical-align:middle; }

div.webinarMain div.btnArea { position:fixed; left:0; bottom:0; width:100%; }
div.webinarMain div.btnArea a { display:block; width:100%; text-align:center; vertical-align:top; line-height:50px; background-color:#3f454f; color:#fff;  font-size:14px; font-weight:500; text-decoration:none; }	


/* 98회 수정 : 25.08.19 : 임수비 */
.wsMenu > .player > a {
	background-color: #2750a5;
}
.wsMenu > .program > a {
	background-color: #f09928;
}
.wsMenu > .download > a {
	background-color: #258756;
}
.wsMenu > .faq > a {
	background-color: #3e95e4;
}
.wsMenu > .notice > a {
	background-color: #13a6ce;
}
.wsMenu > .mypage > a {
	background-color: #a3be1b;
}
.wsMenu > .tech > a {
	background-color: #232933;
}
.wsMenu > .player > a img {
	height: 25px;
}
.wsMenu > .program > a img {
	height: 25px;
}
.wsMenu > .download > a img {
	height: 26px;
}
.wsMenu > .faq > a img {
	height: 22px;
}
.wsMenu > .notice > a img {
	height: 23px;
}
.wsMenu > .mypage > a img {
	height: 28px;
}
.wsMenu > .tech > a img {
	height: 22px;
}


/*  서브 페이지 */
div.webinar { padding-bottom:55px; box-sizing:border-box; background-color:#fff; color:#222; font-size:14px; line-height:1.4; }

div.titArea { }
div.titArea h1 { background-size:auto 100%; }
/* div.titArea h1 a { display:block; } */
div.titArea h1 img { display:block; width:100%; }

div.goTomain { position:fixed; left:0; bottom:0; width:100%; }
div.goTomain a { display:block; text-align:center; color:#242945; background-color:#ffd43d; font-size:17px; line-height:55px; font-weight:700; text-decoration:none; }

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

div.webinar h1.visual { margin:0; padding:0; }
div.webinar h1.visual img { display:block; width:100%; margin:0; }
div.webinar h1.visual span { display:block; padding:10px 15px; font-size:15px; line-height:20px; color:#fff; background:linear-gradient( to right, #90356a, #5e5f8c); font-weight:500; }

/* Technical support */
div.tech { margin:15px; padding:0 0 20px !important; text-align:center; border-top:2px solid #000; border-bottom:1px solid #cacaca ; }
div.tech > p { padding:30px 15px 25px 90px; background:url('mobile/techBg.png') 10px center no-repeat; background-size:65px; font-size:14px; line-height:18px; color:#343434;font-family: 'Pretendard-medium', sans-serif !important;} /* 241118 수정 */
div.tech > p strong { display:block; margin-bottom:4px; font-size:17px; line-height:20px; color:#211f1f; font-weight:500; word-break:keep-all; }

dl.techInfo { font-size:14px; line-height:20px; text-align:left; }
dl.techInfo + dl { border-top:0 none; }

dl.techInfo:after { display:block; clear:both; height:0; font-size:0; line-height:0; content:''; }
dl.techInfo dt { margin-top:10px; color:#121212; font-weight:700; font-size:15px; line-height:23px; }
dl.techInfo dt:first-child { margin-top:0; }
dl.techInfo dd { margin:0; padding:0; }
dl.techInfo ul { margin:0; padding:0; list-style:none; font-size:0; line-height:0; }
dl.techInfo li { position:relative; display:inline-block; padding:0 10px; vertical-align:top; list-style:none; color:#121212; font-size:14px; line-height:18px; }
dl.techInfo li:before { position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#a1a1a1; content:''; }
dl.techInfo li:first-child { padding-left:0; }
dl.techInfo li:last-child { padding-right:0; }
dl.techInfo li:first-child:before { display:none; }
dl.techInfo span { color:#2f51b2; }
dl.techInfo a { color:inherit; text-decoration:none; }

div.tech div.formArea { margin-top:18px; }
div.tech div.formArea textArea { padding:15px; height:110px; background-color:#f2f3f6; border:0 none; box-sizing:border-box; color:#000; font-size:13px; line-height:20px; }
div.tech div.formArea textArea::placeholder { color:#a5a5a5; font-size:12px; line-height:16px; }

div.tech div.btnArea { position:fixed; left:0; bottom:0; width:100%; font-size:0; line-height:0; }
div.tech div.btnArea > * { display:inline-block; margin:0; padding:15px 0; vertical-align:top; width:50%; color:#fff; border:0 none; font-size:15px; line-height:20px;
	text-align:center; text-decoration:none;  font-family: 'Pretendard-medium', sans-serif !important;}
div.tech div.btnArea input[type=submit] { background-color: #2c478b; } /* 241118 수정 */
div.tech div.btnArea a.close { background-color:#7e7f87; color:#fff; }




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


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

ul.tabMenu,
ul.conMenu { }
ul.tabMenu a,
ul.conMenu a { padding:9px 0 10px; background-color:#fff; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; color:#4d4d4d; font-size:15px; line-height:26px; }
ul.tabMenu li:first-child a,
ul.conMenu li:first-child a { border-left:1px solid #dcdcdc; }
ul.tabMenu .on a,
ul.conMenu .on a { background-color:#1f3e71; color:#fff; font-weight:500; font-weight:500; }


ul.subMenu { width:100%; margin:0 auto; padding:0; font-size:0; line-height:0; box-sizing:border-box; }
ul.subMenu li { width:50%; border-bottom:1px solid #9d9fb3; border-right:1px solid #9d9fb3; box-sizing:border-box; }
ul.subMenu li:first-child, ul.subMenu li:first-child + li { border-top:1px solid #9d9fb3; }
ul.subMenu li:nth-child(2n+1) { border-left:1px solid #9d9fb3; }
ul.subMenu li  a { display:table-cell; width:10000px; height:40px; vertical-align:middle; text-align:center; line-height:16px; background-color:#fff; color:#6c6d7d; font-size:13px; font-weight:normal;
	font-weight:400; }
ul.subMenu li.on  { border-color:#b31d60; }
ul.subMenu li.on  a { background-color:#b31d60; border-color:#b31d60; color:#fff; font-weight:500; }


ul.tabMenu { width:100%; margin:0 auto; padding:0 15px; font-size:0; line-height:0; box-sizing:border-box; }
ul.tabMenu li { width:50%; border-bottom:1px solid #9d9fb3; border-right:1px solid #9d9fb3; box-sizing:border-box; }
ul.tabMenu li:first-child, ul.tabMenu li:first-child + li { border-top:1px solid #9d9fb3; }
ul.tabMenu li:nth-child(2n+1) { border-left:1px solid #9d9fb3; }
ul.tabMenu li  a { display:table-cell; width:10000px; height:40px; padding:0; vertical-align:middle; text-align:center; line-height:16px; background-color:#fff; color:#96a5ba; font-size:13px;
	font-weight:400; }
ul.tabMenu li.on  a { background-color:#233956; color:#fff; font-weight:500; border-color:#233956 !important; }

ul.conMenu { width:100%; margin:0 auto; padding:0; font-size:0; line-height:0; box-sizing:border-box; }
ul.conMenu li { width:50%; box-sizing:border-box; }
ul.conMenu li:first-child a, ul.conMenu li:first-child + li a { border-top:1px solid #dcdcdc; }
ul.conMenu li  a { display:table-cell; width:10000px; height:40px; vertical-align:middle; text-align:center; line-height:16px; background-color:#fff; color:#777; font-size:13px;
	font-weight:500; box-sizing:border-box; }
ul.conMenu li.on  a { background-color:#1f3e71; color:#fff; font-weight:500; }

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

ul.col4ea > li:nth-child(-n+4) a { }



div.gnbWrap { z-index:100; position:fixed; right:-100%; top:0; width:100%; min-width:320px; height:100%; padding-left:50px; background-color:rgba(0,0,0,.7); box-sizing:border-box; }

div.gnbWrap div.goTomain { position:absolute; left:70px; bottom:0; width:calc(100% - 70px); }
div.gnbWrap div.goTomain a { display:block; text-align:center; color:#242945; background-color:#ffd43d; font-size:17px; line-height:55px; font-weight:700; text-decoration:none; }

div.gnbWrap div.close { position:absolute; left:15px; top:20px; width:25px; height:25px; }
div.gnbWrap div.close a, div.gnbWrap div.close img { display:block; }

ul#gnb, ul#gnb li { margin:0; padding:0; list-style:none; }
ul#gnb { position:relative; height:100%; overflow-x:hidden; overflow-y:auto; padding:162px 25px 0 25px; background:#fff url('mobile/gnb_bg.png') center 27px no-repeat; background-size:auto 105px; box-sizing:border-box; }
ul#gnb li { margin-bottom:5px; }
ul#gnb li a { position:relative; display:block; border-radius:5px; padding:16px 0; text-align:center; background-color:#f3f3f3; color:#222; font-size:14px;
	font-weight:500; text-decoration:none; }
ul#gnb li img { display:inline-block; width:24px; vertical-align:top; margin-right:15px; }

div.gnbWrap div.btnArea { position:absolute; bottom:0; left:50px; width:calc(100% - 50px); font-size:0; line-height:0; }
div.gnbWrap div.btnArea a { display:inline-block; width:50%; height:40px; text-align:center; vertical-align:top; line-height:40px; background-color:#525252; color:#fff;  font-size:14px; font-weight:500; text-decoration:none; }	
div.gnbWrap div.btnArea a:first-child { background-color:#931a20; }

.popTit { padding:18px 0 17px 15px; color:#111; line-height:30px; text-align:center; border-bottom:1px solid #dbdbdb; font-size:25px; font-weight:500; }
.subTit { padding:10px 0 5px 15px; line-height:40px; font-size:20px; font-weight:500; }

.subTit_bl { margin:15px 0 10px; padding:0 0 0 20px; font-size:16px; line-height:20px; font-weight:500; background:url('mobile/subTit_bl.png') left top 6px no-repeat; background-size:13px; }


div.contents { }
div.contents > div {padding: 20px;} /* 241118 수정 */

.pageTit { height:40px; /* margin-bottom:10px; */padding:0 20px; font-size:15px; color: #fff; line-height:40px;background-color: #13a6ce;font-family: 'Pretendard-medium', sans-serif !important;} /* 241118 수정 */

h3 { margin:30px 5px 10px; padding:0; font-size:15px; line-height:21px; color:#111; font-weight:500; }
h3:first-child { margin-top:0; }

div.out { position:fixed; left:0; bottom:0; width:100%; }
div.out a { display:block; height:50px; line-height:50px; text-align:center; background-color:#3f454f;  font-family: 'Pretendard-medium', sans-serif !important; color:#fff; font-size:16px; text-decoration:none; }





div.bnrZone, div.bnrZone ul, div.bnrZone li, div.bnrZone a { margin:0; padding:0; list-style:none; text-decoration:none; }
div.bnrZone { position:relative; height:55px; padding:11px 0 12px; box-sizing:border-box; }
div.bnrZone > ul { text-align:center; font-size:0; line-height:0; }
div.bnrZone > ul li { display:inline-block; vertical-align:top; margin-left:10px; }
div.bnrZone > ul li:first-child { margin-left:0; }
div.bnrZone ul a, div.bnrZone ul img { display:block; width:100px; background:#fff; text-align:center; margin:0 auto; }
/* div.bnrZone ul a { border:1px solid #ccc; } */
div.bnrZone a.bx-prev,
div.bnrZone a.bx-next { position:absolute; top:6px; width:35px; height:35px; text-indent:-10000px; background-position:center center; background-repeat:no-repeat; background-size:11px; }
div.bnrZone a.bx-prev { left:0px; background-image:url('mobile/bnr_prev.png'); }
div.bnrZone a.bx-next { right:0px; background-image:url('mobile/bnr_next.png'); }


/* 강의실 입장 */
div.webinar.bg { background:linear-gradient(to bottom, rgba(238,255,254,.4), rgba(74,187,183,.4)); padding-bottom:80px; }
div.room { padding:25px; }
div.room h1 { padding:32px 0 25px; }
div.room h1 img { display:block; margin:0 auto; }
div.room p { padding-bottom:5px; text-align:center; color:#4d4d4d; line-height:21px; font-size:14px; }
div.room p:before { display:inline-block; vertical-align:middle; margin:-3px 3px 0 0; width:17px; height:17px; background:url('mobile/icon_info.png') left top no-repeat; content:''; background-size:17px; 	}

dl.roomInfo, dl.roomInfo dt, dl.roomInfo dd, dl.roomInfo ul, dl.roomInfo li { margin:0; padding:0; list-style:none; }
dl.roomInfo { position:relative; margin-top:20px; padding:20px 20px 44px; background-color:#fff; border-radius:10px}
dl.roomInfo > dt { padding-bottom:15px; text-align:center; color:#000; font-size:16px; font-weight:700; }
dl.roomInfo dd { }
dl.roomInfo ul { }
dl.roomInfo li { position:relative; padding-left:30px; margin-bottom:5px; color:#000; font-size:14px; }
dl.roomInfo li  span { position:absolute; left:0; top:0; }
dl.roomInfo li.special {  font-weight:900; }
dl.roomInfo dd.btn { position:absolute; bottom:0; left:0; width:100%; }
dl.roomInfo dd.btn a { display:block; width:calc(100% - 32px); border-radius:0 0 10px 10px; border-color:#203c73; background-color:#203c73; text-align:center; text-decoration:none; color:#fff; font-weight:500; }

dl.roomInfo.nurse li { padding-left:0; }
dl.roomInfo.nurse dd.btn a { border-color:#19acbd; background-color:#19acbd; }

div.room div.out { display:block; padding:15px 0; line-height:25px;  text-align:center; background-color:#212854; font-weight:700;  color:#fff; font-size:16px; text-decoration:none; }
div.room div.out a { display:block; background:none; width:100%; margin:0 auto; padding:0; }
div.room div.out img { display:block; width:50px; height:50px; }

/* VOD 세션 */
ul.vod, ul.vod li, ul.vod a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.vod { padding:20px; }
ul.vod > li { position:relative; margin-top:20px; vertical-align:top; border-radius:10px; background:#fff url('mobile/vodBg_1.png') 20px 10px no-repeat; background-size:75px; box-shadow:0 0 25px rgba(0,0,0,.2); box-sizing:border-box; }
ul.vod > li:nth-child(even) { background-image:url('mobile/vodBg_2.png'); }
ul.vod > li:first-child { margin-top:0; }
ul.vod a { position:relative; display:block; min-height:75px; padding:25px 20px 40px 115px; color:#5d5d5d; font-size:16px; line-height:24px; font-weight:200; box-sizing:border-box; }
ul.vod a > span.tit { display:block; color:#222; font-size:18px; font-weight:700; }

ul.vod span.graph { position:absolute; left:20px; bottom:10px; width:calc(100% - 40px); height:5px; border-radius:3px; background-color:#e0e2e4; }
ul.vod span.graph:before { position:absolute; right:15px; bottom:15px; content:attr(data-txt); color:#4f71b8; font-size:16px; line-height:20px; font-weight:500; }
ul.vod span.graph:after { position:absolute; right:0; bottom:15px; content:"%"; color:#4f71b8; font-size:12px; line-height:16px; font-weight:500; }
ul.vod span.graph > span { float:left; height:5px; border-radius:3px; background-color:#4f71b8; }


div.vodNote { padding:13px 20px; background-color:#1b3248; color:#fff; text-align:center; font-size:16px; line-height:20px; font-weight:200; }

/* E-poster */

div.poster { padding:0 15px; }
div.searchArea { position:relative; padding-bottom:10px; }
div.searchArea input[type=text] { width:100%; height:40px; padding:0 36px 0 20px; box-sizing:border-box; border-color:#cccccc; background:#ffffff url('mobile/icon_search.png') right center no-repeat; background-size:40px; color:#fff; font-size:14px; }
div.searchArea input[type=text]::placeholder { color:#d2d2d2; line-height:42px; font-size:13px; }
div.searchArea input[type=submit] { position:absolute; right:0; top:0; width:40px; height:40px; opacity:0; }

dl.toggleArea, dl.toggleArea * { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.toggleArea a { display:block; }

dl.toggleArea { z-index:50; position:relative; padding-bottom:10px; }
dl.toggleArea a.trigger { position:relative; padding:9px 30px 9px 20px; border:1px solid #ccc; background-color:#fff; color:#222; font-size:14px; line-height:20px; }
dl.toggleArea a.trigger:after { position:absolute; right:10px; top:50%; margin-top:-6px; content:"▼"; line-height:12px; font-size:10px; }
dl.toggleArea dt.view a.trigger:after { transform:rotate(180deg); }
dl.toggleArea > dd { position:absolute; left:0px; top:40px; width:100%; border:1px solid #ccc; border-top:0 none; background-color:#fff; box-sizing:border-box; }
dl.toggleArea ul { max-height:250px; 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:10px; }

div.session { padding:10px 0; }

dl.session, dl.session * { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.session { margin-top:15px; border:1px solid #ccc; }
dl.session:first-child { margin-top:0; }
dl.session dt { position:relative; }
dl.session a, dl.session span { display:block;   font-size:13px; line-height:16px; }
dl.session a.trigger { position:relative; padding:10px 40px 10px 15px; color:#444; font-size:12px; font-weight:300; }
dl.session a.trigger:after { position:absolute; right:13px; top:18px; width:20px; height:10px; content:""; background:url('mobile/toggle_bl.png') center center no-repeat; background-size:15px; }
 
dl.session.view { border-color:#931a21; }
dl.session dt.view a.trigger:after { transform:rotate(180deg); }
dl.session span.num { color:#931a21; font-weight:500; font-size:12px; }
dl.session span.tit { padding:5px 0px; color:#222; font-weight:500; font-size:14px; line-height:16px; }
dl.session span.util { position:absolute; top:50%; right:13px; width:20px; height:20px; margin-top:-10px; }
dl.session span.util a.like { display:block; width:20px; height:20px; background:url('mobile/icon_like.png') center center no-repeat; background-size:20px; text-indent:-9999px; }
dl.session span.util a.like.on { background-image:url('mobile/icon_like_on.png'); }

dl.session span.util a.favor { display:block; width:20px; height:20px; background:url('mobile/icon_like.png') center center no-repeat; background-size:20px; text-indent:-9999px; }
dl.session span.util a.favor.on { background-image:url('mobile/icon_like_on.png'); }

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

dl.session div.util { padding-bottom:15px; font-weight:500; }
dl.session div.util a { display:inline-block; min-width:40px; padding:5px 10px 5px; vertical-align:top; color:#fff; font-size:12px; line-height:15px; text-align:center; font-weight:500; text-decoration:none; }
dl.session div.util a:first-child { margin-left:0; }
dl.session div.util a img { display:inline-block; height:10px; padding:2px 5px 0 0; vertical-align:top; }
dl.session div.util a.like { background-color:#d30d3c; color:#fff; border:1px solid #b3215b ; }
dl.session div.util a.like.noLike { background:#e2e0e0; color:#000; border:1px solid #e2e0e0}
dl.session div.util a.favor { background-color:#931a21; color:#fff; border:1px solid #931a21; }
dl.session div.util a.favor.noFavor { background:#e2e0e0; color:#000; border:1px solid #e2e0e0}

div.posterArea { position:relative; }
div.posterArea img { display:block; width:100%; }
div.posterArea a.viewBig { position:absolute; right:0; bottom:0; width:30px; height:30px; text-indent:-10000px; background:#272c4c url('mobile/viewBig.png') center center no-repeat; background-size:11px; }

/* E-poster 상세보기 */
div#popupView .popupWrap { position:relative; position:absolute; left:15px; top:50%; width:calc(100% - 30px); height:auto; padding:0; background-color:#fff; box-sizing:border-box; transform:translate(0 , -50%); }
div#popupView h1 { padding:15px; background-color:#294063; color:#fff; font-size:15px; line-height:20px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div#popupView .popupCon { position:relative; padding:0 0 55px; }
div#popupView div.posterArea { width:100%; height:160px; background-color:#dfdfe2; }

div#popupView div.posterArea,
div#popupView div.bx-wrapper,
div#popupView div.bx-viewport { height:160px !important; }
div#popupView div.bx-viewport { overflow-y:auto !important; }
div#popupView div.scrollArea { height:160px; overflow:auto; }
div#popupView div.posterArea ul, div#popupView div.posterArea li { margin:0; padding:0; list-style:none; }
div#popupView div.posterArea img { display:block; width:100%; margin:0 auto; }
/* div#popupView div.btnArea { padding:10px; font-size:0; line-height:0; text-align:right; } */
div#popupView .bx-controls { position:absolute; bottom:-45px; right:10px; }
div#popupView .bx-prev,
div#popupView .bx-next { display:inline-block; vertical-align:top; width:35px; height:35px; background-position:0 0; background-repeat:no-repeat; background-size:35px; text-indent:-9999px; }
div#popupView .bx-prev { background-image:url('mobile/poster_prev.png'); margin-right:8px; }
div#popupView .bx-next { background-image:url('mobile/poster_next.png'); }

div#popupView .close { position:absolute; right:0; top:-42px; width:30px; height:30px; margin:0; padding:0; }
div#popupView .close a, div.popup .close img { display:block; }


/* e-Booth */
div.ebooth { }
/* div.ebooth h1 { padding:0 25px; height:45px; background:url('booth/boothTit_bg.png') 0 0 no-repeat; color:#fff; line-height:45px; font-size:17px; background-size:100% auto; } */
div.ebooth h1 {    padding:15px 30px 15px 20px; font-size:16px; color:#fff; background:linear-gradient(90deg, rgb(91 195 189) 7%, #57a5c1 36%, rgb(73 118 178) 100%); }
ul.boothList, ul.boothList li { margin:0; padding:0; list-style:none; }
ul.boothList { padding:20px 25px; font-size:0; line-height:0; }
ul.boothList li { display:inline-block; width:calc(50% - 9px); margin-right:18px; margin-bottom:18px; border:1px solid #ccc; box-sizing:border-box; }
ul.boothList li:nth-child(even) { margin-right:0; }
ul.boothList li a { display:block; padding:10px 0; }
ul.boothList li img { display:block; margin:0 auto; height:32px; }

ul.boothList li.visited { position:relative; border-color:#426cd7; }
ul.boothList li.visited:before { position:absolute; top:0; right:0; display:block; width:50px; padding:10px 0; background-color:#426cd7; content:'방문완료'; color:#fff; text-align:center; font-size:11px; }

div.ebooth + div.out a { background-color:#32a9a3; border-color:#32a9a3; }

div.booth { padding:20px 0; }

div.booth > ul.subMeun li:nth-child(2n+1) { clear:both; }

ul.platinum, ul.platinum li,
ul.gold, ul.gold li,
ul.silver, ul.silver li,
ul.bronze, ul.bronze li,
ul.exhibitor, ul.exhibitor li { margin:0; padding:0; list-style:none; }

ul.platinum a, ul.platinum img,
ul.gold a, ul.gold img,
ul.silver a, ul.silver img { display:block; text-decoration:none; }

div.boothRolling { position:relative; width:100%; min-height:250px; margin-top:43px; padding:50px 0 0; background:url('booth/boothRolling_bg.png') center top no-repeat; background-size:100% 100%; box-sizing:border-box; }
.boothTit { width:210px; height:37px; margin:0 auto; line-height:33px; background-color:#4f4f56; border:3px solid #9e9eb0; text-align:center; color:#fff; font-size:17px; font-weight:700; text-shadow:0 0 24px rgb(0 0 0 / 70%); box-sizing:border-box; }

ul.platinum { padding:15px 0 20px; }
ul.platinum li { width:100%; }
ul.platinum a { text-align:center; }
ul.platinum li img { display:inline-block; width:314px; }

ul.gold { padding:15px 0 20px; }
ul.gold li { width:100%; }
ul.gold a { text-align:center; }
ul.gold li img { display:inline-block; width:290px; }

ul.silver { padding:15px 0 20px; }
ul.silver li { width:100%; }
ul.silver a { text-align:center; }
ul.silver li img { display:inline-block; width:105px; }

div.boothZone { position:relative; width:100%; min-height:305px; margin-top:43px; padding:50px 0 0; background:url('booth/boothRolling_bg.png') center top no-repeat; background-size:100% 100%; box-sizing:border-box; }

ul.bronze { padding:30px 24px 30px; width:calc(100% - 100px); max-width:750px; margin:0 auto 25px; background:url('booth/bronze_bg.png') center 15px no-repeat; background-size:100% 100%; }
ul.bronze:after { display:block; clear:both; content:''; font-size:0; line-height:0; }
ul.bronze li { float:left; width:calc(50% - 5px); margin:0 0 7px 10px; }
ul.bronze li:nth-child(2n+1) { clear:both; margin-left:0; }	
ul.bronze a { display:table-cell; width:10000px; height:40px; vertical-align:middle; text-align:center; border-radius:4px; background-color:#f6f6f6; }
ul.bronze a img { display:inline-block; max-width:100px; }

ul.exhibitor { padding:30px 24px 30px; width:calc(100% - 100px); max-width:750px; margin:0 auto 25px; background:url('booth/bronze_bg.png') center 15px no-repeat; background-size:100% 100%; }
ul.exhibitor:after { display:block; clear:both; content:''; font-size:0; line-height:0; }
ul.exhibitor li { float:left; width:calc(50% - 5px); margin:0 0 7px 10px; }
ul.exhibitor li:nth-child(2n+1) { clear:both; margin-left:0; }	
ul.exhibitor a { display:table-cell; width:10000px; height:40px; vertical-align:middle; text-align:center; border-radius:4px; background-color:#f6f6f6; }
ul.exhibitor a img { display:inline-block; max-width:100px; }


div.boothRolling div.bx-wrapper { }
div.boothRolling div.bx-viewport { padding-bottom:20px; }

div.boothRolling a.bx-prev,
div.boothRolling a.bx-next { position:absolute; top:50%; width:25px; height:20px; margin-top:30px; text-indent:-10000px; background-position:center center; background-repeat:no-repeat; background-size:25px; }
div.boothRolling a.bx-prev { left:8px; background-image:url('booth/booth_prev.png'); }
div.boothRolling a.bx-next { right:8px; background-image:url('booth/booth_next.png'); }

div.boothRolling div.bx-pager { position:absolute; left:0; top:-20px; width:100%; text-align:center; font-size:0; line-height:0; }
div.boothRolling div.bx-pager > div { display:inline-block; margin-left:5px; vertical-align:top; }
div.boothRolling div.bx-pager > div:first-child { margin-left:0; }
div.boothRolling div.bx-pager a { display:block; width:10px; height:10px; border-radius:5px; background-color:#fff; border:1px solid #848484; box-sizing:border-box; }
div.boothRolling div.bx-pager a.active { background-color:#931a21; border-color:#931a21; }

div.boothList { padding:20px 15px 0; }
div.boothList .listTit { padding-bottom:8px; color:#111; line-height:20px; font-size:18px; font-weight:500; }
div.boothList ul, div.boothList li { margin:0; padding:0; list-style:none; }
div.boothList ul:after { display:block; clear:both; content:''; font-size:0; line-height:0; }
div.boothList ul li { float:left; width:calc(50% - 5px); margin:0 0 10px 10px; box-sizing:border-box; }
div.boothList ul li:nth-child(2n+1) { clear:both; margin-left:0; }
div.boothList ul li a { display:block; width:100%; text-align:center; font-size:0; line-height:0; border:1px solid #ddd; box-sizing:border-box; }
div.boothList ul li img { display:inline-block; vertical-align:top; }

/* e-Booth 상세보기*/
div#eBoothView { position:relative; }

div#eBoothView h1 { padding:20px; line-height:24px; background-color:#4d97d0; color:#fff; font-size:16px; font-weight:500; }
div#eBoothView .btn { position:absolute; top:12px; right:20px; }
div#eBoothView .btn a { border-color:#fff; color:#fff; font-size:13px; font-weight:500; }

div#eBoothView div.company { padding-bottom:180px; }

div#eBoothView ul.subMenu { padding:25px 20px; background-color:#e8e8e8; }
div#eBoothView ul.subMenu li { border-color:#85a3a2; background-color:#fff; color:#859998; }
div#eBoothView ul.subMenu li a { }
div#eBoothView ul.subMenu li.on a { background-color:#43b3ae; }

div#eBoothView ul.eBoothMenu, div#eBoothView ul.eBoothMenu li { margin:0; padding:0; list-style:none; }
div#eBoothView ul.eBoothMenu { font-size:0; line-height:0; }
div#eBoothView ul.eBoothMenu li { display:inline-block; width:33.333%; }
div#eBoothView ul.eBoothMenu li a { display:block; padding:13px 0;  border-top:1px solid #9d9fb3; border-bottom:1px solid #9d9fb3; border-right:1px solid #9d9fb3; background-color:#fff; letter-spacing:-0.5px; text-align:center; line-height:15px; color:#96a5ba; text-decoration:none; font-size:13px;
	font-weight:400; }
div#eBoothView ul.eBoothMenu li:first-child a { border-left:1px solid #9d9fb3; }
div#eBoothView ul.eBoothMenu li.on a { background-color:#194081; color:#fff; font-weight:500; }

div#eBoothView ul.tabMenu { padding:0; }
div#eBoothView ul.tabMenu li { float:none; display:inline-block; width:33.333%; border:0 none; }
div#eBoothView ul.tabMenu li a { border-top:1px solid #9d9fb3; border-bottom:1px solid #9d9fb3; border-right:1px solid #9d9fb3; background-color:#fff; letter-spacing:-0.5px; text-align:center; line-height:15px; color:#96a5ba; text-decoration:none; font-size:13px;
	font-weight:400; }
div#eBoothView ul.tabMenu li:first-child a { border-left:1px solid #9d9fb3; }
div#eBoothView ul.tabMenu li.on a { background-color:#194081; color:#fff; font-weight:500; }

div#eBoothView .logo { text-align:center; font-size:0; line-height:0; }
div#eBoothView .logo img { display:inline-block; height:60px; }

div#eBoothView dl dt { padding:0 20px; background-color:#474951; color:#fff; line-height:30px; font-size:14px; font-weight:400; } 
div#eBoothView dl dd { padding:20px; font-size:14px; line-height:25px; font-weight:400; }


div#eBoothView dl.info ul { margin:0; padding:0; }
div#eBoothView dl.info li { margin:5px 0 0; list-style:none}
div#eBoothView dl.info a { color:#17273a; }
div#eBoothView dl.info li img { display:inline-block; height:12px; padding:7px 10px 0 0; vertical-align:top; }

div#eBoothView dl.brochure { }
div#eBoothView dl.brochure dt { position:relative; }
div#eBoothView dl.brochure dt a { position:absolute; right:0; top:0; padding:5px 15px; color:#fff; line-height:20px; text-decoration:none; background-color:#2f3341; }
div#eBoothView dl.brochure dt a img { display:inline-block; vertical-align:top; margin:2px 0 0 4px; }
div#eBoothView dl.brochure dd * { display:block; }
div#eBoothView dl.brochure dd a { text-decoration:none; color:#333; }
div#eBoothView dl.brochure img { margin:0 auto; }

div#eBoothView div.vodArea { height:190px; background-color:#000; }

div#eBoothView div.btnWrap { margin:20px; font-size:0; line-height:0; text-align:center; }
div#eBoothView div.btnWrap a { position:relative; top:0; left:0; display:block; height:35px; padding:10px 20px; line-height:15px; text-align:left; color:#fff; font-size:13px;
	font-weight:500; text-decoration:none; box-sizing:border-box; }
div#eBoothView div.btnWrap a:after { display:block; position:absolute; top:50%; right:20px; width:10px; height:11px; margin-top:-5px; background:url('booth/download_bg.png') 0 0 no-repeat; 
	content:''; background-size:cover}
div#eBoothView div.btnWrap a:nth-child(1) { background-color:#3b5fc5; }
div#eBoothView div.btnWrap a:nth-child(2) { background-color:#b71b50; }
div#eBoothView div.btnWrap a:nth-child(1):after { background-image:url('/asset/booth/homepage_bg.png'); }

div#eBoothView .agree { position:fixed; bottom:55px; left:0; padding:20px; width:100%; background-color:#272b4b; color:#fff; font-size:13px; font-family:'Pretendard-Regular', sans-serif !important;;
	box-sizing:border-box; }
div#eBoothView .agree span { margin-top:5px; }
div#eBoothView .agree .inputC:before { background-color:transparent; border:1px solid #fff; box-sizing:border-box; }
div#eBoothView .agree label { display:inline-block; margin:5px 0 0 10px; }


div#eBoothView dl.companyInfo { margin-bottom:25px; padding:0 35px; }
div#eBoothView .card { }
div#eBoothView .card img { display:block; margin:0 auto; box-shadow:0 1px 25px rgba(152, 161, 190, .55); }
div#eBoothView dl.companyInfo dd { margin-top:1px; }
div#eBoothView dl.companyInfo dd ul, div#eBoothView dd li { margin:0; padding:0; list-style:none; }
div#eBoothView dl.companyInfo dd li { color:#222; font-size:13px; }

div#eBoothView dl.eboothCon { margin-bottom:20px; }
div#eBoothView dl.eboothCon dt { color:#222; font-size:15px; font-weight:500; }
div#eBoothView dl.eboothCon dd { text-align:justify; color:#222; font-size:13px; font-weight:400; }

div#eBoothView h3 { display:table-cell; vertical-align:middle; width:500px; height:90px; }
div#eBoothView div.guestBook { }
div#eBoothView div.guestBook > p { margin-bottom:15px; text-align:center; color:#222; line-height:25px; font-size:14px; font-weight:400; }
div#eBoothView div.guestBook dl { position:relative; margin-bottom:20px; }
div#eBoothView 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#eBoothView div.guestBook dt:first-child { top:0; }
div#eBoothView div.guestBook dd { margin-bottom:5px; /*padding:0 0 0 80px; */background-color:#9ba3b2; }

div#eBoothView 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#eBoothView div.guestBook textarea { background-color:#9ba3b2; color:#fff; }
div#eBoothView div.guestBook textarea::placeholder { color:rgba(255,255,255,.5); }

div#eBoothView div.guestBook div.btn .btnSend { display:block; width:180px; height:45px; padding:0; margin:0 auto; background-image:url('mobile/btn_send.png'); border-color:#194081;
	background-color:#194081 !important; background-position:center center; background-repeat:no-repeat; background-size:135px; font-size:0; line-height:0; }

p.count { position:absolute; top:155px; right:15px; color:#272b4b; font-size:14px; }
p.count span { color:#931a20; }



div#eBoothView .bx-wrapper { position:relative; margin:0 auto; padding-top:35px; }
div#eBoothView h2 { padding:15px 20px 10px; color:#272b4b; line-height:30px; font-size:18px; font-weight:400; }

div#eBoothView .rollingArea { }

ul.stamp, ul.stamp li { margin:0; padding:0; list-style:none; }
ul.stamp { width:100%; margin:15px auto 0; padding:32px 10px; font-size:0; line-height:0; text-align:center; box-sizing:border-box; border:5px solid #e2e5ed; }
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:60px; height:60px; margin:0 12px 12px !important; border-radius:50%;
	background:url('mobile/stamp_bg.png') center center no-repeat; background-size:cover; }
/* ul.stamp > li:nth-child(3n+1) { clear:both; margin-left:0 !important; } */
ul.stamp a { display:table-cell; width:60px; height:60px; vertical-align:middle; text-align:center; }
ul.stamp img { width:70%; display:inline-block; }
 
ul.stamp .visit:before { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(179,29,96,.75); content:"방문완료"; text-align:center; line-height:60px; color:#fff;
	font-size:11px; }


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

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

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

div#eBoothView div.stampEvent div.btn { margin-top:50px; }
div#eBoothView div.stampEvent div.btn .btnVisit { display:block; width:180px; height:45px; padding:0; margin:0 auto; background-image:url('mobile/btn_visit.png'); border-color:#194081;
	background-color:#194081 !important; background-position:center center; background-repeat:no-repeat; background-size:142px; font-size:0; line-height:0; }
div#eBoothView div.stampEvent div.btn .btnVisit.btnCom { background-image:url('/asset/booth/btn_com.png'); background-color:#e40404 !important; border:none }

/* My Page */

div.mypage { position:relative;    padding: 20px !important;     font-family: 'Pretendard-medium', sans-serif !important;}

div.mypage p.count { top:65px; }
div.mypage div.stampEvent { margin-top:57px; }

div.mypage div.stampEvent div.btn { margin-top:50px; }
div.mypage div.stampEvent div.btn .btnEnter { display:block; width:195px; height:45px; padding:0; margin:0 auto; background-image:url('mobile/btn_boothEnter.png'); border-color:#194081;
	background-color:#194081 !important; background-position:center center; background-repeat:no-repeat; background-size:135px; font-size:0; line-height:0; }

div#mypage { position:relative; }
div#mypage div.note { padding:20px; color:#222; font-size:14px; line-height:25px; }
div#mypage div.mypageCon { padding-bottom:55px; }
div#mypage dl, div#mypage dt, div#mypage dd { margin:0; padding:0; list-style:none; }
div#mypage dl { padding:20px; }
div#mypage dl.bg { background-color:#f2f3f5; }
div#mypage dt { padding-bottom:20px; font-size:17px; line-height:25px; }
div#mypage dd { }

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

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

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

div.mypage table.tblDef { margin-top:15px; border-top-color:#000; }
div.mypage table.tblDef:first-of-type { margin-top:0; }
div.mypage table.tblDef thead th { background-color: #f5f5fd; color:#222; }
div.mypage table.tblDef tbody th { padding:10px 5px; background-color:#f7f7f7; color:#222; font-size:14px; }
/*div.mypage table.tblDef tbody th span { color:#7a7a7a; }*/

div.mypage table.tblDef.mypg thead th { background-color:#6a8ac1; color:#fff; }

/*2023-11-14(mypage 부분 추가 김리윤)*/
div.mypage_info { background:#f7f7f7}
div.mypage_info ul { margin-top:5px; margin-bottom:14px; padding:14px 10px; background:#f7f7f7}
div.mypage_info ul li { list-style:none; font-size:14px; }
div.mypage_info ul li a { color:#1b37c6}

div.detention_per { text-align:center}
div.detention_per dt.tit { background:#6c84ac; padding:10px; color:#fff; font-size:14px; }
div.detention_per dl dd ul { padding:10px; }
div.detention_per dl dd ul li { list-style:none; font-size:14px; }

div#player { overflow:hidden; position:relative; min-width:320px; padding-bottom:50px; background-color:#eceff6; box-sizing:border-box; }
div#player div.titArea { position:relative; display: flex; align-items: center; padding:0 100px 0 5px; background:#fff; height:65px; box-sizing:border-box; }
div#player h1 img { height:36px; background-size:auto; width:auto; }
div#player p.session { position:absolute; right:0; top:0; }
div#player p.session a { display:table-cell; width:100px; height:65px; ; background-color: #06a8e8; color:#fff; text-align:center; vertical-align:middle;font-weight:500; font-size:16px; line-height:20px; text-decoration:none; } /* 241202 수정 */

div#player p.session a.out { color:#fff; background-color:#F44336; -webkit-animation:btn_out 0.5s linear infinite; }
@-webkit-keyframes btn_out { 
	0% { color:#ffe500; }
	50% { color:#fff; } 
	100% { color:#ffe500; }
}
div#player p.session a span { color:#fdff53; }
#playzone,
video { width:100%; }

div#playzone .jw-error .jw-preview, div#playzone .jwplayer.jw-state-error .jw-preview {background-color: #000 ;} /* 241202 추가 */
#playzone .flowplayer {
	background-size: contain;
	background-color: #000;
}
div.user { position:relative; padding:10px 15px 10px 15px; color:#000; font-size:15px; font-weight:500; line-height:20px;font-family: 'Pretendard-medium', sans-serif !important; }
div.user span { font-weight:500; }

ul.playUtil, ul.playUtil > li, ul.playUtil a { margin:0; padding:0; list-style:none; }
ul.playUtil { display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; margin:0 15px 25px; background-color:#fff; font-family: 'Pretendard-medium', sans-serif !important;}
ul.playUtil > li { width:50%; height:100%; }
ul.playUtil > li.wide { width:100%; }

ul.playUtil > li > a { display:flex; /* justify-content:center; */ align-items:center; height:100%; padding:10px 15px; text-decoration:none; color:#000;border-top:1px solid #f2f2f2; border-right:1px solid #f2f2f2; font-size: 13px; font-weight:500; } /* 241202 수정 */
ul.playUtil > li.wide a { justify-content:center; }
ul.playUtil > li > a > img {  width:35px; margin-right:10px; }
ul.playUtil > li > a.twoLine { padding:13px 10px 13px 70px; }

div#player div.out { position:fixed; left:0; bottom:0; width:100%; }
div#player div.out a { display:block; height:50px; line-height:50px; text-align:center; background-color:#3f454f; color:#fff;  font-family: 'Pretendard-medium', sans-serif !important;  font-size:16px; text-decoration:none; }

div.bgBox { padding-bottom:10px; background-color:#172239; }
dl.playSession dt { padding:0 20px; }
dl.playSession dt a { display:block; padding:10px 5px; border-bottom:1px solid #69748b; color:#69748b; font-size:14px; line-height:25px; font-weight:500; text-decoration:none; }
dl.playSession dd { padding:15px 20px; }
dl.playSession ul, dl.playSession li { margin:0; padding:0; list-style:none; }
dl.playSession dd a, dl.playSession dd span { display:block; text-decoration:none; }
dl.playSession li { margin-top:7px; }
dl.playSession li:first-child { margin-top:0; }
dl.playSession li a { padding-top:7px; border-top:1px solid #495368; color:#70bfe3; font-size:13px; line-height:16px; font-weight:300; }
dl.playSession li.on a span { padding-top:7px; color:#9ee1ff; }
dl.playSession li a span { padding-top:7px; color:#fff; }
dl.playSession li:first-child a { border-top:0 none; padding-top:0; }

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

div#player div.bnrZone { position:fixed; left:0; bottom:55px; width:100%; height:55px; padding:11px 0 12px; box-sizing:border-box; background-color:#efefef; }
div#player div.bnrZone img { height:30px; }

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.note, div.note p, div.note ul, div.note li { margin:0; padding: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; overflow-y:scroll; max-height:200px; color:#000; padding: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 20px; background-color:#ffd43e; color:#392d04; font-weight:500; }
div.note  > dl > dd { padding:20px; background-color:#fff; }
div.note table.tblDef td.bg { background-color:#e5e6f2; }



/* 긴급공지 */
dl.popupAlert { position:fixed; left:5px; bottom:5px; width:calc(100% - 10px); margin:0; padding:15px 10px 15px; background-color:#fff; box-sizing:border-box; max-height:250px; overflow-y:scroll; border:2px solid #020b3d; }
dl.popupAlert dt { margin-bottom:10px; color:#111; text-align:center; margin:0; font-size:24px; line-height:30px; font-weight:500; }
dl.popupAlert dd { margin:0; }
dl.popupAlert dd.con { margin-top:10px; color:#222; font-size:13px; line-height:23px; }
dl.popupAlert dd.close { position:absolute; right:20px; top:17px; }
dl.popupAlert dd.close a, dl.popupAlert dd.close img { display:block; width:23px; }



dl.popupAlert dd.con p{font-size: 14px !important; font-family: 'Pretendard-Medium', sans-serif !important; }
dl.popupAlert dd.con p strong{font-size: 14px !important; font-family: 'Pretendard-Medium', sans-serif !important; }
dl.popupAlert dd.con strong{font-size: 14px !important; font-family: 'Pretendard-Medium', sans-serif !important; }
dl.popupAlert dd.con span{font-size: 14px !important; font-family: 'Pretendard-Medium', sans-serif !important; }
 
/* 레이어 팝업*/
div.layerPopup { /* display:none; */position:fixed; z-index:250; left:0; top:0; overflow:auto; width:100%; height:100%; background-color:rgba(0,0,0,.7); }
div.layerPopup div.popupWrap { position:absolute; padding:20px; background-color:#fff; box-sizing:border-box; }
div.popupCon { overflow-x:hidden; overflow-y:auto; height:calc(100% - 144px); padding:20px; }


dl.popupAlert .scrollArea::-webkit-scrollbar { width:8px; }
dl.popupAlert .scrollArea::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:4px; }
dl.popupAlert .scrollArea::-webkit-scrollbar-thumb { background-color:#676679; border-radius:4px; }



/* 동의하기 */
div#popupAgree { width:calc(100% - 30px); top:50%; left:50%; transform:translate(-50%, -50%); }
div#popupAgree .popupWrap { /* left:50%; top:50%; width:calc(100% - 30px); height:auto; transform:translate(-50%, -50%); */padding:20px 15px 30px; }
div#popupAgree h1 { height:28px; margin:0 auto; padding:0; text-align:center; line-height:28px; color:#000; font-size:18px; font-weight:500; }
div#popupAgree h1 img { display:inline-block; height:28px; vertical-align:top; }
div#popupAgree h1 + p { margin:0; padding:14px 0 ; text-align:center; color:#000; font-size:14px;  word-break:keep-all;     font-family: 'Pretendard-bold', sans-serif !important;}
div#popupAgree span { color: #2f51b2; } /* 241202 수정 */


div#popupAgree div.formArea { }
div#popupAgree div.bg { padding:10px; background-color: #f4f5fa; } /* 241202 수정 */
div#popupAgree div.agreeCon { overflow-x:hidden; overflow-y:auto;    word-break: keep-all; height:250px; padding:0 10px 0 14px; color:#000000; line-height:18px; font-size:13px; box-sizing:border-box; }
div.agreeCon::-webkit-scrollbar { width:5px; margin:10px; }
div.agreeCon::-webkit-scrollbar-track { background-color:#fff; }
div.agreeCon::-webkit-scrollbar-thumb { background-color:#222; }

div.agreeCon ul, div.agreeCon li { margin:0; padding:0; }
div.agreeCon li { margin-bottom:10px; }

div#popupAgree .agree { text-align:center; padding:15px 0 25px;    font-family: 'Pretendard-bold', sans-serif !important; }
div#popupAgree .agree input[type=checkbox] {accent-color: #4c4895;} /* 241202 추가 */
div#popupAgree .agree span.inputC { margin-right:10px; vertical-align:top; }
div#popupAgree .agree label { cursor:pointer; display:inline-block; vertical-align:top; line-height:27px; color:#222; font-size:14px; font-weight:500; }

/* div#popupAgree .btn { position:absolute; left:0; bottom:0; width:100%; margin:0; } */
div#popupAgree .btn * { display:block; width:155px; height:40px; margin:0 auto; font-size:14px; line-height:40px; font-weight:500; color:#fff; background-color: #716dcc; border-color: #716dcc; } /* 241202 수정 */

div#popupAgree .close { position:absolute; right:0; top:-42px; width:30px; height:30px; margin:0; padding:0; }
div#popupAgree .close a, div.popup .close img { display:block; }


div#popupPlayer { }
div#popupPlayer .popupWrap { position:absolute; left:0; bottom:0; width:100%; height:auto; padding:20px 25px 75px; background-color:#f0f2fa; box-sizing:border-box; }
div#popupPlayer h1 { width:100%; height:30px; padding:0 0 10px; margin:0; color:#1b2646; font-size:22px; line-height:1; font-weight:700; }
div#popupPlayer .popupCon { padding:0; }

/* div#popupPlayer textarea { width:100%; height:170px; padding:15px; border:1px solid #d6d8e3; color:#000; font-size:14px; line-height:1.2; box-sizing:border-box; }
div#popupPlayer textarea::placeholder { color:#7f7f7f; line-height:23px; font-size:14px; } */

div#popupPlayer div.txtBox { }
div#popupPlayer textarea { width:100%; height:170px; padding:15px; border:1px solid #d6d8e3; background-color:#fff; color:#000; }
div#popupPlayer textarea::placeholder { color:#7f7f7f; font-size:13px; }

div#popupPlayer textarea:focus + span.placeholder { display:none; }

div#popupPlayer div.qnaList { margin-top:12px; }
div#popupPlayer div.qnaList h2 { width:100%; height:35px; background-color:#272b4b; line-height:35px; text-align:center; color:#fff; font-size:14px; }

div.qnaList ul, div.qnaList ul li { margin:0; padding:0; list-style:none; }
div#popupPlayer div.qnaList ul { height:150px; padding:5px 16px; border:1px solid #d6d8e3; border-top:0 none; background-color:#fff; }
div#popupPlayer div.qnaList ul li { padding:14px 0; color:#222; line-height:15px; font-size:13px; font-weight:400; border-top:1px solid #dadada; }
div#popupPlayer div.qnaList ul li:first-child { border-top:0 none; }

div#popupPlayer div.qnaList ul::-webkit-scrollbar { width:8px; margin:10px; }
div#popupPlayer div.qnaList ul::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:4px; }
div#popupPlayer div.qnaList ul::-webkit-scrollbar-thumb { background-color:#676679; border-radius:4px; }


div#popupVoting .popupWrap { position:absolute; left:0; top:auto; bottom:0; width:100%; height:auto; padding:28px 25px 75px; background-color:#f0f2fa; box-sizing:border-box; }
div#popupVoting .popupCon { padding:20px 0 ; }
ul.voting, ul.voting > li, ul.voting a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.voting { padding:40px 0 60px; }
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:#3c4477; font-size:22px; line-height:24px; font-weight:700; color:#c8c9d1; background-color:#fff; box-shadow:5px 5px 7px rgba(0,0,0,.10); }
ul.voting > li.on a { color:#fff; background-color:#263b80; }
ul.voting > li.on a:before { position:absolute; left:5px; top:5px; width:48px; height:48px; border-radius:25px; content:" "; border:1px solid rgba(255,255,255,.25); }

div#popupPlayer .formArea .btn { position:absolute; left:0; bottom:0; width:100%; height:55px; }
div#popupPlayer .formArea .btn * { float:left; width:50%; height:55px; font-size:16px; font-weight:500; text-align:center; box-sizing:border-box; background-color: #4945b0 !important; border-color: #4945b0 !important; color:#fff; } /* 241202 수정 */
div#popupPlayer .formArea .btn a { line-height:35px; background-color:#7e7f87 !important; border-color:#7e7f87 !important; }

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

/*  팝업 > Notice */
div#popupNotice { }

div#popupNotice .popupWrap { position:absolute; left:15px; top:auto; bottom:125px; width:calc(100% - 30px); height:auto; padding:25px 20px; background-color:#fff; border:1px solid #313131; border-radius:2px; box-sizing:border-box; text-align:center; }
div#popupNotice p { color:#333; line-height:20px; font-size:16px; font-weight:500; }

div#popupNotice div.close { position:absolute; right:20px; top:25px; }
div#popupNotice div.close a, div#popupNotice div.close img { display:block; width:23px; }

/* 팝업 > 프로그램 */

div.program { }
div.program ul.conMenu { margin-bottom:10px; }
div.program ul.subMenu { padding:0 0 12px; }

div.faq div.out a,
div.program div.out a { height:50px; background-color:#3f454f; font-size:14px; line-height:50px; }

div.program ul.subMenu li { border-top:1px solid #dcdcdc; border-color:#dcdcdc; color:#4d4d4d; }
div.program ul.subMenu li:first-child { border-left:1px solid #dcdcdc; }
div.program ul.subMenu li:nth-child(2n+1) { border-left:0 none; }
div.program ul.subMenu li.on a { background-color:#3563b0; }

div.tableArea { margin:15px; overflow:auto}
table.program, table.program > thead, table.program > tbody, table.program > tfoot, table.program > * > tr, table.program * > tr > * { margin:0; padding:0; border:0 none; border-spacing:0px; border-collapse:collapse; }
table.program { border-top:1px solid #d9d9d9; }
table.program > * > tr > * { padding:5px; text-align:center; color:#222; font-size:12px; line-height:15px; font-weight:200; }
table.program > * > tr > th { background-color:#f4f4f8; font-weight:500; }
table.program tr > * { border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; }
table.program tr > *:last-child { border-right:1px solid #d9d9d9; }
table.program tr td b { display:block; padding:5px 0; font-size:12px; line-height:15px; }

div#popupProgram { }
div#popupProgram .popupWrap { position:relative; position:absolute; left:20px; top:50%; width:calc(100% - 40px); height:auto; padding:0px 0 35px 0; background-color:#fff; box-sizing:border-box; transform:translate(0 , -50%); }

dl.program:first-child { border-top:1px solid #dcdcdc; }
dl.program { border:1px solid #dcdcdc; border-top:0 none; }
dl.program dt { position:relative; background-color:#f8f8f8; }
dl.program dt a { display:block; padding:22px 30px 22px 22px; text-decoration:none; line-height:17px; color:#777; word-break:keep-all; font-size:14px; } /* 241118 수정 */
dl.program dt > a:after { position:absolute; right:15px; top:40%; width:15px; height:8px; content:""; background:url('mobile/toggle.png') center center no-repeat; background-size:9px;transition: ease 0.5s;}
dl.program.view dt > a:after {transform: rotate(180deg);} /* 241118 추가 */
dl.program dt > a.noLink:after { background:none }
dl.program > dt.view { border-bottom:1px solid #dcdcdc; }
dl.program > dt.view >  a:after { transform:rotate(180deg); }

dl.program dt span { display:block; }
dl.program dt span.tit { padding-bottom:5px; line-height:20px; letter-spacing:-0.5px; word-break:keep-all; color: #1b2646; font-size:16px;  font-weight:700;} /* 241118 수정 */
dl.program dt span.chair {font-size:16px;    margin-top: 5px;}
dl.program dd.toggleCon { padding:0 0; word-break:keep-all; }
dl.program > dd > ul, dl.program > dd >  li { margin:0; padding:0; list-style:none; }
dl.program > dd > ul > li { padding: 20px 22px; line-height:18px; border-bottom:1px solid #e8e8e8; color:#4d4d4d; font-size:12px; } /* 241118 수정 */
dl.program > dd > ul > li:last-child { border-bottom:0 none; }
dl.program dd span { display:block; font-size:15px; margin-top:5px; }
dl.program dd span.tit { line-height:20px; letter-spacing:-0.5px; color: #255eac; font-size:16px;font-family: 'Pretendard-Medium', sans-serif !important;; } /* 241118 수정 */

div.break { padding:20px; border:1px solid #dcdcdc; border-top:0 none; background-color:#f8f8f8; }
div.break > span { display:block; line-height:17px; color:#777; font-size:14px; }
div.break span.tit { padding-bottom:5px; line-height:25px; letter-spacing:-0.5px; color:#1b2646; font-size:16px;  font-weight:700; }

dl.purpose { }
dl.purpose dt { padding:8px 10px; background-color:#8d8d8d; color:#fff; line-height:20px; font-size:15px; font-weight:500; }
dl.purpose dd { border-top:0 none; color:#777; }

div#popupProgram .close { position:absolute; right:0; top:-42px; width:30px; height:30px; margin:0; padding:0; }
div#popupProgram .close a, div.popup .close img { display:block; }

/* dl.program > .toggleCon{    display: block !important;} *//* 241118 주석처리 */
/* Nortice */
div.visual { }
 
div.visual > a, div.visual > a > img { display:block; width:100%; }
div.notice h1 { padding:15px 30px 15px 20px; font-size:16px; color:#fff; background:linear-gradient(90deg, rgb(91 195 189) 7%, #57a5c1 36%, rgb(73 118 178) 100%); }
div.notice { padding:10px; }
div.webinar .out { }

dl.notice, dl.notice > dt, dl.notice > dd { margin:0; padding:0; font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important;}
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:16px 40px 15px 22px; background-color:#f8f8f8; text-decoration:none; color:#000; font-size:14px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; } /* 241118 수정 */
dl.notice:nth-child(even) a.trigger { background-color:#fff; }
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;transition: ease 0.5s;}
dl.notice.view a.trigger:after { transform: rotate(180deg); } /* 241118 수정 */
dl.notice > dd { padding: 18px 20px; border-top:1px solid #dcdcdc; color:#777; font-size:15px; }
dl.notice > dd p{font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important;line-height: 1.6;} /* 241118 수정 */
dl.notice > dd p span{font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important;}
dl.notice > dd span{font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important;}
dl.notice > dd strong{font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important;}

/* 팝업 > Info Desk */
div.info { padding:15px 15px 55px !important; }
div.info h1 { padding:15px 30px 30px 20px; font-size:16px; color:#fff; background:linear-gradient(90deg, rgb(91 195 189) 7%, #57a5c1 36%, rgb(73 118 178) 100%); }
div#popupFaq { }


div.faqNote dl, div.faqNote dt, div.faqNote dd, div.faqNote ul, div.faqNote li, div.faqNote p { margin:0; padding:0; list-style:none; }
div.faqNote { padding:10px 0 15px; text-align:center; color:#141a5b; font-size:14px; line-height:20px; }
div.faqNote dd, div.faqNote ul, div.faqNote li { display:inline-block; vertical-align:top; }
div.faqNote dt { font-weight: 700;} /* 241118 수정 */
div.faqNote dd { font-weight:300; }
div.faqNote li { position:relative; padding-left:10px; }
div.faqNote li:first-child { padding-left:0; }
div.faqNote li:before { position:absolute; left:5px; top:50%; width:1px; height:12px; margin-top:-6px; content:""; background-color:#d0d0d0; }
div.faqNote li:first-child:before { display:none; }

div.faqNote a { text-decoration:none; color:#1f56b1; border-bottom:0; }
a.conLink { display:inline-block !important; text-decoration:none; border-bottom:1px solid #235db6; color:#1b61e2; }

div#popupFaq div.scrollArea { padding-bottom:60px; }

dl.faq { padding:0; border-bottom:1px solid #d7d7d7; font-size:13px; line-height:21px; color:#000; font-weight:400;font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important; }
div.faqNote + dl.faq,
dl.faq:first-of-type { border-top:2px solid #5e617a; }

dl.faq > dt { position:relative;font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important;  }
/*dl.faq > dt.view { background-color:#f1f2f8; color:#212b75; }
dl.faq > dt.view a { color:#212b75; }*/
dl.faq dt a { position:relative; display:block; padding:15px 40px 15px 15px; text-decoration:none; font-size:14px; line-height:20px; color:#111; font-weight:500; font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important; }
dl.faq dt span { display:block; width:25px; height:14px; padding:2px 0 4px; margin-bottom:5px; text-align:center; background-color:#212b75; color:#fff; font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important; line-height:17px; }
/* dl.faq dt a:before { content:"Q"; display:block; width:25px; height:17px; line-height:17px; margin-bottom:5px;  font-size:10px; color:#fff; background-color:#212b75; text-align:center; } */
dl.faq dt a:after { position:absolute; right:10px; top:50%; width:15px; height:7px; margin-top:-5px; content:""; background:url('mobile/toggle_bl.png') center center no-repeat; background-size:14px;transition: ease 0.5s;}
dl.faq.view a:after { transform: rotate(180deg); }
dl.faq dt span.awnser { position:absolute; left:10px; top:10px; width:25px; height:14px; padding:2px 0 5px; text-align:center; font-family:sans-serif; background-color:#E91E63; color:#fff; font-size:12px; line-height:17px; }

dl.faq > dd.toggleCon { display:none; position:relative; padding:15px 15px 15px 15px; border-top:1px solid #ccc; background-color:#fff; }
/*dl.faq > dd.toggleCon:first-of-type:before { content:"A"; display:block; width:25px; height:17px; line-height:17px; margin-bottom:5px; font-size:10px; color:#fff; background-color:#bb114d; text-align:center; }*/
dl.faq > dd.toggleCon img { display:block; margin:15px auto 0; }
dl.faq > dd.toggleCon > * { margin-top:20px; }
dl.faq > dd.toggleCon > *:first-child { margin-top:0; }
dl.faq dd dt { padding-bottom:10px; font-weight:500; }
dl.faq table.tblDef { border-top-color:#000; background-color:#fff; }
dl.faq table.tblDef > * > tr > * { font-size:13px; }
/* dl.faq table.tblDef th, dl.faq table.tblDef td { padding:5px; border-left:1px solid #ccc; font-size:14px; } */
dl.faq table.tblDef th { background-color:#f9f9f9; border-left:0 none; }

dl.faq div.btn a { margin-top:5px; }
 
dl.faq > dd.toggleCon p{font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important; }
dl.faq > dd.toggleCon li{font-family: 'Pretendard-medium', sans-serif ; font-size: 15px !important; }

/*  팝업 > Download */
div#popupDownload { }
div#popupDownload .popupWrap { position:absolute; left:0; top:auto; bottom:0; width:100%; height:auto; padding:25px 20px 55px; background-color:#fff; border-top:1px solid #cacaca; box-sizing:border-box; }
div#popupDownload h1 { text-align:center; color:#000; font-size:18px; line-height:25px; font-weight:500; }
div#popupDownload div.popupCon { line-height:0; font-size:0; padding:20px 0; }
div#popupDownload div.popupCon a { display:inline-block; vertical-align:top; width:33.3333%; line-height:20px; letter-spacing:-1px; text-decoration:none; color:#2d4375; font-size:15px;  font-weight:500; text-align:center; }
div#popupDownload div.popupCon img { display:block; vertical-align:top; width:70px; margin:0 auto 5px; }

div#popupDownload div.close { position:absolute; right:20px; top:25px; }
div#popupDownload div.close a, div#popupDownload div.close img { display:block; width:23px; }

/* 팝업 > 평점안내 */
div#popupInfo { }
div#popupInfo div.popupCon { }
div#popupInfo div.popupCon p { margin:10px 0 0; }



/* 팝업 > 설문조사 */
div#popupSurvey { }

div#popupSurvey .scrollArea { height:calc(100% - 104px); padding-right:10px; }
div.survey > p:first-child { padding-bottom:20px; text-align:center; }

div#popupSurvey h3 { margin:0; padding:10px 15px; background-color:#272b4b; 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; color:#2d2f56; font-size:12px; background-color:#dee6f8; }
dl.survey > dd { padding:0 0 10px; }
dl.survey textarea { margin-top:10px; height:100px; border:1px solid #d2d2d2; background-color:#f6f6f6; }
dl.survey textarea::placeholder { color:#999; }

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

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; }
div#popupSurvey div.btn > *:first-child { margin-left:0; }

ul.pager { margin:0; padding:15px 0; text-align:center; font-size:0; line-height:0; }
ul.pager li { display:inline-block; margin:0; padding:0; list-style:none; vertical-align:top; }
ul.pager li { margin-left:10px; }
ul.pager li:first-child { margin-left:0; }
ul.pager img { display:inline-block; vertical-align:top; }

ul.pager a { display:inline-block; vertical-align:top; color:#acacac; font-size:17px; line-height:17px; font-weight:400;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a { display:inline-block; vertical-align:top; width:15px; padding-top:2px; }

ul.pager a.on { color:#222; }
ul.pager a.on:after { display:block; width:100%; height:2px; background-color:#000; content:''; }

/* 체류시간 */

/* div.visit { }
div.visit table.tblDef { border-top:2px solid #2b4766; }
div.visit table.tblDef > * > tr > * { background-color:#fff; color:#000; font-size:14px; }
div.visit table.tblDef th { background-color:#f2f3f5; color:#222; }
div.visit table.tblDef tbody th { background-color:#ecf5ff; color:#000; } */

div.point { }
div.point table.tblPoint { border-top:2px solid #2b4766; }
div.point table.tblPoint > * > tr > * { padding:15px 0; color:#222; font-size:15px; }
div.point table.tblPoint th { background-color:#f2f3f5; }
div.point table.tblPoint td { text-align:center; }

p.info { margin-top:18px; ; padding:10px 25px; background-color:#f3e8f0; font-size:12px; line-height:15px; color:#222; text-align:center; letter-spacing:-1px; }
p.info a { text-decoration:none; color:#222; }

/* 간호세션 */

div.vodBg { background:url('mobile/vodBg.png') left top repeat-y; padding-bottom:85px; background-size:cover; 	}

div.webinarVod { }
div.webinarVod h1 { padding:10px 0 10px; text-align:center; color:#d73616; line-height:26px; letter-spacing:-1px; font-size:22px; font-weight:700;
	text-shadow:-3px 0 #fff, 0px 3px #fff, 3px 0 #fff, 0 -3px #fff; }
div.webinarVod h1 span { display:block; color:#314980; }
div.webinarVod h2 {    padding:15px 30px 15px 20px; font-size:16px; color:#fff; background:linear-gradient(90deg, rgb(91 195 189) 7%, #57a5c1 36%, rgb(73 118 178) 100%); }
div.vodItem, div.vodItem dl, div.vodItem dt, div.vodItem dd { margin:0; padding:0; }
div.vodItem { position:relative; padding:25px 15px 50px 108px; margin-bottom:25px; border:1px solid #97a2b0; background-color:#fff; box-shadow:2px 9px 8px 0px rgb(0 0 0 / 23%) }
div.vodItem dt { color:#000; line-height:17px; font-size:14px; font-weight:500; }
div.vodItem dd { color:#314980; margin-top:12px; font-size:14px; font-weight:500; }

div.vodItem dd.photo { position:absolute; top:25px; left:15px; margin-top:0; }
div.vodItem dd.photo img { display:block; vertical-align:top; height:105px; }

div.vodItem div.btn { padding:10px 0 0; text-align:center; }
div.vodItem div.btn:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.vodItem div.btn a { float:right; display:block; width:calc(50% - 5px); margin:0; padding:5px 0; box-sizing:border-box; border-radius:0; font-weight:700; }
div.vodItem div.btn a:first-child { float:left; }
div.vodItem div.btn a.btnCV { border:1px solid #275ad1; color:#275ad1; background-color:#e9eefa; }
div.vodItem div.btn a.btnVod { border:1px solid #d6153d; color:#d6153d; background-color:#fbe7eb; }

div.vodItem div.graph { position:absolute; bottom:0; left:0; width:100%; height:25px; 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:25px; background-color:#186bd2; }

/* 피드백 */

div.feedback { position:relative; padding:15px 15px 65px; background-color:#fff; }
div.feedback h1 { margin:0; text-align:left; color:#272b4b; font-size:22px; line-height:35px; font-weight:500; }
div.feedback h1 + p { margin:0; color:#4d4d4d; font-size:14px; line-height:20px; }
div.feedback h3 { margin:30px 0 0; padding:10px 15px; text-align:left; color:#fff; font-size:14px; line-height:20px; font-weight:500; background-color:#272b4b; }

div.feedback div.formArea { }
div.feedback div.formArea .btn { padding-top:15px; }
div.feedback div.formArea .btn * { display:block; width:100%; height:55px; font-size:16px; border-color:#2b66c2; background-color:#2b66c2; color:#fff; }


dl.feedback, dl.feedback dt, dl.feedback dd { margin:0; padding:0; }
dl.feedback { background-color:#f8f8f8; border:1px solid #ccc; border-top:0 none; }
dl.feedback > dt { overflow:hidden; position:relative; border-top:1px solid #ccc; padding:8px 15px 10px; color:#222; font-size:14px; line-height:20px; font-weight:500; vertical-align:middle; }
dl.feedback > dt:first-child { border-top:0 none; }
dl.feedback > dd { padding:5px 15px 15px; }
dl.feedback ul.option li:first-child { margin-top:0; }

ul.option, ul.option li { margin:0; padding:0; list-style:none; }
ul.option { text-align:center; font-size:0; line-height:0; }
ul.option li { display:inline-block; width:20%; vertical-align:top; }
ul.option li:first-child { padding-left:0; }
ul.option span.input { overflow:hidden; position:relative; display:block; width:25px; height:25px; border-radius:0; margin:0 auto 10px; background-color:#9ba3b2; }
ul.option span.input input { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; margin:0; }
ul.option span.input.on { background:#2e4497 url('mobile/check_on.png') center center no-repeat; background-size:13px; }

ul.option label { display:block; color:#1b1b1b; font-size:14px; line-height:20px; }

dl.feedback textarea { height:150px; border:1px solid #d2d2d2; padding:15px; background-color:#f6f6f6; color:#1b1b1b; }
dl.feedback textarea::placeholder { color:#999; }



div.research { padding:20px; padding-bottom:70px; }
div.research div.popupCon { padding:25px 40px 40px; }
div.research h1 { height:70px; font-weight:500; font-size:22px; line-height:70px; background-color:#272b4b; color:#fff; text-align:center; }
div.research h2.tit { height:50px; padding:0 10px; background-color:#65a7ea; line-height:50px; color:#fff; font-weight:500; font-size:17px; }
dl.research { border:1px solid #ccc; }
dl.research dt,
dl.research dd { background-color:#f8f8f8; }
dl.research dt { padding:15px 20px; font-weight:400; font-size:12px; line-height:15px; color:#1b1b1b; background-color:#f6f6f6; }
dl.research dt span { display:block; color:#288bf1; }
dl.research dd { padding:0 20px 20px; border-bottom:1px solid #ccc; }
dl.research dd:last-of-type { border-bottom:none; }
dl.research ul { list-style:none; }
dl.research li { display:table-cell; vertical-align:top; width:200px; margin-left:20px; text-align:center; }
dl.research li:first-child { margin-left:0; }
dl.research li label { display:block; margin-top:10px; font-size:11px; color:#1b1b1b; }

dl.research span.inputR:before { ; background:none; background-color:#9ba3b2; }
dl.research span.inputR.on:before { background:#192c8d url('/asset/player/input_checked.png') center center no-repeat; }


div.research .out input,
div.research .out a { float:left; width:50%; height:50px; line-height:50px; border:none; margin:0; padding:0; outline:none; font-weight:500; font-size:14px; color:#fff; }
div.research .out input { background-color:#b62a69; }

div.research textarea { height:60px; }


/* 2023-11-02 */
div.webinarWaiting { padding:0 15px; background:url('mobile/waiting_bg_m.png') no-repeat center top; background-size:100% 100%; }
div.webinarWaiting > * { text-align:center; }
div.webinarWaiting h1 { padding:50px 0 10px; }
div.webinarWaiting h1 img { min-height:30px; }
div.webinarWaiting h2 { margin-bottom:30px; }