@import "font.css";

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #CCCCCC;
    opacity: 1; /* Firefox */
}

* { font-family: 'Arita-dotum','NotoSansCJKkr-Regular','Sans-serif';letter-spacing:-0.04em }

body{background:#ecf0f5}
select {padding:5px !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:'Arita-dotum' !important;margin:0px;font-weight:bold;}
h1, .h1 { font-size:18pt;}
h2, .h2 { font-size:17pt;}
h3, .h3 { font-size:16pt;}
h4, .h4 { font-size:15pt;}
h5, .h5 { font-size:14pt;}
h6, .h6 { font-size:13pt;}

.proc-tag-div{width:auto;height:auto;border:none;z-index:99999;}
.proc-tag-ifr{width:100%;height:200px;border:none;z-index:99998;}
.proc-tag-div.active{position:absolute;top:-100px;left:-100px;width:1px;height:1px;overflow:hidden;z-index:-1}
.proc-tag-ifr.active{position:absolute;top:-100px;left:-100px;width:1px;height:1px;overflow:hidden;z-index:-1}

.scrollY	{overflow-y:scroll}
.iHELP		{font-size: 6pt;padding: 0px 4px;}
.call_dash	{float:left;padding:3px 8px;}

/*'Spoqa Han Sans', 'Spoqa Han Sans JP',*/
.fontB{font-family:'NotoSansCJKkr-Black';}
.fontL{font-family:'NotoSansCJKkr-Light';}
.fontT{font-family:'NotoSansCJKkr-Thin';}
.fontR{font-family:'NotoSansCJKkr-Regular';}

.normal     { font-weight: 400 }
.bold       { font-weight: 700 }
.bolder     { font-weight: 800 }
.light      { font-weight: 300 }
body{overflow-y:scroll;}
textarea{resize: none;}

.hAuto	{height:auto !important;}
.w100	{width:!00%;}
.eng	{font-family:'Montserrat-b';letter-spacing:-0.06em;}
.eng-r	{font-family:'Montserrat-r';letter-spacing:-0.06em;}
.f46	{font-size:46pt;}
.f36	{font-size:36pt;}
.f34	{font-size:34pt;}
.f26	{font-size:26pt;}
.f24	{font-size:24pt;}
.f22	{font-size:22pt;}
.f20	{font-size:20pt;}
.f19	{font-size:19pt;}
.f18	{font-size:18pt;}
.f16	{font-size:16pt;}
.f15	{font-size:15pt;}
.f14	{font-size:14pt;}
	@media screen and (max-width: 950px){
		.f14 {font-size:14pt;}
	}
.f13	{font-size:13pt;}
.f12	{font-size:12pt;}
.f11	{font-size:11pt;}
.f10	{font-size:10pt;}
.f09	{font-size:9pt;}
	@media screen and (max-width: 800px){
		.f46m {font-size:46px;}
	}
	@media screen and (max-width: 950px){
		.f36m {font-size:36pt;}
		.f34m {font-size:34pt;}
		.f24m {font-size:24pt;}
		.f16m {font-size:16pt;}
		.f14m {font-size:12pt;}
	}

.line1_3  {line-height:1.3em !important;}
.line1_6  {line-height:1.6em !important;}
.bold-300 {font-weight:300}
.bold-700 {font-weight:700}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}

.txt_dot {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.2em;
}
.txt_dot.line1 {-webkit-line-clamp: 1;height: 1.5em;}
.txt_dot.line2 {-webkit-line-clamp: 2;height: 2.4em;}
.txt_dot.line3 {-webkit-line-clamp: 3;height: 3.6em;}


.fwhite {color:#FFF;}
.fred	{color:#f76026;}
.fgray	{color:#999999;}
.fblue	{color:#3292d8;}

.pd-0{padding:0px}
.pd-2{padding:2px}
.pd-3{padding:3px}
.pd-5{padding:5px}
.pt-5{padding-top:5px}

.mt-5{margin-top:5px;}
.lh-1_8{line-height:1.8em}

.modal_input{
	height:30px;margin-bottom:5px;clear:both;
}
.modal_input .title{
	text-align:right;padding-top:5px;
}
.modal_input .mg-5{margin-top:5px;}

.viewCSS {margin-bottom:0px;}
.viewCSS .title{text-align:right;padding-top:8px;padding-right:0px;font-size:9pt;}
.viewCSS .conts{text-align:left;padding-top:5px;font-size:13pt;font-weight:bold;}

.w100 {width:100%;}
.h40p {height:40px;}
.h80p {height:80px !important;}

.form-control{height:30px;}
.active-none {display:none;}
.float-left{float:left;margin-right:5px;}



.input_readonly{
	background: #a283ba !important;border-radius: 10px !important;color: #FFF;
	text-align:center;font-size: 9pt;
	padding:0px;height:20px;cursor:pointer;
}

.sort {float:right;}
.sort li {list-style:none;cursor:pointer;float:left}
.sort li:hover{color:#f76026;}
.sort li.on{color:#5691e9;}


.bg-info-2{background:#b3ccd9;}



.ui-jqgrid-bdiv::-webkit-scrollbar {
	width: 10px;
	height:10px;
}
.ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
background-color: #356be1;
border-radius: 10px;
}
.ui-jqgrid-bdiv::-webkit-scrollbar-track {
	background-color:  #d7d7d7;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}
.ui-search-clear{text-align:center;width:15px !important;}
.ui-search-input select{width:100% !important}