@charset "utf-8";

/* Reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, canvas{display:block}
html{font:normal 13px/150% 'mst','nsr','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic"; height:100%; position:relative}
body{position:relative; margin:0; padding:0; height:100%; color:#303030; box-sizing:border-box; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none;}
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd{margin:0; padding:0;}
li{list-style:none;}
a{text-decoration:none; color:#303030;}
img{border:0; vertical-align:middle;}
form, fieldset{margin:0; padding:0; border:none;}
caption ,legend{display:none;}
input, button, textarea, select{font:normal 13px/150% 'mst','nsr','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic"}
input[type=text]:-ms-clear{display:none;}





/* skipnavi */
#skipnavi {position:absolute; top:0; left:0; z-index:99999; width:100%; height:0;}
#skipnavi a {display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; font-size:0;}
#skipnavi a:focus, #skipnavi a:hover {width:100%; height:80px; line-height:80px; padding:0; font-size:18px; background:rgba(51,57,73,.9); color:#fff; font-family:roboto,'opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; z-index:9000;}

/* chrome scrollbar */
::-webkit-scrollbar{width:8px; height:8px;}
::-webkit-scrollbar-corner{background:transparent; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
::-webkit-scrollbar-track
{
	background-color:#f2f2f2; background-image:-moz-linear-gradient(left, #f2f2f2 0%, #fff 100%);
 	background-image: linear-gradient(left, #f2f2f2 0%, #fff 100%);
	background-image: -webkit-linear-gradient(left, #f2f2f2 0%, #fff 100%);
	background-image: -o-linear-gradient(left, #f2f2f2 0%, #fff 100%);
	background-image: -ms-linear-gradient(left, #f2f2f2 0%, #fff 100%);
	border: 1px solid #e6e6e6;
}
::-webkit-scrollbar-thumb{background:#c8c8c8; border:1px solid #b8b8b8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#8a8a8a; border:1px solid #737373;}


/* Common */
.blind,legend{display:block; overflow:hidden; position:absolute; top:-1000em; left:0}
:root legend{margin-top:-1px; font-size:0; line-height:0}
.ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block;}
.hidden{display:none !important}
.keepall{word-break:keep-all}

/* align */
.tleft{text-align:left !important;}
.tcenter{text-align:center !important;}
.tright{text-align:right !important;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after{content:""; display: block; clear:both;}


/* text color */
.txt_info{color:#0089d6 !important;}
.txt_primary{color:#5e749e !important;}
.txt_success{color:#019863 !important;}
.txt_warning{color:#f27824 !important;}
.txt_danger{color:#f44336 !important;}
.txt_sereni{color:#777b88 !important;}


/* background color */
.bg_info{background:#0095da !important;}
.bg_primary{background:#515b75 !important;}
.bg_success{background:#019863 !important;}
.bg_warning{background:#ef8821 !important;}
.bg_danger{background:#f44336 !important;}
.bg_sereni{background:#777b88 !important;}


/* default */
.fl{float:left}
.fr{float:right}
.cboth{display:block; content:"";clear:both}
.inblk{display:inline-block;}
.vgt{vertical-align:top}
.vgm{vertical-align:middle}
.ovh{overflow:hidden}
.cp{cursor:pointer}


/* padding */
.pd00 {padding:0 !important}
.pd05 {padding:5px !important}
.pd10 {padding:10px !important}
.pd20 {padding:20px !important}
.pr00 {padding-right:0 !important}
.pr05 {padding-right:5px !important}
.pr10 {padding-right:10px !important}
.pr15 {padding-right:15px !important}
.pr20 {padding-right:20px !important}
.pr25 {padding-right:25px !important}
.pr35 {padding-right:35px !important}
.pl00 {padding-left:0 !important}
.pl05 {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}
.pt50 {padding-top:50px !important}
.pb50 {padding-bottom:50px !important}
.pt05 {padding-top: 5px !important}
.pb05 {padding-bottom: 5px !important}

/* Width px */
.wid20 {width:20px !important}
.wid30 {width:30px !important}
.wid40 {width:40px !important}
.wid50 {width:50px !important}
.wid60 {width:60px !important}
.wid65 {width:65px !important}
.wid70 {width:70px !important}
.wid80 {width:80px !important}
.wid90 {width:90px !important}
.wid100 {width:100px !important}
.wid110 {width:110px !important}
.wid113 {width:113px !important}
.wid120 {width:120px !important}
.wid130 {width:130px !important}
.wid140 {width:140px !important}
.wid150 {width:150px !important}
.wid160 {width:160px !important}
.wid170 {width:170px !important}
.wid180 {width:180px !important}
.wid185 {width:185px !important}
.wid190 {width:190px !important}
.wid200 {width:200px !important}
.wid205 {width:205px !important}
.wid215 {width:215px !important}
.wid210 {width:210px !important}
.wid220 {width:220px !important}
.wid240 {width:240px !important}
.wid250 {width:250px !important}
.wid255 {width:255px !important}
.wid260 {width:260px !important}
.wid280 {width:280px !important}
.wid300 {width:300px !important}
.wid310 {width:310px !important}
.wid320 {width:320px !important}
.wid325 {width:325px !important}
.wid340 {width:340px !important}
.wid360 {width:360px !important}
.wid380 {width:380px !important}
.wid400 {width:400px !important}
.wid420 {width:420px !important}
.wid440 {width:440px !important}
.wid460 {width:460px !important}
.wid480 {width:480px !important}
.wid500 {width:500px !important}
.wid600 {width:600px !important}
.wid700 {width:700px !important}
.wid750 {width:750px !important}
.wid800 {width:800px !important}
.wid900 {width:900px !important}
.wid1000 {width:1000px !important}
.wid1100 {width:1100px !important}


/* Width % */
.wid10p {width:10% !important}
.wid20p {width:20% !important}
.wid30p {width:30% !important}
.wid33p {width:33.3333333% !important}
.wid35p {width:35% !important}
.wid40p {width:40% !important}
.wid45p {width:45% !important}
.wid50p {width:50% !important}
.wid55p {width:55% !important}
.wid60p {width:60% !important}
.wid65p {width:65% !important}
.wid70p {width:70% !important}
.wid80p {width:80% !important}
.wid85p {width:85% !important}
.wid90p {width:90% !important}
.wid94p {width:94% !important}
.wid95p {width:95% !important}
.wid100p {width:100% !important}


/* Height px */
.hei100 {height:100px !important}
.hei150 {height:150px !important}
.hei200 {height:200px !important}
.hei300 {height:300px !important}
.hei400 {height:400px !important}
.hei500 {height:500px !important}
.hei600 {height:600px !important}
.hei650 {height:650px !important}
.hei700 {height:700px !important}
.hei750 {height:750px !important}
.hei800 {height:800px !important}
.hei900 {height:900px !important}


/* Margin */
.mg00 {margin:0px !important}
.mg05 {margin:5px !important}
.mg10 {margin:10px !important}
.mg15 {margin:15px !important}
.mg20 {margin:20px !important}
.mg25 {margin:25px !important}
.mg30 {margin:30px !important}
.mg35 {margin:35px !important}
.mg40 {margin:40px !important}
.mg50 {margin:50px !important}

.mgtm12 {margin-top:-12px !important}
.mgtm15 {margin-top:-15px !important}
.mgt00 {margin-top:0px !important}
.mgt05 {margin-top:5px !important}
.mgt10 {margin-top:10px !important}
.mgt13 {margin-top:13px !important}
.mgt15 {margin-top:15px !important}
.mgt20 {margin-top:20px !important}
.mgt25 {margin-top:25px !important}
.mgt30 {margin-top:30px !important}
.mgt35 {margin-top:35px !important}
.mgt40 {margin-top:40px !important}
.mgt45 {margin-top:45px !important}
.mgt50 {margin-top:50px !important}
.mgt80 {margin-top:80px !important}

.mgr00 {margin-right:0px !important}
.mgr05 {margin-right:5px !important}
.mgr10 {margin-right:10px !important}
.mgr15 {margin-right:15px !important}
.mgr20 {margin-right:20px !important}
.mgr25 {margin-right:25px !important}
.mgr30 {margin-right:30px !important}
.mgr35 {margin-right:35px !important}
.mgr40 {margin-right:40px !important}
.mgr50 {margin-right:50px !important}
.mgr60 {margin-right:60px !important}

.mgb00 {margin-bottom:0px !important}
.mgb05 {margin-bottom:5px !important}
.mgb10 {margin-bottom:10px !important}
.mgb15 {margin-bottom:15px !important}
.mgb20 {margin-bottom:20px !important}
.mgb25 {margin-bottom:25px !important}
.mgb30 {margin-bottom:30px !important}
.mgb35 {margin-bottom:35px !important}
.mgb40 {margin-bottom:40px !important}
.mgb45 {margin-bottom:45px !important}
.mgb50 {margin-bottom:50px !important}
.mgb60 {margin-bottom:60px !important}
.mgb70 {margin-bottom:70px !important}

.mgl00 {margin-left:0px !important}
.mgl05 {margin-left:5px !important}
.mgl10 {margin-left:10px !important}
.mgl15 {margin-left:15px !important}
.mgl20 {margin-left:20px !important}
.mgl25 {margin-left:25px !important}
.mgl30 {margin-left:30px !important}
.mgl35 {margin-left:35px !important}
.mgl40 {margin-left:40px !important}
.mgl50 {margin-left:50px !important}


/* hiddentext */
.hiddentext div {font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext dl {font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext dt {font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext dd {font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext p {font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext ul {font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}
.hiddentext li {font-size:0; line-height:0; padding:0; margin:0; height:0; width:0;}

/* font size */
.fs14{font-size:14px !important}
.fs16{font-size:16px !important}

/* inputxt_normal */
.inputxt_normal{display:inline-block; position:relative; height:24px; border:1px solid #d6d6d6; vertical-align:middle; border-radius:0;}
.inputxt_normal.error{border:1px solid #f32f20;}
.inputxt_normal.spider{display:block; margin-right:0;}
.inputxt_normal input{position:relative; height:24px; line-height:24px; margin:0; border:0; padding:0 8px; margin:0; text-align:left; font-size:13px; color:#303030; box-sizing:border-box; font-weight:normal; background:#fff;}
.inputxt_normal.spider input{width:100%;}
.inputxt_normal input[disabled]{background:#eeeeee; color:#303030}
.inputxt_normal input[readonly]{background:#f9f9f9}
.inputxt_normal input[disabled] ~ .ui-datepicker-trigger{display:none}
.inputxt_normal input[readonly] ~ .ui-datepicker-trigger{background:#fff url('../images/common/ico_datepicker_blue.png') 50% 50% no-repeat; background-size:17px 15px;}
.inputxt_normal.dateinput .ui-datepicker-trigger{display:block;position:absolute; right:0; top:0; width:26px; height:100%; margin:0; padding:0; border:0; background:#fff url('../images/common/ico_datepicker_blue.png') 50% 50% no-repeat; background-size:17px 15px; border-left:1px solid #ebebeb; border-radius:0; cursor:pointer}

.inputxt_normal input.error{background:#feeae8;}

.inputxt_normal.search input{padding-right:28px;}
.inputxt_normal.search .btn_search{display:block; font-size:14px; position:absolute; right:0; top:0; width:26px; height:24px; margin:0; padding:0; line-height:27px; text-align:center; color:#808080; border:0; background:none; border-left:1px solid #ebebeb; border-radius:0; cursor:pointer;}

.inputxt_normal.add input{padding-right:28px;}
.inputxt_normal.add .btn_add{display:block; font-size:14px; position:absolute; right:0; top:0; width:26px; height:24px; margin:0; padding:0; line-height:27px; text-align:center; color:#808080; border:0; background:none; border-left:1px solid #ebebeb; border-radius:0; cursor:pointer;}

.inputxt_normal.del input{padding-right:28px;}
.inputxt_normal.del .btn_del{display:block; font-size:14px; position:absolute; right:0; top:0; width:26px; height:24px; margin:0; padding:0; line-height:27px; text-align:center; color:#808080; border:0; background:none; border-left:1px solid #ebebeb; border-radius:0; cursor:pointer;}

.inputxt_normal.set_1btn input{padding-right:28px;}
.inputxt_normal.set_1btn a, .inputxt_normal.set_1btn button{display:block; font-size:14px; position:absolute; right:0; top:0; width:26px; height:24px; margin:0; padding:0; line-height:27px; text-align:center; color:#808080; border:0; background:none; border-left:1px solid #ebebeb; border-radius:0; cursor:pointer;}

.inputxt_normal.set_2btn input{padding-right:54px;}
.inputxt_normal.set_2btn a, .inputxt_normal.set_2btn button{display:block; font-size:14px; position:absolute; right:26px; top:0; width:26px; height:24px; margin:0; padding:0; line-height:27px; text-align:center; color:#808080; border:0; background:none; border-left:none; border-radius:0; cursor:pointer;}
.inputxt_normal.set_2btn a:nth-child(2n), .inputxt_normal.set_2btn button:nth-child(2n){border-left:1px solid #ebebeb; right:0;}

.inputxt_normal.only input{width:25px !important; font-size:0 !important;}
.inputxt_normal.only.dateinput .ui-datepicker-trigger{border-left:1px solid #d6d6d6; background:#fff;}

.inputxt_normal.large{height:29px;}
.inputxt_normal.large input{height:29px; line-height:29px;}

.inputxt_normal.in_btn a, .inputxt_normal.in_btn button{position:absolute; right:-1px; top:-1px; border-radius:0 1px 1px 0}
.inputxt_normal.in_btn a.small span, .inputxt_normal.in_btn button.small span{padding:3px 10px 3px}


.autocomplete_normal{display:inline-block; position:relative; min-height:24px; border:1px solid #d6d6d6; vertical-align:middle; border-radius:0;}
.autocomplete_normal.spider{display:block; margin-right:0;}


/* validation */
label.error{display:block; position:absolute; background-color:#f44336; opacity: 0.9; color:#fff; font-size:13px; line-height:1.4; margin-left:-1px; padding:6px 10px; text-decoration:none; word-break:break-all; visibility:visible; border-radius:2px; z-index:6000;}
label.error:before{content:''; position:absolute; top:-5px; left:10px; width:0; height:0; border-style:solid; border-width: 0 5px 5px; border-color:transparent; border-bottom-color:#f44336;}

/* timepicker */
.timepicker{display:inline-block; position:relative; height:26px; padding:0 10px; padding-right:20px; border:1px solid #d6d6d6; vertical-align:middle; border-radius:0; background:#fff; overflow:hidden;}
.timepicker input{width:20px; height:26px; line-height:27px; margin:0; border:0; padding:0; margin:0; text-align:center; font-size:13px; color:#303030; box-sizing:border-box; font-weight:normal; background:none; vertical-align:top;}
.timepicker i{position:absolute; right:2px; text-align:center; width:14px; height:14px; line-height:14px; color:#808080; font-size:11px;}
.timepicker i.fa-angle-up{top:0;}
.timepicker i.fa-angle-down{bottom:0;}


/* select */
.select_normal {display:inline-block; position:relative; height:24px; *display:inline; *zoom:1; border:1px solid #d6d6d6; vertical-align:middle; border-radius:0; overflow:hidden;}
.select_normal.spider{display:block;}
.select_normal select {width:100%; height:24px; line-height:24px; color:#303030; padding:0 26px 0 10px; background:none; font-size:13px; -webkit-appearance:none; -moz-appearance:none; border:0; margin:0; cursor:pointer; border-radius:0; background:#fff url('../images/common/select_normal.png') right 50% no-repeat; background-size:26px 34px; box-sizing:border-box;}
.select_normal select[disabled]{background:#eeeeee url('../images/common/select_normal.png') right 50% no-repeat; background-size:26px 34px;}
.select_normal select[readonly]{background:#f9f9f9 url('../images/common/select_normal.png') right 50% no-repeat; background-size:26px 34px;}
.select_normal option {line-height:24px; font-size:13px;}
.select_normal select::-ms-expand {display:none;}
@-moz-document url-prefix(){}


/* select_multi */
.select_multi{display:inline-block; vertical-align:middle}
.select_multi .multi_wrap a{display:block; height:24px; line-height:24px; color:#303030; padding:0 26px 0 10px; background:none; font-size:13px; -webkit-appearance:none; -moz-appearance:none; cursor:pointer; border-radius:0; background:#fff url('../images/common/select_normal.png') right 50% no-repeat; background-size:26px 34px; box-sizing:border-box}
.select_multi .multi_wrap .tit_txt{display:block}
.select_multi .multi_wrap .val_txt{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}.select_multi .multi_wrap dt{border:1px solid #d6d6d6}
.select_multi .multi_wrap dd{position:relative; z-index:9}
.select_multi .multi_wrap dd ul{display:none; position:absolute; top:-1px; width:100%; min-height:auto; max-height:130px; padding:5px 0; background:#fff; border:1px solid #dadada; overflow-x:auto; overflow-y:auto; box-sizing:border-box}
.select_multi .multi_wrap dd ul li{padding:2.5px 10px; transition:all .25s ease}
.select_multi .multi_wrap dd ul li:hover{background:#f2f3f7}


/* datepicker customer */
.ui-datepicker{z-index:99999 !important}
.ui-datepicker-year, .ui-datepicker-month{height:22px; line-height:22px; color:#fff; padding:0; padding-left:10px; font-size:13px; -webkit-appearance:none; -moz-appearance:none; border:0; margin:0; cursor:pointer; border-radius:0;  background:#515b75 url('../images/common/select_date.png') right 50% no-repeat; background-size:31px 34px}
.ui-datepicker-year option, .ui-datepicker-month option {line-height:30px; font-size:13px; color:#303030; background:#fff; font-weight:normal}
.ui-datepicker-year::-ms-expand, .ui-datepicker-month::-ms-expand{display:none}


/* textarea */
.textarea_normal{display:inline-block; position:relative; background:#fff; border:1px solid #cccdcf;}
.textarea_normal.spider{display:block;}
.textarea_normal textarea{display:block; width:100%; border:0; padding:10px; color:#303030; font-size:13px; outline:none; border-radius:0; box-sizing:border-box; resize:vertical;}
.textarea_normal textarea[disabled]{background:#eeeeee;}
.textarea_normal textarea[readonly]{background:#f9f9f9;}

.textarea_normal .count_area{padding:5px 15px 10px; overflow:hidden}
.textarea_normal .count_area .counting{float:right; font-size:13px; color:#808080; letter-spacing:-0.2px; line-height:135%}
.textarea_normal .count_area .counting span{color:#0095da}

.textarea_editor{display:inline-block; position:relative; background:#fff; border:1px solid #cccdcf;}
.textarea_editor.spider{display:block;}


/* file_import */
.file_import_set{position:relative;}
.file_import_set .info_util{position:relative;}

.file_import{display:inline-block; position:relative; padding-left:82px}
.file_import.spider{display:block}
.file_import label
{
	display:block; position:absolute; left:0; top:0; line-height:150%; margin:0; padding:2px 15px 3px;
    color:#fff; text-align:center;  font-size:13px;
    letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:0;
	background:#848894; border:1px solid #656873;
}
.file_import label input{position:absolute; width:0; height:0; overflow:hidden;}
.file_import div{position:relative; height:24px; border:1px solid #d6d6d6; vertical-align:middle;}
.file_import input{height:24px; line-height:24px; margin:0; border:0; padding:0; margin:0; text-align:left; font-size:13px; text-indent:10px; color:#303030; box-sizing:border-box; font-weight:normal; background:#fff; width:300px;}
.file_import.spider input{width:100%}
.file_import.small input{width:150px;}
.file_import input[disabled]{background:#f2f3f7}
.file_import input[readonly]{background:#f2f3f7}

.file_import.side_btn.save{padding-right:59px}
.file_import.side_btn .btn_normal{position:absolute; right:0; top:0}


/* multi_uploader */
.multi_uploader{position:relative}
.uploader_g1 .file_list{margin-bottom:15px; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.uploader_g1 .file_list li{position:relative; padding:2px 0; padding-left:8px; border-bottom:1px solid #ebebeb}
.uploader_g1 .file_list li:before{content:''; position:absolute; left:0; top:14px; width:3px; height:3px; background:#c0c9d4}
.uploader_g1 .file_list li:last-child{margin-bottom:0; border-bottom:none}
.uploader_g1 .file_list li a{display:inline-block; position:relative; padding:5px 0;font-size:13px; color:#5e749e; letter-spacing:-0.4px; line-height:135%; vertical-align:middle}
.uploader_g1 .file_list li a:hover{color:#5282e8}
.uploader_g1 .file_list li span{display:inline-block; position:relative; font-size:13px; color:#505050; letter-spacing:-0.8px; line-height:135%}
.uploader_g1 .btn_del
{
    display:inline-block; margin:0; padding:0; border:0; text-align:center; vertical-align:middle; background:#e6eef8;
    color:#5e749e; width:18px; height:18px; line-height:18px; font-size:13px; letter-spacing:-0.5px; border-radius:50%;
    cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .25s ease; box-sizing:border-box; outline:none
}
.uploader_g1 .btn_del i{line-height:18px; font-weight:300}


.uploader_g2{position:relative}
.uploader_g2 .file_row{position:relative; margin-bottom:5px}
.uploader_g2 .file_confirm{position:relative; margin-top:5px}
.uploader_g2 .form_list{padding:10px; border:1px solid #dadada}
.uploader_g2 .form_list li{position:relative; margin-bottom:5px;}
.uploader_g2 .form_list li:last-child{margin-bottom:0}

.uploader_g2 .file_search{display:block; position:relative; padding-left:82px}
.uploader_g2 .file_search label
{
	display:block; position:absolute; left:0; top:0;  width:80px; line-height:150%; margin:0; padding:3px 0 2px;
    color:#fff; text-align:center; font-size:13px; letter-spacing:-0.5px; border-radius:1px; cursor:pointer;
    font-weight:normal; letter-spacing:0; background:#848894; border:1px solid #656873; box-sizing:border-box
}
.uploader_g2 .file_search label input{position:absolute; width:0; height:0; overflow:hidden}
.uploader_g2 .file_search div{position:relative; height:24px; border:1px solid #d6d6d6; vertical-align:middle}
.uploader_g2 .file_search input{width:100%; height:24px; line-height:24px; margin:0; border:0; padding:0; margin:0; text-align:left; font-size:13px; text-indent:10px; color:#303030; box-sizing:border-box; font-weight:normal; background:#fff}
.uploader_g2 .file_search.small input{width:150px;}
.uploader_g2 .file_search input[disabled]{background:#f2f3f7}
.uploader_g2 .file_search input[readonly]{background:#f2f3f7}

.uploader_g2 .file_comment{display:block; position:relative; padding-left:82px; margin-top:5px}
.uploader_g2 .file_comment label
{
	display:block; position:absolute; left:0; top:0; width:80px; line-height:150%; margin:0; padding:3px 0 2px; color:#707070; text-align:center;
	font-size:13px; letter-spacing:-0.5px; border-radius:none; font-weight:normal; font-weight:normal; letter-spacing:0;
    background:#fff; border:1px solid #fff; box-sizing:border-box;
}
.uploader_g2 .textarea_normal{display:block; position:relative; background:#fff; border:1px solid #d6d6d6}
.uploader_g2 .textarea_normal.spider{display:block;}
.uploader_g2 .textarea_normal textarea{display:block; width:100%; height:24px; line-height:24px; border:0; padding:0 10px; color:#303030; font-size:13px; outline:none; border-radius:0; box-sizing:border-box; resize:vertical}

.uploader_g2 .btn_del
{
    position:absolute; top:50%; right:5px; display:block; margin:0; margin-top:-9px; padding:0; border:0; text-align:center; background:#848894;
    color:#fff; width:18px; height:18px; line-height:18px; font-size:13px; letter-spacing:-0.5px; border-radius:50%;
    cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .25s ease; box-sizing:border-box; outline:none; z-index:1
}
.uploader_g2 .btn_del i{line-height:18px; font-weight:300}


/* paging */
.paging_normal{position:relative; text-align:center; font-size:0; letter-spacing:0; word-spacing:0;}
.paging_normal .ctrl{display:inline-block; border:1px solid #ddd; width:32px; height:32px; vertical-align:middle; margin-left:-1px; background:#fff; padding:0 2px;}
.paging_normal .ctrl:hover{background:#f2f3f7;}
.paging_normal .ctrl i{font-size:13px; color:#808080; line-height:32px;}

.paging_normal .num{position:relative; display:inline-block; border:1px solid #ddd; text-align:center; margin-left:-1px; height:32px;  min-width:32px; background:#fff; vertical-align:middle; padding:0 2px;}
.paging_normal .num:hover{background:#f2f3f7;}
.paging_normal .num span{display:inline-block; color:#505050; font-size:13px; line-height:130%; font-weight:normal; padding-top:9px;}
.paging_normal .num.active{border:1px solid #0095da; background:#fff; z-index:2;}
.paging_normal .num.active span{border-bottom:1px solid #0095da; color:#5282e8;}


/* check, radio */
.btn_check {position:relative; display:inline-block; vertical-align:middle; min-width:22px; min-height:22px;}
.btn_check input[type="checkbox"]{position:absolute; top:0; left:0; margin:0; width:22px; height:22px;}
.btn_check .hero{display:block; position:absolute; top:0; left:0; width:22px; height:22px; background-image:url('../images/common/check_blue.png'); background-position:0 0; cursor:pointer;}
.btn_check input[type='checkbox']:checked + .hero {background-position:-48px 0;}
.btn_check input[type='checkbox']:hover + .hero {background-position:-24px 0;}
.btn_check input[type='checkbox']:checked:hover + .hero {background-position:-48px 0;}
.btn_check strong{padding-left:27px; vertical-align:middle; line-height:22px; color:#303030; letter-spacing:-0.2px; font-weight:normal; cursor:pointer;}

.btn_check input[disabled] + .hero{background-position:-72px 0;}
.btn_check input[disabled]:hover + .hero{background-position:-72px 0;}
.btn_check input[disabled]:checked + .hero{background-position:-96px 0;}
.btn_check input[disabled]:checked:hover + .hero{background-position:-96px 0;}

.btn_check input[readonly] + .hero{background-position:-72px 0;}
.btn_check input[readonly]:hover + .hero{background-position:-72px 0;}
.btn_check input[readonly]:checked + .hero{background-position:-96px 0;}
.btn_check input[readonly]:checked:hover + .hero{background-position:-96px 0;}

.check_origin{display:inline-block; position:relative; vertical-align:middle}
.check_origin input[type="checkbox"]{width:13px; height:13px; margin:0; margin-top:-1px; padding:0; vertical-align:middle}
.check_origin strong{display:inline-block; margin-left:2px; line-height:15px; font-size:13px; color:#505050; letter-spacing:-0.2px; font-weight:normal; cursor:pointer}


.tree.arrow-file .check_origin{margin-top:3px !important;}
.tree.line-file .check_origin{margin-top:3px !important;}

.btn_radio {position:relative; display:inline-block; vertical-align:middle; min-width:22px; min-height:22px;}
.btn_radio input[type="radio"]{position:absolute; top:0; left:0; margin:0; width:22px; height:22px;}
.btn_radio .hero{display:block; position:absolute; top:0; left:0; width:22px;height:22px; background-image:url('../images/common/check_blue.png'); background-position:-120px 0; cursor:pointer;}
.btn_radio input[type='radio']:checked + .hero {background-position:-168px 0;}
.btn_radio input[type='radio']:hover + .hero {background-position:-144px 0;}
.btn_radio input[type='radio']:checked:hover + .hero {background-position:-168px 0;}
.btn_radio strong{padding-left:27px; vertical-align:middle; line-height:22px; color:#303030; letter-spacing:-0.2px; font-weight:normal; cursor:pointer;}

.btn_radio input[disabled] + .hero{background-position:-192px 0;}
.btn_radio input[disabled]:hover + .hero{background-position:-192px 0;}
.btn_radio input[disabled]:checked + .hero{background-position:-216px 0;}
.btn_radio input[disabled]:checked:hover + .hero{background-position:-216px 0;}

.btn_radio input[readonly] + .hero{background-position:-192px 0;}
.btn_radio input[readonly]:hover + .hero{background-position:-192px 0;}
.btn_radio input[readonly]:checked + .hero{background-position:-216px 0;}
.btn_radio input[readonly]:checked:hover + .hero{background-position:-216px 0;}

.radio_origin{display:inline-block; position:relative; vertical-align:middle;}
.radio_origin input[type="radio"]{width:13px; height:13px; margin:0; margin-top:-1px; padding:0; vertical-align:middle;}
.radio_origin label{display:inline-block; margin-left:2px; line-height:15px; vertical-align:middle; color:#303030; letter-spacing:-0.2px; font-weight:normal; cursor:pointer;}
.tree.arrow-file .radio_origin{margin-top:3px !important;}
.tree.line-file .radio_origin{margin-top:3px !important;}

/* button */
.btnarea{position:relative;}
.btnarea_right{position:relative; text-align:right;}
.btnarea_center{position:relative; text-align:center;}
.btnarea_left{position:relative; text-align:left;}
.btnarea_side{position:relative; overflow:hidden;}

.btn_set{display:inline-block; vertical-align:middle;}
.btn_set:after{content:''; display:block; clear:both;}
.btn_set > li{float:left; margin-right:3px;}
.btn_set > li:last-child{margin-right:0;}
.btn_set > li.spider{margin-right:0;}
.btn_set > li.lf button{border-radius:2px 0 0 2px; border-right:none;}
.btn_set > li.ce button{border-radius:0; border-right:none;}
.btn_set > li.rt button{border-radius:0 2px 2px 0;}

.btn_proto button{vertical-align:top;}

.btn_normal
{
    display:inline-block; position:relative; line-height:150%; margin:0; padding:0;
    color:#505050 !important; text-align:center; vertical-align:middle; background:#f2f3f7; border:1px solid #ddd;
    letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:0; text-decoration:none !important; overflow:visible; transition:all .25s ease;
}
.btn_normal span{display:block; padding:5px 15px 6px; font-size:13px; height:18px}
.btn_normal.small span{padding:3px 15px 3px; font-size:13px; height:18px;}
.btn_normal.xsmall span{padding:2px 10px 2px; font-size:13px;}
.btn_normal.large span{padding:7px 18px 8px; font-size:15px;}
.btn_normal i{font-size:16px; vertical-align:middle; margin-top:-3px}
.btn_normal.large i{font-size:18px;}
.btn_normal.ico_l i{margin-right:4px;}
.btn_normal.ico_r i{margin-left:4px;}
.btn_normal.ico_l span{padding-left:12px;}
.btn_normal.ico_r span{padding-right:12px;}
.btn_normal.small.ico_r span{padding-right:12px;}
.btn_normal.small.ico_l span{padding-left:12px;}
.btn_normal.large.ico_r span{padding-right:15px;}
.btn_normal.large.ico_l span{padding-left:15px;}

.btn_normal.info{background:#0095da; border:1px solid #0089d6; color:#fff !important}
.btn_normal.info:hover{background:#26a5e0;}
.btn_normal.primary{background:#515b75; border:1px solid #3e4966; color:#fff !important}
.btn_normal.primary:hover{background:#6b738a;}
.btn_normal.success{background:#019863; border:1px solid #008858; color:#fff !important}
.btn_normal.success:hover{background:#00ae71;}
.btn_normal.warning{background:#ef8821; border:1px solid #ed7b09; color:#fff !important}
.btn_normal.warning:hover{background:#f19a42;}
.btn_normal.danger{background:#f44336;  border:1px solid #f32f20; color:#fff !important}
.btn_normal.danger:hover{background:#f65f54;}
.btn_normal.sereni{background:#848894; border:1px solid #777b88; color:#fff !important}
.btn_normal.sereni:hover{background:#969aa4;}
.btn_normal.blank{background:#fff; border:1px solid #ddd;}
.btn_normal.blank:hover{background:#f2f3f7;}


.btn_line
{
    display:inline-block; position:relative; line-height:150%; margin:0; padding:0;
    color:#505050 !important; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd;
    letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:0; text-decoration:none !important; overflow:visible; transition:all .25s ease;
}
.btn_line span{display:block; padding:5px 15px 6px; font-size:13px; height:18px;}
.btn_line.small span{padding:3px 15px 3px; font-size:13px; height:18px;}
.btn_line.xsmall span{padding:2px 10px 2px; font-size:13px;}
.btn_line.large span{padding:7px 18px 8px; font-size:15px;}
.btn_line i{font-size:16px; vertical-align:middle; margin-top:-3px}
.btn_line.large i{font-size:18px;}
.btn_line.ico_l i{margin-right:4px;}
.btn_line.ico_r i{margin-left:4px;}
.btn_line.ico_l span{padding-left:12px;}
.btn_line.ico_r span{padding-right:12px;}
.btn_line.small.ico_r span{padding-right:12px;}
.btn_line.small.ico_l span{padding-left:12px;}
.btn_line.large.ico_r span{padding-right:15px;}
.btn_line.large.ico_l span{padding-left:15px;}

.btn_line.info{border:1px solid #0089d6; color:#0089d6 !important}
.btn_line.info:hover, .btn_line.info.active{background:#0095da; color:#fff !important}
.btn_line.primary{border:1px solid #3e4966; color:#4c7188 !important;}
.btn_line.primary:hover, .btn_line.primary.active{background:#515b75; color:#fff !important}
.btn_line.success{border:1px solid #019863; color:#019863 !important;}
.btn_line.success:hover, .btn_line.success.active{background:#019863; color:#fff !important}
.btn_line.sereni{border:1px solid #777b88; color:#505050 !important;}
.btn_line.sereni:hover, .btn_line.sereni.active{background:#848894; color:#fff !important}
.btn_line.warning{border:1px solid #ed7b09; color:#f27824 !important;}
.btn_line.warning:hover, .btn_line.warning.active{background:#ef8821; color:#fff !important}
.btn_line.danger{border:1px solid #f32f20; color:#f44336 !important;}
.btn_line.danger:hover, .btn_line.danger.active{background:#f44336; color:#fff !important}
.btn_line.blank{border:1px solid #ddd; color:#505050 !important;}
.btn_line.blank:hover, .btn_line.blank.active{background:#f2f3f7; color:#505050 !important}


.btn_ico
{
    display:inline-block; position:relative; margin:0; padding:0;
    color:#808080 !important; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd; width:26px; height:26px; line-height:26px;
    letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-weight:normal; letter-spacing:0; overflow:visible; transition:all .25s ease; font-size:16px;
	box-sizing:border-box;
}
.btn_ico i{vertical-align:middle; margin-top:-3px}
.btn_ico.small{font-size:14px; width:22px; height:22px; line-height:20px}

.btn_ico.info{background:#0095da; border:1px solid #0089d6; color:#fff !important}
.btn_ico.info:hover{background:#26a5e0;}
.btn_ico.primary{background:#515b75; border:1px solid #3e4966; color:#fff !important}
.btn_ico.primary:hover{background:#6b738a;}
.btn_ico.danger{background:#fff; border:1px solid #f32f20; color:#f44336 !important}
.btn_ico.danger:hover{background:#f44336;}
.btn_ico.blank{background:#fff; border:1px solid #ddd}
.btn_ico.blank:hover{background:#f2f3f7;}
.btn_ico .fa-plus{font-size:14px;}


.btn_doc
{
    display:inline-block; margin:0; padding:0;
    color:#606060; text-align:center; vertical-align:middle; background:#fff; border:none; width:18px; height:18px; line-height:18px;
    letter-spacing:-0.5px; border-radius:0; font-weight:normal; letter-spacing:0; transition:all .25s ease; font-size:16px;
	box-sizing:border-box; background-image:url('../images/common/ico_document.png'); background-repeat:no-repeat; background-size:126px 18px; outline:none;
}
.btn_doc.basic{background-position:0 0;}
.btn_doc.image{background-position:-18px 0;}
.btn_doc.pdf{background-position:-54px 0;}
.btn_doc.hwp{background-position:-36px 0;}
.btn_doc.doc{background-position:-72px 0;}
.btn_doc.excel{background-position:-90px 0;}
.btn_doc.ppt{background-position:-108px 0;}

.btn_doc.large{background-size:252px 36px; width:36px; height:36px; line-height:36px;}
.btn_doc.large.basic{background-position:0 0;}
.btn_doc.large.image{background-position:-36px 0;}
.btn_doc.large.pdf{background-position:-72px 0;}
.btn_doc.large.hwp{background-position:-108px 0;}
.btn_doc.large.doc{background-position:-144px 0;}
.btn_doc.large.excel{background-position:-180px 0;}
.btn_doc.large.ppt{background-position:-216px 0;}


.btn_doctemp
{
    display:inline-block; line-height:150%; margin:0; padding:0;
    color:#505050; text-align:left; vertical-align:middle; background:#fff; border:1px solid #dadada;
    letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .30s ease; box-sizing:border-box;
}
.btn_doctemp span{display:block; padding:0 15px; font-size:13px; height:40px; line-height:40px; font-weight:300;}
.btn_doctemp i{font-size:18px; margin-right:8px; vertical-align:middle; margin-top:-3px; color:#808080;}
.btn_doctemp:hover{background:#f2f3f7; border:1px solid #e6e8ef}
.btn_doctemp.spider{display:block; width:100%}

.btn_doctemp.primary.active{background:#515b75; border:1px solid #3e4966; color:#fff}
.btn_doctemp.primary.active i{color:rgba(255,255,255,.6)}
.btn_doctemp.info.active{background:#0095da; border:1px solid #0089d6; color:#fff;}
.btn_doctemp.info.active i{color:rgba(255,255,255,.6)}


.btn_tco
{
    display:inline-block; margin:0; padding:0;
    color:#606060; text-align:center; vertical-align:middle; background:none; border:none; width:18px; height:18px;
    letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .25s ease; font-size:16px;
	box-sizing:border-box; text-align:center;
}
.btn_tco i{padding-top:1px;}
.btn_tco.small{font-size:14px;}
.btn_tco.danger{color:#f44336;}


.btn_file{display:inline-block; position:relative; vertical-align:middle;}
.btn_file label
{
	display:block; line-height:150%; margin:0; padding:3px 15px 3px;
    color:#fff; text-align:center; vertical-align:middle; font-size:13px;
    letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:0;
	background:#848894; border:1px solid #656873;
}
.btn_file label input{position:absolute; width:0; height:0; overflow:hidden;}
.btn_file div{position:relative; width:0; height:0;}
.btn_file input{width:0; height:0; line-height:0; margin:0; border:0; padding:0; margin:0; text-align:left; font-size:0;}


/* labels_state */
.labels_state
{
    display:inline-block; line-height:150%; margin:0; padding:0;
    color:#505050 !important; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd;
    letter-spacing:-0.5px; border-radius:2px; font-weight:normal; letter-spacing:0; min-width:70px; overflow:visible;
}
.labels_state span{display:block; padding:4px 10px 3px; font-size:13px;}
.labels_state.small span{padding:3px 10px 2px; font-size:13px;}
.labels_state.small i{margin-right:5px; font-size:16px; vertical-align:middle;}
.labels_state.info{border:1px solid rgba(0,137,214,0); background:rgba(0,137,214,.12); color:#0089d6 !important}
.labels_state.info.active{color:#fff !important; background:#0095da}
.labels_state.primary{border:1px solid rgba(64,74,101,0); background:rgba(64,74,101,.12); color:#404a65 !important}
.labels_state.primary.active{color:#4c7188 !important; background:#515b75}
.labels_state.success{border:1px solid rgba(1,152,99,0); background:rgba(1,152,99,.12); color:#019863 !important}
.labels_state.success.active{color:#fff !important; background:#019863}
.labels_state.warning{border:1px solid rgba(239,136,33,0); background:rgba(239,136,33,.12); color:#f27824 !important}
.labels_state.warning.active{color:#fff !important; background:#ef8821}
.labels_state.danger{border:1px solid rgba(244,67,54,0); background:rgba(244,67,54,.12); color:#f44336 !important}
.labels_state.danger.active{color:#fff !important; background:#f44336}
.labels_state.sereni{border:1px solid rgba(119,123,136,0); background:rgba(119,123,136,.12); color:#707070 !important}
.labels_state.sereni.active{color:#fff !important; background:#848894}
.labels_state.auto{min-width:none}


/* labels */
.labels
{
    display:inline-block; position:relative; line-height:150%; margin:0; padding:0;
    color:#505050 !important; text-align:center; vertical-align:middle; background:#f2f3f7; border:1px solid #ddd;
    letter-spacing:-0.5px; border-radius:2px; font-weight:normal; letter-spacing:0; overflow:visible;
}
.labels span{display:block; padding:4px 6px 4px; font-size:13px;}
.labels.small span{padding:2px 6px 2px; font-size:13px;}
.labels strong{display:block; padding:4px 6px 4px; font-size:13px; font-weight:300}
.labels.small strong{padding:2px 6px 2px; font-size:13px;}
.labels.small i{margin-right:5px; font-size:16px; vertical-align:middle;}
.labels.spider{display:block;}

.labels.info{background:#0095da; border:1px solid #0087c5; color:#fff !important}
.labels.info.line{background:#f5fbfd; color:#0089d6 !important;}
.labels.primary{background:#515b75; border:1px solid #3e4966; color:#fff !important}
.labels.primary.line{background:none; color:#515b75 !important;}
.labels.success{background:#019863; border:1px solid #008858; color:#fff !important}
.labels.success.line{background:#f4ffeb; color:#019863 !important;}
.labels.warning{background:#ef8821; border:1px solid #ed7b09; color:#fff !important}
.labels.warning.line{background:#fffaed; color:#f27824 !important;}
.labels.danger{background:#f32f20;  border:1px solid #f32f20; color:#fff !important}
.labels.danger.line{background:#fff3f3; color:#f44336 !important;}


/* notify_badge */
.notify_badge{position:absolute; right:-10px; top:-10px; width:18px !important; height:18px !important; margin:0 !important; padding:0 !important; line-height:17px; background:#f44336; border:1px solid #f32f20; text-align:center; color:#fff; font-size:13px !important; font-weight:300; border-radius:50%; z-index:1}


/* signal_ty1 */
.signal_ty1{position:relative}
.signal_ty1 .cont_txt{display:block; padding-left:12px; letter-spacing:-1px; color:#707070; line-height:150%}
.signal_ty1 .cont_txt:before{content:""; position:absolute; top:6px; left:0; width:7px; height:7px; background:#777b88; border-radius:50%}
.signal_ty1.info .cont_txt:before{background:#0095da}
.signal_ty1.primary .cont_txt:before{background:#515b75}
.signal_ty1.success .cont_txt:before{background:#019863}
.signal_ty1.warning .cont_txt:before{background:#ef8821}
.signal_ty1.danger .cont_txt:before{background:#f44336}


/* set controll */
.inputset_ads{position:relative; padding-left:84px;}
.inputset_ads .btn_normal{position:absolute; left:0; top:0;}

.datepickerset{display:inline-block; vertical-align:middle;}

.combo_set{display:inline-block; position:relative; vertical-align:middle;}
.combo_set.add{padding-right:28px;}
.combo_set.spider{display:block;}
.combo_set.add .btn_ico{position:absolute; right:0; top:0;}

.name_set{display:inline-block; position:relative; min-width:90px; text-align:left; vertical-align:middle;}
.name_set .btn_tco{position:absolute; right:0; top:50%; margin-top:-9px;}



/* ---------- login ---------- */
.login_container{background:#f2f3f7 url("../images/common/pattern_ty1.png") repeat}

.login_ty1{position:absolute; top:0; left:50%; width:600px; height:100%; margin-left:-300px; background:#fff; box-shadow:0 4px 2px 1px rgba(0,0,0,0.1); box-sizing:border-box}
.login_ty1 .login_inner{position:absolute; top:50%; left:50%; width:400px; height:550px; margin-left:-200px; margin-top:-275px; padding-top:150px; box-sizing:border-box}

.login_ty1 .login_logo{position:absolute; top:0; left:50%; margin-left:-74.5px}
.login_ty1 .login_logo strong{display:block; width:149px; height:74px; background:url('../images/common/linkbiz_logo.png') 50% 50% no-repeat; background-size:auto 30px}

.login_ty1 .login_form{margin-bottom:30px}
.login_ty1 .login_form .inputxt_login{position:relative; margin-bottom:10px}
.login_ty1 .login_form .inputxt_login:last-child{margin-bottom:0}
.login_ty1 .login_form .inputxt_login label{position:absolute; left:0; top:0; width:52px; height:100%; padding-top:22px; text-align:center; font-size:20px; color:#909090; box-sizing:border-box}
.login_ty1 .login_form .inputxt_login input{width:100%; height:62px; line-height:62px; margin:0; padding:1px 0; text-align:left; font-size:14px; color:#303030; letter-spacing:-0.8px; font-weight:normal; background:#f3f3f7; border:1px solid #f3f3f7; text-indent:52px; border-radius:3px; outline:none; transition:all .20s ease; box-sizing:border-box}
.login_ty1 .login_form .inputxt_login:hover input{border:1px solid #3fae49; background:#fff}
.login_ty1 .login_form .inputxt_login input:focus{border:1px solid #3fae49; background:#fff}
.login_ty1 .login_form .inputxt_login input::-webkit-input-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_form .inputxt_login input:-ms-input-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_form .inputxt_login input::-moz-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_form .inputxt_login input::-moz-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_form .inputxt_login input[disabled]{background:#f2f4f5;}
.login_ty1 .login_form .inputxt_login input[readonly]{background:#f2f4f5;}

.login_ty1 .btn_confirm{display:block; position:relative; border:0; padding:0; margin:0; width:100%; height:62px; line-height:63px; background:#3fae49; font-weight:300; font-size:17px; letter-spacing:-1px; text-align:center; color:#fff; cursor:pointer; border-radius:3px; box-sizing:border-box; outline:none; transition:all .20s ease}

.login_ty1 .login_help{padding-top:33px}
.login_ty1 .login_help .info{line-height:135%; text-align:center; letter-spacing:-0.8px; font-size:13px; color:#5e749e}
.login_ty1 .login_help .help_list{margin-left:-10px; margin-top:17px}
.login_ty1 .login_help .help_list:after{content:''; display:block; clear:both}
.login_ty1 .login_help .help_list li{float:left; width:50%}
.login_ty1 .login_help .help_list li a{display:block; height:42px; margin-left:10px; line-height:40px; color:#707070; letter-spacing:-0.8px; background:#fff; border:1px solid #d8d8d8; font-size:13px; font-weight:normal; text-align:center; border-radius:2px; box-sizing:border-box}

.login_ty1 .copyright{color:#808080; letter-spacing:0.2px; font-size:11px; line-height:150%; padding-top:45px; text-align:center}


/* lb_error */
.lb_error{position:absolute; top:50%; left:50%; width:600px; height:475px; margin-left:-300px; margin-top:-237.5px; background:#fff; z-index:1;}
.lb_error .err_inner{position:relative; padding:0 50px; box-sizing:border-box;}

.lb_error .err_logo{position:absolute; top:-71px; left:0;}
.lb_error .err_logo strong{display:block; width:100px; height:50px; background:url('../images/common/linkbiz_logo.png') 50% 50% no-repeat; background-size:auto 30px}

.lb_error .err_focus{padding:45px 0 0; margin-bottom:40px;}
.lb_error .err_num{text-align:center;}
.lb_error .err_num i{font-size:50px; color:#7fc241; margin-bottom:5px;}
.lb_error .err_num .num_code{display:block; font-size:40px; line-height:120%; font-weight:normal; letter-spacing:-1px; color:#7fc241;}

.lb_error .err_subject{display:block; min-height:66px; text-align:center; color:#707070; font-size:22px; font-weight:normal; letter-spacing:-1px; line-height:150%; margin-bottom:20px;}

.lb_error .err_detail{position:relative; height:110px; padding:25px; margin-bottom:20px; font-size:13px; line-height:160%; background:#f2f3f7; overflow-y:auto; box-sizing:border-box;}
.lb_error .err_detail p{color:#707070;}
.lb_error .err_detail a{color:#5282e8;}


/* lb_blank */
.lb_blank{position:absolute; top:0; left:0; bottom:0; right:0; background:#f2f3f7; text-align:center; z-index:1; margin:-15px -25px;}
.lb_blank .inner{position:absolute; top:50%; left:50%; width:340px; height:340px; margin-left:-170px; margin-top:-170px; border-radius:50%; background:#fff; box-sizing:border-box; padding-top:70px; z-index:9;}
.lb_blank .inner i{display:block; font-size:42px; color:#5282e8; margin-bottom:10px; opacity:0;}
.lb_blank .inner .blank_tit{display:block; font-size:36px; line-height:150%; color:#5282e8; font-weight:300; letter-spacing:-1.2px; margin-bottom:10px; opacity:0;}
.lb_blank .inner .blank_info{text-align:center; color:#707070; font-size:14px; font-weight:normal; letter-spacing:-0.2px; line-height:150%; opacity:0;}

.lb_blank .inner .bubble{position:absolute; border-radius:50%; opacity:0;}
.lb_blank .inner .bubble.b1{left:40px; top:0; width:60px; height:60px; background:rgba(0,149,218,.6);}
.lb_blank .inner .bubble.b2{left:-120px; top:80px; width:20px; height:20px; background:rgba(0,149,218,.2);}
.lb_blank .inner .bubble.b3{right:-60px; top:140px; width:20px; height:20px; background:rgba(0,149,218,.6);}
.lb_blank .inner .bubble.b4{right:-10px; bottom:0; width:90px; height:90px; background:rgba(0,149,218,.2);}
.lb_blank .inner .bubble.b5{left:70px; bottom:60px; width:20px; height:20px; background:rgba(0,149,218,.6);}
.lb_blank .inner .bubble.b6{right:-20px; top:-80px; width:80px; height:80px; background:rgba(0,149,218,.1);}
.lb_blank .inner .bubble.b7{left:-30px; bottom:40px; width:120px; height:120px; background:rgba(0,149,218,.2);}
.lb_blank .inner .bubble.b8{left:10px; top:-180px; width:200px; height:200px; background:rgba(0,149,218,.1);}
.lb_blank .inner .bubble.b9{right:-60px; bottom:-40px; width:10px; height:10px; background:rgba(0,149,218,.8);}
.lb_blank .inner .bubble.b10{right:-120px; bottom:100px; width:40px; height:40px; background:rgba(0,149,218,.6);}
.lb_blank .inner .bubble.b11{left:-60px; bottom:140px; width:40px; height:40px; background:rgba(0,149,218,.1);}
.lb_blank .inner .bubble.b12{left:40px; bottom:10px; width:60px; height:60px; background:rgba(0,149,218,.5);}
.lb_blank .inner .bubble.b13{right:10px; bottom:-150px; width:200px; height:200px; background:rgba(0,149,218,.1);}
.lb_blank .inner .bubble.b14{left:-120px; bottom:-80px; width:20px; height:20px; background:rgba(0,149,218,.4);}
.lb_blank .inner .bubble.b15{right:-40px; top:-40px; width:10px; height:10px; background:rgba(0,149,218,.8);}

.lb_blank .inner i
{
-webkit-animation: emo_ico 1s ease 0.8s 1 forwards;
-moz-animation: emo_ico 1s ease 0.8s 1 forwards;
-o-animation: emo_ico 1s ease 0.8s 1 forwards;
animation: emo_ico 1s ease 0.8s 1 forwards;
}
@-webkit-keyframes emo_ico{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes emo_ico{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes emo_ico{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes emo_ico{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}

.lb_blank .inner .blank_tit
{
-webkit-animation: blank_tit 1s ease 1s 1 forwards;
-moz-animation: blank_tit 1s ease 1s 1 forwards;
-o-animation: blank_tit 1s ease 1s 1 forwards;
animation: blank_tit 1s ease 1s 1 forwards;
}
@-webkit-keyframes blank_tit{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes blank_tit{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes blank_tit{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes blank_tit{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}

.lb_blank .inner .blank_info
{
-webkit-animation: blank_info 1s ease 1.2s 1 forwards;
-moz-animation: blank_info 1s ease 1.2s 1 forwards;
-o-animation: blank_info 1s ease 1.2s 1 forwards;
animation: blank_info 1s ease 1.2s 1 forwards;
}
@-webkit-keyframes blank_info{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes blank_info{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes blank_info{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes blank_info{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}


.lb_blank .inner .bubble:nth-child(2n)
{
-webkit-animation: bubble_l 3s ease 0s 1 forwards;
-moz-animation: bubble_l 3s ease 0s 1 forwards;
-o-animation: bubble_l 3s ease 0s 1 forwards;
animation: bubble_l 3s ease 0s 1 forwards;
}
@-webkit-keyframes bubble_l{0%{opacity:0; transform:translateX(-200px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes bubble_l{0%{opacity:0; transform:translateX(-200px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes bubble_l{0%{opacity:0; transform:translateX(-200px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes bubble_l{0%{opacity:0; transform:translateX(-200px);} 100%{opacity:1; transform:translateY(0);}}

.lb_blank .inner .bubble:nth-child(odd)
{
-webkit-animation: bubble_r 3s ease 0.2s 1 forwards;
-moz-animation: bubble_r 3s ease 0.2s 1 forwards;
-o-animation: bubble_r 3s ease 0.2s 1 forwards;
animation: bubble_r 3s ease 0.2s 1 forwards;
}
@-webkit-keyframes bubble_r{0%{opacity:0; transform:translateX(200px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes bubble_r{0%{opacity:0; transform:translateX(200px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes bubble_r{0%{opacity:0; transform:translateX(200px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes bubble_r{0%{opacity:0; transform:translateX(200px);} 100%{opacity:1; transform:translateY(0);}}


/* intro_blank */
.intro_blank{position:absolute; top:0; left:0; bottom:0; right:0; background:#f2f3f7; text-align:center; z-index:1; margin:-15px -25px;}
.intro_blank .inner{position:absolute; top:50%; left:50%; width:500px; height:340px; margin-left:-250px; margin-top:-170px; box-sizing:border-box; padding-top:30px; z-index:9;}
.intro_blank .inner .emblem_m1{display:block; width:88px; height:85px; margin:0 auto 25px; background:url('../images/common/intro_emblem_m1.png') 50% 50% no-repeat; background-size:88px 85px; opacity:0;}
.intro_blank .inner .blank_tit{display:block; font-size:36px; line-height:115%; color:#2ea5dc; font-weight:normal; letter-spacing:-1.2px; margin-bottom:10px; opacity:0;}
.intro_blank .inner .blank_info{text-align:center; color:#707070; font-size:14px; font-weight:normal; letter-spacing:-0.2px; line-height:150%; opacity:0;}

.intro_blank .inner .bubble{position:absolute; border-radius:50%; opacity:0;}
.intro_blank .inner .bubble.b1{left:20px; top:0; width:60px; height:60px; background:rgba(0,149,218,.6);}
.intro_blank .inner .bubble.b2{left:-120px; top:80px; width:20px; height:20px; background:rgba(0,149,218,.2);}
.intro_blank .inner .bubble.b3{right:-60px; top:140px; width:20px; height:20px; background:rgba(0,149,218,.6);}
.intro_blank .inner .bubble.b4{right:-10px; bottom:-20px; width:90px; height:90px; background:rgba(0,149,218,.2);}
.intro_blank .inner .bubble.b5{left:80px; bottom:30px; width:20px; height:20px; background:rgba(0,149,218,.4);}
.intro_blank .inner .bubble.b6{right:-20px; top:-80px; width:80px; height:80px; background:rgba(0,149,218,.1);}
.intro_blank .inner .bubble.b7{left:-110px; bottom:40px; width:126px; height:117px; background:url('../images/common/intro_emblem_a2.png') 50% 50% no-repeat; background-size:126px 117px;}
.intro_blank .inner .bubble.b8{left:10px; top:-180px; width:201px; height:194px; background:url('../images/common/intro_emblem_a1.png') 50% 50% no-repeat; background-size:201px 194px;}
.intro_blank .inner .bubble.b9{right:-60px; bottom:-40px; width:10px; height:10px; background:rgba(0,149,218,.8);}
.intro_blank .inner .bubble.b10{right:-120px; bottom:100px; width:40px; height:40px; background:rgba(0,149,218,.6);}
.intro_blank .inner .bubble.b11{left:-100px; bottom:145px; width:40px; height:40px; background:rgba(0,149,218,.1);}
.intro_blank .inner .bubble.b12{left:40px; bottom:-10px; width:60px; height:60px; background:rgba(0,149,218,.5);}
.intro_blank .inner .bubble.b13{right:10px; bottom:-150px; width:200px; height:200px; background:rgba(0,149,218,.1);}
.intro_blank .inner .bubble.b14{left:-120px; bottom:-80px; width:20px; height:20px; background:rgba(0,149,218,.4);}
.intro_blank .inner .bubble.b15{right:-40px; top:-40px; width:10px; height:10px; background:rgba(0,149,218,.8);}

.intro_blank .inner .emblem_m1
{
-webkit-animation: emo_ico 1s ease 0.8s 1 forwards;
-moz-animation: emo_ico 1s ease 0.8s 1 forwards;
-o-animation: emo_ico 1s ease 0.8s 1 forwards;
animation: emo_ico 1s ease 0.8s 1 forwards;
}
@-webkit-keyframes emo_ico{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes emo_ico{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes emo_ico{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes emo_ico{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}

.intro_blank .inner .blank_tit
{
-webkit-animation: blank_tit 1s ease 1s 1 forwards;
-moz-animation: blank_tit 1s ease 1s 1 forwards;
-o-animation: blank_tit 1s ease 1s 1 forwards;
animation: blank_tit 1s ease 1s 1 forwards;
}
@-webkit-keyframes blank_tit{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes blank_tit{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes blank_tit{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes blank_tit{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}

.intro_blank .inner .blank_info
{
-webkit-animation: blank_info 1s ease 1.2s 1 forwards;
-moz-animation: blank_info 1s ease 1.2s 1 forwards;
-o-animation: blank_info 1s ease 1.2s 1 forwards;
animation: blank_info 1s ease 1.2s 1 forwards;
}
@-webkit-keyframes blank_info{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes blank_info{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes blank_info{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes blank_info{0%{opacity:0; transform:translateY(30px);} 100%{opacity:1; transform:translateY(0);}}


.intro_blank .inner .bubble:nth-child(2n)
{
-webkit-animation: bubble_l 3s ease 0s 1 forwards;
-moz-animation: bubble_l 3s ease 0s 1 forwards;
-o-animation: bubble_l 3s ease 0s 1 forwards;
animation: bubble_l 3s ease 0s 1 forwards;
}
@-webkit-keyframes bubble_l{0%{opacity:0; transform:translateX(-200px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes bubble_l{0%{opacity:0; transform:translateX(-200px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes bubble_l{0%{opacity:0; transform:translateX(-200px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes bubble_l{0%{opacity:0; transform:translateX(-200px);} 100%{opacity:1; transform:translateY(0);}}

.intro_blank .inner .bubble:nth-child(odd)
{
-webkit-animation: bubble_r 3s ease 0.2s 1 forwards;
-moz-animation: bubble_r 3s ease 0.2s 1 forwards;
-o-animation: bubble_r 3s ease 0.2s 1 forwards;
animation: bubble_r 3s ease 0.2s 1 forwards;
}
@-webkit-keyframes bubble_r{0%{opacity:0; transform:translateX(200px);} 100%{opacity:1; transform:translateY(0);}}
@-moz-keyframes bubble_r{0%{opacity:0; transform:translateX(200px);} 100%{opacity:1; transform:translateY(0);}}
@-o-keyframes bubble_r{0%{opacity:0; transform:translateX(200px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes bubble_r{0%{opacity:0; transform:translateX(200px);} 100%{opacity:1; transform:translateY(0);}}


/* screen_loading */
.screen_loading {position:fixed; margin:auto; top:0; left:0; bottom:0; right:0; width:100%; height:100%; overflow:show; z-index:99999}
.screen_loading:before {content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.5);}
.screen_loading .screen_loader_wrap{position:absolute; left:50%; top:50%; width:180px; height:90px; margin-left:-90px; background:url('../images/common/linkbiz_logo.png') 50% 50% no-repeat; background-size:auto 30px; margin-top:-45px}
.screen_loading .loader_circle{border:5px solid #e1e9f2; border-top:5px solid #80C342; border-radius:50%; width:46px; height:46px; animation:spin 1s ease 0.2s infinite; position:absolute; left:48px; top:44px; box-sizing:border-box;}
@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}


/* editor_result */
.editor_result div,
.editor_result p,
.editor_result ol,
.editor_result ul,
.editor_result li,
.editor_result img,
.editor_result a,
.editor_result h1,
.editor_result h2,
.editor_result h3,
.editor_result h4,
.editor_result h5,
.editor_result h6,
.editor_result form,
.editor_result span,
.editor_result iframe,
.editor_result dl,
.editor_result dt,
.editor_result dd{line-height:165%; letter-spacing:-0.5px; color:#505050; font-weight:normal}

.editor_result strong{color:#303030}
.editor_result img{max-width:100%}

.editor_result table,
.editor_result table th,
.editor_result table td{border:1px solid #dadada}