/* =========================================== 
SNEmeric Font 
=========================================== */ 

@font-face { 

    font-family: 'SNEmeric';
	src: url('/new/new26/fonts/SNEmeric-Light.otf') 
	format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
} 

.content img {
    background: transparent;
    display: block;
    max-width: 100%;
    height: auto;
}

/* =========================================== 
Global Font 
=========================================== */ 

html,

body { 
     font-family:
	 'SNEmeric',
/*	 'Noto Sans KR', 
	 'Malgun Gothic', */
	 sans-serif;

	 font-weight: 300;

	 letter-spacing: -0.02em;
	 
	 atomic-line-height-ratio: 1.5;


	 } 
	 
	 /* ¸ðµç ÁÖ¿ä ¿ä¼Ò¿¡ Àû¿ë */
	 
	 body, 
	 button,
	 input, 
	 textarea, 
	 select, 
	 option { 
	 
	 font-family: 
	 'SNEmeric', 
/*	 'Noto Sans KR',
	 'Malgun Gothic', */
	 sans-serif; 
	 
	 } 
	 
	 /* Á¦¸ñ */
	 
	 h1, 
	 h2, 
	 h3,
	 h4, 
	 h5,
	 h6 { 
	 
	 font-family: 
	 'SNEmeric', 
/*	 'Noto Sans KR',
	 'Malgun Gothic', */
	 sans-serif; 
	 font-weight: 300;
	 
	 } 
	 
	 /* ¸µÅ© */ 
	 
	 a { font-family: 
	 'SNEmeric', 
/*	 'Noto Sans KR', 
	 'Malgun Gothic', */
	 sans-serif; }


/* =====================================================
common.css 
Classic ASP Responsive Company Website 
===================================================== */ 
*{ 
    margin:0; 
	padding:0;
	box-sizing:border-box;
} 

html{ 
      scroll-behavior:smooth;
} 

body{

font-family: 
'SNEmeric', 
/* "Pretendard", 
"Noto Sans KR",
Arial, */ 
sans-serif;

font-size:16px; 
color:#555; 
background:#ffffff; 
line-height:1.7; 
} 

a{ 

text-decoration:none;
color:inherit;
} 

img{ 
max-width:100%;
display:block;

}

ul,li{

list-style:none; 

} 

/****************************************** 
Container 
******************************************/ 

.container{

      width:1500px; 
	  max-width:90%; 
	  margin:auto;
	  
} 

/******************************************
Header 
******************************************/

header{

      width:100%; 
	  background:#fff; 
	  padding:35px 0; 
	  border-bottom:1px solid #efefef;
	  } 
	  
.header-wrap{

      width:1500px;
	  max-width:90%;
	  margin:auto; 
	  text-align:center; 
	  
	  } 
	  
	 
.logo{ 
	  
	  width:250px; 
	  margin:auto;
	  
	  } 
	  
	  /******************************************
	  Hero 
	  ******************************************/ 
	  
.hero{

	  position:relative;
	  overflow:hidden; 
	  background:#f4f4f4; 
	  min-height:600px;
	  padding:60px 0;

	  } 
	  
.hero-left0{ 

	  font-size:14px;
	  width:1500px;
	  max-width:90%; 
	  margin:auto;
      line-height: 1.4;
	  position:relative;
	  z-index:5;

	  } 

.hero-left{ 

      font-family:'SNEmeric'; 
	  font-size:14px;
	  width:90%;
	  max-width:1000px; 
	  margin-left: 50px;
      line-height: 1.4;
	  position:relative;
	  z-index:5;

	  } 
	  
.hero h1{

      font-size:48px;
	  color:#f39200; 
	  margin-bottom:25px;
      line-height: 1.4;
	  font-weight:700;
	  
	  } 
	  
.hero p{

      width:600px;
	  max-width:60%;
	  font-size:18px;
	  color:#666;

	  
	  } 
	  
	  /******************************************
	  Service
	  ******************************************/ 
	  
.service-wrap{ 

      display:flex;
	  justify-content:space-between;
	  gap:25px;
	  margin-top:90px; 
	  
	  } 
	  
.service-box{ 
      
	  flex:1;
	  text-align:center;
      } 
	  

.service-box h3 {
    height: 40px;
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
      font-size:20px;
	  margin-bottom:20px;
	  color:#444;

}

.service-box a{

      display:block;
	  background:#0079a8;
	  color:#fff;
	  padding:16px;
	  border-radius:6px;
	  transition:.3s;
	 /*font-weight:100;*/
	  
	  } 
	  
.service-box a:hover{ 

      background:#005f86; 
	  
	  } 
	  
	  /******************************************
	  Shape 
	  ******************************************/ 



.shape-group { 
    position: absolute; 
    right: -10px; 
    bottom: 0; 
    width: 500px; 
    height: 527px; 
    z-index: 1; 
}

.shape-red { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    width: 500px; 
    height: 527px; 
    background: url("/new/new26/images/Shape3.png") no-repeat right bottom;
    background-size: 500px 527px;
}


  
	   /******************************************
	   Button Animation 
	   ******************************************/ 
	   
.service-box a{

       box-shadow:0 5px 15px rgba(0,0,0,.08);
	   
	   } 
	   
.service-box a:hover{

       transform:translateY(-4px);
	   
	   } 
	   
	   /****************************************** 
	   Section Animation 
	   
	  ******************************************/ 
	  
.hero{ 

       animation:fadeUp .8s;
	   } 
	   
@keyframes fadeUp{
	        
	   from{
	   opacity:0;
	   transform:translateY(40px);
	   
	   } 
	   
	   to{ 
	   opacity:1; 
	   transform:translateY(0);
	   } 
	   
	   } 
	   


/* =========================================================
   °³ÀÎÁ¤º¸ ó¸® ¸ñÀû Å×À̺í
========================================================= */

/*.privacy-content {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    box-sizing: border-box;
} */

.privacy-content {
    width: 100%;
    max-width: 900px;
    margin: 0;
    padding-left: 50px;
    box-sizing: border-box;
}

.privacy-table-wrap {
    width: 100%;
    margin-top: 30px;
    overflow-x: auto;
}

.privacy-table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #222;
    table-layout: fixed;
    font-size: 16px;
    line-height: 1.7;
}

.privacy-table caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}


purpose-col
.privacy-table .purpose-col {
    width: 25%;
}

.privacy-table .detail-col {
    width: 75%;
}

.privacy-table th,
.privacy-table td {
    padding: 20px 24px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    vertical-align: left;
    word-break: keep-all;
}

.privacy-table th:last-child,
.privacy-table td:last-child {
    border-right: 0;
}

.privacy-table thead th {
    background: #f3f3f3;
    color: #222;
    font-weight: 700;
    text-align: center;
}

.privacy-table tbody th {
    background: #fafafa;
    color: #222;
    font-weight: 600;
    text-align: center;
}

.privacy-table tbody td {
    background: #fff;
    color: #555;
    text-align: left;
}

.privacy-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.privacy-list li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 7px;
}

.privacy-list li:last-child {
    margin-bottom: 0;
}

.privacy-list li::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}




/* ¼­ºêÆäÀÌÁö ±âº» */

.sub-page {
    width: 100%;
}

.sub-visual {
    width: 100%;
    background: #f5f6f7;
}

/* .sub-visual-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 90px 50px;
} */

.sub-visual-inner {
    width: 100%;
    padding: 50px 0 30px 50px;
    box-sizing: border-box;
}

.sub-visual h1 {
    margin: 0 0 15px;
    font-size: 33px;
    font-weight: 700;
    color: #111;
}

.sub-visual p {
    margin: 0;
    font-size: 17px;
    color: #777;
}

/*.sub-container {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 90px 0 120px;
}*/
.sub-container {
    width: 100%;
    max-width: 900px;
    margin: 0;
    padding: 40px 0 50px 0;
    box-sizing: border-box;
}


.page-title {
    text-align: center;
}

.page-title-en {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #888;
}

.page-title h2 {
    margin: 0 0 20px;
    font-size: 38px;
    font-weight: 700;
    color: #111;
}

.page-title p {
    margin: 0;
    color: #777;
    font-size: 16px;
    line-height: 1.8;
}

.page-title p1 {
    margin: 0;
    color: #777;
    font-size: 16px;
    line-height: 1.8;
	text-align: left;
}



.privacy-table--items {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 14px;
}

.privacy-table--items .col-purpose {
    width: 25%;
}

.privacy-table--items .col-required {
    width: 13%;
}

.privacy-table--items .col-items {
    width: 62%;
}

.privacy-table--items th,
.privacy-table--items td {
    border: 1px solid #d8d8d8;
    padding: 16px 18px;
    vertical-align: middle;
}

.privacy-table--items thead th {
    background: #f0f0f0;
    color: #222;
    text-align: center;
    font-weight: 600;
}

.privacy-table--items tbody th {
    background: #fafafa;
    text-align: center;
    font-weight: 500;
}

.privacy-table--items tbody td {
    background: #fff;
    vertical-align: top;
}

.privacy-table--items .text-center {
    text-align: center;
    vertical-align: middle;
}

.privacy-table--items .privacy-list {
    margin: 0;
    padding-left: 18px;
}

.privacy-table--items .privacy-list li {
    margin: 3px 0;
}

/* °³ÀÎÁ¤º¸Ã³¸®¹æħ - ¹ý·É ¹× º¸°ü±â°£ */
.privacy-law-list {
    width: 100%;
    margin: 20px 0 28px;
    color: #333;
    font-size: 15px;
    line-height: 1.8;
}

.privacy-law-title {
    font-weight: 350;
    margin-bottom: 4px;
}

.privacy-law-list ul {
    margin: 0;
    padding-left: 17px;
}

.privacy-law-list li {
    margin: 0;
    padding: 0;
    line-height: 1.8;
}



/* =========================================
   °³ÀÎÁ¤º¸Ã³¸®¹æħ ¹ÝÀÀÇü Å×À̺í
========================================= */

.privacy-table-wrap {
    width: 100%;
    margin: 25px 0 35px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.privacy-table-wrap1 {
    width: calc(100% - 50px);
    margin: 25px 0 35px 50px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.privacy-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 15px;
    line-height: 1.65;
    color: #333;
    background: #fff;
}

.privacy-table th,
.privacy-table td {
    border: 1px solid #d5d5d5;
    padding: 12px 10px;
    vertical-align: top;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.privacy-table th {
    background: #f0f0f0;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
}

.privacy-table td {
    background: #fff;
}


/* Å×ÀÌºí °¡Àå ¿ÞÂÊ ¼¼·Î¼± Á¦°Å */
.privacy-table th:first-child,
.privacy-table td:first-child {
    border-left: none;
}

/* Å×ÀÌºí °¡Àå ¿À¸¥ÂÊ ¼¼·Î¼± Á¦°Å */
.privacy-table th:last-child,
.privacy-table td:last-child {
    border-right: none;
}

	   /******************************************
	   Utility 
	   ******************************************/ 
	   
.text-center{ 

       text-align:center;
	   
	   } 
	   
.mt30{ 

       margin-top:30px;
	   
	   } 
	   
.mt50{

       margin-top:50px;
	   
	   } 
	   
.mb30{

       margin-bottom:30px;
	   
	   } 
	   
.mb50{

       margin-bottom:50px; 
	   
	   }




/******************************************
Footer 
******************************************/ 

.footer{
       background:#f4f4f4;
	   padding:30px 0;
	   
} 

   
.footer-wrap {
    width: 90%;
    max-width: 1000px;
    margin-left: 50px;
    display: flex;
    gap: 50px;
    font-family: 'SNEmeric', sans-serif;
    font-weight: 300;
}

.footer-wrap a {
    font-family: 'SNEmeric', sans-serif;
    font-weight: 300 !important;
    color: #f39200;
    transition: .3s;
}
   
 	   
.footer-wrap a:hover{
      
	   color:#0079a8; 
}