/*** //Reset ***/

*{box-sizing:border-box}

.em_fs1{
    display:none
}




.em_fsizs{
    font-size: 11px;
    line-height: 1.1;
}

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

li {list-style: none;}

blockquote, q {quotes: none;}

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

table {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

a{text-decoration:none;color:inherit; outline: none;}

img {vertical-align: middle;}


/*** Reset// ***/

/*** //font ***/

.color {
	color: #27aae1;
}

.c_red {
	color: #E43D58;
	background-color: transparent;
}

.c_blue {
	color: #10485F;
	background-color: transparent;
}

.t_right{text-align:right;}

.t_left{text-align:left !important;}

/*   .link {
	color: #27aae1;
	text-decoration: underline;
}  */

/*** font// ***/



/** //pw_ex **/


.pw_only_mobile {
	display: none;
}

.log_wrap {
	position: relative;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.log_box {
	position: relative;
	padding: 10px;
	width: 600px;
	min-width: 300px;
	margin: 0 auto;
	box-sizing: border-box;
}

.log_po {
	position: absolute;
	top: 30px;
	right: 10px
}

.log_tit {
	width: 100%;
	color: #666;
	padding: 10px 0;
	font-size: 30px;
	font-weight: bold;
}

.log_tit span {
	color: #fa721e;
}

.log_desc {
	font-size: 13px;
	padding: 15px 0;
	line-height: 1.5;
}

.log_desc span {
	color: #e00815;
}

.log_input {
	padding: 20px 0;
	border: 2px solid #ebebeb;
	text-align: center;
}



.new_pwd div {
	margin-bottom: 10px;
}

.new_pwd .p_tit {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	text-align: right;
	font-size: 13px;
}

.new_pwd .p_input {
	width: 70%;
	display: inline-block;
}

.new_pwd .p_input input {
	width: 100%;
	border-radius: 5px;
}

.new_pwd button {
	background-color: #cc3636;
	border: 1px solid #fff;
	padding: 10px 5px;
	width: 50%;
	color: #fff;
	margin-top: 20px;
	border-radius: 5px;
	font-size: 14px;
	transition: all 1s ease .1s;
}

.new_pwd button:hover {
	border: 1px solid #cc3636;
	background-color: #fff;
	color: #cc3636;
}

.pwd_desc {
	font-size: 12px;
	display: block;
	text-align: left;
	padding-top: 6px;
	color: #e00815;
}

a.pass_btn {
	display: block;
    width: 28px;
    height: 28px;
    margin-bottom: 10px;
    float: right;
    border-radius: 5px;
    background: rgb(253, 127, 127) url(../../../res/images/all/logout_w.png) no-repeat 1px 1px;
    text-indent: -9999px;
    background-size: 25px;
}



/** pw_ex// **/

/*** //Common ***/


.top_btn{
    width: 30px;
    height: 30px;
    background: url(../../../res/images/all/top.png) #565656 no-repeat center center;
    cursor: pointer;
    position: fixed;
    right: 5px;
    bottom: 10px;
    border-radius: 50%;
    border: 1px solid transparent;
    opacity: 0.9;
    transition: all 0.2s;
    font-size: 11px;
    color: #cbcbcb;
    letter-spacing: -1px;
    text-align: center;
    z-index: 999;
}

.top_btn:hover{
	background: url(../../../res/images/all/top_on.png) #f1f1f1 no-repeat center center;
	border:1px solid #565656;
	font-size: 0;
}

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


.t_right_color {
	color: #888;
	font-weight: normal;
	font-size: 12px;
	margin-top: 5px;
}

.align_c {
	text-align: center;
}
.align_c_i {
	text-align: center !important;
}

.align_r {
	text-align: right;
}
.align_r_i {
	text-align: right !important;
}

.align_l {
	text-align: left;
}
.align_l_i {
	text-align: left !important;
}

/**	자동 입력항목 오류 확인용 추가 시작. 20201016 supinan	*/
input.invalidate {
	border: 1px solid #b59c9c !important;
	background-color: #fff1f1 !important;
}
/**	자동 입력항목 오류 확인용 추가 끝. 20201016 supinan	*/

/* main_portlet (sales, status)*/


.portlet{border:1px solid #dcdcdc;border-radius:5px;background:#fff;cursor:pointer;margin-bottom:25px;padding:0px 15px}


/*
.portlet .tit{width:100%;font-weight:700;margin-bottom:10px;color:#666;line-height:23px;padding-bottom:5px}
*/

.portlet .tit {
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    color: #333;
    padding-left: 10px;
    position: relative;
}

.portlet .tit::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 16px;
    background: #3baeda;
    display: block;
    top: 13px;
    left: 0;
}

.portlet .tit span{font-size:12px;color:#999;line-height:19px;padding-left:5px}

/* main_�⑥쥒而� */

.customer_01{margin-top:10px;clear:left;overflow:hidden;text-align:center}

.customer_01>div{display:inline-block;width:32%;text-align:center;background-color:#fff;border-left:1px solid #e1e6eb;border-radius:2px;padding-top:2%;box-sizing:border-box}

.customer_01 .round{width:100px;height:100px;margin:0 auto;border-radius:50%;box-sizing:border-box;line-height:100px}

/* .customer_01 .cus .round{display:block;background-color:#27aae2}

.customer_01 .com .round{display:block;background-color:#72b372}

.customer_01 .coms .round{display:block;background-color:#4b545b} */

.customer_01 .round strong{font-size:30px;color:#fff}

.customer_01>div p{margin-top:5%;padding:10px 0;font-size:15px;border-radius:2px}

/* main_占쎌겫占쎈씜占쎌겱占쎌넺 */

/* .shclear { clear:both; overflow:hidden; margin-top:5px;}

.shclear .shclear_pos { position:relative; margin-top:20px; padding:20px 9px 9px; text-align:center; background-color:#E1E6EB; border-radius:2px;}

.shclear h3 { display:inline-block; position:absolute; left:50%; top:-13px; width:60%; height:26px; margin-left:-30%; font-size:14px; color:#fff; line-height:25px; text-align:center; background-color:#10485F; margin-top: 0;margin-bottom: 0; border-radius:2px;}

.shbox { clear:left; overflow:hidden; padding:8px 0; background-color:#fff; border-radius:5px;}

.shbox .shtxt { float:left; width:33.3333%; text-align:center; border-left:1px solid #cacaca;}

.shbox .shtxt:first-child { border-left:none;}

.shbox .shtxt p { font-size:15px; color:#959595;}

.shbox .shtxt strong { display:block; margin-top:5px; font-size:18px;}

.shbox .shtxt strong.point { color:#27aae1;} */

.shclear {clear: both;overflow: hidden;margin-top: 5px;}
.shclear .shclear_pos {position: relative;margin-top: 20px;padding: 20px 9px 9px;text-align: center;    background-color: #f0f0f0;border-radius: 5px;}
.shclear h3 {
    display: inline-block;
    position: absolute;
    left: 32%;
    top: -13px;
    width: 40%;
    min-width: 220px;
    height: 26px;
    margin-left: -30%;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    padding-left: 10px;
    /* background-color: #464646; */
    background-color: #707777;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 2px;
}

.shclear h3 i {
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
    line-height: 26px;
    vertical-align: top;
}
.shbox { clear:left; overflow:hidden; padding:10px 0; background-color:#fff; border-radius:5px;}
.shbox .shtxt { float:left; width:33%; text-align:center; border-left:1px solid #cacaca;}
.shbox .shtxt:first-child { border-left:none;}
.shbox .shtxt p { font-size:15px; color:#959595; margin: 0 0 5px 0;}
.shbox .shtxt strong { display:block; margin-top:10px; font-size:18px;}
.shbox .shtxt strong.point { color:#cc3636; font-weight: bold;}

span.subtxt { font-size:16px; color:#595959;}




/* input */

input[type=email]::-ms-clear, input[type=number]::-ms-clear, input[type=password]::-ms-clear, input[type=search]::-ms-clear, input[type=tel]::-ms-clear, input[type=text]::-ms-clear{display: none;}

/* input, select, textarea { color: #333; outline: none; } */

input[readonly], textarea[readonly]::-webkit-input-placeholder{cursor: unset; color: #666; }

.readnly_bg {background: rgb(243 243 243) !important;}

/* input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=date]{
	 width:100%; padding:0 5px; font-size:12px; vertical-align:middle; border:1px solid #d9d9d9; background-color:#fff; box-sizing:border-box; border-radius:0; 
	-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; outline:none; border-radius:3px; color:#333; line-height:33px; height:33px;
} */

/* .con_list input[type=email],
.con_list input[type=number],
.con_list input[type=password],
.con_list input[type=search],
.con_list input[type=tel],
.con_list input[type=text],
.con_list input[type=date]{ border:none; } */

/* select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none; 
    background:#fff; 
    height: 33px;
    line-height: 28px;
    display: block;
    padding:5px;
    background: #fff url(../../images/all/select.png) no-repeat right 7px center;
    font-size: 12px;
    cursor: pointer;
    outline:none; 
    width:100%; height:35px; 
    border:1px solid #CBD2D6; border-radius:3px; border-color:#d9d9d9;
    transition:all 0.3s ease
} */

/* textarea {
    width: 100%;
    min-height: 33px;
    padding: 8px 5px;
    font-size: 13px;
    vertical-align: middle;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    font-family: 'Noto Sans', sans-serif;
    outline:none;
    -webkit-appearance: none;
} */

/* input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=date]{height:35px; border:1px solid #CBD2D6; padding:5px; width:100%; transition:all 0.3s ease}
textarea{border:1px solid #CBD2D6; padding:5px; width:100%; transition:all 0.3s ease}

select:focus{border-color:#666 !important; box-shadow:2px 2px 3px rgba(0,0,0,0.1)}
textarea:focus{border-color:#666; box-shadow:2px 2px 3px rgba(0,0,0,0.1)}
input:focus{border-color:#666; box-shadow:2px 2px 3px rgba(0,0,0,0.1)} */

input::-webkit-input-placeholder{color:#a8a8a8;}
textarea::-webkit-input-placeholder{color:#a8a8a8; max-height: auto;}
.container::-webkit-scrollbar { display: none;}

/*占쎌뵥占쎈�쇽㎗�똾寃뺠쳸類ㅻ뮞 占쎈뮞占쏙옙占쎌뵬*/



label.css-label{
	background-image:url(../../images/sales/csscheckbox.svg);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-background-size:16px 416px;
	-moz-background-size:16px 416px;
	background-size:16px 416px
}

input[type=checkbox].css-checkbox{display:none}
input[type=checkbox].css-checkbox+label.css-label{display:inline-block;margin-left:5px;padding-left:20px;vertical-align:middle;cursor:pointer;line-height:16px;background-repeat:no-repeat;background-position:0 0}
/* input[type=checkbox].css-checkbox:checked+label.css-label{background-position:0 -20px}
input[type=checkbox].css-checkbox.ico1+label.css-label{background-position:0 -40px}
input[type=checkbox].css-checkbox.ico1:checked+label.css-label{background-position:0 -60px}
input[type=checkbox].css-checkbox.ico2+label.css-label{background-position:0 -80px}
input[type=checkbox].css-checkbox.ico2:checked+label.css-label{background-position:0 -100px}
input[type=checkbox].css-checkbox.ico3+label.css-label{background-position:0 -120px}
input[type=checkbox].css-checkbox.ico3:checked+label.css-label{background-position:0 -140px}
input[type=checkbox].css-checkbox.ico4+label.css-label{background-position:0 -160px}
input[type=checkbox].css-checkbox.ico4:checked+label.css-label{background-position:0 -180px}
input[type=checkbox].css-checkbox.ico5+label.css-label{background-position:0 -200px}
input[type=checkbox].css-checkbox.ico5:checked+label.css-label{background-position:0 -220px}
input[type=checkbox].css-checkbox.ico6+label.css-label{background-position:0 -240px}
input[type=checkbox].css-checkbox.ico6:checked+label.css-label{background-position:0 -260px}
input[type=checkbox].css-checkbox.ico7+label.css-label{background-position:0 -280px}
input[type=checkbox].css-checkbox.ico7:checked+label.css-label{background-position:0 -300px}
input[type=checkbox].css-checkbox.ico8+label.css-label{background-position:0 -320px}
input[type=checkbox].css-checkbox.ico8:checked+label.css-label{background-position:0 -340px}
input[type=checkbox].css-checkbox.ico9+label.css-label{background-position:0 -360px}
input[type=checkbox].css-checkbox.ico9:checked+label.css-label{background-position:0 -380px}
input[type=checkbox].css-checkbox.ico10+label.css-label{background-position:0 -400px}
input[type=checkbox].css-checkbox.ico10:checked+label.css-label{background-position:0 -420px}
input[type=checkbox].css-checkbox.ico11+label.css-label{background-position:0 -440px}
input[type=checkbox].css-checkbox.ico11:checked+label.css-label{background-position:0 -460px}
input[type=checkbox].css-checkbox.ico12+label.css-label{background-position:0 -440px}
input[type=checkbox].css-checkbox.ico12:checked+label.css-label{background-position:0 -460px}
input[type=checkbox].css-checkbox.ico13+label.css-label{background-position:0 -480px}
input[type=checkbox].css-checkbox.ico13:checked+label.css-label{background-position:0 -500px} */
input[type=checkbox].css-checkbox+label.css-label{background-position:0 0}
input[type=checkbox].css-checkbox:checked+label.css-label{background-position:0 -16px}
input[type=checkbox].css-checkbox.ico1+label.css-label{background-position:0 -32px}
input[type=checkbox].css-checkbox.ico1:checked+label.css-label{background-position:0 -48px}
input[type=checkbox].css-checkbox.ico2+label.css-label{background-position:0 -64px}
input[type=checkbox].css-checkbox.ico2:checked+label.css-label{background-position:0 -80px}
input[type=checkbox].css-checkbox.ico3+label.css-label{background-position:0 -96px}
input[type=checkbox].css-checkbox.ico3:checked+label.css-label{background-position:0 -112px}
input[type=checkbox].css-checkbox.ico4+label.css-label{background-position:0 -128px}
input[type=checkbox].css-checkbox.ico4:checked+label.css-label{background-position:0 -144px}
input[type=checkbox].css-checkbox.ico5+label.css-label{background-position:0 -160px}
input[type=checkbox].css-checkbox.ico5:checked+label.css-label{background-position:0 -176px}
input[type=checkbox].css-checkbox.ico6+label.css-label{background-position:0 -192px}
input[type=checkbox].css-checkbox.ico6:checked+label.css-label{background-position:0 -208px}
input[type=checkbox].css-checkbox.ico7+label.css-label{background-position:0 -224px}
input[type=checkbox].css-checkbox.ico7:checked+label.css-label{background-position:0 -240px}
input[type=checkbox].css-checkbox.ico8+label.css-label{background-position:0 -256px}
input[type=checkbox].css-checkbox.ico8:checked+label.css-label{background-position:0 -272px}
input[type=checkbox].css-checkbox.ico9+label.css-label{background-position:0 -288px}
input[type=checkbox].css-checkbox.ico9:checked+label.css-label{background-position:0 -304px}
input[type=checkbox].css-checkbox.ico10+label.css-label{background-position:0 -320px}
input[type=checkbox].css-checkbox.ico10:checked+label.css-label{background-position:0 -336px}
input[type=checkbox].css-checkbox.ico11+label.css-label{background-position:0 -352px}
input[type=checkbox].css-checkbox.ico11:checked+label.css-label{background-position:0 -368px}
input[type=checkbox].css-checkbox.ico12+label.css-label{background-position:0 -352px}
input[type=checkbox].css-checkbox.ico12:checked+label.css-label{background-position:0 -368px}
input[type=checkbox].css-checkbox.ico13+label.css-label{background-position:0 -384px}
input[type=checkbox].css-checkbox.ico13:checked+label.css-label{background-position:0 -400px}


/*占쎌뵥占쎈�쇽옙�뵬占쎈탵占쎌궎甕곌쑵�뱣 占쎈뮞占쏙옙占쎌뵬*/
/* input[type=radio].css-checkbox{display:none}

input[type=radio].css-checkbox+label.css-label-button{display:inline-block;height:20px;line-height:20px;padding-left:25px;background-repeat:no-repeat;background-position:0 0;font-size:.9em;vertical-align:middle;cursor:pointer}

input[type=radio].css-checkbox:checked+label.css-label-button{background-position:0 -20px} */

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#333;
    margin-left: 5px;
}

input[type="radio"] + label span {
    display:inline-block;
    width:13px;
    height:13px;
    margin:-2px 4px 0 0;
    vertical-align:middle;
    background:url(../../images/all/radio.png) 0px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(../../images/all/radio.png) -15px top no-repeat;
}


/* chackbox */
.checkbox label{line-height:26px;margin-left:5px;cursor:pointer;font-size:13px}

.checkbox{line-height:15px;color:#888}

.check_d{float:right;margin-right:25px;font-size:12px}

.cr{position:relative;top:0;display:inline-block;border:1px solid #a9a9a9;border-radius:.25em;width:1.3em;height:1.3em;float:left}

.cr.t10{top:10px}

.cr_desc{width:30px;position:absolute;left:25px;top:11px}



.sr{position:relative;left:50%;transform:translateX(-50%);display:block;border:1px solid #a9a9a9;border-radius:.25em;width:1.3em;height:1.3em;float:left}

label input[type=checkbox]:checked+.cr>.cr-icon,label input[type=checkbox]:checked+.sr>.sr-icon{-webkit-transform:scale(1) rotateZ(0);-moz-transform:scale(1) rotateZ(0);-o-transform:scale(1) rotateZ(0);-ms-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0);opacity:1}

label input[type=checkbox]+.cr>.cr-icon,label input[type=checkbox]+.sr>.sr-icon{-webkit-transform:scale(3) rotateZ(-20deg);-moz-transform:scale(3) rotateZ(-20deg);-o-transform:scale(3) rotateZ(-20deg);-ms-transform:scale(3) rotateZ(-20deg);transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .1s ease-in}

.cr .cr-icon{position:absolute;font-size:.8em;line-height:0;top:50%;left:20%}

.sr .sr-icon{position:absolute;font-size:.8em;line-height:0;top:50%;left:20%}

label input[type=checkbox]{display:none}label{cursor:pointer}
/*
.radio .ra01,.radio .ra02,.radio .ra03{position:relative;display:inline-block;border:1px solid #a9a9a9;border-radius:50%;width:14px;height:14px;float:left;margin-right:.5em;margin-top: 2px;}

.radio label input[type=radio]:checked+.ra01>.ra01-icon,.radio label input[type=radio]:checked+.ra02>.ra02-icon,.radio label input[type=radio]:checked+.ra03>.ra03-icon{-webkit-transform:scale(1) rotateZ(0);-moz-transform:scale(1) rotateZ(0);-o-transform:scale(1) rotateZ(0);-ms-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0);opacity:1}

.radio label input[type=radio]+.ra01>.ra01-icon,.radio label input[type=radio]+.ra02>.ra02-icon,.radio label input[type=radio]+.ra03>.ra03-icon{-webkit-transform:scale(3) rotateZ(-20deg);-moz-transform:scale(3) rotateZ(-20deg);-o-transform:scale(3) rotateZ(-20deg);-ms-transform:scale(3) rotateZ(-20deg);transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .1s ease-in}

.radio .ra01 .ra01-icon,.radio .ra02 .ra02-icon,.radio .ra03 .ra03-icon{position:absolute;font-size:6px;line-height:0;top:50%;left: 50%;
    transform: translateX(-50%) !important;
}

.radio label input[type=radio]{display:none}

.radio label {
    cursor: pointer;
    float: left;
    color: #a8a8a8;
    font-size: 1.3rem;
    margin: 7px 10px 0 0;
} */


/* list input check_btn */

.tg_btn_area{position:absolute;left:0;top:30%}

.switch{position:relative;display:inline-block;width:50px;height:22px}

.switch input{opacity:0;width:0;height:0}

.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}

.slider:before{position:absolute;content:"";height:15px;width:15px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}

input.tg_btn:checked + .slider{background-color:#2e3f50}

input.tg_btn:focus + .slider{box-shadow:0 0 1px #2e3f50}

input.tg_btn:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}


/* CSS rules are kept repetitive so that you can get CSS rules for each button easily :) */


.button-cover, .knobs, .layer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.switch_button {
    position: relative;
    width: 74px;
    height: 25px;
    border-radius: 50px;
    margin: -5px auto 0 auto;
    overflow: hidden;
}

.button.r, .button.r .layer
{
    border-radius: 100px;
}

.button.b2
{
    border-radius: 2px;
}

.checkbox
{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}


.knobs
{
    z-index: 2;
}

.layer
{
    width: 100%;
    background-color:#f8f8f8;
    transition: 0.3s ease all;
    z-index: 1;
}


/* Button 4 */
.switch_button .knobs:before, .switch_button .knobs:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 25px;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    line-height: 25px;
    /* padding: 4px 1px; */
    background-color: #b2b2b2;
    border-radius: 10px;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}
.switch_button .knobs:before
{
    content: 'NO';
    font-size: 12px;
	padding-top: 1px;
	height: 90%;
}

.switch_button .knobs:after
{
    content: 'YES';
    font-size: 12px;
	padding-top: 1px;
	height: 90%;
}

.switch_button .knobs:after
{
    top: -28px;
    right: 0px;
    left: auto;
    background-color: #e31414;
}

.switch_button .checkbox:checked + .knobs:before
{
    top: -28px;
}

.switch_button .checkbox:checked + .knobs:after
{
    top: 0;
}

.switch_button .checkbox:checked ~ .layer
{
    background-color:  #f8f8f8;
}



/* 占쎈�믭옙�뵠�뇡占� STYLE
**********************************************/

    /* �⑤벏�꽰 */
    col.colwidth {width: 120px;}

	.ta_center{text-align: center;}
	table.wtable, table.htable, table.whtable {border-top: 2px solid #cc3636;font-size:12px;}
caption{position: absolute; margin-top: -99999px; display: none;}


table.poptable{
	border-top: 1px solid #E1E6EB;
}

table.poptable tbody tr th {
    padding: 5px 0;
    text-align:center;
    vertical-align: middle;
    background-color: #f9f9f9;
    border-bottom: 1px solid #E1E6EB;
}

table.poptable tbody tr td {
	position:relative;
    padding: 5px ;
    vertical-align: middle;
    /* text-align: center; */
    word-break: break-all;
    /* line-height: 33px; 캘릭더 전사일정 깨져서 숨김 */
    word-wrap: break-word;
    border-left: 1px solid #E1E6EB;
    border-bottom: 1px solid #E1E6EB;
}


.poptable.day_act tbody tr td{
   text-align: left;
    line-height: 1.5;
    padding: 10px;
}

.poptable.emp_his thead tr th {
    padding: 10px 0;
    text-align:center;
    vertical-align: middle;
    background-color: #fffafa;
    border: 1px solid #E1E6EB;
}
.poptable.emp_his tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}
.poptable.emp_his tbody tr td {
	border-left: none;
	border-bottom: 1px solid #f9f9f9;
	text-align: center;
}

table.poptable tbody tr td.popcal div.jqx-action-button{right: 20px !important;}

table.poptable tbody tr td.popcal div.jqx-action-button div.date_clear {right: 30px !important;}

table.poptable tbody tr td span{line-height: 33px;}

/* 揶쏉옙嚥∽옙 占쎈�믭옙�뵠�뇡占� */

table.wtable.bornone{border-top:none}

table.wtable thead tr th{padding:5px 0;text-align:center;vertical-align:middle;border-left:1px solid #E1E6EB;border-bottom:1px solid #E1E6EB;background-color:#fffafa;color: #666;}

table.wtable thead tr th:first-child{border-left:none}

table.wtable thead tr.rowline th{border-bottom:none}

/* table.wtable thead tr th[rowspan]{border-bottom:1px solid #FBFCFD} */

table.wtable tbody tr th{padding:10px;line-height:18px;vertical-align:middle;border-bottom:1px solid #E1E6EB}

table.wtable tbody tr td{width:-webkit-fill-available;padding:10px;vertical-align:middle;line-height:18px;text-align:center;word-break:break-all;word-wrap:break-word;border-left:1px solid #E1E6EB;border-bottom:1px solid #E1E6EB}

table.wtable tbody tr td:first-child{border-left:none}

table.wtable tbody tr td.t_left{text-align:left!important}

table.wtable tbody tr td.center{text-align:center!important}

table.wtable tbody tr td.t_right{text-align:right}

table.wtable tbody tr td button img{width:15px}

table.wtable tbody tr td input[type=text],
table.wtable tbody tr td input[type=password],
table.wtable tbody tr td input[type=tel],
table.wtable tbody tr td input[type=number],
table.wtable tbody tr td input[type=email]{width:100%}

table.wtable tbody tr td label.css-label{margin-left:0!important;padding-left:16px!important}

table.wtable tbody tr td .percent{position:relative;padding-right:20px}
table.wtable tbody tr td .percent div.jqx-action-button {
    right: 13% !important;
    top: -4px;
}

table.wtable tbody tr td .percent span.poa{position:absolute;right:0;top:50%;margin-top:-9px}

table.wtable tbody tr:nth-child(even) th,
table.wtable tbody tr:nth-child(even) td{background-color:#fbfbfb}

table.wtable thead tr th.opposite,
table.wtable tbody tr td.opposite{border-right:1px solid #999}

table.wtable tfoot tr td.left{text-align:left!important}

table.wtable tfoot tr td.center{text-align:center!important}

table.wtable tfoot tr td.right{text-align:right}

table.wtable tfoot tr td:first-child{border-left:none}

table.wtable tfoot tr td{
    font-weight: 700;
    background-color: #f5f5f5;
    width: -webkit-fill-available;
    padding: 5px;
    vertical-align: middle;
    line-height: 18px;
    word-break: break-all;
    border-left: 1px solid #E1E6EB;
    border-bottom: 1px solid #E1E6EB;
}



table.wtable.none_padding tbody tr th,
table.wtable.none_padding tbody tr td{padding:5px}

table.wtable.tabletextright tbody tr td{text-align:right}

table.wtable.even tbody tr:nth-child(even) td{background-color:#fff}

table.wtable.even tbody tr:nth-of-type(4n+3) td,
table.wtable.even tbody tr:nth-of-type(4n+4) td{background-color:#fbfbfb}


/* 占쎄쉭嚥∽옙 占쎈�믭옙�뵠�뇡占� */
table.htable.bornone{border-top:none}

table.htable.grayborder{border-top:1px solid #E1E6EB}

table.htable tbody tr th{
	padding: 0 10px;
    vertical-align: middle;
    line-height: 18px;
    border-bottom: 1px solid #fbd9d9;
    background-color: #fffafa;
    line-height: 33px;
}


table.htable tbody tr th span{
	color: #e31414;
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub;
}

table.htable tbody tr td {
    padding: 8px 10px;
    vertical-align: middle;
    line-height: 18px;
    word-break: break-all;
    word-wrap: break-word;
    border-bottom: 1px solid #fbd9d9;
    border-left: 1px solid #fbd9d9;
    position: relative;
}

table.htable tbody tr td a{color:#5d5d5d}

table.htable tbody tr td input[type=text],
table.htable tbody tr td input[type=password],
table.htable tbody tr td input[type=tel],
table.htable tbody tr td input[type=number],
table.htable tbody tr td input[type=email],
table.htable tbody tr td select{width:100%}

table.htable tbody tr td p{margin-top:5px}

table.htable tbody tr td p:first-child{margin-top:0}

table.htable tbody tr th.r_line{border-right:1px solid #E1E6EB}

table.htable tbody tr td.left{text-align:left}

table.htable tbody tr td.each{clear:right;overflow:hidden}

table.htable tbody tr td.each .right{float:right}

table.htable tbody tr td.label_space{clear:left;overflow:hidden}

table.htable tbody tr td.label_space span{display:block;float:left;overflow:hidden;width:25%;margin:5px 0}

table.htable tbody tr td.checkbox{text-align:center;border-left:none}

table.htable tbody tr td.left_nl{border-left:none}

table.htable tbody tr td .pos{position:relative}

table.htable tbody tr td .pos.space{padding-right:40px}

table.htable tbody tr td .pos.space2{padding-right:86px}

table.htable tbody tr td .pos.space.twobtn{padding-right:75px}

table.htable tbody tr td .pos .poa{position:absolute;right:0;top:50%;margin-top:-17px;line-height:32px}

table.htable tbody tr td .pos .poa button.ico_email{display:block;padding:6px;font-size:13px;color:#fff;line-height:1;border:1px solid #575757;background-color:#757575;border-radius:2px}

table.htable tbody tr td .pos .poa button.ico_email:hover{border:1px solid #323232;background-color:#575757}

table.htable tbody tr td .pos .ico_set{position:absolute;right:0;top:50%;margin-top:-15px}

table.htable tbody tr td .pos .ico_set a{display:inline-block;width:30px;height:30px;text-align:center;line-height:29px;border:1px solid #ccc;border-radius:4px}

table.htable tbody tr td .pos .ico_set i.ico_one{width:30px;height:30px;text-align:center;line-height:29px;border:1px solid #ccc;border-radius:4px}

table.htable tbody tr td .pos.percent{clear:right;overflow:hidden}

table.htable tbody tr td .pos.percent .percent_input{position:absolute;right:0;top:0;width:40%;padding-right:20px}

table.htable tbody tr td .name_box ul{margin-top:0}

table.htable tbody tr td .name_box ul li:nth-child(1),
table.htable tbody tr td .name_box ul li:nth-child(2),
table.htable tbody tr td .name_box ul li:nth-child(3){margin-top:0}

table.htable tbody tr td pre{overflow-x:hidden;overflow-y:auto;max-height:100px;padding-right:15px;word-break:break-all;word-wrap:break-word}

table.htable.tablefixed{table-layout:fixed}

table.htable.tablefixed td{width:100%}

.thead_wrap{position:relative;padding-top:37px;width:100%;height:232px;overflow:hidden}

.thead_wrap .thead_fix{width:100%;height:195px;overflow-y:scroll}

.thead_wrap .thead_fix table{width:100%}

.thead_wrap .thead_fix table thead{width:100%}

.thead_wrap .thead_fix table thead tr{position:absolute;top:0;display:block;width:100%}

.thead_wrap .thead_fix table thead tr th{display:inline-block;border-left:0}

.thead_wrap .thead_fix table tbody{display:block;width:100%;height:200px}

.thead_wrap .thead_fix table tbody tr{display:block;width:100%;height:auto}

.thead_wrap .thead_fix table tbody tr td{display:inline-block;float:left}



/* TABLE */
/*.tbl_basic {
	max-width: 100%; width: 100%; margin: 0 0 20px;font-size: 13px;
}

.tbl_basic th,.tbl_basic td {
	padding:5px; vertical-align: middle; line-height: 1.5; color: #5b5b5b;
}

.tbl_basic th {
	background-color: #FBFCFD; border: 1px solid #E1E6EB; min-width: 80px; white-space: nowrap;
}

.tbl_basic.exc_td th:first-child {
	width: auto;
}

.tbl_basic.tbl_info th:first-child {
	width: 200px;
}

.tbl_basic td {
	background-color: #ffffff; border: 1px solid #E1E6EB;
}

.tbl_basic td.td_center {
	text-align: center;
}

.tbl_basic .md-errors-spacer {
	display: none;
}

.tbl_basic md-select {
	padding: 0 2px; margin: 0;
}

.required {
	color: #f00; margin-left: 2px;
}

.tbl_basic.td_center td {
	text-align: center;
}

.tbl_basic.th_even th,.tbl_basic.th_even th:first-child {
	width: auto;
}*/

.tbl_basic {
	max-width: 100%; width: 100%; margin: 0 0 20px;
}


.tbl_basic th, .tbl_basic td {
	padding:5px; vertical-align: middle; line-height: 1.5; color: #5b5b5b;
}

.tbl_basic th {
	background-color: #FBFCFD; border: 1px solid #E1E6EB; min-width: 80px; white-space: nowrap;
}


.tbl_basic.exc_td th:first-child {
	width: auto;
}

.tbl_basic.tbl_info th:first-child {
	width: 200px;
}

.tbl_basic td {
	background-color: #ffffff; border: 1px solid #E1E6EB;
}

.tbl_basic td.td_center {
	text-align: center;
}

.tbl_basic .md-errors-spacer {
	display: none;
}

.tbl_basic md-select {
	padding: 0 2px; margin: 0;
}

.required {
	color: #f00; margin-left: 2px;
}

.tbl_basic.td_center td {
	text-align: center;
}

.tbl_basic.th_even th,.tbl_basic.th_even th:first-child {
	width: auto;
}

.tbl_basic th:first-child {width:auto;}

.tbl_basic th {min-width:auto;}


/** left_column + right_column common **/

    /* 野껓옙占쎄퉳占쎄땀占쎌뒠 占쎈씨占쎌벉 */

    .nav_no_graph {
	    font-size: 12px;
	    padding: 10px 0;
	    color: #aaa;
	    vertical-align: middle;
	    display:none;
        line-height: 120px;
	}

    .nav_no_graph i {
	    display: inline-block;
	    height: 30px;
	    background: url(../../images/all/ico_nav.png) no-repeat;
	    background-size: 20px;
	    padding-left: 20px;
	    line-height: 30px;
	    position:absolute; left:50%; transform:translateX(-50%);
	}

    /* 占쎈뮞占쎄쾿嚥∽옙 占쎈읂占쎌뵠筌욑옙 */
    .scroll_page{width:100%;text-align:center;line-height:30px;color:#4499bd;font-weight:700}

    .scroll_page .nowpg{display:inline-block;width:16px;text-align:right}

    .spcenter{display:inline-block;width:10px;text-align:center}

    .scroll_page .allpg{display:inline-block;width:16px;text-align:left}

    /* column list*/


    .detail li{padding:1px;/*border-bottom:1px dashed #ddd;*/color:#888;word-break:break-all;position:relative}

    .detail.bb_dash li{padding:1px; border-bottom:1px dashed #ddd;color:#888;word-break:break-all;position:relative;font-size: 12px;padding: 8px 4px 8px 0;}

    .detail li div.title{position:relative;padding-right:25px}

    div.filearea{font-size:12px;}

	.prepend{position:relative;padding-right:25px}

    .detail li .title strong{display:block;font-size:12px;  }

    .detail li .title strong.filename{
   	    padding: 0px 4px 0px 80px;
    }

    .detail li .title select.filetype{
        width: 72px;
        height:auto;
       	line-height: unset;
	    border: 1px solid #dcdcdc;
	    background-position-x: 55px;
	    padding: 0 5px;
    }

	strong.app_h{display:block;font-size:13px;    padding: 8px 4px 8px 0; }

    .detail li .title strong span{margin-left: 5px; font-size:12px;color:#999; }
	span.li_date{margin-left: 5px; font-size:12px;color:#999; }

    .detail li p{margin-bottom:5px;line-height:18px;font-size:13px;color:#888}



/** left_column **/

	.left_column .colum_desc{padding-bottom: 10px;text-align: right;}

	.left_column .colum_desc span{font-weight: bold;color: #e31414;}

    /** left_column mobile btn **/
    .left_column .s_arrow{position:absolute;width:50px;height:21px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #d9d9d9;border-top:1px solid #fff;text-align:center;line-height:20px;cursor:pointer;color:#d9d9d9;box-sizing:border-box;margin-top:0;display:none}

    .left_column .s_arrow i{line-height:20px}

    .left_column .s_arrow i.btn_up{display:none}

    /** main left_column **/
    /* .left_column {
        background: #fff;
	    width: 270px;
	    height: calc(100% - 200px);
        min-height: 500px;
	    padding: 20px 20px 0;
	    box-sizing: border-box;
	    position: fixed;
	    top: 85px;
	    left: 0;
	    border-right: 1px solid rgba(0,0,0,0.1);
	    z-index: 9;
	    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	} */

	.left_column {
        background: #fff;
	    width: 240px;
	    /* height: calc(100% - 200px); */
        min-height: 500px;
	    padding: 20px 13px 0;
	    box-sizing: border-box;
	    position: relative;
	    top: 0px;
	    /* left: 0; */
	    border-right: 1px solid rgba(0,0,0,0.1);
	    z-index: 9;
	    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	    flex-shrink:0;
	}

	.left_column .lc_stit {
	    line-height: 25px;
	    position: relative;
	    margin-bottom: 5px;
	    color: #fff;
	    padding: 10px;
	    background: #cc3636;
	}

	.left_column .lc_stit .l_plus label{
		color:#fff !important;
		    right: 10px;
	}

	.left_column.pdnone{
	    padding: 0 !important;
	}

    .left_column .search_box{margin-bottom: 10px;padding-bottom: 5px;}

    .left_column .ip_box{width: 100%;height: 33px;float: left; display: block; margin-bottom: 10px; position: relative;}


    .cal{position:relative;width:47%;float:left}

    .cal input{cursor:pointer}

    .cal select{padding: 0 18px 0 5px;}

    .cal:last-child{float:right}



    .cal_sp{width:6%;display:inline-block;text-align:center;line-height:33px}

    .left_column .search_box .ip_box .icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#e31414;cursor:pointer}
    

    .left_column .ip_box select{/* background:#fff url(../../images/all/select.png) no-repeat right 6px center; */width:100%; border-radius: 3px;}



    .left_column .ip_box select.cc35p{width:calc(100% - 35px);float:left}

    /* .left_column .search_slide .s_box {
 	 	 padding: 30px 0;
	} */

	.left_column .search_slide .s_box:first-child {
 	 	 padding-top: 0;
	}

	.left_column .search_slide .s_box .detail {
		padding:0 10px;
	}

    .left_column .search_slide .s_box .detail li{
		padding: 7px 10px;
	    border-bottom: 1px dashed #ddd;
	    color: #888;
	    word-break: break-all;
	    position: relative;
	    min-height: 30px;
	    line-height: 20px;
    }

    .left_column .search_slide .s_box .detail li:last-child{
    	border-bottom:0;
    }

    .left_column .search_slide .s_box .left_btnarea button{
    	float:left;
    	margin-right: 1%;
    }

    .title_no_result{ text-align:center; border-bottom:none !important; }

    /** sub scroll_left_column **/
    .left_column .scroll_s{overflow-y:scroll;height:95%;-ms-overflow-style:none}

    .left_column .scroll_s::-webkit-scrollbar{display:none}

    .left_column .left_column .scroll_s::-ms-scrollbar{display:none}

    .left_column .scroll_s::-moz-placeholder{display:none}

    .left_column .search_slide .s_box .checkbox_r{line-height: 25px;}

    .left_column .search_slide .s_box .checkbox_r span{margin-top: 4px;}

	/* .left_column .left_cline {
	    background: url(../../images/all/left_cline.png) repeat-x;
        background-size: 10px;
	    width: 80%;
	    height: 9px;
	    margin: 0 auto;
	} */

/** right_column **/

    /** right_column mobile btn **/

    /* .right_column_toggle{
    width:20px;height:50px;position:absolute;top:50%;left:-23px;transform:translateY(-50%);display:none
    } */

	.right_column_toggle {
	    width: 20px;
	    height: 50px;
	    position: absolute;
	    top: 36%;
	    left: -23px;
	    transform: translateY(-50%);
	    display: none;
	}
    .right_column_toggle .right_column_toggle_btn{
    /* position:absolute;
    top:50%;
    left:-2px;
    transform:translateY(-50%); */
    color:#fff;width:25px;height:50px;background-color:#2e3f50;border:1px solid transparent;border-right:none;border-top-left-radius:110px;border-bottom-left-radius:110px;box-shadow:-2px 1px 4px rgba(0,0,0,0.1);cursor:pointer}
.right_column
    .right_column_toggle .right_column_toggle_btn.act{background-color:#fff;border:1px solid #fff;border-right:none;color:#2e3f50}

    .right_column_toggle i{line-height:50px;font-size:12px;margin-left:10px}

    .right_column_toggle i.fa-chevron-right{display:none;}

	.side_arright {display:none;}

.right_column {
	width: 200px;
    /* height: calc(100vh - 30px); */
    background: #fff;
    /* padding: 0px 20px; */
    box-sizing: border-box;
    position: absolute;
    top: 85px;
    right: -208px;
    z-index: 199;
    border-left: 1px solid rgba(0,0,0,0.1);
    -webkit-transition: .2s;
    transition: .2s;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
}


.right_column .rc_stit {
    line-height: 25px;
    position: relative;
    /* margin-bottom: 5px; */
    color: #fff;
    padding:10px;
    background: #cc3636;
}

.right_column .rc_stit i{
	margin-right:5px;
}

.right_column .aside_desc{
    padding: 10px;
    height: auto;
    /* max-height: 250px; */
    max-height: 200px;
    min-height: 180px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}


.aside_desc::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;
	background-color: #F5F5F5;
}

.aside_desc::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.aside_desc::-webkit-scrollbar-thumb
{
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ff8d8d;
}


.scroll-bar::-webkit-scrollbar
{
	width: 5px;
	background-color: #fff;
   border-radius: 5px;
}

.scroll-bar::-webkit-scrollbar-track
{
    /* -webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,.3); */
    background-color: transparent;
}

.scroll-bar::-webkit-scrollbar-thumb
{
	background-color: #76bbd9;
   border-radius: 5px;
}






.right_column .a_section .aside_desc .slide_list li {
    padding-left: 15px;
    display: block;
    position: relative;
    font-size: 13px;
    padding: 4px 2px 4px 15px;
    /* border-bottom: 1px dashed #ddd; */
    color: #999;
    word-break: break-all;
    line-height: 1.5;
    letter-spacing: -.5px;
    cursor: pointer;
        min-height: 27px;
}

.right_column .a_section .aside_desc .slide_list li:hover p.li_stit{
	color: #f36e29 !important;
}


/* .right_column .a_section .aside_desc .slide_list li:before {
    content: '';
    clear: both;
    display: inline-block;
    width: 5px; height: 5px;
    line-height: 29px;
    background: #fff;
    border: 1px solid #e31414;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: "Font Awesome 5 Free";
}  */

.right_column .a_section .aside_desc .slide_list li:before {
    content: '';
    clear: both;
    display: inline-block;
    vertical-align: baseline;
    background:#fff url(../../images/all/side_con.png) no-repeat;
    width: 5px; height: 5px;
    border: 1px solid #e31414;
    border-radius: 50%;
    background-position: 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.right_column .a_section .aside_desc .slide_list li.company_licon::before {
    background-position: 0 -43px !important;
	width:9px; height:11px; border: 0;    border-radius: 0;
}

.right_column .a_section .aside_desc .slide_list li.contact_licon::before {
    background-position: -16px -43px !important;
	width:9px; height:11px; border: 0; border-radius: unset;
}

.right_column .a_section .aside_desc .slide_list li.prospect_licon::before {
    background-position: -31px -43px !important;
	width:11px; height:10px; border: 0; border-radius: unset;
}

.right_column .a_section .aside_desc .slide_list li.list_licon::before {
    background-position: -47px -43px !important;
	width:11px; height:11px; border: 0; border-radius: unset;
}

.right_column .a_section .aside_desc .slide_list li.r_file::before {
    background-position: -65px -43px !important;
	width:11px; height:11px; border: 0; border-radius: unset;
}


.right_column .a_section .aside_desc .slide_list li.r_edit::before {
    background-position: -79px -43px !important;
	width:11px; height:11px; border: 0; border-radius: unset;
}

.right_column .a_section .aside_desc .slide_list li.r_list::before {
    background-position: -95px -43px !important;
	width:11px; height:11px; border: 0; border-radius: unset;
}


.right_column .a_section .aside_desc .slide_list li p.li_stit{
	color:#333;
	font-size:13px;
	width: 158px;
	overflow: hidden;
	/* text-overflow: ellipsis;
	white-space: nowrap; */
    white-space: break-spaces;
	padding-left:4px;
}
.right_column .a_section .aside_desc .slide_list li p{
	font-size:12px;
}
.right_column .a_section .aside_desc .slide_list li p.li_scon{
	width: 158px;
	overflow: hidden;
	/* text-overflow: ellipsis;
	white-space: nowrap; */
	white-space: break-spaces;
	padding-left:4px;
}










.right_column.act{right:0}

.scroll{overflow-y:scroll;height:87%;-ms-overflow-style:none}

.scroll::-webkit-scrollbar{display:none}

/* .right_column .a_section{margin-bottom:20px} */

.right_column .a_section .stit i.aside_st{width:13px;height:13px;display:inline-block;border-radius:2px;background-color:#4499bd;vertical-align:middle}


/** container_main_style **/

.stit{height:33px;line-height:33px;position:relative;margin-bottom:5px;font-weight:800;color:#333}


/* 2024.05.09 영업기회 */
.toggle_wrap{display:flex; justify-content:space-between; align-items:center}
.toggle_wrap>div:first-child{width:55%}
.toggle_con{display:flex; justify-content:flex-end; gap:20px; align-items:center; width:45%}
.stit .toggle_con .main_tbtn_area{position:relative; top:auto;}
.selt_chk{display:flex; gap:5px; align-items:center}
.selt_chk span{display:inline-block; font-size:12px; vertical-align:top}
.selt_chk input{display:none}
.selt_chk label{position:relative; background:#999; display:inline-block; width:25px; height:16px; border-radius:8px; margin:0; cursor:pointer}
.selt_chk label:before{content:''; display:block; position:absolute; top:2px; transform:translateX(2px); background:#fff; width:12px; height:12px; border-radius:50%; box-sizing:border-box; transition:all 0.2s ease}
.selt_chk input:checked + label{background:#fc5860}
.selt_chk input:checked + label:before{display:block; transform:translateX(11px)}

.svg_help{vertical-align:middle}


.stit span {
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

/* .stit span em{color:#f56064} */

.stit .main_tbtn_area {
    position: absolute;
    top: -3px;
    right: 0;
    cursor: pointer;
}

.stit .main_tbtn_area i {font-size:23px;    color: #666;}

.input_select{
	display: inline-block;
    padding: 0 !important;
    /* width: 25px; */
    height: 25px;
    margin: 0;
    float: right;
    text-align: center;
    /* vertical-align: middle; */
    background-color: transparent;
    color: #cc3636;
    border: 1px solid #d7d7d7;
}


.more_btn{
	display: inline-block;
    padding: 0 !important;
    width: 25px;
    height: 24px;
    margin: 0;
    float: right;
    text-align: center;
    /* vertical-align: middle; */
    background-color: transparent;
    color: #333;
    border: 1px solid #dcdcdc
}

/** container_sub_style **/

.t_line{border-bottom: 1px solid #e3e3e3;}

.stit .sub_tbtn_area {position: absolute; right: 0; top: 50%;transform: translateY(-55%);  display: block; float: right; box-sizing: border-box; /* padding-right: 36px; */z-index: 9;float:right}

/* .stit .sub_tbtn_area i{font-size:23px;} */

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

/** contents  **/

/*
.contents {
    width: calc(100% - 280px);
    right: 270px;
    left: 270px;
    height: 100%;
    min-height: calc(100vh - 200px);
    padding: 20px 20px;
    box-sizing: border-box;
    margin-left: 280px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
 */


.contents {
    height: 100%;
    min-height: calc(100vh - 200px);
    padding: 20px 20px;
    box-sizing: border-box;
    margin-left: 0;
    background: #fff;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); */
}

.sdow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}


/* con_list 占쎌젟占쎌졊 */

.con_list .detailBox{height:auto;box-sizing:border-box;clear:both;width:100%;/* display:table */}

.con_list .detailBox .box{box-sizing:border-box;width:49%;min-height:35px;vertical-align:top;display:inline-block;position:relative;/* padding:5px 0 */ /* padding-bottom: 5px; */}

.con_list .detailBox .box .con{position:relative;width:100%;background:#fff;border-radius:5px;box-sizing:border-box;cursor:pointer;height: 100%;/*overflow: hidden;*/}

.con_list .detailBox .box .title {
    text-align: center;
    width: 30%;
    min-height: 40px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -.5px;
    color: #333;
    padding-top: 9px;
    padding-right: 1%;
    word-break: break-all;
    display: inline-block;
}

.con_list .detailBox .box .title.scont {
    text-align: center;
    width: 30%;
    min-height: 40px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -.5px;
    color: #666;
    padding-top: 9px;
    padding-right: 1%;
    word-break: break-all;
    display: inline-block;
}

.con_list .detailBox .box .content {
    width: 66%;
    min-height: 40px;
    vertical-align: top;
    /* border-bottom: 1px solid #dbdfe3; */
    display: inline-block;
    /* padding-bottom: 5px; */
    position: relative;
    box-sizing: border-box;
    font-size: 12px;
    padding-top:4px;
}

.con_list .detailBox .box .content button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* .con_list .detailBox .box .content input{border:none} */


.con_list .detailBox .box .content select{width:100%;}

.con_list .detailBox .box .content label.checkb{
	cursor: pointer;
    float: left;
    color: #a8a8a8;
    font-size: 1.3rem;
    margin: 10px 0 7px;
}



.con_list .detailBox.scon{height:auto;border:1px solid #dcdcdc;background:#fff;border-radius:5px;padding:10px;box-sizing:border-box;clear:both;width:100%;display:table}

.con_list .detailBox.scon .box{width:100% !important;}


.con_list .detailBox.br_wfull{height:auto;border:1px solid #dcdcdc;background:#fff;border-radius:5px;padding:10px;box-sizing:border-box;clear:both;width:100%;display:table}




.con_list .detailBox.l_100p .boxDiv .box .title {
    max-width: 96.86px;
}

.con_list .detailBox.l_100p .boxDiv .box .content {
    max-width: 540px;
    width: 100%;
}

/* .con_list .detailBox.adminL_100p .boxDiv .box .title {
    max-width: 98.47px;
}

.con_list .detailBox.adminL_100p .boxDiv .box .content {
    max-width: 540px;
    width: 100%;
} */


.contents h4.title{display:block;height:38px;color:#333;font-weight:800;line-height:38px;position:relative; }

.s_con h4.title{display:block;height:38px;color:#333;font-weight:800;line-height:38px;position:relative; }

.contents h4.re_title{display:block;height:28px;color:#333;font-weight:800;line-height:28px;position:relative; }

    /* 占쎌젔占쎌뿺 占쎄쉰占쎈�� act */
    /* .title_bd{border-bottom:1px solid #dcdcdc;margin-bottom:15px;height:45px!important} */

    .stitle_bd{border-bottom:1px solid #dcdcdc;height:30px!important;margin-bottom:5px;}




/* column 甕곌쑵�뱣 占쎌겫占쎈열 */

input.cc45p {width: calc(100% - 45px);}



button {border: 0 none; padding: 0; margin: 0; font-size: 13px; vertical-align: middle; cursor: pointer; outline: none;  }

/* .button{height:33px;vertical-align:middle;line-height:32px;text-align:center;border-radius:2px;font-size:12px;border:1px solid #e1e6eb;color:#717171;outline:none;background:#fff;} */
.button {
    height: 33px;
    vertical-align: middle;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    border: 1px solid #414141;
    color: #fff;
    outline: none;
    background: #414141;
}

.button.default{
    height:33px;
    vertical-align:middle;
    line-height:32px;
    text-align:center;
    border-radius:2px;
    font-size:12px;
    border:1px solid #e1e6eb;
    color:#717171;
    outline:none;
    background:#fff;
}

.button.m010_search{width:100%;}

/* .button.search,.button.add {color:#27aae1} */

.button.range{float:right;width:33px}

.button.add_s{float:right;color:#27a7df;font-size:1.3rem;margin:0;padding:0;width:43px}

.button.report{height:auto;line-height:12px;text-align:center;border-radius:2px;font-size:12px;border:1px solid #e1e6eb;padding: 5px 0; color:#717171;outline:none;background:#fff;}

.l_plus label {width:15px;height:15px;line-height:10px;font-size:1rem;border:none;color:#e31414;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

.l_plus input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }


.l_close{width:15px;height:15px;line-height:10px;font-size:1rem;border:none;color:#e31414;position:absolute;right:0;top:50%; background: transparent;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0}



.button.i_excel{width:40px;background:url(../../images/all/icons_btn_excel.png) no-repeat center 50%/20px auto}

.button.i_rembr{width:40px;background:url(../../images/all/icons_btn_remember.png) no-repeat center 50%/20px auto}

.button.i_gcontact_api{padding:0 10px 0 30px;background:url(../../images/all/icons_btn_google.png) no-repeat 6px 50%/20px auto}

.button.i_mscontact_api{padding:0 10px 0 30px;background:url(../../images/all/icons_btn_outlook.png) no-repeat 6px 50%/20px auto}

.button.i_refresh {
	width: 24px !important;
	min-width: 24px !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
	margin-left: -6px !important;
	border-left: 0px;
	background: #FBFCFD url("../../images/all/refresh.png") no-repeat 0px 50%/16px auto;
}

.button.ch_close{position:absolute;right:15px;height:auto;line-height:0;border:none;font-size:15px;background:transparent}

.button.op_close {
    position: absolute;
    right: 10px;
    top: 50%;
    min-width: inherit;
    height: 23px;
    margin-top: -12px;
    color: rgb(93, 93, 93);
    line-height: 21px;
    background-color: rgb(255, 255, 255);
    padding: 0px 6px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(153, 153, 153);
    border-image: initial;
    border-radius: 2px;
}

.button.button_r1{
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}

/* 甕곌쑵�뱣 �⑤벏�꽰 */


.pst_none{position: unset !important;}

.de_link {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    font-size: 10px;
    background: #fff;
    border: 1px solid #656565;
    color: #656565;
    position: absolute;
    right: 45px;
}


.de_close{width:30px;height:30px;line-height:30px;font-size:20px !important;border-radius:2px;background:#fff;border:none;color:#cc3636;position:absolute;right:20px; }

.de_close .btn_prospect{width:20px;height:20px;line-height:20px;border-radius:2px;font-size:1rem;background:#fff;border:1px solid #ee7171;color:#ee7171;position:absolute;right:20px}

.de_close.info_cbtn {
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 18px;
    font-size: 15px !important;
}

.flip_btn_area{
	    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: auto;
}

.flip_btn_area button{
    background: transparent;
    color: #e31414;
      width: 30px;
      font-size:20px;
}

.flip_btn.popshow i{
    color: #333;
}

.sub_mbtn_area{display:block;width:100%;min-width: 260px;box-sizing:border-box;padding-top:10px; }

.sub_mbtn_area .mbtn_right{float:right;}


    /* 占쎄쉰占쎈�←뵳�딅뮞占쎈뱜 �룯�뜃由겼첎占� */
    .contents .s_con .flip_btn_area i.fa-chevron-up{display:none;}
    .contents .s_con .detail{display: none;margin-top:10px;}


/* container 甕곌쑵�뱣 占쎌겫占쎈열 */

.sbutton{height:24px;line-height:2px;padding:0 10px;text-align:center;border-radius:2px;font-size:12px;background:#fff;border:1px solid #dcdcdc;color:#333;vertical-align:top;outline:none}


.sbutton.only_mobile.selb {
    height: 30px;
    line-height: 2px;
    padding: 5px 15px;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    background: transparent;
    border: none;
    color: #333;
    vertical-align: top;
    outline: none;
}

.rightbtn_area.only_mobile::before {
    position: absolute;
    content: "";
    top: -12px;
    right: 5px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #f36e29;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.mainbtn{
    padding: 3px 10px 3px 25px;
    position: relative;
    box-sizing: border-box;
    color: #fff;
    background: #cc3636;
    border-radius: 2px;
}


.mainbtn i {
    font-size: 1rem;
    position: absolute;
    top: 50%;  left: 8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
}
.sbutton.map_btn{padding:0 15px;position:relative}

.sbutton.map_btn img{width:15px;margin-right:4px}

.sbutton.map_btn .mapcon{margin-right:4px;color:#ff821f}

.sbutton.contact_pop_btn{width:100%;padding:0 25px 0 15px;position:relative}

.sbutton.btn_plus{padding:0 25px 0 15px;position:relative; box-sizing: border-box;}

.sbutton.sec_plus{padding:0 25px 0 15px;position:absolute;right:20px;top:7px}

.sbutton.flip_btn{float:left}

.sbutton.flip_plus{padding:0 25px 0 15px;position:relative;margin-right:5px;display:none;float: left;}

.sbutton.flip_save{padding:5px 15px;position:relative;margin-right:5px;display:none;float: left;}

.sbutton.right_plus{padding:0 25px 0 15px;position:relative;top: 3px;}

.sbutton .b_plus{font-size:1.1rem;color:#e31414;position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0}

.sbutton .c_pop{font-size:1.1rem;color:#888;position:absolute;right:8px;top:52%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0}


/** contents main  **/

.con_list .detailBox .box.main_li{border:1px solid #dcdcdc;border-radius:3px;background:#fff;margin-bottom:10px;cursor:pointer;width:100%;}

.con_list .detailBox .box.main_li .mainli-btn{
	background:#e31414;
}


.con_list .detailBox .box.my_info{border:1px solid #dcdcdc;border-radius:3px;background:#fff;cursor:pointer;margin-bottom:5px; line-height: 33px;}

.con_list .detailBox .box.my_info .pd_30{
    padding-left: 30px;
    position: relative;
    /* font-family: 'Noto Sans', sans-serif; font-size: 13px; */
}

.con_list .detailBox .box.my_info .pd_30 .right{
    margin-right: 40px
}

.con_list .detailBox .box.my_info:nth-child(even){
    float: right;
}

.con_list .detailBox .box.main_li .pd_30{
    padding-left: 30px;
    position: relative;
    /* font-family: 'Noto Sans', sans-serif; font-size: 13px; */
}


.con_list .detailBox .box.main_li .pd_30 .left .li_bell{
    display:inline-block;width:100%;line-height:24px;height:15px;background-repeat:no-repeat;
}

.li_bell::before{
	content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/form_icon.svg) no-repeat;
    background-position: -323px 0;
    width: 16px;
    height: 16px;
    margin-right:5px;
}

.con_list .detailBox .box.main_li .pd_30 .right{
    margin-right: 40px
}


/** popup **/

.searchd_empty_data {
    height: 40px;
    text-align: center;
    color: #ababab;
    font-size: 16px;
    padding-top: 58px;
}
/* Scroll overflow */
.pop_t .overflow{overflow-x:hidden;overflow-y:scroll}
.pop_t .overflow::-webkit-scrollbar{width:16px}
.pop_t .overflow::-webkit-scrollbar-thumb{background-color:#fff}
.pop_t .overflow{scrollbar-base-color:#fff;scrollbar-base-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-highlight-color:#fff;scrollbar-track-color:#fff;scrollbar-arrow-color:#fff;scrollbar-shadow-color:#fff;scrollbar-dark-shadow-color:#fff}

.pop_con .pop_t{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:250px;width:70%;max-width:500px;height:auto;min-height:300px;font-size:13px;background:#fff;padding:0 10px;box-sizing:border-box;border-radius:5px;z-index:9999}

.btn{height: 30px;line-height: 30px;}
.pop_t .button { width: 100px; float: right;margin: 10px 0;}

.pop_top_line .button { width: 100px; float: right;margin-top: 10px;}

.mp_tit{font-weight:700;border-bottom:1px solid #ccc;line-height:3;position:relative;font-size:15px;color:#333;width:100%;height:45px}

.mp_tit p{float:left}

.mp_tit .modal_close{float:right;height:45px;background:0 0}

.mp_tit .modal_close img{width:15px;height:15px}

.pop_con{padding:10px}

.psearch_box .pop_s_inline span.s_listbox{
	display: inline-block;
    width: 15%;
}




 .jqx-fill-state-normal{
       background: transparent !important;
}
.pop_con .content p span.date{font-weight: lighter; color: #888; font-size: 12px; margin-left: 5px}

.pop_con .content p span.sum{color: #ee7171; margin-left: 5px}

/** popup 占쎄튃筌롫뗀�뤀 占쎈꽰占쎈�野껓옙占쎄퉳 **/



/* .popup select{
	    border: 1px solid #e1e6eb !important;
} */

.psearch_box{position: relative;}

.psearch_box.pr55p{padding-right: 55px;}

.po_btn{position: absolute;top: 0; right: 0;}

.po_btn .button{width: 50px;}

.in_scroll_wrap{overflow-x:hidden;overflow-y:auto;height:365px;border-bottom:1px solid #e1e6eb;border-top:1px solid #e1e6eb;padding:10px 0;-ms-overflow-style:scrollbar}

.searchd_title {
    width: 100%;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
    background: #fbfbfb;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;;
}

.searchd_title::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 16px;
    background: #cc3636;
    display: block;
    top: 7px;
    left: 5px;
}

ul.list>li{margin-bottom:5px}

ul.list>li>a{display:block;padding:10px;width:100%;color:#888;border:1px solid #e1e6eb;background-color:#fff;border-radius:2px;cursor:pointer;}

ul.list>li>a.pop_pl60 .area{
	position: relative;
    padding: 13px 42px 13px 67px;
}

ul.list>li>a.pop_pl60 .area b {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 54px;
    height: 20px;
    margin-top: -10px;
    font-size: 11.5px;
    color: #6b6b6b;
    text-align: center;
}

ul.list>li>a.pop_pl60 .area b span {
    font-size: 20px; font-weight: bold;
}

ul.list>li>a.pop_pl60 .area button.toggle_btn {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    background: transparent;
}


ul.list>li> .toggle {
    position: relative;
    padding: 10px 25px;
    /* border-top: 1px dashed #dedede; */
    background-color: #FBFCFD;
}

ul.list>li> .toggle .overflow_y {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 145px;
}

ul.list>li> .toggle .overflow_y a {
	display: block;
	padding: 5px 0;
	color: #5d5d5d;
}

ul.list>li> .toggle .overflow_y a i {
	margin-top: 0;
}


ul.list>li>a p.title{color:#666;font-weight:700;position: relative;/* margin-bottom: 7px; */}

 ul.list>li>a p.title .float_right{
    position: absolute;
    right: 0;
    top: 1px;
}

.modal_grid{margin-top:10px; border:1px solid #d0d0d0}

ul.list>li>a .pop_desc{margin-top:5px}

ul.list>li.tline_chk a{
	    padding-left: 60px;
    position: relative;
}

ul.list>li.tline_chk a span.tline_chk{
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.pop_desc span{
	margin-right: 10PX;
	display: block;
	float: left;
}

.pop_desc span.list_mail::before{
	content: "\f0e0";
	display: inline-block;
	clear: both;
	font-size:14px;
	font-family:"Font Awesome 5 Free";
}

.pop_desc span.list_mobile::before{
	content: "\f10b";
	display: inline-block;
	clear: both;
	font-size:14px; font-weight: 600;
	font-family:"Font Awesome 5 Free";
}

.pop_desc span.list_phone::before{
	content: "\f095";
	display: inline-block;
	clear: both;
	font-size:14px; font-weight: 600;
	font-family:"Font Awesome 5 Free";
}

ul.list>li>a p.title span.right{font-weight:400;color:#888}

.search_emty_box{border:1px solid #27a7df;padding:10px;width:80%;margin-right:auto;margin-left:auto;color:#27a7df;border-radius:6px}

.search_emty_desc{margin-top:30px;text-align:center}


/** popup �⑥쥒而쇘뵳�딅뮞占쎈뱜 **/

.pop_con .activity_list li{cursor:pointer;background:#f4f4f4;line-height:15px;padding:8px;border-radius:3px;margin-bottom:5px}




/** popup �⑥쥒而쇽옙沅� **/

.pop_con .psearch_box.pr150p{padding-right: 150px;}

.pop_con .psearch_box .po_btn > div{line-height: 30px}


/** popup �⑥쥒而� **/

.pop_con .psearch_box.pr70p{padding-right: 70px;}

/** popup 占쎈뼖占쎈뼣占쎌쁽 **/

.pop_con .psearch_box.pr70p{padding-right: 70px;}

.pop_con select{border: 1px solid #e1e6eb;}

/** popup 占쎈뼖占쎈뼣占쎌쁽 占쎈뼄餓ο옙 占쎄퐨占쎄문 **/

.name_box ul li{
    display: inline-block;
    position: relative;
    width: 24%;
    margin: 2px;
}

.name_box ul li button{
    display: inline-block;
    width: 100%;
    min-height: 27px;
    padding: 4px 25px 4px 4px;
    color: #333;
    text-align: left;
    border: 1px solid #e1e6eb;
    background-color: #fbfcfd;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.name_box ul li button i{
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

/** popup 占쏙옙占쎌넅獄쎻뫗源�占쎄쉐 **/

.create_chat{min-height: auto !important;}


/** popup 占쎌젫占쎈�뱄옙�뼄餓λ쵐苑묕옙源� **/


.psearch_box{
	position: relative;
}


.wcalcp{width: calc(100% - 85px);}

.wcalcp_r3{width: calc(100% - 300px);}

.wcalcp_r3 div.right{
    position: absolute;
    right: 0;
}

.wcalcp_r3 div.right button{
    width: auto;
    min-width: 80px;
}


/* .alert_popup{min-height: auto !important;}

.alert_popup .pop_con{border-bottom: 1px solid #e1e6eb; padding-bottom: 20px; text-align: center;}

.pop_icon{color: #f75656;margin-right: 5px;}

.alert_popup .btn {
    height: 30px;
    line-height: 30px;
    width: 220px;
    margin: 0 auto;
}

.alert_popup .button {
    display: block;
    clear: right;
    float: left;
    margin: 10px 5px;
}
 */

/** popup �⑥쥒而쇽옙踰묉에占� **/
.customer_insert{ min-height: auto !important;}
.pop_con .in_tit{text-align: left; line-height: 33px;}
.pop_top_line{border-top: 1px solid #e1e6eb;}

/** popup 雅뚯눘�꺖癰귣벊沅� **/
.alert_popup_address{ min-height: auto !important;}

.alert_popup_address .pop_con{text-align: center;}

/** popup 占쎌젔�룯�맧踰묉에占� **/

.prospecthistory_multi{min-height: auto !important;}

.psearch_box .popsec_box{margin-bottom: 5px; line-height: 33px;}

.psearch_box .popsec_box span.pop_stit{width: 10%; min-width: 60px;float: left; color: #333; font-weight: bold;}

.psearch_box .popsec_box span.pop_condesc{width: 80%; float: right;}
.psearch_box .popsec_box span.pop_condesc textarea{height:100px; max-height:100px; line-height:16px; resize:none}

.psearch_box .popsec_box span.pop_condesc select {
    border: 1px solid #e1e6eb !important;
}

.pop_con textarea{border: 1px solid #e1e6eb;}

/** popuop_ color **/

.sp_color{color: #3fafe0; font-weight: bold;}




/***************************** login ******************************/

/* .login_body{background: #fafdff;} */

.login_top {
    width: 100%;
    min-width: 320px;
    height: auto;
    min-height: 90px;
    background-color: #414141;
    box-sizing: border-box;
    border-bottom:4px solid #cc3636;
    color: #fff;
    top: 0;
    padding-bottom: 5px;
}


.login_bg{box-sizing:border-box;clear:both}

.only_mobile{display:none}

.c_inner {
    background: url(../../images/all/popup_top.png) no-repeat 0 10px;
    background-size: 85px;
    max-width: 800px;
    min-width: 300px;
    height: 90px;
    margin: 0 auto;
    padding: 10px 0 0 90px;
    position: relative;
    color: #fff;
}

.c_inner.topimg02 {
    background: url(../../images/all/popup_top02.png) no-repeat 0 10px;
    background-size: 85px;
    max-width: 800px;
    min-width: 300px;
    height: 90px;
    margin: 0 auto;
    padding: 10px 0 0 90px;
    position: relative;
    color: #fff;
}

.c_inner>p{font-size:18px;margin-bottom:3px; padding-top:15px}
.c_inner>p>b{font-weight:400;color:#FAC863;font-size:20px}
.c_inner p.desc{font-size:12px;opacity:.8;text-align:left}

/* 기초교육, 정기교육 */
/* .edu_wrap{position:relative; background:#50535E} */
/* .edu_wrap:before{content:''; position:absolute; top:0; left:50%; background:#2C3641; width:50%; height:100%} */
.edu_wrap{position:relative; background:#2C3641}
.edu_wrap .edu_body{display:flex; max-width:800px; height:90px; margin:0 auto;}
.edu_wrap .edu_body .edu_con{position:relative; z-index:1; display:flex; gap:20px; justify-content:center; width:100%; align-items:center; padding:0 20px}
.edu_wrap .edu_body p{font-size:16px; font-weight:700; margin-bottom:5px; letter-spacing:-1px}
.edu_wrap .edu_body span{font-size:13px; color:#d9d9d9}
.edu_wrap .edu_body a{text-align:center; font-size:16px; padding:8px 20px; border-radius:20px}
.edu_wrap .edu_body .edu_a a{background:#2A2C33}
.edu_wrap .edu_body .edu_b a{background:#65697B}
.edu_wrap .edu_body .edu_c{text-align:center}


.pc_bt{position:absolute;top:50%;transform:translateY(-50%);right:0;color:#fff;text-align:center;font-size:14px;font-weight:700;border:1px solid #fff;width:75px;height:30px;line-height:30px;letter-spacing:-.03em;cursor:pointer}

.login_area{width:95%;max-width:800px;min-width:300px;margin:0 auto;text-align:center}

.login_form {
    margin: 10% 0 5%;
    height: auto;
    background: #fff;
    border-radius: 5px;
    padding: 10px 30px 30px;
    box-shadow: 3px 2px 15px 3px rgb(68 68 68 / 10%);
}

.mt_event {
    background: url(../../images/all/mt_event.png) no-repeat 0 10px;
    background-size: 85px;
    max-width: 800px;
    min-width: 300px;
    height: 90px;
    margin: 0 auto;
    padding: 10px 0 0 90px;
    position: relative;
    color: #fff;
}

.mt_event>p>b{font-weight:400;color:#FAC863;font-size:20px}


.login_footer{width:100%;padding:0;box-sizing:border-box;text-align:center;border-top:none;}

.login_f_header{border-bottom:1px solid #dcdcdc;padding:10px 0}

.license_btn{margin-bottom: 4px; background-color: transparent;}
.license_btn *{font-size: 11px; color: #686868;}

/* .lg_logo a{display:inline-block;width:140px;height:40px;background:url(../../images/all/login_logo.png) no-repeat;background-size:140px} */

.up_b{text-align:right;padding-right:32px;background:url(../../images/all/banner_search.png) no-repeat;background-position:right;background-size:20px;font-size:12px;line-height:18px;cursor:pointer}

.up_b2{text-align:right;padding-right:32px;background:url(../../images/all/banner_search.png) no-repeat;background-position:right;background-size:20px;font-size:12px;height:35.2px;cursor:pointer; display: none;}

.login_c{padding:20px 0}

.login_c>div{width:49%}

.login_c_l{text-align:left; border-right:1px solid #eaeaea;margin-top:10px}



.login_checkbox{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    z-index: 3;
    padding: 5px 0;
    padding-right: 25px;
}

.login_c_l .login_mbtn {
    display: inline-block;
    width: 200px;
    text-align: center;
    padding: 8px 0;
    background: #cc3636;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}


.login_c_l .btn_option{
  	display: inline-block;
    width: 32px;
    text-align: center;
    padding: 8px 0;
    background: #888 url(../../images/all/login_ico.png) no-repeat center center;
    background-size: 18px;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-indent: -9999px;
}

.login_c_l div{margin-bottom:8px}

.login_c_l div .la_tit{width:110px;line-height:33px;display:inline-block;font-size:13px}

.login_c_l div .la_sp{display:inline-block;width:62%}

.login_c_l div span input,.login_c_l div span select{width:100%;border:1px solid #e1e6eb}

p.text{font-size:13px;color:#6d6d6d;line-height:20px}

.app_area{overflow:hidden;max-width:300px;margin:0 auto}

.app_area p{font-size:19px;font-weight:700;color:#525252;margin:4px 0 29px}

.app_area a{display:block;width:50%;float:left;padding:0 8px}

.app_area a img{display:block;margin:0 auto}

.app_area a img.app_logo{width:100%;max-width:130px}

.app_area a img.app_qr{width:100%;max-width:60px;margin-top:18px}.lg_red{color:red}

.d_bg{color:#888;padding:0 10px;font-weight:700;display:inline-block}

.lg_desc{font-size:13px;padding-top:20px;letter-spacing:-.3px;color:#888}

.lg_desc .bold{font-weight:700}

.login_footer{width:100%;padding:0;box-sizing:border-box;text-align:center;border-top:none;background:0 0}

footer p{font-size:11px;color:#686868;line-height:16px;margin-bottom:2px}





/* datepicker */
.cal img{position: absolute;right: 10px; top: 50%; transform: translateY(-50%); width: 14px; cursor: pointer;}
.date_c img{
	position: absolute;
    right: 5px;
    top: 10px;
    /* transform: translateY(-50%); */
    width: 14px;
    cursor: pointer;
    filter: brightness(1.3);
}

.date_m img{
	position: absolute;
    right: 10px;
    top: 10px;
    width: 14px;
    cursor: pointer;
}

.filter_b img{
	right: 5px;
	filter: brightness(1.3);
}



.auto_complete_div{
    background:#fff;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
}

.auto_complete_div li{
    border-bottom: 1px solid #e1e6eb;
    padding:7px;
}

.auto_complete_div li i{font-size:12px; color:#666;}

.auto_complete_div li.on{
	background: rgb(243 243 243);
	color:#666;
}



.chat_title {
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    padding: 7px 10px;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px dashed #dcdcdc;
    background: #6a6a6a;
    border-radius: 5px 5px 0 0;
    display: block;
    line-height: 28px;
    position: relative;
}
.chat_title input{color:#666}

.chat_board {
    min-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    background: #fffefe url(../../images/all/chat_bg.png) no-repeat right -30px;
    background-size: 700px;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 10px;
}
.msg_wrap {
    margin: 10px 0 15px;
}

.msg_wrap.receiver {
    text-align: right;
}

.msg_wrap span {
    display: block;
    font-size: 11px;
    color: #636363;
    margin-bottom: 4px;
}

.msg_wrap .msg {
    padding: 5px;
    display: inline-block;
    box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.1);
    color: #1b1b1b;
}




.msg_wrap .msg b {
	display: block;
	font-size: 12px;
	color: #66707b;
	padding: 6px 10px 4px;
}

.msg_wrap .msg b span {
	color: #ababab;
	padding-left: 5px;
	display: inline;
	margin: 0;
	font-weight: normal;
}

.msg_wrap .msg p {
	font-size: 13px;
	line-height: 1.4;
	padding: 3px 10px;
	text-align: left;
	word-break: break-all;
}

.msg_wrap.sender .msg {
	max-width: 400px;
	min-width: 70px;
	background-color: #fff;
	border-radius: 0 15px 15px 15px;
}
/* ////  */
.msg_wrap.sender .msg.fileMsg {
	max-width: 400px;
	min-width: 70px;
	background-color: #fff;
	border-radius: 0;
}
/* //// */
.msg_wrap.sender .msg.fileMsg p {
	padding: 0 5px;
	float: left;
}

.msg_wrap.receiver .msg {
	max-width: 400px;
	min-width: 70px;
	background-color: #d46872;
	color: #e4e4e4;
	border-radius: 15px 0 15px 15px;
}
/* //// */
.msg_wrap.receiver .msg.fileMsg {
	max-width: 400px;
	min-width: 70px;
	background-color: #fff;
	color: #000;
	border-radius: 0;
	padding: 10px 5px;
}
/* //// */
.msg_wrap.receiver .msg.fileMsg p {
	padding: 0 5px;
	float: left;
}

ul.chat_subject li b {
    font-size: 16px;
    color: #d46872;
    background-color: #fff7f8;
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    /* line-height: 35px; */
    border-radius: 2px;
}

ul.chat_subject li span {
    font-size: 11px;
    color: #949494;
    padding-left: 2px;
}

ul.chat_subject li div.chat_llist {
    padding-left: 37px;
}
.chat_input{
	position:relative;
    border: 1px solid #dcdcdc;
}

.chat_input textarea.tk{
    width: calc(100% - 60px);
    border: navajowhite;
    min-height: 24px;
    height: 70px;
    resize: none;
}
.chat_input button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 100px;
    height: 60px;
    background: #ff8a8a;
    border-radius: 5px;
    color: #fffefe;
}

i[class^=icon]:before{
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/side_con.png) no-repeat;
    background-position: 0 0;
    position: absolute;
    line-height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11px; height: 11px;
}
/*고객*/
i.icon-user:before{
    background-position: 0px -59px !important;
    width: 9px;
}
/*고객사*/
ul.chat_subject li b i.icon-drawer:before {
    background-position: -14px -59px !important;
    width: 9px;
}
/*영업기회*/
ul.chat_subject li b i.icon-present:before {
    background-position: -29px -59px !important;
}
/*잠재고객*/
ul.chat_subject li b i.icon-prospect:before {
    background-position: -47vpx -59px !important;
}
/*제안*/
ul.chat_subject li b i.icon-proposal:before {
    background-position: -65px -59px !important;
    width: 8px;
}
/*견적*/
ul.chat_subject li b i.icon-quotation:before {
    background-position: -79px -59px !important;
    width: 8px;
}
/*계약*/
ul.chat_subject li b i.icon-contract:before {
    background-position: -92px -59px !important;
    width: 8px;
}


.area .pcon{
	line-height: 33px;
    color: #333;
    position: relative;
}
.area .pcon .popcon {
    background: #e31414;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin-right: 6px;
    position: absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}


.area .pcon .font_sg{
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.area .pcon div{
	width: 100%;
    padding-left: 30px;
}

.area .pcon div p{
	line-height:1.4;
	margin-bottom:3px;
}

.area .pcon div label input[type=checkbox]{
	display:inline-block
}
.area .pcon .dep{
    font-size: 11px;
    letter-spacing: -0.8px;
}

/* .area .pcon div .right{
    font-size: 12px;
    font-weight: initial;
    color: #a5a5a5;
    font-family: 'Noto Sans', sans-serif;
}

.area .pcon div .right i.conY{
    color: #eda66e;
}

.area .pcon div .right i.conN{
    color: #a5a5a5;
} */


 /* 챠트 없을때 */
.graph { display: table; width:100%; height:100%;}
.graph .no_graph { display:table-cell; font-size:15px; vertical-align:middle; text-align: center;}
.graph .no_graph i { display: block; width:134px; height: 154px; margin:0 auto 20px;background:url("../../images/all/ico_timeline.png") no-repeat;}
.graph .no_graph.small i { width:67px; height: 77px; background-size: 67px 77px;}
.chartspace { width:100%; height:100%; margin-top:3px;}




.mail_tab_container {
    position: relative;
}

.tips_top {
    padding: 10px;
    background-color: #cc3636;
    border-bottom: 2px solid #cc3636;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
}

.tt_button {
    height: 24px;
    line-height: 2px;
    padding: 5px 15px;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #dcdcdc;
    color: #333;
    vertical-align: top;
    outline: none;
}

.tt_button .b_plus {
    font-size: 1rem;
    color: #e31414;
    position: absolute;
    right: 8px;
    top: 52%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
}

.tt_button.right_plus {
    padding: 0 25px 0 15px;
    position: relative;
}
.mail_tabs {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 35px;
}

.mail_tabs::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid #dfdfdf;
}

.mail_tabs li {
    float: left;
    position: relative;
    display: block;
    width: 24% !important;
    margin-right: 2px !important;
}

.mail_tabs li a {
    color: #939393;
    font-size: 13px;
    min-width: 100px;
    padding: 10px 15px;
    display: block;
    text-align: center;
    position: relative;
}

.mail_tabs li a:focus, .mail_tabs li a:hover, .mail_tabs li a:active, .mail_tabs li a.active {
    font-weight: bold;
    color: #667277;
    outline: none;
}

.mail_tabs li a::before {
    background-color: #667277;
    z-index: 2;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 33px;
    transform: scale(0);
    transition: transform 0.3s ease 0s;
    width: 100%;
}

.mail_tabs li a:hover::before, .mail_tabs li a.active::before {
    transform: scale(1);
}

.mail_tabs li a i {
    margin-right: 10px;
}

/* 012_table*/

table.retable {
    border-top: 2px solid #cc3636;
}

table.retable tbody tr th {
    width: 30% !important;
    padding: 5px 0;
    vertical-align: middle;
    line-height: 33px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

table.retable tbody tr td {
    padding: 4px 0;
    /* vertical-align: middle; */
    /* line-height: 18px; */
    word-break: break-all;
    word-wrap: break-word;
    border-bottom: 1px solid #dbdfe3;
    position: relative;
}

table.retable tbody tr td p{
    min-height: 33px;
    line-height: 33px;
}

table.retable tbody tr td .con_right{
    position: absolute;
    top: 10px;
    right: 6px;
    color: #e31414;
    cursor: pointer;
    font-size: 13px;
}

table.retable tbody tr td .con_right span {
    width: 25px;
    /* display: block; */
    float: left;
    text-align: right;
    /* margin-right: 6px; */
    cursor: pointer;
    font-size:14px;
}

table.retable tbody tr td.h33p{
	line-height:33px !important;
    height: 35px;
}

table.retable tbody tr td .op_con_list span {
    display: inline-block;
    width: 30% !important;
    min-width: 100px;
    line-height: 33px;
    text-align: right;
    /* margin-bottom: 4px; */
}

table.retable tbody tr td .op_con_list span input.left {
    width: 80%;
}

table.retable tbody tr td .pos {
    position: relative;
}

table.retable tbody tr td .pos .poa {
    position: absolute;
    right: 0;
    top: 23%;
    /* top: 50%;
    transform: translateY(-50%);
    line-height: 33px; */
    color: #e31414;
}

table.retable tbody tr td .pos .poa span {
    width: 30px;
    /* display: block; */
    float: left;
    text-align: right;
    /* margin-left: 8px; */
    margin-right:3px;
    font-size:14px;
    cursor: pointer;
}

table.retable tbody tr td .pos .poa span a{
	/*     display: inline-block; 모바일아이콘 보임 */
    width: 30px;
   /*      height: 33px;
    line-height: 33px; 012.아이콘정렬*/
    text-align: center;
    font-size: 18px;
}

.tree ul {
    padding-top: 20px; position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

.tree li:only-child{ padding-top: 0;}

.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}

.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}

.btn_shome {
	background: url(../../images/all/btn_shome.png) no-repeat 50% 50%;
    background-size: 30px auto;
    width: 30px;
    height: 30px;
    margin: 0 5px;
	text-indent: -9999em;
	overflow: hidden;
    vertical-align: bottom;
}


button[class^=con]:after,
span[class^=con]:after,
i[class^=con]:after {
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/form_icon.svg) no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 16px;
}

.con_pop:after {
    background-position: 0px 0px !important;
}

.con_linkalt:after {
    background-position: -17px 0px !important;
}


.con_link:after {
    background-position: -34px 0px !important;
}

.con_calender:after {
    background-position: -51px 0px !important;
}

.con_search:after{
	background-position: -68px 0px !important;
}

.con_save:after {
    background-position: -85px 0px !important;
}

.con_plus:after {
    background-position: -102px 0px !important;
}

.con_trash:after{
	background-position: -119px 0px !important;
}
.con_down:after{
	background-position: -136px 0px !important;
}

.con_up:after{
	background-position: -153px 0px !important;
}

.con_copy:after{
	background-position: -170px 0px !important;
}

.con_redo:after{
	background-position: -187px 0px !important;
}

.con_photo_y:after {
    background-position: -204px 0px !important;
}

.con_photo_n:after {
    background-position: -221px 0px !important;
}

.con_envelope:after {
    background-position: -238px 0px !important;
}

.con_comment:after {
    background-position: -255px 0px !important;
}

.con_mobile:after {
    background-position: -272px 0px !important;
}

.con_phone:after {
    background-position: -289px 0px !important;
}

.con_salesp:after {
    background-position: -306px 0px !important;
}

.con_magic:after {
    background-position: -339px 0px !important;
}

.con_ellipsis_h:after {
    background-position: 0px -17px !important;
}

.con_archive:after {
    background-position: -17px -17px !important;
}

.con_downd:after {
    background-position: -51px -17px !important;
}

.con_upd:after {
    background-position: -68px -17px !important;
}
.con_gps:after {
    background-position: -85px -17px !important;
}
.con_hist:after {
    background-position: -102px -17px !important;
}
.con_ai:after{
	background-position: -170px -17px !important;
}
.con_ai_c:after{
	background-position: -187px -17px !important;
}
.con_close:after{
	background-position: -204px -17px !important;
}
.con_close_w:after{
	background-position: -221px -17px !important;
}
.con_help:after{
	background-position: -238px -17px !important;
}


.con_mobile:after {
    background: url(../../images/all/form_icon.svg) no-repeat;
}

i[class^=nav]:after {
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/nav_con.png) no-repeat;
    background-position: 0 0;
        width: 13px;
    height: 13px;
}

.nav_briefcase:after{
	background-position: 0 0px;
}

.nav_clipboard:after{
	background-position: -14px 0px !important;
}

.nav_chalkboard:after{
	background-position: -28px 0px !important;
}

.nav_file:after{
	background-position: -42px 0px !important;
}

.nav_pen:after{
	background-position: -56px 0px !important;
}

.nav_donate:after{
	background-position: -70px 0px !important;
}

.nav_copy:after{
	background-position: -84px 0px !important;
}

.nav_ungroup:after{
	background-position: -98px 0px !important;
}

.nav_uplus:after{
	background-position: -112px 0px !important;
}

.nav_glasses:after{
	background-position: -126px 0px !important;
}

.nav_ucog:after{
	background-position: -140px 0px !important;
}

.nav_utag:after{
	background-position: -154px 0px !important;
}

.nav_info:after{
	background-position: -168px 0px !important;
}
.nav_pros:after{
	background-position: -182px 0px !important;
}

.nav_excel:after{
	background-position: -196px 0px !important;
}

.nav_pdf:after{
	background-position: -210px 0px !important;
}

.nav_email:after{
	background-position: -224px 0px !important;
}

.nav_company:after{
	background-position: -238px 0px !important;
}

.nav_contac:after{
	background-position: -252px 0px !important;
}

.nav_date:after{
	background-position: -266px 0px !important;
}

.nav_product:after{
	background-position: -280px 0px !important;
}

.nav_emp:after{
	background-position: -294px 0px !important;
}

.nav_ceo:after{
	background-position: 0px -13px !important;
}

.nav_homepage:after{
	background-position: -14px -13px !important;
}

.nav_call:after{
	background-position: -28px -13px !important;
}

.nav_level:after{
	background-position: -42px -13px !important;
}

.nav_ai:after{
	background-position: -56px -13px !important;
}

i[class^=scon]:after,
span[class^=scon]:after {
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/s_con.png) no-repeat;
    background-position: 0 0;
    width: 12px;
    height: 12px;
    margin-bottom: 3px;
}


.scon_calendar:after{
	background-position: 0 0 !important;
}

.scon_list:after{
	background-position: -17px 0 !important;
}

.scon_calcheck:after{
	background-position: -34px 0 !important;
}

.scon_calcheck_w:after{
	background-position: -51px 0 !important;
}

.scon_usercheck:after{
	background-position: -68px 0 !important;
}

.scon_coins:after{
	background-position: -85px 0 !important;
}

.scon_boxes:after{
	background-position: -102px 0 !important;
}

.scon_friends:after{
	background-position: -119px 0 !important;
}

.scon_map:after{
	background-position: -136px 0 !important;
}

.scon_building:after{
	background-position: -153px 0 !important;
}

.scon_envelope:after{
	background-position: -170px 0 !important;
}

.scon_mobile:after{
	background-position: -187px 0 !important;
}
.scon_phone:after{
	background-position: -204px 0 !important;
}

.scon_briefcase_w:after{
	background-position: -221px 0 !important;
}

.scon_staylinked:after{
	background-position: -238px 0 !important;
}

.scon_calcheck_b:after{
	background-position: -255px 0 !important;
}

.scon_check_w:after{
	background-position: 0 -17px !important;
}

.scon_checksquare_g:after{
	background-position: -17px -17px !important;
}

.scon_checksquare_r:after{
	background-position: -34px -17px !important;
}

.scon_checksquare_w:after{
	background-position: -51px -17px !important;
}

.scon_download_w:after{
	background-position: -68px -17px !important;
}

.scon_envelope_w:after{
	background-position: -85px -17px !important;
}

.scon_mobile_w:after{
	background-position: -102px -17px !important;
}
.scon_phone_w:after{
	background-position: -119px -17px !important;
}

.scon_cloes:after{
	background-position: -136px -17px !important;
}

.scon_trash:after{
	background-position: -153px -17px !important;
}

.scon_images:after{
	background-position: -170px -17px !important;
}

.scon_star.on:after {
	background-position: -187px -17px !important;
}

.scon_star:after{
	background-position: -204px -17px !important;
}

.scon_home:after{
	background-position: -221px -17px !important;
}

.scon_arrright:after{
	background-position: -238px -17px !important;
}


.scon_building_w:after{
	background-position: 0px -34px !important;
    height: 12px !important;
}

.scon_usertie_w:after{
	background-position: -17px -34px !important;
    height: 12px !important;
}

.scon_user_w:after{
	background-position: -34px -34px !important;
    height: 12px !important;
}


.scon_conD:after{
	background-position: -68px -34px !important;
    height: 12px !important;
}


.scon_conY:after{
	background-position: -51px -34px !important;
    height: 12px !important;
}

/* .scon_conN:after{
	background-position: -85px -34px !important;
    height: 12px !important;
} */

.scon_angledown:after{
	background-position: -85px -34px !important;
    height: 12px !important;
}

.scon_boardlist_w:after{
	background-position: -119px -34px !important;
    height: 12px !important;
}

.scon_pen_w:after{
	background-position: -136px -34px !important;
    height: 12px !important;
}

.scon_hubspot_w:after{
	background-position: -153px -34px !important;
    height: 12px !important;
}

.scon_plus_w:after{
	background-position: -170px -34px !important;
    height: 12px !important;
}

.scon_userclock:after{
	background-position: -187px -34px !important;
    height: 12px !important;
}

.scon_chart:after{
	background-position: -204px -34px !important;
    height: 12px !important;
}


.scon_alignleft:after{
	background-position: -221px -34px !important;
    height: 12px !important;
}


.scon_pop:after{
	background-position: -238px -34px !important;
    height: 12px !important;
}

/* .scon_chart:after{
	background-position: -187px -34px !important;
    height: 12px !important;
}

.scon_userclock:after{
	background-position: -204px -34px !important;
    height: 12px !important;
}


.scon_alignleft:after{
	background-position: -221px -34px !important;
    height: 12px !important;
}


.scon_pop:after{
	background-position: -238px -34px !important;
    height: 12px !important;
}


 */

 .scon_cost_r:after{
	background-position: -51px -52px !important;
}


.scon_check_c:after{
	background-position: -254px -17px !important;
    height: 12px !important;
}

.scon_hourglass:after{
	background-position: -254px -34px !important;
    height: 12px !important;
}


.scon_alertcheck:after{
	background-position: 0 -51px !important;
    width:20px !important; height: 20px !important;
}

.scon_qcircle:after{
	background-position: -25px -51px !important;
    width:20px !important; height: 20px !important;
}

.scon_linkalt:after{
	background-position: -238px -34px !important;
	height: 12px !important;
}


i[class^=side]:after,
span[class^=side]:after,
button[class^=side]:after   {
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: baseline;
    background: url(../../images/all/side_con.png) no-repeat;
    background-position: 0 0;
}

.side_alphaup:after{
	background-position: 0 0 !important;
	width:20px; height:20px;
}

.side_alphadown:after{
	background-position: -25px 0 !important;
	width:20px; height:20px;

}

.side_edit:after{
	background-position: 0 -26px !important;
	width:13px; height:11px;
}

.side_search:after{
	background-position: -18px -26px !important;
	width:11px; height:11px;
}


.side_list:after{
	background-position: -36px -26px !important;
	width:13px; height:11px;
}

.side_clone:after{
	background-position: -54px -26px !important;
	width:13px; height:13px;
}

.side_arright:after{
	background-position: -71px -24px !important;
	width:8px; height:13px; display:none;
}



.side_arleft:after{
	background-position: -84px -24px !important;
	width:8px; height:13px;
}


.side_lefttimes:after{
	background-position: -113px -45px !important;
	width:8px; height:8px;
}

.side_leftplus:after{
	background-position: -128px -43px !important;
	width:9px; height:11px;
}

.side_leftup:after{
	background-position: -112px -59px !important;
	width:9px; height:11px;
}

.side_leftdown:after{
	background-position: -128px -59px !important;
	width:9px; height:11px;
}





i[class^=mcon_]:after  {
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/main_icon.png) no-repeat;
    background-position: 0 0;
}

.mcon_times:after{
	background-position: 0 0;
	width:22px; height:22px;
}

.mcon_search:after {
	background-position: 0 -22px !important;
	width:15px; height:15px;
}

.mcon_edit:after {
	background-position: -76px -22px !important;
	width:15px; height: 22px;
}

.mcon_plus:after {
	background-position: 0 -37px !important;
	width:35px; height: 35px;
}



i[class^=hdcon_]:after  {
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/hd_con.svg) no-repeat;
    background-position: 0 0;
}
.m_header .left_con i[class^=hdcon_]:after {vertical-align:inherit}
.m_header .right_con i[class^=hdcon_]:after {vertical-align:inherit}

.hdcon_down:after{
    background-position: -140px -20px !important;
    width: 8px;
    height: 20px;
    margin-left: 3px;
}

.hdcon_bell:after{
    background-position: 0px -20px !important;
    width: 18px;
    height: 20px;
}

.hdcon_search:after{
    background-position: -40px -20px !important;
    width: 18px;
    height: 20px;
}

.hdcon_user:after{
    background-position: -60px -20px !important;
    width: 18px;
    height: 20px;
}

.hdcon_cog:after{
    background-position: -80px -20px !important;
    width: 18px;
    height: 20px;
}

.hdcon_question:after{
    background-position: -100px -20px !important;
    width: 18px;
    height: 20px;
}

.hdcon_off:after{
    background-position: -120px -20px !important;
    width: 18px;
    height: 20px;
}

.hdcon_bars_m:after{
    background-position: 0 -42px !important;
    width: 18px;
    height: 18px;
}

.hdcon_chevron_m:after{
    background-position: -20px -42px !important;
    width: 18px;
    height: 18px;
}

.hdcon_search_m:after{
    background-position: -40px -21px !important;
    width: 18px;
    height: 18px;
}
.hdcon_bell_m:after{
    background-position: 0 -21px !important;
    width: 18px;
    height: 18px;
}

.hdcon_bell_m.act:after{
    background-position: -20px -21px !important;
    width: 18px;
    height: 18px;
    animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;perspective:1000px
}

.hdcon_home_m:after{
    background-position: -40px -42px !important;
    width: 18px;
    height: 18px;
}

.lnb .menu_btn li a i:after{background-size:260px; opacity:0.3}

.hdcon_hands_m:after{background-position: 0px 0 !important; width: 30px; height: 30px}
.hdcon_chart_m:after{background-position: -33px 0 !important; width: 30px; height: 30px}
.hdcon_ioxhost_m:after{background-position: -66px 0 !important; width: 30px; height: 30px}
.hdcon_clipboard_m:after{background-position: -99px 0 !important; width:30px; height:30px}
.lnb .menu_btn li a.on i:after{opacity:1}
/* .lnb .menu_btn li a.on .hdcon_hands_m:after{background-position: 0 0 !important; opacity:1}
.lnb .menu_btn li a.on .hdcon_chart_m:after{background-position: -33px 0 !important; opacity:1}
.lnb .menu_btn li a.on .hdcon_ioxhost_m:after{background-position: -66px 0 !important;; opacity:1}
.lnb .menu_btn li a.on .hdcon_clipboard_m:after{background-position: -99px 0 !important;; opacity:1} */

.hdcon_user_m:after{
    background-position: -96px -41px !important;
    width: 18px;
    height: 25px;
}

.hdcon_cog_m:after{
    background-position: -96px -33px !important;
    width: 18px;
    height: 25px;
}

.hdcon_lnb_btn_user:after{
    background-position: -60px -21px !important;
    width: 18px;
    height: 18px;
}

.hdcon_lnb_btn_cog:after{
    background-position: -80px -21px !important;
    width: 18px;
    height: 18px;
}

.hdcon_lnb_btn_question:after{
    background-position: -100px -21px !important;
    width: 18px;
    height: 18px;
}

.hdcon_lnb_btn_off:after{
    background-position: -120px -21px !important;
    width: 18px;
    height: 18px;
}

.hdcon_lnb_btn_dot:after{
    background-position: -59px -42px !important;
    width: 12px;
    height: 18px;
}



.lnb .lnb_menu ul li .link.on .hdcon_lnb_btn_dot:after{
	background-position: -74px -42px !important;
    width: 12px;
    height: 18px;
}


.hdcon_lnb_arrowR:after{
    background-position: -152px -22px !important;
    width: 5px;
    height: 18px;
}



i[class^=stt_]:after  {
    content: '';
    display: block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/status_con.png) no-repeat;
    background-position: 0 0;
    width:20px; height:20px;
    margin: 0 auto;
}

.stt_building:after{
	background-position: 0 -40px !important;
}

.stt_user:after{
	background-position: -20px -40px !important;
}

.stt_userlock:after{
	background-position: -40px -40px !important;
}

.stt_invoice:after{
	background-position: -60px -40px !important;
}

.stt_tasks:after{
	background-position: -80px -40px !important;
}

.stt_checkcircle:after{
	background-position: -100px -40px !important;
}

.stt_chartpie:after{
	display: inline-block !important;
	vertical-align: text-bottom !important;
	background-position: 0 -60px !important;
}

.stt_chartline:after{
	display: inline-block !important;
    vertical-align: text-bottom !important;
	background-position: -20px -60px !important;
}

.stt_calendar:after{
	display: inline-block !important;
	vertical-align: text-bottom !important;
	background-position: -40px -60px !important;
}


.stt_phone:after{
	background-position: 0px -80px !important;
}
.stt_envelope:after{
	background-position: -20px -80px !important;
}

.stt_usert:after{
	background-position: -40px -80px !important;
}

.stt_magic:after{
	background-position: -60px -80px !important;
}

.stt_envira:after{
	background-position: -80px -80px !important;
}


i[class^=rbtn_]:after  {
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/btn_con.png) no-repeat;
    background-position: 0 0;
	width:12px; height:14px;
}

.rbtn_down:after{background-position: 0 0 !important;}
button.sbutton:hover i.rbtn_down:after{background-position: 0 -17px !important;}

.rbtn_up:after{background-position: -17px 0 !important;}
button.sbutton:hover i.rbtn_up:after{background-position: -17px -17px !important;}

.rbtn_trash:after{background-position: -34px 0 !important;}
button.sbutton:hover i.rbtn_trash:after{background-position: -34px -17px !important;}

.rbtn_email:after{background-position: -51px 0 !important;}
button.sbutton:hover i.rbtn_email:after{background-position: -51px -17px !important;}

.rbtn_comments:after{background-position: -68px 0 !important;}
button.sbutton:hover i.rbtn_comments:after{background-position: -68px -17px !important;}

.rbtn_userp:after{background-position: -85px 0 !important;}
button.sbutton:hover i.rbtn_userp:after{background-position: -85px -17px !important;}

.rbtn_redo:after{background-position: -102px 0 !important;}
button.sbutton:hover i.rbtn_redo:after{background-position: -102px -17px !important;}

.rbtn_column:after{background-position: -119px 0 !important;}
button.sbutton:hover i.rbtn_column:after{background-position: -119px -17px !important;}

.rbtn_save:after{background-position: -136px 0 !important;}
button.sbutton:hover i.rbtn_save:after{background-position: -136px -17px !important;}

.rbtn_import:after{background-position: -153px 0 !important;}
button.sbutton:hover i.rbtn_import:after{background-position: -153px -17px !important;}

.rbtn_usercog:after{background-position: -170px 0 !important;}
button.sbutton:hover i.rbtn_usercog:after{background-position: -170px -17px !important;}

.rbtn_usertag:after{background-position: -187px 0 !important;}
button.sbutton:hover i.rbtn_usertag:after{background-position: -187px -17px !important;}

.rbtn_usertimes:after{background-position: -204px 0 !important;}
button.sbutton:hover i.rbtn_usertimes:after{background-position: -204px -17px !important;}

.rbtn_search_r:after{background-position: -221px 0 !important;}
button.sbutton:hover i.rbtn_search_r:after{background-position: -221px -17px !important;}

.rbtn_edit:after{background-position: -238px 0 !important;}
button.sbutton:hover i.rbtn_edit:after{background-position: -238px -17px !important;}

.rbtn_code:after{background-position: -255px 0 !important;}
button.sbutton:hover i.rbtn_code:after{background-position: -255px -17px !important;}

.rbtn_plus:after{background-position: -272px 0 !important;}
button.sbutton:hover i.rbtn_plus:after{background-position: -272px -17px !important;}

.rbtn_angledown:after{background-position: -306px 0 !important;
position: absolute; top: 15px; right: 20px; cursor: pointer;}

.rbtn_bars:after{background-position: -323px 0 !important;
    position: absolute; top: 10px; left: 20px;}

/* 2024.07.08 */
.rbtn_al_up:after{background-position: -357px 0 !important;}
button.sbutton:hover i.rbtn_al_up:after{background-position: -340px -17px !important;}
.rbtn_al_down:after{background-position: -340px 0 !important;}
button.sbutton:hover i.rbtn_al_down:after{background-position: -357px -17px !important;}



i[class^=bdcon_]:after  {
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background: url(../../images/all/board.png) no-repeat;
    background-position: 0 0;
	width:15px; height:15px;
}



.bdcon_searchN:after{background-position: 0 0 !important;}
.bdcon_searchY:after{background-position: 0 -15px !important;}

.bdcon_rangeN:after{background-position: -15px 0 !important;}
.bdcon_rangeY:after{background-position: -15px -15px !important;}

.bdcon_chdown:after{background-position: -30px 0 !important;}
.bdcon_up:after{background-position: -30px -15px !important;}


.bdcon_ellipsis_h:after{background-position: -135px 0 !important;}

.bdcon_user:after{background-position: -150px 0 !important;}

.bdcon_plusc:after{background-position: -165px 0 !important;}

.bdcon_columns:after{background-position: -210px 0 !important;}

.bdcon_times:after{background-position: -225px 0 !important;}

.bdcon_angleR:after{background-position: -180px 0 !important;}

.bdcon_angleL:after{background-position: -195px 0 !important;}

.bdcon_rr_timesc:after{background-position: -240px 0 !important;}

.bdcon_rr_ufriends:after{background-position: -255px 0 !important;}

.bdcon_chleft:after{background-position: -270px 0 !important;}


.bdcon_comment:after{background-position: -150px -15px !important;}



.panel_box ul li > div::before,
.panel_box2 ul li > div::before  {
	content: '';
	display: inline-block;
	clear: both;
	background: #c55963;
	width: 50px;
    height: 50px;
    position: absolute;
     top: 50%;
    transform: translateY(-50%);
    left: 20px;
    border-radius: 5px;
}


.panel_box ul li > div i::before,
.panel_box2 ul li > div i::before {
    content: '';
    display: inline-block;
    clear: both;
    vertical-align: middle;
    background:#c55963 url(../../images/all/main_icon.png) no-repeat;
    background-position: 0 0;
	width:22px; height:22px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;

}

.panel_box ul li div .t_area,
.panel_box2 ul li div .t_area{
	font-size: 1.3rem;
    text-align: right;
    padding: 0;
    border: none;
    min-height:57px;
    margin-left:60px;
}


.panel_box ul li > div.prospect i::before {
    background-position: -22px 0 !important;
    width:28px; left: 30px;
}

.panel_box ul li > div.customer i::before {
    background-position: -50px 0 !important;
    width:19px; left: 35px;
}

.panel_box ul li > div.company i::before {
    background-position: -69px 0 !important;
    width:19px; left: 35px;
}
.panel_box ul li > div.opportunity i::before {
    background-position: -88px 0 !important;
    width:25px; left: 33px;
}

.panel_box ul li > div.quotation i::before {
    background-position: -113px 0 !important;
    width:16px; left: 38px;
}
.panel_box ul li > div.order2 i::before {
    background-position: -129px 0 !important;
    width:22px; left: 35px;
}

.panel_box ul li > div.bgc_01 i::before,
.panel_box2 ul li > div.bgc_01 i::before{
	background-position: -151px 0 !important;
    width: 24px; left: 32px;
}

.panel_box ul li > div.bgc_02 i::before,
.panel_box2 ul li > div.bgc_02 i::before{
	background-position: -175px 0 !important;
    width: 23px; left: 34px;
}

.panel_box ul li > div.bgc_03 i::before,
.panel_box3 ul li > div.bgc_03 i::before{
	background-position: -198px 0 !important;
    width: 22px; left: 33px;
}

.panel_box ul li > div.bgc_04 i::before,
.panel_box4 ul li > div.bgc_04 i::before{
	background-position: -220px 0 !important;
    width: 22px; left: 34px;
}

.panel_box ul li:last-child {
	margin-right: 0;
}




.act__list li{
	border: 1px solid #e1e6eb;
    width: 48%; height:75px;
    float:left;
    border-radius: 5px;
    padding: 5px 10px;
    color: #95a5a6;
    margin: 4px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
     cursor: pointer;
}

.act__list li::nth-child(even){
	float:right;
}

.act__list li div{line-height:30px;}

.act__list li div span.left{float:left !important; margin-bottom:0 !important; width: auto; }
.act__list li div span.right{float:right;width: auto;}

.act__list li p.act__ccname{font-weight:bold; color:#666;}
/* .act__list li p.act__content{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    word-break: break-all;
} */

.act__list i{padding-left: 5px;}
.act__list .plan { border-left:5px solid #5bc0de; }
.act__list .run { border-left:5px solid #9ad239; }
.act__list .friendly {border-left:5px solid #747474; }
.act__list .work {border-left:5px solid #fcaf57; }
.act__list .personal {border-left:5px solid #8181e0; }
.act__list .todo { border-left:5px solid #fc5d65; }
.act__list .ent { border-left:5px solid #ffdb61; }

.stext_box{
    border-radius: 2px;
    border: 1px solid #E1E6EB;
    padding: 20px;
    /* min-height: 500px;
    max-height: 1000px; */
    height:460px;
    overflow-y: auto;
    margin-top: 5px;
}
.stext_box b{font-weight:bold}
.stext_box ul,
.stext_box ol{margin-left:30px}
.stext_box li{list-style:revert;}


/* type-2 */
.login_area.login_type{max-width:400px}
.login_type a.up_b{display:none}
.login_type .login_c>div{width:100%}
.login_type .login_c_l{border-right:none}
.login_type .right.m_border{display:none}
.login_type .lg_red.ml10{display:block; margin-left:0 !important}
.login_type .login_c_l div .la_sp{float:right}

/* .jqx-grid-column-header .jqx-grid-column-menubutton.jqx-icon-arrow-down {background-image: url("../../images/all/filter_ico.png") !important;} */
.jqx-grid-column-header .jqx-grid-column-menubutton.jqx-icon-arrow-down {background-image: url("../../jslib/jqx/17.0.0/styles/images/filter.png") !important;}
.jqx-grid-column-header .jqx-widget-header { width: 19px !important; }


/* 2022-11-10 login renewal */
.nlogin{position:relative; background:#fff; display:flex; width:800px; margin:50px auto 0 auto; border-radius:10px}
.nlogin>div{width:50%; padding:40px; box-sizing:border-box}
.nlogin svg{display:block; margin:0 auto 20px auto}
.nlogin_form>div{margin-bottom:10px}
.nlogin_form input{height:40px; font-size:14px; padding:0 10px; box-sizing:border-box}
.nlogin_form select{border:1px solid #e1e6eb; width:100%; height:40px; padding:0 10px; box-sizing:border-box; appearance:auto}

.nlogin_form>div.chk_wrap{display:flex; justify-content:space-between; margin-bottom:30px}
.lgin_checkbox{position:relative}
.lgin_checkbox input{display:none}
.lgin_checkbox label{display:inline-block; padding-left:25px; min-height:18px; margin-bottom:0; cursor:pointer; font-size:12px; letter-spacing:-.3px; color:#999}
.lgin_checkbox label:before {content: url('../../images/others/icon_check.png'); position:absolute; left:0; width:18px; height:18px; line-height:19px; background:#d0d0d0; border-radius:3px; box-sizing:border-box; text-align:center}
.lgin_checkbox input:checked + label:after {position:absolute; top:0; left:0}
.lgin_checkbox input:checked + label:before {background:#E12547; border-color:#E12547}
.lgin_checkbox input:checked + label{color:#222; font-weight:400}

.nlogin_app{position:relative; border-left:1px solid #f0f0f0; text-align:center}
.nlogin_app p{font-size:13px; color:#666; letter-spacing:-1px; margin:0}
.nlogin_app h2{font-size:24px; font-weight:700; color:#222; letter-spacing:-1px; margin:0;}
.nlogin_app .btn_upd{display:inline-block; background:#f9f9f9; font-size:13px; color:#444; margin-top:10px; padding:8px 20px; border:1px solid #d9d9d9; border-radius:6px; box-sizing:border-box}
.nlogin_app .btn_upd span{display:block; font-size:inherit; color:#F24564}

.nlogin_app .app_area{position:relative; width:100%; max-width:100%; margin-top:20px; border-radius:10px; padding:15px 0}
.nlogin_app .app_area p{margin-bottom:10px; font-size:16px; color:#444}
.nlogin_app .lg_desc{width:100%}
.nlogin_app .lg_desc span{display:block}
.nlogin_form .pw_eye{position:relative}
.nlogin_form .pw_eye>div{position:absolute; right:10px}
.nlogin_form .pw_eye svg{position:relative; top:14px; left:auto; cursor:pointer}

.nlogin button{background:#f9f9f9; display:block; width:100%; height:50px; text-align:center; font-size:16px; font-weight:700; letter-spacing:-1px; border:1px solid #e9e9e9; border-radius:6px}
.nlogin button.btn_red{background:#E12547; color:#fff; border:none; margin-bottom:10px}

.nlogin .nlogin_app{padding:0}
.nlogin .nlogin_app>div{padding:30px}
.nlogin .nlogin_cs{border-top:1px solid #f0f0f0;}
.nlogin .nlogin_cs span{display:block; color:#999;}
.nlogin .nlogin_cs div{font-size:24px; font-weight:700; margin-bottom:10px}

.nlogin_foot{width:100%; text-align:center}


/* 2022.12.05 tooltip */
.totip_q{position:relative; top:5px; display:block; width:25px; margin-left:90px}
.totip_q svg{fill:#777; margin-top:5px; cursor:pointer}
.totip_q>div{display:none; position:absolute; bottom:25px; left:0px; z-index:5; width:300px; background:#f9f9f9; line-height:15px; padding:7px; border:1px solid #b9b9b9; border-radius:3px; box-shadow:1px 3px 6px rgba(0,0,0,0.2)}
.totip_q:hover svg{fill:#F53246}
.totip_q:hover>div{display:block}


/* banner */
.banner202304{background:#04563d; width:800px; margin:30px auto 0 auto; border-radius:10px; overflow:hidden}
.banner202304 img{display:block; margin:0 auto}

.display-none {display:none;}



/* 2023-01-06 */
/* left panel */
.left_column{width:250px; padding:20px; border-radius:6px; box-sizing:border-box}
.left_column .ip_box select{background:#fff}
.n_l_panel .lc_stit{background:none; font-weight:700; color:#222; padding:0; padding-bottom:10px; margin:0; border:none}
.n_l_panel .lc_stit span{display:inline-block; background:#FC5860; width:18px; height:18px; line-height:18px; border-radius:50%; color:#fff; font-size:12px; font-weight:400; text-align:center}
.n_l_panel .lc_stit .l_plus label{right:0; top:inherit}
.n_l_panel .l_close{top:15px; right:-15px}
.n_l_panel .search_slide .s_box{padding:20px}
.n_l_panel .search_slide .s_box{border-bottom:1px solid #e9e9e9}
.n_l_panel .search_slide .s_box:last-child{border-bottom:none}
.n_l_panel .search_slide .s_box:first-child{padding-top:20px}
.n_l_panel .search_slide .s_box .detail{padding:0}
.n_l_panel .search_slide .s_box .detail li{position:relative; padding:0 15px 0 10px; line-height:30px; border:none; box-sizing:border-box}
.n_l_panel .detail li div.title{padding:0}
/* .n_l_panel .detail li .title strong{white-space:nowrap; text-overflow:ellipsis; overflow:hidden} */
.n_l_panel .detail li .title strong{line-height:18px; padding:5px 0}
.n_l_panel .detail li:before{content:''; position:absolute; top:13px; left:0px; background:#FC5860; width:5px; height:5px; border-radius:50%;}
.n_l_panel .search_slide .s_box .detail li.title_no_result{padding-left:0}
.n_l_panel .detail li.title_no_result:before{content:none; padding:0}

.n_l_panel .a_section{padding:20px}
.n_l_panel .aside_desc{min-height:50px; padding:0; overflow:visible; max-height:inherit}
.n_l_panel .a_section .aside_desc .slide_list li{position:relative; padding:0 0 0 12px; margin-bottom:20px; cursor:pointer}
.n_l_panel .a_section .aside_desc .slide_list li:last-child{margin-bottom:5px}
.n_l_panel .a_section .aside_desc.mb0 .slide_list li{margin-bottom:0}
.n_l_panel .a_section .aside_desc .slide_list li:before{content:none}
.n_l_panel .a_section .aside_desc .slide_list li p{font-size:12px}
.n_l_panel .a_section .aside_desc .slide_list li p>span{position:relative; display:block; font-size:13px; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.n_l_panel .a_section .aside_desc .slide_list li p:before{content:''; position:absolute; top:8px; left:0px; background:#FC5860; width:5px; height:5px; border-radius:50%;}
.n_l_panel .a_section .aside_desc .slide_list li.title_no_result p:before{content:none; padding-left:0}
.n_l_panel .a_section .aside_desc .slide_list li>div{position:relative; display:flex; justify-content:space-between; margin-top:5px;}
.n_l_panel .a_section .aside_desc .slide_list li .m_title{margin-top:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.n_l_panel .a_section .lc_stit span{display:inline-block; background:#FC5860; width:18px; height:18px; line-height:18px; border-radius:50%; color:#fff; font-size:12px; font-weight:400; text-align:center}
.n_l_panel .a_section .aside_desc .slide_list li>div{margin-top:0}
.n_l_panel .a_section .aside_desc .slide_list li>div span{color:#444}
.n_l_panel .a_section .aside_desc .slide_list li .m_title{margin-top:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

/* not download */
.n_l_panel .detail li.not_down div.title strong{color:#b9b9b9;cursor: default;}
.n_l_panel .detail li.not_down:before{background:#d0d0d0;}

/* right panel */
.n_r_panel{position:relative; top:0; right:0; background:#fff; width:250px; border-radius:6px; box-shadow:0px 2px 4px rgba(0,0,0,0.08)}
.n_r_panel>div{width:250px; height:100%}
.n_r_panel>div::-webkit-scrollbar{width:6px}
.n_r_panel>div::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3)}
.n_r_panel>div::-webkit-scrollbar-track{background:rgba(0,0,0,0.2)}
.n_r_panel .a_section{padding:20px; border-bottom:1px solid #e9e9e9}
.n_r_panel .a_section:last-child{border-bottom:none}
.n_r_panel .rc_stit{background:none; color:#222; padding:0; padding-bottom:15px; font-size:14px; line-height:inherit; font-weight:700; color:#222}
.n_r_panel .rc_stit .l_plus label{right:20px; top:inherit}
.n_r_panel .aside_desc{min-height:50px; padding:0; overflow:visible; max-height:inherit}
.n_r_panel .a_section .aside_desc .slide_list li{padding:0 0 0 12px; margin-bottom:20px}
.n_r_panel .a_section .aside_desc .slide_list li:last-child{margin-bottom:5px}
.n_r_panel .a_section .aside_desc.mb0 .slide_list li{margin-bottom:0}
.n_r_panel .a_section .aside_desc .slide_list li:before{content:none}
.n_r_panel .a_section .aside_desc .slide_list li p>span{position:relative; display:block; font-size:13px; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.n_r_panel .a_section .aside_desc .slide_list li p:before{content:''; position:absolute; top:8px; left:0px; background:#FC5860; width:5px; height:5px; border-radius:50%;}
.n_r_panel .a_section .aside_desc .slide_list li.title_no_result p:before{content:none; padding-left:0}

.n_r_panel .a_section .aside_desc .slide_list li>div{position:relative; display:flex; justify-content:space-between; margin-top:5px;}

.n_r_panel.r_style2 .rc_stit span{display:inline-block; background:#FC5860 ;width:18px; height:18px; line-height:18px; border-radius:50%; color:#fff; font-size:12px; font-weight:400; text-align:center}
.n_r_panel.r_style2 .a_section .aside_desc .slide_list li>div{margin-top:0}
.n_r_panel.r_style2 .a_section .aside_desc .slide_list li>div span{color:#444}
.n_r_panel.r_style2 .a_section .aside_desc .slide_list li .m_title{margin-top:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

/* 2023.02 right panel - NEW */
.n_r_panel.r_style2 .right_column_toggle{height:auto}
.n_r_panel.r_style2>div:last-child{overflow:auto}
.n_r_panel.r_style2 .a_section.opini{padding:20px 0}
.n_r_panel.r_style2 .a_section.opini .rc_stit{padding:0 20px 10px 20px}
.n_r_panel.r_style2 .a_section.opini .aside_desc li{position:relative; padding:10px 20px 10px 30px; margin:0}
.n_r_panel.r_style2 .a_section.opini .aside_desc li .svg_del{display:none; position:absolute; top:-10px; right:10px; height:20px; box-shadow:3px 3px 6px rgba(0,0,0,0.1); transition:all 0.3s ease}
.n_r_panel.r_style2 .a_section.opini .aside_desc li>div span{font-weight:700; margin-bottom:5px}
.n_r_panel.r_style2 .a_section.opini .aside_desc li>div span + span{font-weight:400; color:#999; margin:0}
.n_r_panel.r_style2 .a_section.opini .aside_desc li p{font-size:13px; color:#444}
.n_r_panel.r_style2 .a_section.opini .aside_desc li p:before{top:18px; left:20px}
.n_r_panel.r_style2 .a_section.opini .aside_desc li:hover{background:#f9f9f9}
.n_r_panel.r_style2 .a_section.opini .aside_desc li:hover .svg_del{display:block;}

.n_r_panel.r_style2 .a_section.opini .op_txt{position:relative; padding:0 20px; margin-top:10px}
.n_r_panel.r_style2 .a_section.opini .op_txt>div{position:relative; display:block; padding-bottom:40px; border:1px solid #e9e9e9; transition:all 0.3s ease}
.n_r_panel.r_style2 .a_section.opini .op_txt textarea{position:relative; height:60px !important; border:none; border-bottom:none; border-radius:0; box-sizing:border-box; resize:none; transition:all 0.3s ease}
.n_r_panel.r_style2 .a_section.opini .op_txt>div>div{position:absolute; left:0; right:0; bottom:0; background:#f9f9f9; height:40px; padding:0 10px; display:flex; justify-content:space-between; align-items:center}
.n_r_panel.r_style2 .a_section.opini .op_txt button{background:#d9d9d9; width:30px; height:30px; border-radius:6px; transition:all 0.3s ease}
.n_r_panel.r_style2 .a_section.opini .op_txt button svg{margin-top:4px}
.n_r_panel.r_style2 .a_section.opini .op_txt .afocus{border-color:#444}
.n_r_panel.r_style2 .a_section.opini .op_txt .afocus button{background:#1988f6}

.n_r_panel.r_style2 .a_section.contc{padding:20px 0}
.n_r_panel.r_style2 .a_section.contc .rc_stit{padding:0 20px 10px 20px}
.n_r_panel.r_style2 .a_section.contc .rc_stit>P{display:inline-block}
.n_r_panel.r_style2 .a_section.contc .aside_desc li{position:relative; padding:10px 20px; margin:0}
.n_r_panel.r_style2 .a_section.contc .slide_list li>div{justify-content:flex-start; gap:5px}
.n_r_panel.r_style2 .a_section.contc .aside_desc li:hover{background:#f9f9f9}
.n_r_panel.r_style2 .a_section.contc .aside_desc li p:before{content:none}
.n_r_panel.r_style2 .a_section.contc .contc_menu{position:absolute; top:13px; right:20px; display:block}
.n_r_panel.r_style2 .a_section.contc .contc_menu i{background:#666; display:block; width:3px; height:3px; margin-bottom:2px}

.n_r_panel.r_style2 .a_section.contc .contc_pop{display:none; position:absolute; z-index:9; top:35px; right:15px; background:#fff; width:220px; height:inherit; border:1px solid #b9b9b9; border-radius:6px; box-shadow:1px 3px 5px rgba(0,0,0,0.1)}
.n_r_panel.r_style2 .a_section.contc .contc_pop.active{display:block}
.n_r_panel.r_style2 .a_section.contc .contc_head{display:flex; margin-top:10px; padding:15px 20px; border-bottom:1px solid #e9e9e9}
.n_r_panel.r_style2 .a_section.contc .contc_head .u_img{background:#e9e9e9; flex-shrink:0; width:60px; height:60px; margin-right:10px; border-radius:10px; overflow:hidden}
.n_r_panel.r_style2 .a_section.contc .contc_head .u_img img{display:block; width:100%; height:100%}
.n_r_panel.r_style2 .a_section.contc .contc_head h3{font-size:16px; font-weight:700; color:#444; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.n_r_panel.r_style2 .a_section.contc .contc_head p{
	font-size:12px; color:#222; line-height:13px; text-overflow:ellipsis; overflow:hidden;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;
}
.n_r_panel.r_style2 .a_section.contc .contc_head p + p{color:#a9a9a9; margin-top:2px}

/* es용 연락처 모달 */
.n_r_panel.r_style2 .a_section.contc .es_contc_head{text-align:center; padding:15px 20px; border-bottom:1px solid #e9e9e9}
.n_r_panel.r_style2 .a_section.contc .es_contc_head h3{font-size:18px; font-weight:700; color:#444; margin-bottom:10px}
.n_r_panel.r_style2 .a_section.contc .es_contc_head p{font-size:14px; color:#444}
.n_r_panel.r_style2 .a_section.contc .es_contc_head p + p{font-size:12px; color:#999}

/* 2024.05.13 */
.contc_close{position:absolute; top:2px; right:5px; width:24px; height:24px; padding:6px}
.contc_close img{vertical-align:inherit}
.contc_keyman{display:flex; align-items:center; gap:5px}



.n_r_panel.r_style2 .a_section.contc .contc_num{padding:10px 20px}
.n_r_panel.r_style2 .a_section.contc .contc_num>a{display:flex; align-items:center; padding:5px 0}
.n_r_panel.r_style2 .a_section.contc .contc_num i{background:url(/res/images/all/icon_contact.svg) no-repeat; display:block; width:16px; height:16px; margin-right:10px}
.n_r_panel.r_style2 .a_section.contc .contc_num i:after{content:none}
.n_r_panel.r_style2 .a_section.contc .contc_num i.contc_mobile{background-position-y:-20px}
.n_r_panel.r_style2 .a_section.contc .contc_num i.contc_tel{background-position-y:-40px}

.contc_btn{display:flex; justify-content:center; gap:10px; padding:20px; padding-top:0}
.contc_btn button{width:100px; height:35px; font-size:13px; border-radius:18px}
.contc_btn button.contc_cancel{background:#f9f9f9; border:1px solid #e9e9e9}
.contc_btn button.contc_mody{background:#fc5860; color:#fff}
.contc_btn button:after{content:none}

/* 연락처 추가 팝업 */
.addr_pop.jqx-window-content{padding:20px}
.addr_pop h4{font-size:14px; font-weight:700; color:#444; margin-bottom:10px}
.addr_pop .addr_wid50{display:flex; justify-content:space-between; gap:10px}
.addr_pop .addr_form>div{margin-bottom:10px}
.addr_pop .addr_form input{transition:all 0.3s ease}
.addr_pop .addr_form input:focus{border-color:#666;}
.addr_pop .addr_btn{display:flex; justify-content:center; gap:10px}
.addr_pop .addr_btn button{width:100px; height:35px; font-size:13px; border-radius:18px}
.addr_pop .addr_btn button.addr_cancel{background:#f9f9f9; border:1px solid #e9e9e9}
.addr_pop .addr_btn button.addr_confirm{background:#fc5860; color:#fff}



/* 영업관리 상세 제품 표시 */
.prd_dis_block{display: block !important}

/* company 상세 우측 메뉴 contact 상세 수정버튼 */
.contc_menu button{background-size: 20px auto; width: 20px; height: 20px}


/* 개발환경 */
.dev_ver{
	position:fixed; left:30px; bottom:10px;
	font-size:13px; color:#F53246;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: dev_ver;
    animation-name: dev_ver;
    z-index:99999999;
}
@keyframes dev_ver {
	0% {
    	opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
    	opacity:0;
	}
}

/* 개인정보처리방침 */
/* policy */
.policy_wrap{
	position:absolute; z-index:99; top:50%; left:50%; margin:-250px 0 0 -325px; background:#fff; width:640px; height:500px;
	border:1px solid #d9d9d9; box-sizing:border-box; box-shadow:1px 3px 6px rgba(0,0,0,0.1); overflow:hidden;
}
.policy_wrap>div{height:500px; padding:20px; overflow-y:auto}
.policy_con{position:relative; width:100%; margin:0 auto; padding:10px 0}
.policy_con .policy_tit h2{font-size:30px; font-weight:700; text-align:center; color:#222; letter-spacing:-2px; margin-bottom:30px}
.policy_con>div{margin-bottom:30px}
.policy_con h5{font-size:15px; font-weight:500; color:#222; margin-bottom:10px}
.policy_con p{color:#666; font-size:14px; line-height:25px; margin-bottom:10px}
.policy_con ol{margin-left:15px; list-style:decimal}
.policy_con li{font-size:14.5px; color:#666; line-height:23px; margin-bottom:7px}
.policy_con li p{color:#666; font-size:14.5px;}

.policy_con ol.indepth{position:relative; margin:5px 25px 10px 25px; list-style:none; counter-reset:section}
.policy_con ol.indepth>li{position:relative}
.policy_con ol.indepth>li:before{
    content:counter(section); counter-increment:section; position:absolute; top:4px; left:-23px; display:block; border:1px solid #999; border-radius:50%;
    text-align:center; font-size:11px; color:#444; width:14px; height:14px; line-height:14px;
}
.policy_con ul{list-style:upper-alpha; margin:5px 0 10px 20px}
.policy_con ul.disc{list-style:disc}
.policy_con ul ul{list-style:lower-alpha; margin-left:20px}

.policy_con .call_table{display:flex; justify-content:space-between}
.policy_con .call_table>div{width:100%}
.policy_con .call_table dl{border:1px solid #e9e9e9; box-sizing:border-box}
.policy_con .call_table dt{background:#f9f9f9; font-weight:500; color:#444; padding:10px 20px; border-bottom:1px solid #e9e9e9; box-sizing:border-box}
.policy_con .call_table dd{margin:0; box-sizing:border-box}
.policy_wrap .policy_close{
	position:absolute; left:0; right:0; bottom:0; height:30px; margin-right:16px; line-height:30px; background:#f6f6f6; text-align:center;
	color:#444; font-weight:700; border-top:1px solid #d9d9d9; padding:0; overflow:hidden; cursor:pointer
}

/* 2023.07.26 가이드버튼 추가 */
.gid_btn{position:fixed; z-index:999; right:5px; bottom:75px}
.gid_btn>div{
	position:relative; background:#fff; display:flex; align-items:center; justify-content:center;
	text-align:center; width:50px; border:1px solid #d9d9d9; transition:all 0.4s ease;
	height:50px; border-radius:50%; margin-bottom:3px; cursor:pointer;
}
.gid_btn span{
	position:absolute; top:50%; right:44px; background:#414141; color:#fff; font-size:12px; white-space:nowrap;
	display:none; margin-top:-12px; padding:3px 6px; border-radius:4px; opacity:0; transition:all 0.3s ease;
}
.gid_btn svg{fill:#999;}
.gid_btn .gid_ai p{font-size:16px; color:#444; font-weight:700;}
.gid_btn .gid_ai svg{position:absolute; top:2px; left:2px; fill:#444}
.gid_btn>div:hover{border-color:#444}
.gid_btn>div:hover span{display:block; opacity:1;}
.gid_btn>div:hover svg{fill:#222}



/* .gid_btn .gid_plus{height:auto; border-radius:25px}
.gid_btn .gid_plus svg{margin:0; fill:#444}
.gid_btn .gid_plus>svg{margin-top:15px}

.gid_btn .gid_roll{padding:10px 0}
.gid_btn .gid_roll>div{width:50px; text-align:center; border-radius:25px; cursor:pointer;}
.gid_btn .gid_roll svg{margin:10px 0}
.gid_btn .gid_roll>div{position:relative;}
.gid_btn .gid_roll>div>span{
	position:absolute; top:50%; right:44px; background:#414141; color:#fff; font-size:12px; white-space:nowrap;
	display:none; margin-top:-12px; padding:3px 6px; border-radius:4px; opacity:0; transition:all 0.3s ease;
}
.gid_btn .gid_roll>div:hover svg{fill:#111}
.gid_btn .gid_roll>div:hover span{display:block; opacity:1;} */


.left_auto{ left: auto !important; }


/* top 버튼 수정 */
.top_btn svg{display:none}
.top_btn.topn{background:#414141; bottom:20px; width:50px; height:50px; transition:all 0.3s ease}
.top_btn.topn svg{display:block; margin:15px auto}
.top_btn.topn:hover{background:#414141; opacity:1}


/* 2023.08.8 주디계산기 추가 */
.calc_btn{position:fixed; z-index:999; right:5px; bottom:115px; background:#414141; text-align:center; width:60px; height:60px; border-radius:50%; cursor:pointer; overflow:hidden}
.calc_btn svg{fill:#fff; margin-top:12px}
.calc_btn span{display:block; color:#fff; font-size:12px; line-height:15px}

.pop_calc{position:absolute; bottom:60px; right:60px; z-index:99999; background:#fff; width:400px; padding:20px; border-radius:10px; box-shadow:1px 3px 9px rgba(0,0,0,0.2); box-sizing:border-box}
.pop_calc table th,.pop_calc table td{border:1px solid #d9d9d9; padding:5px; vertical-align:middle}
.pop_calc table th{background:#F5F6F8; font-size:14px; font-weight:700; color:#222; height:44px}
.pop_calc input{text-align:right}


/* 업로드 연동버튼 */
.ex_btn{display:flex; gap:10px; flex-wrap:wrap}
.ex_btn>div{position:relative; width:100px}

.ex_btn>div button{display:flex; align-items:center; gap:5px; background:#fff; width:100%; margin:0; border:1px solid #e1e6eb; padding:5px 10px;}
.ex_btn>div .i_reload svg{fill:#999}
.ex_btn>div .i_reload:hover svg{fill:#222}

.ex_btn>div i{background:url(/res/images/sales/ex_button.svg) no-repeat; display:block; height:20px;}
.ex_btn>div span{line-height:10px}
.ex_btn>div button.i_excel i{width:22px; background-position:0 0}
.ex_btn>div button.i_remember i{width:68px; background-position:-90px 0}
.ex_btn>div button.i_google i{width:20px; background-position:-60px 0}
.ex_btn>div button.i_outlook i{width:22px; background-position:-30px 0}
.ex_btn>div .i_reload{position:absolute; top:8px; right:10px; cursor:pointer}

/* 240704 팝업 베이스 */
/* 
.pop-base{
    position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:rgba(0,0,0,0.5);
    width:100%; height:100%; padding:20px;
}
.pop-base>div{
    position:relative; display:flex; align-items:center;
     width:100%; height:100%; min-height:150px; 
     margin:auto;
}
.pop-panel{
    position:relative; background:#fff; border-radius:20px;
    display:flex; flex-direction:column; width:100%; max-height:100%; overflow:hidden;
}
.pop-base .pop-head{display:flex; flex-shrink:0; align-items:center; justify-content:space-between; padding:20px}
.pop-base .pop-head span{cursor:pointer}
.pop-base .pop-body{position:relative; flex:1 1 auto; padding:0 20px; overflow-y:auto;}
.pop-base .pop-body::-webkit-scrollbar{width:10px}
.pop-base .pop-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2); border-radius:5px; background-clip:padding-box; border:3px solid transparent}
.pop-base .pop-body::-webkit-scrollbar-track{background:transparent; width:10px}
.pop-base .pop-foot{display:flex; flex-wrap:nowrap; flex-shrink:0; align-items:center; justify-content:center;}
.pop-base .pop-foot button{background:#f5f6f8; color:#666; width:100%; padding:15px 10px}
.pop-base .pop-foot button.pop-close{background:#e9e9e9; color:#222} 
*/

/* 공지팝업 */
.modal_wrap .pop-notice .pop-panel{border-radius:16px}
.modal_wrap .pop-notice{max-width:460px}
.modal_wrap .pop-notice .pop-head{background:#F53246; color:#fff; font-weight:700; font-size:16px}
.modal_wrap .pop-notice .pop-head h3{color:#fff; text-align:center; font-weight:700; width:100%; padding:5px 0}
.pop-notice .noti_li{background:#f4f4f4; margin:auto 20px; padding:10px; border-radius:6px; color:#444}
.pop-notice .noti_li li{margin-left:10px; padding:3px 0}
.pop-notice .noti_li li svg{margin-right:10px}
.pop-notice .noti_li li.txt_bold{font-weight:bold; color:#222}
.pop-notice .noti_txt{color:#444; line-height:25px; padding:20px 20px 0 20px}


/* 240724 ai베타 출시 팝업 */
.pop-aibeta{max-width:600px}
.pop-aibeta .pop-head-img{
	background:url(../../images/all/assistant_bg.png) no-repeat top; text-align:center; color:#fff; height:110px;
	border-top-left-radius:20px; border-top-right-radius:20px; overflow:hidden;
}
.pop-aibeta .pop-head-img h3{font-size:18px; font-weight:bold; margin-top:30px; margin-bottom:5px}
.pop-aibeta .pop-head-img p{text-align:center}
.pop-aibeta .pop-head-img .con_close_w{position:absolute; top:20px; right:20px; cursor:pointer}
.pop-aibeta .ai_con{display:flex; gap:20px; align-items:center; font-size:14px; margin:10px 20px}
.pop-aibeta .ai_con p{font-weight:bold; color:#222}
.pop-aibeta .ai_con span{word-break:keep-all}
.ai_more{text-align:center; padding:10px 0; margin-bottom:20px}
.ai_more .btn-confirm{
	background:#e12547; display:inline-block; color:#fff; font-size:14px; 
	margin:0 auto; padding:8px 15px; border-radius:5px;
}

/* 개인정보이용동의 팝업 */
.pop-privacy{max-width:460px}
.pop-privacy .pop-head h3{font-size:16px; font-weight:bold; color:#222}
.pop-privacy .pvacy_box{
	background:#f9f9f9; display:flex; gap:20px; align-items:center; 
	margin-bottom:10px; padding:20px; border-radius:10px;
}
.pop-privacy .pvacy_box p{font-size:16px; font-weight:bold; color:#444; margin-bottom:5px}
.pop-privacy .pvacy_box span{color:#666}
.pop-privacy .pvacy_info{font-size:12px; margin-bottom:10px; cursor:pointer}
.pop-privacy .pvacy_info span{color:#1672FE; text-decoration:underline}
.pop-privacy .pvacy_txt h3{font-size:16px; font-weight:bold; color:#222; text-align:center; margin:20px 0}
.pop-privacy .pvacy_txt p{font-size:14px; font-weight:bold; color:#222; margin-bottom:5px}
.pop-privacy .pvacy_txt span{display:block; word-break:keep-all; margin-bottom:20px}
.pop-privacy .pvacy_txt table{text-align:center; word-break:keep-all; border-top:1px solid #d9d9d9;; margin-bottom:30px}
.pop-privacy .pvacy_txt table th{background:#f9f9f9; font-weight:bold; color:#444;}
.pop-privacy .pvacy_txt table th,.pop-privacy .pvacy_txt table td{
	padding:10px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;
}
.pop-privacy .pvacy_txt table th:last-child,.pop-privacy .pvacy_txt table td:last-child{
	border-right:none;
}


/* 어시스턴트 btn */
.oppo_header{display:flex; gap:5px;}
.oppo_header span{flex-shrink:0;}
.oppo_header .oppo_name{width:90%; text-overflow:ellipsis; overflow:hidden}
.ai_btnwrap{flex-shrink:0; width:auto}
.ai_btnwrap{display:flex; gap:5px}
.ai_btnwrap .btn_assis{
	display:flex; gap:3px; align-items:center; font-size:12px; font-weight:normal; color:#666;
	max-height:30px; padding:4px 8px; border:1px solid #c0c0c0; border-radius:5px; cursor:pointer;
}
.ai_btnwrap .btn_assis.pros_li{ margin-right: 15px; }
.ai_btnwrap .btn_assis:hover{background:#f9f9f9; border-color:#666; color:#444;}
.con_list.tp_a .detailBox .box.main_li .ai_btnwrap{position:absolute; z-index:1; top:10px; right:10px; width:auto}
.con_list.tp_a .detailBox .box .con .con_tit_01 span{white-space:nowrap}
.con_list .detailBox .box .con .con_tit .ai_btnwrap span{line-height:inherit; padding:0;}

/* 어시스턴트 팝업 */
.asst_pop .jqx-window-header, .aiReports .jqx-widget-header, .aiReports .jqx-disableselect, .aiReports .jqx-rc-t{
	display: none;
}

.asst_pop{
	position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999;
	width:100%; height:100%; background:rgba(0,0,0,0.5)
}
.asst_pop>div{
	position:relative; background:#fff; top:50%; transform:translateY(-50%);
	width:auto; max-width:90%; margin:0 auto; border-radius:20px; transition:all 0.3s ease;
}
.asst_pop .pop-btn{position:absolute; z-index:1; top:20px; right:20px; display:flex; gap:10px;}
.asst_pop .pop-reload{cursor:pointer}
.asst_pop .pop-btn>div{cursor:pointer}
.asst_pop .pop-contact{font-size:12px; padding:2px 5px; border:1px solid #d9d9d9; border-radius:5px; cursor:pointer}
.asst_pop .pop-contact:hover{color:#222; border-color:#666}
.asst_pop .pop-close{width:16px; height:16px; cursor:pointer}

.pop-loading{padding:30px; text-align:center;}
/*.pop-loading span{display:block; margin-bottom:20px}
.pop-loading .loading-bar{background:#f5f6f8; margin:0 auto; width:250px; height:6px; border-radius:3px; overflow:hidden}
.pop-loading .loading-bar i{background:#f53246; display:block; height:100%; border-radius:3px;}*/
.pop-loading .loading{
    position:relative; margin:0 auto 20px auto;
    width:60px; height:60px; border:3px solid #f0f0f0; border-radius:50%;
}
.pop-loading .loading img{position:absolute; top:13px; left:13px}
.pop-loading .loading-bar{
    position:absolute; top:-3px; left:-3px;
    margin:0 auto; width:60px; aspect-ratio:1; border-radius:50%; border:3px solid #F53246;
    animation:
        spinn 0.8s infinite linear alternate,
        spinner 1.6s infinite linear;
}
.loading_txt span{display:block; font-size:16px; font-weight:bold; color:#444; margin-bottom:5px}
.loading_txt p{font-size:12px;}
/* loading animation */
@keyframes spinn{
   0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
   12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
   25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
   50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
   100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes spinner{
  0%    {transform:scaleY(1)  rotate(0deg)}
  49.99%{transform:scaleY(1)  rotate(135deg)}
  50%   {transform:scaleY(-1) rotate(0deg)}
  100%  {transform:scaleY(-1) rotate(-135deg)}
}


.asst_pop .pop-head{padding:20px 30px;}
.asst_pop .pop-head h3{display:flex; align-items:center}
.asst_pop .pop-head h3 i{display:block; background:#f5f6f8; font-size:11px; color:#999; margin-left:5px; padding:3px 5px; border-radius:4px;}
.asst_pop .pop-body{position:relative; flex:1 1 auto; padding:0 30px; overflow-y:auto;}
.asst_pop .pop-body h2{font-size:17px; font-weight:bold; color:#444; text-align:center; margin-bottom: 10px;}
.asst_pop .pop-body p{color:#666;}
.asst_pop .pop-body::-webkit-scrollbar{width:10px}
.asst_pop .pop-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2); border-radius:5px; background-clip:padding-box; border:3px solid transparent}
.asst_pop .pop-body::-webkit-scrollbar-track{background:transparent; width:10px}

.asst_pop .pop-foot{display:flex; flex-wrap:wrap; gap:5px; align-items:center; justify-content:center; padding:20px 30px;}
.asst_pop .pop-foot button{padding:5px 10px; border-radius:5px;}
.asst_pop .pop-foot .btn-cancel{background:#e9e9e9}
.asst_pop .pop-foot .btn-confirm{background:#e12547; color:#fff}

.pop-verify{display:flex; flex-wrap:wrap; gap:5px; align-items:center; justify-content:center; padding:10px 30px 20px;}
.pop-verify p{font-size: 11px; text-align: center; letter-spacing: -1px; color: #999; margin-top: 5px;}

.asst_pop .creat_report{width:400px; }
.asst_pop .creat_report .pop-body{padding-top:30px}
.asst_pop .creat_report .pop-body p{text-align:center}

.asst_pop .asst_info{width:600px}
.asst_info .pop-head{
	background:url(../../images/all/assistant_bg.png) no-repeat top; text-align:center; color:#fff; height:110px;
	border-top-left-radius:20px; border-top-right-radius:20px; overflow:hidden;
}
.asst_info .pop-head h3{font-size:18px; font-weight:bold; margin-bottom:5px}
.asst_info .pop-head p{text-align:center}
.asst_info .pop-body{padding:30px 40px}
.ai_info_panel{display:flex; gap:20px; align-items:flex-start; margin-bottom:20px}
.ai_info_panel .ai_icon{background:url(../../images/all/ai-icon.svg) no-repeat; width:45px; height:45px; margin-top:5px; flex-shrink:0}
.ai_info_panel .aibg_2{background-position-x:-50px}
.ai_info_panel .aibg_3{background-position-x:-100px}
.ai_info_panel p{font-size:14px; font-weight:bold; color:#444; margin-bottom:5px}
.ai_info_panel span{word-break:keep-all}
.asst_info .ai_contact{background:#f5f5f5; text-align:center; padding:10px; border-radius:5px;}

.asst_pop .report_pop{display:flex; flex-direction:column; width:600px; max-height:90%; overflow:hidden}
.asst_pop .report_pop .pop-head{padding:20px 30px 10px 30px}
.asst_pop .report_pop h3{color:#444; font-size:18px; font-weight:bold; margin-bottom:5px}

.report_pop .ret_creat{display:flex; gap:20px; margin-bottom:10px;margin-top: 10px;}
.report_pop .ret_creat span{color:#999}
.report_pop .ret_creat span:last-child{color:#444; font-weight:700}
.report_pop .ret_contr{position:relative; margin-bottom:30px}
.report_pop .ret_contr p{word-break:keep-all; line-height:25px}
.report_pop .ret_tit{display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:700; color:#444; margin-bottom:10px}
.report_pop .ret_tit>div{display:flex; gap:5px; align-items:center;}
.report_pop .ret_tit .ret_date{font-size:13px; color:#999; font-weight:400}
.report_pop .ret_pipeline{display:flex; gap:2px; flex-wrap:wrap; font-size:11px; color:#fff; text-align:center; margin-bottom:10px;}
.report_pop .ret_pipeline span{display:block}
.report_pop .ret_pipeline>div{width:calc(16.66% - 2px); padding:5px 0; border-radius:6px;}
.report_pop .ret_pipeline>div{background:#E7E7E7;}
/*.report_pop .ret_pipeline>div:nth-child(6n+1){background:#D56C4B}
.report_pop .ret_pipeline>div:nth-child(6n+2){background:#DC964E}
.report_pop .ret_pipeline>div:nth-child(6n+3){background:#FFB152}
.report_pop .ret_pipeline>div:nth-child(6n+4){background:#FF9700}
.report_pop .ret_pipeline>div:nth-child(6n+5){background:#F77803}
.report_pop .ret_pipeline>div:nth-child(6n+6){background:#EC6521}*/
.report_pop .ret_contr .ret_chart{padding:15px;}
.report_pop .ret_chart{background:#f9f9f9; margin-bottom:10px; padding:15px; border-radius:15px;}
.report_pop .ret_target{position:relative; margin-bottom:30px}
.report_pop .ret_creat_opp_nm{margin-bottom:5px;margin-top: 10px;}
.report_pop .ret_creat_opp_nm span{color:#999}
.report_pop .ret_creat_opp_nm span:last-child{color:#444; font-weight:700}

/* 2024.08.27 AI 모니터링  팝업 */
.bd_none { border: 0 !important; }
.ta_left { text-align: left; }
.ta_right { text-align: right; }
.pr10 { padding-right: 10px !important; }
.pl10 { padding-left: 10px !important; }
.mnt_radio { display: flex; flex-direction: column; gap: 5px; }
label>div.addr { display: inline-block; }
.mnt_tb { position: relative; color: #666; line-height: 20px; padding: 5px; }
table.mnt_tb { width: 100%; border: 0;  }
.mnt_tb th, .mnt_tb td{font-size: 12px; letter-spacing: -1px; padding: 5px; }
.mnt_tb th{background: #f9f9f9; font-weight: 700; color: #444; text-align: center; vertical-align: middle; width: 15%; }
.mnt_tb td{ width: 30%; }
.mnt_tb td, .mnt_tb th { border: 1px solid #e9e9e9; border-collapse: collapse; }
.select_corp_btn { justify-content: center; align-items: center; margin: 15px auto 5px auto; }
.chk_main_txt { font-weight: 700; font-size: larger; color: #444; }
.lgin_checkbox input + label:before { margin-right: 10px; }
.mnt_chk_btn { border: none; background-color: #cc3636; color: #fff; width: 30%; font-weight: 700; justify-content: center; margin: 5px 0; display: flex; align-items: center; font-size: 12px; max-height: 30px; padding: 4px 8px; border-radius: 5px; cursor: pointer; }




/* Modal base - 20250425 */
.modal_wrap .pop-base{
    position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:rgba(0,0,0,0.5);
    width:100%; height:100%; padding:20px;
}
.modal_wrap .pop-base>div{
    position:relative; display:flex; align-items:center;
    width:100%; height:100%; min-height:150px; margin:auto;
}
.modal_wrap .pop-panel{
    position:relative; background:#fff; display:flex; flex-direction:column;
    width:100%; max-height:100%; border-radius:6px; overflow:hidden;
}
.modal_wrap .pop-head{display:flex; flex-shrink:0; align-items:center; justify-content:space-between; padding:10px 15px; border-bottom:1px solid #e9e9e9;}
.modal_wrap .pop-head h3{font-size:16px; font-weight:500; color:#222}
.modal_wrap .pop-head span{cursor:pointer}
.modal_wrap .pop-body{position:relative; flex:1 1 auto; overflow-y:auto;}
.modal_wrap .pop-body::-webkit-scrollbar{width:10px}
.modal_wrap .pop-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2); border-radius:5px; background-clip:padding-box; border:3px solid transparent}
.modal_wrap .pop-body::-webkit-scrollbar-track{background:transparent; width:10px}
.modal_wrap .pop-foot{display:flex; flex-wrap:nowrap; flex-shrink:0; align-items:center; justify-content:center;}
.modal_wrap .pop-foot button{background:#f5f6f8; color:#666; width:100%; padding:10px}
.modal_wrap .pop-foot button.pop-close{background:#e9e9e9; color:#222}

/* 2025 설문조사 */
.pop-survey{max-width:500px}
.pop-survey .pop-body{padding:15px}
.pop-survey .noti_li{background:#f4f4f4; padding:10px; border-radius:6px; color:#444}
.pop-survey .noti_li li{padding:3px 0}
.pop-survey .noti_li .txt_bold{font-weight:500; color:#222}
.pop-survey .noti_li .txt_annex{font-size:12px; color:#999}
.pop-survey .noti_txt{color:#444; margin-top:10px; word-break:keep-all}
.suvy_btn{display:flex; justify-content:center; align-items:center}
.suvy_btn .pop-btn{
	background:#FF4155; font-size:16px; font-weight:bold; color:#fff;
	max-width:240px; margin-top:20px; padding:10px 30px; border-radius:25px;
}
.suvy_btn .pop-btn:hover{background:#C21427}


/* AI요약 */
.tbl_ai .tbl_ai_date{
    font-size:12px; display:inline-block; padding:1px 5px; border:1px solid #d9d9d9; border-radius:3px; margin-right:5px
}
.tbl_ai .tbl_ai_txt{cursor:pointer}
.tbl_ai .tbl_ai_txt:hover{color:#000; text-decoration:underline}
.tbl_ai_btn{background:inherit; vertical-align:text-top; display:inline-block; font-size:11px; color:#777; text-decoration:underline}
.tbl_ai .tbl_ai_btn{margin-left:5px}

.rept_data_modal{
    position:absolute;
    z-index: 9999999999999999999;
    background:#fff;
    width: 350px;
    border:1px solid #d9d9d9;
    border-radius:6px;
    box-shadow:1px 3px 6px rgba(0,0,0,0.1);
}
.rept_data_modal>div{color:#666; line-height:20px;}
.rept_data_modal .rept_data{display:flex; justify-content:space-between; align-items:center; padding:15px}
.rept_data_modal .rept_data span{
    font-size:12px; display:inline-block; border:1px solid #d9d9d9;  
    padding:1px 5px; border-radius:3px; margin-right:5px
}
.rept_data_modal .rept_data button{background:inherit}
.rept_data_modal .rept_modal_con{padding:15px; padding-top:0; max-height:200px; overflow-y:auto}


/* 202505 AI요약 */
.tbl_ai .tbl_ai_date{
    font-size:12px; display:inline-block; padding:1px 5px; border:1px solid #d9d9d9; border-radius:3px; margin-right:5px
}
.tbl_ai .tbl_ai_txt{cursor:pointer}
.tbl_ai .tbl_ai_txt:hover{color:#000; text-decoration:underline}
.tbl_ai_btn{background:inherit; vertical-align:text-top; display:inline-block; font-size:11px; color:#777; text-decoration:underline}
.tbl_ai .tbl_ai_btn{margin-left:5px}

.rept_data_modal{
    position:absolute; z-index:101; background:#fff; width:400px;
    border:1px solid #d9d9d9; border-radius:6px; box-shadow:1px 3px 6px rgba(0,0,0,0.1);
}
.rept_data_modal>div{color:#666; line-height:20px;}
.rept_data_modal .rept_data{display:flex; justify-content:space-between; align-items:center; padding:15px}
.rept_data_modal .rept_data span{
    font-size:12px; display:inline-block; border:1px solid #d9d9d9;  
    padding:1px 5px; border-radius:3px; margin-right:5px
}
.rept_data_modal .rept_data button{background:inherit}
.rept_data_modal .rept_modal_con{padding:15px; padding-top:0; max-height:200px; overflow-y:auto}

#snackbar {
	visibility: hidden;
	width: 400px;
	/* margin-left: -125px; */
	/* background-color: #888; */
	/* color: #fff; */
	/* text-align: center; */
	/* border-radius: 2px; */
	background-color:white;
	color:black;
	text-align: left;
	padding: 10px 20px;
	position: fixed;
	z-index: 9999999;/*500;*/
	right: 5px;
	top: 5px;
	opacity: 0;
	transition: 1000ms;

	display:flex; gap:10px; align-items:center;
	border-left: 3px solid #4BAE4F;
	box-shadow:1px 2px 3px rgba(0,0,0,0.2)
}

#snackbar.show {
	visibility: visible;
	opacity: 1;
/* 	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; */
/* 	animation: fadein 0.5s, fadeout 0.5s 2.5s; */
}

/* @-webkit-keyframes fadein { */
/* 	from {top: 0; opacity: 0;}  */
/* 	to {top: 5px; opacity: 1;} */
/* } */

/* @keyframes fadein { */
/* 	from {top: 0; opacity: 0;} */
/* 	to {top: 5px; opacity: 1;} */
/* } */

/* @-webkit-keyframes fadeout { */
/* 	from {top: 5px; opacity: 1;}  */
/* 	to {top: 0; opacity: 0;} */
/* } */

/* @keyframes fadeout { */
/* 	from {top: 5px; opacity: 1;} */
/* 	to {top: 0; opacity: 0;} */
/* } */
@media (max-width:768px) {
    /* 2022-11-10 login renewal */
    .nlogin{width:95%; display:block; margin-top:10px}
    .nlogin>div{width:100%; padding:30px}
    /* .nlogin_app{border:none; border-top:1px solid #e9e9e9} */
    .nlogin .app_con{display:none}
    .nlogin_foot .lg_desc{position:relative; bottom:0; padding:20px 0}
    
    

    /* banner */
    .banner202304{width:95%}
    .banner202304 img{width:100%}

    /* 기초교육, 정기교육 */
    .edu_wrap .edu_body i{display:none}
}

@media (max-width: 640px) {
	.policy_wrap{position:fixed; top:0; left:0; right:0; bottom:0; margin:0; width:100%; height:100%; border:none; box-shadow:none}
	.policy_wrap>div{height:100%; padding:0; overflow-y:auto}
	.policy_con{padding:30px 20px}
    .policy_con .policy_tit h2{font-size:24px; margin-bottom:30px}
    .policy_con p{font-size:12px; line-height:22px}
    .policy_con li{font-size:12px; line-height:22px}
    .policy_con .call_table{display:block}
    .policy_con .call_table dt{padding-left:10px}
    .policy_con .call_table dd{padding:5px 0 5px 10px}

    .policy_wrap .policy_close{margin:0; height:40px; line-height:40px}

    /* 기초교육, 정기교육 */
    .edu_wrap .edu_body{height:100px}
    .edu_wrap .edu_body .edu_con{display:block; padding:10px}
    .edu_wrap .edu_body p{margin:0; text-align:center}
    .edu_wrap .edu_body span{display:block; text-align:center; font-size:11px}
    .edu_wrap .edu_body a{display:block; font-size:13px; margin-top:10px}
}

@media (max-width:600px) {
	.pw_only_mobile {
		display: block;
	}
	.pw_only_pc {
		display: none;
	}
	.log_box {
		width: auto;
	}
	.log_tit {
		text-align: left
	}
	.log_desc {
		text-align: left;
	}
	.new_pwd .p_tit {
		display: none;
	}
	.log_box input::placeholder {
		color: #666;
	}
	.log_box input:-ms-input-placeholder {
		color: #666;
	}
	.log_po {
		top: 28px;
	}
	.new_pwd .p_input {
		width: 90%;
	}
}

@media (max-width: 480px) {
	.gid_btn{bottom:50px}
	.gid_btn>div{width:40px; height:40px}
	.gid_btn svg{width:20px}
	.gid_btn .gid_ai p{font-size:13px}
	.gid_btn .gid_ai svg{top:-2px; width:15px}
	.gid_btn>div:hover span{display:none}


	/* top btn */
	.top_btn.topn{bottom:10px; width:40px; height:40px; opacity:1}
	.top_btn.topn svg{margin:10px auto}
	#snackbar {width:95%}
	#snackbar {right:2.5%;}

	/* assistant pop */
	.asst_info .pop-body{padding:20px}
	
	/* AI modal */
	.rept_data_modal{left:0; width:100%}
	
	
	/* AI 브리핑 */
	.com_header{display:block}
	.pop-footer .foot_info br{display:block}
	.com_body{max-height:410px;}
	.com_body>div{display:block;}
	.pop-company2 .com_body{max-height:370px;}
}

@media (max-width: 280px) {
	/* 기초교육, 정기교육 */
	.edu_wrap{min-width:100%}
	.edu_wrap .edu_body p{font-size:12px}
	.edu_wrap .edu_body span{display:none}
	.edu_wrap .edu_body .edu_con{margin-top:15px}
}