@import url("common_add.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font-family: 'Noto Sans KR', sans-serif; /*vertical-align: baseline;*/}

body {height: 100vh; width: 100%; /* width: 100vw; */}
body, pre, select, input[type="text"], input[type="password"], textarea {outline:none; font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#666; line-height:1; font-weight:300; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
select {height: 34px;}
select::-ms-expand {display: none;}
label {cursor:pointer;}
input[type="text"], input[type="password"], label {height: 20px;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {border-color: #666;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary {display: block;}
ul, li, ol, dl {list-style: none;}
textarea {width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px 9px; border: 1px solid #ddd; resize:none; overflow-y: auto; word-break: keep-all;}
legend, table caption {display:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {display:block; color: #190b0b; text-decoration: none; cursor:pointer; outline: none;}
a:link, a:hover, a:visited, a:active {/*text-decoration:none;*/}
a img, img, fieldset {border:0;}
button {font-family: 'Noto Sans KR', sans-serif; font-weight: 300; border: none; cursor:pointer; background-color: unset; font-size: 0; line-height: 0;}
em {font-style:normal;}
input[type="checkbox"] + label, input[type="radio"] + label {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}

/*
:root {
    --dark_red: rgb(205, 0, 0);
    --grey: #777;
    --light_grey: #eee;
    --light_red: rgb(255, 68, 68);
    --active_icon_color: white;
    --button_shadow: rgba(0, 0, 0, .1);
    --inactive_icon_color: #999;
    --level_animation_color: #dbdbdb;
    --listening_icon_color: var(--light_red);
    --text_link_color: rgb(17, 85, 204);
}
*/

.bg_gray {background-color: #f9f9f9;}
.bg_gray2 {background-color: #f2f2f2;}
.bg_img {background: #f2f2f2 url(../img/page_txt.png) center center no-repeat;}
.bg_img2 {background: #f2f2f2 url(../img/page_txt.png) center center no-repeat;}

.w50 {width: calc(50% - 20px);}
.w100 {width: calc(100% - 20px);}

/* float 해결하는 핵 */
.clearfix:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix{display:block;}

.wrap {position: relative; left: 0; top: 0; width: 100%; height: 100%; max-width: 1500px; min-width: 1500px; margin:0 auto;}
.wrap2 {position: relative; left: 0; top: 0; width: 100%; height: 100%; margin:0 auto;}
.wrap3 {position: relative; left: 0; top: 0; width: calc(100% - 60px); height: 100%; padding: 0 30px; margin:0 auto;}
footer .wrap3 {position: relative; left: 0; top: 0; width: calc(100% - 271px); padding: 0; margin-left: 271px;}



/* scroll bar */


html {
	scrollbar-width: thin;
	scrollbar-base-color: #f1f1f1;
	scrollbar-face-color: #888;
	scrollbar-3dlight-color: #888;
	scrollbar-highlight-color: #888;
	scrollbar-track-color: #f1f1f1;
	scrollbar-arrow-color: #888;
	scrollbar-shadow-color: #888;
	scrollbar-dark-shadow-color: #888;
}


/* Chrome 스크롤 바 */


/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}



/* scroll bar */


/* Button */

.btn_2 {margin: 30px auto!important;}
.btn_3 {margin: 9px auto!important;}
.h3_btn {margin: 32px auto!important;}

.btn_y {margin: 0 auto; display: block; width: 162px; height: 35px; font-size: 1.14rem; color:#fff; font-weight:400; background-color: #3175C5; border: 1px solid #3175C5; padding: 0; line-height: 33px; border-radius: 4px;}
.btn_y:hover {color:#fff; background-color: #245894; border-color: #245894;}

.btn_lg {margin-top: 9px; background-color: #fff; border: 1px solid #ddd; color:#190b0b;}
.btn_lg:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

/* Buttoon */


/* header */

header {z-index: 999999; position: relative; top: 0; left: 0; width: 100%; border-bottom: 2px solid #3175C5; height: 78px; background-color: #fff;}
header h1 {display: block; float: left; font-size: 0; padding: 15px 0 0;}    

.gnb_pc {width: 438px; margin: 0 auto;}

.miqc .gnb_pc {width: 584px;} /* MIQC */

.gnb_pc ul {width: 100%; margin: 0 auto;}
.gnb_pc ul li{float: left; display: inline-block;}
.gnb_pc ul li a {padding: 32.3px 46px; float: left; font-size: 0; line-height: 0; color: #000; text-align: center; text-decoration: none; background: url(../img/menu_rl.png) right center no-repeat;}
.top_line.b3t_lorange {background: url(../img/menu_rl.png) right center no-repeat;}
.top_line.b3t_lorange:last-child {background: none;}
.gnb_pc ul li:last-child a {background: none;}

.gnb_pc ul li a img.menu_bs{display: block;}
.gnb_pc ul li a img.menu_on{display: none;}

.gnb_pc ul li a:hover img.menu_bs{display: none;}
.gnb_pc ul li a:hover img.menu_on{display: block;}

.gnb_pc ul li a.active img.menu_bs {display: none;}
.gnb_pc ul li a.active img.menu_on{display: block;}

.gnb_pc ul li .sub_menu {z-index: 999999; display:none; height: 50px; background-color: #f2f2f2; position: absolute; left: 0; top: 80px;}
.gnb_pc ul li .sub_menu.bw {background-color: #fff;}
.gnb_pc ul li:hover .sub_menu {display: block;}

.gnb_pc ul li .sub_menu div {margin: 0 auto; width: 260px; display: block;}
.gnb_pc ul li:nth-child(2) .sub_menu div {width: 252px;}
.gnb_pc ul li:nth-child(3) .sub_menu div {width: 312px;}
.gnb_pc ul li .sub_menu div li a {position: relative; top: 0; left: 0; padding: 17.5px 19px; font-size: 15px; line-height: 1;}
.gnb_pc ul li .sub_menu div li:hover a {color: #3175C5;}

/* MIQC */

.miqc .gnb_pc ul li .sub_menu div {margin: 0 auto; width: 520px; display: block;}
.miqc .gnb_pc ul li:nth-child(2) .sub_menu div {width: 516px;}
.miqc .gnb_pc ul li:nth-child(3) .sub_menu div {width: 636px;}
.miqc .gnb_pc ul li:last-child .sub_menu div {width: 745px;}

/* MIQC */


.top_line a::before, .top_line a::after {content: ""; position: absolute; height: 100%; margin: auto;}
.top_line a::before {width: 100%; top: 0; left: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.top_line a::after {width: 0; top: 0; left: 50%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.top_line a:hover::before {height: 0; top: 50%;}
.top_line a:hover::after {width: calc(100% + 4px); left: -2px;}

/* border-top color*/

.b3t_yellow a::after {border-top: 3px solid #ffd230;}
.b3t_lyellow a::after {border-top: 3px solid #ffe400;}
.b3t_blue a::after {border-top: 3px solid #004a98;}
.b3t_skyblue a::after {border-top: 3px solid #009ef5;}
.b3t_red a::after {border-top: 3px solid #e60012;}
.b3t_green a::after {border-top: 3px solid #019d94;}
.b3t_lgreen a::after {border-top: 3px solid #bfe10e;}
.b3t_orange a::after {border-top: 3px solid #f96c10;}
.b3t_lorange a::after {border-top: 3px solid #3175C5;}
.b3t_pink a::after {border-top: 3px solid #f40b80;}
.b3t_purple a::after {border-top: 3px solid #5a07a5;}
.b3t_mint a::after {border-top: 3px solid #00c4d0;}
.b3t_dgray a::after {border-top: 3px solid #4d4d4d;}
.b3t_gray a::after {border-top: 3px solid #f9f9f9;}
.b3t_black a::after {border-top: 3px solid #000;}

/* border-top color*/

.subnav {font-size: 0; margin-bottom: 0; float: right;}
.subnav li {display: inline-block; margin-right: 24px;}
.subnav li:last-child {margin-right: 0;}
.subnav li a {padding: 32.5px 0; font-size: 0; line-height: 0;}

.subnav li a img.menu_bs {display: block;}
.subnav li a img.menu_on{display: none;}

.subnav li:hover a img.menu_bs{display: none;}
.subnav li:hover a img.menu_on{display: block;}

/* header */


/*container*/

.container {position: relative; top: 0; left: 0; display: block; width: 100%; /* z-index: 2000; */}

/* visual */

.visual {background: url(../img/visual.png) center center no-repeat; height: 354px; width: 100%;}
.visual h2 {position: relative; top: 0; left: 0; width: 100%; height: 100%;}
.visual img {position: absolute; left: 0; top: 0; transform: translateY(100%);}

/* visual */


/* main_area */

.main_area {padding-top: 35px; display: inline-block; width: 100%;}
.main_area ul {width: 100%;}
.main_area ul li {min-height: 229px; max-height: 229px; background-color: #fff; width: calc((100% - 60px) / 4); display: block; float: left; margin-right: 20px; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.08); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.08); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.08);}
.main_area ul li:last-child {margin-right: 0;}
.main_area ul li .line_motion {position: relative; top: 0; left: 0; width: 100%; height: 4px; background-color: #000;}
.main_area ul li:hover .line_motion:before {content: ""; position: absolute; left: 0; top: 0; height: 4px; width: 0; z-index: 0; opacity: 1; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-animation: line_motion 3s ease-in-out infinite; animation: line_motion 3s ease-in-out infinite;}

/* background color*/

.main_area ul li:hover .line_motion.bg_yellow:before {background-color: #3175C5;}
.main_area ul li:hover .line_motion.bg_lyellow:before {background-color: #3175C5;}
.main_area ul li:hover .line_motion.bg_blue:before {background-color: #004a98;}
.main_area ul li:hover .line_motion.bg_skyblue:before {background-color: #009ef5;}
.main_area ul li:hover .line_motion.bg_red:before {background-color: #e60012;}
.main_area ul li:hover .line_motion.bg_green:before {background-color: #019d94;}
.main_area ul li:hover .line_motion.bg_lgreen:before {background-color: #bfe10e;}
.main_area ul li:hover .line_motion.bg_orange:before {background-color: #f96c10;}
.main_area ul li:hover .line_motion.bg_lorange:before {background-color: #3175C5;}
.main_area ul li:hover .line_motion.bg_pink:before {background-color: #f40b80;}
.main_area ul li:hover .line_motion.bg_purple:before {background-color: #5a07a5;}
.main_area ul li:hover .line_motion.bg_mint:before {background-color: #00c4d0;}
.main_area ul li:hover .line_motion.bg_dgray:before {background-color: #4d4d4d;}
.main_area ul li:hover .line_motion.bg_gray:before {background-color: #f9f9f9;}
.main_area ul li:hover .line_motion.bg_black:before {background-color: #000;}

/*background color*/

@-webkit-keyframes line_motion {
  0% {
    width: 0px;
  }
  70% {
    width: 100%;
    opacity: 1;
  }
  90% {
    opacity: 0;
    width: 100%;
  }
  100% {
    opacity: 0;
    width: 0px;
  }
}

@keyframes line_motion {
  0% {
    width: 0px;
  }
  70% {
    width: 100%;
    opacity: 1;
  }
  90% {
    opacity: 0;
    width: 100%;
  }
  100% {
    opacity: 0;
    width: 0px;
  }
}

.main_area ul li a.pd_30 {padding: 25px; display: block; color: #ccc; font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 0; left: 0; z-index: 2;}
.main_area ul li a.pd_30 .top {margin-bottom: 16px; z-index: 3; position: relative; top: 0; left: 0;}
.main_area ul li a.pd_30:before {content: "\ef50"; font-size: 40px; position: absolute; bottom: 25px; right: 25px;}
.main_area ul li:nth-child(2) a.pd_30:before {content: "\f1c7";}
.main_area ul li:nth-child(3) a.pd_30:before {content: "\f043";}
.main_area ul li:last-child a.pd_30:before {content: "\ecdb";}


.main_area ul li a.pd_30:after{content: ""; transform: scale(0.8); transition: all 0.5s ease; z-index: 1;}
.main_area ul li a.pd_30:hover:after {transform: scale(1);}
.main_area ul li a.pd_30:hover:before {color: #3175C5;}

.main_area ul li a.pd_30 .top h2 {height: 52px; width: calc(100% - 16%); float: left; font-size: 1.65rem; color: #2d2d2d; font-weight: 600; line-height: 1;}
.main_area ul li a.pd_30:hover .top h2{color: #3175C5;}

.main_area ul li a.pd_30 .top i.ri-add-line {margin-top: -6px; cursor: pointer; float: right; font-size: 1.7rem; font-weight: 600; color: #000; position: relative; top: 0; left: 0; transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;}
.main_area ul li a.pd_30 .top i.ri-add-line:after {content: ""; width: 100%; height: 100%; transform: scale(0.8); position: absolute; top: -2px; left: -2px; transition: all 0.5s ease;}
.main_area ul li a.pd_30 .top i.ri-add-line:hover {background-color: transparent; transform: rotate(90deg); color: #3175C5; box-shadow: none;}
.main_area ul li a.pd_30 .top i.ri-add-line:hover:after {transform: scale(1);}

.main_area ul li a.pd_30 .bottom {max-height: 107px; min-height: 107px; z-index: 3; position: relative; top: 0; left: 0; height: calc(100vh - 105px);}
.main_area ul li a.pd_30 .bottom article h2.mctn_tit {font-weight: 300; color: #666; font-size: 1rem; display: block; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_area ul li a.pd_30 .bottom article em.mctn_day {color: #666; font-size: 0.8rem; margin-top: 9px; margin-bottom: 17px; display: block; line-height: 1;}
.main_area ul li a.pd_30 .bottom article:last-child em.mctn_day {margin-bottom: 0;}

/* main_area */


/* login */

.bg_img{padding-top: 106px; min-height: 70.3vh;}

.login_area {background-color: #fff; border-radius: 8px; width: calc(496px - 116px); height: calc(552px - 140px); margin: 0 auto; -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15); padding: 60px 58px 80px;}

.login_area .login_top {margin: 0 auto; display: block; width: 285px;}
.login_area .login_top h2 {color: #2d2d2d; font-weight: 600; font-size: 2rem; line-height: 0.8;}
.login_area .login_top h2 img {float: left; margin-right: 15px; width: 182px; height: auto;}

.info_wrap {position: relative; top: 0; left: 0;}
.info_wrap label.move_label {display: none; font-size: 14px; color: #3175C5; background-color: #fff; padding: 0 9px; position: absolute; left: 11px; top: 5px; cursor: text;}
.info_wrap:hover label.move_label {display: block; transition: all 2s;}

.login_area .login_info {display: inline-block; width: 100%; padding: 25px 0 45px;}
.login_area .login_info input[type="text"], .login_area .login_info input[type="password"] {color: #444; border-radius: 4px; margin-top: 14px; border: 1px solid #ddd; height: calc(53px - (10px + 10px)); line-height: calc(53px - (10px + 10px)); padding: 9px; font-size: 1.13rem;}
.login_area .login_info input[type="text"]:hover, .login_area .login_info input[type="password"]:hover {border-color: #3175C5;}
.login_area .login_info input[type="text"]:focus, .login_area .login_info input[type="password"]:focus {border: 1px solid #3175C5;}
.login_area .login_info input[type="text"]:first-child, .login_area .login_info input[type="password"]:first-child {margin-top: 0;}
.login_area .login_info input[type="text"]::placeholder, .login_area .login_info input[type="password"]::placeholder {color: #ccc;}
.login_area .login_info button.btn_y {margin: 20px 0 9px; font-size: 1.28rem; height: 53px; width: 100%;}
.login_area .login_info p {color: #ccc; font-size: 1rem;}

.login_area .login_txt {padding-top: 12px; border-top: 1px dashed #e2e2e2;}
.login_area .login_txt p {color: #ccc; font-weight: 100; font-size: 0.92rem; line-height: 1.25;}


/* login */


/* Setup */

.bg_img2 {padding-top: 50px; min-height: 0; /* height: 100vh; */}
.setup_area {width: calc(100% - 55%); margin: 0 auto 80px; padding: 70px 58px 30px; border-radius: 4px; background-color: #fff;}
.vendor_register .pop_hi {width: 100%; margin-top: 0; margin-bottom: 0;}
.vendor_register .pop_hi .save {margin-top: 26px; margin-bottom: 40px;}
.vendor_register .txt_h2s {float: none;}
.vendor_register .pw_pd {padding: 0;}
.vendor_register .table_in {border-top: none; border-bottom: none; margin-bottom: 0;}
.txt_h2s {font-size: 23px; color: #2d2d2d; margin-bottom: 16px;}

.guidance {width: 100%; text-align: left; padding-bottom: 12px;}
.guidance p {font-size: 18px; font-weight: 400; color: #e40011;}
.guidance p i {vertical-align: sub; margin-right: 4px; font-size: 20px;}

/* Setup */



/* IQCP */

.left_con {position: absolute; left: 0; min-height: 899px; width: 226px; background-color: #353535; /* float: left; */}

/* MIQC */

.miqc .left_con {width: 266px;}

/* MIQC */

.info {padding: 20px 25px; background-color: #151515;}
.info i {padding-right: 9px; font-size: 18px; vertical-align: bottom;}
.info h2 {color: #f7f7f7; font-size: 18px; font-weight: 400;}

.info .font_point {height: 37px; position: relative; top: 0; left: 0; font-size: 20px; font-weight: 900; color: #3175C5; padding: 0 27px; display: block;}
.info span{width: 53px; position: absolute; top: 12px; transform: translateY(-50%); text-align: left;}
/*.info .gradient {background: linear-gradient(to right, #3175C5, #f96c10); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}*/
.info #today {border-top: 1px dashed #000; text-align: center; font-size: 14px; font-weight: 400; color: #d7d7d7; padding-top: 12px; margin: 0 auto;}

.side_nav {/*border-bottom: 1px solid #666;*/}
.side_nav ul li {border-bottom: 1px solid #666;}
.left_s_title {padding: 11px 25px; color: #f7f7f7; font-size: 16px; font-weight: 400;}
.side_nav ul li a {position: relative; top: 0; left: 0; width: calc(100% - 50px); padding: 11px 25px; color: #f7f7f7; font-size: 16px; font-weight: 400; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;}

/* MIQC */

/*.side_nav ul li a {word-break: keep-all;}*/
.span_br {display: block; text-indent: 21px;}

/* MIQC */

.side_nav ul li a i {font-size: 16px; padding-right: 9px; margin-right: 0; vertical-align: middle;}
.left_s_title i {font-size: 16px; padding-right: 9px; vertical-align: middle;}

.side_nav ul li:hover a, .side_nav ul li.active a {color: #3175C5;}

.side_nav ul li .side_nav_in {background-color: #222; display: none; border-top: 1px solid #444; }
.side_nav ul li:hover .side_nav_in, .side_nav ul li.active .side_nav_in {display: block;}
.side_nav ul li .side_nav_in li {border-bottom: 1px solid #333;}
.side_nav ul li .side_nav_in li:last-child {border-bottom: none;}
.side_nav ul li .side_nav_in li a {width: calc(100% - 54px); padding: 11px 25px; text-indent: 21px; font-weight: 300; font-size: 15px; color: #b1b1b1; border-left: 4px solid #222;}
.side_nav ul li .side_nav_in li a:hover {background-color: #151515; border-left: 4px solid #3175C5; color: #cecece;}

/* MIQC */

.adm_nav {/*border-bottom: 1px solid #666;*/}
.adm_nav ul li {padding: 0;}
.adm_nav > ul > li > a:before {font-family: 'remixicon'; font-style: normal; font-size: 20px; color: #fff; content: "\ea4e"; display: block; position: absolute; right: 20px; top: 50%; margin-top: -15px; vertical-align: middle; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;}
.adm_nav > ul > li.arrow_none > a:before {content: " ";}
.adm_nav > ul > li:hover > a:before, .adm_nav > ul > li.active > a:before {content: "\ea78"; color: #3175C5;}
.adm_nav > ul > li.arrow_none:hover > a:before, .adm_nav > ul > li.arrow_none.active > a:before {content: " ";}

/* MIQC */



.right_con {padding-left: 45px; padding-right: 45px; position: absolute; right: 0; padding-top: 26px; margin: 0 auto; /* float: right; */ width: calc(100% - 318px); background-color: #fff; height: 100%;}

/* MIQC */

.miqc .right_con {width: calc(100% - 356px);}

/* MIQC */


.location {text-align: right; margin-bottom: 9px;}
.location ul li {display: inline-block;}
.location ul .arrow_r {}
.location ul .arrow_r .ri-arrow-right-s-line {vertical-align: middle;}
.location ul li a {letter-spacing: 0.03em; float: right; color: #444; font-size: 12px; font-weight: 100;}
.location ul li a.location_on {color: #2d2d2d; font-weight: 400;}

.form_top {display: inline-block; border-top: 1px solid #000; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #ccc;}

.ui_top {width: 100%; display: inline-block;}
.ui_top h3, .ui_top .location {line-height: 1;}

.ui_top h3 {width: 70%; float: left;}
.ui_top .location {width: 30%;}

.ui_top h3 {font-size: 32px; font-weight: 600; color: #2d2d2d; margin-bottom: 15px;}
.ui_top h3 i{padding-right: 12px; vertical-align: middle;}
.ui_top h3 i.ri-gamepad-line.btns_set {font-size: 50px;}

.ui_srea .ui_btn, .ui_srea .list_bottom {width: 50%;}
.ui_srea .ui_btn {float: left;}
.ui_srea .list_bottom {float: left;}

.ui_pb {height: 25px; display: inline-block; width: 100%;}
.ui_pb2 {height: 12px; display: block; width: 100%;}

ul.color {padding-bottom: 25px;}
ul.color li {width: 420px; text-align: center; font-size: 12px; font-weight: 500; padding: 7px 0; margin: 3px 0; border-radius: 4px;}

.tb_tst {font-size: 20px; color: #666;}
.tb_tst i {font-size: 20px; color: #666; vertical-align: middle;}

.ui_hi {min-height: unset;}

.ui_icon table {width: 100%;}
.ui_icon tr {float: left; margin: 20px; width: 220px;}
.ui_icon td {text-align: center;}

.ui_icon {font-size: 1.14rem; font-weight: 600; color: #000;}
.ui_icon i {font-size: 1.5rem; margin-left: 4px; vertical-align: sub;}

.ui_btn_l {float: left;}
.ui_btn_l a {margin: 10px 14px;}



/* CAR */

.td_icon {position: relative; top: 0; left: 0;}
.td_icon::before {cursor: pointer; position: absolute; font-family: 'remixicon'; font-size: 20px; color: #b2b2b2; left: 12px; top: 50%; margin-top: -10px;}
tbody tr:hover .td_icon::before, tbody tr.tr_on .td_icon::before {color: #666;}


/* 첨부파일 아이콘 Class*/

.hangul_i::before {content: '\ece8';}
.pdf_i::before {content: '\ed01';}
.jpg_i::before {content: '\ee4b';}
.movie_i::before {content: '\ef81';}
.exe_i::before {content: '\ed07';}
.zip_i::before {content: '\ed88';}
.excel_i::before {content: '\ecdd';}
.word_i::before {content: '\ed1b';}
.power_i::before {content: '\ecff';}
.error_i::before {content: '\ecd7';}
.basics_i::before {content: '\ecc5';}

tbody tr:hover .hangul_i::before, tbody tr.tr_on .hangul_i::before {content: '\ece7';}
tbody tr:hover .pdf_i::before, tbody tr.tr_on .pdf_i::before {content: '\ed00';}
tbody tr:hover .jpg_i::before, tbody tr.tr_on .jpg_i::before {content: '\ee4a';}
tbody tr:hover .movie_i::before, tbody tr.tr_on .movie_i::before {content: '\ef80';}
tbody tr:hover .exe_i::before, tbody tr.tr_on .exe_i::before {content: '\ed06';}
tbody tr:hover .zip_i::before, tbody tr.tr_on .zip_i::before {content: '\ed87';}
tbody tr:hover .excel_i::before, tbody tr.tr_on .excel_i::before {content: '\ecdc';}
tbody tr:hover .word_i::before, tbody tr.tr_on .word_i::before {content: '\ed1a';}
tbody tr:hover .power_i::before, tbody tr.tr_on .power_i::before {content: '\ecfe';}
tbody tr:hover .error_i::before, tbody tr.tr_on .error_i::before {content: '\ecd6';}
tbody tr:hover .basics_i::before, tbody tr.tr_on .basics_i::before {content: '\ecc4';}

.adm_top p {color: #f16969; margin-top: 12px;}
.icon_ul {width: 100%; display: inline-block;}
.icon_ul > li {border-radius: 0 0 8px 8px; min-height: 207px; width: calc((100% - 220px) / 4); float: left; margin-right: 20px; border-top: 6px solid #3175C5; padding: 20px 20px 40px 20px; -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08); -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08); box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);}
.icon_ul > li:last-child {margin-right: 0;}
.icon_ul > li > span {color: #3175C5; font-size: 26px; font-weight: 400;}
.icon_ul > li > h3 {font-size: 21px; color: #2d2d2d; margin-bottom: 12px;}

.adm_box li a {display: block; color: #666; font-size: 14px; line-height: 1.9;}
.adm_box li a:hover {color: #3175C5;}
.adm_box li a:hover .po {background-color: #3175C5;}
.po {width: 4px; height: 4px; border-radius: 100%; display: inline-block; background-color: #666; margin: 3px 8px 3px 0;}

.adm .table_top, .adm .table_bottom, .adm {margin-bottom: 16px;}

.adm_detail_l, .adm_detail_r {width: calc(50% - 16px);}
.adm_detail_l {margin-right: 16px; float: left;}
.adm_detail_r {height: 132px; white-space: normal; overflow-y: auto; word-break: keep-all; border: 1px solid #c2c2c2; border-top: 2px solid #000;}
.adm_detail_r .table_list {border-top: none;}
.adm_detail_r .table_list td {padding: 9px 16px; border-bottom: unset; line-height: 1.45;}
.adm_detail_r .table_list tr:last-child td {border-bottom: unset;}
.adm_detail_r .table_list tbody tr:hover, .adm_detail_r .table_list tbody tr.tr_on {letter-spacing: 0; background-color: unset; font-weight: 300;}

.icon_ul li.bg_icon {display: block; color: #ccc; font-family: 'remixicon'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 0; left: 0; z-index: 2;}
.icon_ul li.bg_icon:before {content: "\f070"; font-size: 60px; position: absolute; bottom: 40px; right: 25px; color: #3175C5; opacity: 0.12; line-height: 1;}
.icon_ul li.bg_icon:nth-child(2):before {content: "\eb0f";}
.icon_ul li.bg_icon:nth-child(3):before {content: "\f26e";}
.icon_ul li.bg_icon:last-child:before {content: "\ecdb";}

.flies a {float: left; margin-right: 6px; border-right: 1px solid #ccc; padding-right: 8px;}
.flies a:last-child {margin-right: 0; border-right: 0; padding-right: 0;}

.pop_btns {display: inline-block; width: 100%; margin-top: 26px; margin-bottom: 40px;}
.w_2btn div, .w_3btn div, .w_3btn2 div {margin: 0 auto; width: 100%; text-align: center;}
.w_2btn a, .w_3btn a, .w_3btn2 a {margin-right: 8px;}
.w_2btn a:last-child, .w_3btn a:last-child, .w_3btn2 a:last-child {margin-right: 0;}

.mt_26 {margin-top: 26px!important;}

.pop_btns a {width: 138px; display: inline-block;}
.pop_btns .btn_sv {color:#fff; background-color: #3175C5; border: 1px solid #3175C5;}
.pop_btns .btn_sv:hover {background-color: #245894; border-color: #245894;}

.pop_btns .btn_rg {display: inline-block; color:#190b0b; background-color: #fff; border: 1px solid #ddd;}
.pop_btns .btn_rg:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.pop_hi .close {margin-top: 26px; margin-bottom: 40px;}
.w_2btn .close {margin-top: 0; margin-bottom: 0;}
.w_3btn .close {margin-top: 0; margin-bottom: 0;}
/*
.pop_btns .print {display: inline-block;}
.pop_btns .attach {display: inline-block;}
.pop_btns .save {display: inline-block;}
.pop_btns .delete {display: inline-block;}
*/

.pop_st1 .save {margin-right: 8px;}

.pop_ft {background-color: #f9f9f9; padding: 20px; border-radius: 4px; display: inline-block; width: calc(100% - 40px); margin-top: 30px;}
.pop_ftl {float: left; padding-right: 24px; margin-top: 6px;}
.pop_ftl img {width: 146px; height: auto;}
.pop_ftr p, .pop_ftr em {font-size: 12px; line-height: 1.4;}
.pop_ftr em span {width: 1px; height: 10px; margin: 0 6px; display: block; background-color: #333; display: inline-block; line-height: 1;}
.bd_bold {height: 12px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc;}

.upload {margin-bottom: 40px;}
.upload-name {font-size: 14px; height: 20px; /*width: 368.5px; width: 433.5px;*/ width: calc(100% - 68.45%); color: #666; padding: 6px 9px; border: 1px solid #ddd;}

/* MIQC */

.miqc .upload-name {}

/* MIQC */

.vendor_register h2 {float: left;}

.pop_hi .save {margin: 0 auto;}

.bg_gay .container {min-height: 77.4vh;}

.text_c {text-align: center;}

.file_list {margin-top: 20px;}
.table_list.file_list tbody tr:hover {/*letter-spacing: -0.028em;*/}

.error_cen {text-align: center;}
.error {margin: 0 auto; color: #5a5c69; font-weight: 500; font-size: 7rem; position: relative; top: 0; left: 0; line-height: 1; width: 12.5rem; margin-top: 6vw; }
.error:before {content: attr(data-text); position: absolute; left: -2px; text-shadow: 1px 0 #4e73df; top: 0; color: #5a5c69; background: #f8f9fc; overflow: hidden; clip: rect(0,900px,0,0); animation: noise-anim-2 3s infinite linear alternate-reverse;}
.error:after {content: attr(data-text); position: absolute; left: 2px; text-shadow: -1px 0 #e74a3b; top: 0; color: #5a5c69; background: #f8f9fc; overflow: hidden; clip: rect(0,900px,0,0); animation: noise-anim 2s infinite linear alternate-reverse;}
.text-gray-800 {color: #5a5c69;}
.text-red-500 {margin-top: 1vw; color: #d60000; font-size: 30px; font-weight: 500;}
.error_em {font-style: normal; font-size: 15px; line-height: 1.4; display: block; padding: 12px 0 60px;}
 
 @-webkit-keyframes noise-anim{0%{clip:rect(78px,9999px,4px,0)}5%{clip:rect(87px,9999px,70px,0)}10%{clip:rect(21px,9999px,60px,0)}15%{clip:rect(79px,9999px,83px,0)}20%{clip:rect(20px,9999px,28px,0)}25%{clip:rect(42px,9999px,78px,0)}30%{clip:rect(71px,9999px,37px,0)}35%{clip:rect(89px,9999px,49px,0)}40%{clip:rect(36px,9999px,48px,0)}45%{clip:rect(77px,9999px,67px,0)}50%{clip:rect(7px,9999px,94px,0)}55%{clip:rect(90px,9999px,79px,0)}60%{clip:rect(48px,9999px,57px,0)}65%{clip:rect(64px,9999px,35px,0)}70%{clip:rect(23px,9999px,88px,0)}75%{clip:rect(68px,9999px,27px,0)}80%{clip:rect(39px,9999px,98px,0)}85%{clip:rect(97px,9999px,57px,0)}90%{clip:rect(61px,9999px,53px,0)}95%{clip:rect(79px,9999px,44px,0)}100%{clip:rect(12px,9999px,19px,0)}}
 
 @keyframes noise-anim{0%{clip:rect(78px,9999px,4px,0)}5%{clip:rect(87px,9999px,70px,0)}10%{clip:rect(21px,9999px,60px,0)}15%{clip:rect(79px,9999px,83px,0)}20%{clip:rect(20px,9999px,28px,0)}25%{clip:rect(42px,9999px,78px,0)}30%{clip:rect(71px,9999px,37px,0)}35%{clip:rect(89px,9999px,49px,0)}40%{clip:rect(36px,9999px,48px,0)}45%{clip:rect(77px,9999px,67px,0)}50%{clip:rect(7px,9999px,94px,0)}55%{clip:rect(90px,9999px,79px,0)}60%{clip:rect(48px,9999px,57px,0)}65%{clip:rect(64px,9999px,35px,0)}70%{clip:rect(23px,9999px,88px,0)}75%{clip:rect(68px,9999px,27px,0)}80%{clip:rect(39px,9999px,98px,0)}85%{clip:rect(97px,9999px,57px,0)}90%{clip:rect(61px,9999px,53px,0)}95%{clip:rect(79px,9999px,44px,0)}100%{clip:rect(12px,9999px,19px,0)}}
 
 animation:noise-anim 2s infinite linear alternate-reverse}@-webkit-keyframes noise-anim-2{0%{clip:rect(20px,9999px,91px,0)}5%{clip:rect(20px,9999px,44px,0)}10%{clip:rect(84px,9999px,55px,0)}15%{clip:rect(40px,9999px,93px,0)}20%{clip:rect(37px,9999px,73px,0)}25%{clip:rect(75px,9999px,57px,0)}30%{clip:rect(89px,9999px,38px,0)}35%{clip:rect(6px,9999px,68px,0)}40%{clip:rect(63px,9999px,17px,0)}45%{clip:rect(55px,9999px,49px,0)}50%{clip:rect(98px,9999px,28px,0)}55%{clip:rect(18px,9999px,57px,0)}60%{clip:rect(18px,9999px,64px,0)}65%{clip:rect(35px,9999px,77px,0)}70%{clip:rect(31px,9999px,59px,0)}75%{clip:rect(30px,9999px,38px,0)}80%{clip:rect(13px,9999px,52px,0)}85%{clip:rect(63px,9999px,91px,0)}90%{clip:rect(96px,9999px,67px,0)}95%{clip:rect(24px,9999px,13px,0)}100%{clip:rect(5px,9999px,29px,0)}}@keyframes noise-anim-2{0%{clip:rect(20px,9999px,91px,0)}5%{clip:rect(20px,9999px,44px,0)}10%{clip:rect(84px,9999px,55px,0)}15%{clip:rect(40px,9999px,93px,0)}20%{clip:rect(37px,9999px,73px,0)}25%{clip:rect(75px,9999px,57px,0)}30%{clip:rect(89px,9999px,38px,0)}35%{clip:rect(6px,9999px,68px,0)}40%{clip:rect(63px,9999px,17px,0)}45%{clip:rect(55px,9999px,49px,0)}50%{clip:rect(98px,9999px,28px,0)}55%{clip:rect(18px,9999px,57px,0)}60%{clip:rect(18px,9999px,64px,0)}65%{clip:rect(35px,9999px,77px,0)}70%{clip:rect(31px,9999px,59px,0)}75%{clip:rect(30px,9999px,38px,0)}80%{clip:rect(13px,9999px,52px,0)}85%{clip:rect(63px,9999px,91px,0)}90%{clip:rect(96px,9999px,67px,0)}95%{clip:rect(24px,9999px,13px,0)}100%{clip:rect(5px,9999px,29px,0)}}
  

.cap_top {border-top: none; border-bottom: none;}
.cap_top .tit_h2 {font-size: 23px; font-weight: bold; color: #2d2d2d; margin-bottom: 16px;}
.cap_top tr {border-bottom: none;}
.cap_top tr:last-child {border-bottom: none;}

.cap_top .table_tit {font-size: 14px; color: #666; font-weight: 500; background-color: #f2fbfe;}
.cap_top td {font-size: 14px; color: #666; padding: 6px 16px;}
.cap_top input[type="text"] {color: #666; width: calc(100% - 20px); padding: 6px 9px; border: 1px solid #ddd;}

.cap_top .calendar div {position: relative; left: 0; top: 0;}
.cap_top img.ui-datepicker-trigger {position: absolute; top: calc(50% - 8px); right: 12px;}

.cap_list {margin-top: 20px; width: 100%;}
.cap_list .table_tit {font-size: 14px; color: #666; font-weight: 500; background-color: #f2fbfe;}
.cap_list td {font-size: 14px; color: #666; padding: 6px 16px;}
.cap_list input[type="text"] {color: #666; width: calc(100% - 20px); padding: 6px 9px; border: 1px solid #ddd;}

.cap_list select {color: #666; width: 100%; padding: 6px 9px; cursor: pointer; border: 1px solid #ddd; border-radius: 0px;}
.cap_list select::-ms-expand {display: none;}
.cap_list .sel_arrow {position: relative; left: 0; top: 0;}
.cap_list .sel_arrow::before { cursor: pointer; position: absolute; content: '\ea4e'; font-family: 'remixicon'; font-size: 20px; color: #090e17; right: 5px; top: calc(50% - 3px); line-height: 7px;}

/* .cap_list tr {border-bottom: 1px solid #f7f7f7;}
.cap_list tr:last-child {border-bottom: 1px solid #ddd;} */


.cap_list .pd_rn {padding-right: 0;}
.sub_tit {width: 50%;}
.cap_list .btn_ul_s {float: right;}
.cap_list .sub_txt {font-weight: 300;}

.popup.inform > div {border-radius: 12px; max-height: unset; height: auto;  max-width: unset; width: auto;}
.inform .tit_h3 {font-size: 23px; font-weight: bold; color: #2d2d2d; margin-bottom: 16px;}

.inform .inform_btn {margin-top: 20px;}
.inform_btn div {margin: 40px auto 0 auto; width: 340px;}
.inform_btn .save {margin: 0;}
.inform_btn .mr {margin-right: 12px;}
.inform_btn .cks {display: inline-block;}
.inform_btn .close {display: inline-block;}

.requested {display:block;  margin:0 auto; position:relative; width: calc(100% - 90px); height: auto; padding: 45px;}
.requested table {border-top: 2px solid #000; border-bottom: 1px solid #ccc; margin-bottom: 0; width: 100%;}
.requested tr {border-bottom: 1px solid #f7f7f7;}
.requested tr:last-child {border-bottom: none;}
.requested .table_tit {font-size: 14px; color: #666; font-weight: 500; background-color: #f2fbfe;}
.requested td {font-size: 14px; color: #666; padding: 6px 16px;}
.requested select {color: #666; width: 100%; padding: 6px 9px; cursor: pointer; border: 1px solid #ddd; border-radius: 0px;}
.requested select::-ms-expand {display: none;}
.requested input[type="text"] {color: #666; width: calc(100% - 20px); height: 20px; padding: 6px 9px; border: 1px solid #ddd;}
.requested .sel_arrow {position: relative; top: 0; left: 0;}
.requested .sel_arrow::before {cursor: pointer; position: absolute; content: '\ea4e'; font-family: 'remixicon'; font-size: 20px; color: #090e17; right: 27px; top: calc(50% - 3px); line-height: 7px;}
.requested .sel_arrow.active::before {content: '\ea78';}
.requested .pd_none {padding: 0;}

.requested .btn_sc_s {margin: 0 auto 0 6px; border-radius: 4px;}
.requested .btn_usc_s {margin: 0 auto 0 6px; border-radius: 4px; float: right; height: 22px; width: 22px; line-height: 22px;}
.requested .btn_ac_s {margin: 0 auto 0 6px; border-radius: 4px;}

.requested .table_addbd {border-top: none; border-bottom: none; margin-bottom: 0; margin: 0; width: 100%; border: none;}
.requested .table_addbd th {font-weight: 500; text-align: center; padding: 6px 8px; background-color: #f2fbfe; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #ccc;}
.requested .table_addbd td {padding: 0; border-right: none;}
.requested .table_addbd .bdpdtd {margin-top: 8px;}
.requested .table_addbd .bdpdtd td {padding: 6px 9px; border: 1px solid #ddd;}
.requested .btn_gnn_s {margin-left: 6px;}

.requested .table_addbd th:last-child, .table_addbd td:last-child {border-right: none;}

.requested .table_addbd2 {border-top: none; border-bottom: none; margin-bottom: 0; margin: 8px 16px; width: calc(100% - 32px); border: 1px solid #f2f2f2;}
.requested .table_addbd2 th {font-weight: 500; text-align: center; padding: 6px 8px; background-color: #f2fbfe; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #ccc;}
.requested .table_addbd2 td {padding: 6px 8px; border-right: 1px solid #f2f2f2;}
.requested .table_addbd2 th:last-child, .requested .table_addbd2 td:last-child {border-right: none;}
.requested input[type="text"].bdrn {margin-right: 16px; width: calc(100% - 36px);}
.requested .radios_s {padding: 5px 16px 7px;}

.requested .text_in {text-indent: 9px;}

.requested .bdpdtd {border-top: none; border-bottom: none; margin-bottom: 0; margin: 0; margin-top: 8px; width: 100%; border: none;}
.requested .bdpdtd th {font-weight: 500; text-align: center; padding: 6px 8px; background-color: #f2fbfe; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #ccc;}
.requested .bdpdtd td {padding: 6px 9px; border: 1px solid #ddd;}
.requested .bdpdtd .tdnn {padding: 0; border: none;}

.requested .bdpdtd th:last-child, .bdpdtd td:last-child {border-right: none;}

.list_i {position: relative; top: 0; left: 0; padding-left: 9px; padding-right: 9px; margin-right: 5px; font-style: normal;}
tbody tr:last-child .file_list {margin-right: 0;}
.list_i::before {content: '\ecc5'; cursor: pointer; position: absolute; font-family: 'remixicon'; font-size: 20px; color: #b2b2b2; left: 0; top: 50%; margin-top: -10px;}
.file_font {font-size: 8px; left: 7.5px; top: 50%; position: absolute; margin-top: -5px;}
.list_i:hover::before {content: '\ecc4'; color: #666;}
.list_i:hover .file_font {color: #fff;}

.table_txtf td{font-size: 18px; font-weight: 400;}
.table_txtf tr:nth-child(4) {border-bottom: 1px solid #ccc;}

.filebox input[type="file"] {display: none; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label {font-size: 14px; line-height: 20px; position: absolute; display: inline-block; vertical-align: middle; padding: 6px 24px; border: 1px solid #ddd; color: #190b0b; border-radius: 2px; margin-left: 9px; text-align: center;}
.filebox label:hover, .filebox label:focus {text-decoration: none; background-color: #f8f8f8; border: 1px solid #ddd; color: #190b0b;}
.filebox .upload-name {width: calc(100% - 68.5%); display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* MIQC */

.miqc .filebox .upload-name {width: calc(100% - 68.7%);}

/* MIQC */
.veiw_sp {border: 1px solid transparent;}
.veiw_txt {border-bottom: 1px solid #f7f7f7;}
.veiw_txt td {border-top: 1px solid #000; height: 310px; padding: 20px; line-height: 1.4; vertical-align: top; word-break: keep-all;}

.table_top h2 {font-size: 23px; color: #2d2d2d; margin-bottom: 16px;}
.table_top h2 img {padding-right: 20px;}
.table_top i.ri-arrow-right-s-line {color: #666; vertical-align: middle; line-height: 0;}

.table_top .btn_sc {display: inline-block;}


.copy_js {z-index: 1;}

.popbody {height: auto; min-width:unset;}


/* 공통 */


/* BUTTON UI */

/* Big */

.login{display: block; height: auto; padding: 15px 0; line-height: 1; width: 380px; font-size: 1.28rem; font-weight: 400; color: #fff; text-align: center; background-color: #3175C5; border: 1px solid #3175C5; border-radius: 4px; margin: 0 auto;}
.login:hover {color:#fff; background-color: #245894; border-color: #245894;}

.btn_pop{height: auto; padding: 15px 0; width: 380px; font-size: 1.28rem; color: #fff; background-color: #3175C5; border: 1px solid #3175C5; text-align: center; border-radius: 4px; font-weight: 400;}
.btn_pop:hover {color:#fff; background-color: #245894; border-color: #245894;}

/* Medium  */

.btn_sc {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_sc:hover {background-color: #245894; border-color: #245894;}

.btn_sv {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_sv:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_hm {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_hm:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_as {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_as:hover {background-color: #245894; border-color: #245894;}

.btn_es {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_es:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_wt {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_wt:hover {background-color: #245894; border-color: #245894;}

.btn_ls {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_ls:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_ln {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_ln:hover {background-color: #245894; border-color: #245894;}

.btn_all {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_all:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_er {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_er:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_re {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_re:hover {background-color: #245894; border-color: #245894;}

.btn_lt {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_lt:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_te {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_te:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_gp {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_gp:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_cl {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_cl:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_le {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_le:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.save {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.save:hover {background-color: #245894; border-color: #245894;}

.btn_ul {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_ul:hover {background-color: #245894; border-color: #245894;}

.btn_rg {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_rg:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.close {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.close:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.print {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.print:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.attach {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.attach:hover {background-color: #245894; border-color: #245894;}

.btn_nd {width: auto; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.btn_nd:hover {color:#fff; background-color: #245894; border-color: #245894;}

.cks {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.cks:hover {background-color: #245894; border-color: #245894;}

.add_cc {width: 138px; height: 19px; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.add_cc:hover {background-color: #245894; border-color: #245894;}

.delete {width: 138px; height: 19px; color:#190b0b; background-color: #fff; border: 1px solid #ddd; font-size: 1.14rem; font-weight: 400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; margin: 0 auto;}
.delete:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}


a i {font-size: 18px; margin-right: 9px; vertical-align: bottom;}

.fcfbgy {color:#fff; background-color: #3175C5; border: 1px solid #3175C5;}
.fc1bgf {color:#190b0b; background-color: #fff; border: 1px solid #ddd;}


/* Small */

.btn_sm {height: 34px; width: 34px; font-size: 0; font-weight: 400; line-height: 28px; border-radius: 0; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; padding: 0; border-radius: 4px; text-align: center;}
.btn_sm i {font-size: 18px; margin: 0 auto;}
.btn_sm:hover {background-color: #245894; border-color: #245894;}

.btn_ve_s {width: 62px; height: 22px; font-size: 12px; font-weight: 400; padding: 2px 8px; background-color: #fff; border: 1px solid #ddd; line-height: 22px; border-radius: 4px; text-align: center;}
.btn_ve_s i{font-size: 12px; margin: 0 auto;  padding-right: 6px;}
.btn_ve_s:hover {background-color: #f8f8f8; border: 1px solid #ddd;}

.btn_vl_s {width: 74px; height: 22px; font-size: 12px; font-weight: 400; padding: 2px 10px; background-color: #fff; border: 1px solid #ddd; color: #190b0b; line-height: 22px; border-radius: 4px; text-align: center;}
.btn_vl_s i {font-size: 12px; margin: 0 auto; padding-right: 6px;}
.btn_vl_s:hover {background-color: #f8f8f8; border: 1px solid #ddd;}

.btn_dw_s {width: 62px; height: 22px; font-size: 12px; font-weight: 400; padding: 2px 8px; color: #fff; background-color: #3175C5; border: 1px solid #3175C5; line-height: 22px; border-radius: 4px; text-align: center;}
.btn_dw_s i {font-size: 12px; margin: 0 auto; padding-right: 6px;}
.btn_dw_s:hover {background-color: #245894; border-color: #245894;}

.btn_ul_s {width: 62px; height: 22px; font-size: 12px; font-weight: 400; padding: 2px 8px; color: #fff; background-color: #3175C5; border: 1px solid #3175C5; line-height: 22px; border-radius: 4px; text-align: center;}
.btn_ul_s i {font-size: 12px; margin: 0 auto; padding-right: 6px;}
.btn_ul_s:hover {background-color: #245894; border-color: #245894;}

.delete_s {width: 62px; height: 22px; font-size: 12px; font-weight: 400; padding: 2px 8px; background-color: #fff; border: 1px solid #ddd; line-height: 22px; border-radius: 4px; text-align: center;}
.delete_s i {font-size: 12px; margin: 0 auto; padding-right: 6px;}
.delete_s:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.attach_s {width: 62px; height: 22px; font-size: 12px; font-weight: 400; padding: 2px 8px; background-color: #fff; border: 1px solid #ddd; line-height: 22px; border-radius: 4px; text-align: center;}
.attach_s i {font-size: 12px; margin: 0 auto; padding-right: 6px;}
.attach_s:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.btn_de_s {width: 62px; height: 22px; font-size: 12px; font-weight: 400; padding: 2px 8px; background-color: #fff; border: 1px solid #ddd; line-height: 22px; border-radius: 4px; text-align: center;}
.btn_de_s i{font-size: 12px; margin: 0 auto; padding-right: 3px;}
.btn_de_s:hover {background-color: #f8f8f8; border: 1px solid #ddd;}

.btn_add_s {width: 62px; height: 22px; font-size: 12px; font-weight: 400; padding: 2px 8px; color: #fff; background-color: #3175C5; border: 1px solid #3175C5; line-height: 22px; border-radius: 4px; text-align: center;}
.btn_add_s i {font-size: 12px; margin: 0 auto; padding-right: 3px;}
.btn_add_s:hover {background-color: #245894; border-color: #245894;}

.btn_add_is {width: 12px; height: 12px; font-size: 12px; font-weight: 400; padding: 6px; background-color: #fff; border: 1px solid #ddd; color: #190b0b; line-height: 12px; border-radius: 4px; text-align: center;}
.btn_add_is i {font-size: 12px; margin: 0 auto; padding-right: 3px;}
.btn_add_is:hover {background-color: #f8f8f8; border: 1px solid #ddd;}

.btn_gnn_s {width: 104px; height: 28px; font-size: 12px; font-weight: 400; padding: 2px 8px; color: #fff; background-color: #3175C5; border: 1px solid #3175C5; line-height: 28px; border-radius: 4px; text-align: center;}
.btn_gnn_s i {font-size: 12px; margin: 0 auto; padding-right: 3px;}
.btn_gnn_s:hover {background-color: #245894; border-color: #245894;}

/* Small */



/* input type="button" */

input[type=button] {background-size: 18px; background-repeat: no-repeat; display: block; width: 138px; height: 37px; font-size: 1.14rem; font-weight:400; text-align: center; padding: 8px 12px; line-height: 1; border-radius: 4px; outline: none; margin: 0 auto; cursor: pointer;}

.inbtn_sv {background-image : url("../img/save-3-line.svg"); background-position: left 35px center; padding-left: 40px!important; color:#fff; background-color: #3175C5; border: 1px solid #3175C5;}
.inbtn_sv:hover {color:#fff; background-color: #245894; border-color: #245894;}

.inbtn_rt {background-image : url("../img/edit-2-line.svg"); background-position: left 21px center; padding-left: 39px!important; color:#190b0b; background-color: #fff; border: 1px solid #ddd;}
.inbtn_rt:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

.inbtn_cs {background-image : url("../img/close-circle-line.svg"); background-position: left 30px center; padding-left: 31px!important; color:#190b0b; background-color: #fff; border: 1px solid #ddd;}
.inbtn_cs:hover {background-color: #f8f8f8; border: 1px solid #ddd; color:#190b0b;}

/* input type="button" */


/* COLOR */

.yellow {background-color: #ffd230;}
.yellow:hover {background-color: #ffbe1b;}

.light_yellow {background-color: #ffe400;}
.light_yellow:hover {background-color: #ffd700;}

.blue {background-color: #004a98; color: #fff;}
.blue:hover {background-color: #002d77;}

.sky_blue {background-color: #009ef5; color: #fff;}
.sky_blue:hover {background-color: #007df0;}

.red {background-color: #e60012; color: #fff;}
.red:hover {background-color: #d90009;}

.green {background-color: #019d94; color: #fff;}
.green:hover {background-color: #007c72;}

.light_green {background-color: #bfe10e;}
.light_green:hover {background-color: #a5d307;}

.orange {background-color: #f96c10; color: #fff;}
.orange:hover {background-color: #f64a08;}

.light_orange {background-color: #3175C5; color: #fff;}
.light_orange:hover {background-color: #ff8400;}

.pink {background-color: #f40b80; color: #fff;}
.pink:hover {background-color: #ee055d;}

.purple {background-color: #5a07a5; color: #fff;}
.purple:hover {background-color: #3a0385;}

.mint {background-color: #00c4d0; color: #fff;}
.mint:hover {background-color: #00abbb;}

.dark_gray {background-color: #4d4d4d; color: #fff;}
.dark_gray:hover {background-color: #2f2f2f;}

.gray {background-color: #f9f9f9;}
.gray:hover {background-color: #f5f5f5;}

.black {background-color: #000; color: #fff;}


/* PAGE NAV UI */

.page_nav {margin-top: 26px; margin-bottom: 40px; width: 50%; float: left;}
.page_nav ul {color: #888; border-radius: 4px; height: 100%; display: inline-block;}
.page_nav ul li {float: left; display: inline-block; height: 37px; line-height: 34px; width: 37px; margin-right: 4px;}
.page_nav ul li a {font-weight: 300; text-align: center; font-size: 14px; height: 36px; width: auto; line-height: 36px; border: 1px solid #ddd; border-radius: 4px; }
.page_nav ul li.page_on a, .page_nav ul li:hover a {letter-spacing: -0.04em; background-color: #3175C5; border-color: #3175C5; color: #fff; font-weight: 500;}
.page_nav ul li.pre_first {width: 58px;}
.page_nav ul li.page_last {width: 58px;}

/* SEARCH BAR UI */

/* Big */

.searchbar_b {display: inline-block; width: 100%; background-color: #f5f5f5; border: 1px solid #ddd; padding: 20px 0;}
.searchbar_b form {display: inline-block; width: 100%;}
.searchbar_b .searchbar_ui {margin: 0 auto; display: block; width: 877px;}

.searchbar_b .search_bd {font-size: 14px; color: #666; border: 1px solid #ddd; padding: 0 9px; border-radius: 0;}
.searchbar_b select {width: 102px; height: 34px; margin-right: 6px; cursor: pointer;}
.searchbar_b select::-ms-expand {display: none;}
.searchbar_b input[type="text"].search_bd {float: left; width: 716px; border-right: none;}

.searchbar_b .sel_arrow {position: relative; top: 0; left: 0; float: left;}
.searchbar_b .sel_arrow::before {cursor: pointer; position: absolute; content: '\ea4e'; font-family: 'remixicon'; font-size: 20px; color: #090e17; right: 25px; top: 0; right: 12px; line-height: 34px;}
.searchbar_b .sel_arrow.active::before {content: '\ea78';}

.searchbar_b .btn_sc_s {float: left; height: 32px; width: 32px; font-size: 0; line-height: 32px; text-align: center; border-radius: 0; font-weight:400; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; padding: 0;}
.searchbar_b .btn_sc_s i {font-size: 18px; margin: 0 auto;}
.searchbar_b .btn_sc_s:hover {color:#fff; background-color: #245894; border-color: #245894;}

/* Small */

.ist_in {display: inline-block; width: 100%;}
.list_in .searchbar {width: 50%; float: left;}
.list_in .searchbar_ui {float: right; margin: 0 auto; display: block;}

.search_bd {font-size: 14px; color: #666; border: 1px solid #ddd; padding: 0 9px; border-radius: 0;}
.searchbar select {width: 102px; height: 34px; margin-right: 6px; cursor: pointer;}
.searchbar select::-ms-expand {display: none;}
.searchbar input[type="text"].search_bd {float: left; width: 250px; border-right: none;}

.searchbar .sel_arrow {position: relative; top: 0; left: 0; float: left;}
.searchbar .sel_arrow::before {cursor: pointer; position: absolute; content: '\ea4e'; font-family: 'remixicon'; font-size: 20px; color: #090e17; right: 25px; top: 0; right: 12px; line-height: 34px;}
.searchbar .sel_arrow.active::before {content: '\ea78';}

.searchbar .btn_sc_s {float: left; height: 32px; width: 32px; font-size: 0; line-height: 32px; text-align: center; border-radius: 0; font-weight:400; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; padding: 0;}
.searchbar .btn_sc_s i {font-size: 18px; margin: 0 auto;}
.searchbar .btn_sc_s:hover {color:#fff; background-color: #245894; border-color: #245894;}

/* BUTTON UI */


/* TABLE UI */

/*h2 {font-size: 23px; color: #2d2d2d; margin-bottom: 16px;}
h2 img {padding-right: 20px;}
i.ri-arrow-right-s-line {vertical-align: middle; line-height: 0;}*/

table {width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #ccc; /*margin-bottom: 12px;*/}
tr{border-bottom: 1px solid #f7f7f7}
tr:last-child {border-bottom: 1px solid #ccc; /*border-bottom: none;*/}
.table_in tr {border-bottom: none;}
td {font-size: 14px; padding: 9px 20px;}
.table_tit {font-size: 18px; color: #190b0b; font-weight: 500; background-color: #f2fbfe;}


.calendar div {position: relative; top: 0; left: 0; width: 100%; /*width: calc(50% - 20px);*/ display: inline-block;}
.calendar div:first-child {margin-right: 0; float: left;}
.calendar div:last-child {margin-left: 0;}
.ui-datepicker-trigger {position: absolute; top: calc(50% - 8px); right: 12px;}
.wave {color: #8c8c8c; font-size: 14px; padding: 0 14px;}

select {width: 100%; line-height: 1; padding: 6px 9px; cursor: pointer; border: 1px solid #ddd; border-radius: 0;}
select::-ms-expand {display: none;}
input[type="text"], input[type="password"] {color: #666; width: calc(100% - 20px); padding: 6px 9px; border: 1px solid #ddd;}


.sel_arrow {position: relative; top: 0; left: 0;}
.sel_arrow::before {cursor: pointer; position: absolute; content: '\ea4e'; font-family: 'remixicon'; font-size: 20px; color: #090e17; right: 27px; top: calc(50% - 3px); line-height: 7px;}

.cap_list .smpopar::before {right: 27px; top: calc(50% - 3px);}

.qna_arrow::before {right: 9px;}
.sel_arrow.active::before {content: '\ea78';}

.table_btn {border-bottom: 1px solid #ccc;}
.btn_br {display: block; height: 8px;}


.td_hs {height: 8px; width: 100%; display: block;}
#search_form .table_btn a {margin: 0 auto; display: block;}

.table_in {border-top: none; border-bottom: none; margin-bottom: 0;}
.table_in td.calendar {padding: 0;}
.table_in div {position: relative; top: 0; left: 0; width: 100%;}
.table_in select {padding: 6px 26px 6px 9px;}
.table_in td:nth-child(6) span {padding-right: 0;}
.table_in img.ui-datepicker-trigger {position: absolute; top: calc(50% - 8px); right: 12px;}
.table_in td.wave{color: #8c8c8c; font-size: 14px; padding: 0 14px; line-height: 35px;}
.table_in.table_inw {width: 43.6%; /* width: 40.8%; */}

#file_add_list.table_inlist {border-left: none; border-right: none; border-top: 2px solid #666;}
.table_inlist th {font-size: 13px; font-weight: 500; border-bottom: 1px solid #ccc; padding: 8px 12px; background-color: #ccc3b4; border-right: 1px solid #f1ede6; line-height: 1; white-space: nowrap;}
.pop_hi .table_inlist td {font-size: 13px;}
.table_inlist td {white-space: nowrap; border-right: 1px solid #f1ede6;}
.table_inlist td:last-child {border-right: none;}
.table_inlist td.calendar {padding: 0;}


.pop_hi .table_inlistflie {border-left: none; border-right: none; border-top: 2px solid #666;}
.pop_hi .table_inlistflie td {padding: 9px 12px;}

.table_inlistflie tr:hover, .table_inlistflie .tr_on {background-color: rgba(255,169,0,0.05);}
.table_inlistflie tr:hover td, .table_inlistflie .tr_on td {color: #2d2d2d;}


.pop_hi .normal_table {padding: 0; border: none; margin: 0; /*width: unset!important;*/}
.pop_hi .normal_table td {padding: 0;}
.pop_hi .normal_table .normal_table {float: right;}

.normal_table {border-top: none; border-bottom: none; margin-bottom: 0;}
.normal_table tr {border-bottom: none;}
.normal_table td.calendar {padding: 0;}
.normal_table td {padding: 0;}
.table_in td span {color: #190b0b; font-size: 14px; font-weight: 400; line-height: 35px; padding-left: 8px; padding-right: 14px; vertical-align: middle;}
.normal_table .attach_s {margin-left: 9px;}


.scrolling_area {white-space: nowrap; overflow: auto;}

.table_list {width: 100%; border-top: 2px solid #000;}
.table_list thead {}
.table_list th {font-weight: 500; border-bottom: 1px solid #ccc; padding: 10px 12px; /* padding: 9px 12px; */ background-color: #f2fbfe; border-right: 1px solid #f1ede6; line-height: 1; white-space: nowrap;}

/* #js_tbl_item_list {margin-bottom: 80px;} */
.dinotb {padding-top: 30px; border-top: 1px dashed #cacaca; padding-bottom: 80px;}
.table_h4 {font-size: 18px; color: #444; margin-bottom: 12px; line-height: 1;}

.overall_width {float: none; width: 100%;}

.th_txtlr {text-align: left;}
.th_txtlr .arr::after {float: right;}

.table_list th:last-child, .table_list td:last-child {border-right: none;}

.table_list tbody tr {border-bottom: 1px solid #f2f2f2;}
.table_list tr:last-child {/*border-bottom: 1px solid #ccc;*/}
.table_list tbody tr:hover, .table_list tbody tr.tr_on {/*background-color: rgba(0,0,0,0.02);*/ background-color: #f2fbfe;}
.table_list tbody tr:hover td, .table_list tbody tr.tr_on td {color: #2d2d2d;}
.table_list tr:last-child td {border-bottom: 1px solid #c2c2c2;}

.table_list td {padding: 9px 12px; border-right: 1px solid #f1ede6; line-height: 1; white-space: nowrap; /*text-align: center;*/}
.table_list .td_icon {padding: 9px 12px 9px 36px;}
.table_list .arr::after {cursor: pointer; display: inline-block; content: '\ea74'; font-family: 'remixicon'; font-size: 15px; color: #090e17; right: 12px; top: 0; opacity: 0.2; font-weight: 100; margin-left: 12px; vertical-align: text-bottom; /*float: right;*/}
.table_list .arr.on::after {opacity: 1;}
.sp_code {padding-right: 18px;}

.table_bottom {overflow: auto; margin-top: 12px; width: 100%;}
.table_bbn tr {border-bottom: 1px solid #f2f2f2;}
/*.table_bbn tr:last-child {border-bottom: 1px solid #ccc;}*/

.bd_none {border-top: 0;}
.tdpd_0 {padding: 0;}
.trhon {padding-left: 40px;}
.trhon tbody tr:hover, .trhon tbody tr.tr_on {background-color: none;}

.bg_type1 {background-color: #f9f9f9;}
.bg_type2 {background-color: #fff;}

/*
#table2excel tr {border-bottom: 1px solid #f2f2f2;}
#table2excel tr:last-child {border-bottom: 1px solid #f2f2f2;}
#table2excel tbody tr:last-child {border-bottom: 1px solid #ccc;}
#table2excel tr:last-child td {border-bottom: none;}
*/

#table2excel td:last-child {padding: 0;}

#data_view {margin-top:30px}
#table2excel td:last-child a {margin: 0 auto;}

.table_top3 .table_in td {padding: 0; float: left;}
.table_top3 .table_in td.wave {padding: 0 14px;}
.table_top3 .table_in td:nth-child(6) span {padding-right: 0;}
.table_top3 .table_in select {padding: 6px 26px 6px 9px;}
.table_top3 .table_in .sel_arrow::before {right: 5px;}


.table_top4 .table_in td {padding: 0; float: left;}
.table_top4 .table_in td.wave {padding: 0 14px;}
.table_top4 .table_in td:nth-child(6) span {padding-right: 0;}
.table_top4 .table_in select {padding: 6px 26px 6px 9px;}
.table_top4 .table_in .sel_arrow::before {right: 5px;}

.table_top4 .table_in2 td {margin-right: 12px;}
.table_top4 tr:last-child {border-bottom: none;}
.table_top4 .table_in2 .checks {line-height: 34px;}

.list_tit {width: 100%; display: inline-block; margin-bottom: 30px; line-height: 1;}
/* .list_tit div {width: 50%;} */

.top_loca {width: 70%; float: left;}
.location {width: 30%;}
.top_loca h3 {font-size: 32px; color: #2d2d2d;}

/* .top_loca h3, .location {width: 50%; float: left;} */

.top_loca h3 i {margin-right: 12px; vertical-align: bottom;}
.top_loca h3 .ri-gamepad-line.btns_set {font-size: 50px;}

.location {float: right; margin: 0;}

.list_top {width: 100%; display: inline-block; margin-bottom: 12px;}
.page_info {float: left;height: 34px; line-height: 3.6;vertical-align: bottom; display: inline-block;}
.list_top i {vertical-align: text-top; margin-right: 6px; vertical-align: middle;}
.line_h {width: 1px; height: 12px; background-color: #777; display: inline-block; margin: 0 12px;}
.searchbar {float: right;}

.page_edit {float: right; margin-top: 26px; margin-bottom: 40px;}
.w_center {position: relative; left: 0; top: 0; width: 100%; float: none; display: inline-block; }
.w_center .btn_ls {display: block; float: none; position: absolute; left: calc(50% - 69px);}
.page_edit a {display: inline-block; float: left; margin-right: 16px;}
.page_edit a:last-child {margin-right: 0;}

.ui-datepicker table {border-top: none; border-bottom: none;}
.ui-datepicker-calendar tr {border-bottom: none;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {margin-top: 5px;}
.ui-datepicker select.ui-datepicker-year {margin-right: 8xp!important;}



/* TABLE UI */


/* checkbox */

input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
input[type="checkbox"] + label {line-height: 22px; width: auto; height: 26px; font-size: 14px; font-weight: 400; color: #615c5c; display: inline-block; position: relative; top: 0; left: 0; cursor: pointer; margin-right: 12px; padding-left: 35px;}
input[type="checkbox"] + label:before {position: absolute; top: 0; left: 0; content: ' '; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-top: -2px; text-align: center; background: #fff; border: 3px solid #ddd; text-align: center; vertical-align: middle;}
input[type="checkbox"]:checked + label:before {font-size: 16px; font-weight: 600; font-family: 'remixicon'; content: '\eb7b'; color: #fff; background-color: #3175C5; border-color: #3175C5;}

/* checkbox */


/* radio */

input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
input[type="radio"] + label {position: relative; top: 0; left: 0; line-height: 22px; width: auto; height: 26px; font-size: 14px; font-weight: 400; color: #615c5c; display: inline-block; cursor: pointer; margin-right: 12px; padding-left: 35px;}
input[type="radio"] + label:before {position: absolute; top: 0; left: 0; content: ' '; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-top: -2px; text-align: center; background: #fff; border: 3px solid #ddd; text-align: center; border-radius: 100%; vertical-align: middle;}
input[type="radio"]:checked + label:before {font-size: 16px; font-weight: 600; font-family: 'remixicon'; content: '\eb7c'; color: #3175C5; border-color: #3175C5;}

/* Small */

input[type="radio"] + label.radio_small {line-height: 17px; height: 14px; font-size: 14px; margin-right: 12px; padding-left: 29px;}
input[type="radio"] + label.radio_small:before {width: 14px; height: 14px; line-height: 14px;}
input[type="radio"]:checked + label.radio_small:before {font-size: 10px;}


/* radio */


/* popup */

.popup {position: fixed; left: 0; top: 0; /* display: none; */ z-index: 999999; height: 100%; width: 100%; padding: 0;/*background-color: rgba(0,0,0,0.6);*/}
.popup > div {max-height: 760px; height: auto; max-width: 1300px; width: auto; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 40px; z-index: 999999; border: 2px solid #3175C5; border-radius: 2px;overflow-y: auto; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.08); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.08); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.08);}
.popup_w > div {max-height: 760px; height: 72%; max-width: 800px; width: 80%; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 40px; z-index: 999999; border: 2px solid #3175C5; border-radius: 2px;overflow-y: auto; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.08); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.08); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.08);}

.popup h2 {font-size: 23px; color: #2d2d2d; margin-bottom: 16px;}
.popup h2 img {padding-right: 20px;}
.popup i.ri-arrow-right-s-line {vertical-align: middle; line-height: 0;}

.pop_insm {display:block; width:90%; margin: 0 auto; position:relative; margin-top: 30px; margin-bottom: 40px; padding: 0;}
.pop_hi {display:block; width:90%; margin: 0 auto; position:relative; margin-top: 40px; margin-bottom: 40px; padding: 0;}
.pop_hi table {border-top: 2px solid #000; margin-bottom: 0;}
.pop_hi td {font-size: 14px; /* padding: 7px 16px; */ word-break: keep-all;}
.pop_hi td a {/*color: #888; font-weight: 400;*/}
.pop_hi td a:hover {/*color: #4F0CAB;*/}
.pop_hi .table_tit {font-size: 14px; color: #666;}
.pop_hi .table_titpd {height: 43px; padding: 0 16px;}
.pop_hi .table_tit.sub_title {font-size: 16px; letter-spacing: 3px;}
.pop_hi .table_tit.indent {padding-left: 28px;}
.pop_hi .table_tit.bk_ct {font-weight: 600; background-color: rgba(246, 148, 13, 1); text-align: center; color: #fff; letter-spacing: 0.15em; -webkit-box-shadow: inset 3px 3px 20px 0px rgba(255,132,0,0.09); -moz-box-shadow: inset 3px 3px 20px 0px rgba(255,132,0,0.09); box-shadow: inset 3px 3px 20px 0px rgba(255,132,0,0.09);}
.txt_po .table_tit {color: #4F0CAB; /* color: #805500; */}
.txt_po a {font-weight: 400; letter-spacing: 0.01em;}
.txt_po a:hover {color: #4F0CAB;}

.txt_a {font-weight: 400; color: #777;}
.txt_a:hover {color: #4F0CAB;}

.txt_span {font-size: 14px; /* color: #4F0CAB; */ color: #402900; font-weight: 500;}

.font_r {font-weight: 400; color: #e40011;}
.font_b {font-weight: 400; color: #004FB3;}

.attach_a a {font-weight: 400; color: #777; float: left; margin-right: 6px; border-right: 1px solid #ccc; padding-right: 8px;}
.attach_a a:last-child {float: none; margin-right: 0; border-right: none; padding-right: 0;}
.attach_a a:hover {color: #4F0CAB;}

.balls {margin-bottom: 80px; display: inline-block;}
.balls div {float: left; margin-right: 12px;}
.ball_b {width: 20px; height: 20px; border-radius: 100%; display: block; background-color: #009bfa; margin: 0 auto;}
.ball_y {width: 20px; height: 20px; border-radius: 100%; display: block; background-color: #ffa900; margin: 0 auto;}
.ball_r {width: 20px; height: 20px; border-radius: 100%; display: block; background-color: #e40011; margin: 0 auto;}
.ball_g {width: 20px; height: 20px; border-radius: 100%; display: block; background-color: #40ac46; margin: 0 auto;}


.pop_hi .btn_ve_s {float: left;}
.pop_hi .btn_dw_s {float: left; margin-right: 7px;}
.pop_hi .btn_vl_s {float: left;}

#file_add_list {border: 1px solid #ddd;}


.pop_hi .xt_pd {padding-right: 0;}

.legend {width: 100%; display: inline-block; background-color: #f7f7f7; border-bottom: 1px solid #ccc; padding: 9px 0; line-height: 1;}
.legend ul {margin: 0 auto; width: 364px;}
.legend li {float: left; margin: 0 auto; margin-right: 16px;}
.legend li:last-child {margin-right: 0;}
.legend li i {font-size: 20px; vertical-align: text-bottom; margin-right: 4px;}
.legend li:first-child i {color: #009bfa;}
.legend li:nth-child(2) i {color: #ffa900;}
.legend li:nth-child(3) i {color: #e40011;}
.legend li:last-child i {color: #40ac46;}
.state {width: calc(100% - 32px); display: block; padding: 16px 16px; border-bottom: 1px solid #ccc;}
.state li {position: relative; top: 0; left: 0; line-height: 20px; padding-bottom: 8px;}
.state li:last-child {padding-bottom: 0;}
.state li p {padding-left: 26px;}
.prss::before, .skpd::before, .wati::before, .rhtd::before {cursor: text; position: absolute; left: 0; top: 0; font-family: 'remixicon'; font-size: 20px; color: #b2b2b2;}

.pd_none {padding: 0;}
.popup_w .table_in {border: none;}
.td_bg {font-weight: 500; background-color: #f2fbfe;}

/* 첨부파일 아이콘 Class*/

.prss::before {content: '\eb80'; color: #009bfa;}
.skpd::before {content: '\ea67'; color: #ffa900;}
.wati::before {content: '\f20e'; color: #e40011;}
.rhtd::before {content: '\eb96'; color: #40ac46;}

.pop_hi .table_flie {border-top: none; border-bottom: none; margin-bottom: 0;}
.table_flie tr:last-child {border-bottom: none;}
.table_flie td {position: relative; left: 0; top: 0; padding: 0;}
.table_flie label {width: calc(100% - 61px); right: 0; top: 0;}
.table_flie label:hover, .table_flie label:focus {background-color: #f8f8f8; border: 1px solid #ddd; color: #190b0b;}
.table_flie .upload-name {width: calc(100% - 18px); }

.pop_st1 {display:block;  margin:0 auto; position:relative; width: calc(100% - 90px); height: auto; padding: 45px;}
.pop_h2 {font-size: 23px; color: #2d2d2d; margin-bottom: 16px;}
.pop_img {padding-right: 20px; width: 159px;}
.pop_i {vertical-align: middle; line-height: 0;}
.pop_st1 table {border-top: 2px solid #000; border-bottom: 1px solid #ccc; margin-bottom: 0; width: 100%;}
.pop_st1 tr {border-bottom: 1px solid #f7f7f7;}
.pop_st1 tr:last-child {border-bottom: none;}
.pop_st1 .table_tit {font-size: 14px; color: #666; font-weight: 500; background-color: #f2fbfe;}
.pop_st1 td {font-size: 14px; color: #666;  padding: 6px 16px;}
.pop_st1 select {color: #666; width: 100%; padding: 6px 9px; border: 1px solid #ddd; border-radius: 0px;}
.pop_st1 select::-ms-expand {display: none;}
.pop_st1 input[type="text"] {color: #666; width: calc(100% - 20px); padding: 6px 9px; border: 1px solid #ddd;}
.pop_st1 .sel_arrow {position: relative; top: 0; left: 0;}
.pop_st1 .sel_arrow::before {position: absolute; content: '\ea4e'; font-family: 'remixicon'; font-size: 20px; color: #090e17; right: 27px; top: calc(50% - 3px); line-height: 7px;}
.pop_st1 .sel_arrow.active::before {content: '\ea78';}
.pop_st1 .pd_none {padding: 0;}
.pop_st1 .table_in {border-top: none; border-bottom: none; margin-bottom: 0;}

.pop_st1 .pop_btns {margin-top: 26px;}
.pop_insm .pop_btns {margin-top: 26px; margin-bottom: 0;}

.pop_st1 .table_add {border-top: none; border-bottom: none; margin-bottom: 0; margin: 8px 16px; width: calc(100% - 32px); border: 1px solid #f2f2f2;}
.pop_st1 .table_add th {font-weight: 500; text-align: center; padding: 6px 8px; background-color: #f2fbfe; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #ccc;}
.pop_st1 .table_add td {padding: 6px 8px; border-right: 1px solid #f2f2f2;}
.pop_st1 .table_add th:first-child, .pop_st1 .table_add td:first-child {/*padding-left: 16px;*/}
.pop_st1 .table_add th:last-child, .pop_st1 .table_add td:last-child {/*padding-right: 16px;*/ border-right: none;}

/*.border_b tr:last-child {border-bottom: 1px solid #ccc;}*/
.pop_st1 .table_add2 th {font-weight: 500; text-align: center; padding: 6px 8px; background-color: #f2fbfe; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #ccc;}
.pop_st1 .table_add2 td {padding: 6px 8px; border-right: 1px solid #f2f2f2;}
.pop_st1 .table_add2 th:first-child, .pop_st1 .table_add2 td:first-child {/*padding-left: 16px;*/}
.pop_st1 .table_add2 th:last-child, .pop_st1 .table_add2 td:last-child {/*padding-right: 16px;*/ border-right: none;}
.border_r {border-right: 1px solid #f7f7f7;}
.border_b .btn_add_s {margin-bottom: 6px;}

.pop_st1 .btn_ve_s {float: left;}

.pop_st2 {display: block; margin: 0 auto; width: calc(100% - 90px); height: auto; padding: 45px;}
.add_table {position: relative; top: 0; left: 0; float: left; margin-right: 20px; width: calc((100% - 68px) / 4);}

.add_table tbody td {position: relative; top: 0; left: 0;}
.add_table tbody td:before {font-family: 'remixicon'; content: "\ea6e"; font-size: 14px; color: #868686; font-weight: 600; position: absolute; top: 50%; right: 12px; margin-top: -11px;}
/*.add3 tbody td:before {content: "\ea13";}
.add6 tbody td:before, .add7 tbody td:before {content: "\f1af";}*/
.add3 tbody td:before{display: none;}
.add3 tbody td i.ri-add-line {float: right;}
.add6 tbody td:before, .add7 tbody td:before {display: none;}
.add6 tbody td i.ri-subtract-line, .add7 tbody td i.ri-subtract-line {float: right;}


.add_table > div {border: 1px solid #ccc; border-top: 2px solid #000; height: 247px; overflow-y: auto; width: 100%;}
.add_table tbody tr:hover, .add_table tbody tr.tr_on {background-color: rgba(0,0,0,0.02);}
.add_table > .adt_tit {height: 21px; width: 100%; position: absolute; left: 0; top: 0; overflow-y: unset; width: calc(100% - 32px); text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: #f2fbfe;/* background-color: rgb(254 250 242);*/ border: none; border: 1px solid #ccc; border-top: 2px solid #000; border-bottom: 1px solid #ccc; z-index: 888888;/* border-bottom: none; */}


.add1 table {width: 100%; margin-bottom: 0;}
.add1 body {}
.add1 tr {border-bottom: 1px solid #f7f7f7;}
/*.add1 tr:last-child {border-bottom: none;}*/
.add1 td {height: 21px; font-size: 14px; color: #666; padding: 6px 16px;}
.add1 .table_tit {height: 21px; text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: #f2fbfe;}

.add2 table {width: 100%; margin-bottom: 0;}
.add2 body {}
.add2 tr {border-bottom: 1px solid #f7f7f7;}
/*.add2 tr:last-child {border-bottom: none;}*/
.add2 td {height: 21px; font-size: 14px; color: #666; padding: 6px 16px;}
.add2 .table_tit {height: 21px; text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: #f2fbfe;}

.add3 table {width: 100%; margin-bottom: 0;}
.add3 body {}
.add3 tr {border-bottom: 1px solid #f7f7f7;}
/*.add3 tr:last-child {border-bottom: none;}*/
.add3 td {height: 21px; cursor: pointer; font-size: 14px; color: #666; padding: 6px 16px;}
.add3 .table_tit {height: 21px; text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: #f2fbfe;}

.add4 {margin-right: 0; border: none;}
.add4 > div {border: none;}
.add4 table {width: 100%; margin-bottom: 0;}
.add4 tr {border-bottom: 1px solid #f7f7f7; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.add4 body {}
/*.add4 tr:last-child {border-bottom: none;}*/
.add4 td {height: 21px; cursor: pointer; font-size: 14px; color: #666; padding: 6px 16px;}
.tb_last {border-bottom: 1px solid #ccc;}
.add4 .table_tit {height: 21px; border-top: 2px solid #000; text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: #f2fbfe;}
.add4 .radios_s input[type='radio']:checked + label::after {}
.add4 tbody tr:hover, .add4 tbody tr.tr_on {background-color: unset;}
.add_bottom {margin-top: 20px; display: inline-block; width: 100%;}

.add_searchbar {float: left;}
.add_searchbar input[type="text"].search_bd {height: 23px;}
.add_searchbar .btn_sc_s {height: 35px; line-height: 34px;}
.table_addbd input[type="text"].search_bd {width: calc(100% - 20px);}
input[type="text"].search_bd {border-radius: 0; float: left; width: 250px; color: #666; padding: 6px 9px; border: 1px solid #ddd; border-right: none;}
.btn_sc_s {float: left; height: 32px; width: 32px; font-size: 0; line-height: 32px; text-align: center; border-radius: 0; font-weight:400; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; padding: 0;}
.btn_sc_s i {font-size: 18px; margin: 0 auto;}
.btn_sc_s:hover {color:#fff; background-color: #245894; border-color: #245894;}

.btn_ac_s {float: left; height: 32px; width: 32px; font-size: 0; line-height: 32px; text-align: center; border-radius: 0; font-weight:400; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; padding: 0;}
.btn_ac_s i {font-size: 18px; margin: 0 auto;}
.btn_ac_s:hover {color:#fff; background-color: #245894; border-color: #245894;}

.add_btns {float: right;}
.add_btns div {}
.add_btns a {float: left; margin-right: 8px;}
.add_btns a:last-child {margin-right: 0;}

.btn_usc_s {float: left; height: 32px; width: 32px; font-size: 0; line-height: 32px; text-align: center; border-radius: 0; font-weight:400; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; padding: 0;}
.btn_usc_s i {font-size: 18px; margin: 0 auto;}
.btn_usc_s:hover {color:#fff; background-color: #245894; border-color: #245894;}

.btn_ac_ss {margin: 0 auto 0 6px; border-radius: 4px; float: right; height: 22px; width: 22px; line-height: 22px; font-size: 0; text-align: center; font-weight:400; color:#190b0b; background-color: #fff; border: 1px solid #ddd; padding: 0;}
.btn_ac_ss i {font-size: 18px; margin: 0 auto;}
.btn_ac_ss:hover {background-color: #f8f8f8; border: 1px solid #ddd;}

.btn_file_s {margin: 0 auto 0 6px; border-radius: 4px; float: right; height: 22px; width: 22px; line-height: 22px; font-size: 0; text-align: center; font-weight:400; color:#fff; background-color: #3175C5; border: 1px solid #3175C5; padding: 0;}
.btn_file_s i {font-size: 18px; margin: 0 auto;}
.btn_file_s:hover {color:#fff; background-color: #245894; border-color: #245894;}

.add5 {margin-right: 0; border: none;}
.add5 > div {border: none; overflow: unset;}
.add5 table {width: 100%;}
table.add5_tt {margin-bottom: 20px;}
.add5 thead {}
.add5 body {}
.add5 tr {border-bottom: 1px solid #f7f7f7; border-right: 1px solid #ccc; border-left: 1px solid #ccc; width: calc(100% - 2px);}
.add5 tr:first-child th {border-top: 2px solid #000;}

.add5 td {height: 21px; cursor: pointer; font-size: 14px; color: #666; padding: 6px 16px;}

.add5 tr:last-child td {border-bottom: 1px solid #ccc;}
.add5 tr:nth-child(4) td {border-top: 2px solid #000;}
.add5 .table_tit {height: 21px; text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: #f2fbfe;}
.add5 .radios_s2 input[type='radio']:checked + label::after {}
.add5 tbody tr:hover, .add5 tbody tr.tr_on {background-color: unset;}

.user_i {/*font-size: 20px;*/font-weight: 500; float: right;}
.no_cp {margin-right: 18px;}

.add_table tbody tr:hover td, .add_table tbody tr.tr_on td {color: #000;}

.add_2table {margin-right: 0;}

.add_2table > .add6 {margin-right: 0; border: none; border: none; border-top: none; border-bottom: 1px solid #ccc; height: unset; overflow-y: unset; margin-bottom: 20px;}
.add6 .add_2table_tit {position: absolute; height: 21px; overflow-y: unset; width: calc(100% - 34px); text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: rgb(254 250 242); border: none; border: 1px solid #ccc; border-top: 2px solid #000; border-bottom: 1px solid #ccc; /* border-bottom: none; */}
.add6 > div {height: 69px; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.add6 table {width: 100%;}
.add5_tt {margin-bottom: 20px;}
.add6 tr {border-bottom: 1px solid #f7f7f7; width: calc(100% - 2px);}
.add6 tr:first-child th {border-top: 2px solid #000;}
.add6 td {font-size: 14px; color: #666; padding: 6px 16px; height: 21px;}
.add6 tr:nth-child(4) td {border-top: 2px solid #000;}
.add6 tr:last-child {border-bottom: 1px solid #ccc;}
.add6 .table_tit {height: 21px; text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: #f2fbfe;}
.add6 tbody tr:hover, .add6 tbody tr.tr_on {background-color: unset;}
.add_2table_tit input[type="radio"] + label {line-height: 1; height: 18px; margin-right: 0; padding-left: 29px;}
.add_2table_tit input[type="radio"] + label:before {width: 14px; height: 14px; line-height: 15px;}
.add_2table_tit input[type="radio"]:checked + label:before {font-size: 10px;}


.add_2table > .add7 {margin-right: 0; border: none; border: none; border-top: none; border-bottom: 1px solid #ccc; height: unset; overflow-y: unset;}
.add7 .add_2table_tit {position: absolute; height: 21px; overflow-y: unset; width: calc(100% - 34px); text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: rgb(254 250 242); border: none; border: 1px solid #ccc; border-top: 2px solid #000; border-bottom: 1px solid #ccc; /* border-bottom: none; */}
.add7 > div {height: 69px; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.add7 table {width: 100%;}
.add7 tr {border-bottom: 1px solid #f7f7f7; width: calc(100% - 2px);}
.add7 tr:first-child th {border-top: 2px solid #000;}
.add7 td {height: 21px; cursor: pointer; font-size: 14px; color: #666; padding: 6px 16px;}
.add7 tr:nth-child(4) td {border-top: 2px solid #000;}
.add7 tr:last-child {border-bottom: 1px solid #ccc;}
.add7 .table_tit {height: 21px; text-align: left; font-size: 14px; color: #666; font-weight: 500; padding: 6px 16px; background-color: #f2fbfe;}
.add7 .radios_s2 input[type='radio']:checked + label::after {}
.add7 tbody tr:hover, .add7 tbody tr.tr_on {background-color: unset;}

.scdp {display:block;  margin:0 auto; position:relative; width: calc(100% - 90px); height: auto; padding: 45px;}
.scdp table {border-top: 2px solid #000; border-bottom: 1px solid #ccc; width: 100%; margin-bottom: 12px;}
.scdp .table_tit {font-size: 14px; color: #666; font-weight: 500; background-color: #f2fbfe;}
.scdp td {font-size: 14px; color: #666; padding: 6px 16px;}
.scdp input[type="text"] {color: #666; width: calc(100% - 20px); height: 20px; padding: 6px 9px; border: 1px solid #ddd;}

.scdp .pd_none {padding: 0;}
.scdp .btn_sc_s {margin: 0 auto 0 6px; border-radius: 4px;}
.scdp .btn_usc_s {margin: 0 auto 0 6px; border-radius: 4px; float: right; height: 22px; width: 22px; line-height: 22px;}
.scdp .btn_ac_s {margin: 0 auto 0 6px; border-radius: 4px;}

.pop_hi .ssbdpdn {border-top: none; border-bottom: none; margin-bottom: 0; margin: 0; width: 100%; border: none;}

.pop_hi .ssbdpdn tr {border-bottom: none;}
.pop_hi .ssbdpdn td {padding: 0;}

.ss_icon {font-size:0; margin: 0 auto 0 6px; border-radius: 4px;}
.pop_hi .bo_dr {border-top: none; border-bottom: none; margin-bottom: 0; margin: 0; width: 100%; border: none;}


.scdp .table_addbd {border-top: none; border-bottom: none; margin-bottom: 0; margin: 0; width: 100%; border: none;}
.scdp .table_addbd th {font-weight: 500; text-align: center; padding: 6px 8px; background-color: #f2fbfe; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #ccc;}
.scdp .table_addbd td {padding: 0;}
.scdp .table_addbd .bdpdtd {margin-top: 8px;}
.scdp .table_addbd .bdpdtd td {padding: 6px 9px; border: 1px solid #ddd;}
.scdp .btn_gnn_s {margin-left: 6px;}
.scdp .table_addbd th:last-child, .table_addbd td:last-child {border-right: none;}


.add8 {position: relative; left: 0; top: 0; width: 100%;}
.add8 > div {width: 100%; border: 1px solid #ccc; border-top: none; height: 500px; overflow-y: auto;}
.add8 tbody tr:hover, .add8 tbody tr.tr_on {background-color: rgba(0,0,0,0.02);}



.add8 > .adt_tit {display: table; position: absolute; top: 0; left: 0; width: 100%; text-align: left; font-size: 14px; color: #666; font-weight: 500; background-color: #f2fbfe; border: 1px solid #ccc; border-top: 2px solid #000; border-bottom: 1px solid #ccc; z-index: 888888;}

.add8 > .adt_tit > li {display: table-cell; padding: 6px 16px; border-right: 1px solid #f2f2f2;}
.add8 > .adt_tit > li:first-child {width: 5%;}
.add8 > .adt_tit > li:nth-child(2) {width: 19.95%; }
.add8 > .adt_tit > li:last-child {width: calc(100% - 25%); border-right: none;}

.add8 tbody tr:hover td, .add8 tbody tr.tr_on td {color: #000;}
.add8 table {width: 100%; margin-bottom: 0;}
.add8 th {font-weight: 500; text-align: center; padding: 6px 8px; background-color: #f2fbfe; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #ccc;}
.add8 thead tr {border-bottom: 1px solid #ccc;}
.add8 body {}

.add8 tr {border-bottom: 1px solid #f7f7f7;}
.add8 td {position: relative; top: 0; left: 0; height: 21px; cursor: pointer; font-size: 14px; color: #666; padding: 6px 16px; border-right: 1px solid #f2f2f2;}

.add8 th:last-child, .add8 td:last-child {border-right: none;}
.add8 .checks {float: none; text-align: center;}
.add8 .checks input[type="checkbox"] + label {font-size: 0; line-height: 0; vertical-align: unset;}
.add8 .checks input[type="checkbox"] + label:before {vertical-align: unset; margin-right: 0; width: 14px; height: 14px; line-height: 14px;}
.checks input[type="checkbox"]:checked + label:before {right: 0;font-size: 15px;}

#MainContent_txtTotalQty {color: #666; width: calc(100% - 20px); padding: 6px 9px; border: 1px solid #ddd;}



/* popup */


/* loading */

.load_bg {background-color: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999999;}

.loading-container, .loading {height: 100px; position: relative; top: 0; left: 0; width: 100px; border-radius: 100%;}
.loading-container {top: 50%; margin: 40px auto; margin-top: -50px;}
.loading {border: 2px solid transparent; border-color: transparent #3175C5 transparent #3175C5; -moz-animation: rotate-loading 1.5s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: rotate-loading 1.5s linear 0s infinite normal; -o-transform-origin: 50% 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50%;}
.loading-container:hover .loading {border-color: transparent #e45635 transparent #e45635;}
.loading-container:hover .loading, .loading-container .loading {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#loading-text {-moz-animation: loading-text-opacity 2s linear 0s infinite normal; -o-animation: loading-text-opacity 2s linear 0s infinite normal; -webkit-animation: loading-text-opacity 2s linear 0s infinite normal; animation: loading-text-opacity 2s linear 0s infinite normal; color: #e1e1e1; font-size: 10px; font-weight: normal; margin-top: 45px; opacity: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100px;}

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-o-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@keyframes loading-text-opacity {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes loading-text-opacity {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes loading-text-opacity {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes loading-text-opacity {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.loader_div {position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; text-align: center;}
.loader-1 {width: 48px; height: 48px; border: 5px solid #ddd; border-bottom-color: #ff3d00; border-radius: 50%; display: inline-block; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite;}
.loader_p {padding-top: 4px; font-size: 14px; color: #7e7e7e; display: block; text-align: center; letter-spacing: 2px;}



@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.loading_st {text-align: center; position: relative; left: 0; top: 50%; margin-top: -12.5px;}
.loading_st h2 {color: #ccc; margin: 0; font: 0.8em verdana; text-transform: uppercase; letter-spacing: 0.1em;}
.loading_st span {display: inline-block; vertical-align: middle; width: 0.6em; height: 0.6em; margin: 0.19em; background: #00416A; border-radius: 0.6em; animation: loading_st 1s infinite alternate;}
.loading_st span:nth-of-type(2) {background: #008fb2; animation-delay: 0.2s;}
.loading_st span:nth-of-type(3) {background: #009b9e; animation-delay: 0.4s;}
.loading_st span:nth-of-type(4) {background: #799F0C; animation-delay: 0.6s;}
.loading_st span:nth-of-type(5) {background: #00b247; animation-delay: 0.8s;}
.loading_st span:nth-of-type(6) {background: #5ab027; animation-delay: 1s;}
.loading_st span:nth-of-type(7) {background: #FFE000; animation-delay: 1.2s;}

@keyframes loading_st {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* loading */


/*container*/



/* footer */


footer.bg_gray {width: 100%; position: relative; left: 0; bottom: 0; padding: 55px 0 36px; z-index: 1000;}

footer {width: 100%; position: relative; left: 0; bottom: 0; padding: 55px 0 36px; z-index: 1000;}

.ft_in {position: relative; left: 0; bottom: 0; padding: 55px 0 36px; margin: 0 auto;}
.copy{font-size: 0; line-height: 0; color: #bcbcbc;}


/* footer */


@media screen and (max-width: 1500px) {

	body {overflow-x: auto; overflow-y: auto; }

}