@charset "utf-8"; @import url('fontawesome.css'); @import url('Lato.css'); @import url('Lato.css'); @import url('NanumSquare.css'); @import url('NotoSansKR.css'); @import url('common_v3.css'); * {-webkit-text-size-adjust: 100%;} /* 사이트 공통 CSS */ /* default font-family */ body, div.wrapper, div.popupWrap, input[type='text'], input[type='password'], input[type='file'], input[type='submit'], input[type='button'], input[type='reset'], select, a, textarea, button {word-break:normal; font-family: 'Lato-Regular', 'NotoSansKR Regular', sans-serif; font-weight: normal;} html, body {width: 100%;margin: 0;padding: 0;} dl#skipNavi, dl#skipNavi dt, dl#skipNavi dd, dl#skipNavi a {margin: 0;padding: 0;text-decoration: none;} dl#skipNavi {visibility: hidden;height: 0;line-height: 0;font-size: 0;text-indent: -10000px;} .fcPoint {color: #ca1370 !important;} .fcRed {color: #d52121 !important;} img {display: inline-block;vertical-align: top;} .btn a, .btn input, .btn button {display:inline-block;text-decoration:none;cursor:pointer;height:33px;padding:1px 10px 0;border-radius:2px;font-size:14px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;text-align: center;} .btn a {height:auto;line-height:19px;padding:7px 10px 8px;} .btn a.twoLine {} .btn a:before {display: inline-block;padding-right: 10px;} .btn i {padding:2px 10px 0 0;vertical-align: top;} .btn .btnIcon i {padding-right: 0;} /* 주황색 */ .btnDef {background-color:#ec6e30 !important;border-color:#ec6e30 !important;color:#fff !important;} /* 파란계열 */ .btnPoint {background-color:#64788a !important;border-color:#64788a !important;color:#fff !important;} /* 회색 */ .btnGrey {background-color:#535353 !important;border-color:#535353 !important;color:#fff !important;} /* 진파랑색 */ .btnBlue2 {background-color:#2f4b85 !important;border-color:#2f4b85 !important;color:#fff !important;} /* 진노랑색 */ .btnyellow {background-color:#f5d049 !important;border-color:#f5d049 !important;color:#050725 !important;} /* 2023 색상 */ .btn2023 {background-color:#f3ca25 !important;border-color:#f3ca25 !important;color:#050725 !important;} /* 2023 색상 */ .btn2023_2 {background-color:#626a93 !important;border-color:#626a93 !important;color:#fff !important;} /* border+ 주황색 */ .btnBdDef {background-color:#fff !important;border-color:#ec6e30 !important;color:#ec6e30 !important;} /* border+ 파란계열 */ .btnBdPoint {background-color:#fff !important;border-color:#64788a !important;color:#64788a !important;} /* border+ 회색 */ .btnBdGrey {background-color:#fff;border-color:#535353;color:#535353;} span.btn {display: inline-block;vertical-align: top;} .btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;vertical-align:top;} .btn a.btnSmall {height:auto;padding: 5px 16px;line-height: 14px;} .btn .btnBig {min-width:150px;font-size: 20px;height: 60px;padding:2px 20px 0;border-radius:4px;box-sizing:border-box;font-family: 'Lato-Medium', sans-serif;} .btn a.btnBig {padding: 19px 40px 20px;} table.inputTbl .btnSmall {height:30px;padding:0 10px;} table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:8px 10px 9px;} .btnIcon {position: relative;text-align: center;} .btnIcon i {font-size: 20px;line-height: 20px;} .btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;} .btn a img {position: relative;vertical-align: top;} .btnArea {padding: 50px 0 0;text-align: center;} .btnArea * {margin-left: 12px;} .btnArea *:first-child {margin-left: 0;} div.wrapper {position: relative;width: 100%;min-width:1200px;margin: 0;padding: 0; font-size: 15px; font-family: 'Lato-Regular', 'NotoSansKR Regular', sans-serif; font-weight: normal;} div.wrapper:before {position: absolute;left: 0;top: 108px;width: 100%;height: 70px;content: "";background-color: #253860;} div#headerWrap {position:absolute; z-index:100; width: 100%;background-color: #fff;} div#headerWrap a, div#headerWrap img {display:block;text-decoration:none;} div#headerWrap h1 {margin:0; text-align: center; padding: 20px 0;} div#headerWrap h1 a {display:block;} div#headerWrap h1 a img {display:inline-block;} ul.gnbUtil, ul.gnbUtil li, ul.gnbUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;} ul.gnbUtil {position:absolute;left:50%; top:0; text-align: right; font-size: 0; line-height: 0; margin-left: 420px; padding: 37px 0 38px;} ul.gnbUtil li {position: relative;display: inline-block;vertical-align: top;padding-left: 45px;} ul.gnbUtil li:before {position: absolute;left: 20px;top: 50%;width: 1px;height: 12px;transform: translateY(-50%);content: "";background-color: #002652;} ul.gnbUtil li:first-child {padding-left: 0;} ul.gnbUtil li:first-child:before {display: none;} ul.gnbUtil a {display: block;color: #222;font-size: 14px;line-height: 20px; font-family: 'Lato-Regular',sans-serif;letter-spacing: -0.5px;} ul#gnb, ul#gnb ul, ul#gnb li {margin: 0;padding: 0;list-style:none;} div.gnbWrap {background-color: #1d2a4a;} ul#gnb {z-index: 40;position: relative; text-align: center;font-size: 0;line-height: 0; width: 1200px; margin: 0 auto; font-size: 0;} ul#gnb > li {position: relative;display: inline-block;vertical-align: top;padding:0 40px;} ul#gnb > li > a {display: block;padding: 24px 0;font-size: 18px;line-height: 22px;font-family: 'Lato-Bold', sans-serif; color: #fff;letter-spacing:-1px;} ul#gnb ul {position: absolute;left: 0;top: 70px;width: 100%;padding: 10px 10px 25px;box-sizing:border-box;} ul#gnb ul li {padding-top: 15px;} ul#gnb ul a {font-family: 'Lato-Medium', sans-serif;color: #adbecc;font-size: 16px;line-height: 22px;} ul#gnb ul a:hover, ul#gnb ul a:focus {color: #fff;font-family: 'Lato-Medium', sans-serif;} div.gnbBg {display: none;z-index: 99;position: absolute;left: 0;top: 165px;width: 100%;height: 200px;background-color: rgba(28,30,59,.90);} div#footerWrap {background-color: #303439;color: #fff;font-size: 14px;font-family: 'Lato-Regular', sans-serif;} div#footerWrap > div {width: 1030px;margin: 0 auto;padding: 25px 0 25px 170px; background: url(/image/common/footerLogo_1.png) no-repeat left center, url(/image/common/footerLogo_2.png) no-repeat 80px center;} div#footerWrap > div:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";} div#footerWrap a {text-decoration: none;color: #fff;} div#footerWrap dl {float: left;} div#footerWrap dl {padding-left: 50px;} div#footerWrap ul.relSite + dl {padding-left: 30px;} div#footerWrap dt {padding-bottom: 5px;font-family: 'Lato-Bold', sans-serif;font-weight: bold; color: #fff;} div#footerWrap dd {font-family: 'Lato-Light', sans-serif;} div#footerWrap > p {margin: 0;background-color: #1d1e20;color: #fff;font-size: 14px;line-height: 50px;text-align: center;} div#container {position: relative; z-index: 98;} div.titArea {z-index: 10;position: relative; padding-top: 400px;background: url('/image/common/topVisual.png') center top no-repeat;} div.titArea h2.pageTit {position: relative;width: 1200px;margin: 40px auto 40px; color: #000;font-size: 36px;line-height: 42px;font-family: 'Lato-Medium', sans-serif;letter-spacing: -1px;} div.lnbWrap br {display:none;} div.lnbWrap * {margin: 0;padding: 0;list-style:none;text-decoration: none;} div.lnbWrap {position: relative;z-index: 20; width: 100%; height:60px;} div.lnbWrap > div {width:1200px;height:60px;margin:0 auto; background-color: #50529b;} div.lnbWrap a {display:block;color:#172336;text-decoration:none;} div.lnbWrap p.home, div.lnbWrap p.depth2, div.lnbWrap dl {float:left;} div.lnbWrap p.home a {display:block;width:60px;height: 60px;text-indent: -10000px;background: url('/image/common/lnb_home.png') center center no-repeat;} div.lnbWrap dl {height:48px;} div.lnbWrap p.depth2, div.lnbWrap dt a {position:relative;font-size:16px;line-height: 20px;padding:20px 80px 20px 20px;border-right:1px solid #c2c5d6;color: #fff;font-family: 'Lato Regular', sans-serif;} div.lnbWrap dt a:after {position:absolute;right:20px;top:50%;width: 10px;height: 6px;margin-top:-3px;content: "";background: url('/image/common/lnb_bl.png') center center no-repeat;} div.lnbWrap dt.view a:after {transform:rotate(180deg);} div.lnbWrap dd {display: none;padding: 5px 0 10px;border:1px solid #e1e2e5;background-color:#fff;} div.lnbWrap dd ul {} div.lnbWrap dd li {padding-top:5px;} div.lnbWrap dd li:first-child {} div.lnbWrap dd a {display: block;padding:3px 20px;color:#6b6b6b;} div.lnbWrap dd a:hover, div.lnbWrap dd a:focus {text-decoration: underline;} div.lnbWrap p.home + dl a {text-transform: uppercase;} div.contents {position: relative; width: 1200px;margin: 0 auto;padding: 0 0 100px;text-align: justify; font-size: 16px; color: #222;font-family: 'Lato-Regular', 'NotoSansKR Regular', sans-serif; font-weight: normal;} .subTit {position: relative;padding-top: 15px;margin:50px 0 10px;color: #000;font-size: 36px;line-height: 42px;font-family: 'Lato-Medium', sans-serif;font-weight: 700;} .subTit:before {position: absolute;left: 0;top: 0;width: 34px;height: 5px;content: "";background-color: #000;} .subTit:first-child {margin-bottom: 40px;} .subTit_bl {margin: 50px 0 10px;padding: 0 0 0 30px;background: url('/image/common/subTit_bl.png') 0 9px no-repeat;color: #2c245b;font-weight: bold;font-size: 26px;line-height: 30px;} .subTit_bl_2 {margin: 50px 0 15px;padding-left: 20px;background: url('/image/common/subTit_bl_2.png') left center no-repeat;color: #2c245b;font-size: 22px;font-family: 'Lato-Medium', sans-serif;} .pointTit {margin: 50px 0 15px;padding: 0;color: #13298f;font-family: 'Lato-Medium', sans-serif;font-weight: normal;font-size: 22px;} .boldTit {margin: 30px 0 5px;padding: 0;color: #374981;font-family: 'Lato-Medium', sans-serif;font-weight: normal;} .boldTit_2 {margin: 30px 0 5px;padding: 0;color: #2f3a6b;font-family: 'Lato-Bold', sans-serif;font-size: 18px;} .subTit:first-child, .subTit_bl:first-child, .pointTit:first-child, .boldTit_2:first-child, .subTit_bl + *, .pointTit + *, legend + * {margin-top: 0 !important;} ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;} ul.subMenu {font-size: 0;line-height: 0;text-align: center;} ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";} ul.subMenu > li {display: inline-block;vertical-align: top;width: 250px;} ul.subMenu li a {display:table-cell;width:250px;height: 54px;padding: 0 15px;vertical-align: middle;border: 1px solid #ccc;border-left: 0 none;color: #444;font-size: 17px;line-height: 20px;font-family: 'Lato-Regular', sans-serif;text-decoration:none;} ul.subMenu li:first-child a {border-left: 1px solid #ccc;} ul.subMenu li.on a {background-color: #1a2f61;border-color: #1a2f61; color: #fff;font-family: 'Lato-Medium', sans-serif;} .subTit + ul.subMenu {margin-top: 50px;} ul.conMenu {font-size: 0;} ul.conMenu li {list-style:none; display:inline-block; margin-left: 20px;} ul.conMenu li:first-child {margin-left: 0;} ul.conMenu li a {display:block; font-size: 16px; text-decoration: none; color: #c33d79; background-color: #f9ebf1; font-family: 'Lato-Medium', sans-serif; font-weight: 400; padding: 10px 0; width: 135px; text-align: center; border: 1px solid #c33d79; border-radius: 5px;} ul.conMenu li.on a {color: #fff; background-color: #c33d79;} ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;} ul.tabMenu {} ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";} ul.tabMenu > li {float: left;} ul.tabMenu li a {display:block;padding: 15px;border: 1px solid #ccc;border-left: 0 none;color: #444;font-size: 17px;line-height: 24px;font-family: 'Lato-Medium', sans-serif;text-decoration:none;text-align: center;} ul.tabMenu li:first-child a {border-left: 1px solid #ccc;} ul.tabMenu li.on a {background-color: #385275;border-color: #385275;color: #fff;} ul.col4ea > li {width: 25%;} ul.col4ea > li a {border-top: 0 none;} ul.col4ea > li:nth-child(-n+4) a {border-top: 1px solid #ccc;} ul.col4ea > li:nth-child(4n+1) {clear: both;} ul.col4ea > li:nth-child(4n+1) a {border-left: 1px solid #ccc;} ul.col5ea > li {width: 20%;} ul.col5ea > li a {border-top: 0 none;} ul.col5ea > li:nth-child(-n+5) a {border-top: 1px solid #ccc;} ul.col5ea > li:nth-child(5n+1) {clear: both;} ul.col5ea > li:nth-child(5n+1) a {border-left: 1px solid #ccc;} ul.col6ea > li {width: 16.7%;} ul.col6ea > li a {border-top: 0 none;} ul.col6ea > li:nth-child(-n+6) a {border-top: 1px solid #ccc;} ul.col6ea > li:nth-child(6n+1) {clear: both;width: 16.5%;} ul.col6ea > li:nth-child(6n+1) a {border-left: 1px solid #ccc;} div.tabCon {padding:50px 0;} div.ing {padding: 100px 0;} div.ing img {display: block;margin: 0 auto;} div.contents > p {margin: 20px 0 0;} ul.listNum, ul.listNum > li, ul.listBar, ul.listBar > li, ul.listDot, ul.listDot > li, .blDot, ul.listStar, ul.listStar > li, .blStar {margin: 0;padding: 0;list-style:none;} ul.listBar > li, ul.listDot > li, .blDot, ul.listStar > li, .blStar {position: relative;padding-left: 1em;text-indent: 0 !important;} ul.listBar > li:before, ul.listDot > li:before, .blDot:before, ul.listStar > li:before, .blStar :before {position: absolute;left: 0;top: 0;} ul.listBar > li:before {content: "-";} ul.listDot > li:before, .blDot:before {content: "·";font-size: 2em;} ul.listStar > li:before, .blStar :before {padding-top: 2px;content: "*";} ul.listNum > li {margin-left: 25px;list-style:decimal;} .lh20 {line-height: 20px !important;} .bgArea {background-color: #f9edf0;} .bgArea th {background: #f2f2f2 !important;} .bgArea td {background-color: #fff;} /* ========================================================================================================== */ /* ================================================ 게시판 공통 CSS ============================================== */ /* ========================================================================================================== */ ul.bbsNote {padding: 23px 30px 25px;border:1px solid #ddd;font-size:13px;line-height:25px;word-spacing:-1px;} p.bbsBrief {overflow: hidden;padding: 30px 0 10px;} table.bbs {border-top:2px solid #2b63b8;} .subTit + table.bbs {margin-top: 50px;} table.bbs > * > tr > * {border: 0 none;padding:6px 0 7px;text-align:center !important;font-family: 'Lato-Medium', sans-serif;} table.bbs > * > tr > *:first-child {border-left: 0 none;} table.bbs > * > tr > th {height: 35px;background-color:#f9fbff;line-height:20px;color: #0b316f;} table.bbs > thead > tr > th {border-bottom-color: #2b63b8;} table.bbs > thead > tr > th:first-child {background-image: none;} table.bbs > tbody > tr > .bg {padding-bottom:10px;background-color:#f9fbff;color:#0b316f;text-align:center;} table.bbs > tbody > tr > td a {display:inline-block;line-height:24px;height:24px;} table.bbs > tbody > tr > td.tit {padding-left: 10px;text-align:left !important;} table.bbs > tbody > tr > td.tit a {display:inline-block;width:300px;overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-decoration: none;color:#393939;padding-right: 80px;} table.bbs > tbody > tr > td.tit a > span {display: inline;} table.bbs > tbody > tr > td.tit img.notice {vertical-align:top;padding:4px 5px 0 0;} table.bbs td.tit a.new {padding-right:25px;} table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-6px;} table.bbs td.tit a.reply span.reply {display: inline-block;position: absolute;right: 25px;top: 50%;margin-top: -12px;} table.bbs td.file, table.bbs td.con {text-align:left;} table.bbs td.con {padding: 15px;} table.bbs td.file a {text-decoration: none;color: inherit;} table.bbs td.file a img {vertical-align: middle;margin-top: -2px;} table.bbs td input[type=radio], table.bbs td input[type=checkbox] {margin-left:15px;} table.bbs td input[type=radio]:first-child, table.bbs td input[type=checkbox]:first-child {margin-left:0;} table.bbs td.pluginArea {padding:0 !important;} table.bbs span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;} table.bbs td.utilBtn span, table.bbs td.utilBtn a {vertical-align: top;} /* 게시판 하단버튼 영역 */ ul.pager {margin: 0;padding:30px 0;text-align:center;} ul.pager li {display:inline;vertical-align: top;margin: 0;list-style:none;} ul.pager li {margin-left:2px;} ul.pager li:first-child {margin-left:0;} ul.pager img {display:inline;width: 100%;vertical-align: top;} ul.pager a {display: inline-block;width: auto;border:0 none;padding: 3px 5px 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #303030;} ul.pager .first a, ul.pager .prev a, ul.pager .next a, ul.pager .last a {display:inline-block;width: 28px;padding:0;} ul.pager a.btnDef, ul.pager a.on {background-color: #868686;font-weight:bold;color: #fff;text-align: center;} ul.pager a img {vertical-align: top;} ul.pager.btnSmall {padding:8px 0 3px;} ul.pager.btnSmall a {width:auto;padding:1px 5px 3px;} ul.pager.btnSmall .first a, ul.pager.btnSmall .prev a, ul.pager.btnSmall .next a, ul.pager.btnSmall .last a {padding:3px 5px 1px;} /* 게시판 검색 */ div.bbsSearch {padding:16px 0;background-color:#f4f4f4;text-align:center;} div.bbsSearch input, div.bbsSearch select {height: 30px;vertical-align:top;padding: 0;} div.bbsSearch input[type=text] {width:220px;height: 28px;padding: 0 15px;} div.bbsSearch input[type=submit] {padding: 0 15px;border: 0 none;font-size: 13px;line-height: 20px;vertical-align:top;color: #fff;background-color: #222;} div.bbsSearch + div.btnArea, table.bbs + div.btnArea {padding: 30px 0;text-align: right;} div.bbsSearch + div.btnArea *, table.bbs + div.btnArea * {min-width:90px;height:30px;font-size:15px;font-weight:bold;} div.bbsSearch + div.btnArea a, table.bbs + div.btnArea a {height:30px;line-height:28px;} /* 테이블 디자인 */ table.tblDef {border-top:2px solid #2c5375;} table.tblDef > * > tr > *, table.innerTbl > * > tr > * {padding:7px 0; text-align:center;color: #000; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;} table.tblDef > * > tr:first-child > *, table.innerTbl > * > tr:first-child > * {border-top: 0 none;} table.tblDef > * > tr > *:first-child, table.innerTbl > * > tr > *:first-child {border-left: 0 none;} table.border > * > tr > * {border-left: 1px solid #ccc;} table.border > * > tr > *:first-child {border-left: 0 none;} table.tblDef > * > tr > th, table.innerTbl > * > tr > th, table.tblDef .bg {background-color: #f9f9f9;color: #222; font-weight: bold;} table.tblDef > * > tr > th {font-family: 'Lato-Medium', sans-serif;} table.tblDef .al {padding-left: 10px;text-align: left !important;} table .bdLeft {border-left:1px solid #ccc !important;} table.tblDef td.noData {padding: 40px 0;text-align: center;color: #ca3f3f;} table.inputTbl {border-top:2px solid #493eb1;} table.inputTbl > * > tr > th, table.inputTbl > * > tr > td {border-left:1px solid #dad8e3;padding:10px;text-align:left;color:#535353;} table.inputTbl > * > tr > th {border-bottom:1px solid #dad8e3;background-color:#f8f8f8;color:#5a5271;} table.inputTbl > * > tr > td {border-bottom:1px solid #dad8e3;} table.inputTbl tr > *:first-child {border-left: 0 none;} table.inputTbl label, table.inputTbl span {line-height: 32px;} table.inputTbl ul li {list-style:none;} table.ac th, table.ac td {text-align: center !important;} table.al th {padding-left: 20px;text-align: left !important;} table.listTbl th, table.listTbl td {padding: 5px;text-align: center;font-size: 12px;} table.tblDef > * > tr > td {padding: 7px;text-align: left;} table.inputTbl > * > tr > * {border-left: 0 none;} table.inputTbl > * > tr > th {padding-left: 20px;text-align: left;} table.inputTbl .label, table.inputTbl > * > tr > th label {padding-left: 0;} table.inputTbl .multi > *, table.inputTbl .email > *, table.inputTbl .phone > * {} table.inputTbl td input[type=text], table.inputTbl td input[type=password] {width: 400px;padding: 4px 10px;} table.inputTbl td.padding0 {border-left: 0 none;} table.inputTbl td.email input[type="text"]:first-child {width: 210px;} table.inputTbl td.email span.clear, table.inputTbl .note {color: #e91e5c;line-height: 36px;vertical-align: top;} table.inputTbl td.phone {overflow: hidden;} table.inputTbl td.phone > * {float: left;} table.inputTbl td.phone label {width: 142px;text-align: center;} table.inputTbl td.phone input[type=text] {width: 120px;} table.inputTbl td.address input[type=text] {width: 447px;} table.inputTbl .period input[type=text] {width: 100px;} table.inputTbl .btn .btnSmall i {padding: 3px 0 0;} div.bbsWrite {padding-top: 50px;} div.bbsWrite div.btnArea {padding: 30px 0 100px;} /* 게시판 글쓰기 */ td.pluginArea {padding:0 !important;} div.pluginArea {margin-top:20px;} ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;} ul.popSize li {margin-top:5px;} ul.popSize li:first-child {margin-top:0;} ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;} table.inputTbl td.date{position:relative;} table.inputTbl .date input[type=text] {width: 120px !important;} table.inputTbl .date input[type=image] {} /* 파일 찾기 */ div.selectFile {overflow:hidden;} div.selectFile p {float:left;margin-left: 5px;} div.selectFile p:first-child {margin-left: 0;} div.selectFile p input[type=text] {height: 23px;padding:2px 10px 3px;} div.selectFile p.find {width:66px;height:30px;background:url('/image/icon/btn_browse.png') center center no-repeat;background-color:#393939;} div.selectFile p.find input {width:100%;height:100%;padding: 0;border: 0 none;} div.selectFile p.findIcon {position: relative;width:50px;height:30px;background-color:#393939;text-align: center;} div.selectFile p.findIcon:before {display: inline-block;padding: 5px 0;content: "\f3ee";font-family: "Font Awesome 5 Brands";color: #fff;font-size: 20px;line-height: 20px;} div.selectFile p.find input {position: absolute;left: 0;top: 0;width:100%;height:100%;padding: 0;border: 0 none;} div.selectFile p.btn * {height: 30px;font-size: 14px;border: 0 none;} div#selectFile {overflow:hidden;} div#selectFile p {float:left;} div#selectFile p input[type=text] {height: 18px;padding: 2px 10px;} div#selectFile p.find {width:66px;height:24px;margin: 0 5px;background:url('/image/icon/btn_browse.png') center center no-repeat;background-color:#393939;} div#selectFile p.find input {width:100%;height:100%;padding: 0;border: 0 none;} div#selectFile p.btn * {height: 24px;font-size: 14px;border: 0 none;} /* 메인 컨텐츠 */ div#container.main {background: url(/image/main/mainContainerBg.png) no-repeat center 165px; padding-top: 790px;} div#container.main div.contents {position: relative;padding-top: 0; padding-bottom: 60px;} div#container.main div.contents::after {content:""; display:block; clear: both;} div#container.main div.dDay { width: 230px; padding: 49px 0; background: linear-gradient(155deg, #653c9b 0%, #58a6f4 100%); color: #fff; text-align: center; float: left; } div#container.main div.entry {box-shadow: 0 0 15px rgba(0,0,0, 0.3); overflow: hidden;} div#container.main::before {display:block; z-index: 0;content:""; height: 500px; background-color: #e5edf5; position: absolute; bottom: 77px; left:0; width: 100%;} div#container.main div.dDay strong {font-family: 'Lato Bold',sans-serif; display:block; font-size: 50px; margin-bottom: 10px;} div#container.main div.dDay span {font-family: 'Lato-Bold',sans-serif; display:inline-block; font-size: 18px; color: #fff04a;} div#container.main div.entry div.bx-wrapper {max-width: 970px !important; width: 970px !important; float: left;} div#container.main dl.keynote {float: left; background-color: #fff; width: 990px !important;} div#container.main dl.keynote dt {font-family: 'Lato Bold',sans-serif; float: left; color: #253491; font-size: 20px; font-weight: 900; padding: 75px 0; width: 135px; text-align: center;} div#container.main dl.keynote dd {padding: 35px 10px 35px 0; overflow: hidden;} div#container.main dl.keynote dd ul {font-size: 0; overflow: hidden;} div#container.main dl.keynote dd ul li {font-family: 'Lato Regular',sans-serif; list-style:none; display:inline-block; margin-left: 2px; width: 265px; float: left;} div#container.main dl.keynote.over dd ul li {margin-left: 2px; width: 200px; float: left;} div#container.main dl.keynote dd ul li:first-child {margin-left: 0;} div#container.main dl.keynote dd ul li p {margin-right: 5px;} div#container.main dl.keynote.over dd ul li p {margin-right: 2px;} div#container.main dl.keynote dd ul li p, div#container.main dl.keynote dd ul li div {display:inline-block; vertical-align: bottom;} /* 메인 KEYNOTE SPEAKERS 수정 */ div#container.main dl.keynote dd ul li p + div { width: calc((100% - 130px)); } div#container.main dl.keynote dd ul li img {display:inline-block; height: 140px;} div#container.main dl.keynote.over dd ul li img {display:inline-block; height: 140px; width: 100px;} div#container.main dl.keynote dd ul li strong {display:inline-block; color: #222; font-size: 16px;font-weight: 600;letter-spacing: -0.4px;text-align: left;} div#container.main dl.keynote.over dd ul li strong {font-size: 12px;} div#container.main dl.keynote dd ul li span {display:block; color: #5965b6; font-size: 14px;text-align: left;letter-spacing: -0.4px;} div#container.main dl.keynote.over dd ul li span {display:block; color: #d42f82; font-size: 12px;} div#container.main div.speakerSlide2 dl.keynote dd div.bx-wrapper {max-width: 820px !important; width: 820px !important; float: left;} div#container.main ul.quickMenu {font-size: 0; overflow: hidden; text-align: center;} div#container.main div.entry + ul.quickMenu {margin-top: 50px;} div#container.main ul.quickMenu li {list-style:none; display:inline-block; width: 205px; margin-left: 39px;} div#container.main ul.quickMenu li:first-child {margin-left: 0;} div#container.main ul.quickMenu li a {font-family: 'Lato Bold',sans-serif; display:block; font-size: 20px; text-align: center; color: #222; text-decoration: none; font-weight: bold; letter-spacing: -0.5px;} div#container.main ul.quickMenu li a img {display:block; margin: 0 auto 15px;} div#container.main .update {width: 100%;height: 100%;padding: 90px 0;text-align: center;background-color: #fff;color: #3f4265;font-size: 24px;line-height: 30px;font-family: 'Roboto-Bold', 'NotoSansKR Bold', sans-serif;} /* 시간 메인페이지 */ div#container.main div.contents {} div#container.main div.contents div.timeWrap {position: absolute; left: 50%;top:-317px;margin-left: 230px;} /* div#container.main div.contents div.timeWrap {position: absolute; top:-280px; right:0; left: auto;margin-left: 0;} */ /*div#container.main div.contents div.timeWrap div {display: block;padding-bottom: 10px;}*/ /*div#container.main div.contents div.timeWrap div a, div#container.main div.contents div.timeWrap div img {display: block;width: 370px;}*/ div#container.main div.contents div.timeWrap > * {float: left; width: 180px; box-sizing:border-box;} div#container.main div.contents div.timeWrap {} div#container.main div.contents div.timeWrap dl.kst {padding: 15px; background-color: #ffd200;color: #050725;text-align: center; } div#container.main div.contents div.timeWrap div.gmt {margin: 0 0 0 10px;background-color: #bd4484;color: #fff;} div#container.main div.contents div.timeWrap dl dt strong {font-size: 14px;} /* 시간 서브페이지 */ div.timeWrap {position: fixed; top:50%; left:50%; margin-left: 650px; z-index: 100;} div.timeWrap > * { width: 180px; border-radius: 10px 10px 30px 10px;box-sizing:border-box;} div.timeWrap dl.kst {padding: 15px;background-color: #ffd200;color: #050725;} div.timeWrap div.gmt {margin-top: 10px;background-color: #bd4484;color: #fff;} div.timeWrap dl dt {text-align: center; font-size: 14px;} div.timeWrap dl dd {font-weight: 500;} div.timeWrap dl dd span {display:block; text-align: center; font-size: 18px;} div.timeWrap div.gmt a {display:table-cell; width: 3000px;height: 115px;vertical-align:middle; font-weight: 500;text-align: center;text-decoration: none;color: #ffff;font-size: 18px;line-height: 22px;} div.timeWrap dl.kst dd {margin-top: 10px;} div.noticeWrap {z-index: 1; position: relative; padding: 80px 0 50px; overflow: hidden;} div.noticeWrap dl.dates {width: 609px; float: left;} div.noticeWrap dl.dates dt {font-family: 'Lato-Bold', sans-serif; font-size: 28px; color: #222; margin-bottom: 15px; font-weight: 800;letter-spacing: -1px;} div.noticeWrap dl.dates dd {} div.noticeWrap dl.dates dd ul {font-size: 0; overflow: hidden;} div.noticeWrap dl.dates dd ul li {float: left; width: 202px; height: 210px; text-align: left; background-repeat: no-repeat; background-position: 0 0; box-sizing:border-box; color: #fff; padding: 30px 25px;} div.noticeWrap dl.dates dd ul li:nth-child(1) {background-image: url(/image/main/important_1Bg.png);} div.noticeWrap dl.dates dd ul li:nth-child(2) {background-image: url(/image/main/important_2Bg.png);} div.noticeWrap dl.dates dd ul li:nth-child(3) {background-image: url(/image/main/important_3Bg.png);} div.noticeWrap dl.dates dd ul li span {display:block; font-size: 16px; list-style:none; height: 70px;} div.noticeWrap dl.dates dd ul li strong {display:block; font-size: 18px;/* font-size: 20px; */ font-weight: bold; margin-top: 20px;} div.noticeWrap dl.news {position: relative; float: right; text-align: left; width: 490px; height: 192px; background-color: #f7fafd; padding: 40px;} div.noticeWrap dl.news dt {font-family: 'Lato Bold', sans-serif; font-size: 28px; font-weight: bold; color: #222; letter-spacing: -1px;} div.noticeWrap dl.news dd {margin-top: 30px;} div.noticeWrap dl.news dd ul {font-size: 0; overflow: hidden; height: 115px;} div.noticeWrap dl.news dd ul li {position: relative; list-style:none; margin-bottom: 6px;} div.noticeWrap dl.news dd ul li:last-child {margin-bottom: 0;} div.noticeWrap dl.news dd ul li a {display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #222222; font-family: 'Lato-Medium',sans-serif; font-weight: 400; font-size: 17px; text-decoration: none; padding-right: 100px;} div.noticeWrap dl.news dd ul li span {position: absolute; top:0; right:0; color: #222222; font-family: 'Lato-Medium',sans-serif; font-weight: 400; font-size: 17px;} div.noticeWrap dl.news dd.more {position: absolute; top:54px; right:40px; margin: 0;} div.sponsorWrap {font-size: 0;line-height: 0;} div.sponsorWrap > dl {display: inline-block;vertical-align:top; } div.sponsorWrap > dl.dia {width: 100%;margin-bottom: 30px;} div.sponsorWrap > dl.plat {width: 730px;} div.sponsorWrap > dl.gold {width: 440px;margin-left: 30px;} /*div.sponsorWrap > dl {float: left;} div.sponsorWrap > dl.dia {width: 100%;} div.sponsorWrap > dl.plat {margin-left: 0; width: 730px;} div.sponsorWrap > dl.gold {float: right; width: 440px;}*/ div.sponsorWrap dl dt {text-align: center; color: #fff; background-color: #1e3c8d; font-family: 'Lato-Bold',sans-serif; width: 100%; font-size: 17px; line-height: 45px;} div.sponsorWrap dl.dia dt {margin-bottom: 10px; margin-top: 0;} div.sponsorWrap dl.plat dt {background-color: #37a1bc;} div.sponsorWrap dl.plat ul li {margin-right: 65px; float:none;} div.sponsorWrap dl.plat ul li:last-child {margin-right: 0;} div.sponsorWrap dl.gold dt {background-color: #e19735;} div.sponsorWrap dl dd {padding: 10px 50px; position: relative; overflow: hidden;} div.sponsorWrap dl div.bx-wrapper{margin: 0 !important; max-width: 100% !important;} div.sponsorWrap dl div.bx-controls a {display:block; position: absolute; top:50%; background-repeat: no-repeat; background-position: 0 0; text-indent: -99999px; width: 16px; height: 30px; margin-top: -15px;} div.sponsorWrap dl div.bx-controls a.bx-prev {left:0; background-image: url(/image/main/bx-prevArr.png);} div.sponsorWrap dl div.bx-controls a.bx-next {right:0; background-image: url(/image/main/bx-nextArr.png);} div.sponsorWrap dl dd ul {font-size: 0; text-align: center; overflow: hidden;} div.sponsorWrap dl dd ul li {list-style:none; display:inline-block; margin-left: 17px; float: left;} div.sponsorWrap dl.dia dd ul li {margin-right: 13px; float: none;} div.sponsorWrap dl.dia dd div.bx-wrapper ul li {margin-right: 17px; float: left;} div.sponsorWrap dl dd ul li:last-child {margin-right: 0;} div.sponsorWrap dl dd ul li img {display:block;} /* 메인 서포터즈 */ div.supporters {background-color: #eff4fb;} div.supporters > div {width: 1200px; margin: 0 auto; overflow: hidden; padding: 13px 0 14px;} div.supporters dl {float: left; width: 50%;} div.supporters dl dt {float: left; font-size: 18px; margin-right: 20px; padding: 11px 0; font-weight: bold;} div.supporters dl dd {overflow: hidden; vertical-align: middle;} div.supporters dl:first-child dd {padding: 4px 0 5px;} div.supporters dl dd ul {font-size: 0; overflow: hidden;} div.supporters dl dd ul li {list-style:none; display:inline-block; vertical-align: middle; font-size: 15px; margin-left: 10px;} div.supporters dl dd ul li:first-child {margin-left: 0;} div.supporters dl dd ul li img {display:block;} /* Login */ div.loginArea {width: 700px;padding:50px 70px 70px;margin: 100px auto 0;border: 2px solid #eee; border-bottom: 0 none;} div.loginArea h3 {margin: 0;color: #000;font-weight: bold;font-size: 36px; margin-bottom:20px;} div.loginArea div.formArea {position: relative;margin-top: 20px;padding-right: 150px;} div.loginArea dl {position: relative;margin-top: 10px;padding: 9px 10px 10px 115px;background-color: #f0efef;} div.loginArea dt {position: absolute;left: 15px;top: 50%;margin-top: -9px;} div.loginArea dt label {color: #767d90;font-size: 15px;} div.loginArea dd input {width: 413px;padding: 4px 10px;border: 0 none;background-color: #f0efef;} p.loginUtil {margin: 10px 0 0;} p.loginUtil input {margin: 3px 5px 0 0;vertical-align: top;} div.loginArea p.btn {position: absolute;right: 0;top: 10px;width: 140px;height: 100px;} div.loginArea p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 20px;} div.loginArea ul.btn {margin: 30px 0 0;} div.loginArea ul.btn li {position: relative;margin: 5px 0 0;padding: 5px 0;list-style:none;} div.loginArea ul.btn li:before {display: inline-block;content: "- ";} div.loginArea ul.btn a {position: absolute;right: 0;top: 50%;width: 250px;margin-top: -17px;padding: 6px 0;text-align: center;} /* loginInfo */ ul.loginInfo {overflow: hidden; width: 544px; margin: 0 auto; font-size: 0; color: #051867; padding: 25px 150px; background: #e5f0fb url(/image/sub/loginInfoBg.png) no-repeat 70px center;} ul.loginInfo li {list-style:none; font-size: 15px; margin: 0 0 5px 0;} /* Forgotten your password? */ div.findPwd {width: 715px;padding:50px 70px 70px;margin: 100px auto;border: 2px solid #eee;} div.findPwd h3 {margin: 0;color: #000;font-weight: bold;font-size: 36px;} div.findPwd div.formArea {position: relative;margin-top: 20px;} div.findPwd dl {position: relative;margin-top: 10px;padding: 10px 10px 10px 210px;background-color: #f0efef;} div.findPwd dt {position: absolute;left: 15px;top: 50%;margin-top: -9px;} div.findPwd dt label {color: #767d90;font-size: 15px;} div.findPwd dd input {width: 413px;padding: 4px 10px;border: 0 none;background-color: #f0efef;} div.findPwd p.btn {margin-top: 10px;height: 50px;} div.findPwd p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 25px;} /* Sign-Up */ ul.joinType, ul.joinType li, ul.joinType a {margin: 0;padding: 0;list-style:none;text-decoration: none;} ul.joinType {padding: 50px 0 150px;text-align: center;font-size: 0;line-height: 0;} ul.joinType li {display: inline-block;vertical-align: top;padding-left: 40px;} ul.joinType li:first-chiild {padding-left: 0;} ul.joinType a, ul.joinType img {display: block;} .agreeCon {overflow-x: hidden;overflow-y: auto;height: 100px;padding: 30px 30px 0;margin-bottom: 15px;border: 1px solid #d2d2d2;} .agreeCon dt {font-weight: bold;} .agreeCon dd {padding-bottom: 30px;} .agree {text-align: right;} .agree input {vertical-align: top;margin: 5px 10px 0 50px;} .agree input:first-child {margin-left: 0;} table.inputTbl ul.multi, table.inputTbl ul.multi li {margin: 0;padding: 0;list-style:none;} table.inputTbl ul.multi li {float: none;overflow: hidden;margin-top: 5px;} table.inputTbl ul.multi label {width: 50px;} table.inputTbl ul.multi input[type=text] {width: calc(95% - 50px);} div.joinCom {position: relative;width: 460px;margin: 50px auto;padding:45px 0 45px 230px;text-align: center;color: #000000;font-size: 24px;line-height: 1.4;} div.joinCom img {position: absolute;left: 0;top: 50%;height: 165px;margin-top: -83px;} div.joinCom span {display: block;padding-bottom: 10px;font-size: 40px;font-family: 'Lato-Medium', sans-serif;color: #238cdf;font-size: 38px;} /* About Congress */ ul.flag, ul.flag li {margin: 0;padding: 0;list-style:none;} ul.flag {width: 1110px;margin: 0 auto;} ul.flag:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";} ul.flag > li {float: left;width: 160px;padding: 30px 0 0 30px;text-align: center;color: #222;font-size: 16px;line-height: 20px;} ul.flag > li:nth-child(6n+1) {clear: both;padding-left: 0;} ul.flag img {display: block;padding-bottom: 10px;} dl.venue, dl.venue dt, dl.venue dd {margin: 0;padding: 0;} dl.venue {height: 460px;padding: 215px 40px 0;background: url('/image/sub/venueBg.png') 0 0 no-repeat;box-sizing:border-box;} dl.venue > dt {padding-bottom: 15px;color: #8ee8ff;font-size: 38px;line-height: 40px;font-family: 'Lato-Medium', sans-serif;} dl.venue > dd {color: #fff;font-size: 18px;} dl.venue > dd li {margin-top: 5px;} /* Committee */ dl.committee, dl.committee dt, dl.committee dd, dl.committee ul, dl.committee li {margin: 0;padding: 0;list-style:none;} dl.committee {} dl.committee > dt {height: 25px;padding: 15px 0;text-align: center;color: #fff;background: url('/image/sub/titBg.png') center top no-repeat;font-family: 'Lato-Bold', sans-serif;font-size: 18px;line-height: 25px;} dl.committee > dd {padding-bottom: 65px;} dl.committee ul {width: 810px; margin: 0 auto; font-size: 0; text-align: center; margin-top: 20px;} dl.committee ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";} dl.committee li {display:inline-block; width: 180px; font-size: 14px;color: #999;text-align: left; vertical-align: top; margin-left: 20px;} dl.committee li:nth-child(4n+1) {margin-left: 0;} dl.committee li:nth-child(4) ~ li {margin-top: 20px;} dl.committee img {display: block;padding-bottom: 10px;} dl.committee span {display: block;color: #222;font-size: 16px;font-family: 'Lato-Bold', sans-serif;} dl.committee span.position {z-index: 10;position: relative;display: inline-block;margin-bottom: 5px;line-height: 20px;color: #13298f;padding-right: 5px;background: url('/image/sub/positionBg.png') left bottom repeat-x;letter-spacing:-1px;} /* Registration */ div.earlyRegist {display: table-cell;width: 1200px;height: 300px;vertical-align: middle;text-align: center;color: #fff;font-size: 18px;background: url('/image/sub/registBg.png') center top no-repeat;} div.earlyRegist > p:first-child, div.earlyRegist p span {color: #fff95e;} div.earlyRegist > p:first-child {padding-bottom: 25px;font-size: 38px;line-height: 46px;font-family: 'Lato-Medium', sans-serif;} ol.registStep, ol.registStep li {margin: 0;padding: 0;list-style:none;} ol.registStep {padding-top: 20px;text-align: center;font-size: 0;line-height: 0;} ol.registStep li {display: inline-block;vertical-align: top;width: 160px;height: 180px;padding: 0 10px;border-radius:90px;margin-left: 24px;text-align: center;color: #fff;font-size: 16px;line-height: 22px;letter-spacing:-1px;} ol.registStep li:first-child {margin-left: 0;} ol.registStep span {display: block;padding: 30px 0 20px;font-size: 20px;font-family: 'Lato-Medium', sans-serif;} div.regist div.bdArea {padding: 40px 40px;} div.regist div.bdArea th {background-color: #f2f2f2;} div.regist div.bdArea td {background-color: #fff;} div.applyComp {padding: 40px 0;text-align: center;font-weight: bold;font-size: 20px;} /* Call for Abstracts */ dl.impoDate, dl.impoDate dt, dl.impoDate dd {margin: 0;padding: 0;} dl.impoDate {padding: 40px 50px 40px 145px;border-radius:5px;background: #e9efff url('/image/sub/note_bg.png') 64px 40px no-repeat;color: #000;font-size: 16px;font-family: 'Lato-Medium', sans-serif;} dl.impoDate dt {padding-bottom: 10px;font-size: 22px;} a.del_btn1 {display:none;} table#del_author a.del_author:eq(0) {display:none;} /* Submission Guidelines */ ol.porcess, ol.porcess > li, ol.porcess dt, ol.porcess dd {margin: 0;padding: 0;list-style:none;} ol.porcess {padding-top: 10px;} ol.porcess:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";} ol.porcess > li {float: left;width: 279px;height: 180px;margin-left: 28px;color: #fff;border-radius:5px;font-size: 16px;text-align: left;} ol.porcess > li:nth-child(1) {margin-left: 0;background-color: #5eb6e7;} ol.porcess > li:nth-child(2) {background-color: #668dd5;} ol.porcess > li:nth-child(3) {background-color: #7077d4;} ol.porcess > li:nth-child(4) {background-color: #9d70cf;} ol.porcess dl {padding:35px 40px;} ol.porcess dt {padding-bottom: 10px;font-size: 20px;font-family: 'Lato-Medium', sans-serif;} /* Sponsorship */ dl.address, dl.address dt, dl.address dd, dl.address ul, dl.address li {margin: 0;padding: 0;list-style:none;} dl.address {margin-top: 30px;text-align: center;font-size: 18px;} dl.address dt {padding: 13px 0 12px;color: #fff;background-color: #f4a61d;font-family: 'Lato-Medium', sans-serif;} dl.address dd {background-color: #fff3de;} dl.address ul {padding: 40px;} dl.address ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";} dl.address li {position: relative;float: left;width: 33.4%;color: #222;} dl.address li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 118px;margin-top: -59px;content: "";background-color: #dbc8a6;} dl.address li:first-child {width: 33.2%;} dl.address li:first-child:before {display: none;} dl.address li img {display: block;margin: 0 auto 10px;} div.deadline {margin-top: 30px;padding: 27px 0;text-align: center;color: #000;font-size: 22px;line-height: 66px;font-family: 'Lato-Medium', sans-serif;background-color: #ffe9ef;} div.deadline img {display: inline-block;padding-right: 20px;vertical-align: top;} div.sponsorBnr h3, div.sponsorBnr ul, div.sponsorBnr li {margin: 0;padding: 0;list-style:none;} div.sponsorBnr {} div.sponsorBnr h3 {margin: 30px 0 0;text-align: center;color: #fff;/* font-weight: normal; */font-size: 18px;line-height: 55px;font-family: 'Lato-Bold', sans-serif;} div.sponsorBnr h3:first-child {margin-top: 0;} div.sponsorBnr ul {text-align: left;font-size: 0;line-height: 0;} div.sponsorBnr li {display: inline-block;padding: 30px 0;vertical-align: top;text-align: center;} ul.bnr2ea > li {width: 50%;} ul.bnr3ea > li {width: 33%;} ul.bnr3ea > li:nth-child(3n+1) {clear: both;width: 34%;} ul.bnr4ea > li {width: 25%;} ul.bnr4ea > li:nth-child(4n+1) {clear: both;} ul.bnr2ea a {display: inline-block;vertical-align: top;} ul.bnr2ea img {display: block;} /* Online Submission */ div.abstract {} div.abstract table.inputTbl {font-size: .9em;} div.abstract table.inputTbl + table.inputTbl {border-top: 0 none;} div.abstract table.inputTbl + table.inputTbl.tm30 {border-top: 2px solid #493eb1;} div.abstract table.inputTbl th {text-align: center;background-color: #f8f8f8;} div.abstract table.inputTbl th.tit {padding-left: 20px;text-align: left;border-right: 0 none;font-weight: bold;} div.abstract table.inputTbl td {padding: 5px 10px;text-align: left;} div.abstract table.inputTbl .label, div.abstract table.inputTbl th label {padding-left: 0;} div.abstract table.innerTbl {border-left: 1px solid #ccc;} div.abstract table.inputTbl.ac > * > tr > * {text-align: center;padding: 5px;} table.inputTbl.ac > * > tr > th, table.inputTbl.ac > * > tr > th span {line-height: 1.2;} table.inputTbl td.util a {width: 30px;padding: 7px 0 8px;} div.abstract .utilArea {padding:10px 20px;margin-bottom: 10px;border: 2px solid #aaa;background-color: #f8f8f8;} div.abstract .utilArea input {vertical-align: middle;} div.abstract ul > li {text-indent: -1em; padding-left: 1em;} /* dailyProgram */ div.dailyProgram {} div.dailyProgram div.bbsSearch {font-size: 0; padding: 25px 0; margin: 0 0 50px 0;} div.dailyProgram div.bbsSearch legend ~ * {height: 50px; display:inline-block; box-sizing:border-box; font-size: 15px; font-family: 'Lato-Medium', sans-serif; font-weight: 400; border: 1px solid #273e82;} div.dailyProgram div.bbsSearch select {width: 140px; padding-left: 15px; border: 1px solid #cccccc;} div.dailyProgram div.bbsSearch input[type='text'] {border: 1px solid #cccccc; width: 550px; border-right: 0 none;} div.dailyProgram div.bbsSearch input[type='button'] {padding: 0 20px;} /* 셀렉트박스 버튼관련 */ div.selectBox a.trigger {position: absolute; top:11px; right:10px; background-color: #fff; border: 1px solid #ccc; padding: 5px 30px 5px 10px; text-decoration: none; color: #222; font-size: 14px;} div.selectBox a.trigger i {position: absolute; top:50%; margin-top: -10px; right:5px;} div.selectBox a.trigger i.fa-sort-up {position: absolute; top:50%; margin-top: -5px; right:5px;} div.dailyProgram ul.subMenu {margin: 0 0 20px;} div.dailyProgram ul.subMenu li {width: 25%;} div.dailyProgram ul.subMenu li a {width: auto; padding: 10px 15px; font-size: 16px;} div.dailyProgram div.tabArea ul.tabMenu {font-size: 0;} div.dailyProgram div.tabArea ul.tabMenu li {list-style:none; display:inline-block; margin-left: 20px;} div.dailyProgram div.tabArea ul.tabMenu li:first-child {margin-left: 0;} div.dailyProgram div.tabArea ul.tabMenu li a {display:block; font-size: 16px; text-decoration: none; color: #c33d79; background-color: #f9ebf1; font-family: 'Lato-Medium', sans-serif; font-weight: 400; padding: 10px 0; width: 135px; text-align: center; border: 1px solid #c33d79; border-radius: 5px;} div.dailyProgram div.tabArea ul.tabMenu li.on a {color: #fff; background-color: #c33d79;} div.dailyProgram table.tblDef {margin: 0 0 50px;} div.dailyProgram ul.conMenu + table.tblDef {margin-top: 30px;} div.dailyProgram table.tblDef th, div.dailyProgram table.tblDef td {padding: 10px; text-align: left; font-size: 16px; color: #222;} div.dailyProgram table.tblDef td span.type {float: right; font-family: 'Lato-Medium', sans-serif; font-weight: 600; color: #c33d79;} div.dailyProgram table.tblDef td strong {font-size: 16px; display:block; font-weight: 600; margin-bottom: 2px;} div.dailyProgram table.tblDef td.chair {background-color: #fdf6ea; color: #222; padding: 20px; font-family: 'Lato-Medium', sans-serif;} .bdArea {padding:20px 40px;border:2px solid #aaa;background-color:#f8f8f8;} /* 0203 css 추가 Program */ div.dailyProgram table.sessionInfo, div.dailyProgram table.sessionInfo td {border: 0 none !important;} div.dailyProgram table.sessionInfo td {padding: 0;background-color: #f4f5f9;} div.dailyProgram table.sessionInfo td.info {text-align: center;color: #222;font-size: 16px;} div.dailyProgram table.sessionInfo td.tit {padding: 20px;} div.dailyProgram table.sessionInfo td.tit strong {display: block;font-size: 18px;} div.dailyProgram table.sessionInfo .info_tit_cblue{background-color:#a4d9f2;} div.dailyProgram table.sessionInfo .info_tit_cpink{background-color:#f7bbc1;} div.dailyProgram table.sessionInfo .info_tit_cgreen{background-color:#a8ddc5;} div.dailyProgram table.sessionInfo .info_tit_cyellow{background-color:#fce899;} div.dailyProgram table.sessionInfo .info_tit_cpurple{background-color:#c7a4e8;} div.dailyProgram table.sessionInfo .info_tit_cgray{background-color:#b5b3af;} div.dailyProgram table.sessionInfo .info_tit_corange{background-color:#f7b396;} dl.speakerInfo {margin: 20px 0px;padding: 20px;} dl.speakerInfo > dt {font-weight: bold;color: #664455;font-size: 19px;} dl.speakerInfo > dd {color: #020544;font-size: 17px;} dl.speakerInfo.type_cpink{border-left: 5px solid #ef6774 !important; border:1px solid #ddd;} dl.speakerInfo.type_cpink dt{color: #ef6774 !important;} dl.speakerInfo.type_cgreen{border-left: 5px solid #4cc98f !important; border:1px solid #ddd;} dl.speakerInfo.type_cgreen dt{color: #4cc98f !important;} dl.speakerInfo.type_cblue{border-left: 5px solid #54bbea !important; border:1px solid #ddd;} dl.speakerInfo.type_cblue dt{color: #54bbea !important;} dl.speakerInfo.type_cyellow{border-left: 5px solid #ffc90a !important; border:1px solid #ddd;} dl.speakerInfo.type_cyellow dt{color: #ffc90a !important;} dl.speakerInfo.type_cpurple{border-left: 5px solid #a15fe2 !important; border:1px solid #ddd;} dl.speakerInfo.type_cpurple dt{color: #a15fe2 !important;} dl.speakerInfo.type_cgray{border-left: 5px solid #7a7a7a !important; border:1px solid #ddd;} dl.speakerInfo.type_cgray dt{color: #7a7a7a !important;} dl.speakerInfo.type_corange{border-left: 5px solid #f7703b !important; border:1px solid #ddd;} dl.speakerInfo.type_corange dt{color: #f7703b !important;} /* invited Speakers */ ul.memberList{list-style:none;width:100%;margin:0;font-size:0;} ul.memberList::after{content:""; display:block; clear:both;} ul.memberList li{list-style:none;position:relative;float:left;padding:0px 20px 0px 181px;width:399px;height:190px;vertical-align:top;font-size:14px;font-family: 'Lato-Medium', sans-serif;color:#353535;line-height:25px;margin-bottom:20px;} ul.memberList li:nth-child(odd) {clear:both;} ul.memberList li img{position:absolute;min-height:190px;left:0px;top:0;} ul.memberList li span{display:inline-block;font-size:16px;color:#222;padding-top:21px;font-family: 'Lato-Medium', sans-serif;} /* Welcome Message */ div.message {} div.message > *:last-child {margin: 0;} div.message p {margin: 0 0 15px 0;} div.message div.president {text-align: right; margin-top: 30px;} div.message div.president img {display:inline-block; margin-right: 5px;} div.message div.president strong {display:inline-block; vertical-align: bottom;} /* overView */ div.overView {overflow: hidden; background: url(/image/sub/overViewBg.png) no-repeat center top; color: #2b2109;} div.overView ul {overflow: hidden; padding: 60px 0; width: 50%; box-sizing:border-box; float: left; padding-left: 60px; min-height: 300px;} div.overView ul:last-child {float: right; padding-left: 0;} div.overView ul li {position: relative; padding-left: 20px; font-family: 'Lato-Medium', sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 18px; list-style:none; margin-left: 113px; text-indent: -113px;} div.overView ul li::before {content:"-"; display:block; position: absolute; top:-4px; left:0; font-size: 20px;} /* Keynote Speakers */ ul.speakersList {font-size: 0; margin-top: 50px !important; overflow: hidden;} ul.speakersList li {position: relative; padding: 30px 0 0 125px; height: 145px; box-sizing:border-box; margin-bottom: 30px; width: 50%; float: left; box-sizing:border-box;} ul.speakersList li:nth-child(odd) {clear: both; margin-left: 0;} ul.speakersList li strong{display:inline-block; color: #222; font-family: 'Lato-Medium', sans-serif; font-weight: 700; font-size: 20px;} ul.speakersList li span.info {color: #d42f82; font-size: 15px; display:block;} ul.speakersList li span.country {color: #d42f82; font-size: 15px; display:block;} ul.speakersList li a {display:inline-block; margin-top: 11px;} ul.speakersList li span.cv {display:inline-block; text-align: center; font-size: 14px; padding: 4px 0 5px; width: 60px; background-color: #24537f; color: #fff;} ul.speakersList li img {position: absolute; top:0; left:0; width: 108px;} /* guideLines */ div.guideLines div.bgArea {padding: 40px;} div.guideLines div.bgArea h5 {font-size: 18px; color: #2c245b; font-weight: 600; margin: 0 0 10px;} div.guideLines div.bgArea ul {overflow: hidden;} div.guideLines div.bgArea ul li {list-style:none; color: #222;} div.guideLines span.position {z-index: 10;position: relative;display: inline-block;margin-bottom: 5px;line-height: 20px;color: #13298f;padding-right: 5px;background: url('/image/sub/positionBg.png') left bottom repeat-x;letter-spacing:0px;} div.guideLines ul.importantDates {background: url(/image/sub/importantDates.png) no-repeat left top; box-sizing:border-box; font-size: 0;} div.guideLines ul.importantDates li {list-style:none; color: #fff; display:inline-block; width: 384px; height: 210px; box-sizing:border-box; margin-left: 9px; vertical-align: top; padding: 35px 25px;} div.guideLines ul.importantDates li:first-child {margin-left: 0;} div.guideLines ul.importantDates span {display:block; font-size: 18px; font-weight: 600; font-family: 'lato'; text-align: left; height: 80px;} div.guideLines ul.importantDates strong {display:block; text-align: right; margin-top: 10px; font-size: 28px; font-weight: bold;} div.guideLines ol.step {background: url(/image/sub/stepList.png) no-repeat left top; font-size: 0; text-align: left; margin-top: 10px;} div.guideLines ol.step li {display:inline-block; width: 235px; height: 145px; box-sizing:border-box; color: #fff; padding: 20px 25px; vertical-align: top; text-align: left; div.guideLines margin-left: 6px;} div.guideLines ol.step li:first-child {margin-left: 0;} div.guideLines ol.step li strong {display:block; font-family: 'lato'; font-weight: bold; font-size: 16px;} div.guideLines ol.step li span {position: relative; padding-left: 10px; display:block; font-family: 'lato'; font-weight: 400; font-size: 14px; margin-top: 10px;} div.guideLines ol.step li > span::before {content:"-"; display:block; position: absolute; top:0; left:0;} div.guideLines ol.step li span.fcPoint {color: #36f4d2 !important; padding-left: 0; margin-top: 0;} /* infomation */ div.infomation {} div.infomation div.bgArea {text-align: center; font-size: 22px; font-weight: 700; font-family: 'Lato-Medium',sans-serif; padding: 25px 0; margin-top: 10px;} div.infomation div.bgArea > * {display:inline-block; vertical-align: middle;} div.infomation div.bgArea img {margin-right: 20px;} div.infomation ul.contact {overflow: hidden;list-style:none !important; padding: 40px 0; background-color: #f1f9ff;} div.infomation ul.contact li {list-style:none !important; width: 33.3%; float: left; padding: 0 40px; box-sizing:border-box; border-left: 1px solid #d2ccbc; color: #222222; font-size: 16px; font-weight: 400;} div.infomation ul.contact li:first-child {width: 33.4%; border-left: 0 none;} div.infomation ul.contact li img {display:block; margin-top: 20px; float: right;} div.infomation ul.downloadWrap {overflow: hidden;} div.infomation ul.downloadWrap li {float: left; list-style:none; margin-left: 18px;} div.infomation ul.downloadWrap li:first-child {margin-left: 0;} div.infomation ul.downloadWrap li a {display:block;} div.infomation ul.downloadWrap li a img {display:block;} /* 2022-12-15 */ div.infomation div.bg {margin-top: 85px;padding: 20px 30px;background-color: #f1f9ff;font-size: 16px;line-height: 25px;} div.infomation ul.imgList, div.infomation ul.imgList li {margin: 0;padding: 0;list-style: none;font-size: 0;line-height: 0;} div.infomation ul.imgList li:after {display: block;clear: both;content:'';font-size: 0;line-height: 0;} div.infomation ul.imgList li {display: inline-flex;width: 50%;} div.infomation ul.imgList li.wide {width: 100% !important;margin-top: 30px;} div.infomation ul.imgList li.wide:first-child {margin-top: 0;} div.infomation ul.imgList li:nth-child(3n) {margin-top: 30px;} div.infomation ul.imgList a {display: inline-block;text-decoration: none;color: #000;} div.infomation ul.imgList a + a {margin-left: 15px;} div.infomation ul.imgList span {display: inline-block;padding: 25px;font-size: 16px;line-height: 1;} div.infomation ul.imgList strong {display: block;padding-bottom: 10px;} div.infomation ul.imgList2, div.infomation ul.imgList2 li {margin: 0;padding: 0;list-style: none;font-size: 0;line-height: 0;} div.infomation ul.imgList2 li:after {display: block;clear: both;content:'';font-size: 0;line-height: 0;} div.infomation ul.imgList2 li {display: inline-flex;width: 50%;} div.infomation ul.imgList2 li.wide {width: 100% !important;margin-top: 30px;} div.infomation ul.imgList2 li.wide:first-child {margin-top: 0;} div.infomation ul.imgList2 li:nth-child(3n) {margin-top: 30px;} div.infomation ul.imgList2 a {display: inline-block;text-decoration: none;color: #000;} div.infomation ul.imgList2 a + a {margin-left: 15px;} div.infomation ul.imgList2 span {display: inline-block;padding: 25px;font-size: 16px;line-height: 1;} div.infomation ul.imgList2 strong {display: block;padding-bottom: 10px;} /* Program at a glance */ h3.pagTit {background-color: #14334e; color: #fff; font-size: 22px; font-family: 'Lato-Medium',sans-serif; font-weight: 800; text-align: center; padding: 15px 0; margin: 50px 0 0;} .pointBg {color: #222222 !important; background-color: #e4b5c1 !important;} div.pagCon {margin: 30px 0 0;} div.pagCon h4 {margin: 50px 0 10px; font-size: 18px; font-weight: 600;} div.pagCon h4:first-child {margin-top: 0;} table.pagTbl {border-bottom: 0 none; text-align: center; border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 1px solid #000; border-right: 1px solid #000;} table.pagTbl thead tr th {color: #fff; font-size: 16px; background-color: #40549e; font-weight: 400; height: 45px;} table.pagTbl thead tr:last-child th {border-bottom: 1px solid #000000;} table.pagTbl tr {height: 10px;} table.pagTbl tr > * {text-align: center !important; vertical-align: middle; font-size: 15px; border-left: 1px solid #000; border-bottom: 1px solid #000; height: 0px; vertical-align: middle;} table.pagTbl tr > *:first-child {font-weight: bold;} table.pagTbl tr td {position: relative;font-weight: bold;} table.pagTbl tr td strong {display:block;} table.pagTbl tr td span {display:block;} table.pagTbl tr td span.sessionSub {font-weight: normal;font-size: 14px;} table.pagTbl .bdLeft {border-left: 1px solid #000 !important;} table.pagTbl .fcBlue {color: #0000cc !important;} /* regist guide */ div.registGuide {} div.registGuide ul.importantDates {text-align: center; font-size: 0;} div.registGuide ul.importantDates li {display:inline-block; color: #fff; margin-left: 10px;width: 384px; text-align: center; padding: 50px 0;} div.registGuide ul.importantDates li:first-child {margin-left: 0;} div.registGuide ul.importantDates li span {font-family: 'lato'; font-weight: 400; display:block; font-size: 18px;} div.registGuide ul.importantDates li strong {font-family: 'lato'; font-weight: bold; display:block; font-size: 30px; margin-top: 10px;} /* 영수증 팝업 */ div#receipt {font-family: 'Lato', sans-serif; width: 800px; margin: 0 auto; box-sizing:border-box; color: #000; border:4px solid #c6c6c6; padding: 50px 45px;} div#receipt h1 {font-size: 40px; font-weight: bold; text-align: center;} div#receipt div.popupCon {margin-top: 50px;} div#receipt ul {font-size: 0;} div#receipt ul li {list-style:none; font-size: 16px;} div#receipt ul li:first-child ~ li {margin-top: 5px;} div#receipt ul li strong {width: 100px; display:inline-block; font-weight: 600;} div#receipt ul li span {display:inline-block; font-weight: 400;} div#receipt ul li {list-style:none;} div#receipt p.con {margin: 50px 0 40px; font-size: 20px; font-weight: 500; text-align: center;} div#receipt p.con span.day {display:block; text-align: center; margin: 30px 0;} div#receipt p.sign {text-align: center;} div#receipt p.sign img {display:inline-block;} /* Guideline */ div.guideline {padding: 50px 0;} div.guideline h4.boldTit {font-size: 20px;} div.guideline table.tblDef tbody th {font-weight: 400;} div.guideline ul li {list-style:none;} div.contact {margin: 30px 0 10px;} div.contact h5 {font-size: 18px; color: #13298f;} .list_bar li {position: relative; padding-left: 20px;} .list_bar li::after {content:"-"; display:block; position: absolute; top:0; left:5px;} .listBl li {list-style:disc !important; list-style-position: inside !important;} /* step 공통 */ ol.step {font-size: 0; text-align: left;} ol.step li {display:inline-block; color: #fff; padding: 20px 25px; width: 235px; height: 145px; box-sizing:border-box; vertical-align: top; margin-left: 6px;} ol.step li:nth-child(1) {background-color: #e29a34; margin-left: 0;} ol.step li:nth-child(2) {background-color: #417e48;} ol.step li:nth-child(3) {background-color: #31adaa;} ol.step li:nth-child(4) {background-color: #3368ae;} ol.step li:nth-child(5) {background-color: #394267;} ol.step li > strong {display:block; font-size: 16px; font-family: 'lato';} ol.step li span {display:block; font-size: 14px; font-family: 'lato'; position: relative; padding-left: 10px; margin-top: 10px;} ol.step li span::after {content:"-"; display:block; position: absolute; top:0; left:0;} ol.step li strong.fcPoint {display:block; color: #36f4d2 !important; font-weight: 400;} /* speakers abs */ div.speakerAbs dl.deadLine {background: #f9edf0; text-align: center; padding: 39px 0;} div.speakerAbs dl.deadLine dt {display:inline-block; font-size: 26px; color: #000000; font-family: 'lato'; font-weight: bold; background: url(/image/sub/deadline_icon1.png) no-repeat left center; padding: 10px 0 11px 80px;} div.speakerAbs dl.deadLine dd {font-family: 'lato'; font-weight: 600; font-size: 18px; margin-top: 15px;} div.speakerAbs dl.deadLine dd strong.fcPink {color: #ca1370;} /* dailyProgram 0426 */ div.dailyProgram {} div.dailyProgram div.search {padding: 25px 105px; background-color: #f3f3f3;} div.dailyProgram div.search form {font-size: 0;} div.dailyProgram div.search form legend {height: 0 !important; width: 0 !important; margin: 0;} div.dailyProgram div.search form fieldset > * {display:inline-block; height: 50px; vertical-align: top; font-size: 0; box-sizing:border-box;} div.dailyProgram div.search form select {width: 140px; font-size: 15px; margin-right: 10px; border-color: #ccc;} div.dailyProgram div.search form input[type='text'] {width: 550px; font-size: 15px; border-color: #ccc;} div.dailyProgram div.search form span.searchBtn input {height: 100%; font-size: 15px; background-color: #273e82; color:#fff; padding: 0 30px; border: 0 none; margin-left: 10px;} div.dailyProgram div.search form span.searchBtn input:first-child {margin-left: 0;} div.dailyProgram ul.subMenu {font-size: 0; overflow: hidden; margin-top: 30px;} div.dailyProgram ul.subMenu li {width:32%; margin-left: 2%;} div.dailyProgram ul.subMenu li:first-child {margin-left: 0 !important;} div.dailyProgram ul.subMenu li a {display:block; font-size: 17px; border-left: 1px solid #ccc; color: #444444; font-weight: bold;} div.dailyProgram ul.subMenu li.on a {/* background-color: #5a168a; */color: #fff;} ul.programMenu, ul.programMenu li, ul.programMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;} div.dailyProgram ul.programMenu {font-size: 0; line-height: 0;text-align: center;} div.dailyProgram ul.programMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";} div.dailyProgram ul.programMenu li {list-style:none; display:inline-block;vertical-align: top; margin: 10px 0 0 17px;width: 118px;/* width: 135px; */} div.dailyProgram ul.programMenu li:first-child {margin-left: 0;} div.dailyProgram ul.programMenu li a {display: table-cell;width: 300px;height: 50px;padding: 0 10px;text-align: center;vertical-align: middle;border: 1px solid #b45b53; border-radius: 5px;font-size: 16px; line-height: 20px;text-decoration: none; color: #b45b53; background-color: #f9ebf1; font-family: 'Lato-Bold', sans-serif; box-sizing:border-box;} div.dailyProgram ul.programMenu li.on a {color: #fff; background-color: #b45b53;} div.dailyProgram div.selectBox {margin-top: 30px;} div.dailyProgram div.selectBox dl {} div.dailyProgram div.selectBox dl dt {position: relative; color: #fff; font-size: 16px; font-weight: bold; background-color: #273e82; text-align: center; padding: 15px 0 16px;} div.dailyProgram div.selectBox dl dt select {position: absolute; top:50%; right:20px; height: 35px; display:inline-block; vertical-align: middle; border: 0 none; min-width: 80px; margin-top: -18px; padding-left: 10px;} div.dailyProgram div.selectBox dl dd {border: 1px solid #ccc; padding: 40px 50px; text-align: center; display:block !important;} div.dailyProgram div.selectBox dl dd ul {overflow: hidden;} div.dailyProgram div.selectBox dl dd ul li {list-style:none; float: left; width: 20%; text-align: left; font-size: 16px; color: #222;} div.dailyProgram div.selectBox dl dd ul li label {margin-left: 10px;} div.dailyProgram div.selectBox dl dd ul li:nth-child(5n+1) {clear: both;} div.dailyProgram div.selectBox dl dd ul li:nth-child(5) ~ li {margin-top: 15px;} table.programTbl {border-top: 1px solid #273e82; width: 100%; border-collapse:collapse;} table.programTbl tr > * {border-bottom: 1px solid #ccc; height: 50px; vertical-align: middle; padding: 15px 35px;} table.programTbl th.time {background-color: #f4f5f9; color: #222; font-size: 16px; text-align: center;} table.programTbl th.time.type1 {height: 110px; background-color: #c7a4e8;} table.programTbl th.time.type2 {height: 110px; background-color: #fce899;} table.programTbl th.time.type3 {height: 110px; background-color: #a8ddc5;} table.programTbl th.time.type4 {height: 110px; background-color: #a4d9f2;} table.programTbl th.time.type5 {height: 110px; background-color: #f7b396;} table.programTbl td.con {position: relative;} table.programTbl td.con span.type {color: #c33d79; font-weight: bold; position: absolute; top:30px; right: 35px;} table.programTbl td.moderator {height: 110px; padding: 0 45px;} table.programTbl td.moderator.type1 strong {color: #c7a4e8;} table.programTbl td.moderator.type2 strong {color: #fce899;} table.programTbl td.moderator.type3 strong {color: #a8ddc5;} table.programTbl td.moderator.type4 strong {color: #a4d9f2;} table.programTbl td.moderator.type5 strong {color: #f7b396;} table.programTbl td strong {display:block;} table.programTbl td.moderator span {display:block;} /* 신규 css 추가 */ table.programTbl_new {width: 100%; margin-top: 25px; border-collapse:collapse;} table.programTbl_new tr > * {border-bottom: 1px solid #ccc; vertical-align: middle; padding: 20px 35px;} table.programTbl_new th.time {background-color: #5e5399; color: #fff; font-size: 16px; font-weight: 400;} table.programTbl_new th.time strong {font-weight: 600;} table.programTbl_new td {position: relative; color: #fff; font-weight: bold;} table.programTbl_new td.room1 {background-color: #e9b310;} table.programTbl_new td.room2 {background-color: #ef8989;} table.programTbl_new td.room3 {background-color: #4296d5;} table.programTbl_new td.room4 {background-color: #e6914a;} table.programTbl_new td.room5 {background-color: #966cd5;} table.programTbl_new td.room6 {background-color: #6a9b17;} table.programTbl_new td.room7 {background-color: #dd6868;} table.programTbl_new td.room8 {background-color: #2f799d;} /*table.programTbl_new td.moderator {padding: 20px 180px 20px 20px; color: #000; text-align: left;}*/ /*table.programTbl_new td.moderator {padding: 20px 180px 20px 20px; color: #000; text-align: right;}*/ table.programTbl_new td.moderator {padding: 20px 40px 20px 20px; color: #000; text-align: right;} /* table.programTbl_new td.moderator::after {content:""; display:block; position: absolute; top:-1px; right:0; width: 10px; height: calc(100% + 2px); background-color: #511b71;} */ table.programTbl_new td.moderator.type1 strong {color: #c7a4e8;} table.programTbl_new td.moderator.type2 strong {color: #fce899;} table.programTbl_new td.moderator.type3 strong {color: #a8ddc5;} table.programTbl_new td.moderator.type4 strong {color: #a4d9f2;} table.programTbl_new td.moderator.type5 strong {color: #4e1a6d;} table.programTbl_new td strong {display:block;} table.programTbl_new td.moderator span {display:block;} div.absList {} div.absList ul {margin-top: 30px;} div.absList ul li {display:inline-block; list-style:none; font-weight: bold;} div.absList ul li:first-child {margin-left: 0;} div.absList ul li:first-child::after {content:"/"; display:inline-block; margin: 0 10px; color: #000;} div.absList ul li:last-child {margin-left: 5px;} div.absList table.tblDef {font-size: 13px; margin-top: 10px; font-weight: 600; text-align: center;} div.absList table.tblDef td {text-align: center;} div.absList .inProcess span{color: #f00; font-weight: bold;} div.absList .complete span{color: #00f; font-weight: bold;} /* 초록심사 팝업 */ div#absReview {width: 800px; margin: 0 auto; padding: 10px;} div#absReview p.absNumber {font-weight: bold; text-align: right;} div#absReview table.scoreList {margin-top: 30px; border-top: 2px solid #493eb1;} /* 테이블 상단 아이콘 */ div.country {position: absolute; top:0; left:0; font-size: 0;} div.country span {display:inline-block; color: #fff; font-size: 14px; font-weight: bold; padding: 10px; margin-left: 5px;} div.country span:first-child {margin-left: 0;} span.kor {background-color: #235abe;} span.eng {background-color: #b93575;} /* 파일삭제 */ div.selectFile span.del {display:block;} div.selectFile span.del > * {display:inline-block; vertical-align: middle;} div.selectFile span.del > input {margin: 0 5px 0 0;} div.selectFile span.del a {display:inline-block; text-decoration: none; color: #222; font-size: 16px; line-height: 1.5; margin-left: 5px; vertical-align: middle; color: #000;} .indent {position: absolute; top:-99999px; left:-99999px; height: 1px; width: 1px; text-indent: -99999px;} /* 서브메뉴 분리 */ .col3ea li {width: 33.3% !important;} .col3ea li:first-child {width: 33.4% !important;} .list_bl li {list-style:inside;} /* 로그인 - 아이디찾기 css 추가 22-01-19 */ div.findID {width: 800px;margin: 0 auto;border: 2px solid #ec6e30 ; background-color: #f9f9f9; border-radius:19px 0 19px 0; box-sizing:border-box;} div.findID form {padding:50px 95px 50px; } div.findID dl.type {margin: 0; padding: 0;} div.findID dl.type dt {display: none;} div.findID dl.type dd {text-align: center;} div.findID dl.find {position: relative;margin: 12px 0;padding: 0;} div.findID dl.find dt:first-child {top: 0;} div.findID dl.find dt {display: none;} div.findID dl.find dt label {color: #959595;font-size: 14px; line-height: 40px;} div.findID dl.find dd {margin-bottom: 12px; height: 53px; background-color: #fff; border: 1px solid #dbdbdb;} div.findID dl.find dd input {width: 100%; height: 53px; box-sizing:border-box; padding: 4px 20px;border: 0 none;background-color: #fff;} div.findID dl.find dd input::placeholder {color: #959595;font-size: 14px; line-height: 53px; font-family:'NotoSansKR Regular',sans-serif;} div.findID div.formArea .btn * {background-color: #ec6e30; border-color: #ec6e30; color: #fff; box-sizing:border-box; width:100%; font-size:25px; height: 65px; line-height: 65px; padding: 0; font-family:'Lato-Medium',sans-serif;} div.findID div.resultArea {text-align: center; padding: 30px 0; background-color: #edebf2; font-size:22px; line-height: 26px; color:#2b2b2b; border-radius: 0 0 19px 0;} div.findID div.resultArea span {color:#ec6e30 ; font-family:'NotoSansKR Medium',sans-serif;} /* previous meeting 2022-11-30 */ div.meeting {} div.meeting:after {clear: both;display: block;content:'';font-size: 0;line-height: 0;height: 0;} div.meeting dl {position: relative;float: left;width: calc(50% - 316px);padding-left: 316px;color: #222;margin-top: 30px;} div.meeting dl:nth-child(-n+2) {margin-top: 0;} div.meeting dt {padding: 10px 0;font-family: 'Lato-Medium', sans-serif;font-size: 20px;line-height: 26px;letter-spacing: -1px;} div.meeting span {letter-spacing: -1.3px;} div.meeting img {position: absolute;left: 0;top: 0;} /* div.meeting a {display: block;width: 210px;height: 60px;margin-top: 14px;line-height: 60px;background-color: #ec6e30;font-family: 'Lato-Medium', sans-serif;color: #fff;text-decoration: none;text-align: center;} */ div.meeting a {display: block;width: 210px;height: 60px;margin-top: 14px;line-height: 60px;background-color: #2F3A6B;font-family: 'Lato-Medium', sans-serif;color: #fff;text-decoration: none;text-align: center;} /* accommodation 2023-01-30 */ div.accom {} div.accom {position: relative;padding-top: 20px;} div.accom + div.accom {margin-top: 80px;} div.accom .boldTit_2 {margin-bottom: 20px;} div.accom div.btn {position: absolute;top: 0;right: 0;font-size: 0;line-height: 0;} div.accom div.btn * {display: inline-block;vertical-align: top;min-width: 120px;height: 44px;padding: 0 15px;margin-left: 5px;color: #fff;font-size: 15px;text-align: center;line-height: 44px;} div.accom div.btn a:nth-child(1) {background-color: #2f3a6b;border-color: #2f3a6b;} div.accom div.btn a:nth-child(2) {background-color: #2895c9;border-color: #2895c9;} div.accom div.btn a:nth-child(3) {border-color: #2f3a6b;color: #2f3a6b;} dl.accomInfo {position: relative;height: 240px;margin-bottom: 20px;padding: 15px 20px 15px 700px;border: 2px solid #e4eefa;box-sizing: border-box; } dl.accomInfo dt {position: absolute;left: 0;top: 0;} dl.accomInfo ul, dl.accomInfo li {margin: 0; padding: 0; list-style: none; } dl.accomInfo li {position: relative;padding-left: 7px;margin-top: 10px;font-size: 16px;line-height: 23px;font-family: 'Lato-Regular', sans-serif;} dl.accomInfo li:first-child {margin-top: 0;} dl.accomInfo li:before {position: absolute; display: block; left: 0;top: 6px; width: 2px;height: 11px;background-color: #2f3a6b;content:'';} dl.accomInfo li span {display: block;color: #2f3a6b;font-family: 'Lato-Bold', sans-serif;} dl.accomInfo li a {color: #4169ff;text-decoration: underline;} div.accom table.tblDef tr > * {text-align: center;} div.accom table.tblDef th {background-color: #40549e;color: #fff;font-family: 'Lato-Regular', sans-serif;font-weight: normal;} div.accom p.tblNote {margin-top: 10px;} /* visa 2023-01-30 */ div.visa {color: #000;} div.visa > div {height: 400px;} div.visa > div:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; } dl.visa {position: relative;float: left;width: 420px;} dl.visa dt {height: 50px;color: #fff;background-color: #40549e;font-size: 16px;line-height: 50px;text-align: center;} dl.visa dd {height: 280px;padding: 30px;background-color: #eff1f9;color: #000;font-size: 16px;line-height: 23px;box-sizing: border-box; } dl.visa_2 {float: right;width: 760px;} dl.visa_2 dt {background-color: #ce8f22;} dl.visa_2 dd {background-color: #fff7e8;} dl.visa_2 li {margin-top: 15px;} dl.visa_2 li:first-child {margin-top: 0;} dl.visa div.btn {position: absolute;bottom: -69px;left: 50%; transform: translateX(-50%); } dl.visa div.btn a {width: 163px;height: 44px;padding: 0;line-height: 44px;color: #fff;text-align: center;font-size: 15px;background-color: #2f3a6b;box-sizing: border-box; } dl.visa_2 div.btn a {background-color: #ce7322;} ul.visaList, ul.visaList li {margin: 0; padding: 0; list-style: none; } ul.visaList {padding: 40px 0;font-size: 0;line-height: 0;background-color: #f1f9ff;} ul.visaList li {position: relative;display: inline-block;vertical-align: top;width: 33.3%;height: 114px;padding-top: 20px;font-size: 16px;line-height: 23px;text-align: center;box-sizing: border-box;font-family: 'Lato-Bold', sans-serif; } ul.visaList li:before {position: absolute; display: block; left: 0;top: 0; width: 1px; height: 100%;background-color: #40549e;content:'';} ul.visaList li:first-child:before {display: none;} ul.visaList a {position: absolute;display: block;left: 50%; transform: translateX(-50%); bottom: 10px;width: 163px;height: 44px;line-height: 44px;text-decoration: none;background-color: #2f3a6b;color: #fff;font-size: 16px;text-align: center;} /* 추가 2023-02-10 */ div.visa .pointTit {color: #2f3a6b;font-size: 18px;} ul.stepBox, ul.stepBox li, ul.procedure, ul.procedure li {margin: 0;padding: 0;list-style: none;} ul.stepBox {padding: 25px 30px;background-color: #f1f9ff;} ul.stepBox li {position: relative;font-size: 16px;line-height: 30px;} ul.stepBox li span {display: inline-block;margin-right: 10px;vertical-align: top;font-family: 'Lato-Medium', sans-serif;} ul.stepBox span.btn {display: inline-block;vertical-align: top;margin: 0 0 0 15px;font-size: 0;line-height: 0;} ul.stepBox span.btn > * {display: inline-block;vertical-align: top;padding: 0 13px;margin-left: 5px;border-radius: 0;font-size: 15px;line-height: 30px;font-family:'Lato-Regular', sans-serif;color: #fff;background-color: #3f91d1;border-color: #3f91d1;} ul.stepBox span.btn > *:first-child {background-color: #2f3a6b;border-color: #2f3a6b;} ul.procedure {margin-bottom: 30px;} ul.procedure:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';} ul.procedure li {position: relative;float: left;width: 240px;min-height: 205px;margin-left: 36px;padding: 80px 25px 0;border-radius: 0 30px 70px 0;vertical-align: top;font-size: 16px;line-height: 25px;box-sizing: border-box;text-align: left;} ul.procedure li span {position: absolute;top: 0px;left: 0;width: 100%;border-radius: 0 30px 30px 0;color: #fff;padding: 17px 25px 18px;box-sizing: border-box;} ul.procedure li:first-child {clear: both;margin-left: 0;} ul.procedure li:nth-child(2) {width: 370px;} ul.procedure li:nth-child(2) span {padding: 5px 25px 5px;} ul.procedure li:before {position: absolute;top: 50%;left: -22px;transform: translateY(-50%);width: 15px;height: 22px;background: url('/image/sub/procedure_arr.png')left top no-repeat;content: '';} ul.procedure li:first-child:before {display: none;} ul.procedure + p a.btnMore {display: inline-block;margin-left: 10px;vertical-align: top;text-decoration: none;padding: 0 25px;background-color: #2f3a6b;color: #fff;font-size: 15px;} ul.procedure + p {line-height: 45px;} /* Transportation 2023-02-10 */ div.transport {} dl.location, dl.location dt, dl.location dd, dl.location ul, dl.location li, ul.transport, ul.transport li, ul.transport a, ul.transport img {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;} div.location {height: 370px;} dl.location {padding: 30px 35px;background-color: #eff1f9;color: #000;line-height: 23px;} dl.location dt {margin-bottom: 15px;font-size: 18px;font-family: 'Lato-Bold', sans-serif;} dl.location li {font-size: 16px;} dl.location li span {display: inline-block;vertical-align: top;font-family: 'Lato-Medium', sans-serif;margin-right: 5px;} dl.location li a {color: inherit;text-decoration: none;} ul.transport {text-align: center;font-size: 0;line-height: 0;} ul.transport li {display: inline-block;vertical-align: top;margin: 0 12px;} /* traveler 2023-02-21 */ ul.traveler, ul.traveler li {margin: 0; padding: 0; list-style: none; font-size: 0;line-height: 0;} ul.traveler:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; } ul.traveler li {position: relative;float: left;width: 590px;margin-top: 20px;padding: 30px 30px 30px 150px;background-color: #f1f9ff;font-size: 16px;line-height: 23px;box-sizing: border-box; letter-spacing: -1px;} ul.traveler li:nth-child(even) {float: right;margin-left: 20px;} ul.traveler li:nth-child(-n+2) {margin-top: 0;} ul.traveler li > span {display:table-cell; width: 1000px;height: 100px;vertical-align: middle;} ul.traveler img {display: block;position: absolute;top: 50%; transform: translateY(-50%); left: 20px;} ul.traveler span.tit {display: block;margin-bottom: 5px;font-size: 20px;color: #2f3a6b;font-family: 'Lato-Bold', sans-serif;} ul.traveler strong {display: block;margin-top: 20px;} ul.traveler a {display: inline-block;margin-left: 10px;padding: 0 10px;color: #fff;text-decoration: none;background-color: #2f3a6b;line-height: 35px;letter-spacing: 0;} /*div.verification {font-size: 0;line-height: 0;}*/ div.verification > * {display: inline-block;vertical-align: top;} div.verification span.code {min-width:100px;height: 36px;padding: 0 5px;background-color: #fff;border:1px solid #ccc;box-sizing: border-box; } div.verification span.code img {display: block;height: 100%;margin:0 auto; } div.verification span.note {display: block;width: 100%;} /* 레이어팝업 */ div.layerPopup {z-index: 500;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);} div.layerPopup > div.popupWrap {position: absolute;left: 50%;top: 50%;border-radius:10px;background-color: #fff;transform:translate(-50%, -50%);} div.popupWrap {font-size: 16px;line-height: 25px;font-family:'Roboto-Regular', sans-serif;} div.popupWrap .close {position: absolute;right: 35px;top: 35px;} div.popupWrap .close a, div.popupWrap .close img {display: block;} /* main popup */ div#popupMain {width: 1700px;margin:0 auto; background-color: transparent;} div#popupMain div.popupCon {font-size: 0;line-height: 0;text-align: center;} div#popupMain div.popupCon > div {display: inline-block;vertical-align:top; } div#popupMain div.popupCon > div + div {margin-left: 20px;} div#popupMain #popClose {height: 25px;margin-top: 50px;background-color: transparent;text-align:center; } div#popupMain #popClose form {font-size: 0;line-height: 0;} div#popupMain #popClose input[type=checkbox] {display: inline-block;vertical-align:top; width: 20px;height: 20px;margin: 0;background-color: transparent;border:2px solid #fff;box-sizing: border-box; } div#popupMain #popClose label {display: inline-block;vertical-align:top; font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;font-size: 18px;line-height: 20px;} div#popupMain div.close {right: 100px;top: -75px;}