@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
*{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color: #181818;}
body {margin:0;padding:0;font-size:14px;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;  background:#ffffff; letter-spacing: -0.4pt;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:14px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, li, dl,dt,dd {margin:0;padding:0;list-style:none; }
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:14px;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-size:14px;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
img { max-width: 100%; }

*, :after, :before {field_cont
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {-webkit-text-size-adjust:none;}

/* float clearfix */
.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;clear:both}

.pscon { text-align: center; }

/*.pscon img { width: 80%; }*/

@media only screen and (max-width: 980px){
    .pscon img {width: 100%;}
}

article {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
}

/* foot */

/*.foot_logo{*/
/*width: 100%;*/
/*text-align: center;*/
/*background: #f4f4f4;*/
/*padding: 1vw 0;*/
/*}*/
/*.foot_info{*/
/*width: 100%;*/
/*border-bottom: #ececec 1px solid;*/
/*padding: 1vw 0;*/
/*text-align: center;*/
/*}*/
/*.foot_info a{*/
/*display: inline-block;*/
/*color: #8a8a8a;*/
/*}*/
/*.foot_info span{*/
/*display: inline-block;*/
/*margin: 0 1vw;*/
/*color: #ececec;*/
/*font-size: 12px;*/
/*}*/
/*.foot_copy{*/
/*width: 100%;*/
/*text-align: center;*/
/*padding: 1vw 0;*/
/*color: #9a9a9a;*/
/*line-height: 160%;*/
/*font-size: 14px;*/
/*}*/
/*.foot_copy b{*/
/*color: #d12523;*/
/*font-weight: normal;*/
/*}*/
/*.foot_copy a{font-size: 12px;}*/
/*@media only screen and (max-width: 798px){*/
/*.fcus{*/
/*margin-top: 10vw;*/
/*}*/
/*.fcus div{*/
/*display: block;*/
/*width: 100%;*/
/*padding: 30px 0;*/
/*font-size: 15px;*/
/*}*/
/*.foot_logo{*/
/*padding: 3vw 0;*/
/*}*/
/*.foot_info{*/
/*padding: 3vw 0;*/
/*}*/
/*}*/

/* main */
.mt_box{
    width: 100%;
    text-align: center;
}
.mt_box > .mtline{
    width: 40px;
    min-width: 40px;
    min-height: 2px;
    background: #ffaf02;
    margin: 50px auto 15px;
}
.mt_box > .mtit{
    font-size: 27px;
    letter-spacing: -0.2px;
    margin-bottom: 1vh;
}

.mt_box > .mtxt{
    font-size: 15px;
    color: #767676;
    line-height: 28px;
}

/*.mpro_box{*/
/*width: 100%;*/
/*text-align: center;*/
/*}*/

/*.mpro_box a{*/
/*display: inline-block;*/
/*margin: 3vw 2.5vw 1vw;*/
/*font-size: 16px;*/
/*letter-spacing: -0.3pt;*/
/*font-weight: bold;*/
/*}*/

/*.mpro_box a img{*/
/*margin-bottom: 13px;*/
/*}*/

/*.mpro_box .mimg{*/
/*overflow: hidden;*/
/*border-radius: 50%;*/
/*width: 150px;*/
/*height: 150px;*/
/*margin-bottom: 8px;*/
/*}*/

/*@media only screen and (max-width: 540px) {*/
/*.mpro_box .mimg {*/
/*width: 100px;*/
/*height: 100px;*/
/*}*/

/*.mpro_box a {*/
/*font-size: 14px;*/
/*font-weight: normal;*/
/*letter-spacing: -0.4pt;*/
/*}*/
/*}*/

/*.mline{*/
/*width: 100%;*/
/*margin: 5vw auto;*/
/*text-align: center;*/
/*min-height: 12px;*/
/*background: url('../img/main/mline.gif') no-repeat center;*/
/*}*/

/*.mgreeting{*/
/*width: 100%;*/
/*text-align: center;*/
/*}*/
/*.mgreeting .bg{*/
/*background: url('../img/main/greeting_bg.jpg') no-repeat center top;*/
/*background-size: cover;*/
/*min-height: 350px;*/
/*margin-bottom: 2vw;*/
/*margin-top: 50px;*/
/*}*/
/*.mgreeting b{*/
/*font-weight: normal;*/
/*color: #d12523;*/
/*text-decoration: underline;*/
/*}*/
/*.mgreeting h1{*/
/*font-size: 30px;*/
/*font-weight: normal;*/
/*line-height: 150%;*/
/*letter-spacing: -0.3pt;*/
/*width: 92%;*/
/*margin: 0 auto 50px;*/
/*}*/
/*.mgreeting h1 b{*/
/*text-decoration: none !important;*/
/*}*/
/*.mgreeting span{*/
/*letter-spacing: 0.8pt !important;*/
/*font-size: 19px;*/
/*width: 90%;*/
/*line-height: 200%;*/
/*display: block;*/
/*margin: 0 auto;*/
/*letter-spacing: -0.4pt;*/
/*font-weight: 400;*/
/*}*/

/*.mcerti_box{*/
/*width: 100%;*/
/*text-align: center;*/
/*font-size: 0;*/
/*}*/
/*.mcerti_box img{*/
/*width: 90%;*/
/*max-width: 1160px;*/
/*margin-top: 30px;*/
/*display: inline-block;*/
/*}*/

@media only screen and (max-width: 798px){
    .mpro_boxf {
        margin-top: 20px;
    }
    .mpro_box a{
        display: inline-block;
        margin: 2vw;
    }
    .mgreeting .bg{
        min-height: 200px;
        margin-top: 20px;
    }
    .mgreeting h1{
        font-size: 21px;
    }
    .mgreeting span{
        line-height: 150%;
        margin: 20px auto 0;
        font-size: 15px;
    }
    .mcerti_box img{
    }
}

.mt_m{margin-top: 120px !important;}
@media only screen and (max-width: 1199px) {
    .mt_m {
        margin-top: 100px !important;
    }
}
@media only screen and (max-width: 798px) {
    .mt_m {
        margin-top: 70px !important;
    }
}
@media only screen and (max-width: 540px) {
    .mt_m {
        margin-top: 50px !important;
    }
}

/* n 메인 카운터 */
.mcount_tit{font-size:60px; font-weight: 700; margin-bottom: 90px; line-height: 80px;}
.mcount_tit b{color: #eb2a28;}
.mcont_cont ul{display: inline-block; font-size: 20px; margin: 0 75px; font-weight: 600; text-align: center;}
.mcont_cont ul li{text-align: center;}
.mcont_cont ul li img{margin-bottom: 15px; display: inline-block;}
.mcont_cont ul li:first-child{color: #eb2a28;}
.mcont_cont li b{display: inline-block; font-size: 70px; min-width: 90px;}
.mcont_cont a{display:block; width: 150px; height: 150px;color: #ffffff; background: #2e2e2e; border-radius: 50%; text-align: center; margin: 70px auto 0; font-size: 18px; line-height:140px; transition: all 0.3s; }
.mcont_cont a img{margin-top:-220px;}
.mcont_cont a:hover{background: #d12523;}

@media only screen and (max-width: 1199px) {
    .mt_m{margin-top: 100px;}
    .mcount_tit{font-size: 40px; line-height: 60px;}
    .mcont_cont ul{font-size: 18px; margin: 0 30px;}
    .mcont_cont li b{font-size: 50px; min-width: 80px;}
    .mcont_cont a{display:block; width: 120px; height: 120px; margin: 50px auto 0; line-height:110px;  }
    .mcont_cont a img{margin-top:-180px;}
}
@media only screen and (max-width: 798px) {
    .mt_m{margin-top: 80px;}
    .mcount_tit{font-size: 28px; line-height: 40px; margin-bottom: 30px;}
    .mcont_cont ul{display:table; font-size: 18px; margin: 0 auto; width: 90%;border-bottom: #ebebeb 1px solid;}
    .mcont_cont li{display: inline-table; width: 50%; line-height: 60px;}
    .mcont_cont li:first-child{text-align: left; padding-left: 15px;}
    .mcont_cont li:last-child{text-align: right; padding-right: 15px;}
    .mcont_cont li br{display:none; }
    .mcont_cont li b{font-size: 32px;}
    .mcont_cont ul li img{margin-bottom: 0; width: 30px; height: auto; margin-right: 10px;}
    .mcont_cont a{display:block; width: 100px; height: 100px; margin: 50px auto 0; line-height:100px; font-size: 15px; }
    .mcont_cont a img{margin-top:-150px;}
}
@media only screen and (max-width: 540px) {
    .mt_m{margin-top: 50px;}
    .mcount_tit{font-size: 25px; line-height: 30px; margin-bottom: 40px;}
    .mcont_cont li{line-height: 50px;}
    .mcont_cont li b{font-size: 28px;}
}
/* n 공급원료 */
.mprod{width: 100%;}
.mprod li{float: right;}
.mprod li:first-child{width: 70%;}
.mprod li:first-child img{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.mprod .mprod_txt{width: 30%; font-size: 20px; color:#7c7c7c; padding-left: 5%; padding-top:20px;}
.mprod .mprod_txt b{font-size: 2.7vw; color:#181818; font-weight: 600; display: block; margin-bottom: 17px;}
.mprod .mprod_txt a{position:relative; font-size: 18px; background:#2e2e2e; color:#ffffff; display: inline-block; line-height: 50px; border-radius: 10px; width:150px; padding-left: 20px; margin-top: 50px; transition: all 0.3s; }
.mprod .mprod_txt a::after{position:absolute; top: 20px; left: 115px; content:""; background: url('../img/main/bt_arr01.png') no-repeat ; height: 50px; width: 150px;}
.mprod .mprod_txt a:hover{background: #d12523;}
.mprod .mprod_txt a:hover::after{background: url('../img/main/bt_arr02.png') no-repeat ;}

@media only screen and (max-width: 1199px) {
    .mprod li{float: none;}
    .mprod li:first-child{width: 100%;}
    .mprod li:first-child img{border-top-left-radius: 0px;border-bottom-left-radius: 0px; width: 100%; height: auto;}
    .mprod .mprod_txt{width: 100%; text-align: center; font-size: 18px;padding-left: 0; padding-top: 40px;}
    .mprod .mprod_txt b{font-size: 35px;}
    .mprod .mprod_txt a{margin-top: 35px; text-align: left;}
}
@media only screen and (max-width: 798px) {
    .mprod .mprod_txt{font-size: 16px; padding-top: 30px;}
    .mprod .mprod_txt b{font-size: 25px;}
    .mprod .mprod_txt a{margin-top: 20px; font-size: 15px; width: 120px; line-height: 40px;}
    .mprod .mprod_txt a::after{top: 15px; left: 90px; height: 40px; width: 120px;}
}

.mpro_list{max-width:1720px; width: 90%; text-align:center; margin: 80px auto 0;  display: flex;justify-content:space-between;}
.mpro_list a{font-size: 20px; padding: 0 10px;transition: all 0.3s; display: inline-block;}
.mpro_list a:last-child{margin-right: 0;}
.mpro_list a.mpro_img{transform:scale(1.0);transition: all 0.3s;}
.mpro_list a:hover .mpro_img{transform:scale(1.1);transition: all 0.3s; width: 100%; height: auto;}
.mpro_list a span{width: 100%; height:auto;border-radius: 10px; display: block; overflow: hidden;transition: all 0.3s;}
@media only screen and (max-width: 1199px) {
    .mpro_list{margin: 50px  auto 0;}
    .mpro_list a{font-size: 18px; padding: 0 7px;}
}
@media only screen and (max-width: 1079px) {
    .mpro_list{display: block; width: 90%;}
    .mpro_list a{width: 25%; text-align: center; padding: 0 10px;}
    .mpro_list a:nth-child(1){margin-bottom: 20px;}
    .mpro_list a:nth-child(3){margin-bottom: 20px;}
    .mpro_list a span{display: inline-block; margin-bottom: 10px;}
}
@media only screen and (max-width: 798px) {
    .mpro_list a{width:30%; font-size: 15px;}
}
@media only screen and (max-width: 540px) {
    .mpro_list{display: block; width: 100%;}
    .mpro_list a{padding: 0 5px; width: 48%;}
    .mpro_list a span{margin-bottom: 5px; font-size: 14px; }
}

/* n사업분야*/
.mfield{width: 100%; text-align: center;}
.mfield_tit{font-size: 20px; color:#7c7c7c; margin-bottom: 80px;}
.mfield_tit b{font-size: 2.7vw; color:#181818; font-weight: 600; display: block; margin-bottom: 17px;}
@media only screen and (max-width: 1199px) {
    .mfield_tit{font-size: 18px; margin-bottom: 60px;}
    .mfield_tit b{font-size: 35px;}
    .mfield_box a { height: 350px  !important;}
    .mfield_box{height: 350px!important;}
    .mfield_box a p{font-size: 18px !important; bottom: 30px !important;}
}
@media only screen and (max-width: 798px) {
    .mfield_tit{font-size: 16px;margin-bottom: 40px;}
    .mfield_tit b{font-size: 25px;}
    .mfield_box a p{font-size: 16px !important; bottom: 20px !important;}
}
@media only screen and (max-width: 520px){
    .mfield_tit{margin-bottom: 30px;}
    .mfield_box a { height: 250px !important;}
    .mfield_box{height: 250px!important;}
    .mfield_box a p{font-size: 15px !important; bottom: 15px !important;}
}
.mfield_box{background: #000; height: 420px;}
.mfield_box a{
    background-size: cover;
    height: 420px;
    position: relative; transition: all 0.3s;
}
.mfield_box a:hover{opacity: 0.8;transition: all 0.3s;}
.mfield_box a p{
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    bottom: 40px;
    width: 100%;
}
/* 메인 파트너 */
.mpart{width: 96%; max-width: 1600px; text-align: center; margin: 0 auto;}
.mpart .moimg{display: none;}
@media only screen and (max-width: 520px) {
    .mpart .moimg{display: block;}
    .mpart .pcimg{display: none;}
}


/* 메인 하단 2배너 */
.m2bn{width: 96%; max-width: 1600px;  margin: 0 auto; box-sizing: border-box;}
.m2bn li{float: left; position: relative; width: 49%; height:260px; color: #ffffff; font-size: 20px; font-weight: 500; box-sizing: border-box; padding:50px 0 0 50px; border-radius: 10px; box-sizing: border-box;}
.m2bn li b{font-size: 35px; font-weight: 600; color: #ffffff; margin-bottom: 20px;}
.m2bn li a{position: absolute; bottom:30px; right: 30px; padding-left: 20px;  display: inline-block;font-size: 18px;  background:transparent url('../img/main/bt_arr02.png') no-repeat top 20px right 20px;color:#ffffff; line-height: 50px; border: 1px solid #ffffff; border-radius: 10px; width:150px; transition: all 0.3s;  }
/*.m2bn li a::after{top: 20px; left: 115px; content:""; background-image: url('./img/main/bt_arr02.png') no-repeat ; height: 50px; width: 150px;}*/
.m2bn li a:hover{background: #ffffff url('../img/main/bt_arr01.png') no-repeat top 20px right 20px; color: #000;}
/*.m2bn li a:hover::after{background: url('./img/main/bt_arr01.png') no-repeat ;}*/
.m2bn li:first-child{margin-right:1%; background:#d12523; }
.m2bn li:last-child{margin-left:1%; background: url('../img/main/mf_img.jpg') no-repeat; background-size: cover;}
@media only screen and (max-width: 1199px) {
    .m2bn li{height: 240px;}
    .m2bn li a{font-size: 18px;}
    .m2bn li{font-size: 18px;}
    .m2bn li b{font-size: 28px;}
}
@media only screen and (max-width: 798px) {
    .m2bn li{height: 200px; padding: 30px 0 0 30px; font-size: 16px; font-weight: normal;}
    .m2bn li b{font-size: 25px;}
    .m2bn li a{right:20px; bottom:20px; font-size: 15px; width: 120px; line-height: 40px;padding-left: 15px; background:transparent url('../img/main/bt_arr02.png') no-repeat top 15px right 15px;}
    .m2bn li a:hover{background: #ffffff url('../img/main/bt_arr01.png') no-repeat top 15px right 15px;}
}
@media only screen and (max-width: 540px) {
    .m2bn li{width: 100%; float: none; height: 150px; padding: 20px 0 0 20px; font-size: 15px;}
    .m2bn li b{font-size: 20px;}
    .m2bn li:first-child{margin-right:0; margin-bottom: 20px;}
    .m2bn li:last-child{margin-left:0;}
}

/* 카피 */
.mfoot{width:100%; background:#181818; }
.mfoot .inner{width: 96%; max-width: 1600px; margin: 0 auto; padding: 80px 0;}
.mfoot .inner > div{float: left;}
.mfoot .inner .fleft{width: 70%;}
.mfoot .inner .fleft li{float: left;}
.mfoot .inner .fleft li.logo{margin-right:50px; }
.mfoot .inner .fleft li.mtel{display: none;}
.mfoot .inner .fleft li.txt{font-size: 14px; color: #666666; line-height: 180%;}
.mfoot .inner .fleft li.txt span{color: #ffffff; display: block; margin-top: 20px;}
.mfoot .inner .fright{font-size: 20px; text-align: right;width: 30%; color: #ffffff;}
.mfoot .inner .fright b{font-size: 35px; color: #ffffff; display: block;}
.fbr{display: none;}
@media only screen and (max-width: 1079px) {
    .mfoot .inner{padding: 50px 0;}
    .mfoot .inner > div{float: none;}
    .mfoot .inner .fright{display: none;}
    .mfoot .inner .fleft{width: 100%;}
    .mfoot .inner .fleft li{float: none; text-align: center;}
    .mfoot .inner .fleft li.mtel{display: block; font-size: 30px; color: #ffffff;}
    .mfoot .inner .fleft li.logo{margin-right:0; margin-bottom: 20px;}
    .mfoot .inner .fleft li.logo img{width: 76px; height: auto;}
}
@media only screen and (max-width: 798px) {
    .mfoot .inner{padding: 30px 0;}
    .mfoot .inner .fleft li.logo{margin-bottom: 15px;}
    .mfoot .inner .fleft li.logo img{width: 60px; height: auto;}
    .mfoot .inner .fleft li.mtel{font-size: 25px;}
    .mfoot .inner .fleft li.txt span{ margin-top: 15px;}
    .fbr{display: block;}
}
@media only screen and (max-width: 540px) {
    .mfoot .inner .fleft li.logo img{width: 50px; height: auto;}
    .mfoot .inner .fleft li.mtel{font-size: 20px;}
    .mfoot .inner .fleft li.txt span{ margin-top: 10px;}
}

/* 하단배너 */
.partner-slider {
    margin: 100px 0;
    width: 100%;
    overflow: hidden;
}

.partner-track {
    display: flex;
    width: max-content;
    animation: scroll-left 70s linear infinite;
}

.partner-track img {
    height: 40px; /* 이미지 높이 */
    padding: 0 40px; /* 간격 조정 */
    flex-shrink: 0;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
/*.partner-slider:hover .partner-track {*/
/*animation-play-state: paused;*/
/*}*/
@media only screen and (max-width: 1079px) {
    .partner-slider{margin: 80px 0;}
    .partner-track img{
        height: 30px;
        padding: 0 30px;
    }
}
@media only screen and (max-width: 798px){
    .partner-slider{margin: 60px 0;}
    .partner-track img{
        height: 25px;
        padding: 0 20px;
    }
}
@media only screen and (max-width: 540px) {
    .partner-slider{margin: 30px 0;}
}

#swrap{
    margin: 50px auto 100px;
    max-width: 1200px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
.scon{margin-top: 80px;}
.scon2{margin-top: 40px;}
.stit_box *{transition: all 0.5s;}
.stit_box{
    margin-bottom: 80px;

}
.sroute{
    width: 100%;
    text-align: right;
    font-size: 13px;
    color: #aeaeae;
    line-height: 15px;
    margin-bottom: 40px;
}
.sroute img{
    margin: 0 10px;
}
.stit{
    width: 100%;
    border-bottom: #eeeeee 1px solid;
    text-align: center;
}
.stit span{
    line-height: 90px;
    font-size: 50px;
    color: #181818;
    display: inline-block;
    border-bottom: #181818 2px solid;
    font-weight: bold;
    letter-spacing: -0.4pt;
}

.scont_tit{
    font-size: 28px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    letter-spacing: -0.8pt;
    transition: all 0.5s;
    word-break:keep-all;
}
.scont_txt{
    font-size: 20px;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 80px;
    letter-spacing: -0.8pt;
    transition: all 0.5s;
    line-height: 160%;
    word-break:keep-all;
}

.simg{text-align: center; margin: 70px 0;}
@media only screen and (max-width: 798px) {
    .simg{text-align: center; margin: 40px 0;}
}
@media only screen and (max-width: 540px) {
    .simg{text-align: center; margin: 30px 0;}
}

/* 비전 */
.vision_visu{
    width: 100%;
    text-align: center;
}
.vision_box{
    width: 100%;
    min-height: 315px;
    text-align: center;
    margin-top: 80px;
}
.vision_box > .vision_cont{
    width: 33%;
    display: inline-block;
    background: #fafafa;
    height: 315px;
    box-sizing: border-box;
    padding-top: 40px;
}
.vision_txt{
    font-size: 18px;
    color: #7b7a7b;
    letter-spacing: -0.4pt;
    text-align: center;
    line-height: 140%;
}
.vision_txt h1{
    font-size: 20px;
    color: #d12523;
    line-height: 55px;
}

/* 회사소개 */
.about_txt{
    font-size: 16px;
    color: #7b7a7b;
    letter-spacing: -0.4pt;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}
.about_txt b{
    color: #d12523;
    font-weight: normal;
}
.about_visu{
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

/* 연혁 */
.his_box *{transition:  all 0.5s;}
.his_box{
    margin-top: 80px;
    border-top: 2px solid #d12523;
}
.his_cont{border-bottom: 1px solid #e7e7e7; padding: 35px 30px;}
.his_cont > div{float: left;}
.his_cont > .year{font-size: 40px; color:#c9c8c8; font-weight: bold; letter-spacing: -0.8pt;}
.his_cont > .txt{margin-left: 30px; position: relative;}
.his_cont > .txt li{font-size: 18px; padding: 10px 0 10px 20px; position: relative; letter-spacing: -0.4pt; }
.his_cont > .txt li.start{font-weight: bold; color:#d12523; }
.his_cont > .txt li:after{ content: '';  width: 5px; border-radius: 50%;  min-height: 5px; background: #d12523; position: absolute; top: 48%; left:0;}
.his_cont > .txt li:before{content: '';  width: 1px; min-height: 100%; background: #e7e7e7; position: absolute; top: 22px; left:2.5px; z-index: -1;}
.his_cont > .txt li:last-child:before{content: '';  width: 1px; min-height: 100%; background: #ffffff; position: absolute; top: 22px; left:2.5px; z-index: -1;}

/* 전략&솔루션 */
.solution_visu{
    width: 100%;
    text-align: center;
}
.solution_box{
    width: 100%;
    min-height: 320px;
    text-align: center;
    font-size: 0;
}
.solution_box > .solution_cont{
    width: 25%;
    display: inline-block;
    height: 320px;
}
.solution_txt{
    font-size: 18px;
    color: #7b7a7b;
    letter-spacing: -0.8pt;
    text-align: center;
    margin-top: 20px;
    line-height: 140%;
}
.solution_txt h1{
    font-size: 20px;
    color: #d12523;
    line-height: 70px;
    letter-spacing: -0.8pt;
}

/* 사업분야 */
.field_cont{
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.field_cont .left{
    float: left;
    width: 50%;
    margin-right: 0;
}

.field_cont .right{
    float: right;
    width: 50%;
    color: #7b7a7b;
    font-size: 18px;
    letter-spacing: -0.8pt;
    padding-left: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.field_cont .right b{
    color: #d12523;
    font-size: 22px;
}

.field_dot {  }
.field_dot::after {
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    background: #838383;
    vertical-align: 5px;
    border-radius: 10px;
    margin-right: 8px;
}

/* 문의 */
.form_box li{margin-bottom: 7px;}
.form_box li input{
    width: 100%;
    background: #f9f9f9;
    border-radius: 3px;
    border: #e4eaec 1px solid;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
}
.form_box li select{
    width: 100%;
    background: #f9f9f9;
    border-radius: 3px;
    border: #e4eaec 1px solid;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
}
.form_box li textarea{
    width: 100%;
    background: #f9f9f9;
    border-radius: 3px;
    border: #e4eaec 1px solid;
    line-height: 25px;
    height: 100px;
    padding-left: 10px;
    box-sizing: border-box;
}
.form_bt{
    width: 150px;
    border: none;
    height: 40px;
    line-height: 40px;
    background: #d12523;
    text-align: center;
    color: #ffffff;
    margin: 3vh auto 0;
    display: block;
    border-radius: 20px;
}

/* contact */
.contact_box{
    width: 100%;
    border-bottom: #ececec 1px solid;
    border-top: #000000 1px solid;
    margin-top: 3vh;
    padding: 3vh 0;
}

.contact_box li{
    text-align: center;
}
.contact_box li:first-child{
    font-size: 30px;
    letter-spacing: -0.2px;
}
.contact_box li:nth-child(2){
    font-size: 17px;
    color: #767676;
    margin: 2vh 0;
}
.contact_box li:last-child span{
    font-size: 15px;
    margin: 0 10px;
}

/* globla partners */
.global_visu{
    width: 100%;
    text-align: center;
}

.global_visu2{
    width: 75%;
    text-align: center;
    margin: 50px auto 0;
}

/* 제품소개 */
.tb_tit{
    font-size: 20px;
    color: #d12523;
    letter-spacing: -0.8pt;
    font-weight: bold;
    margin-bottom: 1.5vh;
    display: block;
}
.tb_tit a{
    height: 35px;
    border-radius: 30px;
    padding: 0 15px;
    line-height: 35px;
    color: #ffffff;
    background: #d12523;
    display: inline-block;
    letter-spacing: -0.4pt;
    font-size: 14px;
    margin-left: 5px;
}
.tb01{
    width: 100%;
    border-top: #d12523 2px solid;
    margin-bottom: 7vh;
}
.tb01 th{
    background: #f6f6f6;
    height: 45px;
    line-height: 45px;
    width: 20%;
    border-bottom: #dedede 1px solid;
    border-right: #dedede 1px solid;
}
.tb01 th:last-child{border-right: none;}
.tb01 td{
    background: #ffffff;
    padding: 10px 7px;
    line-height: 25px;
    color: #767676;
    text-align: center;
    border-bottom: #dedede 1px solid;
    border-right: #dedede 1px solid;
    line-height: 18px;
}
.tb01 td:last-child{border-right: none;}

@media only screen and (max-width: 798px) {
    #swrap{
        margin: 30px auto;
    }
    .scon{margin-top: 30px;}
    .scon2{margin-top: 15px;}
    .stit_box{
        margin-bottom: 30px;
    }
    .stit span {
        line-height: 75px;
        font-size: 35px;
    }
    .scont_tit{
        margin-bottom: 10px;
        font-size: 22px;
    }
    .scont_txt{
        margin-bottom: 30px;
        font-size: 16px;
    }

    /* 비전 */
    .vision_visu img{
        width: 100%;
        height: auto;
    }
    .vision_box{
        margin-top: 40px;
    }
    .vision_box > .vision_cont{
        width: 100%;
        margin-bottom: 5px;
    }

    /* 회사소개 */
    .about_visu img{
        width: 100%;
        height: auto;
    }
    .about_visu{
        margin: 30px 0;
    }
    .about_txt{
        line-height: 25px;
    }

    /* 연혁 */
    .his_box{margin-top: 40px;}
    .his_cont{padding: 15px 15px;}
    .his_cont > div{float: none;}
    .his_cont > .year{font-size: 22px; letter-spacing: -0.8pt; margin-bottom: 5px;}
    .his_cont > .txt{margin-left: 10px; }
    .his_cont > .txt li:before{left:2px;}
    .his_cont > .txt li{font-size: 14px; padding: 6px 0 6px 10px;}

    /* 솔루션 */
    .solution_box > .solution_cont{
        width: 100%;
        margin-bottom: 50px;
    }
    .solution_txt{
        margin-top: 10px;
    }

    /* 사업분야 */
    .field_cont { margin-bottom: 30px; }
    .field_cont .left {
        width: 100%;
        clear: both;
        text-align: center;
        margin: 0;
    }
    .field_cont .right {
        overflow: hidden;
        clear: both;
        text-align: center;
        width: 100%;
        padding: 3vw 5% 0;
        position: static;
        right: none;
        top: none%;
        transform: translateY(0);
    }

    /* global */
    .global_visu img{
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 540px) {
    .stit_box{
        margin-bottom: 20px;
    }
    .stit span {
        font-size: 25px;
    }
    .scont_txt{
        margin-bottom: 20px;}
    #swrap{
        margin: 10px auto;
    }
    .sroute{
        margin-bottom: 20px;
    }
    .scont_tit{
        font-size: 20px;
    }
}
/* 인증 */
.scont_stit{border-bottom: 2px solid #d12523; color:#d12523; line-height: 60px; font-size: 28px; font-weight: 600; }
.cer_box *{transition:  all 0.5s;}
.cer_cont_tline {border-top: 2px solid #d12523; color:#d12523;}
.cer_cont {padding: 30px 0; border-bottom: 1px solid #eeeeee;}
.cer_cont li {font-size: 20px; color: #5f5f5f; }
.cer_cont .tit{font-weight: bold; color: #181818; margin-bottom: 10px;}
.cer_cont .img{margin-top: 30px;}
.cer_cont .img img{margin-right: 25px;}
@media only screen and (max-width: 798px) {
    .scont_stit{font-size: 22px;line-height: 50px;}
    .cer_cont {padding: 20px 0;}
    .cer_cont li{font-size: 16px;}
    .cer_cont .img{margin-top: 20px;}
    .cer_cont .img img{margin-right: 20px; height: 65px; width: auto;}
}
@media only screen and (max-width: 540px) {
    .cer_cont {padding: 15px 0;}
    .cer_cont .img img{margin-right: 10px; height: 35px;}
}

/* 가치 */
.value_box *{transition:  all 0.5s;}
.value_box{border-top: 2px solid #d12523; padding: 30px 0 50px;}
.value_box li{font-size: 20px; color: #5f5f5f; background: #f7f7f7; border-radius: 10px; padding: 35px 25px; box-sizing: border-box; float: left; width: 31%; margin: 0 1%;}
.value_box2 li{width: 98% !important; margin: 20px 1% 0 !important;}
.value_box li span{display: block; color:#d12523; font-size: 16px; }
.value_box li b{display: block; color:#181818; font-size: 28px; font-weight: bold; margin: 25px 0 20px;}
@media only screen and (max-width: 1079px) {
    .value_box li{font-size: 18px;}
}
@media only screen and (max-width: 991px) {
    .value_box li{font-size: 16px;}
    .value_box .value_br{display: none;}
    .value_box li b{font-size: 24px;}
}
@media only screen and (max-width: 798px) {
    .value_box{padding: 20px 0 30px;}
    .value_box li{width: 98%; margin: 0 1%;}
    .value_box li:nth-child(2){margin-top: 20px; margin-bottom: 20px;}
    .value_box li b{font-size: 22px; margin: 15px 0 10px;}
}
@media only screen and (max-width: 540px) {
    .value_box{padding: 15px 0 15px;}
    .value_box li b{font-size: 20px;}
    .value_box2 li{ margin: 10px 1% 0 !important;}
}

/* 파트너 */
.scont_txt2{
    font-size: 20px;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 50px;
    letter-spacing: -0.8pt;
    transition: all 0.5s;
    line-height: 160%;
    word-break:keep-all;
}
.spart_box{border-top: 2px solid #d12523; padding: 30px 0 0;}
.spart_box .moimg{display: none;}
@media only screen and (max-width: 798px) {
    .spart_box{padding: 20px 0 30px;}
    .scont_txt2{
        margin-bottom: 30px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 540px) {
    .spart_box{padding: 15px 0 15px;}
    .spart_box .moimg{display: block;}
    .spart_box .pcimg{display: none;}
    .scont_txt2{margin-bottom: 20px;}
}

/* 서브비주얼 */
.svisu_box *{transition:  all 0.5s;}
.svisu_box{width: 100%; height: 370px; text-align: center; margin-bottom: 80px; display: table;}
.svisu_box > div{color: #ffffff; font-size: 20px; display: table-cell;
    vertical-align: middle;}
.svisu_box span{font-size: 50px;color: #ffffff; font-weight:600;margin-top: 10px; display: block;}
@media only screen and (max-width: 798px) {
    .svisu_box > div{font-size: 18px;}
    .svisu_box{margin-bottom: 30px; height: 280px;}
    .svisu_box span{font-size: 35px;}
}
@media only screen and (max-width: 540px) {
    .svisu_box > div{font-size: 16px;}
    .svisu_box{margin-bottom: 20px; height: 200px; }
    .svisu_box span{font-size: 25px;margin-top: 5px;}
}
.svisu01{background: url("../img/sub/svisu01.jpg") no-repeat center; background-size: cover;}
.svisu02{background: url("../img/sub/svisu02.jpg") no-repeat center; background-size: cover;}
.svisu03{background: url("../img/sub/svisu03.jpg") no-repeat center; background-size: cover;}
.svisu04{background: url("../img/sub/svisu04.jpg") no-repeat center; background-size: cover;}
.svisu05{background: url("../img/sub/svisu05.jpg") no-repeat center; background-size: cover;}
.svisu06{background: url("../img/sub/svisu06.jpg") no-repeat center; background-size: cover;}

/* n비전가치 */
.visi_box *{transition: all 0.5s;}
.visi_box{margin-bottom: 50px;}
.visi_box2 li{float: right !important;}
.visi_box li{float: left; height: 300px; font-size: 20px; color: #5f5f5f; border-radius: 10px;}
.visi_box .bimg{width: 60%;}
.visi_box .txt{width: 40%; padding-left: 50px; display: flex; flex-direction: column; justify-content: center;}
.visi_box2 .txt{text-align: right; padding-right: 50px; padding-left: 0 !important;}
.visi_box .txt span{display: block; color:#d12523; font-size: 16px; }
.visi_box .txt b{display: block; color:#181818; font-size: 28px; font-weight: bold; margin: 25px 0 20px;}
@media only screen and (max-width: 1079px) {
    .visi_box{margin-bottom: 40px;}
    .visi_box li{font-size: 18px; height: 250px;}
    .visi_box .txt{padding-left: 40px;}
    .visi_box2 .txt{padding-right: 40px;}
    .visi_box .txt b{font-size: 24px;}
}
@media only screen and (max-width: 798px) {
    .visi_box{margin-bottom:30px;}
    .visi_box li{font-size: 18px; height: 200px;}
    .visi_box .txt{padding-left: 20px;}
    .visi_box2 .txt{padding-right: 20px;}
    .visi_box .txt b{font-size: 22px; margin: 15px 0 10px;}
}
@media only screen and (max-width: 540px) {
    .visi_box{margin-bottom: 30px;}
    .visi_box li{float: none; height: 180px;}
    .visi_box .bimg{width: 100%;}
    .visi_box .txt li b{font-size: 20px;}
    .visi_box .txt{padding-left:0; padding-top: 20px; width: 100%;height: auto; min-height: 100px; text-align: center;}
    .visi_box2 .txt{padding-right:0;}
}

/* 인사말 */
.greeting *{transition: all 0.5s;}
.greeting li{ float: left; line-height: 150%;}
.greeting li:first-child{font-size: 28px; font-weight: bold; width: 40%;}
.greeting li:last-child{font-size: 20px; font-weight: 300; width: 60%;}
@media only screen and (max-width: 1079px) {
    .greeting li{float: none; text-align: center;}
    .greeting li:first-child{width: 100%; font-size: 22px; margin-bottom: 20px;}
    .greeting li:last-child{width: 100%; font-size: 18px;}
}
@media only screen and (max-width: 540px) {
    .greeting li:first-child{font-size: 20px;}
    .greeting li:last-child{font-size: 16px;}
    .greeting li:last-child img{width: 250px; height: auto;}
}

/* 지도 */
.scont_stit2{font-size: 20px !important; font-weight: 700;}
.cont_box *{transition:  all 0.5s;}
.cont_box {margin-top: 40px;}
.cont_box li{font-size: 20px; float: left; height: 35px; display: flex; flex-direction: column; justify-content: center;}
.cont_box .cont_i{padding: 0 20px 0 10px;}
.cont_box .add{padding: 30px 0 35px 0;}
.cont_box .tel{padding-bottom: 30px; border-bottom: 1px solid #eeeeee;}
.cont_box .tel > div{width: 33.3%; float: left;}
.addm{text-align: center;  margin-top: 30px; }
.addm a{background:#d12523; color: #ffffff; font-size: 16px; line-height: 40px; width: 120px; text-align: left; border-radius: 20px; padding-left: 15px;display: inline-block; text-align: left; position: relative; }
.addm a::after{position:absolute; top: 12px; left:95px; content:""; background: url('../img/sub/contact_i_pin.png') no-repeat ; height:40px; width: 100px;}
@media only screen and (max-width: 798px) {
    .scont_stit2{font-size: 18px}
    .cont_box {margin-top: 30px;}
    .cont_box .add{padding: 20px 0 25px 0;}
    .cont_box .tel{padding-bottom: 20px;}
    .cont_box li{font-size: 18px;}
    .cont_box .cont_i{padding: 0 10px 0 10px;}
    .cont_box .cont_i img{width:28px; }
    .addm{ margin-top: 20px; }
    .addm a{line-height: 35px; padding-left: 15px;  display: inline-block;}
    .addm a::after{top: 9px; height:35px; width: 100px;}
}
@media only screen and (max-width: 639px) {
    .cont_box .add{padding: 30px 0 30px 0;border-bottom: 1px solid #eeeeee; }
    .cont_box .tel > div{width: 100%; float: none;border-bottom: 1px solid #eeeeee; padding: 15px 0;}
    .cont_box .tel{padding-bottom: 0; border-bottom: 0;}
    .cont_box .cont_i{width: 11%;}
    .cont_box .cont_t{width: 89%;}
}
@media only screen and (max-width: 540px) {
    .cont_box {margin-top: 20px;}
    .cont_box li{font-size: 16px;}
    .cont_box .add{padding: 25px 0 25px 0;}
    .cont_box .add li{font-size: 15px;}
    .cont_box .tel > div{padding: 10px 0;}
    .cont_box .cont_i{width: 14%;}
    .cont_box .cont_t{width: 86%;}
    .addm a{font-size: 15px; line-height: 30px;}
    .addm a::after{height: 30px; background-size: 10%;;}
}
/* 연구소 */
.lab_box li{ float:left; font-size: 20px; }
.lab_box .txt span{display: block; color:#d12523; font-size: 16px; }
.lab_box .txt b{display: block; color:#181818; font-size: 28px; font-weight: bold; margin: 5px 0 20px;}
.lab_box .img {width: 20%;}
.lab_box .txt {width: 80%; padding-left: 50px; padding-top:30px;display: flex; flex-direction: column; justify-content: center;}
.lab_box div{padding: 50px 0;}
.lab_box div:nth-child(2){border-top: 1px #eeeeee solid; border-bottom: 1px #eeeeee solid;}
.lab_f{width: 100%; text-align: center; padding: 100px 0 200px 0; background: url('../img/sub/lab04.jpg') center bottom no-repeat; background-size: cover;}
.lab_f span{ color: #ffffff !important; }
@media only screen and (max-width: 798px) {
    .lab_box li{font-size: 18px;}
    .lab_box .txt b{font-size: 22px;}
    .lab_box .txt{padding-left: 30px; padding-top:20px;}
    .lab_box div{padding: 30px 0;}
    .lab_f{padding: 70px 0 120px 0;}
}
@media only screen and (max-width: 540px) {
    .lab_box li{font-size: 16px;}
    .lab_box .txt{padding-left: 20px; padding-top:0px;}
    .lab_box .txt b{font-size: 20px;margin: 5px 0 10px;}
    .lab_box div{padding: 20px 0;}
    .lab_f{padding: 50px 0 90px 0;}
}

.bt_prob{ background:#d12523; color: #ffffff; font-size: 16px; line-height: 40px; width: 150px; text-align: center; border-radius: 20px; display: inline-block; margin-bottom: 50px;}
.bt_prob img{margin:0 0 5px 2px; width: 14px !important;}
.pscon .pro_mimg {display: none;}
.pscon .pro_pimg {display: block;}
@media only screen and (max-width: 798px) {
    .bt_prob{
        font-size: 15px; line-height: 35px; width: 140px;margin-bottom: 40px;
    }
    .bt_prob img{margin:0 0 5px 2px; width: 13px !important; height: auto !important;}
}
@media only screen and (max-width: 540px) {
    .bt_prob  {
        font-size: 15px; line-height: 30px; width:130px;margin-bottom: 25px;
    }
    .bt_prob img{margin:0 0 5px 2px; width: 12px !important; height: auto !important;}
    .pscon .pro_pimg {display: none;}
    .pscon .pro_mimg {display: block;}
}

/* 사업영역 */
.fi_info-list *{transition: 0.5s}
.fi_info-list {
    list-style: none;
    padding: 0;
    border-top: 2px solid #d12523;
}
.fi_info-list li {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    gap: 20px;
}
.fi_info-list .icon {
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fi_info-list .text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
}
.fi_info-list .text strong {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}
.fi_info-list .text p {
    color: #444;
    margin: 0;
}
@media only screen and (max-width: 798px) {
    .fi_info-list .icon{width: 90px; height: 90px;}
    .fi_info-list .text{font-size: 16px;}
    .fi_info-list li{padding: 20px 0;}
}
@media only screen and (max-width: 540px) {
    .fi_info-list .icon{width:80px; height: 80px;}
    .fi_info-list li{padding: 15px 0;}
    .fi_info-list li{padding: 15px 0;}
}