@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* Free Webfont */
@font-face {
  font-family: 'Tenada';
  src: url('/assets/font/Tenada.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PuradakGentleGothicR';
  src: url('/assets/font/PuradakGentleGothicR.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OTWelcomeBA';
  src: url('/assets/font/OTWelcomeBA.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('/assets/font/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'GongGothicMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}




/* 에니메이션 ----------- */
/* Animation */

@keyframes fadeInUp {
  from {
      transform: translate3d(0,80px,0)
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

@-webkit-keyframes fadeInUp {
  from {
      transform: translate3d(0,80px,0)
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

@keyframes fadeInDown {
  from {
      transform: translate3d(0,-80px,0)
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1
  }
}

@-webkit-keyframes fadeInDown {
  from {
      transform: translate3d(0,-80px,0)
  }

  to {
      transform: translate3d(0,0,0);
      opacity: 1
  }
}


.animated-1s {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both
}

.animated-2s {
  animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: both
}

.animated-3s {
  animation-duration: 3s;
  animation-fill-mode: both;
  -webkit-animation-duration: 3s;
  -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
  opacity: 0
}


.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

.animatedFadeInDown {
  opacity: 0
}

.fadeInDown {
  opacity: 0;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
}





/* 폰트 ------------------------------------- */

.font-01 {font-family: 'Tenada';}
.font-02 {font-family: 'PuradakGentleGothicR';}
.font-03 {font-family: 'OTWelcomeBA';}
.font-04 {font-family: 'S-CoreDream-3Light';}
.font-05 {font-family: 'GongGothicMedium';}

.fw-normal {font-weight:normal;}
.fw-bold {font-weight:bold;}
.fw-1 {font-weight:100;}
.fw-2 {font-weight:200;}
.fw-3 {font-weight:300;}
.fw-4 {font-weight:400;}
.fw-5 {font-weight:500;}
.fw-6 {font-weight:600;}
.fw-7 {font-weight:700;}
.fw-8 {font-weight:800;}
.fw-9 {font-weight:900;}

.fs-1 {font-size:1em;}
.fs-125 {font-size:1.25em;}
.fs-15 {font-size:1.5em;}
.fs-175 {font-size:1.75em;}
.fs-2 {font-size:2em;}

.s-mt10 {margin-top:10px;}
.s-mt20 {margin-top:20px;}
.s-mt30 {margin-top:30px;}
.s-mt40 {margin-top:40px;}
.s-mt50 {margin-top:50px;}
.s-mt75 {margin-top:75px;}
.s-mt100 {margin-top:100px;}

.s-mb10 {margin-bottom:10px;}
.s-mb20 {margin-bottom:20px;}
.s-mb30 {margin-bottom:30px;}
.s-mb40 {margin-bottom:40px;}
.s-mb50 {margin-bottom:50px;}
.s-mb75 {margin-bottom:75px;}
.s-mb100 {margin-bottom:100px;}



/* 참고 :: 상단메뉴 #hd Container :: /theme/css */

/* 참고 :: 상단메뉴 디자인 = /shin_nav.css */


/* 메인배너 */
.titWrap {width:1200px; margin:0 auto; text-align:center; margin-top:70px; margin-bottom:30px;}
  .titWrap span {color:rgb(33, 61, 123)}
  .titWrap dl {width:100%; text-align:center;}
  .titWrap dt {font-size: 2em; color:#333; margin-bottom:5px;}
  .titWrap dd {font-size: 1em; letter-spacing: -1px;}

.main_banner_con {
  width:1280px; 
  height:450px; 
  margin:0 auto;
  margin-bottom:150px;
  -moz-box-shadow: 7px 7px 10px rgb(229, 229, 229);
  -webkit-box-shadow: 10px 10px 5px rgb(229, 229, 229);
  box-shadow: 10px 10px 5px rgb(229, 229, 229);
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
}
.main_banner_con dl {float:left; width:380px; height:400px; margin:23px; border-radius:10px; background-color: #eff2f5; text-align:center;}
  .main_banner_con dt {width:100%;}  
  .main_banner_con dt img {width:100%; border-radius: 10px 10px 15% 30%;}
  
  .main_banner_con dd {}

  .mb_s_title {font-size:20px; margin-top:20px;}
  .mb_s_con {font-size:14px; color:#2d3f55 }
  .mb_s_btn {width:150px; height:35px; line-height:35px; margin:0 auto; background-color:rgb(247, 247, 247); margin-top:10px; border:1px solid #d0d5da}
  .mb_s_btn a {display: block;}
  .mb_s_btn a:hover {color:#FFF; background-color:#8e143d;}
  
  

  @media (max-width: 768px) {
    .titWrap {width:100%; padding:20px;}
    .titWrap dd {font-size: 0.85em;}
    .main_banner_con {width:100%; height:auto; padding:30px; margin-bottom:100px; overflow: hidden; }
    .main_banner_con dl {
      width:100%;
      height:auto;
      padding-bottom:30px;
      margin:0;
      margin-bottom:30px;
      -moz-box-shadow: 5px 5px 10px rgb(229, 229, 229);
      -webkit-box-shadow: 5px 5px 10px rgb(229, 229, 229);
      box-shadow: 5px 5px 10px rgb(229, 229, 229);
      -moz-border-radius:25px;
      -webkit-border-radius:25px;
    }
  }



/* 최신글 */
.new_pr_con {position:relative; width:1200px; margin:0 auto; margin-bottom:50px;}

@media (max-width: 768px) {
  .new_pr_con {width:100%;}
}




  /* 서브페이지 - 배경이미지 */
.PageTitle {position:relative; width:100%; text-align:center; font-size: 3em; line-height: 230px; color:#fff; font-weight:bold;}

.Sub_visual_01 {
  position: relative;
  overflow: hidden;
  width:100%;
  height:230px;  
  background-image:url("/assets/shin_img/shin_bg1.jpg");
  background-size:cover; 
  background-position:center 40%;
  background-color: rgba(255, 255, 255, 0.3);
  background-blend-mode: multiply;
}

.Sub_visual_02 {
  position: relative;
  overflow: hidden;
  width:100%;
  height:230px;  
  background-image:url("/assets/shin_img/shin_bg2.jpg");
  background-size:cover; 
  background-position:center 40%;
  background-color: rgba(255, 255, 255, 0.3);
  background-blend-mode: multiply;
}



/* 서프페이지 메뉴 */
#shinsubmenu {height: 60px; margin-bottom:40px; border-bottom: 1px solid #ddd; font-size: 0; text-align: center;}
#shinsubmenu ul {width: 100%; margin:0; padding:0;}
#shinsubmenu li {display: inline-block; height: 100%; margin-right: 1px;}
#shinsubmenu li a {display: inline-block; padding: 0 30px; height: 100%; font-size: 18px; font-weight: 400; line-height: 60px; position: relative;}
#shinsubmenu li a:hover {color:rgb(33, 61, 123); font-weight:600;}
#shinsubmenu li:hover {border-bottom:2px solid rgb(33, 61, 123);}
#shinsubmenu li a:before {content: ""; display: block; width: 1px; height: 16px; background-color: #cecece; position: absolute; right: -1px; top: 50%; margin-top: -8px;}
#shinsubmenu li:last-child a:before {display: none;}
  .sub_m_line{border-bottom:2px solid rgb(33, 61, 123);}
  


@media (max-width: 768px) {
  .PageTitle {line-height: 150px; font-size:1.8em;}
  .Sub_visual_01 {height:150px;}
  #shinsubmenu {width:100%;}
  #shinsubmenu li a {padding: 0 10px; height: 100%; font-size: 16px; font-weight: 400; line-height: 60px; position: relative;}
}




/* 제품소개 */
#sit_inf_explan figure {
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.bo_title {position:relative; width:100%; margin-bottom:20px; font-size:18px; padding-bottom:15px; border-bottom:1px solid #333;}
#sit_inf_explan table,
.bo_v_tbl_con {width:100%; border:1px solid #c8c8c8;}
#sit_inf_explan th, .bo_v_tbl_con th {width:25%; padding:10px; text-align:center; background:#f8f8f8;}
#sit_inf_explan td, .bo_v_tbl_con td {width:auto; padding:10px;}

    .select_info_tx {font-size:16px; margin-top:30px; margin-bottom:10px;}
    .standard_info {padding-top:20px; padding-bottom:20px; margin-bottom:20px; border-top:2px solid; border-bottom:1px solid; background:#f8f8f8;}    
    .select_info {text-align:center; font-weight:bold; font-size:1.25em; padding-top:20px; padding-bottom:20px; margin-bottom:20px; background:#f8f8f8;}
    
    .bo_tt {float:left; width:115px; font-weight:600; text-align:right;}
    .bo_cc {float:left; margin-left:30px;}
    .bo_v_tbl_con button {
                background-color: #2677df; /* Green */
                border: none;
                color: white;
                padding: 5px 15px 5px;
                text-align: center;
                border-radius: 20px;
                text-decoration: none;
                display: inline-block;
                font-size: 12px;
            }
    .bo_v_tbl_con button:hover {background:#0456ec}

    .mb-20 {margin-bottom:20px;}

.bo_v_icons {width:100%; margin-top:20px;}
.bo_v_icons dl {float:left; text-align:center; margin-right:10px;}
.bo_v_icons img {border:1px solid #e1e1e1; border-radius:5px;}

@media (max-width: 768px) {
  #sit_inf_explan th, .bo_v_tbl_con th {width:23%; font-size:13px;}
  #sit_inf_explan td, .bo_v_tbl_con td {font-size:12px;}
  .bo_v_icons {font-size:13px;}
}



/* 서브페이지 - 공통 */
#Page_con {width:1200px; margin:0 auto; margin-top:30px; margin-bottom:30px; overflow: hidden;}
.contt_wrap {width:100%; text-align:center; margin-top:20px; margin-bottom:30px;}
  .contt_maintitle {width:100%; font-size:2em; font-weight:bold; font-family:'OTWelcomeBA'; line-height:30px;}
  .contt_subtitle {width:100%; color:#c2c1c9; font-weight:bold;}

  .contt_bg1 {
    width:100%;
    height:400px;
    overflow: hidden;
    background-image:url('/assets/shin_img/company.jpg');
    background-size:cover; 
    background-position:center 40%;
    background-blend-mode: multiply;
  }

  .contt_bg2 {
    width:100%;
    height:250px;
    overflow: hidden;
    background-attachment: fixed;
    background-image:url('/assets/shin_img/vision.jpg');
    background-repeat: no-repeat;
    background-position:center 100%;
  }

  .Sub_v_img1 {position: absolute; right:15%; top:17%;}
  .Sub_v_img1 img {width:85%;}
  .Sub_v_img2 {position: absolute; right:3%; top:38%;}
  .Sub_v_img2 img {width:60%;}

  .Sub_S_tit {width:100%; height:50px; overflow:hidden; margin-bottom:20px;}
  .Sub_S_p_wrap {position:relative; border-bottom:solid 2px #005e9e; padding:0; color:#7c869e;}
  .Sub_S_p_wrap .tectc { position:relative; margin:0; display:inline-block; height:35px; line-height:35px; padding:0 25px 0 30px; text-align:center; background: #005e9e; color:#fff;}
  .Sub_S_p_wrap .tectc { border-left:solid 20px #b4e1ff;}
  .Sub_S_p_wrap .tectc:before { position:absolute; top:0; right:-36px; display:inline-block; content:''; border-top:0px solid transparent; border-right:36px solid transparent; border-bottom:36px solid #005e9e;}
  .Sub_S_p_wrap .tectc:before { -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s;}

  .Sub_S_TBLtit {width:100%; height:50px; text-align:center; overflow:hidden;}
  .Sub_S_TBL_p_wrap {padding:0; margin:0 auto;}
  .Sub_S_TBL_p_wrap .tectc { position:relative; width:300px; margin:0; display:inline-block; height:35px; line-height:35px; text-align:center; background: #ebf1f4; color:#005e9e;}
  .Sub_S_TBL_p_wrap .tectc { border-left:solid 10px #b4e1ff; border-right:solid 10px #b4e1ff;}


@media (max-width: 768px) {
  #Page_con {width:100%; padding:20px;}
  .contt_bg1 {height:250px;}

  .Sub_v_img1 {display:none;}
  .Sub_v_img2 {display:none;}
}




/* 회사소개 - 회사소개 */
.contt_com {width:100%; margin-top:40px; color:#616161; text-align:center;}
.contt_com dl {width:100%;}
.contt_com dt {font-size:2em; letter-spacing: -1px; padding-bottom:20px; line-height:40px;}
.contt_com dt span {font-family:'OTWelcomeBA'; color:rgb(33, 61, 123);}
.contt_com dd {line-height:28px; font-size: 14px;}
  .contt_com_xp1 {margin-top:20px;}

  @media (max-width: 768px) {
    .contt_com {padding:17px;}
  }
  


/* 회사소개 - 회사연혁 */

.history_wrap {width:1200px; margin:0 auto; margin-bottom:20px; color:#616161;}
.his_left {float:left; width:550px; height:auto;}
  .his_img1 {position:relative; margin-top:20px; margin-bottom:90px;}
  .his_img1 img {width:90%; border-radius: 15px 50px 30px 5px;}

  .his_img2 {position:relative; margin-top:40px; margin-bottom:80px;}
  .his_img2 img {width:90%; border-radius: 15px 50px 30px 5px;}

.his_right {float:right; width:600px; height:auto; margin-bottom:30px; border-left: 1px solid #dee2e7;}
  .his_right dl {width:100%; text-align:left; margin-left:50px; margin-bottom:40px;}
  .his_right dt {font-weight:600; font-size: 2em; color:rgb(33, 61, 123); letter-spacing:-1px;}
  .his_right dd {font-size:14px;}
  .his_right dd span {font-weight:bold; margin-right:15px;}

  @media (max-width: 768px) {
    .history_wrap {width:100%;}
    .his_left {display:none;}
    .his_right {width:100%; border-left:0;}
    .his_right dl {margin-left:0;}
  }


/* 회사소개 - 비전 */
.visionWrap {width:1200px; overflow: hidden; margin:0 auto; color:#616161;}
  .visionback {background-color:#f5f5f5;}

/* 시장진입 전략방향 */
.vTit_01 {
  width:100%; 
  margin-top:100px;
  color:#fff;
  text-align:center;
  font-size: 1.75rem;
  font-weight: normal;
  font-family:'OTWelcomeBA';
  letter-spacing: -2px;
}
.vTit_02 {
  width:100%;
  color:#fff;
  text-align:center;
}

.paddingBox {
  padding:50px 30px;
}

.vTbox {width:100%; display:flex;}
  .column_left {margin-left:30px; }
  
.vTbox > div:first-child {
  width: 32%;
  -ms-flex-negative: 0;
        flex-shrink: 0;
}

.vTbox b {
  color: #e60012;
  font-weight: 600;
  margin: 2px 0 0;
}

.column_right .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;  
  gap: 0 10px;
  padding: 30px 20px;
}

.column_right .item:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}

.column_right {width:100%; border-top:1px solid #666666;}
.column_right .item dl {}
.column_right .item dt {color: #333333; font-size: 1.25em; font-weight: 500; letter-spacing:-1px;}
.column_right .item dd {line-height:24px; font-size:0.8rem;}


.smallTitle {
  color: #e60012;
  font-weight: 800;
}

.subTitle {
  color: #222222;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -2px;
}

.column_right .icon {
  height: 58px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 10px 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 추진계획 */
.vStit {width:100%; text-align:center; margin-top:50px; margin-bottom:50px;}
.visonPlan {width:1100px; margin:auto; overflow: hidden; margin-bottom:40px;}
  .vPwrap {margin:auto; vertical-align:middle; }
  .vPwrap dt {font-size:1em; text-align:center;}
  .vPwrap dd {padding:10px; line-height: 22px;}
  .vPwrap dd b {font-size:1.25em;}
    .steps {background:#06152b; padding:10px; color:#fff;}
    .steps span {font-size:1.25em; color:#f5c011;}
.visonPlan dl {float:left; width:300px; height:auto; padding:30px; background:#fff;}
.visonPlan dt:last-of-type {margin-bottom:15px;}
.visonPlan dd {font-size:0.8rem;}

.chevron {float:left; width:100px; height:100px; margin-top:130px;}
.chevron::before {
	border-style: solid;
	border-width: 1px 1px 0 0;
	content: '';
	display: inline-block;	
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(45deg);
	vertical-align: top;
	width: 50px;
  height: 50px;
}

/* 생산라인 전경 */
.vmtit {text-align:center; border-bottom:1px solid #b6b6b6; padding-bottom:30px; margin-top:80px; margin-bottom:50px;}
.visionimg {width:100%;}
.visionimg dl {float:left;}
.visionimg dl:last-child {float:right;}
.visionimg dt {text-align:center; font-size:1.25em; font-weight:700;}
.visionimg dt span {color:#fff; padding:7px 20px 6px; border-radius: 5px; background-color: #334c5c;}
.visionimg dd {padding:30px;}
.visionimg dd img {border-radius: 10px;}


@media (max-width: 768px) {
  .visionWrap {width:100%;}
  .vTit_01 {margin-top:50px; padding:20px;}
  .paddingBox {padding: 0;}
  .column_right b {padding:20px 20px 0px;}
  .column_right dl {padding:20px;}
  .vTbox {display:block;}
  .vTbox > div:first-child {
    width: 100%;
    -ms-flex-negative: 0;
          flex-shrink: 0;
  }
  
  .column_left {margin-left:0;}
  .smallTitle {width:100%; text-align:center;}
  .subTitle {width:100%; text-align:center;}
  .column_right {width:100%; margin-top:30px;}
  .column_right .item {display:block; gap:0; padding:20px 0;}
  .column_right .item dd {letter-spacing: -1px;}

  .vStit {margin-bottom:0;}
  .visonPlan {display:block; width:100%; padding:40px;}
  .visonPlan dl {width:100%; height:auto;}
  .chevron {width:100%; height:auto; text-align:center; margin-top:0px; margin-bottom:40px;}
  .chevron::before {transform: rotate(135deg);}

  .visionimg dl {width:100%; background-color: #f5f5f5;}
  .visionimg dl:last-of-type {margin-top:40px;}
  .visionimg dt {margin-bottom:10px;}
  .visionimg dd {padding:20px;}
  .visionimg dd img {width:100%;}
}



/* 회사소개 - 인증현황 */
.company03_ul {width:100%; overflow:hidden;}
.company03_ul img {display:inline-block;  width:351px; margin:0 23px 40px; border:1px solid #ccc;}

@media (max-width: 768px) {

  .company03_ul img {display:inline-block; width:46%; margin:0 1.6665% 20px;}
}


/* 회사소개 - 찾아오시는길 */
.contt_map {width:100%;}
.root_daum_roughmap {width:100% !important;}

.contt_map_tx {width:100%; margin-top:20px; padding:20px; border-top:1px solid #8d8d8d; border-bottom:1px solid #8d8d8d; background:#f7f7f7}
.contt_map_tx span {font-weight:bold;}
  .map_comp {margin-bottom:10px; font-family:'OTWelcomeBA'; letter-spacing:-1px; font-size:1.5em; font-weight:600; color:rgb(33, 61, 123);}
.contt_map_tx ul {padding:0; margin:0;}
.contt_map_tx li {line-height:25px;}

@media (max-width: 768px) {
  .contt_map_tx {margin-top:20px;}
}


/* 기술자료-보유기술 */
.techWrap {width:1200px; height:auto; overflow: hidden; margin-bottom:70px; letter-spacing: -0.5px; color:#444444;}

.tw_left {float:left; width:600px; text-align:center;}
.tw_left img {display:inline-block; width:280px; border-radius:5px; border:1px solid #e1e1e1;}
.tw_left img:first-of-type {margin-right:10px;}
.tw_right {float:left; width:600px; height:auto;}

  .tech_con {
    position:relative;
    float:right;
    width:100%;
    height:auto;
    padding:0 30px 0;
  }

  .tech_icon {position:absolute; top:0px; right:50px;}
  .tech_icon img {border-radius: 10px; border:1px solid #e1e1e1;}

  .tech_con dl {width:100%; padding-bottom:20px; margin-bottom:20px;}
  .tech_con dt {font-size:1.25em; font-weight:600; color:rgb(33, 61, 123);}
  .tech_con dt .tech_stit {width:100px; padding:5px 15px 5px; border-radius: 25px; background-color: #19a8d0; color:#fff;}
  .tech_con dd {text-align: justify;}
    .t_bold {font-weight: 600;}
    .t_con {padding-left:0px}
    .t_mt10 {margin-top:10px;}
    .t_mb10 {margin-bottom:10px;}
    .t_fw11 {font-size:11px;}

    .tech_tbl {width:100%; border-collapse:collapse; border-color:#ccc; border-spacing:0; font-size:11px; text-align:center; margin-top:10px;}
    .tech_tbl td {background-color:#fff; border-color:#ccc; border-style:solid; border-width:1px;color:#333; padding:5px;word-break:normal;}
    .tech_tbl th {background-color:#e8f9ff; border-color:#ccc; border-style:solid; border-width:1px;color:#333; padding:5px;word-break:normal;}
    .tech_tbl .tech_tbl-owlm {border-color:#c0c0c0; text-align:center; vertical-align:middle}

      .tech_s_left {float:left; width:150px; font-size:11px; text-align:center; padding:15px; margin-right:20px; margin-top:15px; overflow: hidden; border:1px solid #e1e1e1; background:#f7f7f7;}
      .tech_s_right {float:left; margin-top:15px;}
      .tech_s_right dl {float:left; width:160px; text-align:center;}
      .tech_s_right dt img {width:150px; border:1px solid #e1e1e1; border-radius: 5px;}
      .tech_s_right dd {font-size:11px;}

    .tech_ul1 {float:left; width:100%; margin-top:20px;}
    .tech_ul1 li {display:inline-block; font-size:11px; vertical-align:middle; text-align: center;}
    .tech_ul1 li img {width:150px; border-radius: 10px; border:1px solid #e1e1e1;}
      .tech_sc_tit {padding:10px; margin:10px; text-align:center; color:#fff; background-color: rgb(33, 61, 123);}

    .tech_ul2 {float:left; width:100%; margin-top:20px;}
    .tech_ul2 li {display:inline-block; font-size:11px; vertical-align:top;}
    .tech_ul2 li img {width:150px; border-radius: 10px; border:1px solid #e1e1e1;}
    .tech_ul2_ww {width:350px; margin-left:10px; text-align:left;}    

    
    @media (max-width: 768px) {
      .techWrap {width:100%; margin-bottom:40px;}
        .tw_left {width:100%; margin-bottom:30px;}
        .tw_left img:first-of-type {margin-right:0;}
        .tw_right {width:100%; padding:20px; background:#f7f7f7;}
       

      .tech_con {width:100%; height:auto; padding:0;}
      .tech_icon {display:none;}
      .tech_icon img {width:70%;}

        .tech_s_left {width:100%; border:0; border-bottom:1px solid #e1e1e1; margin-top:15px;}
        .tech_s_right {width:100%;}
        .tech_s_right dl {width:50%;}
        .tech_s_right dt img {width:90%;}

      .tech_ul2 {padding-bottom:30px;}
      .tech_ul2 li {display:flex; justify-content: center;}
      .tech_ul2_ww {margin-top:15px; } 

    }


/* 기술자료-시험성적서 */
.tech02_cont {float:left; width:100%; height:auto; margin-bottom:80px;}
.tech02_cont li {display:inline-block; width:390px; text-align:center;}
.tech02_cont li img {border:1px solid #e1e1e1; border-radius: 10px;}
.tech02_cont li span {font-weight:bold;}

.tech_tbl02 {width:100%; border-collapse:collapse; border-color:#9ABAD9; border-spacing:0; margin-bottom:40px; text-align:center;}
.tech_tbl02 td {border-color:#9ABAD9; padding:3px 0 3px; border-style:solid; border-width:1px;color:#444; vertical-align : middle;}
.tech_tbl02 th {background-color:#005e9e; padding:12px 0 12px; border-color:#9ABAD9; border-style:solid; border-width:1px;color:#fff; vertical-align : middle;}
.tech_tbl02 .tg-baqh{text-align:center; vertical-align:top}

@media (max-width: 768px) {
  .tech02_cont li {width:100%; margin-bottom:30px;}  

  .tech_tbl02 th {vertical-align:middle;font-size:0.6em; padding:5px 0 5px;}
  .tech_tbl02 td {font-size:0.65em;}
}

/* 기술자료-보유장비 */
.tech_tbl03_1 {width:100%;}
.tech_tbl03_1 td {width:50%; text-align:center; padding-bottom:50px;}
.tech_tbl03_1 dl {width:100%;}
.tech_tbl03_1 dt img {border:1px solid #e1e1e1; border-radius: 10px;}
.tech_tbl03_1 dd {font-size:1.25em; margin-top:15px; color:rgb(33, 61, 123)}

.tech_tbl03_2 {width:100%; border-collapse:collapse; border-color:#9ABAD9; border-spacing:0; margin-bottom:40px;}
.tech_tbl03_2 td {border-color:#9ABAD9; padding:5px 0 5px; border-style:solid; border-width:1px;color:#444; vertical-align : middle;}
.tech_tbl03_2 th {background-color:#005e9e; padding:12px 0 12px; border-color:#9ABAD9; border-style:solid; border-width:1px;color:#fff; vertical-align : middle;}
.tech_tbl03_2 .tg-baqh{text-align:center; vertical-align:top}


  @media (max-width: 768px) {
    .tech_tbl03_1 td {width:25%; padding:0 5px 30px;}
    .tech_tbl03_1 td img {width:100%;}
    .tech_tbl03_1 dd {font-size:1em;}

    .tech_tbl03_2 th {vertical-align:middle; font-size:0.75em; padding:5px 0 5px;}
    .tech_tbl03_2 td {font-size:0.75em;}

    .tg_none {display:none;}
  }



/* Contact US */
.contact_us {
  position: relative;
  overflow: hidden;
  width:100%; 
  min-height:350px; 
  background-image:url("/assets/shin_img/contact_bg2.jpg");
  background-size:cover;
  background-position:center;
}
  .contact_txt {width:1200px; margin:0 auto; margin-top:100px;color:#2d3f55;}
  .contact_txt dl {width:100%; text-align:center;}
  .contact_txt dt {font-size: 20px; font-weight: 600; letter-spacing: -1px;}
  .contact_txt dd {font-size: 40px; font-weight: 600; letter-spacing: -2px;}
    .contact_btn {
      width:200px;
      height:50px;
      line-height: 50px;
      font-size: 1.25em;
      border-radius: 4px;
      margin:0 auto;
      margin-top:30px;
      text-align: center;
      color:#fff;
      background-color: #0456ec;}
    .contact_btn a {display: block; color:#fff;}
    .contact_btn a:hover {display: block; border-radius: 4px; background-color: #8e143d;}

    @media (max-width: 768px) {
      .contact_txt {width:100%;}
      .contact_txt dt {font-size: 20px; font-weight: 600; letter-spacing: -1px;}
      .contact_txt dd {font-size: 26px; font-weight: 600; letter-spacing: -2px;}
    }


/* 하단주소 영역(footer) */
#shin_bottom {width:100%; color:#d6dbe0; font-size:12px; background-color:#020914;}
  .bot_snd {
    position:relative;
    width:100%;
    height:50px;
    line-height:50px;
    background-color: #06152b;
  }
  .bot_snd_wrap {position:relative; width:1200px; text-align:center; margin:0 auto;}
  .bot_snd_wrap ul {width:100%;}
  .bot_snd_wrap li {display:inline-block;}
  .bot_snd_wrap li:after {
    display:inline-block;
    width:1px;
    height:15px;
    margin:0 10px 0;
    background-color:#3c3c3c;
    vertical-align:middle;
    content:''; 
  }
  .bot_snd_wrap li:last-of-type::after {display:none;}
  
  .bot_snd_wrap li a {color:#fff;}
    .bot_txt a {color:#FFFFFF;}
    .bot_txt a:hover {text-decoration: underline;}
    .bot_txt a:first-of-type {color:#f5c011;}
    .bot_txt a + a::before {
      display:inline-block;
      width:1px;
      height:15px;
      margin: 0 1rem;
      background-color:#3c3c3c;
      vertical-align:middle;
      content:''; 
    }

    .sns_icon {
      position:absolute;
      top:0;
      right:0;
      width:100px;
      height:50px;
      border:1px solid #f8f8f8;
    }

    #siteinfo {
      position:relative;
      width:1200px;
      height:auto;
      padding : 30px 0 30px;
      margin:0 auto; 
    }
    #siteinfo .bot_info_txt1 {width:1200px; margin:0 auto;}
    #siteinfo .bot_info_txt1 ul {float:left; width:100%;}
    #siteinfo .bot_info_txt1 {display:inline-block;}
    #siteinfo .bot_info_txt1 span {margin-right:10px; line-height:25px;}


    #siteinfo .bot_company {margin-bottom:20px; font-size:2em;}

    #siteinfo .customer {position:absolute; top:30%; right:0; font-size:1em; text-align:center;}
    #siteinfo .customer span {display:block; font-weight:bold; opacity:0.5; line-height: 1.5rem; }
    #siteinfo .customer strong {font-size:1.25rem;}
    
    #siteinfo .security {opacity:0.7; margin-top:5px; margin-left:10px;}       

    #siteinfo .copyright {margin-top:25px; letter-spacing: 1px; font-size:1em; opacity:0.7;}


@media (max-width: 768px) {
  #shin_bottom .bot_snd_wrap {width:100%;}
  .bot_txt a {text-align:center;}
  #siteinfo {width:100%; padding:30px; text-align:center;}
  #siteinfo .customer {position: relative; margin-bottom:30px;}
  #siteinfo .bot_info_txt1 {width:100%;}
  #siteinfo .bot_info_txt1 span {display: block;}  
  #siteinfo .bot_info_txt2 span {display: block;}
}