/*********header***********/
.popup{position:absolute; top:15px; left:50%; transform: translateX(-50%); width:90%; z-index: 99999;}
.popup div img{width:100%; vertical-align: top;}
.popup p{padding:10px; text-align:right; background:#333;}
.popup p span{display:inline-block; padding:3px 5px; font-size:14px; color:#333; background:#fff;}

header {height: 60px; background:rgba(0, 0, 0, 0.7); position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; transition:.3s; overflow: hidden;}
header .logo_top {float: left; transition: .2s; margin-top: 10px; margin-left: 10px;}
header .logo_top:hover {opacity: .8;}
header .logo_top img {width: 150px; }

header .menu_btn {position: absolute; right: 10px; top: 15px; width: 30px; height: 25px;}
header .menu_btn h3 {font-size: 14px;}
header .menu_btn div {position: absolute; width: 100%; height: 3px; background: #fff; transition: .3s;}
header .menu_btn div:nth-child(1) {top: 0;}
header .menu_btn div:nth-child(2) {top: 50%; transform: translateY(-50%); left: 0;}
header .menu_btn div:nth-child(3) {bottom: 0;}


header .menu {position: fixed; right: -100%; top: 0; height: 100%; width: 65%; background: #fff; padding: 90px 20px 0 20px; border-left: 1px solid #A72B2A; transition:.3s;}
header .menu.on {right: -1%;}
header .menu div.sidemenu {position: relative; margin-bottom: 15px; border-bottom: 1px solid  #A72B2A;}
header .menu div.sidemenu p {color: #333; font-size: 16px; color: #A72B2A; padding-bottom: 10px; position: relative;}
header .menu div.sidemenu > a {display: block; font-size: 16px; color: #A72B2A; padding-bottom: 10px; position: relative;}
header .menu div.sidemenu p:before {position: absolute; content: ''; top: 30%; right: 10px; transform: translateY(-50%) rotate(-45deg); border-left: 2px solid #A72B2A; border-bottom: 2px solid #A72B2A; width: 7px; height: 7px; transition:.3s;}
header .menu div.sidemenu p.on:before {transform: rotate(135deg);}
header .menu div.sidemenu ul {padding-bottom: 10px; display: none;}
header .menu div.sidemenu ul li {position: relative;}
header .menu div.sidemenu ul li:before {position: absolute; content: ''; top: 50%; transform: translateY(-50%); width: 5px; height: 1px; border-radius: 50%; background: #A72B2A; left: 5px;}
header .menu div.sidemenu ul li a {display: block; color: #A72B2A; font-size: 12px; padding: 5px 0; transition: .3s; padding-left: 15px;}

header .close_btn {position: absolute; right: 0px; top:10px; width: 30px; height: 30px;}
header .close_btn div {position: absolute; width: 3px; height: 100%; background: #A72B2A; transition: .3s; transform-origin: center;}
header .close_btn div:nth-child(1) {transform: rotate(45deg); width: 3px; height: 100%;}
header .close_btn div:nth-child(2) {right: -30px;}
header .close_btn div:nth-child(3) {transform: rotate(-45deg); width: 3px; height: 100%;}

header .sns_box {text-align: center; margin-top: 30px;}
header .sns_box a {display: inline-block;}
header .sns_box a:nth-child(2) {margin: 0 10px;}
header .sns_box a img {width: 40px;}

.topbtn {position: fixed; bottom: 15px; right: 15px; display: block; width: 35px; height:35px; background: #A72B2A; z-index: 999999999; text-align: center; display: none; border-radius: 50%; border: 2px solid  #fff;}
.topbtn:before {position: absolute; content: ''; width:8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; transform: translate(-50%,-50%) rotate(-45deg); position: absolute; top: 50%; left: 50%; transition: .3s;}
.topbtn:hover:before {top: 50%;}
.topbtn a {display: block; height: 100%; position: relative;}
/*********header end***********/

/***************footer***************/
footer {text-align: center; background: #333; margin-bottom: 70px;}
footer .wrap .footer_logo img {width: 190px; padding-top: 20px;}
footer .wrap .footer_content {padding-top: 10px; padding-bottom: 30px;}
footer .wrap .footer_content h3 {font-size: 18px; margin-bottom: 15px; color: #A72B2A;}
footer .wrap .footer_content p {font-size: 12px; line-height: 2em; color: #ddd;}
footer .wrap .footer_content p span {margin-right: 10px;}

.footer_consult {background: url(../../img/main_pointbg.jpg) no-repeat center / cover; position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%;}
.footer_consult .wrap ul .footer_consult_txt {color: #fff; text-align: center;}
.footer_consult .wrap ul .footer_consult_txt a {color: #fff; display: block; height: 70px; padding: 10px 0;}
.footer_consult .wrap ul .footer_consult_txt a h2 {font-weight: 900; font-size: 18px;}
.footer_consult .wrap ul .footer_consult_txt a h3 {font-size: 24px;}
/***************footer end***************/

/**********main section***********/
/* visual swiper start */
.main_visual{width:100%; margin-top:60px;}

/* image_show_wrap 공통 */
.image_show_wrap,
.image_show_wrap2{
    position: relative;
    top: 0px;
    left: 0%;
    width: 100%;
}
.image_show_wrap{overflow: hidden; animation-duration: 1.4s;}
.image_show_wrap2{animation-duration: 1.4s;}

.show_img01{animation-name: show_img01;}
@keyframes show_img01{
    0%{opacity: 0; transform: translate3d(-100%, 0, 0);}
}
.show_img02{animation-name: show_img02;}
@keyframes show_img02{
    0%{opacity: 0; transform: translate3d(100%, 0, 0);}
}
.show_img03{animation-name: show_img03;}
@keyframes show_img03{
    0%{opacity: 0; transform: translate3d(100%, 0, 0);}
}
.show_img04{animation-name: show_img04;}
@keyframes show_img04{
    0%{opacity: 0; transform: translate3d(-100%, 0, 0);}
}
.show_img05{animation-name: show_img05;}
@keyframes show_img05{
    0%{opacity: 0; transform: translate3d(0, 100%, 0);}
}
.show_img06{animation-name: show_img06;}
@keyframes show_img06{
    0%{opacity: 0; transform: translate3d(0, -100%, 0);}
}
/* image_show_wrap 공통 */

/* section1 */
.section1{
  position: relative;
  padding:30px 0;
}
.products h2{
  font-size:24px;
  color:#002e7b;
  text-align: center;
  position: relative;
  padding-top:20px;
}
.products h2::before{
  position: absolute;
  content: '';
  top:0;
  left:50%;
  transform: translateX(-50%);
  width:40px;
  height:2px;
  background-color: #002e7b;
}
.products > p{
  font-size:16px;
  color:#333;
  text-align: center;
}
.products_list{padding:30px 0;}
.products_list ul{margin-bottom:5px;}
.products_list li{
  text-align: center;
  border:1px solid #ccc;
  padding:20px 0;
}
.products_list h3{
  font-size:16px;
  height:43px;
  color:#333;
  text-align: center;
  font-weight: 400;
  padding-top:20px;
}
.products_list p{
  font-size:16px;
  color:#333;
  text-align: center;
}
/* section1 */

/* section1_1 */
.importance{position: relative; text-align: center;}
.importance .image_show_wrap,
.importance .image_show_wrap2{
    position: relative;
    top: 0px;
    left: 0%;
    width: 100%;
}
.importance .image_show_wrap{overflow: hidden; animation-duration: 1.4s;}
.importance .image_show_wrap2{animation-duration: 1.4s;}

.importance img{
  width:100%;
  height:450px;
  object-fit: cover;
}
.importance_text{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width:100%;
}
.importance_text h2{
  font-size:24px;
  color:#fff;
  text-align: center;
}
.importance_text p{
  font-size:16px;
  color:#fff;
  text-align: center;
  padding:30px 0 90px 0;
}
.importance_text a{
  color:#fff;
  border:1px solid #ccc;
  font-size:14px;
  padding:10px 60px 10px 20px;
  position: relative;
  transition: all .3s ease-in-out;
}
.importance_text a::before{
  position: absolute;
  content: '>';
  top:50%;
  transform: translateY(-50%);
  right:30px;
  font-size:18px;
  transition: all .3s ease-in-out;
  color:#fff;
}
.importance_text a:hover {background-color: #bf0b2c; color:#fff;}
.importance_text a:hover::before{right:20px;}
/* section1_1 */

/* section2 */
.section2{
  position: relative;
  padding:30px 0;
}
.certificate h2{
  font-size:24px;
  color:#002e7b;
  text-align: center;
  padding:20px 0;
  position: relative;
}
.certificate h2::before{
  position: absolute;
  content: '';
  top:0;
  left:50%;
  transform: translateX(-50%);
  width:40px;
  height:3px;
  background-color: #002e7b;
}
.certificate ul{margin-bottom:10px;}
.certificate li img{width:100%; height:100%;}
/* section2 */

/* section3 */
.section3{
  position: relative;
  padding:30px 0;
}
.slide h2{
  font-size:24px;
  color:#002e7b;
  text-align: center;
  padding:20px 0;
  position: relative;
}
.slide h2::before{
  position: absolute;
  content: '';
  top:0;
  left:50%;
  transform: translateX(-50%);
  width:40px;
  height:3px;
  background-color: #002e7b;
}
.slide .swiper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.slide .swiper-slide {
  width:100%;
  height:100%;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;

  /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.slide .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* slide swiper end */
/* section3 */

/* section4 */
.section4{
  position: relative;
  padding:30px 0;
}
.section4 .banner h3{
  font-size:40px;
  color:#88746a;
  margin-bottom:-10px;
}
.section4 .banner span{
  display: block;
  font-size:34px;
  color:#88746a
}
.section4 .banner li{position: relative;}
.section4 .line img{width:100%;}
.section4 .line{
  position: absolute;
  top:20px;
  right:40px;
}
.section4 .banner li{
  border:1px solid #a72b2a;
  padding:20px;
  text-align: center;
}
.section4 .banner li h3{
  font-size:24px;
  color:#88746a;
  text-align: center;
}
.section4 .banner li p{
  font-size:16px;
  color:#88746a;
  padding:20px 0;
}
.section4 .banner li a{
  display: block;
  font-size:16px;
  color:#fff;
  background-color: #a72b2a;
  width:120px;
  margin:0 auto;
  margin-top:10px;
  padding:5px 40px 5px 20px;
  transition: all .3s ease-in-out;
  position: relative;
}
.section4 .banner li:last-child a::before{
  position: absolute;
  content: '>';
  top:50%;
  transform: translateY(-50%);
  right:20px;
  font-size:20px;
  color:#fff;
  transition: all .3s ease-in-out;
}
.section4 .banner li:last-child a:hover{color:#a72b2a; background-color: #fff;}
.section4 .banner li:last-child a:hover::before{color:#a72b2a; right:10px}

/**********main section end***********/

/**************sub common******************/
.sub {background: url(../../img/subbg.jpg) no-repeat center / cover;}
.sub > .wrap {padding: 0 15px; padding-bottom: 50px;}
.subtop {background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; position: relative; padding-top: 80px; padding-bottom: 30px;}
.subtop h3 {font-size: 28px;}
.subtop h1 {font-size: 36px; margin-bottom: 15px; font-weight: 900;}
.subtop p {font-size: 14px; opacity: .7; letter-spacing: 0; line-height: 2em; font-weight: 300; display: none;}
.subtop01 {color:#A72B2A;}
.subtop02 {color: #002e7b;}
.subtop03 {color:#A72B2A;}
.subtop04 {color: #002e7b;}
.subtop05 {color:#A72B2A;}
.subtop06 {color: #002e7b;}
.subtop07 {color:#A72B2A;}
.subtop08 {color: #002e7b;}
.subtop09 {color:#A72B2A;}
.subtop10 {color: #002e7b;}
.subtop11 {color: #A72B2A;}

.board .mCategory{ margin-bottom:40px;}
.board .mCategory .cat_bar{display: none;}

.board .mCategory a {font-size: 0;}
.board .mCategory a{text-align: center; display: inline-block; padding: 10px 0; font-size: 12px; color: #333; transition: .3s; letter-spacing: -1px; width: calc(100% / 3);}
.board .mCategory a b{display: block; font-weight: 400; font-size:12px; color:#fff; letter-spacing: -1px; padding: 10px 0;}

.sub01_01 .board .mCategory a b{color:#fff; background-color: #A72B2A;}
.sub01_01 .board .bbs_paging tr td b{background: #A72B2A;}

.sub02_01 .board .mCategory a b{color:#fff; background-color: #002e7b;}
.sub02_01 .board .bbs_paging tr td b{background: #002e7b;}

.sub03_01 .board .mCategory a b{color:#fff; background-color: #A72B2A;}
.sub03_01 .board .bbs_paging tr td b{background: #A72B2A;}

.sub04_01 .board .mCategory a b{color:#fff; background-color: #002e7b;}
.sub04_01 .board .bbs_paging tr td b{background: #002e7b;}

.sub05_01 .board .mCategory a b{color:#fff; background-color: #A72B2A;}
.sub05_01 .board .bbs_paging tr td b{background: #A72B2A;}

.sub06_01 .board .mCategory a b{color:#fff; background-color: #002e7b;}
.sub06_01 .board .bbs_paging tr td b{background: #002e7b;}

.sub07_01 .board .mCategory a b{color:#fff; background-color: #A72B2A;}
.sub07_01 .board .bbs_paging tr td b{background: #A72B2A;}

.sub08_01 .board .mCategory a b{color:#fff; background-color: #002e7b;}
.sub08_01 .board .bbs_paging tr td b{background: #002e7b;}

.sub09_01 .board .mCategory a b{color:#fff; background-color: #002e7b;}
.sub09_01 .board .bbs_paging tr td b{background: #002e7b;}

.sub10_01 .board .mCategory a b{color:#fff; background-color: #A72B2A;}
.sub10_01 .board .bbs_paging tr td b{background: #A72B2A;}

.sub_tabmenu ul{font-size:0;}
.sub_tabmenu li{display:inline-block;}
.sub_tabmenu li a{
  display: block;
  font-size:12px;
  text-align: center;
  color:#333;
  height:40px;
  line-height: 40px;
  transition: all .3s ease-in-out;
}
.tabmenu11 li{width:50%;}
.sub11_01 .sub_tabmenu li:nth-child(1) a{background-color: #A72B2A; color:#fff;}
.sub11_02 .sub_tabmenu li:nth-child(2) a{background-color: #A72B2A; color:#fff;}

.subtitle {position: relative; text-align: center; margin: 40px 0;}
.subtitle h2 {font-size: 38px; padding-bottom: 12px; color: #333; position: relative;}
.subtitle p { font-size: 11px; color: #666; margin-top: 15px; line-height: 2em;}
.subtitle p strong {color: #A72B2A; line-height: 2em; display: block; font-size: 11px;}
.subtitle:before {position: absolute; content: ''; width: 50px; height: 1px; background: #A72B2A; left: 50%; transform: translateX(-50%); bottom: 60px;}

.stable {width: 100%; border-color: #cecece;}
.stable th {background: #A72B2A; color: #fff; font-size: 14px; width: 20%;}
.stable td {font-size: 10px; color: #666; text-align: center;}
.stable tr:nth-child(1) th {border-bottom: 1px solid #fff;}
.stable th,
.stable td {padding: 10px 0;}
.stable td a {color: #A72B2A; font-weight: 700; transition:.3s; font-size: 12px;}
.stable td a:hover {opacity: .8;}

/**************sub common end******************/

/**************sub ******************/

/**************sub end******************/

.sub_board .prd_list li {width: 100%; margin-right: 0; margin-bottom: 15px;}
.sub_board .prd_list li .img_box {height: 250px;}
.sub_board .prd_view_table_head tr > td {display: block; width: 100%;}
.sub_board .AWbbs_f_search input[type="text"] {width: inherit;}

.sub06_04 .consult_cont th,
.sub01_05 .consult_cont th {width: 30%; font-size: 12px;}
.sub_interior_slide img {width: 100%;}