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

*,html {margin:0;padding:0}
body {position:relative;margin:0;padding:0;height:100%;color:#555;font-family:NanumGothic,"굴림", Dotum,"돋움",Arial,Verdana,sans-serif;font-size:16px;line-height:31px}
body *{box-sizing:border-box}
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}
caption,em,i,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:#555;text-decoration:none}
a:hover, a:focus {text-decoration:underline}
strong {font-weight:600; letter-spacing:-0.5px}

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

/* 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}
table th {font-weight:600}

/* form */
input,textarea{border:0;color:#555;font-size:14px;vertical-align:middle}
textarea {padding:10px; width:100%; height:100px; line-height:26px; border:1px solid #ccc; font-family:NanumGothic; overflow-y:auto}
input[type="text"], input[type="password"] {padding:0 10px; height:40px; line-height:40px; border:1px solid #ccc; background:#fff; font-size:16px; color:#555; vertical-align:top; font-family:NanumGothic}
input[readonly="readonly"] {background:#f5f5f5}
input[type="checkbox"], input[type="radio"] {width:16px; height:16px}
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; font-family:NanumGothic}
select {padding:10px 10px 10px 6px; border:1px solid #ccc; color:#333; font-size:14px; font-family:NanumGothic}
input::-webkit-input-placeholder {color:#999; opacity:1; transition:all 0.5s}
input:focus::-webkit-input-placeholder {opacity:0}

.form-file {position:relative; display:inline-block}
.form-file label {display:inline-block; cursor:pointer}
.form-file input[type="file"] {position:absolute; margin:-1px; width:1px; height:1px; border:none; overflow:hidden; clip:rect(0,0,0,0)}
.form-file .upload {margin-top:15px}
.form-file .upload li {margin-top:5px}

/* datepicker */
.ui-datepicker {z-index:2001 !important;}
.ui-datepicker .ui-datepicker-title select {display:inline-block; width:40%; height:28px; vertical-align: middle; margin:0 4px; padding:0 0 0 5px !important;}
.ui-datepicker-trigger {width:40px; height:40px; margin:0; padding:0; border:1px solid #ccc; border-width:1px 1px 1px 0; font-size:0; line-height:0; vertical-align:top; background:#fff url('/images/sherpa/common/btn/btn-datepicker-cal.png') no-repeat center;}
.datepicker {display:inline-block; width:120px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.datepicker[readonly] {background-color:#f5f5f5; border-width:1px; !important;}
.datepicker.v2 {background:#fff; border-right:none} /* 달력아이콘과 구분없는경우 */
.datepicker::-ms-clear {display: none;}
.datepicker::-webkit-input-placeholder {color:#cacaca !important;}
.datepicker:-ms-input-placeholder {color:#cacaca !important;}
.datepicker-month::-webkit-input-placeholder {color:#cacaca !important;}
.datepicker-month::-ms-input-placeholder {color:#cacaca !important;}
.datepicker-change {display:inline-block; width:90px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.datepicker-change::-ms-clear {display: none;}
.datepicker-month {display:inline-block; width:90px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.datepicker-month::-ms-clear {display: none;}
.ui-datepicker-current,
.onlyMonth .ui-datepicker-calendar {display:none;}
.onlyMonth .ui-datepicker-buttonpane {margin:0; border:0; overflow:hidden;}
.onlyMonth .ui-datepicker-title select {height:33px;}
.onlyMonth .ui-datepicker-prev, .onlyMonth .ui-datepicker-next {top:7px;}
.datepicker-year {display:inline-block; width:90px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.datepicker-year::-ms-clear {display: none;}
.datepicker.through,
.datepicker-month.through {text-decoration:line-through;}
/* id 로 제어하는 datepicker */
.date-picker {display:inline-block; width:90px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.date-picker::-ms-clear {display: none;}

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

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

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vj {text-align:justify !important;}
.vm {vertical-align:middle !important;}
.vt {vertical-align:top !important;}
.vb {vertical-align:bottom !important;}

/* margin */
.mg {margin:00 !important}
.mt0 {margin-top:0 !important}
.mt05 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt12 {margin-top:12px !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}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !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}
.mb45 {margin-bottom:45px !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}

/* padding */
.pd00 {padding:0 !important}
.pt0 {padding-top:0 !important}
.pt05 {padding-top:5px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt25 {padding-top:25px !important}
.pt30 {padding-top:30px !important}
.pt35 {padding-top:35px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}

.pb0 {padding-bottom:0 !important}
.pb05 {padding-bottom:5px !important}
.pb10 {padding-bottom:10px !important}
.pb15 {padding-bottom:15px !important}
.pb20 {padding-bottom:20px !important}
.pb25 {padding-bottom:25px !important}
.pb30 {padding-bottom:30px !important}
.pb35 {padding-bottom:35px !important}
.pb40 {padding-bottom:40px !important}
.pb50 {padding-bottom:50px !important}

.pl0 {padding-left:0 !important}
.pl05 {padding-left:5px !important}
.pl07 {padding-left:7px !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}
.pl35 {padding-left:35px !important}
.pl40 {padding-left:40px !important}
.pl50 {padding-left:50px !important}

.pr0 {padding-right:0 !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}
.pr35 {padding-right:35px !important}
.pr40 {padding-right:40px !important}
.pr50 {padding-right:50px !important}

/* width */
.w-auto {width:auto !important}
.w50p {width:50% !important}
.w100p {width:100% !important}
.w70px {width:70px !important}
.w80px {width:80px !important}
.w90px {width:90px !important}
.w100px {width:100px !important}
.w180px {width:180px !important}
.w360px {width:360px !important}

/* line-height */
.lh26 {line-height:26px !important}
.lh40 {line-height:40px !important}

/* color */
.f-bk {color:#333 !important}
.f-gray {color:#555 !important}
.f-dgray {color:#666 !important}
.f-blue {color:#3574dd !important}
.f-blue02 {color:#1d91eb !important}
.f-blue03 {color:#156da0 !important}
.f-org {color:#fe6c01 !important}
.f-brown {color:#a25c4e !important}
.f-pink {color:#f97373 !important}

/* font-weight */
.f-normal {font-weight:normal !important}
.f-bold {font-weight:600 !important}

/* font-size */
.fs12 {font-size:12px !important}
.fs13 {font-size:13px !important; line-height:26px !important}
.fs14 {font-size:14px !important; line-height:26px !important}
.fs15 {font-size:15px !important}
.fs16 {font-size:16px !important}
.fs18 {font-size:18px !important}

/* font-style */
.underline {text-decoration:underline !important}

/* border */
.bt-no {border-top:none !important}
.br-no {border-right:none !important}
.bl-no {border-left:none !important}
.bb-no {border-bottom:none !important}

/* byte */
.byte-check {position:relative; margin-top:10px; text-align:right}