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

ul.listDot, ul.listDot > li,
ul.listNum, ul.listNum > li,
ul.listNum_2, ul.listNum_2 > li,
ul.noBl, ul.noBl > li,
ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listDot > li,
ul.listBar > li {position: relative;padding-left: 1em !important;}
ul.listDot > li:before,
ul.listBar > li:before {position: absolute;left: 0;top: 0;text-indent: 0 !important;}
ul.listDot > li:before {content: "·";font-weight: bold;color: #1d3e94;}
ul.listBar > 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 ) ') ';}

* a{text-decoration: none;color: inherit;}
.intro-body{width: 100%;min-width: 1060px;background-color: #ebecf0;background-repeat: no-repeat;background-position: center 0;background-size: cover;background-image: url('layout/bg_intro.png');}
div.webinarIntro {position: relative;height: 935px;font-family: 'NotoSansKR Regular', sans-serif;}
div.webinarIntro > div.intro {position: absolute;top: 50%;left: 50%;width: 1060px;height: 644px;/* margin:-322px 0 0 -590px; */-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
div.webinarIntro h1 {position: relative;z-index: 1;padding-bottom: 50px;text-align: center;}
.webinarIntro h1:before{display: block;content: '';clear: both;position: absolute;top: -60px;right: -270px;z-index: -1;width: 558px;height: 375px;background-repeat: no-repeat;background-position: center 0;background-image: url('layout/bg_intro_logo.png');}
div.webinarIntro h1 img {display: block;margin-left: 100px;}
.txtUnderline {display: inline-block;box-shadow: inset 0 -8px 0 #ffdee6;}

ul.introBtn, ul.introBtn li {margin: 0;padding: 0;list-style:none;}
ul.introBtn {position: relative;z-index: 1;}
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;}

.intro-footer{position: absolute;bottom: 50px;width: 100%;text-align: center;}

/* 로그인 */
div.loginWrap {position: relative;min-width: 1200px;min-height: 850px;background: url('layout/login_bg.png') right top no-repeat;background-size: cover;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}
div.loginArea {position: absolute;top: 50%;left: 50%;width: 1100px;height: 510px;padding:0 0 0 550px;transform:translate(-50%, -50%);background: #fff url('layout/login_poster.png') left top no-repeat; box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0,.1);}

div.loginArea div.formArea {position: relative;height: 510px;box-sizing:border-box;}

div.loginWrap h1 {}
div.loginWrap h1 img {display: block;margin: 0 auto;}

div.loginArea form {padding: 69px 43px 16px; background: url('layout/login_bg_logo.png') center 32px no-repeat;}
div.loginArea form dt {padding:15px 0 10px;}
div.loginArea form dt label {display: inline-block;vertical-align: top;font-size: 17px;line-height: 17px;color: #222;letter-spacing: -1px;font-family: 'NotoSansKR Bold', sans-serif;}
div.loginArea form dd input {display: block;width: 100%;height: 40px;padding: 0 20px;border: 0 none;box-sizing:border-box;background-color: #f2f2f2;}
div.loginArea form dd input::placeholder {font-size: 15px;color: #828282;font-family: 'NotoSansKR DemiLight', sans-serif;}

div.loginArea div.btn {padding-top: 10px;}
div.loginArea div.btn > * {display: block;width: 100%;height: 40px;border: 0 none;padding: 0;color: #fff;text-align: center;font-size: 18px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;background-color: #bf191e;}


div.loginNote * {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.loginNote {width: 487px;margin: 0 auto;padding: 8px 0 0;font-size: 0;line-height: 0;text-align: center;}
div.loginNote p,
div.loginNote dl {color: #202020;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
div.loginNote p {margin-bottom: 5px;text-align: left;}
div.loginNote dl {overflow: hidden;display: inline-block;vertical-align: top;}
div.loginNote dt, div.loginNote dd,
div.loginNote ul, div.loginNote li {float: left;}
/* div.loginNote dd {width: calc(100% - 85px);} */

div.loginNote dt span {font-family: 'NotoSansKR Bold', sans-serif;}

div.loginNote li {position: relative;padding: 0 20px;text-align: left;}
/* div.loginNote li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 10px;transform:translateY(-50%);content: "";background-color: #e1e1e1;}
div.loginNote li:first-child:before {display: none;} */
div.loginNote li span {color: #bf191e;}


ul.loginUtil, ul.loginUtil * {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.loginUtil {position: absolute;right: 0;bottom: 0;width: 550px;}
ul.loginUtil > li {float: left;width: 50%;}
ul.loginUtil a {display: block;height: 60px;text-align: center;color: #fff;font-size: 18px;line-height: 60px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;background-color: #de4b0a;}
ul.loginUtil li:first-child a {background-color: #bf191e;}

ul.loginNote, ul.loginNote li {margin: 0;padding: 0;list-style:none;}
ul.loginNote {position: absolute;left: -685px;bottom: 0;width: 650px;height: 126px;padding: 22px 65px;background-color: #454545;box-sizing:border-box;}
ul.loginNote li {position: relative;padding-left: 10px;margin-top: 10px;color: #fff;font-size: 14px;line-height: 18px;font-family: 'NotoSansKR Light', sans-serif;}
ul.loginNote li:first-child {margin-top: 0;}
ul.loginNote li:before {position: absolute;left: 0;top: 0;content: "*";}
ul.loginNote a {color: #3bc6f9;font-weight: bold;}


div.siteNote {position:absolute;left: 0;bottom: 17px;width: 550px;padding-left: 71px;box-sizing:border-box;font-size:15px;line-height: 20px;color: #202020;    letter-spacing: -0.5px;}
div.siteNote:before {position: absolute;top: 5px;left: 59px;display: block;content: '*';}

div.siteNote a {display: inline-block;vertical-align: top;border-bottom: 1px solid #1b61e2;color: #1b61e2;text-decoration: none;letter-spacing:-1px;font-family: 'NotoSansKR Regular', sans-serif;}
div.siteNote span {color: #bf191e;}

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

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


/* 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:  'NotoSansKR Regular','Roboto-Regular', sans-serif;font-size: 16px;line-height:1.7;font-weight:300;color: #666;background: #fff;}
div#headerWrap {z-index: 100;position: relative;/* position: absolute;left: 0;top: 0; */width: 100%;border-bottom: 1px solid #ccc;background: url('/asset/layout/header_bg_l.png') left 177px bottom  no-repeat, url('/asset/layout/header_bg_r.png') right top no-repeat, url('layout/header_bg.png') left top repeat-x;}
div#headerWrap > div {position: relative;width: 1300px;height: 95px;margin: 0 auto;}
div#headerWrap h1 {position: absolute;left: 0;top: 23px;width: 201px;height: 44px;margin: 0;}
div#headerWrap h1 a, div#headerWrap h1 img {display: block;height: 100%;}

div.main div#headerWrap {background: none; background-color: #fff;}

ul#gnb {position: absolute;right: 0;top: 56px;margin: 0;padding: 0;}
ul#gnb > li {position: relative;float: left;margin: 0; margin-left: 5px;padding: 0 19px 0 19px;vertical-align: top;list-style:none;}
ul#gnb > li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 13px;margin-top: -6px;counter-reset: ;content: '';background-color: rgba(39,43,75,.25);}
ul#gnb > li:first-child {padding-left: 0; margin-left: 0;}
ul#gnb > li:first-child:before {display: none;}
ul#gnb > li:last-child {padding-right: 0;}
ul#gnb a {display: block;text-decoration: none;color: #000;font-size: 20px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;}
ul#gnb a:hover {color: #bf191e;}
ul#gnb .on a {position: relative;color: #bf191e;}
ul#gnb .on a:after {position: absolute;bottom: -5px;left: 0;width: 100%;height: 2px;background-color: #bf191e;display: block;content: '';}

ul#gnb a.admin {color: #de4b0a;}

div.userInfo {position: absolute;right: 0;top: 16px; font-size:0; line-height: 0;	}
div.userInfo strong {color: #000;font-size:16px; line-height: 24px;font-weight: normal;font-family: 'NotoSansKR DemiLight', sans-serif;box-shadow: inset 0 -10px 0 #fadad3;}
div.userInfo span.btn {margin-left: 5px; padding: 0; font-size:0;}
div.userInfo span.btn a {display: inline-block !important;margin-left: 5px;width: 75px;height:auto;padding: 0;border-radius:2px;background-color: #8d2c2f;border-color: #8d2c2f;text-align: center;color:#fff;font-family: 'NotoSansKR DemiLight', sans-serif;font-size:13px;line-height: 24px;}



ul#quickMenu, ul#quickMenu li, ul#quickMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#quickMenu {z-index: 10;position: fixed;right: 20px;top: 257px !important; width: 70px;}
ul#quickMenu li {position: relative; background-color: #272b4b;}
ul#quickMenu li:first-child {border-radius: 34px 34px 0 0;}
ul#quickMenu li:last-child {border-radius: 0 0 34px 34px;}
ul#quickMenu li:before {position: absolute;top: 0;left: 50%;display: block;width: 50px;height: 1px;margin-left: -25px;background-color: rgba(255,255,255,.2);content: '';}
ul#quickMenu li:first-child:before, ul#quickMenu li:last-child:before {display: none;}
ul#quickMenu a {cursor: pointer;display: table-cell;width: 70px;height: 70px;text-align: center;vertical-align: middle;color: #fff;font-size: 11px;line-height: 12px;font-family: 'NotoSansKR Regular', sans-serif;}
ul#quickMenu img {display: block;margin: 0 auto 5px;}
ul#quickMenu .top,
ul#quickMenu .top a:hover {background-color: #bf191e;}
ul#quickMenu .top a {display: block;height: 40px;color: #fff;font-size: 15px;line-height: 35px;font-family: 'NotoSansKR Medium', sans-serif;}
ul#quickMenu a:hover {background-color: #595c75;}
ul#quickMenu li:first-child a:hover{border-radius: 34px 34px 0 0;}
ul#quickMenu li:last-child a:hover{border-radius: 0 0 34px 34px;}

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

 
div.sponsorZone {background: #fff; border-top: 1px solid #f3f3f3;}
div.sponsorZone > div {position: relative; width: 1300px; margin: 0 auto; padding: 9px 85px 10px; list-style: none; position: relative; box-sizing:border-box;}
div.sponsorZone div ul {margin: 0; padding: 0; list-style: none; font: 0; line-height: 0;	}
div.sponsorZone div ul:after {clear: both; content:''; display: block;}
div.sponsorZone div ul li {float: left; margin-right: 10px;}
div.sponsorZone div ul li:last-child {margin-right: 0;}
div.sponsorZone div ul li a {display: block; width: 180px; height: 50px; box-sizing:border-box;}
div.sponsorZone div ul li a img {display: block;}

div.sponsorZone div div.bx-wrapper {width: 1130px;height: 50px;padding: 0;margin: 0 auto;}
div.sponsorZone div div.bx-wrapper li {width: 180px !important; height: 50px;}
div.sponsorZone div a.bx-prev,
div.sponsorZone div a.bx-next {position: absolute;top: 50%; margin-top: -17px; width: 15px;height: 33px;text-indent: -10000px;background-repeat: no-repeat;}
div.sponsorZone div a.bx-prev {left: 0;background-image: url('layout/spon_prev.png');background-position: left center;}
div.sponsorZone div a.bx-next {right: 0;background-image: url('layout/spon_next.png');background-position: right center;}

div#footerWrap {background-color: #a2a2a2;}

div.footer, div.footer a {font-size: 15px;line-height: 22px;color: #fff;text-decoration: none;font-family: 'NotoSansKR iLight', sans-serif;}
div.footer {position: relative;overflow: hidden;width: 1300px;padding: 20px;margin: 0 auto;color: #fff;text-align: center;box-sizing:border-box;}
div.footer:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.footer p {font-size:14px; line-height: 22px;}
div.footer > ul {margin: 0;padding: 0;list-style: none;font-size: 0;line-height: 0;}
div.footer > ul > li {position: relative;display: inline-block;padding: 0 10px;vertical-align: top;font-size: 14px;line-height: 18px;}
div.footer > ul > li:before {position: absolute;top: 3px;left: 0;width: 1px;height: 12px;background-color: #d0d0d0;display: block;content: '';}
div.footer > ul > li:first-child:before {display: none;}

div.footer dl {font-size: 0;line-height: 0;font-family: 'NotoSansKR Medium', sans-serif;}
div.footer dl  > * {display: inline-block;vertical-align: top;font-size: 14px;line-height: 22px;}
div.footer dl dt {margin: 0 10px 0 0;}
div.footer dl ul {margin: 0; padding: 0;list-style: none;}
div.footer dl li {position: relative; display: inline-block; color: #fff; padding: 0 14px 0 15px;}
div.footer dl li:before {position: absolute; left: 0; top: 50%; content:'';	width: 1px; height: 12px; margin-top: -6px; background-color: #d0d0d0; }
div.footer dl li:first-child {padding-left: 0;}
div.footer dl li:first-child:before {display: none;}
div.footer dl a {color: #fff;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;}

ul.timeInfo, ul.timeInfo li {margin: 0;padding: 0;list-style: none;}
ul.timeInfo {}
ul.timeInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.timeInfo > li {float: right;width: 140px;margin: 0;padding: 0;font-family: 'Digital-7Mono', sans-serif;color: #000;font-size: 40px;line-height: 50px;text-align: center;height: 150px;background-color: #efefef;}
ul.timeInfo > li:first-child {float: left;background-color: #fff;}
ul.timeInfo li {width: 140px;height: 150px;text-align: center;}
ul.timeInfo li.time:before,
ul.timeInfo li a {display: block;font-size: 15px;line-height: 18px;color: #004e8d;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}

ul.timeInfo li.time:before {padding: 25px 0 15px;}
ul.timeInfo li a {padding: 25px 0;}

ul.timeInfo img {display: block;margin: 0 auto 13px;}
ul.timeInfo li.time:before {display: block;content: "Local Time";}


div#ebooth + #goTop {display:none !important;}
div.session p#goTop{margin-left: 750px; !important;}
 

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

div#container  {position: relative; ;}
 
.pageTit {width: 1300px;margin: 0 auto 0;padding: 25px 0 10px 24px;background: url('/asset/layout/pageTit_bl.png') left top 32px no-repeat;letter-spacing: -1px;color: #252525;font-size: 24px;line-height: 30px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}

div.content {position: relative;width: 1300px;margin: 0 auto;padding-bottom: 60px;}

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

div.contents {width: 1300px;padding-bottom: 100px;margin: 0 auto;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.contents.ebooth{width:1400px;padding:190px 0 60px 0px}
 
.subTit {margin: 50px 0 4px;color: #f5a51e;font-size: 20px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}
.subTit:first-child {margin-top: 0;}

ul.subMenu, ul.subMenu li, ul.subMenu a {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {text-align: center;font-size: 0;line-height: 0;}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu > li {display: inline-block;vertical-align: top;width: 270px;}

ul.subMenu a {padding: 12px 15px;font-size: 17px;line-height: 30px;border: 1px solid #25468b;border-left: 0 none;font-family:  'NotoSansKR Regular', sans-serif;color: #25468b;text-align: center;background-color: #fff;}
ul.subMenu > li:first-child a {border-left: 1px solid #25468b;}
ul.subMenu li.on a {font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;border-color: #25468b;background-color: #25468b;color: #fff;}
ul.subMenu .on a:focus,
ul.subMenu .on a:hover{color:#fff;font-weight: normal;}
ul.subMenu > li a:focus,
ul.subMenu > li a:hover{ color: #36545e; font-weight: 500; }
ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding:14px 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;}
ul.subMenu > li a img{    vertical-align: middle;}

ul.bdMenu, ul.bdMenu li, ul.bdMenu a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.bdMenu {position: relative;margin: 20px 0;}
ul.bdMenu:before {position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 1px;background-color: #bf191e;content: '';}
ul.bdMenu:after {display: block;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}
ul.bdMenu li {float: left;width: 220px;box-sizing:border-box;}
ul.bdMenu li:first-child a {border-left: 1px solid #d0d0d1;}
ul.bdMenu li a {padding: 10px;border-top: 1px solid #d0d0d1; border-right: 1px solid #d0d0d1;background-color: #fff;color: #d0d0d1;text-align: center;font-size: 18px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.bdMenu li.on {position: relative;z-index: 5;}
ul.bdMenu li.on a {padding: 8px 10px 10px;border-left: 1px solid #bf191e;border-right: 1px solid #bf191e;border-top: 3px solid #bf191e;color: #bf191e;}

ul.col2ea > li {width: 50%;}

ul.col3ea > li {width:25% !important;}
/* ul.col3ea > li:nth-child(3n+1) {clear: both;width: 33.4% !important;} */
ul.col4ea > li {width: 25%;}
ul.col5ea > li {width: 20%;}

ul.col6ea > li {width: 16.7%;}
ul.col6ea > li:nth-child(6n+1) {width: 16.5%;}


ul.col7ea > li {width: 14.3%;}
ul.col7ea > li:nth-child(7n+1) {clear: both;width: 14.2%;}

/* ebooth */
dl.ebooth, dl.ebooth dt, dl.ebooth dd,dl.ebooth ul, dl.ebooth li {margin: 0;padding: 0;list-style:none;}
dl.ebooth {width: 1300px;margin: 0 auto;}
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:first-child{    padding-top: 28px;} 
dl.ebooth dt{/*background: url('layout/booth_titBg_l.png') 0 0 no-repeat, url('layout/booth_titBg_r.png') right top no-repeat;*/ text-align: center;color: #fff;line-height:46px; font-family: 'NotoSansKR Medium', sans-serif; font-size:22px;}
dl.ebooth.diamond dt{background: url('ebooth/gradeTit_01.png') left top no-repeat;}
dl.ebooth.diamond img{width: 100%;}
dl.ebooth.platinum dt{background: url('ebooth/gradeTit_02.png') left top no-repeat;}
dl.ebooth.platinum img{width: 95%;}

dl.ebooth.gold{float:left; width:650px;}
dl.ebooth.gold:after{clear: both; content:''; display: block;}
dl.ebooth.gold dt{background: url('ebooth/gradeTit_03.png') left top no-repeat;}
dl.ebooth.gold img{width: 85%;}

dl.ebooth.gold2{float:right; width:650px;}
dl.ebooth.gold2:after{clear: both; content:''; display: block;}
dl.ebooth.gold2 dt{background: url('ebooth/gradeTit_04.png') left top no-repeat;}
dl.ebooth.gold2 dd img{width: 85%;}

dl.ebooth.silver{clear: both;}
dl.ebooth.silver dt{background: url('ebooth/gradeTit_05.png') left top no-repeat;}
dl.ebooth.silver img{width: 85%;}
dl.ebooth.bronze dt{background: url('ebooth/gradeTit_06.png') left top no-repeat;}
dl.ebooth.bronze img{width: 80%;}
dl.ebooth.normal dt{background: url('ebooth/gradeTit_07.png') left top no-repeat;}

dl.ebooth ul {text-align: center;font-size: 0;line-height: 0;}
dl.ebooth li {display: inline-block;vertical-align: top; padding:0 0;}

dl.ebooth ul.bnr2ea li {width:30%;}
dl.ebooth ul.bnr2ea li:first-child{padding-left: 0;}
dl.ebooth ul.bnr3ea li {width:30%;}
dl.ebooth ul.bnr3ea li:nth-child(3n+1) {padding-left: 0;}

dl.ebooth ul.bnr4ea li {padding:45px 0 45px 45px;}
dl.ebooth ul.bnr4ea li:nth-child(4n+1) {padding-left: 0;}
dl.ebooth ul.bnr6ea{width:1200px;margin:0 auto;}
dl.ebooth ul.bnr6ea li {float:left;width:240px;padding:15px 0 10px 40px;}
dl.ebooth ul.bnr6ea li:nth-child(5n+1) { }
dl.ebooth ul.bnr6ea:after{clear:both;content:''; display: block;}

 
div.contents.ebooth.gold2{}

div.contents {width: 1300px;padding-bottom: 50px;margin: 0 auto;font-size: 15px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}
div.contents.ebooth{width:1400px;padding:190px 0 60px 0px}
 
.subTit {margin: 50px 0 10px;padding: 0 40px;color: #222;font-size: 18px;line-height: 55px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;background-color: #fcf4cb;}
.subTit:first-child {margin-top: 0;}


ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu > li {float: left;text-align:center;width:33.3%;}
ul.subMenu li a {display:table-cell;width:800px;height: 50px;text-align: center;vertical-align: middle;padding: 0 10px;color: #374b6c; background-color: #e8ecf2;font-size: 18px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;text-decoration:none; border-radius: 3px;}
ul.subMenu li.on a {background-color: #af3136; color: #fff;}

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

ul.col2ea > li {width: 50%;}

ul.col3ea > li {width:25% !important;}
/* ul.col3ea > li:nth-child(3n+1) {clear: both;width: 33.4% !important;} */
ul.col4ea > li {width: 25%;}
ul.col5ea > li {width: 20%;}

ul.col6ea > li {width: 16.7%;}
ul.col6ea > li:nth-child(6n+1) {width: 16.5%;}


ul.col7ea > li {width: 14.3%;}
ul.col7ea > li:nth-child(7n+1) {clear: both;width: 14.2%;}


/* .txtUnderline {box-shadow: inset 0 -8px 0 #aae4f1;padding: 0 2px;} */



/* 메인 */
div.wrapper.main ul#quickMenu {display: none;}
div#container.main {background: url('/asset/layout/mainBg.png') center top no-repeat;background-size: 100% 100%; }

div.main div.titArea {display: none;}
div.main div.content {padding: 0;}
div.main h3 {padding: 85px 0 40px 93px;}
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;height: 230px;padding: 18px;background: linear-gradient(to right, #ad2b2f, #de4b0a, #ed862a);border-radius:115px;box-sizing:border-box;}
ul.mainMenu:after {display: block;clear: both;content: '';font-size: 0;line-height: 0;}
ul.mainMenu > li {float: left;width: 300px;height: 194px;margin-left: 20px;border-radius: 97px;background-color: rgba(255,255,255,.1);text-align: center;}
ul.mainMenu > li:first-child {width: 622px;margin-left: 0;}
ul.mainMenu > li > a {display: block;width: 100%;height: 100%;padding: 54px 0 56px;font-size: 28px;line-height: 30px;letter-spacing: -0.5px;color: #fff;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}
ul.mainMenu > li > a img {position: relative;display: block;margin: 0 auto 10px;}
ul.mainMenu li a:hover {position: relative;color: #ece86e;}
ul.mainMenu li a:hover:after {position: absolute;top: 54px;left: 50%;display: block;width: 57px;height: 46px;margin-left: -28.5px;background-repeat: no-repeat;background-position: 0 0;content: '';}

ul.mainMenu li:nth-child(1) a:hover:after {background-image: url('/asset/layout/mainMenu_ov_01.png');}
ul.mainMenu li:nth-child(2) a:hover:after {background-image: url('/asset/layout/mainMenu_ov_02.png');}
ul.mainMenu li:nth-child(3) a:hover:after {background-image: url('/asset/layout/mainMenu_ov_03.png');}

ul.mainUtil, ul.mainUtil li, ul.mainUtil a, ul.mainUtil img {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.mainUtil {margin-top: 30px;font-size: 0;line-height: 0;text-align: center;}
ul.mainUtil li {position: relative;display: inline-block;padding: 0 45px;vertical-align: top;}
ul.mainUtil li:before {position: absolute;top: 50%;left: 0;display: block;width: 4px;height: 4px;margin-top: -2px;border-radius: 50%;background-color: #9e8b8b;content: '';}
ul.mainUtil li:first-child:before {display: none;}
ul.mainUtil a {position: relative;padding: 0 10px;font-size: 18px;line-height: 25px;color: #444;font-family: 'NotoSansKR Medium', sans-serif;}
ul.mainUtil a:before {position: absolute;display: block;bottom: 0;left: 0;width: 100%;height: 15px;border-radius: 7px;background-color: rgba(113,113,113,.14);content: '';}
ul.mainUtil img {display: inline-block;vertical-align: top;margin-right: 5px;}

/* mainUtil 하단 여백 추가 - 23.12.07 박민지 */
ul.mainUtil.padding{padding-bottom: 50px;}

/* 레이어 팝업 */
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: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}
div.layerPopup .close {position: absolute;right: 25px;top: 20px;width: 40px;height: 40px;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 {position: relative;}

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: 30;position: fixed;left: 0;bottom: 0px;width:100%; height:50px !important;  padding: 14px  88px 10px 100px;background-color:#0c2a55;box-sizing:border-box;color: #fff;opacity: 0;}
dl.introBbs dt {position: absolute;left: 25px;top: 15px;color: #ffe500;font-size: 18px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
dl.introBbs dd.close {display: none;position: absolute;right: 25px;top: 18px;width: 22px;height: 22px;}

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: 'NotoSansKR Regular', 'NotoSansKR DemiLight', sans-serif;font-size: 17px;}
dl.introBbs li a:hover{ color: #ffe500;}





/* 팝업 > 공지 */
#popupBbs {width: 1300px;height: 750px;box-sizing:border-box;}
#popupBbs div.popupCon {overflow: hidden;height: 750px;padding-right: 430px;border: 3px solid #272b4b;background-color: #fff;}

#popupBbs dl.bbsCon {height: 750px;box-sizing:border-box;}
#popupBbs dl.bbsCon > dt {position: relative;display: table-cell;width: 704px;vertical-align: middle;height: 87px;padding: 10px 155px 0 40px;color: #fff; background-color: #272b4b; font-size: 19px;line-height: 22px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}
#popupBbs dl.bbsCon > dt span {position: absolute;right: 40px;bottom:35px;color: #fff;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
 
#popupBbs dl.bbsCon > dd {height: 613px;margin: 0;padding: 20px 40px;}

#popupBbs div.bbsList {position: absolute;right: 3px;top: 3px;width: 430px;height: 100%;padding: 110px 40px 36px;background-color: #f0f2f8;box-sizing:border-box;}
#popupBbs div.bbsList:before {position: absolute;left: 40px;top: 52px;width: calc(100% - 80px);padding-bottom: 13px;border-bottom: 2px solid #272b4b;color: #272b4b;content: "공지사항";font-size: 20px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}
#popupBbs p.count {position: absolute;right: 40px;top: 60px;margin: 0;color: #272b4b;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
#popupBbs p.count span {color: #cc1f4c;}

#popupBbs div.bbsList ul {overflow-x: hidden;overflow-y: auto;height: 624px;margin: 0;padding: 0;counter-reset:num 0;}
#popupBbs div.bbsList li {border-bottom: 1px solid #a6adc3;list-style:none;}
#popupBbs div.bbsList li a:hover {background-color: #dee0e7;}
#popupBbs div.bbsList li a {position: relative;display: block;cursor: pointer;padding:27px 20px 27px  52px;text-decoration: none;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #222;font-size: 16px;line-height: 24px;}
#popupBbs div.bbsList li a:before {position: absolute;left: 0;top: 50%;width: 52px;margin-top: -10px;text-align: center;counter-increment:num 1;content: '' counter( num );color: #272b4b;font-size: 15px;line-height: 20px; font-weight: bold;}

#popupBbs div.bbsList li.on a {background-color: #dee0e7; color: #000d52;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif; text-decoration: underline;}

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

#popupBbs .close {position: absolute;top: 0;right: 0;width: 43px;height: 43px;background-color: #272b4b  ;cursor: pointer;;}
#popupBbs .close a {display: block;padding: 10px;}

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: 'NotoSansKR Bold', 'NotoSansKR Bold', 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: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;word-break: keep-all;}
dl.notice dd li > span {display: block;color: #333;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}




/* 팝업 > FAQ */
div#popupFaq {width: 800px;height: 400px;background-color: #fff;box-sizing: border-box;}
div#popupFaq h1 {padding: 15px 40px;background: #272b4b; color: #fff;font-size: 24px;line-height: 30px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}
div#popupFaq div.popupCon {padding-bottom: 20px;}
div#popupFaq div.popupCon > p {margin: 0 0 20px;text-align: center;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div#popupFaq div.popupCon > p.left{float: left;text-align: center;font-size: 16px;}
div#popupFaq div.popupCon > p.right{float: right;text-align: center;font-size: 16px;}
div#popupFaq div.scrollArea { height: 400px;clear:both;padding: 20px 30px;}
div#popupFaq .close {position: absolute;top: 17px;right: 20px; cursor: pointer;}
div#popupFaq .close a,
div#popupFaq .close img {display: block;}
a.conLink {display: inline-block;border-bottom: 1px solid #1b61e2;color: #1b61e2;text-decoration: none;}

dl.faqInfo {margin: 0;padding: 12px 0;background-color: #4b56ac;font-size: 0;line-height: 0;text-align: left;}
dl.faqInfo > * {display: inline-block;vertical-align: top;}
dl.faqInfo dt {font-size:18px;line-height: 26px; color: #fff;font-family:'NotoSansKR Bold',sans-serif;}
dl.faqInfo dd ul {margin: 0;padding: 0;list-style: none;}
dl.faqInfo dd ul li {position: relative;padding: 0 0px 0 15px;display: inline-block;vertical-align: top;color: #fff;font-size:16px;line-height: 22px;font-family: 'NotoSansKR DemiLight', sans-serif;}
/* dl.faqInfo dd ul li:before {position: absolute; left: 0; top: 50%; width: 1px; height: 11px; margin-top: -5px; content:''; background-color: #fff;} */
dl.faqInfo dd ul li:first-child:before {display: none;}
dl.faqInfo dd ul li a {color: #fff;}

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-bottom: 1px solid #ccc;font-size: 15px;line-height: 23px;color: #000;font-family: 'NotoSansKR Regular', sans-serif;font-weight:400;}
dl.faq:first-child {border-top: 2px solid #000000;}
dl.faq dt a {text-align: left;position: relative;display: block;padding:17px 80px 17px 70px;text-decoration: none;font-size: 16px;line-height: 21px;color: #111;font-family: 'NotoSansKR Medium', sans-serif;font-weight:400;}
dl.faq dt span {position: absolute;left: 20px;top: 11px;width: 30px;height: 21px;padding: 5px 0 4px;border-radius:15px;text-align: center;font-family: 'Roboto-Medium', sans-serif;background-color: #212b75;color: #fff;font-size: 15px;}
dl.faq a.trigger:before {position: absolute;left: 20px;top: 12px;width: 30px;height: 21px;padding: 5px 0 4px;border-radius:15px;text-align: center;font-family: 'Montserrat-SemiBold', sans-serif;background-color: #2d2d2d;color: #fff;font-size: 20px;content: "Q";}
dl.faq dt a:after {position: absolute;right: 30px;top: 50%;width: 17px;height: 9px;margin: -5px;content: "";background: url('layout/toggle.png') center center no-repeat;}
/* dl.faq dt.view {background-color: #f1f2f8;}
dl.faq dt.view a {color: #212b75;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;} */
dl.faq dt.view a:after {transform:rotate(180deg);} 

dl.faq > dd.toggleCon {text-align: left;position: relative;padding: 25px 25px 25px 65px;border-top: 1px solid #ccc;background-color: #f7f7f7;word-break: keep-all;line-height: 22px;}
dl.faq > dd.toggleCon:before {position: absolute;left: 20px;top: 20px;width: 30px;height: 21px;padding: 5px 0 4px;border-radius:15px;text-align: center;font-family: 'Montserrat-SemiBold', sans-serif;background-color: #838383;color: #fff;font-size: 20px;content: "A";}

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

dl.faq table.tblDef {border-top-color: #000;}
dl.faq table.tblDef th, dl.faq table.tblDef td {padding: 5px;border-left: 1px solid #cbcbcb;font-size: 13px;font-family: 'Roboto-Regular', 'NotoSansKR 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: #f1f1f1;border-left: 0 none;  }
dl.faq dd 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;}



/* 팝업 > 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: 'NotoSansKR Medium', 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: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;color: #141a5b;}

div#popupQna dt {padding-bottom: 15px;color: #bc1139;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', 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: 'NotoSansKR Light', 'NotoSansKR 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: 'NotoSansKR Bold', 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: 'NotoSansKR Medium', 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: 'NotoSansKR Bold', 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: 'NotoSansKR Medium', 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: 'NotoSansKR Medium', 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: 'NotoSansKR Bold', 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: 'NotoSansKR Medium', sans-serif;}
div#popupDownload div.popupCon > a img{display: block;margin: 0 auto 17px;}
div#popupDownload .close {position: absolute;top: 36px;right: 50px;}


/* 팝압 > 기술지원문의 */

div#popupTech {width: 850px;height: 510px;background-color: #fff;box-sizing:border-box;cursor: pointer;}
div#popupTech > .close {position: absolute;right: 40px;top:20px; width: 22px; height: 22px;margin: 0;padding: 0;}
div#popupTech h1 {padding: 0 40px;background-color: #272b4b;color: #fff;font-size: 24px;line-height: 60px;font-family: sans-serif;font-weight: normal;font-family:'NotoSansKR Medium', sans-serif; }
div#popupTech div.popupCon {padding:19px 40px 10px;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;font-size: 16px;}
div#popupTech h2 {font-size:20px;line-height: 26px;color:#000;font-family:'NotoSansKR Medium', sans-serif;border-bottom: 2px solid #000;padding-bottom: 10px;font-weight: normal;}

div#popupTech div.contact {padding: 20px 0 11px 135px;background: url('/asset/layout/contact_bg.png') left 35px  center no-repeat;}
div#popupTech div.contact p {color: #343434;font-size:16px;line-height: 26px;font-family:'NotoSansKR Regular', sans-serif;letter-spacing: -1px;}

/* div#popupTech div.contact dl {position:relative; padding-left: 77px;} */
div#popupTech div.contact dl dt {position:relative; left:0;top:0px;;height: 27px;font-size:16px;line-height: 27px;font-family:'NotoSansKR Bold', sans-serif; letter-spacing: -0.5px;}
div#popupTech div.contact dl dd ul {margin: 0; padding: 0; list-style: none;}
div#popupTech div.contact dl dd ul:after {clear: both; content:''; display: block;}
div#popupTech div.contact dl dd ul li {float: left; position:relative; padding: 0 7px;margin: 0;font-size:16px; line-height: 27px; font-family:'NotoSansKR DemiLight', sans-serif;}
div#popupTech div.contact dl dd ul li:before {position:absolute; left:0; top:7px; content:''; width:1px; height:12px;background-color: #d0d0d0;}
div#popupTech div.contact dl dd ul li:first-child:before {display: none;	}
div#popupTech div.contact dl dd ul li:first-child {padding-left: 0;}
div#popupTech div.contact span {box-shadow: none;color: #bf191e;font-weight: normal;font-family: 'NotoSansKR Regular', sans-serif;}
div#popupTech div.contact dl dd ul li a {color:#343434;border-bottom: 0 none;}
div#popupTech div.contact dl dd {margin-bottom: 5px;}	

div#popupTech dl.inputArea {overflow: hidden;padding-bottom: 5px;}
div#popupTech dl.inputArea > * {float: left;}
div#popupTech dl.inputArea dt {display: none;}
div#popupTech dl.inputArea dd {width: 325px;margin-left: 5px;}
div#popupTech dl.inputArea dd:first-of-type {margin-left: 0;}
div#popupTech dl.inputArea input[type=text] {width: 319px;height: 40px;padding: 0 15px;background-color: #f2f3f6;border: 0 none;box-sizing:border-box;font-family:'NotoSansKR DemiLight', sans-serif;}
div#popupTech dl.inputArea input[type=text]::placeholder {color: #a5a5a5;}


div#popupTech  div.formArea {position:relative;padding-bottom: 23px;border-bottom: 1px solid #c3c3c3;}
div#popupTech  div.formArea textarea {float: left;width: 650px;height: 80px; border: 0; background-color: #f2f3f6; padding: 15px; font-size:15px; line-height: 22px; font-family: 'NotoSansKR DemiLight', sans-serif;box-sizing:border-box;}
div#popupTech  div.formArea textarea::placeholder {color:#a5a5a5;}
div#popupTech  div.formArea input[type=submit] {position: absolute;bottom: 23px;right: 0;width: 113px; height: 125px; border: none; background-color: #272b4b; cursor: pointer; color:#fff; font-size:17px; font-family: 'NotoSansKR Regular', sans-serif;}



/* 인사말 */
div.message {padding: 50px 0;color: #222;font-size: 15px;line-height: 27px;font-family: 'NotoSansKR Regular', sans-serif;}
div.message > * {margin: 25px 0 0;}
div.message > *:first-child {margin-top: 0;}

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

div.support h1{  text-align: center;color: #fff; padding: 10px 0px;background: #003788;}

/* Virtual Congress*/
div.session #container {background: url('layout/room_bg_721.png') center bottom no-repeat;background-size: cover;}
div.session .titArea {display: none;}

div.virtual {min-height: 500px;margin: 0 auto;}

div.virtual h3 {margin: 0;padding: 60px 0 20px;text-align: center;font-weight: normal;color: #fff;font-size: 24px;line-height: 24px;font-family: 'NotoSansKR Medium', sans-serif;}
div.virtual h3 span {display: inline-block;vertical-align: top;margin-top: -4px;color: #fefd85;font-size: 38px;font-family: 'NotoSansKR Bold', sans-serif;}
div.virtual h3 + p {width: 275px;margin: 0 auto;text-align: center;color: #fff;font-size: 17px;line-height: 37px;font-family: 'NotoSansKR DemiLight', sans-serif;background-color: #292741;}

div.virtual div.note {position: relative; display: table-cell;width: 1400px;height: 170px;vertical-align: middle;text-align: center;margin-bottom: 10px; background: none;line-height: 24px;}
div.virtual div.note div {font-size: 17px;color: #fff;}
div.virtual div.note strong {display: block;color: #ffec4b !important;font-size: 24px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}

div.virtual ul.timeInfo {position: absolute;right: 0;top: 20px;width: 326px;}
div.virtual ul.timeInfo li {width: 158px;height: auto;padding: 5px 0;background-color: #e1e4ee;vertical-align: middle;}
div.virtual ul.timeInfo li:first-child {background-color: #faf1e7;}
div.virtual ul.timeInfo span,
div.virtual ul.timeInfo a {display: block;font-size: 15px;line-height: 18px;color: #004e8d;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
div.virtual ul.timeInfo span {display: table-cell;width: 158px;height: 40px;vertical-align: middle;}


div.timeInfo {}
div.timeInfo {position: absolute;left: 50%;top: 70px;width: 140px;margin: 0 0 0 508px;border-radius: 25px;padding: 0;border: 1px solid rgba(255,255,255,.68);font-family: 'Digital-7Mono', sans-serif;color: #fff;font-size: 40px;line-height: 50px;text-align: center;}
div.timeInfo:after {position: absolute;right: 0;top: 0;width: 100%;text-align: center;animation-duration:1s;animation-name:flicker; animation-iteration-count: infinite;font-family: 'Digital-7Mono', sans-serif;color: #fff;font-size: 38px;line-height: 50px;content: ":";}
@keyframes flicker {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}

div.roomList {text-align: center; padding:53px 0 5px;}
div.room {display: inline-block; width: 600px;margin: 24px 0 0 24px;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.15);}
div.room:nth-child(2n+1) {clear: both;margin-left: 0;}
div.room:nth-child(-n+2) {margin-top: 0;}

dl.roomBrief, dl.roomBrief dt, dl.roomBrief dd {margin: 0;padding: 0;}
dl.roomBrief {position: relative;padding: 12px 85px 12px 15px;background-color: #4856a1;    min-height: 94px;}
dl.roomBrief dt {color: #fff; text-align: left; height: 94px; box-sizing:border-box;}

dl.roomBrief dt span {display: block;}
dl.roomBrief dt span.channel {font-size: 15px;line-height: 18px; color: #00ffff; font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif; margin-bottom: 7px;}
dl.roomBrief dt span.name {overflow-x:hidden; overflow-y:auto; font-size: 16px;line-height: 23px;font-weight: normal;font-family: 'NotoSansKR Medium','NotoSansKR Medium', sans-serif;word-break: keep-all; height: 46px;}
dl.roomBrief dt span.name::-webkit-scrollbar {width:10px;}
dl.roomBrief dt span.name::-webkit-scrollbar-track {background-color: #c4c4c4;}
dl.roomBrief dt span.name::-webkit-scrollbar-thumb {background-color: #585a65;}

dl.roomBrief dt span.date {margin-top: 5px; font-size: 14px;line-height: 18px;font-family: 'NotoSansKR Light', 'NotoSansKR DemiLight', sans-serif;}
dl.roomBrief dd {position: absolute;top: 0;right: 0; height: 100%;}
dl.roomBrief dd a.btnEnter {display: block;width: 84px; height: 100%; padding: 35px 5px 0; vertical-align: middle; background: rgba(255,255,255,0.3);text-decoration: none;text-align: center;font-size: 17px;line-height: 25px;color: #fff; box-sizing:border-box;}
dl.roomBrief dd a.btnEnter:after {margin-top: 5px; content:''; display: block; vertical-align: top; width: 74px; height: 6px; background: url('layout/icon_arrow.png') no-repeat center top;}
dl.roomBrief dd a.btnEnter:hover {background-color: rgba(0,0,0,0.3);}

dl.session, dl.session dt, dl.session dd, dl.session ul, dl.session li, dl.session img, dl.session span {display: block;margin: 0;padding: 0;list-style: none;}
dl.session {overflow-y:auto; overflow-x:hidden; height: 440px;}
dl.session::-webkit-scrollbar {width:10px;}
dl.session::-webkit-scrollbar-track {background-color: #c4c4c4;}
dl.session::-webkit-scrollbar-thumb {background-color: #585a65;}

dl.session dt, dl.session dd.chairs {color: #4a4949; padding: 15px; background-color: #eee; text-align: left; font-size:15px; line-height: 21px;    word-break: keep-all;}
dl.session dt {padding-bottom: 0;}
dl.session dd.chairs { font-family:'NotoSansKR Medium','NotoSansKR Medium', sans-serif;}


dl.session ul {padding: 15px;}
dl.session li {position: relative;padding: 15px 10px; box-sizing:border-box; text-align: left; border-top: 1px solid #ccc;}
dl.session li:first-child {border-top: 0; padding-top: 0;}
dl.session li:last-child {padding-bottom: 0;}
dl.session li span.time {color: #4c4c4c;font-size: 14px;line-height: 16px; margin-bottom: 4px;}
dl.session li span.tit {color: #2e439e;font-size: 15px;line-height: 18px;word-break: keep-all;}
dl.session li span.info {margin-top: 8px;color: #000;font-size: 14px;line-height: 14px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.session dd.sessionInfo {overflow-x: hidden;overflow-y: scroll;height: 392px; padding-bottom: 5px; box-sizing:border-box;}
dl.session dd.sessionInfo::-webkit-scrollbar {width:10px;}
dl.session dd.sessionInfo::-webkit-scrollbar-track {background-color: #c4c4c4;}
dl.session dd.sessionInfo::-webkit-scrollbar-thumb {background-color: #585a65;}





/* 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: 'NotoSansKR 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: -330px 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 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;}

#popupAwards ul.awards li {width: 141px;padding: 17px 0 0 8px;}
#popupAwards ul.awards > li:nth-child(5n+1) {padding-left: 17px;}
#popupAwards ul.awards > li:nth-child(8n+1) {padding-left: 0;}

#popupAwards ul.awards li > span {height: 32px;padding: 25px 8px 10px;font-size: 15px;line-height: 16px;}

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





/* Program */
div.program {position: relative;padding: 10px 0 10px;}
div.program div.btn a:hover{    background-color: #0c469c !important;    border-color: #0c469c !important; }
div.program div.note {position: absolute;right: 0; top: 95px;text-align: right;color: #cc1f4c;font-size: 14px;     background: none;font-family: 'NotoSansKR Regular', sans-serif;}
div.program div.note a {display: inline-block;width: 180px;text-decoration: none;color: #fff;background-color: #c7006e;text-align: center;  margin-left: 5px; padding: 6px  2px;}
div.program div.note a:hover{background-color: #cc1f4c;}

div.program ul.subMenu {margin-bottom: 20px;}
 
div.program div.pag{  position: fixed;left: 0;  top: 50%;z-index: 999;}
 div.program ul.vod{margin: 14px 0; }
div.program ul.vod li{list-style: none; font-size: 16px;}
table.program, table.program > thead, table.program > tbody, table.program > tfoot, table.program > * > tr, table.program * > tr > * {margin:0;padding:0;border:0 none;}
table.program {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.program {border-collapse:collapse;}
table.program > * > tr > * {font-weight:normal;word-break:normal;}

/* Program */
table.program {margin:0;padding:0; width:100%; border-top:2px solid #222;border-collapse:separate; border-spacing:0;} 
table.program > * > tr > td {position: relative;padding: 10px 20px !important; border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;text-align: left; color: #333;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;}
table.program > * > tr > td:first-child {border-left: 0 none;}

table.program tr.session > * {background-color: #fbedee;font-family:'NotoSansKR Bold',sans-serif;}
table.program tr.bg > * {background-color: #edf5fb;}
table.program td.time {text-align: center;font-size: 16px;color: #333;}
table.program tr.session td.time,
table.program tr.bg td.time {font-family:'NotoSansKR Bold',sans-serif;color: #000;}
table.program a.onAir {position: absolute;top: 50%;right: 20px;display: block; background-color: #bf191e;padding: 5px 0;width: 80px;transform: translateY(-50%);border-radius: 13px;color: #fff; font-size:12px; line-height: 15px;font-family:'NotoSansKR Medium',sans-serif;text-align: center;text-transform: uppercase;}
table.program a.onAir:before {display: inline-block;vertical-align: top;width: 15px;height: 15px;margin-right: 5px;border-radius: 50%;background: url('layout/icon_onair.png') center center no-repeat;content: '';}
table.program td.lecture {position: relative; padding-right: 170px;}
table.program td.lecture span.file {position: absolute; right:20px; top: 50%; transform:translateY(-50%);font-size: 0;line-height: 0;}
table.program td.lecture span.file a {display: inline-block;vertical-align: top;margin-left: 5px;padding: 5px 10px;border-radius: 2px;background-color: #626262;text-align: center;color: #fff;font-size: 12px;line-height: 15px;}
table.program td.lecture span.file a:first-child {margin-left: 0;}
table.program td.lecture span.file img {display: inline-block;vertical-align: top; margin: 2px 5px 0 0;}
table.program td.speaker {color: #000000;font-size: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;}

div.program ul.tabMenu, div.program ul.tabMenu li, div.program ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.program ul.tabMenu {text-align: center;}
div.program ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.program ul.tabMenu > li {float:none; display: inline-block; text-align:center;width:135px; margin-left: 10px;}
div.program ul.tabMenu > li:frist-child {margin-left: 0;}
div.program ul.tabMenu li a {display:block;width:auto;padding: 11px 0 12px; border: 1px solid #be406a; color: #be406a; background-color: #f8ecf0;font-size: 15px;line-height: 25px;font-family: 'NotoSansKR DemiLight', sans-serif;text-decoration:none; border-radius: 3px;}
div.program ul.tabMenu li.on a {background-color: #be406a; border-color: #be406a; color: #fff;}

div.program div.tabCon {margin-top: 30px; padding: 0;}
div.program .dayTit {margin: 25px 0 10px;padding: 0 0 0 23px;background: url('/asset/layout/subTit_bl.png') left center no-repeat; color: #000; font-size: 18px;line-height: 55px; font-family: 'NotoSansKR Medium', sans-serif; font-weight: normal;}
div.program .dayTit:first-child {margin-top: 0;}
div.program .dayTit span {padding: 0 5px; box-shadow: inset 0 -13px 0 #fffaad;}

/* table.program td.typeA {background-color: #deebf7;} 
table.program td.typeB {background-color: #fff2cc;} 
table.program td.typeC {background-color: #fbe5d6;} 
table.program td.typeD {background-color: #d6dce5;} 
table.program td.typeE {background-color: #dfd6ed;} 
table.program td.typeF {background-color: #FFE1CC;} 

table.program tr td {padding:14px 10px;}

table.program td.pgtitle {position: relative;text-align: left !important; font-weight: bold;}
table.program a.vod {position: absolute;top: 50%;transform: translateY(-50%);right: 12px;width: 51px;height: 25px;text-align: center;background-color: #c23f11;color: #fff;line-height: 25px;font-size: 13px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}

table.program span {display:block; text-align:right !important;margin-top:10px;}

a.onair {display: block;width: 120px;height: 36px;margin: 11px auto 0;border-radius: 18px;font-size: 0;line-height: 0;background-color: #fff;background-position: center center;background-repeat: no-repeat;animation-duration:1s;animation-name:onair; animation-iteration-count: infinite;}
@keyframes onair {
	0% {background-image: url('/asset/layout/icon_onair.png');}
	50% {background-image: url('/asset/layout/icon_onair_on.png');}
	100% {background-image: url('/asset/layout/icon_onair.png');}
}
table.program.info{} */


/* E-poster*/
div.poster{position: relative;  margin-top: 40px;}
div.poster ul.subMenu {padding-bottom: 30px;padding: 0 245px;}
div.poster ul.subMenu li{width:33.3%;}
div.poster ul.subMenu li a{}

/* E-Session */
div.session {}
div.session ul.subMenu {padding-bottom: 30px;padding: 0 245px;}
div.session ul.subMenu li{width:33.3%;}
div.session ul.subMenu li a{}
div.searchArea { }
div.searchArea form {padding-top: 20px;font-size: 0;line-height: 0;text-align: right;    display: inline-block;float: right;}
div.searchArea input[type=text] {width: 273px;height: 44px;border: 1px solid #c0c0c0;padding: 0 10px 0 60px;box-sizing:border-box;font-size: 15px;line-height: 20px;background: #fff url('layout/icon_search.png') 18px center no-repeat;}
div.searchArea span.btn > * {width: 90px;height: 44px;padding: 0;border-color: #272b4b;background-color: #272b4b;color: #fff;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}
div.searchArea span.btn:hover > *  {border-color: #be406a;background-color: #be406a;color: #ffffff;}
ul.sort, ul.sort li, ul.sort a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
ul.sort {position: relative;padding: 10px 20px 10px 20px;background-color: #e8e8e8;}
ul.sort:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.sort > li {position: relative;float: left;padding:5px 13px 0px 13px;}
ul.sort > li:before {position: absolute;left: 0;top: 50%;width: 1px;height:14px;margin-top: -7px;content: "";background-color: rgba(39,43,75,.5);}
ul.sort > li:first-child:before,
ul.sort > li.clear:before {display: none;}
ul.sort > li > a { font-weight: 300;display: inline-block;vertical-align: top;color: #272b4b;font-size: 17px;line-height: 28px;;}
ul.sort > li > a:hover{color: #1f2a82;    font-weight: 900;}
ul.sort > li.on > a {color: #1f2a82;font-weight: bold;}


div.searchArea p.count {margin:30px 0 0;color: #b3215b;}
div.searchArea p.count:before {display: inline-block;padding-right: 10px;content: "Total";vertical-align: top;color: #272b4b;}

ul.eposterList, ul.eposterList * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.eposterList {}
ul.eposterList li {margin-top: 20px;}
ul.eposterList li:first-child {margin-top: 10px;}

ul.eposterList a {position: relative;display: block;min-height: 135px;padding: 30px 150px  25px 284px;border: 1px solid #ccc;border-top: 2px solid #272b4b !important;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}

ul.eposterList a.awards01,
ul.eposterList a.awards02,
ul.eposterList a.awards03,
ul.eposterList a.awards04,
ul.eposterList a.awards05,
ul.eposterList a.awards06,
ul.eposterList a.awards07 {position: relative;padding-right: 150px;}

ul.eposterList a.awards01:before,
ul.eposterList a.awards02:before,
ul.eposterList a.awards03:before,
ul.eposterList a.awards04:before,
ul.eposterList a.awards05:before,
ul.eposterList a.awards06:before,
ul.eposterList a.awards07:before {position: absolute;right: 30px;top: 40px;width: 87px;height: 104px;content: "";background-repeat: no-repeat;background-position: 0 0;}

ul.eposterList a.awards01:before {background-image: url('awards/awards_01.png');}
ul.eposterList a.awards02:before {background-image: url('awards/awards_02.png');}
ul.eposterList a.awards03:before {background-image: url('awards/awards_03.png');}
ul.eposterList a.awards04:before {background-image: url('awards/awards_04.png');}
ul.eposterList a.awards05:before {background-image: url('awards/awards_05.png');}
ul.eposterList a.awards06:before {background-image: url('awards/awards_06.png');}
ul.eposterList a.awards07:before {background-image: url('awards/awards_07.png');}

ul.eposterList span {display: block;}
ul.eposterList span.sponLogo{    position: absolute; right: 30px;  top: 45px;}
ul.eposterList span.num {float: left;height: 28px;padding: 0 10px;border-radius: 14px;color: #b3215b;background-color: #f7e8ee;font-size: 13px;line-height: 28px;}
ul.eposterList span.sponsor {float: left;padding-left: 20px;}
ul.eposterList span.sponsor img {height: 28px;}
ul.eposterList span.thumb {position: absolute;left: 30px;top: 25px;width: 228px; background: url('layout/1thumbBg.png') center center no-repeat;   border : 1px solid #c3c3c3;  overflow: hidden;}
ul.eposterList span.thumb:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";/* background-color: rgba(0,0,0,.1); */}
ul.eposterList span.thumb img {display: block;width: 100%; }

ul.eposterList span.thumboral {position: absolute;left: 30px;top: 25px;width: 228px;height: calc(100% - 50px);background: url('layout/11thumbBg.png') center center no-repeat;   border : 1px solid #c3c3c3;  overflow: hidden;}
ul.eposterList span.thumboral:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";/* background-color: rgba(0,0,0,.1); */}
ul.eposterList span.thumboral img {display: block;width: 100%;  height: 100%; }



ul.eposterList span.tit {clear: both;padding-top: 10px;color: #000;font-size: 17px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
ul.eposterList span.writer {padding-top: 10px;color: #272b4b;font-size: 15px;}


ul.eposterList a:hover,
ul.eposterList a focus {border-color: #ee288f;}
ul.eposterList a:hover span.tit,
ul.eposterList a focus span.tit {color: #ee288f;text-decoration: underline;}


dl.sessionBrief, dl.sessionBrief * {margin: 0;padding: 0;text-decoration: none;}
dl.sessionBrief {min-height: 98px;padding: 25px 30px;border: 1px solid #ccc;border-top: 2px solid #272b4b;}
dl.sessionBrief:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

dl.sessionBrief span.sponLogo{float: left; display: inline-block; margin: -5px 0px 10px 54px;}
 
dl.sessionBrief dd {float: right;width: 550px; box-sizing:border-box;}

dl.sessionBrief dt {position: relative;padding-top: 45px;    width: 680px;color: #000;font-size: 17px;display: inline-block;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;word-break:keep-all;line-height: 20px;}
dl.sessionBrief dt >  img{    position: absolute; left:60px; top: 0;}
dl.sessionBrief dt:before {position: absolute;left: 0;top: 7px;height: 28px;padding: 0 10px;content: attr(data-text);border-radius: 14px;color: #b3215b;background-color: #f7e8ee;font-size: 13px;line-height: 28px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}

dl.sessionBrief dd {position: relative;padding-left: 136px;}
dl.sessionBrief dd span {display: block;}
dl.sessionBrief dd > img {position: absolute;left: 0;top: 0;width: 115px;height: 120px;}
dl.sessionBrief dd > span {padding-top: 10px;color: #000;font-size: 15px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;line-height: 20px;}
dl.sessionBrief dd > span span {color: #272b4b;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}

dl.sessionBrief span.btn {overflow: hidden;padding-top: 3px;}
dl.sessionBrief span.btn a {margin-top: 5px;float: left;margin-left: 5px;padding: 7px 11px;line-height: 16px;color: #fff;font-size: 13px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
dl.sessionBrief span.btn a:first-child {margin-left: 0;}
dl.sessionBrief span.btn img {display: inline-block;vertical-align: top;padding-right: 10px;}
dl.sessionBrief a.favorite {border-color: #FFC107;background-color: #FFC107;}
dl.sessionBrief a.like {border-color: #b3215b;background-color: #b3215b;}
dl.sessionBrief a.abs {border-color: #272b4b;background-color: #272b4b;}
dl.sessionBrief a.mail {border-color: #468bf3;background-color: #468bf3;}

dl.sessionBrief a.favorite:hover{color: #FFC107; background: transparent;}
dl.sessionBrief a.like:hover{color: #b3215b; background: transparent;}
dl.sessionBrief a.abs:hover{color: #272b4b; background: transparent;}
dl.sessionBrief a.mail:hover{color: #468bf3; background: transparent;}
dl.sessionBrief a i{margin-right:5px;vertical-align: middle;}

dl.sessionBrief.awards01,
dl.sessionBrief.awards02,
dl.sessionBrief.awards03,
dl.sessionBrief.awards04,
dl.sessionBrief.awards05,
dl.sessionBrief.awards06,
dl.sessionBrief.awards07 {position: relative;padding-left: 140px;}


dl.sessionBrief.awards01 dd,
dl.sessionBrief.awards02 dd,
dl.sessionBrief.awards03 dd,
dl.sessionBrief.awards04 dd,
dl.sessionBrief.awards05 dd,
dl.sessionBrief.awards06 dd,
dl.sessionBrief.awards07 dd {width: 410px;padding-left: 0;}


dl.sessionBrief.awards01:after,
dl.sessionBrief.awards02:after,
dl.sessionBrief.awards03:after,
dl.sessionBrief.awards04:after,
dl.sessionBrief.awards05:after,
dl.sessionBrief.awards06:after,
dl.sessionBrief.awards07:after {position: absolute;left: 24px;top:24px;width: 87px;height: 104px;content: "";background-position: center center;background-repeat: no-repeat;}

dl.sessionBrief.awards01:after {background-image: url('awards/awards_01.png');}
dl.sessionBrief.awards02:after {background-image: url('awards/awards_02.png');}
dl.sessionBrief.awards03:after {background-image: url('awards/awards_03.png');}
dl.sessionBrief.awards04:after {background-image: url('awards/awards_04.png');}
dl.sessionBrief.awards05:after {background-image: url('awards/awards_05.png');}
dl.sessionBrief.awards06:after {background-image: url('awards/awards_06.png');}
dl.sessionBrief.awards07:after {background-image: url('awards/awards_07.png');}


div.sessionCon {position: relative;margin-top: 30px;padding-right: 403px;     min-height: 540px;}
div.sessionCon * {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div.oralCon,
div.posterCon {position: relative;height: 670px;border: 1px solid #ccc;border-bottom: 0;background-color: #f8f8f8;}
div.posterCon {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.posterCon::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
div.posterCon::-webkit-scrollbar-thumb {background-color: #272b4b;}

div.posterControl{margin: 0; font-size: 0; background-color: #f8f8f8;text-align: right;padding: 15px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
div.posterControl a{display: inline-block; margin-left: 5px; cursor:pointer;}
div.posterControl a:first-child{margin-left: 0;}
div.posterControl img{display: block;}

div.posterTit{background-color: #fff;border: 1px solid #ccc; border-top: 0;padding: 0 20px 10px;}
div.posterTit strong{display: block;color: #000;font-size: 17px; font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;word-break:keep-all;line-height: 20px;}
div.posterTit span.posterNum{display: inline-block;margin-bottom: 5px;height: 28px; padding: 0 10px;text-align: center; border-radius: 14px; color: #b3215b; background-color: #f7e8ee; font-size: 13px;  line-height: 28px; font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}
div.posterCon {overflow-x: hidden;overflow-y: hidden; height: 503px;visibility: visible;border-bottom: 1px solid #dbdbdb;}
div.posterCon > img {display: block;width: 100%;}
div.posterCon a.open,
div.posterCon a.close {position: absolute;right: 0;bottom: 0;width: 45px;height: 45px;background-color: #00a0e9;background-repeat: no-repeat;background-position: center center;text-align: center;}
div.posterCon a.open {text-indent: -10000px;background-image: url('layout/icon_fullScreen.png');}
div.posterCon a.close {background-image: url('layout/icon_closeScreen.png');}
div.posterCon a.open i,
div.posterCon a.close i {padding: 10px 0;color: #fff;font-size: 25px;line-height: 25px;}

div.posterCon a.close {display: none;position: fixed;right: 0;bottom: 0;}

div.posterCon.fullScreen {z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;}
div.posterCon.fullScreen {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.posterCon.fullScreen::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
div.posterCon.fullScreen::-webkit-scrollbar-thumb {background-color: #272b4b;}

div.posterCon.fullScreen > img {width: auto;height: auto;margin: 0 auto;}
div.posterCon.fullScreen a.open {display: none;}
div.posterCon.fullScreen a.close {display: block;}

dl.comment {padding-top: 5px;margin:0 auto; }
dl.comment > dt {padding-bottom: 10px;color: #000;font-size: 17px;line-height: 30px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', 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: 110px;}
dl.comment textarea {width: 100%;height: 98px;box-sizing:border-box;padding: 10px;}
dl.comment textarea::placeholder  {color:#b8b8b8;font-size: 14px;font-family: 'NotoSansKR Regular', 'NotoSansKR NotoSansKR Regular', sans-serif;}
dl.comment input[type=submit] {position: absolute;right: 0;top: 0;width: 110px;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: 'NotoSansKR Regular', 'NotoSansKR 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');}


/* 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: 'NotoSansKR Medium', 'NotoSansKR Medium', 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: 'NotoSansKR Regular', 'NotoSansKR 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: 'NotoSansKR Medium', 'NotoSansKR Medium', 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: 'NotoSansKR Regular', 'NotoSansKR 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;}



/* E-Booth */
div#container.ebooth {background: url('ebooth/ebooth_bg.png') center top 0 no-repeat;}
ul.eboothList, ul.eboothList li {margin: 0;padding: 0;list-style: none;}
ul.eboothList {padding: 37px 0 9px;}
ul.eboothList:after {display: block;clear: both;font-size: 0;height: 0;content: '';}
ul.eboothList li {float: left;width: 250px;margin: 25px 0 0 8px;border: 1px solid #ccc;background: #fff;box-sizing:border-box;}
ul.eboothList li:nth-child(5n+1) {clear: both;margin-left: 0;}

ul.eboothList li a {position: relative;display: table-cell;vertical-align: middle;width: 250px;height: 87px;}
ul.eboothList li img {display: block;max-width: 80%;margin: 0 auto;}
/* booth hover */
ul.eboothList li a:hover:before {position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: block;width: 250px;height: 100%;background-color: rgba(0,0,0,.45);content: '';}
ul.eboothList li a:hover:after {position: absolute;bottom: 15px;left: 18px;display: block;color: #fff;text-align: left;font-size: 17px;line-height: 23px;font-family: 'NotoSansKR Medium', sans-serif;content: attr(pub-txt);}



/*t셀트리온부스용*/
ul.eboothList div#container2 {background: url('ebooth/eboothBg22.png')  center top  no-repeat;   min-height: 1000px;  }
ul.eboothList div#container2 div.titArea{padding:0;}
ul.eboothList div#container2 div.contents{width:1400px;margin: 200px auto 100px;padding:0;  position: absolute;left: 50%;  margin: 185px 0 0 -700px; }

ul.eboothList.ebooth2 div#container {background: url('ebooth/eboothBg_02.png') center top no-repeat !important;}
ul.eboothList.ebooth2 div#container > .ebooth{padding: 180px 0 25px 0px;background: none;}
ul.eboothList.gold2 div#container {background: url('ebooth/eboothBg_gold.png') center top no-repeat;}
 


ul.ebooth, ul.ebooth li, ul.ebooth a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
ul.ebooth {position: absolute;left: 50%;top: 0;clear: both;width: 1300px;margin-left: -650px;background-color: #272b4b;box-shadow:0 0 7px rgba(0,0,0,.15);}
ul.ebooth:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.ebooth > li {position: relative;float: left;width: 14% !important;text-align: center;}
ul.ebooth > li:first-child{    width: 16% !important;}
ul.ebooth > li:before {position: absolute;left: 0;top: 50%;width: 1px;height:14px;margin-top: -7px;content: "";background-color: rgba(255,255,255,.4);}
ul.ebooth > li:first-child:before {display: none;}

ul.ebooth a { display: inline-block;padding: 15px 0 17px;vertical-align: top;color: #fff;opacity: .55;font-size: 20px;line-height: 28px;}
ul.ebooth .on a {padding-bottom: 14px;border-bottom: 3px solid #ffed51;opacity: 1;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif; color:#ffed51;}

ul.diamond, ul.diamond li,
ul.platinum, ul.platinum li {margin: 0;padding: 0;list-style:none}

ul.diamond {padding: 100px 0 100px;text-align: center;font-size: 0;line-height: 0;}
ul.diamond li {display: inline-block;padding-left: 15px;vertical-align: top;}
ul.diamond li:first-child {padding-left: 0;}
ul.diamond a, ul.diamond img {display: block;}

ul.platinum {width: 815px;margin: 0 auto;padding: 0 ;text-align: center;font-size: 0;line-height: 0;}
ul.platinum li {display: inline-block;padding:0  0 0 15px;vertical-align: top;}
ul.platinum li:nth-child(odd) {padding-left: 0;}
ul.platinum a, ul.platinum img {display: block;}


 ul.gold {width: 1300px;margin: 0 auto;padding: 0  ;text-align: center;font-size: 0;line-height: 0;}
ul.gold li {display: inline-block;padding:20px 0 0 5px;vertical-align: top;}
ul.gold li:nth-child(3n+1) {padding-left: 0;}
ul.gold a, ul.diamond img {display: block;}  
/* ul.gold li a img:hover {background: url('/asset/ebooth/boohtOver.png') 0 0 no-repeat;} */
ul.gold2 {padding: 0 0 30px;text-align: center;font-size: 0;line-height: 0;}
ul.gold2 li {display: inline-block;width: 110PX;height: 265px;padding: 7px 1px  0px 7px;margin-left: 10px;vertical-align: top;background: url('/image/ebooth/gold_bg.png') 0 0 no-repeat;}
ul.gold2 li:first-child {margin-left: 0;}
ul.gold2 a {position: relative;display: block;height: 100%;;box-sizing:border-box;} 
ul.gold2 img {display: block;width:108px;}


/* div.eBoothList {padding: 30px 0 10px;}
div.eBoothList ul.ebooth {bottom: 34px;}
div.eBoothList ul.bg {width: 1100px;height: 130px;margin: 0 auto;padding: 0 50px 70px 50px;background: url('ebooth/eBoothListBg.png') 0 0 no-repeat;font-size: 0;line-height: 0;text-align: center;}
div.eBoothList ul.bg {width: 1100px;height: 165px;margin: 0 auto;padding: 38px 0 0px 0;  background: url('ebooth/silver_bg.png') 0 0 no-repeat; font-size: 0;line-height: 0;text-align: center;}
div.eBoothList ul.bg li {display: inline-block;padding: 30px 0 30px 55px;vertical-align: top;}
div.eBoothList ul.bg li:first-child {padding-left: 0;}
div.eBoothList ul.bg a, div.eBoothList ul.bg img {display: block;}
div.eBoothList ul.bg img {margin: 0 auto;    width: 250px;}
 */
div.eBoothList ul.list {width: 1200px; margin: 0 auto;padding: 0 0 0  0;  background: url('ebooth/bronze_bg.png') 0 0 no-repeat; font-size: 0;line-height: 0;text-align: center;}
div.eBoothList ul.list:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.eBoothList ul.list li {float: left;width:25%;margin:15px 18px 25px 0;list-style:none;       background: #fff;   border: 1px solid #dcdcdc;  padding: 10px 5px;}
/* div.eBoothList ul.list li:nth-child(6n+1) {clear: both;width: 16.5%;} */
div.eBoothList ul.list a, div.eBoothList ul.list img {display: block;margin: 0 auto;    width: 185px;}

/* 부스상세보기*/
div#container.ebooth2 {background: url('ebooth/eboothDetail_Bg.png') center top no-repeat;}
div#container.ebooth2 div.content {padding: 99px 0 50px;}
div.eboothDetail {}
ul.booth, ul.booth li {margin: 0;padding: 0;list-style: none;}
ul.booth {}
ul.booth li {position: relative;padding: 10px 0 20px;min-height: 450px;background-image: url('/asset/ebooth/ebooth_detail.png');background-position: center center;background-repeat: no-repeat;box-sizing:border-box;}
ul.booth li a,
ul.booth li img {display: block;margin: 0 auto;}
ul.booth li > div {position: absolute;}
ul.booth li > div.logo {top: 23px;left: 50%;width: 580px;height: 84px;margin-left: -290px;padding: 15px 0 14px;box-sizing:border-box;}
ul.booth li > div.poster1 {top: 139px;left: 50%;margin-left: 333px;}
ul.booth li > div.poster2 {top: 168px;left: 50%;margin-left: -367px;}
ul.booth li > div.vod {top: 150px;left: 50%;width: 500px;margin-left: -250px;}
ul.booth li > div.vod  img{ height: 151px;}
div.btnWrap {}
div.btnWrap a.prev {position: absolute; left: 50%;top: 50%; margin: 40px 0 0 -590px;}
div.btnWrap a.next {position: absolute; left: 50%;top: 50%; margin: 40px 0 0 510px;}

div.eboothDetail a.bx-prev {position: absolute; left: 50%;top: 50%; margin: 40px 0 0 -590px;width: 83px;height: 61px;background: url('ebooth/btn_prev.png') 0 0 no-repeat;text-indent: -9999px;}
div.eboothDetail a.bx-next {position: absolute; left: 50%;top: 50%; margin: 40px 0 0 510px;width: 45px;height: 61px;background: url('ebooth/btn_next.png') 0 0 no-repeat;text-indent: -9999px;}

div.eboothDetail .btn {text-align: center;font-size: 0;line-height: 0;}
div.eboothDetail .btnList {display: inline-block;padding: 10px 30px 10px 60px !important;vertical-align: top;font-size: 17px;line-height: 30px;letter-spacing: -1px;font-family: 'NotoSansKR Medium', sans-serif;background: url('ebooth/icon_list.png') left 30px center no-repeat;}
div.eboothDetail .btnList:hover{    color: #ffeb3b !important;}

/* 부스상세보기*/
div#container.ebooth2 {background: url('ebooth/eboothDetail_Bg.png') center top no-repeat;}
div#container.ebooth2 div.content {padding: 99px 0 50px;}
div.eboothDetail {}
ul.booth, ul.booth li {margin: 0;padding: 0;list-style: none;}
ul.booth {}
ul.booth li {position: relative;padding: 10px 0 20px;min-height: 450px;background-image: url('/asset/ebooth/ebooth_detail.png');background-position: center center;background-repeat: no-repeat;box-sizing:border-box;}
ul.booth li a,
ul.booth li img {display: block;margin: 0 auto;}
ul.booth li > div {position: absolute;}
ul.booth li > div.logo {top: 26px;left: 50%;width: 580px;height: 84px;margin-left: -290px;padding: 15px 0 14px;box-sizing:border-box;}
ul.booth li > div.poster1 {top: 139px;left: 50%;margin-left: 333px;}
ul.booth li > div.poster2 {top: 168px;left: 50%;margin-left: -367px;}
ul.booth li > div.vod {top: 150px;left: 50%;width: 500px;margin-left: -250px;}
ul.booth li > div.vod  img{ height: 151px;}
div.btnWrap {}
div.btnWrap a.prev {position: absolute; left: 50%;top: 50%; margin: 40px 0 0 -590px;}
div.btnWrap a.next {position: absolute; left: 50%;top: 50%; margin: 40px 0 0 510px;}

div.eboothDetail a.bx-prev {position: absolute; left: 50%;top: 50%; margin: 40px 0 0 -590px;width: 83px;height: 61px;background: url('ebooth/btn_prev.png') 0 0 no-repeat;text-indent: -9999px;}
div.eboothDetail a.bx-next {position: absolute; left: 50%;top: 50%; margin: 40px 0 0 510px;width: 45px;height: 61px;background: url('ebooth/btn_next.png') 0 0 no-repeat;text-indent: -9999px;}

div.eboothDetail .btn {text-align: center;font-size: 0;line-height: 0;}
div.eboothDetail .btnList {display: inline-block;padding: 10px 30px 10px 60px !important;vertical-align: top;font-size: 17px;line-height: 30px;letter-spacing: -1px;font-family: 'NotoSansKR Medium', sans-serif;background: url('ebooth/icon_list.png') left 30px center no-repeat;}
div.eboothDetail .btnList:hover{    color: #ffeb3b !important;}

/* 사전동의 */
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: 'NotoSansKR Medium', 'NotoSansKR Medium', 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: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
div#popupAgree > p span.eng {display: block;font-family: 'NotoSansKR Medium', sans-serif !important;}

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

div#popupAgree div.agreeCon {overflow-x: hidden;/* overflow-y: scroll; */height: 210px;font-size: 15px;line-height: 25px;font-family: 'NotoSansKR Regular', 'NotoSansKR 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: 'NotoSansKR Medium', 'NotoSansKR Medium', 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;}







/* E-Booth 상세보기 팝업 */
div#popupEbooth {position: relative;width: 100%;background-color: #fff;box-sizing:border-box;}
.layerPopup div#popupEbooth {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%); background-color: transparent; width: 1300px; height: 750px !important;margin: 0;}
.layerPopup div#popupEbooth .close {position: absolute;right: 30px;top: 30px;width: 26px;height: 26px;margin: 0;padding: 0;}
.layerPopup div#popupEbooth .close a {display: block;width: 26px;height: 26px;text-indent: -10000px;background: url('ebooth/popup_close.png') center center no-repeat;}

div#popupEbooth .close {position: absolute;right: 14px;top: 33px;width: 40px;height: 40px;margin: 0;padding: 0;cursor: pointer;}
div#popupEbooth .close a, div.layerPopup .close img {display: block;}



div#popupEbooth div.popupCon {padding: 0;background-color: #fff;}

div#popupEbooth ul.tabMenu {padding: 0 90px 0 0;height: 87px;background-color: #272b4b;text-align: left;font-size: 0;line-height: 0;}
div#popupEbooth ul.tabMenu li {float: none;position: relative;display: inline-block;padding: 0 60px;vertical-align: top;}
div#popupEbooth ul.tabMenu 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.tabMenu li:first-child:before {display: none;}
div#popupEbooth ul.tabMenu a {display: block;text-align: center;opacity: .55; padding: 0;}
div#popupEbooth ul.tabMenu span {display: inline-block;padding: 18px 0;border-bottom: 3px solid #272b4b;color: #fff;font-size: 17px;line-height: 20px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;vertical-align: top;}
div#popupEbooth ul.tabMenu img {display: block;margin: 0 auto 8px;}

div#popupEbooth ul.tabMenu .on a {opacity: 1;}
div#popupEbooth ul.tabMenu .on span {border-color: #fff;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
div#popupEbooth div.tabCon {height:680px;}

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

div.company h3 {text-align: center ;}
div.company h3 img {display: inline-block;vertical-align: top;}
div.company dd strong {font-size: 19px;    font-family: 'NotoSansKR Bold', sans-serif;}
div.company dd > p{padding: 10px 0;font-size: 15px; line-height: 23px !important;text-align: justify;}
div.company dd ul { font-size: 15px; line-height: 25px; padding:0 0 10px; list-style: none; margin: 0;}
div.company dd.bold{font-weight:bold;}
div.company div.vodArea {width: 791px;height: 320px ;margin: 8px auto;;text-align: center;box-sizing: border-box;}
div.company div.vodArea img {display: block;width: 100%;height: 100%;}

/* div.company div.gotoBooth {float: left;margin-left: 50px;text-align: center; width: 325px;} */
div.company div.gotoBooth img {display: block;padding-bottom: 13px;width: 100%;}

div.company div.gotoBooth a:hover{color:#fff; background-color: #2f4fa7;}
div.company div.gotoBooth a {position: relative;margin:7px 0;padding:10px 20px;        cursor: pointer;display: inline-block;background-color: #272b4b;color: #fff;line-height: 22px;font-size: 14px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;text-align: left;text-decoration: none;}
div.company div.gotoBooth a i{color: #FFEB3B;top: 3px;  position: relative;   margin-left: 7px;}

div.bizCon dl {clear: both;padding:5px 0px 0 0;}
div.bizCon dt {margin-top: 10px;padding: 5px 15px 5px;background-color: #263b80;color: #fff; font-size: 15px; line-height: 25px; font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif; font-weight: normal;     }
 
div.bizCon ul.download {padding-top: 0;text-align: left;padding-left:0;}
div.bizCon ul.download a i{color: #ffeb3b;top: 0px;  position: relative;   margin-left: 7px;}
div.bizCon ul.download a i.f_w {color: #fff !important;}
div.bizCon ul.download li {width: 180px;padding-left: 15px;    margin-top: 10px;}
div.bizCon ul.download li:nth-child(4n+1) {padding-left: 0;}

div.company div.bizInfo {position: absolute;right: 0;top: 0;width: 400px;height: 100%;background-color: #e1e4ee;box-sizing:border-box;}
div.company div.bizInfo > * {}
div.company div.bizInfo dl {}
div.company div.bizInfo dl dt {padding: 5px 25px;background-color: #60658c;color: #fff;font-size: 15px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;}

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

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

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

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

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

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


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

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

div.company dl.info dd {padding: 20px 25px;}
div.company dl.info div {padding:24px 32px 24px;background-color: #fff;box-shadow: 1px 0px 25px rgba (152,161,190,.55);}
div.company dl.info p {color: #010358;font-size: 18px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;}
div.company dl.info p.name {margin-top: 7px;color: #000;font-size: 16px;}
div.company dl.info li {position: relative;padding: 0 0 0 18px;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.company dl.info li span {position: absolute;top: 0;left: 0;color: #0959e8;font-family: 'NotoSansKR Regular', sans-serif;}
div.company dl.info li a {color: inherit;}

 
div.company div.bizInfo dl.draw { font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;margin-top: 15px;margin-bottom: 10px;  background: #14398c;  color: #fff;  padding: 30px 15px  ;    border-radius: 20px;}
div.company div.bizInfo dl.draw dt{line-height: 19px; font-weight: bold; font-size: 26px; }
div.company div.bizInfo dl.draw dd.title{line-height: 20px; font-size: 17px;   color: #ffe500; font-weight:bold;}
div.company div.bizInfo dl.draw dd{font-size: 15px;  margin-top: 15px;}
div.company div.bizInfo dl.draw dd i{margin: 0 5px; color: #FFEB3B;}
div.company .contact:before{font-size: 17px; font-weight: bold;margin-bottom: 5px;display: block;  color: #272b4b;  font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif; content:'Contact Point'   }
div.company .btn {margin: 0;}
div.company .btn a, div.company .btn img {display: block;}
div.company .btn a {margin-top: 8px;padding: 0;border: 0 none;}
div.company .btn a:first-child {margin-top: 0;background: #272b4b;    padding-left: 15px;}

div.company .sns {position: absolute;left: 40px;bottom: 40px;width: calc(100% - 80px);height: 50px;padding-top: 30px;}
div.company .sns:before {position: absolute;left: 0;top: 0;content: "Social Media Channels";color: #222;font-size: 15px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}

div.company .sns a, div.company .sns img {display: block;}
div.company .sns a {float: left;margin-left: 8px;}
div.company .sns a:first-child {margin-left: 0;}

div.company dl.live {position: absolute;left: 40px;bottom: 40px;;width: calc(100% - 80px);height: 100px;padding: 15px 25px 0;box-sizing:border-box;background-position: right bottom;background-repeat: no-repeat;}
div.company dl.live.medtronic {background-color: #295999;background-image: url('layout/ebooth_live_medtronic.png');}
div.company dl.live.johnson {background-color: #b42c24;background-image: url('layout/ebooth_live_johnson.png');}

div.company dl.live dt {color: #fff;font-size: 15px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
div.company dl.live dd {color: #fff881;font-size: 13px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}




/* E-Booth 상세 > Brochures  */
div.brochures {}
div.brochures h3 {margin: 0;padding:35px 0;text-align: center;font-weight: normal;color: #272b4b;font-size: 34px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}

ul.download, ul.download li ul.download a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.download {padding-top: 30px;text-align: center;font-size: 0;line-height: 0;}
ul.download li {display: inline-block;width: 200px;vertical-align: top;padding-left: 32px;}
ul.download li:first-child {padding-left: 0;}
ul.download a, ul.download img {display: block;width: 100%; border: 1px solid #d6d6d6;box-sizing:border-box;}
ul.download a {position: relative;margin:3px 0;background-color: #0f1b77;color: #fff;line-height: 45px;font-size: 14px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;text-align: center;text-decoration: none;}
ul.download a:hover{color:#fff; background-color: #2f4fa7;}
ul.download a img {position: absolute;right: 25px;top: 50%;width: 13px;height: 15px;margin-top: -8px; border:none;}



/* E-Booth 상세 > Movie  */
div.eboothMovie {position: relative;padding-right: 430px;}
div.eboothMovie h3 {margin: 0;padding:25px 0;text-align: center;font-weight: normal;color: #272b4b;font-size: 34px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
div.eboothMovie div.vodArea {border: 1px solid #e6e6e6;width: 775px;height: 534px;margin: 0 auto;}
div.eboothMovie div.caption {width: 775px;margin: 20px auto 0;color: #272b4b;font-size: 18px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
div.eboothMovie div.vodArea img{width:800px;}
div.moveList ul, div.moveList li, div.moveList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.moveList {position: absolute;right: 0;top: 0;width: 430px;height: 100%;padding:25px 20px;background-color: #e1e4ee;box-sizing:border-box; overflow: hidden;}
div.moveList ul {height: 100%; }
div.moveList ul::-webkit-scrollbar {background-color: #fff;}
div.moveList li {padding-top:20px;}
div.moveList li:first-child {padding-top: 0;}
div.moveList a, div.moveList img {display: block;}
div.moveList a {font-size: 15px;line-height: 20px;color: #222;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}
div.moveList a:hover{    background-color: #000;opacity: 0.6;}
div.moveList li img {width: 100%; }


/* E-Booth 상세 >   */
div.eboothSurvey {position: relative;}
div.eboothSurvey h3 {margin: 0;padding:25px 0;text-align: center;font-weight: normal;color: #272b4b;font-size: 34px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}

div.eboothSurvey .bg {width: 1140px;height: 428px;margin: 0 auto;padding: 40px;background-color: #f2f3f5;}
div.eboothSurvey form {height: 428px;}
div.eboothSurvey form::-webkit-scrollbar {background-color: #fff;}

dl.survey {width: 900px;margin: 0 auto;}
dl.survey > dt {    margin-top: 10px;overflow: hidden;position: relative;padding: 15px 30px 15px 115px;border-radius:25px;color: #222;font-size: 15px;line-height: 20px;color: #222;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;background-color: #e1e4e9;}
dl.survey > dt:before {position: absolute;left: 0;top: 0;width: 100px;height: 100%; border-radius:25px;  background-color: #272b4b;content: "";}
dl.survey > dt span {position: absolute;left: 0;top: 50%;width: 100px;height: 40px;margin-top: -20px;color: #fff;font-size: 22px;line-height: 40px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;text-align: center;}

ul.star, ul.star li {margin: 0;padding: 0;list-style:none;}
ul.star {padding: 20px 0 35px;text-align: center;font-size: 0;line-height: 0;}
ul.star li {display: inline-block;vertical-align: top;padding-left: 35px;}
ul.star li:first-child {padding-left: 0;}
ul.star a, ul.star img {display: block;}

ul.check, ul.check li {margin: 0;padding: 0;list-style:none;}
ul.check {    width: 100%;padding: 20px 0 35px;text-align: center;font-size: 0;line-height: 0;}
ul.check li {display: inline-block;vertical-align: top;padding-left: 15px;    width: 15%;}

ul.check span.inputR {width: 55px;height: 55px;margin-bottom: 15px;border-radius: 28px;background:#e1e4e9 url('ebooth/input_check.png') center center no-repeat;}
ul.check span.inputR.on {background:#192c8d url('ebooth/input_check_on.png') center center no-repeat;}
ul.check span.inputR:before {display: none;}
ul.check label {display: block;color: #1b1b1b;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}

div.eboothSurvey .btn {padding-top: 50px;text-align: center;}
div.eboothSurvey .btn > span {width: 200px;height: 50px;padding: 0;border-color: #cc1f4c;background-color: #cc1f4c;}

/* E-Booth 상세 > 방명록  */
div.guest {position: relative;}
div.guest h3 {margin: 0;padding:30px 0 10px;text-align: center;font-weight: normal;color: #272b4b;font-size: 34px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
div.guest h3 + p {margin: 0 0 50px;text-align: center;color: #222;font-size: 17px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}
div.guest div.formArea {width: 1220px;margin: 0 auto;}

div.guest ul, div.guest li {margin: 0;padding: 0;list-style:none;}
div.guest ul {overflow: hidden;padding: 35px 0;}
div.guest li {position: relative;float: right;width: 600px;padding-left: 85px;margin-bottom: 20px;background-color: #9ba3b2;box-sizing:border-box;}
div.guest li:first-child {float: left;}
div.guest label,
div.guest textarea::placeholder {color: #000;font-size: 15px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
div.guest label {position: absolute;left: 25px;top: 50%;margin-top: -13px;}
div.guest li.clear {clear: both;float: none;width: 100%;margin-bottom: 0;padding: 0;}
div.guest li.clear label {display: none;}

div.guest textarea {width: 100%; height: 338px;padding: 25px;background-color: #dfdfdf;border: 0 none;box-sizing:border-box;color: #000;}
div.guest div.btn {padding-top: 50px;}
div.guest div.btn .btnSend {display: block;width: 200px;height: 50px;padding: 0;margin: 0 auto;border-color: #272b4b;background-color: #272b4b;}

/* E-Booth 상세 > Stamp Event */
/* div.stamp {position: relative; background: url('ebooth/drawbg.jpg') center center no-repeat;} */

div.stamp {padding: 50px 0;box-sizing:border-box;}
div.stamp h3 {margin: 0 0 30px;padding:4px;text-align: center;font-weight: normal;color: #272b4b;font-size: 34px;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}
div.stamp p.img {margin: 5px 0 10px;}
div.stamp p.img img {display: block; margin: 0 auto;}

div.stamp .bg {position: relative;width: 1135px;margin: 0 auto;padding:10px 40px; background-color: #f2f3f5;}
div.stamp p.count {position: static;padding-bottom: 10px;text-align: right;color: #222;font-size: 15px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}

div.stamp .scrollArea {height: 348px;}
div.stamp .scrollArea::-webkit-scrollbar {background-color: #fff;}

ul.stamp, ul.stamp li {margin: 0;padding: 0;list-style:none;}
ul.stamp {}
ul.stamp:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.stamp > li {float: left;width: 110px;height: 110px;margin:8px  0 8px  15px;background: url('ebooth/stamp_bg.png') center center no-repeat;}
ul.stamp > li:nth-child(9n+1) {clear: both;margin-left: 0;}
ul.stamp a {overflow: hidden;position: relative;display: block;width: 110px;height: 110px;padding:45px 5px;border-radius:55px;box-sizing:border-box;}
ul.stamp img { display: block;height: 22px;margin: 0 auto;  width: 85%;}
ul.stamp .visit a:before {position: absolute;left: 0;top: 0;width: 100%;background-color: rgba(155,12,63,.75);content: "방문완료";text-align: center;z-index: 10;line-height: 110px;color: #fff;font-size: 16px;font-family: 'NotoSansKR Regular', sans-serif;}

div.stamp div.btn {padding-top: 30px;text-align: center;}
div.stamp div.btn a.visit {display: inline-block;vertical-align: top;width: 200px;height: 50px;background-color: #272b4b; border-color: #272b4b;padding: 17px 0 0 ;box-sizing:border-box;}
div.stamp div.btn a.visit img {display: block;margin: 0 auto;}
div.stamp div.btn a.comp {display: inline-block;vertical-align: top;width: 200px;height: 50px;pointer-events: none;background-color: #ad004b; border-color: #ad004b;padding: 17px 0 0 ;box-sizing:border-box;}
div.stamp div.btn a.comp img {display: block;margin: 0 auto;}






/* Sponsor Session */
div.sponSession {}
div.sponSession:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.sponSession > div {float: left;width: 50%;height: 570px;padding: 25px;box-sizing:border-box;background-color: #e1e4ee;}
div.sponSession > div:first-child {background-color: #fff;}

dl.sessionInfo, dl.sessionInfo dt, dl.sessionInfo dd {margin: 0;padding: 0;}
dl.sessionInfo {padding-bottom: 30px;color: #222;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;font-size: 15px;}
dl.sessionInfo dt {padding: 10px 0;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;font-size: 24px; color: #1e2e88;}
dl.sessionInfo ul {margin: 0;    padding-left: 5px;}
dl.sessionInfo li {list-style-position:inside;    font-weight: 500;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif;}

div.sponSession div.scrollArea {max-height:419px;}
/* dl.speaker {position: relative;min-height: 169px;padding: 25px 25px 25px 165px;border: 1px solid #acb4cd;border-top: 0 none;box-sizing:border-box;color: #272b4b;font-size: 16px;font-family: 'NotoSansKR Regular', 'NotoSansKR Regular', sans-serif;}
dl.speaker:first-child {border-top: 1px solid #acb4cd;}
dl.speaker dt {color: #000;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif; font-size: 17px;}
dl.speaker dd{line-height: 16px; font-size: 16px;}
dl.speaker dd.photo {position: absolute;left: 25px;top: 25px;}
dl.speaker dd.photo img {display: block;width: 115px;height: 120px;}
dl.speaker dd.tit {padding-top: 15px;color: #b3215b;font-family: 'NotoSansKR Medium', 'NotoSansKR Medium', sans-serif; line-height: 1.2; font-style: normal;    font-size: 17px;} 

div.sponSession > div:first-child dl.speaker {height: 169px;border-color: #ccc;} */


 


/* My Page */
div.mypage {}
div.mypage ul.subMenu {margin: 0 auto 40px; width: 800px;}
div.mypage ul.subMenu > li {padding:0 0 10px;}
div.mypage p.note {padding: 20px 0 15px;color: #333;font-size: 16px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.mypage table.tblDef > * > tr > *  {border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
div.mypage table.tblDef > * > tr >  th:first-child {border-left: 0;}
div.mypage table.tblDef .bdLeft {border-left: 1px solid #e7e7e7 !important;}
div.mypage table.tblDef td:first-child {border-left: 0;}
div.mypage table + table {margin-top: 30px;}
div.mypage table.tblDef.al td {text-align: left;}

div.mypage ul.listStar {}
div.mypage ul.listStar li {color: #333;font-size: 16px;line-height: 26px;font-family: 'NotoSansKR Regular', sans-serif;}

div.quiz {margin-top: 20px;}
div.quiz h3 {margin: 20px 0 15px;color: #bf191e;font-size: 18px;line-height: 25px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}
div.quiz dt p,
div.quiz label p {margin: 0;}
div.quiz dl {border-bottom: 1px solid #e7e7e7;}
div.quiz dt {position: relative;word-break: keep-all;;background-color: #fff; padding: 5px 20px 10px 35px; font-size:16px; line-height: 30px; color: #333;font-weight: bold;}
div.quiz dt:before {position: absolute;left: 0;top: 5px;width: 30px;content: attr(data-num);text-align: right;}
div.quiz dt img {display: block;padding: 10px 0px 10px;    max-width: 80%;}
div.quiz dd {padding: 10px 0; }

ul.option, ul.option * {margin: 0; padding: 0; list-style: none;}
ul.option {padding: 0 50px;}
ul.option li {position: relative;margin-top: 10px; padding-left: 0;list-style: decimal;}
ul.option li > span {position: absolute;left: -50px;top: 0;}
ul.option label {font-size:15px; line-height: 24px; cursor:pointer; color: #333;}
ul.option sup {display: inline-block;vertical-align: top;margin-top: -3px;}

ul.option span.inputR:before {background-image: none; width: 11px !important; height: 11px !important; border-radius:50%; border: 1px solid #d5d5d5; background-color: #f5f5f5; box-sizing:border-box;}
ul.option span.inputR.on:before {background-color: #222; border-color: #222;}
ul.option span.inputR {width: 11px; height: 11px; margin-right: 10px; margin-bottom: -1px;}
ul.option span.inputR input {cursor:pointer;}

ul.option li.correct {background-color: rgba(36,117,226,0.1);}
ul.option li.correct label {color: #2a459c;}
ul.option li.correct span.inputR.on:before {background-color: #2a60ce; border-color: #2a60ce;}
ul.option li.error {background-color: rgba(226,36,36,0.1);}
ul.option li.error label {color: #bf191e;}
ul.option li.error span.inputR.on:before {background-color: #ab2727; border-color: #ab2727;}

div.quiz div.btnArea {margin-top: 30px; text-align: center;}
div.quiz div.btnArea > * {display: inline-block;vertical-align: top;width: 170px;height: auto;padding: 10px 0 10px;background-color: #bf191e;border: 0 none;text-align: center;color: #fff;font-size: 17px;line-height: 30px;}

div.mypage .fcBlue {color: #132ed3 !important;}
div.mypage .fcRed {color: #ef2020 !important;}
div.mypage span.time{display: block;font-size: 14px;color: #e1004c; font-family: 'NotoSansKR medium', sans-serif;}
ul.listStar, ul.listStar > li {margin: 0;padding: 0;list-style: none;} 
ul.listStar {}
ul.listStar > li {position: relative;padding-left: 1em;}
ul.listStar > li:before {position: absolute;top: 0;left: 0;display: block;content: '※';}

ul.total, ul.total li {margin: 0;padding: 0;list-style:none;}
ul.total {padding: 20px 0 20px;line-height: 0;font-size: 0;text-align: center;}
ul.total li {position: relative;display: inline-block;padding: 0 16px;vertical-align: top; color: #bf191e;font-size: 22px ;line-height: 26px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.total li:before {position: absolute;top: 4px;left: 0;display: block;width: 1px;height: 19px;background-color: #bf191e;content: '';}
ul.total li:first-child:before {display: none;}

/* 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: 'NotoSansKR 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: 'NotoSansKR Medium', 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: 'NotoSansKR 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: 'NotoSansKR medium', 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: 'NotoSansKR Bold', 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: 'NotoSansKR 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: 'NotoSansKR regular', sans-serif;font-weight: 500;}
div.vodItem dd {color: #314980;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR 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: 'NotoSansKR 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: 'NotoSansKR Medium', 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: 'NotoSansKR Bold', 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: 'NotoSansKR Bold', sans-serif;}
dl.speaker dd span.group {margin-top: 12px;font-size: 14px;line-height: 24px;font-family: 'NotoSansKR DemiLight', 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:'NotoSansKR 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: 'NotoSansKR DemiLight', sans-serif; padding-bottom: 10px;}
ul.president li strong {display: block; font-size:17px; font-family: 'NotoSansKR Medium', sans-serif;}
ul.president li img {position:absolute; left:0; top:0;}