@charset "utf-8";

/* 여백초기화 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav,section,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}

/* 링크초기화 */
a {color:#333;text-decoration: none;}

/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

/* 리스트초기화 */
ul, ol, li{list-style: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 테이블초기화 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 폰트 초기화  */
body, input, textarea, select, button, table {font-family:'Nanum Gothic', Malgun Gothic , AppleSDGothicNeo-Regular, '돋움', dotum, sans-serif; color: #333; font-size: 16px; font-weight: 400;}

/* 폰트 스타일 초기화 */
em, address {font-style: normal;}

/* 버튼 초기화 */
button {border: 0;}

/* 반응형 이미지
img, video {width: 100%;}
*/
img {vertical-align: middle; border: 0;}

/* clearfix */
.clearfix{*zoom: 1;}
.clearfix:before, .clearfix:after {display: block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

/* IR 효과 */
.ir_pm {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;} /* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */
.ir_wa {display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%;} /* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */
.ir_su {overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */

/* skip */
.skip {position: absolute; left: 0; top: -50px; z-index: 100; width: 100%; height: 50px; background: #000; font-size: 14px; color:#fff; text-align: center; line-height: 50px; transition:all .5s}
.skip:focus {top:0}

/* margin, padding */
.mt00 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}

.pt35 {padding-top: 35px !important;}
.pt80 {padding-top: 80px !important;}