@charset "UTF-8";

/* Basic */
* {padding:0; margin:0;}
html {-webkit-text-size-adjust: none; overflow-y:scroll;} 
body {word-break:break-all; font-size:0.9rem; line-height:1.8; letter-spacing:0px;font-family:"Malgun Gothic", gulim, dotum, Helvetica, AppleGothic, Sans-serif; color:#555;}
li, dd {list-style: none;}
em {font-style: normal;}
caption {overflow:hidden; height:1px; font-size:0; line-height:0; color:transparent;}
hr {font-size: 1px; height: 1px; overflow: hidden; position: absolute; width: 1px;}
dd {text-align:justify;}
img, fieldset {border:0;}
legend { font-size: 0; height: 0; overflow: hidden; position: absolute; width: 0;}
iframe {border: none;}
button {background-color:transparent;cursor:pointer;border:0;}

a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:active {color: #333; text-decoration:none; }
a:hover {color: #000; text-decoration:none; outline:none; }
a:focus, button:focus{outline:1px dotted;}

div {outline:none;}

/* Basic - clearfix */
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clrBoth {clear: both; font-size: 1px; line-height: 1px;}

/* Basic - errorpage */
#errorPage { margin:20px; padding:20px; border:1px solid; line-height:20px; display:block; }
#errorPage span { font-size:1.25em; font-weight:bold; }

.brdline {border:1px #CCC solid; margin-left:5px; font-family:"Malgun Gothic";}
.inpline {border:1px #CCC solid; margin-right:2px; padding:2px 8px; height:34px; border-radius:5px; vertical-align:top; font-family:"Malgun Gothic";}
.inpline:focus {border-color: #333;outline: none;}
.inplinekr {border:1px #CCC solid; margin-right:2px; padding:2px 8px; height:34px; border-radius:5px; vertical-align:top; font-family:"Malgun Gothic"; ime-mode:active;}
.inplinekr:focus {border-color: #333;outline: none;}
.inpline_42 {border:1px #CCC solid; margin-right:2px; padding:2px 3px; height:23px;width:420px; vertical-align:top; font-family:"Malgun Gothic";}
span.term{padding-top:5px; display:inline-block; vertical-align:top;}
.fileline {width:300px; margin:2px 0; height:30px; vertical-align:middle; font-family:"Malgun Gothic";}
.ui-datepicker-trigger {display:inline-block; vertical-align:middle; cursor:pointer;padding-top:10px;}
.searchBox input {border: 1px solid #ccc;width:200px; border-radius:5px; font-size:15px;}
.searchBox input.multi_cate {width:265px;}
.searchBox input:focus {border-color: #222}
.hasDatepicker{background:#fff url("/base/imgs/btn/btn_calendar.gif") no-repeat 92% 50% !important;width:100px;padding:2px 8px;}
@media all and (max-width:768px) {
	.inpline_42 {width:90%;}
}
@media all and (max-width:640px) {
	.inpline_42 {width:90%;}
}
@media all and (max-width:420px) {
	.searchBox input.multi_cate {width:200px;}
	.searchBox input{width:164px;}
}	

.selline {border:1px #CCC solid; margin-right:0px; padding:9px 35px 9px 11px; height:40px; border-radius:5px; vertical-align:top; font-size:14px; font-family:"Malgun Gothic"; background: #fff url('/base/imgs/board/arrow.gif') no-repeat 90% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none;margin-right:5px;}
select::-ms-expand {display: none; }
.skip {font-size: 1px; height: 1px; overflow: hidden; position: absolute !important; top:-1000px; width: 1px; color:transparent;}

/* placeholder IE9 이하 대응 : 2020.01.13 */
.placeholder { color: #666; }
/* input readonly  */
input:read-only { background: #ddd; }

/*체크박스*/
input[type=checkbox] + label{display: inline-block;cursor: pointer;position: relative;/*padding-left: 25px;margin-right: 15px;*/font-size: 13px;}
input[type=checkbox] + label strong {font-size:1.2em;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.item input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #f0f0f0 inset;}
/*마우스 드래그 컬러변경*/
*::selection { background-color: #217adf; color: #fff;}
*::-moz-selection {background-color: #217adf; color: #fff;}
/*새창아이콘*/
span.blank_w{display:inline-block;margin-left:5px;vertical-align:middle;width:14px;height:14px;text-indent:-9999px;overflow:hidden;background:url("/base/imgs/icon/blank_w.png") no-repeat;}
span.blank_b{display:inline-block;margin-left:5px;vertical-align:middle;width:14px;height:14px;text-indent:-9999px;overflow:hidden;background:url("/base/imgs/icon/blank_b.png") no-repeat;}