/* 공통 */
* { margin: 0; padding: 0; font-family: nanumGothic, 'Nanum Gothic', 'malgun gothic', dotum, gulim, sans-serif; }
body { font-size: 12px; overflow: scroll; overflow-x: hidden; }
fieldset { border: 0; }
legend, hr { display: none; }
img { vertical-align: top; border: 0; }
li { list-style: none; }
table { width: 100%; border-collapse: collapse; }
table th, table td { padding: 0; border-spacing: 0; }
a { color: #444; text-decoration: none; }
button, input[type=button], input[type=submit], input[type=reset], input[type=file] { cursor: pointer; border-radius: 0; -webkit-appearance: button; -moz-appearance: button; appearance: button; }
input[type=text], input[type=password], input[type=file] { padding: 0 10px; width: 200px; height: 28px; line-height: 28px; border: 1px solid #ddd; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=file] { padding: 0; width: 250px; }
input[type=checkbox] { width: 15px; height: 15px; border: 1px solid #ccc; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input:checked[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
input[type=radio] { border: none; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
textarea { padding: 10px; width: 100%; height: 80px; border: 1px solid #ddd; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select { padding: 0 30px 0 10px; height: 30px; line-height: 30px; overflow: auto; color: #7f7f7f; border: 1px solid #ddd; cursor: pointer; background: url(/wms/images/arrow_select.gif) no-repeat right center #f4f4f4; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
input, select, textarea { vertical-align: middle; }
input:focus, textarea:focus { outline: none; }
::-webkit-input-placeholder { font-weight: normal; color: #6b6b6b; }
::-moz-placeholder { font-weight: normal; color: #6b6b6b; }
:-ms-input-placeholder { font-weight: normal; color: #6b6b6b; }
:-moz-placeholder { font-weight: normal; color: #6b6b6b; }


/* calendar */
#ui-datepicker-div { display: none; margin-left: -84px; z-index: 2 !important; }
.ui-datepicker { width: 15em; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 6px; }
.ui-datepicker .ui-datepicker-prev { left: 4px; }
.ui-datepicker .ui-datepicker-next { right: 4px; }
.ui-datepicker select { padding: 0 24px 0 3px; color: #333; }
.ui-datepicker select.ui-datepicker-year { width: 51%; }
.ui-datepicker select.ui-datepicker-month { width: 47%; }
.ui-datepicker .ui-datepicker-week-end { color: #00f; }
.ui-datepicker .ui-datepicker-week-end a { color: #00f; }
.ui-datepicker .ui-datepicker-week-end:first-child { color: #f00; }
.ui-datepicker .ui-datepicker-week-end:first-child a { color: #f00; }
.ui-widget-content .ui-state-highlight { border: 1px solid #f60; }

/* header */
.center-wrap { position: relative; margin: 0 auto; width: 1127px; }
#header { height: 97px; }
#header .top-search { position: absolute; top: 25px; left: 123px; width: 232px; height: 33px; border-bottom: 1px solid #000; }
#header .top-search input[type=text] { float: left; padding: 0 0 0 2px; width: 200px; height: 33px; line-height: 33px; border: 0; }
#header .top-search input[type=image] { float: right; margin-top: 10px; width: 21px; }
#header #gnb { position: absolute; top: 33px; right: 195px; background: url(/images/common/split_10px.gif) no-repeat left center; }
#header #gnb li { float: left; padding: 0 31px 0 30px; background: url(/images/common/split_10px.gif) no-repeat right center; }
#header #gnb li:first-child { padding-left: 31px; }
#header #gnb li a { font-size: 17px; font-weight: 500; color: #383838; }
#header .membership { position: absolute; top: 28px; right: 0; }
#header .membership a { display: inline-block; width: 80px; height: 31px; line-height: 31px; vertical-align: top; text-align: center; color: #fff; border: 1px solid #6e6e6e; background-color: #9e9e9e; border-radius: 16px; text-shadow: -1px -1px 0 #797979, 1px -1px 0 #797979, -1px 1px 0 #797979, 1px 1px 0 #797979; }
#header .membership a:first-child {border: 1px solid #133080; background-color: #2151da; text-shadow: -1px -1px 0 #2042a3, 1px -1px 0 #2042a3, -1px 1px 0 #2042a3, 1px 1px 0 #2042a3; }


/* footer */
#footer { position: relative; border-top: 1px solid #d7d7d7; }
#footer .top { position: absolute; top: -24px; left: 50%; margin: 0 0 0 -24px; width: 48px; height: 111px; background: url(/images/common/bg_top.png) no-repeat; }
#footer .top img { vertical-align: top; }
#footer .f-menu { height: 66px; }
#footer .f-menu ul { float: right; margin-top: 25px; padding-left: 1px; background: url(/images/common/split_7px.gif) no-repeat left center; }
#footer .f-menu ul:first-child { float: left; }
#footer .f-menu ul li { float: left; padding-right: 1px; width: 117px; text-align: center; background: url(/images/common/split_7px.gif) no-repeat right center; }
#footer .f-menu ul li a { font-size: 11px; color: #2151da; }
#footer .footer { height: 310px; color: #fff; background-color: #1536ca; }
#footer .footer .f-logo { position: absolute; top: 104px; left: 0; }
#footer .footer .f-info { position: absolute; top: 60px; left: 202px; }
#footer .footer .f-info p { line-height: 33px; font-size: 13px; }
#footer .footer .f-info p.copyright { margin-top: 25px; }
#footer .footer .f-right { position: absolute; top: 72px; right: 0; }
#footer .footer .f-right .sns { padding-left: 1px; height: 14px; background: url(/images/common/split_f_6px.png) no-repeat left center; }
#footer .footer .f-right .sns li { float: left; padding-right: 1px; width: 50px; height: 14px; text-align: center; background: url(/images/common/split_f_6px.png) no-repeat right center; }
#footer .footer .f-right select { margin-top: 25px; padding: 0; width: 100%; height: 42px; font-size: 13px; color: #fff; border: 0; border-bottom: 1px solid #fff; background: url(/images/common/arr_f_select.png) no-repeat transparent 196px center; }
#footer .footer .f-right select option { color: #1536ca; }
#footer .footer .f-right .worktime { margin-top: 39px; font-size: 13px; }
#footer .footer .f-right .worktime span { margin: 0 3px 0 4px; }


/* side */
#l-side { position: fixed; top: 299px; left: 50%; margin: 0 0 0 -839px; }
#l-side p { margin-bottom: 12px; }
#r-side { position: fixed; top: 280px; left: 50%; margin: 0 0 0 690px; }
#r-side p { margin-bottom: 12px; }

.mt3  { margin-top: 3px; }
.mt5  { margin-top: 5px; }
.mt30 { margin-top: 30px; }
.mb5  { margin-bottom: 5px; }
.fs11 { font-size: 11px; }
.b    { font-weight: bold; }
.c    { text-align: center; }
.l    { text-align: left; }