@charset "UTF-8";
/*basic-layout*/
.ad-content{min-width:1800px;width:100%;padding-left:102px;box-sizing:border-box;transition:padding-left 0.4s;}
.ad-content.off{padding-left:102px;}
.view-content{width:100%;min-width:760px;min-height:600px;min-height:calc(100% - 165px);display:flex;flex-direction:column;}
.view-content.center{justify-content:center;}
.view-inner{max-width:1260px;width:100%;margin:auto;padding:30px;box-sizing:border-box;}
.view-inner.sty2{max-width:100%;padding:30px 15px;}

/*navi*/
.ad-left-menu{padding:20px 0 20px 20px;height:100%;position:fixed;left:0;top:0;z-index:10;box-sizing:border-box;}
.ad-left-in{position:relative;width:260px;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;flex-direction:column;background-color:#F9F9F9;border-radius:20px;border:1px solid #EFEFEF;transition:all 0.3s;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.ad-left-in.off{width:80px;}
.ad-left-in.off .ad-navi .ad-logo a{width:50px;height:50px;background:url(/dpc/assets/images/ic-logo-on.svg)no-repeat;}
.ad-left-in.off .ad-navi .ad-menu-list > li .title span{visibility:hidden;}
.ad-left-in.off .ad-user-info{flex-direction:column;}
.ad-left-in.off .ad-user-info .user-info{display:none;}
.ad-left-in.off .ad-user-info .ad-logout{margin:10px 0 0 0}
.ad-left-in.off .ad-close{background:#fff url(/dpc/assets/images/ic-nav-on.svg)no-repeat center center;}
.ad-navi{padding-bottom:60px;}
.ad-navi .ad-logo{text-align:center;padding:50px 0;line-height:0;}
.ad-navi .ad-logo a{display:inline-block;width:144px;height:50px;background:url(/dpc/assets/images/ic-logo.svg)center center no-repeat;}
.ad-navi .ad-logo a img{width:100%;}
.ad-navi .ad-menu-list{padding:0 10px;}
.ad-navi .ad-menu-list > li{margin-bottom:10px;}
.ad-navi .ad-menu-list > li > .title{position:relative;overflow:hidden;display:block;line-height:48px;padding-left:59px;box-sizing:border-box;border-radius:10px;background-repeat:no-repeat;background-position:20px center;transition:background-color 0.3s;font-size:15px;font-weight:400;color:#999;white-space:nowrap;}
.ad-navi .ad-menu-list > li:not(:first-child):hover > .title, .ad-navi .ad-menu-list > li:not(:first-child).active > .title{background-color:#00A4FF;color:#fff;}
.ad-navi .ad-menu-list > li.menu01{margin-bottom:30px;}
.ad-navi .ad-menu-list > li.menu01 > .title{background-image:url(/dpc/assets/images/nav_menu01.svg);border:1px solid #00a4ff;color:#00a4ff;}
.ad-navi .ad-menu-list > li.menu02 > .title{background-image:url(/dpc/assets/images/nav_menu02.svg);}
.ad-navi .ad-menu-list > li.menu03 > .title{background-image:url(/dpc/assets/images/nav_menu03.svg);}
.ad-navi .ad-menu-list > li.menu04 > .title{background-image:url(/dpc/assets/images/nav_menu04.svg);}
.ad-navi .ad-menu-list > li.menu05 > .title{background-image:url(/dpc/assets/images/nav_menu05.svg);}
.ad-navi .ad-menu-list > li.menu06 > .title{background-image:url(/dpc/assets/images/nav_menu06.svg);}
.ad-navi .ad-menu-list > li.menu07 > .title{background-image:url(/dpc/assets/images/nav_menu07.svg);}
.ad-navi .ad-menu-list > li.menu08 > .title{background-image:url(/dpc/assets/images/nav_menu08.svg);}
.ad-navi .ad-menu-list > li.menu09 > .title{background-image:url(/dpc/assets/images/nav_menu09.svg);}
.ad-navi .ad-menu-list > li.menu02:hover > .title, .ad-navi .ad-menu-list > li.active.menu02 > .title{background-image:url(/dpc/assets/images/nav_menu02_on.svg);}
.ad-navi .ad-menu-list > li.menu03:hover > .title, .ad-navi .ad-menu-list > li.active.menu03 > .title{background-image:url(/dpc/assets/images/nav_menu03_on.svg);}
.ad-navi .ad-menu-list > li.menu04:hover > .title, .ad-navi .ad-menu-list > li.active.menu04 > .title{background-image:url(/dpc/assets/images/nav_menu04_on.svg);}
.ad-navi .ad-menu-list > li.menu05:hover > .title, .ad-navi .ad-menu-list > li.active.menu05 > .title{background-image:url(/dpc/assets/images/nav_menu05_on.svg);}
.ad-navi .ad-menu-list > li.menu06:hover > .title, .ad-navi .ad-menu-list > li.active.menu06 > .title{background-image:url(/dpc/assets/images/nav_menu06_on.svg);}
.ad-navi .ad-menu-list > li.menu07:hover > .title, .ad-navi .ad-menu-list > li.active.menu07 > .title{background-image:url(/dpc/assets/images/nav_menu07_on.svg);}
.ad-navi .ad-menu-list > li.menu08:hover > .title, .ad-navi .ad-menu-list > li.active.menu08 > .title{background-image:url(/dpc/assets/images/nav_menu08_on.svg);}
.ad-navi .ad-menu-list > li.menu09:hover > .title, .ad-navi .ad-menu-list > li.active.menu09 > .title{background-image:url(/dpc/assets/images/nav_menu09_on.svg);}
.ad-user-box{padding:0 20px;margin-top:auto;}
.ad-user-box > div{padding:20px 0;}
.ad-user-box .ad-user-info{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;}
.ad-user-box .user-photo{display:inline-block;width:44px;height:44px;background:url(/dpc/assets/images/ic-photo.svg)no-repeat;}
.ad-user-box .user-photo img{object-fit:cover;width:100%;height:100%;border-radius:10px;}
.ad-user-box .user-info{display:block;width:calc(100% - 100px);font-size:15px;color:#00A4FF;font-weight:700;margin-left:15px;}
.ad-user-box .ad-logout{width:44px;height:44px;border-radius:10px;background:url(/dpc/assets/images/ic-logout.svg)center center no-repeat;margin-left:auto;transition:all 0.3s;}
.ad-user-box .ad-logout:hover{background-color:#E9E9E9;}
.ad-close{position:absolute;top:30px;right:-15px;width:30px;height:30px;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,0.1);background:#fff url(/dpc/assets/images/ic-nav-off.svg)no-repeat center center;transition:all 0.2s;border:1px solid #fff;}
.ad-close:hover{border-color:#00A4FF;}

/* 콘텐츠 상단 title */
.pgc-top-group{height:90px;position:relative;background-color:#FCFCFC;padding:20px 50px 0 40px;box-sizing:border-box;}
.pgc-top-group h2{font-weight:500;}
.pgc-top-group .sm-num{font-size:16px;display:inline-block;margin-left:10px;}
.pgc-top-group .pgc-top-tab li a{position:relative;display:block;line-height:54px;padding:0 20px;font-size:18px;color:#999;}
.pgc-top-group .pgc-top-tab li.active a{color:#333;font-weight:700;}
.pgc-top-group .pgc-top-tab li.active a:after{content:'';position:absolute;left:50%;margin-left:-1.5px;bottom:5px;width:3px;height:3px;border-radius:100%;background-color:#00A4FF;}
.pgc-top-group .address-link{font-size:18px;}
.pgc-top-group .address-link:hover{text-decoration:underline;}

.pgc-btn-group{position:relative;}
.pgc-btn-group .btn + .btn{margin-left:10px;}
.pgc-btn-group .center{position:absolute;top:0;left:50%;transform:translateX(-50%);}
.pgc-btn-group .center:hover .tooltip{display:block;}
.tooltip{position:absolute;white-space:nowrap;top:-32px;left:50%;transform:translateX(-50%);background-color:#777;font-size:12px;color:#fff;padding:5px 15px;border-radius:15px;display:none;}
.tooltip:after{content:'';position:absolute;bottom:-4px;width:8px;height:8px;background-color:#777;transform:rotate(45deg);left:50%;margin-left:-4px;}

/*table*/
.pgc-table-cont{position:relative;}
.pgc-table-cont .pgc-btn-group{position:absolute;bottom:-8px;left:0;width:100%;}
.pgc-table-finder{padding-right:170px;margin-bottom:20px;align-items:flex-end;}
.pgc-table-finder .left{display:flex;}
.pgc-table-finder .left .total{font-size:18px;line-height:50px;color:#999;}
.pgc-table-finder .left .txt{font-size:16px;line-height:50px;color:#333;}
.pgc-table-finder .input-wrap{display:flex;align-items:flex-end;}
.pgc-table-finder .right{margin-left:auto;display:flex;}
.pgc-table-finder.sty2{padding-right:0;}
.pgc-table.dataTable{width:100% !important;border-radius:10px;}
.pgc-table.dataTable th, .pgc-table.dataTable td{box-sizing:border-box;word-break:break-all;}
.pgc-table.dataTable thead th{border-bottom:0 !important;font-size:13px;position:relative;height:50px;color:#666;padding:0 10px;font-weight:500;}
.pgc-table.dataTable thead th .sub-info{display:block;font-size:12px;}
.pgc-table.dataTable thead th .check-box{height:24px;margin-top:10px;}
.pgc-table.dataTable thead th .sm-txt{font-size:12px;font-weight:500;}
.pgc-table.dataTable thead .br-w th{border:1px solid #fff;}
.pgc-table.dataTable tbody tr:hover{background-color:rgba(0,164,255,0.06);}
.pgc-table.dataTable tbody tr.disabled{background-color:#F9F9F9;opacity:0.8;}
.pgc-table.dataTable tbody td{padding:14px 10px;font-size:13px;border-bottom:1px solid #efefef;color:#000;}
.pgc-table.dataTable tbody td .btn{margin:0 5px;}
.pgc-table.dataTable tbody td .email{text-decoration:underline;color:#00A4FF;}
.pgc-table.dataTable tbody td .sm-txt{display:block;font-size:12px;color:#999;margin-bottom:10px;}
.pgc-table.dataTable tbody td .date{display:block;}
.pgc-table.dataTable tbody td .state-line{display:flex;align-items:center;justify-content:center;}
.pgc-table.dataTable tbody td .state-line .state{font-size:15px;font-weight:900;color:#fff;height:29px;line-height:29px;padding:0 10px;border-radius:50px;background-color:#999;}
.pgc-table.dataTable tbody td .state-line .state.on{background-color:#00A4FF;}
.pgc-table.dataTable tbody td .state-line .txt{display:inline-block;margin:0 15px;}
.pgc-table.dataTable tbody td .chk-txt{font-size:12px;display:block;padding-top:40px;text-align:center;}
.pgc-table.dataTable tbody td .link{display:block;line-height:1.6;}
.pgc-table.dataTable tbody td .link:hover{text-decoration:underline;}
.pgc-table.dataTable tbody td .link.sty2{display:block;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;height:40px;overflow:hidden;}
.pgc-table.dataTable tbody td .link.sty3{position:relative;color:#00A4FF;border-bottom:1px solid #00A4FF;display:inline-block;}
.pgc-table.dataTable tbody td .link.sty3:after{content:'';position:absolute;top:2px;right:-25px;background:url(/dpc/assets/images/ic-link.svg)no-repeat;width:18px;height:18px;background-size:18px auto;}
.pgc-table.dataTable tbody td .link.sty3:hover{text-decoration:none;}
.pgc-table.dataTable tbody td .link span{background-color:#FFE2AC;}
.pgc-table.dataTable tbody td.select-checkbox:before, .pgc-table.dataTable tbody th.select-checkbox:before{width:24px;height:24px;border:1px solid #ddd;top:50%;left:50%;margin-top:-12px;margin-left:-12px;background-color:#fff;border-radius:100%;}
.pgc-table.dataTable tr.selected td.select-checkbox:after, .pgc-table.dataTable tr.selected th.select-checkbox:after{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-check-on.svg);content:'';top:50%;left:50%;margin-top:-12px;margin-left:-12px;}
.pgc-table.dataTable tbody>tr.selected, .pgc-table.dataTable tbody>tr>.selected{background-color:rgba(0,164,255,0.06);}
.pgc-table.dataTable tbody td.select-checkbox.v-2:before, .pgc-table.dataTable tbody td.select-checkbox.v-2:after{margin-top:-20px;}
.pgc-table.dataTable thead .sorting{background-image:url(/dpc/assets/images/ic-sort-bth.svg);background-repeat:no-repeat;background-position:right -3px center;}
.pgc-table.dataTable thead .sorting_asc{background-image:url(/dpc/assets/images/ic-sort-up.svg) !important;background-repeat:no-repeat;}
.pgc-table.dataTable thead .sorting_desc{background-image:url(/dpc/assets/images/ic-sort-down.svg) !important;background-repeat:no-repeat;}
.pgc-table-cont .dataTables_scrollHead{overflow:visible !important;}
.pgc-table-cont .dataTables_scrollBody{border-bottom:0 !important;height:auto !important;}
.pgc-table-cont .dataTables_scrollHeadInner{background-color:#F5F5F5;width:auto !important;border-radius:10px 10px 0 0;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate{display:flex;align-items:center;justify-content:center;float:none;text-align:center;margin-top:30px;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button{color:#999 !important;font-size:15px;padding:0;width:30px;height:30px;line-height:30px;border:0;margin:0;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button:focus{outline:none;box-shadow:none;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:#00A4FF !important;border:0;background:transparent;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:transparent;border:0;color:#00A4FF !important;font-weight:700;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#00A4FF !important;border:0;background:transparent;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.next
{position:relative;font-size:0;text-indent:-999px;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.previous{margin-right:10px;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,0.1);background-color:#fff;border:1px solid #fff;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.next{margin-left:10px;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,0.1);background-color:#fff;border:1px solid #fff;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before{content:'';position:absolute;right:9px;top:50%;margin-top:-4.5px;border:solid #969696;border-width: 0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(135deg);}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{content:'';position:absolute;left:10px;top:50%;margin-top:-4.5px;border:solid #969696;border-width: 0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg);}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{border-color:#DEDEDE !important;background-color:transparent !important;box-shadow:none !important;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:before{border-color:#D9D9D9 !important;}
.pgc-table-cont .dataTables_wrapper .dataTables_filter{margin-bottom:20px;}
.pgc-table-cont .dataTables_wrapper .dataTables_filter input{background:#fff url(/dpc/assets/images/ic-search.svg)no-repeat right 10px center;border:0;border-radius:10px;width:340px;height:46px;padding:14px 60px 14px 20px;box-sizing:border-box;font-size:15px;}
.pgc-table-cont .dataTables_wrapper .dataTables_length{position:absolute;right:0;top:-70px;}
.pgc-table .state{display:inline-block;width:36px;height:36px;border-radius:10px;text-align:center;line-height:36px;font-size:15px;font-weight:700;}
.pgc-table .state.tp01{background-color:#00A4FF;color:#fff;}
.pgc-table .state.tp02{background-color:#FF5F5F;color:#fff;}
.pgc-table .badge{display:inline-block;width:40px;line-height:24px;font-size:12px;font-weight:400;border-radius:12px;border:1px solid #999;color:#999;text-align:center;margin-right:10px;}
.pgc-table .badge.on{color:#659BFF;border-color:#659BFF;}
.pgc-table .use-box{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;border-radius:10px;font-weight:700;}
.pgc-table .use-box.point{background-color:#00A4FF;color:#fff;}
.pgc-table .access{display:inline-block;width:14px;height:14px;border-radius:100%;vertical-align:middle;}
.pgc-table .access.on{background-color:#00A4FF;}
.pgc-table .access.off{background-color:#FF593E;}
.pgc-table-cont.sty2 .dataTables_wrapper .dataTables_paginate{margin-top:100px;}
.pgc-table-cont.sty2 .pgc-btn-group{bottom:60px;}

.logo-line{display:flex;justify-content:center;}
.logo-line span{width:90px;height:40px;background-color:#F9F9F9;border-radius:10px;margin:0 5px;display:flex;}
.logo-line span img{width:80%;object-fit:cover;margin:auto;}

/*form*/
.pgc-form-cont{padding:20px 0;}
.pgc-form-area{padding:0 40px 40px;}
.pgc-form-item{padding:25px 0;}
.pgc-form-submit{position:relative;margin-top:40px;text-align:center;font-size:0;}
.pgc-form-submit .btn + .btn{margin-left:20px;}
.pgc-form-submit .abs{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.pgc-form-submit.br-group{border-top:1px solid #EFEFEF;padding-top:50px;}
.bw-txt{display:inline-block;padding:0 10px;line-height:50px;}
.form-mix-group > div + div{margin-left:20px;}
.form-mix-group .radio-wrap .radio-block{margin-right:10px;margin-left:0;}
.form-mix-group .line{margin-left: 0;margin-bottom:20px;}
.form-mix-group .line .add-item{margin-top:10px;}
.form-mix-group .line .add-item .btn{position:absolute;right:10px;top:50%;margin-top:-19px;z-index:2;}
.form-mix-group .half-line > div {flex-grow: 1;}
.form-mix-group .half-line > div + div{margin-left:10px;}
.form-mix-group .pgc-btn{font-size:0;}
.form-mix-group .pgc-btn .btn + .btn{margin-left:20px;}
.form-mix-group .date-group > div + div{margin-left:20px;}
.pgc-pop-group{position:relative;}
.pgc-txt-box{position:relative;padding:15px 20px;min-height:50px;font-size:16px;border:1px solid #dfdfdf;background-color:#fff;border-radius:10px;box-sizing:border-box;}

/*로그인*/
.pgc-member .pgc-member-box{width:620px;margin:auto;background-color:#fff;padding:60px 30px 40px;border-radius:20px;border:1px solid #E9E9E9;box-sizing:border-box;position:relative;}
.pgc-member .pgc-member-logo{text-align:center;margin-bottom:50px;}
.pgc-member .pgc-member-logo img{width:340px;}
.pgc-member .pgc-member-box .pgc-label{font-size:24px;font-weight:400;line-height:36px;}
.pgc-member .pgc-member-box .pgc-sub-label{font-size:14px;color:#999;margin-top:25px;}
.pgc-member .pgc-member-box .input-block + .input-block{margin-top:20px;}
.pgc-member .pgc-member-box .input-block input{padding-left:56px;}
.pgc-member .pgc-member-box .input-block .id input{background:url(/dpc/assets/images/ic-id.svg) 10px center no-repeat;}
.pgc-member .pgc-member-box .input-block .password input{background:url(/dpc/assets/images/ic-password.svg) 10px center no-repeat;}

.pgc-tab-cont{padding:0 30px 70px;}
.pgc-tab-group{display:flex;padding:0 20px;}
.pgc-tab-group li + li {margin-left:10px;}
.pgc-tab-group li a{display:block;padding:0 20px;line-height:44px;border-radius:10px 10px 0 0;font-size:14px;color:#999;font-weight:500;}
.pgc-tab-group li.active a{background-color:#FAFAFA;color:#000;font-weight:700;}
.pgc-tab-box{background-color:#FAFAFA;border-radius:10px;padding:20px;}
.pgc-tab-box .pgc-form-cont{border-bottom:0;padding:0;}
.pgc-tab-box .pgc-form-item:first-child{padding-top:0;}
.pgc-border-box{border:1px solid #DFDFDF;border-radius:10px;padding:15px;}
.pgc-border-box ul{display:flex;flex-wrap:wrap;}
.pgc-border-box ul li{display:flex;margin:5px;align-items:center;height:40px;padding:0 10px 0 20px;border:1px solid #00A4FF;border-radius:20px;background-color:#fff;}
.pgc-border-box ul li span{font-size:14px;font-weight:700;color:#00A4FF;}
.pgc-border-box ul li:hover {background-color:rgba(95,104,255,0.03)}
.pgc-border-gr-box{border:1px solid #DFDFDF;background-color:#F9F9F9;border-radius:10px;padding:15px;}
.pgc-bg-box{background-color:#f9f9f9;padding:20px;border-radius:10px;}
.pgc-bg-box + .pgc-bg-box{margin-top:20px;}

.pgc-border-block .label{font-size:14px;color:#999;margin-bottom:15px;line-height:1;font-weight:500;}
.pgc-border-item{padding:12px 20px;height:50px;border:1px solid #dedede;border-radius:10px;box-sizing:border-box;}
.pgc-border-item .txt{font-size:14px;}

/* 테이블 */
.pgc-form-table{position:relative;}
.pgc-form-table table{width:100%;border-top:2px solid #000;border-bottom:1px solid #ddd;}
.pgc-form-table table thead tr th{height:50px;padding:15px 10px;font-size:15px;font-weight:500;color:#999;box-sizing:border-box;}
.pgc-form-table table thead tr th .select-block{margin-left:auto;}
.pgc-form-table table thead tr th .txt{width:calc(100% - 120px);}
.pgc-form-table table tbody tr td{padding:13px 10px;}
.pgc-form-table table tbody .num{font-size:15px;font-weight:700;color:#555;}
.pgc-form-table table input{font-size:14px;background:transparent;}
.pgc-form-table table select{font-size:14px;}
.pgc-form-table table .btn-select{position:relative;width:250px;text-align:left;border:1px solid #dfdfdf;display:inline-block;border-radius:10px;height:44px;padding:10px 20px;box-sizing:border-box;font-size:14px;font-weight:700;transition:border 0.3s;}
.pgc-form-table table .btn-select:after{content:'';position:absolute;top:11px;right:10px;width:24px;height:24px;background:url(/dpc/assets/images/ic-select.svg)no-repeat;transform:rotate(-90deg);}
.pgc-form-table table .btn-select:hover{border-color:#00A4FF;}
.pgc-form-table table .ic-word-close:hover{background-color:rgba(0,0,0,0.03);border-radius:10px;}
.pgc-form-table table tbody tr{border-top:1px solid #dfdfdf;}
.pgc-form-table table tbody .slide-info{background-color:#f9f9f9;border-top:0;}
.pgc-form-table table tbody .slide-info td{padding:30px;}
.pgc-form-table table tbody .slide-info-box .line + .line{margin-top:30px;}
.pgc-form-table .more{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);background:#fff;}

.pgc-setting-list{display:flex;flex-wrap:wrap;flex-grow:1;}
.pgc-setting-list li + li{margin-left: 40px;}
.pgc-setting-list li:nth-child(3n+1){margin-left:0;}
.pgc-setting-list li:nth-child(n+4){margin-top:20px;}
.pgc-setting-list li{display:flex;align-items:center;width:calc((100% - 80px)/3);height:50px;border:1px solid #dfdfdf;box-sizing:border-box;border-radius:10px;padding:0 20px;}
.pgc-setting-list li .label{font-size:14px;font-weight:500;color:#555;}
.pgc-setting-list li .label i{margin-left:10px;}
.pgc-setting-list li .switch{margin-left:auto;}

.file-upload-wrap{background:#f1f1f1;border-radius:10px;min-height:350px;display:flex;padding:20px 0;box-sizing:border-box;}
.file-upload-wrap .des-group{margin:auto;text-align:center;}
.file-upload-wrap .des-group .des{font-size:16px;color:#555;padding-top:100px;background:url(/dpc/assets/images/ic-upload.svg)no-repeat top center;}

/* 설문조사 관련*/
.survey-question-list{margin-top:30px;}
.survey-question-list > li{display:flex;align-items:center;position:relative;}
.survey-question-list > li + li{margin-top:20px;}
.survey-question-list > li .num{width:60px;text-align:center;}
.survey-question-list > li .input-block{flex-grow:1;}
.survey-question-list > li:before{content:'';position:absolute;left:0;top:0;width:12px;height:22px;background:url(/dpc/assets/images/ic-connection.svg)center center no-repeat;}
.survey-answer-list li{padding:20px 0;border-bottom:1px solid #ddd;}
.insufficient-box .form-label-group{position:relative;padding-left:20px;}
.insufficient-box .form-label-group:before{content:'';position:absolute;left:0;top:-15px;width:12px;height:22px;background:url(/dpc/assets/images/ic-connection.svg)center center no-repeat;}
.result-view-box{padding:30px 0;}
.result-view-box .pie-chart{width:126px;height:126px;margin-right:50px;}
.result-view-box + .result-view-box{border-top:1px solid #ddd;}
.result-view-box .result-list dt{font-size:15px;font-weight:500;margin-bottom:20px;line-height:24px;}
.result-view-box .result-list dd{font-size:13px;color:#555;}
.result-view-box .result-list dd + dd{margin-top:15px;}
.result-view-box .result-list.br-type dd{padding:20px;border:1px solid #eee;background-color:#f9f9f9;border-radius:16px;font-size:14px;}
.result-view-box .result-list.br-type dd + dd{margin-top:10px;}
.result-view-box .label-group li{font-size:13px;color:#555;padding:7px 0;position:relative;}
.result-view-box .label-group li:before{content:'';width:10px;height:10px;border-radius:100%;position:absolute;left:-20px;top:10px;}
.result-view-box .label-group li.case1:before{background-color:#FF5F5F;}
.result-view-box .label-group li.case2:before{background-color:#FFC14E;}
.result-view-box .label-group li.case3:before{background-color:#00A4FF;}
.result-view-box .label-group li.case4:before{background-color:#eee;}
.survey-summary-box{border:2px solid #00A4FF;border-radius:16px;padding:18px 20px;display:flex;}
.survey-summary-box dl{display:flex;width:50%;position:relative;}
.survey-summary-box dl + dl dt{padding-left:18px;border-left:1px solid #ddd;}
.survey-summary-box dl dt{font-size:15px;font-weight:500;color:#00A4FF;margin-right:50px;}
.flex-line{display:flex;}
.flex-line .grow{flex-grow:1;}

/* 팝업 기본 */
.pop-wrap .pgc-table-cont .dataTables_wrapper .dataTables_paginate{margin-top:20px;}
.pop-wrap .pgc-table.dataTable tbody td{padding:9px 10px;height:50px;}
.pop-wrap ::-webkit-scrollbar{width:5px;}
.pop-wrap ::-webkit-scrollbar-thumb{background-color:#DFDFDF;border-radius:10px;background-clip:padding-box;}
.pop-wrap ::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;}
.pop-wrap .pop-btn-group{display:flex;align-items:center;justify-content:center;position:relative;}
.pop-wrap .pop-btn-group .complete{margin:auto;}
.pop-wrap .pop-btn-group .refresh{position:absolute;right:0;bottom:3px;}
.pop-wrap .pop-btn-group .input-block, .pop-wrap .pop-btn-group .abs{position:absolute;right:0;bottom:0;}
.pop-wrap .w-box{border-radius:10px;background-color:#fff;box-shadow:0 3px 20px rgba(0,0,0,0.05);min-height:60px;padding:30px;box-sizing:border-box;}
.pop-btn-info{text-align:center;font-size:15px;color:#555;line-height:25px;}

/* SMS 전송 팝업 */
.pop-wrap .setting-switch{display:flex;background-color:#F9F9F9;border-radius:10px;padding:10px;width:100%;box-sizing:border-box;}
.pop-wrap .setting-switch li{width:calc((100% - 10px)/2);flex-grow:1;}
.pop-wrap .setting-switch li + li{margin-left:10px;}
.pop-wrap .setting-switch li a{display:block;line-height:50px;text-align:center;font-size:18px;font-weight:600;color:#999;border-radius:10px;}
.pop-wrap .setting-switch li:hover a{color:#00A4FF;}
.pop-wrap .setting-switch li.active a{background-color:#00A4FF;color:#fff;box-shadow:0 3px 10px rgba(95,104,255,0.3);}
.pop-wrap .sms-wrap .left-box{position:relative;width:372px;border-radius:31px;height:800px;margin-left:10px;background-color:#f9f9f9;margin-top:15px;}
.pop-wrap .sms-wrap .left-box .sms-inner{position:relative;width:100%;height:100%;border-radius:58px;z-index:2;overflow:hidden;}
.pop-wrap .sms-wrap .left-box .sms-inner .scroll{padding:15px;height:100%;overflow-y:auto;}
.pop-wrap .sms-wrap .left-box .sms-inner .form-mix-group{padding-bottom:50px;}
.pop-wrap .sms-wrap .left-box .scroll input, 
.pop-wrap .sms-wrap .left-box .scroll textarea, 
.pop-wrap .sms-wrap .left-box .scroll textarea::placeholder{font-size:13px;}
.pop-wrap .sms-wrap .left-box .scroll textarea{height:240px;}
.pop-wrap .sms-wrap .left-box .scroll input[type="tel"]{color:#00A4FF;}
.pop-wrap .sms-wrap .left-box:before{content:'';position:absolute;left:-26px;top:-30px;width:460px;height:860px;background:url('/dpc/assets/images/sms-back.png')left top no-repeat;z-index:1;}
.pop-wrap .sms-wrap .right-box{width:calc(100% - 420px);padding-left:30px;box-sizing:border-box;padding:30px 0 0;}

/* 메일 전송 팝업 */
.pop-wrap .sms-wrap .form-line-list li + li {margin-top:15px;}
.pop-wrap .sms-wrap .form-line .input-wrap{border:1px solid #dfdfdf;border-radius:10px;display:flex;align-items:center;padding:10px 20px;min-height:50px;box-sizing:border-box;}
.pop-wrap .sms-wrap .form-line .input-wrap .input-scroll{flex-wrap:wrap;}
.pop-wrap .sms-wrap .form-line .input-wrap .label{font-size:15px;color:#555;width:110px;}
.pop-wrap .sms-wrap .form-line .input-wrap .add-item{padding:0 0 0 15px;border:1px solid #cfcfcf;border-radius:18px;line-height:27px;font-size:14px;margin-left:15px;}
.pop-wrap .sms-wrap .form-line .input-wrap .add-item .ic-word-close{transition:all 0.3s;margin-left:5px;}
.pop-wrap .sms-wrap .form-line .input-wrap .add-item .ic-word-close:hover{background-color:rgba(0,0,0,0.05);border-radius:100%;}
.pop-wrap .sms-wrap .form-line .input-wrap .input-block .input-box input{border:0;font-size:14px;width:100%;box-sizing:content-box;padding:0 20px;height:32px;} 

/* 보안인증 등록 팝업 */
.pop-wrap .match-wrap .match-box{width:455px;}
.pop-wrap .match-wrap .match-box dt{font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.pop-wrap .match-wrap .match-box dt .ic-folder{width:30px;height:24px;background:url(/dpc/assets/images/ic-folder.svg)no-repeat;}
.pop-wrap .match-wrap .match-box dd{position:relative;width:100%;height:309px;background-color:#efefef;}
.pop-wrap .match-wrap .match-box dd img{width:100%;height:100%;object-fit:cover;}
.pop-wrap .match-wrap .match-box.identification dd:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:378px;height:245px;background:url(/dpc/assets/images/match-back.png)center center no-repeat;}

/* statistics report 팝업*/
.pop-wrap .report-wrap .report-title-group{display:flex;align-items:center;}
.pop-wrap .report-wrap .report-title-group h3{flex-shrink:0;}
.pop-wrap .report-wrap .report-title-group .btn-group{width:auto;margin-left:auto;}
.pop-wrap .report-wrap .report-title-group .logo-box{border:1px solid #ddd;border-radius:10px;width:180px;height:80px;display:flex;align-items:center;justify-content:center;margin-right:40px;}
.pop-wrap .report-wrap .report-title-group .logo-box img{height:30px;}
.pop-wrap .state-wrap{display:flex;flex-wrap:wrap;}
.pop-wrap .state-wrap .state-item{width:calc((100% - 40px) / 3);flex-grow:1;}
.pop-wrap .state-wrap .state-item:nth-child(3n + 1){margin-left:0;}
.pop-wrap .state-wrap .state-item:nth-child(n + 4){margin-top:20px;}
.pop-wrap .state-item{position:relative;display:flex;height:50px;align-items:center;border:1px solid #eee;border-radius:10px;padding:0 30px;box-sizing:border-box;}
.pop-wrap .state-item .title{font-size:18px;color:#555;}
.pop-wrap .state-item .result{margin-left:auto;font-size:18px;font-weight:700;}
.pop-wrap .state-item + .state-item{margin-left:20px;}
.pop-wrap .state-item.active:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #5F68FF;border-radius:10px;box-sizing:border-box;}
.pop-wrap .state-item.active .result{color:#5F68FF;}
.pop-wrap .w-box.sty2{height:60px;padding:0 30px;}
.pop-wrap .w-box.sty2 .state-item{height:60px;border:0;padding:0;}
.pop-wrap .w-box.sty2 .state-item .title{width:170px;}

/* 정답입력 팝업*/
.line-list .line{border-bottom:1px solid #EFEFEF;padding:20px 0;}
.line-list .line .num{margin-top:-4px;width:30px;}
.line-list .line .s-info-box{display:none;margin:0 15px;font-size:15px;}
.line-list .line .pgc-border-box{border-color:#efefef;padding:20px;}
.line-list .line .des-group .input-box{display:block;}
.line-list .line .des-group .textarea-box{display:none;}
.line-list .line .des-group .textarea-box.v-2{display:block;}
.line-list .line .des-group.on .textarea-box{display:block;}
.line-list .line .des-group.on .textarea-box.v-2{display:none;}

/* 시험 문제 설정 팝업 */
.sector{border-top:1px solid #dfdfdf;padding:40px 0;}
.sector:first-child{padding-top:0;border-top:0;}
.sector .line{position:relative;}
.sector .line + .line{margin-top:40px;}
.sector .line .spc-label .btn-box{position:absolute;right:-30px;top:-15px;}
.sector .line .btn-get{position:relative;border-radius:50px 0 0 50px;background-color:#f9f9f9;height:50px;padding:0 20px 0 50px;font-size:14px;color:#00A4FF;margin-left:20px;}
.sector .line .btn-get:before{content:'';position:absolute;left:10px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:100%;background:#fff url(/dpc/assets/images/ic-arrow-left.svg)center center no-repeat;box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.sector .line .btn-get:hover{background-color:#e9e9e9;}
.answer-select-btn{margin:0 -10px;}
.answer-select-btn .btn{width:43px;height:43px;border:1px solid #dfdfdf;border-radius:10px;margin:0 5px 10px;font-size:20px;font-weight:500;color:#969696;}
.answer-select-btn .btn:hover{color:#00A4FF;}
.answer-select-btn .btn.active{border-color:#00A4FF !important;background-color:#00A4FF !important;color:#fff;}
.answer-select-btn .btn.complete{border-color:#00A4FF !important;background-color:#fff !important;color: #00a4ff !important;}

/* 모듈팝업 */
.module-pop{position:absolute;right:0;top:60px;width:600px;background-color:#fff;z-index:1;box-shadow:0 0 40px rgba(0,0,0,0.15);border-radius:20px;display:none;}
.module-pop:before{content:'';position:absolute;width:24px;height:24px;background:#fff;top:-12px;right:210px;transform:rotate(-45deg);}
.module-pop .inner{padding:30px;}
.module-pop .inner .btn-box{position:relative;}
.module-pop .module-list li .module-item .module-label-group .module-label{max-width:230px;}
.noti-box{background-color:#00A4FF;height:40px;display:flex;border-radius:10px;margin-bottom:30px;}
.noti-box .txt{margin:auto;font-size:14px;color:#fff;}
.noti-box .txt i{margin-right:10px;}
.module-right{margin-left:50px;padding-top:130px;height:450px;position:relative;}
.module-right .mt-btn{position:absolute;bottom:0;right:0;}
.module-box{border-radius:10px;border:1px solid #EFEFEF;padding:30px;overflow-y:auto;height:388px;background-color:#fff;}
.module-box::-webkit-scrollbar{width:5px;}
.module-box::-webkit-scrollbar-thumb{background-color:#DFDFDF;border-radius:10px;background-clip:padding-box;}
.module-box::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;}
.module-box .input-btn{position:relative;display:block;}
.module-box .input-btn .btn-save{position:absolute;right:6px;top:5px;}
.module-box .input-btn input{padding-right:70px;}
.module-box .btn-save{padding:0 15px;height:34px;font-size:11px;border-radius:8px;background-color:#999;color:#fff;font-weight:500;z-index:2;}
.module-box .btn-save:hover{background-color:#666;}
.module-box .module-add{display:none;margin-bottom:20px;}
.module-list li .module-item{position:relative;padding:0 0 0 6px;display:flex;flex-direction:column;justify-content:center;}
.module-list li .module-item:before{content:'';position:absolute;left:0;top:-6px;width:12px;height:22px;background:url(/dpc/assets/images/ic-connection.svg)center center no-repeat;}
.module-list li .module-item .line{display:flex;min-height:30px;}
.module-list li .module-item .module-label-group{position:relative;display:inline-flex;padding-left:10px;}
.module-list li .module-item .module-label-group .module-label{position:relative;color:#666;font-size:13px;flex-shrink:0;cursor:pointer;max-width:425px;padding:6px 0;box-sizing:border-box;transition:color 0.3s;}
.module-list li .module-item .module-label-group .input-box{display:none;}
.module-list li .module-item .module-label-group .input-box input{height:30px;border-radius:6px;font-size:12px;padding:7px 12px;}
.module-list li .module-item .module-label-group .num{font-size:11px;line-height:30px;color:#00A4FF;margin-left:5px;}
.module-list li .module-item .module-label-group .hover-item{display:none;margin-left:15px;}
.module-list li .module-item .module-label-group .hover-item .btn + .btn{margin-left:7px;}
.module-list li .module-item .module-label-group:hover .hover-item{display:flex;}
.module-list li .module-item .module-label-group:hover .module-label{color:#000;}
.module-list li .module-item .module-label-group.on .input-box{display:block;}
.module-list li .module-item .module-label-group.on .module-label{display:none;}
.module-list li .module-item .ic-more{width:10px;height:30px;padding:10px;visibility:hidden;}
.module-list li .module-item .ic-more2,
.module-list li .module-item .ic-folder-blue,
.module-list li .module-item .ic-module-edit{height:30px;}
.module-list li .module-item .check-box{margin-top:6px;margin-left:10px;}
.module-list li .module-item.on > .line > .ic-more{background:url(/dpc/assets/images/ic-fold.svg)center center no-repeat;}
.module-list li .module-item.more .ic-more{visibility: visible;}
.module-list li .sub-menu{display:none;}
.module-list li .depth-2{padding-left: 16px;}
.module-list li .depth-2:before{left: 5px;}
.module-list li .depth-3{padding-left: 20px;}
.module-list li .depth-3:before{left: 5px;}
.module-list li .depth-4{padding-left: 20px;}
.module-list li .depth-4:before{left: 5px;}
.module-info-list dd{font-size:15px;color:#666;}
.module-info-list dd + dd{margin-top:15px;}
.module-info-list dd i{margin-right:5px;vertical-align:-3px;}

.pgc-pop-group .module-pop{right:auto;top:80px;left:0;}
.pgc-pop-group .module-pop:before{right:auto;left:80px;}
.module-pop .module-list li .module-item .check-box {display:none;}

.module-left-pop{position:absolute;top:0;right:0;width:900px;height:100%;background-color:#F9F9F9;transform:translateX(100%);transition:all 0.3s;z-index:5;}
.module-left-pop.open{transform:translateX(0);}
.module-left-pop.open .left-close{display:block;}
.module-left-pop .inner{padding:30px;}
.module-left-pop .select-test-box{display:flex;align-items:center;margin-top:20px;border-radius:10px;border:1px solid #efefef;padding:15px 20px;}
.module-left-pop .select-test-box .txt{font-size:14px;}
.module-left-pop .select-test-box .select-wrap .bw{margin:0 20px;}
.module-left-pop .select-test-box .select-wrap select{background-color:#fff;}
.module-left-pop .left-close{position:absolute;left:-15px;top:300px;width:30px;height:30px;border-radius:100%;background-color:#00A4FF;display:none;}
.module-left-pop .left-close:after{content:'';position:absolute;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:translate(-50%,-50%) rotate(45deg);margin-left:-2px;}

/* 동영상 재생 */
.video-view {position:relative;height:631px;background-color:#999;}
.video-view:hover .control-group{opacity:1;}
.video-view .control-group{Display:flex;justify-content:space-around;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:80px;opacity:0;transition:all 0.3s;}
.video-view .control-group .control{width:80px;height:80px;background-color:rgba(0,0,0,0.4);border-radius:100%;background-repeat:no-repeat;background-position:center center;transition:all 0.3s;}
.video-view .control-group .control:hover{background-color:rgba(0,0,0,0.6);}
.video-view .control-group .control.control-prev{background-image:url(/dpc/assets/images/ic-control-prev.svg);}
.video-view .control-group .control.control-next{background-image:url(/dpc/assets/images/ic-control-next.svg);}
.video-view .control-group .control.control-play{background-image:url(/dpc/assets/images/ic-control-play.svg);}
.video-view .control-group .control.control-pause{background-image:url(/dpc/assets/images/ic-control-pause.svg);}
.video-view .progress-group{position:absolute;width:100%;height:70px;display:flex;align-items:center;bottom:0;left:0;background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);padding:0 30px;box-sizing:border-box;}
.video-view .progress-group .progress-bar{position:relative;flex-grow:1;height:6px;background-color:rgba(0,0,0,0.3);}
.video-view .progress-group .progress-bar span{position:absolute;left:0;bottom:0;height:100%;background-color:#fff;}
.video-view .progress-group .time{width:72px;line-height:40px;background-color:rgba(0,0,0,0.4);border-radius:50px;text-align:center;color:#fff;font-size:15px;margin-left:30px;}
.video-bottom{height:109px;background-color:#fff;display:flex;justify-content:flex-end;align-items:center;padding:0 30px;}

/* 뷰모니터링 */
.view-setting-line{display:flex;justify-content:flex-end;padding:0 0;}
.view-setting-line .ic-sound{width:50px;height:50px;margin-right:20px;}
.view-setting-line .ic-mic-b{width:50px;height:50px;margin-right:20px;}
.view-setting-line .ic-zoom-in{width:50px;height:50px;margin-right:20px;}
.view-setting-line .ic-zoom-out{width:50px;height:50px;margin-right:20px;}
.view-item-list{text-align:center;}
.view-item-list > ul{display:flex;justify-content:center;flex-wrap:wrap;}
.view-item-list > ul > li{width:275px;margin:15px;display:inline-block;text-align:left;}
.view-item{background-color:#fff;border-radius:10px;padding:20px 10px 15px;box-shadow:0 10px 10px rgba(0,0,0,0.03);}
.view-item .num{font-size:15px;font-weight:700;display:block;margin-bottom:15px;}
.view-item .screen{height:180px;background-color:#ddd;border-radius:10px;position:relative;overflow:hidden;display:flex;justify-content:center;}
.view-item .btn-line{margin-top:10px;}
.view-item .btn-line .btn{margin-right:10px;}
.fix-btn-group{position:fixed;bottom:50px;}
.fix-btn-group.left{left:45px;}
.fix-btn-group.right{right:45px;}
.fix-btn-group > .btn{background-color:#00A4FF;background-repeat:no-repeat;background-position:center center;width:60px;height:60px;border-radius:15px;}
.fix-btn-group > .btn:hover{background-color:#0398EB !important;}

.link-item-list > ul{display:flex;justify-content:center;}
.link-item-list > ul > li{margin:0 25px;width:366px;}
.link-item-list > ul > li .view-item{padding:30px 0;text-align:center;}
.link-item-list > ul > li .num{font-size:20px;}
.link-item-list > ul > li .qr{margin:70px 0;}
.link-item-list > ul > li .qr img{width:220px;height:220px;border:5px solid #00A4FF;}

/* 메세지센터*/
.chat-wrap ::-webkit-scrollbar{width:5px;}
.chat-wrap ::-webkit-scrollbar-thumb{background-color:#DFDFDF;border-radius:10px;background-clip:padding-box;}
.chat-wrap ::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;}
.chat-wrap .left-box{width:380px;height:calc(100vh - 220px);overflow-y:auto;}
.chat-wrap .left-box .left-head{height:54px;display:flex;align-items:center;padding:0 10px 0 20px;}
.chat-wrap .left-box .left-head h4{font-size:15px;}
.chat-wrap .left-box .left-head .ic-arrow-bottom{margin-left:auto;}
.chat-wrap .chat-list li a{display:flex;align-items:center;padding:20px;background-color:#f9f9f9;}
.chat-wrap .chat-list li .thumb{width:44px;height:44px;border-radius:10px;background:#f1f1f1 url(/dpc/assets/images/ico-thumb.svg)center center no-repeat;margin-right:20px;flex-shrink:0;}
.chat-wrap .chat-list li dl{min-width:0;width: 100%;}
.chat-wrap .chat-list li dl dt{display:flex;font-size:12px;margin-bottom:13px;}
.chat-wrap .chat-list li dl dt .date{margin-left:auto;color:#969696;}
.chat-wrap .chat-list li dl dd{font-size:13px;white-space: nowrap;text-overflow: ellipsis;display:block;overflow:hidden;}
.chat-wrap .chat-list li.active a{background-color:#fff;}
.chat-wrap .chat-list li.active a .thumb{background-color:#f9f9f9;}
.chat-wrap .right-box{width:820px;height:calc(100vh - 226px);background-color:#fff;}
.chat-wrap .chat-cont{padding:0 0 20px;background-color:#fff;border-radius:10px;}
.chat-wrap .chat-cont .inner{height:calc(100vh - 306px);overflow-y:auto;padding:0 20px 20px;}
.chat-wrap .chat-cont .inner .chat-line{margin-top:20px;}
.chat-wrap .chat-cont .inner .chat-line .chat-box{position:relative;display:inline-block;padding:14px 20px;font-size:13px;background-color:#ddd;border-radius:20px 20px 20px 0;max-width:75%;}
.chat-wrap .chat-cont .inner .chat-line .chat-box .date{position:absolute;left:101%;bottom:0;font-size:11px;color:#999;width: 70px;}
.chat-wrap .chat-cont .inner .chat-line.right{text-align:right;}
.chat-wrap .chat-cont .inner .chat-line.right .chat-box{background-color:#00A4FF;color:#fff;border-radius:20px 20px 0 20px;}
.chat-wrap .chat-cont .inner .chat-line.right .chat-box .date{right:101%;left:auto;}
.chat-wrap .chat-cont .chat-input{padding:0 20px;}
.chat-wrap .chat-cont .chat-input .input-box input{padding-right:64px;}
.chat-wrap .chat-cont .chat-input .input-box .ic-send{position:absolute;right:10px;top:-5px;z-index:3;}
.chat-pop{position:absolute;width:360px;height:480px;background-color:#fff;bottom:70px;left:0;border-radius:20px;overflow:hidden;box-shadow:0px 5px 10px rgba(0,0,0,0.1);display:none;}
.chat-pop.on{display:block;-webkit-animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation:slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.chat-pop .chat-wrap .chat-cont .chat-header{height:60px;border-radius:20px 20px 0 0;border:1px solid #ddd;display:flex;align-items:center;padding:0 20px;}
.chat-pop .chat-wrap .chat-cont .chat-header .title{font-size:16px;}
.chat-pop .chat-wrap .chat-cont .chat-header i{margin-left:auto;}
.chat-pop .chat-wrap .chat-cont .inner{height:360px;box-sizing:border-box;overflow-x: hidden;}
.chat-pop .chat-wrap .chat-cont .chat-input{height:60px;padding:0;}
.chat-pop .chat-wrap .chat-cont .chat-input .input-box input{border:0;}

@-webkit-keyframes slide-fwd-center {
    0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    }
    100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
    }
}
@keyframes slide-fwd-center {
    0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    }
    100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
    }
}

/*결과관리*/
.result-title{font-size:24px;margin-bottom:30px;}
.pgc-line-box{padding:30px;border-radius:10px;background-color:#fff;box-shadow:0 3px 20px rgba(0,0,0,0.05);}
.pgc-line-box .txt-item{font-size:18px;}
.pgc-line-box .txt-item-group{display:flex;margin-left:auto;}
.pgc-line-box .txt-item-group span{margin:0 20px;position:relative;}
.pgc-line-box .txt-item-group span + span:before{content:'';position:absolute;top:3px;left:-20px;width:1px;height:15px;background:#ddd;}
.step-line-wrap .step-line{position:relative;width:100%;height:15px;background-color:#F9F9F9;border-radius:50px;}
.step-line-wrap .step-line .bar{position:absolute;left:0;height:100%;background: rgb(0,164,255);background: linear-gradient(90deg, rgba(0,164,255,1) 0%, rgba(95,104,255,1) 100%);border-radius:10px;z-index:2;}
.step-line-wrap .step-txt{display:flex;justify-content:space-between;margin-top:15px;}
.step-line-wrap .step-txt li{position:relative;font-size:12px;color:#999;}
.step-line-wrap .step-txt li:before{content:'';position:absolute;top:-30px;left:50%;margin-left:-0.5px;width:1px;height:25px;background-color:#dedede;}
.step-line-wrap .step-txt li:first-child:before,
.step-line-wrap .step-txt li:last-child:before{content:none;}
.test-state-wrap{display:flex;flex-wrap:wrap;}
.test-state-wrap > li{display:flex;align-items:center;width:calc((100% - 100px)/3);height:60px;border:1px solid #DEDEDE;border-radius:10px;padding:0 15px;box-sizing:border-box;}
.test-state-wrap > li + li {margin-left:50px;}
.test-state-wrap > li:nth-child(3n+1){margin-left:0;}
.test-state-wrap > li:nth-child(n+4){margin-top:15px;}
.test-state-wrap > li .txt{font-size:14px;color:#565656;}
.test-state-wrap > li .badge{border-radius:10px;line-height:34px;padding:0 15px;font-size:13px;font-weight:700;flex-shrink:0;margin-right:20px;border:1px solid #fff;}
.test-state-wrap > li .badge.sty1{border-color:#16bf00;background-color:#16bf00;color:#fff;}
.test-state-wrap > li .badge.sty2{border-color:#659BFF;color:#659BFF;}
.test-state-wrap > li .badge.sty3{border-color:#659BFF;background-color:#659BFF;color:#fff;}
.test-state-wrap > li .badge.sty4{border-color:#999;background-color:#999;color:#fff;}
.test-state-wrap > li .badge.sty5{border-color:#999;color:#999;}
.test-state-wrap > li .badge.sty6{border-color:#FF593E;background-color:#FF593E;color:#fff;}
.chart-table{display:flex;}
.chart-table .left{width:167px;height:292px;border:1px solid #eee;display:flex;flex-shrink:0;text-align:center;}
.chart-table .left span{margin:auto;font-size:14px;color:#555;line-height:18px;}
.chart-table .right{width:870px;margin-left:30px;}
.chart-table + .chart-table{margin-top:-1px;}

.file-list{margin-top:30px;}
.file-list > ul > li{color:#00A4FF;}
.file-list > ul > li .btn{background-color:transparent;}

.record-wrap{position:relative;padding:10px 0;margin-top:20px;}
.record-wrap:before{content:'';position:absolute;width:2px;height:100%;background-color:#e5e5e5;left:8px;top:0;}
.record-box{position:relative;padding-left:28px;}
.record-box + .record-box{margin-top:20px;}
.record-box .label{display:block;font-size:15px;margin-bottom:15px;font-weight:500;}
.record-box .line{display:flex;align-items:center;margin-top:10px}
.record-box .line .line-box{width:180px;height:50px;border:1px solid #dedede;border-radius:10px;box-sizing:border-box;padding:15px 20px;font-size:13px;margin-right:10px;}
.record-box .line .input-block{width:516px;}
.record-box:before{content:'';width:18px;height:18px;border-radius:100%;position:absolute;left:0;top:2px;}
.record-box.type1:before{background:url(/dpc/assets/images/ic-case-1.svg)center center no-repeat;}
.record-box.type2:before{background:url(/dpc/assets/images/ic-case-2.svg)center center no-repeat;}

.analysis-wrap{display:flex;justify-content:space-between;}
.analysis-wrap .sub-label{font-size:15px;font-weight:500;}
.analysis-wrap dl{text-align:center;padding:29px 0;height:50%;box-sizing:border-box;}
.analysis-wrap dl + dl{border-top:1px solid #dfdfdf;}
.analysis-wrap dl .txt{font-size:15px;color:#969696;}
.analysis-wrap dl .score{font-size:60px;font-weight:700;color:#FF5F5F;margin:10px 0 5px;}
.analysis-wrap .side-box{width:260px;height:400px;border:1px solid #dfdfdf;border-radius:10px;}
.analysis-wrap .middle-box{width:500px;height:400px;border:1px solid #dfdfdf;border-radius:10px;}
.analysis-wrap .middle-box dl{height:100%;}
.analysis-wrap .middle-box dd .chart{width:230px;height:230px;margin:40px auto 0;}
.analysis-table .table-wrap{border-radius:10px;overflow:hidden;border:1px solid #e9e9e9;}
.analysis-table .table-wrap table{width:100%;}
.analysis-table .table-wrap table thead tr th{height:50px;background-color:#F5F8FE;font-size:15px;font-weight:500;padding:15px 0;box-sizing:border-box;border-bottom:1px solid #e9e9e9;}
.analysis-table .table-wrap table tbody tr td{height:50px;text-align:center;font-size:15px;color:#656565;padding:15px 0;box-sizing:border-box;}
.analysis-table .table-wrap table tbody tr td .point2{font-size:20px;font-weight:700;}

.upload-box{width:480px;}
.upload-box + .upload-box{margin-left:50px;}
.upload-box .upload-info{padding:20px;background-color:#f9f9f9;;border-radius:10px;height:162px;box-sizing:border-box;}
.upload-box .upload-info dd{font-size:15px;line-height:30px;color:#555;}
.upload-box .upload-logo{display:flex;padding:20px;border:1px solid #dfdfdf;position:relative;height:227px;box-sizing:border-box;border-radius:10px;}
.upload-box .upload-logo img{width:40%;margin:auto;object-fit:cover;}
.upload-box .upload-logo .btn{position:absolute;bottom:10px;right:10px;}

/*header*/
header .inner{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;background-color:#fff;}
header .inner .logo{width:144px;}
header .inner .logo img{width:100%;}
header .inner .header-step-tab{display:flex;align-items:center;position:absolute;left:50%;transform:translateX(-50%);}
header .inner .header-step-tab li{position:relative;}
header .inner .header-step-tab li:after{content:'';position:absolute;right:-12px;top:50%;margin-top:-12px;width:24px;height:24px;}
header .inner .header-step-tab li:last-child:after{content:none;}
header .inner .header-step-tab li a{position:relative;display:flex;padding:0 40px;height:80px;}
header .inner .header-step-tab li a span{margin:auto;font-size:20px;white-space:nowrap;font-weight:500;color:#969696;}
header .inner .header-step-tab li.complete i{margin:auto;width:30px;height:30px;background:url(/dpc/assets/images/ic-complete-off.svg)no-repeat;}
header .inner .header-step-tab li .pager{position:absolute;bottom:10px;width:100%;display:none;text-align:center;}
header .inner .header-step-tab li .pager span{display:inline-block;width:4px;height:4px;background-color:#E5E5E5;border-radius:100%;margin:0 2px;}
header .inner .header-step-tab li .pager span.active{background-color:#00A4FF;}
header .inner .header-step-tab li.active:after{content:'';}
header .inner .header-step-tab li.active a span{color:#00A4FF;font-weight:700;}
header .inner .header-step-tab li.active .pager{display:block;}
header .inner .header-step-tab li.complete.active:after,
header .inner .header-step-tab li.complete.active a:after{content:none;}
header .inner .header-step-tab li.complete.active i{background:url(/dpc/assets/images/ic-check-on.svg)no-repeat;background-size:30px 30px;}

/*footer*/
footer{display:block;width:100%;height:85px;}
footer .footer-in{max-width:1400px;height:100%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack: center;-webkit-justify-content: center; justify-content: center;position:relative;width:100%;box-sizing:border-box}
footer .footer-in .des{font-size:15px;display:inline-block;color:#999;padding:0 15px;position:relative;}
footer .footer-in .des + .des:before{content:'';position:absolute;width:1px;height:15px;left:0;top:5px;background-color:#bdc6d0;;}

.cs-bot{position:fixed;bottom:100px;left:50%;margin-left:600px;width:50px;height:50px;border-radius:100%;background:#339DD5 url(/dpc/assets/images/ic-cs.svg)center center no-repeat;}

@media screen and (max-width:1920px){
    .ad-content{padding-left:102px;}
}