@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';
} */
#top_content{
  margin-top: 2vw;
}

#navbar {
  overflow: hidden;
  background-color: #f1f1f1;
  padding: 1rem 0 1rem 1rem;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
}

#navbar #navbar-right a {
  float: left;
  color: black;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  border-radius: 4px;
}

#navbar #navbar-right a:hover {
  background-color: #ddd;
  color: black;
}

#navbar #navbar-right a.active {
  background-color: dodgerblue;
  color: white;
}

#navbar-right {
  margin-right:40px;
  float: right;
  display : flex;
  overflow : auto;
  white-space : nowrap;
}

#navbar #navbar-alogo a {
  background-color: #ddd;
  color: black;
}

#navbar #navbar-alogo a.hover {
  background-color: dodgerblue;
  color: white;
}

#navbar #navbar-alogo #logo {
  width: 150px;
  height: 42px;
  transition: 0.4s;
}

@media screen and (max-width: 1080px) {

  #navbar {
    padding: 10px 10px !important;
  }
  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
  #navbar-right {
    float: none;
  }
}



input{
  width: 80px;
  height: 30px;
  font-size: x-large;
	}

#content{
  display: flex;
  position: absolute;
  flex: 1;
}


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

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

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

.ta_2{
  border: none;
}






/* 메인페이지 */

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

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

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

#ma_box2 div{
  flex: 1;
  text-align: center;
  overflow: hidden;
  position: relative;
}


.ma_txt1{
  font-family: 'Nanum Gothic', Arial, sans-serif;
  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_txt3{
  font-family: 'Nanum Gothic', Arial, sans-serif;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* margin: 0 auto; */
  z-index: 1;
  font-size: 32pt;
  /* font-weight: bold; */
  text-align: center;
  white-space: nowrap;
}



/* 자료페이지 */

#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: 32px;
  font-weight: bold;
}

.da_txt2{
  font-family: 'Nanum Gothic', Arial, sans-serif;
  font-size: 26px;
}




/* 기술페이지 */

#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_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;
}



/* 주소페이지 */
.p12{
	    font-size: 1.7vw;
       font-weight: 600;
}
.p13{
	    font-size: 1.7vw;
        font-weight: 400;
}
.add_div3{
    padding-left: 1.4vw;
    display: flex;
    gap: 4.3vw;
    flex-direction: row;
	margin-bottom: 3vw;
  flex-wrap: wrap; 
}
.image-box {
height: 100%;
  flex: 2;
}
.responsive-image {

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

        /* 선택사항: 둥근 모서리 */
}
.t1{
flex:1;
width: 46%;
padding-top: 1.6vw
}

#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%;
}



/* 소개페이지 */

#in_box1{
  width: 100vw;
  position: relative;
  margin-Top:30px;
}

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

#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;
}

.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:26pt;
  text-align: center;
}



/* 연혁페이지 */

#hi_circle {
  width: 0px;
  height: 0px;
  margin: 0 auto;
  /* top:70px; */
  /* left: 50%;
  transform: translate(-50%); */
  border: solid 60px #283891;
  border-radius: 50%;
  z-index: 2;
  text-align: center;
  font-family: 'Nanum Gothic', Arial, sans-serif;
  /* text-align: 0 20px 20px 0; */
  position: relative;
}

#hi_line {
  border-left: solid 3px #283891;
  margin: 0 auto -15000px auto;
  height : 15200px;
  left: 50%;
  top: -15200px;
  /* transform: translate(50%); */
  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;
}


/* 인증페이지 */

#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;
  overflow: hidden;
}

#ce_box1 div.half_widht{
  font-family: 'Nanum Gothic', Arial, sans-serif;
  width: 10%;
  text-align: left;
  flex: initial;
  overflow: hidden;
  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;
}

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



/* 촬영 */

#pi_box1{
  width: 100%;
  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_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
}


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






/* 푸터 */
.fu_txt1 {
	    margin-top: 14px;
	display: flex;
    flex-direction: column;
	font-family: 'Nanum Gothic', Arial, sans-serif;
	font-size: small;
}
#fu_box1 {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
}

.fu_a{
	display: flex;
    flex-direction: row;
    justify-content: center;
}

#fu_box1 div{
  flex: 1;
  padding: 5px;
  text-align: center;
  overflow: hidden;
  font-size: 15px;
}

.fu_txt1{
  font-family: 'Nanum Gothic', Arial, sans-serif;
  font-size: small;
}

.fu_pic{
  max-width:30px; 
  margin-Top:-5px; 
  margin-bottom:10px;
}




/* @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;
  }

  .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_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: static;
    z-index: 1;
    font-size: xx-large;
    font-weight: bold;
    text-align: left;
  }

  .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_txt4{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    /* position: absolute; */
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
    font-size: large;
    /* 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: 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_txt5{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    z-index: 2;
    padding: 20px 0%;
    text-align: center;
    font-size: x-large;
  }

  #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;
  }

  #pi_box1 div.half_widht{
    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: 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: large;
  }


  .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: 1024px){

  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: large;
    /* 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_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: medium;
    /* 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: medium;
    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: medium;
    /* 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: medium;
  }

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

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

  #pi_box1 div.half_widht{
    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: 11pt;
  }


  #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) {
.p12{
	    font-size: 11px;
       font-weight: 600;
       
}
.p13{
	    font-size: 11px;
        font-weight: 400;
}
#fu_box1 div{
  flex: 1;
  padding: 5px;
  text-align: center;
  overflow: hidden;
  font-size: 11px;
}
}