@charset "utf-8";
@layer swiper, common, board, layout, main, content;
@import url('/css/swiper-bundle.min.css') layer(swiper);
@import url('board.css') layer(board);
@import url('/css/common.css') layer(common);
@import url('/css/wbfont.css');

/*
* base CSS Document
*/

/* 루트 설정 */
:root{
    interpolate-size: allow-keywords;
    --inner: 1400;
    --container: 1500;
    --inner-width: .92;
    --primary: #c60911;
    --secondary: #fffbb7;
    --tertiary: #8b8b8b;
    --white: #fff;
    --black: #222;
    --font-pre: 'Pretendard', 'GmarketSans', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif;
    --font-wav: 'WavvePADO', 'Pretendard', 'GmarketSans', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif;
    --font-gmk: 'GmarketSans', 'Pretendard', 'GmarketSans', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif;
    --font-tnd: 'Tenada', 'Pretendard', 'GmarketSans', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif;
}

/* 스크롤 */
/* ::-webkit-scrollbar{ display: none; } */
@media(prefers-reduced-motion:no-preference){
    html{ scroll-behavior: smooth; }
}

/* 글꼴 */
.font_pre{ font-family: 'Pretendard', 'GmarketSans', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif; }
.font_pen{ font-family: 'Nanum Pen Script', 'GmarketSans', 'Pretendard', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif; }

/* reset */
html{ accent-color: var(--primary); font-family: 'GmarketSans', 'Pretendard', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif; line-height:1.5; word-break: keep-all; color:var(--black); }
@media(min-width:1280px){
    html{ font-size: clamp(0px, calc( ( 100 / ( var(--inner) / var(--inner-width) ) ) * 1vw ), 1px ); }
}
@media(min-width:1921px){
    html{ font-size: clamp(0px, calc( ( 100 / 1920 ) * 1vw ), 500px ); }
}
@media(max-width:1279px) and (min-width:768px){
    html{ font-size: clamp(0px, calc( ( 100 / 768 ) * .75vw ), 5px ); }
}
@media(max-width:767px){
    html{ font-size: clamp(0px, calc( ( 100 / 412 ) * .875vw ), 5px ); }
}
body{ font-size: 16rem; }
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
input,textarea,button,select{font-size:16rem;}
img, fieldset, button{border:0;}
textarea{overflow:auto; font-family: inherit; }
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:middle;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, hgroup, menu {display:block;}
figure{padding:0px; margin:0px;}

/* 링크 기본값 */
a{ text-decoration: none; color: inherit; }

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/* mobile */
body{-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}

/* 검색엔진 고려한 숨기기, 로고, 제목, 링크 등, 버튼은 aria-label과 title */
.visually-hidden{ overflow: hidden; position: absolute; width: 0; height: 0; }

/* 선택자 */
::selection{ background: var(--primary); color: #fff; }
.reverse-selection::selection, .reverse-selection *::selection{ background: #fff; color: var(--primary); }

/* 아웃라인 */
*{ outline-color: var(--primary); }

/* 말줄임표 */
.ellipsis{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; word-break: break-all; }

/* 다음줄로 내리기 */
.inline_block{ display: inline-block; }

/* 색상 */
.color_primary{ color: var(--primary); }

/* no image */
.no_image{ position: relative; text-indent: -1000vw; }
.no_image::before{ content: ''; position: absolute; inset: 0; background: #eee; border-radius: inherit; }
.no_image::after{ content: ''; position: absolute; inset: 0; background: url(/images/common/icon_no_image.png) no-repeat 50%; filter: grayscale(1); opacity: .5; }

/* table */
.wrap_table{ overflow: auto; position: relative; }
.wrap_table table{ min-width: 768px; }
@media(max-width:767px){
    .table_swipe{ position: absolute; margin: 90px auto auto; inset: 0; width: 60px; height: 60px; background: url(/images/common/icon_table_swipe.png) no-repeat 50% / contain; }
}

/* hide */
@media(min-width: 768px){
    #wrap .show_mo{ display: none; }
}
@media(min-width: 1280px){
    #wrap .show_tab{ display: none; }
}
@media(max-width: 1279px){
    #wrap .hide_tab{ display: none; }
    #wrap .show_tab.block{ display: block; }
    #wrap .show_tab.flex{ display: flex; }
    #wrap .show_tab.inline_block{ display: inline-block; }
    #wrap .show_tab.inline_flex{ display: inline-flex; }
}
@media(max-width: 767px){
    #wrap .hide_mo{ display: none; }
    #wrap .show_mo.block{ display: block; }
    #wrap .show_mo.flex{ display: flex; }
    #wrap .show_mo.inline_block{ display: inline-block; }
    #wrap .show_mo.inline_flex{ display: inline-flex; }
}

/* font size */
:root{
    --font_size105: clamp( 36rem, calc( 105 / var(--inner) * 100vw ), 105rem);
    --font_size100: clamp( 36rem, calc( 100 / var(--inner) * 100vw ), 100rem);
    --font_size90: clamp( 36rem, calc( 90 / var(--inner) * 100vw ), 90rem);
    --font_size80: clamp( 32rem, calc( 80 / var(--inner) * 100vw ), 80rem);
    --font_size70: clamp( 32rem, calc( 70 / var(--inner) * 100vw ), 70rem);
    --font_size68: clamp( 32rem, calc( 68 / var(--inner) * 100vw ), 68rem);
    --font_size65: clamp( 32rem, calc( 65 / var(--inner) * 100vw ), 65rem);
    --font_size60: clamp( 28rem, calc( 60 / var(--inner) * 100vw ), 60rem);
    --font_size57: clamp( 28rem, calc( 57 / var(--inner) * 100vw ), 57rem);
    --font_size55: clamp( 28rem, calc( 55 / var(--inner) * 100vw ), 55rem);
    --font_size54: clamp( 28rem, calc( 54 / var(--inner) * 100vw ), 54rem);
    --font_size50: clamp( 28rem, calc( 50 / var(--inner) * 100vw ), 50rem);
    --font_size48: clamp( 28rem, calc( 48 / var(--inner) * 100vw ), 48rem);
    --font_size47: clamp( 28rem, calc( 47 / var(--inner) * 100vw ), 47rem);
    --font_size46: clamp( 28rem, calc( 46 / var(--inner) * 100vw ), 46rem);
    --font_size45: clamp( 28rem, calc( 45 / var(--inner) * 100vw ), 45rem);
    --font_size44: clamp( 28rem, calc( 44 / var(--inner) * 100vw ), 44rem);
    --font_size42: clamp( 28rem, calc( 42 / var(--inner) * 100vw ), 42rem);
    --font_size40: clamp( 28rem, calc( 40 / var(--inner) * 100vw ), 40rem);
    --font_size39: clamp( 24rem, calc( 39 / var(--inner) * 100vw ), 39rem);
    --font_size38: clamp( 24rem, calc( 38 / var(--inner) * 100vw ), 38rem);
    --font_size37: clamp( 24rem, calc( 37 / var(--inner) * 100vw ), 37rem);
    --font_size36: clamp( 24rem, calc( 36 / var(--inner) * 100vw ), 36rem);
    --font_size35: clamp( 24rem, calc( 35 / var(--inner) * 100vw ), 35rem);
    --font_size33: clamp( 24rem, calc( 33 / var(--inner) * 100vw ), 33rem);
    --font_size33: clamp( 24rem, calc( 33 / var(--inner) * 100vw ), 33rem);
    --font_size32: clamp( 24rem, calc( 32 / var(--inner) * 100vw ), 32rem);
    --font_size30: clamp( 20rem, calc( 30 / var(--inner) * 100vw ), 30rem);
    --font_size28: clamp( 20rem, calc( 28 / var(--inner) * 100vw ), 28rem);
    --font_size27: clamp( 20rem, calc( 27 / var(--inner) * 100vw ), 27rem);
    --font_size26: clamp( 20rem, calc( 26 / var(--inner) * 100vw ), 26rem);
    --font_size25: clamp( 20rem, calc( 25 / var(--inner) * 100vw ), 25rem);
    --font_size24: clamp( 20rem, calc( 24 / var(--inner) * 100vw ), 24rem);
    --font_size23: clamp( 20rem, calc( 23 / var(--inner) * 100vw ), 23rem);
    --font_size22: clamp( 18rem, calc( 22 / var(--inner) * 100vw ), 22rem);
    --font_size21: clamp( 18rem, calc( 21 / var(--inner) * 100vw ), 21rem);
    --font_size20: clamp( 18rem, calc( 20 / var(--inner) * 100vw ), 20rem);
    --font_size19: clamp( 18rem, calc( 19 / var(--inner) * 100vw ), 19rem);
    --font_size18: clamp( 17rem, calc( 18 / var(--inner) * 100vw ), 18rem);
    --font_size17: clamp( 17rem, calc( 17 / var(--inner) * 100vw ), 17rem);
    --font_size16: clamp( 16rem, calc( 16 / var(--inner) * 100vw ), 16rem);
    --font_size15: clamp( 15rem, calc( 15 / var(--inner) * 100vw ), 15rem);
    --font_size14: clamp( 14rem, calc( 14 / var(--inner) * 100vw ), 14rem);
    --font_size13: clamp( 13rem, calc( 13 / var(--inner) * 100vw ), 13rem);
}