/* New Mobile */ .header .srch .srchBox .closeSch{display:none;} .header .srch .srchBox .openSch{display:none;} .header .util > ul > li.lang{z-index:999;} @media only screen and (max-width:768px) { #wrap{padding:100px 0 0;} #header-wrap{height:100px;} #header{padding:30px 0 0;} .headerWrap{padding:0;} .headerWrap .utilWrap .util{position:absolute;top:0;left:0;width:100%;padding:0 95px 0 15px;text-align:right;border-bottom:1px solid #ddd;} .headerWrap .util > ul > li{float:none;display:inline-block;} .headerWrap .util > ul > li:first-child{padding:0;} .headerWrap .util > ul > li:first-child:after{display:none;} .headerWrap .util li a{display:block;line-height:30px;} .headerWrap .allMenu{position:absolute;top:0;right:0;width:80px;height:30px;line-height:30px;background:none;text-indent:0;text-align:center;font-size:14px;color:#000;} .headerWrap .allMenu:before {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 12px;margin-top:-6px;background: #5e5e5e;} .headerWrap .site-branding{float:none;position:absolute;top:30px;left:50%;margin-left:-60px;} .headerWrap .headerSearch{float:right;margin:0 15px 0 0;} .headerWrap .srchBox .srch{top:99px;left:0;width:100%;padding:15px 0;} #site-navigation-wrap{width:60px;height:69px;} a#navigation-toggle{width:100%;height:100%;padding:0;background: url(/wp-content/themes/wpex-corporate/images/common/ico_header_allMenu.png) no-repeat center center;font-size:0;z-index: auto;} a#navigation-toggle .fa{display:none;} .header #logo{width:100%;text-align:center;} .header #logo a{top:30px;left:0;height:42px;padding:12px 0 0 0;width:100%;box-sizing:border-box;} .header #logo a img{display:inline-block;vertical-align:top;} .header .gnb{height:42px;} .header .srch{z-index:100;position:absolute;left:inherit;right:0;top:0;width:36px;height:42px;padding:0;background-color:#fff;overflow:hidden;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;} .header .srch.on{width:100%;} .header .srch .srchBox{position:relative;height:100%;padding:0 37px;} .header .srch .srchBox input{width:100%;height:27px;padding:0 10px;margin:8px 0 0 0;border:0;border-radius:5px;background-color:#e8e8e8;color:#9f9f9f;font-size:12px;line-height:27px;box-sizing:border-box;} .header .srch .srchBox .closeSch{position:absolute;left:0;top:0;display:none;width:34px;height:42px;background:url(/wp-content/themes/wpex-corporate/images/main/btn_close_sch_mb.png) no-repeat center center;background-size:14px 14px;font-size:0;} .header .srch.on .srchBox .closeSch{display:block;} .header .srch .srchBox .openSch{position:absolute;left:0;top:0;display:block;width:36px;height:42px;background:url(/wp-content/themes/wpex-corporate/images/main/btn_sch_mb.png) no-repeat center center;background-size:16px 16px;font-size:0;} .header .srch.on .srchBox .openSch{display:none;} .header .srch .srchBox button{right:0;width:36px;height:42px;background:url(/wp-content/themes/wpex-corporate/images/main/btn_sch_mb.png) no-repeat center center;background-size:16px 16px;} .header .srch .srchBox button img{display:none;} } /* New Main */ @media only screen and (max-width:768px) { .newMain{padding-bottom:0;} } .newMain .newSlider{position:relative;height:530px;overflow:hidden;} .newMain .newSlider .swiper-container{height:100%;} .newMain .newSlider .swiper-container .swiper-wrapper{zoom:1;width:100%;height:100%;} .newMain .newSlider .swiper-container .swiper-wrapper:after{content:"";clear:both;display:block;height:0;visibility:hidden;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:100%;overflow:hidden;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a{position:relative;display:block;width:100%;height:100%;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .visual{width:100%;margin:0;text-align:center;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide.one a .visual{background-color:#fff;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide.two a .visual{background-color:#f3fbff;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .visual img{display:inline-block;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .text{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 15px;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .text table{width:100%;height:100%;max-width:1024px;margin:0 auto;text-align:center;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .text table td{padding:100px 0 0;vertical-align:top;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .text strong{display:block;margin:0 0 15px;color:#000;font-size:46px;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .text p{color:#444444;font-size:16px;} .newMain .newSlider .swiper-container .swiper-pagination{bottom:20px;} .newMain .newSlider .swiper-container .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;margin:0 6px;background:url(/wp-content/themes/wpex-corporate/images/main/btn_new_paging.png) no-repeat 0 0;background-size:15px 15px;opacity:1;} .newMain .newSlider .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:url(/wp-content/themes/wpex-corporate/images/main/btn_new_paging_on.png) no-repeat 0 0;background-size:15px 15px;} @media only screen and (max-width: 959px) and (min-width: 768px){ .newMain .newSlider{height:480px;} } @media only screen and (max-width:768px) { .newMain .newSlider{height:320px;} .newMain .newSlider .swiper-container .swiper-pagination{bottom:10px;} .newMain .newSlider .swiper-container .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;background:url(/wp-content/themes/wpex-corporate/images/main/btn_new_paging.png) no-repeat 0 0;background-size:15px 15px;} .newMain .newSlider .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:url(/wp-content/themes/wpex-corporate/images/main/btn_new_paging_on.png) no-repeat 0 0;background-size:15px 15px;} .newMain .newSlider .swiper-container .swiper-button-prev{display:none;} .newMain .newSlider .swiper-container .swiper-button-next{display:none;} } .mainArea{padding:0 10px 10px;} .mainArea{zoom:1;} .mainArea:after{content:'';display:block;clear:both;} .mainBanner{width:100%;height:434px;margin:10px 0 0;padding:0 10px;} .mainBanner div{overflow:hidden;height:100%;} .mainBanner div a{position:relative;display:block;height:100%;} /* .mainBanner div a p{width:100%;margin:0;text-align:center;background-color:#3b3b3b;} */ .mainBanner div a .mainBannerBox{width:100%;margin:0;text-align:center;background:url(/wp-content/themes/wpex-corporate_en/images/main/bannerBg.jpg) no-repeat 0 0;height:100%;background-size:cover;display:table;} .mainBanner div a .mainBannerBox div{display:table-cell;vertical-align:middle;} .mainBanner div a .mainBannerBox img{display:inline-block;} .mainBanner div a .mainBannerBox .mo{display:none;} .mainBanner div a .mainBannerBox .pc{width:760px;} @media only screen and (max-width:1920px) { /* .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .visual{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-ms-transition: all 5s ease-in-out;transition: all 5s ease-in-out;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .visual img{min-width:100%;min-height:100%;max-width:none;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} */ /* .mainBanner div a p{position:absolute;top:50%;left:50%;width:100%;} */ .mainBanner div a .mainBannerBox{width:100%;background-size:cover;} /* .mainBanner div a p img{min-width:100%;min-height:100%;max-width:none;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);vertical-align:top;} */ .mainBanner div a .mainBannerBox img{max-width:100%;} } @media only screen and (max-width:1640px) { .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .visual{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-ms-transition: all 5s ease-in-out;transition: all 5s ease-in-out;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .visual img{min-width:100%;min-height:100%;max-width:none;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} } .mainBlock{overflow:hidden;position:relative;float:left;width:calc(50% - 5px);height:434px;margin:10px 5px 0 0;} .mainBlock a{display:block;width: 100%;height: 100%;} .mainBlock:nth-child(even){float:right;margin:10px 0 0 5px;} .mainBlock .inBox{position:relative;display:table;width:100%;height:100%;z-index:1;} .mainBlock .inBox .vmBox{display:table-cell;width:100%;height:100%;padding:50px 10px 0;text-align:center;vertical-align:top;} .mainBlock .inBox .vmBox.ver2{display:table;height:126px;padding:0;background:rgba(236,89,0,.9);} .mainBlock .inBox .vmBox.white{color:#fff;} .mainBlock .inBox .vmBox .title{display:block;margin:0 0 15px;font-size:34px;} .mainBlock .inBox .vmBox.ver2 .title{display:table-cell;width:100%;height:100%;margin:0;vertical-align:middle;} .mainBlock .inBox .vmBox .text{margin:10px 0 0;font-size:16px;color:#666;opacity:0;} .mainBlock .inBox .vmBox .text + .text{margin:0;} .mainBlock .inBox .vmBox.white .text{color:#fff;} .mainBlock .visual{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;} .mainBlock .visual img{min-width:100%;min-height:100%;} .mainBlock:hover .visual{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)} .mainBlock .newsSlider {height:100%;background-color:#f5f5f5;} .mainBlock .newsSlider .swiper-container{width:100%;height:100%;} .mainBlock .newsSlider .title{display:inline-block;padding:5px 10px;border:1px solid #f18903;border-radius:25px;color:#f18903;font-size:14px;font-weight:700;text-transform:uppercase;} .mainBlock .newsSlider ul li a{position:relative;display:block;width:100%;height:100%;} .mainBlock .newsSlider .swiper-container .swiper-wrapper .swiper-slide a .newsCont{position:absolute;left:0;top:0;width:100%;height:100%;} .mainBlock .newsSlider ul li strong{display:block;margin:20px 0;font-size:34px;line-height:46px;color:#000;overflow:hidden;} .mainBlock .newsSlider ul li p{color:#666;font-size:16px;} .mainBlock .newsSlider .swiper-container .swiper-slide table{width:100%;height:100%;} .mainBlock .newsSlider .swiper-container .swiper-slide table td{padding:0 20px;} .mainBlock .newsSlider .swiper-container .swiper-pagination{bottom:15px;} .mainBlock .newsSlider .swiper-container .swiper-pagination-bullet{width:10px;height:10px;background-color:#dddddd;opacity: 1;} .mainBlock .newsSlider .swiper-container .swiper-pagination-bullet-active{background-color:#e9870c;} .mainBlock .adminInfo{position:absolute;bottom:25px;left:0;width:100%;text-align:center;opacity:0;z-index:1;} .mainBlock .adminInfo li{position:relative;display:inline-block;} .mainBlock .adminInfo li:first-child{padding:0 40px 0 0;} .mainBlock .adminInfo li:first-child:after{content:'';position:absolute;top:2px;right:20px;width:1px;height:12px;background:#645950;} .mainBlock .adminInfo li span{display:block;padding:0 0 0 25px;color:#fff;font-size:16px;background-repeat:no-repeat;background-position:left 50%;} .mainBlock .adminInfo li.email span{background-image:url(/wp-content/themes/wpex-corporate/images/main/ico_main_admin_email.png)} .mainBlock .adminInfo li.call span{background-image:url(/wp-content/themes/wpex-corporate/images/main/ico_main_admin_call.png)} .mainBlock .adminInfo li a{display:block;color:#fff;text-decoration:underline;font-size:16px;} /*new 전체 메뉴 */ .allMenuW{display:none;position:fixed;top:0;left:0;width:100%;padding:0 15px 50px;background-color:#323232;} .allMenuW .allMenuA{position:relative;max-width:1024px;margin:0 auto;} .allMenuA .allLogo{height:69px;} .allMenuA .allLogo .logo{display:block;width:110px;height:100%;background:url(/wp-content/themes/wpex-corporate/images/common/logo_btm.png) no-repeat left 50%;text-indent:-9999px;} /* 2023-08-24 수정 */ .allMenuA .allClose{position:absolute;top:23px;right:0;width:21px;height:21px;background:url(/wp-content/themes/wpex-corporate/images/common/all_meun_close.png) no-repeat 0 0;text-indent:-9999px;} .allMenuA .menuDepth{padding:30px 0;border-bottom:1px solid #474747;} .allMenuA .menuList dl{position:relative;padding:0 0 0 150px;} .allMenuA .menuList dl:after{content:'';display:block;clear:both;} .allMenuA .menuList dl dt{position:absolute;top:-6px;left:0;font-size:23px;color:#fff;} .allMenuA .menuList dl dd{float:left;width:16.7%;} .allMenuA .menuList dl dd:first-of-type{float:left;width:16.5%;} .allMenuA .menuList dl dd > a{display:block;color:#fff;font-size:16px;line-height:23px;font-weight:bold;} .allMenuA .menuList dl dd .depth2{margin:15px 0 0;} .allMenuA .menuList dl dd .depth2 li{position:relative;margin:5px 0 0;padding:0 0 0 10px;} .allMenuA .menuList dl dd .depth2 li:first-child{margin:0;} .allMenuA .menuList dl dd .depth2 li a{display:block;font-size:13px;color:#b2b2b2;} .allMenuA .menuList dl dd .depth2 li:before{content:'';position:absolute;top:8px;left:0;width:2px;height:2px;background:#b2b2b2;border-radius:100%;} .allMenuA .menuList dl.product dd{float:left;width:20%;} .allMenuA .menuList dl.product dd:first-of-type{float:left;width:8%;} .allMenuA .menuList dl.product dd:last-of-type{float:left;width:12%;} @media only screen and (max-width: 959px) and (min-width: 768px){ .allMenuA .menuList dl dd, .allMenuA .menuList dl dd:first-of-type{width:25%;padding:0 0 10px;} .allMenuA .menuList dl.product dd{width:30%;padding:0 0 10px;} .allMenuA .menuList dl.product dd:first-of-type, dl.product dd:last-of-type{width:10%;} } /* contents - 회사소개 */ .conWrap .introT{display:block;margin:0;text-align:center;font-size:42px;} .conWrap .introT + .subText{margin:15px 0 0;font-size:26px;} .conWrap .subT{margin:0;font-size:30px;text-align:center;} .conWrap .imageBox{margin:40px 0 0;text-align:center;} .conWrap .imageBox img{display:inline-block;max-width:100%;} .conWrap .introNum{max-width:800px;margin:30px auto 0;} .conWrap .introNum ol{margin:0;} .conWrap .introNum li{position:relative;margin:15px 0 0;padding:0 0 0 25px;color:#545759;font-size:17px;line-height:30px;} .conWrap .introNum li.one:before{content:'①';position:absolute;top:-1px;left:0;color:#545759;font-size:17px;} .conWrap .introNum li.two:before{content:'②';position:absolute;top:-1px;left:0;color:#545759;font-size:17px;} .conWrap .introNum li.three:before{content:'③';position:absolute;top:-1px;left:0;color:#545759;font-size:17px;} .conWrap p{margin:25px 0 0;color:#545759;font-size:17px;line-height:30px;text-align:center;} .conWrap p .orange{color:#f49c00;font-weight:bold;font-style:normal;} .prodList .subT{margin:40px 0 0;} .conArea .cgIntro{margin:40px 0 0;} .conArea .cgIntro li{position:relative;margin:0;padding:15px 15px 15px 55px;border-top:1px dashed #ddd;font-size:17px;line-height:30px;} .conArea .cgIntro li:nth-child(1){border-top:0;} .conArea .cgIntro li:before{position:absolute;top:15px;left:20px;font-size:20px;font-weight:bold;color:#545759;} .conArea .cgIntro li:nth-child(1):before{content:'01.';} .conArea .cgIntro li:nth-child(2):before{content:'02.';} .conArea .cgIntro li:nth-child(3):before{content:'03.';} .colorSystem{width:100%;margin:30px auto 0;overflow:hidden;clear:both;} .colorSystem ul:after{content:'';display:block;clear:both;} .colorSystem ul{width: 50%;float:left;padding: 0;padding-right: 3%;} .colorSystem ul.subColor{padding-left: 3%;padding-right:0;} .colorSystem ul li + li{margin-top:40px} .colorSystem ul p{margin:0;text-align:left;} .colorSystem ul div{font-size:15px;color:#666;font-weight: bold;position:relative;padding-left:9px;margin-bottom:15px;} .colorSystem ul div:before{content:'';position:absolute;background:#f26c23;width:3px;height:11px;left:0;top:5px} @media(max-width:768px){ .colorSystem ul{padding:0;} .colorSystem ul.mainColor{padding-right:5%;} .colorSystem ul.subColor{padding-left:0;padding-right:0;} .colorSystem ul li + li{margin-top:2%;} .conArea .cgIntro li:before{position:absolute;top:15px;left:20px;font-size:13px;font-weight:bold;color:#545759;} .conArea .cgIntro li{font-size:12px;line-height:20px;} } p.ceoTitle{margin:50px 0 0;font-size:28px;line-height:42px;} p.ceoTitle span{color:#f49c00;} .ceoArea{margin:50px 0 0;} .ceoArea:after{content:'';display:block;clear:both;} .ceoArea .ceoPic{float:left;width:43%;} .ceoArea .ceoMes{float:right;width:57%;padding:0 0 0 25px;} .ceoArea .ceoMes p{text-align:left;} .ceoArea .ceoMes p:first-child{margin:0;} .ceoArea .ceoMes .ceoSign{margin:40px 0 0;} .ceoArea .ceoMes .ceoSign span{display:inline-block;padding:0 10px 0 0;vertical-align:middle;font-size:17px;line-height:30px;} .historyPic{margin: 50px 0 0;} .historyPic ul:after{content:'';display:block;clear:both;} .historyPic ul{margin:0 0 0 -20px;} .historyPic li{float:left;width:33.33%;margin:0;padding:0 0 0 20px;} .historyList{position:relative;margin:50px 0 0;padding:45px 0 0 215px;border-top:1px solid #ddd;} .historyList .period{position:absolute;top:50%;left:0;margin:-35px 0 0;font-size:50px;} .historyList dl{position:relative;padding:30px 0 35px 100px;border-top:1px solid #ddd;} .historyList dl:first-of-type{padding-top:0;border-top:0;} .historyList dl:first-of-type dt{top:-10px;} .historyList dl dt{position:absolute;top:32px;left:0;color:#f48c0b;font-weight:bold;font-size:30px;} .historyList dl dd{position:relative;margin:10px 0 0;padding:0 0 0 10px;font-size:17px;line-height:30px;} .historyList dl dd:before{content:'';position:absolute;top:15px;left:0;width:3px;height:3px;background:#545759;} .businessBox{margin:50px 0 0;border:1px solid #ddd;} .businessBox:after{content:'';display:block;clear:both;} .businessBox .visual{float:left;width:460px;} .businessBox .businessEx{float:right;width:calc(100% - 460px);padding: 25px 0 0 30px;} .businessBox .businessEx h3{margin:0 0 25px;font-size:26px;font-weight:bold;} .businessBox .businessEx ul{margin:75px 0 0;} .businessBox .businessEx h3 + ul{margin:0;} .businessBox .businessEx li{position:relative;margin:10px 0 0;padding:0 0 0 10px;font-size:15px;} .businessBox .businessEx li:before{content:'';position:absolute;top:9px;left:0;width:3px;height:3px;background:#545759;} .businessBox .businessEx .logo{margin:15px 0 0;} .introGb{margin:85px 0 0;padding:85px 0 0;border-top:1px solid #ddd;} .introGb ul li{margin:0 0 50px;} .introGb li:after{content:'';display:block;clear:both;} .introGb li .visual{float:left;width:420px;} .introGb li .text{float:right;width:calc(100% - 460px);margin-top: -10px;} .introGb li .text h3{margin:0 0 25px;font-size:30px;font-weight:bold;} .introGb li .text p{text-align:left;} h3.locTitle{display:none;margin:20px 0;text-align:center;font-size:24px;color:#000;} .locMenu{margin:50px 0 0;} .locMenu .tabs{margin:0 0 35px;} .locMenu .tabs ul:after{content:'';display:block;clear:both;} .locMenu .tabs ul li{float:left;width:20%;} .locMenu .tabs ul.abroad li{float:left;width:14.3%;} .locMenu .tabs ul.abroad li:first-child{float:left;width:14.2%;} .locMenu .tabs ul li a{display:block;padding:20px 5px;text-align:center;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .locMenu .tabs ul li:first-child a{border-left:1px solid #ddd;} .locMenu .tabs ul li.on a{border-top:2px solid #f48c0b;border-bottom:0;color:#f48c0b;font-weight:bold;} .locMenu .tabBoxs .tabBox{display:none;} .locMenu .tabBoxs .tabBox.on{display:block;} .locMenu .tabBox .mapArea{margin:0 0 30px;border:1px solid #ddd;} .locMenu .tabBox .infoLoc td{text-align:left;} .locMenu .tabBox .infoLoc tr:first-child th, .locMenu .tabBox .infoLoc tr:first-child td{border-top:1px solid #545759;} .locMenu .tabBox .infoLoc .emailSend{display:inline-block;margin:0 0 0 10px;padding:0 10px;border:1px solid #b0b4b6;border-radius:3px;font-size:14px;line-height: 34px;color:#545759;} .locMenu .tabBox .infoLoc .emailSend span{display:inline-block;padding:0 0 0 22px;background:url(/wp-content/themes/wpex-corporate/images/contents/ico_loc_email.png) no-repeat left 50%;} /* contents - 연구개발 */ p.bigText{margin:50px 0 0;font-size:28px;} p.bigText em{font-size:28px;color:#f48c0b;} p.bigText.researchP{padding:100px 0 0;background:url(/wp-content/themes/wpex-corporate/images/contents/ico_research_point.png) no-repeat center top;} p.bigText.dWound{margin:0;padding:70px 0 0;background:url(/wp-content/themes/wpex-corporate/images/contents/ico_d_wound_point.png) no-repeat center top;} .researchArea{margin:30px 0 0;} .researchArea ul li{display:table;width:100%;margin:20px 0 0;padding:30px;background-color:#fff;} .researchArea ul li:first-child{margin:0;} .researchArea li > div{display:table-cell;width:50%;vertical-align:middle;} .researchArea li .locName p{margin:0;text-align:left;color:#000;} .researchArea li .locName .name{font-weight:bold;font-size:20px;} .researchArea li .locAdd{text-align:right;} .researchArea li .locAdd span{display:inline-block;padding:0 25px 0 0;line-height:20px;background:url(/wp-content/themes/wpex-corporate/images/contents/ico_research_loc.png) no-repeat right 0;} .researchArea li .locAdd a{display:block;font-size:15px;} .researchArea li .locAdd span:hover{background:url(/wp-content/themes/wpex-corporate/images/contents/ico_research_loc_on.png) no-repeat right 0;} .researchArea li .locAdd span:hover a{color:#f48c0b;text-decoration:underline;} .keyTech{margin:35px 0 0;} .keyTech p.techName{margin:0 0 15px;text-align:left;font-size:16px;} .keyTech ul:after{content:'';display:block;clear:both;} .keyTech ul{margin:0 0 0 -20px;} .keyTech li{float:left;width:25%;padding:0 0 0 20px;} .keyTech ul.col2 li{width:50%;} .newsJoin{position:relative;width:100%;height:295px;margin:45px 0 0;} .newsJoin .visual{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-ms-transition: all 5s ease-in-out;transition: all 5s ease-in-out;} .newsJoin .visual img{min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .newsJoin .vmbox{position: relative;display:table;width:100%;height:100%;z-index:1;} .newsJoin .vmbox .inbox{display:table-cell;width:100%;height:100%;vertical-align:middle;} .newsJoin .vmbox .inbox p{margin:0 0 20px;color:#fff;font-size:20px;} /* 메뉴 추가 : 해당페이지만 arial 폰트로 작업 Investigator Initiated Studies */ /* font */ @font-face { font-family: 'arial'; src: url('/wp-content/themes/wpex-corporate/fonts/arial.eot'); src: url('/wp-content/themes/wpex-corporate/fonts/arial.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wpex-corporate/fonts/arial.woff2'), url('/wp-content/themes/wpex-corporate/fonts/ArialMT.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'arial'; src: url('/wp-content/themes/wpex-corporate/fonts/arialbd.eot'); src: url('/wp-content/themes/wpex-corporate/fonts/arialbd.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/wpex-corporate/fonts/arialbd.woff2'), url('/wp-content/themes/wpex-corporate/fonts/Arial-BoldMT.woff') format('woff'); font-weight: 700; font-style: normal; } .ftArial{font-family:'arial' !important;} .conWrap.coniis div, .conWrap.coniis p, .conWrap.coniis li, .conWrap.coniis a, .conWrap.coniis th, .conWrap.coniis td, .conWrap.coniis span{font-family:'arial' !important;} .conWrap.coniis .conArea{padding:0 60px;} .conWrap.coniis p{text-align:left;font-size:16px;line-height:30px;} .conWrap.coniis p.ft01{font-size:18px;line-height:30px;} .conWrap.coniis a.fcOrange{font-weight:700;color:#f7903f;text-decoration:underline;} .conWrap.coniis .lineGrayBox{padding:36px 60px;background:#f7f8f9;border-top:1px solid #000;border-bottom:1px solid #000;width: calc(100% + 120px);margin-left: -60px;} .conWrap.coniis .lineGrayBox p{font-size:20px;line-height:32px;color:#545759;margin-top:0;} .conWrap.coniis .lineGrayBox p strong{color:#545759;} .conWrap.coniis .txtBox{padding-top:70px;} .conWrap.coniis .txtBox.bdtG{margin-top:83px;position:relative;} .conWrap.coniis .txtBox.bdtG:before{content:'';position:absolute;top:0;left:0;width:calc(100% + 120px);background:#ddd;height:1px;margin-left:-60px;} .conWrap.coniis .txtBox .subT{text-align:left;font-size:26px;line-height:30px;color:#000;display: table;width: 100%;} .conWrap.coniis .txtBox .subT span{padding-left:70px;height: 62px;vertical-align: middle;display: table-cell;} .conWrap.coniis .txtBox .subT span.ico01{background: url('/wp-content/themes/wpex-corporate/images/contents/ico_coniis_01.png')no-repeat left center;} .conWrap.coniis .txtBox .subT span.ico02{background:url('/wp-content/themes/wpex-corporate/images/contents/ico_coniis_02.png')no-repeat left center;} .conWrap.coniis .txtBox .subT span.ico03{background:url('/wp-content/themes/wpex-corporate/images/contents/ico_coniis_03.png')no-repeat left center;} .conWrap.coniis .txtBox p{margin:20px 0 0 0;} .conWrap.coniis .btnBox{overflow:hidden;clear:both;} .conWrap.coniis .btnBox > div{float:left;} .conWrap.coniis .btnBox > div + div{margin-left:20px;} .conWrap.coniis .btnGray.icoDown a{width:340px;height:50px;background:#555555;font-size:16px;color:#ffffff;display:block;text-align:center;line-height:50px;margin-top:13px;} .conWrap.coniis .btnGray.icoDown span{background:url('/wp-content/themes/wpex-corporate/images/contents/ico_btnDownW.png')no-repeat left center;padding-left:25px;display:inline-block;} .conWrap.coniis .noteBox{background:#f7f8f9;padding:12px 20px;overflow:hidden;clear:both;display:table;width:100%;margin-top:13px;} .conWrap.coniis .noteBox span{font-size:14px;line-height:22px;display:table-cell;width:105px;color:#545759;} .conWrap.coniis .noteBox p{font-size:14px;line-height:22px;display:table-cell;margin:0 0 0 5px;width:calc(100% - 105px);} .conWrap.coniis .noteBox + p{margin-top:30px;} .conWrap.coniis table th{font-size:16px;color:#040404;} .conWrap.coniis table td{padding-left:45px;text-align:left;height:120px;} .conWrap.coniis .tbStyle2 td.title{text-align:left;} .conWrap.coniis table span{padding-left:60px;position: relative;vertical-align: middle;height:50px;display:table-cell;} .conWrap.coniis table span.tbIcon01{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb01.png')no-repeat left center;} .conWrap.coniis table span.tbIcon02{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb02.png')no-repeat 6px center;} .conWrap.coniis table span.tbIcon03{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb03.png')no-repeat left center;} .conWrap.coniis table span.tbIcon04{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb04.png')no-repeat left center;} .conWrap.coniis table span.tbIcon05{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb05.png')no-repeat left center;} .conWrap.coniis table span.tbIcon06{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb06.png')no-repeat 5px center;} .conWrap.coniis table td .pdName li{color:#545759;font-size:15px;line-height:22px;margin-bottom:0;} .conWrap.coniis .iisSupport li{color:#545759;padding-left:19px;text-indent:-19px;font-size:16px;line-height:30px;margin:0;} .conWrap.coniis .iisSupport li + li{border-top:1px dashed #ddd;margin-top:13px;padding-top:13px;} .conWrap.coniis .iisSupport span{font-weight:700;} .conWrap.coniis .txtS{margin-top:25px;} .conWrap.coniis .txtS + p{margin-top:0;} /* // Investigator Initiated Studies */ /* 제품정보 */ .listLogo{} .listLogo .bigTit{margin:0 0 20px;padding:7px 20px;background:#5d5d5d;text-align:left;font-size:18px;font-weight:bold;color:#fff;} .listLogo ul{margin:-20px 0 0 -20px;} .listLogo ul:after{content:'';display:block;clear:both;} .listLogo ul.value{margin-top:30px;} .listLogo ul li{float:left;width:33%;margin:0;padding:0 0 20px 20px;vertical-align:top;} .listLogo li .valProd{padding:15px 0;background:#545759;text-align:center;color:#fff;font-size:18px;font-weight:bold;} .listLogo ul li .item{min-height:360px;padding:30px 10px;background:#fff;} .listLogo li .visual{position:relative;width:100%;height:0;padding-bottom:58.25%;margin:0 0 10px;} .listLogo li img{position:absolute;left:0;top:0;width:100%;height:100%;} .listLogo li .item p{margin:15px 0 0;text-align:center;line-height:22px;} .listLogo li p.tit{font-size:17px;font-weight:bold;color:#333;} .listLogo li p.tit + p strong{display:block;} [class*="productTop"]{overflow:hidden;margin:0;padding:100px 15px;background:#4b8ae0;} .productTop.orthopedics{background: linear-gradient(to right, #3ba2d3, #2d5fcf);} .productTop.wound{background: linear-gradient(to right, #64c4aa, #6ebd6c);} .productTop.aesthetic{background: linear-gradient(to right, #fa699c, #c01775);} .productTop.dental{background: linear-gradient(to right, #a7adba, #5b606b);} .productTop .conArea{position:relative;display:table;width:100%;min-height:335px;} .productTop .introType{position:absolute;display:table-cell;left:0;width:510px;padding-right:85px;vertical-align:middle;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);} .productTop .visual{position:absolute;display:table-cell;width:calc(100% - 510px);right:0;text-align:right;vertical-align:middle;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);} .productTop .introType h2{margin:0;padding:0 0 20px;color:#fff;font-size:48px;font-weight:bold;border-bottom:1px solid #fff;text-transform: uppercase;} .productTop .introType h2 span{display:block;} .productTop .introType p{color:#fff;text-align:left;} .productTop .introType .introP{margin:0;padding:15px 0;color:#fff;font-size:18px;border-bottom:1px solid rgba(255,255,255,.45);} .productTop .introType ul{margin:40px 0 0;} .productTop .introType ul li{margin:20px 0 0;} .productTop .introType ul li:first-child{margin:0;} .productTop .introType ul li p{margin:15px 0 0;} .productTop .introType ul li p.tit{position:relative;margin:0;padding:0 0 0 10px;font-weight:bold;color:#000;} .productTop .introType ul li p.tit:before{content:'';position:absolute;top:9px;left:0;width:4px;height:4px;background:#000;} .productTop .introType ul.lineType{margin:10px 0 0;} .productTop .introType ul.lineType li{margin:10px 0 0;color:#fff;} .productTop .introType ul.lineType li:before{background:#fff;} .productTop .introType .prodQ{display:block;width:100%;height:60px;line-height:60px;color:#fff;font-size:17px;font-weight:bold;text-align:center;background: linear-gradient(to right, #fc8238, #f0614b);} .productTop .introType .prodQ span{display:inline-block;padding:0 0 0 35px;background:url(/wp-content/themes/wpex-corporate/images/contents/ico_prod_send.png) no-repeat left 50%;} .productTop .introType .prodQ.btnVideo{display:block;width:100%;height:60px;line-height:60px;color:#fff;font-size:18px;font-weight:bold;text-align:center;background: linear-gradient(to right, #222222, #121212);} /* 2019-05-16 추가 */ .productTop .introType .prodQ.btnVideo span{display:inline-block;padding:0 0 0 53px;background:url(/wp-content/themes/wpex-corporate/images/contents/ico_prod_video.png) no-repeat left 50%;} /* 2019-05-16 추가 */ .productTop .introType .prodQ + .prodQ{margin-top:10px;} /* 2019-05-16 추가 */ .prodVisual{width:100%;text-align:center;} .prodIntro{margin:40px 0 0;} .prodIntro > ul > li{position:relative;padding:40px 0 40px 230px;border-top:1px solid #ddd;} .prodIntro > ul > li .tit{position:absolute;top:40px;left:0;width:200px;margin:0;} .prodIntro > ul > li p{margin:0;text-align:left;} .prodIntro > ul > li p:not(.title){margin:10px 0 0;} .prodIntro > ul > li:first-child{padding-top:0;border-top:0;} .prodIntro > ul > li:first-child .tit{top:0;margin:0;} .conWrap .prodIntro .tbStyle2 td{text-align:left;} .prodWarring{margin:40px 0 0;} .prodWarring > ul > li{position:relative;margin:30px 0 0;} .prodWarring > ul > li .tit{margin:0 0 15px;} .prodWarring > ul > li p{margin:0;text-align:left;} .prodWarring > ul > li p + .lineType{margin:10px 0 0;} .prodWarring .sideEffect{display:table;width:100%;margin:15px 0 0;padding:25px 20px;border:1px solid #ddd;} .prodWarring .sideEffect .lineType{display:table-cell;width:50%;padding:0 10px 0 0;vertical-align:top;} .prodWarring .sideEffect .lineType:nth-child(even){padding:0 0 0 10px;} .methodUse{margin:40px 0 0;} .methodUse p{text-align:left;} .methodUse .tit{margin:0 0 15px;font-weight:bold;color:#000;font-size:17px;} .methodUse .txt{position:relative;margin:15px 0 0;padding:0 0 0 18px;} .methodUse .txt .num{position:absolute;top:0;left:0;} .methodUse .methodNum{display:table;width:100%;} .methodUse .methodNum .numTr{margin:0 0 0 -50px;} .methodUse .methodNum .numTd{display:table-cell;width:33.33%;padding:0 0 20px 50px;vertical-align:top;} .post-img{display: inline;float: left;width: 500px;margin: 0 30px 0px 0;border: 1px solid #dcdcdc;border-bottom: none;} .post-img-copy {background: #000;} .post-img-copy span {display: block;color: #fff;padding: 15px;font-size: 12px;line-height: 1.5;border: 1px solid #000;border-top: none;} .post-header {padding-bottom: 15px;} .post-sub-title{font-size:22px;font-weight:bold;} .post-body{line-height: 27px;color: #000;} /* qna */ .qnaArea{margin:60px 0;text-align:center;} .qnaInfo{display:inline-block;padding:0 0 0 170px;background:url(/wp-content/themes/wpex-corporate/images/contents/ico_qna_info.png) no-repeat left 50%;} .qnaInfo .tit{display:block;font-size:28px;text-align:left;} .conWrap .qnaInfo p{margin:10px 0 0;font-size:16px;text-align:left;} .conWrap .qnaInfo p.callNum{margin:20px 0 0;font-size:34px;text-align:left;color:#f48c0b;font-weight:bold;} .globalList{display:block;width:100%;} .theadQna{display:table;width:100%;} .theadQna span{display:table-cell;padding:15px 10px;background-color:#f7f8f9;vertical-align:middle;text-align:center;color:#333;font-size:15px;} .theadQna .title{width:calc(100% - 325px);} .theadQna .num{width:60px;} .theadQna .date{width:100px;} .theadQna .view{width:75px;} .theadQna .state{width:90px;} .bbs .globalList .category-qna{padding:0;} .globalList .tableSet{display:table;width:100%;} .globalList .tableSet span{display:table-cell;padding:15px 10px;vertical-align:middle;text-align:center;color:#737677;font-size:15px;} .globalList .tableSet .title{width:calc(100% - 325px);padding:15px 20px;} .globalList .tableSet .title a{display:block;max-width:100%;text-align:left;color:#737677;font-size:15px;} .globalList .tableSet .num{width:60px;} .globalList .tableSet .date{width:100px;} .globalList .tableSet .view{width:75px;} .globalList .tableSet .state{width:90px;} .globalList .tableSet .state a{display:inline-block;width:42px;height:20px;background-color:#f48c0b;font-size:12px;line-height:18px;font-weight:bold;color:#fff;border-radius:25px;} .globalList .tableSet .state a.one-comment, .globalList .tableSet .state a.multiple-comments{background-color:#545759;} /* career */ .careerStep{margin:40px 0 0;} .careerStep ul{border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .careerStep ul:after{content:'';display:block;clear:both;} .careerStep ul li{position:relative;float:left;width:25%;margin:0;padding:50px 10px;border-right:1px solid #ddd;text-align:center;} .careerStep ul li:first-child{border-left:1px solid #ddd;} .careerStep li strong{display:block;padding:170px 0 0;background-repeat:no-repeat;background-position:center top;font-size:24px;} .careerStep ul li:before{content:'';position:absolute;top:50%;left:-21px;width:42px;height:42px;margin-top:-21px;background:url(/wp-content/themes/wpex-corporate/images/contents/ico_career_step_arrow.png) no-repeat left 0;} .careerStep ul li:first-child:before{display:none;} .careerStep li.step1 strong{background-image:url(/wp-content/themes/wpex-corporate/images/contents/ico_career_step_1.png);} .careerStep li.step2 strong{background-image:url(/wp-content/themes/wpex-corporate/images/contents/ico_career_step_2.png);} .careerStep li.step3 strong{background-image:url(/wp-content/themes/wpex-corporate/images/contents/ico_career_step_3.png);} .careerStep li.step4 strong{background-image:url(/wp-content/themes/wpex-corporate/images/contents/ico_career_step_4.png);} .careerStep li p{margin:10px 0 0;} /* Sub */ .hydroxy .descBox{margin:20px 0 0;} .hydroxy .descBox li{margin:0 0 15px;} .hydroxy .descBox li:last-child{margin:0;} .hydroxy .descBox li strong{display:block;margin:0;font-size:18px;} .hydroxy .descBox li p{margin:0;text-align:left;} .hydroxy .infoP{margin:20px 0 0;text-align:center;} .hydroxy .infoP li{display:inline-block;margin:0 15px;} .hydroxy .infoP li span {display: block;padding: 0 0 0 25px;font-size: 16px;color:#545759;background-repeat: no-repeat;background-position: left 50%;} .hydroxy .infoP li.email span {background-image: url(/wp-content/themes/wpex-corporate/images/contents/ico_hyd_admin_email.png);} .hydroxy .infoP li.call span {background-image: url(/wp-content/themes/wpex-corporate/images/contents/ico_hyd_admin_call.png);} /* 팝업 */ .popupNew{display:none;position:fixed;top:50%;left:50%;max-width:100%;width:430px;margin:-125px 0 0 -215px;background:#fff;z-index:10001;} .popupArea{padding:49px 15px;text-align:center;} .popupArea .warring{padding:50px 0 0;color:#545759;font-size:16px;background: url(/wp-content/themes/wpex-corporate/images/contents/ico_popup_warring.png) no-repeat center top;} .popupNew .conf{display:block;height:60px;background-color:#fa920d;text-align:center;font-size:16px;font-weight:bold;color:#fff;line-height:60px;} .popupNew .close{position:absolute;top:20px;right:20px;width:19px;height:19px;background: url(/wp-content/themes/wpex-corporate/images/contents/ico_popup_close.png) no-repeat center top;text-indent:-9999px;} .mobileDimd, .popDim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10000;} @media only screen and (max-width: 959px) and (min-width: 768px){ .mainBlock{height:340px;} .mainBlock .newsSlider ul li strong{font-size:24px;line-height:36px;} } @media only screen and (max-width: 870px) { .conWrap.coniis .btnBox > div{float:none;} .conWrap.coniis .btnBox > div + div{margin-left:0;} } @media only screen and (max-width:767px) { .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .visual img{max-height:100%;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .text table td{padding:50px 0 0;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .text strong{font-size:22px;} .newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .text p{font-size:14px;} .mainBanner{height:auto;} .mainBanner div a .mainBannerBox{position:static;} .mainBanner div a .mainBannerBox img{transform:translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);} .mainBanner div a .mainBannerBox .pc{display:none;} .mainBanner div a .mainBannerBox .mo{display:block;width:100%;height:100%;} .mainBanner div a .mainBannerBox div, .mainBanner div a .mainBannerBox{display:block;} .mainBlock{position:relative;width:100%;height:260px;margin:10px 0 0;} .mainBlock:nth-child(even){margin:10px 0 0;} .mainBlock .inBox, .mainBlock .inBox .vmBox{display:block;} .mainBlock .inBox .vmBox.ver2{height:70px;} .mainBlock .inBox .vmBox .title{font-size:24px;} .mainBlock .inBox .vmBox.ver2 .title{font-size:20px;} .mainBlock .inBox .vmBox .text{font-size:14px;opacity:1 !important;} .mainBlock .banner{float:none;width:100%;/*height:105px;*/height:auto;} .mainBlock .visual{top:50%;left:50%;} .mainBlock .visual img{max-width: none;height:100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .mainBlock .newsSlider ul li strong{margin:10px 0;font-size:18px;line-height:24px;} .mainBlock .adminInfo{opacity:1 !important;} .mainBlock .adminInfo li:first-child{padding:0 20px 0 0;} .mainBlock .adminInfo li:first-child:after{right:10px;} .mainBlock .adminInfo li span, .mainBlock .adminInfo li a{font-size:14px;} .conWrap .introT{font-size:32px;} .conWrap .subT{font-size:26px;} .conWrap .introT + .subText{font-size:20px;} .conWrap p{margin:20px 0 0;font-size:14px;line-height:22px;} .conWrap p br{display:none;} p.bigText em, p.bigText{font-size:18px;} p.bigText br{display:none;} .allMenuW{height:100%;overflow:auto;} .allMenuA .menuList dl{padding:40px 0 0;} .allMenuA .menuList dl dd:first-of-type, .allMenuA .menuList dl dd{width:50% !important;padding:10px 0 0;} .colorSystem ul li{width:100%;margin:20px 0 0;} .businessBox:first-of-type{margin:40px 0 0;} .businessBox{margin:20px 0 0;} .businessBox .visual{width:100%;} .businessBox .businessEx{width:100%;padding:20px;} .ceoArea .ceoPic, .ceoArea .ceoMes{width:100%;padding:0;text-align:center;margin-top:20px;} .newsJoin{height:225px;} .introGb{margin:40px 0 0;padding:40px 0 0;} .introGb ul li{margin:0 0 25px;} .introGb li .visual{width:100%;} .introGb li .text{width:100%;margin:25px 0 0;} .introGb li .text h3{margin:0 0 15px;font-size:24px;text-align:center;} .introGb li .text p{font-size:14px;} .historyPic ul li{width:100%;margin:0 0 10px;} .historyPic ul li img{width:100%;} .historyList{padding:65px 0 0;} .historyList .period{top:10px;margin:0;font-size:32px;} .historyList dl{padding: 20px 0 25px 80px;} .historyList dl dt{top:20px;font-size:26px;} .historyList dl dd{font-size:14px;line-height:22px;} h3.locTitle{display:block;} .locMenu .tabs{display:none;} .locMenu .tabs ul li{width:50%;margin:0 0 -1px;} .locMenu .tabs ul li a{font-size:12px;} .locMenu .tabs ul li.on a {border-bottom: 1px solid #ddd;margin: -1px 0 0px;} .locMenu .tabs ul li:nth-child(2n+1) a{border-left: 1px solid #ddd;} .locMenu .tabBoxs .tabBox{margin:0 0 30px;} .locMenu .tabBox .infoLoc .emailSend{display:block;margin:10px 0 0;text-align:center;} .locMenu .tabs ul.abroad li:first-child, .locMenu .tabs ul.abroad li{width:50%;margin:0 0 -1px;} .locMenu .tabBox .mapArea.mt50{margin:0 0 30px !important;} .locMenu .tabBox .infoLoc tbody{display:block;width:100%;} .locMenu .tabBox .infoLoc tr{position:relative;display:block;width:100%;padding:40px 0 0;} .locMenu .tabBox .infoLoc th{position:absolute;top:0;left:0;width:100%;padding:10px;font-size:14px;text-align:left;} .locMenu .tabBox .infoLoc td{display:block;padding:10px;font-size:14px;} .locMenu .tabBox .infoLoc tr:first-child th, .locMenu .tabBox .infoLoc tr:first-child td{border-top:1px solid #545759;} .keyTech li{width:50%;padding-bottom:20px;} .keyTech ul.col2 li{width:100%;} .hydroxy .title-s{font-size:14px;} .hydroxy .pc{display:none;} .hydroxy .mo{display:inline-block;width:100%;} .hydroxy .descBox li{padding:20px 0;} .certTable{display: block;} .certTable thead{display: none;} .certTable tbody{display: block;} .certTable tbody tr{display: block;border-top: 1px solid #333;} .certTable tbody tr:first-child{border-top:0;} .certTable tbody tr:before, .certTable tbody tr:after{content: " ";display: table;} .certTable tbody tr:after{clear: both;} .conWrap .tbStyle2.certTable tbody tr td{display: block;position: relative;float: left;width:100%;min-height: 37px;padding:10px 10px 10px 175px;background-color:#fff;border-left: 0;text-align: left !important;} .certTable tbody tr td:before, .table.inTable table tbody tr td:before{content: attr(data-th);display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 140px;padding: 10px;border-right: 1px solid #ddd;background-color: #f7f8f9;color: #333;font-weight: 400;text-align: left;} .researchArea ul li{display:block;padding:20px;} .researchArea li > div{display:block;width:100%;} .researchArea li .locAdd{margin:15px 0 0;text-align:left;} .researchArea li .locAdd span{padding:0 0 0 20px;background: url(/wp-content/themes/wpex-corporate/images/contents/ico_research_loc.png) no-repeat left 0;} .qnaInfo{padding:150px 0 0;background: url(/wp-content/themes/wpex-corporate/images/contents/ico_qna_info.png) no-repeat top center;} .prodList .conWrap{padding:0;} .listLogo ul {margin: 0 0 0 -10px;} .listLogo ul li{width:50%;margin-top:-20px;padding: 0 0 0 10px;} .listLogo ul li .item{min-height:275px;} .listLogo li .item p.tit{margin:10px 0 0;font-size:15px;} .listLogo li .item p{font-size:12px;} .listLogo .value li{width:100%;} [class*="productTop"]{padding:30px 15px;} .productTop .introType{display:block;width:100%;padding:0;position:static !important;transform: none;} .productTop .introType h2{font-size:28px;} .productTop .introType .introP{padding:10px 0;font-size:14px;} .productTop .conArea{position: relative;height:auto !important;padding-top: 255px;} .productTop .visual{display: block;position: absolute;top: 0 !important;left: 0; width: 100%;padding: 0;transform: none;} .productTop .introType .prodQ, .productTop .introType .prodQ.btnVideo{height:50px;font-size:14px;line-height:50px;} /* 2019-05-16 추가 */ .prodIntro > ul > li{padding:20px 0;} .prodIntro > ul > li .tit{position:static;width:100%;margin:0 0 20px !important;} .prodWarring .sideEffect{padding:15px 10px;} .prodWarring .sideEffect .lineType{display:block;width:100%;} .prodWarring .sideEffect .lineType:nth-child(even){padding:10px 0 0;} .methodUse .methodNum .numTr{margin:0;} .methodUse .methodNum .numTd{display:inline-block;width:100%;padding:15px 3px 0;} .methodUse .methodNum .numTd .visual img{width:100%;} .post-img{display:block;float:none;width:100%;margin:0 0 20px;} .post-img-copy span{padding:10px;} .hydroxy .infoP li{display:block;text-align:center;margin:0 0 15px;} .hydroxy .infoP li span{display:inline-block;} .post-sub-title{font-size:18px;} .popupNew{left:10px;right:10px;width:auto;margin:-125px 0 0;} .mOpen .mobileDimd{display:block;} /* 메뉴 추가 : 해당페이지만 arial 폰트로 작업 Investigator Initiated Studies */ .conWrap.coniis .conArea{padding:0 10px;} .conWrap.coniis p{font-size:14px;line-height:22px;margin:11px 0 0;} .conWrap.coniis .lineGrayBox{padding:16px 10px;width:calc(100% + 20px);margin-left:-10px;} .conWrap.coniis .lineGrayBox p{font-size:14px;line-height:22px;} .conWrap.coniis .txtBox{padding-top:40px;} .conWrap.coniis .txtBox.bdtG{margin-top:46px;margin-bottom:24px;} .conWrap.coniis .txtBox.bdtG:before{content:'';position:absolute;top:0;left:0;width:calc(100% + 20px);background:#ddd;height:1px;margin-left:-10px;} .conWrap.coniis .txtBox p{margin:8px 0 0 0;} .conWrap.coniis .txtBox .subT{font-size:20px;line-height:24px;margin:0;} .conWrap.coniis .txtBox .subT span{padding-left:40px;height:40px;} .conWrap.coniis .txtBox .subT span.ico01{background: url('/wp-content/themes/wpex-corporate/images/contents/ico_coniis_01_m.png')no-repeat left center;background-size:34px auto;} .conWrap.coniis .txtBox .subT span.ico02{background:url('/wp-content/themes/wpex-corporate/images/contents/ico_coniis_02_m.png')no-repeat left center;background-size:30px auto;} .conWrap.coniis .txtBox .subT span.ico03{background:url('/wp-content/themes/wpex-corporate/images/contents/ico_coniis_03_m.png')no-repeat left center;background-size:32.5px auto;} .conWrap.coniis .btnGray.icoDown a{width:100%;height:35px;line-height:35px;font-size:14px;margin-top:11px;} .conWrap.coniis .btnGray.icoDown span{background:url('/wp-content/themes/wpex-corporate/images/contents/ico_btnDownW_m.png')no-repeat left center;padding-left:20px;display:inline-block;background-size:12.5px auto;} .conWrap.coniis .noteBox{padding:11px 10px;} .conWrap.coniis .noteBox span{font-size:12px;line-height:20px;display:inline;width:auto;} .conWrap.coniis .noteBox p{font-size:12px;line-height:20px;display:inline;width:auto;margin:0;} .conWrap.coniis .noteBox + p{margin-top:11px;} .conWrap.coniis table.certTable{display:table;table-layout:fixed;} .conWrap.coniis .certTable thead{display:table-header-group;} .conWrap.coniis .certTable tbody{display:table-row-group;} .conWrap.coniis .certTable tbody tr{display:table-row;} .conWrap.coniis table th{font-size:14px;} .conWrap.coniis .certTable tbody tr td:before, .conWrap.coniis .table.inTable table tbody tr td:before, .conWrap.coniis .certTable tbody tr:before, .conWrap.coniis .certTable tbody tr:after{content:none;} .conWrap.coniis table thead th, .conWrap.coniis table thead td{position:relative;border-bottom:1px solid #000;} .conWrap.coniis .tbStyle2.certTable tbody tr td{display:table-cell;float:none;height:80px;padding:16px 15px;} .conWrap.coniis .tbStyle2 td.title{background:#f7f8f9;color:#000;font-size:14px;line-height:22px;text-align:center !important;} .conWrap.coniis table span{padding-left:0;position: relative;vertical-align: middle;display:inline-block;padding-top:30px;height:auto;font-size:12px;line-height:20px;} .conWrap.coniis table span.tbIcon01{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb01_m.png')no-repeat center top;background-size:21px auto;} .conWrap.coniis table span.tbIcon02{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb02_m.png')no-repeat center top;background-size:16px auto;} .conWrap.coniis table span.tbIcon03{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb03_m.png')no-repeat center top;background-size:26px auto;} .conWrap.coniis table span.tbIcon04{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb04_m.png')no-repeat center top;background-size:26px auto;} .conWrap.coniis table span.tbIcon05{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb05_m.png')no-repeat center top;background-size:26px auto;} .conWrap.coniis table span.tbIcon06{background: url('/wp-content/themes/wpex-corporate/images/contents/img_coniis_tb06_m.png')no-repeat center top;background-size:17px auto;} .conWrap.coniis table td .pdName li{font-size:12px;line-height:20px;margin-bottom:3px;} .conWrap.coniis .iisSupport{margin-top:12px;} .conWrap.coniis .iisSupport li{font-size:14px;line-height:22px;padding-left:0;text-indent:initial;} .conWrap.coniis .iisSupport li + li{padding-top:10px;margin-top:10px;} .conWrap.coniis .txtS{margin-top:26px;} .conWrap.coniis .txtS + p{margin-top:7px;} } @media only screen and (max-width:375px) { .productTop .conArea{position: relative;padding-top: 230px;} } @media only screen and (max-width:320px) { .mainBlock .inBox .vmBox.ver2 .title {font-size: 18px;} .productTop .conArea{position: relative;padding-top: 210px;} }