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


.btn a,
.btn > span,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:50px;padding:0 20px 5px;font-size:16px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;-webkit-appearance:none;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}

.btn a,
.btn > span {position: relative;line-height:48px;padding:0 20px;}

.btn > span {position: relative;min-width:140px;}
.btn > span img {position: absolute;right: 20px;top: 50%;height: 18px;margin-top: -9px;}

.btn > * i {position: absolute;right: 15px;top: 50%;line-height: 1em;margin-top: -.5em;}

.btn > span input,
.btn .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}


* a{text-decoration: none;}
div.webinarIntro {position: relative;height: 970px;background:#d2dce5 url('layout/intro_bg.png') right top no-repeat;background-size: auto 100%;font-family: 'NotoSansKR Regular', sans-serif;}
div.webinarIntro > div {position: absolute;left: 50%;top: 50%;width: 1040px;height: 539px;margin: -269px 0 0 -520px;}
div.webinarIntro h1 {padding-bottom: 35px;}
div.webinarIntro h1 a, div.webinarIntro h1 img {display: block;margin: 0 auto;}

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

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.loginWrap {position: relative;height: 975px;background: url('layout/login_bg.png') center top no-repeat;background-size: cover;font-family: 'Roboto-Regular', sans-serif;}

div.loginArea {position: absolute;left: 50%;top: 0;width: 808px;height: 694px;padding-top: 260px;margin: 0 0 0 -404px;}
div.loginArea h1 {padding-bottom: 60px;}
div.loginArea h1 img {display: block;margin: 0 auto;}

div.loginArea div.formArea {padding: 35px 70px 40px;background-color: rgba(255,255,255,.8);box-shadow:0 0 30px rgba(0,0,0,.35);box-sizing:border-box; margin: 0 80px;}
div.loginArea div.formArea > p {padding-bottom: 30px;color: #c23442;font-size: 17px;line-height: 25px;text-align: center;}
div.loginArea div.formArea > p.text {padding-bottom: 0;color: #000;font-size: 17px;}
div.loginArea div.formArea > p.text2 {padding-bottom: 0;color: #000;font-size: 14px;}



/* 로그인영역 수정css 1103*/
div.login_info {position: absolute; top:0; left:50%;margin-left: -650px; width: 1300px; background: rgba(9,11,39, 0.7);}
div.login_info > dl {float: right; width: 40%; padding: 25px 20px 25px 35px; box-sizing:border-box; font-size: 15px;}
div.login_info > dl:first-child {float: left;width: 60%;}
div.login_info > dl dt {color: #ffd33b; font-weight: bold;}


div.login_info > dl dd {position: relative;}
div.login_info > dl dd ul {}
div.login_info > dl dd ul li {position: relative; list-style:none; color: #fff; padding-left: 30px; text-indent: -30px;}
div.login_info > dl dd ul li::before {content:"-"; display:block; position: absolute; top:-1px; left:20px;}
div.login_info > dl dd ul li span {color: #ffd33b;}

div.login_info dd p {padding-top: 40px;color: #fff;}
div.login_info ul.btn {position: absolute;right: 0;bottom: 0;margin: 0;padding: 0;}
div.login_info ul.btn li {margin: 5px 0 0;padding: 0;}
div.login_info ul.btn li:before {display: none;}
div.login_info ul.btn a {display: block;width: 180px;height: 36px;padding: 0;text-align: center;border-color: #fff;background-color: #fff;color: #ca0614;font-size: 14px;line-height: 36px;text-indent: 0;}
/*
div.loginArea div.formArea > p {padding-bottom: 30px;color: #c23442;font-size: 15px;line-height: 25px;text-align: center;}
div.loginArea div.formArea > p:first-child {padding-bottom: 0;color: #000;font-size: 20px;}
*/

div.loginArea dl {position: relative;}
div.loginArea dt {position: absolute;left: 58px;top: 67px;height: 52px;line-height: 52px;color: #373951;font-size: 16px;font-family: 'Roboto-Medium', sans-serif;}
div.loginArea dt:first-child {top: 0;}
div.loginArea dd {padding-left: 143px;border: 1px solid #e3e3e3;background: #fff url('layout/loginBl_pwd.png') 25px center no-repeat;}
div.loginArea dt:first-child + dd {margin-bottom: 15px;background-image: url('layout/loginBl_id.png');}
div.loginArea dd input {display: block;width: 100%;height: 50px;padding: 0 10px;border: 0 none;box-sizing:border-box;background: transparent;}

div.loginArea .saveID {margin: 0;padding: 10px 0 0;color: #666;font-size: 15px;}

div.loginArea div.btn {padding-top: 15px;}
div.loginArea div.btn > * {margin-top: 15px;}
div.loginArea div.btn input, 
div.loginArea div.btn a {display: block;width: 100%;height: 55px;font-size: 18px;font-family: 'Roboto-Medium', sans-serif;color: #fff;box-sizing:border-box;font-weight: normal;text-align: center;}
div.loginArea div.btn input {background-color: #ca0614;border-color: #ca0614;}
div.loginArea div.btn a {line-height: 37px;background-color: #202757;border-color: #202757;}


/* 레이아웃 */
div.wrapper {position: relative;position: relative;min-width: 1300px;padding-top: 95px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;font-size: 16px;line-height:1.7;font-weight:300;color: #666;background: #fff;}
div#headerWrap {z-index: 100;position: absolute;left: 0;top: 0;width: 100%;border-bottom: 1px solid #ccc;background-color: #fff;}
div#headerWrap > div {position: relative;width: 1300px;height: 95px;margin: 0 auto;}
div#headerWrap h1 {position: absolute;left: 0;top: 22px;width: 250px;height: 54px;margin: 0;}
div#headerWrap h1 a, div#headerWrap h1 img {display: block;height: 100%;}


ul#gnb {position: absolute;right: 0;top: 27px;margin: 0;padding: 0;}
ul#gnb > li {position: relative;float: left;margin: 0;padding: 0 24px;vertical-align: top;list-style:none;}
ul#gnb > li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 16px;margin-top: -8px;content: " ";background-color: rgba(39,43,75,.5);}
ul#gnb > li:first-child {padding-left: 0;}
ul#gnb > li:first-child:before {display: none;}
ul#gnb a {display: block;text-decoration: none;color: #000;font-size: 20px;line-height: 40px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;text-transform: uppercase;}
ul#gnb .on a {color: #ca0614;}


div#footerWrap, div#footerWrap a {font-size: 15px;line-height: 22px;color: #5a5a5a;text-decoration: none;}
div#footerWrap {border-top: 1px solid #ccc;background-color: #f8f8f8;}

div#footerWrap > div {overflow: hidden;width: 1300px;padding: 25px 0;margin: 0 auto;}
div#footerWrap p {margin: 0;}
div#footerWrap ul {overflow: hidden;margin: 0;padding: 0;}
div#footerWrap li {position: relative;float: left;margin: 0;padding: 0 0 0 15px;list-style:none;}
div#footerWrap li:first-child {padding: 0;}
div#footerWrap li:before {position: absolute;left: 7px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #5a5a5a;}
div#footerWrap li:first-child:before {display: none;}

div#footerWrap dt {font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div#footerWrap address span {font-style: italic;color: #2742e4;}




div#container {position: relative;}
div#container::after {content:""; display:block; clear: both; }

div.titArea {position: relative;height: 60px;padding: 60px 0 30px;text-align: center;}

.pageTit {width: 1300px;margin: 0 auto;color: #272b4b;font-size: 34px;line-height: 60px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}
div.titArea dl {position: absolute;left: 0;top: 45px;width: 100%;}
div.titArea dt, div.titArea dd {margin: 0;padding: 0;}
div.titArea dt {display: none;}
div.titArea dd {color: #272b4b;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;font-size: 14px;}
div.titArea dd span {display: inline-block;vertical-align: top;padding-left: 14px;margin-left: 8px;color: #ca0614;background: url('layout/pagepath_bl.png') 0 7px no-repeat;}




div.contents {width: 1300px;padding-bottom: 50px;margin: 0 auto;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}

.subTit {margin: 50px 0 10px;padding:0 0 0 40px;color: #000;font-size: 20px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;background: url('layout/subTit.png') 0 0 no-repeat;}
.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: 290px;}
ul.subMenu a {padding: 12px 15px;font-size: 15px;line-height: 30px;border: 1px solid #7e80a6;border-left: 0 none;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;color: #7e80a6;text-align: center;background-color: #fff;}
ul.subMenu > li:first-child a {border-left: 1px solid #7e80a6;}
ul.subMenu .on a {font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;border-color: #d34d58;background-color: #d34d58;color: #fff;}

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

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

ul.col3ea > li {width: 33.3% !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%;}


/* 레이어 팝업 */
div.layerPopup {display: none;z-index: 250;position: fixed;left: 0;top: 0;overflow: auto;width: 100%;height: 100%;min-width: 1200px;background-color: rgba(0,0,0,.7);font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.layerPopup .close {position: absolute;right: 0;top: -60px;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%;}




/* main */
div#container.main {height: 732px;background: url('layout/mainBg_l.png') left bottom no-repeat, url('layout/mainBg.png') right top no-repeat;}
div#container.main:after {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 732px;content: "";animation-duration:10s;animation-name:flicker; animation-iteration-count: infinite;}


div.topBnr {z-index: 20;position: relative;width: 620px;height: 170px;margin: 0 auto;background-color: #fff;box-shadow:0 0 7px rgba(0,0,0,.15);}
div.topBnr p, div.topBnr ul, div.topBnr li {margin: 0;padding: 0;list-style:none;}
div.topBnr a, div.topBnr img {display: block;}
div.topBnr p {float: left;}
div.topBnr ul {float: right;width: 157px;margin: 13px 0;padding:0;border-left: 1px solid #e7ebed;}
div.topBnr li a {display: table-cell;width: 157px;height: 48px;vertical-align: middle;text-align: center;}
div.topBnr li img {display: inline-block;}

ul.mainMenu, ul.mainMenu li, ul.mainMenu a,ul.mainMenu img {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.mainMenu {z-index: 20;position: relative;width: 1297px;height: 250px;margin: 175px auto 0;}
ul.mainMenu > li {float: left;height: 250px;margin-left: 18px;}
ul.mainMenu > li:first-child {margin-left: 0;}

ul.mainMenu a:hover,
ul.mainMenu a:focus {margin-top: -15px;animation-duration:0.5s;animation-name:slideUp;background-color: rgba(0,0,0,1);}
@keyframes slideUp {
	0% {margin-top: 0;}
	100% {margin-top: -15px;}
}



dl#quickMenu, dl#quickMenu * {margin: 0;padding: 0;list-style:none;}
dl#quickMenu {z-index: 20;position: fixed;right: 0;top: 170px;width: 90px;background-color: #fff;font-family: 'Roboto-Regular', 'NotoSansKR Medium', sans-serif;}
dl#quickMenu > dt {background-color: #3b3b3b;color: #fff;font-size: 12px;line-height: 28px;text-align: center;}
dl#quickMenu li {border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
dl#quickMenu a {display: table-cell;width: 90px;height: 64px;text-align: center;vertical-align: middle;color: #222;font-size: 13px;line-height: 18px;}

/* 공지사항 */
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: absolute;right: 20px;bottom: 15px;width:420px;height: 0;border-radius:4px;padding: 0 25px 0;background-color:#282c32;box-sizing:border-box;color: #fff;opacity: 0;}
dl.introBbs dt {padding: 18px 0 4px;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Medium', sans-serif;}
dl.introBbs dd.close {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: 'Roboto-Light', 'NotoSansKR DemiLight', sans-serif;font-size: 15px;}






dl.sponsor, dl.sponsor dt, dl.sponsor ul, dl.sponsor li, dl.sponsor a, dl.sponsor img {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}

dl.sponsor ul {height: 40px;}

dl.sponsor {position: relative;border-top: 1px solid #ccc;padding:20px 0;box-sizing:border-box;background-color: #fff;}
dl.sponsor > dt {position: absolute;left: 50%;top: 20px;margin-left: -650px;color: #444;font-size: 15px;line-height: 40px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}

dl.sponsor dd {position: relative;width: 1300px;margin: 0 auto;padding-left: 120px;box-sizing:border-box;}
dl.sponsor dd > ul {padding: 0 30px;text-align: center;font-size: 0;line-height: 0;}
dl.sponsor dd > ul > li {display: inline-block;vertical-align: top;padding-left: 10px;}
dl.sponsor dd > ul > li:first-child {padding-left: 0;}

dl.sponsor a.bx-prev,
dl.sponsor a.bx-next {position: absolute;top: 0;width: 20px;height: 40px;text-indent: -10000px;background-repeat: no-repeat;}
dl.sponsor a.bx-prev {left: 120px;background-image: url('layout/spon_prev.png');background-position: left center;}
dl.sponsor a.bx-next {right: 0;background-image: url('layout/spon_next.png');background-position: right center;}




/* 팝업 > 공지 */
#popupBbs div.popupWrap {width: 1300px;height: 750px;margin: -330px 0 0 -650px;box-sizing:border-box;}
#popupBbs div.popupCon {overflow: hidden;height: 750px;padding-right: 430px;border: 3px solid #2e4497;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: 0 120px 0 40px;color: #000;font-size: 24px;line-height: 30px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}
#popupBbs dl.bbsCon > dt span {position: absolute;right: 40px;top: 50%;margin-top: -15px;color: #000;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
#popupBbs dl.bbsCon > dd {height: 577px;margin: 0;padding: 40px;}

#popupBbs div.bbsList {position: absolute;right: 3px;top: 3px;width: 430px;height: 100%;padding: 90px 40px 36px;background-color: #efefef;box-sizing:border-box;}
#popupBbs div.bbsList:before {position: absolute;left: 40px;top: 34px;width: calc(100% - 80px);padding-bottom: 13px;border-bottom: 2px solid #272b4b;color: #272b4b;content: "공지사항(NOTICE)";font-size: 20px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}
#popupBbs p.count {position: absolute;right: 40px;top: 40px;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 {position: relative;display: block;padding:40px 20px 24px 52px;text-decoration: none;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
#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;}

#popupBbs div.bbsList li span {display: block;}
#popupBbs div.bbsList li span.tit {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #222;font-size: 18px;line-height: 24px;}
#popupBbs div.bbsList li span.info {position: absolute;left: 52px;top: 20px;color: #272b4b;font-size: 15px;line-height: 20px;}

#popupBbs div.bbsList li.on a {background-color: #e2e2e2;}
#popupBbs div.bbsList li.on span.tit {border-bottom: 1px solid #0d46af;color: #0d46af;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}

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




/* 팝업 > FAQ */
div#popupFaq > div {width: 1200px;height: 600px;padding: 50px;margin: -300px 0 0 -600px;border: 3px solid #272b4b;background-color: #fff;box-sizing:border-box;}

div#popupFaq h1 {text-align: center;color: #272b4b;font-size: 34px;font-family: 'Roboto-Medium', sans-serif;}
div#popupFaq div.popupCon > p {margin: 0 0 20px;text-align: center;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div#popupFaq div.scrollArea {height: 400px;}
a.conLink {display: inline-block;border-bottom: 1px solid #1b61e2;color: #1b61e2;text-decoration: none;}

dl.faq, dl.faq > dt, dl.faq > dd, dl.faq ul, dl.faq li, dl.faq p {margin: 0;padding: 0;list-style:none;}
dl.faq {border-bottom: 1px solid #ccc;font-size: 16px;line-height: 21px;color: #000;font-family: 'NotoSansKR Regular', sans-serif;font-weight:400;}
dl.faq:first-child {border-top: 2px solid #5e617a;}

dl.faq dt a {position: relative;display: block;padding:17px 80px 17px 70px;text-decoration: none;font-size: 16px;line-height: 21px;color: #000;font-family: 'NotoSansKR Regular', 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 dt a:after {position: absolute;right: 30px;top: 50%;width: 20px;height: 10px;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 {position: relative;padding: 25px 25px 25px 65px;border-top: 1px solid #ccc;}
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: 'Roboto-Medium', sans-serif;background-color: #bb114d;color: #fff;font-size: 15px;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-bottom: 10px;font-weight: bold;}

dl.faq table.tblDef {border-top-color: #000;}
dl.faq table.tblDef th, dl.faq table.tblDef td {padding: 5px;border-left: 1px solid #ccc;font-size: 14px;}
dl.faq table.tblDef th {background-color: #f9f9f9;border-left: 0 none;}
dl.faq dd a {display: inline-block;margin: 0 !important;border-bottom: 1px solid #1e64f1;text-decoration: none;color: #1e64f1;}



/* 팝업 > Q&A */
div#popupQna > div {width: 700px;height: 506px;margin: -253px 0 0 -350px;border: 3px solid #272b4b;background-color: #fff;box-sizing:border-box;}
div#popupQna h1 {padding: 15px 65px 15px 30px;background-color: #272b4b;color: #fff;font-size: 24px;line-height: 35px;font-family: 'Roboto-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: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;color: #141a5b;}

div#popupQna dt {padding-bottom: 15px;color: #bc1139;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
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: 'Roboto-Light', 'NotoSansKR Light', sans-serif;}
div#popupQna .btn {padding-top: 30px;text-align: center;}
div#popupQna .btn * {width: 120px;height: 45px;}






/* Virtual Congress*/
div.virtual {padding: 40px 0 75px;}
div.virtual div.note {position: relative;padding: 10px 0;margin-bottom: 20px;}
div.virtual div.note div {font-size: 15px;color: #272b4b;}
div.virtual div.note strong {display: block;color: #7dd0ff;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-size: 20px;}

div.virtual ul.timeInfo {position: absolute;right: 0;bottom: 0;width: 326px;height: 115px;}
div.virtual ul.timeInfo li {width: 158px;padding: 9px 0 10px;background-color: #e1e4ee;}
div.virtual ul.timeInfo li:first-child {background-color: #faf1e7;}
ul.timeInfo span {width: 158px;}

dl.roomInfo, dl.roomInfo dt, dl.roomInfo dd {margin: 0;padding: 0;}
dl.roomInfo {position: relative;margin-top: 27px;padding: 25px 50px 25px 280px;border: 1px solid #ccc;background-color: #e1e4ee;color: #000;}
dl.roomInfo:before {position: absolute;left: 0;top: 0;width: 230px;height: 100%;background-color: #fff;content: "";}
div.note + dl.roomInfo {margin-top: 0;}

dl.roomInfo dt {padding-bottom: 5px;font-size: 20px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
dl.roomInfo dd {font-size: 18px;}
dl.roomInfo dd.chairs {position: relative;margin-top: 15px;padding: 10px 0 0 52px;border-top: 1px solid #fff;color: #192c8d;font-size: 15px;font-style: italic;}
dl.roomInfo dd.chairs:before {position: absolute;left: 0;top: 9px;content: "Chairs : ";}

dl.roomInfo dd.enterence {z-index: 10;position: absolute;left: 39px;top: 50%;width: 150px;margin-top: -52px;color: #000;font-size: 30px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
dl.roomInfo dd.enterence a {position: relative;display: block;height: 50px;padding-left: 25px;background: #272b4b;color: #fff;font-size: 17px;line-height: 50px;text-align: left;}
dl.roomInfo dd.enterence a:after {position: absolute;right: 25px;top: 50%;display: block;width: 11px;height: 10px;margin-top: -5px;content: "";background: url('layout/btn_arr.png') center center no-repeat;}
dl.roomInfo dd.enterence a:hover,
dl.roomInfo dd.enterence a:focus {background-color: #cc1f4c;}






/* Program */
div.program {position: relative;}

div.program ul.subMenu {}
div.program h3 {float: left;}
div.program p.download {float: right;margin:48px 0 0;}
div.program .red_noti {clear: both;text-align:right; color:#ff0000;margin:10px 0; font-size:15px;font-weight:900;}

table.program {border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
table.program > * > tr > * {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}

table.program thead th{padding:25px 5px; font-size:17px; font-weight: 600; color:#fff;word-break: keep-all;}
table.program thead th.time{background-color:#838689;font-size:14px;}
table.program thead th.color1{background-color:#5fa4ab;}
table.program thead th.color2{background-color:#587bab;}
table.program thead th.color3{background-color:#ff7979;}
table.program thead th.color4{background-color:#e59940;}

table.program tbody td{position: relative;padding:20px 10px;text-align: center;letter-spacing: -0.03em;line-height:23px; font-size:15px;font-weight:600; color:#111; word-break: keep-all;}
table.program tbody td.time{font-size: 13px; color:#222222; }
table.program tbody td.gray{background-color:#f3f3f3; }
table.program tbody td.gray span{font-size: 13px;font-weight: 400;display:block;color:#333;}

table.program tbody td.normal {font-weight: normal;}
table.program tbody td.pink {background-color:#fcdfd9;}
table.program tbody td.pink .red{color:#f30739;}
table.program tbody td.green {background-color:#2b617b;color:#fff; font-size:17px;}
table.program tbody td.yellow{background-color: #e3ae2e;color:#fff; font-size:17px;}

table.program img.lang {position: absolute;right: 0;top: 0;}
table.program img.onair {display: block;margin: 5px auto 0;}


/* 프로그램, Abstract */
div.session {}
div.session span {display:block;}


a.favor,
a.favorTxt {display:inline-block;height:24px !important;padding: 0 !important;border-radius:4px;border:1px solid #ffb020;background-color:#ffb020;color:#fff !important;font-size:14px;text-decoration: none;}
a.favor i,
a.favorTxt i {display:block;padding:5px 0;text-align:center;}
a.favor.on,
a.favorTxt.on {background:transparent;color:#ffb020 !important;}

a.favor {width:22px !important;}

a.favorTxt,
a.favorTxt i {display:inline-block; }
a.favorTxt {padding:0 5px;}

a.btnAbs,
a.btnFile,
a.btnCV,
a.btnInfo {display:inline-block;height:16px;padding:4px 5px;border-radius:4px;border:1px solid #344c8c;background-color:transparent;color:#344c8c;font-size:12px;line-height:16px;text-decoration: none;}

a.btnAbs i,
a.btnFile i,
a.btnCV i,
a.btnInfo i {font-size:14px;}


a.btnAbs.on,
a.btnFile.on,
a.btnCV.on,
a.btnInfo.on {background-color:#344c8c;color:#fff;}



/* 세션날짜 */
h3.dayInfo {padding:8px 15px;background-color:#344c8c;color:#fff;font-size:14px;}
h3.dayInfo.fixed {z-index:50;position:fixed;left:0;top:0;width:100%;}

/* 세션요약 */
p.sessionBrief {padding:0 0 15px;}
p.sessionBrief > a {position:relative;display:block;padding:15px 25px 15px 15px;text-decoration: none;}
p.sessionBrief > a > i {position:absolute;right:0;top:50%;margin:-10px 15px 0 0;font-size:20px;color:#797979;}
p.sessionBrief a > span {display:block;}


/* 세션 카테고리 */
span.category {font-size:14px;line-height:14px;color:#4d4e4e;}
span.category span.bullet {display:inline-block;}

span.bullet {border-radius:2px;padding:3px 5px 2px;font-size:12px;color:#fff;}
span.bullet.type01 {background-color:#12c39b;}
span.bullet.type02 {background-color:#1265c3;}
span.bullet.type03 {background-color:#1e12c3;}
span.bullet.type04 {background-color:#7a12c3;}
span.bullet.type05 {background-color:#c312bd;}
span.bullet.type06 {background-color:#e42267;}
span.bullet.type07 {background-color:#22e46b;}



/* 세션 타이틀*/
.sessionTit {padding:5px 0;color:#010101;font-weight:bold;font-size:24px;line-height:36px;}


/* Chairpersons, Panel, Speaker*/
.chairperson,
.panel,
.speaker {color:#9c9c9c;font-size:16px;line-height:20px;}
.chairperson {padding-left:108px;text-indent:-108px;}
.panel {padding-left:50px;text-indent:-50px;}
.speaker {padding-left:60px;text-indent:-60px;}

/* 세션 코드 */
.sessionCode {padding:5px 0 0;color:#2440ab;font-size:12px;font-weight:bold;}


/* 즐겨찾기, 시간, 장소 */
ul.sessionInfo {overflow:hidden;margin: 0;padding:0 0 15px;border-bottom:1px solid #d4d6dc;font-size:12px;color:#282828;}
ul.sessionInfo li {float:left;margin:0 0 0 10px;padding:6px 5px 0;font-weight:bold;list-style:none;}
ul.sessionInfo li > i {font-size:14px;}
ul.sessionInfo li:first-child {margin-left:0;}
ul.sessionInfo li.border {padding:4px 5px 2px;border:1px solid #686868;border-radius:2px;}
ul.sessionInfo > li.btn {padding: 0;}
ul.sessionInfo > li.btn a.btnDef {padding: 5px 16px 7px;}

/* Session Description */
dl.descript {padding:10px;border-bottom:1px solid #cbcbcb;background-color:#eaeefd;}
dl.descript > dt {color:#2440ab;font-family: 'Roboto', sans-serif;font-weight:bold;}
dl.descript > dd {padding-top:5px;color:#282828;font-family: 'NanumBarunGothic';}

/* Session 세부 프로그램 */
ul.sessionList {margin: 0;padding: 0;}
ul.sessionList > li {border-bottom:1px solid #cbcbcb;margin: 0;padding: 0;list-style:none;}
ul.sessionList > li > a {position:relative;display:block;padding:10px 25px 10px 10px;text-decoration: none;cursor:text;}
ul.sessionList > li > a > i {display: none;}

/* 세션 상세보기 */
.sessionSub_Brief {padding:15px;border-bottom:1px solid #d4d4d4;}

/* 세션 관련 유틸버튼 */
ul.sessionUtil {overflow:hidden;margin: 0;padding:5px 10px 10px 10px;border-bottom:1px solid #d4d6dc;background-color:#f6f6f6;}
ul.sessionUtil > li {float:left;margin:5px 0 0 5px;padding: 0;list-style:none;}
ul.sessionUtil a.favor,
ul.sessionUtil a.favorTxt,
ul.sessionUtil a.btnAbs,
ul.sessionUtil a.btnFile,
ul.sessionUtil a.btnCV,
ul.sessionUtil a.btnInfo {background-color:#fff;text-decoration: none;}








/* E- Poster */
div#container.eposter {background: url('layout/eposter_bg.png') center top no-repeat;background-size: cover;}
div#container.eposter div.titArea:after {display: none;}

div#container.bg div.eposter {padding: 50px 0;}

div.searchArea {position: relative;}
div.eposter div.searchArea {padding-top: 50px;}
div.searchArea form {float: right;padding-bottom: 20px;}
div.searchArea input[type=text] {float: left;width: 273px;height: 44px;border: 1px solid #c0c0c0;padding: 0 10px 0 54px;box-sizing:border-box;background: #fff url('layout/bg_search.png') 18px center no-repeat;}
div.searchArea span.btn {float: left;}
div.searchArea span.btn > * {width: 90px;height: 44px;padding: 0;border-color: #575757;background-color: #575757;color: #fff;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}

ul.sort, ul.sort li, ul.sort a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
ul.sort {position: relative;height: 60px;clear: both;background: url('layout/bg_gr.png') 0 0 repeat-y;box-shadow:0 0 7px rgba(0,0,0,.15);}
ul.sort:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.sort > li {position: relative;float: left;text-align: center;}
ul.sort > li:before {position: absolute;left: 0;top: 50%;width: 1px;height:14px;margin-top: -7px;content: "";background-color: rgba(255,255,255,.4);}
ul.sort > li:first-child:before {display: none;}

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

ul.sort2, ul.sort2 li, ul.sort2 a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
ul.sort2 {padding: 30px 0 0 96px;}
ul.sort ul.sort2 {position: absolute;left: 0;top: 80px;padding: 0 0 0 96px;}
ul.sort2:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.sort2 > li {position: relative;float: left;text-align: center;margin-left: 20px;}
ul.sort2 > li:first-child {margin-left: 0;}
ul.sort2 a {display: block;padding: 8px 20px 7px;border: 1px solid #fff;color: #fff;font-size: font-size: 14px;font-family: 'Roboto-Regular', 'NotoSansKR Medium', sans-serif;background-color: rgba(255,255,255,.2);}
ul.sort2 .on a {background-color: #fff;color: #222;}

div.searchArea p.count {padding-top: 35px;color: #ca0614;text-align: right;}
div.searchArea p.count:before {display: inline-block;padding-right: 10px;content: "Total";vertical-align: top;color: #000;}


ul.eposterList, ul.eposterList li, ul.eposterList a,ul.eposterList img {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.eposterList {width: 1297px;margin: 0 auto;}
ul.eposterList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.eposterList > li {margin:18px 0 0;}

ul.eposterList a {position: relative;display: block;padding: 25px;border: 1px solid #ccc;border-top: 2px solid #272b4b;background-color: #fff;}
ul.eposterList span {display: block;}
ul.eposterList span.num {float: left;padding: 4px 10px;border-radius: 15px;color: #0068b7;font-size: 13px;background-color: #d3e1ec;}
ul.eposterList span.writer {float: left;margin-left: 20px;color: #666;font-size: 15px;line-height: 30px;}
ul.eposterList span.tit {clear: both;padding-top: 5px;color: #000;font-size: 18px;line-height: 30px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}

/*
ul.eposterList a:hover,
ul.eposterList a:focus {border-color: #cc1f4c;background-color: #fffafb;}

ul.eposterList a:hover span.num,
ul.eposterList a:focus span.num {color: #fff;background-color: #272b4b;}
ul.eposterList a:hover span.tit,
ul.eposterList a:focus span.tit {color: #cc1f4c;text-decoration: underline;}
*/

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

ul.pager a {display: inline-block;width: 35px;border:0 none;padding: 7px 0 8px;text-align: center;vertical-align: top;font-size: 16px;line-height:20px;text-decoration: none;color: #666;}

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

ul.pager a.on {background-color: #f46957;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}

/* 팝업 > E-Poster */
#popupPoster div.popupWrap {width: 1300px;height: 750px;border: 3px solid #272b4b;box-sizing:border-box;}
div#popupPoster.layerPopup div.popupWrap {margin: -341px 0 0 -650px;}
#popupPoster div.popupCon {overflow: hidden;background-color: #fff;}

#popupPoster a.favor {display: inline-block;width: 20px;height: 20px;border: 0 none;text-indent: -10000px;background: url('layout/icon_favor_off.png') center center no-repeat;}
#popupPoster a.favor.on {background-image: url('layout/icon_favor_on.png');}
#popupPoster .bg a.favor.on {background-image: url('layout/icon_favor_on_bg.png');}

#popupPoster dl.eposterView {float:left; width: 864px;box-sizing:border-box;}
#popupPoster dl.eposterView > dt {position: relative;display: table-cell;width: 704px;vertical-align: middle;height: 87px;padding: 0 120px 0 40px;color: #fff;font-size: 20px;line-height: 30px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;background-color: #272b4b;}
#popupPoster dl.eposterView > dt span {font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
#popupPoster dl.eposterView > dt span.info {position: absolute;right: 20px;top: 50%;width: 90px;padding: 0;margin-top: -24px;color: #9d9fb3;text-align: center;}
#popupPoster dl.eposterView > dt span.tit {display: block;width: 704px;position:relative;overflow:hidden;color: #fff;text-overflow:ellipsis;white-space:nowrap;}

#popupPoster dl.eposterView span.info {padding-top: 20px;line-height: 1.2em;}
#popupPoster dl.eposterView span.info i {position: absolute;right: 0;top: 0;}
#popupPoster dl.eposterView span.info a {display: block;height: 20px;margin-top: 4px;padding: 2px 0;color: #d70872;border: 1px solid #d70872;color: #d70872;background-color: #fff;text-decoration: none;font-family: 'Roboto-Medium', sans-serif;}
#popupPoster dl.eposterView span.info a:before {display: inline-block;width: 12px;height: 20px;margin-right: 5px;vertical-align: top;content: "";background: url('layout/like.png') center center no-repeat;}

#popupPoster dl.eposterView span.info a.on {color: #fff;background-color: #d70872;}
#popupPoster dl.eposterView span.info a.on:before {background-image: url('layout/like_on.png');}

#popupPoster dl.eposterView > dd {margin: 0;padding: 40px;}
#popupPoster div.scrollArea {height: 497px;}
#popupPoster div.scrollArea img {width: 100%;}

#popupPoster div.btn {padding-top: 30px;}
#popupPoster div.btn a.btnDef {display: block;width: 200px;margin: 0 auto;text-align: center;font-size: 17px;line-height: 30px;}

#popupPoster div.send {position: relative;height: 74px;margin-top: 38px;padding: 14px 130px 14px 35px;background-color: #dfe1e9;}
#popupPoster div.send textarea {width: 100%;height: 74px;box-sizing:border-box;}
#popupPoster div.send span.btn {position: absolute;right: 34px;top: 14px;width: 90px;height: 74px;}
#popupPoster div.send span.btn * {display: block;width: 100%;height: 100%;padding: 0;}

#popupPoster div.list {float: right;overflow: hidden;width: 430px;padding: 0;background-color: #e1e4ee;}
#popupPoster div.list dl {position: relative;height: 440px;padding: 25px 15px 20px;box-sizing:border-box;}
#popupPoster div.list dl > dt {padding: 0 0 13px 10px;margin-bottom: 10px;border-bottom: 1px solid #ccc;color: #272b4b;font-size: 20px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
#popupPoster dd.count {position: absolute;right: 40px;top: 40px;margin: 0;color: #272b4b;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
#popupPoster dd.count span {color: #cc1f4c;}

#popupPoster div.list dd.scrollArea {overflow-x: hidden;overflow-y: auto;height: 300px;padding-right: 25px;}

#popupPoster div.list ul {}
#popupPoster div.list li {position: relative;padding-right: 60px;border-bottom: 1px solid #a6adc3;}
#popupPoster div.list li:first-child {border-top: 0 none;}
#popupPoster div.list a.brief {position: relative;display: block;padding:13px 0 13px 130px;text-decoration: none;color: #999;font-size: 14px;line-height: 20px;}
#popupPoster div.list a.favor {position: absolute;right:15px;top: 50%;margin-top: -10px;}


#popupPoster div.list a > span {display: block;}
#popupPoster div.list span.thumb {position: absolute;left: 10px;top: 6px;width: 110px;height: 60px;border: 1px solid #ccc;box-sizing:border-box;}
#popupPoster div.list span.thumb img {display: block;width: 100%;height: 100%;}


#popupPoster div.list span.code {color: #272b4b;font-size: 15px;}
#popupPoster div.list span.tit {position:relative;overflow:hidden;display: inline-block;max-width:100%;font-size: 15px;line-height: 26px;color: #222;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;text-overflow:ellipsis;white-space:nowrap;}

#popupPoster div.list .view {background-color: #d1d5e2;}
#popupPoster div.list .view span.thumb {background-color: #182644;}
#popupPoster div.list .view 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;}
#popupPoster div.list .view span.thumb img {opacity: .2;}
#popupPoster div.list .view span.tit {color: #192c8d;border-bottom: 1px solid #192c8d;}

#popupPoster div.list dl.bg {height: 304px;background-color: #f8f8f8;}
#popupPoster div.list dl.bg dd.scrollArea {height: 200px;}

#popupPoster p.close {position: absolute;right: 0;top: -64px;margin: 0;}
#popupPoster p.close a, div.layerPopup p.close img {display: block;}



#popupPoster h1 {margin: 0;padding: 0 30px;color: #fff;background-color: #272b4b;font-size: 20px;line-height: 73px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.replyArea {overflow-x: hidden;overflow-y: auto;position: relative;height: 611px;padding: 30px;}
div.replyArea a {text-decoration: none;color: inherit;}
div.replyArea .brief {position: absolute;left: 0;color: #313131;font-size: 1.1em;}

dl.replyItem {position: relative;padding: 20px;border-bottom: 1px solid #d2d2d2;}
dl.replyItem,
div.replyWrite.reply {margin: 0 40px;}

dl.replyItem.reply,
div.replyWrite.reply {background-image: url('layout//replyBl.png');background-repeat: no-repeat;}
dl.replyItem.reply {padding-left: 80px;background-position:60px 25px;}
div.replyWrite.reply {padding-left: 45px;background-position:25px 25px;}


dl.replyItem > dt,
dl.replyItem > dd {margin: 0;}
dl.replyItem > dt {color: #313131;font-size: 1.1em;}
dl.replyItem > dt span,
dl.replyItem > dt a {display: inline-block;color: #808080;font-size: 0.8em;}
dl.replyItem > dt span {display: inline-block;content: "|";padding: 0 10px;}
dl.replyItem > dt a {}
dl.replyItem > dt a:before {display: inline-block;padding-right: 5px;content: "\f3e5";font-family: "Font Awesome 5 Free";font-weight: 900;color: #000;}
dl.replyItem > dd {padding-top:10px;font-size: 14px;color: #808080;}
dl.replyItem > dd.util,
dl.replyItem.modify > dd.util {position: absolute;right: 20px;top: 25px;padding: 0;font-size: 0.8em;}
dl.replyItem > dd.util a:first-child:after {display: inline-block;content: "|";padding: 0 6px 0 10px;color: #808080;}
dl.replyItem.modify > dd.util a:first-child {display:  none;}

div.replyWrite {position: relative;padding: 20px 150px 20px 20px;border-bottom: 1px solid #d2d2d2;}
div.replyArea textarea {width: 100%;height: 100px;padding: 10px;box-sizing:border-box;border: 1px solid #d2d2d2;background-color: #f7f7f7;}
div.replyArea span.btn {position: absolute;right: 20px;top: 20px;width: 120px;height: 100px;}
div.replyArea span.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 1.2em;}

dl.replyItem.modify > dd {position: relative;padding: 20px 130px 0 0;}
dl.replyItem.modify span.btn {right: 0;}


















/* E-Booth */
div#container.exhibition {background: url('exhibition/exhibitionBg.png') center 150px no-repeat;background-size: cover;}

div.exhibition div.contents {width: auto;}

ul.grade, ul.grade li {margin: 0;padding: 0;list-style:none;}
ul.grade {padding: 100px 0 0px;text-align: center;font-size: 0;line-height: 0;}
ul.grade li {display: inline-block;width: 210px;height: 438px;margin-left: 13px;padding: 11px 47px 37px 9px;vertical-align: top;background: url('exhibition/grade_bg.png') 0 0 no-repeat;}
ul.grade li:first-child {margin-left: 0;}
ul.grade a, ul.grade img {display: block;}


dl.note, dl.note dt, dl.note dd {margin: 0;padding: 0;}
dl.note {width: 1300px;margin: 30px auto 0;padding: 15px 30px;background-color: rgba(255,255,255,.8);box-sizing:border-box;color: #3f495d;font-size: 14px;font-family: 'NotoSansKR Regular', sans-serif;font-weight: 400;}
dl.note:first-child{margin-left: 0;}
dl.note dt {font-size: 16px;color: #c81b45;font-weight: 500; margin-bottom: 10px;}

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


ul.exhibitionList, ul.exhibitionList li, ul.exhibitionList a {margin: 0;padding: 0;list-style:none;}
ul.exhibitionList {padding-top: 350px;text-align: center;font-size: 0;line-height: 0;}
ul.exhibitionList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

ul.exhibitionList > li {position: relative;display: inline-block;width: 424px;height: 203px;vertical-align: top;margin-left:17px;background: url('exhibition/exhibition_bg.png') center center no-repeat;}

ul.exhibitionList a {position: relative;display: table-cell;width: 424px;height: 203px;text-decoration: none;text-align: center;vertical-align: middle;}
ul.exhibitionList a img {display: inline-block;width: 172px;}
ul.exhibitionList a:hover:before,
ul.exhibitionList a:focus:before {z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url('exhibition/exhibition_bg_on.png') center center no-repeat;}

ul.exhibitionList > li.comp a:after {position: absolute;right: 113px;top: 20px;width: 53px;height: 40px;border-radius:5px;content: "Viewed";text-align: center;font-size: 13px;line-height: 40px;color: #fff;background-color: rgba(179,12,41,.8);font-family: 'NotoSansKR Regular', sans-serif;font-weight: 300;}






ul.stamp {margin: 0;padding: 0;text-align: center;}
/*ul.stamp li {position: relative;display: inline-block;width: 90px;height: 90px;vertical-align: top;margin: 0 0 0 26px;list-style:none;background: url('exhibition/stampBg.png') center center no-repeat;}*/
ul.stamp li {position: relative;display: inline-block;width: 90px;height: 90px;vertical-align: top;margin: 0 0 0 26px;list-style:none;background: url('exhibition/stampBg.png') center center no-repeat;}
ul.stamp li:first-child {margin-left: 0;}
ul.stamp span {display: table-cell;width: 90px;height: 90px;vertical-align: middle;text-align: center;}
ul.stamp img {display: inline-block;width: 80px;transform:rotate(-15deg);}

ul.stamp li.comp {background-image: url('exhibition/stampBg_comp.png');}
ul.stamp li.comp:before {overflow: hidden;z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius:50%;content: "";background: url(exhibition/stampBg_comp_txt.png) center center no-repeat;}



div#popupExhibition {}
div#popupExhibition > div {width: 1300px;height: 732px;margin: -369px 0 0 -650px;border: 3px solid #272b4b;background-color: #fff;}
dl.exhibitionBrief, dl.exhibitionBrief dt, dl.exhibitionBrief dd {margin: 0;padding: 0;}
dl.exhibitionBrief {position: relative;height: 145px;padding: 0 250px 0 360px;background-color: #f3f3f3;}
dl.exhibitionBrief > dt {color: #1b1b1b;font-size: 32px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
dl.exhibitionBrief > dd {color: #222;font-size: 14px;line-height: 25px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
dl.exhibitionBrief > dd.logo {position: absolute;left: 30px;top: 50%;width: 300px;height: 110px;margin-top: -55px;border: 1px solid #ccc;background-color: #fff;}
dl.exhibitionBrief > dd.logo span {display: table-cell;width: 298px;height: 108px;text-align: center;vertical-align: middle;}
dl.exhibitionBrief > dd.logo img {display: inline-block;}
dl.exhibitionBrief .btn {position: absolute;right: 30px;top: 50%;width: 170px;height: 50px;margin-top: -25px;}
dl.exhibitionBrief .btn a {display: block;color: #fff;background-color: #d24d57;border-color: #d24d57;font-size: 15px;line-height: 50px;padding: 0;text-align: center;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}

div.bizCon {float: left;width: 810px;padding: 30px;}
div.imgRolling, div.imgRolling * {margin: 0;padding: 0;list-style:none;}
div.imgRolling {position: relative;}
div.imgRolling img {display: block;height: 360px;margin: 0 auto;}

div.imgRolling a.bx-prev,
div.imgRolling a.bx-next {position: absolute;top: 50%;width: 34px;height: 61px;text-indent: -10000px;background-position: center center;background-repeat: no-repeat;}
div.imgRolling a.bx-prev {left: 30px;background-image: url('exhibition/info_prev.png');}
div.imgRolling a.bx-next {right: 30px;background-image: url('exhibition/info_next.png');}

div.bizCon dl.scrollArea {height: 131px;margin:30px 0 0;padding: 0;color: #222;font-size: 15px;line-height: 25px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.bizCon dl.scrollArea > dt {font-size: 18px;line-height: 32px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}


div.bizInfo {float: right;width: 430px;height: 320px;padding: 20px 40px 32px;background-color: #e1e4ee;box-sizing:border-box;}
div.bizInfo div.btn {overflow: hidden;}
div.bizInfo div.btn > a {float: right;width: 170px;padding: 0;line-height: 48px;color: #fff;background-color: #272b4b;border-color: #272b4b;text-align: center;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.bizInfo div.btn > a:first-child {float: left;}

div.bizCard {position: relative;margin-top: 10px;background-color: #fff;box-shadow:1px 1px 25px rgba(152,161,190,.55);}
div.bizCard img {display: block;}
div.bizCard > a {position: absolute;right: -40px;bottom: -40px;}

div#popupExhibition div.stamp {position: relative;float: right;width: 430px;height: 261px;padding: 35px 77px;background-color: #f8f8f8;box-sizing:border-box;}
div#popupExhibition div.stamp:before {position: absolute;left: 30px;top: 10px;width: 100%;content: "STAMP EVENT";color: #1b1b1b;font-family: 'NotoSansKR Medium', sans-serif;font-size: 18px;}
ul.stampList, ul.stampList * {margin: 0;padding: 0;list-style:none;}

div#popupExhibition ul.stampList {width: 276px;margin: 0 auto;text-align: center;}
div#popupExhibition ul.stampList:after {clear: both;display:block;height: 0;line-height: 0;font-size: 0;content: " ";}
div#popupExhibition ul.stampList li {position: relative;float: left;width: 76px;height: 76px;padding-top: 19px;margin:20px 0 0 24px;background: url('exhibition/stampBg.png') center center no-repeat;box-sizing:border-box;}
div#popupExhibition ul.stampList li:nth-child(3n+1) {margin-left: 0;}
div#popupExhibition ul.stampList li img {height: 30px;border: 1px solid #ddd;margin: 0 auto;transform:rotate(-30deg);}
div#popupExhibition ul.stampList li.visit {background-image: url('exhibition/stampBg_on.png');}
div#popupExhibition ul.stampList li.visit:before {z-index: 10;position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;margin: -50% 0 0 -50%;border-radius:50%;content: " ";background: url('exhibition/stampBg_on_txt.png') center center no-repeat;background-color: rgba(0,101,207,.5);}

div#popupExhibition div.stamp div.pager {position: absolute;right: 30px;top: 30px;color: #1b1b1b;font-size: 16px;}
div#popupExhibition div.stamp div.pager span {color: #0065cf;}

div#popupExhibition div.stamp div.bx-controls a {position: absolute;top: 50%;display: block;width: 19px;height: 33px;text-indent: -10000px;background-position: center center;background-repeat: no-repeat;}
div#popupExhibition div.stamp div.bx-controls a.disabled {opacity: .4;}

div#popupExhibition div.stamp a.bx-prev {left: 30px;background-image: url('exhibition/stamp_prev.png');}
div#popupExhibition div.stamp a.bx-next {right: 30px;background-image: url('exhibition/stamp_next.png');}



/* E-Booth 상세 > 방명록  */
div.guest {position: relative;padding: 50px 0 65px;}
div.guest h3 {margin: 0;padding:25px 0;text-align: center;font-weight: normal;color: #272b4b;font-size: 34px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.guest h3 + p {margin: 0;text-align: center;color: #222;font-size: 17px;font-family: 'Roboto-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: 40px 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: rgba(255,255,255,.7);font-size: 15px;font-family: 'Roboto-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 li input,
div.guest textarea {background-color: transparent;border: 0 none;box-sizing:border-box;}

div.guest li input {display: block;width: 100%;height: 42px;}
div.guest textarea {height: 254px;padding: 25px;}

div.guest div.btn .btnDef {display: block;width: 200px;height: 50px;margin: 0 auto;border-color: #fda300 !important;background-color: #fda300 !important;}



/* Exhibition Hall */

div.wrapper.ebooth {padding-top: 95px;}
div.ebooth div.titArea {background-color: #fff;}
div.ebooth div.contents {width: auto;position: relative;padding-bottom: 124px;}
div.ebooth div.contents::after{content:""; display:block; clear: both;}

div.ebooth div#container {padding-top: 1px;background: url('ebooth/eboothBg_galaxy.png') center 150px no-repeat;}
div.ebooth div#container.gold {background-image: url('ebooth/eboothBg_gold.png');}
div.ebooth div#container.angel {background-image: url('ebooth/eboothBg_angel.png');}


ul.ebooth, ul.ebooth li, ul.ebooth a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
ul.ebooth {position: absolute;left: 50%;bottom: 64px;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: 25%;text-align: center;}
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: 17px;line-height: 28px;}
ul.ebooth .on a {padding-bottom: 14px;border-bottom: 3px solid #fff;opacity: 1;font-family: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;}

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

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

ul.gold {padding: 100px 0 30px;text-align: center;font-size: 0;line-height: 0;}
ul.gold li {display: inline-block;width: 210px;height: 438px;padding: 13px 47px 38px 9px;margin-left: 5px;vertical-align: top;background: url('ebooth/gold_bg.png') 0 0 no-repeat;}
ul.gold li:first-child {margin-left: 20px;}
ul.gold a {position: relative;display: block;height: 100%;;box-sizing:border-box;} 
ul.gold img {display: block;}

div.angel {padding: 115px 0 30px;}
div.angel ul.ebooth {bottom: 34px;}
div.angel ul.bg {width: 1100px;height: 130px;margin: 0 auto 0px;padding: 45px 53px 125px 50px;background: url('ebooth/angle_bg.png') 0 0 no-repeat;font-size: 0;line-height: 0;text-align: center;}
div.angel ul.bg li {display: inline-block; padding: 0 0 30px;vertical-align: middle; width: 150px; margin-left: 20px;}
div.angel ul.bg li:first-child {margin-left: 0;}
div.angel ul.bg a, div.angel ul.bg img {display: block;}
div.angel ul.bg img {margin: 0 auto; width: 100%;}

div.angel ul.list {width: 1200px;margin: -30px auto 0;padding:0;}
div.angel ul.list:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ""; }
div.angel ul.list li {float: left; display:block; width: 130px; margin:20px 0 0 76px;list-style:none; vertical-align: middle;}
div.angel ul.list li:nth-child(6n+1) {clear: both; width: 120px; margin-left: 0;}
div.angel ul.list a, div.angel ul.list img {display: block; margin: 0 auto; width: 100%;}

/* Galaxy, Diamond 등급 상세보기*/
div.eboothDetail {position: relative;width: 1400px;height: 553px;margin: 92px auto 20px;background-position: center top;background-repeat: no-repeat;}
div.eboothDetail h2 {position: absolute;left: 50%;top: 50px;width: 250px;height: 130px;margin-left: -125px;}
div.eboothDetail h2 a {display: table-cell;width: 250px;height: 130px;vertical-align: middle;}
div.eboothDetail h2 img {display: inline-block;vertical-align: middle;}

div.eboothDetail ul.menu {position: absolute;left: 50%;top: 158px;width: 162px;height: 329px;margin: 0 0 0 -616px;padding: 0;}
div.eboothDetail ul.menu li {margin: 0;list-style:none;}
div.eboothDetail ul.menu a {position: relative;display: block;height: 100%;text-decoration: none;}
div.eboothDetail ul.menu a:before {position: absolute;left: 15px;top: 0;width: calc(100% - 30px);height: 1px;content: "";background-color: rgba(255,255,255,.5);}
div.eboothDetail ul.menu li:first-child a:before {display: none;}
div.eboothDetail ul.menu span {position: absolute;left: 20px;top: 50%;margin-top: -13px;color: #fff;font-size: 15px;line-height: 26px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.eboothDetail ul.menu img {position: absolute;right: 20px;top: 50%;margin-top: -10px;}

div.eboothDetail ul.menu2ea li {height: 50%;}

div.eboothDetail ul.menu3ea li {height: 33.4%;}
div.eboothDetail ul.menu3ea li:first-chid {height: 33.2%;}

div.eboothDetail ul.menu4ea li {height: 20%;}
div.eboothDetail ul.menu5ea li {height: 25%;}
div.eboothDetail ul.menu6ea li {height: 16.7%;}
div.eboothDetail ul.menu6ea li:first-child {height: 16.5%;}


div.eboothDetail div.vod {position: absolute;left: 50%;top: 186px;width: 240px;height: 143px;margin-left: -120px;}
div.eboothDetail div.vod img {display: block;width: 100%;height: 100%;}
div.eboothDetail div.poster {position: absolute;left: 50%;top: 287px;width: 133px;height: 171px;}
div.eboothDetail div.poster.left {margin-left: -416px;}
div.eboothDetail div.poster.right {margin-left: 282px;}
div.eboothDetail div.bnr {position: absolute;left: 50%;top: 157px;width: 130px;height: 330px;margin-left: 472px;}


/* E-Booth 상세보기 팝업 */
div#popupEbooth {position: relative;width: 1300px;height: 726px;background-color: #fff;}
.layerPopup div#popupEbooth {position: absolute;left: 50%;top: 50%;margin: -402px 0 0 -650px;padding-top: 60px;background-color: transparent;}

div#popupEbooth h1 {padding: 19px 0 20px;background-color: #272b4b;color: #fff;font-size: 34px;text-align: center;font-family: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;font-weight: normal;}
div#popupEbooth div.popupCon {height: 744px;background-color: #fff;}

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

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


/* E-Booth 상세 > Company  */
div.company {position: relative;padding-right: 455px;}
div.company div.bizCon {padding: 35px 10px 35px 40px;}
div.company div.bizCon div.scrollArea {height: 580px;padding-right: 30px;}
div.company h3 {text-align: center;}
div.company h3 img {display: inline-block;vertical-align: top;}
div.bizCon dt.tit {margin: 30px 0 10px;color: #222;font-size: 18px;font-family: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.bizCon dt.tit.bg {padding: 10px 20px;background-color: #304457;color: #fff;}

div.company div.bizInfo {position: absolute;right: 0;top: 0;width: 430px;height: 100%;padding:10px 40px 40px;background-color: #e1e4ee;box-sizing:border-box;}
div.company div.bizInfo > * {margin-top: 30px;}
div.company .bizCard {position: relative;margin: 0;background-color: #fff;box-shadow:1px 1px 25px rgba(152,161,190,.55);}
div.company .bizCard > * {display: block;width: 100%;height: 210px;}
div.company .bizCard a {position: absolute;right: -38px;bottom: -38px;width: 88px;height: 88px;}
div.company .contact {margin: 0;font-size: 15px;line-height: 25px;color: #222;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}

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

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: 'Roboto-SemiBold', '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: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.company dl.live dd {color: #fff881;font-size: 13px;font-family: 'Roboto-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: 'Roboto-SemiBold', '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%; margin: 0 auto;}
ul.download li > img {height: 282px;}
ul.download a {position: relative;margin-top: 20px;padding-left: 25px;background-color: #272b4b;color: #fff;line-height: 50px;font-size: 15px;font-family: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;text-align: left;text-decoration: none; box-sizing:border-box;}
ul.download a img {position: absolute;right: 25px;top: 50%;width: 13px;height: 15px;margin-top: -8px; }

/* E-Booth 상세 > Movie  */
div.eboothMovie {position: relative;padding-right: 332px !important;}
div.eboothMovie h3 {margin: 0;padding:35px 0;text-align: center;font-weight: normal;color: #272b4b;font-size: 34px;font-family: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.eboothMovie div.vodArea {width: 775px;height: 435px;margin: 0 auto;}
div.eboothMovie div.caption {width: 775px;margin: 20px auto 0;color: #272b4b;font-size: 18px;font-family: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;}

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: 332px;height: 100%;padding: 20px;background-color: #e1e4ee;box-sizing:border-box; overflow: hidden;}
div.moveList ul {height: 540px;padding-right: 42px;}
div.moveList ul::-webkit-scrollbar {background-color: #fff;}
div.moveList li {padding-top:7px;}
div.moveList li:first-child {padding-top: 0;}
div.moveList a, div.moveList img {display: block;}
div.moveList a {width: 284px;font-size: 15px;line-height: 20px;color: #222;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.moveList img { width: 284px;padding-bottom: 5px; }


/* 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: 'Roboto-SemiBold', '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: 'Roboto-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: 'Roboto-SemiBold', '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.on:before {display: none;}
ul.check label {display: block;color: #1b1b1b;font-size: 14px;line-height: 20px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}

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

/* E-Booth 상세 > 방명록  */
div.guest {position: relative;}
div.guest h3 {margin: 0;padding:25px 0;text-align: center;font-weight: normal;color: #272b4b;font-size: 34px;font-family: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.guest h3 + p {margin: 0;text-align: center;color: #222;font-size: 17px;font-family: 'Roboto-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: 40px 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: rgba(255,255,255,.7);font-size: 15px;font-family: 'Roboto-SemiBold', '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 li input,
div.guest textarea {background-color: transparent;border: 0 none;box-sizing:border-box;}

div.guest li input {display: block;width: 100%;height: 42px;}
div.guest textarea {width: 100%;height: 254px;padding: 25px;box-sizing:border-box;}

div.guest div.btn .btnSend {display: block;width: 200px;height: 50px;margin: 0 auto;border-color: #272b4b;background-color: #272b4b;}

/* E-Booth 상세 > Stamp Event */
div.stamp {position: relative;}
div.stamp h3 {margin: 0;padding:25px 0;text-align: center;font-weight: normal;color: #272b4b;font-size: 34px;font-family: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.stamp h3 + p {margin: 0;text-align: center;color: #222;font-size: 17px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}

div.stamp .bg {position: relative;width: 1120px;height: 260px;margin: 30px auto 0;padding: 40px;background-color: #f2f3f5;}
div.stamp .bg .count {position: absolute;right: 0;top: -30px;margin: 0;color: #222;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}

div.stamp .scrollArea {height: 270px;}
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:15px 0 15px 30px;background: url('ebooth/stamp_bg.png') center center no-repeat;}
ul.stamp > li:nth-child(8n+1) {clear: both;margin-left: 0;}
ul.stamp a {overflow: hidden;position: relative;display: block;width: 110px;height: 110px;padding:50px 5px;border-radius:55px;box-sizing:border-box;}
ul.stamp > li:nth-child(8) a {padding: 40px 5px;}
ul.stamp img {width: 70%;display: block;height: auto;margin: 0 auto;}

ul.stamp .visit a:before {z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(155,12,63,.75);content: "Visited";text-align: center;line-height: 110px;color: #fff;font-size: 20px;font-family: 'Roboto-SemiBold', 'NotoSansKR Medium', sans-serif;}

div.stamp div.btn {padding-top: 35px;}
div.stamp div.btn .btnDef {display: block;width: 200px;margin: 0 auto;}
div.stamp div.btn .btnDef img {padding: 16px 0;}

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





/* My Page */
div.mypage {padding-bottom: 100px;}

div.mypage ul.subMenu {padding-bottom: 50px;}
div.mypage > p.note {padding-bottom: 10px;color: #cc1f4c;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.mypage td {line-height: 30px;}
div.mypage td a {display: inline-block;width: 76px;line-height: 30px;text-align: center;vertical-align: top;background-color: #272b4b;color: #fff;}

div.mypage div.stamp {padding-top: 50px;;}
div.mypage div.stamp .bg {height: auto;}
div.mypage div.stamp .scrollArea {overflow-y: auto;height: auto;}