@charset "utf-8";
:root{
	--card-box-border: 1px solid #d3d3d3;
}

@font-face {
	font-family: 'Lato-BoldItalic';
	src: url('../font/Lato-BoldItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Regular';
	src: url('../font/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Bold';
	src: url('../font/Lato-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Black';
	src: url('../font/Lato-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Hairline';
	src: url('../font/Lato-Hairline.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Light';
	src: url('../font/Lato-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Italic';
	src: url('../font/Lato-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'KhmerOS_content';
	src: url('../font/KhmerOS_content.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nokora-regular';
	src: url('../font/nokora-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'KhmerOScontent';
	src: url('../font/KhmerOScontent.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/**{border:1px solid red;}*/
/* css_reset */
* {font-family:'Lato-Regular', Dotum,'돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
html{-webkit-text-size-adjust: antialiased;-moz-osx-font-smoothing: grayscale;}
html, body{width:100%; height:100%; font-size: 18px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input{margin:0;padding:0;-webkit-text-size-adjust:none;word-break:keep-all;}
input{border-radius:0;resize:none;background:transparent;border:0;}
body,h1,h2,h3,h4,h5,h6,input,button{font-family:'Lato-Regular', Dotum,'돋움', Helvetica, AppleSDGothicNeo, sans-serif; font-size:12px;}
body{color:#666;word-wrap:break-word;word-break:break-all; transition:none;background:#fff;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-higlight-color:rgba(0,0,0,0); display: flex; flex-direction: column;}
caption, legend{font-size: 0;line-height: 0;text-indent: -5000px;}
img, fieldset, iframe{border:0 none;vertical-align:top;}
fieldset{font-size:0;}
ul,ol{list-style:none;}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:underline;}
i,em,address{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:none;}
input[type="submit"]{cursor:pointer;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
body.fx{overflow:hidden;}

*{box-sizing: border-box;}

input[type="text"], input[type="password"], select{height: unset; padding: 8px 8px 8px 15px; font-size: 11pt;}

/**{background:red;}*/

/* PC MOBILE */
.hide-on-pc{display:none;}
.hide-on-pc2{display:block;}
.hide-on-mobile{display:block;}
.hide-on-mobile2{display:block;}

/* MOBILE-WIDTH */
.mobile-width400{max-width:400px;margin:0 auto;}

/* skip */
.skip a{position:absolute;left:-3000%}
.skip a:focus{display:inline-block;top:0;left:0;z-index:9999;width:20%;height:30px;background:#000;line-height:30px;color:#fff;text-align:center}

/*말줄임*/
/*.txt_space{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:320px;}*/
.txt_space{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 6; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 2.4em; height: 3.6em;}

/*padding*/
.pt0{padding-top:0px !important;}
.pt8{padding-top:8px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt70{padding-top:70px !important;}
.pb0{padding-bottom:0px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb42{padding-bottom:42px !important;}
.pb50{padding-bottom:50px !important;}
.plr20{padding:0 20px !important;}
.pl0{padding-left:0 !important;}

/*margin*/
.mt0{margin-top:0px !important;}
.mt16{margin-top:16px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt70{margin-top:70px !important;}
.mb0{margin-bottom:0px !important;}
.mb140{margin-bottom:140px !important;}

/* common setting */
/* {transition:all 0.5s;} */
.topFixed{position:fixed !important;}

/* click event delete */
.co-app-header{display: flex; justify-content: space-between; font-size: 16pt; padding: 15px 20px; background-color: #ff8f00; color: white; position: sticky; top: 0;}

.co-app-header.co-app-header-dev, .co-app-header.co-app-header-dev, .co-app-header.co-app-header-local {
	background: blue !important;
}
.co-b-box{flex-grow: 1; padding: 15px 15px 15px 15px; overflow : scroll; height : 100%}

.cardBox{border: var(--card-box-border);font-family: initial; margin-top: 15px;}
.cardBox:FIRST-CHILD{margin-top: 0;}
.cardBox .card-header{display: flex; align-items: center;  padding: 10px 15px; border-bottom: var(--card-box-border); word-break: break-word; background-color: rgb(255 143 0 / 65%); color: white;}
.cardBox .card-header .card-h-title{font-size: 1.1em; flex-grow: 1; justify-content: center; display: inline-flex; font-weight: 700; text-align: center;}

.cardBox .card-body{padding: 10px 15px; min-height: 50px; display: flex;}
.cardBox .card-body .left, .cardBox .card-body .right{flex-grow: 1;}
.cardBox .card-body canvas{width: 100%;}

.cardBox .card-footer{display: flex; padding: 10px 15px;}
.cardBox .card-footer .btnBox{display: flex; justify-content: flex-end; flex-grow: 1;}

.cardBox.sub-sum-box{border: 0;}
.cardBox.sub-sum-box > .card-body{padding: 0;}
.cardBox.sub-sum-box > .card-body > .cardBox{margin: 0; border-left-width: 0; width: calc(100%/5); display: flex; flex-direction: column;}
.cardBox.sub-sum-box > .card-body > .cardBox:FIRST-CHILD{border-left-width: 1px;}
.cardBox.sub-sum-box > .card-body > .cardBox > .card-header{padding: 5px; height: 42px;}
.cardBox.sub-sum-box > .card-body > .cardBox > .card-body{justify-content: center; align-items: center; flex-grow: 1;}
.cardBox.sub-sum-box > .card-body > .cardBox > .card-body.vertical{display: flex; flex-direction: column; gap: 3px; font-weight: 700;}
.cardBox.sub-sum-box > .card-body > .cardBox > .card-body .number{font-size: 2.6em; font-weight: 700;}
.cardBox.sub-sum-box > .card-body > .cardBox > .card-body .red{color: red;}

.app-bar-menu { display: flex; flex-direction: column; gap: 15px; padding: 10px 25px; }
.app-bar-menu > a.bar-btn{font-size: 16pt; font-weight: 700; border: 1px solid black; text-align: center; padding: 20px 10px; box-shadow: 1px 1px black; border-radius: 5px;}
.app-bar-menu > a.bar-btn:HOVER, .app-bar-menu > a.bar-btn:FOCUS{text-decoration: none; background-color: #ffcd8e; color: white;}

.password-box table th{ font-size: 11pt; line-height: 1.8 !important; font-weight: 700 !important;}

.b-btn{ display: inline-block; padding: 6px 10px; vertical-align: middle; color: #fff; line-height: 1.8; letter-spacing: 1px;
		background: transparent; border: 0; background-color: #ff8f00; text-shadow: 1px 1px 0 rgb(215 144 25/ 50%); border-radius: 3px;}

.b-btn_green{ display: inline-block; padding: 6px 10px; vertical-align: middle; color: #fff; line-height: 1.8; letter-spacing: 1px;
		background: transparent; border: 0; background-color: #24bf75; text-shadow: 1px 1px 0 rgb(86 219 81/ 72%); border-radius: 3px;}

.b-btn_red{ display: inline-block; padding: 6px 10px; vertical-align: middle; color: #fff; line-height: 1.8; letter-spacing: 1px;
		background: transparent; border: 0; background-color: #ed0a0a; text-shadow: 1px 1px 0 rgb(243 2 2 / 50%); border-radius: 3px;}

.b-btn_gray{ display: inline-block; padding: 6px 10px; vertical-align: middle; color: #fff; line-height: 1.8; letter-spacing: 1px;
		background: transparent; border: 0; background-color: #cbc9c9; text-shadow: 1px 1px 0 rgb(221 214 214 / 50%)); border-radius: 3px;}

.b-btn:HOVER, .b-btn:FOCUS{background-color: #ef8a0a; font-weight: 700;}

.b-btn_green:HOVER, .b-btn_green:FOCUS{background-color: #15a35f; font-weight: 700;}

.b-btn_red:HOVER, .b-btn_red:FOCUS{background-color: #df3f3f; font-weight: 700;}

.common-topBtn{background-image:url('../images/common/btn/btn_top.svg'); background-position: 0; background-repeat: no-repeat; background-size: 43px; width: 44px;height: 44px; display:inline-block; z-index:298; position:fixed; bottom:24px; right: 16px; transition:opacity 1s;}


/* 안드로이드 click outline:none; */
*:focus { outline:none; }

/* BlockUI Design Start */
.blockUI h1 { font-size: 18px !important; }
/* BlockUI Design End */

/* START jconfirm Design */
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {border: 2px solid #ffcd8e}
/* END jconfirm Design */

/************** 추가 *********************/
input[readonly], textarea[readonly]{
	 border: 1px solid #d3d3d3;
	 background-color: #f9f9f9
}

.table.st1 th{
	height : 45px;
	font-size: 14px;
	line-height: 1.8 !important;
	font-weight: 400 !important;
}

.card {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	margin-bottom: 1em;
	border-radius: 1px;
	padding: 15px;
}

.card:after {
	content: "";
	display: block;
	clear: both;
}

.card:LAST-CHILD {
	margin-bottom: 0;
}

.card .subTitle {
	overflow: auto;
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	line-height: 20px;
	float: left;
	background: url("../images/common/ico_title_red_01.png") no-repeat 11px 8px;
	padding-left: 22px;
	margin: 0;
}

.card .card-header {
	padding: 0;
	margin-bottom: 10px;
	min-height: 22px;
}

.card .card-header:after {
	content: "";
	display: block;
	clear: both;
}

.card .card-header .title {
	overflow: auto;
	font-family: Lato-Bold;
	font-size: 20px;
	display: inline-block;
	float: left;
	background: url("../images/common/ico_title_red_03.png") no-repeat 2px 6px;
	padding-left: 12px;
}

.card .card-header .cardBtnLeftBox {
	float: left;
}

.card .card-header .cardBtnBox {
	float: right;
}

.card .card-header .searchBox {
	margin: 10px 0 0 0;
}

.card .card-body {
	padding: 0;
}

.card .card-body:after {
	content: "";
	display: block;
	clear: both;
}

.card .card-footer {
	padding: 0;
}

.card .card-footer:after {
	content: "";
	display: block;
	clear: both;
}

.card .card-footer .cardBtnBox {
	float: right;
	padding: 5px 0 0 0;
}

.currency {
	font-size:1.4em;
	height:30px;
	padding:0 0.5em 0 0;
	color : #999;
	border : 0px solid #ccc;
	/* line-height :2.3;  */
	border-radius :7px 0 0 7 px;
}

.format {
	font-size:1.2em;
	height:30px;
	padding:0 0.5em 0 0.5em;
	color : #999;
	border : 0px solid #ccc;
	line-height :2.3;
	border-radius :7px 0 0 7 px;
}

.body_top_logo_div {
	width : 100%;
}

.body_top_logo_bg {
	background: url("../images/common/cambo_logo.png") no-repeat 0px -2px;
	height: 60px;
	display: inline-block;
	background-position:center;
	background-size: contain;
}

/* COLOR */
.skyblue {
	color: #00aeef !important;
}

.blue {
	color: #1a79d3 !important;
}

.blue2 {
	color: #0054a6 !important;
}

.orange {
	color: #ea9d38 !important;
}

.orange2 {
	color: #f60 !important;
}

.green {
	color: #8ec63f !important;
}

.red {
	color: #f53711 !important;
}

.red2 {
	color: #e14747 !important;
}

.darkgray {
	color: #333 !important;
}

.gray {
	color: #666 !important;
}

.gray2 {
	color: #a1a1a1 !important;
}

.white {
	color: #fff !important;
}

/* Background Color */

.BGStrongGray {
	background-color: #BDB8B8 !important;
}

.BGWhite {
	background-color: #FFFFFF!important;
}

.BGStrongYellow {
	background-color: #F3F366 !important;
}

.BGYellow {
	background-color: #FFFF8F !important;
}

.BGGreen {
	background-color: #EFFBEE !important;
}

.BGStrongGreen {
	background-color: #C9FFC3 !important;
}


.BGLightGray {
	background-color: #F7F7F7 !important;
}

.BGOrange {
	background-color: #ff8f00 !important;
}

.border-bottom_black {
	border-bottom: 1px solid #000000 !important;
}

.BGRed {
	background-color: #FFB9B9 !important;
}

.BGBlue {
	background-color: #99CCFF !important;
}

.BGStrongRed {
	background-color: #FF0000 !important;
}


input[type="text"]:focus{ border: 1px solid #c12d2d;}
input[type="password"]:focus{ border: 1px solid #c12d2d;}
input[type="number"]:focus{ border: 1px solid #c12d2d;}

/* Bootstrap Design */
.nav-tabs {
	background-color: transparent !important;
	border-bottom: 0;
}

.nav-tabs> li >a {
	margin: 0 3px;
	line-height: 1.42857143;
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
	font-family: tahomabd;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	padding: 10px 14px;
	background-color: #ddd;
	min-width: 85px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.10);
}

.nav-tabs>li:FIRST-CHILD>a {
	margin-left: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	cursor: default;
	font-weight: bold;
	color:white;
	background-color: #ff8f00;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom-color: transparent;
}

.input_rd {
	padding : 8px 0px 8px 0px !important;
	border: 0px !important;
	text-align: center !important;
}

.sel_red {
	box-shadow : 0 0 0 3px #df1934  !important;
}

.left1{width: 9%; float: left; padding-right: 4px;}
.left1::BEFORE, .left1::AFTER{display: block; content: ''; clear: both;}

.right9{width: 91%; float: right; padding-left: 4px;}
.right9::BEFORE, .right9::AFTER{display: block; content: ''; clear: both;}

.left2{width: 20%; float: left; padding-right: 4px;}
.left2::BEFORE, .left2::AFTER{display: block; content: ''; clear: both;}

.right8{width: 80%; float: right; padding-left: 4px;}
.right8::BEFORE, .right8::AFTER{display: block; content: ''; clear: both;}

.left3{width: 30%; float: left; padding-right: 4px;}
.left3::BEFORE, .left3::AFTER{display: block; content: ''; clear: both;}

.right7{width: 70%; float: right; padding-left: 4px;}
.right7::BEFORE, .right7::AFTER{display: block; content: ''; clear: both;}

.left4{width: 40%; float: left; padding-right: 4px;}
.left4::BEFORE, .left4::AFTER{display: block; content: ''; clear: both;}

.right6{width: 60%; float: right; padding-left: 4px;}
.right6::BEFORE, .right6::AFTER{display: block; content: ''; clear: both;}

.left5{width: 50%; float: left; padding-right: 4px;}
.left5::BEFORE, .left5::AFTER{display: block; content: ''; clear: both;}

.right5{width: 50%; float: right; padding-left: 4px;}
.right5::BEFORE, .right5::AFTER{display: block; content: ''; clear: both;}

.left6{width: 60%; float: left; padding-right: 4px;}
.left6::BEFORE, .left6::AFTER{display: block; content: ''; clear: both;}

.right4{width: 40%; float: right; padding-left: 4px;}
.right4::BEFORE, .right4::AFTER{display: block; content: ''; clear: both;}

.left7{width: 70%; float: left; padding-right: 4px;}
.left7::BEFORE, .left7::AFTER{display: block; content: ''; clear: both;}

.right3{width: 30%; float: right; padding-left: 4px;}
.right3::BEFORE, .right3::AFTER{display: block; content: ''; clear: both;}

.left8{width: 80%; float: left; padding-right: 4px;}
.left8::BEFORE, .left8::AFTER{display: block; content: ''; clear: both;}

.right2{width: 20%; float: right; padding-left: 4px;}
.right2::BEFORE, .right2::AFTER{display: block; content: ''; clear: both;}

.left9{width: 90%; float: left; padding-right: 4px;}
.left9::BEFORE, .left9::AFTER{display: block; content: ''; clear: both;}

.right1{width: 10%; float: right; padding-left: 4px;}
.right1::BEFORE, .right1::AFTER{display: block; content: ''; clear: both;}

.left33{width: 33%; float: left; padding-right: 4px;}
.left33::BEFORE, .left33::AFTER{display: block; content: ''; clear: both;}

.search-input {
	margin-right: 5px;
	width: calc(100% - 48px) !important;
	border-bottom: solid 1px !important;
	border-bottom-color: #d3d3d3 !important;
}

.search-btn-size {
	font-size: 22px !important;
}

.mb15 {
	margin-bottom: 15px;
}

.mapDiv {
	height: 400px;
	border: 1px solid;
}

.other-coll-marker ul {
	text-align: center;
	letter-spacing: 1px;
}
.other-coll-marker li {
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
}

.ctrl {
	display: inline-block;
	border: 1px solid #BFBFBF;
	line-height: 23px;
	font-size: 12px;
	font-weight: 700;
	background-color: #fff;
	cursor: pointer;
	width: 25px;
	text-align: center;
}

.ctrl.ctrl-plus-minus {
	right: 125px;
	margin: 2px 0px 0px 10px;
	top: 30x;
}

.ctrl-amount {
	display: inline-block;
	line-height: 13px;
	font-size: 12px;
	font-weight: 700;
	background-color: #fff;
	cursor: pointer;
	width: 80px;
	text-align: right;
}

.ctrl-amount_left {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	background-color: #fff;
	cursor: pointer;
	width: 80px;
	text-align: left;
}

.cbc-title{border: 1px solid #E1E1E1;border-radius: 3px; padding: 3px 5px 1px 0 !important; background-color: #F9F9F9; display: inline-block; }
.cbc-title.active{background-color: #DDDDDD; color: #222222;}
.cbc-content{display:none;}
.k-score{font-size: 40px; font-weight: bolder;}