@charset "utf-8";

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-print-color-adjust:exact}

/* btns */

.btn-wrap{margin-top:20px; text-align:center}
.btn-wrap:after{content:'';display:block;clear:both}
.btn-wrap.right{text-align:right}
.btn-wrap.under-right{position:absolute;bottom:8px;right:10px}
.btn-wrap .f-left{float:left}
.btn-wrap label {margin-left: 6px; min-width: 110px; height: 42px; font-size: 16px; line-height: 44px; color: #fff; text-align: center; vertical-align: middle; border-radius: 10px; background-color: #8389a0; display: inline-block;}
.btn-wrap input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

.btns{margin-left:6px;min-width:110px;height:42px; font-size:16px;line-height:44px;color:#fff;text-align:center;vertical-align:middle; border-radius:10px;background-color:#8389a0;display:inline-block}
.btns:hover,.btns:focus{background-color:#666d8a}
.btns:first-child{margin-left:0 !important}
.btns:disabled{color:#c3c4cb}
.btns.whiteround{color:#2d2d2d; border-radius:21px;box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.16);background-color:#fff}
.btns.whiteround:hover,.btns.whiteround:focus{background-color:#f1f2f5}
.btns.green{color:#fff;background-color:#4caf50}
.btns.green:hover,.btns.green:focus{background-color:#2a912e}
.btns.blue{color:#fff;background-color:#3d5afe}
.btns.blue:hover,.btns.blue:focus{background-color:#1e3bdc}
.btns.right{float: right;}
.btns.btnPush.on{background-color:#2a912e; pointer-events: none; min-width: 75px;}

/* inp-select */
select{margin-left:6px;padding:0 28px 0 10px;height:42px;font-size:16px;color:#2d2d2d;border:1px solid #f2f4fc;border-radius:4px;background:#f2f4fc url('../images/select_arrow.png') no-repeat calc(100% - 10px) center;background-size:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/* select::-ms-expand{display:none} */
select:focus{border:1px solid #d1d8ed;outline:none}
select:first-child{margin-left:0}
.inp-select{margin-left:25px}
.inp-select:first-child{margin-left:0}
.inp-select label{width:50px; font-size:16px;color:#8389a0; vertical-align:middle;display:inline-block}
.inp-select label +select{margin-left:0}
.select-wrap{margin:-5px 0 0 -6px; display:flex;align-items: center;justify-content: flex-start;}
.select-wrap select{margin:5px 0 0 6px;padding-right: 37px;}
.select-wrap .btns{margin:5px 0 0 6px}
/* dropdown */
.dropdown{position:relative;z-index:1}
.dropdown .dropBtn{padding:11px 28px 10px 10px; font-size:16px;color:#2d2d2d; border:1px solid #f2f4fc;border-radius:4px;background:#f2f4fc url('../images/select_arrow.png') no-repeat calc(100% - 10px) center;background-size:20px;display:block;width: 100%;text-align: left;}
.dropdown .dropBtn:focus{border:1px solid #d1d8ed;border-radius:4px;outline:none}
.dropdown ul {margin: -1px 0 0 0}
.dropdown .dropBtn span,
.dropdown .multiSel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dropdown .multiSel span {cursor: pointer;display: inline-block;padding-right:3px}
.dropdown .mutliSelect{position:relative}
.dropdown #moduleType ul{width:100%;height:362px; border:1px solid #d1d8ed;border-top:0;border-radius:0 0 4px 4px;background-color:#f2f4fc;position: absolute;top:0;left:0; list-style: none;overflow:auto;display: none}
.dropdown .mutliSelect ul{width:100%;height:100px; border:1px solid #d1d8ed;border-top:0;border-radius:0 0 4px 4px;background-color:#f2f4fc;position: absolute;top:0;left:0; list-style: none;overflow:auto;display: none}
.dropdown .mutliSelect li{padding:3px 10px}
.dropdown .mutliSelect li input[type="checkbox"]{margin:0;padding:0;width:1px;height:1px; line-height:1;border:0; -webkit-appearance:none;-moz-appearance:none;appearance:none; opacity:0; position:absolute;top:0;left:0}
.dropdown .mutliSelect li input + label{margin-bottom:0;padding-left:25px; font: size 16px;line-height:18px; cursor:pointer; display:block;position:relative}
.dropdown .mutliSelect li input + label:before{content:'';display:inline-block; width:18px;height:18px; border-radius:2px;background-color:#fff; box-sizing:border-box; position:absolute;top:0;left:0}
.dropdown .mutliSelect li input:focus + label:before{border:1px solid #d1d8ed}
.dropdown .mutliSelect li input:checked + label:before{background:#fff url('../images/check_on.png') no-repeat center;background-size:80%}
.dropdown .mutliSelect ul::-webkit-scrollbar-track{background-color:#f5f5f5}
.dropdown .mutliSelect ul::-webkit-scrollbar{width:8px;height:8px;background-color:#f5f5f5}
.dropdown .mutliSelect ul::-webkit-scrollbar-thumb{border-radius:8px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.3);background-color:#d1d8ed}

/* input radio padding: 6px;*/
#ipt_qstTypeSel:not(:checked) {width: 24px;height: 24px;margin: 10px 0px 10px 10px;padding: 6px;background-color: #f2f4fc;-webkit-appearance: none;-moz-appearance: none;border-radius: 100%;outline:none;}
#ipt_qstTypeSel:not(:checked):hover {width: 24px;height: 24px;margin: 10px 0px 10px 10px;padding: 6px;border: solid 1px #d1d8ed;background-color: #f2f4fc;-webkit-appearance: none;-moz-appearance: none;border-radius: 100%;outline:none;}
/* input[type="radio"]:checked {width: 24px;height: 24px;margin: 10px 0px 10px 10px;padding: 6px;background-color: #2d2d2d; -webkit-appearance: none;-moz-appearance: none;outline:none;border-radius: 100%;background:#2d2d2d center} */
#ipt_qstTypeSel ~ label {width: 41px;height: 24px;font-size: 18px;text-align: left;color: #2d2d2d;display: contents;}
.lbl_qstTypeSel {margin-top: 3px;}

/* inp-box */
.inp-box{width:100%; vertical-align:middle; display:inline-block;position:relative}
.inp-box input[type="text"],
.inp-box input[type="password"],
.inp-box input[type="tel"],
.inp-box input[type="number"],
.inp-box input[type="file"]{padding-left:10px;width:100%;height:42px; font-size:16px;color:#2d2d2d;line-height:44px; border:1px solid #f2f4fc;border-radius:4px;background-color:#f2f4fc}
.inp-box input:focus{border:1px solid #d1d8ed;outline:none}
.inp-box input:placeholder{color:#c3c4cb}
.inp-box input:disabled{background-color:transparent}
/* .inp-radio, .inp-check */
.form-ele{position:relative; display:inline-block}
.inp-check{display:inline-block;vertical-align:middle;position:relative}
.inp-check .form-ele{margin-left:16px}
.inp-check .form-ele:first-child{margin-left:0}
.inp-check input[type="checkbox"]{margin:0;padding:0;width:1px;height:1px; line-height:1;border:0; -webkit-appearance:none;-moz-appearance:none;appearance:none; opacity:0; position:absolute;top:0;left:0}
.inp-check input + label{margin-bottom:0;padding-left:34px; font-size:16px;line-height:24px; cursor:pointer; display:inline-block}
.inp-check input + label:before{content:'';display:inline-block; width:24px;height:24px; border-radius:2px;background-color:#f2f4fc; box-sizing:border-box; position:absolute;top:0;left:0}
.inp-check input:focus + label:before{border:1px solid #d1d8ed}
.inp-check input:checked + label:before{background:#f2f4fc url('../images/check_on.png') no-repeat center}
/* file-box */
.file-box{text-align: left; display: flex; align-items: center;}
.file-box .btns{margin-bottom:9px;min-width:80px;height:30px; font-size:14px;line-height:30px;color:#fff; border-radius:4px}
.file-box .cell-file{font-size:14px;color:#3b61ed; white-space:nowrap}
.file-box .cell-file >button{margin-left:5px;width:18px;height:18px; text-indent:-9999px; vertical-align:middle;background:url('../images/btn_file.png') no-repeat 0 0}
.file-box label { min-width: 80px; height: 30px; font-size: 14px; line-height: 30px; color: #fff; border-radius: 4px; text-align: center; vertical-align: middle; background-color: #8389a0; display: inline-block;}
.file-box input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

/* explain */
.explain{padding:8px; text-align:left; border-radius:4px;background-color:transparent}
/* dropfile */
.dropfile{margin-top:20px;line-height:220px; font-size:20px;color:#8389a0;text-align:center; border:2px dashed #8389a0}
.dropfile > img {z-index: auto; float: left; width: 200px; border-radius: 20px; padding: 10px 10px;}
/* switch */
.btn-switch input[type="checkbox"]{margin:0;padding:0;width:1px;height:1px; line-height:1;border:0; -webkit-appearance:none;-moz-appearance:none;appearance:none; opacity:0; position:absolute;top:0;left:0}
.btn-switch input + label{width:220px;height:42px; cursor:pointer; border-radius:21px;background-color:#c3c4cb; display:inline-block;position:relative;transition:all .3s}
.btn-switch input + label:before,.btn-switch input + label:after{display:inline-block;width:110px; font-size:16px;line-height:44px;color:#fff;font-weight:700;text-align:center; position:absolute;top:0;z-index:1;transition:all .3s}
.btn-switch input + label:before{content:'전체 목록'; left:0;color:#3b61ed}
.btn-switch input + label:after{content:'내 작업'; right:0}
.btn-switch input + label .marble{width:110px;height:100%; text-indent:-9999px; border-radius:21px;box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.16);background-color:#fff; display:block;position:absolute;top:0;left:0;transition:all .3s}
.btn-switch input:checked + label:before{color:#fff}
.btn-switch input:checked + label:after{color:#3b61ed}
.btn-switch input:checked + label .marble{left:110px}
/* datepicker */
.date-wrap{margin-left:6px; display:inline-block}
.date-wrap:first-child{margin-left:0}
.date-wrap span{width:160px; font-size:16px;line-height:42px;color:#8389a0; display:inline-block}
.date-wrap span input[type="text"]{padding-left:10px;width:100%;height:42px; font-size:16px;color:#2d2d2d;line-height:42px; border:1px solid #f2f4fc;border-radius:4px;background:#f2f4fc url('../images/ico_calendar.png') no-repeat 95% center}
.date-wrap span input:focus{border:1px solid #d1d8ed;outline:none}
.date-wrap span:nth-child(2){width:auto}
.ui-datepicker{padding:15px 10px 10px;width:228px; border:1px solid #c3c4cb;border-radius:10px;background-color:#fff;box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.16); display: none}
.ui-datepicker .ui-datepicker-header{position:relative}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title{line-height:18px;font-weight:700;text-align:center}
.ui-datepicker .ui-datepicker-header .ui-corner-all{width:18px;height:18px; text-indent:-9999px;cursor:pointer; display:inline-block;position:absolute;top:0}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{background:url('../images/btn_prev_cal.png') no-repeat center; left:0}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover{background-image:url('../images/btn_prev_cal_on.png')}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{background:url('../images/btn_next_cal.png') no-repeat center; right:0}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover{background-image:url('../images/btn_next_cal_on.png')}
.ui-datepicker .ui-datepicker-calendar{margin-top:20px; font-size:12px;text-align:center}
.ui-datepicker .ui-datepicker-calendar thead th{padding:2px; color:#8389a0}
.ui-datepicker .ui-datepicker-calendar tbody td{padding-top:4px}
.ui-datepicker .ui-datepicker-calendar tbody td a{padding:6px 0 2px;width:22px; border-radius:4px; display:inline-block}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover{background-color:#f1f2f5}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a{background-color:#f1f2f5}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a{color:#3b61ed;font-weight:700;background-color:#e6e8fb}
/* paginate - number */
.pagination{padding-top:30px; width:100%; text-align:center}
.pagination span{margin:0 1px; width:30px;height:20px; display:inline-block}
.pagination span a{padding-top:2px;width:100%;height:100%; font-size:16px;font-weight:700;text-align:center; display:block}
.pagination span.btn-num a:hover,
.pagination span.btn-num.active a{color:#3b61ed}
.pagination span.navi{margin:0 10px;width:20px;height:20px}
.pagination span.navi a{text-indent:-9999px}
.pagination span.prev a{background:url('../images/btn_prev_paging.png') no-repeat center}
.pagination span.prev a:hover{background:url('../images/btn_prev_paging_on.png') no-repeat center}
.pagination span.next a{background:url('../images/btn_next_paging.png') no-repeat center}
.pagination span.next a:hover{background:url('../images/btn_next_paging_on.png') no-repeat center}

.row:after{content:'';display:block;clear:both}

/* tab */
.tab-wrap .tab-menu:after{content:'';display:block;clear:both}
.tab-wrap .tab-menu li{margin-left:1px;min-width:110px; float:left}
.tab-wrap .tab-menu li:first-child{margin-left:0}
/*.tab-wrap .tab-menu li a{padding:12px 12px 11px; font-size:16px;color:#fff;font-weight:700;text-align:center; border-radius:12px 12px 0 0;background-color:#8389a0;display:block}*/
/*.tab-wrap .tab-menu li.active a{background-color:#4965b1}*/
.tab-wrap .tab-menu li{margin-left:1px;min-width:110px; float:left; padding:12px 12px 11px; font-size:16px;color:#fff;font-weight:700;text-align:center; border-radius:12px 12px 0 0;background-color:#8389a0;display:block}
.tab-wrap .tab-menu li.active{background-color:#4965b1}
.tab-wrap .inner-depth{margin-top:1px}
/* scroll */
.scroll-wrap{overflow:auto}
.scroll-wrap::-webkit-scrollbar-track{background-color:#f5f5f5}
.scroll-wrap::-webkit-scrollbar{width:8px;height:8px;background-color:#f5f5f5}
.scroll-wrap::-webkit-scrollbar-thumb{border-radius:8px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.3);background-color:#d1d8ed}
/* Win Mac */
.win-mac{padding:0 !important}
.win-mac >div{padding:8px 0; border-top:1px solid #d1d8ed}
.win-mac >div:after{content:'';display:block;clear:both}
.win-mac >div:first-child{border-top:0}
.win-mac >div em{width: 53px; line-height:24px;text-align:center;vertical-align:middle; float:left}
.win-mac >div a{padding:3px 0 3px 10px;width:calc(100% - 53px); line-height:24px; vertical-align:middle;border-left:1px solid #d1d8ed; float:left}
.win-mac .file-box{width:calc(100% - 53px);  float:left}
.win-mac .inp-box{width: calc(100% - 64px);  float:left}
/* layer popup */
.wrap-layer-popup{position:fixed;top:0; left:0; width:100%; height:100%; z-index:1000; overflow:auto}
.wrap-layer-popup .dimmed{width:100%;height:100%;min-height:100%; background:#000;opacity:.2;filter:alpha(opacity=20); position:absolute;top:0;left:0}
.wrap-layer-popup .loop{height:0;width:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px)}
.pop-layer{width:1060px;padding:16px 19px 19px;overflow:hidden;border:1px solid #adb5d3;border-radius:10px;background-color:#f2f4fc;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);position:absolute;top:50%;left:50%;z-index:1000;display:none;transform: translate(-50%, -50%);}
.pop-layer .pop-head{position:relative}
.pop-layer .pop-head h1{font-size:20px;line-height:30px;font-weight:700}
.pop-layer .pop-head h1 em{color:#3b61ed}
.pop-layer .pop-head .btn-close{width:30px;height:30px; text-indent:-9999px; background:url('../images/pop_btn_close.png') no-repeat 0 0; position:absolute;top:0;right:0}
.pop-layer .pop-cont{margin-top:18px}
.pop-layer .pop-cont h2{margin-top:28px; font-size:20px;font-weight:700}
.pop-layer .pop-cont .control-wrap table td{font-size:16px; /* text-align: center; */}
.pop-layer .pop-cont .control-wrap table tr td:last-child{text-align: left;}
.pop-layer .pop-cont .control-wrap table td .inp-box input{width:100%}
.pop-layer .pop-cont .brd-img{overflow:hidden; border:1px solid #d1d8ed}
.pop-layer .pop-cont .btn-wrap{margin:30px 0 10px}
.thumb-img{min-width: 50px;max-width:1060px;width:auto;}
.thumb-img .pop-cont .brd-img{min-height: 50px;max-height:500px;overflow-y: auto;}
.thumb-img .pop-cont .brd-img img{max-width:100%}
.pop-module .scroll-wrap{height:438px;}

/* each layer popup */
#lookAhead{width:auto}
#statusRegister .pop-cont .inp-check{margin-top:10px; display:block}
#thumbImg .pop-cont .brd-img{text-align: center;}

/* module popup */
.module-wrap{margin-top:30px}
.module-wrap strong{font-size:16px;font-weight:700}
.module-wrap .scroll-wrap{margin-top:10px;height:175px; border:1px solid #c3c4cb;background-color:#fff}
.module-wrap .scroll-wrap ul{padding-bottom:10px}
.module-wrap .scroll-wrap ul:after{content:'';display:block;clear:both}
.module-wrap .scroll-wrap li{margin:10px 0 0 10px;padding:12px 12px 0; width:100px;height:100px; text-align:center; border-radius:4px;background-color:#f2f4fc; float:left;position:relative}
.module-wrap .scroll-wrap li p{margin-top:1px; font-size:13px;height:2.4em; word-break:keep-all; display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.module-wrap .scroll-wrap li .btn-delete{width:24px;height:24px; text-indent:-9999px; border-radius:3px;background:#fff url('../images/btn_file.png') no-repeat center; position:absolute;top:2px;left:2px}
.module-wrap .all li input[type="checkbox"]{margin:0;padding:0;width:1px;height:1px; line-height:1;border:0; -webkit-appearance:none;-moz-appearance:none;appearance:none; opacity:0; position:absolute;top:0;left:0}
.module-wrap .all li input + label{width:100%;height:100%; cursor:pointer; display:inline-block}
.module-wrap .all li input + label:before{content:'';display:inline-block; width:24px;height:24px; border-radius:3px;background-color:#fff; box-sizing:border-box; position:absolute;top:2px;left:2px}
.module-wrap .all li input:checked + label:before{background:#fff url('../images/check02_on.png') no-repeat center}
.module-wrap .btn-select{margin:10px auto 0;width:160px;height:42px; text-indent:-9999px; border-radius:10px;background:#fff url('../images/btn_module.png') no-repeat center;display:block}

/* alignBox */
.alignBox {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%;margin-bottom: 20px;}
.alignBox .all-amount{font-size:20px;color:#8389a0;font-weight:700; display:block}

/* layout */
#wrap{padding-top:50px; width:100%;height:100%;position:relative}
#wrap header{padding:15px 0 10px 60px; border-bottom:1px solid #c3c4cb;background-color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000}
#wrap header:after{content:'';display:block;clear:both}
#wrap header h1{margin-left:20px;font-size:16px;line-height:24px;background:url('../images/ico_favicon.svg') no-repeat;background-size: 25px;padding: 0 0 0 30px;float:left;font-family: 'NanumGothic';}
#wrap header h1 strong{color:#3b61ed;font-family:  'NanumGothic';}
#wrap header h1 span{font-family:  'NanumGothic';}
#wrap header .btn-menu{width:60px;height:50px; border-right:1px solid #d8dbe5; position:absolute;top:0;left:0}
#wrap header .btn-menu span{width:20px;height:2px; background-color:#2d2d2d; position:absolute;left:20px;transition: all .3s linear}
#wrap header .btn-menu span:nth-of-type(1){top:17px}
#wrap header .btn-menu span:nth-of-type(2){top:24px}
#wrap header .btn-menu span:nth-of-type(3){top:31px}
#wrap header .btn-menu span::before{content:""; width:0;height:100%;background-color:#3b61ed; position:absolute;top:0;left:0;transition:all .3s linear}
#wrap header .btn-menu:focus span::before,
#wrap header .btn-menu:hover span::before{width:100%;transition:all .3s linear}
#wrap header .user-wrap{float:right}
#wrap header .user-wrap .user{font-size:16px;line-height:24px;font-weight:700; vertical-align:middle; float:left}
#wrap header .user-wrap .user em{margin-right:4px;padding:5px 9px 3px; font-size:14px;color:#3b61ed; border-radius:12px;background-color:#ebf0ff}
#wrap header .user-wrap .btn-logout{margin-left:0px;padding:0 20px; font-size:16px;line-height:24px;color:#8389a0; vertical-align:middle; float:left;position:relative}
#wrap header .user-wrap .btn-logout:before{content:'';display:block; width:1px;height:66.5%; background-color:#d8dbe5; position:absolute;top:14%;left:0}
#wrap header .user-wrap .btn-support{margin-left:20px;padding:0 20px; font-size:16px;line-height:24px; vertical-align:middle; float:left;position:relative; font-weight: bold;}
#wrap header .user-wrap .btn-support:before{content:'';display:block; width:1px;height:66.5%; background-color:#d8dbe5; position:absolute;top:14%;left:0}
#wrap .container{padding-left:220px;min-width:1280px;width:100%;min-height:100%; background-color:#ebedf1;position:relative;transition:all .2s linear}
#wrap .container nav{width:220px; border-right:1px solid #c3c4cb;background-color:#4965b1; position:fixed;top:50px;bottom:0;left:0;z-index:1000; transition:all .2s linear}
#wrap .container.offNav{padding-left:0}
#wrap .container.offNav nav{left:-220px}
#wrap nav .scroll-wrap{height:100%}
#wrap nav .scroll-wrap::-webkit-scrollbar-track{background-color:#4965b1}
#wrap nav .scroll-wrap::-webkit-scrollbar{background-color:#4965b1}
#wrap nav .scroll-wrap::-webkit-scrollbar-thumb{background-color:#304e9b}
#wrap nav a{padding:20px 20px 19px;font-size:18px;color:#fff;display:block;font-family: 'NanumGothic';}
#wrap nav a:focus,#wrap nav a:hover,#wrap nav a.active{background-color:#304e9b}
#wrap .contents{padding:20px 20px 30px}
#wrap .contents .tit h1{font-size:20px;font-weight:700;font-family: 'NanumGothic';}
/* enter */
.enter-wrap{width:100%;height:100%; background:url('../images/bg_login.png') no-repeat center;background-size:cover; position:relative}
.enter-wrap .enter{padding:80px 95px; width:614px;height:544px; text-align:center; border-radius:20px;background-color:#fff;box-shadow:0 8px 20px 0 rgba(0, 46, 114, 0.2); position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.enter-wrap .enter h1{margin:0 -10px;font-size:32px;font-weight:700;letter-spacing:-.5px}
.enter-wrap .enter .inner{padding:0 5px; position:relative}
.enter-wrap .enter .form .inp-box{margin-top:10px}
.enter-wrap .enter .form .inp-box.user-id{margin-top:37px}
.enter-wrap .enter .form .inp-box input{padding-left:55px;height:50px; font-size:20px;line-height:50px}
.enter-wrap .enter .form .inp-box:before{content:'';display:inline-block;padding-right:5px;width:30px;height:22px; border-right:1px solid #d1d8ed; position:absolute;top:14px;left:6px}
.enter-wrap .enter .form .inp-box.user-id:before{background:url('../images/ico_login_id.png') no-repeat 0 0}
.enter-wrap .enter .form .inp-box.user-pw:before{background:url('../images/ico_login_pw.png') no-repeat 0 0}
.enter-wrap .enter .form .inp-check{position:absolute;top:167px;left:5px}
.enter-wrap .enter .form .inp-check input + label{font-size:20px}
.enter-wrap .enter .form .notice{font-size:20px;color:#dc002d; display:inline-block;position:absolute;top:167px;right:5px}
.enter-wrap .enter .form .btns{margin:95px 0 0}
.enter-wrap .enter .txt-box{margin-top:37px;padding:14px;height:169px; font-size:20px;text-align:left; overflow-y:auto; border-radius:4px;background-color:#f2f4fc}
.enter-wrap .enter .btns{margin:36px 0 0;width:100%;height:54px; font-size:20px;line-height:56px}
/* control-wrap */
.control-wrap{margin-top:18px; position:relative;}
.control-wrap table{background-color:#fff}
.control-wrap table th{padding:8px 0 8px 20px; font-size:16px;line-height:42px;color:#8389a0;font-weight:400;text-align:left; border-top:1px solid #c3c4cb;position:relative}
.control-wrap table th:before{content:'';display:inline-block; width:1px;height:50%;background-color:#c3c4cb; position:absolute;top:25%;left:0}
.control-wrap table td:after{content:'';display:block;clear:both}
.control-wrap table th:first-child:before{display:none}
.control-wrap table td{padding:8px 10px; border-top:1px solid #c3c4cb;position:relative}
.control-wrap table td +td:before{content:'';display:inline-block; width:1px;height:50%;background-color:#c3c4cb; position:absolute;top:25%;left:0}
.control-wrap table tr:first-child th,
.control-wrap table tr:first-child td{border-top:0}
.control-wrap table td p{font-size:16px;max-height:2.6em; display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.control-wrap table td .inp-box.button input{width:290px;height:42px}
.control-wrap table td .inp-box input{width: 100%; margin: 5px 0 0 10px;}
.control-wrap table td .txt{margin-left:6px; color:#8389a0;vertical-align:middle}
.control-wrap table +.btn-wrap{margin-top:10px}
.control-wrap textarea{padding-left:10px;width:100%;height:100%;border:none;resize: none; font-size:16px;color:#2d2d2d;line-height:28px; border:1px solid #f2f4fc;border-radius:4px;background-color:#f2f4fc}
.control-wrap textarea:focus{border:1px solid #d1d8ed;outline:none}
.control-wrap #searchName{width: 260px; margin: 5px 0 0 10px;}

.control-wrap #baseInfo th{line-height:34px;}
.control-wrap #baseInfo .inp-box input[type="text"]{height:18px; font-size:16px; background-color:transparent;}

#infoPop thead th{padding:7px 0; line-height:24px;color:#fff; background-color:#4965b1; text-align: center;}
#infoPop thead tr td:first-child{text-align: center;}
#infoPop td ul:after{content:'';display:block;clear:both}
#infoPop tbody tr{height: 80px;}
#infoPop tbody tr:hover th,.list-wrap table tbody tr:hover td{background-color:#ecf1ff}
#infoPop td ul:after{content:'';display:block;clear:both}
#infoPop td li{width:170px; line-height:1.3;text-align:center; border-left:1px solid #d1d8ed; float:left}
#infoPop td li:first-child{border-left:0}
#infoPop td li strong{font-weight:700}
#infoPop td li input{margin-top:7px;text-align:center; border: 0px transparent;background-color: transparent;}

.list-wrap{margin-top:20px}
.list-wrap .all-amount{font-size:20px;color:#8389a0;font-weight:700; display:block}
.list-wrap .row .all-amount{margin:0;line-height:42px; display:inline-block}
.list-wrap .row{padding:10px;background-color:#fff;overflow: hidden;}
.list-wrap .row .amount{float:left}
.list-wrap .row .amount select{width:90px}
.list-wrap .row .btn-wrap{margin-top:0;float:right;display: flex;}
.list-wrap table{background-color:#fff}
.list-wrap table thead th{padding:7px 0; line-height:24px;color:#fff; background-color:#4965b1}
.list-wrap table thead th[data-sec="section"]{position:relative}
.list-wrap table thead th[data-sec="section"]:before{content:'';display:block; width:1px;height:130%;background-color:#8094c9; position:absolute;top:35%;left:0}
.list-wrap table tbody th{padding:11px 10px; line-height:1.3; border-top:1px solid #d1d8ed;border-left:1px solid #d1d8ed}
.list-wrap table tbody th select{margin-top:10px; width:100%;height:30px}
.list-wrap table tbody td{padding:11px 10px; line-height:1.3;text-align:center;word-break:break-word; border-top:1px solid #d1d8ed;border-left:1px solid #d1d8ed}
.list-wrap table tbody td:first-child{border-left:0}
.list-wrap table tbody tr:first-child th,.list-wrap table tbody tr:first-child td{border-top:0}
.list-wrap table tbody td >button{color:#3b61ed}
.list-wrap table tbody td a{max-height:2.6em; color:#3b61ed;text-align:left; display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.list-wrap table tbody td .align-center{text-align:center}
.list-wrap table tbody td .subject{display: flex; text-align:left}
.list-wrap table tbody td p{text-align:center}
.list-wrap table tbody td .ellipsis{max-height:2.6em; display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.list-wrap table tbody td .ellipsis2{max-height:3.9em; display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.3;overflow:hidden;text-overflow:ellipsis;text-align: center;}
.list-wrap table tbody td .thumbnail{width:160px;height:100px;max-height:none; display:inline-block}
.list-wrap table tbody td .thumbnail img{width:100%;height:100%}
.list-wrap table tbody td .btns{min-width:75px;height:30px; font-size:14px;line-height:30px;color:#fff; border-radius:4px}

.list-wrap table tbody td.img-height{padding:5px 10px;}
.list-wrap table tbody td.img-height img{max-height:47px; max-width: 305px;}
.list-wrap table .inp-box input{padding:0; height:30px;line-height:28px; text-align:center}
.list-wrap table .inp-box input:disabled{background-color:transparent}
.list-wrap table .inp-check{width:24px}
.list-wrap table .inp-check label{padding-left:24px; text-indent:-9999px}
.list-wrap table .pre{white-space:pre-line}
.list-wrap table tbody tr:hover th,.list-wrap table tbody tr:hover td{background-color:#ecf1ff}
.list-wrap table td ul:after{content:'';display:block;clear:both}
.list-wrap table td li{width:170px; line-height:1.3;text-align:center; border-left:1px solid #d1d8ed; float:left}
.list-wrap table td li:first-child{border-left:0}
.list-wrap table td li strong{font-weight:700}
.list-wrap table td li p{margin-top:7px;text-align:center}
.list-wrap .color-green{color:#4caf50;}
.list-wrap #toolInfo td p{text-align: left;}

/* each page */
.list-wrap .table-contents table tbody td:nth-child(n+3):nth-child(-n+7){text-align:left}
.list-wrap .additional-information table tbody th{text-align:left}
.list-wrap .solving-information table tbody th,
.list-wrap .solving-information table tbody td{text-align:left}
.list-wrap .module-information table tbody th,
.list-wrap .module-information table tbody td{text-align:left}
.list-wrap .resource-register .cell-file{color:#2d2d2d; display: flex; align-items: center;}

.loadingWrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.loadingWrap .loading{display:flex;width:100%;height:100%;align-items: center;justify-content: center;}
.loadingWrap .loading img{width:40px;height:40px}

.previewBox img{max-width:50%}

.lt_info{display:flex;flex-direction:column;justify-content: center;width: 280px;height: 42px;float: left;}
.lt_info span{display:block;}
.lt_info span#allFileSize{font-size:16px;color: #8389a0;margin-left: 10px;margin-top: 2px;}
.inp_cdn{vertical-align:middle; display:inline-block; position:relative}

.ipt_qstTypeSel{position:fixed;left:-9999rem;}
.ipt_qstTypeSel ~ .lbl_qstTypeSel:before{content:"";display:inline-block;width:20px;height:20px;border: solid 1px #d1d8ed;background: #f2f4fc;border-radius: 50%;margin-right: 4px;}
.ipt_qstTypeSel:checked + .lbl_qstTypeSel:after{content:"";display:inline-block;position:absolute;left: 6px;top: 7px;width:10px;height:10px;background: #2d2d2d;border-radius: 10px;}
.ipt_qstTypeSel ~ .lbl_qstTypeSel{display:inline-flex;width:60px;margin-right: 10px;align-items:center;line-height: 24px;position:relative}


.printRadio{position:fixed;left:-9999rem;}
.printRadio ~ .printLabel:before{content:"";display:inline-block;width:20px;height:20px;border: solid 1px #d1d8ed;background: #f2f4fc;border-radius: 50%;margin-right: 4px;}
.printRadio:checked + .printLabel:after{content:"";display:inline-block;position:absolute;left: 6px;top: 7px;width:10px;height:10px;background: #2d2d2d;border-radius: 10px;}
.printRadio ~ .printLabel{display:inline-flex;width:60px;margin-right:40px;align-items:center;line-height:24px;position:relative}

.videoBtn {max-height: 2.6em; color: #3b61ed; text-align: left; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3; overflow: hidden; text-overflow: ellipsis;}

.msg_bx {width: 100%;padding: 10px;font-size: 16px;color: #b54533;}
.toastPopup{position:fixed;left:0;top:0;background:rgba(0,0,0,.6);z-index: 9999;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 30px;}
.list-wrap.msgT .row{padding:10px;background-color:#fff;overflow: hidden;display: flex;align-items: center;}