@charset "utf-8";
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
	font-weight:100;
	
}
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
	font-weight:300;
}
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
	font-weight:400;
}
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
	font-weight:500;
}
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
	font-weight:700;
}
body,
h1,h2,h3,h4,h5,h6 { font-family: "NanumSquareNeo", "Roboto", "Noto Sans KR";font-weight:300}
/*
.button-slide { position:relative; width:100%; height:100px; max-width:var(--max-width);  border: var(--border-mcolor-l1); padding:50px 100px; border-radius:100px}
.button-slide { display: flex; justify-content: center; align-items: center; max-width:var(--max-width)}
.button-slide li:first-child { width:50%; padding-right:30px; }
.button-slide li:nth-child(2) { width:50%; padding-left:30px; text-align:right; }
.button-slide li {transition:.8s ease; height:100%;}
.button-slide li div { font-size:50px; font-weight:500; letter-spacing:-.05em; margin-bottom:10px;}

.button-slide li:nth-child(3) { content:""; display:block; width:10px; height:10px; position:absolute; left:calc(50% - 5px); top:calc(50% - 5px); background-color:var(--color-main); transition:.5s ease;  z-index:-1; border-radius:100px}
.button-slide li:hover ~ li:nth-child(3) { width:50%; height:100%;  top:0; left:25%}
.button-slide li:first-child:hover ~  li:nth-child(3) { left:0; }
.button-slide li:nth-child(2):hover ~  li:nth-child(3) { left:50%; }
.button-slide li:first-child:hover,
.button-slide li:nth-child(2):hover{ color:#fff; }
*/