@charset "UTF-8";

/* reset */
*, :after, :before {box-sizing:border-box;}
* {margin:0; padding:0; font:inherit; color:inherit}
:root {
    -webkit-tap-highlight-color:transparent;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    text-size-adjust:100%;
    cursor:default;
    line-height:1.5;
    overflow-wrap:break-word;
    -moz-tab-size:4;
    tab-size:4;
        
    /*ios대응*/
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjuns:none;
}
/* :root ::-webkit-scrollbar{width:18px; height:18px;}
:root ::-webkit-scrollbar-thumb{background:var(--scrollbar); border-radius:10px; background-clip:padding-box; border:6px solid transparent;}
:root ::-webkit-scrollbar-track{position:absolute; top:0; right:0; background:transparent}
:root ::-webkit-scrollbar-corner{background:transparent}
:root ::-webkit-input-placeholder{color:var(--placeh-bg); font-size:12px}
:root :-ms-input-placeholder{color:var(--placeh-bg); font-size:12px} */

/* select{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
} */


/* 
    Default Color Set 
*/
.bg-gray1 {background: var(--color-bg-gray1);}
.bg-gray2 {background: var(--color-bg-gray2);}
.bg-gray3 {background: var(--color-bg-gray3);}
.bg-gray4 {background: var(--color-bg-gray4);}
.bg-olive1 {background: var(--color-bg-olive1);}
.bg-olive2 {background: var(--color-bg-olive2);}
.bg-olive3 {background: var(--color-bg-olive3);}
.bg-olive4 {background: var(--color-bg-olive4);}
.bg-green1 {background: var(--color-bg-green1);}
.bg-green2 {background: var(--color-bg-green2);}
.bg-green3 {background: var(--color-bg-green3);}
.bg-green4 {background: var(--color-bg-green4);}
.bg-blue1 {background: var(--color-bg-blue1);}
.bg-blue2 {background: var(--color-bg-blue2);}
.bg-blue3 {background: var(--color-bg-blue3);}
.bg-blue4 {background: var(--color-bg-blue4);}
.bg-salmon1 {background: var(--color-bg-salmon1);}
.bg-salmon2 {background: var(--color-bg-salmon2);}
.bg-salmon3 {background: var(--color-bg-salmon3);}
.bg-salmon4 {background: var(--color-bg-salmon4);}
.bg-red1 {background: var(--color-bg-red1);}
.bg-red2 {background: var(--color-bg-red2);}
.bg-red3 {background: var(--color-bg-red3);}
.bg-red4 {background: var(--color-bg-red4);}
.bg-indigo1 {background: var(--color-bg-indigo1);}
.bg-indigo2 {background: var(--color-bg-indigo2);}
.bg-indigo3 {background: var(--color-bg-indigo3);}
.bg-indigo4 {background: var(--color-bg-indigo4);}
.bg-purple1 {background: var(--color-bg-purple1);}
.bg-purple2 {background: var(--color-bg-purple2);}
.bg-purple3 {background: var(--color-bg-purple3);}
.bg-purple4 {background: var(--color-bg-purple4);}
.bg-magenta1 {background: var(--color-bg-magenta1);}
.bg-magenta2 {background: var(--color-bg-magenta2);}
.bg-magenta3 {background: var(--color-bg-magenta3);}
.bg-magenta4 {background: var(--color-bg-magenta4);}
.bg-mint1 {background: var(--color-bg-mint1);}
.bg-mint2 {background: var(--color-bg-mint2);}
.bg-mint3 {background: var(--color-bg-mint3);}
.bg-mint4 {background: var(--color-bg-mint4);}

.butn.bg-gray1 {background: var(--color-bg-gray1); border-color:var(--color-bg-gray1); color:var(--button-txt)}
.butn.bg-gray2 {background: var(--color-bg-gray2); border-color:var(--color-bg-gray2); color:var(--button-txt)}
.butn.bg-gray3 {background: var(--color-bg-gray3); border-color:var(--color-bg-gray3); color:var(--button-txt)}
.butn.bg-gray4 {background: var(--color-bg-gray4); border-color:var(--color-bg-gray4); color:var(--button-txt)}
.butn.bg-olive1 {background: var(--color-bg-olive1); border-color:var(--color-bg-olive1); color:var(--button-txt)}
.butn.bg-olive2 {background: var(--color-bg-olive2); border-color:var(--color-bg-olive2); color:var(--button-txt)}
.butn.bg-olive3 {background: var(--color-bg-olive3); border-color:var(--color-bg-olive3); color:var(--button-txt)}
.butn.bg-olive4 {background: var(--color-bg-olive4); border-color:var(--color-bg-olive4); color:var(--button-txt)}
.butn.bg-green1 {background: var(--color-bg-green1); border-color:var(--color-bg-green1); color:var(--button-txt)}
.butn.bg-green2 {background: var(--color-bg-green2); border-color:var(--color-bg-green2); color:var(--button-txt)}
.butn.bg-green3 {background: var(--color-bg-green3); border-color:var(--color-bg-green3); color:var(--button-txt)}
.butn.bg-green4 {background: var(--color-bg-green4); border-color:var(--color-bg-green4); color:var(--button-txt)}
.butn.bg-blue1 {background: var(--color-bg-blue1); border-color:var(--color-bg-blue1); color:var(--button-txt)}
.butn.bg-blue2 {background: var(--color-bg-blue2); border-color:var(--color-bg-blue2); color:var(--button-txt)}
.butn.bg-blue3 {background: var(--color-bg-blue3); border-color:var(--color-bg-blue3); color:var(--button-txt)}
.butn.bg-blue4 {background: var(--color-bg-blue4); border-color:var(--color-bg-blue4); color:var(--button-txt)}
.butn.bg-salmon1 {background: var(--color-bg-salmon1); border-color:var(--color-bg-salmon1); color:var(--button-txt)}
.butn.bg-salmon2 {background: var(--color-bg-salmon2); border-color:var(--color-bg-salmon2); color:var(--button-txt)}
.butn.bg-salmon3 {background: var(--color-bg-salmon3); border-color:var(--color-bg-salmon3); color:var(--button-txt)}
.butn.bg-salmon4 {background: var(--color-bg-salmon4); border-color:var(--color-bg-salmon4); color:var(--button-txt)}
.butn.bg-red1 {background: var(--color-bg-red1); border-color:var(--color-bg-red1); color:var(--button-txt)}
.butn.bg-red2 {background: var(--color-bg-red2); border-color:var(--color-bg-red2); color:var(--button-txt)}
.butn.bg-red3 {background: var(--color-bg-red3); border-color:var(--color-bg-red3); color:var(--button-txt)}
.butn.bg-red4 {background: var(--color-bg-red4); border-color:var(--color-bg-red4); color:var(--button-txt)}
.butn.bg-indigo1 {background: var(--color-bg-indigo1); border-color:var(--color-bg-indigo1); color:var(--button-txt)}
.butn.bg-indigo2 {background: var(--color-bg-indigo2); border-color:var(--color-bg-indigo2); color:var(--button-txt)}
.butn.bg-indigo3 {background: var(--color-bg-indigo3); border-color:var(--color-bg-indigo3); color:var(--button-txt)}
.butn.bg-indigo4 {background: var(--color-bg-indigo4); border-color:var(--color-bg-indigo4); color:var(--button-txt)}
.butn.bg-purple1 {background: var(--color-bg-purple1); border-color:var(--color-bg-purple1); color:var(--button-txt)}
.butn.bg-purple2 {background: var(--color-bg-purple2); border-color:var(--color-bg-purple2); color:var(--button-txt)}
.butn.bg-purple3 {background: var(--color-bg-purple3); border-color:var(--color-bg-purple3); color:var(--button-txt)}
.butn.bg-purple4 {background: var(--color-bg-purple4); border-color:var(--color-bg-purple4); color:var(--button-txt)}
.butn.bg-magenta1 {background: var(--color-bg-magenta1); border-color:var(--color-bg-magenta1); color:var(--button-txt)}
.butn.bg-magenta2 {background: var(--color-bg-magenta2); border-color:var(--color-bg-magenta2); color:var(--button-txt)}
.butn.bg-magenta3 {background: var(--color-bg-magenta3); border-color:var(--color-bg-magenta3); color:var(--button-txt)}
.butn.bg-magenta4 {background: var(--color-bg-magenta4); border-color:var(--color-bg-magenta4); color:var(--button-txt)}
.butn.bg-mint1 {background: var(--color-bg-mint1); border-color:var(--color-bg-mint1); color:var(--button-txt)}
.butn.bg-mint2 {background: var(--color-bg-mint2); border-color:var(--color-bg-mint2); color:var(--button-txt)}
.butn.bg-mint3 {background: var(--color-bg-mint3); border-color:var(--color-bg-mint3); color:var(--button-txt)}
.butn.bg-mint4 {background: var(--color-bg-mint4); border-color:var(--color-bg-mint4); color:var(--button-txt)}


.text-gray1 {color: var(--color-bg-gray1);}
.text-gray2 {color: var(--color-bg-gray2);}
.text-gray3 {color: var(--color-bg-gray3);}
.text-gray4 {color: var(--color-bg-gray4);}
.text-olive1 {color: var(--color-bg-olive1);}
.text-olive2 {color: var(--color-bg-olive2);}
.text-olive3 {color: var(--color-bg-olive3);}
.text-olive4 {color: var(--color-bg-olive4);}
.text-green1 {color: var(--color-bg-green1);}
.text-green2 {color: var(--color-bg-green2);}
.text-green3 {color: var(--color-bg-green3);}
.text-green4 {color: var(--color-bg-green4);}
.text-blue1 {color: var(--color-bg-blue1);}
.text-blue2 {color: var(--color-bg-blue2);}
.text-blue3 {color: var(--color-bg-blue3);}
.text-blue4 {color: var(--color-bg-blue4);}
.text-salmon1 {color: var(--color-bg-salmon1);}
.text-salmon2 {color: var(--color-bg-salmon2);}
.text-salmon3 {color: var(--color-bg-salmon3);}
.text-salmon4 {color: var(--color-bg-salmon4);}
.text-red1 {color: var(--color-bg-red1);}
.text-red2 {color: var(--color-bg-red2);}
.text-red3 {color: var(--color-bg-red3);}
.text-red4 {color: var(--color-bg-red4);}
.text-indigo1 {color: var(--color-bg-indigo1);}
.text-indigo2 {color: var(--color-bg-indigo2);}
.text-indigo3 {color: var(--color-bg-indigo3);}
.text-indigo4 {color: var(--color-bg-indigo4);}
.text-purple1 {color: var(--color-bg-purple1);}
.text-purple2 {color: var(--color-bg-purple2);}
.text-purple3 {color: var(--color-bg-purple3);}
.text-purple4 {color: var(--color-bg-purple4);}
.text-magenta1 {color: var(--color-bg-magenta1);}
.text-magenta2 {color: var(--color-bg-magenta2);}
.text-magenta3 {color: var(--color-bg-magenta3);}
.text-magenta4 {color: var(--color-bg-magenta4);}
.text-mint1 {color: var(--color-bg-mint1);}
.text-mint2 {color: var(--color-bg-mint2);}
.text-mint3 {color: var(--color-bg-mint3);}
.text-mint4 {color: var(--color-bg-mint4);}

svg.icon.icon-gray1 {fill: var(--color-bg-gray1);}
svg.icon.icon-gray2 {fill: var(--color-bg-gray2);}
svg.icon.icon-gray3 {fill: var(--color-bg-gray3);}
svg.icon.icon-gray4 {fill: var(--color-bg-gray4);}
svg.icon.icon-olive1 {fill: var(--color-bg-olive1);}
svg.icon.icon-olive2 {fill: var(--color-bg-olive2);}
svg.icon.icon-olive3 {fill: var(--color-bg-olive3);}
svg.icon.icon-olive4 {fill: var(--color-bg-olive4);}
svg.icon.icon-green1 {fill: var(--color-bg-green1);}
svg.icon.icon-green2 {fill: var(--color-bg-green2);}
svg.icon.icon-green3 {fill: var(--color-bg-green3);}
svg.icon.icon-green4 {fill: var(--color-bg-green4);}
svg.icon.icon-blue1 {fill: var(--color-bg-blue1);}
svg.icon.icon-blue2 {fill: var(--color-bg-blue2);}
svg.icon.icon-blue3 {fill: var(--color-bg-blue3);}
svg.icon.icon-blue4 {fill: var(--color-bg-blue4);}
svg.icon.icon-salmon1 {fill: var(--color-bg-salmon1);}
svg.icon.icon-salmon2 {fill: var(--color-bg-salmon2);}
svg.icon.icon-salmon3 {fill: var(--color-bg-salmon3);}
svg.icon.icon-salmon4 {fill: var(--color-bg-salmon4);}
svg.icon.icon-red1 {fill: var(--color-bg-red1);}
svg.icon.icon-red2 {fill: var(--color-bg-red2);}
svg.icon.icon-red3 {fill: var(--color-bg-red3);}
svg.icon.icon-red4 {fill: var(--color-bg-red4);}
svg.icon.icon-indigo1 {fill: var(--color-bg-indigo1);}
svg.icon.icon-indigo2 {fill: var(--color-bg-indigo2);}
svg.icon.icon-indigo3 {fill: var(--color-bg-indigo3);}
svg.icon.icon-indigo4 {fill: var(--color-bg-indigo4);}
svg.icon.icon-purple1 {fill: var(--color-bg-purple1);}
svg.icon.icon-purple2 {fill: var(--color-bg-purple2);}
svg.icon.icon-purple3 {fill: var(--color-bg-purple3);}
svg.icon.icon-purple4 {fill: var(--color-bg-purple4);}
svg.icon.icon-magenta1 {fill: var(--color-bg-magenta1);}
svg.icon.icon-magenta2 {fill: var(--color-bg-magenta2);}
svg.icon.icon-magenta3 {fill: var(--color-bg-magenta3);}
svg.icon.icon-magenta4 {fill: var(--color-bg-magenta4);}
svg.icon.icon-mint1 {fill: var(--color-bg-mint1);}
svg.icon.icon-mint2 {fill: var(--color-bg-mint2);}
svg.icon.icon-mint3 {fill: var(--color-bg-mint3);}
svg.icon.icon-mint4 {fill: var(--color-bg-mint4);}



/* 
    Button Style
*/
.butn{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px;
    text-align:center;
    white-space:nowrap;
    padding:5px 10px;
    border:1px solid var(--button-border);
    border-radius:6px;
    outline:none;
    cursor:pointer;
    transition:all 0.3s ease;
}
.butn.text-size-s1,
.butn.text-size-s2{padding:2px 6px}

.icon_butn{
	display:flex;
    justify-content:center;
    align-items:center;
    gap:5px;
    text-align:center;
    white-space:nowrap;
    outline:none;
    cursor:pointer;
	width:24px; height:24px; 
	border-radius:6px; 
	transition:all 0.3s ease;
}
.icon_butn:hover{background:var(--button-hover)}
.icon_butn:hover svg{fill:var(--menu-icon-hover)}


/* 
    Modal Style
*/


/*
    Input Style
*/





/* 스크롤 로딩 동작하지 않음 body, html {height:100%} */
/* canvas, img, picture, svg, video {display:block; max-width:100%} */
button, input, select, textarea {font:inherit}
button {background:none; border:0; cursor:pointer}
a {text-decoration:none}
table {border-collapse:collapse; border-spacing:0}
/* h1, h2, h3, h4, h5, h6, p {overflow-wrap:break-word} */
#__next, #root {isolation:isolate}

svg.icon{display:block; width:18px; height:18px; fill:var(--menu-icon); transition:all 0.3s ease;}
svg.icon.size-ss{width:10px; height:10px}
svg.icon.size-s{width:14px; height:14px}
svg.icon.size-l{width:24px; height:24px}
svg.icon.size-xl{width:30px; height:30px}













/* 
	캘린더 
*/
.cal_fab{position:absolute; z-index:99; top:0; right:0; cursor:pointer;}
.cal_bar>div.cal_fab{display:block; margin-right:0}
.fab_btn{height:40px; font-weight:700; padding:5px 20px; border-radius:20px;}
.fab_btn .cal-add{fill:var(--color-bg-red3); flex-shrink:0}

.cal_fab.active .fab_btn{background:var(--bgw-hover)}
.cal_fab.active .fab_btn svg.dot_arrow{transform:rotate(180deg); fill:var(--menu-icon-hover)}
.cal_fab.active .fab_pop{display:block; top:45px; height:auto; opacity:1;}
.cal_today{position:relative; text-align:center; display:none; cursor:pointer;}
.cal_today i{
	position:absolute; top:3px; display:flex; justify-content:center; align-items:center; 
	width:24px; height:24px; font-size:12px; font-weight:bold; color:var(--today-txt);
}
.cal_today svg{fill:var(--today-svg)}

/* 부서 */
.schedule .sc_head{
	/* height: 41px;
    padding-left: 8px;
    line-height: 41px;
    background-color: #939393; */
    position: relative;
}
.schedule .sc_title{font-weight:var(--font-bold)}


/* 팝메뉴 */
.fab_tips{position:absolute;}
.fab_tips .fab_pop{top:0; opacity:1; height:auto;}
.fab_pop{
	position:absolute; right:0; background:var(--bgw-color); min-width:140px; opacity:0; height:0; overflow:hidden;
	box-sizing:border-box; border-radius:6px; box-shadow:1px 3px 6px var(--dox-shadow); transition:all 0.3s ease;
}
.fab_pop ul{padding:5px}
.fab_pop li{position:relative; display:flex; gap:5px; align-items:center; padding:0 10px; text-align:left; line-height:40px; border-radius:6px; cursor:pointer; white-space:nowrap}
.fab_pop li:hover{background:var(--bgw-hover); color:var(--txt-hover)}
.fab_pop li:hover .icon{fill:var(--menu-icon-hover)}

.mobile_btr{display:none; position:absolute; top:10px; right:0;}
.mobile_btr .dpmenu{
	position:absolute; right:0; bottom:30px; background:var(--bgw-color); min-width:140px; overflow:hidden;
	box-sizing:border-box; border-radius:6px; box-shadow:1px 3px 6px var(--dox-shadow); transition:all 0.3s ease;
}
.dpmenu ul{padding:5px}
.dpmenu li{
	position:relative; display:flex; gap:5px; align-items:center; font-size:var(--font-size); font-weight:var(--font-mormal); text-align:left; line-height:40px;
	padding:0 10px;  border-radius:6px; cursor:pointer; white-space:nowrap;
}
.dpmenu li:hover{background:var(--bgw-hover); color:var(--txt-hover)}
.dpmenu li:hover .icon{fill:var(--menu-icon-hover)}




/*
	영업기회
*/
.pipe_panel{margin-bottom:10px; padding:20px; border:1px solid var(--borderline); border-radius:6px}
.oppo_head{position:relative; display:flex; gap:10px;}
.oppo_head p{
	display:inline-block;
	font-weight:var(--font-bold);
	display:-webkit-box; 
	line-clamp:1; 
	-webkit-line-clamp:1; 
	-webkit-box-orient: vertical;
	overflow:hidden;
	cursor:pointer;
	margin-right:30px;
}
.head_tag{
	display:flex; justify-content:center; align-items:center;
	color:var(--white-txt); font-size:var(--font-size-s2); white-space:nowrap; 
	padding:0 5px; border-radius:3px;
}
.head_tag.recog{background:var(--pipe-indigo)}
.head_tag.posal{background:var(--pipe-blue)}
.head_tag.nego{background:var(--pipe-green)}
.head_tag.cont{background:var(--pipe-red)}

.imenu_wrap{position:absolute; top:-2px; right:0}
.imenu_wrap ul{
	display:none; position:absolute; z-index:1; right:0; background:#fff; 
	min-width:140px; padding:10px; border:1px solid #d9d9d9; border-radius:6px;
	box-shadow:1px 3px 6px rgba(0,0,0,0.1);
}
.imenu_wrap li{display:flex; gap:5px; padding:5px 10px; border-radius:6px; cursor:pointer}
.imenu_wrap li:hover{background:var(--bgw-hover); color:var(--txt-hover)}
.imenu_wrap li:hover .icon{fill:var(--menu-icon-hover)}
.imenu_wrap.nav-is-visible ul{display:block}

.oppo_pipeline{display:flex; gap:2px; margin-top:15px;}
.oppo_pipeline>div{background:var(--pipe-none); width:100%; min-height:6px; border-radius:3px; cursor:pointer; transition:all 0.3s ease}
.oppo_pipeline p{display:none; font-size:var(--font-size-s2); color:var(--white-txt); text-align:center; line-height:15px;}
.oppo_pipeline.active>div{padding:5px 0}
.oppo_pipeline.active p{
	display:block;
	display:-webkit-box; 
	line-clamp:1; 
	-webkit-line-clamp:1; 
	-webkit-box-orient: vertical;
	overflow:hidden;
}
.oppo_pipeline .recog{background:var(--pipe-indigo)}
.oppo_pipeline .posal{background:var(--pipe-blue)}
.oppo_pipeline .nego{background:var(--pipe-green)}
.oppo_pipeline .cont{background:var(--pipe-red)}


.oppo_exp{display:flex; gap:20px; margin-top:15px;}
.oppo_exp>div{display:flex; justify-content:center; align-items:center; gap:5px;}
.oppo_exp span{font-size:var(--font-size-s1); color:var(--label-txt)}
.oppo_exp p{font-size:var(--font-size-s1);}








/* Responsive - 위치 이동 예정 */
@media (max-width: 640px){
	/* 캘린더 상단 ui */
	.tab_content{margin-top:10px}
	.cal_bar{justify-content:space-between; text-align:center}
	.cal_bar button{height:40px}
	.cal_bar button span.fc-icon-left:before{top:11px}
	.cal_bar button span.fc-icon-right:before{top:11px}
	.cal_bar .cal_daybtn{display:none}
	.cal_fab{position:relative; right:0;}
	.cal_today{display:block; margin-right:20px}

	.fab_btn{width:24px; height:24px; padding:0; border-radius:3px; text-indent:-999999px; border:none; overflow:hidden}
	.fab_btn .cal-add{margin:0; width:24px; height:24px}
	.fab_btn i{display:none}
	.fab_btn .dot_arrow{display:none}
	
	.schedule .btn_right{display:none}
	.mobile_btr{display:block}
}
@media (max-width: 480px){
	
}