/* @media (min-width: 1365px)
body {
	padding-top: 0px;
	padding-bottom: 30px;
	width: 1280px;
} */

@font-face {
	font-family: "NotoKR-Medium"; 
	src: url("/channeling2/resources/fonts/NotoKR-Medium Medium/@font-face/13debb153828720a4378a671f57b0d72.eot"); 
	src: url("/channeling2/resources/fonts/NotoKR-Medium Medium/@font-face/13debb153828720a4378a671f57b0d72.eot?#iefix") format("embedded-opentype"), 
		 url("/channeling2/resources/fonts/NotoKR-Medium Medium/@font-face/13debb153828720a4378a671f57b0d72.woff2") format("woff2"), 
		 url("/channeling2/resources/fonts/NotoKR-Medium Medium/@font-face/13debb153828720a4378a671f57b0d72.woff") format("woff"), 
		 url("/channeling2/resources/fonts/NotoKR-Medium Medium/@font-face/13debb153828720a4378a671f57b0d72.ttf") format("truetype"), 
		 url("/channeling2/resources/fonts/NotoKR-Medium Medium/@font-face/13debb153828720a4378a671f57b0d72.svg#NotoKR-Medium") format("svg"); 
}
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:normal;
  src:url('../fonts/NanumBarunGothic/NanumBarunGothic.eot');
  src:url('../fonts/NanumBarunGothic/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumBarunGothic/NanumBarunGothic.woff') format('woff');
}

@font-face {
	font-family: 'NotoSansKR-Regular';
	src: url(../fonts/NotoSansKR/Regular/NotoSansKR-Regular.woff2) format('woff2'),
		 url(../fonts/NotoSansKR/Regular/NotoSansKR-Regular.woff) format('woff'),
		 url(../fonts/NotoSansKR/Regular/NotoSansKR-Regular.eot) format('eot');
	font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'NotoSansKR-Medium';
	src: url(../fonts/NotoSansKR/Medium/NotoSansKR-Medium.woff2) format('woff2'),
		 url(../fonts/NotoSansKR/Medium/NotoSansKR-Medium.woff) format('woff'),
		 url(../fonts/NotoSansKR/Medium/NotoSansKR-Medium.eot) format('eot');
	font-weight: 500;
    font-style: normal;
}

.loading_spinner {    display: table;    position: fixed;    left: 0;    top: 0;    width: 100%;    height: 100%;    z-index: 5000;}
.loading_spinner .box {    display: table-cell;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.5);    text-align: center;    vertical-align: middle;}

.card {
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    margin-top: 20px;
    /* border-radius: 10px; */
    border: 1px solid #6f77b1;
}

.cardTit {
    font-size: 16px;
    font-family: 'notokr-medium';
    color: #8d0073;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.card-body {
	position: relative;
}

.card-body2 {
	float: left;
	width: 48%;
}

.card-body3 {
	float: right;
	width: 48%;
}

.card-body4 {
    margin-top: 320px;
}

.card-header {
	padding: 5px 5px 5px 5px;
	background-color: #f9f9f9;
}

.gridForm {
	width: 100%;
	height: 100%;
	padding-top: 8px;
	clear: both;
}
/*FreeForm 정의 시작*/
.freeForm {
	width: 100%;
	height: 100%;
	border: none;
    border-top : 2px solid #707070;
    border-bottom : 1px solid #707070;
    padding: 0px 12px 12px 12px;
}

.th {
	background-color: #f7f9fc;
	height: 35px;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    border: 1px solid #707070;
}

.td {
	height: 35px;
	border: 1px solid #707070;
	display: inline-block;
    vertical-align: top;
}

input[type="text"].input-basic, .input-basic {
    width: 100%;
    height: 34px;
    /* padding: 10px 15px; */
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-top-color: #9a9a9a;
    border-left-color: #9a9a9a;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1;
    background: #fff;
    vertical-align: middle;
    outline: 0 none !important;
}
/*FreeForm 정의 끝*/

.tl{text-align: left !important;}
.tc{text-align: center !important;}
.tr{text-align: right !important;}
.fr{float: right;}
.fl{float: left;}

.btn-ctrl {
	height: 32.4px;
    line-height: 32.4px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    background-color: #004d40 !important;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 2px;
    padding: 0 16px;
}

.btn-ctrl i {
    font-size: 1.2rem;
}



.subFullArea {
    width: 100%;
    padding: 10px;
}

.subSection .menuTit span {
    /* padding-top: 10px; 신두호 주석 */
    font-size: 25px;
    color: #000;
    font-family: 'notokr-medium';
    line-height: 35px;
    display: inline-block;
    text-shadow: 2px 2px rgb(0 0 0 / 14%);
}

.subSection .subTit span {
    padding-top: 10px;
    font-size: 20px;
    color: #000;
    font-family: 'notokr-medium';
    line-height: 35px;
    display: inline-block;
    text-shadow: 2px 2px rgb(0 0 0 / 14%);
}

.ml10 {
	margin-left:10px;
}
.mr10 {
	margin-right:10px;
}
.mt10 {
	margin-top:10px;
}
.ml5r {
	margin-left:0.5rem;
}
.fs30{
	font-size:30px;
}

.ac {
 text-align: center;
}


<!-- 테스트 용 psh !-->
.btn_big {
  border: none;
  color: white;
  padding: 3px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.btn_rdBlue {
  background-color: #008CBA; 
  color: white; 
  border: 2px solid #008CBA;
  border-radius: 8px;
}

.btn_rdBlue:hover {
  background-color: white;
  color: black;
}

.sbtn {
  padding: 3px 12px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #3b8368;
  
  border: none;
  border-radius: 5px;
  /* box-shadow: 0 3px #999; */
}

.sbtn:hover {background-color: #04AA6D}

.sbtn:active {
  background-color: #3e8e41;
  /* box-shadow: 0 5px #666; */
  transform: translateY(2px);
}

.close {
    float: none;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    text-shadow: initial;
    opacity: 1;
    z-index: 100;
}

.pull-right {float: right !important;}
.pull-left {float: left !important;}
/* padding, margin */
.pt5	{
	padding-top:5px !important;
}
.pt15	{
	padding-top:15px !important;
}
.pt20	{
	padding-top:20px !important;
}
.pl2	{
	padding-left:2px !important;
}
.pl4	{
	padding-left:4px !important;
}
.pl5	{
	padding-left:5px !important;
}
.pl10	{
	padding-left:10px !important;
}
.pl30	{
	padding-left:30px !important;
}
.pr2	{
	padding-right:2px !important;
}
.pr5	{
	padding-right:5px !important;
}
.pr10	{
	padding-right:10px !important;
}
.pr20	{
	padding-right:20px !important;
}
.pr30	{
	padding-right:30px !important;
}
.plr20	{
	padding:0 20px !important;
}
.plr15	{
	padding:0 15px !important;
}
.pd0	{
	padding:0 !important;
}
.pd10	{
	padding:10px;
}
.pd20	{
	padding:20px;
}
.pd-top-bot5 {
	padding: 5px 0;
}
.pd-top-bot7 {
	padding: 7px 0;
}
.pd11	{
	padding:11px !important;
}
.pd15	{
	padding:15px !important;
}
.pr0	{
	padding-right:0 !important;
}
.pl0	{
	padding-left:0 !important;
}
.plr0	{
	padding-left:0 !important;
	padding-right:0 !important;
}
.pt0	{
	padding-top:0 !important;
}
.pb0	{
	padding-bottom:0 !important;
}
.pb10	{
	padding-bottom:10px !important;
}
.pb20	{
	padding-bottom:20px !important;
}
.pb25	{
	padding-bottom:25px !important;
}
.pb30	{
	padding-bottom:30px !important;
}
.mar0	{
	margin:0 !important;
}
.mr0	{
	margin-right:0 !important;
}
.ml0	{
	margin-left:0 !important;
}
.mt0	{
	margin-top:0 !important;
}
.mb0	{
	margin-bottom:0 !important;
}
.mr-20 {
	margin-right:-20px !important;
}
.ml5 {
	margin-left:5px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml15 {
	margin-left:15px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml30 {
	margin-left:30px !important;
}
.mr5 {
	margin-right:5px !important;
}
.mr10 {
	margin-right:10px !important;
}
.mr20 {
	margin-right:20px !important;
}
.mr30 {
	margin-right:30px !important;
}
.mr-15 {
	margin-right:-15px !important;
}
.mr-1 {
	margin-right:-1px !important;
}
.mt5	{
	margin-top:5px !important;
}
.mt8	{
	margin-top:8px !important;
}
.mt10	{
	margin-top:10px !important;
}
.mt15	{
	margin-top:15px !important;
}
.mt20	{
	margin-top:20px !important;
}
.mt30	{
	margin-top:30px !important;
}
.mt50	{
	margin-top:50px !important;
}
.mb5 {
	margin-bottom:5px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mlr20 {
	margin:0 20px;
}

/* table3 */
.table3 { width:100%; border:1px solid #c0c3cd; font-size:14px; margin-bottom:15px; }
.table3 th { border-right:1px solid #c0c3cd; border-bottom:1px solid #c0c3cd; background-color:#f7f9fb; font-weight:bold; padding:8px 20px; line-height:18px; text-align:left; vertical-align:middle;}
.table3 td { border-right:1px solid #c0c3cd; border-bottom:1px solid #c0c3cd; padding:8px 10px; line-height:18px;  background-color:#fff; vertical-align:middle; word-break: break-all; }
.table3 .hint { color:#b8b8b8; position:absolute; top:19px; z-index:2; }
.table3 .inputText { width:250px; padding: 3px; border: 1px solid #c0c3cd; }
.table3 .doubleCheck { position:absolute; right:0; top:0; text-align:right;}
.table3 .btndoubleCheck { width:130px; height:54px; font-size:20px;  }
.table3 p.textError { right:auto; left:260px; font-size:14px;}
.table3 .idCheck p.textError,
.table3 .idCheck p.textError2 { right:auto; left:380px; font-size:14px; }
.table3 .askPassword { float:right;  color:#000; }
.table3 .joinInput { border:1px solid #c0c3cd; color:#000; padding:5px; line-height:16px; }
.table3 .joinInput.type1 { width:128px;  }
.table3 .joinInput.type2 { width:82px; text-align:center; }
.table3 .joinInput.type3 { width:180px; }
.table3 .joinInput.type4 { width:258px; margin-left:9px; }
.table3 .joinInput.type5 { width:550px; }
.table3 .btnSearch1 { width:88px; height:31px; border-radius:4px; background-color:#fff; border:1px solid #c0c3cd; font-size:14px; color:#8f8f8f; margin-left:9px;}
.table3 .kccPerson1 { font-size:14px; margin-top:8px; margin-bottom:8px; }
.table3 .email { color:#000; }

.table3.type1 { font-size:16px;  }
.table3.type1 th { font-weight:normal; }
.table3.type1 td { color:#6c6c6c; background-color:#fff;  }
.table3.type1 .person01.bg { background:url("/channeling/resources/images/bg/bg_input4.png") no-repeat 5px 50%;}
.table3.type1 .btn2 { font-size:14px; color:#8f8f8f; border-radius:3px; width:108px; line-height:29px; border:1px solid #c0c3cd; }

.table3.type2 { border-top:none; margin-bottom:0; background-color:#fff; }
.table3.type2 th { font-size:15px; font-weight:normal; background-color:#f7f9fb; }
.table3.type2 td { padding-top:5px; padding-bottom:5px; line-height:35px; font-size:15px; border-bottom:1px solid #c0c3cd; }
.table3.type2 td .btn7 { display:inline-block; width:128px; height:35px; border:1px solid #c0c3cd; background-color:#fff; text-align:center; line-height:35px; margin-right:10px; font-size:15px; border-radius:3px; }
.table3.type2 td .btn7.on { background-color:#116cc1; color:#fff; }
.table3.type2 td .uiRadio2 { margin-right:20px; }
.table3.type2 td .btn8 { width:138px; line-height:31px; text-align:center;  border:1px solid #c0c3cd; border-radius:3px; font-size:14px; color:#8f8f8f; margin-left:15px; }
.table3.type2 td.tdd1 { font-size:16px;}
.table3.type2 td.tdd1 span { color:#d2d2d2; margin-right:5px; margin-left:5px;  }
.table3.type2 td .input1 { border:1px solid #c0c3cd; line-height:27px; padding:2px; text-align:center;  }
.table3.type2 td .input1.input2 { width:82px; }
.table3.type2 td .input1.input3 { width:872px; text-align:left; margin-top:5px; padding-left:15px; background-color:#efefef; }
.table3.type2 td .input4 { border:1px solid #c0c3cd; line-height:27px; padding:2px; }
.table3.type2 td .input4.input5 { width:872px; }
.table3.type2 p.textError { margin-top: -15px; }

.table3.type2.type3 { margin-bottom:10px; }

.table3.type4 td { color:#6c6c6c;  }
.table3.type4 .certi1 { padding-top:20px; padding-bottom:20px; }
.table3.type4 .certi1 .certiW1 { margin-bottom:10px;  }
.table3.type4 .certi1 .write01 { width:294px; height:35px; border:1px solid #c0c3cd; padding:5px; color:#000;  }
.table3.type4 .certi1 .btn11 { width:108px; height:31px; line-height:31px; font-size:14px; color:#8f8f8f; border:1px solid #c0c3cd; border-radius:3px; margin-left:5px; }
.table3.type4 .certi1 .note3 { margin-top:10px; font-size:14px; color:#b8b8b8; }

.table3.type5 { margin-bottom:0; border:1px solid #c0c3cd; width:100%; }
.table3.type5 th { height:36px; vertical-align:middle; }
.table3.type5 td { height:36px; vertical-align:middle; }

.table3.type6 { border-top:2px solid #054f99; }
.table3.type6 th, .table3.type6 td {vertical-align:middle;}
.table3.type6 th {text-align:center; font-weight:normal;}

.table3.type6.type7 {border-top:1px solid #c0c3cd; margin-bottom:25px;}
.table3.type6.type7 td {text-align:center; padding: 10px; line-height: 18px;}
.table3.type6.type7 tfoot td { vertical-align:middle; padding: 10px 20px; line-height: 18px; background-color: #f7f9fb;}
.table3.type6.type7 .secTh th {background-color:#f3f3f3;}
.table3.type6.type7 .subTotal th, .table3.type6.type7 .subTotal td { background-color:#f7f9fc;}

.simple_card {margin-top:25px;}
.simple_card .card_head span{margin-top:25px;padding-bottom:12px;font-size:1.5rem;color:#010101;font-weight:bold;}
.table_info {border-top:2px solid #1e1e1e;border-bottom:1px solid #d0d0d0; width:100%; font-size:0.8rem;padding:1.5rem;}
.table_info td, .table_info th {padding:0.5rem;}
.table_info tbody {padding:2rem;border-top:1px dotted;}
.table_info .total_amt {width:50%;}
.table_info .total_amt .sb {display:flex;justify-content:space-between;}
.table_info .total_amt .total_line {text-align:right;}
.table_info .total_amt .total_line span {font-size:16px;}
.table_info .total_amt .total_bold {margin-top:10px;}
.table_info .total_amt .total_bold span {font-weight:bold;font-size:24px;}
.table_info .total_amt .bg {font-weight:bold;font-size:24px;}

/* 공통클래스 */
.d_flex{display: flex;gap: 5px;align-items: center;}
.sr_only{position: fixed;left: -9999px;top: -9999px;width: 1px;height: 1px;line-height: 0;}
.required{position: relative;padding-left: 8px;}
.required:after{display: block;content:"*";position: absolute;left: 0;top: -1px;font-size: 13px;color: #f00;font-weight: 500;}

/* 버튼 */
.container .btn:not(.order-product__list *){display: inline-block;padding: 4px;min-width: 48px;min-height: 28px;border: 1px solid #808080;border-radius: 4px;font-family: "NotoSansKR-Medium";font-size: 14px;color: #333;}
.container .btn_link{min-width: auto;height: auto;border: none;background: none;}
.container .btn_default{color: #000;background-color: #fff;}
.container .btn_default:hover{border-color: #333;color: #fff;background-color: #333;}
.container .btn_default:active{border-color: #333;color: #fff;background-color: #333;  transform: translateY(1px);}
.container .btn_impact{border: none;font-weight: 500;color: #fff;background-color: #0044aa;}
.container .btn_impact:hover{background-color: #0800aa;}

/* 폼 */
.container input, select{padding: 4px 12px;height: 34px;border: 1px solid #c0c0c0;background-color: #fff;border-radius: 4px;}
.container select{padding-right: 38px;min-width: 100px;background: #fff url(../images/icon/ico_select.png) right 10px center no-repeat;}
.container .select:disabled, select[disabled="disabled"]{color: #999;}
.container textarea{padding: 10px 15px;width: 100%;border: 1px solid #c0c0c0;background-color: #fff;border-radius: 4px;}
.container .calendar, .input_search{display: flex;justify-content: space-between;align-items: center;padding-right: 10px;height: 34px;border: 1px solid #c0c0c0;border-radius: 4px;background-color: #fff;}
.container .calendar input, .input_search input{width: 100%;height: 100%;border: none;}
.container input[type="radio"], input[type="checkbox"]{position: fixed;left: -1px;top: -1px;width: 1px;height: 1px;font-size: 0;line-height: 0;}
.container input[type="radio"] + label{display: inline-block;height: 20px;line-height: 20px;padding-left: 24px;margin-right: 10px;background: url(../images/icon/radio.png) 0 0 no-repeat;cursor: pointer;}
.container input[type="radio"]:checked + label{background: url(../images/icon/radio_checked.png) 0 0 no-repeat;}
.container input[type="radio"]:disabled + label{background: url(../images/icon/radio_disabled.png) 0 0 no-repeat;}
.container input[type="radio"]:readonly + label{background: url(../images/icon/radio_disabled.png) 0 0 no-repeat;}
.container input[type="checkbox"] + label{display: inline-block;height: 20px;line-height: 20px;padding-left: 24px;margin-right: 10px;background: url(../images/icon/checkbox.png) 0 0 no-repeat;cursor: pointer;}
.container input[type="checkbox"]:checked + label{background: url(../images/icon/checkbox_checked.png) 0 0 no-repeat;}
.container input[type="checkbox"]:disabled + label{background: url(../images/icon/checkbox_disabled.png) 0 0 no-repeat;}
.container input[type="checkbox"]:readonly + label{background: url(../images/icon/checkbox_disabled.png) 0 0 no-repeat;}

/* 테이블 */
.table_header{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 10px;}
.table_header .btn_group{display: flex;gap: 5px;}
.table{border-top: 2px solid #0044aa;background-color: #fff;}
/* .table tbody th:not(.rg-header-cell,.rg-head-cell,.rg-rowindicator-head,.rg-rowindicator-cell), .table td:not(.rg-header-cell,.rg-head-cell,.rg-rowindicator-head,.rg-rowindicator-cell){padding: 8px 15px;height: 50px;border: 1px solid #d5d5d5;text-align: left;} */
.table tbody th:not(.rg-table *), .table td:not(.rg-table *){padding: 8px 15px;height: 50px;border: 1px solid #d5d5d5;text-align: left;}
.table th{font-weight: 500;font-family: "NotoSansKR-Medium";color: #171717;background-color: #F8F8FB;white-space: nowrap;}

/* 카렌다 */
.calendar{position: relative;}
.monthCalendar, .weeklyCalendar{display: none;position: absolute;right: 0;top: 34px;z-index: 1;width: 210px;padding: 4px;border: 1px solid #d8d8d8;border-radius: 4px;background-color: #fff;}
.monthCalendar .year{margin-top: 5px;text-align: center;font-size: 24px;}
.monthCalendar .year small{font-size: 13px;}
.monthCalendar .monthGroup{display: inline-grid;grid-template-columns: 1fr 1fr 1fr 1fr;padding: 15px 10px 15px 0px;text-align: right;margin-left: 10px;font-size: 16px;}
.monthCalendar .monthGroup a{display: block;padding: 2px 7px 3px;border-radius: 4px;}
.monthCalendar .monthGroup a.on{color: #fff;background-color: #515151;}
.weeklyCalendar .weekGroup{}
.weeklyCalendar .head{display: flex;justify-content: center;position: relative;width: 100%;padding: 8px 5px;border-top-left-radius: 4px;border-top-right-radius: 4px;text-align: center;background-color: #515151;}
.weeklyCalendar .head select{padding: 0 8px;min-width: 70px;height: auto;border: none;font-family: "NotoSansKR-Regular";font-size: 18px;color: #fff;background: #515151 url(../images/icon/ico_calendar_select.png) right 9px no-repeat;}
.weeklyCalendar .head a{display: block;position: absolute;top: 50%;transform: translateY(-50%);}
.weeklyCalendar .head a.prev{left: 20px;width: 10px;height: 16px;background: url(../images/icon/btn_prev.png) 0 0 no-repeat;}
.weeklyCalendar .head a.next{right: 20px;width: 10px;height: 16px;background: url(../images/icon/btn_next.png) 0 0 no-repeat;}
.weeklyCalendar .body{padding: 5px;letter-spacing: 0;}
.weeklyCalendar .body .space_between{display: flex;justify-content: space-between;font-size: 12px;}
.weeklyCalendar .body .d_grid{display: grid;grid-template-columns: auto auto auto auto auto auto auto;text-align: right;gap: 0 2px;font-size: 14px;}
.weeklyCalendar .body .d_grid > div{padding: 0 4px 1px;cursor: pointer;}
.weeklyCalendar .body .d_grid > div:hover{background-color: #e9e9e9;}
.weeklyCalendar .body .d_grid .sat{color: #2C72FF;}
.weeklyCalendar .body .d_grid .sun{color: #E32B2B;}
.weeklyCalendar .body .d_grid .this{background-color: #FFE8C1;}

/* 아이콘 */
i{display: inline-block;position: relative;vertical-align: middle;}
.icon_calendar{width: 17px;height: 16px;}
.icon_calendar:after{display: block;content:"";position: absolute;left: 0;top: 0;width: 17px;height: 16px;background: url(../images/icon/ico_calendar.png) 0 0 no-repeat;}
.icon_search{width: 16px;height: 15px;}
.icon_search:after{display: inline-block;content:"";position: absolute;left: 0;top: 0;width: 16px;height: 15px;background: url(../images/icon/ico_search.png) 0 0 no-repeat;}
.icon_prev{width: 10px;height: 16px;}
.icon_prev:after{display: inline-block;content:"";position: absolute;left: 0;top: 0;width: 10px;height: 16px;background: url(../images/icon/btn_prev.png) 0 0 no-repeat;}

select, textarea {font-family:'Noto Sans KR','Malgun Gothic', sans-serif;font-size:14px;color:#333;height: 34px;font-weight: 500;vertical-align: top;-webkit-appearance:none;appearance:none;}
select::-ms-expand {display: none;}
::placeholder{color: #999;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999 !important;
  font-weight: normal;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
  font-weight: normal;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
  font-weight: normal;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
  font-weight: normal;
}

.date-dd, .date-mm {
	font-size: 1.5rem;
}

.table-condensed td {border: none; padding: 0px;}
.table-condensed a{border: none !important;}
.table-condensed .btn {color: #fff;}
.table-condensed .glyphicon {color: #a13cbb;}
.form-control{font-size: 1.4rem;}

.btnG3 {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    width: 50px;
    height: 28px;
    font-size: 13px;
    line-height: 28px;
}

.btnG3.on {
    background-color: #4bacc6;
    color: #fff;
}

#login_user {
	color: var(--primary-default);
	font-weight: 800;
}

/* 클립리포트 div 영역 */
.reportArea { position:absolute;top:5px;height:95%;width:98%;display:none;z-index:1; }
.reportArea select { display: inline; }
.report_view_box input { font-size: inherit; line-height: inherit; }


.grp { 
	border:1px solid #d3d7dc;
	font-size:14px;
	color:#597a96; 
	padding:5px 13px;
	background-color:#fff;
	margin : 5px; 
}

.swal2-container {z-index: 9999 !important;}

.search_formatter1 {
    background: #376cca;
    color: #fff;
    font-style: italic;
    border: 1.35px solid #486382;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 6px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.search_formatter2 {
    background: #51ace0;
    color: #fff;
    font-style: italic;
    border: 1.35px solid #5e8ba8;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 6px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.search_formatter3 {
    background: #49A350;
    color: #fff;
    font-style: italic;
    border: 1.35px solid #486382;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 6px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.search_formatter4 {
    background: #D67F7A;
    color: #fff;
    font-style: italic;
    border: 1.35px solid #5e8ba8;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 6px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.search_resrv_site {
	background: var(--primary-default);
    color: #fff;
    font-style: italic;
    border: 1.35px solid #486382;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 6px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.search_resrv_plant {
	background: #49A350;
    color: #fff;
    font-style: italic;
    border: 1.35px solid #486382;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 6px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.search_resrv_none {
	background: #D67F7A;
    color: #fff;
    font-style: italic;
    border: 1.35px solid #486382;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 6px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}
/* 버튼 */
.btn.primary{
	font-size: 17px!important;
	font-wight: 700!important;
	width: 190px;
	height: 55px;
	color: var(--gray-light-1) !important;
	background: var(--primary-default);
	border: 0 none !important;
	
}

.select2-container--default .select2-selection--multiple {
	border: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--kcc-blue) !important;
    color: #fff !important;
    font-weight: 600;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	border: 1px solid var(--gray-default);
}
.select2-container--default .select2-results__option .select2-results__option {
	font-size: 13px;	
}
.select2-container--default .select2-results__group {
	font-size: 14px;
}

/* 검석폼  */
.searchForm {
	padding: 0.8rem 2.4rem 0.8rem 2.4rem;
    background: var(--gray-light-2);
    border: 1px solid var(--gray-default);
    border-top: 1px solid var(--gray-dark-5);
}
.searchForm table {
	width: 100%;
}

.searchForm table tbody tr td {
	padding: 5px;
}

.searchForm table tbody tr td.label {
	text-align: right;
    padding-right: 2rem;
}

.searchForm table tbody tr td .group {
	display: flex;
    justify-content:space-between;
    align-items: center;
    gap: 10px;
}

.tabl-row {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding-bottom: 10px;

}

.grid_title {
	font-size: 1.5rem;
    font-weight: bold;
    padding: 5px 5px 0px 5px;
}

.modalBtnGroup {
	text-align: right;
	padding: 5px;
}

.modalBtnGroup .btn {
	font-size: 1.3rem;
    border: 1px solid;
    font-weight: 500;
    margin-left: 5px;
    padding: 3px 8px 3px 8px;
}

.modalBtnGroup .btn:hover {
	cursor: pointer;
	background: #eaeaea;
}

.nomal_check {
	position: relative !important;
    width: 15px !important;
    height: 15px !important;
}

.radio-group {
	height: 3.8rem;
	display: flex;
    align-items: center;
    justify-content: flex-start;
}

.radio-group .btn {
	background: var(--gray-light-1);
    border-radius: 0;
    color: var(--gray-dark-1);
    width: 5.6rem;
    height: 2.8rem;
    font-size: 1.3rem;
}

.radio-group .btn.on {
	background: var(--gray-light-1);
    border: 1px solid var(--primary-default);
    color: var(--primary-default);
}

.justify {
	display: flex;
	align-items: center;
    justify-content: flex-start;
    gap:5px;
}

  :root{
      --accent1:#6ee7b7;
      --accent2:#60a5fa;
      --accent3:#f472b6;
    }
    .ai-span{
      display:inline-block;
      color: #fff;
      font-style: italic;
      font-weight: 200; 
      border: 1.35px solid #486382;
      border-radius: 3px;
      padding-left: 4px;
      padding-right: 6px;
      font-size: 15px;
      padding-top: 2px;
      padding-bottom: 2px;
      background:linear-gradient(270deg,var(--accent1),var(--accent2),var(--accent3),var(--accent1));
      background-size:600% 600%;
      animation:shine 4s ease infinite;
      box-shadow:0 0 15px rgba(255,255,255,0.3);
      transition:transform 0.2s ease, box-shadow 0.2s ease;
      cursor:pointer;
      user-select:none;
    }
    .ai-span:hover{
      transform:scale(1.15);
      box-shadow:0 0 25px rgba(255,255,255,0.5);
    }
    @keyframes shine {
      0%{ background-position:0% 50%; }
      50%{ background-position:100% 50%; }
      100%{ background-position:0% 50%; }
    }
    /* 아이콘용 */
    .ai-span .icon{
      width:18px;
      height:18px;
      vertical-align:middle;
      margin-right:8px;
    }