@charset "utf-8";


@import url("font.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900&display=swap&subset=korean');


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, strong, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address, a, select, input, textarea,
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, button, em{
  margin:0; padding:0; box-sizing:border-box;
}

html, body{height:100%;
  font-family:'Noto Sans KR', 'Malgun Gothic', '맑은고딕', sans-serif; font-size:14px; color:#333; line-height:1.3; font-weight:400;
  word-break:keep-all; word-wrap:break-word;
}
body{overflow-y:scroll;}

ol, ul, li{list-style:none;}

table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}


a, a:hover, a:focus{text-decoration:none;}

input, select, textarea, label{border:0; box-sizing:border-box;
  font-family:'Noto Sans KR', 'Malgun Gothic', '맑은고딕', sans-serif; vertical-align:middle;
}
textarea{width:100%; height:100%; background-color:transparent; resize:none;}

img{vertical-align:top;}

select{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand{display:none;}

button, input[type="button"]{background-color:transparent; border:0; cursor:pointer;}

.blind{position:absolute; left:-999em; top:-999em; font-size:0px; line-height:0px; height:0px;}
.blind_tb{font-size:0px; line-height:0px; height:0px; text-indent:-9999px;}

.clear{*zoom:1;}
.clear:after{content:""; display:block; clear:both;}


.cont_center{width:984px; margin:0 auto;}

.font_bebas{font-family:'Bebas';}


.m_none{display:block !important;}
.pc_none{display:none !important;}

colgroup.m_none{display:table-column-group !important;}


.flexbox{
  display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display:-ms-flexbox;      /* TWEENER - IE 10 */
  display:-webkit-flex;     /* NEW - Chrome */
  display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

  align-items:center;
}

.flexbox.justify{justify-content:space-between;}


/* ~ 1194px ----------- */
@media only screen 
and (max-width : 1193px)
{
	.cont_center{width:auto; padding:0 30px;}

	.m_none{display:none !important;}
	.pc_none{display:block !important;}
	
	colgroup.m_none{display:none !important;}
	colgroup.pc_none{display:table-column-group !important;}
}


/* ~ 767px ----------- */
@media only screen 
and (max-width : 767px)
{
	.cont_center{padding:0 15px;}
}