@media only screen and (max-width: 1280px) {
	body {
		--wp--style--root--padding-left: min(5vw, var(--wp--preset--spacing--60)) !important;
		--wp--style--root--padding-right: min(5vw, var(--wp--preset--spacing--60)) !important;
	}
}
@media only screen and (max-width: 780px) {
	body {
		--wp--style--root--padding-left: min(5vw, var(--wp--preset--spacing--60)) !important;
		--wp--style--root--padding-right: min(5vw, var(--wp--preset--spacing--60)) !important;
	}
}

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url(pre/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url(pre/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(pre/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url(pre/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url(pre/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url(pre/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url(pre/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url(pre/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url(pre/Pretendard-Thin.woff) format('woff');
}


/***** Basic *****/
html { scroll-behavior: smooth; }
body { font-family: 'Pretendard-Regular', sans-serif; }
h1, h2, strong, b { font-family: 'Pretendard-Bold', sans-serif!important; }
h3 { font-family: 'Pretendard-SemiBold', sans-serif!important; }
h4 { font-family: 'Pretendard-Medium', sans-serif!important; }
h5, h6 { font-family: 'Pretendard-Regular', sans-serif!important; }
p, a, span, li, ul, button, div { font-family: inherit; }
.en-font { font-family: 'Plus Jakarta Sans', sans-serif!important; }
.light-font { font-family: 'Pretendard-Thin', sans-serif!important; }

.pum-container img.p-popup { max-width: 600px; width:100%; height: auto; }
.pum-container .pum-content>:first-child { padding:0!important;}
.pum-theme-enterprise-blue { background-color: rgba(0,0,0,.5)!important; }


/***** Custom *****/
body #top nav > ul > li > a, body #top .sf-menu li ul li.menu-item a { font-family: 'Pretendard-Medium', sans-serif; }
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container>.menu>li a { font-family: 'Pretendard-SemiBold', sans-serif!important; }
body.material #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container li li a { font-size: 20px; }

@media only screen and (max-width: 690px) {
    body #slide-out-widget-area .inner .off-canvas-menu-container li a { font-size: 32px!important; line-height: 1.4!important; }
    body.material #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container li li a { font-size: 20px!important; }
    .dp-none { display: none; }
}

html[data-theme-mode="dark"] body {
	--wp--preset--color--base: #1E1E1E;
	--wp--preset--color--contrast: #cccccc;
	--wp--preset--color--primary: #05D686;
	--wp--preset--color--secondary: #fffffe;
	--wp--preset--color--step-1: #1d1d1d;
	--wp--preset--color--step-2: #212121;
	--wp--preset--color--step-3: #252525;
	--wp--preset--color--step-4: #292929;
	--wp--preset--color--step-5: #373737;
	--wp--preset--color--step-6: #454545;
	--wp--preset--color--step-7: #515151;
	--wp--preset--color--step-8: #595959;
	--wp--preset--color--step-9: #616161;
	--wp--preset--color--step-10: #696969;
	--wp--preset--color--step-11: #717171;
	--wp--preset--color--step-12: #797979;
	--wp--preset--color--step-13: #828282;
	--wp--preset--color--step-14: #8a8a8a;
	--wp--preset--color--step-15: #929292;
	--wp--preset--color--step-16: #9a9a9a;
	--wp--preset--color--step-17: #a2a2a2;
	--wp--preset--color--step-18: #ababab;
	--wp--preset--color--step-19: #b3b3b3;
	--wp--preset--color--step-20: #bbbbbb;
}