.page_title h4{font-size: 40px;display: block;position: relative;width: max-content;font-weight: 700;} :lang(en) .page_title h4{width: 100%;} :lang(en) .page_title h4:before{display: none;} .page_title h4:before { content: ''; display: block; width: 8px; height: 8px; background: #226FB8; border-radius: 40px; display: block; position: absolute; right: -16px; top: 5px;} .page_title {/* margin-bottom: 100px; */display: none;;} .page_title p{font-size:18px;word-break: keep-all;color: #666;margin-top: 10px;} .page_title p span{color: #226FB8;font-weight: 600;} .page_title em { font-size: 22px; font-weight: bold; margin-bottom: 20px;margin-top: 10px;display: block;word-break: keep-all;} .page_title em span{color: #226FB8;} .page_bot_but{text-align: center;margin-top: 80px;;} .page_bot_but button{padding:20px 60px;background: linear-gradient(45deg, #226FB8, #226FB8);color: #fff;} /*page_search*/ .page_search {text-align: center;border-bottom: 2px solid #111; width: 400px; margin: 0 auto;margin-bottom: 100px;padding:4px 0;} .page_search input{padding:10px;border:transparent;outline: none;background: #fff;height: 50px;width: calc(100% - 50px);font-size: 16px;color: #333;} .page_search input::placeholder{font-size: 14px;} .page_search button{width:50px ;height: 50px;;} .page_search button img{width: 80%;margin:0 auto;} /*조직도*/ .organization .page_con{overflow: initial;} .organization .ceo {width: 200px;height: 200px;display: flex;justify-content: center;align-items: center;border:1px solid #f8f8f8;border-radius: 50%;box-shadow: 5px 5px 15px rgba(0,0,0,0.1);position: relative;margin:0 auto;} .organization .ceo::before{content:'';display: block;width: 1px;height: 100px;border-left:1px dashed #bbb;position: absolute;left:50%;transform: translateX(-50%);bottom:-100px;z-index: -1;} .organization .ceo p{width: 80%;height: 80%;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 50%;} .organization .load-wrapp {position: absolute;top:50%;transform: translate(-50%,-50%);left:50%;width: 100px; height: 100px;} .organization .line { display: inline-block; width: 15px; height: 15px; border-radius: 15px; background-color: #226FB8; } .organization .ring-2 {position: absolute; top: 50%; transform: translate(-50%,-50%);left: 50%; width: 200px;height: 200px; margin: 0 auto; border: 1px dashed #ddd;border-radius: 100%; } .organization .ball-holder {position: absolute;width: 158px; height: 155px; left: 20px;top: 22px;} .organization .ball { position: absolute; left: 0; width: 16px; height: 16px;border-radius: 100%; background: #226FB8;} .organization .load-5 .ball-holder {animation: loadingE 3s linear infinite;} @keyframes loadingE { 0% { transform: rotate(0deg);} 100% {transform: rotate(360deg);} } .organization .or_center {display: flex;margin:160px 0 120px;position: relative;;} .organization .or_bot .or_depth01, .organization .or_center div:first-child{width: 75%;} .organization .or_center div:first-child p{background: #226FB8;} .organization .or_bot .or_depth02, .organization .or_center div:last-child{width: 25%;} .organization .or_center div:last-child p{background: #226FB8;} .organization .or_center div p{width: 300px;color: #fff;padding:15px;text-align: center; margin:0 auto;border-radius: 40px;} .organization .or_center div{position: relative;} .organization .or_center div::before{content:'';display: block;width: 1px;height: 180px;border-left:1px dashed #bbb;position: absolute;left:50%;transform: translateX(-50%);top:-60px;z-index: -1;} .organization .or_center::before{content:'';display: block;height: 1px;border-top:1px dashed #bbb;position: absolute;left:62.5%;transform: translateX(-50%);top:-60px;width: 50%;} .organization .or_bot {display: flex;} .organization .or_bot ul{display: flex;text-align: center;margin:0 -10px;position: relative;} .organization .or_bot ul li{padding:0 10px;position: relative;} .organization .or_bot ul li > div::before{content: '';display: block;width: 0%;height: 2px;background: #226FB8;position: absolute;bottom:0;left:0;transition-duration: 0.3s;} .organization .or_bot ul li > div{padding:12px 0;position: relative;cursor: pointer;background: #f5f5f5;} .organization .or_bot ul li > div:hover::before{width: 100%;} .organization .or_bot ul li > div:hover {color:#226FB8;font-weight: 600;} .organization .or_bot .or_depth01{margin-right: 10px;} .organization .or_bot .or_depth01 li{width: calc(100% / 6);} .organization .or_bot .or_depth02 li{width: calc(100% / 2);} .organization .or_bot ul::before{content:'';display: block;height: 1px;border-top:1px dashed #bbb;position: absolute;left:50%;transform: translateX(-50%);top:-60px;} .organization .or_bot .or_depth01::before{width: 83%;} .organization .or_bot .or_depth02::before{width: 50%;} .organization .or_bot ul li::before{content:'';display: block;width: 1px;height: 60px;border-left:1px dashed #bbb;position: absolute;left:50%;transform: translateX(-50%);top:-60px;} /*R&D */ /*certification*/ .certification_img img{width: 100%;} .esg_wrap {overflow: hidden;} .esg_wrap ul{display: flex;margin-top: 40px;} .esg_wrap ul li span{color: #226FB8;font-weight: bold;font-size: 16px;margin-top: 30px;display: block;} .esg_wrap ul li h5{font-size: 32px;font-weight: 500;margin-bottom: 20px;} .certification .esg_wrap ul.row-wide li p{padding-left: 12px;;position: relative;font-size: 17px;text-align: left;font-weight: 400;margin-top: 10px;color: #666;word-break: keep-all;} .esg_wrap ul li p::before{content: '';display: block;width: 2px;height: 2px;position: absolute;left:0;top:10px;border-radius: 20px;border:2px solid #bbb;} .certification.location .esg_wrap ul li i{width: 100%;padding-bottom:60% ;;} .esg_wrap h4{font-size: 40px;} .certification .row-wide li{margin-bottom: 20px;} .certification .title{margin-bottom: 40px;;} .certification h5{font-size: 40px;font-weight: bold;position: relative;width: max-content;} .certification h5:last-child::before { content: ''; display: block; width: 8px; height: 8px; background: #226FB8; border-radius: 40px; display: block; position: absolute; right: -16px; top: 5px;} .certification.certification01 .page_tabs{margin-bottom:60px;;} .certification.certification01 .bd-lg > div + div{margin-top: 100px;padding-top: 100px;border-top:1px solid #ddd;} .certification .esg_wrap ul li i{padding-bottom: 70%;} .certification ul li i{display: block;padding-bottom: 140%;position: relative;overflow: hidden;border:1px solid #eee;} .certification ul li i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;} .certification ul.row-wide li p{margin-top: 20px;font-weight: 600;text-align: center;font-size: 1.125rem;} .certification ul.row-wide li p.txt{margin-top: 4px;font-weight: 400;font-size: 0.9rem;color: #666;} .performance article+article, .certification article+article{margin-top: 100px;;} .certification.datum article >p{display: flex;align-items: center;} .certification.datum article >p span{/* background: #226FB8; */color: #226FB8;font-size: 0.85rem;/* padding:8px 20px; */border-radius: 30px;margin-left: 20px;;;} :lang(de) .certification.datum article >p, :lang(en) .certification.datum article >p{ align-items: flex-start; flex-direction: column; text-align: left;} .cer02_con .title p{margin-top: 10px;color: #666;} .cer02_con i{display: block;border:1px solid #226FB8;padding:40px;} .cer02_con .cer02_img img{width: 100%;} .cer02_con .cer02_img p{background: #226FB8;color: #fff;text-align: center;padding:15px 0;} /*performance*/ .performance article > p{text-align: center;} .performance .download_con li{margin-bottom: 32px;;;} .performance .download_con li p{font-weight: 600;font-size: 20px;} .performance .download_con li> div{border:10px solid #eee;padding:30px;word-break: keep-all;} .performance .download_con li button{font-weight: 600;font-size: 0.85rem;text-align: center;padding:0;margin-top: 20px;color: #666;display: flex;padding:12px 30px;border:1px solid #eee;border-radius: 4px;background: #f9f9f9;} .performance .download_con li button img{width: 16px;margin-left: 10px;opacity: 0.6;} /*history*/ .history{overflow: hidden;} .history .page_title_sec{width: 100vw;height: 80vh;background: #ddd;position: relative;background: url(../img/sub/com/his.png);display: none;} .history .page_title_sec > div{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);text-align: center;} .history .page_title_sec > div h5{font-size: 50px;font-weight: 500;} .history .page_title_sec > div h5 span{font-size: 20px;position: relative;top:-20px;left: 4px;} .his_con{display: flex;} .his_con > div{width: 50%;} .his_con .img_con{background: #f5f5f5;overflow: hidden;} .his_con .img_con i{background-attachment: fixed;display: block; width: 100%;background-repeat: no-repeat;} .his_con .img_con i:first-child{height: 70%;} .his_con .img_con i:last-child{height: 30%;} .his_con .img_con img{height: 100%;} .his_con .text_con{padding:100px 0 100px;padding-left: 80px;} .his_con .text_con li{display: flex;align-items: flex-start;} .his_con .text_con li + li{margin-top: 80px;} .his_con .text_con .year{font-size: 45px;font-weight: bold; line-height: 1;width: 170px;} .his_con .text_con .right_con{width: calc(100% - 170px);position: relative;} .his_con .text_con .right_con .txt{position: relative;} .his_con .text_con .right_con .txt::before{content: '';display: block;width: 1px;min-height: 44%;max-height: 80%;height:70%;background: #226FB8;position: absolute;left:8px;top:50%;border-radius: 40px;transform: translateY(-50%);opacity: 0.6; z-index: -1;} .his_con .text_con .right_con .img{display: flex;margin-top: 20px;;} .his_con .text_con .right_con i{width: 45%;display: block;} .his_con .text_con .right_con i + i{margin-left: 20px;;} .his_con .text_con .right_con img{width: 100%;} .his_con .text_con .right_con p{position: relative;padding-left: 26px;z-index: -1;;} .his_con .text_con .right_con p+ p{margin-top: 16px;} .his_con .text_con .right_con p:before{content: '';display: block;width: 16px;height: 16px;position: absolute;left:0;top:6px;border-radius: 40px;border:2px solid #226FB8;background: #fff;z-index: 9;} .his_con .text_con .right_con p::after{content: '';display: block;width: 8px;height: 8px;background: #226FB8;position: absolute;left:4px;top:10px;border-radius: 40px;z-index: 9;} /*기술자료실*/ .datum .table.no_cursor ul.table_body li{cursor: initial;} .datum .table{display: block;} .datum .table ul{width: 100%;} .datum .table ul.table_head{border-top:2px solid #226FB8;font-weight: 600;background: #f9f9f9;} .datum .table ul li{display: flex;padding:18px 0;border-bottom:1px solid #ddd;text-align: center;color: #666; align-items: center;font-size: 18px;} .datum .table ul #no_post{padding:80px 0;} .datum .table ul.table_body li{cursor: pointer;} .datum .table ul.table_head li p{color: #666;} .datum .table ul li .no, .datum .table ul li .hits{width: 150px;} .datum .table ul li .txt, .datum .table ul li .tit{width: calc(100% - 400px);color: #000;font-weight: 600;} .datum .table ul.table_body li .tit{justify-content: flex-start;font-size: 18px;} .datum .table ul li .tit i{display: block;width:16px;margin-left: 10px;opacity: 0.3;position: relative;top:-1px;} .datum .table ul li .tit i img{width: 100%;} .datum .table ul li .day{width: 250px;} .datum_view .table ul li{flex-wrap: wrap;justify-content: flex-end;} .datum_view .table ul.table_body li .tit{width: 100%;text-align: left;display: block;font-size:1.6rem;margin-bottom: 10px;} .datum_view .table ul li .hits, .datum_view .table ul li .day{width: auto;margin-left: 20px;} .datum_view .table ul li.file_wrap{justify-content: flex-start;} .datum_view .file_wrap p{display: flex;align-items: center;margin-right: 20px;} .datum_view .file_wrap i{width: 16px;margin-right: 10px;opacity: 0.5;;} .datum_view .file_wrap img{width: 100%;} .datum_view .datum_con{min-height: 400px;border-bottom:1px solid #ddd;padding:10px 0;} /*채용 안내*/ .recruitment .table{display: block;} .recruitment .table ul{width: 100%;} .recruitment .table ul.table_head{border-top:2px solid #226FB8;font-weight: 600;background: #f9f9f9;} .recruitment .table ul li >div.in_con{display: flex;padding:18px 0;border-bottom:1px solid #ddd;text-align: center;color: #333; align-items: center;} .recruitment .table ul.table_body li{cursor: pointer;} .recruitment .table ul li .no{width: 200px;} .recruitment .table ul li .tit{width: calc(100% - 500px);display: flex;justify-content: center;align-items: center;color: #000;font-weight: 500;} .recruitment .table ul.table_body li .tit{justify-content: flex-start;font-size: 20px;} .recruitment .table ul li .tit i{display: block;width:16px;margin-left: 10px;opacity: 0.3;position: relative;top:-1px;} .recruitment .table ul li .tit i img{width: 100%;} .recruitment .table ul li .day{width: 300px;} .recruitment .table .click{width: 30px;;} .recruitment .table .click.on img{transform: rotate(180deg);} .recruitment .table .click img{width:60%;height: 100%;} .recruitment .table .link_con{display: none;} .recruitment .table .link_con img{width: 100%;} .recruitment_img {width: 100%;position: relative;background: #ddd;padding-bottom: 25%;margin-bottom: 100px;;} .recruitment_img::before{content:'';display: block;width: 150%;height: 100%;background: url(../img/sub/cus/recruitment01.png) center/cover;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;} .recruitment_img .text_box{position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;text-align: center;} .recruitment_img h6{font-size: 45px;/* padding:10px 40px;background: #226FB8; */color: #fff;text-align: center; width: fit-content;margin:0 auto;font-weight: 500;} .recruitment_img p{text-align: center;margin-top: 10px;margin-bottom: 30px;;color: #fff;opacity: 0.8;font-size: 20px;} .recruitment_img button{border:1px solid #fff;color: #fff;padding:16px 40px;margin:0 auto;background: rgba(0,0,0,0.1);} .recruitment .table_body .no span{padding:6px 20px;font-size: 14px;border-radius: 4px;width: 85%;display: block;margin:0 auto;;} .recruitment .table_body .no .ing{background: #226FB8;color: #fff;} .recruitment .table_body .no .end{background: #ddd;color: #666;} /*문의하기*/ .inquiry ul{border-top:2px solid #226FB8;} .inquiry ul li{border-bottom:1px solid #ddd;} .inquiry ul li > div{display: flex;align-items: center;} .inquiry select, .inquiry input{border:1px solid #ddd;;padding:10px;outline: none;width: 100%;} .inquiry textarea{resize: 1px solid #ddd;;width: 100%;border:1px solid #eee;height: 400px;margin-top: 15px;outline: none;resize: none;padding:10px;} .inquiry .input_txt{color: #dc404b;font-size: 14px;width: 100%;font-weight: 400;margin-top: 4px;left:0} .inquiry ul li p{width: 150px;font-weight: 600;color: #111;;padding:0 10px;} .inquiry ul li .right_con{width: calc(100% - 150px);padding:20px 20px;border-left:1px solid #ddd;} .inquiry .policy_sec em span, .inquiry ul li p span{color: #226FB8;margin-left: 6px;position: relative;top:-2px} .inquiry ul li input::placeholder{color: #888;font-size: 0.9rem;} .inquiry .policy_sec{background: #fff;border:1px solid #ddd;;margin-top: 80px;;} .inquiry .policy_sec .textbox{height: 200px;;background: #fff;padding:10px;font-size: 14px;color: #666;overflow-y: scroll;} .inquiry .policy_sec .textbox span{font-size: inherit !important;} .inquiry .policy_sec .check_con{padding:20px;background: #f5f5f5;border-top:1px solid #ddd;;} .inquiry .policy_sec em{margin-bottom: 20px;display: block;font-weight: 600;color: #111;} .inquiry .check_con label{margin-right: 20px;;} .inquiry .tell_con input{width: 200px;;} .inquiry .tell_con span{margin:0 10px;font-weight: 600;color: #bbb;} .inquiry .email_con{display: flex;align-items: center;} .inquiry .email_con select{width: 300px;;color: #999;} .inquiry .email_con input{width: 200px;;} .inquiry .email_con input:last-child{width: 400px;;} .inquiry .email_con span{margin:0 10px;font-weight: 600;color: #bbb;} /*FAQ*/ .faq .faq_depth{border-top:1px solid #ddd;} .faq .faq_depth div{border-bottom:1px solid #ddd;display: flex;padding:30px 20px;position: relative;} .faq .faq_depth div.question{cursor: pointer;} .faq .faq_depth span{font-weight: bold;color: #226FB8;font-size: 1.4rem;position: absolute;top:23px;} .faq .faq_depth p{padding-left: 35px;padding-right: 20px;} .faq .faq_depth i{display: block;position: absolute;right:20px;top:50%;transform: translateY(-50%);} .faq .faq_depth i.on{transform: rotate(180deg) translateY(4px);} .faq .faq_depth .answer{background: #f8f8f8;display: none;} .faq .faq_depth .answer span{color: #dc404b;} .faq .faq_depth .answer p{padding-right:0px;} /*뉴스*/ .total_wrap {margin-top: 60px;margin-bottom: 20px;;} .total_wrap span{color: #226FB8;font-weight: bold;} .page_tabs{display: flex;align-items: center;padding:40px 0px;position: relative;} .page_tabs::before{content:'';display: block;width:150%;height: 100%;background: #f9f9f9;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: -1;} .page_tabs > p{font-weight: bold;width: 100px;text-align: left;position: relative;;} /* .page_tabs > p::before{content:'';display: block;width: 1px;height:80px;background: #ddd;position: absolute;right:0;top:50%;transform: translate(0,-50%);} */ .page_tabs ul{display: flex;width: 60%;margin:0 auto;width: calc(100% - 100px);padding-left: 30px;;font-size: 0.9rem;} .page_tabs li{text-align: center;} .page_tabs li:first-child, .page_tabs li+ li{margin-right: 15px;} .page_tabs li a{display: block;padding:10px 30px;;border:1px solid #ddd;margin-right: -1px;z-index: -1;border-radius: 30px;background-color: #fff;color: #666;} .page_tabs li.on{z-index: 9;} .page_tabs li.on a{color: #fff;border:1px solid #226FB8;background: #226FB8;font-weight: 600;} .news .news_depth li{margin-bottom: 32px;} .news .news_depth li > div{border:1px solid #ddd;cursor: pointer;} .news .news_depth i{width: 100%;background: #ddd;padding-bottom:60%;display: block;} .news .news_depth .tit{font-weight: 600;} .news .news_depth .txt{font-size: 16px;color: #666;margin:10px 0 20px} .news .news_depth .textbox{padding:20px} .news .news_depth .potin_txt{padding:2px 16px;background: #111;color: #fff;font-size:14px;width: fit-content;border-radius: 30px;margin-bottom: 10px;} .news .day{font-size: 15px;color: #888;} /*오시는길*/ .location .loca_top{margin-bottom: 60px;} .location .loca_top + .loca_top {margin-top: 120px;} .location .loca_top .left{position: relative;display: flex;} .location .loca_top .left .loca_map, .location .loca_top .left i{width: 50%;overflow: hidden;} .location .loca_top .left .loca_map{margin-left: 20px;;} .location .right{width: 100%;border-top:2px solid #226FB8;margin-top: 40px;;} .location .loca_top > p{font-size: 2rem;font-weight: 600;line-height: 1.4;margin-bottom: 40px;} .location .right ul{border-top:1px solid #ddd;} .location .right ul li{padding:20px 0;border-bottom:1px solid #ddd;} .location .right ul li span.txt{font-weight: 600; color: #226FB8;width: 200px;display: inline-block;text-align: center;} .location .loca_map{width: 100%;padding-bottom:30%;position: relative;} .location .root_daum_roughmap{height: auto;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;width: 100%;height: 100%;} .location .root_daum_roughmap .wrap_map{height: 100% !important;;} .location .root_daum_roughmap_landing .border2{display: block} .location .right ul li button{background: #f1f1f1;color: #666;padding:10px 30px;border-radius: 4px;} .location .right ul li button:hover{background: #226FB8;color: #fff;} /*파트너쉽*/ .part_warp{position: relative;} .part_warp .page_con{overflow: initial;} .part_warp img{width: 100%;} .part_warp .potint{position: absolute;left:0;top:0;z-index: 999;} .part_warp span{width: 10px;height: 10px;position: absolute;position: absolute;left:36.8%;transform: translate(-50%,-50%);top:43.3%;border-radius: 50%;background: #226FB8;opacity: 1;z-index: 99;} .part_warp span::before{content:'';display: block;width: 150px;height: 150px;background: #226FB8;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;border-radius: 50%;opacity: 0; animation-name: part_warp01; animation-duration:3s; animation-duration: leaner; animation-iteration-count:infinite; animation-timing-function:ease-in-out; } /* 키프레임 이름 = 애니메이션 이름 */ @-webkit-keyframes part_warp01 { 0% { width: 50px;height: 50px;opacity: 0.2 } 100% { width: 200px;height: 200px;opacity: 0;; } } .part_warp span::after{content:'';display: block;width: 400px;height: 400px;background: #226FB8;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;border-radius: 50%;opacity: 0; animation-name: part_warp02; animation-duration:3s; animation-duration: leaner; animation-iteration-count:infinite; animation-timing-function:ease-in-out; } /* 키프레임 이름 = 애니메이션 이름 */ @-webkit-keyframes part_warp02 { 0% { width: 50px;height: 50px;opacity: 0.2; } 100% { width: 500px;height: 500px;opacity: 0;; } } /*홍보영상*/ .promotion_con{position:relative;padding-top:22%; width:100%;width: 40%;} .promotion_con img{position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;width: 100%;height: 100%;} .promotion .promotion_depth li{display: flex;align-items: center;cursor: pointer;} .promotion .promotion_depth li + li{margin-top: 60px;} .promotion .textbox {margin-left: 40px;width: 60%;} .promotion .textbox .tit{font-size: 1.25rem;} .promotion .textbox .day{margin-top: 20px;} /*E-카탈로그*/ .catalog .page_con ul{display: flex;margin:0 -20px;margin-top: 60px;} .catalog .page_con ul li{background: #fff;width: calc(100% / 4);padding:0 20px;} .catalog .page_con ul li > div{text-align: center;} .catalog i{width: 100%;display: block;border:1px solid #eee;} .catalog i img{width: 100%;margin:0 auto;} .catalog .textbox .tit{font-size: 45px;font-weight:700;} .catalog .textbox .txt{margin-top: 10px;color: #767676;font-size: 20px;} .catalog_but{margin-top: 40px;} .catalog_but a{color: #7a7a7a;padding:0;font-size: 18px;display: flex;align-items: center;} .catalog_but a img{margin-right: 12px;transition-duration: 0.3s;} .catalog_but a:hover img{transform: rotate(45deg);content:url(../img/main/but3.png)} .catalog_but a:hover{color: #226FB8;} /*인사말*/ .info .arti01 img{width: 100%;} .info{overflow: hidden;} .info em{font-size: 40px;display: block;line-height: 1.4;position: relative;width: max-content;} .info em:last-child:before { content: ''; display: block; width: 8px; height: 8px; background: #226FB8; border-radius: 40px; display: block; position: absolute; right: -16px; top: 5px;} .info em span{font-size: 1rem;position: relative;top:-30px;right: -4px;} .info p.txt{color: #111;font-size: 32px;margin-bottom: 40px;} .info p + p{margin-top:10px;} .info p span{color: #226FB8;font-weight: 600;} .info p{color: #111;font-size:19px;word-break: keep-all;line-height: 1.7;} .info .info_con .img{display: block;width: 123%;padding-bottom:16%;margin-bottom: 20px;position: relative;overflow: hidden;} .info .info_con .img img{position: absolute;left:0;top:0;} .info .info_con .img > div{position: absolute;left:40px;top:60%;transform: translateY(-50%);color: #fff;} .info .info_con .img > div p{color: #fff;} .info .info_con{font-size: 1.125rem;margin-top: 20px;color: #333;line-height: 2;} .info .info_con{} .info .info_con .name{margin-top: 80px;position: relative;width: fit-content;margin-left: auto; padding-right: 200px;;} .info .info_con .name span{font-weight: 600;} .info .info_con .name::before{content:'';display: block;width: 200px;height: 80px;background: url(../img/sub/com/info01.png) no-repeat center/cover;position: absolute;right: 0;;top:50%;transform: translate(0,-50%);opacity: 0.7;} .info .info_con .core_value{display: block;margin-top: 20px;font-weight: 600;} .info .info_con .core_value strong{font-weight: 400;display: block;} :lang(en) .info em:last-child:before {display: none;} :lang(en) .info em{width: 100%;} /*서비스*/ .service article + article{margin-top: 140px;} .service article{display: flex;align-items: center;} .service article .img_warp{width: 55%;padding-bottom:20%;position: relative;} .service article .img_warp img{width: 100%;height: 100%;display: block;;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;} .service article .textbox{margin-left: 80px;width: 45%;position: relative;} .service article .textbox em{font-size: 2.3rem;font-weight: bolder;color: #111;margin:10px 0 20px;display: block;} .service article .textbox p{margin-top: 10px;color: #666;font-size: 1.125rem;word-break: keep-all;} .service article .text-right{margin-right: 80px;margin-left:0;padding-right:0;} .service article .textbox .txt{font-size: 1.25rem;color: #226FB8;font-weight: bolder;margin-top: 0;} .service article em span{color: #111;} .service .textbox > span{font-size: 7rem;color: #f1f1f1;position: absolute;top:-75px;left:-50px;z-index: -1;font-weight: bolder;} .service .textbox.text-right > span{font-size: 7rem;color: #f1f1f1;position: absolute;top:-75px;right:-50px;left:auto;z-index: -1;font-weight: bolder;} /*생산 시설*/ .facility table{width: 100%;border-bottom:1px solid #ddd;font-size: 16px;} .facility table th{background: #226FB8;color: #fff;font-weight: bold;} .facility table th, .facility table td{padding:12px 0;text-align: center;} .facility table .tit{position: relative;background: #f5f5f5;} .facility article + article{margin-top: 60px;} .facility .arti01{display: flex;margin:0 -20px;} .facility .arti01 > div{padding:0 20px;width: calc(100% / 3);} .facility table tr.sub_table_tit th{background: #f5f5f5;color: #333;text-align: left;padding-left: 20px;} .facility .arti01 td{text-align: left;} .facility .arti01 td:last-child{text-align: right;} .facility .type01 th{background: #333;} /*센터소개*/ /* .rd_center .page_title{display: block;} */ .pro_view .but_sec{display: flex;margin-top: 30px;;} .pro_view .but_sec.but_txt{display: block;} .pro_view .but_sec.but_txt > p{margin-bottom: 20px;color: #888;font-size: 15px;} .pro_view .but_sec .main_but + .main_but{margin-left: 60px;;} .pro_view .but_sec .main_but{margin-top: 0;;} .rd_center.rd01 .type02 li{font-size: 16px;} .rd_center.rd01 .type02 li i{padding-bottom: 60%;} .rd_center.rd01 .type02 li i img{width: 60%;height: 100%;} .rd_center.rd02 .type01 .left_img i{} .rd_center.rd02 .type01 .left_img .table.type02 td:first-child{border-left:none;} .rd_center.rd02 .table table th {width: auto;} .rd_center.pro_view .type02 li .in_depth li{margin-bottom: 15px;} .rd_center.pro_view .type02 li:first-child .in_depth em span{background-color: #dc404b;} .rd_center.pro_view .type02 li:first-child .in_depth em{ color: #dc404b; } .rd_center.pro_view .type02 li:first-child .in_depth em strong{} .rd_center.pro_view .type02 li .in_depth p span{font-weight: 600;color: #333;} .rd_center.pro_view .type02 .in_depth li{width: 100%;} .rd_center.pro_view .type02 .in_depth em{background: transparent;width: max-content;display: flex;align-items: center;padding:0;font-size: 20px;justify-content: flex-start;width: 100%; text-align: left;} .rd_center.pro_view .type02 .in_depth em strong{width: calc(100% - 25px);padding-left:8px; } .rd_center.pro_view .type02 .in_depth em span{background: #226FB8;color: #fff;width:25px;height: 25px;display: flex;align-items: center;justify-content: center;border-radius: 40px;font-size: 16px;;} :lang(en) .rd_center.pro_view .type02 .in_depth em{ width: 100%;text-align: left;padding-left:30px;position: relative;} :lang(en) .rd_center.pro_view .type02 .in_depth em span{position: absolute;left:0;top:50%;transform: translateY(-50%);margin-right: 0;} .rd_center.pro_view .type02 ul.row{display: flex; flex-direction: row; flex-wrap: wrap;} .rd_center.pro_view .type02 li{margin-bottom: 60px;width: calc((100% - 0px) / 2);;} .rd_center.pro_view .type02 .center_txt{width: 60px;} .rd_center.pro_view .type02 li em{font-size: 22px;} .rd_center.pro_view .type02 li p{margin-top: 5px;height: auto;} .rd_center.pro_view .type02 li b{background: #eee;height: auto;margin:0; padding:4px 20px;margin-top: 10px;width: max-content;border-radius: 30px;;} .rd_center.pro_view .type02 ul {align-items: flex-start;} .rd_center.pro_view .technic_arti03 .top{display: flex;align-items: center;justify-content: center;margin-top: 40px;;} .rd_center.pro_view .technic_arti03 .top span{display: block;font-size:18px;text-align: center;} .rd_center.pro_view .technic_arti03 .top em{display: block;font-size: 35px;line-height: 1.4;width: calc(50% - 10px);text-align: center;font-weight: 600;background: transparent;} .rd_center.pro_view .technic_arti03 .top p{margin:0 60px;font-weight: bold;color: #226FB8;font-size: 40px;text-align: center;width: 40%;} .rd_center.pro_view .technic_arti03 .pro_img{display: flex;margin:0 -50px;margin-top: 10px;position: relative;} .rd_center.pro_view .technic_arti03 .pro_img i{width: 35%;display: block;background: #f9f9f9;border-radius: 15px;margin:0 30px;padding-bottom:35%;;position: relative;overflow: hidden;} .rd_center.pro_view .technic_arti03 .pro_img > .txtbox{width: 30%;display: block;;} .rd_center.pro_view .technic_arti03 .pro_img img{width: 100%;position: absolute;left: 50%;top:60%;transform: translate(-50%,-50%);} .rd_center.pro_view .technic_arti03 .txtbox li+li{margin-top: 10px;} .rd_center.pro_view .technic_arti03 .txtbox li{background:#f4f9fd;border-radius: 15px;padding:20px 30px 15px;position: relative;overflow: hidden;text-align: center;} .rd_center.pro_view .technic_arti03 .txtbox li em{font-size: 25px;font-weight: bold;width: 210px;margin-bottom: 0;z-index: 9;text-align: left;background: transparent;} .rd_center.pro_view .technic_arti03 .txtbox li em span{color: #226FB8;} .rd_center.pro_view .technic_arti03 .txtbox ul li p{position: relative;/* padding-left: 10px */;font-size: 16px;margin-top: 0;} /* .rd_center.pro_view .technic_arti03 .txtbox li p::before{content:'';display: block;width: 4px;height: 4px;background: #333;border-radius: 40px;position: absolute;left:0;top:50%;transform: translateY(-50%);} */ .rd_center.pro_view .technic_arti03 .txtbox li p span{font-weight: 600;color: #333;} .rd_center.pro_view .technic_arti03 .txtbox i{width: 40px;height: 40px;border-radius: 0;background: transparent;margin:0 auto;padding:0;margin-bottom: 4px;} .rd_center.pro_view .technic_arti03 .txtbox i img{width: 100%;height: 100%;position: initial; transform: none;} .rd_center.pro_view .technic_arti03_02{display: none;} .rd_center.pro_view .technic_arti03_02 .pro_con > div span{display: block;font-size:18px;text-align: center; padding-left: 10px; position: relative;} .rd_center.pro_view .technic_arti03_02 .pro_con > div span::after{content:'';display: block; width: 3px;height: 3px;background: #111;position: absolute;left:0;top:10px} .rd_center.pro_view .technic_arti03_02 .pro_con > div span + span{margin-top: 4px;;} .rd_center.pro_view .technic_arti03_02 li.pro em{display: block;font-size: 35px;line-height: 1.4;width:100%;text-align: center;font-weight: 600;background: transparent;margin-bottom: 10px; display: block;} .rd_center.pro_view .technic_arti03_02 li.pro > div{display: flex; align-items: center;flex-direction: column;} .rd_center.pro_view .technic_arti03_02 li.pro i{width: 100%;display: block;background: #f9f9f9;border-radius: 15px;padding-bottom:100%;;position: relative;overflow: hidden;} .rd_center.pro_view .technic_arti03_02 li > .pro_img{width: 30%;display: block;;} .rd_center.pro_view .technic_arti03_02 li.pro img{width: 100%;position: absolute;left: 50%;top:60%;transform: translate(-50%,-50%);} .rd_center.pro_view .technic_arti03_02 .pro_img{margin-top: 20px;} .rd_center.pro_view .technic_arti03_02 .pro_img > div{display: flex;} .rd_center.pro_view .technic_arti03_02 .pro_img .pro_con{background:#f4f9fd;border-radius: 15px;padding:20px 30px 25px;position: relative;overflow: hidden;text-align: center; width: 33.3%;} .rd_center.pro_view .technic_arti03_02 .pro_img .pro_con + .pro_con{margin-left: 10px;} .rd_center.pro_view .technic_arti03_02 .pro_img li em{font-size: 25px;font-weight: bold;width: 210px;margin-bottom: 0;z-index: 9;text-align: left;background: transparent;} .rd_center.pro_view .technic_arti03_02 .pro_img li em span{color: #226FB8;} .rd_center.pro_view .technic_arti03_02 .pro_img ul li p{position: relative;/* padding-left: 10px */;font-size: 16px;margin-top: 0;} /* .rd_center.pro_view .technic_arti03_02 .pro_img li p::before{content:'';display: block;width: 4px;height: 4px;background: #333;border-radius: 40px;position: absolute;left:0;top:50%;transform: translateY(-50%);} */ .rd_center.pro_view .technic_arti03_02 .pro_img li p span{font-weight: 600;color: #333;} .rd_center.pro_view .technic_arti03_02 .pro_img em{font-size: 20px;} .rd_center.pro_view .technic_arti03_02 .pro_img em span{font-weight: 600; font-size: inherit;} .rd_center.pro_view .technic_arti03_02 .pro_img i{width: 45px;height: 45px;border-radius: 0;background: transparent;margin:0 auto;padding:0;margin-bottom: 4px; border:none; display: block;} .rd_center.pro_view .technic_arti03_02 .pro_img i img{width: 100%;height: 100%;} .rd_center.pro_view .technic_arti03_02 .pro_img p{color: #666; line-height: 1.2; margin-top: 12px;} /*제품소개*/ .pro_depth_cate li{margin-bottom: 32px;;} .pro_depth_cate li a{display: block;width: 100%;position: relative;overflow: hidden;} .pro_depth_cate li i{display: block;width: 100%;background: #ddd;padding-bottom:50%;background-size:100%;background-position: center;transition-duration: 0.6s;} .pro_depth_cate li i::before{content:'';display: block;width: 0%;height: 0%;background: #000;opacity: 0.5;position: absolute;left:0;bottom:0;transition-duration: 0.3s;} .pro_depth_cate li p{padding:18px 40px;position: absolute;left:0;bottom:0;font-weight: 600;z-index: 9;transition-duration: 0.3s;background: #fff;} .pro_depth_cate li p span{ right: 0;position: absolute;top:50%;transform: translateY(-50%) ;} .pro_depth_cate li p span::before{content:'';display: block;width: 8px;height: 8px;border-top:2px solid #111;border-right:2px solid #111;position: absolute;right:30px;top:50%;transform: translateY(-50%) rotate(45deg) scale(0);transition-duration: 0.3s;} .pro_depth_cate li p ::after{content:'';display: block;width: 00px;height: 2px;background: #111;;position: absolute;right:30px;top:50%;transform: translateY(-50%) ;transition-duration: 0.3s;} .pro_depth_cate li:hover i{background-size:110% ;} .pro_depth_cate li:hover i::before{width: 100%;height: 100%;} .pro_depth_cate li:hover p{padding-right:120px;color: #fff;background: transparent;} .pro_depth_cate li:hover p span::before{transform: translateY(-50%) rotate(45deg) scale(1);border-color: #fff;} .pro_depth_cate li:hover p span::after{width: 40px;background-color: #fff;} .product .page_tit p{color: #666;} .product .page_tit em{font-size: 50px;color: #111;font-weight: 600;position: relative;width: max-content;} .product .page_tit em::before{content:'';display: block;width: 10px;height: 10px;background: #226FB8;border-radius: 40px;position: absolute;right:-20px;top:5px;} .product .panels .con{display: flex;align-items: center;} .product .panels > p{color: #666;} .product h6{font-size: 35px;line-height: 1.6;font-weight: 400;} :lang(de).product .panels li > div p{display: none;} .product h6 span{color: #226FB8;font-weight: 600;} .product .page_top p{font-size: 20px;margin-top: 10px;color: #666;} .product .page_con{position: initial;} .product .panels li > div{border:1px solid #ddd; text-align: center;cursor: pointer;position: relative;} .product .panels li > div .txtbox{padding:20px;} .product .panels li > div i{display: block;width: 100%;padding-bottom: 35%;background: #f5f5f5;position: relative;overflow: hidden;} .product .panels li > div i img{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .product .panels li > div p{line-height: 1.3;color: #666;margin-top:4px;font-size: 16px;} .product .panels li > div p.txt{margin-top:10px;font-size: 16px;color: #226FB8; width: 80%;} :lang(en).product .panels li > div p.txt { padding-right: 160px;} .product .page_tabs ul{padding-left: 0;justify-content: center;} .product .arti_con > div{padding-top: 120px;;;} .product.type02{display:none ;position: absolute;left:0;top:0;width: 100vw;height: 100vh;background: #fff;} .product.type02 div{width: 100%;height: 100%;} .product.type02 div.logo{width:180px;} .product.type02 .arti_con > div{padding-top: 0px;;;} .product.type02 .page_search {width: 400px;} .product.type02 header .pro_close {position: absolute;right:40px; width: max-content; height: auto;} .product.type02 header .pro_close p{font-weight: bold;font-size: 20px;cursor: pointer;display: flex; align-items: center;} .product.type02 header .pro_close p span{font-size: 16px;margin-right: 10px;;} .product.type02 .panels li{margin-bottom: 8px;;} .product.type02 .panels li > div .txtbox{position: absolute;left:30px;bottom:30px;text-align: left;padding:0;width: auto; height: auto;} .product.type02 .panels li > div i img { position: absolute; top:20px; right:20px; transform: none; width: 29%;left: auto;transition-duration: 0.3s;} .product.type02 .panels li > div p:first-child{margin-top: 0;;} .product.type02 .panels li > div b{font-size: 22px;} .product.type02 .panels li > div{border:none;} .product.type02 .section_tb{padding-top: 90px;} .product.type02 .title_con h5{font-size: 40px;margin-bottom: 10px;;} .product.type02 .title_con p{position: relative;padding-left: 10px;color: #666;font-size: 18px;word-break: keep-all; width: 80%;} .product.type02 .title_con p span{font-weight: bold;color: #333;} .product.type02 .title_con p::before{content:'';display: block;width: 6px;height: 1px;background: #666;position:absolute;left:0;top:14px;} .product .search_but{display: flex; justify-content: space-between;margin-bottom: 40px; align-items: flex-end;;} .product .search_but .page_search{ margin: 0;} .product .search_but > button{color: #226FB8;font-weight: 600;font-size: 16px;display: flex;align-items: center; ;justify-content: flex-end;border:1px solid #226FB8;padding:10px 15px;width:130px;border-radius: 40px;;justify-content: center;} :lang(de) .product .search_but > button{width: auto;} :lang(de) .product .search_but {margin-bottom: 20px;} .product .search_but > button img{margin-left: 10px;;} .pro_category .panels li + li{margin-top: 10px;;} .pro_category .panels li > div{background: #f5f5f5;padding:20px 10px;} .pro_category .panels li .cate_title {display: flex; align-items: center;} .pro_category .panels li .txtbox{display: flex; align-items: center;font-size:23px;;justify-content: space-between;width: calc(100% - 160px);padding-right: 40px;;} .pro_category .panels li b > span{display: block;font-size: 16px;color: #666;font-weight: 500;opacity: 0;height: 0;transition-duration: 0.3s;} .pro_category .panels li i{display: block;width:160px;} .pro_category .panels li i img{display: block;height: 60%;width: 60%; margin: 0 auto;} .pro_category .cate_con{padding:40px;display: none;padding-bottom: 10px;padding-top: 30px;;;} .pro_category .cate_con ul li + li{margin-top: 20px;} .pro_category .cate_con ul em{color: #226FB8;font-weight: 600;margin-bottom: 4px;display: block;;} .pro_category .cate_con ul p{color: #666;padding-left: 10px;position: relative;cursor: pointer;;} .pro_category .cate_con ul p:hover{text-decoration: underline;} .pro_category .cate_con ul p::before{content:'';display: block;width: 3px;height: 3px;background: #666;position:absolute;left:0;top:50%;transform: translateY(-50%);border-radius: 40px;;} .pro_category .panels li.on .txtbox span img{transform: rotate(180deg);} .pro_category .panels li.on b > span{opacity: 1;height: auto;} .pro_view .border img{border:1px solid #ddd;display: block;width: 100%;} .pro_view .con i{bordeR:1px solid #ddd;display: block;margin-top: 40px;} .pro_view .left_txt{font-size: 28px;font-weight: bold;margin-bottom: 20px;;} .pro_view .left_txt em{display: block;margin-bottom: 10px;;} .pro_view .left_txt em span{color: #226FB8;} .pro_view .left_txt p{font-size: 18px;font-weight: 400;color: #666;word-break: keep-all;} .pro_view .left_txt p span{font-weight: 600;} .pro_view .table > p{color: #226FB8;font-size: 25px;font-weight: 600;margin-bottom: 10px;;} .pro_view .table table{width: 100%;border-bottom:1px solid #ddd;font-size: 16px;border-top:2px solid #226FB8;} .pro_view .table table th, .pro_view .table table td{border-top:1px solid #ddd;padding:10px;vertical-align: middle;} .pro_view.view04 .t_type02 i{width: 300px;display: block;margin:0 auto;;} .pro_view.view04 .t_type02 i img{width: 100%;} .pro_view .table table th{background: #f9f9f9;color: #666;font-weight: 600;text-align: center; border-right:1px solid #ddd;width: 130px;} .pro_view .table table th strong, .pro_view .table table td strong{font-size: 12px;position: relative;top:-4px;font-weight: 500;margin-left: 2px;margin-right: 6px;} .pro_view .table table td.td_title{color: #226FB8;font-weight: 600;text-align: center;} .pro_view .table + .table{margin-top:60px ;} .pro_view .table .but_td{text-align: center;} .pro_view .table td button{background: #eee;color: #666;padding:8px 15px;border-radius: 4px;font-size: 14px;display: flex;margin:0 auto} .pro_view .table td button img{width: 14px;margin-right: 4px !important;;} .pro_view .table td button:hover{background: #226FB8;color: #fff;} .pro_view .table td button:hover img{filter: invert(100%);} .pro_view .table .but_td{width: 230px;} .pro_view .table th:last-child{border:none} .pro_view .exercise_td{width: 250px;} .pro_view .table.t_type02 .exercise_td i{bordeR:none;display: flex;justify-content: center;margin-top: 0;;} .pro_view .table.t_type02 td.exercise_td img{width: 28px;height: 28px;opacity: 0.4;margin:0 10px;;} /*.table.t_type02*/ .pro_view .table.t_type02 td{text-align: center;} .pro_view .table.t_type02 td + td{border-left:1px solid #ddd;} .pro_view .table.type02 table th, .pro_view .table.type02 table td + td{border-left:1px solid #ddd;border-right:none;text-align: center;} .pro_view .table.type02 table th:first-child{border-left:none;} .pro_view .table.t_type02 td img{margin-left:auto;margin-right: auto;;} .pro_view .table.t_type02 td i{width: 300px;display: block;;margin:0 auto;} .pro_view .table.t_type02 td i img{width: 100%;} .pro_view .cursor.type02 li{cursor: pointer;} /*.table.t_type03*/ .pro_view .table.t_type03{display: flex;align-items: center;} .pro_view .table.t_type03 th:last-child{border:none} .pro_view .table.t_type03 td + td{border-left:1px solid #ddd;} .pro_view .table.t_type03 table{width: 60%;padding-right: 50px;;} .pro_view .table.t_type03 i{width: 40%;display: block;position: relative;padding-bottom: 40%;} .pro_view .table.t_type03 i img{height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);;} .pro_view .detail_wrap > li + li{margin-top: 100px;border-top:1px soliD #ddd;padding-top: 100px;;} .pro_view .con + .con{margin-top: 60px;;} /*slide_type*/ .slide_type .right_con .mySwiper2{border:1px solid #ddd;} .slide_type .mySwiper{width: 60%;margin-top:15px;;;} .slide_type .mySwiper .swiper-slide{padding-bottom:15%;position: relative;bordeR:1px solid #ddd;} .slide_type .mySwiper .swiper-slide img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;} .slide_type .right_con .swiper-button-prev::after, .slide_type .right_con .swiper-button-next::after{color: #666;} /*type01*/ .pro_view .type01{display: flex;align-items: center;} .pro_view .type01 .left_img{width: 40%;;position: relative;;} .pro_view .type01 .left_img > .img_title{background: #f5f5f5;padding:8px; color: #226FB8;font-size: 22px;width: calc(100% - 30px);text-align: center;position: absolute;top:15px;z-index: 9;left:50%;transform: translate(-50%,0);} .pro_view .type01 .right_con{width: 60%;padding-left: 50px;} .pro_view .type01 .left_img i + .video, .pro_view .type01 .left_img i + i{margin-top: 40px;;} .pro_view .type01 .left_img .video{padding-bottom:56%;border:1px solid #eee;;display: block;width: 100%;position: relative;overflow: hidden;} .pro_view .type01 .left_img i{padding-bottom:80%;border:1px solid #eee;;display: block;width: 100%;position: relative;overflow: hidden;} .pro_view .type01 .left_img i.p120{padding-bottom: 120% !important;} .pro_view .type01 .left_img i.p130{padding-bottom: 130% !important;} .pro_view .type01 .left_img i:first-child{padding-bottom: 80%;position: relative;} .pro_view .type01 .left_img .video iframe{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%; height: 100%;} .pro_view .type01 .left_img img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;} .performance article > p, .certification article > p, .pro_view .type01 em{ margin-bottom:15px;; display: block; font-size:28px; font-weight: bold; width: 100%;text-align: left;} .pro_view .type01 p + p{margin-top: 5px;;} .pro_view .type01 p span{font-weight: 600;} .pro_view .type01 .con+.con{margin-top: 40px;;} .pro_view .type01 .con:last-child p + p{margin-top:4px;;} .pro_view .type01.no_img_type{display: block;} .pro_view .type01.no_img_type .right_con{width: 100%;padding-left: 0;} /*type02*/ .pro_view .type02 li em{color: #226FB8;font-weight: 600;text-align: center;font-size: 18px;display: block;background: #f5f5f5; padding:10px;} .pro_view .type02 li em span{display: block;font-size: 16px;color: #666;font-weight: 400;} .pro_view .type02 li i{padding-bottom:100%;background: #fff;display: block;margin:10px 0;position: relative;border:1px solid #eee;overflow: hidden;} .pro_view .type02 li i.p60{padding-bottom: 60%;} .pro_view .type02 li i.icon{padding-bottom: 0%;width: 70px;height: 70px;border:none;margin:20px auto 10px;opacity: 0.8;} .pro_view .type02 li i.icon img{position: initial;transform: none;} .pro_view .type02 li i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;} /* .pro_view .type02 li .txt{padding-bottom: 60px;} */ .pro_view .type02 li p{color: #666; /* height: 86px; */} .pro_view .type02 .li_5 li{width: 20%;} .pro_view .type02 ul{ display: flex; flex-wrap: wrap; align-items: stretch; margin-top: 20px;} .pro_view .type02 ul b{font-size: 16px;font-weight: 500;margin:0 auto;margin-top: 10px;display: flex;height: 44px;text-align: center;word-break: keep-all;align-items: center;justify-content: center;color: #666;} :lang(de) .pro_view .type02 ul b, :lang(en) .pro_view .type02 ul b{height:80px;font-size: 15px;} :lang(de) .pro_view .type02 ul em, :lang(en) .pro_view .type02 ul em{height: 70px; font-size: 16px; display: flex; justify-content: center; align-items: center;;} :lang(cn) .pro_view .type02 ul em, :lang(jp) .pro_view .type02 ul em{height: 70px; font-size: 16px; display: flex; justify-content: center; align-items: center;} :lang(cn) .pro_view .type02 ul b, :lang(jp) .pro_view .type02 ul b{height:50px;font-size: 15px;} .pro_view .type02 ul li{margin-bottom: 10px;} .pro_view .type02 .flex_nowrap{flex-wrap: nowrap;} :lang(en) .pro_view.rd_center .type02 li em{height: auto;} :lang(en) .pro_view .type02 li em{font-size: 18px;height: 50px;;} :lang(en) .pro_view .type02 ul b{width: 100%;text-align: center;font-size: 14px;height: 44px;} :lang(en) .pro_view .type02 li em, :lang(en) .pro_view .type02 ul b{display: flex;align-items: center;justify-content: center;} :lang(en) .pro_view.rd_center .type02 ul b{ display: block; height: auto; padding: 0;text-align: left;color: #226FB8;background: transparent;} .oring_table{display: flex;align-items: center;margin-bottom: 15px;justify-content: flex-end;;} .oring_table img{width: 20px;height: 20px;margin-right: 6px;;} .oring_table p{display: flex;align-items: center;font-size: 14px;background: #f5f5f5;padding:8px 25px;border-radius: 40px;border:1px solid #eee;;} .oring_table p + p{position: relative;margin-left: 15px;} .pro_view.view08 .type02.border_i li {margin-bottom: 20px;} .pro_view.view08 .type02.border_i li i{padding-bottom: 58%; border: 8px solid #222; border-radius: 13px;} .pro_view.view08 .type02.border_i li.mo_view{margin:0 auto;} .pro_view.view08 .type02.border_i li.mo_view >div{display: flex; } .pro_view.view08 .type02.border_i li.mo_view i{width: calc(100% / 4);display: block;padding-bottom: 33%;overflow:hidden;} .pro_view.view08 .type02.border_i li.mo_view i + i{margin-left: 60px;;} .pro_view.view07 .type02 li i.p60{margin-bottom: 10px;} .pro_view.view07 .type02 li.col-md-2 > p{height: auto;color: #333;font-weight: 500;font-size: 16px;} .pro_view .type02.data_signal .li_5 li+li::before{content: ''; display: block; background: url(../img/arr.png) center/cover; width: 20px; height: 10px; position: absolute; opacity: 0.3;transform: translateY(-50%) rotate(-90deg); left: auto; left: -9px; top: 70%;} /*type03*/ .pro_view .type03 > p{margin-top: 10px;color: #666;} /*type04*/ .pro_view .type04 li{display: flex;align-items: center;margin-bottom: 20px;} .pro_view .type04 li em{color: #226FB8;font-weight: bold;font-size: 22px;display: block;margin-bottom: 10px;word-break: keep-all;} .pro_view .type04 li i{padding-bottom: 10%;background: #f5f5f5;display: block;width: 400px;position: relative;overflow: hidden;} .pro_view .type04 li i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;;} .pro_view .type04 li p{color: #666;word-break: keep-all; font-size: 16px;} .pro_view .type04 li > div{width: calc(100% - 400px);padding-left: 30px;;;} /*type05*/ .pro_view .type05 .out_depth{display: flex;} .pro_view .type05 .out_depth em{ color: #226FB8; font-weight: bold; text-align: center; font-size: 22px; display: block;margin-bottom: 20px;;} .pro_view .type05 .out_depth i{bordeR:1px solid #eee;overflow: hidden;display: block;} .pro_view .type05 .out_depth i img{width: 100%;} .pro_view .type05 .in_depth i{padding-bottom:43%;border:1px solid #eee;position: relative;;} .pro_view .type05 .in_depth i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 60%;height: 100%;} .pro_view .type05 .in_depth li{margin-bottom: 44px;position: relative;;} .pro_view .type05 .in_depth b{display: block;background: #226FB8;color: #fff;padding:4px 20px;border-radius: 40px;width: max-content;margin:0 auto;margin-bottom: 20px;font-size: 16px;} .pro_view.view04 .type05 .in_depth li:nth-child(3)::before, .pro_view.view04 .type05 .in_depth li:nth-child(2)::before{content:'';display: block;background: url(../img/arr.png) center/cover;width:20px;height: 10px;position: absolute ;opacity: 0.3;left:50%;bottom:-28px;transform: translateX(-50%);} .pro_view.view04 .type05 .in_depth li:nth-child(3)::before{transform: translateY(-50%) rotate(-90deg);left:auto;right:-9px;top:60%;} :lang(en) .pro_view .type05 .in_depth b{background: transparent;color: #666;padding:0px;border-radius: 0px;width:100%;text-align: center;margin:0 auto;margin-bottom: 16px;font-size: 14px;height: 44px;display: flex;justify-content: center; align-items: center;} /*type06*/ .pro_view .type06 .out_depth em{ color: #226FB8; font-weight: bold; font-size: 22px; display: block;margin-bottom: 20px;;} .pro_view .type06 .in_depth li{margin-bottom: 44px;position: relative; width: 20%;} /* .pro_view .type06 .in_depth li.col-md-2{width: 20%;} */ .pro_view .type06 .in_depth li > div{padding-bottom:100%;} .pro_view .type06 .in_depth div{border:1px solid #eee;height: 100%;position: relative;border-radius: 50%;color: #333;} .pro_view .type06 .in_depth li.point > div{border-color:#226FB8;background: #e8f0f8;} .pro_view .type06 .in_depth li.point > div p{color: #226FB8;} .pro_view .type06 .in_depth li.point > div i{opacity: 1;;} .pro_view .type06 .in_depth i{width: 50px;height: 50px;display: block;margin-bottom: 10px;opacity: 0.6;;} .pro_view .type06 .in_depth i img{width: 100%;} .pro_view .type06 .in_depth .in_txt{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;text-align: center;display: flex; justify-content: center; align-items: center;flex-direction: column;font-weight: 400;color: #666;font-size: 16px;} .pro_view .type06 .in_depth .in_txt p{width: 80%;} :lang(de) .pro_view .type06 .in_depth .in_txt p{font-size: 14px; word-wrap: break-word; line-height: 1.3;} .pro_view .type06 .in_depth li+li::before{content:'';display: block;background: url(../img/arr.png) center/cover;width:20px;height: 10px;position: absolute ;opacity: 0.3;left:-9px;top:50%;transform: translateY(-50%) rotate(-90deg);} /**/ .pro_view .detail_wrap li i.p60{ padding-bottom: 60% !important;} /*씰링기술*/ .re_technic .page_con article + article{padding-top: 200px;} .re_technic .research_wrap{display: flex;align-items: center;position: relative;padding:60px 0;} .re_technic .research_wrap::before{content:'';display: block;width: 150%;height: 100%;background: #f9f9f9;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;z-index: -1;} .re_technic .research_wrap > div{width: 50%;border-radius: 30px; overflow: hidden;} .re_technic .research_wrap .left img{width: 100%;height: 100%;} .re_technic .research_wrap .right{padding-left: 60px;;} .re_technic .research_wrap .right h5{font-size: 45px;font-weight:400;margin-bottom: 30px;line-height: 1.3;position: relative;} .re_technic .research_wrap .right h5 span{width: 10px;height: 10px;background: #226FB8;border-radius: 40px;display: block;position: absolute;left:135px;top:5px;} .re_technic .research_wrap .right p{word-break: keep-all;color: #666;} .re_technic .page_tabs::before{display: none;} .re_technic .page_tabs{background:transparent;justify-content: center;} .re_technic h4{font-size: 60px;text-align: center;} .re_technic .img{width: 50%;background: #f9f9f9;padding:30px;border-radius: 20px;display: flex;flex-direction: column; justify-content: center;;} .re_technic .img img{width: 100%;} .re_technic .img div{font-size: 15px;word-break: keep-all;margin-top: 40px;;} .re_technic .img div p{line-height: 1.4;} .re_technic .img b{color: #226FB8;display: block;margin-bottom: 4px;font-weight: 600;} .re_technic .panels .txtbox{width: 50%;padding-left: 40px;} .re_technic .txtbox > p{font-size: 18px;font-weight: 600;} .re_technic .txtbox em{font-size:50px;margin-bottom: 40px;display: block;line-height: 1.4;} .re_technic .txtbox ul li + li{margin-top: 10px;} .re_technic .txtbox ul li p{color: #666;margin-top: 0px;font-size: 16px;word-break: keep-all;} .re_technic .txtbox ul li p span{font-weight: 600;color: #333;} .re_technic .txtbox ul li b{position: relative;padding-left: 10px;color: #226FB8;} .re_technic .txtbox ul li b::before{content:'';display: block;width: 4px;height: 4px;background: #226FB8;border-radius: 40px;position: absolute;left:0;top:11px;transform: translate(0,-50%);} .re_technic .skill02 {position: relative;display: flex;} .re_technic .skill02 > div{width: calc(100% / 3);} .re_technic .skill02 > div .tit {margin-bottom: 20px;} .re_technic .skill02 > div + div{margin-left: 40px;} .re_technic .tabSet ul.tabs {overflow:hidden;margin:0 -10px;display: flex;padding:0;position: absolute;left:50%;transform: translateX(-50%);top:100px;} .re_technic .tabSet ul.tabs li{list-style-type:none;margin:0 10px;text-align: center;} .re_technic .tabSet ul.tabs li a{border:1px solid #eee;;padding: 10px 30px;width: 100%;;display:block;border-radius:40px;font-weight:400; width: max-content;background: #f9f9f9;color: #666;} .re_technic .tabSet ul.tabs li a.on{background:#226FB8;cursor:default;color:#fff;font-weight: 600;border-color: #226FB8;} .re_technic .panel{ display:none;} .re_technic .panel .con{display: flex;align-items: center;} .re_technic .tit{margin-bottom: 40px;;} .re_technic .tit h5{font-size:28px; font-weight: bold;;line-height: 1.4;} .re_technic .tit p{line-height: 1.6;color: #666;font-size: 18px;} .re_technic .tit h5 + p{margin-top: 6px;} .re_technic .con h5{font-size: 22px;} .re_technic .skill01 ul{display: flex;margin:0 -20px;} .re_technic .skill01 ul li{width: 50%;padding:0 20px;;} .re_technic .skill01 .center_txt{text-align: center;width: 80px;font-size: 30px;color: #226FB8;font-weight: bold;} .re_technic .skill01 ul li em{display: block;text-align: center;font-weight: bold;font-size: 22px;} .re_technic .skill01 ul li b{margin:20px 0;display: block;text-align: center;font-size: 20px;background: #f9f9f9;color: #226FB8;padding:8px 40px;} :lang(de) .re_technic .skill01 ul li em { font-size: 20px;} :lang(de) .re_technic .skill01 ul li b {font-size: 17px;} :lang(de) .re_technic .skill01 ul li p{font-size: 16px;} .re_technic .skill01 ul li p{word-break: keep-all;margin-top: 20px;text-align: center;color: #666;margin-bottom: 40px;;} .re_technic .skill01 ul li p span{/* color: #226FB8; */font-weight: 600;color: #333;} .re_technic .skill01 ul li i{background: #fff;padding-bottom: 50%;display: block;;position: relative; overflow: hidden;} .re_technic .skill01 ul li i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;;} .re_technic article > b{width: max-content;color: #226FB8;margin:0 auto;display: block;position: relative;font-size: 22px;background: ;} .re_technic article > b::before{content:'';display: block;width: 100%;height: 2px;background: #226FB8;position: absolute;left:50%;transform: translateX(-50%);bottom:5px;} /*연구 장비*/ .re_equipment ul li>div{border:1px solid #ddd;overflow: hidden;height: 100%;width: 100%;} .re_equipment ul li{margin:16px 0 ;height: 100%;} .re_equipment ul i{display: block;width: 100%;padding-bottom:60%;background: #ddd;position: relative;overflow: hidden;} .re_equipment ul img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;transition-duration: 0.3s;} .re_equipment ul .txtbox{padding:30px;text-align: center;} .re_equipment ul h4{font-weight: bolder;margin-bottom: 15px;font-size: 20px;} :lang(en) .re_equipment ul h4 , :lang(de) .re_equipment ul h4 {font-size: 18px; height: 58px; display: flex; justify-content: center;align-items: center; margin-bottom: 10px;} :lang(en) .re_equipment ul p, :lang(de) .re_equipment ul p{font-size: 16px; height: 76px; display: flex; justify-content: center;align-items: center;} .re_equipment ul li:hover h4{color: #226FB8;} .re_equipment ul p{color: #666;word-break: keep-all;font-size: 16px;} .re_equipment ul li:hover img{width: 105%;height: 105%;} .re_equipment ul{display: flex;flex-wrap: wrap;} .fot_view .page_con{border: 1px solid #ddd;height: 500px;overflow-y: scroll;padding:10px;font-size: 16px;} /*pro_search*/ .pro_search .page_tit{margin-bottom: 40px;;} .pro_search .page_tit em{display: block; font-size: 40px; font-weight: bolder;position: relative;width:100%;color: #333;margin-bottom: 10px;} /* .pro_search .page_tit em span {width: 10px; height: 10px; background: #226FB8; border-radius: 40px; display: block; position: absolute; right: -20px; top: 5px;} */ .pro_search .page_tit b{ font-size:28px; font-weight: bold;display: block; margin-bottom: 10px;color: #226FB8;} .pro_search .page_tit p{ font-size: 18px; font-weight: 500; color: #666;} .top_search{background: #f5f5f5;padding:20px 30px;} .top_search ul{display: flex;flex-wrap: wrap;} .top_search ul li{margin:8px 0;} .top_search p{font-weight: 600;font-size: 16px;margin-bottom: 10px;;} .top_search select{width: 100%;bordeR:1px solid #ddd;padding:10px;font-size: 16px;background:url('../img/select.png')no-repeat right 12px center;background-color: #fff;outline: none; color: #111;} .searchview_table table, .search_table{overflow-x: scroll;} .search_table table{width: 100%; max-width: max-content;} .searchview_table thead, .search_table thead{background: #f9f9f9; border-top: 2px solid #226FB8;color: #666;} .searchview_table thead th, .search_table thead th{font-weight: 600;} .search_table th p{display: flex;align-items: center;cursor: pointer;justify-content: space-between; white-space: nowrap;} .search_table th span{width: 12px;height: 13px;background: url(../img/sub/pro/arr_toge.png) center/cover;display: block;margin-left: 10px;;} .searchview_table td, .searchview_table th, .search_table td, .search_table th{padding:15px;vertical-align: middle;text-align: center;font-size: 16px;} .search_table th > div{display: flex;align-items: center; justify-content: space-between;} /* .search_table th p{margin-right: 15px;;} */ .search_table th p strong{width: 6px;} .searchview_table td + td, .searchview_table th + th, .search_table td + td, .search_table th + th{border-left:1px solid #ddd;} .search_table td i{width: 100px;display: block;margin:0 auto;;} .search_table td i img{width: 100%;} .searchview_table tr, .search_table tr{border-bottom:1px solid #ddd;} .searchview_table .sear_tit, .search_table .sear_tit{font-weight: 600;color: #226FB8;font-size: 16px;text-align: left;width: calc(35% - 100px);} .search_table td{color: #666;font-size: 16px;width: 12%;} .view.pro_search .con + .con{margin-top: 60px;;} .view.pro_search .page_tit em {font-weight: 500;} .searchview_img {margin-bottom: 40px;;} .searchview_img li i{border:1px solid #ddd;position: relative;padding-bottom:50%;overflow: hidden;display: block;} .searchview_img li i img{width: 80%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .searchview_txt em{margin-bottom: 10px; display: block; font-size: 28px; font-weight: bold; width: 300px;} .searchview_txt p {word-break: keep-all;} .searchview_txt p + p { margin-top: 10px;} .searchview_txt li:last-child p + p { margin-top: 4px;} .searchview_table li + li{margin-top: 60px;;} .searchview_table li > em{ font-size: 30px; font-weight: bold; margin-bottom: 20px;display: block;} .searchview_table th{width: calc(100% / 4);} /*제품검색*/ .pro_order .page_title{display: block;} .pro_order .but_sec{display: flex;margin-top: 30px;;} .pro_order .but_sec.but_txt{display: block;} .pro_order .but_sec.but_txt > p{margin-bottom: 20px;color: #888;font-size: 15px;} .pro_order .but_sec .main_but + .main_but{margin-left: 60px;;} .pro_order .but_sec .main_but{margin-top: 0;;} .pro_order .type02 li {margin-bottom: 32px;display: flex;} .pro_order .type02 .main_but{position: absolute;left:20px;bottom:20px;} .pro_order .type02 li em{background: #f5f5f5; color: #226FB8; font-weight: bold; text-align: center; font-size: 22px; display: block;padding:10px 0;margin-bottom: 20px;;} .pro_order .type02 li > div{padding:20px;border:1px solid #ddd;position: relative;padding-bottom: 80px;} .pro_order .type02 li p span{color: #226FB8;} .pro_order .out_depth li{display: flex;} .pro_order .in_depth {display: flex;width: calc(100% - 250px);} .pro_order .type05 .out_depth em{background: #f5f5f5;width:300px;display: flex;flex-direction: column; justify-content: center;margin-right: 40px;margin-bottom: 0;} .pro_order .type05 .out_depth em span{font-size: 18px;display: block;;} .pro_order .type05 .in_depth li+li::before, .pro_order .type05 li:nth-child(2) .in_depth li:first-child::before, .pro_order .type05 li:nth-child(2) .in_depth li:first-child::after, .pro_order .type05 li:first-child .in_depth li:last-child:after, .pro_order .type05 .out_depth > li:nth-child(2):after{content:'';display: block;background: #b3b2b2;position: absolute ;} .pro_order .type05 .in_depth li+li::before{background: url(../img/arr.png) center/cover;width:20px;height: 10px;opacity: 0.3;left:-9px;top:50%;transform: translateY(-50%) rotate(-90deg);} .pro_order .type05 li:nth-child(2) .in_depth li:first-child::after{width: 1px;height: 20px;left:50%;top:-36px;transform: translateX(-50%);} .pro_order .type05 li:first-child .in_depth li:last-child:after{width: 1px;height: 29px;left:50%;bottom:-29px;transform: translateX(-50%);} .pro_order .type05 .out_depth > li:nth-child(2):after{width:63%;height: 1px;left:calc(50% + 191px);top:-36px;transform: translateX(-50%);} .pro_order .type05 li:nth-child(2) .in_depth li:first-child::before{background: url(../img/arr.png) center/cover;width:20px;height: 10px;opacity: 0.3;left:50%;top:-20px;transform: translateX(-50%);} .pro_order .type05 .out_depth{display: block;} .pro_order .type05 .out_depth > li{margin-bottom: 64px;} .pro_order .type05 .in_depth li{margin-bottom: 0;;} .pro_order .type05 .in_depth li div{width: 100%;border:1px solid #ddd;padding:20px;text-align: center;width: 100%; display: flex; justify-content: center; align-items: center;flex-direction: column;color: #333;font-weight: 600;} .pro_order .type05 .in_depth li div.w_box::before{content:'';display: block;width: 100px;height:30px;background: #fff;position: absolute; left: calc(50% - 51px); transform: translate(-50%,0); top: -50px;z-index: 999;} .pro_order .type05 .in_depth li .bot.w_box::before{right: calc(50% - 51px);left:auto; transform: translate(50%,0); top:auto;bottom:-50px;z-index: 999;} .pro_order .type05 .in_depth li div p{width: 100%;word-break: break-word;} :lang(de) .pro_order .type05 .in_depth li div p{font-size: 16px;} .pro_order .type05 .in_depth button{background: #226FB8;color: #fff;padding:6px 20px;border-radius: 40px;font-size: 16px;margin-top: 6px;} :lang(de) .pro_view .type05 .out_depth em { color: #226FB8; font-weight: bold; text-align: center; font-size: 18px; } .pro_order .munder_type{display: flex;align-items: center;background: #f9f9f9;border:1px solid #eee;padding:40px;} .pro_order .munder_type div div{border:1px solid #ddd;padding:20px 10px;display: block;border-radius: 10px;font-size: 25px;color: #666;background: #fff;width: 100%;} .pro_order .munder_type span{background: #eee;color: #666;width: 40px;height: 40px;border-radius: 40px;display: flex; font-weight: 600; justify-content: center; align-items: center;margin:0 auto;} .pro_order .munder_type strong{color: #888;width: 40px;text-align: center;position: relative;top:28px} .pro_order .munder_type .s_txt{width: 120px;} .pro_order .munder_type div + div{margin-left: 20px;} .pro_order .munder_type div{width: calc((100% - 640px) / 3);text-align: center;font-size: 30px;} .pro_order .munder_type div em{font-weight: bold;margin-bottom: 10px;display: block;;} .pro_order .munder_depth{margin-top: 60px;display: flex; flex-wrap: wrap;} .pro_order .munder_depth span{background: #eee;font-weight: bold;color: #666;width: 40px;height: 40px;border-radius: 40px;display: flex; justify-content: center; align-items: center;margin:0 auto;font-size: 22px;} .pro_order .munder_depth li {margin-bottom: 40px;} .pro_order .munder_depth li em{text-align: center;display: block;background: #f5f5f5;padding:10px 0;font-weight: 600;margin:20px 0;color: #226FB8;} .pro_order .munder_depth li .txt{color: #666;font-size: 18px;} .pro_order .munder_depth li .txt p{position: relative;padding-left: 13px;} .pro_order .munder_depth li .txt p::before{content:'';display: block;width: 6px;height: 1px;background: #666;position: absolute;left:0;top:50%;transform: translate(0,-50%);} /* ********************************************* * * 1600px * ********************************************* */ @media screen and (max-width: 1660px){ } /* ********************************************* * * 1400px * ********************************************* */ @media screen and (max-width: 1400px){ .his_con > div {width: 40%;} .his_con .text_con{width: 60%;padding-left: 60px;} .re_equipment ul .txtbox {padding: 20px;} .re_equipment ul h4 { font-size: 16px;} :lang(de) .rd_center.pro_view .technic_arti03 .top{margin-bottom: 20px;} :lang(de) .rd_center.pro_view .technic_arti03 .top p{position: absolute;} :lang(de) .rd_center.pro_view .technic_arti03 {padding-bottom: 330px; position: relative;} :lang(de) .rd_center.pro_view .technic_arti03 .pro_img { margin: -10px; position: initial;} :lang(de).rd_center.pro_view .technic_arti03 .pro_img > i{width: 50%; margin: 10px;} :lang(de).rd_center.pro_view .technic_arti03 .pro_img > .txtbox{position:absolute; width: 100%; z-index: 9; left:50%;bottom:0;transform: translateX(-50%); top:auto;} :lang(de).rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul{ width: 100%;} :lang(de).rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul li{width: 100%;display: flex; height: 100px; flex-direction: column;justify-content: center;} :lang(de).rd_center.pro_view .technic_arti03 .txtbox li em{width: 100%; font-size: 20px; padding-left: 60px;;} :lang(de).rd_center.pro_view .technic_arti03 .txtbox li+li{ } :lang(de).rd_center.pro_view .technic_arti03 .txtbox li div {display: flex; padding-left: 60px; flex-wrap: wrap;} :lang(de).rd_center.pro_view .technic_arti03 .txtbox li i{position: absolute;left:20px; top:50%;transform: translateY(-50%); } :lang(de) .pro_view .type02 ul b, :lang(en) .pro_view .type02 ul b{height:120px;font-size: 15px;} } /* ********************************************* * * 1200px * ********************************************* */ @media screen and (max-width: 1200px){ .info em {font-size: 30px;} .info .info_con{padding-left: 0;} .info .info_con i {width: 100%;} .info .info_con i img {left: -17px;} .search_table{width: 100%;overflow-x: scroll;} .search_table table{width: 1200px;} .pro_view .type01{display: block;} .pro_view .type01 .left_img{width: 100%;display: flex;} .pro_view .type01 .left_img i.p120, .pro_view .type01 .left_img i, .pro_view .type01 .left_img .video , .pro_view .type01 .left_img i:first-child {padding-bottom: 28% !important} .view06.pro_view .type01 .left_img i:first-child { padding-bottom:40% !important;width: 50%;} .view06.pro_view .type01 .left_img i:first-child img{width: 100%;} .pro_view .type01 .left_img i img{width: 70%;} .pro_view .type01 .left_img i + .video, .pro_view .type01 .left_img i + i{margin-top: 0;margin-left: 10px;} .pro_view .type01 .right_con { width: 100%; padding-left: 0; margin-top: 40px;} .pro_view .type04 li > div{padding-left: 20px;;;} .rd_center.pro_view .technic_arti03 .pro_img > .txtbox{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 9;width: max-content;} .rd_center.pro_view .technic_arti03 .pro_img > i { width: 50%;padding-bottom: 50%;} .rd_center.pro_view .technic_arti03 .pro_img { margin: 0 -30px; margin-top: 20px;} .rd_center.pro_view .technic_arti03 .txtbox li{box-shadow: 0 0 15px rgba(0,0,0,0.05);} .rd_center.pro_view .technic_arti03 .txtbox li { padding: 15px 20px 10px;} .rd_center.pro_view .technic_arti03 .txtbox i { width: 40px; height: 40px;} .rd_center.pro_view .technic_arti03 .txtbox li em { font-size: 20px;} /*technic_arti03_02*/ .rd_center.pro_view .technic_arti03_02 ul li{} .pro_view .type02 li em { font-size: 16px;} .pro_view .type02 ul b{width: 100%;text-align: center;} .pro_view .type02 .li_5 li { width: 33.3%;} .view08.pro_view .type02 .row { margin-right: -8px; margin-left: -8px;} .view08.pro_view .type02 .row > [class*='col'] { padding-right: 8px; padding-left: 8px;} .pro_view.view08 .type02.border_i li.mo_view i + i { margin-left: 16px;} .re_equipment .row{margin-left: -8px;margin-right: -8px;;} .re_equipment .row > [class*='col']{padding-left: 8px;padding-right: 8px;;} .re_equipment ul li { margin: 8px 0;} .re_equipment ul h4{height: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 8px;} .re_equipment ul p{word-break: keep-all;} .re_equipment ul p br{display: none;} .pro_order .type05 .out_depth em {width: 250px;font-size: 20px;margin-right: 20px;} .pro_order .in_depth { width: calc(100% - 250px);} .pro_order .row-wide { margin-right: -10px; margin-left: -10px;} .pro_order .row-wide > [class*='col'] { padding-right: 10px; padding-left: 10px;} .pro_order .type05 .out_depth > li:nth-child(2):after {left: calc(50% + 180px);} .top_search {padding: 20px 20px;} .searchview_table td, .searchview_table th, .search_table td, .search_table th { padding: 12px; font-size: 14px; text-align: left;} .searchview_table .sear_tit, .search_table .sear_tit { font-size: 15px;} :lang(de) .pro_view .type02 ul b, :lang(en) .pro_view .type02 ul b{height:80px;font-size: 15px;} .pro_view .type02.data_signal .li_5 li:last-child:before { content: ''; display: block; background: url(../img/arr.png) center / cover; width: 20px; height: 10px; position: absolute; opacity: 0.3; transform: translateY(-50%) rotate(-90deg); left: auto; left: -9px; top: 70%;} } /* ********************************************* * * 1024px * ********************************************* */ @media screen and (max-width: 1024px){ .recruitment_img { padding-bottom: 40%;} .recruitment_img h6 {font-size: 40px;} .recruitment_img p { margin-top: 0px; margin-bottom: 20px; font-size: 18px;} .recruitment_img button {padding: 14px 30px;} .pro_view .type04 li i { width: 300px;} .pro_view .type04 li > div {width: calc(100% - 300px);} .re_technic .research_wrap > div {border-radius: 10px;} .re_technic .research_wrap .right { padding-left: 40px;} .facility .arti01 {margin: 0 -10px;} .facility .arti01 > div{padding:0 10px;} .re_technic .skill02 {flex-wrap: wrap;} .re_technic .img div {padding-left: 20px; margin-top: 0;} .re_technic .skill02 > div { width: calc(100% / 2); margin-top: 20px;} .re_technic .skill02 > div + div {margin-left:0px;} .re_technic .skill02 > .con + .con {padding-left:20px;} .re_technic .skill02 > div.img{width: 100%; padding: 60px; display: flex; flex-direction: row; align-items: center; margin-top: 0;} :lang(de) .pro_view .type06 .in_depth li{width: 33.3%;} .pro_view .type06 .in_depth li+li:nth-child(4)::before{display: none !important;} :lang(de) .pro_view .type02 li em, :lang(en) .pro_view .type02 li em{height: 70px; display: flex;align-items: center; justify-content: center;} :lang(cn) .pro_view .type06 .in_depth li, :lang(jp) .pro_view .type06 .in_depth li{ width: 33.3%;} :lang(de) .pro_view .type06 .in_depth li, :lang(en) .pro_view .type06 .in_depth li{ width: 33.3%;} } /* ********************************************* * * 960px * ********************************************* */ @media screen and (max-width: 960px){ .re_technic .page_con article + article { padding-top: 120px;} .inquiry .tell_con input{width: calc((100% - 70px) / 3);} .catalog .textbox .tit { font-size: 40px; font-weight: bold;} .catalog .textbox .txt { font-size: 18px;} .catalog .page_con ul { margin: 0 -10px; margin-top: 40px;} .catalog .page_con ul li{padding-left: 10px;padding-right: 10px;;;} .his_con .text_con .year {font-size: 35px; width: 130px;} .his_con .text_con .right_con {width: calc(100% - 130px);} .his_con .text_con li + li {margin-top: 60px;} .certification h5{font-size: 35px;} .esg_wrap ul li h5 {font-size: 28px;} .top_search { padding: 15px 20px;} .top_search p { margin-bottom: 6px;} .pro_view .left_txt p{word-break: keep-all;} .pro_view .left_txt p br{display: none;} .pro_view .type02 li p { height: auto;font-size: 16px;} .pro_view .type02 li{margin-bottom: 20px;} .pro_view .table{width: 100%;overflow-x: scroll;} .pro_view .table table{width: max-content;} .pro_view .type05 .in_depth b { padding: 2px 10px; margin-bottom: 10px; font-size: 14px;} .pro_view .type05 .row-wide {margin-right: -8px; padding-left: -8px;} .pro_view .type05 .row-wide > [class*='col'] {padding-right: 8px; padding-left: 8px;} .pro_view .type05 .in_depth li {margin-bottom: 24px;} .pro_view.view04 .type05 .in_depth li:nth-child(3)::before, .pro_view.view04 .type05 .in_depth li:nth-child(2)::before { width: 15px; height: 5px; bottom: -15px;} .pro_view .type02 .li_5 li b{height: 50px;display: flex;align-items: center;justify-content: center;color: #666;} .view_09.pro_view .table table th { width: auto;} .view_09.pro_view .table table th, .view_09.pro_view .table table td { padding: 10px;font-size: 14px;} .view_09.pro_view .exercise_td { width: 170px;} .pro_view .table td button { padding: 6px 8px;} .performance .download_con li> div {padding: 20px;} .performance .download_con li p { font-size: 18px;height: 56px;display: flex;align-items: center;} .performance .download_con li button { margin-top: 10px;padding: 10px 20px;} .re_equipment .row > [class*='col']{width: 50%;} .re_equipment ul p br{display: block;} .pro_order .out_depth > li{display: block;} .pro_order .type05 .out_depth em {width: 100%;font-size: 18px;padding:6px 0;margin-bottom: 16px;;} .pro_order .type05 .out_depth em span {font-size: 16px;} .pro_view .type05 .row-wide{width: 100%;} .pro_order .type05 .out_depth > li:nth-child(2) em{margin-bottom: 30px;} .pro_order .type05 .in_depth li+li::before { width: 13px; height: 7px; left: -7px;} .pro_order .type05 .out_depth > li:nth-child(2):after {width: 73%;left: calc(50%);} .pro_order .type05 .in_depth li div.w_box::before { top: -148px;} .pro_order .type05 .in_depth li+li::before, .pro_order .type05 li:nth-child(2) .in_depth li:first-child::before, .pro_order .type05 li:nth-child(2) .in_depth li:first-child::after, .pro_order .type05 li:first-child .in_depth li:last-child:after, .pro_order .type05 .out_depth > li:nth-child(2):after{display: none;} .pro_order .type05 .in_depth li .bot.w_box::before { bottom: -60px;} .pro_order .type05 li:nth-child(2) .in_depth li:first-child::after { height: 113px; top: -132px;} .pro_order .type05 li:first-child .in_depth li:last-child:after { height: 53px; bottom: -53px;} .pro_order .type05 .in_depth li div{font-size: 16px;} .pro_order .munder_type {padding: 20px;} .pro_order .munder_type div { font-size: 22px;width: calc((100% - 364px) / 3);} .pro_order .munder_type strong { width: 22px; top: 22px;} .pro_order .munder_type .s_txt { width: 80px;} :lang(de) .rd_center.pro_view .technic_arti03 .pro_img > .txtbox , :lang(en) .rd_center.pro_view .technic_arti03 .pro_img > .txtbox {top: auto; transform: translate(-50%,0%); width: calc(100% - 20px);bottom: 0;} :lang(de) .rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul :lang(en) .rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul{display: flex;} :lang(de) .rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul li, :lang(en) .rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul li{width: calc(100%);border:1px solid #b3d0ec;box-shadow: none; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;} :lang(de) .rd_center.pro_view .technic_arti03 .pro_img i, :lang(en) .rd_center.pro_view .technic_arti03 .pro_img i {margin: 0 10px;} :lang(de) .rd_center.pro_view .technic_arti03 .pro_img, :lang(en) .rd_center.pro_view .technic_arti03 .pro_img { margin: 0 -10px; padding-bottom: 0;} :lang(de) .rd_center.pro_view .technic_arti03 .txtbox li em, :lang(en) .rd_center.pro_view .technic_arti03 .txtbox li em {font-size: 16px; width: 100%;} :lang(de) .rd_center.pro_view .technic_arti03 .txtbox li em, :lang(en) .rd_center.pro_view .technic_arti03 .txtbox i{margin:0 auto;} :lang(de) .rd_center.pro_view .technic_arti03 .txtbox ul li p, :lang(en) .rd_center.pro_view .technic_arti03 .txtbox ul li p{font-size: 14px;} :lang(de) .rd_center.pro_view .technic_arti03 .top p , :lang(en) .rd_center.pro_view .technic_arti03 .top p {margin: 0 -30px;} .facility .arti01 {margin: 0 0px;display: block;} .facility .arti01 > div{padding:0 0px;width: calc(100%);margin-bottom: 60px;} .pro_view .type02 li em{padding:10px} .pro_view .type02.data_signal .li_5 li:nth-child(4)::before{display: none;} :lang(de) .pro_view .type02 ul b, :lang(en) .pro_view .type02 ul b {height: 80px;} .pro_view .type02 ul li{width: 20%;} .pro_view.pro_order .type02 ul li{width: 50%;} .rd_center.pro_view .technic_arti03{display: none;} .rd_center.pro_view .technic_arti03_02{display: block;} .info em {font-size: 26px;} :lang(en) .rd_center.pro_view .type02 .in_depth em strong{padding-left: 0;} :lang(en) .certification.datum .table{overflow-x: scroll; } :lang(en) .certification.datum .table ul{width: 800px;} :lang(en) .certification.datum .table ul li .day { width: 110px;} :lang(de) .certification.datum .table{overflow-x: scroll; } :lang(de) .certification.datum .table ul{width: 800px;} :lang(de) .certification.datum .table ul li .day { width: 110px;} } /* ********************************************* * * 768px * ********************************************* */ @media screen and (min-width: 769px){ } @media screen and (max-width: 768px){ .page_search {width: 100%;border:1px solid #ddd;padding:0;} .page_search button{background: #226FB8;} .page_search button img{filter: invert(100%);} .datum.type02 .table ul.table_head{display: none;} .datum.type02 .table {border-top:2px solid #226FB8;} .datum.type02 .table ul li {display: block;padding: 14px 0;position: relative;} .datum.type02 .table ul li .day, .datum.type02 .table ul li .no, .datum.type02 .table ul li .hits{width: auto;text-align: left;} .datum.type02 .table ul li .no::before{content:'No. '} .datum.type02 .table ul li .hits::before{content:'작성자 : '} .datum.type02 .table ul li .day{position: absolute;right:0;bottom:14px;} .datum.type02 .table ul li .tit{width: 100%;text-align: left; font-size: 20px;margin:6px 0;} .news .news_depth .textbox {padding: 16px;} .news .news_depth .txt { margin: 6px 0 10px;} .news .news_depth li { margin-bottom: 16px;} .page_tabs { padding: 20px 0px;} .page_tabs ul{padding-left: 0;} .page_search { margin-bottom: 40px;} .total_wrap {margin-top: 40px;} .recruitment_img h6 {font-size: 30px;} .recruitment_img p { font-size: 16px;} .recruitment_img button {padding: 12px 20px; font-size: 16px;} .recruitment_img .text_box {width: 100%;position: relative;transform: none;left:auto;top:auto;padding:30px 0px;} .recruitment_img{padding-bottom: 0;} .recruitment .table ul.table_head{display: none;} .recruitment .table ul li >div.in_con{display: block;position: relative;padding: 16px 0;} .recruitment .table ul li .no, .recruitment .table ul.table_body li .tit, .recruitment .table ul li .day{width: 100%;text-align: left;} .recruitment .table_body .no {position:absolute;left:0;top:18px;} .recruitment .table_body .no span{margin:0;text-align: center; padding:2px 0px; font-size: 14px; width: 86px;} .recruitment .table ul.table_body li .tit{margin-bottom:10px;padding-left: 92px;font-size: 18px;padding-right: 30px;} .recruitment .table .click{position: absolute;right:0;top:50%;transform: translateY(-50%);width: 20px;} .recruitment .table .click img{margin-left: auto;} .inquiry .email_con input:first-child{width: 180px;;} .inquiry .email_con input:last-child{width: calc(100% - 200px);;} .inquiry ul li p {width: 130px;} .inquiry ul li .right_con {width: calc(100% - 130px);padding: 15px;} .filebox label { width: 100px;} .filebox .upload-name { width: calc(100% - 100px);font-size: 14px;} .inquiry .policy_sec .check_con {padding: 15px;} .catalog .page_con ul{flex-wrap: wrap;} .catalog .page_con ul li{width: 50%;margin-bottom: 40px;;} .catalog_but {margin-top: 20px;} .catalog .textbox .txt {font-size: 16px;} .info .info_con { margin-top: 40px;} .info .info_con i{margin-bottom: 40px;;} .info .info_con .core_value {margin-top: 20px;} .info p + p {margin-top: 10px;} .his_con{display: block;} .his_con .img_con{display: none;} .his_con .text_con{padding:0 20px 80px;width: 100%;} .his_con .text_con .right_con i {width:calc((100% - 20px) / 2);} .esg_wrap ul{display: block;} .esg_wrap ul li{width: 100%;} .certification .esg_wrap ul li{margin-bottom: 40px;} .certification .esg_wrap ul li:last-child{margin-bottom: 0;} .certification .esg_wrap ul li i{width: 100%;padding-bottom: 20%;;} .certification .esg_wrap ul li .textbox{width: calc(100%);margin-top: 10px;;} .esg_wrap ul li span{margin-top: 0;;} .esg_wrap ul li h5{margin-bottom: 10px;} .certification .esg_wrap ul.row-wide li p { margin-top:4px;} .certification.certification01 .bd-lg > div + div {margin-top: 80px; padding-top: 80px;} .cer02_con .cer02_img p { padding: 10px 0;} .certification.certification01 .page_tabs {margin-bottom: 0px;margin-top: 10px;} .page_tabs li a { padding: 8px 25px;font-size: 16px;} .pro_search .page_tit em, .his_con .text_con .year, .re_technic .tit h5, .re_technic .research_wrap .right h5, .page_title h4 {font-size: 28px;} .pro_search .page_tit b{word-break: keep-all;} .rd_center.pro_view .technic_arti03 .top em, .searchview_table li > em, .searchview_txt em, .pro_search .page_tit b, .certification h5, .page_title em, .performance article > p, .certification article > p, .pro_view .type01 em, .pro_view .left_txt, .certification.datum article >p, .location .loca_top > p, .esg_wrap ul li h5, .info p.txt{font-size: 26px; } .pro_order .munder_type div, .pro_view .type05 .out_depth em, .pro_view .type01 .left_img > .img_title, .datum.datum_view .table ul.table_body li .tit, .rd_center.pro_view .technic_arti03 .txtbox li em, .rd_center.pro_view .type02 .in_depth em, .page_title p, .pro_view .type04 li em, .re_technic .skill01 ul li b, .re_technic .skill01 ul li em, .re_technic article > b{font-size: 18px;} .pro_order .munder_depth span, .pro_order .munder_depth li .txt, .pro_order .munder_type span, .performance .download_con li p, .pro_view .type02 li em, .rd_center.pro_view .type02 li .in_depth em, .rd_center.pro_view .type02 li em, .pro_search .page_tit p, .rd_center.pro_view .technic_arti03 .top span, .certification ul.row-wide li p, .pro_view .left_txt p, .re_equipment ul h4, .datum .table ul.table_body li .tit, .datum .table ul li, .re_technic .tit p, .cer02_con .cer02_img p, .cer02_con .title p, .certification .esg_wrap ul.row-wide li p, .info p{font-size: 16px;} .pro_view .type03 > p, .pro_view .type04 li p, .re_equipment ul p, .performance .download_con li button, .rd_center.pro_view .technic_arti03 .txtbox li p span, .rd_center.pro_view .type02 li b, .pro_view .table table, .pro_view .type02 li p, .certification ul.row-wide li p.txt, .certification.datum article >p span{font-size: 14px;} .cer02_con i { padding: 12px;} .location .loca_top .left .loca_map, .location .loca_top .left i{padding-bottom: 30%;position: relative;} .location .loca_top .left .loca_map >div , .location .loca_top .left i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;} .location .right ul li {padding: 10px 0;} .location .right ul li span.txt { width: 120px;} .pro_view .type04 li { display: block;} .pro_view .type04 li i, .pro_view .type04 li > div {width:100%;margin:0;} .pro_view .type04 li i{padding-bottom: 40%;} .pro_view .type04 li > div {padding-left: 0;background: #fff;padding:30px;transform: translateY(-80px);width: 80%;} .pro_view .type04 li i img { transform: translate(-50%,-64%);} .pro_view .table table th { width: 100px;} .pro_view .table table th, .pro_view .table table td {padding: 8px;} .rd_center.pro_view .type02 .in_depth em span { width: 20px; height: 20px; font-size: 14px;} .rd_center.pro_view .technic_arti03 .pro_img > i {border-radius: 10px;} .rd_center.pro_view .technic_arti03 .txtbox i{display: none;} .rd_center.pro_view .technic_arti03 .txtbox ul li p { line-height: 1.3;} .pro_view .type05 .out_depth em{margin-bottom: 10px;} .view08.pro_view .type02.border_i .row > [class*='col']{width: 100%;} .re_technic .research_wrap{display: block;} .re_technic .research_wrap .left{width: 100%;} .re_technic .research_wrap .right { padding-left: 0;margin-top: 20px;width: 100%;} .re_technic .research_wrap .right h5 span{display: none;} .re_technic .research_wrap .right h5 br{display: none; margin-bottom: 20px;} .re_technic .skill01 ul li em{padding:8px;} .re_technic .panel .con{display: block;} .re_technic .panel .con > div{width: 100%;} .re_technic .panel .con > .img{border-radius: 10px; padding: 20px;;} .re_technic .img div { margin-top: 10px;} .re_technic .panel .con > .img i{width: 80%;margin:0 auto;;display: block;} .re_technic .panels .txtbox{padding-left: 0;margin-top: 20px;;;} .re_technic .txtbox ul li + li { margin-top: 10px;} .re_technic .tabSet ul.tabs { top: 60px;} .performance .download_con ul{margin:0;} .performance .download_con li {margin-bottom: 8px;width: 100%;padding:0;} .performance .download_con li p{height: auto;} .performance .download_con li> div {border: 6px solid #eee; padding:12px} .pro_view .type06 .in_depth i {width: 30px; height: 30px;margin-bottom: 2px;} .pro_view .type06 .in_depth .in_txt{font-size: 14px;} :lang(en).pro_view .type06 .in_depth .in_txt{font-size: 12px;line-height: 1.2;} .pro_order .type02 li > div {padding: 12px; padding-bottom: 80px;} .pro_order .type02 li em { padding: 8px 0; margin-bottom: 12px;} .pro_order .type05 .in_depth li{width: 50%;} .pro_order .in_depth { flex-wrap: wrap;} .pro_order .type05 .in_depth li:nth-child(3):before{display: none;} .pro_view .type05 .row-wide {width: auto;} .pro_order .munder_type div div { padding: 10px 10px;padding:6px;} .pro_order .munder_depth span, .pro_order .munder_type span {width: 35px; height: 35px;} .pro_order .munder_type div + div {margin-left: 10px;} .pro_order .munder_type {padding:16px;} .pro_order .munder_depth li em { padding: 6px 0; margin: 10px 0;} .view06.pro_view .type01 .left_img i:first-child { padding-bottom:80% !important;width: 100%;} .facility article.arti02 {overflow-x: scroll;width: 100%;} .facility article.arti02 table{width: 800px;} :lang(en) .rd02.rd_center .row > li > em{padding:8px 20px} .rd_center.pro_view .type02 li .in_depth li {margin-bottom: 16px;} .re_technic .txtbox ul li b::before{top:9px;} .re_technic .tit { margin-bottom: 20px;} .info .info_con .img { padding-bottom: 20%;} .info .info_con .img > div p{margin-bottom: 0;} .certification .page_tabs li:first-child,.certification .page_tabs li+ li{margin-left: 10px;} .certification .page_tabs{display: block;} .certification .page_tabs li+ li {margin-top: 10px;} :lang(de).rd_center.pro_view .technic_arti03 .txtbox li em, :lang(de).rd_center.pro_view .technic_arti03 .txtbox li div {padding-left: 0px; } :lang(de).rd_center.pro_view .technic_arti03 .txtbox li em{font-size: 16px; } :lang(de).recruitment .table_body .no{position: initial; width: fit-content; } :lang(de).recruitment .table ul.table_body li .tit{padding-left: 0; margin-top: 4px;} :lang(de).recruitment .table_body .no span{padding-left: 10px;padding-right: 10px; width: 100%; padding-bottom: 3px;;} .page_search button img { width: 100%;} :lang(en).rd_center.pro_view .technic_arti03 .txtbox li em, :lang(en).rd_center.pro_view .technic_arti03 .txtbox li div {padding-left: 0px; } :lang(en).rd_center.pro_view .technic_arti03 .txtbox li em{font-size: 16px; } :lang(en).recruitment .table_body .no{position: initial; width: fit-content; } :lang(en).recruitment .table ul.table_body li .tit{padding-left: 0; margin-top: 4px;} :lang(en).recruitment .table_body .no span{padding-left: 10px;padding-right: 10px; width: 100%; padding-bottom: 3px;;} .page_search button img { width: 100%;} .recruitment .table ul li .day{font-size: 13px;} :lang(de) .pro_view .type02 ul b, :lang(en) .pro_view .type02 ul b{height:100px;font-size: 15px;} .pro_view.view08 .type02.border_i li{width: 100%;} .pro_view .type02 ul li {width: 25%;} .rd_center.pro_view .technic_arti03_02 li.pro em {font-size: 25px;} .rd_center.pro_view .technic_arti03_02 .pro_img .pro_con {border-radius: 10px;padding: 20px; width: 100%;} .rd_center.pro_view .technic_arti03_02 .pro_img > div{display: block;} .rd_center.pro_view .technic_arti03_02 .pro_img .pro_con + .pro_con{margin-top: 10px; margin-left: 0px;} .rd_center.pro_view .technic_arti03_02 .pro_img em{display: flex;padding-left: 80px; font-size: 16px;} .rd_center.pro_view .technic_arti03_02 .pro_img em span{margin-right: 6px;} .rd_center.pro_view .technic_arti03_02 .pro_img p{text-align: left; padding-left: 80px; font-size: 14px;} .rd_center.pro_view .technic_arti03_02 .pro_img p span{text-align: inherit;} .rd_center.pro_view .technic_arti03_02 .pro_img i{position: absolute;left:30px;top:50%;transform: translateY(-50%);} :lang(jp) .info em{width: 100%;} :lang(jp) .info em:last-child:before{display: none;} } /* ********************************************* * * 640px * ********************************************* */ @media screen and (max-width: 640px){ .catalog .textbox .tit { font-size: 30px;} .catalog_but button img{width: 30px;;} .info em{font-size: 28px;} .info p.txt{font-size: 18px;} .info em span { font-size: 14px; top: -20px;} .info .info_con .name{padding-right: 0;padding-bottom: 80px;;} .info .info_con .name::before {width: 150px; height: 50px;} .certification h5{width:100%;} .certification h5:last-child::before{display: none;} .location .right ul li span.txt {display: block;text-align: left; margin-bottom: 6px;} .searchview_txt li + li{margin-top: 40px;} .searchview_img li + li{margin-top: 16px;} .searchview_table td, .searchview_table th, .search_table td, .search_table th { padding:8px;} .top_search {padding: 10px 14px;} .pro_view .type04 li > div {width: 90%;padding:20px;padding-left: 10px;} .main_but button img {width: 36px; height: 36px;} .product .main_but button { font-size: 16px;} .pro_view .type02 .flex_nowrap{flex-wrap: wrap;} .pro_view .type02 li i{margin:10px 0;} .pro_view .type02 li.col-xs-12 i{margin:0} .pro_view .main_but { margin-top: 20px;} .pro_view .table.t_type02 td i{width:100%; display: block;} .pro_view .table.t_type02 td i img{width: 300px;} .view_09.pro_view .table.t_type02 td.exercise_td i {display: flex; width: 100%;} .rd_center.pro_view .technic_arti03 .pro_img > i {width: 35%;} :lang(en) .rd_center.pro_view .technic_arti03 .pro_img > i { width: 50%;} .rd_center.pro_view .technic_arti03 .pro_img { justify-content: space-between;} .slide_type .right_con .swiper-button-prev::after, .slide_type .right_con .swiper-button-next::after {font-size: 22px;} .slide_type .right_con .swiper-button-prev{left: 0;} .slide_type .right_con .swiper-button-next{right: 0;} .search_table table { width: 980px;} .pro_view .type05 .out_depth{display: block;} .pro_view .type05 .out_depth > li +li{margin-top: 20px;;} .pro_view .type05 .in_depth b {padding:0px; margin-bottom: 10px; width: 100%; text-align: center;background: transparent;color:#333;display: flex;align-items: center;justify-content: center;word-break: keep-all;} .pro_view .type02 .li_5 li { width: 50%;} .pro_view .type02 li em{font-size: 18px;word-break: keep-all;} .pro_view .type02 .li_5 li b{font-size: 14px;height: auto; margin-top: 4px;word-break: keep-all;} .pro_view.view08 .type02.border_i li.mo_view >div{flex-wrap: wrap;} .pro_view.view08 .type02.border_i li.mo_view i + i{margin-left: auto;} .pro_view.view08 .type02.border_i li.mo_view i { width: calc(( 100% - 20px) / 2);margin: 5px;padding-bottom: 80%;} .view08 .type02 .li_5 li b{height: 44px;} .re_technic .skill01 ul {margin: 0px;display: block;} .re_technic .skill01 ul li{padding:0px;width: 100%;} .re_technic .skill01 ul li + li{margin-top: 40px;} .re_technic .skill01 ul li b { margin: 10px 0;} .re_technic .skill01 ul li p {margin-top: 10px; margin-bottom: 10px;} .performance .table ul.table_head{display: none;} .performance .table.no_cursor ul.table_body li{display: block;position: relative;} .performance .table.no_cursor ul.table_body li p{width: 100%;text-align: left;position: relative;} .performance .table.no_cursor ul.table_body li p.no{font-size: 16px;font-weight: bold;opacity: 0.2;} .performance .table.no_cursor ul.table_body li p.txt{color: #226FB8;} .performance .table.no_cursor ul.table_body li p.tit{font-size: 20px;} .performance .table {border-top:2px solid #226FB8;} .certification .table ul li .no, .certification .table ul li .hits {width: 60px;} .certification .table ul li .day {width: 80px;} .certification .table ul li .txt, .certification .table ul li .tit { width: calc((100% - 150px) / 2);} .certification.datum article >p span{margin-left: 0;;} .re_equipment ul p br{display: none;} .re_equipment .row > [class*='col']{width: 100%;} .re_equipment ul li>div { display: flex;} .re_equipment ul i { width: 230px; padding-bottom: 30%;} .re_equipment ul .txtbox{width: calc(100% - 230px);padding:12px;text-align: left; display: flex; flex-direction: column; justify-content: center; } .re_equipment ul h4{height: auto;display: block;} :lang(en) .re_equipment ul h4, :lang(de) .re_equipment ul h4{height: auto; display: block;} .pro_view .table.t_type03 {flex-direction: column-reverse;} .pro_view .table.t_type03 table{width: 100%;} .pro_view .table.t_type03 i{width: 80%;margin-bottom: 20px; padding-bottom: 80%;} .rd_center.pro_view .type02 li b {margin-top: 10px;padding: 4px 12px;} .pro_order .type05 .out_depth > li {margin-bottom: 26px;} .pro_order .type05 .out_depth > li:nth-child(2):after { top: -36px;} .pro_order .type05 li:first-child .in_depth li:last-child:after {height: 36px; bottom: -35px;} .pro_order .munder_type{flex-wrap: wrap;} .pro_order .munder_type div { width: calc((100% - 44px) / 3);} .pro_order .munder_type div em {margin-bottom: 4px;} .pro_order .munder_type .s_txt {margin-left: 0px;width: calc((100% - 30px) / 4);margin-top: 10px;} .pro_order .munder_type .s_txt + .s_txt{margin-left: 10px;;} .cer02_con i img{content:url(../img/sub/com/certification02_mo.png)} :lang(en) .cer02_con i img{content:url(../img/sub/com/certification02en_mo.png)} :lang(de) .cer02_con i img{content:url(../img/sub/com/certification02de_mo.png)} :lang(cn) .cer02_con i img{content:url(../img/sub/com/certification02cn_mo.png)} :lang(jp) .cer02_con i img{content:url(../img/sub/com/certification02jp_mo.png)} .re_technic .skill02 > div.img { padding: 20px;display: block;} .re_technic .img div { margin-top: 20px; padding-left: 0;} .re_technic .skill01 .center_txt{margin:0 auto; margin-top: 40px; } .re_technic .skill02 > div{width: 100%;} .re_technic .skill02 > .con + .con {padding-left: 0px;} :lang(de).rd_center.pro_view .technic_arti03 .txtbox ul li p{text-align: left;} .pro_view .type02.data_signal .li_5 li:nth-child(5)::before, .pro_view .type02.data_signal .li_5 li:nth-child(3)::before{display: none;} .pro_view .type02.data_signal .li_5 li:nth-child(4)::before{display: block;} :lang(de) .pro_view .type02 ul b, :lang(en) .pro_view .type02 ul b { height: 80px; line-height: 1.4;} .pro_view .type02 ul li {width: 33.3%;} .pro_order .munder_depth li{width: 50%;} .pro_order .type05 .in_depth li div.w_box::before{display: none;} .rd_center.pro_view .technic_arti03_02 .pro_img i{display: none;} .rd_center.pro_view .technic_arti03_02 .pro_img p, .rd_center.pro_view .technic_arti03_02 .pro_img em{padding-left: 0;} } /* ********************************************* * * 500px * ********************************************* */ @media screen and (max-width: 500px){ .re_technic .page_con article + article { padding-top: 80px;} .page_bot_but button{width: 100%;padding:16px 0;font-size: 16px;} .page_tabs{background: transparent;padding:0;} .page_tabs::before, .page_tabs > p{display: none;} .page_tabs ul{padding-left: 0;margin:0;width: 100%;} .page_tabs ul li{width: calc(100% / 3);} .inquiry ul li .right_con, .inquiry ul li, .inquiry ul {border:none;} .inquiry ul li + li{margin-top: 20px;;} .inquiry .policy_sec .check_con {padding: 12px;} .inquiry .policy_sec .check_con .check-label{font-size: 14px;} .inquiry .policy_sec { margin-top: 40px;} .inquiry ul li > div{display: block;} .inquiry ul li .right_con{width: 100%;padding:0;} .inquiry ul li p{width: 100%;padding:0;margin-bottom: 10px;;} .inquiry textarea{margin-top: 0;;} .inquiry .policy_sec .textbox {height: 150px;} .inquiry .email_con span , .inquiry .tell_con span {margin: 0 5px;} .inquiry .tell_con input {width: calc((100% - 49px) / 3);} .inquiry .email_con input:first-child {width: 120px;} .inquiry .email_con input:last-child {width: calc(100% - 140px);} .inquiry textarea {height: 250px;} form input[type=text], form input[type=password] {border-radius: 0;;} .inquiry .email_con input, .inquiry .tell_con input, .inquiry form input[type=text], .inquiry form input[type=password]{height: 40px;} .info em{font-size: 22px;} .info p.txt{font-size: 16px;} .info .info_con {margin-top: 20px;} .info .info_con i { margin-bottom: 20px;} .his_con .text_con li{display: block;} .his_con .text_con .right_con, .his_con .text_con .year{width: 100%;} .his_con .text_con .year{margin-bottom: 20px;} .his_con .text_con .right_con .txt::before{display: none;} .his_con .text_con .right_con i + i {margin-left: 10px;} .his_con .text_con .right_con i {width: calc((100% - 10px) / 2);} .his_con .text_con .right_con p:before { top: 4px;} .his_con .text_con .right_con p::after { top: 8px;} .certification .page_tabs li a {padding: 0;} .certification .page_tabs li a{background: transparent !important;color: #888;bordeR:none !important;} .certification .page_tabs li.on a{color: #226FB8;} .page_tabs li:first-child, .page_tabs li+ li {margin-right:0px;} .page_tabs li a { border-radius: 0px;} .certification .title {margin-bottom: 30px;} .location .right { margin-top: 20px;} .location .loca_top .left{display: block;} .location .loca_top .left .loca_map, .location .loca_top .left i{width: 100%;display: block;padding-bottom: 50%;} .location .loca_top .left .loca_map{margin-top: 20px;margin-left: 0;;} .location .loca_top > p { margin-bottom: 20px;} .datum .table ul li {padding: 12px 0;font-size: 14px;} .datum_view .file_wrap i {width: 13px; margin-right: 5px;} .datum_view .page_bot_but button{width: auto;padding:14px 50px;} .pro_search .page_tit em{ font-size: 28px;} .pro_search .page_tit b{font-size: 18px;width: 80%;} .pro_view .type04 li {margin-bottom: 20px;} .pro_view .type04 li > div {width: 100%;padding:0px;transform: none;margin-top: 12px;;} .pro_view .type04 li i img{transform: translate(-50%,-55%);} .pro_view .table table th { width: 95px;} .pro_view .table table th, .pro_view .table table td { padding: 10px 12px} .pro_view .table table { font-size: 14px;} .pro_view .type01 .left_img{display: block;} .pro_view .type01 .left_img i.p120, .pro_view .type01 .left_img i, .pro_view .type01 .left_img i:first-child { padding-bottom: 70% !important;} .pro_view .type01 .left_img i img { width:100%;} .pro_view .type01 .left_img .video { padding-bottom: 56% !important;} .pro_view .type01 .left_img i + .video, .pro_view .type01 .left_img i + i {margin-top: 10px; margin-left: 0px;} .performance article > p, .certification article > p, .pro_view .type01 em {margin-bottom: 10px;} .pro_view .detail_wrap > li + li {margin-top: 60px; padding-top: 60px;} .rd_center.pro_view .type02 ul{margin:0;} .rd_center.pro_view .type02 ul li{padding:0; width: 100%;} .rd_center.pro_view .type02 li em { margin-bottom: 4px;} .rd_center.pro_view .type02 li p { margin-top: 0;} .rd_center.pro_view .row > li > em{margin-bottom: 20px;} .rd_center.pro_view .type02 li {margin-bottom: 40px;} .pro_search .page_tit em, .his_con .text_con .year, .info em, .re_technic .tit h5, .re_technic .research_wrap .right h5, .page_title h4 {font-size: 22px;} .certification .title{margin-bottom: 20px;} .esg_wrap ul{margin-top: 20px;} .rd_center.pro_view .technic_arti03 .top p { font-size: 30px;} .rd_center.pro_view .technic_arti03 .top em, .searchview_table li > em, .certification h5, .page_title em, .performance article > p, .certification article > p, .pro_view .type01 em, .pro_view .left_txt, .certification.datum article >p, .location .loca_top > p, .esg_wrap ul li h5, .info p.txt{font-size: 18px; } .catalog_but button, .pro_view .type06 .out_depth em, .performance .table.no_cursor ul.table_body li p.tit, .rd_center.pro_view .technic_arti03 .txtbox li em, .rd_center.pro_view .type02 .in_depth em, .page_title p, .pro_view .type04 li em, .re_technic .skill01 ul li b, .re_technic .skill01 ul li em, .re_technic article > b{font-size: 16px;} .re_technic .tabSet ul.tabs li a, .re_technic .skill01 ul li p, .pro_view .type02 li em, .performance .table.no_cursor ul.table_body li p.no, .performance .table.no_cursor ul.table_body li p.txt, .pro_view.view07 .type02 li.col-md-2 > p, .searchview_table .sear_tit, .search_table .sear_tit, .searchview_table td, .searchview_table th, .search_table td, .search_table th, .top_search select, .top_search p, .pro_search .page_tit p, .rd_center.pro_view .technic_arti03 .top span, .certification ul.row-wide li p, .pro_view .left_txt p, .re_equipment ul h4, .datum .table ul.table_body li .tit, .datum .table ul li, .re_technic .tit p, .cer02_con .title p, .certification .esg_wrap ul.row-wide li p, .info p{font-size: 16px;} .cer02_con .cer02_img p{font-size: 12px;} .pro_view .type02 li i { margin: 0; margin-top: 10px;} .pro_view .type02 ul{margin-top: 20px;} .pro_view.view07 .type02 li i.p60 { margin-bottom: 6px;} .oring_table p {padding: 6px 20px;} .re_technic .panel .con > .img i{width: 100%;} .re_technic .img div {font-size: 14px;} .re_technic .img b { padding: 4px 12px;} .re_technic .panel .con > .img {padding: 16px;} .re_technic .txtbox ul li p{font-size: 16px;} .re_technic .tit h5 { margin: 12px auto;} :lang(en).re_technic .tit h5 {margin: 12px 0;width: 100%;text-align: center;} .re_technic .tabSet ul.tabs li a { padding: 6px 16px;} .re_technic .tabSet ul.tabs li {margin: 0 5px;} /* .re_technic .technic_arti02 .tit {margin-bottom: 80px;} */ .re_technic .tabSet ul.tabs {top: 50px;} .re_technic .tit p{word-break: keep-all;} .re_technic .tit p br{display: none;} .re_equipment ul li>div{display: block;} .re_equipment ul i{width: 100%;padding-bottom: 50%;} .re_equipment ul .txtbox{width: 100%;;} .pro_view .table.t_type02 td i img {width: 200px;} .pro_view .table.t_type02 td.exercise_td img {width: 18px; height: 18px;} .pro_view .type02 li { margin-bottom: 10px;} .rd_center.pro_view .technic_arti03 .txtbox li {padding: 10px ;} .rd_center.pro_view .technic_arti03 .txtbox ul li p span{font-size: 12px;} .rd_center.pro_view .technic_arti03 .pro_img > i { width: 30%;} .rd_center.pro_view .technic_arti03 .pro_img img {width: 160%;} .pro_view .type06 .in_depth li+li::before { width: 10px; height: 5px; left: -5px;} .pro_view .type06 .in_depth li.col-md-2{width: 33.3%;} .pro_view .type06 .in_depth{margin-left: -15px;margin-right: -15px;;} .pro_view .type06 .in_depth li {margin-bottom: 12px;padding-right: 15px;padding-left: 15px;;} .pro_view .type06 .in_depth li:nth-child(4)::before{display: none;} .pro_view .type06 .out_depth > li{margin-bottom: 20px;} .pro_view .type06 .in_depth .in_txt{font-size: 12px;} .rd_center .but_sec { margin-top: 20px;} .page_title em { margin-bottom: 10px;margin-top: 40px;} .pro_order .type05 .in_depth li div {padding: 12px;} .pro_order .type05 .in_depth button { padding: 4px 20px; font-size: 14px;} :lang(en) .rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul{display: block;} :lang(en) .rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul li{width: 100%;display: block;} :lang(en) .rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul li + li {margin-left: 0px;margin-top: 10px; padding: 10px;} :lang(en) .rd_center.pro_view .technic_arti03 .pro_img { padding-bottom: 290px;} :lang(en) .pro_view .type02 li em {font-size: 16px;} :lang(en) .re_technic .tabSet ul.tabs li a{font-size: 14px;padding: 4px 12px;} .facility table {font-size: 14px;} .facility table th, .facility table td {padding: 8px 0;} .inquiry .check_con label {margin-right: 10px; padding-left: 30px;} .info .info_con .img {padding-bottom: 28%;} .info .info_con .img > div { left: 20px; top: 50%;} .news .news_depth .textbox {padding: 12px;} .news .news_depth .tit{font-size: 15px;} .news .news_depth .txt{font-size: 14px;margin: 2px 0 6px; line-height: 1.3;} .news .day { font-size: 14px;} .news .news_depth .potin_txt { padding: 1px 12px; font-size: 13px;} :lang(de) .pro_view .type05 .out_depth em { font-size: 16px;} .pro_view .type02 .li_5 li{width: 100%;} .pro_view .type02 li em, :lang(de) .pro_view .type02 li em, :lang(en) .pro_view .type02 li em{height: auto;} .pro_view .type02 ul b, :lang(de) .pro_view .type02 ul b, :lang(en) .pro_view .type02 ul b{height: auto; margin:15px 0;} .pro_view .type02.data_signal .li_5 li+li{margin-top: 20px;} .pro_view .type02.data_signal .li_5 li+li::before{display: none;} .pro_view .type02.data_signal .li_5 li:nth-child(4)::before{display: none;} .pro_view .type06 .in_depth li.col-md-2{width: 50%;} .pro_view .type06 .in_depth li:nth-child(3):before{display: none;} .pro_view .type06 .in_depth li:nth-child(5):before{display: none;} .pro_view .type06 .in_depth li:nth-child(4)::after{content: ''; display: block; background: url(../img/arr.png) center / cover; position: absolute; opacity: 0.3; width: 10px; height: 5px; left: -5px; top: 50%; transform: translateY(-50%) rotate(-90deg);} :lang(en) .re_equipment ul p, :lang(de) .re_equipment ul p{height: auto;} :lang(cn) .pro_view .type02 ul em, :lang(jp) .pro_view .type02 ul em{height: auto;} .rd_center.pro_view .technic_arti03_02 li.pro em { font-size: 22px;} .rd_center.pro_view .technic_arti03_02 span { font-size: 16px;} :lang(en) .rd_center.pro_view .technic_arti03_02 .pro_img em, :lang(jp) .rd_center.pro_view .technic_arti03_02 .pro_img em, :lang(de) .rd_center.pro_view .technic_arti03_02 .pro_img em{display: block; text-align: left;} .rd_center.pro_view .technic_arti03_02 .pro_img em span{text-align: inherit;} .rd_center.pro_view .technic_arti03_02 ul li{width: 100%;} .rd_center.pro_view .technic_arti03_02 ul li + li{margin-top: 20px;} .pro_view.pro_order .type02 ul li{width:100%;} :lang(en) .certification.datum .table ul{width: 600px;} :lang(de) .certification.datum .table ul{width: 700px;} .re_equipment ul h4{text-align: left; display: block;} :lang(en) .re_equipment ul h4, :lang(de) .re_equipment ul h4 {font-size: 16px; height: auto; display: block;} :lang(en) .re_equipment ul p, :lang(de) .re_equipment ul p{font-size: 14px;} :lang(en) .info em, :lang(de) .info em {font-size: 18px;} } /* ********************************************* * * 400px * ********************************************* */ @media screen and (max-width: 400px){ .page_search button { width: 42px; height: 42px;} .page_search input { height: 42px; width: calc(100% - 42px);} .total_wrap{margin-bottom: 10px;} .recruitment_img { margin-bottom: 40px;} .recruitment_img h6 {font-size: 22px;} .recruitment_img p { font-size: 14px;} .recruitment_img button {padding: 10px 14px; font-size: 14px;} .recruitment .table ul.table_body li .tit { padding-left: 62px; font-size: 16px;} .recruitment .table_body .no span { padding: 2px 0px 0px;font-size: 12px;width: 54px;} .recruitment .table ul li .day{color: #888;} .recruitment_img p {word-break: keep-all;} .recruitment_img p br{display: none;} .info em{font-size: 20px;width: 100%;font-weight: 600;} .info em:last-child:before{display: none;} .info em span {font-size: 12px; top: -13px;} .info p.txt { margin-bottom: 20px;} .certification h5{word-break: keep-all;display: math;} .certification h5{font-size: 20px;} .certification ul.row-wide li p { margin-top: 10px;} .pro_search .page_tit b{width: 100%;} .top_search {padding: 5px 12px;} .searchview_table td, .searchview_table th, .search_table td, .search_table th { padding: 8px; font-size: 14px;} .search_table table { width: 980px;} .search_table td i {width: 80px;} .search_table .sear_tit{font-size: 14px;} .view.pro_search .searchview_table li > div{width: 100%;overflow-x: scroll;} .view.pro_search .searchview_table li > div table{width: 400px;} .searchview_table li > em { margin-bottom: 10px;} .pro_search .page_tit { margin-bottom: 20px;} .pro_search .page_tit em{font-weight: 600;} .certification.datum article >p { flex-direction: column-reverse;align-items: flex-start;} .certification.datum article >p span{margin-left: 0;margin-bottom: 6px;} .pro_view .type05 .in_depth b {height: 44px;} .pro_view .type05 .out_depth > li +li { margin-top: 40px;} .view08 .type02 .li_5 li{width: 100%;margin-bottom: 20px;} .view08 .type02 .li_5 li b{height: auto;margin-bottom: 10px;display: block;} .oring_table img { width: 12px; height: 12px; margin-right: 4px;} .oring_table p {padding: 2px 12px;} .oring_table p + p {margin-left: 4px;} .page_title h4{width: 100%;} .page_title h4:before{display: none;} .pro_order .type05 .out_depth > li +li { margin-top: 20px;} .catalog .textbox .tit { font-size: 22px;} .catalog_but a img{width: 28px;height: 28px; margin-right: 6px;;} .catalog_but { margin-top: 10px;} .pro_search .page_tit em, .his_con .text_con .year, .re_technic .tit h5, .re_technic .research_wrap .right h5, .page_title h4 {font-size: 22px;} .info em{font-size: 20px;} .info em span {font-size: 10px; top: -10px;} .rd_center.pro_view .technic_arti03 .top em, .searchview_table li > em, .searchview_txt em, .pro_search .page_tit b, .certification h5, .page_title em, .performance article > p, .certification article > p, .pro_view .type01 em, .pro_view .left_txt, .certification.datum article >p, .location .loca_top > p, .esg_wrap ul li h5, .info p.txt{font-size: 18px; } .pro_order .munder_type div, .pro_view .type05 .out_depth em, .pro_view .type01 .left_img > .img_title, .datum.datum_view .table ul.table_body li .tit, .rd_center.pro_view .technic_arti03 .txtbox li em, .rd_center.pro_view .type02 .in_depth em, .page_title p, .pro_view .type04 li em, .re_technic .skill01 ul li b, .re_technic .skill01 ul li em, .re_technic article > b{font-size: 16px;} .catalog_but a, .pro_view .type01 .right_con , .catalog_but button, .pro_order .type05 .out_depth em span, .pro_order .type05 .in_depth li div, .pro_order .munder_depth span, .pro_order .munder_depth li .txt, .pro_order .munder_type span, .performance .download_con li p, .pro_view .type02 li em, .rd_center.pro_view .type02 li .in_depth em, .rd_center.pro_view .type02 li em, .pro_search .page_tit p, .rd_center.pro_view .technic_arti03 .top span, .certification ul.row-wide li p, .pro_view .left_txt p, .re_equipment ul h4, .datum .table ul.table_body li .tit, .datum .table ul li, .re_technic .tit p, .cer02_con .cer02_img p, .cer02_con .title p, .certification .esg_wrap ul.row-wide li p, .info p{font-size: 15px;} .facility table th, .facility table td { padding: 8px 0;} .facility table tr.sub_table_tit th {padding-left: 10px;} .facility .arti01 > div{margin-bottom: 40px;} :lang(en) .pro_view .type06 .in_depth{margin-left: -10px;margin-right: -10px;;} :lang(en) .pro_view .type06 .in_depth li {padding-right: 10px;padding-left: 10px;;} .pro_order .munder_type {padding: 12px;} .pro_order .munder_type strong { top: 15px;} .pro_order .munder_depth{display: block;} .pro_order .munder_depth li{width: 100%;} .pro_view .type01 .right_con { margin-top: 20px;} .performance article > p, .certification article > p, .pro_view .type01 em { margin-bottom: 5px;} .rd_center.pro_view .technic_arti03 .top em, .searchview_table li > em, .searchview_txt em, .pro_search .page_tit b, .certification h5, .page_title em, .performance article > p, .certification article > p, .pro_view .type01 em, .pro_view .left_txt, .certification.datum article >p, .location .loca_top > p, .esg_wrap ul li h5, .info p.txt { font-size: 16px;} .rd_center.pro_view .technic_arti03 .top p {font-size: 20px;} .pro_order .type05 li:nth-child(2) .in_depth li:first-child::after {top: -126px;} :lang(de) .pro_view .type06 .in_depth li{width: 50%;} :lang(de) .rd_center.pro_view .technic_arti03 {padding-bottom: 350px;} :lang(de).rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul li {height: 120px;} :lang(de).rd_center.pro_view .technic_arti03 .pro_img > .txtbox ul li:first-child {height: 80px;} :lang(de).pro_order .type05 li:nth-child(2) .in_depth li:first-child::before, :lang(de).pro_order .type05 li:nth-child(2) .in_depth li:first-child::after, :lang(de).pro_order .type05 .out_depth > li:nth-child(2):after, :lang(de).pro_order .type05 li:first-child .in_depth li:last-child:after{display: none;} :lang(de) .pro_order .type05 .in_depth li div p { font-size: 14px;} :lang(de) .pro_order .type05 .in_depth button { padding: 4px 10px; font-size: 14px;} .pro_view .type02 ul li{width: 50%;} .pro_order .type05 .in_depth li{width: 100%; margin-bottom: 10px;} .pro_order .munder_depth li { margin-bottom: 30px;} .rd_center.pro_view .technic_arti03_02 .pro_img .pro_con{padding:14px;} .rd_center.pro_view .technic_arti03_02 .pro_con > div span { font-size: 14px;} .sub_header .sub_bg ul li.on {font-size: 22px; word-break:break-all; padding-right: 18px;} }