@charset "UTF-8";
/* reset */
/*html,body-전체*/
*{margin: 0; padding: 0;}
*:focus {outline:none; }
html,body{width:100%;height:100%;}

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {box-sizing: border-box;}

html{-webkit-touch-callout:none; 
    -webkit-user-select: text;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

body{-webkit-text-size-adjust:none; 
    word-wrap:break-word; word-break:break-all;}

html, body{ width:100%; margin: 0; padding: 0;
/* 폰트 부드럽게 처리 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
}

/*기본 style-setting*/
article,aside,details,figcaption,figure,footer,header,menu,nav,section,video{display:block;}

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

a{text-decoration: none; cursor: pointer; color: inherit;}
a:active, a:hover, a:focus {text-decoration: none;}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}

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

img{border:none;max-width:100%;}

hr{display:none;}

#skipNavi,.blind{position:absolute;left:0;top:0;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}

img,fieldset{border:0;}

address,caption,cite,code,em,strong,th{font-style:normal;font-weight:normal;}

caption,legend {line-height:0;font-size:1px;overflow:hidden;}

label,img,input,select,textarea,button {vertical-align:middle;}

main,header,section,nav,footer,aside,article,figure{display:block;}

caption,th{text-align:left;}

q:after,q:before{content:"";}

abbr,acronym{border:none;}

button {border: none; cursor: pointer;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;}

input {-webkit-appearance: none;}

/* ================================
 * 폰트 자간 설정
 * ================================ */
/* Basic HTML */ h1, h2, h3, h4, h5, h6, p, /* Formating */ abbr, address, b, bdi, bdo, blockquote, cite, code, del, dfn, em, i, ins, kbd, mark, meter, pre, progress, q, rp, rt, ruby, s, samp, small, strong, sub, sup, template, time, u, var, wbr, /* Forms and Input */ form, input, textarea, button, select, optgroup, option, label fieldset, legend, datalist, output, /* Images */ img, map, area, canvas, figcaption, figure, picture, svg, /* Links */ a, link, nav, /* Lists */ ul, ol, li, dl, dt, dd, /* Tables */ table, caption, th, tr, td, thead, tbody, tfoot, col, colgroup, /* Styles and Semantics */ div, span, header, footer, main, section, article, aside, details, dialog, summary, data { letter-spacing: -0.02em; }

/* font */
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('../fonts/Pretendard-Black.woff2') format('woff2'), url('../fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('../fonts/Pretendard-Bold.woff2') format('woff2'), url('../fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), url('../fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('../fonts/Pretendard-Medium.woff2') format('woff2'), url('../fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('../fonts/Pretendard-Regular.woff2') format('woff2'), url('../fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('../fonts/Pretendard-Light.woff2') format('woff2'), url('../fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('../fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url('../fonts/Pretendard-Thin.woff2') format('woff2'), url('../fonts/Pretendard-Thin.woff') format('woff');
}

/* Font - SUITE */
@font-face {
	font-family: 'SUITE';
	font-weight: 300;
	src: url('../fonts/SUITE-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUITE';
	font-weight: 400;
	src: url('../fonts/SUITE-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUITE';
	font-weight: 500;
	src: url('../fonts/SUITE-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUITE';
	font-weight: 600;
	src: url('../fonts/SUITE-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUITE';
	font-weight: 700;
	src: url('../fonts/SUITE-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUITE';
	font-weight: 800;
	src: url('../fonts/SUITE-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUITE';
	font-weight: 900;
	src: url('../fonts/SUITE-Heavy.woff2') format('woff2');
}
/*--------------------------------------------------------------------------------------------*/
