@charset "utf-8";
input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"],input[type="date"],input[type="time"]{font-family:'NotoSansKR';height:32px;padding:2px 10px;box-sizing:border-box;color:#2f2f2f;border:solid 1px #ced4da;background-color:#fff;}
input[type="date"]::-webkit-calendar-picker-indicator {background: none;}
input[type="time"]::-webkit-calendar-picker-indicator {background: none;}
input[type="checkbox"]{vertical-align:middle;}
input[type="radio"]{vertical-align:middle;}
input[type="file"]{height:32px;background:#fff;border:none;}
input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder{color:#858e96;}
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder{color:#858e96;}
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder{color:#858e96;}
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder{color:#858e96;}
input[type=file]::-ms-value{border:1px solid #ced4da;background-color:#fff;}
input[type=file]::-ms-browse{border:1px solid #ced4da;background-color:#7a7a7a;color:#fff;}
select{height:32px;padding:2px 30px 2px 10px;box-sizing:border-box;color:#2f2f2f;border:solid 1px #ced4da;background-color:#fff;vertical-align:middle;
background:#fff url(../img/arrow_down_black.png) no-repeat right 10px top 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand {display: none;}
textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:1px solid #ced4da;resize:none;}
button{font-family:'NotoSansKR';font-size:12px;color:#485057;display:inline-block;padding:0px;text-align:center;vertical-align:middle;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:none;border:0;}
button:focus{outline:0;}

input[type="button"]{cursor:pointer;}
input[readonly]{background:#eeeeee !important;border:1px solid #ddd ;box-shadow:none !important;}
input[readonly="readonly"]{background:#eeeeee !important;border:1px solid #ddd;box-shadow:none !important;}
input[type="text"]:disabled {background:#eeeeee !important;border:1px solid #ddd;box-shadow:none !important;}
textarea[readonly],
textarea[disabled]{background:#eeeeee !important;border:1px solid #ddd;box-shadow:none !important;}

select,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="search"]
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff;}
input[type="checkbox"],input[type="radio"]{display: inline-block;}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="search"]
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus,
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus,
.uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0;
	-webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:  0 2px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}

/* width %*/
.w1{width:1% !important}.w2{width:2% !important}.w3{width:3% !important}.w4{width:4% !important}.w5{width:5% !important}.w6{width:6% !important}.w7{width:7% !important}.w8{width:8% !important}.w9{width:9% !important}.w10{width:10% !important}.w11{width:11% !important}.w12{width:12% !important}.w13{width:13% !important}.w14{width:14% !important}.w15{width:15% !important}.w16{width:16% !important}.w17{width:17% !important}.w18{width:18% !important}.w19{width:19% !important}.w20{width:20% !important}.w21{width:21% !important}.w22{width:22% !important}.w23{width:23% !important}.w24{width:24% !important}.w25{width:25% !important}.w26{width:26% !important}.w27{width:27% !important}.w28{width:28% !important}.w29{width:29% !important}.w30{width:30% !important}.w31{width:31% !important}.w32{width:32% !important}.w33{width:33% !important}.w34{width:34% !important}.w35{width:35% !important}.w36{width:36% !important}.w37{width:37% !important}.w38{width:38% !important}.w39{width:39% !important}.w40{width:40% !important}.w41{width:41% !important}.w42{width:42% !important}.w43{width:43% !important}.w44{width:44% !important}.w45{width:45% !important}.w46{width:46% !important}.w47{width:47% !important}.w48{width:48% !important}.w49{width:49% !important}.w50{width:50% !important}.w51{width:51% !important}.w52{width:52% !important}.w53{width:53% !important}.w54{width:54% !important}.w55{width:55% !important}.w56{width:56% !important}.w57{width:57% !important}.w58{width:58% !important}.w59{width:59% !important}.w60{width:60% !important}.w61{width:61% !important}.w62{width:62% !important}.w63{width:63% !important}.w64{width:64% !important}.w65{width:65% !important}.w66{width:66% !important}.w67{width:67% !important}.w68{width:68% !important}.w69{width:69% !important}.w70{width:70% !important}.w71{width:71% !important}.w72{width:72% !important}.w73{width:73% !important}.w74{width:74% !important}.w75{width:75% !important}.w76{width:76% !important}.w77{width:77% !important}.w78{width:78% !important}.w79{width:79% !important}.w80{width:80% !important}.w81{width:81% !important}.w82{width:82% !important}.w83{width:83% !important}.w84{width:84% !important}.w85{width:85% !important}.w86{width:86% !important}.w87{width:87% !important}.w88{width:88% !important}.w89{width:89% !important}.w90{width:90% !important}.w91{width:91% !important}.w92{width:92% !important}.w93{width:93% !important}.w94{width:94% !important}.w95{width:95% !important}.w96{width:96% !important}.w97{width:97% !important}.w98{width:98% !important}.w99{width:99% !important}.w100{width:100% !important}

/* margin */
.all-mg0{margin-top:0 !important}.all-mg5{margin-top:5px !important}.all-mg10{margin-top:10px !important}.all-mg15{margin-top:15px !important}.all-mg20{margin-top:20px !important}.all-mg25{margin-top:25px !important}.all-mg30{margin-top:30px !important}.all-mg35{margin-top:35px !important}.all-mg40{margin-top:40px !important}.all-mg45{margin-top:45px !important}.all-mg50{margin-top:50px !important}.all-mg55{margin-top:55px !important}.all-mg60{margin-top:65px !important}.all-mg70{margin-top:70px !important}.all-mg75{margin-top:75px !important}.all-mg80{margin-top:80px !important}.all-mg85{margin-top:85px !important}.all-mg90{margin-top:90px !important}.all-mg95{margin-top:95px !important}.all-mg100{margin-top:100px !important}
.mt0{margin-top:0 !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: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}
.mb0{margin-bottom:0 !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}
.ml0{margin-left:0 !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}.ml110{margin-left:110px !important}.ml120{margin-left:120px !important}.ml130{margin-left:130px !important}.ml140{margin-left:140px !important}.ml150{margin-left:150px !important}.ml160{margin-left:160px !important}.ml170{margin-left:170px !important}.ml180{margin-left:180px !important}.ml190{margin-left:190px !important}
.mr0{margin-right:0 !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}.ml110{margin-left:110px !important}.ml120{margin-left:120px !important}.ml130{margin-left:130px !important}.ml140{margin-left:140px !important}.ml150{margin-left:150px !important}.ml160{margin-left:160px !important}.ml170{margin-left:170px !important}.ml180{margin-left:180px !important}.ml190{margin-left:190px !important}

/* padding */
.all-pd0{padding-top:0 !important}.all-pd5{padding-top:5px !important}.all-pd10{padding-top:10px !important}.all-pd15{padding-top:15px !important}.all-pd20{padding-top:20px !important}.all-pd25{padding-top:25px !important}.all-pd30{padding-top:30px !important}.all-pd35{padding-top:35px !important}.all-pd40{padding-top:40px !important}.all-pd45{padding-top:45px !important}.all-pd50{padding-top:50px !important}.all-pd55{padding-top:55px !important}.all-pd60{padding-top:65px !important}.all-pd70{padding-top:70px !important}.all-pd75{padding-top:75px !important}.all-pd80{padding-top:80px !important}.all-pd85{padding-top:85px !important}.all-pd90{padding-top:90px !important}.all-pd95{padding-top:95px !important}.all-pd100{padding-top:100px !important}
.pt0{padding-top:0 !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: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}
.pb0{padding-bottom:0 !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}
.pl0{padding-left:0 !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}
.pr0{padding-right:0 !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}

.inblock{display:inline-block;} .inline{display:inline;} .block{display:block;} .hide{display:none;}
.fl{float:left;} .fr{float:right;} .fl:after, .fr:after{content:"";display:block; clear:both;} .fn{float:none !important;}
.clear{clear:both;*zoom:1;} .clear:after{content:"";display:block;clear:both;}
.vt{vertical-align:top !important} .vm{vertical-align:middle !important} .vb{vertical-align:bottom !important}
.tl{text-align:left !important;} .tc{text-align:center !important;} .tr{text-align:right !important;}

.blind{overflow:hidden;position:absolute;left:-9999999em;top:auto;width:1px;height:1px}
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.boxsizing{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.relative{position:relative;}
.absolute{position:absolute;}
.fix{position:fixed}
.fixtable{table-layout:fixed;word-wrap:break-word;}
.underline{text-decoration:underline !important;}
.table{display:table;width:100%;height:100%;}
.tcell{display:table-cell;vertical-align:middle;}

.flex .item{width:100%;}
.flex { display: -webkit-flex; display: flex; flex-direction:row;}    
.flex-col{flex-direction: column;}
.flex-start {-webkit-align-content: flex-start; align-content: flex-start; }
.flex-center {-webkit-align-content: center; align-content: center; }
.flex-end {-webkit-align-content: flex-end; align-content: flex-end; }
.just-center {-webkit-justify-content: center; justify-content: center; }
.just-between {-webkit-justify-content: space-between; justify-content: space-between; }
.just-around {-webkit-justify-content: space-around; justify-content: space-around; }

.row{position:relative;}
.row:after{content:"";display:block;clear:both;}
.row [class^="col-"]{float:left;position:relative;box-sizing:border-box;}
.col-1{width:8.333%}.col-2{width:16.629%}.col-3{width:25%}.col-4{width:33.3333333%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}
.row .col-l{float:left;}.row .col-r{float:right;}

.loading{display:none;position:fixed;width:100%;height:100%;opacity:.8;z-index:100;background-color:#17181B;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.load{position:fixed;left:50%;top:45%;width:100px;height:100px;margin:0 0 0 -50px;} 
.load-type div{position:absolute;left:0;right:0;top:0;bottom:0;width:20px;height:20px;margin:auto;border-radius:10px;background-color:#cdcdcd;opacity:.2;animation:loadingH 1s linear infinite}
.load-type div:nth-child(1){transform:rotate(0) translateX(40px);animation-delay:0}.load-type div:nth-child(2){transform:rotate(45deg) translateX(40px);animation-delay:0.1s}.load-type div:nth-child(3){transform:rotate(90deg) translateX(40px);animation-delay:0.2s}.load-type div:nth-child(4){transform:rotate(135deg) translateX(40px);animation-delay:0.3s}.load-type div:nth-child(5){transform:rotate(180deg) translateX(40px);animation-delay:0.4s}.load-type div:nth-child(6){transform:rotate(225deg) translateX(40px);animation-delay:0.5s}.load-type div:nth-child(7){transform:rotate(270deg) translateX(40px);animation-delay:0.6s}.load-type div:nth-child(8){transform:rotate(315deg) translateX(40px);animation-delay:0.7s}
@keyframes loadingH{0%{opacity:.2}25%{opacity:1}50%{opacity:.2}100%{opacity:.2}}

.btnC{text-align:center;}.btnL{text-align:left;}.btnR{text-align:right;}
.btnZ{position:relative;text-align:center;z-index:1;}
.btnZ:after{content:"";display:block;clear:both;}
.btnZ .btnL{float:left;display:inline-block;z-index:2;}
.btnZ .btnR{float:right;display:inline-block;z-index:2;}

.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;}.f23{font-size:23px !important;}.f24{font-size:24px !important;}.f25{font-size:25px !important;}.f26{font-size:26px !important;}.f27{font-size:27px !important;}.f28{font-size:28px !important;}.f29{font-size:29px !important;}.f30{font-size:30px !important;}

.btn-xsm, a.btn-xsm{min-height:auto;padding:1px 1px;font-size:10px;line-height:1.2;}
.btn-sm, a.btn-sm{min-height:auto;padding:1px 5px;font-size:11px;}
.btn-mid, a.btn-mid{min-height:auto;padding:2px 10px;font-size:12px;}
.btn-la, a.btn-la{padding:10px 25px;height:40px;line-height:1.4;font-size:14px;}
.btn-xla, a.btn-xla{padding:14px 40px;font-size:17px;}
.btn-xxla, a.btn-xxla{padding:17px 60px;font-size:20px;}

.btnDefault{display:inline-block;min-width:100px;min-height:32px;padding:2px 15px;box-sizing:border-box;text-align:center;vertical-align:middle;color:#485057;font-size:12px;background-color:#fff;-webkit-transition: all 0.4s;transition: all 0.4s;text-shadow:rgba(0,0,0,.3) 1px 0px 0px;}

.btnBasic{display:inline-block;min-width:100px;min-height:32px;padding:2px 15px;box-sizing:border-box;text-align:center;vertical-align:middle;color:#004c90;font-size:12px;background-color:#fff;border:1px solid #CED4DA;border-radius:16px;-webkit-transition: all 0.4s;transition: all 0.4s;text-shadow:rgba(0,0,0,.3) 1px 0px 0px;}
a.btnBasic{color:#fff;}
.btnBasic:hover{background:#004C90;border:1px solid #004C90;color:#fff;}

.btnBasic2{display:inline-block;min-width:100px;min-height:32px;padding:2px 15px;box-sizing:border-box;text-align:center;vertical-align:middle;color:#495056;font-size:12px;background-color:#fff;border:1px solid #CED4DA;border-radius:16px;-webkit-transition: all 0.4s;transition: all 0.4s;text-shadow:rgba(0,0,0,.3) 1px 0px 0px;}
.btnBasic2:hover{background:#485057;border:1px solid #485057;color:#fff;}

.btnBasic3{display:inline-block;min-width:100px;min-height:32px;padding:2px 15px;box-sizing:border-box;text-align:center;vertical-align:middle;color:#495056;font-size:12px;background-color:#fff;border:1px solid #CED4DA;border-radius:16px;-webkit-transition: all 0.4s;transition: all 0.4s;text-shadow:rgba(0,0,0,.3) 1px 0px 0px;}
.btnBasic3:hover{background:#858E96;border:1px solid #858E96;color:#fff;}

.squared{border-radius:0;}

.loading{display:none;position:fixed;width:100%;height:100%;opacity:.8;z-index:100;background-color:#17181B;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.loading .load{position:fixed;left:50%;top:45%;width:100px;height:100px;margin:0 0 0 -50px;} 
.loading .load-type div{position:absolute;left:0;right:0;top:0;bottom:0;width:20px;height:20px;margin:auto;border-radius:10px;background-color:#cdcdcd;opacity:.2;animation:loadingH 1s linear infinite}
.loading .load-type div:nth-child(1){transform:rotate(0) translateX(40px);animation-delay:0}.load-type div:nth-child(2){transform:rotate(45deg) translateX(40px);animation-delay:0.1s}.load-type div:nth-child(3){transform:rotate(90deg) translateX(40px);animation-delay:0.2s}.load-type div:nth-child(4){transform:rotate(135deg) translateX(40px);animation-delay:0.3s}.load-type div:nth-child(5){transform:rotate(180deg) translateX(40px);animation-delay:0.4s}.load-type div:nth-child(6){transform:rotate(225deg) translateX(40px);animation-delay:0.5s}.load-type div:nth-child(7){transform:rotate(270deg) translateX(40px);animation-delay:0.6s}.load-type div:nth-child(8){transform:rotate(315deg) translateX(40px);animation-delay:0.7s}
@keyframes loadingH{0%{opacity:.2}25%{opacity:1}50%{opacity:.2}100%{opacity:.2}}

/* -------------------------------------------------------------------------------------------------------------------------------------------- */

html,body{height: 100%;}
body{overflow-y:scroll;}

.ico-idcheck{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_idcheck.png) no-repeat center center;}
.ico-idcertify{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_idcertify.png) no-repeat center center;}
.ico-check{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_check.png) no-repeat center center;}
.ico-check2{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_check_2.png) no-repeat center center;}
.ico-pw{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_pw.png) no-repeat center center;}
.ico-login{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_login.png) no-repeat center center;}
.ico-x{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_x.png) no-repeat center center;}
.ico-x2{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_x_2.png) no-repeat center center;}
.ico-logout{display:inline-block;width:25px;height:24px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_logout.png) no-repeat center center;}
.ico-search{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_search.png) no-repeat center center;}
.ico-list{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_list.png) no-repeat center top -1px;}
.ico-refresh{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_refresh.png) no-repeat center center;}
.ico-more{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_more.png) no-repeat center center;}
.ico-edit{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_edit.png) no-repeat center center;}
.ico-add{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_add.png) no-repeat center center;}
.ico-adduser{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_adduser.png) no-repeat center center;}
.ico-next{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_next.png) no-repeat center center;}
.ico-bucket{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_bucket.png) no-repeat center center;}
.ico-del{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_del.png) no-repeat center center;}
.ico-pay{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_pay.png) no-repeat center center;}
.ico-triangle-right{display:inline-block;width:15px;height:15px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_triangle_right.png) no-repeat center center}
.ico-file{display:inline-block;width:25px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_file.png) no-repeat center center;}
.ico-clamp{display:inline-block;width:16px;height:16px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_clamp.png) no-repeat center center;}

button:hover .ico-idcertify{background:url(../img/ico_idcertify_on.png) no-repeat center center;}
button:hover .ico-idcheck{background:url(../img/ico_idcheck_on.png) no-repeat center center;}
button:hover .ico-check{background:url(../img/ico_check_on.png) no-repeat center center;}
button:hover .ico-search{background:url(../img/ico_search_on.png) no-repeat center center;}
button:hover .ico-edit{background:url(../img/ico_edit_on.png) no-repeat center center;}
button:hover .ico-add{background:url(../img/ico_add_on.png) no-repeat center center;}
button:hover .ico-next{background:url(../img/ico_next_on.png) no-repeat center center;}
button:hover .ico-bucket{background:url(../img/ico_bucket_on.png) no-repeat center center;}
button:hover .ico-list{background:url(../img/ico_list_on.png) no-repeat center center;}
button:hover .ico-refresh{background:url(../img/ico_refresh_on.png) no-repeat center center;}
button:hover .ico-x{background:url(../img/ico_x_on.png) no-repeat center center;}
button:hover .ico-more{background:url(../img/ico_more_on.png) no-repeat center center;}

.black2{background-color:#343a40;color:#fff;}
.f-black2{ color: #485057;}
.f-blue2{ color: #004C90;}

.btnBasic [class*=ico-]{margin-left:-7px;}

.txt-message{font-size:12px;color:#fd6b00;}

.w-sm{min-width:100px;}
.w-mid{min-width:250px;}
.w-la{min-width:400px;}

.wp100{width:100px;}
.wp150{width:150px;}
.wp200{width:200px;}
.wp250{width:250px;}
.wp300{width:300px;}

.b700{font-weight:700;}

.signup{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#F0F4FA;}
.signup .inner{width:500px;margin:0 auto;padding:40px 65px;;box-shadow:0 0 5px 0 rgba(0,0,0,.1);background-color:#fff;}
.signup h1{margin:0 0 40px 0;}
.signup h2{margin:0 0 40px 0;text-align:center;font-size:20px;font-weight:700;color: #485057;}

.field{position:relative;margin:0 0 10px 0;}
.field-check{display:flex;position:relative;margin:0 0 10px 0;}
.field-check .t-value{width:100%;}
.field-check .btn-check{width:150px;margin:0 0 0 20px;}
.field-check .btn-check.sm{width:100px;margin:0 0 0 20px;}
.field-check .verify-code{position:relative;width:100%;}
.field-check .verify-code .t-value{padding-right:50px;}
.field-check .verify-code .time{position:absolute;right:15px;top:7px;color: #fd6b00;}

input[type="text"].datepicker{padding:2px 30px 2px 10px;background:#fff url(../img/ico_calendar.png) no-repeat right 10px center;}

.lever-check{display:inline-block;position:relative;margin-right:24px;cursor:pointer}
.lever-check input[type='checkbox'] + span{color:#111;display:inline-block;vertical-align:middle;margin-left:8px;}
.lever-check input[type='checkbox']{position: relative;top:1px;width:16px;height:16px;border:1px solid #CED4DA;background-color:#fff;box-sizing: border-box;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;transition-duration:0.3s}
.lever-check input[type='checkbox']:checked{background-color:#fff;border:1px solid #004C90}
.lever-check input[type='checkbox']:checked::before{content:'';display:block;position:absolute;left:3px;top:50%;width:8px;height:8px;margin-top:-4px;text-align:center;color:#004C90;background:#004C90;box-sizing: border-box;}
.lever-check [type="checkbox"]:disabled+span {  color: rgba(0, 0, 0, 0.42);}

.lever-radio{display:inline-block;position:relative;margin-right:24px;cursor:pointer}
.lever-radio input[type='radio'] + span{color:#111;display:inline-block;vertical-align:middle;margin-left:8px;}
.lever-radio input[type='radio']{position: relative;top:1px;width:16px;height:16px;border:1px solid #CED4DA;border-radius:8px;background-color:#fff;box-sizing: border-box;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;transition-duration:0.3s}
.lever-radio input[type='radio']:checked{background-color:#fff;border:1px solid #004C90;}
.lever-radio input[type='radio']:checked::before{content:'';display:block;position:absolute;left:3px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:4px;text-align:center;color:#004C90;background:#004C90;box-sizing: border-box;}
.lever-radio [type="radio"]:disabled+span {  color: rgba(0, 0, 0, 0.42);}

#wrap{position:relative;width:100%;min-width:1100px;   min-height: 100%;padding:25px 25px 25px 225px;background:#F0F4FA;/* transition-duration: 0.5s */}

#sidebar{overflow:hidden;position:absolute;left:25px;top:25px;width:180px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.2);background-color:#194c8c;z-index:2;
/* -webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out */
	transition-duration: 0.5s;
}
#sidebar .logo{padding:36px 22px;text-align:center;}
.nav{width:100%;}
.nav .nav1 {background:url(../img/nav1.png) no-repeat left 14px top 9px;background-size:16px 16px;}
.nav .nav2 {background:url(../img/nav2.png) no-repeat left 14px top 9px;background-size:16px 16px;}
.nav .nav3 {background:url(../img/nav3.png) no-repeat left 14px top 9px;background-size:16px 16px;}
.nav .nav4 {background:url(../img/nav4.png) no-repeat left 14px top 9px;background-size:16px 16px;}
.nav .nav5 {background:url(../img/nav5.png) no-repeat left 14px top 9px;background-size:16px 16px;}
.nav .nav6 {background:url(../img/nav6.png) no-repeat left 14px top 9px;background-size:16px 16px;}
.nav .nav7 {background:url(../img/nav7.png) no-repeat left 14px top 9px;background-size:16px 16px;}
.nav .nav8 {background:url(../img/nav8.png) no-repeat left 14px top 9px;background-size:16px 16px;}
.nav ul li{position:relative;min-height:32px;}
.nav > ul > li > a{display:block;position:relative;padding:8px 8px 11px 34px;box-sizing:border-box;color:#fff;font-size:12px;white-space: nowrap;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}
.nav > ul > li.hasDepth > a:before{content:"";z-index:2;display:block;position:absolute;top:12px;right:15px;width:12px;height:12px;background:url(../img/arrow_right_white.png) no-repeat center center;/* animation: fadein 2s; */}
.nav > ul > li.hasDepth.on > a:before{transform: rotate( 90deg );}
.nav > ul > li.on{background:#00A9E4;}

.nav ul ul{display:none;width:145px;margin:0 auto;padding:7px 0 12px 0;border-top:1px solid #6ac6e6;}
.nav ul ul li{background:url(../img/arrow_right_gray.png) no-repeat left top 7px;}
.nav ul ul li a{display:block;width:100%;padding:5px 0 5px 20px;box-sizing:border-box;font-size:12px;color: #485057;}
.nav ul ul li:hover,
.nav ul ul li.on{background:url(../img/arrow_right_white.png) no-repeat left top 7px;}
.nav ul ul li a:hover,
.nav ul ul li.on a{color:#fff;}

.btn-nav-control{width:24px;height:24px;background:url(../img/nav_control.png) no-repeat center center;}
.spread #sidebar{left:10px;width:50px;}
.spread #wrap{padding-left:70px;transition-duration: 0.5s}
.spread #sidebar .logo{overflow:hidden;width:55px;padding:10px;margin:0 auto;border-bottom:1px solid #eee;}
.spread #sidebar .logo img{width:116px;}
.spread .nav ul li a{padding:15px 5px;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;}

.spread .nav .nav1 {background:url(../img/nav1.png) no-repeat center center;background-size:16px 16px;}
.spread .nav .nav2 {background:url(../img/nav2.png) no-repeat center center;background-size:16px 16px;}
.spread .nav .nav3 {background:url(../img/nav3.png) no-repeat center center;background-size:16px 16px;}
.spread .nav .nav4 {background:url(../img/nav4.png) no-repeat center center;background-size:16px 16px;}
.spread .nav .nav5 {background:url(../img/nav5.png) no-repeat center center;background-size:16px 16px;}
.spread .nav .nav6 {background:url(../img/nav6.png) no-repeat center center;background-size:16px 16px;}
.spread .nav .nav7 {background:url(../img/nav7.png) no-repeat center center;background-size:16px 16px;}
.spread .nav .nav8 {background:url(../img/nav8.png) no-repeat center center;background-size:16px 16px;}
.spread .nav ul ul{display:none !important;}

.topbar{display:flex;align-items:center;position:relative;width:100%;margin:0 0 20px 0;padding:12px 20px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.topbar .location{padding:0 16px;}
.topbar .location .local{font-size:16px;font-weight:700;}
.topbar .location .local span{display:inline-block;position:relative;padding:0 20px 0 5px;}
.topbar .location .local span:before{content:"";display:block;position:absolute;top:6px;right:0px;width:16px;height:16px;background:url(../img/arrow_right_black.png) no-repeat center center;}
.topbar .location .local span.current:before{content:normal;}

.topbar .util{margin-left:auto;}
.topbar .util .btn-util{text-align:center;color:#fff;font-weight:500;padding:2px 23px 5px;border-radius:4px;background-color:#858e96;}
.topbar .util .alarm{display:inline-block;vertical-align:middle;position:relative;width:24px;height:24px;margin:0 20px;background:url(../img/ico_bell.png) no-repeat center center;cursor:pointer;}
.topbar .util .alarm .badge{overflow:hidden;display:inline-block;position:absolute;right:0;top:0;width:4px;height:4px;text-indent:-99999px;background:#0087FF;border-radius:2px;}
.topbar .util .user{display:inline-block;vertical-align:middle;margin:0 20px 0 0;padding:0 0 0 25px;background:url(../img/ico_user.png) no-repeat left center}

.alarm-notifications{display:none;position:absolute;right:37px;top:50px;padding:20px;box-shadow:0 3px 10px 0 rgba(0,0,0,.16);background:#fff;border:solid 1px #ced4da;z-index:2;}
.alarm-notifications table {table-layout:fixed;width:100%;max-width:340px;}
.alarm-notifications table thead th{padding:5px;;text-align:center;font-weight:700;border-bottom:1px solid #cfd4d9;}
.alarm-notifications table tbody td{padding:5px;;text-align:center;}

#container{position:relative;}
#container .content{position:relative;/* height:100%; */}

.bundle{position:relative;margin:0 0 20px 0;padding:20px 30px 20px;box-shadow:0 0 10px 0 rgba(0,0,0,.11);background-color:#fff;}
.htit1{font-size:16px;font-weight:700;}
.htit2{margin:0 0 10px 0;font-size:12px;font-weight:700;}
.page-title{display:flex;align-items:center;position:relative;margin:0 0 20px 0;padding:0 0 10px 0;border-bottom:1px solid #CED4DA;}
.page-title .part-r{display:flex;align-items:center;margin-left:auto;}

.status-mark-st1{font-family:'NotoSansKR' !important;display:inline-block;width:16px;height:16px;vertical-align:middle;text-indent:-99999px;}
.status-mark-st1.status1{background:url(../img/ico_status1.png) no-repeat center center;}
.status-mark-st1.status2{background:url(../img/ico_status2.png) no-repeat center center;}
.status-mark-st1.status3{background:url(../img/ico_status3.png) no-repeat center center;}
.status-mark-st1.status4{background:url(../img/ico_status4.png) no-repeat center center;}

.status-mark-st2{font-family:'NotoSansKR' !important;}
.status-mark-st2.t-status1{color:#3bcb19}
.status-mark-st2.t-status2{color:#ff9300}
.status-mark-st2.t-status3{color:#ffce00}
.status-mark-st2.t-status4{color:#fd171b}

.status-mark-st3{font-family:'NotoSansKR' !important;width:32px;height:16px;margin:1px 0 0;padding:0 6px;font-size:11px;line-height:1.64;letter-spacing:-.55px;text-align:center;color:#fff;border-radius:8px;}
.status-mark-st3.status1{background:#3bcb19}
.status-mark-st3.status2{background:#ff9300}
.status-mark-st3.status3{background:#ffce00}
.status-mark-st3.status4{background:#fd171b}

.status-mark-st4{font-family:'NotoSansKR' !important;overflow:hidden;display:inline-block;width:53px;height:24px;vertical-align:middle;padding:2px 8px 4px 24px;color:#fff;letter-spacing: -0.6px;border-radius:12px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);}
.status-mark-st4.status1{background:#3bcb19 url(../img/ico_status1_v2.png) no-repeat left 5px center;}
.status-mark-st4.status2{background:#ff9300 url(../img/ico_status2_v2.png) no-repeat left 5px center;}
.status-mark-st4.status3{background:#ffce00 url(../img/ico_status3_v2.png) no-repeat left 5px center;}
.status-mark-st4.status4{background:#fd171b url(../img/ico_status4_v2.png) no-repeat left 5px center;}

.dashboard-today {margin:0 0 20px 0;color: #858e96;text-align:center;}
.dashboard-today span{display:inline-block;padding:0 0 0 20px;background:url(../img/ico_time.png) no-repeat left center;}
.dashboard-analytics{display:flex;flex-wrap:wrap;justify-content:center}
.dashboard-analytics dl{display: flex;flex-direction: column; flex: 1 1 auto;max-width: 25%;height:120px;border-right: solid 1px #ced4da; }
.dashboard-analytics dl:last-child{border:none;}
.dashboard-analytics dl dt{flex-grow: 1;margin:0 0 10px 0;text-align:center;font-size:14px;font-weight:700;color:#858e96;}
.dashboard-analytics dl dd{padding:0 0 20px 0;text-align:center;font-weight:500;color:#272727;}
.dashboard-analytics dl dd .num{display:inline-block;margin:0 5px;font-family:Roboto;font-size:40px;font-weight:700;color:#343a40;letter-spacing: -2px;}
.dashboard-analytics dl dd .num.error{ color: #FD6B00;}
.dashboard-analytics .chartarea{position:relative;height:90px;}

.ico-new{display:inline-block;height:13px;margin:0 10px 0 0;padding:0px 9px;font-size:10px;font-weight:500;text-align:center;vertical-align:middle;line-height: 98%;color:#0087ff;border-radius:8px;border:solid 1px #0087ff;background-color:#fff;}
.article li{position:relative;padding:17px 25px 17px 0;border-bottom: solid 1px #ced4da;background:url(../img/arrow_right_black.png) no-repeat right center}
.article li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:100%;}
.page-more{position:absolute;right:30px;top:22px;display:inline-block;padding:0 0 0 20px;font-weight: 700;color: #858e96;background:url(../img/ico_add_circle.png) no-repeat left 2px;}

.list-thumbnail{display:flex;flex-wrap:wrap;position:relative;padding:10px;font-family: 'Roboto', sans-serif;}
.list-thumbnail .item{overflow:hidden;position:relative;width:25%;padding:10px;box-sizing:border-box;}
.list-thumbnail .item .box{position:relative;border:1px solid #CED4DA;}
.list-thumbnail .item .thumbnail{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:100%;/*height:120px;*/margin:0 0 10px 0;border-bottom:1px solid #CED4DA;}
.list-thumbnail .item .thumbnail img{width:100%;/*height:100%;*/}
.list-thumbnail .item .subject{position:relative;margin:0 0 9px 0;padding:0 0 9px 0;text-align:center;font-size: 14px;font-weight:700;}
.list-thumbnail .item .subject:before{content:"";display:block;position:absolute;bottom:0px;left:50%;width:24px;height:2px;margin-left:-12px;background:#858E96;}
.list-thumbnail.ne-item{justify-content: center;}
.list-thumbnail table {table-layout:fixed;width:100%;margin:0 0 10px 0;}
.list-thumbnail table tbody th{font-weight:normal;padding:2px 10px;}
.list-thumbnail table tbody td{font-weight:normal;padding:2px 10px;}
.list-thumbnail .dashboard-table{max-width:150px;margin:0 auto 10px auto;}
.list-thumbnail .status-mark-st4{position:absolute;left:10px;top:10px;}

.list-thumbnail .item .over{display:none;position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.list-thumbnail .item .box:hover .over{display:block;display:flex;flex-direction:column;align-items:center;justify-content:center;}

.list-thumbnail.one-piece{padding:0;}
.list-thumbnail.one-piece .item{width:100%;padding:0;}

.layout-thumbnail{}
.layout-thumbnail_v2 .item{width:33.3333%;}

.layout-thumbnail_v3 .card{flex: 0 0 33.333%;}
.layout-thumbnail_v3 .list-thumbnail{padding:0;}
.layout-thumbnail_v3 .list-thumbnail .item{width:33.3333%;}
.layout-thumbnail_v3 .card .list-thumbnail .item{width:100%;}
.layout-thumbnail_v3 .list-thumbnail.emphasis .item .thumbnail{height:376px;}

/* full page */
.full-page #container{min-width:1024px}

.full-page .bundle{margin:0}
.full-page .piece .list-thumbnail{padding:0}
.full-page .list-thumbnail .item .box{display:flex;flex-direction:column}
.full-page .piece.piece-type1 .list-thumbnail,
.full-page .piece.piece-type2 .list-thumbnail{clear:both;height:calc((100vh - 250px) /3)}
.full-page .piece .list-thumbnail .item{display:flex;flex-flow:row nowrap;align-items:stretch}
/*.full-page .piece .list-thumbnail .item .thumbnail{height:47%}*/

/* piece-type1 */
.full-page .piece.piece-type1 .list-thumbnail .item{width:33.333%;height:100%}

/* piece-type2 */
.full-page .piece.piece-type2 .list-thumbnail .item{width:25%;height:100%}

/*  piece-type3 */
.full-page .piece.piece-type3{height:100%;display:flex;flex-direction:column}
.full-page .piece.piece-type3 .piece_top{display:flex}
.full-page .piece.piece-type3 .piece_bot {}
.full-page .piece.piece-type3 .list-thumbnail.emphasis{width:66.666%;height:calc((100vh - 250px) * 4/6)}
.full-page .piece.piece-type3 .list-thumbnail.emphasis .item{width:100%;height:100%}
.full-page .piece.piece-type3 .list-thumbnail.emphasis .item .thumbnail{height:80%}
.full-page .piece.piece-type3 .list-thumbnail.vertical{flex-basis:33.3333%;height:100%}
.full-page .piece.piece-type3 .list-thumbnail.vertical .item{width:100%;height:calc((100vh - 250px) /3)}
.full-page .piece.piece-type3 .list-thumbnail.horizontal{height:100%}
.full-page .piece.piece-type3 .list-thumbnail.horizontal .item{width:33.333%;height:calc((100vh - 250px) /3)}


.tab{display:flex;align-items:center;}

.filter-sort{display:flex;align-items:center;position:relative;margin:0 0 20px 0;padding:0 0 10px 0;border-bottom: solid 1px #ced4da;}
.filter-sort .page-count{display:inline-block;vertical-align:middle;font-size:16px;font-weight:700;}
.filter-sort .part-r{display:flex;align-items:center;margin-left:auto;}
.sort-list{display:inline-block;width:24px;height:24px;text-indent:-99999px;background:url(../img/btn_list.png) no-repeat center center;}
.sort-list:hover,
.sort-list.on{background:url(../img/btn_list_on.png) no-repeat center center;}
.sort-card{display:inline-block;width:24px;height:24px;text-indent:-99999px;background:url(../img/btn_card.png) no-repeat center center;}
.sort-card:hover,
.sort-card.on{background:url(../img/btn_card_on.png) no-repeat center center;}

.filter-finder{table-layout:fixed;width:100%;margin:0 0 20px 0;}
.filter-finder tbody th{text-align:left;font-weight:700;padding:7px 10px;}
.filter-finder tbody td{padding:7px 10px;}

.btnTab{display:inline-block;min-width:60px;min-height:32px;padding:2px 5px;box-sizing:border-box;text-align:center;vertical-align:middle;color: #485057;font-size:12px;background-color:#fff;border:1px solid #CED4DA;-webkit-transition: all 0.4s;transition: all 0.4s;text-shadow:rgba(0,0,0,.3) 1px 0px 0px;}
.btnTab:hover,
.btnTab.on{color: #194c8c; border: solid 1px #194c8c;}

.tabs{display:flex;align-items:center;position:relative;}
.tabs button{min-width:165px;min-height:42px;padding:12px 30px 12px;text-align:center;border:solid 1px #ced4da;border-right:none;border-bottom:none;}
.tabs button span{font-weight:700;}
.tabs button:hover,
.tabs button.on{color: #ffffff;background: #004c90;}
.tabs button:last-child{border-right:solid 1px #ced4da;}

.tabs-st2{border-bottom:solid 1px #ced4da;}
.tabs .btn-creation{min-width:auto;padding:12px 15px;}
.tabs .btn-creation:hover{color: #485057;background:#ffffff}
.tabs .btn-creation [class*=ico-]{margin-left:0px;}

.filter-sort .tabs{margin-bottom:-10px;}
.filter-sort .tabs button{border-bottom:none;}

.bbs-list{table-layout:fixed;width:100%;margin:0 0 20px 0;}
.bbs-list thead th{padding:8px 10px;font-weight: normal;text-align:center;background-color: #ced4da;}
.bbs-list tbody td{padding:8px 10px;text-align:center;border-bottom: solid 1px #ced4da}
.bbs-list .divide{border-top:1px solid #485057;}

.bbs-form{table-layout:fixed;width:100%;margin:0 0 20px 0;}
.bbs-form thead th{height:42px;padding:5px 10px;font-weight:700;text-align:left;}
.bbs-form thead td{height:42px;padding:5px 10px;}
.bbs-form tbody th{height:42px;padding:5px 10px;font-weight:700;text-align:left;}
.bbs-form tbody td{height:42px;padding:5px 10px;}
.bbs-form textarea{width:100%;height:200px;}
.bbs-form .subj{padding:0 0 20px 0;font-size:16px;font-weight:700;}

.bbs-view{table-layout:fixed;width:100%;margin:0 0 20px 0;}
.bbs-view thead th{height:42px;padding:5px 10px;font-weight:700;text-align:left;border-bottom: solid 1px #ced4da;}
.bbs-view thead td{height:42px;padding:5px 10px;border-bottom: solid 1px #ced4da}
.bbs-view tbody th{height:42px;padding:5px 10px;font-weight:700;text-align:left;border-bottom: solid 1px #ced4da}
.bbs-view tbody td{height:42px;padding:5px 10px;border-bottom: solid 1px #ced4da}
.bbs-view .subj{padding:0 0 10px 0;font-size:16px;font-weight:700;}
.bbs-desc{}


.table-st1{table-layout:fixed;width:100%;margin:0 0 20px 0;border-top:1px solid #CED4DA;border-bottom:1px solid #CED4DA;}
.table-st1 thead th{height:42px;padding:5px 10px;font-weight:700;text-align:left;}
.table-st1 thead td{height:42px;padding:5px 10px;}
.table-st1 tbody th{height:42px;padding:5px 10px;font-weight:700;text-align:left;}
.table-st1 tbody td{height:42px;padding:5px 10px;}


.paging{clear:both;position:relative;width:100%;margin:0 0 10px 0;text-align:center;}
.paging a{display:inline-block;font-size:12px;text-align:center;vertical-align:top;}
.paging a span.skip{display:inline-block;text-indent:-9999em;}
.paging a.num{width:25px;height:20px;margin:0 1px;padding:0px 0px;box-sizing:border-box;line-height:18px;color:#5d5d5d;background:#fff;border:1px solid #ced4da;}
.paging a.num:hover,
.paging a.num.current{color:#fff;background:#004c90;border:1px solid #004c90;}
.paging a.prev, .paging a.next, .paging a.first, .paging a.last{position:relative;width:20px;height:20px;}
.paging a.prev{background:url(../img/paging_prev.png) no-repeat center center;}
.paging a.next{background:url(../img/paging_next.png) no-repeat center center;}
.paging a.first{background:url(../img/paging_first.png) no-repeat center center;}
.paging a.last{background:url(../img/paging_last.png) no-repeat center center;}

.layerpopup .popup-title{background:#485057;padding:10px;color:#fff;font-weight:700;}
.layerpopup .popup-close{position:absolute;right:5px;top:5px;display:inline-block;width:30px;height:30px;vertical-align:middle;text-indent:-99999px;background:url(../img/ico_x_2.png) no-repeat center center;}
.layerpopup .popup-content{position:relative;padding:20px;background:#fff;}
.layerpopup .popup-content .msg{margin:0 0 20px 0;text-align:center;font-weight:700;}
.layerpopup .popup-content .img{margin:0 0 20px 0;text-align:center;font-weight:700;}
.layerpopup .popup-content .popupInfo{margin:0 0 20px 0;text-align:center;font-weight:700;display:flex;justify-content:space-between;}
.layerpopup .picture{position:relative;border:1px solid #eee;}
.layerpopup .picture img{width:100%;}

table.tbl-st1{table-layout:fixed;width:100%;margin:0 0 20px 0;}
table.tbl-st1 tbody th{padding:5px 10px;font-weight:700;text-align:left;}
table.tbl-st1 tbody td{padding:5px 10px;}

.tooltip{margin:0 5px;vertical-align:middle;}
.t-help{display:inline-block;width:16px;height:16px;border-radius:8px;color:#fff;font-size:10px;text-align:center;vertical-align:middle;background:#f9ae07}
[data-tooltip-text]:hover {/* position: relative; */}
[data-tooltip-text]:hover:after {
	content: attr(data-tooltip-text);
	position:absolute;top:130%;left:0;width:auto;min-width:50px;margin-bottom:10px;padding:7px 12px;word-wrap:break-word;z-index:9999;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;background-color: rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

.layout-settings{position:relative;width:100%;}
.layout-settings:after{content:"";display:block;clear:both;} 
.layout-settings .card{float:left;width:33.3333%;padding:5px;}
.layout-settings .card-title{padding:11px 20px;border:solid 1px #ced4da}

.layout-settings .card-body{display:flex;flex-wrap:wrap;position:relative;padding:40px 35px;background-color:#ced4da;}
.layout-settings .card-body [class*=box]{padding:5px;}
.layout-settings .card-body [class*=box] > div{height:80px;border-radius:8px;border:solid 1px #868e95;background-color:#fff;}

.layout-settings .card.type1 .card-body .box{flex: 0 0 33.333%;}
.layout-settings .card.type2 .card-body .box{flex: 0 0 25%;}
.layout-settings .card.type3 .card-body .box{flex: 0 0 33.333%;}
.layout-settings .card.type3 .card-body .box2{flex-grow: 2;}
.layout-settings .card.type3 .card-body .box2 > div{height:170px;}

.faq{margin:0 0 30px 0;}
.faq>ul>li{margin:0 0 10px 0;background:#fff;box-sizing:border-box;border:1px solid #fff;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.faq>ul>li:last-child{margin-bottom:0;}
.faq>ul>li:hover,
.faq>ul>li.on{border:1px solid #abb5d9;box-shadow: 0 1px 4px rgba(140, 140, 140, 0.3);}

.faq .question{position:relative;min-height:50px;padding:20px 50px 10px 60px;cursor:pointer;color:#485057;background: #fff;}
.faq .question:before{content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-10px;border: solid #004c90;border-width: 0 2px 2px 0;padding: 6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.faq .question.on:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);margin-top:-5px;}
.faq .question .ico{display:block;position:absolute;left:10px;top:10px;width:40px;height:40px;text-align:center;line-height:34px;font-size:20px;border:1px solid #eee;border-right:1px solid #a2b0c1;border-bottom:1px solid #a2b0c1;}
.faq .aswer{display:none;position:relative;border-top:1px solid #eee;}
.faq .aswer .ico{display:block;position:absolute;left:10px;top:10px;width:40px;height:40px;text-align:center;line-height:34px;font-size:20px;border:1px solid #eee;border-right:1px solid #a2b0c1;border-bottom:1px solid #a2b0c1;}

.faq li .info{position:absolute;left:60px;top:10px;color:#666;}
.faq .question .desc{position:relative;min-height:50px;padding:10px 0 0 0;font-size:14px;}
.faq .aswer .desc{position:relative;min-height:60px;padding:10px 10px 10px 60px;font-size:14px;background: #ced4da;}

.box-st1{width:500px;margin:0 auto;padding:30px;border:1px solid #CED4DA;background:#CED4DA;}

.serviceRequest-type{display:flex;margin:0 0 20px 0;padding:20px 8px;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;}
.serviceRequest-type .box{width:33.333%;margin:0 12.5px;padding: 20px; background-color: #ced4da;}
.serviceRequest-type .box .t1{text-align:center;font-size:16px;font-weight:700;}
.serviceRequest-type .box .type{overflow-y:auto;height:272px;margin:20px 0;padding:10px;border:solid 1px #868e95;background-color:#fff;}

.scrolly{overflow-y:auto;height:200px;padding:20px;border:1px solid #CED4DA;}

.serviceStep{display:flex;width:100%;margin:0 0 40px 0;}
.serviceStep .box{display:flex;flex-direction:column;width:25%;height:200px;margin:0 10px;padding:17px 20px 18px;border:solid 1px #ced4da;}
.serviceStep .num{display:block;font-family:Roboto;font-size:24px;font-weight:500;text-align:center;}
.serviceStep .t{margin-top:auto;font-size:16px;font-weight:700;letter-spacing:-.8px;text-align:center;}

.serviceStep .step1{background:#fff url(../img/step1.png) no-repeat center center;}
.serviceStep .step2{background:#fff url(../img/step2.png) no-repeat center center;}
.serviceStep .step3{background:#fff url(../img/step3.png) no-repeat center center;}
.serviceStep .step4{background:#fff url(../img/step4.png) no-repeat center center;}

.serviceStep .box.on .num,
.serviceStep .box.on .t{color:#fff;}
.serviceStep .step1.on{background:#004c90 url(../img/step1_on.png) no-repeat center center;}
.serviceStep .step2.on{background:#004c90 url(../img/step2_on.png) no-repeat center center;}
.serviceStep .step3.on{background:#004c90 url(../img/step3_on.png) no-repeat center center;}
.serviceStep .step4.on{background:#004c90 url(../img/step4_on.png) no-repeat center center;}

.outer {position: relative;width: 295px;height: 120px;}
canvas {position: absolute;}
.percent {position: absolute;left: 50%;transform: translate(-50%, 0);font-size: 40px;bottom: 0;font-weight: 700;}