@charset 'utf-8';

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src:  url(font/NotoSansKR-Thin.woff2) format('woff2'),
        url(font/NotoSansKR-Thin.woff) format('woff'),
        url(font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src:  url(font/NotoSansKR-Light.woff2) format('woff2'),
        url(font/NotoSansKR-Light.woff) format('woff'),
        url(font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src:  url(font/NotoSansKR-Regular.woff2) format('woff2'),
         url(font/NotoSansKR-Regular.woff) format('woff'),
         url(font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src:  url(font/NotoSansKR-Medium.woff2) format('woff2'),
         url(font/NotoSansKR-Medium.woff) format('woff'),
         url(font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src:  url(font/NotoSansKR-Bold.woff2) format('woff2'),
         url(font/NotoSansKR-Bold.woff) format('woff'),
         url(font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src:  url(font/NotoSansKR-Black.woff2) format('woff2'),
         url(font/NotoSansKR-Black.woff) format('woff'),
         url(font/NotoSansKR-Black.otf) format('opentype');
 }

/* 나눔 명조 */
@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
        url('font/NanumMyeongjoR.woff2') format('woff2'), 
        url('font/NanumMyeongjoR.woff') format('woff'),
        url('font/NanumMyeongjoR.ttf') format('truetype'),
        url('font/NanumMyeongjoR.otf') format('opentype'),
        url('font/NanumMyeongjoR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
        url('font/NanumMyeongjoB.woff2') format('woff2'), 
        url('font/NanumMyeongjoB.woff') format('woff'),
        url('font/NanumMyeongjoB.ttf') format('truetype'),
        url('font/NanumMyeongjoB.otf') format('opentype'),
        url('font/NanumMyeongjoB.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 900;
    src: local('※'),
        url('font/NanumMyeongjoEB.woff2') format('woff2'), 
        url('font/NanumMyeongjoEB.woff') format('woff'),
        url('font/NanumMyeongjoEB.ttf') format('truetype'),
        url('font/NanumMyeongjoEB.otf') format('opentype'),
        url('font/NanumMyeongjoEB.eot') format('embedded-opentype');
}


* {
	margin: 0;
	padding: 0;
	border-radius: 0;
	line-height: 100%;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	list-style: none;
	-webkit-tap-highlight-color: transparent;
	font-smoothing: antialiased;
}

html, body {
	width: 100%;
	height: 100%;
}


body {
	overflow-x: auto;
	min-width: 1300px;
	padding:0;
	margin:0;
	color: #4b4b4b;
	font-size: 16px;
	font-weight: 400;	
	font-family:'Noto Sans KR';
	vertical-align:baseline;
	border-radius:0;
	word-break:break-all;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
	-webkit-tap-highlight-color:transparent;
	font-smoothing:antialiased;
}

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,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
	color:#333;
	vertical-align: baseline;
	#font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif; 
	letter-spacing:-1px;
	line-height:1;
}

a {
	text-decoration:none
}

p {
	line-height: 1.5em;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table{
	table-layout: fixed;
    width:100%;
    border-spacing:0;
    border-collapse:collapse
}
button,input,textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:1px solid #ddd;
	background: #fff;
}
textarea{
    resize:vertical
}
[type=checkbox]{
	-webkit-appearance:checkbox;
	-moz-appearance:checkbox;
	appearance:checkbox
}
[type=radio]{
    -webkit-appearance:radio;
    -moz-appearance:radio;
    appearance:radio
}
caption {
	overflow: hidden;
	height: 1px;
	width: 1px;
	text-indent:-9999px;
}
img, input {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
legend{
	display:none;
}
a {
	color:#333;
	text-decoration: none;
}
@-moz-document url-prefix(){
	a:focus {outline: 1px dotted #777;}
}

address, em {
	font-style:normal;
}

strong {
	font-weight:normal;
}

input[type=text]::-ms-clear {
	display:none;
}

input[type=password]::-ms-reveal {
	display:none;
}

.clearfix {
	content: '';
	clear: both;
}


/* common */
strong span {font-weight:normal;}
a,input {vertical-align:middle;}
.f_left {float:left !important;}
.f_right {float:right !important;}
.in_block {display: inline-block !important}
.tc {text-align:center;}
.w230 {width:230px !important;}
.w280 {width:280px !important;}
.ml10 {margin-left:10px !important;}
.mg_t5 {margin-top:5px !important;}
.mt20 {margin-top:20px !important;}
.mg_r0 {margin-right:0 !important;}
.mg_r5 {margin-right:5px !important;}
.mg_l5 {margin-left:5px !important;}
.mg_b0 {margin-bottom:0 !important;}
.mg_l30 {margin-left: 30px;}
.m_auto {margin:0 auto;}
.mg_t1 {margin-top:1px;}
.mg_t-20 {margin-top:-20px;}
.pd_t0 {padding-top:0 !important;}
.pd_b0 {padding-bottom:0 !important;}
.pd_b5 {padding-bottom:5px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b50 {padding-bottom:50px !important;}
.pd_r20 {padding-right:20px !important;}
.pd_l2 {padding-left:2px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t35 {padding-top:35px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t45 {padding-top:45px !important;}
.pd_t60 {padding-top:60px !important;}
.pd_t70 {padding-top:70px !important;}
.zbox {*zoom:1;}
.zbox:after {content:'';display:block;clear:both;}
.zbox>li {float:left;}
.zbox02 {*zoom:1;}
.zbox02:after {content:'';display:block;clear:both;}
.wd95 {width:95px !important;}
.wd75 {width:75px !important;}
.wd100 {width:100px !important;}
.wd110 {width:110px !important;}
.wd114 {width:114px !important;}
.wd120 {width:120px !important;}
.wd140 {width:140px !important;}
.wd147 {width:147px !important;}
.wd160 {width:160px !important;}
.wd184 {width:184px !important;}
.wd220 {width:220px !important;}
.wd230 {width:230px !important;}
.wd237 {width:237px !important;}
.wd671 {width:671px !important;}
.wd680 {width:680px !important;}
.wd667 {width:667px !important;}
.dp_ib {display:inline-block !important;}
.dp_t {display:table !important;}
.dp_cell {display:table-cell !important;}
.ps_a_lt {position:absolute !important;left:0;top:0;}
.ps_a_rt {position:absolute;right:0;top:0;}
.ps_a_rb {position:absolute;right:0;bottom:0;}
.h60 {height:60px !important;}
.h140 {height:140px !important;}
td {word-break:break-all;}
.td_pd0 td {padding-left:0 !important;padding-right:0 !important;}
.bold {font-family:'NotoR';font-weight:normal;}
.dp_ib {display:inline-block;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}
.lh21 {line-height:21px !important;}
.lh2em {line-height:1.2em !important;}
.t_black0 {color:#000 !important;}
.t_black3 {color:#666 !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}

.txt_color_blue {color: #387edd;}

.two-line{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2; /* 라인수 */
	-webkit-box-orient:vertical;
	word-wrap:break-word;
	line-height:18px;
	height:36px; /* height = line-height * 줄수 : 비wekkit 계열 */
}