@charset "UTF-8";
html,body{height:100%;}
#wrap{height:100%;}

/**font-color**/
.point1{color:#00A4FF !important;}
.point2{color:#FF5F5F !important;}
.point3{color:#999 !important;}

/**bg-color**/
.bg-point1{background-color:#00A4FF !important;}

/** margin-type**/
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-35{margin-top:35px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-60{margin-top:60px !important;}
.mt-80{margin-top:80px !important;}
.mt-1{margin-top:-1px !important;}
.ml-1{margin-left:-1px !important;}
.ml-10{margin-left:10px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px !important;}

/** padding-type**/
.pd-20{padding:20px !important;}
.pd-side40{padding:0 40px !important;}

/** text-type **/
.fw-300{font-weight:300 !important;}
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500 !important;}
.fw-700{font-weight:700 !important;}

/** width-type **/
.w-100{width:100px !important;}
.w-120{width:120px !important;}
.w-140{width:140px !important;}
.w-150{width:150px !important;}
.w-160{width:160px !important;}
.w-180{width:180px !important;}
.w-200{width:200px !important;}
.w-240{width:240px !important;}
.w-320{width:320px !important;}
.w-340{width:340px !important;}
.w-400{width:400px !important;}
.w-460{width:460px !important;}
.w-480{width:480px !important;}
.w-520{width:520px !important;}
.w-600{width:600px !important;}
.w-700{width:700px !important;}
.w-800{width:800px !important;}
.w-1000{width:1000px !important;}
.w-1100{width:1100px !important;}
.w-1200{width:1200px !important;}
.w-50{width:50% !important;}

/** button-type **/
button{border:0 none;background-color:transparent;}
input:focus{outline:#999 dotted 1px;}

.btn-basic[class*='bg-']{color:#fff;}
[class^="btn"]{background-repeat:no-repeat;background-position:center;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;text-decoration:none;box-sizing:border-box;-webkit-appearance:none;transition:border 0.4s;}
[class^="btn"]{transition:background-color 0.3s;}
[class^="btn"].xsm{height:28px;border-radius:6px;font-size:11px;font-weight:500;padding:0 10px;}
[class^="btn"].sm{height:40px;border-radius:10px;padding:0 20px;font-size:13px;font-weight:500;}
[class^="btn"].md{height:50px;border-radius:10px;padding:0 20px;font-size:14px;font-weight:500;}
[class^="btn"].full{width:100%;height:50px;font-size:16px;font-weight:700;border-radius:10px;}
[class^="btn"].ic{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #DEDEDE;box-sizing:border-box;background-color:#fff;}
[class^="btn"].ic2{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;box-sizing:border-box;background-color:#fff;}
[class^="btn"] i{margin-left:-5px;}
[class^="btn"].ic:hover{background-color:rgba(0,0,0,0.05) !important;}
[class^="btn"].ic2:hover{background-color:rgba(0,0,0,0.05) !important;}
[class^="btn"].primary{border:1px solid #00A4FF;background:#00A4FF;transition:background 0.3s;color:#fff;}
[class^="btn"].secondary{border:1px solid #ddd;transition:background 0.3s;}
[class^="btn"].tertiary{border:1px solid #FF5F5F;background-color:#FF5F5F;transition:background 0.3s;color:#fff;}
[class^="btn"].quaternary{border:1px solid #999;background:#999;color:#fff;transition:background 0.3s;color:#fff;}
[class^="btn"].active{border:1px solid #00A4FF;background:#fff;color:#00A4FF;transition:background 0.3s;}
[class^="btn"].toggle{background-color:#666 !important;border-color:#666 !important;}
[class^="btn"].primary:hover{border-color:#0398EB !important;background-color: #0398EB !important;}
[class^="btn"].secondary:hover{background-color:rgba(0,0,0,0.05) !important;}
[class^="btn"].tertiary:hover{border-color:#E74A4A !important;background-color:#E74A4A !important;}
[class^="btn"].quaternary:hover{border-color:#666 !important;background-color:#666 !important;}
[class^="btn"].active:hover{background-color:rgba(0,164,255,0.05) !important;}
[class^="btn"].toggle:hover{background-color:#333 !important;border-color:#333 !important;}
[class^="btn"].point1{border-color:#00A4FF;}
[class^="btn"].point2{border-color:#E74A4A;}

[class^="btn"]:disabled,
[class^="btn"]:disabled:hover{background-color:#DEDEDE !important;border-color:#DEDEDE !important;opacity:0.3;}
.btn-group{width:100%;box-sizing:border-box;position:relative;}
.btn-group .btn + .btn{margin-left:10px;}
.btn-box .btn + .btn{margin-left:10px;}
.btn i{margin-right:10px;}

/** ico **/
[class^="ic"]{display:inline-block;background-repeat:no-repeat;background-position:center;background-size:100%;vertical-align:middle;}
.ic-login-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-login-w.svg);}
.ic-logout-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-logout-w.svg);}
.ic-list{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-list.svg);}
.ic-list-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-list-w.svg);}
.ic-save{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-save.svg);}
.ic-job{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-job.svg);}
.ic-word-close{width:30px;height:30px;background-image:url(/dpc/assets/images/ic-word-close.svg);background-size:20px 20px;}
.ic-add{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-add.svg);}
.ic-add-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-add-w.svg);}
.ic-minus{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-minus.svg);}
.ic-setting{width:20px;height:20px;background-image:url(/dpc/assets/images/ic-setting.svg);}
.ic-refresh{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-refresh.svg);}
.ic-volume-on{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-volume-on.svg);}
.ic-volume-off{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-volume-off.svg);}
.ic-refresh-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-refresh-w.svg);}
.ic-pop-close{width:36px;height:36px;background-image:url(/dpc/assets/images/ic-close-w.svg);}
.ic-complete{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-complete.svg);}
.ic-file{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-file.svg);}
.ic-cancle{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-cancle.svg);}
.ic-excel{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-excel.svg);}
.ic-chart{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-chart.svg);}
.ic-document{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-document.svg);}
.ic-delete-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-delete-w.svg);}
.ic-pdf{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-pdf.svg);}
.ic-pdf-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-pdf-w.svg);}
.ic-sms{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-sms.svg);}
.ic-mail{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-mail.svg);}
.ic-statistics{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-statistics.svg);}
.ic-trash{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-trash.svg);}
.ic-trash-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-trash-w.svg);}
.ic-trash-red{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-trash-red.svg);}
.ic-transmit{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-transmit.svg);}
.ic-blind{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-blind.svg);}
.ic-all-chk{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-all-chk.svg);}
.ic-print{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-print.svg);}
.ic-download{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-download.svg);}
.ic-download-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-download-w.svg);}
.ic-manager{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-manager.svg);}
.ic-edit{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-edit.svg);}
.ic-company-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-company-w.svg);}
.ic-cs{width:24px;height:26px;background-image:url(/dpc/assets/images/ic-cs.svg);}
.ic-share{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-share.svg);}
.ic-path{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-path.svg);}
.ic-copy{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-copy.svg);}
.ic-link{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-link.svg);}
.ic-link-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-link-w.svg);}
.ic-link-copy{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-link-copy.svg);}
.ic-form-download{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-form-download.svg);}
.ic-report{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-report.svg);}
.ic-report2{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-report2.svg);}
.ic-view{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-view.svg);}
.ic-restore{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-restore.svg);}
.ic-caution{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-caution.svg);}
.ic-video{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-video.svg);}
.ic-video-mute{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-video-mute.svg);}
.ic-mic{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-mic.svg);}
.ic-mic-mute{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-mic-mute.svg);}
.ic-video2{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-video2.svg);}
.ic-check{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-check.svg);}
.ic-check-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-check-w.svg);}
.ic-use{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-use.svg);}
.ic-unuse{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-unuse.svg);}
.ic-edit-blue{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-edit-blue.svg);}
.ic-slide-up{width:23px;height:23px;background-image:url(/dpc/assets/images/ic-slide-up.svg);}
.ic-answer{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-answer.svg);}
.ic-test{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-test.svg);}
.ic-add-blue{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-add-blue.svg);}
.ic-preview{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-preview.svg);}
.ic-test-save{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-test-save.svg);}
.ic-manage-search{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-manage-search.svg);}
.ic-manager-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-manager-w.svg);}
.ic-inspector{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-inspector.svg);}
.ic-folder-blue{width:18px;height:18px;background-image:url(/dpc/assets/images/ic-folder-blue.svg);}
.ic-more{width:10px;height:10px;background-image:url(/dpc/assets/images/ic-more.svg);}
.ic-more2{width:18px;height:18px;background-image:url(/dpc/assets/images/ic-more2.svg);}
.ic-document-w{width:18px;height:18px;background-image:url(/dpc/assets/images/ic-document-w.svg);background-position:center -2px;}
.ic-module-edit{width:18px;height:18px;background-image:url(/dpc/assets/images/ic-module-edit.svg);}
.ic-module-edit-b{width:18px;height:18px;background-image:url(/dpc/assets/images/ic-module-edit-b.svg);}
.ic-sound{width:21px;height:21px;background-image:url(/dpc/assets/images/ic-sound.svg);}
.ic-mic-b{width:21px;height:21px;background-image:url(/dpc/assets/images/ic-mic-b.svg);}
.ic-zoom-in{width:21px;height:21px;background-image:url(/dpc/assets/images/ic-zoom-in.svg);}
.ic-zoom-out{width:21px;height:21px;background-image:url(/dpc/assets/images/ic-zoom-out.svg);}
.ic-full{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-full.svg);}
.ic-arrow-bottom{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-arrow-bottom.svg);}
.ic-send{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-send.svg);}
.ic-chat{width:36px;height:36px;background-image:url(/dpc/assets/images/ic-chat.svg);}
.ic-chat_view{width:24px;height:24px;background-image:url(/dpc/assets/images/ic_chat_view.svg);}
.ic-voice{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-voice.svg);}
.ic-voice-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-voice-w.svg);}
.ic-voice-normal{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-voice-normal.svg);}
.ic-search-w{width:24px;height:24px;background-image:url(/dpc/assets/images/ic-search.png);}

/** align-type **/
.ta-center{text-align:center;}
.ta-left{text-align:left;}
.ta-right{text-align:right;}
.flex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align:center; -ms-flex-align: center; align-items: center; }
.flex1{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap:wrap;}
.flex2{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: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flex3{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align:center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.flex4{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align:flex-end; -ms-flex-align:flex-end; align-items:flex-end; -webkit-justify-content: center; justify-content: center;}
.flex5{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align:flex-start; -ms-flex-align:flex-start; align-items:flex-start;}
.flex6{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align:flex-end; -ms-flex-align:flex-end; align-items:flex-end;}
.flex7{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align:flex-end; -ms-flex-align:flex-end; align-items:flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flex8{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align:flex-start; -ms-flex-align:flex-start; align-items:flex-start;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.ellipsis{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
hr{margin:0;border:0;width:100%;}

/** alert-type **/
.sm-info{font-size:14px;line-height:22px;color:#747983;margin-top:10px;padding-left:10px;text-indent:-10px;}

/** form **/
input{border: 0 none;width:100%;height:100%;vertical-align:middle;padding:0;font-size:1rem;color:#333;box-sizing:border-box;-webkit-appearance: none;-moz-appearance: none; background: transparent;-webkit-border-radius: 0;box-shadow: none !important;}
input:disabled {background:#e1e4e8;opacity:0.7;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
input[type="radio"]{width:0;height:0;vertical-align:top;overflow:hidden;}
textarea, select{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none !important;}
select::-ms-expand {display:none}

/** forms **/
.input-wrap.grow .input-block{width:100%;}
.input-wrap.grow .input-block + .input-block{margin-left:20px;}
.input-block{position:relative;}
.input-block label{display:block;position:relative;font-size:14px;font-weight:500;margin-bottom:15px;line-height:1;color:#999;}
.input-box{position:relative;}
.input-box input{padding:15px 20px;height:50px;line-height:1.2;border:1px solid #DEDEDE;transition:border 0.2s;background-color:#fff;position:relative;border-radius:10px;font-size:15px;}
.input-box input::-webkit-input-placeholder {color:#999;}
.input-box input::-moz-placeholder {color:#999;}
.input-box input:-ms-input-placeholder {color:#999;}
.input-box input:-moz-placeholder {color:#999;}
.input-box input::placeholder {color:#999;}
.input-box.finder:before{content:'';width:24px;height:24px;background:url(/dpc/assets/images/ic-finder.svg)no-repeat;display:block;position:absolute;left:20px;top:2px;z-index:3;}
.input-box.finder input{padding-left:54px;}
.input-box.file.sty1 label{position:absolute;top:50%;margin-top:-15px;left:auto;right:9px;width:85px;text-indent:0;text-align:center;height:34px;line-height:34px;border:1px solid #00A4FF;background-color:#00A4FF;color:#fff;font-weight:700;border-radius:10px;font-size:14px;z-index:2;cursor:pointer;}
.input-box.file.sty1 input{background-color:#fff;border-color:#DEDEDE;text-align:left;}
.input-box.file.sty1 input::-webkit-input-placeholder {color:#ADB2bb;}
.input-box.file.sty1 input::-moz-placeholder {color:#ADB2bb;}
.input-box.file.sty1 input:-ms-input-placeholder {color:#ADB2bb;}
.input-box.file.sty1 input:-moz-placeholder {color:#ADB2bb;}
.input-box.file.sty1 input::placeholder {color:#ADB2bb;}
.input-box.file.sty1 input:focus{border-color:#609FF7;outline:none;z-index:1;}
.input-box.file.sty1 .file-upload{top:0;left:0;}
.input-box.file.sty2 label{display:inline-flex;margin-bottom:0;}
.input-box.file.sty2 input{border:0;text-align:center;background:transparent;}
.input-box.file.sty2 input:focus{border-color:#609FF7;outline:none;z-index:1;}
.input-box.file.sty2 .file-upload{top:0;left:0;}
.input-box.date input{background:url(/dpc/assets/images/ic-calendar.svg)17px center no-repeat;padding:15px 20px 15px 47px;}
.input-box input:focus{border-color:#00A4FF;outline:none;z-index:1;}
.input-box.error input{border-color:#BE0000;}
.input-box.total input{border-color:#1766E5;color:#1766E5;}
.input-box.sm input{height:44px;font-size:13px;padding:14px 15px;font-weight:400;}

.feedback{font-size:13px;color:#FF5F5F;margin-top:12px;}
.feedback i{vertical-align:-3px;margin-right:5px;}
.noti{font-size:14px;color:#FF5F5F;display:inline-block;}
.essential{display:inline-block;margin-left:5px;color:#FF5F5F !important;}
.input-block + .btn{margin-left:20px;}

.input-text-block, .input-btn-block{position:relative;}
.input-text-block .input-tit{position:absolute;top:1px;left:1px;z-index:2;padding:0 20px;line-height:48px;background-color:#fff;border-radius:10px 0 0 10px;}
.input-text-block .input-box input{text-align:right;}
.input-btn-block .input-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2;background-color:#fff;}

.input-list .input-block + .input-block{margin-top:10px;}

/** textarea **/
.textarea-box{position:relative;display:block;width:100%;}
.textarea-box textarea{border:1px solid #ddd;padding:20px;width:100%;height:300px;;box-sizing:border-box;resize:none;transition:border 0.2s;border-radius:10px;}
.textarea-box textarea::placeholder{color:#999;line-height:normal;font-size:15px;}
.textarea-box textarea:focus{outline:none;border-color:#00A4FF;z-index:2;position:relative;}
.textarea-box.v-2{border-radius:10px;padding:5px;border:1px solid #ddd;box-sizing:border-box;}
.textarea-box.v-2 textarea{height:38px;padding:8px 20px;border:0;}
.textarea-box .num-group{position:absolute;bottom:-40px;right:0;font-size:15px;}
.textarea-box.error textarea{border-color:#be0000;}

/** checkbox **/
.form-label-group{margin-bottom:15px;}
.ac-label{display:block;position:relative;font-size:14px;font-weight:500;line-height:1;color:#999;}
.ac-label span{color:#555;}
.ac-label i{margin-right:10px;}
.ac-label.lg{font-size:18px;color:#000}
.ac-sub-label{display:block;position:relative;font-size:15px;font-weight:500;margin-top:12px;color:#555;}
.spc-label{position:relative;padding-left:10px;font-size:18px;font-weight:500;color:#00A4FF;border-left:4px solid #00A4FF;margin-bottom:20px;}
.check-box{display:inline-block;position:relative;}
.check-box label{display:inline-block;position:relative;padding-left:34px;cursor:pointer;min-width:24px;min-height:24px;line-height:24px;font-size:15px;margin-top:2px;color:#000;}
.check-box label:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;border-radius:100%;box-sizing:border-box;background:#fff;border:1px solid #ddd;}
.check-box input{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.check-box input:checked + label:before{background:url(/dpc/assets/images/ic-check-on.svg)no-repeat;border:0;} 
.check-box input:disabled + label{color:#c4c7cd;}
.check-box.check-all{margin-top:-1px;}
.check-box.check-all label{background-color:#E7EDF4;border:1px solid #E7EDF4 !important;white-space:nowrap;}
.check-box.file label{background:url(/dpc/assets/images/ic-file.svg)no-repeat right 12px center;}
.check-box.type label{background:url(/dpc/assets/images/ic-type.svg)no-repeat right 12px center;}
.check-box.all label{background-color:#DEE5ED;height:50px;line-height:50px;padding:0 20px 0 60px;border-radius:10px;transition:background 0.3s;}
.check-box.all label:hover{background-color:#C7D5E6;}
.check-box.all label:before{top:13px;left:20px;}
.check-box.v-2 label{background:#F9F9F9;line-height:50px;border-radius:10px;color:#999;font-weight:500;padding-left:0;padding: 0 20px;font-size:13px;}
.check-box.v-2 label:before, .check-box.v-2  label:after{content:none;}
.check-box.v-2 input[type="checkbox"]:checked + label{background:#00A4FF;color:#fff;}
.check-box.v-2 label:hover{color:#00A4FF;}
.check-box.v-3 label{line-height:48px;border-radius:10px;color:#000;font-weight:700;padding-left:0;padding: 0 20px;font-size:14px;border:1px solid #DEDEDE;}
.check-box.v-3 label:before, .check-box.v-3  label:after{content:none;}
.check-box.v-3 input[type="checkbox"]:checked + label{background:#00A4FF;border-color:#00A4FF;color:#fff;}
.check-box.v-3 label:hover{color:#00A4FF;}
.check-box.v-4{height:auto !important;}
.check-box.v-4 label{display:block;padding-top:28px;padding-left:0;font-size:12px;margin-top:0;}
.check-box.v-4 label:before{top:0;left:50%;margin-left:-12px;}
.check-box.v-5{border:1px solid #dfdfdf;width:100%;border-radius:10px;display:block;padding:10px 20px;}
.check-box.sm{font-size:0;height:18px;}
.check-box.sm label{padding-left:0;min-width:18px;min-height:18px;margin-top:0;}
.check-box.sm label:before{width:18px;height:18px;}
.check-box.sm input:checked + label:before{background-size:18px 18px;}
.check-wrap.ml .check-block{margin-right:10px;}
.check-list .check-block + .check-block{margin-top:20px;}

/** radiobox **/
.radio-box{display:inline-block;position:relative;}
.radio-box label{display:inline-block;min-height:25px;font-size:15px;position:relative;padding-left:39px;cursor:pointer;}
.radio-box label:before{content:'';position:absolute;top:-2px;left:0;width:24px;height:24px;border-radius:100%;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;}
.radio-box label:after{content:'';position:absolute;width:12px;height:12px;border-radius:100%;left:6px;top:4px;}
.radio-box input{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.radio-box input[type="radio"]:checked + label:before{background:#00A4FF;border-color:#00A4FF;}
.radio-box input[type="radio"]:checked + label:after{background-color:#fff;}
.radio-box.v-2 label{border:1px solid #fff;line-height:40px;border-radius:10px;color:#999;font-weight:700;padding-left:0;padding: 0 20px;font-size:14px;}
.radio-box.v-2 label:before, .radio-box.v-2  label:after{content:none;}
.radio-box.v-2 input[type="radio"]:checked + label{border-color:#00A4FF;color:#00A4FF;}
.radio-box.v-2 label:hover{color:#00A4FF;}
.radio-box.v-3 label{border:1px solid #dfdfdf;height:50px;border-radius:10px;box-sizing:border-box;line-height:50px;padding:0 20px 0 54px;}
.radio-box.v-3 label:before{left:20px;top:12px;}
.radio-box.v-3 label:after{left:26px;top:18px;}
.radio-wrap.flex .radio-block{margin-right:54px;}

/** select **/
.select-block{display:block;}
.select-block label{display:block;position:relative;font-size:14px;font-weight:500;margin-bottom:15px;line-height:1;color:#999;}
.select-box{position:relative;}
.select-box:after{content:'';position:absolute;right:10px;top:50%;margin-top:-12px;width:28px;height:28px;background:url(/dpc/assets/images/ic-select.svg)no-repeat;}
.select-box select{width:100%;height:50px;padding:14px 40px 14px 20px;border:1px solid #DEDEDE;transition:border 0.2s;position:relative;box-sizing:border-box;background:transparent;position:relative;border-radius:10px;font-size:14px;}
.select-box.finder select{border-color:#fff;height:50px;font-size:15px;width:120px;padding:13px 40px 14px 24px;border-radius:10px;}
.select-box.lengthSelect select{width:150px;height:50px;font-size:15px;padding:10px 40px 10px 20px !important;border-radius:10px !important;background:#fff url(/dpc/assets/images/ic-length.svg)15px center no-repeat !important;border:1px solid #DEDEDE !important;border-radius:10px !important;}
.select-box select:focus{border-color:#00A4FF;outline:none;}

/** form **/
.form-mix-group.flex .select-block + .select-block{margin-left:20px;}
.form-mix-group .right{margin-left:auto;}
.form-mix-group .noti{margin-left:20px;}
.form-mix-group .grow{flex-grow:1;}

/** info txt*/
.sm-txt{font-size:14px;}
.md-txt{font-size:15px;}
.info-msg{font-size:14px;color:#1766E5;}
.info-msg i{vertical-align:-3px;margin-right:5px;}
.underline{text-decoration:underline;}

/** popup **/
.dim{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);opacity:0;transition:opacity 0.2s;}
.pop-wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;display:none;}
.pop-in{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;overflow-y:auto;display:flex;align-items:center;justify-content:center;}
.pop-in .pop-cont{position:relative;z-index:3;max-height:90%;width:auto;min-width:540px;opacity:0;transition:opacity 0.2s;}
.pop-in .pop-header{position:relative;background:#00A4FF;border-radius:20px 20px 0 0;height:80px;width:100%;box-sizing:border-box;z-index:4;text-align:center;}
.pop-in .pop-header h2{font-size:20px;color:#fff;font-weight:500;}
.pop-in .pop-header h2 span{display:block;margin-top:5px;}
.pop-in .pop-header .close{position:absolute;right:20px;top:50%;transform:translate(0,-50%);cursor:pointer}
.pop-in .pop-header.sty2 h2{display:flex;align-items:center;padding-left:50px;}
.pop-in .pop-header.sty2 h2 img{width:144px;}
.pop-in .pop-header.sty2 h2 span{padding-left:40px;margin-left:40px;position:relative;}
.pop-in .pop-header.sty2 h2 span:before{content:'';position:absolute;width:1px;height:30px;background-color:rgba(255,255,255,0.5);left:0;top:-3px;}
.pop-in .pop-body{position:relative;background:#fff;z-index:3;border-radius:0 0 20px 20px;overflow:hidden;}
.pop-in .pop-body.sty2 .w-box{background:#F9F9F9;}
.pop-wrap.active .dim{opacity:1;}
.pop-wrap.active .pop-in .pop-cont{opacity:1;transition:opacity 0.2s;}

/*pagination*/
.pagination-group{display:flex;align-items:center;justify-content:center;text-align:center;margin-top:38px;}
.pagination-group .paginate_button{display:inline-block;box-sizing:border-box;text-align:center;width:35px;height:35px;line-height:35px;position:relative;color:#999;font-size:15px;}
.pagination-group .paginate_button:hover{color:#32B6EA;}
.pagination-group .paginate_button.previous:before{content:'';position: absolute;right: 19px;top: 50%;margin-top: -5.5px;border: solid #071B3B;border-width: 0 2px 2px 0;display: inline-block;padding: 4px;transform: rotate(135deg);}
.pagination-group .paginate_button.next:before{content:'';position: absolute;left: 19px;top: 50%;margin-top: -5.5px;border: solid #071B3B;border-width: 0 2px 2px 0;display: inline-block;padding: 4px;transform: rotate(-45deg);}
.pagination-group .paginate_button.disabled{pointer-events: none;}
.pagination-group .paginate_button.disabled:before{opacity:0.2;}
.pagination-group .paginate_button.current{color:#32B6EA;font-weight:700;}

/*toast-pop*/
.toast-pop{position:fixed;top:30px;left:50%;padding:38px 28px;transform:translate(-50%, 10px);border-radius:10px;overflow:hidden;font-size:15px;opacity:0;visibility:hidden;transition: opacity .5s, visibility .5s, transform .5s;background: #071B3B;color: #fff;z-index: 10000;}
.toast-pop.v-2{position:static;display:inline-block;transform: translate(0,0) !important;left:0;top:0;}
.toast-pop > span{position:relative;padding-left:25px;display:block;}
.toast-pop > span:before{content:'';width:18px;height:18px;background:url(/dpc/assets/images/ic-pop-warning.svg)center center no-repeat;position:absolute;left:0;top:3px;}
.toast-pop.reveal {opacity: 1;visibility: visible;transform: translate(-50%, 0)}

[data-cont]{display:none;}
[data-cont].active{display:block;}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #DEDEDE;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left:0;
    bottom:0;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 3px 10px rgba(0,0,0,0.16);
}

input:checked + .slider {
    background-color: #00A4FF;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 50px;
}

.slider.round:before {
    border-radius: 50%;
}