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

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

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

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

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

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

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

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

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



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



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




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

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



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

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


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

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

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


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


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

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

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

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

.tabCon,
.toggleCon {display:none;}

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


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


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

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


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

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


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

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


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


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


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

table.inputTbl .multi span.inputC,
table.inputTbl .multi span.inputR {margin:2px 0 0 20px;}
table.inputTbl .multi input[type=image] {margin-top: 10px;}

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

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

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

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

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

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

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

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

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

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

table.inputTbl td.birth {}

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

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


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

input.inputWide {width:90%;}

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

 

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

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

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



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

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



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

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



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

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


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


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

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


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


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



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

body.pop {margin:0; padding:0; height:100%; background-color:#fff; font-family:'Calibri', '돋움', Dotum, 'Apple Gothic', sans-serif; word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#b2b2b2;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}
@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold;color:#fff;}



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

img {max-width:100%;}

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

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

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





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

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

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

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



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

div.loginArea {position: relative;margin:0;}
div.loginArea ul.tabMenu {margin-bottom: 25px;}
div.loginArea div.formArea {padding: 25px 15px;}
div.loginArea h1 {margin: 0;padding: 0;}
div.loginArea h1 img {display: block;width: 100%;}

div.loginArea form dl {position: relative; margin:0;padding: 0;}
div.loginArea form dt {padding-bottom: 5px;color: #122356; line-height: 20px; font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.loginArea form dd {position: relative;padding: 0;margin-bottom: 15px;}
div.loginArea dd input {width: 100%;height: 45px;border: 0 none; background-color: #f1f1f1;color: #111; box-sizing:border-box; padding:0 15px;}
div.loginArea dd input::placeholder {color: #a3a3a3; line-height: 36px; font-size: 13px; font-weight: normal;font-family: 'Roboto-Reguler', 'NotoSansKR Reguler', sans-serif;}

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

div.fixedArea {position: absolute;bottom: 0;left: 0;}

div.loginArea dl.loginNote {padding: 20px 15px;background-color: #f1f3f7;}
dl.loginNote dt {font-family: 'Roboto-Bold', sans-serif; font-size: 14px;}
dl.loginNote dt span {box-shadow: inset 0 -8px 0 0 #f5ed97;color: #121265;}
dl.loginNote li {color: #121265;font-family: 'Roboto-Medium', sans-serif;}
dl.loginNote a {color: #121265;}

ul.loginBtn, ul.loginBtn li,
dl.loginNote ul, dl.loginNote li {margin: 0; padding: 0; list-style: none; } 
ul.loginBtn {font-size: 0;line-height: 0;}
ul.loginBtn li {display: inline-block;vertical-align: top;width: 50%;}
ul.loginBtn a {display: block;height: 45px;padding: 0;border: 0 none;color: #fff;font-size: 13px;line-height: 45px;font-family: 'Roboto-Regular', sans-serif;background-color:#93a4bf;text-align: center;}
ul.loginBtn li:first-child a {background-color: #cf9634;}

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



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

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

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

dl.faq.view > dt {background-color: #f1f2f8;}
dl.faq.view > dt a {color: #212b75;}
dl.faq.view > dt a:after {transform:rotate(180deg);}
dl.faq > dd.toggleCon {position: relative;padding:15px;border-top: 1px solid #ccc;    word-break: keep-all;}
dl.faq > dd.toggleCon:before {display: block;width: 20px;padding: 3px 0;margin-bottom: 5px;content: "A";text-align: center;background-color: #bb114d;color: #fff;font-size: 12px;line-height: 14px;}
dl.faq > dd.toggleCon img {display: block;margin: 15px auto 0;}
dl.faq > dd.toggleCon > * {margin-top: 20px;}
dl.faq > dd.toggleCon > *:first-child {margin-top: 0;}
dl.faq dd dt {    padding: 10px 0;;font-weight: bold;}
dl.faq table.tblDef {border-top-color: #000;}
dl.faq table.tblDef th, dl.faq table.tblDef td {padding: 5px;border-left: 1px solid #ccc;font-size: 14px;}
dl.faq table.tblDef th {background-color: #3b3d45;border-left: 0 none;color: #fff;}

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


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

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


/* 기술지원 */
div.tech {padding: 0 0 50px !important;font-family: 'Roboto-Medium', sans-serif;}
div.tech h1 {margin: 0;padding: 0 30px 0 15px;font-weight: normal;color: #fff;font-size: 17px;line-height: 50px;background-color: #313a63;font-family: 'Roboto-Bold', sans-serif;}

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

div.tech div.contents {padding: 15px;}
div.tech div.contents p {padding-top: 90px;color: #343434;font-size: 13px;font-family: 'Roboto-Medium', sans-serif;background:url('mobile/tech.png') no-repeat center top;background-size: 100px auto;text-align: center;}

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

dl.contact, dl.contact dt, dl.contact dd, dl.contact ul, dl.contact li, dl.contact a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.contact {margin: 15px 0 0;padding: 15px 20px;background-color: #f3f8ff;font-size: 14px;line-height: 18px;color: #343434;font-family: 'Roboto-Medium', sans-serif;} 
dl.contact:first-child {padding-top: 0;}
dl.contact dt {padding: 10px 0 0;color: #7529b6;}
dl.contact dt:first-child {padding-top: 0;}

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

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

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

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




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

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

dl.faq.view > dt {background-color: #f1f2f8;}
dl.faq.view > dt a {color: #212b75;font-family: 'Pretendard-SemiBold', sans-serif;font-weight: 500;}
dl.faq.view > dt a:after {transform:rotate(180deg);}
dl.faq > dd.toggleCon {position: relative;padding:15px;border-top: 1px solid #ccc;    word-break: keep-all;}
dl.faq > dd.toggleCon:before {display: block;width: 25px;padding: 3px 0;margin-bottom: 5px;content: "A";text-align: center;background-color: #bb114d;color: #fff;font-size: 12px;line-height: 14px;}
dl.faq > dd.toggleCon img {display: block;margin: 15px auto 0;}
dl.faq > dd.toggleCon > * {margin-top: 20px;}
dl.faq > dd.toggleCon > *:first-child {margin-top: 0;}
dl.faq > dd.toggleCon a {font-size: 14px;line-height: 27px;}
dl.faq dd dt {padding: 10px 0;;font-weight: bold;}
dl.faq table.tblDef {border-top-color: #2e4497;}
dl.faq table.tblDef th, dl.faq table.tblDef td {padding: 5px;border-left: 1px solid #e7e7e7;font-size: 14px;}
dl.faq table.tblDef th {background-color: #f2f3f5;border-left: 0 none;color: #333;}

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

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


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

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



/* 메인 */
div#webinarMain {background-color: #eef7f8;box-sizing:border-box;}
div#webinarMain h1 {}
div#webinarMain h1 img {display: block;width: 100%;}

ul.wsMenu {margin: 0;padding: 25px 15px 0;}
ul.wsMenu li {padding: 0;list-style:none;margin: 0 0 15px;border-radius: 5px;background-color: #fff;}

ul.wsMenu a {position: relative;display: table-cell;width: 2000px;height: 60px;padding:0 35px 0 65px;vertical-align: middle;text-decoration: none;text-align: left;letter-spacing: -1px;color: #2c2f4b;font-size: 15px;font-family: 'NotoSansKR Bold', sans-serif;background: url('new/main_arr.png') right 15px center no-repeat;background-size: 22px;box-sizing:border-box;}
ul.wsMenu img {position: absolute;left: 20px;top: 16px;height: 32px;}
ul.wsMenu li.onair {background: linear-gradient(to right, #c45f5f, #914690);}
ul.wsMenu li.onair a {color: #fff;background-image: url('new/main_arr_w.png');}

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

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

div.bnrZone, div.bnrZone ul, div.bnrZone li, div.bnrZone a {margin: 0;padding: 0;list-style:none;text-decoration: none;background-color: #fff;}
div.bnrZone {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;height: 30px;}
div.bnrZone ul a {border: 1px solid #ccc;}

div.bnrZone a.bx-prev,
div.bnrZone a.bx-next {position: absolute;top: 9px;width: 37px;height: 37px;text-indent: -10000px;background-position: center center;background-repeat: no-repeat;background-size: 11px;}
div.bnrZone a.bx-prev {left: 15px;background-image: url('mobile/bnr_prev.png');}
div.bnrZone a.bx-next {right: 15px;background-image: url('mobile/bnr_next.png');}


/* 컨텐츠 > 기본 레이아웃 */
div.webinar {position: relative;box-sizing:border-box;background-color: #fff;color: #222;font-size: 14px;line-height: 1.4;font-family: 'Pretendard-Regular', sans-serif;}
div.titArea {}
div.titArea h1 {margin: 0;}
div.titArea h1 img {display: block;width: 100%;}
div.titArea h2 {position: relative;margin: 0;padding: 0 15px;color: #fff;font-size: 16px;line-height: 40px;background-color:#834f8e;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}

div.webinar h1 {}

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

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

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




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


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

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

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

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

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

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

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

dl.program > dt span {color: #333;line-height: 17px;}
div.program span.session_title {padding-bottom: 5px;font-size: 15px; line-height: 18px;color: #fff36f;font-family: 'Roboto-Medium', sans-serif;}
div.program span.session_title + span {margin: 0px 0 10px 0;color: #fff;font-size: 13px;font-family:'NotoSansKR Regular', sans-serif;}
div.program span.session_chair {position: relative;padding-left: 0;line-height: 18px;font-size: 14px;color: #333;}
div.program span.session_time {font-size: 12px;color: #fff;font-family: 'Roboto-Regular', sans-serif;}
div.program span.onair {position: absolute;right: 40px;top: 14px;width: 45px;height: 18px;border-radius: 8px;line-height: 16px;text-align: center;color: #fff;font-size: 11px;background-color: #d44c5d;font-family: 'Pretendard-Bold', sans-serif;}
div.program span.title{color: #21478b; font-size: 15px ;font-family: 'Pretendard-Regular', sans-serif; line-height: 17px;}

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

dl.program > dd {color: #777;font-size: 14px;font-family: 'Pretendard-Regular', sans-serif;}
dl.program a.vod {padding: 0 10px; color: #fff;background-color: #c23f11; height: 25px;line-height: 22px;font-size: 13px;margin-top: 5px;}

dl.program li {border-top: 1px solid #e8e8e8;padding:  15px;}
dl.program li:first-child {border-top: 0 none;}
/*dl.program li.break {background-color: #ecf7ff;color: #303030;font-size: 13px;line-height: 15px;font-family: 'Roboto-Regular', sans-serif;}*/

dt.break a.trigger {padding: 15px;background-color: #ecf7ff;font-size: 13px;line-height: 15px;font-family: 'Roboto-Regular', sans-serif;}
dt.break a.trigger span.session_title,
dt.break a.trigger span.session_title + span {margin-bottom: 0;color: #303030 !important;}
dt.break dd {display: none;}

div.program span {color:#303030;font-size: 13px;}
div.program span.time {font-family: 'Roboto-Regular', sans-serif;}
div.program span.tit {padding-top: 5px;font-family:'NotoSansKR Bold', sans-serif;font-size: 14px;}
div.program span.speaker {font-family: 'NotoSansKR Regular', sans-serif;color:#000000;margin-top: 5px; margin-bottom: 3px;}



div.room {background-color: #f0f2fb;}
p.roomNote {display: table-cell;width: 1000px;height: 50px;background-color: #df595c;color: #fff;vertical-align: middle;text-align: center;font-size: 14px;font-family: 'Pretendard-SemiBold', sans-serif;line-height: 17px;}

dl.room, dl.room dt, dl.room dd, dl.room ul, dl.room li {margin: 0;padding: 0;list-style:none;}
dl.room {border-top: 2px solid #3b3d45;margin: 15px;background-color: #fff;box-shadow:0 0 15px rgba(196,172,148,.35);color: #222;font-size: 13px;line-height: 20px;font-family: 'Pretendard-Light', sans-serif;font-weight: 300;}
dl.room > dt {text-align: center;color: #000;font-size: 16px;font-family: 'Pretendard-SemiBold', sans-serif;line-height: 46px;}

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

 


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

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

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


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


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



div#player {overflow: hidden;position: relative;padding-bottom: 55px;background-color: #f0f2fa;box-sizing: border-box;}
div#player .titArea {position: relative;padding: 0 100px 0 0;background-color: #fff;}
div#player h1 {position:relative; height: 55px;margin: 0;padding: 0 0 0 15px;text-align: left;color: #fff; background-color: #fff;} 
 
div#player h1 img {display: block;width: auto;height: 100%;}
div#player div.titArea p {position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
div#player div.titArea p a {display: table-cell;width: 100px;height: 55px;padding: 0 10px;color: #fff;text-align: center;vertical-align: middle;font-family: 'Pretendard-SemiBold', sans-serif;font-size: 15px;line-height: 20px;text-decoration: none;word-break:keep-all;}



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


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


div#player  div.btn a {height: 50px;line-height: 50px;}

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


ul.playUtil, ul.playUtil > li, ul.playUtil a {margin: 0;padding: 0;list-style:none;}
ul.playUtil {display:grid;grid-template-columns: repeat(2, 1fr);gap:10px;padding: 0 15px 15px;}
/*
ul.playUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

ul.playUtil > li {float: left;width: calc(50% - 8px);margin-left: 10px;}
ul.playUtil > li:nth-child(3) {clear: both;}
ul.playUtil > li:nth-child(n+3) {margin-top: 10px;}
ul.playUtil > li:nth-child(odd) {margin-left: 0;}
*/

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

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


div.note, div.note p, div.note ul, div.note li {padding: 5px;margin: 0; ;list-style:none;}
div.note {padding: 15px;font-size: 12px;line-height: 20px;}
div.note > * {   padding-bottom: 5px;}
div.note > *:first-child {margin-top: 0;}

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

div.note  > dl > dt {padding: 5px 10px;background-color: #ffdd00;color: #000;font-family: 'Pretendard-SemiBold', sans-serif;}
div.note  > dl > dd {padding: 2px 10px;background-color: #3b3d45;    text-indent: -10px;padding-left: 20px;}
 
div.note table.tblDef td.bg {background-color: #e5e6f2;}

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


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


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

div.btnOut {position: fixed;left: 0;bottom: 0;width: 100%;}
div.btnOut a {display: block;width: 100%;/* padding: 13px 0 15px; */text-align: center;font-size: 15px;font-family: 'Pretendard-Regular', sans-serif;}



/*div.sessionInfo {position: fixed;left: 0;bottom: 55px;width: 100%;background-color: #041226;}
div.sessionInfo a.trigger {position: relative;display: block;text-decoration: none;padding: 5px 15px ;color: #fff;background-color: #1f3371;font-size: 15px;line-height: 27px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
div.sessionInfo a.trigger:after {position: absolute;right: 15px;top: 50%;content: "";width: 10px;height: 6px;margin-top: -3px;content: "";background: url('mobile/trigger_w.png') center center no-repeat;background-size: 10px;}
div.sessionInfo.view a.trigger:after {transform:rotate(180deg);}

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

dl.playSession {padding:5px 15px 22px 15px;color: #fff;}
dl.playSession dt {padding: 15px 0 15px;border-bottom: 1px solid #ccc;color: #fff;font-size: 14px;line-height: 16px;font-weight: normal;font-family: 'Roboto-Light', 'Pretendard-Light', sans-serif;}
dl.playSession dt .tit {margin: 0;padding: 0;;font-size: 14px;margin-bottom: 5px;line-height: 18px;font-weight: normal;font-family: 'Roboto-Regular', 'Pretendard-Regular', sans-serif;}
dl.playSession dt span {margin-top: 5px;font-size: 14px;line-height: 18px;font-family: 'Roboto-Medium', 'Pretendard-SemiBold', sans-serif;}
dl.playSession dd {margin: 0;padding: 10px 0 10px;}
dl.playSession div.tit {font-size: 14px;line-height: 16px;font-family: 'Roboto-Regular', 'Pretendard-Regular', sans-serif;}
dl.playSession div.chairs {position: relative;padding: 0 0 0 85px;font-size: 13px;line-height: 16px;font-family: 'Pretendard-Light', sans-serif;}
dl.playSession div.chairs span {position: absolute;top: 0;left: 0;display: block;}

dl.playSession ul,
dl.playSession li,
dl.playSession span {display: block;margin: 0;padding: 0;list-style: none;}
dl.playSession li {margin-top: 10px;font-size: 13px;line-height: 16px;font-family: 'Pretendard-Light', sans-serif;}

dl.playSession span.tit {color: #92e8ff;font-family: 'Pretendard-Regular', sans-serif;      margin-bottom: 2px; margin-top: 4px; font-size: 14px;  line-height: 17px;}

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

div.bgBox {background-color: #041226;}
dl.playSession {}
dl.playSession dt {}
dl.playSession dt a {display: block;color: #fff;font-size: 15px;line-height: 35px;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;text-align: center;background-color: #1f3371;}
dl.playSession dd {padding: 15px 15px 20px;color: #fff;font-family: 'Pretendard-DemiLight', sans-serif; max-height:300px;    overflow-x: scroll;}

dl.playSession div.session {padding-bottom: 15px;border-bottom: 1px solid #fff;font-size: 14px;line-height: 18px;font-family: 'Pretendard-Medium', sans-serif;}
dl.playSession div.session > span {display: block;}
dl.playSession div.session span.session {padding-bottom: 10px;font-size: 15px;line-height: 22px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.playSession div.session span.session > span {color: #92e8ff;}
dl.playSession div.session span.tit {padding-bottom: 7px;}
dl.playSession div.session span.time {padding-top: 7px;font-size: 12px;font-family:'NotoSansKR DemiLight', sans-serif;}

dl.playSession ul, dl.playSession li {margin: 0;padding: 0;list-style: none;}
dl.playSession dd a {display: block;text-decoration: none;}
dl.playSession li {margin-top: 15px;}
dl.playSession li a {color: #fff;font-size: 12px;line-height: 15px;}
dl.playSession li a > span {display: block;}
dl.playSession li span.tit {padding-top: 5px;color: #92e8ff;font-size: 14px;line-height: 24px;font-family:'NotoSansKR Medium', sans-serif;}
dl.playSession li span.name {font-size: 13px;}
dl.playSession li span.name span {font-family:'NotoSansKR Medium', sans-serif;}


/*
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-family: 'Pretendard-SemiBold', sans-serif;}

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

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




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



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

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

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






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


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

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

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



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

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

div#popupAgree h1 + p {background-color: #313a63;margin: 0;padding:10px 15px 20px;font-size: 14px;line-height: 17px;color: #fff;text-align: center;font-weight: normal;font-family: 'NotoSansKR Regular', sans-serif;word-break:keep-all;}
div#popupAgree h1 + p span {display: inline-block;color: #ffe53a;}

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

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

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

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

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

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

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

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

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

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



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

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




div#popupPlayer {}
div#popupPlayer .popupWrap {position: absolute;left: 0;top: auto;bottom: 0;width: 100%;height: auto;padding: 17px 15px 20px;background-color: #f0f2fa;box-sizing:border-box;}
div#popupPlayer dl.notice dt {padding: 0 0 15px;margin: 0;color: #1b2646;font-size: 23px;line-height: 1;font-weight: normal;font-family: 'Roboto-Bold', sans-serif;background: none;}

div#popupPlayer .formArea p {font-size: 14px;color: #4d4d4d;}

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


div#popupPlayer dl.notice {border: 0 none;}
div#popupPlayer dl.notice dd {min-height: 170px;max-height: 170px;    overflow-x: scroll;padding: 15px;border:1px solid #d6d8e3;background-color: #fff;color: #7f7f7f;font-size: 13px;line-height: 17px;font-family: 'Pretendard-Regular', sans-serif;}
div#popupPlayer .btn {position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;}
div#popupPlayer .btn * {display: block;width: 100%;height: 50px;font-size: 18px;text-align: center;box-sizing:border-box;border-radius:0;border-color: #1b2734;background-color: #1b2734;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;}


div#popupPlayer .popupWrap > .close {position: absolute;right: 20px;top: 17px;width: 23px;height: 23px;}
div#popupPlayer .popupWrap > .close a, div#popupPlayer .popupWrap > .close a img {display: block;}


div#popupVoting .popup {position: absolute;left: 0;top: auto;bottom: 0;width: 100%;height: auto;padding: 10px 15px 80px;background-color: #f0f2fb;box-sizing:border-box;}
div#popupVoting h1 {padding: 10px 0;margin: 0;color: #3b3d45;font-size: 22px;font-family: 'Pretendard-SemiBold', sans-serif;font-weight: 500;}
div#popupVoting .formArea .btn {position: absolute;left: 0;bottom: 0;width: 100%;height: 55px;}
div#popupVoting .formArea .btn * {float: left;width: 50%;height: 55px;font-size: 15px;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;box-sizing:border-box;}
div#popupVoting .formArea .btn a {line-height: 55px;}
div#popupVoting .popup > .close {position: absolute;left: 0;bottom: 0;width: 100%;}
div#popupVoting .popup > .close a {display: block;width: 100%;line-height: 55px;height: 55px;font-size: 15px;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;box-sizing:border-box;}


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

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

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

div.notice {padding: 15px;}
dl.notice, dl.notice > dt, dl.notice > dd {margin: 0;padding: 0;}

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

dl.notice div{font-size: 14px !important;font-family: 'Pretendard-Regular', sans-serif !important;color: #000;}
dl.notice  p{font-size: 14px !important; font-family: 'Pretendard-Regular', sans-serif !important;color: #000;}
dl.notice  span{font-size: 14px !important; font-family: 'Pretendard-Regular', sans-serif !important;color: #000;}


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


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

ul.tabMenu,
ul.conMenu {}
ul.tabMenu a,
ul.conMenu a {padding: 9px 10px 10px;background-color: #fff;border: 1px solid #16246a; color: #16246a;font-size: 15px;line-height: 26px;font-family: 'Roboto-Bold', sans-serif;}
ul.tabMenu .on a {border-color: #16246a; background-color: #16246a;color: #fff;font-family: 'Roboto-Bold', sans-serif;}

ul.subMenu {padding: 10px 15px;background-color:#eff1f5;}
ul.subMenu a {display: table-cell;width: 1000px;height: 40px;padding: 0 5px;vertical-align: middle;text-align: center;background-color: #fff;border: 1px solid #16246a;border-left: 0 none;color: #16246a;letter-spacing:-0.5px;font-size: 14px;line-height: 18px;font-family: 'Roboto-Regular', sans-serif;}
ul.subMenu .on a {color: #fff;border-color: #16246a;background-color: #16246a;font-family: 'Roboto-Bold', sans-serif;}
ul.subMenu > li:first-child a {border-left: 1px solid #16246a;}

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

ul.conMenu { padding: 5px 15px;}
ul.col3ea > li:first-child{float: left;width: 33.3%;}
ul.conMenu > li {float: left;width: calc(50% - 5px);margin-left: 10px;box-sizing: border-box;}
ul.conMenu > li:first-child {margin-left: 0;}
ul.conMenu a {display:table-cell; width: 1000px;height:40px;vertical-align:middle;padding: 0; font-size: 13px;line-height: 15px;font-family: 'Roboto-Regular', sans-serif;text-align: center;border:1px solid #7846a6;color: #7846a6;border-radius: 20px;}
ul.conMenu .on a {color: #fff;background-color:#7846a6;}

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



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

table.program > * > tr > * {position: relative;padding: 5px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #101530;word-break:normal;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
table.program > * > tr > *:first-child {border-left: 0 none;}
table.program .tit:first-child,
table.program .bdLeft {border-left: 1px solid #ccc !important;}

table.program thead th {background-color: #354d70;color: #fff;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;}
table.program td.time {background-color: #f5f6f8 !important;color: #101530;text-align: center !important;}
table.program td.break {background-color: #ecedf0;}

table.program > * > tr > * {}
table.program tr.session td {background-color: #fffcf3;}
table.program tr.session td.tit {color: #69078d;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}

a.onair,
a.file,
a.vod {display: inline-block;vertical-align: middle;text-align: center;color: #fff;font-size: 12px;height: 20px;line-height: 20px;border-radius: 5px;font-family: 'Pretendard-Regular', sans-serif;text-decoration:none; }

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

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

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



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

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

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

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

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





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

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

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

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

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

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




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

div.searchArea {position: relative;}
div.searchArea input[type=text] {width: 100%;height: 33px;padding: 0 40px 0 10px;box-sizing:border-box;border-color: #4b5f8f;background: #4b5f8f url('mobile/btn_search.png') right center no-repeat;background-size: 40px;color: #fff;font-size: 14px;}
div.searchArea input[type=text]::placeholder {line-height: 49px;color: #fff; font-size:13px;}
div.searchArea input[type=submit] {position: absolute;right: 15px;top: 15px;width: 40px;height: 33px;opacity: 0;}
div#sessions div.searchArea {/* padding: 15px 15px 0; */background-color: #e1e4ee;}

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

div#sessions ul.conMenu > li:first:child{font-size:10px;}
dl.session, dl.session * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.session {margin: 15px;border: 1px solid #ccc;}
dl.session a, dl.session span {display: block;font-family: 'Pretendard-Regular', sans-serif;   font-size: 13px;line-height: 16px;}
dl.session a.trigger {position: relative;padding: 15px 100px 15px 15px;color: #444;font-size: 12px;font-family: 'Pretendard-Light', sans-serif;}
dl.session a.trigger:after {position: absolute;right: 13px;top: 50%;width: 20px;height: 10px;content: "";background: url('mobile/toggle_02.png') center center no-repeat;background-size: 15px;}
 

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

dl.session span.num {color: #b3215b;font-family: 'Pretendard-Regular', sans-serif; font-size: 12px;}
dl.session span.tit {padding: 5px 0px;color: #222;font-family: 'Pretendard-SemiBold', sans-serif; font-size: 14px;line-height: 16px;}

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

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

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

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

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



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

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

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


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




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

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

dl.boothInfo ul a {display: block;padding: 13px 0 11px;border-right: 1px solid #9d9fb3;border-bottom: 1px solid #9d9fb3;text-align: center;background-color: #fff;color: #6c6d7d;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', sans-serif;}
dl.boothInfo ul li:first-child a {border-left: 1px solid #9d9fb3;}
dl.boothInfo ul li:nth-child(-n+3) a {border-top: 1px solid #9d9fb3;}
dl.boothInfo ul .on a {border-color: #3b3d45;color: #fff;background-color: #3b3d45;font-family: 'Pretendard-SemiBold', sans-serif;}

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

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





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

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

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

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

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

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

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

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


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


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

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


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

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

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

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


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


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





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

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


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

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

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

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

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

div#eBoothView {padding-bottom: 55px;}
div#eBoothView h1 {position: relative;padding: 0 102px 0 10px;color: #fff;background: #424763;font-size: 16px;line-height: 43px;font-family: 'Pretendard-SemiBold', sans-serif;font-weight: normal;}
div#eBoothView h1 a {padding-left:10px;position: absolute;right: 10px;top: 50%;height: 16px;padding: 8px 10pX;margin-top: -18px;text-align: center;color: #fff;border: 1px solid #fff;background-color: #e91e63;text-decoration: none;font-size: 12px;line-height: 18px;font-family: 'Pretendard-Regular', sans-serif;}
div.eboothCon p:nth-child(3n+1) a {padding-left:10px}

ul.eBoothMenu, ul.eBoothMenu li, ul.eBoothMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.eBoothMenu {padding: 15px;background-color: #e8e8e8;}
ul.eBoothMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.eBoothMenu li {float: left;width: 33%;box-sizing:border-box;border-right: 1px solid #9d9fb3;border-bottom: 1px solid #9d9fb3;background-color: #fff;}
ul.eBoothMenu li:nth-child(3n+1) {clear: both;width: 34%;border-left: 1px solid #9d9fb3;}
ul.eBoothMenu li:nth-child(-n+3) {border-top: 1px solid #9d9fb3;}

ul.eBoothMenu a {display: table-cell;width: 500px;height: 38px;text-align: center;vertical-align: middle;font-size: 12px;line-height: 16px;color: #6c6d7d;font-family: 'Pretendard-Regular', sans-serif;}
ul.eBoothMenu li.on {background-color: #e91e63;border-color: #e91e63;}
ul.eBoothMenu li.on a {color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;}
 
div#eBoothView dl.toggleArea {padding-top: 0;}
div#eBoothView dl.toggleArea > ul{height:auto;}
div#eBoothView dd.toggleCon {top: 35px;}

div.eboothCon {margin: 0px 15px;padding:0 0 20px;background-color: #fff;color: #000;font-size: 14px;line-height: 25px;font-family: 'Pretendard-Regular', sans-serif;}

div.eboothCon p {padding: 10px;}

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

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


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

div.eboothCon h1 {    display: block;position: relative;margin: 10px 0 5px;padding: 6px 20px 4px;color: #fff;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', sans-serif;background-color: #474951;font-weight: normal;}
div.eboothCon div.logo + h1,
div.eboothCon h1:first-child {margin-top: 0;}
div.eboothCon h1 a.vod {position: absolute;right: 0;top: 0;padding:2px 20px 0;display: block;background-color: #3b3d45;color: #fff;line-height: 28px;font-size: 14px;font-family: 'Pretendard-SemiBold', sans-serif;text-align: left;text-decoration: none;}
div.eboothCon h1 i {color: #FFEB3B;margin-left: 7px;}

div.eboothCon div.vodArea {text-align: center;margin: 15px;height: 200px;}
div.eboothCon div.vodArea img {height: 100%;}

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



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

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

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

div.boothEvent {padding: 20px 0;}
div.boothEvent h1 {text-align: center;color: #111; font-size: 20px; font-weight: normal; font-family: 'Pretendard-SemiBold', sans-serif}
div.boothEvent .rollingArea {}
div.boothEvent .bx-wrapper {position: relative; margin: 10px auto;padding-top: 20px;}

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

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

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

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

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

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

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

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

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

dl.sessionInfo dt {font-family: 'Pretendard-SemiBold', sans-serif;font-size: 14px;}
dl.sessionInfo ul {margin: 0;}
dl.sessionInfo li {list-style-position:inside;}

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

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


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





/* 이부스 */
div#ads {position: relative;font-family: 'Pretendard-Regular', sans-serif;}

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

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


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

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

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

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





/* My Page */
div.myNote {padding: 15px;word-break: keep-all; ;background-color: #f9f1f1;color: #000;font-size: 15px;line-height: 18px;font-family: 'Pretendard-Medium', sans-serif;}


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

div.mypage {padding: 10px 10px 40px 10px;}
div.mypage h3{margin-bottom:5px}


.subTit {margin: 25px 15px 10px;color: #16246a;font-size: 15px;line-height: 25px;font-weight: normal;font-family: 'Roboto Medium', sans-serif;}
.subTit:first-child {margin-top: 0;}

div.mypage table.tblDef + table.tblDef {margin-top: 25px;}
div.mypage table.tblDef:first-child + table.tblDef {margin-top: 40px;}

div.mypage table.tblDef:nth-child(2) tbody th {font-family:'NotoSansKR Regular', sans-serif;}

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


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

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

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

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


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



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

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