@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/nanumsquare-neo');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0; padding:0; box-sizing:border-box;
}

a {box-sizing:border-box; color:#222; text-decoration:none;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}


body {
    font:16px/1 'NanumSquare Neo',Arial,sans-serif;
    color:#333;
    letter-spacing:-0.07px;
}

input, select, button, textarea, input::placeholder{
    box-sizing:border-box;
    font:16px/1 'NanumSquare Neo',Arial,sans-serif;
    letter-spacing:-0.07px;
    color:#333;
}

h1,h2,h3,h4,h5{line-height:1;font-family:'NanumSquare Neo',Arial,sans-serif;font-weight:500;}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#fff;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#fff;
    font-style:italic;
    font-weight:500;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border:0 none;
}

/* change border colour to suit your needs */
hr {
    display:block;
    width:100%;
    height:1px;
    border:0;
    border-top:1px solid #E6E6E6;
    margin:0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
input{
    margin:0;
}
img, fieldset {
    border:0;
}
ul, ol, li{
    list-style-type:none;
}
li img{
    vertical-align:top;
}
button {
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    display:inherit;
}
a{
    text-decoration:none;
}
img{
    vertical-align:middle;
    font-size:0;
}

/* form */
input[type='text'],
input[type='password'],
input[type='search'],
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type='file'],
button,
select,
textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:0;}
textarea{resize:none;}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;}
select::-ms-expand{display:none;}
button{-webkit-appearance:none;border:0;}

/* font */
.clearfix:after{content:"";display:table;clear:both;}
.sr_only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0);}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis2{text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* icon */
*[class*="icon_"]{display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:contain;vertical-align:middle;}

/* img */
img{max-width:100%;}
.thumb_img{position:relative;width:100%;height:0;padding-bottom:62.5%;overflow:hidden;}
.thumb_img > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.po_re{position:relative;}
/*---- media queries ----*/
.mo_only{display:none;}
@media screen and (max-width: 1280px) {
    .mo_only{display:block;}
    .pc_only{display:none!important;}
}

/* display */
.dib{display:inline-block;}
.din{display:inline;}
*[class*="flex"]{display:flex;}
*[class*="flex"].center{justify-content:center;align-items:center;}
*[class*="flex"].acenter{align-items:center;}
*[class*="flex"].right{justify-content:flex-end;}
*[class*="flex"].top{align-self:flex-start;}
*[class*="flex"].bottom{align-items:end;}
*[class*="flex"].wrap{flex-wrap:wrap;flex:1;}
*[class*="flex"].between{justify-content:space-between}
*[class*="flex"].col{flex-direction:column;}
*[class*="flex"].full > *{flex:1;}
*[class*="flex"].gap8{gap:8px;}
*[class*="flex"].gap10{gap:10px;}
*[class*="flex"].gap12{gap:12px;}
*[class*="flex"].gap32{gap:32px;}
@media screen and (max-width: 1280px) {
    *[class*="flex"].mo_col{flex-direction:column;}
    *[class*="flex"].mo_gap24{gap:24px;}
}

/* scollbar */
.scrollbar{scrollbar-width:thin;scrollbar-color: rgba(200,200,200,0.5) transparent;}
.scrollbar::-webkit-scrollbar {width:3px;}
.scrollbar::-webkit-scrollbar-track {background-color: transparent;}
.scrollbar::-webkit-scrollbar-thumb {border-radius:3px;background-color:rgba(200,200,200,0.5);}
.scrollbar::-webkit-scrollbar-button {width:0;height:0;}

/* br */
span.br{display:block}
span.pc_br{display:block;}
span.mo_br{display:inline;}
@media screen and (max-width: 1024px){
    span.pc_br{display:inline;}
    span.mo_br{display:block;}
}

/* Text-Align */
.txt_left{text-align:left!important;}
.txt_center{text-align:center!important;}
.txt_right{text-align:right!important;}

/* Font-Weight */
.fw_500{font-weight:500}
.fw_700{font-weight:700}
.fw_900{font-weight:900}

/* Padding */
.pad_zero {padding:0}
.pad_t10 {padding-top:10px}
.pad_t50 {padding-top:50px}
.pad_r10 {padding-right:10px}
.pad_b10 {padding-bottom:10px}
.pad_l10 {padding-left:10px}

/* Margin */
.mar_zero {margin:0}
.mar_t10 {margin-top:10px}
.mar_r10 {margin-right:10px}
.mar_b10 {margin-bottom:10px}
.mar_l10 {margin-left:10px}