@charset "utf-8"; /* == Font == */ @font-face { font-family: 'tt_norms'; src: url('../font/tt_norms/TTNorms-Light.otf'); font-weight: 300; } @font-face { font-family: 'tt_norms'; src: url('../font/tt_norms/TTNorms-Regular.otf'); font-weight: 400; } @font-face { font-family: 'tt_norms'; src: url('../font/tt_norms/TTNorms-Medium.otf'); font-weight: 500; } @font-face { font-family: 'tt_norms'; src: url('../font/tt_norms/TTNorms-Bold.otf'); font-weight: 700; } @font-face { font-family: 'univers_ltd'; src: url('../font/univers/UniversLTStd-Light.otf'); font-weight: 300; } @font-face { font-family: 'univers_ltd'; src: url('../font/univers/UniversLTStd.otf'); font-weight: 500; } @font-face { font-family: 'univers_ltd'; src: url('../font/univers/UniversLTStd-BoldEx.otf'); font-weight: 700; } /* == Base == */ body { font-family: "poppins"; font-size: 16px; } /* 공통 */ small{ font-size: 12px; } address{ font-style: normal; } .m__only{ display: none; } .catalog__paging a{ width: 40px; height: 40px; border-radius: 50px; display: flex; justify-content: center; align-items: center; } .fw--700 {font-weight: 700!important;} .fw--600 {font-weight: 600!important;} .fw--500 {font-weight: 500!important;} .fw--400 {font-weight: 400!important;} .fw--300 {font-weight: 300!important;} .ta--center {text-align: center!important;} .pg02 .catalog__paging{ z-index: 30; } .pg01 .catalog__paging, .pg02 .catalog__paging, .pg50 .catalog__paging{ width: 100%; height: 100%; padding: 0; } .pg01 .catalog__paging .btn.btn--prev { display: none; } .pg01 .catalog__paging .btn.btn--next { width: 100%; height: 100%; } .pg02 .catalog__paging .btn.btn--prev, .pg02 .catalog__paging .btn.btn--next{ width: 10%; height: 100%; } .pg01 .catalog__paging .ico, .pg02 .catalog__paging .ico, .pg50 .catalog__paging .ico{ display: none; } .pg50 .catalog__paging .btn.btn--prev, .pg50 .catalog__paging .btn.btn--next{ width: 40%; height: 90%; } .pg50 header{ display: none; } ul.bullet__list li{ display: flex; align-items: flex-start; } ul.bullet__list li span{ flex-shrink: 0; } ul.bullet__list li span.bullet{ display: block; width: 3px; height: 3px; background-color: #69a730; margin-top: 10px;margin-right: 10px; border-radius: 10px; flex-shrink: 0; } /*header - 공통 */ .border__bottom__none{ border-bottom: none!important; } .gnb_ico{ display: block; width: 15px; height: 2px;} .header--hide header{ transform: translate(-100%); } .header{ position: absolute; top:0; left:0; z-index: 900; width: 385px; height: 100%; transition: transform .3s, background .3s;} .header .gnb{ width: 100%; height: 120px; display: flex; justify-content: space-between; align-items: center; padding: 40px; } .header .gnb .header__logo{ height: 30px; } .header .gnb .header__logo a{ display:block; width: 79px; height: 30px; background: url(../images/common/logo.png) no-repeat center/cover; } .header .gnb div{ display: flex; } .header .gnb div a{ display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-radius: 50px; padding:5px; } .header .gnb div a.home{ margin-right: 10px; } .header .gnb div a.home img{ margin-top: -1px; } .header .gnb div a.menu{ width: 35px; height: 35px; border-radius: 0; flex-direction: column; justify-content: space-between; } .header .gnb div a.menu span{ width: 100%; height: 2px; background-color: #fff; } .header .gnb div a.menu.total__menu__toggle.active span:first-child{ transform: translateY(410%) rotate(45deg); } .header .gnb div a.menu.total__menu__toggle.active span:last-child{ transform: translateY(-500%) rotate(-45deg); } .header .gnb div a.menu.total__menu__toggle.active span:nth-child(2){ opacity: 0; } .header .total__menu ul li a.one__depth{ font-size: 23px; display: flex; align-items: center; justify-content: space-between; padding: 20px 45px; } .header .total__menu ul li.active a.one__depth{ width: 100%; height: 100%; color: #fff; } .header .total__menu li.active ul.two__depth{ display: block; } .header .total__menu ul.two__depth{ display: none; padding: 20px 45px; } .header .total__menu ul.two__depth.second, .header .total__menu ul.two__depth.third{ padding-bottom: 20px; } .header .total__menu ul.two__depth li a{ display:block; font-size: 21px; padding: 20px 0; } .header .total__menu ul.two__depth .three__depth li a{ position: relative; font-size: 18px; padding: 10px 15px; } .header .total__menu ul.two__depth .three__depth li a.active{ font-weight: 600; } .header .total__menu ul.two__depth .three__depth li a::before{ position: absolute; top:50%; transform: translateY(-50%); left:0; display: block; content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .header .total__menu ul.two__depth > li > a{ font-weight: 500; } .header--blue .header .total__menu ul.two__depth > li > a{ color: #8db4da; border-bottom: 1px solid #668dba; } .header--blue .header .total__menu ul.two__depth > li.no_border > a{border: none;} .header--blue .header .total__menu ul.two__depth > li > a.active{ color: #004aa0; } .header--purple .header .total__menu ul.two__depth > li > a{ color: #c18cc1; border-bottom: 1px solid #c18cc1; } .header--purple .header .total__menu ul.two__depth > li > a.active{ color: #8a2a88; } .header--emerald .header .total__menu ul.two__depth > li > a{ color: #73b9aa; border-bottom: 1px solid #82bdae; } .header--emerald .header .total__menu ul.two__depth > li > a.active{ color: #00816a; } .header--yellow .header .total__menu ul.two__depth > li > a{ color: #f4a877; border-bottom: 1px solid #f6b385; } .header--yellow .header .total__menu ul.two__depth > li > a.active{ color: #eb611e; } .header .gnb_ico{ position: relative; } .header .gnb_ico::before{ position: absolute; top:-6px; left:50%; transform: translateX(-50%); display: block; content: ''; width: 2px; height:15px;} .header--blue .header .gnb_ico::before{ background-color: #d5d8e5; } .header--purple .header .gnb_ico::before{ background-color: #cfa1ca; } .header--emerald .header .gnb_ico::before{ background-color: #9fddd5; } .header--yellow .header .gnb_ico::before{ background-color: #ffebcb; } .header .total__menu > ul > li.active .gnb_ico::before{ display: none; } /* header__blue */ .header--blue .header{ background-color: #2a93d2; } .header--blue .header .total__menu > ul > li{ border-bottom: 1px solid #4aa3d8; } .header--blue .header .total__menu > ul > li:first-child{ border-top: 1px solid #4aa3d8; } .header--blue .header .total__menu > ul > li.active a.one__depth{ background-color: #00348a; color: #fff; } .header--blue .header .total__menu > ul > li.active{ border-top: 0; border-bottom: 0; } .header--blue .header .total__menu > ul > li a.one__depth{ color: #aad3ed; } .header--blue .header .total__menu ul.two__depth{ border-bottom: 1px solid #7ab9e0; background-color: #d3effc; } .header--blue .header .gnb div a.home, .header--blue .header .gnb div a.btn--play{ background-color: #6bb4df; } .header--blue .gnb_ico{ background-color: #d5d8e5; } .header--blue .header .total__menu ul.two__depth .three__depth li a::before{ border-left: 7px solid #0154a8; } /* header__purple */ .header--purple .header{ background-color: #9b4e9e; } .header--purple .header .total__menu > ul > li{ border-bottom: 1px solid #aa68ad; } .header--purple .header .total__menu > ul > li:first-child{ border-top: 1px solid #aa68ad; } .header--purple .header .total__menu > ul > li.active a.one__depth{ background-color: #57135e; color: #fff; } .header--purple .header .total__menu > ul > li.active{ border-top: 0; border-bottom: 0; } .header--purple .header .total__menu > ul > li a.one__depth{ color: #d8b7d8; } .header--purple .header .total__menu ul.two__depth{ border-bottom: 1px solid #d8b7d8; background-color: #ebe5f1; } .header--purple .header .total__menu ul.two__depth .three__depth li a{ position: relative;/* padding: 10px 0 10px 15px; */ } .header--purple .header .total__menu ul.two__depth .three__depth li a::before{ border-left: 7px solid #8f3f98; } .header--purple .gnb_ico{ background-color: #cfa1ca; } .header--purple .header .gnb div a.home, .header--purple .header .gnb div a.btn--play{ background-color: #ba83bb; } /* header__emerald */ .header--emerald .header{ background-color: #22b098; } .header--emerald .header .total__menu > ul > li{ border-bottom: 1px solid #44bca9; } .header--emerald .header .total__menu > ul > li:first-child{ border-top: 1px solid #44bca9; } .header--emerald .header .total__menu > ul > li.active a.one__depth{ background-color: #00836e; color: #fff; } .header--emerald .header .total__menu > ul > li.active{ border-top: 0; border-bottom: 0; } .header--emerald .header .total__menu > ul > li a.one__depth{ color: #90d8cb; } .header--emerald .header .total__menu ul.two__depth{ border-bottom: 1px solid #e6f1ea; background-color: #e6f1ea; } .header--emerald .header .total__menu ul.two__depth > li > a{ color: #6fb7a9; border-bottom: 1px solid #99cabc; } .header--emerald .header .total__menu ul.two__depth > li > a.active{ font-weight: 600; color: #00826e; border-bottom: 1px solid #118669; } .header--emerald .header .total__menu ul.two__depth .three__depth{ border-top: 2px solid #00826e; } .header--emerald .header .total__menu ul.two__depth .three__depth li a{ position: relative; /* padding: 10px 0 10px 15px; */ } .header--emerald .header .total__menu ul.two__depth .three__depth li a::before{ border-left: 8px solid #00836d; } .header--emerald .header .gnb div a.home, .header--emerald .header .gnb div a.btn--play{ background-color: #65c8b8; } .header--emerald .gnb_ico{ background-color: #9fddd5; } .header--emerald .header .total__menu ul.two__depth .three__depth li a::before{ border-left: 7px solid #00826e; } /* header__yellow */ .header--yellow .header{ background-color: #faae34; } .header--yellow .header .total__menu > ul > li{ border-bottom: 1px solid #fbba52; } .header--yellow .header .total__menu > ul > li:first-child{ border-top: 1px solid #fbba52; } .header--yellow .header .total__menu > ul > li.active a.one__depth{ background-color: #f47032; color: #fff; } .header--yellow .header .total__menu > ul > li.active{ border-top: 0; border-bottom: 0; } .header--yellow .header .total__menu > ul > li a.one__depth{ color: #ffebcb; } .header--yellow .header .total__menu ul.two__depth{ border-bottom: 1px solid #fef4d6; background-color: #fef4d6; } .header--yellow .header .total__menu ul.two__depth .three__depth li a{ position: relative; } .header--yellow .header .total__menu ul.two__depth .three__depth li a::before{ border-left: 8px solid #f26530;} .header--yellow .header .gnb div a.home, .header--yellow .header .gnb div a.btn--play{ background-color: #fcc670; } .header--yellow .gnb_ico{ background-color: #ffebcb; } .pg36 table.common__table tbody tr th.second__category{ padding: 6px 10px; } .pg37 table.common__table tbody tr th.second__category{ padding: 6px 10px; } .pg38 .page__content table{ font-size: 12px!important; } .pg38 table.rectangul__table__vertical tr th.second__category{ font-size: 13px!important; } .pg38 table.common__table tbody tr th.first__category{ font-size: 13px!important; } .pg38 table.rectangul__table__vertical thead td{ padding: 5px 0; } .pg38 table.common__table tbody tr th.second__category{ padding: 3px 10px; } .pg38 .page__container{ padding: 90px 50px 70px 440px; } .pg38 .catalog__paging{ padding: 20px 50px 20px 1760px; } .last_page .header {display: none;} /* 공통 */ .paging--blue .catalog__paging a{ background-color: #2a93d2; } .paging--purple .catalog__paging a{ background-color: #9b4e9e; } .paging--emerald .catalog__paging a{ background-color: #22b098; } .paging--yellow .catalog__paging a{ background-color: #faae34; } .btn--play.play { background: url(../images/common/play_white.png) no-repeat calc(50% + 2px)/18px 24px;} .btn--play.pause { background: url(../images/common/pause_white.png) no-repeat center/15px ;} .letter__spacing__03{ letter-spacing: 3px!important; } .indigator{ display: none; position: absolute; top: 50px; right:50px; z-index: 600; } .indigator.active {display: block;} .indigator .submenu{ display: flex; } .indigator .submenu li{ width: 200px; margin-right: 10px; border-radius: 50px; } .indigator .submenu li:last-child{ margin-right: 0; } .indigator .submenu li a{ color: #fff; font-size: 20px; font-family: 'roboto'; display: flex; align-items: center; justify-content: space-between; padding: 6px 10px 6px 20px; border-radius: 50px; border: 1px solid #fff; background-color: #fff; } .indigator .submenu li a.active{ background-color: #f6ab00; border: 1px solid #f6ab00; } .indigator .submenu li a .icon__box{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background-color: #fff; border-radius: 50px; flex-shrink: 0; } .indigator .submenu li a .ico.arrow.right{ border-top: 2px solid #8a8987; border-right: 2px solid #8a8987; width: 10px; height: 10px; margin-right: 3px; } .indigator .submenu li a.active .ico.arrow.right{ border-top: 2px solid #f6ab00; border-right: 2px solid #f6ab00; transform: rotate(135deg); margin-right: 0; } .type_indigator .submenu li{ width: 220px; } .product_indigator .submenu li{ width: 220px; } .product_indigator .submenu li:first-child span.text, .product_indigator .submenu li:nth-child(2) span.text{ padding-left: 60px; } .product_indigator .submenu li a{ border: 1px solid #e9e8e8; color: #828489; font-size: 16px; } .product_indigator .submenu li a .icon__box{ background-color: #ededec; } .product_indigator .submenu li a.active{ background-color: #fff; color: #f6ab00; } .product_indigator .submenu li a.active .icon__box{ background-color: #f6ab00; } .product_indigator .submenu li a.active .ico.arrow.right{ border-top: 2px solid #fff; border-right: 2px solid #fff; margin-top: -4px; } .product_indigator .submenu li a .ico.arrow.right{ border-top: 2px solid #fff; border-right: 2px solid #fff; } .tower_indigator .submenu li{ width: auto; } .tower_indigator .submenu li span.text{ margin-right: 20px; } .tower_indigator .submenu li:first-child span.text, .tower_indigator .submenu li:nth-child(2) span.text{ padding-left: 0; } .dimension_indigator .submenu li{ width: auto; } .dimension_indigator .submenu li span.text{ margin-right: 20px; } .pg22 .dimension_indigator, .pg23 .dimension_indigator, .pg24 .dimension_indigator{ display: block; } .layout{ height: 100%; display: flex; justify-content: space-between; } .layout .left__section{ /* width: 385px; */ display: flex; flex-direction: column; justify-content: space-between; } .layout .right__section{ width: 1025px; display: flex; justify-content: flex-end; flex-direction: column; } .product__table .layout .right__section{ margin-top: 0; } .product__table .layout .lower__section{ height: auto; } .product__table .layout .lower__section .application h4{ display: inline-block; width: 400px; font-size: 28px; font-weight: 600; color: #4b4c4c; border-bottom: 1px solid #bebebe; padding-bottom: 15px; margin-bottom: 10px;} .yellow{ color: #f4aa29; font-size: 14px; font-weight: 300; margin-top: 10px; display: flex; } .product__table ul.bullet__list{ margin-bottom: 10px; } .product__table ul.bullet__list li span.bullet{ background-color: #b2b2b2; } .layout .left__section .upper__section{ margin-bottom: 25px; } .layout .uppser__section{ width: 100%; height: 120px; } .layout .lower__section{ width: 100%; height: 600px; } .color__9e76b4{ background-color: #9e76b4; } .color__8f3f98{ background-color: #8f3f98; } .color__59a073{ background-color: #59a073; } .color__0e8667{ background-color: #0e8667; } .border__top___left{ border-top-left-radius: 10px; } .border__top___right{ border-top-right-radius: 10px; } .table__slash{ position: relative; overflow: hidden; padding: 15px; font-weight: 500; background-color: #fafafa; color: #4d4d4d; vertical-align: unset; padding-top: 5px; } .table__slash::before{ position: absolute; top:0; left:0; display: block; content: ''; width: 200%; height: 200%; background: #f2f2f2; transform: rotate(20deg); transform-origin: left top;} .table__slash::after {position: relative; z-index: 1;} /* .round__table .table__slash::before{ border-left: 270px solid #f2f2f2; border-top: 98px solid transparent; } */ /* .rectangul__table__horizontal .table__slash::before{ border-left: 295px solid #f2f2f2; border-top: 52px solid transparent; } */ .rectangul__table__horizontal .table__slash::before{position: absolute; top: 0; left: 0; width: 200%; height: 200%; background: #f2f2f2; transform: rotate(10deg); transform-origin: left top;} .rectangul__table__vertical .table__slash::before{ border-left: 342px solid #f2f2f2; border-top: 50px solid transparent; } .pg14 .round__table .table__slash::before{ border-left: 260px solid #f2f2f2; border-top: 78px solid transparent; } .pg15 .round__table .table__slash::before { border-left: 270px solid #f2f2f2; border-top: 79px solid transparent; } .pg16 .round__table .table__slash::before{ border-left: 260px solid #f2f2f2; border-top: 78px solid transparent; } .pg17 .round__table .table__slash::before{ border-left: 250px solid #f2f2f2; border-top: 78px solid transparent; } .pg18 .round__table .table__slash::before{ border-left: 270px solid #f2f2f2; border-top: 78px solid transparent; } .pg19 .rectangul__table__horizontal .table__slash::before{ border-left: 280px solid #f2f2f2; border-top: 49px solid transparent; } .pg20 .rectangul__table__horizontal .table__slash::before{ border-left: 285px solid #f2f2f2; border-top: 48px solid transparent; } .pg21 .rectangul__table__horizontal .table__slash::before{ border-left: 335px solid #f2f2f2; border-top: 48px solid transparent; } .pg26 .round__table .table__slash::before, .pg27 .round__table .table__slash::before{ border-left: 275px solid #f2f2f2; border-top: 79px solid transparent; } .pg28 .round__table .table__slash::before{ border-left: 275px solid #f2f2f2; border-top: 79px solid transparent; } .pg29 .round__table .table__slash::before, .pg30 .round__table .table__slash::before, .pg31 .round__table .table__slash::before, .pg34 .round__table .table__slash::before{ border-left: 280px solid #f2f2f2; border-top: 79px solid transparent; } .pg35 .round__table .table__slash::before{ border-left: 280px solid #f2f2f2; border-top: 79px solid transparent; } .round__table{ min-height: 650px; } .round__table.non_overflow {min-height: 590px;} .rectangul__table__horizontal{} .rectangul__table__vertical{} h2{ font-weight: 600; } /* .pd__20{ padding-bottom: 20px; background-color: lightcoral;} */ #water__common__application .product__table .layout .right__section .round__table{ font-size: 14px; } #water__common__application table.common__table tbody tr th.second__category{ padding: 0 10px; } #water__common__application table.common__table tbody tr th.first__category{ font-size: 13px; } .table__slash::after{ position: absolute; bottom:5px; left:15px; display: block; content: 'Section'; } table.rectangul__table__vertical .table__slash::after{ content: 'Type'; } .round__table .table__slash .upper{ margin-top: -35px; } .pg32 .round__table .table__slash .upper{ margin-top: -20px; } .table__slash .upper{ text-align: right; } .table__slash .lower{ text-align: left; } .title__section .small__title{ color: #999; font-size: 16px; } .title__section h3.main__title{ font-size: 55px; line-height: 1.1; } .table__text__colored{ font-weight: 600; text-align: center!important; vertical-align: middle; } .table__cell__colored__e7e6e6{ background-color: #e7e6e6!important; } .table__cell__colored__f4f5f6{ background-color: #f4f5f6!important; } /* pages */ #firstPage .page__container{ padding: 60px 70px 80px; } #firstPage .page__content{ display: flex; flex-direction: column; color: #fff; justify-content: space-between; } #firstPage .page__bg.bg{ background: url(../images/en/pg01/bg.jpg) no-repeat center/cover; } #firstPage .page__content > div{ width: 100%; height: calc(100% / 2); } #firstPage .page__content div.first{ display: flex; flex-direction: column; justify-content: space-between; } #firstPage .page__content div.mission{ position: relative; font-size: 30px; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); display: flex; justify-content: left; align-items: center; margin-left: 50px; } #firstPage .page__content div.mission::before{ position: absolute; top:-20px; left:0; display: block; content: ''; width: 40px; height: 3px; background-color: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); } #firstPage .scrollDown{ display: flex; flex-direction: column; align-items: center; justify-content: flex-end; animation-name: scrollMe; animation-duration: 1.5s; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-timing-function: ease-in-out; will-change: transform;} @keyframes scrollMe{ from { transform: translate(0, 0); } to { transform: translate(0, 50px); } } #firstPage .scrollDown img{ margin-bottom: 10px; } #firstPage .scrollDown span{ font-size: 12px; } #index .page__bg.bg{ background: url(../images/en/pg02/bg.jpg) no-repeat center/cover; } #index .page__container{ padding: 60px 0; } #index .page__content .inner__contents{ display: flex; justify-content: space-between; width: 100%; height: 800px; background-color: rgba(255,255,255,0.9); padding: 75px 215px; } #index .page__content .inner__contents .left__section{ display: flex; flex-direction: column; justify-content: space-between; } #index .page__content .inner__contents .left__section .title{ background: linear-gradient(to right,#8dc220,#238f49); -webkit-background-clip: text; } #index .page__content .inner__contents .left__section .title .gradation{ color: transparent; } #index .page__content .inner__contents .left__section .title span{ font-size: 92px; letter-spacing: 30px; line-height: 1;} #index .page__content .inner__contents .left__section .mission{ font-size: 24px; font-weight: 300;} #index .page__content .inner__contents .right__section .index__table{ width: 835px; height: 530px; border-top: 4px solid #009552; border-bottom: 4px solid #009552; font-size: 20px; margin-top: 110px; } #index .page__content .inner__contents .right__section .index__table b{ font-weight: 600; } #index .page__content .inner__contents .right__section .index__table tr{ border-bottom: 1px solid #d1d6d1; } #index .page__content .inner__contents .right__section .index__table tr:first-child{ height: 50px; } #index .page__content .inner__contents .right__section .index__table tr:nth-child(2){ height: 150px; } #index .page__content .inner__contents .right__section .index__table tr:nth-child(3){ height: 200px; } #index .page__content .inner__contents .right__section .index__table tr:last-child{ height: 105px; } #index .page__content .inner__contents .right__section .index__table tr th{ font-weight: 400; width: 250px; text-align: left; padding-left: 10px; line-height: 1; font-size: 22px; } #index .page__content .inner__contents .right__section .index__table tr:first-child th, #index .page__content .inner__contents .right__section .index__table tr:first-child td{ vertical-align: middle; } #index .page__content .inner__contents .right__section .index__table tr:nth-child(odd) th{ color: #009552; } #index .page__content .inner__contents .right__section .index__table tr:nth-child(even) th{ color: #69a730; } #index .page__content .inner__contents .right__section .index__table tr td{ padding:10px 65px 10px 0 } #index .page__content .inner__contents .right__section .index__table tr td > div {margin-bottom: 5px;} #index .page__content .inner__contents .right__section .index__table tr td ul{ display: flex; } #index .page__content .inner__contents .right__section .index__table tr td ul.wrap{ flex-wrap: wrap; gap: 5px 0;} #index .page__content .inner__contents .right__section .index__table tr td ul li{ position: relative; margin-right: 20px; } #index .page__content .inner__contents .right__section .index__table tr td ul li:last-child{ margin-right: 0; } #index .page__content .inner__contents .right__section .index__table tr td ul li::after{ position: absolute; top:50%; transform: translateY(-50%); right:-10px; display: block; content: ''; width: 2px; height: 10px; background-color: #000; } #index .page__content .inner__contents .right__section .index__table tr:nth-child(2) td ul li:nth-child(2)::after{ display: none; } #index .page__content .inner__contents .right__section .index__table tr td ul li:last-child::after{ display: none; } #index .page__content .inner__contents .right__section .index__table tr td ul li a{ font-weight: 500; } #index .page__content .inner__contents .right__section .index__table tr td .sub__title{ color: #989895; font-size: 14px; font-weight: 600; text-transform: uppercase;} #index .page__content .inner__contents .right__section .index__table tr td a{ font-weight: 500; display: block; } /* #index .page__content .inner__contents .right__section .index__table tr td a:first-child{ margin-bottom: 15px; } */ #index .page__content .inner__contents .right__section .index__table tr.last td a{ margin-bottom: 15px; } #introPage02 .page__bg.bg{ background: url(../images/en/pg03/bg.jpg) no-repeat center/cover; } #introPage02 .page__container{ padding: 100px 180px 500px; } #introPage03 .page__container{ padding: 560px 180px 250px; } #introPage03 .page__content .inner__box{ display: flex; flex-direction: column; } #introPage02 .page__content .inner__box .small__text, #introPage03 .page__content .inner__box .small__text{ color: #fff; font-size: 25px; } #introPage03 .page__bg.bg{ background: url(../images/en/pg04/bg.jpg) no-repeat center/cover; } #introPage03 .page__content .inner__box .symbol__text{ margin-top: -30px; } #greeting .layout .left__section{ justify-content: unset; } #greeting .layout .left__section .upper__section{ margin-bottom: 50px; } #greeting .layout .right__section{ flex-direction: row; } #greeting .title__section .small__title, #greeting .blue{ color: #0b78a9; } #greeting .title__section .small__title b{ font-weight: 700; } #greeting .page__content .right__section{ display: flex; width: 1000; margin-top: 135px; } #greeting .page__content .right__section p{ width: 430px; text-align: justify; font-size: 17px; } #greeting .page__content .right__section p:first-child{ margin-right:60px; } .history .layout .right__section{ margin-top: 0px; } .history .left__section .title__section, .history .left__section .title__section .small__title{ color: #fff; } .history .right__section .inner__contents{ position: relative; width: 980px; height: 685px; background-color: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); border-top-left-radius: 20px; border-bottom-right-radius: 20px; padding: 30px 60px 90px; margin-top: 30px; } .history .right__section .inner__contents .table__box{ height: 570px; overflow-y: scroll; } .history .right__section .inner__contents .table__box::-webkit-scrollbar{ position: absolute; top:0; left:0; width: 8px; } /* 스크롤바의 넓이 */ .history .right__section .inner__contents .table__box::-webkit-scrollbar-thumb{ background: #868582; border-radius: 50px; } /* 스크롤바의 길이,색상 */ .history .right__section .inner__contents .table__box::-webkit-scrollbar-track{ background: #ededec; border-radius: 50px; } /* 스크롤바 뒷배경 색상 */ .history .right__section .history__table{ width: 830px; height: 570px; font-size: 20px; } .history .history__scrollDown .below{ border-top: 2px solid #000; border-right: 2px solid #000; } .history__table tr th, .history__table tr td{ padding: 10px 5px; } .history__table thead tr th{ font-size: 40px; text-align: left; font-weight: 300; color: #717171; } .history__table tbody{ border-top: 3px solid #0b78a9; } .history__table tbody tr{ border-bottom: 1px solid #0b78a9; } .history__table tbody tr.exception{ border: none; } .history__table tbody tr.exception td:not(.margin__05){ border-bottom: 1px solid #eaeae9; } .history__table tbody tr th{ color: #0b78a9; font-weight: 600; padding-right: 5px; } .history__table tbody tr td.margin__05{ color: #a0a09d; font-weight: 500; } .history__table .gray{ font-size: 16px; color: #999793; } .history__scrollDown{ position: sticky; z-index: 100; bottom:-90px; left:0; background-color: #fff; display: flex; width: 100%; height: 80px; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 15px; } .history__scrollDown span{ font-size: 14px; } .history__scrollDown .ico.arrow{ width: 30px; height: 30px; transform:rotate(135deg) skew(15deg, 15deg); } #certificate .page__content .right__section ul{ display: flex; flex-wrap: wrap; } #certificate .page__content .right__section ul li{ position: relative; display: flex; flex-direction: column; width: 170px; height: 280px; background-color: #f7f8f8; margin-right: 35px; padding-top: 235px; } #certificate .page__content .right__section ul li:nth-child(5n){ margin-right: 0; } #certificate .page__content .right__section ul li.line__01{ margin-bottom: 45px; } #certificate .page__content .right__section ul li img{ position: absolute; top: -20px; right: -10px; border:1px solid #bdbdbd; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); } #certificate .page__content .right__section ul li span{ font-size: 12px; text-align: center; display: inline-block; } #contact .page__content .lower__section{ display: flex; margin-top: 80px; } #contact .page__content .lower__section .left__section{ width: 500px; margin-top: -40px; } #contact .page__content .lower__section .left__section .box:first-child{ margin-bottom: 30px; } #contact .page__content .lower__section .left__section .box ul{ padding-left: 10PX; } #contact .page__content .lower__section .left__section .box ul li{ margin-bottom: 15px; } #contact .page__content .lower__section .left__section .colored__circle{ width: 135px; height: 40px; background-color: #0e6bb6; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin-bottom: 20px;} #contact .page__content .lower__section .right__section{ width: calc(100% - 500px); } #contact .page__content .lower__section .right__section .map__section{ position: relative; display: flex; justify-content: flex-end; } #contact .page__content .lower__section .right__section .map__section .map{ position: absolute; top:-40px; left:-40px; width: 570px; height: 500px; border: 1px solid #b2b1b0; border-radius: 20px; background-color:#fff; overflow: hidden; } #contact .page__content .lower__section .right__section .map__section .map iframe{ position: absolute; border-radius: 20px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); } #contact .page__content .lower__section .right__section .map__section .information{ display: flex; justify-content: flex-end; background-color: #fff; width: 925px; height: 530px; border: 1px solid #b6b4a5; border-radius: 20px; padding: 25px 30px 75px; font-weight: 500; } #contact .page__content .lower__section .right__section .map__section .information ul li{ display: flex; align-items: center; padding: 20px 45px 20px 0; border-bottom: 1px dashed #c2c2c0; } #contact .page__content .lower__section .right__section .map__section .information ul li:last-child{ border: none; } #contact .page__content .lower__section .right__section .map__section .information ul li span.img{ display: inline-block; display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; border-radius: 100px; margin-right: 10px; } #contact .page__content .lower__section .right__section .map__section .information ul li:nth-child(odd) span.img{ background: linear-gradient(to right,#5ac2d8,#278fcf); } #contact .page__content .lower__section .right__section .map__section .information ul li:nth-child(even) span.img{ background: linear-gradient(to right,#aad392,#099c6f); } #contact .page__content .lower__section .right__section .map__section .information .blue{ color: #49a0c1; } #contact .page__content .lower__section .right__section .map__section .information .green{ color: #68b07e; } #contact .page__content .lower__section .right__section .map__section .information .tel{ letter-spacing: 2px; } table .margin__05{ border-right: 5px solid #fff; } table .margin__bottom__03{ border-bottom: 3px solid #fff; } table.common__table{ width: 1000px; font-weight: 400; font-size: 14px!important; text-align: center; } table.common__table .ce{ padding: 15px 0; font-weight: 400;} .table__title{ color: #fff; padding: 15px 5px; font-weight: 600; font-size: 16px; } table.common__table th,table.table.common__table td{ border-bottom: 1px solid #d6d6d6; vertical-align: middle; } table.common__table thead {background: #fff;} table.common__table thead tr, table.common__table thead th, table.common__table thead td {border-bottom: none!important;} table.common__table td{ text-align: right; padding-right: 5px; border-bottom: 1px solid #d6d6d6; vertical-align: middle; background: #fff;} table.common__table tbody{ border-bottom: 2px solid #b2b2b2; } table.common__table tbody th, table.common__table tbody td {padding: 10px 5px;} table.common__table tbody tr th.first__category{ background-color: #e5e5e5; font-weight: 500; text-align: left; padding: 10px 15px; font-size: 14px; } table tr th.first__category span.black{ color: #000; font-size: 13px; } table tr th.first__category span.gray{ color: #6e6f6f; font-size: 13px; } table.common__table tbody tr th.second__category{width: 130px; font-weight: 500; text-align: left; padding: 7px 10px; background-color: #f2f2f2; } table.common__table tbody tr th.second__category.type2 {width: 70px;} table.common__table tbody tr th.third__category {background: #f7f7f7; font-weight: 500; width: 90px; text-align: left; padding: 7px 10px;} .paging--purple table.common__table tbody tr th.second__category.type2 {color: #903f98;} .table__cell__colored{ text-align: center!important; font-weight: 600; padding: 15px 5px; /* padding-right: 0!important; */ } .table__cell__colored__90b5a6{ background-color: #90b5a6!important; } .table__cell__colored__b9cfc5{ background-color: #b9cfc5!important; } table.common__table tbody tr td:nth-of-type(2n){ background-color: #f7f7f7; } table.common__table tbody tr td:nth-of-type(2n-1){ background-color: #fff; } .table__text__align{ text-align: center!important; } .table__slash, .rectangul__table__horizontal thead tr:last-child td, table thead tr:last-child th {position: relative;} .paging--purple table .table__slash .upper::after, .paging--purple .rectangul__table__horizontal thead tr:last-child td::after, .paging--purple table thead tr:last-child th:not(.table__slash)::after {display: block; content: ""; width: 100%; height: 0; border-bottom: 2px solid #903f98; position: absolute; bottom: 0; left: 0;} .paging--emerald table .table__slash .upper::after, .paging--emerald .rectangul__table__horizontal thead tr:last-child td::after, .paging--emerald table thead tr:last-child th:not(.table__slash)::after {display: block; content: ""; width: 100%; height: 0; border-bottom: 2px solid #0e8667; position: absolute; bottom: 0; left: 0;} .paging--purple table .table__text__colored{ color: #903f98; } .paging--purple table.rectangul__table__vertical tbody tr th.second__category{ color: #fff; text-align: center; } .paging--purple table.rectangul__table__vertical tbody tr th.second__category:nth-of-type(even){ background-color: #9851a0; } .paging--purple table.rectangul__table__vertical tbody tr th.second__category:nth-of-type(odd){ background-color: #aa86bd; } table.rectangul__table__vertical{ height: 700px; } table.rectangul__table__vertical thead td{ padding: 15px 0 15px 0; text-align: center; width: 100px; } table.rectangul__table__vertical thead td:nth-of-type(1){ width: 140px; } table.rectangul__table__vertical thead td:nth-of-type(odd){ background-color: #e5e5e5; } table.rectangul__table__vertical thead td:nth-of-type(even){ background-color: #f2f2f2; } table.rectangul__table__vertical tbody tr td:nth-of-type(1){ text-align: center; padding-right: 0; } table.rectangul__table__vertical tr th.second__category{ font-weight: 400; font-size: 16px; width: 110px; } table.rectangul__table__vertical tbody tr td{ border-bottom: 1px solid #e2e2e2; padding-top:4px; padding-bottom: 4px; } table.rectangul__table__vertical tbody tr td:nth-of-type(2n){ background-color: transparent; } table.rectangul__table__vertical tbody tr td:nth-of-type(2n-1){ background-color: #fafafa; } table.rectangul__table__vertical tbody tr th.first__category{ background-color: #f2f2f2; } table.round__table tr.border__title{ border-bottom: 2px solid #fff; } .product__table .page__content {display: flex; height: 100%;} .product__table .layout {flex-direction: column; height: 100%;} .product__table .layout .title__section {margin-bottom: 50px;} .product__table .layout .right__section {display: flex; width: 100%; height: 82%; position: relative;} .product__table .layout .right__section::after {position: absolute; top: 0; left: calc(100% + .3em); content: "SCROLL DOWN ▼"; writing-mode: vertical-lr; color: #8f3f98;} .paging--emerald .product__table .layout .right__section::after {color: #0e8667;} .product__table .layout .right__section.nonscroll::after {display: none;} .product__table .layout .overflow_container {display: block; width: 100%; height: 100%; overflow: hidden auto; padding-right: 10px; position: relative;} .product__table .layout .overflow_container::-webkit-scrollbar {width: 10px; background: #999; border-radius: 10px;} .product__table .layout .overflow_container::-webkit-scrollbar-thumb {width: 100%; background: #8f3f98; border-radius: 10px;} .paging--emerald .product__table .layout .overflow_container::-webkit-scrollbar-thumb {background: #0e8667;} .product__table .overflow_container table.common__table {width: 100%;} .product__table .overflow_container table.common__table thead {position: sticky; top: -1px; left: 0; z-index: 50;} .product__table .overflow_container table.common__table thead::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: #fff; content: "";} .product__table .overflow_container table.common__table thead td, .product__table .overflow_container table.common__table thead th, .product__table .overflow_container table.common__table thead tr {border-bottom: none;} .product__table .overflow_container table.common__table thead tr {position: relative; z-index: 10;} .prod_spec_notice {display: flex; flex-wrap: wrap; gap: 20px; padding: 20px; border-bottom: 2px solid #bc94c4;} .paging--emerald .prod_spec_notice {border-bottom-color: #0e8667;} .prod_spec_notice ul {width: calc(50% - 10px); border-right: 1px solid #adadad;} .prod_spec_notice ul:nth-child(2n) {border: none;} .prod_spec_notice li {font-weight: 300;} .prod_spec_notice ul li::before {width: 4px; height: 4px; background: #afafaf;} .prod_spec_notice li small {font-size: 0.7em; color: orange;} .paging--purple .table__cell__colored:nth-of-type(odd){ background-color: #dbcee6; } .paging--purple .table__cell__colored:nth-of-type(even){ background-color: #c7b2d6; } .paging--purple table tbody tr th.first__category{ color: #903f98; width: 150px;} .paging--purple table tr td.third__category{ font-weight: 500; } .paging--purple table tr td.dark{ background-color: #e6daec!important; } .paging--purple table tr td.light{ background-color: #f0ecf5!important; } .paging--purple table tr th.dark{ background-color: #e6daec!important; } .paging--purple table tr th.light{ background-color: #f0ecf5!important; } .paging--emerald table thead{} .paging--emerald table tbody tr th.first__category{ color: #0e8667; } .paging--emerald table .table__text__colored{ color: #0e8667; } .paging--emerald .table__cell__colored:nth-of-type(odd){ background-color: #c0dac9; } .paging--emerald .table__cell__colored:nth-of-type(even){ background-color: #96c3a5; } .paging--emerald table tr th.dark{ background-color: #388e73!important; color: #fff; font-weight: 400; } .paging--emerald table tr th.light{ background-color: #67a18b!important; color: #fff; font-weight: 400; } .paging--emerald table tr th.second__category.dark{ background-color: #e5eeea!important; color:#000!important; text-align: center; } .paging--emerald table tr th.second__category.light{ background-color: #f1f6f4!important; color:#000!important; text-align: center; } .paging--yellow table tbody tr th.first__category{ color: #e04e25; text-align: left; font-weight: 400; } .paging--yellow table.common__table td{ text-align: center; } .between .page__container{ padding: 140px 65px 100px 440px; } .between .table{ display: flex; flex-direction: column; } .between .table .title{ justify-content: flex-start; font-size: 60px; } .between .table .box{ align-items: flex-end; justify-content: space-between; gap: 0 20px; position: relative; display: flex; margin-top: 20px;} .between .table .box__name{ display: flex; justify-content: flex-end; position: relative; width: 40px; height: 550px; margin-top: 40px; opacity: 0.9; } .between .table .box__name::after{ position: absolute; top:-40px; right:0; display: block; content: ''; width: 0; height: 0; border-left: 40px solid transparent; transform: rotate(90deg); } .paging--purple .between .table .box__name{ background: linear-gradient(to top,#9f84b1,#89599b); } .paging--purple .between .table .box__name::after{ border-top: 41px solid #89599b; } .paging--emerald .between .table .box__name{ background: linear-gradient(to top,#7b9361,#32906e); } .paging--emerald .between .table .box__name::after{ border-top: 41px solid #32906e; } .between .table .prod_thumb {flex-shrink: 1;} .between .prod_index {display: flex; flex-shrink: 0;} .between .table .box__name span{ display: flex; justify-content: flex-end; align-items: center; transform-origin: bottom right; width: 510px; height: 40px; color: #fff; flex-shrink: 0; transform: rotate(-90deg); } .between .table .box__contents{ width: 985px; height: 590px; display: flex; background-color: #fafafb; opacity: 0.8; padding: 50px 45px; } /* .between .table .box__contents div{ width: 420px; } .between .table .box__contents div.box__left{ margin-right: 40px; } .between .table .box__contents ul li{ margin: 20px 0; border-bottom: 1px dotted #bdbdbd; font-size: ; } */ .between__small{ font-size: 12px; color: #808080; font-weight: 400; } .between table.between__table tbody tr td{ width: 440px; border-bottom: 1px dotted #bdbdbd; padding: 15px 0; font-weight: 500; font-size: 18px;} .between table.between__table tbody tr:last-child td{ border-bottom: 0; } .between table.between__table tbody tr td:first-child{ border-right: 40px solid transparent;} .between__content2 .row.first.chiller_padding {padding: 0 0 30px 0; } .between__content2 .row.chiller_padding,.page__container .box .between__content2 .row.last.chiller_padding {padding: 30px 0;} #between01 .page__content .table .title h2, #between03 .page__content .table .title h2{ color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.9); } #between02 .page__content .table .title{ position: relative; background: linear-gradient(to right,#06165e,#a573af); width: 210px; -webkit-background-clip: text;} #between02 .page__content .table .title h2.float{ color: transparent!important; } #between03 .page__content .table .title .h2__small{ font-size: 30px; } #between04 .page__content .table .title{ position: relative; background: linear-gradient(to right,#4b990f,#8ac53d); width: 210px; -webkit-background-clip: text;} #between04 .page__content .table .title h2{ color: transparent; } .pg13 .round__table .table__slash::before, .pg15 .round__table .table__slash::before{ border-top: 78px solid transparent; } .pg13 table.common__table, .pg14 table.common__table, .pg15 table.common__table{ font-size: 13px!important; } .pg13 table tbody tr th.first__category, .pg14 table tbody tr th.first__category, .pg15 table tbody tr th.first__category{ font-size: 14px!important; } .pg32 table thead tr{ height: 50px; } .pg32 table.common__table td{ text-align: center; } .pg32 table.common__table thead td:nth-of-type(2n){ background-color: #f4f5f6; } .pg32 table.common__table thead td:nth-of-type(2n-1){ background-color: #e7e6e6; } .pg32 .round__table .table__slash::before{ border-left: 170px solid #f2f2f2; border-top: 48px solid transparent; } .pg32 table.common__table tbody tr th.second__category{ padding: 5px 10px; text-align: center; } .pg32 .table__slash::after{ content: 'Type'; } .pg32 table.common__table tbody tr th.first__category{ background-color: #f4f5f6; } .pg36 .round__table .table__slash::before{ border-left: 345px solid #f2f2f2; border-top: 79px solid transparent; } .pg37 table.common__table td{ padding: 3px 10px; } .pg37 table tr th.dark, .pg37 table tr th.light{ padding: 3px 10px; } .pg37 .round__table .table__slash .upper{ margin-top: -25px; } .pg37 .round__table .table__slash::before{ border-left: 280px solid #f2f2f2; border-top: 55px solid transparent; } .pg38 .rectangul__table__vertical .table__slash::before{ border-left: 464px solid #f2f2f2; border-top: 56px solid transparent; } .pg38 table.rectangul__table__vertical tbody tr th.first__category{ background-color: #e5e5e5; } .pg38 .round__table .table__slash .upper{ margin-top: -25px; } .pg39 .table__cell__colored, .pg40 .table__cell__colored, .pg41 .table__cell__colored, .pg46 .table__cell__colored{ padding: 10px 0; } .pg39 .round__table .table__slash .upper, .pg40 .round__table .table__slash .upper, .pg41 .round__table .table__slash .upper, .pg46 .round__table .table__slash .upper{ margin-top: -15px; } .pg39 .round__table .table__slash::before, .pg40 .round__table .table__slash::before, .pg41 .round__table .table__slash::before{ border-left: 411px solid #f2f2f2; border-top: 39px solid transparent; } .pg43 .round__table .table__slash::before{ border-left: 230px solid #f2f2f2; border-top: 79px solid transparent; } .pg44 .round__table .table__slash::before{ border-left: 233px solid #f2f2f2; border-top: 79px solid transparent; } .pg45 .round__table .table__slash::before{ border-left: 225px solid #f2f2f2; border-top: 79px solid transparent;} .pg46 .round__table .table__slash::before{ border-left: 427px solid #f2f2f2; border-top: 39px solid transparent; } #cleanRoomSystem .layout .left__section{ margin-right: 29px; } #cleanRoomSystem .layout .lower__section{ height: auto; } #cleanRoomSystem .page__content .left__section .yellow__installation{ width: 420px; height: 180px; background-color: #f2f2f2; border-top-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px; } #cleanRoomSystem .page__content .left__section .yellow__installation h5{ font-size: 18px; color: #999; font-weight: 500; border-bottom: 1px solid #f1c2ab; margin-bottom: 10px; padding-bottom: 5px; } #cleanRoomSystem .page__content .left__section .yellow__installation ul{ display: flex; flex-wrap: wrap; } #cleanRoomSystem .page__content .left__section .yellow__installation ul li{ width: calc(100% / 3); margin-bottom: 15px; } #cleanRoomSystem .page__content .left__section .yellow__installation ul.bullet__list li span.bullet{ margin-right: 5px; } #cleanRoomSystem .page__content .right__section{ display: flex; justify-content: space-between; padding-top: 40px; } #cleanRoomSystem .page__content .right__section .upper__section{ align-items: center; justify-content: space-between; font-size: 16px; gap: 20px;} #cleanRoomSystem .page__content .right__section .upper__section .txtbox {text-align: justify;} #cleanRoomSystem .page__content .right__section .upper__section p {font-size: 18px;} #cleanRoomSystem .page__content .right__section .upper__section p.orange {font-size: 17px;color: #f26530;} #cleanRoomSystem .page__content .right__section .upper__section .text_column_box{} #cleanRoomSystem .page__content .right__section .upper__section .text_column_box .hgl_color{color: #f26530;} #cleanRoomSystem .page__content .right__section .img__box{ position: relative; margin-bottom: 25px; } #cleanRoomSystem .page__content .right__section .img__box ul li{ width: calc(100% / 5); } #cleanRoomSystem .page__content .right__section .img__box ul li img{ width: 100%; } #cleanRoomSystem .page__content .right__section .img__box ul li:first-child img{ border-bottom-left-radius: 10px; } #cleanRoomSystem .page__content .right__section .img__box ul li:last-child img{ border-bottom-right-radius: 10px; } #cleanRoomSystem .page__content .right__section .img__box:last-child{ margin-bottom: 0; } #cleanRoomSystem .page__content .right__section .img__box .img__list img{ display: block; } #cleanRoomSystem .page__content .right__section .img__box .above__black__box{ position: absolute; bottom:0; left:50%; transform: translateX(-50%); width: 100%; background-color: rgba(0,0,0,0.5); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; color: #fff; padding: 5px 0; font-weight: 300;} #cleanRoomSystem .page__content .right__section .lower__section h5{ font-size: 25px; color: #4d4d4d; margin-bottom: 5px; } #cleanRoomSystem .page__content .right__section .lower__section .sub__h5{ display: inline-block; margin-bottom: 20px; } #energyStorageSystem .layout .left__section {width: 485px;} #energyStorageSystem .page__content .right__section{ display: flex; justify-content: space-between; padding-top: 40px; } #energyStorageSystem .page__content .right__section .upper__section{ align-items: flex-start; justify-content: space-between; font-size: 16px; gap: 20px;} #energyStorageSystem .page__content .right__section .upper__section .txtbox {text-align: justify;} #energyStorageSystem .page__content .right__section .upper__section p {font-size: 18px;} #energyStorageSystem .page__content .right__section .upper__section p.orange {font-size: 17px;color: #f26530;} #energyStorageSystem .page__content .right__section .img__box{ position: relative; margin-top: 40px;} #energyStorageSystem .page__content .right__section .img__box .above__black__box{ position: absolute; bottom:0; left:50%; transform: translateX(-50%); width: 100%; background-color: rgba(0,0,0,0.5); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; color: #fff; padding: 5px 0; font-weight: 300;} #energyStorageSystem .page__content .right__section .img__box img {display: block;} #negativePressureUnit01 .layout .upper__section ul li{ display: flex; flex-direction: column; width: 244px; margin-right: 10px; } #negativePressureUnit01 .layout .upper__section ul li:last-child{ margin-right: 0; } #negativePressureUnit01 .layout .upper__section ul li div.first{ position: relative; } #negativePressureUnit01 .layout .upper__section ul li div.first img{ width: 244px; height: 166px; display: block; } #negativePressureUnit01 .layout .upper__section ul li div.first span{ position: absolute; bottom:0; left:0; background-color: RGBA(0,0,0,0.6); color: #fff; text-align: center; width: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 5px 0; } #negativePressureUnit01 .layout .upper__section ul li div:last-child{ font-size: 13px; margin-top: 20px; color: #747171; } #negativePressureUnit01 .layout .right__section{ display: flex; justify-content: space-between; } #negativePressureUnit01 .layout .lower__section{ height: auto;} #negativePressureUnit01 .layout .lower__section ul li{ display: flex; flex-direction: column; width: calc(100% / 4); align-items: center; text-align: center; } #negativePressureUnit01 .layout .lower__section ul li img{ width: 103px; height: 102px; margin-bottom: 20px; } #negativePressureUnit01 .layout .upper__section h5, #negativePressureUnit01 .layout .lower__section h5{ font-size: 25px; color: #4d4d4d; margin-bottom: 30px; } #negativePressureUnit02 .first__category__exception{ background-color: #cbcbcb; } #negativePressureUnit02 .layout .right__section h5{ font-size: 25px; color: #4d4d4d; margin-bottom: 10px; } #negativePressureUnit02 .layout .right__section .first{ margin-bottom: 30px; } #negativePressureUnit02 .layout .right__section .first table, #negativePressureUnit02 .layout .right__section .second table{ width: 100%; } #negativePressureUnit02 .layout .right__section .first table thead th{ border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 5px 0; font-weight: 400; } #negativePressureUnit02 .layout .right__section .first table thead th:first-child{ background-color: #e04e25; color: #fff; } #negativePressureUnit02 .layout .right__section .first table thead th:last-child{ background-color: #e68426; color: #fff; } #negativePressureUnit02 .layout .right__section .first table td{ text-align: left; padding: 5px 10px; } #negativePressureUnit02 .layout .right__section .second table thead{ border-bottom: 2px solid #eea582; } #negativePressureUnit02 .layout .right__section .second table thead th:nth-of-type(2n){ background-color: #e7e6e6; } #negativePressureUnit02 .layout .right__section .second table thead th:nth-of-type(2n-1){ background-color: #f4f5f6; } #negativePressureUnit02 .layout .right__section .second table th, #negativePressureUnit02 .layout .right__section .second table td{ padding: 5px 10px; } #negativePressureUnit02 .layout .right__section .second table td:nth-of-type(1), #negativePressureUnit02 .layout .right__section .second table td:nth-of-type(2){ text-align: left; } #negativePressureUnit02 .layout .right__section .first table.common__table tbody tr th.first__category{ padding: 5px 10px; } #negativePressureUnit02 table.common__table tbody tr td:nth-of-type(2n){ background-color: #fbfbfc; } #negativePressureUnit02 table.common__table tbody tr td:nth-of-type(2n-1){ background-color: #fff; } #negativePressureUnit02 table.common__table tbody tr th.first__category{ font-size: 14px; } #lastPage .page__container{ padding: 300px 100px 50px; } #lastPage .page__container .page__content{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; } #lastPage .page__container .page__content img{ margin-top: 100px; } #lastPage .page__container .page__content .information ul{ display: flex; } #lastPage .page__container .page__content .information ul li{ margin-right: 15px; } #lastPage .page__container .page__content .information address{ font-style: normal; } #lastPage .page__container .page__content .information .tel{ color: #90c31f; } #lastPage .page__container .page__content .information .email{ color: #90c31f; } #lastPage .page__content .logo__img img{ width: 150; height: 58px; } @media screen and ( max-width:720px ){ ul.bullet__list li span{ flex-shrink: 1; } .history .layout .right__section{ overflow: auto; } .btn--play.play { background: url(../images/common/play_white.png) no-repeat calc(50% + 2px)/15px 20px;} .btn--play.pause{ background: url(http://web.rgbcom.co.kr/E-catalog/AR_use/assets/css/../images/common/pause_white.png) no-repeat center/13px; } .catalog__paging{ position: fixed; width: 100%; bottom: 0; padding: 10px; background-color: rgba(255,255,255,0.9); } .catalog__paging a{ background-color: rgba(0,0,0,0.5); } .history .right__section .inner__contents{ border-radius: 20px; box-shadow: none; border: 1px solid #ededed; } .pg01 .catalog__paging a, .pg02 .catalog__paging a, .pg03 .catalog__paging a, .pg04 .catalog__paging a, .pg50 .catalog__paging a{ width: 40px; height: 60px; border-radius: 50px; display: flex; justify-content: center; align-items: center; } .pg01 .catalog__paging, .pg02 .catalog__paging, .pg03 .catalog__paging, .pg04 .catalog__paging, .pg50 .catalog__paging, .pg38 .catalog__paging{ width: 100%; height: 60px; padding: 10px; } .pg01 .catalog__paging .btn.btn--prev, .pg03 .catalog__paging .btn.btn--prev, .pg04 .catalog__paging .btn.btn--prev, .pg50 .catalog__paging .btn.btn--prev{ width: 40px; height: 40px; border-radius: 50px; display: flex; justify-content: center; align-items: center; } .pg01 .catalog__paging .btn.btn--next, .pg03 .catalog__paging .btn.btn--next, .pg04 .catalog__paging .btn.btn--next, .pg50 .catalog__paging .btn.btn--next{ width: 40px; height: 40px; border-radius: 50px; display: flex; justify-content: center; align-items: center; } .pg02 .catalog__paging .btn.btn--prev, .pg02 .catalog__paging .btn.btn--next{ width: 40px; height: 40px; } .pg01 .catalog__paging .ico, .pg02 .catalog__paging .ico, .pg03 .catalog__paging .ico, .pg04 .catalog__paging .ico, .pg50 .catalog__paging .ico{ display: block; } .pg02 .page__container{ padding:100px 0!important; } .pg01 .page__content, .pg02 .page__content, .pg03 .page__content, .between .page__content, .pg50 .page__content{ padding-top: 0; } .page__content{ padding-top: 120px; } /* .catalog.air_cooled .page__content {padding-top: 80px;} */ .pc__only{ display: none; } .m__only{ display: block; } body{ font-size: 14px; } .header{ transform: translateX(-1500px); width: 100%; position: fixed; top:0; } .header .gnb{ transform: translateX(1500px); width: 100%; height: 50px; padding: 10px; } .header.active{ transform: translateX(0); } .header.active .gnb{ transform: translateX(0); } .header .gnb div a{ height: 30px!important; } .header .gnb div a.btn--play{ width: 30px; margin-right: 10px; } .header .gnb a.home{ display: none; } .header .total__menu ul li a.one__depth{ font-size: 16px; padding: 10px 25px; } .header .total__menu ul.two__depth{ padding: 0; } .header .total__menu ul.two__depth li a{ font-size: 15px; padding: 10px 25px;} .header .total__menu ul.two__depth .three__depth li a::before{ left: 25px; } .header .total__menu ul.two__depth .three__depth li a{ font-size: 14px; padding: 7px 40px; } .header .total__menu ul.two__depth.second, .header .total__menu ul.two__depth.third{ padding-bottom: 5px; } .header--blue .header .gnb{ background-color: #2a93d2; } .header--purple .header .gnb{ background-color: #9b4e9e; } .header--emerald .header .gnb{ background-color: #22b098; } .header--yellow .header .gnb{ background-color: #faae34; } .precision.dimension .page__container {padding-top: 150px!important;} .product__table .layout .lower__section .application{margin-bottom: 20px; } .product__table .layout .lower__section .application h4{ font-size: 18px; padding-bottom: 10px; } .table__slash{ opacity: 0; } .layout{ flex-direction: column; } .layout .left__section{ width: 100%; } .layout .right__section{ width: 100%; overflow-x: scroll; } .title__section .small__title{ font-size: 14px; } .title__section h3.main__title{ font-size: 30px; } .layout .right__section{ /* min-width: 320px; */ margin-top: 0;} .indigator{ width: 100%; right:0; top:70px; } .indigator .submenu{ flex-direction: column; width: 100%; } .indigator .submenu li{ width: 100%; margin-bottom: 5px; } .indigator .submenu li:last-child{ margin-bottom: 0; } .indigator .submenu li a{ width: 100%; padding: 3px 3px 3px 20px; } .indigator .submenu li a .text{ font-size: 14px; padding-left: 0; display: block; width: 100%; text-align: center; margin-right: -15px; } .product_indigator .submenu li{ padding: 0 20px; } .product_indigator .submenu li:nth-child(1) span.text, .product_indigator .submenu li:nth-child(2) span.text{ padding-left:0; } #introPage02 .page__content .inner__box .small__text, #introPage03 .page__content .inner__box .small__text{ font-size: 20px; } #index .page__content .inner__contents{ height: auto; } #index .page__content .inner__contents .right__section .index__table tr td div:first-child{ margin-bottom: 10px; } #index .page__content .inner__contents .right__section .index__table tr td ul{ flex-direction: column; margin-top: 0; } #index .page__content .inner__contents .right__section .index__table tr td ul li::after{ display:none; } #index .page__content .inner__contents .right__section .index__table tr td ul.wrap {gap: 0;} table.common__table{ position: relative; width: 800px; font-size: 13px!important; margin-top: 20px; } table.common__table::before{ position: absolute; z-index: 60; display: block; content: ''; width: 50px; height: 50px; background: url(../images/common/ico/swipe.png) no-repeat center/cover; top: 0; left: 0; animation-name: swipeMe; animation-duration: 0.7s; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-timing-function: linear; will-change: transform; } table.common__table::before {display: none;} @keyframes swipeMe{ from { transform: translate(0, 0); } to { transform: translate(50px, 0); } } .pg19 table.common__table::before, .pg20 table.common__table::before, .pg21 table.common__table::before, .pg22 table.common__table::before, .pg23 table.common__table::before, .pg24 table.common__table::before, .pg32 table.common__table::before, .pg39 table.common__table::before, .pg40 table.common__table::before, .pg41 table.common__table::before, .pg46 table.common__table::before{ margin-top: -55px; } .pg37 table.common__table::before, .pg38 table.common__table::before{ margin-top: -80px; } .pg49 table.common__table.first::before{ margin-top: -100px; } .pg49 table.common__table.second::before{ margin-top: -140px; } /* table.common__table{ overflow-x: scroll; min-width: 320px; } */ table.common__table{ min-width: 320px; } table .m_space{ width: 88%; margin-left: 30px!important; } .history__table tbody tr td.margin__05{ width: 30px; } .product__table .overflow_container table.common__table thead::before {display: none;} .product__table .overflow_container table.common__table thead {position: static;} #between02 .page__content .table .title h2.float, #between04 .page__content .table .title h2{ color: #fff!important; text-shadow: 2px 2px 5px rgb(0 0 0 / 90%); } table.common__table tbody tr th.first__category{ width: 90px; font-size: 13px; } table.common__table tbody tr th.second__category{ width: 80px; } table.rectangul__table__vertical tr th.second__category{ font-size: 13px; } .round__table{ margin-top: 0; min-height: auto; } .rectangul__table__horizontal{ margin-top: 0; min-height: auto; } .rectangul__table__vertical{ margin-top: 0 } .round__table .table__slash::before{ border-left: 203px solid #f2f2f2; border-top: 78px solid transparent; } .rectangul__table__horizontal .table__slash::before{ display: none;} .rectangul__table__vertical .table__slash::before{ display: none;} .table__slash .upper, .table__slash .lower {display: none!important;} #firstPage .page__container{ padding: 170px 20px; } #firstPage .page__bg.bg{ background: url(../images/en/pg01/bg_m.jpg) no-repeat center/cover; } #firstPage .page__content{ justify-content: space-between; } #firstPage .page__content > div.first{ flex-direction: row; } #firstPage .page__content > div.first > div:first-child{ order: 2; } #firstPage .page__content > div.first > div:last-child{ order: 1; } #firstPage .page__content div.mission{ margin-left: 0; font-size: 20px; margin-top: 15px; } #firstPage .page__content div.mission::before{ top:-15px; width: 30px; } #firstPage .scrollDown{ margin-top: 500px; display: none; } .history .margin__05{ border-right: 0; } .history .page__bg{ height: 1000px; } .history .right__section .history__table{ width: auto; } .history .right__section .inner__contents{ width: 100%; height: auto; padding: 15px 10px 45px; margin-top: 0; } .history .right__section .inner__contents .table__box{ height: auto; overflow-y: initial; } .history__table thead tr th{ font-size: 25px; } .history .right__section .history__table{ font-size: 16px; } .history__table tr th, .history__table tr td{ padding: 5px; } .history__table tr td{ font-size: 14px; } .history__table .gray{ font-size: 14px; } .history__table tbody tr th{ text-align: left; } .history__table tbody tr{ display: flex; flex-wrap: wrap; } .history__table tbody tr th{ width: 100%; } .history__table tr td:nth-of-type(2){ width: 88%; } .history__scrollDown{ display: none; } #index .page__bg.bg{ background: url(../images/en/pg02/bg_m.jpg) no-repeat center/cover; } #index .page__content .inner__contents .left__section .title span{ font-size: 40px; } #index .page__content .inner__contents{ padding: 35px 20px; flex-direction: column; justify-content: unset; } #index .page__content .inner__contents .left__section{ justify-content: unset; } #index .page__content .inner__contents .left__section .mission{ font-size: 14px; margin-top: 20px; } #index .page__content .inner__contents .right__section .index__table{ margin-top: 30px; /* min-width: 320px; */} #index .page__content .inner__contents .inner__box .symbol__text{ display: flex; width: 100%; } #index .page__content .inner__contents .inner__box .symbol__text img{ width: calc(100% / 9); } #index .page__content .inner__contents .right__section .index__table tr th{ padding-left: 0; font-size: 16px; font-weight: 600; } #index .page__content .inner__contents .right__section .index__table tr td ul li a{ font-size: 14px; padding: 8px 0; } #index .page__content .inner__contents .right__section .index__table tr td{ padding: 0; } #index .page__content .inner__contents .index__table th, #index .page__content .inner__contents .index__table td{ display: block; } #index .page__content .inner__contents .right__section .index__table{ width: 100%; } #index .page__content .inner__contents .right__section .index__table tr{ border-bottom: 1px solid #6c6e71; } #index .page__content .inner__contents .right__section .index__table tr td ul li::after{ width: 1px; } #index .page__content .inner__contents .right__section .index__table tr td .sub__title{ font-size: 15px; } #index .page__content .inner__contents .right__section .index__table tr:first-child{ height: auto; } #index .page__content .inner__contents .right__section .index__table tr:nth-child(2){ height: auto; } #index .page__content .inner__contents .right__section .index__table tr:nth-child(3){ height: auto; } #index .page__content .inner__contents .right__section .index__table tr:last-child{ height: auto; } #index .page__content .inner__contents .right__section .index__table tr td a{ font-size: 14px; margin-bottom: 0px!important; margin-top: 0px!important;} #index .page__content .inner__contents .right__section .index__table tr.last td a:last-child {margin-bottom: 15px !important;} #index .page__content .inner__contents .right__section .index__table tr th{ width: 100%; border-bottom: 1px solid #b1b3b3; padding: 5px 10px; } #index .page__content .inner__contents .right__section .index__table tr td ul{ padding: 0 10px; flex-wrap:wrap; } #index .page__content .inner__contents .right__section .index__table tr td .sub__title{ padding: 10px 10px 0; } #index .page__content .inner__contents .right__section .index__table tr.last a{ padding: 7px 10px; } @media screen and ( max-width: 425px ){ #index .page__content .inner__contents .right__section .index__table{ overflow: scroll; } } #introPage02 .page__content .inner__box .symbol__text.m__only{ margin-bottom: 30px; } #introPage02 .page__content .inner__box .symbol__text.m__only img{ width: 350px; height: 76px; } #introPage03 .page__content{ height: 100%; } #introPage03 .page__content .inner__box{ width: 100%; height: 100%; margin-top: 200px; } #introPage03 .page__content .inner__box .m__only{ margin-top: 10px; } #introPage02 .page__container, #introPage03 .page__container{ padding: 150px 30px; } .between .table .title{ font-size: 28px; } .between .page__container{ padding: 100px 20px; } .between .table .box {flex-direction: column; align-items: flex-end; gap: 40px 0;} .between .table .box__contents{ width: 100%; height: auto; } .between .table .box__name{ height: auto; } .between .table .box__contents{ padding: 15px 20px; } .between table.between__table tbody tr td{ padding: 5px 0; display: block; width: 100%; font-size: 14px; } .between table.between__table tbody tr td:first-child{ border-right: 0; } #introPage02 .page__bg.bg{ background: url(../images/en/pg03/bg_m.jpg) no-repeat center/cover; } #introPage03 .page__bg.bg{ background: url(../images/en/pg04/bg_m.jpg) no-repeat center/cover; } #greeting .page__content .right__section{ margin-top: 0; } #greeting .layout .lower__section{ height: auto; margin-bottom: 25px; } #greeting .layout .lower__section img{ width: 150px; height: 192px; } #greeting .layout .right__section{ flex-direction: column; } #greeting .page__content .right__section p{ width: 100%; font-size: 14px; } #greeting .page__content .right__section p:first-child{ margin-right: 0; } #greeting .layout .right__section p:last-child{ margin-top: 20px; } #certificate .page__content .right__section ul{ justify-content: center; } #certificate .page__content .right__section ul li{ width: 100%; height: auto; padding: 20px; margin-right: 0; } #certificate .page__content .right__section ul li.line__01{ margin-bottom: 25px; } #certificate .page__content .right__section ul li img{ position: initial; box-shadow: none; min-width: 280px; height: auto; } #certificate .page__content .right__section ul li span{ margin-top: 15px; } /* #certificate .page__content .right__section ul li{ position: unset; height: 500px; margin-right: 10px; padding:10px; margin-bottom: 10px; justify-content: space-between; } @media screen and ( max-width:500px ){ #certificate .page__content .right__section ul li{ width: 100%; padding-bottom: 30px; } } #certificate .page__content .right__section ul li:nth-child(5n){ margin-right: 10px; } #certificate .page__content .right__section ul li.line__01{ margin-bottom: 10px; } #certificate .page__content .right__section ul li img{ position: unset; box-shadow: none; height: 100%; } #certificate .page__content .right__section ul li span{ font-size: 12px; text-align: center; display: inline-block; margin-top: 10px; } */ #contact .page__content .lower__section .left__section .colored__circle{ width: 110px; height: 30px; margin-bottom: 10px; } #contact .page__content .lower__section .left__section .box ul li{ margin-bottom: 10px; } #contact .page__content .lower__section{ flex-direction: column; } #contact .page__content .lower__section .left__section{ margin-bottom: 20px; } #contact .page__content .lower__section .right__section{ width: 100%; } #contact .page__content .lower__section .right__section .map__section{ flex-direction: column; } #contact .page__content .lower__section .right__section .map__section .map{ position:relative; top:0; left:0; width: 100%; height: 250px; margin-bottom: 20px; overflow: hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); } #contact .page__content .lower__section .right__section .map__section .map iframe{ border: 50px; /* mask-image */ } #contact .page__content .lower__section .right__section .map__section .information{ width: 100%; height: auto; padding: 20px; } #contact .page__content .lower__section .right__section .map__section .information ul li{ padding: 10px 0; } #contact .page__content .lower__section .right__section .map__section .information ul li span{ flex-shrink: 0; } #contact .page__content .lower__section .right__section .map__section .information ul li span.img{ width: 50px; height: 50px; } #contact .page__content .lower__section .right__section .map__section .information ul li span.img img{ width: 35px; height:28px; } #cleanRoomSystem .layout .right__section{ overflow-x: auto; } #energyStorageSystem .page__content, #negativePressureUnit01 .page__content, #negativePressureUnit02 .page__content, #cleanRoomSystem .page__content {padding-top: 0;} #cleanRoomSystem .page__content .left__section .yellow__installation{ width: 100%; } #cleanRoomSystem .page__content .right__section{ padding-top: 25px; } #cleanRoomSystem .page__content .right__section .upper__section{ flex-direction: column; margin-bottom: 20px; } #cleanRoomSystem .page__content .right__section .img__box .img__list ul{ flex-wrap: wrap; } #cleanRoomSystem .page__content .right__section .img__box .img__list ul li{ width: calc(100% / 3); } #cleanRoomSystem .page__content .right__section .img__box .img__list ul li:nth-child(4), #cleanRoomSystem .page__content .right__section .img__box .img__list ul li:last-child{ width: 50%; } #cleanRoomSystem .page__content .right__section .img__box .img__list ul li img { width: 100%; } #cleanRoomSystem .page__content .right__section .img__box ul li:first-child img{ border-bottom-left-radius: 0; } #cleanRoomSystem .page__content .right__section .img__box ul li:nth-child(4) img{ border-bottom-left-radius: 10px; } #cleanRoomSystem .page__content .right__section .img__box ul li:last-child img{ border-bottom-right-radius: 10px; } #cleanRoomSystem .page__content .left__section .yellow__installation{ height: auto; } #cleanRoomSystem .page__content .left__section .yellow__installation ul li{ width: calc(100% / 2); margin-bottom: 15px; } #cleanRoomSystem .page__content .right__section .upper__section .txtbox {text-align: left;} #cleanRoomSystem .page__content .right__section .upper__section p{ margin-top: 10px; margin-bottom: 20px; font-size: 14px!important; } #energyStorageSystem .page__content .right__section .upper__section {flex-direction: column; align-items: center;} #energyStorageSystem .page__content .right__section .upper__section .txtbox p {margin-bottom: 1em;} #energyStorageSystem .layout .lower__section {height: auto;} #energyStorageSystem .page__content .right__section .img__box ul {flex-direction: column;} #energyStorageSystem .page__content .right__section .img__box ul li {margin-bottom: 15px;} #energyStorageSystem .page__content .right__section .img__box ul li:last-child {margin-bottom: 0;} #energyStorageSystem .page__content .right__section .img__box ul img {width: 100%; border-radius: 20px;} #energyStorageSystem .page__content .right__section .upper__section .txtbox {text-align: left;} #energyStorageSystem .page__content .right__section .upper__section p{ margin-top: 10px; margin-bottom: 20px; font-size: 14px!important; } #negativePressureUnit01 .layout .upper__section ul li div.first img{ width: 100%; object-fit: cover; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #negativePressureUnit01 .layout .right__section .upper__section{ margin-bottom: 20px; } #negativePressureUnit01 .layout .right__section .upper__section ul.flex li{ margin-bottom: 10px; } #negativePressureUnit01 .layout .upper__section ul li div{ margin-bottom: 10px; } #negativePressureUnit01 .layout .upper__section ul li div:last-child{ margin-top: 0; } #negativePressureUnit01 .layout .right__section .upper__section ul.flex{ flex-wrap: wrap; } #negativePressureUnit01 .layout .right__section .upper__section ul.flex li{ width: 49.5%; margin-right: 1%; } #negativePressureUnit01 .layout .right__section .upper__section ul.flex li:nth-child(2n){ margin-right: 0; } #negativePressureUnit01 .layout .lower__section ul.flex{ flex-wrap: wrap; } #negativePressureUnit01 .layout .lower__section ul.flex li{ width: 50%; margin-bottom: 20px; } #negativePressureUnit01 .layout .lower__section{ margin-bottom: 20px; } #negativePressureUnit02 table.common__table{ margin-bottom: 80px; } #lastPage .page__container{ height: 100vh; padding: 100px 20px; } #lastPage .page__container .page__content .information ul{ flex-direction: column; text-align: center; } .rectangul__table__vertical {height: auto!important; min-height: 0!important;} .layout .right__section {display: block!important;} .layout {justify-content: start!important;} .product__table .layout .right__section::after {display: none;} .product__table .layout .overflow_container {padding: 0; overflow: auto;} .product__table .layout .overflow_container::-webkit-scrollbar {display: none;} table.common__table {font-size: 12px!important;} .product__table .layout .overflow_container table.common__table {width: 1000px;} .product__table .layout .overflow_container .prod_spec_notice {position: sticky; left: 0;} .prod_spec_notice {display: block;} .prod_spec_notice ul {width: 100%; border: none;} .prod_spec_notice ul li:last-child {margin-bottom: 5px;} } @media screen and (max-width : 460px){ #negativePressureUnit01 .layout .right__section .upper__section ul.flex li{ width: 100%; margin-right: 0; } } .between__content2 {width: 100%;} .between__content2 .row {border-bottom: 1px solid #dfdfdf; padding: 15px 0;} .between__content2 .row.first {padding-top: 0;} .between__content2 .row.last {border: none;} .between__content2 .tit {font-size: 24px; font-weight: 600; display: block;} .between__content2 .bullet li {padding-bottom: 0; margin-bottom: 0; font-size: 15px;} .between__content2 .bullet li::before {width: 4px; height: 4px;} .between__content2 .grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 30px;} .between__content2 .grid .item {} @media screen and (max-width: 720px) { .between__content2 .tit {font-size: 18px;} .between__content2 .bullet li {font-size: 14px;} .between__content2 .grid {display: block;} }