@charset "utf-8";
/*@import url('simple-line-icons.css');*/
* {-webkit-text-size-adjust: 100%;}


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0 none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img {border:0 none; font-size:0; line-height:0;vertical-align: top;}
.ie7 li, .ie7 li a {zoom:1;}
caption, legend {width:0; height:0; visibility:hidden; line-height:0;}

hr {visibility: hidden;margin: 0;border: 0;}
ul, ol, li {list-style: none;}

/* 여백 */
.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;}
.tm40 {margin-top:40px !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;}
.scrollArea::-webkit-scrollbar {width:10px;height: 10px; }
.scrollArea::-webkit-scrollbar-track {background-color: #d6d6d6;}
.scrollArea::-webkit-scrollbar-thumb {background-color: #3c4477;}

/* 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.borderTbl, table.borderTbl > thead, table.borderTbl > tbody, table.borderTbl > tfoot, table.borderTbl > * > tr, table.borderTbl> * > tr > *,
table.search, table.search > thead, table.search > tbody, table.search > tfoot, table.search > * > tr, table.search * > tr > *,
table.listTbl, table.listTbl > thead, table.listTbl > tbody, table.listTbl > tfoot, table.listTbl > * > tr, table.listTbl * > tr > *,
table.bbs, table.bbs > thead, table.bbs > tbody, table.bbs > tfoot, table.bbs > * > tr, table.bbs * > tr > *,
table.bbsView, table.bbsView > thead, table.bbsView > tbody, table.bbsView > tfoot, table.bbsView > * > tr, table.bbsView * > 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.borderTbl,
table.search,
table.listTbl,
table.bbs,
table.bbsView,
table.inputTbl,
table.innerTbl,
table.calendar {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.tblDef,
.ie7 table.borderTbl,
.ie7 table.search,
.ie7 table.listTbl,
.ie7 table.bbs,
.ie7 table.bbsView,
.ie7 table.inputTbl,
.ie7 table.innerTbl,
.ie7 table.calendar {border-collapse:collapse;}
table.tblDef> * > tr > th,
table.borderTbl> * > tr > th,
table.search * > tr > th,
table.listTbl * > tr > th,
table.bbs * > tr > th,
table.bbsView * > tr > th,
table.inputTbl * > tr > th,
table.innerTbl * > tr > th,
table.calendar * > tr > th {font-weight:normal;}
table.tblDef> * > tr > td,
table.borderTbl> * > tr > td,
table.search * > tr > td,
table.listTbl * > tr > td,
table.bbs * > tr > td,
table.bbsView * > tr > td,
table.inputTbl * > tr > td,
table.innerTbl * > tr > td,
table.calendar * > tr > td {word-break:normal;}



/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}
.fcWhite {color:#fff !important;}
.fcBlack {color:#000 !important;}
.fcRed {color: #eb2d2d !important;}
.fcBlue {color: #1776ec !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;border-bottom: 1px solid #ccc}
.italic {font-style:italic;}
.db {display: block;}

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


/* Form Elememts */
input[type='text'],
input[type='number'],
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;}

/* 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='number'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family: "Roboto", "굴림" ,sans-serif;}


/* 공통 레이아웃 */
body {font-size:14px; line-height:1.5; color:#333; -webkit-text-size-adjust:none;}
.wrapper {position:relative; width:100%;word-break:normal;z-index:0;}

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

address {font-style: normal;}

/* skip Navigation */
#skipNavi dl {position:absolute;}
#skipNavi dt {position:absolute; top:-10000px;}
#skipNavi dd a {position:absolute; display:block; width:200px; left:-99999px; 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;}



.tabCon,
.toggleCon {display:none;}

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


.essen {}
.essen:before {display: inline-block;vertical-align: top;padding-right: 5px;color: #f00;content: "*";}


table.inputTbl > * > tr > th {text-align: center;}
table.inputTbl td > *:first-child,
div.formArea  .clear,
table.inputTbl input[type=radio]:first-child,
table.inputTbl input[type=checkbox]:first-child {margin-left: 0 !important;}

table.inputTbl input[type=text],
table.inputTbl input[type=password],
table.inputTbl select {}


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

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


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

table.inputTbl td span,
table.inputTbl td label {display: inline-block;vertical-align: top;}


table.inputTbl .multi > *,
div.formArea .name > *,
div.formArea .dayInfo > *,
div.formArea .birth > * {float: left;margin:0 0 0 5px;}
table.inputTbl .multi > *:first-child {margin-left: 0;}


table.inputTbl .multi > span, table.inputTbl .multi > label,
div.formArea .dayInfo > span, div.formArea .dayInfo > label,
div.formArea .birth > span, div.formArea .birth > label,
div.formArea .email > span, div.formArea .email > label {}


table.inputTbl div.multi {overflow:hidden;}

table.inputTbl .multi input[type=radio],
table.inputTbl .multi input[type=checkbox] {}
table.inputTbl .multi input[type=image] {}

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


div.formArea .birth {}

div.formArea .dayInfo select,
div.formArea .birth select {width:70px;}
div.formArea .dayInfo select:first-child, div.formArea .dayInfo input[type=text],
div.formArea .birth select:first-child, div.formArea .birth input[type=text] {width:110px;}

div.formArea .dayInfo {}
div.formArea .dayInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .dayInfo input[type=text] {margin-left: 20px;}

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

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


div.formArea .author > * {float: left;margin:0 0 0 5px;}
div.formArea .author select {width:80px;}

input.inputWide {width:90%;}

ul.option {margin: 0;padding: 0;}
ul.option:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.option > li {float: left;position: relative;margin: 0;padding: 0;list-style:none;box-sizing:border-box;}
ul.option > li > input[type=radio],
ul.option > li > input[type=checkbox] {position: absolute;left: 0;top: 14px;margin: 0;}


div.selectFile {position: relative;}
div.selectFile:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.selectFile > * {float: left;}

div.selectFile input[type=text] {float: left;width: calc(100% - 105px) !important;height:40px;}
div.selectFile span.search {position: relative;float: left;display: block;width:100px;height:40px;margin-left: 5px;background-color:#393939;font-size:14px;line-height: 40px !important;color:#fff;text-align: center;}
div.selectFile .opacity0 {z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}

div.selectFile input[type=checkbox] {clear: both;margin: 4px 10px 0 0;}
div.selectFile label,
div.selectFile a.del {font-size:14px;line-height: 20px !important;font-family: 'NotoSanKR DemiLight', sans-serif;}
div.selectFile label {color: #222;}
div.selectFile span.attach,
div.selectFile a.del {padding: 0 10px 2px;margin:5px 0 0 10px;font-size: 12px;line-height: 26px;background-color:#f4f4f4;color:#5d5d5d;}
div.selectFile span.search + * {margin-left: 0;}

div.selectFile span.attach {position: relative;padding-right: 40px; z-index:999;margin-left: 0;}
div.selectFile span.attach a {position: absolute;right: 12px;top: 50%;height: 8px;margin-top: -4px;}
div.selectFile span.attach input[type=checkbox] {position:relative;top:-5px; right:-5px;}


div.fileUpload {position: relative;}
div.fileUpload:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.fileUpload > * {float: left;}

div.fileUpload span.search {float: left;display: block;width:100px;height:40px;margin-left: 0;background-color:#393939;font-size:14px;line-height: 40px !important;color:#fff;text-align: center;}
div.fileUpload .opacity0 {z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}

div.fileUpload label,
div.fileUpload a.del {font-size:14px;line-height: 20px !important;font-family: 'NotoSanKR DemiLight', sans-serif;}
div.fileUpload label {color: #222;}
div.fileUpload span.attach,
div.fileUpload a.del {padding: 6px 10px 8px 15px;margin:0 0 0 10px;font-size: 12px;line-height: 26px;background-color:#f4f4f4;color:#5d5d5d;}

div.fileUpload span.attach {position: relative;padding-right: 40px; z-index:999}
div.fileUpload span.attach a {position: absolute;right: 12px;top: 50%;height: 8px;margin-top: -4px;}
div.fileUpload span.attach input[type=checkbox] {position:relative;top:-5px; right:-5px;}


ul.uploadFile, ul.uploadFile li {margin: 0;padding: 0;list-style:none;}
ul.uploadFile > li {padding: 5px 5px 5px 0;border-top: 1px solid #e5e1df;}
ul.uploadFile > li:first-child {border-top: 0 none;}
ul.uploadFile > li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.uploadFile > li > * {float: left;margin-left: 5px;}

ul.uploadFile input[type=text] {float: left;width: calc(100% - 244px) !important;height:40px;}
ul.uploadFile span.search {position: relative;float: left;display: block;width:100px;height:40px;background-color:#393939;font-size:14px;line-height: 40px !important;color:#fff;text-align: center;}
ul.uploadFile .opacity0 {z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}
ul.uploadFile a {display: block;width: 60px;height: 38px;font-size:14px;line-height: 38px !important;text-align: center;border: 1px solid #5d5d5d;}
ul.uploadFile a.add {border: 1px solid #666;background-color:#ddd;color:#333;}
ul.uploadFile a.del {border: 1px solid #5d5d5d;background-color:#5d5d5d;color: #fff;}


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.main #wingBnr {display: none;}


/* css 추가 - 24.10.16 박민지 */
.list-type > li{
    margin: 5px 0;
    padding-left: 1em;
}
.list-type > li:before{
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}


.list-type-bar > li:before{
    content: '\2011';
}
.list-type-decimal{
	counter-reset: number 0;
}
.list-type-decimal > li::before {
	content: counter(number)'.';
	counter-increment: number 1;
}

.list-type-circle > li:before{
    content: '\26AC';
}
.list-type-square > li:before{
    content: '\25FB';
}

.list-type-ko > li{
    padding-left: 2.5em;
}
.list-type-ko > li:before{
    width: 1.5em;
    margin-left: -1.5em;
}
.list-type-ko > li:nth-child(1)::before { content: '가.'; }
.list-type-ko > li:nth-child(2)::before { content: '나.'; }
.list-type-ko > li:nth-child(3)::before { content: '다.'; }
.list-type-ko > li:nth-child(4)::before { content: '라.'; }

.fz-small{
    margin: 0 !important;
    font-size: 14px;
}
.link,
.link *{
    color: #1055cc;
}
.text-right{
    text-align: right !important;
}
.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}