@charset "UTF-8";

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

/*header*/
#header .logo{display:inline-block;margin-right:30px}
.sec_header{margin:0 auto;padding:0 40px;background:#fff;box-shadow:6px 6px 10px rgba(92, 95, 112, 0.03)}
#gnb .nav>li{position:relative;margin-right:40px}
#gnb .nav>li:last-child{margin-right:48px}
#gnb .nav>li>a{display:block;font-weight:400;font-size:18px;line-height:88px}
#gnb .nav>li.active>a{color:#ed1b23;font-weight:800}
#gnb .nav>li>a:hover{color:#ed1b23;font-weight:800}
#gnb .nav>li>ul a:hover{font-weight:700}
#gnb .nav>li>ul{display:none;position:absolute;top:100%;left:50%;width:110px;padding:15px 0;text-align:center;border-radius:0 0 20px 20px;border-top:2px solid #00467f;background-color:#fff;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.05);transform:translateX(-50%)}
#gnb .nav>li>ul a.active{font-weight:700}
#header .util_area li{margin-left:8px}
#header .util_area .util_area_bell{position:relative}
#header .util_area .util_area_bell:after{content:'';position:absolute;top:0;right:0;width:7px;height:7px;border-radius:50%;background-color:#f29100}
#header .shortcuts_area>a{font-size:14px}
#header .shortcuts_area>a:before{width:25px;height:25px}
#header .shortcuts_area>a:not(:last-child){margin-right:12px}
#header .shortcuts_area>.flow:before{background-size:10px}
#header .shortcuts_area>.high:before{background-size:10px}
#header .shortcuts_area>.teams:before,
#header .shortcuts_area>.op:before{background-size:18px}
#header .shortcuts_area>.intra:before{background-size:15px}
#header .shortcuts_area>.ai:after{background-size:10px;width: 25px;height: 25px;}

/*IE접속*/
.ie_area{margin:140px auto;text-align:center}
.ie_area h2{font-size:24px;font-weight:700;line-height:1;margin:48px 0 20px}
.ie_area p{font-size:18px}
.ie_area>div>div{width:464px;margin:28px auto 0;padding:19px 32px;border:solid #dbdbdb;border-width:1px 0}
.ie_area>div>div>a{margin-right:32px}
.ie_area>div>div>a:last-child{margin-right:0}
.ie_area>.ie_icon{width:240px;height:240px;margin:0 auto;background:url(../images/common/ie.png) no-repeat 50% 50%}

/***login***/
#loginWrap{min-height:calc(100vh - 165px)}
.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)}
.prone_logo{margin-bottom:36px;text-align:center;font-size:26px;line-height:26px}
.prone_logo img{width:180px;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{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%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%2228%22%20height%3D%2228%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M20%2020H4a2%202%200%200%201-2-2V5.913A2%202%200%200%201%204%204h16a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202ZM4%207.868V18h16V7.868L12%2013.2L4%207.868ZM4.8%206l7.2%204.8L19.2%206H4.8Z%22%2F%3E%3C%2Fsvg%3E');transform:translateY(-50%)}
.login_area .form_area .row .login_input{padding:0 24px 0 49px}
.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 p{font-size:18px}
.login_area .form_area button{min-width:100%;margin-top:12px}
.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%23ed1b23%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{flex-shrink:0;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>.teams:before{background:#c2c6ff url(../images/button/btn_ico_teams.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>.ai:before{background:linear-gradient(180deg, #4157A7 0%, #3B9AF0 100%)}
.shortcuts_area>.ai{position:relative}
.shortcuts_area>.ai:after{content:'';position:absolute;left:0;top:0;width: 40px;height: 40px;background:url(../images/button/btn_ico_ai.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}

/***** main *****/
.gnb_tit_area{padding:48px 0 23px;border-bottom:1px solid #000}
.gnb_tit{display:flex;align-items:flex-start;font-size:28px;font-weight:800;line-height:28px}
.gnb_tit:before{content:'';width:4.67px;height:7.77px;margin-right:8px;background-color:#ed1b23;border-bottom-left-radius:8px}
.gnb_tit_area>.search{width:384px}
.gnb_tit_area .btn:before{content:'';display:inline-block;width:20px;height:20px;margin-right:4px}
.gnb_tit_area .up_btn:before{background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M5 10h4v6h6v-6h4l-7-7l-7 7zm0 8v2h14v-2H5z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.gnb_tit_area .bf_btn:before{background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23ed1b23" d="M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.sorting{padding-top:12px}
.project_op>div{margin-right:12px}
.project_op>.radio{position:relative;margin-right:0}
.project_op>.radio>span{position:absolute;top:0;left:0;width:100%;height:100%;z-index:111;display:none}
.project_op>.radio>label{position:relative;display:flex;align-items:center;margin-left:16px;padding-left:8px}
.project_op>.radio:last-child>label{margin-left:8px}
.project_op>.radio>label:after{content:'';display:inline-block;width:20px;height:20px}
.project_op>.view_card>label:after{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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%203v8h8V3H3zm6%206H5V5h4v4zm-6%204v8h8v-8H3zm6%206H5v-4h4v4zm4-16v8h8V3h-8zm6%206h-4V5h4v4zm-6%204v8h8v-8h-8zm6%206h-4v-4h4v4z%22%2F%3E%3C%2Fsvg%3E') 50% 50%;background-size:20px}
.project_op>.view_list>label:after{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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M3%2018h6v-2H3v2zM3%206v2h18V6H3zm0%207h12v-2H3v2z%22%2F%3E%3C%2Fsvg%3E') 50% 50%;background-size:20px}
.project_op>.radio>label:hover{border-color:#ed1b23;background-color:#ed1b23}
.project_op>.radio input[type=radio]:checked ~ label{border-color:#ed1b23;background-color:#ed1b23}
.project_op>.view_card>label:hover:after{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%203v8h8V3H3zm6%206H5V5h4v4zm-6%204v8h8v-8H3zm6%206H5v-4h4v4zm4-16v8h8V3h-8zm6%206h-4V5h4v4zm-6%204v8h8v-8h-8zm6%206h-4v-4h4v4z%22%2F%3E%3C%2Fsvg%3E')}
.project_op>.view_list>label:hover:after{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M3%2018h6v-2H3v2zM3%206v2h18V6H3zm0%207h12v-2H3v2z%22%2F%3E%3C%2Fsvg%3E')}
.project_op>.view_card input[type=radio]:checked ~ label:after{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%203v8h8V3H3zm6%206H5V5h4v4zm-6%204v8h8v-8H3zm6%206H5v-4h4v4zm4-16v8h8V3h-8zm6%206h-4V5h4v4zm-6%204v8h8v-8h-8zm6%206h-4v-4h4v4z%22%2F%3E%3C%2Fsvg%3E')}
.project_op>.view_list input[type=radio]:checked ~ label:after{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M3%2018h6v-2H3v2zM3%206v2h18V6H3zm0%207h12v-2H3v2z%22%2F%3E%3C%2Fsvg%3E')}
.project_op>.radio>label svg{margin-right:0 !important}
.project_op>.radio>label>span{visibility:hidden;position:absolute;top:90%;left:50%;width:75px;padding:8px 0;text-align:center;color:#fff;background-color:#333;border-radius:38px;transform:translateX(-50%);transition:all 0.5s;opacity:0}
.project_op>.radio>label>span:before{content:'';position:absolute;top:-5px;left:50%;width:15px;height:15px;border-radius:3px;background-color:#333;transform:translateX(-50%) rotate(45deg)}
.project_op>.radio>label:hover>span{visibility:visible;top:97%;opacity:1}
.project_op>.radio>label:before{display:none}
.project_list.card>ul{display:flex;align-items:flex-start;flex-wrap:wrap}
.project_list.card>ul>li{position:relative;width:394.67px;margin:37px 48px 0 0}
.project_list.card>ul>li:nth-child(3n){margin-right:0}
.project_list.card>ul>li:nth-child(n+1):nth-child(-n+3){margin-top:0}

.project_list .project_info>dt>h2{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.sec_proj_ready{overflow:hidden;position:relative;padding-top:100px;margin:0 -40px;background:linear-gradient(145deg, #18C18F 0%, #7239F9 100%)}
.sec_proj_ready:before{content:'';position:absolute;left:50%;top:64px;display:block;width:569px;height:533px;margin-left:125px;background:url(../images/contents/bg_main_proj_list.png) no-repeat 0 0}
.sec_proj_ready .df{justify-content:space-between;align-items:flex-end;margin-bottom:60px}
.sec_proj_ready .df .txt_area{margin-bottom:4px}
.sec_proj_ready .df p{font-size:36px;font-weight:700;color:#fff;line-height:1}
.sec_proj_ready .df p + p{margin-top:20px}
.sec_proj_ready .df p span{margin-right:4px;font-weight:800}
.sec_proj_ready .df .btn_more{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:rgba(0, 0, 0, 0.50);border:none}
.sec_proj_ready .df .btn_more:after{content:'';display:block;margin-left:4px;width:20px;height:20px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.sec_proj_ready .df .btn_more span{color:#fff;line-height:1}
.sec_proj_list .list_proj > li h3{font-size:16px}
.sec_proj_list .df{justify-content:space-between;align-items:center;margin-top:60px;margin-bottom:20px;line-height:1}
.sec_proj_list .df h2{font-size:18px;font-weight:700}
.sec_proj_list .df h2 span.each{font-weight:400}
.sec_proj_list .df .btn_more{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.sec_proj_list .df .btn_more:after{content:'';display:block;width:20px;height:20px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}

/*project list*/
.project_list .project_info .lock_ico:before{content:'';display:block;position:absolute;top:50%;left:50%;width:24px;height:24px;background-image: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%235f93fa%22%20d%3D%22M12%2017c1.1%200%202-.9%202-2s-.9-2-2-2s-2%20.9-2%202s.9%202%202%202zm6-9h-1V6c0-2.76-2.24-5-5-5S7%203.24%207%206h1.9c0-1.71%201.39-3.1%203.1-3.1c1.71%200%203.1%201.39%203.1%203.1v2H6c-1.1%200-2%20.9-2%202v10c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V10c0-1.1-.9-2-2-2zm0%2012H6V10h12v10z%22%2F%3E%3C%2Fsvg%3E');background-size:24px;border-radius:0 16px;transform:translate(-50%, -50%)}
.project_list.list .lock .project_info .lock_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23f2ac0c" d="M12 17a2 2 0 0 1-2-2c0-1.11.89-2 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2m6 3V10H6v10h12m0-12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2h1m-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3Z"%2F%3E%3C%2Fsvg%3E')}
.project_list .division a{cursor:context-menu}

/*card*/
.project_list.card .list_on{display:none !important}
.project_list.card .project_info{position:relative;padding:20px;background-color:#fff;border-radius:16px 16px 0 0;box-shadow:5px 5px 7px rgba(0, 0, 0, 0.05)}
.project_list.card .project_info>dt .logo_thumb{display:inline-flex;justify-content:center;align-items:center;min-width:60px;width:60px;height:60px;margin-right:14px;font-size:24px;color:#fff;border-radius:50%;background-size:60px;background-color:#ed1b23}
.project_list.card .project_info>dt .logo_thumb.acitve{background-color:transparent}
.project_list.card .project_info>dt>h2{max-height:50px;width:calc(100% - 82px);font-size:18px;padding-right:20px;line-height:25px;font-weight:700}
.project_list.card .project_info .list{margin:16px 0 8px;padding:20px;border-radius:12px;background-color:#f7f8fa}
.project_list.card .lock .project_info .list{background-color:#fcf9e8}
.project_list.card .lock .project_info .application{display:none}
.project_list.card .project_info .list li{display:flex;margin-bottom:8px;line-height:1}
.project_list.card .project_info .list li.pm{align-items:center}
.project_list.card .project_info .list li:last-child{margin-bottom:0}
.project_list.card .project_info .list li.pm:before{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M5.85%2017.1q1.275-.975%202.85-1.538Q10.275%2015%2012%2015q1.725%200%203.3.562q1.575.563%202.85%201.538q.875-1.025%201.363-2.325Q20%2013.475%2020%2012q0-3.325-2.337-5.663Q15.325%204%2012%204T6.338%206.337Q4%208.675%204%2012q0%201.475.488%202.775q.487%201.3%201.362%202.325ZM12%2013q-1.475%200-2.488-1.012Q8.5%2010.975%208.5%209.5t1.012-2.488Q10.525%206%2012%206t2.488%201.012Q15.5%208.025%2015.5%209.5t-1.012%202.488Q13.475%2013%2012%2013Zm0%209q-2.075%200-3.9-.788q-1.825-.787-3.175-2.137q-1.35-1.35-2.137-3.175Q2%2014.075%202%2012t.788-3.9q.787-1.825%202.137-3.175q1.35-1.35%203.175-2.138Q9.925%202%2012%202t3.9.787q1.825.788%203.175%202.138q1.35%201.35%202.137%203.175Q22%209.925%2022%2012t-.788%203.9q-.787%201.825-2.137%203.175q-1.35%201.35-3.175%202.137Q14.075%2022%2012%2022Zm0-2q1.325%200%202.5-.387q1.175-.388%202.15-1.113q-.975-.725-2.15-1.113Q13.325%2017%2012%2017t-2.5.387q-1.175.388-2.15%201.113q.975.725%202.15%201.113Q10.675%2020%2012%2020Zm0-9q.65%200%201.075-.425q.425-.425.425-1.075q0-.65-.425-1.075Q12.65%208%2012%208q-.65%200-1.075.425Q10.5%208.85%2010.5%209.5q0%20.65.425%201.075Q11.35%2011%2012%2011Zm0-1.5Zm0%209Z%22%2F%3E%3C%2Fsvg%3E')}
.project_list.card .project_info .list li.personnel:before{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M9%2013.75c-2.34%200-7%201.17-7%203.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5zM4.34%2017c.84-.58%202.87-1.25%204.66-1.25s3.82.67%204.66%201.25H4.34zM9%2012c1.93%200%203.5-1.57%203.5-3.5S10.93%205%209%205S5.5%206.57%205.5%208.5S7.07%2012%209%2012zm0-5c.83%200%201.5.67%201.5%201.5S9.83%2010%209%2010s-1.5-.67-1.5-1.5S8.17%207%209%207zm7.04%206.81c1.16.84%201.96%201.96%201.96%203.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44zM15%2012c1.93%200%203.5-1.57%203.5-3.5S16.93%205%2015%205c-.54%200-1.04.13-1.5.35c.63.89%201%201.98%201%203.15s-.37%202.26-1%203.15c.46.22.96.35%201.5.35z%22%2F%3E%3C%2Fsvg%3E')}
.project_list.card .project_info .list li.deadline:before{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M7%2011h2v2H7v-2m14-6v14c0%201.11-.89%202-2%202H5a2%202%200%200%201-2-2V5c0-1.1.9-2%202-2h1V1h2v2h8V1h2v2h1a2%202%200%200%201%202%202M5%207h14V5H5v2m14%2012V9H5v10h14m-4-6v-2h2v2h-2m-4%200v-2h2v2h-2m-4%202h2v2H7v-2m8%202v-2h2v2h-2m-4%200v-2h2v2h-2Z%22%2F%3E%3C%2Fsvg%3E')}
.project_list.card .project_info .list li.personnel{align-items:flex-start;height:63px;line-height:1.5}
.project_list.card .lock .project_info .list li.pm:before{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23f2ac0c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5.121%2017.804A13.937%2013.937%200%200%201%2012%2016c2.5%200%204.847.655%206.879%201.804M15%2010a3%203%200%201%201-6%200a3%203%200%200%201%206%200Zm6%202a9%209%200%201%201-18%200a9%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E')}
.project_list.card .lock .project_info .list li.personnel:before{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23f2ac0c%22%20d%3D%22M9%2013.75c-2.34%200-7%201.17-7%203.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5zM4.34%2017c.84-.58%202.87-1.25%204.66-1.25s3.82.67%204.66%201.25H4.34zM9%2012c1.93%200%203.5-1.57%203.5-3.5S10.93%205%209%205S5.5%206.57%205.5%208.5S7.07%2012%209%2012zm0-5c.83%200%201.5.67%201.5%201.5S9.83%2010%209%2010s-1.5-.67-1.5-1.5S8.17%207%209%207zm7.04%206.81c1.16.84%201.96%201.96%201.96%203.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44zM15%2012c1.93%200%203.5-1.57%203.5-3.5S16.93%205%2015%205c-.54%200-1.04.13-1.5.35c.63.89%201%201.98%201%203.15s-.37%202.26-1%203.15c.46.22.96.35%201.5.35z%22%2F%3E%3C%2Fsvg%3E')}
.project_list.card .lock .project_info .list li.deadline:before{background-image: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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23f2ac0c%22%20d%3D%22M19%204h-1V2h-2v2H8V2H6v2H5c-1.11%200-1.99.9-1.99%202L3%2020a2%202%200%200%200%202%202h14c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%2016H5V10h14v10zm0-12H5V6h14v2zM9%2014H7v-2h2v2zm4%200h-2v-2h2v2zm4%200h-2v-2h2v2zm-8%204H7v-2h2v2zm4%200h-2v-2h2v2zm4%200h-2v-2h2v2z%22%2F%3E%3C%2Fsvg%3E')}
.project_list.card .project_info .list li:before{content:'';display:inline-block;width:20px;min-width:20px;height:20px;margin-right:8px;background-size:20px 20px}
.project_list.card .project_info .lock_ico{display:none}
.project_list.card .lock .project_info .lock_ico{display:inline-block;position:absolute;right:0;top:0;width:48px;height:48px;border-radius:0 16px;background-color:#fad157}
.project_list.card .lock .project_info .lock_ico:before{background-image: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%2212%22%20height%3D%2212%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e08300%22%20d%3D%22M18%208h-1V6c0-2.76-2.24-5-5-5S7%203.24%207%206v2H6c-1.1%200-2%20.9-2%202v10c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V10c0-1.1-.9-2-2-2zM9%206c0-1.66%201.34-3%203-3s3%201.34%203%203v2H9V6zm9%2014H6V10h12v10zm-6-3c1.1%200%202-.9%202-2s-.9-2-2-2s-2%20.9-2%202s.9%202%202%202z%22%2F%3E%3C%2Fsvg%3E')}
.project_list.card .project_info .area>div{display:flex;flex-wrap:wrap;height:72px}
.project_list.card .project_info .area>div>p, .project_list.card .project_info .area>div>button{height:28px;margin:8px 8px 0 0;padding:6px 7px;font-size:14px;line-height:1;border:1px solid #ccc;border-radius:4px}
.project_list.card .project_info .list li.detail_view:before{display:none}
.project_list.card .project_info .list li.detail_view{margin-top:12px}
.project_list.card .project_info .list li.detail_view .btn{width:100%}

.list_proj{display:flex;color:#000;line-height:1}
.list_proj > li{width:calc(33.3% - 21.33px);padding:28px;border-radius:16px;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.80) 100%);box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05)}
.list_proj.type01 > li{background-color:#fff}
.list_proj > li + li{margin-left:32px}
.list_proj > li h3{font-size:18px}
.list_proj > li > ul.list_info{margin-top:16px}
.list_proj > li > ul.list_info > li{display:flex;align-items:center}
.list_proj > li > ul.list_info > li + li{margin-top:12px}
.list_proj > li > ul.list_info > li.ico_lock.private{color:#e08300}
.list_proj > li > ul.list_info > li:before{content:'';display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:top}
.list_proj > li > ul.list_info > li.ico_user:before{background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"%2F%3E%3Cpath fill="%23959595" d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.list_proj > li > ul.list_info > li.ico_calender:before{background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.list_proj > li > ul.list_info > li.ico_lock:before{background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.list_proj > li > ul.list_info > li.ico_lock.private:before{background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 24 24"%3E%3Cpath fill="%23e08300" d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}

.card_icon{display:flex;align-items:center}
.card_icon:before{content:'';display:block;width:20px;height:13px;margin-right:2px}
.card_icon.press:before{content:'📺'}
.card_icon.dg_marketing:before{content:'🖥';width:13px}
.card_icon.ig_marketing:before{content:'🎯'}
.card_icon.consulting:before{content:'📊'}
.card_icon.campaign:before{content:'⛳'}
.card_icon.business_manage:before{content:'🚨'}
.card_icon.mcn:before{content:'❤'}
.card_icon.pa:before{content:'🌍'}
.card_icon.esg:before{content:'🌿'}
.card_icon.design:before{content:'🔮'}
.card_icon.consulting:before{content:'🎬'}
.card_icon.etc:before{content:'💬'}

.project_list.card{font-size:14px}
.project_list.card .project_info .area>div>.more{width:28px;display:flex;justify-content:center;align-items:center;position:relative;padding:4px;margin-right:0;cursor:pointer}
.project_list.card .project_info .area>div>.more:before{content:'';display:inline-block;width:20px;height:20px;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%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M5.25%208a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%200Zm4%200a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%200ZM12%209.25a1.25%201.25%200%201%200%200-2.5a1.25%201.25%200%200%200%200%202.5Z%22%2F%3E%3C%2Fsvg%3E') 50% 50%}
.project_list.card .project_list_bottom>div{width:50%}
.project_list.card .period{position:absolute;top:100%;left:0;width:191px;padding:13px 0;text-align:center;line-height:1;background-color:#fff;border-radius:0 0 16px 16px}
.project_list.card .period:before{content:'';position:absolute;left:100%;top:0;width:14px;height:14px;background-color:#fff}
.project_list.card .period:after{content:'';position:absolute;left:100%;top:0;width:14px;height:14px;background-color:#f7f8fa;border-top-left-radius:16px;box-shadow:inset 0 5px 5px rgba(0, 0, 0, 0.03)}
.project_list.card >ul>li:hover{filter: drop-shadow(-8px -8px 10px rgba(0, 0, 0, 0.05)) drop-shadow(8px 8px 15px rgba(0, 0, 0, 0.08))}
.project_list.card >ul>li:hover .period{box-shadow:5px 5px 7px rgba(0, 0, 0, 0.05)}
.project_list.card >ul>li:hover .period:after{box-shadow:inset 5px 5px 12px rgba(0, 0, 0, 0.15)}
.project_list.card .proposal{background-image: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%22M14%202H6c-1.1%200-1.99.9-1.99%202L4%2020c0%201.1.89%202%201.99%202H18c1.1%200%202-.9%202-2V8l-6-6zm4%2018H6V4h7v5h5v11zM8%2015.01l1.41%201.41L11%2014.84V19h2v-4.16l1.59%201.59L16%2015.01L12.01%2011z%22%2F%3E%3C%2Fsvg%3E');border-radius:0 0 0 8px}
.project_list.card .perform{background-image: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%22M11%2021H5q-.825%200-1.413-.587Q3%2019.825%203%2019V5q0-.825.587-1.413Q4.175%203%205%203h4.175q.275-.875%201.075-1.438Q11.05%201%2012%201q1%200%201.788.562q.787.563%201.062%201.438H19q.825%200%201.413.587Q21%204.175%2021%205v5h-2V5h-2v3H7V5H5v14h6Zm4.5-1.075l-4.25-4.25l1.4-1.4l2.85%202.85l5.65-5.65l1.4%201.4ZM12%205q.425%200%20.713-.288Q13%204.425%2013%204t-.287-.713Q12.425%203%2012%203t-.712.287Q11%203.575%2011%204t.288.712Q11.575%205%2012%205Z%22%2F%3E%3C%2Fsvg%3E');border-radius:0 0 0 8px}
.project_list.card .proposal:hover{background-color:#8dc73c;border-color:#8dc73c}
.project_list.card .perform:hover{background-color:#5f93fa;border-color:#5f93fa}
.project_list.card .application{background-image: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%22m15%2016l-4%204h10v-4zm-2.94-8.81L3%2016.25V20h3.75l9.06-9.06l-3.75-3.75zM5.92%2018H5v-.92l7.06-7.06l.92.92L5.92%2018zm12.79-9.96a.996.996%200%200%200%200-1.41l-2.34-2.34a1.001%201.001%200%200%200-1.41%200l-1.83%201.83l3.75%203.75l1.83-1.83z%22%2F%3E%3C%2Fsvg%3E');border-radius:0 0 8px 0}
.project_list.card .division{position:absolute;bottom:0;right:82px}
.project_list.card .project_list_bottom{justify-content:flex-end}
.project_list.card .project_list_bottom>div>a, .project_list.card .division>p{width:82px;padding:0 15px 0 39px;background-repeat:no-repeat;background-position:16px 10px;background-size:20px}
.project_list.card .lock .project_info ~ .project_list_bottom>div>a{visibility:hidden;transition:none}
.project_list.card .project_list_bottom>.project_btn{display:flex;justify-content:flex-end}
.project_list.card .lock .division{right:0}
.project_list.card .lock .division>p{border-radius:0 0 8px 8px}
.project_list.card .project_info .txt{display:inline-flex;line-height:21px}
.project_list.card .personnel .card_on{display:block}
.project_list.card .project_info .txt i:last-child{display:flex;align-items:flex-end}

.detail_view_pop .pop_cont{margin-top:0}
.detail_view_pop .detail{padding:0}

    /*list*/
.project_list.list{filter: drop-shadow(-8px -8px 15px rgba(0, 0, 0, 0.03)) drop-shadow(8px 8px 15px rgba(0, 0, 0, 0.03));border-radius:12px}
.project_list.list *{font-size:14px;font-weight:400}
.project_list.list .logo_thumb{display:none}
.project_list.list .tbl_list tr th{height:66px}
.tbl_list th.b_border{height:54px;border-bottom:1px solid #5185f5}
.tbl_list input{font-size:14px}
.project_list.list .tbl_list tr:nth-of-type(2) th:nth-child(n+6):nth-of-type(-n+11){height:66px}
.project_list.list .card_on{display:none !important}
.project_list.list>ul>li{position:relative;display:flex;border-bottom:1px solid #eaeaea;background-color:#f7f8fa;border-left:1px solid #eaeaea}
.project_list.list>ul>li:last-child{border-bottom:0}
.project_list.list>ul>li:nth-child(2n){background-color:#fff}
.project_list.list>ul>li:last-child{border-radius:0 0 16px 16px}
.project_list.list>ul>li:last-child .num{border-bottom-left-radius:16px}
.project_list.list>ul>li:last-child .project_list_bottom{border-bottom-right-radius:16px}
.project_list.list>ul>li .division .btn{height:auto;padding:0;color:#333 !important;background-color:transparent;border:none;transition:none}
.project_list.list>ul>li dl{display:flex}
.project_list.list dl dd{display:flex;flex-direction:row-reverse}
.project_list.list .list{display:flex}
.project_list.list .lock_ico{position:relative}
.project_list.list>ul>li>div, .project_list.list dl>dd>div, .project_list.list .list>li, .project_list.list dt{display:flex;align-items:center;justify-content:center;padding:13px 8px;border-right:1px solid #eaeaea}
.project_list.list .num{min-width:40px;width:40px}
.project_list.list .division{min-width:50px;width:50px}
.project_list.list dl>dt{min-width:120px;width:120px}
.project_list.list .project_info .area{min-width:312px;width:312px;margin-right:50px}
.project_list.list .project_info .area>div{overflow:hidden;display:-webkit-box !important;align-content:center;width:362px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.project_list.list .project_info .area>div>p{display:inline-block}
.project_list.list .project_info .area>div .card_icon:before{display:none}
.project_list.list .period{width:118px}
.project_list.list .lock_ico{width:64px}
.project_list.list .list>li:nth-of-type(1){width:100px}
.project_list.list .list>li:nth-of-type(2){width:200px}
.project_list.list .list>li:nth-of-type(3){width:72px}
.project_list.list .list>li:nth-of-type(4){width:89px;text-align:center}
.project_list.list .project_list_bottom{width:64px}
.project_list.list .project_list_bottom .btn{height:24px;width:24px;padding:0;color:#333 !important;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%23ed1b23%22%20d%3D%22m15%2016l-4%204h10v-4zm-2.94-8.81L3%2016.25V20h3.75l9.06-9.06l-3.75-3.75zM5.92%2018H5v-.92l7.06-7.06l.92.92L5.92%2018zm12.79-9.96a.996.996%200%200%200%200-1.41l-2.34-2.34a1.001%201.001%200%200%200-1.41%200l-1.83%201.83l3.75%203.75l1.83-1.83z%22%2F%3E%3C%2Fsvg%3E') 50% 50%;border:none;transition:none}
.project_list.list .project_info .area>div>p.more{display:none}
.project_list.list .project_info .area>div>p{margin-right:5px}
.project_list.list .project_info .area>div>p>i{display:none}
.project_list.list .project_info .area>div>p:nth-last-child(1){margin-right:0}
.project_list.list .project_info .area>div>p:nth-last-child(1)>span{display:none}
.project_list.list .project_info .area>div>p:nth-child(5)>span{display:none}
.project_list.list .project_info .txt>i{display:none}
.project_list.list .project_info .txt br{display:none}
.project_list.list .project_info .area>div>.more:before{content:'…';display:inline-block}
.project_list.list .project_info .list li.detail_view{position:absolute;left:522px;width:50px}
.project_list.list .project_info .list li.detail_view .btn{padding:0;border:none;background:transparent}
.project_list.list .project_info .list li.detail_view .btn>span{display:none}
.project_list.list .project_info .list li.detail_view .btn:before{content:'';display:block;width:24px;height:24px;margin:0 auto;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23767676" d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0c.41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5S14 7.01 14 9.5S11.99 14 9.5 14z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.project_list.list .tbl_list tbody td .ico_lock{width:24px;height:24px;margin:0 auto;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%235f93fa" d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1c1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.project_list.list .tbl_list tbody td .ico_lock.private{background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23f2ac0c" d="M12 17a2 2 0 0 1-2-2c0-1.11.89-2 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2m6 3V10H6v10h12m0-12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2h1m-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3Z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.project_list.list .tbl_list tbody td .btn_detail{display:block;width:24px;height:24px;margin:0 auto;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23767676" d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5A6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5S14 7.01 14 9.5S11.99 14 9.5 14z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.project_list.list .tbl_list tbody td .btn_application{display:block;width:24px;height:24px;margin:0 auto;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23ed1b23" d="m15 16l-4 4h10v-4zm-2.94-8.81L3 16.25V20h3.75l9.06-9.06l-3.75-3.75zM5.92 18H5v-.92l7.06-7.06l.92.92L5.92 18zm12.79-9.96a.996.996 0 0 0 0-1.41l-2.34-2.34a1.001 1.001 0 0 0-1.41 0l-1.83 1.83l3.75 3.75l1.83-1.83z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}

/*프로젝트 keyword 공통*/
.pj_keyword{flex-wrap:wrap}
.pj_keyword>p{margin:8px 8px 0 0;padding:6px 7px;font-size:14px;line-height:1;border:1px solid #ccc;border-radius:4px}

/***** sub *****/
/*기록카드*/
.record_card .box{padding:40px 0 39px}
.record_card .box>div:nth-child(1){width:240px;margin-right:40px}
.record_card .box>div:nth-child(2){width:calc(100% - 280px)}
.record_card .box>div:nth-child(2) .fc_error{margin-top:16px;margin-bottom:0;font-size:14px;line-height:1}
.record_card .box .profile>h3{font-size:20px;line-height:1}
.record_card .box .profile>p{margin-bottom:0;font-size:14px;color:#959595}
.record_card .box .profile .profile_thumbnail_box{position:relative;width:140px;height:140px;margin:20px auto;border-radius:50%}
.record_card .box .profile .profile_thumbnail_box>.profile_thumbnail{width:100%;height:100%;border-radius:50%;background-size:140px;background-repeat:no-repeat;background-position:50% 50%;background-color:#f2f6ff}
.record_card .tbl_list.write tbody td{height:64px;padding:8px 11px 8px 12px}
.record_card .tbl_list.write tbody td br{display:none}
.record_card .tbl_list .nice-select{width:100%}
.record_card .tbl_list input{text-align:center;background-color:#f7f8fa !important}
.record_card .tbl_list .service_input input, .record_card .tbl_list .work_perform_input input{cursor:pointer}
.record_card .tbl_list .nice-select .current, .record_card .tbl_list .nice-select .current + .list{text-align:left;background-color:#f7f8fa !important}
.record_card .tbl_list .sel_sm{width:100%}
.record_card  .datepicker{text-align:left !important;background-color:#f7f8fa !important}
.record_card .add_btn:before{content:'';display:inline-block;width:20px;height:20px;margin-right:4px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M13 13v6h-2v-6H5v-2h6V5h2v6h6v2h-6Z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.record_card .tbl_list.write tr{position:relative}
.record_card .tbl_list.write tbody tr .tr_del{display:none;position:absolute;width:38px;min-height:64px;left:-38px;top:50%;transform:translateY(-50%);cursor:pointer}
.record_card .tbl_list.write tbody tr .tr_del label{position:absolute;left:0;top:0;width:100%;height:100%}
.record_card .tbl_list.write tbody tr .tr_del label:before{width:100%;height:100%;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23ed1b23" d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8z"%2F%3E%3C%2Fsvg%3E') no-repeat 0 50% !important}
.record_card .tbl_list.write tbody tr:hover .tr_del{display:block}

/*인사기록카드*/
.personnel_record_card .box .profile{width:100%;padding:62.5px 0;text-align:center;background-color:#fff;border-radius:12px;border:1px solid #b2cbff;box-shadow:10px 10px 20px rgb(0 0 0 / 5%)}
.personnel_record_card .box{border-bottom:1px solid #dbdbdb}
.personnel_record_card .box .profile .profile_thumbnail_box>label{position:absolute;right:-10px;bottom:11px;width:40px;height:40px;border-radius:50%;background-color:#fff;cursor:pointer}
.personnel_record_card .box .profile .profile_thumbnail_box>label:before{content:'';position:absolute;left:50%;top:50%;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%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23ccc%22%2F%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M20%204h-3.17l-1.24-1.35A1.99%201.99%200%200%200%2014.12%202H9.88c-.56%200-1.1.24-1.48.65L7.17%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm-8%2013c-2.76%200-5-2.24-5-5s2.24-5%205-5s5%202.24%205%205s-2.24%205-5%205z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;transform:translate(-50%, -50%)}
.personnel_record_card .box .info_form>.form_area{flex-wrap:wrap}
.personnel_record_card .box .info_form>.form_area_v1>div{width:calc(50% - 10px);margin:0 20px 20px 0}
.personnel_record_card .box .info_form>.form_area_v1>div:nth-child(2n){margin-right:0}
.personnel_record_card .box .info_form>.form_area_v1>div.pw_change{display:flex;margin-top:-8px;font-size:14px;line-height:20px;color:#5a5a5a}
.personnel_record_card .box .info_form>.form_area_v1>div.pw_change:before{content:'';display:inline-block;width:20px;height:20px;margin-right:2px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%235f93fa" d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74c0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6A4.997 4.997 0 0 1 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.personnel_record_card .box .info_form .list{font-size:14px}
.personnel_record_card .box .info_form>.form_area_v1 .dsb input{color:#333}
.personnel_record_card .box .info_form>.form_area_v1>.df>div{width:50%}
.personnel_record_card .box .info_form>.form_area_v1>.df>div:first-child{margin-right:8px}
.personnel_record_card .box .info_form>.form_area_v2>div{width:calc(33.33% - 13.33px);margin:0 20px 20px 0}
.personnel_record_card .box .info_form>.form_area_v2>div:nth-child(3n){margin-right:0}
.personnel_record_card .box .info_form>.form_area_v2 .df>button{margin-left:8px;white-space:nowrap}
.personnel_record_card .box .info_form>.form_area_v2>div input[readonly]{background-color:#fff !important}
.personnel_record_card .box>div .tit{font-size:24px;font-weight:800;line-height:1;margin:16px 0}
.personnel_record_card .box>div>p{margin-bottom:12px}
.personnel_record_card .box>div>p>span{font-weight:700}
.personnel_record_card .box>div>p.eps1{line-height:1}

/*경력 기술서*/
.skill_inventory .box>div{border-radius:12px;background-color:#fff}
.skill_inventory .box>.profile{padding:40px 0;text-align:center;border:1px solid #b2cbff;box-shadow:10px 10px 20px rgb(0 0 0 / 5%)}
.skill_inventory .box .profile .profile_thumbnail_box{width:120px;height:120px}
.skill_inventory .box .profile .profile_thumbnail_box .profile_thumbnail{background-size:120px}
.skill_inventory .box .info_area{padding:31px 40px 32px}
.info_area{flex-wrap:wrap}
.info_area>li{display:flex;align-items:center;width:50%;padding:17px 0 18px;border-top:1px solid #eaeaea}
.info_area>li:nth-child(n+1):nth-child(-n+2){border-top:none}
.info_area>li>span{display:inline-flex;align-items:center;min-width:94px;margin-right:12px;font-weight:700}
.info_area>li>span:before{content:'';display:inline-block;width:20px;height:20px;margin-right:8px}
.pop_layer .info_area>li>span:before{transform:translateY(-1.5px)}
.tab_area.type2 .tab{border-bottom:1px solid #ed1b23}
.tab_area.type2 .tab>li a{padding:16px 20px;line-height:1;color:#a5a5a5;border:1px solid;border-color:#a5a5a5 #a5a5a5 #ed1b23 #a5a5a5}
.tab_area.type2 .tab>li{transform:translateY(1px)}
.tab_area.type2 .tab>li:nth-child(1) a{border-top-left-radius:12px}
.tab_area.type2 .tab>li:last-child a{border-top-right-radius:12px}
.tab_area.type2 .tab>li:nth-child(2){transform:translate(-1px, 1px)}
.tab_area.type2 .tab>li:nth-child(3){transform:translate(-2px, 1px)}
.tab_area.type2 .tab>li.active{position:relative;z-index:1}
.tab_area.type2 .tab>li.active a{color:#ed1b23;font-weight:700;border-color:#ed1b23 #ed1b23 #f7f8fa #ed1b23}
.tab_area.type2 .tab>li>a:hover{color:#ed1b23;font-weight:700}
.skill_inventory .tab_cont{padding:40px 0;border-bottom:1px solid #dbdbdb}
.tab_area.type2 .tab_cont{padding:40px 0}
.tab_area.type2 .tab_cont .cont .add_btn{margin-left:8px}

/*공통 detail*/
.detail{padding:20px 40px;border-radius:12px;background-color:#fff}
.detail dl{display:flex;align-items:center;padding:18px 0 17px;border-bottom:1px solid #eaeaea}
.detail dl.pj_period .fc_error{margin-left:12px}
.detail dl:last-child{border-bottom:0}
.detail dl:before{content:'';display:inline-block;min-width:20px;width:20px;height:20px;margin-right:8px;background-repeat:no-repeat}
.detail dl>dt{width:92px;min-width:92px;margin-right:40px;font-weight:700;white-space:nowrap}
.detail dl>dd{display:flex;align-items:center;width:calc(100% - 152px)}
.detail dl>dd .tbl_list{width:auto}
.detail dl>dd .tbl_list th, .detail dl>dd .tbl_list td{min-width:70px;width:70px;height:38px;line-height:1}
.detail dl>dd .editor{width:100%;padding:28px;line-height:1.5;border-radius:12px;background-color:#f7f8fa}
.detail dl .pj_keyword{margin-top:-8px}
.detail dl>dd .btn{margin:2px 0 2px 20px}
.detail dl>dd table, .detail dl>dd .editor{margin:2px 0}

.detail .scroll-wrapper > .scroll-element{background-color:transparent}
.detail .scroll-wrapper > .scroll-element.scroll-x{left:0;bottom:0;max-width:100%;height:5px}
.detail .scroll-wrapper > .scroll-x .scroll-element_outer{left:0;width:100%}
.detail .scroll-wrapper > .scroll-x .scroll-bar{top:0}
.detail .scroll-wrapper > .scroll-x .scroll-bar:hover{top:0;height:5px}
/*나의 프로젝트*/
/*list*/
.board_top{display:flex;justify-content:space-between;align-items:center;padding:40px 0 16px}
.board_top .chip_area{display:flex}
.board_top .chip_area .chip:not(:last-child){margin-right:8px}
.board_top .chip_area .chip{height:30px;padding:7px;font-size:14px;line-height:1;border-radius:8px}
.project_list_box.scroll-content.scroll-scrollx_visible{padding-bottom:24px}
.project_list_box.scroll-wrapper > .scroll-element.scroll-x{left:0;bottom:0;max-width:100%;height:8px}
.project_list_box.scroll-wrapper > .scroll-x .scroll-bar{top:0;height:8px}
.project_list_box .scroll-element{background-color:#eaeaea}
.project_list_box.scroll-wrapper > .scroll-x .scroll-element_outer{left:0;width:100%}
.project_list_box.scroll-wrapper > .scroll-element .scroll-bar{background-color:#a5a5a5}
.board_top .total_num{position:relative;padding-left:24px;font-size:18px}
.board_top .total_num:before{content:'🛠';position:absolute;left:0;top:50%;transform:translateY(-50%)}
.project_list_box .tbl_list{font-size:14px}
.project_list_box .tbl_list thead th{height:38px;color:#333;background-color:#eaeaea;border-color:#fff;border-top:1px solid #fff}
.project_list_box .tbl_list thead tr:first-child th{border-top:none}
.project_list_box .tbl_list tbody th, .project_list_box .tbl_list tbody td{padding:9px 10px}
.project_list_box .tbl_list .bg_total td{background-color:#eaeaea;border-color:#fff;border-top:1px solid #fff}
.project_list_box tbody td:nth-child(n+5){padding:7px 7px 6px 8px;border-right:1px solid #eaeaea}
/*.project_list_box tbody td:nth-child(n+5) > a{display:block;height:100%;border-radius:8px}*/

/*icon*/
.name_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"%2F%3E%3Cpath fill="%23a5a5a5" d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"%2F%3E%3C%2Fsvg%3E')}
.date_of_birth_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M12 6a2 2 0 0 0 2-2c0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03c0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07l1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07l1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13l-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z"%2F%3E%3C%2Fsvg%3E')}
.gender_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Ccircle cx="15.5" cy="9.5" r="1.5" fill="%23a5a5a5"%2F%3E%3Ccircle cx="8.5" cy="9.5" r="1.5" fill="%23a5a5a5"%2F%3E%3Ccircle cx="15.5" cy="9.5" r="1.5" fill="%23a5a5a5"%2F%3E%3Ccircle cx="8.5" cy="9.5" r="1.5" fill="%23a5a5a5"%2F%3E%3Cpath fill="%23a5a5a5" d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8zm0-2.5c2.33 0 4.32-1.45 5.12-3.5h-1.67c-.69 1.19-1.97 2-3.45 2s-2.75-.81-3.45-2H6.88c.8 2.05 2.79 3.5 5.12 3.5z"%2F%3E%3C%2Fsvg%3E')}
.age_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5c1.66 0 3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3s1.34 3 3 3zm0-4c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1zm6-5H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-9.31 14a5.977 5.977 0 0 1 6.62 0h-6.62zm9.31-.27C18.53 14.06 16.4 13 14 13s-4.53 1.06-6 2.73V4h12v11.73z"%2F%3E%3C%2Fsvg%3E')}
.phone_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"%2F%3E%3C%2Fsvg%3E')}
.mail_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M19 4H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-.67 2L12 10.75L5.67 6ZM19 18H5a1 1 0 0 1-1-1V7.25l7.4 5.55a1 1 0 0 0 .6.2a1 1 0 0 0 .6-.2L20 7.25V17a1 1 0 0 1-1 1Z"%2F%3E%3C%2Fsvg%3E')}
.department_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M14 12h4v1.5h-4zm0 3h4v1.5h-4z"%2F%3E%3Cpath fill="%23a5a5a5" d="M20 7h-5V4c0-1.1-.9-2-2-2h-2c-1.1 0-2 .9-2 2v3H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm-9 0V4h2v5h-2V7zm9 13H4V9h5c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2h5v11z"%2F%3E%3Ccircle cx="9" cy="13.5" r="1.5" fill="%23a5a5a5"%2F%3E%3Cpath fill="%23a5a5a5" d="M11.08 16.18c-.64-.28-1.34-.43-2.08-.43s-1.44.15-2.08.43c-.56.24-.92.78-.92 1.39V18h6v-.43c0-.61-.36-1.15-.92-1.39z"%2F%3E%3C%2Fsvg%3E')}
.job_title_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" fill-rule="evenodd" d="M14 6V4h-4v2h4zM4 8v11h16V8H4zm16-2c1.11 0 2 .89 2 2v11c0 1.11-.89 2-2 2H4c-1.11 0-2-.89-2-2l.01-11c0-1.11.88-2 1.99-2h4V4c0-1.11.89-2 2-2h4c1.11 0 2 .89 2 2v2h4z"%2F%3E%3C%2Fsvg%3E')}
.user_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"%2F%3E%3Cpath fill="%23a5a5a5" d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"%2F%3E%3C%2Fsvg%3E')}
.title_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M19 5v14H5V5h14m1.1-2H3.9c-.5 0-.9.4-.9.9v16.2c0 .4.4.9.9.9h16.2c.4 0 .9-.5.9-.9V3.9c0-.5-.5-.9-.9-.9zM11 7h6v2h-6V7zm0 4h6v2h-6v-2zm0 4h6v2h-6zM7 7h2v2H7zm0 4h2v2H7zm0 4h2v2H7z"%2F%3E%3C%2Fsvg%3E')}
.day_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z"%2F%3E%3C%2Fsvg%3E')}
.content_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"%2F%3E%3Cpath fill="%23a5a5a5" d="M14 17H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"%2F%3E%3C%2Fsvg%3E')}
.division_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2L7.5 3.5L6 2v14H3v3c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V2l-1.5 1.5zM15 20H6c-.55 0-1-.45-1-1v-1h10v2zm4-1c0 .55-.45 1-1 1s-1-.45-1-1v-3H8V5h11v14z"%2F%3E%3Cpath fill="%23a5a5a5" d="M9 7h6v2H9zm7 0h2v2h-2zm-7 3h6v2H9zm7 0h2v2h-2z"%2F%3E%3C%2Fsvg%3E')}
.division_ico2:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M20 7h-4V5l-2-2h-4L8 5v2H4c-1.1 0-2 .9-2 2v5c0 .75.4 1.38 1 1.73V19c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2v-3.28c.59-.35 1-.99 1-1.72V9c0-1.1-.9-2-2-2zM10 5h4v2h-4V5zM4 9h16v5h-5v-3H9v3H4V9zm9 6h-2v-2h2v2zm6 4H5v-3h4v1h6v-1h4v3z"%2F%3E%3C%2Fsvg%3E')}
.customer_info_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M12 7V5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2h-8zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm9 12h-7v-2h2v-2h-2v-2h2v-2h-2V9h7c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1zm-1-8h-2v2h2v-2zm0 4h-2v2h2v-2z"%2F%3E%3C%2Fsvg%3E')}
.pm_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M20.84 4.22c-.05-.12-.11-.23-.18-.34c-.14-.21-.33-.4-.54-.54c-.11-.07-.22-.13-.34-.18c-.24-.1-.5-.16-.78-.16h-1V1h-2v2H8V1H6v2H5c-.42 0-.8.13-1.12.34c-.21.14-.4.33-.54.54c-.07.11-.13.22-.18.34c-.1.24-.16.5-.16.78v14a2 2 0 0 0 2 2h14c.28 0 .54-.06.78-.16c.12-.05.23-.11.34-.18c.21-.14.4-.33.54-.54c.21-.32.34-.71.34-1.12V5c0-.28-.06-.54-.16-.78zM5 19V5h14v14H5zm7-6.12c-2.03 0-6 1.08-6 3.58V18h12v-1.53c0-2.51-3.97-3.59-6-3.59zM8.31 16c.69-.56 2.38-1.12 3.69-1.12s3.01.56 3.69 1.12H8.31zM12 12c1.65 0 3-1.35 3-3s-1.35-3-3-3s-3 1.35-3 3s1.35 3 3 3zm0-4c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1z"%2F%3E%3C%2Fsvg%3E')}
.area_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"%3E%3Cpath fill="%23a5a5a5" d="M25 20h-2V9H12V7h11a2 2 0 0 1 2 2Z"%2F%3E%3Cpath fill="%23a5a5a5" d="M9 23V2H7v5H2v2h5v14a2 2 0 0 0 2 2h14v5h2v-5h5v-2Z"%2F%3E%3C%2Fsvg%3E')}
.member_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M9 13.75c-2.34 0-7 1.17-7 3.5V19h14v-1.75c0-2.33-4.66-3.5-7-3.5zM4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25H4.34zM9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5S5.5 6.57 5.5 8.5S7.07 12 9 12zm0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7zm7.04 6.81c1.16.84 1.96 1.96 1.96 3.44V19h4v-1.75c0-2.02-3.5-3.17-5.96-3.44zM15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35c.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35z"%2F%3E%3C%2Fsvg%3E')}
.my_role_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3h7zM7 9H4V5h3v4zm10 6h3v4h-3v-4zm0-10h3v4h-3V5z"%2F%3E%3C%2Fsvg%3E')}
.input_rate_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M12.5 10c0-1.65-1.35-3-3-3s-3 1.35-3 3s1.35 3 3 3s3-1.35 3-3zm-3 1c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1zm6.5 2c1.11 0 2-.89 2-2c0-1.11-.89-2-2-2c-1.11 0-2.01.89-2 2c0 1.11.89 2 2 2zM11.99 2.01c-5.52 0-10 4.48-10 10s4.48 10 10 10s10-4.48 10-10s-4.48-10-10-10zM5.84 17.12c.68-.54 2.27-1.11 3.66-1.11c.07 0 .15.01.23.01c.24-.64.67-1.29 1.3-1.86A9.05 9.05 0 0 0 9.5 14c-1.3 0-3.39.45-4.73 1.43c-.5-1.04-.78-2.2-.78-3.43c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.2-.27 2.34-.75 3.37c-1-.59-2.36-.87-3.24-.87c-1.52 0-4.5.81-4.5 2.7v2.78a7.935 7.935 0 0 1-5.66-2.86z"%2F%3E%3C%2Fsvg%3E')}
.class_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M8.275 11q-.575 0-.875-.512q-.3-.513.025-1.013L11.15 3.4q.3-.475.85-.475t.85.475l3.725 6.075q.325.5.025 1.013q-.3.512-.875.512ZM17.5 22q-1.875 0-3.188-1.312Q13 19.375 13 17.5q0-1.875 1.312-3.188Q15.625 13 17.5 13q1.875 0 3.188 1.312Q22 15.625 22 17.5q0 1.875-1.312 3.188Q19.375 22 17.5 22ZM4 21.5q-.425 0-.712-.288Q3 20.925 3 20.5v-6q0-.425.288-.713q.287-.287.712-.287h6q.425 0 .713.287q.287.288.287.713v6q0 .425-.287.712q-.288.288-.713.288ZM17.5 20q1.05 0 1.775-.725Q20 18.55 20 17.5q0-1.05-.725-1.775Q18.55 15 17.5 15q-1.05 0-1.775.725Q15 16.45 15 17.5q0 1.05.725 1.775Q16.45 20 17.5 20ZM5 19.5h4v-4H5ZM10.05 9h3.9L12 5.85ZM12 9Zm-3 6.5Zm8.5 2Z"%2F%3E%3C%2Fsvg%3E')}
.add_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zM7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9z"%2F%3E%3Ccircle cx="12" cy="9" r="2.5" fill="%23a5a5a5"%2F%3E%3C%2Fsvg%3E')}
.correction_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="m15 16l-4 4h10v-4zm-2.94-8.81L3 16.25V20h3.75l9.06-9.06l-3.75-3.75zM5.92 18H5v-.92l7.06-7.06l.92.92L5.92 18zm12.79-9.96a.996.996 0 0 0 0-1.41l-2.34-2.34a1.001 1.001 0 0 0-1.41 0l-1.83 1.83l3.75 3.75l1.83-1.83z"%2F%3E%3C%2Fsvg%3E')}
.attachments_ico:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"%2F%3E%3C%2Fsvg%3E')}
/*list*/
/*detail*/
.project_detail .manager_info>dd>div{display:flex;align-items:center}
.project_detail .manager_info>dd>div>span{display:inline-block;position:relative;padding-right:12.5px;margin-right:12.5px}
.project_detail .manager_info>dd>div>span:before{content:'';position:absolute;top:50%;right:-0.5px;width:1px;height:14px;background-color:#cccccc;transform:translateY(-50%)}
.project_detail .manager_info>dd>div>span:last-child{padding-right:0;margin-right:0}
.project_detail .manager_info>dd>div>span:last-child:before{display:none}
.project_detail dl>dd .tbl_list td{background-color:#f7fbfa}
.project_detail .area_ico dd{margin:2px 0}
.project_detail .customer_info_ico .btn{padding-bottom:2px}
.project_detail .manager_info .btn{padding-top:2px}
#customerDetail .info_area>li>span{min-width:110px}
/*공지사항*/
/*list*/
.notice_list .tbl_list{filter:drop-shadow(-8px -8px 15px rgba(0, 0, 0, 0.03)) drop-shadow(8px 8px 15px rgba(0, 0, 0, 0.03))}
.notice_list .tbl_list tbody tr:nth-child(odd) td{background-color:#f7f8fa}
.notice_list .tbl_list tbody tr>td a{overflow:hidden;display:inline-block;max-width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}
.notice_list .tbl_list tbody tr.notice_txt>td a{color:#4171d9;font-weight:700}
.notice_list .tbl_list tbody tr.notice_txt>td.notice{position:relative}
.notice_list .tbl_list tbody tr.notice_txt>td.notice:before{content:'';position:absolute;left:50%;top:50%;width:24px;height:24px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%235f93fa" d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12zM11 5h2v6h-2zm0 8h2v2h-2z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;transform:translate(-50%, -50%) rotateY(180deg)}
.notice_list .tbl_list tbody tr>td>div.file:before{content:'';position:absolute;left:50%;top:50%;width:24px;height:24px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;transform:translate(-50%, -50%)}
/*detail*/
.comment_area .comment_enter{display:flex;margin-top:40px}
.comment_area .comment_enter .input{width:calc(100% - 112.25px);margin-right:12px}
.comment_area .comment_enter .textarea{width:calc(100% - 112.25px);margin-right:12px}
.comment_area .comment_enter .textarea.active{box-shadow:10px 10px 20px rgb(0 0 0 / 5%)}
.comment_area .comment_enter .textarea textarea{height:48px;border:none;border-radius:12px;padding:12px 16px;line-height:1.5}
.comment_area .comment_enter .textarea.active textarea{height:150px}
.comment_box_area .comment_count{display:flex;align-items:center;padding:40px 0 19px;font-size:18px;line-height:1;border-bottom:1px solid #eaeaea}
.comment_box_area .comment_count:before{content:'';display:inline-block;width:24px;height:24px;margin-right:8px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M15 4v7H5.17l-.59.59l-.58.58V4h11m1-2H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm5 4h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.comment_box_area .box{display:flex;align-items:flex-start;padding:32px 0 27px;border-bottom:1px solid #eaeaea}
.comment_box_area .box:nth-of-type(2){padding-top:28px}
.comment_box_area .box .profile{width:52px;height:52px;margin-right:16px;border-radius:50%;background-size:52px;background-repeat:no-repeat;background-position:50% 50%}
.comment_box_area .box .txt_area{width:calc(100% - 68px)}
.comment_box_area .box .name{display:flex;align-items:center;margin-bottom:12px;line-height:1;font-weight:700}
.comment_box_area .box .name>span{font-size:12px;font-weight:400;color:#767676;margin-top:2px;margin-left:10px}
.comment_box_area .comment{position:relative;width:100%}
.comment_box_area .comment .txt{word-break:break-all;padding-right:40px;font-size:14px}
.comment_box_area .comment>a{position:absolute;right:0;top:0;width:24px;height:24px;margin-left:8px;background-size:24px;background-repeat:no-repeat;background-position:50% 50%}
.comment_box_area .comment>a.del{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4z"%2F%3E%3C%2Fsvg%3E')}

/*notice*/
/*detail*/
.download a:before{content:'';display:inline-block;width:24px;height:24px;margin-right:8px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23497ef2" d="M6 20q-.825 0-1.412-.587Q4 18.825 4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413Q18.825 20 18 20Zm6-4l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11Z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.download a{display:flex;align-items:center;margin-bottom:5px}
.download a:last-child{margin-bottom:0}
.download a>span{overflow:hidden;display:-webkit-box;max-width:calc(100% - 32px);vertical-align:middle;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}

/*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}

.address_form{display:flex;flex-wrap:wrap}
.address_form > div{width:100%}
.address_form > div + div{margin-top:8px}
.address_form > div .input{width:100%}
.address_form > .post{display:flex;flex-wrap:wrap;margin-top:-8px}
.address_form > .post .input{width:120px;margin-right:5px}
.tbl_write .td_row{display:flex;flex-wrap:wrap;margin-top:-8px}
.tbl_write .td_row > *{margin:8px 20px 0 0}
.tbl_write .td_row > *:last-child{margin-right:0}
.tbl_write tbody td .input:not(.email_inp){display:inline-flex}
.tbl_write tbody td input:not([readonly],[disabled]){background-color:#f7f8fa !important}
.outsourcing_box .tbl_responsive.scroll-scrollx_visible{padding-bottom:30px}
.outsourcing_box  .scroll-wrapper > .scroll-element.scroll-x{bottom:0 !important;left:0;max-width:100%;border-radius:20px}
.outsourcing_box  .charger_div + .charger_div{margin-top:8px}
.outsourcing_box .sec + .sec{margin-top:40px}
.outsourcing_box  .sec_sub_tit{display:block;position:relative;margin-bottom:15px;font-size:18px;font-weight:500;line-height:1}
.outsourcing_box  .write_area{padding:20px 40px 40px;border-radius:12px;background-color:#fff}
.outsourcing_box  .tbl_write th{position:relative;height:72px;padding-left:8px;text-align:left;color:#333;background-color:#fff;border-right:0}
.outsourcing_box  .tbl_write th:before{content:'';position:absolute;left:0;top:50%;width:4px;height:4px;background-color:#333;border-radius:50%;transform:translateY(-50%)}
.outsourcing_box  .tbl_write th, .outsourcing_box  .tbl_write td{border-color:#eaeaea}
.outsourcing_box  .tbl_write td{padding:20px 12px 19px}
.outsourcing_box  .tbl_write tr:last-child *{border-bottom:0}
.outsourcing_box .nice-select{width:160px}
.outsourcing_box .tbl_write .nice-select:not(.disabled) .current, .outsourcing_box .tbl_write .nice-select:not(.disabled) .current + .list{background-color:#f7f8fa !important}
.outsourcing_box .tbl_write .nice-select.disabled .current, .outsourcing_box .tbl_write .nice-select.disabled .current + .list{color:#a5a5a5 !important;background-color:#eaeaea !important}

.btn.del_btn{border:none}
.btn.del_btn:before{content:'';display:block;width:24px;height:24px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23ed1b23" d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8z"%2F%3E%3C%2Fsvg%3E') no-repeat 0 50% !important}
.my_project_box{position:relative}
.my_project_box .btn_link{position:absolute;right:0;top:0}

.my_project_box .tbl_list .link_td{position:relative;padding-right:52px}
.my_project_box .tbl_list .link_td .btn_xs{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.my_project_box .tbl_list .link_td .btn_xs:before{content:'';display:block;width:16px;height:16px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23ed1b23" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 6l6 6l-6 6"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.my_project_box .tbl_list .link_td .eps1{display:block}

.star_score{display:flex;justify-content:space-between;line-height:1}
.star_score .star{display:inline-block;width:20px;height:20px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23959595" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;background-size:contain}
.star_score .star.hover{opacity:.5;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23ed1b23" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"%2F%3E%3C%2Fsvg%3E')}
.star_score .star.on{opacity:1;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23ed1b23" stroke="%23ed1b23" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"%2F%3E%3C%2Fsvg%3E')}
.tbl_list thead th.bdr{position:relative}
.tbl_list thead th.bdr:after{content:'';display:block;position:absolute;top:0;right:-1px;width:1px;height:100%;background-color:#5185f5}
.tbl_list thead th.bdb{position:relative}
.tbl_list thead th.bdb:after{content:'';display:block;position:absolute;left:0;bottom:0px;width:100%;height:1px;background-color:#5185f5}
.project_list_box .tbl_list thead th.bdr:after{background-color:#fff}