@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');


 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family: Calibri, Tahoma, 'Noto Sans KR', sans-serif;color:#3d3d3d;font-size: 15px;line-height:1.5;font-weight:normal;}

.notoR {font-family: 'Noto Sans KR', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}

.essen.red {background-image:url('/image/common/bl_essen_r.png');}
.fcOrange {color:#f2580c !important;}
.fcPoint {color:#860021 !important;}

input[type=text],
input[type=password],
input[type=file] {height:23px;padding:2px 10px}

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



input[type=text],
input[type=password],
input[type=file],
select,
textarea {border: 1px solid #d7d7d7;}

select {height: 30px;}

input[type=text],
input[type=password],
input[type=file] {height:17px;padding:2px 10px;}

input[type=radio],
input[type=checkbox] {vertical-align: middle; margin:0px 5px 0 7px;}

.btnArea {padding-top: 40px;text-align: center;}

.btn a,
.btn input,
.btn button,
.btnArea a,
.btnArea input,
.btnArea button {display:inline-block;text-decoration:none;cursor:pointer;height:19px;padding:0 16px 2px;font-size:14px;line-height: 20px;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;}


input[type=image]{height:auto; border:0px;}

.btn a,
.btnArea a {height:19px;line-height:19px !important;padding:7px 16px 7px;}
.r5 {border-radius:5px;}

/* 적갈색 */			.btnDef {background-color:#860021;border-color:#860021;color:#fff !important;}
/* 남색 */				.btnPoint {background-color:#383d5b;border-color:#383d5b;color:#fff !important;}
/* 흰색 */				.btnWhite {background-color:#fff;border-color:#bdbdbd;color:#242424 !important;}
/* 연회색 */			.btnGrey {background-color:#999;border-color:#999;color:#fff !important;}
/* 보라색 */			.btnPurple {background-color:#420061;border-color:#420061;color:#fff !important;}

/* border+적갈색 */		.btnBdDef {background-color:#fff;border-color:#860021;color:#860021 !important;}
/* border+남색 */		.btnBdPoint {background-color:#fff;border-color:#383d5b;color:#383d5b !important;}
/* border+회색 */			.btnBdGrey {background-color:#fff;border-color:#999;color:#999 !important;}

a.btnReset,
.btnReset input,
.btnReset button {height: auto;border: 0 none;padding: 0;}

.btn .btnBig,
.btnArea .btnBig {height: auto;padding:14px 25px 12px;line-height: 18px;}


span.btn {display: inline-block;vertical-align: middle;}

.btn .btnSmall,
.btnArea .btnSmall {height: 23px;padding: 0px 10px 1px;line-height: 18px;}

.btn a.btnSmall,
.btnArea a.btnSmall {height: 18px;padding:2px 5px 2px;}

.btn a.btnMiddle,
.btnArea a.btnMiddle {height: 18px;padding:4px 30px 4px;}

.btn a img {padding-right: 5px;}


div.wrapper {font-family: Calibri, Tahoma, 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 300;}

.ffNanum {font-family: 'Nanum Gothic', sans-serif;}
.lang-ko {font-family: 'Noto Sans KR', sans-serif;font-size: 0.9em;}



/* 레이아웃 */
div.wrapper {min-width:1200px;background: url('/image/common/bg.png') 0 0 repeat-x;font-size:17px;}
div#headerWrap {overflow: hidden;z-index: 100;position: absolute;left: 0;top: 0;width: 100%;height: 120px;background:#2d3852;}
div#headerWrap > div {position: relative;width: 1200px;height: 70px;padding-top: 50px;margin: 0 auto}
div#headerWrap h1 {display: none;}

ul.gnbUtil {position: absolute;right:0;top: 13px;}
ul.gnbUtil li {position: relative;float: left;margin: 0;padding: 0 10px;list-style:none;}
ul.gnbUtil li:before {position: absolute;left: 0;top: 2px;content: "|";color: #fff;font-size: 12px;}
ul.gnbUtil li:first-child:before {content: "";}
ul.gnbUtil a {font-size: 14px;color: #fff;text-decoration: none;}

dl.conferenceInfo {height: 400px;margin: 0;padding: 0;text-indent: -10000px;background: url('/image/common/topVisual_bg.png') center bottom no-repeat;}
dl.conferenceInfo dt, dl.conferenceInfo br {display: none;}
dl.conferenceInfo dd {height: 400px;}

ul#gnb, ul#gnb ul, ul#gnb li {margin: 0;padding: 0;list-style:none;}
ul#gnb {position: relative;z-index: 50;height: 70px;}
ul#gnb a {display: block;color: #bec0c6;font-size: 18px;line-height: 18px;letter-spacing:-1px;text-decoration: none;text-align: center;}

ul#gnb > li {position: relative;float: left;width: 200px;}
ul#gnb > li:first-child {}
ul#gnb > li > a {padding: 22px 0;font-size: 21px;line-height: 26px;font-weight: 500;letter-spacing:-1px;color: #fff;}
ul#gnb > li:first-child > a {padding: 22px 0;}
ul#gnb ul {position: absolute;left: 0;top: 70px;width: 100%;padding: 3px 0 40px;}
ul#gnb ul li {padding: 15px 10px 0;}

ul#gnb ul a:hover,
ul#gnb ul a:focus {text-decoration: underline;}

ul#gnb > li.on  a {color: #fff;}
ul#gnb > li.on ul {padding-top: 0;border-top: 3px solid #5e8eff;background-color: #4e6393;}

div#headerWrap:after {position: absolute;left: 0;top: 120px;width: 100%;height: 1px;padding: 0;background-color: #5b6478;content: " ";}

div.titArea {z-index: 50;position: relative;height: 50px;margin-bottom: 102px;background-color: #4f3d7b;}
div.titArea h2.pageTit {position: absolute;left: 50%;top: 50px;width: 1200px;height: 100px;margin: 0 0 0 -600px;border-bottom: 3px solid #eee;}
div.titArea h2.pageTit > span {display: inline-block;padding: 33px 0 15px;color: #182e58;border-bottom: 3px solid #654d9d;font-weight: 300;font-size: 35px;}
div.titArea h2.pageTit > span span {font-size: 0.8em;}

div.lnbWrap {z-index: 50;position: relative;width: 1200px;height: 50px;margin: 0 auto;}
div.lnbWrap * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnbWrap > * {float: left;}
div.lnbWrap a {display: block;color: #fff;font-weight: 300;}
div.lnbWrap > p {width: 50px;height: 50px;}
div.lnbWrap > p a {width: 100%;height: 100%;text-indent: -10000px;background:#654d9d url('/image/common/lnb_home.png') center center no-repeat;}

div.lnbWrap dl {height: 50px;}
div.lnbWrap dt {border-right: 1px solid rgba(255,255,255,.2);}
div.lnbWrap dt a {position: relative;min-width:170px;height: 30px;padding: 10px 30px 10px 10px;font-size: 20px;}
div.lnbWrap dt a:after {position: absolute;right: 10px;top: 50%;width: 15px;height: 7px;margin-top: -4px;background: url('/image/common/lnbBl.png') 0 0 no-repeat;content: " ";}
div.lnbWrap dt.view a:after {transform:rotate(180deg);}

div.lnbWrap dd {padding: 5px 10px 20px;background-color: #4f3d7b;}
div.lnbWrap dd li {padding-top: 5px;}
div.lnbWrap dd a {padding: 0 10px;font-size: 18px;}
div.lnbWrap dd a:hover,
div.lnbWrap dd a:focus {text-decoration: underline;}

div.contents {width: 1200px;padding: 30px 0 100px;margin: 0 auto;}
div.contents:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.contents.wide{width: 1400px;}

.ing {padding: 50px 0;text-align: center;}

div#footerWrap {padding: 0 0 20px;background-color: #777;font-size: 16px;}
div#footerWrap, div#footerWrap a {color: #fff;text-decoration: none;}
div#footerWrap dl {width: 1200px;margin: 0 auto;}
div#footerWrap dt {padding-top: 20px;font-weight: bold;font-size: 18px;}
div#footerWrap dd {}
div#footerWrap dd strong {color: #fff;}
div#footerWrap dd ul {overflow: hidden;}
div#footerWrap dd li {float: left;padding-left: 20px;}
div#footerWrap dd li:first-child {padding-left: 0;}

div#footerWrap dl.kor {padding-top: 20px;font-family: 'Noto Sans KR', sans-serif;}
div#footerWrap dl.kor dt {font-size: 14px;}
div#footerWrap dl.kor li {float: none;padding-left: 0;color: #ffffff;font-size: 14px;}
div#footerWrap dl.kor li.fl {padding-right: 20px;}

div#container {position: relative;}


ul#quickMenu {z-index: 80;position: absolute;left: 50%;top: -170px;width: 140px;margin: 0 0 0 633px;padding: 74px 0 0;background: url('/image/common/quickBg.png') center top no-repeat;}
ul#quickMenu li {padding: 0;margin: 10px 0 0;list-style:none}
ul#quickMenu a, ul#quickMenu img, ul#quickMenu span {display: block;text-decoration: none;text-align: center;}
ul#quickMenu a {color: #525fa2;font-size: 15px;line-height: 1.2em;}
ul#quickMenu img {margin: 0 auto 5px;}
ul#quickMenu li.dDay {width: 140px;height: 58px;padding: 38px 0 44px;background: url('/image/common/quickBg_dDay.png') 0 0 no-repeat;color: #fff;font-weight: bold;font-size: 34px;text-align: center;line-height: 1.2;}
ul#quickMenu li.dDay span {font-weight: 300;font-size: 15px;}


/* 메인 */
div.mainWrap {}
div.mainWrap dl.conferenceInfo,
div.mainWrap dl.conferenceInfo > dd {height: 0;}

div.mainWrap ul#quickMenu {top: 230px;}
div.mainWrap ul#quickMenu li.tm30 {display: none;}

div.mainWrap div#footerWrap {background-color: #384154;}


div#container.main {padding-top: 468px;border-bottom: 1px solid #d2d2d2;background: #fff url('/image/main/bg.png') center 120px no-repeat;}
div.main div.contents {z-index: 100;position: relative;width: 1200px;margin: 0 auto;padding: 0;}
div.main div.contents:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

div.main div.contents > * {margin-bottom: 20px;}

dl.mainImpoDates, dl.mainInvited {float: left;}
dl.mainBbs, div.vodArea {float: right;}

dl.mainImpoDates {width: 610px;height: 258px;color: #fff;}
dl.mainImpoDates > dt {padding-bottom: 3px;font-weight: bold;font-size: 30px;text-shadow:0 0 10px rgba(0,0,0,.5);}
dl.mainImpoDates ul {overflow: hidden;}
dl.mainImpoDates li {float: left;position: relative;width: 154px;height: 175px;padding: 35px 25px 0;background-position: 0 0;background-repeat: no-repeat;font-size: 20px;}
dl.mainImpoDates li:first-child {width: 152px;}
dl.mainImpoDates span {position: absolute;left: 0;bottom: 20px;display: block;width: 100%;text-align: center;font-size: 25px;font-weight: bold;}

dl.mainBbs {position: relative;width: 490px;height: 179px;padding: 15px 40px 65px;background-color: rgba(255,255,255,.8);}
dl.mainBbs > dt {padding-bottom: 10px;font-weight: bold;font-size: 30px;color: #231815;}
dl.mainBbs a {text-decoration: none;}

ul.bbsList {margin: 0;padding: 0;}
ul.bbsList > li {position: relative;margin: 0;padding-right: 120px;list-style:none;}
ul.bbsList a {position:relative;overflow:hidden;display: inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color: #503e4a;}
ul.bbsList span {position: absolute;right: 0;top: 0;color: #503e4a;}


dd.quickMenu {position: absolute;left: 0;bottom: 0;width: 568px;height: 63px;padding: 1px;background: linear-gradient( to top, #505fa3, #d3206f );content: " ";}
dd.quickMenu ul {background-color: #fff;text-align: center;}
dd.quickMenu li {display: inline-block;padding-left:20px;vertical-align: top;}
dd.quickMenu li:first-child {padding-left: 0;}
dd.quickMenu a {display: block;padding: 11px 0;color: #503e4a;text-align: center;}
dd.quickMenu img {display: inline-block;padding-right: 5px;vertical-align:middle;}


dl.mainInvited {clear: both;width: 520px;padding: 30px 44px;border: 1px solid #d2d2d2;background-color: #fff;}
dl.mainInvited > dt {padding-bottom: 18px;font-weight: bold;font-size: 30px;color: #312f77;}
dl.mainInvited ul {overflow: hidden;}
dl.mainInvited li {float: left;padding-left: 42px;}
dl.mainInvited li:first-child {padding-left: 0;}
dl.mainInvited img {display: block;}

dl.sponsorZone, dl.sponsorZone * {margin: 0;padding: 0;list-style:none;}
dl.sponsorZone {position: relative;width: 1040px;padding-left: 160px;margin: 20px auto;}
dl.sponsorZone dt {position: absolute;left: 0;top: 50%;color: #484848;font-weight: bold;font-size: 18px;margin-top: -14px;}
dl.sponsorZone > dd > ul {overflow: hidden;}
dl.sponsorZone > dd > ul li {float: left;margin-left: 10px;}
dl.sponsorZone > dd > ul li:first-child {margin-left: 0;}
dl.sponsorZone a {display: block;}


p#goTop {position: absolute;left: 50%;top: 150px;width: 27px;margin-left: 650px;}
p#goTop a {display: block;}


/* 팝업 */
div.popupWrap {position: relative;margin: 0 auto;}
div.popupWrap h1 {padding:20px 0; background-color:#374981; font-size:22px; font-weight:bold; line-height:26px; color:#fff; text-align:center;}
div.popupWrap div.popupCon {padding:30px 28px 40px 28px; line-height:22px; color:#000;}
div.popupWrap p.close a {position:absolute; right:30px; top:20px; width:28px; height:28px; background:url('/image/popup/popup_btnClose.png') no-repeat 0 0; font-size:0; line-height:0;}


/* 팝업 > Abstract Review */
div#popupAbsReview {width: 900px;}

div#popupAbsReview div.formArea {padding-top: 30px;}

p#goTop {position: absolute;left: 50%;top: 150px;width: 27px;margin-left: 650px;}
p#goTop a {display: block;}