@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 400;
	src:url(font/NanumSquareR.eot);
	src:url(font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
		url(font/NanumSquareR.woff2) format('woff2'),
		url(font/NanumSquareR.woff) format('woff'),
		url(font/NanumSquareR.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumSquare';
	font-style: bold;
	font-weight: 700;
	src:url(font/NanumSquareB.eot);
	src:url(font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
		url(font/NanumSquareB.woff2) format('woff2'),
		url(font/NanumSquareB.woff) format('woff'),
		url(font/NanumSquareB.ttf) format('truetype');
}

html, body {font-size:16px; color:#373737; font-family:'Nanum Gothic','NanumSquareR', sans-serif; letter-spacing:-1px;}
body, .wrapper, table td, table th {word-break:normal; text-align:justify;}

a {color:inherit; text-decoration:none; word-break:break-all;}
a:hover, a:focus {text-decoration:none;}

/* =================== 공통 레이아웃 =================== */

/* _Wrapper */
div.wrapper {}

div#containerWrap {padding:30px 0 70px;}
div.contents {width:1000px; margin:0 auto;}
div.contents.main {overflow:hidden;}

/* _Header
div.header {height:385px;} */

div.header {position:relative; padding-top:84px; background: url('/workshop/201804/image/common/mainVisual_bg.png') no-repeat center top;}
div.header h1 {width:1000px; margin:0 auto;}
div.header h1 a {display:block; position:absolute; top:11px;}

div.header .wsVisal {width:1000px; margin:0 auto 28px;}
div.header dl {font-size:0; line-height:0;}

div.gnbWrap {background-color:#354b9a;}
div.gnbWrap ul#gnb {width:1000px; height:57px; margin:0 auto; background:url('/workshop/201804/image/common/bl_bar.gif') no-repeat left 20px;}
div.gnbWrap ul#gnb li {float:left; width:142px; background:url('/workshop/201804/image/common/bl_bar.gif') no-repeat right 20px;}
div.gnbWrap ul#gnb a {display:block; padding:19px 0; font-size:18px; line-height:19px; color:#FFF; text-align:center;}
div.gnbWrap ul#gnb li.on a,
div.gnbWrap ul#gnb a:hover {padding-bottom:17px; color:#83d1ff; border-bottom:2px solid #83d1ff;}



/* _Footer */
div#footerWrap {padding:13px 0; background-color:#dfdfdf; text-align:center;}
div#footerWrap * {font-size:12px; line-height:20px; color:#707070;}



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

a {color:#666;text-decoration:none;}
a:hover,
a:focus {}
a img {vertical-align:middle;}

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

a,
input[type=submit],
input[type=button],
input[type=text],
button,
select,
textarea {font-family: 'NanumSquare', sans-serif;font-size:17px;}

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

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

table.inputTbl .resetArea td label,
table.inputTbl .resetArea td span {display:inline-block;}


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

/* 버튼 영역 */
.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:12px 28px 13px;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:14px 16px 15px;}


.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:46px */
.btn .btnBig {min-width:175px;height:54px;padding:0 30px;font-size:17px;font-weight:normal;}
.btn a.btnBig {min-width:113px;height:auto;padding:17px 30px 15px;}

.btn .fullBtn {width:100%;padding:0;font-size:1.2em;}
.btn a.fullBtn {padding:12px 0 14px;}

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

div.btnArea a {min-width:68px;height:auto;padding:14px 16px 13px;}

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

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 10px 2px;font-size:0.9em;}



/* 파란색 */				.btn .btnDef {background-color:#354b9a;border-color:#354b9a;color:#fff !important;}
/* 민트색 */				.btn .btnPoint {background-color:#05b193;border-color:#05b193;color:#fff !important;}
/* 회색 */					.btn .btnGrey {background-color:#5f5f5f;border-color:#5f5f5f;color:#fff !important;}
/* 주황색 */				.btn .btnOrg {background-color:#e4ecf6;border-color:#fff;color:#f56a40 !important;}


/* border+파란색 */			.btn .btnBdDef {background-color:#fff;border-color:#354b9a;color:#354b9a !important;}
/* border+민트색 */			.btn .btnBdPoint {background-color:#fff;border-color:#05b193;color:#05b193 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#bfbfbf;border-color:#bfbfbf;color:#212121 !important;}


.btn .btnArr {padding-right:40px;background-image:url('/image/icon/btnBl_arr.png');background-position:right center;background-repeat:no-repeat;}
.btn .btnArrB {padding-right:90px;background-image:url('/image/icon/btnBl_arr_b.png');background-position:right center;background-repeat:no-repeat;}
.btn .btnArrS {padding-right:50px;background-image:url('/image/icon/btnBl_arr_s.png');background-position:right center;background-repeat:no-repeat;}





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


table.tblDef {border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
table.tblDef th,
table.tblDef td {padding:6px 0 9px; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size:16px; color:#444; text-align:center; font-family:'Nanum Gothic', sans-serif;}

table.tblDef td.break {background-color:#f4f4f4;}
table.tblDef td.session {background-color:#dde2f5;}

table.tblDef td.tit {padding-left:16px; text-align:left;}
table.tblDef td.speaker {padding-left:35px; text-align:left;}

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


/* =================== 메인 =================== */

/* _종합안내 */
dl.wsInfo {float:left; width:459px; padding:18px 26px 20px; background:url('/workshop/201804/image/main/wsInfo_bg.png') no-repeat 0 0; color:#FFF; letter-spacing:-1px;}
dl.wsInfo > dt {font-size:25px; line-height:36px; font-weight:bold;}
dl.wsInfo > dd {margin-top:10px; padding-top:12px; font-size:16px; line-height:30px; border-top:1px solid #44abb2;}
dl.wsInfo > dd li {padding-left:24px; background:url('/workshop/201804/image/main/bl_arr.gif') no-repeat left 10px;}
dl.wsInfo dd dt {float:left;}
dl.wsInfo dd dd {padding-left:40px;}
dl.wsInfo a{color:#fff;}

/* _사전등록 관련 */
div.registInfo {float:right;}

div.registInfo dl {width:390px; margin-top:-4px; padding:42px 33px 37px 48px; background:url('/workshop/201804/image/main/registInfo_bg.png') no-repeat left top; line-height:49px;}
div.registInfo dl dt {float:left; width:128px; font-size:20px; font-weight:bold;}
div.registInfo dl dd {padding-left:128px; font-size:23px; font-weight:bold; color:#e73155; text-align:center;}

div.registInfo ul {overflow:hidden; padding:28px 20px; border:1px solid #e8e8e8;}
div.registInfo li {float:left; margin-left:24px;}
div.registInfo li:first-child {margin-left:0;}
div.registInfo li a {display:block; padding:32px 0 33px 112px; background:url('/workshop/201804/image/main/btn_registCom.png') no-repeat 0 0; font-size:20px; font-weight:bold; color:#272727;}
div.registInfo li:first-child a {background-image:url('/workshop/201804/image/main/btn_regist.png');}


/* =================== 서브레이아웃 =================== */
/* _준비중 */
.ing {margin-top:50px; text-align:center;}

h2.sub_title{
	width:1000px; margin:0 auto 22px; padding-bottom:10px;
	background:url('/workshop/201804/image/sub/sub_title_bg.jpg') no-repeat 0px 7px;
	border-bottom:1px solid #e2e2e2;
}
h2.sub_title span{display:inline-block; padding-left:37px; font-size:28px;  font-weight:bold;}

/* 기본 table */
table.formTbl *{font-size:16px;}
table.formTbl {border-top:3px solid #354b9a;}
table.bdBtm {border-bottom:2px solid #8e8e8e;}
table.formTbl th,
table.formTbl td {padding:10px 10px 9px; border-bottom:1px solid #cfcfcf;color:#373737;text-align:center;}

table.formTbl th,
table.formTbl td {border-left:1px solid #cfcfcf;}
table.formTbl th {background-color:#eff2ff;color:#373737;text-align:center;font-weight:bold;}

table.formTbl  th:first-child,
table.formTbl  td:first-child{border-left:0px solid #cfcfcf;text-align:center;}
table.formTbl tr.bg th,
table.formTbl tr.bg td{background-color:#ffd1b6;}
table.formTbl td span#total_print{font-weight:bold;}

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

table.formTbl td.address > *,
table.formTbl td.email > * {float: left;margin-left: 5px;}

table.formTbl td.address input[type=text] {width: 200px;margin-top: 5px;}
table.formTbl td.address input[type=text]:first-child {width: 70px;margin-top: 0;}
table.formTbl td.address input[type=text].clear {width: 350px;margin-left: 0;}

table.formTbl td > *:first-child,
table.formTbl input[type=radio]:first-child,
table.formTbl input[type=checkbox]:first-child {margin-left: 0 !important;}


/* 사전등록 약관 */
div.agree {
    overflow: hidden;
    font-size: 14px;
}
div.agree {
    border: 1px solid #d3d3d3;
}

div.agree div.btn {
    padding: 6px 0 7px;
    text-align: center;
}

div.agree div.btn {
    padding: 2px 15px 4px;
    border-top: 1px solid #d3d3d3;
    text-align: right;
}

div.agree div.btn a, div.agree div.btn input, div.agree div.btn button{
	    vertical-align: middle;
		height: 30px;
}

div.agree div.scroallArea{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100px;
    padding: 25px 25px 0;
    padding-top: 20px;
    color: #666;
    line-height: 20px;
    background-color: #f7f7f7;
	    text-align: left;
}

div.agree div.btn a, div.agree div.btn input, div.agree div.btn button{
	    vertical-align: middle;
		height: 30px;
}

div.agree div.scroallArea {overflow-x: hidden; overflow-y: scroll; height: 150px; padding: 20px 30px 10px 40px; background-color: #f8f8f8; line-height: 22px; color: #2d2d2d; text-align: left;}

h3.subTit {position:relative;padding:7px 0 9px;margin-bottom:15px; margin-top:20px; background-color:#354b9a;color:#fff;text-align:center;background-image:none;}


ul.regist_select{overflow: hidden; margin:120px 0 100px;}
ul.regist_select li{float:left; margin-left:95px;}

div.reg_info{}
div.reg_info div.info_div{overflow: hidden;}
div.reg_info div.info_div table.infoable{width:405px; float:left;}

div.reg_info dl.info_dl{margin-left:95px; float:left;}
div.reg_info dl.info_dl dt {margin-top:14px; padding-left:21px; background:url('/workshop/201804/image/sub/dlIcon.jpg') no-repeat 0px 10px; font-size:15px; font-weight:bold; line-height:35px;}
div.reg_info dl.info_dl dt:first-child {margin-top:0;}
div.reg_info dl.info_dl dd {padding-left:23px; line-height:25px;}
div.reg_info dl.info_dl dd a {color:#373737;}

/* 오시는길 */
div.loca {overflow:hidden;}
div.loca div.pic {float:left;}
div.loca div.cont {padding-left:30px;}
div.loca div.cont > p {margin-top:30px; font-size:17px; line-height:30px;}
div.loca div.cont > p:first-child {margin-top:0;}

div.reg_info dl.loca_dl{margin-left:1px; float:left;}
div.reg_info dl.loca_dl dt {margin-top:14px; padding-left:21px; background:url('/workshop/201804/image/sub/dlIcon.jpg') no-repeat 0px 10px; font-size:15px; font-weight:bold; line-height:35px;}
div.reg_info dl.loca_dl dt:first-child {margin-top:0;}
div.reg_info dl.loca_dl dd {padding-left:23px; line-height:25px;}
div.reg_info dl.loca_dl dd a {color:#373737;}


/* _초대의 글 */
div.about {overflow:hidden;}
div.about div.pic {float:left;}
div.about div.cont {padding-left:230px;}
div.about div.cont > p {margin-top:30px; font-size:17px; line-height:30px;}
div.about div.cont > p:first-child {margin-top:0;}

/* _사전등록확인 */
div.loginArea {position:relative;}
div.loginArea dl {overflow:hidden; margin-top:15px;}
div.loginArea dl dt,
div.loginArea dl dd {float:left;}
div.loginArea dl dt {width:76px; height:40px;}
div.loginArea dl dt label {padding:8px 0 7px;}
div.loginArea dl dd input {width:325px; height:37px;}
div.loginArea p.btn {position:absolute; top:0; right:0;}
div.loginArea p.btn * {display:block; width:94px; height:94px; padding:0; font-size:18px;}

div.regiCheck {width:815px; margin:50px 0 0 60px; padding-bottom:40px; border:1px solid #d8d8e3; text-align:center;}
div.regiCheck .loginArea {width:530px; margin:0 auto;}
div.regiCheck > p {padding:42px 0 22px; font-weight:bold; color:#2e2e2e;}
div.regiCheck .loginArea p.btn {position:absolute; top:0; right:0;}

/*
div.regiCheck p + dl {margin-top:30px;}
div.regiCheck dl {overflow:hidden; width:320px; margin:15px 72px 0;}
div.regiCheck dl dt,
div.regiCheck dl dd {float:left;}
div.regiCheck dl dt {width:50px; height:38px; margin-right:10px;}

div.regiCheck dl dt label {line-height:38px;}
div.regiCheck dl dd input {width:230px; height:35px; line-height:38px;}

div.regiCheck .loginArea p {font-size:19px; font-weight:bold; text-align:center;}
div.regiCheck .loginArea p.btn {margin-top:30px;}
*/

/* _사전등록완료 */
div.registCom {width:810px; margin:60px auto; padding:60px 0 50px; border:1px solid #d8d8e3;}

div.registCom p.comTit {font-size:30px; color:#2e2e2e; text-align:center;}
div.registCom p.comTit span {display:block; padding-top:10px; font-size:15px; font-weight:bold; color:#2047a2;}

div.registCom div.btn {margin-top:50px;}


/* _온라인 사전등록 */
div.regiInput table.formTbl td {padding-left:20px; text-align:left;}

div.regiInput h3.subTit {margin:30px 0 0; padding:12px 30px 11px; background-color:#e6e6e6; font-weight:bold; color:#121212; text-align:left; border:2px solid #cecece; border-bottom:0 none;}
div.regiInput div.agree {font-weight:bold; text-align:justify; border:2px solid #cecece; border-top:0 none;}
div.regiInput div.agree li {padding-left:14px; text-indent:-14px; font-size:15px;}


/* _사전등록 확인 */


/* _로그인 */
div.loginCont {width:815px; margin:50px 0 0 60px; border:1px solid #d8d8e3; text-align:center;}
div.loginCont > p {padding:42px 0 22px; font-weight:bold; color:#2e2e2e;}

div.loginCont .loginArea {width:532px; margin:0 auto 40px;}

div.loginCont div.utilMenu {padding:18px 66px 23px; border-top:1px solid #d8d8e3; text-align:right;	}
div.loginCont div.utilMenu a {width:186px; padding:9px 16px; border-width:2px; font-weight:bold;}


/* */