@charset "utf-8";
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src:url(../../common/font/NotoSansKR-Light.eot?) format('eot'), 
		url(../../common/font/NotoSansKR-Light.woff2) format('woff2'),
		url(../../common/font/NotoSansKR-Light.woff) format('woff'),
		url(../../common/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src:url(../../common/font/NotoSansKR-Regular.eot?) format('eot'), 
		url(../../common/font/NotoSansKR-Regular.woff2) format('woff2'),
		url(../../common/font/NotoSansKR-Regular.woff) format('woff'),
		url(../../common/font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:url(../../common/font/NotoSansKR-Medium.eot?) format('eot'), 
		url(../../common/font/NotoSansKR-Medium.woff2) format('woff2'),
		url(../../common/font/NotoSansKR-Medium.woff) format('woff'),
		url(../../common/font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src:url(../../common/font/NotoSansKR-Bold.eot?) format('eot'), 
		url(../../common/font/NotoSansKR-Bold.woff2) format('woff2'),
		url(../../common/font/NotoSansKR-Bold.woff) format('woff'),
		url(../../common/font/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Roboto';
	src:url(../../common/font/Roboto-Light.eot?) format('eot'), 
		url(../../common/font/Roboto-Light.woff2) format('woff2'),
		url(../../common/font/Roboto-Light.woff) format('woff'),
		url(../../common/font/Roboto-Light.otf) format('opentype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../../common/font/Roboto-Regular.eot');
	src: url('../../common/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../../common/font/Roboto-Regular.woff') format('woff'),
		 url('../../common/font/Roboto-Regular.otf') format('opentype'),
		 url('../../common/font/Roboto-Regular.svg#RobotoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../../common/font/Roboto-Bold.eot');
	src: url('../../common/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../../common/font/Roboto-Bold.woff') format('woff'),
		 url('../../common/font/Roboto-Bold.otf') format('opentype'),
		 url('../../common/font/Roboto-Bold.svg#RobotoBold') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../../common/font/Roboto-Medium.eot');
	src: url('../../common/font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../../common/font/Roboto-Medium.woff') format('woff'),
		 url('../../common/font/Roboto-Medium.otf') format('opentype'),
		 url('../../common/font/Roboto-Medium.svg#RobotoMedium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face { 
    font-family: 'pass'; 
    font-style: normal; 
    font-weight: 400; 
    src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
}
html, body, div, span, object, iframe, textarea,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	box-sizing:border-box;	
}

body {font-family: "Noto Sans KR";font-weight: 400;font-size:14px;color:#666;word-break:break-all;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
a {text-decoration:none;color:#333;outline:none;}
a:hover {text-decoration:none;}
/* change colours to suit your needs */
img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
table caption, .hide, .hidden{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;margin:0;padding:0;width:1px;height:0px;font-size:0;line-height:0;text-indent:-9999px;}
/* 접근성을 위한 마크업에 넣는 css */


li {list-style-type:none;}
img{max-width:100%;}/*ipad사이즈에서 userlogin 의 title등 %로 된  것을 위해*/
li img, dd img {vertical-align:top;}
hr{display:none;}  
input, select {vertical-align:middle;box-sizing: border-box;outline:0;}

*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

button{outline:none;}

h1, h2, h3, h4, h5, h6{font-weight:500;}
strong{font-weight:500;}

em {font-style:normal;}

.tb_scroll_box::-webkit-scrollbar{height:3px;}
.tb_scroll_box::-webkit-scrollbar-thumb{background:#999;}