@charset "utf-8";

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



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


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

input[type='password'] {font-family:'Nanum Gothic', sans-serif;}

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'] {height:22px;padding:0px 10px 1px;border:1px solid #cacaca;}
select {height:25px; padding:0;}

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 {display:inline-block;}


.btnBg {display:block;width:100%;height:100%;text-indent:-10000px;}

/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:40px;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;height:35px;padding:0 16px 4px;font-size:1em;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height:1.2 !important; padding:8px 16px 11px;}


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



/* 큰 버튼 height:59px */
.btn .btnBig {min-width:200px;height:40px;padding:2px 30px 4px;font-size:16px;font-weight:normal;}
.btn a.btnBig {min-width:138px;height:auto;padding:7px 30px 9px; line-height:1.4 !important;}

.btnArea .btnBig {min-width:150px;}
.btnArea a.btnBig {}
.btnArea * {margin-left:20px;}
.btnArea *:first-child {margin-left:0;}



/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:3px 13px 0; font-size:12px;}
.btn.btnSmall a {height:14px; padding:2px 13px 6px;}

table.inputTbl span.btn *,
td.btn * {padding-left:20px;height:23px;font-size:12px;}
table.inputTbl span.btn a,
td.btn a {height:18px;padding:3px 13px 2px;font-size:0.7em;}


/* 파란색 */		.btn .btnDef {background-color:#96a4c9;border-color:#96a4c9;color:#fff !important;}
/* 청록색 */		.btn .btnPoint {background-color:#96a4c9;border-color:#96a4c9;color:#fff !important;}
/* 회색 */			.btn .btnGrey {background-color:#4e4e4e;border-color:#4e4e4e;color:#fff !important;}
/* 네이비 */		.btn .btnNavy {background-color:#367fc3; border-color:#367fc3;color:#fff !important;}

/* border+파란색 */	.btn .btnBdDef {background-color:#fff;border-color:#ee5e08;color:#ee5e08 !important;}
/* border+남색 */		.btn .btnBdPoint {background-color:#fff;border-color:#222733;color:#222733 !important;}
/* border+회색 */		.btn .btnBdGrey {background-color:#fff;border-color:#7d7d7d !important;color:#262626 !important;}



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

/* 기본 table */
table.tblDef,
table.inputTbl {width:100%; border-top:2px solid #5c76e7; border-bottom:1px solid #ddd;}

table.bdBtm {border-bottom:1px solid #4a38a5;}

table.tblDef th,
table.tblDef td,
table.inputTbl th,
table.inputTbl td {padding:8px 10px 10px;border-top:1px solid #ddd;color:#262626;text-align:left;}


table.tblDef thead tr:first-child > *,
table.inputTbl thead tr:first-child > *,
table.innerTbl thead tr:first-child > * {border-top:0 none;}


table.tblDef th,
table.tblDef td {border-left:1px solid #ddd;}
table.tblDef th {background-color:#ebedef; color:#152857;}

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

table.tblDef thead th {font-weight:bold;}
table.tblDef tbody th {text-align:center;}
table.tblDef td,
table.tblDef td a {color:#6f6f6f;}

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

table.inputTbl th,
table.inputTbl td {padding-left:10px;border-left:1px solid #d8dfe5;}

table.inputTbl th {padding:9px 10px 9px 28px;background-color:#fafafa;color:#262626;}
table.inputTbl th:first-child {border-left:0 none;}

table.inputTbl tr:first-child th,
table.inputTbl tr:first-child td {border-top:0 none;}

table.ac th,
table.ac td {text-align:center;}
table.al td {padding:6px 10px 7px !important;text-align:left !important;}

table table.al td {padding-left:10px;text-align:left;}


table.tblDef td.btn a {height:15px; padding:5px 13px 7px; font-size:13px; line-height:14px !important;}


/* _입력 테이블 관련 */

table.inputTbl th {background-color:#ebedef;}
table.inputTbl td > *:first-child,
table.inputTbl td .clear,
table.inputTbl input[type=radio]:first-child,
table.inputTbl input[type=checkbox]:first-child {margin-left: 0 !important;}


table.inputTbl input[type=text],
table.inputTbl input[type=password] {width: 170px;}

table.inputTbl input.inputSmall {width: 70px;}
table.inputTbl input.inputWide {width: 95%;}

table.inputTbl div.widthBtn span.btn {margin-left:5px;}

table.inputTbl input[type=image] {vertical-align: middle;}

table.inputTbl span,
table.inputTbl label {display: inline-block;vertical-align:top;line-height:30px;}

table.inputTbl span.btn a {height:19px; padding:5px 13px 4px; font-size:13px;}
table.inputTbl span.note {font-size: 0.85em;color:#e71818; padding-left:5px;}

table.inputTbl .multi > *,
table.inputTbl td.phone *,
table.inputTbl td.address > *,
table.inputTbl td.email > * {float: left;margin:0 0 0 5px;}

table.inputTbl input[type=text],
table.inputTbl input[type=password],
table.inputTbl select {height:28px; padding-bottom:0;}

table.inputTbl select {font-size:14px;}

table.inputTbl .multi input[type=radio],
table.inputTbl .multi input[type=checkbox] {margin:10px 5px 0 20px;}
table.inputTbl .multi input[type=image] {margin-top: 5px;}

table.inputTbl td.phone select {width:70px;}
table.inputTbl td.phone input {width:60px;}

table.inputTbl td.address input[type=text] {width:210px;margin-top: 5px;}
table.inputTbl td.address input[type=text]:first-child {width: 120px;margin-top: 0;}
table.inputTbl td.address input[type=text].clear {width:330px;margin-left:0;}
table.inputTbl td.address span.btn {padding-left:0;}

table.inputTbl td.email input[type=text],
table.inputTbl td.email select {width:145px;}
table.inputTbl td.email select {height:30px;}
table.inputTbl td.email span {margin-left: 5px; line-height:30px;}


table.inputTbl td.birth select {width:70px;}
table.inputTbl td.birth select:first-child {width:100px;}

table.inputTbl td.company select {width:150px;}



table.tblProgram {width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #8c8c8c; border-right:1px solid #8c8c8c;}
table.tblProgram th,
table.tblProgram td {padding:6px 10px 8px; font-size:14px; border-left:1px solid #8c8c8c; border-bottom:1px solid #8c8c8c;}

table.tblProgram thead th {background-color:#e2efda;}
table.tblProgram th.tblTit {padding:10px 10px 15px; background-color:#fff; font-size:16px;}
table.tblProgram th.tblTit span {font-size:20px;}

table.tblProgram td.sessionTit {background-color:#f8cbad; font-style:italic;font-weight: bold;}
table.tblProgram td.sessionTit2 {background-color:#bdd7ee; font-style:italic;font-weight: bold;}

table.tblProgram td.break {background-color:#d9d9d9; font-style:italic;}
table.tblProgram td.lecture {background-color:#fce4d6; font-weight:bold;}
table.tblProgram td.lecture2 {background-color:#ddebf7; font-weight:bold;}
table.tblProgram td.tit {text-align:left;}




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

div.wrapper {width:825px; margin:0 auto;}

/* _Header */
div#headerWrap {background:url('../image/common/gnbBg.png') no-repeat left 185px;}
div#headerWrap,
div#headerWrap a {display:block;text-decoration:none;color:#fff;}
div#headerWrap h1,
div#headerWrap h1 a {visibility: hidden;height: 0;font-size: 0;line-height: 0;text-indent: -10000px;}
div#headerWrap dl.wsInfo {height:185px;text-indent: -10000px;background:url('../image/common/topVisual.png') center top no-repeat;}

/* _gnb */
ul#gnb {overflow:hidden; width:645px; height:50px; margin:0 auto;}
ul#gnb li {float:left; width:215px; text-align:center;}
ul#gnb a {display:block; padding:10px 0 12px; font-size:17px; line-height:28px;}
/*
ul#gnb li.on a,
ul#gnb a:hover {background:url('../image/common/gnb_onBg.png') no-repeat 0 0;}
*/

/* _Footer */
div#footer {padding:20px 0; background-color:#838383; font-size:14px; line-height:20px; color:#FFF; text-align:center;}
div#footer a {color:#FFF; text-decoration:none;}
div#footer ul li {display:inline-block;}




/* ========================================================================================================== */
/* =============================================== 컨텐츠 =============================================== */
/* ========================================================================================================== */
div.contents {min-height:350px; margin:20px 0 30px;}

.subTit {margin-top:15px; padding:0 0 15px 35px; background:url('/workshop/202201/image/icon/bl_titDot.png') no-repeat 9px 7px; font-size:22px; line-height:30px; font-weight:bold; border-bottom:1px solid #ddd;}

.pointTit {margin-top:30px; font-weight:bold; color:#3c459d;}

ul.listDot li,
.bl_dot {padding-left:20px; background:url('/workshop/202201/image/icon/bl_dot.png') no-repeat 7px 13px;}

.ing {padding-top:60px; text-align:center;}

div.bdArea {padding:27px 50px 35px; border:1px solid #dcdcdc;}

div.bdArea dl {overflow:hidden;}
div.bdArea dl dt,
div.bdArea dl dd {float:left; margin-top:8px; line-height:30px;}





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


/* _인사말 */
div.message {padding:0 20px;}
div.message > p {margin-top:20px; line-height:26px;}

div.message > .bdArea {border-radius:5px;}
div.message div.bdArea dl dt {clear:both; width:80px; background:url('/workshop/202201/image/sub/tit_bg.png') repeat-y 0 0; color:#FFF; text-align:center;}
div.message div.bdArea dl dd {padding-left:10px;}

div.message > .bdArea p.btn {border:1px solid #ffa800; border-radius:3px;}
div.message > .bdArea p.btn a {padding:40px 27px 40px 109px; background:#ff6c3a url('../image/icon/btn_regist.png') no-repeat 16px 14px; font-size:16px; color:#FFF; border:1px solid #e7511e; border-radius:3px; }


/* _사전등록안내 */
div.regist {position:relative;}
div.regist dl.registInfo {overflow:hidden; padding-top:70px; color:#000;}
div.regist dl.registInfo dt,
div.regist dl.registInfo dd {float:left; margin-top:5px; line-height:30px;  font-family:'Nanum Barun Gothic', 'Malgun Gothic', sans-serif;}

div.regist dl.registInfo dt {clear:both; padding-right:5px; color:#5c76e7;}
div.regist dl.registInfo dd table td {color:#000;}
div.regist dl.registInfo dd.clear {margin-top:0; width:100%;}
div.regist dl.registInfo dd a {text-decoration:none; color:inherit;}
dl.registInfo + .btn a {font-weight:bold;}


/* _사전등록 정보입력 */
dl.agree {margin-top:10px; padding:20px; border:1px solid #ddd;}
dl.agree dt {font-weight:bold; margin:30px 0 10px;}
dl.agree dt:first-child {margin-top:0;}


/* _회원/비회원 선택 */
ul.regist_checkType {overflow:hidden; width:682px; margin:80px auto 0; font-family:'Nanum Barun Gothic', 'Malgun Gothic', sans-serif;}
ul.regist_checkType li {float:left; width:326px; margin-left:30px;}
ul.regist_checkType li:first-child {margin-left:0;}
ul.regist_checkType li a {display:block; padding:20px 0 30px; background-color:#dfdfdf; font-size:20px; line-height:23px; color:#010101; text-align:center; text-decoration:none;}
ul.regist_checkType li:first-child a {background-color:#bec8e6;}
ul.regist_checkType li img {display:block; width:131px; margin:0 auto 20px;}



/* _사전등록완료 */
div.registCom div.bdArea {margin-bottom:40px; padding:40px 50px 40px 210px; background:url('../image/sub/registCom_bg.png') no-repeat 36px center;}
div.registCom div.bdArea h3 {padding-bottom:10px; font-size:20px; line-height:35px;}
div.registCom div.bdArea h3 span {display:block;}

div.registCom dl dt {padding:30px 0 5px 5px; font-size:18px; color:#ee5e08;}
div.registCom dl dt:first-child {padding-top:0;}

div.registCom ul.listDot li {line-height:30px;}
div.registCom ul.listDot li a {text-decoration:none; color:inherit;}



/* _사전등록 수정/조회 */
div.registSrh {text-align:center;}
div.registSrh div.bdArea {padding:40px 80px 25px;}

div.registSrh div.formArea {margin-top:25px; }

div.formArea .formInput {padding:12px 0 26px; background-color:#e5edf9;}
div.formArea dl {overflow:hidden; padding-left:50px;}
div.formArea dl dt,
div.formArea dl dd {float:left; line-height:30px;}

div.formArea dl dt {clear:both; width:100px; text-align:left; color:#4b4b4b;}
div.formArea dl dd > * {vertical-align:middle; height:27px;}
div.formArea dl dd input[type='text'] {width:300px;}
div.formArea dl dd input[type='checkbox'] {margin-left:10px;}
div.formArea dl dd.email input[type='text'] {width:155px;}
div.formArea dl dd.email select {width:122px; height:30px;}

div.formArea div.btnArea {margin:;}