@charset "utf-8";
/*------------------------------------*\
  - 업체명: (주)새롬정보시스템 박상기
  - 수정자: 박상기 seon81.park@gmail.com
  - 수정일: 2018.01.12
\*------------------------------------*/

/*------------------------------------*\
	Font
\*------------------------------------*/


/*색 변경 하지 마세요.*/

/*
@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: normal;
	src: url('font/NanumGothic-Regular.eot');
	src: url('font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
		url('font/NanumGothic-Regular.woff2') format('woff2'),
		url('font/NanumGothic-Regular.woff') format('woff'),
		url('font/NanumGothic-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NanumGothic';
	font-weight: bold;
    font-style: normal;
    src: url('font/NanumGothic-Bold.eot');
	src: url('font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/NanumGothic-Bold.woff2') format('woff2'),
		url('font/NanumGothic-Bold.woff') format('woff'),
		url('font/NanumGothic-Bold.ttf') format('truetype');
}

@font-face { 
	font-family: 'LGSmartHan'; 
	font-style: normal; 
	font-weight: normal; 
	src: url("font/LGSmHanR.eot"); 
	src: url("font/LGSmHanR.eot?#iefix") format("embedded-opentype"), 
	url("font/LGSmHanR.woff") format("woff"),
	url("font/LGSmHanR.ttf") format("truetype"); 
}

@font-face { 
	font-family: 'LGSmartHan'; 
	font-style: normal; 
	font-weight: bold; 
	src: url("font/LGSmHanSB.eot"); 
	src: url("font/LGSmHanSB.eot?#iefix") format("embedded-opentype"), 
	url("font/LGSmHanSB.woff") format("woff"), 
	url("font/LGSmHanSB.ttf") format("truetype"); 
}

*/

/*------------------------------------*\
	Base
\*------------------------------------*/
/* Reset */
* {-webkit-text-size-adjust:none; margin:0; padding:0;}
/*html, body {width:100%; height:100%; color:#333; font:13px/110% 'NanumGothic','돋움','dotum','굴림','Gulim',sans-serif,Arial,Helvetica,Clean,AppleGothic;letter-spacing:-0.5px;}*/
html, body {width:100%; height:100%; color:#333; font:13px/110% AppleGothic,'맑은고딕','Malgun Gothic',sans-serif,Arial,Helvetica;letter-spacing:0px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, button, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, input, select, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table {border-collapse:collapse; border-spacing:0; border:0; width:100%;}
ol, ul {list-style:none;}
abbr[title] {border-bottom: 1px dotted; }
img, fieldset {border:0;}
img{vertical-align:middle;}
hr{-moz-box-sizing: content-box; box-sizing: content-box; height: 0; display:none;}
legend{width:0; height:0; line-height:0; position:absolute; top:-10000px; left:-10000px; overflow:hidden; visibility:hidden;}
mark {background: #ff0; color: #000;}
code, kbd, pre, samp {font-family:inherit; font-size: 1em;}
pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,
sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
fieldset {padding: 0; border: 0; margin: 0;}
legend {border: 0; padding: 0;}
address,em{font-style:normal;}
legend, hr, caption {visibility: hidden; font-size: 0; width: 0; height: 0; line-height: 0;}*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box; }
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}

/* Form Controls */
button, input, select, textarea{border-radius:0; vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type="file"]{padding:0 10px;height:30px;line-height:30px;border:1px solid #dedede;font-size:13px;color:#333333;background-color:#fff;}
input[type="radio"] + label{margin-left:5px;vertical-align:middle}
input[type="radio"] + label + input[type="radio"]{margin-left:20px}
input.datepicker { position:relative; padding:0 10px; border:1px solid #dedede; min-width:110px; height:30px; font-size:13px; line-height:30px; color:#333; }		/*임택권 2018-01-18 line-height: 30px 로 변경*/
input.datepicker + .ui-datepicker-trigger { position:relative; top:2px; left:-22px; cursor:pointer;}	/* 임택권 2018-01-18*/
textarea{padding:10px;border:1px solid #dedede;resize:none;line-height:1.5;}
button{border:none;background:none;cursor:pointer;}
label{font-size:13px;color:#545454;font-family: "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,Arial, sans-serif;}
input[type="checkbox"] + label{margin-left:10px;}
input[type="checkbox"]{-moz-border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;margin:0;border:none !important;background-color:transparent;background-image:url('../images/icon/bg_checkbox.gif');background-repeat:no-repeat;background-position:0 0;}
input:checked[type="checkbox"]{background-position:0 -16px;}
input[type="checkbox"] + label{margin-left:5px;}
select{min-width:40px;height:30px;line-height:30px;padding:0 24px 0 10px;font-size:13px;color:#333333;background:#fff url('../images/icon/bg_top_select2.png') no-repeat right center;border:1px solid #dedede;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none \0/IE9;}
select::-ms-expand{display:none;}
select.disabled{background-color:#f7f7f7;}
select{padding-right:0  \0/IE8+9;background:#fff  \0/IE8+9;}
.w100{width:100% !important;}
.w90{width:90% !important;}
.w80{width:80% !important;}
.w70{width:70% !important;}
.w60{width:60% !important;}
.w50{width:50% !important;}
.w480px{width:480px;}

/* Basic Hyperlink css begin */
a, img, input {background: transparent;}
a{color:#333;text-decoration:none;}
a:link, a:visited, a:active{color:#333; text-decoration: none;}
a:hover, a:focus{color:#333;}
 
/* common */
.blind{display:block;width:0;height:0;line-height:0;font-size:0;text-indent:-9999em;overflow:hidden;visibility:hidden;}

/*정렬*/
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.vat{vertical-align:top !important}
.vam{vertical-align:middle !important}
.vab{vertical-align:bottom !important}
.fl{float:left}
.fr{float:right}
.cl{clear:both}
.cla{*zoom:1}
.cla:after{content:"";display:block;clear:both}
.block{display:block}

/*여백*/
.mt0 {margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mt130{margin-top:130px !important;}

.mb0{margin-bottom:0px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb50{margin-bottom:50px !important;}

.ml0 {margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml7{margin-left:7px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.mr0 {margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr7{margin-right:7px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}