@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);

@charset "utf-8";
* {font-family:"Noto Sans KR", sans-serif;}
/* Reset CSS  */
html { height: 100%; overflow-y:scroll;}
body { font-size: 13px; font-family:"Noto Sans KR", sans-serif; color:#333; /*overflow: hidden;*/}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 26px;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}
p{word-break: keep-all;}

.container { max-width: 1400px; margin: 0 auto; position: relative; }
.container:after {
  content: "";
  display: block;
  clear: both;
}

.header_wrap { position: absolute; width: 100%;transition: 0.3s; z-index: 9999;background: rgba(255,255,255,0.2)}
#header { padding: 20px 0; }
#header .menu { position: absolute; width: 50%; right: 200px; top: 0; }
#header .menu>li { float: left; width: 25%; text-align: center;position: relative; line-height: 68px}
#header .menu li.close { display: none;cursor: pointer;}
#header .menu li a { color: #333; display: block; font-size: 17px; }
#header .menu>li>ul {
  top: 55px;
  left: 0;
  display: none;
  padding: 0 !important;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 99;
  position: absolute;
}

#header .menu>li>ul li {
  margin: 0 5px;
  line-height: 24px !important
}

#header .menu>li>ul li a {
  display: block;
  padding: 10px;
  font-size: 14px;
  color: #414141;
  text-transform: uppercase;
}

#header .menu>li>ul li a:after {
  display: none
}

#header .menu>li>ul li a:hover {
  color: #5a157e;
  text-decoration: none;
  font-weight: bold
}
#header .cata { position: absolute; right: 80px; top: 20px; color: #fff; font-weight: 300;font-size: 16px;
border:solid 1px #333;padding:5px 15px;border-radius: 30px}
#header .cata a{color:#333}
#header .lang { position: absolute; right: 0; top: 28px; color: #fff; font-weight: 300; }
#header .lang a { color: #333; }
#header .lang a.on { font-weight: 600; }
#header .logo div { background: url('../img/davidaqua_logo_on.png') no-repeat center center / cover; width: 354px; height: 68px; }
#header .mob_menu { display: none; }
.header_wrap:hover { background: #fff; }
.header_wrap:hover #header .logo div { background: url('../img/davidaqua_logo_on.png') no-repeat center center / cover; }
.header_wrap:hover #header .menu li a, .header_wrap:hover #header .lang, .header_wrap:hover #header .lang a ,.header_wrap:hover #header  .cata a{ color: #005d8b; }
.header_wrap:hover #header  .cata {color:#005d8b;border:solid 1px #005d8b}



.main_banner {position: relative; overflow: hidden; width:100%}
.main_banner .arrow{position:absolute; top:50%; z-index: 99; left:50%; transform: translateX(-50%); width:100%}
.main_banner .arrow span{position:relative; display: inline-block; width:50px; height:50px; cursor:pointer; border-radius: 25px; border:1px solid #fff;}
.main_banner .arrow span::after{content:""; display:block; width:16px; height:16px; position:absolute; top:17px; border-left:1px solid #fff; border-bottom:1px solid #fff;}

.main_banner .arrow .prev::after{transform:rotate(45deg);left:19px; }
.main_banner .arrow .next{float:right;}
.main_banner .arrow .next::after{transform:rotate(-135deg);left: 12px;}





/* .main_banner .content{width:400%;}
.main_banner .content li{float:left; width:25%; max-height:750px; min-height:300px; height:40vw; position:relative; } */
.main_banner .content li { max-height:750px; min-height:300px; height:40vw; position:relative; }
.main_banner .content .slide01 {background:url("../img/banner1.png") no-repeat center center;background-size:cover;}
.main_banner .content .slide02 {background:url("../img/banner4.png") no-repeat center center;background-size:cover;}
.main_banner .content .slide03 {background:url("../img/banner5.png") no-repeat center center;background-size:cover;}
.main_banner .content .slide04 {background:url("../img/banner6.png") no-repeat center center;background-size:cover;}
.main_banner .content .m_box{max-width:1400px;margin:0 auto; position:relative; max-height:950px; min-height:300px; height:50vw;}
.main_banner .content .m_box .sl_box{position:relative; top:40%; transform:translateY(-50%); text-align:center; color:#fff;}
.main_banner .content .m_box .sl_box h3{font-size:50px; text-transform: uppercase;}
.main_banner .content .m_box .sl_box p{font-size:21px;}

.main_banner .content .slide01 .sl_box,.main_banner .content .slide02 .sl_box{text-align: left; padding-left:100px;}



/*scroll-icon*/
.main_banner .scroll-icon{position:absolute; left:0; width:30px; height:50px; border-radius: 15px; border:2px solid #fff; bottom:60px; left:50%; transform: translateX(-50%); z-index: 100; }
.main_banner .scroll-icon::after{ content:""; display:block; width:10px; height:10px; position:absolute; bottom:-15px; left:50%; transform: translateX(-50%) rotate(45deg); border-right:2px solid #fff; border-bottom:2px solid #fff;}
.main_banner .scroll-icon::before {content:""; position: absolute; top: 10px; left: 50%; width: 6px;height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%;
-webkit-animation: scroll-move 2s infinite; animation: scroll-move 2s infinite; box-sizing: border-box;}

@-webkit-keyframes scroll-move {
  0% {-webkit-transform: translate(0, 0); opacity: 0;}
  40% {opacity: 1;}
  80% {-webkit-transform: translate(0, 20px); opacity: 0;}
  100% {opacity: 0;}
}

@keyframes scroll-move {
  0% {transform: translate(0, 0); opacity: 0;}
  40% {opacity: 1;}
  80% {transform: translate(0, 20px); opacity: 0;}
  100% {opacity: 0;}
}

.sub_banner {position: relative; overflow: hidden; width:100%}
.sub_banner.sub01 {  }

/* middle */
span.middle { display: inline-block;vertical-align: middle;width: 0; height: 100%;}
span.middle + * {  display: inline-block; vertical-align: middle;}

#content {overflow: hidden;}
#content.main_content h1 { font-size: 46px; }
#content.main_content h2 { font-size: 24px; color: #545454; font-weight: 300; line-height: 38px; padding-top: 15px; padding-bottom: 45px; }
#content.main_content #section01 { padding-top: 100px; }
#content.main_content #section01 ul { width: calc(100% + 13px);  }
#content.main_content #section01 ul li { float: left; width: calc(25% - 13px); margin-right: 13px; height: 250px; }
#content.main_content #section01 ul li:nth-of-type(1) { background: url('../img/main_products_img1.png') no-repeat center center / cover; }
/* #content.main_content #section01 ul li:nth-of-type(2) { background: url('../img/main_products_img2.png') no-repeat center center / cover; } */
#content.main_content #section01 ul li:nth-of-type(2) { background: url('../img/main_products_img5.png') no-repeat center center / cover; }
/* #content.main_content #section01 ul li:nth-of-type(3) { background: url('../img/main_products_img3.png') no-repeat center center / cover; } */
#content.main_content #section01 ul li:nth-of-type(3) { background: url('../img/main_products_img6.png') no-repeat center center / cover; }
/* #content.main_content #section01 ul li:nth-of-type(4) { background: url('../img/main_products_img4.png') no-repeat center center / cover; } */
#content.main_content #section01 ul li:nth-of-type(4) { background: url('../img/main_products_img7.png') no-repeat center center / cover; }
#content.main_content #section01 ul li a { display: block; text-align: center; color: #fff; font-size: 20px; font-weight: 600; position: relative;height:100%; padding-top: 75px; }

#content.main_content #section01 ul li a span{position:relative; display:block; width:50px; height:50px; cursor:pointer; border-radius: 25px; border:1px solid #fff; margin:16px auto 0;}
#content.main_content #section01 ul li a span::before,
#content.main_content #section01 ul li a span::after{content:""; display:block; width:20px; height:1px; background: #fff; position:absolute; top:25px; left:14px; transition-duration: 0.3s}
#content.main_content #section01 ul li a span::before{transform:rotate(90deg);}

#content.main_content #section01 ul li a:hover span::before{transform:rotate(180deg);}
  #content.main_content #section01 ul li a:hover span::after{transform:rotate(90deg);}

#content.main_content #section02 { padding-top: 100px; padding-bottom: 130px; position: relative;}
#content.main_content #section02 h1, #content.main_content #section02 h2 { text-align: center; }
#section02 .section02_sl_w {
  position: relative;
  overflow: hidden;
      height: 100%;
}

#section02 .section02_sl>li{
  position: relative;
  float:left;
  height:100%;
  text-align: center;
  background: #fff;
}
#content.main_content #section02 iframe{max-width: 1200px;}
#section02 .arrow{position:absolute;top:calc(50% - 15px);width:22px;height:44px;text-align:center;display:inline-block;line-height:52px;z-index:10;color:#333;font-size:50px}
#section02 .left{left:10%;background-image: url(/home/img/sl_left.png);}
#section02 .right{right:10%;background-image: url(/home/img/sl_right.png);}


#content.main_content #section03 { padding: 100px 0; background: #fbfbfb; position: relative; }
#content.main_content #section03:before { content: ""; width: 40%; height: 100%; background: #09618e; position: absolute; left:0; top:0; }
#content.main_content #section03 h1, #content.main_content #section03 h2 { color: #fff; }
#content.main_content #section03 .section03-1{float:left;    width: 40%;}
#content.main_content #section03 .section03-1 a { color: #fff; font-size: 21px; font-weight: 600; }
#content.main_content #section03 .section03-2 { float: right;    width: 60%; }

#content.main_content .link-wrap{display:inline-block;}
#content.main_content .link-wrap span{width: 60px; position: relative; display: inline-block; margin:0 0 8px 26px}
#content.main_content .link-wrap span::before {content:""; display:block; position: absolute; background: #00a6e0; width: 40px; height: 40px; border-radius: 40px; left:-20px; transform: translateY(-50%); transition-duration: 0.3s;}
#content.main_content .link-wrap span::after { content:""; display: block;width: 100%; height: 2px; position: absolute; background: #fff;  z-index:10}
#content.main_content .link-wrap a:hover + span::before{left:40px}

#content.main_content #section03 img { max-width: none; }
#content.main_content #section04 { background: url('../img/main_contact_bg.png') no-repeat center center / cover; padding: 120px 0; }
#content.main_content #section04 a { color: #fff; font-size: 21px; font-weight: 600; }
#content.main_content #section04 h1, #content.main_content #section04 h2 { color: #fff; }

.sub_banner { height: 520px; }
.sub_banner h1 { color: #fff; font-size: 67px; text-align: center; padding-top: 250px; letter-spacing: -0.5px; }
.banner_1 { background: url('../img/sub_01.png') no-repeat center center / cover; }
.banner_2 { background: url('../img/sub_02.png') no-repeat center center / cover; }
/* .banner_2.cbanner_2 { background: url('../img/sub_0202.png') no-repeat center center / cover; } */
.banner_2.cbanner_2 { background: url('../img/sub_0204.png') no-repeat center center / cover; }
.banner_2.cbanner_3 { background: url('../img/sub_0206.png') no-repeat center center / cover; }
/* .banner_2.cbanner_4 { background: url('../img/sub_0204.png') no-repeat center center / cover; } */
.banner_2.cbanner_4 { background: url('../img/sub_0205.png') no-repeat center center / cover; }
.banner_3 { background: url('../img/sub_03.png') no-repeat center center / cover; }
.banner_4 { background: url('../img/sub_04.png') no-repeat center center / cover; }
.tit_nav { color: #a3a3a3; font-size: 16px; font-weight: 400; letter-spacing: -0.3px; padding: 22px 0; font-weight: 300; border-bottom: 1px solid #ebebeb; }
.tit_nav span { position: relative; bottom: 2px;    text-transform: uppercase; }
.tit_nav span:before { content: " > "; padding: 0 10px; }

.company { padding-top: 120px; padding-bottom: 180px; position: relative; }
#who01 h1 { font-size: 46px; }
#who01{padding-bottom: 250px;}
#who01 .ceo { width: 55%; padding-right: 100px; box-sizing: border-box; font-weight: 300; font-size: 16px; padding-top: 25px; line-height: 28px; }
#who01 .ceo img{margin:-15px 0 0 10px;}
#who01 .ceo .ceo_name p {font-size: 20px; padding-top: 20px;}
#who01 .ceo .ceo_name b { margin-right: 20px; }
#who01 .ceo .ceo_name b:first-of-type { font-size: 18px; }

#history .title{text-align: center; font-size:46px; margin-bottom:50px;}
#history .list{font-size: 16px;line-height: 28px; position: relative; padding:50px 0;}
#history .list::before{content: ""; width:1px; height:100%; background: #eee; position: absolute; top:0; left:50%;z-index: -1; }
#history .list li{margin-bottom:50px; width:50%;}
#history .list li:nth-child(odd){margin-left:50%;}
#history .list li:nth-child(even){text-align: right;}
#history .list li .year{font-size:46px; letter-spacing: -3px; color:#005d8b; border-bottom:1px dashed #ddd; position: relative; padding:0 30px 20px;}
#history .list li .year::before{content: ""; width:20px; height:20px;background: #fff; border:4px solid #ccc; border-radius: 50px; display: block; position: absolute; bottom:-10px;}
#history .list li:nth-child(odd) .year::before{left:-10px;}
#history .list li:nth-child(even) .year::before{right:-10px;}
#history .list li .text{padding:10px 30px;}
#history .list li .text b{display: block; letter-spacing: -1px; font-size: 18px;}

#who02 { padding-top: 100px; height: 700px; background: url('../img/what_bg.png') no-repeat center center / cover; margin-bottom: 650px; }
#who02 h1 { font-size: 46px; text-align: center; color: #fff; }
#who02 h2 { text-align: center; font-weight: 400; font-size: 24px; padding-top: 40px; line-height: 32px; color: #fff; }
#who02 h3 { text-align: center; font-weight: 300; font-size: 16px; padding-top: 25px; line-height: 28px; color: #fff; }
#who02 .diagram { background: #fff; text-align: center; padding-top: 100px; margin-top: 70px; }

#over h1{    color: #000;
    font-size: 26px;
    font-weight: 600;
    text-align: left;
    letter-spacing: .25em;
    max-width: 1400px;
    margin: 0 auto 40px;}
#over h1::after{    content: '';
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #000;
    margin: 0 5px;}
#over img{margin:60px auto 90px;display: block}
#over .items{position:relative;margin:20px 0 80px}
#over .items:after{content:"";display:block;clear:both}
#over .items>li{float:left;width:calc(90%/3);text-align:center;margin-right:50px}
#over .items>li:nth-child(3){margin-right:0}
#over .items .icon-wrap{display:inline-block;border-radius:100%;border:1px solid #888888;margin-bottom:30px;position:relative}
#over .items .icon-wrap>span{width:150px;height:150px;border-radius:150px;background:#005d8b;border:solid 2px #005d8b;color:#fff;text-align:center;display:block;margin:15px;font-size:60px}
#over .items>li:nth-child(2) .icon-wrap>span{background:#888888;border:none;color:#fff}
#over .items dl{color:#333}
#over .items dt{font-size:31px;margin-bottom:10px;font-weight:400}
#over .items dd{line-height:28px;font-size:18px}
#over .items p+p{margin-top:10px}

.company-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 1px solid #bebebe;
}
.company-table th{
  text-align: center;
  background: #f8f8f8
}
.company-table td, .company-table th {
  border-bottom: 1px solid #bebebe;
  line-height: 30px;
  padding: 15px;
  font-size: 16px;
}
#location .root_daum_roughmap {width: 100%; max-width: 1400px;}
#location h2 {font-size: 35px; margin-bottom: 40px; text-align: center;  display: flex; justify-content: center;}
#location h2 p {position: relative;}
#location h2 p::after {content: ""; width: 100%; border-top: 3px solid #1c8dc5; position: absolute; bottom:-10px; left: 50%; transform: translate(-50%);}
#location .section02 {padding-top: 50px;}
#location .info {
	text-align:center;
  margin-top: 50px
}

#location .info li {
  padding: 3px 0;
  font-size:16px;
  word-break: keep-all;
}
#location .info strong {
  font-size: 18px;
  color: #005d8b;
  font-weight: 400;
}
@font-face {
    font-family: 'Binggrae-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.pro { padding-top: 100px; padding-bottom: 180px; position: relative; font-size: 15px}
.pro h1{font-size: 40px;margin: 20px 0;font-family: 'Binggrae-Bold', sans-serif;}
.pro h1 b{color:#27a5e3;font-family: 'Binggrae-Bold', sans-serif;}
.pro h3{font-size: 20px;font-weight: 400}
.pro section + section{border-top: solid 1px #ccc;margin:30px 0;padding: 20px 0}
.pro .pro_tit{font-size: 26px;font-weight: bold;margin: 50px 0 10px}
.pro i{margin-right: 10px;font-style: 20px;}
.pro .cert_list li{float:left;width:33%;margin-top: 15px}
.pro #char_list li b{color:#27a5e3;font-size: 22px}
.pro #char_list li b::before{width:3px;height: 3px;content:'';display: inline-block;margin-right: 5px;background:#27a5e3;vertical-align: middle;}
.pro #char_list li{float:left;width:50%;}
.pro #char_list li:nth-child(3),.pro #char_list li:nth-child(4){margin-top: 30px}
.pro .text{font-size: 16px;margin-left: 10px;}
.pro .text + .text{margin-top: 10px}
.pro .text::before{content: '-';display: inline-block;margin-left: -10px;margin-right: 5px}
.pro .img{border: solid 1px #ccc;margin: 20px 0;vertical-align: bottom}
.pro .img + .img{margin-left: 20px;}
.pro-table {padding-top: 40px;width:100% }
.pro-table th { text-align: center; font-size: 16px; background: #f5f5f5; height: 45px; font-weight: 400;}
.pro-table td { height: 55px; text-align: center; font-size: 17px; }
.pro-table th, .pro-table td { border: 1px solid #e1e1e1; }
.pro-table tr:nth-of-type(1) th { border-top: 2px solid #e1e1e1; }
.pro-table tr td:nth-of-type(1),.pro-table tr th:nth-of-type(1) { border-left: 0; }
.pro-table tr th:last-child, .pro-table tr td:last-child { border-right: 0; }

#pro0103 .img_w{background: #eeebe4;border:none;width:100%;margin: 20px auto;display: block;text-align: center}
#pro0103 .pro-table td{height: 40px;font-size: 15px}

#pro0104 .pro-table td{height: 40px;font-size: 15px}
#pro0104 .pro-table td:nth-child(2){background: #e5f2f6;font-weight:bold;color:#27a5e3}
.board_container { min-height: 450px;padding: 100px 0 }
#contact {padding: 80px 0}
#contact table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  margin-bottom: 15px
}

#contact th {
  width: 20%;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
#contact th span{color:#909090; font-weight: 400; display: block;}
#contact td {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 14px;
  color: #666
}

#contact .btn_submit {
  border-radius: 3px;
  background: #333;
  padding: 8px 0px;
  font-size: 14px;
  text-align: center;
  width: 100px;
}

#contact input, #contact textarea {
  width: 100%;
  border: 1px solid #ddd;
  padding: 7px 0;
}

#contact input[type=checkbox] {
  width: auto;
}

#ft { text-align: center; padding-bottom: 60px; min-width: initial; }
/* #ft > div:nth-of-type(1) { border-bottom: 1px solid #494b50; } */
#ft .policy { font-size: 15px; color: #a8b2b7; padding: 10px 0; display: inline-block; }
/* #ft .ft_partner{padding: 50px 0 10px 0; display: inline-block;}
#ft .ft_partner li{float:left;}
#ft .ft_partner li + li{padding-left: 20px; width:20%;} */
#ft .ft_partner{padding: 50px 0 10px 0; display: flex; justify-content: center; gap: 2vw 2%;}
/*#ft .ft_partner li{float:left;}
 #ft .ft_partner li + li{padding-left: 20px; width:20%;} */
#ft .ft_partner li img{height: 35px}
#ft .logo { opacity: 0.75; max-width: 250px; margin: 10px auto;display: block;}
#ft p { color: #a8b2b7; padding-top: 5px; font-weight: 300; }
#ft p span { padding: 0 10px; border-left: 1px solid #a8b2b7; height: 13px; display: inline-block; line-height: 13px; }
#ft p span:nth-of-type(1) { border-left: 0; }



/*product*/
.s_pro{padding:0 0 180px; font-size:18px; line-height: 28px;}
.s_pro section{padding:120px 0; position: relative;}
.s_pro h2.tit{font-size:40px; letter-spacing: -1px; margin-bottom: 20px;line-height: 100%}
.s_pro h2.tit::first-letter{border-top:3px solid #1c8dc5;}
.s_pro .text .blue{color:#1c8dc5;}
.s_pro .img_box{text-align: center; padding-top:40px;}
.s_pro table{width:100%;}
.s_pro table tr th , .s_pro table tr td{padding:10px; border-bottom:1px solid #ddd;border-right:1px solid #ddd; text-align: center;}
.s_pro table tr th:last-child , .s_pro table tr td:last-child{border-right:0;}

/*K-WATER TANK*/
.s_pro01 .section01{padding-bottom:0;}
.s_pro01 .section01 .img_box{position: relative; margin-top:50px; padding-top: unset;}
.s_pro01 .section01 .img_box:before{background:#f9f9f9  url(/home/img/tank_img01_bg.png) no-repeat center; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }
.s_pro01 .section03:before{background:#f9f9f9; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }
.s_pro01 .section04 .grid:after{content: ""; display: block;clear: both;}
.s_pro01 .section04 .grid:before{background:#f9f9f9; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }
.s_pro01 .section04 .grid{margin-top:80px; padding:80px 0; position: relative;}
.s_pro01 .section04 .grid .list{float:left; width:40%; padding:50px; box-sizing: border-box; margin-top:30px;}
.s_pro01 .section04 .grid .list li{padding:10px; border-bottom:1px dashed #ddd;}
.s_pro01 .section04 .grid .img_box{float:left; width:60%; padding-top:0;}
.s_pro01 .section05 .img_box{text-align: left;}
.s_pro01 .section05 .list{margin-top:50px;}
.s_pro01 .section05 .list li{margin-bottom:20px;}
.s_pro01 .section05 .list li b{display: block; color:#1c8dc5;}
.s_pro01 .section06:before{background:#f9f9f9; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }
.s_pro01 .section06 .list li{float:left; width:calc(100% / 3); margin-bottom: 30px; margin-top:50px; text-align: center;}
.s_pro01 .section06 .list li p{font-size: 20px;}

/*Farm*/
.s_pro02 h2.tit::first-letter{border-top:3px solid #74a23f;}
.s_pro02 .text{margin:40px 0 30px;border-top:1px solid #74a23f; border-bottom:1px solid #74a23f;  padding:15px;}
.s_pro02 table{background: #fff;}
.s_pro02 table tr th {background: #74a23f; color:#fff;}
.s_pro02 table tr td img{margin:30px 0;}
.s_pro02 table tr:last-child td{padding:30px 0;}
.s_pro02 .section02:before{background:#f9f9f9; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }
.s_pro02 .section03 .icon{margin-top:70px;}
.s_pro02 .section03 .icon li{float:left; width:25%; text-align: center; padding: 0 10px; box-sizing: border-box;}
.s_pro02 .section03 .icon li h2{padding:10px 0; margin:30px 0 10px; font-size: 25px; color:#fff; border-radius: 30px;}
.s_pro02 .section03 .icon li:nth-child(1) h2{background: #757575;}
.s_pro02 .section03 .icon li:nth-child(2) h2{background: #e0b53b;}
.s_pro02 .section03 .icon li:nth-child(3) h2{background: #e0963b;}
.s_pro02 .section03 .icon li:nth-child(4) h2{background: #8e5b1d;}
.s_pro02 .section03 .icon li p{font-size: 15px;}
.s_pro02 .section04:before{background:#eef3eb; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }
.s_pro02 .section04 .list{margin-top:70px;}
.s_pro02 .section04 .list li{float:left; width:25%; text-align: center; padding: 0 10px; box-sizing: border-box;}
.s_pro02 .section04 .list li h2{padding:10px 0; margin:30px 0 10px; font-size: 25px; color:#fff; border-radius: 30px;background: #74a23f;}
.s_pro02 .section04 .list li p{font-size: 15px;}
.s_pro02 .section05 .text02{margin-top:30px; padding:30px 0; text-align: center; border:1px dashed #ddd;}
.s_pro02 .section06 .grid:after{content: ""; display: block; clear: both;}
.s_pro02 .section06 .img_box{float:left; width:50%; padding-top:100px; text-align: left;}
.s_pro02 .section06 .icon{float:left; width:50%; box-sizing: border-box; padding:30px 0;}
.s_pro02 .section06 .icon li{border-bottom:1px solid #eee;margin-bottom:20px;}
.s_pro02 .section06 .icon li img{vertical-align: middle; margin-right:20px;}
.s_pro02 .section07 .text02{text-align: center; margin-top:50px; font-size:30px; padding:30px 0; background: #70ad47; color: #fff; border-radius: 50px;}
.s_pro02 .section08:before{background:#f7f7f7; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }
.s_pro02 .section08 .list{margin-top:50px;}
.s_pro02 .section08 .list li{float:left; width:calc(100% / 3); box-sizing: border-box; padding: 0 20px; text-align: center;}
.s_pro02 .section08 .list li h2{padding:15px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin:20px 0 10px; font-size:24px; letter-spacing: -1px;}
.s_pro02 .section10 .text02{text-align: center; margin-top:50px; font-size:30px; padding:30px 0; background: #70ad47; color: #fff; border-radius: 50px;}
.s_pro02 .section11 .top{margin-top:80px;}
.s_pro02 .section11 .text02{text-align: center; margin-top:50px;}
.s_pro02 .section11 .text02 .red{color:#de0505}
.s_pro02 .section12 .top{margin-top:80px;}

/*Quarantine*/
.s_pro03 .text{margin-top:30px; text-align: center;}
.s_pro03 table {margin-top:50px;}
.s_pro03 table tr th{background:  #116c94; color:#fff;}
.s_pro03 table tr td{font-size:15px; background: #fff;}
.s_pro03 .section01{padding-bottom:50px;}
.s_pro03 .section01 .img_box img{margin-bottom:40px;}
.s_pro03 .section02 .list{margin-top:-50px; position: relative; z-index: 10;}
.s_pro03 .section02 .list li{float:left; width:25%; text-align: center; padding:0 15px; box-sizing: border-box;}
.s_pro03 .section02 .list li h2{color:#fff; background: #116c94; padding:20px 10px; min-height:215px; position: relative; margin-bottom:30px; border-radius: 30px;}
.s_pro03 .section02 .list li h2::before{content:"";  width: 0px;height: 0px;   border-top:20px solid #116c94;  border-bottom:20px solid transparent;  border-right: 20px solid transparent;   border-left: 20px solid  transparent; position: absolute; bottom:-40px; left:50%; margin-left:-10px;}
.s_pro03 .section02 .list li h2 img{display: block; margin: 0 auto 15px;}
.s_pro03 .section02 .list li p{font-size:15px; padding:10px; border-bottom:1px dashed #ddd; min-height:135px}
.s_pro03 .section02 .text{text-align: center; margin-top:50px;}
.s_pro03 .section03:before{background:#f9f9f9; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }
.s_pro03 .section03 table tr td{min-width:250px}
.s_pro03 .section03 table tr td:last-child{text-align: left;}
.s_pro03 .section04 .blue{background: #f5f5f5;}
.s_pro03 .section05 table{border-top:2px solid #116c94;}
.s_pro03 .section05 table tr th{background: #f9f9f9; color:#000;width:20%; text-align: left;}
.s_pro03 .section05 table tr td{text-align: left;}
.s_pro03 .section05 .img_box{margin-top:50px;}
.s_pro03 .section07:before{background:#f9f9f9; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }
.s_pro03 .section09:before{background:#f9f9f9; content: ""; width:200%; height:100%; position: absolute; top:0; left:-50%; z-index: -1; }

/*Innozinc*/
.s_pro04 table {margin-top: 50px; border-top: 3px solid #00213e}
.s_pro04 table td {word-break: keep-all;}
.s_pro04 table td {background-color: #f3f6f9; word-break: keep-all;}
.s_pro04 .spec_tit {background-color: #cbd0d3; font-weight: 700; padding: 10px;}
.s_pro04 table .inno {background-color: #c8e1ee;}
.s_pro04 table tbody tr:not(:last-child) .inno {border-bottom:1px solid #fff}
.s_pro04 section:nth-of-type(even) {position: relative;}
.s_pro04 section:nth-of-type(even)::before {background:#f9f9f9; content: ""; width:200%; height:100%; position: absolute; top:50%; left:50%; z-index: -1; transform: translate(-50%, -50%)}
.s_pro04 .comment {font-size: 14px; padding: 10px 0;}
.s_pro04 .list {margin-top: 50px;}
.s_pro04 .section02 td {width: 80%}
.s_pro04 .section02 .spec_tit {width: 20%}
.s_pro04 .section03 ul {display: flex; flex-wrap: wrap; gap: 20px 30px; margin-top: 50px; justify-content: center;}
.s_pro04 .section03 ul::after{display: none;}
.s_pro04 .section03 ul li {transform: translateX(-15px);}
.s_pro04 .section03 li p {display: flex; background-color: rgba(231,231,231,1); position: relative; padding: 20px 35px 20px 60px; text-align: center; height: 70px; align-items: center; justify-content: center;}
.s_pro04 .section03 li p::before, .s_pro04 .section03 li p::after {content: ""; height: 0; width: 0; border-width: 35px 0 35px 30px; border-style: solid; position: absolute; top: 50%; height: 100%; transform: translateY(-50%);}
.s_pro04 .section03 li p::before { border-color: transparent transparent transparent white; left: 0;}
.s_pro04 .section03 li p::after { border-color: transparent transparent transparent rgba(231,231,231,1); right: -30px;}
.s_pro04 .section03 li p.tech {background-color:#c8e1ee;}
.s_pro04 .section03 li p.tech::after { border-color: transparent transparent transparent #c8e1ee;}
.s_pro04 .section03 .comment {position: relative;}
.s_pro04 .section03 .comment::after {content: "■"; color:#c8e1ee; padding-left: 10px; font-size: 16px}
.s_pro04 .section06 thead tr th:first-child {width: 10%}
.s_pro04 .section06 thead tr th:not(:first-child) {width: 30%}
.s_pro04 .section06 .descrip {display: grid; grid-template-columns: repeat(1, 1fr 9fr); padding-bottom: 20px;}
.s_pro04 .section06 .descrip dt {position: relative; font-weight: 700; white-space: nowrap; padding: 5px 15px }
.s_pro04 .section06 .descrip dt::before {content: "•"; left: 0; position: absolute;}
.s_pro04 .section06 .descrip dd {position: relative; padding: 5px 15px; word-break: keep-all;}
.s_pro04 .section06 .descrip dd::before {content: ":"; left: 0; position: absolute;}
.s_pro04 .section07 .list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 50px}
.s_pro04 .section07 .list li {display: flex; gap: 2vw 2%; align-items: center; padding: 20px 0; }
.s_pro04 .section07 .list li:not(:last-child) { border-bottom: 1px dashed #171717;}
.s_pro04 .section07 .list li img {width:  95px; height: 95px}
.s_pro04 .section07 .list li .descrit dt {font-weight: 700; font-size: 20px; position: relative; padding-left: 15px; word-break: keep-all; padding-bottom: 8px}
.s_pro04 .section07 .list li .descrit dt::before {content: "•"; left: 0; position: absolute;}
.s_pro04 .section07 .list li .descrit dd {font-size: 17px; position: relative; padding-left: 15px;  word-break: keep-all;}
.s_pro04 .section07 .list li .descrit dd::before {content: "-"; left: 0; position: absolute;}
.s_pro04 .section07 .list li .descrit dd b {color: #d20428}
.s_pro04 .section07 .list li:nth-of-type(4) .comment {font-size: 14px;}
.s_pro04 .section07 .list li:nth-of-type(4) .comment::before {display: none;}
.s_pro04 .section08 .list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px;}
.s_pro04 .section08 .list .descrit {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px}
.s_pro04 .section08 .list dt {grid-column: span 3; text-align: center;}
.s_pro04 .section08 .list dd {text-align: center; font-size: 16px; line-height: 1.2; word-break: keep-all;}
.s_pro04 .section08 .list dd span {padding-top: 10px; display: inline-block;}

/* Consulting */
.s_pro05 h2 {padding-bottom: 40px;}
.s_pro05 section:nth-of-type(even) {position: relative;}
.s_pro05 section:nth-of-type(even)::before {background:#f9f9f9; content: ""; width:200%; height:100%; position: absolute; top:50%; left:50%; z-index: -1; transform: translate(-50%, -50%)}
.s_pro05 .section01 .text_box .text {background: linear-gradient(to right, #406FCD, #72DEFF); color: transparent; -webkit-background-clip: text; font-size: 3vw; font-weight: 700; line-height: 1.5}
.s_pro05 .section02 .img_box {display: flex; flex-direction: column; gap: 2vw 3%}
.s_pro05 .section04 .text {background-color: #F3FAFE; max-width: 470px; padding: 15px 25px; border-radius: 10px;}
.s_pro05 .section04 .text p {padding-bottom: 10px;}
.s_pro05 .section04 .descrip {display: grid; grid-template-columns: repeat(1, 1fr 3fr);}
.s_pro05 .section04 .descrip dt {color: #006098; font-weight: 700;}
.s_pro05 .section04 .descrip dd {position: relative; padding-left: 15px;}
.s_pro05 .section04 .descrip dd::before {content: ":"; left: 0; position: absolute;}
.s_pro05 .section04 .img_box.grid {display: grid; grid-template-columns: repeat(4, 1fr); padding-top: 100px; color: #006098; gap: 2vw 4%}
.s_pro05 .section04 .img_box.grid img {grid-column: span 2; justify-self:center;}
.s_pro05 .section04 .img_box .list{display: flex; flex-direction: column; text-align: left}
.s_pro05 .section05 .list {display: flex; }
.s_pro05 .section05 .list li {text-align: center; flex-basis: 50%;}
.s_pro05 .section06 .text h3 {font-size: 25px; color: #16365d}

.s_pro05 .section06 .text .list > li h4{color: #006098; padding-top: 15px; font-size: 20px}
.s_pro05 .section06 .text .list > li .descrit {display: flex; gap: 10px; line-height: 2 }
.s_pro05 .section06 .text p {font-size: 23px; line-height: 1.5; font-weight: 700; text-decoration: underline;}
.s_pro05 .section08 .list {font-weight: 500; line-height: 2}
.s_pro05 .section09 .text {display: flex; justify-content: center; flex-direction: column; align-items: center;}
.s_pro05 .section09 .text p {display: flex; align-items: center; }
.s_pro05 .section09 .text p span {padding-bottom: 15px; font-size: 25px; font-weight: 700}
.s_pro05 .section09 .text p img {width: 23vw; max-width: 325px}

.ppt { padding: 60px 0; }
.ppt img { display: block; margin: 60px auto; border: 1px solid #ddd; }
.ppt ul li { float: left; width: 50%; box-sizing: border-box; text-align: center; border: 1px solid #ddd; border-bottom: 2px solid #005d8b; font-size: 18px; padding: 10px 0; letter-spacing: -1px; cursor: pointer; background: #f9f9f9; }
.ppt ul li.on { border: 2px solid #005d8b; border-bottom: 0; color: #005d8b; font-weight: 600; background: #fff; }
.ppt > div { display: none; }
.ppt > div:nth-of-type(1) { display: block; }



@media (min-width: 768px) and (max-width: 1400px) {
  /*main*/
    #content.main_content #section01 ul { width: auto; }
    .container { padding: 0 15px; }

    #content.main_content #section02 iframe{height: 450px;}

    #content.main_content #section03 .section03-2{padding-left:30px; box-sizing: border-box;}

    /*product*/
    .s_pro section{padding:100px 0;}
    .s_pro h2.tit{font-size: 35px;}
    .s_pro01 .section04 .grid .list{padding:0 30px; margin-top:0;}
    .s_pro03 .section02 .list li{width:50%;}

}



@media (max-width: 1200px){
    #header .container { padding: 0; }
    #header { padding: 13px 0; }
    /* #header .menu { display: none; } */
    #header .lang { top: 25px; right: 32px; }
    #header .menu { position: fixed; height: 100%; right: -50%; top:0; background: rgba(0,0,0,0.7); z-index: 9; padding-left: 15px; padding-top: 40px; transition: 0.3s; }
    #header .menu.on { right: 0; }
    #header .menu li { display: block; float: none; width: 100%; text-align: left; padding: 5px 0; line-height: 24px !important}

    #header .menu li.close { display: block; position: absolute; top: 5px; left: calc(100% - 30px); color: #fff; font-size: 20px; }
    #header .menu li.close:after { content: "×"; }
    #header .mob_menu { display: block; color: #000; font-size: 20px; position: absolute; right: 0; top: 20px;cursor: pointer; }
    #header .menu>li>ul {
    display: block;
    position: static;
    background: none !important
    }

    #header .menu>li>ul:after {
      content: none;
    }

    #header .menu>li>ul li {
      float: none;
    }
    #header .menu li a{font-size: 19px;font-weight: bold}

    #header .menu>li>ul a {
      padding: 0 20px;
      margin-bottom: 5px;
      font-weight: 300;
      font-size: 14px;
    }
    #header .menu>li>ul li a{padding: 0 !important;color:#fff !important}
    #header .menu>li>ul li a::before{content:'-';margin-right: 5px;display: inline-block;}

    .header_wrap:hover { background: none; }
    .header_wrap:hover #header .logo div { background: url('../img/davidaqua_logo.png') no-repeat center center / cover; }
    .header_wrap:hover #header .menu li a, .header_wrap:hover #header .lang, .header_wrap:hover #header .lang a , .header_wrap:hover #header .mob_menu{ color: #fff; }
    #ft { padding-bottom: 40px; }
    #ft p { font-size: 12px; }

    #header .cata{display: none;}
}


@media (max-width: 960px) {
  /*Innozinc*/
  .s_pro04 .section07 .list {grid-template-columns: repeat(1, 1fr); gap: 0 50px}
  .s_pro04 .section08 .list {grid-template-columns: repeat(1, 1fr); gap: 50px;}

}

@media (max-width: 767px) {
    /*header*/
    #header .lang { top: 9px; right: 32px; }
    #header .mob_menu{top:3px;}

    #content.main_content #section01 ul { width: auto; }
    .container { padding: 0 15px; }
    #content.main_content #section01 ul li { width: 100%; margin: 0; height: 150px; margin-bottom: 5px;background-size: cover !important; }
    #content.main_content #section01 ul li a { padding-top: 28px; }
    #content.main_content #section01 { padding-top: 30px; }
    #content.main_content h1 { text-align: center; font-size: 22px; }
    #content.main_content h2 { font-size: 13px; line-height: 20px; text-align: center; padding-bottom: 15px; }
    #content.main_content #section02 { padding-top: 35px; padding-bottom: 35px; }
    #content.main_content #section02 iframe { height: 250px; width:100%; }
    #content.main_content #section03 { padding: 30px 0; }
    #content.main_content #section04 { padding: 30px 0; }
    #content.main_content #section03:before { width: 100%; }
    #content.main_content .link-wrap span { display: none; }
    #content.main_content .link-wrap { display: block; text-align: center; }
    #content.main_content .link-wrap a { font-size: 17px !important; }
    #content.main_content .link-wrap a:before { content: "[ "; }
    #content.main_content .link-wrap a:after { content: " → ]"; }
    #header .logo div { width: 180px; height: 34px; }
    #ft .logo { padding-top: 20px; max-width: 180px; }
    #content.main_content #section03 .section03-1 { padding-bottom: 30px; float:none;width:100%}
    #content.main_content #section03 .section03-2 { float: none !important;width:100%; background: #fff; padding: 30px 15px; }
    #content.main_content #section03 .section03-2 .lat li{display: none}
    #content.main_content #section03 .section03-2 .lat li:first-child{display: block;width:100%;float:none}
    #content.main_content #section03 .section03-2 .lat li:nth-child(2){display: block;width:100%;float:none;margin-left: 0}
    #content.main_content #section03 .container { padding: 0; }
    #content.main_content #section03 { padding-bottom: 0; }
    .main_banner .content .m_box .sl_box h3 { font-size: 24px; }
    .main_banner .content .m_box .sl_box p { font-size: 14px; font-weight: 300; }
    .main_banner .content li .sl_box{padding-left:0 !important;}

    .main_banner .arrow span { width: 30px; height: 30px; }
    .main_banner .arrow span::after { width: 10px; height: 10px; top: 9px; }
    .main_banner .arrow .prev::after, .main_banner .arrow .next::after { left: 9px; }
    .main_banner .scroll-icon { bottom: 30px; width: 25px; height: 40px; }
    .main_banner .scroll-icon::before { top: 5px; }
    .main_banner .content li { padding: 5px 45px; }



    .sub_banner { height: 50vw; }
    .sub_banner h1 { padding-top: 130px; font-size: 24px; }
    .tit_nav { font-size: 13px; padding: 10px 0; }
    .tit_nav img { width: 20px; }
    .tit_nav span { bottom: 1px; }
    .company{padding:50px 0 !important}
    #who01{padding-bottom: 40px}
    #who01 .ceo{width:100%; padding-right:0;}
    #who01  h1 { font-size: 22px; text-align: center; padding-top: 20px; }
    #who01  h2 { width: auto; padding-right: 0; font-size: 13px; letter-spacing: -0.5px; line-height: 18px; }

    #history .title{margin-bottom:30px; font-size: 22px; }
    #history .list li{width:100%; text-align: center;}
    #history .list li:nth-child(odd){margin-left:0;}
    #history .list li:nth-child(even){text-align: center;}
    #history .list li .year{font-size:40px; letter-spacing: -3px;border-bottom:0; padding:10px 0 30px;}
    #history .list li .year::before{bottom:-10px; left:50% !important; margin-left:-10px;}
    #history .list li .text{padding:20px 10px; background: #fff; border:1px dashed #eee;}

    #who02 {padding: 18px 0; height: auto; margin-bottom: 0; }
    #who02 h1 { font-size: 22px; }
    #who02 h2 { font-size: 16px; line-height: 22px; padding-top: 15px; }
    #who02 h3 { font-size: 14px; letter-spacing: -0.5px; line-height: 20px; text-align: left; }
    #who02 .diagram { padding: 20px; margin-top: 20px; }

    #over{padding: 50px 15px !important}
    #over .items>li{float:none;width:100%;margin-bottom: 15px}
    .gall_row .col-gn-4{width:48% !important}

    .root_daum_roughmap {max-width:100%}

    .pro{padding: 50px 15px !important}
    .pro .cert_list li,.pro #char_list li{float:none;width:100%}
    .pro #char_list li{margin-top: 10px !important}
    .pro .img{max-width:100%;margin-left: 0 !important}

    /*product*/
    .s_pro{font-size:15px; line-height: 150%;}
    .s_pro section{padding:40px 0; }
    .s_pro h2.tit{font-size: 25px; margin-bottom:0;}
    .s_pro table tr th, .s_pro table tr td{padding:5px 2px;}
    .s_pro .img_box{padding-top:20px;}
    .s_pro01 .section04 .grid .img_box{width:100%;}
    .s_pro01 .section04 .grid .list{width:100%; padding:0;}

    .s_pro02 .text{margin:15px 0 0; padding:5px ;}
    .s_pro02 .section03 .icon li{width:50%; margin-bottom:30px;}
    .s_pro02 .section03 .icon li h2{font-size:20px; padding:5px 0;}
    .s_pro02 .section04 .list li{width:50%; margin-bottom:30px;}
    .s_pro02 .section04 .list li h2{font-size:20px; padding:5px 0;}
    .s_pro02 .section06 .img_box{width:100%; padding-top:0;}
    .s_pro02 .section06 .icon{width:100%;}
    .s_pro02 .section07 .text02{font-size:20px; padding:15px 0;}
    .s_pro02 .section08 .list li{width:100%; padding:0; margin-bottom:30px;}
    .s_pro02 .section10 .text02{font-size:20px; padding:15px 0;}
    .s_pro02 .section11 .text02{margin-top:20px;}

    .s_pro03 .section02 .list{margin-top:-10px;}
    .s_pro03 .section02 .list li{width:100%; margin-bottom:30px;}
    .s_pro03 .section02 .list li p{min-height:0;}
    .s_pro03 .section02 .text{margin-top:0;}
    .s_pro03 .section03 table tr td{min-width:0;}
    .s_pro03 .table_wrap{width:100%; overflow-x: auto; white-space: nowrap;}
    .s_pro03 table tr td img{max-width: 50%;}

    /*Innozinc*/
    .s_pro04 table {margin-top: 20px; border-top: 3px solid #00213e}
    .s_pro04 .spec_tit {padding: 10px;}
    .s_pro04 .comment {font-size: 14px; padding: 10px 0;}
    .s_pro04 .list {margin-top: 20px;}
    .s_pro04 .section01 h2 {margin-bottom: 20px}
    .s_pro04 .section02 td {width: 80%}
    .s_pro04 .section02 .spec_tit {width: 20%}
    .s_pro04 .section03 ul {gap: 20px 30px; margin-top: 20px;}
    .s_pro04 .section03 li p {padding: 20px 35px 20px 60px; height: 50px;}
    .s_pro04 .section03 li p::before, .s_pro04 .section03 li p::after {border-width: 25px 0 25px 30px;}
    .s_pro04 .section03 .comment::after {padding-left: 10px; font-size: 16px}
    .s_pro04 .section06 thead tr th:first-child {width: 10%}
    .s_pro04 .section06 thead tr th:not(:first-child) {width: 30%}
    .s_pro04 .section06 .descrip {grid-template-columns: repeat(1, 1fr 9fr); padding-bottom: 20px;}
    .s_pro04 .section06 .descrip dt {padding: 5px 15px }
    .s_pro04 .section06 .descrip dd {padding: 5px 15px;}
    .s_pro04 .section07 .list {grid-template-columns: repeat(1, 1fr); gap: 0 50px}
    .s_pro04 .section07 .list li {gap: 2vw 2%;padding: 20px 0; }
    .s_pro04 .section07 .list li:not(:last-child) {border-bottom: 1px dashed #171717;}
    .s_pro04 .section07 .list li img {width: 95px; height: 95px}
    .s_pro04 .section07 .list li .descrit dt {font-size: 18px;  padding-left: 15px; padding-bottom: 8px}
    .s_pro04 .section07 .list li .descrit dt::before {left: 0;}
    .s_pro04 .section07 .list li .descrit dd {font-size: 15px; padding-left: 15px;}
    .s_pro04 .section07 .list li:nth-of-type(4) .comment {font-size: 14px;}
    .s_pro04 .section08 .list {grid-template-columns: repeat(1, 1fr); gap: 50px;}
    .s_pro04 .section08 .list .descrit {grid-template-columns: repeat(3, 1fr); gap: 10px}
    .s_pro04 .section08 .list dt {grid-column: span 3;}
    .s_pro04 .section08 .list dd {font-size: 14px;}
    .s_pro04 .section08 .list dd span {padding-top: 10px; }

    /* Consulting */
    .s_pro05 h2 {padding-bottom: 20px;}
    .s_pro05 .section01 .text_box .text {font-size: 20px;}
    .s_pro05 .section04 .img_box.grid {display: grid; grid-template-columns: repeat(2, 1fr); padding-top: 100px; color: #006098; gap: 2vw 4%}
    .s_pro05 .section04 .img_box.grid img {grid-column: span 1; }
    .s_pro05 .section04 .img_box.grid ul:last-child {grid-column: 2 / 3; }
    .s_pro05 .section06 .text .list > li .descrit {flex-wrap: wrap; gap: 0 10px ;}
    .s_pro05 .section06 .text p {font-size: 18px;}
    .s_pro05 .section09 .text p span {padding-bottom: 1.5vw; font-size: 2.2vw;}

    /* #ft .ft_partner li + li{padding-left:10px;} */
    #ft .ft_partner li img{height: 25px;}

    #who01 .ceo .ceo_name b { display: block; margin-bottom: 15px; }


}

@media (max-width: 499px) {
  /*Innozinc*/
  .s_pro04 {font-size: 4vw}
  .s_pro04 table {margin-top: 20px;}
  .s_pro04 .spec_tit {padding: 10px; word-break: keep-all;}
  .s_pro04 .comment {font-size: 14px; padding: 10px 0;}
  .s_pro04 .list {margin-top: 20px;}
  .s_pro04 .section01 h2 {margin-bottom: 20px}
  .s_pro04 .section01 h2 img {max-width: 250px;}
  .s_pro04 .section02 td {width: 80%}
  .s_pro04 .section02 .spec_tit {width: 20%}
  .s_pro04 .section03 ul {gap: 20px 30px; margin-top: 20px;}
  .s_pro04 .section03 li p {padding: 20px 5px 20px 40px; height: 50px;}
  .s_pro04 .section03 li p::before, .s_pro04 .section03 li p::after {border-width: 25px 0 25px 30px;}
  .s_pro04 .section03 li p::after {right: -30px;}
  .s_pro04 .section03 .comment::after {padding-left: 10px; font-size: 16px}
  .s_pro04 .section05 .text, .s_pro04 .section06 .text {overflow-x: scroll;}
  .s_pro04 .section05 .text::after, .s_pro04 .section06 .text::after  {content: "*좌우로 드래그 하여 이동 가능합니다."; display: inline-block; padding: 5px 0 10px; font-size: 14px}
  .s_pro04 .section05 table {min-width: 450px;}
  .s_pro04 .section06 table {min-width: 600px;}
  .s_pro04 .section06 thead tr th:first-child {width: 10%}
  .s_pro04 .section06 thead tr th:not(:first-child) {width: 30%}
  .s_pro04 .section06 .descrip {grid-template-columns: repeat(1, 1fr 9fr); padding-bottom: 20px;}
  .s_pro04 .section06 .descrip dt {padding: 5px 15px }
  .s_pro04 .section06 .descrip dd {padding: 5px 15px;}
  .s_pro04 .section07 .list {grid-template-columns: repeat(1, 1fr); gap: 0 50px}
  .s_pro04 .section07 .list li {gap: 5vw 2%;padding: 20px 0; flex-direction: column;}
  .s_pro04 .section07 .list li:not(:last-child) {border-bottom: 1px dashed #171717;}
  .s_pro04 .section07 .list li img {width: 95px; height: 95px}
  .s_pro04 .section07 .list li .descrit dt {font-size: 5vw;  padding-left: 15px; padding-bottom: 8px}
  .s_pro04 .section07 .list li .descrit dt::before {left: 0;}
  .s_pro04 .section07 .list li .descrit dd {font-size: 4vw; padding-left: 15px;}
  .s_pro04 .section07 .list li:nth-of-type(4) .comment {font-size: 14px;}
  .s_pro04 .section08 .list {grid-template-columns: repeat(1, 1fr); gap: 50px;}
  .s_pro04 .section08 .list .descrit {grid-template-columns: repeat(3, 1fr); gap: 10px}
  .s_pro04 .section08 .list dt {grid-column: span 3;}
  .s_pro04 .section08 .list dd {font-size: 14px;}
  .s_pro04 .section08 .list dd span {padding-top: 10px; }

  /* Consulting */
  .s_pro05 h2 {padding-bottom: 20px;}
  .s_pro05 .section01 .text_box .text {font-size: 20px;}
  .s_pro05 .section04 .img_box.grid {display: grid; grid-template-columns: repeat(2, 1fr); padding-top: 100px; color: #006098; gap: 2vw 4%}
  .s_pro05 .section04 .img_box.grid img {grid-column: span 1; }
  .s_pro05 .section04 .img_box.grid ul:last-child {grid-column: 2 / 3; }
  .s_pro05 .section06 .text h3 {font-size: 6vw;}
  .s_pro05 .section06 .text .list > li .descrit {flex-wrap: wrap; gap: 0 10px ;}
  .s_pro05 .section06 .text p {font-size: 4.5vw;}
  .s_pro05 .section06 .text .list > li h4{padding-top: 3.5vw; font-size: 5.5vw}
  .s_pro05 .section09 .text p span {padding-bottom: 1.5vw; font-size: 2.2vw;}

}