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

*,html{margin:0;padding:0}
body{position:relative;margin:0;padding:0;height:100%;color:#333;font-family:NanumGothic,"굴림", Dotum,"돋움",Arial,Verdana,sans-serif;font-size:12px;line-height:1.2}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,iframe,fieldset,input,table,tr,th,td,button,textarea,select,thead,tbody,tfoot,pre,option{margin:0;padding:0}
div{border-collapse:separate}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol,li,dl,dt,dd{list-style:none}
strong,caption,em,address{font-style:normal;font-weight:normal}
fieldset,img{border:0}
img,label{vertical-align:middle}
caption,legend{width:1px;height:1px;font-size:1px;line-height:0;text-indent:-9999em}
a{color:#333;text-decoration:none}
a:hover, a:focus {text-decoration:underline}
a:visited{color:#333}
strong {font-weight:normal; font-family:NanumGothicBold; letter-spacing:-0.5px}

/* table */
table{width:100%;border-collapse:collapse;border-spacing:0; table-layout:fixed}
th,td{font-style:normal;font-weight:normal;text-align:left;vertical-align:middle}

/* form */
input,textarea{border:0;color:#4c4c4c;font-size:13px;vertical-align:middle}
select {padding:9px 5px 10px; border:1px solid #c5cbd2; height:38px; vertical-align:top}
select[disabled="disabled"], select[readolny="readolny"] {background:#ebebe4}
textarea {margin-bottom:10px; padding:5px; border:1px solid #c5cbd2; font-family:NanumGothic}
input[type="text"], input[type="password"] {padding:0 10px; height:28px; line-height:28px; border:1px solid #c5cbd2; background:#fff; color:#4c4c4c; font-size:13px; vertical-align:top}
input[disabled="disabled"], input[reaolny="reaolny"] {background:#ebebe4 !important}
input.byte {border:0; padding:0 5px; text-align:right; font-weight:bold; height:auto; line-height:normal; vertical-align:middle}
button{border:0;background:none;cursor:pointer}

.hidden {overflow:hidden}
.clear {clear:both}
.ir {display:block; overflow:hidden; margin:-1px 0 0 0 !important; padding:0 !important; height:1px !important; width:1px !important; background:none !important; text-indent:-9999px; color:#fff}
.ellipsis {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ellipsis.w95 {max-width:93%}

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

/* display */
.block {display:block !important}
.inline_block {display:inline-block !important}

/* margin */
.mt0 {margin-top:0 !important}
.mt05 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt80 {margin-top:80px !important}

.mb0 {margin-bottom:0 !important}
.mb05 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}

.ml0 {margin-left:0 !important}
.ml05 {margin-left:5px !important}
.ml07 {margin-left:7px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml25 {margin-left:25px !important}
.ml30 {margin-left:30px !important}
.ml35 {margin-left:35px !important}
.ml40 {margin-left:40px !important}
.ml50 {margin-left:50px !important}

.mr0 {margin-right:0 !important}
.mr05 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr40 {margin-right:40px !important}
.mr50 {margin-right:50px !important}

.pd00 {padding:0 !important} /* 20220811 추가 */
.pl05 {padding-left:5px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl25 {padding-left:25px !important}
.pl30 {padding-left:30px !important}

.pr05 {padding-right:5px !important}
.pr10 {padding-right:10px !important}
.pr15 {padding-right:15px !important}
.pr20 {padding-right:20px !important}
.pr25 {padding-right:25px !important}
.pr30 {padding-right:30px !important}

/* color */
.f_blue {color:#1665bc !important}
.f_blue02 {color:#0000ff !important}
.f_blue03 {color:#2c5b91 !important}
.f_red {color:#fb0000 !important}

/* font-size */
.f_11 {font-size:11px !important}
.f_12 {font-size:12px !important}
.f_13 {font-size:13px !important}

/* font-weight */
.f_normal {font-weight:normal !important; font-family:NanumGothic}
.f_bold {font-weight:bold !important}

/* float */
.fl {float:left}
.fr {float:right}

/* line-height */
.line-initial {line-height:initial !important}

/* word-break */
.keep-all {word-break:keep-all !important; word-wrap:break-word} /* 20220811 추가 */

/* input disabled, readonly */
:disabled,
input:disabled,
[disabled],
input[disabled],
input:read-only,
input[readonly] {background-color:#f1f1f1 !important; color:#6c6d73; border-color:#cccccc !important;}
input.disabled {background-color:#f1f1f1 !important; color:#6c6d73; border-color:#ccc !important;}

input[type='text'][readonly],
input[type='password'][readonly],
input[type='number'][readonly],
input[type='tel'][readonly],
input[type='search'][readonly],
input[type='color'][readonly],
input[type='date'][readonly],
input[type='email'][readonly],
input[type='range'][readonly],
input[type='url'][readonly],
input[type='time'][readonly] {background-color:#f1f1f1 !important; color:#6c6d73; border-color:#ccc !important;}

input[type='text'][disabled],
input[type='password'][disabled],
input[type='number'][disabled],
input[type='tel'][disabled],
input[type='search'][disabled],
input[type='color'][disabled],
input[type='date'][disabled],
input[type='email'][disabled],
input[type='range'][disabled],
input[type='url'][disabled],
input[type='time'][disabled] {background-color:#f1f1f1 !important; color:#6c6d73; border-color:#ccc !important;}

/* button size */
.button.xlarge {min-width:90px; height:64px; line-height:64px; font-size:17px; padding:0 20px;} 
.button.large {min-width:80px; height:48px; line-height:48px; font-size:15px; padding:0 20px;} 
.button.medium {height:40px; line-height:40px; font-size:15px; padding:0 16px;}
.button.small {height:25px; line-height:25px; padding:3px 5px; font-size:12px;}

/* button color */
.button.red {background-color:#ee0700; color:#ffffff;}
.button.red:hover {background-color:#cb021e;}
.button.navy {background-color:#435068; color:#ffffff;}
.button.navy:hover {background-color:#333340;}
.button.blue {background-color:#0a75e3; color:#ffffff;}
.button.border {background-color:#fff; border:1px solid #69727e; color:#44465c;}
.button.border:hover {background-color:#f6f6f6}
.device .btn-print {display:none !important;}