@charset "utf-8";
@import url('fontawesome.css');
@import url('simple-line-icons.css');
@import url('Pretendard.css');
@import url('Digital7.css');
@import url('Roboto.css');
@import url('NotoSansKR.css');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');
@import url('base.css');
* {-webkit-text-size-adjust: 100%;};
 
strong {font-weight: normal;font-family: 'Roboto-SemiBold', sans-serif;}

html{background: #fffbfb;}
span.star{color: #ff2e2e;    margin: 0 0 0 5px; vertical-align: middle;}
div.vodinfo{ font-size: 18px; letter-spacing: -0.5px;color: #426f65;   line-height: 22px;font-family: 'Roboto-Regular';}
ul.listNum, ul.listNum > li,
ul.listNum_2, ul.listNum_2 > li,
ul.noBl, ul.noBl > li,
ul.listBar, ul.listBar > li,
ul.listDot, ul.listDot > li,
ul.listStar, ul.listStar > li {margin: 0;padding: 0;list-style:none;}
ul.listDot > li,
ul.listBar > li,
ul.listStar > li {position: relative;padding-left: 1em !important;}
ul.listDot > li:before,
ul.listBar > li:before,
ul.listStar > li:before {position: absolute;left: 0;top: 0;text-indent: 0 !important;}
ul.listDot > li:before {content: "·";font-weight: bold;color: #0d5ccd;}
ul.listBar > li:before {content: "-";}
ul.listStar > li:before {content: "*";}

ul.listNum, ul.listNum > li {margin: 0;padding: 0;list-style: none;}
ul.listNum {counter-reset:num 0;}
ul.listNum > li {position: relative;padding-left: 18px;}
ul.listNum > li:before {position: absolute;left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) '. ';}


ul.listNum_2 {counter-reset:num 0;}
ul.listNum_2 > li {position: relative;padding-left: 18px;}
ul.listNum_2 > li:before {position: absolute;left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) ') ';}

table.tblDef {border-top: 2px solid #1c2883;    border-bottom:2px solid #1c2883;   background: #fff;}
table.tblDef > * > tr > * {padding: 15px 10px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;font-weight: normal;color: #000;font-size: 19px;line-height: 25px;font-family: 'Roboto-Regular', sans-serif;}
table.tblDef > * > tr > *:first-child {border-left: 0 none;}
table.tblDef > thead > tr > th {background-color: #f4f4f6;font-family: 'Roboto-Medium', sans-serif;}

.btnArea {margin-top: 50px;text-align: center;}
.btnArea > * {display: inline-block;vertical-align: top;margin-left: 10px;}
.btnArea > *:first-child {margin-left: 0;}

* a{text-decoration: none;color: inherit;}
div.webinarIntro {position: relative;height: 935px;background:#fffaeb url('layout/intro_bg.png') center top no-repeat;background-size: cover;font-family: 'Roboto-Regular', sans-serif;}
div.webinarIntro > div.intro {position: absolute;left: 50%;top: 50%;width: 1180px;height: 656px;margin:-328px 0 0 -590px;}
div.webinarIntro h1 {padding-bottom: 60px;text-align: center;}
div.webinarIntro h1 img {display: block;margin: 0 auto;}
.txtUnderline {display: inline-block;box-shadow: inset 0 -8px 0 #ffeaac;}

ul.introBtn, ul.introBtn li {margin: 0;padding: 0;list-style:none;}
ul.introBtn {}
ul.introBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.introBtn > li {float: right;}
ul.introBtn > li:first-child {float: left;}
ul.introBtn a, ul.introBtn img {display: block;}

ul.introBtn a {border: 0 none;border-radius:2px;position: relative;transition: .35s;top: 0;box-shadow: 0 0 20px rgb(0 0 0 / 15%);zoom: 1;transition-duration: 800ms;transition-timing-function: ease;}
ul.introBtn a:hover {top: -15px;transform: translateZ(0);transform: translateY(-15px);box-shadow:0 0 50px rgba(0,0,0,.15);backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;transition-duration: 0.3s; transition-property: transform;}


dl.notice, dl.notice dt, dl.notice dd {margin: 0;padding: 0;}
dl.notice {padding: 30px 40px;background-color: rgba(49,58,112,.95);color: #fff;font-size: 17px;line-height: 30px;}
dl.notice > dt {padding-bottom: 10px;color: #ffdd4c;font-size: 18px;}

div.introSponsor{position:fixed; left:0; bottom:0; width:100%; background-color: #fff;}
div.introSponsor div.sponsor{position:relative;width:1200px;margin:0 auto;}
div.introSponsor div.sponsor ul, div.introSponsor div.spon ul li {margin: 0;padding: 0;list-style:none;}
div.introSponsor div.sponsor ul{width:100%; height:90px;}
div.introSponsor div.sponsor ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.introSponsor div.sponsor ul > li {float:left; }
div.introSponsor div.sponsor ul > li:first-child {padding-left: 0;}
div.introSponsor div.sponsor ul a {display: table-cell;height: 90px;vertical-align: middle;}
div.introSponsor div.sponsor ul img {display: inline-block;}

div.introSponsor div.sponsor div.bx-wrapper {width: 1005px;height: 90px;padding: 0;margin: 0 auto;}
div.introSponsor div.sponsor div.bx-wrapper li {width: 155px !important;}
div.introSponsor div.sponsor div.bx-wrapper li.grade {width: 70px !important;text-align: right;}
div.introSponsor div.sponsor a.bx-prev,
div.introSponsor div.sponsor a.bx-next {position: absolute;top: 30%;width: 18px;height: 35px;text-indent: -10000px;background-repeat: no-repeat;}
div.introSponsor div.sponsor a.bx-prev {left: 45px;background-image: url('layout/intro_sponPrev.png');background-position: left center;}
div.introSponsor div.sponsor a.bx-next {right: 45px;background-image: url('layout/intro_sponNext.png');background-position: right center;}


/* 로그인 */
form, fieldset, legend {margin: 0;padding: 0;border: 0 none;}
legend {height: 0;line-height: 0;font-size: 0;}


div.loginWrap {position: relative;min-width: 1300px;min-height: 930px;background:url('common/login_bg.png') no-repeat center top;background-size:cover;font-family: 'Roboto-Regular', sans-serif;box-sizing:border-box;}

div.loginArea {position: absolute;width: 1300px;height: 600px;left: 50%; top: 50%; transform: translate(-50%, -50%);background-color: #fff;box-sizing:border-box;box-shadow:0 0 18px rgba(0,0,0,.24);}

div.loginArea h1 {float: left;}
div.loginArea h1 img {display: block;}


div.loginArea div.formArea {float: right;width: 650px;padding: 130px 35px 0;background: url('common/login_bg_logo.png') center 45px no-repeat;box-sizing:border-box;}

dl.login, dl.login dt, dl.login dd {margin: 0;padding: 0;}
dl.login {}
dl.login dt {padding:30px 0 15px;color: #333;font-size: 17px;line-height: 20px;font-family: 'Roboto-Bold', 'Pretendard-Bold', sans-serif;}
dl.login dd {border:1px solid #dadada;background-color: #fff;box-sizing: border-box;}
dl.login dd input {display: block;width: 100%;height: 60px;background-color: transparent;border: 0 none;padding: 0 20px;font-size: 17px;box-sizing: border-box; font-family: 'Roboto-Regular', 'Roboto-Regular', sans-serif;}
dl.login dd input::placeholder {color: #999;font-family: 'Roboto-Light', 'Pretendard-DemiLight', sans-serif;font-size: 14px;}


dl.login + div.btn {padding: 35px 0;}
dl.login + div.btn input {display: block;width: 100%;height: 60px;border: 0 none;background-color: #238e21;color: #fff;font-family: 'Roboto-Medium', sans-serif;font-size: 20px;}

ul.fixedArea, ul.fixedArea li {margin: 0; padding: 0; list-style: none; }
ul.fixedArea {position: absolute;left: 0;bottom: 10px;width: 100%;height: 62px;font-size: 0;line-height: 0;}
ul.fixedArea li {display: inline-block;vertical-align: top;width: 50%;}
ul.fixedArea li a {display: block;padding: 0;border: 0 none;background-color:#45454d;color: #fff;text-align: center;line-height: 62px;font-size: 15px;}
ul.fixedArea li:first-child a {background-color: #658dc8;}

ul.loginNote, ul.loginNote li {margin: 0;padding: 0;list-style: none;}
ul.loginNote {position: absolute;left: 0;bottom: 0;width: 650px;padding: 20px 40px;background-color: #172b48;box-sizing: border-box;}
ul.loginNote > li {position: relative;padding-left: 10px;color: #fff;font-size: 14px;line-height: 20px;font-family: 'Roboto-Light', sans-serif;}
ul.loginNote > li:before {content: "*";position: absolute;left: 0;top: 0;}
ul.loginNote > li + li {margin-top: 5px;}
ul.loginNote a {color: #f8e64c;border-bottom: 1px solid #f8e64c;font-weight: bold;}

/* 팝업 >  Technical Support */
#popupTech {position: relative;/*width: 790px;height:450px;*/background-color: #fff;border:3px solid #4f5774;box-sizing: border-box;}
#popupTech h1 {padding: 20px 60px 20px 25px;font-size: 20px;line-height: 20px;color: #fff;background: #4f5774;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;}
#popupTech div.popupCon {padding: 20px;background: url('layout/popupTech_bg.png') left 50px top 41px no-repeat;}

#popupTech div.popupCon > p {padding-left: 180px;color: #343434;font-size: 15px;font-family: 'Roboto-Regul;ar', sans-serif;}
dl.contact, dl.contact dt, dl.contact dd {margin: 0;padding: 0;}
dl.contact {margin: 10px 0 30px;padding-left: 180px;font-family: 'Roboto-Medium', sans-serif;}
dl.contact > dt {padding: 5px 0;color: #7529b6;font-size: 17px;line-height: 20px;font-family: 'Roboto-Medium', sans-serif;}
dl.contact > dt:first-child {padding-top: 0;}
dl.contact > dd,
dl.contact > dd a {color: #343434;font-size: 15px;line-height: 25px;text-decoration: none;}

#popupTech div.formArea {position: relative;}
#popupTech div.formArea dl {overflow: hidden;}
#popupTech div.formArea dt, 
#popupTech div.formArea dd {float: left;width: calc(50% - 55px);}
#popupTech div.formArea dt {width: 50px;margin-left: 10px;}
#popupTech div.formArea dt:first-child {margin-left: 0;}
#popupTech div.formArea label {color: #343434;font-size: 15px;line-height: 50px;font-family: 'Roboto-Medium', sans-serif;}

#popupTech div.formArea input[type=text],
#popupTech div.formArea textarea {display: block;width: 100%;background-color: #fff;border:1px solid #dadada;box-sizing:border-box;font-family: 'Roboto-Regular', sans-serif;}
#popupTech div.formArea input[type=text] {height: 50px;padding: 0 15px;}
#popupTech div.formArea textarea {height: 122px;padding: 15px;}

#popupTech div.formArea input[type=text]::placeholder,
#popupTech div.formArea textarea::placeholder {color: #989898;font-size: 14px;line-height: 18px;font-family: 'Roboto-Regular', sans-serif;}

#popupTech div.formArea div {position: relative;margin-top: 15px;padding-right: 122px;}

#popupTech  div.formArea input[type=submit] {position: absolute;bottom: 0;right: 0;width: 122px; height: 100%; border: none; background-color: #4f5774; cursor: pointer; color:#fff; font-size:17px; font-family: 'Roboto-Medium', sans-serif;}


#popupTech .close {width: 29px;height: 29px;}
#popupTech .close a { cursor: pointer;}
#popupTech .close img {display: none;}





/* 팝업 > FAQ */
#popupFaq {position: relative;width: 800px;background-color: #fff;}
#popupFaq:before {content: "";display: block;height: 165px;background: #142244 url('common/popup_visual.png') left top no-repeat;}

#popupFaq h1 {padding: 20px 25px;font-size: 24px;line-height: 20px;color: #fff;font-family: 'Roboto-Medium', sans-serif;font-weight: normal;background: linear-gradient( to right, #007481, #43a041);}
#popupFaq div.popupCon {padding: 0 0 65px;background: url('common/bg_logo.png') center bottom 15px no-repeat;}

ul.contact, ul.contact li, ul.contact a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.contact {padding: 12px 20px;background-color: #eaf1fe;}
ul.contact li,
ul.contact a {color: #343434;font-size: 15px;line-height: 25px;font-family: 'Roboto-Medium', sans-serif;}


#popupFaq div.scrollArea {margin: 10px 10px 0;height: 350px;padding: 0;}

#popupFaq .close {position: absolute;width: 60px;height: 60px;right: 0;top: 0;}
#popupFaq .close a {display: block;height: 100%;background: url('layout/layerpopup_close.png') center center no-repeat;    cursor: pointer;}
#popupFaq .close img {display: none;}

a.conLink {display: inline-block;border-bottom: 1px solid #1b61e2;color: #1b61e2;text-decoration: none;}

dl.faq, dl.faq > dt, dl.faq > dd, dl.faq ul, dl.faq li, dl.faq p {margin: 0;padding: 0;list-style:none;}
dl.faq {border: 1px solid #f2f2f2; font-size: 16px;line-height: 21px;color: #000;font-family: 'Roboto-Regular', sans-serif;font-weight:400;}
dl.faq + dl.faq {margin-top: 15px;}

dl.faq a.trigger {display: block;text-align: left;position: relative;display: block;padding:17px 80px 17px 20px;background: #f2f2f2;text-decoration: none;font-size: 16px;line-height: 21px;color: #000;font-family: 'Roboto-Medium', 'Roboto-Bold', sans-serif;font-weight:400;text-decoration: none;}
dl.faq a.trigger:after {position: absolute;right: 30px;top: 50%;width: 20px;height: 10px;margin: -5px;content: "";background: url('common/faq_trigger.png') center center no-repeat;}
dl.faq dt.view a:after {transform:rotate(180deg);}

dl.faq > dd.toggleCon {position: relative;padding: 20px 25px;text-align: left;color: #666;font-size: 15px;line-height: 24px;word-break: keep-all;}

dl.faq > dd.toggleCon img {display: block;margin: 15px auto 0;}
dl.faq > dd.toggleCon > * {margin-top: 20px;    word-break: keep-all;}
dl.faq > dd.toggleCon > *:first-child {margin-top: 0;}
dl.faq > dd.toggleCon dt {padding:30px 0 10px;font-weight: bold;}
dl.faq > dd.toggleCon dt:first-child {padding-top: 0;}
dl.faq > dd.toggleCon dd {overflow: hidden;}

dl.faq table.tblDef {border-top: 2px solid #2e4497;}
dl.faq table.tblDef th, dl.faq table.tblDef td {padding: 5px;border-left: 1px solid #e7e7e7;font-size: 14px;font-family: 'Roboto-Regular', sans-serif;}
dl.faq table.tblDef th:first-child,
dl.faq table.tblDef td:first-child {border-left: 0 none;}
dl.faq table.tblDef th {background-color: #f2f3f5;border-left: 0 none;}
dl.faq > dd.toggleCon a {display: inline-block;margin: 0 !important;border-bottom: 1px solid #1e64f1;text-decoration: none;color: #1e64f1;}

dl.faq ul.listNum li{padding-left: 18px !important;}
dl.faq ul.noBl li{padding-left: 0 !important;}
dl.faq ul.listBar li{padding-left: 1em !important;}




/* 팝업 > 공지 */
#popupBbs {position: relative;width: 1300px;height: 752px;}
#popupBbs div.popupCon {overflow: hidden;height: 750px;padding: 0 430px 0 0;background-color: #fff;}

dl.bbsCon {height: 750px;box-sizing:border-box;    word-break: keep-all;}
dl.bbsCon > dt {position: relative;display: table-cell;width: 1000px;vertical-align: middle;height: 70px;padding: 0 260px 0 30px;color: #fff;background: #4f5774 url('common/bbs_logo.png') right 30px center no-repeat;font-size: 20px;line-height: 20px;font-family:'Roboto-Medium', 'NotoSansKR Medium', 'Roboto-Bold', sans-serif;}
dl.bbsCon > dt span {position: absolute;right: 30px;top:22px;}
dl.bbsCon > dt span img {display: block;}
 
dl.bbsCon > dd {height: 620px;margin: 0;padding: 20px;color: #222;font-size: 15px;line-height: 25px;font-family: 'Roboto-Regular', 'NotoSansKR Medium', 'Roboto-Regular', sans-serif;}
dl.bbsCon > dd p {font-family: 'Roboto-Regular', 'NotoSansKR Medium', 'Roboto-Regular', sans-serif !important; font-size: 15px !important;}
dl.bbsCon > dd span{font-family: 'Roboto-Regular', 'NotoSansKR Medium', 'Roboto-Regular', sans-serif !important; font-size: 15px !important;}
dl.bbsCon > dd p span{font-family: 'Roboto-Regular', 'NotoSansKR Medium', 'Roboto-Regular', sans-serif !important; font-size: 15px !important;}

/* dl.bbsCon > dd > * {margin-top: 25px;} */
dl.bbsCon > dd > *:first-child {margin-top: 0;}

div.bbsList {position: absolute;right: 0px;top: 0px;width: 430px;height: 100%;padding: 92px 40px 36px;background-color: #f0f2f8;box-sizing:border-box;}
div.bbsList:before{position: absolute;left: 40px;top: 52px;width: calc(100% - 80px);padding-bottom: 5px;border-bottom: 2px solid #272b4b;color: #111;content: "NOTICE LIST";font-size: 22px;font-family: 'Roboto-Medium', sans-serif;}

p.count {position: absolute;right: 40px;top: 60px;margin: 0;color: #272b4b;font-size: 15px;font-family: 'Roboto-Regular', sans-serif;}
p.count span {color: #cc1f4c;}

div.bbsList ul {overflow-x: hidden;overflow-y: auto;height: 624px;margin: 0;padding: 0;counter-reset:num 0;}
div.bbsList li {border-bottom: 1px solid #caccd8;list-style:none;}
div.bbsList li a:hover {background-color: rgba(202,204,216,0.4);}
div.bbsList li a {position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:25px 20px;text-decoration: none;color: #222;font-size: 15px;line-height: 19px;font-family: 'Roboto-Regular', 'NotoSansKR Medium', 'Roboto-Regular', sans-serif;}

div.bbsList li.on a {background-color: rgba(202,204,216,0.4);}

#popupBbs p.btn {padding-right: 20px;text-align: right;}

#popupBbs .close {position: absolute;top: 0;right: 0;width: 49px;height: 49px;background-color: #4f5774;}
#popupBbs .close img {display: none;}

dl.notice, dl.notice dt, dl.notice dd {margin: 0;padding: 0;}
dl.notice {}
dl.notice dt {margin: 50px 0 10px;padding: 0 0 0 27px; color: #070e1c; font-size: 24px; line-height: 36px; font-family: 'Roboto-Medium', sans-serif; font-weight: normal; background: url('/asset/layout/subTit.png') 0 10px no-repeat;}
dl.notice dt:first-child {margin-top: 0;}
dl.notice dd {}
dl.notice dd li {margin-top: 10px;color: #000;font-size: 15px;line-height:18px;font-family: 'Roboto-Bold', sans-serif;word-break: keep-all;}
dl.notice dd li > span {display: block;color: #333;font-family: 'Roboto-Regular', sans-serif;}





/* Forgotten your password? */
div.findPwd {width: 715px;padding:50px 70px 70px;margin: 0 auto;border: 2px solid #eee;}
div.findPwd h3 {margin: 0;color: #000;font-weight: bold;font-size: 40px;}
div.findPwd div.formArea {position: relative;margin-top: 20px;}
div.findPwd dl {position: relative;margin-top: 10px;padding: 9px 10px 10px 115px;background-color: #f0efef;}
div.findPwd dt {position: absolute;left: 15px;top: 50%;margin-top: -9px;}
div.findPwd dt label {color: #767d90;font-size: 15px;}
div.findPwd dd input {width: 413px;padding: 4px 10px;border: 0 none;background-color: #f0efef;}
div.findPwd p{margin-top: 10px; line-height: 22px; font-size: 16px}
div.findPwd p.btn {margin-top: 10px;height: 50px;}
div.findPwd p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 18px;}
div.findPwd p.btn .findBtn{border: 2px solid #E91E63;background-color: #E91E63; color:#fff; }
div.findPwd p.btn .findBtn:hover{border: 2px solid #E91E63;background-color: #fff; color:#E91E63; }



/* 레이아웃 */
div.wrapper {position: relative;position: relative;min-width: 1300px;font-family: 'Roboto-Regular', sans-serif;font-size: 16px;line-height:1.7;font-weight:300;color: #000;background: #fff;}
div#headerWrap {border-bottom: 1px solid #dedede;background-color: #fff;box-sizing: border-box; }
div#headerWrap > div {position: relative;width: 1300px;height: 95px;margin: 0 auto;background: #fff;}
div#headerWrap h1 {position: absolute;left: 0;top: 50%; transform: translateY(-50%);}
div#headerWrap h1 a, div#headerWrap h1 img {display: block;} 


ul#gnb {position: absolute;right: 0;top: 54px;margin: 0;padding: 0;}
ul#gnb > li {position: relative;float: left;margin: 0;padding: 0 10px;vertical-align: top;list-style:none;}
ul#gnb > li:after {position: absolute; display: block; right: 0;top: 50%; transform: translateY(-50%); width: 1px;height: 16px;background-color: #9ca1b4;content:'';}
ul#gnb > li:last-child {padding-right: 0;}
ul#gnb > li:last-child:after {display: none;}
ul#gnb > li.onair a {color: #d11441;}
ul#gnb > li.onair a img {padding-top: 6px;}
ul#gnb > li:nth-child(3) a{color: #d11441;}
ul#gnb a {position: relative;display: block;padding: 0 5px;text-decoration: none;color: #000;font-size: 21px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;}
ul#gnb > li.on a,
ul#gnb a:hover {color: #43a041;}
ul#gnb > li.on a {box-shadow: inset 0 -10px 0 #eaf7e2;}

div.userInfo {position: absolute;right: 0;top: 15px;}
div.userInfo span {display: inline-block;vertical-align: top;padding: 0 5px;color: #000;font-size: 16px;line-height: 20px;font-family: 'Roboto-Medium', 'Roboto-Regular', sans-serif;box-shadow: inset 0 -10px 0 #eaf7e2;letter-spacing: -0.5px;}
div.userInfo a {display: inline-block !important;vertical-align: top;width: 68px;height: 24px;margin-left: 10px;padding: 0;line-height: 24px;color: #fff;background-color: #354597;text-align: center;font-size: 13px;font-family: 'Roboto-Regular', sans-serif;border-radius: 3px;box-sizing:border-box;}

ul#quickMenu, ul#quickMenu li, ul#quickMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#quickMenu {overflow: hidden;z-index: 10;position: fixed;right: 0;top: 50%; transform: translateY(-50%); width: 70px;}
ul#quickMenu a {display: table-cell;width: 70px;height: 70px;padding: 10px 0 ;text-align: center;vertical-align: middle;color: #fff;font-size: 12px;line-height:1;box-sizing:border-box;font-family: 'Roboto-Regular', sans-serif;background-color: #354d70;}
ul#quickMenu li a:hover {background-color: #476ba1;}
ul#quickMenu li.top a {height: 35px;font-size: 12px;line-height: 1;background-color: #6fb442 !important;}
ul#quickMenu img {display: block;margin: 0 auto 5px;}

/*  ~ width:1199px  */
@media screen and (max-width: 1199px) {
ul#quickMenu {display: none;}
}


dl.sponsorzone, dl.sponsorzone dt, dl.sponsorzone dd, dl.sponsorzone ul, dl.sponsorzone li, dl.sponsorzone a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.sponsorzone {position: relative;width: 1300px;margin: 0 auto;padding: 20px 0;font-size: 0;line-height: 0;box-sizing:border-box;}
dl.sponsorzone > dt,
dl.sponsorzone > dd {display: inline-block;vertical-align: top;}
dl.sponsorzone dt {padding-right: 15px;color: #323845; font-size: 15px;line-height: 40px; font-family: 'Roboto-Medium', sans-serif;}

dl.sponsorzone dd {padding-right: 47px;}
dl.sponsorzone dd:last-child {position: relative;width: 855px;padding: 0 30px;box-sizing:border-box;}

dl.sponsorzone dd > ul {overflow: hidden;}
dl.sponsorzone dd > ul li {float: left;margin-left: 10px;}
dl.sponsorzone dd > ul li:first-child {margin-left: 0;}
dl.sponsorzone li.tit {padding: 4px 0;text-align: center;}
dl.sponsorzone li.tit span {display: block;padding: 0 10px;border-radius: 16px;color: #fff;font-size: 15px;line-height: 32px;font-family: 'Roboto-Medium', sans-serif;}
dl.sponsorzone dd > a,
dl.sponsorzone li a {display: table-cell;width: 170px;vertical-align: middle;text-align: center;}
dl.sponsorzone li a {width: 100vw;border: 1px solid #c9c9c9;}
dl.sponsorzone a img {display: inline-block;height: 38px;vertical-align: middle;}
dl.sponsorzone a.bx-prev,
dl.sponsorzone a.bx-next {position: absolute; top: 0; width: 30px; height: 100%; font-size: 0; line-height: 0; text-indent: -10000px; background-repeat: no-repeat;}
dl.sponsorzone a.bx-prev {left: 0;background-image: url('common/sponsor_prev.png');background-position: left center;}
dl.sponsorzone a.bx-next {right: 0;background-image: url('common/sponsor_next.png');background-position: right center;}

div#footerWrap {position: relative;background-color: #20242c;text-align: center;color: #fff;font-size: 15px;line-height: 50px;font-family: 'Roboto-Regular', sans-serif;}




/* 컨텐츠 */
div#container {position: relative; border-bottom: 1px solid #ccc;}
div#container:before {position: absolute;left: 0;top: 0;width: 100%;height: 60px;content: "";background: linear-gradient( to right, #007481, #43a041);}
div#container.bg {background: url('sub/bg.png') center top no-repeat;background-size: cover;}

.pageTit {position: relative;z-index: 10;width: 1300px;margin: 0 auto;padding: 0 30px;color: #fff;font-size: 25px;line-height: 60px;font-family: 'Roboto-Bold', sans-serif;font-weight: normal;box-sizing: border-box;background: url('new/pageTit.png') left center no-repeat;}

div.contents {position: relative;width: 1300px;margin: 0 auto;padding: 25px 0 30px;}


ul.lnb, ul.lnb li, ul.lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.lnb {margin-bottom: 25px;}
ul.lnb:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.lnb > li {float: left;text-align:center;}
ul.lnb a {display:table-cell;width:100vw;height: 60px;text-align: center;vertical-align: middle;padding: 0 10px;color: #354d70;background-color: #fff;border:1px solid #ccc;border-left: 0 none;font-size: 18px;line-height: 25px;font-family: 'Roboto-Regular', sans-serif;text-decoration:none;}
ul.lnb > li:first-child a {border-left: 1px solid #ccc;}
ul.lnb a:hover {border-color: #6fb442 !important;background-color: #6fb442; color: #fff;}
ul.lnb li.on a {border-color: #137763 !important;background-color: #137763; color: #fff;font-family: 'Roboto-Medium', sans-serif;}


ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {margin-bottom: 25px;font-size: 0;line-height: 0;text-align: center;}
ul.subMenu > li {display: inline-block;vertical-align: top;margin-left: 10px;}
ul.subMenu > li:first-child {margin-left: 0;}
ul.subMenu li a {display:table-cell;width:240px;height: 54px;text-align: center;vertical-align: middle;padding: 0 10px;color: #76af3e;background-color: #f1f7eb;border:1px solid #76af3e;font-size: 16px;line-height: 20px;font-family: 'Roboto-Medium', sans-serif;box-sizing:border-box;}
ul.subMenu li.on a {background-color: #76af3e; color: #fff;}


div.ing {padding: 95px 0 85px;font-size: 0;line-height: 0;text-align: center;}
div.ing img {display: inline-block;vertical-align: top;}



 
.subTit {margin: 30px 0 10px;color: #000;font-size: 20px;line-height: 24px;font-weight: normal;font-family: 'Roboto-Bold', sans-serif;}
.subTit:first-child {margin-top: 0;}

.pointTit {margin-bottom: 30px;color: #fff;background-color: #a93e5c;text-align: center;font-size: 17px;line-height: 60px;font-family: 'Roboto-Bold', sans-serif;font-weight: normal;}



ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu {}
ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.tabMenu > li {float: left;text-align:center;width:33.3%;}
ul.tabMenu li a {display:table-cell;width:800px;height: 50px;text-align: center;vertical-align: middle;padding: 0 10px;color: #16246a; background-color: #fff;border:1px solid #16246a;font-size: 17px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;text-decoration:none;}
ul.tabMenu li.on a {background-color: #16246a; color: #fff;}

.subTit + ul.subMenu {margin-top: 50px;}

ul.col2ea,
ul.col3ea,
ul.col4ea,
ul.col5ea {display: grid;}
ul.col2ea {grid-template-columns: repeat(2, 1fr);}
ul.col3ea {grid-template-columns: repeat(3, 1fr);}
ul.col4ea {grid-template-columns: repeat(4, 1fr);}
ul.col5ea {grid-template-columns: repeat(5, 1fr);}



/* 메인 */
div#container.main {border-bottom: 0 none;background: #fff url('common/main_bg.png') center top no-repeat;}

div#container.main:before, 
div.main div.titArea {display: none;}

div.main div.contents {padding: 50px 0 0;}

div.main h3 {padding: 0;margin: 0;}
div.main h3 img {display: block;}

ul.mainMenu, ul.mainMenu li, ul.mainMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

ul.mainMenu {width: 1300px;margin: 25px auto 0;font-size: 0;line-height: 0;}

ul.mainMenu li {display: inline-block;vertical-align: top;}
ul.mainMenu li + li {margin-left: 20px;}
ul.mainMenu a {position: relative;display: block;border-radius:15px;box-shadow:0 12px 18px rgba(130,159,211,.4);}
ul.mainMenu a:hover:after {content: "";position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: calc(100% - 40px);height: calc(100% - 40px);border-radius:15px;border: 3px solid rgba(255,255,255,.8);}
ul.mainMenu a img {display: block;}

ul.mainUtil, ul.mainUtil li, ul.mainUtil a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.mainUtil {padding: 30px 0 0;text-align: center;font-size: 0;line-height: 0;}
ul.mainUtil li {position: relative;display: inline-block;vertical-align: bottom;padding: 0 50px;}
ul.mainUtil li:before {position: absolute;left: 0;top: 50%;transform:translateY(-50%);content: "";width: 3px;height: 3px;border-radius: 50%;background-color: #7486a1;}
ul.mainUtil li:first-child:before {display: none;}
ul.mainUtil a {z-index: 2;position: relative;display: block;padding: 0 15px;color: #142744;font-size: 17px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;}
ul.mainUtil a:after {z-index: -1;position: absolute; display: inline-block; left: 50%; transform: translateX(-50%); bottom: -4px; width: 100%;height: 15px;border-radius: 7px;background-color: #ead1bb;content:'';}
ul.mainUtil img {display: inline-block;vertical-align: top;padding-right: 10px;}

div#container.main > ul#quickMenu {display: block !important;}
div#container.main > ul#quickMenu .home {display: none;}




/* 레이어 팝업 */
div.layerPopup {display: none;z-index: 250;position: fixed;left: 0;top: 0;overflow: auto;width: 100%;height: 100%;min-width: 1200px;background-color: rgba(0,0,0,.7);font-family: 'Roboto-Regular', sans-serif;}
div.layerPopup .close {position: absolute;right: 25px;top: 20px;width: 65px;height: 65px;margin: 0;padding: 0;}
div.layerPopup .close a, div.layerPopup .close img {display: block;}

div.layerPopup div.popupWrap {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); }
div.popupWrap .close {position: absolute;right:25px;top: 16px;display: block;}
div.popupWrap .close a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('layout/layerpopup_close.png') center center no-repeat;cursor: pointer;}

div#popupAlert {display: block;}
div#popupAlert div.popupWrap {width: 600px;height: 667px;margin: -333px 0 0 -300px;background-color: transparent;}
div#popupAlert label {color: #fff;}
div#popupAlert .close {right: 0;top: -60px;}

 



p#goTop {position: absolute;left: 50%;top: 450px;width: 62px;margin-left: 650px;}
p#goTop a {display: block;width: 62px;height: 62px;text-indent: -10000px;background: url('/asset/layout/goTop.png') center center no-repeat;}


/* 공지사항 */
dl.introBbs, dl.introBbs dt, dl.introBbs dd, dl.introBbs ul, dl.introBbs li {margin: 0;padding: 0;list-style:none;}
dl.introBbs a, dl.introBbs img {display: block;color: #fff;text-decoration: none;}
dl.introBbs {z-index: 50;position: fixed;left: 20px;bottom: 70px;width:275px;height: 0; padding: 15px 20px; border-radius:5px; background-color: rgba(25,25,57,.9);box-sizing:border-box;color: #fff;opacity: 0;}
dl.introBbs dt {font-size: 17px;line-height: 28px;font-family: 'Roboto-Medium', sans-serif; }
dl.introBbs dd {padding-top: 10px; line-height: 20px;  font-size: 15px; font-weight: normal; font-family: 'Pretendard-Light', sans-serif;}
dl.introBbs dd a.noticeTit {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 20px;height: 40px;font-size: 15px;}

dl.introBbs dd.close {position: absolute;right: 20px;top: 16px;width: 22px;height: 22px;}
dl.introBbs dd.close img {display: block; margin: 0 auto;}

dl.introBbs li {position: relative;padding-left: 10px;}
dl.introBbs li:before {position: absolute;left: 0;top: 0;content: "-";}
dl.introBbs li a {display: inline-block;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: top;font-family: 'Pretendard-DemiLight', sans-serif;font-size: 15px;}






/* Program > On-Air */
div.room {position: relative;}
div.room:before {content: "Please select a room to enter.";display: block;text-align: center;padding-bottom: 0;color: #fff282;font-size: 20px;line-height: 50px;font-family: 'Roboto-Medium', sans-serif;}

ul.timeInfo {position: absolute;right: 0;top: 0;width: 250px;border:1px solid #959aa2;border-radius: 25px;}
ul.timeInfo:before {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 1px;height: 27px;content: "";background-color: rgba(255, 255, 255, 0.4);}
ul.timeInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.enterInfo{padding: 0 0 15px 0; letter-spacing: -0.5px; line-height: 15px; font-size: 16px;color: #fff;    text-align: center;}

ul.timeInfo li {display: table-cell;width: 125px;height: 50px;vertical-align: middle;margin: 0;padding: 0;font-family: 'Digital-7Mono', sans-serif;color: #fff;font-size: 40px;line-height: 50px;text-align: center;box-sizing: border-box; }
ul.timeInfo li a {display: block;}

ul.timeInfo li.time {position: relative;}
ul.timeInfo li.time:after {position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width: 98px;text-align: center;animation-duration:1s;animation-name:flicker; animation-iteration-count: infinite;font-family: 'Digital-7Mono', sans-serif;color: #fff;font-size: 36px;line-height: 48px;content: ":";}
@keyframes flicker {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}

ul.timeInfo li.zone a {display: block;font-size: 0;line-height: 0;}
ul.timeInfo li.zone a > * {display: inline-block;vertical-align: top;}
ul.timeInfo li.zone span {font-size: 12px;line-height: 16px;color: #fff;font-family: 'Roboto-Light', sans-serif;}
ul.timeInfo li.zone img {padding: 4px 5px 0 0;}


div.roomList {display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px;}

dl.roomInfo, dl.roomInfo dt, dl.roomInfo dd, dl.roomInfo ul, dl.roomInfo li, dl.roomInfo a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.roomInfo {background-color: #fff;}
dl.roomInfo > dt {position: relative;padding: 15px 70px 15px 15px;color: #fff;font-size: 21px;line-height: 25px;background-color: #354467;font-family: 'Roboto-Medium', sans-serif;}
dl.roomInfo > dt a {position: absolute;right: 0;top: 0;width: 70px;height: 100%;font-size: 0;line-height: 0;background: #e19717 url('sub/room_enter.png') center center no-repeat;}
dl.roomInfo > dt a:hover {background-color: #6fb442;}



dl.roomInfo > dd {overflow-x: hidden;overflow-y: auto;height: 300px;}
dl.roomInfo > dd::-webkit-scrollbar {width: 10px;background-color: #c4c4c4;}
dl.roomInfo > dd::-webkit-scrollbar-thumb {background-color: #585a65;}

dl.roomInfo dd span {display: block;}
dl.roomInfo dd.info {height: 230px;padding: 10px 10px;font-family: 'Roboto-Medium', sans-serif;background-color: #ebf0fb;}
dl.roomInfo dd.info > * {margin-top: 6px;}
dl.roomInfo dd.info span.time {margin-top: 0;color: #153271;font-size: 14px;line-height: 16px;font-family: 'Roboto-Regular', sans-serif;letter-spacing: -0.5px;}
dl.roomInfo dd.info span.tit {color: #153271;font-size: 16px;line-height: 20px !important;letter-spacing: -0.5px;}
dl.roomInfo dd.info span.subject {color: #000;font-size: 15px;line-height: 16px;letter-spacing: -0.5px;}
dl.roomInfo dd.info span.chairs {color: #4a4949;font-size: 14px;line-height: 15px;letter-spacing: -0.5px;  font-family: 'Roboto-Regular', sans-serif;}

dl.roomInfo ul.session {line-height: 16px;font-family: 'Roboto-Regular', sans-serif;}
dl.roomInfo ul.session li {padding: 10px 15px;border-top: 1px solid #ccc;}
dl.roomInfo ul.session li:first-child {border-top: 0 none;}
dl.roomInfo ul.session span.time {color: #4c4c4c;font-size: 14px;margin-bottom: 4px;}
dl.roomInfo ul.session span.tit {color: #000;font-size: 14px;    line-height: 17px;}
dl.roomInfo ul.session span.name {margin-top: 10px;color: #2d5aad;font-size: 13px;line-height: 15px;}
dl.roomInfo ul.session span.name > a{pointer-events: none;}


/* Program at a Glance */
dl.glanceNote, dl.glanceNote dt, dl.glanceNote dd, dl.glanceNote strong {margin: 0;padding: 0;font-weight: normal;}
dl.glanceNote {margin-bottom: 35px;padding: 20px 25px;color: #000;font-size: 15px;line-height: 25px;background-color: #eceff5;font-family: 'Roboto-Regular', sans-serif;}
dl.glanceNote > dt,
dl.glanceNote strong {font-family: 'Roboto-Bold', sans-serif;}
dl.glanceNote > dt {padding-bottom: 15px;}


table.glance, table.glance > thead, table.glance > tbody, table.glance > tfoot, table.glance > * > tr, table.glance * > tr > * {margin:0;padding:0;border:0 none;}
table.glance {width:100%; border:0; border-collapse:separate; border-spacing:0px;font-size: 15px;line-height: 20px;background-color: #aaa;}

table.glance > * > tr > * {position: relative;padding: 10px;color: #101530;word-break:normal;text-align: center;letter-spacing: -0.5px;font-family: 'Roboto-Regular', 'Roboto-Bold' , sans-serif;background-color: #fff;font-size: 14px !important;}
table.glance p {margin: 0;}
table.glance a {display: block;}
/* table.glance img {height: 30px;} */


table.glance td.kor {position: relative;}
table.glance td.kor:before {content: "Kor";position: absolute;left: 0;top: 0;width: 45px;height: 24px;text-align: center;color: #fff;font-size: 14px;line-height: 24px;background-color: #cb2d2d;font-family: 'Roboto-Medium', sans-serif;}

table.glance a.onair {position: relative;display: block;width: 90px;height: 25px;bottom: 0px;left: 50%;border: 1px solid #db2828;margin-top: 10px;transform: translateX(-50%);border-radius: 20px;background-color: #db2828;color: #fff;font-size: 14px;line-height: 25px;font-family:'Roboto-Medium',sans-serif;font-weight: normal;}
table.glance a.onair:hover {background-color: #fff;color: #db2828;border: 1px solid #db2828;}


/* 키워드 검색 */
div.keyword input[type=text],
div.keyword input[type=submit] {display: inline-block;vertical-align: top;height: 44px;padding: 0 15px;border: 0 none;font-size: 15px;line-height: 44px;box-sizing:border-box;font-family: 'Roboto-Regular', sans-serif;}
div.keyword input[type=text] {width: 340px;text-align: left;padding-left: 40px;background: #fff url('sub/search_bg.png') 10px center no-repeat;}
div.keyword input[type=text]::placeholder {color: #adb0c1;}
div.keyword input[type=submit] {width: 90px;text-align: center;color: #fff;background-color: #272b4b;}



/* 세부프로그램 */
div.programSearch ul, div.programSearch li, div.programSearch a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.programSearch {position: relative;padding: 15px 25px;background-color: #eceff5;}
div.programSearch div.keyword {font-size: 0;line-height: 0;text-align: right;}

div.programSearch ul {position: absolute;left: 25px;top: 50%;transform:translateY(-50%);}
div.programSearch ul li {position: relative;float: left;padding-left: 44px;}
div.programSearch ul li:before {content: "";position: absolute;left: 20px;top: 50%;transform:translateY(-50%);width: 1px;height: 10px;background-color: #000;}
div.programSearch ul li:first-child {padding-left: 0;}
div.programSearch ul li:first-child:before {display: none;}
div.programSearch ul a {color: #000;font-size: 15px;line-height: 20px;font-family: 'Roboto-Regular', sans-serif;}
div.programSearch ul .on a {font-family: 'Roboto-Bold', sans-serif;}


div.program {padding-top: 50px;}

div.sponsorBnr {padding-bottom: 5px;text-align: right;    padding-top: 35px !important;}
div.sponsorBnr a {display: inline-block;vertical-align: top;}
div.sponsorBnr img {display: block;/* height: 36px; */}


.PL {color: #f44336 !important;} 
.SS {color: #2e7d32 !important;} 
.JS {color: #03a9f4 !important;} 
.ES {color: #546e7a !important;} 
.MD {color: #546e7a !important;} 
.OP {color: #546e7a !important;} 
.LS {color: #ff6f00 !important;} 
.SL {color: #8e24aa !important;} 
.FA {color: #03a9f4 !important;} 
.MC {color: #546e7a !important;}


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-collapse:separate;border-spacing:0 1px;border-top:2px solid #272b4b;font-size: 15px;line-height: 20px;background-color: #ccc;}
table.program + table.program {margin-top: 50px;}

table.program > * > tr > * {position: relative;padding: 10px 25px;background-color: #fff;font-family: 'Roboto-Regular', sans-serif;}

table.program td.time {padding: 5px;background-color: #f4f4f6;text-align: center;color: #000;font-family: 'Roboto-Medium', sans-serif;}

table.program span {display: block;}
table.program span.tit {color: #000;font-family: 'Roboto-Bold', sans-serif;}
table.program span.name {padding-top: 5px;color: #696969;font-style: italic;}

table.program span.util {position: absolute;right: 25px;top: 50%;transform:translateY(-50%);text-align: right;font-size: 0;line-height: 0;}
table.program span.util > * {display: inline-block;vertical-align: top;margin-left: 5px;font-size: 14px;line-height: 29px;text-align: center;padding: 0 5px;letter-spacing: -0.5px;}

table.program span.room {line-height: 30px;}

table.program a.favor {width: 80px;height: 30px;margin-left: 15px;font-size: 0;line-height: 0;background: url('sub/favor.png') center center no-repeat;}
table.program a.favor.on {background-image: url('sub/favor_on.png');}

table.program a.cv {width: 50px;color: #fff;border: 1px solid #23896b;background-color: #23896b;}
table.program a.cv:hover {color: #23896b;background-color: #fff;}

table.program a.abstract {width: 80px;color: #fff;border: 1px solid #29294b;background-color: #29294b;}
table.program a.abstract:hover {color: #29294b;background-color: #fff;}

table.program a.vod {width: 55px;color: #fff;border: 1px solid #4c6eaf;background-color: #4c6eaf;}
table.program a.vod:hover {color: #4c6eaf;background-color: #fff;}


table.program tr.chairs > td {padding: 0 !important;}
table.program tr.chairs div {display: table-cell;width: 100vw;height: 40px;vertical-align: middle;    line-height: 22px;padding: 5px 190px 5px 25px;    font-style: italic;}
table.program td.session {padding: 15px 25px;font-size: 17px;font-family: 'Roboto-Medium', sans-serif;}
table.program td.session span.tit {padding-bottom: 2px;font-size: 18px;font-family: 'Roboto-Medium', 'NotoSansKR Medium',sans-serif;}

table.program dl.toggleArea {position: relative;}
table.program a.trigger {position: absolute;right: 25px;top: -45px;width: 90px;height: 30px;font-size: 15px;line-height: 30px;text-align: center;color: #fff;background-color: #5e9145;}
table.program a.trigger:after {content: "+";display: inline-block;vertical-align: top;padding-left: 5px;}
table.program .view a.trigger:after {content: "-";}

table.program dd.toggleCon {padding: 15px 25px;background-color: #fffaf0;font-size: 16px;line-height: 22px;letter-spacing: -0.5px;}

table.program.roomA span.room {color: #5ab333;}
table.program.roomB span.room {color: #cd4d4c;}
table.program.roomC span.room {color: #ae58c7;}
table.program.roomD span.room {color: #3c90d8;}
table.program.roomE span.room {color: #e29000;}


/* 팝업 > VOD */
div#popupVod {position: relative;width: 1300px;}
div#popupVod h1 {display: table-cell;width: 100vw;height: 70px;margin: 0;padding: 0 70px 0 25px;vertical-align: middle;color: #fff;font-size: 24px;line-height: 30px;background-color: #4f5774;}

div#popupVod div.close {position: absolute;right: 0;top: 0;width: 70px;height: 70px;}
div#popupVod div.close a {display: block;height: 100%;}
div#popupVod .popupCon{margin-top: 14px;}



/* E-Poster */
div.posterSearch {position: relative;margin-bottom: 15px;}

ul.category, ul.category li, ul.category a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.category {padding: 20px 20px;font-size: 0;line-height: 0;background-color: #eceff5;}
ul.category li {position: relative;display: inline-block;vertical-align: top;padding-left: 26px;}
ul.category li:after {content: "";position: absolute;left: 11px;top: 50%;transform:translateY(-50%);width: 1px;height: 10px;background-color: #000;}
ul.category li:nth-child(7):after {display:none;padding-left: 12px;}
ul.category li:nth-child(14):after {display:none;padding-left: 12px;}
ul.category li:nth-child(21):after {display:none; padding-left: 12px;}
ul.category li:first-child:after {display: none;}
ul.category a {color: #000;font-size: 15px;line-height: 28px;font-family: 'Roboto-Regular', sans-serif;}
ul.category .on a {font-family: 'Roboto-Bold', sans-serif;}
ul.category a:hover{color:#05777d;}


div.posterSearch div.keyword {margin-top: 40px;font-size: 0;line-height: 0;text-align: right;}
div.posterSearch input[type=text] {border: 1px solid #ccc;}

div.posterSearch .total {position: absolute;left: 0;bottom: 0;color: #000;font-size: 15px;line-height: 20px;}
div.posterSearch .total span {color: #df1515;}


ul.eposterList, ul.eposterList * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.eposterList {border-top:2px solid #272b4b;}
ul.eposterList li {position: relative;border-bottom: 1px solid #ccc;}

ul.eposterList a {position: relative;display: block;min-height: 118px;padding: 25px 25px  25px 215px;line-height: 25px;font-family: 'Roboto-Regular', sans-serif;}
ul.eposterList a.best {padding-right: 145px;background: url('sub/poster_best.png') right 20px center no-repeat;}
ul.eposterList span.num {display: inline-block;vertical-align: top;padding: 0 20px;border-radius: 15px;color: #fff;font-size: 13px;line-height: 30px;font-family: 'Roboto-Medium', sans-serif;background-color: #74a94e;}
ul.eposterList span.thumb {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);width: 176px;height: 118px;border: 1px solid #e5e5e5;overflow: hidden;}
ul.eposterList span.thumb img {display: block;width: 100%;/* height: 100%; */}
ul.eposterList span.tit {display: block;padding-top: 10px;color: #000;font-size: 17px;line-height: 22px;}
ul.eposterList span.name {display: block;color: #4a609f;font-size: 15px;font-style: italic;padding-top: 8px;line-height: 20px;}
ul.eposterList span.name sup{font-size:11px;    letter-spacing: -0.5px}
ul.eposterList.favor a.best {background-position: right 20px top 50px;}
ul.eposterList a.favor {position: absolute;right: 30px;top: 20px;width: 80px;height: 26px;min-height: auto;padding: 0;font-size: 0;line-height: 0;background: url('sub/favor.png') center center no-repeat;}
ul.eposterList a.favor.on {background-image: url('sub/favor_on.png');}

ul.eposterList.comment {}
ul.eposterList.comment a {padding-right: 180px;}
ul.eposterList.comment a.comment {position: absolute;right: 25px;top: 50%;transform:translateY(-50%);width: 150px;height: 45px;min-height: auto;padding: 0;text-align: center;color: #000;font-size: 15px;line-height: 45px;background-color: #eceff5;}

ul.pager {margin-top: 30px;}
ul.pager a {color: #808080;}
ul.pager a.on {background-color: transparent;color: #007481;    font-weight: bold;}

ul.eposterList a.withdrawn{text-decoration: line-through;}
 

dl.eposterBrief, dl.eposterBrief * {margin: 0;padding: 0;text-decoration: none;}
dl.eposterBrief {padding: 25px 20px;border-top: 2px solid #272b4b;}
dl.eposterBrief > dt {position: relative;padding-top: 40px;color: #000;font-size: 17px;line-height: 22px;font-family: 'Roboto-Medium', sans-serif;}
dl.eposterBrief span.num {position: absolute;left: 0;top: 0;padding: 0 20px;border-radius: 15px;color: #fff;font-size: 13px;line-height: 30px;font-family: 'Roboto-Medium', sans-serif;background-color: #74a94e;}
dl.eposterBrief > dd {position: relative;padding:10px 265px 0 0;color: #4a609f;font-size: 15px;line-height: 18px;font-style: italic;}
dl.eposterBrief > dd sup{font-size:11px;    letter-spacing: -0.5px;}
dl.eposterBrief span.util {position: absolute;right: 0;bottom: -9px;text-align: right;font-size: 0;line-height: 0;}
dl.eposterBrief span.util > * {display: inline-block;vertical-align: top;margin-left: 10px;font-style: normal;}
dl.eposterBrief span.util > *:first-child {}

dl.eposterBrief a.like {position: relative;margin-top: 3px;padding: 0 10px 0 35px;border-radius: 10px;color: #153271;font-size: 13px;line-height: 20px;background-color: #e9edf2;cursor: pointer;}
dl.eposterBrief a.like:before {content: "";position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 26px;height: 26px;border-radius: 50%;background: #99a4c2 url('sub/like.png') center center no-repeat;}
dl.eposterBrief a.like.on:before {background-color: #c43057;}
 
dl.eposterBrief a.favor {width: 80px;height: 26px;margin-left: 15px;font-size: 0;line-height: 0;background: url('sub/favor.png') center center no-repeat;}

dl.eposterBrief a.favor.on {background-image: url('sub/favor_on.png');}

dl.eposterBrief a.list {width: 68px;height: 26px;margin-left: 15px;font-size: 0;line-height: 0;background: url('sub/list.png') center center no-repeat;}

div.posterCon {position: relative;padding-right: 440px; }
div.posterCon div.viewArea {overflow-x: hidden;overflow-y: auto;height: 700px;background-color: #ffffff;border: 1px solid #e3e3e3;box-sizing: border-box;}
div.posterCon div.viewArea::-webkit-scrollbar {width: 10px;background-color: #e6e6e6;}
div.posterCon div.viewArea::-webkit-scrollbar-thumb {background-color: #3f3e58;}
div.posterCon div.viewArea img {display: block;width: 100%;}
div.posterCon .viewBig {position: absolute;right: 460px;bottom: 20px;width: 40px;height: 40px;}
div.posterCon .viewBig a {display: block;height: 100%;font-size: 0;line-height: 0;background: #3d414e url('sub/poster_viewBig.png') center center no-repeat;}

div.posterCon .aside {position: absolute;right: -5px;top: 0;width: 440px;height: 100%;padding-top: 67px;box-sizing: border-box;border-left: 1px solid #e7e7e7;}
div.posterCon .listNoti {position: absolute;left: 0;top: 0;width: 100%;margin: 0;padding: 15px 20px;color: #fff;font-size: 15px;line-height: 18px;font-family: 'Roboto-Regular', sans-serif;background-color: #4e5976;box-sizing: border-box;}
div.posterCon .listNoti img {display: inline-block;vertical-align: top;padding-top: 2px;}

dl.posterList, dl.posterList dt, dl.posterList dd, dl.posterList ul, dl.posterList li, dl.posterList a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.posterList {position: relative;height: 100%;    border-bottom: 1px solid #e3e3e3;}
dl.posterList > dt {padding: 10px 25px;font-size: 15px;line-height: 20px;color: #fff;font-family: 'Roboto-Bold', sans-serif;background-color: #3f3e58;}
dl.posterList > dt span {float: right;font-size: 14px;font-family: 'Roboto-Regular', sans-serif;}
dl.posterList > dd {position: relative;overflow-x: hidden;overflow-y: auto;height: calc(100% - 240px);}
dl.posterList > dd:last-child {height: 160px;}
dl.posterList > dd::-webkit-scrollbar {width: 10px;background-color: #e6e6e6;}
dl.posterList > dd::-webkit-scrollbar-thumb {background-color: #3f3e58;}
dl.posterList li {position: relative;border-top: 1px solid #c0c0c0;}
dl.posterList li > a:first-child {position: relative;display: block;min-height: 66px;padding: 15px 57px 15px 135px;color: #444;font-size: 13px;line-height: 14px;font-family: 'Roboto-Regular', sans-serif;}
dl.posterList span.num {display: block;padding-bottom: 3px;font-family: 'Roboto-Bold', sans-serif;}
dl.posterList span.thumb {position: absolute;left: 25px;top: 50%;transform: translateY(-50%); width: 100px;height: 66px;border: 1px solid #e5e5e5;    overflow: hidden;}
dl.posterList span.code{display: block;color: #5b9517; margin-bottom: 3px; font-size: 13px;font-weight: bold;} 
dl.posterList span.thumb img {display: block;width: 100%;/* height: 100%; */}
dl.posterList a.favor {position: absolute;right: 10px;top: 50%;transform:translateY(-50%);width: 37px;height: 37px;font-size: 0;line-height: 0;background: url('sub/list_favor.png') center center no-repeat;}
dl.posterList a.favor.on {background-image: url('sub/list_favor_on.png');}

dl.posterList li.on span.thumb:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(26,33,67,.7) url('sub/poster_on.png') center center no-repeat;}

/* 댓글 */
dl.comment {}
dl.comment > dt {padding: 15px 0;color: #232323;font-size: 15px;line-height: 20px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
dl.comment > dt a {float: right;display: inline-block;padding: 7px 10px;vertical-align: top;line-height: 16px;color: #fff;font-size: 14px;background-color: #b3215b;}
dl.comment > dd {position: relative;padding-right: 90px;}
dl.comment textarea {width: 100%;height: 74px;box-sizing:border-box;padding: 10px;}
dl.comment textarea::placeholder  {color:#b8b8b8;font-size: 14px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
dl.comment input[type=submit] {position: absolute;right: 0;top: 0;width: 90px;height: 74px;padding: 0;margin: 0;background-color: #3f3e58;border-color: #3f3e58;color: #fff;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}


div.replyAarea {overflow-x: hidden;overflow-y: auto;margin-top: 30px;max-height: 540px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
div.replyAarea::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
div.replyAarea::-webkit-scrollbar-thumb {background-color: #a3a3a3;}

table.session + div.reply {padding-bottom: 0;margin:50px 0 0;}
div.reply p.count {padding-bottom: 10px;}
div.reply + div.btn {text-align: right;}
div.reply div.formArea {position: relative;padding-right: 90px;}
div.reply div.formArea textarea {width: 100%;height: 74px;padding: 10px 20px;border: 1px solid #e0e0e0;border-right: 0 none;box-sizing:border-box;font-family: 'NotoSansKR Regular', sans-serif;font-size: 15px;}
div.reply div.formArea input[type=submit] {position: absolute;right: 0;top: 0;width: 90px;height: 100%;    cursor: pointer;border: 0 none;background-color: #1251a4;color: #fff;box-sizing:border-box;font-family: 'NotoSansKR Regular', sans-serif;font-size: 15px;}

div.VC_area{max-height: 510px;overflow-x: hidden;overflow-y: auto;margin: 10px 0;}

dl.reply, dl.reply dl, dl.reply dt, dl.reply dd {margin: 0;padding: 0;}
dl.reply {padding: 20px 0;}
dl.reply + dl.reply {border-top: 1px dashed #e0e0e0;}
dl.reply > dt {color: #222;font-size: 15px;}
dl.reply > dt span {display: inline-block;vertical-align: top;padding-left: 5px;color: #b0b0b0;font-size: 14px;}
dl.reply > dd {color: #909090;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.reply dd dt,
dl.reply dd dd {padding-top: 5px;}
dl.reply a.trigger {padding: 0 5px;border: 1px solid #cecece;color: #909090;font-size: 12px;line-height: 18px;text-decoration: none;z-index:99999}
dl.reply a.trigger_cmd {padding: 0 5px;border: 1px solid #cecece;color: #909090;font-size: 12px;line-height: 18px;text-decoration: none;z-index:99999}


/* 팝업 > 댓글보기 */
div#popupComment {position: relative;width: 1300px;}
div#popupComment h1 {display: table-cell;width: 100vw;height: 70px;margin: 0;padding: 0 70px 0 25px;vertical-align: middle;color: #fff;font-size: 24px;line-height: 30px;background-color: #4f5774;}
div#popupComment div.popupCon {padding: 0 35px 35px;}

div#popupComment div.replyAarea {height: 400px;}
div#popupComment div.btnArea {margin-top: 30px;}
div#popupComment div.btnArea a {display: block;width: 200px;height: 45px;margin: 0 auto;padding: 0;text-align: center;font-size: 16px;line-height: 43px;}

div#popupComment div.close {position: absolute;right: 0;top: 0;width: 70px;height: 70px;}
div#popupComment div.close a {display: block;height: 100%;}





div.sessionCon p.listNoti{position: absolute;  right: 0px; top: 0px;padding:10px 10px 5px 10px;  width: 370px;line-height: 20px;    background-color: #272b4b; color: #FFEB3B;}
div.sessionCon dl.list {position: absolute;right: 0;top:55px; width: 390px;border-bottom: 1px solid #ccc;font-size: 14px;font-family: 'Roboto-Regular', sans-serif;}
div.sessionCon dl.list > dt {padding: 0 20px;background-color: #272b4b;color: #fff;line-height: 40px;}
div.sessionCon dl.list > dd {overflow-x: hidden;overflow-y: auto;max-height:250px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;    min-height: 250px;}
div.sessionCon dl.list > dt:first-child + dd {    min-height: 468px;  overflow-x: hidden; overflow-y: scroll;background: #fff;}
div.sessionCon dl.list .listTit{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;   line-height: 1.2em; height: 3.5em}
div.sessionCon dl.list .listInfo{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;   line-height: 1.2em; height: 2.4em}
div.sessionCon dl.list > dd {scrollbar-3dLight-Color: #dcdcdc; scrollbar-arrow-color: #dcdcdc; scrollbar-base-color: #272b4b; scrollbar-Face-Color: #272b4b; scrollbar-Track-Color: #dcdcdc; scrollbar-DarkShadow-Color: #dcdcdc; scrollbar-Highlight-Color: #dcdcdc; scrollbar-Shadow-Color: #dcdcdc}
div.sessionCon dl.list > dd::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
div.sessionCon dl.list > dd::-webkit-scrollbar-thumb {background-color: #272b4b;}


div.sessionCon dl.list li {position: relative;border-top: 1px solid #ccc;padding: 5px 30px 10px 0;}
div.sessionCon dl.list li:first-child {border-top: 0 none;}

div.sessionCon dl.list a {overflow: hidden;position: relative;display: block;padding: 3px  10px 10px 115px; line-height: 17px;color: #000;-webkit-line-clamp: 4;  -webkit-box-orient: vertical;   overflow: hidden;   text-overflow: ellipsis; height: 57px;}
div.sessionCon dl.list span.thumb {position: absolute;left: 10px;top: 7px;display: block;width: 93px;height: 60px;overflow: hidden;/*  border: 1px solid #ccc;  */}
div.sessionCon dl.list span.thumb img {height:100%; display: block;width: 100%;  border: 1px solid #e2e2e2; box-sizing: border-box;}

div.sessionCon dl.list span.thumboral {position: absolute;left: 10px;top: 7px;display: block;width: 93px;height: 60px;overflow: hidden; border: 1px solid #ccc; }
div.sessionCon dl.list span.thumboral img {display: block;width: 100%; height: 100%; }

div.sessionCon dl.list span.code{  color: #E91E63; font-size: 11px; display:block; font-style:italic;}
div.sessionCon dl.list .on {background-color: #d1d5e2;}

div.sessionCon dl.list .on span.thumb {background-color: #182644;} 
div.sessionCon dl.list .on span.thumb:before {position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;margin: -15px 0 0 -15px;content: " ";background: url('layout/eposter_view.png') center center no-repeat;} 
div.sessionCon dl.list .on span.thumb img  {opacity: .2; } 
div.sessionCon dl.list .on span.tit {color: #192c8d;border-bottom: 1px solid #192c8d;}

div.sessionCon dl.list .on span.thumboral {background-color: #182644;} 
div.sessionCon dl.list .on span.thumboral:before {position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;margin: -15px 0 0 -15px;content: " ";background: url('layout/eposter_view.png') center center no-repeat;} 
div.sessionCon dl.list .on span.thumboral img {opacity: .2;} 

div.sessionCon dl.list a.favor {position: absolute;right: 10px;top: 50%;width: 20px;height: 20px;margin-top: -10px;padding: 0;text-indent: -10000px;background: url('layout/icon_favor_off.png') center center no-repeat;}
div.sessionCon dl.list a.favor.on {background-image: url('layout/icon_favor_on.png');}



/* E-Booth */
dl.ebooth, dl.ebooth dt, dl.ebooth dd, dl.ebooth ul, dl.ebooth li {margin: 0;padding: 0;list-style:none;}
dl.ebooth {}
dl.ebooth img {width: 100%;    -webkit-transform:scale(0.7);   -moz-transform:scale(0.7);   -ms-transform:scale(0.7);    -o-transform:scale(0.7);      transform:scale(0.7);   -webkit-transition:.4s;  -moz-transition:.4s; -ms-transition:.4s;-o-transition:.4s;  transition:.4s;}
dl.ebooth img:hover {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);    -o-transform:scale(0.8);transform:scale(0.8);}

dl.ebooth dt {position: relative;z-index: 10;width: 190px;text-align: center;border-radius: 0 30px 0 30px;color: #fff;font-size: 20px;line-height:60px; font-family: 'Roboto-Bold', sans-serif;}
dl.ebooth dd {position: relative;margin-top: -2px;padding: 40px 0;}
dl.ebooth dd:before {content: "";position: absolute;left: 25px;top: 0;width: calc(100% - 25px);height: 2px;}
dl.ebooth ul {font-size: 0;line-height: 0;text-align: center;}
dl.ebooth li {display: inline-block;vertical-align: top;margin: 0 15px 30px;box-shadow:0 0 10px rgba(53,60,94,.3);}
dl.ebooth a,
dl.ebooth img {display: block;height: 100%;}

dl.ebooth.gradeA dt {background-color: #0d47a1;}
dl.ebooth.gradeA dd:before {background-color: #0d47a1;}
dl.ebooth.gradeA li {width: 520px;height: 213px;}

dl.ebooth.gradeB dt {background-color: #00b8d4;}
dl.ebooth.gradeB dd:before {background-color: #00b8d4;}
dl.ebooth.gradeB li {width: 480px;height: 190px;}

dl.ebooth.gradeC dt {background-color: #455a64;}
dl.ebooth.gradeC dd:before {background-color: #455a64;}
dl.ebooth.gradeC li {width: 430px;height: 170px;}

dl.ebooth.gradeD dt {background-color: #db9234;}
dl.ebooth.gradeD dd:before {background-color: #db9234;}
dl.ebooth.gradeD li {width: 360px;height: 125px;}

dl.ebooth.gradeE dt {background-color: #78909c;}
dl.ebooth.gradeE dd:before {background-color: #78909c;}
dl.ebooth.gradeE li {width: 325px;height: 115px;}

dl.ebooth.gradeF dt {background-color: #906246;}
dl.ebooth.gradeF dd:before {background-color: #906246;}
dl.ebooth.gradeF li {width: 285px;height: 100px;}



/* E-Booth 상세보기 팝업 */
div#popupEbooth {position: relative;width: 1300px;border: 3px solid #505774;background-color: #fff;box-sizing:border-box;}
div#popupEbooth > div.popupCon {height: 790px;}
div#popupEbooth .close {right: 0;top: 0;width: 90px;height: 90px;margin: 0;padding: 0;cursor: pointer;}

div#popupEbooth ul.menu {padding: 0 90px 0 0;height: 90px;background-color: #505774;text-align: left;font-size: 0;line-height: 0;}
div#popupEbooth ul.menu li {float: none;position: relative;display: inline-block;padding: 0 40px;vertical-align: top;}
div#popupEbooth ul.menu li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 16px;margin-top: -8px;content: "";background-color: rgba(255,255,255,.55);}
div#popupEbooth ul.menu li:first-child:before {display: none;}
div#popupEbooth ul.menu a {display: block;text-align: center;opacity: .55; padding: 0;}
div#popupEbooth ul.menu span {display: inline-block;padding: 21px 0 18px;border-bottom: 3px solid #505774;color: #fff;font-size: 17px;line-height: 20px;font-family: 'Roboto-Regular', sans-serif;vertical-align: top;}
div#popupEbooth ul.menu img {display: block;margin: 0 auto 8px;}

div#popupEbooth ul.menu .on a {opacity: 1;}
div#popupEbooth ul.menu .on span {border-color: #fff;font-family: 'Roboto-Medium', sans-serif;}

 div#popupEbooth div.eboothCon {height: 700px;}
div#popupEbooth h3 {padding: 0 40px;color: #222;font-size: 26px;line-height: 90px;font-family: 'Roboto-Bold', sans-serif;background-color: #e1e4ee;}


/* E-Booth 상세 > Company  */
div.company {position: relative;padding:40px 458px 40px 30px;}
div.company div.scrollArea {height: 620px;padding-right: 20px;word-break: keep-all;}

div.company h4 {margin: 10px 0 10px;padding: 0 20px;font-weight: normal;font-size: 16px;line-height: 40px;color: #fff;background-color: #304457;font-family: 'Roboto-Medium', sans-serif;}
div.company h4:first-child {margin-top: 0;}


div.company div.vodArea {width: 542px;height: 305px;margin: 20px auto;;text-align: center;box-sizing: border-box;}
div.company div.vodArea img {display: block;width: 100%;height: 100%;}

div.company div.txt {padding: 0px 5px 0;color: #222;font-size: 15px;line-height: 22px;font-family: 'Roboto-Regular', sans-serif;    letter-spacing: -0.5px;}


div.bizInfo {position: absolute;right: 0;top: 0;width: 430px;height: 100%;padding: 40px;background-color: #e1e4ee;box-sizing:border-box;font-family: 'Roboto-Medium', 'NotoSansKR Regular', sans-serif;}

div.bizInfo .logo {display: table-cell;width: 350px;height: 97px;vertical-align: middle;background-color: #fff;box-shadow:0 1px 10px rgba(152,161,190,.3);}
div.bizInfo .logo img {display: block;max-height: 80%;margin: 0 auto;}

dl.bizCard, dl.bizCard dt, dl.bizCard dd, dl.bizCard ul, dl.bizCard li, dl.bizCard a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
dl.bizCard {margin-top: 20px;padding: 20px;background-color: #fff;box-shadow:0 1px 10px rgba(152,161,190,.3);box-sizing: border-box;}
dl.bizCard dt {padding-bottom: 10px;color: #222;font-size: 15px;line-height: 24px;font-family: 'Roboto-Medium', 'NotoSansKR Regular', sans-serif;}
dl.bizCard dt span {display: block;padding-bottom: 5px;font-size: 20px;font-family: 'Roboto-Bold', sans-serif;}
dl.bizCard li {position: relative;margin-top: 5px;padding-left: 20px;color: #222;font-size: 14px;line-height: 20px;font-family: 'Roboto-Regular', sans-serif;}
dl.bizCard li:before {position: absolute;left: 0;top: 0;content: attr(pub-title);color: #112f58;font-family: 'Roboto-Bold', sans-serif;}
dl.bizCard a {text-decoration: underline;color: #1f63ca;}

div.boothVisit {position: relative;margin-top: 20px;padding: 30px 0 0;background-color: #fff;box-shadow:0 1px 10px rgba(152,161,190,.3);box-sizing: border-box;font-family: 'Roboto-Regular', sans-serif;}

div.boothVisit div.stamp {display: table-cell;vertical-align: middle;width: 100vw;height: 125px;padding: 0 112px;background: url('ebooth/stamp_bg.png') center center no-repeat;box-sizing: border-box;}
div.boothVisit div.stamp img {display: block;width: 90px;margin: 0 auto;}

div.boothVisit div.note {display: block;padding: 10px 0;text-align: center;color: #222;font-size: 15px;line-height: 20px;}
div.boothVisit a {position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;text-align: center;color: #fff;font-size: 15px;line-height: 50px;font-family: 'Roboto-Medium', sans-serif;background-color: #c53b48;}

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

div.boothVisit.visited:after {content: "Visit Complete";position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;text-align: center;color: #fffcae;font-size: 15px;line-height: 50px;font-family: 'Roboto-Medium', sans-serif;background-color: #508f58;}
 

/* E-Booth 상세 > Brochures  */
div.brochure {}
div.brochure > div {padding: 65px 0;}

div.brochure ul, div.brochure li, div.brochure a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.brochure > ul.brochure {padding: 64px 0 64px 95px;}
div.brochure > ul.brochure:after {content: "";clear: both;display: block;height: 0;line-height: 0;font-size: 0;}
div.brochure > ul.brochure > li {float: left;margin-right: 25px;}
div.brochure > ul.brochure  > li a  img{    border: 1px solid #d7d7d7;}
ul.brochure a,
ul.brochure img,
ul.brochure span {display: block;}
ul.brochure img {width: 200px;height: 300px;}
ul.brochure span {margin-top: 20px;padding-left: 25px;color: #fff;font-size: 15px;line-height: 50px;font-family: 'Roboto-Medium', sans-serif;background: #272b4b url('ebooth/brochure_download.png') right 25px center no-repeat;}

div.brochure div.bx-wrapper {position: relative;}
div.brochure a.bx-prev,
div.brochure a.bx-next {position: absolute;top: 50%;transform:translateY(-50%);width: 25px;height: 50px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
div.brochure a.bx-prev {left: -60px;background-image: url('ebooth/brochure_prev.png');}
div.brochure a.bx-next {right: -60px;background-image: url('ebooth/brochure_next.png');}
 

/* E-Booth 상세 > Video  */
div.video {position: relative;padding-right: 290px;}
div.video div.vodArea {display: inline-block;width: 900px !important ; height: 610px !important; vertical-align: middle;padding-left: 50px !important; }
div.video div.vodArea > * {display: block;margin: 0 auto;}

ul.video, ul.video li, ul.video a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.video {position: absolute;right: 0;top: 0;overflow: hidden;overflow: auto;width: 290px;height: 100%;padding: 20px 40px 0;background-color: #efefef;box-sizing:border-box;}
ul.video::-webkit-scrollbar {background-color: #fff;}
ul.video::-webkit-scrollbar-thumb {background-color: #222;}
ul.video > li {margin-bottom: 25px;}
ul.video a,
ul.video img {display: block;}


/* E-Booth 상세 > Guest Book  */
div.guest {position: relative;height: 610px;padding: 70px;box-sizing: border-box;}
div.guest p {margin: 0;color: #222;font-size: 17px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}

div.guest ul, div.guest li {margin: 0;padding: 0;list-style:none;}
div.guest ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px;padding-top: 30px;}
div.guest li.clear {grid-column: 1 / 3;}
div.guest li label {display: none;}

div.guest label,
div.guest textarea::placeholder {color: #999;font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;}

div.guest input[type=text],
div.guest textarea {width: 100%;border: 1px solid #ccc;background-color: transparent;box-sizing:border-box;color: #444;font-size: 15px;font-family: 'Roboto-Medium', sans-serif;}
div.guest input[type=text] {height: 50px;padding: 0 25px;line-height: 48px;}
div.guest textarea {height: 220px;padding: 25px;line-height: 25px;}

div.guest div.agree {position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;background-color: #ffdd69;}
div.guest div.agree span,
div.guest div.agree input,
div.guest div.agree label {display: inline-block;vertical-align: top;font-size: 16px;line-height: 55px;}
div.guest div.agree span {color: #de1414;}
div.guest div.agree input {width: 25px;height: 25px;border: 1px solid #222;margin: 15px 10px 0 20px;}
div.guest div.agree label {color: #000;}

div.guest div.btn {padding-top: 40px;}
div.guest div.btn > * {display: block;width: 170px;height: 50px;padding: 0 15px;margin: 0 auto;text-align: left !important;color: #fff;font-size: 17px;line-height: 48px;font-family: 'Roboto-Medium', sans-serif;border-color: #272b4b;background: #272b4b url('layout/btn_send.png') right 25px center no-repeat;box-sizing:border-box;}



/* E-Booth 상세 > Survey  */
div.survey {position: relative;padding: 35px 30px;}
div.survey dl.scrollArea {height: 450px;}

dl.survey, dl.survey dt, dl.survey dd {margin: 0;padding: 0;}
dl.survey > dt {position: relative;padding: 10px 40px 10px 125px;font-size: 15px;line-height: 23px;color: #222;font-family: 'NotoSansKR Medium', sans-serif;background-color: #edeff2;}
dl.survey > dt:before {content: "";position: absolute;left: 0;top: 0;width: 100px;height: 100%;background-color: #272b4b;}
dl.survey > dt span {position: absolute;left: 0;top: 50%;width: 100px;margin-top: -15px;transform: translatey(-50%);text-align: center;font-size: 22px;color: #fff;font-family: 'Roboto-Medium', sans-serif;}
dl.survey > dd {padding: 30px 0;}

ul.option, ul.option li {margin: 0;padding: 0;list-style: none;}
ul.option {text-align: center;font-size: 0;line-height: 0;}
ul.option li {display: inline-block;vertical-align: top;width: 70px;padding: 0 20px;}
ul.option label {display: block;width: 100%;padding-top: 10px;color: #1b1b1b;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;cursor: pointer;}

ul.option input[type=checkbox],
ul.option input[type=radio] {appearance: none;display: block;cursor: pointer;width: 55px;height: 55px;margin: 0 auto;border-radius: 50%;background:#e1e4e9 url('common/input.png') center center no-repeat;}

ul.option input[type=checkbox]:checked,
ul.option input[type=radio]:checked {background-color: #238f22;background-image:url('common/input_checked.png');}

div.survey div.btn {padding-top: 40px;}
div.survey div.btn > * {display: block;width: 200px;height: 50px;padding: 0 15px;margin: 0 auto;text-align: left !important;color: #fff;font-size: 17px;line-height: 48px;font-family: 'Roboto-Medium', sans-serif;border-color: #272b4b;background: #272b4b url('layout/btn_send.png') right 25px center no-repeat;box-sizing:border-box;}



/* E-Booth 상세 > Stamp Event, Booth Event */
div.eventRoulette {overflow: hidden;}

div.stampInfo {height: 160px;background: #ffbd00 url('ebooth/stampInfo_bg.png') right bottom no-repeat;}

ul.stamp, ul.stamp li {margin: 0;padding: 0;list-style:none;}
ul.stamp {display: grid; grid-template-columns: repeat(7, 1fr); gap: 7px;float: left;width: calc(100% - 410px);height: 440px;padding: 15px 20px;box-sizing:border-box;}

ul.stamp div {overflow: hidden;position: relative;display: block;width: 100px;height: 100px;border-radius:50%;margin: 0 auto;background: url('ebooth/stamp_bg.png') center center no-repeat;background-size: cover;}
ul.stamp img {display: block;position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 85%;}
ul.stamp div.visit:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;background: rgba(8,33,83,.6) url('ebooth/stamp_visited.png') center center no-repeat;}

div.eventInfo {}
div.eventPrize {float: left;width: calc(100% - 410px);height: 425px;}


div.roulettezone {z-index: 10;position: relative;float: right;width: 410px;height: 450px;background-color: #efefef;}
div.roulettezone:before {content: "";display: block;height: 70px;background: url('ebooth/roulette_tit.png') center center no-repeat;}

div.roulette {position: relative;width: 250px;height: 250px;border-radius:50%;margin: 0 auto;box-shadow: 0 11px 30px rgba(113,168,207,.2);}
div.roulette:before {z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url('ebooth/roulette_pointer.png') center center no-repeat;background-size: cover;}
div.roulette:after {position: absolute;left: 50%;top: 50%;width: 64px;height: 64px;border-radius:50%;content: "";background: url('ebooth/roulette_logo.png') center center no-repeat;background-size: cover;transform:translate(-50%,-50%);box-shadow: 0 0 15px rgba(0,0,0,.7);}
div.roulette img {width: 250px;}


div.roulettezone div.btn {padding: 15px;}
div.roulettezone div.btn a {display: block;padding: 0;border-color: #bdc1cf;background-color: #bdc1cf;color: #fff;text-align: center;font-size: 15px;line-height: 48px;font-family: 'Roboto-Bold', sans-serif;}
div.roulettezone div.btn > div{margin-bottom: 15px}
div.roulettezone.comp div.roulette img {animation: rotation 2s infinite linear;}
@keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}

div.roulettezone.comp div.btn a {border-color: #c53b48;background-color: #c53b48;}

div#popupResult {z-index: 100;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
div#popupResult div.popupCon {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);border-radius: 20px;background-color: #fff;background-color: #fff;}
div#popupResult a.close {position: absolute;right: 15px;top: 15px;width: 30px;height: 30px;font-size: 0;line-height: 0;background: url('layout/popup_close_2.png') center center no-repeat;}
div#popupResult span {position: absolute;left: 0;bottom: 20px;width: 100%;text-align: center;color: #000;font-size: 16px;line-height: 30px;font-family: 'Roboto-Medium', sans-serif;}





/* =================== 이전 css =================== */

/* 팝업 > Q&A */
div#popupQna > div {width: 700px;height: 506px;margin: -253px 0 0 -350px;border: 3px solid #272b4b;background-color: #fff;box-sizing:border-box;}
div#popupQna h1 {padding: 15px 65px 15px 30px;background-color: #272b4b;color: #fff;font-size: 24px;line-height: 35px;font-family: 'Roboto-Bold', sans-serif;font-weight: normal;}
div#popupQna div.popupCon {padding: 20px 50px;font-size: 16px;}
div#popupQna div.popupCon > p {margin: 20px 0 40px;text-align: center;font-family: 'Roboto-Regular', sans-serif;color: #141a5b;}

div#popupQna dt {padding-bottom: 15px;color: #bc1139;font-family: 'Roboto-Bold', sans-serif;    color: #000;}
div#popupQna textarea {display: block;width: 100%;height: 160px;padding:15px 20px;border-color: #ccc;background-color: #f2f2f2;box-sizing:border-box;}
div#popupQna textarea::placeholder {color: #999;font-family: 'Pretendard-Light', sans-serif;}
div#popupQna .btn {padding-top: 30px;text-align: center;}
div#popupQna .btn * {width: 120px;height: 45px;}


 
/* 팝업 > 로그아웃 */
#popupLogout {position: relative;width: 480px;border: 1px solid #eae9ea;}
#popupLogout div.popupCon {padding: 45px;}
#popupLogout p {padding: 126px 0 0 ;background: url('layout/icon_logout.png') center top no-repeat;text-align: center;}
#popupLogout span {padding: 0 5px;color: #333;font-size: 22px;line-height: 30px;font-family: 'Roboto-Medium', sans-serif;box-shadow: inset 0 -15px 0 #ffee7d;}

#popupLogout div.btn {margin-top: 28px;text-align: center;font-size: 0;line-height: 0;}
#popupLogout div.btn a {width: 135px;margin-left: 10px;box-sizing:border-box;font-size: 15px;line-height: 45px;padding: 0 10px;border-color: #272b4b;background-color: #272b4b;color: #fff;font-family: 'Roboto-Bold', sans-serif;}
#popupLogout div.btn a:first-child {margin-left: 0;border-color: #af3136;background-color: #af3136;}

#popupLogout div.close {position: absolute;top: 30px;right: 30px;width: 40px;height: 40px;}
#popupLogout div.close a {display: block;height: 100%;}
#popupLogout div.close img {display: block;height: 40px;}


/* 팝업 > 안내 */
#popupWarning {position: relative;width: 480px;padding: 55px 0 45px;border: 1px solid #eae9ea;}
#popupWarning h1 {padding: 0;text-align: center;color: #222;font-size: 26px;line-height: 37px;font-family: 'Roboto-Medium', sans-serif;background-color: #fff;}
#popupWarning h1 img {display: inline-block;vertical-align: top;}
#popupWarning div.popupCon {padding: 0;}
#popupWarning p {display: table-cell;width: 480px;height: 128px;vertical-align: middle;margin: 0;text-align: center;color: #a81a2e;font-size: 18px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;}

#popupWarning div.btn {text-align: center;font-size: 0;line-height: 0;}
#popupWarning div.btn a {display: inline-block;vertical-align: top;width: 100px;height: 45px;padding: 0;box-sizing:border-box;font-size: 15px;line-height: 43px;border-color: #272b4b;background-color: #272b4b;color: #fff;font-family: 'Roboto-Bold', sans-serif;}

#popupWarning div.close {position: absolute;top: 40px;right: 30px;width: 40px;height: 40px;}
#popupWarning div.close a {display: block;height: 100%;}
#popupWarning div.close img {display: block;height: 40px;}





/* 팝업 > 자료집 다운로드 */
div#popupDownload {position: relative;width: 640px;height: 400px;padding: 36px 50px 40px;border: 1px solid #eae9ea;background-color: #fff;box-sizing:border-box;}
div#popupDownload h1 {text-align: center;font-size: 28px;line-height: 40px;color: #272b4b;font-family: 'Roboto-Medium', sans-serif;}
div#popupDownload h1 span {display: inline-block;padding: 0 10px;vertical-align: top;box-shadow: inset 0 -18px 0 #d6ebf9;}
div#popupDownload div.popupCon {padding: 47px 0 15px;text-align: center;font-size: 0;line-height: 0;}
div#popupDownload div.popupCon > a {display: inline-block;vertical-align: top;width: calc(44% - 20px);margin: 0 10px;color: #272b4b;font-size: 20px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;}
div#popupDownload div.popupCon > a img{display: block;margin: 0 auto 17px;}
div#popupDownload .close {position: absolute;top: 36px;right: 50px;}









/* Speakers */
div.speaker {}
div.speaker select{    width: 170px;height: 40px;  padding: 10px 5px;cursor: pointer; font-size: 14px;}
 
div.speaker h3{padding-bottom:10px; clear: both;margin-top: 30px;}
 
div.speaker h3 .speakerBg{ font-weight: bold; color:#e91e63;   font-size: 16px;}
div.speaker ul.subMenu {padding-bottom: 20px;}

dl.speakerInfo * {margin: 0;padding: 0;text-decoration: none;}
dl.speakerInfo span {display: block;}

dl.speakerInfo {position: relative;float: left;width: 640px;height: 225px;margin-bottom: 20px;margin-right: 10px;padding: 15px 30px 68px;border: 1px solid #ccc;box-sizing:border-box;}
/* dl.speakerInfo:nth-child(even) {clear: both;float: left;}

 */
dl.speakerInfo dt {position: relative;padding:0 130px 10px 0;color: #000;font-size: 17px;line-height: 30px;font-family: 'Roboto-Bold', sans-serif;}
dl.speakerInfo dt span.btn {position: absolute;right: 0;top: 0;z-index: 50;}
dl.speakerInfo dt span.btn a {margin-top: 3px; padding: 6px 20px 6px ;  height: 20px; vertical-align: top;color: #fff;text-align: center;font-size: 15px;font-family: 'Roboto-Regular', sans-serif;}
dl.speakerInfo dt span.btn a.abs {border-color: #272b4b;background-color: #272b4b;}
dl.speakerInfo dt span.btn a.cv { border-color: #4a4b80;background-color: #4a4b80;}
dl.speakerInfo dt span.btn a.vod { border-color: #cc1f4c;background-color: #cc1f4c;}
dl.speakerInfo dt span.btn a.abs:hover {color:#272b4b; border-color: #272b4b;background-color: #ffffff;}
dl.speakerInfo dt span.btn a.cv:hover {color:#4a4b80; border-color: #4a4b80;background-color: #ffffff;}
dl.speakerInfo dt span.btn a.vod:hover {color:#cc1f4c; border-color: #cc1f4c;background-color: #ffffff;}

dl.speakerInfo dt a {padding: 3px 20px 4px;font-size: 14px;line-height: 20px;}
dl.speakerInfo dd.speaker {position: relative;padding-left: 135px;font-size: 15px;line-height: 20px;}
dl.speakerInfo dd.speaker img {position: absolute;left: 0;top: 0;width: 115px;height: 120px; border: 1px solid #cbcbcb;}

dl.speakerInfo span.name { color: #000;font-family: 'Roboto-Bold', sans-serif;font-size: 17px;margin-top: 5px;}
dl.speakerInfo span.affiliation {color: #272b4b;font-weight: bold;font-size: 15px;}
dl.speakerInfo span.tit {padding-top: 15px;color: #b3215b;font-weight: bold;font-size: 16px;}
dl.speakerInfo span.code{font-size: 13px;color: #b3215b;font-weight: bold;    letter-spacing: 1px;} 
dl.speakerInfo dd.room {position: absolute;left: 0;bottom: 0;width: 100%;padding: 10px 115px 10px 30px;background-color: #fcf5e7;box-sizing:border-box;color: #5c3d29;font-size: 15px;font-family: 'Roboto-Regular', sans-serif;}
dl.speakerInfo dd.room a {position: absolute;right: 0;top: 0;width: 105px;height: 100%;background: #c40f2d url('layout/btn_onair.png') center center no-repeat;text-align: center;text-indent: -10000px;}




dl.speakerInfo + ul.pager {clear: both;}
div.speakerInfoWrap{}
div.speakerInfoWrap nth-child(even){float:left;}
div.speakerInfoWrap nth-child(odd) {float:right;}






/* 사전동의 */
div#popupAgree {width:700px;height: ;padding: 30px  37px;border: 3px solid #272b4b;margin: -280px 0 0 -350px;text-align: center;background-color: #fff;}
div.layerPopup div#popupAgree {position: absolute;left: 50%;top: 50%;}
div#popupAgree h1 {margin: 0;padding: 0;color: #cc1f4c;font-size: 28px;line-height: 50px;font-family: 'Roboto-Bold', sans-serif;}
div#popupAgree h1 img {display: inline-block;vertical-align: top;}

div#popupAgree > p {margin: 0;padding:15px 0 15px;font-size: 17px;line-height: 25px;color: #000;font-family: 'Roboto-Bold', sans-serif;}
div#popupAgree > p span.eng {display: block;font-family: 'Roboto-Medium', sans-serif !important;}

div#popupAgree div.bg {padding: 30px;background-color: #f2f3f5;text-align: left;color: #1b1b1b;font-size: 15px;font-family: 'Pretendard-Light', sans-serif;}

div#popupAgree div.agreeCon {overflow-x: hidden;/* overflow-y: scroll; */height: 210px;font-size: 15px;line-height: 25px;font-family: 'Roboto-Regular', sans-serif;text-align: left;}

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

div#popupAgree .agree {padding: 15px 0 15px;}
div#popupAgree .agree > span {width: 30px;height: 30px;margin:0 5px 0 30px;vertical-align: top;}
div#popupAgree .agree > span:first-child {margin-left: 0;}
div#popupAgree span.inputC:before,
div#popupAgree span.inputR:before {position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;margin: -15px 0 0 -15px;}

div#popupAgree .agree label {cursor: pointer;display: inline-block; line-height: 30px;font-size: 18px;color: #000;font-family: 'Roboto-Bold', sans-serif;     margin-left: 10px;}

div#popupAgree .btn {padding-top: 30px;}
div#popupAgree .btn > * {width: 200px;height: 50px;padding: 0;border: 0 none;background-color: #cc1f4c;}
 
div#popupAgree input[type='checkbox']{cursor: pointer;}








/* My Page */
div.mypage {}

div.certificate {position: relative;width: 1000px;margin: 0 auto;}
div.certificate img,
div.certificate > span {display: block;}
div.certificate > span {position: absolute;left: 0;top: 200px;width: 100%;}
div.certificate .tCell {display: table-cell;width: 1000px;height: 160px;text-align: center;vertical-align: middle;color: #000;font-size: 21px;line-height: 32px;font-weight: 600;font-family: 'Playfair Display', serif;}
div.certificate .name {display: block;padding-bottom: 10px;font-size: 35px;line-height: 40px;font-weight: 700;}

div.mypage h3 {margin: 20px 0 0px 0;}
div.noteArea {padding: 20px 25px;color: #000;font-size: 15px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;background-color: #f9f1f1;}
div.noteArea + * {margin-top: 50px;}

table.total {width: 100%;margin: 10px auto 0;}
/* div.noteArea li{list-style: disc !important;}
 */
div.mypage ul, div.mypage li {margin: 0; padding: 0; list-style: none; }
div.mypage li {line-height: 25px;}
div.mypage li:before {font-size: 24px;line-height: 25px;}

div.tblTit {position: relative;margin-top: 45px;}
div.tblTit h3 {line-height: 40px;}
div.tblTit div.btn {position: absolute;top: 0;right: 0;}
div.tblTit div.btn a {width: 100px;height: 40px;padding: 0;text-align: center;color: #fff;border-color: #a93e5c;background-color: #a93e5c;line-height: 40px;font-size: 15px;box-sizing: border-box; }

div.mypage table.tblDef + table.tblDef {margin-top: 30px;}
div.mypage table.tblDef {border-top:2px solid #354d70;}
div.mypage table.tblDef > * > tr > * {text-align: center;font-family: 'Roboto-Regular', sans-serif;letter-spacing: -0.5px;color: #222;}
div.mypage table.tblDef thead th {background-color: #f5f6f8;}
div.mypage table.tblDef span.time {display: block;color: #ca3737;}
div.mypage table.tblDef tr.total > * {background-color: #f2f6ff;}



div.myfavo {position: relative;margin-top: 5px; }
div.myfavo dl.list { width: 1300px; margin:0 auto ;border-bottom: 1px solid #ccc;font-size: 14px;font-family: 'Roboto-Regular', sans-serif;}
div.myfavo dl.list > dt {padding: 0 20px;background-color: #272b4b;color: #fff;line-height: 40px;}
div.myfavo dl.list > dd {overflow-x: hidden;overflow-y: auto;max-height:287px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;    min-height: 233px;}
div.myfavo dl.list > dt:first-child + dd {  overflow-x: hidden; overflow-y: scroll;    min-height: 50px;  max-height: 500px;}
div.myfavo dl.list .listTit{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;   line-height: 1.2em; height: 3.5em}
div.myfavo dl.list .listInfo{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;   line-height: 1.2em; height: 2.4em}
div.myfavo dl.list > dd {scrollbar-3dLight-Color: #dcdcdc; scrollbar-arrow-color: #dcdcdc; scrollbar-base-color: #272b4b; scrollbar-Face-Color: #272b4b; scrollbar-Track-Color: #dcdcdc; scrollbar-DarkShadow-Color: #dcdcdc; scrollbar-Highlight-Color: #dcdcdc; scrollbar-Shadow-Color: #dcdcdc}
div.myfavo dl.list > dd::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
div.myfavo dl.list > dd::-webkit-scrollbar-thumb {background-color: #272b4b;}


div.myfavo dl.list li {position: relative;border-top: 1px solid #ccc;padding: 5px 50px 10px 10px;}
div.myfavo dl.list li:first-child {border-top: 0 none;}

div.myfavo dl.list a {overflow: hidden;position: relative;display: block;padding: 10px  10px 10px 115px; line-height: 17px;color: #000;-webkit-line-clamp: 4;  -webkit-box-orient: vertical;   overflow: hidden;   text-overflow: ellipsis; height: 57px;}
div.myfavo dl.list span.thumb {position: absolute;left: 10px;top: 7px;display: block;width: 93px;height: 60px;overflow: hidden; border: 1px solid #ccc; }
div.myfavo dl.list span.thumb img {display: block;width: 100%; }

div.myfavo dl.list span.thumboral {position: absolute;left: 10px;top: 7px;display: block;width: 93px;height: 60px;overflow: hidden; border: 1px solid #ccc; box-sizing: border-box;}
div.myfavo dl.list span.thumboral img {display: block;width: 100%; height: 100%; }

div.myfavo dl.list span.code{color: #E91E63; font-size: 11px; display:block; font-style:italic;}
div.myfavo dl.list .on {background-color: #d1d5e2;}

div.myfavo dl.list .on span.thumb {background-color: #182644;} 
div.myfavo dl.list .on span.thumb:before {position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;margin: -15px 0 0 -15px;content: " ";background: url('layout/eposter_view.png') center center no-repeat;} div.myfavo dl.list .on span.thumb img {opacity: .2;} 
div.myfavo dl.list .on span.tit {color: #192c8d;border-bottom: 1px solid #192c8d;}

div.myfavo dl.list .on span.thumboral {background-color: #182644;} 
div.myfavo dl.list .on span.thumboral:before {position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;margin: -15px 0 0 -15px;content: " ";background: url('layout/eposter_view.png') center center no-repeat;} div.myfavo dl.list .on span.thumboral img {opacity: .2;} 

div.myfavo dl.list a.favor {position: absolute;right: 10px;top: 50%;width: 20px;height: 20px;margin-top: -10px;padding: 0;text-indent: -10000px;background: url('layout/icon_favor_off.png') center center no-repeat;}
div.myfavo dl.list a.favor.on {background-image: url('layout/icon_favor_on.png');}

/* Awards */
div.awards {width: 1300px;padding-bottom: 100px;margin: 18px auto;}
div.awards h2 {margin:80px 0 0;padding: 0;}
div.awards h2:first-child {margin-top: 0;}
div.awards h3 {margin: 65px 0 10px;}
div.awards h2 + h3 {margin-top: 20px;}
div.awards h2 img, div.awards h3 img {display: block;margin: 0 auto;}

ul.awards, ul.awards li, ul.awards a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.awards {}
ul.awards:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.awards > li {float: left;width: 240px;padding: 25px 0 0 25px;}
ul.awards > li:nth-child(5n+1) {padding-left: 0;}
ul.awards a, ul.awards span, ul.awards img {display: block;}
ul.awards li > img {width: 100%;    border: 1px solid #eaedf6; box-sizing: border-box;}
ul.awards li > span {padding: 10px 20px;position: relative;background-color: #eaedf6;color: #222;font-size: 18px;font-family: 'Roboto-Regular', sans-serif;letter-spacing:-1px;}
ul.awards span > img,
ul.awards a {position: absolute;top: -37px;}
ul.awards span > img {right: 0;}
ul.awards a {left: 0;}

ul.awards span span {color: #ee479e;font-size: 15px;}
ul.awards.best span span {color: #1f83f3;}

#popupAwards div.popupWrap {width: 1320px;height: 750px;margin: -400px  0 0 -660px;box-sizing:border-box;}
#popupAwards div.popupCon {overflow-x: hidden;overflow-y: auto;height: 650px;padding: 50px;border: 3px solid #272b4b;background-color: #fff;}
#popupAwards h3 {margin:50px 0 20px;text-align: center;font-weight: normal;color: #0c1255;font-size: 32px;line-height: 40px;font-family: 'Roboto-Bold', sans-serif;}
#popupAwards h3 span {display: inline-block;padding: 0 5px;box-shadow: inset 0 -15px 0 #ffdf88;}
#popupAwards div.popupCon {scrollbar-3dLight-Color: #cacaca; scrollbar-arrow-color: #cacaca; scrollbar-base-color: #cacaca; scrollbar-Face-Color: #cacaca; scrollbar-Track-Color: #fff; scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #fff}
#popupAwards div.popupCon::-webkit-scrollbar {width: 8px;background-color: #e6e6e6;}
#popupAwards div.popupCon::-webkit-scrollbar-thumb {background-color: #a9a9a9;}


#popupAwards div.awards {width: 1200px;}

ul.awardee, ul.awardee li {margin: 0;padding: 0;list-style:none}
ul.awardee {}
ul.awardee:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content:"";}
ul.awardee li {cursor: pointer;float: left;position: relative;width: 137px;margin: 15px 0 0 13px;     height: 222px;      background: #eaedf6; border: 1px solid #c7c7c7; box-sizing: border-box;}
ul.awardee > li:nth-child(8n+1) {clear: both;margin-left: 0;}

ul.awardee a,
ul.awardee span {display: block; padding: 5px 10px  ; background: #eaedf6;line-height: 14px; }
ul.awardee a {}
ul.awardee a > img {border: 1px solid #d7d7d7;border-bottom: 0 none;}
ul.awardee a > span {position: relative;height: 48px;padding: 10px 5px 10px;color: #222;font-size: 13px;line-height: 16px;font-family: 'Roboto-Regular', sans-serif;background-color: #eaedf6;word-break:keep-all;}
ul.awardee span img {position: absolute;right: 0;    bottom: 63px;}
ul.awardee span span { letter-spacing: 0;padding: 2px 0 4px 0; color: #f18122;font-size: 13px;}
/*
#popupAwards ul.awards li > span:hover{background-color: #fdebeb;}
#popupAwards ul.awards span a.abs {border:none;}
#popupAwards ul.awards span > img,
#popupAwards ul.awards a {top: -25px;height: 25px;    border: 1px solid #ccc;  box-sizing: border-box;}
#popupAwards ul.awards span span {letter-spacing: 0;position: absolute;left: 8px;top: 8px;font-size: 14px;}
*/


/* congress */
 
#popupCongress div.popupWrap {width: 1050px;height: 750px;margin: -360px 0 0 -525px;box-sizing:border-box;}
#popupCongress div.popupCon {overflow-x: hidden;overflow-y: auto;height: 650px;padding: 20px 50px;border: 3px solid #272b4b;background-color: #fff;}

#popupCongress div.popupCon {scrollbar-3dLight-Color: #cacaca; scrollbar-arrow-color: #cacaca; scrollbar-base-color: #cacaca; scrollbar-Face-Color: #cacaca; scrollbar-Track-Color: #fff; scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #fff}
#popupCongress div.popupCon::-webkit-scrollbar {width: 8px;background-color: #e6e6e6;}
#popupCongress div.popupCon::-webkit-scrollbar-thumb {background-color: #a9a9a9;}


#popupCongress div.congress { }
#popupCongress div.congress h2{font-family: 'Roboto-Bold', sans-serif;    font-size: 30px; color: #03136b;text-align: center; }
#popupCongress div.congress li {list-style-type: none; width: 200px;padding: 17px 0 0 25px;float: left;}
#popupCongress div.congress li:nth-child(4n+1) {padding-left: 40px;   clear: both;}
#popupCongress div.congress li:nth-child(5n) { padding-left: 130px;}
#popupCongress div.congress li a{text-decoration: none; border: 2px solid #fff;float: left;}
#popupCongress div.congress li a:hover{border-color:#193b69;}
#popupCongress div.congress li a img{height:280px}
#popupCongress div.congress div.draw{float: left;margin-top:30px}
#popupCongress div.congress div.draw img{width: 942px;}







/* 간호세션 */
div.webinarVod {position: relative;padding: 50px 0 100px;/* background: url('layout/bg_vod.png') center top no-repeat;background-size: cover */;}
div.webinarVod > div {width: 1300px;margin: 0 auto;text-align: center;font-size: 0;line-height: 0;}
div.webinarVod h3 {margin:15px 0 15px;padding: 30px 0 20px;text-align: center;font-family: 'Roboto-Medium', sans-serif;font-size: 31px;line-height: 39px;color: #d73616;letter-spacing:-1px;}
div.webinarVod h3:first-child {padding-top: 0;}
div.webinarVod h3 span {color: #31480;}

dl.note {box-sizing: border-box; margin-top: 20px;  width: 1290px;  padding: 20px; background-color: rgba(43,48,73,.9);text-align: left;vertical-align: middle;color: #fff;font-size: 17px;font-family: 'Roboto-Regular', sans-serif;line-height: 22px;}
dl.note dd{  font-size: 14px;    padding: 5px;}
/* dl.note dd:first-child{margin-top:5px;} */
dl.note a.help{    display: inline-block;  background: #272b4b;  color: #fff;     width: 130px ;    margin: 5px 0 0;padding: 7px 20px;}
dl.note a.kakao{    display: inline-block;  background: #d41a7b;  color: #fff;    width: 130px;     margin: 5px 10px 0;padding:7px 20px;}
div.vodItem, div.vodItem dl, div.vodItem dt, div.vodItem dd {margin: 0;padding: 0;}
div.vodItem {     position: relative;;display: inline-block;width: 246px;height: 365px;vertical-align: top;margin:0px 12px 20px 0;border: 1px solid #97a2b0;background-color: #fff;box-shadow:0 25px 20px rgba(0,0,0,.23);}
/* h3 + div.vodItem {margin-left: 0;} */

div.vodItem dl {position: relative;height: 130px;padding:171px 9px 19px 17px; text-align: left;word-break:keep-all;}
div.vodItem dt {padding-bottom:  15px;height:62px;color: #000;font-size: 15px;line-height: 19px;font-family: 'Roboto-Regular', sans-serif;font-weight: 500;}
div.vodItem dd {color: #314980;font-size: 14px;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:19px;width: 110px;height: 135px;background-color: #fff;}
div.vodItem dd.photo img {display: block;width: 100%;height: 100%;}
div.vodItem ul.btn  {position: absolute;    top: 25px; right: 2px;}
div.vodItem ul.btn li { }
div.vodItem ul.btn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.vodItem ul.btn a { ;display: block;width:110px;margin: 5px;padding: 5px 0;box-sizing:border-box;border-radius:0;font-family: 'Roboto-Regular', sans-serif;text-align: center;}
div.vodItem ul.btn a:first-child { }
div.vodItem ul.btn a.btnCV {border: 1px solid #e91e63;color: #e91e63;background-color: #fff;}
div.vodItem ul.btn a.btnCV:hover {border: 1px solid #e91e63;color: #fff;background-color: #e91e63;}
div.vodItem ul.btn a.btnVod:hover {border: 1px solid #186bd2;color: #fff;background-color: #186bd2;}
div.vodItem ul.btn a.btnVod {border: 1px solid #186bd2;color: #186bd2;background-color: #fff;}
div.vodItem ul.btn a.btnNote {border: 1px solid #36545e;color: #36545e;background-color: #fff;}
div.vodItem ul.btn a.btnNote:hover {border: 1px solid #36545e;color: #fff;background-color: #36545e;}
div.vodItem div.graph {position: relative;height: 44px;background-color: #efefef;}
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: 'Roboto-Bold', sans-serif;font-weight: 500;}
div.vodItem div.graph.white:after {color: #fff;}
div.vodItem div.graphBar {float: left;height: 44px;background-color: #ff3b7e;}

/* 프로그램 > Invited Speakers */
dl.speaker {width: 100%;margin-top: 30px;text-align: center;color: #222;}
dl.speaker.half {display: inline-block;vertical-align: top;width: calc(50% - 15px);}
dl.speaker.half:nth-of-type(2n) {margin-left: 25px;}
dl.speaker dt {padding: 15px;border-radius: 3px;font-size: 19px;line-height: 25px;color: #fff;font-family: 'Roboto-Medium', sans-serif;}
dl.speaker dt.typeA {background: linear-gradient(to right,#e6a72d, #c1474c);}
dl.speaker dt.typeB {background: linear-gradient(to right,#416ea7, #4e9288);}
dl.speaker dt.typeC {background: linear-gradient(to right,#97b758, #6b97c4);}
dl.speaker dd {margin-top: -1px;padding: 34px;border-radius: 0 0 3px 3px;border: 1px solid #ccc;border-top: 0 none;}
dl.speaker dd ul {list-style: none;font-size: 0;line-height: 0;}
dl.speaker dd li {display: inline-block;vertical-align: top;padding: 0 45px;}
dl.speaker dd span, 
dl.speaker dd img {display: block;margin: 0 auto 20px;}
dl.speaker dd img {}
dl.speaker dd span.name {font-size: 17px;line-height: 24px;font-family: 'Roboto-Medium', sans-serif;}
dl.speaker dd span.group {margin-top: 12px;font-size: 14px;line-height: 24px;font-family: 'Pretendard-Light', sans-serif;}

/* 인사말 */
div.welcome {padding: 40px 0 20px;text-align: justify;word-break: keep-all;}
div.welcome p + p {margin-top: 20px;}
div.welcome p {font-family:'Roboto-Regular',sans-serif;}
ul.president	 {margin: 30px 0 0; padding: 0; list-style: none; text-align: right;}
ul.president li {position:relative; display: inline-block; padding-left: 124px; height: 110px; text-align:left; margin-left: 50px;}
ul.president li:first-child {margin-left: 0;}
ul.president li span{display:table-cell; height:100px; vertical-align: bottom; font-size:15px; font-family: 'Pretendard-Light', sans-serif; padding-bottom: 10px;}
ul.president li strong {display: block; font-size:17px; font-family: 'Roboto-Bold', sans-serif;}
ul.president li img {position:absolute; left:0; top:0;}