@charset "utf-8";
@import url('font/NanumBarunGothic.css');



body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:'NanumBarunGothicLight', 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: #d30e56 !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;}

.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;}

.btn a {height:19px;line-height:19px;padding:7px 1.5em 6px;}

/* 빨간색 */		.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 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 #2b3f7a;}
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: #2b3f7a;color: #fff;}

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


table.tblDefPro1 {border-top:2px solid #2b3f7a; border-bottom: 2px solid #2b3f7a; width: 100%;}
table.tblDefPro1 > * > tr > * {padding:10px 0;border-left:1px solid #2b3f7a;border-bottom:1px solid #2b3f7a;text-align:center; color: #383838;}
table.tblDefPro1 > * > tr > *:first-child {border-left:0 none;}
table.tblDefPro1 > * > tr:last-child {border-bottom:0;}
table.tblDefPro1 > * > tr > th {font-weight:bold;background-color: #f9f9f9;}

table.tblDefPro1 > thead > tr > th {background-color: #804e49;color: #fff;}

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


table.tblDefPro2 {border-top:2px solid #2F75C3;border-bottom: 2px solid #2F75C3; width: 100%;}
table.tblDefPro2 > * > tr > * {padding:10px 0;border-left:1px solid #2F75C3;border-bottom:1px solid #2F75C3;text-align:center;color: #383838;}
table.tblDefPro2 > * > tr > *:first-child {border-left:0 none;}
table.tblDefPro2 > * > tr > th {font-weight:bold;background-color: #2F75C3;}

table.tblDefPro2 > thead > tr > th {background-color: #804e49;color: #fff;}

table.tblDefPro2 .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;margin:0;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: 16px 0 15px;margin-left: 15px;text-align: center;color: #545454;font-size: 22px;background-color: #ebebeb;}
ul.tabMenu .on a,
ul.subMenu .on a {color: #fff;background-color: #2b3f7a;}

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

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

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


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

/* 레이아웃 */
div.wrapper {min-width:960px;}
div#headerWrap {position: relative;background: url('../image/gnbBg.png') left bottom repeat-x;}
div#headerWrap > div {position: relative;width: 960px;margin: 0 auto;padding-top: 326px;}

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

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

dl.workshopInfo {position: absolute;left: 0;top: 0;width: 100%;height: 326px;background: url('../image/topVisual.jpg') center top no-repeat;}
/*dl.workshopInfo dt {width: 960px;height: 326px;margin: 0 auto !important;background: url('../image/topVisual_txt_1.png') 0 9px 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: 56px;font-family: 'NanumBarunGothic';}
ul#gnb li {float: left;}
ul#gnb a {color: #fff;text-align: center;}

ul#gnb > li {width: 240px;}
ul#gnb > li.wide {width: 240px;}
ul#gnb > li > a {padding: 19px 0 18px;font-size: 18px;line-height: 19px;letter-spacing:-1px;}
ul#gnb > li.on > a {background-color:#d3024e;color: #fff;}

ul#gnb ul {position: absolute;top: 56px;height: 42px;padding: 0 20px;background-color: #d3024e;}
ul#gnb ul a {padding: 13px 10px;font-size: 15px;line-height: 16px;}
ul#gnb ul a:before {display: inline-block;padding: 0 10px;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;}
div#footerWrap li {display: inline-block;}
div#footerWrap li:before {content: "/ ";}
div#footerWrap li:first-child:before {content: "";}


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

.pageTit {height: 53px;margin: 0;border-bottom: 2px solid #eaeaea;}
.pageTit span {display: inline-block;height: 29px;padding: 10px 30px 14px 62px;border-bottom: 2px solid #2b3f7a;background: url('../image/pageTit.png') 15px 15px no-repeat;color: #2b3f7a;font-family:'NanumBarunGothicBold';font-size: 25px;}

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


.subTit {margin: 50px 0 10px;padding: 0 0 0 20px;color: #2b3f7a;font-size: 25px;background: url('../image/subTit.png') 0 12px no-repeat;}
.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: #383838;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 #d35784;background-color: #fff6fb;color: #313e79;}

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.main .pageTit {display: none;}
div.main div.contents {overflow: hidden;padding-top: 10px;}
div.main ul, div.main li, div.main dl, div.main dt, div.main dd {margin: 0;padding: 0;list-style:none;}

div.main dl.mainInfo {float: left;width: 418px;height: 254px;padding:30px 40px;border: 1px solid #d1d1d1;}
div.main dl.mainInfo > dt {padding: 20px 0 15px;background: url('../image/mainBg_tit.png') 0 0 no-repeat;color: #2b3f7a;font-weight: bold;font-size: 30px;}
div.main dl.mainInfo li {padding-top: 5px;}

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




/* 프로그램 */
div.program {}
div.program ul.subMenu {margin-bottom: 50px;}
div.program ul.subMenu li {float: right;width: 472px;}
div.program ul.subMenu li:first-child {float: left;}
div.program ul.subMenu a {margin: 0;padding: 16px 20px 15px;}

div.program p.btn {position: relative;margin: 0;}
div.program p.btn a {position: absolute;right: 0;bottom: 7px;padding: 15px 1.5em 14px;border-radius: 25px;}
div.program p.btn i {padding-left: 10px;}

table.session {width: 100%;width:100%; border:0; border-collapse:separate; border-spacing:0;border-top: 2px solid #2b3f7a;}
table.session > * > tr > * {padding: 15px 0;border-bottom: 1px solid #ccc;vertical-align: top;}
table.session img {display: block;margin: 0 auto;}
table.session dl {position: relative;margin:10px 0 0;padding: 0 0 0 70px;}
table.session dl:first-child {margin-top: 0;}
table.session dt {position: absolute;left: 0;top: 0;padding-left: 10px;color: #383838;font-size: 16px;font-family: 'NanumBarunGothicBold', sans-serif;}
table.session dt:before {position: absolute;left: 0;top: 0;content: "·";}

/* 접수안내 */
div.applyInfo {}
div.applyInfo p, div.applyInfo dl, div.applyInfo dt, div.applyInfo dd {margin: 0;padding: 0;}
div.applyInfo li {margin-top: 5px;}
div.applyInfo ul.subMenu li,
div.applyInfo li:first-child {margin-top: 0;}

div.applyInfo td.al {padding-left: 15px;}
div.applyInfo td p {margin-top: 20px;}
div.applyInfo td p:first-child {margin-top: 0;}

ul.registType {overflow: hidden;width: 640px;margin: 100px auto !important;}
ul.registType li {float: right;margin: 0;list-style:none;}
ul.registType li:first-child {float: left;}
ul.registType a {display: block;}


/* 등록 */
div.applyForm p, div.applyForm dl, div.applyForm dt, div.applyForm dd {margin: 0;padding: 0;}


div.applyForm div.formArea {margin-top: 20px;}
div.applyForm table.tblDef td {padding-left: 10px;text-align: left;}

div.applyForm .agreeCon {padding: 0 40px 20px;margin-bottom: 10px;border: 1px solid #ccc;}
div.applyForm .agreeCon dt,
div.applyForm .agreeCon p {padding-top: 20px;}


div.applyCom {width: 760px;margin: 0 auto;}
div.applyCom .bdArea {margin-bottom: 50px;text-align: center;font-size: 20px;}
div.applyCom table.tblDef td {padding: 10px;text-align: left;}
.superscript {}
.superscript a {margin-left: 5px;}


/* 접수 확인 */
div.applySearch {width: 760px;margin: 50px auto 0;}
div.applySearch {}
div.applySearch div.note {margin: 30px auto;border: 5px solid #eee;padding: 30px 0;text-align: center;}



div.applySearch table.inputTbl {width: 600px;margin: 0 auto;}

div.absCon {margin: 50px auto 0;padding: 30px;background-color: #eee;}