/* 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:after{top:50%;margin-top:-6px;}
	.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:#363636;}
.mainBanner div a p img{display:inline-block;}
.mainBanner div a p .mo{display:none;}

@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 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;}
}
@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.white{color:#fff;}
.mainBlock .inBox .vmBox .title{display:block;margin:0 0 15px;font-size:34px;}
.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:25px;}
.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%;height:100%;padding:0 15px;background-color:#323232;}  /* 2024-03-14 추가 */
.allMenuW .allMenuA{position:relative;max-width:1024px;height:100%;margin:0 auto;}  /* 2024-03-14 추가 */
.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:25px 0;border-bottom:1px solid #474747;}
.allMenuA .menuList {height:calc(100% - 69px);overflow-y:auto;} /* 2024-03-14 추가 */
.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 .menuDepth.customer dl dd {width:20%;margin-bottom:8px;}

.allMenuA .menuList dl.product dd{float:left;width:15%;}
/*.allMenuA .menuList dl.product dd:nth-child(7) {width:15%;}
.allMenuA .menuList dl.product dd:nth-child(8) {width:12%;}
.allMenuA .menuList dl.product dd:nth-child(9) {width:8%;}*/
.allMenuA .menuList dl.product dd:first-of-type{float:left;width:7%;}
/* .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 .introT + .subText.etc{font-size:15px;line-height:21px}
.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 .researchTxt{font-size:15px;line-height:25px;color:#545759;display:table;width:100%;margin-top:60px;}
.conWrap .researchTxt strong{display:block;font-size:16px;line-height:25px;color:#333;margin-bottom:10px;}
.conWrap .researchTxt > li{display:table-cell;width:33.33%;padding:0 2%;border-left:1px solid #e7e8e9;}
.conWrap .researchTxt > li:first-child{border-left:0;}
.conWrap .researchTxt li ul li{position:relative;padding-left:18px;}
.conWrap .researchTxt li ul li:before{content:'';position:absolute;left:4px;top:12px;width:2px;height:2px;background:#545759;}
.conWrap .researchTxt li ul li div span{position:absolute;left:12px;top:0;}
.conWrap .researchTxt li ul li.dot1{position:relative;padding-left:63px;}
.conWrap .researchTxt li ul li.dot2{position:relative;padding-left:80px;}
.conWrap .researchTxt li ul li.dot3{position:relative;padding-left:48px;}
.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;}
.conWrap .researchTxt p{margin:0;color:#000;line-height:25px;text-align:left;}
.prodList .subT{margin:40px 0 0;}

.conArea .cgIntro{margin:30px 0 0;}
.conArea .cgIntro li{position:relative;margin:0;padding:35px 0 38px 0;border-top:1px dashed #ddd;font-size:18px;line-height:28px;color:#545759;text-align:center;}
.conArea .cgIntro li:nth-child(1){border-top:0;}
.conArea .cgIntro li strong{display:block;font-size:24px;line-height:28px;font-weight:700;margin-bottom:9px;}
.conArea .cgIntro + .imageBox{margin-top:0;}

.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{font-size:12px;line-height:17px;padding:23px 0;}
.conArea .cgIntro li strong{font-size:17px;line-height:1;font-weight:700;margin-bottom:13px;}
}

p.ceoTitle{margin:50px 0 0;font-size:28px;line-height:42px;}
p.ceoTitle span{color:#f49c00;}

.ceoArea{margin:50px 0 0;display:flex;justify-content:center;align-items:center;} /* 2023-08-11 수정 */

.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;}

/* 2020-01-07 윤리경영 추가 :: s */
.subText + .ethics{margin-top:40px;}
.imageBox + .ethics{margin-top:50px;}

.ethicsDate{margin:45px 0 0;text-align:center;}
.ethicsDate .date{display:block;margin:0 0 20px;}
.ethicsDate span{display:inline-block;padding:0 10px 0 0;vertical-align: middle;font-size: 17px;line-height: 30px;}
/* 2020-01-07 윤리경영 추가 :: e */

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{display:table;width:100%;}
.locMenu .tabs ul:after{content:'';display:block;clear:both;}
.locMenu .tabs ul li{display:table-cell;width:calc(100% / 7);border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align:middle;}
/*.locMenu .tabs ul li:first-child{width:16.7%;}*/
.locMenu .tabs ul.abroad li{float:left;width:calc(100% / 6);}
/*.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;}
.locMenu .tabs ul li:first-child {border-left:1px solid #ddd;}
.locMenu .tabs ul li.on {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;}

/* 제품정보 */
.prodList .listLogo {margin-bottom:80px;}
.listLogo .bigTit{margin:0 0 20px;padding:7px 20px;background:#5d5d5d;text-align:left;font-size:18px;font-weight:bold;color:#fff;}
.listLogo ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px 20px;/*margin:-20px 0 0 -20px;*/}
.listLogo ul:after{content:'';display:block;clear:both;}
.listLogo ul.value{margin-top:30px;}
.listLogo ul li{margin:0;/*float:left;width:33%;margin:0;padding:0 0 20px 20px;vertical-align:top;*/}
.listLogo ul li a{display:block;width:100%;height:100%;}
.listLogo ul li a>p{margin:0;}
.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;*/height:100%;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;}
.listLogo li p.tit.kr {margin-top:5px;}  /* 2023-09-01 추가 */


[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.aesthetic.bgPink{background:#ff9bb1;}
.productTop.breast-total-solution{background: linear-gradient(to right, #fa699c, #c01775);} /* 2023-08-24 추가 */
.productTop.breast-total-solution.bgPink{background:#ff9bb1;} /* 2023-08-24 추가 */
.productTop.dental{background: linear-gradient(to right, #a7adba, #5b606b);}
.productTop.medicine{background: linear-gradient(to right, #ff5d5d, #c90b0b);}
.productTop.print{background: linear-gradient(to right, #a447b8, #7a29b9);}
.productTop .conArea{position:relative;width:100%;min-height:335px;}
.productTop .introType{position:absolute;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;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:46px;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.hide span{display:inline-block;padding:0;background:none;}
.productTop .introType .prodF{display:block;width:100%;height:60px;margin-top:10px;line-height:60px;color:#fff;font-size:17px;font-weight:bold;text-align:center;background: linear-gradient(to left, #fc8238, #f0614b);} /* 2024-03-27 추가 */

.productTop .introType .prodQ.btnVideo{display:block;width:100%;height:60px;margin-top:10px;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 p:not(.title) span {display:block;color:#888;font-size:14px;}
.prodIntro > ul > li:first-child{padding-top:0;border-top:0;}
.prodIntro > ul > li:first-child .tit{top:0;}
.conWrap .prodIntro .tbStyle2 td{text-align:left;}
@media only screen and (max-width:767px) {
	.prodIntro > ul > li p:not(.title) span {font-size:11px;padding-bottom:10px;}
}

.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.bg-white {background: #fff;border-bottom: 1px solid #dcdcdc;}
.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 span em{display:none;}
.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:220px 10px 50px;border-right:1px solid #ddd;text-align:center;background-repeat:no-repeat;background-position:center 50px;}
.careerStep ul li:first-child{border-left:1px solid #ddd;}
.careerStep li strong{display:block;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{background-image:url(/wp-content/themes/wpex-corporate/images/contents/ico_career_step_1.png);}
.careerStep li.step2{background-image:url(/wp-content/themes/wpex-corporate/images/contents/ico_career_step_2.png);}
.careerStep li.step3{background-image:url(/wp-content/themes/wpex-corporate/images/contents/ico_career_step_3.png);}
.careerStep li.step4{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;}
.popupNew.img {width:500px; margin:-205px 0 0 -10px;}
.popupNew.img .conf{background-color:#58585a;}

.popupNew.img.pop201127 {width:1036px; margin:-288px 0 0 0;transform:translateX(-50%)}
.popupNew.img.pop201127 .close{background:none;top: 5.2%;right: 3%;width: 3.5%;height: 5.5%;}

.popupNew.img.pop220419 {width:490px; margin:-288px 0 0 0;transform:translateX(-50%)}
.popupNew.img.pop220419 .close{background:none;top: 3.9%;right:3.8%;width: 5.3%;height: 5.2%;}

.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:840px) {
	.pVer_840 {display:none;} /* 2023-09-01 추가 */
}

@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;word-break: break-word;}
	.newMain .newSlider .swiper-container .swiper-wrapper .swiper-slide a .text p{font-size:14px;}

	.mainBanner{height:auto;}
	.mainBanner div a p{position:static;}
	.mainBanner div a p img{transform:translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);}
	.mainBanner div a p .pc{display:none;}
	.mainBanner div a p .mo{display:block;width:100%;height:100%;}

	.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 .title{font-size:24px;}
	.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;}
	.conWrap .researchTxt{display:block;width:100%;margin-top:40px;}
	.conWrap .researchTxt strong{line-height:23px;margin-bottom:20px;}
	.conWrap .researchTxt > li{display:block;width:100%;padding:0 19px;border-left:0;border-bottom:1px solid #e7e8e9;padding-bottom:20px;margin-bottom:20px;}
	.conWrap .researchTxt > li:first-child{border-left:0;}
	.conWrap .researchTxt > li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}
	.conWrap .researchTxt li ul li{position:relative;padding-left:18px;}
	.conWrap .researchTxt li ul li:before{content:'';position:absolute;left:4px;top:9px;width:2px;height:2px;background:#545759;}
	.conWrap .researchTxt li ul li div span{position:absolute;left:12px;top:0;}
	.conWrap .researchTxt li ul li.dot1{position:relative;padding-left:55px;}
	.conWrap .researchTxt li ul li.dot2{position:relative;padding-left:68px;}
	.conWrap .researchTxt li ul li.dot3{position:relative;padding-left:40px;}

	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{margin:0;display:block;} /* 2024-06-18 추가 */
	.ceoArea .ceoPic, .ceoArea .ceoMes{width:100%;padding:0;margin-top:20px;text-align:center;}

	.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;}

	/* 2020-01-07 윤리경영 추가 :: s */
	.subText + .ethics{margin-top:20px;}
	.ethics + .imageBox{margin-top:20px;}

	.ethicsDate{margin:25px 0 0;}
	.ethicsDate span{font-size: 14px;}
	.ethicsDate span img{width:75px;}
	/* 2020-01-07 윤리경영 추가 :: e */

	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 155px;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: 110px;padding: 10px 15px;border-right: 1px solid #ddd;background-color: #f7f8f9;color: #333;font-weight: 400;text-align: left;}

	.qnaArea{margin:30px 0;}
	.qnaInfo{padding:85px 0 0;background: url(/wp-content/themes/wpex-corporate/images/contents/ico_qna_info.png) no-repeat top center;background-size:64px auto;}
	.qnaInfo .tit{font-size:22px;text-align:center;}
	.conWrap .qnaInfo p{font-size:14px;text-align:center;}
	.conWrap .qnaInfo p.callNum{margin:10px 0 0;font-size:24px;text-align:center;}

	.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;}

	.theadQna{display:none;}
	.bbs .globalList .category-qna{padding:20px 10px;}
	.globalList .tableSet{display:block;}
	.globalList .tableSet span{display:inline-block;padding:0 14px;}
	.globalList .tableSet .num{display:none;}
	.globalList .tableSet .title{display:block;width:100%;margin:0 0 25px;padding:0;}
	.globalList .tableSet .title a{font-weight:bold;font-size:20px;color:#000;}
	.globalList .tableSet .date{width:auto;padding:0 10px 0 0;}
	.globalList .tableSet .view{position:relative;width:auto;}
	.globalList .tableSet .view:before{content:'';position:absolute;left:0;top:4px;width:1px;height:13px;background:#737677;}
	.globalList .tableSet .view:after{content:'';position:absolute;right:0;top:4px;width:1px;height:13px;background:#737677;}
	.globalList .tableSet .state{width:auto;}

	.globalList .tableSet span em{display:inline-block;margin:0 10px 0 0;color: #737677;font-size: 15px;}

	.prodList .conWrap{padding:0;}
	.prodList .listLogo {margin-bottom:50px;}
	.listLogo ul {grid-template-columns:repeat(2, 1fr);gap:10px 10px;/*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%;}
	.listLogo li p.tit.kr {margin-top:3px;} /* 2023-09-01 추가 */

	[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;text-align:center;}
	.productTop .conArea .visual img{max-height:255px;}
	.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;}
	.prodIntro > ul > li .tit br{display:block;}

	.prodWarring .sideEffect{padding:15px 10px;}
	.prodWarring .sideEffect .lineType{display:block;width:100%;}
	.prodWarring .sideEffect .lineType:nth-child(even){padding:10px 0 0;}

	.newsJoin .vmbox .inbox{padding:0 10px;}
	.newsJoin .vmbox .inbox p span{display:block;}

	.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;}

	.careerStep ul li{width:100%;padding:30px 10px 30px 110px;border-left: 1px solid #ddd;border-top:1px solid #ddd;text-align:left;background-position: 20px 50%;background-size:66px auto;}
	.careerStep ul li p{text-align:left;}
	.careerStep ul li:first-child{border-top:0;}
	.careerStep ul li:before{width:21px;height:21px;transform:rotate(90deg);top:-11px;left:50%;margin:0 0 0 -11px;background-size:21px auto;}
	.careerStep li strong{font-size:18px;}

	.post-sub-title{font-size:18px;}

	.popupNew{left:10px;right:10px;width:auto;margin:-125px 0 0;}
	.popupNew.img.pop201127{width: 100%;padding: 0 10px;left: 0;right: 0;top: 33%;margin: 0;background: transparent;transform:none;}
	.popupNew.img.pop201127 .close {right:3%;}

	.popupNew.img.pop220419{width: 100%;padding: 0 15px;left: 0;right: 0;top: 12%;margin: 0;background: transparent;transform:none;text-align:center}
	.popupNew.img.pop220419 img{max-width:100%;width:100%}
	.popupNew.img.pop220419 .close {right:6%;}

	.bannerAcademy .bnr .close {}
	.bannerAcademy .bnr.campaign .close {width:15vw;height:15vw;} /* 2023-09-08 추가 */
	
	.mOpen .mobileDimd{display:block;}
}

@media only screen and (max-width:375px) {
	.productTop .conArea{position: relative;padding-top: 230px;}
}

@media only screen and (max-width:320px) {
	.productTop .conArea{position: relative;padding-top: 210px;}
}

/* 제품 설명서 */
.searchBox{margin:70px 0 20px 0;background:#f7f7f7;text-align:center;padding:28px 0}
.searchBox .searchBoxInner{display:flex;align-items::center;justify-content:center;}
.searchBox select{background: #fff;width: 260px;border: 1px solid #ddd;padding-left: 20px;padding-right: 20px;}
.searchBox .inputBox{display:flex;align-items::center;margin-left:10px;width:420px;border:1px solid #ddd;background:#fff;}
.searchBox .inputBox input{background:#fff;border:0;width:368px;padding-left:20px}
.searchBox .inputBox input:-ms-input-placeholder,
.searchBox .inputBox input.w2textarea_placeholder{color:#535758;}
.searchBox .inputBox input::-webkit-input-placeholder{color:#535758;}
.searchBox .inputBox input::-moz-placeholder{color:#535758;}
.searchBox .inputBox input:-moz-placeholder{color:#535758;}
.searchBox .inputBox input:-ms-input-placeholder{color:#535758;}
.searchBox .inputBox .btnSearch{position:relative;display:block;text-indent:-9999em;width:50px;height:100%;background: url(/wp-content/themes/wpex-corporate/images/contents/btn_ico_prd_search.png) no-repeat 50%}
.searchBox .inputBox .btnSearch:before{display:block;content:'';width:1px;height:25px;background:#ddd;position:absolute;top:50%;left:0;transform:translateY(-50%)}

	.pharmacy-summary{margin-top:40px;color:#999;font-size:14px;text-align:right;}
	.searchBox.pharmacy{margin-top:20px;}

.prodInfoList{display:block;width:100%;}
.theadProd{display:table;width:100%;box-sizing:border-box;}
.theadProd span{display:table-cell;padding:15px 10px;background-color:#f7f8f9;vertical-align:middle;text-align:center;color:#333;font-size:15px;}
.theadProd .prod{width:272px}
.theadProd .title{width:222px;}
.theadProd .num{width:60px;}
.theadProd .date{width:100px;}
.theadProd .ver{width:100px;}
.theadProd .view{width:150px;}

#blog-wrap.ver3 .theadProd .num{width:60px;}
#blog-wrap.ver3 .theadProd .cate{width:130px;}
#blog-wrap.ver3 .theadProd .pharm{width:200px;}
#blog-wrap.ver3 .theadProd .add{width:calc(100% - 390px);}
#blog-wrap.ver3 .theadProd .telno{width:120px;}

.prodInfoList .category-prod{padding:0}
.prodInfoList .tableSet{display:table;width:100%;box-sizing:border-box;}
.prodInfoList .tableSet span{display:table-cell;padding:15px 5px;vertical-align:middle;text-align:center;color:#737677;font-size:15px;}
.prodInfoList .tableSet span em{display:none;}
.prodInfoList .tableSet .prod{width:272px;;}
.prodInfoList .tableSet .title{width:222px;}
.prodInfoList .tableSet .num{width:60px;}
.prodInfoList .tableSet .date{width:100px;}
.prodInfoList .tableSet .date em{display:none}
.prodInfoList .tableSet .ver{width:100px;}
.prodInfoList .tableSet .view{width:150px;}
.prodInfoList .tableSet .view a.button{display:inline-flex;align-items:center;justify-content:center;width:52px;height:34px;border:1px solid #ddd;}

#blog-wrap.ver3 .prodInfoList .tableSet .num{width:60px;}
#blog-wrap.ver3 .prodInfoList .tableSet .cate{width:140px;}
#blog-wrap.ver3 .prodInfoList .tableSet .pharm{width:200px;cursor:pointer;}
#blog-wrap.ver3 .prodInfoList .tableSet .add{width:calc(100% - 520px);cursor:pointer;}
#blog-wrap.ver3 .prodInfoList .tableSet .telno{width:120px;}

@media only screen and (max-width:767px) {
	.bbs #blog-wrap.ver2{border-bottom:1px solid #eee}
	.searchBox{padding:14px 10px;margin:18px 0 15px 0}
	.searchBox select{width:auto;flex:1;padding-left:10px}
	.searchBox .inputBox{width:auto;flex:2}
	.searchBox .inputBox input{width:calc(100% - 50px);padding-left:10px}

	.theadProd{display:none}
	.prodInfoList .category-prod{padding:20px 10px;}
	.prodInfoList .tableSet{display:block;}
	.prodInfoList .tableSet span{display:inline-block;padding:0 14px;text-align:left}
	.prodInfoList .tableSet .num{display:none;}
	.prodInfoList .tableSet .prod{display:block;width:100%;padding:0;font-size:15px;}
	.prodInfoList .tableSet .title{display:block;width:100%;margin:5px 0 15px;padding:0;}
	.prodInfoList .tableSet .title a{font-weight:bold;font-size:20px;color:#000;}
	.prodInfoList .tableSet .date{width:auto;padding:0 10px 0 0;}
	.prodInfoList .tableSet .date em{display:inline-block;font-size:15px}
	.prodInfoList .tableSet .ver{position:relative;width:auto}
	.prodInfoList .tableSet .ver:before{content:'';position:absolute;left:0;top:4px;width:1px;height:13px;background:#737677;}
	.prodInfoList .tableSet .view{display:none}

	.prodInfoList .tableSet span em{display:inline-block;margin:0 10px 0 0;color: #737677;font-size: 15px;}


	#blog-wrap.ver3 .theadProd .num{width:auto;}
	#blog-wrap.ver3 .theadProd .cate{width:auto;}
	#blog-wrap.ver3 .theadProd .pharm{width:auto;}
	#blog-wrap.ver3 .theadProd .add{width:100%;}
	#blog-wrap.ver3 .theadProd .telno{width:auto;}

	#blog-wrap.ver3 .prodInfoList .tableSet .num{width:auto;display:none;}
	#blog-wrap.ver3 .prodInfoList .tableSet .cate{width:auto;}
	#blog-wrap.ver3 .prodInfoList .tableSet .pharm{width:auto;color:#111;font-weight:bold;ursor:pointer;}
	#blog-wrap.ver3 .prodInfoList .tableSet .add{width:100%;cursor:pointer;}
	#blog-wrap.ver3 .prodInfoList .tableSet .telno{width:auto;}
	#blog-wrap.ver3 .prodInfoList .tableSet span {padding:0;}
	#blog-wrap.ver3 .prodInfoList .tableSet span.pharm {display:inline-flex;align-items:center;}
	#blog-wrap.ver3 .prodInfoList .tableSet span.pharm::before {content:"";width:1px;height:10px;background-color:#999;margin:0 10px;}
}
@media only screen and (max-width:460px) {
	#blog-wrap.ver3 .prodInfoList .tableSet .cate{font-size:12px;}
	#blog-wrap.ver3 .prodInfoList .tableSet span.pharm {display:block;}
	#blog-wrap.ver3 .prodInfoList .tableSet span.pharm::before {content:none;}
	
	#content.pharmacy .searchBox .searchBoxInner{flex-wrap:wrap;}
	#content.pharmacy .searchBox select{width:100%;flex:auto;margin:0;height:38px;}
	#content.pharmacy .searchBox .inputBox{width:100%;flex:auto;margin:0;margin-top:5px;}

	.pharmacy-summary{text-align:left;}
	.pharmacy-summary br{display:none;}
}

/* 2023-05-23 추가 시작 - CG REALLO INJECT 제품 동영상 추가 { */

.mediaWrap ul.mediaList {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding-top:50px;}
.mediaWrap ul.mediaList li {position:relative;width:calc(100% / 3 - 20px);margin-bottom:0;overflow:hidden;}
.mediaWrap ul.mediaList li img {width:100%;}
.mediaWrap ul.mediaList li iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

@media only screen and (max-width:767px) {
	.mediaWrap ul.mediaList li {width:100%;height:0;margin-bottom:15px;padding-bottom:56.25%;}
	.mediaWrap ul.mediaList li img {display:none;}
}

/* } 2023-05-23 종료 */