@charset "utf-8";

* {-webkit-text-size-adjust:none;}

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

.clear {clear:both !important;}
.clearleft {clear:left !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.Lfloat {float:left !important;}
.Rfloat {float:right !important;}
.overHidden {overflow:hidden !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.fwBold {font-weight: bold !important;}


/* 학술대회 */
.kaslWS_warp {font-family:Nanum Gothic;background-image: url('image/mainBnr.jpg');background-repeat: no-repeat;}
#kaslWS_header > div {position: relative;}
#kaslWS_header h1 {position: absolute;left: 0;top: 10px;width: 266px;height: 55px;}
#kaslWS_header h1 a {display: block;}

#kaslWS_header ul.util {position: absolute;right: 0;top: 40px;}
#kaslWS_header ul.util > li {float: left;}
#kaslWS_header ul.util > li:first-child {margin-right: 13px;padding-right: 16px;background: url('image/gnb_bar.gif') right center no-repeat;}
#kaslWS_header ul.util > li a {font-size: 13px;color: #2e2e2e;}

ul#gnb {position: absolute;left: 0;top: 80px;width: 210px;background: url('image/main_bg.png') 0 0 no-repeat;}
ul#gnb > li > a {display: block;padding-left: 20px;font-size: 17px;font-weight: bold;color: #fff;line-height: 60px;background: url('image/gnb_bg.png') left bottom repeat-x;}
ul#gnb > li > a:hover,
ul#gnb > li > a:focus,
ul#gnb > li > a.active {background-image: url('image/gnb_bg_on.png');color: #fff;}

@media all and (max-width:736px) {
	.kaslWS_warp {min-width:320px;background-position: center 35px;background-size: 600px;}
	#kaslWS_header > div {height: 35px;}
	#kaslWS_header h1,
	#kaslWS_header ul.util li {display: none;}

	ul#gnb {position: static;overflow: hidden;width: 100%;}
	ul#gnb > li {float: left;width: 33.3%;}
	ul#gnb > li:first-child {width: 33.4%;}
	ul#gnb > li a {padding: 0;line-height: 35px;background: #2459af !important;text-align: center;font-size: 14px;}

	ul#gnb > li > a:hover,
	ul#gnb > li > a:focus,
	ul#gnb > li > a.active {color: #2e2e2e;}



	.rwHidden {display: none !important;}
	.mobileOnly {display: block;}
}


@media all and (min-width:737px) {
	.kaslWS_warp {min-width:1000px;margin: 0 auto;background-position:center 80px;}
	#kaslWS_header {display: block;}
	#kaslWS_header > div {width: 1000px;height: 80px;margin: 0 auto;}
	.mobileOnly {display: none;}
}






#kaslWS_footer {}
#kaslWS_footer>div {margin: 40px auto 0;border-top:1px solid #cfcfcf;padding: 20px 0 21px;font-size: 12px;line-height: 18px;color: #787878;font-weight: normal;text-align: center;}


@media all and (max-width:736px) {
	#kaslWS_footer>div {padding: 15px;margin-top: 20px;}
	#kaslWS_footer>div ul>li {text-align: center;}

}
@media all and (min-width:737px) {
	#kaslWS_footer {width:1000px;}
	#kaslWS_footer>div ul {overflow: hidden;width: 390px;margin: 0 auto;}
	#kaslWS_footer>div ul>li {float: left;padding-left: 20px;}
	#kaslWS_footer>div ul>li:first-child {padding-left: 0;}
	div.main #kaslWS_footer {width: 760px;padding-left: 240px;}
}


/* contents영역 공통 */
#kaslWS_con {margin: 0 auto;text-align: justify;}
#kaslWS_con div.topVisual {}
#kaslWS_con div.topVisual a {text-indent: -10000px;}

#kaslWS_con h1 {margin: 40px 0 20px;}
#kaslWS_con h1 span {display: block;padding: 0 0 12px 25px;background: url('image/sub_tit_bg_l.png') left top no-repeat;font-size: 18px;line-height: 30px; color:#2053a7;}


@media all and (max-width:736px) {
	#kaslWS_con div.topVisual a {display: block;height: 150px;background: url('image/mainBnr_txt_m.png') center center no-repeat;background-size: 265px;}
	#kaslWS_con h1 {margin: 20px 15px 10px;}
}



@media all and (min-width:737px) {
	#kaslWS_con {}
	#kaslWS_con.main {background: url('image/main_bg.png') 0 0 repeat-y;}

	#kaslWS_con div.topVisual {padding: 61px 0 61px 262px;}

	#kaslWS_con div.topVisual a {display: block;width: 738px;height: 180px;background: url('image/mainBnr_txt.png') 0 0 no-repeat;}

}

/* 메인 */
div.mainCon {overflow: hidden;}

div.main div.etc {}

div.main div.etc p.downLoad a {display: block;border: 1px solid #b8b8b8;background-color: #e8e8e8;}
div.main div.etc p.downLoad a span {display: block;color: #454545;background-image: url('image/btn_download.png');background-repeat: no-repeat;}

div.mainInfo {color: #fff;}
div.mainInfo dl.deadline {}


div.moreinfo dl {background-color: #a2a2a2;}
div.moreinfo dt {font-weight: bold;color: #4566d7; padding-bottom:5px; font-size:14px; line-height:1.2em; }
div.moreinfo dd {color: #6d6666; font-size:11px;}
div.moreinfo dd strong { font-size:11px; }

div.mainInfo dl.deadline {font-weight: bold;}
div.mainInfo dl.deadline dd span {display: block;}


@media all and (max-width:736px) {
	div.mainCon {padding: 15px;}

	div.mainInfo div.about {padding:10px  15px;background-color: #66748e;}
	div.mainInfo div.about dl {overflow: hidden;}
	div.mainInfo div.about dt,
	div.mainInfo div.about dd {float: left;}
	div.mainInfo div.about dt {padding-right: 10px;}
	div.mainInfo div.about li,
	div.mainInfo div.about dd {font-weight: bold;}
	div.mainInfo div.about li span {font-weight: normal;}

	p.rwNote {margin-top: 20px;padding: 11px 0;background-color: #fff;font-weight: bold;color: #66748e; border:4px solid #66748e; letter-spacing: -1px;} 
	div.main p.rwNote {margin-top: 5px;}
	p.rwNote span {color: #66748e;}


	div.mainInfo dl.deadline {margin-top: 5px;padding:10px  15px;background: url('image/main_bg_02_m.jpg') right bottom no-repeat;background-size: 296px;background-color: #fff; color: #3f3f3f; }
	div.mainInfo dl.deadline dt {padding-bottom: 5px; color: #4566d7; }

	div.moreinfo {margin-top: 5px;}
	div.moreinfo dl {padding: 10px 15px; background-color: #ececec;}
	div.moreinfo dl dt {color: #4566d7; }
	div.moreinfo dl dd {  color: #3f3f3f;  }


	div.main div.etc p.downLoad {margin-top: 5px;}
	div.main div.etc p.downLoad a {text-align: center; border:1px solid #616161; background-color:#616161; }
	div.main div.etc p.downLoad a span {display: inline-block;padding: 11px 37px 11px 0;background-image: url(image/btn_download_m.png);background-position: right center;background-size:29px; color:#fff;}
	div.main div.etc p.logo {}
	div.main div.etc p.logo a {display: block;width: 118px;height: 48px;margin: 20px auto 0;}
	div.main div.etc p.logo a img {width: 100%;}
}



@media all and (min-width:737px) {
	div.mainCon {position: relative;overflow: hidden;padding:41px 0 0px 240px;}

	div.mainInfo {float: left;width: 760px;color: #fff;}
	div.mainInfo dt {padding-bottom: 20px;font-size: 27px;line-height: 1.2em; text-align: left;}
	div.mainInfo dd {font-size: 15px;line-height: 1.5em; text-align: center;}

	div.mainInfo div.about {float: right;width: 330px;padding:30px 10px 70px 30px; background: url('image/main_bg_01.jpg') 0 0 no-repeat;}
	div.mainInfo div.about dd li { text-align: left;}
	div.mainInfo div.about dd li:first-child {padding-top: 0;}

	div.mainInfo dl.deadline {float: left;width: 330px;padding:30px 10px 70px 30px; background: url('image/main_bg_02.jpg') 0 0 no-repeat;}
	div.mainInfo dl.deadline dd { text-align:left; }
	div.mainInfo dl.deadline dd span {font-weight: normal;}


	div.moreinfo {float: right; width:760px;}
	div.moreinfo ul {padding-bottom: 1px;}
	div.moreinfo ul.main_btns { float:left; width:370px; }
	div.moreinfo ul.main_btns  li { float:left; width:175px; text-align: center; }
	div.moreinfo ul.main_btn li.regSearch { float:right;}	
	div.moreinfo li.regist { margin-right:20px; }
	div.moreinfo li {padding-bottom: 6px; }

	div.moreinfo a {display: block;padding:71px  32px;color: #fff;background-position: 0 0;background-repeat: no-repeat;font-weight: bold;font-size: 18px;line-height: 1.2em;}
	div.moreinfo li.regist a { background-color:#66748e; ;color: #fff; text-align:center; width:100px; border:4px solid #66748e;}
	div.moreinfo li.regSearch a { background-color:#fff; border:4px solid #66748e; color: #66748e;  text-align: center; width:100px;  }

	div.moreinfo dl {padding:30px 10px 70px 30px; float:right; background: url('image/main_bg_010.jpg') 0 0 no-repeat; width:330px; }
	div.moreinfo dl dt {padding-bottom: 20px;font-size: 27px;line-height: 1.2em; text-align: left;}
	div.moreinfo dl dd {font-size: 15px;line-height: 1.5em; text-align: left;}


	div.main div.etc {position: absolute;left: 20px;top: 40px;}
	div.main div.etc p.downLoad a {width: 129px;padding: 30px 19px 30px 20px;}
	div.main div.etc a span {width: 63px;padding: 0 67px 0 0;background-position: right center;font-size: 16px;line-height: 20px;}
	div.main div.etc p.logo {margin-top: 10px;}
	div.main div.etc p.logo a {display: block;height: 48px;padding: 10px 0;background-color: #f2f2f2;text-align: center;}
	div.main div.etc p.logo a img {display: inline-block;}
}



#kaslWS_con .notyet {padding: 76px 0 107px;text-align: center;}
#kaslWS_con .bullet {padding-left: 17px;background: url(/workshop/201503/image/bullet_square_blue.png) 0 3px no-repeat;}
#kaslWS_con .point {color: #d94966 !important;}

#kaslWS_con input[type=text],
#kaslWS_con select {width: 190px;height: 19px;padding: 0 10px;border: 1px solid #ddd;}
#kaslWS_con select {width: 212px;height: 21px;padding-right: 0;}

#kaslWS_con .border {padding: 9px 14px 9px 13px;border: 2px solid #5b95c2;font-size: 13px;background-color: #dfe9f3;color: ##474747;}
#kaslWS_con .program .border h2 { color: #95a31f; }
#kaslWS_con div.overHidden {padding-bottom: 20px;}
#kaslWS_con div.overHidden dl {float: right;}
#kaslWS_con div.overHidden dd {}

#kaslWS_con dl.depth01 {padding-top: 19px;}
#kaslWS_con dl.depth01>dt {padding-bottom: 10px;font-size: 14px;font-weight: bold;}
#kaslWS_con dl.depth01>dt.point {color: #d94966;}
#kaslWS_con dl.depth01>dt img,
#kaslWS_con h2 img {margin: -3px 4px 0 0;}

#kaslWS_con dl.depth01>dd table {width: 100%;border-bottom: 1px solid #cdcdcd;}

#kaslWS_con dl.depth01>dd.border>ul {overflow: hidden;}
#kaslWS_con dl.depth01>dd.border>ul>li {float: left;padding-left: 26px;}
#kaslWS_con dl.depth01>dd.border>ul>li:first-child {padding-left: 0;}

#kaslWS_con dl.depth01>dd.fz15 {letter-spacing:-1px;}


#kaslWS_con  p.rwNote {display: none;text-align: center;}
/*
#kaslWS_con  p.rwNote {display: none;margin-top: 20px;text-align: center;}
#kaslWS_con  p.rwNote span {font-weight: bold;color: #d94966;}
*/

@media all and (max-width:736px) {
	#kaslWS_con  p.rwNote {display: block;}
	#kaslWS_con .notyet img {max-width:70%;}
}

@media all and (min-width:737px) {
	#kaslWS_con {width: 1000px;}
	#kaslWS_con  p.rwNote {display: none;}
}



/* table용 CSS */
#kaslWS_con table {width: 100%;border-bottom: 1px solid #cdcdcd;border-right: 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-left: 1px solid #cdcdcd;color: #474747;font-size: 12px;}
#kaslWS_con table th {background-color: #f1f1f1;}
#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>ul {overflow: hidden;width: 504px;margin: 0 auto;}
#kaslWS_con div.btnWrap>ul:first-child {margin: 36px auto 20px;}
#kaslWS_con div.btnWrap>ul>li {float: right;}
#kaslWS_con div.btnWrap>ul>li:first-child {float: left;}


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

/*  메인 */
div.main {}



/*인사말*/
#kaslWS_con .invitation {font-size:13px; line-height:21px; padding:20px 15px; color:#2e2e2e;}
#kaslWS_con .invitation p {padding-top: 10px;}

/* 학술대회 일정 */
div.program {padding: 0 15px;}
div.program>div:first-child {padding: 27px 0 20px;}
div.program>div h2,
div.program>div p {padding: 0;margin: 0;color: #232424;text-align: center;}
div.program>div p {color: #232424;}

div.program>div.border {overflow: hidden;margin-bottom: 10px;}
div.program>div.border>dl {float: right;}
div.program>div.border>dl>dd {float: left;padding-left: 27px;}

div.program table {width: 100%;border-bottom: 1px solid #cdcdcd;}
#kaslWS_con div.program th,
#kaslWS_con div.program td {padding: 5px 10px 6px;color: #3a3a3a;font-size: 13px;text-align: left;border-left: 0 none;}
#kaslWS_con div.program th {font-weight: bold;}
#kaslWS_con div.program td:first-child {padding:5px 0 6px;text-align: center;}
#kaslWS_con div.program td.con:first-child {padding:5px 10px 6px;border-left: 0 none;text-align: left;}

#kaslWS_con div.program table {border-right: 0 none;}

div.program table thead th {padding: 0;height: 0;line-height: 0;font-size: 0;border: 0 none;}
div.program table td {padding: 5px 14px 6px 10px;border-right: 0 none;text-align: right;}
div.program table td:first-child {padding: 5px 0 6px;border-right: 1px solid #cdcdcd;border-left: 0 none;text-align: center;}
div.program table td.con {padding: 5px 14px 6px 10px;border-right: 0 none;text-align: left;}

div.program table tr.bg td {background-color: #f1f1f1;font-weight: bold;}
div.program table tr.bg td:first-child {border-right: 0 none;}
div.program table tr.bg td.con {border-left: 0 none; color: #fff !important;}
div.program table tr:first-child td {padding: 5px 14px 6px 10px;border-right: 0 none;text-align: right;}


/* 행사장 안내 */
div.place > p:first-child,
div.place h3 {font-weight: bold;font-size: 15px;padding-bottom: 10px;}

div.place > p:first-child {color: #f00;}
div.place > p:first-child img,
div.place h3 img {margin-right: 10px;vertical-align: middle;}
div.place > div {padding-top: 20px;}
div.place > div > dl {color: #525252;}



div.place > div dt {padding: 15px 0 5px;font-weight: bold;font-size: 16px;}

div.place div.border {margin-top: 20px;font-weight: bold;}
div.place div.border p:first-child {padding-bottom: 10px;}

/* 사전등록 안내 */
div.regitInfo {width: 860px;margin: 0 auto;}

div.regitInfo ul.regitBtns {overflow: hidden;padding-top: 45px;}
div.regitInfo ul.regitBtns > li {float: left;padding-left: 8px;}
div.regitInfo ul.regitBtns > li:first-child {padding-left: 0;}

dl.place > dd > dl p.btn a {display: block;padding: 16px 50px 16px 18px;color: #fff;font-size: 16px;background: url('image/btn_bl.png') 93% center no-repeat;background-color: #b92b1e;}

@media all and (max-width:736px) {
	#kaslWS_con  p.rwNote {display: block;}
	#kaslWS_con .notyet img {max-width:70%;}

	div.place {padding: 0 15px;}
	div.place div img {display: block;max-width:100%;margin: 0 auto;}
	div.place img { max-width:100%; }
}

@media all and (min-width:737px) {
	div.program > div h2,
	div.program > div p {font-size: 22px;line-height: 24px;font-weight: bold;}


	div.place > div {overflow: hidden;}
	div.place > div > p {float: left;width: 442px;}
	div.place > div > dl {float: right;width: 520px;}
	div.place > div dt:first-child {padding-top: 0;}

	div.place div.border p {float: none;width: auto;}
}


/* 온라인 사전등록 */
/**/
#kaslWS_con div.regType {position: relative;}
#kaslWS_con div.regType > ul {width: 960px;height: 126px;margin: 78px auto 130px;}
#kaslWS_con div.regType > ul > li {float: right;width: 320px;height: 126px;background: url('image/icon_reg_group.png') 0 0 no-repeat;}
#kaslWS_con div.regType > ul > li:first-child {float: left;}

#kaslWS_con div.regType > ul > li > a {display: block;}
#kaslWS_con div.regType p.searchReg {position: absolute;right: 0;top: -120px;}


#kaslWS_con form {padding-left: 19px;}
#kaslWS_con form h2 {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: 21px;}
#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 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 select {color: #747474;}

#kaslWS_con form table.tblForm {width: 100%;margin-top: 0;border-top: 2px solid #083380;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],
#kaslWS_con table.tblForm tr.info select {width: 90%;padding:0 4%;}
#kaslWS_con table.tblForm tr.info select {width: 98%;}
#kaslWS_con table.tblForm tr.info td a {color: #d94966;}



/* 사전등록 조회 및 수정 */
#kaslWS_con div.confirm {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>span:first-child {font-size: 29px;}

#kaslWS_con div.confirm>p.fz20 {padding:0 0 20px;font-size: 19px;line-height: 30px;}

#kaslWS_con div.confirm div {width: 256px;padding: 9px 118px 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-right: 0;}
#kaslWS_con div.confirm div>dl>dd input[type=text] {width: 142px;}
#kaslWS_con div.confirm p.btn {display: block;padding: 25px 0 6px;}

/* 사전등록 결과 리스트 */
#kaslWS_con div.list {padding: 22px 0 0 19px;}
#kaslWS_con div.list h2 {margin-left: 0;}
#kaslWS_con div.list p.btn {padding-top: 22px;}

.tit_bg01 { background-color:#4365bc !important; color:#fff !important;  }
.tit_bg02 { background-color:#f1f1f1; }


/* 행사장 안내 */

div.location {}
div.location > ul > li {color: #cd481c;font-weight: bold;background: url('/workshop/201602/image/place_bl.gif') left 4px no-repeat;}

div.location dl.howTo {text-indent: -10000px;background: url('/workshop/201602/image/place_howTo.jpg') left top no-repeat;}

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

	div.location > ul > li {padding-left: 15px;background-size:10px;background-position: 0 6px;}
	div.location > ul > li img {width: 100%;padding-top: 10px;}

	div.location dl.howTo {height: 360px;margin-top: 20px;background-size: 327px;background-position: 0 0;}
	
	div.location p.btn {padding-top: 30px !important;}
	div.location p.btn img {width: 100%;max-width:300px;}
	div.location p.btn a { background-color:#2053a7 !important; color:#fff !important; padding:15px 30px; }
}

@media all and (min-width:737px) {
	div.location > ul {padding-left: 20px;}
	div.location > ul > li {padding-left: 20px;margin-top: 10px;font-size: 16px;}
	div.location > ul > li img {display: block;padding-top: 20px;}

	div.location dl.howTo {height: 718px;margin-top: 50px;}

	div.location p.btn {padding-top: 40px !important;}
	div.location p.btn a { background-color:#2053a7 !important; color:#fff !important; padding:15px 30px; }

}