@charset "UTF-8";
/* $base-font-size : 14px;
$h2-font-size : 20px;
$title-font-size : 20px;
$em-base : $base-font-size; // rem() 믹스인 기준 값 16px → 14px 변경

$base-font-color : #888;
$strong-font-color : #111;
$h-font-color : #111;
$form-font-color : #666; */
/** bootstarp */
.container { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; }
.container::after { content: ""; display: table; clear: both; }
@media (min-width: 544px) { .container { max-width: 576px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 799px) { .container { max-width: 757px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.container-fluid { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; }
.container-fluid::after { content: ""; display: table; clear: both; }

.row { margin-left: -0.9375rem; margin-right: -0.9375rem; }
.row::after { content: ""; display: table; clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333% !important; }

.col-xs-2 { width: 16.66667% !important; }

.col-xs-3 { width: 25% !important; }

.col-xs-4 { width: 33.33333% !important; }

.col-xs-5 { width: 41.66667% !important; }

.col-xs-6 { width: 50% !important; }

.col-xs-7 { width: 58.33333% !important; }

.col-xs-8 { width: 66.66667% !important; }

.col-xs-9 { width: 75% !important; }

.col-xs-10 { width: 83.33333% !important; }

.col-xs-11 { width: 91.66667% !important; }

.col-xs-12 { width: 100% !important; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333%; }

.col-xs-pull-2 { right: 16.66667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333%; }

.col-xs-pull-5 { right: 41.66667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333%; }

.col-xs-pull-8 { right: 66.66667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333%; }

.col-xs-pull-11 { right: 91.66667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333%; }

.col-xs-push-2 { left: 16.66667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333%; }

.col-xs-push-5 { left: 41.66667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333%; }

.col-xs-push-8 { left: 66.66667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333%; }

.col-xs-push-11 { left: 91.66667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333%; }

.col-xs-offset-2 { margin-left: 16.66667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333%; }

.col-xs-offset-5 { margin-left: 41.66667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333%; }

.col-xs-offset-8 { margin-left: 66.66667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333%; }

.col-xs-offset-11 { margin-left: 91.66667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 544px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333% !important; }
  .col-sm-2 { width: 16.66667% !important; }
  .col-sm-3 { width: 25% !important; }
  .col-sm-4 { width: 33.33333% !important; }
  .col-sm-5 { width: 41.66667% !important; }
  .col-sm-6 { width: 50% !important; }
  .col-sm-7 { width: 58.33333% !important; }
  .col-sm-8 { width: 66.66667% !important; }
  .col-sm-9 { width: 75% !important; }
  .col-sm-10 { width: 83.33333% !important; }
  .col-sm-11 { width: 91.66667% !important; }
  .col-sm-12 { width: 100% !important; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333%; }
  .col-sm-pull-2 { right: 16.66667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333%; }
  .col-sm-pull-5 { right: 41.66667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333%; }
  .col-sm-pull-8 { right: 66.66667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333%; }
  .col-sm-pull-11 { right: 91.66667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333%; }
  .col-sm-push-2 { left: 16.66667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333%; }
  .col-sm-push-5 { left: 41.66667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333%; }
  .col-sm-push-8 { left: 66.66667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333%; }
  .col-sm-push-11 { left: 91.66667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333%; }
  .col-sm-offset-2 { margin-left: 16.66667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333%; }
  .col-sm-offset-5 { margin-left: 41.66667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333%; }
  .col-sm-offset-8 { margin-left: 66.66667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333%; }
  .col-sm-offset-11 { margin-left: 91.66667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333% !important; }
  .col-md-2 { width: 16.66667% !important; }
  .col-md-3 { width: 25% !important; }
  .col-md-4 { width: 33.33333% !important; }
  .col-md-5 { width: 41.66667% !important; }
  .col-md-6 { width: 50% !important; }
  .col-md-7 { width: 58.33333% !important; }
  .col-md-8 { width: 66.66667% !important; }
  .col-md-9 { width: 75% !important; }
  .col-md-10 { width: 83.33333% !important; }
  .col-md-11 { width: 91.66667% !important; }
  .col-md-12 { width: 100% !important; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333%; }
  .col-md-pull-2 { right: 16.66667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333%; }
  .col-md-pull-5 { right: 41.66667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333%; }
  .col-md-pull-8 { right: 66.66667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333%; }
  .col-md-pull-11 { right: 91.66667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333%; }
  .col-md-push-2 { left: 16.66667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333%; }
  .col-md-push-5 { left: 41.66667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333%; }
  .col-md-push-8 { left: 66.66667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333%; }
  .col-md-push-11 { left: 91.66667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333%; }
  .col-md-offset-2 { margin-left: 16.66667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333%; }
  .col-md-offset-5 { margin-left: 41.66667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333%; }
  .col-md-offset-8 { margin-left: 66.66667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333%; }
  .col-md-offset-11 { margin-left: 91.66667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@media (min-width: 799px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333% !important; }
  .col-lg-2 { width: 16.66667% !important; }
  .col-lg-3 { width: 25% !important; }
  .col-lg-4 { width: 33.33333% !important; }
  .col-lg-5 { width: 41.66667% !important; }
  .col-lg-6 { width: 50% !important; }
  .col-lg-7 { width: 58.33333% !important; }
  .col-lg-8 { width: 66.66667% !important; }
  .col-lg-9 { width: 75% !important; }
  .col-lg-10 { width: 83.33333% !important; }
  .col-lg-11 { width: 91.66667% !important; }
  .col-lg-12 { width: 100% !important; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333%; }
  .col-lg-pull-2 { right: 16.66667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333%; }
  .col-lg-pull-5 { right: 41.66667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333%; }
  .col-lg-pull-8 { right: 66.66667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333%; }
  .col-lg-pull-11 { right: 91.66667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333%; }
  .col-lg-push-2 { left: 16.66667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333%; }
  .col-lg-push-5 { left: 41.66667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333%; }
  .col-lg-push-8 { left: 66.66667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333%; }
  .col-lg-push-11 { left: 91.66667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333%; }
  .col-lg-offset-2 { margin-left: 16.66667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333%; }
  .col-lg-offset-5 { margin-left: 41.66667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333%; }
  .col-lg-offset-8 { margin-left: 66.66667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333%; }
  .col-lg-offset-11 { margin-left: 91.66667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
@media (min-width: 1200px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
  .col-xl-1 { width: 8.33333% !important; }
  .col-xl-2 { width: 16.66667% !important; }
  .col-xl-3 { width: 25% !important; }
  .col-xl-4 { width: 33.33333% !important; }
  .col-xl-5 { width: 41.66667% !important; }
  .col-xl-6 { width: 50% !important; }
  .col-xl-7 { width: 58.33333% !important; }
  .col-xl-8 { width: 66.66667% !important; }
  .col-xl-9 { width: 75% !important; }
  .col-xl-10 { width: 83.33333% !important; }
  .col-xl-11 { width: 91.66667% !important; }
  .col-xl-12 { width: 100% !important; }
  .col-xl-pull-0 { right: auto; }
  .col-xl-pull-1 { right: 8.33333%; }
  .col-xl-pull-2 { right: 16.66667%; }
  .col-xl-pull-3 { right: 25%; }
  .col-xl-pull-4 { right: 33.33333%; }
  .col-xl-pull-5 { right: 41.66667%; }
  .col-xl-pull-6 { right: 50%; }
  .col-xl-pull-7 { right: 58.33333%; }
  .col-xl-pull-8 { right: 66.66667%; }
  .col-xl-pull-9 { right: 75%; }
  .col-xl-pull-10 { right: 83.33333%; }
  .col-xl-pull-11 { right: 91.66667%; }
  .col-xl-pull-12 { right: 100%; }
  .col-xl-push-0 { left: auto; }
  .col-xl-push-1 { left: 8.33333%; }
  .col-xl-push-2 { left: 16.66667%; }
  .col-xl-push-3 { left: 25%; }
  .col-xl-push-4 { left: 33.33333%; }
  .col-xl-push-5 { left: 41.66667%; }
  .col-xl-push-6 { left: 50%; }
  .col-xl-push-7 { left: 58.33333%; }
  .col-xl-push-8 { left: 66.66667%; }
  .col-xl-push-9 { left: 75%; }
  .col-xl-push-10 { left: 83.33333%; }
  .col-xl-push-11 { left: 91.66667%; }
  .col-xl-push-12 { left: 100%; }
  .col-xl-offset-0 { margin-left: 0%; }
  .col-xl-offset-1 { margin-left: 8.33333%; }
  .col-xl-offset-2 { margin-left: 16.66667%; }
  .col-xl-offset-3 { margin-left: 25%; }
  .col-xl-offset-4 { margin-left: 33.33333%; }
  .col-xl-offset-5 { margin-left: 41.66667%; }
  .col-xl-offset-6 { margin-left: 50%; }
  .col-xl-offset-7 { margin-left: 58.33333%; }
  .col-xl-offset-8 { margin-left: 66.66667%; }
  .col-xl-offset-9 { margin-left: 75%; }
  .col-xl-offset-10 { margin-left: 83.33333%; }
  .col-xl-offset-11 { margin-left: 91.66667%; }
  .col-xl-offset-12 { margin-left: 100%; } }
/* ------------------------------------
* Font
*------------------------------------*/
/** Reset */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, table, th, td, input, select, button { margin: 0; padding: 0; }

fieldset, img { border: 0 none; }

dl, ul, ol, menu, li { list-style: none; }

blockquote, p { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, select, textarea, button { font-size: 100%; vertical-align: middle; }

button { border: 0 none; background-color: transparent; cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; }

body { -webkit-text-size-adjust: none; overflow-x: hidden; overflow-y: auto; }

input[type='text'], input[type='password'], input[type='submit'], input[type='search'] { -webkit-appearance: none; border-radius: 0; }

button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] { -webkit-appearance: button; border-radius: 0; }

input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none; }

caption { height: 0; overflow: hidden; font-size: 0; line-height: 0; text-indent: -20000px; }

body { background: #fff; }

th, td, input, select, textarea, button { font-size: 12px; line-height: 1.5; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; }

a { color: #1a1a1a; text-decoration: none; }

a:active, a:hover { color: #00A65A; text-decoration: none; }

table a, table a:hover, table a:active { text-decoration: underline; }

table .btn { text-decoration: none; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }

caption { font-size: 0; line-height: 0; text-indent: -999%; padding: 0; margin: 0; }

input.file-input { width: 100%; height: auto; border: none; text-indent: 0; line-height: 15px; }

input.input-sm[type="file"] { padding: 3px 10px; }

h1 { color: #202020; }

textarea { width: 100%; padding: 5px; overflow-y: auto; background-color: #f9fbfc; border: solid 1px #dedede; }

label { margin-top: 5px; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a[href^="tel"] { font-size: inherit; }

/* ------------------------------------
* Magic Number 
*------------------------------------*/
.h100 { height: 100px !important; }

.w100p { width: 100% !important; }

.mw0 { min-width: 0px !important; }

/* fontsize :10	~ 40 , 2++ */
.fz10 { font-size: 10px !important; }

.fz12 { font-size: 12px !important; }

.fz14 { font-size: 14px !important; }

.fz16 { font-size: 16px !important; }

.fz18 { font-size: 18px !important; }

.fz20 { font-size: 20px !important; }

.fz22 { font-size: 22px !important; }

.fz24 { font-size: 24px !important; }

.fz26 { font-size: 26px !important; }

.fz28 { font-size: 28px !important; }

.fz30 { font-size: 30px !important; }

.fz32 { font-size: 32px !important; }

.fz34 { font-size: 34px !important; }

.fz36 { font-size: 36px !important; }

.fz38 { font-size: 38px !important; }

.fz40 { font-size: 40px !important; }

.fz12.all * { font-size: 12px; display: inline-block; margin-top: -3px; }

/* margin : -50 ~ 100 , 5++ == */
.m0 { margin: 0px !important; }

.m5 { margin: 5px !important; }

.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m20 { margin: 20px !important; }

.m25 { margin: 25px !important; }

.m30 { margin: 30px !important; }

.m35 { margin: 35px !important; }

.m40 { margin: 40px !important; }

.m45 { margin: 45px !important; }

.m50 { margin: 50px !important; }

.ml-50 { margin-left: -50px !important; }

.ml-45 { margin-left: -45px !important; }

.ml-40 { margin-left: -40px !important; }

.ml-35 { margin-left: -35px !important; }

.ml-30 { margin-left: -30px !important; }

.ml-25 { margin-left: -25px !important; }

.ml-20 { margin-left: -20px !important; }

.ml-15 { margin-left: -15px !important; }

.ml-10 { margin-left: -10px !important; }

.ml-5 { margin-left: -5px !important; }

.ml0 { margin-left: 0px !important; }

.ml5 { margin-left: 5px !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; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.ml65 { margin-left: 65px !important; }

.ml70 { margin-left: 70px !important; }

.ml75 { margin-left: 75px !important; }

.ml80 { margin-left: 80px !important; }

.ml85 { margin-left: 85px !important; }

.ml90 { margin-left: 90px !important; }

.ml95 { margin-left: 95px !important; }

.ml100 { margin-left: 100px !important; }

.mt-50 { margin-top: -50px !important; }

.mt-45 { margin-top: -45px !important; }

.mt-40 { margin-top: -40px !important; }

.mt-35 { margin-top: -35px !important; }

.mt-30 { margin-top: -30px !important; }

.mt-25 { margin-top: -25px !important; }

.mt-20 { margin-top: -20px !important; }

.mt-15 { margin-top: -15px !important; }

.mt-10 { margin-top: -10px !important; }

.mt-5 { margin-top: -5px !important; }

.mt0 { margin-top: 0px !important; }

.mt5 { 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; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mr-50 { margin-right: -50px !important; }

.mr-45 { margin-right: -45px !important; }

.mr-40 { margin-right: -40px !important; }

.mr-35 { margin-right: -35px !important; }

.mr-30 { margin-right: -30px !important; }

.mr-25 { margin-right: -25px !important; }

.mr-20 { margin-right: -20px !important; }

.mr-15 { margin-right: -15px !important; }

.mr-10 { margin-right: -10px !important; }

.mr-5 { margin-right: -5px !important; }

.mr0 { margin-right: 0px !important; }

.mr5 { 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; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mr65 { margin-right: 65px !important; }

.mr70 { margin-right: 70px !important; }

.mr75 { margin-right: 75px !important; }

.mr80 { margin-right: 80px !important; }

.mr85 { margin-right: 85px !important; }

.mr90 { margin-right: 90px !important; }

.mr95 { margin-right: 95px !important; }

.mr100 { margin-right: 100px !important; }

.mb-50 { margin-bottom: -50px !important; }

.mb-45 { margin-bottom: -45px !important; }

.mb-40 { margin-bottom: -40px !important; }

.mb-35 { margin-bottom: -35px !important; }

.mb-30 { margin-bottom: -30px !important; }

.mb-25 { margin-bottom: -25px !important; }

.mb-20 { margin-bottom: -20px !important; }

.mb-15 { margin-bottom: -15px !important; }

.mb-10 { margin-bottom: -10px !important; }

.mb-5 { margin-bottom: -5px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb5 { 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; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb65 { margin-bottom: 65px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb75 { margin-bottom: 75px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb85 { margin-bottom: 85px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb95 { margin-bottom: 95px !important; }

.mb100 { margin-bottom: 100px !important; }

/* padding :  -50 ~ 100 , 5++ ==  */
.p0 { padding: 0px !important; }

.p5 { padding: 5px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p45 { padding: 45px !important; }

.p50 { padding: 50px !important; }

.pl0 { padding-left: 0px !important; }

.pl5 { 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; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.pl65 { padding-left: 65px !important; }

.pl70 { padding-left: 70px !important; }

.pl75 { padding-left: 75px !important; }

.pl80 { padding-left: 80px !important; }

.pl85 { padding-left: 85px !important; }

.pl90 { padding-left: 90px !important; }

.pl95 { padding-left: 95px !important; }

.pl100 { padding-left: 100px !important; }

.pt0 { padding-top: 0px !important; }

.pt5 { 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; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.pt65 { padding-top: 65px !important; }

.pt70 { padding-top: 70px !important; }

.pt75 { padding-top: 75px !important; }

.pt80 { padding-top: 80px !important; }

.pt85 { padding-top: 85px !important; }

.pt90 { padding-top: 90px !important; }

.pt95 { padding-top: 95px !important; }

.pt100 { padding-top: 100px !important; }

.pr0 { padding-right: 0px !important; }

.pr5 { 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; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pr65 { padding-right: 65px !important; }

.pr70 { padding-right: 70px !important; }

.pr75 { padding-right: 75px !important; }

.pr80 { padding-right: 80px !important; }

.pr85 { padding-right: 85px !important; }

.pr90 { padding-right: 90px !important; }

.pr95 { padding-right: 95px !important; }

.pr100 { padding-right: 100px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb5 { 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; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb65 { padding-bottom: 65px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb75 { padding-bottom: 75px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb85 { padding-bottom: 85px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb95 { padding-bottom: 95px !important; }

.pb100 { padding-bottom: 100px !important; }

/* width == */
.w0 { width: 0px !important; }

.w5 { width: 5px !important; }

.w10 { width: 10px !important; }

.w15 { width: 15px !important; }

.w20 { width: 20px !important; }

.w25 { width: 25px !important; }

.w30 { width: 30px !important; }

.w35 { width: 35px !important; }

.w40 { width: 40px !important; }

.w45 { width: 45px !important; }

.w50 { width: 50px !important; }

.w55 { width: 55px !important; }

.w60 { width: 60px !important; }

.w65 { width: 65px !important; }

.w70 { width: 70px !important; }

.w75 { width: 75px !important; }

.w80 { width: 80px !important; }

.w85 { width: 85px !important; }

.w90 { width: 90px !important; }

.w95 { width: 95px !important; }

.w100 { width: 100px !important; }

.w0 { width: 0px !important; }

.w100 { width: 100px !important; }

.w200 { width: 200px !important; }

.w300 { width: 300px !important; }

.w400 { width: 400px !important; }

.w500 { width: 500px !important; }

.w600 { width: 600px !important; }

.w700 { width: 700px !important; }

.w800 { width: 800px !important; }

.w900 { width: 900px !important; }

.w1000 { width: 1000px !important; }

@media (max-width: 769px) { /* margin : -50 ~ 100 , 5++ == */
  .mo_m0 { margin: 0px !important; }
  .mo_m5 { margin: 5px !important; }
  .mo_m10 { margin: 10px !important; }
  .mo_m15 { margin: 15px !important; }
  .mo_m20 { margin: 20px !important; }
  .mo_m25 { margin: 25px !important; }
  .mo_m30 { margin: 30px !important; }
  .mo_m35 { margin: 35px !important; }
  .mo_m40 { margin: 40px !important; }
  .mo_m45 { margin: 45px !important; }
  .mo_m50 { margin: 50px !important; }
  .mo_ml-50 { margin-left: -50px !important; }
  .mo_ml-45 { margin-left: -45px !important; }
  .mo_ml-40 { margin-left: -40px !important; }
  .mo_ml-35 { margin-left: -35px !important; }
  .mo_ml-30 { margin-left: -30px !important; }
  .mo_ml-25 { margin-left: -25px !important; }
  .mo_ml-20 { margin-left: -20px !important; }
  .mo_ml-15 { margin-left: -15px !important; }
  .mo_ml-10 { margin-left: -10px !important; }
  .mo_ml-5 { margin-left: -5px !important; }
  .mo_ml0 { margin-left: 0px !important; }
  .mo_ml5 { margin-left: 5px !important; }
  .mo_ml10 { margin-left: 10px !important; }
  .mo_ml15 { margin-left: 15px !important; }
  .mo_ml20 { margin-left: 20px !important; }
  .mo_ml25 { margin-left: 25px !important; }
  .mo_ml30 { margin-left: 30px !important; }
  .mo_ml35 { margin-left: 35px !important; }
  .mo_ml40 { margin-left: 40px !important; }
  .mo_ml45 { margin-left: 45px !important; }
  .mo_ml50 { margin-left: 50px !important; }
  .mo_ml55 { margin-left: 55px !important; }
  .mo_ml60 { margin-left: 60px !important; }
  .mo_ml65 { margin-left: 65px !important; }
  .mo_ml70 { margin-left: 70px !important; }
  .mo_ml75 { margin-left: 75px !important; }
  .mo_ml80 { margin-left: 80px !important; }
  .mo_ml85 { margin-left: 85px !important; }
  .mo_ml90 { margin-left: 90px !important; }
  .mo_ml95 { margin-left: 95px !important; }
  .mo_ml100 { margin-left: 100px !important; }
  .mo_mt-50 { margin-top: -50px !important; }
  .mo_mt-45 { margin-top: -45px !important; }
  .mo_mt-40 { margin-top: -40px !important; }
  .mo_mt-35 { margin-top: -35px !important; }
  .mo_mt-30 { margin-top: -30px !important; }
  .mo_mt-25 { margin-top: -25px !important; }
  .mo_mt-20 { margin-top: -20px !important; }
  .mo_mt-15 { margin-top: -15px !important; }
  .mo_mt-10 { margin-top: -10px !important; }
  .mo_mt-5 { margin-top: -5px !important; }
  .mo_mt0 { margin-top: 0px !important; }
  .mo_mt5 { margin-top: 5px !important; }
  .mo_mt10 { margin-top: 10px !important; }
  .mo_mt15 { margin-top: 15px !important; }
  .mo_mt20 { margin-top: 20px !important; }
  .mo_mt25 { margin-top: 25px !important; }
  .mo_mt30 { margin-top: 30px !important; }
  .mo_mt35 { margin-top: 35px !important; }
  .mo_mt40 { margin-top: 40px !important; }
  .mo_mt45 { margin-top: 45px !important; }
  .mo_mt50 { margin-top: 50px !important; }
  .mo_mt55 { margin-top: 55px !important; }
  .mo_mt60 { margin-top: 60px !important; }
  .mo_mt65 { margin-top: 65px !important; }
  .mo_mt70 { margin-top: 70px !important; }
  .mo_mt75 { margin-top: 75px !important; }
  .mo_mt80 { margin-top: 80px !important; }
  .mo_mt85 { margin-top: 85px !important; }
  .mo_mt90 { margin-top: 90px !important; }
  .mo_mt95 { margin-top: 95px !important; }
  .mo_mt100 { margin-top: 100px !important; }
  .mo_mr-50 { margin-right: -50px !important; }
  .mo_mr-45 { margin-right: -45px !important; }
  .mo_mr-40 { margin-right: -40px !important; }
  .mo_mr-35 { margin-right: -35px !important; }
  .mo_mr-30 { margin-right: -30px !important; }
  .mo_mr-25 { margin-right: -25px !important; }
  .mo_mr-20 { margin-right: -20px !important; }
  .mo_mr-15 { margin-right: -15px !important; }
  .mo_mr-10 { margin-right: -10px !important; }
  .mo_mr-5 { margin-right: -5px !important; }
  .mo_mr0 { margin-right: 0px !important; }
  .mo_mr5 { margin-right: 5px !important; }
  .mo_mr10 { margin-right: 10px !important; }
  .mo_mr15 { margin-right: 15px !important; }
  .mo_mr20 { margin-right: 20px !important; }
  .mo_mr25 { margin-right: 25px !important; }
  .mo_mr30 { margin-right: 30px !important; }
  .mo_mr35 { margin-right: 35px !important; }
  .mo_mr40 { margin-right: 40px !important; }
  .mo_mr45 { margin-right: 45px !important; }
  .mo_mr50 { margin-right: 50px !important; }
  .mo_mr55 { margin-right: 55px !important; }
  .mo_mr60 { margin-right: 60px !important; }
  .mo_mr65 { margin-right: 65px !important; }
  .mo_mr70 { margin-right: 70px !important; }
  .mo_mr75 { margin-right: 75px !important; }
  .mo_mr80 { margin-right: 80px !important; }
  .mo_mr85 { margin-right: 85px !important; }
  .mo_mr90 { margin-right: 90px !important; }
  .mo_mr95 { margin-right: 95px !important; }
  .mo_mr100 { margin-right: 100px !important; }
  .mo_mb-50 { margin-bottom: -50px !important; }
  .mo_mb-45 { margin-bottom: -45px !important; }
  .mo_mb-40 { margin-bottom: -40px !important; }
  .mo_mb-35 { margin-bottom: -35px !important; }
  .mo_mb-30 { margin-bottom: -30px !important; }
  .mo_mb-25 { margin-bottom: -25px !important; }
  .mo_mb-20 { margin-bottom: -20px !important; }
  .mo_mb-15 { margin-bottom: -15px !important; }
  .mo_mb-10 { margin-bottom: -10px !important; }
  .mo_mb-5 { margin-bottom: -5px !important; }
  .mo_mb0 { margin-bottom: 0px !important; }
  .mo_mb5 { margin-bottom: 5px !important; }
  .mo_mb10 { margin-bottom: 10px !important; }
  .mo_mb15 { margin-bottom: 15px !important; }
  .mo_mb20 { margin-bottom: 20px !important; }
  .mo_mb25 { margin-bottom: 25px !important; }
  .mo_mb30 { margin-bottom: 30px !important; }
  .mo_mb35 { margin-bottom: 35px !important; }
  .mo_mb40 { margin-bottom: 40px !important; }
  .mo_mb45 { margin-bottom: 45px !important; }
  .mo_mb50 { margin-bottom: 50px !important; }
  .mo_mb55 { margin-bottom: 55px !important; }
  .mo_mb60 { margin-bottom: 60px !important; }
  .mo_mb65 { margin-bottom: 65px !important; }
  .mo_mb70 { margin-bottom: 70px !important; }
  .mo_mb75 { margin-bottom: 75px !important; }
  .mo_mb80 { margin-bottom: 80px !important; }
  .mo_mb85 { margin-bottom: 85px !important; }
  .mo_mb90 { margin-bottom: 90px !important; }
  .mo_mb95 { margin-bottom: 95px !important; }
  .mo_mb100 { margin-bottom: 100px !important; }
  /* padding :  -50 ~ 100 , 5++ ==  */
  .mo_p0 { padding: 0px !important; }
  .mo_p5 { padding: 5px !important; }
  .mo_p10 { padding: 10px !important; }
  .mo_p15 { padding: 15px !important; }
  .mo_p20 { padding: 20px !important; }
  .mo_p25 { padding: 25px !important; }
  .mo_p30 { padding: 30px !important; }
  .mo_p35 { padding: 35px !important; }
  .mo_p40 { padding: 40px !important; }
  .mo_p45 { padding: 45px !important; }
  .mo_p50 { padding: 50px !important; }
  .mo_pl0 { padding-left: 0px !important; }
  .mo_pl5 { padding-left: 5px !important; }
  .mo_pl10 { padding-left: 10px !important; }
  .mo_pl15 { padding-left: 15px !important; }
  .mo_pl20 { padding-left: 20px !important; }
  .mo_pl25 { padding-left: 25px !important; }
  .mo_pl30 { padding-left: 30px !important; }
  .mo_pl35 { padding-left: 35px !important; }
  .mo_pl40 { padding-left: 40px !important; }
  .mo_pl45 { padding-left: 45px !important; }
  .mo_pl50 { padding-left: 50px !important; }
  .mo_pl55 { padding-left: 55px !important; }
  .mo_pl60 { padding-left: 60px !important; }
  .mo_pl65 { padding-left: 65px !important; }
  .mo_pl70 { padding-left: 70px !important; }
  .mo_pl75 { padding-left: 75px !important; }
  .mo_pl80 { padding-left: 80px !important; }
  .mo_pl85 { padding-left: 85px !important; }
  .mo_pl90 { padding-left: 90px !important; }
  .mo_pl95 { padding-left: 95px !important; }
  .mo_pl100 { padding-left: 100px !important; }
  .mo_pt0 { padding-top: 0px !important; }
  .mo_pt5 { padding-top: 5px !important; }
  .mo_pt10 { padding-top: 10px !important; }
  .mo_pt15 { padding-top: 15px !important; }
  .mo_pt20 { padding-top: 20px !important; }
  .mo_pt25 { padding-top: 25px !important; }
  .mo_pt30 { padding-top: 30px !important; }
  .mo_pt35 { padding-top: 35px !important; }
  .mo_pt40 { padding-top: 40px !important; }
  .mo_pt45 { padding-top: 45px !important; }
  .mo_pt50 { padding-top: 50px !important; }
  .mo_pt55 { padding-top: 55px !important; }
  .mo_pt60 { padding-top: 60px !important; }
  .mo_pt65 { padding-top: 65px !important; }
  .mo_pt70 { padding-top: 70px !important; }
  .mo_pt75 { padding-top: 75px !important; }
  .mo_pt80 { padding-top: 80px !important; }
  .mo_pt85 { padding-top: 85px !important; }
  .mo_pt90 { padding-top: 90px !important; }
  .mo_pt95 { padding-top: 95px !important; }
  .mo_pt100 { padding-top: 100px !important; }
  .mo_pr0 { padding-right: 0px !important; }
  .mo_pr5 { padding-right: 5px !important; }
  .mo_pr10 { padding-right: 10px !important; }
  .mo_pr15 { padding-right: 15px !important; }
  .mo_pr20 { padding-right: 20px !important; }
  .mo_pr25 { padding-right: 25px !important; }
  .mo_pr30 { padding-right: 30px !important; }
  .mo_pr35 { padding-right: 35px !important; }
  .mo_pr40 { padding-right: 40px !important; }
  .mo_pr45 { padding-right: 45px !important; }
  .mo_pr50 { padding-right: 50px !important; }
  .mo_pr55 { padding-right: 55px !important; }
  .mo_pr60 { padding-right: 60px !important; }
  .mo_pr65 { padding-right: 65px !important; }
  .mo_pr70 { padding-right: 70px !important; }
  .mo_pr75 { padding-right: 75px !important; }
  .mo_pr80 { padding-right: 80px !important; }
  .mo_pr85 { padding-right: 85px !important; }
  .mo_pr90 { padding-right: 90px !important; }
  .mo_pr95 { padding-right: 95px !important; }
  .mo_pr100 { padding-right: 100px !important; }
  .mo_pb0 { padding-bottom: 0px !important; }
  .mo_pb5 { padding-bottom: 5px !important; }
  .mo_pb10 { padding-bottom: 10px !important; }
  .mo_pb15 { padding-bottom: 15px !important; }
  .mo_pb20 { padding-bottom: 20px !important; }
  .mo_pb25 { padding-bottom: 25px !important; }
  .mo_pb30 { padding-bottom: 30px !important; }
  .mo_pb35 { padding-bottom: 35px !important; }
  .mo_pb40 { padding-bottom: 40px !important; }
  .mo_pb45 { padding-bottom: 45px !important; }
  .mo_pb50 { padding-bottom: 50px !important; }
  .mo_pb55 { padding-bottom: 55px !important; }
  .mo_pb60 { padding-bottom: 60px !important; }
  .mo_pb65 { padding-bottom: 65px !important; }
  .mo_pb70 { padding-bottom: 70px !important; }
  .mo_pb75 { padding-bottom: 75px !important; }
  .mo_pb80 { padding-bottom: 80px !important; }
  .mo_pb85 { padding-bottom: 85px !important; }
  .mo_pb90 { padding-bottom: 90px !important; }
  .mo_pb95 { padding-bottom: 95px !important; }
  .mo_pb100 { padding-bottom: 100px !important; }
  .mo_m0 { margin: 0 !important; }
  .mo_p0 { padding: 0 !important; }
  .mo_plr5 { padding-left: 5px !important; padding-right: 5px !important; } }
/* ------------------------------------
* Magic Class
*------------------------------------*/
.ir_pm { display: inline-block; overflow: hidden; font-size: 1px; line-height: 1px; color: transparent; width: 1px; height: 1px; margin: -1px 0 0 -1px; }

.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { display: block; clear: both; content: ""; }

.clear, .clearBoth { clear: both; }

.fl { float: left !important; }

.fr { float: right !important; }

.postRel { position: relative !important; }

.postAbs { position: absolute !important; }

.postFix { position: fixed !important; }

.postSta { position: static !important; }

.dispInBl { display: inline-block !important; }

.bodB0 { border-bottom: 0 !important; }

.bodL0 { border-left: 0 !important; }

.bodR0 { border-right: 0 !important; }

.bodT0 { border-top: 0 !important; }

.cl_point { color: #009999 !important; }

.bg_gray { background-color: #f7f7f7; }

.bg_stripe { color: white; background: repeating-linear-gradient(-55deg, #fff, #fff 10px, #f7f7f7 10px, #f7f7f7 20px); }
html.ie9 .bg_stripe { background-color: #f7f7f7; }

.bg_stripe2 { background: repeating-linear-gradient(-45deg, #f0f0f0, #f0f0f0 20px, #f5f5f5 20px, #f5f5f5 40px); }
html.ie9 .bg_stripe2 { background-color: #f5f5f5; }

.bg_gradient_blue { border: none !important; background: #b8f2fe; background: -moz-linear-gradient(left, #b8f2fe 0%, #0b6697 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #b8f2fe), color-stop(100%, #0b6697)); background: -webkit-linear-gradient(left, #b8f2fe 0%, #0b6697 100%); background: -o-linear-gradient(left, #b8f2fe 0%, #0b6697 100%); background: -ms-linear-gradient(left, #b8f2fe 0%, #0b6697 100%); background: linear-gradient(to right, #b8f2fe 0%, #0b6697 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8f2fe', endColorstr='#0b6697', GradientType=1 ); }

.bg_gradient_blue.reverse { border: none !important; background: #0b6697; background: -moz-linear-gradient(left, #0b6697 0%, #b8f2fe 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #0b6697), color-stop(100%, #b8f2fe)); background: -webkit-linear-gradient(left, #0b6697 0%, #b8f2fe 100%); background: -o-linear-gradient(left, #0b6697 0%, #b8f2fe 100%); background: -ms-linear-gradient(left, #0b6697 0%, #b8f2fe 100%); background: linear-gradient(to right, #0b6697 0%, #b8f2fe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b6697', endColorstr='#b8f2fe', GradientType=1 ); }

.ls_1 { letter-spacing: -1px; }

.ls_2 { letter-spacing: -2px; }

.lh38 { line-height: 38px !important; }

.lh40 { line-height: 40px !important; }

.lh2em { line-height: 2em !important; }

.txt_c, .al_c { text-align: center !important; }

.txt_l, .al_l { text-align: left !important; }

.txt_lc, .al_l { text-align: center !important; }

.txt_r, .al_r { text-align: right !important; }

.ver_t, .vtc_t { vertical-align: top !important; }

.ver_m, .vtc_m { vertical-align: middle !important; }

.ver_b, .vtc_b { vertical-align: bottom !important; }

.bg_n { background-image: none !important; padding-left: 0; }

.dis_n, .hide { display: none !important; }

.dis_b, .show { display: block !important; }

.dis_ib, .show_inline { display: inline-block !important; }

.blind { position: absolute; display: inline-block; font-size: 1px; width: 1px; height: 1px; padding: 0; margin: -1px; text-indent: -9999px; visibility: hidden; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0); }

.deco_no { text-decoration: none !important; }

.ovfwY { overflow-y: auto !important; }

.ovfwX { overflow-x: auto !important; }

.ov_hide, .ov_hidden { overflow: hidden; }

.valid_font { display: inline-block; color: #3399ff; }

.ellipsis { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }

.ellipsis_init { overflow: initial; display: block; text-overflow: initial; white-space: initial; }

.txt_bar { position: absolute; content: ""; zoom: 1; top: 7px; left: 0; width: 1px; height: 11px; background-color: #666; }

.txt_link { position: relative; }
.txt_link:before { position: absolute; content: ""; zoom: 1; left: -3px; right: -3px; bottom: 2px; height: 1px; background-color: #666; }

.hid { position: absolute; left: 0; top: -50000px; }

.hide { display: none; }

.hideImp { display: none !important; }

.cusPot { cursor: pointer !important; }

.block { width: 100%; }

@media (max-width: 769px) { .mo_clearfix { *zoom: 1; }
  .mo_clearfix:before, .mo_clearfix:after { display: block; clear: both; content: ""; }
  .mo_fl { float: left !important; }
  .mo_fr { float: right !important; }
  .mo_bg_gray { background-color: #f7f7f7; }
  .mo_ls-1 { letter-spacing: -1px; }
  .mo_ls-2 { letter-spacing: -2px; }
  .mo_lh38 { line-height: 38px !important; }
  .mo_lh40 { line-height: 40px !important; }
  .mo_lh2em { line-height: 2em !important; }
  .mo_txt_c, .mo_al_c { text-align: center !important; }
  .mo_txt_l, .mo_al_l { text-align: left !important; }
  .mo_txt_r, .mo_al_r { text-align: right !important; }
  .mo_ver_t { vertical-align: top !important; }
  .mo_ver_m { vertical-align: middle !important; }
  .mo_ver_b { vertical-align: bottom !important; }
  .mo_bg_n { background-image: none !important; padding-left: 0; }
  .mo_dis_n, .mo_hide { display: none !important; }
  .mo_dis_b, .mo_show { display: block !important; }
  .mo_dis_ib, .mo_show_inline { display: inline-block !important; }
  .mo_blind { position: absolute; display: inline-block; font-size: 1px; width: 1px; height: 1px; padding: 0; margin: -1px; text-indent: -9999px; visibility: hidden; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0); }
  .mo_deco_no { text-decoration: none !important; }
  .mo_ov_hide { overflow: hidden; } }
.pc_show { display: block !important; }
@media (max-width: 769px) { .pc_show { display: none !important; } }

.mo_show { display: none !important; }
@media (max-width: 769px) { .mo_show { display: block !important; } }

.pc_show_inline { display: inline-block !important; }
@media (max-width: 769px) { .pc_show_inline { display: none !important; } }

.mo_show_inline { display: none !important; }
@media (max-width: 769px) { .mo_show_inline { display: inline-block !important; } }

html.desktop .device_pc_show { display: block !important; }
html.desktop .device_mo_show { display: none !important; }

html.mobile .device_pc_show { display: none !important; }
html.mobile .device_mo_show { display: block !important; }

.width_half { min-width: 464px !important; }

.mw_none { min-width: auto !important; }

.bd_none { border: none !important; }

.bdt_none { border-top: none !important; }

.bdb_none { border-bottom: none !important; }

.bdl_none { border-left: none !important; }

.bdr_none { border-right: none !important; }

.img_area { width: 100%; height: auto; }

.img_responsive { display: block; width: 100%; max-width: 100%; height: auto; }

@media (max-width: 769px) { .img_responsive_mo { display: block; width: 100%; max-width: 100%; height: auto; } }
@media (max-width: 550px) { .img_responsive_550 { display: block; width: 100%; max-width: 100%; height: auto; } }
.po_re { position: relative !important; }

.po_ab { position: absolute !important; }

.po_fi { position: fixed !important; }

.po_st { position: static !important; }

/* @import "component/box";
@import "component/board";
@import "component/button";
@import "component/datepicker";//달력 (jqueryUI)
@import "component/dropdown"; //사용자 정의 셀렐트 박스
@import "component/folding";
@import "component/icon";
@import "component/loading";
@import "component/paging";
@import "component/popup";
@import "component/scroll2top";
@import "component/search";
@import "component/step";
@import "component/tab";
@import "component/table"; */
/**
* AdminLTE 재정의
* --------------------------------------------------------------------------------------------
*/
/*logo*/
.main-header a.logo { background-color: #fff !important; }
.main-header a.logo .logo-lg { background: url("../img/logo.png") center center no-repeat; background-size: 70%; max-height: 50px; max-width: 230px; margin: 0 auto; }
.main-header a.logo .logo-mini { background: url("../img/logo_mini.png") center center no-repeat; background-size: 80%; }
.main-header a.logo.japan .logo-lg { background: url("../img/logo_jp.png") center center no-repeat; background-size: 100%; max-height: 50px; }
.main-header a.logo.japan .logo-mini { background: url("../img/logo_mini_jp.png") center center no-repeat; background-size: 80%; }

@media (max-width: 767px) { .main-header .logo { font-size: 20px; }
  .main-header .logo-lg { margin-left: 0; } }
/* header 수정*/
@media (min-width: 768px) { .navbar-custom-menu > .navbar-nav > .user-menu a { padding-bottom: 5px; }
  .navbar-custom-menu > .navbar-nav > .user-menu a div { float: left; margin-top: -10px; } }
/*modal*/
.modal-header { background-color: #15b5af; }

.modal-header .close { margin-top: -6px; font-size: 40px; }

.modal-title { font-weight: bold; color: #fff; }

.modal-body { clear: both; min-height: 100px; }

.modal-body p { color: #555; font-size: 14px; }

.modal-body .err_img { float: left; position: relative; width: 70px; height: 70px; background: url(../img/img_error.png) center 0 no-repeat; -webkit-background-size: 70px 70px; background-size: 70px 70px; }

.modal-body .err_msg { margin-top: 10px; margin-left: 80px; }

/* Headr user*/
.navbar-nav > .user-menu > .dropdown-menu > li.user-header { height: auto; padding: 10px 10px 20px; text-align: left; }

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { z-index: 5; color: #fff; font-size: 14px; margin-top: 3px; clear: both; }

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p strong { display: inline-block; width: 100px; text-align: right; font-weight: normal; }

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p span { margin-left: 15px; }

/* Header Notification*/
.navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu { left: 0; }

@media (max-width: 991px) { .navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu { left: auto; } }
.navbar-nav > .notifications-menu > .dropdown-menu { width: 300px; }

/* content-header*/
.content-header > h1 > small { font-size: 14px; display: inline-block; padding-left: 4px; font-weight: 300; }

/*breadcrumb*/
@media (max-width: 991px) { .content-header > .breadcrumb { top: 5px; } }
/*컨텐트 페이지 반응형 안하도록*/
/*form*/
.form-inline .form-control, .form-inline.form-control { display: inline-block; width: initial; width: auto; }

.form-inline .input-group, .form-inline.input-group { display: inline-table; vertical-align: middle; }

/* form-phone*/
.phone_area select, .phone_area input { width: 87px; display: inline-block; margin-left: 5px; }
.phone_area select, .phone_area input:first-child { margin-left: 0; }

/*사이드 메뉴 customize*/
.sidebar-menu > li { border-top: 1px solid rgba(255, 255, 255, 0.05); }

.sidebar-menu > li:first-child { border-top: none; }

.sidebar-menu .treeview-menu > li > a { padding: 5px 5px 5px 14px; display: block; font-size: 13px; letter-spacing: -1px; }

.sidebar-menu .treeview-menu .treeview-menu { width: 97%; padding-left: 12px; background-color: rgba(0, 0, 0, 0.2); }

.sidebar-menu li.active > .treeview-menu .treeview-menu { width: 97%; background-color: rgba(0, 0, 0, 0.2); }

.sidebar-menu li > .treeview-menu .treeview-menu > li > a { position: relative; padding: 1px 5px 6px 15px; font-size: 12px; letter-spacing: -0.7px; }

.sidebar-menu .treeview-menu .treeview-menu > li > a > span { position: relative; }

.sidebar-menu li.active > .treeview-menu .treeview-menu > li:first-child > a, .sidebar-menu li > .treeview-menu .treeview-menu > li:first-child > a { padding-top: 7px; }

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { width: 220px; }

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) { width: 220px; }

/*sidebar- arrow 방향재정의*/
.sidebar-menu li > a > .pull-right { position: absolute; top: 50%; right: 3px; margin-top: -7px; }

.sidebar-menu li.active > a > .fa-angle-right { margin-top: 3px; right: 12px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.sidebar_footer { display: block a; display-font-size: 11px; }
.sidebar_footer .btn_area { padding: 0 10px 5px; }
.sidebar_footer .btn_area > div { float: left; width: 48%; }
.sidebar_footer .btn_area > div:last-child { float: right; }
.sidebar_footer .btn_area > div > a { width: 100%; padding: 6px 0; font-size: 11px; }
.sidebar_footer .callcenter { padding: 5px 10px; color: #f4f4f4; font-size: 11px; line-height: 20px; }

.sidebar-collapse .sidebar_footer { display: none; }

.navbar-form { margin-top: 0; }

.box-header { margin-top: 10px; }

.box-body { padding-top: 0px; }

.box-header .box-title { font-weight: bold; }

.box-body > .table { border-bottom: 1px solid #d1d1d1; }

@media screen and (max-width: 767px) { .table-responsive { border: none; } }
.nav .nav-time { padding: 12px 10px 0 10px; color: #fff; line-height: 12px; }

.main-footer a { color: #3c8dbc; }

/*label*/
.label-return { background-color: #9a32cd; border-color: #9a32cd; }

/*반려*/
.label-result { background-color: #01999a; border-color: #01999a; }

/*완료*/
.label-ing { background-color: #00b4ef; border-color: #00b4ef; }

/*진행*/
.label-cancel { background-color: #ff4112; border-color: #ff4112; }

/*취소*/
.label-delay { background-color: #f9a415; border-color: #f9a415; }

/*대기*/
.label-finish { background-color: #60c833; border-color: #60c833; }

/*종료*/
table .notice { background-color: rgba(250, 241, 217, 0.5) !important; }

table .notice2 { background-color: #e7f6f2 !important; }

.cate-area li { position: relative; display: inline-block; font-size: 13px; padding: 0 5px; }

.cate-area li:before { position: absolute; content: ""; width: 1px; height: 12px; top: 3px; left: 0px; background-color: #999; }

.cate-area li:first-child:before { background: none; }

.user-name, .user-name:active, .user-name:visited { text-decoration: underline !important; color: #00A65A; }

.links, .links:active, .links:visited { text-decoration: underline !important; color: #00A65A; }

/*메인 메뉴 설정*/
.main-content .dep2-list { margin-top: 6px; }

.main-content .dep2-list > a { font-size: 14px; font-weight: bold; }

.main-content .dep3-list { margin-top: 6px; }

.main-content .dep3-list li { margin-top: 5px; }

.main-content .dep3-list li > a { font-size: 12px; }

/* Err page */
.err-area { position: relative; height: 100%; min-height: 400px; margin-top: 50px; background: url(../img/error.png) center 0 no-repeat; }

.err-area .err-msg { padding-top: 170px; }

.err-area .err-msg p { text-align: center; color: #3c8dbc; }

.err-area .err-msg p.title01 { font-size: 36px; font-weight: bold; line-height: 45px; }

.err-area .err-msg p.title02 { margin-top: 20px; font-size: 16px; }

/*OB02011.html : 관리자 메뉴 그룹 관리 >메뉴 목록*/
.menu-list { margin-top: 5px; }

.menu-list li { list-style: initial; list-style-type: disc; }

.menu-list li ul li { margin-left: 15px; list-style: initial; list-style-type: circle; }

.menu-check-list .menu-list li { list-style: none; margin-left: -20px; }

.menu-check-list input[type="checkbox"] { vertical-align: text-top; }

.menu-check-list .box-header span { margin-left: 5px; }

.menu-check-list .menu-list li span { margin-left: 5px; font-weight: normal; }

.menu-check-list .menu-list li ul li { margin-left: 22px; list-style: none; }

/*OB02003 : Drag-list*/
.todo-list .handle { display: block; }

.todo-list > li { background: #fff; margin-bottom: 2px; border-left: none; color: #444; border-bottom: 1px solid #d1d1d1; }

.drag-list > li { padding: 7px 0; font-size: 13px; }

.drag-list .table-col { width: 100%; position: relative; }

.drag-list .cell { display: inline-table; text-align: center; vertical-align: middle; }

.drag-list > li .tools { display: block; }

.drag-list.head { margin-bottom: 2px; /* background-color:#eff6e7; */ border: 1px solid #9abfb9; border-left: none; border-right: none; }

.drag-list.head li { background: rgba(60, 141, 188, 0.1); border-bottom: none; }

.drag-list.head .cell { font-weight: bold; /* color:#3b6b00; */ vertical-align: middle; }

/*checkbox-toggle*/
.checkbox-toggle { color: #d7dcde; }

.checkbox-toggle .fa-check-square { color: #1abc9c; }

/**
* Common
* --------------------------------------------------------------------------------------------
*/
.label { font-size: 98%; font-weight: normal; }

.form-control { font-size: 12px; }

.init_width { width: 170px !important; }

.mt_search_btn { margin-top: 22px; }

/* font-size */
/* common-set */
.position-spread { position: relative; height: 20px; }

.position-spread .posi-left { position: absolute; left: 0; }

.position-spread .posi-center { position: absolute; left: 49%; }

.position-spread .posi-right { position: absolute; right: 0; }

.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sec-line { padding-top: 45px; }

.btn-page-group { padding: 30px 0 30px; }

.btn-page-group .btn + .btn { margin-left: 1px; }

.essential { color: #f00; line-height: 14px; display: inline-block; padding: 0 4px; vertical-align: middle; }

.search_type02 .essential { color: #69ff91; }

.text-warning { font-size: 12px; color: #dd5700; }

.explain { white-space: initial; }

.lh30 { line-height: 30px; }

/* table 내 문자열 높이*/
/* table */
table tr td, table tr th { line-height: 20px !important; vertical-align: middle !important; }

.no_bdt td { border-top: none !important; }

/*table td.align-*/
.table_type01 { border-top: 1px solid #9abfb9; }

.table_type01 thead tr th { padding: 6px 11px; background: rgba(60, 141, 188, 0.1); /* color:#3b6b00; */ border-bottom-width: 1px; text-align: center; vertical-align: middle; }

.table_type01.table-striped tbody tr:nth-of-type(odd) { background-color: #fff; }

.table_type01.table-striped tbody tr:nth-of-type(even) { background-color: #f0f0f0; }

.table_type01.table-hover tbody tr:hover { background-color: #f0f0f0; }

.table_type01 thead tr th, .table_type01 thead tr td { border-color: #9abfb9; }

.table_type01 tbody tr th, .table_type01 tbody tr td { border-color: #d1d1d1; }

.table_type01 tbody tr td { padding: 6px 12px; color: #333; text-align: center; }

.table_type01 tbody tr:first-child td { border-top: 0; }

.table_type01 thead tr th:first-child, .table_type01 tbody tr td:first-child { border-left: 0; }

.table_type01 thead tr th:last-child, .table_type01 tbody tr td:last-child { border-right: 0; }

.table_type01 tbody tr td.text-center { text-align: center; }

.table_type01 tbody tr td.text-left { text-align: left; }

.table_type02 { border: none; border-top: 1px solid #d1d1d1; }

.table_type02 thead tr th { padding: 6px 11px; background: rgba(60, 141, 188, 0.1); /* color:#3b6b00; */ border-bottom-width: 1px; }

.table_type02 tbody tr:nth-of-type(odd) { background-color: #fff; }

.table_type02 tbody tr th { padding: 8px 11px 7px; background: rgba(60, 141, 188, 0.1); /* color:#3b6b00; */ border-bottom-width: 1px; vertical-align: middle; }

.table_type02 thead tr th, .table_type02 thead tr td { border-color: #9abfb9; }

.table_type02 tbody tr th { border-color: #d1d1d1; }

.table_type02 tbody tr td { border-color: #d1d1d1; }

.table_type02 tbody tr td { padding: 5px 12px; }

.table_type02.text_center thead th, .table_type02.text_center tbody th { text-align: center; vertical-align: middle; }

.table_type02.text_center tbody td { vertical-align: middle; }

.table_type02.text_center.td_center tbody td { vertical-align: middle; text-align: center; }

.table_type02.text_center.td_right tbody td { vertical-align: middle; text-align: right; }

.table_type02 td .btn-area { margin-top: 6px; }

.table_type02 tbody tr td.text-left { text-align: left; }

.table .col-xs-1, .table .col-xs-10, .table .col-xs-11, .table .col-xs-12, .table .col-xs-2, .table .col-xs-3, .table .col-xs-4, .table .col-xs-5, .table .col-xs-6, .table .col-xs-7, .table .col-xs-8, .table .col-xs-9 { padding-right: 5px; padding-left: 0; }

table tr td { height: 30px; }

.box-body { overflow: auto; }

.scroll_xs { min-width: 500px; }

.scroll_sm { min-width: 700px; }

.scroll_md { min-width: 1000px; }

/* btn */
.btn-white { background-color: #fff; border: 1px solid #999; }

.btn-white:hover, .btn-white:active, .btn-white.hover { background-color: #f5f5f5; }

/* search */
.search td label { color: #2a90bc; }

.search_type01 { background: #ebf9ff; }

.search_type01 .search_label { padding: 6px 0 8px; background: #2a90bc; color: #fff; border: 1px solid #1d759b; border-width: 1px 0; font-size: 14px; letter-spacing: -1px; text-align: center; vertical-align: middle; }

.search_type01 label, .search_type02 label { margin-bottom: 0; }

.search_type02 th label { margin-top: 0; }

.search_type02 th { background: #2a90bc; text-align: center; color: #fff; }

.search_type02 td { background: #fff; }

/* 개발 요청 색상 변경 :기존 : c6e4f1 > 71b3d0 > #fff */
/* table border 변경*/
.table.search_type02 > thead > tr > th, .table.search_type02 > tbody > tr > th, .table.search_type02 > tfoot > tr > th, .table.search_type02 > thead > tr > td, .table.search_type02 > tbody > tr > td, .table.search_type02 > tfoot > tr > td { border-top: 1px solid #d1d1d1; }

.search > tbody > tr > td, .search > tbody > tr > th { padding-top: 0px; padding-bottom: 0px; vertical-align: middle; }

.search > tbody > tr:first-child > td, .search > tbody > tr:first-child > th { padding-top: 5px; }

.search .col-xs-1, .search .col-xs-2, .search .col-xs-3, .search .col-xs-4, .search .col-xs-5, .search .col-xs-6, .search .col-xs-7, .search .col-xs-8, .search .col-xs-9, .search .col-xs-10, .search .col-xs-11, .search .col-xs-12 .col-sm-1, .search .col-sm-2, .search .col-sm-3, .search .col-sm-4, .search .col-sm-5, .search .col-sm-6, .search .col-sm-7, .search .col-sm-8, .search .col-sm-9, .search .col-sm-10, .search .col-sm-11, .search .col-sm-12 .col-md-1, .search .col-md-2, .search .col-md-3, .search .col-md-4, .search .col-md-5, .search .col-md-6, .search .col-md-7, .search .col-md-8, .search .col-md-9, .search .col-md-10, .search .col-md-11, .search .col-md-12 { padding-right: 5px; padding-left: 0; padding-bottom: 3px; }

/* title */
.box-footer .text-right a + a, .navbar-right a + a { margin-left: 1px; }

.navbar-right > p { padding-bottom: 5px; text-align: right; }

.navbar-right > p a { margin-left: 5px; }

.box-header .thum-plus { float: right; margin: 2px 0 0 0; }

.box-header .thum-plus .btn { min-width: 30px; padding: 2px 5px 2px 7px; font-size: 15px; line-height: 22px; }

table td .position-spread .btn { min-width: auto; padding: 2px 5px; }

.box-header.thin { padding-top: 0; }

.box-header.thin .box-title { font-size: 15px; }

.box-pack { display: inline-block; width: 15px; height: 15px; border: 1px solid red; }

/* main*/
.main-recently .item a { line-height: 2; }

/* RA_05010 : 리워드 >추가 삭제 오브젝트*/
.reward_area > div { border-top: 1px solid #d1d1d1; }

.reward_area > div:first-child { border: none; }

.reward_area .plus_obj { display: inline-block; margin: 4px 10px; min-width: 180px; }

.reward_area .plus_obj input { width: 100px; margin-left: 5px; }

.reward_area .btn_area { display: inline-block; margin: 5px 10px; }

.reward_area .btn_area a { min-width: 30px; }

/* IE에서 세로 스크롤 가림 현상으로 마진 재설정*/
.navbar-custom-menu { margin-right: 18px !important; }

.content-header > .breadcrumb { margin-right: 18px; }

@media (max-width: 991px) { .content-header > .breadcrumb { margin-right: 0; } }
.main-footer .pull-right { margin-right: 10px; }

/* jquery-sortable 추가*/
body.dragging, body.dragging * { cursor: move !important; }

.dragged { position: absolute; opacity: 0.5; z-index: 2000; }

ol.example li.placeholder { position: relative; }

/** More li styles **/
ol.example li.placeholder:before { position: absolute; }

/** Define arrowhead **/
/* sort 아이콘*/
.sort_up { color: #dd4b39; display: inline-block; }

.sort_up i { font-size: 16px; line-height: 10px; vertical-align: bottom; color: #dd4b39; }

.sort_down { color: #367fa9; display: inline-block; }

.sort_down i { font-size: 16px; line-height: 16px; vertical-align: top; color: #367fa9; }

/* 모두의 설문 */
.pattern_main .radio_pattern_select_area label { min-width: 120px; margin-right: 10px; }

.pattern_area .clone_area.with_border { border-top: 1px solid #d1e1e1; }

.pattern_area .clone_obj { border-top: 1px solid #d1e1e1; padding: 5px 0; }

.pattern_area .clone_obj:first-child { border-top: none; }

.pattern_area .clone_obj .num { display: block; margin-right: 10px; font-weight: bold; color: #666; text-align: center; line-height: 30px; text-align: center; }

.pattern_area .clone_obj .btn_area { float: right; margin-left: 10px; }

.pattern_area .clone_area .clone_obj .chk_all { display: none; }

.pattern_area .clone_area .clone_obj:first-child .chk_all { display: inline-block; }

.green_text { color: #15b5af; }

.question_table { height: 400px; overflow-y: auto; }

/*추가설문 ul type*/
.ul_type_inline { display: inline-block; }

.ul_type_inline li { display: inline-block; min-width: 100px; margin-right: 5px; }

.main-icon { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; }

.main_icon_list .img_wrap { height: 65px; }

.main_icon_list .total_text { display: inline-block; margin-top: 5px; font-size: 26px; font-weight: normal; }

.main_icon_list .total_num { display: inline-block; padding-top: 7px; font-size: 30px; font-weight: bold; }

.main_icon_list > div:nth-child(1) .info-box { background-color: #76abdc; }
.main_icon_list > div:nth-child(2) .info-box { background-color: #e26714; }
.main_icon_list > div:nth-child(3) .info-box { background-color: #ea0000; }
.main_icon_list > div:nth-child(4) .info-box { background-color: #7c35b1; }
.main_icon_list > div:nth-child(5) .info-box { background-color: #46576e; }
.main_icon_list .info-box { min-height: 135px; position: relative; }
.main_icon_list .info-box .num { font-size: 40px; color: #fff; font-weight: bold; }
.main_icon_list .info-box .title { font-size: 14px; color: #fff; }
.main_icon_list .info-box .main-icon { position: absolute; right: 10px; bottom: 10px; font-size: 20px; color: #fff; }
.main_icon_list a:active, .main_icon_list a:hover { color: #fff; }

.operate_table a.name_title { text-decoration: none; margin-right: 10px; }
.operate_table a.name_title strong { font-size: 16px; margin-right: 5px; }
.operate_table a.name_title span { font-size: 16px; position: relative; }
.operate_table a.name_title span:after { content: ''; position: absolute; top: 4px; right: 0; left: -4px; width: 1px; height: 13px; background-color: #d1d1d1; }
.operate_table a.name_title:hover strong, .operate_table a.name_title:active strong { text-decoration: underline; color: #72afd2; }
.operate_table a.name_title:hover span, .operate_table a.name_title:active span { color: #333; text-decoration: none; }

.operate_table .item { margin-left: 15px; margin-top: 10px; }

.operate_table .item li { list-style-type: disc; }

.menu_table .folding_table .folding_table thead tr > td:first-child { padding-left: 30px !important; }

.menu_table .folding_table .folding_table tbody tr > td:first-child { padding-left: 55px !important; }

a.link_txt { color: #2a90bc; text-decoration: none; }

a.link_txt:hover, a.link_txt:focus { color: #2a90bc; text-decoration: underline; }

.callout { background-color: #eee; }

.label.label-lg { padding: 10px 20px; min-width: 80px; }

.calendar_box { position: relative; margin: 0 auto; }

.calendar_box .btn_area { position: relative; margin: 0 auto; }

.calendar_box .btn_area .btn_wrap { position: absolute; right: 0; top: 10px; }

#calendar { margin: 0 auto; }

.calendar_box table tr td { height: 18px; line-height: 12px !important; }

.fc .fc-toolbar > * > h2 { margin-right: 100px; }

.fc .fc-toolbar { margin-bottom: 0 !important; }

.fc-day-number { font-size: 14px !important; }

.calendar_box .label_area { padding: 10px 5px; margin: -1px; border: 1px solid #fafafa; background-color: #f4f4f4; }
.calendar_box .label_area li { display: inline-block; margin-bottom: 5px; min-height: 20px; vertical-align: middle; font-size: 12px; line-height: 20px; }
.calendar_box .label_area li img { margin-right: 5px; width: 18px; }

.box.auto_search .box-body { overflow: visible; }
.box.auto_search .box-body .input_layer { position: relative; display: none; }
.box.auto_search .box-body .input_layer .layer_wrap { z-index: 99; top: 0; left: 0; position: absolute; width: 100%; max-height: 313px; overflow-y: auto; padding: 10px; border: 1px solid #d2d6de; background-color: #fff; }
.box.auto_search .box-body .input_layer .layer_wrap a { display: block; }

.report_area { padding: 5px; }

.report_area > dl { margin-bottom: 20px; }

.report_area > dl > dt { padding: 10px 0; font-weight: bold; font-size: 16px; }

.report_area > dl > dd > dl { margin-top: 10px; font-weight: normal; }

.report_area > dl > dd > dl dt { margin-top: 10px; padding: 10px 0; font-weight: normal; }

/* 시스템 오류 */
.btn_green { display: inline-block; min-width: 90px; padding: 11px 16px 12px; text-align: center; border: solid 1px #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #009999; border-color: #009999; color: #fff; }

.btn_green:hover { text-decoration: none; background-color: #008a8a; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; color: #fff; }

.result_box { text-align: center; }
.result_box * { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.result_box .msg_tit { position: relative; margin: 30px 0 10px; color: #000; font-size: 36px; line-height: 40px; }
.result_box .msg_tit.pw_search { margin: 30px 0 30px; }
.result_box .msg_tit.pw_search span { position: relative; }
.result_box .msg_tit.pw_search span:after { position: absolute; content: ''; width: 60px; height: 64px; left: -60px; top: -25px; background: url("../img/icon_search.png") 0 0 no-repeat; }
.result_box .info_tel { font-size: 14px; color: #333; }
.result_box .result_check { padding-bottom: 20px; }
.result_box .result_check p { text-align: center; font-size: 16px; color: #5e5e5e; }
.result_box .btn_area { padding-bottom: 30px; }
.result_box .form_box { max-width: 500px; margin: 0 auto 30px; padding: 40px 10px; border: 1px solid #d8d8d8; border-top: 6px solid #669afa; background-color: #f2f2f2; }
.result_box .form_box.table_box { padding: 10px 0 0; background-color: #fff; }
.result_box .form_box.table_box table th, .result_box .form_box.table_box table td { font-size: 14px; border: none; }
.result_box .form_box.table_box table td { text-align: left; }

/* @media (max-width: 800px) {
	.result_box { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
	.rs_img { width: 80px; height: 80px; margin: 50px 0 25px; background: url("../img/bg_result.png") 0 center no-repeat; background-size: 400px 80px; }

	.msg_tit { font-size: 20px; letter-spacing: -1px; }

	.msg_info1 { font-size: 15px; font-weight: bold; }
	.msg_info1 span { color: #009999; font-size: 15px; }
	.msg_info2 { font-size: 14px; margin-bottom: 20px; letter-spacing: -1px; }
	.msg_info2 span { color: #009999; font-size: 12px; }
	.msg_button { margin: 20px 0 50px; }
	.msg_button a { letter-spacing: -1px; }

	.result_box.rs_err > .rs_img { background-position: -80px; }
	.result_box.rs_leave > .rs_img { background-position: -160px; }
	.result_box.rs_no > .rs_img { background-position: -240px; }
	.result_box.rs_check > .rs_img { background-position: -320px; }

	.result_check { max-width: 498px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; margin: 0 auto 25px; letter-spacing: -1px; font-size:14px;}
} */
/* 아이콘 */
.icon_big { text-align: center; min-width: 200px; }

.icon_big span { background: url("../img/icon_big.png") 0 center; }

.icon_big .big_icon01 { background-position: 0 0; height: 170px; width: 142px; }

.icon_big .big_icon02 { background-position: 0 -170px; height: 164px; width: 144px; }

.icon_big .big_icon03 { background-position: 0 -334px; height: 170px; width: 153px; }

.icon_big .big_icon04 { background-position: 0 -504px; height: 170px; width: 142px; }

.icon_big .big_icon05 { background-position: 0 -674px; height: 170px; width: 154px; }

.icon_big .big_icon06 { background-position: 0 -844px; height: 176px; width: 158px; }

.icon_big .big_icon07 { background-position: 0 -1020px; height: 151px; width: 140px; }

.icon_big .big_icon08 { background-position: 0 -1171px; height: 151px; width: 140px; }

.icon_big .big_icon09 { background-position: 0 -1322px; height: 176px; width: 158px; }

.icon_big .big_icon10 { background-position: 0 -1498px; height: 176px; width: 163px; }

p.line_green { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 40px; position: relative; width: 32px; height: 8px; margin-top: 16px; background-color: #55c8df; }

/**
* Skin
* --------------------------------------------------------------------------------------------
*/
.search td label , .drag-list.head .cell , .table_type01 thead tr th , .table_type02 thead tr th , .table_type02 tbody tr th { color: #2a90bc; }

.box.box-success, .box.box-info { border-top-color: #2a90bc; }

.box.box-solid.box-success { border: 1px solid #2a90bc; }
.box.box-solid.box-success > .box-header { background-color: #2a90bc; }

.skin-blue .search_type01 .search_label { background-color: #2a90bc; border: 1px solid #2a90bc; }
.skin-blue .search_type02 th { background: #2a90bc; }
.skin-blue .pagination > .active > a , .skin-blue .pagination > .active > a:focus , .skin-blue .pagination > .active > a:hover , .skin-blue .pagination > .active > span , .skin-blue .pagination > .active > span:focus , .skin-blue .pagination > .active > span:hover { background-color: #2a90bc; border-color: #2a90bc; }
.skin-blue .modal-header { background-color: #2a90bc; }
.skin-blue .box.box-success, .skin-blue .box.box-info { border-top-color: #2a90bc; }
.skin-blue .box.box-solid.box-success { border: 1px solid #367fa9; }
.skin-blue .box.box-solid.box-success > .box-header { background-color: #367fa9; }
.skin-blue .search_type01 { background: rgba(60, 141, 188, 0.1); }
.skin-blue .table_type01 thead tr th { background: rgba(60, 141, 188, 0.1); color: #2a90bc; }
.skin-blue .table_type02 thead tr th { background: rgba(60, 141, 188, 0.1); color: #2a90bc; }
.skin-blue .table_type02 tbody tr th { background: rgba(60, 141, 188, 0.1); color: #2a90bc; }
.skin-blue .drag-list.head li { background: rgba(60, 141, 188, 0.1); }
.skin-blue .search td label , .skin-blue .drag-list.head .cell , .skin-blue .table_type01 thead tr th , .skin-blue .table_type02 thead tr th , .skin-blue .table_type02 tbody tr th { color: #2a90bc; }
.skin-blue .nav-tabs-custom .nav-tabs { border-bottom-color: #367fa9; border-bottom-width: 2px; }
.skin-blue .nav-tabs-custom .nav-tabs > li.active { border-top-color: #367fa9; }
.skin-blue .nav-tabs-custom .nav-tabs > li.active > a, .skin-blue .nav-tabs-custom .nav-tabs > li.active > a { border-left-color: #367fa9; border-right-color: #367fa9; }

.skin-green .search_type01 .search_label { background-color: #15b5af; border: 1px solid #15b5af; }
.skin-green .search_type02 th { background: #15b5af; }
.skin-green .pagination > .active > a , .skin-green .pagination > .active > a:focus , .skin-green .pagination > .active > a:hover , .skin-green .pagination > .active > span , .skin-green .pagination > .active > span:focus , .skin-green .pagination > .active > span:hover { background-color: #15b5af; border-color: #15b5af; }
.skin-green .modal-header { background-color: #15b5af; }
.skin-green .box.box-success, .skin-green .box.box-info { border-top-color: #15b5af; }
.skin-green .box.box-solid.box-success { border: 1px solid #0b908b; }
.skin-green .box.box-solid.box-success > .box-header { background-color: #0b908b; }
.skin-green .search_type01 { background: rgba(21, 181, 175, 0.1); }
.skin-green .table_type01 thead tr th { background: rgba(21, 181, 175, 0.1); color: #0b7571; }
.skin-green .table_type02 thead tr th { background: rgba(21, 181, 175, 0.1); color: #0b7571; }
.skin-green .table_type02 tbody tr th { background: rgba(21, 181, 175, 0.1); color: #0b7571; }
.skin-green .drag-list.head li { background: rgba(21, 181, 175, 0.1); }
.skin-green .search td label , .skin-green .drag-list.head .cell , .skin-green .table_type01 thead tr th , .skin-green .table_type02 thead tr th , .skin-green .table_type02 tbody tr th { color: #0b7571; }
.skin-green .nav-tabs-custom .nav-tabs { border-bottom-color: #0b908b; border-bottom-width: 2px; }
.skin-green .nav-tabs-custom .nav-tabs > li.active { border-top-color: #0b908b; }
.skin-green .nav-tabs-custom .nav-tabs > li.active > a, .skin-green .nav-tabs-custom .nav-tabs > li.active > a { border-left-color: #0b908b; border-right-color: #0b908b; }

.skin-purple .search_type01 .search_label { background-color: #605ca8; border: 1px solid #605ca8; }
.skin-purple .search_type02 th { background: #605ca8; }
.skin-purple .pagination > .active > a , .skin-purple .pagination > .active > a:focus , .skin-purple .pagination > .active > a:hover , .skin-purple .pagination > .active > span , .skin-purple .pagination > .active > span:focus , .skin-purple .pagination > .active > span:hover { background-color: #605ca8; border-color: #605ca8; }
.skin-purple .modal-header { background-color: #605ca8; }
.skin-purple .box.box-success, .skin-purple .box.box-info { border-top-color: #605ca8; }
.skin-purple .box.box-solid.box-success { border: 1px solid #555299; }
.skin-purple .box.box-solid.box-success > .box-header { background-color: #555299; }
.skin-purple .search_type01 { background: rgba(221, 75, 57, 0.1); }
.skin-purple .table_type01 thead tr th { background: rgba(221, 75, 57, 0.1); color: #444177; }
.skin-purple .table_type02 thead tr th { background: rgba(221, 75, 57, 0.1); color: #444177; }
.skin-purple .table_type02 tbody tr th { background: rgba(221, 75, 57, 0.1); color: #444177; }
.skin-purple .drag-list.head li { background: rgba(221, 75, 57, 0.1); }
.skin-purple .search td label , .skin-purple .drag-list.head .cell , .skin-purple .table_type01 thead tr th , .skin-purple .table_type02 thead tr th , .skin-purple .table_type02 tbody tr th { color: #444177; }
.skin-purple .nav-tabs-custom .nav-tabs { border-bottom-color: #555299; border-bottom-width: 2px; }
.skin-purple .nav-tabs-custom .nav-tabs > li.active { border-top-color: #555299; }
.skin-purple .nav-tabs-custom .nav-tabs > li.active > a, .skin-purple .nav-tabs-custom .nav-tabs > li.active > a { border-left-color: #555299; border-right-color: #555299; }

.skin-red .search_type01 .search_label { background-color: #dd4b39; border: 1px solid #dd4b39; }
.skin-red .search_type02 th { background: #dd4b39; }
.skin-red .pagination > .active > a , .skin-red .pagination > .active > a:focus , .skin-red .pagination > .active > a:hover , .skin-red .pagination > .active > span , .skin-red .pagination > .active > span:focus , .skin-red .pagination > .active > span:hover { background-color: #dd4b39; border-color: #dd4b39; }
.skin-red .modal-header { background-color: #dd4b39; }
.skin-red .box.box-success, .skin-red .box.box-info { border-top-color: #dd4b39; }
.skin-red .box.box-solid.box-success { border: 1px solid #d73925; }
.skin-red .box.box-solid.box-success > .box-header { background-color: #d73925; }
.skin-red .search_type01 { background: rgba(96, 92, 168, 0.1); }
.skin-red .table_type01 thead tr th { background: rgba(96, 92, 168, 0.1); color: #b33d2e; }
.skin-red .table_type02 thead tr th { background: rgba(96, 92, 168, 0.1); color: #b33d2e; }
.skin-red .table_type02 tbody tr th { background: rgba(96, 92, 168, 0.1); color: #b33d2e; }
.skin-red .drag-list.head li { background: rgba(96, 92, 168, 0.1); }
.skin-red .search td label , .skin-red .drag-list.head .cell , .skin-red .table_type01 thead tr th , .skin-red .table_type02 thead tr th , .skin-red .table_type02 tbody tr th { color: #b33d2e; }
.skin-red .nav-tabs-custom .nav-tabs { border-bottom-color: #d73925; border-bottom-width: 2px; }
.skin-red .nav-tabs-custom .nav-tabs > li.active { border-top-color: #d73925; }
.skin-red .nav-tabs-custom .nav-tabs > li.active > a, .skin-red .nav-tabs-custom .nav-tabs > li.active > a { border-left-color: #d73925; border-right-color: #d73925; }

.skin-yellow { /*else*/ }
.skin-yellow .navbar-custom-menu .notifications-menu .label-warning { background-color: #60c833 !important; }
.skin-yellow .search_type01 .search_label { background-color: #f39c12; border: 1px solid #f39c12; }
.skin-yellow .search_type02 th { background: #f39c12; }
.skin-yellow .pagination > .active > a , .skin-yellow .pagination > .active > a:focus , .skin-yellow .pagination > .active > a:hover , .skin-yellow .pagination > .active > span , .skin-yellow .pagination > .active > span:focus , .skin-yellow .pagination > .active > span:hover { background-color: #f39c12; border-color: #f39c12; }
.skin-yellow .modal-header { background-color: #f39c12; }
.skin-yellow .box.box-success, .skin-yellow .box.box-info { border-top-color: #f39c12; }
.skin-yellow .box.box-solid.box-success { border: 1px solid #e08e0b; }
.skin-yellow .box.box-solid.box-success > .box-header { background-color: #e08e0b; }
.skin-yellow .search_type01 { background: rgba(243, 156, 18, 0.1); }
.skin-yellow .table_type01 thead tr th { background: rgba(243, 156, 18, 0.1); color: #ad7111; }
.skin-yellow .table_type02 thead tr th { background: rgba(243, 156, 18, 0.1); color: #ad7111; }
.skin-yellow .table_type02 tbody tr th { background: rgba(243, 156, 18, 0.1); color: #ad7111; }
.skin-yellow .drag-list.head li { background: rgba(243, 156, 18, 0.1); }
.skin-yellow .search td label , .skin-yellow .drag-list.head .cell , .skin-yellow .table_type01 thead tr th , .skin-yellow .table_type02 thead tr th , .skin-yellow .table_type02 tbody tr th { color: #ad7111; }
.skin-yellow .nav-tabs-custom .nav-tabs { border-bottom-color: #e08e0b; border-bottom-width: 2px; }
.skin-yellow .nav-tabs-custom .nav-tabs > li.active { border-top-color: #e08e0b; }
.skin-yellow .nav-tabs-custom .nav-tabs > li.active > a, .skin-yellow .nav-tabs-custom .nav-tabs > li.active > a { border-left-color: #e08e0b; border-right-color: #e08e0b; }

/**
* login
* ------------------
*/
body.login { width: 100%; height: 100%; background: #00428d; }
body.login .logo { width: 166px; height: 44px; padding-bottom: 10px; background: url("../img/logo.png") 0 0 no-repeat; }
body.login .login-box { margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -65%); }
body.login .login-box .login-box-body, body.login .login-box .register-box-body { padding: 20px 15px; box-shadow: 1px 8px 20px rgba(0, 0, 0, 0.5); border-radius: 8px; }
body.login .login-box .title { padding-bottom: 5px; font-size: 24px; font-weight: bold; color: #5790f9; }
body.login .login-box .text_area { text-align: center; color: #363636; margin-bottom: 30px; }
body.login .login-box .text_area .txt1 { font-size: 50px; color: #00428d; font-weight: bold; }
body.login .login-box .text_area .txt2 { font-size: 15px; color: #b6b6b6; letter-spacing: 2.5px; }
body.login .login-box .info-txt { margin-top: 15px; padding: 15px 0 0; font-size: 12px; color: #666; }
body.login .login-box .info-txt span { color: #5790f9; }
@media (min-width: 800px) { body.login .login-box { min-width: 800px; transform: translate(-50%, -50%); } }
body.login .form_area { margin-right: -20px; }
body.login .btn-success, body.login .btn-success:active, body.login .btn-success:hover, body.login .btn-success:visited, body.login .btn-success:active:hover, body.login .btn-success:focus { background-color: #00428d; border-color: #00428d; height: 78px; line-height: 68px; display: block; vertical-align: center; }
body.login .btn-default.blue, body.login .btn-default.blue:active, body.login .btn-default.blue:hover, body.login .btn-default.blue:visited, body.login .btn-default.blue:active:hover, body.login .btn-default.blue:focus { background-color: #00428d; border-color: #00428d; color: #fff; }
body.login .point_color { color: #00428d; }
body.login .form_box { border: 1px solid #d8d8d8; border-top: 6px solid #00428d; background-color: #f2f2f2; }
body.login .pw_txt { color: #00428d; font-weight: bold; }
body.login #footer { position: fixed; left: 0; right: 0; bottom: 0; height: 63px; padding-top: 20px; background-color: rgba(0, 0, 0, 0.5); text-align: center; color: #ccc; font-size: 12px; }
body.login #footer .admin_mail a { color: #5790f9; margin-right: 5px; }

body.login.japan { background-color: #5b93f9; }
body.login.japan .logo { width: 248px; height: 32px; padding-bottom: 10px; background: url("../img/logo_jp.png") 0 0 no-repeat; }
body.login.japan .login-box .text_area .txt1 { font-size: 23px; color: #5790f9; font-weight: bold; }
body.login.japan .login-box .text_area .txt2 { font-size: 15px; color: #b6b6b6; letter-spacing: 2.5px; }
body.login.japan .btn-success, body.login.japan .btn-success:active, body.login.japan .btn-success:hover, body.login.japan .btn-success:visited, body.login.japan .btn-success:active:hover, body.login.japan .btn-success:focus { background-color: #5790f9; border-color: #5790f9; height: 78px; line-height: 68px; display: block; vertical-align: center; }
body.login.japan .btn-default.blue, body.login.japan .btn-default.blue:active, body.login.japan .btn-default.blue:hover, body.login.japan .btn-default.blue:visited, body.login.japan .btn-default.blue:active:hover, body.login.japan .btn-default.blue:focus { background-color: #5790f9; border-color: #5790f9; color: #fff; }
body.login.japan .point_color { color: #5790f9; }
body.login.japan .form_box { border: 1px solid #d8d8d8; border-top: 6px solid #5790f9; background-color: #f2f2f2; }
body.login.japan .pw_txt { color: #5790f9; font-weight: bold; }

.icon_email { width: 107px; height: 114px; margin: 0 auto; background: url("../img/icon_email.png") center center no-repeat; }

.icon_search { width: 60px; height: 64px; /* margin:0 auto; */ background: url("../img/icon_search.png") center 12px no-repeat; }

/*# sourceMappingURL=common.css.map */