/* Reset */
* {-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, 
input, textarea, select,
form, fieldset, legend, label, 
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0 none;}

html, body {width:100%;background-color:#fff;}
body, input, button, textarea {font-size:12px;line-height:1.5em;font-family:'Malgun Gothic', malgungothic, dotum, verdana, sans-serif; color:#666666;}

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 {border:1px solid #d6d6d6;background-color:#fff;color:#3f3f3f;font-size:12px;vertical-align:middle;}
textarea {overflow:auto;}
input {padding:0;margin:0;border: 0 none;}

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

input[type=text], textarea, select {font-family:'Malgun Gothic', malgungothic, dotum, verdana, sans-serif;}
input[type='submit'],
input[type='reset'],
input[type='image'],
input[type='file'],
input[type='button'] {cursor:pointer;}

address, caption, cite, code, dfn, em, 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;}

hr {border-collapse:collapse;display:none;}

a {display:block;color:#666;text-decoration:none;cursor:pointer;}
a:link, 
a:visited {text-decoration:none;}

legend, caption {position:absolute;top:-5000px;visibility:hidden;width:0 !important;height:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;}

/* */ .ie7 li, .ie7 li a {zoom:1;}

img {display: inline-block;}

/* IR ±â¹ý */
.hidden {position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden;}
/* .ie7 .hidden {position:static; font-size:0; line-height:0;} */

.fwBold {font-weight: bold !important;}
.fcPoint {color: #009f7f !important;}
.fcRed {color:#f00 !important;}
.txtIndent13 {padding-left: 13px;text-indent: -13px;}



div.wsHeaderWrap {background:url(/workshop/201503/image/kaim_main_visualbg_rw.png) center top no-repeat;background-size:439px 165px;background-color:#75be42;}

div.wsHeaderWrap > div {position:relative;margin:0 auto;}
div.wsHeaderWrap > div.wsHeader {}

div.wsHeaderWrap h1 {position:absolute;left:15px;top:18px;width:130px;height:26px;background:url(../image/kaim_headear_logo_rw.png) 0 0 no-repeat;background-size:100% auto;}
div.wsHeaderWrap h1 a {display:block;width:100%;height:100%;text-indent:-10000px;}
div.wsHeaderWrap > div.wsHeader div {width:278px;height:84px;padding:59px 0 24px;margin:0 auto;text-indent:-10000px;background:url(/workshop/201503/image/kaim_main_visual_rw.png) center 59px no-repeat;background-size:100% auto;}

div.wsHeaderWrap ul.wsGnb {overflow:hidden;background-color:#00652e;}
div.wsHeaderWrap ul.wsGnb>li {float:left;width:20%;}
div.wsHeaderWrap ul.wsGnb>li a {display:block;overflow:hidden;padding:16px 0;border-left:1px solid #38875c;color:#fff;text-align:center;font-size:14px;font-weight:bold;}

div.wsHeaderWrap ul.wsGnb>li.menu01,
div.wsHeaderWrap ul.wsGnb>li.menu06 {display:none;}

div.wsHeaderWrap ul.wsGnb>li.menu02 a {border-left:0 none;}

div.wsFooterWarp {background-color:#ededed;}
div.wsFooterWarp > div {padding:10px;margin:0 auto;line-height:16px;color:#9f9f9f;}

div.wsFooterWarp > div dl {overflow:hidden;}
div.wsFooterWarp > div dd {float:left;}
div.wsFooterWarp > div dd.email {clear:both;}

div.wsContainer {padding: 20px 10px;}
div.wsContainer h2 {padding-bottom: 9px;margin-bottom: 20px;border-bottom: 1px solid #d3d3d3;font-size: 16px;color: #333;}

div.wsContainer table {width: 100%;}
div.wsContainer a {display: inline;font-weight: bold;text-decoration: underline;}

/* ¸ÞÀÎ */
div.main dl {overflow: hidden;}
div.main dl dt {float: left;width: 20%;padding-bottom: 4px;margin-top: 4px;text-align: center;color: #fff;background-color: #1f976d;}
div.main dl dd {padding:0 0 4px 25%;margin-top: 4px;}
div.main dl dd span {color: #009f7f;}

div.main > ul {width: 90%;max-width:326px;margin: 0 auto;}
div.main > ul li {display: none;padding-right: 10px;margin-top: 10px;background: url(/workshop/201503/image/btn_right.png) right top no-repeat;background-size: 49px 45px;}
div.main > ul li a {display: block;padding-left: 20px;background: url(/workshop/201503/image/btn_left.png) 0 0 no-repeat;background-size:280px 45px;text-decoration: none;}
div.main > ul li a span {display: block;padding: 13px 0 14px;font-size: 15px;background: url(/workshop/201503/image/btn_bl.png) right center no-repeat;background-size:7px 10px;color: #469231;text-align: center;}
div.main > ul li.down {display: block;}
div.main > ul li.down a span {background-image: url(/workshop/201503/image/btn_bl_down.png);background-size:11px 13px;}

div.mobileInfo {width: 90%;max-width:326px;margin: 10px auto;background: url(/workshop/201503/image/info_right.png) right top no-repeat;background-size:150px 100px;}
div.mobileInfo > div {padding-left: 10px;margin-right: 10px;background: url(/workshop/201503/image/info_left.png) left top no-repeat;background-size:280px 100px;}
div.mobileInfo > div > p {padding:32px 0 32px 65px;background: url(/workshop/201503/image/info_bl.png) 12px center no-repeat;background-size:42px 38px;font-size: 16px;color: #010101;}
div.mobileInfo > div > p span {color: #ff7a0f;}

/* Àλ縻 */
div.greeting p {padding-top: 20px;line-height:20px; text-align:justify; word-break:normal;}

/* °øÁö»çÇ× */
div.info h3 {font-weight: normal;}

div.info table,
div.info p,
div.info dl {margin-top: 10px;}


div.info > dl > dd.txtIndent0 {padding-left: 0;text-indent: 0;}
div.info ul.square>li {margin-left: 15px;padding-left:0;text-indent: 0;list-style:square;}

div.info table {border-bottom: 1px solid #909090;}
div.info table th, 
div.info table td {border-top: 1px solid #909090;border-right: 1px solid #909090;}
div.info table th:first-child,
div.info table td:first-child {border-left: 1px solid #909090;}

div.info table th {height: 25px;background-color: #99c68d;}
div.info table td {padding: 5px;}


/* »çÀüµî·Ï */
div.register h3 {margin: 15px 0 5px;}
div.register p.btn {display: none;float: right;margin-top: 0;}
div.register p {clear: both;margin-top: 10px;padding-left: 13px;text-indent: -13px;}
div.register p.fcRed {font-weight: bold;}

div.register dl {margin-top: 10px;}
div.register dd {padding-left: 13px;}


div.register table {border-bottom: 1px solid #b8b8b8;}
div.register table th,
div.register table td {padding: 4px 5px 7px;border-top: 1px solid #b8b8b8;border-right: 1px solid #b8b8b8;background-color: #f9f9f9;}
div.register table th:first-child,
div.register table td:first-child {border-left: 1px solid #b8b8b8;}
div.register table th {background-color: #e6f3d9;color: #3c8502;}
div.register table td.limit {color: #000;font-weight: bold;}

div.register table td span {font-weight: bold;color: #006cad;}

div.register table.fee td {background-color: #fff;color: #000;font-weight: bold;text-align: center;}
div.register table.fee tbody th {color: #000;background-color: #f5f5f5;}

div.register ul.btn {display: none;padding-top: 20px;text-align: center;font-size: 0;}
div.register ul.btn li {display: inline-block;width: 40%;max-width:180px;font-size: 12px;}
div.register ul.btn li:first-child {padding-right: 10px;}
div.register ul.btn li a {display: block;height: 100%;}
div.register ul.btn li a img {width: 100%;}

div.register div.mobileInfo {margin-top: 30px;}
div.register div.mobileInfo p {text-indent: 0;}

div.note {background: url(/workshop/201503/image/notice_bg_m.gif) 0 0 repeat-y;}
div.note ul {padding-bottom: 16px;background: url(/workshop/201503/image/notice_bg_b.gif) left bottom no-repeat;}
div.note ul li {padding:6px 0 0 25px;}
div.note ul li:first-child {padding-top: 16px;background: url(/workshop/201503/image/notice_bg_t.gif) 0 0 no-repeat;}
div.note ul li img {float: left;margin:8px 5px 0 0;}
div.note ul li span {color: #006cad;font-weight: bold;}
div.note ul li:first-child span {color: #ed5b07;}

p.regitBtn {padding: 50px 0 100px;text-align: center;}
p.regitBtn a {display: inline-block;}



/* »çÀüµî·Ï > °³Àεî·Ï */
div.regitForm {width: 704px;padding-top: 20px;margin: 0 auto;}
div.regitForm h3 {padding: 4px 0 8px;margin-bottom: 20px;font-size: 15px;line-height: 20px;text-align: center;background: url(/workshop/201503/image/content_title_bg.gif) center top no-repeat;color: #fff;}

div.regitForm table {border-bottom: 2px solid #cdeebb;}

div.regitForm table tr:first-child th,
div.regitForm table tr:first-child td {border-top: 2px solid #cdeebb;}
div.regitForm table th,
div.regitForm table td {padding: 7px 10px;border-top: 1px solid #d3d3d3;}
div.regitForm table th {background-color: #e6f3d9;color: #3c8502;}

div.regitForm input[type=text] {width: 140px;padding: 2px 10px;border: 1px solid #bbb;}
div.regitForm select {height: 22px;}

div.regitForm table td {overflow: hidden;}
div.regitForm table td * {float: left;}

div.regitForm table td input {margin: 3px 5px 0 10px;}
div.regitForm table td input:first-child {margin-left: 0;}
div.regitForm table td input[type=text] {margin: 0;}
div.regitForm table td select {margin-right: 5px;}
div.regitForm table td span {padding: 0 5px;}
div.regitForm table td span:first-child {padding-left: 0;}
div.regitForm table td span.fcRed {clear: both;padding: 4px 0 0;}

div.regitForm table td a.id_chk {margin-left: 5px;}
div.regitForm table td a.id_chk input {padding: 2px 10px;margin: 0;background-color: #4f8a11;color: #fff;font-weight: bold;}

select#r_position,
input#r_position_etc {width: 220px;}
input#phone1,
input#phone2,
input#phone3 {width: 60px;}
input#email2 {width: 320px;}
input#r_sendname,
input#r_senddayY {width: 80px;}

div.regitForm table td.total input[type=text] {width: 80px;padding: 0 0 4px;border:0 none;font-weight: bold;color: #f00;text-align: right;}
div.regitForm span#free_text {clear: none;padding: 0 0 0 10px;font-weight: bold;color: #f00;}

div.regitForm table td.send label {line-height: 20px;margin: 0 10px;}
div.regitForm table td.send label:first-child {margin-left:0;}
div.regitForm table td.send select {width: 80px;}

div.regitForm > dl {width: 610px;padding: 20px 0 0 20px;margin: 0 auto;}
div.regitForm > dl dt {font-weight: bold;color: #4f8a11;font-size: 15px;line-height: 20px;}
div.regitForm > dl dd {padding-top: 10px;}
div.regitForm > dl dd.check {font-weight: bold;color: #4f8a11;font-size: 14px;}
div.regitForm > dl dd.check p {float: left;padding-right: 160px;}
div.regitForm > dl dd.check label {margin: 0 15px 0 5px;}

div.regitForm ul.regitFormBtn {width: 200px;margin: 40px auto;}
div.regitForm ul.regitFormBtn li {float: right;width: 95px;}
div.regitForm ul.regitFormBtn li:first-child {float: left;}
div.regitForm ul.regitFormBtn input {width: 100%;height: 40px;padding-bottom: 6px;text-align: center;cursor:hand;border: 1px solid #4f8a11;background-color: #e6f3d9;color: #4f8a11;}
div.regitForm ul.regitFormBtn li:first-child input {background-color: #4f8a11;color: #fff;}

div.regitForm p.btn {width:95px;margin: 40px auto;}
div.regitForm p.btn input {width: 100%;height: 40px;padding-bottom: 6px;text-align: center;cursor:hand;border: 1px solid #4f8a11;background-color: #4f8a11;color: #fff;}

/* µî·Ï ¿Ï·á */
div.msgRegit {}
div.msgRegit div.dbox {padding: 16px 0 20px;border: 4px solid #cdeebb;text-align: center;}
div.msgRegit div.dbox span {color:#ba1a31;font-weight: bold;font-size: 14px;}

div.msgRegit > ul {padding-top: 20px;}
div.msgRegit > ul li {padding:5px 0 0 15px;background: url(/workshop/201503/image/icon_dot.gif) 6px 14px no-repeat;}
div.msgRegit > ul li span {font-weight: bold;color:#006cad;font-size: 14px;}

dl.contact {width: 563px;padding: 6px 0 13px 80px;margin: 30px auto 80px;background: url(/workshop/201503/image/p04_2.gif) 0 0 no-repeat;}
dl.contact dt,
dl.contact dd span {font-weight: bold;}
dl.contact dd {padding-top: 5px;}
dl.contact dd ul {overflow: hidden;}
dl.contact dd li {float: left;}
dl.contact dd li:first-child {margin-right: 10px;}
dl.contact dd a {font-weight: normal;color: #4f8a11;}

/* »çÀüµî·Ï Á¶È¸ */
div.checkRegit {width: 440px;margin: 10px auto 100px;}
div.checkRegit > p {padding-bottom: 10px;font-weight: bold;text-align: center;font-size: 14px;}
div.checkRegit > p span {color: #f00;}

div.checkRegit > div {position: relative;height: 104px;padding: 20px 0 40px;background: url(/workshop/201503/image/checkRegist_bg.gif) 0 0 no-repeat;}
div.checkRegit > div p:first-child {padding: 10px 0 10px 140px;color: #414395;font-weight: bold;}
div.checkRegit > div div {overflow: hidden;}
div.checkRegit > div dl {float: left;padding:10px 0 0 140px;}
div.checkRegit > div dl dt,
div.checkRegit > div dl dd {float: left;}
div.checkRegit > div dl dt {width: 80px;font-weight: bold;}
div.checkRegit > div dl dd input {width: 120px;padding: 2px 10px;border: 1px solid #d3d3d3;}
div.checkRegit > div p.btn {position: absolute;right: 15px;top: 66px;width: 50px;}
div.checkRegit > div p.btn input {width: 100%;height: 58px;background-color: #4f8a11;color: #fff;text-align: center;}

/* »çÀüµî·Ï °á°ú Á¶È¸ */
div.searchRegit {width: 860px;margin: 0 auto;}
div.searchRegit ul.note li {padding:10px 0 0 10px;background: url(/workshop/201503/image/icon_dot.gif) 0 19px no-repeat;font-size: 14px;}
div.searchRegit ul.note li:first-child {padding-top: 0;background-position: 0 9px;}
div.searchRegit ul.note li span {font-weight: bold;color: #4f8a11;}

div.searchRegit div {padding: 20px 0;}
div.searchRegit div table {border-bottom: 1px solid #b8b8b8;}
div.searchRegit div table th,
div.searchRegit div table td {padding: 5px 0 7px;border-top: 1px solid #b8b8b8;}
div.searchRegit div table th {background-color: #e6f3d9;color: #3c8502;}
div.searchRegit div table td {text-align: center;}
div.searchRegit div table td.fcRed {color: #f00;font-weight: bold;}
div.searchRegit div table td.fcRed span {color: #4f8a11;}

div.searchRegit div.dbox {padding: 5px 0;margin: 30px auto;border: 1px solid #d2d2d2;background-color: #fbfbfb;}
div.searchRegit div.dbox > ul li {padding-left: 10px;background: url(/workshop/201503/image/icon_dot.gif) 0 9px no-repeat;font-size: 14px;line-height: 20px;font-weight: bold;}
div.searchRegit div.dbox > ul li span {color: #006cad;}
div.searchRegit div.dbox > ul li:first-child span {color: #ed5b07;}

div.searchRegit div.dbox > ul,
div.searchRegit div.dbox > p {padding-left: 107px;}

div.searchRegit p {font-weight: bold;color: #c00;font-size: 14px;line-height: 20px;}
div.searchRegit dl.contact {margin: 15px auto;}

/* ¿À½Ã´Â ±æ */
div.map div {overflow: hidden;max-width:664px;margin: 0 auto;}
div.map div p img {width: 100%;}
div.map div dl {padding-top: 20px;}
div.map div dl dt {color: #636865;}
div.map div dd {color: #261f26;}
div.map div dd li {padding-left: 53px;text-indent: -53px;}

div.map div span.line2 {color: #2ca94f;}
div.map div span.line3 {color: #f08a70;}
div.map div span.line7 {color: #8a8b55;}
div.map div span.line9 {color: #b1b08e;}
div.map div span.busb {color: #627bb6;}
div.map div span.busg {color: #2ca94f;}
div.map div span.busr {color: #ef9445;}

@media all and (max-width:320px) {
	div.wsHeaderWrap > div {min-width:320px;}
	div.wsContainer > div,
	div.wsFooterWarp > div {min-width:300px;}
}


@media all and (min-width:400px) {
	div.map div dl {float: left;width: 48%;}
	div.map div dl:nth-child(2) {padding-right: 4%;}

}

@media all and (max-width:330px) {
	div.mobileInfo > div > p {padding:23px 0 23px 65px;}
}

@media all and (max-width:465px) {
	div.wsHeaderWrap ul.wsGnb>li.menu03 a {padding: 7px;}
}


@media all and (min-width:737px) {
	div.wsHeaderWrap {height:228px;background:url(/workshop/201503/image/2015_bg.jpg) 0 0 repeat-x;background-color:#00652e;} 
	
	div.wsHeaderWrap > div {min-width:950px;max-width:950px;margin: 0 auto;}

	div.wsFooterWarp {background-color:#f3f3f3;}
	div.wsFooterWarp > div {min-width:460px;max-width:460px;width:460px;padding:20px 0 20px 290px;color:#c1c1c1;background:url(/workshop/201503/image/kaim_footer_logo.jpg) 61px 26px no-repeat;}
	
	div.wsHeaderWrap h1 {left:0;top:0;width:226px;height:64px;background-image:url(/workshop/201503/image/kaim_headear_logo.png);}
	
	div.wsHeaderWrap > div.wsHeader div {width:100%;height:178px;padding:0;background:url(/workshop/201503/image/2015_main_visual.jpg) 0 0 no-repeat;}
	

	div.wsHeaderWrap ul.wsGnb {height:50px;background:url(/workshop/201503/image/menu_bg.gif) right top no-repeat;}

	div.wsHeaderWrap ul.wsGnb>li {width:135px;}
	div.wsHeaderWrap ul.wsGnb>li a {text-indent:-10000px;border-left:0 none;background-position:0 0;background-repeat:no-repeat;}
	div.wsHeaderWrap ul.wsGnb>li.menu01,
	div.wsHeaderWrap ul.wsGnb>li.menu06 {display:block;}
	div.wsHeaderWrap ul.wsGnb>li.menu04 {width:135px;}

	div.wsHeaderWrap ul.wsGnb>li.menu01 a {background-image:url(/workshop/201503/image/menu_01.png);}
	div.wsHeaderWrap ul.wsGnb>li.menu02 a {background-image:url(/workshop/201503/image/menu_02.png);}
	div.wsHeaderWrap ul.wsGnb>li.menu03 a {background-image:url(/workshop/201503/image/menu_03.png);}
	div.wsHeaderWrap ul.wsGnb>li.menu04 a {background-image:url(/workshop/201503/image/menu_04.png);}
	div.wsHeaderWrap ul.wsGnb>li.menu05 a {background-image:url(/workshop/201503/image/menu_05.png);}
	div.wsHeaderWrap ul.wsGnb>li.menu06 a {background-image:url(/workshop/201503/image/menu_06.png);}
	div.wsHeaderWrap ul.wsGnb>li.menu07 a {background-image:url(/workshop/201503/image/menu_07.png);}

	div.wsHeaderWrap ul.wsGnb>li a:hover,
	div.wsHeaderWrap ul.wsGnb>li a:focus {background-position:0 -52px;}


	div.wsContainer {width: 900px;padding: 20px 25px;margin: 0 auto;}
	div.wsContainer h2 {height: 39px;padding-bottom: 0;border-bottom: 0 none;text-indent: -10000px;background-position: 0 0;background-repeat: no-repeat;}

	div.wsContainer div.greeting h2 {background-image: url(/workshop/201503/image/title_2.gif);}
	div.wsContainer div.schedule h2 {background-image: url(/workshop/201503/image/title_3.gif);}
	div.wsContainer div.info h2 {background-image: url(/workshop/201503/image/title_4.gif);}
	div.wsContainer div.register h2 {background-image: url(/workshop/201503/image/title_5.gif);}
	div.wsContainer div.map h2 {background-image: url(/workshop/201503/image/title_7.gif);}

	table.schedule td span.txtline {display: block;padding-left: 63px;text-indent: -63px;}

	div.main {overflow: hidden;}
	div.main dl {float: left;width: 467px;height: 222px;text-indent: -10000px;background: url(/workshop/201503/image/m_info.gif) -28px 0 no-repeat;}
	div.main dl dt {position: relative;left: -10000px;top: -10000px;}

	div.main > ul {float: right;width: 432px;max-width:432px;padding: 0;}
	div.main >  ul > li {display: block;float: left;width: 136px;height: 108px;padding: 0;margin:0 0 0 12px;background: none;}
	div.main >  ul > li:first-child {margin-left: 0;}
	div.main >  ul > li a,
	div.main >  ul > li a span {width: 100%;height: 100%;padding: 0;}
	div.main >  ul > li a span {text-indent: -10000px;background: url(/workshop/201503/image/m_b2.gif) 0 0 no-repeat;}
	div.main >  ul > li:first-child a span {background-image: url(/workshop/201503/image/m_b1.gif);}
	div.main >  ul > li.down a span {background-image: url(/workshop/201503/image/m_b3.gif);background-size: auto;}

	div.mobileInfo {display: none;}

	div.register p.btn,
	div.register ul.btn {display: block;}
	div.register ul.btn li {width: 180px;}

	div.map div {background: url('/workshop/201503/image/map_bg.jpg') left bottom no-repeat;}
	div.map div dl {height: 130px;text-indent: -10000px;}
	div.map div dl li {text-indent: -10000px;}
	
}