input[type="text"], input[type="password"], input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {padding:8px 7px; border:1px solid #e5e5e5; border-radius:0 !important; -webkit-appearance:none !important; background:#fff; outline:none}

textarea {padding:5px; border:1px solid #e5e5e5; height:auto; overflow:auto; outline:none; vertical-align:middle}

input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {border-color:#097da5}

input[type="text"].input_calendar {line-height:1; padding:8px 24px 8px 7px; border:1px solid #e5e5e5; background:url('../images/icon_calender.gif') right center no-repeat; width:100px; cursor:pointer}

select {padding:7px 5px; border:1px solid #e5e5e5; background:#fff; color:#333; vertical-align:middle}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

.paging {height:28px; margin-bottom:50px; text-align:center; position:relative}
.paging .num {display:inline-block; vertical-align:middle}
.paging .num a,
.paging strong {display:inline-block; width:28px; height:28px; line-height:28px; margin:0 -1px; background:#e7e5e5; font-weight:bold; color:#4d4d4d; text-align:center}
.paging .num a:hover,
.paging strong.on {background:#737373; color:#fff}
.paging .btn {display:inline-block; vertical-align:top; padding:0; margin:0; border:none}
.paging .btn a {display:block; width:28px; height:28px; margin:0 -2px; text-indent:-9999px}
.paging .first {background:url('../images/btn_paging.gif') no-repeat 0 0}
.paging .prev {margin-right:-3px !important; border-left:1px solid #e7e5e5; background:url('../images/btn_paging.gif') no-repeat -28px 0}
.paging .next {margin-left:-3px !important; border-right:1px solid #e7e5e5; background:url('../images/btn_paging.gif') no-repeat -84px 0}
.paging .last {background:url('../images/btn_paging.gif') no-repeat -56px 0}

[class^="x_icon-"], 
[class*=" x_icon-"] {display:inline-block;width:14px;height:14px;margin-top:1px;*margin-right:.3em;line-height:14px;vertical-align:text-top; background-color:transparent; background-image:url("../images/icon/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat; font-size:0; opacity: .5; filter: alpha(opacity=50); border:none; cursor:pointer}

[class*="x_icon-"]:hover,
[class*="x_icon-"]:focus,
*:hover>[class*="x_icon-"],
*:focus>[class*="x_icon-"] {opacity: 1; filter: alpha(opacity=100)}

.x_icon-glass{background-position:0 0}
.x_icon-music{background-position:-24px 0}
.x_icon-search{background-position:-48px 0}
.x_icon-envelope{background-position:-72px 0}
.x_icon-heart{background-position:-96px 0}
.x_icon-star{background-position:-120px 0}
.x_icon-star-empty{background-position:-144px 0}
.x_icon-user{background-position:-168px 0}
.x_icon-film{background-position:-192px 0}
.x_icon-th-large{background-position:-216px 0}
.x_icon-th{background-position:-240px 0}
.x_icon-th-list{background-position:-264px 0}
.x_icon-ok{background-position:-288px 0}
.x_icon-remove{background-position:-312px 0}
.x_icon-zoom-in{background-position:-336px 0}
.x_icon-zoom-out{background-position:-360px 0}
.x_icon-off{background-position:-384px 0}
.x_icon-signal{background-position:-408px 0}
.x_icon-cog{background-position:-432px 0}
.x_icon-trash{background-position:-456px 0}
.x_icon-home{background-position:0 -24px}
.x_icon-file{background-position:-24px -24px}
.x_icon-time{background-position:-48px -24px}
.x_icon-road{background-position:-72px -24px}
.x_icon-download-alt{background-position:-96px -24px}
.x_icon-download{background-position:-120px -24px}
.x_icon-upload{background-position:-144px -24px}
.x_icon-inbox{background-position:-168px -24px}
.x_icon-play-circle{background-position:-192px -24px}
.x_icon-repeat{background-position:-216px -24px}
.x_icon-refresh{background-position:-240px -24px}
.x_icon-list-alt{background-position:-264px -24px}
.x_icon-lock{background-position:-287px -24px}
.x_icon-flag{background-position:-312px -24px}
.x_icon-headphones{background-position:-336px -24px}
.x_icon-volume-off{background-position:-360px -24px}
.x_icon-volume-down{background-position:-384px -24px}
.x_icon-volume-up{background-position:-408px -24px}
.x_icon-qrcode{background-position:-432px -24px}
.x_icon-barcode{background-position:-456px -24px}
.x_icon-tag{background-position:0 -48px}
.x_icon-tags{background-position:-25px -48px}
.x_icon-book{background-position:-48px -48px}
.x_icon-bookmark{background-position:-72px -48px}
.x_icon-print{background-position:-96px -48px}
.x_icon-camera{background-position:-120px -48px}
.x_icon-font{background-position:-144px -48px}
.x_icon-bold{background-position:-167px -48px}
.x_icon-italic{background-position:-192px -48px}
.x_icon-text-height{background-position:-216px -48px}
.x_icon-text-width{background-position:-240px -48px}
.x_icon-align-left{background-position:-264px -48px}
.x_icon-align-center{background-position:-288px -48px}
.x_icon-align-right{background-position:-312px -48px}
.x_icon-align-justify{background-position:-336px -48px}
.x_icon-list{background-position:-360px -48px}
.x_icon-indent-left{background-position:-384px -48px}
.x_icon-indent-right{background-position:-408px -48px}
.x_icon-facetime-video{background-position:-432px -48px}
.x_icon-picture{background-position:-456px -48px}
.x_icon-pencil{background-position:0 -72px}
.x_icon-map-marker{background-position:-24px -72px}
.x_icon-adjust{background-position:-48px -72px}
.x_icon-tint{background-position:-72px -72px}
.x_icon-edit{background-position:-96px -72px}
.x_icon-share{background-position:-120px -72px}
.x_icon-check{background-position:-144px -72px}
.x_icon-move{background-position:-168px -72px}
.x_icon-step-backward{background-position:-192px -72px}
.x_icon-fast-backward{background-position:-216px -72px}
.x_icon-backward{background-position:-240px -72px}
.x_icon-play{background-position:-264px -72px}
.x_icon-pause{background-position:-288px -72px}
.x_icon-stop{background-position:-312px -72px}
.x_icon-forward{background-position:-336px -72px}
.x_icon-fast-forward{background-position:-360px -72px}
.x_icon-step-forward{background-position:-384px -72px}
.x_icon-eject{background-position:-408px -72px}
.x_icon-chevron-left{background-position:-432px -72px}
.x_icon-chevron-right{background-position:-456px -72px}
.x_icon-plus-sign{background-position:0 -96px}
.x_icon-minus-sign{background-position:-24px -96px}
.x_icon-remove-sign{background-position:-48px -96px}
.x_icon-ok-sign{background-position:-72px -96px}
.x_icon-question-sign{background-position:-96px -96px}
.x_icon-info-sign{background-position:-120px -96px}
.x_icon-screenshot{background-position:-144px -96px}
.x_icon-remove-circle{background-position:-168px -96px}
.x_icon-ok-circle{background-position:-192px -96px}
.x_icon-ban-circle{background-position:-216px -96px}
.x_icon-arrow-left{background-position:-240px -96px}
.x_icon-arrow-right{background-position:-264px -96px}
.x_icon-arrow-up{background-position:-289px -96px}
.x_icon-arrow-down{background-position:-312px -96px}
.x_icon-share-alt{background-position:-336px -96px}
.x_icon-resize-full{background-position:-360px -96px}
.x_icon-resize-small{background-position:-384px -96px}
.x_icon-plus{background-position:-408px -96px}
.x_icon-minus{background-position:-433px -96px}
.x_icon-asterisk{background-position:-456px -96px}
.x_icon-exclamation-sign{background-position:0 -120px}
.x_icon-gift{background-position:-24px -120px}
.x_icon-leaf{background-position:-48px -120px}
.x_icon-fire{background-position:-72px -120px}
.x_icon-eye-open{background-position:-96px -120px}
.x_icon-eye-close{background-position:-120px -120px}
.x_icon-warning-sign{background-position:-144px -120px}
.x_icon-plane{background-position:-168px -120px}
.x_icon-calendar{background-position:-192px -120px}
.x_icon-random{width:16px;background-position:-216px -120px}
.x_icon-comment{background-position:-240px -120px}
.x_icon-magnet{background-position:-264px -120px}
.x_icon-chevron-up{background-position:-288px -120px}
.x_icon-chevron-down{background-position:-313px -119px}
.x_icon-retweet{background-position:-336px -120px}
.x_icon-shopping-cart{background-position:-360px -120px}
.x_icon-folder-close{background-position:-384px -120px}
.x_icon-folder-open{width:16px;background-position:-408px -120px}
.x_icon-resize-vertical{background-position:-432px -119px}
.x_icon-resize-horizontal{background-position:-456px -118px}
.x_icon-hdd{background-position:0 -144px}
.x_icon-bullhorn{background-position:-24px -144px}
.x_icon-bell{background-position:-48px -144px}
.x_icon-certificate{background-position:-72px -144px}
.x_icon-thumbs-up{background-position:-96px -144px}
.x_icon-thumbs-down{background-position:-120px -144px}
.x_icon-hand-right{background-position:-144px -144px}
.x_icon-hand-left{background-position:-168px -144px}
.x_icon-hand-up{background-position:-192px -144px}
.x_icon-hand-down{background-position:-216px -144px}
.x_icon-circle-arrow-right{background-position:-240px -144px}
.x_icon-circle-arrow-left{background-position:-264px -144px}
.x_icon-circle-arrow-up{background-position:-288px -144px}
.x_icon-circle-arrow-down{background-position:-312px -144px}
.x_icon-globe{background-position:-336px -144px}
.x_icon-wrench{background-position:-360px -144px}
.x_icon-tasks{background-position:-384px -144px}
.x_icon-filter{background-position:-408px -144px}
.x_icon-briefcase{background-position:-432px -144px}
.x_icon-fullscreen{background-position:-456px -144px}


.btn_group {position:relative; display:inline-block; vertical-align:middle; text-align:right}
.btn_group > .btn {float:left; position:relative; margin-left:-1px; z-index:1}
.btn_group > .btn:first-child {margin-left: 0}
.btn_group > .btn:hover,
.btn_group > .btn:focus,
.btn_group > .btn:active,
.btn_group > .btn.active {z-index:2}
.btn_group > .btn:first-child {margin-left: 0; float:left}
.btn_group > img.allow {width:29px; height:29px; float:left}

/***********************************************
 ** 버튼
 ***********************************************/

.btn {border-radius:0; padding:8px 14px; border:1px solid; cursor:pointer; display:inline-block; font-weight:700 !important; line-height:1.5}

.btn_lg {padding:9px 16px 8px; font-size:14px; border-radius:0}
.btn_sm {padding:8px 10px; border-radius:0}
.btn_ssm {padding:7px 10px; border-radius:0}
.btn_xs {padding:1px 5px; font-size:11px; line-height:1.5; border-radius:0; font-weight:normal !important}
.btn_xl {height:38px; padding:0 30px; font-size:13px; border-radius:0}
.btn_2xl {height:38px; padding:0 45px; font-size:13px; border-radius:0}

a.btn {display:inline-block; vertical-align:middle; text-decoration:none}
/*button.btn.btn_blue {padding:7px 12px 6px}*/

.btn_white,
.btn_gray,
.btn_black,
.btn_blue,
.btn_blue_line {text-shadow:none; -webkit-box-shadow:none; box-shadow:none}

.btn_white:active,
.btn_gray:active,
.btn_black:active,
.btn_blue:active,
.btn_blue_line:active,
.btn_white.active,
.btn_gray.active,
.btn_black.active,
.btn_blue.active,
.btn_blue_line.active {-webkit-box-shadow:none; box-shadow:none}

.btn_white.disabled,
.btn_gray.disabled,
.btn_black:disabled,
.btn_blue.disabled,
.btn_blue_line.disabled,
.btn_white[disabled],
.btn_gray[disabled],
.btn_black[disabled],
.btn_blue[disabled],
.btn_blue_line[disabled],
fieldset[disabled] .btn_white,
fieldset[disabled] .btn_gray,
fieldset[disabled] .btn_black,
fieldset[disabled] .btn_blue,
fieldset[disabled] .btn_blue_line {-webkit-box-shadow:none; box-shadow:none}

.btn:active,
.btn.active {background-image:none}

/* 하얀색 버튼 */
.btn_white {background-image:none; background-color:#FFF !important; text-shadow:none; color:#444; border-color:#CCC; -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; transition:border-color 0.2s ease}
.btn_white:hover,
.btn_white:focus {background-color:#FFF; border-color:#666; color:#444; text-decoration:none}

.btn_white.disabled,
.btn_white[disabled],
fieldset[disabled] .btn_white,
.btn_white.disabled:hover,
.btn_white[disabled]:hover,
fieldset[disabled] .btn_white:hover,
.btn_white.disabled:focus,
.btn_white[disabled]:focus,
fieldset[disabled] .btn_white:focus,
.btn_white.disabled.focus,
.btn_white[disabled].focus,
fieldset[disabled] .btn_white.focus,
.btn_white.disabled:active,
.btn_white[disabled]:active,
fieldset[disabled] .btn_white:active,
.btn_white.disabled.active,
.btn_white[disabled].active,
fieldset[disabled] .btn_white.active {background-color:#FFF; background-image:none; border-color:#999; color:#999}

/* 회색 버튼 */
.btn_gray {background-image:none; background-color:#BCBCBC; color:#FFF; border-color:#AAA}
.btn_gray:hover,
.btn_gray:focus {background-color:#999; background-position:0 -15px; border-color:#888; color:#FFF}
.btn_gray:active,
.btn_gray.active {background-color:#999; border-color:#888; color:#FFF}

.btn_gray.disabled,
.btn_gray[disabled],
fieldset[disabled] .btn_gray,
.btn_gray.disabled:hover,
.btn_gray[disabled]:hover,
fieldset[disabled] .btn_gray:hover,
.btn_gray.disabled:focus,
.btn_gray[disabled]:focus,
fieldset[disabled] .btn_gray:focus,
.btn_gray.disabled.focus,
.btn_gray[disabled].focus,
fieldset[disabled] .btn_gray.focus,
.btn_gray.disabled:active,
.btn_gray[disabled]:active,
fieldset[disabled] .btn_gray:active,
.btn_gray.disabled.active,
.btn_gray[disabled].active,
fieldset[disabled] .btn_gray.active {background-color:#888; background-image:none; border-color:#999; color:#D1D1D1}

/* 검정색 버튼 */
.btn_black {background-image:none; background-color:#666; text-shadow:none; color:#fff !important; border-color:#666}
.btn_black:hover,
.btn_black:focus {background-color:#444; background-position:0 -15px; border-color:#444; color:#FFF}
.btn_black:active,
.btn_black.active {background-color:#444; border-color:#444; color:#FFF}
.btn_black.disabled,
.btn_black[disabled],
fieldset[disabled] .btn_black,
.btn_black.disabled:hover,
.btn_black[disabled]:hover,
fieldset[disabled] .btn_black:hover,
.btn_black.disabled:focus,
.btn_black[disabled]:focus,
fieldset[disabled] .btn_black:focus,
.btn_black.disabled.focus,
.btn_black[disabled].focus,
fieldset[disabled] .btn_black.focus,
.btn_black.disabled:active,
.btn_black[disabled]:active,
fieldset[disabled] .btn_black:active,
.btn_black.disabled.active,
.btn_black[disabled].active,
fieldset[disabled] .btn_black.active {background-color:#444; background-image:none; border-color:#444; color:#D1D1D1}

/* 파란색 버튼 */
.btn_blue {background-image:none; background-color:#0080ff; text-shadow:none; color:#FFF; border-color:#0080ff; color:#fff !important}
/*a.btn_blue {font-size:12px; padding:7px 12px 6px}*/
.btn_blue:hover,
.btn_blue:focus {background-color:#005db8; background-position:0 -15px; border-color:#005db8; color:#FFF; text-decoration:none}
.btn_blue:active,
.btn_blue.active {background-color:#005db8; border-color:#005db8; color:#FFF}
.btn_blue.disabled,
.btn_blue[disabled],
fieldset[disabled] .btn_blue,
.btn_blue.disabled:hover,
.btn_blue[disabled]:hover,
fieldset[disabled] .btn_blue:hover,
.btn_blue.disabled:focus,
.btn_blue[disabled]:focus,
fieldset[disabled] .btn_blue:focus,
.btn_blue.disabled.focus,
.btn_blue[disabled].focus,
fieldset[disabled] .btn_blue.focus,
.btn_blue.disabled:active,
.btn_blue[disabled]:active,
fieldset[disabled] .btn_blue:active,
.btn_blue.disabled.active,
.btn_blue[disabled].active,
fieldset[disabled] .btn_blue.active {background-color:#005db8; background-image:none; border-color:#005db8; color:#D1D1D1}

/* 파란 라인 버튼 */

.btn_blue_line {background-image:none; background-color:#FFF; background:url('../images/icon_plus_s_on.png') no-repeat 10px 50%; text-shadow:none; color:#0080ff; border-color:#0080ff; padding-left:25px}
.btn_blue_line {background-position:10px 50%}
.btn_blue_line:hover,
.btn_blue_line:focus {background-color:#FFF; background-position:0 -15px; background:url('../images/icon_plus_s_on.png') no-repeat 10px 50%; border-color:#005db8; color:#005db8}
.btn_blue_line:active,
.btn_blue_line.active {background-color:#FFF; border-color:#005db8; color:#005db8}

.btn_blue_line.disabled,
.btn_blue_line[disabled],
fieldset[disabled] .btn_blue_line,
.btn_blue_line.disabled:hover,
.btn_blue_line[disabled]:hover,
fieldset[disabled] .btn_blue_line:hover,
.btn_blue_line.disabled:focus,
.btn_blue_line[disabled]:focus,
fieldset[disabled] .btn_blue_line:focus,
.btn_blue_line.disabled.focus,
.btn_blue_line[disabled].focus,
fieldset[disabled] .btn_blue_line.focus,
.btn_blue_line.disabled:active,
.btn_blue_line[disabled]:active,
fieldset[disabled] .btn_blue_line:active,
.btn_blue_line.disabled.active,
.btn_blue_line[disabled].active,
fieldset[disabled] .btn_blue_line.active {background-color:#FFF; background-image:none; background:url('../images/icon_plus_s_on.png') no-repeat 10px 50%; border-color:#005db8; color:#005db8}

.btn_icon_excel {background:#fff url('../images/icon_excel_off.png') no-repeat 10px 50%; padding-left:32px}
.btn_icon_excel:focus,
.btn_icon_excel:hover {background:url('../images/icon_excel_on.png') no-repeat 10px 50%}

/***********************************************
 ** 아이콘 버튼
 ***********************************************/

.btn_icon_plus {margin:0 10px 0 0; background:#fff url('../images/icon_plus_s_off.png') no-repeat 10px 50%; padding-left:25px}
.btn_icon_plus:hover {background:url('../images/icon_plus_s_on.png') no-repeat 10px 50%}

.btn_sm.btn_icon_plus {padding-left:20px; background-position:6px 50%}
.btn_sm.btn_icon_plus:hover {background-position: 6px 50%}

.btn_icon_minus {margin:0 10px 0 0; background:#fff url('../images/icon_minus_s_off.png') no-repeat 10px 50%; padding-left: 25px}
.btn_icon_minus:hover {background:url('../images/icon_minus_s_on.png') no-repeat 10px 50%}

.btn_sm.btn_icon_minus {padding-left:20px; background-position: 6px 50%}
.btn_sm.btn_icon_minus:hover {background-position:6px 50%}

.btn_icon_left,
.btn_icon_right,
.btn_icon_bottom,
.btn_icon_down,
.btn_icon_first,
.btn_icon_last,
.btn_icon_up,
.btn_icon_top {text-indent:-9999px; padding-left:14px; padding-right:14px; background-color:#fff !important}

.btn_icon_bottom {background:url('../images/icon_arrow_down2_off.png') no-repeat 50% 50%}
.btn_icon_bottom:focus ,
.btn_icon_bottom:hover {background:url('../images/icon_arrow_down2_on.png') no-repeat 50% 50%}

.btn_icon_top {background:url('../images/icon_arrow_top2_off.png') no-repeat 50% 50%}
.btn_icon_top:focus,
.btn_icon_top:hover {background:url('../images/icon_arrow_top2_on.png') no-repeat 50% 50%}

.btn_icon_down {background:url('../images/icon_arrow_down_off.png') no-repeat 50% 50%}
.btn_icon_down:focus,
.btn_icon_down:hover {background:url('../images/icon_arrow_down_on.png') no-repeat 50% 50%}

.btn_icon_up {background:url('../images/icon_arrow_top_off.png') no-repeat 50% 50%}
.btn_icon_up:focus,
.btn_icon_up:hover {background:url('../images/icon_arrow_top_on.png') no-repeat 50% 50%}

.btn_icon_left {background:url('../images/icon_arrow_left_off.png') no-repeat 50% 50%}
.btn_icon_left:focus,
.btn_icon_left:hover {background:url('../images/icon_arrow_left_on.png') no-repeat 50% 50%}

.btn_icon_right {background:url('../images/icon_arrow_right_off.png') no-repeat 50% 50%}
.btn_icon_right:focus,
.btn_icon_right:hover {background:url('../images/icon_arrow_right_on.png') no-repeat 50% 50%}

.btn_icon_first {background:url('../images/icon_arrow_left2_off.png') no-repeat 50% 50%}
.btn_icon_first:focus,
.btn_icon_first:hover {background:url('../images/icon_arrow_left2_on.png') no-repeat 50% 50%}

.btn_icon_last {background:url('../images/icon_arrow_right2_off.png') no-repeat 50% 50%}
.btn_icon_last:focus,
.btn_icon_last:hover {background:url('../images/icon_arrow_right2_on.png') no-repeat 50% 50%}

.icon_tooltip {display:inline-block; margin:0; width:14px; height:14px; vertical-align:middle; background:url('../images/icon_tooltip_off.png') no-repeat; cursor:pointer; padding:0 3px; font-size:0}
.icon_tooltip:hover {background: url('../images/icon_tooltip_on.png') no-repeat}

.btn_icon_print {background:url('../images/icon_print_off.png') no-repeat 10px 50%; padding-left:32px}
.btn_icon_print:focus,
.btn_icon_print:hover {background:url('../images/icon_print_on.png') no-repeat 10px 50%}

.btn_icon_tax_common {background:url('../images/icon_tax_common.png') no-repeat 10px 50%; padding-left:32px}

.btn_icon_tax_common:focus,
.btn_icon_tax_common:hover {background:url('../images/icon_tax_common.png') no-repeat 10px 50%}

.btn_icon_mail {text-indent:-9999px; padding:0; width:24px; height:24px; background:url('../images/icon_mail.png') no-repeat left top; border:none}
.btn_icon_sms {text-indent: -9999px; padding:0; width:24px; height:24px; background:url('../images/icon_sms.png') no-repeat left top; border:none}
.btn_icon_cs {text-indent:-9999px; padding:0; width:24px; height:24px; background:url('../images/icon_cs.png') no-repeat left top; border:none}

.btn_icon_delete {text-indent:-9000px; padding:0 5px; background:url('../images/icon_delete_off.png') no-repeat 50% 50%}
.btn_icon_delete:hover {background:url('../images/icon_delete_on.png') no-repeat 50% 50%}