@charset "utf-8";

* {-webkit-text-size-adjust:none;}
 /* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}


html, body, 
div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, img, ol, ul, li, dl, dt, dd,
blockquote, pre, a, abbr,address, big, cvite, code, del, dfn, em, font, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
form, fieldset, legend, label, 
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0 none;}

html, body {width:100%;}
body, input, button, textarea {font-size:13px;line-height:18px;}

h1, h2, h3, h4, h5, h6 {font-size:12px;text-align:left;}
img, fieldset, iframe {border:0 none;}

table, div { border-collapse: collapse;}

select, textarea {background-color:#fff;font-size:12px;vertical-align:middle;}
textarea {overflow:auto;}
input {padding:0;margin:0;}

select, input, img, li {vertical-align:middle;text-align:left;}

address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}

ul, li, ol {list-style-type:none;text-align:justify;}

table {border-collapse:collapse;border-spacing:0;}
legend, caption {display:none;}

a:hover, a:focus {text-decoration: underline;}


/* 학술대회 */
div.kaslWS_warp {width:100%;font-family:Dotum;}
#kaslWS_header > div,
#kaslWS_con {position: relative;width: 100%;}

@media all and (max-width:320px) {
	#kaslWS_header>div,
	#kaslWS_con,
	#kaslWS_footer {min-width:320px;}

}

@media all and (max-width:736px) {

	div#mflick {display: block;box-sizing: content-box;}
	div#webCon {display: none;}

	div.bx-controls {display: none;}
}


@media all and (min-width:737px) {
	div.bx-wrapper,
	div#mflick {display: none;}
	div#webCon {display: block;}
}


#kaslWS_header {background:url('/workshop/201502/image/header_bg.jpg') left bottom repeat-x;}
#kaslWS_header > div {position:relative;width:100%;min-width:320px;}

ul#gnb {height:50px;}
ul#gnb > li {float:left;width:33%;height: 50px;}
ul#gnb > li > a {display:block;height: 100%;text-align:center;text-indent: -10000px;background-position: center center;background-repeat: no-repeat;}

#kaslWS_header h1 img {max-width: 100%;}

#kaslWS_header ul.util {display:none;}

#kaslWS_footer {margin:40px auto 0;border-top:1px solid #cfcfcf;text-align:center;font-size:11px;line-height:12px;color:#787878;font-family:Dotum;}
#kaslWS_footer ul,
#kaslWS_footer p {padding-top:3px;}
#kaslWS_footer ul {display:inline-block;padding: 6px 0 2px;}
#kaslWS_footer ul > li {float:left;padding-left:10px;}
#kaslWS_footer ul > li:first-child {padding-left:0;}


@media all and (max-width:736px) {
	#kaslWS_header h1 {display:none;}

	ul#gnb > li:first-child {width:34%;}
	ul#gnb > li.gnb03,
	ul#gnb > li.gnb04 {display: none;}

	ul#gnb  li.gnb01 a {background-image: url('/workshop/201502/image/gnb_01_m.png');background-size:50px;}
	ul#gnb  li.gnb02 a {background-image: url('/workshop/201502/image/gnb_02_m.png');background-size:46px;}
	ul#gnb  li.gnb05 a {background-image: url('/workshop/201502/image/gnb_05_m.png');background-size:60px;}

	#kaslWS_footer > div {padding: 18px 0 19px;}
	#kaslWS_footer address,
	#kaslWS_footer p {padding: 0 10px;}
	#kaslWS_footer ul {padding-bottom: 6px;}
	#kaslWS_footer ul > li:last-child {float: none;padding-left: 0;text-align: center;}
}


@media all and (min-width:737px) {
	#kaslWS_header > div {width:1200px;padding-top:80px;margin:0 auto;}
	#kaslWS_header h1 {display:block;position: absolute;left: 100px;top: 12px;width: 266px;height: 55px;}
	#kaslWS_header h1 a {display: block;}
	
	ul#gnb > li {width:20%;}
	ul#gnb  li.gnb01 a {background-image: url('/workshop/201502/image/gnb_01.png');}
	ul#gnb  li.gnb02 a {background-image: url('/workshop/201502/image/gnb_02.png');}
	ul#gnb  li.gnb03 a {background-image: url('/workshop/201502/image/gnb_03.png');}
	ul#gnb  li.gnb04 a {background-image: url('/workshop/201502/image/gnb_04.png');}
	ul#gnb  li.gnb05 a {background-image: url('/workshop/201502/image/gnb_05.png');}


	#kaslWS_header ul.util {display:block;position:absolute;right:100px;top:48px;}
	#kaslWS_header ul.util > li {float:left;}
	#kaslWS_header ul.util > li:first-child {padding-right:16px;margin-right:14px;background:url('/workshop/201502/image/header_util_bar.png') right center no-repeat;}
	
	#kaslWS_footer {width:1000px;}
	#kaslWS_footer > div {padding: 38px 0 39px;}
	#kaslWS_footer > div ul {width: 335px;margin: 0 auto;}
}



/* contents영역 공통 */
#kaslWS_con {margin: 0 auto;font-size: 12px;line-height: 20px;color: #292929;}

/* table용 CSS */
#kaslWS_con table {width: 100%;border-bottom: 1px solid #cdcdcd;line-height: 18px;}
#kaslWS_con table th,
#kaslWS_con table td {padding: 5px 0 6px;text-align: center;border-top: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd;color: #474747;font-size: 12px;}
#kaslWS_con table thead th {background-color: #f3f3f3;}
#kaslWS_con table th {font-weight: bold;}
#kaslWS_con table th:first-child,
#kaslWS_con table td:first-child {border-left: 1px solid #cdcdcd;}
#kaslWS_con table td a {text-decoration: underline;color: #0b72ca;}
#kaslWS_con table td.point {color: #cb294a !important;}
#kaslWS_con table tfoot th,
#kaslWS_con table tfoot td {background-color: #d2d2d2;}


/* Button관련 공통 CSS */
#kaslWS_con div.btnWrap {overflow: hidden;}
#kaslWS_con div.btnWrap>ul,
#kaslWS_con div.btnWrap>ul>li {float: left;}
#kaslWS_con div.btnWrap>ul>li {padding-left: 2px;}
#kaslWS_con div.btnWrap>ul>li a {display: block;}
#kaslWS_con div.btnWrap>ul:first-child>li:first-child {padding-left: 0;}


#kaslWS_con p.btn {padding-top: 34px;text-align: center;}




/* 메인 */
#kaslWS_con.main div.visual {margin: 0 auto;background:url('/workshop/201502/image/main_visaul.jpg') center top no-repeat;}
#kaslWS_con.main div.visual p {height:183px;margin:0 auto;}
#kaslWS_con.main div.visual p a {display: block;height: 100%;text-indent:-10000px;background:url('/workshop/201502/image/main_visaul_txt.png') 15px center no-repeat;}

ul.mainInfo {overflow: hidden;margin: 0 auto;}
ul.mainInfo > li {float: left;}
ul.mainInfo > li:first-child {background: url('/workshop/201502/image/main_bg_01.jpg') 0 0 repeat;}
ul.mainInfo > li:first-child > p {height: 100%;background-repeat: no-repeat;text-indent: -10000px;}

ul.mainInfo > li > dl {height: 250px;background-repeat: no-repeat;text-indent: -10000px;}
ul.mainInfo > li.bg {background: url('/workshop/201502/image/main_bg_02.jpg') 0 0 repeat;}
ul.mainInfo > li.bg > dl {height: 50%;background: url('/workshop/201502/image/main_bg_02_s.png') 0 0 repeat;}
ul.mainInfo > li.bg > dl:first-child {background: none;}
ul.mainInfo > li.bg > dl:first-child dd p:first-child {text-indent:0;color:#fff;font-weight:bold;font-family: 'Nanum Gothic';}
ul.mainInfo > li.bg dt {display: none;}
ul.mainInfo > li.bg dd {height: 100%;background-repeat: no-repeat;}


ul.mainInfo ul.btn {height: 100%;background-color: #f3f3f3;}
ul.mainInfo ul.btn > li {height: 50%;box-sizing:border-box;background: url('/workshop/201502/image/main_btn_down.png') 90% center no-repeat;}
ul.mainInfo ul.btn > li:first-child {border-bottom: 1px solid #cfcfcf;background-image: url('/workshop/201502/image/main_btn_goto.png');}
ul.mainInfo ul.btn > li a {display: block;height: 100%;background-repeat: no-repeat;text-indent: -10000px;}


@media all and (max-width:736px) {
	#kaslWS_con > div {margin: 0 auto;}

	#kaslWS_con.main div.visual {padding: 0;margin-bottom: 20px;}
	#kaslWS_con.main div.visual p a {background-size:296px;}

	ul.mainInfo > li {width: 50%;height: 125px;}
	ul.mainInfo > li:first-child {background-size: 59px;}
	ul.mainInfo > li:first-child > p {background-image: url('/workshop/201502/image/main_info_txt_01_m.png');background-position: 25% center;background-size: 123px;}
	ul.mainInfo > li > dl {background-image: url('/workshop/201502/image/main_info_txt_02_m.png');background-position: 18px 24px;background-size: 126px;}
	ul.mainInfo > li.bg {background-size: 160px;}
	ul.mainInfo > li.bg dd {height: 100%;background-image: url('/workshop/201502/image/main_info_txt_04_m.png');background-position: 24px center;background-size:100px;}
	ul.mainInfo > li.bg dl:first-child dd {background-image: url('/workshop/201502/image/main_info_txt_03_m.png');background-size:95px;}
	ul.mainInfo > li.bg > dl:first-child dd p:first-child {padding:22px 0 0 24px !important;}

	ul.mainInfo ul.btn > li {background-size: 18px;}
	ul.mainInfo ul.btn > li:first-child {background-size: 10px;}

	ul.mainInfo ul.btn > li a {background-image: url('/workshop/201502/image/main_info_txt_07_m.png');background-position: 15% center;background-size:74px;}
	ul.mainInfo ul.btn > li:first-child a {background-image: url('/workshop/201502/image/main_info_txt_06_m.png');}


}

@media all and (min-width:737px) {

	#kaslWS_con > div {width: 1000px;padding: 20px 0 40px;margin: 0 auto;}

	#kaslWS_con.main div.visual {padding: 0 100px;}
	#kaslWS_con.main div.visual p {height:316px;}

	ul.mainInfo {width:1000px;}
	ul.mainInfo > li {width: 250px;height: 250px;}
	ul.mainInfo > li:first-child > p {background-image: url('/workshop/201502/image/main_info_txt_01.png');background-position: center 33px;}
	ul.mainInfo > li > dl {background-image: url('/workshop/201502/image/main_info_txt_02.png');background-position: 30px 33px;}
	ul.mainInfo > li.bg dd {height: 100%;background-image: url('/workshop/201502/image/main_info_txt_04.png');background-position: 30px center;background-repeat: no-repeat;}
	ul.mainInfo > li.bg dl:first-child dd {background-image: url('/workshop/201502/image/main_info_txt_03.png');}
	ul.mainInfo > li.bg > dl:first-child dd p:first-child {padding:60px 0 0 30px !important;font-size:18px;}

	ul.mainInfo ul.btn > li a {background-image: url('/workshop/201502/image/main_info_txt_07.png');background-position: 30px center;}
	ul.mainInfo ul.btn > li:first-child a {background-image: url('/workshop/201502/image/main_info_txt_06.png');}

	#kaslWS_con p.rwNote {display: none;}
}


/* 서브 공통 */
#kaslWS_con div.visual {padding: 0;margin-bottom: 20px;background:url('/workshop/201502/image/main_visaul.jpg') center -43px no-repeat;}
#kaslWS_con div.visual p a {display: block;height:150px;margin:0 auto;text-indent:-10000px;background:url('/workshop/201502/image/sub_visaul_txt.png') 15px center no-repeat;}

#kaslWS_con h1 {height: 46px;margin: 0 auto;background: url('/workshop/201502/image/sub_tit_bg.png') 0 0 no-repeat;background-color: #6fa609;}
#kaslWS_con h1 span {display:block;height: 17px;padding:14px 0 15px 20px;}

.fwBold {font-weight: bold !important;}
.fcRed {color: #d82a2a !important;}

#kaslWS_con p {padding-top: 20px;}
#kaslWS_con p:first-child {padding-top: 0;}

dl.depth01 {width: 1000px;margin: 20px auto 0;}
dl.depth01 > dt,
#kaslWS_con form h2 {padding:0 0 13px 25px;font-weight: bold;font-size: 14px;background: url('/workshop/201502/image/bl_tit.png') left top no-repeat;}



#kaslWS_con .invitation {font-size:13px; line-height:21px; color:#2e2e2e;}

@media all and (max-width:736px) {
	#kaslWS_con h1 {width: 100%;}
	#kaslWS_con div.visual {background-size: 800px;}
	#kaslWS_con div.visual p a {height:75px;background-size:296px;}
	#kaslWS_con div.contents > div {padding:20px 10px;}
}

@media all and (min-width:737px) {
	#kaslWS_con h1 {width: 1000px;}
	#kaslWS_con div.visual {padding: 0 100px !important;margin: 0 auto 20px !important;}
	#kaslWS_con div.visual p {}
	#kaslWS_con .invitation {}
}


/* 온라인 사전등록 */
/*
#kaslWS_con div.regType ul {width: 490px;height: 153px;margin: 78px auto 130px;}
#kaslWS_con div.regType ul>li {float: right;width: 231px;height: 149px;border: 2px solid #02ba9e;background: url(../workshop/201501/image/icon_reg_group.png) center 23px no-repeat;background-color: #eefdfa;}
#kaslWS_con div.regType ul>li:first-child {float: left;border-color: #1c4897;background-color: #ebf2ff;}
#kaslWS_con div.regType ul>li>a {display: block;padding: 97px 0 22px;color: #393939;font-size: 28px;line-height: 30px;text-align: center;}
*/

#kaslWS_con div.regType {position: relative;width: 1000px;margin: 0 auto;}
#kaslWS_con div.regType ul {width:748px; height: 101px;margin: 120px auto 250px;}
#kaslWS_con div.regType ul>li {float: left; padding-left: 2px;}
#kaslWS_con div.regType ul>li:first-child {padding-left: 0;}

#kaslWS_con div.regType ul>li a {display: block;}

#kaslWS_con p.searchReg {position: absolute;right: 0;top: -66px;}

#kaslWS_con form {padding-left: 19px;}
input[type=text],
input[type=password] {padding: 5px;border: 1px solid #ddd;}
select {height: 30px;color: #747474;border: 1px solid #ddd;}

#kaslWS_con form h2 {margin-top: 30px;margin-left: 0;}
#kaslWS_con form div {overflow: hidden;padding-bottom: 11px;}
#kaslWS_con form div>dl,
#kaslWS_con form div>dl>dt,
#kaslWS_con form div>dl>dd,
#kaslWS_con form div p {float: left;}

#kaslWS_con form div>dl {padding: 4px 16px;background-color: #083380;color: #fff;}
#kaslWS_con form div>dl>dt {padding-right: 18px;line-height: 30px;}
#kaslWS_con form div>dl>dd select {float: left;}
#kaslWS_con form div>p {padding: 4px 0 4px 16px;line-height: 21px;color: #464646;}

#kaslWS_con form table {width: 100%;margin-top: 20px;border-bottom: 1px solid #cdcdcd;}
#kaslWS_con form table th,
#kaslWS_con form table td {padding-left: 11px;font-weight: normal;text-align: left;color: #707070;}
#kaslWS_con form table th {background-color: #f1f1f1;}
#kaslWS_con form table tr:first-child th,
#kaslWS_con form table tr:first-child td {color: #3a3a3a;font-weight: bold;}

#kaslWS_con form table tbody th {padding-left: 15px;font-weight: bold;color: #3a3a3a;}

#kaslWS_con form table.tblForm {width: 100%;margin-top: 0;border-top: 2px solid #005197;border-bottom: 1px solid #cdcdcd;}

#kaslWS_con table.tblForm td.address input[type=text] {width: 300px;margin: 8px 3px 0 0;}
/**#kaslWS_con table.tblForm td.address input[type=text]:first-child {width: 190px;margin: 0;}*/

#kaslWS_con table.tblForm td.phoneNum input[type=text] {width: 42px;margin-left:10px;}
#kaslWS_con table.tblForm td.phoneNum input[type=text]:first-child {margin-left: 0;}

#kaslWS_con table.tblForm td input[type=radio],
#kaslWS_con table.tblForm td label {float: left;}
#kaslWS_con table.tblForm td input[type=radio] {margin: 3px 5px 0 0;}

#kaslWS_con table.tblForm tr.info th,
#kaslWS_con table.tblForm tr.info td {padding: 4px;text-align: center;}
#kaslWS_con table.tblForm tr.info input[type=text] {width: 80%;}
#kaslWS_con table.tblForm tr.info select {width: 98%;}

#kaslWS_con table.tblForm tr.info td a {color: #d94966;}



/* 사전등록 조회 및 수정 */
#kaslWS_con div.confirm {position: relative;margin: 32px auto 0;}
#kaslWS_con div.confirm>p {padding: 67px 0 29px;text-align: center;font-size: 25px;line-height: 38px;letter-spacing:-1px;}
#kaslWS_con div.confirm>p.searchReg {padding: 0;position: absolute;right: 0;top: -78px;}
#kaslWS_con div.confirm>p a {display: block;}
#kaslWS_con div.confirm>p>span:first-child {font-size: 29px;}

#kaslWS_con div.confirm>p.fz20 {height: 50px;padding: 0;margin-bottom: 26px;text-indent: -10000px;background: url('/workshop/201502/image/confirm_txt.png') center center no-repeat;}

#kaslWS_con div.confirm div {width: 306px;padding: 9px 93px 18px;margin: 0 auto;border: 1px solid #cdcdcd;}
#kaslWS_con div.confirm div>dl {overflow: hidden;display: block;padding: 9px 0 0;background: none;color: #3a3a3a;}
#kaslWS_con div.confirm div>dl>dt,
#kaslWS_con div.confirm div>dl>dd {float: left;}
#kaslWS_con div.confirm div>dl>dt {width: 92px;padding:5px 0 4px;}
#kaslWS_con div.confirm div>dl>dd input[type=text] {width: 202px;}
#kaslWS_con div.confirm p.btn {display: block;padding: 25px 0 6px;}

/* 사전등록 결과 리스트 */
#kaslWS_con div.list {}
#kaslWS_con div.list h2 {padding:0 0 13px 25px;font-weight: bold;font-size: 14px;background: url('/workshop/201502/image/bl_tit.png') left top no-repeat;}
#kaslWS_con div.list p.border {margin-bottom: 20px;}
#kaslWS_con div.list p.btn {padding-top: 22px;}


/*학술대회 일정표*/
#kaslWS_con div.program>div:first-child {padding:17px 0;border: 3px solid #6fa609;}
#kaslWS_con div.program>div h2,
#kaslWS_con div.program>div p {padding: 0;margin: 0;font-size: 14px;line-height: 18px;text-align: center;}
#kaslWS_con div.program>div p.fwBold {font-size: 16px;line-height: 24px;}

#kaslWS_con div.program > dl {padding: 12px 0;}
#kaslWS_con div.program > dl li {text-align: right;color: #6c6c6c;}

#kaslWS_con div.program table {width: 100%;}

#kaslWS_con div.program table thead th {background-color: #4b4b4b;color: #fff;border-color: #4b4b4b;font-weight: bold;}
#kaslWS_con div.program table td {padding: 5px 14px 6px 10px;border-right: 0 none;text-align: right;}
#kaslWS_con div.program table td:first-child {padding: 5px 0 6px;border-right: 1px solid #cdcdcd;border-left: 0 none;text-align: center;}
#kaslWS_con div.program table td.con {padding: 5px 14px 6px 10px;border-right: 0 none;text-align: left;}

#kaslWS_con div.program table tr.bg td {background-color: #f0f9df;color: #588700;font-weight: bold;}
#kaslWS_con div.program table tr.bg td:first-child {border-right: 0 none;}
#kaslWS_con div.program table tr.bg td.con {}
#kaslWS_con div.program table tr.break td {background-color: #ececec;}
#kaslWS_con div.program table tr:first-child td {border-top: 0 none;}

#kaslWS_con  p.rwNote {background: url('/workshop/201502/image/main_info_txt_08_m.png') center center no-repeat;background-size:245px;background-color: #f6c8c4;text-indent: -10000px;}

@media all and (max-width:736px) {
	#kaslWS_con div.program>div:first-child {padding: 17px 0 10px;}
	#kaslWS_con div.program>div h2,
	#kaslWS_con div.program>div p {font-size: 16px;line-height: 20px;}

	#kaslWS_con div.program table td {padding: 5px 5px 6px;text-align: left;}
}


/* 행사장 안내 */

#kaslWS_con  div.location {margin: 0 auto;padding: 20px 0;}
div.location > dl {padding-bottom: 14px;}

div.location > dl > dt { color: #0e787c !important; font-size: 24px !important;font-weight: bold !important;line-height: 26px;}
div.location > dl > dd {color: #333;font-size: 15px;line-height: 18px;padding: 8px 0 0 10px;}

div.location div.map,
div.location div.mapImg {border: 1px solid #ddd;}
div.location div.mapImg img {width: 100%;}


div.location p img {display: block;max-width:100%;margin: 0 auto;}

@media all and (max-width:736px) {
	div.location div.map {height: 300px;}

}

@media all and (min-width:737px) {
	div.location {width: 900px;}
	div.location > dl {overflow: hidden;}
	div.location > dl dt,
	div.location > dl dd {float: left;}

	div.location div.map, {height: 451px;}
}