@charset "utf-8";

/* 모바일 초기화 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {background:#fff}
body,th,td,input,select,textarea,button {line-height:18px;'NanumBarunGothic',sans-serif;font-size:12px;color:#424242} 
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
caption, legend { width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }


/* 폰트 */
@font-face { /* 나눔바른고딕 Regular */
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumBarunGothic.eot);
  src: url(font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       /* url(font/NanumBarunGothic.woff2) format('woff2'), */
       url(font/NanumBarunGothic.woff) format('woff'),
       url(font/NanumBarunGothic.ttf) format('truetype');
}
@font-face { /* 나눔바른고딕 Bold */
  font-family: 'NanumBarunGothicBold';
  font-style: normal;
  /*font-weight: 700;*/
  src: url(font/NanumBarunGothicBold.eot);
  src: url(font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       /* url(font/NanumBarunGothicBold.woff2) format('woff2'), */
       url(font/NanumBarunGothicBold.woff) format('woff'),
       url(font/NanumBarunGothicBold.ttf) format('truetype');
}

html,body {font-family:'NanumBarunGothic',sans-serif;font-size:10px;color:#424242;background:#e8ecf0;}
.boldTxt {font-family:'NanumBarunGothicBold';}





/*자주 사용되는 스타일모음*/

/* Element Hidden Type */
.skip {position:absolute;top:0;height:0;visibility:hidden;font-size:0}
/* .hide {position:fixed;top:-10000px;left:-10000px} */
.hide {display:none;}

/* align style */
.clear {clear:both}
.clearfix {display:inline-block;width:100%}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both}
.ft_left {display:block;float:left}
.ft_right {display:block;float:right}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.inline {display:inline}
.vtop {vertical-align:middle}
.vmiddle {vertical-align:middle}
.vtop,.vtop {vertical-align:top}
.vbottom,.vbottom {vertical-align:bottom}

/* no style */
.no_mar {margin:0 !important}
.no_padd {padding:0 !important}
.no_bul {padding-left:0 !important;background:none !important}
.no_bold {font-weight:normal !important}
.no_color {color:#666666 !important}
.no_bg {background:none !important}
.no_dis {position:absolute;visibility:hidden;height:0;font-size:0 !important}
.none {display:none !important}
.no_border {border:none !important}

.mgb0 {margin-bottom:0 !important}
.mgb5 {margin-bottom:5px !important}
.mgb8 {margin-bottom:8px !important}
.mgb10 {margin-bottom:10px !important}
.mgb15 {margin-bottom:15px !important}
.mgb40 {margin-bottom:40px !important}
.mgt0 {margin-top:0 !important}
.mgr0 {margin-right:0 !important}
.mgl0 {margin-left:0 !important}

.pdb0 {padding-bottom:0 !important}
.pdb5 {padding-bottom:5px !important}
.pdb10 {padding-bottom:10px !important}
.pdb15 {padding-bottom:15px !important}
.pdt0 {padding-top:0 !important}
.pdr0 {padding-right:0 !important}
.pdl0 {padding-left:0 !important}
.pdl5 {padding-left:5px !important}
.pdl20 {padding-left:20px !important}
.pdl25 {padding-left:25px !important}
.pdb40 {padding-bottom:40px !important}
.pd0 {padding: 0 !important} 

.bdb0 {border-bottom:0 !important}
.bdt0 {border-top:0 !important}
.bdl0 {border-left:0 !important}
.bdr0 {border-right:0 !important}

/* 말줄임표 */
.txt_ofh {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ellipsis2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
} 
.ellipsis3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; 
	-webkit-box-orient: vertical;
} 


.w5 {width:5% !important}
.w10 {width:10% !important}
.w15 {width:15% !important}
.w20 {width:20% !important}
.w25 {width:25% !important}
.w30 {width:30% !important}
.w35 {width:35% !important}
.w40 {width:40% !important} 
.w45 {width:45% !important}
.w50 {width:50% !important}
.w55 {width:55% !important}
.w60 {width:60% !important}
.w65 {width:65% !important}
.w70 {width:70% !important}
.w75 {width:75% !important}
.w80 {width:80% !important}
.w85 {width:85% !important}
.w90 {width:90% !important}
.w95 {width:95% !important}
.w100 {width:100% !important}