@charset "utf-8";

.usr{padding: 29px 28px 20px 32px; font-family: '맑은 고딕', 'Malgun Gothic','Microsoft Yahei', '微软雅黑','STXihei';}
.usr .header{border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.usr .header h1{font-size: 20px; line-height: 23px; letter-spacing: -0.7px; color: #333; margin-bottom: 16px;}
.usr .header span{line-height: 14px; letter-spacing: -0.46px; color: #666;}
.usr .body_container .exp{line-height: 18px; letter-spacing: -0.46px; color: #333; padding: 24px 0 16px;}
.usr .body_container .error{border: 1px solid #ff0000;}
.usr .body_container .alert{display: block; color: #ff0000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.usr .btn_area{display: flex; justify-content: space-between; margin-top: 27px;}
.usr .btn_area .right button{width: 65px;}
.usr .btn_area .button.default{height: 28px;}
.usr .app_down{background-color: #fff; border: 0; margin-bottom: 40px;}
.usr .app_down span{font-size: 12px; color: #00a4e8; font-weight: bold;}

.rc{font-family: '맑은 고딕', 'Malgun Gothic','Microsoft Yahei', '微软雅黑','STXihei'; color: #000;}
.rc .header .header_wrapper{width: 900px; margin: auto; box-sizing: border-box;}
.rc .header{height: 280px; background-color: #f5f7f7; padding-top: 40px; box-sizing: border-box;}
.rc .header h1{font-size: 40px; line-height: 54px; letter-spacing: -1px; font-weight: bold;}
.rc .header span{font-size: 16px; line-height: 26px; letter-spacing: -0.56px; margin-top: 30px; display: block;}
.rc .body_container .container_wrapper{width: 900px; margin: auto;}
.rc .body_container .form{background-color: #f7f7f7; margin-top: 40px; padding-left: 20px;}
.rc .body_container .form ul{display: flex;}
.rc .body_container .form ul li{line-height: 40px;}
.rc .body_container .form ul li:first-child{width: 136px; font-weight: bold;}
.rc .body_container .btn_invite{width: 290px; height: 48px; background-color: #00a4e8; margin-top: 30px; border-radius: 2px;}
.rc .body_container .btn_invite span{color: #fff;}
.rc .body_container .red{font-size: 16px; line-height: 26px; color: #cc0000; font-weight: bold; display: block; margin: 60px 0 20px;}
.rc .body_container ul.notice{list-style: disc; padding-left: 17px;}

.popup.done{width: 342px; box-sizing: border-box; border-radius: 2px; box-shadow: 2px 2px 0 0 rgba(43, 56, 81, 0.1); border: solid 1px rgba(125, 133, 151, 0.5);}
.popup.done .pop-header{border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-bottom: 22px;}
.popup.done .pop-btn{height: 33px;}
.popup.done .button{height: 31px; padding: 0 27px;}

@media all and (min-width:1px) and (max-width:768px){
	.rc .header .header_wrapper{margin: auto; padding: 0 15px; width: auto;}
	.rc .header{height: auto; padding-bottom: 30px;}
	.rc .header h1{font-size: 35px; line-height: 45px; letter-spacing: -0.88px;}
	.rc .header span{font-size: 16px; line-height: 26px; letter-spacing: -0.56px;}
	.rc .body_container{padding: 0 15px;}
	.rc .body_container .container_wrapper{width: auto;}
	.rc .body_container .form{padding: 20px 15px;}
	.rc .body_container .form ul{width: 290px; display: block; margin-bottom: 20px;}
	.rc .body_container .form ul:last-child{margin-bottom: 0;}
	.rc .body_container .form ul li{line-height: 25px;}
	.rc .body_container .btn_invite{width: 100%;}
	.rc .body_container .btn_invite span{color: #fff;}
}


.button{display: inline-block; border: 1px solid #ccc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background: #fff; white-space: nowrap; color: #000; vertical-align: middle; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; margin: 0; padding: 0; font-family: 'Malgun Gothic', '맑은 고딕','Segoe UI WPC',Gulim, '굴림', sans-serif; font-size: 13px; line-height: normal; cursor: pointer; line-height: 0;}
/*.button.default{padding: 0 10px 3px; height: 21px; line-height: 21px;}*/
.button.blue{background: #0076c8; border-color: #0063a7; color: #fff;}
.button-img{display: inline-block; background-image: url(/static/common/image/common/bg_btn.png); background-color: transparent; background-repeat: no-repeat; font-size: 0; line-height: 0; vertical-align: middle;}
.button-img.close{background-position: -97px 3px; width: 20px; height: 19px;}
.popup{position: absolute; overflow-y: visible; padding: 17px 20px 20px; border: 1px solid #596476; background: #fff; width: 338px; max-height: 650px; z-index: 100;}
.pop-header{position: relative; padding: 0 0 25px;}
.pop-header h1{margin-right: 15px; color: #000; font-size: 16px; line-height: 20px; font-weight: bold; word-break: keep-all; word-wrap: break-word;}
.pop-header .button-img.close{position: absolute; right: -3px !important; top: 0 !important; border: 0;}
.pop-body{padding: 0; color: #000;}
.pop-txt{margin: -6px 0 -3px; line-height: 20px; word-break: keep-all; word-wrap: break-word; font-size: 13px;}
.pop-btn{position: relative; overflow: hidden; clear: both; padding: 20px 0 0; height: 26px; text-align: right;}
.pop-btn .button.default{min-width: 32px;}

/* 200420 사용자 정보 관리 */
.user_info{padding: 30px; color: #333; min-width: 1000px; box-sizing: border-box;}
.user_info .header_area{padding-bottom: 16px; border-bottom: 1px solid #ccc;}
.user_info h1{font-size: 20px; line-height: 23px; letter-spacing: -0.7px;}
.user_info .body_area{}
.user_info .body_area .tit{font-size: 16px; line-height: 25px; letter-spacing: -0.56px; margin: 40px 0 14px;}
.user_info .org_area{display: flex; border-top: 1px solid #e2e3e4; border-bottom: 1px solid #e2e3e4;}
.user_info .left_area{width: 260px; height: 372px; border-right: 1px solid #e2e3e4; padding: 20px; box-sizing: border-box; overflow: hidden; overflow-y: auto; background-color: #f5f7f8;}
.user_info .tree-st02 li .bu02{background: url(/static/saas/admin/image/arrow_sel.png) no-repeat left 2px;}
.user_info .tree-st02 .item-more .bu02{background: url(/static/saas/admin/image/arrow.png) no-repeat left 2px;}
.user_info .tree-st02 .item-more.open .bu02{background: url(/static/saas/admin/image/arrow_sel.png) no-repeat left 2px;}

.user_info .right_area{width: calc(100% - 260px); padding: 26px 0 0 20px;}
.user_info .right_area .search_area{display: flex; justify-content: flex-end;}
.user_info .right_area .search_area .search_btn{height: 25px; background-color: #5e6b83; color: #fff; padding: 0 13px; border: 1px solid #5e6b83; border-radius: 0; margin-left: 5px;}
.user_info .right_area .select01{font-size: 13px; line-height: 14px; letter-spacing: -0.46px; color: #2b3851; background: #fff url(/static/saas/admin/image/btn_dropdown.png) no-repeat right -1px center; height: 27px; appearance: none; -webkit-appearance: none; padding: 0 26px 0 10px; width: 120px;}
.user_info .right_area .searching{position: relative; margin-left: 5px;}
.user_info .right_area input{border: 1px solid #c8cacc; height: 25px; padding: 0 36px 0 10px; font-size: 13px; width: 200px;}
.user_info .right_area input::placeholder{font-size: 13px;}
.user_info .right_area button.tip{width: 26px; height: 16px; background: url(/static/saas/admin/image/btn_tip.png) no-repeat; position: absolute; right: 5px; top: 5px;}
.user_info .right_area button.tip:hover{background-image: url(/static/saas/admin/image/btn_tip_h.png);}
.user_info .right_area button.tip:active{background-image: url(/static/saas/admin/image/btn_tip_s.png);}

.user_info .tbl_header{height: 23px; line-height: 23px; margin: 14px 0 10px;}
.user_info .tbl_header .comment{font-weight: bold; vertical-align: super;}
.user_info .tbl_header .btn_area{float: right; display: flex;}
.user_info .tbl_header .btn_area button{border: 1px solid #cccecf; border-radius: 0; height: 23px; line-height: 23px; padding: 0 10px; margin-right: 5px;}
.user_info .tbl_header .btn_area button:hover{background-color: #f4f4f5;}
.user_info .tbl_header .btn_area button:last-child{margin-right: 0;}

.user_info .tbl-list01 .tbl-list-head thead th.btn-chk{padding: 0;}
.user_info .tbl-list01 .tbl-list-body tbody td.btn-chk{padding: 0;}
.user_info .tbl-list01 .tbl-list-body .check{margin-top: 0;}
.user_info .tbl-list01 .tbl-list-head thead th{height: 36px; line-height: 36px; font-size: 13px; color: #2b3851; letter-spacing: -0.46px; text-align: center; padding: 0; background: none; border-right: 1px solid #eceded;}
.user_info .tbl-list01 .tbl-list-head thead th:last-child{border-right: 0;}
.user_info .tbl-list01 .tbl-list-body tbody td{text-align: center; border-right: 1px solid #eceded;}
.user_info .tbl-list01 .tbl-list-body tbody tr:last-child td{border-bottom: 0;}

.user_info .check:not(#cssbrowser)>input[type="checkbox"] + label{padding-left: 0;}
.user_info .check:not(#cssbrowser)>input[type="checkbox"] + label i{width: 16px; height: 16px; background: url(/static/saas/admin/image/checkbox_unselected.png); background-repeat: no-repeat; background-position: 0; margin: 0;}
.user_info .check:not(#cssbrowser):hover>input[type="checkbox"] + label i{background: url(/static/saas/admin/image/checkbox_unselected_h.png); background-position: 0;}
.user_info .check:not(#cssbrowser)>input[type="checkbox"]:checked + label i{background: url(/static/saas/admin/image/checbox_selected.png);}
.user_info .check:not(#cssbrowser)>input[type="checkbox"]:disabled + label i{background: url(/static/saas/admin/image/checkbox_unselected_dis.png);}

.user_info .paging{padding-top: 14px;}
.user_info .paging a{height: auto; line-height: normal;}
.user_info .paging .paging-btn{width: 15px; height: 19px;}
.user_info .paging .paging-first{background: url(/static/saas/admin/image/btn_firstpage.png) center 3px;}
.user_info .paging .paging-pre{background: url(/static/saas/admin/image/btn_previouspage.png) center 3px;}
.user_info .paging .paging-next{background: url(/static/saas/admin/image/btn_nextpage.png) center 3px;}
.user_info .paging .paging-last{background: url(/static/saas/admin/image/btn_lastpage.png) center 3px;}


.form_m5 .btn_tip{height: 16px; background-color: #ccc; border: 0; float: left; margin: 2px 4px 0 0;}
.form_m5 .btn_tip span{font-size: 11px; color: #fff;}


/* 이후 css 항상 덮어쓰기로 최신화 */
/* NEX OFFICE */
.popup.new_popup{padding: 26px 31px 31px; box-sizing: border-box; box-shadow: 2px 2px 0 0 rgba(43, 56, 81, 0.1); border: solid 1px rgba(125, 133, 151, 0.5); color: #2b3851 !important; max-height: none; }
.popup.new_popup .pop-header{border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-bottom: 22px;}
.popup.new_popup .pop-header h1{font-size: 18px; line-height: 24px;}
.popup.new_popup .pop-btn{height: 33px;}

.popup.new_popup .section{margin-bottom: 20px;}
.popup.new_popup .section:last-child{margin-bottom: 0;}
.popup.new_popup .section .list_area{background-color: #f6f7f7; padding: 30px;}
.popup.new_popup .section h1{font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 13px;}
.popup.new_popup .section ul{display: flex; align-items: center;}
.popup.new_popup .section ul.half{justify-content: space-between;}
.popup.new_popup .section ul:last-child li{margin-bottom: 0;}
.popup.new_popup .section ul li{margin-bottom: 10px;}
.popup.new_popup .section ul li .wrapper{display: flex;}
.popup.new_popup .section ul li:first-child{width: 90px; font-weight: bold; display: flex; align-items: center;}
.popup.new_popup .section ul li:last-child{width: calc(100% - 90px); display: flex; align-items: center;}
.popup.new_popup .section .select01{font-size: 13px; line-height: 14px; letter-spacing: -0.46px; color: #2b3851; background: #fff url(/static/saas/admin/image/btn_dropdown.png) no-repeat right -1px center; height: 27px; appearance: none; -webkit-appearance: none; padding: 0 26px 0 10px;}

.popup.simple_registration textarea{width: 100%; height: 260px; margin-top: 20px;}
.popup.simple_registration textarea::placeholder{color: #ccc;}
.popup.simple_registration textarea:-ms-input-placeholder{color: #ccc;}
.popup.simple_registration .input_textarea.alert{border: 1px solid #ff675c;}
.popup.simple_registration div.alert{margin-top: 5px; color: #ff675c; display: flex; align-items: center;}
.popup.simple_registration div.alert i{width: 13px; height: 13px; background: url(/static/membership/images/ic_error.png); position: absolute; margin-top: 3px;} /* 200624 */
.popup.simple_registration div.alert span{padding-left: 19px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all; height: 70px;} /* 201110 */
/*.popup.simple_registration .pop-btn button:first-child{float: left;}*/ /* 200604 */
.popup.simple_registration .button .blue{background: #0076c8; border-color: #0063a7; color: #fff;}
.popup.simple_registration .button .blue:hover {background: #0062a6; border-color: #00528b; color: #fff;}
.popup.simple_registration .button-img .close{background-position: -97px 3px; width: 20px; height: 19px;display: inline-block; background-image: url(/static/common/image/common/bg_btn.png); background-color: transparent; background-repeat: no-repeat; font-size: 0; line-height: 0; vertical-align: middle;}
.h378{height:378px}

/* 200528 LNB 배너 영역 */
.banner_area{font-size: 0; margin-top: 40px;}
.banner_area a{width: 190px; height: 50px; display: block; font-size: 0; background-repeat: no-repeat; margin: 0 auto; margin-bottom: 8px;}
.banner_area a:last-child{margin-bottom: 0;}
.banner_area span{font-size: 12px; line-height: 18px; letter-spacing: -0.24px; font-weight: bold; display: block; width: 190px; margin: 0 auto; word-break: keep-all;}
.banner_area .appdownload{background-image: url(/static/employee/serviceportal/image/memberadmin/banner_appdownload.png);}
.banner_area .britymeeting{background-image: url(/static/employee/serviceportal/image/memberadmin/banner_britymeeting.png);}
.banner_area .britymeeting_en{background-image: url(/static/employee/serviceportal/image/memberadmin/banner_britymeeting_en.png);}
.banner_area .quickdownload{background-image: url(/static/employee/serviceportal/image/memberadmin/banner_quickdownload.png);}
.banner_area .admindownload{background-image: url(/static/employee/serviceportal/image/memberadmin/banner_admindownload.png);}
.banner_area .sevicedesk{background-image: url(/static/employee/serviceportal/image/memberadmin/banner_sevicedesk.png);}
.banner_area .stat{font-weight: normal; margin-top: 12px;} /* 200604 */
.banner_area .stat a{font-size: 12px; height: auto; text-decoration: underline; color: #2b3851;} /* 200604 */
.banner_area .admindownload_en{background-image: url('/static/membership/images/banner_admindownload_en.png');}
/* NEX OFFICE */
.nex_office .tbl-list01.newtype{padding-bottom: 75px; background-color: #fff;}

.nex_office .btn-chk>input[type="radio"]{position: relative; left: 0; top: 0; margin: 0; width: 0; height: 0; opacity: 0; cursor: pointer;}
.nex_office .btn-chk>input[type="radio"] + label i{display: inline-block; width: 17px; height: 17px; background: url(/static/approval/image/radio_default.png) no-repeat; vertical-align: text-bottom;}
.nex_office .btn-chk>input[type="radio"]:checked + label span{font-size: 15px; font-weight: bold;}
.nex_office .btn-chk>input[type="radio"]:checked + label i{background: url(/static/approval/image/radio_select.png) no-repeat;}
.nex_office .select_view input[type='radio']{position: absolute; left: -3000px;}
.nex_office .select_view input[type='radio'] + label{margin-right: 10px; position: relative; display: inline-block;}
.nex_office .select_view input[type='radio'] + label:before{content: ""; display: inline-block; width: 14px; height: 14px; border: 1px solid rgba(0,0,0,0.4); margin-right:4px; position: relative; top: 4px; border-radius: 50%;}
.nex_office .select_view input[type='radio']:checked + label:before{width: 14px; height: 14px; border: 1px solid rgba(0,0,0,0.5); border-radius: 50%;}
.nex_office .select_view input[type='radio']:checked + label:after{content: ""; display: inline-block; width: 8px; height: 8px; background:rgba(0,0,0,0.7); border-radius:5px; position: absolute; left: 4px; top: 8px;}

.nex_office .search_area{position: absolute; right: 12px;}
.nex_office .search_area span{vertical-align: middle; margin-right: 10px;}
.nex_office .search_area input{border: 1px solid #c8cacc; height: 25px; padding: 0 36px 0 10px; font-size: 13px; width: 200px;}
.nex_office .search_area button.tip{width: 26px; height: 16px; background: url(/static/saas/admin/image/btn_tip.png) no-repeat; position: absolute; right: 5px; top: 5px;}

/* 인증정보 간편 등록 */
.popup.simple_registration .pop-txt{margin: 20px 0 0;}

/* ID 변경 */
.popup.id_change{}
.popup.id_change .target_wrapper{padding: 20px; background-color: #f4f4f5; margin-top: 20px;}
.popup.id_change .target_wrapper ul{display: flex;}
.popup.id_change .target_wrapper ul li{line-height: 24px;}
.popup.id_change .target_wrapper ul li:first-child{width: 135px; font-weight: bold;}
.popup.id_change .target_wrapper ul li:last-child{}

/* 비밀번호 찾기 */
.popup.search_pw button{outline: none;}
.popup.search_pw .pop-footer {position: absolute; top: 400px; width: 100%;}
.popup.search_pw .pop-btn{height: auto; padding: 30px 16px;}
.popup.search_pw .pop-btn button{background-color: #eaeaea; border: 0;}
.popup.search_pw .pop-btn button span{color: #a5a5a5; font-weight: bold;}
.popup.search_pw .pop-btn .active {background-color: #00a4e8;}
.popup.search_pw .pop-btn .active span{color: #fff;}
.popup.search_pw .pop-btn button.done{background-color: #00a4e8;}
.popup.search_pw .pop-btn button.done span{color: #fff;}
.popup.search_pw .tab_st03{width: 100%;}
.popup.search_pw .tab_st03 li{width: 50%;}
.popup.search_pw .tab_st03 li.current{font-weight: bold; letter-spacing: normal; color: #00a4e8;}
.popup.search_pw .input_form{margin-top: 20px; padding: 0 16px; height: auto;}
.popup.search_pw .input_form .cert{display: inline-flex; width: 100%;}
.popup.search_pw .input_form .cert button span{color: #a5a5a5; font-weight: bold;}
.popup.search_pw .input_form .cert .active{border: 1px solid #00a4e8;}
.popup.search_pw .input_form .cert .active span{color: #00a4e8;}
.popup.search_pw .input_form .cert_time{position: relative;}
.popup.search_pw .input_form .cert_time span{font-size: 14px; color: #ed4839; position: absolute; top: 11px; right: 8px;}
.popup.search_pw .alert  {display: inline; margin-bottom: 10px; font-size: 12px; color: #ed4839; word-wrap: break-word; overflow-wrap: break-word; height: 15px;}
.popup.search_pw .info  {display: inline; margin-bottom: 10px; font-size: 12px; color: #00a4e8; word-wrap: break-word; overflow-wrap: break-word; height: 15px;}
.popup.search_pw .alertId{display: block; margin-bottom: 10px; font-size: 12px; color: #ed4839; word-wrap: break-word; overflow-wrap: break-word; height: 15px;}

.popup.search_pw .new_pw_form{margin-top: 20px; padding: 0 16px;}
.popup.search_pw .new_pw_form div{position: relative;}
.popup.search_pw .new_pw_form .pw_input i{width: 16px; height: 16px; position: absolute; top: 8px; right: 12px;}
.popup.search_pw .new_pw_form .confirm {margin-top: 10px;}
.popup.search_pw .new_pw_form div i.show{background: url(/static/employee/serviceportal/image/memberadmin/ic_show_pw.png);}
.popup.search_pw .new_pw_form div i.pw_chk{background: url(/static/employee/serviceportal/image/memberadmin/ic_check.png);}
.popup.search_pw .new_pw_form input{width: 100% !important; height: 40px !important;}

.popup.search_pw .new_pw_done{text-align: center; padding-top: 73px;}
.popup.search_pw .new_pw_done .img_done{width: 48px; height: 48px; background: url(/static/employee/serviceportal/image/memberadmin/img_done.png); margin: 0 auto;}
.popup.search_pw .new_pw_done span.type01{display: block; font-size: 16px; font-weight: bold; color: #000; margin-top: 20px;}
.popup.search_pw .new_pw_done span.type02{display: block; font-size: 13px; color: rgba(51, 51, 51, 0.8); margin-top: 10px;}

.popup.search_pw .valid_check .wrapper{position: relative; background-color: #fff; /* width: 280px; */ box-sizing: border-box;}
.popup.search_pw .valid_check li{margin-bottom: 10px; display: flex; align-items: center;}
.popup.search_pw .valid_check li:last-child{margin-bottom: 0;}
.popup.search_pw .valid_check i{width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 6px;}
.popup.search_pw .valid_check i.chk.on{background: url(/static/employee/serviceportal/image/memberadmin/ic_valid_check.png);}
.popup.search_pw .valid_check i.chk{background: url(/static/employee/serviceportal/image/memberadmin/ic_valid_uncheck.png);}
/*.popup.search_pw .valid_check span{  max-width:276px  }*/

.popup.search_pw {width: 100% !important; height: auto !important; padding: 0; box-shadow: 0px 0px 0 0 rgba(43, 56, 81, 0.1); border: solid 0px rgba(125, 133, 151, 0.5);}
.popup.search_pw .pop-header{padding: 23px 16px;}
.popup.search_pw .pop-body{height: auto;}
.popup.search_pw .pop-txt{padding: 0 16px;}
.popup.search_pw .input_form input{width: 100% !important; height: 40px !important;}
.popup.search_pw .input_form input#mphonNo{width: calc(100% - 5px) !important;}
.popup.search_pw .input_form .phoneNum{width: calc(100% - 148px) !important;}
.popup.search_pw .input_form .phoneNum input{width: calc(28%) !important;}
.popup.search_pw .input_form .phoneNum .dash{line-height: 30px; margin-right: -5px;}
.popup.search_pw select{height: 40px !important; border-color: #cccccc; border-width: 1px;}

.popup.search_pw button.new_button{width: 58px !important; height: 40px !important;}
.popup.search_pw .pop-btn button{width: 100% !important; height: 48px !important;}
.popup.search_pw .pop-header .button-img.close{right: 16px !important; top: 23px !important;}

/* 공통 */
.new_input01{height: 27px; box-sizing: border-box;}
.button.new{height: 31px; padding: 0; box-sizing: border-box;}
i.info{width: 13px; height: 13px; background: red; display: inline-block; margin-left: 5px;}
.cal{font-size: 13px; line-height: 14px; letter-spacing: -0.46px; color: #2b3851; background: #fff url(/static/saas/admin/image/btn_dropdown.png) no-repeat right -1px center; padding: 0 26px 0 10px; margin-right: 150px;}

/* class명 충돌로 새로 구성 20200706 장윤홍*/
.button-img-nex{display: inline-block; background-image: url(/static/common/image/common/bg_btn.png); background-color: transparent; background-repeat: no-repeat; font-size: 0; line-height: 0; vertical-align: middle;}
.button-img-nex.close{background-position: -97px 3px; width: 20px; height: 19px;}
.pop-header .button-img-nex.close{position: absolute; right: -3px !important; top: 0 !important; border: 0;}
.button-img-nex.close:hover {
    background-position: -97px -22px;
}

/* 200807 설치파일 다운로드 */
.popup.mail_direct_download{width: 340px; padding: 30px; box-sizing: border-box; font-size: 13px; line-height: 23px;}
.popup.mail_direct_download .en-txt{display: none;}
.popup.mail_direct_download .pop-header .button-img.close{right: 0 !important;}
.popup.mail_direct_download .pop-body span{font-size: 14px; font-weight: 700; margin-top: 15px;}
.popup.mail_direct_download .pop-body .download{font-size: 14px;}
.popup.mail_direct_download .pop-body .download ul{display: flex; margin-bottom: 10px;}
.popup.mail_direct_download .pop-body .download ul li:first-child{font-weight: 700;}
.popup.mail_direct_download .pop-body .download ul a{color: #00a4e8; margin-left: 7px; font-weight: 800; text-decoration: underline; cursor: pointer;}
.popup.mail_direct_download ul.list{margin-top: 10px;}
.popup.mail_direct_download ul.list li{margin-bottom: 6px; background: url(/static/employee/serviceportal/image/ic_dot.png) no-repeat 0px 10px; padding-left: 12px;}
.popup.mail_direct_download ul.list li:last-child{margin-bottom: 0;}

@media all and (min-width: 1px) and (max-width: 340px) {
 .popup.mail_direct_download{width: auto; padding: 0;}
 .popup.mail_direct_download .pop-header h1{padding: 23px 16px 0;}
 .popup.mail_direct_download .pop-header .button-img.close{right: 16px !important; top: 23px !important;}
 .popup.mail_direct_download .pop-body{padding: 0 16px;}
}
.popup.brityworks_download{width: 740px; line-height: 20px; border: solid 0px; box-shadow: 0px 0px 0 0;}
.popup.brityworks_download .en-txt{display: none;}
.popup.brityworks_download .tit_area{display: flex; align-items: center;}
.popup.brityworks_download .tit_area .img{width: 78px; height: 78px;}
.popup.brityworks_download .tit_area .tit{margin-left: 16px;}
.popup.brityworks_download .tit_area .exp{margin-top: 5px;}
.popup.brityworks_download .messenger{margin-bottom: 30px;}
.popup.brityworks_download .mail{margin-bottom: 30px;}
.popup.brityworks_download .meeting{margin-bottom: 30px;}
.popup.brityworks_download .messenger .tit_area .img{background: url(/static/employee/serviceportal/image/app_icon_messenger.png);}
.popup.brityworks_download .messenger .tit_area .logo{width: 134px; height: 18px; background: url(/static/employee/serviceportal/image/brity_messenger_logo.png);}
.popup.brityworks_download .mail .tit_area .img{background: url(/static/employee/serviceportal/image/app_icon_mail.png);}
.popup.brityworks_download .mail .tit_area .logo{width: 76px; height: 18px; background: url(/static/employee/serviceportal/image/brity_mail_logo.png);}
.popup.brityworks_download .meeting .tit_area .img{background: url(/static/employee/serviceportal/image/app_icon_meeting.png);}
.popup.brityworks_download .meeting .tit_area .logo{width: 108.7px; height: 18px; background: url(/static/employee/serviceportal/image/brity_meeting_logo.png);}
.popup.brityworks_download .drive .tit_area .img{background: url(/static/employee/serviceportal/image/app_icon_drive.png);}
.popup.brityworks_download .drive .tit_area .logo{width: 87px; height: 18px; background: url(/static/employee/serviceportal/image/brity_drive_logo.png);}
.popup.brityworks_download .drive .drive_mobile{display: none;}

.popup.brityworks_download .link_area{ margin-top: 24px; display: flex;}
.popup.brityworks_download .link_area .tit{display: flex; justify-content: space-between; margin-bottom: 8px;}
.popup.brityworks_download .link_area .tit span{font-size: 14px; font-weight: 700;}
.popup.brityworks_download .link_area .btn{  width: 320px;	height: 80px;	margin: 0 0 0 16px; }
.popup.brityworks_download .link_area .btn .tit a{text-decoratiSr20230720 jeremyjh.leeon: underline; color: #888;}
.popup.brityworks_download .link_area button{ width: 320px;	height: 54px;	margin: 8px 0 0;	padding: 12px 24px;	border-radius: 2px;	border: solid 1px #dbdde2;	background-color: #fff; display: flex; align-items: center; justify-content: center; position: relative;}.popup.brityworks_download .link_area button i{width: 30px; height: 30px;}
.popup.brityworks_download .link_area button i.android{background: url(/static/employee/serviceportal/image/ico_google-play.png);}
.popup.brityworks_download .link_area button i.appstore{background: url(/static/employee/serviceportal/image/ico_app-store.png);}
.popup.brityworks_download .link_area button i.windows{background: url(/static/employee/serviceportal/image/ico_windows.png);}
.popup.brityworks_download .link_area button span{font-size: 15px; font-weight: 700; margin-left: 5px;}


@media all and (min-width: 1px) and (max-width: 425px) {
	.popup.brityworks_download{width: auto; padding: 0; border: 0; box-shadow: none;}
	.popup.brityworks_download .pop-header h1{padding: 23px 16px 0;}
	.popup.brityworks_download .pop-header .button-img.close{right: 16px !important; top: 23px !important;}
	.popup.brityworks_download .pop-body{padding: 0 16px;}
	.popup.brityworks_download .tit_area .tit{width: calc(100% - 86px);}
	.popup.brityworks_download .link_area{display: block;}
	.popup.brityworks_download .link_area .btn{width: 100%; margin-bottom: 16px}
	.popup.brityworks_download .link_area button{width: 100%;}
	.popup.brityworks_download .link_area button i{position: absolute; left: 23px;}
	.popup.brityworks_download .messenger{margin-bottom: 40px;}
	.popup.brityworks_download .mail{margin-bottom: 40px;}
	.popup.brityworks_download .drive .drive_mobile{display: block;}
}

/* 버튼 정의 20201102 */
.new_button{box-sizing: border-box;}
.new_button.type01{width: 87px; height: 33px;}

.popup.new_popup .select01{font-size: 13px; line-height: 14px; letter-spacing: -0.46px; color: #2b3851; background: #fff url(/static/saas/admin/image/btn_dropdown.png) no-repeat right -1px center; height: 27px; appearance: none; -webkit-appearance: none;  padding: 0 26px 0 10px;}

.mobile_area{margin-top: 20px;}
.mobile_area ul{display: flex; line-height: 27px;}
.mobile_area ul:last-child{margin-top: 10px;}
.mobile_area ul li:first-child{width: 88px;}
.mobile_area ul li:last-child{width: calc(100% - 88px);}
.mobile_area textarea{margin-top: 0 !important; height: 159px !important;}