@charset "UTF-8"; 


@media all and (max-width : 1800px) { 
 .pc_br { display: none; } 
 .main_content02_slide .item .title-box span { display: block; } 
 } 

 @media all and (max-width : 1780px) { 

 .esg01-content01 .left p { font-size: 20px; } 
 
 } 

@media all and (max-width : 1660px) { 
 
.br_pc { display: none; } 

 
 header .logo_box { width: 160px; } 
 header nav { width: calc(100% - 160px - 100px - 100px); margin-left: 100px; } 
 .hd_container { padding: 0 5vw; } 
 .container { padding-left: 5vw; padding-right: 5vw; } 
 .main_banner_slide .pagination { padding: 0 5vw; } 
.main_banner .scroll_icon { right: 5vw; } 
.main_content05 .bg-wrap { padding-left: 5vw; } 
.solution01-content02 .box-wrap .box { height: auto; } 
.solution01-content02 .box-wrap .box img { height: 40vh; object-fit: cover; } 
.form-row.esg_file .form-right input#question_file1 ~ label { display: block; } 
.form-row.esg_file .form-right h4 { margin-left: 0; margin-top: 10px; display: block; } 
 } 

 @media all and (max-width : 1600px) { 
 .main_content02_slide .item p { min-height: 75px; } 
 } 

@media all and (max-width : 1500px) { header nav>ul>li { margin-right: 50px; } 
 .sub_banner_wrap .sub_banner .inner { bottom: 30%; } 
 .lnb-wrap .container .depth-wrap .depth p { font-size: 15px; } 
 .view_content01 .flex .left { width: calc(50% - 60px); margin-right: 60px; } 
.view_content01 .flex .right { width: 50%; } 
 } 

@media all and (max-width : 1400px) { /* header */ 
 header nav { width: calc(100% - 160px - 100px - 80px); margin-left: 80px; } 
 header nav>ul>li { margin-right: 40px; } 
 header nav>ul>li>a { font-size: 14px; } 
 header nav .sub_navi ul { padding: 20px 0px; } 
 header nav .sub_navi li { margin-bottom: 20px; } 

 .main_content02_slide .item .title-box h3 { font-size: 24px; margin-right: 0; } 
 .main_content02_slide .item .title-box span { font-size: 14px; } 
 .main_content02_slide .item p { font-size: 14px; min-height: 65px; } 
 .main_content02_slide .item .img-box { margin-top: 5px; } 

 .index_page h2 { font-size: 30px; } 
 p { font-size: 14px; } 
 .sub_page .title-box p { font-size: 14px; } 
 .sub_page .title-box br { display: none; } 

 .main_content03_slide .item .video-thum p { font-size: 22px; } 
 .main_content04 .bg-wrap .right-box { padding-left: 50px; } 
 .main_content04 .bg-wrap .right-box .inner p { padding-right: 50px; } 
 .main_content04 .bg-wrap .right-box .inner .title-box { padding-bottom: 30px; } 
.main_content05_slide .item .cate-label { font-size: 13px; line-height: 28px; padding:0 10px; margin-bottom: 10px; } 
.main_content05_slide .item h3 { font-size: 20px; margin-bottom: 10px; } 

.view_content01 .flex .right h2 { font-size: 32px; } 
.view_content01 .flex .right .prd_txt p { font-size: 18px; } 

.solution01-content01 .right .inner h2 { font-size: 30px; margin-bottom: 20px; } 

.solution02-content01 .flex .right { padding-left: 6%; } 
.solution02-content01 .flex .right .inner { position: static; transform: none; } 

.about-content02 .flex .right { padding-left: 10%; } 
.about-content02 .flex .right ul li .txt-right { padding-left: 30px; } 

.esg01-content01 .left p { font-size: 20px; } 

.esg03-content02 .flex .box { padding: 55px 2%; } 
 } 



@media all and (max-width : 1300px) { header nav>ul>li.hover .sub_navi { top: 92px; } 
 .main_banner .main_banner_slide .item .inner_text h3 { font-size: 48px; } 
 .main_content05 .left-box .arrow-box div svg { width: 70px; height: 70px; } 

 footer .footer_inner { flex-wrap: wrap; } 
 footer .footer_inner ._left { width: 100%; margin-bottom: 30px; } 
 footer .footer_inner ._right { width: 100%; } 

 .sub_banner_wrap .sub_banner .inner .banner_text h3 { font-size: 20px; } 
 .sub_banner_wrap .sub_banner .inner .banner_text h2 { font-size: 42px; } 
 .sub_banner_wrap .sub_banner .inner .banner_text p { font-size: 18px; } 

 .lnb-wrap .container .depth-wrap .depth p { font-size: 12px; } 
 .lnb-wrap .container .depth-wrap .depth-col .depth-list { width: calc(100% + 100px); } 
 .lnb-wrap .container .depth-wrap .depth-col .depth-list li a { font-size: 12px; } 
 .lnb-wrap .container .depth-wrap .depth-col:nth-child(3) .depth-list li a { font-size: 12px; } 
.lnb-wrap .container .depth-wrap .depth-col#col03 .depth-list { left:initial; right: -1px; } 

.history-content02 .history-row .history-year h3 { font-size: 42px; } 
.history-content02 .history-row .history-con { padding-top: 15px; padding-left: 5%; } 

.esg-tab-list ul li a { padding: 18px 0; } 

.esg01-content01 .left { width: 45%; } 
.esg01-content01 .right { width: 55%; } 

.esg .container { padding-left: 10.85vw; padding-right: 10.85vw; } 
 } 




@media all and (max-width : 1200px) { /* header */ 
 header { padding: 20px 0; } 
 header .m_menu_btn { display: block; } 
 header .logo_box { width: 140px; } 
 .hd_container { padding: 0 30px; } 
 .hd_container>nav { display: none; } 
 header .hd_container .lang_box { display: none; } 

 .index_page h2 { font-size: 30px; } 
 .main_content02_slide .item { padding: 25px; } 
 .main_content02_slide .item .title-box h3 { font-size: 20px; } 
 .main_content02_slide .item .title-box span { font-size: 13px; } 
 .main_content02_slide .item p { font-size: 13px; } 

 .view-box.product-btn { width: 120px; } 
 .view-box span { font-size: 13px; } 

 .main_content04 .bg-wrap { flex-wrap: wrap; } 
 .main_content04 .bg-wrap .left-box { width: 100%; } 
 .main_content04 .bg-wrap .left-box img { width: 100%; object-fit: cover; } 
 .main_content04 .bg-wrap .right-box { width: 100%; height: 0; padding-bottom: 50%; } 
 .main_content06 { height: 35vh; padding-bottom: 0; } 
 .main_content06 .left-box { padding-top: 12vh; } 

 .lnb-wrap .container .home { padding:0; width: 60px; } 
 .lnb-wrap .container > div { height: 45px; line-height: 45px; } 
 .lnb-wrap .container .depth-wrap { width: calc(100% - 60px); } 
 .lnb-wrap .container .depth-wrap .depth-col { min-width: 180px; height: 45px; line-height: 45px; } 
 .lnb-wrap .container .depth-wrap .depth { height: 45px; line-height: 45px; } 
 .lnb-wrap .container .depth-wrap .depth-col .depth-list { top: 46px; } 

 .assembly .product_content03 .flex { flex-wrap: wrap; } 
 .assembly .product_content03 .flex .box { width: 100%; } 
 .assembly .product_content03 .flex .box:first-child { margin-bottom: 20px; } 

 .product_view_bigslide .item img {max-height: 300px;min-height: 300px;}
 .product_view .product_view_thumslide .swiper-wrapper .item { padding: 2.5%; } 
 .product_view .product_view_thumslide .swiper-wrapper .item img { } 

 .thermal-content02 .view-row .icon-wrap ul li { display: inline-block; vertical-align: top; margin-right: 30px; float: none; max-width: 100%; width: calc((100% - 60px) / 3); margin-bottom: 20px; } 
 .thermal-content02 .view-row .icon-wrap ul li:nth-child(3n) { margin-right: 0; } 

 .thermal-content02 .view-row .spec-wrap table thead tr td { font-size: 14px; } 
 .thermal-content02 .view-row .spec-wrap table td { font-size: 14px; } 

 .view_content01 .flex .right { padding-top: 50px; } 
 .view_content02 .application_slide .arrow-box div svg { width: 60px; height: 60px; } 
 .view_content03 .flex .box .box-img img { object-fit: cover; height: 17vh; } 

 .sub_page .h3_title { font-size: 20px; } 
 .solution01-content02 .box-wrap .box .box-txt .info-txt { flex-wrap: wrap; } 
 .solution01-content02 .box-wrap .box .box-txt .info-txt ._left { width:100%; } 
 .solution01-content02 .box-wrap .box .box-txt .info-txt ._right { width:100%; } 

 .about-content02 .flex { flex-wrap: wrap; } 
 .about-content02 .flex .left { width: 100%; } 
 .about-content02 .flex .right { width: 100%; padding-left: 0; margin-top: 50px; } 

 .manage-content01 .flex { flex-wrap: wrap; } 
 .manage-content01 .flex .left { width:100%; } 
 .manage-content01 .flex .right { width: 100%; margin-top: 50px; } 

 .global-content02 .box-wrap .box-row { flex-wrap: wrap; gap: 0; } 
 .global-content02 .box-wrap .box-row .box { width:100%; } 
 .global-content02 .box-wrap .box-row .box:first-child { margin-bottom: 20px; } 
 .global-content02 .box-wrap .box-row .box .box-title h3 { font-size: 20px; } 

 .esg03-content02 .flex { flex-wrap: wrap; } 
 .esg03-content02 .flex .box { width: 100%; margin-right: 0; margin-bottom: 30px; } 

 .ci-content01 .flex { flex-wrap: wrap; } 
 .ci-content01 .flex .left { width: 100%; padding-right: 0; margin-bottom: 50px; } 
 .ci-content01 .flex .right { width: 100%; } 
 .ci-content02 .flex .right { padding-left: 60px; } 

 .contact-content01 .flex { flex-wrap: wrap; flex-direction: column-reverse; } 
 .contact-content01 .flex .left { width: 100%; } 
 .contact-content01 .flex .right { width: 100%; padding-left: 0; margin-bottom: 50px; } 
 } 

@media all and (max-width : 991px) { 
 .mobile_br { display: block; } 

 .main_banner .main_banner_slide .item .inner_text h3 { font-size: 30px; line-height: 1.5; } 
 .main_content02_slide { overflow: hidden; } 
 .main_content02_slide .swiper-wrapper { flex-wrap: wrap; } 
.main_content02_slide .swiper-wrapper .item { width: 100% !important; margin-bottom: 30px; } 
.main_content02_slide .item:hover { transform: translateY(0px); transition: transform 0.3s; } 
.main_content05 .bg-wrap { flex-wrap: wrap; } 
.main_content05 .left-box { width: 100%; } 
 .main_content05 .left-box .arrow-box { display: flex; position: static; justify-content: flex-end; margin-bottom: 10px; } 
 .main_content05 .right-box { width: 100%; } 
 .main_content05 .left-box .arrow-box div svg { width: 50px; height: 50px; } 

 .sub_banner_wrap .sub_banner .inner { bottom: 80px; } 
.sub_banner_wrap .sub_banner .inner .banner_text h3 { font-size: 16px; } 
.sub_banner_wrap .sub_banner .inner .banner_text h2 { font-size: 30px; } 
.sub_banner_wrap .sub_banner .inner .banner_text p { font-size: 14px; } 

.sub_page .sub_title { font-size: 30px; } 
.history-content01 .bg-wrap .bg-title h3 { font-size:30px; } 
.product_content01 { padding: 60px 0; } 
.product_content01 .flex .left h2 { font-size: 30px; } 
.product_content01 .flex { flex-wrap: wrap; } 
.product_content01 .flex .left { width:100%; } 
.product_content01 .flex .right { width: 100%; margin-top: 20px; } 
.product_content01 .flex .right .box-wrap .box p { font-size: 15px; } 

.assembly .product_content03 .flex .box .box-icon h4 { font-size: 18px; } 
.assembly .product_content03 .flex .box .box-txt p { font-size: 14px; } 
.assembly .product_content03 .flex .box .box-icon { margin-right: 30px; } 
.assembly .product_content03 .flex .box .box-txt { width: calc(100% - 90px - 30px); } 

.product_content02 { overflow:initial; max-height: initial; } 
.thermal-content01 .product_list_slide .swiper-wrapper { flex-wrap: nowrap; } 
.thermal-content01 .product_list_slide .item { margin-bottom: 0px; } 
.thermal-content01 .product_list_slide .item .item-top { margin-bottom: 30px; } 
.thermal-content01 .product_list_slide .item .item-top h3 { height: 50px; } 
.thermal-content01 .product_list_slide .item .item-img { margin-bottom: 20px; } 
.thermal-content02 .view-row .icon-wrap ul li img { height: 50px; object-fit: contain; } 

.thermal-content02 .view-row .spec-wrap { overflow-x: auto; padding-bottom: 40px; } 
.thermal-content02 .view-row .spec-wrap table { width: 800px; } 
.thermal-content02 .view-row .spec-wrap::-webkit-scrollbar { width: 100%; height: 15px; } 
.thermal-content02 .view-row .spec-wrap::-webkit-scrollbar-thumb { background-color: #707070; border-radius: 10px; } 
.thermal-content02 .view-row .spec-wrap::-webkit-scrollbar-track { background-color:rgba(70,70,70,.3); border-radius:10px; } 

.product_view_bigslide .arrow-box svg { width: 50px; height: 50px; } 

.view_content01 .flex { flex-wrap: wrap; } 
.view_content01 .flex .left { width: 100%; margin-right: 0; margin-bottom: 60px; } 
.view_content01 .flex .right { width: 100%; padding-top: 0; } 

.solution01-content01 .flex { flex-wrap:wrap; } 
.solution01-content01 .left { width:100%; } 
.solution01-content01 .right { width:100%; padding-left: 0; margin-top: 30px; } 
.solution01-content01 .right .inner { position: static; transform: none; } 

.solution01-content02 .box-wrap .box { width:100%; } 
.solution01-content02 .box-wrap .box:first-child { width: 100%; margin-right: 0; margin-bottom: 20px; } 
.solution01-content02 .box-wrap .box img { height: auto; } 

.solution01-content03 .flex-wrap .flex { flex-wrap: wrap; } 
.solution01-content03 .flex .left { width: 100%; } 
.solution01-content03 .flex .right { width: 100%; padding:0; margin-top: 40px; } 
.solution01-content03 .flex .right .inner { position: static; transform: none; } 

.esg01-content01 .flex { flex-wrap: wrap; } 
.esg01-content01 .left { width: 100%; } 
.esg01-content01 .right { width: 100%; padding-left: 0; } 
.esg01-content01 .left img { height: auto; } 

.esg-content .form-wrap .form-row input { width: 120px; } 
.esg-content .form-wrap .form-row input#esg_email2 { width:calc(100% - 155px); } 
.esg-content .form-wrap .form-row .phone input { width: 100px; } 

.esg04-content02 .cert-wrap { flex-wrap: wrap; } 
.esg04-content02 .cert-wrap .cert-box { width: 100%; margin-right: 0; margin-bottom: 20px; } 

.ci-content02 .flex { flex-wrap: wrap; } 
.ci-content02 .flex .left { width: 100%; } 
.ci-content02 .flex .right { width: 100%; padding-left: 0; margin-top: 50px; } 

.news .table-wrap table ._title { width: 50%; } 
.news .table-wrap table ._writer { width: 15%; } 
.news .table-wrap table ._date { width: 15%; } 

.news-view-content01 .title-wrap .view-row { flex-wrap: wrap; } 
.news-view-content01 .title-wrap .view-row .view-col { width: 100%; } 
.news-view-content01 .title-wrap .view-row .view-col:first-child { border-bottom: 1px solid #ccc; } 
.news-view-content01 .title-wrap .view-row .view_left { padding: 10px 15px; } 
.news-view-content01 .title-wrap .view-row .view_right { padding: 10px 15px; } 
.view-pagination-box .view-row .view_left { padding: 10px 15px; } 
.view-pagination-box .view-row .view_right { padding: 10px 15px; } 

.contact-content01 .flex .right ul li .con-row .con-right { padding-left: 30px; } 

.inquiry-content01 .form-wrap .form-row { flex-wrap: wrap; } 
.inquiry-content01 .form-wrap .form-row .form-box { width: 100%; margin-bottom: 40px; } 
.inquiry-content01 .form-wrap .form-row .form-box:first-child { width: 100%; margin-right: 0; } 
.inquiry-content01 .form-wrap .form-row .form-box:last-child { margin-bottom: 0px; } 

.catalog-popup-wrap .inner { width: 85vw; } 
.catalog-popup-wrap .inner ul li:first-child { width: 100%; margin-right: 0; margin-bottom: 20px; } 
.catalog-popup-wrap .inner ul li { width: 100%; } 

.news-view-content01 .con-wrap img { max-width: 100%; width: auto !important; height: auto !important; }

 } 


@media all and (max-width : 767px) { 
 .container { padding-left: 30px; padding-right: 30px; } 
 .hidden-xs { display: none; } 

 .esg .container { padding-left: 15px; padding-right: 15px; } 

 .main_content04 .bg-wrap .right-box { padding-bottom: 70%; } 

 .sub_banner_wrap .sub_banner { height: 35vh; padding-bottom: 0; } 

 .lnb-wrap .container { width: 100%; padding:0 15px; } 
 .lnb-wrap .container .home { display: none; } 
 .lnb-wrap .container .depth-wrap { width:100%; } 
 .lnb-wrap .container .depth-wrap .depth-col { min-width: initial; padding: 0 10px; } 
 .product .lnb-wrap .container .depth-wrap .depth-col#col02 { border-right: 1px solid #d8d8d8; } 
 .lnb-wrap .container .depth-wrap .depth-col#col03 { display:none; } 
 .lnb-wrap .container .depth-wrap .depth p { padding-right: 20px; } 

 .product_content01 .flex .right .box-wrap .box { width: 100%; margin-right: 0; margin-bottom: 20px; } 

 .thermal-content01 .product_list_slide .item .item-top h3 { font-size: 18px; } 
 .product_list_slide .item .item-img img { max-height: 150px; min-height: 150px; } 

 .product_view .product_view_thumslide .swiper-wrapper .item img { min-height: 38px; max-height: 38px; } 
 
 .components .product_content03 .flex { flex-wrap: wrap; } 
 .components .product_content03 .flex .left { width:100%; } 
 .components .product_content03 .flex .right { width: 100%; padding-left: 0; margin-top: 30px; } 

 .view_content01 { padding-bottom: 50px; } 
 .view_content01 .flex .right h2 { font-size: 28px; } 
 .view_content03 .flex { flex-wrap: wrap; } 
 .view_content03 .flex .box { width: 100%; } 
 .view_content03 .flex .box:first-child { width: 100%; margin-right: 0; margin-bottom: 20px; } 

 .solution02-content01 .flex { flex-wrap: wrap; } 
 .solution02-content01 .flex .left { width:100%; } 
 .solution02-content01 .flex .right { width:100%; margin-top: 50px; padding-left: 0; } 

 .history-content01 .bg-wrap .arrow-box div svg { width: 50px; height:50px; } 
 .history-content01 .bg-wrap .paging-wrap { display:none; } 
 .history-content02 .container { padding-left: 10.85vw; padding-right: 10.85vw; } 
 .history-content02 .history-row { padding-top: 20px; padding-bottom: 40px; } 
 .history-content02 .history-row .history-year { width: 100px; } 
.history-content02 .history-row .history-year h3 { font-size: 32px; } 
.history-content02 .history-row .history-con { padding-left: 3%; width: calc(100% - 100px); } 
.history-content02 .history-row .history-con ul li ._month { font-size: 14px; } 
.history-content02 .history-row .history-con ul li ._txt { font-size: 14px; } 

.global-content02 .box-wrap .box-row .box { flex-wrap: wrap; } 
.global-content02 .box-wrap .box-row .box .box-title { width: 100%; } 
.global-content02 .box-wrap .box-row .box .box-txt { width: 100%; padding-left: 0; margin-top: 20px; } 

.form-row .form-left { width: 110px; padding: 15px; } 
.form-row .form-left label, .form-row .form-left span { font-size: 14px; } 
.form-row .form-left label:after, .form-row .form-left span:after { right: 5px; } 
.form-row .form-right { width: calc(100% - 110px); padding: 15px; } 
.esg-content .form-wrap .form-row input#title, .esg-content .form-wrap .form-row input#name { width: 100%; } 

.esg-tab-list ul li a { padding: 14px 0; font-size: 13px; } 

.esg03-content01 .flex { flex-wrap: wrap; } 
.esg03-content01 .flex .left { width: 100%; } 
.esg03-content01 .flex .right { width: 100%; padding-left: 0; margin-top: 50px; } 

.esg03-content03 .flex { flex-wrap: wrap; } 
.esg03-content03 .flex .left { width: 100%; } 
.esg03-content03 .flex .right { width: 100%; padding-left: 0; margin-top: 50px; } 

.esg04-content01 ul li { width: 100%; } 
.esg04-content01 ul li:nth-child(3) { margin-bottom: 15px; } 

.down-wrap { max-width: 600px; width: 100%; height: 60px } 
.down-wrap .down-box a { line-height: 60px; } 
.down-wrap .down-box a span { font-size: 14px; } 

.news .table-wrap table ._title { width: 90%; } 
.news .table-wrap table ._writer { display: none; } 
.news .table-wrap table ._date { display: none; } 
.search-wrap .search_box select { width:100%; margin-bottom: 10px; } 
.search-wrap .search_box .input_box { margin-left: 0; width: 100%; } 

.inquiry-content01 .form-wrap .form-row .form-box label, .inquiry-content01 .form-wrap .form-row .form-box span { display: inline-block; width: auto; margin-bottom: 20px; font-size: 18px; } 
.inquiry-content01 .form-wrap .form-row .form-box input, .inquiry-content01 .form-wrap .form-row .form-box textarea, .inquiry-content01 .form-wrap .form-row .form-box .ct_prd_wrap { width: 100%; margin-left: 0; } 
.inquiry-content01 .form-wrap .form-row .form-box .ct_prd_wrap label { margin-bottom: 0; } 
.inquiry-content01 .form-wrap .form-row .form-box .ct_prd_wrap .input-box { width: 100%; margin-right: 0; margin-bottom: 10px; } 
 footer .footer_inner .family-menu { margin-top: 30px; }
} 


@media all and (max-width : 640px) { 
 .sub_banner_wrap .sub_banner .inner { bottom: 30px; } 
 .sub_banner_wrap .sub_banner .inner .banner_text h3 { font-size: 14px; } 
.sub_banner_wrap .sub_banner .inner .banner_text h2 { font-size: 20px; padding-top: 0; } 
.sub_banner_wrap .sub_banner .inner .banner_text p { font-size: 12px; } 



 .main_banner .main_banner_slide .item .inner_text h3 { font-size: 22px; } 
 .view-box { width: 165px; height: 40px; } 
 .view-box a { line-height: 38px; } 
 .view-box span { font-size: 14px; } 
 .view-box.black { width: 165px; height: 40px; } 
 .view-box.black a { line-height: 38px; } 
 .view-box.black span { font-size: 14px; } 

 .main_banner .scroll_icon { width: 48px; height: 48px; } 

 .history-content01 .bg-wrap .bg-title { width: 100%; } 
 .history-content02 .history-row { flex-wrap: wrap; } 
 .history-content02 .history-row .history-year { width: 100%; } 
 .history-content02 .history-row .history-con { width: 100%; padding-left: 0; } 
 .history-content01 .bg-wrap .arrow-box { height: 30px; } 
 .history-content01 .bg-wrap .arrow-box div svg { width: 30px; height: 30px; } 
 .history-content03 .flex { padding-left: 0; padding-right: 0; } 
.history-content03 .flex a span { font-size: 20px; } 
.history-content01 .bg-wrap .bg-title h3 { margin-bottom: 10px; font-size: 26px; } 


 .global-content02 .box-wrap .box-row .box .box-title h3 { font-size: 18px; padding-left: 35px; } 
 .global-content02 .box-wrap .box-row .box .box-title h3:before { width: 20px; height: 20px; } 
 .global-content02 .box-wrap .box-row .box .box-title span { padding-left: 35px; font-size: 16px; } 

 .esg-content .form-wrap .form-row { flex-wrap: wrap; } 

 .form-row .form-left { width: 100%; padding: 5px; border-right: none; } 
 .form-row .form-left label, .form-row .form-left span { display: inline-block; } 
 .form-row .form-left label:after, .form-row .form-left span:after { right: -15px; } 
 .form-row .form-right { width: 100%; padding: 5px; padding-bottom: 20px; } 
 .esg-content .form-wrap .form-row .phone input { width: 85px; } 
 .esg02-content01 .inner { padding: 20px 20px 20px 70px; } 
 .esg02-content01 .inner:before { width: 40px; } 
 
 .esg-tab-list ul li a { padding: 12px 0; font-size: 12px; } 

 .news-view-content01 .title-wrap .view-row .view_left { width: 80px; } 
 .news-view-content01 .title-wrap .view-row .view_right { width: calc(100% - 80px); } 
 .view-pagination-box .view-row .view_left { width: 80px; background-image: none !important; } 
 .view-pagination-box .view-row .view_right { width: calc(100% - 80px); background-image: none !important; } 
 
 footer .footer_inner ._left p { font-size: 13px; } 

 .form-row .form-right .textarea_guide { left: 20px; padding-right: 20px; } 
 .lnb-wrap .container .depth-wrap .depth-col#col02 { border-right: 1px solid #d8d8d8; } 
.dart-wrap { width:auto; overflow-x: auto; } 
.dart-wrap iframe { width: 600px; } 
.product_view_bigslide .item { margin-right: 1px; } 
.view_content03 .flex .box .box-txt h4 { font-size: 20px; } 
.thermal-content02 .view-row .icon-wrap ul li { width:100%; margin-right: 0; margin-bottom: 20px; } 
.contact-content01 .flex .left .map iframe { height: 300px; } 
.main_content03 .title-box { flex-wrap: wrap; } 
.main_content05_slide .item { height: 350px; } 
.assembly .product_content03 .flex .box .box-icon { width:100%; } 
.assembly .product_content03 .flex .box .box-txt { width: 100%; text-align: center; } 


.catalog-popup-wrap .inner { padding: 70px 20px 20px; height: 75vh; overflow-y: auto; } 
.check-wrap input { width: 15px; height: 15px; } 
.check-wrap label { width: calc(100% - 15px - 10px); font-size: 13px; } 

.main_content04 .bg-wrap .right-box { padding-bottom: 130%; padding-right: 50px; } 
.main_content04 .bg-wrap .right-box .inner { transform: translate(-50%, -50%); left: 50%; width: 100%; padding: 0 50px; } 
.view-box-wrap { flex-wrap: wrap; } 
.view-box-wrap .view-box:first-child { margin-bottom: 20px; } 
.solution01-content03 .flex .left .box-txt p {font-size: 12px;}
.sub_page {padding-top: 50px;}
.product_view .product_view_thumslide .swiper-wrapper .item {padding: 1.5%;}
.product_list_slide .item .item-top h3{font-size: 18px} 
}


@media all and (max-width : 500px) { 
 .main_banner .main_banner_slide .item .inner_text h3 { max-width: 300px; } 


 .down-wrap { border: none; } 
 .down-wrap .down-box { width:100%; } 
 .down-wrap .down-box { border-right: none; border: 1px solid #707070; border-bottom: none; } 
 }