@charset "UTF-8";@media all and (max-width : 1200px){
 .pc_br { display: none; } 
 }

 @media all and (max-width : 1660px){
 .rnd01-content03 ul li { width: 200px; padding: 48px 0; } 
 .rnd01-content03 ul li h3 { font-size: 80px; } 
 .rnd01-content05 ul li { width:calc((100% - 120px) / 5); } 
 .rnd01-content05 ul li h5 { font-size: 18px; } 
 }
 

@media all and (max-width : 1600px){
 .str-view01.con-bg { padding-bottom: 0 !important; height: 820px; } 
 .con-bg .con-txt { padding: 0 5%; } 
 .trading-slide .swiper-slide div { height: 280px; } 
 .news-row .news-img { width: 300px; } 
 .news-row .news-img.default { height: 200px; } 
 .news-row .news-desc { width: calc(100% - 300px - 30px - 50px - 85px); } 
 .news-row .news-desc span { font-size: 13px; } 
.news-row .news-desc h3 { font-size: 22px; margin-bottom: 10px; } 
 .news-row .news-desc p { font-size: 15px; height: 70px; margin-bottom: 10px; } 
 .rnd02-content04 ul li { padding: 100px 60px; } 
 .rnd02-content04 ul li h4 { font-size: 24px; } 
 }

@media all and (max-width : 1400px){
 .sub_banner_wrap .sub_banner { padding-bottom: 36.5%; } 
 .corp03-content02 .slide-wrap .swiper-slide { padding: 40px 20px; } 
 .corp03-content02 .slide-wrap .swiper-slide p { font-size: 16px; } 
 .container { padding: 0 7.36%; } 
 }


@media all and (max-width : 1300px) { header { height: 77px; padding: 10px 20px; } 
 header nav { display: none; } 
 header nav ul li { margin-right: 40px; } 
 header nav ul li a { font-size: 16px; } 
 header .hd_container .console-box .m_menu_btn { display: block; } 
 #main-wrap .main-slide .banner-text h2 { font-size: 36px; } 
 .slide-arrow div { width: 60px; height: 60px; } 
 .slide-arrow div svg { display: block; width: 100%; height: 100%; } 
 #main-wrap .swiper-pagination { width: 60vw; } 
 .main-contents02 .flex .box:hover .txt-box h2 { font-size: 38px; } 
 .main-contents02 .flex .box .txt-box .btn-wrap .btn-box { width: 160px; } 
 .main-contents02 .flex .box .txt-box .btn-wrap a { font-size: 18px; line-height: 50px; } 
 .main-contents03 .flex .left-wrap h3 { font-size: 20px; margin-bottom: 3.4vh; } 
 .main-contents03 .flex .left-wrap h2 { font-size: 38px; margin-bottom: 3vh; } 
 .main-contents03 .flex .left-wrap p { font-size: 16px; } 
 .main-contents03 .view-box { width: 220px; } 
 .main-contents03 .view-box a { line-height: 48px; } 
 .view-box span { font-size: 16px; } 
 .footer .footer-top { padding: 0 74px; padding-top: 15vh; } 
 .history-content01 .tab-list-wrap .tab-list p { font-size: 24px; line-height: 55px; } 
 .rnd01-content05 .img-box img { max-width: 100%; display: block; margin-left: auto; margin-right: auto !important; } 
 .rnd01-content05 .img-box img:first-child { margin-bottom: 30px; } 
 .footer { padding-bottom: 220px; } 
 }




@media all and (max-width : 1200px) {
.hd_container { /* padding: 0 30px; */ } 
.sub_banner_wrap .sub_banner .inner { padding-left: 30px; padding-right: 30px; } 
.sub_banner_wrap.white .sub_banner .inner { padding-left: 30px; padding-right: 30px; top: 164px; } 
.sub_banner_wrap.white .sub_banner .inner ul { margin-bottom: 50px } 
.sub_banner_wrap .sub_banner .inner .banner_text h2 { font-size: 42px; } 
.sub_banner_wrap.white { margin-top: 0; } 
.sub_banner_wrap.white .sub_banner { height: 314px; } 
.container { padding: 0 15px; } 

#business-slide { margin-left: 30px; } 

 .main-banner { padding-top: 77px; } 
 #main-wrap .main-slide .banner-text { top:40%; } 
 .time-circle { width: 60px; height: 60px; } 
 .time-circle svg { display: block; width: 100%; height: 100%; } 
 .main-contents02 .flex .box .txt-box h2 { font-size: 25px; } 
 .footer { padding-bottom: 350px; } 
 .footer .footer-top { padding: 0 5%; } 
 .footer .footer-top h2 { font-size: 40px; margin-bottom: 30px; } 
 .footer .footer-top .left-wrap { padding-right: 50px; } 
 .footer .footer-top .right-wrap .agree-box { width: 100%; margin-right: 0; } 
 .footer .footer-top .left-wrap p { font-size: 16px; } 
 .footer .footer-top .right-wrap .agree-wrap { flex-direction: column; } 
 .footer .footer-top .right-wrap .agree-wrap .view-box { margin-top: 30px; margin-left: auto; } 
 .footer .footer-bottom { flex-wrap: wrap; } 
 .footer .footer-bottom .address-wrap { width: 100%; padding-left: 0; margin-top: 20px; margin-bottom: 20px; } 
 .footer .footer-bottom .sns-wrap { margin-top: 0; margin-left: auto; } 
 .footer .footer-bottom .top-btn { margin-left: 40px; } 
 .footer .footer-top { padding: 0 30px; flex-wrap: wrap; padding-top: 5vh; padding-bottom: 5vh; height: auto; } 
 .footer .footer-top .left-wrap { width: 100%; padding-right: 0; } 
 .footer .footer-top .right-wrap { width: 100%; } 
 .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; } 
 .footer .footer-bottom { /* position: static; */ padding: 40px 30px 120px; } 
 .sub_page .bg .txt-box h2 { font-size: 50px; line-height: 1.22; } 
 .philosophy h4 { font-size: 22px; margin-bottom: 5px; } 
 .sub_page.philosophy .bg#ani02 .txt-box h2 { font-size: 50px; } 
 .sub_page .bg .txt-box h3 { font-size: 28px; } 
 .menu-wrap { padding-top: 8vh; flex-wrap: wrap; } 
 .menu-wrap .menu-col { width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 60px; } 
.menu-wrap .menu-col:nth-child(4n) { margin-right: 0; } 
.menu-wrap .menu-col h2 { font-size: 20px; margin-bottom: 20px; padding-left: 10px; } 
.menu-wrap .menu-col:last-child h2 a { display: block; font-size: 20px; margin-bottom: 20px; } 
.menu-wrap .menu-col ul { padding-left: 10px; } 
.menu-wrap .menu-col ul li a { font-size: 16px; } 
.history-content01 .tab-con-wrap .circle-wrap .circle-box { width: 180px; height: 180px; } 
 .history-content01 .tab-con-wrap .circle-wrap .circle-box h3 { font-size: 15px; } 
 .history-content01 .tab-con-wrap .circle-wrap .circle-box h2 { font-size: 18px; } 
 .his-wrap .his-row { flex-wrap: wrap; } 
 .his-wrap .his-row .his-year { width: 100%; margin-right: 0; margin-bottom: 20px; } 
 .his-wrap .his-row .his-con { width: 100%; } 
 .his-wrap .his-row .his-con:before { display: none; } 
 .his-wrap .his-row .his-con .his-con-row h3 { font-size: 28px; width: 60px; margin-right: 70px; } 
 .his-wrap .his-row .his-con .his-con-row h3:after { width: 50px; right:-50px; } 
 .his-wrap .his-row .his-con .his-con-row p { font-size: 18px; width: calc(100% - 130px); } 
 .global-content02 { padding: 100px 30px; } 
 .global-content02 .wrap .right-wrap { margin: 0; } 
 .double_title { font-size: 38px !important; } 
 .title-flex p { margin-top: 20px !important; font-size: 20px; } 
 .font30 { font-size: 22px; } 
 .x-ray-grid-content01 h3 { font-size: 48px; margin-top: 35px; margin-bottom: 70px; } 
 .x-ray-grid-content01 p { font-size: 18px; } 
.x-ray-grid-content03 .double_title { font-size: 58px; } 
.title-flex>span { font-size: 20px; margin-bottom: 10px; } 
.x-ray-grid-content03 h3 { font-size: 28px; margin-top: 40px; } 
.x-ray-grid-content05 .wrap .box-wrap .icon-wrap { padding: 0; } 
.x-ray-grid-content05 .wrap .box-wrap .icon-wrap .icon-box p { font-size: 14px; } 
.x-ray-grid-content05 .wrap .box-wrap .box-padding { padding:20% 30px 12.2%; } 
.x-ray-grid-content05 .wrap .box-wrap .box-title span { font-size: 16px; margin-bottom: 15px; } 
.x-ray-grid-content05 .wrap .box-wrap .box-title h2 { font-size: 58px; } 
.image-system-content01 .flex .list-title { width: 320px; margin-right: 50px; } 
.image-system-content01 .flex .list-img { width: calc(100% - 370px); } 
.image-system-content01 .flex .list-img .box-wrap .box { width:calc((100% - 25px) / 2); } 
.image-system-view-content03 h3 { font-size: 54px; } 
.image-system-view-content09 .wrap .box ul li { font-size: 14px; } 
.image-system-view-content07 .wrap .txt-box ul li p { font-size: 15px; } 
.image-system-view-content08 .wrap ul:first-child { margin-right: 25px; } 
.image-system-view-content08 .wrap ul li { font-size: 16px; } 
.view-content01 .prd-txt { padding-left: 5%; } 
.view-content01 .prd-txt .prd-title { margin-bottom: 30px; } 
.view-content01 .prd-txt .prd-title h2, .prd-title h2 { font-size: 36px; } 
 .view-content01 .prd-txt .prd-desc li { font-size: 16px; } 
 .x-ray-grid-view-content01 .wrap .left-wrap .title-box { margin-bottom: 30px; } 
.x-ray-grid-view-content01 .wrap .left-wrap .title-box p { font-size: 16px; margin-bottom: 10px; } 
.x-ray-grid-view-content01 .wrap .left-wrap .title-box h1 { font-size: 36px; } 
.x-ray-grid-view-content01 .wrap .left-wrap ul li { font-size: 15px; padding:6px 0; } 
.str-view01.con-bg { height: 580px; } 
.str-view01 .txt-box p { font-size: 16px; } 
.str-view .table-wrap table th, .str-view .table-wrap table td { font-size: 15px; } 
.title-flex>span { font-size: 18px; } 
.animal-title h3 { font-size: 28px; } 
.corp03-content01 h2, .corp04-content01 h2 { font-size: 32px; } 
.cert-content01 .cert-wrap .box { width:calc((100% - 45px) / 4); margin-right: 15px; } 
.corp04-content01 { height: 600px; } 
.corp04-content02 .flex .txt-box { padding-left: 50px; } 
.corp04-content02 .flex.row-reverse .txt-box { padding-right: 50px; } 
.corp04-content02 .flex .txt-box h3 { font-size: 28px; } 
.corp04-content02 .flex .txt-box p { font-size: 16px; } 
.suv-nav-wrap .container { padding:0; } 
.rnd01-content04 ul li, .rnd02-content02 ul li { width: 100%; padding: 40px; max-width: 360px; display: block; margin: 0 auto; margin-bottom: 30px; } 
.rnd02-content02 ul li:last-child { margin-right: auto; } 
.rnd01-content04 ul li h4, .rnd02-content02 ul li h5 { font-size: 16px; } 
.rnd01-content04 ul li p, .rnd02-content02 ul li p { font-size: 14px; } 
.rnd01-content02 p { font-size: 18px; } 
.rnd01-content05 .img-box img:first-child { margin-right: auto; } 
.rnd02-content04 ul li h4 { font-size: 20px; } 
.view-content11 ul { display: flex; flex-wrap: wrap; } 
.view-content11 ul li { width: calc(50% - 15px); } 


/* 시스템 제품 수정작업 (idx=19) */
.dre-section01 .flex { flex-wrap: wrap; }
.dre-section01 .flex .left-box { width: 100%; }
.dre-section01 .flex .right-box { width: 100%; }


}


@media all and (max-width : 992px) {.footer { padding-bottom:0; } 
.visible-md { display:block; } 
.hidden-md { display:none; } 
 #main-wrap .main-slide .banner-text h2 { font-size: 28px; } 
 .main-contents02 .flex { flex-direction: column; } 
 .main-contents02 .flex .box { width: 100%; } 
 .main-contents02 .flex .box:hover { flex: 1; } 
 .main-contents02 .flex .box:hover .img-box:after { background-color: rgba(0,0,0,0.51); } 
 .main-contents02 .flex .box:hover .txt-box h2 { font-size: 25px; border: none; } 
 .main-contents02 .flex .box .txt-box .btn-wrap { visibility: visible; opacity: 1; padding-top: 15px; } 
 .main-contents02 .flex .box .txt-box .btn-wrap .btn-box { width: 130px; } 
 .main-contents02 .flex .box .txt-box .btn-wrap a { font-size: 16px; line-height: 45px; } 
 .main-contents03 { padding-top: 5vh; } 
 .main-contents03 .flex { flex-direction: column; } 
 .main-contents03 .flex .left-wrap, .main-contents03 .flex .right-wrap { width: 100%; } 
 .main-contents03 .flex .left-wrap { text-align: left; padding-right: 0; padding-top: 0; padding: 0 20px; margin-bottom: 50px; } 
 .main-contents03 .flex .right-wrap img { filter: none; opacity: 1; } 
 .philosophy-content02 .box-wrap .box { margin-right: 3%; width: calc((100% - 6%) / 3); } 
 .philosophy-content02 .box-wrap .box p { font-size: 16px; } 
 .history-content01 .tab-con-wrap .circle-wrap .circle-box { width: 150px; height: 150px; margin-right: 40px; } 
.history-content01 .tab-con-wrap .circle-wrap .circle-box:after { width: 15px; background-size: 15px; right:-30px; } 
.story-wrap .story-flex .story-left .img-box div p { font-size: 46px; } 
.story-wrap .story-flex .story-right .indicator-wrap { left: -16%; } 
.story-wrap .story-flex .story-right .indicator-wrap .indicator { width: 30px; height: 30px; } 
.story-wrap .story-flex .story-right .indicator-wrap .indicator.on { width: 40px; height: 40px; } 
.story-wrap .story-flex .story-right h2 { font-size: 38px; } 
.story-wrap .story-flex .story-right p { font-size: 16px; } 
.story-wrap .story-flex:nth-child(2n) .story-right .indicator-wrap { right:5.2%; } 
.global-content02 .wrap .right-wrap .box-wrap .box { width: 100%; margin-right: 0; } 
.global-content02 .wrap .right-wrap .box-wrap .box .box-con-row a { font-size: 16px; } 
.sub_banner_wrap .sub_banner { padding-bottom: 42.5%; } 
.sub_banner_wrap .sub_banner .inner ul li a { font-size: 13px; } 
.sub_banner_wrap .sub_banner .inner .banner_text span { font-size: 16px; } 
.x-ray-grid #trigger01 .x-ray-grid-content05 .flex { flex-wrap: wrap; } 
.x-ray-grid-content05 .wrap { flex-wrap: wrap; } 
.x-ray-grid-content05 .wrap .box-wrap { width: 100%; padding-bottom: 50vh; } 
.x-ray-grid-content05 .wrap .box-wrap .box-padding { padding: 85px 30px 30px; } 
.x-ray-grid-content05 .wrap .box-wrap .box-title span { font-size: 14px; margin-bottom: 5px; } 
.x-ray-grid-content05 .wrap .box-wrap .box-title h2 { font-size: 48px; } 
.x-ray-grid-content05 .wrap .box-wrap .icon-wrap .icon-box { margin-right: 30px; width:calc((100% - 90px) / 4); } 
.x-ray-grid-content05 .wrap .box-wrap .icon-wrap .icon-box:after { height: 70px; right:-15px; top:0; transform:translateY(0); } 
.x-ray-grid-content05 .wrap .box-wrap .icon-wrap .icon-box img { width: 50%; height:40px; } 
.x-ray-grid-content05 .wrap .box-wrap .icon-wrap .icon-box p { font-size: 12px; } 
.animal-content01.detail_img p { font-size: 37px; } 
.image-system-content01 .flex .list-img .box-wrap .box p { height: 36px; } 
.image-system-view-content01 p { font-size: 20px; } 
.btn-wrap .down-btn { width: 220px; } 
.btn-wrap .down-btn a { font-size: 16px; line-height: 58px; } 
.image-system-view-content02 .txt-box h3 { font-size: 36px; } 
.image-system-view-content02 .circle-wrap .circle-box h3 { font-size: 20px; } 
.view-content01 .flex { flex-wrap: wrap; } 
.view-content01 .prd-img { width: 100%; } 
.view-content01 .prd-txt { padding-left: 0; width: 100%; margin-top: 30px; } 
.config-row .config-txt .config-title h3 { font-size: 30px; } 
.config-row .config-txt h4 { font-size: 20px; } 
.recruit02-content02 .wrap .box { width: calc((100% - 120px) / 5); margin-right: 30px; } 
.recruit02-content02 .wrap .box:after { background-size: 10px; right: -28px; } 
.recruit02-content02 .wrap .box p { font-size: 22px; } 
.recruit02-content05 .table-wrap .table-top ul li { font-size: 16px; } 
.recruit02-content05 .table-wrap li a { font-size: 14px; } 
#dday { font-size: 16px; } 

.x-ray-grid-view-content01 .wrap { flex-wrap: wrap; flex-direction: column-reverse; } 
.x-ray-grid-view-content01 .wrap .left-wrap { width: 100%; margin-right: 0px; margin-top: 30px; } 
.x-ray-grid-view-content01 .wrap .right-wrap { width: 100%; } 
.x-ray-grid-view-content01 .wrap .left-wrap .down-btn { position: static; margin-top: 50px; } 
.x-ray-grid-view-content04 .circle-wrap .circle-box { width: calc((100% - 40px) / 3); border-radius: 50%; padding-bottom: calc((100% - 40px) / 3); margin-bottom: 20px; } 
.x-ray-grid-view-content04 .circle-wrap .circle-box:nth-child(3n) { margin-right: 0; } 
.x-ray-grid-view-content05 .wrap .box { width: calc((100% - 60px) / 3); margin-right: 30px; } 
.x-ray-grid-view-content05 .wrap .box h3 { font-size: 18px; } 
.x-ray-grid-view-content05 .wrap .box p { font-size: 15px; } 
.x-ray-grid-view-content07 .wrap { flex-wrap: wrap; } 
.x-ray-grid-view-content07 .wrap .box-wrap { width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px; } 
.x-ray-grid-view-content07 .wrap .box-wrap:nth-child(2n) { margin-right: 0; } 
.x-ray-grid-view-content05 .title-flex h2 { font-size: 22px; } 
.table-title-flex h2 { font-size: 22px; } 
.table-wrap table tbody td { font-size: 12px; } 
.view02 .x-ray-grid-view-content08 h3 { font-size: 20px; } 
.x-ray-grid-view-content06 .img-wrap .box p { font-size: 17px; } 
.animal-content .inner>h3 { font-size: 20px; } 
.animal-content02 .img-desc { width: 80%; } 
.animal-content02 .img-desc p { font-size: 18px; } 
.animal-content05 .flex .txt-box { padding-left: 50px; } 
.animal-content05 .flex .box p { font-size: 14px; } 
.animal-content05 .box_wrap > p { margin: 150px auto 50px; } 
.animal-content05 .box_wrap ul.top li { gap: 50px; /* flex-direction: column; align-items: center; */ } 
.animal-content05 .box_wrap ul.bottom li { padding: 40px 35px; } 
.con-bg .con-txt { width: 100%; padding: 0 10%; } 
.corp01-content02 .box .desc { margin-bottom: 20px; } 
.corp01-content02 .box h4 { font-size: 16px; margin-bottom: 20px; height: 100px; } 
.corp01-content02 .box p { font-size: 14px; height: 120px; } 
.corp01-content02 .box .desc { margin-bottom: 20px; } 
.corp02-content02 .box { padding:30px; } 
.corp02-content02 .box .icon { margin-right: 20px; width: 80px; } 
.corp02-content02 .box .desc { width: calc(100% - 100px); } 
.cert-content01 .cert-wrap .box { width: calc((100% - 15px) / 2); margin-right: 15px; } 
.cert-content01 .cert-wrap .box:nth-child(2n) { margin-right: 0; } 
.corp03-content01 h2, .corp04-content01 h2 { font-size: 26px !important; margin-bottom: 0 !important; } 
.corp04-content02 { background-size: 220px; } 
.news-row .news-img { width: 250px; } 
.news-row .news-img.default { height: 160px; } 
.news-row .news-desc { width: calc(100% - 250px - 30px - 50px - 30px); margin-right: 30px; } 
.image-system-content01 .flex .list-title { width: 200px; margin-right: 50px; } 
.image-system-content01 .flex .list-title h2 { font-size: 38px; } 
.image-system-content01 .flex .list-img { width: calc(100% - 250px); } 
.trading .image-system-content01 .flex .list-img .box-wrap .box { width: 100%; } 
.trading .image-system-content01 .flex .list-img .box-wrap .box.multi .flex { flex-direction: row; } 
.trading .image-system-content01 .flex .list-img .box-wrap .box.multi a { width: 50%; } 
.rnd01-content03 ul li { max-width: 100%; padding: 30px 0; width: calc(50% - 20px); margin-right: 20px; margin-bottom: 20px; } 
.rnd01-content03 ul li h3 { font-size: 38px; } 
.rnd01-content03 ul li h4 { font-size: 14px; } 
.rnd01-content04 ul li, .rnd02-content02 ul li { display: block; max-width: 300px; width: 100%; margin: 0 auto !important; margin-bottom: 30px !important; padding: 30px; } 
.rnd01-content05 ul li { width: calc((100% - 60px) / 3); margin-bottom: 30px; } 
.rnd02-content04 .container div > div { width: 100%; padding: 60px 30px; } 
.solution-content02 .box-wrap .box { width: calc(33.33% - 7px); margin-bottom: 20px; } 
.solution-content02 .box-wrap { gap: 10px; } 

/* 시스템 제품 수정작업 (idx=19) */
.double_title { font-size: 32px !important; }
.dre-section02 .flex { flex-wrap: wrap; }
.dre-section02 .flex .left-box { width: 100%; }
.dre-section02 .flex .right-box { width: 100%; }
.dre-section03 .flex01, .dre-section03 .flex02 { flex-wrap: wrap; }
.dre-section03 .flex01 .right-box, .dre-section03 .flex02 .left-box { width: 100%; }
.dre-section05 .flex { flex-wrap: wrap; }
.dre-section05 .flex .left-box { width: 100%; }
.dre-section05 .flex .right-box { width: 100%; }
.dre-section06 .flex .box p { font-size: 18px; }
.dre-section07 .flex { flex-wrap: wrap; }
.dre-section07 .flex .left-box { width: 100%; }
.dre-section07 .flex .right-box { width: 100%; }

 }





@media all and (max-width : 767px){
 .hidden-xs { display: none; } 
 .suv-nav-wrap ul li a { font-size: 14px; } 
 .sub_page .bg .txt-box h2 { font-size: 24px; } 
 .sub_page.philosophy .bg#ani02 .txt-box h2 { font-size: 24px; } 
 .str-view .pc_ver { display: none; } 
 .str-view .mobile_ver { display: block; } 
 #trigger01, .business-content03 { height:calc(100vh - 55px); } 
 .business-content02 h2 { font-size: 30px; } 
 #business-slide { padding-top: 120px; } 
 #business-slide .swiper-slide { width:initial; } 
 #business-slide .swiper-slide:nth-child(2n) { transform: translateY(-60px); } 
 #business-slide h3 { font-size: 15px; } 
 .ham-menu { height: 100vh; padding: 40px 30px; } 
 .menu-wrap { padding-top: 8vh; flex-wrap: wrap; height: 100vh; overflow-y: auto; padding-bottom: 20vh; } 
 .menu-wrap .menu-col { width: 100%; margin-right: 0; } 
 .menu-wrap .menu-col h2 { height: auto; } 
 .menu-wrap .menu-col ul { padding-left: 10px; background-color: rgba(255, 255, 255, 0.1); padding: 20px; border-radius: 10px; } 
 .philosophy-content02 .box-wrap { flex-wrap: wrap; padding: 0 15%; } 
 .philosophy-content02 .box-wrap .box { margin-right: 0; width: 100%; margin-bottom: 30px; } 
 .philosophy-content02 .box-wrap .box .img-box svg { margin-left: auto; margin-right: auto; } 
 .philosophy-content03 p { font-size: 18px; } 
 .history-content01 .tab-con-wrap .circle-wrap { flex-wrap: wrap; } 
 .history-content01 .tab-con-wrap .circle-wrap .circle-box { width: calc(50% - 40px); height: 0; margin-right: 40px; padding-bottom: calc(50% - 40px); margin-bottom: 40px; } 
.history-content01 .tab-con-wrap .circle-wrap .circle-box:nth-child(2n) { margin-right: 0; } 
.history-content01 .tab-con-wrap .circle-wrap .circle-box:nth-child(2):after { right: 50%; transform: translateX(50%) rotate(90deg); top: initial; bottom: -50px; transform-origin: center center; } 
.history-content01 .tab-con-wrap .circle-wrap .circle-box:nth-child(3) { order: 4; margin-right: 0 !important; } 
.history-content01 .tab-con-wrap .circle-wrap .circle-box:nth-child(3):after { right: initial; left: -25px; transform: rotate(180deg); transform-origin: center center; top: 30%; } 
.history-content01 .tab-con-wrap .circle-wrap .circle-box:nth-child(4) { order: 3; margin-right: 40px; } 
.history-content01 .tab-con-wrap .circle-wrap .circle-box h2 { font-size: 14px; } 
.story-wrap .story-flex { flex-direction: column; } 
.story-wrap .story-flex .story-left { padding-right: 0; margin: 0 auto; width: 80%; } 
.story-wrap .story-flex .story-right { width: 100%; margin-top: 50px; padding-right: 0; } 
.story-wrap .story-flex:nth-child(2n) .story-right { padding-right: 0; } 
.story-wrap:before { display: none; } 
.story-wrap .story-flex .story-right .indicator-wrap { display: none; } 
.story-wrap .story-flex .story-right h2 { text-align: center; font-size: 32px; } 
.global-content01 .title-box { margin: 0; flex-wrap: wrap; } 
.global-content01 .title-box h2 { width: 100%; margin-bottom: 20px; } 
.global-content01 .title-box p { width: 100%; font-size: 15px; } 
.font20 { font-size: 18px; } 
.corp01-content01 p { font-size: 18px; } 
.sub_banner_wrap .sub_banner { padding-bottom: 0; height: 201px !important; } 
.sub_banner_wrap .sub_banner .inner { padding-left: 15px; padding-right: 15px; top:77px !important; transform: translateY(0); } 
.sub_banner_wrap .sub_banner .inner ul { margin-bottom: 20px; } 
.sub_banner_wrap .sub_banner .inner .banner_text span { font-size: 12px; } 
.suv-nav-wrap { display: none; } 
.x-ray-grid-content05 .wrap .box-wrap .box-padding { padding: 65px 15px 30px; } 
.x-ray-grid-content05 .wrap .box-wrap .box-title h2 { font-size: 38px; } 
.double_title { font-size: 28px !important; } 
.title-flex p { font-size: 18px; } 
.x-ray-grid-content01 h3 { font-size: 32px; margin-top: 20px; margin-bottom: 50px; } 
.x-ray-grid-content01 p { font-size: 15px; } 
.x-ray-grid-content02 h3 { font-size: 18px; } 
.x-ray-grid-content03 .double_title { font-size: 32px; } 
.x-ray-grid-content03 h3 { font-size: 22px; margin-top: 20px; } 
.x-ray-grid-content03 p { font-size: 20px; } 
.image-system-content01 .flex { flex-direction: column; } 
.image-system-content01 .flex .list-title { width: 100%; margin-right: 0; margin-bottom: 30px; padding-top: 0; position: static; } 
.trading .image-system-content01 .flex .list-title { padding-top: 0; } 
.image-system-content01 .flex .list-img { width: 100%; } 
.image-system-content01 .flex .list-img .box-wrap .box { padding: 15px; } 
.image-system-content01 .flex .list-img .box-wrap .box img { height: 150px; } 
.image-system-content01 .flex .list-img .box-wrap .box p { margin-top: 10px; font-size: 14px; } 
.image-system-content01 .flex .list-title h2 { font-size: 28px; margin-bottom: 0px; } 
.image-system-view-content03 h3 { font-size: 42px; } 
.image-system-view-content06 .circle-wrap .circle-box div p { font-size: 18px; } 
.image-system-view-content02 .txt-box h3 { font-size: 24px; } 
.image-system-view-content02 .txt-box h4 { font-size: 18px; } 
.image-system-view-content02 .circle-wrap .circle-box { border-width: 2px; } 
.image-system-view-content02 .circle-wrap .circle-box:nth-child(2) { margin: 0 -10px; } 
.image-system-view-content02 .circle-wrap .circle-box h3 { font-size: 12px; } 
.image-system-view-content02 .circle-wrap .circle-box h3:after { width: 45px; } 
.image-system-view-content03 h3 { font-size: 22px; } 
.image-system-view-content09 .wrap { flex-wrap: wrap; } 
.image-system-view-content09 .wrap .box { width: 100%; margin-right: 0; margin-bottom: 30px; } 
.image-system-view-content09 .wrap .box img { width: 100%; } 
.image-system-view-content06 .circle-wrap { margin: 0 15%; } 
.image-system-view-content06 .circle-wrap .circle-box { width:100%; padding-bottom: 100%; } 
.image-system-view-content06 .circle-wrap .circle-box:nth-child(2) { margin: -50px 0; } 
.image-system-view .content .wrap { flex-wrap: wrap; } 
.image-system-view-content07 .wrap .txt-box { width: 100%; } 
.image-system-view-content07 .wrap .txt-box ul { position: static; transform: none; } 
.image-system-view-content07 .wrap .img-box { width: 100%; margin: 30px 0; } 
.image-system-view-content08 .wrap ul { width: 100%; } 
.image-system-view-content08 .wrap ul:first-child { margin-right: 0; margin-bottom: 30px; } 
.image-system-view-content04 .img-wrap img { margin-right: 10px; width:calc((100% - 20px) / 3); } 
.image-system-view-content11 .wrap .box { width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 20px; } 
.image-system-view-content11 .wrap .box:nth-child(2n) { margin-right: 0; } 
.view-content01 .prd-img .swiper-slide img { height: 260px; } 
.slide-nav { height: 40px; } 
.slide-nav div { width: 40px; background-size: 10px; } 
.view-content01 .prd-txt .prd-title h2, .prd-title h2 { font-size: 28px; } 
.inner-title { font-size: 26px; margin-bottom: 30px; } 
.view-content02 ul li p { font-size: 16px; } 
.view-content03 .config-row { flex-wrap: wrap; } 
.config-row .config-img { width: 100%; } 
.config-row .config-txt { width: 100%; padding-left: 0; margin-top: 20px; } 
.view-content04 .table-wrap table tbody th, .view-content04 .table-wrap table tbody td { font-size: 12px; } 
.view-content05 .upgrade-row { flex-wrap: wrap; } 
.view-content05 .upgrade-row .upgrade-img { width: 100%; margin-right: 0; margin-bottom: 30px; } 
.view-content05 .upgrade-row .upgrade-txt { width: 100%; } 
.config-row .config-txt ul { margin-left: 0; margin-top: 20px; } 
.config-row .config-txt ul li { font-size: 14px; } 
.recruit01-content01 h2, .recruit02 .recruit01-content01 h2, .corp h2 { font-size: 32px; } 
.recruit01 p { font-size: 16px; } 
.recruit01-content03 .box-wrap .left-wrap h4 { font-size: 32px; } 
.recruit02-content02 .wrap { flex-wrap: wrap; } 
.recruit02-content02 .wrap .box { width: 65%; margin-right: 0; margin-bottom: 50px; margin: 0 auto; margin-bottom: 80px; } 
.recruit02-content02 .wrap .box:after { right: 50%; top: inherit; bottom: -60px; transform: translateX(50%) rotate(90deg); } 
.recruit02-content02 .wrap .box:last-child { margin-right: auto; } 
.recruit02-content04 .wrap { flex-wrap: wrap; } 
.recruit02-content04 .wrap .box { width: 100%; } 
.recruit02-content04 .wrap .box:first-child { margin-bottom: 50px; } 
.recruit02-content04 .wrap .box h3 { font-size: 22px; margin-bottom: 30px; } 
.recruit02-content04 .wrap .box:after { display: none; } 
.recruit02-content03 .wrap { flex-wrap: wrap; padding:0; } 
.recruit02-content03 .wrap .box { width: 100%; margin-right: 0; margin-bottom: 30px; } 
.sub_page .bg .txt-box { padding: 0 3%; } 
.font30 { font-size: 18px; } 
.x-ray-grid-view-content04 .circle-wrap .circle-box p { font-size: 16px; } 
.x-ray-grid-view-content05 .wrap { padding: 0 15px; flex-wrap: wrap; } 
.x-ray-grid-view-content05 .wrap .box { width: 100%; margin-right: 0; margin-bottom: 30px; height: auto; } 
.x-ray-grid-view-content06 h4 { font-size: 22px; } 
.x-ray-grid-view-content09 .bg-gray { padding: 90px 30px 105px; } 
.x-ray-grid-view-content09 h3 { font-size: 24px; } 
.x-ray-grid-view-content09 h4 { font-size: 18px; } 
.x-ray-grid-view-content09 .img-wrap .box p { font-size: 14px; } 
.depth03-wrap ul li a { font-size: 12px; line-height: 1.2; } 
.solution-content03 .box-wrap { flex-wrap: wrap; } 
.solution-content03 .box-wrap .box { width: calc(100% / 4); margin-bottom: 20px; } 
.solution-content03 .box-wrap .box img { margin-left: auto; margin-right: auto; } 
.solution-content03 .box-wrap .box p { margin-top: 5px; } 
.view-content08 .box-row .box-txt { margin-left: 20px; width: calc(50% - 20px); } 
.view-content08 .box-row .box-txt h4 { font-size: 18px; margin-bottom: 20px; } 
 .view-content08 .box-row .box-txt p { font-size: 16px; margin-bottom: 10px; } 
 .solution-content05 .box-wrap { flex-wrap: wrap; } 
 .solution-content05 .box-wrap .box:nth-child(2n) { margin-right: 0; } 
 .solution-content05 h4 { font-size: 20px; } 
 .solution-content05 .box p { font-size: 14px; margin-top: 10px; } 
 .str-view01.con-bg { height: auto; } 
 .str-view01.con-bg .con-txt { position: static; transform: none; } 
 .str-view .flex { flex-wrap: wrap; } 
 .flex.grid2 div { width: 100%; } 
.str-view01 .grid2 div:last-child { padding-left: 0; padding-top: 50px; padding-bottom: 100px; } 
.animal-content .inner>h3 { font-size: 16px; } 
.animal-content01.detail_img p { font-size: 30px; } 
.animal-content02 .inner p, .animal-content .inner p { font-size: 14px; } 
.animal-content05 .box_wrap ul.top li .explain p:first-child { font-size: 25px; line-height: 1.2; } 
.animal-content05 .box_wrap ul.top li img { width: 130px; height: 130px; } 
.animal-content05 .box_wrap ul.bottom { flex-direction: column; align-items: center; gap: 25px; } 
.animal-content05 .box_wrap ul.bottom li p { font-size: 20px !important; } 
.animal-content05 .flex.box_add .txt-box p { font-size: 18px; } 
.animal-content05 .box_wrap ul.top li { gap: 40px; } 
.animal-content05 .box_wrap > p { font-size: 20px !important; } 
.animal-content05 .flex.box_add { height: 350px; } 
.str-view .table-wrap table th, .str-view .table-wrap table td { font-size: 12px; } 
.str-view02 .flex .box { margin-right: 0px; margin-bottom: 20px; } 
.str-view .flex.grid4 .box { margin-right: 20px; width: calc(50% - 20px); } 
.str-view .flex.grid4 .box:nth-child(2n) { margin-right: 0; } 
.str-view04 .flex .box { margin-right: 0; margin-bottom: 30px; } 
.str-view03 .flex .box { margin-right: 0; margin-bottom: 50px; } 
.animal-content02 .img-desc { bottom: 20px; padding: 30px 20px; } 
.animal-content02 .img-desc p { font-size: 14px; } 
.animal-title h3 { font-size: 22px; } 
.animal-content05 .box_wrap ul.top li { padding: 48px 50px; } 
.hor-txt { margin-top: 70px; margin-bottom: 70px; } 
.hor-txt span { font-size: 14px; } 
.animal-content02 .inner h4 { font-size: 22px; margin-bottom: 20px; } 
.animal-content .inner h4 { font-size: 16px; margin-bottom: 20px; } 
.animal-title { margin-top: 100px; } 
.animal-content04 .flex { flex-wrap: wrap; } 
.animal-content04 .flex .txt-box, .animal-content04 .flex .img-box { width: 100%; } 
.animal-content04 .flex div:last-child { margin-top: 50px; } 

.corp01-content02 h3 { margin-bottom: 50px; } 
.corp01-content02 .flex { flex-wrap: wrap; } 
.corp01-content02 .box { width: 100%; margin-right: 0; margin-bottom: 15px; display:flex; flex-wrap: wrap; align-items: center; } 
.corp01-content02 .box:last-child { margin-bottom: 0; } 
.corp01-content02 .box .icon { margin-bottom: 0; width: 35%; } 
.corp01-content02 .box .desc { margin-bottom: 0; width: 65%; padding-left: 20px; } 
.corp01-content02 .box h4 { font-size: 15px; margin-bottom: 10px; height: auto; } 
.corp01-content02 .box p { font-size: 13px; height: auto; } 
.corp01-content02 .box .img { width: 100%; margin-top: 30px; } 
.corp02-content02 .box { width:100%; margin-right: 0; } 
.corp02-content02 .box .icon { margin-right: 40px; width: 80px; } 
.corp02-content02 .box .desc { width: calc(100% - 120px); } 
.cert-content01 .cert-wrap .box .desc h3 { font-size: 14px; margin-bottom: 2px; } 
.cert-content01 .cert-wrap .box .desc p { font-size: 12px; } 
.container { padding: 0 15px; } 
.corp03-content02 .wrap { padding: 0 30px; } 
.corp04-content02 .flex .txt-box { padding-left: 20px; } 
.corp04-content02 .flex.row-reverse .txt-box { padding-right: 20px; } 
.corp04-content02 .flex .txt-box h3 { font-size: 20px; margin-bottom: 15px; } 
.corp04-content02 .flex .txt-box p { font-size: 13px; } 
.trading-content02 h3 { font-size: 32px; margin-bottom: 50px; } 
.trading-content02 h4 { font-size: 26px; margin-bottom: 20px; } 
.trading-content02 ul li { font-size: 16px; margin-bottom: 12px; } 
.date-wrap table thead tr th { font-size: 10px; } 
.date-wrap table tbody tr td { font-size: 10px; padding: 15px 3px; } 
.date-wrap table tbody tr td._gallery img { width: 20px; } 
.exhibition-content01 .date-year select { height: 35px; font-size: 13px; } 
.news-row a { flex-wrap: wrap; padding:20px; } 
.news-row .news-img { width: 100%; margin-right: 0; margin-bottom: 15px; } 
.news-row .news-img.default { height: 0; padding-bottom: 60%; } 
.news-row .news-desc { width: calc(100% - 50px - 30px); } 
.news-row .news-desc h3 { font-size: 18px; } 
.news-row .news-desc p { font-size: 13px; height: 60px; } 
.news-row .news-desc h6 { font-size: 12px; } 
.news-content01 .news-info { flex-wrap: wrap; } 
.total-view { width: 100%; } 
.search-wrap { width: 100%; margin-top: 10px; } 
.search-box .input-box, .video-content01 .search-box .input-box { width: calc(100% - 130px); } 
.view-title h3 { font-size: 18px; margin-bottom: 15px; } 
.view-info { height:36px; } 
.view-info .left-wrap img { height: 15px; } 
.view-info .left-wrap span { font-size: 12px; } 
.view-info .right-wrap div { width:34px; height: 34px; } 
.view-file { padding: 12px 5px; } 
.view-file p { font-size: 14px; } 
.view-file a { font-size: 14px; } 
.list-btn { max-width: 140px; } 
.list-btn a { line-height: 45px; font-size: 16px; } 
.article-wrap .article-row a { padding: 20px; } 
.article-wrap .article-row .article-arrow { width:80px; margin-right: 0; } 
.article-wrap .article-row .article-arrow span { margin-left: 10px; font-size: 14px; } 
.article-wrap .article-row .article-title { width: calc(100% - 180px); font-size: 13px; margin-right: 20px; } 
.article-wrap .article-row .article-date { font-size: 13px; width: 80px; } 
.video-content01 .video-wrap .box { width: 100%; margin-right: 0; margin-bottom: 30px; } 
.video-content01 .video-wrap .box .desc span { font-size: 12px; } 
.video-content01 .video-wrap .box .desc h3 { font-size: 16px; margin-top: 5px; margin-bottom: 20px; } 
.video-content01 .video-wrap .box .desc h6 { font-size: 12px; } 
.search-box select, .search-box .input-box input { font-size: 14px; } 
.privacy-popup .inner { max-width: 90%; height:65vh; border-radius: 20px; } 
.privacy-popup .inner .title-area { height: 50px; border-radius: 20px 20px 0 0; } 
.privacy-popup .inner .title-area h2 { line-height: 50px; font-size: 16px; } 
.privacy-popup .inner .title-area .close-btn { right:20px; top:12px; width: 30px; height: 30px; } 
.privacy-popup .inner .desc-area { height: calc(100% - 50px); border-radius: 0 0 20px 20px; padding:30px 20px; } 
.privacy-popup .inner .desc-area p { font-size:12px; } 
.privacy-popup .inner .desc-area .table-wrap table tr th, .privacy-popup .inner .desc-area .table-wrap table tr td { font-size: 11px; } 
.footer .footer-top .right-wrap .agree-box { flex-wrap: wrap; width: 100% } 
.agree-box .chk-box { margin-right: 0; margin-bottom: 15px; width: 100%; } 
.footer .footer-top .right-wrap .agree-wrap .view-box { width:100%; } 
.image-system-content01 { padding-top: 60px; padding-bottom: 60px; } 
.footer .footer-bottom .address-wrap p { font-size: 12px; } 
.rnd01-content01 .text-box h4 { font-size: 16px; } 
.rnd01-content01 .text-box h3 { font-size: 28px; } 
.rnd01-content02, .rnd01-content04, .rnd01-content05, .rnd02-content05 { padding: 60px 20px 100px; } 
.rnd01-content02 h3, .rnd01-content04 h3, .rnd01-content05 h3, .rnd02-content03 h3 { font-size: 22px; margin-bottom: 20px; } 
.rnd01-content02 p, .rnd01-content03 p { font-size: 14px; } 
.rnd01-content04 > h4, .rnd01-content05 .img-box + h4 { font-size: 22px; } 
.rnd01-content05 .img-box + h4 + h4 { margin-top: 80px; font-size: 22px; } 
.rnd01-content05 img + h4 { margin-top: 50px; font-size: 22px; } 
.rnd01-content06 h3 { font-size: 24px; } 
.rnd01-content03 ul li:nth-child(2n) { margin-right: 0; } 
.rnd01-content05 ul li { width: 100%; margin-right: 0; } 
.rnd01-content06 ul li h4 { font-size: 18px; } 
.rnd01-content06 ul li p { font-size: 14px; } 
.rnd02-content02 h3 { font-size: 22px; } 
.rnd02-content02 h4 { font-size: 18px; } 
.rnd02-content03 p { font-size: 16px; } 
.rnd02-content03 { padding: 60px 20px; } 
.rnd01-content01 .banner-box, .rnd02-content01 .banner-box { height: 260px; } 
.rnd02-content04 h3 { font-size: 22px; } 
.rnd02-content04 ul li { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 60px 30px; } 
.rnd02-content04 ul + h4 { margin-top: 60px; font-size: 24px; } 
.rnd02-content04 h5 { margin-bottom: 20px; font-size: 20px; } 
 .rnd02-content04 p { font-size: 15px; } 
 .rnd02-content05 h3 { margin-bottom: 30px; font-size: 24px; } 
 .rnd02-content05 p { margin-top: 30px; font-size: 16px; } 
 .rnd02-content06 ul li { width: calc(50% - 20px); margin-right: 20px; margin-bottom: 20px; vertical-align: top; } 
 .rnd02-content06 ul li:nth-child(2n) { margin-right: 0; } 
 .rnd02-content06 ul li h4 { margin-top: 15px; font-size: 20px; } 
 .depth-wrap ul.flex-wrap li { width:50%; } 
 .depth03-wrap ul li:nth-child(odd):before { content: ''; display: block; width: 1px; height: 12px; background-color: #707070; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); } 
 .view-content09 .box02 h4 { font-size: 23px; } 
 .view-content11 ul { gap: 30px; justify-content: center; } 
.view-content11 ul li { width: 80%; } 

.global-content02 { padding-left: 0; padding-right: 0; } 
.global-content02 .wrap .right-wrap .box-wrap .box { padding-left: 15px; padding-right: 15px; } 
.global-content02 .box-con-wrap li { width: 100%; } 
.global-content02 .box-con-wrap li:last-child { margin-top: 30px; padding-left: 0; } 
.global-content02 .bottom-wrap > div { width: 100%; } 
.global-content02 .bottom-wrap > div:first-child { margin-bottom: 30px; border:none; border-bottom:2px solid #fff } 
.global-content02 .bottom-wrap > div:last-child { padding-left: 0; } 
.global-content02 .wrap .right-wrap .box-wrap .box .box-title h4 b { font-size: 24px; } 
.global-content02 .wrap .right-wrap .box-wrap h5 { font-size: 20px; } 
.global-content02 h6 { font-size: 18px; } 
.global-content02 .wrap .right-wrap .box-wrap .box .box-con-row p { font-size: 15px; } 
.global-content02 .box-con-wrap li:first-child + li { padding-left: 0; } 

.grid-02 { grid-template-columns: 1fr; } 
.grid-03 { grid-template-columns: 1fr; } 

/* 시스템 제품 수정작업 (idx=19) */
.dre-section04 .flex { flex-wrap: wrap; }
.dre-section04 .flex .left-box { width: 100%; }
.dre-section04 .flex .right-box { width: 100%; }
.dre-section06 .flex .box { width: 100%; margin-right: 0; }
.dre-section06 .flex .box .img-box img { width: 100%; }


 }



@media all and (max-width : 640px){
 .main-banner { padding-top: 55px; } 
 #main-wrap .main-slide .banner-text { top: 50%; padding: 0 30px; font-size: 0; } 
 #main-wrap .main-slide .banner-text h2 { font-size: 18px; display: inline-block; vertical-align: top; } 
 .slide-arrow { display: none; } 
 .slide-arrow div { width: 40px; height: 40px; } 
 
.view-box { width: 180px; } 
 #main-wrap .main-slide .view-box a { line-height: 40px; } 
 #main-wrap .swiper-pagination { width: 85vw; } 
#main-wrap .swiper-pagination .swiper-pagination-bullet:before { width: 8px; height: 8px; left:calc(50% - 2px); top: 3px } 
#main-wrap .swiper-pagination .swiper-pagination-bullet-active:after { width: 30px; height:30px; top: -8px; left: calc(50% - 2px); } 
#main-wrap .swiper-pagination .swiper-pagination-bullet p { font-size: 10px; } 
#main-wrap .main-slide .view-box { margin-top: 30px; } 
.play-btn-wrap { bottom: 25vh; } 
.time-circle { width: 40px; height: 40px; } 
.main-contents02 .flex .box .txt-box { top: calc(50% - 42px); } 
.main-contents03 .flex .left-wrap h3 { font-size: 16px; margin-bottom: 2.4vh; } 
.main-contents03 .flex .left-wrap h2 { font-size: 28px; margin-bottom: 3vh; } 
.main-contents03 .flex .left-wrap p { font-size: 16px; line-height: 1.5; } 
.main-contents03 .view-box { width: 180px; } 
.footer .footer-top h2 { font-size: 30px; margin-bottom: 20px; } 
.form-row { flex-wrap: wrap; } 
.form-row .form-box { width: 100%; margin-right: 0; margin-bottom: 30px; } 
.footer .footer-bottom .address-wrap { margin-bottom: 15px; } 
.footer .footer-bottom .sns-wrap { width: auto; } 
.footer .footer-bottom .sns-wrap a { margin-right: 20px; } 
.footer .footer-bottom .sns-wrap a img { width: 40px; } 

.hd_container { padding: 0 15px; } 
header .console-box ul { display:none; } 
header .logo_box img { height: 20px; } 
.m_menu_btn { padding-right: 0; } 
.sub_banner_wrap.white { margin-top: 0; } 
.sub_banner_wrap.white .sub_banner { height: 204px; } 
.sub_banner_wrap.white .sub_banner .inner { padding-left: 15px; padding-right: 15px; top: 77px; } 
.sub_banner_wrap.white .sub_banner .inner ul { margin-bottom: 40px; } 
.sub_banner_wrap .sub_banner .inner ul li a { font-size: 12px; } 
.sub_banner_wrap .sub_banner .inner .banner_text h2 { font-size: 28px; } 
.business-content02 h2 { font-size: 22px; } 
.business-content02 p { font-size: 14px; } 
.philosophy-content03 p { font-size: 16px; } 
.his-wrap .his-row .his-year h2 { font-size: 36px; } 
 .his-wrap .his-row .his-con .his-con-row h3 { font-size: 24px; width: 40px; margin-right: 35px; } 
 .his-wrap .his-row .his-con .his-con-row h3:after { width: 20px; right: -20px; } 
 .his-wrap .his-row .his-con .his-con-row p { font-size: 14px; width: calc(100% - 75px); } 
 .history-content01 .tab-list-wrap .tab-list { border-width: 2px !important; } 
 .history-content01 .tab-list-wrap .tab-list p { font-size: 18px; line-height: 45px; } 
 .sub_page.history { padding: 30px 0 80px; } 
 .sub_page.global { padding-top: 30px; } 
 .product .content:first-child { padding-top: 30px; } 
 .x-ray-grid-content04 { padding-top: 20vh; padding-bottom: 20vh; } 
 .x-ray-grid-content04 .container { height: 100%; display: flex; align-items: center; } 
 .recruit01-content01 { padding-top: 30px; padding-bottom: 60px; } 
 .x-ray-grid-content01 h3 { font-size: 24px; } 
 .double_title { font-size: 24px !important; } 
 .x-ray-grid-content02 h3 { font-size: 16px; } 
 .x-ray-grid-content03 h3 { font-size: 18px; } 
 .x-ray-grid-content03 p { font-size: 18px; } 
 .title-flex p { font-size: 16px; margin-top: 10px !important; text-align: center; } 
 .image-system-view-content11 .wrap .box h4 { font-size: 15px; } 
 .image-system-view-content01 p { font-size: 16px; } 
 .image-system-view-content01 p:after { width: 85%; } 
 .btn-wrap .down-btn { width: 50%; } 
.btn-wrap .down-btn:first-child { margin-right: 10px; } 
.btn-wrap .down-btn a { font-size: 12px; line-height: 42px; } 
.view-content06 .grid3 div { width: calc((100% - 40px) / 3); margin-right: 20px; } 
.view-content06 .grid3.after div:after { width:1px; right:-10px; } 
.view-content06 .grid3 div p { font-size: 14px; } 
.view-content07 .txt-wrap p { font-size: 15px; } 
.recruit01-content01 h2, .recruit02 .recruit01-content01 h2 { font-size: 24px; padding: 0 15px; margin-bottom: 0; } 
.corp h2 { font-size: 20px; margin-bottom: 30px; } 
.recruit01-content02 .flex { flex-direction: column; } 
.recruit01-content02 .box { width: 100%; margin-right: 0; margin-bottom: 50px; } 
.recruit01-content03 .box-wrap { flex-wrap: wrap; } 
.recruit01-content03 .box-wrap .left-wrap { width: 100%; margin-bottom: 30px; } 
.recruit01-content03 .box-wrap .right-wrap { width: 100%; } 
.recruit02-content05 .table-wrap ._title { width: 40%; } 
.recruit02-content05 .table-wrap .table-bottom .table-row li { font-size: 12px; } 
.recruit02-content05 .table-wrap ._etc { width: 20%; } 
#dday { font-size: 12px; } 
#dateRange { font-size: 12px; } 
.recruit02 h2 { font-size: 24px; margin-bottom: 30px; } 
.view-content05 .upgrade-row .upgrade-txt p { font-size: 15px; } 
.x-ray-grid-view-content09 h3 { font-size: 20px; } 
.x-ray-grid-view-content09 h4 { font-size: 15px; padding: 0 6vw; } 
.x-ray-grid-view-content09 .bg-gray .box-wrap:last-child h4:before, .x-ray-grid-view-content09 .bg-gray .box-wrap:last-child h4:after, .x-ray-grid-view-content09 h4:before, .x-ray-grid-view-content09 h4:after { width: 6vw; } 
.table-title-flex { align-items: flex-start; flex-direction: column; } 
.config-row .config-txt .config-title span { font-size: 12px; } 
.config-row .config-txt h4 { font-size: 16px; } 
.depth04-wrap li a { line-height: 36px; font-size: 13px; } 
.solution-content03 .box-wrap .box { padding: 0 2%; } 
.solution-content03 .box-wrap .box p { font-size: 12px; line-height: 1.2; } 
.inner-p { font-size: 16px; margin-bottom: 70px; } 
.view-content08 .box-row { flex-wrap: wrap; } 
.view-content08 .box-row .box-img { width: 100%; } 
.view-content08 .box-row .box-txt { width: 100%; margin-left: 0; margin-top: 30px; } 
.inner-title { font-size: 22px; } 
.solution-content04 .box-wrap { flex-wrap: wrap; } 
.solution-content04 .box-wrap .box { width: 100%; margin-right: 0; margin-bottom: 20px; } 
.recruit01 .title-box { margin-bottom: 30px; } 
.recruit01-content02 .flex { padding: 0 15%; } 
.recruit01 h3 { font-size: 24px; } 
.animal-content05 .flex { flex-wrap: wrap; } 
.animal-content05 .flex > div { width: 100% !important; } 
.animal-content05 .flex > div:last-child { width: 100%; padding-left: 0; padding-top: 50px; } 
.f24 { font-size: 18px !important; } 
.f16 { font-size: 14px !important; } 
.animal-content02 .inner p, .animal-content .inner p { margin-bottom: 30px; } 
.animal-content05 .flex .box { margin-bottom: 15px; } 
.animal-content05 .flex .txt-box { padding-left: 0; } 
.animal-content05 .flex.box_add .txt-box { right: 0; margin-right: 20px; text-align: right; } 
.corp01-content01 p { font-size: 15px; margin-top: 50px; } 
.corp01-content02 h3 { margin-bottom: 30px; } 
.cert .content { padding: 50px 0; } 
.cert h2 { font-size: 26px; } 
.cert-content01 .cert-wrap { margin-top: 25px; } 
.cert-content02 .cert-wrap { margin-top: 25px; } 
.cert-content02 .cert-row .img { margin-right: 20px; } 
.pagination-box { margin-top: 55px; } 
.pagination-box a { line-height: 25px; } 
.pagination-box .num_list a { font-size: 15px; padding: 0 8px; line-height: 26px; } 
.corp03-content01 h2, .corp04-content01 h2 { font-size: 16px !important; padding: 0 15px; } 
.corp h3 { font-size: 26px; } 
.corp03-content02 h3 { margin-bottom: 35px; } 
.corp04-content01 { height: 320px; } 
.corp04-content02 .flex { flex-wrap:wrap; } 
.corp04-content02 .flex .img-box { width: 100%; } 
.corp04-content02 .flex .txt-box { width: 100%; padding-left: 0; padding-top: 30px; } 
.corp04-content02 .flex.row-reverse .txt-box { padding-right: 0px; padding-top: 30px; } 
.trading-content02 h3 { font-size: 24px; } 
.trading-content02 h4 { font-size: 20px; margin-bottom: 10px; } 
.trading-content02 ul li { font-size: 13px; } 
.table-wrap table tbody td, .table-wrap table tbody th { font-size: 12px; } 
.util-wrap { flex-wrap: wrap; } 
.util-wrap > div:first-child { margin-right: 0px; margin-bottom: 15px; } 
.promotion h2 { font-size: 24px; margin-bottom: 30px; } 
.rnd01-content04 > h4, .rnd01-content05 .img-box + h4 { font-size: 18px; } 
.rnd01-content06 ul li { width: 100%; margin-right: 0; margin-bottom: 20px; } 
.rnd01-content06 ul li:nth-child(n+3) { margin-top: 0; } 
.rnd01-content01 .text-box h3 { font-size: 20px; } 
.rnd02-content06 ul li h4 { font-size: 16px; height: 60px; } 
.rnd01-content02 h3, .rnd01-content04 h3, .rnd01-content05 h3, .rnd02-content03 h3 { font-size: 18px; } 
.x-ray-grid-view-content01 .wrap .left-wrap .down-btn a { width: 100% } 
.x-ray-grid-view-content01 .wrap .left-wrap .down-btn a:first-child { margin-right: 0; margin-bottom: 15px } 
.view-content08_1 .box01 p { margin-bottom: 30px; } 
.view-content08_1 .box02 div > p { font-size: 16px; } 
.view-content08_1 .box02 div > p span { font-size: 18px; } 
.view-content08_1 .box02 ul { gap: 20px; flex-direction: column; } 
.view-content08_1 .box02 ul li { width: 100%; } 
.view-content08_1 .box02 ul li p { font-size: 18px; } 
.view-content08_1 .box02 ul li img { width: 70%; } 
.view-content08_1 .box03 p { font-size: 16px; } 
.view-content08_1 .box03 p span { font-size: 18px; } 
.view-content08_1 .box03 ul { flex-wrap: wrap; gap: 10px; } 
.view-content08_1 .box03 ul li { width: calc(50% - 5px); } 
.view-content09 .box01 ul li { font-size: 16px; } 
.view-content09 .box02 h4 { font-size: 20px; } 
 .view-content09 .box02 ul.color { gap: 10px; } 
 .view-content09 .box02 ul.graph { flex-direction: column; gap: 30px; } 
 .view-content09 .box02 ul.graph li img { width: 80%; } 
 .view-content09 .box02 ul.graph li p { font-size: 16px; margin-top: 0; } 
 .menu-top .logo-box img { height: 25px; }
 }

 @media all and (max-width : 500px) { header { height: 60px; } 
 .str-view .mobile_ver img { width: 100%; } 
 .str-view .mobile_ver .content { padding-top: 20px; } 
 .str-view .mobile_ver .content > li { width: 100%; } 
 .str-view .mobile_ver .content li ul { padding: 5px 15px; } 
 .str-view .mobile_ver .content li p { padding: 5px 10px; font-size: 16px; } 
 .animal-content01.detail_img p { font-size: 25px; } 
 .animal-content05 .box_wrap ul.top li { flex-direction: column; gap: 20px; padding: 30px 50px; } 
 .animal-content05 .box_wrap ul.bottom li { width: 100%; } 
 .view-content11 ul li .top_txt p:first-child { font-size: 20px; } 
 .view-content11 ul li .top_txt p:nth-child(2) { font-size: 16px; } 
 .view-content11 ul li .bottom_txt p { font-size: 18px; } 
 .solution-content01 .box { width: 100%; } 
 .solution-content02 .box-wrap .box p { font-size: 14px; } 
}