@charset "utf-8";

/* 로그인 */
body.login_body{line-height:normal; min-width:1180px; min-height:800px;}
.login_wrap {width:1180px; margin:-385px auto 0 auto; top:50%; position:relative;}
.login_wrap .logo {margin-bottom:10px; width:100%;}

.login_wrap .login_box {width:100%; height:710px; border-radius: 5px; border: solid 1px #d6dbe4;box-sizing:border-box; overflow:hidden;}
.login_wrap .login_box:after {content:""; display:block; clear:both;}
.login_wrap .login_box .login_input {float:left; width:50%;}

.login_wrap .login_box .login_input .cont {padding:50px 50px; text-align:center; }
.login_wrap .login_box .login_input .cont .tit {margin:0 0 20px 0; font-size: 37px; font-weight: bold; }
.login_wrap .login_box .login_input .cont .login-tabs {display: inline-flex; margin-bottom:0; padding:0; width: 194px; height: 50px; border: 1px solid #D6DBE4; border-radius: 5px;}
.login_wrap .login_box .login_input .cont .login-tabs li {width: 100%; font-size: 16px; line-height: 48px; font-weight:bold; color: #8F8E93; cursor:pointer}
.login_wrap .login_box .login_input .cont .login-tabs li.on {height: 50px; top: -1px;left: -1px; border:1px solid #004B8E; border-radius:5px; color: #004B8E; position: relative;}
.login_wrap .login_box .login_input .cont .login-tabs li.on:last-child {left:1px;}

.login_wrap .login_box .login_input .login-cont {display: none;}
.login_wrap .login_box .login_input .login-cont.on {display: inherit;}
.login_wrap .login_box .login_input .login-cont .desc {min-height:60px; margin:15px 0 30px 0; color:#8F8E93; }

.login_wrap .login_box .login_input .login-form {margin:0; padding:0;}
.login_wrap .login_box .login_input .login-form .input-box {margin-bottom: 10px;}
.login_wrap .login_box .login_input .login-form .input-box input:focus {border:1px solid #004B8E}
.login_wrap .login_box .login_input .login-form .input-box input:disabled {background-color:#ebeef3;}
.login_wrap .login_box .login_input .login-form .input-box input {width: 100%; height: 60px; font-size:16px; padding-left: 15px; box-sizing:border-box;}
.login_wrap .login_box .login_input .login-form .login-check {margin:30px 0; text-align:left; display:flex; justify-content:space-between; align-items:center;}
.login_wrap .login_box .login_input .login-form .login-check label {font-size:17px; color:#000000;}
.login_wrap .login_box .login_input .login-form .login-check label:before{top:5px;}
.login_wrap .login_box .login_input .login-form .login-btn {width:100%; height:70px; line-height:70px; font-size:16px; color:#fff; background:#004B8E; border:0; cursor:pointer}
.login_wrap .login_box .login_input .login-form .login-btn:hover{background:#073660;}
.login_wrap .login_box .login_input .login-form .login-btn.on {background:#004B8E;}
.login_wrap .login_box .login_input .login-form .login-btn span{font-weight:500;}


/* 로그인 이미지 */
.login_wrap .login_box .login_img {float:left; width:50%; height:100%; box-sizing:border-box;}
.login_wrap .login_box .login_img img {}

/* 하단 */
.login_wrap .login_etc {width:100%; margin-top:15px;}
.login_wrap .login_etc:after {content:""; display:block; clear:both;}
.login_wrap .login_etc .etc_l {float:left;}
.login_wrap .login_etc .etc_l:after {content:""; display:block; clear:both;}
.login_wrap .login_etc .etc_l li {float:left; margin-left:5px;}
.login_wrap .login_etc .etc_l li:first-child {margin-left:0;}
.login_wrap .login_etc .etc_l li a {display:block; font-size:14px; line-height:18px; color:#4c4d4f; text-decoration:underline;}

.login_wrap .login_etc .etc_r {float:right;}
.login_wrap .login_etc .etc_r:after {content:""; display:block; clear:both;}
.login_wrap .login_etc .etc_r li {float:left; padding:0 10px; position:relative;}
.login_wrap .login_etc .etc_r li:after {content:""; width:1px; height:14px; background:#ddd; right:0; top:2px; position:absolute; }
.login_wrap .login_etc .etc_r li:first-child {padding-left:0;}
.login_wrap .login_etc .etc_r li:last-child {padding-right:0;}
.login_wrap .login_etc .etc_r li:last-child:after {display:none;}
.login_wrap .login_etc .etc_r li a {display:block; font-size:13px; line-height:18px; color:#8f8e93;}
/* 20.12.31 */

/* 로그인 언어 */
.login_com_chk:after {content: ""; display: block; clear: both;}
.login_com_chk li {float: left; margin: 0 0 10px 42px; cursor: pointer;}
.login_com_chk li:first-child {margin-left: 0;}
.login_com_chk li .img01 {display: inline-block; width: 50px; height: 50px; border: solid 2px #d6dbe4; border-radius: 50%; background: url(../images/ImgIcon/icon_language01.png) no-repeat -1px -2px; box-sizing: border-box}
.login_com_chk li .img02 {display: inline-block; width: 50px; height: 50px; border: solid 2px #d6dbe4; border-radius: 50%; background: url(../images/ImgIcon/icon_language02.png) no-repeat; box-sizing: border-box}
.login_com_chk li .img03 {display: inline-block; width: 50px; height: 50px; border: solid 2px #d6dbe4; border-radius: 50%; background: url(../images/ImgIcon/icon_language03.png) no-repeat -1px -2px; box-sizing: border-box}
.login_com_chk li .img04 {display: inline-block; width: 50px; height: 50px; border: solid 2px #d6dbe4; border-radius: 50%; background: url(../images/ImgIcon/icon_language04.png) no-repeat; box-sizing: border-box}
.login_com_chk li .img img {max-width: 100%;}
.login_com_chk li.on .img01,
.login_com_chk li.on .img02,
.login_com_chk li.on .img03,
.login_com_chk li.on .img04 {border: solid 2px #004b8e; position: relative;}
.login_com_chk li.on .img01:after,
.login_com_chk li.on .img02:after,
.login_com_chk li.on .img03:after,
.login_com_chk li.on .img04:after {content: ""; width: 46px; height: 46px; left: 0; top: 0; position: absolute; border-radius: 50%;}
.login_com_chk.language li.on .img01:after,
.login_com_chk.language li.on .img02:after,
.login_com_chk.language li.on .img03:after,
.login_com_chk.language li.on .img04:after {background-color: rgba(255,255,255,0.8); background-image: url(../images/ImgIcon/icon_language_check.png); background-position: center center; background-repeat: no-repeat;}
.login_com_chk li p {margin-left: 3px; font-size: 14px; color: #000; vertical-align: top;}

*,
*:before,
*:after {margin: 0; padding: 0;}
/******************************************************************************************************/



.cont-box { border-radius:10px; box-shadow: 1px 3px 4px 0 #cecece;background:#fff}
.cont-box .slide-box {height:100%; box-sizing:border-box;}
.cont-box.cont-1x1 {width:420px;height:390px;} /*1x1*/
.cont-box.cont-1x1 .slide-box{width:420px;}
.cont-box.cont-1x2 {width:420px;height:800px;} /*1x2*/
.cont-box.cont-1x2 .slide-box{width:420px;}
.cont-box.cont-2x1 {width:860px;height:390px;} /*2x1*/
.cont-box.cont-2x1 .slide-box{width:860px;}
.cont-box.cont-2x1 .slide .item .slide-box{width:860px;}

.cont-box .header > .tit {display: inline-block;}

.cont-box .header {display: flex; justify-content: space-between; position:relative;border-radius:10px 10px 0 0;height:64px;line-height:64px;background: #fff;padding:0 25px; font-size:20px;font-weight: bold;}
	
.cont-box .header > .tit:before {content:'';display:inline-block;width:24px;height: 24px; margin-right: 10px;vertical-align: middle; display:none !important;}
.cont-box .header > .tit:after{content:""; display:inline-block; width:8px; height:14px; /*background:url(../images/kr/main/tit_arrow.svg) no-repeat;*/ vertical-align:top; margin:25px 0 0 10px;}
.cont-box .header > a:after {content:'';display:inline-block;width: 8px; margin-left: 6px;vertical-align: middle;/*background: url('../images/kr/main/title_arrow.svg') no-repeat;*/}
.cont-box .cont.no-data{position:relative;}
.cont-box .cont.no-data .txt{position:absolute; top:50%; left:50%; transform:translate(-61px,-48px); font-size:16px; color:#4c4d4f; }
.cont-box .cont.no-data .txt::before {content:''; display:block; width:50px; height:50px; margin:0 auto 22px auto; background: url('../images/kr/main/icon-info.png'); }

.cont-box .cont .nodataBox{ transform: translate(-50%, calc(-50% - 10px));}

/* 타이틀 셀렉트박스 ... 처리 */
.cont-box .header .select-box.type01 > a{position:relative; max-width:100px; padding-right:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cont-box.cont-2x1 .header .select-box.type01 > a{max-width: none;}
.cont-box .header .select-box.type01 > a:after{position:absolute; right:0px; top:50%; margin-top:-3px;}

/* 타이틀 아이콘 */
.cont-box.mail .header > .tit:before {background: url('../images/kr/main/icon_mail.png') no-repeat;}
.cont-box.payment .header > a:before {background: url('../images/kr/main/icon_payment.png') no-repeat; margin-bottom: 4px;}
.cont-box.notice .header > .tit:before {background: url('../images/kr/main/icon_notice.png') no-repeat; margin-bottom: 4px;}
.cont-box.cooperation .header > .tit:before {background: url('../images/kr/main/icon_cooperation.png') no-repeat; margin-bottom: 4px;}
.cont-box.reservation .header > .tit:before {background: url('../images/kr/main/icon_reservation.png') no-repeat; margin-bottom: 4px;}
.cont-box.community .header > .tit:before {background: url('../images/kr/main/icon_community.png') no-repeat; margin-bottom: 4px;}
.cont-box.photo-board .header > .tit:before {background: url('../images/kr/main/icon_photo-board.png') no-repeat; margin-bottom: 4px;}
.cont-box.calendar .header > .tit:before {background: url('../images/kr/main/icon_calendar.png') no-repeat; margin-bottom: 4px;}
.cont-box.working-attitude .header > .tit:before {background: url('../images/kr/main/icon_working_attitude.png') no-repeat; margin-bottom: 4px;}
.cont-box.working-attitude-confirm .header > .tit:before {background: url('../images/kr/main/icon_working_attitude_confirm.png') no-repeat; margin-bottom: 4px;}
.cont-box.my-mobis .header > .tit:before {background: url('../images/kr/main/icon_mymobis.png') no-repeat; margin-bottom: 4px;}
.cont-box.stock .header > .tit:before {background: url('../images/kr/main/icon_stock.png') no-repeat; margin-bottom: 4px;}

/* 포탈 결재 > 제거 */
.cont-box.payment .header > a{cursor:default;}
 
	
/* 리스트 공통 */
.cont-box .cont{position:relative; height:calc(100% - 64px); background:#fff; border-radius: 0 0 10px 10px;}
.cont-box .cont .list > li{border-bottom:1px solid #EAEAEA; padding:11px 25px; border-bottom:none; display:flex; cursor:pointer;}
.cont-box .cont .list > li:hover{background:#F8F9FB}
.cont-box .cont .list > li:last-child{border-bottom:0}
.cont-box .cont .list > li .info {width: 100%;}
.cont-box .cont .list > li .info .tit{font-size: 16px; margin-bottom: 4px; font-weight:bold;}
.cont-box .cont .list > li .info .desc{font-size:14px; color: #8F8E93;}
.cont-box .cont .list > li .info .desc span{vertical-align:top;}
.cont-box .cont .list > li .info .desc span:first-child{display:inline-block; max-width:calc(100% - 90px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cont-box .cont .list > li .info .desc .date:before {content:'';position: relative;top: 1px;left: 0px;display:inline-block;width:1px;height: 12px;background:#E6E7E8;margin: 0px 7px;}                    
.cont-box.cont-1x2 .cont .list > li{display:flex; padding:11px 25px;}                            

/* 리스트 type01 */
.cont-box .cont li .img {position:relative;margin-right: 15px;}
.cont-box .cont li .img img {width: 40px; height: 40px; border-radius:50%; }	
.cont-box .cont li .img .gnb_info {display:none;position:absolute;top: -10px;left: 55px;width: 128px;height: 92px;padding: 14px 15px;background:#404146;border-radius: 10px;z-index: 10;box-sizing: border-box;}
.cont-box .cont li .img:hover .gnb_info {display:block}
.cont-box .cont li .img:hover .gnb_info:after {content:"";position: absolute;top: 0;left: -85px;display:inline-block;width:100px;height: 92px;}
.cont-box .cont li .img .gnb_info li {float: left;background: url('../images/kr/main/profile_gnb.svg')  no-repeat;width: 32px;height: 30px;cursor: pointer;}
.cont-box .cont li .img .gnb_info:before {content:'';position: absolute;top: 23px;left: -8px;width: 0px;height: 0px;border-top: 5px solid transparent;border-right: 8px solid #404146;border-bottom: 5px solid transparent;}

.cont-box .cont li .img .gnb_info li.info01 {background-position: 7px 5px;}
.cont-box .cont li .img .gnb_info li.info02 {background-position: -28px 5px;}
.cont-box .cont li .img .gnb_info li.info03 {background-position: -63px 5px;}  
.cont-box .cont li .img .gnb_info li.info04 {background-position:11px -30px; background-size:89px;}
.cont-box .cont li .img .gnb_info li.info05 {background-position: -28px -27px;}
.cont-box .cont li .img .gnb_info li.info06 {background-position: -63px -27px;}
.cont-box .cont .list.type01 li .info {width: calc(100% - 50px);}
.cont-box.mail .cont .item .list li .profile-img{margin-top:5px;}
.cont-box.mail .cont .item .list li .profile-img .gnb_info.type01{top:-6px;}
.cont-box.mail .cont .list > li .info .desc,
.cont-box.notice .cont .list > li .info .desc,
.cont-box.community .cont .list > li .info .desc,
.cont-box.payment .cont .list > li .info .desc {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	


/* 프로필 */
.profile-img {position:relative;margin-right: 15px;}
.profile-img.no_margin {position:relative; margin-right: 0px;}
.profile-img>img:first-child {width: 40px; height: 40px; border-radius:50%; }	
/*2024-03-15 BJH : 간편주소록 안쓰면 곤란 제거 128 => 95*/
.profile-img .gnb_info {/* display:none; */position:absolute;top: -10px;left: 65px;width: 95px;padding: 10px 15px 7px 15px;background:#404146;border-radius: 10px;z-index: 10;box-sizing: border-box;}
.profile-img:hover .gnb_info {display:block}
.profile-img:hover .gnb_info:after {content:"";position: absolute;top: 0;left: -85px;display:inline-block;width:100px;height: 92px;}
.profile-img .gnb_info li {float: left;background: url('../images/kr/main/profile_gnb.svg')  no-repeat;width: 32px;height: 30px;cursor: pointer;margin-bottom: 5px;}
.profile-img .gnb_info:before {content:'';position: absolute;top: 23px;left: -8px;width: 0px;height: 0px;border-top: 5px solid transparent;border-right: 8px solid #404146;border-bottom: 5px solid transparent;}

.profile-img .gnb_info.type01 {top:0}
.profile-img .gnb_info.type01 li.info03, .profile-img .gnb_info.type01 li.info04 { display: none }
.profile-img .gnb_info li.info01 {background-position: 7px 8px;}
.profile-img .gnb_info li.info02 {background-position: -27px 8px;}
.profile-img .gnb_info li.info03 {background-position: -61px 8px;}  
.profile-img .gnb_info li.info04 {background-position: 9px -29px;}
.profile-img .gnb_info li.info05 {background-position: -28px -27px;}
.profile-img .gnb_info li.info06 { background-position: -63px -30px }
.profile-img .gnb_info.type01  li.info06 {background-position: -61px -28px }
/* 프로필 (팀즈 아이콘추가) */
.photo-img.s-30 { width: 30px; height: 30px;}
.photo-img.s-30 img:first-child {width:100%; max-height:30px; }
.photo-img.s-30 .state-icon {width:10px; height:10px; border:2px solid #fff;}

.photo-img.s-40 {width:40px; height:40px;}
.photo-img.s-40 img:first-child {width:100%; max-height:40px;}
.photo-img.s-40 .state-icon {width:14px; height:14px; border:3px solid #fff;}

.photo-img.s-45 {width:45px; height:45px;}
.photo-img.s-45 img:first-child {width:100%; max-height:45px; }

.photo-img.s-50 {width:50px; height:50px;}
.photo-img.s-50 img:first-child {width:100%; max-height:50px; }

.photo-img.s-60 {width:60px; height:60px;}
.photo-img.s-60 img:first-child {width:100%; max-height:60px; }
.photo-img.s-60 + #gnblayer > .gnb_info {left: 76px;}

.photo-img.s-80 {width:80px; height:80px;}
.photo-img.s-80 img:first-child {width:100%; max-height:80px; }
.photo-img.s-80 + #gnblayer > .gnb_info {left: 85px;}
.photo-img.s-80 .state-icon {width:18px; height:18px;}

.photo-img.s-90 {width: 90px; height: 90px;}
.photo-img.s-90 img:first-child {width:100%; max-height:90px; }
.photo-img.s-90 + #gnblayer>.gnb_info {top: 0px; left: 104px;}
.photo-img.s-90 .state-icon {width:20px; height:20px;}


.photo-img {position:relative;margin-right: 15px; margin:0 auto}
.photo-img.alone {position:relative;margin-right: 15px; margin:0 auto; margin-top: 13px;}
.photo-img img:first-child {    border: 1px solid #ddd; border-radius:50%; box-sizing:border-box;}	
.photo-img .state-icon {position:absolute;  bottom:-6px; right:-6px; width:16px !important; height:16px !important; border:2px solid #fff !important; border-radius:50%; background:#fff;}
/* 그룹웨어 상태표시 */
.photo-img .current_status{position:absolute; width:9px; height:9px; border-radius:100%; bottom:2px; right:1px;}
.photo-img .current_status.work{background:#4BC73B;}
.photo-img .current_status.outsideWork{background:#34C3B1;}
.photo-img .current_status.meeting{background:#3BA4E6;}
.photo-img .current_status.home{background:#757D92;}
.photo-img .current_status.business{background:#FD8626;}
.photo-img .current_status.vacation{background:#B06DEE;} 
/* 상태표시 크기 */
.photo-img.s-60 .current_status{ width:12px; height:12px;}
.content_listtype_photo_pic .photo-img .current_status{ width:12px; height:12px;}


	

/* 리스트 type02 */ 
.cont-box .cont .list.type02 li .info .desc .process:after {content:'>'; display:inline-block; width:10px; height:10px;     font-size: 14px; margin-left: 3px;} 
.cont-box .cont .list.type02 li .info .desc .process.on:after {color:#004b8e}



/* 메일 */
.cont-box.mail.mailType01 .cont .lineGraph{padding:20px 31px 10px;}
.cont-box.mail.mailType01 .cont .lineGraph dl{display:flex; justify-content:space-between; align-items:center; height:48px; border:1px solid rgba(0,74,141,0.2); background:rgba(0,74,141,0.03); padding:0 30px; box-sizing:border-box; border-radius:4px;}
.cont-box.mail.mailType01 .cont .lineGraph dl dt{font-size:15px; margin-right:30px;}
.cont-box.mail.mailType01 .cont .lineGraph dl dt .current_amount{font-weight:bold; color:#3A6BEF;}
.cont-box.mail.mailType01 .cont .lineGraph dl dd{flex:1;}
.cont-box.mail.mailType01 .cont .lineGraph dl dd p{height:6px; background:#DDD; border-radius:6px;}
.cont-box.mail.mailType01 .cont .lineGraph dl dd p span{display:inline-block; height:6px; border-radius:6px; background:#3A6BEF; vertical-align:top; position:relative;}
.cont-box.mail.mailType01 .cont .lineGraph dl dd p span:after{content:""; position:absolute; width:10px; height:10px; background:#fff; border:2px solid #3A6BEF; box-sizing:border-box; right:-5px;top:-2px; border-radius:50%;}

.cont-box.mail.mailType02 .cont{display:flex;}
.cont-box.mail.mailType02 .cont .circleGraph{width:280px; border-right:1px solid #EAEAEA; box-sizing:border-box; flex-shrink:0;}
.cont-box.mail.mailType02 .cont .circleGraph .graph_title{padding:20px 0 0 30px; font-size:16px; font-weight:bold;}
.cont-box.mail.mailType02 .slide .item .slide-box{width:580px;}
.cont-box.mail.mailType02 .slide .item + .pagenation{left:auto; right:290px; transform:translateX(50%);}
	
/* 결재 */
.cont-box.payment .cont .list li{padding:10px 36px;}
.cont-box.payment .cont .list li .info .desc .on{color: #004b8e;}
.cont-box.payment .cont .list li .info .desc span:after {content:''; display:inline-block;}
.cont-box.payment .cont .list li .info .desc span:last-child:before{content: ''; position: relative; top: 1px; left: -2px; display: inline-block; width: 1px; height: 12px; background: #E6E7E8; margin: 0px 7px;}
.cont-box.payment .period{padding:20px 36px 10px; font-size:15px;}
.cont-box.payment .period dl {height:46px;line-height:46px; border-radius:5px; text-align:center; background:#F7F9FB; border:1px solid #C6D6E5}
.cont-box.payment .period dl dt{display:inline-block;}
.cont-box.payment .period dl dd {display:inline-block;color:#004b8e; font-weight:bold; text-indent: -3px; margin-right:20px; margin-left:3px;}
.cont-box.payment .period dl dt:before{content: ''; display: inline-block; width:3px; height:3px; background:#8f8e93; border-radius:50%;    margin-right: 5px; margin-bottom: 3px; vertical-align: middle;}
.cont-box.payment .period dl dd.after {color:#ff0014}
.cont-box.payment .period dl dd span[name="OTHER"]{color:#FF0014;}

.cont-box.payment.graph .cont{display:flex;}
.cont-box.payment.graph .slide .item .slide-box{width:580px;}
.cont-box.payment.graph .graph_DIV{width:280px; border-right:1px solid #EAEAEA; box-sizing:border-box; flex-shrink:0;}
.cont-box.payment.graph .graph_DIV .graph_title{padding:20px 0 0 30px; font-size:16px; font-weight:bold;}
.cont-box.payment.graph .graph_DIV .graph_payment{display:flex; flex-direction:column; justify-content:space-between; height:calc(100% - 44px); padding:20px 30px 60px; box-sizing:border-box;}
.cont-box.payment.graph .graph_DIV .graph_payment dl dt{margin-bottom:5px; font-size:14px;}
.cont-box.payment.graph .graph_DIV .graph_payment dl dt span{color:#004B8E; margin-left:3px; font-weight:bold;}
.cont-box.payment.graph .graph_DIV .graph_payment dl.other dt span{color:#FF0014;}
.cont-box.payment.graph .graph_DIV .graph_payment dl dd{height:10px; background:#F2F4F6;}
.cont-box.payment.graph .graph_DIV .graph_payment dl dd span{display:inline-block; height:10px; vertical-align:top;}
.cont-box.payment.graph .graph_DIV .graph_payment dl.day dd span{background:#A8B9E6;}
.cont-box.payment.graph .graph_DIV .graph_payment dl.week dd span{background:#7B92CE;}
.cont-box.payment.graph .graph_DIV .graph_payment dl.month dd span{background:#425DA2;}
.cont-box.payment.graph .graph_DIV .graph_payment dl.other dd span{background:#283864;}
.cont-box.payment.graph .slide .item + .pagenation{left:auto; right:290px; transform:translateX(50%);}


/* 협업 */
.cont-box.cooperation .cont .list li .info .label {display:inline-block; padding:2px 5px;background:#E6E7E8; color:#004B8E; font-size:13px; font-weight:bold; margin-bottom:15px;} 

/* 예약관리 */
.cont-box.reservation .cont .list li .info .tit {display:inline-block; width: initial; max-width: 83%; vertical-align:top; font-weight:normal; font-size:14px;}
.cont-box.reservation .cont .list li .info .tit em{font-weight:bold; font-size:16px;}
.cont-box.reservation .cont .list li .info .label {position: relative; top:0px; color:#fff; height:20px; line-height:18px; font-size:12px; padding:0 3px; margin:2px 0 0 3px; float:right; border-radius:3px;}
.cont-box.reservation .cont .list li .info .label.approval{background:#4E78FE;}
.cont-box.reservation .cont .list li .info .label.waiting{background:#F3C641;}
.cont-box.reservation .cont .list li .info .label.denial{background:#E63F67;}
.cont-box.reservation .cont .list li .info .label.non {background:#707070;}
	
/* 포토 갤러리 */
.cont-box.photo-board .cont .list li {padding:11px 30px; height:144px; box-sizing:border-box; justify-content:space-between;}
.cont-box.photo-board .cont .list li .info {width: 48%; margin-right:4%; display:flex; flex-direction:column; justify-content:space-between;}
.cont-box.photo-board .cont .list li .info .tit {margin-bottom:10px;}
.cont-box.photo-board .cont .list li .info .tit em{font-weight:bold; font-size:18px; line-height:1.4;}
.cont-box.photo-board .cont .list li .photo {position:relative; width: 162px; height:100%; text-align:center; background: #e6e7e8;}
.cont-box.photo-board .cont .list li .photo img {width:100%; height:100%; object-fit:cover;} 
.cont-box.photo-board .cont .list li .info .sub-desc {display:none}
.cont-box.photo-board .cont .list li .info .desc{color: #8F8E93;}
.cont-box.photo-board .cont .list > li .info .desc .date:before{display:none;}
.cont-box.photo-board .cont .list li .info .desc > span{display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width:100%;}

.cont-box.cont-2x1.photo-board .cont .list li .info .tit {font-size:20px}
.cont-box.cont-2x1.photo-board .cont .list li .info .sub-desc{display:block; margin-top:10px; font-size:15px; color:#666}
.cont-box.cont-2x1.photo-board .cont .list li .info .desc{font-size:14px; margin-top:30px}
.cont-box.cont-2x1.photo-board .cont .list li .info .tit.ellipsis2,
.cont-box.cont-2x1.photo-board .cont .list li .info .sub-desc.ellipsis2 {-webkit-line-clamp: 2;}

.cont-box.cont-2x1.photo-board .cont .list li{height:288px;}
.cont-box.cont-2x1.photo-board .cont .list li .info .photo_cont{line-height:28px; font-size:15px; color:#666666;}
.cont-box.cont-2x1.photo-board .cont .list li .info .photo_cont.ellipsis2{-webkit-line-clamp:3;}
.cont-box.cont-2x1.photo-board .cont .list li .photo{width:384px;}


/* 일정관리 */
.cont-box.calendar .cont .inner-wrap {padding: 20px 0px 26px; box-sizing: border-box;}
.cont-box.calendar .cont .calendar-tb{width:100%;text-align:center;font-size:15px;border-spacing: 0px 1px; padding:0 25px;}
.cont-box.calendar .cont .calendar-tb th{font-weight: bold;font-size: 15px;color: #000;padding: 15px 0 5px 0;}
.cont-box.calendar .cont .calendar-tb td{position:relative; width:45px;font-size: 15px;cursor:pointer;text-align: center;padding: 17px 0;}
.cont-box.calendar .cont .calendar-tb td.day-info:before{position: absolute;content:'';display:inline-block; width:30px; top:50%; left:50%; height:30px;background:#E6E7E8; margin:-15px 0 0 -15px; border-radius:50%;z-index:1;}
.cont-box.calendar .cont .calendar-tb td > span{position:absolute;z-index:2;top: 6px;text-align: center; left:50%; width: 30px; margin-left:-15px;}
.cont-box.calendar .cont .calendar-tb td > span > span {display:block;position: relative;top: -6px;}
.cont-box.calendar .cont .calendar-tb td > span .dot{display:inline-block;width: 4px;height: 4px; margin:0px 1px; border-radius:50%;}
.cont-box.calendar .cont .calendar-tb td > span .dot.holiday{background:#E63F67 }/*휴일*/
.cont-box.calendar .cont .calendar-tb td > span .dot.company{background:#E63F67 }/*회사*/
.cont-box.calendar .cont .calendar-tb td > span .dot.individual{background:#f3c641;}/*개인*/
.cont-box.calendar .cont .calendar-tb td > span .dot.department{background:#00AAD2 ;}/*부서*/
.cont-box.calendar .cont .calendar-tb td > span .dot.group{background:#5AB472}/*그룹*/
.cont-box.calendar .cont .calendar-tb td > span .dot.community{background:#7a57f1}/*그룹*/
.cont-box.calendar .cont .calendar-tb td > span .dot.vacation{background:#027051}/*휴가*/

.cont-box.calendar .cont .calendar-tb .sat{color:#3767E8}
.cont-box.calendar .cont .calendar-tb .sun{color:#ff0014}
.cont-box.calendar .cont .calendar-tb .sun.disable{color:#FF99A1}
.cont-box.calendar .cont .calendar-tb .disable{color:#D1D2D4}
.cont-box.calendar .cont .calendar-month {display:flex;justify-content:space-between; padding:0 32px;}
.cont-box.calendar .cont .calendar-month em {font-size:20px;letter-spacing:-1px;font-weight:bold;display: inline-block; line-height: 40px;}
.cont-box.calendar .cont .calendar-month > span{display:inline-block;width:40px;height:40px;border:1px solid #D6DBE4;border-radius: 3px; cursor:pointer; box-sizing:border-box;}
.cont-box.calendar .cont .calendar-month .prev{background: url('../images/kr/main/calender_prev.svg') center center no-repeat;}
.cont-box.calendar .cont .calendar-month .next{background: url('../images/kr/main/calender_next.svg') center center no-repeat;}
	
.cont-box.calendar .date-info-wrap {height:395px}

.cont-box.calendar .date-info-wrap .main-date {font-size:20px;letter-spacing:-1px; padding:20px 0 0 30px; line-height:40px;}
.cont-box.calendar .date-info-wrap .main-date em {margin-right:5px; font-weight:bold;}
.cont-box.calendar .date-info-wrap .date-box {padding:15px 30px}

.cont-box.calendar .date-info-wrap .date-box .main-time{display: inline-block;padding: 15px 0 0 30px; margin-bottom:20px;font-size:14px}
.cont-box.calendar .date-info-wrap .date-box li{padding: 10px 13px;border-radius:10px;margin-bottom:5px;}
.cont-box.calendar .date-info-wrap .date-box li:last-child{margin-bottom:0;}
.cont-box.calendar .date-info-wrap .date-box li .info{display:inline-block; width:69%; font-size:15px;font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:calc(100% - 90px);}
.cont-box.calendar .date-info-wrap .date-box li.holiday{background: #fce2e8;border: 1px solid #f9d0da; }/* 휴일 */
.cont-box.calendar .date-info-wrap .date-box li.company{background: #fce2e8;border: 1px solid #f9d0da; cursor:pointer;}/* 회사 */
.cont-box.calendar .date-info-wrap .date-box li.individual{background: #fef7e2;border: 1px solid #fbeab9; cursor:pointer;}/* 개인 */
.cont-box.calendar .date-info-wrap .date-box li.team{background: #e1f6f8;border: 1px solid #cef3f7; cursor:pointer;}/* 부서 */
.cont-box.calendar .date-info-wrap .date-box li.group{background:#e6f4ea; border:1px solid #c6ecd0; cursor:pointer;}/* 그룹 */
.cont-box.calendar .date-info-wrap .date-box li .info .label {margin-right:5px;}
.cont-box.calendar .date-info-wrap .date-box li.holiday .info .label{color: #e63f67;}/* 휴일텍스트 */
.cont-box.calendar .date-info-wrap .date-box li.company .info .label{color: #e63f67;}/* 회사텍스트 */
.cont-box.calendar .date-info-wrap .date-box li.individual .info .label{color: #d4a417;}/* 개인텍스트 */
.cont-box.calendar .date-info-wrap .date-box li.team .info .label{color: #00AAD2;}/* 부서텍스트 */
.cont-box.calendar .date-info-wrap .date-box li.group .info .label{color: #5AB472;}/* 그룹텍스트 */
.cont-box.calendar .date-info-wrap .date-box li .time{float:right; vertical-align:top; margin-top:1px; font-size:14px; color:#8F8E93; font-weight:500;}
    
.cont-box.calendar.cont-2x1 .cont{display:flex; flex:1;}
.cont-box.calendar.cont-2x1 .date-info-wrap .date-box {padding:15px 29px 0;}
.cont-box.calendar.cont-2x1 .cont .inner-wrap{flex-basis: 48%; flex:1; border-right:1px solid #eaeaea;}
.cont-box.calendar.cont-2x1 .cont .date-info-wrap {flex-basis: 50%; height:100%;}
.cont-box.calendar.cont-2x1 .cont .calendar-month{margin-bottom: 0px;}
.cont-box.calendar.cont-2x1 .cont .calendar-tb {border-spacing: 0px 1px;}
.cont-box.calendar.cont-2x1 .slide .item .slide-box {width:430px;}
.cont-box.calendar.cont-2x1 .date-info-wrap{height:338px}
.cont-box.calendar.cont-1x2 .date-info-wrap .slide-box{height:100%;}
.cont-box.calendar.cont-2x1 .date-info-wrap .slide-box{height:100%;}
.cont-box.calendar.cont-2x1 .date-info-wrap .date-box li{margin-bottom:5px;}


/* 근태현황 */
.cont-box.working-attitude .cont .inner {padding:30px}
.cont-box.working-attitude .cont.working .inner > .tit {font-weight:bold;}
.cont-box.working-attitude .cont.working .inner > .tit > span{color:#004B8E}
.cont-box.working-attitude .cont.working .graph-bar {margin-top:40px;}
.cont-box.working-attitude .cont.working .graph-bar em{color: #000;}
.cont-box.working-attitude .cont.working .graph-bar .bar{position:relative;width:100%; height:8px; background:#E6E7E8; border-radius:8px; margin-top:10px; margin-bottom:15px}		
.cont-box.working-attitude .cont.working .graph-bar .bar .range{position:absolute;height:8px; border-radius:8px 0 0 8px;}
.cont-box.working-attitude .cont.working .graph-bar .bar .range.max{width:80%; background:#AACAE6;}
.cont-box.working-attitude .cont.working .graph-bar .bar .range.weekday{width:50%;background:#004B8E;}
.cont-box.working-attitude .cont.working .graph-bar .bar .range.holiday{left:50%; width:10%; background:#00AAD2; border-radius:0;}


.cont-box.working-attitude .cont.working .graph-bar .bar .position{position:absolute;top: -26px;left: 50%;font-size: 14px;}
.cont-box.working-attitude .cont.working .graph-bar .bar .position:before{content:'';display:inline-block;position: absolute;top: 18px;left: 50%;width:1px;height:28px;border-right:2px dotted #FF0014;}
.cont-box.working-attitude .cont.working .graph-bar .desc-area {display:flex; justify-content:space-between}
.cont-box.working-attitude .cont.working .graph-bar .desc-area .desc{ width:50%;color: #8F8E93;}
.cont-box.working-attitude .cont.working .graph-bar .desc:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;text-indent:-15px;margin-bottom: 3px;margin-right: 8px;}
.cont-box.working-attitude .cont.working .graph-bar .desc-area .desc.max:before {background:#AACAE6;}
.cont-box.working-attitude .cont.working .graph-bar .desc-area .desc.weekday:before { background:#004B8E}
.cont-box.working-attitude .cont.working .graph-bar .desc-area .desc.holiday:before {background:#00AAD2}

.cont-box.working-attitude .cont.holiday .holiday-data {padding:0; margin:0;}
.cont-box.working-attitude .cont.holiday .holiday-data li{background:#F7F9FB; padding:30px; font-size:16px;font-weight:bold; border:1px solid #C6D6E5; border-radius:10px; margin-bottom:10px;}
.cont-box.working-attitude .cont.holiday .holiday-data li:first-child{margin-top:7px}
.cont-box.working-attitude .cont.holiday .holiday-data li:last-child{margin-bottom:0}
.cont-box.working-attitude .cont.holiday .holiday-data li:before {content:'';display:inline-block; width:3px; height:3px; background: #8F8E93;   margin-bottom: 5px; margin-right: 10px; border-radius: 50%;}
.cont-box.working-attitude .cont.holiday .holiday-data li em{float:right;color:#004A8D}


/* 근태확인 */
.cont-box.working-attitude-confirm .cont .list > li {padding:20px 30px;}
.cont-box.working-attitude-confirm .cont .list.type01 li .img {margin-top:10px;}
.cont-box.working-attitude-confirm .cont .list li .info.graph-bar {margin-top:5px;}
.cont-box.working-attitude-confirm .cont .list li .info .tit {font-weight:bold;}
.cont-box.working-attitude-confirm .cont .list li .info .tit >span {font-weight:normal}
.cont-box.working-attitude-confirm .cont .list li .info .tit >span .weekday {color:#004B8E}
.cont-box.working-attitude-confirm .cont .list li .info .tit >span .holiday{color:#00AAD2}
.cont-box.working-attitude-confirm .cont .list li .info .tit >span .good{color:#3767E8}
.cont-box.working-attitude-confirm .cont .list li .info .tit >span .excess{color:#ff0014}
.cont-box.working-attitude-confirm .cont .list li .info .tit >span .disable{color:#8F8E93}
.cont-box.working-attitude-confirm .cont .graph-bar .bar{position:relative;width:100%; height:8px; background:#E6E7E8; border-radius:8px; margin-top:10px; margin-bottom:15px}		
.cont-box.working-attitude-confirm .cont .list li .info .data {font-size:16px}
.cont-box.working-attitude-confirm .cont .graph-bar .bar .range{position:absolute;height:8px; border-radius:8px 0 0 8px;}
.cont-box.working-attitude-confirm .cont .graph-bar .bar .range.max{width:80%; background:#AACAE6;}
.cont-box.working-attitude-confirm .cont .graph-bar .bar .range.weekday{width:50%;background:#004B8E;}
.cont-box.working-attitude-confirm .cont .graph-bar .bar .range.holiday{left:50%; width:10%; background:#00AAD2; border-radius:0;}
	

/* my 모비스*/
.cont-box.my-mobis.cont-1x1 .cont .link-area { display: flex; justify-content: space-between; flex-wrap: wrap; align-content:flex-start; padding:30px 38px 0px; box-sizing: border-box;}
.cont-box.my-mobis.cont-2x1 .cont .link-area { display: flex; justify-content: flex-start; flex-wrap: wrap; align-content:flex-start; padding:0 30px 30px; box-sizing: border-box;}
.cont-box.my-mobis .cont .link-area li { position: relative; width: calc(50% - 1px); height:48px; line-height:48px; background: #F8F9FB; padding: 0 14px 0 20px; font-size: 14px; border-radius:3px; box-sizing:border-box; margin-bottom:2px;}
.cont-box.my-mobis .cont .link-area li a { display: block; }
.cont-box.my-mobis .cont .link-area li a:after { content: ''; display:inline-block; position:absolute; top:50%; right:10px; width:5px; height:9px; background: url('../images/kr/main/title_arrow.svg') no-repeat; background-size: 5px 9px; margin-top:-4px;}

.cont-box.my-mobis .search_box{padding: 30px 30px 10px;}
.cont-box.my-mobis .search_box .input_wrap{display:block;}

/* 주가 */
.cont-box.stock .header .refresh{position: relative;display:inline-block;top: 19px;right: -5px;width: 30px;height: 30px;cursor:pointer;vertical-align: top;}
.cont-box.stock .header .refresh:before {content: '';position: absolute;display: inline-block;width: 20px;height: 20px;top: 5px;right: 5px;background: url('../images/kr/main/icon_refresh.png');}
.cont-box.stock .header .select-box.type01 > ul {right: 68px;}
.cont-box.stock .cont .stock-tb { width: 100%; padding: 30px; border-spacing: 0 2px; }
.cont-box.stock .cont .stock-tb tr {background: #F8F9FB;border-radius: 3px;}
.cont-box.stock .cont .stock-tb th { padding: 14px 0px 14px 20px; text-align:left;}
.cont-box.stock .cont .stock-tb td { padding: 14px 10px 14px 0px; }
.cont-box.stock .cont .stock-tb th {font-size: 14px;color: #000;}
.cont-box.stock .cont .stock-tb td { font-size: 13px; text-align: right; }
.cont-box.stock .cont .stock-tb td span:before { content: ''; display: inline-block; width: 7px; height: 6px;  margin-left: 3px; margin-bottom:2px; }
.cont-box.stock .cont .stock-tb td span.up:before { background: url('../images/kr/main/stock_up.png');}
.cont-box.stock .cont .stock-tb td span.down:before { background: url('../images/kr/main/stock_down.png'); }

/* 텍스트배너 */
/*.txt-banner-box {position:relative;width: 1180px;height: 130px;border-radius: 10px;box-shadow: 1px 3px 4px 0 #cecece;background: #004b8e;text-align:center;padding: 0 30px;color:#fff;}*/
.txt-banner-box {position:relative;width:100%;height: 60px;border-radius: 10px;box-shadow: 1px 3px 4px 0 #cecece;background: #728495;text-align:center;padding: 0 30px;color:#fff; box-sizing: border-box; overflow:hidden;}
.txt-banner-box .list-wrap{height:130px; overflow: hidden}
.txt-banner-box .list-wrap .list li {height:130px;}
.txt-banner-box .list-wrap .list em {display:block;font-size:16px;  color:#fff;padding-top: 0px;}
.txt-banner-box .list-wrap .list .cont {font-size:24px;color:#fff;font-weight: 100; padding:0px 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.txt-banner-box .list-wrap .list .cont > a{color:#fff;}
.txt-banner-box .arrow_btn {position:absolute;top: 50%;right:30px;transform: translateY(-50%);}
.txt-banner-box .arrow_btn .arrow {display:block;width: 16px;height:10px;cursor: pointer;}
.txt-banner-box .arrow_btn .arrow.prev{background:url('../images/kr/main/icon_prev.png');margin-bottom: 20px;}
.txt-banner-box .arrow_btn .arrow.next{background:url('../images/kr/main/icon_next.png')}

/* 이미지배너 */
.cont-box.img-banner{border-radius:10px; height:390px; background:#ffffff;}
.cont-box.img-banner .cont{background:transparent; height:100%}
.cont-box.img-banner .cont li {cursor: pointer;}
.cont-box.img-banner .cont .slide-box{margin-top:0px !important; padding:0; overflow:hidden;}
.cont-box.img-banner .cont .slide-box img{width:100% !important; height:auto !important; min-height:390px; border-radius:5px;}

/* 생일 */
.cont-box.birth{background-image:url(../images/kr/main/birth_bg_L.png),url(../images/kr/main/birth_bg_R.png); background-repeat:no-repeat; background-position:left top, right top; background-color:#F6F6F6;}
.cont-box.birth .header {background-color:transparent}
.cont-box.birth .cont {background-color:transparent}
.cont-box.birth .cont .birth-list {padding: 10px 0px 30px 0px;}
.cont-box.birth .cont .birth-list > li{position:relative; display:flex; width:380px; background:#fff; border-radius:10px;padding: 20px 30px; margin-bottom:8px; align-items:center; margin:0 auto 8px; box-sizing:border-box; background:rgba(255,255,255,0.4) !important;}
.cont-box.birth .cont .birth-list > li:last-child{ margin-bottom:0;}
.cont-box.birth .cont .birth-list > li .info {width: calc(100% - 50px);}
.cont-box.birth .cont .birth-list > li .img > img { border-radius:50%;}
.cont-box.birth .cont .birth-list > li .tit{font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cont-box.birth .cont .birth-list > li .tit em{font-weight:bold;}
.cont-box.birth .cont .birth-list > li .date{font-size:14px; color:#004b8e; font-weight:bold;}
.cont-box.birth .cont .birth-list > li .msg {position: absolute; right: 30px; top: 30px;display:inline-block; width:20px; height:19px; background:url('../images/kr/main/icon_msg.png'); cursor:pointer}

/* 날씨 */
.cont-box.weather {background:#8590B2;}
.cont-box.weather .header {background-color:transparent;color: #fff;}
.cont-box.weather .header .select-box.type01 > a {color:#fff; font-weight:500;}
.cont-box.weather .header .select-box.type01 > a:after {background:url('../images/kr/main/arrow_down_white.svg') no-repeat}
.cont-box.weather .header .select-box.type01 > a.on:after {background:url('../images/kr/main/arrow_up_white.svg') no-repeat}
.cont-box.weather .header .select-box.type01 > ul{max-height:300px; overflow:auto;}
.cont-box.weather .cont {background-color:transparent; }
.cont-box.weather .cont.weather-area .today-wt{display:flex;flex-wrap:wrap; padding:0 35px 25px; border-bottom:1px solid #AEB6CE;}
.cont-box.weather .cont.weather-area .today-wt .ico{flex: 0 0 50%;background-position: 20px top;}
.cont-box.weather .cont.weather-area .today-wt .info{flex: 0 0 50%;color: #fff; margin-top:15px;}
.cont-box.weather .cont.weather-area .today-wt .info strong{display:block; font-size:24px; font-weight:200;}
.cont-box.weather .cont.weather-area .today-wt .info p{font-size:36px; font-weight:500; margin-top: -5px;}
.cont-box.weather .cont.weather-area .today-wt .info p > span{display:inline-block; vertical-align:top; text-align:center;}
.cont-box.weather .cont.weather-area .today-wt .info p > span > span{font-size:14px; vertical-align:top;}
.cont-box.weather .cont.weather-area .today-wt .sub-info{flex: 0 0 100%;text-align: center; margin:8px 0 13px 0;}
.cont-box.weather .cont.weather-area .today-wt .sub-info li{display:inline-block;font-size: 16px;color: #fff;}
.cont-box.weather .cont.weather-area .today-wt .sub-info li:before{content: ''; display: inline-block; width: 3px; height: 3px; background:rgba(255,255,255,0.2); margin:0 7px 0 7px; vertical-align: middle;border-radius: 50%;}
.cont-box.weather .cont.weather-area .today-wt .sub-info li:first-child:before{display:none}
.cont-box.weather .cont.weather-area .today-wt .sub-info li em{color:#FAFF65;}
.cont-box.weather .cont.weather-area .week-wt{padding-top: 10px;}
.cont-box.weather .cont.weather-area .week-wt .weather-icon-list {justify-content:center; margin:0 15px;}

/* 날씨 아이콘*/
.weather-icon-wrap {width: 1414px;height: 410px;background: linear-gradient(74deg, #3b4054, #4c526b 98%);border-radius: 10px; margin-bottom: 70px;}
.weather-icon-list {display:flex;}
.weather-icon-list li span {display:block; color:#fff;text-align:center;font-weight:300} 

/** 큰사이즈 **/
.weather-icon-wrap .weather-icon-list.big {border-bottom:1px solid #000;padding: 60px 30px 30px;}
.weather-icon-wrap .weather-icon-list.big li{margin: 0 15px;}

.ico.big{display:inline-block;background-repeat:no-repeat;vertical-align:top;width: 120px;height:120px;background-size: 120px 120px;}
.ico.big.wt01 {background-image: url('../images/kr/main/weather/wt01.png');}
.ico.big.wt02 {background-image: url('../images/kr/main/weather/wt02.png');}
.ico.big.wt03 {background-image: url('../images/kr/main/weather/wt03.png');}
.ico.big.wt04 {background-image: url('../images/kr/main/weather/wt04.png');}
.ico.big.wt05 {background-image: url('../images/kr/main/weather/wt05.png');}
.ico.big.wt06 {background-image: url('../images/kr/main/weather/wt06.png');}
.ico.big.wt07 {background-image: url('../images/kr/main/weather/wt07.png');}
.ico.big.wt08 {background-image: url('../images/kr/main/weather/wt08.png');}
.ico.big.wt09 {background-image: url('../images/kr/main/weather/wt09.png');}

.weather-icon-wrap .weather-icon-list.big li span{font-size:20px;margin-top: 22px;}

/**작은사이즈**/
.weather-icon-list.small li{margin: 0 5px;}
.ico.small{display:inline-block; background-repeat:no-repeat; vertical-align:top;width:24px; height:24px; background-position:center;}
.ico.small.s-wt01 {background-image: url('../images/kr/main/weather/s_wt01.png');}
.ico.small.s-wt02 {background-image: url('../images/kr/main/weather/s_wt02.png');}
.ico.small.s-wt03 {background-image: url('../images/kr/main/weather/s_wt03.png');}
.ico.small.s-wt04 {background-image: url('../images/kr/main/weather/s_wt04.png');}
.ico.small.s-wt05 {background-image: url('../images/kr/main/weather/s_wt05.png');}
.ico.small.s-wt06 {background-image: url('../images/kr/main/weather/s_wt06.png');}
.ico.small.s-wt07 {background-image: url('../images/kr/main/weather/s_wt07.png');}
.ico.small.s-wt08 {background-image: url('../images/kr/main/weather/s_wt08.png');}
.ico.small.s-wt09 {background-image: url('../images/kr/main/weather/s_wt09.png');}

.weather-icon-list.small li span {margin: 10px 0px;font-size:14px;} 

/* 시계 */
.cont-box.clock{background:#8590B2;}
.cont-box.clock .header {background-color:transparent;color: #fff;}
.cont-box.clock .header .select-box.type01 > a{color:#fff;}
.cont-box.clock .header .select-box.type01 > a:after{background-image:url(../images/kr/main/arrow_down_white.svg);}
.cont-box.clock .cont.clock-area {display:flex; justify-content:space-between;background:transparent; padding:10px 27px 30px; box-sizing:border-box; }
.cont-box.clock .cont.clock-area > div {flex-basis:160px}
.cont-box.clock .cont.clock-area .clock-shape{text-align:center}
.cont-box.clock .cont.clock-area .clock-shape .shape{width:130px; height:130px; background:#fff; border-radius:140px; margin:30px auto 10px auto;}
.cont-box.clock .cont.clock-area .clock-shape .time{font-size:32px; font-weight:500; color:#fff;}
.cont-box.clock .cont.clock-area .clock-shape .date {font-size:14px; color:#D9D9D9; font-weight:200;}
.cont-box.clock .cont.clock-area .select-box.type02{border-bottom:1px solid #fff; line-height:23px;}
.cont-box.clock .cont.clock-area .select-box.type02:first-child{margin-bottom:10px;}
.cont-box.clock .cont.clock-area .select-box.type02 > a{font-weight:200;}
.cont-box.clock .cont.clock-area .select-box.type02 > a:after{top:7px;}

.cont-box.clock .cont.clock-area.type01{padding:10px 27px 20px;}
.cont-box.clock .cont.clock-area.type01 > div{flex-basis:158px; padding-top:15px;}
.cont-box.clock .cont.clock-area.type01{flex-direction:column; justify-content:flex-start;}
.cont-box.clock .cont.clock-area.type01 .select-box.type02{width:53%;}
.cont-box.clock .cont.clock-area.type01 .clock-shape{display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center; margin-top:7px; padding:0 10px 0 13px;}
.cont-box.clock .cont.clock-area.type01 .clock-shape .time{font-size:50px;}
.cont-box.clock .cont.clock-area.type01 .clock-shape .time span{font-size:14px; color:#BEC9D8;}
.cont-box.clock .cont.clock-area.type01 .clock-shape .date{text-align:left; color:#fff;}


/* 탭게시판 */
.tab-style {position:relative; height: 60px; margin: 0px 0px 0px 0px; padding: 0px; background:#F1F2F4; border-radius:10px 10px 0px 0px;}
.tab-title {height: 60px; list-style: none; margin: 0px; padding: 0px; overflow: hidden;  border-radius:10px 0px 0px 0px;}
.tab-title li {float: left; position: relative; width: 20%; box-sizing:border-box; border-right:1px solid #fff;}
.tab-title li:last-child{border:none;}
.tab-title li > span.count{float:right; padding:0px 10px 0px 0px; font-size:13px; letter-spacing:-1px;}
.tab-title li > span {position:relative; display: block; float:none; height: 60px; line-height: 60px; padding: 0px 20px 0px 20px; font-size: 20px; color: #747474; text-align: center; cursor: pointer; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.tab-title li > span .point2 { color: #e63232; }
.tab-title li.on > span {color: #000; font-size:20px; background:#fff; font-weight:bold;}
.tab-title li:hover > span {color: #000; font-size:20px; background:#fff; font-weight:bold;}

.cont-box.tabboard.cont-2x1 .cont .list{padding:28px 45px; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; height:auto;}
.cont-box.tabboard.cont-2x1 .cont .list li{width:calc((100% - 6px) / 4); height:48px; line-height:48px; padding:0 10px 0 20px !important; box-sizing:border-box; background:#F8F9FB; border-radius:3px; margin-bottom:2px; position:relative; border-bottom:none;}
.cont-box.tabboard .cont .list li a:after{content:""; position:absolute; width:5px; height:9px; background:url(../images/kr/main/title_arrow.svg) no-repeat; background-size:5px 9px; top:50%; right:10px; margin-top:-4px;}


/* 즐겨찾는메뉴*/

.favorites-menu{width:420px;}
.favorites-menu ul{display:flex;justify-content:space-between; flex-wrap:wrap;}
.favorites-menu ul li{position: relative; width:204px; height:122px; text-align:center;background:#fff; border-radius:10px; margin-bottom:12px; cursor:pointer; box-shadow: 1px 3px 4px 0 #cecece;}
.favorites-menu ul li .num {position: absolute;top: 24px;right: 75px;width:22px;height:22px;line-height:22px;text-align:center; font-size: 12px; background:#004A8D; color:#fff; border-radius:50%; font-weight:bold; border:2px solid #fff;}
.favorites-menu ul li .txt {position: absolute;display: block;left: 50%;top: 78px; line-height:16px; font-size: 16px;font-weight:bold;transform: translateX(-50%);}
.favorites-menu ul li:before {content: ''; display:block; width:100% !important; height:30px; margin-top:35px;background-repeat: no-repeat; background-position: center center;}

.favorites-menu ul li:last-child,.favorites-menu ul li:nth-child(5){margin-bottom:0}
.favorites-menu ul li.menu-mail:before { width: 35px;height: 24px;background-image: url('../images/kr/main/menu_mail.svg'); }
.favorites-menu ul li.menu-payment:before {width: 25px;height: 30px; background-image: url('../images/kr/main/menu_payment.svg'); }
.favorites-menu ul li.menu-reservation:before {width: 30px;height: 30px; background-image: url('../images/kr/main/menu_reservation.svg'); }
.favorites-menu ul li.menu-cooperation:before {width: 35px;height: 28px; background-image: url('../images/kr/main/menu_cooperation.svg'); }
.favorites-menu ul li.menu-calendar:before {width: 35px;height: 30px; background-image: url('../images/kr/main/menu_calendar.svg'); }
.favorites-menu ul li.menu-worklife:before {width: 31px;height: 26px; background-image: url('../images/kr/main/menu_worklife.svg'); }
.favorites-menu ul li.menu-hr:before {width: 23px;height: 28px; background-image: url('../images/kr/main/menu_hr.svg'); }
.favorites-menu ul li.menu-community:before{background-image:url(../images/kr/main/menu_community.svg);}
.favorites-menu ul li.menu-short:before{background-image:url(../images/kr/main/menu_short.svg);}

.favorites-menu ul li:hover {background:#004A8D; transition:all 0.3s ease;}
.favorites-menu ul li:hover .num {background:#fff; border-color:#004a8d; color:#004a8d;}
.favorites-menu ul li:hover .txt {color:#fff;}
.favorites-menu ul li.menu-mail:hover:before { width: 35px;height: 24px;background-image: url('../images/kr/main/menu_mail_on.svg'); }
.favorites-menu ul li.menu-payment:hover:before {width: 25px;height: 30px; background-image: url('../images/kr/main/menu_payment_on.svg'); }
.favorites-menu ul li.menu-reservation:hover:before {width: 30px;height: 30px; background-image: url('../images/kr/main/menu_reservation_on.svg'); }
.favorites-menu ul li.menu-cooperation:hover:before {width: 35px;height: 28px; background-image: url('../images/kr/main/menu_cooperation_on.svg'); }
.favorites-menu ul li.menu-calendar:hover:before {width: 35px;height: 30px; background-image: url('../images/kr/main/menu_calendar_on.svg'); }
.favorites-menu ul li.menu-worklife:hover:before {width: 31px;height: 26px; background-image: url('../images/kr/main/menu_worklife_on.svg'); }
.favorites-menu ul li.menu-hr:hover:before {width: 23px;height: 28px; background-image: url('../images/kr/main/menu_hr_on.svg'); }
.favorites-menu ul li.menu-community:hover:before{background-image:url(../images/kr/main/menu_community_on.svg);}
.favorites-menu ul li.menu-short:hover:before{background-image:url(../images/kr/main/menu_short_on.svg);}

/* 최근알림*/
/*#iframeNoti {min-height:520px}*/
.cont-box.notification .cont {
    position: relative;
    padding-bottom: 67px
}
.cont-box.notification.cont-1x2{width:380px; height:calc(100% - 8px); border:1px solid #E6E6E6; box-sizing:border-box; box-shadow:0 3px 6px rgb(0 0 0 / 10%); margin:0 auto; border-radius:4px; padding:0;}
.cont-box.notification .header { background: #fff}
.cont-box.notification .header .icon-area >span{position: relative;display:inline-block;top: 19px;width: 30px;height: 30px;cursor:pointer;vertical-align: top;}
.cont-box.notification .header .icon-area .setting{right: 17px;}
.cont-box.notification .header .icon-area .write{right: 5px;}
.cont-box.notification .header .icon-area .refresh{right: -5px}
.cont-box.notification .header .icon-area >span:before {content: '';position: absolute;display: inline-block;width: 20px;height: 20px;top: 5px;right: 5px;}
.cont-box.notification .header .icon-area .setting:before {background: url('../images/kr/main/icon_setting.svg');}
.cont-box.notification .header .icon-area .write:before {background: url('../images/kr/main/icon_write.png');}
.cont-box.notification .header .icon-area .refresh:before {background: url('../images/kr/main/icon_refresh.svg');}
.cont-box.notification .header .icon-area .noticlose:before {background: url('../images/w20_closed.png'); background-size: 20px 20px;}  /* 알림 팝업레이어 닫기 버튼 */

.cont-box.notification .cont .notification-search{ display: flex; justify-content: space-between; padding: 0 30px;}
.cont-box.notification .cont .notification-search .search-input{position:relative;width: calc(100% - 39px);}                                  
.cont-box.notification .cont .notification-search .search-input input{width: 100%;height:36px;padding:0 10px; border-radius: 3px; padding:0 25px 0 10px; color:#8f8e93; border:1px solid #E6E6E6; background:#fff;}
.cont-box.notification .cont .notification-search .search-input input:focus{border-color:#c1c1c1;}
.cont-box.notification .cont .notification-search .search-input .search-btn{position:absolute;top: 10px;right: 10px;width:16px;height: 17px;background: url('../images/kr/main/icon_search.svg') center center no-repeat;cursor: pointer;}          
.cont-box.notification .cont .notification-search .fillter{border: solid 1px #c1c1c1; width:34px;height:34px;border-radius: 3px;cursor: pointer;}
.cont-box.notification .cont .notification-search .fillter:hover{border-color:#E6E6E6; background-color:#F8F9FB;}
.cont-box.notification .cont .notification-search .fillter:before {content: '';display:inline-block;width: 34px;height: 34px;background: url('../images/kr/main/icon_fillter.svg') center center no-repeat;}
.cont-box.notification .cont .notification-read {display:flex; justify-content: space-between;padding:26px 30px 15px 30px;border-bottom: 1px solid #EAEAEA;}

.cont-box.notification .cont .notification-read .view > span{font-size:14px;}
.cont-box.notification .cont .notification-read .view > span:first-child::after{content:'';display:inline-block;width: 1px; height: 12px; background:#e6e7e8; margin:0 10px}
.cont-box.notification .cont .notification-read .view > span > em{color:#004a8d}
.cont-box.notification .cont .notification-read .btn{font-size:13px}
.cont-box.notification .cont .notification-read .btn > a{color:#8F8E93; font-weight:500; text-decoration: underline;}
.cont-box.notification .cont .notification-read .btn > a:first-child{margin-right:5px}
.cont-box.notification .cont .notification-read .btn > a:nth-child(1){color:#004b8e;}
.cont-box.notification .cont .list > li .info .desc span:nth-child(2):before{content:""; display:inline-block; width:1px; height:12px; background:#E6E7E8; margin:5px 7px 0; vertical-align:top;}

.cont-box.notification .cont .list.type01{overflow-y: scroll; -ms-overflow-style: none;}
.cont-box.notification .cont .list.type01 li .info {width: calc(100% - 85px);}

.cont-box.notification .header .icon-area .setting{display:none;}



.cont-box.notification .cont .fillter-pop {display:none;position: absolute;top: 40px;left: 29px;width: 320px;height: calc(100% - 66px);border:1px solid #4c4c4e;background:#fff;border-radius: 4px;}
.cont-box.notification .cont .fillter-pop > .inner{padding: 27px 20px 0 20px;height: 100%;  -ms-overflow-style: none; box-sizing:border-box;}
.cont-box.notification .cont .fillter-pop > .inner .scrollbar-inner{height: calc(100% - 130px);}
.cont-box.notification .cont .fillter-pop > .inner >strong {font-size: 14px;}
.cont-box.notification .cont .fillter-pop .check-list {display:flex;flex-wrap: wrap;margin: 10px 0 11px 0;}
.cont-box.notification .cont .fillter-pop .check-list li {margin-bottom: 10px;}
.cont-box.notification .cont .fillter-pop .check-list li .checks{font-size: 14px;line-height: 16px;min-width: 92px;}

.cont-box.notification .cont .fillter-pop .btn-group {position: absolute;bottom: 0;width: 320px;display:flex;flex-wrap:wrap;justify-content: space-between;padding: 10px 20px;border-top:1px solid #e6e7e8;box-sizing: border-box;background: #fff;border-radius: 0 0 4px 4px;}
.cont-box.notification .cont .fillter-pop .btn-group .btn {width: 49%;height:46px;line-height:46px;text-align:center;border-radius: 3px;font-size: 15px;cursor:pointer;}
.cont-box.notification .cont .fillter-pop .btn-group .btn.confirm {background:#004b8e; color:#fff; } 
.cont-box.notification .cont .fillter-pop .btn-group .btn.cancel {background:#e7e8ea; color:#4c4d4f; } 
.cont-box.notification .cont .fillter-pop .btn-group .reset {width:100%;font-size:13px;color:#004b8e;cursor: pointer;margin-top: 15px;text-align: center;text-decoration: underline;} 



.cont-box.notification .cont .write-pop {display:none;position: absolute;top: -64px;left: 0;width: 100%;height:100%;background:#fff;border-radius: 10px; z-index:10; padding-bottom:63px;}
.cont-box.notification .cont .write-pop .write-area{height:calc(100% - 80px); padding: 0 30px 30px;  -ms-overflow-style: none;}
.cont-box.notification .cont .write-pop .write-area .scrollbar-inner{height:100%; max-height:100% !important; padding-right:10px}
.cont-box.notification .cont .write-pop .write-area .notice-txt{ font-size: 14px; color: #ff0014; margin-top:5px}
.cont-box.notification .cont .write-pop .write-area strong {display:block;font-size: 14px;margin: 22px 0 10px 0;}
.cont-box.notification .cont .write-pop .write-area strong .add-recevie {float:right; font-size: 13px; color: #004b8e;   cursor: pointer;  text-align: center; font-weight:normal; text-decoration: underline;} 


.cont-box.notification .cont .write-pop .write-area input {display:block;width: 100%;height:40px;padding:10px;border-radius:3px;border: solid 1px #d6dbe4;}
.cont-box.notification .cont .write-pop .write-area textarea {display:block;height: 160px;padding:10px;border-radius:3px;border: solid 1px #d6dbe4;}
.cont-box.notification .cont .write-pop .write-area .checks {margin-top:10px; font-size:14px}


.cont-box.notification .cont .write-pop .check-list {display:flex;flex-wrap: wrap;margin: 10px 0 11px 0;}
.cont-box.notification .cont .write-pop .check-list li {margin-bottom: 10px;}
.cont-box.notification .cont .write-pop .check-list li .checks{font-size: 14px;line-height: 16px;min-width: 92px;}

.cont-box.notification .cont .write-pop .btn-group {position:absolute; bottom:25px; width:380px; display:flex;flex-wrap:wrap;justify-content: space-between;padding: 0 30px; box-sizing:border-box}
.cont-box.notification .cont .write-pop .btn-group .btn {width: 156px;height:46px;line-height:46px;text-align:center;border-radius: 3px;font-size: 15px;cursor:pointer;}
.cont-box.notification .cont .write-pop .btn-group .btn.confirm {background:#004b8e; color:#fff; } 
.cont-box.notification .cont .write-pop .btn-group .btn.cancel {background:#e7e8ea; color:#4c4d4f; } 






.cont-box.notification .cont .list li.off .info .tit{color:#8f8e93}
.cont-box.notification .cont .list li.off .info .tit{ -webkit-line-clamp: 3;}
.cont-box.notification .cont .list > li {position:relative; padding:15px 30px}

/*최근알림 아이콘*/
.notification i.ico { display: inline-block; background-repeat: no-repeat; width: 40px; height: 40px; background-position: center; border-radius:50%; margin-right:15px;  }

.notification i.ico.noc-payment {background-image:url(../images/kr/main/notification/noc02.svg);background-color:#004B8E } /*결재*/
.notification i.ico.noc-reservation {background-image:url(../images/kr/main/notification/noc03.svg); background-color:#8590B2} /*예약*/
.notification i.ico.noc-cooperation {background-image:url(../images/kr/main/notification/noc05.svg);background-color:#5AB472 } /*협업*/
.notification i.ico.noc-calendar {background-image:url(../images/kr/main/notification/noc06.svg);background-color:#E63F67 } /*일정*/
.notification i.ico.noc-mail {background-image:url(../images/kr/main/notification/noc08.svg);background-color:#2BBDCB;margin-bottom: 1px; } /*메일*/
.notification i.ico.noc-notice {background-image:url(../images/kr/main/notification/noc09.svg); background-color:#B97EEC} /*공지*/
.notification i.ico.noc-board {background-image:url(../images/kr/main/notification/noc01.svg); background-color:#4e78fe} /*커뮤니티*/
.notification i.ico.noc-survey {background-image:url(../images/kr/main/notification/noc13.svg);background-color:#9EB0E1 } /*설문*/
.notification i.ico.noc-corona {background-image:url(../images/kr/main/notification/noc10.svg);background-color:#E63F67 } /*코로나*/
.notification i.ico.noc-restaurant  {background-image:url(../images/kr/main/notification/noc11.svg); background-color:#F3C641} /*식당예약*/
.notification i.ico.noc-performance {background-image:url(../images/kr/main/notification/noc12.svg); background-color:#4E78FE} /*근무실적등록*/
.notification i.ico.noc-community {background-image: url(../images/kr/main/notification/noc14.svg);background-color: #FF822E;} /*커뮤니티*/
.notification i.ico.noc-pms {background-image: url(../images/kr/main/notification/PMS.svg);background-color: #1F71DB;} /*PMS*/
.notification i.ico.noc-report {background-image: url(../images/kr/main/notification/Report.svg);background-color: #E65145;} /*Report*/
.notification i.ico.noc-task {background-image: url(../images/kr/main/notification/Task.svg);background-color: #56C59F;} /*Task*/
.notification i.ico.noc-webdisk {background-image: url(../images/kr/main/notification/WebDisk.svg);background-color: #6F6FE9;} /*WebDIsk*/
.notification .off i.ico{background-color:#D1D2D4;}

    
.cont-box.notification .cont .list li .delete{position:absolute; top:50%; right:30px; width:12px; height:12px; transform:translateY(-50%); background:url('../images/kr/main/icon_delete.png'); cursor:pointer}

.cont-box.notification .cont .notification-nav {position:absolute; bottom:0; display:flex; justify-content:space-between; align-items:center; width:100%; padding: 15px 20px;background:#fff;border-top:1px solid #dddddd;border-radius: 0 0 10px 10px;text-align: center; box-sizing:border-box;}
.cont-box.notification .cont .notification-nav a{display: table-cell;vertical-align: middle;width:34px;height:34px;border:1px solid #babec7;border-radius:3px;}
.cont-box.notification .cont .notification-nav a:hover{background-color:#F8F9FB;}
.cont-box.notification .cont .notification-nav .prev{background:url('../images/kr/main/calender_prev.svg') center center no-repeat}
.cont-box.notification .cont .notification-nav .next{background:url('../images/kr/main/calender_next.svg') center center no-repeat}
.cont-box.notification .cont .notification-nav .page-num{font-size:14px;line-height: 32px;text-align: center;}
.cont-box.notification .cont .notification-nav .page-num em{font-weight:normal;color:#004a8d; vertical-align:top;}


/* daily_checklist */
.cont-box.daily_checklist .header .today{font-size:14px;}
.cont-box.daily_checklist .notification{background:transparent;}
.cont-box.daily_checklist .cont .list > li {padding:35px 30px}
.cont-box.daily_checklist .cont .list > li:nth-child(3) {padding:36px 30px;}
.cont-box.daily_checklist .cont .list > li:nth-child(3):hover {padding:36px 30px;border-radius:0 0 8px 8px}
.cont-box.daily_checklist .header > .tit:before {background: url('../images/kr/main/icon_working_attitude_confirm.png') no-repeat; margin-bottom: 4px;}
.cont-box.daily_checklist .list .notification span{display: inline-block;vertical-align: middle; margin-top: -34px;font-weight: bold; font-size: 16px; }
.cont-box.daily_checklist .list .notification +.btn {padding: 0 15px;  height: 32px;  font-size: 14px;  line-height: 30px;  background: #fff;border: 1px solid #babec7;  border-radius: 3px; cursor:pointer}
.cont-box.daily_checklist .list .notification +.btn.complete {background:#004b8e; color:#fff}
.cont-box.daily_checklist .list > li {align-items:center; justify-content: space-between;}
.cont-box.daily_checklist .notification.off i.ico{background-color:#e6e7e8;}
.cont-box.daily_checklist .notification.off i + span{color:#8F8E93;}


/* 퀵링크 my 모비스 */
.cont-box.quickMyMobis{width:380px; height:500px; overflow:hidden; border:1px solid #E6E6E6; box-shadow:0 3px 6px rgb(0 0 0 / 10%); border-radius:4px; margin:0 auto;}
.cont-box.quickMyMobis .cont {position:relative}
.cont-box.quickMyMobis .cont .quickMyMobis-read {display:flex; justify-content: space-between;padding:16px 30px 15px 30px; border-bottom: 1px solid #EAEAEA;}
.cont-box.quickMyMobis .cont .quickMyMobis-read .view > span{font-size:14px;}
.cont-box.quickMyMobis .cont .quickMyMobis-read .view > span em{color:#004A8D;}
.cont-box.quickMyMobis .header {background:#fff; justify-content:flex-start;}
.cont-box.quickMyMobis .header .icon-area >span{position: relative;display:inline-block;top: 19px;width: 30px;height: 30px;cursor:pointer;vertical-align: top;}
.cont-box.quickMyMobis .header .icon-area .setting{right: -5px;}
.cont-box.quickMyMobis .header .icon-area >span:before {content: '';position: absolute;display: inline-block;width: 20px;height: 20px;top: 5px;right: 5px;}
.cont-box.quickMyMobis .header .icon-area .setting:before {background: url('../images/kr/main/icon_setting.svg');}
.cont-box.quickMyMobis .header .select-box.type01{margin:0 20px 0 auto;}
.cont-box.quickMyMobis .header .select-box.type01 > a{position:relative; min-width:56px; width:56px; padding:0px 15px; white-space:nowrap; cursor:pointer;}
.cont-box.quickMyMobis .header .select-box.type01 > a:after{position:absolute; right:0px; top:50%; margin-top:-2px;}
.cont-box.quickMyMobis .header .select-box.type01 > ul{right:60px;}
.cont-box.quickMyMobis .select-box.type01 > ul > li:hover{color:#004A8D; font-weight:bold;}

.cont-box.quickMyMobis .cont .quickMyMobis-search {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    margin-bottom:10px;
}
.cont-box.quickMyMobis .cont .quickMyMobis-search .search-input{position:relative;width: calc(100% - 0px);}                                  
.cont-box.quickMyMobis .cont .quickMyMobis-search .search-input input{width: 100%;height:34px;padding:0 10px;background:#f8f9fb;border-radius: 3px;}                                   
.cont-box.quickMyMobis .cont .quickMyMobis-search .search-input .search-btn{position:absolute;top: 9px;right: 10px;width:16px;height: 17px;background: url('../images/kr/main/icon_search.svg') center center no-repeat;cursor: pointer;}          

.quickMyMobis_wrap{}

.cont-box.quickMyMobis .cont .list.type01{overflow-y: scroll; height: 392px;-ms-overflow-style:none;}
.cont-box.quickMyMobis .cont .list.type01 li .info {width: calc(100% - 85px);}

.cont-box.quickMyMobis .cont .list > li {position:relative; padding:10px 30px; border-bottom:0px none; cursor:pointer; line-height:28px;}
.cont-box.quickMyMobis .cont .list > li::after{content:""; position:absolute; right:30px; top:50%; margin-top:-3px; width:5px; height:9px; background:url('../images/kr/main/title_arrow.svg') no-repeat; background-size:5px 9px;}
.cont-box.quickMyMobis .cont .list > li a{color:#4C4C4E; font-weight:400;}
.cont-box.quickMyMobis .cont .list > li:hover a{color:#000; font-weight:400;}


/*20201027 추가 */

.login_tab {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .login_tab li {
        float: left;
        display: inline-block;
        width: 50%;
        text-align: center;
        background: #e3e3e3;
        box-sizing: border-box;
        height: 35px;
        line-height: 33px;
        font-weight: bold;
        color: #424242;
        cursor: pointer;
    }

        .login_tab li:hover {
            color: #ec1c23
        }

        .login_tab li.on {
            border-width: 2px 2px 0px 2px;
            border-color: #ed282e;
            border-style: solid;
            background: #fff;
            color: #ec1c23;
        }

.txt_red {
    color: #ec1c23;
}

.formBtn {
    clear: both;
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    overflow: hidden;
}

    .formBtn dt {
        float: left;
        width: 130px;
        height: 26px;
        line-height: 26px;
        border: 1px solid #c5c5c5;
        background: url(../images/kr/login/dot_icon02.gif) #f7f7f7 no-repeat 118px 50%;
        text-align: center;
        overflow: hidden;
        cursor: pointer;
    }

    .formBtn dd {
        float: right;
        width: 130px;
        height: 26px;
        line-height: 26px;
        border: 1px solid #c5c5c5;
        background: url(../images/kr/login/dot_icon02.gif) #f7f7f7 no-repeat 118px 50%;
        text-align: center;
        overflow: hidden;
        cursor: pointer;
    }


/* 2022-02-08 로그인 추가 */

.login_wrap .login_box .login_input .cont {
    padding: 40px 60px;
}

.login_wrap .login_box .login_input .login-form .m-btn {
    display:block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    color: #333;
    background: url(../images/kr/login/Microsoft-Logo.png) no-repeat -10px center;
    background-size:70px;
    border: 1px solid #8f8e93;
    cursor: pointer;
    margin-top: 30px
}

.login_wrap .login_box .login_input .login-form .login-check select {
    width: 70px;
    height: 24px;
    float: right;
}


/* 마이모비스 2x1 */

.cont-2x1.cont-box.my-mobis .cont .link-area li a:after{display:none;}
/*.cont-2x1.cont-box.my-mobis .cont .link-area li{width: calc(18% - 20px);height:75px; cursor:pointer;margin: 10px 10px 35px;border-radius:10px;}*/
.cont-2x1.cont-box.my-mobis .cont .link-area li{width: calc(20% - 20px);height:75px; cursor:pointer;margin: 10px 25px 35px 0px;border-radius:10px;}
.cont-2x1.cont-box.my-mobis .cont .link-area li a{position: absolute; bottom: -35px;left: 0;text-align: center;}
.cont-box.my-mobis.cont-2x1 .cont .link-area { display: flex; justify-content: flex-start; flex-wrap: wrap; align-content:flex-start; padding:0 30px 30px; box-sizing: border-box;}
.cont-2x1.cont-box.my-mobis .cont .link-area li:nth-child(5n){margin-right:0;}
/*.cont-2x1.cont-box.my-mobis .cont .link-area li:hover{background-color:#054e91;}*/

/*.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(1){background:url(../images/skin04/mymobis_bk01.png) no-repeat center #F8F9FB; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(2){background:url(../images/skin04/mymobis_bk02.png) no-repeat center #F8F9FB; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(3){background:url(../images/skin04/mymobis_bk03.png) no-repeat center #F8F9FB; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(4){background:url(../images/skin04/mymobis_bk04.png) no-repeat center #F8F9FB; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(5){background:url(../images/skin04/mymobis_bk05.png) no-repeat center #F8F9FB; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(6){background:url(../images/skin04/mymobis_bk06.png) no-repeat center #F8F9FB; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(7){background:url(../images/skin04/mymobis_bk07.png) no-repeat center #F8F9FB; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(8){background:url(../images/skin04/mymobis_bk08.png) no-repeat center #F8F9FB; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(9){background:url(../images/skin04/mymobis_bk09.png) no-repeat center #F8F9FB; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(10){background:url(../images/skin04/mymobis_bk10.png) no-repeat center #F8F9FB; }

.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(1):hover{background:url(../images/skin04/mymobis_wt01.png) no-repeat center #054E91; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(2):hover{background:url(../images/skin04/mymobis_wt02.png) no-repeat center #054E91; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(3):hover{background:url(../images/skin04/mymobis_wt03.png) no-repeat center #054E91; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(4):hover{background:url(../images/skin04/mymobis_wt04.png) no-repeat center #054E91; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(5):hover{background:url(../images/skin04/mymobis_wt05.png) no-repeat center #054E91; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(6):hover{background:url(../images/skin04/mymobis_wt06.png) no-repeat center #054E91; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(7):hover{background:url(../images/skin04/mymobis_wt07.png) no-repeat center #054E91; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(8):hover{background:url(../images/skin04/mymobis_wt08.png) no-repeat center #054E91; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:nth-child(9):hover{background:url(../images/skin04/mymobis_wt09.png) no-repeat center #054E91; }
.cont-2x1.cont-box.my-mobis ul:nth-child(1) li:hover{background-color:#054E91;}*/

.cont-box.notification .cont .fillter-pop .check-list li .checks input[type="checkbox"] + label{line-height:16px;}
.cont-box.notification .cont .fillter-pop .check-list li .checks input[type="checkbox"] + label:before{width:16px; height:16px; background:url(../images/kr/login/icon_check.png) no-repeat left top; top:3px;}
.cont-box.notification .cont .fillter-pop .check-list li .checks input[type="checkbox"]:checked + label:before{background:url(../images/kr/main/icon_check.png) no-repeat left top -16px;}
.login_wrap .login_box .login_input .login-form .login-check .forgot_pwd{font-size:14px; color:#8F8E93; cursor:pointer;}
.copyright{margin-top:20px; font-size:12px; font-weight:400;}

/* 테스트 스크롤바 */
*::-webkit-scrollbar{width:12px; height:12px;} 
*::-webkit-scrollbar-thumb{background:#dedede; border-radius:8px; background-clip:padding-box; border:2px solid transparent;}
*::-webkit-scrollbar-track{background:#f1f1f1; border-radius:8px; background-clip:padding-box; border:2px solid transparent;}


/* 20231006 비즈메카리뉴얼 */

.cont-box .header{height:55px;}

/* 내정보 */
.myInfo .myInfo_detail{padding:0px 20px; box-sizing: border-box; text-align: center;}
.myInfo .myInfo_detail .image{position: relative; display:inline-block; width:80px; height:80px; margin:20px 0;}
.myInfo .myInfo_detail .image img{width:80px; height:80px; border-radius: 100px; overflow: hidden; display:inline-block;}
.myInfo .myInfo_detail .image .online{display:inline-block; width:16px; height:16px; border-radius: 20px; border:1px solid #fff; box-sizing: border-box; position: absolute; right:6px; bottom:5px; background: #42D65B;}
.myInfo .myInfo_detail .image .offline{display:inline-block; width:16px; height:16px; border-radius: 20px; border:1px solid #fff; box-sizing: border-box; position: absolute; right:6px; bottom:5px; background: #C4C4C4;}

.myInfo .myInfo_detail .name{margin-top:22px;font-size: 18px; font-weight: bold; display:inline-block; text-align: left; float:right; height:80px; width:calc(100% - 80px); padding:12px 0 0 15px; box-sizing: border-box;}
.myInfo .myInfo_detail .name .team{font-size: 14px; color:#8E8E8E; font-weight: normal;}

.myInfo .myInfo_detail .button{margin-top:20px;}
.myInfo .myInfo_detail .button span{display:inline-block; width:138px; height: 45px; line-height: 45px; border:1px solid #D5D5D5; border-radius: 5px; font-size: 14px; font-weight: normal; cursor: pointer;}
.myInfo .myInfo_detail .button span:last-child{margin-left:3px;}

.myInfo .myInfo_detail .total{background: #F8F9FB; border-radius: 5px; margin-top:5px; padding:12px 15px; box-sizing: border-box; font-size: 14px;}
.myInfo .myInfo_detail .total div{display:flex; justify-content: space-between;}
.myInfo .myInfo_detail .total div span:first-child{color:#8F8E93;}
/* 내정보 끝 */

/* 4분할 메뉴 */
.cont-box.cont-4{width: 330px; height:175px; display:inline-block; margin-bottom:16px; padding:30px 25px; box-sizing: border-box; cursor: pointer;}
.cont-box.cont-4:nth-child(odd){margin-right:18px;}

.cont-box.fourcut_menu{position: relative; overflow: hidden;}
.cont-box.fourcut_menu .title{font-size: 20px; font-weight: bold; margin-bottom:5px;}
.cont-box.fourcut_menu .title .red{color:#F1412D; margin-left:5px; }
.cont-box.fourcut_menu .subTitle{margin:0; padding:0; font-size: 16px;}

.cont-box.fourcut_menu .icon{position:absolute; display:inline-block; width:150px; height:130px; right:0; bottom:0; margin:0; padding:0;}
.cont-box.fourcut_menu .icon.mail{background: url('../images/kr/main/fourcut_icon01.png') no-repeat center;}
.cont-box.fourcut_menu .icon.appr{background: url('../images/kr/main/fourcut_icon02.png') no-repeat center;}
.cont-box.fourcut_menu .icon.schedule{background: url('../images/kr/main/fourcut_icon03.png') no-repeat center;}
.cont-box.fourcut_menu .icon.project{background: url('../images/kr/main/fourcut_icon04.png') no-repeat center;}
.cont-box.fourcut_menu .icon.question{background: url('../images/kr/main/fourcut_icon06.png') no-repeat center;}
.cont-box.fourcut_menu .icon.resource{background: url('../images/kr/main/fourcut_icon05.png') no-repeat center;}
.cont-box.fourcut_menu .icon.call{background: url('../images/kr/main/fourcut_icon07.png') no-repeat center;}
.cont-box.fourcut_menu .icon.webdisk{background: url('../images/kr/main/fourcut_icon09.png') no-repeat center;}
.cont-box.fourcut_menu .icon.newboard{background: url('../images/kr/main/fourcut_icon08.png') no-repeat center;}


/* 4분할 메뉴 끝 */

/* 프로젝트 관리 */
.main_icon_plus {display: inline-block; width: 20px; height: 20px; vertical-align: top; background-position: 0px 0px; background: url('../images/kr/main/icon_plus.svg') no-repeat center center !important; margin-left:5px; cursor: pointer;}
.slide .item + .pagenation{bottom:5px !important;}
.cont-box .cont .list .project_li{border:1px solid #C6D6E5; border-radius: 5px; background: #F7F9FB; padding:20px; box-sizing: border-box;margin:5px 20px; display:inline-block; width:calc(100% - 40px);}
.cont-box .cont .list .project_li .name{display:flex; width:100%; justify-content: space-between; font-weight: bold;}
.cont-box.cont-1x1 .cont .list .project_li .name span:first-child, .cont-box.cont-1x2 .cont .list .project_li .name span:first-child{width:210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cont-box.cont-1x2 .cont .list .project_li{display: inline-block; padding:20px; }                            

.cont-box .cont .list .project_li .progress_bar{width:100%; height:8px; position: relative; display:inline-block; background: #Fff; border-radius: 10px; margin-right:20px;}
.cont-box .cont .list .project_li .progress_bar > span{position:absolute; left:0; top:0; display:inline-block;  height:8px; border-radius: 10px;}
.cont-box .cont .list .project_li .progress_bar.blue > span{background: #004A8D;}
.cont-box .cont .list .project_li .progress_bar.red > span{background: #F1412D;}
.cont-box .cont .list .project_li .progress_bar.yellow > span{background: #FFBC21;}
/* 프로젝트 관리 끝 */

/* 바로가기 */
.direct_menu .menu_list{padding:35px 30px; box-sizing: border-box;}
.direct_menu .menu_list ul li{display:inline-block; float:left; width:70px; text-align: center; margin:0 25px 30px 0; font-size: 13px;}
.direct_menu .menu_list ul li:nth-child(3n){margin-right:0;}
.direct_menu .menu_list ul li span.icon{display:inline-block; width:70px; height:70px; line-height: 70px; border-radius: 10px; margin:0 0 5px 0; padding:0;}
.direct_menu .menu_list ul li .icon.mail{ background: url('../images/kr/main/direct_mail.svg') #F5F6F8 no-repeat center;}
.direct_menu .menu_list ul li .icon.appr{background: url('../images/kr/main/direct_appr.svg') #F5F6F8 no-repeat center;}
.direct_menu .menu_list ul li .icon.schedule{background: url('../images/kr/main/direct_schedule.svg') #F5F6F8 no-repeat center;}
.direct_menu .menu_list ul li .icon.board{background: url('../images/kr/main/direct_board.svg') #F5F6F8 no-repeat center;}
.direct_menu .menu_list ul li .icon.reserve{background: url('../images/kr/main/direct_reserve.svg') #F5F6F8 no-repeat center;}
.direct_menu .menu_list ul li .icon.meeting{background: url('../images/kr/main/direct_meeting.svg') #F5F6F8 no-repeat center;}
/* 바로가기 끝 */

/* 포토게시판 */
.cont-box.photo-board .cont .list li{height:136px;}
.cont-box.photo-board .cont .list li .photo{width:122px;}
.cont-box.photo-board .cont .list li .info .desc > span.date{margin-top:5px;}
/* 포토게시판 끝 */

/* 메일 */
.mail_progress_bar{width:280px;}
.mail_progress_bar .progress_bar{width:160px; height:10px; position: relative; display:inline-block; background: #EDF0FF; border-radius: 10px; margin-right:10px;}
.mail_progress_bar .progress_bar > span{position:absolute; left:0; top:0; display:inline-block;  height:10px; border-radius: 10px;}

.mail_progress_bar .txt{font-size:16px; font-weight: bold;}
.mail_progress_bar .txt .blue{color:#004A8D;}
.mail_progress_bar .txt .gray{color:#8F8E93; font-weight: normal;}
/* 메일 끝 */

/* 자원예약 */
.cont-box .cont .list .resorce_li{border:1px solid #C6D6E5; border-radius: 5px; background: #F7F9FB; padding:20px 18px; box-sizing: border-box;margin:2px; display:inline-block; width:calc(50% - 8px); cursor: pointer;}
.cont-box.cont-1x1 .cont .list .resorce_li{width:100%;}
.cont-box.cont-1x2 .cont .list .resorce_li{width:100%;}
.cont-box .cont .list .resorce_li.red{background: #FDF0F3; border:1px solid #F9CAD6 !important;}
.cont-box .cont .list .resorce_li.yellow{background: #FFFAED; border:1px solid #FFEBBA !important;}
.cont-box .cont .list .resorce_li .name{width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.cont-box .cont .list .resorce_li .name .bold{font-weight: bold; margin-right:3px;}
.cont-box .cont .list .resorce_li .date{color:#8F8E93;}
.cont-box.resorce .slide .item .slide-box{padding:5px 20px; box-sizing: border-box;}
/* 자원예약 끝 */

/* myKaoni */
.cont-box.myKaoni .cont .list{padding:10px 20px 0 20px;}
.cont-box.myKaoni .cont .list > li{width:calc(50% - 2px); background: #F8F9FB; border-radius: 3px; margin:0; padding:15.5px 20px; box-sizing: border-box; float:left; margin:1px; display:flex; justify-content: space-between; cursor: pointer;}
.cont-box.myKaoni  .cont .list > li .txt{width:calc(100% - 10px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont-box.myKaoni  .cont .list > li .arrow{background: url('../images/kr/main/tit_arrow.png') no-repeat center; width:5px; height: 8px; background-size: cover; margin-top:7px;}
/* myKaoni 끝 */

/* 경제동향 */
.cont-box.economy .cont .list{padding:10px 20px 0 20px;}
.cont-box.economy .cont .list > li{width:calc(100% - 4px); background: #F8F9FB; border-radius: 3px; margin:0; padding:15.5px 15px; box-sizing: border-box; float:left; margin:1px; cursor: pointer;}
.cont-box.economy .cont .list > li .name{font-weight: bold; display:inline-block; width:calc(100% - 165px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cont-box.economy .cont .list > li > span:nth-child(2){display:inline-block; width:80px;}
.cont-box.economy .cont .list > li > span:nth-child(3){display:inline-block; width:50px;}
.cont-box.economy .cont .list > li > span:nth-child(4){display:inline-block; width:35px;}
.cont-box.economy .cont .list > li span.up{background: url('../images/kr/main/economy_up.svg') no-repeat center; width:7px; height: 6px; background-size: cover; vertical-align:middle; display:inline-block; margin-left:2px;}
.cont-box.economy .cont .list > li span.down{background: url('../images/kr/main/economy_down.svg') no-repeat center; width:7px; height: 6px; background-size: cover; vertical-align:middle; display:inline-block; margin-left:2px;}
.main_icon_reset{display: inline-block; width: 20px; height: 20px; vertical-align: top; background-position: 0px 0px; background: url('../images/kr/main/icon_refresh.svg') no-repeat center center !important; margin-left:10px;}
/* 경제동향 끝 */

/* 생일자 */
.cont-box.birth{background-image: url('../images/kr/main/birth_bg.png');}
.cont-box.birth .header{color:#fff;}
.cont-box.birth .cont .birth-list > li .date{color:#AAAAAA;}
.cont-box.birth .cont .birth-list > li .tit em span{font-weight: normal;}
/* 생일자 끝 */

/* 시계 */
.cont-box.clock{background-image: url('../images/kr/main/time_bg.png');}
/* 시계 끝 */


/* 일정 */
.cont-box.calendar .cont .calendar-tb{padding:0px;}
.cont-box.calendar .cont .calendar-month{padding: 5px 10px;}
.cont-box.calendar .date-info-wrap .date-box li{border-radius: 5px;}
.cont-box.calendar .date-info-wrap .date-box li.holiday{background: none; border:none;}
.cont-box.calendar .date-info-wrap .date-box li.holiday .info .label{color:#F1412D;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 ;}
.cont-box.calendar .date-info-wrap .date-box li.team{background: #F7F9FB; border:1px solid #C6D6E5;}
.cont-box.calendar .date-info-wrap .date-box li.team .info .label{color:#3A6BEF;}
.cont-box.calendar .date-info-wrap .date-box li.individual{background: #F5FAF6;border: 1px solid #D3E8CE; cursor:pointer;}
.cont-box.calendar .date-info-wrap .date-box li.individual .info .label{color:#35C55B;}

/* 일정 끝 */

/* 사내소식 */
.cont-box.company .header{background: none;}
.cont-box.company .header .tit{color:#fff;}
.cont-box.company{background-image: url('../images/kr/main/company_bg.png');  background-repeat:no-repeat; background-position:left top, right top; }
.cont-box.company .cont{background: none; padding: 20px; box-sizing: border-box; text-align: center;}
.cont-box.company .cont .txt{font-size: 20px; font-weight: 500; line-height: 24px; color:#fff; margin-bottom:25px;}
.cont-box.company .cont img{margin-bottom:20px;}
/* 사내소식 끝 */

/* 전자설문 */
.cont-box .cont .list .question_li{border:1px solid #C6D6E5; border-radius: 5px; background: #F7F9FB; padding:15px 20px; box-sizing: border-box;margin:5px 20px; display:inline-block; width:calc(100% - 40px); cursor: pointer;}
.cont-box .cont .list .question_li:last-child{border-bottom:1px solid #C6D6E5;}
.cont-box .cont .list .question_li .subtitle{font-size: 14px; color:#8F8E93;}
.cont-box .cont .list .question_li .title{font-size: 16px; font-weight: bold; margin-bottom:30px; margin-top:3px; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont-box .cont .list .question_li .people{color:#8f8e93; float:right;}
.cont-box .cont .list .question_li .people .num{color:#F1412D; text-decoration: underline; font-weight: 600;}
.cont-box .cont .list .question_li .count{color:#8f8e93; float:right;}
.cont-box .cont .list .question_li .count::after{content:''; display:inline-block; width:1px; height:7px; background: #8f8e93; margin:0 5px 1px 8px;}

.cont-box .cont .list .question_li_list{border-bottom:1px dotted #DDDDDD; display:flex; justify-content: space-between; padding:15px 0px; margin:0 20px; cursor: pointer;}
.cont-box .cont .list .question_li_list .num{background: #005DAB; color:#fff; width:21px; height: 21px; border-radius: 20px; line-height: 21px; text-align: center; margin-right:5px; display:inline-block;}
.cont-box .cont .list .question_li_list .num.yellow{background: #FFBC21;}
.cont-box .cont .list .question_li_list .num.green{background: #26B194;}
.cont-box .cont .list .question_li_list .answer{display:inline-block;width:100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cont-box .cont .list .question_li_list .question_txt{vertical-align: bottom; display:flex;}

.cont-box .cont .list .question_li_list:hover{background: none;}

.cont-box.cont-1x2 .cont .list > li.question_li{display:inline-block !important; padding:20px !important;}

.question_progress_bar{display:flex; align-items: center;}
.question_progress_bar{width:160px;}
.question_progress_bar .progress_bar.blue span{background: #005DAB;}
.question_progress_bar .progress_bar.yellow span{background: #FFBC21;}
.question_progress_bar .progress_bar.green span{background: #26B194;}
.question_progress_bar .progress_bar{width:160px; height:10px; position: relative; display:inline-block; background: #EDF0FF; border-radius: 10px; margin-right:10px;}
.question_progress_bar .progress_bar > span{position:absolute; left:0; top:0; display:inline-block;  height:10px; border-radius: 10px;}

/* 전자설문 끝 */

.cont-box.payment .cont .list li{padding:10px 20px;}
.cont-box.payment .period dl dt:before{content:none;}

.cont-box .cont .list > li{padding:10px 25px;}
.cont-box.payment .period dl{padding-left:15px;}

.profile-img{margin-top:8px;}


/* 탑메뉴 */
.container{padding-top:40px;}

.wrap > .header{height:40px; line-height: 40px; box-shadow: none; border-bottom:1px solid #E4E4E4;}
.wrap > .header .util > ul{height:40px;}
.wrap > .header .util > ul > li{margin:0 5px;}
.wrap > .header .util .notice{background-size: 14px;}
.wrap > .header .util .employee-search{background-size: 14px;}
.wrap > .header .util .search .search-btn{background-size: 14px;}
.wrap > .header .util .myinfo{margin:0 10px;}
.wrap > .header .util .myinfo > .photo-img img{width:22px; height:22px;}
.wrap > .header .util .myinfo > .photo-img{width:22px; height:22px;}
.wrap > .header .util .myinfo:before{content:none;}
.wrap > .header h1 .logo{padding-left:25px;}
.wrap > .header .util .position{background: #E3E3E3; color:#000; height: 24px; line-height: 24px; padding:0 8px; border-radius: 5px;}

.container{display:unset; }
.container .menu_list {box-shadow: 1px 3px 4px 0 #ececec; margin-top:40px; height:60px; line-height: 60px; display:flex; justify-content: space-between; width:100%; padding:0 10px; box-sizing: border-box; position:relative; z-index:10;}

.container .menu_list ul li{display:inline-block; }
.container .menu_list ul.menu_list_left{display:flex; align-items: center;}
.container .menu_list ul.menu_list_left li{font-size:16px; margin:0 15px; cursor: pointer; position: relative;}
.container .menu_list ul.menu_list_left li:hover{color:#004A8D; font-weight: bold;}
.container .menu_list ul.menu_list_left li:hover::after{content:''; display:inline-block; width:16px; height: 2px; background: #004A8D; position:absolute; bottom:0; left:50%; transform: translateX(-50%);}
.container .menu_list ul.menu_list_left li.icon_all span{background: url('../images/kr/main/menu_icon_all.svg') no-repeat center; display:inline-block; width:24px; height: 24px;}
.container .menu_list ul.menu_list_right{position:relative}
.container .menu_list ul.menu_list_right li{margin:0 10px; cursor: pointer;}
.container .menu_list ul.menu_list_right .write{background: url('../images/kr/main/menu_right_write.svg') no-repeat left; padding-left:20px;} /*업무일지작성*/
.container .menu_list ul.menu_list_right .write_wt{background: url('../images/kr/main/menu_right_write_wt.svg') no-repeat left; padding-left:20px;} /*업무일지작성 wt*/
.container .menu_list ul.menu_list_right .bookmark{background: url('../images/kr/main/menu_right_bookmark.svg') no-repeat left; padding-left:20px;} /*즐겨찾는사이트*/
.container .menu_list ul.menu_list_right .bookmark_wt{background: url('../images/kr/main/menu_right_bookmark_wt.svg') no-repeat left; padding-left:20px;} /*즐겨찾는사이트 wt*/
.container .menu_list ul.menu_list_right .resource{background: url('../images/kr/main/menu_right_resource.svg') no-repeat left; padding-left:20px;} /*자원에약하기*/
.container .menu_list ul.menu_list_right .resource_wt{background: url('../images/kr/main/menu_right_resource_wt.svg') no-repeat left; padding-left:20px;} /*자원예약하기 wt*/
.container .menu_list ul.menu_list_right .resource{background: url('../images/kr/main/menu_right_resource.svg') no-repeat left; padding-left:20px;} /*일정등록하기*/
.container .menu_list ul.menu_list_right .resource_wt{background: url('../images/kr/main/menu_right_resource_wt.svg') no-repeat left; padding-left:20px;} /*일정등록하기 wt*/
.container .menu_list ul.menu_list_right .resource{background: url('../images/kr/main/menu_right_appr.svg') no-repeat left; padding-left:20px;} /*기안하기*/
.container .menu_list ul.menu_list_right .resource_wt{background: url('../images/kr/main/menu_right_appr_wt.svg') no-repeat left; padding-left:20px;} /*기안하기 wt*/
.container .menu_list ul.menu_list_right .resource{background: url('../images/kr/main/menu_right_mail.svg') no-repeat left; padding-left:20px;} /*메일쓰기*/
.container .menu_list ul.menu_list_right .resource_wt{background: url('../images/kr/main/menu_right_mail_wt.svg') no-repeat left; padding-left:20px;} /*메일쓰기 wt*/



.container .menu_list ul.menu_list_right .fix_menu{background: url('../images/kr/main/menu_right_fix.svg') no-repeat left; padding-left:20px;}

.container .menu_list_all{position:absolute; right:0; left:0; top:100px; z-index: 9; background: rgba(255, 255, 255, 0.9); box-shadow: 1px 3px 4px 0 #ececec; padding:50px 300px; box-sizing: border-box;}
.container .menu_list_all ul li{width:20%; height:60px; float:left; font-size: 16px;}
.container .menu_list_all ul li:hover{font-weight: bold; color:#004A8D; cursor: pointer;}
.container .menu_list_all .download{width: 100%; display:inline-block; padding-top:50px;}

.container .menu_list_all .download .messenger{background: url('../images/kr/main/messenger_bg.png') no-repeat center; display:inline-block; width:265px; height:90px; color:#fff; font-size:16px; line-height: 90px; padding-left:25px;}
.container .menu_list_all .download .manual{background: url('../images/kr/main/manual_bg.png') no-repeat center; display:inline-block; width:265px; height:90px; margin-left:8px; color:#fff; font-size:16px; line-height: 90px; padding-left:25px;}
.container .menu_list_all .download .download_icon{display:inline-block; width:34px; height:34px; background: url('../images/kr/main/download_icon.svg') no-repeat center; margin-bottom:-10px; margin-left:5px;}

/* 기타 */

.mainbg, .grid{background: #F5F6F8;}
.cont-box{box-shadow: 1px 3px 4px 0 #ececec;}
.lyp_search_wrap.biz_office{border:solid 1px #E2E2E2; top:90px; right:15px}

.cont-box.quickMyMobis{position:absolute; right:120px; top:50px; z-index: 10;}
.cont-box.quickMyMobis .header .select-box.type01{margin-right:10px;}
.cont-box.quickMyMobis .header .select-box.type01 > a{min-width: 60px; width:60px;}
.cont-box.quickMyMobis .cont .quickMyMobis-search{padding:0 20px;}
.cont-box.quickMyMobis .cont .list > li{margin:0;}

.cont-box.quickMyMobis .cont .count{padding:0 25px; line-height:54px; border-bottom:1px solid #E6E6E6;}
.cont-box.quickMyMobis .cont .count span{color:#004A8D; font-weight: bold;}
/* 탑메뉴 끝 */


/* 비즈메카 리뉴얼 로그인 */
body.login_body{min-width: 1080px;}
.login_wrap .login_box{border:none; height:100%;}
.login_wrap .login_box .login_input{float:right; width:700px; position:relative;}
.login_wrap .login_box .login_img{float:left; width:calc(100% - 700px); overflow: hidden; background: url('../images/kr/login/login_bg.png') no-repeat center; background-size: cover;}
.login_wrap {width:100%; margin:0;top:0; position:relative;}
.login_wrap .login_box .login_input{position: relative; height:100%;;}
.login_wrap .login_box .login_input .cont{position:absolute; top:50%; width:100%; padding:0 100px; box-sizing: border-box; transform: translateY(-50%);}
.login_wrap .login_box .login_input .cont .logo div{font-size: 16px; color:#72707B; padding:15px 0 55px;}
.login_wrap .login_box .login_input .login-form .input-box input{background:#F2F2F2; border-radius: 10px; border:none; height: 80px; line-height: 80px;padding-left:20px; }
.login_wrap .login_box .login_input .login-form .input-box input::placeholder{color:#7D7A8D;}
.login_wrap .login_box .login_input .login-form .login-check .forgot_pwd{font-size: 16px; color:#000000;}
.login_wrap .login_box .login_input .login-form .login-check{margin:10px 0 50px;}
.login_wrap .login_box .login_input .login-form .login-btn{background: #2B2A30; font-size: 24px; border-radius: 10px; height:80px; line-height: 80px;}
.login_wrap .login_box .login_input .login-form .login-btn:hover{background: #000;}
.copyright{ width:100%; position: absolute;  bottom:50px; font-size: 16px; color:#8F8E93; left:50%; transform: translateX(-50%); text-align: center; width:380px;}

.login_wrap .login_box .login_input .login-form > div{overflow: hidden;}
.login_wrap .login_box .login_input .login-form .login-check{display:inline-block; float:left;}
.login_wrap .login_box .login_input .login-form .login-check label{font-size: 16px;}
.login_wrap .login_box .login_input .login-form .login-check .forgot_pwd{color:#8F8E93; vertical-align: bottom;}
.login_wrap .login_box .login_input .login-form .login-check .forgot_pwd::before{content:''; display:inline-block; width:1px; height: 12px; background: #C8C8C8; margin:4px 10px 0;}
.login_wrap .login_box .login_input .login-form .language{float:right;}
.login_wrap .login_box .login_input .login-form .language select{padding:4px; width:90px; margin-top:10px;}

/*@media only screen and (max-width :1640px){
    .login_wrap .login_box .login_input{width:100%;}
    .login_wrap .login_box .login_img{display:none;}
    .login_wrap .login_box .login_input .cont{width:500px; padding:0; left:50%; transform: translate(-50%, -50%);}
}*/

.login_body .password_popup{background: rgba(0,0,0, 0.5); position:absolute; top:0; left:0; right:0; bottom:0;}
.login_body .password_popup .box{display:inline-block; width:380px; height:325px; background: #fff; border-radius: 10px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); padding:25px; box-sizing: border-box;}
.login_body .password_popup .box .title{font-size: 20px; font-weight: bold; text-align: center; margin-bottom:25px;}
.login_body .password_popup .box .explain{font-size:14px; margin-bottom: 15px;}
.login_body .password_popup .box input{width:100%; height:40px; line-height: 40px; margin-bottom:5px; padding:0 10px; box-sizing: border-box;}
.login_body .password_popup .box input::placeholder{color:#8F8E93;}
 
.btn_newtype li.ok {margin: 0px 3px;}
.btn_newtype li.ok {background: #004b8e; border: solid 1px #004b8e; color: #fff;}
.btn_newtype li.ok:hover {background: #00417b; border: 1px solid #00417b;}
.btn_newtype li.no {background: #e7e8ea; border: solid 1px #e7e8ea; color: #4c4d4f; margin: 0px 3px;}
.btn_newtype li.no:hover {background: #dcdee2; border: 1px solid #dcdee2;}
.btn_newtype {list-style: none;margin: 30px 0 0 0; padding: 0; height: 46px; text-align: center; background: #ffffff; box-sizing: border-box; border-radius: 3px;}
.btn_newtype li {display: inline-block; padding: 0; margin: 0; min-width: 120px; height: 46px; font-size: 15px; line-height: 46px; text-align: center; font-weight: normal; vertical-align: middle; border-radius: 3px; box-sizing: border-box; border: 0; box-shadow: 0 0 0; cursor: pointer;}
.close_notification {
    position: absolute;
    right: 25px;
    top: 25px;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

/* 비즈메카 리뉴얼 로그인 끝 */

/* 프로젝트 아이콘 추가 */
.list_menu_info{display:inline-block; width:18px; height:15px; background: url('../images/kr/main/list_menu_info.svg') no-repeat center; background-size:14px; vertical-align:middle;} /* 프로젝트 정보 */
.list_menu_board{display:inline-block; width:18px; height:15px; background: url('../images/kr/main/list_menu_board.svg') no-repeat center; background-size:14px; vertical-align:middle;} /* 게시판 */
.list_menu_list{display:inline-block; width:18px; height:15px; background: url('../images/kr/main/list_menu_list.svg') no-repeat center; background-size:14px; vertical-align:middle;} /* 산출물리스트 */
/* 프로젝트 아이콘 추가 끝 */

/* 20231006 비즈메카리뉴얼 끝 */

/* 2차 로그인 & 비밀번호찾기 */
.login_sub_wrap{background: #fff;display:flex;align-items:center;justify-content:center;width: 100%;height: 100%;}
.login_sub_cont{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;}
.login_sub_title{font-size: 26px;color:#1A1311;text-align:center;font-weight:bold;margin-bottom:59px;}
.login_sub_annou{font-size: 16px;color: #8F8E93;text-align:center;line-height:24px;letter-spacing:-0.5px;}
.login_sub_annou span{color:#000000; font-weight:500;}
.login_sub_btn span{display:inline-block;width:100%;height: 75px;border-radius:10px;background:#1A1311;color:#fff;line-height: 75px;font-size: 22px;font-weight:500;text-align:center;cursor:pointer;float:left;}
.login_sub_btn span.half{width:calc(50% - 5px);}
.login_sub_btn span.no{margin-left:10px; background:#E7E8EA; color:#4C4D4F;}
.login_sub_btn span.disable{background:#E3E3E3; color:#fff;}


.find_input_wrap{margin:61px 0;}
.find_input_wrap .input_id_info{margin-bottom:10px;}
.find_input_wrap input{width:100%; height:60px; border-radius:10px; border:1px solid #DDDDDD; background:#fff; padding:0 24px; font-size:18px; color:#333; box-sizing:border-box; font-weight:400;}
.find_input_wrap input::placeholder{color:#8F8E93; font-weight:300;}

.otp_type_select{margin:35px 0; display:flex; justify-content:center;}
.otp_type_select li{width:150px; height:50px; border-radius:5px; box-sizing:border-box; border:1px solid #DDDDDD; display:flex; align-items:center; justify-content:center; /*cursor:pointer;*/}
.otp_type_select li:last-child{margin-left:15px;}

.qr_wrap{margin:37px 0 67px 0; display:flex; align-items:center; justify-content:center;}
.qr_wrap .qr_img img{width:120px; height:120px;}
.qr_wrap .setting_key{margin-left:20px;}
.qr_wrap .setting_key p{color:#8F8E93; font-size:14px; text-align:right; margin-bottom:10px;}
.qr_wrap .setting_key input{width:300px; height:60px; text-align:center; background:#F2F2F2; border-radius:10px; margin-top:30px; color:#000000; font-size:18.5px; font-weight:500; padding:0 5px; box-sizing:border-box; border:none;}

.input_otp_wrap{margin:98px 0;}
.input_otp_wrap input{width:100%; height:80px; border:1px solid #DDDDDD; border-radius:10px; padding:0 5px; box-sizing:border-box; text-align:center; font-size:30px; color:#000; letter-spacing:13px; font-weight:bold;}
.input_otp_wrap input::placeholder{color:#8F8E93; letter-spacing:normal; font-weight:24px; font-weight:normal;}

.onepass_wrap{width: 594px;height: 690px;display:flex;flex-direction:column;}
.onepass_tab{height: 46px;border-bottom: 1px solid #DDDDDD;}
.onepass_tab li{position:relative;background: #fff;box-sizing:border-box;font-size: 18px;line-height: 35px;text-align:center;color:#8F8E93;cursor:pointer;float:left;border-bottom:none;padding: 0 30px;}
.onepass_tab li:hover{background:#fff;color:#000;font-weight:bold;border-bottom: 6px solid #004A8D;height: 46px;}
.onepass_tab li.on{background:#fff;height: 46px;line-height: 36px;color:#000000;font-weight:bold;top:0;border-bottom: 6px solid #004A8D;}

.onepass_cont{position:relative;height:calc(100% - 58px);box-sizing:border-box;z-index:2;flex-direction:column;padding: 0 50px;}
.onepass_cont .login_sub_title{margin: 75px 0 25px;}

.input_number_wrap{margin-top:51px;}
.input_number_receive{float:left; width:calc(100% - 144px); background:#F2F2F2; border-radius:10px;}
.input_number_receive .select_type{float:left;width: 140px;position:relative;height: 60px;padding: 0 25px;box-sizing:border-box;}
.input_number_receive .select_type:after{content:""; position:absolute; right:0; top:50%; width:1px; height:28px; background:#DDDDDD; margin-top:-14px;}
.input_number_receive .select_type span{display:block;font-size: 16px;color:#000000;line-height: 60px;background:url(../images/kr/login/select_down_arrow.svg) no-repeat right center;cursor:pointer;letter-spacing:-0.5px;}
.input_number_receive .select_type span.on{background-image:url(../images/kr/login/select_up_arrow.svg);}
.input_number_receive .select_type span.on + ul{display:block;}
.input_number_receive .select_type ul{position:absolute; top:calc(100% + 5px); left:0; border:1px solid #DDDDDD; border-radius:10px; width:100%; box-sizing:border-box; padding:6px 0; background:#fff; display:none; z-index:1; box-shadow:1px 2px 4px rgba(0,0,0,0.07);}
.input_number_receive .select_type ul li{line-height:43px; padding:0 0 0 22px; font-size:16px; cursor:pointer; color:#4C4D4F;}
.input_number_receive .select_type ul li.on, .input_number_receive .select_type ul li:hover{background:#F8F9FB; color:#000000;}

.input_number_receive input{width: calc(100% - 140px);height: 60px;padding:0 20px;box-sizing:border-box;border:none;background:transparent;font-size: 16px;color:#8F8E93;font-weight:300;letter-spacing:-0.5px;}
.input_number_receive .captcha_img{height:60px; background:#fff; border-radius:10px; overflow:hidden;}
.input_number_receive .captcha_img img{width:100%; height:100%;}

.receive_btn{float:right;width:136px;height: 60px;border:1px solid #DDDDDD;border-radius:10px;box-sizing:border-box;text-align:center;line-height: 58px;color:#000000;font-size:16px;font-weight:500;cursor:pointer;margin-bottom:8px;}

.input_number{background:#fff;border:1px solid #DDDDDD;height: 60px;border-radius:10px;box-sizing:border-box;clear:both;overflow:hidden;}
.input_number input{border:none;height:100%;box-sizing:border-box;padding:0 25px;float:left;width:calc(100% - 90px);color:#000;font-size: 16px;}
.input_number input::placeholder{color:#8F8E93; font-weight:300;}
.input_number p{float:right; color:#F1412D; font-size:18px; margin:0 24px; line-height:58px;}

.annou_txt{margin: 10px 0 40px 0;}
.annou_txt dt{position:relative;padding-left:8px;font-size:14px;color:#1F71DB;letter-spacing:-0.5px;margin-bottom: 1px;}
.annou_txt dt:before{position:absolute; left:0; top:3px; content:"*";}
.annou_txt dd{position:relative; padding-left:8px; font-size:14px; color:#F1412D; letter-spacing:-0.5px;}
.annou_txt dd:before{position:absolute; left:0; top:3px; content:"*";}

.remember_login{margin:0 0 20px 0;}
.remember_login .checks input[type="checkbox"] + label{color:#8F8E93;font-size: 15px;}
.remember_login .checks input[type="checkbox"] + label:before{top:5px;}

.onepass_bottom{margin:auto 0 79px;}
.onepass_bottom .login_sub_btn:after{content:""; display:block; clear:both;}


.onepass_cont.captcha .input_number input{width:100%;}



/* PMS 추가 20240112 */

/* 권한 없음 */
.no_access{display: block; min-width: 600px; width: 100%; height:100%;}
.no_access > div{text-align: center; color:#8F8E93; font-size: 14px; font-weight: 400; margin-top:120px;}
.no_access > div img{margin-bottom:5px;}


/* 데이터 없음, 팝업사이즈 width:390px; height:330px 수정 필요 */
.board_delete > div{text-align: center; color:#8F8E93; font-size: 14px; font-weight: 400; margin-top:105px;}
.board_delete > div img{margin-bottom:5px;}

/* PMS 추가 20240112 끝 */

/* 20240229 메인 추가 */
.cont-box.fourcut_menu .subTitle{width:160px;}
.cont-box.payment .period dl dd{margin-right:10px !important;}
.wrap > .header{min-width:750px;}
.container .menu_list{padding:0;}
.container .menu_list ul.menu_list_left{white-space: nowrap; padding-left:10px;}
.container .menu_list ul.menu_list_right .bookmark{padding-right:10px;}
/* 20240229 메인 추가 끝 */

/* 20240304 */
@media only screen and (max-width: 1500px){
    .login_wrap .login_box .login_input{width:100%;}
    .login_wrap .login_box .login_img{display:none;}
    .login_wrap .login_box .login_input .cont{width:500px; padding:0; left:50%; transform: translate(-50%, -50%);}
}
.cont-box.fourcut_menu .subTitle{width:180px}

/* 2024-03-05 BJH : 포틀릿 카페 일정 / 휴가 일정 추가 */
.cont-box.calendar .date-info-wrap .date-box li.community .label {color: #60587e;}
.cont-box.calendar .date-info-wrap .date-box li.community {background: rgb(238, 233, 255);border: 1px solid rgb(238, 233, 255);cursor: pointer;}
/*.cont-box.calendar .date-info-wrap .date-box li.vacation_personal .label {color: #66512a;}
.cont-box.calendar .date-info-wrap .date-box li.vacation_personal {background: #fff0d0;border: 1px solid #fde1ab;cursor: pointer;}
.cont-box.calendar .date-info-wrap .date-box li.vacation_company .label {color: #027051;}
.cont-box.calendar .date-info-wrap .date-box li.vacation_company {background: #d6f7ee;border: 1px solid #9dcebf;cursor: pointer;}
.cont-box.calendar .date-info-wrap .date-box li.vacation_dept .label {color: #9e0388;}
.cont-box.calendar .date-info-wrap .date-box li.vacation_dept {background: #fdd2f7;border: 1px solid #ffb2f4;cursor: pointer;}*/
/*2024-03-07 BJH : 포틀릿은 휴가 통합*/
.cont-box.calendar .date-info-wrap .date-box li.vacation .label {color: #027051;}
.cont-box.calendar .date-info-wrap .date-box li.vacation {background: #d6f7ee;border: 1px solid #9dcebf;cursor: pointer;display:flex;justify-content:space-between;}
    .cont-box.calendar .date-info-wrap .date-box li.vacation p.info {width: auto !important;max-width: 100% !important;}
    .cont-box.calendar .date-info-wrap .date-box li.vacation span.approve_state {white-space: nowrap;margin-left: 10px;vertical-align: top;margin-top: 1px;font-size: 14px;color: #8F8E93;font-weight: 500;}
    /*2024-03-07 BJH : 미승인 휴가 일정*/
    .cont-box.calendar .date-info-wrap .date-box li.vacation.ing {background: #dbe1e7;border: 1px solid #b7bbbf;}
    .cont-box.calendar .date-info-wrap .date-box li.vacation.ing .label {color:#6d7277;}

/* 20240306 */
.myInfo .myInfo_detail .image img, .wrap > .header .util .myinfo > .photo-img img{border:1px solid #e6e7e8;}
.cont-box{box-shadow: 1px 3px 4px 0 #ccc;}
#my_quickUL{border-radius: 10px !important;}
.container .menu_list ul.menu_list_right .bookmark{color:#8f8e93}
.container .menu_list ul.menu_list_left li:hover::after{width:100%;}
.cont-box.weather .cont.weather-area .today-wt .ico{background-position:20px}
.icon_nodata {margin:10px auto 0;}

/* 20240313 */
.cont-box.birth{background-position: center top; background-size:cover;}
.cont-box.notification .cont .fillter-pop .check-list li .checks input[type="checkbox"] + label:before{background-size:16px;}

/* 20240314 */
#TopBoardsList .leftbody ul .tree{overflow: scroll;}
/* 업무관리환경설정 */
.worktime_list_wrap table.content.schedule_admin { width: calc(100% - 60px); table-layout: fixed; min-width: 1000px; margin: 30px; border-right: 1px solid #d6dbe4;}
.right-btn-box .view-btn > a, .right-btn-box .top-btn{box-shadow:0 3px 6px rgb(0 0 0 / 10%)}
/* 전자결재 */
.new_listview > ul > li{padding:7px 30px 7px 20px;}
#div_AprLineBox .aprline_itemUL.aprline_layout{margin:30px 20px 20px;}
.doclist_table .contentlayout_left.icon_blank{display:none !important}

.leftbody h2 .h2_text{line-height: unset;}
.myInfo .myInfo_detail .image .online{right:0; bottom:0;}

/* 2024-03-14 BJH : 전달 받은 content.css */
.timeManage .timeManage_detail{padding:0 20px; box-sizing: border-box; text-align: center; margin-top:12px;}
.timeManage .timeManage_detail .button{margin-top:20px;}
.timeManage .timeManage_detail .button span{display:inline-block; width:138px; height: 45px; line-height: 45px; border:1px solid #D5D5D5; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer;}
.timeManage .timeManage_detail .button span.in{background: #004A8D; border:1px solid #004A8D; color:#fff; margin-right:5px;}
.timeManage .timeManage_detail .button span.out{background: #E7E8EA; border:1px solid #E7E8EA; color:#8F8E93;}
.timeManage .timeManage_detail .button{margin-top:25px;}
.timeManage .timeManage_detail .button span{display:inline-block; width:138px; height: 45px; line-height: 45px; border:1px solid #D5D5D5; border-radius: 5px; font-size: 16px; font-weight: normal; cursor: pointer;}
.timeManage .timeManage_detail .button span:last-child{margin-left:0px;}
.timeManage .timeManage_detail .total{background: #F8F9FB; border-radius: 5px; margin-top:5px; padding:12px 15px; box-sizing: border-box; font-size: 14px;}
.timeManage .timeManage_detail .total div{display:flex; justify-content: space-between;}
.timeManage .timeManage_detail .total div span:first-child{color:#8F8E93;}
/* 2024-03-14 BJH : 전달 받은 content.css 끝 */


/* 20240315 */
.calpadding{overflow-x: hidden;}

/* 일정포틀릿 수정 */
.cont-box.calendar.cont-2x1 .cont .inner-wrap{border-right:none;}
.cont-box.calendar .date-info-wrap .date-box li.vacation.ing, .cont-box.calendar .date-info-wrap .date-box li.individual, .cont-box.calendar .date-info-wrap .date-box li.team, .cont-box.calendar .date-info-wrap .date-box li.company,.cont-box.calendar .date-info-wrap .date-box li.vacation,.cont-box.calendar .date-info-wrap .date-box li.vacation.ing, .cont-box.calendar .date-info-wrap .date-box li.group, .cont-box.calendar .date-info-wrap .date-box li.community, .date-box li.not_holiday{background: none; border:none;}
.cont-box.calendar .date-info-wrap .date-box li.vacation.ing{height:30px; color:#8F8E93;}
/* 2024-04-15 BJH */
/*.cont-box.calendar .date-info-wrap .date-box li{padding:5px 0;}*/
.cont-box.calendar .date-info-wrap .date-box li{padding:5px;}
.cont-box.calendar .date-info-wrap .date-box li.holiday .info .label{color: #B12DF1;background: #F0E0F6;border-radius: 3px;padding: 2px 8px;display: inline-block;}/* 휴일텍스트 */
/* 2024-04-15 BJH : 기념일 휴무 N 구분 */
.cont-box.calendar .date-info-wrap .date-box li.not_holiday .info .label{color: #F1412D;background: #FBEEEC;border-radius: 3px;padding: 2px 8px;display: inline-block;}/* 기념일텍스트 */
.cont-box.calendar .date-info-wrap .date-box li.vacation .label {color: #B12DF1;background: #F0E0F6;border-radius: 3px;padding: 2px 8px;display: inline-block;}/*휴가*/
.cont-box.calendar .date-info-wrap .date-box li.vacation.ing .label {color: #8F8D9B;background: #E6E7E8;border-radius: 3px;padding: 2px 8px;display: inline-block;}
.cont-box.calendar .date-info-wrap .date-box li.company .info .label{color: #F1412D;background: #FBEEEC;border-radius: 3px;padding: 2px 8px;display: inline-block;}/* 회사텍스트 */
.cont-box.calendar .date-info-wrap .date-box li.individual .info .label{color: #35C55B;background: #EAF9DA;border-radius: 3px;padding: 2px 8px;display: inline-block;}/* 개인텍스트 */
.cont-box.calendar .date-info-wrap .date-box li.team .info .label{color: #3A6BEF;background: #E6F3FF;border-radius: 3px;padding: 2px 8px;display: inline-block;}/* 부서텍스트 */
.cont-box.calendar .date-info-wrap .date-box li.group .info .label{color: #1FA7B7;background: #D4EFF2;border-radius: 3px;padding: 2px 8px;display: inline-block;} /* 그룹 */
.cont-box.calendar .date-info-wrap .date-box li.community .info .label{color: #7a57f1;background: #eee9ff;border-radius: 3px;padding: 2px 8px;display: inline-block;} /* 카페 */
.cont-box.calendar .date-info-wrap .date-box li .time{float:right;vertical-align:top;margin-top: 3px;font-size:14px;color:#8F8E93;font-weight:500;}
.cont-box.calendar .date-info-wrap .date-box li.executive .info .label{color: #b960ec;background: #f5e3ff;border-radius: 3px;padding: 2px 8px;display: inline-block;}/* 개인텍스트 */

/* 날씨 */
.ico.big{background-size: 100px !important;}
.cont-box.weather {background: linear-gradient(135deg, #4D97D9, #1B909E 50%, #4D97D9 110%)}
.cont-box.weather .cont.weather-area .today-wt{border-bottom:1px solid rgba(255,255,255,0.3);}

/* 20240319 */
.cont-box.clock .cont.clock-area > div{flex-basis: 100px;}
.myInfo .myInfo_detail .image span.current_status{right: 0 !important;bottom: 0 !important;}
.photo-img .current_status{bottom: 2px;right: 5px;}
.cont-box.birth .cont .birth-list > li .date{font-weight: 500;}

/* 20240328 */
.payment_form_list ul .cont.no-data .txt{color:#8F8E93; font-size:14px;}
.payment_template .template_box .conts_box .payment_ing > li .info > li .img .profile-img .photo-img.s-60 img:first-child{min-height: 60px; min-width: 60px;}
.container .menu_list ul.menu_list_right .setting{background: url('../images/kr/main/menu_right_setting.svg') no-repeat left; padding:0 10px 0 20px; margin-left:0; color:#8f8e93;} /* 포틀릿 설정 */

.project_li span.state_P, .project_li span.state_D{padding-bottom:0 !important;}

.login_body .noti_layer{position: absolute;top: 510px; font-size: 16px;color: #000; background:url('../images/kr/login/login_capslock_icon.svg') no-repeat left 7px; background-size:14px; padding:0 0 0 20px;}
.cont-box.notification .cont .fillter-pop .check-list li .checks input[type="checkbox"] + label:before{top:1px;}
.cont-box.notification .header{margin-bottom:10px;}
.cont-box.notification .header .icon-area .refresh{right:2px;}
.cont-box.notification .cont .fillter-pop .btn-group{padding:15px 20px 20px 20px;}
.cont-box.notification .cont .fillter-pop{height:calc(100% - 220px);}

.photo-img.s-60 img:first-child{height: 100%;}
.cont-box.resorce .cont .list > li:last-child{border-bottom: 1px solid #C6D6E5}

/* 20240521 */
.container .menu_list ul.menu_list_right .bookmark:hover, .container .menu_list ul.menu_list_right .setting:hover{color:#555;}
.cont-box.clock .cont.clock-area.type01 .clock-shape .time span{color:#fff;}
.cont-box.clock .cont.clock-area .clock-shape .date{color:#fff;}
.cont-box.payment .period dl{padding-left:0px;}
.cont-box.payment .period dl dd:last-child{margin-right: 0 !important;}
.photo-img .current_status{right:0;}
.cont-box.mail .photo-img .current_status.work{bottom:0;}
.mainmenu_btn .mainmenu_btnUL li .etc_box ul{top:35px;}
.cont-box .cont .list .project_li div:last-child{height:12px; margin-top:6px;}
.container .menu_list_all .download .messenger, .container .menu_list_all .download .manual{line-height: 96px;}
.direct_menu .menu_list ul li .icon.mail:hover, .direct_menu .menu_list ul li .icon.appr:hover, .direct_menu .menu_list ul li .icon.schedule:hover, .direct_menu .menu_list ul li .icon.board:hover, .direct_menu .menu_list ul li .icon.boardWrite:hover, .direct_menu .menu_list ul li .icon.reserve:hover, .direct_menu .menu_list ul li .icon.meeting:hover{background-color: #f0f1f4;}
.cont-box.notification .header .icon-area .write:before{background: url('../images/kr/main/icon_write.svg');}

.cont-box.notification .cont .list li.off .info .tit{font-weight: normal;}
.container .menu_list_all{background: rgba(255, 255, 255, 0.95);}
.cont-box.photo-board .select-box.type01 > ul, .cont-box.community .select-box.type01 > ul, .cont-box.myKaoni .select-box.type01 > ul{right:60px}

#div_AprLineBox .aprline_itemUL.aprline_layout{margin-bottom:15px;}

.content_listtype_photo_list .profile-img{margin-top:0;}
.cont-box .header > .tit{color:#000;}
.list_menu_info:hover, .list_menu_board:hover, .list_menu_list:hover, .wastebasket:hover, .i_opinion:hover, .tree_fldr:hover{opacity:0.7}

.receive_info .photo-img .current_status{bottom:5px; right:5px;}

.list_menu_info.on{display:inline-block; width:16px; height:16px; background: url('../images/kr/main/list_menu_info_on.svg') no-repeat center; background-size:14px; margin-top:5px;} /* 프로젝트 정보 */

/* 20241217 Teams 대시보드 */
.cont-box.fourcut_menu.teamsLayout{height:390px;}
.cont-box.fourcut_menu.teamsLayout .icon.appr{position:absolute; display:inline-block; width:280px; height:220px; right:0; bottom:0; margin:0; padding:0; background: url('../images/kr/main/fourcut_teamsLayout.png') no-repeat center}
.cont-box.cutMenu.teamsLayout > tit:after{margin:23px 0;}
.cont-box.cutMenu.teamsLayout .image{margin:0 10px 0 0;}
.cont-box.cutMenu.teamsLayout .image img{width:48px; height:48px;}
.cont-box.cutMenu.teamsLayout  a{font-weight:500;}