/* 메인 배너*/
dl.sponsorzone { position:relative; padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.15); background-color:#2b3544; }
dl.sponsorzone > dt { display:none; }
dl.sponsorzone > dd { position:relative; width:1300px; padding:0 30px; margin:0 auto; box-sizing:border-box; }
dl.sponsorzone > dd > ul li { float:left; padding-left:10px; }
dl.sponsorzone > dd > ul li:first-child { padding-left:0; }
dl.sponsorzone > dd  li img {background-color: #fff;}

dl.sponsorzone a.bx-prev,
dl.sponsorzone a.bx-next { position:absolute; top:50%; display:block; width:30px; height:41px; margin-top:-20px; background-repeat:no-repeat; text-indent:-9999px; }
dl.sponsorzone a.bx-prev { left:0; background-image:url('layout/bnr_prev.png'); background-position:left center; }
dl.sponsorzone a.bx-next { right:0; background-image:url('layout/bnr_next.png'); background-position:right center; }


/* eventBanner */
.eventBanner { z-index:20; position:absolute; left:30px; }
.eventBanner .img { position:relative; border-radius:50%; filter: drop-shadow(10px 10px 15px rgba(43, 53, 68, 0.4)); }
.eventBanner .close { position:absolute; right:0; top:65px; } 


.eventBanner.top { bottom:130px; }
.eventBanner.bottom { bottom:130px; }


/* Live Session */
div.liveroom { background:#d3e7f8 url('layout/liveroom_bg.png')no-repeat right bottom / 100% auto; }
div.live { padding:0;}

div.roomTit { position:relative; margin-bottom:50px; text-align:center; }
div.roomTit p { font-size:25px; font-weight:500; }
div.roomTit .date { position:absolute; left:0; top:50%; transform:translate(0,-50%); font-size:30px; font-weight:700; color:#2f5176; box-shadow:inset 0 -10px 0 #a5d0f5; }

div.roomInfo { display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; }
div.roomInfo dl { width:calc(50% - 15px); margin-right:30px; background:#fff; }
div.roomInfo dl:nth-of-type(2n) { margin-right:0; }
div.roomInfo dt { position:relative; padding:35px 30px 20px 30px; }

div.roomInfo dt .category { margin-left:10px; color:#db28a6; font-weight:500; box-shadow:inset 0 -10px 0 #fbe9f6; }
div.roomInfo dt .rocation { margin-top:6px; font-weight:700; font-size:20px; }
div.roomInfo dt .title { margin:10px 0; font-size:20px; font-weight:500;word-break: keep-all; line-height: 25px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
div.roomInfo dt .time { font-size:17px; color:#989898; }
div.roomInfo .moderator { margin-bottom:10px; padding-left:80px; color:#4c6697; font-size:16px; line-height:1.3; }
div.roomInfo .moderator:before { content:'Moderator'; display:inline-block; width:80px; margin-left:-84px; }
div.roomInfo dl:nth-of-type(1) dt .rocation { color:#5176cc; } 
div.roomInfo dl:nth-of-type(2) dt .rocation { color:#a45fc7; } 
div.roomInfo dl:nth-of-type(3) dt .rocation { color:#34bdb5; } 

div.roomInfo a.btnEnter { position:absolute; right:0; top:0; display:flex; justify-content:center; align-items:center; width:160px; height:60px; background-color:#2a32a4; color:#fff;
	text-align:center; font-size:18px; font-weight:500; line-height:1.2; box-shadow:2px 2px 0 1px #e0e6fc; transition:0.3s ease; }
div.roomInfo a.btnEnter:hover { transform:translate(0,-15px); }


div.roomInfo dd { background:#f9f9f9; }
div.roomInfo ul { height:340px; }
div.roomInfo ul::-webkit-scrollbar { background-color:#dbdcde; }
div.roomInfo ul::-webkit-scrollbar-thumb { background-color:#979ec5; }
div.roomInfo li { position:relative; border-top:1px solid #e9ecf3; padding:15px 25px; font-size:18px; font-weight:400; background-color:#f9f9f9; }
div.roomInfo li.on { background:#f2f9ff; }
div.roomInfo li span { display:block; }

div.roomInfo dd li .title { margin-bottom:5px; }
div.roomInfo dd li .speaker { color:#4c6697; font-size:17px; }
div.roomInfo dd li .time { color:#4c6697; font-size:16px; }

 
 

/* E-Booth */
div#container.ebooth { }

div#container.ebooth div.contents { padding:0 !important; width:auto; }
ul.boothMenu { display:flex; justify-content:center; align-items:stretch; width:720px; margin:30px auto; text-align:center; }
ul.boothMenu li { width:50%; }
ul.boothMenu li a { display:block; padding:10px; border:1px solid #26569e; color:#b2b8bc; font-size:20px; font-weight:400; }
ul.boothMenu li + li a { border-left:0; } 
ul.boothMenu li.on a { background-color:#26569e; color:#fff; font-weight:500; }
ul.boothMenu li a:hover{ background-color: #26569e;color:#fff; -webkit-transition:0.3s ease; transition:0.3s ease;}
div.booth { min-height:450px; padding:85px 0 25px; background:url('ebooth/booth_bg.png')no-repeat center 70% / cover;}
/* div.booth { min-height:501px; padding:40px 0; background:url('ebooth/booth_bg2.png')no-repeat center / cover; } */
div.eboothTit { position:relative; width:400px; padding:20px 0;  margin:40px auto 40px; background-color:#4f4f56; border:5px solid #8bb5ca; box-sizing:border-box; color:#fff; font-size:35px;
	line-height:35px; text-align:center; font-weight:600; text-shadow:0 0 24px rgba(0,0,0,.7); letter-spacing:-1px; }

ul.grade01 { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; width:980px; margin:0 auto -50px; text-align:center; }
ul.grade01 li { position:relative; display:inline-block; margin-right:84px; margin-bottom:50px; }
ul.grade01 li:nth-of-type(2n) { margin-right:0; }
ul.grade01 a { display:table-cell; text-align:center; }
ul.grade01 img { display:inline-block; width:448px; }

 
/* ul.grade02 { width:1300px; height:236px; margin:35px auto 0; padding:20px 40px; box-sizing:border-box; background:url('ebooth/grade02_bg.png') 0 0 no-repeat; background-size:100%; text-align:center; }
ul.grade02:after { content:""; clear:both; display:block; height:0; line-height:0; font-size:0; }
ul.grade02 li { display:inline-block; width:calc(25% - 10px); margin:10px 0 0 10px; border:1px solid #e5e5e5; }
ul.grade02 li:nth-of-type(4n+1) { margin-left:0; }
ul.grade02 a { display:table-cell; width:500px; height:80px; text-align:center; }
ul.grade02 img { display:inline-block; width:329px; max-width:270px; }
 */

ul.grade02 { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; width:1300px; margin:0 auto -40px; text-align:center; }
ul.grade02 li { position:relative; display:inline-block; margin-right:42px; margin-bottom:40px; }
ul.grade02 li:nth-of-type(4n) { margin-right:0; }
ul.grade02 a { display:table-cell; text-align:center; }
ul.grade02 img { display:inline-block; width:293px; }



ul.grade03 { position:relative; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; width:1400px; margin:-40px auto 60px; padding:30px;
	box-sizing:border-box; background-color:#fff; text-align:center; box-shadow:0px 0 10px rgba(0, 0, 0, 0.2); }
ul.grade03 li { width:calc(15% - 10px); max-width:180px; margin-bottom:10px; margin-right:10px; border:1px solid #ebeff6;padding:10px 0px; }
ul.grade03 li:nth-of-type(7n) { margin-right:0; }
ul.grade03 img { max-width:85%; text-align:center; }
ul.grade03::after { content:''; position:absolute; left:0; right:0; bottom:-60px; display:block; height:61px;
	background:url('ebooth/ebooth_list_bg.png')no-repeat center; }

ul.grade04 { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; width:1300px; margin:0 auto -40px; text-align:center; }
ul.grade04 li { position:relative; display:inline-block; margin-right:42px; margin-bottom:40px; }
ul.grade04 li:nth-of-type(4n) { margin-right:0; }
ul.grade04 a { display:table-cell; text-align:center; }
ul.grade04 img { display:inline-block; width:293px; }

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

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


/* 부스상세보기*/
div.ebooth2 { background:url('ebooth/booth_bg.png')no-repeat center / cover; }
div.eboothDetail { padding:10px 0; width:1300px; margin:0 auto; box-sizing:border-box; }
ul.booth, ul.booth li { margin:0; padding:0; list-style:none; }
ul.booth { }
ul.booth li { position:relative; padding:10px 0 20px; min-height:385px; background-image:url('/asset/ebooth/ebooth_detail.png'); background-position:center center; background-repeat:no-repeat; box-sizing:border-box; }
ul.booth li a,
ul.booth li img { display:block; margin:0 auto; }
ul.booth li > div { position:absolute; }
ul.booth li > div.logo { top:0px; left:50%; width:580px; height:84px; margin-left:-290px; padding:0; box-sizing:border-box; }
ul.booth li > div.poster1 { top:100px; left:50%; margin-left:330px;background: #fff; }
ul.booth li > div.poster2 { top:131px; left:50%; margin-left:-372px; }
ul.booth li > div.poster2 img{border-radius:10px;background: #fff;}


ul.booth li > div.poster1, 
ul.booth li > div.poster2,
ul.booth li > div.vod img { border:5px solid #f9df11; animation: blink-effect 2.5s infinite alternate; }
ul.booth li > div.poster2 { border-radius:13px; }

@keyframes blink-effect {
  50% {
    border-color: #26569e;
  }
 
}



ul.booth li > div.vod { top:108px; left:50%; width:500px; margin-left:-250px; }
ul.booth li > div.vod  img { height:151px; }
div.btnWrap { }
div.btnWrap a.prev { position:absolute; left:50%; top:50%; margin:40px 0 0 -590px; }
div.btnWrap a.next { position:absolute; left:50%; top:50%; margin:40px 0 0 510px; }

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

div.eboothDetail .btn { margin:20px; text-align:center; font-size:0; line-height:0; }
div.eboothDetail .btnList { display:inline-block; padding:10px 30px 10px 60px !important; vertical-align:top; font-size:16px; line-height:30px; letter-spacing:-1px; font-weight:500;
	background:url('ebooth/icon_list.png') left 30px center no-repeat; background-color:#26569e !important; border-color:#26569e !important;}
/* E-Booth 상세보기 팝업 */
div#popupEbooth { position:relative; width:100%; max-width:1300px; background-color:#fff; box-sizing:border-box; }
.cboxOverlay div#popupEbooth { position:absolute; left:50%; top:50%; background-color:transparent; width:1300px; height:750px; }
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 .eventCon img{width:100%}
div#popupEbooth div.popupCon { padding:0; background-color:#fff; }

div#popupEbooth .closetooltip { position:absolute; right:16px; top:4px; width:40px; height:40px; margin:0; padding:0; }
 
div#popupEbooth ul.tabMenu { padding:0 90px 0 0; height:87px; background-color:#0d3b61; text-align:left; font-size:0; line-height:0; }
div#popupEbooth ul.tabMenu li { float:none; position:relative; display:inline-block; padding:0 60px; vertical-align:top; }
div#popupEbooth ul.tabMenu li:before { position:absolute; left:0; top:50%; width:1px; height:16px; margin-top:-8px; content:""; background-color:rgba(255,255,255,.55); }
div#popupEbooth ul.tabMenu li:first-child:before { display:none; }
div#popupEbooth ul.tabMenu a { display:block; text-align:center; opacity:.4; padding:0; }
div#popupEbooth ul.tabMenu li:nth-child(3) a { opacity:.9; }

div#popupEbooth ul.tabMenu span { display:inline-block; padding:18px 0; border-bottom:3px solid #0d3b61; color:#fff; font-size:17px; line-height:20px;
	font-weight:600; 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:600; }
div#popupEbooth div.tabCon { height:660px;max-height: 681px;overflow: hidden;}
#popupEbooth p.boothName{position: absolute;right: 80px;top: 25px;font-size: 26px;color: #fff;font-weight: 600;letter-spacing: -0.5px;}
/* E-Booth 상세 > Company  */
div.company { position:relative; padding-right:400px; }
div.company div.bizCon { padding:15px  10px 30px 30px; }
div.company div.bizCon div.scrollArea { height:645px; 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:17px;    margin: 5px 0; display: block; font-weight:700; }
div.company dd > p { padding:10px 0; font-size:15px; line-height:23px !important; text-align:justify; }
div.company dd ul { font-size:15px; line-height:25px; padding:0 0 10px; list-style:none; margin:0; }
div.company dd.bold { font-weight:bold; }
div.company div.vodArea { width:791px; height:350px ; margin:8px auto; ; text-align:center; box-sizing:border-box; }
div.company div.vodArea img { display:block; width:100%; height:100%; }

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

div.company div.gotoBooth a:hover { color:#fff; background-color:#2f4fa7; }
div.company div.gotoBooth a { position:relative; margin:7px 0; padding:10px 20px;    cursor:pointer; display:inline-block; background-color:#272b4b; color:#fff; line-height:22px; font-size:14px; font-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;  }
div.bizCon dt.tit { margin-top:10px; padding:5px 15px 5px; background-color:#1c496f; color:#fff; font-size:15px; line-height:25px; font-weight:500; font-weight:normal; }
div.bizCon dt.tit.bg { padding:10px 20px; background-color:#304457; color:#fff; }

div.bizCon dd.company{font-size: 16px; line-height: 26px;padding:10px 10px 20px 10px;    word-break: keep-all;}
div.bizCon ul.download { padding-top:0; text-align:left; padding-left:0; }
div.bizCon ul.download a i { color:#ffeb3b; top:0px; position:relative; margin-left:7px; }
div.bizCon ul.download a i.f_w { color:#fff !important; }
div.bizCon ul.download li { width:180px; padding-left:15px; margin-top:10px; }
div.bizCon ul.download li:nth-child(4n+1) { padding-left:0; }


div.company div.bizInfo { position:absolute; right:0; top:0; width:400px; height:100%; background-color:#e1e4ee; box-sizing:border-box; }
div.company div.bizInfo > * { }
div.company div.bizInfo dl { }
div.company div.bizInfo dl dt { padding:5px 25px; background-color:#717171; color:#fff; font-size:15px; line-height:25px; font-weight:500; }
div.company div.bizInfo dl img{    max-width: 100%;}
div.company dl.brochure { }
div.company dl.brochure dd { position:relative; padding:18px 30px 17px; height:234px; box-sizing:border-box; }
div.company dl.brochure dd.pdfDownload { position:absolute; right:0px; top:0; height:auto; padding:0; height:35px; }
div.company dl.brochure dd.pdfDownload a { position:relative; display:block; padding:5px 47px 5px 23px; text-decoration:none; background-color:#272b4b; color:#fff; font-size:15px; line-height:25px; font-weight:300; }
div.company dl.brochure dd.pdfDownload a:after { position:absolute; top:50%; right:18px; width:20px; height:17px; margin-top:-8px; background:url('ebooth/icon_download.png') 0 0 no-repeat; content:''; }

div.company dl.brochure dd ul, div.company dl.brochure dd ul li { margin:0; padding:0; list-style:none; }
div.company dl.brochure dd ul { width:100%; height:auto; text-align:center; }
div.company dl.brochure dd ul:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.company dl.brochure dd ul > li { display:inline-block; width:114px;     background: #fff;}
div.company dl.brochure dd ul > li:first-child { padding-left:0; }
div.company dl.brochure dd ul a.img { display:table-cell; width:114px; vertical-align:middle; }
div.company dl.brochure dd ul a.img img { display:inline-block; width:114px; height:164px; }
div.company dl.brochure dd ul a.download { position:relative; display:block; padding-left:5px; padding-right:25px;background-color:#272b4b; color:#fff; font-size:14px; line-height:35px;
	font-weight:500; text-align:center; }
div.company dl.brochure dd ul a.download:after { content:''; position:absolute; top:50%; right:5px; width:20px; height:17px; margin-top:-8px; background:url('ebooth/icon_download.png') 0 0 no-repeat; }
div.company dl.brochure dd div.bx-wrapper { width:114px; height:210px; padding:0; margin:0 auto; max-width:100%; }
div.company dl.brochure dd div.bx-viewport { height:210px !important; }
div.company dl.brochure dd div.bx-wrapper li { width:114px !important; }
div.company dl.brochure dd a.bx-prev,
div.company dl.brochure dd a.bx-next { position:absolute; top:86px; width:18px; height:32px; text-indent:-10000px; background-repeat:no-repeat; }
div.company dl.brochure dd a.bx-prev { left:100px; background-image:url('ebooth/brochure_prev.png'); background-position:left center; }
div.company dl.brochure dd a.bx-prev:hover { background-image:url('ebooth/brochure_prev_o.png'); }
div.company dl.brochure dd a.bx-next { right:100px; background-image:url('ebooth/brochure_next.png'); background-position:right center; }
div.company dl.brochure dd a.bx-next:hover { background-image:url('ebooth/brochure_next_o.png'); }

div.company div.bizInfo div.btn a { position:relative; display:block; padding:5px 25px; background-color:#326691; text-decoration:none; color:#fff; font-size:15px; line-height:25px; font-weight:500; }
div.company div.bizInfo div.btn a:after { position:absolute; top:50%; right:25px; display:block; width:9px; height:10px; margin:-5px 0 0; background:url('ebooth/icon_triangle.png') 0 0 no-repeat; content:''; }
div.company div.bizInfo div.btn a:hover{color: #FFEB3B; background: #175b95;-webkit-transition:0.3s ease; transition:0.3s ease}


div.company dl.info dd { padding:20px 25px; }
div.company dl.info div { padding:24px 23px 24px;     word-break: keep-all;background-color:#fff; box-shadow:1px 0px 25px rgba (152,161,190,.55); }
div.company dl.info p { color:#010358; font-size:20px; line-height:32px; font-weight:700; }
div.company dl.info p.name { font-size:18px;margin: 4px 0 3px 0;; color:#000; }
div.company dl.info li { position:relative; padding:0 0 0 18px; font-size:15px; line-height:24px; font-weight:500; }
div.company dl.info li span { position:absolute; top:0; left:0; color:#0959e8; font-weight:400; }
div.company dl.info li a { color: #004885; text-decoration: underline; }

 
div.company div.bizInfo dl.draw { font-weight:400; margin-top:15px; margin-bottom:10px; background:#14398c; color:#fff; padding:30px 15px  ; border-radius:20px; }
div.company div.bizInfo dl.draw dt { line-height:19px; font-weight:bold; font-size:26px}
div.company div.bizInfo dl.draw dd.title { line-height:20px; font-size:17px; color:#ffe500; font-weight:bold; }
div.company div.bizInfo dl.draw dd { font-size:15px; margin-top:15px; }
div.company div.bizInfo dl.draw dd i { margin:0 5px; color:#FFEB3B; }
div.company .contact:before { font-size:17px; font-weight:bold; margin-bottom:5px; display:block; color:#272b4b; font-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; background:#272b4b; padding-left:15px; }

div.company .sns { position:absolute; left:40px; bottom:40px; width:calc(100% - 80px); height:50px; padding-top:30px; }
div.company .sns:before { position:absolute; left:0; top:0; content:"Social Media Channels"; color:#222; font-size:15px; font-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; font-weight:normal; 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; font-weight:normal; 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; font-weight:normal; 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:30px 0 10px; text-align:center; font-weight:normal; 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:35px 0; }
div.guest li { position:relative; float:right; width:600px; padding-left:85px; margin-bottom:20px; background-color:#9ba3b2; box-sizing:border-box; }
div.guest li:first-child { float:left; }
div.guest label,
div.guest textarea::placeholder { color:rgba(255,255,255,.7); font-size:15px; font-weight:500; }
div.guest label { position:absolute; left:25px; top:50%; margin-top:-10px; }
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:60px; }
div.guest textarea { width:100%; height:284px; padding:25px; box-sizing:border-box; }

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:20px 0; text-align:center; font-weight:normal; color:#272b4b; font-size:34px; font-weight:500; }
div.stamp p.img { margin:5px 0 10px; }
div.stamp p.img img { display:block; margin:0 auto; }

div.stamp .bg { display:flex; justify-content:space-between; align-items:stretch; background-color:#fff; }
div.stampArea p { margin-bottom:10px; font-size:15px;font-size: 18px; font-weight: 600;color: #26569e;letter-spacing: -0.5px; }
div.stampArea p strong{color: #e11e92;}
div.stampArea.scrollArea { width:860px; height:400px; box-sizing:border-box; }
div.stampArea.scrollArea::-webkit-scrollbar { background-color:#fff; }

div.stampArea { padding:20px; }
div.stampArea:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
div.stampArea li { float:left; width:110px; height:130px; margin:0; margin-right:30px; background:url('ebooth/stamp_bg.png')no-repeat center center / contain; }
div.stampArea li:nth-of-type(6n) { margin-right:0; }
div.stampArea a { overflow:hidden; position:relative; display:flex; justify-content:center; align-items:center; width:110px; height:110px; border-radius:55px; box-sizing:border-box; }
div.stampArea img { display:block; width:75%; }
div.stampArea .visit a:before { position:absolute; left:0; top:0; width:100%; background-color:rgba(55,64,123,.85); content:"방문완료"; text-align:center; z-index:10; line-height:110px; color:#fff; font-size:16px; font-weight:400; }

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

div.stamp .roulette { width:calc(100% - 860px); padding-top:10px; background:#f2f6fc; text-align:center; }
div.stamp .roulette > div { position:relative; /* margin-top:15px; margin-bottom: 15px; */}
div.stamp .roulette .point { position:absolute; left:50%; top:10px; transform:translate(-50%,0); }
div.stamp .roulette .center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
div.stamp .roulette .img { max-width:242px; border-radius:50%; box-shadow:10px 0 30px rgba(113,168,207,0.35); animation:rotation 2s infinite linear; }
div.stamp .roulette .btn a { width:300px; line-height:55px; padding:0; font-size:20px; font-weight:600; text-align:center; background:#e91e63; color:#fff; }
div.stamp .roulette .btn a.disabled { background:#c2c3ce; }
div.stamp .roulette .btn a.completed{background: #26569e;}
@keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
/* E-Booth 상세보기 팝업 */
div#popupRoulette { position:relative; width:100%; max-width:626px; box-sizing:border-box; }
div#popupRoulette .close { position:absolute; right:0; top:-46px; width:26px; height:26px; margin:0; padding:0; }
div#popupRoulette .close a { display:block; width:26px; height:26px; text-indent:-10000px; background:url('ebooth/popup_close.png') center center no-repeat; }


/*  */

.fixedArea { display:flex; justify-content:space-between; align-items:center; flex-direction:column; width:240px; text-align:center; }
.fixedArea .card { overflow:hidden; position:relative; width:100%; height:calc(33.3333% - 8px); border-radius:20px; background-color:#fff; border:1px solid #badcfe;
	box-shadow:2px 0 10px rgba(0,0,0,0.05); }
.fixedArea .card a { display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; padding:0; border:0; }
.fixedArea .card img { z-index:2; position:relative; margin-bottom:10px; }
.fixedArea .card p { z-index:2; position:relative; font-weight:500; font-size:22px; color:#0996f0; }
.fixedArea .card .shine { z-index:1; opacity:0; overflow:hidden; position:absolute; inset:0; border-radius:inherit; transition:opacity 0.5s; }
.fixedArea .card .shine:before { content:""; opacity:0.1; position:absolute; left:50%; bottom:55%; width:150%; padding-bottom:150%; border-radius:50%; filter:blur(35px); transform:translateX(-50%);
	background-image:conic-gradient(from 205deg at 50% 50%, #94cdfb 0deg, #94cdfb 25deg, #d3e7f7 295deg, #d3e7f7 360deg); }
.fixedArea .card .background { position:absolute; inset:0; overflow:hidden; 
	-webkit-mask-image:radial-gradient(circle at 60% 5%, black 0%, black 15%, transparent 60%);
	mask-image:radial-gradient(circle at 60% 5%, black 0%, black 15%, transparent 60%); }
.fixedArea .card .background .tiles { opacity:0; transition:opacity 0.25s;}
.fixedArea .card .background .tiles .tile { opacity:0; position:absolute; background-color:#e0f5ff; animation-duration:8s; animation-iteration-count:infinite; }
.fixedArea .card .background .tiles .tile.tile-4,
.fixedArea .card .background .tiles .tile.tile-6,
.fixedArea .card .background .tiles .tile.tile-10 { animation-delay:-2s; }
.fixedArea .card .background .tiles .tile.tile-3,
.fixedArea .card .background .tiles .tile.tile-5,
.fixedArea .card .background .tiles .tile.tile-8 { animation-delay:-4s; }
.fixedArea .card .background .tiles .tile.tile-2,
.fixedArea .card .background .tiles .tile.tile-9 { animation-delay:-6s; }

.fixedArea .card .background .tiles .tile.tile-1 { top:0; left:0; height:15%; width:22.5%; }
.fixedArea .card .background .tiles .tile.tile-2 { top:0; left:22.5%; height:15%; width:27.5%; }
.fixedArea .card .background .tiles .tile.tile-3 { top:0; left:50%; height:15%; width:27.5%; }
.fixedArea .card .background .tiles .tile.tile-4 { top:0; left:77.5%; height:15%; width:22.5%; }
.fixedArea .card .background .tiles .tile.tile-5 { top:15%; left:0; height:28%; width:22.5%; }
.fixedArea .card .background .tiles .tile.tile-6 { top:15%; left:22.5%; height:28%; width:27.5%; }
.fixedArea .card .background .tiles .tile.tile-7 { top:15%; left:50%; height:28%; width:27.5%; }
.fixedArea .card .background .tiles .tile.tile-8 { top:15%; left:77.5%; height:28%; width:22.5%; }
.fixedArea .card .background .tiles .tile.tile-9 { top:43%; left:50%; height:28%; width:27.5%; }
.fixedArea .card .background .tiles .tile.tile-10 { top:43%; left:77.5%; height:28%; width:22.5%; }
.fixedArea .card .background .line { position:absolute; inset:0; opacity:0; transition:opacity 0.35s; }
.fixedArea .card .background .line:before, .fixedArea .card .background .line:after { content:""; position:absolute; background-color:#e0f5ff; transition:transform 0.35s; }
.fixedArea .card .background .line:before { left:0; right:0; height:1px; transform-origin:0 50%; transform:scaleX(0); }
.fixedArea .card .background .line:after { top:0; bottom:0; width:1px; transform-origin:50% 0; transform:scaleY(0); }
.fixedArea .card .background .line.line-1:before { top:15%; }
.fixedArea .card .background .line.line-1:after { left:22.5%; }
.fixedArea .card .background .line.line-1:before,
.fixedArea .card .background .line.line-1:after { transition-delay:0.3s; }
.fixedArea .card .background .line.line-2:before { top:43%; }
.fixedArea .card .background .line.line-2:after { left:50%; }
.fixedArea .card .background .line.line-2:before,
.fixedArea .card .background .line.line-2:after { transition-delay:0.15s; }
.fixedArea .card .background .line.line-3:before { top:71%; }
.fixedArea .card .background .line.line-3:after { right:22.5%; }
.fixedArea .card:hover .shine { opacity:1; transition-duration:0.5s; transition-delay:0s; }
.fixedArea .card:hover .background .tiles { opacity:1; transition-delay:0.25s; }
.fixedArea .card:hover .background .tiles .tile { animation-name:tile; }
.fixedArea .card:hover .background .line { opacity:1; transition-duration:0.15s; }
.fixedArea .card:hover .background .line:before { transform:scaleX(1); }
.fixedArea .card:hover .background .line:after { transform:scaleY(1); }
.fixedArea .card:hover .background .line.line-1:before,
.fixedArea .card:hover .background .line.line-1:after { transition-delay:0s; }
.fixedArea .card:hover .background .line.line-2:before,
.fixedArea .card:hover .background .line.line-2:after { transition-delay:0.15s; }
.fixedArea .card:hover .background .line.line-3:before,
.fixedArea .card:hover .background .line.line-3:after { transition-delay:0.3s; }

@keyframes tile {
  0%, 12.5%, 100% {
    opacity:1;
  }
  25%, 82.5% {
    opacity:0;
  }
}


/* booth evetn tooltip - 24.06.21 박민지 */
.hide{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);}
.text-skyblue {color: #0f75ff;}
div#popupEbooth ul.tabMenu li > .tooltip-wrap{
	opacity: 1;
	display: block;
	position: absolute;
	top: 24px;
	left: calc(100% - 30px);
	z-index: 1;
	width: 440px;
	padding: 27px 23px 19px 23px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
div#popupEbooth ul.tabMenu li > .tooltip-wrap::before {
	position: absolute;
	top: 22px;
	left: -11px;
	content: '';
	display: block;
	width: 11px;
	height: 15px;
	background-image: url('./ebooth/ic_tooltip_arrow.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#popupEbooth ul.tabMenu li .tooltip-con{
	font-size: 14px;
	font-family: 'Pretendard';
}
div#popupEbooth ul.tabMenu li  .tooltip-con .tit{
	display: block;
	margin-bottom: 17px;
	font-size: 16px;
	font-weight: 800;
	color: #2d3384;
	letter-spacing: -1px;
} 
div#popupEbooth ul.tabMenu li .tooltip-con .list-type-decimal > li{
	list-style-position: inside !important;
	list-style: decimal;
}
div#popupEbooth ul.tabMenu li .tooltip-con .list-type > li{
	display: list-item;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
	text-indent: -15px;
    padding-left: 15px;
}
div#popupEbooth ul.tabMenu li .tooltip-con .list-type > li + li {
	margin-top: 5px;
}
div#popupEbooth ul.tabMenu li .tooltip-con img {
	display: inline-block;
	margin: 0;
}
div#popupEbooth ul.tabMenu li .tooltip-con .list-type span{
	padding: 0;
	text-indent: 0px;
 
}
div#popupEbooth ul.tabMenu span.btn {
	display: inline-flex;
	align-self: center;
	justify-content: center;
	width: 70px;
	height: 20px;

	font-size: 12px;
	color: #fff;
	background-color: #e91e63;
	border-bottom: 0 none;
}
div#popupEbooth ul.tabMenu a.btn-tooltip-close {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 26px;
	height: 26px;
	border: 2px solid #dddddd;
	background-image: url('./ebooth/ic_tooltip_close.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px 9px;
}

div#popupEbooth ul.tabMenu li > .tooltip-wrap {animation: motion 0.5s linear 0s infinite alternate; margin-top: 5px; -webkit-animation: motion 0.7s linear 0s infinite alternate; margin-top: 0; }

@keyframes motion  {
	50% {margin-top: 5px;}
	100% {margin-top: 10px;}
  }
-webkit-@keyframes motion {
	50% {margin-top: 5px;}
	100% {margin-top: 10px;}
  }