@charset "utf-8";
/* Sticky banner */
.top_banner { position: relative; top: 20px; width: 100%; z-index: 100;}
.banner_wrap { position: relative; width: 980px; height: 0; margin:0 auto; padding: 0 10px;}
.banner_wrap > div { position: absolute; top: 0; width: 160px;}
.banner_wrap .banner_left { left:-170px; text-align: right;}
.banner_wrap .banner_right { right:-170px; text-align: left;}
.com_ban { text-align: center;}

/* Form SET */
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email] { border:1px solid #dedede; border-radius:0; -webkit-appearance:none; font-family: San Francisco, Apple SD Gothic Neo, 맑은고딕, Malgun Gothic, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; color:#222; font-size:14px; width:100%; height:16px; padding:10px 7px; margin:0;}
input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=email]:disabled { background:#e3e3e3; color:#a3a3a3 !important;}
button, input[type=button], input[type=reset], input[type=submit] { cursor:pointer; -webkit-appearance:button; border:none; font-family: San Francisco, Apple SD Gothic Neo, 맑은고딕, Malgun Gothic, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; font-size:15px; margin:0; border-radius:0; outline:0;}

input[type=file] { border:1px solid #dedede; border-radius:0; -webkit-appearance:none; font-family: Nanum Gothic, Apple SD Gothic Neo, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; color:#222; font-size:14px; width:100%; height:38px; line-height: 38px; background: #fff !important; margin: 0 !important;}

.file_wrap { padding-right: 2px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
input[type=file] { height:20px; line-height: 1.2; padding: 7px 0 9px;}
}

input[type=radio], input[type=checkbox] { position:absolute; top:4px; left:4px; margin:2px !important;}

textarea { width:100%; border:1px solid #dedede; -webkit-appearance:none; border-radius:0; font-family: Nanum Gothic, Apple SD Gothic Neo, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; color:#222; font-size:14px; padding:10px 7px; line-height:1.4;}

/* checkbox radio */
.icheckbox { position:absolute; top:1px; width:20px; height:20px;  background:url(../btn/btn_chk.png) no-repeat 0 0; cursor:pointer;}
.chk { color:#444; display:inline-block; margin:1px 5px 5px; padding-left:22px; font-size:14px; cursor:pointer;}
.icheckbox.checked { background-position:0 -20px;}
.icheckbox.disabled { background-position:0 -40px;}
.chk_all { position:relative; display:inline-block; cursor:pointer;}

.chk_s .icheckbox { width:14px; height:14px; background:url(../btn/btn_chk_s.png) no-repeat 0 0;}
.chk_s .chk { margin:3px 5px 5px; padding-left:17px; color: #808080;}
.chk_s .icheckbox.checked { background-position:0 -14px;}
.chk_s .icheckbox.disabled { background-position:0 -28px;}

.iradio { position:absolute; top:1px; width:20px; height:20px; background:url(../btn/btn_rdo.png) no-repeat 0 0;}
.rdo { color:#444; display:inline-block; margin:1px 5px 5px; padding-left:22px; cursor:pointer;}
.iradio.checked { background-position:0 -20px;}
.iradio.disabled { background-position:0 -40px;}
.rdo_all { position:relative; display:inline-block; cursor:pointer;}

/* selectbox */
select { font-family: Nanum Gothic, Apple SD Gothic Neo, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; color:#222; font-size:15px; margin:0;}
.slt { display:inline-block; height:36px; overflow:hidden; border:1px solid #dedede; vertical-align:middle; background:#fff url(../bg/bg_select.png) no-repeat right center; font-size:15px;}
.slt > span { display:block; margin-right:-20px;}
.slt select { display:block; background:transparent; width:100%; margin-right:65px; border:0; font-size:14px !important; height:38px; padding: 10px 0; -webkit-appearance:none; vertical-align:middle; margin-top:-1px; padding-left:8px;}
.slt select:checked { background:transparent;}

.select_box { position: relative; display: inline-block; height: 36px; background: #fff url(../bg/bg_select.png) right center no-repeat; border: 1px solid @border_main_color@;}
.select_box.disabled { background-color: #eee;}
.select_box.disabled label { color: #a9a9a9;}
.select_box label { position: absolute; font-size: 14px; color: #000; top: 8px; left: 9px; z-index: 1; letter-spacing: 0;}
.select_box select { position: relative; width: 100%; height: 36px; line-height: 36px; padding: 10px 0; margin: 0 -1px; opacity: 0; filter: alpha(opacity=0); z-index: 2; -webkit-appearance:none; vertical-align:middle;}
.select_box.bd_sel select { width: 95px;}

.float_list { position: relative;}
.float_list:after { content: ""; display: block; clear: both;}
.float_list li { position: relative; float: left;}
.float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.float_list li:first-child:before { display: none;}
.float_list li input { width: 65px;}


/* datepicker */
.ui-datepicker { width:255px; display:none; background:#f0f0f0; z-index:11 !important; border-right:2px solid #bababa; border-bottom:2px solid #bababa;}
.ui-datepicker a { transition: .3s all ease;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:10px 0; border-bottom:1px solid #fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:8px; width:30px; height:30px; background:url(../btn/btn_calsel.png) no-repeat 0 0; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:none;}
.ui-datepicker .ui-datepicker-prev { left:10px;}
.ui-datepicker .ui-datepicker-next { right:10px; background-position:-30px 0;}
.ui-datepicker .ui-datepicker-prev-hover { background-position:0 -30px;}
.ui-datepicker .ui-datepicker-next-hover { background-position:-30px -30px;}
.ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center;}
.ui-datepicker .ui-datepicker-title * { font-size:15px;}
.ui-datepicker select.ui-datepicker-month-year { width:100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em;}
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;}
.ui-datepicker td { padding:3px;}
.ui-datepicker td span, .ui-datepicker td a { display:block; width:30px; height:22px; padding-top:8px; background:#fff; text-align:center; border-radius:50%;}
.ui-datepicker td a:hover { background:#7f7f7f; color:#fff;}
.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; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-week-end span, .ui-datepicker-week-end a { color:#d4253e;}
.cal_wrap img { cursor:pointer; margin-left:5px;}
.ui-state-highlight { color:#2162af;}