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

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

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

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

html, body {height:100%; -webkit-text-size-adjust:100%; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Noto Sans KR', sans-serif; line-height:1.4;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,em,img,small,strong,b,i,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,button,hr{margin:0;padding:0;border:0;word-break:keep-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0; box-sizing:border-box;}
body {color:#222; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Noto Sans KR', sans-serif; line-height:1.6; font-size:13px; letter-spacing:-0.05em;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6 {font-size:inherit;line-height:inherit}
table {border-collapse:collapse;border-spacing:0}
textarea {-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:transparent;border:0;word-break:keep-all;word-wrap:break-word}
button, input {border-radius:0;border:0}
blockquote, q {quotes:none}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
select {min-width:100px; padding:0 45px 0 10px; font-size:14px; color:var(--c_dark2); border:1px solid var(--c_gray3); height:38px; background:url(/contents/module/images/ic_arr_down02.svg)no-repeat calc(100% - 12px) 50%;}
select option {font-size:14px;}
/* IE의 경우 */
input::-ms-clear,
input::-ms-reveal{ display:none;}
select::-ms-expand {display: none;}
/* 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{ display:none;}
input[type="text"], input[type="password"] {height:40px; padding:10px; border:1px solid var(--c_gray3); font-size:14px;}
input[type="text"]::placeholder, input[type="password"]::placeholder {color:var(--c_gray);}
input[type="text"]:focus, input[type="password"]:focus {border:1px solid var(--c_black); outline:none;}
input[type="text"]:disabled {background:var(--c_l_gray2); color:var(--c_gray);}
select:focus {border:1px solid var(--c_black); outline:none;}
button {background-color:transparent}
fieldset, img {border:0}
img {vertical-align:top}
dl, li, menu, ol, ul {list-style:none}
address, em {font-style:normal}
a {color:#999;}
a, a:active, a:hover {text-decoration:none}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:400}
iframe {overflow:hidden;margin:0;border:0;padding:0;vertical-align:top}
mark {background-color:transparent}
i {font-style:normal}
*,*::after,*::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.cf:after {content:""; display:block; clear:both;}
.fl {float:left;}
.fr {float:right;}
::placeholder{color:#999; font-weight:400;}
html {
    --c_red: #fe5653;
    --c_dark: #404040;
    --c_dark2: #6d6d6d;
    --c_gray: #999;
    --c_gray2: #c1c1c1;
    --c_gray3: #d7d7d7;
    --c_gray4: #666;
    --c_l_gray: #e5e5e5;
    --c_l_gray2: #f8f8f8;
    --c_l_gray3: #fbfbfb;
    --c_lg_gray: #e7e9ec;
    --c_black: #222;
    --c_white: #fff;
    --c_skyblue: #009DF8;
    --c_blue: #0070c0;
    /*폰트*/
    --f_noto: 'Noto Sans KR';
    --f_bold: bold;
    --f_normal: normal;
    --f_semibold: 600;
    --f_medium: 500;
    --f_light: 300;
    
    /*정렬*/
    --a_left: left;
    --a_center: center;
    --a_right: right;
    --va_top: top;
    --va_middle: middle;
    --va_bottom: bottom;
    /*너비*/
    --w_full: 100%;
}
.f_red{color:var(--c_red)    }
.f_dark{color:var(--c_dark)   }
.f_dark2{color:var(--c_dark2)  }
.f_gray{color:var(--c_gray)      }
.f_gray2{color:var(--c_gray2)  }
.f_gray3{color:var(--c_gray3)  }
.f_gray4{color:var(--c_gray4)  }
.f_l_gray{color:var(--c_l_gray) }
.f_l_gray2 { color: var(--c_l_gray2)}
.f_l_gray3{color:var(--c_l_gray3)}
.f_lg_gray {color:var(--c_lg_gray)}
.f_black{color:var(--c_black)     }
.f_white{color:var(--c_white)     }
.f_skyblue{color:var(--c_skyblue)}
.f_blue{color:var(--c_blue);}
/* 배경 컬러 */
.bg_red {background-color:var(--c_red);}
.bg_dark {background-color:var(--c_dark);}
.bg_dark2 {background-color:var(--c_dark2);}
.bg_gray {background-color:var(--c_gray);}
.bg_gray2 {background-color:var(--c_gray2);}
.bg_gray3 {background-color:var(--c_gray3);}
.bg_l_gray {background-color:var(--c_l_gray);}
.bg_l_gray2 {background-color:var(--c_l_gray2);}
.bg_l_gray3 {background-color:var(--c_l_gray3);}
.bg_lg_gray {background-color:var(--c_lg_gray);}
.bg_black {background-color:var(--c_black);}
.bg_white {background-color:var(--c_white);}

/*폰트 스타일*/
.f_noto{font-family:var(--f_noto);}
.f_bold{font-weight:var(--f_bold);}
.f_normal{font-weight:var(--f_normal);}
.f_medium{font-weight:var(--f_medium);}
.f_light{font-weight:var(--f_light);}
.a_left{text-align:var(--a_left);}
.a_center{text-align:var(--a_center);}
.a_right{text-align:var(--a_right);}
.va_top{vertical-align:var(--va_top);}
.va_middle{vertical-align:var(--va_middle);}
.va_bottom{vertical-align:var(--va_bottom);}
.f_skyblue{color:var(--c_skyblue)}
/*너비*/
.w_full {width:var(--w_full);}

/*간격*/
.gap_t_5 {margin-top:5px;}
.gap_t_10 {margin-top:10px;}
.gap_t_20 {margin-top:20px;}
.gap_t_15 {margin-top:15px;}
.gap_l_5 {margin-left:5px;}
.gap_l_10 {margin-left:10px;}
.gap_b_10{margin-bottom:10px;}
.inner_15{margin:0 15px;}
.inner_30{margin:0 30px}
.dp_flex{display:flex;}
.dp_center{align-items: center;}
.dp_space{}
.dp_start{}
.dp_end{align-items: flex-end;}

/*너비*/
.w40 {width:40px;}