/* html {font-size: 100%; font-family: 'NanumSquareNeo','µ¸¿ò',sans-serif;} */
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
/* body {margin: 0; padding: 0; font-family: 'NanumSquareNeo','µ¸¿ò',sans-serif; font-weight: 300; font-size: 0.8rem; color: #555; letter-spacing: -0.5px;} */
/* body{font-family: 'NotoSans', 'µ¸¿ò', 'Dotum', '±¼¸²', 'Gulim', 'GmarketSans', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-weight: 300; font-size: 0.8rem; color: #333;} */
.shOn body{opacity:1; }
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
a {color: inherit; text-decoration: none; display: block;}
img {margin: 0; padding: 0; line-height:0; vertical-align: middle; font-size: 0; border: 0;}
table {width: 100%; border-collapse: separate; border-spacing: 0;}
caption, legend {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}
select, input, textarea {font-family: 'NotoSans','µ¸¿ò', 'Dotum', '±¼¸²', 'Gulim', 'GmarketSans', AppleGothic, UnDotum, Arial, Tahoma, Verdana,sans-serif; font-weight: 200; font-size: 0.8rem; color: #333;}
select, input {vertical-align: middle;}
address, em, i {font-style: normal;}
button, input, optgroup, select, textarea {margin: 0; font-family: inherit; font-size: 100%; color: inherit;}
button {background: none; border: 0; cursor: pointer;}
hr {display: block; margin: 0; padding: 0; height: 0; border: none;}
figure, figcaption {margin: 0; padding: 0;}
form, fieldset {margin: 0; padding: 0; border: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;/* -webkit-appearance: button; -moz-appearance: button; appearance: button; */}/* iOSÀÇ ±âº» ½ºÅ¸ÀÏÀº Á¦°ÅµÇ°í, css¿¡¼­ »ç¿ëÀÚ°¡ Á¤ÀÇÇÑ ½ºÅ¸ÀÏ·Î ¹Ý¿µ */
header, footer, article, section, aside, nav, main {display: block;}
small {font-size: 0.65rem;}/* Add the correct font size in all browsers. */

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {position: relative; line-height: 0; vertical-align: baseline; font-size: 0.6rem;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;} 

/* Skip ¸Þ´º */
#skipArea {position: absolute; top: -1000px; left: 0; width: 100%; height: 0px; line-height: 0px; font-size: 0px; z-index: 1000;}
#skipArea a {display: block; width: 100%; line-height: 0px; text-align: center; font-size: 0px;}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {position: absolute; top: 1000px; left: 0px; display: block; padding: 8px 0; height: 30px; line-height: 18px; font-size: 0.6rem; font-weight: bold; color: #fff; background: #20262c;}

.hidden {display: none;}
.hid,
.sr-only {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}
.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;}

.clearfix {*zoom:1;}/* Ç÷Խà ÄÁÅÙÃ÷ °ø¹é ÇØ°á */
.clearfix:after {clear: both; display: block; content:'';}




html:not(.is-mobile) *::-webkit-scrollbar {
	width: 13px;
	height: 15px;
}
html:not(.is-mobile) *::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
html:not(.is-mobile) *::-webkit-scrollbar-thumb {
	background-color: #1079DE;
}
::selection {
    background:#1079DE;   
    color: #fff;
}
::-moz-selection {
    background:#1079DE;    
    color: #fff;
}


#bodyContainer { position:relative; z-index:2; width:100%; }
#bodyContainer ::-webkit-scrollbar { width: 13px; height: 5px; }
#bodyContainer ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#bodyContainer ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }
#bodyContainer { position: relative; width:100%; max-width:60rem; margin:0 auto;}
#bodyContainer:after { content:""; display:block; clear:both; }
#wrap { position: relative; overflow:hidden; }
.itssem_container { position: relative; width:100%; max-width:85rem; margin:0 auto;}
.itssem_container:after { content:""; display:block; clear:both; }


body{
	/* font-family: 'Noto Sans KR', sans-serif; color:#56575b; */
	/* font-family: 'NanumSquareNeo', sans-serif !important; font-color:#000; */
	font-weight:400;
	min-width:320px;
	height: 100%;
	font-size:100%;
	-webkit-text-size-adjust: none;
	-ms-overflow-style: scrollbar;
	font-family:   'Noto Sans KR', 'KoPub Dotum','SCDream','GmarketSans','Apple SD Gothic Neo', UnDotum, Arial, Tahoma, Verdana, sans-serif; font-weight: 300; font-size: 0.8rem; color: #333;
	letter-spacing: -0.5px;
	line-height: 20px;
	overflow-x: hidden;
	
}

html{font-size: 20px;}