@charset "utf-8";

@font-face {
    font-family: 'icomoon';
    src:    url('/assets/font/logo.eot?idv697');
    src:    url('/assets/font/logo.eot?idv697#iefix') format('embedded-opentype'),
            url('/assets/font/logo.ttf?idv697') format('truetype'),
            url('/assets/font/logo.woff?idv697') format('woff'),
            url('/assets/font/logo.svg?idv697#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 767.98px) {
  .form-control-small {
    width: auto !important;
  }
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon', 'o2oz_icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* o2oz logo */
.icon-logo_svg:before {
    content: "\e900";
}

/* o2oz logo horizen */
.icon-logo_svg_hori:before {
    content: "\e901";
}

/* o2oz logo vertical */
.icon-logo_svg_vert:before {
    content: "\e902";
}


@font-face {
  font-family: 'thefirst';
  src:  url('../font/thefirst.eot?xg2sya');
  src:  url('../font/thefirst.eot?xg2sya#iefix') format('embedded-opentype'),
    url('../font/thefirst.ttf?xg2sya') format('truetype'),
    url('../font/thefirst.woff?xg2sya') format('woff'),
    url('../font/thefirst.svg?xg2sya#thefirst') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ico-first"], [class*=" ico-first"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'thefirst' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-firstfiber_new:before {
  content: "\e90d";
}
.ico-firstinsert_chart:before {
  content: "\e90e";
}
.ico-firstmonetization_on:before {
  content: "\e90f";
}
.ico-firstlocal_shipping:before {
  content: "\e910";
}
.ico-firstshopping_basket:before {
  content: "\e911";
}
.ico-firstweekend:before {
  content: "\e912";
}
.ico-firstassignment:before {
  content: "\e913";
}
.ico-firstorder:before {
  content: "\e907";
  color: #616161;
}
.ico-firstcancel:before {
  content: "\e908";
  color: #616161;
}
.ico-firstest:before {
  content: "\e909";
  color: #606060;
}
.ico-firstremote:before {
  content: "\e90a";
  color: #606060;
}
.ico-firstoto:before {
  content: "\e90b";
  color: #606060;
}
.ico-firstmn01:before {
  content: "\e900";
}
.ico-firstmn02:before {
  content: "\e901";
}
.ico-firstmn03:before {
  content: "\e902";
}
.ico-firstmn04:before {
  content: "\e903";
}
.ico-firstmn05:before {
  content: "\e904";
}
.ico-firstmn06:before {
  content: "\e905";
}
.ico-firstas:before {
  content: "\e90c";
  color: #606060;
}
.ico-firstclose:before {
  content: "\e906";
}


/* ???? */
html {height:100%;}
body {margin:0;padding:0;height:100%;}

* {letter-spacing:-0.5px;line-height:100%;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; margin-bottom: 0px !important;}
input, button {margin:0 !important;padding:0;font-family:"Nanum Gothic";font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:underline}
a {color:#333;}

.cb {clear:both;}

.h100 {height:100%;}
.h80 {height:80%;}
.w120 {width:120px !important;}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    /* width: 220px; */
}

.cp {cursor:pointer;}

.cb {clear:both;}
.fl {float:left;}
.fr {float:right !important;}

.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.of_auto{overflow:auto;}
.of_scroll{overflow:scroll !important;}

.bn {background:none !important; border:0 none !important;}

.fb {font-weight:bold;}
.fbr {font-weight:bolder;}
.fn {font-weight:normal;}

.pr {position:relative;}
.pa {position:absolute;}

.di {display:inline;}
.db {display:block;}

.brnon{border:none;}

.accessibility{visibility:hidden; position:absolute; overflow:hidden; height:0; width:0; font-size:0; margin:0; padding:0;}


/* font */
.f8 {font-size:8px !important;}
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f28{font-size:28px !important;}
.f30{font-size:30px !important;}
.f32{font-size:32px !important;}
.f36{font-size:36px !important;}
.f42{font-size:42px !important;}
.f48{font-size:48px !important;}
.f54{font-size:54px !important;}

.ls_01 {letter-spacing:-1px;}
.ls_02 {letter-spacing:-2px;}
.ls_001 {letter-spacing:1px;}
.ws_01 {word-spacing:-1px;}
.ws_001 {word-spacing:1px;}

.wwp {word-wrap:break-word;}

/*margin,padding*/
.m0 {margin:0}
.m10 {margin:10px}
.m20 {margin:20px}

.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13.5px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt19 {margin-top:19px !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;}
.mt53 {margin-top:53px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt95 {margin-top:95px !important;}
.mt175 {margin-top:175px !important;}

.mr0 {margin-right:0px !important;}
.mr2 {margin-right:2px !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr10 {margin-right:10px !important;}
.mr12 {margin-right:12px !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;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}

.mb0 {margin-bottom:0px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb17 {margin-bottom:17px !important;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px !important;}
.mb21 {margin-bottom:21px !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;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.ml0 {margin-left:0px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml7 {margin-left:7px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml17 {margin-left:17px !important;}
.ml18 {margin-left:18px !important;}
.ml19 {margin-left:19px !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;}
.ml42 {margin-left:42px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml52 {margin-left:52px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml63 {margin-left:63px !important;}
.ml65 {margin-left:65px !important;}
.ml80 {margin-left:80px !important;}
.ml120 {margin-left:120px !important;}

.pl0 {padding-left:0px !important;}
.pl3 {padding-left:3px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:23px !important;}
.pl25 {padding-left:25px !important;}
.pl28 {padding-left:28px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl45 {padding-left:45px !important;}
.pl55 {padding-left:55px !important;}
.pl100 {padding-left:100px !important;}
.pl120 {padding-left:120px !important;}
.pl150 {padding-left:150px !important;}
.pl200 {padding-left:200px !important;}

.pr0 {padding-right:0px !important;}
.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr8 {padding-right:8px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr17 {padding-right:17px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr27 {padding-right:27px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr56 {padding-right:56px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}

.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt18 {padding-top:18px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}

.pb0 {padding-bottom:0px !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb8 {padding-bottom:8px !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;}
.pb70 {padding-bottom:70px !important;}

.p0 {padding:0 !important}
.p2 {padding:2px !important;}
.p3 {padding:3px !important;}
.p5 {padding:5px !important;}
.p7 {padding:7px;}
.p8 {padding:8px;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px;}
.p30 {padding:20px;}

.w5p {width:5%;}
.w10p {width:10%;}
.w13p {width:13%;}
.w14p {width:14%;}
.w15p {width:15%;}
.w17p {width:17%;}
.w18p {width:18%;}
.w20p {width:20%;}
.w24p {width:24%;}
.w25p {width:25%;}
.w28p {width:28%;}
.w30p {width:30%;}
.w33p {width:33%;}
.w40p {width:40%;}
.w44p {width:44%;}
.w45p {width:45%;}
.w50p {width:50%;}
.w55p {width:55%;}
.w56p {width:56%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w82p {width:82%;}
.w83p {width:83%;}
.w85p {width:85%;}
.w87p {width:87%;}
.w86p {width:86%;}
.w90p {width:90%;}
.w92p {width:92%;}
.w93p {width:93%;}
.w95p {width:95%;}
.w100p {width:100%;}

.w400px {width:400px !important}
.w150px {width:150px !important}
.w100px {width:100px !important}
.w80px {width:80px !important}

.lh100 {line-height:100%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
.lh170 {line-height:170%;}
.lh180 {line-height:180%;}
.lh190 {line-height:190%;}
.lh200 {line-height:200% !important;}

.fta {font-family:"tahoma"}
.fd {font-family:"Dotum"}
.fng {font-family:"Nanum Gothic";}
.fngb {font-family:"Nanum Gothic Bold";}
.fngex {font-family:"Nanum Gothic Bold"; letter-spacing:-1px;}

.cblue1 {color:#3d5995;}
.cblue2 {color:#0052af;}
.cwhite {color:#fff !important;}
.clight {color:#999 !important;}
.clight:hover {color:#555 !important;}
.cblack {color:#000 !important;}
.cred {color:red !important;}
.cblue {color:blue !important;}
.clightgrey {color:#aaa !important;}
.cbdarkblue {background-color:#202e47 !important;}
.cbdarkblue:hover {background-color:#141c2c !important;}
.cbcyan {background-color:#93a2ae;}
.cblightgrey1 {background-color:#f8f8f8;}
.cblightgrey {background-color:#f0f0f0;}

.none, .hidden, .blind{display:none;}

.bt {border-top:solid 1px #ccc !important;}
.bb {border-bottom:solid 1px #ccc !important;}
.bbline > td {border-bottom:solid 1px #555 !important;}
.bb1 {border-bottom:solid 1px #eee !important;}
.bl {border-left:solid 1px #ccc !important;}
.br {border-right:solid 1px #ccc !important;}
.ba {border:1px solid #ccc !important;}
.bn {border:none;}

.ma {margin:0 auto;}

.center {text-align:center !important;}
.right {text-align:right !important;}
.left {text-align:left !important;}

.fh20{height:20px !important;}
.fh25{height:25px !important;}
.fh30{height:30px !important;}
.fh35{height:35px !important;}
.fh40{height:40px !important;}
.fh50{height:50px !important;}
.fh60{height:60px !important;}
.fh70{height:70px !important;}
.fh80{height:80px !important;}
.fh150{height:150px !important;}
.fh680{height:680px !important;}

.btn-small {padding:4px 9px 5px 9px !important;font-size:12px;}
.btn-small > span {font-size:12px;}

.alert-area {
  position:fixed;
  right:20px;
  top:20px;
  max-width:380px;
  min-width:380px;
  z-index:10000000000000000;
  opacity: 0.9 !important;
  -moz-opacity: 0.9 !important;
  -khtml-opacity: 0.9 !important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
  filter: alpha(opacity=90) !important;
}

.alert {
  -webkit-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.3);
  box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.3);
}

.indicator {
  position:absolute;
  z-index:9999999999;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background:url(../images/loading_ani.gif) no-repeat 50% 50%;
}

.lstn {list-style-type:none;padding-left:0px;}

select.form-control-small {
  padding:6px 12px 6px 12px !important;
  height:auto !important;
  font-size:12px !important;
}

.form-control-small {
  padding:4px 12px 4px 12px !important;
  height:auto !important;
  font-size:12px !important;
}

.table-small > thead > tr > th {
  background-color:#f2f2f2;
  padding:9px 0px 9px 0px !important;
}

.table-small > tbody > tr > th {
  text-align:right;
  vertical-align:middle;
  font-weight:normal;
  padding:0px 20px 3px 3px !important;
  background-color:#f2f2f2;
}
.table-small > tbody > tr > th,
.table-small > tbody > tr > td {
  padding:3px;
  font-size:14px;
  font-family: "Noto Sans KR", gulim;
}

.table-small > tbody > tr > th > .material-icons {
  vertical-align: bottom !important;
}

.table-small-text > thead > tr > th {
  background-color:#f2f2f2;
  padding:7px !important;
}

.table-small-text > tbody > tr > th {
  text-align:right;
  vertical-align:middle;
  font-weight:normal;
  padding:5px 20px 5px 3px !important;
  background-color:#f2f2f2;
}
.table-small-text > tbody > tr > th,
.table-small-text > tbody > tr > td {
  padding:7px !important;
  font-size:14px;
  font-family: "Noto Sans KR", gulim;
}

.table-small-text > tbody > tr > th > .material-icons {
  vertical-align: bottom !important;
}

.table-small-text2 > thead > tr > th {
  background-color:#f2f2f2;
  padding:9px !important;
}

.table-small-text2 > tbody > tr > th {
  text-align:right;
  vertical-align:middle;
  font-weight:normal;
  padding:5px 20px 5px 3px !important;
  background-color:#f2f2f2;
}
.table-small-text2 > tbody > tr > th,
.table-small-text2 > tbody > tr > td {
  padding:9px !important;
  font-size:14px;
  font-family: "Noto Sans KR", gulim;
}

.table-small-text2 > tbody > tr > th > .material-icons {
  vertical-align: bottom !important;
}


select.formErrors,
input.formErrors {
  background-color:#ffeaea;
  border:solid 1px #ffaeae;
}

.error-message {
  position:relative;
  top:-21px;
  text-align:right;
  padding-right:10px;
  font-size:12px;
  color:red;
  height:0px;
  pointer-events: none;
}

.error-message-hidden {
  font-size:12px;
  color:red;
  padding:5px 0px 5px 0px;
  pointer-events: none;
}


.modal-xl {
  max-width:1000px;
  width:1000px;
}

.btn-primary {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}

.btn-success {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.btn-info {
  color: #fff !important;
  background-color: #5bc0de !important;
  border-color: #46b8da !important;
}

.btn-warning {
  color: #fff !important;
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
}

.btn-danger {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}

.btn-default:hover {
  background-color: #eeeeee;
}

.btn-default {
  font-size: 14px;
  background-color: #fff;
  border-color: #ccc;
  padding: 3px 12px;
}

.note-modal {
  z-index:999999 !important;
}

.select2-container--open {
  z-index:9999999 !important;
}

.ag-cell80h {
  line-height:80px !important;
}

.ag-cell50h {
  line-height:50px !important;
}

.ag-cell-edit {
  background-color:#f2f2f2;
}

.toast-message {
  word-wrap: break-word;
  line-height: 120%;
  margin-top: 10px;
}

.error-msg {
  display: inherit;
  font-size: 13px;
  color: #f04d2d;
  padding: 5px 0px 5px 10px;
}

.inipay_modal {
  opacity: 1;
}

.calendar-input {
  background: url(/assets/images/calendar.png) no-repeat 96% 50%;
  background-color: #e9ecef !important;
  background-size: 1.8vh;
  cursor: pointer;
}

.normal .as-split-gutter {
  background-color: #dce1e8 !important;
}

.white .as-split-gutter {
  background-color: #fff !important;
}