/**************************/
/*  Name: SeongNam
/*  PART: BASE STYLE
/*  Version: 1.0
/*  Author: sun
/**************************/

@charset "utf-8";

/* CSS 리셋 설정 */

html { width:100%; height:100%; }
* {box-sizing: border-box;}

body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* 블럭 요소 */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* 인라인 블럭 요소 */
a,label,output,dialog, /* 인라인 요소 */
address,blockquote, /* 텍스트 블럭 요소 */
p,pre,/* 텍스트 인라인 블럭 요소 */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* 텍스트 인라인 요소 */
acronym,big,frame,frameset,noframes,tt, /* HTML5에서 사용하지 않는 요소 */
map,option,hr,*{
    border: 0;
    padding: 0;
    margin: 0;
    color: #000;
    font-family:'NanumBarunGothic', 'Malgun Gothic', '맑은 고딕', sans-serif;;
    font-size: 12px;
    line-height:120%;
    text-decoration:none;
    border-collapse:collapse;
}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 블럭 요소 */
applet,basefont,center,dir,strike{display:none} /* XHTML4, HTML5 이후 사용하지 않는 요소 제거 */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none}

table{width:100%;border-collapse:collapse; border-spacing:0; } /* 테이블 보더 변경 (겹칩지 않음 separate) */
caption {text-align:left; display:none;}
th,td{vertical-align:middle}

address{font-style:normal}
label{display:inline-block;*zoom:1}
a{text-decoration:none;} /* a요소 속성 초기화 */

a:hover, a:active, a:focus{text-decoration:none;}
.png24 {tmp:expression(setPng24(this));}
table td a{text-decoration:none;}
table td a:hover, table td a:active, table td a:focus{text-decoration:none;}
table th a{text-decoration:none;}
table th a:hover, table th a:active, table th a:focus{text-decoration:none;}

.blind{position:absolute;width:0;height:0;left:0;top:0;font-size:0;line-height:0;overflow:hidden}
.hidden{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden} /* .blind를 적용할 수 없는 곳에 사용 (예, caption) */
em,i {font-style:normal;}

.eng{font-family:'mont', arial sans-serif;}
strong,th,h1,h2,h3,h4,h5{font-weight:normal;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-weight:350; font-size:20px; color:#b2b3b5; letter-spacing:.1em;}
::-moz-placeholder { /* Firefox 19+ */ font-weight:350; font-size:20px; color:#b2b3b5; letter-spacing:.1em;}
:-ms-input-placeholder { /* IE 10+ */ font-weight:350; font-size:20px; color:#b2b3b5; letter-spacing:.1em;}
:-moz-placeholder { /* Firefox 18- */ font-weight:350; font-size:20px; color:#b2b3b5; letter-spacing:.1em;}



body {width:100%; /*max-width:1920px;*/ height:100%; font-family:'NanumBarunGothic', 'Malgun Gothic', '맑은 고딕', sans-serif; font-size:12px; color:#6e7174; letter-spacing:.02em;  }

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 200;
	src: url(/assets/font/NanumBarunGothicUltraLight.woff2) format('woff2'),
		 url(/assets/font/NanumBarunGothicUltraLight.woff) format('woff'),
		 url(/assets/font/NanumBarunGothicWebBold.eot),
		 url(/assets/font/NanumBarunGothicWebLight.eot?#iefix) format('embedded-opentype');

}
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url(/assets/font/NanumBarunGothic.woff2) format('woff2'),
		 url(/assets/font/NanumBarunGothic.woff) format('woff'),
		 url(/assets/font/NanumBarunGothicWebBold.eot),
		 url(/assets/font/NanumBarunGothicWebLight.eot?#iefix) format('embedded-opentype');

}
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 700;
	src: url(/assets/font/NanumBarunGothicBold.woff2) format('woff2'),
		 url(/assets/font/NanumBarunGothicBold.woff) format('woff'),
		 url(/assets/font/NanumBarunGothicWebBold.eot),
		 url(/assets/font/NanumBarunGothicWebLight.eot?#iefix) format('embedded-opentype');
}

/* 노토체 */
  @font-face {
    font-family: 'NotoS_R';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/font/NotoSansKR-Regular.woff2') format('woff2'),
         url('/assets/font/NotoSansKR-Regular.woff') format('woff'),
         url('/assets/font/NotoSansKR-Regular.eot'),
         url('/assets/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/NotoSansKR-Regular.otf') format('opentype');
  }
  @font-face {
    font-family: 'NotoS_M';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/font/NotoSansKR-Medium.woff2') format('woff2')
         url('/assets/font/NotoSansKR-Medium.woff') format('woff'),
         url('/assets/font/NotoSansKR-Medium.eot'),
         url('/assets/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/NotoSansKR-Medium.otf') format('opentype');
  }
  @font-face {
    font-family: 'NotoS_B';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/font/NotoSansKR-Bold.woff2') format('woff2'),
         url('/assets/font/NotoSansKR-Bold.woff') format('woff'),
         url('/assets/font/NotoSansKR-Bold.eot'),
         url('/assets/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/NotoSansKR-Bold.otf') format('opentype');
  }

/* Roboto */
@font-face {
    font-family: 'Roboto_R';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/font/roboto-v18-latin-regular.woff2'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    		url('/assets/font/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/assets/font/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/assets/font/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/font/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/assets/font/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }