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

body { font-family:'Pretendard-Regular',sans-serif; !important; font-weight:400; }

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


ul.listNum { 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; }

/* 인트로 */
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:1020px; height:400px; margin:-40px 0 0 -510px; }
div.webinarIntro h1 { width:1000px; margin:0 auto; padding-top:86px; text-align:right; font-size:0; line-height:0; }
div.webinarIntro h1 img { display:inline-block; vertical-align:top; }
div.webinarIntro h2 { width:1000px; margin:20px auto 0; text-align:right; font-size:0; line-height:0; }
div.webinarIntro h2 img { display:inline-block; vertical-align:top; }
.txtUnderline { vertical-align:top; padding:0 5px; color:#b31d60; box-shadow:inset 0 -12px 0 #fff8d1; }

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 img { border-radius:2px; }

ul.introBtn a { border:0 none; position:relative; border-radius:2px; box-shadow:0 0px 20px rgba(0, 0, 0, .15); transition:.35s; top:0; 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:#fff; ; color:#000; font-size:17px; line-height:30px; }
dl.notice > dt { padding-bottom:10px; color:#ffdd4c; font-size:18px; }

div.introSponsor { position:relative; margin-top:40px; width:100%; }
div.introSponsor div.sponsor { position:relative; width:1200px; height:110px; margin:0 auto; padding:28px 0; border-radius:10px; background-color:#f3f3f3; box-sizing:border-box; }
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:55px; }
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; width:160px; height:55px; }
div.introSponsor div.sponsor ul img { display:block; }

div.introSponsor div.sponsor div.bx-wrapper { width:1028px; height:55px; padding:0; margin:0 auto; }
div.introSponsor div.sponsor div.bx-wrapper li { width:auto !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:40px; width:18px; height:35px; text-indent:-10000px; background-repeat:no-repeat; }
div.introSponsor div.sponsor a.bx-prev { left:30px; background-image:url('layout/intro_sponPrev.png'); background-position:left center; }
div.introSponsor div.sponsor a.bx-next { right:30px; 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:910px; background-color:#fff; font-weight:400; box-sizing:border-box; 
	background:url('layout/loginWrap_bg2.png') no-repeat center top / cover; }
div.loginWrap:before { position:absolute; left:0; top:0; width:100%; height:125px; background-color:#2b355d;content:""; }
div.loginWrap:before{
    background-image: url('layout/bg_login_contop.png');
}
div.loginArea { position:absolute; left:50%; top:50%; width:1200px; height:560px; transform:translate(-50%, -50%); padding:120px 55px 0 660px; background:#fff; 
	box-sizing:border-box; box-shadow:0 0 30px rgba(0,0,0,.35); }
div.loginArea{
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url('layout/bg_login.png');
    background-size: cover;
    box-shadow: 0 0 30px rgba(0,0,0,.24);
}
div.loginArea div.formArea { width:486px; }
div.loginArea h1 { position:absolute; left:0; top:0; }
div.loginArea h1{
    top: 130px;
    left: 100px;
}
div.loginArea h1 img { display:block; }
div.loginArea p.note { position:absolute; right:0; top:50px; width:50%; text-align:center; color:#091235; font-size:20px; }
div.loginArea p.note span { color:#d13737; box-shadow:inset 0 -10px 0 0 #f8e1e1;  font-weight:600; }
div.loginArea span.txtUnderline { color:#d13737; box-shadow:inset 0 -12px 0 #f8e1e1; font-weight:600; }
div.loginArea p.note{
    width: 100%;
    right: auto;
    top: 30px;
    left: 0;
    font-size: 17px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}
div.loginArea p.note .highlight{
    display: inline;
    padding: 0 3px 3px;
    color: #b61a60;
    box-shadow: inset 0 -12px rgba(255,232,80,0.5);
}

div.loginArea dl { position:relative; text-align:left; }
div.loginArea dt { margin:13px 0 4px; color:#222222; font-size:17px; line-height:40px; font-weight:500; }
div.loginArea dt{
    color: #145591;
}
div.loginArea dd { border:1px solid #e4e4e4; }
div.loginArea dd input { display:block; width:100%; height:60px; padding:0 15px; border:0 none; box-sizing:border-box; background:#fff; }
div.loginArea dd input::placeholder { color:#ccc; font-size:14px; font-weight:300; }

div.loginArea div.btn { padding-top:25px; }
div.loginArea div.btn input, 
div.loginArea div.btn a,
div.loginArea div.btn > span { display:block; width:100%; height:62px; margin-top:5px; font-size:18px; font-weight:600; color:#fff; 
	box-sizing:border-box; text-align:center; }
div.loginArea div.btn > *:first-child { margin-top:0; }

div.loginArea div.btn input { height:62px; border:0 none; background-color:#0d496d; color:#fff; }
div.loginArea div.btn input {
    background-color: #145591;
}



ul.loginNote, ul.loginNote li { margin:0; padding:0; list-style:none; }
ul.loginNote { position:absolute; left:50%; top:0; width:1200px; margin-left:-600px; padding:29px 270px 28px 0; box-sizing:border-box; }
ul.loginNote li, ul.loginNote a { color:#fff; font-size:16px; }
ul.loginNote a { color:#99cbfe; text-decoration:underline; }

div.loginWrap div#footerWrap { position:absolute; left:0; bottom:0; width:100%; }

ul.quickMenu, ul.quickMenu li, ul.quickMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.quickMenu { position:absolute; left:50%; top:41px; margin:0; padding:0; font-size:0; line-height:0; text-align:right; width:600px; }

ul.quickMenu li { display:inline-block; vertical-align:top; width:120px; margin-left:7px; }
ul.quickMenu li:first-child { margin-left:0; }
ul.quickMenu a { display:block; height:22px; padding:10px 0 11px; line-height:24px; border:1px solid #fff; color:#1c1d27; background-color:#fff; font-size:17px; font-weight:600; text-align:center; }
ul.quickMenu li:first-child a { background-color:transparent; color:#fff; border-color:#fff; }
ul.quickMenu a.logout { border-color:#ffcd1e; background-color:#ffcd1e; color:#20275d; }


.hand { cursor:pointer; }


dl.sponsorZone { position:absolute; bottom:150px; left:50%; width:1200px; margin-left:-600px; font-size:0; line-height:0; }
dl.sponsorZone dt { display:inline-block; padding:7px 13px 7px 0; vertical-align:top; color:#222; letter-spacing:-0.5px; line-height:30px; font-size:14px; font-weight:400; }
dl.sponsorZone dd { display:inline-block; vertical-align:top; width:1000px; }
dl.sponsorZone ul, dl.sponsorZone li { margin:0; padding:0; list-style:none; }
dl.sponsorZone ul:after { display:block; clear:both; font-size:0; line-height:0; content:''; }
dl.sponsorZone li { float:left; }
dl.sponsorZone li a,
dl.sponsorZone li img { display:block; }
dl.sponsorZone div.bx-controls { position:absolute; top:50%; left:0; width:100%; margin-top:-11px; }
dl.sponsorZone a.bx-prev,
dl.sponsorZone a.bx-next { position:absolute; top:0; display:block; width:12px; height:22px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }
dl.sponsorZone a.bx-prev { left:190px; background-image:url('layout/bnr_prev.png'); }
dl.sponsorZone a.bx-next { right:0; background-image:url('layout/bnr_next.png'); }


/* 팝업 > find Registration No */
div#popupReg { width:600px; height:400px; margin:-200px 0 0 -320px; }
div#popupReg div.popupCon { padding:20px 95px 40px; }
div#popupReg div.formArea { position:relative; text-align:left; }
div#popupReg div.formArea dt { color:#222; font-size:15px; line-height:20px; font-weight:500; margin-bottom:5px; }
div#popupReg div.formArea dd { margin:0 0 10px; }
div#popupReg input[type=text] { width:100%; height:53px; padding:0 20px; border:1px solid #dadada; box-sizing:border-box; }

div#popupReg input[type=submit],
div#popupReg input[type=button] { display:block; width:100%; height:52px; margin-top:15px; text-align:center; color:#fff; background-color:#ff5f19; border:1px solid #ff5f19; font-size:18px; font-weight:700; }
div#popupReg p.resultNo { padding-top:27px; text-align:center; font-size:20px; font-weight:700; }

/* 팝업 > 로그인 실패 */
div#popupFail { width:600px; height:230px; margin:-215px 0 0 -320px; }
div#popupReg div.popupCon { padding:40px 95px; }
div#popupFail p { text-align:center; font-size:20px; font-weight:700; height:70px; line-height:70px; }

/* 레이아웃 */
dl#skipNavi, dl#skipNavi * { margin:0; padding:0; font-size:0; line-height:0; }

div.wrapper { position:relative; min-width:1300px; font-weight:400; font-size:16px; line-height:1.7; font-weight:300; color:#666; background:#fff; overflow:hidden; }
div.wrapper:has(> .main) { min-height:100vh; padding-bottom:100px; box-sizing:border-box; }
div#headerWrap { z-index:100; background-color:#fff; }
div#headerWrap > div { position:relative; width:1300px; height:90px; margin:0 auto; }
div#headerWrap h1 { position:absolute; left:0; top:50%; width:229px; height:60px; transform:translateY(-50%); }
div#headerWrap h1 a, div#headerWrap h1 img { display:block; }


ul#gnb { position:absolute; right:0; bottom:15px; padding:0; margin:0; text-align:right; box-sizing:border-box; line-height:0; font-size:0; }
ul#gnb > li { position:relative; display:inline-block; vertical-align:top; margin:0; padding:5px 23px; vertical-align:top; list-style:none;font-family:'Pretendard-Medium' !important; }
ul#gnb > li:before { position:absolute; top:50%; left:0; margin-top:-8px; display:block; vertical-align:top; width:1px; height:16px; background-color:#d4d5db; content:''; }
ul#gnb > li:first-child:before, ul#gnb > li:last-child:before { display:none; }
ul#gnb > li:first-child { padding-left:0; }
ul#gnb > li:last-child { padding:0; }
ul#gnb a { display:block; text-decoration:none; color:#000; font-size:20px; line-height:1; font-weight:500; text-align:center; }
ul#gnb a:hover, ul#gnb .on a { color:#145591; border-bottom:2px solid #145591; } /* 241118 수정 */
ul#gnb li.logout a { display:inline-block; width:86px; height:27px; padding:0; line-height:27px; border-radius:13.5px; background-color: #232d58; color:#fff; text-align:center; font-size:14px; font-weight:400; } /* 241118 수정 */
ul#gnb li.logout a:hover { text-decoration:none; }


div.userInfo { position:absolute; top:8px; right:0; font-size:17px; font-weight:300;;font-family:'Pretendard-Medium' !important; /*  box-shadow:inset 0 -14px 0 #fff6c5; */}
div.userInfo .txtUnderline { color:#333; box-shadow:inset 0 -10px 0 #fef2dd; } /* 241118 수정 */
div.userInfo b { font-weight:600; }

ul.timeInfo, ul.timeInfo li { margin:0; padding:0; list-style:none; }
ul.timeInfo { position:absolute; right:0; top:0; width:196px; }
ul.timeInfo > li { float:left; }
ul.timeInfo li a { display:table-cell; width:98px; height:70px; margin:0; padding:0; font-size:13px; line-height:16px; text-align:center; vertical-align:middle; background-color:#f5f5f5; color:#192c8d; text-decoration:none; font-family:'Roboto-Medium', sans-serif; }
ul.timeInfo img { display:block; width:30px; margin:0 auto 12px; }

ul.timeInfo li.time { position:relative; width:94px; height:66px; border:2px solid #f5f5f5; text-align:center; font-size:42px; line-height:38px; font-family:'Digital-7Mono', sans-serif; background-color:#fff; }
ul.timeInfo li.time:before { display:block; padding-top:8px; color:#192c8d; font-size:15px; line-height:16px; font-family:'Roboto-Medium', sans-serif; content:"LOCAL TIME"; text-align:center; }
ul.timeInfo li.time:after { position:absolute; left:0; top:24px; width:100%; text-align:center; animation-duration:1s; animation-name:flicker; animation-iteration-count:infinite; font-family:'Digital-7Mono', sans-serif; color:#000; font-size:28px; line-height:38px; content:":"; }
@keyframes flicker { 
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}


ul.timeInfo.big { left:50%; top:90px; width:280px; height:110px; margin-left:370px; }
ul.timeInfo.big > li { float:right; }
ul.timeInfo.big a { width:140px; height:110px; font-size:15px; }
ul.timeInfo.big img { width:30px; }
ul.timeInfo.big li.time { width:132px; height:106px; font-size:40px; line-height:48px; color:#000; }
ul.timeInfo.big li.time:before { padding-top:23px; font-size:15px; }
ul.timeInfo.big li.time:after { top:39px; font-size:40px; line-height:48px; color:#000; }



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

ul#quickMenu { z-index:10; position:fixed; right:30px; top:50%; transform:translateY(-50%); width:70px; background-color:#3e3f47; }
ul#quickMenu li { position:relative; }
ul#quickMenu li:after { content:''; position:absolute; display:block; left:50%; transform:translateX(-50%); bottom:0; height:1px; width:50px; background-color:#5e626e; }
ul#quickMenu li.top:after { display:none; }

ul#quickMenu a { position:relative; display:table-cell; width:70px; height:70px; text-align:center; vertical-align:middle; color:#fff; font-size:11px; line-height:12px; font-weight:300; }
ul#quickMenu img { display:block; margin:0 auto 5px; }

ul#quickMenu .top,
ul#quickMenu .top a:hover { background-color:#0a94cc; }
ul#quickMenu .top a { display:block; height:40px; color:#fff; font-size:14px; line-height:36px; font-weight:500; }

ul#quickMenu a:hover { background-color:#5e626e; }

.main + div#footerWrap { position:absolute; left:0; right:0; bottom:0; }
div#footerWrap p, div#footerWrap ul, div#footerWrap li { margin:0; padding:0; list-style:none; }
div#footerWrap { background-color:#313131; }
div#footerWrap div.footer { width:1200px; margin:0 auto; padding:20px 0 15px 450px; background:url('/asset/layout/footer_logo.png') left 10px center no-repeat; box-sizing:border-box; }
div#footerWrap p { line-height:22px; color:#888; font-size:15px; }
div#footerWrap p.tech { font-size:15px; color:#fff; line-height:22px;margin-bottom: 5px; }
div#footerWrap p.tech a { color:#a4c1f5; text-decoration:underline; }
div#footerWrap ul { font-size:0; line-height:0; }
div#footerWrap li { position:relative; display:inline-block; padding-left:4px; vertical-align:top; line-height:22px; color:#888; font-size:15px; font-weight:400; }
div#footerWrap li:first-child { padding-left:0; }
div#footerWrap li a { display:inline-block; vertical-align:top; text-decoration:none; color:#888; }


div#container { position:relative; }

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

.pageTit { width:1300px; margin:0 auto; padding-top:40px; text-align:center; color:#222; font-size:30px; line-height:40px; font-weight:700; }
div.titArea dl { position:absolute; left:0; top:60px; width:100%; }
div.titArea dt, div.titArea dd { margin:0; padding:0; }
div.titArea dt { display:none; }
div.titArea dd { color:#4d4d4d; font-weight:400; font-size:14px; }
div.titArea dd span { display:inline-block; vertical-align:top; padding-left:14px; margin-left:8px; color:#f48220; background:url('layout/pagepath_bl.png') 0 7px no-repeat; }


div.contents { width:1300px; /* min-height:600px; padding-bottom:100px; */ padding:30px 0; margin:0 auto; font-size:16px; color:#333; font-weight:400; }
div.contents:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

.subTit { margin:30px 0 15px; padding-left:24px; background:url('layout/subTit_bl_v2.png') no-repeat left top 12px; color:#252525; font-size:22px; line-height:36px; letter-spacing:-1px; font-weight:600; } /* 241202 수정 */
.subTit:first-child { margin-top:0; }

ul.subMenu, ul.subMenu li, ul.subMenu a { display:block; margin:0; padding:0; list-style:none; text-decoration:none; }
ul.subMenu { text-align:center; font-size:0; line-height:0; }
ul.subMenu:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.subMenu > li { display:inline-block; width:300px; vertical-align:top; box-sizing:border-box; }
ul.subMenu a { border:1px solid #96a5ba; border-left:0 none; padding:13px 15px; font-size:17px; line-height:30px; font-weight:400; color:#96a5ba; text-align:center; background-color:#fff; }
ul.subMenu a:hover { background-color:#b31d60; border-color:#b31d60; color:#fff; }

ul.subMenu > li:first-child { border-left:1px solid #96a5ba; }
ul.subMenu .on a { font-weight:500; background-color:#b31d60; border-color:#b31d60; color:#fff; }


ul.conMenu, ul.conMenu li, ul.conMenu a { display:block; margin:0; padding:0; list-style:none; text-decoration:none; }
ul.conMenu { text-align:center; font-size:0; line-height:0; }
ul.conMenu:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.conMenu > li { float:none; display:inline-block; width:260px; vertical-align:top; box-sizing:border-box; }
ul.conMenu a { border:1px solid #7e80a6; border-left:0 none; padding:13px 15px; border-radius:0; font-size:17px; line-height:30px; font-family:'Roboto-Regular', sans-serif; color:#7e80a6; text-align:center; background-color:#fff; }
ul.conMenu > li:first-child { border-left:1px solid #7e80a6; }
ul.conMenu .on a { font-family:'Roboto-Medium', sans-serif; background-color:#e85d32; border-color:#e85d32; color:#fff; }
ul.conMenu .on a:hover { background-color:#fff; color:#6755b1; }
ul.conMenu a:hover { background-color:#e85d32; border-color:#e85d32; color:#fff; }
 

ul.tabMenu, ul.tabMenu li, ul.tabMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.tabMenu { }
ul.tabMenu:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.tabMenu > li { float:left; }
ul.tabMenu a { display:table-cell; width:700px; height:55px; padding:0 15px; font-size:18px; line-height:22px; font-weight:200; color:#696969; text-align:center; vertical-align:middle; border:1px solid #a8a8a8; border-left:0 none; background-color:#fff; }
ul.tabMenu > li:first-child a { border-left:1px solid #a8a8a8; }
ul.tabMenu span { font-weight:700; }
ul.tabMenu .on a { color:#fff; background-color:#263b80; }


ul.listDot, ul.listDot > li { margin:0; padding:0; list-style:none; }
ul.listDot > li { position:relative; margin-top:5px; padding-left:10px; font-size:16px; line-height:22px; color:#666; }
ul.listDot > li:before { position:absolute; left:0; top:10px; content:""; width:3px; height:3px; background-color:#9e9e9e; }
ul.listDot > li:first-child { margin-top:0; }

ul.listStar, ul.listStar > li { margin:0; padding:0; list-style:none; }
ul.listStar > li { position:relative; margin-top:5px; padding-left:1em; }
ul.listStar > li:before { position:absolute; left:0; top:0; content:"※"; }
ul.listStar > li:first-child { margin-top:0; }

ul.listBar, ul.listBar > li { margin:0; padding:0; list-style:none; }
ul.listBar > li { position:relative; margin-top:5px; padding-left:1em; }
ul.listBar > li:before { position:absolute; left:0; top:0; content:"-"; }
ul.listBar > li:first-child { margin-top:0; }


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

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

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


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


.ac { text-align:center !important; }
.ar { text-align:right !important; }
.fwBold { font-weight:bold !important; }




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


/* 레이어 팝업 */
div.layerPopup { display:none; z-index:250; position:fixed; left:0; top:0; overflow:auto; width:100%; height:100%; min-width:1200px; background-color:rgba(0,0,0,.5); font-weight:400; }
div.layerPopup > div.popupWrap { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-color:#fff; }
div.popupWrap { position:relative; }

div.popupWrap h1 { padding:10px 40px; margin:0; font-size:24px; line-height:40px; font-weight:500; text-align:left; 
	background:#0d496d; color:#fff; }
div.popupWrap .close { position:absolute; right:40px; top:19px; width:22px; height:22px; margin:0; padding:0; }
div.popupWrap .close a { display:block; width:22px; height:22px; text-indent:-10000px; background:url('ebooth/popup_close.png') center center no-repeat; cursor:pointer; }
div.popupCon { padding:20px; }




/* 메인 */
div#container.main { background: no-repeat url('layout/main_bg.png') center;background-size: cover;}
div#container.main .pageTit { display:none; }

div#container.main div.contents { padding-top:72px;word-break:keep-all; }
div#container.main h3 { width:1200px; margin:38px auto 0;} /* 241118 수정 */
div#container.main h3 img { display:block; margin:0 auto; }

ul.mainMenu, ul.mainMenu li { margin:0; padding:0; list-style:none; }
ul.mainMenu { width:1300px; padding:64px 0 0; margin:0 auto; } /* 241118 수정 */
ul.mainMenu:after { display:block; clear:both; font-size:0; line-height:0; content:''; }
ul.mainMenu li { float:left; width:253px; height:253px; box-sizing:border-box; } /* 241118 수정 */
ul.mvainMenu a { position:relative; display:block; width:238px; height:238px; vertical-align:top; text-decoration:none; height:100%; box-sizing:border-box; transition:all 1s;}
ul.mainMenu a:hover { transform:translateY(-20px); }
ul.mainMenu img { display:block; filter:drop-shadow(5px 5px 8px rgba(0,0,0,0.15)); transition: 0.3s ease;}
ul.mainMenu img.onImg { display:none; }
ul.mainMenu a:hover img.defImg { display:none; }
ul.mainMenu a:hover img.onImg { display:block; margin:0 auto}


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


/* 공지사항 */
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 { position:absolute; right:20px; bottom:20px; width:420px; height:0; padding:0 20px 0; border-radius:5px; background-color:#282c32; box-sizing:border-box; color:#fff; opacity:0; }
dl.introBbs dt { padding:18px 0 4px; line-height:28px; font-size:15px; font-weight:500; }
dl.introBbs dd { line-height:20px; font-size:15px; font-weight:200; }
dl.introBbs dd.close { position:absolute; right:22px; top:18px; width:22px; height:22px; }
dl.introBbs dd.close img { display:block; margin:0 auto; }
dl.introBbs li { position:relative; padding-left:10px; }
dl.introBbs li:before { position:absolute; left:0; top:0; content:"-"; }
dl.introBbs li a { display:inline-block; position:relative; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;
	font-weight:200; font-size:15px; }



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

#popupBbs dl.bbsCon { height:750px; margin:0; box-sizing:border-box; }
#popupBbs dl.bbsCon > dt { position:relative; display:table-cell; width:704px; vertical-align:middle; height:87px; padding:0 120px 0 40px; color:#fff; font-size:20px; line-height:30px; font-weight:500; font-weight:500; background-color:#272b4b; }
#popupBbs dl.bbsCon > dt span { position:absolute; right:40px; top:50%; margin-top:-15px; color:#9d9fb3; font-size:15px; font-weight:400; }
#popupBbs dl.bbsCon > dd { height:583px; margin:0; padding:20pxr; }

#popupBbs div.bbsList { position:absolute; right:3px; top:3px; width:430px; height:100%; padding:100px 40px 26px; background-color:#f2f2f2; box-sizing:border-box; }
#popupBbs div.bbsList:before { position:absolute; left:40px; top:49px; width:calc(100% - 80px); padding-bottom:13px; border-bottom:2px solid #272b4b; color:#272b4b; content:"공지사항(NOTICE)"; font-size:20px; font-weight:500; font-weight:500; }
#popupBbs p.count { position:absolute; right:40px; top:55px; margin:0; color:#063782; font-size:15px; font-weight:400; }
#popupBbs p.count span { color:#cc1f4c; }

#popupBbs div.bbsList ul { overflow-x:hidden; overflow-y:auto; height:624px; margin:0; padding:0; counter-reset:num 0; }
#popupBbs div.bbsList li { border-bottom:1px solid #a6adc3; list-style:none; }
#popupBbs div.bbsList li a { position:relative; display:block; padding:30px 20px 24px 52px; text-decoration:none; font-weight:400; }
#popupBbs div.bbsList li a:before { position:absolute; left:0; top:50%; width:52px; margin-top:-10px; text-align:center; counter-increment:num 1; content:'' counter( num ); color:#063782; font-size:15px; line-height:20px; }

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

#popupBbs div.bbsList li.on a { background-color:#d1d5e2; }
#popupBbs div.bbsList li.on span.tit { border-bottom:1px solid #192c8d; color:#192c8d; font-weight:500; }

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





/* 팝업 > FAQ */
div#popupFaq.popupWrap { width:958px; /*width:1000px; border:4px solid #1d2760; */ box-sizing:border-box; }

div#popupFaq div.popupCon { padding:30px 40px; }
div#popupFaq div.scrollArea { height:333px; border-top:3px solid #000; box-sizing:border-box; }

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 { }
dl.faq dt a { position:relative; display:block; padding:20px 50px 20px 70px; box-sizing:border-box; background-color:#eff6fa; text-decoration:none; font-size:18px; line-height:25px; color:#111; font-weight:500; border-bottom:1px solid #c3c3c3; }
dl.faq dt span { position:absolute; left:20px; top:11px; width:30px; height:21px; padding:5px 0 4px; border-radius:15px; text-align:center; font-family:'Roboto-Medium', sans-serif; background-color:#212b75; color:#fff; font-size:15px; }
dl.faq dt a:before { position:absolute; display:block; left:20px; top:15px; content:'Q'; width:35px; height:35px; border-radius:50%; background-color:#0d496d; font-family:'Montserrat-SemiBold'; color:#fff; font-size:20px; text-align:center; line-height:31px; }
dl.faq dt a:after { position:absolute; right:20px; top:50%; width:17px; height:9px; margin:-7px; content:""; background:url('layout/toggle.png') center center no-repeat; }

dl.faq dt.view a:after { background-image:url('layout/toggle_on.png'); }

dl.faq > dd.toggleCon { position:relative; padding:25px; line-height:25px; border-bottom:1px solid #c3c3c3; }

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

dl.faq table.tblDef { border-top-color:#000; }
dl.faq table.tblDef th, dl.faq table.tblDef td { padding:5px; border-left:1px solid #ccc; 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:#f1f1f1; border-left:0 none; }
dl.faq dd a { display:inline-block; margin:0 !important; border-bottom:1px solid #1e64f1; text-decoration:none; color:#1e64f1; }

div#popupFaq div.btnArea { padding-top:20px; text-align:center; }
div#popupFaq div.btnArea a { display:inline-block; vertical-align:top; width:250px; height:55px; padding:0; border:0 none; background-color:#0d496d; color:#fff; text-align:center; font-size:17px; line-height:55px; font-weight:500; }





/* 팝업 > 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 { }
#popupLogout div.popupWrap { width:450px; height:300px; margin:0; box-sizing:border-box; background-color:#fff; }
#popupLogout div.popupCon { overflow:hidden; padding:60px 0 35px; border-radius:5px; background:url('layout/icon_logout.png') center 50px no-repeat; box-sizing:border-box; font-weight:500; font-size:18px; color:#222; text-align:center; }
#popupLogout div.popupCon p { padding-top:30px; width:200px; margin:0 auto; box-shadow:inset 0 -12px 0 #ffb44bab; }
#popupLogout div.btnArea { position:absolute; left:0; bottom:0; width:100%; padding:40px 0; ; border-radius:0 0 5px 5px; background-color:#fff; }
#popupLogout div.btnArea a { margin-left:10px; font-size:17px; padding:14px 0; width:170px; color:#fff; background-color:#1e2f66; border-color:#1e2f66; }
#popupLogout div.btnArea a:first-child { margin-left:0; background-color:#1c87f1; border-color:#1c87f1; }
#popupLogout  i { font-size:53px; color:#121d73; }
#popupLogout p.close { position:absolute; right:30px; top:30px; margin:0; }
#popupLogout p.close a, div.layerPopup p.close img { display:block; }


/* 팝업 > Letter */
#popupLetter { display:block; }
#popupLetter div.popupWrap { margin:-425px 0 0 -275px; width:740px; height:851px; }
#popupLetter div.popupWrap div.close { position:absolute; right:100px; top:0; width:70px; height:70px; }
#popupLetter div.popupWrap div.close a { display:block; height:70px; font-size:0; line-height:0; background:#244881 url('layout/popup_close.png') center center no-repeat; }

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



/* Virtual Congress*/
div.live #container { background:url('layout/live_bg.png') center top no-repeat; background-size:cover; }
div.live .pageTit { display:none; }

div.live { }
div.liveNote { position:relative; }
div.liveNote p { display:table-cell; width:1600px; height:155px; vertical-align:middle; text-align:center; color:#ffec4b; font-size:24px; line-height:30px;
	font-weight:500;; }

div.liveNote ul.timeInfo { position:absolute; right:0; top:50%; width:331px; margin-top:-58px; }
div.liveNote ul.timeInfo li { float:right; width:158px; height:115px; background-color:#e1e4ee; vertical-align:middle; border:0 none; }
div.liveNote ul.timeInfo li:first-child { float:left; background-color:#faf1e7; font-size:42px; }
div.liveNote ul.timeInfo li.time:before { padding:25px 0 10px; font-size:16px; }
div.liveNote ul.timeInfo li.time:after { top:51px; }

div.liveNote ul.timeInfo span,
div.liveNote ul.timeInfo a { display:block; width:158px; font-size:15px; line-height:18px; color:#192c8d; font-weight:500; background-color:transparent; }
div.liveNote ul.timeInfo a { padding:20px 0; }
div.liveNote ul.timeInfo span { display:table-cell; height:40px; vertical-align:middle; }

div.session { }
div.session + div.session { margin-top:30px; }
dl.sessionInfo { position:relative; height:322px; border-top:2px solid #2e3960; border-bottom:1px solid #d3d3d3; }
dl.sessionInfo dt { position:absolute; top:0; left:0; 	width:230px; height:322px; padding:90px 25px 50px; line-height:50px; background-color:#fff; font-size:32px; font-weight:500;
	box-sizing:border-box; box-shadow:0px 0px 32px rgba(0,0,0,.3); }
dl.sessionInfo dt a { position:absolute; top:224px; left:25px; display:block; width:180px; height:50px; padding-left:47px; line-height:50px; color:#fff; font-size:20px; box-sizing:border-box; }
dl.sessionInfo dt a:before { position:absolute; top:50%; right:45px; display:block; width:26px; height:8px; margin-top:-4px; background:url('/asset/layout/btn_enter.png') 0 0 no-repeat; content:''; }

dl.sessionInfo dt.room1 { color:#484699; }
dl.sessionInfo dt.room1 a { background-color:#484699; }
dl.sessionInfo dt.room2 { color:#1a287c; }
dl.sessionInfo dt.room2 a { background-color:#1a287c; }
dl.sessionInfo dt.room3 { color:#5f6676; }
dl.sessionInfo dt.room3 a { background-color:#5f6676; }
dl.sessionInfo dt.room4 { color:#2f477e; }
dl.sessionInfo dt.room4 a { background-color:#2f477e; }
dl.sessionInfo dt.room5 { color:#3574ae; }
dl.sessionInfo dt.room5 a { background-color:#3574ae; }

dl.sessionInfo dd { width:1300px; padding-left:230px; background:#fff; box-sizing:border-box; }
dl.sessionInfo dd table.session { width:1070px; height:323px; margin-top:0; border:0 none; }
dl.sessionInfo dd table.session > * > tr > * { padding:5px 20px; border-left:0 none; border-right:0 none; }

/* room2 */
div.roomWrap { width:1300px; margin:0 auto; font-size:0; line-height:0; text-align:center; }
div.roomWrap:after { display:block; clear:both; font-size:0; line-height:0; content:''; }
div.roomWrap > div { display:inline-block; vertical-align:top; width:375px; height:400px; margin-left:50px; margin-top:40px; }
div.roomWrap > div:nth-child(3n+1) { margin-left:0; }
div.room:nth-child(-n+3) { margin-top:0; }

dl.roomInfo { text-align:left; }
dl.roomInfo dt { position:relative; width:100%; height:80px; padding:23px 30px; line-height:35px; background-color:#2f477e; color:#fff; font-size:25px; font-weight:normal;
	font-weight:500; box-sizing:border-box; box-shadow:none; }
dl.roomInfo dt a { position:absolute; top:50%; right:15px; width:150px; height:45px; margin-top:-24px; line-height:45px; padding-left:20px; background-color:#fff; color:#484699; box-shadow:3px 3px 8px rgba(0, 0, 0,.19); font-size:18px;
	font-weight:500; box-sizing:border-box; }
dl.roomInfo dt a:hover { color:#bb1818}
dl.roomInfo dt a:before { position:absolute; display:block; width:26px; height:8px; top:50%; right:23px; margin-top:-5px; background:url('/asset/layout/btn_enter_01.png') 0 0 no-repeat; content:''; }	

/* dl.roomInfo dt.room2 { background-color:#1a287c; }
dl.roomInfo dt.room2 a { color:#1a287c; }
dl.roomInfo dt.room2 a:before { background-image:url('/asset/layout/btn_enter_02.png'); }

dl.roomInfo dt.room3 { background-color:#5f6676; }
dl.roomInfo dt.room3 a { color:#5f6676; }
dl.roomInfo dt.room3 a:before { background-image:url('/asset/layout/btn_enter_03.png'); }

dl.roomInfo dt.room4 { background-color:#2f477e; }
dl.roomInfo dt.room4 a { color:#2f477e; }
dl.roomInfo dt.room4 a:before { background-image:url('/asset/layout/btn_enter_04.png'); }

dl.roomInfo dt.room5 { background-color:#3574ae; }
dl.roomInfo dt.room5 a { color:#3574ae; }
dl.roomInfo dt.room5 a:before { background-image:url('/asset/layout/btn_enter_05.png'); } */

dl.roomInfo dd { width:375px; padding-left:0; height:320px; overflow-y:auto; background:#fff; }
dl.roomInfo ul, div.room2Wrap dl.roomInfo li { margin:0; padding:0; list-style:none; }
dl.roomInfo li { padding:10px 10px 10px 25px; box-sizing:border-box; border-bottom:1px dashed #ebebeb; }
dl.roomInfo li.sessionInfo { background-color:#e9ecf3; border-bottom:0 none; }

dl.roomInfo li span { display:block; margin-bottom:5px; line-height:24px; letter-spacing:-1px; color:#011457; font-size:16px; font-weight:700; }
dl.roomInfo li span.time { color:#5a7ac5; }
dl.roomInfo li span.name { font-size:15px; font-weight:400; }
dl.roomInfo span.tit { font-size:18px; }

dl.roomInfo dd::-webkit-scrollbar { width:8px; scroll-margin:5px; }
dl.roomInfo dd::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:4px; }
dl.roomInfo dd::-webkit-scrollbar-thumb { background-color:#676679; border-radius:4px; }

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

.bgTit { margin-bottom:15px; padding:15px; background-color:#3e8fd4; font-size:20px; line-height:30px; text-align:center; color:#fff; font-weight:700; }

div.program ul.subMenu { }
div.program ul.subMenu li { width:33.3%; padding:0; }
div.program ul.subMenu li a { height:60px; padding:15px 0; box-sizing:border-box; background-color:#4356b8; font-weight:500; border-color:#4356b8; }

h3.tblTit { width:100%; height:43px; line-height:43px; text-align:center; background-color:#5163a0; color:#fff; font-size:17px; font-weight:500; }

table.program, table.program > thead, table.program > tbody, table.program > tfoot, table.program > * > tr, table.program * > tr > * { margin:0; padding:0; border:0 none; border-spacing:0px; border-collapse:collapse; }
table.program { margin-top:0px; width:100%; border-top:2px solid #222222; }
table.program thead tr { background-color:#fff2e8; }
table.program tr.session { background-color:#fff2e8; }
table.program tr.bg { background-color:#ececec; }
table.program > * > tr > * { padding:15px 15px 12px; color:#222; font-size:17px; font-weight:200; }
table.program tr > * { border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; }
table.program tr > *:fist-child { border-left:0 none; }
table.program tr td.time { text-align:center; }
table.program tr td span { color:#2b5cbd; font-weight:500; }

div.program div.searchArea { margin-top:30px; height:60px; background-color:#e9e9e9; }
div.searchArea { position:relative; }
div.searchArea:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

div.searchArea form { position:absolute; right:20px; top:8px; font-size:0; line-height:0; padding-top:0 !important; }
div.searchArea input[type=text] { display:inline-block; vertical-align:top; width:273px; height:44px; border:1px solid #d2d7e6; padding:0 10px 0 15px; box-sizing:border-box; background-color:#fdfdfd; font-size:15px; line-height:20px; }
div.searchArea input[type=text]::placeHolder { color:#d5d5d5; font-size:15px; font-weight:400;}
div.searchArea input[type=submit] { display:inline-block; vertical-align:top; width:90px; height:44px; padding:0; border:0 none; background-color:#475480; color:#fff; font-size:15px; line-height:20px; font-weight:500; }

div.searchArea span.btn { display:inline-block; vertical-align:top; }

ul.room, ul.room li, ul.room a { margin:0; padding:0; text-decoration:none; list-style:none; }
ul.room { position:relative; margin-bottom:10px; padding:12px 15px 13px 20px; background-color:#e1e4ee; font-size:0; line-height:0; }

ul.room > li { position:relative; display:inline-block; padding:0 30px; }
ul.room > li:before { position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; content:''; background-color:#84879c; }
ul.room > li:first-child:before { display:none; }

ul.room a { color:#717996; line-height:35px; font-size:17px; font-weight:400; }
ul.room a:hover { color:#272b4b; font-family:'Roboto-Regular', sans-serif; }
ul.room .on a { color:#272b4b; font-family:'Roboto-Medium', sans-serif; }

ul.room span { display:block; text-align:center; }

table.tblDef { border-color:#0d496d; }
table.tblDef > * > tr > * { font-weight:400;     padding: 14px 20px 14px;}
table.tblDef > * > tr > th { font-weight:700; background-color:#f1f8fb; }
table.tblDef > * > tr > th, table.inputTbl > * > tr > th { font-family:'Pretendard-Medium'; }

/* Scientific Program */
table.tblDef td.time { color:#333; text-align:center; font-size:18px; }
table.tblDef td.tit { color:#333; font-size:18px; text-align:left; }
table.tblDef td.chirs { color:#6f6f6f; text-align:right; font-weight:400;font-size: 18px; }

table.tblDef tr.sessionInfo td { font-size:18px; color:#333; background-color: #f4f5fc; font-weight:700;font-family: 'Pretendard-Regular' !important; } /* 241202 수정 */
table.tblDef tr.sessionInfo td.time { }
table.tblDef tr.sessionInfo td.tit { text-align:left; font-size:18px; }

table.tblDef tr.break td { background-color:#f5f5f5; text-align:center; }

table.tblDef span.essential { color:#ed1c24; }

span.room1 { background-color:#484699 !important; }
span.room2 { background-color:#1a287c !important; }
span.room3 { background-color:#5f6676 !important; }
span.room4 { background-color:#2f477e !important; }
span.room5 { background-color:#3574ae !important; }

a.book { border:1px solid #787878; background-color:#787878; }
a.book:hover { background-color:#fff; color:#787878 !important; }

/* 팝업 > 프로그램  */
#popupProgram { width:1200px; }
div.layerPopup > div.popupWrap img { width:100%; }
#popupProgram div.popupCon { position:relative; padding:30px; }
#popupProgram div.scrollArea { overflow:auto; padding-top:0; height:490px; }
#popupProgram div.scrollArea div.program { margin-top:0; }

#popupProgram div.scrollArea::-webkit-scrollbar { width:8px; }
#popupProgram div.scrollArea::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:4px; }
#popupProgram div.scrollArea::-webkit-scrollbar-thumb { background-color:#676679; border-radius:4px; }

/* 팝업 Selection */
#popupSelection { width:450px; height:238px; margin:-119px 0 0 -225px; }
#popupSelection h1 { line-height:40px; background-color:#272b4b; color:#fff; font-size:17px; font-weight:500; }
#popupSelection .close { top:10px; right:20px; width:21px; height:21px; }

#popupSelection div.popupCon { padding:38px 0 32px; text-align:center; }
#popupSelection div.popupCon p { color:#222; font-size:20px; font-weight:500; }
#popupSelection .btnDef { margin-top:23px; width:136px; height:45px; line-height:45px; font-size:18px; font-weight:400; }

/* 팝업 QnA List */
#popupList { width:1200px; height:750px; margin:-375px 0 0 -600px; padding-top:35px; }
#popupList h1 { margin-bottom:25px; background-color:#fff; text-align:center; color:#272b4b; font-size:24px; line-height:24px; font-weight:500; }

#popupList div.formArea { width:100%; height:auto; margin:0; padding:0 30px; box-shadow:none; font-size:0; line-height:0; }
#popupList div.formArea textarea { width:970px; height:85px; padding:20px; background-color:#efefef; border:0 none; box-sizing:border-box; color:#222; font-size:16px; font-weight:400; }
#popupList div.formArea textarea::placeholder { color:#222; }
#popupList div.formArea span.btn { display:inline-block; vertical-align:top; }
#popupList div.formArea .btn input { width:120px; height:85px; vertical-align:top; margin-left:6px; padding:0; line-height:85px; font-size:17px; font-weight:400; }

#popupList div.scrollArea { overflow:auto; padding-top:0; padding:0 30px; margin-top:15px; height:520px; }
#popupList table.qna { margin:0; padding:0; border:0 none; border-spacing:0px; border-collapse:collapse; }
#popupList table.qna th { padding:10px; line-height:20px; text-align:center; background-color:#272b4b; color:#fff; font-size:15px; font-weight:500; }
#popupList table.qna th:last-child { text-align:left; }
#popupList table.qna td { padding:15px 5px; line-height:17px; border-bottom:1px solid #c2c3c8; text-align:center; color:#222; font-weight:400; }
#popupList table.qna td:last-child { text-align:justify; }
#popupList table.qna tbody tr:nth-child(even) { background-color:#f8f8f8; }

#popupList .close { top:37px; right:46px; }

#popupList div.scrollArea::-webkit-scrollbar { width:8px; }
#popupList div.scrollArea::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:4px; }
#popupList div.scrollArea::-webkit-scrollbar-thumb { background-color:#676679; border-radius:4px; }

/* E- Poster */
div.eposter { padding:50px 0; }

ul.category, ul.category li, ul.category a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.category { padding:15px 10px; margin-bottom:40px; text-align:left; background-color:#e1e4ee; font-size:0; line-height:0; }
ul.category li { position:relative; padding:0 16px; display:inline-block; vertical-align:top; }
ul.category li:before { position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; content:""; background-color:#84879c; }
ul.category li:first-child:before,
ul.category li.noBd:before { display:none; }
ul.category a { font-size:17px; line-height:30px; color:#717996; font-weight:400;; }
ul.category .on a { color:#233956; /*font-family:'Roboto-Medium', sans-serif; */}

div.eposter div.searchArea form { position:static; float:right; padding-top:20px; font-size:0; line-height:0; }
div.searchArea p.count { clear:both; margin:0; padding-top:20px; color:#222; font-size:15px; line-height:25px; font-weight:400; }
div.searchArea p.count span { color:#d43737; font-family:'Roboto-Medium', sans-serif; }

ul.eposterList, ul.eposterList li, ul.eposterList a,ul.eposterList img { display:block; margin:0; padding:0; list-style:none; text-decoration:none; }
ul.eposterList { width:1300px; padding-bottom:40px; margin:0 auto; }
ul.eposterList > li { position:relative; margin:30px 0 0; }
ul.eposterList > li:first-child { margin:18px 0 0; }
ul.eposterList > li > a { position:relative; display:block; min-height:192px; padding:30px 125px 25px 284px; border:1px solid #cdcdcd; border-top:2px solid #000 !important; font-weight:400; box-sizing:border-box; }
ul.eposterList span { display:block; }
ul.eposterList span.num { display:inline-block; vertical-align:top; height:27px; padding:0 15px; border-radius:14px; background-color:#30409e; color:#fff; font-size:14px; line-height:27px; }
ul.eposterList span.thumb { position:absolute; left:30px; top:25px; width:230px; height:calc(100% - 50px); overflow:hidden; background:url('/asset/layout/thumbBg.png') 0 0 no-repeat; }
ul.eposterList span.thumb img { display:block; width:100%; }

ul.eposterList span.tit { padding-top:10px; color:#000; font-size:17px; line-height:20px; word-break:keep-all; font-weight:500; }
ul.eposterList span.writer { padding-top:10px; color:#7f7f7f; font-size:17px; line-height:17px; font-weight:400; }
ul.eposterList span.util { position:absolute; display:block; top:50%; right:45px; width:31px; height:30px; margin-top:-15px; }
ul.eposterList span.util a.like { text-indent:-9999px; width:31px; height:30px; background:url('layout/icon_like.png') 0 0 no-repeat; }
ul.eposterList span.util a.like.on { background-image:url('layout/icon_like_on.png'); }

ul.eposterList span.util a.favor { text-indent:-9999px; width:31px; height:30px; background:url('layout/icon_like.png') 0 0 no-repeat; }
ul.eposterList span.util a.favor.on { background-image:url('layout/icon_like_on.png'); }

/* 썸네일 없는 경우 */
ul.eposterList > li.noThumb { }
ul.eposterList > li.noThumb a { min-height:auto; padding:25px 20px; }

ul.pager { margin:0; padding:15px 0; text-align:center; font-size:0; line-height:0; }
ul.pager li { display:inline-block; margin:0; padding:0; list-style:none; vertical-align:top; }
ul.pager li { margin-left:10px; }
ul.pager li:first-child { margin-left:0; }
ul.pager img { display:inline-block; vertical-align:top; }

ul.pager a { display:inline-block; vertical-align:top; color:#acacac; font-size:17px; line-height:17px; font-weight:400; }

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a { display:inline-block; vertical-align:top; width:15px; padding-top:2px; }

ul.pager a.on { color:#222; }
ul.pager a.on:after { display:block; width:100%; height:2px; background-color:#000; content:''; }


dl.sessionBrief, dl.sessionBrief dt, dl.sessionBrief dd { margin:0; padding:0; }
dl.sessionBrief { width:1300px; height:192px; padding:27px 30px; border:1px solid #cdcdcd; border-top:2px solid #000 !important; box-sizing:border-box; }
dl.sessionBrief:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

dl.sessionBrief dt { float:left; }
dl.sessionBrief dt span.thumb { display:block; width:230px; height:135px; background:url('/asset/layout/thumbBg.png') 0 0 no-repeat; box-sizing:border-box; }
dl.sessionBrief dt img { display:block; vertical-align:top; width:100%; }
dl.sessionBrief dd { position:relative; float:left; width:1150px; height:135px; margin-left:20px; }

dl.sessionBrief dd span { display:block; font-size:17px; font-weight:500; }
dl.sessionBrief dd span.num { display:inline-block; vertical-align:top; height:27px; padding:0 15px; border-radius:14px; background-color:#30409e; color:#fff; font-size:14px; line-height:27px; }
dl.sessionBrief dd span.tit { padding:10px 103px 0 0; color:#000; font-size:17px; }
dl.sessionBrief dd span.writer { padding-top:10px; color:#7f7f7f; font-size:17px; line-height:17px; }

dl.sessionBrief dd span.util { position:absolute; top:50%; right:40px; width:31px; height:30px; margin-top:-15px; }
dl.sessionBrief dd a.like { display:block; font-size:0; line-height:0; text-indent:-9999px; width:31px; height:30px; background:url('layout/icon_like.png') 0 0 no-repeat; }
dl.sessionBrief dd a.like.noLike { background:#e2e0e0; color:#000; border:1px solid #e2e0e0}

dl.sessionBrief dd a.favor { display:block; font-size:0; line-height:0; text-indent:-9999px; width:31px; height:30px; background:url('layout/icon_like.png') 0 0 no-repeat; cursor:pointer; }
dl.sessionBrief dd a.favor.on { background:url('layout/icon_like_on.png') 0 0 no-repeat; }

div.sessionCon { position:relative; padding-top:30px; padding-right:403px; min-height:140px; }
div.sessionCon * { margin:0; padding:0; list-style:none; text-decoration:none; }
div.sessionCon div.scrollArea { height:670px; overflow:auto; }
div.sessionCon div.scrollArea > img { display:block; width:100%; }

div.posterCon .bx-viewport { overflow-y:auto !important; height:671px !important; }
div.posterCon .bx-viewport::-webkit-scrollbar { width:8px; background-color:#dcdcdc; }
div.posterCon .bx-viewport::-webkit-scrollbar-thumb { background-color:#272b4b; }

div.sessionCon .btn { position:absolute; top:25px; left:0; }
div.sessionCon .btn a.detail { display:block; width:120px; height:37px; line-height:37px; border:1px solid #d30d3c; background-color:#fff; color:#d30d3c; box-sizing:border-box; }
div.sessionCon .btn a.detail img { display:inline-block; vertical-align:top; 	padding:9px 6px 0 10px; }

div.posterCon { overflow:hidden; border:1px solid #ccc; border-top:2px solid #000; /*background-color:#d0d0d0; */} 
div.posterCon img { display:block; width:100%; } 
div.posterCon li { width:895px !important; min-height:597px; height:597px; overflow-y:scroll; }
div.posterCon li::-webkit-scrollbar { width:8px; background-color:#dcdcdc; }
div.posterCon li::-webkit-scrollbar-thumb { background-color:#a3a3a3; }

div.sessionUtil { overflow:hidden; padding:15px; background-color:#eee; font-size:0; line-height:0; text-align:right; }
div.sessionUtil a { display:inline-block; padding:10px 15px; margin-left:10px; vertical-align:top; font-size:15px; line-height:25px; color:#fff; text-decoration:none; }
div.sessionUtil a:first-child { margin-left:0; }
div.sessionUtil a img { display:inline-block; padding-right:10px; vertical-align:top; }

div.sessionUtil a.prev,
div.sessionUtil a.next { position:relative; width:45px; height:45px; padding:0; font-size:0; line-height:0; background-position:center center; background-repeat:no-repeat; background-color:#141b3c; }

div.sessionUtil a.prev { background-image:url('layout/poster_prev.png'); }
div.sessionUtil a.prev:hover:before { z-index:5; position:absolute; top:0; left:0; width:45px; height:45px; background-image:url('layout/poster_prev_on.png'); content:''; }
div.sessionUtil a.next { background-image:url('layout/poster_next.png'); }
div.sessionUtil a.next:hover:before { z-index:5; position:absolute; top:0; left:0; width:45px; height:45px; background-image:url('layout/poster_next_on.png'); content:''; }

div.sessionUtil a.list { margin-left:20px; background-color:#6c9ed6; }
div.sessionUtil a.detail { background-color:#6178c5; }

div.posterTit { position:relative; padding:60px 20px 20px; color:#000; font-size:17px; line-height:28px; font-weight:500; box-sizing:border-box; }
div.posterTit span { position:absolute; left:20px; top:20px; height:28px; padding:0 10px; border-radius:14px; color:#b3215b; background-color:#f7e8ee; font-size:13px; line-height:28px; content:attr(data-text); }


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:#a3a3a3; scrollbar-Face-Color:#a3a3a3; 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:#a3a3a3; }

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

div.posterControl { padding:10px; font-size:0; line-height:0; text-align:right; background-color:#dddddd; }
div.posterControl a { position:relative; display:inline-block; vertical-align:top; margin-left:5px; cursor:pointer; }
div.posterControl a img { display:block; }

div.posterControl a.posterBtn:hover:after { position:absolute; top:0; left:0; display:block; width:35px; height:35px; background-position:0 0; background-repeat:no-repeat; content:''; }
div.posterControl a.posterBtn.btnPrev:hover:after { background-image:url('layout/poster_prev_ov.png'); }
div.posterControl a.posterBtn.btnNext:hover:after { background-image:url('layout/poster_next_ov.png'); }

dl.comment,
div.comment { margin-top:15px; padding:10px 16px; /*background-color:#e4e4e4; */border:1px solid #cdcdcd; border-top:2px solid #000; box-sizing:border-box; }
dl.comment > dt { margin-bottom:10px; color:#000; font-size:15px !important; 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:115px; }
dl.comment textarea { width:775px; height:65px; box-sizing:border-box; padding:10px; box-sizing:border-box; }
dl.comment textarea::placeholder { color:#b8b8b8; font-size:14px; font-weight:400; }
dl.comment input[type=submit] { position:absolute; right:0; top:0; width:83px; height:65px; padding:0; margin:0; background-color:#ffffff; border:0 none; color:#000; font-size:14px; font-family:'Roboto-Medium', sans-serif; }

div.sessionCon p.listNoti { position:absolute; right:0px; top:0px; padding:10px 10px 5px 10px; width:370px; line-height:20px; background-color:#004e8d; color:#fff000; }

dl.favorList { position:absolute; right:0; top:0px; width:390px; margin:0; border-bottom:1px solid #ccc; font-size:14px; font-weight:400; }
dl.favorList > dt { margin:0; padding:0 20px; background-color:#272b4b; color:#fff; line-height:40px; }
dl.favorList > dd { margin:0; border-left:1px solid #ccc; border-right:1px solid #ccc; }
dl.favorList > dt:first-child + dd { }
dl.favorList .listTit { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.2em; height:3.5em}
dl.favorList .listInfo { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.2em; height:2.4em}
dl.favorList > dd { scrollbar-3dLight-Color:#dcdcdc; scrollbar-arrow-color:#dcdcdc; scrollbar-base-color:#a3a3a3; scrollbar-Face-Color:#a3a3a3; scrollbar-Track-Color:#dcdcdc; scrollbar-DarkShadow-Color:#dcdcdc; scrollbar-Highlight-Color:#dcdcdc; scrollbar-Shadow-Color:#dcdcdc}
dl.favorList > dd::-webkit-scrollbar { width:8px; background-color:#dcdcdc; }
dl.favorList > dd::-webkit-scrollbar-thumb { background-color:#a3a3a3; }

div.sessionCon dl.favorList > dd { overflow-x:hidden; overflow-y:auto; max-height:245px; }
div.sessionCon dl.favorList > dt:first-child + dd { max-height:410px; }

dl.favorList ul { margin:0; padding:0; }
dl.favorList li { position:relative; margin:0; padding-right:54px; border-bottom:1px solid #ccc; list-style:none; }

dl.favorList a { position:relative; display:block; padding:15px 10px 15px 115px; text-decoration:none; }
dl.favorList span.thumb { position:absolute; left:10px; top:12px; display:block; width:93px; height:55px; overflow:hidden; border:1px solid #e2e2e2; box-sizing:border-box; }
dl.favorList span.thumb img { display:block; width:100%; box-sizing:border-box; }

dl.favorList span.tit { font-size:14px; line-height:17px; color:#000; height:51px; font-weight:400; 
overflow:hidden; 	text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }

dl.favorList a.favor { position:absolute; right:0; top:0; width:50px; height:100%; padding:0; text-indent:-10000px; background:url('/asset/layout/icon_like.png') center center no-repeat; }
dl.favorList .on a.favor { background-image:url('/asset/layout/icon_like_on.png'); }


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

div.VC_area { max-height:510px; overflow-x:hidden; overflow-y:auto; margin:10px 0; }
dl.reply:first-child { border-top:1px solid #d7d7d7; }
dl.reply, dl.reply dl, dl.reply dt, dl.reply dd { margin:0; padding:0; }
dl.reply { padding:20px 0; }
dl.reply + dl.reply { border-top:1px dashed #e0e0e0; }
dl.reply > dt { color:#222; font-size:15px; }
dl.reply > dt span { display:inline-block; vertical-align:top; padding-left:5px; color:#b0b0b0; font-size:14px; }
dl.reply > dd { color:#909090; font-size:14px; line-height:20px; font-weight:200; }
dl.reply dd dt,
dl.reply dd dd { padding-top:5px; }
dl.reply a.trigger { display:inline-block; padding:0 5px; border:1px solid #cecece; color:#909090; font-size:12px; line-height:18px; text-decoration:none; }


div.sessionCon dl.list { position:absolute; right:0; top:30px; width:390px; border-bottom:1px solid #ccc; font-size:15px; }
div.sessionCon dl.list > dt { position:relative; padding:0 20px; background-color:#272b4b; color:#fff; line-height:40px; }
div.sessionCon dl.list > dt span { position:absolute; display:block; top:0; right:20px; font-size:13px; font-weight:300; }
div.sessionCon dl.list > dd { overflow-x:hidden; overflow-y:auto; max-height:324px; border-left:1px solid #ccc; border-right:1px solid #ccc; min-height:384px; }
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; background:#fff; }
div.sessionCon dl.list li:first-child { border-top:0 none; }

div.sessionCon dl.list a { overflow:hidden; position:relative; display:block; word-break:keep-all; padding:13px  10px 0 115px; line-height:14px; color:#000; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:85px; font-size:13px;
	font-weight:400; box-sizing:border-box; }
div.sessionCon dl.list span.thumb { position:absolute; left:12px; top:12px; display:block; width:95px; height:62px; overflow:hidden; border:1px solid #cdcdcd; background-color:#fff; }
div.sessionCon dl.list span.thumb img { 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.num { color:#d30d3c; font-size:11px; display:block; font-family:'Roboto-LightItalic', sans-serif; }
div.sessionCon dl.list .on { background-color:#d1d5e2; }

div.sessionCon dl.list .on span.thumb { background-color:rgba(35,42,86, 0.7); } 
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; cursor:pointer; margin-top:-10px; padding:0; text-indent:-10000px; background:url('/asset/layout/icon_favor_off.png') center center no-repeat; }
div.sessionCon dl.list a.favor.on { background-image:url('/asset/layout/icon_favor_on.png'); }





/* 팝업 > E-Poster */
#popupPoster div.popupWrap { width:1300px; height:750px; box-sizing:border-box; }
div#popupPoster.layerPopup div.popupWrap { margin:-341px 0 0 -650px; }
#popupPoster div.popupCon { overflow:hidden; height:750px; padding-right:430px; background-color:#fff; }
#popupPoster dl, #popupPoster dt, #popupPoster dd, #popupPoster ul, #popupPoster li, #popupPoster p { margin:0; padding:0; list-style:none; }

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

#popupPoster dl.eposterView { position:relative; box-sizing:border-box; }
#popupPoster dl.eposterView > dt { position:relative; display:block; height:148px; padding:50px 40px 0 40px; font-weight:500; background-color:#272b4b; box-sizing:border-box; }
#popupPoster span.tit { display:block; overflow:hidden; height:50px; font-size:18px; line-height:25px; color:#fff; font-weight:500; }
#popupPoster span.writer { display:block; font-size:15px; color:rgba(255,255,255,.5); font-weight:400; }

#popupPoster dd.info { position:absolute; left:40px; top:20px; width:calc(100% - 80px); }
#popupPoster dd.info ul { overflow:hidden; color:#ffcf3c; font-size:13px; font-weight:200; }
#popupPoster dd.info li { position:relative; float:left; padding-left:25px; }
#popupPoster dd.info li:before { position:absolute; left:13px; top:50%; width:2px; height:10px; margin-top:-5px; content:""; background-color:#ccc; }
#popupPoster dd.info li:first-child { padding-left:0; }
#popupPoster dd.info li:first-child:before { display:none; }
#popupPoster dd.info p { position:absolute; right:0; top:-5px; width:100px; height:30px; }
#popupPoster dd.info p a { display:block; height:20px; padding:5px 0; text-decoration:none; color:#272b4b; background-color:#fff; font-size:15px; line-height:20px; font-weight:200; text-align:center; }

#popupPoster div.con { height:602px; margin:0; padding:40px; box-sizing:border-box; }
#popupPoster div.scrollArea { height:522px; }
#popupPoster div.scrollArea img { width:100%; }

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

#popupPoster div.list { overflow:hidden; position:absolute; right:0; top:0; width:430px; height:100%; padding:0; background-color:#f0f2f8; }
#popupPoster div.list dl { position:relative; height:calc(100% - 284px); padding:25px 15px 20px; box-sizing:border-box; }
#popupPoster div.list dl > dt { padding:0 0 13px 10px; margin-bottom:10px; border-bottom:1px solid #ccc; color:#272b4b; font-size:20px; font-weight:500; }
#popupPoster dd.count { position:absolute; right:40px; top:40px; margin:0; color:#272b4b; font-size:15px; font-weight:400; }
#popupPoster dd.count span { color:#cc1f4c; }

#popupPoster div.list dd.scrollArea { overflow-x:hidden; overflow-y:auto; height:calc(100% - 70px); padding-right:25px; }
#popupPoster div.list dd.scrollArea::-webkit-scrollbar { width:10px; background-color:#fff; }

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


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


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

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

#popupPoster div.list dl.bg { height:284px; background-color:#f8ede4; }


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



/* E-Booth */
div#container.eboothList { background:url('/asset/ebooth/boothBg.png') center top no-repeat; }
div#container.eboothList .pageTit { display:none; }
div.eboothList div.contents { position:relative; width:auto; padding-top:100px; padding-bottom:0; min-height:650px; }

div.eboothTit { width:1177px; height:95px; margin:0 auto ; padding:27px 0 28px; background-color:#6755b1; color:#fff; line-height:40px; text-align:center; font-size:23px;
	font-weight:700; box-sizing:border-box; }
div.eboothList .btn { position:absolute; top:125px; right:calc(50% - 570px); }
div.eboothList .btn a { padding:12px 29px 13px 29px; background-color:#fff; border-radius:5px; border:0 none; color:#6755b1; line-height:20px; font-size:17px; font-weight:500; }

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

ul.ebooth { margin:0 auto !important; width:1200px; height:495px; padding:19px 32px !important; box-sizing:border-box; background:url('ebooth/boothList_bg.png') 0 0 no-repeat; text-align:center; font-size:0; line-height:0; }
ul.ebooth li { float:left; width:215px; margin:16px 0 0 10px; position:relative; display:inline-block; vertical-align:top; }
ul.ebooth a { display:table-cell; width:215px; height:106px; background:#fff; vertical-align:middle; text-align:center; border-radius:9px; box-shadow:-1px 3px 3px 0px rgb(241 241 241 / 75%); border:2px solid #ebebeb; transition:none; }

ul.ebooth a:hover:before { position:absolute; top:0; bottom:0; right:0; left:0; border-radius:9px; display:block; background-color:rgba(0,0,0,.45); padding:13px 18px; color:#fff; text-align:left; font-size:17px; line-height:17px; font-weight:500; content:attr(data-txt); }
ul.ebooth img { display:inline-block; max-width:150px; vertical-align:middle; }

ul.ebooth li.visit:before { position:absolute; top:0; right:0; display:block; width:46px; height:46px; padding:9px 12px; border-radius:0 9px 0 0; background-color:#c23c54; content:'참여 완료'; letter-spacing:-1px; line-height:15px; color:#fff; font-size:13px; font-weight:400; box-sizing:border-box; }


/* E-Booth 상세보기 팝업 * /

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


div#popupEbooth h1 { padding:30px 40px; background-color:#194081; color:#fff; line-height:30px; font-size:24px; font-weight:500; }
div#popupEbooth div.popupCon { padding:0; background-color:#fff; }
div#popupEbooth div.popupCon:after { display:block; clear:both; content:''; }

div#popupEbooth div.popupCon > div { float:right; width:430px; background-color:#eff1fa; }
div#popupEbooth div.popupCon > div.bizCon { float:left; width:864px; min-height:568px; background-color:#fff; }

dl.brochure dt { position:relative; padding:9px 20px; color:#fff; font-size:15px; font-weight:500; background-color:#0e2853; }
dl.brochure dt a { position:absolute; top:0; right:0; display:block; width:123px; height:40px; padding:10px 0 10px; background-color:#061b3e; color:#fff; text-decoration:none; text-align:center; font-size:14px; font-weight:400; box-sizing:border-box; }
dl.brochure dt a:after { display:inline-block; vertical-align:top; width:12px; height:14px; margin:3px 0 0 5px; background:url('ebooth/download_bg.png'); content:''; }
dl.brochure dd { padding:16px 0; }
dl.brochure dd img { display:block; margin:0 auto; }

div#popupEbooth div.popupCon div.btnArea a { display:block; padding:9px 20px; text-decoration:none; color:#fff; font-size:15px; font-weight:500; background:#467ded url('ebooth/homepage_bg.png') right 33px center no-repeat; }

dl.bizInfo, dl.bizInfo ul, dl.bizInfo li { margin:0; padding:0; list-style:none; }
dl.bizInfo { border-bottom:2px solid #dee0e9; }
dl.bizInfo dt { padding:9px 20px; color:#fff; font-size:15px; font-weight:500; background-color:#0e2853; }
dl.bizInfo dd { padding:16px 28px 16px; color:#222; line-height:17px; font-size:15px; font-weight:200; }
dl.bizInfo dd li { margin-bottom:10px; padding-left:22px; background-position:0 3px; background-repeat:no-repeat; }
dl.bizInfo dd li:nth-child(1) { background-image:url('ebooth/ico_manager.png'); }
dl.bizInfo dd li:nth-child(2) { background-image:url('ebooth/ico_phone.png'); }
dl.bizInfo dd li:nth-child(3) { background-image:url('ebooth/ico_mail.png'); }


/* E-Booth 상세 > Company  * /
div.bizCon { padding:30px; box-sizing:border-box; }
div.bizCon .logo { width:320px; margin:0 auto; }
div.bizCon .logo img { display:block; text-align:center; margin:0 auto; }

div.bizCon div.vodArea { width:685px; height:380px; margin:30px auto 0; background-color:#fff; }
div.bizCon div.vodArea img { display:block; }
div.bizCon dl { margin-top:15px; padding:20px; }
div.bizCon dt { color:#222; font-size:18px; font-family:'Roboto-Medium', sans-serif; }
div.bizCon dd { margin-top:10px; color:#222; text-align:justify; line-height:25px; font-size:15px; font-family:'Roboto-Regular', sans-serif; }

div.bizCon div.scrollArea::-webkit-scrollbar { width:10px; }
div.bizCon div.scrollArea::-webkit-scrollbar-track { background-color:#e6e6e6; }
div.bizCon div.scrollArea::-webkit-scrollbar-thumb { background-color:#222222; }


/* [팝업] 부스방문 확인하기 * /

div.stampArea { position:relative; }
div.stamp { position:relative; padding:0 24px 24px; }
div.stamp .stampNote { margin-top:20px; color:#272727; letter-spacing:-1px; font-size:15px; font-family:'NotoSansKR Regular'; }
div.stamp .pager { position:absolute; top:-20px; right:0; margin-left:25px; color:#666; font-size:15px; }
div.stamp .pager span { display:inline-block; vertical-align:top; color:#0467b8; }

ul.stamp, ul.stamp li { margin:0; padding:0; list-style:none; }
ul.stamp { width:100%; padding:0 9px; box-sizing:border-box; }
ul.stamp:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.stamp > li { float:left; width:110px; height:110px; margin:19px 0 0 30px; background:url('ebooth/stamp_bg.png') center center no-repeat; background-size:cover; }
ul.stamp > li:nth-child(8n + 1) { margin-left:0; }
div#popupEbooth ul.stamp > li:nth-child(3n+1) { clear:both; margin-left:0; }
ul.stamp a { overflow:hidden; position:relative; display:table-cell; vertical-align:middle; width:110px; height:110px; box-sizing:border-box; border-radius:50px; }
ul.stamp img { width:53px; display:block; height:25px; margin:0 auto; }

ul.stamp .visit a:before { position:absolute; left:0; top:0; width:100%; background-color:rgb(179 29 96 / 75%) ; content:"방문완료"; text-align:center; line-height:110px; color:#fff; font-size:14px; font-weight:400; }

div.stamp div.btn { padding-top:17px; text-align:center; }
div.stamp div.btn .btnVisit { display:block; width:220px; height:54px; padding:0; margin:0 auto; background-image:url('/asset/ebooth/btn_visit.png'); border-color:#3859cc !important; background-color:#3859cc !important; background-position:center center; background-repeat:no-repeat; font-size:0; line-height:0; border-radius:5px; }
div.stamp div.btn .btnVisit.btnCom { background-image:url('/asset/ebooth/btn_com.png'); background-color:#b71b50  !important; border-color:#b71b50 !important; }

ul.stamp.scrollArea::-webkit-scrollbar { width:10px; }
ul.stamp.scrollArea::-webkit-scrollbar-track { background-color:#e6e6e6; }
ul.stamp.scrollArea::-webkit-scrollbar-thumb { background-color:#222222; }

div.stamp div.bx-wrapper { position:relative; }
div.stamp div.bx-controls { position:absolute; top:50%; width:100%; height:21px; }
div.stamp a.bx-prev, div.stamp a.bx-next { position:absolute; top:0; width:12px; height:21px; text-indent:-999999px; background-position:center center; background-repeat:no-repeat; }
div.stamp a.bx-prev { left:-15px; background-image:url('ebooth/btn_prev.png'); }
div.stamp a.bx-next { right:-15px; background-image:url('ebooth/btn_next.png'); }

#popupVisit { width:600px; height:380px; margin:-170px 0 0 -300px; border:3px solid #222; }
#popupVisit h1 { padding:40px 0 0; background:#fff; text-align:center; color:#272b4b; font-size:28px; font-weight:500; }
#popupVisit  .popupCon { padding:15px; text-align:center; }
#popupVisit ul.stamp { padding:0 100px; }
#popupVisit ul.stamp > li:nth-child(4n+1) { clear:both; margin-left:0; }
#popupVisit .close { position:absolute; right:0; top:-60px; width:40px; height:40px; margin:0; padding:0; }
#popupVisit .close a { display:block; height:100%; text-indent:-10000px; background:url('/asset/ebooth/popup_close.png') center center no-repeat; }

#popupVisit  div.bx-wrapper { position:relative; }
#popupVisit  div.bx-controls { position:absolute; top:50%; width:100%; height:40px; margin-top:-20px; }
#popupVisit  a.bx-prev, #popupVisit  a.bx-next { position:absolute; top:0; width:22px; height:40px; text-indent:-999999px; background-position:center center; background-repeat:no-repeat; }
#popupVisit  a.bx-prev { left:45px; background-image:url('ebooth/btn_prevB.png'); }
#popupVisit  a.bx-next { right:45px; background-image:url('ebooth/btn_nextB.png'); }

#popupVisit .pager { margin-top:10px; display:inline-block; position:static; color:#666; font-size:15px; }
#popupVisit .pager span { display:inline-block; vertical-align:top; color:#0467b8; }
*/

div#popupEbooth { position:relative; width:100%; background-color:#fff; }
.layerPopup div#popupEbooth { position:absolute; left:50%; top:50%; /* margin:-395px 0 0 -650px; */ ; background-color:transparent; width:1300px; }
div#popupEbooth .close { position:absolute; right:30px; top:30px; width:26px; height:26px; margin:0; padding:0; }
div#popupEbooth .close a { display:block; width:26px; height:26px; text-indent:-10000px; background:url('ebooth/popup_close.png') center center no-repeat; }

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

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

div#popupEbooth ul.tabMenu .on a { opacity:1; }
div#popupEbooth ul.tabMenu .on span { border-color:#fff; font-weight:500; }
div#popupEbooth div.tabCon { height:710px; }

/* E-Booth 상세 > Company  */
div.company { position:relative; padding-right:430px; }
div.company div.bizCon { padding:15px 10px 10px 15px; }
div.company div.bizCon div.scrollArea { height:680px; padding-right:20px; }

div.company h3 { text-align:center ; }
div.company h3 img { display:inline-block; vertical-align:top; }
div.company dd strong { font-size:19px; font-weight:700; }
div.company dd > p { padding:10px 10px; font-size:15px; line-height:25px; text-align:justify; }
div.company dd ul { font-size:15px; line-height:25px; padding:5px 0 10px 25px; }
div.company dd.bold { font-weight:bold; }
div.company div.vodArea { width:580px; background-color:#fff; margin:10px auto 0; }
div.company div.vodArea img { display:block; width:100%; height:100%; }

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

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

div.bizCon dt.tit { position:relative; }
div.bizCon dt.tit a.vod { position:absolute; right:0; top:0; padding:0 20px; display:block; cursor:pointer; background-color:#1a2b3c; color:#fff; line-height:35px; font-size:14px; font-weight:500; text-align:left; text-decoration:none; }
/* div.bizCon dt.tit a.vod:hover { color:#fff; background-color:#ed0069; } */
div.bizCon dt.tit a.vod i { color:#eff438; top:0px; position:relative; margin-left:7px; }

 
div.bizCon dl { clear:both; padding:5px 0px 0 0; }
div.bizCon dt.tit { margin-top:10px; padding:5px 15px 5px; background-color:#304457; color:#fff; font-size:15px; line-height:25px; font-weight:500; }
div.bizCon dt.tit.bg { padding:10px 20px; background-color:#304457; color:#fff; }
 
div.bizCon ul.download { padding-top:0; text-align:left; padding-left:0; }
div.bizCon ul.download a i { color:#ffeb3b; top:0px; position:relative; margin-left:7px; }
div.bizCon ul.download a i.f_w { color:#fff !important; }
div.bizCon ul.download li { width:180px; padding-left:15px; margin-top:10px; }
div.bizCon ul.download li:nth-child(4n+1) { padding-left:0; }


div.company div.bizInfo { position:absolute; right:0; top:0; width:430px; height:100%; padding:10px 40px 40px; background-color:#e1e4ee; box-sizing:border-box; }
div.company div.bizInfo > * { margin-top:20px; }
 
div.company .bizCard { position:relative; margin:0; padding:25px 30px; background-color:#fff; box-shadow:1px 1px 25px rgba(152,161,190,.55); }
div.company .bizCard > * { }
div.company .bizCard dt { padding-bottom:15px; color:#282a71; font-size:18px; line-height:30px; font-weight:700; }
div.company .bizCard dd { margin:0; padding:0; }
div.company .bizCard p.name { margin:0; padding:0; color:#000; font-size:17px; line-height:20px; font-weight:500; }
div.company .bizCard ul,
div.company .bizCard li { margin:0; padding:0; list-style:none; }
div.company .bizCard ul { margin-top:5px; }
div.company .bizCard li { position:relative; padding-left:20px; font-size:14px; line-height:20px; color:#000; font-weight:400; }
div.company .bizCard li span { position:absolute; top:0; left:0; color:#2c70eb; font-weight:500; }
div.company .bizCard li a { text-decoration:none; color:#000; }
div.company .bizCard dd > a { position:absolute; right:-38px; bottom:-28px; width:88px; height:88px; }
div.company .contact { display:none; margin:0; font-size:15px; line-height:20px; color:#222; font-weight:400; }
div.company .contact span { display:block; line-height:23px; font-size:16px; }
div.company .contact span.name_kr { font-weight:bold; color:#0048ab; }
div.company .contact span.email a { text-decoration:none; color:#000; }


div.company div.bizInfo dl.draw { font-weight:400; margin-top:15px; margin-bottom:10px; background:#272b4b; color:#fff; padding:30px 20px  ; }
div.company div.bizInfo dl.draw dt { padding-bottom:10px; line-height:25px; font-weight:bold; font-size:24px; }
div.company div.bizInfo dl.draw dd.title { line-height:22px; font-size:18px; color:#eff438}
div.company div.bizInfo dl.draw dd { font-size:16px; line-height:20px; margin-top:5px; }
div.company div.bizInfo dl.draw dd i { margin:0 5px; color:#eff438; }
div.company .contact:before { font-size:17px; font-weight:bold; margin-bottom:5px; display:block; color:#272b4b; font-weight:400; content:'Contact Point'   }
div.company .btn { margin:0; }
div.company .btn a, div.company .btn img { display:block; }
div.company .btn a { margin-top:8px; padding:0; border:0 none; }
div.company .btn a:first-child { margin-top:0; }

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

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

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

div.company dl.live dt { color:#fff; font-size:15px; font-weight:500; }
div.company dl.live dd { color:#fff881; font-size:13px; font-weight:400; }



/* E-Booth 상세 > Brochures  */
div.brochures { }
div.brochures h3 { margin:0; padding:35px 0; text-align:center; color:#272b4b; font-size:34px; font-weight:500; }

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



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


/* E-Booth 상세 >   */
div.eboothSurvey { position:relative; }
div.eboothSurvey h3 { margin:0; padding:25px 0; text-align:center; color:#272b4b; font-size:34px; font-weight:500; }

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

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

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

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

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

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

/* E-Booth 상세 > 방명록  */
div.guest { position:relative; }
div.guest h3 { margin:0; padding:25px 0; text-align:center; color:#272b4b; font-size:34px; font-weight:500; }
div.guest h3 + p { margin:0; text-align:center; color:#222; font-size:17px; 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; padding:40px 0; }
div.guest li { position:relative; float:right; width:600px; padding-left:85px; margin-bottom:20px; background-color:#9ba3b2; box-sizing:border-box; }
div.guest li:first-child { float:left; }
div.guest label,
div.guest textarea::placeholder { color:rgba(255,255,255,.7); font-size:15px; font-weight:500; }
div.guest label { position:absolute; left:25px; top:50%; margin-top:-13px; }
div.guest li.clear { clear:both; float:none; width:100%; margin-bottom:0; padding:0; }
div.guest li.clear label { display:none; }

div.guest li input,
div.guest textarea { background-color:transparent; border:0 none; box-sizing:border-box; color:#fff; }

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

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

/* E-Booth 상세 > Stamp Event */
/* div.stamp { position:relative; background:url('ebooth/drawbg.jpg') center center no-repeat; } */
div.stamp h3 { margin:0; padding:30px 0 15px; text-align:center; color:#272b4b; font-size:30px; font-weight:500; }
div.stamp h3 + p { line-height:20px; margin:-15px 0 10px; text-align:center; color:#222; font-size:17px; font-weight:400; }

div.stamp .bg { position:relative; width:1135px; height:270px; margin:15px auto 0; padding:44px 40px 15px; background-color:#f2f3f5; }
div.stamp .bg .count { position:absolute; right:20px; top:5px; margin:0; color:#222; font-size:15px; font-weight:400; }

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

ul.stamp, ul.stamp li { margin:0; padding:0; list-style:none; }
ul.stamp { }
ul.stamp:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.stamp > li { float:left; width:110px; height:110px; margin:8px  0 8px  15px; background:url('ebooth/stamp_bg.png') center center no-repeat; }
ul.stamp > li:nth-child(9n+1) { clear:both; margin-left:0; }
ul.stamp a { overflow:hidden; position:relative; display:block; width:110px; height:110px; padding:44px 5px; border-radius:55px; box-sizing:border-box; }
ul.stamp img { display:block; height:22px; margin:0 auto; }
ul.stamp .visit a:before { position:absolute; left:0; top:0; width:100%; background-color:rgba(147, 26, 32, .75); content:"Completed"; text-align:center; line-height:110px; color:#fff; font-size:16px; font-weight:400; }

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




/* 레이어 팝업 */
div.layerPopup { display:none; z-index:250; position:fixed; left:0; top:0; overflow:auto; width:100%; height:100%; min-width:1200px; background-color:rgba(0,0,0,.7); font-weight:400; }
div.layerPopup div.popup { position:absolute; left:50%; top:50%; }

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

div.layerPopup div.popupWrap { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-color:#fff; }

/* 사전동의 */
div#popupAgree { width:1000px; padding:30px; border:3px solid #272b4b; text-align:center; background-color:#fff; box-sizing:border-box; }
div#popupAgree h1 { background-color:#fff; color:#000; font-size:28px; line-height:42px; text-align:center; font-weight:700; }
div#popupAgree h1 img { display:inline-block; vertical-align:top; width:50px; }
div#popupAgree p.close { position:absolute; right:0; top:-94px; margin:0; }
div#popupAgree p.close a, div.layerPopup p.close img { display:block; }

div#popupAgree > p { margin:0; padding:15px 0 20px; line-height:20px; color:#000; font-size:18px; font-weight:500; }
div#popupAgree > p span { color:#0d496d; }

div#popupAgree div.formArea { padding:0 30px; }

div#popupAgree div.agreeCon { height:335px; padding:25px 30px; font-size:15px; line-height:24px; background-color:#f7feff; text-align:left; box-sizing:border-box; }
div#popupAgree div.agreeCon ul.listNum_2 > li.tblArea:before { display:none; }
div#popupAgree div.agreeCon li.tblArea { margin:20px 0; }
div#popupAgree div.agreeCon table.tblDef { width:70%; }
div#popupAgree div.agreeCon table.tblDef > * > tr > * { padding:5px 10px 5px; font-size:15px; }
div#popupAgree div.agreeCon table.tblDef th { border-bottom:1px solid #272b4b; }

div#popupAgree div.agreeCon > ul > li { margin-top:23px; } 
div#popupAgree div.agreeCon > ul > li:first-child { margin-top:0; }
div#popupAgree div.agreeCon li { color:#000; line-height:24px; font-size:15px; font-weight:200; }
div#popupAgree div.agreeCon li span { display:inline-block; vertical-align:top; color:#e31e1e; font-weight:500; }
div#popupAgree div.agreeCon li a { display:inline-block; vertical-align:top; color:#222; text-decoration:none; }
ul.numList, ul.numList li { margin:0; padding:0; list-style:none; }
ul.numList { }
ul.numList > li { position:relative; padding-left:40px; margin-top:30px; color:#1b1b1b; font-size:15px; line-height:25px; }
ul.numList > li:first-child { margin-top:0; }
ul.numList > li > span:first-child { position:absolute; left:0; top:0; }

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, ul.listNum_2 li { margin:0; padding:0; list-style:none; }
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 ) ') '; }

div#popupAgree .agree { padding:15px 0; }
div#popupAgree .agree input[type=checkbox] { display:inline-block; width:23px; height:23px; margin:0 10px 0 0; vertical-align:top; }
div#popupAgree .agree label { cursor:pointer; display:inline-block; vertical-align:top; line-height:23px; font-size:16px; color:#000; font-weight:500; }
div#popupAgree span.inputC.on:before { background-color:#0d496d; }
div#popupAgree .btn > * { width:200px; height:50px; padding:14px 15px; text-align:left; font-size:17px; line-height:22px; border-color:#0d496d; background-color:#0d496d; color:#fff;
	font-weight:500; text-align:center; }




/* 간호 세션 */
div.vodList { background:url('layout/vod_bg.png') 0 0 no-repeat; }
div.vodList div.titArea { display:none; }
div.vodList div.contents { padding-bottom:20px; }

div.webinarVod h3 { padding:19px 0 14px; text-align:center; color:#d73616; font-size:30px; font-weight:700; text-shadow:-3px 0 #fff, 0px 3px #fff, 3px 0 #fff, 0 -3px #fff; }
div.webinarVod h3 span { color:#314980; }
div.vodItem, div.vodItem dl, div.vodItem dt, div.vodItem dd { margin:0; padding:0; }
div.vodItem { display:inline-block; width:280px; height:280px; vertical-align:top; margin-left:25px; border:1px solid #97a2b0; background-color:#fff; box-shadow:0 25px 20px rgba(0,0,0,.23); }

h2 + div.vodItem { margin-left:0; }

div.vodItem dl { position:relative; height:124px; padding:40px 25px 20px 125px; text-align:left; word-break:keep-all; }
div.vodItem dt { padding-bottom:15px; color:#000; font-size:15px; line-height:19px; font-weight:500; font-weight:500; }
div.vodItem dd { color:#314980; font-size:15px; line-height:20px; font-weight:500; }
div.vodItem dd.photo { box-sizing:border-box; position:absolute; left:20px; top:34px; width:90px; height:110px; background-color:#fff; }
div.vodItem dd.photo img { display:block; width:100%; height:100%; }
div.vodItem div.btn { padding:0 10px 20px; text-align:center; }
div.vodItem div.btn:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.vodItem div.btn a { float:right; display:block; width:calc(50% - 5px); margin:0; padding:5px 0; box-sizing:border-box; border-radius:0; font-weight:700; }
div.vodItem div.btn a:first-child { float:left; }
div.vodItem div.btn a.btnCV { border:1px solid #275ad1; color:#275ad1; background-color:#e9eefa; }
div.vodItem div.btn a.btnVod { border:1px solid #d6153d; color:#d6153d; background-color:#fbe7eb; }

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

div.webinarVod div.note { width:1247px; margin:30px auto 0; padding:10px 0; background-color:#2c405f; text-align:center; vertical-align:middle; color:#fff; font-size:17px; font-weight:400; line-height:22px; }


/* My Page */
div.noTit .pageTit { display:none; }
div.mypage h1 { display:block; margin:0 auto; text-align:center; margin-bottom:10px}
div.mypage ul.listDot {     background: #f1f8fb;padding: 20px 20px;} 
div.mypage ul.listDot li { padding-left:1em !important; color:#333; font-size:17px; line-height:30px; font-weight:500;    font-family: 'Pretendard-medium'; }
div.mypage ul.listDot li a { padding:0 10px; color:#333; }
div.mypage ul.listDot > li:before { top:0; left:0; width:auto; height:auto; background-color:transparent; content:'·'; line-height:25px; color:#42479e; }

/* div.mypage table.tblDef { margin-top:30px; border-top:2px solid #4356b8; }
div.mypage table.tblDef:first-of-type { margin-top:0; }
div.mypage table.tblDef thead th { border-left:1px solid #4356b8; border-bottom:1px solid #4356b8; background-color:#eceef8; }
div.mypage table.tblDef thead th:first-child { border-left:none; }
div.mypage table.tblDef tbody td { border-left:1px solid #ccc; }
div.mypage table.tblDef tbody td:first-child { border-left:none} */

div.mypage table.tblDef { margin-top:15px; }
div.mypage table.tblDef:first-of-type { margin-top:0; }

.boldTit { margin:25px 0 10px; color:#000; font-weight:700; }

div.myfavor { margin-top:20px; }
div.myfavor h3 { width:100%; height:50px; padding-top:15px; border-bottom:2px solid #000; line-height:20px; color:#111; font-size:17px; box-sizing:border-box}
div.myfavor h3:first-child { border-bottom:0 none; }

div.myfavor ul.eposterList > li:first-child { margin:0; }
div.myfavor div.btn { width:100%; height:65px; padding-top:16px; text-align:right; font-size:0; line-height:0; box-sizing:border-box; }
div.myfavor div.btn a { display:inline-block; vertical-align:top; width:140px; height:37px; padding:0 16px 0 0; line-height:37px; letter-spacing:-1px; background-color:#233956; border:0 none; color:#fff; font-size:17px;
	font-weight:500; text-decoration:none; box-sizing:border-box; }
div.myfavor div.btn a:after { display:inline-block; vertical-align:top; width:11px; height:9px; margin:15px 0 0 11px; background:url('/asset/layout/btn_onair.png') 0 0 no-repeat; content:''; }
div.myfavor  table.session { margin-top:0; }
div.myfavor  table.session a.vod { position:absolute; top:50%; right:58px; display:block; width:57px; height:30px; margin-top:-15px; text-indent:-99999px; background:url('/asset/layout/btn_vod.png') 0 0 no-repeat; }

div.mypoint { }
div.mypoint h3 { color:#111; padding-bottom:15px; font-size:20px; font-weight:500; }
div.mypoint table.tblDef { padding-bottom:30px; }
div.mypoint table.tblDef > * > tr > * { border-color:#e7e7e7 ; border-left:1px solid #e7e7e7; }
div.mypoint table.tblDef > * > tr > *:first-child { border-left:0 none; }
div.mypoint table.tblDef thead th { color:#111; font-size:17px; font-weight:400; }

.bdLeft { border-left:1px solid #d6d6d6 !important; }

div.mystamp { }
div.mystamp ul.stamp { margin-top:40px; padding:55px 90px 55px; border:5px solid #e2e5ed; box-sizing:border-box; }
div.mystamp div.btn { display:block; width:100%; margin-top:30px; text-align:center; }
div.mystamp div.btn a { display:inline-block; vertical-align:top; width:200px; height:55px; padding:0; text-align:center; background-color:#272b4b; color:#fff; line-height:55px; font-size:14px; font-weight:400; box-sizing:border-box; }
/* div.mystamp div.btn a:after { display:inline-block; vertical-align:top; width:11px; height:9px; margin:7px 0 0 17px; background:url('/asset/layout/btn_onair.png') 0 0 no-repeat; content:''; } */

/* 팝업 > 퀴즈풀기 */
div#popupMypage { width:1100px; height:670px; border:2px solid #272b4b; margin:-335px 0 0 -550px; }
div#popupMypage h1 { padding:5px 20px; background-color:#272b4b; color:#fff; font-size:20px; }

div.timeRemain { position:absolute; right:50px; top:21px; color:#fff; font-size:25px; line-height:20px; font-family:'Roboto-Regular', sans-serif; }
div.timeRemain span { color:#ffd820; }

div#popupMypage div.scrollArea { position:relative; height:566px; }

div#popupMypage h3 { margin:30px 0 10px; color:#272b4b; font-size:17px; line-height:25px; font-weight:500; }
div#popupMypage h3:first-child { margin-top:0; }
div#popupMypage td.al { border-left:1px solid #ccc; }
div#popupMypage th span { font-size:.8em; }

div#popupMypage .btnArea { padding-top:50px; text-align:center; }

div.quizNum { position:absolute; right:10px; top:0; color:#a4a8c9; font-size:18px; font-weight:500; }
div.quizNum span { color:#222; font-weight:700; }

div.quiz { position:relative; margin-top:20px; padding-left:40px; color:#222; font-size:18px; line-height:25px; font-weight:700; }
div.quiz:before { position:absolute; top:0; left:0; width:30px; text-align:right; content:attr(data-quizNum); }

dl.case, dl.case dt, dl.case dd { margin:0; padding:0; }
dl.case { border:1px solid #353e53; }
dl.case > dt { padding:15px 20px; color:#fff; background-color:#353e53; font-size:18px; line-height:20px; font-family:'Roboto-Medium', sans-serif; }
dl.case > dd { padding:15px 20px; color:#000; background-color:#f1f1f3; font-size:16px; line-height:25px; font-family:'Roboto-Regular', sans-serif; }

div.quizImg { position:relative; padding:30px 60px; }
div.quizImg img { display:block; margin:0 auto; }

div.quizImg a.prev,
div.quizImg a.next { position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; }
div.quizImg a.prev { left:0; }
div.quizImg a.next { right:0; }


div.quizTxt { padding:50px 0; text-align:center; color:#272b4b; font-size:27px; line-height:35px; font-family:'Roboto-Bold', sans-serif; }

dl.quiz, dl.quiz dt, dl.quiz dd { margin:0; padding:0; }
dl.quiz { padding:30px; background-color:#f4f5f9; }
dl.quiz > dt { color:#272b4b; font-size:24px; line-height:35px; font-family:'Roboto-Bold', sans-serif; }
dl.quiz > dd { padding:10px 20px 0; }


ul.optionA, ul.optionA li { margin:0; padding:0; list-style:none; }
ul.optionA > li { position:relative; margin-top:10px; padding-left:35px; }
ul.optionA > li:first-child { margin-top:0; }
ul.optionA span.inputC,
ul.optionA span.inputR { position:absolute; left:0; top:0; margin:0; }
ul.optionA label { display:inline-block; vertical-align:top; line-height:25px; }

ul.optionB, ul.optionB li { margin:0; padding:0; list-style:none; }
ul.optionB { }
ul.optionB:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.optionB > li { float:left; }
ul.optionB span.inputC,
ul.optionB span.inputR,
ul.optionB label,
ul.optionB img { display:block; margin:0 auto; }
ul.optionB label { margin-top:20px; }

ul.optionA > li { position:relative; margin-top:10px; padding-left:35px; }
ul.optionA > li:first-child { margin-top:0; }
ul.optionA span.inputC,
ul.optionA span.inputR { position:absolute; left:0; top:0; margin:0; }

ul.optionA label { line-height:25px; }


ul.optionA span.on + label,
ul.optionB span.on + label { color:#272b4b !important; }

dl.quiz span.inputC:before, 
dl.quiz span.inputR:before { background-image:url('layout/input_checked.png'); box-sizing:border-box; }


dl.quiz .correct span:before { background-color:#0e9ec2 !important; }
dl.quiz .correct span + label { color:#0e9ec2 !important; }

dl.quiz .incorrect span:before { background:#fff url('layout/input_incorrect.png') center center no-repeat !important; border:1px solid #f71258; }
dl.quiz .incorrect span + label { color:#f71258 !important; }


dl.reTest { position:absolute; left:50%; top:50%; width:600px; height:380px; margin:-190px 0 0 -300px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.36); }
dl.reTest dt { margin:0; padding:5px 20px; background-color:#e85d32; color:#fff; font-size:20px; line-height:50px; font-weight:500; }
dl.reTest dd { padding:20px; text-align:center; color:#272b4b; font-size:20px; line-height:30px; font-weight:500; }
dl.reTest dd img,
dl.reTest dd span.btn { display:block; margin:0 auto; }
dl.reTest dd img { margin-bottom:20px; }
dl.reTest dd span.btn { width:200px; padding-top:20px; }
dl.reTest dd span.btn a { display:block; padding:10px 0; font-size:17px; }


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

/* 팝업 >  Proceedings Download */
 
#popupDownload div.popupWrap { width:650px; height:300px; margin:-150px 0 0 -325px; text-align:center; }
#popupDownload div.popupWrap h1 { margin:0 19px; padding:16px 10px; border-bottom:1px solid #c3c3c3; background-color:#fff; color:#222; line-height:30px; font-size:24px; font-weight:700; }
#popupDownload div.popupCon { padding:35px 40px; font-size:0; line-height:0; }
#popupDownload div.popupCon a { display:inline-block; vertical-align:top; width:33.333%; line-height:38px; letter-spacing:-1px; color:#2d4375; font-size:20px; font-weight:500; text-align:center; }
#popupDownload div.popupCon img { display:block; margin:0 auto; }

#popupDownload div.popupWrap .close { top:-59px; right:0; width:40px; height:40px; }


/* 팝업 > 피드백 */

div#popupSurvey { width:1000px; height:670px; margin:-335px 0 0 -550px; }
div#popupSurvey div.scrollArea { height:566px; }
div#popupSurvey div.popupCon { padding:0; }
div#popupSurvey div.popupCon form { margin:5px; }
div#popupSurvey h1 { padding:0 55px 0 20px; margin:0; color:#fff; font-size:18px; line-height:50px; font-weight:500; background-color:#ff7c1b; }

div#popupSurvey div.note { padding:20px 0 40px; text-align:center; font-size:20px; line-height:25px; font-weight:500; color:#272b4b; }

div#popupSurvey h4 { margin:0; padding:17px 25px; color:#fff; font-weight:400; background-color:#272b4b; }

div#popupSurvey table.inputTbl > * > tr > * { color:#111; font-size:14px; font-weight:200; }
div#popupSurvey th { padding:10px 25px; font-size:14px; line-height:1.3; text-align:center; }
div#popupSurvey td { padding:10px 25px; text-align:center; }
div#popupSurvey td:first-child { text-align:left; }

div#popupSurvey td label { display:block; }
div#popupSurvey td textarea { width:100%; height:80px; border:1px solid #d2d2d2; padding:10px; box-sizing:border-box; color:#999; font-size:15px; background-color:#f6f6f6; margin-top:5px; }
div#popupSurvey td textarea::placeholder { color:#999; }

div#popupSurvey .close { top:0; right:0; width:35px; height:35px; }

div#popupSurvey .btnArea { padding-top:40px; text-align:center; } 
div#popupSurvey .btnArea > * { margin-left:20px; } 
.btnArea > *:first-child { margin-left:0; }

div.survey .btn { padding-top:50px; text-align:center; }
div.survey .btn * { width:200px; height:50px; }



/* 팝업 >  Technical Support */
#popupTech { position:relative; box-sizing:border-box; width:853px; }
#popupTech h1 { padding:10px 40px; text-align:left; font-size:24px; font-weight:500; }
#popupTech div.popupCon { padding:35px 40px 100px; background:url('layout/tech_logo.png') center bottom 19px no-repeat; }
#popupTech h2 { margin-bottom:15px; border-bottom:2px solid #dfdfdf; color:#121212; font-size:20px; line-height:40px; font-weight:500; }
#popupTech div.contact { padding:8px 15px 24px 115px; background:url('layout/tech_bg.png') 20px 12px no-repeat; color:#343434; font-size:16px; line-height:24px; font-weight:400; }
#popupTech div.contact p { margin-bottom:15px; }
#popupTech div.contact dl { margin:3px 0 0; padding:0; }

#popupTech div.contact dl:after { display:block; clear:both; height:0; font-size:0; line-height:0; content:''; }

#popupTech div.contact dl > * { float:left; }
#popupTech div.contact dt { width:100px; color:#000; font-weight:500; font-size:16px; }
#popupTech div.contact dd { margin:0; padding:0; }
#popupTech div.contact ul { margin:0; padding:0; list-style:none; font-size:0; line-height:0; }
#popupTech div.contact li { position:relative; display:inline-block; padding:0 10px; vertical-align:top; list-style:none; font-size:16px; line-height:24px; }
#popupTech div.contact li:before { position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#a1a1a1; content:''; }
#popupTech div.contact li:first-child { padding-left:0; }
#popupTech div.contact li:last-child { padding-right:0; }
#popupTech div.contact li:first-child:before { display:none; }
#popupTech div.contact span { color:#2f51b2; }
#popupTech div.contact a { color:inherit; }

#popupTech div.formArea { position:relative; ; padding-bottom:23px; border-bottom:1px solid #c3c3c3; }
#popupTech div.formArea textarea { float:left; width:calc(100% - 125px); height:80px; background-color:#f2f3f6 ; border:0 none; box-sizing:border-box; font-weight:400; }
#popupTech div.formArea textarea::placeholder { color:#a5a5a5; font-size:15px; line-height:22px; font-weight:200; }
#popupTech div.formArea input[type=submit] { position:absolute; bottom:24px; right:0; width:118px; height:80px; border:none; background-color:#0d496d; cursor:pointer; color:#fff; font-size:17px; font-weight:400; }
#popupTech .close { right:40px; top:19px; }

/* 2022-10-05 list / view */
div.posterWrap { padding-top:100px; }
div.posterWrap div#headerWrap { position:fixed; left:0; top:0; width:100%; height:100px; border-bottom:0 none; }
div.posterWrap div#headerWrap > div { width:1300px; margin:auto; background-color:#fff; font-size:0; line-height:0; }   



/* div.posterWrap div#container { min-height:84px; position:relative; background:linear-gradient(to right, #304999, #452c72); background-position:left bottom, right top; background-repeat:no-repeat; background-image:url('layout/main_bg01.png'), url('layout/main_bg02.png'); }
div.posterWrap div#container:before { z-index:10; display:block; content:''; position:fixed; top:96px; left:0; width:100%; height:80px; background:linear-gradient(to right, #644024, #c56438); } */
div.posterWrap .pageTit { z-index:50; position:fixed; left:50%; top:96px; width:1200px; margin-left:-600px; line-height:80px; font-size:27px; vertical-align:middle; text-align:left; color:#fff; font-family:'Roboto-Medium', sans-serif; padding:0; }
div.posterWrap div.util { z-index:50; position:fixed; left:50%; top:116px; width:130px; margin-left:470px; font-size:0; line-height:0; }
div.posterWrap div.util a { display:block; vertical-align:top; width:130px; border:1px solid #fff; border-radius:21px; text-align:center; line-height:36px; color:#fff; font-family:'Roboto-Medium', sans-serif; font-size:18px; }
div.posterWrap div.util img { display:inline-block; padding:12px 5px 0 0; }

div.posterWrap div.contents { position:relative; width:100% !important; padding:1px 0 90px; }
div.posterView { width:100%; max-width:1200px; margin:0 auto; 	}

div.posterView dl.sessionBrief { position:relative; display:block; width:100%; height:219px; margin-top:30px; background-color:#fff; padding:20px 25px; }
div.posterView dl.sessionBrief dt { color:#00457c; font-size:19px; line-height:22px; margin-bottom:8px; }
div.posterView dl.sessionBrief dt span { display:block; width:170px; height:33px; margin-bottom:10px; background-color:#ed7c32; color:#fff; text-align:center; font-size:15px; border-radius:16px; line-height:33px; }
div.posterView dl.sessionBrief dd { height:auto; margin-left:0; color:#000000; font-weight:200; font-size:15px; 
    line-height:18px; word-break:keep-all; }

div.posterView div.posterCon { width:1148px; padding:25px; background-color:#fff ; border-bottom:1px solid #e1e1e1; border-top:0 none; }
div.posterView div.posterCon li { width:1152px !important; } 
div.posterView div.rollingArea { position:relative; width:100%; min-height:600px; overflow:hidden; background-color:#fff; border:1px solid #e8e8e8; }
div.posterCon .bx-viewport { height:566px !important; }

div.posterView div.sessionUtil { position:fixed; padding:0; overflow:hidden; font-size:0; line-height:0; text-align:right; top:50%; right:0; width:153px; background-color:transparent; }
div.posterView div.sessionUtil a.prev, 
div.posterView div.sessionUtil a.next ,
div.posterView div.sessionUtil a.list { cursor:pointer; position:relative; margin-left:0; margin-bottom:5px; width:153px; height:40px; padding:0; font-size:0; line-height:0; background-color:transparent; }
div.posterView div.sessionUtil a:first-child { margin-left:0; }
div.posterView div.sessionUtil a.prev { background-image:url('layout/poster_prev_02.png'); }
div.posterView div.sessionUtil a.next { background-image:url('layout/poster_next_02.png'); }
div.posterView div.sessionUtil a.list { background-image:url('layout/poster_list_02.png'); }

div.posterView div.sessionUtil a.prev:hover:before { display:none; }
div.posterView div.sessionUtil a.next:hover:before { display:none; }


/* list */
div.posterWrap div.searchArea { padding:20px; background-color:#fff; }
div.posterWrap div.searchArea form { position:static; width:100%; max-width:1200px; margin:0 auto; text-align:center; }
div.posterWrap div.searchArea input[type=text] { width:590px; height:50px; border:1px solid #d8d8d8; padding:0 25px; font-size:18px; line-height:35px; }
div.posterWrap div.searchArea input[type=submit] { width:150px; height:50px; background-color:#644124; font-size:16px; line-height:35px; font-family:'Roboto-Medium', sans-serif; }
div.posterWrap div.searchArea input[type=reset] { width:150px; height:50px; margin-left:20px; border:1px solid #644124; font-size:18px; color:#644124; line-height:50px; font-family:'Roboto-Medium', sans-serif; background-color:#fff; }

div.posterWrap div.subMenu { width:100%; height:65px; background-color:#fff; margin:0 auto ; }
div.posterWrap div.subMenu ul { width:1140px; height:25px; padding:20px 30px; margin:0 auto; list-style:none; background-color:#fff; }
div.posterWrap div.subMenu ul::after { position:absolute; content:''; display:block; clear:both; }
div.posterWrap div.subMenu li { float:left; }
div.posterWrap div.subMenu a { position:relative; padding:20px 8px; margin-left:0; color:#aaa; font-weight:400; font-size:17px; }
div.posterWrap div.subMenu li a span { padding:0 4px; }
div.posterWrap div.subMenu a:after { position:absolute; display:block; content:'l'; right:0; top:30%; color:#dadada; text-align:right; }  
div.posterWrap div.subMenu li:last-child a { padding-right:0; }
div.posterWrap div.subMenu li:last-child a::after { display:none; }
div.posterWrap div.subMenu li.on a span { color:#ed7c32; box-shadow:inset 0 -10px 0 #f2e1d6; }

div.posterWrap div.posterView { width:100%; max-width:1200px; margin-top:10px; }
div.posterWrap div.posterCon li { height:600px; min-height:600px; }

div.posterWrap p.total { color:#222; font-size:17px; margin-bottom:10px; font-weight:400; 	}
div.posterWrap p.total span { color:#ed7c32; }

div.posterWrap ul.eposterList { position:relative; width:100%; margin:0 auto; box-sizing:border-box; border-top:2px solid #4a4a4a; }
div.posterWrap ul.eposterList, 
div.posterWrap ul.eposterList li, 
div.posterWrap ul.eposterList a, 
div.posterWrap ul.eposterList img { display:block; padding:0; list-style:none; text-decoration:none; }
div.posterWrap ul.eposterList > li > a { position:relative; display:block; min-height:165px; padding:30px 20px 30px 225px; border-top:0 none !important; border-bottom:0 none; font-weight:400; box-sizing:border-box; }  
div.posterWrap ul.eposterList a { border-top:0 none; }
div.posterWrap ul.eposterList li { background-color:#fff; }
div.posterWrap ul.eposterList > li { position:relative; margin:0; border-bottom:1px solid #e8e8e8; }

div.posterWrap ul.eposterList span.thumb { position:absolute; top:20px; left:20px; width:185px; height:124px; border:1px solid #bfbfbf; box-sizing:border-box; overflow:hidden; background:#fff url('layout/poster_thumb_02.png') center center no-repeat; }
div.posterWrap ul.eposterList span.num { background-color:#ed7c32; }

div.posterWrap ul.pager { margin-top:17px; }
div.posterWrap ul.pager a { display:inline-block; width:36px; border:0 none; padding:5px 0 5px; text-align:center; vertical-align:top; font-size:15px; line-height:26px; text-decoration:none; }
div.posterWrap ul.pager .first a, 
div.posterWrap ul.pager .prev a, 
div.posterWrap ul.pager .next a, 
div.posterWrap ul.pager .last a { padding:0; }
div.posterWrap ul.pager a.on { color:#e25454; }
div.posterWrap ul.pager a.on:after { display:none; }



/* 팝업 > 강의만적도 설문조사 */
div#popupResearch { width:750px}
div#popupResearch div.popupCon { padding:25px 40px 40px; }
div#popupResearch h1 { height:70px; font-weight:600; font-size:22px; line-height:70px; background-color:#272b4b; color:#fff; text-align:center; }
div#popupResearch h2.tit { height:50px; border-top:2px solid #272b4b; background-color:#65a7ea; line-height:50px; color:#fff; font-weight:600; font-size:17px; text-align:center; }
div#popupResearch .scrollArea { height:520px; }
dl.research { }
dl.research dt,
dl.research dd { border-bottom:1px solid #ccc; }
dl.research dt { padding:15px; font-weight:400; font-size:15px; line-height:23px; color:#1b1b1b; background-color:#f6f6f6; }
dl.research dt span { display:block; color:#288bf1; }
dl.research dd { padding:20px 15px; }
dl.research ul { list-style:none; overflow:hidden; }
dl.research li { float:left; width:70px; margin-left:30px; text-align:center; }
dl.research li:first-child { margin-left:0; }
dl.research li label { display:block; margin-top:10px; font-size:15px; color:#1b1b1b; }
dl.research span.inputR { border-radius:5px}
dl.research span.inputR:before { border-radius:5px; background:none; border:1px solid #565656; box-sizing:border-box; }
dl.research span.inputR.on:before { background:#192c8d url('/asset_edu/player/input_checked.png') center center no-repeat; }
dl.research textarea { width:100%; height:100px; box-sizing:border-box; }
div#popupResearch  .close { top:21px; right:21px; }

div#popupResearch .btn { margin-top:50px; text-align:center; }
div#popupResearch .btn input { width:200px; height:50px; background:#b31d60  url(/asset_edu/layout/btn_ok.png) no-repeat center; border-color:#b31d60; }
div#popupResearch .btn input:first-of-type { background:#272b4b  url(/asset_edu/layout/btn_save.png) no-repeat center; border-color:#272b4b; }


/* 2023-11-02 */
div.webinarWaiting { background:url('layout/waiting_bg.png') no-repeat center top; background-size:100% 100%; }
div.webinarWaiting > * { width:1200px; margin:0 auto; text-align:center; }
div.webinarWaiting h1 { padding:90px 0 30px; }
div.webinarWaiting h2 { margin-bottom:40px; }