@charset "UTF-8";
@import url(./oneFont.css);

/* 20-11-10 V0.1 */


/* common */

body {
    margin: 0px;
    font-family: 'Noto Sans Korean', '돋움', Dotum, sans-serif;
    letter-spacing: -0.05em;
}

html,
body {
    height: 100%;
}

.skip {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
    font-size: 0;
    visibility: hidden;
}

a,
a:visited,
a:link,
a:hover {
    text-decoration: none;
    box-sizing: border-box;
}

ul,
li,
dl,
dt {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

button {
    background: none;
    border: 0px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    box-sizing: border-box;
    font-family: 'Noto Sans Korean', '돋움', Dotum, sans-serif;
}

input,
select {
    border-radius: 2px;
    margin-top: 0;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    vertical-align: middle;
    font-family: 'Noto Sans Korean', '돋움', Dotum, sans-serif;
}

input {
    text-indent: 10px;
}


/*select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand { display: none; }*/

strong {
    font-weight: 500;
}

.stext {
    font-size: 14px;
}

textarea {
    resize: none;
    border-radius: 2px;
    height: 120px;
    width: 100%;
    border: 1px solid #D7D8D9;
    font-size: 16px;
    padding: 20px;
    box-sizing: border-box;
    font-family: 'Noto Sans Korean', '돋움', Dotum, sans-serif;
}

.al {
    text-align: left;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

caption {
    position: absolute;
    left: -9999px;
}

.op {
    opacity: 0;
}

/* 2024년 7월 1일 패스워드 초기화 관련 추가*/

.at-symbol {
    font-size: 12px; /* 원하는 폰트 사이즈로 설정 */
    margin: 0 5px; /* 입력 필드 간격을 조절 */
}

.email-container {
    display: flex;
    align-items: center;
}

.email-inputs {
    display: flex;
    align-items: center;
    margin-left: 5px; /* icon-mail과 input 사이의 간격 조절 */
}

.email-container .oneInput {
    width: 190px; /* 입력 필드 너비 설정 */
    margin: 0 5px; /* 입력 필드 간격을 조절 */
}


/* index */

.oneIndex {
    background: #eee;
}

.oneIndex h1 {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    margin: 30px;
}

.oneIndex h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 20px 30px;
    background: #eee;
    z-index: 10;
}

.oneIndex h3 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 10px 30px;
    background: #eee;
    z-index: 10;
}

.oneIndex h2::after {
    content: "";
    position: absolute;
    right: 30px;
    border-top: 1px dashed #ccc;
    margin-top: 18px;
    z-index: 1;
}

.oneIndex .listLinkUl {
    margin: 10px 30px;
    position: relative
}

.oneIndex .listLinkUl li {
    display: block;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 3px;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    padding-left: 150px;
    transition: all 0.3s ease;
}

.oneIndex .listLinkUl li:nth-child(even) {
    background: rgb(242, 247, 248);
}

.oneIndex .listLinkUl li>strong {
    display: inline-block;
    width: 130px;
    position: absolute;
    left: 10px;
    font-size: 14px;
}

.oneIndex .listLinkUl li>strong::after {
    content: "";
    position: absolute;
    height: 20px;
    top: 5px;
    border-right: 1px dashed #ccc;
    right: 0px;
}

.oneIndex .listLinkUl li>span {
    font-size: 12px;
    padding-left: 5px;
    color: rgb(96, 189, 206);
}

.oneIndex .listLinkUl li>.listStep {
    font-size: 12px;
    height: 20px;
    border-radius: 4px;
    left: 150px;
    line-height: 20px;
    top: 5px;
    padding: 0px 5px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}

.oneIndex .listLinkUl li>.listStep.step1 {
    background: rgb(255, 160, 36);
}

.oneIndex .listLinkUl li>.listStep.step2 {
    background: rgb(48, 142, 158);
}

.oneIndex .listLinkUl li>.listStep.step3 {
    background: #ccc;
}

.oneIndex .listLinkUl li>.listStep.step4 {
    background: #cf0000;
}

.oneIndex .listLinkUl li>.listUrl {
    display: inline-block;
    font-size: 12px;
    position: absolute;
    height: 30px;
    right: 0px;
    text-align: right;
    margin: 0px;
    padding: 0px 10px;
    color: rgb(96, 189, 206);
}

.oneIndex .listLinkUl li:hover {
    background: rgb(48, 142, 158);
    color: #fff;
}

.oneIndex .listLinkUl li:hover strong {
    color: #fff;
}

.oneIndex .listLinkUl li:hover span {
    color: #fff;
}

.oneIndex .listLinkUl li:hover div {
    color: #fff;
}

.oneIndex .listLinkUl li:hover .listStep {
    background-color: #fff;
    color: #000;
}

.oneIndex .totalBox {
    position: absolute;
    top: 20px;
    right: 30px;
}

.oneIndex .totalBox dl {
    margin: 0px;
    text-align: right;
}

.oneIndex .totalBox dl dt {
    display: inline-block;
    margin-left: 20px;
    color: #777;
}

.oneIndex .totalBox dl dd {
    display: inline-block;
    font-size: 40px;
    margin: 0px 0px 0px 10px;
    font-weight: 600;
}

.oneIndex .totalBox dl #total1 {
    color: rgb(255, 160, 36);
}

.oneIndex .totalBox dl #total2 {
    color: rgb(48, 142, 158);
}

.oneIndex .totalBox dl #total3 {
    color: #ccc;
}

.oneIndex .totalBox dl #total4 {
    color: #cf0000;
}


/* admin layout */

.oneAdminLayout {
    position: relative;
    height: 100%;
}

.oneATopLayout {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    min-width: 1400px;
    background: #fff;
    z-index: 3;
}

.oneATopLayout h1 {margin: 0px; position: absolute; left: 20px; top: -7px; bottom: 0px; overflow: hidden;}
.oneATopLayout h1 a {font-size: 15px; color: #000; font-weight: 500;}
.oneATopLayout h1 img {vertical-align: middle; margin-right: 10px;}
	.oneGnbList {width: 800px; margin: 0 auto; text-align:center;}
	.oneGnbList li {display:inline-block; margin:0px 10px;}
	.oneGnbList li a {display:inline-block; font-size:17px; padding:0px 10px; line-height:50px; color:#000; position:relative; transition:all 0.3s ease; font-weight: 500;}
	.oneGnbList li.on a {color:#EE2C49;}
	.oneGnbList li.on a:before {content:""; position:absolute; left:10px; right:10px; bottom:0px; border-bottom:2px solid #EE2C49;}
	.oneGnbList li a:hover {color:#EE2C49;}
	.oneATopR {position: absolute; right: 25px; top: 8px;}
		.oneATopRUser {cursor: pointer; float: left; padding-right: 17px; line-height: 30px; transition: all .3s ease;}
		.userIcon { vertical-align: middle; display: inline-block; margin: 0px 6px; width: 21px; height: 21px; border-radius: 50%; overflow: hidden; border: 1px solid #666;
		background-color: transparent; text-align: center; line-height: 18px; color: #666;}
		.userIcon span { font-size: 13px; margin-top: 6px; display: inline-block;}
		.userText {vertical-align: middle; font-size: 14px; color: #888;}
		.myInfomationBox {display: none; position: absolute; width: 300px; background-color: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); top: 43px; right: 0; border-radius: 10px;}
		.myInfo_In {padding: 12px 20px 23px;}
		.mi_in_title { position: relative; font-weight: 500; color: #000; font-size: 18px; padding: 0 0 12px 0; margin: 0 0 12px 0; border-bottom: 1px solid #D7D7D7;}
		.mi_in_title a {position: absolute; right: 0; top: 0; color: #666;}
		.myInfo_In ul li {margin-top: 12px;}
		.myInfo_In ul li:first-child { margin-top: 0;}
		.myInfo_In ul li strong {color: #000; font-size: 13px; margin: 0 0 4px 0;}
		.myInfo_In ul li .oneInput.w100 {width: 100%;}
		.myInfo_In ul li .email {color: #EE2C49; font-size: 15px;}
		.myInfo_In ul li .company {font-size: 13px; color: #666;}
		.myInfo_In ul li input {background-color: #F7F8F9; border: 1px solid #CFD2D5; font-size: 13px; text-indent: 5px;}
		.myInfo_In ul li.passwordChange {margin: 0 0 20px 0;}
		.myInfo_In ul li.passwordChange .pc_Box { position: relative;}
		.myInfo_In ul li.passwordChange .pc_Box input { margin: 4px 0 0 0;}
		.myInfo_In ul li.passwordChange .pc_Box input.existing { padding-right: 60px;}
		.myInfo_In ul li.passwordChange .pc_Box button { padding: 3px 5px; border-radius: 3px; cursor: pointer; transition: all .3s ease; position: absolute;  color: #EE2C49;  font-size: 13px; border: 1px solid #EE2C49; right: 0; top: 4px; background-color: #fff;}
		.myInfo_In ul li.passwordChange .pc_Box button:hover { background-color: #EE2C49;  color: #fff;}
		.myInfo_In .saveBtn {  display: block; transition: all .3s ease; width: 252px; text-align: center; color: #fff; border: 1px solid #EE2C49; background-color: #EE2C49;
    font-size: 14px; border-radius: 22px; padding: 12px 0;}
		.myInfo_In .saveBtn:hover {color: #EE2C49; background-color: #fff;}
		.userText strong { color: #000}
		.logoutBu { display: inline-block;  margin-top: 6px; padding: 0px 10px; line-height: 21px; font-size: 11px; background-color: #808080; color: #fff; transition: all 0.3s ease;
    position: relative; border-radius: 15px;}
		.logoutBu span {    vertical-align: middle;}
		.logoutBu .icon-login {    font-size: 13px;  color: #fff;  margin: 0 6px 0 0;  display: inline-block;}
		.logoutBu:hover { transform: scale(1.1); color: #fff;}

.oneDashLayout {width:1380px; margin:0px auto; padding-top:90px;}
	.oneDashBox {height:280px; background:#fff; border-radius:10px; position:relative;}
	.oneDashBox h2 {position:absolute; font-size:22px; font-weight:bold; top:24px; left:32px; margin:0px;}
	.oneDashBox_noData {padding:100px 0px 0px; text-align:center;}
	.oneDashBox_noData h3 {font-size: 26px; margin: 0px;}
	.oneDashBox_noData p {font-size: 16px; color: #666; margin: 10px 0px;}
		.oneDashL {float:left; width:330px; height:170px; margin:75px 20px 0px 32px; background:rgba(238,44,73,0.04); }
		.oneDashL h3 {margin:24px 0px 10px 30px; font-size:17px; color:#333;}
		.oneDashL p {margin:10px 0px 0px 30px; font-size:16px; color:#666;}
		.oneDashL .tNum {text-align:right; padding-right:30px; font-size:20px; color:#666;}
		.oneDashL .tNum strong {font-size:48px; color:#EE2C49; font-weight: 600;}
		.oneDashR {border-left:1px dotted #ccc; float: left; margin: 13px 0px; height: 255px;}
		.oneDashR h3 {position:absolute; margin:14px 0px 10px 30px; font-size:17px; color:#666;}
		.oneDashR ul {margin-left:90px;}
		.oneDashR ul li {width:175px; float:left; text-align:center; position:relative;}
		.oneDashR ul li img {vertical-align: -5px; padding-right: 3px;}
		.oneDashR ul li .chartSvg {transform:rotate(-90deg)}
		.oneDashR .chartNum {position:absolute; left:0px; right:0px; text-align:center; font-size:28px; color:#000; font-weight:600; top:75px;}
	.oneDashLBox {float:left; width:calc(50% - 20px); height:500px; background:#fff; border-radius:10px; position:relative; margin-top:40px;}
	.oneDashLBox h2 {margin: 20px 30px; font-size: 22px;}
	.oneDashLBox .dashsBu {position:absolute; top:20px; right:30px; border:1px solid #000; border-radius:3px; font-size:15px; line-height:32px; padding:0px 30px;}
	.oneDashLBox ul {margin:0px 30px;}
	.oneDashLBox ul li {margin:10px 0px; background:#F7F7F7; line-height:40px; border-radius:3px;}
	.oneDashLBox ul li strong {width:140px; padding:0px 20px; display:inline-block; font-size: 0.9rem;}
	.oneDashLBox ul li input {    width: calc(85% - 100px); line-height: 30px; height: 30px; display: inline-block; border-radius: 5px; vertical-align: 2px; box-sizing: border-box;}
	.oneDashLBox ul li input[readonly=readonly] {background:#F7F7F7; border:1px solid #F7F7F7;}
	.oneDashRBox {float:right; width:calc(50% - 20px); height:500px; background:#fff; border-radius:10px; position:relative; margin-top:40px;}
	.oneDashRBox h2 {margin: 20px 30px; font-size: 22px;}
	.oneDashRBox .dashsBu {position:absolute; top:20px; right:30px; border:1px solid #000; border-radius:3px; font-size:15px; line-height:32px; padding:0px 30px;}
	.oneDashRBox ul {margin:0px 30px;}
	.oneDashRBox ul li {margin:10px 0px; background:#F7F7F7; line-height:40px; border-radius:3px;}
	.oneDashRBox ul li strong {width:200px; padding:0px 20px; display:inline-block; font-size: 0.9rem;}
	.oneDashRBox ul li select {width: calc(80% - 130px); line-height: 30px; height: 30px; display: inline-block; border-radius: 5px; vertical-align: 2px; box-sizing: border-box;}

    .oneDataBox {background:#fff; border-radius:10px; position:relative; margin-bottom:30px;}
	.oneDataBox h2 {position:absolute; font-size:22px; font-weight:bold; top:24px; left:32px; margin:0px;}
    .oneDataBoxIn {margin-left:250px;}
    .oneDataBoxIn .oneDataTable {margin:0px 20px 0px 0px; padding:30px 0px 10px;}
    .oneDataBoxIn .oneDataTable .table_normal {margin-bottom:20px;}
    
.oneListLayout {width:1380px; margin:0px auto; padding-top:90px;}
.oneListLayout ul li {margin:15px 0px; background:#fff; border-radius:10px; position:relative; min-height: 110px }
.oneListLayout .logoBox {position: absolute; left:30px; top:25px; width:65px; height:65px; overflow:hidden; border:1px solid #ccc; border-radius:10px;}
.oneListLayout .logoBox img {width: 100%; margin: auto; position: absolute; top: 0px; bottom: 0px;}
.oneListLayout h2 {margin: 0px 0px 10px 130px;font-size: 20px; color: #555; padding-top: 25px; font-weight: 500;}
.oneListLayout p {margin:0px 0px 3px 130px; font-size:15px; color:#888;}
	.oneListRBox {position: absolute; right:30px; top:35px; font-size:14px;}
	.oneListBuGray {display:inline-block; min-width:140px; text-align:center; font-size:14px; color:#fff; padding:0px 20px; line-height:48px; background:#5D6C88; border-radius:12px; margin-left:15px; transition:all 0.3s ease; transform:translateZ(30px);}
	.oneListBuGray:hover {transform:scale(1.1);}
	.oneListBuRed {display:inline-block; min-width:140px; text-align:center; font-size:14px; color:#fff; padding:0px 20px; line-height:48px; background:#EE2C49; border-radius:12px; margin-left:15px; transition:all 0.3s ease;}
	.oneListBuRed:hover {transform:scale(1.1);}
	.oneListBuGreen {display:inline-block; min-width:140px; text-align:center; font-size:14px; color:#fff; padding:0px 20px; line-height:48px; background:#228d26; border-radius:12px; margin-left:15px; transition:all 0.3s ease; transform:translateZ(30px);}
	.oneListBuGreen:hover {transform:scale(1.1);}
	.oneList_noData {text-align:center}
	.oneList_noData h3 {font-size: 26px; margin:0; padding-top:20px;}
	.oneList_noData p {font-size: 16px; color: #666; margin: 10px 0px;}
	.oneListBuRedMini {display:inline-block; min-width:50px; text-align:center; font-size:10px; color:#fff; padding:0px 20px; line-height:22px; background:#ff9800; border-radius:5px; margin-left:5px; transition:all 0.3s ease;}
	.oneListBuRedMini:hover {transform:scale(1.1);}

/*leftmenu*/

.oneALeftMenu {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    position: absolute;
    left: 10px;
    right: auto;
    bottom: 0px;
    top: 60px;
    overflow: hidden;
    width: 300px;
    display: none;
}
.surveyLUl {height: calc(100% - 40px);}
.oneALeftMenuIn {height: calc(100% - 40px); margin: 10px;}
.oneALeftMenuIn ul {height:100%;}

.oneALeftMenuIn>ul>li {
    padding: 0 17px 0 20px;
    border-top: 1px dashed #D7D7D7;
}

.oneALeftMenuIn>ul>li:first-child {
    border-top: none;
}

.oneALeftMenuIn>ul>li>a {
    display: block;
    padding: 15px 0 14px 0;
    font-size: 16px;
    color: #666;
    font-weight: 500;
    position: relative;
}

.oneALeftMenuIn>ul>li>a>span {
    font-size: 15px;
    position: absolute;
    right: 10px;
    top: 18px;
    display: inline-block;
    transition: all .3s ease;
}

.oneALeftMenuIn>ul>li>ul>li {
    padding: 6px 0;
    position: relative;
    font-size: 14px;
    color: #666;
}

.oneALeftMenuIn>ul>li>ul>li {
    position: relative;
    border-bottom: 1px dashed #ccc;
    padding: 13px 0px 6px;
}

.oneALeftMenuIn>ul>li>ul>li>a {
    cursor: pointer;
    display: block;
    color: #666;
    padding-right: 95px;
    word-break: keep-all;
    margin-top: -4px;
    line-height: 120%;
    padding-bottom: 5px;
    font-size: 16px;
}
.oneALeftMenuIn>ul>li>ul>li>a .icon-down {font-size: 15px; position: absolute; right: 5px; top: 12px; display: inline-block; transition: all .3s ease; color: #666; transform: rotate(180deg);}
.oneALeftMenuIn>ul>li>ul>li.hide .icon-down {transform: rotate(0deg);}
.oneALeftMenuIn>ul>li>ul>li>ul {margin:10px 0px}
.oneALeftMenuIn>ul>li>ul>li>ul>li.on a {color:#EE2C49;}
.oneALeftMenuIn>ul>li>ul>li>ul>li a {font-size: 14px; line-height:26px; color:#666;}

.oneALeftMenuIn>ul>li>ul>li .gageBox {
    position: absolute;
    right: 30px;
    top: 6px;
}

.oneALeftMenuIn>ul>li>ul>li .gageBox strong {
    color: #9F9F9F;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.oneALeftMenuIn>ul>li>ul>li .gageBox strong span {
    font-size: 10px;
    margin-left: 3px;
}

.oneALeftMenuIn>ul>li>ul>li .gageBox .gagebar {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 8px;
    border-radius: 20px;
    background-color: #DFDFDF;
    overflow: hidden;
}

.oneALeftMenuIn>ul>li>ul>li .gageBox .gagebar .gagebarIn {
    border-radius: 20px;
    width: 100%;
    height: 8px;
    display: block;
}

.oneALeftMenuIn>ul>li>ul>li .gageBox .gagebar .gagebarIn span {
    display: block;
    background-color: #9D9D9D;
    height: 100%;
    border-radius: 20px;
}


/*leftmenu > 진행현황 메뉴 */

.oneALeftMenuIn>.progressMenu {
    margin: 24px 19px;
    height: 100%;
}

.oneALeftMenuIn>.progressMenu>.tabBox {
    position: relative;
    height: 34px;
    background-color: #BCBCBC;
    border-radius: 20px;
    margin-bottom: 18px;
}

.oneALeftMenuIn>.progressMenu>.tabBox li {
    transition: all .3s ease;
    border: none;
    font-size: 14px;
    line-height: 34px;
    position: absolute;
    height: 34px;
    display: block;
    width: 50%;
    background-color: #BCBCBC;
    border-radius: 20px;
    right: 0;
}

.oneALeftMenuIn>.progressMenu>.tabBox li a {
    transition: all .3s ease;
    color: #fff;
    padding: 0;
}

.oneALeftMenuIn>.progressMenu>.tabBox li:first-child {
    left: 0;
}

.oneALeftMenuIn>.progressMenu>.tabBox li.on {
    background-color: #EE2C49;
    box-shadow: 2px 2px 10px rgb(248, 183, 193);
    border: none;
}

.oneALeftMenuIn>.progressMenu>.tabBox li.on a {
    color: #fff;
}

.oneALeftMenuIn>.progressMenu>.tabBoxCon {
    margin: 0 5px 20px;
}

.oneALeftMenuIn>.progressMenu>.tabBoxCon strong {
    color: #EE2C49;
    font-size: 14px;
    font-weight: 500;
}

.oneALeftMenuIn>.progressMenu>.tabBoxCon h3 {
    font-size: 23px;
    margin: 0 0 10px 0;
    font-weight: 400;
    word-break: keep-all;
}

.oneALeftMenuIn>.progressMenu>.tabBoxCon .date {
    color: #888;
    font-size: 14px;
}

.oneALeftMenuIn>.progressMenu .pageMoveBox a {
    border-radius: 8px;
    padding: 8px 0;
    display: block;
    border: 1px solid #D7D7D7;
    text-align: center;
    color: #666;
    font-size: 13px;
}

.oneALeftMenuIn>.progressMenu .pageMoveBox a .icon-home {
    color: #aaa;
    font-size: 14px;
    margin-right: 6px;
}

.oneALeftMenuIn>.progressMenu .pageMoveBox a span {
    vertical-align: middle;
}

.oneALeftMenuIn>ul>li.on>a {
    color: #000;
    font-weight: 500;
}

.oneALeftMenuIn>ul>li.on>a>span {
    transform: rotate(180deg);
}

.oneALeftMenuIn>ul>li>ul>li.on > a {
    color: #EE2C49;
    font-weight: 500;
}

.oneALeftMenuIn>ul>li>ul>li.on .gageBox strong {
    color: #000
}

.oneALeftMenuIn>ul>li>ul>li.on .gageBox .gagebar .gagebarIn span {
    background-color: #EE2C49
}


/* 기업목록 */

.comBox {
    height: calc(100% - 167px);
}

.comBox h3 {
    font-size: 16px;
    font-weight: normal;
}

.comBoxIn {
    height: calc(100% - 80px);
}

.comBox ul li a::before {
    content: "-";
    padding-right: 5px;
}

.comBox ul li a {
    line-height: 25px;
    font-size: 14px;
    color: #666;
    display: block;
}

.comBox ul li.on a {
    color: #cf0000;
}

.oneContentBox {
    position: fixed;
    top: 60px;
    right: 26px;
    left: 320px;
    bottom: 32px;
    transition: all 0.6s ease;
}

/* 실사자 페이지 : 좌측 업체 리스트 슬라이드 토글 */
#sub .corpListPanel {
    position: fixed;
    top: 72px;
    left: 0;
    bottom: 12px;
    width: 300px;
    transition: transform 0.3s ease;
    z-index: 5;
}

#sub.corp-list-hidden .corpListPanel {
    transform: translateX(-320px);
}

#sub.corp-list-hidden .oneContentBox {
    left: 26px;
}

/* 좌측 메뉴에 붙는 슬라이드 토글 버튼 */
.leftMenuToggleBtn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 300px;
    width: 20px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: red;
    font-weight: bold;
    border: 1px solid #dddddd;
    border-left: none;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    color: #ffebee;
    z-index: 6;
}

#sub.corp-list-hidden .leftMenuToggleBtn {
    left: 0;
    border-radius: 6px;
}

.foldBtn {
    position: absolute;
    top: 50%;
    right: -20px;
    z-index: 2;
    color: #4B4B4B;
    transition: all .3s ease;
}

.oneContentBoxIn {
    height: 100%;
    position: relative
}

.oneARightMenu {
    transition: all .6s ease;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    position: absolute;
    left: auto;
    right: -364px;
    bottom: 0px;
    top: 0;
    overflow: hidden;
    width: 338px;
}

.oneARightMenuIn {
    height: 100%;
}

.helpListBox {
    padding: 20px 15px 20px 25px;
    box-sizing: border-box;
    height: 100%;
}

.helpListBox h3 {
    border-bottom: 3px solid #F6F6F6;
    margin: 0 0 30px 0;
    font-size: 18px;
    padding: 0 0 20px 0;
}

.helpListBox>a.icon-multipli {
    position: absolute;
    top: 21px;
    font-size: 20px;
    right: 25px;
    color: #000;
    transition: all 0.3s ease;
    display: inline-block;
    padding: 3px;
}

.helpListBox>a.icon-multipli:hover {
    transform: rotate(180deg);
}

.helpListBoxIn {
    font-size: 14px;
    color: #666;
    height: calc(100% - 90px);
    padding-right: 10px !important;
}

.helpListBoxIn strong {
    color: #000;
    font-weight: 500;
    line-height: 24px;
}

.helpListBoxIn>ul>li {
    margin-top: 12px;
    color: #666;
}

.helpListBoxIn>ul>li:first-child {
    margin-top: 0;
}

.helpListBoxIn>ul>li strong {color: #4189D1;}
.helpListBoxIn>ul>li strong.red {color: #cf0000;}
.helpListBoxIn>ul>li strong.black {color: #000;}

.oneCentBox {
    transition: all .6s ease;
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
}

.oneCentBoxIn {
    height: 100%;
}

.surveyBox {
    padding: 58px 92px;
}

.surveyBox {
    color: #0D0D0D;
    font-size: 28px;
    font-weight: 500;
    margin: 0 0 12px 0;
}

.surveyLogo {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-color: #F6F7F8;
    text-align: center;
    line-height: 215px;
    position: absolute;
    right: 124px;
    top: 60px;
}

.surveyLogo img {
    width: 70%;
}

.surveyBox .date {
    display: block;
    color: #888;
    font-size: 15px;
    margin: 0 0 24px 0;
}

.surveyBox .surveyStartBtn {
    transition: all .4s ease;
    display: inline-block;
    background-color: #EE2C49;
    color: #fff;
    width: 220px;
    height: 55px;
    text-align: center;
    line-height: 50px;
    border-radius: 40px;
    font-size: 18px;
    margin-bottom: 50px;
}

.surveyBox .surveyStartBtn span {
    vertical-align: middle;
}

.surveyBox .surveyStartBtn span.icon-play {
    margin-right: 23px;
}

.surveyBox .surveyStartBtn:hover {
    box-shadow: 5px 5px 15px #F8B7C1;
}

.surveyBoxIn {
    color: #666;
    font-size: 20px;
}

.surveyBox .surveyExamText {
    font-size: 16px;
    color: #666;
    margin-bottom: 50px;
}

.privacyBox .tableHeadL {
    color: #000;
    font-size: 16px;
}

.privacyBox .tableHeadR label {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.privacyBox .tableHeadR input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.privacyBox .tableHeadR input[type="checkbox"]+label:before {
    border: 2px solid #000;
    margin-top: 0;
    margin-right: 4px;
}

.privacyBox .tableHeadR input[type="checkbox"]:checked+label:before {
    background-color: #EE2C49;
    border: 2px solid #EE2C49;
}

.privacyBox .tableHeadR input[type="checkbox"]:checked+label:after {
    left: 4px;
    top: 12px;
}

.termsBox dl {}

.termsBox dl>dt {
    background: #F7F8F9;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    ;
    position: relative;
}

.termsBox dl>dt input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.termsBox dl>dt input[type="checkbox"]+label {
    margin-left: 15px;
}

.termsBox dl>dt input[type="checkbox"]+label {
    color: #000;
    z-index: 2;
    position: relative;
}

.termsBox dl>dt input[type="checkbox"]+label:before {
    margin-right: 4px;
}

.termsBox dl>dt input[type="checkbox"]:checked+label:before {
    background: #EE2C49;
    border: 1px solid #EE2C49;
}

.termsBox dl>dt input[type="checkbox"]:checked+label:after {
    top: 12px;
}

.termsBox dl>dt a {
    display: block;
    text-align: right;
    padding-right: 15px;
    position: absolute;
    width: 100%;
    color: #000;
}

.termsBox dl>dt a span {
    transition: all 0.3s ease;
    display: inline-block;
}

.termsBox dl>dt a.on span {
    transform: rotate(180deg);
}

.termsBox dl>dd {
    border: 1px solid #D7D7D7;
    margin-left: 0;
    background: #fff;
    height: 100px;
    overflow-y: auto;
    font-size: 15px;
    color: #666;
    padding: 25px;
    box-sizing: border-box;
}

.termsBox dl>dd table {
    margin: 0;
}

.createBox {
    height: 100%;
}

.createBoxTop {
    position: relative;
    padding-left: 20px;
    line-height: 69px;
    border-bottom: 3px solid #F6F6F6;
}

.createBox h3 {
    margin: 0;
    color: #000;
    font-weight: 500;
    font-size: 20px;
}

.createBox .oneRBtns {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.createBox .oneRBtns a {
    display: inline-block;
    margin: 0 2px;
    padding: 0 25px;
    line-height: 42px;
    border-radius: 21px;
    color: #fff;
    background-color: #BCBCBC;
}

.createBox .oneRBtns a.prev {
    background-color: #BCBCBC;
}

.createBox .oneRBtns a.next {
    background-color: #5D6C88;
}

.createBox .oneRBtns a.submit {
    background-color: #EE2C49;
}
.createBox .oneRBtns a.submithide {
    background-color: #EE2C49;
}


.createBox .oneRBtns2 {
    position: relative;
    top: 50%;
/*     right: 20px; */
    transform: translateY(30%);
}

.createBox .oneRBtns2 a {
    display: inline-block;
    margin: 0 2px;
    padding: 0 25px;
    line-height: 42px;
    border-radius: 21px;
    color: #fff;
    background-color: #BCBCBC;
}


.createBox .oneRBtns2 a.notBasicInfo{
    background-color: #5D6C88;
}

.createBox .sv_pageBu {
    transition: all .4s ease;
    position: absolute;
    right: 17px;
    top: 14px;
    font-size: 15px;
    color: #fff;
    border-radius: 25px;
    padding: 10px 30px;
    background-color: #EE2C49;
}

.createBox .sv_pageBu.disabled {
    background-color: #BCBCBC;
    cursor: default;
}

.createBox .sv_pageBu.disabled:hover {
    box-shadow: none;
}

.createBox .sv_pageBu:hover {
    box-shadow: 5px 5px 15px #F8B7C1;
    ;
}

.createBox .sv_pageBu span {
    padding-right: 5px;
}

.createBox .surveySubmit {
    transition: all .4s ease;
    position: absolute;
    right: 17px;
    top: 14px;
    font-size: 15px;
    color: #fff;
    border-radius: 25px;
    padding: 10px 30px;
    background-color: #EE2C49;
}

.createListBox {
    height: calc(100% - 72px);
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    background: rgba(0, 0, 0, 0.4)
}

.createList {
    margin: 30px 0px;
}

.createList>li {
    position: relative;
    padding: 32px 20px;
    border-top: 1px dashed #D7D8D9;
}

.createList>li {
    padding: 0 20px;
}

.createList>li:first-child {
    border-top: none;
}

.createList>li>h4 {
    position: relative;
    margin: 0 0 22px 0;
    color: #333;
    font-size: 16px;
    padding: 5px 0 0 0;
}

.createList li>h4>span {
    /*position: absolute;
    left: 0;
    width: 35px;*/
    text-align: right;
}

.createList li>h4 strong {
    margin-right: 10px;
    /*padding-left: 40px;*/
    display: inline-block;
}

.createList li>h4>a {
    position: absolute;
    top: -5px;
    font-size: 23px;
    color: #5D6C88;
}

.createList>li .saveAlert {
    display: inline-block;
    background-color: #EAF8F2;
    color: #00C16D;
    border-radius: 20px;
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 30px;
    width: 88px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.createValueBox {
    margin: 10px 10px 10px 40px;
}

.createValueTitle {
    border-bottom: 1px dashed #efefef;
    padding-bottom: 5px;
    font-size: 14px;
    color: #4189d1;
}

.sreateVT {
    min-width: 100px;
    color: #000;
    display: inline-block;
}

.sreateVTW {
    min-width: 200px;
    color: #000;
    display: inline-block;
}

.createValueList li {
    padding-bottom: 5px;
}

.createCheckList {
    margin-bottom: 30px;
    padding-left: 20px;
}
.basicBox#surveyElement .createCheckList.esgData > li {margin:4px 0px;}
.basicBox#surveyElement .createCheckList.esgData input[type="text"] {width: 150px; height: 42px; font-weight: 600; border-radius: 10px; color: #000; background-color: #fff; text-indent: 5px;}
.basicBox#surveyElement .createCheckList.esgData .esgDataTitle {min-width:150px; display:inline-block;}

.createCheckList.esgData input[type="text"] {width: 200px; height: 42px; font-weight: 600; border-radius: 10px; color: #000; background-color: #fff;}
.createCheckList.esgData .esgDataTitle {min-width:240px; display:inline-block;}

.respondent.esgData input[type="text"] {width: 150px; height: 42px; font-weight: 600; border-radius: 10px; color: #000; background-color: #fff; text-indent: 5px;}
.respondent.esgData .esgDataTitle {min-width:200px; display:inline-block;}
.generalOPinList .conR  .esgData {padding:0px; margin-left:-40px;}
.generalOPinList .conR  .esgData input[type="text"] {width: 140px; height: 42px; font-weight: 600; border-radius: 10px; color: #000; background-color: #fff; text-indent: 5px;}
.generalOPinList .conR  .esgData .esgDataTitle {min-width:150px; display:block;}
.createList>li>.createCheckList>li {
    margin-top: 12px;
}

.createList>li>.createCheckList>li:first-child {
    margin-top: 0;
}

.createCheckList>li label {
    cursor: pointer;
}


/*
.createCheckList>li label span:first-child {
    padding-left: 8px;
}*/

.createList input[type="text"] {
    background-color: #F7F8F9;
    border: 1px solid #BCBCBC;
    width: 420px;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
    margin-left: 2px;
}

.createList table input {
    margin-right: 5px;
}

.createList table tr>td:first-child {
    padding-right: 40px;
}

.createCheckList>li input[type="checkbox"] {
    display: none;
}

.createList>li>.createCheckList>li input[type="checkbox"]+label:before {
    background-color: #ECECEC;
    border: 1px solid #BCBCBC;
}

.createList>li>.createCheckList>li input[type="checkbox"]:checked+label:before {
    background-color: #EE2C49;
    border: 1px solid #EE2C49;
}

.createList>li>.createCheckList>li input[type="checkbox"]:checked+label:after {
    top: 12px
}

.createList li>.createCheckList>li select {
    background-color: #F7F8F9;
    border: 1px solid #BCBCBC;
    width: 346px;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
    margin-left: 2px;
}

.createFileUplodadBox {
    margin-top: 30px;
}

.createFileUplodadBox input[type="file"] {
    display: none;
}

.createFileUplodadBox label {
    margin-right: 12px;
    padding: 7px 9px;
    border-radius: 3px;
    background-color: #4189D1;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
}

.createFileUplodadBox button span {
    font-size: 17px;
    margin-right: 4px;
    vertical-align: middle;
}

.createFileUplodadBox>span {
    color: #888;
    font-size: 13px;
}

.createFileUplodadBox>ul {
    margin-top: 10px;
}

.createFileUplodadBox>ul>li {
    margin-right: 12px;
    display: inline-block;
}

.createFileUplodadBox>ul>li a {
    color: #4189D1;
    font-size: 13px;
}

.createFileUplodadBox>ul>li a span {
    display: inline-block;
    background-color: #ABABAB;
    color: #fff;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    padding: 2px;
    font-size: 8px;
    text-align: center;
    line-height: 16px;
    border-radius: 2px;
    margin-left: 4px;
}

.createSureyGage {
    width: 95%;  /* width: 100% */
    height: 6px;
    bottom: 0px;
}

.createSureyGageIn {
    position: relative;
    width: 95%;  /* width: 100% */
    height: 5px;
    margin: 0 auto;
    background-color: #AEAEAE;
}

.createSureyGageIn .gagePercent {
    display: block;
    position: relative;
    background-color: #EE2C49;
    color: #EE2C49;
    font-size: 11px;
    height: 5px;
    text-align: center;
    min-width: 46px;
}

.createSureyGageIn .gagePercent .text {
    position: absolute;
    right: -6px;
    top: -60px;
    width: 45px;
    height: 45px;
}

.createSureyGageIn .gagePercent .text span {
    font-weight: 500;
    display: block;
}

.createSureyGageIn .gagePercent .percent {
    margin: 0;
    background: url('/assets/img/creatgae.png') no-repeat;
    width: 45px;
    height: 45px;
    line-height: 35px;
    background-position: center center;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}

#surveyComplateLi {
    padding-top: 20px;
}

#surveyComplateLi a {
    transition: all .4s ease;
    display: block;
    background-color: #EE2C49;
    color: #fff;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    font-size: 15px;
    padding: 0px;
}


/* module */

body .oneAdminLayout {
    font-family: 'Noto Sans Korean', sans-serif;
        overflow: auto;
}

.createListBox.module {
    height: 100%;
    position: relative;
}

.module .sv_main.sv_default_css {
    height: 100%;
    background-color: transparent;
}

.module .sv_main.sv_default_css form {
    height: 100%;
}

.module .sv_main.sv_default_css .sv_container {
    height: 100%;
}

.module .sv_main.sv_default_css .sv_body {
    height: 100%;
    padding-top: 72px;
    box-sizing: border-box;
}

.module .sv_main.sv_default_css .sv_body>div {
    height: 100%;
    overflow-y: auto;
}

.module .sv_main.sv_default_css .sq-root-cb::before {
    content: "중복 선택 가능";
    position: absolute;
    right: 43px;
    margin-top: -33px;
    font-size: 12px;
    padding: 0px 10px;
    border-radius: 10px;
    line-height: 20px;
    background: #999;
    color: #fff;
}

#surveyElement .sv-body__page,
.sv-body__footer {
    margin: 0%;
}

#surveyElement .sv_page_title {
    margin: 0;
    color: #000;
    font-weight: 500;
    padding: 20px 0 20px 20px;
    font-size: 20px;
    border-bottom: 3px solid #F6F6F6;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
}

#surveyElement .sv_row .sv_qstn {
    padding: 0px 20px;
    box-sizing: border-box;
}

#surveyElement .sq-title {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    text-indent: -43px;
    padding: 0px 40px 0px 40px;
    margin: 20px 135px 10px 0px;
}

#surveyElement .sv_q_num {
    text-align: right;
    padding-right: 5px;
    display: inline-block;
}

#surveyElement .sv_qstn fieldset {
    margin-left: 40px;
    border: 0px;
}

#surveyElement .sv_main.sv_default_css .sv_containert {
    margin-left: 40px;
}

#surveyElement .sv_row .sv_qstn .sq-root {
    margin: 10px 0px 0px 40px;
    position: relative;
}

#surveyElement .sv_row .sv_qstn>.fileBox {
    margin-left: 40px;
}

#surveyElement .sv-row {
    padding: 32px 20px;
}

#surveyElement .sv-row:not(:last-child) {
    border-bottom: 1px dashed #D7D8D9;
}

#surveyElement .sv-question {
    font-family: 'Noto Sans Korean', sans-serif;
}

#surveyElement .sv-question__title {
    position: relative;
    display: inline-block;
    margin: 0 0 22px 0;
    color: #333;
    font-size: 16px;
    padding: 5px 0 0 0;
    font-family: 'Noto Sans Korean', sans-serif;
}

#surveyElement .sv-question__title>span {
    font-weight: normal;
    color: #000;
}

#surveyElement .sv-question__title .sv-question__num {
    font-weight: bold;
}

#surveyElement .sv-question__title .icon-question {
    font-size: 23px;
    color: #5D6C88;
    position: absolute;
    top: 0px;
    right: -25px;
}

#surveyElement .sv-item__control-label {
    color: #666;
    font-weight: normal;
}

#surveyElement .sv-question__title--answer {
    background: none;
}

#surveyElement .sv-root-modern .sv-question__title--answer {
    background: none;
}

.helpCloseBu {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 20px;
    color: #000;
}

.fileBox {
    margin-top: 20px;
}

.fileBox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.fileBox label {
    margin-right: 12px;
    padding: 7px 9px;
    border-radius: 3px;
    background-color: #4189D1;
    font-size: 13px;
    color: #fff;
}

.fileBox label span {
    font-size: 17px;
    margin-right: 4px;
    vertical-align: middle;
    color: #fff;
}

.fileBox .fileName {
    display: inline-block;
    padding: 4px;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

#surveyElement .sv-root-modern .sv-progress {
    position: absolute;
    margin: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 10px;
}

#surveyElement .sv-body__footer {
    position: absolute;
    bottom: 60px;
    right: 20px;
    padding: 0px;
    margin: 0px;
}

#surveyElement .sv-body__footer .sv-btn {
    text-align: right;
    padding: 20px 40px 40px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#surveyElement .sv_main.sv_default_css .sv_progress {
    background: none;
    padding: 24px 0px 0px 40px;
    position: absolute;
    display: none;
}

#surveyElement .sv_nav {
    text-align: right;
    padding: 20px 40px 20px;
    height: auto;
    position: absolute;
    top: 0px;
    right: 0px;
}

#surveyElement input[type="button"] {
    line-height: 30px;
    min-width: 100px;
    border-radius: 5px;
    text-indent: 0px;
}

#surveyElement .sv_main.sv_default_css select {
    line-height: 28px;
    height: 28px;
    border: 1px solid #BCBCBC;
}

#surveyElement input[type="text"] {
    background-color: #F7F8F9;
    border: 1px solid #BCBCBC;
    width: 346px;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
    margin-left: 2px;
}

#surveyElement .sv_q_title {
    margin: 0;
    padding: 20px 0;
    font-size: 16px;
    color: #333;
}

#surveyElement .basicBox .sv_q_title {
    padding: 5px 0px;
}

#surveyElement .sv_qstn_error_top {
    border-radius: 3px;
    background: rgba(223, 75, 75, 0.3);
    margin: 0px 170px 0px 40px;
    color: #000;
}

#surveyElement .sv_main.sv_default_css .sv_p_root>.sv_row {
    position: relative;
    border-bottom: 1px dashed #D7D8D9;
    padding-bottom: 30px;
}

#surveyElement .sv_main.sv_default_css .sv_select_wrapper {
    margin-left: 40px;
}

#surveyElement .sv_main.sv_default_css .sv_q_text_root {
    margin-left: 40px;
}

#surveyElement table.sv_q_mt {
    margin-left: 40px;
}

#surveyElement table.sv_q_mt td {
    font-size: 14px;
}

.oneContentBox.on .oneARightMenu {
    right: 0;
}

.oneContentBox.on .oneCentBox {
    width: calc(100% - 364px);
}

.oneContentBox.on .foldBtn {
    transform: rotate(180deg);
}

#sub {
    background-color: #F5F5F5;
}

#sub .oneALeftMenu {
    display: block;
}

#sub .oneATopLayout {
    background-color: #fff;
}

.oneARightMenu.on {
    right: 0;
}


/* module 추가 */

.onepage.createBox {
    height: 100%;
    overflow: auto;
    position: relative;
}

.onepage .createListBox.module {
    height: auto;
}

.onepage .module .sv_main.sv_default_css {
    height: auto;
}

.onepage .module .sv_main.sv_default_css form {
    height: auto;
}

.onepage .module .sv_main.sv_default_css .sv_container {
    height: auto;
}

.onepage .module .sv_main.sv_default_css .sv_body {
    height: auto;
    position: relative;
}

.onepage .module .sv_main.sv_default_css .sv_body>div {
    height: auto;
}

.generalOPin.totalGeneralOPin {
    z-index: 10;
    border-top: 0px;
}

.generalOPin.totalGeneralOPin h4.title {
    line-height: 70px;
    border-bottom: 2px solid #ccc;
    margin: 0 0 12px 0;
}

.generalOPin {
    position: absolute;
    z-index: 10;
    background-color: #efefef;
    padding: 0px 30px;
    right: 0;
    top: 0;
    width: 640px;
    border-top: 1px dashed #D7D8D9;
    box-sizing: border-box;
}

.rrc_Box .generalOPin .satisfy_unmet_Box>li {
    background-color: #efefef;
}

.generalOPin h4.title {
    margin: 10px 0 8px 0;
    font-weight: 500;
    font-size: 20px;
}

.generalOPin .gop_title {
    font-size: 15px;
    color: #000;
    margin: 15px 0 20px 0;
}

.generalOPin .improveTaskBox {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.generalOPin .improveTaskBox .it_listBox.ml0 {
    margin-left: 0;
}

.generalOPin .improveTaskBox .it_listBox.ml0 li .genInput[type="text"] {
    color: #666;
    margin: 0;
    width: 100%;
    border: 1px solid #CFD2D5;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0;
}

.generalOPin .improveTaskBox .it_listBox.ml0 li .genInput[type="text"]:placehoder {
    color: #999;
}

.generalOPin .improveTaskBox .it_listBox.ml0 li {
    margin-top: 8px;
}

.generalOPin .improveTaskBox .it_listBox.ml0 li:first-child {
    margin-top: 0;
}

.generalOPin .improveTaskBox .it_listBox.ml0 li fieldset {
    margin-left: 0;
    border: none;
    color: #666;
}

.rrc_Box.rrc_BoxView .generalOPin .conR>li {
    padding: 20px 0px
}

.rrc_Box.rrc_BoxView .generalOPin .conR>li>ul>li {}

.rrc_Box.rrc_BoxView .generalOPin .conR {
    margin-bottom: 0px;
}

.generalOPin .conR span.scroe {
    color: #EE2C49;
    font-weight: 500;
    position: absolute;
    margin-left: -60px;
    right: 20px;
}

.generalOPin .conR label {
    /*padding-left: 65px;*/
    display: block;
}

.generalOPin .conR input[type="text"] {
    border-radius: 0;
    margin: 2px;
    background-color: #F7F8F9;
    border: 1px solid #BCBCBC;
    width: 346px;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-size: 14px;
}

.generalOPin .improveTaskBox .it_numberBox {
    width: 100%;
    border-radius: 10px;
    font-size: 14px;
    color: #EE2C49;
    background-color: #FFEBEE;
    padding: 8px 12px;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 8px;
}

.generalOPin .improveTaskBox .it_numberBox span {
    position: static;
    width: auto;
    display: inline-block;
    margin-top: 0;
}


/* .generalOPin .conR textarea {
    height: 70px;
    padding: 10px;
}
 */

.generalOPin .improveTaskBox .it_listBox {
    margin-left: 0;
    font-size: 15px;
}

.generalOPin .improveTaskBox .it_listBox li.tit {
    color: #333;
}

.generalOPin .improveTaskBox .it_listBox li.con {
    color: #666;
}

.generalOPin .improveTaskBox .it_listBox li {
    margin-top: 4px;
}

.generalOPin .improveTaskBox .it_listBox li:first-child {
    margin-top: 0;
}

.generalOPin .improveTaskBox .it_listBox .inputBox {
    border: 1px solid #CFD2D5;
    border-radius: 10px;
    padding: 0 10px;
    background-color: #fff;
}

.generalOPin .improveTaskBox .it_listBox .inputBox span {
    display: block;
}

.generalOPin .improveTaskBox .it_listBox .inputBox span input {
    text-indent: 0;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    color: #666;
    background-color: #fff;
    border: none;
    padding: 10px;
}

.generalOPin .improveTaskBox .it_listBox .inputBox span input:placehoder {
    color: #999;
}

.generalOPin .improveTaskBox .it_listBox .inputBox span:first-child input {
    border-bottom: 1px dashed #D7D7D5;
}

.generalOPin .improveTaskBox .it_listBox .inputBox span textarea {
    border: 0px;
    height: 100px;
    padding: 10px;
}

.generalOPin .generalOPinBtnBox {
    position: relative;
    height: 55px;
}

.generalOPin .generalOPinBtnBox a.add {
    position: absolute;
    padding: 10px 20px;
    border: 1px solid #BBB;
    border-radius: 20px;
    color: #6E6E6E;
    font-size: 14px;
}

.generalOPin .generalOPinBtnBox a.add span {
    vertical-align: middle;
}

.generalOPin .generalOPinBtnBox a.mius {
    position: absolute;
    left: 135px;
    padding: 10px 20px;
    border: 1px solid #BBB;
    border-radius: 20px;
    color: #6E6E6E;
    font-size: 14px;
}

.generalOPinBtnBox a.add span.icon-plus,
.generalOPinBtnBox a.mius span.icon-minus {
    font-size: 8px;
}

.generalOPinBtnBox a.save {
    position: absolute;
    right: 0;
    padding: 10px 40px;
    color: #fff;
    background-color: #EE2C49;
    border-radius: 20px;
}

.sv_qstn .sv-q-col-1,
.sv-question .sv-q-col-1 {
    width: 100%;
    display: inline-block;
    padding-right: 1em;
    box-sizing: border-box;
    word-break: break-word;
    position: relative;
}

.sv_qcbx .checkbox-material {
    margin-right: 5px;
}

.sv_main span {
    word-break: break-word;
}

.sv_main .sv-hidden {
    display: none !important;
}

.BtnBoxBottom {
    margin: 0px 20px 30px 0px;
    border-bottom: 1px dashed #ccc;
    height: 50px;
    padding-top: 10px;
    position: relative;
}

.BtnBoxBottom .save {
    position: absolute;
    top: 0px;
    right: 0px;
    transition: all .3s ease;
    width: 252px;
    text-align: center;
    color: #fff;
    border: 1px solid #EE2C49;
    background-color: #EE2C49;
    font-size: 14px;
    border-radius: 22px;
    padding: 12px 0;
}

.BtnBoxBottom .allSave {
    position: absolute;
    top: 0px;
    right: 0px;
/*     transition: all .3s ease; */
    width: 252px;
    text-align: center;
    color: #fff;
    border: 1px solid #4189D1;
    background-color: #4189D1;
    font-size: 14px;
    border-radius: 22px;
    padding: 12px 0;
}

.BtnBoxBottom .save:hover {
    color: #EE2C49;
    background-color: #fff;
}

.BtnBoxBottom .reviesDate {
    position: absolute;
    top: 7px;
    left: 120px; 
    width: 300px;
    text-align: center;
}

.BtnBoxBottom .reviesDate strong {
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.BtnBoxBottom .reviesDate .username {
    color: #666;
    font-size: 13px;
    margin-left: 8px;
}

.BtnBoxBottom .reviesDate .time {
    color: #888;
    font-size: 13px;
    margin-left: 8px;
}


/* module popup */

.popupContentBox .oneContentBox {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.popupContentBox .oneContentBox.tab {
    top: 52px;
}

.popupContentBox #sub {
    background: transparent;
}

.onepage02 .satisfy_unmet_Box {
    background-color: #F5F6F9
}
.onepage02 > .form {position:relative;}

/*intro*/

.introTop {
    margin-top: 100px;
}

.introTopIn {
    overflow: hidden;
    padding: 0px 60px 50px;
    position: relative;
}

.introTopIn h2 {
    margin: 0 0 30px 0;
    font-size: 22px;
    font-weight: 500;
    position: relative;
    text-align: left;
}

.introTopIn h2 span {
    margin-right: 8px;
    font-size: 18px;
}

.introTopIn h2 a {
    display: inline-block;
    position: absolute;
    right: 8px;
    font-size: 14px;
    border: 1px solid #000000;
    color: #0D0D0D;
    padding: 5px 16px;
    border-radius: 20px;
}

.introTopIn h2 a span {
    font-size: 8px;
    margin-right: 4px;
    vertical-align: middle;
}

.campaignBox>ul>li {
    display: inline-block;
    position: relative;
    width: auto;
}

.campaignBox>ul>li:first-child .campaignLineBox {
    margin-left: 0;
}

.campaignBox>ul>li>div.campaignLineBox {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.10);
    transition: all 0.4s ease;
    overflow: hidden;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 27px 36px;
    position: relative;
    width: 500px;
    height: 236px;
    background-color: #fff;
}

.campaignBox>ul>li>div.campaignLineBox:before {
    border-radius: 10px;
    border: 0;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0px;
    left: -1px;
    z-index: 1;
}

.campaignBox>ul>li>div.campaignLineBox:after {
    border-radius: 10px;
    bottom: 0px;
    right: -1px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
}

.campaignBox>ul>li>div.campaignLineBox:hover:before {
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #EE2C49;
    transition: border-color 0s, width 0.1s, height 0.2s;
    transition-delay: 0s, 0.2s, 0.3s;
    width: 100%;
    height: 100%;
}

.campaignBox>ul>li>div.campaignLineBox:hover:after {
    border-bottom: 1px solid;
    border-left: 1px solid;
    transition: border-color 0s, width 0.3s, height 0.4s;
    transition-delay: 0s, 0.4s, .6s;
    width: 100%;
    height: 100%;
    border-color: #EE2C49;
}

.campaignBox>ul>li>div.campaignLineBox>div {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_labeling {
    width: 64px;
    text-align: center;
    color: #fff;
    line-height: 29px;
    margin-bottom: 24px;
    display: block;
    border-radius: 15px;
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_labeling.ing {
    background-color: #EE2C49;
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_title {
    display: block;
    height: 90px;
    overflow: hidden;
    width: 300px;
    margin-bottom: 16px;
    word-break: keep-all;
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_title.ing {
    font-size: 20px;
    color: #000;
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_date {
    font-size: 15px;
    color: #888
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_link {
    position: absolute;
    bottom: 0;
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_link a {
    transition: all .3s ease;
    display: inline-block;
    background-color: #F1F1F1;
    border-radius: 20px;
    color: #666;
    font-size: 14px;
    padding: 0px 10px;
    text-align: center;
    line-height: 34px;
    margin-right: 10px;
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_link a:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_logoImgbox.ing {
    background-color: #F6F7F8;
    border-radius: 50%;
    width: 190px;
    line-height: 190px;
    height: 190px;
    position: absolute;
    right: 0px;
    bottom: 50px;
    text-align: center;
    overflow: hidden;
}

.campaignBox>ul>li>div.campaignLineBox>div .campaignB_logoImgbox.ing img {
    width: 160px;
    margin-top: -5px;
    vertical-align: middle;
}

.introTopIn .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: auto;
}

.introTopIn .swiper-button-next.nextT {
    top: 260px;
    right: 0px;
    width: 50px;
}

.introTopIn .swiper-button-prev.prevT {
    top: 260px;
    left: 0px;
    width: 50px;
}

.introTopIn .swiper-button-next.nextT::after {
    content: "";
    top: -140px;
    right: 0px;
    width: 70px;
    height: 360px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    position: absolute;
    z-index: -1;
}

.introTopIn .swiper-button-prev.prevT::after {
    content: "";
    top: -140px;
    left: 0px;
    width: 70px;
    height: 360px;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute;
    z-index: -1;
}

.introBottom {
    background-color: #F6F6F6;
    overflow: hidden;
}

.introBottomIn {
    overflow: hidden;
    padding: 35px 60px;
    position: relative;
}

.introBottomIn h2 {
    margin: 0 0 30px 0;
    font-size: 22px;
    font-weight: 500;
    position: relative;
    text-align: left;
}

.introBottomIn h2 .iconbox {
    display: inline-block;
    width: 20px;
    text-align: center;
    position: relative;
    margin-right: 12px;
}

.introBottomIn h2 .point {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    vertical-align: middle;
}

.introBottomIn h2 .point:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    vertical-align: middle;
    position: absolute;
    left: 0;
}

.introBottomIn h2 .point:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    vertical-align: middle;
    position: absolute;
    right: 0;
}

.introBottomIn h2 a {
    position: absolute;
    right: 0;
    color: #0D0D0D;
    font-size: 15px;
}

.introBottomIn h2 a .icon-down3 {
    transition: all .3s ease;
    font-size: 13px;
    vertical-align: middle;
    color: #888;
    display: inline-block;
}

.introBottomIn h2 a.on .icon-down3 {
    transform: rotate(180deg);
}

.campaignBox>ul>li>div.end.campaignLineBox {
    background-color: #EEEEEE;
    width: 246px;
    margin: 0;
    box-shadow: none;
}

.campaignBox>ul>li>div.end.campaignLineBox:before {
    display: none;
}

.campaignBox>ul>li>div.end.campaignLineBox:after {
    display: none;
}

.campaignBox>ul>li>div.end.campaignLineBox>div .campaignB_labeling.end {
    background-color: #ACACAC;
}

.campaignBox>ul>li>div.end.campaignLineBox>div .campaignB_title.end {
    font-size: 20px;
    color: #888;
    width: 180px;
}

.campaignBox>ul>li>div.end.campaignLineBox>div .campaignB_link a {
    background-color: #fff;
    color: #666;
    margin-right: 12px;
}

.campaignBox>ul>li>div.end.campaignLineBox>div .campaignB_link a:hover {
    background-color: #000;
    color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.campaignBox>ul>li>div.end.campaignLineBox>div .campaignB_logoImgbox {
    border: 1px solid #E5E5E5;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

.campaignBox>ul>li>div.end.campaignLineBox>div .campaignB_logoImgbox img {
    margin: 10px 0 0 0;
    max-width: 32px;
}

.campaignBox>ul>li>div.end.campaignLineBox:hover {
    background-color: #fff;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.10);
    transition: all 0.4s ease;
}

.campaignBox>ul>li>div.end.campaignLineBox:hover .campaignB_link a {
    background-color: #F1F1F1;
}

.introBottomIn .swiper-button-next.nextB {
    top: 220px;
    right: -60px;
    width: 50px;
}

.introBottomIn .swiper-button-prev.prevB {
    top: 220px;
    left: -60px;
    width: 50px;
}

.introBottomIn .swiper-button-next.nextB::after {
    content: "";
    top: -140px;
    right: 0px;
    width: 70px;
    height: 360px;
    background: linear-gradient(to right, rgba(246, 246, 246, 0), rgba(246, 246, 246, 1));
    position: absolute;
    z-index: -1;
}

.introBottomIn .swiper-button-prev.prevB::after {
    content: "";
    top: -140px;
    left: 0px;
    width: 70px;
    height: 360px;
    background: linear-gradient(to right, rgba(246, 246, 246, 1), rgba(246, 246, 246, 0));
    position: absolute;
    z-index: -1;
}


/* 지난캠페인 슬라이드 */

.campaignBox {
    min-height: 390px;
}

.swiper-container {
    overflow: visible;
    margin-left: 0;
}

.swiper-slide {
    opacity: 0.4;
    transition: opacity 0.3s;
}

.swiper-slide-active,
.swiper-slide-active+.swiper-slide,
.swiper-slide-active+.swiper-slide+.swiper-slide,
.swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide {
    opacity: 1
}

.swiper-button-prev.swiper-button-disabled:before,
.swiper-button-next.swiper-button-disabled:before {
    opacity: 1;
    color: #d7d7d7;
}

.swiper-button-next,
.swiper-button-prev {
    background: none;
}

.swiper-button-prev {
    left: -60px;
    margin-top: -90px;
    height: 50px;
}

.swiper-button-next {
    right: -60px;
    margin-top: -90px;
    height: 50px;
}

.swiper-button-next:before {
    content: '\e903';
    font-family: 'oneFont' !important;
    font-size: 50px;
    color: #666;
}

.swiper-button-prev:before {
    content: '\e906';
    font-family: 'oneFont' !important;
    font-size: 50px;
    color: #666;
}


/*진행현황*/

.progressContent {
    margin: 35px;
    height: calc(100% - 70px);
}

.progressAllGageBox {
    position: relative;
    padding: 17px 22px;
    overflow: hidden;
    background-color: #F5F7F9;
    border-radius: 2px;
    margin-bottom: 40px;
}

.progressAllGageBox .title {
    margin-right: 47px;
}

.progressAllGageBox .gageBox {
    position: absolute;
    right: 20px;
    top: -6px;
    width: calc(100% - 174px);
}

.progressAllGageBox .gageBox .gagebarNumber {
    margin-right: 12px;
}

.progressAllGageBox .gageBox .gagebarNumber strong {
    font-size: 24px;
    color: #FF3856;
    font-weight: 600;
    margin-right: 4px;
}

.progressAllGageBox .gageBox .gagebarNumber .gagebarPercentIcon {
    font-size: 16px;
    color: #FF3856;
    vertical-align: bottom;
    font-weight: 500;
}

.progressAllGageBox .gageBox strong {
    color: #9F9F9F;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.progressAllGageBox .gageBox .gagebar {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 95px);
    height: 12px;
    border-radius: 20px;
    background-color: #DFDFDF;
    overflow: hidden;
}

.progressAllGageBox .gageBox .gagebar .gagebarIn {
    border-radius: 20px;
    width: 100%;
    height: 12px;
    display: block;
}

.progressAllGageBox .gageBox .gagebar .gagebarIn span {
    display: block;
    background-color: #FF3856;
    height: 100%;
    border-radius: 20px;
}

.progressAllGageBox .progressAllGageBoxL {
    width: calc(50% - 20px);
    float: left;
    position: relative;
}

.progressAllGageBox .progressAllGageBoxR {
    width: calc(50% - 20px);
    float: right;
    position: relative;
}

.progressContent .tablefixBox {
    height: calc(100% - 85px);
    transition: all 0.3s ease;
}

.progressContent .progressList {
    height: calc(100% - 80px);
}

.progressContent .progressList .table_normal {
    margin-bottom: 0;
}

.progressContent .progressList .alignBtn {
    display: inline-block;
    border: 1px solid #BFBFBF;
    border-radius: 3px;
    color: #000;
    font-size: 12px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    margin: 0 5px;
}

.progressContent .progressList .alignBtn span {
    display: inline-block;
    transform: rotate(0deg);
    transition: all .3s ease;
    margin-left: 1px;
}

.progressContent .progressList .alignBtn.on {
    transform: rotate(180deg);
}

.progressContent .progressList .table_normal.line tbody tr td.gageTd {
    position: relative;
}

.progressContent .progressList .gageBox .gagebarNumber {
    margin-right: 8px;
}

.progressContent .progressList .gageBox .gagebarNumber strong {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-right: 4px;
}

.progressContent .progressList .gageBox .gagebarNumber .gagebarPercentIcon {
    font-size: 10px;
    color: #000;
    vertical-align: bottom;
    font-weight: 400;
}

.progressContent .progressList .gageBox .gagebar {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
    height: 8px;
    border-radius: 20px;
    background-color: #DFDFDF;
    overflow: hidden;
}

.progressContent .progressList .gageBox .gagebar .gagebarIn {
    border-radius: 20px;
    width: 100%;
    height: 8px;
    display: block;
}

.progressContent .progressList .gageBox .gagebar .gagebarIn span {
    display: block;
    background-color: #4C85E8;
    height: 100%;
    border-radius: 20px;
}

.progressList .ingBox {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;
}


/* 진행현황 확인 */

.checkprogressContent {
    margin: 23px 25px;
    height: calc(100% - 46px);
}

.checkprogressContent .chartBox {margin-bottom: 20px; font-size: 0px; height:auto}

.checkprogressContent .chartBox h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin: 0 0 30px 0;
    transition: all 0.3s ease;
}

.checkprogressContent .chartBox h3 .companyTitle {
    font-size: 14px;
    margin-top: 20px;
}

.checkprogressContent .chartBox h3 .companyTitle div {
    font-size: 24px;
    color: #000;
}

.checkprogressContent .chartBox h3 .companyTitle span {
    color: #666;
    margin-right: 8px;
}

.checkprogressContent .chartBox h3 .companyTitle strong {
    color: #000;
    font-weight: 500;
    font-size: 18px;
}

.checkprogressContent .chartBox .danBox {
    clear: both;
    display: inline-block;
    width: 100%;
    height: 348px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.checkprogressContent .chartBox .danL {
    display: block;
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.checkprogressContent .chartBox .danR {
    display: block;
    width: 50%;
    box-sizing: border-box;
    float: right;
}

.checkprogressContent .chartBox .danL .chartArea {
    background-color: #F5F6F9;
    margin-right: 15px;
    min-height: 300px;
    position: relative;
    padding: 24px 30px;
}

.checkprogressContent .chartBox .danR .chartArea {
    background-color: #F5F6F9;
    margin-left: 15px;
    min-height: 300px;
    position: relative;
    padding: 24px 30px;
}

.checkprogressContent .chartBox .chartArea .legend {
    position: absolute;
    color: #000;
    font-size: 16px;
    word-break: keep-all;
    font-weight: 500;
}

.checkprogressContent .chartBox .chartArea .legend .unit {
    color: #999;
    font-size: 13px;
    margin-top: 12px;
    font-weight: 400;
}

.checkprogressContent .chartBox .chartArea .legend .totalText {
    margin-top: 6px;
}

.checkprogressContent .chartBox .chartArea .chart {
    margin-left: 90px;
    position: relative;
}

.checkprogressContent .chartBox .chartArea h4 {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -119px;
    margin-top: -59px;
}

.checkprogressContent .chartBox .chartArea h4 strong {
    font-size: 80px;
    color: #EE2C49;
    font-weight: 600;
}

.checkprogressContent .chartBox .chartArea .totalScore {
    font-size: 30px;
    color: #666;
    font-weight: 400;
}

.checkprogressContent .table.jqplot-table-legend,
.checkprogressContent table.jqplot-cursor-legend {
    display: none;
}

.checkprogressContent .progressList {
    height: calc(100% - 95px);
}

.checkprogressContent .tableHeadR select {
    line-height: 28px;
    height: 28px;
    border: 1px solid #B8B8B8;
    margin: 0px 2px;
    padding: 0px 25px 0px 10px;
    min-width: 80px;
    background: url(../img/common/selectArrow.png) no-repeat right center #fff;
    appearance: none;
    border-radius: 2px;
    font-size: 13px;
}

.checkprogressContent .bu_m_gray {
    background-color: #959595;
    border: 1px solid #959595;
    border-radius: 3px;
    font-size: 13px;
}

.checkprogressContent .bu_m_gray:hover {
    background-color: #EE2C49;
    color: #fff;
    border: 1px solid #EE2C49;
}

.checkprogressContent .bu_m_grayblue {
    font-size: 13px;
    border-radius: 3px;
    line-height: 28px;
}

.checkprogressContent .summaryRe_info {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-top: -18px;
}

.checkprogressContent .skipBoxR {
    position: absolute;
    top: 25px;
    right: 30px;
}

.checkprogressContent .skipBoxR a {
    font-size: 20px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    transition: all 0.3s ease;
}

.checkprogressContent .tablefixBox {
    height: calc(100% - 435px);
    transition: all 0.3s ease;
}

.checkprogressContent.chartHidden .tablefixBox {
    height: calc(100% - 45px);
}

.checkprogressContent.chartHidden .chartBox h3 {
    margin-bottom: 0px;
}

.checkprogressContent.chartHidden .danBox {
    height: 0px;
}

.checkprogressContent.chartHidden .skipBoxR a {
    transform: rotate(180deg);
}


/*mailForm*/

#mailForm {
    width: 100%;
    height: calc(100% - 120px);
    background-color: #F4F4F7;
    padding: 120px 0 0 0;
}

.mailFormBox {
    background-color: #fff;
    width: 560px;
    height: 675px;
    margin: 0 auto;
}

.mailFormBoxIn {
    padding: 28px;
}

.mailFormBoxIn h1 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 0 0 22px 0;
    margin: 0 0 40px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.mailFormBoxIn h1 strong {
    vertical-align: middle;
}

.mailFormBoxIn h1 strong:before {
    display: inline-block;
    content: '';
    width: 1px;
    height: 14px;
    background-color: #D7D7D7;
    margin-right: 12px;
    vertical-align: middle;
}

.mailFormBoxIn h1 img {
    vertical-align: middle;
    margin-right: 10px;
}

.mailFormContent h2 {
    font-size: 24px;
    margin: 0 0 32px 0;
    color: #000;
    text-align: center;
    font-weight: 500;
}

.mailFormContent .mfc_text {
    text-align: center;
    color: #888;
    font-size: 16px;
    margin: 0 0 47px 0;
    word-break: keep-all;
    line-height: 24px;
}

.mailFormContent .mfc_text strong {
    color: #FF2626;
    font-weight: 400l;
}

.mailFormContent .temporaryPW {
    text-align: center;
    color: #000;
    font-size: 24px;
    margin: 0 0 50px 0;
    font-weight: 500;
}

.mailFormContent .siteMoveBtn {
    display: block;
    width: 360px;
    height: 60px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background-color: #EE2C49;
    line-height: 60px;
    margin: 0 auto 50px;
}

.mailFormContent .bottomBox {
    border-top: 1px dashed #E1E1E1;
    padding: 25px 0 0 0;
    font-size: 14px;
    color: #888;
    text-align: center;
}


/*평가 제출*/

.completeSandBox {
    padding: 0 17px;
}

.completeTitle {
    padding: 26px 15px 12px 15px;
    border-bottom: 1px solid #F6F6F6;
    font-size: 18px;
    color: #000;
    margin: 0 0 80px 0;
    font-weight: 500;
}

.completeContent {
    text-align: center;
}

.completeContent .text01 {
    font-size: 28px;
    color: #000;
    margin-bottom: 18px;
}

.completeContent .text01 strong {
    font-weight: 500;
}

.completeContent .text02 {
    color: #666;
    font-size: 16px;
}

.completeContent .satisfactionBox {
    color: #000;
    font-size: 16px;
    background-color: #EFF5FF;
    border: 1px solid #CFE2FF;
    width: 544px;
    margin: 30px auto;
    padding: 43px 0;
    border-radius: 10px;
}

.completeContent .satisfactionBox .satisfactionLink a {
    color: #0450C1;
}

.completeContent .completSandBtn {
    background-color: #EE2C49;
    color: #fff;
    border-radius: 20px;
    font-size: 15px;
    display: inline-block;
    box-shadow: 2px 2px 10px #F8B7C1;
    padding: 10px;
    min-width: 146px;
    text-align: center;
}


/*최종 결과 보고서 */

#resultReport .layerpopupHeadIn h3 {
    margin: 0 0 0 0;
    font-size: 20px;
}

#resultReport .layerpopupHeadIn button {
    position: absolute;
    right: 70px;
    top: 25px;
}

#resultReport .layerpopupCon {
    padding: 40px 56px 54px;
}

.resultCompanyInfo {
    margin: 0 0 44px 0;
}

.resultCompanyInfo h4 {
    margin: 0 0 17px 0;
    color: #000;
    font-size: 30px;
    font-weight: 500;
}

.resultCompanyInfo h4 a {
    color: #000;
}

.resultCompanyInfo h4 a:hover {
    text-decoration: underline;
    color: #EE2C49;
}

.resultCompanyInfo .rcinfoBox {
    position: relative;
}

.resultCompanyInfo .rcinfoBox .date {
    color: #666;
    font-size: 16px;
}

.resultCompanyInfo .rcinfoBox ul {
    position: absolute;
    right: 0;
    top: 0;
}

.resultCompanyInfo .rcinfoBox ul li {
    display: inline-block;
    margin-right: 24px;
}

.resultCompanyInfo .rcinfoBox ul li:last-child {
    margin-right: 0;
}

.resultCompanyInfo .rcinfoBox ul li span {
    font-size: 16px;
    padding: 2px 20px;
    display: inline-block;
    background-color: #F1F1F1;
    border-radius: 20px;
    margin-right: 12px;
    color: #000;
}

.resultCompanyInfo .rcinfoBox ul li strong {
    font-size: 16px;
    color: #444;
    display: inline-block;
}

.resultReportContent h4.title {
    margin: 0 0 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.resultReportContent h4.title.line {
    padding: 0 0 10px 0;
    margin: 0 0 12px 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #D2D2D2;
}

.resultReportContent .subTitle {
    margin: 0 0 12px 0;
    font-weight: 500;
    font-size: 16px;
    color: #000;
}

.rrc_Box {
    position: relative;
}

.rrc_Box .table_normal {
    border-top: 1px solid #D2D2D2;
}

.rrc_Box .table_normal.line {
    border-top: 1px solid #D2D2D2;
}

.rrc_Box .table_normal thead tr th {
    background-color: #F5F6F9;
    border-bottom: 1px solid #E1E1E1;
}

.rrc_Box .table_normal tbody tr th {
    background-color: #F5F6F9;
    border-bottom: 1px solid #E1E1E1;
}

.rrc_Box .table_normal tbody tr th.white {
    background-color: #fff;
}

.rrc_Box .table_normal tbody tr td {
    border-bottom: 1px solid #E1E1E1;
}

.rrc_Box .table_normal tfoot tr th {
    border-top: 1px solid #666;
    background-color: #F5F6F9;
    border-bottom: 1px solid #EFEFEF;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
}

.rrc_Box .table_esgDAta {}

.rrc_Box .table_esgDAta tr th {
    font-weight: normal;
}

.rrc_Box .table_esgDAta thead th {
    text-align: center;
}

.rrc_Box .table_esgDAta tbody th {
    height: 50px;
}

.rrc_Box .table_esgDAta tr>th:first-child {
    padding-right: 40px;
}

.rrc_Box .table_esgDAta tr>td>input {
    width: 200px;
    height: 42px;
    font-weight: 600;
    border-radius: 10px;
    color: #000;
    background-color: #fff;
}

.rrc_Box .table_question {
    border-collapse: collapse;
}

.rrc_Box .table_question th,
.rrc_Box .table_question td {
    padding: 20px 20px;
    border: 1px solid #999;
}

.rrc_Box .table_question th {
    text-align: left;
    font-weight: normal;
    background-color: #eee;
}

.rrc_Box .table_question td .required {
    margin-bottom: 10px;
}

.rrc_Box .table_question input,
.rrc_Box .table_question select {
    width: 200px;
    height: 42px;
    font-size: 16px;
    border-radius: 10px;
    background-color: #fff;
}

.rrc_Box .table_question tr th:first-child {
    border-left: none;
}

.rrc_Box .table_question tr td a {
    margin-left: 20px;
}

.rrc_Box .table_question strong {
    display: inline-block;
    font-weight: normal;
    margin-right: 20px
}

.popupTable {
    display: inline-block;
    padding-bottom: 30px;
    border: 1px solid #999;
}

.popupTableHead {
    padding-left: 20px;
    font-size: 26px;
    line-height: 60px;
    color: #fff;
    background-color: #777;
}

.popupTableContents {
    padding: 20px;
}

.popupTable .btns {
    margin-top: 10px;
    text-align: center;
}

.popupTable .btns a {
    display: inline-block;
    margin: 0 2px;
    padding: 0 25px;
    line-height: 42px;
    border-radius: 21px;
    color: #fff;
    background-color: #BCBCBC;
}

.popupTable .btns a.point {
    background-color: #5D6C88;
}

.rcc_textR {
    position: absolute;
    right: 0px;
    margin: -45px 0px 0px 0px;
    font-size: 14px;
}

.rrc_Box .totalScoreTableBox {
    margin-left: 250px
}

.rrc_Box .table_normal.line tbody tr td.gageTd {
    position: relative;
    text-align: left;
}

.rrc_Box .gageBox {
    display: block;
}

.rrc_Box .gageBox .gagebarNumber {
    margin-left: 8px;
}

.rrc_Box .gageBox .gagebarNumber strong {
    font-size: 14px;
    color: #000;
    margin-right: 2px;
}

.rrc_Box .gageBox .gagebarNumber .gagebarPercentIcon {
    font-size: 13px;
    color: #000;
    vertical-align: bottom;
}

.rrc_Box .gageBox .gagebar {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
    height: 8px;
    border-radius: 20px;
    background-color: #DFDFDF;
    overflow: hidden;
}

.rrc_Box .gageBox .gagebar .gagebarIn {
    position: relative;
    border-radius: 20px;
    width: 100%;
    height: 8px;
    display: block;
}

.rrc_Box .gageBox .gagebar .gagebarIn span {
    position: absolute;
    top: 0px;
    display: block;
    background-color: #EE2C49;
    height: 8px;
    border-radius: 20px;
}

.rrc_Box .totalScoreBox {
    width: 207px;
    border: 1px solid #EE2C49;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 40px;
}

.rrc_Box .totalScoreBox .totalScoreBoxIn {
    text-align: center;
    padding: 34px 0 36px 0;
}

.rrc_Box .totalScoreBox .totalScoreBoxIn .subject {
    color: #000;
    font-size: 16px;
    display: block;
    margin: 0 0 20px 0;
}

.rrc_Box .totalScoreBox .totalScoreBoxIn .scoreBox {
    color: #EE2C49;
    font-size: 60px;
    font-weight: 600;
}

.rrc_Box .totalScoreBox .totalScoreBoxIn .scoreBox span {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.rrc_Box .satisfy_unmet_Box {
    border-top: 1px solid #EFEFEF;
    margin-bottom: 30px;
}

.rrc_Box .satisfy_unmet_Box.nomargin {
    margin: 0;
}

.rrc_Box .satisfy_unmet_Box>li {
    background-color: #F5F6F9;
    padding: 22px 40px;
    border: 1px solid #EFEFEF;
    position: relative;
}

.rrc_Box .satisfy_unmet_Box.white>li {
    border: none;
    background-color: #fff;
}

.rrc_Box .satisfy_unmet_Box>li:first-child {
    border-top: none;
}

.rrc_Box .satisfy_unmet_Box>li .smallTitle {
    position: absolute;
    top: 50%;
    margin: -8px 0 0 0;
    width: 150px;
    font-size: 14px;
    word-break: keep-all;
}

.rrc_Box .satisfy_unmet_Box>li>ul {
    margin-left: 180px;
}

.rrc_Box .satisfy_unmet_Box>li>ul>li {
    position: relative;
    margin: 10px 0 0 0;
}

.rrc_Box .satisfy_unmet_Box>li>ul>li:first-child {
    margin: 0;
}

.rrc_Box .satisfy_unmet_Box>li>ul>li strong {
    display: block;
    width: 60px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    border-radius: 13px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.rrc_Box .satisfy_unmet_Box>li>ul>li strong.satisfy {
    background-color: #4C85E8
}

.rrc_Box .satisfy_unmet_Box>li>ul>li strong.unmet {
    background-color: #EE2C49
}

.rrc_Box .satisfy_unmet_Box>li>ul>li strong.unmet.off {
    background-color: #ccc;
}

.rrc_Box .satisfy_unmet_Box>li>ul>li .txt {
    margin-left: 69px;
    font-size: 15px;
    color: #666;
}

.rrc_Box .satisfy_unmet_Box>li>ul>li .txt span {
    font-weight: bold;
}


/* 설문 결과 보기 */

.rrc_Box.rrc_BoxView .satisfy_unmet_Box>li .smallTitle {
    position: relative;
    width: auto;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}

.rrc_Box.rrc_BoxView .satisfy_unmet_Box>li>ul {
    margin: 0px;
}

.rrc_Box.rrc_BoxView .satisfy_unmet_Box>li>ul::before {
    display: none;
}

.rrc_Box.rrc_BoxView .satisfy_unmet_Box>li {
    padding: 20px;
}

.rrc_Box.rrc_BoxView .satisfy_unmet_Box>li.disabled {
    opacity: 0.3;
}

.rrc_Box.rrc_BoxView .satisfy_unmet_Box>li>ul>li {
    margin-top: 5px;
}

.rrc_Box.rrc_BoxView .form_radio {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #666;
    display: inline-block;
    background: #fff;
    margin-right: 3px;
}

.rrc_Box.rrc_BoxView .form_radio[checked="checked"]::before {
    content: "";
    position: absolute;
    background: #cf0000;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 2px;
}

.rrc_Box.rrc_BoxView .form_checkbox {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid #666;
    display: inline-block;
    background: #fff;
    margin-right: 3px;
}

.rrc_Box.rrc_BoxView .form_checkbox[checked="checked"]::before {
    content: "";
    position: absolute;
    background: #cf0000;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    margin: 1px;
}


/*개선과제 보고서 */

.rrc_Box .improvementTask {
    border-top: none;
}

.rrc_Box .improvementTask>li {
    background-color: #F8F8F8;
    border: none;
    margin-top: 42px;
    border-radius: 20px;
}

.rrc_Box .improvementTask>li:first-child {
    margin-top: 0;
}

.rrc_Box .satisfy_unmet_Box>li>ul {
    position: relative;
}

.rrc_Box .satisfy_unmet_Box>li>ul:before {
    display: inline-block;
    content: '';
    width: 1px;
    height: 100%;
    border-left: 1px dashed #D7D7D7;
    position: absolute;
    left: -30px;
}

.rrc_Box .imporTask_con {
    margin: 20px 0;
}

.rrc_Box .imporTask_con>div {
    font-size: 16px;
    color: #000;
    margin: 0 0 4px 0;
}

.rrc_Box .imporTask_con>span {
    display: block;
    font-size: 16px;
    color: #666;
}

.rrc_Box .imporTask_right_Con {}

.rrc_Box .imporTask_right_Con .tirC_top {
    margin: 24px 0 16px 0;
}

.rrc_Box .imporTask_right_Con select {
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #000;
    margin: 0px 10px 0 0;
    padding: 0px 20px 0px 20px;
    border-radius: 30px;
    min-width: 200px;
    background: url(../img/common/selectArrow.svg) no-repeat right center #fff;
    appearance: none;
    color: #000;
}

.rrc_Box .saveBtn {
    padding: 8px 40px;
    vertical-align: middle;
    color: #fff;
    background-color: #EE2C49;
    border-radius: 20px;
}

.rrc_Box .imporTask_right_Con .tirC_bottom {
    margin-bottom: 30px;
    /*height: 100%;*/
}

.rrc_Box .imporTask_right_Con .tirC_bottom textarea {
    /*height: calc(100% - 55px);*/
    min-height: 100px;
    border: 1px solid #CFD2D5;
    color: #666;
    font-size: 15px;
    border-radius: 10px;
    padding: 16px;
}

.rrc_Box .imporTask_right_Con .tirC_bottom textarea:placeholder {
    color: #999;
}

.rrcBoxR {
    position: absolute;
    right: 0px;
    margin-top: -55px
}

.rrcBoxR p {
    display: inline-block;
    margin: 0px 20px;
    vertical-align: middle;
}


/* 결과보고서 기본정보 */

.basicBox {
    margin-bottom: 50px;
}

.basicBox .sv_row {
    position: relative;
}

.basicBox h5 {
    margin: 5px 0px 10px;
    position: absolute;
    width: 220px;
    left: 30px;
}

.basicBox.rrc_BoxView .satisfy_unmet_Box>li .smallTitle {
    position: absolute;
    top: 22px;
}

.basicBox.rrc_BoxView .satisfy_unmet_Box>li>ul {
    margin: 0px 0px 0px 350px;
}

.basicBox.rrc_BoxView .satisfy_unmet_Box>li {
    padding: 10px 0px;
}

.basicBox#surveyElement .sv_main.sv_default_css .sv_body {
    padding-top: 0px;
}

.basicBox#surveyElement .sv_row .sv_qstn {
    padding: 10px 10px 0px 250px;
}

.basicBox#surveyElement .sv_main.sv_default_css .sv_p_root>.sv_row {
    padding-bottom: 10px;
}

.basicBox#surveyElement input[type="text"] {
    background: transparent;
    border: 0px;
    text-indent: 0px;
}

.basicBox#surveyElement .sv_main.sv_default_css .sv_select_wrapper {
    margin: 0px;
}

.basicBox#surveyElement .sv_main.sv_default_css .sv_p_root>.sv_row:nth-child(2n+1) {
    background-color: rgb(244, 244, 244);
}

.basicBox#surveyElement .sv_main.sv_default_css .sv_q_text_root {
    margin: 0px;
}

.basicBox#surveyElement table.sv_q_mt {
    margin: 0px;
}

.basicBox#surveyElement .sv_main.sv_default_css .sv_q_text_root {
    margin: 0px;
}

.basicBox#surveyElement .sv_container .sv_body .sv_p_root .sv_q .sv_select_wrapper .sv_q_dropdown_control {
    background-color: rgb(244, 244, 244);
}

.basicBox#surveyElement .sv_main.sv_default_css .sv_container {
    color: #333;
}

.oneCentBoxView {
    padding: 0px 0px 30px 30px;
    height: 100%;
}

.oneCentBoxViewIn {
    position: relative;
    height: 100%;
    overflow: auto;
}

.oneCentBoxViewIn .basicBox {
    min-height: 500px;
}

.oneCentBoxViewIn .rrc_Box .satisfy_unmet_Box {
    background-color: #F5F6F9;
}

.oneCentBoxViewIn .rrc_Box .generalOPinList {
    /*top: auto;*/
}

.rrc_BoxView .generalOPinList .satisfy_unmet_Box>li {padding: 20px 20px 20px 60px;}

.oneCentBoxView h4.title.line {padding: 20px 0px; margin:0px;}
.oneCentBoxView .oneCTopListBox {background-color: #F5F6F9; overflow:hidden;}
.oneCentBoxView .basicBox  .title  {background-color: #fff;}
.oneCentBoxView .basicBox {width:calc(100% - 640px); float:left;}
.oneCentBoxView .basicBox .smallTitle {background: #fff; margin: 0px; padding: 15px 0px;}
.oneCentBoxView .basicBox .createList>li {border:0px; padding:2px 0px;}
.oneCentBoxView .totalGeneralOPin  {position:static;  float:right;}
.totalGeneralOPin  {position:static;  float:right;}
.onepage02 > .form {background-color: #F5F6F9;}
.satisfy_unmet_Box.conL {width:calc(100% - 640px); float:left;}
.onepage02 .BtnBoxBottom {clear:both;background-color: #fff; margin-top:20px;}
.onepage02 .generalOPin {position:static;  float:right;}
.onepage02 .BtnBoxBottom {height:60px;}
.onepage02 .BtnBoxBottom .save {top: 13px;}
.onepage02 .BtnBoxBottom .reviesDate {top: 20px;}

/* form */

.inputLable {
    position: absolute;
    font-size: 12px;
    transform: scale(0);
    overflow: hidden;
    height: 14px;
    padding: 0px;
    line-height: 14px;
    color: #fff;
    border-radius: 3px;
    margin-top: -8px;
    vertical-align: middle;
    transition: all 0.3s ease;
}

.inputLable.on {
    background: #000000;
    transform: scale(1);
    padding: 1px 3px;
}

.searchBox {
    position: relative;
    background: #F5F6F8;
    text-align: center;
    padding: 20px;
    margin-bottom: 40px;
    line-height: 42px;
    box-sizing: border-box;
}

.searchBox .parag {
    margin-right: 12px;
    display: inline-block;
}

.searchBox input[type="checkbox"]:checked+label:after {
    top: 20px;
    left: 5px;
}

.searchBox select {
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    border: 1px solid #E6E6E6;
    margin: 0px 2px;
    padding: 0px 35px 0px 10px;
    min-width: 100px;
    background: url(../img/common/selectArrow.svg) no-repeat right center #fff;
    appearance: none;
    border-radius: 2px;
}

.searchBox label {
    vertical-align: middle;
    font-size: 15px;
    margin-right: 8px;
    text-indent: 2px;
    font-weight: 500;
    color: #000;
}

.searchBox input.hasDatepicker {
    line-height: 36px;
    height: 3px;
}

.searchBox input[type='text'] {
    border-radius: 2px;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    border: 1px solid #E6E6E6;
    margin: 0px 2px;
}

.searchBox input[type='radio'] {
    margin: 0 2px;
}


.searchBox .searchBu span {
    display: block;
    width: 0px;
    overflow: hidden;
}

.searchBox .searchBu.text {
    width: 58px;
    height: 28px;
    font-size: 15px;
    line-height: 28px;
    margin-left: 8px;
    position: static
}


.searchBox .searchBu {
    background-color: #004B9C;
    border: 1px solid #004B9C;
    color: #fff;
    vertical-align: middle;
    border-radius: 2px;
    height: 55px;
    line-height: 55px;
    width: 55px;
    font-size: 25px;
    position: absolute;
    right: 25px;
    top: 17px
}

.searchBox_survey {
    position: relative;
    background: #F5F6F8;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
    line-height: 42px;
    box-sizing: border-box;
}
.searchBox_survey .searchBu2 {
    background-color: #395ac0;
    border: 1px solid #395ac0;
    color: #fff;
    vertical-align: middle;
    border-radius: 2px;
    height: 35px;
    line-height: 35px;
    width: 35px;
    font-size: 20px;
/*     position: absolute; */
/*     right: 15px; */
/*     top: 17px */
}

.searchBox_survey .parag {
    margin-right: 12px;
    display: inline-block;
}

.searchBox_survey input[type="checkbox"]:checked+label:after {
    top: 20px;
    left: 5px;
}

.searchBox_survey select {
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    border: 1px solid #E6E6E6;
    margin: 0px 2px;
    padding: 0px 35px 0px 10px;
    min-width: 100px;
    background: url(../img/common/selectArrow.svg) no-repeat right center #fff;
    appearance: none;
    border-radius: 2px;
}

.searchBox_survey label {
    vertical-align: middle;
    font-size: 15px;
    margin-right: 8px;
    text-indent: 2px;
    font-weight: 500;
    color: #000;
}

.searchBox_survey input.hasDatepicker {
    line-height: 36px;
    height: 3px;
}

.searchBox_survey input[type='text'] {
    border-radius: 2px;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    border: 1px solid #E6E6E6;
    margin: 0px 2px;
}

.searchBox_survey .searchBu span {
    display: block;
    width: 0px;
    overflow: hidden;
}

.searchBox_survey .searchBu.text {
    width: 58px;
    height: 28px;
    font-size: 15px;
    line-height: 28px;
    margin-left: 8px;
    position: static
}

.searchGroup {
    display: inline-block;
    height: 38px;
    vertical-align: middle;
    margin: 0px 10px 0px 0px;
    line-height: 34px;
}

.lineBar::before {
    margin-left: 15px;
    content: "";
    height: 32px;
    border-left: 1px dashed #ccc;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
}

.searchBuBox {
    display: inline-block;
    height: 45px;
    vertical-align: middle;
    line-height: 45px;
    text-align: left;
}

.searchBox .checkmark {
    top: 13px;
}

.searchBox label.radiolabel {
    color: #666;
    font-weight: 400;
}

.searchBox.type-left {
    text-align: left;
    padding: 15px 60px 15px 15px;
}

.searchBox.type-left .searchGroup {
    min-width: 300px;
}

.searchBox.type-left .lineBar::before {
    display: none;
}

.searchBox.type-left .searchBu {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.searchBox.type-left .parag {
    min-width: 400px;
    margin: 8px 0;
}

.searchBox.type-left .searchBu {
    bottom: auto;
    top: 50%;
    margin-top: -27px;
    right: 30px;
}

.searchBox.type-left .checkmark {
    top: 13px;
}

.searchBox.type-left label {
    display: inline-block;
    min-width: 55px;
}

.searchBox.type-left label.radiolabel {
    min-width: auto;
}

.w100 {
    width: 100%;
}

.oneInput {
    border: 1px solid #D7D7D7;
    height: 28px;
    box-sizing: border-box;
    line-height: 28px;
    color: #666;
    font-size: 15px;
    margin: 0 2px;
}

.oneInput.w100 {
    width: 100px;
}

.oneInput.w400 {
    width: 400px;
}

.oneInput.w500 {
    width: 500px;
}

.oneInput.w600 {
    width: 600px;
}

.oneInput:read-only {
    background: #eee;
}

.oneSelect {
    border: 1px solid #D7D7D7;
    height: 28px;
    padding: 0px 25px;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 28px;
    color: #666;
    font-size: 15px;
    margin: 0 2px;
}

.dateInput {
    position: relative;
    display: inline-block;
}

.listUl li {
    min-width: 100px;
    display: inline-block;
}


/* table */

.tableWrap {
    overflow-x: auto;
    margin-bottom: 50px;
}

.tableWrap table {
    margin: 0;
}

.tabBoxCon .tableWrap .table_normal {
    margin: 0;
}

.table_normal .ulList li {
    font-size: 14px;
}

.tableWrapBox {
    height: 800px;
    overflow-y: auto;
}

.table_normal .inputSearchBtn {
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    background-color: #0145B8;
    display: inline-block;
    border-radius: 2px;
    vertical-align: middle;
    font-size: 16px;
}

.tableHead {
    line-height: 35px;
    min-height: 50px;
    position: relative;
}

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

.tableHeadL {
    float: left;
    line-height: 35px;
    font-size: 15px;
}

.tableHeadL .red {
    color: #FF3400;
}

.tableHeadL .text_gray {
    margin-right: 4px;
}

.tableHeadL .text_blue {
    font-size: 16px;
    font-weight: 500;
}

.table_title {
    font-size: 18px;
    color: #000;
    margin-bottom: 14px;
    font-weight: 500;
}

.table_title .text_gray {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

.tableHeadR {
    line-height: 35px;
    font-size: 15px;
    float: right;
}

.tableHeadR .icon-plus {
    font-size: 9px;
    vertical-align: middle;
    margin-right: 2px;
}

.tableHeadR select {
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    border: 1px solid #D7D7D7;
    margin: 0px 2px;
    padding: 0px 25px 0px 5px;
    min-width: 100px;
    background: url(../img/common/selectArrow.svg) no-repeat right center #fff;
    appearance: none;
    border-radius: 2px;
    color: #666;
}

.table_normal {
    width: 100%;
    border-spacing: 0px;
    border-top: 1px solid #333;
    margin-bottom: 50px;
}

.table_normal thead tr th {
    height: 35px;
    color: #000;
    background: #f1f2f3;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    position: relative;
    font-size: 14px;
    border-bottom: 1px solid #d7d7d7;
}

.table_normal thead tr th::before {
    content: "";
    position: absolute;
    height: 20px;
    border-left: 1px dashed #ccc;
    left: 0px;
}

.table_normal thead tr th:first-child::before {
    border: 0px;
}

.table_normal tbody tr th {
    height: 32px;
    color: #000;
    background: #f1f2f3;
    font-weight: 500;
    border-bottom: 1px solid #d7d7d7;
    font-size: 14px;
    padding: 0 16px;
    font-weight: 500;
}

.table_normal tbody tr td {
    color: #666;
    border-bottom: 1px solid #d7d7d7;
    height: 30px;
    text-align: left;
    font-size: 14px;
    transition: all 0.6s ease;
    padding: 5px 10px;
}

.table_normal tbody tr td.lightBlueBg,
.table_normal tbody tr th.lightBlueBg {
    background-color: #F6F9FF;
}

.table_normal tbody tr td strong {
    font-weight: 500;
}

.table_normal tbody tr td img {
    vertical-align: -4px;
}

.table_normal tbody tr td.al {
    text-align: left;
}

.table_normal tbody tr td.ac {
    text-align: center;
}

.table_normal tbody tr td.ar {
    text-align: right;
}

.table_normal tbody tr td.unitbox {
    position: relative
}

.table_normal tbody tr td.unitbox input[type="text"] {
    width: 80px;
}

.table_normal tbody tr td span.unit {
    display: inline-block;
    margin-left: 8px;
    color: #333;
}

.table_normal tbody tr td a {
    color: #000;
    font-weight: 500;
}

.table_normal tbody tr td a.helpPopp {
    color: #fff;
}

.table_normal tbody tr td a:hover {
    color: #0145B8;
}

.table_normal tbody tr td .ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    max-width: 300px;
}

.table_normal tbody tr td .ellipsis.mini {
    max-width: 110px;
}

.table_normal tbody tr td .ellipsis.m250 {
    max-width: 250px;
}

.table_normal tbody tr td .iconS {
    width: 20px;
}

.table_normal tbody tr td .text_black {
    color: #000;
}

.table_normal tbody tr td.grayBg {
    background-color: #eaeef3;
}

.table_normal tbody tr td.graylightBg {
    background-color: #f4f9fd
}

.table_normal tbody tr td .ui-datepicker-trigger {
    top: 4px;
    right: 5px;
    height: auto;
    line-height: 20px;
}

.table_normal.hover tbody tr:hover td {
    background: #f3edf0;
}

.table_normal tbody td.rank label {
    color: #333;
    font-weight: 500;
}

.table_normal tbody td.explan textarea {
    width: 100%;
    height: 100px;
    resize: none;
    border: 1px solid #E1E1E1
}

.table_normal tbody td.remark textarea {
    width: 100%;
    height: 300px;
    resize: none;
    border: 1px solid #E1E1E1
}

.table_normal tbody td .small {
    font-size: 13px;
    margin-top: 8px;
    color: #666;
}

.table_normal tbody td select {
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    border: 1px solid #D7D7D7;
    margin: 0px 2px;
    padding: 0px 25px 0px 5px;
    min-width: 100px;
    background: url(../img/common/selectArrow.svg) no-repeat right center #fff;
    appearance: none;
    border-radius: 2px;
    color: #666;
}

.table_normal tbody td select.oneSelect {
    border: 1px solid #D7D7D7;
    height: 28px;
    box-sizing: border-box;
    line-height: 28px;
    color: #666;
    font-size: 15px;
    margin: 0 2px;
}

.table_normal tbody td textarea {
    resize: none;
    color: #666;
}

.table_normal tbody td button {
    line-height: 26px;
    height: 28px;
}

.table_normal .radiolabel {
    margin-left: 20px;
}

.table_normal .radiolabel:first-child {
    margin-left: 0;
}

.table_normal .radiolabel.only {
    height: 15px;
}

.table_normal.headFix {
    margin-bottom: 0px;
}

.names {
    margin-left: 20px;
}

.names.ml0 {
    margin-left: 0;
}

.names label {
    margin-left: 20px;
    color: #333;
    font-weight: 500;
    margin-right: 4px;
}

.names label:first-child {
    margin-left: 0;
}

.percent {
    color: #333;
    margin-left: 16px;
    font-size: 14px;
    vertical-align: middle;
}

.percent .text_red {
    margin-left: 4px;
    font-size: 16px;
}

.helpPopp {
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #636E81;
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 18px;
    margin-left: 4px;
}

.fileWrapBox {
    padding: 10px 10px 5px 10px;
    background-color: #f0f0f0;
    margin-top: 20px;
}

.fileWrapBox .fileWrapTitle {
    color: #000;
}

.fileList {
    margin: 10px 0px;
}

.fileList li {
    margin: 6px 0px;
}

.fileList li>a {
    color: #666;
}

.fileList li>a>span {
    padding-left: 8px;
    color: #000;
}

.fileList li>a:hover {
    color: #2B45C6;
}

.fileList li>a:hover span {
    color: #2B45C6;
}

.textVidw {
    text-align: left;
    padding: 35px;
}

.table_normal.line {
    border: 1px solid #d7d7d7;
    border-top: 1px solid #707070;
    border-left: none;
    border-bottom: 0;
}

.table_normal.line thead tr th::before {
    display: none;
}

.table_normal.line thead tr th {
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}

.table_normal.line tbody tr td {
    border-left: 1px solid #d7d7d7;
}

.table_normal.line tbody tr th {
    border-left: 1px solid #d7d7d7;
    text-align: left;
}

.table_normal.docu tbody tr th {
    font-size: 15px;
    padding: 5px 16px;
}

.fileList {
    margin: 10px 0px;
}

.fileList li {
    margin: 6px 0px;
}

.fileList li>a {
    color: #666;
}

.fileList li>a>span {
    padding-left: 8px;
    color: #000;
}

.fileList li>a:hover {
    color: #2B45C6;
}

.fileList li>a:hover span {
    color: #2B45C6;
}

.textVidw {
    text-align: left;
    padding: 35px;
}

.reWrite {
    position: relative;
    border: 1px solid #D7D8D9;
    background: #F7F8F9;
    margin-bottom: 50px;
    box-sizing: border-box;
}

.reWrite textarea {
    resize: none;
    width: calc(100% - 160px);
    height: 120px;
    border: 1px solid #D7D8D9;
    font-size: 16px;
    margin: 20px;
    padding: 20px;
    box-sizing: border-box;
    font-family: 'Noto Sans Korean', '돋움', Dotum, sans-serif;
}

.reWrite button {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 120px;
    height: 120px;
    background: #791C4A;
    font-size: 20px;
    color: #fff;
}

.reListBox {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.reListBox>ul>li {
    border-top: 1px dashed #B1B1B1;
    padding-top: 25px;
}

.reListBox>ul>li:first-child {
    border-top: 0;
}

.reListTop {
    padding-bottom: 25px;
    min-height: 25px;
}

.reListTopL {
    float: left;
}

.reListTopL strong {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding-right: 10px;
    line-height: 25px;
}

.reListTopL span {
    font-size: 13px;
    color: #666;
    line-height: 25px;
}

.reListTopR {
    text-align: right;
}

.reListTopR a {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #000;
    font-size: 12px;
    text-align: center;
    border: 1px solid #D7D8D9;
    transition: all 0.3s ease;
}

.reListTopR a:hover {
    background: #666;
    color: #fff;
    border: 1px solid #666;
}

.reListText {
    font-size: 15px;
    color: #666;
    padding-bottom: 25px;
}

.reListBottom {
    min-height: 25px;
}

.reListBottomT {
    padding-bottom: 25px;
}

.reListBottomT li {
    display: inline-block;
    padding: 0px 15px;
}

.reListBottomT li::before {
    content: "";
    position: absolute;
    height: 13px;
    line-height: 13px;
    border-left: 1px dashed #666;
    width: 1px;
    margin: 6px 0px 0px -15px;
}

.reListBottomT li:first-child {
    padding-left: 0px;
}

.reListBottomT li:first-child::before {
    border: 0px;
}

.reListBottomT li i {
    font-size: 18px;
    color: #333;
    padding-right: 4px;
}

.reListBottomT li span {
    font-size: 14px;
    color: #666;
}

.reListBottomT li a {
    font-size: 14px;
    color: #666;
    position: relative;
    display: inline-block;
}

.reListBottomT li a:hover::before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #666;
    left: 0px;
    right: 0px;
    bottom: 1px;
}

.reListBottomT .iconS {
    font-size: 12px;
    padding: 0px 5px;
    transition: all 0.3s ease;
    display: inline-block;
}

.reListBottomT .reShow.on .iconS {
    transform: rotate(180deg);
}

.reListBottomList {
    background: #F9F9F9;
    padding: 0px 25px;
    display: none;
}

.reListBottomList ul li {
    border-top: 1px dashed #B1B1B1;
    padding-top: 25px;
}

.reListBottomList ul li:first-child {
    border-top: 0;
}

.pagingBox {
    margin: 30px 0px;
    text-align: center;
}

.pagingBox .buBox {
    padding: 0;
    text-align: center;
    border: 1px solid #D7D7D7;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
}

.pagingBox .buBox img {
    width: 10px;
    vertical-align: 2px;
}

.pagingBox .buBox span {
    font-size: 12px;
}

.pagingBox a {
    padding: 0px 10px;
    height: 30px;
    line-height: 28px;
    color: #888;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

.pagingBox a:hover {
    border: 1px solid rgba(0, 0, 0, 0.6);
}

.pagingBox strong {
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    color: #FF3856;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.noDataBox {
    background: #F5F5F5;
    padding: 30px 0px;
    text-align: center;
    font-size: 22px;
    color: #000;
}

.noDataBox span {
    font-size: 30px;
    vertical-align: -3px;
    padding-right: 10px;
}

.noDataBox strong {
    font-weight: 400;
}


/* button */

.buttonBox {
    margin: 40px 0px;
    text-align: center;
    overflow: hidden;
}

.buttonBoxM {
    margin: 20px 0px 30px;
    text-align: center;
    overflow: hidden;
}

.buttonBoxS {
    margin: 15px 0px;
    text-align: center;
    overflow: hidden;
}

.tablebtnBox {
    margin-top: -35px;
}

.buttonBoxL {
    float: left;
}

.buttonBoxR {
    float: right;
}

.submissionBox {
    margin: 4px 0;
}

.bu_l_purple {
    vertical-align: middle;
    box-sizing: border-box;
    background: #791C4A;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_purple:hover {
    background: #333;
}

.bu_l_purpleLine {
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #791C4A;
    color: #791C4A;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_purpleLine:hover {
    background: #791C4A;
    color: #fff;
}

.bu_l_black {
    vertical-align: middle;
    box-sizing: border-box;
    background: #412C36;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_black:hover {
    background: #333;
}

.bu_l_red {
    vertical-align: middle;
    box-sizing: border-box;
    background: #FF0000;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_red:hover {
    background: #333;
}

.bu_l_gray {
    vertical-align: middle;
    box-sizing: border-box;
    background: #666;
    border: 1px solid #666;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_gray:hover {
    background: #fff;
    border: 1px solid #666;
    color: #666;
}

.bu_l_grayLine {
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #666;
    background: #fff;
    color: #666;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_grayLine:hover {
    background: #666;
    border: 1px solid #666;
    color: #fff;
}

.bu_l_lightblue {
    vertical-align: middle;
    box-sizing: border-box;
    background: #245AB8;
    border: 1px solid #245AB8;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_lightblue:hover {
    background: #fff;
    border: 1px solid #666;
    color: #245AB8;
}

.bu_l_lightblueLine {
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #245AB8;
    background: #fff;
    color: #245AB8;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_lightblueLine:hover {
    background: #245AB8;
    border: 1px solid #245AB8;
    color: #fff;
}

.bu_l_blue {
    vertical-align: middle;
    box-sizing: border-box;
    background: #003082;
    border: 1px solid #003082;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_blue:hover {
    background: #fff;
    border: 1px solid #666;
    color: #003082;
}

.bu_l_blueLine {
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #003082;
    background: #fff;
    color: #003082;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_blueLine:hover {
    background: #003082;
    border: 1px solid #003082;
    color: #fff;
}

.bu_l_grayblue {
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #636E81;
    background: #636E81;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_grayblue:hover {
    background: #fff;
    border: 1px solid #636E81;
    color: #636E81;
}

.bu_l_grayblueLine {
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #636E81;
    background: #fff;
    color: #636E81;
    font-size: 16px;
    line-height: 44px;
    border-radius: 2px;
    min-width: 130px;
    margin: 0px 3px;
    padding: 0 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_l_grayblueLine:hover {
    background: #636E81;
    border: 1px solid #636E81;
    color: #fff;
}


/********* M size ************/

.bu_m_lightblue {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #245AB8;
    border: 1px solid #245AB8;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
    text-align: center;
}

.bu_m_lightblue:hover {
    background: #fff;
    color: #245AB8;
}

.bu_m_lightblueLine {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #245AB8;
    background: #fff;
    color: #245AB8;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
    text-align: center;
}

.bu_m_lightblueLine:hover {
    background: #245AB8;
    color: #fff;
}

.bu_m_blue {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #003082;
    border: 1px solid #003082;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
    text-align: center;
}

.bu_m_blue:hover {
    background: #fff;
    color: #003082;
}

.bu_m_blueLine {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #003082;
    color: #003082;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_blueLine:hover {
    background: #003082;
    color: #fff;
}

.bu_m_purple {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #791C4A;
    border: 1px solid #791C4A;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_purple:hover {
    background: #791C4A;
    color: #fff;
}

.bu_m_purpleLine {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #791C4A;
    color: #791C4A;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_purpleLine:hover {
    background: #791C4A;
    color: #fff;
}

.bu_m_red {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #DF4B4B;
    background: #DF4B4B;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_red:hover {
    background: #fff;
    color: #DF4B4B
}

.bu_m_redLine {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #DF4B4B;
    color: #DF4B4B;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_redLine:hover {
    background: #DF4B4B;
    color: #fff;
}

.bu_m_black {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    background: #333;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_black:hover {
    background: #333;
}

.bu_m_gray {
    min-width: 72px;
    vertical-align: middle;
    border: 1px solid #666;
    box-sizing: border-box;
    border: 1px solid #687995;
    background: #666;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_gray:hover {
    background: #fff;
    color: #666;
}

.bu_m_grayblue {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #687995;
    background: #687995;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_grayblue:hover {
    background: #fff;
    color: #687995;
}

.bu_m_grayblueLine {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #687995;
    background: #fff;
    color: #687995;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_grayblueLine:hover {
    background: #687995;
    color: #fff;
}

.bu_m_grayLine {
    min-width: 72px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #666;
    background: #fff;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_m_grayLine:hover {
    background: #666;
    color: #fff;
}

.bu_m_disable {
    border: 1px solid #E1E1E1;
    background-color: #F2F2F2;
    color: #666;
    min-width: 62px;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
    cursor: default;
}


/********* M size ************/

.bu_s_lightblue {
    vertical-align: middle;
    box-sizing: border-box;
    background: #245AB8;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_lightblue:hover {
    background: #333;
}

.bu_s_blue {
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #003082;
    background: #003082;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_blue:hover {
    background: #fff;
    color: #003082;
}

.bu_s_blueLine {
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #245AB8;
    color: #004B9C;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_blueLine:hover {
    background: #003082;
    color: #fff;
}

.bu_s_purple {
    vertical-align: middle;
    box-sizing: border-box;
    background: #791C4A;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_purple:hover {
    background: #333;
}

.bu_s_purpleLine {
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid#791C4A;
    color: #791C4A;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_purpleLine:hover {
    background: #791C4A;
    color: #fff;
}

.bu_s_green {
    vertical-align: middle;
    box-sizing: border-box;
    background: #00883F;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_green:hover {
    background: #333;
}

.bu_s_greenLine {
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid#00883F;
    color: #00883F;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_greenLine:hover {
    background: #00883F;
    color: #fff;
}

.bu_s_red {
    vertical-align: middle;
    box-sizing: border-box;
    background: #FF0000;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_red:hover {
    background: #333;
}

.bu_s_redLine {
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_redLine:hover {
    background: #FF0000;
    color: #fff;
}

.bu_s_black {
    vertical-align: middle;
    box-sizing: border-box;
    background: #412C36;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_black:hover {
    background: #333;
}

.bu_s_grayblue {
    vertical-align: middle;
    box-sizing: border-box;
    background: #687995;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_grayblue:hover {
    background: #333;
}

.bu_s_grayLine {
    vertical-align: middle;
    box-sizing: border-box;
    color: #666;
    border: 1px solid #666;
    background: #fff;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_grayLine:hover {
    background: #666;
    color: #fff;
}

.bu_s_gray {
    vertical-align: middle;
    box-sizing: border-box;
    color: #fff;
    border: 1px solid #666;
    background: #666;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_s_gray:hover {
    background: #fff;
    color: #666;
}

.bu_ss_gray {
    border: 1px solid #B7B7B7;
    background-color: #B7B7B7;
    color: #fff;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px;
    display: inline-block;
    transition: all 0.3s ease;
}

.bu_ss_gray:hover {
    color: #B7B7B7;
    background-color: #fff;
}

.bu_s_disable {
    border: 1px solid #E1E1E1;
    background-color: #F2F2F2;
    color: #666;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 28px;
    border-radius: 2px;
    margin: 0px 3px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 0.3s ease;
    cursor: default;
}

[class^="bu_l_"].wide,
[class*=" bu_l_"].wide {
    min-width: 190px;
}

[class^="bu_m_"].wide,
[class*=" bu_m_"].wide {
    min-width: 100px;
}

[class^="bu_s_"].wide,
[class*=" bu_s_"].wide {
    min-width: 70px;
}


/*login 화면 */

.onelogin {
    background-color: #F5F5F5;
    position: relative;
}

.oneloginDel {
    background-color: #e8e8e8;
    position: relative;
}

.oneloginBox {
    min-width: 420px;
    position: absolute;
    left: 50%;
    margin-left: -210px;
    top: 50%;
    margin-top: -250px;
}

.oneloginBox h1 {
    margin: 0 0 46px 0;
    text-align: center;
}

.oneloginBoxIn ul li {
    margin-top: 20px;
    position: relative;
}

.oneloginBoxIn ul li:first-child {
    margin-top: 0;
}

.oneloginBoxIn ul li.btn {
    margin-top: 40px;
}

.oneloginBoxIn ul li.btn button {
    transition: all .4s ease;
    border: 1px solid #EE2C49;
    width: 100%;
    height: 60px;
    background-color: #EE2C49;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.16);
}

.oneloginBoxIn ul li.btn button:hover {
    background-color: #fff;
    color: #EE2C49;
}

.oneloginBoxIn ul li input {
    padding: 0 25px 0 50px;
    border: 1px solid #E2E2E2;
    border-radius: 29px;
    height: 58px;
    line-height: 58px;
    width: 100%;
}

.oneloginBoxIn ul li span {
    position: absolute;
    left: 25px;
    top: 17px;
    font-size: 22px;
    color: #6A6A6A;
}

.oneloginBoxIn ul li span.icon-lock1 {
    top: 14px;
}

.inquiryBox {
    position: absolute;
    bottom: 80px;
    text-align: center;
    width: 100%;
}

.inquiryBox a {
    transition: all .4s ease;
    display: inline-block;
    width: 204px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #888;
    font-size: 14px;
    text-align: center;
    margin: 0 8px;
}

.inquiryBox a span {
    margin-right: 8px;
}

.inquiryBox a:hover {
    background-color: #EE2C49;
    color: #fff;
}

.copyRihgtBox {
    position: absolute;
    bottom: 90px;
    width: 100%;
    text-align: center;
    color: #CCCCCC;
    font-size: 12px;
}


/*ul list*/

.ulList {
    overflow: hidden;
}

.ulList>li {
    position: relative;
    color: #444;
    font-size: 15px;
    padding-left: 4px;
    margin-top: 5px;
}

.ulList>li:first-child {
    margin-top: 0;
}

.ulList>li:before {
    display: inline-block;
    content: '';
    width: 2px;
    height: 2px;
    background-color: #444;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}


/* box */

.oneBox {
    border-radius: 5px;
    border: 1px solid #D7D8D9;
    box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.oneBoxContent {
    margin: 50px 0px;
}

.oneBoxCDan>li {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    padding: 0px 120px;
}

.oneBoxCDan>li:first-child {
    border-right: 1px solid #D7D8D9;
}

.oneBoxCDan h3 {
    font-size: 24px;
    color: #000;
    text-align: center;
    font-weight: 400;
}

.oneBoxCDan input {
    border: 1px solid #D7D7D7;
    width: 100%;
    line-height: 50px;
    height: 50px;
    font-size: 15px;
    margin-bottom: 8px;
}

.oneBoxCDan button {
    background: #791C4A;
    height: 55px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin-top: 12px;
    border-radius: 4px;
}

.oneBoxBottom {
    min-height: 80px;
    background: #F7F8F9;
}

.oneBoxBCenter {
    line-height: 80px;
    text-align: center;
}

.danBox {
    clear: both;
    display: inline-block;
    width: 93%;
}

.danL {
    display: block;
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.danR {
    display: block;
    width: 50%;
    box-sizing: border-box;
    float: right;
}


/*infomation Box style*/

.infomationBox {
    background-color: #EFF4FC;
    padding: 23px 30px;
    margin-bottom: 50px;
    position: relative
}

.infomationBox .soundIcon {
    border: 1px solid rgba(1, 69, 184, 0.3);
    text-align: center;
    padding: 15px 17px 12px;
    border-radius: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -28px;
}

.infomationBox .ulList,
.infomationBox .danBox {
    margin-left: 100px;
    font-size: 15px;
}

.infomationBox .danBox .ulList {
    margin-left: 0;
}

.infomationBox.inline {
    color: #003082;
    font-size: 15px;
    background-color: #fff;
    border: none;
    padding: 0;
}

.infomationBox.inline img {
    vertical-align: middle;
    margin-right: 8px;
}

.smalltext {
    font-size: 13px;
    margin-top: 4px;
}

.smalltext li {
    margin-bottom: 4px;
}

.tabBoxCon .infomationBox {
    background-color: #F8F8FD;
    border: 1px solid #EFEFF7;
    padding: 16px 24px 12px;
    margin-bottom: 20px;
    position: relative
}

.tabBoxCon .infomationBox.inline {
    background-color: #fff;
    border: none;
    padding: 0;
}

.tabBoxCon .infomationBox .danBox,
.tabBoxCon .infomationBox .ulList {
    margin-left: 0;
}

.tabBoxCon .searchBox {
    padding: 15px;
    line-height: 35px
}

.tabBoxCon .searchBox input {
    height: 36px;
    line-height: 36px;
}

.tabBoxCon .searchBox select {
    height: 36px;
    line-height: 36px;
}

.tabBoxCon .searchBox .searchBu.text {
    height: 36px;
    line-height: 36px;
}

.tableInfo {
    margin-top: -40px;
    margin-bottom: 40px;
    font-size: 14px;
}

.smalltext {
    font-size: 13px;
    margin-top: 4px;
}

.smalltext li {
    margin-bottom: 4px;
}


/* check box style */


/* input[type="checkbox"] { position: absolute; opacity: 0;} */

input[type="checkbox"]+label:before,
input[type="checkbox"]+span:before {
    margin-top: -3px;
    content: "";
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: #ECECEC;
    border: 1px solid #BCBCBC;
    border-radius: 2px;
    margin-right: 8px;
}

input[type="checkbox"]:checked+label:before,
input[type="checkbox"]:checked+span:before {
    background: #003082;
    border: 1px solid #003082;
}

input[type="checkbox"]:disabled+label:before,
input[type="checkbox"]:disabled+span:before {
    border: 1px solid #b8b8b8;
    box-shadow: none;
    background: #b8b8b8;
}

input[type="checkbox"]:checked+label:after,
input[type="checkbox"]:checked+span:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 13px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(37deg);
}

input[type="checkbox"]:read-only+label:before {
    /*background-color: #b8b8b8;
    border: 1px solid #b8b8b8*/
}

input[type="checkbox"].check_disabled+label {
    color: #4189D1;
}

.checkboxList li {
    display: inline-block;
    margin-right: 8px;
}


/*radio button style */

.radiolabel {
    color: #666;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radiolabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 0;
    height: 0;
    overflow: hidden;
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #F6F6F6;
    border: 1px solid #A5A5A5;
    border-radius: 50%;
}

input[type="radio"]:checked~.checkmark {
    background-color: #fff;
    color: #000;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

input[type="radio"]:checked~.checkmark:after {
    display: block;
}

.checkmark:after {
    top: 2px;
    left: 2px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #000;
}


/*datepicker*/

.ui-datepicker {
    width: 280px;
    padding: 5px;
    background-color: #2B323B;
    border-radius: 4px;
    box-shadow: 0 4px 40px -8px rgb(0 0 0 / 20%);
}

.ui-widget.ui-widget-content {
    border: 0px;
}

.ui-datepicker-header {
    height: 32px;
    padding: 3px;
    margin-bottom: 0;
    background-color: #2B323B;
    border: none;
    color: #fff;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    text-indent: 9999px;
    overflow: hidden;
    border-radius: 3px;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: "";
    position: absolute;
    display: block;
    margin-top: 11px;
    width: 6px;
    height: 6px;
    border-left: 2px solid #C2C7D1;
    border-bottom: 2px solid #C2C7D1;
    pointer-events: none;
}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-prev:after {
    transform: rotate(45deg);
    margin-left: 11px;
}

.ui-datepicker-next:after {
    transform: rotate(-135deg);
    margin-left: 13px;
}

.ui-datepicker-trigger {
    margin-left: 2px;
    color: #000;
    width: 20px;
    line-height: 20px;
    border-radius: 2px;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 14px;
}

.ui-datepicker-trigger::before {
    display: inline-block;
    content: '';
    width: 1px;
    height: 12px;
    background-color: #ECECEC;
    position: absolute;
    left: -6px;
    top: 4px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker-month,
.ui-datepicker-year {
    -webkit-appearance: none;
    border: 0;
    background: none;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    color: white;
    margin: 0 1px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background: #444B56;
    border: 0px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: auto;
}

.ui-datepicker-calendar thead tr th span {
    color: #8D9298;
    display: block;
    width: 100%;
    padding: 0;
    color: #8D9298;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #2B323B;
    border-color: #2B323B;
    color: #8D9298;
    padding: 0;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #fff;
    border: 0px;
}

.ui-datepicker-calendar tbody tr td {
    padding-right: 3px;
    padding-bottom: 3px;
}

.ui-datepicker-calendar tbody tr td:first-child {
    padding-left: 3px;
}

.ui-state-default {
    display: block;
    height: 34px;
    text-decoration: none;
    line-height: 34px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    color: #fff;
    background-color: #2B323B;
}


/* tabBox */

.tabBox {
    display: table;
    width: 100%;
    border-spacing: 0;
    margin-bottom: 15px;
}

.tabBox ul {
    display: table-row;
    width: 100%;
}

.tabBox li {
    display: table-cell;
    box-sizing: border-box;
    background: #f6f6f6;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 15px;
    color: #444;
    text-align: center;
    height: 36px;
    vertical-align: middle;
    border-left: none;
    min-width: 100px;
}

.tabBox li:first-child {
    border-left: 1px solid #E1E1E1;
}

.tabBox li.on {
    background: #fff;
    color: #0145B8;
    border: 1px solid #0145B8;
    font-weight: 500;
}

.tabBox li.on a {
    color: #0145B8;
}

.tabBox li a {
    display: block;
    color: #666;
    padding: 10px;
    font-weight: 500;
}

.tabBox.list3 li {
    width: 33.3%;
}

.tabBox.multi {
    display: block;
    width: 100%;
    border-spacing: 1px;
    margin-bottom: 40px;
    background: #f5f5f5;
    padding: 20px;
    box-sizing: border-box;
}

.tabBox.multi ul {
    display: block;
}

.tabBox.multi li {
    display: inline-block;
    box-sizing: border-box;
    background: #9c9fa3;
    margin: 3px 2px;
    border-radius: 3px;
    font-size: 18px;
    color: #666;
    text-align: center;
    height: 50px;
    vertical-align: middle;
}

.tabBox.multi li.on {
    background: #791C4A;
    color: #fff;
}

.tabBox.multi li.on a {
    color: #fff;
}

.tabBox.multi li a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: auto;
    height: 50px;
    color: #fff;
    font-size: 16px;
    padding: 0px 10px;
    vertical-align: middle;
}

.tabBox.multi ul.list2 li {
    width: calc(50% - 6px);
}

.tabBox.multi ul.list3 li {
    width: calc(33.3% - 6px);
}

.tabBox.multi ul.list4 li {
    width: calc(25% - 7px);
}

.tabBox.multi ul.list5 li {
    width: calc(20% - 7px);
}

.tabBox.multi ul.list6 li {
    width: calc(16.6% - 6px);
}

.tabBox.multi ul.list7 li {
    width: calc(14.2% - 6px);
}

.tabBox.multi ul.list8 li {
    width: calc(12.5% - 7px);
}

.tabBox.multi ul.list9 li {
    width: calc(11.1% - 7px);
}

.tabBox.multi ul.list10 li {
    width: calc(10% - 7px);
}

.tabBox.round {
    position: relative;
    display: block;
}

.tabBox.round ul {
    display: inline-block;
    width: 100%;
}

.tabBox.round:before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 3;
}

.tabBox.round li {
    font-size: 16px;
    display: block;
    float: left;
    position: relative;
    line-height: 44px;
    height: 44px;
    border-radius: 5px 5px 0 0;
    background-color: #F9F9F9;
    border: 1px solid #E1E1E1;
    z-index: 2;
    font-weight: 500;
}

.tabBox.round li:first-child {
    margin-left: 0;
}

.tabBox.round li:last-child {
    border-top-right-radius: 5px;
}

.tabBox.round li a {
    display: block;
    padding: 0px 44px;
}

.tabBox.round li.on {
    border: 1px solid #000;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 3;
}

.tabBox.round li.on a {
    color: #000;
}

.tabBox.round .btnBox {
    position: absolute;
    right: 0;
    top: 0;
}

.tabBox.round .btnBox button span {
    margin-right: 4px;
}

.tabConAllView {
    position: absolute;
    right: 0;
    top: 0;
}

.tabConAllView button {
    border-radius: 30px;
    padding: 0 10px;
}

.tabBox.circleTab {
    position: relative;
    display: block;
    margin-bottom: 24px;
}

.tabBox.circleTab ul {
    display: inline-block;
    width: 100%;
}

.tabBox.circleTab li {
    background-color: transparent;
    font-size: 16px;
    display: block;
    float: left;
    position: relative;
    line-height: 44px;
    height: 44px;
    border: none;
    font-weight: 500;
}

.tabBox.circleTab li a {
    background-color: #B7B7B7;
    margin-right: 5px;
    display: block;
    padding: 0px 60px;
    color: #fff;
    border-radius: 20px;
    height: 44px;
}

.tabBox.circleTab li.on a {
    background-color: #064CC3;
}

.tabBox.circleTab.list2 li {
    width: 50%;
}

.tabBox.circleTab.list3 li {
    width: 33.3%;
}

.tabBox.circleTab.list4 li {
    width: 25%
}

.tabBox.circleTab.list5 li {
    width: 20%;
}

.tabBox.circleTab.list6 li {
    width: 16.6%;
}

.tabBox.circleTab.list7 li {
    width: 14.2%;
}

.tabBox.circleTab.list8 li {
    width: 12.5%;
}

.tabBox.circleTab.list8 li a {
    padding: 0;
}

.lineTabBox {
    display: block;
    box-sizing: border-box;
    border-bottom: 2px solid #D7D7D7;
    margin-bottom: 20px;
}

.lineTabBox ul li {
    display: inline-block;
    margin-right: 20px;
}

.lineTabBox ul li a {
    display: block;
    color: #888;
    position: relative;
    padding-bottom: 5px;
}

.lineTabBox ul li a:after {
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    transition: all .3s ease;
}

.lineTabBox ul li.on a {
    color: #000;
}

.lineTabBox ul li.on a:after {
    display: block;
    width: 100%;
}

.tabBoxCon {
    display: none;
}

.tabBoxCon.on {
    display: block;
}

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

.tabBoxCon .table_normal {
    border-top: 1px solid #d7d7d7;
    margin-bottom: 50px;
}

.tabBoxCon .table_normal thead tr th {
    height: 36px;
}

.tabBoxCon .table_normal tbody tr td {
    color: #666;
    border-bottom: 1px solid #d7d7d7;
    height: 20px;
    text-align: left;
    font-size: 14px;
    transition: all 0.6s ease;
    padding: 8px 10px;
}

.tabBoxCon .table_normal tbody td select {
    line-height: 28px;
    height: 28px;
    font-size: 14px;
    border: 1px solid #D7D7D7;
    margin: 0px 2px;
    padding: 0px 25px 0px 5px;
    min-width: 80px;
    background: url(../img/common/selectArrow.svg) no-repeat right center #fff;
    appearance: none;
    border-radius: 2px;
    color: #666;
}

.tabBoxCon .table_normal tbody td .addre {
    margin-bottom: 8px;
}

.tabBoxCon .table_normal tbody tr td.al {
    text-align: left;
}

.tabBoxCon .table_normal tbody tr td.ac {
    text-align: center;
}

.tabBoxCon .table_normal tbody tr td.ar {
    text-align: right;
}

.tabBoxCon .search {
    height: 28px;
    line-height: 25px;
}

.tabBoxCon .table_title {
    position: relative;
    vertical-align: middle;
}

.tabBoxCon .infomationBox {
    background-color: #F8F8FD;
    border: 1px solid #EFEFF7;
    padding: 16px 24px 12px;
    margin-bottom: 20px;
    position: relative
}

.tabBoxCon .infomationBox.inline {
    background-color: #fff;
    border: none;
    padding: 0;
}

.tabBoxCon .infomationBox .danBox,
.tabBoxCon .infomationBox .ulList {
    margin-left: 0;
}

.tabBoxCon .searchBox {
    padding: 15px;
    line-height: 35px
}

.tabBoxCon .searchBox input {
    height: 36px;
    line-height: 36px;
}

.tabBoxCon .searchBox select {
    height: 36px;
    line-height: 36px;
}

.tabBoxCon .searchBox .searchBu.text {
    height: 36px;
    line-height: 36px;
}

.tableInfo {
    margin-top: -35px;
    margin-bottom: 40px;
    font-size: 14px;
}

.smalltext {
    font-size: 13px;
    margin-top: 4px;
}

.smalltext li {
    margin-bottom: 4px;
}


/* qna table */

.qnaList>dl {
    border-top: 1px solid #000;
}

.qnaList>dl>dt {
    background: #ffff;
    border-bottom: 1px solid #E1E1E1;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    position: relative;
}

.qnaList>dl>dt label {
    position: absolute;
    top: 0px;
    text-indent: 15px;
}

.qnaList>dl>dt a {
    display: block;
    text-align: left;
    padding: 0px 15px;
    color: #000;
    font-size: 16px;
}

.qnaList>dl>dt a .textIcon {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    margin-right: 8px;
}

.qnaList>dl>dt a .textIcon:after {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: rgba(0, 164, 89, 0.14);
    display: block;
    content: '';
    position: absolute;
    left: -4px;
    bottom: 0;
}

.qnaList>dl>dt a span.icon-down {
    transition: all 0.3s ease;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 20px
}

.qnaList>dl>dt a.on span.icon-down {
    transform: rotate(180deg);
}

.qnaList>dl>dd {
    position: relative;
    background: #F7F8F9;
    overflow-y: auto;
    font-size: 15px;
    color: #666;
    padding: 20px;
    box-sizing: border-box;
    margin: 0px;
    display: none;
    border-bottom: 1px solid #E1E1E1;
}

.qnaList>dl>dd .atitle {
    color: #000;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

.qnaList>dl>dd .atitle .ulList {
    margin-top: 4px;
}

.qnaList>dl>dd .atitle .ulList li {
    font-size: 14px;
    color: #666;
}

.qnaList>dl>dd .textIcon {
    position: absolute;
    font-size: 20px;
    font-weight: 500;
    margin-left: 5px;
    margin-right: 8px;
    display: inline-block;
    left: 20px;
    top: 17px;
}

.qnaList>dl>dd .textIcon:after {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: rgba(223, 75, 75, 0.14);
    display: block;
    content: '';
    position: absolute;
    left: -4px;
    bottom: 0;
}

.qnaList .type2 dt a {
    line-height: 40px;
    margin-top: 15px;
}

.qnaList .type2 dt .qnaSubName {
    position: absolute;
    left: 15px;
    font-size: 12px;
    line-height: 100%;
    top: 10px;
    color: #999;
    font-weight: 400;
}


/* text */

.oneT1 {
    margin: 0px 0px 40px;
    font-size: 30px;
    color: #000;
    font-weight: 500;
}

.oneT2 {
    margin: 0px 0px 20px;
    font-size: 24px;
    color: #000;
    font-weight: 500;
}

.oneT3 {
    margin: 0px 0px 16px;
    font-size: 22px;
    color: #000;
    font-weight: 500;
}

.oneT4 {
    margin: 0px 0px 16px;
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.oneT2.title {
    margin: 0px 0px 16px;
    font-size: 22px;
    color: #000;
    font-weight: 500;
}

.text_red {
    color: #DF4B4B
}

.text_green {
    color: #41C931
}

.text_guide {
    font-size: 14px;
    color: #666;
}

.text_gray {
    color: #999;
}

.text_blue {
    color: #0145B8
}

.text_black {
    color: #000;
}

.text_guide {
    font-size: 14px;
    color: #666;
}

.textGap {
    margin: 0 4px;
}

.textBox {
    background: #F9F9F9;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
}

.textList>li {
    padding-left: 20px;
    font-size: 14px;
}

.textList>li::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 2px;
    background-color: #333;
    margin: 10px 0px 0px -12px;
}


/* menu_admin_layout */

.menu_admin_layout {
    clear: both;
    overflow: hidden;
    margin: 0 -8px;
}

.menu_admin_layout:before,
#SUB .contents_area .menu_admin_layout:after {
    display: block;
    content: '';
    clear: both;
}

.menu_admin_layout div.m_list {
    float: left;
    width: 34%;
}

.menu_admin_layout div.m_table {
    float: left;
    width: 66%;
}

.menu_admin_layout div .list_box,
.menu_admin_layout div .table_wrap {
    margin: 0 8px 10px 8px;
}

.menu_admin_layout div .tb_bottom_area {
    margin: 0 8px;
}

.menu_admin_layout div .list_box {
    padding: 5px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 400px;
    overflow: auto;
}

.menu_admin_layout div .list_box ul li {
    line-height: 20px;
}

.menu_admin_layout div .list_box ul li a {
    display: block;
    color: #666;
}

.menu_admin_layout div .list_box ul ul {
    margin-left: 3px;
}

.menu_admin_layout div .list_box ul li.on>a {
    color: #337ec4;
    font-weight: 800;
}

.menu_admin_layout div .list_box ul>li {
    background: url('/images/mngr/m_list_home.png') 0 8px no-repeat;
    padding-left: 9px;
}

.menu_admin_layout div .list_box ul>li>ul>li {
    background: url('/images/mngr/m_list_1d_off.png') 0 7px no-repeat;
    padding-left: 10px;
}

.menu_admin_layout div .list_box ul>li>ul>li.on {
    background: url('/images/mngr/m_list_1d_on.png') 0 7px no-repeat;
}

.menu_admin_layout div .list_box ul>li>ul>li>ul>li {
    background: url('/images/mngr/m_list_2d_off.png') 0 5px no-repeat;
    padding-left: 13px;
}

.menu_admin_layout div .list_box ul>li>ul>li>ul>li.on {
    background: url('/images/mngr/m_list_2d_on.png') 0 5px no-repeat;
}

.menu_admin_layout div .list_box ul>li>ul>li>ul>li>ul>li {
    background: url('/images/mngr/m_list_3d_off.png') 0 7px no-repeat;
    padding-left: 10px;
}

.menu_admin_layout div .list_box ul>li>ul>li>ul>li>ul>li.on {
    background: url('/images/mngr/m_list_3d_on.png') 0 7px no-repeat;
}

.menu_admin_layout div .list_box ul>li>ul>li>ul>li>ul>li>ul>li {
    background: url('/images/mngr/m_list_4d_off.png') 0 9px no-repeat;
    padding-left: 9px;
}

.menu_admin_layout div .list_box ul>li>ul>li>ul>li>ul>li>ul>li.on {
    background: url('/images/mngr/m_list_4d_on.png') 0 9px no-repeat;
}

.menu_admin_layout div .table_wrap table tr td label.depth2 {
    background: url('/images/mngr/m_list_2d_off.png') 0 1px no-repeat;
    padding-left: 13px;
    margin-left: 10px;
}

.menu_admin_layout div .table_wrap table tr td label.depth3 {
    background: url('/images/mngr/m_list_3d_off.png') 0 4px no-repeat;
    padding-left: 10px;
    margin-left: 20px;
}

.menu_admin_layout div .table_wrap table tr td label.depth4 {
    background: url('/images/mngr/m_list_4d_off.png') 0 6px no-repeat;
    padding-left: 10px;
    margin-left: 30px;
}


/*layerpopup*/

.layerpopup {
    position: fixed;
    z-index: 1000;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.7);
    transform: scale(0);
    opacity: 0;
    transition: opacity 0.6s ease;
}

.layerpopup.on {
    transform: scale(1);
    opacity: 1;
}

.layerScroll {
    height: 100%;
}

.layerpopupIn {
    overflow: hidden;
    margin: 50px auto;
    border-radius: 10px;
}

.layerpopupHead {
    padding: 20px 0 0;
    background-color: #fff;
    font-size: 24px;
    color: #000;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.layerpopupHeadIn {
    margin: 0 30px;
    padding-bottom: 20px;
    border-bottom: 3px solid #F5F5F5
}

.layerpopupHeadIn a {
    position: absolute;
    right: 32px;
    top: 19px;
    font-size: 30px;
    color: #8888;
}

.LayerPopupSubText {
    font-size: 13px;
}

.layerpopupCon {
    background-color: #fff;
    padding: 24px 30px 20px;
    height: calc(100% - 165px);
    overflow-y: auto;
    box-sizing: border-box;
}

.layerpopupCon.only {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.layerpopupCon .contentTitle {
    font-weight: 500;
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 12px;
    color: #000;
    font-size: 20px;
    border-bottom: 1px solid #E1E1E1
}

.layerpopupCon .contentTitle.lineneone {
    border: none;
    padding: 0;
}

.layerpopupCon .infomationBox {
    background-color: #EFF4FC;
    padding: 20px;
    margin-bottom: 20px;
}

.layerpopupCon .infomationBox .ulList {
    margin-left: 0;
}

.layerpopupCon .infomationBox .ulList li.text_red {
    color: #DF4B4B;
}

.layerpopupCon .txtBox {
    border: 1px solid #d7d7d7;
    padding: 10px;
    color: #666;
    margin-bottom: 20px;
}

.layerpopupCon .table_normal {
    margin-bottom: 50px;
}

.layerpopupCon .tableWrap .table_normal {
    margin-bottom: 0;
}

.layerpopupCon .searchBox {
    padding: 15px;
    line-height: 35px
}

.layerpopupCon .searchBox .checkboxList li {
    margin-right: 0;
}

.layerpopupCon .searchBox .checkboxList li label {
    min-width: auto;
}

.layerpopupCon .searchBox input {
    height: 36px;
    line-height: 36px;
}

.layerpopupCon .searchBox select {
    height: 36px;
    line-height: 36px;
}

.layerpopupCon .searchBox .searchBu.text {
    height: 36px;
    line-height: 36px;
}

.layerpopupCon .searchBox .searchBu {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}

.layerpopupCon .checkmark {
    top: 5px;
}

.layerpopupCon .searchBox .checkmark {
    top: 10px;
}

.layerpopupCon .searchBox.type-left .checkmark {
    top: 9px;
}

.layerpopupCon .ui-datepicker-trigger {
    top: 12px;
}

.layerpopupCon .radiolabel {
    height: auto;
}

.layerpopupBottom {
    background-color: #F7F7F7;
    margin: 0;
    padding: 20px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sizeS .layerpopupIn {
    width: 500px;
}

.sizeM .layerpopupIn {
    width: calc(100% - 500px);
    height: calc(100% - 400px);
}

.sizeL .layerpopupIn {
    width: calc(100% - 100px);
    height: calc(100% - 100px);
}

.windowPopup .layerpopupIn {
    margin: 0;
}


/*login org 화면 */

.onelogin {
    background: url(/assets/img/sub/loginBg.jpg) no-repeat;
    background-size:cover;
    position: relative;
}

.oneloginBox {
    width: 420px; /* org 420  */
    position: absolute;
    left: 50%;
    margin-left: -210px;
    top: 50%;  /* org 50  */
    margin-top: -250px; /* org -250  */
}

.oneloginBox h1 {
    margin: 0 0 46px 0;
    text-align: center;
}

.oneloginBoxIn ul li {
    margin-top: 20px; /* org 20  */
    position: relative;
}

.oneloginBoxIn ul li:first-child {
    margin-top: 0;
}

.oneloginBoxIn ul li.btn {
    margin-top: 40px; /* org 40  */
}

.oneloginBoxIn ul li.btn button {
    transition: all .4s ease;
    border: 1px solid #EE2C49;
    width: 200px; /* org 200  */
    height: 60px;    /* org 60  */
    background-color: #EE2C49;
    text-align: center;
    color: #fff;
    font-size: 18px;  /* org 18  */
    border-radius: 30px;
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.16);
}

.oneloginBoxIn ul li.btn button:hover {
    background-color: #fff;
    color: #EE2C49;
}

.oneloginBoxIn ul li.btn button.bu_gray {
    border: 1px solid #BCBCBC;
    background-color: #BCBCBC;
    margin-left: 12gpx;
}

.oneloginBoxIn ul li.btn button.bu_wide {
    width: 100%;   /* org 100  */
}

.oneloginBoxIn ul li input {
    padding: 0 25px 0 50px;
    border: 1px solid #E2E2E2;
    border-radius: 29px;
    height: 58px; /* org 58  */
    line-height: 58px; /* org 58  */
    width: 100%; /* org 100  */
}

.loginSelect {
    line-height: 52px;
    height: 52px;
    width: 100%;
    border-radius: 25px;
    box-sizing: border-box;
    padding: 0px 20px;
    color: #6A6A6A;
    font-size: 15px;
}

.oneloginBoxIn ul li span {
    position: absolute;
    left: 25px;
    top: 17px;
    font-size: 22px; /* org 22  */
    color: #6A6A6A;
}

.oneloginBoxIn ul li span.icon-lock1 {
    top: 14px;
}

.inquiryBox {
    position: absolute;
    bottom: 80px;
    text-align: center;
    width: 100%;
}

.inquiryBox a {
    transition: all .4s ease;
    display: inline-block;
    width: 204px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #888;
    font-size: 14px;
    text-align: center;
    margin: 0 8px;
}

.inquiryBox a span {
    margin-right: 8px;
}

.inquiryBox a:hover {
    background-color: #EE2C49;
    color: #fff;
}

/*login 수정 화면 */

.oneloginNew {
    background: url(/assets/img/sub/loginBg.jpg) no-repeat;
    background-size:cover;
    position: relative;
    text-align:center;
    height :85%;
    top: 80px;
}

.oneloginBoxNew {
    width: 380px; /* org 420  */
    position: absolute;
    left: 50%;
    margin-left: -185px;
/*     top: 40%; */
    margin-top: 30px; /* org -250  */
/*     text-align:center; */
/*     height :90%; */
/*     top: 50px; */
}

.oneloginBoxNew h1 {
    margin: 0 0 46px 0;
    text-align: center;
}

.oneloginBoxInNew {
	text-align:center;
}

.oneloginBoxInNew ul li {
    margin-top: 10px; /* org 20  */
    position: relative;
    
}

.oneloginBoxInNew ul li:first-child {
    margin-top: 0;
}

.oneloginBoxInNew ul li.btn {
    margin-top: 20px; /* org 40  */
}

.oneloginBoxInNew ul li.btn button {
    transition: all .4s ease;
    border: 1px solid #EE2C49;
    width: 150px; /* org 200  */
    height: 45px;    /* org 60  */
    background-color: #EE2C49;
    text-align: center;
    color: #fff;
    font-size: 14px;  /* org 18  */
    border-radius: 30px;
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.16);
}


.noticeBox{
	background-color: rgb(220, 220, 220, 0.2);
	width: 500px; 
	text-align: center;
	margin: 50px auto;
	display: flex;
	justify-content: center;
	align-items: center; 
	height: 180px;
	border-radius: 20px;
	box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.16);
}

.noticeBox ul li{
    color: white;
    font-size: 12px; 
    margin: 10px 20px 10px 10px;
/*     letter-spacing: 0.3px; 글자 간격 설정 */
    
}

.noticeBoxTitle{
/*  	background-color: rgb(180, 180, 180, 0.4); */
/*  	font-size: 15px; */
/*  	border-radius: 20px; */
	display: flex; /* Flexbox 활성화 */
	justify-content: center; /* 수평 중앙 정렬 */
	align-items: center; /* 수직 중앙 정렬 */
	letter-spacing: 1px; /* 글자 간격 설정 */
/* 	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16); */
	height:30px;
	position: relative; /* 밑줄 위치 조정을 위해 필요 */
	padding-bottom: 1px; /* 글자와 밑줄 사이의 간격 */
	border-bottom: 2px solid white; /* 두꺼운 밑줄 추가 */
}


.oneloginBoxInNew ul li.btn button:hover {
    background-color: #fff;
    color: #EE2C49;
}

.oneloginBoxInNew ul li.btn button.bu_gray {
    border: 1px solid #BCBCBC;
    background-color: #BCBCBC;
    margin-left: 12gpx;
}

.oneloginBoxInNew ul li.btn button.bu_wide {
    width: 65%;   /* org 100  */
}

.oneloginBoxInNew ul li input {
    padding: 0 25px 0 35px;
    border: 1px solid #E2E2E2;
    border-radius: 29px;
    height: 44px; /* org 58  */
    line-height: 44px; /* org 58  */
    width: 98%; /* org 100  */
    font-size: 14px;
}

.loginSelectNew {
    line-height: 52px;
    height: 52px;
    width: 100%;
    border-radius: 25px;
    box-sizing: border-box;
    padding: 0px 20px;
    color: #6A6A6A;
    font-size: 15px;
}

.oneloginBoxInNew ul li span {
    position: absolute;
    left: 25px;
    top: 17px;
    font-size: 15px; /* org 22  */
    color: #6A6A6A;
}

.oneloginBoxInNew ul li span.icon-lock1 {
    top: 14px;
}

.inquiryBoxNew {
    position: absolute;
    bottom: 150px;
    text-align: center;
    width: 100%;
}

.inquiryBoxNew a {
    transition: all .4s ease;
    display: inline-block;
    width: 204px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    background-color: #999999d6;
    color: #f6f6f6;
    font-size: 14px;
    text-align: center;
    margin: 0 8px;
}

.inquiryBoxNew a span {
    margin-right: 8px;
}

.inquiryBoxNew a:hover {
    background-color: #EE2C49;
    color: #fff;
}

.copyRihgtBoxNew {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    color: #CCCCCC;
    font-size: 12px;
}
/* 비번 찾기 */

#successPwdArea {
    position: absolute;
    top: 400px;
    left: 50%;
    width: 800px;
    background: #F5F5F5;
    height: 500px;
    margin-left: -400px;
}

#successPwdArea h1 {
    margin: 0 0 46px 0;
    text-align: center;
}

#successPwdArea .alert_box {
    font-size: 16px;
    color: #EE2C49;
    text-align: center;
}

.bu_Red {
    transition: all .4s ease;
    border: 1px solid #EE2C49;
    width: 200px;
    height: 60px;
    background-color: #EE2C49;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.16);
}

.bu_Red:hover {
    background-color: #fff;
    color: #EE2C49;
}

.alert_box img {
    margin-top: 40px;
}

.guidBox {
    padding: 20px;
    background: #F5F6F9;
    border: 1px solid #EFEFEF;
}

.guideTextBox {position: absolute; left: 50%; margin-left: -160px; top: 40%; border: 0px; font-size: 20px;}
.guideTextBox span {font-size: 40px; vertical-align: -9px; padding-right: 10px;}

.newReport {padding: 28px;}
    .newReportHeader {display: block; margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid #E1E1E1; color: #000;}
    .newReportHeader strong {font-size: 20px; font-weight: 600;}
    .newReportHeader .bu_s_grayblue {position:absolute; top:32px; right:25px;}
/*     .newReportCover {position: relative; height: 912px; margin-bottom: 50px; padding: 100px 80px; box-sizing: border-box; background-image: url(../img/sub/newReportCover01.png); background-repeat: no-repeat; background-size: cover;} */
    .newReportCover {position: relative; height: 912px; margin-bottom: 50px; padding: 100px 80px; box-sizing: border-box; background-image: url(../img/sub/newReportCover01.png); background-repeat: no-repeat; background-size: cover;}
        .newReportCoverIn {position: relative; padding-top: 15px; padding-bottom: 10px; padding-left: 50px; color: #fff; background-color: rgba(51, 51, 51, 0.4);}
        .newReportCoverIn {position: relative; padding-top: 20px; color: #fff;}
        .newReportCoverIn:after {position: absolute; top: 0; left: 0; display: block; content: ""; width: 42px; border-bottom: 3px solid #EE2C49;}
        .newReportCoverIn span {display: inline-block; font-size: 24px; font-weight: 500; line-height: 35px;}
        .newReportCoverIn h2 {margin: 5px 0 0 20px;  left: 40px; font-size: 50px; font-weight: 500; line-height: 72px;}
            .newReportManager {position: absolute; bottom: 28px; right: 28px; padding: 0 27px 0 23px; line-height: 36px; border-radius: 18px;  background: url("../img/logo.png") #fff no-repeat; background-size: 100px; background-position: 16px;}
            .newReportManager img {position: absolute; top: 0; bottom: 0; height: 28px; margin: auto 0; }
            .newReportManager span {position: relative; display: block; margin-left: 106px; font-size: 14px; font-weight: 500; color: #000;}
            .newReportManager span:after {position: absolute; top: 0; bottom: 0; left: -8px; margin: auto 0; display: block; content: ""; height: 14px; border-left: 1px solid #D7D7D7;}


    .newReport .onTitle1 {display: block; padding: 0 0 10px 0; margin: 0 0 20px 0; font-size: 25px; font-weight: 500;  color: #000; border-bottom: 1px solid #D2D2D2;}
    .newReport .onTitle1.noLine {padding: 0; margin: 20px 0 12px 0; border-bottom: 0; }
    .newReport .onTitle2 {display: block; font-size: 20px; font-weight: 500; color: #000; margin-top: 30px;}
    .newReport .onTitle3 {display: block; margin: 16px 0 12px 0; font-size: 15px; font-weight: 400; color: #000;}

    .newReportSection {margin: 0 32px; padding-top: 80px;}
    .newReportSection:nth-of-type(2),
    .newReportSection:nth-of-type(3) {height: 975px; box-sizing: border-box;}
        .newReportSectionBox {margin-bottom: 32px;}
    .newReportSection .table_normal {margin-bottom:0; border: 1px solid #D2D2D2;}
/*     .newReportSection .table_normal thead tr th {height: 40px; background: #F5F6F9;}   #ff9b0030 베이지  */
	.newReportSection .table_normal thead tr th {height: 40px; background: #F5F6F9;}
    .newReportSection .table_normal tbody tr th {height: 43px; text-align: center; background: #F5F6F9;}
    .newReportSection .table_normal tbody tr td {padding-left: 19px;}
    .newReportSection .table_normal tfoot tr th {height: 40px; font-size: 14px; font-weight: 500; border-top: 1px solid #666666; color: #000; background: #F5F6F9;}

    .newReportSection .oneDashBox {height: auto; margin-top: 32px;}
    .newReportSection .oneDashBox h2 {left: 0; top:  0; font-size: 16px; font-weight: 500; color: #000;}
    .newReportSection .oneDashL {float: none; display: inline-block; width: 320px; height: 150px; margin: 50px 0 60px 0; border: 1px solid #EE2C49; border-radius: 5px; box-sizing: border-box; background-color: transparent;}
    .newReportSection .oneDashL h3 {margin: 17px 0 7px 24px; font-size: 16px;}
    .newReportSection .oneDashL p {margin:0 0 0 24px; font-size: 14px;}
    .newReportSection .oneDashL .tNum {font-size: 17px;}
    .newReportSection .oneDashL .tNum strong {display: inline-block; margin-right: 10px; font-size: 36px;}
    
    .newReportSection .oneDashR {float: right; height: 190px;}
    .newReportSection .oneDashR h3 {margin: 0px 0px 0px 30px;}
    .newReportSection .oneDashR ul li {position: relative; width: 165px;}
    .newReportSection .oneDashR ul li p {position: absolute; top: 150px; left:0%; right:0px; text-align:center;}
    

    .newReportSection .oneDashB {border-radius: 2px; background-color: #F5F6F9;}
    .newReportSection .oneDashB .chartTitle {display: inline-block;}
    .newReportSection .oneDashB .chartTitle span {display: block; margin: 6px 0 0 0;}

    .newReportSection .oneDashR .chartNum {top: 58px;}

    .newReportSection .apexRadialChart {position: relative; top: -20px;}

    .chartTitle {margin: 0 0 12px 0; font-size: 16px; font-weight: 500; color: #000;}
    .chartTitle span {display: inline-block; margin-left: 7px; font-size:13px; font-weight: 400; vertical-align: bottom; color: #999999;}

    .chartBox {position: relative; height: 252px; border-radius: 2px; background-color: #F5F6F9;}
    .chartBox .chartTitle {position: absolute; top: 26px; left: 32px; display: inline-block;}
    .chartBox .chartTitle span {display: block; margin: 6px 0 0 0;}
    .chartBox.basic .apexBarChart {float: right; width: calc(100% - 170px);}
    .chartBox.rating .apexBarChart {float: left; width: calc(100% - 600px); margin-left: 170px;}

    
    

    .newReportChartList {margin-top: 40px;}
    .newReportChartList:after {display: block; content: ""; clear: both;}
    .newReportChartList li {float: left; width: calc(33.3% - 30px); margin-right: 45px;}
    .newReportChartList li:last-child {margin-right: 0;}
    .newReportChartList .chartBox {height: 290px; padding: 0; box-sizing: border-box;}

    .scoreBar {position: relative; height: 16px; margin: 50px 5px 50px 5px; border-radius: 5px; background-color: #DFDFDF;}
        .scoreBarIn {width: 50%; height: 100%; border-radius: 5px; background-color: #FF3856;}
        .myScore {position: absolute; left:50%; margin-left:3px; bottom: 10px; font-size: 12px; font-weight: 500; width:45px; color: #EE2C49;}
            .myScoreNum {display: block; width: 35px; line-height: 35px; margin: 0 auto; padding-right: 1px; font-size: 14px; font-weight: 500; text-align: center; border-radius: 50%; border-bottom-left-radius: 0; box-sizing: border-box; color: #fff; background-color: #EE2C49;}

        .avgScore {position: absolute; top:10px; left: 65%; transform: translateX(-9px); font-size: 12px; font-weight: 500; white-space: nowrap; color: #0450C1;}
        .avgScore svg {display: block; margin: 0 auto 4px auto;}
        .avgScore > span {position: absolute; left: 50%; transform: translateX(-50%);}
            .avgScoreNum {font-size: 13px; font-weight: 500;}

        .highScore {position: absolute; top: 10px; left: 100%; transform: translateX(-9px); font-size: 12px; font-weight: 500; white-space: nowrap; color: #000;}
        .highScore svg {display: block; margin: 0 auto 4px auto;}
        .highScore > span {position: absolute; left: 50%; transform: translateX(-50%);}
            .highScoreNum {font-size: 13px; font-weight: 500;}
        
    .scoreGuide {margin:16px 0 20px 0; font-size: 15px; font-weight: 400; color: #000;}
    .scoreGuide span {font-weight: 500; color: #EE2C49;}

    .radarChartBox {margin-top: 38px;}
    .radarChartBox:after {display: block; content: ""; clear: both;}
        .radarChartBoxL {float: left; width: 400px; height: 250px; margin-right: 36px; border: 1px solid #D7D7D7; box-sizing: border-box;}
        .radarChartBoxR {float: left; width: 820px;}

    .questionBox {margin: 24px 0px; padding: 25px 32px; background-color: #E8F1FF;}

    .newReportRating {display: inline-block;position:absolute;  margin-top: 8px; line-height: 32px; border: 1px solid #E8E8E8;}
    .newReportRating:after {display: block; content: ""; clear: both;}
    .newReportRating li {float: left; width: 60px; font-size: 14px; font-weight: 500; text-align: center; color: #666666;}
    .newReportRating li.on {margin: -1px 0 -1px -1px; border: 1px solid #EE2C49; color: #fff; background-color: #EE2C49;}

    .opinionBox {margin-top: 32px; padding: 24px 20px; border: 1px solid #D7D7D7;}
    .opinionBox strong {display: block; font-size: 18px; font-weight: 500; color: #000;}
    .opinionBox p {font-size: 15px; font-weight: 400; color: #333333;}

    .chartRatingBox {display: inline-block; width: 350px; margin: 60px 0 0 36px;}
    .chartRatingBox p {margin: 14px 0 0 0; font-size: 15px; font-weight: 400; color: #000000;}
    .chartRatingBox p strong {font-weight: 500; color: #EE2C49;}
    .chartRatingScore strong {display: inline-block; margin-right: 10px; font-size: 36px; font-weight: 600; color: #EE2C49;}
    .chartRatingScore span {font-size: 17px; font-weight: 400; color: #666666;}
    .newReportRBox {margin-left:200px;}
@media print {
    .page-split {height: 0; margin: 0; border: 0; page-break-before: always;}
    .newReportSectionBox {page-break-after:always;}
    .questionBox  {page-break-before:always;}
    /*.rewReBox  {page-break-after:always;}*/
    .newReport .onTitle2 {margin-top:30px;}
}
@page { /*size: A4 landscape;*/ margin:0; }



.createFileUplodadBox_Assessment {
/* 	border: 1px solid #D7D7D7;  */
    position: relative;
    bottom: 45px;
  	right: 160px;
  	width: 150px; 
  	margin-right: 0px;
}

.createFileUplodadBox_Assessment input[type="file"] {
    display: none;
    width: 150px;
}

.createFileUplodadBox_Assessment label {
    margin-right: 15px;
	vertical-align: top;
    padding: 7px 9px;
    border-radius: 3px;
    background-color: #4189D1;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    
}

.createFileUplodadBox_Assessment button span {
    font-size: 17px;
    margin-right: 4px;
    vertical-align: middle;
}

.createFileUplodadBox_Assessment>span {
    color: #888;
    font-size: 13px;
}

.createFileUplodadBox_Assessment>ul {
/*  	border: 1px solid #D7D7D7;  */
	position: relative;
/* 	height: 50px; */
/*     bottom: 10px; */
/*   	left: 150px; */\
  	width: 140px;

  	min-height: 35px;
/*     margin-top: 7px; */
/*     margin-right: 10px; */
}
.createFileUplodadBox_Assessment>ul:hover {transform:scale(1.1);}

.createFileUplodadBox_Assessment>ul>li {
	min-height: 35px;
	margin: 0px 0px;
    margin-right: 2px;
    display: inline-block;
    min-height: 35px;
    text-align: center;
    width: 140px;
    background-color: #526b8a;
}

.createFileUplodadBox_Assessment>ul>li a {
	margin-top: 7px;
    font-size: 13px;
    color: white;
    min-height: 35px;
    vertical-align: middle;
    line-height: 0.5;
}



/* .createFileUplodadBox_Assessment>ul>li a span { */
/*     display: inline-block; */
/*     background-color: #ABABAB; */
/*     color: #fff; */
/*     width: 15px; */
/*     height: 15px; */
/*     vertical-align: middle; */
/*     padding: 2px; */
/*     font-size: 12px; */
/*     text-align: center; */
/*     line-height: 16px; */
/*     border-radius: 2px; */
/*     margin-left: 10px; */
/* } */