@charset "utf-8";
/* CSS Document */

/* 웹폰트 */
/* CSS Document */
/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");*/
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../font/OpenSans-Regular.woff) format('woff');
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../font/OpenSans-SemiBold.woff) format('woff');
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../font/OpenSans-Bold.woff) format('woff');
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../font/OpenSans-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../font/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../font/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../font/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../font/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../font/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../font/NanumSquareB.woff) format('woff');
}
@font-face {
    font-family: 'iDreamWeb';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../font/IBKIDreamWebL.woff) format('woff');
}
@font-face {
    font-family: 'iDreamWeb';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../font/IBKIDreamWebB.woff) format('woff');
}


/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0; padding:0; border:0; font:inherit; background:none;
}
body {font-family: "Pretendard Variable", Pretendard, sans-serif; font-size:1.6rem; font-weight:500; line-height:3rem; letter-spacing:-0.032rem; color:var(--secondary-color-1);}
ol, ul, li{margin:0; padding:0; list-style:none;}
hr {display:none;}
table {border-collapse:collapse; border-spacing:0;}
sub {vertical-align:text-bottom;}
strong, b {font-weight:inherit;}
button {color:inherit; cursor:pointer;}
input,textarea,select {margin:0; padding:0; border:none; background:inherit; font-family:inherit; font-size:inherit; font-weight:inherit; outline:none; color:inherit}
select {-webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none /* 화살표 없애기 */}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
legend { display:none;}
a,
a:hover,
a:visited,
a:link
a:active {color:inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
body {
    background:#fff;
    line-height:100%;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
    -moz-appearance: textfield;
}
/* css 기본값 정의 */
.blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.center {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}

.w10 {width:1rem !important;}
.w20 {width:2rem !important;}
.w30 {width:3rem !important;}
.w40 {width:4rem !important;}
.w50 {width:5rem !important;}
.w60 {width:6rem !important;}
.w70 {width:7rem !important;}
.w80 {width:8rem !important;}
.w90 {width:9rem !important;}
.w100 {width:10rem !important;}
.w110 {width:11rem !important;}
.w120 {width:12rem !important;}
.w130 {width:13rem !important;}
.w140 {width:14rem !important;}
.w150 {width:15rem !important;}
.w160 {width:16rem !important;}
.w170 {width:17rem !important;}
.w180 {width:18rem !important;}
.w190 {width:19rem !important;}
.w200 {width:20rem !important;}
.w240 {width:24rem !important;}
.w300 {width:30rem !important;}
.w360 {width:36rem !important;}
.m100p {width:100% !important;}