@charset "utf-8";
@import url('Roboto.css');
@import url('NotoSansKR.css');
@import url('common_v3.css');
@import url('fontawesome.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: 'Roboto-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: #1359a9 !important;}
.fcRed {color: #d52121 !important;}
.fcNavy {color:#2b59a7 !important;}
.fcBlue {color:#0000ff !important;}
.fcPurple {color: #1359a9 !important;}

img {display: inline-block;vertical-align: top;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.pcOnly {display: none !important;}
.mOnly {display: block !important;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.pcOnly {display: block !important;}
.mOnly {display: none !important;}

colgroup.pcOnly {display: table-column-group !important;}
th.pcOnly,
td.pcOnly {display: table-cell !important;}
}

.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:33px;padding:1px 10px 0;border-radius:1px;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:#2b59a7 !important;border-color:#2b59a7 !important;color:#fff !important;}
/* 핑크색 */			.btnPoint {background-color:#1359a9 !important;border-color:#1359a9 !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;}
/* 핑크색 2 */		.btnPink {background-color:#1359a9 !important;border-color:#1359a9 !important;color:#fff !important;}

/* border+ 남색 */				.btnBdDef {background-color:#fff !important;border-color:#2b59a7 !important;color:#2b59a7 !important;}
/* border+ 핑크색 */			.btnBdPoint  {background-color:#fff !important;border-color:#1359a9 !important;color:#1359a9 !important;}
/* border+ 회색 */				.btnBdGrey {background-color:#fff;border-color:#535353;color:#535353;}

/* border+ 진파랑색 */			.btnBdBlue2  {background-color:#fff !important;border-color:#2f4b85 !important;color:#2f4b85 !important;}

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;box-sizing:border-box;font-family: 'Roboto-Medium','NotoSansKR 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;}


.subTit {margin: 50px 0 10px;padding: 0 0 0 42px;background: url('/image/common/subTit_bl.png') 0 9px no-repeat;color: #0f1958; font-family: 'Roboto-Bold', sans-serif; font-size: 22px;line-height: 30px;text-align: left;}
.subTit:after {clear: both; content:''; display: block;}
.subTit.withBtn {line-height: 36px;}
.pointTit {margin: 50px 0 15px;padding: 0;color: #0f2f6e; font-family: 'Roboto-Medium', sans-serif;font-weight: normal;font-size: 22px;}
.boldTit {margin: 30px 0 5px;padding: 0;color: #2b59a7; font-family: 'Roboto-Medium', sans-serif;font-weight: normal;}

.subTit:first-child,
.subTit_bl:first-child,
.pointTit: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;text-align:center;width:220px;}
ul.subMenu li a {display:block;width:auto;padding: 15px;border: 1px solid #a3b1c7;border-left: 0 none;color: #1959a8;font-size: 17px;line-height: 24px;font-family: 'Roboto-Medium', sans-serif;text-decoration:none;}
ul.subMenu li:first-child a {border-left: 1px solid #a3b1c7;}
ul.subMenu li.on a {background-color: #0f2f72;border-color: #0f2f72; color: #fff;}

.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: 'Roboto-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;width: 50%;}
ul.tabMenu li a {display:block;padding: 15px;border: 1px solid #a3b1c7;border-left: 0 none;color: #1959a8;font-size: 17px;line-height: 24px;font-family: 'Roboto-Medium', sans-serif;text-decoration:none;text-align: center;}
ul.tabMenu li:first-child a {border-left: 1px solid #a3b1c7;}
ul.tabMenu li.on a {background-color: #0f2f72;border-color: #0f2f72;color: #fff;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.col3ea > li {width: 33.3%;}
ul.col3ea > li a {border-top: 0 none;}
ul.col3ea > li:nth-child(-n+3) a {border-top: 1px solid #ccc;}
ul.col3ea > li:nth-child(3n+1) {clear: both; width:33.4%}
ul.col3ea > li:nth-child(3n+1) a {border-left: 1px solid #ccc;}

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;}
}

/* ==  반응형 메뉴(토글형식) == */
dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd {position: relative;margin: 0;padding: 0;}

@media screen and (max-width: 960px) {
dl.rwMenu{z-index: 5;position: relative;}

div.contents > dl.rwMenu {margin: 15px 0;}

dl.rwMenu > dd {display: none;}

dl.rwMenu > dt > a {position: relative;display: block;padding: 10px 15px; border: 1px solid #ccc; font-family: 'Roboto-Medium',sans-serif; font-weight: normal; background-color: #fff; color: #333;text-decoration: none;}
dl.rwMenu > dt > a:after {position: absolute;right: 15px;top: 50%;width: 11px;height: 20px;margin-top: -10px;background: url('/image/common/rwBl.png') center center no-repeat;background-size: 11px;content: '';}
dl.rwMenu  dt.view > a:after {transform:rotate(180deg)}

dl.rwMenu > dd {z-index: 10;position: absolute;left: 0;top: 46px;width: 100%;padding: 0 15px 15px;border: 1px solid #dedede;border-top: 0 none;background-color: #fff;box-sizing:border-box;}

dl.rwMenu ul {overflow-x: hidden;overflow-y: auto;padding-top: 10px;border-top: 1px solid #dedede;}

dl.rwMenu ul, dl.rwMenu li, dl.rwMenu dd a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.rwMenu dd a {padding: 5px 0;}

dl.rwMenu li {width: 100% !important;}
dl.rwMenu ul.conMenu li,
dl.rwMenu ul.subMenu li {display: block !important;width: 100% !important;height: auto !important;margin-top: 5px;padding: 5px 0 !important;border: 0 none !important;background: transparent !important;}

dl.rwMenu ul.subMenu li a {color: #707070;font-family: 'Roboto-Regular',sans-serif;font-size: 16px;line-height: 25px;}

dl.rwMenu li a {display: block !important;height: auto !important;padding: 0 !important;text-align: left;border: 0 none !important;}
dl.rwMenu li.on a {background: none;border: 0 none;color: #444;}

}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.rwMenu > dt {display: none;}
dl.rwMenu > dd {display: block;}
}


div.tabCon {padding:50px 0;}

div.ing {padding: 0;}
div.ing img {display: block;margin: 0 auto;}

div.contents > p {margin: 20px 0 0;}
div.contents > p:first-child{margin-top: 0;}

ul.listNum, ul.listNum > li,
ul.listBar, ul.listBar > li,
ul.listDot, ul.listDot > li, .blDot,
ul.listStar, ul.listStar > li, .blStar,ul.noBl,ul.noBl li {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;}

ul.listNum_2 {counter-reset:num 0; list-style: none;}
ul.listNum_2 > li {position: relative; padding-left: 30px;}
ul.listNum_2 > li:before {position: absolute;width:25px; text-align: right; left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) ') ';}

.lh20 {line-height: 20px !important;}

.bgArea {background-color: #f9edf0;}
.bgArea th {background: #f2f2f2 !important;}
.bgArea td {background-color: #fff;}

.bdArea {padding:20px 40px;border:2px solid #aaa;background-color:#f8f8f8;}
/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	ul.bbsBody {}
	ul.bbsBody li {overflow: hidden; border-top: 1px solid #ccc; padding: 15px 10px;}
	ul.bbsBody li:first-child {border-top: 1px solid #000;}
	ul.bbsBody li:last-child {border-bottom: 1px solid #ccc;}
	ul.bbsBody li * {font-size: 16px; display:inline-block; vertical-align: middle; font-family: 'notosanskr demilight'; font-weight: 600; color: #393939;}

	ul.bbsBody li span.num {float: left; margin-right: 5px;}
	ul.bbsBody li a.tit {display:block; text-align: left; color: #000; text-decoration: none; color:#393939;}
	ul.bbsBody li a.tit > * {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #000;}
	ul.bbsBody li a.tit span{margin-right: 5px;}

	ul.bbsBody span.date, ul.bbsBody span.view {margin-top: 10px; font-size: 12px;}
	ul.bbsBody span.date::after {content:"│"; display:inline-block; margin: 0 5px;}

	ul.bbsBody span.manage, ul.bbsBody span.attach {display:none !important;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {

ul.bbsHead, ul.bbsBody {overflow: hidden; font-size: 0;}
ul.bbsHead li, ul.bbsBody li > * {float: left; list-style:none; text-align: center; box-sizing:border-box;}
ul.bbsHead li:nth-child(1), ul.bbsBody li > *:nth-child(1) {width: 8%;}
ul.bbsHead li:nth-child(2), ul.bbsBody li > *:nth-child(2) {width: 59%;}
ul.bbsHead li:nth-child(3), ul.bbsBody li > *:nth-child(3) {width: 8%;}
ul.bbsHead li:nth-child(4), ul.bbsBody li > *:nth-child(4) {width: 10%}
ul.bbsHead li:nth-child(5), ul.bbsBody li > *:nth-child(5) {width: 5%;}
ul.bbsHead li:nth-child(6), ul.bbsBody li > *:nth-child(6) {width: 10%;}

ul.bbsHead {border-top: 2px solid #121212;}
	ul.bbsHead li {font-family: 'notosanskr medium';  padding: 15px 0; font-size: 16px; font-weight: 400; line-height: 25px; background-color: #f9fbff;  line-height: 20px;  color: #0b316f;}

ul.bbsBody {}
	ul.bbsBody li {overflow: hidden; border-top: 1px solid #ccc; padding: 12px 0 13px;}
	ul.bbsBody li:hover {background-color: #f8f8f8;}
	ul.bbsBody li:last-child {border-bottom: 1px solid #ccc;}
	ul.bbsBody li * {float: none; font-size: 16px; display:inline-block; vertical-align: middle;}

	ul.bbsBody li a.tit {text-align: left; padding-right: 10px; text-decoration: none; color:#393939;}
	ul.bbsBody li a.tit > * {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	ul.bbsBody li a.tit span{margin-right: 5px;}
}

ul.bbsNote {padding: 23px 30px 25px;border:1px solid #ddd;font-size:13px;line-height:25px;word-spacing:-1px;}

p.bbsBrief {overflow: hidden;padding: 10px 0;}

table.bbs {border-top:2px solid #2b59a7;}
.subTit + table.bbs {margin-top: 50px;}
table.bbs > * > tr > * {border: 0 none !important; padding:6px 0 7px;text-align:center !important;font-family: 'Roboto-Regular', 'NotoSansKR Regular', 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 > *{border-bottom: 1px solid #ccc !important;}
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;margin-top:4px;margin-left:4px;}
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 #1359a9;}
table.tblDef > * > tr > *,
table.innerTbl > * > tr > * {padding:10px; 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.tblDef td {background-color: #fff;}

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: #e7edf9;}
table.tblDef > * > tr > th {color: #000;font-family: 'Roboto-Medium', 'NotoSansKR 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 #1359a9;}
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:#000; font-family: 'Roboto-Medium', 'NotoSansKR Medium', sans-serif;}
table.inputTbl > * > tr > td {border-bottom:1px solid #dad8e3;}

table.inputTbl > * > tr > .bdLeft {border-left: 1px solid #dad8e3 !important;}

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: 10px;text-align: left;}
table.inputTbl > * > tr > * {border-left: 0 none;}
table.inputTbl > * > tr > th {padding-left: 20px;text-align: left;}
table.inputTbl.ac > * > tr > th {padding: 10px !important;}

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 div.withBtn input{width:100%;}
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 .address input[type=text]{width:120px !important;}
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 label:last-child{width:200px !important;}
table.inputTbl td.phone input[type=text] {width: 120px !important; }

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;}

table.inputTbl .keyword input[type=text]{width:150px; margin-left: 10px;}
table.inputTbl .keyword input[type=text]:first-child{margin-left: 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;}

@media screen and (max-width: 960px) {
table.inputTbl .address  input[type=text],table.rwTbl .address input[type=text]{width:120px !important;}
table.inputTbl td.phone label,table.inputTbl td.phone input[type=text] {width: 100px !important; }
.subTit, .pointTit{margin-top: 25px;}

table.rwTbl,
table.rwTbl tbody,
table.rwTbl tr,
table.rwTbl th, table.rwTbl td,
table.rwThead,
table.rwThead tbody,
table.rwThead tr,
table.rwThead th, table.rwThead td,
table.rwTrHead,
table.rwTrHead tbody,
table.rwTrHead tr,
table.rwTrHead th, table.rwTrHead td {display:block;}

table.rwTbl colgroup,
table.rwTbl col,
table.rwTbl thead,
table.rwThead colgroup,
table.rwThead col,
table.rwThead thead,
table.rwTrHead colgroup,
table.rwTrHead col,
table.rwTrHead thead {display:none;}

table.rwTbl th,
table.rwTbl td {width: 100%;padding:5px 10px !important;line-height: 32px;box-sizing:border-box;}

table.rwTbl > * > tr > th span,
table.rwTbl > * > tr > th label {line-height: 32px;}

table.rwTbl th,
table.rwTbl td {min-height: 32px;border-left: 0 none !important;}
table.rwTbl th {text-align: left !important;}
table.rwTbl td:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

table.rwTbl input[type=text],
table.rwTbl input[type=password],
table.rwTbl textarea {width:100% !important;height:36px;box-sizing:border-box;}
table.rwTbl textarea {height:50px;}

table.rwTbl th label,
table.rwTbl th span {line-height:1.2;}

table.rwTbl,
table.rwThead {border-top: 0 none;}

table.rwThead {}
table.rwThead > tbody > tr {}
table.rwThead td {padding:5px;min-height:1.2em;}
table.rwThead td:before {display:block;float:left;width:30%;content:attr(data-thead);font-weight:bold;}

table.rwTbl tbody tr,
table.rwThead tbody tr {overflow:hidden;}

/* table.rwTbl, */
table.rwTbl tbody > tr > *:first-child,
table.rwThead tbody tr > *:first-child {border-top:2px solid #1359a9;}

table.rwTrHead td {padding:0 0 10px;border-left:0 none;}
table.rwTrHead td:before {display:block;padding:7px 0 9px;margin-bottom:10px;content:attr(data-thead);font-weight:bold;text-align:center;background-color:#16478e;color:#fff;}

ul.subMenu > li {float: left;display: table;text-align:center;width:50% !important; height:56px;}
ul.subMenu li a {display:table-cell;width:auto;padding: 0; height:56px; vertical-align: middle; border: 0 none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #444;font-size: 17px;line-height: 24px;font-family: 'Roboto-Medium', sans-serif;text-decoration:none;}
ul.subMenu li:nth-child(-n+2) a{border-top: 1px solid #ccc;}
ul.subMenu li:nth-child(-n+2).on a{border-top: 1px solid #2b59a7;}
ul.subMenu li:nth-child(2n+1) a{border-left: 1px solid #ccc;}
ul.subMenu li:nth-child(2n+1).on a{border-left: 1px solid #2b59a7;}

div.tableScroll {overflow-x:scroll;overflow-y:hidden;padding-bottom: 20px !important;}
div.tableScroll::-webkit-scrollbar {-webkit-appearance: none; width:10px;border-radius: 4px;background-color: #f2f2f2;}
div.tableScroll::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #a61569;-webkit-box-shadow: 0 0 1px insecnt rgba(255,255,255,.5);}
div.tableScroll > table {width:820px;margin-top: 0 !important;}

}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mobileNote {display: none;}
}










/* =============================== 레이아웃 =============================== */

/* Header */
ul.gnbUtil, ul.gnbUtil li, ul.gnbUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper {overflow: hidden;position: relative;width: 100%;min-width:320px;margin: 0;padding: 0; font-size: 15px; color: #000; font-family: 'Roboto-Light', sans-serif; font-weight: normal;}

div#headerWrap {height: 50px;padding: 0 50px;border-bottom: 1px solid #e1e1e1;}
div#headerWrap h1 {}
div#headerWrap h1 a,
div#headerWrap h1 img {display: block;}
div#headerWrap h1 a {padding: 16px 0 15px;}
div#headerWrap h1 img {height: 19px;margin: 0 auto;}

div.gnbUtil a {z-index: 50;position: absolute;top: 0;display: block;width: 50px;height: 50px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;background-size: 19px;}
div.gnbUtil a.home {left: 0;background-image: url('/image/common/header_home_m.png');}
div.gnbUtil a.viewMenu {right: 0;background-image: url('/image/common/header_menu_m.png');}

div.gnbWrap dl, div.gnbWrap dt, div.gnbWrap dd, div.gnbWrap ul, div.gnbWrap li, div.gnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.gnbWrap {z-index: 200;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;padding-left:50px;background-color: rgba(0,0,0,.7);box-sizing:border-box;}

ul#gnb {position: relative;overflow-x: hidden;overflow-y: auto;height: calc(100% - 50px);padding-top: 50px;background-color: #f9f9f9;}
ul#gnb > li {border-bottom: 1px solid #d7d7d7;}
ul#gnb > li > a {position: relative;display: block;padding: 13px 30px 14px 15px;color: #000;font-size: 15px;line-height: 20px;font-family: 'Roboto-Bold', sans-serif;}
ul#gnb > li > a:after {position: absolute;right: 15px;top: 50%;content: "+";margin-top: -10px;color: #999;}


ul#gnb .on > a {background-color: #1359a9;color: #fff;}
ul#gnb .on > a:after {content: "-";color: #fff;}

ul#gnb ul {display: none;background-color: #fff;}
ul#gnb ul a {border-top: 1px solid #d7d7d7;padding: 5px 15px;font-size: 15px;line-height: 30px;color: #737373;font-family: 'Roboto-Light', sans-serif;}

ul.gnbUtil {z-index: 50;position: absolute;top: 0;top: 0;width: calc(100% - 50px);height: 50px;background-color: #1359a9;}
ul.gnbUtil > li {float: left;width: 50%;border-left: 1px solid rgba(255,255,255,.3);box-sizing:border-box;}
ul.gnbUtil > li.pcOnly + li {border-left: 0 none;}
ul.gnbUtil a {display: block;height: 50px;padding: 16px 0 15px;text-align: center;font-size: 15px;line-height: 19px;color: #fff;font-family: 'Roboto-Bold', sans-serif;box-sizing:border-box;}
ul.gnbUtil img {display: inline-block;vertical-align: top;height: 19px;padding-right: 10px;}

div.gnbClose {z-index: 50;position: absolute;left:0;top: 0;width: 50px;height: 50px;margin: 0;}
div.gnbClose a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('/image/common/gnbClose_m.png') center center no-repeat;background-size: 50px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper {position: relative;width: 100%;min-width:1280px;margin: 0;padding: 0; font-size: 16px; line-height: 28px;color: #000;font-family: 'Roboto-Regular', sans-serif; font-weight: normal;}

div#headerWrap {z-index:100; width: 100%;height:130px;border-bottom: 1px solid #e1e1e1; background-color: #fff;}
div#headerWrap:before {position: absolute;left: 0;top: 69px;width: 100%;height: 1px;content: "";background-color: #e1e1e1;}
div#headerWrap > div {position:relative; width:1280px;height:60px;padding-top: 70px;margin: 0 auto;}
div#headerWrap h1 {position:absolute;left:0;top:19px;width:200px;height:32px;margin:0;}
div#headerWrap h1 a {display: block;height: 32px;background: url('/image/common/header_logo.png') 0 0 no-repeat;}
div#headerWrap h1 img {display: none;}

div#headerWrap ul.gnbUtil {z-index:45; position:absolute;right:0;top:20px;width: auto;text-align: right;font-size: 0;line-height: 0;}
ul.gnbUtil li {position: relative;display: inline-block !important;vertical-align: top;padding:0 18px;}
ul.gnbUtil li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 8px;margin-top: -5px;content: "";background-color: #e1e1e1;}
ul.gnbUtil li:first-child:before {display: none;}
ul.gnbUtil a {display: block;color: #898989;font-size: 16px;line-height: 28px;}
ul.gnbUtil img {display: none;}

ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {z-index:40;position: relative; display: inline-block; width: 1280px;height: 60px;font-size: 0;line-height: 0;border-right: 1px solid #e1e1e1;}
ul#gnb > li {position: relative;display: inline-block;width: 214px;vertical-align: top;text-align: center;box-sizing:border-box;}

ul#gnb > li > a {position: relative;display: block;padding: 18.5px 0;font-size: 18px;line-height: 23px;font-family: 'Roboto-Bold', sans-serif;color: #000;border-left: 1px solid #e1e1e1;}
ul#gnb > li:nth-of-type(1) > a {padding: 7px 0;}
ul#gnb > li:nth-of-type(2) > a {padding: 7px 0;}
ul#gnb > li:nth-of-type(3) > a {padding: 7px 0;}
ul#gnb > li:first-child {width: 210px;}

ul#gnb > li.on > a {color:#1359a9;}
ul#gnb > li.on > a:after {position: absolute;left: 50%;bottom: 8px;width: 8px;height: 8px;border-radius: 50%;margin-left: -4px;content: "";background-color: #1359a9;}
ul#gnb > li.on > ul {background-color: #1359a9;}

ul#gnb ul {position: absolute;left: 0;top: 61px;width: 100%;padding: 10px 10px 25px;box-sizing:border-box;}
ul#gnb ul li {padding-top: 15px;}
ul#gnb ul a {font-family: 'Roboto-Regular', sans-serif;color: #919cb0;font-size: 16px;line-height: 22px;}

ul#gnb li.on ul a {color: #fff;}
ul#gnb ul a:hover,
ul#gnb ul a:focus {font-family: 'Roboto-Bold', sans-serif; text-decoration: underline;}

div.gnbBg {display: none; z-index: 30;position: absolute;left: 50%;top: 131px;width: 1280px;background-color: #0d3a6e;transform:translateX(-50%);}

/*
세부 프로그램 때문에 삭제 220114
div#headerWrap.fixed {position: fixed !important;left: 0;top: 0;width: 100%;}
div.gnbBg.fixed {position: fixed !important;}
*/

div.gnbUtil,
div.gnbClose {display: none;}
}






/* Contents */
div#container {}

div.lnbWrap p, div.lnbWrap dl, div.lnbWrap dt, div.lnbWrap dd, div.lnbWrap ul, div.lnbWrap li, div.lnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnbWrap {z-index: 10;position: relative;background-color: #1359a9;}
div.lnbWrap dl {position: relative;}
div.lnbWrap p.home a,
div.lnbWrap dt a {border-right: 1px solid rgba(255,255,255,.2);}

div.lnbWrap p.home a {font-size: 0;line-height: 0;border-left: 1px solid rgba(255,255,255,.2);background-position: center center;background-repeat: no-repeat;}
div.lnbWrap dd {position: absolute;left: 0;width: 100%;border:2px solid #1359a9;border-top: 0 none;background-color:#fff;box-sizing:border-box;}
div.lnbWrap dd a {display: block;}

h2.pageTit {margin: 0;background-position: center bottom;background-repeat: no-repeat;font-family: 'Roboto-Bold', sans-serif; text-align: center;}

p#goTop {z-index: 80;background-color: #fff; border: 1px solid #1359a9; border-radius:8px; box-shadow: 1px 1px 10px rgba(87,60,199,.4);}
p#goTop a,
p#goTop img {display: block;width: 100%;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container {position:relative;;}

div.topVisual {}
div.topVisual img {display: block;width: 100%;}

h2.pageTit {padding: 30px 0 20px;font-size: 24px;line-height: 30px;background-image: url('/image/common/pageTit_m.png');background-size: 30px;}

div.lnbWrap {height: 45px;padding-left: 45px;}
div.lnbWrap p.home {z-index: 20;position: absolute;left: 0;top: 0;width: 45px;height: 45px;}
div.lnbWrap p.home a {display: block;height: 45px;background-image: url('/image/common/lnb_home_m.png');background-size: 20px;}

div.lnbWrap dl {position: relative;float: left;width: 50%;}
div.lnbWrap dt a {position: relative;display: block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 45px;padding:10px 40px 10px 15px;color: #fff;font-size: 14px;line-height: 25px;font-family: 'Roboto-Regular', sans-serif;box-sizing:border-box;}
div.lnbWrap dt a:after {position: absolute;right: 15px;top: 50%;width: 10px;height: 6px;margin-top: -3px;content: "";background: url('/image/common/lnb_bl_m.png') center center no-repeat;background-size: 10px;}
div.lnbWrap dt.view a:after {transform:rotate(180deg);}
div.lnbWrap dd {position: absolute;left: 0;top: 45px;overflow-x: hidden;overflow-y: auto;width: 100%;}
div.lnbWrap dd ul {padding: 10px 0;}
div.lnbWrap dd li {padding-top: 5px;}
div.lnbWrap dd a {padding: 0 10px;color: #252525;font-size: 14px;line-height: 20px;font-family: 'Roboto-Regular', sans-serif;}


div.contents {padding: 15px;text-align: justify;font-size: 16px;line-height: 25px;color: #222;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;font-weight: normal;}

p#goTop {position: fixed; right:15px;bottom: 15px;width: 40px;height: 40px;}

div.mobileNote {padding: 50px 0 !important;}
div.mobileNote img {display: block;width: 248px;margin: 0 auto;}

div.ing {padding: 50px 0;}
div.ing img {display: block;width: 226px;margin: 0 auto;}

/* 게시판 검색 */
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:100px;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;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container {position: relative;padding-top: 220px;background: url('/image/common/subVisual_241219.jpg') center top no-repeat;}
div#container div.topVisual {display: none;}


h2.pageTit {background-image: url('/image/common/pageTit.png');padding: 130px 0 30px;color: #111;font-size: 42px;line-height: 50px;}

div.lnbWrap * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnbWrap {z-index: 20;position: absolute;left: 0;top: 220px;width: 100%;height:55px;}
div.lnbWrap.fixed {position:fixed;left:0;top:0;width:100%;}

div.lnbWrap > div {width:1280px;height:50px;margin:0 auto;}

div.lnbWrap a {display:block;color:#fff;text-decoration:none;}
div.lnbWrap br,
div.lnbWrap p.prev {display: none;}

div.lnbWrap p.home,
div.lnbWrap dl {float:left;}
div.lnbWrap p.home a {width:55px;height:55px;background-image: url('/image/common/lnb_home.png');;}

div.lnbWrap dl {height:55px;}
div.lnbWrap dt a {position:relative;font-size:16px;line-height: 23px;padding:16px 80px 16px 20px;border-right: 1px solid rgba(255,255,255,.2);color: #fff;font-family: 'Roboto-Light', sans-serif;}
div.lnbWrap dt a.trigger:after {position:absolute;right:20px;top:50%;width: 14px;height: 8px;margin-top:-4px;content: "";background: url('/image/common/lnb_bl.png') center center no-repeat;}
div.lnbWrap dt.view a.trigger:after {transform:rotate(180deg);}
div.lnbWrap dl:last-child a.trigger {font-family: 'Roboto-Bold', sans-serif;}

div.lnbWrap dd {padding: 10px 0;}
div.lnbWrap dd a {display: block;padding:5px 20px;color:#444;font-size: 16px;line-height: 25px;}
div.lnbWrap dd a:hover,
div.lnbWrap dd a:focus {background-color: #e6ecfb;}

div.lnbWrap p.home + dl a {text-transform: uppercase;}

div.contents {width: 1100px;margin: 0 auto;padding: 50px 0 100px;text-align: justify;font-size: 16px;line-height: 25px;color: #222;font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;font-weight: normal;}

p#goTop {position: absolute; top:680px; left:50%;margin-left: 665px;}
}



/* Footer */
div#footerWrap {position:relative;border-top: 1px solid #e1e1e1;background-color: #f2f2f2;}
div#footerWrap,
div#footerWrap a {color: #898989;text-decoration: none;}
div#footerWrap p,
div#footerWrap dt {color: #111;}
div#footerWrap address {font-style: normal;}
div#footerWrap ul {font-size: 0;line-height: 0;}
div#footerWrap li {display: inline-block;vertical-align: top;}
div#footerWrap li:first-child {padding-left: 0;}
div#footerWrap span {font-family: 'Roboto-Bold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.supporters dl, div.supporters dt, div.supporters dd, div.supporters ul, div.supporters li {margin: 0;padding: 0;list-style:none;}
div.supporters {width:100%; position:absolute; left:0; bottom:0; padding: 15px;background-color: #fff; border-top:  1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; box-sizing:border-box;}
div#container.main div.supporters{bottom:231px;}
div.supporters dl {overflow: hidden;}
div.supporters dt {float: left;font-size: 14px;line-height: 40px;color:#555;margin-right: 20px;font-weight: bold;}
div.supporters dl dd {overflow: hidden; vertical-align: middle;}
div.supporters ul {font-size: 0; overflow: hidden;}
div.supporters li {list-style:none; display:inline-block; width:calc(50% - 5px); vertical-align: middle; font-size: 15px; margin-left: 10px;}
div.supporters li:first-child {margin-left: 0;}
div.supporters li img{max-width:100%; height:40px;}
div.supporters img {display:block;}

/* Footer */
div#footerWrap {padding: 15px 15px 70px;text-align: center;font-size: 12px;line-height: 16px;}
div#footerWrap p,
div#footerWrap dt {text-align: center;}
div#footerWrap p,
div#footerWrap dt {padding-bottom: 10px;}
div#footerWrap dl {padding-top: 10px;}
div#footerWrap li {padding-left: 15px;font-size: 12px;line-height: 16px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
/* 서포터즈 */
div.supporters {background-color: #fff; border-top:  1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
div.supporters > div {width: 1250px; margin: 0 auto; overflow: hidden; padding: 13px 0 14px;}

div.supporters dl {float: left; margin-left: 100px;}
div.supporters dl:first-child{margin-left: 0;}
div.supporters dt {float: left; font-size: 16px; color:#555555; width: 120px; margin-right: 20px; padding: 8px 0; font-weight: bold;}
div.supporters dl:first-child dt{width:60px;}
div.supporters dd {overflow: hidden; vertical-align: middle;}
div.supporters ul {font-size: 0; overflow: hidden;}
div.supporters li {list-style:none; display:inline-block; vertical-align: middle; font-size: 15px; margin-left: 10px;}
div.supporters li:first-child {margin-left: 0;}
div.supporters img {display:block;}

/* Footer */
div#footerWrap {}
div#footerWrap div {position: relative; width:1280px; margin: 0 auto; padding: 30px 640px 80px 0;font-size: 16px;line-height: 22px;box-sizing:border-box;}
div#footerWrap dl {position: absolute;left: 50%;top: 50%;width: 640px;transform:translateY(-50%);}
div#footerWrap p,
div#footerWrap dt {padding-bottom: 20px;}
div#footerWrap li {padding-left: 35px;font-size: 16px;line-height: 22px;}
}







/* ============= 메인 ============= */
div.mainCon dd {position: relative;}
div.mainCon div.more {position: absolute;right: 0;opacity: .6;}
div.mainCon div.more a {display: block;width: 20px;height: 20px;border: 1px solid #fff;font-size: 0;line-height: 0;background: url('/image/main/btn_more.png') center center no-repeat;box-sizing:border-box;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container.main {background: url('/image/main/bg_m.png') center top no-repeat;background-size: 100%; background-color:#f2f2f2;}

div.mainCon {padding: 0 20px 20px;}
div.mainCon div.more {top: -20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container.main {padding-top: 0;background: url('/image/main/bg.png') center top no-repeat;}

div#container.main div.topVisual {display: block;height: 420px;background: url('/image/main/topVisual.png') center top no-repeat;}
div.main div.topVisual img {display: none;}

div.mainCon {width: 1280px;margin: 0 auto 30px;}
div.mainCon:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.mainCon > * {position: relative;float: left;width: 640px;box-sizing:border-box;}
div.mainCon div.more {top: -24px;}

ul.quickMenu,
dl.mainBbs {clear: both;}

div.mainCon dl.mainInvited,
div.mainCon dl.mainProgram {width: 320px;}
}


ul.quickMenu, ul.quickMenu li, ul.quickMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.quickMenu {background-color: rgba(255,255,255,.9);}
ul.quickMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.quickMenu li {float: left;width: 25%;}
ul.quickMenu a {display: table-cell;width: 600px;text-align: center;vertical-align: middle;color: #111;font-family: 'Roboto-Bold', sans-serif;}
ul.quickMenu img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.quickMenu {padding: 20px;}
ul.quickMenu a {height: 100px;font-size: 14px;line-height: 20px;}
ul.quickMenu img {height: 36px;padding-bottom: 5px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.quickMenu {padding: 51px 20px;}
ul.quickMenu a {font-size: 20px;line-height: 28px;}
ul.quickMenu img {padding-bottom: 10px;}
}



dl.mainInvited, dl.mainInvited dt, dl.mainInvited dd, dl.mainInvited ul, dl.mainInvited li, dl.mainInvited a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.mainInvited {background-color: rgba(71,77,84,.9);}
dl.mainInvited > dt {font-family: 'Roboto-Bold', sans-serif;color: #fff;}
dl.mainInvited span {display: table-cell;width: 600px;vertical-align: middle;text-align: center;color: #c2c2c2;font-family: 'Roboto-Regular', sans-serif;}
dl.mainInvited dd {position: relative;}

dl.mainInvited dd > ul {overflow: hidden;}
dl.mainInvited dd > ul li {float: left;width: 50%;}
dl.mainInvited dd li {width: 102px !important;}
dl.mainInvited dd img {display: block;width: 100px;height: 100px;margin: 0 auto;border: 1px solid #e1e1e1;}
dl.mainInvited dd span {height: 40px;font-size: 16px;line-height: 20px;}
dl.mainInvited div.bx-wrapper {position: relative;}

dl.mainInvited a.bx-prev,
dl.mainInvited a.bx-next {top: 0;width: 44px;height: 100%;}
dl.mainInvited a.bx-prev {left: -44px;}
dl.mainInvited a.bx-next {right: -44px}

dl.mainInvited a.bx-prev,
dl.mainInvited a.bx-next {position: absolute;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
dl.mainInvited a.bx-prev {background-image: url('/image/main/invited_prev.png');}
dl.mainInvited a.bx-next {background-image: url('/image/main/invited_next.png');}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainInvited {padding:15px;}
dl.mainInvited > dt {font-size: 16px;line-height: 20px;}
dl.mainInvited > dd {padding-top: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainInvited {height: 240px;padding:20px 30px 0;}
dl.mainInvited > dt {font-size: 24px;line-height: 30px;}
dl.mainInvited > dd {padding-top: 25px;}
}





dl.mainProgram, dl.mainProgram dt, dl.mainProgram dd, dl.mainProgram ul, dl.mainProgram li, dl.mainProgram a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.mainProgram {background-color: rgba(8,58,115,.9);}
dl.mainProgram > dt {font-family: 'Roboto-Bold', sans-serif;color: #fff;}
dl.mainProgram ul {overflow: hidden;-border-top: 1px solid #fff;-border-left: 1px solid #fff;}
dl.mainProgram li {float: left;}
dl.mainProgram a {display: table-cell;width: 600px;height: 50px;-border-right: 1px solid #fff;-border-bottom: 1px solid #fff;color: #083a73e6;text-align: center;vertical-align: middle;font-family: 'Roboto-Regular', sans-serif; background:#fff; border-radius:15px; font-weight:bold;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainProgram {padding:15px;}
dl.mainProgram > dt {font-size: 16px;line-height: 20px;}
dl.mainProgram > dd {padding-top: 15px;}
dl.mainProgram li {width: 100%;}
dl.mainProgram a {font-size: 13px;line-height: 18px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainProgram {height: 240px;padding:20px 30px 0;}
dl.mainProgram > dt {font-size: 24px;line-height: 30px;}
dl.mainProgram > dd {padding-top: 25px;}
dl.mainProgram li {width: 100%;}
dl.mainProgram a {font-size: 16px;line-height: 20px;}
}








dl.mainBbs, dl.mainBbs dt, dl.mainBbs dd, dl.mainBbs ul, dl.mainBbs li, dl.mainBbs a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.mainBbs {background-color: rgba(196,72,151,.9);}
dl.mainBbs > dt {font-family: 'Roboto-Bold', sans-serif;color: #fff;}
dl.mainBbs li {position: relative;font-family: 'Roboto-Regular', 'NotoSansKR DemiLight', sans-serif;}
dl.mainBbs li:first-child {margin-top: 0;}
dl.mainBbs a {position:relative;overflow:hidden;display: inline-block;vertical-align: top;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color: #fff;}
dl.mainBbs span {position: absolute;right: 0;top: 50%;transform:translateY(-50%);color: #e0c0d4;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainBbs {padding:15px;}
dl.mainBbs > dt {font-size: 16px;line-height: 20px;}
dl.mainBbs > dd {padding-top: 15px;}
dl.mainBbs li {margin-top: 10px;padding-right: 100px;font-size: 14px;line-height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainBbs {height: 260px;padding:20px 30px 0;}
dl.mainBbs > dt {font-size: 24px;line-height: 30px;}
dl.mainBbs > dd {padding-top: 25px;}
dl.mainBbs li {margin-top: 15px;padding-right: 100px;font-size: 16px;line-height: 25px;}
}







dl.mainDates, dl.mainDates dt, dl.mainDates dd, dl.mainDates ul, dl.mainDates li, dl.mainDates a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.mainDates {background-color: rgba(19,89,169,.9);}
dl.mainDates > dt {font-family: 'Roboto-Bold', sans-serif;color: #fff;}
dl.mainDates li {position: relative;font-family: 'Roboto-Regular', 'NotoSansKR DemiLight', sans-serif;color: #fff;}
dl.mainDates li:first-child {margin-top: 0;}
dl.mainDates span {position: absolute;right: 0;top: 50%;transform:translateY(-50%);border-radius: 15px;padding: 2px 0 3px;color: #1359a9;background-color: #fff;font-family: 'Roboto-Bold', sans-serif;text-align: center;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainDates {padding:15px;}
dl.mainDates > dt {font-size: 16px;line-height: 20px;}
dl.mainDates > dd {padding-top: 10px;}
dl.mainDates li {margin-top: 10px;padding-right: 120px;font-size: 14px;line-height: 20px;}
dl.mainDates span {width: 110px;font-size: 12px;line-height: 16px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainDates {height: 260px;padding:20px 30px 0;}
dl.mainDates > dt {font-size: 24px;line-height: 30px;}
dl.mainDates > dd {padding-top: 25px;}
dl.mainDates li {margin-top: 10px;padding-right: 160px;font-size: 16px;line-height: 25px;}
dl.mainDates span {width: 150px;}
}



dl.bnrZone, dl.bnrZone dt, dl.bnrZone dd, dl.bnrZone ul, dl.bnrZone li {margin: 0;padding: 0;list-style:none;}
dl.bnrZone {border-top: 1px solid #e1e1e1;background-color: #f2f2f2;}
dl.bnrZone > dt {color: #111;font-family: 'Roboto-Bold', sans-serif;}
dl.bnrZone > dd {position: relative;}
dl.bnrZone dd > ul {overflow: hidden;}
dl.bnrZone dd > ul li {float: left;margin-left: 20px;}
dl.bnrZone dd > ul li:first-child {margin-left: 0;}

dl.bnrZone img {border:1px solid #e7e7e7;}
dl.bnrZone img,dl.bnrZone a {display: block; box-sizing:border-box;}
dl.bnrZone a.bx-prev,
dl.bnrZone a.bx-next {position: absolute;top: 0;font-size: 0;line-height: 0;background-repeat: no-repeat;}
dl.bnrZone a.bx-prev {left: 0;background-position: center left;background-image: url('/image/main/bnr_prev.png');}
dl.bnrZone a.bx-next {right: 0;background-position: center right;background-image: url('/image/main/bnr_next.png');}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.bnrZone {padding:5px 15px 15px;}
dl.bnrZone > dt {padding: 10px 0 5px;font-size: 14px;line-height: 20px;}
dl.bnrZone > dd {padding: 0 25px;}
dl.bnrZone img,dl.bnrZone a {display: block; width: 92px; height: 25px; border: none;}
dl.bnrZone a.bx-prev,
dl.bnrZone a.bx-next {width: 25px; height: 25px; background-size: auto 14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.bnrZone {padding: 10px 0 30px;}
dl.bnrZone > dt,
dl.bnrZone > dd {width: 1280px;margin: 0 auto;box-sizing:border-box;}
dl.bnrZone > dt {padding: 20px 0 10px;font-size: 14px;line-height: 20px;}
dl.bnrZone > dd {padding: 0 35px;}
dl.bnrZone img,dl.bnrZone a {height: 52px; width: 185px;}
dl.bnrZone a.bx-prev,
dl.bnrZone a.bx-next {width: 35px;height: 50px;}
}



/* ==================== 컨텐츠 ==================== */

/* ======== Welcome Message ======== */
div.welcome {}
div.welcome p:first-child {margin-top: 0;}
div.welcome p {color: #000;}
div.welcome p.dear {color: #1359a9;font-family: 'Roboto-Bold', sans-serif;}

ul.president, ul.president li, ul.president img, ul.president span {display: block;margin: 0;padding: 0;list-style: none;}
ul.president {font-size: 0;line-height: 0;text-align: center;}
ul.president li {display: inline-block;vertical-align: top;}
ul.president li:first-child {margin-left: 0;}
ul.president span {font-family: 'Roboto-Bold', sans-serif;}
ul.president img {/*margin: 10px auto;*/margin:0 auto; margin-bottom:10px;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.welcome p {margin-top: 20px;}
div.welcome p.dear {font-size: 18px;}
ul.president li {margin-left: 5px;font-size: 16px;line-height: 22px; margin-bottom:20px;}
ul.president li img:first-child {width: auto;}
ul.president li img:last-child {height: 35px;}
ul.president li {font-size:14px !important; letter-spacing:-0.5px; text-align:center;}
ul.president li span {font-size:18px; letter-spacing:0px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.welcome p {margin-top: 25px; font-size: 18px; line-height:28px;}
div.welcome p.dear {font-size: 22px;}

ul.president li {margin-left: 45px;line-height: 22px; font-size:16px !important; letter-spacing:-0.5px; text-align:center;}
ul.president li span {font-size:20px; letter-spacing:0px;}
}


/* ======== Overview ======== */
dl.overview, dl.overview dt, dl.overview dd, dl.overview ul, dl.overview li {margin: 0;padding: 0;list-style: none;}
dl.overview {}
dl.overview dt:first-child {margin-top: 0;}
dl.overview dd {color: #000;}
dl.overview a {display: inline-block;vertical-align: top;color: #000;text-decoration: none;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.overview dt {margin: 15px 0 5px;padding-left: 25px;background-size: 20px;font-size: 18px;}
dl.overview dd {padding-left: 25px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.overview dt {margin: 25px 0 10px !important;padding-left: 42px !important;}
dl.overview dd {padding-left: 42px;line-height: 28px;}
}

/* ======== Committee ======== */
div.committee {}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.committee table.tblDef > * > tr > td.al {padding: 10px 40px;}
}

/* ======== Program at a Glance ======== */
div.program {}
div.program table.program {margin-top: 30px;}
table.program {width: 100%; padding:0;border:0;border-spacing:0px;border-collapse:collapse; overflow:auto;}
table.program > * > tr > * {padding: 10px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;text-align: center;}
table.program > * > tr > *:first-child {border-left: 0 none;}

div.sessionTit {width:90%;}

table.program > thead > tr > th {background-color: #1359a9;color: #fff;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;}
table.program > * > tr > td.time {background-color: #f9f9f9;}
table.program > * > tr > td.typeA {background-color: #F4B084;}
table.program > * > tr > td.typeB {background-color: #78bd70;}
table.program > * > tr > td.typeC {background-color: #97c1d3;}
table.program > * > tr > td.typeD {background-color: #FFF2CC;}
table.program > * > tr > td.typeE {background-color: #f2f77c;}
table.program > * > tr > td.typeF {background-color: #f3b6b6;}
table.program > * > tr > td.typeG {background-color: #FFF2CC;}
table.program > * > tr > td.typeH {background-color: #ffc543;}
table.program a {text-decoration: none;color: #000;}

table.program > * > tr > td.typeA1 {background-color: #c4e5c0;}
table.program > * > tr > td.typeB1 {background-color: #f1bedf;}
table.program > * > tr > td.typeC1 {background-color: #FFF2CC;}
table.program > * > tr > td.typeD1 {background-color: #C6E0B4;}
table.program > * > tr > td.typeE1 {background-color: #8EA9DB;}
table.program > * > tr > td.typeF1 {background-color: #E2EFDA;}
table.program > * > tr > td.typeG1 {background-color: #FFF2CC;}

div.program > h3.pointTit {text-align:left !important; position:relative;}

div.program > h3.pointTit span.lang {position:absolute; right:0; border-radius:50px; padding:5px 20px; color:#fff; font-size:16px; bottom:5px}
div.program > h3.pointTit span.lang.typeA {background-color:#0095ff;}
div.program > h3.pointTit span.lang.typeB {background-color:#12ad00;}
div.program > h3.pointTit span.lang.typeC {background-color:#d50087;}
div.program > h3.pointTit span.lang.typeD {background-color:#FFF2CC;}

div.program table.tblDef > * > tr > * {padding: 10px 20px;}
div.program table.tblDef span.tit {display: block;font-family: 'Roboto-Medium', sans-serif;}

table.program div.glanceTit { margin:0 auto; background-color:rgba(255,255,255,0.5); border-radius:7px; padding:10px 3px; font-weight:bold; border:2px solid #fff; margin-top:0; text-decoration:underline;letter-spacing:-0.5px; text-underline-position:under;}
table.program div.glanceSub {margin-top:10px; font-weight:bold;}
table.program div.glanceSub img {width:100px;}
table.program div.glanceCon {/*padding: 10px 15px;*/ padding-top:5px;}
table.program div.glanceKor {width: 35px; background:rgba(0,0,0,0.4); border-radius: 50px; padding: 3px; margin:0 auto; font-weight:bold; color:#fff; border:1px solid #fff; font-size:14px;}

div.program h3 .typeA {color:#0095ff;}
div.program div.tableScroll table.typeA {border-top:2px solid #0095ff;}
div.program div.tableScroll table.typeA th {background: #dbf0ff;}
div.program h3 .typeB {color:#12ad00;}
div.program div.tableScroll table.typeB {border-top:2px solid #12ad00;}
div.program div.tableScroll table.typeB th {background: #e8fde5;}
div.program h3 .typeC {color:#d50087;}
div.program div.tableScroll table.typeC {border-top:2px solid #d50087;}
div.program div.tableScroll table.typeC th {background: #fff5fb;}
div.program h3 .typeD {color:#dd9900;}
div.program div.tableScroll table.typeD {border-top:2px solid #dd9900;}
div.program div.tableScroll table.typeD th {background: #FFF2CC;}
div.program h3 .typeE {color:#d50087;}
div.program div.tableScroll table.typeE {border-top:2px solid #d50087;}
div.program div.tableScroll table.typeE th {background: #faffe6;}

/* 프로그램 필터 */
div.prgFilter div.checkFilter dl, div.prgFilter div.checkFilter dl dt, div.prgFilter div.checkFilter dl dd {margin: 0;padding: 0;}
div.prgFilter ul.filter {margin: 0;padding: 0;list-style: none;font-size: 0;}
div.prgFilter ul.filter li {position: relative;display: inline-block;vertical-align: top;}
div.prgFilter ul.filter li label {display: table-cell;vertical-align: middle;color: #ee7c33;background-color: #fff6f1;border: 1px solid #ee7c33;font-family:'Roboto-Regular',sans-serif;text-decoration: none;box-sizing:border-box;}
div.prgFilter ul.filter li.on label {background-color: #ee7c33;color: #fff;}
div.prgFilter ul.filter li input[type=radio] {position: absolute;left: 0;top: 0;opacity: 0;}

div.prgFilter div.checkFilter dl {margin: 0;padding: 0;}
div.prgFilter div.checkFilter dl dt {background-color: #8385c5;text-align: center;color: #fff;font-family:'Roboto-Medium',sans-serif;}
div.prgFilter div.checkFilter dl dd {border: 1px solid #ccc;box-sizing:border-box;}
div.prgFilter div.checkFilter ul {margin: 0;padding: 0;list-style: none;font-size: 0;}
div.prgFilter div.checkFilter ul li {position: relative;display: inline-block;vertical-align:top;padding-left: 23px;box-sizing:border-box;text-align: left;}
div.prgFilter div.checkFilter ul li input[type=checkbox] {position: absolute;left: 0;top: 6px;margin: 0;}

div.checkFilter dt {position: relative;}
div.checkFilter .category_clear {position: absolute;right: 10px;top: 50%;transform:translateY(-50%);}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	div.program div.tableScroll {margin-top: 30px;}
	div.sessionTit {width:80%;}

	/* 프로그램 필터 */
	div.prgFilter {margin-top: 30px;}
	div.prgFilter ul.filter {text-align: left;}
	div.prgFilter ul.filter li {width: calc(50% - 5px);margin-left: 5px;margin-top: 5px;text-align: center;}
	div.prgFilter ul.filter li:nth-child(2n + 1) {margin-left: 0;}
	div.prgFilter ul.filter li:nth-child(-n + 2) {margin-top: 0;}
	div.prgFilter ul.filter li label {width: 700px;height: 67px;padding: 10px 0;border-radius:7px;font-size:18px;line-height: 24px;}

	div.prgFilter div.checkFilter{margin-top: 20px;}
	div.prgFilter div.checkFilter dl dt {font-size:16px;line-height: 24px;padding: 8px 110px 8px 10px;}
	div.prgFilter div.checkFilter dl dd  {padding: 15px;}

	div.checkFilter .category_clear {width: 90px;height: 25px;padding: 0;}
	div.prgFilter div.checkFilter ul li {width: calc((100% - 5px) / 2);margin-left: 5px;margin-top: 10px;}
	div.prgFilter div.checkFilter ul li:nth-child(2n + 1) {margin-left: 0;}
	div.prgFilter div.checkFilter ul li:nth-child(-n + 2) {margin-top: 0;}
	div.prgFilter div.checkFilter ul li label {font-size: 14px; word-break:keep-all;}

	div.program > h3.pointTit span.lang {bottom:-10px; padding:2px 10px; font-size:14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {

	/* 프로그램 필터 */
	div.prgFilter {margin-top: 30px;}
	div.prgFilter ul.filter {text-align: center;}
	div.prgFilter ul.filter li {margin-left: 8px;cursor:pointer;}
	div.prgFilter ul.filter li:first-child {margin-left: 0;}
	div.prgFilter ul.filter li label{width: calc(1030px / 7);height: 70px;border-radius:7px;font-size:18px;line-height: 24px;padding: 10px 0;cursor:pointer;}

	div.prgFilter div.checkFilter{margin-top: 40px;}
	div.prgFilter div.checkFilter dl dt {font-size:18px;line-height: 32px;padding: 7px 0;}
	div.prgFilter div.checkFilter dl dd {padding: 30px;}

	div.checkFilter .category_clear {width: 100px;height: 36px;}
	div.prgFilter div.checkFilter ul li {width: calc( (100% - 15px) / 4);margin: 10px 0 0 5px;}
	div.prgFilter div.checkFilter ul li:nth-child(-n + 4) {margin-top: 0;}
	div.prgFilter div.checkFilter ul li:nth-child(4n + 1) {margin-left: 0;}
	div.prgFilter div.checkFilter ul li label {cursor:pointer;font-size: 15px; word-break:keep-all;}

	div.prgFilter p.filterBtn {display: none;}
	div.popFilter {display: none;}
}

/* ======== Abstract Submission ======== */
div.guideline {color: #000;}
ul.guideDate, ul.guideDate li, ul.guideDate strong, ul.guideDate span {display: block;margin: 0;padding: 0;list-style: none;}
ul.guideDate:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}

ul.guideDate li:nth-child(1) {background: linear-gradient(145deg, #c25050, #cf7d40);}
ul.guideDate li:nth-child(2) {background: linear-gradient(145deg, #3652ac, #5387d5);}
ul.guideDate li:nth-child(3) {background: linear-gradient(145deg, #c0388e, #1359a9);}

ul.guideDate li:nth-child(1) span {box-shadow: 0 0 15px rgba(204,115,67,.35);color: #c42f2e;}
ul.guideDate li:nth-child(2) span {box-shadow: 0 0 15px rgba(77,124,205,.35);color: #13349c;}
ul.guideDate li:nth-child(3) span {box-shadow: 0 0 15px rgba(161,27,112,.35);color: #1359a9;}

ul.guideDate div {position: relative;color: #fff;}
ul.guideDate strong {font-weight: normal;font-family: 'Roboto-Bold', sans-serif; letter-spacing:-1px; word-spacing:-2px;}
ul.guideDate span {position: absolute;border-radius: 50%;background-color: #fff;text-align: center;font-family: 'Roboto-Bold', sans-serif;}

ul.guideProcess, ul.guideProcess li, ul.guideProcess img, ul.guideProcess strong, ul.guideProcess span {display: block;margin: 0;padding: 0;list-style: none;}
ul.guideProcess:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}

ul.guideProcess li {position: relative;float: left;padding: 0 10px;box-sizing:border-box;text-align: center;}
ul.guideProcess strong,
ul.guideProcess span {color: #1359a9;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;}
ul.guideProcess li:after {position: absolute;content: '';}

dl.guideLine, dl.guideLine dt, dl.guideLine dd {margin: 0;padding: 0;}

ul.listDot.bg,
dl.guideLine {background-color: #e3eaf4;}

div.guideline p.note {color: #666;font-family: 'Roboto-Italic', sans-serif;}

dl.guideLine dt {color: #0f2f72;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.guideDate li {margin-top: 15px;}
ul.guideDate li:first-child {margin-left: 0;}
ul.guideDate div {padding: 15px 15px 60px;font-size: 16px;}
ul.guideDate strong {font-size: 20px;line-height: 40px;}
ul.guideDate span {bottom: 15px;right: 15px;width: 60px;padding: 15px 0;font-size: 16px;line-height: 30px;}

ul.guideProcess li {width: calc(50% - 10px);margin-left: 20px;margin-top: 20px;}
ul.guideProcess li:nth-child(-n+2) {margin-top: 0;}
ul.guideProcess li:nth-child(2n+1) {clear: both;margin-left: 0;}
ul.guideProcess li:after {top: 50px;right: -25px;width: 20px;height: 36px;background: url('/image/sub/process_arrow.png') center center no-repeat;}
ul.guideProcess li:nth-child(2n):after,
ul.guideProcess li:last-child:after {display: none;}

ul.guideProcess img {margin: 0 auto;height: 120px;}
ul.guideProcess strong,
ul.guideProcess span {font-size: 18px;}
ul.guideProcess strong {margin-top: 5px;}

ul.listDot.bg {padding: 15px;}
div.guideline p.note {margin: 5px 0;padding-left: 15px;}

dl.guideLine {padding: 15px;}
dl.guideLine dd {margin-top: 5px;}

div.guideline ul.noBl {padding: 10px 15px !important;}
div.guideline div.btnArea > a {display: block;max-width: 345px;margin: 0 auto 10px;font-size: 18px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.guideDate li {float: left;width: 352px;margin-left: 20px;}
ul.guideDate li:first-child {margin-left: 0;}
ul.guideDate div {padding: 30px 30px 120px;font-size: 18px;}
ul.guideDate div.impdate {padding: 30px 25px 145px !important;}
ul.guideDate strong {font-size: 30px;line-height: 55px;}
ul.guideDate span {bottom: 30px;right: 30px;width: 90px;padding: 30px 0;font-size: 22px;line-height: 30px;}

ul.guideProcess li {width: 207px;margin-left: 15px;}
ul.guideProcess li:first-child {margin-left: 0;}
ul.guideProcess li:after {top: 73px;right: -17px;width: 20px;height: 36px;background: url('/image/sub/process_arrow.png') center center no-repeat;}
ul.guideProcess li:last-child:after {display: none;}
ul.guideProcess img {margin: 0 auto;}
ul.guideProcess strong,
ul.guideProcess span {font-size: 18px;line-height: 28px;}
ul.guideProcess strong {margin-top: 10px;}

ul.listDot.bg {padding: 30px;}
div.guideline p.note {margin: 10px 0;padding-left: 30px;}

dl.guideLine {padding: 30px;}
dl.guideLine dd {margin-top: 15px;}

div.guideline ul.noBl {padding: 15px 30px !important;}
}
/* ======== Awards & Grants ======== */
div.award {}
dl.awInfo, dl.awInfo dt, dl.awInfo dd {margin: 0;padding: 0;}
dl.awInfo {background-color: #e3eaf4;}
dl.awInfo dt {color: #0f2f72;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;}

dl.award, dl.grant,
dl.award dt, dl.grant dt,
dl.award dd, dl.grant dd {margin: 0;padding: 0;}

dl.award .view a,
dl.grant .view a {background-color: #e7edf9;font-family: 'Roboto-Medium', sans-serif;}

dl.award a, dl.grant a {position: relative;display: block;border: 1px solid #ccc;border-top: 0 none;text-decoration: none;color: #000;}
dl.award a:before,
dl.grant a:before {position: absolute;background-position: center center;background-repeat: no-repeat;content: '';}
dl.award a:before {background-image: url('/image/sub/award_bl_02.png'); background-size: 50px;}
dl.grant a:before {background-image: url('/image/sub/grant_bl_02.png');}
dl.awardee a:before {background-image: url('/image/sub/grant_bl_02.png');}

dl.awardee table.awardeeTbl tr td {text-align:center;}
dl.awardee table.awardeeTbl tr td:nth-of-type(2) {text-align:left;}

div.contents a.trigger {position: relative;text-decoration: none;color: #000;}
div.contents a.trigger:after {position: absolute;top: 50%;background: url('/image/common/toggle.png') center center no-repeat;content: '';}
div.contents .view a.trigger:after {transform: rotate(180deg);}

dl.awInfo + dl.award a {border-top: 1px solid #ccc;}
dl.awInfo + dl.grant a {border-top: 1px solid #ccc;}
dl.award span, dl.grant span {position: absolute;display: block;color: #1359a9;font-family: 'Roboto-Medium', sans-serif;}

dl.award > dd, dl.grant > dd {border: 1px solid #ccc;border-top: 0 none;background-color: #f9f9f9;}
dl.award > dd p, dl.grant > dd p {color: #0f2f72;font-family: 'Roboto-bold', sans-serif;}
dl.award > dd dt, dl.grant > dd dt {color: #0f2f72;font-family: 'Roboto-bold', sans-serif;}

dl.note {margin: 40px 0 0;}
dl.note dt {color: #1359a9;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;}
dl.note dd {padding: 10px 0 0;}
div.contents table.bbs > tbody > tr > td a {display:contents;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.awInfo {margin: 20px 0;padding: 15px;}
dl.awInfo dd {margin-top: 5px;}

dl.award a, dl.grant a {padding: 10px 30px 50px 45px;text-align: left;}
dl.award a:before,
dl.grant a:before {top: 10px;left: 12px;width: 24px;height: 25px;background-size: 25px;}
dl.award span, dl.grant span {bottom: 15px;right: 25px;font-size: 17px;}
dl.awardee span {right:15px;}
dl.award > dd, dl.grant > dd {padding: 15px;}
dl.award > dd dt, dl.grant > dd dt {margin: 15px 0 5px;}

div.contents a.trigger:after {top: 15px;right: 15px;width: 17px;height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.awInfo {margin: 20px 0;padding: 30px;}
dl.awInfo dd {margin-top: 10px;}

dl.award a, dl.grant a {padding: 15px 275px 15px 75px;}
dl.award a:before,
dl.grant a:before {top: 50%;left: 15px;width: 50px;height: 40px;margin-top: -20px;}

dl.award span, dl.grant span {top: 50%;right: 75px;margin-top: -12.5px;font-size: 18px;}
dl.awardee span {right:75px;}
dl.award > dd, dl.grant > dd {padding: 30px;}
dl.award > dd dt, dl.grant > dd dt {margin: 25px 0 5px;}

div.contents a.trigger:after {right: 30px;width: 17px;height: 10px;margin-top: -5px;}
}

/* ======== Presentation Guidelines ======== */
div.guideline {}
div.guideline a {text-decoration: none;color: #000;}
div.guideline a.btnDown,
div.guideline a.btnClick {display: inline-block;padding: 0 15px;vertical-align: top;color: #fff;font-size: 14px;line-height: 26px;text-align: center;}
div.guideline a.btnDown img {display: inline-block;vertical-align: top;margin: 5px 0 0;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.guideline ul.tabMenu {margin-top: 20px;}
div.guideline ul.tabMenu a {display: table-cell;width: 800px;height: 48px;vertical-align: middle;}
div.guideline a.btnDown {padding: 0 5px;}

div.guideline ul.presentationTab {text-align:center;}
div.guideline ul.presentationTab > li {width: 100%; margin-top:5px !important;}
div.guideline ul.presentationTab > li a {border-left:1px solid #a3b1c7;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.guideline ul.tabMenu {margin-top: 30px;}
}

/* ======== How to Register ======== */
div.register {color: #000;}
div.register a {text-decoration: none;color: #000;}

div.infoDate {background: linear-gradient(to right, #3c5db5, #c2507e);text-align: center;color: #fff;}
div.infoDate span {color: #eef617;font-family: 'Roboto-Medium', sans-serif;}

table.tblPoint {padding:0;border:0;border-spacing:0px;border-collapse:collapse;}
table.tblPoint > * > tr > * {padding: 10px 15px;border: 1px solid #ddd;text-align: left;}
table.tblPoint > * > tr > th {font-family: 'Roboto-Bold', sans-serif;}

dl.infoBox {background-color: #e3eaf4;}
dl.infoBox dt {color: #0f2f72;font-weight: normal;font-family: 'Roboto-Bold', sans-serif;}
dl.infoBox dd a {text-decoration: none;color: #000;}

dl.payment {}
dl.payment dt {margin: 0 !important;font-weight: normal;font-family: 'Roboto-Bold', sans-serif;}

dl.faq {margin: 15px 0 0;padding: 0;}
dl.faq dt {margin: 0 !important;padding: 0;}
dl.faq a.trigger {display: block;padding: 10px 65px 10px 20px;background-color: #fafafa;border: 1px solid #ddd;}
dl.faq dd {margin: 0;padding: 0;border: 1px solid #ddd;border-top: 0 none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.infoDate {padding: 15px 0;font-size: 18px;line-height: 30px;}
div.register table.tblPoint {margin: 15px 0 0;}
div.register dl > dt {margin-top: 15px;}
div.register table.tblPoint + ul {margin-top: 15px;}

dl.infoBox {margin-top: 15px;padding: 15px;}
dl.infoBox dt {margin: 0 !important;}
dl.infoBox dd {margin-top: 10px;}

dl.faq dd {padding: 10px 15px;word-break:keep-all;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.infoDate {padding: 25px 0;font-size: 28px;line-height: 56px;}
div.register table.tblPoint {margin: 20px 0 0;}
div.register dl > dt {margin-top: 20px;}
div.register table.tblPoint + ul {margin-top: 20px;}

dl.infoBox {margin-top: 20px;padding: 30px;}
dl.infoBox dt {margin: 0 !important;}
dl.infoBox dd {margin-top: 15px;}

dl.faq dd {padding: 15px 20px;}
}
/* ======== Sponsorship Package ======== */
div.sponsorship {}
div.spon dl {padding: 0;}
div.spon dt {background-repeat: no-repeat;background-position: left top;text-align: center;color: #fff;font-weight: normal;font-family: 'Roboto-Medium', sans-serif;}

dl.sponDiamond dt {background-image: url('/image/sponsor/sponDiamond.png');}
dl.sponPlat dt {background-image: url('/image/sponsor/sponPlat.png');}
dl.sponSilver dt {background-image: url('/image/sponsor/sponSilver.png');}
dl.sponGold dt {background-image: url('/image/sponsor/sponGold.png');}
dl.sponBronze dt {background-image: url('/image/sponsor/sponBronze.png');}
dl.sponRuby dt {background-image: url('/image/sponsor/sponRuby.png');}
dl.sponPearl dt {background-image: url('/image/sponsor/sponPearl.png');}

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

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.sponsorship table.tblDef {margin-top: 30px;}
div.sponsorship .btnPoint {display: block;max-width:325px;margin:0 auto 10px;font-size: 18px;}

div.spon dl {margin-top: 30px;}
div.spon dt {margin-bottom: 15px;padding: 10px 0;font-size: 17px;line-height: 25px;}
div.spon dl ul li {display: block; margin-top: 10px; text-align: center; border:1px solid #ddd;}
div.spon dl ul li:first-child {margin-top: 10px;}

div.spon dl ul li a,div.spon dl ul li img {display: inline-block; width: 330px; height: 90px; }
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.sponsorship table.tblDef {width: 50%;margin-top: 60px;}
div.spon dl {margin-top: 40px;}
div.spon dt {margin-bottom: 30px;padding: 15px 0;font-size: 18px;line-height: 30px;}

/* 0127 css 추가 */
div.spon dl dd li {margin-left: 10px; margin-top: 10px; border:1px solid #ddd;}
dl.sponDiamond dd li:nth-child(2n+1) {margin-left: 0;}
dl.sponDiamond dd li:nth-child(-n+2) {margin-top: 0;}
dl.sponDiamond dd li a,dl.sponDiamond dd li a img {width: 390px; height: 108px;}

dl.sponPlat dd li:nth-child(3n+1) {margin-left: 0;}
dl.sponPlat dd li:nth-child(-n+3) {margin-top: 0;}
dl.sponPlat dd li a,dl.sponPlat dd li a img {width: 330px; height: 90px;}

dl.sponGold dd li:nth-child(4n+1) {margin-left: 0;}
dl.sponGold dd li:nth-child(-n+4) {margin-top: 0;}
dl.sponGold dd li a,dl.sponGold dd li a img {width: 250px; height: 75px;}

dl.sponSilver dd li:nth-child(5n+1) {margin-left: 0;}
dl.sponSilver dd li:nth-child(-n+5) {margin-top: 0;}
dl.sponSilver dd li a,dl.sponSilver dd li a img {width: 190px; height: 60px;}

dl.sponBronze dd li:nth-child(5n+1) {margin-left: 0;}
dl.sponBronze dd li:nth-child(-n+5) {margin-top: 0;}
dl.sponBronze dd li a,dl.sponBronze dd li a img {width: 190px; height: 60px;}

dl.sponRuby dd li:nth-child(7n+1) {margin-left: 0;}
dl.sponRuby dd li:nth-child(-n+7) {margin-top: 0;}
dl.sponRuby dd li a,dl.sponRuby dd li a img {width: 140px; height: 44px;}

dl.sponPearl dd li:nth-child(7n+1) {margin-left: 0;}
dl.sponPearl dd li:nth-child(-n+7) {margin-top: 0;}
dl.sponPearl dd li a,dl.sponPearl dd li a img {width: 140px; height: 44px;}
}



/* Login */
div.loginArea h3, div.loginArea p, div.loginArea dl, div.loginArea dt, div.loginArea dd {margin: 0;padding: 0;}
div.loginArea {border: 2px solid #eee;}
div.loginArea h3 {color: #000; font-weight: normal; font-family: 'NotoSansKR Bold', sans-serif;}
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%;transform:translateY(-50%);}
div.loginArea dt label {color: #767d90;font-size: 15px;}
div.loginArea dd input {width: 413px;padding: 4px 10px;border: 0 none;background-color: #f0efef;}

div.loginArea p.loginUtil {margin: 10px 0 0;}
div.loginArea p.loginUtil input {margin: 5px 5px 0 0;vertical-align: top;}

div.loginArea p.btn * {display: block;width: 100%;height: 100%;padding: 0;border: 0 none;font-family: 'NotoSansKR Bold', sans-serif;background-color: #1359a9 !important;}
div.loginArea ul.btn a {border-color:#1b1764 !important;color: #1b1764 !important;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.loginArea {padding: 15px; font-size: 14px;}
div.loginArea h3 {font-size:20px;}
div.loginArea h3 + p {padding: 5px 0 10px; font-family: 'NotoSansKR Light', sans-serif;}

div.loginArea p.btn {height: 50px; padding-top: 10px;}

div.loginArea ul.btn {padding-top: 5px;}
div.loginArea ul.btn li {margin-top: 10px; padding: 5px 0;list-style:none;}
div.loginArea ul.btn li:before {display: inline-block;content: "- ";}
div.loginArea ul.btn a {display: block;margin-top: 5px;padding: 4px 0;font-size: 12px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.loginArea {width: 700px;padding:50px 70px 70px;margin: 0 auto;}
div.loginArea h3 {font-size: 36px; margin-bottom:20px;}

div.loginArea div.formArea {position: relative;margin-top: 20px;padding-right: 150px;}

div.loginArea p.btn {position: absolute;right: 0;top: 0;width: 140px;height: 100px;margin: 0;}
div.loginArea p.btn * {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;}
}



/* Find ID/Password */
div.find {border: 2px solid #eee;}
div.find h3 {margin: 0;color: #000; font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}

div.find div.option {text-align: center;}
div.find div.option input {margin: 0 5px 0 30px;}
div.find div.option input:first-child {margin-left: 0;}

div.find dl {position: relative;margin-top: 10px;padding: 0;background-color: #f0efef;}
div.find dl:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.find dt {display: none;}
div.find dt label {font-size: 0;line-height: 0;}
div.find dd input {display: block;width: 100%;height: 50px;font-size: 15px;padding: 0 10px;border: 0 none;background-color: #f0efef;box-sizing:border-box;}
div.find dd input::placeholder {color: #767d90;}
div.find p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-family: 'NotoSansKR Medium', sans-serif;background-color: #1359a9 !important;}

div.find div.resultArea {background-color: #eee; text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
div.find div.resultArea span {color:#1359a9;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.find {margin-top: 20px;border: 2px solid #eee; font-size: 14px;}
div.find div.formArea {padding: 15px; }
div.find div.formArea > p {padding: 5px 0 10px; font-family: 'NotoSansKR Light', sans-serif;}

div.find div.option {padding-bottom: 10px;}

div.find p.btn {height: 50px; padding-top: 10px;}

div.find div.resultArea {padding: 17px 0 18px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.find {width: 715px;margin: 50px auto 0;}

div.find div.formArea {position: relative;padding:50px 70px 70px;}
div.find div.option {padding-bottom: 20px;}

div.find p.btn {margin-top: 10px;height: 50px;}
div.find p.btn * {font-size: 20px;}

div.find div.resultArea {padding: 25px 0;font-size:20px; line-height: 30px;}
}



/* Sign up */
ul.joinType, ul.joinType li, ul.joinType a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.joinType {text-align: center;font-size: 0;line-height: 0;}
ul.joinType li {display: inline-block;vertical-align: top;}
ul.joinType li:first-child {padding-left: 0;}
ul.joinType a,
ul.joinType img {display: block;}

div.joinCom {text-align: center;color: #111;font-family: 'Roboto-Regular', sans-serif;}
div.joinCom img,
div.joinCom span {display: block;}
div.joinCom img {margin: 0 auto;}
div.joinCom span {font-family: 'Roboto-Bold', sans-serif;}

div.joinCom + table.tblDef > * > tr > th {background-color: #f8f8f8;color: #000;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.joinType {padding: 20px;}
ul.joinType li {width: calc(50% - 10px);padding-left: 20px;}
ul.joinType img {width: 100%;}

table.inputTbl ul.option {margin: 0;padding: 0;border: 0 none; width:100% !important;}
table.inputTbl ul.option > li {padding-left: 23px;margin: 0;list-style:none;}
table.inputTbl ul.option input[type="checkbox"] {position: absolute;left: 0;top: 10px;margin: 0;}
table.inputTbl ul.option input[type="radio"] {position: absolute;left: 0;top: 10px;margin: 0;}
table.inputTbl ul.option input[type="text"] {margin-left: 5px; display: inline-block; width:calc(100% - 38px - 5px) !important;}

table.inputTbl span.agree {position:relative; display: block; padding-left: 23px; margin: 10px 0 0 0 !important; height:auto;}
table.inputTbl span.agree input[type="radio"]{position: absolute;left: 0;top: 0; margin: 0 !important;}
table.inputTbl span.agree input[type="checkbox"]{position: absolute;left: 0;top: 0; margin: 0 !important;}
table.inputTbl span.agree label {display: inline-block; line-height: 16px; vertical-align: top;}

.agreeCon {overflow-x: hidden;overflow-y: auto; width:calc(100% - 30px); height: 150px;padding: 15px 15px 0;margin-bottom: 15px;border: 1px solid #d2d2d2;}
.agreeCon dt {font-weight: bold;}
.agreeCon dd {padding-bottom: 15px;}

div.join{font-size:14px;}
div.join table td{border-left: 0 !important;}
div.join p + h3{margin-top: 0;}
div.join table.inputTbl ul.multi > *{margin-left: 0 !important;}
div.join table.inputTbl ul.multi li{width:100%;}
div.join table.rwTbl input + input{margin-left: 0; margin-top: 5px;}
div.join table.rwTbl label + input{margin-left: 0;}
div.join table.rwTbl input + input[type=checkbox]{margin-left: 0 !important;}
div.join table.rwTbl td.userID input{width:calc(100% - 170px) !important;}
div.join .doctor input:nth-child(8) {margin-left: 0;}

div.joinCom {padding: 15px 15px 30px;font-size: 16px;line-height: 20px;}
div.joinCom img {height: 87px;}
div.joinCom span {padding-top: 10px;font-size: 18px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.joinType li {padding-left: 70px;}

table.inputTbl ul.option:after {content: "";clear: both;display: block;height: 0;line-height: 0;font-size: 0;}
table.inputTbl ul.option > li {float: left; position: relative; display: inline-block; margin: 0 0 0 20px !important; line-height: 36px; min-height:36px; padding-left: 23px;margin: 0;list-style:none;}
table.inputTbl ul.option > li label{line-height: 36px;}
table.inputTbl ul.option > li:first-child{margin: 0 !important;}
table.inputTbl ul.option input[type=radio]{position: absolute;left: 0;top: 11px;margin: 0 !important;}
table.inputTbl ul.option input[type=checkbox]{position: absolute;left: 0;top: 11px;margin: 0 !important;}
table.inputTbl ul.option label + input {margin-left: 5px;	}

table.inputTbl ul.option.noFloat > li {float: none;display: block;margin: 0 !important;}

.userID div.withBtn {padding-right: 196px;}

.agreeCon {overflow-x: hidden;overflow-y: auto;height: 300px;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 {padding:20px 0 100px;font-size: 26px;line-height: 38px;}
div.joinCom span {padding: 20px 0 10px;font-size: 38px;}
}

/*  */

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
/* Mypage*/
div.mypgName {margin-top: 15px; background-color: #ecebf3; padding: 20px; text-align: center; font-size: 20px; line-height: 26px; color:#252525; font-family: 'Roboto-Medium', sans-serif;}
div.mypgName span {color:#1b1764;}
h3.subTit.mypg > span.fr.btn{display: block; float:none !important;	clear: left !important; text-align: right;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {

/* Mypage*/
div.mypgName {margin-top: 30px; background-color: #ecebf3; padding: 38px; text-align: center; font-size:26px; line-height: 32px; color:#252525; font-family: 'Roboto-Medium', sans-serif;}
div.mypgName span {color:#1b1764;}
}

/* Invited Speakers */
div.speaker {}
div.speaker:first-of-type {margin-top: 0;}
ul.speaker, ul.speaker li, ul.speaker img, ul.speaker strong, ul.speaker span, ul.speaker a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.speaker:after {display: block;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}

ul.speaker li {position: relative;border-top: 2px solid #000;background-color: #f4f2f3;box-sizing:border-box;color: #000;}
ul.speaker img {position: absolute;}
ul.speaker strong {color: #0f1958;font-weight: normal;font-family: 'Roboto-Bold', sans-serif;text-align: left;}
ul.speaker span.group {}
ul.speaker a.cv {color: #fff;}

/* 타입별 컬러 */
div.speaker.typeA h3 > span {color: #0095ff;}
div.speaker.typeA li {border-color: #0095ff;}
div.speaker.typeA a.cv {background-color: #0095ff;}
div.speaker.typeA span.role {background-color: #0095ff;}

div.speaker.typeB h3 > span {color: #12ad00;}
div.speaker.typeB  li {border-color: #12ad00;}
div.speaker.typeB  a.cv {background-color: #12ad00;}
div.speaker.typeB span.role {background-color: #12ad00;}

div.speaker.typeC h3 > span {color: #12ad00;}
div.speaker.typeC li {border-color: #12ad00;}
div.speaker.typeC a.cv {background-color: #12ad00;}
div.speaker.typeC span.role {background-color: #12ad00;}

div.speaker.typeD h3 > span {color: #dd9900;}
div.speaker.typeD li {border-color: #dd9900;}
div.speaker.typeD a.cv {background-color: #dd9900;}
div.speaker.typeD span.role {background-color: #dd9900; color:#fff;}

div.speaker.typeE h3 > span {color: #d50087;}
div.speaker.typeE li {border-color: #d50087;}
div.speaker.typeE a.cv {background-color: #d50087;}
div.speaker.typeE span.role {background-color: #d50087; color:#fff;}

div.speaker.typeF h3 > span {color: #1359a9;}
div.speaker.typeF li {border-color: #1359a9;}
div.speaker.typeF a.cv {background-color: #1359a9;}
div.speaker.typeF span.role {background-color: #1359a9;}

div.speaker.typeG h3 > span {color: #ad6300;}
div.speaker.typeG li {border-color: #ad6300;}
div.speaker.typeG a.cv {background-color: #ad6300;}
div.speaker.typeG span.role {background-color: #ad6300;}

div.speaker.typeH h3 > span {color: #ad0000;}
div.speaker.typeH li {border-color: #ad0000;}
div.speaker.typeH a.cv {background-color: #ad0000;}
div.speaker.typeH span.role {background-color: #ad0000;}

div.speaker.typeI h3 > span {color: #edbf00;}
div.speaker.typeI li {border-color: #edbf00;}
div.speaker.typeI a.cv {background-color: #edbf00;}
div.speaker.typeI span.role {background-color: #edbf00;}

div.speaker ul.speaker span.role {font-size:15px; width:max-content; padding:2px 10px; border-radius:5px; text-align:center; margin-left:-3px; }

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.speaker {margin-top: 25px;}
div.speaker h3 {font-size: 18px;text-align: left;}

ul.speaker li {margin-top: 20px;padding: 15px 15px 20px 120px;font-size: 14px;line-height: 18px;}
ul.speaker li:first-child {margin-top: 0;}
ul.speaker img {top: 50%;left: 15px;height: 106px;margin-top: -53px;}
ul.speaker strong {margin-bottom: 15px;font-size: 16px;line-height: 20px;}
ul.speaker a.cv {width: 50px;margin-top: 10px;text-align: center;font-size: 12px;line-height: 25px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.speaker {margin-top: 50px;}

ul.speaker li {float: left;width: 535px;min-height: 328px;margin: 30px 0 0 30px;padding: 30px 20px 30px 223px;font-size: 18px;}
ul.speaker li:nth-child(-n+2) {margin-top: 0;}
ul.speaker li:nth-child(2n+1) {clear: both;margin-left: 0;}

ul.speaker img {top: 55px;left: 20px;}
ul.speaker strong {min-height: 95px;margin-bottom: 5px;font-size: 20px;line-height: 30px;}
ul.speaker span.group {font-size: 16px;letter-spacing: -1px;text-align: left;}
ul.speaker a.cv {width: 50px;margin-top: 10px;text-align: center;font-size: 14px;line-height: 26px;}
}

/* 2022-02-08 영수증 css 추가 */
div.receipt {width: 750px; margin: 0 auto; padding: 0;}

/* 2022-02-11 초록심사 css 추가 */

@media screen and (max-width: 960px) {
	div.review {display: none;}
}
div.popReview {padding:10px 20px;}
@media screen and (min-width: 961px) {
	div.review {}
	div.contents > div.review {width:1400px; margin-left:-150px;}
	div.reivewInfo {margin-bottom: 10px;}
	div.reivewInfo ul {float: left;margin: 0; padding: 0; list-style: none; font-size:0; line-height: 0;}
	div.reivewInfo ul li {display: inline-block;position: relative; line-height: 36px; font-size:16px;}
	div.reivewInfo ul li:before {display: inline-block; vertical-align: top; content:'/'; padding: 0 5px;}
	div.reivewInfo ul li:first-child:before {display: none;}
	div.reivewInfo:after {clear: both; content:''; display: block;}
	div.review table.tblDef th, div.review table.tblDef td {font-size:0.8em; line-height: 1.2;}

	div.popReview {padding: 30px; width: 800px; max-height: 850px; border: 2px solid #ccc; box-sizing:border-box; overflow-x:hidden; overflow-y:auto;}
	div.popReview h1 {margin-bottom: 10px; color: #1359a9; font-weight:700; font-size:20px; line-height: 25px; font-family:'Roboto-Bold',sans-serif;}
	div.popReview table select {display: block;}
	div.popReview table select + select {margin-top: 5px;}
	div.popReview table textarea {width: 100%; box-sizing:border-box;}
}

/* Invited Speaker Submission > Submission / Modify 로그인 - 23.12.08 박민지 */
.login-form-wrap{padding-top: 90px;box-sizing: border-box;}
.login-form-wrap *{box-sizing: border-box;}
.login-wrap{max-width: 657px;margin: 0 auto;padding: 60px 80px;background-color: #f5f5f5;border-radius: 20px;}
.login-tit-wrap{padding: 0 25px;margin-bottom: 45px;}
.login-tit{padding-bottom: 20px;border-bottom: 2px solid #013d78;font-family:'Roboto-Bold',sans-serif;font-size: 30px;color: #333333;line-height: 1.2;text-align: center;}
.login-input{}
.login-input input[type="text"],
.login-input input[type="password"]{width: 100%;padding: 22px 20px 22px 50px;border-radius: 10px;border: 1px solid #d7dadc;background-repeat: no-repeat;background-position: 20px center;font-size: 15px;}
.login-input input[type="text"]{background-image: url('/image/icon/ic_person.png');}
.login-input input[type="password"]{margin-top: 15px;background-image: url('/image/icon/ic_password.png');}
.login-input input::placeholder{color: #999;}
.login-wrap .btn-wrap{margin-top: 50px;}
.btn-login{width: 100%;padding: 19px 20px;background-color: #013d78;border: 0;border-radius: 10px;font-size: 22px;font-family:'Roboto-Medium',sans-serif;color: #fff;letter-spacing: -0.02em;}
div.speaker_logout {
	position: relative;
	width:1100px;
	margin: 0 auto;
}
div.speaker_logout div.logoutBtn {
	position: absolute;
	top:80px;
	right:0;
}

@media screen and (max-width: 960px){
	.login-form-wrap{padding: 15px 0;}
	.login-wrap{padding: 30px;}
	.login-tit-wrap{padding: 0 15px;margin-bottom: 20px;}
	.login-tit{padding-bottom: 10px;font-size: 20px;}
	.login-input input[type="text"],
	.login-input input[type="password"]{padding: 13px 15px 13px 35px;background-position: 15px center;background-size: 12px;font-size: 14px;}
	.login-input input[type="password"]{margin-top: 10px;}
	.login-wrap .btn-wrap{margin-top: 30px;}
	.btn-login{padding: 12px 15px;font-size: 18px;}
	div.speaker_logout {
		position: relative;
	}
	div.speaker_logout div.logoutBtn {
		position: absolute;
		top:50px;
		right:20px;
	}
}

/* 관리자 */

@media screen and (min-width: 961px) {
	div.popJudge {padding: 30px; width: 800px; max-height: 850px; border: 2px solid #ccc; box-sizing:border-box; overflow-x:hidden; overflow-y:auto;}
	div.popJudge h1 {margin-bottom: 10px; color: #1359a9; font-weight:700; font-size:20px; line-height: 25px; font-family:'Roboto-Bold',sans-serif;}
}

/* related 2023-02-13 */
ul.relate, ul.relate li {margin: 0; padding: 0; list-style: none;}
ul.relate li {position: relative;border:1px solid #dedede;}
ul.relate li:first-child {margin-top: 0;}
ul.relate span.tit {display: block;font-family:'Roboto-Bold',sans-serif;}
ul.relate li > img {position: absolute; width:280px;}
ul.relate a {display: block;background-color: #1359a9;color: #fff;text-decoration: none;text-align: center;}
ul.relate a img {display: inline-block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.relate li {margin-top: 20px;padding: 120px 15px 20px 15px;border-radius: 10px;}
ul.relate li > img {top: 20px;left: 50%; transform: translateX(-50%); width: 200px;height: auto;}
ul.relate span.tit {margin-bottom: 5px;text-align: center;font-size: 18px;}
ul.relate li {font-size: 15px;line-height: 22px;}
ul.relate a {width: 150px;height: 30px;margin:15px auto 0; line-height: 30px;font-size: 13px;}
ul.relate a img {margin: 11px 0 0 5px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.relate li {margin-top: 30px;padding: 60px 230px 60px 360px;border-radius: 10px;}
ul.relate span.tit {margin-bottom: 10px;font-size: 20px;line-height: 24px;}
ul.relate li > img {top: 50%; transform: translateY(-50%); left: 40px;}
ul.relate li {font-size: 18px;line-height: 24px;}
ul.relate a {position: absolute;top: 50%; transform: translateY(-50%); right: 35px;width: 185px;height: 50px;font-size: 16px;line-height: 50px;box-sizing: border-box; }
ul.relate a img {margin: 21px 0 0 5px;}
}

/* 검색영역 */
div.searchArea {background-color: #f2f6fd;}
div.searchArea form {font-size: 0;line-height: 0;}
div.searchArea select {text-align: center;}
div.searchArea input {display: inline-block;vertical-align: top;border: 1px solid #dfdfdf;box-sizing:border-box;}
div.searchArea input[type=submit] ,
div.searchArea input[type=reset] {color: #fff;text-align: center;border-radius: 2px;}

div.searchArea input[type=submit] {background-color: #0f2f72;border-color: #0f2f72;}
div.searchArea input[type=reset] {background-color: #8092b7;border-color: #8092b7;}

div.searchArea .note {display: block;text-align: left;font-family: 'Roboto-Regular', sans-serif;color:#666666;}

/* 관리자 검색 */


div.reviewerAdd div.searchArea {margin-bottom: 30px;}
div.reviewerAdd div.searchArea {background:none;}
div.reviewerAdd div.searchArea div.btnArea {padding-top: 20px;}
div.reviewerAdd div.searchArea div.btnArea > * {margin-left: 10px;}
div.reviewerAdd div.searchArea div.btnArea > *:first-child {margin-left: 0;}
div.reviewerAdd div.searchArea input[type=submit] {margin-top:0; width:fit-content;}
div.reviewerAdd div.searchArea input[type=text] {height:30px;}
div.reviewerAdd div.searchArea .btn {width:100%;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	div.searchArea {margin-top: 20px;padding: 20px;}
	div.searchArea form {text-align: center;}
	div.searchArea select,
	div.searchArea input {height: 30px;font-size: 14px;}
	div.searchArea select {margin-right: 5px;}
	div.searchArea input[type=text] {width: 60%;padding: 0 10px;}
	div.searchArea .btn {width: 84%;}
	div.searchArea input[type=submit] {margin-top: 10px;width: calc(50% - 5px);line-height: 30px;}
	div.searchArea input[type=reset] {margin:10px 0 0 10px;width: calc(50% - 5px);line-height: 30px;}

	div.searchArea .note {margin-top: 5px;font-size: 14px;line-height: 18px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
	div.searchArea {margin-top: 30px;padding: 30px;}
	div.searchArea select,
	div.searchArea input {height: 40px;font-size: 16px;}
	div.searchArea select {width: 110px;margin-right: 5px;}
	div.searchArea input[type=text] {width: 655px;padding: 5px 10px;}
	div.searchArea input[type=submit] {width: 100px;}
	div.searchArea input[type=reset] {margin-left: 10px;width: 160px;}

	div.searchArea .note {margin-top: 5px;font-size: 15px;line-height: 25px;}
}


/* 메인 sponsor banner 추가 - 240118 박민지 */
.sponsor-wrap{
	width: 100%;
	box-sizing: border-box;
}
.sponsor-wrap *{
	box-sizing: border-box;
}
.sponsor-wrap + .sponsor-wrap{
	margin-top: 20px;
}
.sponsor-wrap:after,
.sponsor-list:after{
	display: block;
	content: '';
	clear: both;
}
.sponsor-list-wrap.diamond{
	width: 260px;
	height: 65px;
}
.sponsor-list-wrap.diamond .sponsor-list{
	width: 260px !important;
	height: 65px !important;
}
.sponsor-wrap.n2 .sponsor-list-wrap{
	float: left;
	width: 49%;
}
.sponsor-wrap.n2 .sponsor-list-wrap + .sponsor-list-wrap{
	margin-left: 2%;
}
.sponsor-tit{
	display: inline-block;
	min-width: 90px;
	padding: 1px 0;
	border-radius: 30px;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	letter-spacing: -0.025em;
	vertical-align: middle;
}
.diamond .sponsor-tit{
	background-color: #539df1;
}
.platinum .sponsor-tit{
	background-color: #0548b7;
}
.gold .sponsor-tit{
	background-color: #daa458;
}
.silver .sponsor-tit{
	background-color: #6b6b6b;
}
.supporter .sponsor-tit{
	background-color: #8d30b8;
}
.sponsor-tit + .sponsor-list{
	display: inline-block;
	width: calc((100% - 95px));
	padding-left: 15px;
	vertical-align: middle;
}
.sponsor-list .slick-list{
	margin: 0 -5px;
}
.sponsor-list:after{
	display: block;
	content: '';
	clear: both;
}
.sponsor-list-wrap .sponsor-list a{
	display: block;
	float: left;
	width: auto;
	height: auto;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 0 5px !important;
}
.sponsor-list-wrap .sponsor-list a img{
	width: 100%;
	height: auto;
	max-width: 100%;
	border: 0;
}

/* Discover Seoul, Korea - 240118 박민지 */
.text-center{
	text-align: center;
}
.img-wrap img{
	max-width: 100%;
}
.contents-wrap{
	width: 100%;
}
.contents-wrap .img-wrap,
.contents-wrap .text-wrap{
	display: inline-block;
	vertical-align: top;
}
.contents-wrap .img-wrap{
	width: 150px;
}
.contents-wrap .text-wrap{
	width: calc((100% - 155px));
	padding-left: 30px;
	text-align: left;
	box-sizing: border-box;
}
.text-wrap a{
	word-break: break-all;
}
p + .btn-wrap{
	margin-top: 10px;
}
.btn.btn-type-line{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #0000EE;
	line-height: 1.2;
	vertical-align: top;
	text-decoration: none;
}
.btn.btn-type-line.color-type-blue{
	color: #0000EE;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	div.gnbBg{
		display: none !important;
	}
	dl.bnrZone > dd{
		padding: 0;
	}
	.sponsor-list-wrap.diamond{
		width: auto;
		height: auto;
	}
	.sponsor-list-wrap.diamond .sponsor-list{
		width: auto !important;
		max-width: 250px;
		height: auto !important;
	}
	.sponsor-wrap.n2 .sponsor-list-wrap{
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	.sponsor-wrap + .sponsor-wrap{
		margin-top: 10px;
	}
	.sponsor-wrap.n2 .sponsor-list-wrap + .sponsor-list-wrap{
		margin-left: 0;
		margin-top: 15px;
	}
	.sponsor-tit{
		padding: 3px 10px;
		min-width: auto;
		font-size: 12px;
	}
	.sponsor-tit + .sponsor-list{
		display: block;
		width: 100%;
		padding-left: 0;
		margin-top: 5px;
	}

	.contents-wrap .img-wrap{
		width: 80px;
	}
	.contents-wrap .text-wrap{
		width: calc((100% - 85px));
		padding-left: 15px;
	}
}

.captcha > tr {
	display: none;
}
.captcha > td {
	width: 100%;
}
.captcha > td > *:not(p) {
	display: inline-block;
	vertical-align: middle;
}
.captcha .img{
	display: inline-block;
	margin: 2px 0;
	height: 40px;
	border: 1px solid #e2e2e2;
}
.captcha .img img{
	height: 100%;
}
.captcha input {
	width: auto;
	max-width: 200px;
	margin: 2px 0;
}
.captcha button {
	cursor: pointer;
	background: none;
	border: 0;
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}