@charset "utf-8";
 
/* 인프라개발팀 JIS 최초 20190408 */
/* Reset */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body {width:100%; height:100%; }
body {background-image: linear-gradient(120deg, #fdfbfb 0%, #f5f2f9 100%);}
body, th, td, input, select, textarea, button {font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color:#666; font-size:13px; letter-spacing:-.02em; line-height:1.5; font-weight:400;}
html, div, body, span, article, canvas, img, header, footer, section, blockquote, hr, p, h1, h2, h3, h4, h5, h6, ol, dl, dt, dd, table, th, tr, td, form, fieldset, legend, input, textarea, button, nav {margin:0; padding:0; border:0; outline:0; vertical-align:middle; -webkit-margin-before:0; -webkit-margin-after:0;}
html {scroll-behavior: smooth !important;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}	
a {cursor:pointer;}
a, a:hover {text-decoration:none;}	 
img {border:none; margin:0; padding:0;}
blockquote {font-weight: bold; margin:0; padding:0;}
ul,li {list-style:none outside none; margin:0; padding:0;}
ol li {list-style:decimal; list-style-position:inside;}	
address {font-style:normal;}	
section, nav, article, aside, hgroup, footer,header {display:block;}

input, textarea, select,button,table {font-size:inherit; font-family:inherit; line-height:inherit;}
button {cursor:pointer; overflow:visible;}
button, select {text-transform:none;}
textarea, input, select {background:none; -webkit-apprearance:none;}
textarea {resize:none;}
label {cursor:pointer;}
legend, caption {display:none; clear:both;}
fieldset {border:none;}
i {font-style:normal;}

/*drag bg*/
::selection { color:#fff; background:#00c566; }
::-moz-selection { color:#fff; background:#00c566; }

/* placeholder*/
::-webkit-input-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa !important;}

/* Pagination */
.pagination {display:block; margin:30px auto; text-align:center; overflow:hidden; clear:both;}
.pagination li {display:inline-block; zoom:1; *display:inline; font-size:12px;}
.pagination li > a,.pagination li > span {position:relative; float:left; padding:6px 12px; line-height:1.42857143; text-decoration:none; color:#666; background-color:#fff;transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; }
.pagination li:first-child > a,.pagination li:first-child > span {margin-left:0;}
.pagination li > a:hover,.pagination li > span:hover,.pagination li > a:focus,.pagination li > span:focus {background-color:#f4f4f4; border-color:#f4f4f4; border-radius:2px; color:#222;}
.pagination .active > a,.pagination .active > span,.pagination .active > a:hover,.pagination .active > span:hover,.pagination .active > a:focus,.pagination .active > span:focus {cursor:default; border-radius:2px; font-weight:bold;}
.pagination .disabled > span,.pagination .disabled > span:hover,.pagination .disabled > span:focus,.pagination .disabled > a,.pagination > .disabled > a:hover,.pagination .disabled > a:focus {color:#ccc;  background-color:#f8f8f8; cursor:not-allowed; pointer-events:none; opacity:0.4; filter: alpha(opacity=40);}

.pagination .ico_ar_left {margin-right:4px;}
.pagination .ico_ar_right {margin-left:4px;}

.line_paging > li > a,.line_paging > li > span  { border:1px solid #fff; }
.line_paging > .active > a,.line_paging > .active > span,.line_paging > .active > a:hover,.line_paging > .active > span:hover,.line_paging > .active > a:focus,.line_paging > .active > span:focus {color:#2abb9a; background-color:#fff; border-color:#2abb9a;}

.fill_paging li > a,.fill_paging li > span  { border:1px solid #ddd; margin-left:-1px; }
.fill_paging li > a:hover,.fill_paging li > span:hover,.fill_paging li > a:focus,.fill_paging li > span:focus {background-color:#f4f4f4; border-color:#ddd; border-radius:2px;}
.fill_paging  .active > a,.fill_paging  .active > span,.fill_paging  .active > a:hover,.fill_paging  .active > span:hover,.fill_paging  .active > a:focus,.fill_paging  .active > span:focus {color:#fff; background-color:#2b76b9; border-color:#2b76b9;}

.pagination.rounded > li > a,.pagination.rounded > li > span  { border-radius:2.4em; margin:0 2px;}
.pagination.rounded > li > a:hover,..pagination.rounded > li > span:hover,..pagination.rounded > li > a:focus,.pagination.rounded > li > span:focus {border-radius:2.4em;}

.paging_more {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0; text-align:center; display:block; color:#666;}
.paging_more i {font-size:16px; vertical-align:-2px; margin-left:5px;}
.paging_more:hover {text-decoration:underline;}
.paging_more.filled {background-color:#f5f2f9; border:none;} 

.full_page {width:100%; border:1px solid #ddd; height:35px;}
.full_page:after {display:block; clear:both; content:'';}
.full_page .left_page {float:left;} 
.full_page .left_page li {border-right:1px solid #ddd; }
.full_page .right_page {float:right;}
.full_page .right_page li {border-left:1px solid #ddd;}
.full_page ul li {text-align:center; float:left;}
.full_page li a {height:35px; line-height:33px; padding:0 8px; display:block; color:#666;}
.full_page li a:hover {background-color:#f4f4f4;}
.full_page li.active {background-color: #4183d7; border-color: #4183d7;}
.full_page li.active a {color:#fff;}
.full_page .center_page {margin:0 auto; text-align:center; display:inline-block;} 
.full_page .center_page li {border-right:1px solid #ddd; }
.full_page .center_page li:first-child {border-left:1px solid #ddd;}
.full_page .center_page li a {padding:0 8px; width:35px; display:block;}
.full_page .center_page li.not {height:35px; width:35px; line-height:30px;}
.full_page .center_page li.active a {color:#fff;}
.full_page .disabled a,.full_page .disabled a:hover,.full_page .disabled a:focus {color:#aaa;  background-color:#f8f8f8; cursor:not-allowed; pointer-events:none;}
.page_num {display:inline-block;height:30px; font-size: 12px; padding: 0px 15px 0px .4em !important; min-width: 70px;}
.page_nt {display:inline-block; vertical-align:top; margin-left:20px;}

/* hr*/
.hr_line {width:100%; border:none; display:block; border-bottom:1px solid #ddd;}
.hr_line_dash {width:100%; border:none; display:block; border-bottom:1px dashed #ddd;}
.hr_height {width:100%; border:none;display:block;  padding:10px 0;}

/* Font size */
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs26 {font-size:26px !important;}
.fs30 {font-size:30px !important;}

/* Align */
.align_center {text-align:center !important;}
.align_left {text-align:left !important;}
.align_right {text-align:right !important;}

.vertical_top {vertical-align:top !important;}
.vertical_md {vertical-align:middle !important;}

.float_left {float:left !important;}
.float_right {float:right !important;}
.float_none {float:none !important;}
.clear_both {clear:both;}
.relative {position:relative;}

.block {display:block;}
.inline {display:inline-block;}

/* column */
.col2_3 {width:66.66% !important; display:inline-block;}
.col1_3 {width:33.33% !important; display:inline-block;}
.col1_2 {width:50% !important; display:inline-block;}
.col1_4 {width:25% !important; display:inline-block;}
.col3_4 {width:75% !important; display:inline-block;}
.col1_5 {width:20% !important; display:inline-block;}
.col2_5 {width:40% !important; display:inline-block;}
.col3_5 {width:60% !important; display:inline-block;}
.col4_5 {width:80% !important; display:inline-block;}
.col100 {width:100% !important;}

.col2{width:49.5% !important; margin-left:1%; display:inline-block;}
.col2:nth-of-type(2n+1) {margin-left:0; clear:both;}
.col3 {width:33% !important; margin-left:0.5%; display:inline-block;}
.col3:nth-of-type(3n+1) {margin-left:0; clear:both;}
.col4 {width:24.625% !important; margin-left:0.5%; display:inline-block;}
.col4:nth-of-type(4n+1) {margin-left:0; clear:both;}
.col5 {width:19.6% !important; margin-left:0.5%; display:inline-block;}
.col5:nth-of-type(5n+1) {margin-left:0; clear:both;}
 
.col1_3,.col2_3,.col1_2,.col1_4,.col1_5,.col2_5,.col3_5,.col4_5,.col3_4,.col2,.col3,.col4,.col5 {float:left;}
.col1_2:after,.col1_3:after,.col2_3:after,.col1_4:after,.col1_5:after,.col2_5:after,.col3_5:after,.col4_5:after,.col3_4:after,.col1_2:before,.col1_3:before,.col2_3:before,.col1_4:before,.col1_5:before,.col2_5:before,.col3_5:before,.col4_5:before,.col3_4:before,.col2:after,.col3:after,.col4:after,.col5:after  {content:''; display:block; clear:both;}

/* 간격 */
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !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;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}

/* Width */
.wdauto {width:auto !important;}
.wd50 {width:50px !important;}
.wd80 {width:80px !important;}
.wd100 {width:100px !important;}
.wd120 {width:120px !important;}
.wd150 {width:150px !important;}
.wd200 {width:200px !important;}
.wd250 {width:250px !important;}
.wd300 {width:300px !important;}
.wd350 {width:350px !important;}
.wd400 {width:400px !important;}
.wd450 {width:450px !important;}
.wd20p {width:20% !important;}
.wd25p {width:25% !important;}
.wd30p {width:30% !important;}
.wd35p {width:35% !important;}
.wd40p {width:40% !important;}
.wd50p {width:50% !important;}
.wd60p {width:60% !important;}
.wd63p {width:63% !important;}
.wd70p {width:70% !important;}
.wd80p {width:80% !important;}
.wd90p {width:90% !important;}
.wd95p {width:95% !important;}
.wd100p {width:100% !important;}

/* Custom */
b,.bold {font-weight:600;}
.normal {font-weight:normal;}

.cursor {cursor:pointer;}
.hidden {display:block; font-size:0; line-height:0; width:0; height:0; visibility:hidden; position:absolute; text-indent:-999999px;}
.not_scroll{position:fixed;overflow:hidden;width:100%;height:100%}

.dot_title {width:12px; height:5px; background-color:#41b2c2; display:inline-block; margin-right:8px; vertical-align:middle;}
.dot_title_v {width:5px; height:12px; background-color:#00cb87; display:inline-block; margin-right:8px; vertical-align:-2px;}
.dot_blue {width:5px; height:5px; background-color:#14b9db; display:inline-block; vertical-align:middle; }
.dot_round_gray {width:3px; height:3px; background-color:#d6d2d2; display:inline-block; vertical-align:middle; border-radius:5px;}					
.dot_round {width:3px; height:3px; background-color:#ccc; display:inline-block; vertical-align:middle; border-radius:5px;}						
.dot_round8 {width:8px; height:8px; background-color:#666; display:inline-block; vertical-align:middle; border-radius:9px; margin-right:4px;}	
.dot_square4 {width:4px; height:4px; background-color:#41b2c2; display:inline-block; vertical-align:middle; margin-right:4px;}	
.dot_border10 {width:10px; height:10px; border:3px solid #41b2c2; display:inline-block; vertical-align:middle; border-radius:5px; margin-right:4px;}

.line_bar {width:1px; height:9px; background:url(../images/line_bar.gif) center no-repeat; display:inline-block; vertical-align:middle; padding:0 10px;}

.break_word {text-overflow:ellipsis; word-break:break-all;}
.ellipse {display:inline-block; zoom:1; *display:inline; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap: break-word; word-break:break-all;}
.ellipse_2line {display: inline-block; overflow: hidden; text-overflow: ellipsis; word-wrap:break-word; white-space: normal; line-height: 1.3; max-height: 2.7em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipse_3line {display: inline-block; overflow: hidden; text-overflow: ellipsis; word-wrap:break-word; white-space: normal; line-height: 1.3; max-height: 4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipse_5line {display: inline-block; overflow: hidden; text-overflow: ellipsis; word-wrap:break-word; white-space: normal; line-height: 1.3; max-height: 6.86em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

.br_none {border:none !important;}

.sm_title {letter-spacing:-.04em; font-size:14px; font-weight:bold; color:#222; margin-bottom:5px;}
.link_txt {color:#0070c5; border-bottom:1px solid #0070c5; text-overflow:ellipsis; word-wrap: break-word; word-break:break-all;}
.link_txt:hover {color:#45affb;border-bottom-color:#45affb;}
.link_txt_ef {color:#1f65e8; text-overflow:ellipsis; word-break:break-word;  position: relative;}
.link_txt_ef:before,.link_txt_ef:after {content: ""; position: absolute; left: 0; bottom: -2px; height: 1px; width: 30%; background-color: #1f65e8; transition: opacity 0.25s ease,transform 0.25s ease,width 0.3s cubic-bezier(0.68, 0.05, 0.46, 1.02),left 0.2s 0.2s ease-out;}
.link_txt_ef:after{z-index: 10; width: 30%; background-color: white; opacity: 0;}
.link_txt_ef:hover:before {width: 100%;}
.link_txt_ef:hover:after {opacity: 1; left: 100%;}
button.link_txt  {background-color:#fff;}

/* Color */
.br_point {border-color:#2abb9a !important;}
.br_wh {border-color:#fff !important;}
.br_yellow {border-color:#e1c121 !important;}
.br_orange {border-color:#ff8300 !important;}
.br_red {border-color:#e04452 !important;}
.br_ruby {border-color:#c12439 !important;}
.br_mint {border-color:#2abb9a !important;}
.br_teal {border-color:#7bb1b1 !important;}
.br_grass {border-color:#8cbf46 !important;}
.br_gr {border-color:#00c566  !important;}
.br_beaver {border-color:#ab8e66 !important;}
.br_choco {border-color:#7a7162 !important;}
.br_aqua {border-color:#2baedc !important;}
.br_blue {border-color:#448ae2 !important;}
.br_darkblue {border-color:#4183d7 !important;}
.br_pink {border-color:#d971b0 !important;}
.br_lavender {border-color:#967be2 !important;}
.br_aaa {border-color:#aaa !important;}
.br_ddd {border-color:#ddd !important;}
.br_999 {border-color:#999 !important;}
.br_666 {border-color:#666 !important;}
.br_darkgray {border-color:#434957 !important;}

.color_point {color:#2abb9a !important;}
.color_yellow {color:#e1c121  !important;}
.color_orange {color:#ff8300 !important;}
.color_red {color:#e04452 !important;}
.color_ruby {color:#c12439 !important;}
.color_wh {color:#fff !important;}
.color_grass {color:#8cbf46 !important;}
.color_gr {color:#00c566  !important;}
.color_mint {color:#2abb9a !important;}
.color_teal {color:#7bb1b1 !important;}
.color_beaver {color:#ab8e66 !important;}
.color_choco {color:#7a7162 !important;}
.color_aqua {color:#2baedc !important;}
.color_cyan {color:#41b2c2 !important;}
.color_blue {color:#448ae2 !important;}
.color_lavender {color:#967be2 !important;}
.color_darkblue {color:#4183d7 !important;}
.color_pink {color:#d971b0 !important;}
.color_darkgray {color:#434957 !important;}
.color_666 {color:#666 !important;}
.color_aaa {color:#aaa !important;}
.color_999 {color:#999 !important;}
.color_bk {color:#000 !important;}

.bg_point {background-color:#2abb9a !important;}
.bg_yellow {background-color:#e1c121 !important;}
.bg_orange {background-color:#ff8300 !important;}
.bg_red {background-color:#e04452 !important;}
.bg_ruby {background-color:#c12439 !important;}
.bg_grass {background-color:#8cbf46 !important;}
.bg_green {background-color:#00c566  !important;}
.bg_mint {background-color:#2abb9a !important;}
.bg_teal {background-color:#7bb1b1 !important;}
.bg_beaver {background-color:#ab8e66 !important;}
.bg_choco {background-color:#7a7162 !important;}
.bg_aqua {background-color:#2baedc !important;}
.bg_cyan {background-color:#818caa !important;}
.bg_blue {background-color:#4e9de6 !important;}
.bg_darkblue {background-color:#4183d7 !important;}
.bg_pink {background-color:#d971b0 !important;}
.bg_lavender {background-color:#967be2 !important;}
.bg_purple {background-color:#6a51ac !important;}
.bg_lightgray {background-color:#cdd1da !important;}
.bg_gray {background-color:#acb2c0 !important;}
.bg_darkgray {background-color:#434957 !important;}
.bg_bluegreen {background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#06db77),color-stop(0.5,#0fc3bd),color-stop(1,#14b9dc));background-image:-o-linear-gradient(right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);background-image:-moz-linear-gradient(right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);background-image:-webkit-linear-gradient(right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);background-image:-ms-linear-gradient(right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);background-image:linear-gradient(to right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);}

.bg_soft_gray {background-color:#f7f8fc !important;}
.bg_soft_gray2 {background-color:#e8e9ee !important;}
.bg_soft_gr {background-color:#dff0d8 !important;}
.bg_soft_blue {background-color:#ebf3f7 !important;}
.bg_soft_yw {background-color:#fcf8e3 !important;}
.bg_soft_yw2 {background-color:#f9f8f5 !important;}
.bg_soft_red {background-color:#f2dede !important;}

mark.bg_bluegreen,mark.bg_orange,mark.bg_blue,mark.bg_gray,mark.bg_pink,mark.bg_green,mark.bg_cyan,mark.bg_aqua, mark.bg_darkblue,mark.bg_red,mark.bg_ruby,mark.bg_purple,mark.bg_darkgray,mark.bg_mint,mark.bg_teal,mark.bg_choco,mark.bg_beaber,mark.bg_lavender,mark.bg_grass,mark.bg_beaver  {color:#fff;}

/* Button */
.btn {min-width:80px; display:inline-block; padding:8px 12px; border-radius:2px; margin-bottom:0; font-size:14px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation;  touch-action: manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; position:relative; }
.btn:before {content:''; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%;background-image:linear-gradient(125deg,  rgba(25,9,75,0.1) 0%,  rgba(25,9,75,0.01) 100%); transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.btn:hover:before {width: 100%;}
.btn:focus,.btn:active:focus {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
.btn:hover,.btn:focus {color:#333; text-decoration: none; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.btn:active {background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn[disabled],.btn.disabled {cursor:not-allowed; pointer-events:none; filter:alpha(opacity=35); -webkit-box-shadow:none; box-shadow:none; opacity:.35;}

.line_white {color:#ccc; background-color:transparent; border-color: #bbb;}
.line_white:hover,.line_white:focus,.line_white:active:hover,.line_white:active:focus  {color:#666; background-color:rgba(255,255,255,0.15); border-color:#ccc; }
.line_white:before {background-image:linear-gradient(125deg,  rgba(25,9,75,0.1) 0%,  rgba(25,9,75,0.01) 100%); }

.line_blue {color:#24b8f8; background-color:#fff; border-color: #24b8f8;}
.line_blue:hover,.line_blue:focus,.line_blue:active:hover,.line_blue:active:focus  {color:#fff; background-color:#24b8f8; border-color:#24b8f8; }
.line_blue:before {background-image:linear-gradient(125deg,  rgba(2,48,68,0.2) 0%,  rgba(2,48,68,0.01) 100%);}

.line_gr {color:#79ac39; background-color:#fff; border-color: #79ac39;}
.line_gr:hover,.line_gr:focus,.line_gr:active:hover,.line_gr:active:focus {color:#fff; border-color:#79ac39; background-color:#79ac39; }
.line_gr:before {background-image:linear-gradient(125deg,  rgba(27,82,55,0.2) 0%,  rgba(27,82,55,0.01) 100%);}

.line_yellow {color:#ffcd81; background-color:#fff; border-color:#ffcd81;}
.line_yellow:hover,.line_yellow:focus,.line_yellow:active:hover,.line_yellow:active:focus {color:#fff; background-color:#ffcd81; border-color:#ffcd81;}
.line_yellow:before {background-image:linear-gradient(125deg,  rgba(222,216,10,0.3) 0%,  rgba(222,216,10,0.01) 100%);}

.line_gray {color:#666; background-color:#fff; border-color: #a09dab;}
.line_gray:hover,.line_gray:focus,.line_gray:active:hover,.line_gray:active:focus {color:#666; border-color:#a09dab; }

.line_red {color:#d9534f; background-color:#fff; border-color:#d9534f;}
.line_red:hover,.line_red:focus,.line_red:active:hover,.line_red:active:focus {color:#fff; background-color:#d9534f; border-color:#e04c7e; }

.solid_green {color:#fff; background-color:#00c566; border-color:#13b567;}
.solid_green:hover,.solid_green:focus,.solid_green:active,.solid_green:active:hover,.solid_green:active:focus {color: #fff; }
.solid_green:before {background-image:linear-gradient(125deg,  rgba(27,82,55,0.2) 0%,  rgba(27,82,55,0.01) 100%);}

.solid_cyan {color:#fff; background-color:#41b2c2; border-color:#37a3b0;}
.solid_cyan:hover,.solid_cyan:focus,.solid_cyan:active,.solid_cyan:active:hover,.solid_cyan:active:focus  {color:#fff;}
.solid_cyan:before {background-image:linear-gradient(125deg,  rgba(6,49,56,0.2) 0%,  rgba(6,49,56,0.01) 100%);}

.solid_blue {color:#fff; background-color:#24b8f8; border-color:#46b8da;}
.solid_blue:hover,.solid_blue:focus,.solid_blue:active,.solid_blue:active:hover {color:#fff;}
.solid_blue:before {background-image:linear-gradient(125deg,  rgba(2,48,68,0.2) 0%,  rgba(2,48,68,0.01) 100%);}

.solid_darkblue {color:#fff; background-color:#3d3393; border-color:#3d3393;}
.solid_darkblue:hover,.solid_darkblue:focus,.solid_darkblue:active,.solid_darkblue:active:hover {color:#fff;}
.solid_darkblue:before {background-image:linear-gradient(125deg,  rgba(255,255,255,0.2) 0%,  rgba(255,255,255,0.01) 100%);}

.solid_orange {color:#fff; background-color:#ff9000; border-color:#eea236;}
.solid_orange:hover,.solid_orange:focus,.solid_orange:active,.solid_orange:active:hover {color:#fff; }
.solid_orange:before {background-image:linear-gradient(125deg,  rgba(169,39,0,0.2) 0%,  rgba(169,39,0,0.01) 100%);}

.solid_red {color:#fff; background-color:#f22222; border-color:#d43f3a;}
.solid_red:hover,.solid_red:focus,.solid_red:active,.solid_red:active:hover,.solid_red:active:focus {color:#fff;}
.solid_red:before {background-image:linear-gradient(125deg,  rgba(5,6,6,0.2) 0%,  rgba(5,6,6,0.01) 100%);}

.solid_pink {color:#fff; background-color:#fb6799; border-color:#e64e82;}
.solid_pink:hover,.solid_pink:focus,.solid_pink:active,.solid_pink:active:hover,.solid_pink:active:focus {color: #fff; }
.solid_pink:before {background-image:linear-gradient(125deg,  rgba(150,0,51,0.2) 0%,  rgba(150,0,51,0.01) 100%);}

.solid_lightgray {color: #fff; background-color:#c7cbd6; border-color:#c7cbd6;}
.solid_lightgray:hover,.solid_lightgray:focus,.solid_lightgray:active,.solid_lightgray:active:hover,.solid_lightgray:active:focus {color:#fff;}
.solid_lightgray:before {background-image:linear-gradient(125deg,  rgba(72,73,76,0.2) 0%,  rgba(72,73,76,0.01) 100%);}

.solid_gray {color:#fff; background-color:#95a5a6; border-color:#95a5a6;}
.solid_gray:hover,.solid_gray:focus,.solid_gray:active,.solid_gray:active:hover,.solid_gray:active:focus {color:#fff;}
.solid_gray:before {background-image:linear-gradient(125deg,  rgba(72,73,76,0.2) 0%,  rgba(72,73,76,0.01) 100%);}

.solid_darkgray {color:#fff; background-color:#3d3c37; border-color:#3d3c37;}
.solid_darkgray:hover,.solid_darkgray:focus,.solid_darkgray:active,.solid_darkgray:active:hover,.solid_darkgray:active:focus {color:#fff; }
.solid_darkgray:before {background-image:linear-gradient(125deg,  rgba(255,255,255,0.2) 0%,  rgba(255,255,255,0.01) 100%);}

.solid_white {color:#666; background-color:#fff; border-color:#fff;}
.solid_white:hover,.solid_white:focus,.solid_white:active,.solid_white:active:hover,.solid_white:active:focus {color:#666; background-color:#fff; border-color:#fff;}
.solid_white i {margin-right:3px;}

.btn_wrap_line_bottom {border-bottom:1px solid #e1e3e6; text-align:center; padding-bottom:10px; margin-bottom:30px; clear:both;}
.btn_wrap_line {border-top:1px solid #e1e3e6; text-align:center; padding-top:10px; margin-top:30px;clear:both;}
.btn_wrap {text-align:center; padding-top:10px; clear:both;}
.btn_wrap_bottom {text-align:center; padding-bottom:10px; clear:both;}
.btn_wrap_line_bottom .btn,.btn_wrap_line .btn,.btn_wrap .btn,.btn_wrap_bottom .btn {margin-left:5px;} 
.btn_wrap_line_bottom .btn:first-child,.btn_wrap_line .btn:first-child,.btn_wrap .btn:first-child,.btn_wrap_bottom .btn:first-child {margin-left:0;}

.rounded {border-radius: 2em;}
.circle {border-radius:2em; padding:.2em .5em;}
.btn_lg {padding:12px 20px; font-size:18px; line-height:1.3333333; border-radius:3px; min-width:160px;}
.btn_md {padding:10px 15px; font-size:16px; line-height:1.3333333; border-radius:3px; min-width:120px;}
.btn_sm {padding:5px 10px; font-size:14px; line-height:1.5; border-radius:2px;}
.btn_xs {padding: 1px 5px; font-size:13px; line-height:1.5; border-radius:2px;}
.table .btn_xs {padding: 1px 5px; font-size:12px; margin:1px; line-height:1.5; border-radius:2px;}
.w_lg {min-width:160px;}
.w_md {min-width:140px;}
.w_sm {min-width:95px;}
.w_xs {min-width:80px;}
.btn.point {width:255px; min-height:60px; border-radius:0; font-size:24px; padding:12px 0; font-weight:bold;}
.btn.inp {padding:7px 15px; margin-left:5px;}
.btn.sq_icon {padding:5px 8px; text-align:center; min-width:30px;}
.btn .icon {margin-right:4px; vertical-align:-3px;}
input + .btn.sq_icon {margin-left:8px;}
.btn.sq_icon + .btn.sq_icon {margin-left:8px;}
.btn.sq_icon i {margin-right:0}
a[title="삭제"].btn_xs {padding:0 4px; font-size:11px;}
.btn.tbl_sm {padding:0px 4px; min-width:20px; font-weight:bold; margin-left:4px;}

/* label & badge */
.label {padding:.4em .8em; display:inline; font-size:13px; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:2px;}
.badge {color:#fff; border-radius:2em; padding:.2em .5em; font-size:13px; line-height:1; display:inline; text-align:center; white-space:nowrap; vertical-align:baseline; }
.badge.bg_green {background-color:#2ecd99}
.badge.bg_red {background-color:#ed6f56}
.badge.bg_pink {background-color:#f1a1c7}
.badge.bg_yellow {background-color:#f0c541}
.badge.bg_blue {background-color:#4e9de6}

/* textarea */
textarea {width:100%;}
textarea[disabled],textarea.disabled {background-color:#f1f1f1; cursor:not-allowed; pointer-events:none;}
.textarea-expandable {height: 3em; padding: 3px; }
.autosize-animated {vertical-align: top;  -webkit-transition: height 0.2s; -moz-transition: height 0.2s; transition: height 0.2s;}

/* checkbox, radio */
.checkbox_block, .radio_block {display: block;}
.checkbox_inline, .radio_inline {display: inline-block;}
.min250p {min-width: 250px;}

label {display:inline-block; }
.symbol {width: 20px; display: inline-block; text-align: center;}
.custom input[type="radio"] {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.custom input[type="radio"] + label,.custom input[type="radio"] + input + label {display:inline-block; line-height:24px;}
.custom input[type="radio"] + label .radio_icon,.custom input[type="radio"] + input + label .radio_icon  {display: inline-block;  margin-right:4px; width:18px; height:18px; background:url(../images/input_radio.png ) left top no-repeat; vertical-align:-4px;}
.custom input[type="radio"]:checked + .check_st .radio_icon,.custom input[type="radio"]:checked + input + .check_st .radio_icon {background-position:0 -20px;}
.custom input[type="radio"]:disabled + .check_st .radio_icon,.custom input[type="radio"]:disabled + input + .check_st .radio_icon,.custom input[type="radio"].disabled + .check_st .radio_icon,.custom input[type="radio"].disabled + input + .check_st .radio_icon {background-position:0 -40px;}
.custom input[type="radio"]:checked.disabled + .check_st .radio_icon,.custom input[type="radio"]:checked.disabled + input + .check_st .radio_icon {background-position:0 -60px;}

.custom input[type="checkbox"] { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute;  left:-9999px;  z-index:-1;}
.custom input[type="checkbox"] + .check_st,.custom input[type="checkbox"] + input + .check_st ,.custom input[type="radio"] + .check_st,.custom input[type="radio"] + input + .check_st  {display:inline-block; line-height:25px; color:#666;}
.custom input[type="checkbox"] + .check_st .checkbox_icon,.custom input[type="checkbox"] + input + .check_st .checkbox_icon,.custom input[type="radio"] + .check_st .checkbox_icon,.custom input[type="radio"] + input + .check_st .checkbox_icon {display:inline-block; width:20px; height:20px; background:url(../images/input_checkbox.png ) left top no-repeat; vertical-align:-5px; margin-right:5px;}
.table .custom input[type="checkbox"] + .check_st .checkbox_icon,.table .custom input[type="checkbox"] + input + .check_st .checkbox_icon,.table .custom input[type="radio"] + .check_st .checkbox_icon,.table .custom input[type="radio"] + input + .check_st .checkbox_icon {margin-right:0;}
.custom input[type="checkbox"]:checked + .check_st ,.custom input[type="checkbox"]:checked + input + .check_st ,.custom input[type="radio"]:checked + .check_st ,.custom input[type="radio"]:checked + input + .check_st {color:#3d3393;}
.custom input[type="checkbox"]:checked + .check_st .checkbox_icon,.custom input[type="checkbox"]:checked + input + .check_st .checkbox_icon,.custom input[type="radio"]:checked + .check_st .checkbox_icon,.custom input[type="radio"]:checked + input + .check_st .checkbox_icon {background-position:0 -24px;}
.custom input[type="checkbox"]:checked.disabled + .check_st .checkbox_icon,.custom input[type="checkbox"]:checked.disabled + input + .check_st .checkbox_icon {background-position:0 -72px;}
.custom input[type="checkbox"][disabled] + .check_st .checkbox_icon,.custom input[type="checkbox"][disabled] + input + .check_st .checkbox_icon,.custom input[type="checkbox"].disabled + .check_st .checkbox_icon,.custom input[type="checkbox"].disabled + input + .check_st .checkbox_icon {background-position:0 -48px;}
.custom input[type="radio"][disabled] + input + label.check_st ,.custom input[type="checkbox"][disabled] + input + label.check_st,.custom input[type="radio"][disabled] + label.check_st,.custom input[type="checkbox"][disabled] + label.check_st,.custom input[type="radio"].disabled + input + label.check_st ,.custom input[type="checkbox"].disabled + input + label.check_st,.custom input[type="radio"].disabled + label.check_st,.custom input[type="checkbox"].disabled + label.check_st {cursor:not-allowed; color:#aaa; pointer-events:none;}

.custom input[type="radio"][disabled],.custom input[type="checkbox"][disabled] {cursor: not-allowed; pointer-events:none;}

input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="file"],input[type="search"],select ,textarea {-webkit-appearance:none; border:1px solid #d1d2d4; font-size:14px; color:#666;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding:.6em .4em; border-radius:2px; background-color:#fff; letter-spacing:-.01em;}
input[type="text"]:hover,input[type="password"]:hover,input[type="email"]:hover,input[type="tel"]:hover,input[type="file"]:hover,input[type="search"]:hover,select:hover {border:1px solid #41b2c2; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="file"]:focus,input[type="search"]:focus,select:focus { border:1px solid #41b2c2; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; box-shadow:0px 0px 8px rgba(65,178,194,0.8);}
input[type="text"]:disabled,input[type="password"]:disabled,input[type="email"]:disabled,input[type="tel"]:disabled,input[type="search"]:disabled,select:disabled,option:disabled,input[type="text"].disabled,input[type="password"].disabled,input[type="email"].disabled,input[type="tel"].disabled,input[type="search"].disabled,select.disabled,option.disabled {background-color:#f5f8f9 !important; border-color:#ddd; color:#aaa; cursor:not-allowed; pointer-events:none;}
input[type="text"].error:focus,input[type="password"].error:focus,input[type="email"].error:focus,input[type="tel"].error:focus,input[type="file"].error:focus,input[type="search"].error:focus,select.error:focus {color:#666; border:1px solid #fb3601; -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out.15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
input[readonly],input.readonly,select.readonly,textarea.readonly {background-color:#e3eaec; color:#666; }
input[readonly]:hover,input[readonly]:focus,input.readonly:hover,input.readonly:focus {background-color:#e3eaec; color:#666;  border-color:#d1d2d4;}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #fff inset; -moz-box-shadow:0 0 0 100px #fff inset; box-shadow:0 0 0 100px #fff inset; }
select {background:#fff url(../images/select_ar.png) right no-repeat; background-size:12px 5px; display:inline-block; padding:8px 15px 8px .4em !important;}
select::-ms-expand {display:none}

/* custom_checkbox */
.check_st input[type="checkbox"],.check_st custom.input[type="radio"] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.check_st:after {display:block; clear:both; content:'';}
.check_st li {float:left; margin-left:5px;}
.check_st input[type="checkbox"] + .check_style,.check_st input[type="radio"] + .check_style {padding:2px 4px; display:inline-block;  line-height:16px; margin-left:-1px; text-align:center; color:#ccc; font-size:14px;}
.check_st input[type="checkbox"] + .check_style i,.check_st input[type="radio"] + .check_style i { margin-right:5px;}
.check_st input[type="checkbox"]:checked + .check_style,.check_st input[type="radio"]:checked + .check_style {color:#00c566; font-weight:bold;}
.check_st li:first-child input[type="checkbox"] + .check_style,.check_st li:first-child input[type="radio"] + .check_style {margin-left:0;}

.btn_st input[type="checkbox"],.btn_st input[type="radio"] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.btn_st:after {display:block; clear:both; content:'';}
.btn_st input[type="checkbox"] + .radio_style,.btn_st input[type="radio"] + .radio_style {padding:2px 4px; display:inline-block; background-color:#d3d3d3;  line-height:16px; margin-left:-1px; text-align:center; color:#fff; font-weight:normal; border-radius:3px;}
.btn_st input[type="checkbox"] + .radio_style i,.btn_st input[type="radio"] + .radio_style i {margin-right:5px;}
.btn_st li {float:left; margin-left:5px;}
.btn_st li:first-child input[type="checkbox"] + .radio_style ,.btn_st li:first-child input[type="radio"] + .radio_style {margin-left:0;}
.btn_st input[type="checkbox"]:checked + .radio_style,.btn_st input[type="radio"]:checked + .radio_style {background-color:#00c566; color:#fff;}

.lst_st li {float:left; display:inline-block;}
.lst_st:after {display:block; clear:both; content:'';}
.lst_st.radio input[type="radio"],.lst_st.check input[type="checkbox"] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.lst_st.radio input[type="radio"] + .label_st,.lst_st.check input[type="checkbox"] + .label_st {padding:4px; display:inline-block; border:1px solid #95a3ab; width:50px; height:32px; line-height:20px; margin-left:-1px; text-align:center;}
.lst_st.radio li:first-child input[type="radio"] + .label_st,.lst_st.check li:first-child input[type="checkbox"] + .label_st { margin-left:0;}
.lst_st.radio input[type="radio"]:checked + .label_st,.lst_st.check input[type="checkbox"]:checked + .label_st  {border:1px solid #41b2c2; background-color:#41b2c2; color:#fff;}
.lst_st.radio input[type="radio"]:disabled + .label_st,.lst_st.radio input[type="radio"].disabled + .label_st,.lst_st.check input[type="checkbox"]:disabled + .label_st,.lst_st.check input[type="checkbox"].disabled + .label_st {border:1px solid #ccc; background-color:#f2f2f2; color:#999; cursor:not-allowed; pointer-events:none; filter:alpha(opacity=50); -khtml-opacity:0.5; -moz-opacity:0.5; opacity:0.5; }

.radio_st input[type="radio"] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.tab_radio .radio_st {border-bottom:1px solid #ccc;}
.tab_radio .radio_st:after {display:block; clear:both; content:'';}
.tab_radio .radio_st li {float:left; }
.tab_radio .radio_st input[type="radio"] + .radio_style {padding:8px 25px; display:inline-block;  line-height:16px; margin:0 0 -1px -1px; text-align:center; color:#ccc; border:1px solid #ccc; border-top-width:2px; background-color:#f7f7f7;  }
.tab_radio .radio_st input[type="radio"] + .radio_style i{ margin-right:5px;}
.tab_radio .radio_st input[type="radio"]:checked + .radio_style {color:#4183d7; border:1px solid #00c566; border-bottom-color:#fff; border-top-width:2px; background-color:#fff;}

/* btnstyle_checkbox,radio */
.form_btn input + .check_st,.form_btn input + input + .check_st  {border:1px solid #ddd; padding:4px 12px; border-radius:3px;}
.form_btn input + .check_st:hover,.form_btn input + input + .check_st:hover {background-color:#f8f8f8;}
.form_btn input:checked + .check_st,.form_btn input:checked + input + .check_st {background-color:#f8f8f8; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}

/* boxstyle_radio */
.line_box  input[type="radio"] + .check_style {border:1px solid #ddd; background-color:#fff;}
.line_box  input[type="radio"]:checked + .check_style {border:1px solid #00c566; background-color:#fff; position:relative;}

.tab_radio_full {}
.tab_radio_full .radio_st {}
.tab_radio_full .radio_st:after {display:block; clear:both; content:'';}
.tab_radio_full .radio_st li {float:left; margin-right:3px;}
.tab_radio_full .radio_st input[type="radio"] + .radio_style {padding:8px 25px; display:inline-block;  line-height:16px; margin:0 0 -1px -1px; text-align:center; color:#777; background-color:#f7f7f7;  }
.tab_radio_full .radio_st input[type="radio"] + .radio_style i{ margin-right:5px;}
.tab_radio_full .radio_st input[type="radio"]:checked + .radio_style {color:#fff;  background-color:#4183d7;}
.tab_radio_full .radio_st input[type="radio"]:disabled + .radio_style,.tab_radio_full .radio_st input[type="radio"].disabled + .radio_style {color:#ddd;  cursor:not-allowed;}

/* select */
option {padding:6px 5px; line-height: 35px; }
.optgroup_bg {background:#444; color:#fff;}
.optgroup_bg option {background:#fff; color:#444;}

.input_select {border-radius:2px 0 0 2px !important;}
.dropbtn { display: inline-block; border-radius:0 2px 2px 0; padding:2px 12px; height:30px; }
.dropbtn i {font-size:11px;}
.select_down { display: inline-block; position:relative;}
.option_box { display: none;  position: absolute; right:0;   background-color: #dfdfdf;  min-width: 160px;  border:1px solid #ccc; z-index:1;}
.option_box a {color:#444;  padding: 4px 6px;    text-decoration: none; display: block;    text-align: left;	background-color:#fff;border-bottom:none; }
.option_box a:hover {background-color: #4183d7; color:#fff; }
.select_down:hover .option_box {display: block;}
.select_down .option_box .  { background-color:#444; color:#fff; padding:2px 6px;}

/* ribbon */
.ribbon_container {position:relative;}
.ribbon_wrapper {position:absolute; overflow:hidden; width:85px; height:85px; top:-3px; right:-3px;}
.ribbon_wrapper  .ui_ribbon {position: relative; display: block; text-align: center; font-size: 15px; font-weight: 700; color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); padding: 7px 0; left: -5px; top: 15px; width: 120px; line-height: 20px; background-color: #555; box-shadow: 0 0 3px rgba(0,0,0,.3);}

/*loading*/
.loading {position: fixed; top: 30%; left: 50%;  z-index: 100;}
.loading1 {margin-left:-100px; z-index: 100;  background-color:#f5f2f9; filter:alpha(opacity=90); -khtml-opacity:0.9;-moz-opacity:0.9; opacity:0.9; border:1px solid #ccc; width:auto; height: auto; text-align:center; border-radius:5px; padding:11px 20px;}
.loading2 { z-index:100;  background-color:#fff; filter:alpha(opacity=90); -khtml-opacity:0.9;-moz-opacity:0.9; opacity:0.9; border:1px solid #f2f2f2; text-align:center; padding:10px 10px 20px 10px; border-radius:5px;}

.loader3 {position:relative; width:96px; height:40px; margin:0 auto; padding:10px;}
.loader3 .load_dot {position:absolute; left:0; right:0; top:0; bottom:0; width:20px; height:20px; margin: auto; border-radius:10px; background-color:#41b2c2; transform:scale(0); animation:dot 1.5s linear infinite;}
.loader3 .load_dot:nth-child(1) {left: -50px; animation-delay: -0.1s;}
.loader3 .load_dot:nth-child(3) {right:-50px; animation-delay:0.1s;}
.load_txt {text-align:center;}
.load_txt p:nth-child(1) {font-size:16px; font-weight:bold; color:#41b2c2;}
.load_txt p:nth-child(2) {font-size:14px; color:#666;}

/* table */
.title_header {margin-bottom:10px;}
.title_header:after {clear:both; content:''; display:block;}
.title_header .panel_left {float:left;}
.title_header .panel_right {float:right;}

.table table,.table{width:100%; max-width:100%; background-color:#fff;}
.table th,.table td {padding:10px 15px; line-height:1.42857143; text-align:center; font-size:14px; vertical-align:middle;}
.table td {color:#666;}
.table th {color:#666; font-size:13px;}

.scroll_x {overflow-x:auto;}
.scroll_x table th,.scroll_x table td {min-width:50px;}
.table_s table,.table_s,.table_xs {width:100%; max-width:100%;}
.table_s th {color:#444;padding:8px 4px; font-size:12px;}
.table_s th,.table_s td { line-height:1.42857143; text-align:center; }
.table_s td {color:#666; padding:8px 4px; font-size:13px;}
.table_s select {font-size:13px; padding:4px;}
.table_xs td,.table_xs th {padding:3px 6px;}

.table.striped>tbody>tr:nth-of-type(even) {background-color:#f5f2f9;}
.table.v_striped>tbody>tr:nth-of-type(odd) {background-color: #f8f8f8;}

.striped th {}
.striped td {border-bottom:none; !important;}

.tbl_h td,.tbl_h thead th,.tbl_h tbody th {border-bottom:1px solid #ddd; }
.tbl_h thead th {background-color:#f5f2f9; border-top:2px solid #777;}
.tbl_h tbody th {background-color:#fff; border-right:1px solid #ddd;}

.tbl_h1 thead th {border-top: 1px solid #839098; border-bottom:2px solid #839098; background-color:#f1f2f4;}
.tbl_h1 tbody th {border-right:1px solid #ddd; background-color:#f8f8f8;}
.tbl_h1 tbody th,.tbl_h1 tbody td {border-bottom:1px solid #ddd;}

.tbl_h2 thead th {background-color:#5f656d; color:#fff;}
.tbl_h2 tbody th {border-right:1px solid #a4adba; background-color:#f8f8f8;}
.tbl_h2 tbody th,.tbl_h2 tbody td,.tbl_h2 tfoot td  {border-bottom:1px solid #a4adba;}

.tbl_h3 thead th {color:#222; font-size:14px; border-top:1px solid #333; border-bottom:1px solid #333;}
.tbl_h3 tbody th {font-size:14px;}
.tbl_h3 tbody th,.tbl_h3 tbody td,.tbl_h3 tfoot td {border-bottom:1px solid #dfdfdf;}
.tbl_h3 tbody td {color:#444;}
.tbl_h3 tfoot tr:first-child td {border-top:1px solid #333;}
.tbl_h3 tfoot tr:last-child td {border-bottom:1px solid #333;}

.tbl_h4 td,.tbl_h4 thead th,.tbl_h4 tbody th {border-bottom:1px solid #ddd; }
.tbl_h4 thead th {background-color:#f5f2f9; border-top:1px solid #ddd;}
.tbl_h4 tbody th {background-color:#fff; border-right:1px solid #ddd;}

.tbl_h6 thead th {background-color:#f5f2f9; border-bottom:2px solid #666;}

.table_write th {color:#999; vertical-align:top;}
.table_write th:before {content: ''; width: 4px; height: 4px; background-color: #aaa; border-radius: 5px; margin-right: 3px; display: inline-block; vertical-align:3px;}
.table_write td input[type="text"], .table_write td select {border:none; border-bottom:1px solid #999; width:100%; padding:8px; font-size:14px;}

.tbl_v { border-collapse:collapse; }
.tbl_v td,.tbl_v th {border:1px solid #cdced6;}
.tbl_v th {background-color:#f5f2f9; text-align:left; color:#333; font-weight:bold;}
.tbl_v td .custom .check_st i {margin-right:5px;}

.tbl_v1 {border-top:2px solid #4a534a; border-bottom:1px solid #4a534a; }
.tbl_v1 td,.tbl_v1 th {}
.tbl_v1 th {background-color:#f1f2f4; text-align:left;}

.tbl_v2 {border-top:1px solid #5f656d;border-bottom:1px solid #5f656d;}
.tbl_v2 td,.tbl_v2 th {border-bottom:1px solid #a4adba;}
.tbl_v2 tr:last-child td,.tbl_v2 tr:last-child th {border-bottom:none;} 
.tbl_v2 th {background-color:#5f656d; text-align:left; color:#fff;}

.tbl_v3 td {text-align:left; border:none;}
.tbl_v3 th {background-color:#fff; text-align:left; font-weight:normal;border:none;}

.tbl_v4 {border-top:1px solid #222; border-bottom:1px solid #222;}
.tbl_v4 td,.tbl_v4 th {text-align:center;}
.tbl_v4 td {color:#444;}
.tbl_v4 th {color:#222; font-size:14px; border-right:1px solid #222;}

.tbl_v5 { border-collapse:collapse;}
.tbl_v5 td,.tbl_v5 th {text-align:left; border:1px solid #d9d9d9;}
.tbl_v5 td {color:#444; text-align:left;}
.tbl_v5 th {background-color:#f5f7fa; }

.tbl_border {border-collapse:collapse; border-top:2px solid #8d8d94;}
.tbl_border thead th {background-color:#f5f8f9; border-bottom:1px solid #737373; font-weight:bold; font-size:13px; }
.tbl_border tbody th {background-color:#edf0f5; }
.tbl_border th,.tbl_border td {border:1px solid #cdced6; }

.tbl_basic {border-collapse:collapse;}
.tbl_basic th,.tbl_basic td {border:1px solid #d9d9d9; }

.tbl_wrap_row {position:relative;}
.tbl_toggle .tr_visible a { position:absolute; width:100%;text-indent:-9999px; left:0;  opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); min-height:50px; margin-top:-20px;}
.tbl_toggle{ clear:both; width:100%;}
.tbl_toggle tbody tr {display:none; background-color:#f1f2f4;}
*:first-child+html .tbl_toggle tbody tr{display:block;}
.tbl_toggle tbody tr.tr_visible { display:table-row; background-color:#fff;}

.tbl_line {}
.tbl_line th,.tbl_line td {border-bottom:1px solid #d9d9d9; }

.table.hover tr:hover {background-color:#f8f8f8;}
.tbl_form.tbl_v td{text-align:left;}
.tbl_form.tbl_v td textarea,.tbl_form.tbl_v td select {width:100%;}

.tbl_responsive {width: 100%; overflow-y: hidden; overflow-x: auto;}
.table tfoot {display:table-row-group;}
.table.align_left td,.table.align_left th {text-align:left;}
.table.align_right td,.table.align_right th {text-align:right;}
.table.align_center td,.table.align_center th {text-align:center;}
.tbl_top_wrap {margin-bottom:10px; text-align:right;}
.tbl_bottom_wrap {margin-top:10px; text-align:right;}

.tbl_top_wrap {margin-bottom:10px;}
.tbl_bottom_wrap {margin-top:10px;}
.tbl_top_wrap .right_ct .btn {margin-left:8px;}
.tbl_bottom_wrap .right_ct .btn {margin-left:5px;}
.tbl_top_wrap .btn_sm,.tbl_bottom_wrap .btn_sm { font-size:14px; padding:4px 12px;}
.tbl_top_wrap .left_ct,.tbl_bottom_wrap .left_ct {display:inline-block; float:left;}
.tbl_top_wrap .right_ct,.tbl_bottom_wrap .right_ct {display:inline-block; float:right;}
.tbl_top_wrap .left_ct .txt,.tbl_bottom_wrap .left_ct .txt {color:#999; display:inline-block; margin-right:8px; vertical-align:0;}
.tbl_top_wrap .btn i,.tbl_bottom_wrap .btn i {margin-right:4px; vertical-align:text-top; }
.tbl_bottom_wrap .btn +.btn {margin-left:10px;}
.tbl_bottom_wrap:after,.tbl_top_wrap:after {clear:both; content:''; display:block;}

.table td input[type="text"],.table select,.table textarea {width:100%;}

/* sorting table */
.sort_table i {font-style:normal;}
.sort_table .sorting,.sort_table .sorting_desc,.sort_table .sorting_asc {position:relative; cursor:pointer; }
.sort_table .sorting:after,.sort_table .sorting_desc:after,.sort_table .sorting_asc:after {position:absolute; top:0; left:45%;  display:block; }
.sort_table .sorting:after { margin-top:-5px; left:50%;  margin-left:-5px; content:""; background:url(../images/sorting.png) no-repeat;vertical-align:middle;  background-size:10px 7px; width:10px; height:7px;}
.sort_table .sorting_desc:after {content:""; margin-top:-7px; background:url(../images/sorting_desc.png) no-repeat;vertical-align:middle;  background-size:5px 7px; width:5px; height:7px; top:inherit; bottom:-9px;}
.sort_table .sorting_asc:after {content:""; margin-top:-7px; background:url(../images/sorting_asc.png) no-repeat;vertical-align:middle;  background-size:5px 7px; width:5px; height:7px;}
.sort_table .sorting_desc,.sort_table .sorting_asc {color:#00c566; font-weight:bold;}

.tbl_h2.sort_table .sorting:after {opacity:0.4;}
.tbl_h2.sort_table .sorting_desc,.tbl_h2.sort_table .sorting_asc {color:#6eb5f5;}

/* Icon */
.icon {background:url(../images/icon_admin.png) no-repeat; display:inline-block; background-size:200px 200px; vertical-align:middle; text-indent:-9999px;}

.ico_ar_left {width:8px; height:12px; background-position:-93px -33px; vertical-align:-2px;}
.ico_ar_right{ width:8px; height:12px; background-position:-34px -33px; vertical-align:-2px;}
.ico_asc{ width:7px; height:14px; background-position:0 -29px; vertical-align:0;}
.ico_desc{width:7px; height:14px; background-position:-16px -29px; vertical-align:0;}
.active .ico_asc {background-position:-8px -29px;}
.active .ico_desc {background-position:-24px -29px;}
.ico_reply {width:12px; height:12px; background-position:-164px -12px; margin:0 10px;}
.ico_notice {width:21px; height:18px; background-position:-31px -55px; margin-bottom:5px;}

/* snackbar */
#snackbar {visibility: hidden; min-width:250px; margin-left: -125px; background-color: #333; color:#fff; text-align:center; border-radius: 2px; padding:16px; position:fixed; z-index:1; left:50%; bottom:30px;}
#snackbar.show {visibility: visible; -webkit-animation: snack_fadein 0.5s, snack_fadeout 0.5s 2.5s; animation: snack_fadein 0.5s, snack_fadeout 0.5s 2.5s;}

/* Switch Flip Toggle */
.switch_input {position: relative; line-height: 1; cursor: pointer;width: 65px; height: 30px; }
.switch_input input {position: absolute;left: -9999px}
.switch_input input:checked+i {border-color: #ddd}
.switch_input input:checked+i:before {right: 40px}
.switch_input input:checked+i:after {content: attr(data-on); text-align: right; color: #777; right:10px;}
 .switch_input i {content: ''; display: block; position: absolute; top: 3px; right: 0; width: 65px; height: 30px; border-width: 1px; border-style: solid; border-color: #ccc; background: #fff; font-style: normal}
.switch_input i:before {-moz-transition-property: right; -o-transition-property: right; -webkit-transition-property: right; transition-property: right; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; transition-duration: 0.1s;     -moz-transition-timing-function: ease-in;  -o-transition-timing-function: ease-in;    -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; content: ''; display:block; position:absolute; top:7px; right:6px; width:15px; height:15px; background-color: #ddd}
.switch_input i:after {content: attr(data-off); position: absolute; top: 0;  left: 8px;
font-weight: 400; font-size: 14px; line-height: 30px; color: #aaa}
.switch_input.color_gr input:checked+i:after {color: #5cb85c}
.switch_input.color_gr input:checked+i:before {background-color: #5cb85c;}
.switch_input.color_gr input:checked+i {border: 1px solid #5cb85c;}


/*  spinner */
.input_group .spinner_input {position: relative; z-index: 2; float: left; margin-bottom: 0; opacity: 1; width:100%;display: table-cell; height:33px; border-radius:2px 0 0 2px;}
.input_group {position: relative; display: table; border-collapse: separate;}
.spinner_btn {white-space: nowrap; vertical-align: middle; display: table-cell;}
.spinner_btn .btn {height: 17px; line-height:10px; margin: 0; padding: 1px 5px !important; text-align: center; font-size: 12px; width:22px; display:block; background-color:#fff;border:1px solid #c1c1c1; }
.spinner_btn .spinner_up {border-radius:0 2px 0 0;}
.spinner_btn .spinner_down {margin-top:-1px; border-radius:0 0 2px 0}
.spinner_btn .btn i {margin-top: -3px; line-height: 10px;}

.qty_box {position:relative; width:100px; border:1px solid #c1c1c1; float:left;}
.qty_box .down.ea_qty {left:0; border-right:1px solid #c1c1c1;}
.qty_box .ea_qty {display:block; position:absolute; top:0; width:30px; height:30px; font-size:14px; text-align:center; line-height:30px; color:#666;}
.qty_box input {width:100%; height:30px; padding:0; border:0; text-align:center; line-height:30px; color:#666;}
.qty_box .up.ea_qty {right:0; border-left:1px solid #c1c1c1;}
	
/* multi select*/
.ms-container {width: 370px;}
.ms-container:after {content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden;}
.ms-container .ms-selectable, .ms-container .ms-selection {background: #fff; color: #555; float: left; width: 45%;}
.ms-container .ms-selection { float: right;}
.ms-container .ms-list { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;  -o-transition: border linear 0.2s, box-shadow linear 0.2s;  transition: border linear 0.2s, box-shadow linear 0.2s;  border: 1px solid #ccc;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  position: relative;  height: 200px;  padding: 0;  overflow-y: auto;}
.ms-container .ms-list.ms-focus { border-color: rgba(82, 168, 236, 0.8);  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);  outline: 0;  outline: thin dotted \9;}
.ms-container ul {margin: 0; list-style-type: none; padding: 0;}
.ms-container .ms-optgroup-container {width: 100%;}
.ms-container .ms-optgroup-label {margin: 0; padding: 5px 0px 0px 5px; cursor: pointer; color: #999;}
.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection {border-bottom: 1px #eee solid; padding: 2px 10px; color: #555; font-size: 14px;}
.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover {cursor: pointer; color: #fff; text-decoration: none; background-color: #24b8f8;}
.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled { background-color: #eee; color: #aaa; cursor: text;}

.choice_box  {border:1px solid #ccc; margin:10px 0; padding:4px 6px 4px 0;;}
.choice_box:after {display:block; clear:both; content:''; }
.choice_box li {float:left}
.choice_box .option_choice {display:inline-block; padding: 5px 10px; marg 2px 0 2px 5px; position: relative; line-height: 16px; color: #666; border: 1px solid #c8c8c8;   border-radius: 2px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; background-color: #f5f2f9; display:inline-block;}
.choice_box .option_choice .xs_del {margin-left:4px;}
.choice_box a.option_choice:hover {color:#41b2c2;}
.choice_box a.option_choice:hover .xs_del {background-position:0  -83px; -webkit-animation: close_spin 0.5s; animation: close_spin 0.5s;}

/* snackbar */
#snackbar {visibility: hidden; min-width:250px; margin-left: -125px; background-color: rgba(0,0,0,0.65); color:#fff; text-align:center; border-radius: 2px; padding:16px; position:fixed; z-index:1; left:55%; bottom:30px; font-size:16px;}
#snackbar.show {visibility: visible; -webkit-animation: snack_fadein 0.5s, snack_fadeout 0.5s 2.5s; animation: snack_fadein 0.5s, snack_fadeout 0.5s 2.5s;}

/* Tags Input */
.tagsinput {background: #fff; border-radius: 0;  border: 1px solid #dce1e4; box-shadow: none!important; font-size: 13px; padding: 6px 10px!important; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 100%; margin: 0;}
.tagsinput input {border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0; margin: 0; width:auto !important; max-width: inherit;}
.tagsinput input:hover,.tagsinput input:focus {border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0; margin: 0; width:auto !important; max-width: inherit;}
.tagsinput .tag [data-role="remove-tag"] {margin-left: 8px; cursor: pointer;}
.tagsinput .tag [data-role="remove-tag"]:after {content: ""; padding: 0px; background: url(../images/icon.png) -186px -30px no-repeat; width:12px; height:12px; display:inline-block;}

/* Form Tooltips */
.inner_addon {position:relative;}
.inner_addon>i, .inner_addon>span {position:absolute; padding:10px; pointer-events:none;}
.left_addon>i, .left_addon>span {left:  0px;}
.right_addon>i, .right_addon>span {right: 0px;}
.left_addon input,.left_addon textarea  {padding-left:  30px; }
.right_addon input,.right_addon textarea {padding-right: 30px; }

.form_tooltip {position: relative;}
.form_tooltip input {width:100%;}
.form_tooltip .tooltip {position: absolute; z-index: 1; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0,0,0,.6); color: #fff; opacity: 1; filter: alpha(opacity=1); -ms-transition: margin 0.7s, opacity 0.7s; -moz-transition: margin 0.7s, opacity 0.7s; -webkit-transition: margin 0.7s, opacity 0.7s;}
.form_tooltip .tooltip:after {content: ''; position: absolute;}
.form_tooltip input:focus + .tooltip,.form_tooltip textarea:focus + .tooltip {opacity: 1 !important; filter: opacity(1) !important;}
.form_tooltip .tooltip.top_right {bottom: 100%;  margin-bottom: 15px;}
.form_tooltip .tooltip.top_right:after {top: 100%; right: 16px; border-top: 4px solid rgba(0,0,0,.6); border-right: 4px solid transparent; border-left: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.top_right,.form_tooltip textarea:focus + .tooltip.top_right {right: 0; left: auto; margin-bottom: 5px;}
.form_tooltip .tooltip.top_left {bottom: 100%; margin-bottom: 15px;}
.form_tooltip .tooltip.top_left:after {top: 100%;  left: 16px; border-top: 4px solid  rgba(0,0,0,.6);    border-right: 4px solid transparent; border-left: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.top_left,.form_tooltip textarea:focus + .tooltip.top_left { right: auto; left: 0; margin-bottom: 5px;}
.form_tooltip .tooltip.right {top: 9px;  white-space: nowrap; margin-left: 15px;}
.form_tooltip .tooltip.right:after {top: 6px; right: 100%; border-top: 4px solid transparent;border-right: 4px solid  rgba(0,0,0,.6); border-bottom: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.right,.form_tooltip textarea:focus + .tooltip.right {left: 100%;  margin-left: 5px;}
.form_tooltip .tooltip.left {top: 9px;  white-space: nowrap;  margin-right: 15px;}
.form_tooltip .tooltip.left:after {top: 6px; left: 100%; border-top: 4px solid transparent;   border-bottom: 4px solid transparent;  border-left: 4px solid  rgba(0,0,0,.6);}
.form_tooltip input:focus + .tooltip.left,.form_tooltip textarea:focus + .tooltip.left {right: 100%;
 left: auto; margin-right: 5px;}
.form_tooltip .tooltip.bottom_right {top: 100%; margin-top: 15px;}
.form_tooltip .tooltip.bottom_right:after {bottom: 100%; right: 16px; border-right: 4px solid transparent; border-bottom: 4px solid  rgba(0,0,0,.6); border-left: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.bottom_right,.form_tooltip textarea:focus + .tooltip.bottom_right {right: 0; left: auto;  margin-top: 5px;}
.form_tooltip .tooltip.bottom_left {top: 100%; margin-top: 15px;}
.form_tooltip .tooltip.bottom_left:after {bottom: 100%; left: 16px; border-right: 4px solid transparent; border-bottom: 4px solid  rgba(0,0,0,.6); border-left: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.bottom_left,.form_tooltip textarea:focus + .tooltip.bottom_left {right: auto; left: 0; margin-top: 5px;}

/* Tab&Accodian*/
code {padding: 2px 4px; font-size:14px; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; letter-spacing:.01em;}

.accordian li {display:block;}
.toggle_title { display:block; padding:15px 10px; border-bottom:1px solid #ececec; font-size:14px;}
.toggle_title .fa {float: right; display: block; content: '\f068'; font-family: 'FontAwesome'; font-size:20px; }
.toggle_cont {display:none;}
.accordian .box {background-color:#f8f8f8; padding:20px; border-bottom:1px solid #ececec; }

.tab_content {padding:20px; }
.tab_content>.tab_pane {display: none;-webkit-animation: fadeIn 1s;  animation: fadeIn 1s;}
.tab_content>.active {display: block;}

.nav_tabs {border-bottom:1px solid #ddd;}
.nav_tabs:after {clear:both; display:block; content:'';}
.nav_tabs li {float:left; margin-bottom:-1px; display:block; position:relative;}
.nav_tabs li .tab_title {color:#777; border-bottom:1px solid #ddd; margin-right:1px; border:1px solid transparent; padding:10px 15px; display:block; text-align:center; font-size:16px;  line-height:20px;}
.nav_tabs li.active .tab_title {background-color:#fff; border-top:1px solid #ddd; border-bottom-color:#fff;}
.nav_tabs li .tab_title:hover {background-color:#fff;  border-color: #eee #eee #ddd; color:#2f80ba;}
.nav_tabs li.active .tab_title,.nav_tabs li.active .tab_title:hover,.nav_tabs li.active .tab_title:focus {border:1px solid #ddd; border-bottom-color: #fff; background-color:#fff; }

.tabs_left .nav_tabs { float:left; margin-right:19px; border-right:1px solid #ddd;}
.tabs_left .nav_tabs,.tabs_right .nav_tabs {border-bottom:0;}
.tabs_left .nav_tabs li,.tabs_right .nav_tabs li {float:none;}
.tabs_left .nav_tabs li .tab_title,.tabs_right .nav_tabs li .tab_title {min-width:74px; margin-right:0; margin-bottom:3px; border-bottom:0;}
.tabs_left .nav_tabs li .tab_title {margin-right:-1px;}
.tabs_left .nav_tabs li.active .tab_title,.tabs_left .nav_tabs li.active .tab_title:focus,.tabs_left .nav_tabs li.active .tab_title:hover {border-color:#ddd; border-right-color:#fff; border-bottom:1px solid #ddd;border-left:3px solid #4183d7;}
.tabs_left .nav_tabs li .tab_title:hover {border-color:#eee #ddd #eee #eee; }
.tabs_right .nav_tabs {float:right; margin-left:19px; border-left:1px solid #ddd;}
.tabs_right .nav_tabs li .tab_title {margin-left:-1px;}
.tabs_right .nav_tabs li.active .tab_title,.tabs_right .nav_tabs li.active .tab_title:focus,.tabs_right .nav_tabs li.active .tab_title:hover {border-color:#ddd; border-left-color:#fff; border-bottom:1px solid #ddd;}
.tabs_right .nav_tabs li .tab_title:hover {border-color:#eee #eee #eee #ddd; }

.fill_tabs .nav_tabs {border-bottom:1px solid #4183d7}
.fill_tabs .nav_tabs li.active .tab_title,.fill_tabs .nav_tabs li.active .tab_title:focus,.fill_tabs .nav_tabs li.active .tab_title:hover {border:1px solid #4183d7; background-color:#4183d7; color:#fff;}
.fill_tabs .nav_tabs li .tab_title:hover {border-color:#eee #eee #4183d7 #eee; }

.tabs_justified:before,.tabs_justified:after {display:table; content:'';}
.tabs_justified {width:auto;}
.tabs_justified li {display:table-cell; width:1%; float:none;}
.tabs_justified li .tab_title {border-style:solid; line-height:35px;  font-weight:bold;}
.tabs_justified li.disabled .tab_title {cursor:not-allowed; color:#ddd; pointer-events:none;}
.tabs_justified li.active .tab_title,.tabs_justified li.active .tab_title:focus,.tabs_justified li.active .tab_title:hover {color:#222; border-bottom-color:#fff; background-color:#fff; border-image: linear-gradient(to right, #3d3393 0%, #2b76b9 37%, #41b2c2 65%, #00c566 100%);  border-image-slice: 1;  border-image-width: 3px }

/* tooltip*/
.tooltip {position:relative; display:inline-block;}
.tooltip .tooltiptext {visibility:hidden; width:200px; background-color:#555; color: #fff;   text-align:center; padding:5px 0; border-radius:6px; position:absolute; z-index:1; bottom: 125%; left:50%; margin-left:-60px; opacity:0; transition:opacity 1s;}
.tooltip .tooltiptext::after {content: ""; position:absolute; top:100%; left:50%; margin-left: -5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility:visible; opacity:1;}

/* tooltip toggle */
.tooltip_tg {position:relative; display:inline-block; cursor: pointer;}
.tooltip_tg .tooltip_text {visibility:hidden; width:160px; background-color:#555; color: #fff; text-align: center; border-radius:6px; padding: 8px 0; position: absolute; z-index:1; bottom: 125%; left:50%; margin-left:-80px;}
.tooltip_tg .tooltip_text::after {content: ""; position:absolute; top:100%; left:50%; margin-left: -5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent transparent;}
.tooltip_tg .show {visibility:visible; -webkit-animation:fadeIn 1s; animation:fadeIn 1s;}

/* arlet */
.alert_box {padding: 20px; color: #fff; margin-bottom: 15px;}
.alert_box .closebtn {color: #fff; font-weight: bold; float: right; font-size: 22px; line-height:16px; cursor: pointer;  transition: 0.3s; width:20px; height:20px; text-align:center;}
.alert_box .closebtn:hover {-webkit-animation: close_spin 0.5s; animation: close_spin 0.5s;}

.bg_softgray {background-color:#f4f5f6 !important;}

.btn_line_red {color:#d9534f; background-color:#fff; border:1px solid #d9534f;}
.btn_line_red:hover .ico_del_red { background-position:-220px 0}
.btn_line_red:hover {color:#fff; background-color:#d9534f; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.btn_line_gray {color:#666; background-color:#fff; border:1px solid #aaa;}

/* animation_effects */	
@-webkit-keyframes loading_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes loading_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes bg_effect {
  0%   {background-size:300%; opacity:0;} 
  100% {background-size:100%; opacity:1;}
}	
@keyframes bg_effect {
  0%   {background-size:300%; opacity:0;} 
  100% {background-size:100%; opacity:1;}
}
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}
@-webkit-keyframes close_spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes close_spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-webkit-keyframes snack_fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}
@keyframes snack_fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes snack_fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}
@keyframes snack_fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
@-webkit-keyframes slide_down {
    from {margin-top: -50px; opacity: 0;} 
    to {margin-top: 0; opacity: 1;}
}
@keyframes slide_down {
    from {margin-top: -50px; opacity: 0;}
    to {margin-top: 0; opacity: 1;}
}
@keyframes slide_up {
    from {margin-top: 0; opacity: 1;}
    to {margin-top: -50px; opacity: 0;}
}
@keyframes slide_up {
    from {margin-top: 0; opacity: 1;}
    to {margin-top: -50px; opacity: 0;}
}
@-webkit-keyframes zoomIn {
    from {transform: scale(0.8);} 
    to {transform: scale(1.2);}
}
@keyframes zoomIn {
    from {transform: scale(0.8);}
    to {transform: scale(1.2);}
}
@-webkit-keyframes dot {
    0% {transform: scale(0);}
    35% {transform: scale(1);}
    70% {transform: scale(0);}
    100% {transform: scale(0);}
}
@keyframes dot {
    0% {transform: scale(0);}
    35% {transform: scale(1);}
    70% {transform: scale(0);}
    100% {transform: scale(0);}
}

/* Webkit scroll bar style */
::-webkit-scrollbar {
	width: 12px;
	height: 9px;
}
::-webkit-scrollbar-track {
	background-color: rgba(113,112,107,0.1);
	-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical {
	background-color: rgba(136, 116, 181, .4);
	-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
	background: #9e8da9;
}
::-webkit-scrollbar-thumb:horizontal {
	background-color: rgba(136, 116, 181, .3);
	-webkit-border-radius: 6px;
}