@charset "utf-8";

/*-------------------------------------------------------------------
    파일정의 : common.css / 공통 모듈 및 레이아웃
    작성날짜 : 2022-04-01
-------------------------------------------------------------------*/
@font-face {
    font-family: 'Pretendard-Bold';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard-Light';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}

/* reset */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body{height:100%; font-family:'Pretendard', sans-serif; font-size:18px; -webkit-text-size-adjust:none; line-height:1.5;}
body{height:100%; color:#000; overflow: auto; word-break: keep-all; word-wrap: break-word;}
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 {margin: 0; padding: 0; outline: none;}
/* HTML5 display-role reset for older browsers */
address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block; margin:0; padding:0;}
ol, ul, li, dl, dt, dd {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
table{width:100%; border-collapse:collapse; border-spacing:0;}
th, td {word-break:break-all;}
fieldset {width:100%; pointer-events: none;}
fieldset, img {border:0;}
img {max-width:100%; vertical-align:middle;}
legend {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
button, select, input, textarea, label, img {vertical-align:middle; font:inherit;border:0}
button {background:transparent; cursor:pointer; border:0; margin:0; padding:0;}
button:disabled {cursor: default}
button > span {position: relative}
address, caption, em, strong, th{font-style:normal; font-weight:normal}
a{background:transparent; text-decoration:none; color:inherit;}
a, a:hover, a:visited, a:focus {text-decoration:none;}
em, address {font-style:normal;}
/* hidden */
caption, .a11y { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
caption {position: relative; font-size: 0;} /* safari bug */
.hide {display: none;}

/*fixed*/
.fixed {overflow: hidden}

/* float */
.clearfix:after {content: ''; display: block; clear:both;}
.fl {float:left;}
.fr {float:right;}

/* text align */
.alL {text-align:left !important;}
.alC {text-align:center !important;}
.alR {text-align:right !important;}

/* size */
.full {width: 100%;}

/* vertical */
.verT{vertical-align: top;}

/* ellipsis */
.ellipsis {display:inline-block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

/* link */
a.no_link {cursor: not-allowed;}

/* skip navigation */
.skip_navi a {position:fixed; top:-100%;}
.skip_navi a:focus {display:block; left:0; top:0; z-index:999; width:100%; height:30px; line-height:30px;background:#0072ce; color:#fff; text-align:center;}

/* wrapper */
.wrapper {position: relative; width:100%; margin: 0 auto; background: #f6f5f5; overflow: hidden;}