@charset "utf-8";

/* font */
@import url("webfont.css");

/* HTML5 요소 브라우져 인식 */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
mark {background: #FF0; color: #000}

body{font-family:'Noto Sans KR','Malgun Gothic', '맑은 고딕', sans-serif; font-weight: 300;font-size: 16px; line-height:1.5; color:#535252;letter-spacing:-0.04em;}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{/* font-size:1em;*/}
p{line-height:1.6;}
/* reset */
* { margin:0; padding:0; box-sizing: border-box;}
h1, h2, h3 { font-weight:700; font-size: 1.1em; font-family:'나눔스퀘어','Nanum Square';letter-spacing:-0.03em;}
h4, h5, h6 { font-weight:500; font-size: 1.1em; letter-spacing:-0.03em;}
.tit { font-weight:500; letter-spacing:-0.03em;}
thead th, strong, dt {font-weight:500; }
ol, ul { list-style:none; }
hr {display:none;}
a {color:inherit; font-weight: 400}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
th { font-weight:500; }
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
em, i, address {font-style:normal;}
label,button{cursor:pointer}
label{top:2px;position: relative;letter-spacing: -0.03em;}
legend, hr, caption { overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
textarea { resize:vertical; font:inherit; overflow-y:auto; }
input, select { color:inherit; font:inherit; line-height:100%; }
img, fieldset,input[type="image"] {border:0;}
img, select, input, button { vertical-align:middle; }
figcaption { display:none; }

/* input */
input,textarea{font-size:0.95em;}
input[type=text],
input[type=password]{height:30px; border:1px solid #ddd; text-indent:5px;box-sizing: border-box;}
input[type=file].input_file { padding: 0;width: 100%;height: 30px;font-size: 0.87em;line-height: 30px;border: 1px solid #ccc;}
textarea {padding:5px; border:1px solid #ddd;font-size:0.95em;}
select {height:30px; padding:0px; border:1px solid #ddd; font-size:0.95em;}
input[type=checkbox],
input[type=radio] {margin:0px; padding:0px; height:12px;}
a:link, a:visited, a:hover, a:active, a:focus {color:inherit;}

/* hidden contents */
.hid, .blind, .skip, .hidden, .invisible{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden; margin:0 !important; padding:0 !important;}

/* ellipsis */
.ellipsis {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -moz-binding:url(https://www.hesol365.com/js/ellipsis.xml#ellipsis);}
.clip {text-overflow:clip; overflow:hidden; white-space:nowrap;}

/* Skip 메뉴 */
#skipArea, #skipArea ul {height:0; width:100%}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* reset */
table, tbody, tfoot, thead, tr, th, td {border:0;}

/* list */
ul {padding:0px; margin:0px;}
ul li:last-child{ margin-bottom:0;}



@media print{
html, body, #container, #wrap, #menu, #content{ margin:0; padding:0; background:none !important;}
#header, #menu, #footer, #floater, .visual_area, #quickLink, #pageUtil, .cont-ctrl-btns { display:none !important;}
#content{float:none; display:block; width:100%}
#sub_content{ float:none !important; margin:0 auto !important; }
#container{ padding:0 !important}
}