@charset "utf-8";
@import url('fontawesome.css');
@import url('pickout.css');
@import url('button.css');
@import url('Montserrat.css');
@import url('NotoSansKR.css');

body {margin: 0;}

.fl {float: left !important;}
.fr {float: right !important;}

.scrollArea {overflow-x: hidden;overflow-y: auto;}
.scrollArea::-webkit-scrollbar {width: 10px;height: 10px;background-color: #e6e6e6;}
.scrollArea::-webkit-scrollbar-thumb {background-color: #222;}

.toggleCon {display: none;}

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

.fcRed {color:#ff0066 !important;}
.fcBlue {color:#2b66c2 !important;}
.fcPoint {color:#2d81f8 !important;} /* 하늘색 */

strong {}

input[type=text],
input[type=password],
input[type=file],
input[type=date] {height:23px;padding:2px 10px;-webkit-appearance:none;}

.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],
input[type=date],
select,
textarea {border: 1px solid #d7d7d7;}

select {height: 33px;}
textarea {width: 100%;height: 100px;box-sizing:border-box;}

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

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


.tp20 {padding-top: 20px !important;}


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

.btn a,
.btn span,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:50px;padding:0 20px 5px;font-size:16px;font-weight: 300;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;-webkit-appearance:none;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}

.btn a,
.btn span {line-height:48px;padding:0 20px;}
.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;}



/* 남색 */						.btn .btnDef {background-color:#272b4b !important;border-color:#272b4b !important;color:#fff !important;}
/* 파란색 */					.btn .btnPoint {background-color:#2b66c2 !important;border-color:#2b66c2 !important;color:#fff !important;}
/* border+ 남색 */			.btn .btnBdDef {background-color:#fff !important;border-color:#272b4b !important;color:#272b4b !important;}
/* border+ 파란색 */		.btn .btnBdPoint {background-color:#fff !important;border-color:#2b66c2 !important;color:#2b66c2 !important;}


/* 회색 */				.btnGrey {background-color:#999 !important;border-color:#999 !important;color:#fff !important;}
/* 연회색 */			.btnLGrey {background-color:#757575 !important;border-color:#757575 !important;color:#fff !important;}
/* 주황색 */			.btnOrg {background-color:#fe8900 !important;border-color:#fe8900 !important;color:#fff !important;}
/* 빨간색 */			.btnRed {background-color:#e40404 !important;border-color:#e40404 !important;color:#fff !important;}
/* 보라색 */			.btnPurple {background-color:#8e5db0 !important;border-color:#8e5db0 !important;color:#fff !important;}

/* 엑셀 */				.btnExell {background-color:#34840c !important;border-color:#34840c !important;color:#fff !important;}


/* border+ 회색 */				.btnBdGrey {background-color:#fff;border-color:#999;color:#999;}
/* border+ 연회색 */			.btnBdLGrey {background-color:#e5e5e5;border-color:#bfbfbf;color:#4b4b4b;}
/* border+ 주황색 */			.btnBdOrg {background-color:#fff;border-color:#fe8900;color:#fe8900;}
/* border+ 빨간색 */			.btnBdRed {background-color:#fff;border-color:#e40404;color:#e40404;}
/* border+ 보라색 */			.btnPurple {background-color:#fff;border-color:#8e5db0;color:#8e5db0;}

.btn .btnBg {position: relative;background-position: center center;background-repeat: no-repeat;}
.btn .btnBg > * {z-index: 30;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.btn .btnConfirm {background-image: url('btn_confirm.png');}
.btn .btnOk {background-image: url('btn_ok.png');}
.btn .btnSend {background-image: url('btn_send.png');}


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

.btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;border-radius:2px;vertical-align:top;}
.btn a.btnSmall {height:auto;padding: 4px 16px 6px;line-height: 14px;}

.btn .btnSSmall {font-size: 11px;height: 17px;padding:1px 10px 0;border-radius:4px;vertical-align:top;font-family: 'Dotum', sans-serif;line-height: 14px;}
.btn a.btnSSmall {height:auto;}

.btn .btnBig {min-width:190px;font-size: 18px;height: 50px;padding:0 20px 2px;box-sizing:border-box;}
.btn a.btnBig {min-width:150px;padding: 12px 20px 17px;}

table.inputTbl .btnSmall {height:27px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:5px 10px;}

.btnIcon {position: relative;text-align: left;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon img {position: absolute;right: 25px;top: 50%;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}

.btn a img {position: relative;padding-right: 5px;vertical-align: middle;}

.btn .btnArr {display: block;width: 350px;border: 0 none;height:70px;padding: 13px 0 12px;margin: 0 auto;text-align: center;color: #fff;font-size: 22px;line-height: 45px;background: url('btnBg_arr.png') 0 0 no-repeat;font-family: 'NotoSansKR Bold', sans-serif;font-weight: 700;}

span.inputC,
span.inputR {overflow: hidden;position: relative;display: inline-block;width: 30px;height: 30px;vertical-align: top;background-color:#9ba3b2;}
span.inputC:before,
span.inputR:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: " ";background: url('layout/input_check.png') center center no-repeat;opacity: .8;}
span.inputC.on,
span.inputR.on {background-color: #4a5da5;}
span.inputC.on:before,
span.inputR.on:before {opacity: 1;}

span.inputR {border-radius: 50%;}


span.inputC input,
span.inputR input {z-index: 50;position: absolute;left: 0;top: 0;z-index: 10;display: block;width: 100%;height: 100%;margin: 0 !important;opacity: 0;}


ul.option {}
ul.option > li {display: inline-block;vertical-align: top;margin: 0;padding:0 0 0 30px;list-style:none;}
ul.option > li > span {display: block;margin: 0 auto;}

ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option > li {position: relative;margin-top: 5px;padding-left: 20px;}
ul.option > li:first-child {margin-top: 0;}
ul.option input {position: absolute;left: 0;top: 8px;margin: 0;}

/* ========================================================================================================== */
/* =============================================== 테이블 공통 CSS =============================================== */
/* ========================================================================================================== */

/* 기본 table */
table.tblDef,
table.inputTbl {width:100%; border:0; border-collapse:separate; border-spacing:0;border-top:2px solid #263b80;}


table.tblDef > * > tr > *,
table.inputTbl > * > tr > * {padding:5px 10px 6px;border: 0 none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;text-align: center;color: #111;font-family: 'NotoSansKR DemiLight', sans-serif;font-size: 17px;background-color: #fff;}

table.tblDef > * > tr > * {}
table.tblDef > * > tr > *:first-child {border-left: 0 none;}

table.tblDef > * > tr > * {padding: 10px 20px 12px;}
table.listTbl > * > tr > * {padding: 5px;}
table.listTbl > * > tr > * > a {text-decoration: none;color: #666;}
table.listTbl > * > tr > * > a:hover,
table.listTbl > * > tr > * > a:focus {text-decoration: underline;}

table.tblDef > * > tr > th,
table.inputTbl > * > tr > th {background-color:#f4f5f9;font-family: 'NotoSansKR Medium', sans-serif;font-weight:normal;}


table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td {padding: 10px 25px;text-align: left;}
table.inputTbl > thead > tr > th {text-align: center;line-height: 1.2;}

table.inputTbl > * > tr > th .essen {margin-left: -1em;}
table.inputTbl > * > tr > th span {line-height: 33px;}



table.innerTbl > * > tr > * {padding: 5px 10px;border-top: 1px solid #d2d2d2;}
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}


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


table.ac > * > tr > * {text-align:center !important;}
table.ac > * > tr > *.al {text-align:left !important;}

table.inputTbl > * > tr > td.pluginArea {padding: 0;}

table.inputTbl > * > tr > * > label,
table.inputTbl > * > tr > * > span {vertical-align: top;}
table.inputTbl > * > tr > td > .note {color:#dd3131;font-size:12px;}

table.inputTbl input[type=text], table.inputTbl input[type=password] {width: 700px;height: 42px;box-sizing:border-box;border-color: #9ba3b2;background-color: #9ba3b2;color: #fff;}
table.inputTbl > * > tr > td.date input[type=text] {width: 120px;}


div.webinarIntro {position: relative;height: 800px;background-color: #f3f9ff;font-family: 'NotoSansKR Regular', sans-serif;}
div.webinarIntro > div {position: absolute;left: 50%;top: 50%;width: 968px;height: 679px;margin: -290px 0 0 -484px;}
div.webinarIntro h1 {margin: 0;padding-bottom: 35px;}
div.webinarIntro h1 a, div.webinarIntro h1 img {display: block;margin: 0 auto;}

ul.introBtn, ul.introBtn li {margin: 0;padding: 0;list-style:none;}
ul.introBtn {}
ul.introBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.introBtn > li {float: right;box-shadow:0 0 20px rgba(0,0,0,.15);}
ul.introBtn > li:first-child {float: left;}
ul.introBtn a, ul.introBtn img {display: block;}
ul.introBtn a {}2021-06-10

dl.notice, dl.notice dt, dl.notice dd {margin: 0;padding: 0;}
dl.notice {margin-top: 30px;padding: 30px 40px;background-color: rgba(48,55,75,.95);color: #fff;font-size: 17px;line-height: 30px;box-shadow:0 0 20px rgba(0,0,0,.15);}
dl.notice > dt {padding-bottom: 10px;color: #ffdd4c;font-size: 18px;}



/* 로그인 */
form, fieldset, legend {margin: 0;padding: 0;border: 0 none;}
legend {height: 0;line-height: 0;font-size: 0;}

div.loginWrap * {margin: 0;padding: 0;list-style:none;}
div.loginWrap {position: relative;min-height: 900px;background: url('layout/login_bg.png') right top no-repeat;background-size: cover;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}

div.loginArea {position: absolute;left: 50%;top: 50%;width: 600px;height: 773px;margin: -386px 0 0 -300px;}
div.loginArea:after {display: block;width: 100%;height: 76px;content: "";background: url('layout/login_bg_logo.png') center bottom no-repeat;}
div.loginArea h1 {margin: 0;padding:0 0 35px;}
div.loginArea h1 img {display: block;margin: 0 auto;}

div.loginArea div.formArea {position: relative;width: 550px;margin: 0 auto;padding:40px 25px 95px;box-sizing:border-box;color: #ec1a1a;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;background-color: rgba(255,255,255,.95);box-shadow:0 0 30px rgba(0,0,0,.35);}
div.loginArea div.note {padding-bottom:30px;text-align: center;color: #ec1a1a;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;}
div.loginArea div.note strong {display: block;padding-bottom: 10px;color: #010101;font-size: 26px;font-family: 'NotoSansKR Bold', sans-serif;}
div.loginArea dl {position: relative;margin:0 25px;} 
div.loginArea dt {position: absolute;top: 50px;padding: 0;}
div.loginArea dt label {display: block;color: #343434;font-size: 16px;line-height: 40px;font-family: 'NotoSansKR Medium', sans-serif;}
div.loginArea dd {padding-left: 75px;border-bottom: 1px solid #ccc;}

div.loginArea dt:first-child {top: 0;}
div.loginArea dt:first-child + dd {margin-bottom: 10px;}
div.loginArea dd input {display: block;width: 100%;height: 40px;padding: 0 30px;border: 0 none;box-sizing:border-box;background: transparent;}

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


div.loginArea div.btn input, 
div.loginArea div.btn a {position: absolute;bottom: 0;display: block;width: 50%;height: 62px;font-size: 22px;font-family: 'NotoSansKR Medium', sans-serif;color: #fff;box-sizing:border-box;font-weight: normal;text-align: center;}
div.loginArea div.btn input {left: 50%;background-color: #44489d;border-color: #44489d;}
div.loginArea div.btn a {left: 0;line-height: 60px;background-color: #ba3496;border-color: #ba3496;}
div.loginArea div.btn a span {font-size: 22px;border: 0 none;padding: 0;font-family: 'NotoSansKR DemiLight', sans-serif;}

div.loginArea ul.listDot {padding-top: 20px;}
div.loginArea ul.listDot li {font-size: 15px;color: #666;letter-spacing:-1px;}
div.loginArea ul.listDot a {display: inline-block;color: #424db4;border-bottom: 1px solid #424db4;}


ul.loginUtil, ul.loginUtil li, ul.loginUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.loginUtil {position: absolute;left: 0;bottom: 0;width: 100%;}
ul.loginUtil > li {float: left;width: 200px;}
ul.loginUtil a {display: table-cell;width: 200px;height: 65px;vertical-align: middle;text-align: center;color: #fff;font-size: 20px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.loginUtil li:nth-child(1) a {background-color: #9463a6;}
ul.loginUtil li:nth-child(2) a {background-color: #43afb5;}
ul.loginUtil li:nth-child(3) a {background-color: #1a2c6a;}
a.conLink {display: inline-block !important;color: #424db4;border-bottom: 1px solid #424db4;text-decoration: none;}

 
div.loginArea p.goto {position: absolute;left: -200px;top: 160px;margin: 0;}
div.loginArea p.goto a, div.loginArea p.goto img {display: block;}

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

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


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

div.wrapper {position: relative;position: relative;min-width: 1300px;padding-top: 96px;font-family: 'NotoSansKR Regular', sans-serif;font-size: 16px;line-height:1.7;font-weight:300;color: #666;background: #fff;}
div#headerWrap {z-index: 100;position: absolute;left: 0;top: 0;width: 100%;border-bottom: 1px solid rgba(0,0,0,.07);background-color: #fff;}
div#headerWrap > div {position: relative;width: 1300px;height: 95px;margin: 0 auto;}
div#headerWrap h1 {position: absolute;left: 0;top: 26px;margin: 0;}
div#headerWrap h1 a, div#headerWrap h1 img {display: block;}


ul#gnb {position: absolute;right: 0;top: 32px;margin: 0;padding: 0;}
ul#gnb > li {position: relative;float: left;margin: 0;padding: 0 25px;vertical-align: top;list-style:none;}
ul#gnb > li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 16px;margin-top: -8px;content: " ";background-color: #538698;}
ul#gnb > li:first-child {padding-left: 0;}
ul#gnb > li:first-child:before,
ul#gnb > li.logout:before {display: none;}

ul#gnb > li.mypage,
ul#gnb > li.logout {}
ul#gnb > li.mypage {}

ul#gnb a {display: block;text-decoration: none;color: #000;font-size: 20px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}
ul#gnb .on a {color: #1d479c;box-shadow:inset 0 -15px 0 #1e6fe938}

div.typeA ul#gnb .on a {}
div.typeB ul#gnb .on a {}


ul#gnb > li.mypage a {}
ul#gnb > li.logout {padding-left: 0;}
ul#gnb > li.logout a {width: 95px;font-size: 16px;border-radius:5px;background-color: #bd2b92;color: #fff;font-family: 'NotoSansKR Regular', sans-serif;}



div#container {position: relative;}

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

ul.quickMenu li {display: inline-block;vertical-align: top;width: 120px;margin-left: 7px;}
ul.quickMenu li:first-child {margin-left: 0;}
ul.quickMenu a {display: block;height: 22px;padding: 9px 0 11px;line-height: 22px;border: 1px solid #fff;color: #1c1d27;background-color: #fff;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}
ul.quickMenu li:first-child a {background-color: transparent; color:#fff;border-color: #fff;}
ul.quickMenu a.logout {border-color: #ffcd1e;background-color: #ffcd1e;color: #20275d;}

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

ul#quickMenu {z-index: 10;position: fixed;right: 0;top: 300px;}
ul#quickMenu li {position: relative;margin-top: 1px;}
ul#quickMenu li:first-child {margin-top: 0;}
ul#quickMenu a {overflow: hidden;position: relative;display: block;padding:0 5px 0 40px;color: #fff;background-color: #bd2b92;font-size:15px;}
ul#quickMenu span {display: table-cell;height: 40px;vertical-align: middle;line-height: 15px;text-align: center;}
ul#quickMenu img {position: absolute;left: 0;top: 0;display: block;}

#goTop {display: none;position: absolute;left: 50%;top: 350px;margin-left: 670px;}
#goTop a {display: block;width: 53px;padding: 10px 0;border-radius:5px;color: #0d0c22;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;text-decoration: none;}
#goTop a:before {display: block;content: "\f0d8";font-family: "Font Awesome 5 Free";font-weight: 900;}

div.main #goTop {display: none !important;}



div#footerWrap {padding: 26px 0;background-color: #24324b;}
div#footerWrap, div#footerWrap a {color: #fff;text-decoration: none;font-family: 'NotoSansKR DemiLight', sans-serif;font-size: 15px;line-height: 26px;}
div#footerWrap > div {position: relative;width: 1300px;margin: 0 auto;padding:0  260px;background: url('layout/footer_logo.png') left center no-repeat;box-sizing:border-box;}
div#footerWrap address {font-style: normal;}

dl.footerInfo {overflow: hidden;margin: 0;padding: 0;}
dl.footerInfo dt,
dl.footerInfo dd {float: left;margin: 0;color: #fff;}

dl.footerInfo ul {overflow: hidden;margin: 0;padding: 0;}
dl.footerInfo li {position: relative;float: left;padding-left: 30px;margin: 0;list-style:none;}
dl.footerInfo li:before {position: absolute;left: 15px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #adadad;}

dl.footerTech {position: absolute;right: 0;top: 50%;color: #fff;margin:-33px 0 0;padding: 0;font-family: 'NotoSansKR Light', sans-serif;font-size: 15px;line-height: 20px;}
dl.footerTech dt {margin: 0;font-family: 'NotoSansKR Medium', sans-serif;}
dl.footerTech dd {margin: 0;padding: 0;}
dl.footerTech ul, dl.footerTech li {margin: 0;padding: 0;list-style:none;}


.pageTit {width: 1300px;margin: 0 auto;padding: 33px 0;color: #111;text-align: center;font-size: 30px;line-height: 60px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}


div.contents {width: 1300px;padding-bottom: 70px;margin: 0 auto;font-size: 16px;color: #333;font-family: 'NotoSansKR Regular', sans-serif;}

.subTit {margin: 50px 0 10px;padding: 0 0 0 20px;color: #111;font-size: 20px;line-height: 26px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;background: url('layout/subTit.png') 0 8px no-repeat;}
.subTit:first-child {margin-top: 0;}

ul.subMenu, ul.subMenu li, ul.subMenu a {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {text-align: center;font-size: 0;line-height: 0;}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu > li {display: inline-block;width: 260px;vertical-align: top;box-sizing:border-box;}
ul.subMenu a {border: 1px solid #a8a8a8;border-left: 0 none;padding: 11px 15px 15px;font-size: 17px;line-height: 27px;font-family: 'NotoSansKR Regular', sans-serif;color: #4d4d4d;text-align: center;background-color: #fff;}
ul.subMenu > li:first-child {border-left: 1px solid #a8a8a8;}

ul.subMenu .on a {font-family: 'NotoSansKR Medium', sans-serif;background-color: #0c4da2 !important;border-color: #0c4da2;color: #fff;}

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

ul.conMenu, ul.conMenu li, ul.conMenu a {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.conMenu {}
ul.conMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.conMenu > li {float: left;}
ul.conMenu a {padding: 10px 0 11px;border-bottom: 1px solid #a8a8a8;color: #696969;font-size: 18px;line-height: 22px;font-family: 'NotoSansKR DemiLight', sans-serif;text-align: center;}
ul.conMenu span {font-family: 'NotoSansKR Medium', sans-serif;}
ul.conMenu .on a {padding-bottom: 8px;color: #0066b3;border-bottom:4px solid #0066b3;}





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

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

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


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


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


.txtUnderline {display: inline-block;color: #235db6;box-shadow: inset 0 -8px 0 #dee7f4;}


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

div.layerPopup div.popupWrap {position: absolute;left: 50%;top: 50%;background-color: #fff;}

div.popupWrap h1 {padding: 20px 0;margin: 0;color: #fff;font-size: 26px;line-height: 60px; font-weight: normal;background-color:#0c4da2;text-align: center;}
div.popupCon {padding: 20px;}


/* 팝업 > Zoom */
div#popupZoom {}
div#popupZoom h1 {padding: 0;line-height: 80px;font-size: 36px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #0c4da2;font-weight: normal;}
div#popupZoom div.close {right: 40px;top: 28px;}
div#popupZoom div.popupCon {padding: 30px 0;}
div#popupZoom div.popupCon:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div#popupZoom dl {float: left;width: 400px;margin: 0;padding: 0 35px;border-left: 1px dashed #acacac;box-sizing:border-box;text-align: center;font-size: 24px;line-height: 28px;font-family: 'NotoSansKR Medium', sans-serif;}
div#popupZoom dl:first-child {border-left: 0 none;}
div#popupZoom dt {margin: 0;padding-bottom: 20px;color: #0c4da2;letter-spacing:-1px;}
div#popupZoom dt img {display: block;margin: 0 auto;}
div#popupZoom dt span {display: block;padding: 5px 0;color: #232323;font-size: 20px;line-height: 24px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div#popupZoom dd {margin: 0;color: #232323;}
div#popupZoom dd.btn {overflow: hidden;padding-top: 30px;}
div#popupZoom dd.btn a {float: left;width: 100%;border: 0 none;padding: 0 0 4px;color: #fff;background-color: #0c4da2;font-size: 18px;line-height: 50px;font-family: 'NotoSansKR Medium', sans-serif;}
div#popupZoom dd.btn a:first-child {background-color: #bd2b92;}

/* main */
div.wrapper.main {background: url('layout/main_bg.png') center top no-repeat;background-size: cover;}
.main div#headerWrap {background: none;}
.main div#container {position: relative;}

div.main .pageTit {display: none;font-size: 0;line-height: 0;}
div#container h1 {margin: 0;}
div#container h1 img {display: block;margin: 0 auto;}


div.btnBooth,
div.btnEnter,
div.btnPoster {position: absolute;left: 50%;}

div.btnBooth a,
div.btnEnter a,
div.btnPoster a {position: relative;display: block;height: 100%;text-indent: -10000px;}

div.btnBooth {top: 345px;width: 160px;height: 60px;margin-left: -593px;}
div.btnEnter {top: 204px;width: 459px;height: 144px;margin-left: -233px;}

div.btnEnter a {background: url('layout/main_enter_on.png') 0 0 no-repeat;}
div.btnEnter img {display: block;opacity: 1;}
div.btnEnter a:hover img {opacity: 0;animation-duration:1s;animation-name:fadeIn;}

@keyframes fadeIn {
	0% {opacity:1;}
	100% {opacity:0;}
}



div.main div.contents {width: auto;min-width:1375px;}
div.main h3 {width: 1300px;margin: 0 auto;padding: 60px 0 78px 0;}
div.main h3 img {display: block;}

ul.mainMenu, ul.mainMenu li, ul.mainMenu a,ul.mainMenu img {display: block;margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.mainMenu {text-align: center;font-size: 0;line-height: 0;}

ul.mainMenu > li {display: inline-block;height: 244px;height: 244px;margin-left: 20px;vertical-align: top;}
ul.mainMenu > li:first-child {margin-left: 0;}
ul.mainMenu a {position: relative;display: block;width: 244px;height: 244px;border-radius:50%;box-shadow:27px 27px 35px rgba(0,0,0,.1);}
ul.mainMenu a:after {position: absolute;left: 50%;top: 50%;width: 60px;height: 60px;margin-left: -30px;border-radius:50%;background-color: #fff;background-position: center center;background-repeat: no-repeat;opacity: 0;content: "";box-shadow:7px 7px 50px rgba(0,0,0,.1);transition: all 0.3s;}
ul.mainMenu a:hover:after {opacity: 1;transform: translateY(90px);}

ul.mainMenu > li:nth-child(1) a:after {background-image: url('layout/mainMore_01.png');}
ul.mainMenu > li:nth-child(2) a:after {background-image: url('layout/mainMore_02.png');}
ul.mainMenu > li:nth-child(3) a:after {background-image: url('layout/mainMore_03.png');}
ul.mainMenu > li:nth-child(4) a:after {background-image: url('layout/mainMore_04.png');}
ul.mainMenu > li:nth-child(5) a:after {background-image: url('layout/mainMore_05.png');}

ul.mainMenu a img {display: block;}

div.message {position: absolute;left: 50%;top: 76px;width: 470px;height: 262px;margin-left: -120px;background: #646464 url('layout/vod.png') center center no-repeat;}


/* 공지사항 */
dl.introBbs, dl.introBbs dt, dl.introBbs dd, dl.introBbs ul, dl.introBbs li {margin: 0;padding: 0;list-style:none;}
dl.introBbs a, dl.introBbs img {display: block;color: #fff;text-decoration: none;}
dl.introBbs {position: absolute;right: 20px;bottom: 20px;width:420px;height: 0;border-radius:4px;padding: 0 25px 0;background-color:#282c32;box-sizing:border-box;color: #fff;opacity: 0;    bottom: 20px;
    display: none;}
dl.introBbs dt {padding: 18px 0 4px;font-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.introBbs dd.close {position: absolute;right: 25px;top: 18px;width: 22px;height: 22px;}
dl.introBbs li {position: relative;padding-left: 10px;}
dl.introBbs li:before {position: absolute;left: 0;top: 0;content: "-";}
dl.introBbs li a {display: inline-block;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: top;font-family: 'OpenSans-Light', 'NotoSansKR DemiLight', sans-serif;font-size: 15px;}


/* 팝업 > 동영상 */
div#popupVod {width: 917px;height: 516px;margin: -258px 0 0 -459px;}
div#popupVod div.popupCon {padding: 0;}
div#popupVod video {width: 917px;}
div#popupVod div.close {right: 0;top: -40px;}

/* 팝업 > FAQ */
div#popupFaq div.popupWrap {width: 800px;height: 706px;margin: -353px 0 0 -400px;box-sizing:border-box;}


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

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

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

div#popupFaq .scrollArea {overflow-x: hidden;overflow-y: auto;height: 421px;}
div#popupFaq .scrollArea::-webkit-scrollbar {width: 8px;height: 8px;background-color: #e8e8e8;}
div#popupFaq .scrollArea::-webkit-scrollbar-thumb {background-color: #c4c4c4;}
div#popupFaq .btn {padding-top: 20px;text-align: center;}
div#popupFaq .btn a {width: 250px;height: 55px;color: #fff;border-radius: 5px;background-color: #0c4da2;border-color: #0c4da2;text-decoration: none;font-size: 17px;font-family: 'NotoSansKR Medium', sans-serif;}

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

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

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

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

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

dl.faq div.btn a {margin-top: 5px;}




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

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

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

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

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

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

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




/* 팝업 > 프로그램 */
#popupProgram h1 {padding: 16px 0;font-size: 24px;line-height: 32px;font-family: 'NotoSansKR Medium', sans-serif;}
#popupProgram h1 span {display: block;}
#popupProgram div.popupWrap {width: 1200px;height: 679px;margin: -340px 0 0 -600px;box-sizing:border-box;}



#popupProgram ul.tabMenu {padding-bottom: 30px;}
#popupProgram div.scrollArea {overflow: auto;height: 488px;}

#popupProgram table.tblDef {border-top-color: #007fde;border-bottom: 1px solid #e7e7e7;}
#popupProgram td {border: 0 none;}
#popupProgram td.tit {text-align: left;}
#popupProgram td:last-child {text-align: right;}
#popupProgram tr.bg > * {background-color: #f2f8fd;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;color: #235db6;font-family: 'NotoSansKR Medium', sans-serif;}
#popupProgram tr.bg strong {font-family: 'NotoSansKR Black', sans-serif;}

table.tblProgram {border: 0 none;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;}
table.tblProgram th,
table.tblProgram td {padding:5px 5px 7px;border: 0 none;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;font-size:11px;font-family:Malgun Gothic,"Malgun Gothic",malgungothic,Dotum,"Apple Gothic",sans-serif;vertical-align:middle;line-height:1.2em;text-align:center;}
table.tblProgram th {color:#222;font-weight:bold;}
table.tblProgram td {height:20px;}
table.tblProgram td.time {width:80px;padding:5px 0 7px;text-align:center;background-color: #f2f2f2;}
table.tblProgram td.tit {font-weight:bold;background-color: #ffff99;}
table.tblProgram td.break {text-align:center;}
table.tblProgram td.con {width: 250px;text-align:left;}
table.tblProgram td.speaker {text-align:right;}




table.tblDetail {width:100%;border: 0 none;border-top: 2px solid #8468a6;border-left:1px solid #d3d3d3;}
table.tblDetail th,
table.tblDetail td {padding:5px 5px 7px;border: 0 none;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;font-size:13px;font-family:Malgun Gothic,"Malgun Gothic",malgungothic,Dotum,"Apple Gothic",sans-serif;vertical-align:middle;line-height:1.2em;text-align: center;}
table.tblDetail th {color:#ffffff;background-color:#8468a6;font-weight:bold;text-align:center;}
table.tblDetail td.room {color: #000;background-color: #fafafa;}
table.tblDetail td.time {color: #000;background-color: #fafafa;}
table.tblDetail td.tit {text-align: left;}
table.tblDetail td.break {font-style:italic;}
table.tblDetail td.speaker {text-align:right;font-weight: bold;}
table.tblDetail td.moderator {background-color: #eae6f0;color:#8468a6;font-weight: bold;}

table.tblDetail tr.sessionTit th,
table.tblDetail tr.sessionTit td {background-color: #eae6f0;color:#8468a6;font-weight: bold;}



/* 팝업 > 초록집 팝업 */
#popupAbs div.popupWrap {width: 550px;height: 260px;margin: -130px 0 0 -275px;border: 3px solid #272b4b;box-sizing:border-box;background-color: #fff;}
#popupAbs div.popupCon {}
#popupAbs h1 {padding: 25px 0;margin: 0;text-align: center;color: #000;font-size: 25px;line-height: 35px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
#popupAbs ul {margin: 0;padding: 0;text-align: center;font-size: 0;line-height: 0;}
#popupAbs li {display: inline-block;width: 190px;height: 130px;vertical-align: top;margin: 0 0 0 20px;list-style:none;}
#popupAbs li a {display: table-cell;width: 190px;height: 130px;text-align: center;vertical-align: middle;color: #fff;font-size: 20px;line-height: 26px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #2837ab;text-decoration: none;}
#popupAbs li:first-child {margin-left: 0;}
#popupAbs li:first-child a {background-color: #48a9e7;}

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


/* 특별세션 */
ul.session, ul.session li, ul.session a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.session {}
ul.session:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.session li {float: right;width: 640px;height: 206px;margin-bottom: 20px;background-position: 0 0;background-repeat: no-repeat;}
ul.session li:nth-child(odd) {clear: both;float: left;}
ul.session li:nth-child(1) {background-image: url('layout/sessionBg_01.png');}
ul.session li:nth-child(2) {background-image: url('layout/sessionBg_02.png');}
ul.session li:nth-child(3) {background-image: url('layout/sessionBg_03.png');}
ul.session li:nth-child(4) {background-image: url('layout/sessionBg_04.png');}
ul.session a {display: block;height: 206px;padding: 40px 100px 0 35px;}

ul.session a > span {display: block;}
ul.session span.tit {    word-break: keep-all;padding-bottom: 15px;color: #000;font-size: 26px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.session span.con {    word-break: keep-all;position: relative;padding-left: 10px;color: #222;font-size: 16px;line-height: 28px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.session span.con:before {position: absolute;left: 0;top: 14px;width: 2px;height: 2px;content: "";background-color: #222;}
ul.session span.con span {color: #4e4e4e;font-family: 'NotoSansKR DemiLight', sans-serif;}


/* 특별강연 */
dl.special, dl.special dt, dl.special dd {margin: 0;padding: 0;}
dl.special {position: relative;height: 322px;border: 1px solid #c2cad5;margin-top: 90px;font-size: 0;line-height: 0;background-color: #f7faff;}
dl.special.left {margin-left: 40px;background: url('layout/special_1.png') right bottom no-repeat;}
dl.special.right {margin-right: 40px;background: url('layout/special_2.png') left bottom no-repeat;}
dl.special dd.vod {position: absolute;top: -40px;width: 490px;height: 320px;background: #646464 url('layout/vod.png') center center no-repeat;}
dl.special a.favor {position: absolute;top: 40px;font-size: 0;line-height: 0;}


dl.special.left dd.vod {left: -40px;}
dl.special.left a.favor {right: 20px;}
dl.special.right dd.vod {right: -40px;}
dl.special.right a.favor {right: 470px;}


/* 부분 및 연구회 */
dl.sessionTit {position: relative;margin: 0;padding: 50px 25px 0 0;}
dl.sessionTit > dd {margin: 0;padding: 5px 0 0 20px;font-family: 'NotoSansKR DemiLight', sans-serif;font-size: 17px;}
dl.sessionTit ul.listDot li:before {background-color: #222;}
dl.sessionTit ul.listDot span {color: #222;font-family: 'NotoSansKR Medium', sans-serif;}

dl.sessionTit > dd.zoom {position: absolute;right: 0;top: 50%;width: 235px;height: 56px;margin-top: -28px;padding: 0;}
dl.sessionTit > dd.zoom a {position: relative;display: block;padding: 14px 0;border-radius:56px;font-size: 18px;line-height: 28px;color: #fff;text-align: center;background-color: #414099;text-decoration: none;}
dl.sessionTit > dd.zoom a:before {position: absolute;left: 28px;top: -13px;padding: 0 15px;color: #fff;border-radius:13px;background-color: #;font-size: 13px;line-height: 26px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.sessionTit > dd.zoom a.ready:before {content: "준비중";background-color: #1b9577;}
dl.sessionTit > dd.zoom a.ing:before {content: "진행중(On-Air)";background-color: #c92d2d;}
dl.sessionTit > dd.zoom a.comp:before {content: "종료";background-color: #777;}
dl.sessionTit > dd.zoom img {display: inline-block;padding-left: 10px;vertical-align: top;}


dl.sessionTit + * {margin-top: 50px;}

table.session {border-top: 1px solid #1251a4;}
table.session > * > tr > * {font-size: 16px;line-height: 20px;color: #222;}
table.session > thead > tr > th {background-color: #e7edf6;}
table.session td.tit {text-align: left;}
table.session td.tit a {color: #222;text-decoration: none;}

table.session td a {margin-left: 5px;}
table.session td a:first-child {margin-left: 0;}

a.vod {display: inline-block;vertical-align: top;color: #757575;font-size: 13px;line-height: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;text-decoration: none;}
a.vod:before {display: block;width: 50px;height: 50px;margin-bottom: 5px;content: "";background: url('layout/icon_vod.png') center top no-repeat;}

a.favor {display: inline-block;vertical-align: top;color: #757575;font-size: 13px;line-height: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;text-decoration: none;}
a.favor:before {display: block;width: 50px;height: 50px;margin:0 auto 5px;border-radius:50%;content: "";background: #e9e9e9 url('layout/icon_favor_off.png') center center no-repeat;}
a.favor.on:before {display: block;width: 50px;height: 50px;margin:0 auto 5px;border-radius:50%;content: "";background: #ffc600 url('layout/icon_favor_on.png') center center no-repeat;}


/* 기업 세미나 */
div#container.seminar {background: url('layout/seminar_bg.png') center top no-repeat;}
div.seminar ul.subMenu a {background-color: transparent;}

ul.seminar, ul.seminar li {margin: 0;padding: 0;list-style:none;}
ul.seminar {padding-top: 50px;}
ul.seminar:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.seminar > li {float: left;width: 33%;text-align: center;}
ul.seminar > li:nth-child(3n+1) {width: 34%;}
ul.seminar a {display: inline-block;vertical-align: top;}
ul.seminar img {display: block;}





/* 기업세미나 상세보기 팝업 */
div#popupDetail {position: relative;width: 1300px;height: 744px;background-color: #fff;}
.layerPopup div#popupDetail {position: absolute;left: 50%;top: 50%;margin: -372px 0 0 -650px;background-color: transparent;}
.layerPopup div#popupDetail .close {position: absolute;right: 23px;top: 23px;}

div#popupDetail h1 {margin: 0;padding: 0;background-color: #263b80;color: #fff;font-size: 30px;line-height: 90px;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
div#popupDetail div.popupCon {height: 744px;padding: 0;background-color: #fff;}

div#popupDetail ul.seminar {display: table-cell;width: 1300px;height: 654px;padding: 0;text-align: center;font-size: 0;line-height: 0;background: url('layout/popup_seminarBg.png') center top no-repeat;background-size: cover;vertical-align: middle;}
div#popupDetail ul.seminar li {float: none;display: inline-block;vertical-align: middle;}

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

div#popupDetail ul.menu li.list {width: auto;}
div#popupDetail ul.menu li.list + li:before {display: none;}
div#popupDetail ul.menu li.list a {opacity: 1;} 
div#popupDetail ul.menu li.list img {display: block;margin: 0;}

div#popupDetail ul.menu .on a {opacity: 1;}
div#popupDetail ul.menu .on span {border-color: #fff;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}
div#popupDetail div.popupCon > div {height: 657px;padding: 35px 40px;box-sizing:border-box;}

div#popupDetail h3 {margin: 0 0 20px;}

/* 기업세미나 상세 > Company  */
div.seminarInfo {position: relative;}
div.seminarInfo div.scrollArea {height: 587px;padding-right: 30px;}

div.seminarInfo h3.logo {float: left;}
div.seminarInfo .goto {float: right;margin:20px 0 0;}
div.seminarInfo .goto a {display: block;width: 160px;padding: 10px 30px;background-color: #263b80;color: #fff;font-size: 15px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;text-decoration: none;}
div.seminarInfo .goto img {display: inline-block;float: right;padding-top: 10px;}
div.seminarInfo h4 {clear: both;}

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

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




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

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

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

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

div.guest div.btn .btnSend {position: relative;display: block;width: 200px;height: 50px;margin: 0 auto;border-color: #272b4b;background-color: #272b4b;}
div.guest div.btn .btnSend input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;opacity: 0;}
div.guest div.btn .btnSend img {position: absolute;right: 20px;top: 50%;height: 16px;margin-top: -8px;}




/* 구두발표 */
div.searchArea {padding: 30px 0;background-color: #e1ecfa;font-size: 0;line-height: 0;text-align: center;}
div.searchArea select,
div.searchArea input {width: 175px;height: 42px;margin-left: 10px;border: 0 none;background-color: #fff;box-sizing:border-box;color: #414141;font-size: 15px;}
div.searchArea input[type=text] {width: 430px;padding: 5px 15px;}
div.searchArea legend + *,
div.searchArea input[type=submit] {margin-left: 0;}
div.searchArea input[type=submit] {width: 88px;color: #fff;background-color: #0c4da2;}


ul.subject, ul.subject li, ul.subject a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subject {padding-top: 30px;}
ul.subject:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subject > li {float: left;width: calc(25% - 9px);margin:12px 0 0 12px;}
ul.subject > li:nth-child(4n+1) {clear: both;margin-left: 0;}
ul.subject a {position: relative;display: block;padding: 15px 50px 15px 30px;border: 1px solid #1251a4;color: #1251a4;font-size: 17px;line-height: 27px;font-family: 'NotoSansKR Regular', sans-serif;}
ul.subject a:after {position: absolute;right: 30px;top: 50%;width: 10px;height: 15px;margin-top: -8px;content: "";background: url('layout/subject.png') center center no-repeat;}

ul.subject a:hover,
ul.subject a:focus {background-color: #1251a4;color: #fff;box-shadow:0 0 10px rgba(0,0,0,.2);}
ul.subject a:hover:after,
ul.subject a:focus:after {background-image: url('layout/subject_on.png');}

dl.subject, dl.subject dt, dl.subject dd {margin: 0;padding: 0;}
dl.subject {padding-top: 30px;}
dl.subject dt {float: left;padding-left:20px;color: #1251a4;font-size: 24px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: normal;background: url('layout/subTit.png') 0 10px no-repeat;}
dl.subject dd {float: left;}
dl.subject dd.bg {clear: both;float: none;padding: 0 20px;background: #edeff5 url('layout/oral_bg.png') right bottom no-repeat;}

ul.sessionInfo, ul.sessionInfo li {margin: 0;padding: 0;list-style:none;}
ul.sessionInfo {overflow: hidden;padding: 7px 0 0 20px;}
ul.sessionInfo li {position: relative;float: left;padding-left: 37px;color: #333;font-size: 15px;font-family: 'NotoSansKR Regular', sans-serif;}
ul.sessionInfo li:before {position: absolute;left: 18px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #c6c6c6;}
ul.sessionInfo li:first-child {padding-left: 0;}
ul.sessionInfo li:first-child:before {display: none;}
ul.sessionInfo span {color: #1251a4;}


ul.subList, ul.subList li, ul.subList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subList {margin-bottom: 50px;padding: 16px 0 20px;}
ul.subList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subList > li {float: left;width: calc(50% - 2px);padding:4px 0 0 4px;}
ul.subList > li:nth-child(odd) {clear: both;padding-left: 0;}
ul.subList a {position: relative;display: block;padding:0 30px 0 10px;    letter-spacing: -1px;background-color: #fff;color: #222;font-size: 15px;line-height: 53px;}
ul.subList a:hover{    background: #d7e0ec;}
ul.subList a.on{ background: #d7e0ec;}
ul.subList a:before {position: absolute;right: 10px;top: 50%;width: 8px;height: 11px;margin-top: -6px;content: "";background: url('layout/subList.png') center center no-repeat;}
ul.subList a:after {display: inline-block;padding-left: 8px;vertical-align: top;color: #d00;font-size: 15px;    letter-spacing: -1px;content: attr(data-num);font-family: 'Montserrat-SemiBold', sans-serif;}

p.count {margin: 0;color: #333;font-size: 15px;line-height: 20px;    margin-bottom: 7px;}
p.count span {color: #d00;}

h3.subTit.fl + p.count {float: right;padding-top: 60px;text-align: right;}

ul.thumbList, ul.thumbList li, ul.thumbList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.thumbList {clear: both;border-top: 2px solid #1251a4;border-bottom: 2px solid #1251a4;}
ul.thumbList > li {position: relative;padding: 35px 60px 35px 200px;border-bottom: 1px solid #e0e0e0;}
ul.thumbList > li:hover{background: #edeff5;}
ul.thumbList a.thumb {position: absolute;left: 10px;top: 20px;width: 174px;height: 116px;overflow:hidden;border: 1px solid #e5e5e5;background: #f9f9f9 url('layout/thumb_bg.png') center center no-repeat;}
ul.thumbList a.thumb img {display: block;width: 100%;/* height: 100%; */}
ul.thumbList a.tit {position: relative;display: block;padding-top: 35px;color: #0c4da2;   font-weight: bold;}
ul.thumbList a.tit:before {position: absolute;left: 0;top: 0;display: block;padding: 0 5px;color: #fff;font-size: 13px;line-height: 26px;content: attr(data-category);font-family: 'NotoSansKR Regular', sans-serif;background-color: #4c596a;}
ul.thumbList span.speaker {display: inline-block;color: #848484;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.thumbList a.email {position: relative;display: inline-block;margin-left: 28px;border-bottom: 1px solid #0c4da2;color: #0c4da2;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.thumbList a.email:before {position: absolute;left: -15px;top: 50%;display: block;width: 1px;height: 10px;margin-top: -4px;content: "";background-color: #d1d1d1;}
ul.thumbList a.favor {position: absolute;right: 20px;top: 50%;height: 71px;margin-top: -35px;}


ul.thumbList + div.btn {margin: 30px 0 0;text-align: right;}

.btn a.btnList {display: inline-block;vertical-align: top;background-color: #414099;border-color: #414099;color: #fff;}
.btn a.btnList img {display: inline-block;padding: 13px 10px 0 0;vertical-align: top;}

ul.pager {margin: 0;padding: 15px 0;text-align:center;}
ul.pager li {display:inline-block;margin: 0;padding: 0;list-style:none;vertical-align: top;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline-block;width: 100%;vertical-align: top;}

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

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

ul.pager a.on {color: #d00;text-align: center;}
ul.pager a img {vertical-align: top;}


dl.oral, dl.oral dt, dl.oral dd {margin: 0;padding: 0;}
dl.oral {position: relative;padding: 35px 60px 35px 200px;border-top: 1px solid #1251a4;}
dl.oral dt {position: relative;display: block;padding-top: 35px;color: #1251a4;    font-weight: bold;}
dl.oral dt:before {position: absolute;left: 0;top: 0;display: block;padding: 0 5px;color: #fff;font-size: 13px;line-height: 26px;content: attr(data-category);font-family: 'NotoSansKR Regular', sans-serif;background-color: #4c596a;}

dl.oral span.thumb {position: absolute;left: 0;top: 20px;width: 174px;overflow:hidden;height: 116px;border: 1px solid #e5e5e5;background: #f9f9f9 url('layout/thumb_bg.png') center center no-repeat;}
dl.oral span.thumb img {display: block;width: 100%;/* height: 100%; */}
dl.oral span.speaker {    font-weight: 700;display: inline-block;color: #212121;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR', sans-serif;}
dl.oral a.email {position: relative;display: inline-block;margin-left: 28px;border-bottom: 1px solid #0c4da2;color: #0c4da2;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.oral a.email:before {position: absolute;left: -15px;top: 50%;display: block;width: 1px;height: 10px;margin-top: -4px;content: "";background-color: #d1d1d1;}
dl.oral a.favor {position: absolute;right: 0;top: 50%;height: 71px;margin-top: -35px;}

div.oralCon {position: relative;padding: 25px 465px 25px 25px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;background-color: #f4f5fa;}
div.oralCon .oralUtil {margin: 0 0 20px;text-align: right;}
div.oralCon .oralUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.oralCon .oralUtil a {display: inline-block;padding: 5px 20px 7px;color: #fff;text-decoration: none;}
div.oralCon .oralUtil a.detail {float: left;background-color: #1251a4;}
div.oralCon .oralUtil a.list {background-color: #414099;}
div.oralCon .oralUtil a.list img {display: inline-block;padding: 3px 10px 0 0;vertical-align: top;}

div.oralCon div.scrollArea {height: 428px;border: 1px solid #e0e0e0;}
div.oralCon div.scrollArea img {display: block;width: 100%;}

dl.favorList {position: absolute;right: 0;top: 0;width: 438px;height: 100%;margin: 0;padding: 40px 25px;background-color: #e1e4ee;box-sizing:border-box;}
dl.favorList > dt {margin: 0;padding-bottom: 10px;color: #111;font-size: 20px;line-height: 30px;border-bottom: 2px solid #272b4b;font-family: 'NotoSansKR Medium', sans-serif;}
dl.favorList > dt span {color: #d00;}
dl.favorList > dt > span {float: right;color: #272b4b;font-size: 15px;font-family: 'NotoSansKR Regular', sans-serif;}

dl.favorList > dd {position: relative;height: 418px;margin: 0;padding: 0 15px 0 0;    max-height: 400px;}

dl.favorList ul {margin: 0;padding: 0;}
dl.favorList li {position: relative;border-bottom: 1px solid #c0c0c0;margin: 0;padding: 10px 50px 10px 0;}
dl.favorList a:first-child {position: relative;display: block;overflow: hidden;height: 60px;padding-left: 112px;text-decoration: none;color: #222;font-size: 14px;line-height: 20px;
text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
dl.favorList a:first-child:before {display: block;color: #727272;font-size: 14px;line-height: 20px;content: attr(data-category);font-family: 'NotoSansKR Regular', sans-serif;}
dl.favorList a:hover{font-weight: bold;color: #0d46af}
dl.favorList .on a:first-child{color: #0d46af;font-weight: bold;}

dl.favorList span.thumb {position: absolute;left: 0;top: 0;overflow:hidden;width: 97px;height: 64px;border: 1px solid #e5e5e5;background: #fff url('layout/thumb_bg.png') center center no-repeat;background-size: 50px;}
dl.favorList span.thumb img {display: block;width: 100%;/* height: 100%; */}

dl.favorList a.favor {position: absolute;right: 0;top: 50%;width: 38px;margin-top: -19px;font-size: 0;line-height: 0;}
dl.favorList a.favor:before {width: 36px;height: 36px;margin: 0;border: 1px solid #919191;background-color: transparent;}
dl.favorList a.favor.on:before {background-color: #ffc600;border-color: #ffc600;}


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

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





/* 마이페이지 */

div.total {margin: 0;padding: 15px 30px;color: #333;font-size: 15px;line-height: 20px;text-align: right;background-color: #f0f8fd;}
div.total span {color: #d00;}




div.mypage {}
div.mypage h4 {margin: 30px 0 10px;color: #111;font-size: 17px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}

div.mypage ul.subMenu {margin-bottom: 30px;}
div.mypage ul.conMenu {margin: 30px 0;}
div.mypage table.tblDef td {height: 28px;}

div.mypage div.note {padding: 30px 0;color: #0066b3;text-align: center;font-size: 30px;line-height: 40px;}
div.mypage div.note span.txtUnderline {display: inline-block;padding: 0 5px;box-shadow: inset 0 -14px 0 #f0f8fd;}

div.mypage div.formArea {padding-bottom: 50px;}

dl.quiz, dl.quiz dt, dl.quiz dd {margin: 0;padding: 0;}
dl.quiz {}
dl.quiz > dt {padding: 30px 0 10px;color: #111;font-size: 17px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.quiz > dt p {display: inline;margin: 0;}
dl.quiz > dt p + p {display: block;}
dl.quiz > dd {padding: 30px;background-color: #f7f7f7;}

.multi:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.multi input,
.multi label,
.multi span {float: left;}
.multi input[type=radio],
.multi input[type=checkbox] {margin: 8px 5px 0 30px;}
.multi input:first-child {margin-left: 0;}
.multi span {margin-left: 5px;}

table.inputTbl input[type=text] {height: 28px;border: 1px solid #ddd;background-color: #fff;}

div.mypage span.inputC,
div.mypage span.inputR {overflow: hidden;position: relative;display: inline-block;width: 30px;height: 30px;vertical-align: top;background-color:#fff;border: 1px solid #565656;border-radius:4px;}
div.mypage span.inputC:before,
div.mypage span.inputR:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: " ";}
div.mypage span.inputC.on,
div.mypage span.inputR.on {background-color: #054b94;}
div.mypage span.inputC.on:before,
div.mypage span.inputR.on:before {background: url('layout/input_check.png') center center no-repeat;}


dl.survey, dl.survey dt, dl.survey dd {margin: 0;padding: 0;}
dl.survey {float: right;width: 610px;margin-top: 40px;}
dl.survey:nth-child(odd) {clear: both;float: left;}
dl.survey > dt {overflow: hidden;position: relative;width: 465px;padding: 15px 30px 15px 115px;color: #222;font-size: 15px;line-height: 20px;background-color: #edeff2;border-radius:25px;font-family: 'NotoSansKR Medium', sans-serif;vertical-align: middle;}
dl.survey > dt:before {position: absolute;left: 0;top: 0;width: 100px;height: 100%;border-radius:25px;content: "";background-color: #404752;}
dl.survey > dt span {position: absolute;left: 0;top: 50%;width: 100px;height: 30px;margin-top: -15px;color: #fff;font-size: 22px;line-height: 30px;font-family: 'Roboto-Medium', sans-serif;text-align: center;}
dl.survey > dd {padding-top: 25px;}

ul.survey, ul.survey li {margin: 0;padding: 0;list-style:none;}
ul.survey {text-align: center;font-size: 0;line-height: 0;}
ul.survey li {display: inline-block;width: 70px;padding-left: 25px;vertical-align: top;}
ul.survey li:first-child {padding-left: 0;}
ul.survey span.input {overflow: hidden;position: relative;display: block;width: 55px;height: 55px;border-radius:50%;margin: 0 auto 10px;background: #e1e4e9 url('layout/check.png') center center no-repeat;}
ul.survey span.input input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;margin: 0;}
ul.survey span.input.on {background-color: #404752;background-image: url('layout/check_on.png');}

ul.survey label {display: block;color: #1b1b1b;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}

div.mypage .btnArea {clear: both;}




/* 기술지원문의 */
div#popupTech div.popupWrap {width: 500px;height: 437px;margin: -218px 0 0 -250px;}
div#popupTech div.note {padding-bottom: 15px;font-size: 16px;line-height: 20px;color: #7b7b7b;    font-family: 'NotoSansKR Regular', sans-serif;}
div#popupTech div.note a {display: inline-block;margin-top: 5px;padding: 1px 10px 5px;border: 1px solid #c5c5c5;border-radius:4px;background-color: #ececec;vertical-align: top;color: #7b7b7b;text-decoration: none;}
div#popupTech div.note a img {display: inline-block;padding: 7px 0 0 5px;vertical-align: top;}

div#popupTech textarea {width: 100%;height: 130px;padding: 5px;border: 1px solid #ccc;color: #111;box-sizing:border-box;font-family: 'NotoSansKR DemiLight', sans-serif;background-color: #fff;}
div#popupTech textarea::placeholder {color: #000;}

div#popupTech dl, div#popupTech dt, div#popupTech dd {margin: 0;}
div#popupTech dl {overflow: hidden;padding-top: 15px;}
div#popupTech dt,
div#popupTech dd {float: left;width: calc(50% - 65px);}
div#popupTech dt {width: 60px;padding-left: 10px;}
div#popupTech dt:first-child {padding-left: 0;}
div#popupTech dt label {display: block;line-height: 35px;}
div#popupTech dd input[type=text] {width: 100%;box-sizing:border-box;height: 35px;}

div#popupTech div.popupWrap p {margin: 15px 0 0;}
div#popupTech input[type=submit],
div#popupTech input[type=button] {display: block;width: 100%;height: 52px;text-align: center;color: #fff;background-color: #245db6;border:1px solid #245db6;font-size: 16px;font-family: 'NotoSansKR Regular', sans-serif;}



/* 설문조사, 평가 */
div#popupSurvey div.popupWrap {width: 1000px;height: 738px;margin: -369px 0 0 -500px;}
div#popupSurvey div.popupCon {padding: 40px;background-color: #fff;}

div#popupSurvey .popupCon {overflow-x: hidden;overflow-y: auto;height: 588px;}
div#popupSurvey .popupCon::-webkit-scrollbar {width: 8px;height: 8px;background-color: #e8e8e8;}
div#popupSurvey .popupCon::-webkit-scrollbar-thumb {background-color: #c4c4c4;}


div#popupSurvey h2 {margin: 0;font-weight: normal;color: #000;font-size: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
div#popupSurvey p.note {margin: 0;padding: 0 0 30px;text-align: center;color: #000;font-size: 20px;font-family: 'NotoSansKR Regular', sans-serif;}

div#popupSurvey div.scrollArea::-webkit-scrollbar-track {background-color: #e6e6e6;}



div.survey {width: 900px;margin: 0 auto;}
div.survey h3 {padding: 17px 25px;font-weight: normal;color: #fff;font-family: 'NotoSansKR Regular', sans-serif;background-color: #272b4b;}
div.survey span.inputC,
div.survey span.inputR {width: 50px;height: 50px;margin-bottom: 10px;}
div.survey ul.option li {width: 120px;}

div#popupSurvey th {font-size: 15px;line-height: 1.3;text-align: center;}
div#popupSurvey td {text-align: center;}
div#popupSurvey td:first-child {text-align: left;}




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


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