@charset "utf-8";

/* @media (hover:hover) {
    .gnb-button-box .gnb-button-list-box .gnb-button-list:hover {
        text-decoration: none;
        background: rgb(24,48,105,0.1);
        color:#183069;
        transition: all .3s;
    }

} */
@media (max-width:1440px){
    .tail-info .info-in {
        padding:40px
    }
}
@media (max-width:1280px){
    .sub-visual-img-inner img{
        width: auto;
        object-fit: unset;
    }
    #container {
        font-size:16px
    }
    .hd4 {
        font-size:28px
    }
    .hd5 {
        font-size:24px
    }

    #logo {
        max-width: 160px;
    }
    .index #logo {
        margin: 0 auto;
    }
    .index .main-slide-card .txt-title {
        font-size:44px
    }
    .index .main-slide-card .txt-tag {
        font-size:20px
    }
    #hd_wrapper {
        /* height: 60px; */
    }
    .index .c-listset .c-list .txtset .hd4 {
        font-size:24px;
        padding: 10px 0;
    }
    .stxt {
        font-size:16px
    }
    .cs-inner .conset.contact .titset .contact-info .stxt{
        display: block;
    }
    .cs-inner .conset.contact .titset .contact-info .stxt + .stxt{
        padding: 0;
    }
    .cs-inner .conset.contact .titset{
        padding: 20px;
    }
    .cs-inner .conset.rec .rec-box-in .box.ty1 .res-bg{
        height: auto;
    }

    .index .c-listset .c-list .txtset .stxt > br {
        display: none;
    }
    .index .c-listset .c-list .txtset {
        padding: 0 40px;
    }
    .footer .copy {
        font-size:14px
    }

    .section.company .cont .hd4 {
        padding: 10px 0 32px;
    }

    .section.company .cont .info > a {
        min-width:360px
    }
    .company-txt-wrap .company-img{
        /* padding-left: 50px; */
        max-height: 650px;
    }
    .catalog-txt-wrap .catalog-img{
        max-height: none;
    }
    .company-txt-wrap .company-txt {
        padding: 0 50px 0;
    }
    .company-img > img{
        object-fit: cover;
    }
    .company-img{
        margin: 0;
    }
    .company-img > img{
        width: 100%;
    }
    .sub-container {
        padding: 70px 40px;
    }
    

    .contents-sub-title, .company-txt-title, .location-contents-title, .contents-copy-title {
        font-size:30px
    }
    .sub-container-title,
    .company-txt-inner {
        font-size: 16px;
    }

    .company-img {
        flex: 1;
    }

    .business .section.intro .sec-tit {
        font-size:24px
    }
    .business .section.intro .sec-cont .img {
        padding-left: 0;
    }
    .business .sec-cont .ad-list > li .ad-label,
    .business .sec2 .sec-cont .range-list > li .textset .subtit {
        font-size: 18px;
    }
    .recruit-info-box.ty2 .recruit-info {
        padding :40px
    }
    .contents-sub-tit {
        font-size:24px
    }
    .job-posting #bo_list .tbl_wrap > table tbody {
        gap: 28px;
    }
    .news #bo_gall .gall_text_href a .news-title {
        font-size:20px
    }
    .news #bo_gall #gall_ul {
        gap:40px 20px
    }

    /* product */
    .product-applications-box{
        gap: 40px 20px;
    }
    .product-contents .contents-copy-wrap .txtset .tit {
        font-size: 32px;
    }
    .product-contents .contents-copy-wrap .txtset {
        padding: 40px;
    }
    .product-contents .contents-copy-wrap {
        grid-template-columns: repeat(1,1fr);
    }
    .product-contents .contents-copy-wrap .txtset .des-list {
        margin-top:20px
    }
    

    /* procss */
    .process .process_item_wrap .process_item:nth-child(3) .process_item_box .process_dot div::after,.process .process_item_wrap .process_item:nth-child(9) .process_item_box .process_dot div::after{
        border-radius: 0 20% 20% 0;
        margin: 0 0 0 -160px;
    }
    .process .process_item_wrap .process_item:nth-child(6) .process_item_box .process_dot div::after{
        border-radius: 20% 0 0 20%;
        margin: 0 -160px 0 0;
    }
    .process .process_item_wrap .process_item .process_item_box .process_img{
        width: 160px;
        height: 160px;
    }

    /* media */
    .catalog_txt .btn_wrap .btn{
        margin-top: 80px;
    }
    .catalog_txt .btn_wrap .btn{
        padding: 17px 24px;
    }
    .catalog_txt .btn_wrap .btn .btn_txt{
        font-size: 16px;
    }
    .material-symbols-outlined{
        font-size: 22px;
    }

}

@media (max-width: 991px){
    .gnb-button-box .gnb-button{
        padding: 10px;
    }
    .gnb-button-box .gnb-button-list-box .gnb-button-list {
        justify-content: flex-start;
        padding: 12px;  
    }
    .gnb-button-box .gnb-button-list-box{
        display: none;
        opacity: 1;
    }
    .gnb-button-box.m-menu-open .gnb-button-list-box{
        display:block;
    }

    .sub-container-title {
        text-align: left;
    }
    .company-img {
        
        position: inherit;
    }
    .company-img img {
        opacity: 1;
    }
    .contents-copy-title {
        text-align: left;
    }

    .grid.col2 {
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    .business .sec-cont .ad-list > li .ad-label {
        max-width: unset;
        aspect-ratio: 18.453125 / 1;
    }
    .business .sec-cont .ad-list > li {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
    .business .sec2 .sec-cont .range-list > li .iconset {
        max-width: 80px;
    }
    .business .sec2 .sec-cont .range-list > li .iconset::after {
        max-width: 48px;
    }
    .business .sec3 .sec-cont .flex-list {
        flex-direction: column;
        ;
    }
    .business .sec3 .sec-cont .flex-list.ty2 {
        flex-direction:column-reverse
    }
    .business .sec3 .sec-cont .flex-list > li:nth-of-type(1),
    .business .sec3 .sec-cont .flex-list > li:nth-of-type(2) {
        max-width: unset;
        justify-content: center;
    }

    .business .sec3 .sec-cont .flex-list.ty2 > li .diagram {
        justify-content:center
    }

    .business .sec1 .sec-bot .flex-list {
        padding: 40px 20px;
        gap: 0 10px;
    }

    .business .box-text,
    .business .sec1 .sec-bot .flex-list > div .subtit {
        font-size:18px
    }
    .business .sec1 .sec-bot .flex-list .arrow {
        max-width:32px
    }
    .business .sec1 .sec-bot .flex-list > div .box-list > li {
        padding-left:10px;
        padding-right:10px
    }

    .bs03 .sec3 .grid-list {
        padding: 40px 20px;
    }
    .business .section.sec7 .table, 
    .bs03 .sec4 .table {
        overflow-x:scroll
    }
    .business .section.sec7 .table > table,
    .bs03 .sec4 .table > table {
        width:auto
    }
    .bs03 .sec3 .grid-list > li:nth-child(1),
    .bs03 .sec3 .grid-list > li{
    padding: 20px;
}
    .bs04 .sec1 .flex-list > li .icon {
        max-width: 80px;
    }
    .bs04 .sec2 .grid > li .inset > p.text {
        font-size:18px
    }

    /* about */
    .history-content .sub-container-title, .history-content .contents-copy-title{
        text-align: center;
    }
    .history-content .contents-copy-txt{
        flex-direction: column;
    }
    .history-content #bo_list{
        padding: 200px 50px 0;
        width: 100%;
    }

    .recruit-info-talent{
        padding: 10%;
    }
    .recruit-info-talent:nth-of-type(odd){
        padding: 10%;
    }

    .product-applications {
        width:100%;
    }
    .product-contents .contents-copy-wrap + .img-wrap {
        margin-top:40px
    }
    .product-contents .contents-copy-img {
        padding: 0;
    }
    .recruit-info-box .welfare-wrap .welfare .subtit,
    .factory-wrap .bot-sec .subtit {
        font-size: 20px;
    }
    .recruit-info-box .welfare-wrap .welfare {
        padding: 40px 24px 60px 25px;
    }
    .recruit-info-box .welfare-wrap .welfare::after {
        width: 60px;
        height: 60px;
    }
    .recruit-contents { 
        margin-top: 40px;
    }
    .recruit-info-box .welfare-wrap {
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }

    .tail-info .info-in {
        flex-direction: column;
        align-items: flex-start;
        padding: 40px;
    }
    .bottom-contents {
        justify-content: flex-start;
    }
    .bottom-contents-wrap:last-child {
        display: block;
        margin-top: 20px;
    }
    .bottom-contents-wrap {
        padding:0;
        display: flex;
        flex-direction: column;
    }
    .bottom-contents-wrap .bottom-contents-txt:not(:last-child)::after{
        display: none;
    }
    .bottom-contents-txt {
        font-size:14px
    }

    .notice #bo_gall #gall_ul {
        padding-top:0
    }
    .notice #bo_gall .gall_li {
     padding: 40px 28px;
    }
    .notice #bo_gall .gall_info .gall_date {
        font-size:14px
    }

    /* product */
    .product-contents .contents-copy-tit {
        font-size:20px
    }

    .process .process_item_wrap .process_item .process_item_box .process_no{
        font-size: 20px;
    }

    /* quality */
    .quality_contents_wrap .quality_box .inner h4{
        font-size: 24px;
    }
    

    /* media */
    .catalog .content-wrap {
        gap: 0 60px;
    }
    .catalog .content-wrap .cont {
        flex: 1;
    }
    .catalog .content-wrap .cont.imgset {
        padding: 40px;
    }
    .catalog .contents-copy-title {
        font-size: 24px;
    }
    .catalog .content-wrap .cont.tset .btnset {
        margin-top:60px
    }
    

    .pr-contents .contents-copy-title{
        margin-bottom: 50px;
    }

    .location-contents .top .location_img img{
        width: auto;
        height: 100%;
    }
    .location-contents .top .txt_contents .txt li > br{
        display: none;
    }
}




@media (max-width: 768px){

    #fp-nav.left{
        left: 35px;
    }
    .index .main-slide-warp .scroll_wrap{
        right: 35px;
    }

    .index .c-listset {
        grid-template-columns: repeat(1,1fr);
        padding-top: 60px;
    }
    .index .c-listset .c-list .txtset {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .index .c-listset .c-list .txtset .inset {
        text-align: left;
    }
    .index .c-listset .c-list .txtset .inset > span {
        display: none;
    }
    .index .c-listset .c-list .txtset .inset > p{
        padding-right: 20px;
    }
    .index .c-listset .c-list .txtset .plus-btn {
        margin:0;
        text-align: right;
        width: auto;
        height: auto;
    }
    .index .c-listset .c-list .txtset .stxt > br {
        display: block;
    }
    /* .ty3 .txtset .stxt{
        padding: 0;
    } */
    .index .main-slide-card .txt-tag {
        font-size: 16px;
    }
    .index .main-slide-card .txt-title {
        font-size:36px
    }

    .history-content #bo_list{
        padding: 200px 30px 0;
    }

    .hd4 {
        font-size:24px
    }


    .cs-inner .conset.rec .rec-box-in {
        width: 90%;
    }
    .cs-inner .conset.rec .rec-box-in .box.ty1 > a {
        padding-left: 40px;
        padding-right: 20px;
    }

    .factory-wrap .bot-sec .grid > li .text {
        font-size: 14px;
    }
    .factory-wrap .bot-sec .grid {
        grid-template-columns: repeat(2,2fr);
        gap: 20px;
    }
    .factory-wrap section + section {
        margin-top:60px;
        padding-top: 60px;
    }

    .news #bo_gall #gall_ul {
        grid-template-columns: repeat(2,1fr);
    }
    .news #bo_cate {
        margin-bottom:40px
    }


    /* about */
    .contents-sub-title, .company-txt-title, .location-contents-title, .contents-copy-title{
        margin-bottom: 30px;
    }
    .company-txt-wrap {
        flex-direction: column;
    }
    .company-txt-wrap .company-img{
        /* padding-top: 40px; */
    }
    .company-txt-wrap .company-txt{
        padding: 40px 20px;
    }
    .company-img {
        flex:auto;
        margin: 0;
    }
    .company-img img {
        width:100%
    }
    .company-txt{
        width: 100%;
    }
    .contents-copy-sub{
        font-size: 16px;
    }

    .recruit-info-talent-wrap {
        flex-direction:column
    }
    .recruit-info-talent:nth-child(1), .recruit-info-talent:nth-child(3) {
        text-align:left
    }
    .recruit-info-talent {
        width:auto;
        padding: 20px 0;
        min-height: auto;
        height: auto;
    }
    .recruit-info-talent-wrap::after {
        top: 10px;
        width: 150px;
        height: 150px;
        font-size: 18px;
    }
    .recruit-info-box.ty2 .recruit-info {
        padding: 0 40px;
    }
     .recruit-info-talent + .recruit-info-talent {
        border-top: 1px dotted rgb(24,48,105,0.3);
    }
    .recruit-info-talent:first-child {
        border-right:none;
        border-bottom: none;
    }
    .recruit-info-talent:last-child {
        border-left:none;
    }
    .recruit-info-talent:nth-of-type(odd){
        padding: 20px 0;
    }
    .organization-img{
        margin: 20px 0 0;
    }
  
    /* product */
    .product-contents .contents-copy-tit{
        font-size: 18px;
    }
    .product-applications-txt{
        font-size: 16px;
    }
    .product-applications-box{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 20px;
    }
    .product-applications-box.two{
        grid-template-columns: repeat(1, 1fr);
    }
    .product-applications-box.three{
        grid-template-columns: repeat(2, 1fr);
    }
    .product-applications-box{
    padding: 0 0 50px;
    }
    .fa{
        padding: 0 0 50px;
    }
    .flange .product-applications-txt{
        font-size: 14px;
    }
    /* table */
    .prd-table th{
        font-size: 16px;
    }
    .prd-table td{
        font-size: 14px;
    }

    /* process */
    .process .process_item_wrap .process_item .process_item_box .process_no{
        font-size: 18px;
    }
    .process .process_item3{
        order: 4;
    }
    .process .process_item4{
        order: 3;
    }
    .process .process_item6{
        order: 6;
    }
    .process .process_item7{
        order: 8;
    }
    .process .process_item8{
        order: 7;
    }
    .process .process_item10{
        order: 10;
    }
    .process .process_item11{
        order: 12;
    }
    .process .process_item12{
        order: 11;
    }
    .process .process_item_wrap .process_item{
        width: 50%;
    }
    .process .process_item_wrap .process_item .process_item_box .process_img{
        width: 140px;
        height: 140px;
    }
    .process .process_item_wrap .process_item .process_item_box .process_txt{
        font-size: 14px;
    }
    .process .process_item_wrap .process_item:nth-child(1) .process_item_box, .process .process_item_wrap .process_item:nth-child(4) .process_item_box, .process .process_item_wrap .process_item:nth-child(5) .process_item_box, .process .process_item_wrap .process_item:nth-child(8) .process_item_box, .process .process_item_wrap .process_item:nth-child(9) .process_item_box, .process .process_item_wrap .process_item:nth-child(12) .process_item_box{
        padding-left: 50px;
    }
    .process .process_item_wrap .process_item:nth-child(2) .process_item_box, .process .process_item_wrap .process_item:nth-child(3) .process_item_box, .process .process_item_wrap .process_item:nth-child(6) .process_item_box, .process .process_item_wrap .process_item:nth-child(7) .process_item_box, .process .process_item_wrap .process_item:nth-child(10) .process_item_box, .process .process_item_wrap .process_item:nth-child(11) .process_item_box{
        padding-right: 50px;
    }
    .process .process_item_wrap .process_item:nth-child(1) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(2) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(5) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(6) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(9) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(10) .process_item_box .process_dot div::after{
        right: auto;
        left: 50%;
        height: 1px;
        background: #ddd;
        border: none;
        border-radius: 0;
        margin: 0;
    }
    .process .process_item_wrap .process_item:nth-child(3) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(4) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(7) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(8) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(11) .process_item_box .process_dot div::after{
        left: auto;
        right: 50%;
        height: 1px;
        background: #ddd;
        border: none;
        border-radius: 0;
        margin: 0;
    }
    .process .process_item_wrap .process_item:nth-child(2) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(6) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(10) .process_item_box .process_dot div::after{
        height: 100%;
        background: none;
        border: 1px solid #ddd;
        border-left: 0;
        border-radius: 0 20% 20% 0;
        margin: 0 0 0 -150px;
    }
    .process .process_item_wrap .process_item:nth-child(4) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(8) .process_item_box .process_dot div::after{
        height: 100%;
        background: none;
        border: 1px solid #ddd;
        border-right: 0;
        border-radius: 20% 0 0 20%;
        margin: 0 -150px 0 0;
    }
    /* .process .process_item_wrap .process_item:nth-child(1) .process_item_box .process_dot div::after{
        left: calc(50% + 30px);
    }
    .process .process_item_wrap .process_item:nth-child(11) .process_item_box .process_dot div::after{
        width: calc(100% - 30px)
    } */
    

    /* quality */
    .quality_contents_wrap .quality_box{
        display: flex;
        flex-direction: column;
        padding-bottom: 60px;
    }
    .quality_contents_wrap .quality_box .inner .txt{
        padding: 30px 0 0;
    }
    .quality_contents_wrap .quality_box:nth-of-type(even) .inner:nth-child(1){
        order: 1;

    }
    .quality_contents_wrap .quality_box:nth-of-type(even) .inner:nth-child(2){
        order: 2;

    }
    .quality_contents_wrap .quality_box .inner h4{
        font-size: 20px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .quality_contents_wrap .quality_box .inner p{
        font-size: 14px;
        padding: 3px 8px;
    }

    /* certificate-pop */
    #popview .inset{
        max-width: 90%;
        max-height: 90%;
        min-width: unset;
    }
    #popview .inset .closebtn{
        top: 10px;
        right: 10px;
        background: #212121;
    }
    #popview .inset .simg{
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    #popview .inset .simg .simg-inset{
        width: 100%;
        /* height: auto; */
    }
    #popview .inset .simg img{
        min-width: unset;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    /* media */
    .catalog_txt .btn_wrap .btn{
        margin-top: 50px;
    }
    
    /* contact */
    .location-contents .top .txt_contents{
        margin-bottom:20px;
    }
    .location-contents-title{
        margin: 0 0 30px;
    }
    .location-contents .top .txt_contents .txt li{
        font-size: 16px;
        /* line-height: normal; */
    }
    .location-contents .top{
        flex-direction: column;
    }
    .location-contents .top .location_img{
        /* max-height: 300px; */
    }
    .location-contents .top .location_img img{
        /* width: 100%;
        height: auto; */
    }
    .location-contents .top .location_img .img2{
        width: 100%;
        height: auto;
    }
}


@media (max-width:575px) {
    /* index */
    #logo {
        max-width: 140px;
    }

    #fp-nav.left{
        left: 5px;
    }
    .index .main-slide-warp .scroll_wrap{
        right: 0;
    }

    #container,
    .stxt {
        font-size:14px
    }
    .index .c-listset .c-list .txtset .stxt {
        width: 100%;
        font-size: 12px;
    }
    .index .c-listset .c-list .txtset .stxt > br {
        display: none;
    }
    .section.company .cont .info {
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .section.company .cont,
    .cs-inner .conset.rec .rec-box-in {
        width: 90%;
    }
    .section.company .cont {
        padding-top:60px
    }
    .section.company .cont .hd4 > br{
        display: none;
    }
    .section.company .cont .info > a {
        min-width:unset;
        padding: 28px;
    }
    .section.company .cont .info > a .imgset {
    padding-top: 0;
    }
    .section.company .cont .info > a:last-child .imgset{
    padding-top: 0;
    }
    .index .c-listset .c-list .txtset{
        padding: 0 20px;
    }
    
    .cs-inner .conset.rec .rec-box-in .box.ty1{
        /* flex-direction: column; */
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr;
    }
    .cs-inner .conset.rec .rec-box-in .box.ty1 > a {
        /* padding-left: 20px; */
        width: 100%;
        height: auto;
        padding: 32px 28px;
    }
    .cs-inner .conset.rec .rec-box-in .box.ty1 .titset .stxt{
        padding-bottom: 10px;
    }
    .cs-inner .conset.rec .rec-box-in .box.ty1 .titset .stxt > br{
        display: none;
    }
    .cs-inner .conset.rec .rec-box-in .box.ty1 .imgset{
        text-align: right;
    }
    .cs-inner .conset.rec .rec-box-in .box.ty1 .res-bg{
        width: 100%;
        max-height: 250px;
    }
    .cs-inner .conset.contact{
        flex-grow: 0.5;
        padding: 20px;
    }

    .hd4 {
        font-size:22px
    }
    .hd5 {
        font-size:20px
    }
    .recruit-info-box.ty2 .recruit-info{
        padding: 0 10px;
    }
    .sub-container-title {
        margin-bottom: 10px;
    }
    .sub-container {
        padding: 70px 20px;
    }
    .contents-sub-title, .company-txt-title, .location-contents-title, .contents-copy-title {
        font-size:24px;
        line-height: 1.4;
    }
    .sub-container-title, .company-txt-inner,
    .company-txt .company-txt-sign,
    .sub-visual-img-inner .sub-visual-sub,
    .business .tabset .tablist > li > a {
        font-size:14px
    }

    .sub-visual-img-inner {
        height: 350px;
    }

    .business .tabset .tablist {
        flex-direction: column;
        gap: 8px;
    }
    .business .tabset .tablist > li {
        max-width:unset
    }
    .business .tabset .tablist > li > a {
        padding:12px 0
    }
    .business .section.intro {
        margin-top:40px
    }
    .business .section.intro .sec-tit,
    .business .section .sec-tit{
        font-size:20px
    }
    .business .sec-tit + .sec-cont {
        margin-top:20px
    }
    .business .section.intro .sec-cont .text > p + p {
        margin-top:10px
    }
    .business .sec-cont .ad-list > li .ad-label {
        aspect-ratio: 9.453125 / 1;
        
    }
    .business .sec-cont .ad-list > li .ad-label, .business .sec2 .sec-cont .range-list > li .textset .subtit {
        font-size:16px;
    }
    .business .sec-cont .ad-list > li .ad-desc > p::before {
        top: 7px;
    }
    .business .sec-cont .ad-list > li .ad-desc > p {
        padding-left: 8px;
    }
    .business .sec2 .sec-cont .range-list > li {
        padding: 20px;
        gap: 0 15px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .business .sec2 .sec-cont .range-list > li .iconset {
        max-width: 60px;
    }
    .business .sec2 .sec-cont .range-list > li .iconset::after {
        max-width: 40px;
    }
    .business .sec2 .sec-cont .range-list > li .textset > p,
    .bullet-list li,
    .business .sec1 .sec-bot .flex-list > div .box-list > li,
    .business .sec1 .sec-top .compare-list > li .box-text.ty2,
    .business .sec-tit.ty2 > p{
        font-size: 14px;
    }
    .bullet-list li {
        line-height:1.3
    }
    .business .sec3 .sec-cont .flex-list > li,
    .business .sec3 .sec-cont .flex-list.ty2 > li .diagram{
        padding: 20px
    }
    .business .section + .section {
        margin-top:40px
    }
    .business .sec3 .sec-cont .flex-list > li .text {
        margin-top:10px
    }
    .business .sec1 .sec-top .compare-list > li .tableset .table-list > li .thead, .business .sec1 .sec-top .compare-list > li .tableset .table-list > li .tbody {
        padding:16px 10px
    }
    .business .sec1 .sec-bot .flex-list,
    .business .sec-tit.ty2 {
        flex-direction:column
    }
    .business .sec-tit.ty2 {

        align-items: flex-start;
        gap: 5px;
    }
    .business .sec1 .sec-bot .flex-list > div {
        flex:auto;
        width: 100%;
    }
    .business .sec1 .sec-bot .flex-list .arrow {
        max-width: 24px;
        transform: rotate(90deg);
        margin: 20px 0;
    }
    .business .table table th, .business .table table td {
        padding: 12px 10px;
    }
    .bs03 .sec3 .grid-list {
        grid-template-columns: repeat(1,1fr);
    }
    .bs03 .sec3 .grid-list > li:nth-child(1), 
    .bs03 .sec3 .grid-list > li,
    .bs03 .sec3 .grid-list > li:nth-child(4)
    {
        grid-row: span 1/ span 1;
        grid-column: span 1 / span 1
    }
    .bs03 .sec3 .grid-list > li:nth-child(1) {
        justify-content:center
    }

    .bs03 .sec7 .bullet-list > li {
        font-size:14px;
        align-items: flex-start;
    }
    .bs03 .sec7 .bullet-list > li::before {
        top: 7px;
        transform: none;
    }
    .bs03 .sec7 .bullet-list > li:not(:last-child) > strong {
        min-width: 100px;
    }

    .business .sec2 .table {
        overflow-x: scroll;
    }
    .business .sec2 .table table {
        width: 180%;
    }    
    .list_year, .list_month, .list_content{
        font-size: 14px;
    }
    .bs04 .sec1 .flex-list {
        padding: 40px 20px;
    }
    .bs04 .sec1 .flex-list > li .icon {
        max-width: 48px;
    }
    .bs04 .sec2 .grid {
        grid-template-columns: repeat(2,2fr);
        gap: 10px;
    }
    .bs04 .sec3 .grid .inset .sec-cont .cont-wrap {
        padding: 20px;
    }

    .recruit-info-talent-wrap::after {
        width: 130px;      
        height: 130px;
    }
    .recruit-info-talent-contents {
        font-size:14px
    }
    .recruit-info-box .welfare-wrap {
        grid-template-columns: repeat(1,1fr);
    }
    .recruit-info-box .welfare-wrap .welfare {
        padding: 24px;
    }
    .recruit-info-box .welfare-wrap .welfare::after {
        width: 48px;
        height: 48px;
    }
    .job-posting #bo_list .bo_tit {
        font-size:20px;
        margin: 5px 0 20px;
    }
    .job-posting #bo_list tbody tr {
        padding: 24px;
    }
    .job-posting #bo_list .td_datetime {
        font-size:14px
    }
    .job-posting #bo_list .td_datetime > span {
        
        display: block;
    }
    .job-posting #bo_list .td_datetime .recruiting-period::after {
        content:none
    }
    .job-posting #bo_list .td_datetime > span + span {
        margin-top:4px
    }

    .bs04 .sec1 .flex-list > li .text {
        margin-top:10px;
    }
    #bo_v_top ul {
        margin: 0;
        margin-top: 5px;
    }
    
    .notice #bo_gall .gall_img {
        width:auto;
    }
    .notice #bo_gall .gall_text_href a .notice-title {
        font-size: 18px;
    }
    .notice #bo_gall .gall_info {
        padding-top:0
    }
    .notice #bo_gall .gall_text_href a .notice-contents {
        font-size:14px;
        margin: 5px 0 10px;
        -webkit-line-clamp: 1;
        word-break: break-all;
    }
    #bo_gall .gall_con {
        align-items: center;
    }
    .notice #bo_gall .gall_li {
        padding: 24px 0;
    }
    .notice #bo_gall .gall_text_href a .notice-title {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        word-break: break-all;
    }

    .bottom-contents-txt > p + p::before {
        content: none;
    }
    .bottom-contents-txt {
        display: block;
    }

    .news #bo_gall .gall_img img {
        width: 100%!important;
    }
    .news #bo_gall .gall_con {
        align-items: flex-start;
    }
    .news #bo_gall .gall_text_href {
        margin:0
    }
    .news #bo_gall .gall_li {
        padding:24px 20px
    }
    .news #bo_gall .gall_info .gall_date {
        font-size:14px
    }
    .news #bo_gall #gall_ul {
        grid-template-columns : repeat(1,1fr);
        gap: 28px 0;
    }
    .news #bo_gall .gall_img {
        height: 150px!important;
    }
    .news #bo_v_title .bo_v_tit {
        font-weight:600
    }
    #bo_cate ul {
        gap: 0 20px;
    }
    .index .c-listset .c-list .txtset .hd4 {
        font-size: 20px;
    }
    .cs-inner {
        padding-top: 40px;
    }
    .bottom-contents-wrap{
        margin: 5px 0;
    }
    .bottom-contents-wrap:last-child .bottom-contents-txt {
        font-size: 13px;
    }
    .news #bo_gall .gall_text_href a .news-title {
        font-size: 18px;
    }
    .news #bo_gall .gall_info {
        padding-top:15px
    }
    .view #bo_v_atc {
        padding-left: 0;
        padding-right: 0;
    }
    #bo_v_top {
        top: -32px;
    }

    /* about */
    .company-txt .company-txt-sign > span {
        font-size: 20px;
    }
    .company-txt-title > br {
        display: none;
    }
    
    .company-txt-wrap .company-txt{
        padding: 40px 10px;
    }
    .history-content #bo_list{
        padding: 200px 10px 0;
    }

    /* product */
    .product-contents .contents-copy-title{
        font-size: 24px;
    }
    .product-contents .contents-copy-wrap .txtset .tit {
        font-size: 24px;
    }
    .product-contents .contents-copy-wrap .txtset {
        padding: 28px;
    }
    .business.sub-container .hd3, .contents-copy-title {
        margin-bottom: 30px
    }
    .product-applications-box {
        gap: 30px 10px;
    }
    .product-contents .contents-sub-txt {
        padding-bottom:20px
    }

    /* table */
    .table-scroll{
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        display: block;
        margin-bottom: 15px;
    }
    .prd-table-wrap{
        overflow-x: hidden;
    }
    .prd-table{
        width: max-content;
        white-space: nowrap;
    }

    /* facilities */
    .factory-wrap .titset + .imgset {
        margin-top: 28px;
    }
    .factory-wrap .bot-sec .grid {
        gap: 20px 10px;
    }
    /* process */
    .process .process_item_wrap .process_item .process_item_box .process_no{
        font-size: 16px;
    }
    .process .process_item_wrap .process_item .process_item_box .process_img_wrap .process_img:first-child {
        margin-right: -10px;
    }
    .process .process_item_wrap .process_item .process_item_box .process_txt_wrap{
        width: 140%;
    }
    .process .process_item_wrap .process_item .process_item_box .process_img{
        width: 100px;
        height: 100px;
    }
    .process .process_item_wrap .process_item:nth-child(1) .process_item_box, .process .process_item_wrap .process_item:nth-child(4) .process_item_box, .process .process_item_wrap .process_item:nth-child(5) .process_item_box, .process .process_item_wrap .process_item:nth-child(8) .process_item_box, .process .process_item_wrap .process_item:nth-child(9) .process_item_box, .process .process_item_wrap .process_item:nth-child(12) .process_item_box{
        padding-left: 20px;
    }
    .process .process_item_wrap .process_item:nth-child(2) .process_item_box, .process .process_item_wrap .process_item:nth-child(3) .process_item_box, .process .process_item_wrap .process_item:nth-child(6) .process_item_box, .process .process_item_wrap .process_item:nth-child(7) .process_item_box, .process .process_item_wrap .process_item:nth-child(10) .process_item_box, .process .process_item_wrap .process_item:nth-child(11) .process_item_box{
        padding-right: 20px;
    }
    .process .process_item_wrap .process_item:nth-child(2) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(6) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(10) .process_item_box .process_dot div::after{
        left: auto;
        right: 0;
    }
    .process .process_item_wrap .process_item:nth-child(4) .process_item_box .process_dot div::after, .process .process_item_wrap .process_item:nth-child(8) .process_item_box .process_dot div::after{
        right: auto;
        left: 0;
    }

    /* quality */
    #popview .inset .closebtn{
        width: 44px;
        height: 44px;
    }
    #popview .inset .simg{
        padding: 15px;
    }

    /* media */
    .catalog .content-wrap {
        flex-direction: column;     
        align-items: flex-start;      
        gap: 40px;
    }
    .catalog .content-wrap .cont.tset .btnset > a {
        font-size: 14px;
    }
    .catalog_txt .btn_wrap .btn{
        padding: 10px 20px;
    }
    .catalog_txt .btn_wrap .btn .btn_txt{
        font-size: 14px;
    }
    .material-symbols-outlined{
        font-size: 20px;
    }

    /* contact */
    .location-contents .top .location_img{
        max-height: 250px;
    }
    .location-contents-txt {
        margin: 0;
        padding: 0;
    }
    .location-contents-info li {
        font-size: 14px;
        margin: 0;
    }
    .location-contents-info {
        margin-top: 20px;
    }
    .location-contents-info li + li {
        margin-top: 5px;
    }
    .location-contents .top .txt_contents .txt li{
        font-size: 14px;
    }
    .location-contents-title {
        margin-bottom: 28px;
    }
    
}