@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html {
	font-size: 62.5%;
}

a {
	text-decoration: none;
}

body {
	margin: 0;
	word-break: keep-all;
}

/* @font-face {
font-family: 'Nanum Gohtic';
font-style: normal;
font-weight: 12;
src: url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
} */

/* @font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v21/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.0.woff2) format('woff2');
  unicode-range: U+f9ca-fa0b, U+ff03-ff05, U+ff07, U+ff0a-ff0b, U+ff0d-ff19, U+ff1b, U+ff1d, U+ff20-ff5b, U+ff5d, U+ffe0-ffe3, U+ffe5-ffe6;
} */

/* .body {
  margin: 0;
  font-family: 'Nanum Gohtic' 'Arial' 'Helvetica' 'sans-serif';
} */

#footer-placeholder{
	 width:100%;
	    clear: both;
	  border:none;
}
    #footer-frame {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      border: none;
      z-index: 1000;
    }
navbar-right {
	float: none;
}
.ce_txt4{
	    font-size: 1vw;
}
.ce_txt4_en{
	    font-size: 1vw;
}
.ce_txt4_jp{
	    font-size: 1vw;
}
input {
	width: 80px;
	height: 30px;
	font-size: x-large;
}



table {
	border-collapse: collapse;
	padding: 0.5rem;
}

th, td {
	border: 2px solid #000000;
}

.ta_1 {
	border: 2px solid #000000;
}

.ta_2 {
	border: none;
}

/* 메인페이지 */
.image-container {
	position: relative;
	width: 100%;
	min-width: 290px;
}

.ma_container {
	display: flex;
	justify-content: center;
}

#ma_bo{
    width: 100%;
    display: flex;
    text-align: center;
    position: relative;
}

.ma_box_total {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.main-img-font1 {
	font-size: clamp(10px, 2vw, 47px);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 52%;
	height: 38%;
	position: absolute;
	top: 32%;
	right: 24%;
	z-index: 1;
	font-family: 'Nanum Gothic', Arial, sans-serif;
}

.main-img-font2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 39.4%;
	height: 49.8%;
	position: absolute;
	top: 25%;
	right: 5.5%;
	z-index: 1;
	font-size: clamp(9px, 2vw, 41px);
	font-family: 'Nanum Gothic', Arial, sans-serif;
}

.main-img-font3 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 39.4%;
	height: 49.8%;
	position: absolute;
	top: 25%;
	right: 5.5%;
	z-index: 1;
	font-size: clamp(10px, 2vw, 41px);
	font-family: 'Nanum Gothic', Arial, sans-serif;
}

.main-img-font4 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 39.4%;
	height: 49.8%;
	position: absolute;
	top: 25%;
	right: 5.5%;
	z-index: 1;
	font-size: clamp(10px, 2vw, 41px);
	font-family: 'Nanum Gothic', Arial, sans-serif;
}

#ma_box1 {
	width: 100%;
	display: flex;
	text-align: center;
	position: relative;
}

#ma_box1 div {
	flex: 1;
	text-align: center;
	overflow: hidden;
}

#ma_box2 {
	width: 73vw;
	display: flex;
	text-align: center;
	position: relative;
}

#middle-box {
	width: 100%;
}

.ma_data_txt3{
	
    font-size: 2.2vw;
}

.ma_data_txt3_en{
	
    font-size: 2.2vw;
}
.ma_data_txt3_jp{
	
    font-size: 2.2vw;
}
#ma_box2 div {
	flex: 1;
	text-align: center;
	overflow: hidden;
}

.ma_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	font-size: clamp(8px, 2vw, 49px);
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%);
	z-index: 5;
	font-size: 48pt;
	font-weight: bold;
	text-align: center;
}

.ma_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 37%;
	right: 10%;
	z-index: 1;
	font-size: 32pt;
	/* font-weight: bold; */
	text-align: right;
	white-space: nowrap;
}

.ma__font_txt {
	text-align: center;
	font-size: clamp(11px, 2vw, 49px);
	margin-top: 30px;
	margin-bottom: 30px;
}

.middle-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* 자료페이지 */
#da_box {
	width: 100%;
	height: 700;
	display: flex;
	text-align: center;
}

#da_box div {
	flex: 1;
	/* border: 1px solid #000000; */
	padding: 15px;
	text-align: center;
	overflow: hidden;
}

#da_box div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	text-align: center;
	flex: initial;
	overflow: hidden;
	font-size: 20px;
}

.da_down {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	font-size: 48px;
	color: #0078ff;
	font-weight: bold;
}

.da_button {
	display: inline-block;
	transition-duration: 0.2s;
	background-color: #ffffff
}

.da_button:hover {
	background-color: #cecfd6
}

#da_box2 {
	width: 100%;
	height: 200;
	display: flex;
	text-align: center;
}

#da_box2 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#da_box2 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	top: 30%;
	transform: translate(0, 30%);
	text-align: center;
	flex: initial;
	overflow: hidden;
	font-size: 20px;
}

#da_box3 {
	width: 100%;
	height: 50;
	display: flex;
	text-align: center;
}

#da_box3 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#da_box3 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	padding: 20px 0%;
	text-align: center;
	flex: initial;
	overflow: hidden;
	font-size: 28px;
}

.da_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	font-size: clamp(8px, 2vw, 49px);
	font-weight: bold;
}

.da_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	font-size: clamp(8px, 2vw, 49px);
}

.QR_code {
	width: 4.5%;
	z-index: 3;
	position: absolute;
	margin-left: 75%;
}

/* 기술페이지 */
#te_box1 {
	width: 100%;
	height: 800;
	display: flex;
	position: static;
	overflow-y: auto;
}

#te_box1 div {
	flex: 1;
	padding: 0% 5px;
	text-align: left;
	overflow-y: auto;
}
.te_d1{

	display: flex;
	justify-content: center;
}

	.te_main_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: static;
		z-index: 1;
		font-size: 1.56vw;
		font-weight: bold;
		text-align: left;
	}
	.te_main_txt1_jp {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: static;
		z-index: 1;
		font-size: 1.56vw;
		font-weight: bold;
		text-align: left;
	}
	.te_main_txt1_en {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: static;
		z-index: 1;
		font-size: 1.56vw;
		font-weight: bold;
		text-align: left;
	}
	.te__main_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: static;
	z-index: 1;
	font-size: 1.3vw;
	/* font-weight: bold; */
	text-align: left;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
;
}
	.te__main_txt2_jp {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: static;
	z-index: 1;
	font-size: 1.3vw;
	/* font-weight: bold; */
	text-align: left;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
;
}
		.te__main_txt2_en {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: static;
	z-index: 1;
	font-size: 1.3vw;
	/* font-weight: bold; */
	text-align: left;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
;
}

	
#te_box1 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	flex: 1;
	text-align: left;
	flex: initial;
	overflow-y: auto;
	font-size: 16pt;
}

.te_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: static;
	z-index: 1;
	font-size: 32pt;
	font-weight: bold;
	text-align: left;
}

.te_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: static;
	z-index: 1;
	font-size: 26pt;
	/* font-weight: bold; */
	text-align: left;
}

/* 주소페이지 */
#ad_box1 {
	width: 100%;
	height: 600;
	display: flex;
	text-align: left;
	position: relative;
}

#ad_box1 div {
	flex: 1;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.ad_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 17%;
	left: 60%;
	z-index: 1;
	font-size: 32pt;
	font-weight: bold;
	text-align: left;
}

.ad_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 25%;
	left: 60%;
	z-index: 1;
	font-size: 26pt;
	/* font-weight: bold; */
	text-align: left;
	line-height: 160%;
}

.ad_txt3 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 25%;
	left: 70%;
	z-index: 1;
	font-size: 26pt;
	/* font-weight: bold; */
	text-align: left;
	line-height: 160%;
}

.add_div1{
	display: flex; 
	justify-content: center; 
	margin-top:125px;
}

.add_div2{
	width: 73%; height: 79vh;
}

/* 소개페이지 */
.introduce_1 {
	display: flex;
	background-image: url("../image/introduce/introduce1.png");
	background-repeat: no-repeat;
	background-position-x: 48vw;
	justify-content: center;
	background-size: 38vw;
	white-space: nowrap;
}
.introduce_img{
	 width: 60vw;
}
.introduce_en_img{
	 width: 60vw;
}
.introduce_span_font{
	margin-top: 4vw;
	padding-left: 25px;
	font-size: 1.5vw;
	margin-bottom: 10px;
}

.introduce_en_span_font{
	margin-top: 4vw;
	font-size: 1.5vw;
	
}
.introduce_jp_span_font{
	margin-top: 4vw;
    padding-left: 25px;
		font-size: 1.5vw;
		margin-bottom: 10px;
}
#in_box1 {
	width: 100vw;
	position: relative;
	margin-Top: 30px;
}

.cert-container {
	display: flex;
	justify-content: center;
}

.cert-box {
	width: 73%;
}

#in_box1 div {
	flex: 1;
	text-align: left;
	overflow: hidden;
	position: relative;
}
.ma_txt3_en{
	font-size: 42px;

}
.ma_txt3_jp{
	font-size: 42px;

}
.ma_txt3{
	font-size: 42px;

}
#in_box2 {
	width: 100vw;
	/* height: 600; */
	display: flex;
	text-align: left;
	position: relative;
}

#in_box2 div {
	flex: 1;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#in_box3 {
	width: 100vw;
	position: relative;
	margin-Top: 14vh;
}

#in_box3 div {
	flex: 1;
	text-align: left;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
}

.img_group {
	width: 100vw;
	position: relative;
	flex: 1;
	text-align: left;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.in_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 8%;
	left: 50%;
	transform: translate(-50%);
	z-index: 1;
	font-size: 1.7vw;
	white-space: nowrap;
	/* font-weight: bold; */
	text-align: center;
	display: block;
}

.in_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 15%;
	left: 45%;
	transform: translate(-50%);
	z-index: 1;
	font-size: 1.3vw;
	/* font-weight: bold; */
	text-align: left;
}

.in_txt3 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 15%;
	left: 35%;
	transform: translate(-50%);
	z-index: 1;
	font-size: 1.3vw;
	/* font-weight: bold; */
}

.in_txt4 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	z-index: 1;
	font-size: 1.5vw;
	text-align: center;
}

/* 연혁페이지 */
  /* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
  font-family: 'Nanum Gothic', Arial, sans-serif;
}
*, *:before, *:after {
  box-sizing: inherit;
}



.timeline_jp {
  text-align: center;
  
  .year {
    display: inline-block;
    font-size: 45px;
    font-weight: bold;
    position: relative;
    
    span {
      display: inline-block;
      padding-bottom: 6px;  
    }
    
    &:after {
      content: "";
      display: block;
      width: 80%;
      margin: auto;
      height: 1px;
      background: #283891;
    }
    
    &--end {
      
      &:before {
        content: "";
        display: block;
        width: 80%;
        margin: auto;
        height: 1px;
        background: #283891;
      }
      
      &:after {
        content: none;
      }
    }
  }
  
  .days {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    .day {
      width: 100%;
      float: left;
      
      .events {
        position: relative;
        float: left;
        border-right: 1px solid #283891;
        padding: 30px;
         font-size: 18px;
        text-align: right;
        width: 50%;
        
        &:after {
          content: "";
          width: 40%;
          display: inline-block;
          height: 1px;
          background: #283891;
          
          position: absolute;
          right: 0;
        }
        
        .date {
          position: absolute;
          top: 50%;
          left: 100%;
          transform: translateY(-50%);
          
          padding: 30px;
          text-align: left;
          font-weight: 550;
          color: #283891;
          font-size: 24px;
          white-space: nowrap;
        }
        
        .day__img {
          margin-right: -30px;
          position: relative;
          overflow: hidden;
          
          img {
            display: block;
            float: right;
          }
          
          .caption {
            position: absolute;
            margin: 0;
            
            bottom: 0;
            right: 0;
            padding: 20px;
            background: rgba(#000, 0.7);
            color: #fff;
          }
        }
      }
      
      &:nth-child(odd) {
        .events {
          width: calc(50% + 1px);
          float: right;
          border-right: 0;
          border-left: 1px solid #283891;
          font-size: 18px;
          text-align: left;
          
          &:after {
            right: auto;
            left: 0;
          }

          .date {
            left: auto;
            right: 100%;
            text-align: right;
            
          }
          
          .day__img {
            margin-right: auto;
            margin-left: -30px;

            img {
              float: left;
            }

            .caption {
              right: auto;
              left: 0;
            }
          }
        }
      }
    }
  }
}

.timeline {
  text-align: center;
  
  .year {
    display: inline-block;
    font-size: 45px;
    font-weight: bold;
    position: relative;
    
    span {
      display: inline-block;
      padding-bottom: 6px;  
    }
    
    &:after {
      content: "";
      display: block;
      width: 80%;
      margin: auto;
      height: 1px;
      background: #283891;
    }
    
    &--end {
      
      &:before {
        content: "";
        display: block;
        width: 80%;
        margin: auto;
        height: 1px;
        background: #283891;
      }
      
      &:after {
        content: none;
      }
    }
  }
  
  .days {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    .day {
      width: 100%;
      float: left;
      
      .events {
        position: relative;
        float: left;
        border-right: 1px solid #283891;
        padding: 30px;
         font-size: 18px;
        text-align: right;
        width: 50%;
        
        &:after {
          content: "";
          width: 40%;
          display: inline-block;
          height: 1px;
          background: #283891;
          
          position: absolute;
          right: 0;
        }
        
        .date {
          position: absolute;
          top: 50%;
          left: 100%;
          transform: translateY(-50%);
          
          padding: 30px;
          text-align: left;
          font-weight: 550;
          color: #283891;
          font-size: 24px;
          white-space: nowrap;
        }
        
        .day__img {
          margin-right: -30px;
          position: relative;
          overflow: hidden;
          
          img {
            display: block;
            float: right;
          }
          
          .caption {
            position: absolute;
            margin: 0;
            
            bottom: 0;
            right: 0;
            padding: 20px;
            background: rgba(#000, 0.7);
            color: #fff;
          }
        }
      }
      
      &:nth-child(odd) {
        .events {
          width: calc(50% + 1px);
          float: right;
          border-right: 0;
          border-left: 1px solid #283891;
          font-size: 18px;
          text-align: left;
          
          &:after {
            right: auto;
            left: 0;
          }

          .date {
            left: auto;
            right: 100%;
            text-align: right;
            
          }
          
          .day__img {
            margin-right: auto;
            margin-left: -30px;

            img {
              float: left;
            }

            .caption {
              right: auto;
              left: 0;
            }
          }
        }
      }
    }
  }
}
.timeline_en {
  text-align: center;
  
  .year {
    display: inline-block;
    font-size: 45px;
    font-weight: bold;
    position: relative;
    
    span {
      display: inline-block;
      padding-bottom: 6px;  
    }
    
    &:after {
      content: "";
      display: block;
      width: 80%;
      margin: auto;
      height: 1px;
      background: #283891;
    }
    
    &--end {
      
      &:before {
        content: "";
        display: block;
        width: 80%;
        margin: auto;
        height: 1px;
        background: #283891;
      }
      
      &:after {
        content: none;
      }
    }
  }
  
  .days {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    .day {
      width: 100%;
      float: left;
      
      .events {
        position: relative;
        float: left;
        border-right: 1px solid #283891;
        padding: 30px;
         font-size: 18px;
        text-align: right;
        width: 50%;
        
        &:after {
          content: "";
          width: 40%;
          display: inline-block;
          height: 1px;
          background: #283891;
          
          position: absolute;
          right: 0;
        }
        
        .date {
          position: absolute;
          top: 50%;
          left: 100%;
          transform: translateY(-50%);
          
          padding: 30px;
          text-align: left;
          font-weight: 550;
          color: #283891;
          font-size: 24px;
          white-space: nowrap;
        }
        
        .day__img {
          margin-right: -30px;
          position: relative;
          overflow: hidden;
          
          img {
            display: block;
            float: right;
          }
          
          .caption {
            position: absolute;
            margin: 0;
            
            bottom: 0;
            right: 0;
            padding: 20px;
            background: rgba(#000, 0.7);
            color: #fff;
          }
        }
      }
      
      &:nth-child(odd) {
        .events {
          width: calc(50% + 1px);
          float: right;
          border-right: 0;
          border-left: 1px solid #283891;
          font-size: 18px;
          text-align: left;
          
          &:after {
            right: auto;
            left: 0;
          }

          .date {
            left: auto;
            right: 100%;
            text-align: right;
            
          }
          
          .day__img {
            margin-right: auto;
            margin-left: -30px;

            img {
              float: left;
            }

            .caption {
              right: auto;
              left: 0;
            }
          }
        }
      }
    }
  }
}
#hi_circle {
	width: 0px;
	height: 0px;
	margin: 0 auto;
	border: solid 60px #283891;
	border-radius: 50%;
	z-index: 2;
	text-align: center;
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: relative;
}

#hi_line {
	border-left: solid 3px #283891;
	margin: 0 auto -15900px auto;
	height: 16000px;
	left: 50%;
	top: -15950px;
	position: relative;
}

.hi_cirtxt {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	font-Size: 32px;
	font-weight: bold;
	color: #ffffff;
	left: 47%;
	top: 40%;
	transform: translate(0 50%);
	position: absolute;
	z-index: 2;
	text-align: center;
	margin: 30px;
}

.hi_box1 {
	border-width: 5px 0 0 0;
	border-color: #283891;
	margin-right: 50%;
	height: 150px;
	text-align: right;
	z-index: 2;
}

.hi_box2 {
	width: 50px;
	border-width: 5px 0 0 0;
	border-color: #283891;
	margin-left: 50%;
	height: 150px;
	text-align: left;
	z-index: 2;
}

.hi_box3 {
	position: relative;
	float: right;
	width: 150px;
	right: 0;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #283891;
	margin-right: 50%;
	height: 20px;
	z-index: 2;
}

.hi_box4 {
	width: 150px;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #283891;
	margin-right: 50%;
	height: 20px;
	text-align: right;
	z-index: 2;
}

.hi_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	right: 50%;
	/* transform: translate(-50%); */
	z-index: 2;
	font-size: x-large;
	text-align: right;
	margin: 30px;
}

.hi_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	/* top: 8%; */
	left: 50%;
	z-index: 2;
	font-size: x-large;
	/* font-weight: bold; */
	text-align: left;
	margin: 30px;
}

/* 인증페이지 */
.cetification1 {
	background-image: url(../image/introduce/introduce5.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 38vw;
	max-height: 768px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	font-size: 47px;
	color: #ffffff;
	font-family: 'Nanum Gothic', Arial, sans-serif;
	margin-bottom: 6vw;
}
.cetification1_jp {
	background-image: url(../image/introduce/introduce5.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 38vw;
	max-height: 768px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	font-size: 47px;
	color: #ffffff;
	font-family: 'Nanum Gothic', Arial, sans-serif;
	margin-bottom: 6vw;
}
.cetification1_en {
	background-image: url(../image/introduce/introduce5.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 38vw;
	max-height: 768px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	font-size: 47px;
	color: #ffffff;
	font-family: 'Nanum Gothic', Arial, sans-serif;
	margin-bottom: 6vw;
}
.ma_box1{
display: flex; 
justify-content: center
}

#ce_box {
	width: 100%;
	height: 200;
	display: flex;
	text-align: center;
}

#ce_box div {
	flex: 1;
	/* border: 1px solid #000000; */
	padding: 15px;
	text-align: center;
	overflow: hidden;
}

#ce_box div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	text-align: center;
	flex: initial;
	overflow: hidden;
	font-size: 22px;
}

#ce_box1 {
	width: 100%;
	height: 100;
	display: flex;
	text-align: left;
	z-index: 2;
}

#ce_box1 div {
	flex: 1;
	/* border: 1px solid #000000; */
	padding: 15px;
	text-align: center;
	
}

#ce_box1 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	text-align: left;
	flex: initial;
	
	font-size: xx-large;
	font-weight: bold;
}		#ce_box1 div.half_widht_jp {
				font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	text-align: left;
	flex: initial;
	
	font-size: xx-large;
	font-weight: bold;
		}
		#ce_box1 div.half_widht_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	text-align: left;
	flex: initial;
	
	font-size: xx-large;
	font-weight: bold;
		}

#ce_box2 {
	width: 100%;
	height: 600;
	display: flex;
	text-align: center;
	z-index: 2;
}

#ce_box2 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#ce_box2 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	top: 30%;
	transform: translate(0, 30%);
	text-align: center;
	flex: initial;
	overflow: hidden;
	font-size: 20px;
}

#ce_box3 {
	width: 100%;
	height: 50;
	display: flex;
	text-align: center;
	z-index: 2;
}

#ce_box3 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#ce_box3 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	padding: 20px 0%;
	text-align: center;
	flex: initial;
	overflow: hidden;
	font-size: 28px;
}

.ce_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 45%;
	right: 75.5%;
	transform: translate(10%);
	z-index: 2;
	font-size: xx-large;
	text-align: center;
	/* margin: 30px; */
}

.ce_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 88%;
	right: 75.5%;
	transform: translate(10%);
	z-index: 2;
	font-size: xx-large;
	text-align: center;
	/* margin: 30px; */
}

.ce_txt3 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	position: absolute;
	top: 88%;
	left: 17%;
	transform: translate(10%);
	z-index: 2;
	font-size: xx-large;
	text-align: center;
	/* margin: 30px; */
}

.ce_txt4 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 2;
	padding: 20px 0%;
	text-align: center;
	font-size: 26px;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
}
.ce_txt4_en {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 2;
	padding: 20px 0%;
	text-align: center;
	font-size: 26px;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
}

.ce_txt5 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 2;
	padding: 20px 0%;
	text-align: center;
	font-size: 32px;
}
.ce_txt5_jp {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 2;
	padding: 20px 0%;
	text-align: center;
	font-size: 32px;
}
.ce_txt5_en {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 2;
	padding: 20px 0%;
	text-align: center;
	font-size: 32px;
}

/* 촬영 */
#pi_box1 {
	    margin-Top: 30px;
    width: 87vw;
	height: 200;
	display: flex;
}

#pi_box1 div {
	flex: 1;
	/* border: 1px solid #000000; */
	text-align: center;
}

#pi_box1 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	text-align: left;
	font-size: 1.6vw;
	font-weight: bold;
}
#pi_box1 div.half_widht_kr {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	text-align: left;
	font-size: 1.6vw;
	font-weight: bold;
}
#pi_box1 div.half_widht_jp {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	text-align: left;
	font-size: 1.6vw;
	font-weight: bold;
}
#pi_box1 div.half_widht_en {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	text-align: left;
	font-size: 1.6vw;
	font-weight: bold;
}
#pi_box2 {
	width: 100%;
	height: 500;
	display: flex;
	text-align: center;
	z-index: 5;
}

#pi_box2 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#pi_box2 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 10%;
	top: 30%;
	transform: translate(0, 30%);
	text-align: center;
	flex: initial;
	overflow: hidden;
	font-size: 20px;
}

#pi_box3 {
	width: 100%;
	height: 50;
	display: flex;
	text-align: center;
	z-index: 5;
}

#pi_box3 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#pi_box3 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	padding: 20px 0%;
	flex: initial;
	overflow: hidden;
	font-size: 28px;
}

#pi_box4 {
	width: 100%;
	height: 300;
	display: flex;
	text-align: center;
	z-index: 5;
	/* padding:20px; */
}

#pi_box4 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#pi_box4 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	padding: 20px 0;
	text-align: left;
	flex: initial;
	overflow: hidden;
}

#pi_box5 {
	width: 100%;
	height: 600;
	display: flex;
	text-align: center;
	z-index: 2;
}

#pi_box5 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#pi_box5 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	padding: 20px 0%;
	flex: initial;
	overflow: hidden;
	font-size: xx-large;
	font-weight: bold;
}

.pi_pic {
	position: absolute;
	z-index: 1;
}

.pi_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 7;
	padding: 20px 0%;
	text-align: center;
	font-size: 26px;
}

.pi_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 2;
	padding: 20px 0%;
	text-align: center;
	font-size: 32px;
}

/* 렌탈 */
#re_box1 {
	width: 100%;
	height: 300;
	display: flex;
	text-align: center;
	z-index: 5;
}

#re_box1 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#re_box1 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	padding: 20px 0%;
	flex: initial;
	overflow: hidden;
	font-size: xx-large;
	font-weight: bold;
}

#re_box2 {
	width: 100%;
	height: 100px;
	display: flex;
	text-align: center;
	z-index: 5;
}

#re_box2 div {
	flex: 1;
	padding: 0% 5px;
	text-align: center;
	overflow: hidden;
}

#re_box2 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	padding: 20px 0%;
	flex: initial;
	overflow: hidden;
	font-size: xx-large;
	font-weight: bold;
}

#re_box3 {
	width: 100%;
	height: 100;
	display: flex;
	z-index: 5;
}

#re_box3 div {
	flex: 1;
	padding: 0% 5px;
	overflow: hidden;
}

#re_box3 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	padding: 20px 0%;
	flex: initial;
	overflow: hidden;
	font-size: x-large;
	font-weight: bold;
}

#re_la {
	margin-Top: 10px;
	padding: 10px;
	width: 10vw;
	height: auto;
}

.re_button1 {
	display: inline-block;
	transition-duration: 0.2s;
	background-color: #ffffff;
	text-align: center;
	padding: 1vw 1vw;
	width: 20vw;
	height: 4.5rem;
	border: solid 1px #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.re_button1:hover {
	background-color: #545454;
	color: #ffffff;
}

.re_button2 {
	display: inline-block;
	transition-duration: 0.2s;
	background-color: #283891;
	text-align: center;
	padding: 1vw 1vw;
	width: 20vw;
	height: 4.5rem;
	border: solid 1px #283891;
	display: flex;
	align-items: center;
	justify-content: center;
}

.re_button2:hover {
	background-color: #000c51
}
.certin_img{
 width:72vw;
}
.re_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 5;
	padding: 20px 0%;
	text-align: center;
	font-size: x-large;
	line-height: 40px;
}

.re_txt2 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 5;
	padding: 20px 0%;
	text-align: left;
	font-size: xx-large;
	line-height: 40px;
}

.gps2 {
	height: 45vh;
	margin: auto 0;
}

/* 제품 */
.pr_txt1_kr{
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 7;
	text-align: center;
	font-size: 1.5vw;
	padding-left: 23px;
	text-align: left; 
	display: flex; 
	justify-content: flex-end; 
	margin-right: 7vw;
}

.pr_txt1 {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 7;
	padding: 20px 0%;
	text-align: center;
	font-size: 1.5vw;
	padding-left: 23px;
}
.pr_txt2_kr {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 7;
	padding: 20px 0%;
	text-align: center;
	font-size: 1.5vw;
	padding-left: 23px;
}

.pr_txt1_en{
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 7;
	padding: 20px 0%;
	text-align: center;
	font-size: 1.5vw;
	padding-left: 23px;
}
.pr_txt1_jp{
	font-family: 'Nanum Gothic', Arial, sans-serif;
	z-index: 7;
	padding: 20px 0%;
	text-align: center;
	font-size: 1.5vw;
	padding-left: 23px;
}
.pr_d0{
	display: flex; align-items: center;
						 width: 68%; height: 38%; 
						 position: absolute; top: 18%; right: 17%;
						  z-index: 1; font-family: 'Nanum Gothic', Arial, sans-serif; 
						  justify-content: center;
						  font-size: 2.2vw;
				
}

.pr_d1{
	display: flex; align-items: center;
						 width: 68%; height: 34%; 
						 position: absolute; top: 20%; right: 17%;
						  z-index: 1; font-family: 'Nanum Gothic', Arial, sans-serif; 
						  justify-content: center;
						  font-size: 2.2vw;
}
.pr_d1_jp{
	display: flex; align-items: center;
						 width: 68%; height: 32%; 
						 position: absolute; top: 20%; right: 17%;
						  z-index: 1; font-family: 'Nanum Gothic', Arial, sans-serif;  
						  justify-content: center;
						  font-size: 2.2vw;
}
.pr_d1_en{
	display: flex; align-items: center;
						 width: 68%; height: 35%; 
						 position: absolute; top: 20%; right: 17%;
						  z-index: 1; font-family: 'Nanum Gothic', Arial, sans-serif; 
						  justify-content: center;
						font-size: 2.2vw;
}
.pr_d2{
display: flex; align-items: center;
						 width: 70%; height: 36%; 
						 position: absolute; top: 21%; right: 16%;
						  z-index: 1; font-family: 'Nanum Gothic', Arial, sans-serif; 
						  justify-content: center;
						  font-size: 2.2vw;
}
.pr_d2_jp{
display: flex; align-items: center;
						 width: 70%; height: 35%; 
						 position: absolute; top: 21%; right: 17%;
						  z-index: 1; font-family: 'Nanum Gothic', Arial, sans-serif; 
						  justify-content: center;
						font-size: 2.2vw;
}
.pr_d2_en{
display: flex; align-items: center;
						 width: 70%; height: 35%; 
						 position: absolute; top: 21%; right: 17%;
						  z-index: 1; font-family: 'Nanum Gothic', Arial, sans-serif; 
						  justify-content: center;
						  font-size: 2.2vw;
}
.pr_d3{
	display: flex;
    align-items: center;
    width: 73%;
    height: 38%;
    position: absolute;
    top: 23%;
    right: 17%;
    z-index: 1;
    font-family: 'Nanum Gothic', Arial, sans-serif;
    justify-content: center;
	font-size: 2.2vw;
}
.pr_d3_en{
	display: flex;
    align-items: center;
    width: 73%;
    height: 38%;
    position: absolute;
    top: 23%;
    right: 17%;
    z-index: 1;
    font-family: 'Nanum Gothic', Arial, sans-serif;
    justify-content: center;
	font-size: 2.2vw;
}
.pr_d3_jp{
	display: flex;
    align-items: center;
    width: 73%;
    height: 38%;
    position: absolute;
    top: 23%;
    right: 17%;
    z-index: 1;
    font-family: 'Nanum Gothic', Arial, sans-serif;
    justify-content: center;
	font-size: 2.2vw;
}


/* 푸터 */
#fu_box1 {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
}


#fu_box23 {
	width: 100%;
	height: 230px;
	padding-top: 23px;
}
.p12{
	    font-size: 1.7vw;
       font-weight: 600;
}
.p12_en{
	    font-size: 1.7vw;
       font-weight: 600;
}
.p12_jp{
	    font-size: 1.7vw;
       font-weight: 600;
}
.p13{
	    font-size: 1.7vw;
        font-weight: 400;
}
.p13_en{
	   font-size: 1.7vw;
        font-weight: 400;
}
.p13_jp{
	    font-size: 1.7vw;
       font-weight: 400;
}
.image-box {
height: 100%;
  flex: 2;
}



.te_d2{
	width: 73%;
}
.t1{
flex:1;
}
.half_widht_end{
	width: 1%
}
#da_box1{
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
/*간격 띄우기 */


.dcweb_container{
	display: flex; 
	justify-content: center;
}
.product_img{
	width: 100%;
	
}
@media (max-width: 1662px) {
	.pr_d0{
	font-size:2.2vw;
}
	.pr_d0_en{
	font-size:2.2vw;
}

	.pr_d0_jp{
	font-size:2.2vw;
}
.pr_d1{
	font-size:2.2vw;
}
.pr_d1_en{
	font-size:2.2vw;
}
.pr_d1_jp{
	font-size:2.2vw;
}

.pr_d2{
	font-size:2.2vw;
}
.pr_d2_en{
	font-size:2.2vw;
}
.pr_d2_jp{
	font-size:2.2vw;
}
.cetification1_en{
	font-size:2.3vw;
}
.cetification1_jp{
	font-size:2.3vw;
}
.cetification1{
	font-size:2.3vw;
}
}

.responsive-image {

   /* 정사각형으로 유지 */
  width: 100%;              /* 부모 넓이에 맞춤 */

        /* 선택사항: 둥근 모서리 */
}
.add_div3{
    padding-left: 1.4vw;
    display: flex;
    gap: 16px;
    flex-direction: row;
	margin-bottom: 10px;
}


.fu_txt1 {
	    margin-top: 14px;
	display: flex;
    flex-direction: column;
	font-family: 'Nanum Gothic', Arial, sans-serif;
	font-size: small;
}

.fu_pic {
	max-width: 30px;
	margin-Top: -5px;
	margin-bottom: 10px;
}
.fu_a{
	display: flex;
    flex-direction: row;
    justify-content: center;
}
.in_en_txt4{
		font-family: 'Nanum Gothic', Arial, sans-serif;
		/* position: absolute; */
		left: 50%;
		transform: translate(-50%);
		z-index: 1;
		font-size: 1.5vw;
		/* font-weight: bold; */
		text-align: center;
	}
	.pr_en_txt1{
		font-size: 1.5vw;
	}
	.in_txt4_jp{
		font-size: 1.5vw;
	}
/* @media only screen {
 #Mobile_view{

 }
}


} */
@media screen and (max-width: 1750px) {
	.ma_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 43%;
		left: 50%;
		transform: translate(-50%);
		z-index: 5;
		font-size: xx-large;
		/* width: 120px; */
		font-weight: bold;
		text-align: center;
	}
	.ma_txt2 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 35%;
		right: 10%;
		z-index: 1;
		font-size: x-large;
		/* font-weight: bold; */
		text-align: right;
	}
	.ma_txt3 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
		font-size: x-large;
		/* font-weight: bold; */
		text-align: center;
	}
		.ma_txt3_en {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
		font-size: x-large;
		/* font-weight: bold; */
		text-align: center;
	}
			.ma_txt3_jp {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
		font-size: x-large;
		/* font-weight: bold; */
		text-align: center;
	}
	.ma_txt_3 {
		font-size: clamp(9px, 2vw, 47px);
		display: flex;
		align-items: center;
		width: 67%;
		height: 38%;
		position: absolute;
		top: 20%;
		right: 17%;
		z-index: 1;
		font-family: 'Nanum Gothic', Arial, sans-serif;
		justify-content: center;
	}
	.da_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		font-size: x-large;
		font-weight: bold;
	}
	.da_txt2 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		font-size: large;
	}
	#te_box1 {
		width: 100%;
		height: 500;
		display: flex;
		position: static;
		margin-top: 20px;
	}
	#te_box1 div {
		flex: 1;
		padding: 0% 5px;
		text-align: left;
	}
	#te_box1 div.half_widht {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 50%;
		flex: 1;
		text-align: left;
		flex: initial;
		font-size: 12pt;
	}
#te_box1 div.half_widht_jp {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 50%;
		flex: 1;
		text-align: left;
		flex: initial;
		font-size: 10px;
		overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
	}
	.te_txt2 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: static;
		z-index: 1;
		font-size: x-large;
		/* font-weight: bold; */
		text-align: left;
		padding: 2% 0 0 0;
	}
	.ad_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 20%;
		left: 60%;
		z-index: 1;
		font-size: xx-large;
		font-weight: bold;
		text-align: left;
	}
	.ad_txt2 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 30%;
		left: 60%;
		z-index: 1;
		font-size: x-large;
		/* font-weight: bold; */
		text-align: left;
		line-height: 160%;
	}
	.ad_txt3 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 30%;
		left: 70%;
		z-index: 1;
		font-size: x-large;
		/* font-weight: bold; */
		text-align: left;
		line-height: 160%;
	}
	#in_box1 {
		width: 100%;
		position: relative;
		margin-Top: 60px;
		margin-bottom: 10px;
	}
	.in_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		/* position: absolute; */
		top: 8%;
		left: 50%;
		transform: translate(-50%);
		z-index: 1;
		font-size: 1.8vw;
		/* font-weight: bold; */
		text-align: center;
	}
	.in_txt2 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 15%;
		left: 45%;
		transform: translate(-50%);
		z-index: 1;
		font-size: medium;
		/* font-weight: bold; */
		text-align: left;
	}
	.in_txt3 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 15%;
		left: 35%;
		transform: translate(-50%);
		z-index: 1;
		font-size: medium;
		/* font-weight: bold; */
		text-align: left;
	}
	.in_en_txt4{
		font-family: 'Nanum Gothic', Arial, sans-serif;
		/* position: absolute; */
		left: 50%;
		transform: translate(-50%);
		z-index: 1;
		font-size: 1.5vw;
		/* font-weight: bold; */
		text-align: center;
	}
	.in_txt4 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		/* position: absolute; */
		left: 50%;
		transform: translate(-50%);
		z-index: 1;
		font-size: 1.5vw;
		/* font-weight: bold; */
		text-align: center;
	}
	.in_txt4_jp {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		/* position: absolute; */
		left: 50%;
		transform: translate(-50%);
		z-index: 1;
		font-size: 1.5vw;
		/* font-weight: bold; */
		text-align: center;
	}
	.pr_en_txt1{
		font-size: 1.5vw;
	}
	.hi_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		right: 50%;
		/* transform: translate(-50%); */
		z-index: 2;
		font-size: large;
		text-align: right;
		margin: 30px;
	}
	.hi_txt2 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		/* top: 8%; */
		left: 50%;
		z-index: 2;
		font-size: large;
		/* font-weight: bold; */
		text-align: left;
		margin: 30px;
	}
	.ce_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 45%;
		right: 75%;
		transform: translate(17%);
		z-index: 2;
		font-size: x-large;
		text-align: center;
		/* margin: 30px; */
	}
	.ce_txt2 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 88%;
		right: 75%;
		transform: translate(17%);
		z-index: 2;
		font-size: x-large;
		text-align: center;
		/* margin: 30px; */
	}
	.ce_txt3 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: absolute;
		top: 88%;
		left: 17%;
		transform: translate(10%);
		z-index: 2;
		font-size: x-large;
		text-align: center;
		/* margin: 30px; */
	}
	.ce_txt4 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 2;
		padding: 20px 0%;
		text-align: center;
		font-size: large;
	}
		.ce_txt4_en {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 2;
		padding: 20px 0%;
		text-align: center;
		font-size: 1.45vw;
	}
	.ce_txt5 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 2;
		padding: 20px 0%;
		text-align: center;
		font-size: 1.7vw;
	}
	.ce_txt5_jp {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 2;
		padding: 20px 0%;
		text-align: center;
		font-size: 1.7vw;
	}
	.ce_txt5_en {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 2;
		padding: 20px 0%;
		text-align: center;
		font-size: 1.7vw;
	}
	#ce_box1 div.half_widht {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 10%;
		text-align: left;
		flex: initial;
		overflow: hidden;
		font-size: x-large;
		font-weight: bold;
	}
		#ce_box1 div.half_widht_jp {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 10%;
		text-align: left;
		flex: initial;
		overflow: hidden;
		font-size: x-large;
		font-weight: bold;
	}
		#ce_box1 div.half_widht_en {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 10%;
		text-align: left;
		flex: initial;
		overflow: hidden;
		font-size: x-large;
		font-weight: bold;
	}
	
	#pi_box1 div.half_widht {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 10%;
		text-align: left;
		font-size: 3.4vw;
	}
	#pi_box1 div.half_widht_kr {
				font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 10%;
		text-align: left;
		font-size: 1.6vw;
	}
	#pi_box1 div.half_widht_en {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 10%;
		text-align: left;
		font-size: 1.6vw;
	}
	#pi_box3 div.half_widht {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 50%;
		text-align: center;
		flex: initial;
		overflow: hidden;
		font-size: x-large;
	}
	#pi_box5 div.half_widht {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		width: 10%;
		text-align: center;
		flex: initial;
		overflow: hidden;
		font-size: x-large;
		font-weight: bold;
	}
	.pi_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 2;
		padding: 20px 0%;
		text-align: center;
		font-size: large;
	}
	.pr_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 7;
		padding: 20px 0%;
		text-align: center;
		font-size: 1.5vw;
	}
	.pr_txt2_kr {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 7;
		padding: 20px 0%;
		text-align: center;
		font-size: 1.5vw;
	}
	.pr_txt1_en {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 7;
		padding: 20px 0%;
		text-align: center;
		font-size: 1.5vw;
	}
	.pr_txt1_jp {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 7;
		padding: 20px 0%;
		text-align: center;
		font-size: 1.5vw;
	}
	.re_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 5;
		padding: 20px 0%;
		text-align: center;
		font-size: large;
	}
	.re_txt2 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		z-index: 5;
		padding: 20px 0%;
		text-align: left;
		font-size: x-large;
	}
	@media screen and (max-width: 1300px) {
		table {
			border-collapse: collapse;
			padding: 0.5rem;
		}
		th, td {
			border: 1px solid #000000;
		}
		.ta_1 {
			border: 1px solid #000000;
		}
		.ta_2 {
			border: none;
		}
		.ma_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 37%;
			left: 50%;
			z-index: 5;
			font-size: x-large;
			/* width: 120px; */
			font-weight: bold;
			text-align: center;
		}
		.ma_txt2 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 35%;
			right: 10%;
			z-index: 1;
			font-size: large;
			/* font-weight: bold; */
			text-align: right;
		}
		.ma_txt3 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 70%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 1;
			font-size: 11px;
			/* font-weight: bold; */
			text-align: center;
		}
			.ma_txt3_en{
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 70%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 1;
			font-size: 10px;
			/* font-weight: bold; */
			text-align: center;
		}
		.ma_txt3_jp{
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 70%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 1;
			font-size: 10px;
			/* font-weight: bold; */
			text-align: center;
		}
		.da_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			font-size: large;
			font-weight: bold;
		}
		.da_txt2 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			font-size: medium;
		}
		#te_box1 {
			width: 100%;
			height: 100;
			display: flex;
			position: static;
		}
		#te_box1 div {
			flex: 1;
			padding: 0% 5px;
			text-align: left;
		}
		#te_box1 div.half_widht {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 50%;
			flex: 1;
			text-align: left;
			flex: initial;
			font-size: 8pt;
		}
			#te_box1 div.half_widht_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 50%;
			flex: 1;
			text-align: left;
			flex: initial;
			font-size: 10px;
			overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
		}
			.te_txt1 {
		font-family: 'Nanum Gothic', Arial, sans-serif;
		position: static;
		z-index: 1;
		font-size: 1.56vw;
		font-weight: bold;
		text-align: left;
	}
		.te_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: static;
			z-index: 1;
			font-size: 2rem;
			font-weight: bold;
			text-align: left;
		}
		.te_txt2 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: static;
			z-index: 1;
			font-size: 1.6rem;
			/* font-weight: bold; */
			text-align: left;
		}
		.ad_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 25%;
			left: 60%;
			z-index: 1;
			font-size: x-large;
			font-weight: bold;
			text-align: left;
		}
		.ad_txt2 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 35%;
			left: 60%;
			z-index: 1;
			font-size: large;
			/* font-weight: bold; */
			text-align: left;
			line-height: 160%;
		}
		.ad_txt3 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 35%;
			left: 70%;
			z-index: 1;
			font-size: large;
			/* font-weight: bold; */
			text-align: left;
			line-height: 160%;
		}
		#in_box1 {
			width: 100%;
			position: relative;
			margin-Top: 60px;
			margin-bottom: 10px;
		}
		.in_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			/* position: absolute; */
			top: 8%;
			left: 50%;
			transform: translate(-50%);
			z-index: 1;
			font-size: medium;
			/* font-weight: bold; */
			text-align: center;
		}
		.in_txt2 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 15%;
			left: 40%;
			transform: translate(-50%);
			z-index: 1;
			font-size: medium;
			/* font-weight: bold; */
			text-align: left;
		}
		.in_txt3 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 15%;
			left: 30%;
			transform: translate(-50%);
			z-index: 1;
			font-size: medium;
			/* font-weight: bold; */
			text-align: left;
		}
		.in_txt4 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			/* position: absolute; */
			left: 50%;
			transform: translate(-50%);
			z-index: 1;
			font-size: 1.5vw;
			/* font-weight: bold; */
			text-align: center;
		}
		.hi_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			right: 50%;
			/* transform: translate(-50%); */
			z-index: 2;
			font-size: 1.2vw;
			text-align: right;
			margin: 30px;
		}
		.hi_txt2 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			/* top: 8%; */
			left: 50%;
			z-index: 2;
			font-size: 1.2vw;
			/* font-weight: bold; */
			text-align: left;
			margin: 30px;
		}
		.ce_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 45%;
			right: 75%;
			transform: translate(17%);
			z-index: 2;
			font-size: large;
			text-align: center;
			/* margin: 30px; */
		}
		.ce_txt2 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 88%;
			right: 75%;
			transform: translate(17%);
			z-index: 2;
			font-size: large;
			text-align: center;
			/* margin: 30px; */
		}
		.ce_txt3 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			top: 88%;
			left: 17%;
			transform: translate(10%);
			z-index: 2;
			font-size: large;
			text-align: center;
			/* margin: 30px; */
		}
		.ce_txt4 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 1.45vw;
		}
		.ce_txt4_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 1.45vw;
		}
		
			.ce_txt4_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 1.45vw;
		}
		.ce_txt5 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size:1.7vw;
		}
		.ce_txt5_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 1.7vw;
		}
		.ce_txt5_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 1.7vw;
		}
		#ce_box1 div.half_widht {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 10%;
			text-align: left;
			flex: initial;
			overflow: hidden;
			font-size: 1.7vw;
			font-weight: bold;
		}
			#ce_box1 div.half_widht_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 10%;
			text-align: left;
			flex: initial;
			overflow: hidden;
			font-size: 1.7vw;
			font-weight: bold;
		}
			#ce_box1 div.half_widht_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 10%;
			text-align: left;
			flex: initial;
			overflow: hidden;
			font-size: 1.7vw;
			font-weight: bold;
		}
		#pi_box1 div.half_widht {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 10%;
			text-align: left;
		}
			#pi_box1 div.half_widht_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 10%;
			text-align: left;
		}
		#pi_box3 div.half_widht {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 50%;
			text-align: center;
			flex: initial;
			overflow: hidden;
			font-size: large;
		}
		#pi_box5 div.half_widht {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 10%;
			text-align: center;
			flex: initial;
			overflow: hidden;
			font-size: large;
			font-weight: bold;
		}
		.pi_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: medium;
		}
		.pr_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 7;
			padding: 20px 0%;
			text-align: center;
			font-size: 1.5vw;
		}
			.pr_txt2_kr {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 7;
			padding: 20px 0%;
			text-align: center;
			font-size: 1.5vw;
		}
			.pr_txt1_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 7;
			padding: 20px 0%;
			text-align: center;
			font-size: 1.5vw;
		}
				.pr_txt1_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 7;
			padding: 20px 0%;
			text-align: center;
			font-size: 1.5vw;
		}
		#re_la {
			margin-Top: 10px;
			padding: 10px;
			width: 10vw;
			height: 4.5vw;
			font-size: 1.2rem;
		}
		.re_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 5;
			/* padding: 20px 0%; */
			text-align: center;
			font-size: large;
		}
		.re_txt2 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 5;
			padding: 20px 0%;
			text-align: left;
			font-size: large;
		}
		.re_button1 {
			display: inline-block;
			transition-duration: 0.2s;
			background-color: #ffffff;
			text-align: center;
			padding: 1vw 1vw;
			width: 20vw;
			height: 4.5vw;
			border: solid 1px #000000;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.re_button2 {
			display: inline-block;
			transition-duration: 0.2s;
			background-color: #283891;
			text-align: center;
			padding: 1vw 1vw;
			width: 20vw;
			height: 4.5vw;
			border: solid 1px #283891;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}
@media (max-width: 862px) {

	  #footer-placeholder {

    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 999;
	
  }
  #pi_box4 div.half_widht {
	font-family: 'Nanum Gothic', Arial, sans-serif;
	width: 50%;
	padding: 20px 0;
	text-align: left;
	flex: initial;
	overflow: hidden;
}
  .year{
	font-size: 11px;
  }

  .date{
	font-size: 11px;
  }
   .year{
	font-size: 11px;
  }
  .events{
	font-size: 11px;
  }
  .pr_d3_en{
	font-size: 10px;
  }
  .in_txt4 {
  font-size:11px;
}
  .pr_txt1_kr{
font-size: 11px;
justify-content: center;
  }
    .pr_txt2_kr{
font-size: 11px;
justify-content: flex-start;
  }
  	.pr_en_txt1{
		font-size: 10px;
	}
	.in_en_txt4{
		font-size: 10px;
	}
	.in_txt4_jp{
font-size: 10px;
	}
	#ce_box1 div {
padding : 9px;

	}
		#ce_box1 div.half_widht {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 10%;
			text-align: left;
			flex: initial;
			overflow: hidden;
			font-size: 11px;
			font-weight: bold;
		}
			#ce_box1 div.half_widht_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 10%;
			text-align: left;
			flex: initial;
			overflow: hidden;
			font-size: 10px;
			font-weight: bold;
		}
		#ce_box1 div.half_widht_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			width: 10%;
			text-align: left;
			flex: initial;
			overflow: hidden;
			font-size: 10px;
			font-weight: bold;
		}
		.ce_txt4 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 11px;
		}
		.ce_txt4_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 10px;
		}
		
			.ce_txt4_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 11px;
		}
		.ce_txt5 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size:11px;
		}
		.ce_txt5_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 10px;
		}
		.ce_txt5_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			z-index: 2;
			padding: 20px 0%;
			text-align: center;
			font-size: 10px;
		}
  #pi_box1 div.half_widht {
  font-size: 11px;
}
.hi_txt1 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			right: 50%;
			/* transform: translate(-50%); */
			z-index: 2;
			font-size: 11px;
			text-align: right;
			margin: 30px;
		}
		.hi_txt2 {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			/* top: 8%; */
			left: 50%;
			z-index: 2;
			font-size: 11px;
			/* font-weight: bold; */
			text-align: left;
			margin: 30px;
		}
		.hi_txt1_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			right: 50%;
			/* transform: translate(-50%); */
			z-index: 2;
			font-size: 11px;
			text-align: right;
			margin: 30px;
		}
		.hi_txt2_jp {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			/* top: 8%; */
			left: 50%;
			z-index: 2;
			font-size: 11px;
			/* font-weight: bold; */
			text-align: left;
			margin: 30px;
		}
		.hi_txt1_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			right: 50%;
			/* transform: translate(-50%); */
			z-index: 2;
			font-size: 11px;
			text-align: right;
			margin: 30px;
		}
		.hi_txt2_en {
			font-family: 'Nanum Gothic', Arial, sans-serif;
			position: absolute;
			/* top: 8%; */
			left: 50%;
			z-index: 2;
			font-size: 11px;
			/* font-weight: bold; */
			text-align: left;
			margin: 30px;
		}
  #pi_box1 div.half_widht_en {
  font-size: 10px;
}
  #pi_box1 div.half_widht_jp {
  font-size: 10px;
}
#pi_box1 div.half_widht_kr{
	font-size: 11px;
}
.ma_data_txt3{
	font-size: 11px;
}
.ma_data_txt3_jp{
	font-size: 10px;
}
.ma_data_txt3_en{
	font-size: 10px;
}
  .product_img{
	width: 100%;
	height: 180px;
}
.pr_d0{
font-size: 42;
}
.pr_d0{
	font-size:11px;
}
.pr_d2{
	font-size:11px;
}
.pr_d1{
	font-size: 11px;
	    height: 39%;
}

.pr_d1_jp{
	font-size: 10px;
	height: 36%;
}
.pr_d1_en{
	font-size: 10px;
}
.pr_d2_en{
	font-size: 10px;
}

.pr_d2_jp{
	font-size: 10px;
	    height: 40%;
}
  .introduce_1{
white-space: normal;
  }
  .introduce_jp_span_font{
	font-size: 10px;
  }
  .add_div2{
	width: 100%; height: 79vh;
}
.ma__font_txt{
	font-size: 10px;
} 
  .te_main_txt1{
	font-size: 11px;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;

  }
    .te_main_txt1_jp{
	font-size: 10px;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;

  }
    .te_main_txt1_en{
	font-size: 10px;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;

  }
   .te__main_txt2{
	font-size: 11px;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
	
  }
     .te__main_txt2_jp{
	font-size: 10px;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;

	
  }
    .te__main_txt2_en{
	font-size: 10px;
	overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
	
  }
  .te_d2{
	width: 100%;
  }
  #pi_box1 {
	    margin-Top: 30px;
    width: 100%;
	height: 200;
	display: flex;
}
  .half_widht_end{
	width: 0%
}
.p12{
	    font-size: 11px;
       font-weight: 600;
}
.p12_en{
	    font-size: 10px;
       font-weight: 600;
}
.p12_jp{
	    font-size: 10px;
       font-weight: 600;
}
.fu_a_txt_en{
font-size: 10px;
}
.fu_a_txt_jp{
	font-size: 10px;
}
.fu_a_txt{
	font-size: 11px;
}
.p13{
	    font-size: 11px;
        font-weight: 400;
}
.p13_en{
	    font-size: 11px;
        font-weight: 400;
}
.p13_jp{
	    font-size: 10px;
        font-weight: 400;
}
  .cetification1{

    height: 50vw;
    max-height: 768px;
    display: flex
;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    color: #ffffff;
    font-family: 'Nanum Gothic', Arial, sans-serif;
    margin-bottom: 6vw;
  }
    .cetification1_jp{

    height: 50vw;
    max-height: 768px;
    display: flex
;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    color: #ffffff;
    font-family: 'Nanum Gothic', Arial, sans-serif;
    margin-bottom: 6vw;
  }
  .cetification1_en{

    height: 50vw;
    max-height: 768px;
    display: flex
;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    color: #ffffff;
    font-family: 'Nanum Gothic', Arial, sans-serif;
    margin-bottom: 6vw;
  }

.certin_img{
 width:100%;
}


  #fu_box1{
	padding-bottom: 14px;
  }
  .cert-box {
	width: 100%;
}
#ma_box2{
	width: 100%;
}

.timeline {
  text-align: center;
  
  .year {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    
    span {
      display: inline-block;
      padding-bottom: 6px;  
    }
    
    &:after {
      content: "";
      display: block;
      width: 80%;
      margin: auto;
      height: 1px;
      background: #283891;
    }
    
    &--end {
      
      &:before {
        content: "";
        display: block;
        width: 80%;
        margin: auto;
        height: 1px;
        background: #283891;
      }
      
      &:after {
        content: none;
      }
    }
  }
  
  .days {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    .day {
      width: 100%;
      float: left;
      
      .events {
        position: relative;
        float: left;
        border-right: 1px solid #283891;
        padding: 20px;
         font-size: 11px;
        text-align: right;
        width: 50%;
        
        &:after {
          content: "";
          width: 40%;
          display: inline-block;
          height: 1px;
          background: #283891;
          
          position: absolute;
          right: 0;
        }
        
        .date {
          position: absolute;
          top: 50%;
          left: 100%;
          transform: translateY(-50%);
          
          padding: 30px;
          text-align: left;
          font-weight: 550;
          color: #283891;
          font-size: 13px;
          white-space: nowrap;
        }
        
        .day__img {
          margin-right: -30px;
          position: relative;
          overflow: hidden;
          
          img {
            display: block;
            float: right;
          }
          
          .caption {
            position: absolute;
            margin: 0;
            
            bottom: 0;
            right: 0;
            padding: 20px;
            background: rgba(#000, 0.7);
            color: #fff;
          }
        }
      }
      
      &:nth-child(odd) {
        .events {
          width: calc(50% + 1px);
          float: right;
          border-right: 0;
          border-left: 1px solid #283891;
          font-size: 11px;
          text-align: left;
          
          &:after {
            right: auto;
            left: 0;
          }

          .date {
            left: auto;
            right: 100%;
            text-align: right;
            
          }
          
          .day__img {
            margin-right: auto;
            margin-left: -30px;

            img {
              float: left;
            }

            .caption {
              right: auto;
              left: 0;
            }
          }
        }
      }
    }
  }
}
.timeline_en {
  text-align: center;
  
  .year {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    
    span {
      display: inline-block;
      padding-bottom: 6px;  
    }
    
    &:after {
      content: "";
      display: block;
      width: 80%;
      margin: auto;
      height: 1px;
      background: #283891;
    }
    
    &--end {
      
      &:before {
        content: "";
        display: block;
        width: 80%;
        margin: auto;
        height: 1px;
        background: #283891;
      }
      
      &:after {
        content: none;
      }
    }
  }
  
  .days {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    .day {
      width: 100%;
      float: left;
      
      .events {
        position: relative;
        float: left;
        border-right: 1px solid #283891;
        padding: 20px;
         font-size: 10px;
        text-align: right;
        width: 50%;
        
        &:after {
          content: "";
          width: 40%;
          display: inline-block;
          height: 1px;
          background: #283891;
          
          position: absolute;
          right: 0;
        }
        
        .date {
          position: absolute;
          top: 50%;
          left: 100%;
          transform: translateY(-50%);
          
          padding: 30px;
          text-align: left;
          font-weight: 550;
          color: #283891;
          font-size: 13px;
          white-space: nowrap;
        }
        
        .day__img {
          margin-right: -30px;
          position: relative;
          overflow: hidden;
          
          img {
            display: block;
            float: right;
          }
          
          .caption {
            position: absolute;
            margin: 0;
            
            bottom: 0;
            right: 0;
            padding: 20px;
            background: rgba(#000, 0.7);
            color: #fff;
          }
        }
      }
      
      &:nth-child(odd) {
        .events {
          width: calc(50% + 1px);
          float: right;
          border-right: 0;
          border-left: 1px solid #283891;
          font-size: 10px;
          text-align: left;
          
          &:after {
            right: auto;
            left: 0;
          }

          .date {
            left: auto;
            right: 100%;
            text-align: right;
            
          }
          
          .day__img {
            margin-right: auto;
            margin-left: -30px;

            img {
              float: left;
            }

            .caption {
              right: auto;
              left: 0;
            }
          }
        }
      }
    }
  }
}
.timeline_jp {
  text-align: center;
  
  .year {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    
    span {
      display: inline-block;
      padding-bottom: 6px;  
    }
    
    &:after {
      content: "";
      display: block;
      width: 80%;
      margin: auto;
      height: 1px;
      background: #283891;
    }
    
    &--end {
      
      &:before {
        content: "";
        display: block;
        width: 80%;
        margin: auto;
        height: 1px;
        background: #283891;
      }
      
      &:after {
        content: none;
      }
    }
  }
  
  .days {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    .day {
      width: 100%;
      float: left;
      
      .events {
        position: relative;
        float: left;
        border-right: 1px solid #283891;
        padding: 20px;
         font-size: 10px;
        text-align: right;
        width: 50%;
        
        &:after {
          content: "";
          width: 40%;
          display: inline-block;
          height: 1px;
          background: #283891;
          
          position: absolute;
          right: 0;
        }
        
        .date {
          position: absolute;
          top: 50%;
          left: 100%;
          transform: translateY(-50%);
          
          padding: 30px;
          text-align: left;
          font-weight: 550;
          color: #283891;
          font-size: 13px;
          white-space: nowrap;
        }
        
        .day__img {
          margin-right: -30px;
          position: relative;
          overflow: hidden;
          
          img {
            display: block;
            float: right;
          }
          
          .caption {
            position: absolute;
            margin: 0;
            
            bottom: 0;
            right: 0;
            padding: 20px;
            background: rgba(#000, 0.7);
            color: #fff;
          }
        }
      }
      
      &:nth-child(odd) {
        .events {
          width: calc(50% + 1px);
          float: right;
          border-right: 0;
          border-left: 1px solid #283891;
          font-size: 10px;
          text-align: left;
          
          &:after {
            right: auto;
            left: 0;
          }

          .date {
            left: auto;
            right: 100%;
            text-align: right;
            
          }
          
          .day__img {
            margin-right: auto;
            margin-left: -30px;

            img {
              float: left;
            }

            .caption {
              right: auto;
              left: 0;
            }
          }
        }
      }
    }
  }
}
/*introduce */
.pr_txt1{
	padding: 40px 0 10px 12px; 
	text-align: left; 
	display: flex;
	justify-content: space-around;
	font-size: 11px;
	
}
.pr_txt1_jp{
	padding: 40px 0 10px 12px; text-align: left; display: flex; 
	        justify-content: space-around;
	word-break: break-word;
white-space: normal;
overflow: hidden;
font-size: 10px;
}
.pr_txt1_en{
	padding: 40px 0 10px 12px; text-align: left; display: flex; justify-content: flex-end;
	word-break: break-word;
white-space: normal;
overflow: hidden;
font-size: 10px;
}


.introduce_span_font{
	    font-size: 11px;
}
.introduce_img{
	 width: 130vw;
}
.introduce_en_img{
	width: 109vw;
        padding-left: 16px;
}
.introduce_en_span_font{
	font-size: 10px;
	    margin-top: 4vw;
    padding-left: 25px;

    margin-bottom: 10px;
}
}
table.Language {
	position: absolute;
	margin-top: -35px;
	max-width: 40px;
	max-height: 40px;
	margin-bottom: -50px;
}

table.Language td {
	margin-top: -35px;
	max-width: 40px;
	max-height: 40px;
	border: none;
}

.Language {
	border-radius: 100px;
	margin-left: 80px;
	max-width: 40px;
	max-height: 40px;
}