@import url('https://fonts.googleapis.com/css2?family=Palanquin+Dark:wght@400;500;600;700&display=swap'); /* font-family: "Palanquin Dark", serif; */

* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: 'Graphik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: #000; color: #fff; overflow: hidden; height: 100vh; }

.container { display: flex; height: 100vh; }
.left-panel { width: 40%; background-color: #000; position: fixed; left: 0; top: 0; height: 100vh; overflow: hidden; }
.left-content { padding: 60px 40px; height: 100%; }

.section-title { font-size: 16px; font-weight: 300; color: #888; margin-bottom: 40px; letter-spacing: 0.5px; }


.font-name { font-size: 48px; font-weight: 600; margin-bottom: 20px; letter-spacing: -1px; font-family: "Palanquin Dark", serif;}
.underline { width: 100%; height: 1px; background-color: #333; margin-bottom: 40px; }

.description { font-size: 14px; line-height: 1.6; color: #ccc; margin-bottom: 60px; }
.description strong { color: #fff; font-weight: 600; }
.description span.des { display:inline-block; width:100%; padding-bottom:15px;}

.sv_side_menu { display:inline-block; color:#888; transition:all 0.2s; text-decoration:none; font-weight:300;}
.sv_side_menu:hover { color:#ccc;}

.font-specimen { margin-top: auto;}
.logo_box { display:inline-block; width:100%; padding-left:17px;}
.logo_box img.witive {width:50px; opacity:0.35;}

.specimen-title { display:flex; align-items:center; font-size: 13px; color: #888; margin-bottom: 20px; font-weight: 300; }
.specimen-title span { margin:0 10px 0 0; float:left;}
.specimen-title span.line {font-size:11px;}
.alphabet, .alphabet-lower { font-size: 12px; color: #666; margin-bottom: 8px; letter-spacing: 1px; font-weight: 300; }
.copyright {font-size: 12px; color: #666; margin-top:20px; letter-spacing: 1px; font-weight: 300; }
.our_service { margin:20px 0 0 0;}
.our_service a {color:#666; text-decoration:none; font-size:13px;}

.right-panel { width: 60%; margin-left: 40%; height: 100vh; overflow-y: auto; background-color: #000; }
.right-content { padding: 60px 60px 60px 40px; }

.main-title { font-size: 32px; margin-bottom: 40px; font-weight: 300; }
.main-title2 { font-size:25px; margin-bottom: 40px; font-weight: 300; }

.weight-label { font-weight: 600; }
.light-label { font-weight: 300; color: #888; }
.main-text { font-size: 28px; line-height: 1.4; margin-bottom: 60px; font-weight: 600; letter-spacing: -0.5px; }
.columns { display: flex; gap: 40px; }
.column { flex: 1; }
.column-title { font-size:15px; color: #888; margin-bottom: 20px; font-weight: 300; }
.column p { font-size: 13px; line-height: 1.6; margin-bottom: 20px; color: #ccc; font-weight: 300; }
.column p span.ind { display:inline-block; width:45px;}

.right-panel::-webkit-scrollbar { width: 8px; }
.right-panel::-webkit-scrollbar-track { background: #111; border-radius: 4px; }
.right-panel::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; transition: background 0.3s ease; }
.right-panel::-webkit-scrollbar-thumb:hover { background: #555; }
.right-panel::-webkit-scrollbar-corner { background: #000; }
.right-panel { scrollbar-width: thin; scrollbar-color: #333 #111;}

.left_Indentation { border-left:2px solid #666; padding:0 0 0 15px;}



/* µ¶µµÀÓ Á¤Ã¥ Àü¿ë Ŭ·¡½º¸í */
.dk-policy-container {  color: #ccc; line-height: 1.8; padding: 0px 0px; width:100%; margin: 0 auto; font-size:13px; font-weight:300;}
.dk-policy-container h1, .dk-policy-container h2, .dk-policy-container h3 { color: #666; }
.dk-policy-container h1 { font-size:32px; margin-top: 40px; border-bottom: 2px solid #dbe2ef; padding-bottom: 10px; }
.dk-policy-container h2 { font-size:17px; margin-top: 40px; color: #888; }
.dk-policy-container h3 { font-size:17px; margin-top: 25px; color: #888; }
.dk-policy-container ul { margin:10px 0 20px 20px; list-style-type: disc; }
.dk-policy-container p { margin-bottom:13px; }
.dk-policy-section { margin-bottom: 60px; }
.dk-policy-footer { margin-top:80px; font-size:13px; color: #888; text-align:left; }



@media (max-width: 1024px) { 
.left-panel { width: 45%; } .right-panel { width: 55%; margin-left: 45%; } .columns { flex-direction: column; gap: 30px; } 
}
@media (max-width: 768px) {
    
	
	
	body {overflow: auto; height: auto;}
    .font-name {margin-bottom:0px;}
	.container {flex-direction: column;} 
	.section-title { font-size:15px; font-weight: 300; color: #888; margin-bottom:10px; letter-spacing: 0.5px; }
	.specimen-title { display:flex; align-items:center; font-size:13px; color: #888; margin-bottom:10px; font-weight: 300; }
	
    .left-panel { 
        position: relative; 
        width: 100%; 
        height: auto;
        overflow: visible; /* ÀÌ ºÎºÐ Ãß°¡ */
    } 
    .right-panel { 
        width: 100%; 
        margin-left: 0; 
        height: auto; 
        overflow-y: visible; 
    } 
    .left-content, .right-content { 
        padding: 40px 20px; 
        height: auto; /* ÀÌ ºÎºÐ Ãß°¡ */
    } 
    .main-text { 
        font-size: 24px; 
    }
}

html { scroll-behavior: smooth; }
::selection { background-color: #333; color: #fff; }
::-moz-selection { background-color: #333; color: #fff; }