@charset "utf-8";

.fcRed {color: #f00 !important;}
.fcPoint{color: #3a4891 !important;}

/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}

input[type=text] {margin:0;padding:0;}

a,
input[type=submit],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;}
textarea {margin:0;}

select,
input[type='text'],
input[type='password'],
textarea {height:35px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;}
select {height:35px;padding:0;}
textarea {height:150px;}

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

td label,
td span:not(#content_parent) {display:inline-block;} /* 에디터 id부분만 적용안되도록 예외처리 김상훈 K 2018-07-19 */



/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none; cursor:pointer; padding: 15px 0px 16px;font-size:16px;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important; border-radius: 5px}

.btn a {height:auto;line-height: 19px;padding: 7px 15px;}
.btn a img {padding-right:5px;vertical-align:top;}
.btn i {padding-right: 5px;}

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

.btn .btnBg {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
a.btnBg {display:block;height:100%;text-indent:-10000px;}

.btn .btnArr,
.btn .btnCancel {background-position:right center;background-repeat:no-repeat;text-align: left !important;}
.btn .btnArr {background-image:url('/image/common/btnBl_arr.png');;background-repeat:no-repeat;}
.btn .btnCancel {background-image:url('/image/common/btnBl_cancel.png');background-repeat:no-repeat;}

.btn .fullBtn {width:100%;font-size:16px;}
.btn a.fullBtn {padding:7px 0 8px;}

.btn .middleBtn {width:400px;font-size:16px;}
.btn a.middleBtn {padding:7px 0 8px;}



.btn .btnHome:before {content: "\f015";font-family: "Font Awesome 5 Free";font-weight: 900;}

/* 기본버튼 */
.btn a.btnDef,
.btn input.btnDef,
.btn button.btnDef {min-width: 70px; padding: 15px 0px 16px;font-size:16px;}

/* 큰 버튼 height:24px */
.btn .btnBig {min-width:140px !important; padding:15px 30px 16px; font-size:18px !important;font-weight:normal;}
.btn a.btnBig,
.btn > span.btnBig {min-width:58px;height:auto;padding:14px 20px 15px;}

div.btnArea * {margin-left:10px;}
div.btnArea *:first-child {margin-left:0;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:1px 10px 2px;font-size:12px;}
.btn a.btnSmall {height:auto;padding:3px 10px 5px;line-height:14px;}

table.inputTbl .btnSmall {height:35px;font-size:12px;}
table.inputTbl a.btnSmall,
.btn > span.btnSmall{height:18px;padding:7px 13px 3px;}


.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none; text-align: center;}





/* 오렌지 */			.btn .btnDef {background-color:#3a4891;border-color:#3a4891;color:#fff !important;}
/* 남색 */				.btn .btnPoint {background-color:#424552;border-color:#424552;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#959595;border-color:#959595;color:#fff !important;}

/* border+오렌지 */		.btn .btnBdDef {background-color:#fff;border-color:#dd5d1d;color:#dd5d1d !important;}
/* border+남색 */			.btn .btnBdPoint {background-color:#fff;border-color:#424552;color:#424552 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#959595;color:#959595 !important;}


.btn .btnWrite,
.btn .btnCheck,
/* .btn .btnList */,
.btn .btnReply,
.btn .btnDel,
.btn .btnReset,
.btn .btnBook,
.btn .btnDown {position: relative;}
.btn .btnWrite:after,
.btn .btnCheck:after,
/* .btn .btnList:after */,
.btn .btnReply:after,
.btn .btnDel:after,
.btn .btnReset:after,
.btn .btnBook:after,
.btn .btnDown:after {position: absolute;right: 1em;top: 50%;margin-top: -0.5em;line-height: 1em;font-family: "Font Awesome 5 Free";font-weight: 900;}

/* .btn .btnWrite:after, .btn .btnCheck:after {content: "\f14a";font-weight: 400;} */
/* .btn .btnList:after {content: "\f0ca";} */
.btn .btnReply:after {content: "\f3e5";}
.btn .btnDel:after {content: "\f2ed";}
/* .btn .btnReset:after {content: "\f057";font-weight: 400;} */
.btn .btnBook:after {content: "\f02d";}
.btn .btnDown:after {content: "\f019";}


/* 파일첨부 */
div.selectFile {overflow:hidden;margin-top: 5px;}
div.selectFile:first-child {margin-top: 0;}
div.selectFile p {float:left;}
div.selectFile p input[type=text] {height:35px;padding: 4px 10px;}
div.selectFile p.find {position: relative;width:80px;height: 24px;padding: 5px 0 6px;margin-left:5px;background-color:#393939;color: #fff;text-align: center;}
div.selectFile p.find input {position: absolute;left: 0;top: 0;width:100%;height:100%;padding: 0;border: 0 none;}


.multi div.selectFile {float: none;}

.listNum{}
.listNum li{list-style:decimal !important; list-style-position: inside !important;}

.subTit_Bl{font-size: 24px; color: #13a9c9; font-weight: bold; padding-left:40px; background: url(/image/sub/kindTit.png) no-repeat left 6px;}
.boldTit {font-family: "NotoSansKr Bold", sans-serif; font-size: 18px;margin: 30px 0 10px; color: #333;}
.pointTit {font-family: "NotoSansKr Bold", sans-serif; font-size: 15px;margin: 30px 0 10px; color: #0c2e86;}

.btnRound{border-radius: 20px;}
.bgBox{background-color: #eef4f8; padding: 55px 40px 25px 40px; background-repeat: no-repeat; color: #666666;}
.bgBox span{display:block; text-align: right; margin-top: 20px;}
.indent{position: absolute; top: -99999px; left: -99999px; height: 1px; width: 1px; line-height: 0;}
.imgArea{text-align: center;}
	




/* 오시는 길 */
div.contact {}
	div.contact div.map {width: 100%; height: 500px; border: 1px solid #ccc; margin: 0 0 40px 0;}
	div.contact div.map + h4 {margin-top: 0;}
	div.contact div.map * {display:block; width: 100%; height: 100%;}

	div.contact p,
	div.contact ul li {font-size: 16px; color: #4e4e4e; margin-left: 25px;}
	div.contact ul li {margin-bottom: 5px;}
	div.contact ul li:last-child {margin-bottom: 0px;}


/* 인사말 , 학술대회 안내 */
div.message {}
div.message p {margin-bottom: 30px; line-height: 1.7; font-size: 16px; text-align: justify;}
div.message p:first-child {margin-bottom: 0;}
div.message p strong.fcPoint {display:block; font-size: 20px; font-family: 'notosanskr bold';}
div.message p.ar strong {font-family: 'notosanskr medium'; font-weight: 400;}


/* 인사말 > 학술대회 안내 */
div.conference {font-size: 18px;}
	div.conference dl {position: relative; padding-left: 170px; margin-top: 20px;}
	div.conference dt {position: absolute; top:0; left:0; margin: 0;}

	div.conference dd span {margin-left: 5px; }
	div.conference dd > span {margin-left: 20px;}
	div.conference dd > span:first-child {margin-left: 0;}
	div.conference dd table.tblDef {width: 700px;}
	div.conference dd table.tblDef tr td:nth-of-type(1) {background-color:#f5f5f5;}

	div.conference div.btnArea {margin-top: 70px; font-size: 0;}

/* 등록버튼 230913 추가 */
div.btn a.btnRegi {color:#fff; width:270px; height:30px; line-height:30px; text-align:left !important; border-radius:10px;background:#3a4891 url('/workshop/202306/image/common/arrow_white.png') no-repeat 90% center; border:1px solid #3a4891;}
div.btn a.btnAbs {color:#fff; width:270px; height:30px; line-height:30px; text-align:left !important; border-radius:10px;background:#72aacd url('/workshop/202306/image/common/arrow_white.png') no-repeat 90% center; border:1px solid #72aacd;}


/* 프로그램 */
div.program {}
	div.program table.tblDef tbody tr > * {text-align: left;}
	div.program table.tblDef tbody tr > *:first-child {text-align: center;}	
	div.program table.tblDef tbody tr > *:last-child {text-align: center;}


/* 폼 관련 */
div.formArea input[type='text'], div.formArea input[type='password'] {height: 30px; width: 100%; outline:none;}
div.formArea input[type='password'] {width: 100% !important;}
div.formArea textarea {width: 100%; outline:none;}
div.formArea input[type='radio'] {margin-top: 8px !important;}
div.formArea select {height: 30px; min-width: 150px;}
div.formArea .phone span{line-height: 1.5 !important;}
div.formArea .multi > * {line-height: 1.5 !important;}
div.formArea span.multi {display:block !important; float: none; overflow: hidden;}


div.formArea .note {color: #949494; font-size: 11px; margin-top: 5px; display:inline-block;}

div.formArea legend + h4.registTit {margin-top: 0;}
div.formArea div.infoAdd {margin: 30px 0 10px; text-align: right;}
div.formArea div.infoAdd * {display:inline-block;}
div.formArea div.infoAdd > * {margin-left: 5px;}
div.formArea div.infoAdd > *:first-child {margin-left: 0;}
div.formArea div.infoAdd ~ h4.registTit {margin: 10px 0 0;}


/* 사전등록 조회 */
div.bgArea {border-top: 2px solid #3a4891; background-color: #f4f7f9; padding: 130px 0 125px; text-align: center;}

div.bgArea div.formArea {width: 590px; margin: 0 auto;}
div.bgArea div.formArea form {margin: 50px 0 60px; position: relative;}
div.bgArea div.formArea p.coment {font-size: 22px; color: #4e4e4e; font-family: 'notosanskr demilight'; font-weight: 600;}
div.bgArea div.formArea p.coment span {display:block; margin-top: 10px; font-size: 16px; font-weight: 400;}

div.bgArea dl {position: relative; margin-top: 15px; padding: 0 170px 0 120px;}
div.bgArea legend + dl {margin-top: 0;}
div.bgArea dl dt {position: absolute; top:0; left:0; color: #4e4e4e; font-size: 16px; padding: 8px 0 8px 15px;}
div.bgArea dl dd input[type='text'], div.bgArea dl dd input[type='password'] {height: 40px;}

div.bgArea form + p.dDay {font-size: 18px; color: #4e4e4e;}
div.bgArea form + p.dDay strong {font-family: 'notosanskr bold'; font-weight: 400; display:block; margin-top: 5px;}
div.bgArea form + p.dDay strong:first-child {margin-top: 0;}

div.bgArea div.formArea p.submitBtn {position: absolute; top:0; right:20px; width: 130px; height: 95px; text-align: center;}
div.bgArea div.formArea p.submitBtn input[type='submit'] {width: 100%; height: 100%; background-color: #3a4891; color: #fff; font-size: 18px;}

div.bgArea table.tblDef {margin-top: 30px;}
div.bgArea table.tblDef th {background-color: #eee; color: #3a4891;}
div.bgArea table.tblDef td {text-align: left;}

/* 등록완료 */
div.complete {padding: 330px 0 125px; background-color: #f4f7f9; text-align: center; color: #4e4e4e; font-family: 'notosanskr demilight'; font-size: 24px; background-image: url(/workshop/202201/image/sub/registCompleteImg.png); background-repeat: no-repeat; background-position: center 130px; border-top: 2px solid #3a4891;}

/* 등록조회 */
p.registMsg {text-align: center; color: #4e4e4e; font-size: 22px; font-family: 'notosanskr demilight'; font-weight: 400; margin: 50px 0 40px;}
	p.registMsg span.fcPoint {font-size: 22px;}
	p.registMsg span {font-size: 16px;}

h4.registTit + .bdBox ul li {margin-top: 5px;}
h4.registTit + .bdBox ul li:first-child {margin-top: 0;}

.bdBox {border: 1px solid #ccc; padding: 20px 0;}

/* 강의록 접수 21-08-10*/
ul.lecture{margin: 0; padding: 0; text-align: center; height: 500px; background-color:#f4f7f9;}
ul.lecture li{display: inline-block; margin-left: 70px; margin-top: 100px;}
ul.lecture li:first-child{margin-left: 0;}
ul.lecture li a, ul.lecture li img{display: block;}

ul.lectureInfo {margin: 0; padding: 0; list-style: none;}
ul.lectureInfo li{position:relative; padding-left: 25px; font-size:16px; background: url('/workshop/202201/image/sub/subTit_bl.png') no-repeat left center; margin-top: 5px;}
ul.lectureInfo li:first-child{margin-top: 0;}

div.leture{}
h4.lectureTit {text-align: center; background-color: #f4f7f9; border-top: 2px solid #3a4891; color: #3a4891; font-size: 16px; font-family: 'notosanskr bold'; font-weight: 400; padding: 15px 0; margin: 20px 0 0;}
h4.lectureTit + table.inputTbl, h4.registTit + table.tblDef {border-top: 1px solid #d7d7d7;}

h4.lectureSubTit {margin-bottom: 20px; padding: 12px 0; text-align: center; background-color: #3a4891; color: #fff; font-size:16px; font-family: 'notosanskr bold'; font-weight: 400;}

div.formArea.lecture{border-top: 2px solid #3a4891; background-color: #f4f7f9; padding: 130px 0 125px; text-align: center;}
div.formArea.lecture > p {font-size: 22px; color: #4e4e4e; font-family: 'notosanskr demilight'; font-weight: 600;}

div.formArea.lecture form{width:600px; margin: 50px auto 60px; position: relative;}

div.formArea.lecture p.submitBtn { position: absolute; top: 0; right: 20px; width: 130px;  height: 150px; text-align: center;}
div.formArea.lecture p.submitBtn input[type='submit'] {width: 100%; height: 100%; background-color: #3a4891; color: #fff; font-size: 18px;}
div.formArea.lecture dl {position: relative; margin-top: 15px; padding: 0 170px 0 120px;}
div.formArea.lecture dl dd input[type='text'], div.formArea.lecture dl dd input[type='password'] {height: 40px;}
div.formArea.lecture legend + dl {margin-top: 0;}
div.formArea.lecture dl dt {position: absolute; top:0; left:0; color: #4e4e4e; font-size: 16px; padding: 8px 0 8px 15px;}
div.formArea.lecture dl dd input[type='text'], div.bgArea dl dd input[type='password'] {height: 40px;}

div.lecture {border-top: 2px solid #3a4891;  background-color: #f4f7f9; padding: 130px 0 125px; text-align: center;}
div.lecture > p {width:600px; margin: 0 auto; font-size: 22px; color: #4e4e4e; font-family: 'notosanskr demilight'; font-weight: 600;}
div.lecture > p span {display: block; margin-top: 10px; font-size: 16px; font-weight: 400;}
div.lecture table.tblDef {width:600px; margin: 30px auto 0;}
div.lecture table.tblDef th {background-color: #f9e5d6; color: #3a4891;}
div.lecture table.tblDef td {text-align: left;}
div.lecture .btnArea {margin-top: 30px;}