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

/*
* base CSS Document
*/

/* 루트 설정 */
:root{
    --inrNar: 1280;
    --inr: 1400;
    --inrWide: 1700;
    --inrWidth: .92;
    --primary: #1960c5;
    --white: #fff;
    --gray: #333;
    --black: #111;
}

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

/* 글꼴 */
.font-mont{ font-family: 'Montserrat', 'Pretendard', 'Malgun Gothic', 'Dotum', 'Gulim', Sans-serif; }

/* reset */
*,
*::before,
*::after{ box-sizing: border-box; }
html{ accent-color: var(--primary); font-family: 'Pretendard', 'Malgun Gothic', 'Dotum', 'Gulim', Sans-serif; line-height: 1.5; color:var(--black); word-break: keep-all; }
@media(min-width:1280px){
    html{ font-size: clamp(0px, calc( ( 100 / ( var(--inr) / var(--inrWidth) ) ) * 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; }
@layer base{
    body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,button{margin:0; padding:0;}
    input,textarea,button,select{font-family: inherit;font-size:15rem;}
    img, fieldset, button{border:0;}
    textarea{overflow:auto; font-family: inherit; }
    input[type=submit],
    input[type=button],
    button{ background: 0; font-family: inherit; color: inherit; 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;}
    summary::-webkit-details-marker{ display: none; }

    /* 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;}

/* 선택자 */
::selection{ background: var(--primary); color: var(--white); }

/* 아웃라인 */
*{ 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; }

/* no image */
[class$="noImg"]{ position: relative; display: block; }
[class$="noImg"]::before{ content: ''; position: absolute; inset: 0; background: #eee; border-radius: inherit; }
[class$="noImg"]::after{ content: ''; position: absolute; inset: 0; background: url('/images/common/noImg.png') no-repeat 50%; filter: grayscale(1); opacity: .5; }
[class$="noImg"] > img{ position: relative; display: block; width: 100%; height: 100%; text-indent: -1000vw; object-fit: cover; z-index: 1; }

/* table */
.wrapTable{ overflow: auto; position: relative; }
.wrapTable table{ min-width: 768px; }
@media(max-width:767px){
    .tableSwipe{ position: absolute; margin: 90px auto auto; inset: 0; width: 60px; height: 60px; background: url('/images/common/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{
    --fs105: clamp(38rem, calc( 105 / var(--inr) * 100vw ), 105rem);
    --fs100: clamp(38rem, calc( 100 / var(--inr) * 100vw ), 100rem);
    --fs90: clamp(38rem, calc( 90 / var(--inr) * 100vw ), 90rem);
    --fs80: clamp(36rem, calc( 80 / var(--inr) * 100vw ), 80rem);
    --fs70: clamp(36rem, calc( 70 / var(--inr) * 100vw ), 70rem);
    --fs68: clamp(36rem, calc( 68 / var(--inr) * 100vw ), 68rem);
    --fs65: clamp(36rem, calc( 65 / var(--inr) * 100vw ), 65rem);
    --fs60: clamp(34rem, calc( 60 / var(--inr) * 100vw ), 60rem);
    --fs58: clamp(34rem, calc( 58 / var(--inr) * 100vw ), 58rem);
    --fs57: clamp(34rem, calc( 57 / var(--inr) * 100vw ), 57rem);
    --fs55: clamp(34rem, calc( 55 / var(--inr) * 100vw ), 55rem);
    --fs54: clamp(34rem, calc( 54 / var(--inr) * 100vw ), 54rem);
    --fs52: clamp(34rem, calc( 50 / var(--inr) * 100vw ), 52rem);
    --fs50: clamp(34rem, calc( 50 / var(--inr) * 100vw ), 50rem);
    --fs48: clamp(34rem, calc( 48 / var(--inr) * 100vw ), 48rem);
    --fs47: clamp(34rem, calc( 47 / var(--inr) * 100vw ), 47rem);
    --fs46: clamp(34rem, calc( 46 / var(--inr) * 100vw ), 46rem);
    --fs45: clamp(34rem, calc( 45 / var(--inr) * 100vw ), 45rem);
    --fs42: clamp(34rem, calc( 42 / var(--inr) * 100vw ), 42rem);
    --fs40: clamp(34rem, calc( 40 / var(--inr) * 100vw ), 40rem);
    --fs39: clamp(28rem, calc( 39 / var(--inr) * 100vw ), 39rem);
    --fs38: clamp(28rem, calc( 38 / var(--inr) * 100vw ), 38rem);
    --fs37: clamp(28rem, calc( 37 / var(--inr) * 100vw ), 37rem);
    --fs36: clamp(28rem, calc( 36 / var(--inr) * 100vw ), 36rem);
    --fs35: clamp(28rem, calc( 35 / var(--inr) * 100vw ), 35rem);
    --fs34: clamp(28rem, calc( 34 / var(--inr) * 100vw ), 34rem);
    --fs33: clamp(28rem, calc( 33 / var(--inr) * 100vw ), 33rem);
    --fs32: clamp(28rem, calc( 32 / var(--inr) * 100vw ), 32rem);
    --fs30: clamp(20rem, calc( 30 / var(--inr) * 100vw ), 30rem);
    --fs28: clamp(20rem, calc( 28 / var(--inr) * 100vw ), 28rem);
    --fs27: clamp(20rem, calc( 27 / var(--inr) * 100vw ), 27rem);
    --fs26: clamp(20rem, calc( 26 / var(--inr) * 100vw ), 26rem);
    --fs25: clamp(20rem, calc( 25 / var(--inr) * 100vw ), 25rem);
    --fs24: clamp(20rem, calc( 24 / var(--inr) * 100vw ), 24rem);
    --fs23: clamp(20rem, calc( 23 / var(--inr) * 100vw ), 23rem);
    --fs22: clamp(20rem, calc( 22 / var(--inr) * 100vw ), 22rem);
    --fs21: clamp(20rem, calc( 21 / var(--inr) * 100vw ), 21rem);
}

/* tailwindcss */
.fill-none{fill:none;}
.inline-block{ display: inline-block; }
.text-center{ text-align: center; }
.text-balck{ color: var(--balck); }
.text-primary{ color: var(--primary); }
.text-secondary{ color: var(--secondary); }
.text-white{ color: var(--white); }
.relative{ position: relative; }