@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); /* 2024-04-11 */

/*body{margin:0px;font-size:14px; font-family: 'Noto Sans KR', sans-serif; color:#666666; overflow-y:scroll;*/
body {margin:0; font-size:12px; font-family:'Pretendard', sans-serif,malgungothic,Dotum,"Apple Gothic",sans-serif;
*:first-child+html body{overflow:hidden;}


scrollbar-base-color:#FFFFFF;
scrollbar-face-color: #FFFFFF; 
scrollbar-arrow-color: #7C7C7C;
scrollbar-track-color: #FFFFFF;
scrollbar-highlight-color: #BFBFBF;
scrollbar-shadow-color: #BFBFBF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;

}

form {margin:0}

/* public */
/*td {font-size:14px; font-family: 'Noto Sans KR', sans-serif; line-height:16px; color:#666666; word-break:break-all; word-wrap:break-word;}*/
td {font-size:12px; font-family:'Pretendard', sans-serif,malgungothic,Dotum,"Apple Gothic",sans-serif;line-height:16px; color:#000; word-break:break-all; word-wrap:break-word;}
img {border:0} /* À̹ÌÁö º¸´õ Á¦°Å */
.b {font-weight:bold} /* ±½°Ô */
.s {font-size:11px} /* ÀÛ°Ô */
.ss {font-size:10px} /* ´õÀÛ°Ô */
.sss {font-size:9px} /* ´õ´õÀÛ°Ô */
.n {font-size:12px} /*¿ø·¡Å©±â */
.l {font-size:14px} /* Å©°Ô */
.ll {font-size:16px} /* ´õÅ©°Ô */
.v {font-family:verdana;}
.dd {font-family:µ¸¿ò;}
.l14{line-height:14px}
.l12{line-height:12px}
.l13{line-height:13px}
.l15{line-height:15px}
.l16{line-height:16px}
.l17{line-height:17px}
.l18{line-height:18px}
.l150{line-height:150%}
.l20{line-height:20px}
.l22{line-height:22px}

.g{font-family:±¼¸²}
.gg{font-family:±Ã¼­}
.let{letter-spacing:-1px}
.let_m{letter-spacing:-2px}
.let_p{letter-spacing:3px}
.over {text-decoration: line-through}
.un {text-decoration: underline}
.c {text-align: center}
.r {text-align: right}
.top {vertical-align:top;}
.pad_t2{padding-top:2px}
.pad_t3{padding-top:3px}
.pad_t5{padding-top:5px}
.pad_t6{padding-top:6px}
.pad_t8{padding-top:8px}


.notYet {text-align:center;padding:50px 0 80px 0;}
.d1{text-align:justify;padding:0 0 50px 0;}

.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.fcEm {color:#6a4477;}

/*»ö»ó*/
.f_fff {color:#ffffff}
.f_00 {color:#000000}
.f_66 {color:#57C194}

.fcRed {color: #ed1c24 !important;}

/* ¿©¹é */
.padding0 {padding:0 !important;}
.margin0 {margin:0 !important;}
/* Top Padding */
.tp0 {padding-top:0px !important;}
.tp5 {padding-top:5px !important;}
.tp10 {padding-top:10px !important;}
.tp15 {padding-top:15px !important;}
.tp20 {padding-top:20px !important;}
.tp25 {padding-top:25px !important;}
.tp30 {padding-top:30px !important;}
/* Bottom Padding */
.bp0 {padding-bottom:0px !important;}
.bp5 {padding-bottom:5px !important;}
.bp10 {padding-bottom:10px !important;}
.bp15 {padding-bottom:15px !important;}
.bp20 {padding-bottom:20px !important;}
.bp25 {padding-bottom:25px !important;}
.bp30 {padding-bottom:30px !important;}
/* Left Padding */
.lp0 {padding-left:0 !important;}
.lp5 {padding-left:5px !important;}
.lp10 {padding-left:10px !important;}
.lp15 {padding-left:15px !important;}
.lp20 {padding-left:20px !important;}
.lp25 {padding-left:25px !important;}
.lp30 {padding-left:30px !important;}
/* Right Padding */
.rp0 {padding-right:0 !important;}
.rp5 {padding-right:5px !important;}
.rp10 {padding-right:10px !important;}
.rp15 {padding-right:15px !important;}
.rp20 {padding-right:20px !important;}
.rp25 {padding-right:25px !important;}
.rp30 {padding-right:30px !important;}
/* Top Margin */
.tm0 {margin-top:0 !important;}
.tm5 {margin-top:5px !important;}
.tm10 {margin-top:10px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm25 {margin-top:25px !important;}
.tm30 {margin-top:30px !important;}
/* Bottom Margin */
.bm0 {margin-bottom:0 !important;}
.bm5 {margin-bottom:5px !important;}
.bm10 {margin-bottom:10px !important;}
.bm15 {margin-bottom:15px !important;}
.bm20 {margin-bottom:20px !important;}
.bm25 {margin-bottom:25px !important;}
.bm30 {margin-bottom:30px !important;}
/* Left Margin */
.lm0 {margin-left:0 !important;}
.lm5 {margin-left:5px !important;}
.lm10 {margin-left:10px !important;}
.lm15 {margin-left:15px !important;}
.lm20 {margin-left:20px !important;}
.lm25 {margin-left:25px !important;}
.lm30 {margin-left:30px !important;}
/* Right Margin */
.rm0 {margin-right:0 !important;}
.rm5 {margin-right:5px !important;}
.rm10 {margin-right:10px !important;}
.rm15 {margin-right:15px !important;}
.rm20 {margin-right:20px !important;}
.rm25 {margin-right:25px !important;}
.rm30 {margin-right:30px !important;}

/* Basic Link */
A:link        {color:#575757; text-decoration:none}
A:visited     {color:#575757; text-decoration:none}
A:active      {color:#575757; text-decoration:none}
A:hover       {color:#575757; text-decoration:underline}

A.f_fff:link        {color:#ffffff; text-decoration:none}
A.f_fff:visited     {color:#ffffff; text-decoration:none}
A.f_fff:active      {color:#ffffff; text-decoration:none}
A.f_fff:hover       {color:#ffffff; text-decoration:underline}

.hidden {visibility: hidden;height: 0;line-height: 0;font-size: 0;margin: 0;padding: 0;}

#reg_li{padding-left:0px;line-height:170%;float: left;}
#reg_li li{text-align:left;font-size:11pt;}

#reg_li + div {float: right;padding-top: 15px;}

div.mainInfo {padding: 30px 0;}
div.mainInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.mainInfo a,
div.mainInfo img {display: block;width: 100%;}
div.mainInfo > div {float: left;width: 450px;}
div.mainInfo > ul {float: right;}
div.mainInfo > ul li {float: left;width: 136px;margin-left: 10px;}
div.mainInfo > ul li:first-child {margin-left: 0;}


/* ±³Åë ¹× È¸ÀÇÀå */
div.location {color: #4f4f4f;line-height: 1.2;}
div.location ul, div.location li, div.location dl, div.location dt, div.location dd, div.location table, div.location th, div.location td, div.location p {padding: 0;margin: 0;}
div.location li {list-style:none;}
div.location a {display:inline-block;}


div.location dl.address {padding:0 0 10px 95px;background: url('../img/map/address_bl.gif') 15px 0 no-repeat;line-height: 1.8;}
dl.address dt {padding-bottom: 10px;font-size: 25px;color: #181a87;text-align:left;}
dl.address ul {overflow: hidden;}
dl.address li {float: left;padding-right: 20px;}


div.location ul.subMenu {overflow: hidden;margin-top: 40px;}
div.location ul.subMenu li {float: left;width: 50%;}
div.location ul.subMenu a {display: block;padding: 5px 0 10px;border: 2px solid #6a4477;text-align: center;color: #6a4477;font-size: 20px;}
div.location ul.subMenu .on a {background-color:#6a4477;color: #fff;}


div.location ul.tabMenu {overflow:hidden;width: 100%;margin: 30px auto 0;}
div.location ul.tabMenu li {float: left;margin-left:10px;}
div.location ul.tabMenu li:first-child {margin-left: 0;}
div.location ul.tabMenu a {width: 130px;padding: 8px 0 12px;text-align: center;background-color: #999;text-align: center;color: #fff;font-size: 18px;}
div.location ul.tabMenu .on a {background-color: #2d285d;}

div.tabArea div.tabCon {padding-top: 40px;}


div.location table {width: 100%;border-collapse: collapse;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
div.location table th,
div.location table td {padding: 10px 10px 12px;border-bottom: 1px solid #b1b1b1;border-right: 1px solid #b1b1b1;font-size: 12px;line-height: 20px;}
div.location table th {background-color: #e2e9fe;color: #202490;}



div.location {clear: both;padding: 30px 0;}
div.location ul.transportList {width:100%; margin-top: 30px;text-align:center;}
div.location ul.transportList>li {display:inline-block;*display:inline;}
div.location ul.transportList>li>a {padding:5px 17px 7px;*padding:7px 17px 5px; border: 2px solid #49555e;background-color: #49555e;color: #fff;}
div.location ul.transportList>li>a.active {border-color: #49555e;background-color: #fff;color: #49555e;font-weight: bold;}

div.location ul.areaList {overflow: hidden;padding: 0 0 14px 85px;}
div.location ul.areaList>li {float: left;padding: 0 17px;background: url('../image/transport_bar.gif') left 13px no-repeat;}
div.location ul.areaList>li:first-child {padding-left: 0;background: none;}
div.location ul.areaList>li>a {padding-top: 5px;border-top: 2px solid #fff;font-weight: bold;}
div.location ul.areaList>li>a.active {border-top-color: #49555e;color: #49555e;}
div.location div.transportCon {display: none;padding-top: 60px;}
div.location div.transportCon div {display: none;}
div.location .view {display: block !important;}



div.route {overflow: hidden;padding-top: 50px;}
div.route:first-child {padding-top: 0;}

div.route > p,
div.route > dl {float: left;}
div.route > p {padding-right: 40px;}
div.route > dl > dd {padding-left: 25px;font-size: 16px;line-height: 1.4;}

div.location table.public th {text-align: left;background-color: #529C30;color: #fff;}
div.mapArea {height:390px;border:1px solid #d4d4d4;background-color:#e8e8e8;}



div.transport {font-size: 14px;line-height: 20px;}

div.transport ul.tabMenu {width: 100%;}
div.transport ul.tabMenu li {width:148px;margin-left: 0;}
div.transport ul.tabMenu a {width: 100%;background-color: #fff;border: 1px solid #ccc;color: #444;}
div.transport ul.tabMenu li:first-child a {border-left: 1px solid #ccc;}
div.transport ul.tabMenu li.on a {color: #fff;border-color: #2d285d;}

div.transport .sub_tit {display:block; padding:3px 0 3px 25px; background:url('/workshop/202205/img/map/dingbat_tit.gif') 0 5px no-repeat; font-size:16px; font-weight:bold; color:#0d3929;text-align:left;}
div.transport p {margin: 10px 0;}

div.transport  table.tblDef {margin: 0;}
div.transport td {padding-left: 20px;}
div.transport td dt {font-weight: bold;margin-top: 10px;}
div.transport td dt:first-child {margin-top: 0;}

div.transport p.img {padding: 20px 0;border: 1px solid #ddd;}
div.transport p.img img {display: block;margin: 0 auto;}

div.transport dl.tip {padding: 10px;background-color: #f4f8fb;text-align:left;}
div.transport dl.tip > dt {position: relative;padding:10px 0 15px 80px;margin-bottom: 10px;border-bottom: 1px solid #ccc;font-size: 16px;}
div.transport dl.tip > dt img {position: absolute;left: 10px;top: 5px;}
div.transport dl.tip > dd {overflow: hidden;padding-left: 80px;}

div.transport ul.course,
div.transport ul.course_noImg {overflow: hidden;padding: 0 10px;}
div.transport ul.course > li {float: left;position: relative;width: 350px;padding: 15px 10px 15px 60px;}
div.transport ul.course > li img {position: absolute;left: 5px;top: 50%;margin-top: -19px;}

div.transport ul.course_noImg > li {float: left;width: 404px;padding: 15px 10px;}
div.transport ul.course_noImg span {display: block;}

div.transport dl.bulletList {float: left;position: relative;width: 374px;padding: 15px 10px 15px 50px;}
div.transport dl.bulletList:nth-child(odd) {clear: both;}
div.transport dl.bulletList > dt {font-weight: bold;}
div.transport dl.bulletList > dt img {position: absolute;left: 5px;top:5px;}


ul.subTabMenu {overflow: hidden;font-size: 16px;}
ul.subTabMenu li {float: left;}
ul.subTabMenu li:before {content: "|";padding:0 10px;}
ul.subTabMenu li:first-child:before {content: "";padding: 0;}
ul.subTabMenu li.on a {color: #8d24e3;font-weight:bolder;}

.blDash,
ul.listDash > li {display: block;position: relative;padding-left: 10px;}
.blDash:before,
ul.listDash > li:before {position: absolute;left: 0;top: 0;content: "-";}

dl.bulletList ul.minHeight {height: 100px;}
dl.bulletList a.btnDef {display: block;padding: 10px;border: 1px solid #263a78;background-color: #263a78;text-align: center;color: #fff !important;font-size: 14px;}
dl.bulletList a.btnDef img {padding-left: 20px;vertical-align: middle;}

.subTit {margin: 15px 0 5px 0;font-weight:bold;color:#000;padding:0px;font-size:18px;line-height: 35px;box-shadow:0 -14px 0 #fdedf7 inset;width:fit-content;}

.contents {padding:30px 0 0 50px;min-height:500px;}

.tblDef{width:100%;border:0;font-size:13px;}
.tblDef td{font-size:13px;}

.greeting{padding:0 0 0 10px;margin:10px 0 10px 0;text-align:justify;font-size:12pt;line-height:190%;}