@charset "utf-8";



body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:'Noto Sans KR', sans-serif;}

hr {display: none;}

/* 공통 스타일 */
.ffMgGothic {font-family: 'Malgun Gothic', '맑은고딕', sans-serif;}
.ffNotoKR {font-family: 'Noto Sans KR', sans-serif;}
.ffNaumBGothic {font-family: 'NanumBarunGothic', sans-serif;}

.fcPoint {color: #211e51 !important;} /* 갈색 */
.fcRed {color: #ed1145 !important;}

.scrollArea {padding:15px 30px 19px;border: 1px solid #dfdfdf;}






/* 버튼 및 Form 태그 */
img.essen {vertical-align: middle;}
i.essen {padding:0 5px 0 0;color:#f00;font-size:0.8em;background:none;}


input[type=text],
input[type=password],
input[type=file] {width:auto;padding:2px 10px}

/*
.btnArea {padding-top: 60px;text-align: center;}
.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}
*/

/* 버튼 영역 */
.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;}

/* 큰 버튼 height:24px */
.btn .btnBig,
div.btnArea a,
div.btnArea input,
div.btnArea button {min-width:80px;height:26px;padding:7px 30px 11px;font-size:16px;font-weight:normal;}
.btn a.btnBig,
div.btnArea a { min-width:68px;height:auto;padding:8px 16px 11px;}



div.btnArea * {margin-left:20px;}
div.btnArea *:first-child {margin-left:0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:34px;padding:0 1.5em;font-size:16px;line-height: 20px;border:1px solid #ccc;vertical-align:top;text-align: center;}

.btn a {height:19px;line-height:19px;padding:7px 1.5em 6px;}
div.btnArea a.arr_btnDef { min-width:68px;height:auto;padding:8px 40px 11px 30px; border-color:#5eb8af;color:#fff !important; background:#5eb8af url('/workshop/201907/image/btn_arr.png') right center no-repeat; }
div.btnArea a.arr_btnBlue { min-width:68px;height:auto;padding:8px 40px 11px 25px; border-color:#e9744f;color:#fff !important; background:#e9744f url('/workshop/201907/image/btn_arr.png') right center no-repeat; }


/* 빨간색 */		.btnDef {background-color:#e03743 !important;border-color:#e03743 !important;color:#fff !important;}
/* 진회색 */		.btnPoint {background-color:#434343 !important;border-color:#434343 !important;color:#fff !important;}
/* 하늘색 */		.btnSky {background-color:#2894cc !important;border-color:#2894cc !important;color:#fff !important;}
/* 회색 */			.btnGrey {background-color:#555 !important;border-color:#555 !important;color:#fff !important;}
/* 연회색 */		.btnLGrey {background-color:#fafafa !important;border-color:#ccc !important;color:#ccc !important;}


/* border+ 빨간색 */			.btnBdDef {background-color:#fff !important;border-color:#e03743 !important;color:#e03743 !important;}
/* border+ 진회색 */			.btnBdPoint {background-color:#fff !important;border-color:#434343 !important;color:#434343 !important;}
/* border+ 회색 */			.btnBdGrey {background-color:#fff !important;border-color:#555 !important;color:#555 !important;}


span.btn {display: inline-block;vertical-align: top;}

.btn .btnSmall {font-size: 12px;height: 27px;padding:0 16px;}
.btn .btnSmall2 {font-size: 12px;height: 25px;padding:2px; 18px;background-color:#2894cc !important;border-color:#2894cc !important;color:#fff !important;}
.btn a.btnSmall {height: 19px;padding: 4px 16px 2px;}

.btn .btnBig {min-width:120px;font-size: 17px;height: 56px;padding:0 30px;font-weight: bold;}
.btn a.btnBig {min-width:118px;height: auto;padding: 18px 16px 17px;}

table.inputTbl .btnSmall {height:30px;padding:0 10px;}
table.inputTbl a.btnSmall {height: auto;padding:4px 10px 5px;}



.btn .withIcon {position:relative;padding-left:2.5em !important;}
.btn .withIcon i {position:absolute;left:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}
.btn .withIcon_r {position:relative;padding-right:2.5em !important;}
.btn .withIcon_r i {position:absolute;right:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}







/* 테이블 디자인 */
table.tblDef {border-top:2px solid #211e51;}
table.tblDef > * > tr > * {padding:10px 0;border-left:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;color: #383838;}
table.tblDef > * > tr > *:first-child {border-left:0 none;}
table.tblDef > * > tr > th {font-weight:bold;background-color: #f9f9f9;}

table.tblDef > thead > tr > th {background-color: #211e51;color: #fff;}

table.tblDef .bdLeft {border-left: 1px solid #ccc !important;}




/* 폼태그 */
table.inputTbl > * > tr > * {padding: 10px;text-align: left;}
table.inputTbl > tbody > tr > th {padding-left: 20px;text-align: left;font-weight: bold;}
table.inputTbl span.note {padding-top: 5px;color: #ed1145;}

table.inputTbl input[type=radio],
table.inputTbl input[type=checkbox] {margin: 4px 10px 0 20px;}
table.inputTbl input[type=radio]:first-child,
table.inputTbl input[type=checkbox]:first-child {margin-left: 0;}

ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}


/* 탭메뉴 & 서브메뉴(탭메뉴 스타일) */
ul.tabMenu,
ul.subMenu {overflow: hidden;margin: 0;padding: 0;}
ul.tabMenu a,
ul.subMenu a {text-decoration:none;}

ul.tabMenu > li,
ul.subMenu> li {float: left; list-style:none;}
ul.tabMenu > li:first-child a,
ul.subMenu> li:first-child a {margin-left: 0;}

ul.tabMenu a,
ul.subMenu a {display: block;padding: 15px 0;margin-left: 15px;text-align: center;color: #545454;font-size: 22px;line-height: 24px;background-color: #ebebeb;}
ul.tabMenu .on a{color: #fff;background-color: #f69f15;}
ul.subMenu .on a{color: #fff;background-color: #211e51;}

ul.tabMenu a.twoLine,
ul.subMenu a.twoLine {padding: 8px 0;}


div.tabCon {padding-top: 50px;}

div.tabMenu{margin: 0 !important;}
.menu02{margin-left: 0; padding: 0; list-style: none;}
.menu02{margin: 0 !important; padding: 0; list-style: none;}
.menu02 li{width: calc(50% - 5px); margin-left: 10px !important; float:left !important; list-style: none;}
.menu02 li:first-child{margin-left: 0 !important;}
.menu02 li a{display:block; text-decoration: none; margin: 0 !important;}


ul.menu03 > li {width: 33.3%;}
ul.menu03 > li:first-child {width: 33.4%;}

ul.menu04 > li {width: 25%;}
ul.menu05 > li {width: 20%;}


ul.listBl, ul.listBl li,
ul.listBar, ul.listBar {margin: 0;padding: 0;list-style:none;font-size:11pt;}

ul.listBl > li, .bullet,
ul.listBar > li, .bar {position: relative;padding-left: 1em;}

ul.listBl > li:before, .bullet:before,
ul.listBar > li:before, .bar:before {position: absolute;left: 0;top: 0;}

ul.listBl > li:before, .bullet:before {content: "·";font-weight: bold;}
ul.listBar > li:before, .bar:before {content: "-";}


.ing {padding: 100px 0;text-align: center;}

img {max-width:100%;}


/* 레이아웃 */
div.wrapper {min-width:960px;}
div#headerWrap {position: relative;border-bottom: 1px solid #dedede;}
div#headerWrap > div {position: relative;width: 960px;margin: 0 auto;padding-top: 326px;}

div#headerWrap h1 {display: none;z-index: 80;position: absolute;left: 0;top: 20px;}

ul.headerUtil {z-index: 80;overflow: hidden;position: absolute;right: 0;top: 24px;margin: 0;padding: 0;background-color: #fff;border-radius:15px;}
ul.headerUtil > li {float: left;margin: 0;list-style:none;}
ul.headerUtil a {display: block;height: 16px;padding:7px 15px 7px;color: #282828;font-size: 12px;line-height: 16px;font-weight: 400;text-decoration: none;}
ul.headerUtil .home a {background-color: #474747;color: #fff;border-radius:0 15px 15px 0;}
ul.headerUtil .admin a {;color: #d06436;}

dl.workshopInfo {position: absolute;left: 0;top: 0;width: 100%;height: 326px;border-bottom: 1px solid #dddcdb;background: url('../image/topVisual_bg.jpg') center top no-repeat;}
/*dl.workshopInfo dt {width: 960px;height: 326px;margin: 10px auto !important;background: url('../image/topVisual_txt.png')left center no-repeat;}*/
dl.workshopInfo dt a {display: block;height: 100%;text-indent: -10000px;}
dl.workshopInfo br {display: none;}
dl.workshopInfo dd {height: 0;line-height: 0;visibility: hidden;font-size: 0;}


ul#gnb {position: relative;height: 54px;}
ul#gnb li {float: left;}
ul#gnb a {color: #fff;text-align: center;}

ul#gnb > li {width: 120px;}
ul#gnb > li > a {padding: 15px 0;font-size: 18px;line-height: 24px;letter-spacing:-1px;color: #3c3c3c;}
ul#gnb > li.on > a {background-color:#211e51;color: #fff;}

ul#gnb ul {display: none;position: absolute;top: 54px;height: 42px;padding: 0 20px;background-color: #211e51;}
ul#gnb ul a {padding: 13px 10px;font-size: 14px;line-height: 16px;}
ul#gnb ul a:before {display: inline-block;padding-right:17px;content: "|";}
ul#gnb ul li:first-child a:before {padding: 0;content: "";}

div#footerWrap {padding: 20px 0;text-align: center;color: #383838;font-size: 13px;line-height: 1.6;background-color: #eaeaea; position: relative;}
div#footerWrap  > div{overflow: hidden; width: 960px; margin: 0 auto;}
/*div#footerWrap li {display: inline-block;}
 div#footerWrap li:before {content: "/ ";}
div#footerWrap li:first-child:before {content: "";} */


div#container {width: 960px;margin: 0 auto 50px;}

.pageTit {margin: 0;padding: 0 0 10px 20px;border-bottom: 1px solid #d1d1d1;color: #000;font-weight: 500;font-size: 26px;line-height: 30px;background: url('../image/pageTit.png') 0 0 no-repeat;}


div.contents {padding: 30px 0 60px;font-weight: 300;color: #333;font-size: 16px;line-height: 1.5;}


.title { color:#474747 ; font-size:25px; font-weight:bold; background: url('/workshop/201907/image/title_bg.gif') center bottom no-repeat; padding-bottom:10px; }
.subTit {margin: 50px 0 10px;padding: 0 0 0 20px;color: #211e51;font-size: 25px;background: url('../image/subTit.png') 0 12px no-repeat;}
.subTit2 { color:#474747 ; font-size:16px; font-weight:bold; background: url('/workshop/201907/image/subTit_dot.png') 0 center no-repeat; margin-top:30px; margin-bottom:20px; padding-left:20px; }
.subTit_bl {margin: 30px 0 10px;padding: 0 0 0 15px;color: #838383;font-size: 18px;background: url('../image/subTit_bl.png') 0 8px no-repeat;}
.pointTit {margin: 30px 0 10px;padding: 0;color: #211e51;font-size: 18px;font-weight: bold;}

.subTit:first-child,
.subTit_bl:first-child,
.pointTit:first-child {margin-top: 0;}


.bdArea {padding: 20px 40px !important;border: 4px solid #ddd;background-color: #fafafa;color: #333;}

ul.list, ul.list > li {margin: 0;padding: 0;list-style:none;}

ul.txtIn20, ul.txtIn20 li {margin: 0;padding: 0;list-style:none;}
ul.txtIn20 > li {padding-left: 20px;text-indent: -20px;}

ul.txtIn20 > li * {text-indent: 0;}




/* 메인 */
div.mainCon {margin-top: 50px;}
div.mainCon:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}

dl.mainBbs, dl.mainBbs > dt, dl.mainBbs > dd,
ul.quickMenu, ul.quickMenu li {margin: 0;padding: 0;list-style:none}


dl.mainBbs {float: left;width: 450px;height: 240px;padding: 36px 40px 40px;background: url('../image/mainBg_bbs.png');color: #2d2b2e;}
dl.mainBbs > dt {padding: 0 0 10px 15px;font-weight: 700;font-size: 30px;border-bottom: 1px solid #7d5639;letter-spacing:-1px;}
dl.mainBbs > dd {padding-top:10px;}

dl.mainBbs > dd li {margin-top: 11px;}

ul.quickMenu {float: right;width: 430px;}
ul.quickMenu li {float: left;}
ul.quickMenu a {display: block;}

/* sub설명 */
div.subArea {overflow:hidden; padding:10px 0 15px;}
div.subArea p.fl img {width:350px;}
div.subArea dl {padding-left:360px;}

dl.areaCont {padding-bottom:20px;}
dl.areaCont dt {color:#4276ab; font-size:22px; font-weight:bold; background: url('/workshop/201907/image/subTit_dot.png') 0 15px no-repeat;  padding-left:20px; }
dl.areaCont dd {color:#474747; }
dl.areaCont dd p strong {font-size:16px;}
dl.areaCont dd p {margin-bottom:10px; font-size:14px; letter-spacing:-1px;}

/* 인사말 */
div.greetings {}
div.greetings p {margin-top: 30px;}
div.greetings p:first-child {font-size: 20px;font-weight: 400;}
div.greetings p.sign {padding-top: 50px;text-align: right;}
div.greetings p.sign img {padding-left: 30px;vertical-align: top;}
div.greetings p.sign img:first-child {padding-left: 0;}

/* 탭메뉴 */
div.tabMenu{ overflow:hidden; margin:100px 30px;}
/**/
div.tabMenu ul { margin-left:80px; }
div.tabMenu ul:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
div.tabMenu ul li { float:left; margin-left:3px; }
div.tabMenu ul li a { display:block; width:100%; color:#787777 ; font-size:16px; background:#e4e7e8; text-align:center; /*padding:8px 0;*/ padding:6px 0; }
div.tabMenu ul li:first-child {margin-left:0;}
div.tabMenu ul li.on a { color:#fff ; background:#ea7450; }

div.tabMenu.subMenu {border:1px solid #c6c6c6; border-bottom:0 none; border-right:0 none;}
div.tabMenu.subMenu ul {margin-left:0;}
div.tabMenu.subMenu li {height:45px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; display:table;}
div.tabMenu.subMenu li:nth-child(4n+1) {border-right:0;}

div.tabMenu.subMenu ul li a {background:#FFF; font-size:14px; line-height:30px; display:table-cell; vertical-align:middle; padding:6px 0;}
div.tabMenu.subMenu ul li a.check {line-height:14px;}
div.tabMenu.subMenu ul li.on a { background:#f69f15; }
div.tabMenu.subMenu ul li {margin-left:0;}

div.tabMenu.inMenu {text-align:center;}
div.tabMenu.inMenu ul {width:100%;}
div.tabMenu.inMenu ul li.on a {background:#7a7977;}
div.tabMenu.inMenu ul li:nth-child(4n+1) {border-left:0;}

.proTbl1 table td {font-family:'Malgun Gothic', '맑은 고딕', sans-serif !important;}
a.btn_more {width:90px; padding:6px 0 9px 15px;; color:#FFF; background-color:#f05a78; background-image:url('/workshop/201907/image/bl_on.png'); background-repeat:no-repeat; background-position:right center; background-size:24px 30px;}
a.btn_more.on {background-image:url('/workshop/201907/image/bl_off.png'); background-position:right center; background-repeat:no-repeat; background-size:24px 30px;}

.proTbl1 .contList td {text-align:left; padding:22px 10px 15px 22px; border:1px solid #d9d9d9; border-right:0; font-size:14px; color:#474747; line-height:17px;font-weight:normal;}
.proTbl1 .contList td:first-child {border-left:0;}
.proTbl1 table.gTbl td.th.bl0 {border-left:1px #f0f0f0 solid;}


.pro_cont {border:1px #d9d9d9 solid;}
.pro_cont li {color:#474747; line-height:20px; font-size:14px;}
.pro_cont > li {border-bottom:1px #d9d9d9 solid; overflow:hidden; position:relative; padding:15px 17px;}
.pro_cont > li:first-child {border-top:0; background:#f0f0f0;}

.pro_cont li > ul li {float:left; display:table; padding:10px 10px 15px; height:79px; vertical-align:middle; border-left:1px solid #d9d9d9;}
.pro_cont li > ul li:first-child {border-left:0; min-width:85px;}
.pro_cont li > ul li.time {padding:25px 17px 15px; line-height:69px;}
.pro_cont li > ul li.time + li {width:450px; padding:25px 10px 15px 22px}
.pro_cont li.cont1 {background-color:#fff4ef; line-height:25px;}
.pro_cont li.cont2 {padding:0; border-bottom:0 none; text-align:center;}
.pro_cont li.cont2 img {width:85px; height:85px;}
.pro_cont li.cont2 p {line-height:22px;}
.pro_cont li.cont2 td {padding: 15px 0; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-right:0 none; height:85px;}
.pro_cont li.cont2 td:first-child {border-left:0 none;}
.pro_cont li.cont2 td.time {width:106px;}
.pro_cont li.cont2 td .detailCont {padding:0 17px; text-align:left; font-weight:normal;}

.pro_cont.noImg li > ul li {height:auto;}
.pro_cont.noImg {border-bottom:0;}
.pro_cont.noImg li.cont2 {border:0;}
.proTbl1 .contList td {text-align:left; padding:22px 10px 15px 22px; border:1px solid #d9d9d9; border-right:0; font-size:14px; color:#474747; line-height:17px;font-weight:normal;}
.proTbl1 .contList td:first-child {border-left:0;}

.program div.tabMenu {margin:23px 0 0; font-size:0;}
.program div.tabMenu > ul{font-size:0; width:710px;}
.program div.tabMenu > ul li {width:32.85%;}
.program div.tabMenu > ul li a{height:33px;}

.program div.tabMenu.m2 > ul li:first-child {margin-left:0;}
.program div.tabMenu.m2 > ul li {width:49.6%; /*width:calc((100% / 2) - 5px);*/}
.program div.tabMenu.m2 > ul div.tabMenu {width:100%;}
.program div.tabMenu.subMenu > ul li {width:176.3px;/*width:24.9%;*/}

.program div.tabMenu.inMenu.Nbasic {border:0;}
.program div.tabMenu.inMenu.Nbasic > ul {width:49.9%; margin:0 auto;}
.program div.tabMenu.inMenu.Nbasic > ul li {width:49%;}
.program div.tabMenu.inMenu.Nbasic li:nth-child(2n) {border-left:0;}
.program div.tabMenu.inMenu.Nbasic li {border:1px solid #c6c6c6;}

/*.program div.tabMenu.m5 > ul {width:710px; font-size:0; border-bottom:1px solid #c6c6c6;}*/
.program div.tabMenu.m5 > ul {width:710px; font-size:0;}
div.tabMenu.m5 li:nth-child(4n+1) {border-right:1px solid #c6c6c6;}
.program div.tabMenu.m5 > ul li {width:19.2%;}
.program div.tabMenu.m5 > ul li.big {width:22.4%;}
.program div.tabMenu.inMenu.m5 > ul li {width:19.85%;}
.program div.tabMenu.m5 > ul li.two {width:38.5%;}
/*.program div.tabMenu.inMenu.m5 ul li.on{width:141.6px;}
.program div.tabMenu.m5 ul li:nth-child(5n) {border-right:0 none;}
.program div.tabMenu.m5 ul li:nth-child(n+6) {border-bottom:0 none;}*/
.program div.tabMenu.m5 ul li:nth-child(5n) {border-right:1px solid #c6c6c6; }

.program div.tabMenu.inMenu.m3 li {width:33.1%;}

/* 사전등록 */
.reg_guide { }
.btn_down_reg a { background: url('/workshop/201907/image/btn_down_left.png') left center no-repeat; padding:8px 16px 11px 20px; }

ul.text_list { padding-left:15px; }
ul.text_list li { text-indent:-5px; }

div.tabWrap { overflow:hidden;}
table.tabDef { border-top:2px solid #4276ab; margin-left:-1px; width:100%; }
table.tabDef th { background:#e9f1f8; font-weight:bold; }
table.tabDef th,
table.tabDef td { border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:4px 10px;  }

/* 170911_교통편 */
.mapArea {height:360px; margin-bottom:40px;}

div.traffic table.tabDef2 { border-top:2px solid #4276ab; margin-left:-1px; width:100%; }
div.traffic table.tabDef2 th { background:#e9f1f8; font-weight:bold; }
div.traffic table.tabDef2 th,
div.traffic table.tabDef2 td { border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:4px 10px;  }
div.traffic table.tabDef2 dl dt {padding-top:15px; font-weight:bold; color:#000;}
div.traffic table.tabDef2 dl dd {padding-left:15px;}

/* 숙소 */
div.stayInfo {color:#474747;}
.stayInfo .subList li {padding-left:20px; font-size:15px;}
.stayInfo .subList li:before {content:" - ";}

.stayInfo .subTit > span,
.stayInfo .subTit > strong{font-size:15px;}
.tit2 {background-position:0 7px;}
.stayInfo .tit2 > span {border-bottom:1px #474747 solid; padding-bottom:3px;}

div.subInfo {background:#a1a1a1; padding:15px 23px; }
.subInfo p {color:#FFF; font-size:13px; line-height:30px; font-weight:bold;}

.bdArea {paddmaining: 20 40px; border: 4px solid #ffe009; background-color: #fefdfc; color: #004040;}


/* 메인 배너영역 */
div.mainBann{overflow: hidden;margin-bottom: 5px;}
	div.mainBann .bx-wrapper{position:relative;}
	div.mainBann::after{display:block; clear:both; content:"";}
	div.mainBann ul{padding: 0; margin: 0;}
	div.mainBann ul li{list-style:none;}
	div.mainBann ul li a{display:block;}


div.mainBann .bx-controls{overflow: hidden; position:absolute; bottom: 8px; right: 70px; z-index:100;}
div.mainBann .bx-pager-item{float: left; margin-left: 10px;}
div.mainBann .bx-pager-item a{display:block; color: #000; text-indent: -10000px; border: 2px solid #a0a0a0; background: #a0a0a0; width: 13px; height: 13px; border-radius: 50%; opacity: 0.5; vertical-align: top;}
div.mainBann .bx-pager-item a.active{opacity: 1; border: 3px solid #a0a0a0; background: #fff;}
div.mainBann .bx-pager-item:first-child{margin-left: 0;}