@charset "utf-8";

* {
	font-family:"Pretendard",sans-serif;
	margin:0;
	padding:0;
    box-sizing:border-box;
    letter-spacing: -0.5px;

    /* 사파리 브라우저 글자크기 적용 */
    -webkit-text-size-adjust: 100%;        

    /* 크롬 브라우저에서 인쇄할때 배경색도 나오게 적용 */
    -webkit-print-color-adjust:exact;
}

*::before, *::after {box-sizing: border-box; -webkit-print-color-adjust:exact;}

html {font-size: 1rem; scroll-behavior: smooth;}
body {width: 100%; height: 100%; font-size: 100%; color: #333; font-weight: 400;}

:root {
    --com-mobile-pdlr: 20px;
    --com-sub-color-01: #FFB43D;
}

img {display: block; max-width:100%;}   

li {list-style:none}

table {width: 100%; border-collapse: collapse; vertical-align: middle; text-align: center; table-layout: fixed;}

caption {position:absolute; left:-10000px; visibility: hidden;}

a {color: inherit; text-decoration: none; transition: all 0.2s ease; color: inherit;}

input,button,select {color: inherit; vertical-align: middle; border: 1px solid #ddd; font-size: inherit;}
input {padding: 0 10px;}
input::placeholder {color: inherit;}
select {padding: 8px 10px;}
/* 사파리 기본 border-radius 제거 */
input:not([type="radio"]):not([type="checkbox"]) {border-radius: 0;}

select {background-color: #fff;}
button {background-color: transparent; border: none; cursor: pointer; transition: all 0.2s ease;}
textarea {width: 100%; resize: none;}

blockquote,fieldset,iframe{border:0}

address {font-style: normal;}

label {cursor: pointer; display: inline-flex; align-items: center;}

article,aside,details,figcaption,figure,footer,header,nav,section {display:block; width: 100%;}

legend, .blind {overflow: hidden; position: absolute;top: -1px;left: -1px; z-index: -1;width: 1px;height: 1px;font-size: 0;line-height: 0; white-space: nowrap;}
/***************************************************************

	Web Font

***************************************************************/
/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/font/Pretendard/Pretendard-Light.subset.woff2') format('woff2'),
        url('/resources/font/Pretendard/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/font/Pretendard/Pretendard-Regular.subset.woff2') format('woff2'),
        url('/resources/font/Pretendard/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/font/Pretendard/Pretendard-Medium.subset.woff2') format('woff2'),
        url('/resources/font/Pretendard/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/font/Pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'),
        url('/resources/font/Pretendard/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/font/Pretendard/Pretendard-Bold.subset.woff2') format('woff2'),
        url('/resources/font/Pretendard/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}