* {margin:0;padding:0;}
a { text-decoration:none;color:inherit;}
a:link { text-decoration: none;color:inherit; }

li { list-style: none;}
line { width:100%;height:1px;background-color: #ddd;}
body { 
 font-family: 'Noto Sans KR', sans-serif;
 background-color: #292929;
 position: relative;
 font-size:14px;
}
.wrap {  
  background-color: #fff;
  color:#686868;
}

.index_title { font-size: 42px;font-weight: 600;color:#181717;}
.main_title { font-size:38px;font-weight: 600; }
.page_title {
  color:#2b2b2b;
  font-size: 38px;font-weight:600;
  text-align:center;
  padding-top:40px;
}
.page_title2 {
  font-size:25px;font-weight: 600;color:#2b2b2b;
}
.page_subtitle {
  font-size:18px;font-weight: 600;color:#2e388f;
}
.sub_title { font-size:30px;font-weight:300;color:#626262;}
.sub_title2 { color:#ada4a4;}

.page_list_title {
  font-size:22px;font-weight: 600;color:#272727;
  padding-bottom:30px;
}
.page_list_title:before {
  content: '';
  width:40px;
  height:3px;
  background-color:#29295a;
  position: absolute;
  margin-top: -10px;
}
header {
  margin:0 auto;
  width:100%;
  padding:10px 0 0 0;
  z-index: 9999;
  position: absolute;
}
.topmenu { 
  margin:0 auto;
  max-width: 1100px;
  display:flex;justify-content: right;
  padding-right:12px; 
  font-size:14px;
  color:#707070;
  padding:0 0 20px 0;
}
.topmenu li { padding:0 15px;position: relative;}
.topmenu li:after {
  position: absolute;
  content: '';
  top:4px;
  margin:0 15px;
  width:1px;
  background-color: #9b9b9b;
  height:13px;
}
.topmenu li:last-child::after {
  content:none;
} 

.nav_bar {
  max-width: 1100px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_menu { display: flex; }
.nav_menu > li { 
  position:relative;
  font-size:1.1rem;
  font-weight:600;
  color:#322016;
}
.nav_menu > li > a:hover {
 color:#3e339c;
}
.nav_submenu {  display: none;  }

.nav_submenu li:nth-last-child(1) {
  border-bottom:0;
}
.nav_menu li:hover .nav_submenu {
  display:block;
  position: absolute;
  font-size:0.9rem;
  font-weight: 300;
  text-align: center;
  left:50%;
  transform: translate(-50%,0%);
}
.nav_submenu li {
  color:#fff;
  border-bottom:1px solid #666666;
  white-space: nowrap;
}
.nav_submenu li a {
  display: block;
  padding:10px 40px;
  background-color: #322016;
}
.nav_submenu li a:hover {
  background-color: #666666;
}

.nav_menu > li > a { 
  padding:35px 15px 20px 15px;
  display: block;
}

.Fixedtop { 
  width:100%;
  margin:0 auto;
  height: 80px;
  position: fixed;
  top: 0px;
  text-align: center;
  color:#322016;
  background-color: #eceaea; 
  box-shadow: 0px 0.5px 7px 0px #929292;
}

.index_img { z-index: 1;position: relative; }
.index_img img { width:100%; }
.index_img p {
  position: absolute;
  z-index: 999;
  text-align: center;
  top:35%;left:38%;
  color:#fff;
  font-size: 2.3em;
  font-weight: 600;
}
.index_img p > span {
  color: white;
  font-size:19px;
  font-weight: 300;

}
.icol {
  margin:0 auto;
  padding:70px 0;
}
.col1 { 
  max-width: 1100px;
  height:360px;
  position:relative;
}
.col1 .main_title { color:#181717;}
.col1 p:nth-child(1) { font-size:42px;font-weight:600; }
.col1 p:nth-child(2) { font-size:30px;font-weight:300;color:#626262; }
.col1 p:nth-child(3) { padding:20px 0 80px 0;color:#ada4a4;} 

.col1 span {
  display:inline-block;
  font-size:16px;font-weight: 400;
  color:white;
  background-color: #004986;
  padding:10px 30px;
}
.col1 span:hover {background-color: #3670a0; }
.col1 span a { color:white; }

.col1 img { position:absolute; }
.col1 #index_img_01_01 { top:60px;right:200px;width:23%;}
.col1 #index_img_01_02 { top:120px;right:0px;width:23%;}

.col2 { 
  background-color: #f1f1f1;
  height:250px;
}
.col2>ul { 
  max-width: 1100px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}
.col2 .notice>ul {
  display: flex;
  justify-content: space-between;
  font-size:20px;font-weight:600;
  padding-bottom: 20px;
}
.col2 ul>ul {
  display: flex;
  align-items: center;
}
.col2 .customer {
  background-color: #adadad;
  height:250px;width:530px;
}
.col3 { 
  max-width: 1100px;
  text-align: center;
}
.col3 p:nth-child(2) { font-size:14px;color:#7a7575;padding-bottom:80px; }

.col4 { 
  background-color: #f1f1f1;
  padding:30px 0;
}
.col4>ul { 
  max-width: 1100px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}
.col4 p:nth-child(1) { font-size:38px;font-weight: 600; }
.col4 span { font-size:30px;font-weight: 500;}

.container {
  padding-top:140px;
}
.contents {
  max-width: 1100px;margin:0 auto;
  padding:70px 0;
  font-size:16px;
}

.sub_image {
  height:250px;
  color:#fff;
}
.page_header {
 text-align: center;
 padding-top:40px;
}
.subimg_text {
  max-width: 1100px;margin:0 auto;
  padding-left:100px;
  align-items:baseline;
  padding-top:80px;
}
.sub_page_menu {
  margin:0 auto;
  display: flex;
  justify-content: center;
}
.sub_page_menu li {
  position: relative;
  font-size:1rem;
  font-weight:400;
  color:#555555;
}
.sub_page_menu li a {
  display: inline-block;
  padding:13px 45px;
  border-right:1px solid #dddddd;
}
.sub_page_menu li:nth-child(1) {
  border-left:1px solid #dddddd;
}
.sub_page_menu li a:hover {
  background-color: #5d4e7a;
  color:#fff;
}

.s_line {
  height:1px;
  background-color: #dddddd;
}
.contents .html01_01 { 
  display:flex;
  justify-content: space-between;
}
.html01_01 p { padding:10px 0; }
.html01_01 li:nth-child(1) {
   padding:15px 30px 0 0;
}
.html01_01 img {
  border:1px solid #ddd;
  padding:20px;
} 

.html02_01 > ul { 
  position: relative;padding-bottom:120px;
}
.html02_01 > ul > li { padding-bottom:20px; }
.html02_01 ul > li { padding-top:5px;}
.html02_01 .red { color:red;font-weight: 600; }
.html02_01 img { 
   position:absolute;right:0;top:0;
   border:1px solid #dddddd;
   padding:20px;
  }
.html02_01 ul:nth-child(1) >  li {
  padding-right:330px;
} 
.html02_01 > ul > li:nth-child(2) {
  padding-left:10px;
}
.html02_01 .sub_list { padding:10px 0 20px 0; }

.html02_02 img {
  border:1px solid #dddddd;
}
.html02_02 > ul > li > ul > li {
  width:50%;
}
.html02_02 > ul > li > ul { 
  display: flex; justify-content: space-around;
  text-align: center;
}
.html02_02 .page_subtitle, .html02_03 .page_subtitle {
  display: block;text-align: center;
  padding-bottom: 20px;
}
.html02_02 > ul { padding-bottom:80px; }
.html02_03 .page_subtitle {
  padding-top:30px;
}
.html02_03 > ul { padding-bottom:80px; }
.html02_03 img {
  border:1px solid #ddd;
  padding:30px;
}
.rowtype {
  display: flex; justify-content: space-between;
  text-align: center;
}
.html02_03 .rowtype img {
  width:90%;
}
.html01_03 > ul {
  padding-bottom: 70px;
}
.html01_03 ul > li > ul { 
  display: flex;
  justify-content: space-around;
}
.html01_03 ul > li > ul > li {
  width:100%;
}
.html01_03 img { 
  width:338px;
  border:1px solid #ddd;
  padding:10px;
}
.html01_04 {
  display: flex;
  justify-content: space-between;
}
.html01_04 li span {
  font-size:19px;
}
.html02_06 {
  display: flex;
  justify-content: space-between;
}
.html02_06 span {
  font-weight: 600;
  font-size:1.2em;
  color:#322016;
}
.html02_06 { padding:0 0 70px 0;}
.html02_06 li {  padding:0 10px; }
.html02_06 li > img {
  border: 1px solid #ddd;
  padding:20px;
  width:450px;
}
.h02_06 > li img {
  border: 1px solid #ddd;
  padding:20px;
  width:90%;
}
.history {
  display:flex;
  justify-content: center;
}
.history li { 
  width:100%; 
  padding:0 50px 100px 50px;
  position: relative;
}
.history li:nth-child(2) {
  border-left:solid 1px #ddd;
}
.history dd { padding-bottom:50px;}
.history dd:before {
  content: '';
  width:13px;height:13px;
  border-radius: 50%;
  transform: translateY(-50%);
  background-color:white;
  border:4px solid orange;
  position: absolute;
  left:-11px;
  z-index: 999;
}
.history dt {
  font-size: 1.6rem;
  font-weight: 500;
  color:#322016;
}
.history .h_year {
  line-height: 1;
  font-size:4rem;
  font-weight: 500;
  color:#cccccc;
  font-style:italic;
  text-align: right;
}
.history span { 
  font-weight: 500;color:#322016;
  padding-right:10px;
}

.html04_01 ul { 
  display: flex;
  flex-wrap:nowrap;
  flex-grow: 1;
  justify-content: space-between;
}
.html04_01 ul li > ul {
  justify-content: left;
  padding:100px 0;
  border-bottom:solid 1px #ddd;
}
.html04_01 li { padding:0 10px;}
.html04_01 img { 
  padding:15px;border:solid 1px #ddd;width:160px;
  background-color: #efefef;
  min-height:100px;
}

footer { 
  padding:20px 0;
  text-align:center; 
  color:#fff;
  background-color: #292929;
}