@charset "utf-8";
html { font-family: 'NotoSansDemiLight', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', 'dotum', sans-serif; font-size: 14px }
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, input, select, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0 }
html { overflow-y: auto; color: #666 }
html, body { width: 100%; min-height: 100%; height: 100%; -webkit-font-smoothing: antialiased; word-break: break-all; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html.fix { overflow-y: hidden }
form { /*height: 100%*/ }
body { width: 100%; margin: 0 }
ul { list-style-type: none }
ol { list-style-type: decimal }
dl, dt, dd { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-weight: 400 }
hr { display: none }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0; font-weight: normal }
fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 0 }
img { border: 0; outline: 0 }
legend { padding: 0; border: 0 }
optgroup { font-weight: bold }
label { cursor: pointer }
i, em, address { font-style: normal }
caption, legend { visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0 }
iframe, object, video, embed { position: relative; top: 0; left: 0; max-width: 100% }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; margin: 0; padding: 0 }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template {
 display: none
}
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
mark { background: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { height: 0; box-sizing: content-box }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
input, select, textarea { font-family: 'NotoSansDemiLight', '맑은 고딕', 'Malgun Gothic', '나눔 고딕', 'Nanum Gothic', 'NanumGothicWeb', 'dotum' }
textarea { overflow: auto; border: 0; background: 0; resize: none }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
a:link { color: #666; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:active { color: #333; text-decoration: none }
a:hover { color: #e73722; text-decoration: none }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
iframe, object, video, embed { position: relative; top: 0; left: 0; max-width: 100% }
.link01:link, .link01:visited, .link01:active { color: #999; text-decoration: none }
.link01:hover { color: #cdeb8b; text-decoration: underline }
.blind { display: none }
.clear { clear: both }
.clearfix:after { display: block; visibility: hidden; clear: both; width: 0; height: 0; font-size: 0; line-height: 0; content: '.' }
input { line-height: normal; }
input[type=text], input[type=password], input[type=file], select { height: 30px; padding: 0 10px; border: 1px solid #ebebeb; background-color: #fbfbfb; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type=file] { width: 98%; padding: 0; line-height: normal }
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, select:focus, textarea:focus { outline: none; background-color: #efe }
input[type=checkbox], input[type=radio] { padding: 0; box-sizing: border-box; position: relative; }
input[type=number]::-webkit-inner-spin-input[type=number]::-webkit-outer-spin- {
 height:auto
}
input[type=search]::-webkit-search-cancel-input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
input[type=button] { border: 1px solid #dddcdc; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
input[type=submit] { border: 1px solid #dddcdc }
input[type=button]::-moz-focus-inner {
 padding:0;
 border:0 none
}
input[type=button]:focus { outline: auto 0px Highlight; outline: auto 0px -webkit-focus-ring-color; }
input[type=text]:disabled { background-color: #f5f5f5; border: none }
.clearfix:after { display: block; visibility: hidden; clear: both; width: 0; height: 0; font-size: 0; line-height: 0; content: '.' }
textarea { width: 98%; padding: 5px; border: 1px solid #ebebeb; background-color: #fbfbfb }
select { height: 30px; text-indent: .01px; zoom: 1; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 20px 0 10px; background-color: #fbfbfb; background-image: url(../../images/web_a/btn/arrow_down.gif); background-position: right center; background-repeat: no-repeat }
 select::-ms-expand {
 display:none
}
select[multiple] { background: none; appearance: button; -moz-appearance: button; -webkit-appearance: button; padding: 0 0 0 10px; }
/*파일찾기*/
.filebox { float: left; width: 100%; margin-bottom: 5px }
.filebox input[type="file"] { float: left; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.filebox .upload-name { float: left; width: 400px; margin-right: 3px; display: inline-block; vertical-align: middle; height: 30px; padding: 0 10px; border: 1px solid #ebebeb; background-color: #fbfbfb; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.filebox label { float: left; display: inline-block; color: #555; vertical-align: middle; background-color: #f5f5f5; cursor: pointer; border: 1px solid #dddcdc; border-radius: 3px; padding: 5px 10px; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.filebox label:hover { background-color: #fff; }
.filebox .upload-display { float: left; width: 100%; display: inline-block; margin: 0 5px 5px 0 }
.filebox .upload-thumb-wrap { /* 추가될 이미지를 감싸는 요소 */ display: inline-block; padding: 2px; vertical-align: middle; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }
.filebox .upload-display img { /* 추가될 이미지 */ display: block; max-width: 150px; min-width: 16px; max-height: 50px; width: 100% \9; height: auto; }
.fileUrl { float: left; width: 100%; margin-bottom: 3px }
.comment { float: left; width: 100%; font-size: 11px }
.fileArea { float: left; }
.fileComment { float: left; margin: 8px 0 0 10px }
.unselectable { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none }
.sfont { font-size: 11px }
.button>i { margin-left: 4px }
/*파일찾기*/
.GroupListBtn { position: relative; height: 36px; margin-top: 16px; margin-bottom: 10px }
.LblockButton { float: left; position: absolute; left: 0; bottom: 0 }
.LblockButton ul li { display: inline; float: left; margin-right: 5px }
.LblockButton ul li.margin { padding: 8px 0 0 12px }
.LblockButton ul li.margin>input { margin-top: 4px }
.RblockButton { position: absolute; right: 0; bottom: 0 }
.RblockButton ul li { display: inline; float: left; margin-left: 10px }
.checkbox { vertical-align: middle }
.sBtn_01 { display: inline-block; margin: 0; padding: 0; border: 1px solid #d9d9d9; background: #f5f5f5; border-radius: 3px; font-size: 12px; line-height: 160%; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.sBtn_01:hover { border: 1px solid #ccc; }
.sBtn_01 a { display: block; height: 28px; padding: 4px 10px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.sBtn_01 i { display: inline-block; margin: 5px 4px 0 0; font-size: 11px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.sBtn_01 a:hover { background: #fff; color: #000; }
.sBtn_03 { display: inline-block; margin: 0; padding: 1px 10px; border: 1px solid #e2e1e1; background: #f5f5f5; border-radius: 3px; font-size: 12px; line-height: 160%; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; top: -2px }
.sBtn_03 i { display: inline-block; margin: 5px 4px 0 0; font-size: 11px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.sBtn_03:hover { border: 1px solid #66b7c7; background: #66b7c7; color: #fff }
.sBtn_03:hover i { color: #fff }
.button { display: inline-block; overflow: visible; position: relative; width: auto; padding: 6px 15px 6px; border: 1px solid #d9d9d9; font-size: 14px; line-height: 120%; border-radius: 3px; background-color: #f5f5f5; color: #555; text-align: center; text-decoration: none; cursor: pointer; background-image: url(../../images/web_a/btn/button-overlay.png); }
.button:hover { background-color: #fff; background-image: none; color: #333 }
.button:active { background-color: #fff; background-image: none; color: #000 }
.confirm.button { border: 1px solid rgba(0,0,0,.1); background-color: #66b7c7; color: #fff }
.confirm.button:hover { background-color: #66b7c7; background-image: none; color: #fff }
.confirm.button:active { background-color: #66b7c7; background-image: none; color: #fff }
.gray.button { border: 1px solid #dddcdc; background: #f5f5f5; color: #555!important }
.gray.button:hover { border-color: #ccc; background-color: #fff; background-image: none; color: #333!important }
.gray.button:active { border-color: #ccc; background-color: #fff; background-image: none; color: #000!important }
.small.button { padding: 8px 10px 7px; font-size: 12px; border-radius: 3px }
.large.button { padding: 10px 20px 10px }
.right.button { float: right }
.button>i { margin-right: 4px }
.margin05 { float: left; margin: 2px 0; width: 100% }
.margin10 { float: left; margin: 5px 0; width: 100% }
.margin20 { float: left; margin: 10px 0; width: 100% }
/*체크박스애니*/
.check label { position: relative; padding-left: 24px; line-height: 26px; height: 26px; }
.check label::before, .check label::after { display: block; content: ''; position: absolute; left: 0; top: 50%; box-sizing: border-box; }
.check label::before { width: 18px; height: 18px; border-radius: 100%; background: #cdcdcd url("../../images/web_a/common/ico_check.png") center center no-repeat; ; margin-top: -9px; }
.check label::after { width: 18px; height: 18px; border-radius: 100%; background: #cdcdcd url("../../images/web_a/common/ico_check.png") center center no-repeat; margin-top: -9px; }
.check input[type="checkbox"] { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; }
.check label.on::after { background: #4c4c4c url("../../images/web_a/common/ico_check.png") center center no-repeat !important; }
/*라디오버튼애니*/
.radio label { position: relative; padding-left: 24px; line-height: 26px; height: 26px; }
.radio label::before, .radio label::after { display: block; content: ''; position: absolute; left: 0; top: 50%; box-sizing: border-box; }
.radio label::before { width: 16px; height: 16px; border: 1px solid #c3c4c3; background: #fff; margin-top: -8px; border-radius: 8px; }
.radio label::after { width: 8px; height: 8px; margin-top: -4px; background: #666; margin-left: 4px; transform: scale(0); border-radius: 5px; opacity: 0; }
.radio input[type="radio"] { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; }
.radio label.on::after { transform: scale(1); transition: .2s; opacity: 1; }
/*캘린더*/
.ui-datepicker { background: #fff; border: 1px solid #ccc !important; box-shadow: 0 0 10px rgba(0, 0, 0, .1); margin-top: 10px; display: none; border-radius: 5px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 10px 18px; z-index: 99999 !important }
.ui-datepicker-header { line-height: 46px; margin: 8px 0; text-align: center; position: relative; font-weight: 500; color: #000; font-size: 18px }
.ui-datepicker-header .ui-corner-all { position: absolute; width: 20px; height: 20px; text-indent: -9999px; top: 4px; }
.ui-datepicker-prev { margin-top: -8px; left: 8px; padding: 20px; border-radius: 3px; background: url("../../images/web_a/common/icon_arrow_blk_s_toL.png") center center no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ui-datepicker-prev:active { background: #eee url("../../images/web_a/common/icon_arrow_blk_s_toL.png") center center no-repeat; }
.ui-datepicker-next { margin-top: -8px; right: 8px; padding: 20px; border-radius: 3px; background: url(../../images/web_a/common/icon_arrow_blk_s_toR.png) center center no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ui-datepicker-next:active { background: #eee url("../../images/web_a/common/icon_arrow_blk_s_toR.png") center center no-repeat; }
.ui-datepicker-calendar { }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { text-align: center; border-bottom: 1px solid #fff; width: 38px; height: 34px; font-size: 16px }
.ui-datepicker-calendar tr:last-child th, .ui-datepicker-calendar tr:last-child td { border-bottom: 0 none; }
.ui-datepicker-calendar th span, .ui-datepicker-calendar td span, .ui-datepicker-calendar th a, .ui-datepicker-calendar td a { display: block; line-height: 40px; }
.ui-datepicker-calendar td a:hover { border-radius: 100%; background: #f5f5f5; }
td.ui-state-disabled span { background: #eee; }
.ui-datepicker-today { position: relative; }
.ui-datepicker-today:before { display: block; content: ''; border: 1px solid #dd092f; width: 30px; height: 30px; position: absolute; top: 19px; left: 18px; margin-left: -14px; margin-top: -14px; border-radius: 14px; box-sizing: border-box; cursor: pointer; color: #d93954; }
.ui-datepicker-today { position: relative; }
.btn_list .ui-datepicker-trigger { padding: 12px; vertical-align: top; margin-left: 10px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; background: #f8f8f8 }
.btn_list .ui-datepicker-trigger:active { background: #f5f5f5; box-shadow: 0 0 5px rgba(0,0,0,0.2) inset }
.ui-widget-content { }
.ui-datepicker-calendar .holiday a { color: #f00; text-decoration: underline; }
.ui-datepicker-calendar .holiday span { color: #f00; text-decoration: underline; }
.ui-datepicker-calendar .saturday a { color: #00f; }
.ui-datepicker-calendar .saturday span { color: #00f; }
.ui-datepicker-week-end:first-child { color: #f00; }
.ui-datepicker-week-end:last-child { color: #00f; }
.ui-datepicker-calendar > tbody td:first-child a { color: #f00; }
.ui-datepicker-calendar > tbody td:last-child a { color: #00f; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; border-radius: 5px }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 40%; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; border: 1px solid #ccc; border-radius: 4px; background: #eee; color: #666; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker-current-day .ui-state-active { border-radius: 100%; background: #fff6dc !important; color: #f44336 !important; }
.seat_cal { height: auto !important; font-weight: 600; color: #666; text-align: center !important; width: 100px; border: none !important; background: #fff !important; font-size: 18px; line-height: 20px; font-family: 'NotoSansDemiLight' }