@charset "utf-8";
/* CSS Document */


/*------ ▼ 투명스크롤 ▼ ------*/


.scrollbar ::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.scrollbar ::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0);
border-radius: 5px;
}

.scrollbar ::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255,.6);
border-radius: 5px;
}
/*------ ▲ 투명스크롤 ▲ ------ */


.mainLogo img{width: 360px;}
.logo img{padding:0 20px; width:260px; opacity: .9;}

.flex {display: flex;}
.flex_column {display: flex; flex-direction: column;}
.flex_between {display: flex; justify-content: space-between;}
.flex_around {display: flex; justify-content: space-around; align-items: center;}
.flex_start {display:flex; align-items:start;}
.flex_center {display:flex; align-items: center;}
.flex_center_center {display:flex; justify-content: center; align-items: center;}
.flex_row_center {display:flex; flex-direction:row; align-items:center}
.flex_between_center {display: flex; justify-content: space-between; align-items: center;}
.flex_end {display: flex; justify-content: flex-end;}
.flex_just_center {justify-content: center;}
.flex_baseline {align-items:baseline}

.flex_wrap {flex-wrap: wrap;}
.flex_nowrap {flex-wrap: nowrap;}
.display_block {display: block;}
.display_none {display: none;}

.g5 {gap:5px;}
.g10 {gap:10px;}
.g20 {gap:20px;}
.g25 {gap:25px;}
.g30 {gap:30px;}
.g40 {gap:40px;}
.g45 {gap:45px;}
.g50 {gap:50px;}
.g60 {gap:60px;}
.g80 {gap:80px;}
.g100 {gap:100px;}
.g140 {gap:140px;}
.h50 {height: 50px;}

.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w140 {width:140px;}
.w480 {width:480px;}
.w680 {width:680px;}
.w720 {width:720px;}
.mw605 {max-width: 605px;}

.wp08 {width:8%;}
.wp10 {width:10%;}
.wp12 {width:12%;}
.wp14 {width:14%;}
.wp18 {width:18%;}
.wp64 {width:64%;}

.wrap {width:100%; height: 100%; position: relative;}
.kioskmain {width:1600px; height:1200px; background-image: url(../images/kiosk_main.png); opacity:0.6;  background-position: center; background-size: contain; background-repeat: no-repeat;  padding:50px; z-index: -100; position: absolute;}
.kioskwrap {width:1600px; height:1200px; position:relative; top:-67px; left:50%; transform: translate(-50%); z-index: -1;} 
.kioskcont {width:100%; height: auto; padding:200px 0px 0px 0px; text-align: center;}
.bluebar {width:200px; height: 8px; background:#36C6F0; margin: auto;}
.kioskcont .textbox {padding:40px; line-height: 42px;}
/* 로그인 */
.login_admin .logo img{padding:0 20px; width:240px; opacity: .9;}
.login_admin {width:500px; height: 500px; position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.login_box {width:100%; height: 350px; background: #E2EEF6;  border-radius: 20px; text-align: center; padding:32px; 
	box-sizing: border-box; box-shadow:0px 2px 10px rgba(212, 223, 230, 0.3);}
.login_box .login_input {width:380px; height:auto;}
.login_box .login_input .inputBox {background: #fff; width:100%; height:50px; border-radius:6px;}
.login_box .login_input .inputBox input {width:100%; height:100%; padding:18px; border-radius:6px; font-size:16px;}
.login_box .login_input .inputBox input:placeholder {font-size:16px;}
.login_box .login_button {width:100%;}
.login_box .login_button button {
	width:380px; height:50px; background: #5973DA; 
	color:#fff; font-size:17px; font-weight: bold;
	border-radius:4px;
	outline: none; border:none;
	cursor: pointer;
}
.login_box .login_button button:hover {background-color: #ACBCEF;}

.container {width:1360px; height:1100px; margin:auto; overflow: hidden;  box-sizing: border-box;}

.back {width:100%; height: 100%; background-color:#E2EEF6;}
.header {width:100%; height:85px; border-bottom: 3px solid #98A8FF;}

.header .topWrap {width:1360px; height: auto; padding:20px;}
.header .txtbox {font-size:18px; font-weight: bold; color:#777; cursor: pointer;}
.header .mainLogo img {width:160px; height:auto; box-sizing: border-box;}

.nav {width:auto; height:80px; border-bottom: 1px solid #e2e2ed; box-sizing: border-box; background:#fafafc; box-shadow:0px 2px 10px rgba(212, 223, 230, 0.3);}

.nav .menuWrap {width:1360px; height:80px; padding:0px 20px; box-sizing: border-box;}
.nav .menu {font-size:16px; color:#444; cursor: pointer;}
.nav .menu.on {font-size:16px; color:#605DED; font-weight: bold; cursor: pointer;}
.nav .menu:hover {font-size:16px; color:#605DED; font-weight: bold; cursor: pointer;}

.bottom {width:100%; height:265px; padding:0px 75px; margin-bottom:0px; overflow: hidden; position: absolute; bottom: 0px;}

.contWrap {width:100%; height:auto; padding:0px 20px; box-sizing: border-box; position: relative; top:60px;}
.label {width:100%; font-size:18px; font-weight: bold; color:#07143D;}
.searchWrap {width:100%; height:72px; background:#F3F5FD; padding:20px; border-radius: 10px;}
.searchWrap .tag {font-size:16px; color:#444; font-family:'Noto Sans'; letter-spacing: -0.03em;}
.searchWrap .searchBox {width:200px; border:1px solid #ACBCEF; border-radius:5px; background:#fff; padding:0px 10px;}
.searchWrap .inputBox {width:200px; border:1px solid #ACBCEF; border-radius:5px; 
	background:#fff; padding:0px 10px; box-sizing: border-box;  overflow: hidden;}
.searchWrap input {width:100%; height: 34px; padding:0px 10px; border:none; outline: none; border-radius:5px;}
.searchWrap button {
	width:100%; height:34px; background: #5973DA; 
	color:#fff; font-size:15px;
	border-radius:4px;
	outline: none; border:none;
	cursor: pointer;
} 
.searchWrap button:hover {background-color: #ACBCEF;}
.searchBtn {width:80px; height: 34px;}

.date-select {
    width: 160px;
    height: 38px;
    border-radius: 4px;
    padding: 0 10px 0px 4px;
    font-size: 16px;
    color: #444;
	border:1px solid #ACBCEF;
    background:#fff; /* url(../images/icon_calendar_color.svg)no-repeat; 
	background-size:22px; 
	background-position: 93% 50%;  */
    cursor: pointer;
}

.date-select input[type="text"] {width: 100%; height: 28px; border: none; box-sizing: border-box; outline: none; font-size: 14px; color: #0d0d0d; background: none;  transition: 0.3s all; vertical-align: top; text-align: left; cursor: pointer;}
.date-select input[type="text"]:placeholder {color: #8f8c8c; font-size: 10px; cursor: pointer;}


.myc_content {padding: 92px 0 72px;}
.myc_top  {position: relative; padding-left: 260px; margin-bottom: 65px;}
.myc_top:after {content: ""; display: block; clear: both;}
.myc_top .sub_tit03 {position: absolute; left: 0; top: 50%; margin-top: -13px;}
.myc_top .datesearch_inpbox .date_box {display: inline-block;}
.myc_top .datesearch_inpbox .dash {display: inline-block; padding: 0 35px; font-size: 28px; color: #0a0a0a;}
.myc_top .datesearch_inpbox .date_box .ui-datepicker-trigger {position: relative; top: 5px;}
.myc_body .sub_tit03 {margin-bottom: 42px;}

.radio_chk {position: relative;}
.radio_chk input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; 
}
.radio_chk input[type="radio"] + label { display: inline-block; position:absolute; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  
}
.radio_chk input[type="radio"] + label:before { 
	content: ''; position: absolute; left: 0; top: -2px; width: 18px; height: 18px; text-align: center; background: #E1E5F2; border: 1px solid #E1E5F2; border-radius: 100%; 
}
.radio_chk input[type="radio"]:checked + label:before { background: #605DED; border-color: #605DED; }
.radio_chk input[type="radio"]:checked + label:after { content: ''; position: absolute; 
	top: 4px; left: 6px; width: 8px; height: 8px; background: #ffffff; border-radius: 100%; }
.radio_chk .radio_txt {width:110px; height:16px;}


.input_chk + .input_chk{margin-left:14px}
.input_chk{position:relative; display:inline-block}
.input_chk input[type=checkbox]{position:absolute; visibility:hidden}
.input_chk input[type=checkbox] + label{display:inline-block; padding-left:23px; padding-top:4px; font-size:13px; line-height:30px; cursor:pointer; vertical-align:top; color:#9898AF; user-select: none; }
.input_chk input[type=checkbox] + label:before{content:''; position:absolute; left:0; top:11px; width:16px; height:16px; border:solid 1px #A7A7EA; background-color:#fff; box-sizing:border-box}
.input_chk input[type=checkbox]:checked + label{color:#434349;}
.input_chk input[type=checkbox]:checked + label:before{background-color:#fff; border-color:#8080ff; }
.input_chk input[type=checkbox]:checked + label:after{content:''; position:absolute; left:3px; top:14px; width:8px; height:4px; border-left:solid 2px #8080ff; border-bottom:solid 2px #8080ff;transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}

.titleWrap {width:100%; height:60px; padding:0 0 10px 0px; box-sizing: border-box;}
.title {font-size:18px; color:#444;}
.title .numtxt {color:#8080ff;}
.btn_new {width:130px; height:36px; padding:0 0px 0px 14px; background-color: #5973DA; color:#fff; border-radius:6px; outline: none; border:none; font-size:15px; cursor: pointer;}
.btn_new.add {background-image: url(../images/icon_plus_white.svg); background-position:18px 50%; background-repeat:no-repeat; background-size:20px;}
.btn_new:hover {background-color: #ACBCEF;}

.board {width:100%; height: auto;}
.table {width:100%; height:660px; box-sizing: border-box;}
.table .td_top {width:100%; height:58px; border-top:1px solid #eee; border-bottom: 1px solid #BDCAF4; background:#FAFAFC; color:#36317C;}
.table .td_wrap {width:100%; height:58px; border-bottom: 1px solid #ccc; color:#676767;}
.table .td_wrap:hover {background:#FAF8FF;}
.table .td_wrap.active {background:#EFEFFF;}
.table .cell {width: 15%; text-align: center; font-size:13px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; letter-spacing: -0.03em; line-height:18px;}
.table .cell img {width:14px; height: 14px;}
.table .cell button {
	width:74px; height:32px; background:#fff; 
	color:#6C81FF; font-size:13px; font-weight: bold;
	border:2px solid #8AA0FF;
	border-radius:4px;
	outline: none; 
	cursor: pointer;
} 

/*
.table .cell2 {width:100%; text-align: center; font-size:13px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; letter-spacing: -0.03em; line-height:18px;}
*/
.table .cell2 {width:100%; text-align: center; font-size:13px;  white-space: nowrap; word-wrap: break-word; letter-spacing: -0.03em; line-height:18px;}
.table .time_cell {width:250px; text-align: center; font-size:13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; letter-spacing: -0.03em; line-height:18px;}

.table .top_cell {width:auto; text-align: center; font-size:15px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; letter-spacing: -0.03em; line-height:18px;}
.table .top_cell img {width:14px; height: 14px;}

.table .top_cell2 {width:100%; text-align: center; font-size:15px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; letter-spacing: -0.03em; line-height:18px;}

.table .cell3 {width:100%; font-size:13px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; letter-spacing: -0.03em; line-height:18px;}

.kiosk_admin {width:100%; height: auto;}
.list_wrap {height:100%; padding:10px 20px 20px 20px; border:1px solid #ccc; border-radius: 10px;}
.list_wrap .list_title {font-size:16px; color:#444;}
.list_wrap .btn_new {width:90px; height:36px; padding:0 0px 0px 16px; background-color: #5973DA; color:#fff; border-radius:6px; outline: none; border:none; font-size:13px; cursor: pointer;}
.list_wrap .btn_new.add {background-image: url(../images/icon_plus_white.svg); background-position:8px 50%; background-repeat:no-repeat; background-size:17px;}
.list_wrap .btn_new:hover {background-color: #ACBCEF;}

.list_wrap.error_detail {width:100%;}



.info_wrap {width:100%; height:100%; padding:10px 20px 20px 20px; border:1px solid #ccc; border-radius: 10px; box-sizing: border-box; overflow: hidden; position:relative;}
.info_bottom {width:100%; height:80px; left:0; bottom:0px;
	border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.info_wrap .info_bottom .button_area {width:100%; height:100px; padding:40px; position: absolute; bottom:0px;}
.info_wrap .form_wrap {width:100%; height: auto; padding:0 4px;}
.info_wrap .form_wrap h3 {
    font-size:16px; font-weight:500;
    color:#3A2F5B; line-height:28px;
	padding:10px 0px;
}
.info_wrap .form_wrap h3 span {color:#6632FB;}
.info_wrap .form_wrap input.st1 {
    display:block;
    width:260px; height:40px;
    border:1px solid #BCBBCB;
    border-radius:4px;
    padding:0 12px;
    font-size:14px;
    color:#222;
}
.info_wrap .form_wrap input.disabled {background:#efefef;}

.info_wrap .form_wrap select {
    display:block;
    float:left;
    width:265px; height:40px;
    border:1px solid #BCBBCB;
    border-radius:4px;
    background:url(../images/popup_select_arrow.svg) no-repeat;
    background-size:16px;
    cursor:pointer;
    background-position:95% 50%;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding-left:12px;
    font-size:14px;
    color:#888;
}
.info_wrap .form_wrap select::-ms-expand{display:none;}
.info_bottom .button_area button {
    width:100%; height:50px;
    color:#fff;
    font-size:17px; font-weight:700;
	margin:0 auto;	
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.info_bottom button.btn_1 {width:160px; height: 45px; background:#5E5CDA; border-radius:5px;}
.info_bottom button.btn_2 {width:120px; height: 45px; background:#BCBCC5; border-radius:5px;}
.info_bottom button.btn_1:hover {width:160px; height:45px; color:#2A28AA; background:#CAD3F4;}
.info_bottom button.btn_2:hover {width:120px; height:45px; color:#444; background:#DADDE8;}

.download_wrap {width:100%; border-top:1px solid #ccc; padding:50px 0px 0px 50px;}
.download_wrap h3 {color:#3A2F5B; font-size: 18px;}
.download_wrap span {color:#565656; font-size: 15px;}
.download_wrap button {
	width:260px; height: 50px; 
	border-radius:8px; 
	color:#fff; font-size: 14px; 
	font-family: "Noto Sans"; 
	background:#4341AD; 
	background-image: url(../images/icon_download.svg); 
	background-repeat: no-repeat; 
	background-position:88%; 
	background-size:22px;
	padding:0 28px 0 0px;
	box-sizing: border-box;
	cursor: pointer;
}
.download_wrap button:Hover {
	width:260px; height: 50px; 
	border-radius:8px; 
	color:#fff; font-size: 14px; 
	font-family: "Noto Sans"; 
	background:#5973DA; 
	background-image: url(../images/icon_download.svg); 
	background-repeat: no-repeat; 
	background-position:88%; 
	background-size:22px;
	padding:0 28px 0 0px;
	box-sizing: border-box;
	cursor: pointer;
}

.top_download_wrap button {
	width:160px; height: 50px; 
	border-radius:8px; 
	color:#fff; font-size: 15px; 
	font-family: "Noto Sans"; 
	background:#5973DA; 
	box-sizing: border-box;
	cursor: pointer;
}

.top_download_wrap button:Hover {
	width:160px; height: 50px; 
	border-radius:8px; 
	color:#fff; font-size: 15px; 
	font-family: "Noto Sans"; 
	background:#333276; 
	box-sizing: border-box;
	cursor: pointer;
}

/* pop up */
.popup {
    position:fixed; top:0; left:0;
    width:100%; height:100vh;
    z-index:101;
    background: rgba(0,0,0,.6);
}


.popup .p_box {
	width: 780px;
	height:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 20px;
	background: #fff;
	box-sizing: border-box;
}

.p_box.bc01 {background:#E2EEF6;}

.popup .p_box.hs1 {
    height:900px;
 }
.popup .p_box.hs2 {
    height:510px;
 }
.popup .p_box.Log_wrap {
    height:662px;
 }

.p_log_box {width : 100%; height:500px; padding: 10px 0px; font-size:16px;
    color:#3A2F5B; line-height:28px; box-sizing:border-box; overflow-x:auto; word-break: break-all;}
.popup .pop_inner {width:100%; height:auto; position:relative;}
.popup .point {width:8px; min-height:140px; background-color: #36C6F0;}
.popup .p_labelBox {width:auto; height:140px; position: absolute; top:130px;}
.popup .p_labelBox .txtBox {height:120px;}
.p_labelBox .label_txt {width:100%; font-size:52px; font-weight:bold; color:#5D6262;}
.p_labelBox .small_txt {width:100%; font-size:34px; color:#929292;}
.pop_inner.h1 {height:680px; position:relative; top:140px;}
.pop_inner.h2 {width:100%; height:680px; position:relative; top:220px;}

.popup .p_box .p_header {
    position:relative;
    height:62px;
    border-bottom:1px solid #CEDEEC;
}
.popup .p_box .p_header .title {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    font-size:20px; font-weight:500;
    color:#222;
}
.popup .p_box .p_header button {
    text-indent:-9999px;
    width:20px; height:20px;
    position:absolute; top:50%; right:5.5%;
    transform:translate(0,-50%);
    background:url(../images/popup_close.svg) no-repeat;
    background-size:contain;
	cursor: pointer;
}


.popup .p_box .p_contents > p strong {font-weight:500;}
.popup .p_box .p_contents .scroll {
    padding:0 5.6% 70px;
}
.popup .p_box .p_contents h2 {
    font-size:19px; font-weight:500;
    color:#1C2F45;
}
.popup .p_box .p_contents h3 {
    font-size:16px; font-weight:500;
    color:#3A2F5B; line-height:28px;
    margin:8px 0 4px;
}
.popup .p_box .p_contents h3 span {color:#6632FB;}
.popup .p_box .p_contents input.st1 {
    display:block;
    width:320px; height:43px;
    border:1px solid #BCBBCB;
    border-radius:4px;
    padding:0 8px;
    font-size:14px;
    color:#222;
}
.popup .p_box .p_contents input::placeholder {color:#888;}
.popup .p_box .p_contents h2 a {font-size: 12px; color:#6632FB; line-height:15.6px; letter-spacing:-1px; margin-left:6px;}

.popup .p_box .p_contents .radio_txt {
    font-size:14px; font-weight:500;
    color:#3A2F5B;
    margin:4px 0 8px;
}
.popup .p_box .p_contents .radio_txt span {color:#6632FB;}


.popup .p_box .p_contents hr {
    display:block; width:100%; height:1px;
    margin:40px 0;
    background:#eee;
    border:none;
}
.popup .p_box .p_contents h2 span {
    display:inline-block;
    line-height:32px;
    border-radius:5px;
    background:#F5F0FF;
    padding:0 14px 0 12px;
    font-size:14px;
    color:#9667D2;
    margin-left:8px;
}
.popup .p_box .p_contents h2 span img {
    vertical-align:middle; width:14px;
    margin-bottom:2px;
}
.popup .p_box .p_contents .caution {
    position:relative;
}

.popup .p_box .p_contents input:disabled {
    color:#888;
    background:#F5F5F5;
}

.popup .p_box .p_contents input:disabled.st1 {
    color:#888;
    background:#F5F5F5;
}

.popup .p_box .p_contents .caution p {
    margin-top:7px;
    font-size:12px;
    color:#6632FB;
    padding-left:16px;
    background:url(../images/popup_icon3.svg) no-repeat;
    background-size:12px;
    background-position:0 50%;
}
.popup .p_box .p_contents .caution button {
    position:absolute; top:5px; right:5px;
    display:block;
    width:100px; height:40px;
    font-size:14px; font-weight:700;
    background:#fff;
    border:1px solid #6632FB;
    color:#6632FB;
    border-radius:4px;
}
.popup .p_box .p_contents .s-inner {
    
}
.popup .p_box .p_contents .s-inner select {
    display:block;
    float:left;
    width:calc(100% - 112px); height:50px;
    border:1px solid #BCBBCB;
    border-radius:4px;
    background:url(../images/popup_select_arrow.svg) no-repeat;
    background-size:16px;
    cursor:pointer;
    background-position:95% 50%;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding-left:12px;
    font-size:14px;
    color:#888;
}
.popup .p_box .p_contents .s-inner select::-ms-expand{display:none;}
.popup .p_box .p_contents .s-inner button {
    display:block;
    float:right;
    width:105px; height:50px;
    background:#fff;
    color:#6632FB;
    border:1px solid #6632FB;
    border-radius:4px;
    font-size:14px; font-weight:700;
}
.popup .p_box .p_contents .group-inner {
    margin-top:12px;
}
.popup .p_box .p_contents .group-inner .g-box {
    float:left;
    line-height:36px;
    background:#FFEFF4;
    border-radius:100px;
    margin:0 10px 7px 0;
    padding:0 35px 0 15px;
    font-size:13px; font-weight:500;
    color:#EB7997;
    position:relative;
}
.popup .p_box .p_contents .group-inner .g-box button {
    position:absolute; top:0; right:0;
    width:30px; height:100%;
    background:url(../images/popup_group_close.svg) no-repeat;
    background-size:12px;
    background-position:5px 50%;
    text-indent:-9999px;
}
.popup .p_box .p_contents .group-inner + hr {
    margin-bottom:30px;
}


.filebox {display: flex; align-items: center; justify-content: flex-start;}
.filebox label {width:auto; height: 50px; display: inline-block; color:#fff; line-height: 45px; background-color:#5973DA;
cursor: pointer; border:none; border-radius: 5px; text-align: center;}
.filebox input[type="file"] {display: none;}
.filebox .file {width:200px; height:50px; border:1px solid #BCBBCB; border-radius:4px;}
.filebox .button {width:120px; height: 50px; background:#fff; border:2px solid #5973DA; font-size: 16px; color:#5973DA; border-radius: 4px; cursor: pointer;}

.p_bottom {position:absolute; width:100%; height:auto; left:0px; bottom:0px; 
	border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.p_bottom.bdtop {width:100%; height:100px; padding-top:5px; background:#fff; border-top:1px solid #CEDEEC;}
.p_bottom .button_area {width:100%; padding:0px 40px;}

.p_bottom .button_area button {
    width:100%; height:50px;
    color:#fff;
    font-size:17px; font-weight:700;
	margin:0 auto;	
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.p_bottom button.btn_1 {width:180px; height: 50px; background:#333276; border-radius:5px;}
.p_bottom button.btn_2 {width:130px; height: 50px; background:#A7A5E7; border-radius:5px;}
.p_bottom button.btn_3 {width:130px; height: 50px; background:#BCBCC5; border-radius:5px;}

.p_bottom button.btn_1:hover {width:180px; height:50px; color:#fff; background:#605DED;}
.p_bottom button.btn_2:hover {width:130px; height:50px; color:#fff; background:#605DED;}
.p_bottom button.btn_3:hover {width:130px; height:50px; color:#fff; background:#605DED;}



/* 키오크스 관제 */
.error_details {padding: 20px 0 20px 0; width: 780px; white-space: pre-line; word-break: break-all; height: 350px; overflow-y: scroll;}

/* paging */
.paging {
    text-align:center;
    margin-top:25px;
}
.paging.m-none {
    margin-top:0;
}
.paging li {
    display:inline-block;
    vertical-align:middle;
    width:30px; height:30px;
    margin-left:5px;
    border-radius:3px;
    border:1px solid #EBEDF4;
    background-color:#fff;
    text-indent:-9999px;
    line-height:28px;
    background-repeat:no-repeat;
    background-size: 7px;
    background-position:50%;
    color:#999;
}
.paging li a {
    display:block; width:100%; height:100%;
}
.paging li.number {
    font-size:14px; font-weight:400;
    text-indent:0;
}
.paging li.number.on,
.paging li:hover {
    border-color:#3A2F5B; 
}
.paging li.number.on a,
.paging li.number:hover a {
    color:#3A2F5B; font-weight:700;
}
.paging li.prev {background-image:url(../images/prev_icon.svg); margin-left:0;}
.paging li.next {background-image:url(../images/next_icon.svg);}
.paging li.prev:hover {background-image:url(../images/prev_icon_hover.svg);}
.paging li.next:hover {background-image:url(../images/next_icon_hover.svg);}

.displayNone {display:none;}


/* data table */
.divtable { 
    margin: 0 5px;
        overflow: auto;
}
.divtable .table {
    display: table;
    width: 100%;
    text-align: center;

}
.divtable .thead {
    display: table-header-group;
    background-color: var(--color-lightblue);
    height: 30px;
    position: sticky;
    top: 0;
    z-index: 2;
}
.divtable .tbody {
    display: table-row-group;
}
.divtable .tr {
    display: table-row;

}
.divtable .th {
    position: sticky;
    top: 0;
    padding: 5px 0;
   
}
.divtable .item,
.divtable .th {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    margin: 0 5px;
    padding: 0 10px;
    box-sizing: border-box;
    border-right: 1px solid #cccedd;
    white-space: nowrap;
    border-bottom: 1px solid #cccedd;
     height:60px;
}
.divtable .th:last-of-type,
.divtable .item:last-of-type {
    border-right: none;
}