@charset "UTF-8";


/*=============================
reset
==============================*/

/* Eric Meyer reset.css */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,center,
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,input {margin:0; padding:0; border:0 none; vertical-align:baseline;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:""; content:none;}
table {border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}


html {overflow-y:scroll;}
a {text-decoration: none;}

hr {display:none;}
legend,caption {width:1px; height:1px; *height:0; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden;}
img,td,th {vertical-align:middle;}
.blind {display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}

/* Skip */
.skip {padding:0; margin:0;}
.skip a {position:absolute; top:-1000em; z-index:9999; display:block; width:100%; background:#ededed; font-size:1.5em; font-weight:bold; color:#666; text-align:center;}
.skip a:hover,.skip a:focus,.skip a:active {top:0; padding:1.2em 0;}


/*=============================
  notokr - 두께순 정렬
==============================*/

@font-face {
  font-family: 'notokr-light';
  src: url('/font/NotoKR/NotoKR-Light/notokr-light.woff2') format('woff2'),
       url('/font/NotoKR/NotoKR-Light/notokr-light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'notokr-thin';
  src: url('/font/NotoKR/NotoKR-Thin/notokr-thin.woff2') format('woff2'),
       url('/font/NotoKR/NotoKR-Thin/notokr-thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'notokr-demilight';
  src: url('/font/NotoKR/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'),
       url('/font/NotoKR/NotoKR-DemiLight/notokr-demilight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* 표준 두께 - 필수 */
@font-face {
  font-family: 'notokr-regular';
  src: url('/font/NotoKR/NotoKR-Regular/notokr-regular.woff2') format('woff2'),
       url('/font/NotoKR/NotoKR-Regular/notokr-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'notokr-medium';
  src: url('/font/NotoKR/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
       url('/font/NotoKR/NotoKR-Medium/notokr-medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'notokr-bold';
  src: url('/font/NotoKR/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
       url('/font/NotoKR/NotoKR-Bold/notokr-bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'notokr-black';
  src: url('/font/NotoKR/NotoKR-Black/notokr-black.woff2') format('woff2'),
       url('/font/NotoKR/NotoKR-Black/notokr-black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



/*===== 나눔스퀘어라운드 =====*/

@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  src: local("NanumSquareRoundL"),
    url("/font/Nanum/NanumSquareRound/NanumSquareRoundL.woff2") format("woff2"),
    url("/font/Nanum/NanumSquareRound/NanumSquareRoundL.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("NanumSquareRoundR"),
    url("/font/Nanum/NanumSquareRound/NanumSquareRoundR.woff2") format("woff2"),
    url("/font/Nanum/NanumSquareRound/NanumSquareRoundR.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: local("NanumSquareRoundB"),
    url("/font/Nanum/NanumSquareRound/NanumSquareRoundB.woff2") format("woff2"),
    url("/font/Nanum/NanumSquareRound/NanumSquareRoundB.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("NanumSquareRoundEB"),
    url("/font/Nanum/NanumSquareRound/NanumSquareRoundEB.woff2") format("woff2"),
    url("/font/Nanum/NanumSquareRound/NanumSquareRoundEB.woff") format("woff");
}


/*===== 나눔스퀘어네오 =====*/


@font-face {
  font-family: 'NanumSquareNeoLight';
  src: url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-aLt.woff2') format('woff2'),
       url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-aLt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*표준 두께 - 필수*/
@font-face {
  font-family: 'NanumSquareNeoRegular';
  src: url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-bRg.woff2') format('woff2'),
       url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-bRg.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumSquareNeoBold';
  src: url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-cBd.woff2') format('woff2'),
       url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-cBd.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumSquareNeoExtraBold';
  src: url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-dEb.woff2') format('woff2'),
       url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-dEb.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumSquareNeoHeavy';
  src: url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-eHv.woff2') format('woff2'),
       url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-eHv.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'NanumSquareNeo';
  src: url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-Variable.woff2') format('woff2'),
       url('/font/Nanum/NanumSquareNeo/NanumSquareNeo-Variable.woff') format('woff');
  font-weight: 100 900; /* 굵기 범위 설정 */
}



/*=============================
  KoPub - 출판인협회 폰트
==============================*/


/*===== KoPub 돋움 =====*/
@font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 300;
  src: local("KoPubDotum-Light"),
       url('/font/kopub/KoPubDotum-Light.woff') format('woff');
}
@font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 400;
  src: local("KoPubDotum-Medium"),
       url('/font/kopub/KoPubDotum-Medium.woff') format('woff');
}
@font-face {
  font-family: 'KoPub Dotum';
  font-style: normal;
  font-weight: 700;
  src: local("KoPubDotum-Bold"),
       url('/font/kopub/KoPubDotum-Bold.woff') format('woff');
}


/*===== KoPub 바탕 =====*/
@font-face {
  font-family: 'KoPub Batang';
  font-style: normal;
  font-weight: 300;
  src: local("KoPubBatang-Light"),
       url('/font/kopub/KoPubBatang-Light.woff') format('woff');
}
@font-face {
  font-family: 'KoPub Batang';
  font-style: normal;
  font-weight: 400;
  src: local("KoPubBatang-Medium"),
       url('/font/kopub/KoPubBatang-Medium.woff') format('woff');
}
@font-face {
  font-family: 'KoPub Batang';
  font-style: normal;
  font-weight: 700;
  src: local("KoPubBatang-Bold"),
       url('/font/kopub/KoPubBatang-Bold.woff') format('woff');
}




/* ===================================
    카페24 폰트 - 한글
====================================== */

/*===== 빛나는별 - 손글씨 느낌 =====*/

@font-face {
  font-family: 'Cafe24Shiningstar';
  src: url('/font/Cafe24/Cafe24Shiningstar/Cafe24Shiningstar-v2.0.woff2') format('woff2'),
       url('/font/Cafe24/Cafe24Shiningstar/Cafe24Shiningstar-v2.0.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*===== 카페24 모야모야 =====*/
@font-face {
  font-family: 'Cafe24Moyamoya';
  src: url('/font/Cafe24/Cafe24Moyamoya/Cafe24Moyamoya-Regular.woff2') format('woff2'),
       url('/font/Cafe24/Cafe24Moyamoya/Cafe24Moyamoya-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*===== 카페24 모야모야 Face =====*/
@font-face {
  font-family: 'Cafe24MoyamoyaFace';
  src: url('/font/Cafe24/Cafe24MoyamoyaFace/Cafe24MoyamoyaFace.woff2') format('woff2'),
       url('/font/Cafe24/Cafe24MoyamoyaFace/Cafe24MoyamoyaFace.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*===== 카페24 쑥쑥 =====*/
@font-face {
  font-family: 'Cafe24Ssukssuk';
  src: url('/font/Cafe24/Cafe24Ssukssuk/Cafe24Ssukssuk.woff2') format('woff2'),
       url('/font/Cafe24/Cafe24Ssukssuk/Cafe24Ssukssuk.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*===== 카페24 슈퍼매직 Bold Bold =====*/
@font-face {
  font-family: 'Cafe24Supermagic-Bold';
  src: url('/font/Cafe24/Cafe24Supermagic-Bold/Cafe24Supermagic-Bold.woff2') format('woff2'),
       url('/font/Cafe24/Cafe24Supermagic-Bold/Cafe24Supermagic-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



@import url('https://fonts.cdnfonts.com/css/clash-display');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.cdnfonts.com/css/clash-display');