@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.cdnfonts.com/css/cormorant-garamond');
@font-face {
    font-family: 'iceJaram';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bookk';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Bookk';
    src: url('https://cdn.jsdelivr.net/gh/woffz/a1@main/Bookk/BookkMyungjo-Lt.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
/* 스타일시트 초기화 */
*:focus{}
*{margin:0;padding:0;list-style-type:none;box-sizing:border-box;font-style: normal;border:0;outline:0;font-family: 'Pretendard', -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';}

html{font-size:62.5%;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;scroll-behavior: smooth;overflow-y: scroll;background:#ffffff;}
body{line-height: 1.5;font-size:14px;color:#000;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{display:block}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
a{color: #000000;text-decoration:none;background:transparent;cursor:pointer}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
ins{color:#000;text-decoration:none}
del{color:#aaa;text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help}
button{cursor:pointer;background:transparent}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
select{font-size:14px;font-size:1.4rem;border:1px solid #ccc;border-radius:0px}
label, input, button, select, img{vertical-align:middle}
table {border-collapse: collapse;border-spacing: 0;}
input{min-width:50px}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{background-color:transparent !important;}
select {margin:0;background: transparent url("../images/common/dropdown.svg") no-repeat right 12px center / 12px 6px;}
em,address,cite{font-style:normal}
input,select,textarea,button{border-radius:0;resize:none}
p {margin:0;padding:0;word-break:break-all}
caption,
hr{position:absolute;top:0;left:0;margin:0;padding:0;display:inline-block;line-height:0;font-size:0;border:0;overflow:hidden}
pre{overflow-x:scroll;font-size:1.1em}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select:disabled{background:#fafafa}
*::placeholder{color:#ccc}

/**/
#skip, .skip, .blind, .sound_only{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;padding: 0;border: 0;clip: rect(0,0,0,0)}

/**/
.tal{text-align:left !important;justify-content:flex-start !important;}
.tac{text-align:center !important;justify-content:center !important;}
.tar{text-align:right !important;justify-content:flex-end !important;}


@media (min-width:749px) {
    br.mobile{display:none;}
}
@media all and (max-width:748px) {

    br.desktop{display:none;}
}



    @keyframes scroll {
        0%    { top: -40px;}
        100%  { top: 70px;}
    }

    @keyframes rotate {
        0%    { transform: rotate(0deg);}
        100%  { transform: rotate(360deg);}
    }
}