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

.btn .btnArr {position: relative;padding-right: 46px !important;}
.btn .btnArr:after {position: absolute;right: 25px;top: 50%;width: 11px;height: 10px;margin-top: -5px;content: "";background: url('layout/btn_arr.png') center center no-repeat;}

body {margin: 0;}

* a{text-decoration: none;}


div.attendance {position: relative;min-width: 1300px;background-color: #fffdfa;box-sizing:border-box;}
div.attendance h1 {margin: 0;background: url('../image/bg.png') center top no-repeat;}
div.attendance h1 img {display: block;margin: 0 auto;}
div.attendance > div.contents {position: relative;width: auto;padding: 0;}

div.attendanceCon {position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 100%;text-align: center;}

div.attendanceNote {font-size: 100px;line-height: 126px;font-family: 'NotoSansKR Regular', sans-serif;color: #222;letter-spacing:-1px;}
div.attendanceNote > span {font-family: 'NotoSansKR Bold', sans-serif;}
div.attendanceNote > span span {color: #ed1c24;}
div.attendanceNote img {display: block;margin: 60px auto 0;width:37%}
div.attendanceNote img.left {transform:rotate(180deg);}

div.memberInfo {color: #222;letter-spacing:-1px;}
div.memberInfo > span {display: block;}
div.memberInfo span.name {font-size: 103px;line-height: 116px;font-family: 'Pretendard-Bold', sans-serif;}
div.memberInfo span.affiliation {padding-top: 25px;color: #555;font-size: 66px;line-height: 66px;font-family: 'Pretendard-SemiBold', sans-serif;}

div.memberInfo span.time {padding-top: 30px;color: #555;font-size: 58px;line-height: 60px;font-family: 'Pretendard-Regular', sans-serif;}
div.memberInfo span.time img {display: inline-block;vertical-align: top;padding-top: 9px;}
div.memberInfo span.time span {color: #222;font-family: 'Pretendard-SemiBold', sans-serif;}

div.memberInfo span.affiliation + span.time {padding-top: 100px}

div.memberInfo span.stayTime {padding: 28px 0 28px;font-size: 73px;line-height: 86px;font-family: 'NotoSansKR Regular', sans-serif;}
div.memberInfo span.stayTime span {color: #ed1c24;font-family: 'NotoSansKR Bold', sans-serif;}

div.webinarIntro {position: relative;height: 843px;background: url('layout/intro_bg.png') center top no-repeat;background-size: 100% 100%;font-family: 'Roboto-Regular', sans-serif;}
div.webinarIntro > div {position: absolute;left: 50%;top: 50%;width: 1040px;height: 710px;transform: translate(-50%, -50%);}

div.webinarIntro h1 {padding-bottom: 70px;}
div.webinarIntro h1 a, div.webinarIntro h1 img {display: block;margin: 0 auto;}

ul.introBtn {}
ul.introBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.introBtn, ul.introBtn li {margin: 0;padding: 0;list-style:none;}
ul.introBtn li {display: inline-block;width: 500px;}
ul.introBtn li:first-child {margin-right: 36px;}
ul.introBtn img {display: block;}
ul.introBtn a {overflow: hidden;position: relative; top: 0;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);transition: all 0.3s ease 0s;}

ul.introBtn a:hover,
ul.introBtn a:focus {top: -30px;transform: translateZ(0);transform: translateY(-30px);}
/* @keyframes slideUp {
	0% {margin-top: 0;}
	100% {margin-top: -30px;}
}  */

ul.introBtn + div.introBtn {margin-top: 40px;}




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



div.loginWrap {position: relative;height: 855px;background: url('layout/login_bg.png') center top no-repeat;background-size: 100% 100%;font-family: 'Roboto-Regular', sans-serif;}

div.loginArea {position: absolute;left: 50%;top: 50%;width: 770px;transform: translate(-50%, -50%);}
div.loginArea h1 {padding-bottom: 30px;}
div.loginArea h1 img {display: block;margin: 0 auto;}
div.loginArea p.logoTxt {color: #fff;font-size: 15px;line-height: 20px;text-align: center; margin-bottom: 15px;font-family: 'Roboto-Light', sans-serif;}

div.loginArea div.formArea {position: relative;padding: 40px 75px 109px;background-color: rgba(255,255,255,.9);box-shadow:0 0 7px rgba(0,0,0,.35);box-sizing:border-box;}
div.loginArea div.formArea p.logo {padding: 30px 0 0;}
div.loginArea div.formArea ul.subMenu {margin: 0 0 20px; padding: 0; list-style: none; font-size:0; line-height: 0;}
div.loginArea div.formArea ul.subMenu:after {clear: both; content:''; display: block;}
div.loginArea div.formArea ul.subMenu li {float: left; width:50%;	margin-left: 0;}
div.loginArea div.formArea ul.subMenu li a {display: block; border: 1px solid #033491; border-left: 0; font-size:20px; line-height: 60px; padding: 0; box-sizing:border-box; background-color: #fff; color:#28498a; font-family: 'Roboto-Medium', sans-serif;}
div.loginArea div.formArea ul.subMenu li:first-child a {border-left: 1px solid #033491;}
div.loginArea div.formArea ul.subMenu li.on a {background-color: #033491; border-color: #033491; color:#fff;}
div.loginArea dl {position: relative;}
div.loginArea dt {position: absolute;left: 58px;top: 72px;height: 55px;line-height: 55px;color: #ccc;font-size: 18px;font-family: 'Roboto-Medium', sans-serif;}
div.loginArea dt:first-child {top: 2px;}
div.loginArea dd {padding-left: 140px;border: 1px solid #e3e3e3;background: #fff url('layout/loginBl_pwd.png') 25px center no-repeat;}
div.loginArea dt:first-child + dd {margin-bottom: 15px;background-image: url('layout/loginBl_id.png');}
div.loginArea dd input {display: block;width: 100%;height: 53px;padding: 0 10px;border: 0 none;box-sizing:border-box;background: transparent; font-size:16px; font-family:'NotoSansKR Regular',sans-serif;}
div.loginArea dd input::placeholder {color:#ccc; letter-spacing: -1.2px;}


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

div.loginArea div.btn {}
div.loginArea div.btn input {width: 100%;height: 60px;margin-top: 15px;border: 0; background: linear-gradient(to right, #26478f, #3f97d3);color: #fff;font-family: 'Roboto-Medium', sans-serif;font-size: 18px;}
div.loginArea div.btn input:hover {background: linear-gradient(to right, #7f50a7, #2a6ee0);}


div.loginBtn {position: absolute;left: 0;bottom: 0;width: 100%;height: 75px;}
div.loginBtn::after {display: block;clear: both;content:'';font-size: 0;line-height: 0;height: 0;}
div.loginBtn a {position: relative;float: left;width: 50%;height: 75px;padding: 0;border: 0 none;text-align: center;background-color: #353e4f;line-height: 75px;color: #fff;font-size: 18px;}
div.loginBtn a:first-child::after {position: absolute;display: block;content:'';width: 1px;height: 35px;right: 0;top: 50%;transform: translateY(-50%);background-color: #747a86;}

div.loginUtil {position: absolute;left: 0;bottom: 0;width: 100%;}
div.loginUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.loginUtil a {position: relative;float: left;width: 50%;text-align: center;background-color: #3d4656;color: #fff;font-size: 22px;line-height: 75px;font-family: 'NotoSansKR Medium', sans-serif;}
div.loginUtil a:before {position: absolute;left: 0;top: 50%;width: 1px;height: 35px;margin-top: -18px;content: '';background-color: #fff;opacity: .3;}
div.loginUtil a:first-child:before {display: none;}
div.loginArea p.logo {margin-top: 40px;}
div.loginArea p.logo img {display: block; margin: 0 auto;}

ul.loginNote, ul.loginNote li {margin: 0;padding: 0;list-style:none;}
ul.loginNote {position: absolute;left: 50%;top: 0;width: 1300px;padding: 30px 60px;margin-left: -650px;color: #111478;font-size: 15px;background-color: #d5e1f3;box-sizing:border-box;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}




/* 레이아웃 */
div.wrapper {overflow: hidden;position: relative;position: relative;min-width: 1300px;padding-top: 125px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;font-size: 16px;line-height:1.7;font-weight:300;color: #666;background: #fff;}
div#headerWrap {z-index: 100;position: absolute;left: 0;top: 0;width: 100%;height: 125px; border: 0 none;background-image: url('layout/header_img01.png'), url('layout/header_img02.png');background-position: left top, right top;background-repeat: no-repeat;background-color: #181d57;}
div#headerWrap > div {position: relative;width: 1300px;height: 124px;margin: 0 auto;}
div#headerWrap h1 {position: absolute;left: 0;top: 50%; height: 43px;margin: -11px 0 0;}
div#headerWrap h1 a, div#headerWrap h1 img {display: block;height: 100%;}

.mainWrap div#headerWrap {background-color: #fff;border-bottom: 1px solid #ccc;background-image: none;}


ul#gnb {position: absolute;right: 0;top: 63px;margin: 0;padding: 0;}
ul#gnb > li {position: relative;float: left;margin: 0;padding: 0 25px;vertical-align: top;list-style:none;}
ul#gnb > li:before {position: absolute;left: 0;top: 50%;width: 2px;height: 16px;margin-top: -8px;content: '';background-color: rgba(255, 255, 255.5);}
ul#gnb > li:first-child {padding-left: 0;}
ul#gnb > li:last-child {padding-right: 0;}
ul#gnb > li:first-child:before {display: none;}

ul#gnb > li.on a{color: #ffe500;}
ul#gnb a {display: block;text-decoration: none;color: #fff;font-size: 20px;line-height: 40px;font-family: 'Roboto-Bold', sans-serif;text-transform: uppercase;}
ul#gnb a.onair img {display: inline-block;margin: 7px 6px 0 0;}

.mainWrap ul#gnb a {color: #000;}
 
.mainWrap ul#gnb .on a {color: #3f51b5;}
 
.mainWrap ul#gnb > li:before {background-color: rgba(39,43,75,.5);}
.mainWrap ul#gnb a:hover{color: #3f51b5;}
 
div.sub {}
 
ul#gnb a:hover{color: #ffe500;}
ul#gnb a.flicker {animation-duration: .9s;animation-name:txtFlicker; animation-iteration-count: infinite;color: #ffeb3b;}
@keyframes txtFlicker {
	50% {color: #d91818; }
}

/* 21-12-07 onair이미지 삭제
ul#gnb a.onair:before {position: absolute;right: 0;top: -8px;width: 26px;height: 13px;content: "";background: url('layout/gnb_onair.png') center top no-repeat;}
*/
div.userInfo {position: absolute;right: 0;top: 22px;color: #fff;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Bold', sans-serif;}
div.userInfo span {display: inline-block;}
div.userInfo span.txtUnderline {display: inline-block;padding: 0 2px;box-shadow: inset 0 -8px 0 #464977; margin-right: 10px;font-weight: normal;font-family: 'NotoSansKR Regular', sans-serif;}
div.userInfo span a {width: 98px; border-radius:16px; color:#fff; text-align: center; padding: 7px 0 8px; font-size:16px; line-height: 20px;font-family:'Roboto',sans-serif; }
div.userInfo span.logout a {background-color: #274991; border-color: #274991;}
div.userInfo span.admin a {background-color: #626a7a; border-color: #626a7a;}

.mainWrap div.userInfo span.txtUnderline {box-shadow: inset 0 -8px 0 #e6e8ff;color: #000;}


div#footerWrap, div#footerWrap a {font-size: 15px;/* line-height: 22px; */color: #5a5a5a;text-decoration: none;}
div#footerWrap {background-color: #f8f8f8;}

div#footerWrap > div {position: relative;overflow: hidden;width: 1130px;padding: 10px 0 10px 170px;margin: 0 auto;background: url('layout/footer_logo.png') left center no-repeat; font-size:0; line-height: 0;}
div#footerWrap dl {position:relative; float: left; padding: 0 48px;}
div#footerWrap dl:before {position:absolute; left:0; top:50%; margin-top: -30px; content:''; width: 1px; height: 60px; background-color: #dcdcdc;}
div#footerWrap dl:first-child {padding-left: 0;}
div#footerWrap dl:last-child {padding-right: 0;}
div#footerWrap dl:first-child:before {display: none;}

div#footerWrap dt {color: #5a5a5a;}
div#footerWrap ul {overflow: hidden;margin: 0;padding: 0;}
div#footerWrap ul.info li {position: relative;float: left; color:#5a5a5a; margin: 0;padding: 0 0 0 15px;list-style:none;}
div#footerWrap ul.info li:nth-child(odd) {padding-left: 0;}
div#footerWrap li:first-child,
div#footerWrap li.clear {padding: 0;}

div#footerWrap ul.info li:before {position: absolute;left: 7px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #5a5a5a;}
div#footerWrap li:first-child:before,
div#footerWrap li.clear:before {display: none;}
div#footerWrap li span {font-family:'NotoSansKR Medium', sans-serif;}

div#footerWrap dt, div#footerWrap dd {font-family:'Roboto-Light', sans-serif; font-size:15px; line-height: 22px;}

div#footerWrap a.conLink {color: #1c8be1; }


div#cboxOverlay {background-color: #000;}


div#container {position: relative;padding-bottom: 110px;box-sizing: border-box}

.pageTit {width: 1300px;margin: 0 auto;color: #111;font-size: 40px;line-height: 60px;font-weight: 500;}
.subTit {padding-left: 33px;line-height: 50px; font-size:26px; font-family:'Roboto-Medium',sans-serif; color:#28498a;background: url('/asset/layout/program_subTit.png') no-repeat left center;}

div.titArea {height: 60px;background-color: #3962b2;}
div.titArea h2.pageTit {width: 1300px;margin: 0 auto;padding-left: 20px;text-align: left;color: #fff;font-size: 22px;line-height: 60px;font-family: 'Roboto-Medium', sans-serif;background: url('layout/sub_pageTit.png') no-repeat left center;}
div.titArea dl {position: absolute;left: 0;top: 45px;width: 100%;}
div.titArea dt, div.titArea dd {margin: 0;padding: 0;}
div.titArea dt {display: none;}
div.titArea dd {color: #263238;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;font-size: 14px;}
div.titArea dd span {display: inline-block;vertical-align: top;padding-left: 14px;margin-left: 8px;color: #df007e;background: url('layout/pagepath_bl.png') 0 7px no-repeat;}




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

.subTit {margin: 50px 0 10px;color: #023390;font-size: 20px; line-height: 38px; font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}
.subTit:first-child {margin-top: 0;}

ul.subMenu, ul.subMenu li, ul.subMenu a {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {font-size: 0;line-height: 0;margin-top: 45px;}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu > li {float: left;}
ul.subMenu > li:first-child {margin-left: 0;}
ul.subMenu a {padding: 12px 15px 11px;font-size: 18px;line-height: 30px; font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;color: #a7a7a7;text-align: center;background-color: #fff;border: 1px solid #d1d1d1;border-right: 0 none;letter-spacing: -1px;}
ul.subMenu li:last-child a {border-right: 1px solid #d1d1d1;}
ul.subMenu li.on a {padding: 11px 15px 10px;border: 2px solid #28498a; color: #28498a;border-right: 2px solid #28498a;}
ul.subMenu img {display: inline-block;vertical-align: top;padding: 5px 0 0 5px;}

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

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

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

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


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


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

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




/* main */
div#container.main {padding-bottom: 76px;background: url('layout/main_bg.png') center top no-repeat;box-sizing: border-box;background-size: cover;}

div#container.main > ul#quickMenu li:first-child{display:none;}
div.main h2 {margin: 0;padding: 59px 0 50px;}
div.main h2 img {display: block;margin: 0 auto;width: 448px;}

ul.mainMenu, ul.mainMenu li, ul.mainMenu a,ul.mainMenu img {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.mainMenu {z-index: 20;position: relative;width: 1297px;margin: 0 auto;padding-bottom: 30px;text-align: center;font-size: 0;line-height: 0;}
ul.mainMenu > li {display: inline-block;vertical-align: top;margin-left: 14px;}
ul.mainMenu > li:first-child {margin-left: 0;}

ul.mainMenu a, ul.mainMenu img {display: block;}
ul.mainMenu a {box-shadow:0 0 10px rgba(0,0,0,.3);border-radius: 70px;}
ul.mainMenu a:hover,
ul.mainMenu a:focus {margin-top: -30px;animation-duration:0.5s;animation-name:slideUp;}
@keyframes slideUp {
	0% {margin-top: 0;}
	100% {margin-top: -30px;}
}
ul#quickMenu a:hover {background-color: #e70012;}


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

ul#quickMenu {z-index: 100;position: fixed;right:20px;top: 50% !important;transform: translateY(-50%);width: 70px;padding: 20px 10px;border-radius: 15px;background-color: #3f96d4;box-sizing:border-box;transition: width  0.5s, margin-left 0.5s;}
ul#quickMenu.active {width: 202px;}


ul#quickMenu li {}
ul#quickMenu a {position: relative;overflow: hidden;display: flex;height: 50px;padding-left: 50px;border-radius: 25px;color: #fff;font-size: 14px;line-height: 50px;font-family: 'Roboto-Light', sans-serif;}
ul#quickMenu a::hover {background-color: #3680b4;}
ul#quickMenu img:first-child {position: absolute;left: 50%;top: 50%;display: inline-block;vertical-align: top;transform: translate(-50%, -50%);}
ul#quickMenu img.icon {display: inline-block;vertical-align: top;height: 20px;padding: 15px 0 0 5px;}

ul#quickMenu .top {position: absolute;left: 50%;bottom: -12px;transform:translateX(-50%);width: 50px;height: 24px;border-radius: 12px;background-color: #ef3a62;}
ul#quickMenu .top a {display: block;height: 20px;padding: 0;color: #fff;font-size: 14px;line-height: 20px;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}

ul#quickMenu li.onair,
ul#quickMenu li.onair a:hover {background-color: #3680b4;}
ul#quickMenu li.onair a {position: relative;animation-duration:0.7s;animation-name:onair; animation-iteration-count: infinite;}
ul#quickMenu li.onair a:before {position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 70px;padding: 39px 0 0;background: #3680b4 url('layout/quick_onAir_on.png') center top 8px no-repeat;content: '';animation-duration: .7s;animation-name:onair; animation-iteration-count: infinite;content: 'On Air\Asession'; white-space:pre;color: #fff;box-sizing:border-box;}
@keyframes onair {
	50% {opacity: 1;}
}



ul#quickMenu li.on a {background-color: #3680b4;}
ul#quickMenu.active li.on a {position: relative;margin-left: -41px;padding-left: 91px;}
ul#quickMenu.active li.on a:before {position: absolute;left: 0;top: 0;display: block;width: 40px;height: 50px;content: '';background: url('layout/quick_on.png') right center no-repeat;}
ul#quickMenu.active li.on img:first-child {left: 66px;}
ul#quickMenu.active img:first-child {left: 25px;}

ul#quickMenu a.flicker img:first-child.on {animation-duration: .9s;animation-name:imgFlicker; animation-iteration-count: infinite;opacity: 0;}
@keyframes imgFlicker {
	50% {opacity: 1;}
}
/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
ul#quickMenu {display: none;}
}

/*  Mobile : ~ width:999px  */
@media screen and (min-width: 1000px) and (max-width: 1299px) {
ul#quickMenu {right: 0;}
}



/* 공지사항 */
dl.introBbs, dl.introBbs dt, dl.introBbs dd, dl.introBbs ul, dl.introBbs li {margin: 0;padding: 0;list-style:none;}
dl.introBbs a, dl.introBbs img {display: block;color: #fff;text-decoration: none;}
dl.introBbs {z-index: 30;position: absolute;right: 20px;bottom: 15px;width:420px;height: 0;border-radius:4px;padding: 0 25px 0;background-color:#282c32;box-sizing:border-box;color: #fff;opacity: 0;}
dl.introBbs dt {padding: 18px 0 4px;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Medium', sans-serif;}
dl.introBbs dd.close {position: absolute;right: 8px;top: 8px;}
dl.introBbs dd.close a, dl.introBbs dd.close img {display: block;}

dl.introBbs li {position: relative;padding-left: 10px;}
dl.introBbs li:before {position: absolute;left: 0;top: 0;content: "-";}
dl.introBbs li a {display: inline-block;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: top;font-family: 'Roboto-Light', 'NotoSansKR DemiLight', sans-serif;font-size: 15px;}


/* 팝업 > 안내 */
div#popupAlert {width: 1100px;margin: -260px 0 0 -553px;border: 3px solid #272b4b;background-color: #fff;}
div#popupAlert h1 {padding: 10px 0;text-align: center;font-size: 28px;color: #fff;background-color: #272b4b;font-family: 'Roboto-Bold', 'NotoSansKR Bold', sans-serif;}
div#popupAlert div.popupCon {padding: 50px;color: #272b4b;font-size: 20px;font-family: 'Roboto-Regular', 'NotoSansKR Medium', sans-serif;text-align: center;}
div#popupAlert div.popupCon p {margin: 30px 0 0;}
div#popupAlert div.popupCon p:first-child {margin-top: 0;}

/* 팝업 > 공지 */
#popupBbs {position: relative;width: 1300px;height: 731px;box-sizing:border-box;}
#popupBbs div.popupCon {position: relative;overflow: hidden;height: 731px;padding-right: 430px; background-color: #fff;}
#popupBbs h1 {height: 70px;padding-left: 30px;font-size: 19px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: normal;line-height: 74px;background: url('layout/popup_logo_w.png') no-repeat 95% center #28498a;color: #fff;}

#popupBbs dl.bbsCon {height: 750px;box-sizing:border-box;}
#popupBbs dl.bbsCon > dt {position: relative; margin: 34px 20px 0; border-bottom: 2px solid #272b4b; ;padding: 0 100px 13px 0;color: #000;font-size: 24px;line-height: 30px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-weight: 500;}
#popupBbs dl.bbsCon > dt span {position: absolute;right: 0;top: 50%;margin-top: -15px;color: #717171;font-size: 15px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
#popupBbs dl.bbsCon > dd {height: 600px;margin: 0;padding: 20px;}

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

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

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

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

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

#popupBbs div.close {position: absolute;right: 0;top: 0;width: 49px;height: 49px;background-color: #28498a;    cursor: pointer;}
#popupBbs div.close img {display: block;margin: 10px auto 0;}

div#popupTec {position: relative;width: 800px;height: 453px;background-color: #fff;}
div#popupTec h1 {width: 100%;height: 60px;text-align: center;color: #fff;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;background-color: #28498a;font-weight: normal;font-size: 26px;line-height: 60px;}
div#popupTec div.popupCon {padding: 30px 40px;}
div#popupTec h2 {padding-bottom: 10px;color: #000;font-family: 'Roboto-Medium', sans-serif;font-size: 20px;border-bottom: 2px solid #000;}
div#popupTec dl {padding: 20px 20px 20px 100px;background: url('layout/notice_icon.png') no-repeat 20px center;}
div#popupTec dt, div#popupTec dd {padding: 5px 0;color: #343434;font-size: 16px;font-family: 'Roboto-Regular', sans-serif;}
div#popupTec dd span {color: #bf191e;}

div#popupTec ul, div#popupTec li {margin: 0;padding: 0;list-style: none;}
div#popupTec li {display: inline-block;padding: 0 16px;line-height: 12px;}
div#popupTec li:first-child {position: relative;padding-left: 0;border-right: 1px solid #aaaaaa;}
div#popupTec li a {color: #1c8be1;text-decoration: underline;}

div#popupTec form {padding: 0;margin: 0;height: 95px;}
div#popupTec textarea {width: 582px;height: 75px;padding: 10px;background-color: #f2f3f6;border: 0 none;font-size: 14px;line-height: 22px;font-family: 'NotoSansKR DemiLight', sans-serif;color: #a5a5a5;}
div#popupTec textarea::placeholder {font-size: 13px;line-height: 22px;font-family: 'NotoSansKR DemiLight', sans-serif;color: #a5a5a5;}
div#popupTec input {width: 113px;height: 95px;padding: 0;background-color: #28498a;color: #fff;line-height: 95px;text-align: center;border: 0 none;}
div#popupTec .logo {margin-top: 20px;padding-top: 30px;border-top: 1px solid #c3c3c3;}
div#popupTec .logo img {display: block;margin: auto;}
div#popupTec .close {position: absolute;top: 15px;right: 40px;width: 22px;height: 22px;}

div#popupInfo {position: fixed;} 
div#popupInfo > div {width: 850px; height: 460px; margin: 0 auto; padding: 30px; border: 3px solid #272b4b; background-color: #fff; box-sizing: border-box;}
div#popupInfo dl dt {border-bottom: 2px solid #272b4b; padding: 0 100px 13px 0; color: #000; font-size: 24px; line-height: 30px; font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif; font-weight: 500;}
div#popupInfo dl dd {padding: 34px 0 20px 0; font-size:20px; font-family:'NotoSansKR Medium',sans-serif;}
div#popupInfo dl dd p {text-align: center;	margin-bottom: 20px; font-family:'NotoSansKR Bold',sans-serif; color:#000;}
div#popupInfo dl dd ul.listNum {margin: 0; padding: 0; list-style: none;    font-size: 19px;}
div#popupInfo dl dd ul.listNum > li {margin-left: 25px;list-style:decimal; margin-top: 5px; }
div#popupInfo dl dd ul.listNum > li:first-child {margin-top: 0;}
div#popupInfo div.btn {text-align: center;    margin-top: 40px;}
div#popupInfo div.btn a {display: block;}



/* 팝업 > Q&A */
div#popupQna > div {width: 700px;height: 506px;margin: -253px 0 0 -350px;border: 3px solid #272b4b;background-color: #fff;box-sizing:border-box;}
div#popupQna h1 {padding: 15px 65px 15px 30px;background-color: #272b4b;color: #fff;font-size: 24px;line-height: 35px;font-family: 'Roboto-Medium', sans-serif;font-weight: normal;}
div#popupQna div.popupCon {padding: 20px 50px;font-size: 16px;}
div#popupQna div.popupCon > p {margin: 20px 0 40px;text-align: center;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;color: #141a5b;}

div#popupQna dt {padding-bottom: 15px;color: #bc1139;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div#popupQna textarea {display: block;width: 100%;height: 160px;padding:15px 20px;border-color: #ccc;background-color: #f2f2f2;box-sizing:border-box;}
div#popupQna textarea::placeholder {color: #999;font-family: 'Roboto-Light', 'NotoSansKR Light', sans-serif;}
div#popupQna .btn {padding-top: 30px;text-align: center;}
div#popupQna .btn > * {width: 120px;height: 45px;}





/* On Air*/
div#container.roomWrap {min-height: 740px;background: url('layout/roomBg.png') center top no-repeat;background-size: cover;}

/* div.roomWrap {padding: 0 0 75px;} */
div.room:after {clear: both; content:''; display: block;font-size: 0;line-height: 0;height: 0;}
div.roomWrap div.note {position: relative; line-height: 25px;}
div.roomWrap div.note div {font-size: 20px;color: #272b4b; text-align: center; padding: 25px 0;vertical-align: bottom; color: #ffec4b;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;font-size: 24px;line-height: 52px;}
ul.timeInfo, ul.timeInfo li {margin: 0;padding: 0;list-style:none;}
ul.timeInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div#footerWrap ul.timeInfo {position: absolute;right: 0; top: 0;width: 210px;}
div#footerWrap ul.timeInfo > li {position: relative;float: right; margin-left: 10px;width: 105px;  margin: 0;padding: 0;font-family: 'Roboto', sans-serif;font-size: 14px;text-align: center;background-color: #e1e4ee;color: #192c8d;}
div#footerWrap ul.timeInfo > li:first-child {float: left;background-color: #f6e8e8;color: #000; margin-left: 0;}
div#footerWrap ul.timeInfo li.time:before,
div#footerWrap ul.timeInfo li a {display: block;font-size: 12px;line-height: 1.2;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif !important;}

div#footerWrap ul.timeInfo li a {padding: 28px 0 21px;color: #333;}
div#footerWrap ul.timeInfo img {display: block;margin: 0 auto 5px;}

div#footerWrap ul.timeInfo li.time {padding: 77px 0 0;font-size: 36px;color: #333;height: 32px;font-family: 'Digital-7Mono', sans-serif; }
div#footerWrap ul.timeInfo li.time:before {display: block;content: "KOREA TIME";position: absolute;top: 35px;left: 12px;color: #343434;font-size: 14px;}
div#footerWrap ul.timeInfo li.time:after {position: absolute;left: 0;top: 53px;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: 40px;line-height: 50px;content: ":";}
@keyframes flicker {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}

div.roomWrap ul.timeInfo {position: absolute;top: 26px;right: 0;width: 250px;height: 48px;border-radius: 25px;border: 1px solid rgba(255, 255, 255, 0.5);}
div.roomWrap ul.timeInfo > * {color: #fff;}
div.roomWrap ul.timeInfo li {position: relative;float: left;width: 50%;}
div.roomWrap ul.timeInfo li.time {padding: 13px 0;font-family: 'Digital-7Mono', sans-serif;font-size: 36px;text-align: center;}
div.roomWrap ul.timeInfo li.time::after {position: absolute;left: 0;top: 0;width: 100%;text-align: center;animation-duration:1s;animation-name:flicker; animation-iteration-count: infinite;font-family: 'Digital-7Mono', sans-serif;color: #fff;font-size: 40px;line-height: 50px;content: ':';}
div.roomWrap ul.timeInfo li.zone {position: relative;}
div.roomWrap ul.timeInfo li.zone::before {position: absolute;display: block;content:'';width: 1px;height: 25px;left: 0;top: 11px;background: rgba(255, 255, 255, 0.5);}
div.roomWrap ul.timeInfo li.zone::after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: '';}
div.roomWrap ul.timeInfo li.zone a {display: block;padding-left: 14px;}
div.roomWrap ul.timeInfo li.zone img {display: inline-block;}
div.roomWrap ul.timeInfo li.zone span {float: right;padding: 11px 16px 11px 0;line-height: 14px;font-size: 12px;color: #fff;text-align: left;}

div.footerSpon {position: absolute;bottom: 0;left: 0;width: 100%;height: 75px;border-top: 1px solid #ccc;background-color: #fff;}
div.footerSpon > div {position: relative;width: 1300px;margin: 0 auto;padding: 8px 0 9px;}

/* 
div.footerSpon dl {position: relative;padding-left: 100px;} */
div.footerSpon dl > dt {position: absolute;left: 0;top: 50%;transform:translateY(-50%);line-height: 1.2;text-align: center;color: #222;font-size: 14px;font-family: 'Roboto-Regular', sans-serif;}
div.footerSpon dl > dd {position: relative;padding: 0 30px;}

div.footerSpon dl ul {padding: 0;margin: 0;list-style: none;}

div.footerSpon .grade {width: 80px !important;}
div.footerSpon .grade.wide {width: 120px !important;}
div.footerSpon dd > ul > li {}



div.footerSpon div.bx-controls-direction > a {position: absolute;top: 50%;transform: translateY(-50%);width: 11px;height: 22px;font-size: 0;line-height: 0;}
div.footerSpon a.bx-prev {background: url('/asset/bnr/prev.png') no-repeat top center;left: 0;}
div.footerSpon a.bx-next {background: url('/asset/bnr/next.png') no-repeat top center;right: 0;}

div.footerSpon li > * {display: table-cell;width: 148px;height: 58px;vertical-align: middle;text-align: center;}
div.footerSpon li > * > img {display: inline-block;vertical-align: top;}

div.room, div.room dl, div.room dt, div.room dd, div.room ul, div.room li, div.room a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.room {padding-bottom: 50px;text-align: center;font-size: 0;line-height: 0;}
div.roomInfo {display: inline-block;vertical-align: top;max-width:310px;margin-left: 19px; box-sizing:border-box;text-align: left;}
div.roomInfo:first-child {margin-left: 0;}

div.roomInfo dl.brief {width:312px;}
div.roomInfo dl.brief dt {background-color: #293276;display: block; padding: 19px 19px 19px 25px;font-size: 25px;line-height: 36px;color: #fff;font-family: 'Roboto-Medium', sans-serif;font-weight: 500; box-sizing:border-box;}
div.roomInfo dl.brief dt span {float: right; width:120px;}
div.roomInfo dl.brief dt span a {position:relative; display: block; background-color: #61b2f6; color:#fff; font-size:15px; line-height: 40px; padding: 0 20px; box-sizing:border-box;}
div.roomInfo dl.brief dt span a:after {position:absolute; right:20px; top:50%; width: 11px; height: 9px; margin-top: -5px; content:''; background: url('/asset/layout/roomBtn_arr.png') no-repeat center top;}
div.roomInfo dl.brief dt span a:hover {background-color: #fff;color: #1d51b1;}
div.roomInfo dl.brief dt span a:hover:after {background: url('/asset/layout/roomBtn_arr_hover.png') no-repeat center top;}
div.roomInfo dl.brief dd {height: 450px; padding: 0; background-color: #fff; scrollbar-3dLight-Color: #d5d6dd; scrollbar-arrow-color: #d5d6dd; scrollbar-base-color: #797a88; scrollbar-Face-Color: #797a88; scrollbar-Track-Color: #d5d6dd; scrollbar-DarkShadow-Color: #d5d6dd; scrollbar-Highlight-Color: #d5d6dd; scrollbar-Shadow-Color: #d5d6dd;}
div.roomInfo .scrollArea:-webkit-scrollbar {width: 10px;background-color: #d5d6dd;}
div.roomInfo .scrollArea::-webkit-scrollbar-thumb {background-color: #797a88;}

div.roomInfo dl.brief ul {margin: 0; padding: 0; list-style: none;}
div.roomInfo dl.brief ul li {padding: 10px 15px; border-bottom: 1px solid #e6e6e6; font-family:'Roboto-Regular','NotoSansKR Regular',sans-serif;}
div.roomInfo dl.brief ul li span {display: block;}
div.roomInfo dl.brief ul li span.time {font-size:13px; line-height: 18px; color:#282828;}
div.roomInfo dl.brief ul li span.tit {font-size:15px; line-height: 18px; color:#282828; font-family: 'Roboto-medium','NotoSansKR Regular',sans-serif;}
div.roomInfo dl.brief ul li span.speaker {font-size:15px; line-height: 18px; color:#033491;margin-top: 4px;}

div.roomInfo dl.brief ul li.session {background-color: #f3f4ff;}
div.roomInfo dl.brief ul li.session span.tit {color:#282828;     margin-top: 3px;font-size:17px; line-height: 20px; font-family:'Roboto-Medium','NotoSansKR Medium',sans-serif;}
div.roomInfo dl.brief ul li.session span.speaker  {color:#282828; font-size:17px; line-height: 17px;margin-top: 10px;}



/* Program */

div.program {position:relative; margin-top: 30px;}
div.program .subTit span {margin-left: 10px; font-size:17px; font-family:'Roboto-Regular',sans-serif; color:#666666;}
div.program div.btn {position: absolute;right: 0;top: 0;width: 248px;height: 40px;}
div.program div.btn::after {display: block;clear: both;content:'';font-size: 0;line-height: 0;height: 0;}
div.program div.btn a {padding: 0 43px 0 26px;background: url('/asset/layout/program_down.png') no-repeat 210px 11px #44516b;color: #fff;font-size: 16px;line-height: 38px;font-family:'Roboto-Regular',sans-serif;}

ul.programType, div.programType li {margin: 0;padding: 0;list-style: none;}
ul.programType {margin-bottom: 20px;padding: 22px 0;background-color: #f8f8f8;text-align: center;}
ul.programType li {position: relative; display: inline-block;margin-right: 28px;padding-left: 30px;font-size: 16px;font-family:'Roboto-Medium',sans-serif;}
ul.programType li:last-child {margin-right: 0;}

ul.programType li::after {position: absolute;display: block;content:'';width: 20px;height: 20px;left: 0;top: 2px;border-radius: 3px;}
ul.programType li:nth-child(1)::after {border: 1px solid #bae2ad;background-color: #f0faed;}
ul.programType li:nth-child(2)::after {border: 1px solid #f8c2c2;background-color: #fff2f2;}
ul.programType li:nth-child(3)::after {border: 1px solid #f3de97;background-color: #fff8e1;}
ul.programType li:nth-child(4)::after {border: 1px solid #add6f6;background-color: #e8f4fe;}

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

div.tblProgram p.download {float: right;margin:48px 0 0;}
div.tblProgram .red_noti {clear: both;text-align:right; color:#ff0000;margin:10px 0; font-size:15px;font-weight:900;} */


/* table.tblProgram tbody td{position: relative;padding:20px 10px;text-align: center;letter-spacing: -0.03em;line-height:23px; font-size:15px;word-break: keep-all;} */


/* 
table.tblProgram img.lang {position: absolute;right: 0;bottom: 0;}
table.tblProgram img.onair {display: block;margin: 5px auto 0;} */


/* ul.programType {position:absolute;right:0;top:0;margin: 0;padding: 0;}
ul.programType li {float:left;width:120px;padding:10px 10px 12px;margin:0 0 0 10px;text-align:center;font-size:0.8em;line-height:1.2em;list-style:none;}
ul.programType li:first-child {margin-left:0;} */

.beginners {background-color:#f0faed;}
.experts {background-color:#fff2f2;}
/* .high {background-color:#ffffcc !important;} */
.luncheon {background-color:#ccecff !important;}
/* .insure {background-color:#e7e7ff !important;}
.enghigh {background-color:#333333;color: #fff;} */
.cardiologist {background-color:#e8f4fe !important;}
.highlight {background-color:#fff8e1 !important;}

table.tblProgram td.eng {position:relative;}
table.tblProgram td.eng:after {display: block; position:absolute; right: 0; bottom: 0; content:''; width: 35px; height: 35px; background:url('layout/icon_eng.png') center top no-repeat;}
li.eng {background-color:#616161;color:#fff;}

table.tblProgram {margin-bottom:30px;border-top:1px solid #494949;}
table.tblProgram th,
table.tblProgram td {padding:15px;border-bottom: 1px solid #efefef;text-align:center;}
table.tblProgram th {padding: 19px 25px;color:#343436; background-color: #fff; border-left: 1px solid #efefef;}
table.tblProgram tbody th {font-weight: 500;} 
table.tblProgram td {height: 50px;border-left:1px solid #efefef;color:#000;font-size:14px;font-weight: 700;    line-height: 20px;font-size: 16px !important;}
table.tblProgram td a {color:#000;font-size:16px;word-break:keep-all;    line-height: 24px; }
table.tblProgram th span {display: block;padding: 20px 80px; background-color: #f8f8f8;border-radius: 10px;font-weight: bold;}
table.tblProgram th:first-child {border-left: 0;}
table.tblProgram td:first-child {border-left:0 none;color:#7b7d80;}
table.tblProgram a {display: block; color:#555;}

table.tblProgram .onair {position: relative;vertical-align: middle;height: 96px;}
table.tblProgram .onair a.onair {position: relative;width: 90px;height: 25px;bottom: 0px;left: 50%;border: 1px solid #db2828;margin-top: 10px;transform: translateX(-50%);border-radius: 20px;background-color: #db2828;color: #fff;font-size: 14px;line-height: 25px;font-family:'Roboto-Medium',sans-serif;font-weight: normal;}
table.tblProgram .onair a.onair:hover {background-color: transparent;color: #db2828;border: 1px solid #db2828;}

div.program p.tblInfo {color: #5a5c68;font-size: 14px;}
div.program p.tblInfo span {color: #f61f7b;}

div.program div.infoBox {height: 65px;margin: 40px 0;}
div.program div.infoBox::after {clear: both; content:''; display: block;font-size: 0;line-height: 0;height: 0;}
div.program dl {position: relative;float: left;height: 65px;padding: 0 98px 0 70px;font-weight: bold;}
div.program dl::after {position: absolute;display: block;content:'';width: 1px;height: 65px;top: 0;right: 0;background-color: #e4e4e4;}
div.program dl:first-child::before {position: absolute;display: block;content:'';width: 1px;height: 65px;top: 0;left: 0;background-color: #e4e4e4;}
div.program dt {color: #000;}
div.program dd {color: #646766;line-height: 1.2;}

/* 프로그램 팝업 */
div#popupProgram {position: relative;width: 1201px;height: 589px;background-color: #fff;}
div#popupProgram h1 {width: 100%;height: 70px;line-height: 70px;font-size: 22px;color: #fff;font-family:'Roboto-Medium',sans-serif;font-weight: normal;text-align: left;background-color: #28498a;}
div#popupProgram h1 span {padding-left: 30px;}
div#popupProgram div.popupCon {padding: 10px;}


div#popupProgram div.scrollArea {max-height:426px;}

div#popupProgram table {padding:0;border:0;border-spacing:0px;border-collapse:collapse;border: 0 none;border-top: 2px solid #272b4b;}
div#popupProgram td.bg {padding: 15px 20px;background-color: #e5e6f2;color: #272b4b;text-align: left;border-bottom: 1px solid #ccc;font-size: 16px;font-weight: normal;font-family:'Roboto-Regular',sans-serif}
div#popupProgram td.bg span {font-size: 18px;font-weight: 700;	}
div#popupProgram td {padding: 12px 10px 12px 10px;color: #292222;font-size: 15px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;font-family:'Roboto-regular',sans-serif}
div#popupProgram td span {color: #28263f;font-family:'Roboto-Regular',sans-serif}
div#popupProgram tr td:last-child {border-right: 0 none;}
div#popupProgram a.vod {margin-left: 10px;padding: 0 0 0 27px;}
div#popupProgram .close {position: absolute;top: 22px;right: 35px;width: 29px;height: 26px;    cursor: pointer;}

a.vod {display: inline-block;width: 42px;height: 26px;margin-left: 10px;padding: 0 0 0 23px;color: #fff;font-size: 14px;line-height: 27px;text-align: center;font-family:'Roboto-Medium',sans-serif;border-radius: 13px;background: url('layout/icon_vod.png') no-repeat 5px center #db2828;}

ul.society {overflow:hidden;margin: 50px 0 0;padding:15px 0 40px;}
ul.society li {float:left;width:122px;height:110px;margin: 0;padding:0 10px;border-left:1px solid #e8e8e8;color:#8a8a8a;font-size:0.9em;list-style:none}
ul.society li:first-child {width:128px;padding-left:0;border-left:0 none;}
ul.society span {display:block;font-weight:bold;color:#252525;font-size:1.2em;}

div.program div.searchArea form{padding-bottom: 0;}
div.program div.searchArea:after {clear: both; content:''; display: block;}
ul.roomMenu {margin: 0; padding: 0; list-style: none; font-size:0; line-height: 0;}
ul.roomMenu > li {float: left;margin: 0; padding: 0;}
ul.roomMenu > li a {position: relative;display: block; padding: 0 20px;text-align: center; line-height: 44px; color:#373737; font-size:17px; font-family:'Roboto-regular',sans-serif;}
ul.roomMenu > li:first-child a {padding-left: 0;}
ul.roomMenu > li a::before {position: absolute;display: block;content:'';width: 1px;height: 12px;top: 16px;left: 0;background-color: #bfbfbf;}
ul.roomMenu > li:first-child a::before  {display: none;}
ul.roomMenu > li span  {padding: 0 3px;}
ul.roomMenu > li a:hover span, ul.roomMenu > li.on span {color: #1b7ee2;box-shadow: inset 0 -9px 0 #eaeffa;}

table.programDetail + table {margin-top: 20px;}
table.programDetail {margin-top: 15px; width: 100%; border-top: 2px solid #28498a; border-collapse: separate;  border-spacing: 0;}
table.programDetail td {padding: 13px 0; text-align: center; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color:#222; font-size:16px; line-height: 24px; letter-spacing: -0.5px;}
table.programDetail td:first-child {border-left: 0; background-color: #fafafa;}
table.programDetail td.room {background-color: #293276 !important;}
table.programDetail td.speaker {position:relative; text-align:left; padding-left: 25px; padding-right: 120px;font-size: 18px;}
table.programDetail td.speaker span {display: block; color:#033491}
/* table.programDetail td.speaker span.sessionFavorite {position:absolute; cursor:pointer; right:10px; top:50%; margin-top: -20px; width: 40px; height: 40px; font-size:0; background: url('/asset/layout/sessionFavorite.png') no-repeat center top;}
table.programDetail td.speaker span.sessionFavorite.on {background-image: url('/asset/layout/sessionFavorite_on.png');} */
tr.session td {border: 0;color: #222;font-family:'Roboto-Regular',sans-serif;font-size: 17px;}
tr.session td:first-child {background-color: #28498a; font-size:25px; font-family:'Roboto-Medium',sans-serif; color:#fff;}
tr.session td.tit {position:relative; padding-left: 25px; text-align:left; background-color: #f5f2f2;font-size:16px; line-height: 25px;font-family:'Roboto-Regular',sans-serif;}
tr.session td.tit.eng {padding-left: 120px;}
tr.session td.tit span.session {position:absolute; left:25px; top:16px; text-align: center; font-size:14px; line-height: 18px; padding: 5px 14px 4px; background-color: #ff6e47; color:#fff; font-family:'Roboto-Medium',sans-serif; }
tr.session td.tit strong {display: block; font-size:20px; line-height: 25px;  font-family:'Roboto-Medium',sans-serif; font-weight:normal;}

table.programDetail td.speaker span {color: #033491;margin-top: 4px;font-size: 16px;}
table.programDetail td.vod {border-left: 0 none;text-align: right;}

table.programDetail td.experts {background-color: #f6cccf;}
table.programDetail td.highlight {background-color: #ffffcc;}
table.programDetail td.beginers {background-color: #eef9f4;}
table.programDetail td.english {background-color: #505050; color:#fff;}
table.programDetail td.cardiologist {background-color: #b1dff0;}

/* 프로그램 상세페이지 VOD 버튼 추가 */
table.programDetail td.speaker span.vod {position:absolute; right:25px; top:50%; margin-top: -15px; width: 70px; height: 30px;}
table.programDetail td.speaker span.vod a {display: block;}


dl.sessionBrief {margin: 0;padding: 15px 30px;border-top: 2px solid #272b4b;background-color: #e5e6f2;color: #272b4b;}
dl.sessionBrief > dt {margin: 0;font-size: 20px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
dl.sessionBrief > dd {font-size: 15px;line-height: 20px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
dl.sessionBrief + table.tblDef {border-top: 1px solid #ccc;}
dl.sessionBrief + table.tblDef > * > tr > * {text-align: left;}
dl.sessionBrief + table.tblDef > * > tr > *:first-child {text-align: center;border-left: 0 none;}
dl.sessionBrief + table.tblDef > * > tr > *:last-child {text-align: right;}









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

div#container.eposter .pageTit,
div#container.eposter div.titArea dd {color: #fff;}
div#container.bg div.eposter {padding: 50px 0;}

div.searchArea {position: relative;}

div.sort {}
ul.type, ul.type li, ul.type a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.type {float: left;}
ul.type:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: "";}
ul.type > li {position: relative;float: left;}
ul.type > li:before {position: absolute;left: -1px;top: 50%;width: 2px;height: 14px;margin-top: -7px;content: "";background-color: #999;}
ul.type > li:first-child:before {display: none;}

ul.type a {display: block;height: 44px;padding: 0 30px;line-height: 44px;background-color: #fff;color: #333;font-family: 'NotoSansKR Regular', sans-serif;}
ul.type li.on a {border-color: #c46630;color: #c46630;font-family: 'NotoSansKR Medium', sans-serif;}

div.eposter div.searchArea {margin: 45px 0 15px;}
div.searchArea form {text-align: right; font-size: 0;line-height: 0;}
div.searchArea input[type=text] {width: 273px;height: 44px;border: 1px solid #d8d8d8;padding: 0 20px;box-sizing:border-box;background: #fff;font-size: 15px;line-height: 20px;}
div.searchArea input[type=text]::placeholder {color: #999;font-size: 15px;font-family: 'Roboto-Light', sans-serif;}
div.searchArea span.btn > * {width: 90px;height: 44px;padding: 0;border-color: #28498a;background-color: #28498a;color: #fff;font-size: 15px;line-height: 44px;font-family: 'Roboto-Light', sans-serif;}

ul.sort, ul.sort li, ul.sort a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
ul.sort {position: relative;height: 60px;clear: both;background:#6d718b; padding: 0 40px;}
ul.sort:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.sort > li {position: relative;float: left;display: inline-block;text-align: center;}
ul.sort > li:before {position: absolute;left: 0;top: 50%;width: 1px;height:14px;margin-top: -7px;content: "";background-color: rgba(255,255,255,.4);}
ul.sort > li:first-child:before {display: none;}
ul.sort > li > a {display: block;padding: 15px 0 17px;margin: 0 20px;vertical-align: top;color: #c9c9c9;font-size: 17px;line-height: 28px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
ul.sort > li:first-child > a {margin-left: 0;}
ul.sort > li.on > a {font-family: 'NotoSansKR Medium', sans-serif; color:#fff;}

ul.sort2, ul.sort2 li, ul.sort2 a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
ul.sort2 {position: relative;height: 59px;clear: both;background:#fff; padding: 0 40px; border-bottom: 1px solid #cbd4dc;}
ul.sort ul.sort2 {position: absolute;left: 0;top: 80px;padding: 0 0 0 96px;}
ul.sort2:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.sort2 > li {position: relative;float: left;display: inline-block;text-align: center;}
ul.sort2 > li:before {position: absolute;left: 0;top: 50%;width: 1px;height:13px;margin-top: -6px;content: "";background-color: rgba(151,170,185,.5);}
ul.sort2 > li:first-child:before {display: none;}
ul.sort2 > li > a {display: block;padding: 12px 0 13px;margin: 0 20px;vertical-align: top;color: #d0d0d0;font-size: 17px;line-height: 35px;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: 300;}
ul.sort2 > li:first-child > a {margin-left: 0;}
ul.sort2 > li.on > a {font-family: 'NotoSansKR Medium', sans-serif; color:#000;}

div.searchBox {margin-top: 35px;}
div.searchBox::after {clear: both;display: block;content:'';font-size: 0;height: 0;line-height: 0;}
div.searchBox p.count {float: left;text-align: left; padding-top: 18px;color: #d43737; font-family:'Roboto-Medium',sans-serif;}
div.searchBox p.count:before {display: inline-block;padding-right: 10px;content: "Total";vertical-align: top;color: #222;  font-family:'Roboto-Regular',sans-serif;}

/* div.searchArea p.count_j {position: absolute;right: 0;bottom: 0;margin: 0;color: #ffeb32;}
div.searchArea p.count_j:before {display: inline-block;padding-right: 10px;vertical-align: top;color: #fff;} */

ul.eposterList, ul.eposterList * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.eposterList {border-top: 2px solid #272b4b !important;}
ul.eposterList li div{position:relative;}
ul.eposterList li div span.view{position:absolute; right:-125px; top:0;}
ul.eposterList li div span.view img{display: block;}
ul.eposterList a {position: relative;display: block;min-height: 142px;padding: 25px 30px  25px 284px;border: 1px solid #ccc;border-top: 0 none;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}


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

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

ul.eposterList span.tit {clear: both;padding-top: 25px;color: #000;font-size: 17px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;line-height: 20px;}
ul.eposterList span.writer {padding-top: 20px;color: #7f7f7f;font-size: 15px;}


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

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

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

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

ul.pager a.on {padding: 7px 0 0; text-align: center; color: #222; background-color: transparent; border-bottom: 2px solid #222;}
ul.pager a img {vertical-align: top;}

/* 포스터 상세 페이지 */
div.posterBrief {position:relative; margin: 30px 0 15px; padding: 25px 175px 25px 280px; min-height:142px; border: 1px solid #ccc; border-top: 2px solid #000;}
div.posterBrief span {display: block;}
div.posterBrief span.num {display: inline-block; height: 27px;padding: 0 15px;border-radius: 14px;color: #fff;background-color: #263b80;font-size: 14px;line-height: 27px;}
div.posterBrief span.tit {margin-top: 15px; color:#222; font-size:17px; line-height: 20px; font-family:'Roboto-Medium','NotoSansKR Medium',sans-serif;}
div.posterBrief span.speaker {margin-top: 15px; font-size:17px; color: #7f7f7f; }
div.posterBrief span.btn {position:absolute; right:31px; top:50%; width: 121px;transform: translateY(-50%);}
div.posterBrief span.btn a {padding: 0;width: 119px; height: 32px;display: block; margin-top: 5px; font-size:14px;font-family:'Roboto-Medium',sans-serif; color:#fff; text-align: center;line-height: 32px;}
div.posterBrief span.btn a:first-child {margin-top: 0;}
div.posterBrief span.btn a:last-child  img {margin-top: 5px;}
div.posterBrief span.btn > * i {position: static ;padding-right: 3px;}
div.posterBrief span.btn img {display: inline-block;vertical-align: top;padding : 6px 5px 0 0;}
div.posterBrief span.btn a.like {background-color: #b32121; border-color: #b32121;}
div.posterBrief span.btn a.list {background-color: #fff; border-color: #4f5360;color: #4f5360;}
div.posterBrief span.btn a.veiwDetail {background-color: #2f4c8f; border-color: #2f4c8f;}

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

div.posterBrief + div.btn {margin : 25px 0 10px}
div.posterBrief + div.btn a.posterDetail {padding: 0; margin: 0; border: 0;}
div.posterBrief + div.btn a.posterDetail img {display: block;}

div.posterView {position: relative; padding-right: 403px; height: 821px;margin-bottom: 50px;}
div.posterView > * {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div.posterView div.posterCon {overflow-x: hidden;overflow-y: auto;background-color: #f1f1f1;border-top: 2px solid #000;}
div.posterView div.posterCon {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.posterView div.posterCon::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
div.posterView div.posterCon::-webkit-scrollbar-thumb {background-color: #383a48;}

div.posterView div.posterCon > img {width: 100%;}

div.posterCon {padding: 18px;}
div.posterCon div.rollingArea {position: relative;;overflow: hidden;}
div.posterCon div.rollingArea > img {display: block;width: 100%;}
div.posterUtil {padding-top: 15px;overflow: hidden;font-size: 0;line-height: 0;text-align: right;}
div.posterUtil a {display: inline-block;padding: 10px 15px;margin-left: 7px;vertical-align: top;font-size: 15px;line-height: 25px;color: #fff;text-decoration: none;}
div.posterUtil a:first-child {margin-left: 0;}
div.posterUtil a img {display: inline-block;padding-right: 10px;vertical-align: top;}



div.posterUtil a.prev,
div.posterUtil a.next {    cursor: pointer;position: relative; width: 40px;height: 40px;padding: 0;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;background-color: #3d414e;}

div.posterUtil a.prev {background-image: url('poster/prev.png');}
div.posterUtil a.prev:hover:before {z-index: 5; position: absolute; top: 0; left: 0; width: 40px; height: 40px; background-image: url('poster/prev_on.png'); content: '';}
div.posterUtil a.next {background-image: url('poster/next.png');}
div.posterUtil a.next:hover:before {z-index: 5; position: absolute; top: 0; left: 0; width: 40px; height: 40px; background-image: url('poster/next_on.png'); content: '';}

div.posterUtil a.list {padding: 7px 23px 8px;background-color: #5162a0;}
div.posterUtil a.detail {padding: 7px 23px 8px;background-color: #414974;}


div.posterView p.listNoti{position: absolute;  right: 0px; top: 0px;padding: 13px 15px; width: 360px;line-height: 20px;background-color: #263b80; color: #fff000;}

div.posterView dl.list {position: absolute;right: 0;top:0px; width: 390px;border-bottom: 1px solid #ccc;font-size: 14px;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.posterView dl.list > dt {padding: 0 20px;background-color: #263b80;color: #fff;line-height: 40px;font-size: 15px;}
div.posterView dl.list > dt span.total {float: right;}
div.posterView dl.list > dt span.total:before {display: inline-block;padding-right: 5px;content: "Total";vertical-align: top;color: #fff;  font-family:'Roboto-Regular',sans-serif;}
div.posterView dl.list > dd {overflow-x: hidden;overflow-y: auto;height:249px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
/* div.posterView dl.list > dt:first-child + dd { min-height: 415px;  overflow-x: hidden; overflow-y: scroll;background: #fff;} */
div.posterView dl.list > dt + dd { min-height: 310px;  overflow-x: hidden; overflow-y: scroll;background: #fff;}
div.posterView dl.list > dt:first-child + dd {min-height: 377px;}
div.posterView 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.posterView 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.posterView dl.list > 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}
div.posterView dl.list > dd::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
div.posterView dl.list > dd::-webkit-scrollbar-thumb {background-color: #383a48;}

div.posterView dd#my_favor_area ul {position: relative;}
/* div.posterView dd#my_favor_area ul:before {display: block;padding: 0 20px;background-color: #263b80;color: #fff;line-height: 40px;content: "Favorites List";font-size: 15px;} */
div.posterView dd#my_favor_area ul:after {position: absolute;right: 10px;top: 0;content: 'Total 'attr(data-count);color: #fff;line-height: 40px;}
div.posterView dl.list li {position: relative;border-bottom: 1px solid #ccc;padding: 0 30px 0 0;}

div.posterView dl.list a {overflow: hidden;position: relative;display: block;padding: 10px 10px 10px 115px; font-size:13px; line-height: 16px;color: #000;-webkit-line-clamp: 4;  -webkit-box-orient: vertical;   overflow: hidden;   text-overflow: ellipsis; min-height: 62px;}
div.posterView dl.list span.thumb {position: absolute;left: 10px;top: 50%; margin-top: -31px; display: block; width: 93px; height: 60px;border: 1px solid #cdcdcd; background-color: #fff; overflow: hidden;/*  border: 1px solid #ccc;  */}
div.posterView dl.list span.thumb img {display: block;width: 100%;/* height: 100%; */  box-sizing: border-box;}

div.posterView dl.list span.thumboral {position: absolute;left: 10px;top: 7px;display: block;width: 93px;height: 60px;overflow: hidden; border: 1px solid #ccc; }
div.posterView dl.list span.thumboral img {display: block;width: 100%; height: 100%; }

div.posterView dl.list span.code{padding-bottom: 5px;color: #d30d3c; font-size: 11px; display:block; font-style:italic;}
div.posterView dl.list .on {background-color: #d1d5e2;}

div.posterView dl.list .on span.thumb {background-color: #182644;} 
div.posterView 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.posterView dl.list .on span.tit {color: #192c8d;border-bottom: 1px solid #192c8d;}

div.posterView dl.list .on span.thumboral {background-color: #182644;} 
div.posterView 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.posterView dl.list a.favor {position: absolute; min-height: auto; right: 10px;top: 50%;width: 20px;height: 20px;margin-top: -10px;padding: 0;border: 0 none;text-indent: -10000px;background: url('layout/icon_favor_off.png') center center no-repeat;}
div.posterView dl.list a.favor.on {background-image: url('layout/icon_favor_on.png');}



/* E-Booth */
div.ebooth {margin: 40px 0 50px;}
div.ebooth h3 {margin:30px 0 35px;color: #fff; padding: 11px 0; font-size: 20px;line-height: 28px;background-position: 0 0;background-repeat: no-repeat;font-family: 'Roboto-Bold', 'NotoSansKR Bold', sans-serif;font-weight: normal;text-transform: uppercase; text-align: center;}
div.ebooth h3:first-child {margin-top: 0;}

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

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

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

ul.eboothList {font-size: 0;line-height: 0; text-align: center;}
ul.eboothList li {display: inline-block;padding:  0 0 0 15px;vertical-align: top;}
ul.eboothList li:nth-child(4n+1) {padding-left: 0;}
ul.eboothList li:nth-child(-n+4) {padding-top: 0;}
ul.eboothList a {display: table-cell; width:311px; height: 100px; border: 1px solid #ccc;background-color: #fff;vertical-align: middle;text-align: center;transition-duration: 800ms; transition-timing-function: ease;}
ul.eboothList a:hover, ul.eboothList a:focus {top: -100px; transform: translateY(-15px); backface-visibility: hidden;transition-property: transform;animation-duration: 0.5s; animation-name: slideUp;}
ul.eboothList img {display: inline-block;max-width:90%;max-height:90%;}

/* ul.eboothList.typeA {}
ul.eboothList.typeA li {display: inline-block;padding: 0 0 0 15px;vertical-align: top;}
ul.eboothList.typeA li:nth-child(-n+3) {padding-top: 0;}
ul.eboothList.typeA a {display: table-cell; width:315px !important; height: 98px; border: 1px solid #ccc;background-color: #fff;vertical-align: middle;text-align: center;} */

ul.eboothList.typeB li {padding: 27px 0 0 12px;}
ul.eboothList.typeB li:nth-child(6n+1) {padding-left: 0;}
ul.eboothList.typeB li:nth-child(-n+6) {padding-top: 0;}
ul.eboothList.typeB a {width: 204px;height: 80px;}

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

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

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

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


/* E-Booth 상세 > Company  */
div.company {position: relative;padding-right: 439px;}
div.company div.bizCon {padding: 21px 10px 35px 27px;}
div.company div.scrollArea {height: 590px;margin-top: 20px;padding-right: 30px;word-break: keep-all; text-align: justify;letter-spacing: -1px;}
div.company div.vod {height: 347px;}
div.company div.vod > img {display: block;margin: 0 auto;}
div.company div.txt {padding: 10px;color: #222;font-size: 15px;line-height: 25px;}


div.company div.bizInfo {position: absolute;right: 0;top: 0;width: 430px;height: 100%;padding: 40px;background-color: #e1e4ee;box-sizing:border-box;}
div.company p.logo {display: table-cell;width: 350px;height: 150px;margin: 0;vertical-align: middle;text-align: center; background-color: #fff;}
div.company p.logo img {display: inline-block;}

div.company ul.more {margin: 0;padding: 0;}
div.company ul.more > li {margin: 0;padding-top: 19px;list-style:none;}
div.company ul.more > li + li {padding-top: 12px;}
div.company ul.more a {position: relative;display: block;padding: 0 25px;color: #fff;line-height: 50px;font-size: 15px;background-color: #386390;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.company ul.more li:first-child a {background-color: #272b4b;}
div.company ul.more a:after {position: absolute;right: 25px;top: 50%;width: 12px;height: 12px;margin-top: -6px;content: "";background: url('ebooth/btnBl_pluse.png') center center no-repeat;}

div.boothVisit {position: relative;height: 230px;padding-top: 30px; border: 5px solid #1d2088; margin-top: 77px;background-color: #fff;box-shadow:0 0 25px rgba(152,161,190,.5);box-sizing:border-box;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.boothVisit div.stamp {position: relative;width: 125px;height: 125px;margin: 0 auto;background: url('ebooth/company_stamp.png') center center no-repeat;}
div.boothVisit div.stamp span {display: table-cell;width: 125px;height: 125px;vertical-align: middle;text-align: center;}
div.boothVisit div.stamp img {display: inline-block;max-width: 90px;margin: 0 auto;}
div.boothVisit div.stamp.visit:before {position: absolute;left: 0;top: 0;width: 100%;border-radius:50%;background-color: rgba(155,12,63,.75);content: "Visited";text-align: center;line-height: 125px;color: #fff;font-size: 20px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}

div.boothVisit div.time {position: absolute;right: 0;top: 0;width: 62px;text-align: center;color: #fff;background-color: #1d2088;font-size: 14px;line-height: 20px; font-family:'NotoSansKR Medium',sans-serif; padding: 4px 0 6px;}

div.boothVisit div.btn {position: absolute;left: 0;bottom: 10px;width: 100%;line-height: 20px;text-align: center;color: #222;font-size: 14px;}
div.boothVisit div.btn a {display: none;position: absolute;left: 0;top: 0;width: 100%;line-height: 50px;padding: 0;border: 0 none;background-color: #1d2088;color: #fff226; font-size:22px; font-family: 'Roboto-Medium', sans-serif;}
div.boothVisit div.btn a img {display: inline-block; vertical-align: middle; margin-right: 10px;}


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

div.guest ul, div.guest li {margin: 0;padding: 0;list-style:none;}
div.guest ul {overflow: hidden;padding: 40px 0;}
div.guest li {position: relative;float: right;width: 600px;padding-left: 85px;margin-bottom: 20px;background-color: #e3e6eb;box-sizing:border-box;}
div.guest li:first-child {float: left;}
div.guest label {position: absolute;left: 25px;top: 50%;transform: translateY(-50%);color: #333;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.guest li.clear {clear: both;float: none;width: 100%;margin-bottom: 0;padding: 0;}
div.guest li.clear label {display: none;}

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

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

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

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

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

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

ul.stamp, ul.stamp li {margin: 0;padding: 0;list-style:none;}
ul.stamp {}
ul.stamp:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.stamp > li {float: left;width: 110px;height: 110px;margin:15px 0 15px 30px;background: url('ebooth/stamp_bg.png') center center no-repeat;}
ul.stamp > li:nth-child(8n+1) {clear: both;margin-left: 0;}
ul.stamp a {overflow: hidden;position: relative;display: block;width: 110px;height: 110px;padding:43px 5px;border-radius:55px;box-sizing:border-box;}
ul.stamp img {width: 80%;display: block;height: auto;margin: 0 auto;}

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

div.stamp div.btn {padding-top: 35px;text-align: center;}
div.stamp div.btn a {width: 200px;padding: 0;margin: 0 0 0 12px;text-align: center;}
div.stamp div.btn a:first-child {margin-left: 0;}
div.stamp div.btn a img {padding: 16px 0;}

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




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

ul.download, ul.download li ul.download a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.download {padding-top: 30px;text-align: center;font-size: 0;line-height: 0;}
ul.download li {display: inline-block;width: 200px;vertical-align: top;padding-left: 32px;}
ul.download li:first-child {padding-left: 0;}
ul.download a, ul.download img {display: block;}
ul.download a {position: relative;margin-top: 20px;padding-left: 25px;background-color: #272b4b;color: #fff;line-height: 50px;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;text-align: left;text-decoration: none;}
ul.download a img {position: absolute;right: 25px;top: 50%;width: 13px;height: 15px;margin-top: -8px;}



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

div.moveList ul, div.moveList li, div.moveList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.moveList {position: absolute;right: 0;top: 0;width: 332px;height: 100%;padding:40px 20px;background-color: #e1e4ee;box-sizing:border-box; overflow: hidden;}
div.moveList ul {height: 577px;padding-right: 42px;}
div.moveList ul::-webkit-scrollbar {background-color: #fff;}
div.moveList li {padding-top:20px;}
div.moveList li:first-child {padding-top: 0;}
div.moveList a, div.moveList img {display: block;}
div.moveList a {font-size: 15px;line-height: 20px;color: #222;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
div.moveList li img {width: 100%;padding-bottom: 5px; }


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

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

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

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

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

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

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


/* My Page */
div.mypage {padding-bottom: 100px;}
ul.subMenu.mypg {font-size:0; line-height: 0;}
ul.subMenu.mypg li {width:420px; margin-left: 20px;}
ul.subMenu.mypg li:first-child {margin-left: 0;}
ul.subMenu.mypg {padding-bottom: 50px;}
div.mypgInfo {padding: 22px 36px;background-color: #f3f6ff;}
div.mypgInfo ul, div.mypgInfo ul{margin: 0;padding: 0;list-style: none;}
div.mypgInfo li {position: relative;padding-left: 10px;color:#333; font-size:16px; line-height: 28px;}
div.mypgInfo li:before {position: absolute;display: block;content:'';width: 3px;height: 3px;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;background-color: #333;}
div.mypgInfo p {margin-top: 10px;color:#ff0000;}

div.mypage > p.note {padding-bottom: 10px;color: #cc1f4c;font-size: 15px;font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
div.mypage > table.tblDef td{padding:14px 9px 14px}

div.mypage table.tblDef {border-top: 2px solid #263b80;}
div.mypage table.tblDef th {background-color: #f4f5f9;}
div.mypage table.tblDef th.cus {padding: 5px 10px;line-height: 18px;}
div.mypage table.tblDef th, div.mypage table.tblDef td {border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
div.mypage table.tblDef th:first-child, div.mypage table.tblDef td:first-child {border-left: 0;	}
div.mypage table.tblDef .bdLeft {border-left: 1px solid #e7e7e7 !important;}

div.mypage .subTit {margin-top: 30px;font-size: 26px;}
div.mypage .fcRed {color: #eb1212 !important; font-family:'NotoSansKR Light', sans-serif;}

div.mypage div.examInfo {background-color: #f3f6ff; padding: 30px 0; color:#333; text-align: center; font-size:16px; line-height: 23px; font-family:'NotoSansKR Regular', sans-serif; }
div.mypage div.examInfo span {display: block; margin-bottom: 20px; color:#008acb;}

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


div.exam {margin-top: 40px; padding: 0 50px;}
div.exam dl {margin: 0; padding: 0;}
div.exam dt {margin-bottom: 10px;color: #000; font-family:'NotoSansKR Medium',sans-serif;font-size: 18px;}
div.exam dd {padding-left: 20px;}
div.exam dt:first-child + dd {padding-bottom: 40px;border-bottom: 1px solid #e3e3e3;}
div.exam dt + dd + dt {margin-top: 40px;}

div.exam dt.quizCon {position: relative;margin-top: 35px;padding:0 0 15px 30px;font-size:22px;}
div.exam dt.quizCon:first-child {margin-top: 0;}
div.exam dt.quizCon:before {position: absolute;left: 0;top: 0;width: 30px;content: attr(pub-num);font-size: 17px !important;font-family:'NotoSansKR Bold',sans-serif;}
div.exam dt.quizCon > * {font-family:'NotoSansKR Medium',sans-serif !important;font-size: 17px !important;}

span.inputC,
span.inputR {overflow: hidden;position: relative;display: inline-block;width: 24px;height: 24px;background-color: #cacaca;box-sizing:border-box;}
span.inputR {border-radius: 50%;}
span.inputC:before,
span.inputR:before {display: none;}

span.inputC.on,
span.inputR.on {border: 0 none;background-color: #1e55be;}

span.inputC.on:before,
span.inputR.on:before {display: block;position: absolute;left: 50%;top: 50%;width: 16px;height: 16px;margin: -8px 0 0 -8px;content: "";background: url('player/input_checked.png') center center no-repeat;}

span.inputC input,
span.inputR input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;margin: 0;}

ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option {padding:5px 0 0 0;}
ul.option > li:first-child {margin-top: 0;}
ul.option > li {position: relative;margin-top: 10px;}
ul.option > li .inputC {border-radius:50%;}
ul.option > li input {position: absolute;left: 0;top: 0px;margin: 0;width: 25px;height: 25px;cursor: pointer;}
ul.option > li label {margin-left: 5px; position: relative;display: inline-block; color:#333; cursor: pointer;vertical-align: top; font-size: 16px;line-height: 25px;font-family:'NotoSansKR Regular',sans-serif;}

div.exam ul.option li {position: relative;padding-left: 30px;}
div.exam ul.option span.inputC,
div.exam ul.option span.inputR {position: absolute;left: 0;top: 0;}
div.exam ul.option iframe {display: block;}

div.mypage div.exam div.btn {margin-top: 30px; text-align: center;}
div.mypage div.exam div.btn .btnSubmit {width: 250px; height: 70px; text-align: left; padding:0 0 0 110px; font-size:20px; line-height: 70px;color: #fff;border-color: #28498a; background: #28498a url('/asset/layout/exam_submit.png') no-repeat 80px center; box-sizing:border-box;}

div.mypage div.btn a.btnBooth {width: 255px; background-color: #304a9c; border-color: #304a9c; border-radius:26px; color:#fff; font-size:20px; font-family:'NotoSansKR Medium',sans-serif; text-align: center; padding: 0; line-height: 53px; box-sizing:border-box;}
div.mypage div.stampBg {margin-top: 30px; text-align: center; background-color: #f2f3f5; padding: 70px 20px;}
div.mypage div.stampBg ul.stamp {display: inline-block; margin: 0 auto;}

div#popupExam {width: 750px;height: 309px;padding: 30px 25px;}
div#popupExam h1 {padding-bottom: 15px;color: #28498a;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;font-size: 28px;border-bottom: 2px solid #28498a;}
div#popupExam div.popupCon {padding-top: 15px;}
div#popupExam p {margin-bottom: 10px;color: #333;font-size: 16px;font-family: 'NotoSansKR Regular', sans-serif;}
div#popupExam p.fcRed {color: #eb1212 !important;}
div#popupExam .check {margin-top: 30px;}
div#popupExam .check a {display: block;width: 276px;height: 55px;margin: 0 auto;line-height: 55px;color: #fff;background-color: #28498a;text-align: center;font-family: 'NotoSansKR Regular', sans-serif;}



div.faqNote dl, div.faqNote dt, div.faqNote dd, div.faqNote ul, div.faqNote li, div.faqNote p {margin: 0;padding: 0;list-style:none;}
div.faqNote {padding-bottom: 35px;text-align: center;color: #121212;font-size: 16px;line-height: 26px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.faqNote dt, div.faqNote dd, div.faqNote ul, div.faqNote li {display: inline-block;vertical-align: top;}
div.faqNote dt {font-family: 'NotoSansKR Medium', sans-serif;}
div.faqNote dd {color: #4b4b4b;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.faqNote li {position: relative;padding-left: 20px;}
div.faqNote li:before {position: absolute;left: 5px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #d0d0d0;}
div.faqNote li:first-child:before {display: none;}
div.faqNote a {text-decoration: none;color: #235db6;}


/* 팝업 > FAQ */
div#popupFaq {width: 720px;height: 70px;background-color: #fff;box-sizing:border-box;}

div#popupFaq h1 {height: 75px;line-height: 75px;text-align: center;color: #fff;font-size: 35px;font-family: 'Roboto-Bold', sans-serif;background-color: #28498a;}
div#popupFaq div.popupCon {padding: 0 40px;}
div#popupFaq div.faqNote {height: 33px;padding: 22px 0;}
div#popupFaq div.faqNote dt, div#popupFaq div.faqNote dd {line-height: 33px;}
div#popupFaq div.scrollArea {height: 430px;}
a.conLink {display: inline-block;border-bottom: 1px solid #1b61e2;color: #1b61e2;text-decoration: none;}

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

dl.faq dt a {position: relative;display: block;padding:17px 80px 17px 70px;text-decoration: none;font-size: 16px;line-height: 21px;color: #000;font-family: 'NotoSansKR Regular', sans-serif;font-weight:400;}
dl.faq dt span {position: absolute;left: 20px;top: 11px;width: 30px;height: 21px;padding: 5px 0 4px;border-radius:15px;text-align: center;font-family: 'Roboto-Medium', sans-serif;background-color: #212b75;color: #fff;font-size: 15px;}
dl.faq dt a:after {position: absolute;right: 30px;top: 50%;width: 20px;height: 10px;margin: -5px;content: "";background: url('layout/toggle.png') center center no-repeat;}
dl.faq dt.view {background-color: #f1f2f8;}
dl.faq dt.view a {color: #212b75;font-family: 'NotoSansKR Medium', sans-serif;font-weight: 500;}
dl.faq dt.view a:after {transform:rotate(180deg);}

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

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

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

div#popupFaq div.popupCon > p {margin: 0 0 20px;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
div#popupFaq div.scrollArea {}

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

div#popupFaq .scrollArea {overflow-x: hidden;overflow-y: auto;height: 405px;}
div#popupFaq .scrollArea::-webkit-scrollbar {width: 8px;height: 8px;background-color: #e8e8e8;}
div#popupFaq .scrollArea::-webkit-scrollbar-thumb {background-color: #c4c4c4;}
div#popupFaq .btn {padding-top: 20px;text-align: center;font-size: 0;line-height: 0;}
div#popupFaq .btn a {display: inline-block;width: 250px;height: 55px;padding: 13px 0 18px;background-color: #28498a;border-radius: 5px;text-align: center;vertical-align: top;line-height: 25px;color: #fff;font-size: 17px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}

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

dl.faq > dt {position: relative;}
dl.faq > dt:before {position: absolute;left: 20px;top: 14px;width: 35px;padding:5px 0;border-radius:50%;color: #fff;content: "Q";background-color: #263b80;font-size: 20px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;text-align: center;}

dl.faq dt a {position: relative;display: block;padding:19px 40px 20px 72px;text-decoration: none;font-size: 16px;line-height: 25px;color: #111;font-family: 'NotoSansKR Medium', sans-serif;}
dl.faq dt span {position: absolute;left: 10px;top: 10px;width: 25px;height: 14px;padding: 2px 0 5px;text-align: center;font-family: sans-serif;background-color: #212b75;color: #fff;font-size: 12px;line-height: 17px;}
dl.faq dt a:after {position: absolute;right: 25px;top: 50%;width: 17px;height: 10px;margin-top: -5px;content: "";background: url('layout/toggle.png') center center no-repeat;}
dl.faq dt span.awnser {position: absolute;left: 10px;top: 10px;width: 25px;height: 14px;padding: 2px 0 5px;text-align: center;font-family: sans-serif;background-color: #E91E63;color: #fff;font-size: 12px;line-height: 17px;}

dl.faq dt.view {background-color: #f1f2f8;}
dl.faq dt.view a {color: #212b75;font-family: 'NotoSansKR Medium', sans-serif;}
dl.faq dt.view a:after {transform:rotate(180deg);}

dl.faq > dd.toggleCon {display: none;position: relative;padding:15px 15px 15px 72px;border-top: 1px solid #ccc;background-color: #f7f7f7;color: #333;font-size: 15px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.faq > dd.toggleCon:before {position: absolute;left: 20px;top: 10px;width: 35px;height: 25px;padding:5px 0;border-radius:50%;color: #fff;content: "A";background-color: #647082;font-size: 20px;line-height: 25px;font-family: 'Roboto-Bold', sans-serif;text-align: center;}
dl.faq > dd.toggleCon img {display: block;margin: 15px auto 0;}
dl.faq > dd.toggleCon > * {margin-top: 20px;}
dl.faq > dd.toggleCon > *:first-child {margin-top: 0;}
dl.faq dd dt {padding-bottom: 10px;font-weight: bold;}
dl.faq ul.listBl li {color: #333;font-size: 15px;line-height: 24px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.faq ul.listBl li:before {background-color: #404752;}
dl.faq ul.listBl li.fcBule {color: #235db6; font-size: 13px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.faq table.tblDef {border-top-color: #000;}
dl.faq table.tblDef th, dl.faq table.tblDef td {padding: 5px;border-left: 1px solid #ccc;font-size: 14px;}
dl.faq table.tblDef th {background-color: #f9f9f9;border-left: 0 none;}

dl.faq div.btn a {margin-top: 5px;}
dl.faq .btnArea {text-align: center; font-size: 0;line-height: 0;}
dl.faq .btnArea::after {display: block;clear: both;content:'';font-size: 0;line-height: 0;height: 0;}
dl.faq .btnArea a {float: left;height: 45px;padding: 0 20px;margin-right: 5px !important;background-color: #28498a;border: 0 none;text-align: center;vertical-align: top;line-height: 45px;color: #fff;font-size: 16px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}
div#popupFaq div.popupWrap > .close {top: 24px;right: 20px;}
div#popupFaq div.popupWrap > .close img {height: 26px;}


div#popupNotice {border: 1px solid red;}