@charset "UTF-8";

/***** layout *****/
body{min-width:1650px}
#container{min-height:calc(100vh - 166px);padding:0 40px}/* 기본 높이는 100vh - (헤더 높이 + 풋터 높이) */
.contents{position:relative;width:1280px;margin:0 auto;padding-bottom:100px}

/***login***/
#loginWrap{min-height:calc(100vh - 195px)}
.login_area{max-width:640px;margin:80px auto 0;padding-bottom:80px}
.login_area .box{border-radius:16px;background-color:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.05)}
.login_area .box .logo{margin-bottom:36px;text-align:center;font-size:26px;line-height:26px}
.login_area .box .logo img{margin-bottom:20px}
.login_area .form_area{padding:52px 60px}
.login_area .form_area .input input{background-color:#f7f8fa}
.login_area .form_area .row .login_input{padding:0 24px 0 49px;background-color:#f7f8fa}
.login_area .form_area .row .login_input:before{content:'';position:absolute;top:50%;left:24px;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='M9 10a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;transform:translateY(-50%)}
.login_area .form_area .row .login_input input{background-color:transparent;border:none;width:calc(100% - 113px)}
.login_area .form_area .row .login_input .btn_del{right:165px}
.login_area .form_area .row .login_input.error:after{right:165px}
.login_area .form_area .row .login_input.success:after{right:165px}
.login_area .form_area .row .login_input.bg_pw:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4'/%3E%3C/g%3E%3C/svg%3E");}
.login_area .form_area .row p{font-size:18px}
.login_area .form_area button{min-width:100%;margin-top:12px}
.login_area .form_area .tar button{min-width: auto;}
.login_area .notice_list{padding:32px 60px;margin:20px 0 36px}
.login_area .notice_list>.tit_area{position:relative;padding-left:28px;height:24px;line-height:24px;font-size:18px;color:#000;cursor:pointer}
.login_area .notice_list>.tit_area:before{content:'';position:absolute;top:50%;left:0;width:24px;height:24px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fa4616%22%20d%3D%22M3%209v6h4l5%205V4L7%209H3zm7-.17v6.34L7.83%2013H5v-2h2.83L10%208.83zM16.5%2012A4.5%204.5%200%200%200%2014%207.97v8.05c1.48-.73%202.5-2.25%202.5-4.02zM14%203.23v2.06c2.89.86%205%203.54%205%206.71s-2.11%205.85-5%206.71v2.06c4.01-.91%207-4.49%207-8.77c0-4.28-2.99-7.86-7-8.77z%22%2F%3E%3C%2Fsvg%3E') 50% 50%;transform:translateY(-50%)}
.login_area .notice_list>.tit_area>a{position:absolute;top:50%;right:0;width:24px;height:24px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M16.59%208.59L12%2013.17L7.41%208.59L6%2010l6%206l6-6z%22%2F%3E%3C%2Fsvg%3E') 50% 50%;transform:translateY(-50%);transition:all 0.5s}
.login_area .notice_list>.tit_area.active>a{transform:translateY(-50%) rotate(180deg)}
.login_area .notice_list>ul{padding-top:20px}
.login_area .notice_list>ul>li{display:flex;align-items:center;margin-bottom:16px;line-height:1}
.login_area .notice_list>ul>li:last-child{margin-bottom:0}
.login_area .notice_list>ul>li>a>span{color:#5a5a5a;margin-right:8px}
.login_area .notice_list>ul>li>a{display:inline-flex;overflow:hidden;color:#000}
.login_area .notice_list>ul>li>a:hover{font-weight:700}
.login_area .notice_list>ul>li>a>div{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.shortcuts_area>a{display:flex;align-items:center}
.shortcuts_area>a:before{content:'';display:inline-block;width:40px;height:40px;margin-right:8px;border-radius:50%}
.shortcuts_area>.flow:before{background:#623ad6 url(../images/button/btn_ico_fl.svg) no-repeat 50% 50%}
.shortcuts_area>.high:before{background:#1080dd url(../images/button/btn_ico_hi.svg) no-repeat 50% 50%}
.shortcuts_area>.op:before{background:#f2ac0c url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm4.5%2014H8c-1.66%200-3-1.34-3-3s1.34-3%203-3l.14.01A3.98%203.98%200%200%201%2012%207c2.21%200%204%201.79%204%204h.5a2.5%202.5%200%200%201%200%205z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.shortcuts_area>.intra:before{background:#5f93fa url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%22-2%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M2%2014v4h4v-4H2zm12-3H6a1%201%200%200%200-1%201h1a2%202%200%200%201%202%202v4a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2h1a3%203%200%200%201%203-3h3V8H8a2%202%200%200%201-2-2V2a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v4a2%202%200%200%201-2%202h-1v1h3a3%203%200%200%201%203%203h1a2%202%200%200%201%202%202v4a2%202%200%200%201-2%202h-4a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2h1a1%201%200%200%200-1-1zM8%202v4h4V2H8zm6%2012v4h4v-4h-4z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.shortcuts_area>.pesg:before{background:linear-gradient(180deg, #4157A7 0%, #3B9AF0 100%)}
.shortcuts_area>.pesg{position:relative}
.shortcuts_area>.pesg:after{content:'';position:absolute;left:12px;top:10px;width:16.5px;height:18px;background:url(../images/icon/pesg_ico.svg) no-repeat 50% 50%}
.login_area .row{margin-top:12px}
.login_area .row:first-child{margin-top:0}
.login_area .fc_error{padding:22px 10px 10px 30px}
.login_area .fc_error>li{list-style-type:disc;line-height:1}

/*비밀번호 확인*/
.pw_confirm_area .input input{padding-left:24px}

/*pop*/
.password_alert .popup .pop_cont .input{margin-bottom:20px}
.password_alert .popup .pop_cont .input input{padding:0 20px;background-color:#f7f8fa}
.password_alert .popup .pop_cont{padding:0 40px}
.popup .pop_cont .txt{line-height:24px}
.popup .one_btn{border-radius:0 0 16px 16px !important}
.pop_layer .pop_search{margin-bottom:16px}
.pop_layer .pop_search .input{width:calc(100% - 160px);margin:0 12px 0 8px}
.pop_layer .pop_search .input input{background-color:#f7f8fa}
.pop_layer .pop_search .sel_sm{min-width:82px;width:82px}
.pop_layer .pop_search .btn{white-space:nowrap}
.pop_layer .pop_search  .nice-select .current, .pop_layer .pop_search  .nice-select .current + .list{background-color:#f7f8fa}
.pop_layer .tbl_list{margin:16px 0;border-bottom:1px solid #eaeaea;border-radius:0 0 16px 16px}
.application_pop .pop_cont p.fc_grey60{line-height:1;margin-bottom:24px}
.service_scopre_pop .pop_cont .df{flex-wrap:wrap}
.service_scopre_pop .pop_cont .df>.checkbox{width:25%;margin-top:12px}
.service_scopre_pop .pop_cont .df>.checkbox:nth-child(n+1):nth-child(-n+4){margin-top:0}
#serviceScope .popup{width:900px}
.service_scopre_pop form>.txt{margin:8px 0 16px}
.service_scopre_pop .info_area>li{width:494px}
.service_scopre_pop .info_area>li:nth-child(2n){width:350px}
.service_scopre_pop .info_area>li>span{min-width:82px}
.service_scopre_pop .info_area>li>span:before{display:none}
.service_scopre_pop .info_area>li .term_form input{width:161px}
.service_scopre_pop .info_area>li input, .service_scopre_pop .info_area>li .nice-select .current, .service_scopre_pop .info_area>li .nice-select .current + .list{background-color:#f7f8fa !important}
.service_scopre_pop .info_area>li .nice-select{width:116px}
.service_scopre_pop .info_area>li>div{width:100%}
.service_scopre_pop .info_area>li:nth-child(1),.service_scopre_pop .info_area>li:nth-child(3){padding-right:44px}
.service_scopre_pop .btn_area{display:flex;margin-top:24px;padding-top:0}
.service_scopre_pop .btn_area .btn:first-child{margin-right:8px}
.service_scopre_pop .service_range{padding-right:134px}
.pop_layer .nice-select{line-height:1.5}
.skill_inventory .tab_cont .cont .tbl_list tr{cursor:pointer}
.pop_layer .jq_scrollbar{height:414px}
.pop_layer .jq_scrollbar tbody td{padding:13px 0}
.pop_layer>.scroll-wrapper > .scroll-element .scroll-element_track{background-color:#eaeaea}
.pop_layer>.scroll-wrapper > .scroll-element .scroll-bar{width:8px}
.pop_layer>.scroll-wrapper > .scroll-element.scroll-y{top:0;right:0}
.pop_layer  .pop_cont>.jq_scrollbar{margin:16px 0}
.pop_layer  .jq_scrollbar .tbl_list{margin:0}
.pop_layer > .scroll-wrapper > .scroll-content{padding-right:16px}
.pop_layer .business_card{text-align:center}
.pop_layer .pop_in_title{display:flex;align-items:center;margin-top:24px;font-size:18px;color:#4171d9;font-weight:700;line-height:1}
.perform_pop textarea{width:100%;height:250px;margin-bottom:20px}
#customerDetail .popup{width:1100px}
#customerDetail .popup .pop_cont{line-height:1.5}
.dsb{background-color:#eaeaea;box-shadow:none !important}
.search_result{font-size:18px;line-height:1}
.search_result i{font-size:14px;transform:translateY(-1px)}
.search_result .fc_primary{font-weight:800}
.search_result + select + .nice-select{margin-left:10px}
#more .popup{max-width:400px}

#businessCard .popup{width:auto}
.no_image{width:360px;height:200px;margin:0 auto;border-radius:12px;background-color:#f7f7f7;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="48" height="48" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23dbdbdb" d="m21.9 21.9l-6.1-6.1l-2.69-2.69L5 5L3.59 3.59L2.1 2.1L.69 3.51L3 5.83V19c0 1.1.9 2 2 2h13.17l2.31 2.31l1.42-1.41zM5 19V7.83l6.84 6.84l-.84 1.05L9 13l-3 4h8.17l2 2H5zM7.83 5l-2-2H19c1.1 0 2 .9 2 2v13.17l-2-2V5H7.83z"%2F%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:50% 50%}
#businessCard img{max-width:500px}
    /*footer*/
#footer{padding:23px 0 40px;font-size:14px;line-height:1;text-align:center;border-top:1px solid #eaeaea}
.popup .datepicker{font-size:14px}