@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;}
	}
.f07	{font-size:7pt;}

.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-3{padding:3px}
.pd-5{padding:5px}
.pt-5{padding-top:5px}
.pr-0{padding-right:0px !important;}
.pr-5{padding-right:5px !important;}
.pr-10{padding-right:10px !important;}


.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;}

.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;}

.bg-check-01 {background:#cfc3e5}
.bg-check-02 {background:#3cbcbc}
.bg-check-03 {background:#acbf77}


/* MODAL SCROLL BODY */
	.scroll_body{border-top:1px solid #dbdbdb;margin:0px;margin-top:5px;padding-top:5px;}
	.scroll_body .title{white-space:nowrap;margin-left:-5px;margin-top:5px;}
	.scroll_body .data{padding-left:0px;}
	.scroll_body .data input{padding:5px;}

myMNU{font-size:10pt;cursor:pointer;color:#b1b1b1;}
.myMNU:hover{color:#ffbf00}
.myMNU.active{color:#ffbf00}

.table>thead>tr>th {
    vertical-align: top !important;
}