@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Play:wght@700&family=Saira+Condensed:wght@900&family=Saira+Semi+Condensed:wght@900&family=Saira:ital@0;1&display=swap');

/* 공통 */
.sub_tit{text-align:center; margin:80px 0;}
.sub_tit p{font-size:44px; color:#333; font-weight:600; text-align: center;}
*{word-break: keep-all;}
#A_Container{padding-bottom:0px;}
#A_Container_Wrap{padding-top:0;}
.p_b0{padding-bottom:0 !important;}
.m0{margin-bottom:0 !important; line-height:1.2;}
.m40{margin-bottom:40px !important;}
#sub_visual{padding-top:6.4vw;}


/* intro */
.intro01{background:url(../images/sub/intro_back.png) no-repeat; background-size:cover; background-position:center; height:228px; margin-bottom:80px;}
.intro01 .tx_box{text-align:center; padding-top:20px;}
.intro01 .tx_box strong{display:block; position:relative; font-size:24px; color:#fff; font-weight:600; margin-bottom:30px;}
.intro01 .tx_box strong::after{display:block; content:""; background:#fff; height:2px; width:5%; position:absolute; bottom:-15px; left:50%; transform:translateX(-50%); }
.intro01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); }
.intro01 .tx_box span{display:block; font-size:28px; color:#fff; font-weight:600; margin-top:10px;}

.intro02{background:#fafafa; padding:70px 0; margin-bottom:75px;}
.intro02 .tx_box{text-align: center;}
.intro02 .tx_box img{margin-bottom:15px;}
.intro02 .tx_box p{font-size:22px; color:#333; font-weight:600;}

.intro03 .one_list{overflow: hidden; margin-bottom:75px;}
.intro03 .one_list li{float:left;}
.intro03 .one_list li:nth-child(1){width:58%;}
.intro03 .one_list li:nth-child(2){width:calc(58% - -10px); background:#fff; position:relative; margin-left:-220px; margin-top:110px;}
.intro03 .one_list li .img_box{position:relative; height:410px;}
.intro03 .one_list li .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.intro03 .one_list li .tx_box{padding:40px;}
.intro03 .one_list li .tx_box em{display:block; color:#999; font-weight:500; font-size:16px; letter-spacing: 0.3px;} 
.intro03 .one_list li .tx_box strong{display:block; font-weight:600; font-size:24px; color:#129891; position:relative; margin-bottom:45px;}
.intro03 .one_list li .tx_box strong::after{display:block; content:""; background:#129891; height:1px; width:100%; position:absolute; bottom:-15px; right:69%;}
.intro03 .one_list li .tx_box p{color:#666; font-weight:400; font-size:16px; letter-spacing: -2px; line-height:1.8;}
.intro03 .one_list li .tx_box p span{font-size:20px; color:#333; font-weight:600; display:block; margin-bottom:10px; letter-spacing: -2px;}
.intro03 .two_list{overflow: hidden;}
.intro03 .two_list li{float:left;}
.intro03 .two_list li:nth-child(1){width:58%; position:relative; background:#fff; z-index:100;  margin-top:110px;} 
.intro03 .two_list li:nth-child(2){width:calc(58% - -10px); background:#fff;  margin-left:-220px; }
.intro03 .two_list .img_box{position:relative; height:410px;}
.intro03 .two_list .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.intro03 .two_list li .tx_box{padding:40px;}
.intro03 .two_list li .tx_box em{display:block; color:#999; font-weight:600; font-size:16px;} 
.intro03 .two_list li .tx_box strong{display:block; font-weight:600; font-size:24px; color:#129891; position:relative; margin-bottom:45px;}
.intro03 .two_list li .tx_box strong::after{display:block; content:""; background:#129891; height:1px; width:100%; position:absolute; bottom:-15px; left:69%;}
.intro03 .two_list li .tx_box p{color:#666; font-weight:400; font-size:16px; letter-spacing: -2px; line-height:1.8; margin-bottom:30px;}
.intro03 .two_list li .tx_box p span{font-size:20px; color:#333; font-weight:600; display:block; margin-bottom:10px; letter-spacing: -2px; line-height:1.5;}


/* ceo */
.ceo ul{width:103.5%; margin:0 -1.75%;}
.ceo ul li{margin:0 1.75%; float:left;}
.ceo ul li:nth-child(1){width:42%;}
.ceo ul li:nth-child(2){width:51%}
.ceo ul li .img_box{height:845px; position:relative;}
.ceo ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.ceo ul li .tx_box{padding:20px 0;}
.ceo ul li .tx_box strong{display:block; font-size:24px; color:#333; font-weight:600; margin-bottom:15px;}
.ceo ul li .tx_box p{font-size:16px; color:#666; margin-bottom:25px; line-height:1.7;}
.ceo ul li .tx_box em{font-size:20px; color:#333; font-weight:500;}
.ceo ul li .tx_box em span{font-size:24px; color:#333; font-weight:600;}

/* contact */
.contact{background:url(../images/main/contact_back.png) no-repeat; background-size:cover; background-position:center; height:auto;}
.contact .tx_box{float:left; width:42%; padding-top:280px;}
.contact .tx_box strong{display:block; font-family: 'Play'; font-size:50px; color:#fff; font-weight:600; margin-bottom:10px;}
.contact .tx_box p{font-size:18px; color:rgba(255,255,255,0.7); margin-bottom:80px;}
.contact .tx_box em{display:block; font-size:20px; color:#fff; font-weight:600; margin-bottom:10px;}
.contact .tx_box .number{display:block; font-size:44px; color:#fff; font-family:'Play'; font-weight:600;}
.contact table{margin-top:30px; width:100%; text-align: left;}
.contact table tbody th{font-size:18px; color:#fff; width: 85px;}
.contact table tbody td{font-family: 'Play','sans-serif'; font-size:18px; color:#fff;}
.contact table tbody td span{font-size:14px; color:#fff;}
.contact01{float:right; width:55.2%; background:#fff; border-radius: 80px 0 0 0;  height:auto; margin-top:75px;}
.contact01 .contact_form{padding:65px 0px 79px 75px;}
.contact01 .col{width:calc(100% - 310px); overflow: hidden; margin-bottom:15px;}
.contact01 .col02{float:left; margin-right:4%; width:47.6%;}
.contact01 .col02:nth-child(2){margin-right:0;}
.contact01 .label{font-size:16px; color:#333; font-weight:600;}
.contact01 .input_box{padding-top:10px;}
.contact01 .input_box input{width:100%; height:46px; padding-left:10px;}
.contact01 .col strong{font-size:16px; color:#333; font-weight:600; display:block; margin-bottom:10px;}
.contact01 .chk_box{}
.contact01 .chk_box input[type="radio"]{display:none;}
.contact01 .chk_box label{margin-right:28px; float:left; display:block; margin-bottom:8px;}
.contact01 .chk_box label.margin_none{margin-right:0;}
.contact01 .chk_box span{display:block; width:18px; height:18px; border-radius: 50%; border:1px solid #ddd; margin-right:7px; float:left; position:relative;}
.contact01 .chk_box span::before{display:block; content:""; width:6px; height:6px; border-radius: 50%; background:#113677; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:none;}
.contact01 .chk_box input[type="radio"]:checked + label span::before{display:block;}
.contact01 .chk_box p{color:#bbb; font-size:16px; float:left; line-height:18px;}
.contact01 .agree{width:100%;}
.contact01 .agree .th{font-size:16px; color:#333; font-weight:600;}
.contact01 .agree .td{}
.contact01 .agree textarea{width:calc(100% - 310px); height:110px; margin-top:10px; border:1px solid #ddd; margin-bottom:30px; font-size:15px; color:#333; padding-left:10px;}
.contact01 .agree .chk_box{overflow:hidden;}
.contact01 .agree .chk_box input[type="checkbox"]{display:none;}
.contact01 .agree .chk_box label{display:block; float:left;}
.contact01 .agree .chk_box label span{float:left; border:1px solid #ddd; width:18px; height:18px; display:block; margin-right:10px; border-radius:unset;}
.contact01 .agree .chk_box label span::before{width:10px; height:10px; background:#ddd; position:absolute; display:block; content:""; transform:translate(-50%,-50%); top:50%; left:50%; border-radius: 0;}
.contact01 .agree .chk_box input:checked+label span::before{background:#113677;}
.contact01 .agree .chk_box label p{float:left; color:#333; font-size:16px; font-weight:600;}
.contact01 .agree .agreeArea{height:80px; width:calc(100% - 310px); overflow-y:scroll; margin-top:5px; margin-bottom:40px;}
.contact01 .agree .agreeArea::-webkit-scrollbar-thumb{height:17%; background:#ddd; border-radius: 10px;}
.contact01 .agree .agreeArea p{font-size:16px; color:#bbb; }
.contact01 .contact_btn{margin:0 auto; width:calc(100% - 310px);}
.contact01 .contact_btn a{font-size:16px; color:#fff; font-weight:600; display:block; line-height:65px; height:65px; max-width:400px; width:100%; background:#113677; text-align: center;}

@keyframes direct {
  from {
    opacity: 0;
    margin-top: 30px
  }

  to {
    opacity: 1;
    margin-top: 0
  }
}

@keyframes more {
  from {
   
    right:-55px
  }

  to {
   
    right:-100px
  }
}

/* talent */
.talent01{margin-bottom:65px;}
.talent01 ul{display:flex; justify-content: space-between;}
.talent01 ul li{padding:25px 60px; width:33.33%; position:relative;}
.talent01 ul li:nth-child(1){border-top:2px solid #129891; }
.talent01 ul li:nth-child(2){border-top:2px solid #125b98; }
.talent01 ul li:nth-child(3){border-top:2px solid #129891;}
.talent01 ul li::after{position:absolute; display:block; content:""; right:0; top:50%;transform:translateY(-50%); height:40%; width:1px; background:#ddd;}
.talent01 ul li:nth-child(3)::after{display:none;}
.talent01 ul li .tx_box{}
.talent01 ul li .tx_box strong{display:block; font-size:50px; color:#bbb; font-weight:800; margin-bottom:15px;}
.talent01 ul li .tx_box p{font-size:30px; color:#333; font-weight:600; margin-bottom:10px;}
.talent01 ul li .tx_box em{font-size:16px; color:#999;}
.talent02{background:#fafafa; padding:75px 0 70px 0 ; margin-bottom:75px;}
.talent02 .tx_box{ text-align:center;}
.talent02 .tx_box img{margin-bottom:10px;}
.talent02 .tx_box strong{display:block; font-size:34px; color:#333; font-weight:600; margin-bottom:10px;}
.talent02 .tx_box p{font-size:16px; color:#333; line-height:1.5;}
.talent03 p {font-size: 44px; color: #333;font-weight: 600;text-align: center; padding-bottom: 10px; border-bottom: 2px solid #129891; margin-bottom: 40px;}
.talent03 ul{width:101.5%; margin:0 -0.75%; overflow: hidden;}
.talent03 ul li{float:left; width:23.5%; margin:0 0.75%;}
.talent03 ul li .img_box{height:350px; position:relative;}
.talent03 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit: cover; width:100%; height:100%;}
.talent03 ul li .tx_box{height:130px; padding:25px 0; text-align: center;}
.talent03 ul li .tx_box strong{display:block; font-size:20px; color:#333; font-weight:600; margin-bottom:5px;}
.talent03 ul li .tx_box p{font-size:16px; color:#666;}



/* map */
.map{height:560px; position:relative;}
.map iframe{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;}
.adress{}
.adress .tx_box{height:260px; background:#198c86; padding:40px 75px; margin-top:-145px;}
.adress .tx_box h3{font-size:28px; color:#fff; font-weight:600; position:relative; margin-bottom:45px;}
.adress .tx_box h3::after{display:block; content:""; background:#fff; height:1px; width:100%; position:absolute; left:0; bottom:-10px;}
.adress .tx_box ul{overflow: hidden;}
.adress .tx_box ul li{float:left; width:50%; height:auto; min-height:50px;}
.adress .tx_box ul li img{vertical-align: middle; margin-right:10px; display:inline-block;}
.adress .tx_box ul li p {font-size:16px; font-weight:300; color:#fff; display:inline;}
.adress .tx_box ul li p span{font-size:16px; font-weight:400; color:#fff;}


/* business */
.business01{margin-bottom:70px;}
.business01 .tx_box{background:url(../images/sub/business01.png) no-repeat; background-size:cover; background-position:center; height:228px; text-align: center; padding-top:70px;} 
.business01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); margin-bottom:5px;}
.business01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600;}
.business02{margin-bottom:80px;}
.business02 .busi_tit{font-size:22px; color:#333; font-weight:600; text-align:center; margin-bottom:25px;}
.business02 ul{width:101.5%; margin:0 -0.75%;}
.business02 ul li{width:31.8%; margin:0 0.75%; float:left; position:relative;}
.business02 ul li .img_box{height:330px; position:relative;}
.business02 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.business02 ul li .tx_box{}
.business02 ul li .tx_box .title{display:block; font-size:24px; color:#fff; font-weight:600;  position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center; width:100%; z-index: 20;}
.business02 ul li .tx_box .hide{display:none; text-align: left; z-index: 15; position:absolute; left:40px; top:50px;}
.business02 ul li .tx_box .hide h3{font-weight:800; color:rgba(255,255,255,0.3); font-size:56px; margin-bottom:5px;}
.business02 ul li .tx_box .hide strong{display:block; font-size:24px; color:#fff; font-weight:600; margin-bottom:10px; }
.business02 ul li .tx_box .hide p{font-size:16px; color:#fff; opacity: 0.7;}
.business02 ul li:hover .hide{display:block;}
.business02 ul li:hover .title{display:none;}
.business02 ul li::before{position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:""; z-index: 10; }
.business02 ul li:hover::before{display:none;}
.business02 ul li::after{position:absolute; bottom:0; left:0; width:0; height:0; background:rgba(18,152,145,.8); display:block; content:"";  transition:ease-in 0.3s; }
.business02 ul li:hover::after{width:100%; height:100%; transition:ease-in 0.3s;}

.business03 .one_list{overflow: hidden; margin-bottom:75px;}
.business03 .m_b0{margin-bottom:0;}
.business03 .one_list li{float:left;}
.business03 .one_list li:nth-child(1){width:58%;}
.business03 .one_list li:nth-child(2){width:calc(58% - -10px); background:#fff; position:relative; margin-left:-220px; margin-top:110px;}
.business03 .one_list li .img_box{position:relative; height:410px;}
.business03 .one_list li .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.business03 .one_list li .tx_box{padding:40px;}
.business03 .one_list li .tx_box em{display:block; color:#999; font-weight:500; font-size:16px; letter-spacing: 0.3px;} 
.business03 .one_list li .tx_box strong{display:block; font-weight:600; font-size:24px; color:#129891; position:relative; margin-bottom:45px;}
.business03 .one_list li .tx_box strong::after{display:block; content:""; background:#129891; height:1px; width:100%; position:absolute; bottom:-15px; right:69%;}
.business03 .one_list li .tx_box p{color:#666; font-weight:400; font-size:16px; letter-spacing: -2px; line-height:1.8;}
.business03 .one_list li .tx_box p span{font-size:20px; color:#333; font-weight:600; display:block; margin-bottom:10px; letter-spacing: -2px;}
.business03 .two_list{overflow: hidden; margin-bottom:75px;}
.business03 .two_list > li{float:left;}
.business03 .two_list > li:nth-child(1){width:58%; position:relative; background:#fff; z-index:100;  margin-top:110px;} 
.business03 .two_list > li:nth-child(2){width:calc(58% - -10px); background:#fff;  margin-left:-220px; }
.business03 .two_list .img_box{position:relative; height:410px;}
.business03 .two_list .img_box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.business03 .two_list > li .tx_box{padding:40px;}
.business03 .two_list > li .tx_box em{display:block; color:#999; font-weight:600; font-size:16px;} 
.business03 .two_list > li .tx_box strong{display:block; font-weight:600; font-size:24px; color:#129891; position:relative; margin-bottom:45px;}
.business03 .two_list > li .tx_box strong::after{display:block; content:""; background:#129891; height:1px; width:100%; position:absolute; bottom:-15px; left:69%;}
.business03 .two_list > li .tx_box p{color:#666; font-weight:400; font-size:16px; letter-spacing: -2px; line-height:1.8; margin-bottom:30px;}
.business03 .two_list > li .tx_box p span{font-size:20px; color:#333; font-weight:600; display:block; margin-bottom:10px; letter-spacing: -2px; line-height:1.5;}
.business03 .two_list > li .tx_box ul li{font-size:16px; color:#666; list-style: disc;;margin-left:15px; line-height:1.7;}
.business03 .two_list > li .tx_box ul li::marker{color:#198c86; font-size:10px;}


/* managenment */
.management01{margin-bottom:70px;}
.management01 .tx_box{background:url(../images/sub/management01.png) no-repeat; background-size:cover; background-position:center; height:228px; text-align: center; padding-top:70px;} 
.management01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); margin-bottom:5px;}
.management01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600;}
.management02{background:#fafafa; padding:70px 0; margin-bottom:60px;}
.management02 .tx_box{text-align: center; margin-bottom:45px;}
.management02 .tx_box h4{font-size:24px; color:#198c86; font-weight:600; margin-bottom:15px;}
.management02 .tx_box strong{display:block; color:#333; font-size:22px; font-weight:600;margin-bottom:10px;}
.management02 .tx_box p{font-size:18px; color:#333;}
.management02 ul{width:101.5%; margin:0 -0.75%;}
.management02 ul li{width:48.5%; margin:0 0.75%; float:left; height:370px; position:relative;}
.management02 ul li:nth-child(1){background:url(../images/sub/management02.png) no-repeat; background-size:cover; background-position:center;}
.management02 ul li:nth-child(2){background:url(../images/sub/management03.png) no-repeat; background-size:cover; background-position:center;}
.management02 ul li .tx_box{position:absolute; right:0; bottom:0; height:190px; width:72%; background:rgba(255,255,255,0.8); border-radius: 100px 0 0 0 ; margin-bottom:0; text-align: left; padding:45px 10px 10px 55px;}
.management02 ul li .tx_box strong{font-size:26px; color:#333; font-weight:600; display:block; margin-bottom:5px;}
.management02 ul li .tx_box p{color:#666; font-size:22px; }
.management03{margin-bottom:80px;}
.management03 ul{width:101.5%; margin:0 -0.75%;}
.management03 ul li{width:23.5%; margin:0 0.75%; float:left; position:relative;}
.management03 ul li .img_box{height:330px; position:relative;}
.management03 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.management03 ul li .tx_box{}
.management03 ul li .tx_box .title{display:block; font-size:24px; color:#fff; font-weight:600;  position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center; width:100%; z-index: 20;}
.management03 ul li .tx_box .hide{display:none; text-align: left; z-index: 15; position:absolute; left:40px; top:50px;}
.management03 ul li .tx_box .hide h3{font-weight:800; color:rgba(255,255,255,0.3); font-size:56px; margin-bottom:5px;}
.management03 ul li .tx_box .hide strong{display:block; font-size:24px; color:#fff; font-weight:600; margin-bottom:10px; }
.management03 ul li .tx_box .hide p{font-size:16px; color:#fff; opacity: 0.7;}
.management03 ul li:hover .hide{display:block;}
.management03 ul li:hover .title{display:none;}
.management03 ul li::before{position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:""; z-index: 10; }
.management03 ul li:hover::before{display:none;}
.management03 ul li::after{position:absolute; bottom:0; left:0; width:0; height:0; background:rgba(18,152,145,.8); display:block; content:"";  transition:ease-in 0.3s; }
.management03 ul li:hover::after{width:100%; height:100%; transition:ease-in 0.3s;}


/* si사업 */
.si01{margin-bottom:70px;}
.si01 .tx_box{background:url(../images/sub/si01.png) no-repeat; background-size:cover; background-position:center; height:228px; text-align: center; padding-top:90px;} 
.si01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600;}
.si02{margin-bottom:70px;}
.si02 .busi_tit{font-size:22px; color:#333; font-weight:600; text-align:center; margin-bottom:25px;}
.si02 ul{width:101.5%; margin:0 -0.75%;}
.si02 ul li{width:31.8%; margin:0 0.75%; float:left; position:relative;}
.si02 ul li .img_box{height:330px; position:relative;}
.si02 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.si02 ul li .tx_box{}
.si02 ul li .tx_box .title{display:block; font-size:24px; color:#fff; font-weight:600;  position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center; width:100%; z-index: 20;}
.si02 ul li .tx_box .hide{display:none; text-align: left; z-index: 15; position:absolute; left:40px; top:50px;}
.si02 ul li .tx_box .hide h3{font-weight:800; color:rgba(255,255,255,0.3); font-size:56px; margin-bottom:5px;}
.si02 ul li .tx_box .hide strong{display:block; font-size:24px; color:#fff; font-weight:600; margin-bottom:10px; }
.si02 ul li .tx_box .hide p{font-size:16px; color:#fff; opacity: 0.7;}
.si02 ul li:hover .hide{display:block;}
.si02 ul li:hover .title{display:none;}
.si02 ul li::before{position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:""; z-index: 10; }
.si02 ul li:hover::before{display:none;}
.si02 ul li::after{position:absolute; bottom:0; left:0; width:0; height:0; background:rgba(18,152,145,.8); display:block; content:"";  transition:ease-in 0.3s; }
.si02 ul li:hover::after{width:100%; height:100%; transition:ease-in 0.3s;}
.si03{background:#fafafa; padding:70px 0; margin-bottom:80px;}
.si03 img{max-width:100%; margin:0 auto; display:block;}
.si04{margin-bottom:80px;}
.si04 ul{width:101.5%; margin:0 -0.75%;}
.si04 ul li{width:48.5%; margin:0 0.75%; float:left; height:508px; position:relative;}
.si04 ul li:nth-child(1){background:url(../images/sub/si06.png) no-repeat; background-size:cover; background-position:center;}
.si04 ul li:nth-child(2){background:url(../images/sub/si07.png) no-repeat; background-size:cover; background-position:center;}
.si04 ul li .tx_box{position:absolute; right:0; bottom:0; height:320px; width:72%; background:rgba(255,255,255,0.8); border-radius: 100px 0 0 0 ; margin-bottom:0; text-align: left; padding:45px 10px 10px 55px;}
.si04 ul li .tx_box strong{font-size:26px; color:#333; font-weight:600; display:block; margin-bottom:5px;}
.si04 ul li .tx_box p{color:#666; font-size:22px;}
.si05{padding:70px 0; background:#fafafa;}
.si05 h4{text-align: center; margin-bottom:25px; font-size:26px; color:#333; font-weight:600;} 
.si05 ul{width:102.9%; margin:0 -1.45%;}
.si05 ul li{float:left; margin:0 1.45%; width:17.1%; height:60px; background:#34a39d; margin-bottom:1.5%; border-radius: 35px;}
.si05 ul li:nth-child(2), .si05 ul li:nth-child(4), .si05 ul li:nth-child(7), .si05 ul li:nth-child(9){background:#156d68;}
.si05 ul li p{font-size:16px; color:#fff; text-align: center; line-height:60px;}


/* it기술개발 */
.it01{margin-bottom:70px;}
.it01 .tx_box{background:url(../images/sub/it01.png) no-repeat; background-size:cover; background-position:center; height:231px; text-align: center; padding-top:90px;} 
.it01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600;}
.it02{text-align: center; padding:70px 0; background:#fafafa; margin-bottom:75px;}
.it02 strong{display:block; font-size:26px; color:#333; font-weight:600; position:relative; margin-bottom:50px;}
.it02 strong::after{position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); height:1px; width:40%; background:#999; display:block; content:"";}
.it02 p{font-size:16px; color:#666;}
.it02 p span{font-size:16px; color:#333; font-weight:500;}
.it03{margin-bottom:75px;}
.it03 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:25px; text-align: center;}
.it03 ul{width:101%; margin:0 -0.5%;}
.it03 ul li{width:19%; margin:0 0.5%; float:left; height:80px; border-radius: 15px; background:#156d68;} 
.it03 ul li:nth-child(2),.it03 ul li:nth-child(4){background:#11524e;}
.it03 ul li p{font-size:16px; color:#fff; line-height:80px; text-align: center;}
.it04{margin-bottom:75px;}
.it04 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:25px; text-align: center;}
.it04 ul{width:101.5%; margin:0 -0.75%;}
.it04 ul li{width:23.5%; margin:0 0.75%; float:left; position:relative;}
.it04 ul li .tx_box{height:260px; background:#fafafa; text-align: center; padding-top:45px; }
.it04 ul li .tx_box img{margin-bottom:10px;}
.it04 ul li .tx_box strong{display:block; font-size:24px; color:#333; font-weight:600; margin-bottom:5px;}
.it04 ul li .tx_box p{font-size:16px; color:#666;}
.it05{background:#fafafa; padding:70px 0; margin-bottom:75px;}
.it05 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:25px; text-align: center;}
.it05 ul{width:102.9%; margin:0 -1.45%;}
.it05 ul li{height:60px; border-radius: 35px; float:left; margin:0 1.45%; width:17.1%; background:#34a39d; margin-bottom:1.5%;}
.it05 ul li:nth-child(2),.it05 ul li:nth-child(4),.it05 ul li:nth-child(7),.it05 ul li:nth-child(9),.it05 ul li:nth-child(12),.it05 ul li:nth-child(14),.it05 ul li:nth-child(17),.it05 ul li:nth-child(19),.it05 ul li:nth-child(22),.it05 ul li:nth-child(24),.it05 ul li:nth-child(27),.it05 ul li:nth-child(29),.it05 ul li:nth-child(32),.it05 ul li:nth-child(34){background:#11524e;}
.it05 ul li p{font-size:16px; color:#fff; line-height:60px; text-align: center;} 
.it06{margin-bottom:75px;}
.it06 ul{width:100%;}
.it06 ul li{margin-left:-3.8%; float:left; border-radius: 50%; position:relative; background:#f5f5f5; width:19.8%;}
.it06 ul li::before{ display:block; content:""; padding-bottom:100%; }
.it06 ul li:nth-child(1){margin-left:0;}
.it06 ul li:nth-child(2n){background:#ddd;}
.it06 ul li p{font-size:24px; color:#666; font-weight:600; position:absolute; left:50%; top:50% ; transform: translate(-50%,-50%);}
.it07{padding:70px 0; background:#fafafa;}
.it07 ul{width:101.5%; margin:0 -0.75%;}
.it07 ul li{width:31.83%; margin:0 0.75%; float:left; position:relative; margin-bottom:1.5%;}
.it07 ul li .img_box{height:333px; position:relative;}
.it07 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.it07 ul li .tx_box{}
.it07 ul li .tx_box .title{display:block; font-size:24px; color:#fff; font-weight:600;  position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center; width:100%; z-index: 20;}
.it07 ul li .tx_box .hide{display:none; text-align: left; z-index: 15; position:absolute; left:40px; top:50px;}
.it07 ul li .tx_box .hide h3{font-weight:800; color:rgba(255,255,255,0.3); font-size:56px; margin-bottom:5px;}
.it07 ul li .tx_box .hide strong{display:block; font-size:24px; color:#fff; font-weight:600; margin-bottom:10px; }
.it07 ul li .tx_box .hide p{font-size:16px; color:#fff; opacity: 0.7;}
.it07 ul li:hover .hide{display:block;}
.it07 ul li:hover .title{display:none;}
.it07 ul li::before{position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:""; z-index: 10; }
.it07 ul li:hover::before{display:none;}
.it07 ul li::after{position:absolute; bottom:0; left:0; width:0; height:0; background:rgba(18,152,145,.8); display:block; content:"";  transition:ease-in 0.3s; }
.it07 ul li:hover::after{width:100%; height:100%; transition:ease-in 0.3s;}
.it08{background:url(../images/sub/it08_back.png) no-repeat; height:457px; background-size:cover; background-position:center; padding-top:75px;}
.it08 ul{height:275px; background:rgba(21,109,104,0.7);}
.it08 ul li{float:left;}
.it08 ul li:nth-child(1){width:37%; position:relative; padding-top:60px;}
.it08 ul li:nth-child(1)::after{position:absolute; right:0; height:100%; width:1px; background:rgba(255,255,255,0.6); display:block; content:""; top:80%; transform: translateY(-50%);}
.it08 ul li:nth-child(2){width:63%; padding-top:100px; padding-left:100px;}
.it08 ul li img{margin:0 auto; margin-bottom:15px; display:block;}
.it08 ul li strong{display:block; font-size:28px; color:#fff; font-weight:600;  text-align: center;}
.it08 ul li p{color:rgba(255,255,255,0.6); font-size:16px;}

/* solution */
.solution01{margin-bottom:70px;}
.solution01 .tx_box{background:url(../images/sub/solution_back01.png) no-repeat; background-size:cover; background-position:center; height:231px; text-align: center; padding-top:90px;} 
.solution01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600;}
.solution02{margin-bottom:75px;}
.solution02 .si_tit{font-size:22px; color:#333; font-weight:600; margin-bottom:35px; text-align: center;}
.solution02 h4{font-size:26px; color:#333; font-weight:600; text-align:center; margin-bottom:25px;}
.solution02 ul{width:101.5%; margin:0 -0.75%;}
.solution02 ul li{width:23.5%; margin:0 0.75%; float:left; position:relative;}
.solution02 ul li .img_box{height:330px; position:relative;}
.solution02 ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.solution02 ul li .tx_box{}
.solution02 ul li .tx_box .title{display:block; font-size:24px; color:#fff; font-weight:600;  position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center; width:100%; z-index: 20;}
.solution02 ul li .tx_box .hide{display:none; text-align: left; z-index: 15; position:absolute; left:40px; top:50px;}
.solution02 ul li .tx_box .hide h3{font-weight:800; color:rgba(255,255,255,0.3); font-size:56px; margin-bottom:5px;}
.solution02 ul li .tx_box .hide strong{display:block; font-size:24px; color:#fff; font-weight:600; margin-bottom:10px; }
.solution02 ul li .tx_box .hide p{font-size:16px; color:#fff; opacity: 0.7;}
.solution02 ul li:hover .hide{display:block;}
.solution02 ul li:hover .title{display:none;}
.solution02 ul li::before{position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:""; z-index: 10; }
.solution02 ul li:hover::before{display:none;}
.solution02 ul li::after{position:absolute; bottom:0; left:0; width:0; height:0; background:rgba(18,152,145,.8); display:block; content:"";  transition:ease-in 0.3s; }
.solution02 ul li:hover::after{width:100%; height:100%; transition:ease-in 0.3s;}
.solution03{margin-bottom:70px;}
.solution03 ul{width:101.15%; margin:0 -0.575%;}
.solution03 ul li{margin:0 0.575%; margin-bottom:1.5%; float:left; width:18.85%; position:relative; height:210px; background:#fafafa;}
.solution03 ul li .tx_box{text-align: center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.solution03 ul li .tx_box img{margin-bottom:20px;}
.solution03 ul li .tx_box p{font-size:24px; color:#333; font-weight:600;}
.solution04{background:#fafafa; padding:70px 0;}
.solution04 h4{margin-bottom:15px; font-size:26px; color:#333; font-weight:600 ; text-align: center;}
.solution04 .content{margin-bottom:50px;}
.solution04 .content04{margin-bottom:0;}
.solution04 .content strong{font-size:26px; color:#1c807a; font-weight:600; text-align: left; position:relative; display:block; margin-bottom:20px;}
.solution04 .content strong::after{display:block; content:""; position:absolute; right:0; width:92%; height:1px; background:#d0d0d0; top:50%; transform:translateY(-50%);}
.solution04 .content ul{width:101.5%; margin:0 -0.75%; overflow:hidden;}
.solution04 .content ul li{width:31.83%; margin:0 0.75%; float:left;}
.solution04 .content ul li .img_box{height:324px; position:relative;}
.solution04 .content ul li .img_box::after{position:absolute; left:0; bottom:0; width:0; height:0; background:rgba(25,140,134,0.9); display:block; content:""; transition:0.3s;}
.solution04 .content ul li .img_box:hover::after{width:100%; height:100%; transition:0.3s;}
.solution04 .content ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.solution04 .content ul li .img_box a{font-size:24px; color:#fff; font-weight:600; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none; z-index: 10;} 
.solution04 .content ul li .img_box:hover a{display:block;}
.solution04 .content ul li p{font-weight:500; font-size:22px; color:#333; text-align: center; margin-top:20px;}
.solution04 .content button{margin:0 auto; margin-top:30px; text-align:center; font-size:18px; color:#fff; max-width:200px; width:100%; height:60px;  background:#1c807a; display:block;}
.solution04 .content button a{display:block; height:60px; line-height:60px;}
.solution05{background:url(../images/sub/solution_back02.png) no-repeat; background-size:cover; background-position:center; height:425px; padding-top:70px;}
.solution05 ul{width:101.5%; margin:0 -0.75%; overflow:hidden;}
.solution05 ul li{float:left; width:48.5%; margin:0 0.75%; height:250px; background:rgba(0,0,0,0.5);}
.solution05 ul li .tx_box{padding:40px 60px;}
.solution05 ul li .tx_box strong{display:block; font-size:24px; color:#fff; font-weight:600; margin-bottom:35px; position:relative;}
.solution05 ul li .tx_box strong::after{display:block; content:""; background:rgba(255,255,255,0.5); height:1px; width:100%; position:absolute; bottom:-12px; left:0;}
.solution05 ul li .tx_box p{font-size:16px; color:rgba(255,255,255,0.5); line-height:1.7;}

/* food */
.food01{margin-bottom:70px;}
.food01 .tx_box{background:url(../images/sub/food_back01.png) no-repeat; background-size:cover; background-position:center; height:230px; text-align: center; padding-top:50px;} 
.food01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); }
.food01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600; margin-bottom:5px;}
.food02{margin-bottom:60px;}
.food02 .tx_box{text-align: center;}
.food02 .tx_box p{font-size:22px; color:#333; font-weight:500}
.food02 .tx_box p span{font-size:24px; color:#198c86; font-weight:600;}
.food03{margin-bottom:70px;}
.food03 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.food03 .food_list01{overflow: hidden; margin-bottom:35px;}
.food03 .food_list01 li{float:left;}
.food03 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.food03 .food_list01 li:nth-child(1){width:12%; }
.food03 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.food03 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.food03 .food_list01 li:nth-child(2){width:88%;}
.food03 .food_list02 li{float:left;}
.food03 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.food03 .food_list02 li:nth-child(2){width:46%;}
.food03 .food_list02 li strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:15px;}
.food03 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.food03 .food_list02 li:nth-child(2) p{ }
.food03 .food_list02 li:nth-child(2) p span{color:#198c86; font-size:20px;}
.food03 .food_list02 table{border-top:2px solid #333;}
.food03 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.food03 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; padding-left:15px; border-bottom:1px solid #ddd;}
.food04{background:#fafafa; padding:70px 0; margin-bottom:70px;}
.food04 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.food04 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.food04 .food_list01{overflow: hidden; margin-bottom:35px;}
.food04 .food_list01 li{float:left;}
.food04 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.food04 .food_list01 li:nth-child(1){width:12%; }
.food04 .food_list01 li:nth-child(1) .img_box{height:92px; position:relative;}
.food04 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.food04 .food_list01 li:nth-child(2){width:88%;}
.food04 .food_list02{overflow: hidden;}
.food04 .food_list02 li{float:left;}
.food04 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.food04 .food_list02 li:nth-child(2){width:46%;}
.food04 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.food04 .food_list02 li p span{color:#198c86; font-size:20px;}
.food04 .food_list02 li p.p01{font-size:14px ;color:#666; font-weight:300; margin-bottom:45px;}
.food04 .food_list02 li em{display:block; font-size:16px; color:#198c86; font-weight:600; margin-bottom:5px;}
.food04 .food_list03{width:110.7%; margin:0 -5.35%;}
.food04 .food_list03 li{float:left; margin:0 5.35%; width:39.3%;}
.food04 .food_list03 .img_box{height:524px; position:relative;}
.food04 .food_list03 .img_box img{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  }
.food04 .food_list03 p{font-size:16px; color:#666; margin-top:10px;}
.food05{}
.food05 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.food05 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.food05 .food_list01{overflow: hidden; margin-bottom:35px;}
.food05 .food_list01 li{float:left;}
.food05 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.food05 .food_list01 li:nth-child(1){width:12%; }
.food05 .food_list01 li:nth-child(1) .img_box{height:83px; position:relative;}
.food05 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.food05 .food_list01 li:nth-child(2){width:88%;}
.food05 .food_list02{margin-bottom:30px; overflow: hidden;}
.food05 .food_list02 li{float:left;}
.food05 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.food05 .food_list02 li:nth-child(2){width:46%;}
.food05 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.food05 .food_list02 li p span{font-size:20px; color:#198c86;}


/* cosmetics */
.cosmetics01{margin-bottom:70px;}
.cosmetics01 .tx_box{background:url(../images/sub/cosmetics_back01.png) no-repeat; background-size:cover; background-position:center; height:230px; text-align: center; padding-top:75px;} 
.cosmetics01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); }
.cosmetics01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600; margin-bottom:5px;}
.cosmetics02{margin-bottom:60px;}
.cosmetics02 .tx_box{text-align: center;}
.cosmetics02 .tx_box p{font-size:22px; color:#333; font-weight:500}
.cosmetics02 .tx_box p span{font-size:24px; color:#198c86; font-weight:600;}
.cosmetics03{margin-bottom:70px;}
.cosmetics03 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.cosmetics03 .food_list01{overflow: hidden; margin-bottom:35px;}
.cosmetics03 .food_list01 li{float:left;}
.cosmetics03 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.cosmetics03 .food_list01 li:nth-child(1){width:12%; }
.cosmetics03 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.cosmetics03 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.cosmetics03 .food_list01 li:nth-child(2){width:88%;}
.cosmetics03 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.cosmetics03 .food_list02{margin-bottom:30px; overflow: hidden;}
.cosmetics03 .food_list02 li{float:left;}
.cosmetics03 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.cosmetics03 .food_list02 li:nth-child(2){width:46%;}
.cosmetics03 .food_list02 li img{max-width:100%;}
.cosmetics03 .food_list02 li p{font-size:16px; color:#666; margin-bottom:38px;}
.cosmetics03 .food_list02 li p span{font-size:20px; color:#198c86;}



/* device */
.device01{margin-bottom:70px;}
.device01 .tx_box{background:url(../images/sub/device_back01.png) no-repeat; background-size:cover; background-position:center; height:230px; text-align: center; padding-top:50px;} 
.device01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); }
.device01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600; margin-bottom:5px;}
.device02{margin-bottom:60px;}
.device02 .tx_box{text-align: center;}
.device02 .tx_box p{font-size:22px; color:#333; font-weight:500}
.device02 .tx_box p span{font-size:24px; color:#198c86; font-weight:600;}
.device03{margin-bottom:70px;}
.device03 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.device03 p.p_t{font-size:16px; color:#666; margin-bottom:45px;}
.device03 .food_list02{ overflow: hidden;}
.device03 .food_list02 li{float:left;}
.device03 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.device03 .food_list02 li:nth-child(2){width:46%;}
.device03 .food_list02 li img{max-width:100%;}
.device03 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px; margin-top:10px;}
.device03 .food_list02 li p span{color:#198c86; font-size:20px;}
.device03 .food_list02 table{border-top:2px solid #333;}
.device03 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; height:60px;}
.device03 .food_list02 table th:last-child{border-right:none;}
.device03 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; text-align: center;}
.device03 .food_list02 table td:nth-child(3){padding-left:15px; text-align: left;}
.device03 .food_list02 table td:last-child{border-right:none;}
.device03 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.device04{background:#fafafa; padding:70px 0; margin-bottom:70px;}
.device04 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.device04 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.device04 p.p_t{font-size:16px; color:#666; margin-bottom:45px;}
.device04 .food_list02{ overflow: hidden;}
.device04 .food_list02 li{float:left;}
.device04 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.device04 .food_list02 li:nth-child(2){width:46%;}
.device04 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.device04 .food_list02 li p span{color:#198c86; font-size:20px;}
.device05{margin-bottom:70px;}
.device05 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.device05 .food_list02{overflow: hidden;}
.device05 .food_list02 li{float:left;}
.device05 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.device05 .food_list02 li:nth-child(2){width:46%;}
.device05 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.device05 .food_list02 li p span{color:#198c86; font-size:20px;}
.device05 .food_list02 table{border-top:2px solid #333;}
.device05 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; height:60px;}
.device05 .food_list02 table th:last-child{border-right:none;}
.device05 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500;  border-bottom:1px solid #ddd; border-right: 1px solid #ddd; text-align: center;}
.device05 .food_list02 table td:last-child{border-right:none;}
.device05 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.device06{background:#fafafa; padding:70px 0;}
.device06 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.device06 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.device06 .food_list01{overflow: hidden; margin-bottom:35px;}
.device06 .food_list01 li{float:left;}
.device06 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.device06 .food_list01 li:nth-child(1){width:12%; }
.device06 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.device06 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.device06 .food_list01 li:nth-child(2){width:88%;}
.device06 .food_list02 li{float:left;}
.device06 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.device06 .food_list02 li:nth-child(2){width:46%;}
.device06 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.device06 .food_list02 li p span{font-size:20px; color:#198c86;}
.device06 .food_list02 table{border-top:2px solid #333;}
.device06 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd;}
.device06 .food_list02 table th:last-child{border-right:none;}
.device06 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; padding-left:15px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; background:#fff;}
.device06 .food_list02 table td:last-child{border-right:none;}
.device06 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}


/* drug */
.drug01{margin-bottom:70px;}
.drug01 .tx_box{background:url(../images/sub/drug01_back.png) no-repeat; background-size:cover; background-position:center; height:230px; text-align: center; padding-top:70px;} 
.drug01 .tx_box p{font-size:22px; color:rgba(255,255,255,0.7); }
.drug01 .tx_box strong{display:block; font-size:28px; color:#fff; font-weight:600; margin-bottom:5px;}
.drug02{margin-bottom:60px;}
.drug02 .tx_box{text-align: center;}
.drug02 .tx_box p{font-size:22px; color:#333; font-weight:500}
.drug02 .tx_box p span{font-size:24px; color:#198c86; font-weight:600;}
.drug03{margin-bottom:70px;}
.drug03 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.drug03 .food_list01{overflow: hidden; margin-bottom:35px;}
.drug03 .food_list01 li{float:left;}
.drug03 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.drug03 .food_list01 li:nth-child(1){width:12%; }
.drug03 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.drug03 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.drug03 .food_list01 li:nth-child(2){width:88%;}
.drug03 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.drug03 .food_list02 li{float:left;}
.drug03 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.drug03 .food_list02 li:nth-child(2){width:46%;}
.drug03 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.drug03 .food_list02 li p span{color:#198c86; font-size:20px;}
.drug03 .food_list02 table{border-top:2px solid #333;}
.drug03 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd;}
.drug03 .food_list02 table th:last-child{border-right:none;}
.drug03 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; padding-left:15px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; background:#fff;}
.drug03 .food_list02 table td:last-child{border-right:none;}
.drug04{padding:70px 0; margin-bottom:70px; background:#fafafa;}
.drug04 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.drug04 .food_list01{overflow: hidden; margin-bottom:35px;}
.drug04 .food_list01 li{float:left;}
.drug04 .food_list01 li p{font-size:16px; color:#666; line-height:1.5; padding-left:20px;}
.drug04 .food_list01 li:nth-child(1){width:12%; }
.drug04 .food_list01 li:nth-child(1) .img_box{height:135px; position:relative;}
.drug04 .food_list01 li:nth-child(1) .img_box img{max-width:100%;}
.drug04 .food_list01 li:nth-child(2){width:88%;}
.drug04 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.drug04 .food_list02{overflow: hidden;}
.drug04 .food_list02 li{float:left;}
.drug04 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.drug04 .food_list02 li:nth-child(2){width:46%;}
.drug04 .food_list02 li img{max-width:100%; margin-bottom:15px;}
.drug04 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.drug04 .food_list02 li p span{color:#198c86; font-size:20px;}
.drug04 .food_list02 table{border-top:2px solid #333;}
.drug04 .food_list02 table th{background:#f5f5f5; text-align: center; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right: 1px solid #ddd;}
.drug04 .food_list02 table th:last-child{border-right:none;}
.drug04 .food_list02 table td{height:60px; font-size:16px; color:#333; font-weight:500; padding-left:15px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; background:#fff;}
.drug04 .food_list02 table td:last-child{border-right:none;}
.drug05{margin-bottom:85px;}
.drug05 h4{font-size:26px; color:#333; font-weight:600; margin-bottom:15px; text-align: center;}
.drug05 strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:20px;}
.drug05 p.p_t{font-size:16px; color:#666; margin-bottom:45px;}
.drug05 .food_list02{ overflow: hidden;}
.drug05 .food_list02 li{float:left;}
.drug05 .food_list02 li:nth-child(1){width:48%; margin-right:75px;}
.drug05 .food_list02 li:nth-child(2){width:46%;}
.drug05 .food_list02 li p{font-size:16px; color:#666; margin-bottom:23px;}
.drug05 .food_list02 li p span{font-size:20px; color:#198c86;}


/* data */
.data01{margin-bottom:80px;}
.data01 .tab_con{max-width:510px; width:100%; margin:0 auto;}
.data01 .tab_con ul{width:100%; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 35px; margin-bottom:40px;}
.data01 .tab_con ul li{float:left; width:33.33%; }
.data01 .tab_con ul li a{font-size:20px; color:#333; display:block; height:60px; line-height:60px; background:#fff;  text-align: center; border-radius: 35px;}
.data01 .tab_con ul li.on a{color:#fff; background:#156d68;}
.data01 .content{margin-bottom:60px;}
.data01 .content ul{width:101.5%; margin:0 -0.75%; overflow:hidden; }
.data01 .content ul li{width:31.83%; margin:0 0.75%; float:left; box-shadow: 0 0 15px rgba(0,0,0,0.1); margin-bottom:2%;}
.data01 .content ul li .img_box{height:325px; position:relative;}
.data01 .content ul li .img_box::after{position:absolute; left:0; bottom:0; width:0; height:0; background:rgba(25,140,134,0.9); display:block; content:""; transition:0.3s;}
.data01 .content ul li .img_box:hover::after{width:100%; height:100%; transition:0.3s;}
.data01 .content ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.data01 .content ul li .img_box a{font-size:24px; color:#fff; font-weight:600; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none; z-index: 10;} 
.data01 .content ul li .img_box p{height:37px; line-height:37px; border-radius: 30px;  width:90px; font-size:20px; color:#fff; background:#156d68; position:absolute; right:10px; top:10px;  z-index: 20; text-align: center;}
.data01 .content ul li .img_box:hover a{display:block;}
.data01 .content ul li .img_box:hover p{ background:#fff; color:#156d68;}
.data01 .content ul li .tx_box{height:70px; line-height:70px; padding-left:10px;}
.data01 .content ul li .tx_box p{font-weight:500; font-size:22px; color:#333; text-overflow: ellipsis ; overflow: hidden; white-space: nowrap; }
.data01 .page_list{ margin:0 auto;}
.data01 .page_list ul{display:flex; justify-content: center; width:100%;}
.data01 .page_list ul li{}
.data01 .page_list ul li a{font-size:16px; color:#999; display:block; width:55px; height:55px; line-height:55px; text-align: center; border-radius: 50%;}
.data01 .page_list ul li img{vertical-align: middle;}
.data01 .page_list ul li.on a{color:#fff; background:#156d68;}



/* data_view */
.data_view{margin-bottom:80px;}
.boardView {width:100%; border-top:2px solid #333; margin-top:20px; font-family:'Noto Sans KR',sans-serif;}
.boardView .titArea {padding:25px 0px 20px; background:#fff; border-bottom:1px solid #dfe5ea; position:relative;}
.boardView .titArea h5.tit {font-size:24px; color:#333; margin-bottom:10px;  font-weight:600; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.boardView .titArea h5.tit span{font-size:16px; background:#333; color:#fff; padding:5px 15px; border-radius: 30px; vertical-align: middle; margin-left:10px;}
.boardView .titArea p {font-size:14px; color:#999; display:inline-block; margin-right:10px;}
.boardView .titArea p span{font-size:14px; color:#999;  font-family:'MontSerrat','sans-serif';}
.boardView .titArea em{padding:10px 15px; float:right; margin-top: -35px; background: #002d72; border-radius:30px; color:#fff; border:1px solid #002d72;}
.boardView .titArea em.end{color: #002d72; background:#fff; border:1px solid #002d72;}
.boardView .txtArea {padding:40px 0px 60px; color:#999; font-size:17px; position:relative;}
.boardView .txtArea p {font-size:15px; color:#999; line-height:1.7;}
.boardView .txtArea .txt_img{width:100%; position:relative; margin-bottom:40px; text-align: center;}
.boardView .txtArea img{max-width:100%;}

.boardView .txtArea .article{
  position:absolute;
  border:1px solid #333;
  border-radius:30px;
  color:#333;
  padding:5px 15px;
  bottom:10px;
  right:10px;
  font-weight:500;
}

.boardView .fileArea {border-top:1px solid #ddd ; border-bottom:1px solid #ddd; margin-bottom:20px;}
.boardView .fileArea span {display:inline-block; width:160px;padding:15px 0; text-align:left;font-size:16px; color:#333; background:#f5f5f5;; font-family:'Noto Sans KR';  padding-left:15px;}
.boardView .fileArea a {font-size:16px; color:#333; padding-left:10px; font-family:'Noto Sans KR';}

.boardView .prevNext > .prev{float:left; width:100%; border-bottom:1px solid #ddd;}
.boardView .prevNext > .next{float:left; width:100%; border-bottom:1px solid #ddd;}
.boardView .prevNext > div > a {display:block; width:100%; vertical-align:middle;  box-sizing:border-box;}
.boardView .prevNext > div span {padding:15px 10px ; display:inline-block; vertical-align:middle; font-size:16px; color:#333;   background:#f5f5f5; width: 160px; text-align:left; height:50px; padding-left:15px; font-family:'Noto Sans KR'; float:left; margin-top:-1px; border-top:1px solid #ddd;}
.boardView .prevNext .next .arrow{float:left;}
.boardView .prevNext .tit {width:calc(100% - 165px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5; font-size:16px; background: none; color:#333; text-align: left; font-family:'Noto Sans KR'}
.boardView .prevNext .day {float:right; padding-right:30px; display:none;}
.listBtn {text-align:center; margin-top:100px;}
.listBtn a {display:inline-block; margin:0 5px; text-align:center; box-sizing:border-box; width:200px; height:60px; line-height:60px; font-size:20px; color:#fff; background:#156d68; }


@media screen and (max-width:1300px) {
.inner{width:1024px;}



/* map */
.adress .tx_box{height: auto;}
.adress .tx_box ul li{width:100%;}

/* management */
.management03 ul li{width:48.5%; margin-bottom:1.5%;}

/* si 사업 */
.si04 ul li .tx_box{height:460px;}

/* solution */
.solution02 ul li{width:48.5%; margin-bottom:1.5%;}
.solution05 ul li .tx_box p br{display:none;}

/* food */
.food03 .food_list02 li:nth-child(2){width:44%;}
.food04 .food_list02 li:nth-child(2){width:44%;}
.food05 .food_list02 li:nth-child(2){width:44%;}

/* cosmetics */
.cosmetics03 .food_list02 li:nth-child(2){width:44%;}

/* device */
.device03 .food_list02 li:nth-child(2){width:44%;}
.device04 .food_list02 li:nth-child(2){width:44%;}
.device05 .food_list02 li:nth-child(2){width:44%;}
.device06 .food_list02 li:nth-child(2){width:44%;}


/* drug */
.drug03 .food_list02 li:nth-child(2){width:44%;}
.drug04 .food_list02 li:nth-child(2){width:44%;}
.drug05 .food_list02 li:nth-child(2){width:44%;}
}



@media screen and (max-width:1024px) {
.inner{width:auto; padding:0 20px;}
.sub_tit p{font-size:40px;}


/* intro */
.intro01{height:auto;}
.intro01 .tx_box{padding:20px 10px;}
.intro01 .tx_box strong{font-size:24px;}
.intro01 .tx_box p{font-size:20px;}
.intro01 .tx_box span{font-size:26px;}
.intro02 .tx_box p{font-size:20px;}


/* talent */
.talent01 ul li{padding:25px 20px;}
.talent01 ul li .tx_box strong{font-size:44px;}
.talent03 ul li{width:31.83%;}

/* map */
.adress .tx_box{margin-top:0;}

/* business */
.business01 .tx_box p{font-size:18px;}
.business01 .tx_box strong{font-size:26px;}
.business02 .busi_tit{font-size:18px;}
.business02 ul li .tx_box .title{font-size:20px;}
.business02 ul li .tx_box .hide{left:20px; top:20px;}
.business02 ul li .tx_box .hide h3{font-size:50px;}
.business02 ul li .tx_box .hide strong{font-size:20px;}
.business02 ul li .tx_box .hide p{font-size:14px;}

/* contact */
.contact{display:flex; flex-direction:column;}
.contact > div:nth-child(1){order:2;}
.contact > div:nth-child(2){order:1;}
.contact .tx_box{width:100%; padding: 30px 0;}
.contact01{width:100%;}

/* management */
.management01 .tx_box p{font-size:18px;}
.management01 .tx_box strong{font-size:26px;}
.management02 ul li .tx_box{min-height:190px; height:auto; padding:30px 10px 10px 40px;}
.management02 ul li .tx_box strong{font-size:22px;}
.management02 ul li .tx_box p{font-size:18px;}
.management03 ul li .tx_box .title{font-size:20px;}
.management03 ul li .tx_box .hide{left:20px; top:20px;}
.management03 ul li .tx_box .hide h3{font-size:50px;}
.management03 ul li .tx_box .hide strong{font-size:20px;}
.management03 ul li .tx_box .hide p{font-size:14px;}

/* si사업 */
.si01 .tx_box p{font-size:18px;}
.si01 .tx_box strong{font-size:26px;}
.si02 .busi_tit{font-size:18px;}
.si02 ul li .tx_box .title{font-size:20px;}
.si02 ul li .tx_box .hide{left:20px; top:20px;}
.si02 ul li .tx_box .hide h3{font-size:50px;}
.si02 ul li .tx_box .hide strong{font-size:20px;}
.si02 ul li .tx_box .hide p{font-size:14px;}
.si04 ul li .tx_box{min-height:380px; height:auto; padding:30px 10px 10px 40px;}
.si04 ul li .tx_box strong{font-size:22px;}
.si04 ul li .tx_box p{font-size:18px;}
.si05 ul li{width:22.1%;}

/* it 기술개발 */
.it01 .tx_box strong{font-size:26px;}
.it03 ul li{width:32.33%; margin-bottom:1.5%;}
.it04 ul li{width:48.5%; margin-bottom:1.5%;}
.it05 ul li{width:22.1%;}
.it06 ul li p{font-size:2.5vw;}
.it07 ul li .tx_box .hide{left:20px; top:20px;}
.it07 ul li .tx_box .hide h3{font-size:50px;}
.it07 ul li .tx_box .hide strong{font-size:20px;}
.it07 ul li .tx_box .hide p{font-size:14px;}
.it08 ul li:nth-child(2){padding-left:40px; padding-right:40px;}
.it05 ul li:nth-child(2),.it05 ul li:nth-child(4),.it05 ul li:nth-child(7),.it05 ul li:nth-child(9),.it05 ul li:nth-child(12),.it05 ul li:nth-child(14),.it05 ul li:nth-child(17),.it05 ul li:nth-child(19),.it05 ul li:nth-child(22),.it05 ul li:nth-child(24),.it05 ul li:nth-child(27),.it05 ul li:nth-child(29),.it05 ul li:nth-child(32),.it05 ul li:nth-child(34){background:#34a39d;}
.it05 ul li:nth-child(2n){background:#156d68;}


/* solution */
.solution01 .tx_box strong{font-size:26px;}
.solution02 ul li .tx_box .title{font-size:20px;}
.solution02 ul li .tx_box .hide{left:20px; top:20px;}
.solution02 ul li .tx_box .hide h3{font-size:50px;}
.solution02 ul li .tx_box .hide strong{font-size:20px;}
.solution02 ul li .tx_box .hide p{font-size:14px;}
.solution03 ul li{width:23.85%;}
.solution03 ul li .tx_box p{font-size:20px;}
.solution04 .content strong::after{width:90%;}
.solution04 .content ul li .img_box{height:35vw;}
.solution05 ul li .tx_box strong{font-size:20px;}
.solution05 ul li .tx_box{padding:25px 40px;}
.solution05 ul li .tx_box p{font-size:14px;}


/* food */
.food_list01 li p{font-size:14px !important;}
.food_list01 li p br{display:none;}
.food01 .tx_box p{font-size:16px;}
.food01 .tx_box strong{font-size:26px;}
.food02 .tx_box p{font-size:18px;}
.food02 .tx_box p span{font-size:20px;}
.food03 .food_list02 li:nth-child(2){width:42%;}
.food04 .food_list02 li:nth-child(2){width:42%;}
.food04 .food_list03 .img_box{height:50vw;}
.food05 .food_list02 li:nth-child(2){width:42%;}


/* cosmetics */
.cosmetics01 .tx_box p{font-size:16px;}
.cosmetics01 .tx_box strong{font-size:26px;}
.cosmetics02 .tx_box p{font-size:18px;}
.cosmetics02 .tx_box p span{font-size:20px;}
.cosmetics03 .food_list02 li:nth-child(2){width:42%;}


/* device */
.device01 .tx_box p{font-size:16px;}
.device01 .tx_box strong{font-size:26px;}
.device02 .tx_box p{font-size:18px;}
.device02 .tx_box p span{font-size:20px;}
.device03 .food_list02 li:nth-child(2){width:42%;}
.device04 .food_list02 li:nth-child(2){width:42%;}
.device05 .food_list02 li:nth-child(2){width:42%;}
.device06 .food_list02 li:nth-child(2){width:42%;}

/* drug */
.drug03 .food_list02 li:nth-child(2){width:42%;}
.drug04 .food_list02 li:nth-child(2){width:42%;}
.drug05 .food_list02 li:nth-child(2){width:42%;}
.drug01 .tx_box p{font-size:16px;}
.drug01 .tx_box strong{font-size:26px;}
.drug02 .tx_box p{font-size:18px;}
.drug02 .tx_box p span{font-size:20px;}

/* data */
.data01 .content ul li .img_box{height:33vw;}
.data01 .content ul li .tx_box p{font-size:20px;}
}



@media screen and (max-width:768px) {
.inner{padding:0 15px;}
.sub_tit p{font-size:32px;}

/* intro */
.intro03 .one_list li:nth-child(1){width:100%;}
.intro03 .one_list li:nth-child(2){width:100%; margin:0; }
.intro03 .one_list li .img_box{height:52vw;}
.intro03 .one_list li .tx_box{padding:15px;}
.intro03 .one_list li .tx_box em{font-size:14px;}
.intro03 .one_list li .tx_box strong{font-size:20px;}
.intro03 .one_list li .tx_box p{font-size:14px;}
.intro03 .two_list{display:flex; flex-direction: column;}
.intro03 .two_list li:nth-child(1){width:100%; order:2; margin:0; }
.intro03 .two_list li:nth-child(2){width:100%; margin:0; order:1;}
.intro03 .two_list li .img_box{height:52vw;}
.intro03 .two_list li .tx_box{padding:15px;}
.intro03 .two_list li .tx_box em{font-size:14px;}
.intro03 .two_list li .tx_box strong{font-size:20px;}
.intro03 .two_list li .tx_box p{font-size:14px;}


/* ceo  */
.ceo ul li:nth-child(1){width:96.5%;}
.ceo ul li:nth-child(2){width:96.5%;}
.ceo ul li .img_box{height:140vw;}
.ceo ul li .tx_box p br{display:none;}


/* talent */
.talent01 ul{flex-direction: column;}
.talent01 ul li{width:100%;}
.talent01 ul li::after{display:none;}
.talent03 ul li .img_box{height:45vw;}
.talent03 ul li .tx_box{padding:20px 0;}
.talent03 ul li .tx_box strong{font-size:18px;}
.talent03 ul li .tx_box p{font-size:14px;}

/* map */
.map{height:80vw;}
.adress .tx_box h3{font-size:24px;}
.adress .tx_box{padding:40px 25px;}
.adress .tx_box ul li{margin-bottom:10px;}
.adress .tx_box ul li p{font-size:14px;}
.adress .tx_box ul li p span{font-size:14px;}
.adress .tx_box ul li img{margin-right:5px;}

 /* contact */
 .contact01 .contact_form{padding:50px 25px;}
 .contact01 .col{width:100%;}
 .contact01 .agree textarea{width:100%;}
 .contact01 .agree .agreeArea{width:100%; margin-bottom: 10px;}
 .contact01 .contact_btn{max-width:400px; width:100%;}
 .contact01 .contact_btn a{font-size:14px; line-height:50px; height:50px;}
 .contact .tx_box{padding:10px 0;}
 .contact .tx_box strong{font-size:40px;}
 .contact .tx_box p{font-size:14px; margin-bottom:40px;}
 .contact .tx_box em{font-size:16px;}
 .contact .tx_box .number{font-size:38px;}
 .contact table tbody th{font-size:16px; width:80px;}
 .contact table tbody td{font-size:16px;}
 .contact table tbody td span{font-size:12px;}

/* business */
.business02 ul li{width:98.5%; margin-bottom:1.5%;}
.business03 .one_list li:nth-child(1){width:100%;}
.business03 .one_list li:nth-child(2){width:100%; margin:0; }
.business03 .one_list li .img_box{height:52vw;}
.business03 .one_list li .tx_box{padding:15px;}
.business03 .one_list li .tx_box em{font-size:14px;}
.business03 .one_list li .tx_box strong{font-size:20px;}
.business03 .one_list li .tx_box p{font-size:14px;}
.business03 .two_list{display:flex; flex-direction: column;}
.business03 .two_list li:nth-child(1){width:100%; order:2; margin:0; }
.business03 .two_list li:nth-child(2){width:100%; margin:0; order:1;}
.business03 .two_list li .img_box{height:52vw;}
.business03 .two_list li .tx_box{padding:15px;}
.business03 .two_list li .tx_box em{font-size:14px;}
.business03 .two_list li .tx_box strong{font-size:20px;}
.business03 .two_list > li .tx_box ul li{font-size:14px;}



/* management */
.management02 .tx_box h4{font-size:20px;}
.management02 .tx_box strong{font-size:18px;}
.management02 .tx_box p{font-size:14px;}
.management02 ul li{width:98.5%; margin-bottom:1.5%; height:320px;}
.management03 ul li{width:98.5%;}


/* si사업 */
.si02 ul li{width:98.5%; margin-bottom:1.5%;}
.si04 ul li{width:98.5%; margin-bottom:1.5%;}
.si04 ul li{height:428px;}
.si04 ul li .tx_box{min-height:250px;}
.si05 h4{font-size:22px;}
.si05 ul li{width:30.43%; height:45px;}
.si05 ul li p{font-size:14px; line-height:45px;}


/* it기술개발 */
.it02 strong{font-size:22px;}
.it02 p{font-size:14px;}
.it02 p span{font-size:14px;}
.it02 strong{margin-bottom:35px;}
.it03 h4{font-size:22px;}
.it03 ul li{min-height:45px; height:auto; padding:10px 0; width:49%;}
.it03 ul li p{line-height:unset; font-size:14px;}
.it04 h4{font-size:22px;}
.it04 ul li .tx_box img{width:70px;}
.it04 ul li .tx_box strong{font-size:20px;}
.it04 ul li .tx_box p{font-size:14px;}
.it05 h4{font-size:22px;}
.it05 ul li{width:30.43%; height:45px;}
.it05 ul li p{line-height:45px; font-size:14px;}
.it06 ul li{width:35.8%;}
.it06 ul li:nth-child(4){margin-left:0;}
.it06 ul li p{font-size:3vw;}
.it07 ul li{width:48.5%;}
.it08 ul li strong{font-size:24px;}
.it08 ul li:nth-child(2){padding-top:70px;}
.it05 ul li:nth-child(2n){background:#34a39d;}
.it05 ul li:nth-child(3n-1){background:#156d68;}


/* solution */
.solution02 .si_tit{font-size:18px;}
.solution02 h4{font-size:22px;}
.solution02 ul li{width:98.5%;}
.solution03 ul li{width:32.18%;}
.solution04 h4{font-size:22px;}
.solution04 .content strong{font-size:22px;}
.solution04 .content ul li p{font-size:18px;}
.solution04 .content button{font-size:16px; height:50px; max-width:160px;}
.solution04 .content button a{height:50px; line-height:50px;}
.solution04 .content ul li .img_box a{font-size:20px;}
.solution04 .content strong::after{width:85%;}
.solution05{height:auto; padding:45px 0;}
.solution05 ul li{width:98.5%; margin-bottom:1.5%;}
.solution05 ul li{height:auto;}


/* food */
.food_list01 li:nth-child(1){width:100% !important;}
.food_list01 li:nth-child(1) .img_box{text-align: center; margin-bottom:20px;}
.food_list01 li p{padding-left:0 !important;}
.food_list02 li:nth-child(1){width:100% !important; margin-bottom:25px;}
.food03 .food_list01 li:nth-child(2){width:100%;}
.food_list02 li:nth-child(2){width:100% !important;}
.food_list02 li strong{font-size:18px !important;}
.food_list02 li p{font-size:14px !important;}
.food03 h4{font-size:22px;}
.food03 .food_list02 table th{font-size:14px;}
.food03 .food_list02 table td{font-size:14px; height:45px;}
.food04 h4{font-size:22px;}
.food04 strong{font-size:18px;}
.food04 .food_list02{margin-bottom:25px;}
.food04 .food_list03 p{font-size:14px;}
.food05 h4{font-size:22px;}


/* cosmetics */
.cosmetics03 .food_list01 li:nth-child(2){width:100%;}
.cosmetics03 strong{margin-bottom:20px;}
.cosmetics03 h4{font-size:22px;}

/* device */
.device03 .food_list02 table th{height:45px; font-size:14px;}
.device03 .food_list02 table td{height:45px; font-size:14px;}
.device05 .food_list02 table th{height:45px; font-size:14px;}
.device05 .food_list02 table td{height:45px; font-size:14px;}
.device06 .food_list01 li:nth-child(2){width:100%;}
.device06 .food_list02 table th{height:45px; font-size:14px;}
.device06 .food_list02 table td{height:45px; font-size:14px;}

.device03 h4{font-size:22px;}
.device04 h4{font-size:22px;}
.device05 h4{font-size:22px;}
.device06 h4{font-size:22px;}
.device03 p.p_t{font-size:14px;}
.device04 p.p_t{font-size:14px;}

/* drug */
.drug03 .food_list02 table th{height:45px; font-size:14px;}
.drug03 .food_list02 table td{height:45px; font-size:14px;}
.drug03 .food_list01 li:nth-child(2){width:100%;}
.drug04 .food_list02 table th{height:45px; font-size:14px;}
.drug04 .food_list02 table td{height:45px; font-size:14px;}
.drug04 .food_list01 li:nth-child(2){width:100%;}
.drug03 h4{font-size:22px;}
.drug04 h4{font-size:22px;}
.drug05 h4{font-size:22px;}
.drug05 p.p_t{font-size:14px;}


/* data */
.data01 .tab_con ul li a{height:45px; line-height:45px; font-size:16px;}
.data01 .content ul li{width:48.5%;}
.data01 .content ul li .img_box{height:37vw;}
.data01 .content ul li .img_box a{font-size:20px; }
.data01 .content ul li .img_box p{font-size:16px; height:30px; line-height:30px; width:70px;}
.data01 .content ul li .tx_box{height:50px; line-height:50px;}
.data01 .content ul li .tx_box p{font-size:16px;}
.data01 .page_list ul li a{font-size:14px; width:35px; height:35px; line-height:35px;}

/* data_view */
.data_view .listBtn a{height:50px; line-height:50px; font-size:18px; width:140px;}
}


@media screen and (max-width:630px){
/* si 사업 */
.si05 ul li{width:47.1%;}

/* it기술개발 */
.it08 ul{height:300px;}
.it08 ul li:nth-child(1){width:100%; padding-top:25px;}
.it08 ul li:nth-child(1)::after{display:none;}
.it08 ul li:nth-child(2){width:100%; padding-top:20px;}


} 

@media screen and (max-width:480px) {
/* intro */
.intro01 .tx_box strong{font-size:20px;}
.intro01 .tx_box p{font-size:16px;}
.intro01 .tx_box span{font-size:22px;}
.intro02 .tx_box p{font-size:16px;}


/* ceo */
.ceo ul li .tx_box strong{font-size:20px;}
.ceo ul li .tx_box em{font-size:18px;}
.ceo ul li .tx_box em span{font-size:22px;}

/* talent */
.talent02 .tx_box strong{font-size:16px;}
.talent02 .tx_box p{font-size:12px;}
.talent03 ul li{width:48.5%;}
.talent03 ul li .img_box{height:50vw;}
.talent03 ul li .tx_box{height:100px;}


/* business */
.business01 .tx_box{padding:20px; height:auto;}
.business01 .tx_box p{font-size:16px;}
.business01 .tx_box strong{font-size:22px;}
.business02 .busi_tit{font-size:16px;}
.business02 ul li .img_box{height:260px;}


/* management */
.management01 .tx_box{padding:20px; height:auto;}
.management01 .tx_box p{font-size:16px;}
.management01 .tx_box strong{font-size:22px;}
.management02 ul li{height:260px;}
.management02 ul li .tx_box strong{font-size:18px;}
.management02 ul li .tx_box p{font-size:14px;}
.management02 ul li .tx_box{min-height:150px; border-radius: 50px 0 0 0; padding:30px 10px 10px 20px;}
.management03 ul li .img_box{height:260px;}


/* si사업 */
.si01 .tx_box{padding:20px; height:auto;}
.si01 .tx_box p{font-size:16px;}
.si01 .tx_box strong{font-size:22px;}
.si02 .busi_tit{font-size:16px;}
.si02 ul li .img_box{height:260px;}
.si04 ul li{height:300px;}
.si04 ul li .tx_box{border-radius: 50px 0 0 0; padding:30px 10px 10px 20px;}
.si04 ul li .tx_box strong{font-size:18px;}
.si04 ul li .tx_box p{font-size:14px;}
.si04 ul li .tx_box p br{display:none;}

/* it기술개발 */
.it01 .tx_box{padding:20px; height:auto;}
.it01 .tx_box strong{font-size:22px;}
.it04 ul li{width:98.5%;}
.it04 ul li .tx_box{height:220px; padding-top:35px;}
.it05 ul li{width:47.1%;}
.it07 ul li{width:98.5%; }
.it07 ul li .img_box{height:260px;}
.it08 ul li:nth-child(2){padding-left:10px; padding-right:10px;}
.it08 ul li strong{font-size:20px;}
.it08 ul li p{font-size:14px;}
.it05 ul li:nth-child(3n-1){background:#34a39d;}
.it05 ul li:nth-child(2n){background:#156d68;}

/* solution */
.solution01 .tx_box{padding:20px; height:auto;}
.solution01 .tx_box strong{font-size:22px;}
.solution02 .si_tit{font-size:16px;}
.solution02 h4{font-size:20px;}
.solution02 ul li .img_box{height:260px;}
.solution03 ul li{width:48.85%;}
.solution04 h4{font-size:20px;}
.solution04 .content strong{font-size:20px;}
.solution04 .content ul li{width:98.5%; margin-bottom:5%;}
.solution04 .content ul li p{font-size:16px; margin-top:10px;}
.solution04 .content strong::after{width:80%;}
.solution04 .content ul li .img_box{height:70vw; }


/* food */
.food01 .tx_box{padding:20px; height:auto;}
.food01 .tx_box p{font-size:16px;}
.food01 .tx_box strong{font-size:22px;}
.food03 h4{font-size:20px;}
.food04 h4{font-size:20px;}
.food05 h4{font-size:22px;}

/* cosmetics */
.cosmetics01 .tx_box{padding:20px; height:auto;}
.cosmetics01 .tx_box p{font-size:16px;}
.cosmetics01 .tx_box strong{font-size:22px;}
.cosmetics03 h4{font-size:22px;}


/* device */
.device01 .tx_box{padding:20px; height:auto;}
.device01 .tx_box p{font-size:16px;}
.device01 .tx_box strong{font-size:22px;}
.device03 h4{font-size:20px;}
.device04 h4{font-size:20px;}
.device05 h4{font-size:20px;}
.device06 h4{font-size:20px;}


/* drug */
.drug01 .tx_box{padding:20px; height:auto;}
.drug01 .tx_box p{font-size:16px;}
.drug01 .tx_box strong{font-size:22px;}
.drug03 h4{font-size:20px;}
.drug04 h4{font-size:20px;}
.drug05 h4{font-size:20px;}


/* data_view */
.data_view .titArea h5.tit{font-size:20px;}
.data_view .fileArea span{width:120px; font-size:14px;}
.data_view .prevNext > div span{width:120px; font-size:14px;}
.data_view .fileArea a{font-size:14px;}
.data_view .prevNext .tit{font-size:14px;}
}

@media screen and (max-width:420px){
/* si 사업 */
.si05 ul li{width:97.1%;}
}


