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

strong { font-weight:500; }

ul.listNum, ul.listNum > li,
ul.listNum_2, ul.listNum_2 > li,
ul.noBl, ul.noBl > li,
ul.listBar, ul.listBar > li,
ul.listDot, ul.listDot > li { 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:#0d5ccd; }
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; }

div.webinarIntro { position:relative; height:935px; background:#fffaeb url('layout/intro_bg.png') center top no-repeat; background-size:cover; font-weight:400; }
div.webinarIntro > div.intro { position:absolute; left:50%; top:50%; width:1180px; height:656px; margin:-328px 0 0 -590px; }
div.webinarIntro h1 { padding-bottom:60px; text-align:center; }
div.webinarIntro h1 img { display:block; margin:0 auto; }
.txtUnderline { display:inline-block; box-shadow:inset 0 -12px 0 rgb(235 223 237); }

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

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


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

div.introSponsor { position:fixed; left:0; bottom:0; width:100%; background-color:#fff; }
div.introSponsor div.sponsor { position:relative; width:1200px; margin:0 auto; }
div.introSponsor div.sponsor ul, div.introSponsor div.spon ul li { margin:0; padding:0; list-style:none; }
div.introSponsor div.sponsor ul { width:100%; height:90px; }
div.introSponsor div.sponsor ul:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.introSponsor div.sponsor ul > li { float:left; }
div.introSponsor div.sponsor ul > li:first-child { padding-left:0; }
div.introSponsor div.sponsor ul a { display:table-cell; height:90px; vertical-align:middle; }
div.introSponsor div.sponsor ul img { display:inline-block; }
div.introSponsor div.sponsor div.bx-wrapper { width:1005px; height:90px; padding:0; margin:0 auto; }
div.introSponsor div.sponsor div.bx-wrapper li { width:155px !important; }
div.introSponsor div.sponsor div.bx-wrapper li.grade { width:70px !important; text-align:right; }
div.introSponsor div.sponsor a.bx-prev,
div.introSponsor div.sponsor a.bx-next { position:absolute; top:30%; width:18px; height:35px; text-indent:-10000px; background-repeat:no-repeat; }
div.introSponsor div.sponsor a.bx-prev { left:45px; background-image:url('layout/intro_sponPrev.png'); background-position:left center; }
div.introSponsor div.sponsor a.bx-next { right:45px; background-image:url('layout/intro_sponNext.png'); background-position:right center; }


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

div.loginWrap { position:relative; min-width:1200px; min-height:900px; background:#f3f8ff url('layout/login_bg.png') center top no-repeat; background-size:cover; font-weight:400; box-sizing:border-box; }
div.loginArea { position:absolute; width:1200px; left:50%; top:50%; transform:translate(-50%, -50%); padding:0 0 100px; background:url('layout/login_logo.png') center bottom no-repeat; }
div.loginArea h1 { margin:0; padding-bottom:60px; }
div.loginArea h1 img { display:block; margin:0 auto; }
div.loginArea div.formArea { position:relative; width:840px; margin:0 auto; box-sizing:border-box; box-shadow:0 0 18px rgba(0,0,0,.24); background-color:#fff; }
div.loginArea form { padding:55px 60px 30px; }
div.loginArea form:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.loginArea input { float:left; height:60px; font-size:16px; height:60px; border:0 none; box-sizing:border-box; font-weight:400; }
div.loginArea form p { margin-bottom:10px; color:#24439d; font-size:15px; font-weight:500; }
div.loginArea input[type=text] { width:calc(100% - 130px); padding:0 60px; color:#000; background:#f7f7f7 url('layout/login_id.png') 25px center no-repeat; }
div.loginArea input[type=text]::placeholder { color:#ccc; }
div.loginArea input[type=submit] { width:130px; color:#fff; background-color:#24439d;  cursor:pointer; }
div.loginArea input[type=submit]:hover { background-color:#0d57ab; -webkit-transition:0.5s ease; transition:0.5s ease;}
div.loginNote { padding:0 60px 44px; }
div.loginNote:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.loginNote > * { display:block; }
div.loginNote span { padding-bottom:10px; color:#254aa1; font-size:19px;font-weight:500;letter-spacing: -0.5px; }
div.loginNote img { display:inline-block; vertical-align:middle; padding-right:5px; }
div.loginNote a { float:left; width:calc(50% - 4px); text-align:center; font-size:16px; line-height:44px; color:#fff; background-color:#254aa1; font-weight:400; border:1px solid #254aa1 }
div.loginNote a + a { float:right; background-color:#61338e; border:1px solid #61338e}
div.loginNote a:hover { color:#254aa1; border:1px solid #254aa1; background-color:#fff;-webkit-transition:0.5s ease; transition:0.5s ease;}
div.loginNote a + a:hover { border:1px solid #61338e}

ul.siteNote, ul.siteNote li, ul.siteNote a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.siteNote { padding:15px 0 15px 60px; background-color:#f8f8f8; }
ul.siteNote li { position:relative; margin-top:5px; padding-left:10px; font-size:15px; line-height:21px; color:#636363; font-weight:400; letter-spacing:-0.025em; }
ul.siteNote li:first-child { margin-top:0; }
ul.siteNote li:before { position:absolute; left:0; top:0; content:"·"; }
ul.siteNote strong { color:#000; }
ul.siteNote a { color:#4b8fff; text-decoration:underline; }
ul.siteNote span { color:#ee2f2f; }


/* 레이아웃 */
div.wrapper { position:relative; position:relative; min-width:1300px; padding-top:120px; font-weight:300; font-size:16px; line-height:25px; color:#111; background-color:#fff; }

div#headerWrap { z-index:100; position:absolute; left:0; top:0; width:100%; background:#fcf5fc  url('layout/bg.png') center top no-repeat; }
div#headerWrap > div { position:relative; width:1300px; height:120px; padding:; margin:0 auto; box-sizing:border-box; }
div#headerWrap h1 { position:absolute; left:0; top:50%; transform:translateY(-50%); }
div#headerWrap h1 a, 
div#headerWrap h1 img { display:block; } 

ul#gnb { position:absolute; left:256px; top:50%; transform:translateY(-50%); margin:0; padding:0; }
ul#gnb > li { position:relative; float:left; margin:0; padding:0 25px; vertical-align:top; list-style:none; }
ul#gnb > li:after { position:absolute; display:block; right:0; top:50%; transform:translateY(-50%); width:1px; height:16px; background-color:#9ca1b4; content:''; }
ul#gnb > li:last-child { padding-right:0; }
ul#gnb > li:last-child:after { display:none; }
ul#gnb a { position:relative; display:block; padding:0 5px; text-decoration:none; color:#222; font-size:20px; line-height:25px; font-weight:500; }
ul#gnb > li.on a,
ul#gnb a:hover { color:#41278b; }
ul#gnb > li.on a { box-shadow:inset 0 -12px 0 rgb(235 223 237); }

div.userInfo { position:absolute; right:0; top:50%; transform:translateY(-50%); }
div.userInfo span { display:inline-block; vertical-align:top; padding:0 5px; color:#868686; font-size:17px; line-height:35px; font-weight:500; }
div.userInfo a { display:inline-block !important; vertical-align:top; width:82px; height:35px; border-radius:5px; margin-left:10px; padding:0; line-height:35px; color:#fff; background-color:#84498f; text-align:center; font-size:15px; font-weight:500; border-radius:3px; box-sizing:border-box; }

div#container { position:relative; }
 
div.titArea { position:relative; background:linear-gradient(to right,#9d5389,#554aab); }
div.titArea .pageTit { z-index:10; width:1300px; margin:0 auto; box-sizing:border-box; color:#fff; font-size:24px; line-height:60px; font-weight:500; font-weight:500; }

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

.subTit { margin:30px 0 10px; height:20px; padding:0; border-bottom:2px solid #e4eef9; }
.subTit span { display:inline-block; vertical-align:top; padding:0 5px 2px 20px; font-size:20px; line-height:20px; color:#84498f; background:#fff url('layout/subTit.png') 0 2px no-repeat; }
.subTit:first-child,
legend + * { margin-top:0 !important; }


/* 레이어 팝업 */
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); }
div.layerPopup .close { position:absolute; right:25px; top:20px; width:65px; height:65px; margin:0; padding:0; }
div.layerPopup .close a, div.layerPopup .close img { display:block; }
div.layerPopup div.popupWrap { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
div.popupWrap { position:relative; font-weight:400; }
div.popupWrap h1 { margin:0; padding:20px 0; text-align:center; font-size:27px; line-height:23px; color:#fff; background-color:#342853; font-weight:500; }
div.popupCon { padding:5px; }
div.popupWrap .close { position:absolute; right:18px !important; top:14px !important; display:block;  cursor:pointer; }
div.popupWrap .close a { display:block; height:100%; font-size:0; line-height:0; background:url('layout/layerpopup_close.png') center center no-repeat; }


/* 팝업 > 프로그램 */
div#popupProgram { width:800px; }
div#popupProgram h2 { margin:0; padding:10px 0 10px 0px; text-align:center; font-size:32px; line-height:32px; color:#004899; font-weight:700; }
div#popupProgram table { border-top:0 none; }
div#popupProgram td { padding:15px 10px; border-left:0 none; text-align:right; border-bottom:1px solid #c3c3c3; color:#111; font-size:16px; line-height:21px;letter-spacing: -0.5px; font-weight:400; }
div#popupProgram td:first-child { text-align:center; color:#494949; font-weight:500; }
div#popupProgram td.tit { text-align:left; font-weight:500; }
div#popupProgram tr.session > * { background-color:#004899; color:#fff; }

.rePlay { display:inline-block; vertical-align:top; margin-left:10px; padding:5px 10px 5px 15px; border-radius:15px; color:#fff; font-size:14px !important; line-height:16px !important; 
	font-weight:400 !important; background-color:#E91E63; }
.rePlay img { display:inline-block; vertical-align:top;  width: 18px;     padding-left: 2px; }
.rePlay:hover{background-color:#d91a5b;}

/* 프로그램 */
table.program { border-top:0 none; }
table.program td { padding:15px 10px 15px 10px !important; border-left:0 none; text-align:center; border-bottom:1px solid #c3c3c3; color:#111; font-size:16px; line-height:25px; font-weight:400; }
table.program td:first-child { text-align:center; color:#494949; font-weight:500; }
table.program td.tit { text-align:left; font-weight:500; }
table.program tr.session > * { background-color:#004899; color:#fff; }


/* 팝업 > 다시보기 */
div#popupVod { width:1300px; }
div#popupVod div.popupCon { padding:30px; }
div#popupVod h2 { float:left; margin:0 0 20px; padding:0; font-size:26px; line-height:30px; font-weight:500; }
div#popupVod div.speaker { float:right; margin:10px 0 20px; padding:0; font-size:18px; line-height:20px; font-weight:500; }
div#popupVod div.vodArea { clear:both; }


/* 팝업 > 등록하기 */
div#popupRegist { width:1208px; }
div#popupRegist  h1 { position:fixed; width:100%; margin:0; padding:20px 0; text-align:center; font-size:32px; line-height:35px; color:#fff; background-color:#272b4b; font-weight:500; }
div#popupRegist div.popupCon { padding:95px 30px 20px 30px; }

div#popupWrap::-webkit-scrollbar { width:10px; }
div#popupWrap::-webkit-scrollbar-track { background-color:#c4c4c4; }
div#popupWrap::-webkit-scrollbar-thumb { background-color:#cfd0d6; }

div#popupRegist div.agreeCon { padding:10px 20px; letter-spacing:-1px; }
div#popupRegist p.note { font-size:15px; color:#333; font-weight:500; letter-spacing:-1px; }


/* 팝업 > 공지사항 */
div#popupBbs { position:relative; width:1200px; }
div#popupBbs div.popupCon { overflow:hidden; height:720px; padding:0 380px 0 0; background-color:#fff; }

dl.bbsCon { height:745px; box-sizing:border-box; }
dl.bbsCon > dt { position:relative; display:table-cell; width:1000px; vertical-align:middle; height:80px; padding:0 215px 0 30px; color:#fff; background:#272b4b url('layout/bbs_logo.png') right 30px center no-repeat; font-size:24px; line-height:30px; font-weight:500; }
dl.bbsCon > dt span { position:absolute; right:30px; top:22px; }
dl.bbsCon > dt span img { display:block; }
dl.bbsCon > dd { height:620px; margin:0; padding:30px; color:#222; font-size:15px; line-height:25px; font-weight:400; }

div.bbsList { position:absolute; right:0px; top:0px; width:380px; height:100%; padding:105px 40px 36px; background-color:#f4f4f4; box-sizing:border-box; }
div.bbsList:before { position:absolute; left:40px; top:52px; width:calc(100% - 80px); padding-bottom:13px; border-bottom:2px solid #272b4b; color:#111; content:"공지사항"; font-size:20px; font-weight:500; }
p.count { position:absolute; right:40px; top:60px; margin:0; color:#272b4b; font-size:15px; font-weight:400; }
p.count span { color:#cc1f4c; }

div.bbsList ul { overflow-x:hidden; overflow-y:auto; height:624px; margin:0; padding:0; counter-reset:num 0; }
div.bbsList li { border-bottom:1px solid #c0c0c0; list-style:none; }
div.bbsList li a:hover { background-color:rgba(202,204,216,0.4); }
div.bbsList li a { position:relative; display:block; padding:20px 20px 20px 55px; text-decoration:none; font-weight:400; }
div.bbsList li a:before { position:absolute; left:0; top:50%; transform:translateY(-50%); width:55px; text-align:center; counter-increment:num 1; content:'' counter( num ); color:#222; font-size:17px; line-height:30px; font-weight:400; }
div.bbsList li span { display:block; color:#727272; font-size:15px; line-height:20px; }
div.bbsList li span.tit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#222; font-size:18px; line-height:30px; ; font-weight:500; }
div.bbsList li.on a { background-color:#e4e4e4; }
div.bbsList li.on span.tit { color:#e61c22; }

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


/* 팝업 >  Technical Support */
#popupTech { position:relative;  background-color:#fff; box-sizing:border-box; }
#popupTech h1 { padding:20px 60px 20px 25px; font-size:20px; line-height:20px; color:#fff; background:#2a4b69; font-weight:500; }
#popupTech div.popupCon { padding:35px;}

dl.contact, dl.contact dt, dl.contact dd { margin:0; padding:0; }
dl.contact { margin-bottom:10px; padding-left:90px; background:url('layout/popupTech_bg.png') left no-repeat;  font-weight:500;     height: 80px;}
dl.contact > dt { padding-bottom:5px; color:#c82d51; font-size:17px; line-height:20px; font-weight:700; }
dl.contact > dd,
dl.contact > dd a { color:#343434; font-size:15px; line-height:25px; text-decoration:none; }

#popupTech div.formArea { position:relative; }
#popupTech div.formArea dl { overflow:hidden; }
#popupTech div.formArea dt, 
#popupTech div.formArea dd { float:left; width:calc(50% - 55px); }
#popupTech div.formArea dt { width:50px; margin-left:10px; }
#popupTech div.formArea dt:first-child { margin-left:0; }
#popupTech div.formArea label { color:#343434; font-size:15px; line-height:50px; font-weight:500; }
#popupTech div.formArea input[type=text],
#popupTech div.formArea textarea { display:block; width:100%; background-color:#f2f3f6; border:0 none; box-sizing:border-box; font-weight:400; }
#popupTech div.formArea input[type=text] { height:50px; padding:0 15px; }
#popupTech div.formArea textarea { height:122px; padding:15px; }
#popupTech div.formArea input[type=text]::placeholder,
#popupTech div.formArea textarea::placeholder { color:#989898; font-size:14px; line-height:18px; font-weight:400; }
#popupTech div.formArea div { position:relative; margin-top:15px; padding-right:122px; }
#popupTech div.formArea input[type=submit] { position:absolute; bottom:0; right:0; width:122px; height:100%; border:none; background-color:#272b4b; cursor:pointer; color:#fff; font-size:17px; font-weight:500; }
#popupTech .close { position:absolute; width:60px; height:60px; right:0; top:0px !important; }
#popupTech .close a { display:block; height:100%; background:url('layout/layerpopup_close.png') center center no-repeat;  cursor:pointer; }
#popupTech .close img { display:none; }


/* 팝업 > FAQ */
#popupFaq { position:relative; background-color:#fff; }
#popupFaq h1 { padding:20px 60px 20px 25px; font-size:20px; line-height:20px; color:#fff; background:#2a4b69; font-weight:500; }
#popupFaq div.popupCon { padding:0 0 100px; background:url('layout/bg_logo.png') center bottom 30px no-repeat; }

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

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

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

dl.faq, dl.faq > dt, dl.faq > dd, dl.faq ul, dl.faq li, dl.faq p { margin:0; padding:0; list-style:none; }
dl.faq:first-of-type { border-top:2px solid #5e617a; }
dl.faq { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:16px; line-height:21px; color:#000; font-weight:400; font-weight:400; }

dl.faq a.trigger { display:block; text-align:left; position:relative; display:block; padding:17px 80px 17px 70px; background:#fff; text-decoration:none; font-size:16px; line-height:21px; color:#000; font-weight:700; font-weight:400; text-decoration:none; }
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-weight:500; background-color:#212b75; color:#fff; font-size:15px; content:"Q"; }
dl.faq a.trigger: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-weight:700; 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 70px; border-top:1px solid #ccc; background:#fff; line-height:22px; word-break:keep-all; }
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-weight:500; 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;  word-break:keep-all; }
dl.faq > dd.toggleCon > *:first-child { margin-top:0; }
dl.faq > dd.toggleCon dt { padding:30px 0 10px; font-weight:bold; }
dl.faq > dd.toggleCon dt:first-child { padding-top:0; }
dl.faq > dd.toggleCon dd { overflow:hidden; }

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

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

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-weight:500; 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-weight:500; word-break:keep-all; }
dl.notice dd li > span { display:block; color:#333; font-weight:400; }


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

ul#quickMenu { overflow:hidden; z-index:10; position:fixed; right:0; top:50%; transform:translateY(-50%); width:70px; box-shadow:0 0 10px rgba(0,0,0,.1); }
ul#quickMenu a { display:table-cell; width:70px; height:70px; text-align:center; vertical-align:middle; color:#fff; font-size:12px; line-height:12px; box-sizing:border-box; 
	font-weight:400; background-color:#142743; }
ul#quickMenu li a:hover { background-color:#4e6382; }
ul#quickMenu li.top a { height:34px; background-color:#6282d5 !important; }
ul#quickMenu li.top a:after { display:inline-block; vertical-align:top; padding-left:5px; content:"▲"; font-size:.5em; }
ul#quickMenu img { display:block; margin:0 auto 10px; }

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

div.sponsorZone, div.sponsorZone dl, div.sponsorZone dt, div.sponsorZone dd, div.sponsorZone ul, div.sponsorZone li, div.sponsorZone a { margin:0; padding:0; list-style:none; text-decoration:none; }
div.sponsorZone { padding:10px 0; background-color:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
div.sponsorZone dl { position:relative; width:1300px; height:50px; margin:0 auto; box-sizing:border-box; }

div.sponsorZone dt { position:absolute; left:50%; top:0; margin-left:-650px; color:#2b3544; font-size:16px; line-height:50px; font-weight:500; }
div.sponsorZone dd { position:relative; padding:0 32px 0 118px; }

div.sponsorZone dd > ul { overflow:hidden; }
div.sponsorZone dd > ul li { float:left; margin-left:10px; line-height:43px; }
div.sponsorZone dd > ul li:first-child { margin-left:0; }
div.sponsorZone dd li a { display:table-cell; vertical-align:middle; border:1px solid #c9c9c9; }
div.sponsorZone dd li img { display:inline-block; height:50px; vertical-align:middle; }
div.sponsorZone a.bx-prev,
div.sponsorZone a.bx-next { position:absolute; top:10px; width:18px; height:35px; font-size:0; line-height:0; text-indent:-10000px; background-repeat:no-repeat; }
div.sponsorZone a.bx-prev { left:87px; background-image:url('layout/spon_prev.png'); background-position:left center; }
div.sponsorZone a.bx-next { right:0; background-image:url('layout/spon_next.png'); background-position:right center; }

div#footerWrap { position:relative; background-color:#313131; }

div.footer, div.footer a { font-size:15px; line-height:22px; color:#fff; text-decoration:none; font-weight:300; }
div.footer { position:relative; width:1200px; padding:27px 0 27px 380px; margin:0 auto; background:url('layout/footer_logo.png') no-repeat left center; box-sizing:border-box; }
div.footer p { font-size:15px; line-height:22px; color:#888; }
div.footer p a { color:#888; }
div.footer p.tech,
div.footer p.tech a { color:#fff; }
div.footer ul { font-size:0; line-height:0; }
div.footer li { position:relative; display:inline-block; padding:0 10px; vertical-align:top; line-height:22px; color:#888; font-size:15px; font-weight:300; }
div.footer li:before { position:absolute; left:0; top:6px; display:block; width:2px; height:11px; background-color:#888; content:''; }
div.footer li:first-child { padding-left:0; }
div.footer li:first-child:before { display:none; }
div.footer li a { display:inline-block; vertical-align:top; text-decoration:none; color:#888; }

dl.footer { }
dl.footer, dl.footer dt, dl.footer dd { margin:0; padding:0; }
dl.footer { position:relative; padding:20px 0; text-align:center; color:#fff; font-size:16px; line-height:23px; font-weight:400; background-color:#2b3544; }
dl.footer dd span { color:#99d2e7; }

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-weight:500; }

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

.pointTit { margin-bottom:30px; color:#fff; background-color:#a93e5c; text-align:center; font-size:17px; line-height:60px; font-weight:500; }

ul.subMenu, ul.subMenu li, ul.subMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }
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-weight:500; 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.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.ing { padding:95px 0 85px; font-size:0; line-height:0; text-align:center; }
div.ing img { display:inline-block; vertical-align:top; }


/* 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-weight:500; 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.ebooth { width:1400px; padding:190px 0 60px 0px}
 

/* 메인 */
div.wrapper.main div.sponsorZone { display:block; }
div#container.main { min-height:648px; background:url('layout/main_bg_img.png') center top no-repeat, url('layout/main_bg.png') 0 0 repeat-x; background-size:auto auto, auto 100%; }

div#container.main > ul#quickMenu { display:block !important; }
div#container.main > ul#quickMenu .home { display:none; }
div.main div.titArea { display:none; }
div.main div.contents { position:absolute; left:50%; top:50%; padding:0; transform:translate(-50%, -50%); }

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

ul.mainMenu, ul.mainMenu li, ul.mainMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }
div.main ul.mainMenu { /* display:grid; grid-template-columns:repeat(5, 1fr); gap:11px; */width:1300px; height:230px; padding:18px; border-radius:115px; font-size:0; line-height:0; box-sizing:border-box; background:linear-gradient( to right, #4399ae, #456bc0); }

div.main ul.mainMenu li { display:inline-block; vertical-align:top; }
/* div.main ul.mainMenu li:first-child { grid-column:1 / 3; grid-row:1 / 2; } */
div.main ul.mainMenu a { position:relative; display:block; width:233px; height:194px; margin-left:11px; padding:6px; border-radius:115px; background-color:rgba(255,255,255,.1); box-sizing:border-box; }
div.main ul.mainMenu li:first-child a { width:276px; margin-left:0; 	}
div.main ul.mainMenu a:hover { padding:0; border:6px solid #fff; }
div.main ul.mainMenu img { display:block; margin:0 auto; }

ul.mainUtil, ul.mainUtil li, ul.mainUtil a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.mainUtil { padding:30px 0; text-align:center; font-size:0; line-height:0; }
ul.mainUtil li { position:relative; display:inline-block; vertical-align:bottom; padding:0 50px; }
ul.mainUtil li:before { position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; width:3px; height:3px; border-radius:50%; background-color:#7486a1; }
ul.mainUtil li:first-child:before { display:none; }
ul.mainUtil a { position:relative; display:block; padding:0 15px; color:#142744; font-size:17px; line-height:25px; font-weight:500; }
ul.mainUtil a:after { position:absolute; left:0; bottom:-4px; width:100%; height:15px; border-radius:8px; content:""; background-color:#227dd9; opacity:0.1; }
ul.mainUtil img { display:inline-block; vertical-align:top; padding-right:10px; }






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-weight:500; }
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-weight:300; font-size:17px; }
dl.introBbs li a:hover { color:#ffe500; }







/* 팝업 > 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-weight:500; }
div#popupQna div.popupCon { padding:20px 50px; font-size:16px; }
div#popupQna div.popupCon > p { margin:20px 0 40px; text-align:center; font-weight:400; color:#141a5b; }

div#popupQna dt { padding-bottom:15px; color:#bc1139; font-weight:500;  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-weight:300; }
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-weight:500; 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-weight:500; }
#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-weight:500; 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-weight:500; }

#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-weight:500; }

#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-weight:500; }
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-weight:500; }
div#popupDownload div.popupCon > a img { display:block; margin:0 auto 17px; }
div#popupDownload .close { position:absolute; top:36px; right:50px; }



/* 인사말 */
div.message { padding:50px 0; color:#222; font-size:15px; line-height:27px; font-weight:400; }
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-weight:500; }

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; color:#fff; font-size:24px; line-height:24px; font-weight:500; }
div.virtual h3 span { display:inline-block; vertical-align:top; margin-top:-4px; color:#fefd85; font-size:38px; font-weight:500; }
div.virtual h3 + p { width:275px; margin:0 auto; text-align:center; color:#fff; font-size:17px; line-height:37px; font-weight:300; 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-weight:500; }

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-weight:500; }
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-weight:500; margin-bottom:7px; }
dl.roomBrief dt span.name { overflow-x:hidden; overflow-y:auto; font-size:16px; line-height:23px; font-weight:500; 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:#cfd0d6; }

dl.roomBrief dt span.date { margin-top:5px; font-size:14px; line-height:18px; font-weight:300; }
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-weight:500; }


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-weight:500; }
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-weight:400; 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; }

table.program, table.program > thead, table.program > tbody, table.program > tfoot, table.program > * > tr, table.program * > tr > * { margin:0; padding:0; border:0 none; }
table.program { width:100%; border:0; border-collapse:separate; border-spacing:0; border-top:2px solid #467594; font-size:17px; }
table.program + table.program { border-top:0 none; }

table.program > * > tr > * { position:relative; padding:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; word-break:normal; text-align:center; }
table.program > * > tr > *:first-child { border-left:0 none; }
table.program > * > tr > *:last-child { text-align:right; }
table.program > * > tr > *.tit { text-align:left; }
table.program .bdLeft { border-left:1px solid #ccc !important; }

table.program th { background-color:#467594; color:#fff; text-align:center !important; font-weight:bold; }
table.program tr.session > * { background-color:#e7efff; }
table.program tr.break > * { background-color:#fff6e7; }*/

a.onair,
a.file,
a.vod { display:inline-block; vertical-align:middle; text-align:center; color:#fff; font-size:15px; height:34px; line-height:34px; border-radius:5px; font-weight:400; }

a.onair { width:80px; border-radius:17px; background-color:#cd1717; }
table.program a.onair { position:absolute; right:20px; top:63px;   }

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

/*

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

 */

/* 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-weight:400; }
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-weight:400; }

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-weight:500; }
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-weight:500; 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-weight:400; }

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-weight:500; line-height:20px; }
dl.sessionBrief dd > span span { color:#272b4b; font-weight:400; }

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-weight:500; }
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-weight:500; 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-weight:400; }
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-weight:500; }
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-weight:400; }
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-weight:400; }
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-weight:500; }
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-weight:400; }
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-weight:500; 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-weight:400; }
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:#e9f1fb url('ebooth/bg.png') center bottom no-repeat; }
ul.eboothList, ul.eboothList li { margin:0; padding:0; list-style:none; }
ul.eboothList { display:grid; grid-template-columns:repeat(5, 1fr); gap:25px; }
ul.eboothList li { margin-top:0; box-sizing:border-box; transition:margin-top .5s; }
ul.eboothList li:hover { margin-top:-10px; }

ul.eboothList li a { position:relative; display:table-cell; vertical-align:middle; width:240px; height:83px; border:1px solid #e9f1fb; border-radius:3px; background:#fff; box-shadow:0 0 10px rgba(132,157,189,.3); }
ul.eboothList li img { display:block; max-width:80%; margin:0 auto; }




/*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-weight:500; 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-weight:500; 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-weight:500; 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-weight:500; }
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-weight:500; }
div#popupAgree > p span.eng { display:block; font-weight:500 !important; }

div#popupAgree div.bg { padding:30px; background-color:#f2f3f5; text-align:left; color:#1b1b1b; font-size:15px; font-weight:300; }

div#popupAgree div.agreeCon { overflow-x:hidden; /* overflow-y:scroll; */height:210px; font-size:15px; line-height:25px; font-weight:400; 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-weight:500;   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:1300px; background-color:#fff; box-sizing:border-box; }
div#popupEbooth .close { width:90px; height:90px; margin:0; padding:0; cursor:pointer; }




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

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

div#popupEbooth ul.menu .on a { opacity:1; }
div#popupEbooth ul.menu .on span { border-color:#fff; font-weight:500; }
 

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

div.company h4 { margin:30px 0 0; padding:0 20px; font-size:15px; line-height:35px; color:#fff; background-color:#64727f; font-weight:500; }
div.company h4:first-child { margin-top:0; }

div.company .logo { }
div.company .logo img { display:block; margin:0 auto; }

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

div.company div.txt { padding:20px 20px 0; color:#222; font-size:15px; line-height:25px; font-weight:400; }


div.company div.bizInfo { position:absolute; right:0; top:0; width:430px; height:100%; background-color:#e1e4ee; box-sizing:border-box; }
div.company div.bizInfo h4 { margin-top:0; }
div.brochure ul, div.brochure li, div.brochure a { margin:0; padding:0; list-style:none; }
div.brochure { position:relative;  padding:25px; }
div.brochure li { text-align:center; }
div.brochure li a { position:relative; display:inline-block; vertical-align:top; }
div.brochure li a:after { position:absolute; right:-25px; bottom:-15px; width:50px; height:50px; content:""; background:url('ebooth/brochure_download.png') center center no-repeat; }
div.brochure li img { display:block; }

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

div.company div.more a { display:block; padding-left:20px; font-size:15px; line-height:50px; color:#fff; font-weight:500; background:#1d3483 url('ebooth/bl_more.png') right 20px center no-repeat; }

dl.bizCard, dl.bizCard dt, dl.bizCard dd, dl.bizCard ul, dl.bizCard li, dl.bizCard a { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.bizCard { width:350px; height:210px; margin:25px auto; padding:30px 25px 0; background-color:#fff; box-shadow:0 0 25px rgba(152,161,190,.55); box-sizing:border-box; }
dl.bizCard dt { padding-bottom:10px; color:#000; font-size:18px; line-height:20px; font-weight:500; }
dl.bizCard dt span { display:block; padding-bottom:20px; color:#282a71; font-size:22px; line-height:22px; font-weight:900; }
dl.bizCard li { position:relative; margin-top:5px; padding-left:20px; color:#222; font-size:15px; line-height:20px; font-weight:400; }
dl.bizCard li:before { position:absolute; left:0; top:0; content:attr(pub-title); color:#2c70eb; }




/* E-Booth 상세 > 방명록  */
div.guest { position:relative; padding:15px 0 50px; }
div.guest h3 { margin:0; padding:30px 0 20px; text-align:center; color:#272b4b; font-size:34px; line-height:34px; font-weight:700; }
div.guest h3 + p { margin:0 0 60px; text-align:center; color:#222; font-size:17px; line-height:20px; font-weight:400; }
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; }
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 li.clear { clear:both; float:none; width:100%; margin-bottom:0; padding:0; }
div.guest li.clear label { display:none; }

div.guest label,
div.guest textarea::placeholder { color:#fff; font-size:15px; font-weight:500; opacity:.7; }
div.guest label { position:absolute; left:25px; top:0; line-height:42px; }

div.guest input[type=text],
div.guest textarea { width:100%; border:0 none; background-color:transparent; box-sizing:border-box; color:#fff; }
div.guest input[type=text] { height:42px; padding:0 25px; }
div.guest textarea { height:274px; padding:25px; }


div.guest div.btn { padding-top:40px; }
div.guest div.btn > * { display:block; width:200px; height:50px; padding:0 25px; margin:0 auto; text-align:left !important; color:#fff; font-size:17px; line-height:48px; font-weight:500; border-color:#2a4b69; background:#2a4b69 url('layout/btn_send.png') right 25px center no-repeat; box-sizing:border-box; }

/* E-Booth 상세 > Stamp Event */


div.stampEvent { position:relative; padding-bottom:160px; background-color:#f7f7f7; }
div.stampEvent:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

div.stampEvent div.eventCon { float:left; }
div.stampEvent div.eventCon img { display:block; }

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-weight:400; }

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 { float:right; width:646px; height:500px; padding-top:70px; text-align:center; font-size:0; line-height:0; box-sizing:border-box; }

ul.stamp > li { display:inline-block; vertical-align:top; width:164px; height:192px; margin:0 27px; background:url('ebooth/stamp_bg.png') center center no-repeat; }

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

div.stampEvent div.btn { position:absolute; left:0; bottom:0; width:100%; padding:55px 0; background-color:#fff; }
div.stampEvent div.btn a { display:block; width:200px; height:50px; padding:0 25px; margin:0 auto; text-align:left !important; color:#fff; font-size:17px; line-height:48px; font-weight:500; border-color:#2a4b69; background:#2a4b69 url('ebooth/btn_visit.png') right 25px center no-repeat; box-sizing:border-box; }
div.stampEvent div.btn a.comp { pointer-events:none; background-color:#ad004b; border-color:#ad004b; }


/* 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-weight:400; font-size:15px; }
dl.sessionInfo dt { padding:10px 0; font-weight:500; font-size:24px; color:#1e2e88; }
dl.sessionInfo ul { margin:0;  padding-left:5px; }
dl.sessionInfo li { list-style-position:inside;  font-weight:500; font-weight:500; }

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-weight:400; }
dl.speaker:first-child { border-top:1px solid #acb4cd; }
dl.speaker dt { color:#000; font-weight:500; 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-weight:500; 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.noteArea { padding:20px 35px; color:#ffe363; font-size:15px; line-height:25px; font-weight:400; background-color:#2a3754; }
div.noteArea + * { margin-top:50px; }

table.total { width:100%; margin:50px auto 0; }
div.noteArea li { list-style:disc !important; }

div.mypage ul, div.mypage li { margin:0; padding:0; list-style:none; }
div.mypage li { line-height:25px; }
div.mypage li:before { font-size:24px; line-height:25px; }

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

div.mypage table.tblDef + table.tblDef { margin-top:30px; }

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

div.myfavo dl.list li { position:relative; border-top:1px solid #ccc; padding:5px 50px 10px 10px; }
div.myfavo dl.list li:first-child { border-top:0 none; }
div.myfavo dl.list a { overflow:hidden; position:relative; display:block; padding:10px  10px 10px 115px; line-height:17px; color:#000; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:57px; }
div.myfavo dl.list span.thumb { position:absolute; left:10px; top:7px; display:block; width:93px; height:60px; overflow:hidden; border:1px solid #ccc; }
div.myfavo dl.list span.thumb img { display:block; width:100%; }
div.myfavo dl.list span.thumboral { position:absolute; left:10px; top:7px; display:block; width:93px; height:60px; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; }
div.myfavo dl.list span.thumboral img { display:block; width:100%; height:100%; }
div.myfavo dl.list span.code { color:#E91E63; font-size:11px; display:block; font-style:italic; }

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

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


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

ul.awards, ul.awards li, ul.awards a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.awards { }
ul.awards:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.awards > li { float:left; width:240px; padding:25px 0 0 25px; }
ul.awards > li:nth-child(5n+1) { padding-left:0; }
ul.awards a, ul.awards span, ul.awards img { display:block; }
ul.awards li > img { width:100%;  border:1px solid #eaedf6; box-sizing:border-box; }
ul.awards li > span { padding:10px 20px; position:relative; background-color:#eaedf6; color:#222; font-size:18px; font-weight:400; 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; color:#0c1255; font-size:32px; line-height:40px; font-weight:500; }
#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-weight:400; 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-weight:500;  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-weight:500; 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-weight:400; 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-weight:400; font-weight:500; }
div.vodItem dd { color:#314980; font-size:14px; line-height:20px; font-weight:300; 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-weight:400; 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-weight:500; 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-weight:500; }
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-weight:500; }
dl.speaker dd span.group { margin-top:12px; font-size:14px; line-height:24px; font-weight:300; }


/* 인사말 */
div.welcome { padding:40px 0 20px; text-align:justify; word-break:keep-all; }
div.welcome p + p { margin-top:20px; }
div.welcome p { ffont-weight:400; }
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-weight:300; padding-bottom:10px; }
ul.president li strong { display:block; font-size:17px; font-weight:500; }
ul.president li img { position:absolute; left:0; top:0; }


/* Q&A 추가 2023-06-12 */
div.console { position:absolute; bottom:0; left:0; width:calc(100% - 70px); padding:15px 35px 45px; }
div.console h1 { margin-bottom:0; }
div.consoleCon { padding:0; }
div.consoleCon .questionCon:before { display:block; width:100%; height:10px; background:linear-gradient(to right,#004a9e, #009fc1); content:''; }
div.consoleCon .questionCon { overflow:hidden; height:370px; position:relative; border-radius:0 15px 15px 15px; font-weight:400; color:#111; letter-spacing:-0.5px; background:#fff; }
div.consoleCon .scrollArea { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:calc(100% - 100px); max-height:280px; padding:25px 50px; text-align:center; word-break:keep-all;  line-height:1.3; }
div.consoleCon .questionCon.typeA { font-size:50px; line-height:70px; }
div.consoleCon .questionCon.typeB { font-size:32px; line-height:60px; }
div.consoleCon .questionCon.typeC { font-size:30px; line-height:56px; }
div.consoleCon .questionCon.typeD { font-size:28px; line-height:48px; }
div.consoleCon .scrollArea::-webkit-scrollbar { display:none; }
div.consoleCon .scrollArea { -ms-overflow-style:none; /* 인터넷 익스플로러 */scrollbar-width:none; /* 파이어폭스 */}
/* div.console h1  img { background:#fff; } */


/* 설문조사 */

.survey{
	width:900px !important;
}

.survey .btnArea {
	position: sticky; 
    bottom: 0;
	left:0;
	text-align: center;
	padding: 20px;
	background: rgb(219 240 255 / 0.3);
	margin-top: 10px;
}
.survey-form { 
	font-size:15px; 
}
.survey-form .tit {
	margin-bottom: 10px;
	font-size:18px; 
}
.survey-form .tit  * {
	line-height:24px;
}
.survey-box {
	padding:30px;
	border:1px solid #007eb7;
	border-radius:10px;
	margin-bottom: 15px;
}
.survey-form .radio-wrap {
	font-weight:500;
}
.survey-form .radio-wrap.radio1 {
	margin:0 -10px;
}
.survey-form .radio-wrap.radio1 .radio-group {
	width:calc(33.3333% - 20px);
	margin:7px 10px;
}
.survey-form .radio-wrap.radio1 .radio-group:last-child {
	width:calc(66.6666% - 20px);
}
.survey-form textarea {
	height: 100px;
	padding: 15px;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	font-size: inherit;
}
.survey-form textarea::placeholder { 
	color:#bebebe; 
}

/* 팝업 > 프로그램 */
#popupSurvey { width:1000px; max-height:80vh; overflow-y:auto; }
#popupSurvey h2 { margin:0; padding:10px 0 10px 0px; text-align:center; font-size:32px; line-height:32px; color:#004899; font-weight:700; }
#popupSurvey .popupCon { padding:20px; }