@charset "utf-8";
@import url('fontawesome.css');
@import url('NotoSansKR.css');
@import url('Lato.css');
* {-webkit-text-size-adjust: 100%;}

/* 여백 */
.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;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.Lfloat {float:left !important;}
.Rfloat {float:right !important;}
.overHidden {overflow:hidden;}
.clear {clear:both !important;}
.clearleft {clear:left !important;}
.clfix:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 .clfix {zoom:1;}

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.aj {text-align:justify !important;}

/* position */
.posRel {position:relative !important;}
.posAbs {position:absolute !important;}
.posTL {position:absolute !important; top:0; left:0;}
.posTLn {position:absolute !important; top:0; left:26px;}
.posTR {position:absolute !important; top:0; right:0;}
.posBL {position:absolute !important; bottom:0; left:0;}
.posBR {position:absolute !important; bottom:0; right:0;}



/* display */
.none {display:none !important;}
.iBlock {display:inline-block !important; vertical-align:top;}
.ie7 .iBlock {display:inline !important;}
.borderNone {border:none !important;}
.scrollArea {overflow-x:hidden;overflow-y:scroll;}
/* IR 기법 */
.hidden {position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden;}
.ie7 .hidden {position:static; font-size:0; line-height:0;}
/* 한 줄일 때, 말줄임표 */
.ellipsis {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* width 별도 설정 */
/*투명도*/
.opacity0 {opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
/* 세로 가운데 정렬을 위한 빈태그용 */
.blank {display:inline-block; width:0; vertical-align:middle; overflow:hidden; vertical-align:middle;} /* 높이 별도 설정 */

/* table */
table.tblDef, table.tblDef > thead, table.tblDef > tbody, table.tblDef > tfoot, table.tblDef > * > tr, table.tblDef> * > tr > *,
table.program, table.program > thead, table.program > tbody, table.program > tfoot, table.program > * > tr, table.program * > tr > *,
table.inputTbl, table.inputTbl > thead, table.inputTbl > tbody, table.inputTbl > tfoot, table.inputTbl > * > tr, table.inputTbl * > tr > *,
table.innerTbl, table.innerTbl > thead, table.innerTbl > tbody, table.innerTbl > tfoot, table.innerTbl > * > tr, table.innerTbl * > tr > *,
table.calendar, table.calendar > thead, table.calendar > tbody, table.calendar > tfoot, table.calendar > * > tr, table.calendar * > tr > * {margin:0;padding:0;border:0 none;}

table.tblDef,
table.program,
table.inputTbl,
table.innerTbl,
table.calendar {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.tblDef,
.ie7 table.program,
.ie7 table.inputTbl,
.ie7 table.innerTbl,
.ie7 table.calendar {border-collapse:collapse;}
table.tblDef> * > tr > th,
table.program * > tr > th,
table.inputTbl * > tr > th,
table.innerTbl * > tr > th,
table.calendar * > tr > th {font-weight:normal;}
table.tblDef> * > tr > td,
table.program * > tr > td,
table.inputTbl * > tr > td,
table.innerTbl * > tr > td,
table.calendar * > tr > td {word-break:normal;}

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


/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}
.fcWhite {color:#fff !important;}
.fcBlack {color:#000 !important;}
.fcRed {color: #d21244 !important;}
.fcPoint {color: #006fe0 !important;}
.fcBlue {color: #283b8e !important;}
.fcBluea {color: #0000ff !important;}
.ffDotum {font-family:Calibri,'돋움', Dotum, 'Apple Gothic', sans-serif !important;}
.ffGulim {font-family:Calibri,'굴림', '굴림체', Gulim, 'Apple Gothic', sans-serif !important;}

.underline {display: inline-block;vertical-align: top;border-bottom: 1px solid #2052e2;color: #2052e2;text-decoration: none;}
.italic {font-style:italic;}

strong {font-family: 'NotoSansKR Bold', sans-serif;font-weight: normal !important;}

/* cursor */
.cursorDef {cursor:default !important;}
.hand {cursor:pointer !important;}


/* Form Elememts */
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea {border:1px solid #ccc;}
textarea {padding:7px 10px; border:1px solid #cfcfcf; resize:vertical;}
.ie7 select {zoom:1;}

input:focus,
select:focus,
textarea:focus {outline:none;}

/* button 초기화 */
button.style-btn {overflow:visible; padding:0; border:0; cursor:pointer; white-space:nowrap;}
button.style-btn::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner {padding:0; border:0;}	/* FF 버튼 여백 없애기 */


/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:sans-serif;}


/* 공통 레이아웃 */
body {margin: 0;-webkit-text-size-adjust:none;}
.wrapper {position:relative; width:100%;word-break:normal;z-index:0;}

hr {margin: 0;padding: 0;border: 0 none;}

a.conLink {color:inherit;text-decoration:none;}

address {font-style: normal;}

/* skip Navigation */
#skipNavi, #skipNavi * {margin: 0;padding: 0;}
#skipNavi {position:absolute;}
#skipNavi dt {position:absolute; top:-10000px;}
#skipNavi dd a {position:absolute; display:block; width:200px; left:50%; text-align:center; top:-10000px; z-index:999; font-size:16px;}
#skipNavi dd a:hover,
#skipNavi dd a:focus,
#skipNavi dd a:active {position:absolute; top:5px; padding:15px 0; margin-left:-500px; font-weight:bold; color:#fff; text-decoration:underline; background:#336ea2;}


#headerWrap a {display: block;}


.tabCon,
.toggleCon {display:none;}

.agreeCon,
.scrollArea {overflow-x: hidden;overflow-y: auto;}


form, fieldset, legend {margin: 0;padding: 0;border: 0 none;}
legend {font-size: 0;line-height: 0;}

.essen:after {color: #d21244;content: " *";}

span.inputR,
span.inputC {position: relative;overflow: hidden;display: inline-block;width: 18px;height: 18px;vertical-align: top;border: 1px solid #cecece;background-color: #fff;}
span.inputR {border-radius:10px;}

span.inputR.on,
span.inputC.on {background-color: #364297;border-color: #364297;}
span.inputR.on:before,
span.inputC.on:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url('image/checked.png') center center no-repeat;}

span.inputR input,
span.inputC input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;margin: 0;opacity: 0;}

input[type=text],
input[type=password],
select,
textarea {border: 1px solid #ccc;}
input[type=text],
input[type=password] {height: 26px;padding: 5px 10px;}
select {height: 38px;}
textarea {height: 150px;}


table.inputTbl input[type=text],
table.inputTbl input[type=password] {width: 250px;}

table.inputTbl input.inputSmall {width: 70px;}
table.inputTbl input.inputWide {width: 95%;}

table.inputTbl input[type=image] {vertical-align: middle;}

table.inputTbl span.inputR,
table.inputTbl span.inputC {margin-top: 9px !important;}

table.inputTbl td > *:first-child,
table.inputTbl td .clear,
table.inputTbl input[type=radio]:first-child,
table.inputTbl input[type=checkbox]:first-child {margin-left: 0 !important;}

table.inputTbl strong,
table.inputTbl span,
table.inputTbl label {display: inline-block;vertical-align: top;line-height: 38px;}

table.inputTbl a.check {display: inline-block;padding: 0 10px;color: #fff;text-decoration: none;background-color: #333;line-height: 38px;}

table.inputTbl .multi {overflow: hidden;}
table.inputTbl .multi > *,
table.inputTbl td.date *,
table.inputTbl td.phone *,
table.inputTbl td.address > *,
table.inputTbl td.name > *,
table.inputTbl td.birth > *,
table.inputTbl td.email > * {float: left;margin:0 0 0 5px;}

table.inputTbl td.multi span.inputR,
table.inputTbl td.multi span.inputC,
table.inputTbl td.birth span.inputR,
table.inputTbl td.birth span.inputC {margin-left: 30px;}


table.inputTbl .multi > *:first-child,
table.inputTbl .date > *:first-child {margin-left: 0 !important;}


table.inputTbl .multi > span,
table.inputTbl .multi > label,
table.inputTbl td.date span,
table.inputTbl td.date label,
table.inputTbl td.phone span,
table.inputTbl td.phone label,
table.inputTbl td.address > span,
table.inputTbl td.address > label,
table.inputTbl td.birth > span,
table.inputTbl td.birth > label,
table.inputTbl td.email > span,
table.inputTbl td.email > label {line-height:38px;}

table.inputTbl div.multi {overflow:hidden;padding:10px;}

table.inputTbl .multi input[type=radio],
table.inputTbl .multi input[type=checkbox] {margin:13px 5px 0 20px;}
table.inputTbl .multi input[type=image] {margin-top: 10px;}

table.inputTbl .line > * {float:none;}
table.inputTbl .line input[type=radio],
table.inputTbl .line input[type=checkbox] {margin:10px 5px 0 0;}

table.inputTbl dl.overHidden {line-height:35px;}
table.inputTbl dl.overHidden > dt {padding-right:10px;}

table.inputTbl td.date input[type=image] {margin-top: 9px;}

table.inputTbl td.phone select,
table.inputTbl td.phone input:first-child {width:100px;}
table.inputTbl td.phone input {width: 90px;}
table.inputTbl td.phone a {display: inline-block;line-height: 38px;padding: 0 20px;text-decoration: none;color: #fff;background-color: #8d7a6e;}

table.inputTbl td.address input[type=text] {width: 330px;margin-top: 5px;}
table.inputTbl td.address input[type=text]:first-child {width: 70px;margin-top: 0;}
table.inputTbl td.address input[type=text].clear {width: 441px;margin-left: 0;}

table.inputTbl td.address a {display: inline-block;line-height: 38px;padding: 0 20px;text-decoration: none;color: #fff;background-color: #8d7a6e;}

table.inputTbl td.name input[type=text] {width:120px;}

table.inputTbl td.email input[type=text],
table.inputTbl td.email select {width:180px;}
table.inputTbl td.email input[type=text]:first-child {width:250px;}

table.inputTbl td.email span {margin-left: 5px;}
table.inputTbl td.email a {display: inline-block;line-height: 38px;padding: 0 20px;text-decoration: none;color: #fff;background-color: #8d7a6e;}

table.inputTbl td.photo > p,
table.inputTbl td.photo > div {display: inline-block;}
table.inputTbl td.photo > p {width: 90px;height: 90px;border: 1px solid #dfdfdf;vertical-align: top;background-color: #f8f8f8;}
table.inputTbl td.photo > p img {width: 100%;height: 100%;}
table.inputTbl td.photo > div {padding-left: 10px;vertical-align: bottom;}

table.inputTbl td.photo div input[type=checkbox] {margin-top: 0;}
table.inputTbl td.photo div label {padding-left: 5px;}

table.inputTbl td.birth {}

table.inputTbl td.birth select {width:50px;}
table.inputTbl td.birth select:first-child,
table.inputTbl td.birth input[type=text] {width:70px;}

table.inputTbl span.fwBold {display:inline-block;padding:5px 10px 0 0;line-height:1.2;}

table.inputTbl .editArea {padding:0 !important;}


table.inputTbl td.author > * {float: left;margin:0 0 0 5px;}
table.inputTbl td.author select {width:80px;}

input.inputWide {width:90%;}


table.inputTbl.ac input[type=radio],
table.inputTbl.ac input[type=checkbox] {margin: 13px 5px 0 0;}



ul.option {margin: 0;padding: 0;}
ul.option > li {position: relative;margin: 10px 0 0;padding: 0 0 0 20px;list-style:none;}
ul.option > li:first-child {margin-top: 0;}
ul.option > li > input:first-chid {position: absolute;left: 0;top: 8px;margin: 0;}

dl.option, dl.option dt, dl.option dd, dl.option ul, dl.option li {margin: 0;padding: 0;list-style:none;}
dl.option {}
dl.option li input[type=radio],
dl.option li input[type=checkbox] {display: inline-block;vertical-align: top;margin: 13px 10px 0 0;}

div.selectFile, div.selectFile p {margin: 0;}
div.selectFile {position: relative;padding-right: 75px;}
div.selectFile span {display: block;}
div.selectFile input[type=text] {width: calc(100% - 22px) !important;}
div.selectFile .find {position: absolute;right: 0;top: 0;width:66px;height:38px;background-color:#8d7a6e;background-image: none;font-size: 0;line-height: 0;}
div.selectFile .find:after {z-index:0;position:absolute;left:50%;top:50%;color:#fff;font-size:20px;line-height: 20px;padding: 0;margin:-.5em 0 0 -.5em;font-family: "Font Awesome 5 Brands";content: "\f3ee";font-weight: 900;}
div.selectFile .opacity0 {width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}

div.selectFile .attach {display:none;overflow: hidden;clear: both;margin: 5px 0 0;}
div.selectFile .attach > * {float: left;}
div.selectFile .attach input {margin: 5px 5px 0 0;}

div.agreeCon {margin: 35px 0 0;padding: 20px 30px;border: 1px solid #ccc;background-color: #f9f9f9;font-family: 'NotoSansKR DemiLight', sans-serif}
div.agreeCon p {margin:20px 0 0;}
div.agreeCon p:first-child {margin-top: 0;}
div.agree {margin-top: 15px;}
div.agree label {display: inline-block;margin-left: 10px;vertical-align: top;line-height: 20px;}

table.inputTbl .editArea {padding:0;}
.editArea .cke span {display:inline;vertical-align:middle;line-height:initial;}
.editArea .cke_chrome {border:0 none;box-shadow:none;}

.cke .cke_voice_label,
.cke_button_label {display:none !important;}
.cke_toolbox:after {clear:both;display:block;font-size:0;line-height:0;height:0;content:".";}
.cke_top, .cke_contents, .cke_bottom {display:block !important;}



/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff; font-family:'Calibri', '돋움', Dotum, 'Apple Gothic', sans-serif; word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#b2b2b2;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}
@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold;color:#fff;}



#wingBnr {z-index: 50;position: absolute;left: 50%;top: 50px;margin-left: 620px;}
#wingBnr a {display: block;}

#wingBnr li {margin-top: 5px;}
#wingBnr li:first-child {margin-top: 0;}
#wingBnr li.goTop {margin-top: 50px;}
#wingBnr li.goTop a {width: 50px;margin: 0 auto;}



/* 레이어 팝업 */
div.layerPopup {display: none;z-index: 500;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
div.layerPopup.dimNone {background: none !important;}
div.layerPopup, div.layerPopup dl, div.layerPopup dt, div.layerPopup dd, div.layerPopup ul, div.layerPopup li, div.layerPopup p {margin: 0;padding: 0;list-style:none;}

div.layerPopup > div.popupWrap {position: absolute;left: 50%;top: 50%;}
div.layerPopup > div.popupWrap h1 {border-radius:10px 10px 0 0;}
div.layerPopup > div.popupWrap div.popupCon {border: 3px solid #201572;border-top: 0 none;border-radius:0 0 10px 10px;background-color: #fff;}

div.popupWrap a {text-decoration: none;}

div.popupWrap {position: relative;margin: 0;padding: 0;font-family: 'NotoSansKR Regular', sans-serif;border: 5px solid #4b5e8d;color: #222;font-size: 14px;line-height: 1.5;}
div.popupWrap h1 {margin: 0;padding: 13px 60px 17px 20px;background-color: #201572;color: #fff;font-size: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
div.popupWrap div.popupCon {padding: 25px;background-color: #fff;}
div.popupCon p {margin: 0;}

div.popupWrap .close {position: absolute;right: 0;top: 0;width: 60px;}
div.popupWrap .close a {display: block;height: 22px;padding: 19px 0;}
div.popupWrap .close img {display: block;margin: 0 auto;}

div#popupCode {overflow-x: hidden;overflow-y: scroll;width: 550px;height: 600px;}
div#popupCode div.popupCon > p:first-child {font-size: 17px;color: #222;font-family: 'NotoSansKR Medium', sans-serif;}
div#popupCode div.note {margin: 10px 0;padding: 15px;font-size: 14px;text-align: center;}
div#popupCode th,
div#popupCode td {padding: 5px;text-align: center;font-size: 14px;}
div#popupCode th,
div#popupCode td {border-left: 1px solid #ccc;}
div#popupCode th:first-child,
div#popupCode td:first-child {border-left: 0 none;}
div#popupCode td a {color: inherit;text-decoration: none;}

/* ========================================================================================================== */
/* ========================================================================================================== */

.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:40px;padding:0 10px;font-size:15px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}

.btn a {height:auto;line-height:19px;padding:9px 10px 10px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;vertical-align: top;}
.btn .btnIcon i {padding-right: 0;}

/* 카키색 */			.btnDef {background-color:#4d5c54 !important;border-color:#4d5c54 !important;color:#fff !important;}
/* 민트색 */		.btnPoint {background-color:#0e9c9c !important;border-color:#0e9c9c !important;color:#fff !important;}
/* 회색 */			.btnGrey {background-color:#aaaac1 !important;border-color:#aaaac1 !important;color:#fff !important;}
/* 갈색 */			.btnBrown {background-color:#998676 !important;border-color:#998676 !important;color:#fff !important;}



/* border+ 남색 */			.btnBdDef {background-color:#fff !important;border-color:#1e4a75 !important;color:#1e4a75 !important;}
/* border+ 민트색 */			.btnBdPoint {background-color:#fff !important;border-color:#0e9c9c !important;color:#0e9c9c !important;}
/* border+ 회색 */			.btnBdGrey {background-color:#fff;border-color:#acacac;color:#acacac;}
/* border+ 갈색 */			.btnBdBrown {background-color:#fff !important;border-color:#755f4c !important;color:#755f4c !important;}

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

.btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;vertical-align:top;}
.btn a.btnSmall {height:auto;padding: 4px 16px 6px;line-height: 14px;}

.btn .btnBig {min-width:150px;font-size: 17px;height: 52px;padding:0 20px 2px;box-sizing:border-box;font-family: 'NotoSansKR Medium', sans-serif;}
.btn a.btnBig {padding: 15px 40px 17px;}

table.inputTbl .btnSmall {height:30px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:5px 10px 6px;}

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}

.btn a img {position: relative;vertical-align: top;}

.btnArea {padding: 50px 0 0;text-align: center;}
.btnArea * {margin-left: 12px;}
.btnArea *:first-child {margin-left: 0;}

body {background-color: #fff;}
div.wrapper {position: relative;width: 100%;min-width:1200px;margin: 0;padding:0;font-size: 15px;line-height: 24px;font-family: 'NotoSansKR Regular', sans-serif;}

div#headerWrap {position: absolute;left: 0;top: 0;width: 100%;height: 100px;border-bottom: 1px solid rgba(255,255,255,.3);background-color: #fff;}
div.header {position: relative;width: 910px;height: 100px;padding-left: 290px;margin: 0 auto;}
div.header h1 {position: absolute;left: 0;top: 25px;margin: 0;padding: 0;}
div.header h1 a, div.header h1 img {display: block;}


ul#gnb, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {position: absolute;right: 0;top: 40px;height: 60px;}
ul#gnb li {display: inline-block;padding-left: 44px;vertical-align: top;}
ul#gnb li:first-child {padding-left: 0;}
ul#gnb a {display: block;color: #222;font-size: 20px;line-height: 60px;font-family: 'NotoSansKR Medium', sans-serif;}
ul#gnb a:hover {color: #1a8bd9;}

ul.headerUtil, ul.headerUtil li, ul.headerUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.headerUtil {position: absolute;right: 0;top: 10px;}
ul.headerUtil li {float: left;position: relative;padding-left: 34px;}
ul.headerUtil li:before {position: absolute;left: 16px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #666666;}
ul.headerUtil li:first-child {padding-left: 0;}
ul.headerUtil li:first-child:before {display: none;}
ul.headerUtil a {color: #222;font-size: 12px;font-family: 'Lato-Regular', 'NotoSansKR Light', sans-serif;}

div#footerWrap address, div#footerWrap ul, div#footerWrap li, div#footerWrap p, div#footerWrap a {margin: 0;padding: 0;list-style:none;}
div#footerWrap {padding: 30px 0;background-color: #303439;}
div#footerWrap > div {position: relative;width: 1200px;margin: 0 auto;color: rgba(255,255,255,.5);font-family: 'NotoSansKR Regular', sans-serif;font-size: 14px;line-height: 20px;box-sizing: border-box;}
div#footerWrap > div:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }

div#footerWrap dl, div#footerWrap dt, div#footerWrap dd {padding: 0;margin: 0;}
div#footerWrap dl {float: left;width: 600px;}
div#footerWrap dl dt {padding-bottom: 10px;font-weight: bold;}
div#footerWrap ul {overflow: hidden;}
/* div#footerWrap li {position: relative;float: left;padding-left: 5px;}
div#footerWrap li:before {position: absolute;left: 15px;top: 50px;width: 1px;height: 14px;margin-top: -7px;content: "";background-color: rgba(255,255,255,.5);content: "";}
div#footerWrap li:first-child {padding-left: 0;}
div#footerWrap li:first-child:before {display: none;} */

div#footerWrap p.clear {padding-top: 20px;text-align: center;}

div#goTop {position: absolute;right: 0;top: 50%;height: 50px;margin-top: -25px;}
div#goTop a, div#goTop img {display: block;}


div.footerBnr ul, div.footerBnr li, div.footerBnr a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.footerBnr {position: relative;margin-top: 30px !important;}
div.footerBnr > ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;}
div.footerBnr ul a {display: table-cell;width: 500px;height: 53px;border: 1px solid #595b5e;text-align: center;vertical-align: middle;}

div.footerBnr a.bx-prev,
div.footerBnr a.bx-next {position: absolute;top: 0;width: 20px;height: 100%;font-size: 0;line-height: 0;}
div.footerBnr a.bx-prev {left: 0;background: url('image/sponsor/footer_prev.png') left center no-repeat;}
div.footerBnr a.bx-next {right: 0;background: url('image/sponsor/footer_next.png') right center no-repeat;}


div#container {padding: 390px 0 100px;background: url('image/topVisual.png') center top no-repeat;}


.pageTit {position: relative;width: 1165px;padding: 0 0 20px 35px;margin: 0 auto;font-weight: normal;background: url('image/pageTit.png') 0 10px no-repeat;color: #151f3c;font-size: 28px;line-height: 36px;font-family: 'Lato-Regular', 'NotoSansKR Medium', sans-serif;}

div.contents {width: 1200px;margin: 0 auto;padding: 0;}

.ing {padding: 100px 0;}
.ing img {display: block;margin: 0 auto;}

.subTit {margin: 50px 0 10px;font-weight: normal;padding-left: 20px;color: #122d6b;font-size: 20px;line-height: 26px;font-family: 'NotoSansKR Medium', sans-serif;background: url('image/subTit.png') 0 4px no-repeat;}
.subTit span {font-family: 'NotoSansKR DemiLight', sans-serif;}

.pointTit {margin: 30px 0 10px !important;color: #000;font-size: 18px;font-family: 'NotoSansKR Medium', sans-serif;}


.subTit:first-child,
.titBg:first-child,
.pointTit:first-child,
legend + .subTit {margin-top: 0 !important;}


ul.txtIn1, ul.txtIn1 > li,
ul.noBullet, ul.noBullet > li,
ul.listDot, ul.listDot > li,
ul.listBar, ul.listBar > li,
ul.listStar, ul.listStar > li,
ul.listNum, ul.listNum > li,
ul.listNumType2, ul.listNumType2 > li {margin: 0;padding: 0;list-style:none;}

ul.txtIn1 > li {padding-left: 15px !important;text-indent: -15px;}
ul.txtIn1 > li * {text-indent: 0;}
ul.listDot > li,
ul.listBar > li,
ul.listStar > li {position: relative;padding-left: 15px !important;}
ul.listDot > li:before,
ul.listBar > li:before,
ul.listStar > li:before  {position: absolute;left: 0;top: 0;}
ul.listDot > li:before {content: "•";}
ul.listBar > li:before {content: "-";}
ul.listStar > li:before {content: "*";}

ul.listNum > li {margin-left: 1.2em;list-style-position:inside;list-style:decimal;}



table.tblDef,
table.inputTbl {border-top: 2px solid #c03b72;border-bottom:1px solid #ccc;}


table.tblDef > * > tr > *,
table.inputTbl > * > tr > * {padding: 10px;text-align: left;border-top: 1px solid #ccc;color: #222;font-family: 'NotoSansKR Regular', sans-serif;font-weight: normal;font-size: 15px;}
table.inputTbl > thead > tr > th + th,
table.inputTbl > * > tr > td + td {border-left: 1px solid #ccc;}
table.inputTbl > thead > tr > * {border-bottom: 1px solid #ccc;}

table.tblDef > * > tr:first-child > *, 
table.inputTbl > * > tr:first-child > * {border-top: 0 none;}
table.tblDef > thead > tr > th, table.tblDef > * > tr > td.bg,
table.inputTbl > * > tr > th, table.inputTbl > * > tr > td.bg {font-family: 'NotoSansKR Medium', sans-serif;background-color: #f7e8ee;}

table.tblDef > tbody > tr > th {background-color: #fcfbfb;}
form table.tblDef > tbody > tr > th {background-color: #e0e3eb;}


table.tblDef > thead + tbody > tr:first-child > * {border-top: 1px solid #ccc;}
table.tblDef > * > tr > * {border-left: 1px solid #ccc;}
table.tblDef > * > tr > *:first-child {border-left: 0 none;} 

table.inputTbl a.add,
table.inputTbl td.util a,
table.inputTbl td.character a {display: inline-block;vertical-align: top;padding: 5px 10px;text-decoration: none;color: #fff;background-color: #455987;}
table.inputTbl > * > tr > th > span {line-height: 34px;}
table.inputTbl a.add,
table.inputTbl td.character a {margin-left: 5px;}

table.ac > * > tr > * {text-align: center !important;}
table.ac .al {text-align: left !important;}

table.innerTbl {}
table.innerTbl > * > tr > * {padding: 5px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}
table.innerTbl > * > tr > *:first-child {border-left: 0 none;}
table.innerTbl > thead + tbody > tr:first-child > * {border-top: 1px solid #ccc;}

table.innerTbl > * > tr > th,
table.innerTbl > * > tr > .bg {padding: 10px 10px 10px 25px;font-family: 'NotoSansKR Regular', sans-serif;background-color: #f5f5f5;text-align: center;}
table.innerTbl > tbody > tr > th {padding: 10px;}
table.innerTbl th label {line-height: 1.2 !important;}

table.innerTbl td.util {text-align: center;}

/* 서브메뉴관련 css */

.col2ea li {width: 50%;}
.col3ea li {width: 33.33%;}
.col5ea li {width: 20%;}
.col7ea li {width: 14.286%;}
.col9ea li {width: 11.11%;}


ul.subMenu,
ul.subMenu2,
ul.tabMenu {clear: both;margin: 0;padding: 0;text-align: center;font-size: 0;line-height: 0;}
ul.subMenu:after,
ul.subMenu2:after,
ul.tabMenu:after {clear: both;display: block;height: 0;font-size: 0;line-height: 0;content: "";}


ul.tabMenu li {display: inline-block;width: 220px;vertical-align: top;}

ul.tabMenu li a {display: table-cell;width: 219px;height: 48px;vertical-align: middle;text-align: center;border: 1px solid #b1c0d8;border-left: 0 none;color: #405481;font-size: 17px;line-height: 24px;font-family: 'NotoSansKR DemiLight', sans-serif;text-decoration: none;}
ul.tabMenu li:first-child a {width: 218px;border-left: 1px solid #b1c0d8;}

ul.tabMenu li.on a {border-color: #283b8e;background-color: #283b8e;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;}
 

ul.conMenu, ul.conMenu li, ul.conMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.conMenu {text-align: center;font-size: 0;line-height: 0;}
ul.conMenu li {display: inline-block;width: 220px;vertical-align: top;}
ul.conMenu a {display: table-cell;width: 219px;height: 48px;vertical-align: middle;text-align: center;border: 1px solid #d8d8d8;border-left: 0 none;color: #787878;font-size: 17px;line-height: 24px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.conMenu li:first-child a {width: 218px;border-left: 1px solid #d8d8d8;}
ul.conMenu .on a {border-color: #0e9c9c;background-color: #0e9c9c;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;}

ul.subMenu > li,
ul.subMenu2 > li {float: left;margin: 0;list-style:none;}
ul.subMenu > li a,
ul.subMenu2 > li a {display: block;padding: 13px 20px 16px;border: 1px solid #5eb4e3; border-left: 0 none; background-color:#eff7fc; text-align:center;font-size: 17px;line-height: 24px;font-family: 'NotoSansKR DemiLight', sans-serif;text-decoration:none; color:#5eb4e3;}
ul.subMenu > li:first-child a {border-left: 1px solid #5eb4e3;}
ul.subMenu > li.on a {background:#5eb4e3;border-color:#5eb4e3;color: #fff;}


ul.subMenu2 > li a {border: 1px solid #b73569; border-left: 0 none; background-color:#f8eaf0;color:#b73569;}
ul.subMenu2 > li:first-child a {border-left: 1px solid #b73569;}
ul.subMenu2 > li.on a {background:#b73569;border-color:#b73569;color: #fff;}



/* 메인 */
div.mainWrap div#headerWrap {;}
div.mainWrap .pageTit {display: none;}

div.mainWrap ul#gnb a,
div.mainWrap ul.headerUtil a {color: #222;}

div.mainWrap ul.headerUtil {}

div#container.main {padding: 100px 0 0;background: none;}

div.mainBnr, div.mainBnr ul, div.mainBnr li, div.mainBnr a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.mainBnr {position: relative;height: 750px;background-position: center top;background-repeat: no-repeat;font-size: 0;line-height: 0;}
div.mainBnr ul, div.mainBnr li {height: 750px;}
div.mainBnr li {background-position: center top;background-repeat: no-repeat;}
div.mainBnr li > span {visibility: hidden;font-size: 0;line-height: 0;}

div.mainBnr div.bx-pager {z-index: 100;position: absolute;left: 0;top: 60px;width: 100%;height: 15px;font-size: 0;line-height: 0;text-align: center;}
div.mainBnr div.bx-pager > div {display: inline-block;vertical-align: top;margin-left: 12px;}
div.mainBnr div.bx-pager > div:first-child {margin-left: 0;}
div.mainBnr div.bx-pager a {display: block;width: 15px;height: 15px;border-radius:8px;background-color: #fff;}
div.mainBnr div.bx-pager a.active {width: 40px;background-color: #fd8f3a;}

ul.mainMenu, ul.mainMenu li, ul.mainMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.mainMenu {z-index: 100;position: relative;width: 1200px;margin: -105px auto 0;background-color: #fff;box-shadow:0 0 20px rgba(0,0,0,.2);}
ul.mainMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.mainMenu > li {position: relative;float: left;width: 25%;height: 210px;}
ul.mainMenu > li:before {position: absolute;left: 0;top: 50%; transform: translateY(-50%); width: 1px;height: 98px;content: "";background-color: #ccc;}
ul.mainMenu > li:first-child:before {display: none;}
ul.mainMenu a {/* position: relative; */display: table-cell;width: 300px;height: 100px;padding-top: 110px;vertical-align: middle;text-align: center;color: #222;font-size: 20px;font-family: 'NotoSansKR Medium', sans-serif;background-position: center 57px;background-repeat: no-repeat;}
ul.mainMenu img {position: relative;display: block;margin: 0 auto 10px;}
ul.mainMenu a:hover,
ul.mainMenu a:focus {color: #fff; background-color: #de357a;}
ul.mainMenu a:hover:before,
ul.mainMenu a:focus:before {z-index: 50;position: absolute; top: 57px; left: 0;display: block;width: 100%;height: 63px; content: ''; background-repeat: no-repeat; background-position: center top;}

ul.mainMenu li:nth-child(1) a {background-image: url('image/mainMenu_01.png');}
ul.mainMenu li:nth-child(2) a {background-image: url('image/mainMenu_02.png');}
ul.mainMenu li:nth-child(3) a {background-image: url('image/mainMenu_03.png');}
ul.mainMenu li:nth-child(4) a {background-image: url('image/mainMenu_04.png');}


ul.mainMenu li:nth-child(1) a:hover,
ul.mainMenu li:nth-child(1) a:focus {background-image: url('image/mainMenu_01_on.png');}
ul.mainMenu li:nth-child(2) a:hover,
ul.mainMenu li:nth-child(2) a:focus {background-image: url('image/mainMenu_02_on.png');}
ul.mainMenu li:nth-child(3) a:hover,
ul.mainMenu li:nth-child(3) a:focus {background-image: url('image/mainMenu_03_on.png');}
ul.mainMenu li:nth-child(4) a:hover,
ul.mainMenu li:nth-child(4) a:focus {background-image: url('image/mainMenu_04_on.png');}


ul.mainPhoto, ul.mainPhoto li {margin: 0;padding: 0;list-style:none;}
ul.mainPhoto {margin-top: -105px;padding: 165px 0 115px;text-align: center;font-size: 0;line-height: 0;background-color: #f3f3f3;}
ul.mainPhoto li {display: inline-block;vertical-align: top;padding-left: 20px;color: #1c2b76;font-family: 'NotoSansKR Medium', sans-serif;font-size: 17px;line-height: 24px;}
ul.mainPhoto li:first-child {padding-left: 0;}
ul.mainPhoto img,
ul.mainPhoto span {display: block;margin: 0 auto;}
ul.mainPhoto span {padding: 20px 0 5px;color: #222;font-size: 22px;font-family: 'NotoSansKR Bold', sans-serif;}

div.mainCon dl, div.mainCon dt, div.mainCon dd, div.mainCon ul, div.mainCon li, div.mainCon a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.mainCon {width: 1200px;margin: 40px auto 90px;}
div.mainCon:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.mainPhoto + div.mainCon {margin-top: -60px;}

div.dDay {float: left;width: 260px;height: 210px;padding-top: 60px;background: url('image/dDay_bg.png') 0 0 repeat-x;color: #fff;text-align: center;font-size: 50px;line-height: 60px;font-family: sans-serif;box-sizing:border-box;}
div.dDay:after {display: block;padding-top: 5px;text-align: center;content: attr(data-day);font-size: 18px;line-height: 20px;font-family: sans-serif;}

div.mainCon > dl {float: left;width: 616px;height: 210px;padding: 40px 35px 0;border: 1px solid #d9dce7;background: #fff url('image/date_bg.png') right bottom no-repeat;box-sizing:border-box;}
div.mainCon dt {padding-bottom: 20px;color: #151f3c;font-size: 22px;line-height: 26px;font-family: sans-serif;}
div.mainCon dd li {color: #494c52;font-size: 17px;}
div.mainCon dd span {color: #1c2b76;font-family: 'NotoSansKR Regular', sans-serif;}

div.mainCon > ul {float: right;width: 300px;}
div.mainCon > ul li {background-color: #606998;}
div.mainCon > ul li:first-child {background-color: #1c2b76;}
div.mainCon > ul a {position: relative;display: table-cell;width: 260px;height: 105px;padding-left: 40px;vertical-align: middle;color: #fff;font-size: 17px;line-height: 26px;font-family: sans-serif;}
div.mainCon > ul a img {position: absolute;right: 25px;top: 50%;margin-top: -15px;}
div.mainCon > ul a.new:after {display: inline-block;width: 21px;height: 26px;margin-left: 10px;vertical-align: top;content: "새글";font-size: 0;line-height: 0;background: url('image/bl_new.png') center center no-repeat;}

.sponsor, .sponsor dl, .sponsor dt, .sponsor dd, .sponsor ul, .sponsor li, .sponsor a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
.sponsor {position: relative;border-top: 1px solid #f0ede8;}

dl.sponsor {padding: 20px 0;}
dl.sponsor > dt {position: absolute;left: 50%;top: 20px;margin-left: -600px;color: #494c52;font-size: 18px;line-height: 50px;font-family: sans-serif;}
dl.sponsor > dd {position: relative;width: 1076px;height: 50px;padding-left: 124px;margin: 0 auto;}
dl.sponsor > dd > ul {height: 50px;}
dl.sponsor > dd > ul li {float: left;padding-left: 14px;}
dl.sponsor > dd > ul li:first-child {padding-left: 0;}
dl.sponsor > dd a, dl.sponsor > dd img {display: block;}

.sponsor a.bx-prev,
.sponsor a.bx-next {position: absolute;top: 0;width: 16px;height: 50px;background-position: center center;background-repeat: no-repeat;font-size: 0;line-height: 0;}
.sponsor a.bx-prev {background-image: url('image/bnr_prev.png');}
.sponsor a.bx-next {background-image: url('image/bnr_next.png');}

dl.sponsor a.bx-prev {left: 124px;}
dl.sponsor a.bx-next {right: 0;}

div.sponsor a.bx-prev {left: 28px;}
div.sponsor a.bx-next {right: 28px;}


div.sponsor {}
div.sponsor dl {width: 1200px;height: 50px;margin: 17px auto;}
div.sponsor dt, 
div.sponsor dd,
div.sponsor dd > ul li {float: left;}
div.sponsor dd > ul li {margin-left: 15px;}
div.sponsor dd > ul li:first-child {margin-left: 0;}
div.sponsor dt {width: 115px;}
div.sponsor dt img {padding-top: 7px;}
div.sponsor dd {position: relative;overflow: hidden;width: 365px;height: 50px;padding:0 60px;}


div.sponsor dd a,
div.sponsor dd img {display: block;}

/* 모시는 글 */
div.message {}
div.message:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.message p {margin: 20px 0 0;text-align: justify;}
div.message p:first-child {margin-top: 0;}

ul.sign {width: 640px;margin: 70px auto 0;padding: 0;}
/* //기존 소스(주석:22.02.04)
ul.sign > li {position: relative;padding-left: 150px;height: 160px;float: right;list-style:none;color: #222;font-size: 15px;font-weight: bold;}*/
ul.sign > li {position: relative;padding-top:110px;float:left;padding-left: 150px;width:310px;height: 160px;margin-left:20px;box-sizing:border-box;list-style:none;color: #222;font-size: 15px;font-weight: bold;}
/*ul.sign > li:first-child {float: left;}*/
ul.sign img:first-child {position: absolute;left: 0;top: 0;margin: 0;padding: 0;}
ul.sign img {display: block;padding: 54px 0 15px;}




/* 프로그램 
div.program {background: url('image/grBg_02.png') center top repeat-y;}
*/

/* 프로그램 2023-10-25 */
table.program a.viewBtn {position:absolute;right:30px;top:50%;transform:translateY(-50%);padding:5px 40px 5px 15px; background:#fff; font-size:14px; color:#222; text-decoration:none;}
table.program a.viewBtn::after {content:"▼";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size: .8em;}
table.program .view a.viewBtn::after {content:"▲";}
table.program tr.viewCon {display: none;}	
table.program tr.viewCon > td {padding: 20px;text-align: left;background-color: #ecf7f7;}
table.program tr.view + tr.viewCon {display: table-row;}

/* 프로그램 qna 버튼 위치관련 스타일 */
span.qna {display: inline-block;vertical-align: top;margin-left: 10px;}
span.qna a{display:block;}

table.program {border-top: 2px solid #c03b72;}
table.program > * > tr > * {padding:5px 10px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc; text-align: center;font-size: 17px;}
table.program > * > tr > *:first-child {border-left: 0 none;}
table.program > thead > tr > th {padding: 10px;border-bottom-color: #c03b72;border-left-color:#c03b72;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;background-color: #c03b72;}
table.program > * > tr > td {position: relative;height: 49px;background-color: #fff;color: #222;font-family: 'Lato-Regular', 'NotoSansKR Regular', sans-serif;}
table.program > * > tr > td.prg_tit{background-color:#ecf7f7;color:#3f7c8f;font-family: 'NotoSansKR Medium', sans-serif;}

table.program > * > tr > td.con {text-align: justify;color: #4f6fa7;}
table.program > * > tr > td.con > p {margin: 10px 0 0;}
table.program > * > tr > td.con > p:first-child {margin-top: 0;}

.btnAsk {display: inline-block;text-decoration:none;cursor:pointer;height:auto;font-size: 13px;height: 14px;vertical-align:top;padding: 5px 16px;line-height: 14px;color: #fff !important;background-color: #dd105d;}
table.program .btnAsk {position: absolute;right: 0;bottom: 0;}

div.programDetail {}
div.programDetail ul.conMenu {margin-bottom: 50px;}
div.programDetail ul.subMenu + ul {margin: 30px 0;}

ul.conMenu + .subTit {margin:30px 0 10px;}
ul.conMenu + p.btn {float:right; margin:10px 0 0;}
p.btn + h3 {clear:both;}
ul.conMenu + p.btn a {padding:10px 40px 10px 15px; font-size:15px; background:#b73569 url('image/btn_down.png') no-repeat right center; color:#fff;}


div.detail {}
div.detail .toggleMenu {}
div.detail .toggleMenu dt {position:relative; padding:25px 30px; background:#efa735; color:#fff; box-sizing:border-box; font-size:15px;}
div.detail .toggleMenu dt b {font-size:18px;}
div.detail .toggleMenu dt a.trigger {position:absolute; top:32px; right:30px; padding:5px 40px 5px 15px; background:#fff; font-size:14px; color:#222; text-decoration:none;}
div.detail .toggleMenu dt a.trigger::after {content:""; position:absolute; width:39px; height:5px; top:14px; right:0px; background:url('image/toggle_bl.png') no-repeat right center; transform: rotate(180deg);}
div.detail .toggleMenu dt.view a.trigger::after {transform: rotate(0deg);}
div.detail .toggleMenu dd.toggleCon {margin:0;}
div.detail .toggleMenu dd.toggleCon div.bgTxt {margin:0; padding:30px; background:#fdf6ea;}
table.tblDef.toggle {border-top:1px solid #d5d5d5; border-right:none; border-bottom:1px solid #122d6b;}
table.tblDef.toggle > * tr > * {padding:20px 25px; border-left:1px solid #d5d5d5;}
table.tblDef.toggle > * tr > *:first-child {border-left: none;}
table.tblDef.toggle > * tr td {text-align:center;}
table.tblDef.toggle > * tr td:nth-child(3) {text-align: left;}
table.tblDef.toggle > * tr td strong {color:#122d6b;}


div.glance .subTit {margin-top: 50px !important;}





/* 숙박 안내 */
div.hotel {}
ul.conMenu + div.hotel {margin-top: 50px;}
div.hotel:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.hotel div.info {padding: 30px 30px 30px 170px; border:1px solid #b73569; background: #f8eaf0 url('image/hotel_icon.png') no-repeat left center; font-family: 'NotoSansKR Regular', sans-serif;}
div.hotel div.info ul.infoList {margin:0; padding:0;}
div.hotel div.info ul.infoList li {position:relative; padding-left: 85px; list-style:none;}
div.hotel div.info ul.infoList li span.tit {position:absolute; top:0; left:0;}

h3.subTit {position:relative;}
h3.subTit p {margin:0; padding:0; min-height:36px;}
h3.subTit p.btn {position:absolute; top:0; right:0;}
h3.subTit p.btn a {padding:10px 40px 10px 15px; font-size:15px; background:#b73569 url('image/btn_down.png') no-repeat right center; color:#fff;}

div.hotel dl.hotelCon {position:relative; margin:20px 0 0; padding:0;}
div.hotel dl.hotelCon dt {position:absolute; top:0; left:0;}
div.hotel dl.hotelCon dd {margin:0; padding-left:330px; min-height:360px; font-family: 'NotoSansKR Regular', sans-serif;}
div.hotel dl.hotelCon dd ul.listBar {padding:25px 20px; background:#fdf6ea;}
div.hotel dl.hotelCon dd ul.listBar li a {text-decoration:none; color:#222;}
div.hotel dl.hotelCon dd p {margin:15px 0 0; padding:0;}
table.tblDef.hotel {margin-top:15px; border-top: 2px solid #122d6b; border-bottom:1px solid #122d6b; border-right: none;}
table.tblDef.hotel > * > tr > * {text-align:center; border-left:1px solid #d5d5d5;}
table.tblDef.hotel > * > tr > td:first-child {text-align: left;}
table.tblDef.hotel > * > tr > *:first-child {border-left: 0 none;}
table.tblDef.hotel > * > tr > th {background:#f5f5f5; color:#222;}
.bdL {border-left:1px solid #d5d5d5 !important;}

div.hotel div.mapArea {margin:20px 0 0; background:#eff7fc;}
div.hotel div.mapArea p.img {margin:0;}
div.hotel div.mapArea dl.mapList {width:730px; overflow:hidden; margin:0 auto; padding:30px 0;}
div.hotel div.mapArea dl.mapList img {vertical-align:middle;}
div.hotel div.mapArea dl.mapList span {display:inline-block; margin:0 0 5px 10px;}
div.hotel div.mapArea dl.mapList dt {float:left; padding:40px 0;}
div.hotel div.mapArea dl.mapList dd {float:left; margin-left:80px;}
div.hotel div.mapArea dl.mapList dd ul {margin:0; padding:0;}
div.hotel div.mapArea dl.mapList dd ul li {list-style:none; margin-top:10px;}
div.hotel div.mapArea dl.mapList dd ul li:first-child {margin-top: 0;}

dl.hotel, dl.hotel dt, dl.hotel dd {margin: 0;padding: 0;}
dl.hotel {position: relative;float: right;width: 590px;height: 232px;margin-bottom: 40px;padding: 35px 40px 35px 240px;border: 1px solid #ccc;box-sizing:border-box;}
dl.hotel:nth-child(odd) {clear: both;float: left;}
dl.hotel img {position: absolute;left: 0;top: 0;width: 214px;height: 230px;}
dl.hotel dt {color: #283b8e;font-size: 18px;font-family: 'NotoSansKR Medium', sans-serif}
dl.hotel dd {padding:10px 0 0 10px;color: #222;}

/* 초록접수 */
dl.deadline, dl.deadline dt, dl.deadline dd {margin: 0;padding: 0;}
dl.deadline {position:relative;margin: 50px 0;padding: 30px 30px 30px 420px;border: 1px solid #b73569;font-size: 0;line-height: 0;background-color: #f8eaf0;overflow:hidden;text-align:center;}
dl.deadline dt, dl.deadline dd {/* display:inline-block;vertical-align: top; */line-height:1.5;text-align:left;}
dl.deadline img {position:absolute;top:50%;left:340px;margin-top: -37px;}
dl.deadline dt {float: left;font-size: 18px;color: #222;font-family: 'NotoSansKR Regular', sans-serif;}
dl.deadline dt span{vertical-align: top;display:inline-block;}
dl.deadline dd{font-size: 18px;color: #222;font-family: 'NotoSansKR Regular', sans-serif; text-align:left;}
dl.deadline dd strong{display:block;margin-left: -120px;}
dl.deadline dt {color: #b73569;font-family: 'NotoSansKR Medium', sans-serif;}
dl.deadline dt img {padding-right: 20px;}

dl.absInfo, dl.absInfo > dt, dl.absInfo > dd {margin: 0;padding: 0;}
dl.absInfo {font-size: 17px;}
dl.absInfo > dd {padding-left: 12px;}

div.abstract {margin-top: 50px;}

div.period {padding: 20px 40px;color: #fff;font-size: 18px;background: url('image/grBg_01.png') 0 0 repeat-y;}

div.note {padding: 20px 40px;color: #fff;font-size: 18px;background: url('image/grBg_02.png') 0 0 repeat-y;}
ul.conMenu + div.note {margin-top: 50px;}

div.abstract table.tblDef,
div.abstract table.inputTbl {margin-top: 30px;}

table.innerTbl input[type=text] {width: 90%;}
div.abstract td.character {text-align: right;}
div.abstract td.character input {width: 50px;margin-right:5px;border: 0 none;border-bottom: 2px solid #222;background-color: transparent;}


div.searchArea {width: 600px;margin: 50px auto 0;}



/* 사전등록 */
div.registInfo,
div.registInfo table.tblDef th, 
div.registInfo table.tblDef td {font-size: 17px;}

div.regist {}
div.regist > h3.subTit {margin-top: 50px !important;}
div.regist div.period {margin: 50px auto;}

div.regist td dl.option {float: left;width: 50%;}

div.regist table.tblDef th {padding-left: 30px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #e0e3eb;}


div.applyComp {position: relative;padding: 8px;margin-top: 100px;background: url('image/grBg_01.png') repeat-y;}
div.applyComp:before {position: absolute;left: 8px;top: 8px;display: block;width: calc(100% - 16px);height: calc(100% - 16px);background-color: #fff;content: "";}
div.applyComp > * {z-index: 10;position: relative;text-align: center;margin: 0;}
div.applyComp p {padding-top: 25px;font-size: 16px;line-height: 1.2;}
div.applyComp p:first-child {margin-top: 60px;padding-top: 135px;background: url('image/applyComp.png') center top no-repeat;color: #222;font-size: 28px;font-family: 'NotoSansKR Medium', sans-serif;}
div.applyComp p.bg {margin-top: 50px;padding: 17px 0 15px;background-color: #f5f5f5;}

div#popupLogin {width: 550px;}
div#popupLogin h1 {margin: 0;padding: 35px 0 15px;}
div#popupLogin h1 img {display: block;margin: 0 auto;}
div#popupLogin h1 + p {margin: 0;text-align: center;color: #222;font-size: 15px;}

div#popupLogin div.formArea {padding: 40px 30px;}
div#popupLogin th {padding: 10px;text-align: center;}
div#popupLogin div.btn {padding-top: 20px;text-align: center;font-size: 0;line-height: 0;}
div#popupLogin div.btn > * {width: 90px;margin-left: 15px;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
div#popupLogin div.btn > *:first-child {margin-left: 0;}

div#popupLogin ul.util {margin: 0;padding: 20px 30px;font-size: 0;line-height: 0;text-align: right;background-color: #f5f5f5;}
div#popupLogin ul.util li {display: inline-block;margin: 0;vertical-align: top;padding-left: 10px;list-style:none;}
div#popupLogin ul.util a {display: block;padding: 0 15px;font-size: 14px;line-height: 28px;font-family: 'NotoSansKR DemiLight', sans-serif;color: #fff;text-decoration: none;background-color: #a28a85;}
div#popupLogin ul.util li:first-child {padding-left: 0;}
div#popupLogin ul.util li:first-child a {background-color: #686c8f;}

/*====================================== 게시판 관련 ======================================*/
table.bbs {margin-top:10px;}
table.bbs th,
table.bbs td {padding:8px 0 7px; text-align:center; border-left:0 none;}

table.bbs thead th {padding:12px 10px 13px;}
table.bbs tbody th {background-color:#f3f3f3; line-height:20px;}
table.bbs tbody .bg {padding-bottom:10px;background-color:#249f9b;color:#fff;text-align:center;}

table.bbs td {font-size:14px;}
table.bbs td a {display:inline-block;}


table.bbs td.tit {text-align:left;}
table.bbs td.tit a {display:inline-block;width:300px;overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color: inherit;text-decoration: none;}

table.bbs td.tit a > span {display: inline;}

table.bbs td.tit a.new {padding-right:25px;}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-7px;}


table.bbs td.file,
table.bbs td.con {text-align:left;padding:6px 20px 7px;}

table.bbs td.file * {font-size:15px; line-height:25px;}

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td.pluginArea {padding:0 !important;}

table.bbs span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.bbs td.utilBtn span,
table.bbs td.utilBtn a {vertical-align: top;}

table.bbs td .btn * {padding:2px 10px 3px;}

table.bbs td.al {padding-left:20px;}

table.bbs td.thumb img {width:125px; height:75px;}

p.bbsBrief {overflow: hidden;padding: 30px 0 10px;}



/* 게시판 글쓰기 */
td.editArea {padding:0 !important;}
div.editArea {margin-top:20px;}
td.con {padding:20px 20px 60px;text-align:left;vertical-align:top;}



/* 게시판 하단버튼 영역 */
ul.pager {padding:30px 0 0;text-align:center;}
ul.pager li {display:inline; margin-left:2px; vertical-align: top;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;width: 100%;vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;padding: 3px 5px 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #303030;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 28px;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {background-color: #868686;font-weight:bold;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}

ul.pager.btnSmall {padding:8px 0 3px;}
ul.pager.btnSmall a {width:auto;padding:1px 5px 3px;}
ul.pager.btnSmall .first a,
ul.pager.btnSmall .prev a,
ul.pager.btnSmall .next a,
ul.pager.btnSmall .last a {padding:3px 5px 1px;}



/* 게시판 검색 */
div.bbsSearch {text-align:right}
div.bbsSearch input[type=text],
div.bbsSearch select,
div.bbsSearch .btn {vertical-align:top; margin-left:5px;}

div.bbsSearch select {min-width:120px; height:40px; font-size:13px; line-height:40px;}
div.bbsSearch input[type=text] {width:200px; height:28px; line-height:34px;}
div.bbsSearch .btn * {width:75px; height:40px; font-size: 13px; vertical-align:top; text-align:center;}
div.bbsSearch .btn a {height:19px; padding:9px 10px 10px;}

div.bbsSearch span.newest input[type=text] {width:80px;}
div.bbsSearch span.newest span {display:inline-block; padding-left:5px; line-height:40px;}

 
/* 게시판 버튼 */
div.bbsUtil {overflow:hidden; padding-top:30px;}
div.bbsUtil .btn * {min-width:100px;height:40px; padding:0; font-size:15px; text-align:center;}
div.bbsUtil .btn a {min-width:58px; padding:8px 20px 9px;line-height:21px;}





/* 댓글 작성 */
/*div.reply {margin-top:45px;border-bottom:1px solid #e1e3e6;}
div.reply div.replyWrite {position:relative;overflow:hidden;height:98px;padding:0 155px 20px 0;}
div.reply div.replyWrite textarea {width:96%;height:78px;padding:10px 2%;}
div.reply div.replyWrite input[type=submit] {position:absolute;right:0;top:0;width:145px;height:98px;border:1px solid #b7b7b7;color:#666;background-color: #fff;}*/

div.reply {margin-top:45px;border-bottom:1px solid #e1e3e6;}
div.reply div.replyWrite {position:relative;overflow:hidden;height:98px;padding:0 0 20px 0;}
div.reply div.replyWrite textarea {width:78%;height:78px;padding:10px 2%;}
div.reply div.replyWrite input[type=submit] {position:absolute;right: 0px;top:0;width:145px;height:98px;border:1px solid #b7b7b7;color:#666;background-color: #fff;}


dl.replyItem {position:relative;color:#666;}
div.reply > dl.replyItem {padding-top:10px;border-top:1px solid #d3d3d3;}
dl.replyItem dt,
dl.replyItem dd {padding:0 10px;}

dl.replyItem dt {font-weight:bold;}
dl.replyItem dt span {font-weight:normal;}

dl.replyItem dd.util {overflow:hidden; position:absolute;right:0;top:10px;padding:0;}
dl.replyItem dd.reply dd.util {right:-10px;}

dl.replyItem dd.util a {font-size:12px;color:#666;}
dl.replyItem dd.util li {float:left; padding-left:10px; background:url('/image/sub/bbsBl_bar.gif') 5px 8px no-repeat;}
dl.replyItem dd.util li:first-child {padding-left:0;background:none;}

div.reply > dl.replyItem > dd.reply {border-top:1px solid #e1e3e6;}

div.reply dd.con {padding:10px;}
dl.replyItem dd.info {color:#f04e23}
dl.replyItem dd.reply,
dl.replyItem dd.write {padding:10px 10px 10px 27px;background:url('/image/sub/bbsBl_reply.gif') 5px 15px no-repeat;}

dl.replyItem dd.reply dt,
dl.replyItem dd.reply dd {padding:0;}

dl.replyItem dd.write div.replyWrite {padding-bottom:0;}
dl.replyItem dd.write div.replyWrite label {position:absolute;left:14px;top:5px;color:#f04e23;}
dl.replyItem dd.write div.replyWrite textarea {width:96%;height:60px;padding:26px 2% 10px;}




/* 행사장 안내 */
div.map {height: 500px;background-color: #f8f8f8;}
ul.conMenu + div.map {margin-top: 50px;}


dl.address, dl.address dt, dl.address dd {margin: 0;padding: 0;}
dl.address {position: relative;padding: 20px 20px 20px 180px;background-color: #eff7fc;color: #222;font-size: 16px;}
dl.address > dt {position: absolute;left: 20px;top: 50%;margin-top: -12px;font-size: 18px;line-height: 24px;font-family: 'NotoSansKR Medium', sans-serif;}

table.map {margin-top: 35px;border-bottom-color: #ccc;}
table.map > tbody > tr > th {padding: 20px;background-position: right bottom;background-repeat: no-repeat;color: #222;font-size: 18px;vertical-align: top;}
table.map > tbody > tr > td {position: relative;padding: 10px 20px;height: 80px;}
table.map a {position: absolute;right: 20px;top: 50%;color: #fff;margin-top: -14px;padding: 5px 15px;text-decoration: none;background-color: #b73569;font-size: 14px;line-height: 18px;font-family: 'NotoSansKR DemiLight', sans-serif;}


/* 비의사 경비지원 신청 */
ul.conMenu + div.apply {padding-top: 50px;}

div.apply table.tblDef th {text-align: center;}


/* QNA게시판 */
div.qnaWrap {}

div.qnaWrap div.bbsSearch {overflow: hidden; margin: 0 0 30px; text-align: left;}
div.qnaWrap div.bbsSearch form {float: right;}

	div.qnaWrap div.bbsSearch + dl.qna {border-top: 2px solid #143e64;}
	dl.qna {border-bottom: 1px solid #e9e9e9; margin: 0;}
	dl.qna > * {margin: 0; padding: 0;}
	dl.qna dt {position: relative; background-image: url(/workshop/202102/asset/image/Qna_off.png); background-repeat: no-repeat; background-position: calc(100% - 30px) center;}
	dl.qna dt a {display:block; text-decoration: none; color: #444444; font-size: 15px; padding: 15px 60px;}
	dl.qna dt.view {background-color: #edf9f9; background-image: url(/workshop/202102/asset/image/Qna_on.png); background-position: calc(100% - 30px) center;}
	dl.qna dt.view a {color: #143e64;}
	dl.qna dt span.number {position: absolute; top:50%; margin-top: -15px; left:20px; color: #fff; font-size: 13px; font-weight: bold; font-family: 'notosanskr bold'; background-color: #06a6e0; padding: 2px 0 3px; width: 29px; text-align: center; border-radius: 50%;}

	dl.qna dd {background: #f5f5f5 url(/workshop/202102/asset/image/qna_answerIcon.png) no-repeat 65px 15px; color: #444444; border-top: 1px solid #e9e9e9; padding: 15px 50px 15px 95px; font-size: 15px;}